@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}table {border-collapse:collapse;border-spacing:0;}fieldset,img {border:0}address,caption,cite,code,dfn,em,i,th,var{font-style:normal;font-weight:normal}ol,ul,li{list-style:none}caption,th {text-align:left}h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal}
q:before,q:after {content:''}abbr,acronym { border:0}input,select{vertical-align:middle;}
.mauto{ margin:0 auto;}
.yahei{font-family: Arial,proxima-nova,"Microsoft YaHei","微软雅黑";}
.font12{ font-size:12px;}.font14{ font-size:14px;}.font16{ font-size:16px;}
.fl{float:left;display:inline}
.fr{float:right;display:inline}
.clear{clear:both}
.cl{clear:left}
.cr{clear:right}
.hidden{visibility:hidden}
.none{display:none}
.m10{margin:10px}
.mr20{ margin-right:20px!important;}
.mr30{ margin-right:30px!important;}
.mt20{ margin-top:20px!important;}
.mt30{ margin-top:30px!important;}
.mb30{ margin-bottom:30px!important;}
.mt0{ margin-top:0!important;}
.mb0{ margin-bottom:0!important;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p30{padding:30px;}
.h5{ font-size:0; height:5px;}
.h10{ font-size:0; height:10px;}
.h15{ font-size:0; height:15px;}
.h20{ font-size:0; height:20px;}
.h25{ font-size:0; height:25px;}
.h30{ font-size:0; height:30px;}
.h40{ font-size:0; height:40px;}
.h50{ font-size:0; height:50px;}
.h100{ font-size:0; height:100px;}
.bb1{ border-bottom:1px solid #e5e5e5;}
.w100{ width:100%;}
.w110{ width:110%;}

.w890{width:890px;margin:0 auto;}
.w920{width:920px;margin:0 auto;}
.w1000{ width:1000px;margin:0 auto; }
.w1100{ width:1100px;margin:0 auto; }
.w1200{ width:1200px;margin:0 auto; }
.w1220{ width:1220px;margin:0 auto; }
.w1000bg{ width:1000px;margin:0 auto;background-image:url(../images/1000bg.png);}
.w988{ width:988px; margin:0 auto; overflow:hidden;}
.mauto{ margin:0 auto;}
.radius10{ border-radius:10px;}
.line1{ font-size:0; height:1px; background-color:#dff18d;}
a{ text-decoration:none; color:#333;}
a:focus{outline:none;}
a:hover{color:#183883;}
.red{ color:#e34d4d;}
.blue{ color:#43a6e5;}
.bgfff{ background-color:#fff;}
.center{ text-align:center; }


.topline{ height: 30px; line-height: 30px; background-color: #03388F; color: #fff;}
body{
 background-color:#fff; color:#666;  font-size:12px;font-family: proxima-nova,"Microsoft YaHei","微软雅黑"; /* font-family:"宋体";*/ 
  }
  .yahei{font-family: proxima-nova,"Microsoft YaHei","微软雅黑"; }
  
.head{ /*border-top:3px solid #0071B4;*/  height:150px; background-color: #FEFEFE; /* background-image:url(../images/head.jpg); */ padding-top:0px;   }
.logo{  }
.tel{  }


.titbox{ text-align:center;}
p.title{font-family: HELVETICANEUELTPRO-THEX, 微软雅黑;
    font-size: 30px; color:#E60000; font-weight:bold;}
p.title img{ padding: 0 30px; background-color: #fff;}
p.subtitle{color:#666;
    font-family: HELVETICANEUELTPRO-THEX, 微软雅黑;
    font-size: 22px;
    line-height: 45px; display:inline-block;  height:45px;}
p.line{ border-bottom:1px solid #333; margin-top:-22px;}

.i6 p.line{border-bottom:none;}
.i6 p.line::before{ content: ""; display: block; width: 390px; border-top: 1px solid #333;}
.i6 p.line::after{ content: "";  display: block; float: right; width: 390px; border-top: 1px solid #333;}

span.subtitle1{ display:inline-block; width:200px; height:6px;background-color:#183883; margin-top:20px;}



.menubox{ height:50px; background-color:#183883;}
.menu{ line-height:50px; position: absolute;}



.menu .m1{ line-height:50px;    float:left; display:inline-block ; }


.menu li:first-child{ background-image:none;}
.menu .m1>a{ display:block; text-align:center; line-height:50px; 
	font-size:16px; color:#fff;   padding:0 34px;}
.menu li>a:hover{ background-color:#EFF1F6; color:#183883}
.menu li>a:hover ,.menu li.sel a:hover{ color:#183883;}
.menu li.sel a{ color:#183883; background-color: #EFF1F6;  }
.menu li>ul{ display: none; width: 100%;  z-index: 9999;}
.menu li>ul>li>a{ display:block; text-align:center; line-height:40px; 
	font-size:15px; color:#fff; }
.menu li>ul>li>a:hover{ background-color: #cbd1e2; transition: all .5s; }

.banner{ height:660px; background-image:url(../images/banner.jpg); background-position:center;}

.index_main{ background-image:url(../images/mbg.png); background-position:center top; text-align:center; padding-top:120px;background-repeat:no-repeat; }

.i1{  min-height:400px; background-image:url(../images/i1bg.png); background-repeat:repeat;  text-align:center;  }

.i1 ul{ width:110%; margin-top:60px;}
.i1 li{ width:178px; display:block; float:left; height:325px; margin-right:35px;} 
.i1 .imgg{ width:154px;   }
.i1 .imgg img{width:154px;   border-radius:110px;}
.i1 .tit{ font-size:28px; padding:15px; color:#333;}


.i2_class{ margin-bottom:5px;}
.i2_class .classname{ font-size: 0; width: 1223px;  }
.i2_class .classname a{ color:#fff; display: inline-block; margin-right: 15px; margin-bottom: 15px;  
font-size: 18px;
width: 190px; height: 55px; line-height: 55px; text-align: center; border-bottom: 1px solid #03388F;
 background-color: #03388F;
 }
 .i2_class .classname a:nth-child(6n+0){ margin-right: 0;}
 .i2_class .classname a:hover{background-color: #EEF1F7; color: #03388F;}

.i2_class .subclassname{ line-height:30px; font-size:14px; width:860px;}
.i2_class .subclassname a{ color:#666; white-space:nowrap; display:inline-block; margin:0 3px;} 
.i2_class .subclassname span{ color:#ddd; }
.pro_tab { 
	
	background-image:url(../images/pro_tab.png); 
	background-repeat:repeat-x; background-position: bottom; 
	height:50px; border:1px solid #eee; 
	border-bottom: 1px solid #D9D9D9;
	background-color: #fff; 
	}

.pro_tab  a{ display:inline-block; height:50px; line-height:50px; width:180px; text-align:center; font-size:18px; font-weight:bold}
.pro_tab  a.sel{background-color:#183883; color:#fff;}



.pro_list2 div{ width:297px; height:280px; border:2px solid #D5D5D5; 
	/**/
	text-align:center; line-height:25px; margin-bottom:30px;}

.pro_list2 div img{ width:297px; height:239px;  }
.pro_list2 .tit{ line-height: 40px; height: 41px; font-size: 16px; display: block; background-color:#D5D5D5; }
.pro_list3{ width:538px; height:593px; margin-left:35px;  border:2px solid #D5D5D5; background-color:#D5D5D5;}
.pro_list3 h3{ line-height:86px; font-size:30px; font-weight:bold; color:#183883}
.pro_list3 .tit{ padding:0 50px;}
.pro_list3 img{ background-color: #fff; }
.pro_list3 p a{ width:140px; height:33px; line-height:33px; display:inline-block;background-color:#EC0000; color:#fff; text-align:center; font-size:15px; }

.pro_list3 .swiper-pagination{ bottom:120px!important;}

.i3{ height:765px; background-image:url(../images/i3.jpg?v=1); background-position:center top; }
.i3 .w1100{ position:relative; height:765px;}
.box_r{ text-align: right; color: #fff; width:300px; box-sizing:border-box; padding:0 10px; }
.box_r h2,.box_l h2{ font-size:28px;}
.box_r div,.box_l div{ font-size:14px; padding:10px 0;}
.box_l{ text-align:left; color:#fff;width:300px;box-sizing:border-box; padding:0 10px;}

.i31{ position: absolute; left: 75px; top: 228px; }
.i32{ position: absolute; left: 2px; top: 400px; }
.i33{ position: absolute; left: 79px; top: 574px; }
.i34{ position: absolute; left: 734px; top: 546px; }
.i35{ position: absolute; left: 806px; top: 390px; }
.i36{ position: absolute; left: 727px; top: 237px; }


.i5{background-image:url(../images/i5.png); background-repeat:no-repeat; background-position:bottom center;  height:835px;}
.i5 .img { width:577px; height:377px; box-sizing:border-box; border:3px solid #eee;  border-radius:5px;}
.i5 .img img{ width:100%; height:100%; border-radius:5px; overflow:hidden;} 

.i5 .about{ width:580px;}

.i5 .about h2{ font-size:30px; color: #03388F;}
.i5 .about .about_box{ font-size:16px; line-height:30px;}

.i5 .about .about_box a{ display:block; height:38px; line-height: 38px; width:100px;  color:#fff; background-color:#EC0000; text-align:center; font-size: 14px;}
.i51 .imgg{ border: 2px solid #eee; border-radius: 3px;}
.i51 .imgg img{ width: 274px; height: auto;}
.i51 .tit{ line-height:30px; text-align:center; font-size:16px; color:#fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.i6 .tit{ font-size:18px; font-weight:bold; color:#333; line-height:40px;}
.i6 .more{ line-height:40px; color:#666;}
.i61{ width:478px;}
.i62{ width:690px;}

.i61 li{ height:31px; line-height:31px; background-color:#F4F4F4; margin-bottom:10px; padding:0 10px;}


.i62 li{  line-height:31px; background-color:#F4F4F4; margin-bottom:14px; padding:0 10px;}

.i62 li a{ font-size:16px; font-weight:bold; color:#183883; display:block; line-height:40px;}
.i62 li p{ font-size:14px; line-height:28px; padding:10px; padding-top:0;}

.nbg{ background-image: url(../images/nbg.jpg); background-position: center; background-repeat: no-repeat;}

.i7 .fr{ width:620px;}

.foot1{background-image:url(../images/foot.jpg); background-repeat:no-repeat; background-position:top center; height:295px; }

.foot1 .fl{ padding-left:50px}
.foot1 .fl img{ margin-left:20px; margin-top:140px;}
.foot1 .fr{ width:280px; height:170px; color:#fff; margin-top:45px; line-height:30px; font-size:14px;}
.foot2{ background-color:#183883; color:#fff; min-height:100px;}
.foot2 a{ color:#fff;} 
.foot2 .ulink{ border-bottom:1px solid #fff; line-height:30px; padding:10px;}
.foot2 .ulink a{ margin-left:10px; font-size:14px; }
.copyright{ text-align:center; line-height:80px; font-size:14px;}












.case_box{   }

.case_list{ width:110%;}
.case_list li { width:285px; display:block; float:left; margin-right:20px; height:226px;   }
.case_list li:hover{ box-shadow:0 0 10px #ccc; transition: all .5s;}
.case_list li:hover a{ color:#0071B4}
.case_list li .img{ width:285px; height:176px; display:block; overflow:hidden;}
.case_list li .img:hover .img_bg,.case_list li:hover .img_bg{transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2); }
.case_list li .img_bg{ width:285px; height:176px; display:block; background-size:cover; background-position:center;transition: 1s transform;
	-moz-transition: 1s -moz-transform;
	-webkit-transition: 1s -webkit-transform;
	-o-transition: 1s -o-transform;}
.case_list li .t{ height:50px; line-height:50px; text-align:center; font-size:13px; font-weight:bold; display:block; background-color:#fff; }









.nbanner{height:300px; background-position:center;}
.w1200{ width:1200px;}
.main{   padding:20px; border-radius:5px;  margin:20px auto;  margin-bottom: -20px;}
.left{ width:258px; white-space:normal}
.left .tit{ padding:10px 15px; background-color:#183883; color:#fff;   
	font-size:18px; line-height:25px;  font-weight:bold}
.left .tit em{ display: block; font-size:18px!important; color: #d3dffb; }
.left .box{ padding:10px 0; line-height:35px; font-size:14px;}
.left .box a{ display:block; text-indent:20px; margin-top: 2px;
	line-height:45px;font-size:16px;
	background-color: #eee; color: #1E50AE;
}
.left .box a:hover{ color: #fff; background-color: #1E50AE; transition: all 0.3s; }
.left .tit em{ font-size:12px;}
.left_nav {text-align: center;}
.left_nav li{ margin-top: 50px; }
.left_nav li:hover{ /*background-color: #f7f7f7; transition: all 3s;*/ }
.left_nav p{ padding-top: 10px; }
.left_nav span{ display: block; font-size: 18px; }
.left_nav em{ font-size: 18px }

.right{ width:913px;}
.right .tit{padding-left:0; width:886px; height:43px; line-height:38px; font-size:14px;  
	border-bottom:2px solid red; }
.right .tit .fl{ color:#333; margin-left:20px; font-size:16px; font-weight:bold; }
.right .tit .fr{ color:#999; margin-right:20px;}
.right .tit .fr a{color:#999;}
.right .box{ width:853px; padding:20px; overflow:hidden;}
.right .box .plist { width:110%;}

.right .box .plist li { width:263px; margin-right:25px; float:left; display:block; margin-bottom:10px;}
.right .box .plist li a{ display:block; overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;}
.right .box .plist li img{ width:263px!important; height:197px;}
.right .box .plist li a.img{ border:2px solid #fff;}
.right .box .plist li a.img:hover{ border:2px solid #E1980A;}
.right .box .plist li a.t{ line-height:30px; text-align:center; font-size:14px;}
.right .box .plist li a.t:hover,.right .box .plist li:hover a{ color:#E1980A;}

.right .box .nlist li{ background-image:url("../images/dot2.gif"); background-repeat:no-repeat; background-position:5px center; line-height:38px; height:38px; border-bottom:1px dashed #999; font-size:14px; text-indent:20px;}
.right .box .nlist li:hover,.right .box .nlist li:hover a{color:#E1980A;}


.rbox{ font-size:14px; line-height:28px;  }
.nyr_news_info{text-align:right; background-color:#f7f7f7; color:#999; padding:0 10px; font-size:10px; margin-bottom:10px; border-radius:5px;}
.nyr_news_next{ margin-top:10px; padding-top:10px; border-top:1px dashed #eee;}
.rbox h2{ font-size:16px; text-align:center; padding:10px; font-weight:bold; color:#444;}


.ym{ text-align:center;}
.ym{   margin:0 auto; padding:35px 0; text-align:center;}
.ym a:first-child{ border-radius: 5px 0 0 5px;}
.ym a:last-child{border-radius: 0 5px 5px 0;}
.ym a{ display:inline-block;   height:40px; line-height:40px; width:45px; border:1px solid #EAEAEA; margin-left:-1px; color:#999; font-family: proxima-nova,"Microsoft YaHei","微软雅黑"; font-size:12px;}
.ym a:hover,.ym a.on{ background-color:#f7f7f7;}