@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; }
.w1120{ width:1120px;margin:0 auto; }
.w1200{ width:1200px;margin:0 auto; }
.w1240{ width:1240px;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:#666;}
a:focus{outline:none;}
a:hover{color:#003F99;}
.red{ color:#e34d4d;}
.blue{ color:#43a6e5;}
.bgfff{ background-color:#fff;}
.center{ text-align:center; }



body{
 background-color:#fff; color:#666;  font-size:14px;font-family: proxima-nova,"Microsoft YaHei","微软雅黑"; /* font-family:"宋体";*/ 
  }
  .yahei{font-family: proxima-nova,"Microsoft YaHei","微软雅黑"; }
 
 .topline{ line-height: 36px; background-color: #C9C9C9; color: #333; }
 .topline a{ color: #333;}
.head{ /*border-top:3px solid #0071B4;*/  height:130px;  }
 

.i1{ padding:50px 0; background-color: #F3F3F2;}
.i1 .about_box{ width:660px; margin-left:50px;}
.i1 .title_box{ text-align:left; }
.about_txt{  color:#222; line-height:32px; font-size: 18px;}
.about_txt p{ text-indent:2em}
.i1 .more{ display:block; border:1px solid #ddd; width:100px; height:30px; line-height:30px; text-align:center; margin-top:30px;
background-color: #333333; color: #fff; font-size: 16px;}

.i2 .title_box{ text-align:center; padding-bottom:30px;}
p.title{font-family: HELVETICANEUELTPRO-THEX, 微软雅黑;
    font-size: 24px;}
p.subtitle{color: rgb(161, 161, 161);
    font-family: HELVETICANEUELTPRO-THEX, 微软雅黑;
    font-size: 14px;
    line-height: 20px;}

.menu{ line-height:50px; background-color:#185DAB; color:#fff; }



.menu .m1{  line-height:50px;    display:inline-block ; display:inline-block; width:195px; text-align:center; border-right: 1px solid #fff; }
.menu .m1:last-child{ border: none;}
.menu .m1:hover a{ color: #F8B62A;  }
.menu .m1 a{ font-size:20px; color:#fff;}
/*.menu li:first-child{ background-image:none;}
.menu li a{ display:block; text-align:center; line-height:77px; font-size:16px; color:#333;   padding:0 15px;}
.menu li li a:hover{  }
.menu li a:hover ,.menu li.sel a,.menu li.sel a:hover{ color:#0071B4;}*/


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


.search_box{ height:55px; background-color:#E5E5E5; color: #333;}
.sh_bor{ border: 1px solid #003F99; margin-top: 10px; padding: 0 0px; }
.key_box{height:55px; line-height: 55px; color: #333; font-size: 18px; }
.sh_bor{ height: 35px; line-height: 35px;}
.sh_bor input{height: 35px; line-height: 35px; text-indent: 10px;}
.ipt1{ border: none; background-color:#fff; border-radius: 5px; color: #333; font-size: 14px;}
.btn1{   height: 35px; width: 50px; border: none; 
background-image:url(../images/sear.png);
	background-position:center; background-repeat: no-repeat;background-color:#003F99;}


.pro_title{
	position: relative; height: 57px;
}
.pro_title_bg{ background-image:url(../images/pto-tbg.png); background-position:center;  width: 309px; height: 57px; text-align: center;
 font-size: 24px; color: #fff; position: absolute; z-index: 999;
line-height: 50px;
}
.pto_title_line{
	position: absolute; top: 10px;
	  border-style: solid;
	  border-width: 1px;
	  border-color: rgb( 213, 213, 213 );
	  background-image: -moz-linear-gradient( 90deg, rgb(235,235,235) 0%, rgb(255,255,255) 100%);
	  background-image: -webkit-linear-gradient( 90deg, rgb(235,235,235) 0%, rgb(255,255,255) 100%);
	  background-image: -ms-linear-gradient( 90deg, rgb(235,235,235) 0%, rgb(255,255,255) 100%);
	  position: absolute;
	  width:1198px;
	  height: 44px;
	  z-index: 91;
}
.pto_title_more{ position: absolute; right: 15px; z-index: 999; bottom: 12px; display: inline-block; font-weight: 600; font-size: 16px;}
.pto_title_more *{ display: inline-block; vertical-align: middle;}

.i321{ width:110%;}
.i321 li { width:285px; display:block; float:left; margin-right:18px; margin-top: 20px; height:330px; position: relative; box-shadow: #333333;
box-shadow: 0 0 9px 4px rgba(0,0,0,.05);
}
.i321 li .mask{ display: block; position: absolute; z-index: 999; left: 0; top: 0;width:285px;height:330px; background-color:rgba(0,0,0,0)}
.i321 li:hover{  }
.i321 li:hover .mask{ background-color:rgba(0,0,0,0.2); transition: all 0.5s; }
.i321 li:hover a{ color:#fff}
.i321 li .img{ width:285px; height:285px; display:block; overflow:hidden;}
/* .i321 li .img:hover .img_bg,.i321 li:hover .img_bg{transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1); } */
.i321 li .img_bg{ width:285px; height:285px; 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;}
.i321 li .t{ height:45px; line-height:45px; text-align:center; color: #fff; font-size:14px; font-weight:bold; display:block; background-color:#185DAB; }
.i321 li .t:hover{ color: #fff;}


.youshi-item{ display: flex; margin-bottom: 70px;}
.youshi-item .img_box{ width: 580px; height: 370px;}
.youshi-item .img_box img{ width: 580px; height: 370px;}
.item-body{ margin-left: 20px; flex-grow: 1;}
.item-body h4{ border-left: 5px solid #003F99; display: block; height: 25px; line-height: 25px;font-size: 20px; padding-left: 10px; font-weight: 600; margin-top: 20px;}
.item-body .item-body-con{ padding-left: 15px; font-size: 18px; line-height: 36px; margin-top: 15px; width: 540px;}
.youshi-item:nth-child(2n+0) .item-body{ margin-left: 0; }
.youshi-item:hover{ color: #003F99;}
.news-box{ width: 588px; border: 1px solid #EBEBEB; box-sizing: border-box; }
.box-padding{padding: 20px 28px;}
.news-box h3{ line-height: 45px; background-color: #FAFAFA; text-indent: 5px; font-size: 15px;}
.news-box h3 i{ color: #2051AF; font-size: 18px;}
.toppic{ display: flex;}
.toppic-body{ flex-grow: 1; padding: 0 30px; width: 300px;}
.toppic-body>h5>a{ font-size: 17px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}
.toppic-txt{ margin: 10px 0;}
.toppic-body>a .look{ display: inline-block; width: 160px; height: 40px; text-align: center; color: #fff; line-height: 40px; background-color: #666666;}
.toppic-body>a:hover .look{ background-color: #1E50AE;}
.news-item{ line-height: 47px; border-bottom: 1px dotted #eee; }
.news-item i{ transform:scale(0.5,0.5); color: #2E83FF; }
.news-item a{font-weight: 600;}
.news-item:hover a{ color: #1E50AE;}

.i6{padding:50px 0; background-color: #fff;}
.i6 .case_ttt{background-image:url(../images/casebg.png); height: 202px; background-position: center;}

.compay_card{
	box-shadow: 0 0 9px 4px rgba(0,0,0,.05);
	padding: 20px;
}
.card_body{
	display: flex;
}
.card_body .txt{ color: #fff; font-size: 18px; background-color: #1E50AE; padding: 60px 100px 0 100px; height: 240px; text-shadow: 1px 1px 5px rgba(0,0,0,.55);}
.card_body .txt h3{ font-size: 26px; line-height: 60px;}





.ibanner{background-image:url(../images/ibanner.jpg); height: 202px; background-position: center;}
.ibanner_con{ padding-left: 940px;padding-top: 80px; }
.ibanner_con .tel{ font-size: 24px; color: #fff; }
.server{ width: 89px; height: 25px; background-color: #185DAB; color: #fff; text-align: center; line-height: 25px;
border: 1px solid #ccc; border-radius: 10px; margin-top: 10px; }
.server a{ color:#fff; }
.i5{ padding:50px 0; background-color: #F3F3F2; }


/*动态*/
.dt_bg { background:#f5f5f5; height:730px;}
.dt_bg .js_top { padding:63px 0 52px;}
.dt_bg .js_top i { margin-left:498px;}
.dt_bg .js_top .nobor { margin:17px 0 0;}
.dt_bg .js_top a b { font-size:14px; color:#a9a9a9; font-family:Arial; text-transform:uppercase;}
.dt_box { background:#fff; height:450px; padding:55px 0 0;}
.dt { width:765px; padding-left:45px;}
.dt_top { height:50px;}
.dt_top em a { font-family:Arial; text-transform:uppercase; color:#999; display:block; float:right; font-size:14px;}
.dt_top b a { color:#488f00; font-size:18px;}
.dt01 { width:254px; height:326px; position:relative; margin-right:50px;}
.dt01 a em { display:block; height:62px; line-height:62px; background:url(Img/Index/btm06.png) repeat; width:254px; position:absolute; top:264px; left:0; text-align:center; color:#fff; font-size:15px; font-weight:bold;}
.dt02 { width:456px;}
.dt02 dl { border-top:solid 1px #e3e3e3; padding:22px 0 0; height:90px;}
.dt02 dl dt { float:left; width:95px; text-align:center; padding-right:60px; font-family:Arial; font-size:30px; color:#333;}
.dt02 dl dt em { display:block; font-size:16px; color:#666;}
.dt02 dl dd { float:left; width:300px;}
.dt02 dl dd a { display:block; font-size:14px; color:#333; font-weight:bold;}
.dt02 dl dd a:hover { color:#468800;}
.dt02 dl dd p { font-size:13px; color:#333; line-height:24px; padding:5px 0 0;}

.bk { width:305px; padding-left:55px;}
.bk_con a img { width:290px; height:116px;}
.bk_con p { border-bottom:solid 1px #e3e3e3; padding:20px 0;}
.bk_con p a { display:block; font-size:14px; color:#333; font-weight:bold; margin-bottom:5px;}
.bk_con p a:hover { color:#468800;}
.bk_con p span { display:block; font-size:13px; color:#666; line-height:25px;}

/*资质证书*/
.zz{ }
.zz_top { height:75px;}
.zz_top i { display:block; float:right; margin:15px 0 0;}
.zz_top i a { padding-left:2px;}
.zz_top ul li { float:left; padding-right:30px;}
.zz_top ul li a { font-size:16px; color:#333; font-weight:bold; border-left:solid 5px #777; padding-left:10px; display:block}
.zz_top ul li a:hover,.zz_top ul .cur a { color:#396e00; border-left:solid 5px #396e00;}
.zz_top ul li a em { display:block; text-transform:uppercase; font-weight:normal; font-size:14px;}

.zz_con { height:345px;}
.zz_con ul li { float:left; width:194px; padding:0 46px 0 0; overflow:hidden}
.zz_con ul .nobor { padding:0;}
.zz_con ul li i { display:block; width:182px; height:240px; overflow:hidden; border:solid 6px #e0e0e0; }
.zz_con ul li i a img {width:182px; height:240px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.zz_con ul li i a img:hover  { 
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);}
.zz_con2 ul li i,.zz_con2 ul li i a img{height:182px; width:280px;}
.zz_con2 ul li{ width:280px; padding:0 20px 0 0;}
.zz_con ul li span a { line-height:40px; text-align:center; color:#333; font-size:14px; display:block; }
.zz_con ul li span a:hover{ color:#00923f;}






.i2{ background-color:#F8F8F8; padding:50px 0;}


.foot_menu{ background-color: #626262; height: 50px; }
.foot_menu li{ display: inline-block;  line-height:50px;     width:160px; text-align:center;}

.foot_menu li a{ font-size: 20px; color:#fff; }


/*
.nbanner{height:228px; background-position:center;}
.left{ width:202px;}
.left .nav{ background-image:url(../images/lbg.png); background-position:left top; background-repeat:no-repeat; background-color:#66CCCC;}
.left .nav .tit{ padding-left:40px; padding-top:25px; padding-bottom:20px;}
.left .nav .tit b{ display:block; font-size:30px; color:#fff; font-weight:500;}
.left .nav .tit em{ font-size:14px; color:#fff;}
.left .nav ul{ padding:10px 0;}
.left .nav ul li{ height:34px; margin:10px 0;}
.left .nav ul li a{ display:block; height:34px; line-height:34px; border-left:4px solid #66CCCC; color:#fff; text-indent:35px; font-size:14px;}
.left .nav ul li a:hover{border-left:4px solid #009999; color:#099; background-color:#fff; }
.left .left_box{ margin-top:30px;}


.right .weizhi{ line-height:22px; text-align:right;padding-right:30px; color:#999999;}
.right_box{ padding:30px; width:680px; background-color:#fff; border-top:1px solid #009999; }*/

.main { margin:50px auto;}
.nbanner{height:250px; background-position:center;}
 
.main{   padding:20px; border-radius:5px;  margin:20px auto; }
.left{ width:268px; white-space:normal}
.left .tit{ padding-left:0; background-color:#185DAB; color:#fff; width:268px; height:60px; font-size:18px; line-height:60px; text-indent:20px; font-weight:bold}
.left .box{ padding:10px; line-height:35px; font-size:14px;}
.left .box a{ display:block; border-bottom:1px dashed #ddd; text-indent:20px;}
.left .tit em{ font-size:12px;}

.right{ width:913px;}
.right .tit{padding-left:0; width:886px; height:43px; line-height:38px; font-size:14px;  border-bottom:2px solid #185DAB; }
.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; font-size:14px;}
.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:260px;}
.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{  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; min-width:35px; border:1px solid #EAEAEA; margin-left:-1px; color:#999; font-family: proxima-nova,"Microsoft YaHei","微软雅黑"; padding:0 5px;}
.ym a:hover,.ym a.on{ background-color:#f7f7f7;}


.foot{   background-color: #2B2B2B;  background-image:url(../images/footbg.jpg); background-repeat:no-repeat; 
	background-position:top;}
.foot a{ color: #fff; }
.foot-nav{ width: 850px; padding-top: 6px; }
.foot-nav dl{ display: inline-block; width: 150px; color: #fff; margin-right: 10px; vertical-align: top; }
.foot-nav dt{text-transform:uppercase; font-size: 20px; padding-bottom: 10px;}
.foot-nav dd{ font-size: 14px; line-height: 32px; }



.foot .foot-contact{ height: 180px; border-left: 2px solid #fff;  background-image:url(../images/ico-contact.png); background-repeat:no-repeat; 
	background-position:40px 15px; padding-top: 10px;}
	.foot .foot-contact p{ width: 267px;
    font-size: 15px;
    line-height: 33px;
    color: #fff;
    margin-left: 71px; }
.foot .qrcode p{ font-size: 16px; text-align: center; color: #fff; line-height: 60px; }

.foot .copyright{  line-height:42px; color:#fff; font-size: 15px;     background-color: rgba(0, 0, 0, 0.4);
 text-align: center; margin-top: 4px;
}
.foot .copyright{ background-color: #333333; color: #ddd;line-height: 65px; text-align: center; font-size: 18px; }
.foot .copyright a{ color: #fff }
.foot .copyright a:hover{ color: #ccc;}


.ym{ width:100%; 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","微软雅黑"; }
.ym a:hover,.ym a.on{ background-color:#f7f7f7;}