@charset "utf-8";
/* CSS Document */

.ibanner{ min-width:1200px; height:408px; overflow:hidden; position:relative; z-index:1; margin:96px 0 0;}
.nivoSlider{ height:408px; background:#FFF; overflow:hidden; position:relative;}
.nivoSlider a.nivo-imageLink{ display:block; width:100vw; height:100%; position:absolute; top:0; left:0; z-index:6;}
.nivoSlider a.nivo-imageLink img{ display:none; width:100%; height:100%; position:absolute; top:0; left:0;}
.nivoSlider .nivo-slice{ display:block; position:absolute; z-index:5; height:100%;}
.nivoSlider .nivo-box{ display:block; position:absolute; z-index:5;}
.nivoSlider .nivo-caption{ display:none;}/*标题*/
.nivoSlider .nivo-controlNav{ z-index:1; position:absolute; left:50%; bottom:22px; z-index:9; transform:translateX(-50%);}/*分页按钮*/
.nivoSlider .nivo-controlNav a{ display:block; width:32px; height:6px; line-height:99; background:#fff; overflow:hidden; margin:0 8px; cursor:pointer; float:left;}
.nivoSlider .nivo-controlNav a.active{ background:#1ec4ed; opacity:1;}
.nivoSlider .nivo-directionNav a.nivo-prevNav,
.nivoSlider .nivo-directionNav a.nivo-nextNav{ display:none;}/*切换按钮*/

.main{ display:block;}

.ibox{ position:relative; z-index:2;}
.ibox::before,
.ibox::after{ content:''; display:block; overflow:hidden; clear:both;}
.ibox .con{ width:1200px; margin:0 auto;}
.ibox .con::before,
.ibox .con::after{ content:''; display:block; overflow:hidden; clear:both;}
.ibox h2.title{ display:block; line-height:2.2; font-size:18px; text-align:center; padding:2em 0 1.66em;}
.ibox h2.title em{ display:block; color:#0c5985; font-size:2em;}
.ibox h2.title span{ display:block; line-height:1; color:#666; font-weight:normal;}
.ibox a.more{ display:block; width:4em; line-height:2; color:#0c5985; font-size:18px; background:url(../images/icons/more.png) right center no-repeat; background-size:auto 1em; padding:0 1.5em 0 0; transition:all ease 0.4s;}

.box1{ padding:0 0 70px;}
.box1 ul{ display:block; overflow:hidden; margin:0 -10px;}
.box1 ul li{ display:block; width:25%; float:left;}
.box1 ul li a{ display:block; overflow:hidden; padding:15px; border:1px solid #ddd; margin:0 10px 20px; transition:all ease 0.4s;}
.box1 ul li a i{ display:block; overflow:hidden;}
.box1 ul li a i img{ display:block; width:100%; transition:all ease 0.4s;}
.box1 ul li a span{ display:block; line-height:1.5; color:#333; font-size:17px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:10px 0 0;}
.box1 ul li a:hover{ border-color:#0c5985;}
.box1 ul li a:hover i img{ transform:scale(1.12);}

.slogan{ background:url(../images/icons/slogan_bg.jpg) center top no-repeat; background-attachment:fixed;}
.slogan h2{ display:block; line-height:1; color:#fff; font-size:16px; font-weight:normal; text-align:center; padding:3.5em 0 3em; padding:3.5em 0;}
.slogan h2 b{ display:block; font-size:3em; padding:0 0 0.5em;}
.slogan h2 span{ display:block; font-size:0.875em;}
.slogan h2 img{ display:block; height:5.375em; margin:0 auto;}

.box2{ background:#f6f6f6; padding:0 0 80px;}
.box2 h2.title{ padding-bottom:0;}
.box2 .flex{ display:flex; align-items:center; padding:30px 0 0;}
.box2 a.pic{ display:block; width:37%; margin:0 8% 0 2%; flex-shrink:0;}
.box2 a.pic img{ display:block; width:100%;}
.box2 .txt{ line-height:2; color:#333; font-size:18px; overflow:hidden;}
.box2 a.more{ margin:2em 0 1em;}

.box3{ position:relative;}
.box3 ul{ display:block; font-size:16px; background:#fff; overflow:hidden; margin:0 -12px;}
.box3 ul li{ display:block; width:33.33%; position:relative; transition:all ease 0.4s; float:left;}
.box3 ul li .info{ overflow:hidden; background:#f6f6f6; padding:0 20px 20px; margin:0 12px;}
.box3 ul li a.pic{ display:block; overflow:hidden; margin:0 -20px;}
.box3 ul li a.pic img{ display:block; width:100%; height:258px; transition:all ease 0.4s;}
.box3 ul li a.title{ display:block; line-height:1.4; color:#333; font-size:1.125em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all ease 0.4s; padding:20px 0 0;}
.box3 ul li .txt{ display:block; height:3.7em; line-height:1.85; color:#434343; font-size:0.875em; padding:10px 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box3 ul li span.date{ display:block; line-height:1.4; color:#999; font-size:0.9375em; overflow:hidden; padding-left:1.5em; background:url(../images/icons/date.png) left center no-repeat; background-size:auto 1em; margin:10px 0 0;}
.box3 ul li:hover a.pic img{ transform:scale(1.05);}
.box3 ul li:hover a.title{ color:#0c5985;}
.box3 a.more{ margin:3em auto;}



@media only screen and (max-width:1440px){


}

@media only screen and (max-width:768px){

.ibanner .swiper-slide .txt,
.ibox .con{ width:calc(100% - 30px);}

.ibanner{ min-width:0; height:204px; margin:60px 0 0; overflow:hidden;}
.nivoSlider{ width:1920px; height:408px; margin-left:50%; transform:translateX(-50%) scale(0.5); transform-origin:center top;}
.nivoSlider .nivo-controlNav{ bottom:26px;}
.nivoSlider .nivo-controlNav a{ width:36px; height:8px; margin:0 10px;}

.ibox h2.title{ font-size:14px; padding:1.5em 0 1.375em;}
.ibox h2.title em{ line-height:2; font-size:1.875em;}
.ibox h2.title span{ line-height:1.625;}
.ibox a.more{ font-size:15px; background-image:url(../images/icons/more_m.png); margin:0 auto;}

.box1{ padding:0 0 40px;}
.box1 ul{ margin:0 -7px;}
.box1 ul li{ width:50%;}
.box1 ul li a{ padding:8px; margin:0 7px 14px;}
.box1 ul li a span{ font-size:15px;}

.slogan h2{ padding:2em 0 2.375em; padding:2.5em 0;}
.slogan h2 b{ line-height:2; font-size:1.625em; padding:0;}
.slogan h2 span{ line-height:1.5;}
.slogan h2 img{ height:3.25em; height:auto; width:90%;}

.box2{ padding:0 0 40px;}
.box2 .flex{ display:block; padding:0;}
.box2 a.pic{ width:75%; margin:0 auto;}
.box2 .txt{ font-size:15px; line-height:1.875; padding:1.5em 0 0;}
.box2 a.more{ margin:1em auto 0em;}

.box3{ padding:0 0 40px;}
.box3 ul li{ width:100%; margin:0 0 15px;}
.box3 ul li .info{ padding:0 16px 16px;}
.box3 ul li a.pic{ margin:0 -16px;}
.box3 ul li a.pic img{ height:auto;}
.box3 ul li a.title{ font-size:17px; padding:16px 0 0;}
.box3 ul li span.date{ font-size:14px;}
.box3 a.more{ margin:1em auto 0em;}

























}





/**/