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


/*搜索*/
.ss{ overflow:hidden; width:100%; background-color:#fff; height:80px;}
.ss p{ font-size:14px; line-height:80px;float:left; color:#00248f}
.ss p a{ color:#000; padding:0 1px;}
.ss .ssk{ float:right; width:370px;  height:34px; margin-top:12px;}
.ss .ssk input{ width:257px; height:39px; line-height:39px; font-size:13px; color:#979797;background:url("../images/ss_s.png") no-repeat 10px;; border:1px solid #dfdfdf; border-right:none; outline:none; float:left; padding-left: 35px; padding-right: 10px;}
.ss .ssk a{ display:block; width:67px; height:41px; float:right; background:url(../images/ssfdj.png) no-repeat center;}

/*产品*/
.Pro{ overflow: hidden; width: 100%; background-color: #e8e8e8; padding: 35px 0;}
.Pro .porBox{ overflow: hidden;}
.Pro .proLt{ float: left; width: 265px; overflow: hidden;}
.Pro .proLt h2{ padding: 5px 0; background-color: #003679; text-align: center; font-size: 32px; }
.Pro .proLt h2 a{color: #fff;}
.Pro .proLt h2 span{ display: block; text-transform:uppercase; font-size: 29px; color: #2248ba; font-weight: normal;}
.Pro .proLtBox{ overflow: hidden; background-color: #fff;}
.Pro .proLtDl dt{ padding: 0 25px; background: #757575; line-height: 38px; font-size: 16px;}
.Pro .proLtDl dt a{ display: block; color: #fff;}
.Pro .proLtDl dd{ padding: 0 25px;}
.Pro .proLtDl dd a{ display: block; line-height: 36px; background: url("../images/pro_xjx.png") no-repeat 5px top; padding-left: 18px; font-size: 14px; color: #111111; border-bottom: 1px dotted #dcdcdc; }
.Pro .proLtDl dd a:hover{ background-position:5px  bottom; color: #00248f; text-decoration: none;}
.Pro .proPhone{ margin-top: 10px; padding:25px 18px; background-color: #fff; overflow: hidden;}
.Pro .proPhone h3{ font-size: 25px; border-bottom: 1px solid #f3f3f3; padding-bottom: 5px; color: #202020;}
.Pro .proPhone h4{ background: url("../images/prophone.png") no-repeat left center; font-size: 15px; padding-left: 45px; color: #000000; font-weight: normal; margin-top: 15px;}
.Pro .proPhone b{ display: block;  font-size: 19px; color: #003679;}
.Pro .proRt{  float: right; width: 915px; background-color: #fff;}
.Pro .proTit{ width: 100%; height: 56px; background: url("../images/pro_libg.png") repeat-x center;}
.Pro .proTit li{ width:383px; float: left; height: 56px;  position: relative; line-height: 56px; text-align: center; font-size: 16px;}
.Pro .proTit li a{ color: #151515; text-decoration: none;}
.Pro .proTit li i{ display: none; position: absolute; background: url("../images/pro_tit_xj.png") no-repeat center; width: 17px; height: 8px; ; top:56px; left:185px;}
.Pro .proTit li:hover,.Pro .proTit li.cur{ background-color: #003679}
.Pro .proTit li:hover i,.Pro .proTit li.cur i{display: block;}
.Pro .proTit li:hover a,.Pro .proTit li.cur a{ color: #fff;}
.Pro .proRBox{ /*position: relative;*/ ;overflow: hidden; height: 1225px;}
.Pro .ProCon{  top:0; left:0; padding:0 15px}
.Pro .proDl{ overflow: hidden; width: 100%; margin: 35px 0 30px; }
.Pro .proDl  img{ display:block; border:1px solid #d3d3d3;}
.Pro .proDl dt{ float: left;}
.Pro .proDl dd{ float: right; width: 490px;}
.Pro .proDl dd h3{ font-size: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal;}
.Pro .proDl dd h3 a{ color: #00248f;}
.Pro .proDl dd p{ line-height: 25px; font-size: 13px; color: #333; height: 100px; margin: 10px 0 30px; overflow: hidden; text-align: justify;}
.Pro .pro_a{ overflow: hidden}
.Pro .pro_a a{ display: block; float: left; background: url("../images/pro_a.png") no-repeat center top; width: 101px; height: 36px; text-align: center; line-height: 36px; font-size: 13px; color: #484848; margin-right: 15px; text-decoration: none;}
.Pro .pro_a a:hover { background-position:bottom; color: #fff;}
.Pro .proUl{ overflow: hidden; padding-top: 28px; border-top:1px solid #e3e3e3;}
.Pro .proUl li{ float: left; margin: 10px 0; margin-right: 10px;width:285px;height: 280px; }
.Pro .proUl li img{ display:block; border:1px solid #d3d3d3;}
.Pro .proUl li span{ display: block; text-align: center; font-size: 16px; color: #333; line-height:25px;}
.Pro .proUl li span{ display: block; text-align: center; font-size: 16px; color: #333; line-height:25px;}
.Pro .proUl li.last{ margin-right: 0}
.Pro .proUl li:hover img{ opacity: .8;}


/*标题*/
.title{ overflow: hidden; width: 100%; text-align:center; margin-top: 60px;}
.title h2{ font-size: 30px;  color: #000}
.title h2 a{ color: #333}
.title h2  span{ color: #003679}
.title p{ font-size: 21px; color: #4e4e4e; margin-top: 10px;}

/*why*/
.why{ overflow: hidden; width: 100%; background-color: #fff; padding-bottom: 100px;}
.why .whyBox{ height:350px; margin-top: 45px; position: relative}
.why .dl{ padding: 0 20px; background-color: #003679; width: 255px; position: relative; margin-bottom: 20px; height: 160px; z-index: 9}
.why .dl dt{ position: absolute; top:20px; width: 121px; height: 121px; right: -60px;}
.why .dl dd{ width: 200px; float: left;}
.why .dl dd h3{ font-size: 18px; color: #fff;  margin: 20px 0 10px;}
.why .dl dd p{ line-height: 25px; color:#fff; font-size: 14px;}
.why .last dt{ right: inherit; left:-60px;}
.why .last dd{ float: right}
.why img.img01{position: absolute;left:50%;top: -31px;margin-left: -212px;}
.why .zx{ width: 250px; margin: 0 auto; position:absolute; left:50%; z-index: 100; margin-left:-105px; bottom: -65px;}
.why .zx h4{ background: url("../images/prophone.png") no-repeat left center; font-size: 16px; padding-left: 45px; color: #000000; font-weight: normal; margin-top: 15px; margin-left: 5px;}
.why .zx b{ display: block;  font-size: 23px; color: #333;}
.why .zx a.img02{ display: block; text-align: center; margin-top: 20px;}

/*案例*/
.A_l{ overflow: hidden; width: 100%; background-color: #e8e8e8;}
.A_l .alBox{ overflow: hidden; width: 100%; height: 445px; margin-bottom: 40px; margin-top: 50px; position: relative}
.A_l .alLt{ float: left; width: 240px;}
.A_l .alNav li{ width: 100%; background-color: #003679; margin-bottom: 2px;  text-align: center; line-height: 68px; font-size: 16px;}
.A_l .alNav li a{ color: #fff; text-decoration: none;}
.A_l .alNav li:hover,.A_l .alNav li.cur{ background-color: #ffa200;}
.A_l .alLt a.moreAl{ text-align: center; line-height: 54px; border: 2px solid #1a4ad9; font-size: 13px;; color: #1a4ad9; display: block}
.A_l .alRt{float: right;position: relative}


.A_l .alRt,.A_l .alCon,.Al .alHz{ width: 940px; height: 430px; overflow: hidden;}
.A_l .alCon{ position: absolute; top:0; left:0;}
.A_l .rtLtBox{ float: left; width: 260px; height: 430px; position: relative;}
.A_l .alUl{ position: relative; width:100%; height: 430px; overflow: hidden}
.A_l .alUl li{ position: absolute; top:0; left:0; display: none}
.A_l .alUl li img{ display: block}
.A_l .alNext{ width:541px; padding: 0 35px; position: absolute; left:0; bottom: 0; background: url("../images/al_zhebg.png") repeat; overflow: hidden;  height: 115px; color: #fff;    }
.A_l .alNext h3{ font-size: 18px; color: #fff; margin-top: 15px; font-weight: normal}
.A_l .alNext p{ line-height: 24px; height: 48px; font-size: 13px; margin-top: 10px;}
.A_l em{ display: block; position: absolute;  width: 33px; height: 84px; top:150px; cursor: pointer; z-index: 999}
.A_l em.ltBtn{ background: url("../images/allt_btn.png") no-repeat center; left:10px;}
.A_l em.rtBtn{ background: url("../images/alrt_btn.png") no-repeat center; right:10px;}
.A_l .rtRtBox{ width: 260px; float: right; }
.A_l .tuLi li{ border: 2px solid #808580; margin-bottom:4px;width:290px;float:left;margin-right:15px;}
.A_l .tuLi li:hover,.A_l .tuLi li.cur{ border: 2px solid #d3b776;}
.A_l .tuLi li img{ display: block}
.A_l .alBtn{ overflow: hidden; width:177px; position: absolute; right: 0; bottom: 0}
.A_l .alBtn i{  width: 82px; height: 45px; display: block;}
.A_l .alBtn i.btnLt{background: url("../images/allt_xiao.png") no-repeat center; float: left;}
.A_l .alBtn i.btnRt{background: url("../images/alrt_xiao.png") no-repeat center; float: right;}


/*优势*/
.ys{ overflow: hidden; width: 100%; background: #fff;}
.ys .yshh{ width: 100%;}
.ys .ysTit{ overflow: hidden; background: url("../images/ys_titbg.png") no-repeat center; height: 206px; text-align: center}
.ys .ysTit h2{ font-size:43px; margin-top:50px; color: #fff;}
.ys .ysTit h2 b{ font-size: 65px; color: #ffa200}
.ys .ysTit p{ font-size: 24px; margin-top: 5px; color: #fff;}
.ys .ys01{ background: url("../images/ys_01.png") no-repeat center; height: 372px;}
.ys .ys02{ background: url("../images/ys_02.png") no-repeat center; height:404px; }
.ys .ys03{ background: url("../images/ys_03.png") no-repeat center; height: 404px}
.ys .ys04{ background: url("../images/ys_04.png") no-repeat center; height: 444px;}
.ys .ysBox{ width: 520px; overflow: hidden; margin-top: 70px; margin-left: 70px;}
.ys .ysBox h3{ font-size: 22px; color: #003679; margin-bottom: 5px; margin-left: 20px;}
.ys .ysBox span{ display: inline-block; background-color: #e5e5e5; color: #3d3d3d; line-height: 35px; margin-left:20px; padding:  0 10px; font-size: 18px; margin-bottom: 5px; margin-top: 5px;}
.ys .ysBox p{ background: url("../images/ys_li.png") no-repeat left 5px; line-height: 20px; font-size: 13px; padding-left: 15px; margin-top: 15px;}
.ys .ysBox h4{ width:245px; margin:0 auto; padding-bottom: 25px;  font-weight: normal; background: url("../images/ys_phone.png") no-repeat 10px 5px,url("Img/Index/ys_phoneBg.png") no-repeat center bottom; padding-left: 55px; font-size: 13px; color: #4e4e4e; margin-top: 45px;}
.ys .ysBox h4 b{ color: #082fa2; font-size: 27px; display: block;}
.ys .four{ margin-top:60px; }
.ys .thr,.ys .two{margin-top:90px;}

/*留言*/
.ly{ overflow: hidden; width: 100%; background: url("../images/lybg.jpg") no-repeat center; height: 390px;}
.ly .lyBox{ overflow: hidden;}
.ly .lyLt{ float: left; width: 500px;}
.ly .ltBox{ float: right; margin-right: 20px; width: 376px; margin-top: 320px;}
.ly .ltBox h4{ font-weight: normal; background: url("../images/lyphone.png") no-repeat left center; padding-left: 48px; color: #fff; font-size: 15px; float: left;}
.ly .ltBox h4 b{ font-size: 20px; display: block;}
.ly .ltBox a{ display: block; float: right; width: 166px;}
.ly .lyRt{ float: right; width: 420px;}
.ly .lyRt h3{ font-size:26px; color: #fff ; margin: 30px 0;}
.ly .lyRt h3 span{ font-size: 22px; font-weight: normal;}
.ly .list{ overflow: hidden;}
.ly .list li{ overflow: hidden; width: 100%; margin-bottom: 7px; }
.ly .list li label{ float: left;}
.ly .list li label img{ display: block;}
.ly .list li input{ width:315px; padding: 0 10px; height: 43px; line-height: 43px; font-size: 15px;  border: none; outline: none; float: right; background-color: #fff;}/*color: #b6b6b6;*/
.ly .list li textarea{width:315px; padding: 10px; font-size: 15px;  border: none;  outline: none; line-height: 25px; height: 120px; float: right;  background-color: #fff; resize: none; resize: none;}
.ly .list li button{ display: block;border:0px;cursor:pointer; width:345px; float: right; line-height: 40px; text-align: center; background-color: #ffa200; font-size: 15px; color: #fff;}


/*about*/
.about{ overflow: hidden; width: 100%; background-color: #fafafa; padding: 85px 0 80px;}
.about dl{ overflow: hidden}
.about dt{ float: left; border:5px solid #fff;}
.about dd{ float: right; width:660px; padding: 0 30px; margin-top: 5px;;}
.about dd h3{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 22px;}
.about dd h3 a{ color: #4e4e4e;}
.about dd p{  line-height: 22px; overflow: hidden; font-size: 13px; color: #4e4e4e; margin: 20px 0 45px;}
.about .about_a a{ display: block; float: left; margin-right: 15px;}
.about .about_a a img{ display: block;}

/*荣誉*/
.R_y{overflow: hidden; width: 100%; background-color: #fafafa;}
.R_y .ryNav{ text-align: center;  width: 160px; margin: 0 auto; height: 46px;}
.R_y .ryNav li{ float:left; width:159px; height: 46px; font-size: 20px; color:#333; background-color: #fff; line-height: 46px; position: relative}
.R_y .ryNav li i{ position: absolute; top:48px; left:50%; margin-left: -8px; background: url("../images/ry_xjx.png") no-repeat center; width: 16px; height: 7px; display: none;}
.R_y .ryNav li a{ color: #333; text-decoration: none}
.R_y .ryNav li:hover,.R_y .ryNav li.cur{ background-color: #003679;}
.R_y .ryNav li:hover i,.R_y .ryNav li.cur i{ display: block}
.R_y .ryNav li:hover a,.R_y .ryNav li.cur a{ color: #fff}
.R_y .ryBox{ overflow: hidden; width:1200px; height: 260px; position: relative;  }
.R_y .ryList{ position:absolute; left:0; top:0;}
.R_y .ryList li{ width: 323px; float: left; margin-right: 10px;}
.R_y .ryList li img{ display: block; border: 5px solid #fff;}
.R_y .ryList li span{ text-align: center; display:block; font-size: 13px; color: #4e4e4e; margin-top:15px;}
.R_y .ryList li:hover img{ opacity: .85;}
.R_y .ryCon{ overflow: hidden; width: 100%; height: 260px; margin:45px 0;}
.R_y .ryHz{ top:0; left:0;}


/*新闻*/
.N_w{ overflow: hidden; width: 100%;}
.N_w .newBox{ padding: 35px 0; background: #fff url(../images/new_bg.png) repeat-x left bottom; overflow: hidden;}
.N_w .nwlt{ overflow: hidden; width: 846px; float: left;}
.N_w .nw_tit{ overflow: hidden;  border-bottom: 1px solid #e7e7e7; border-top:3px solid #003679; background-color: #fafafa;}
.N_w .nw_tit h3{ float: left; width: 165px; line-height: 53px; text-align: center; font-size: 18px; font-weight: normal;margin:0 0 0 0 ;}
.N_w .nw_tit h3 a{  color: #747474; text-decoration: none}
.N_w .nw_tit a.more{ float: right; display: block; line-height: 53px; font-size: 13px; color: #666; text-transform: uppercase; margin-right: 10px;}
.N_w .nw_tit h3:hover a,.N_w .nw_tit h3.cur a{ font-weight: bold; color: #003679;}
.N_w .nw_tit h3:hover,.N_w .nw_tit h3.cur { background-color: #fff; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7}
.N_w .nwLtBox{ height: 390px; overflow: hidden; border: 1px solid #e7e7e7; border-top:1px solid #fff;}
.N_w .nwLtCon{ top:0; left:0; padding: 0 15px; }
.N_w .dl{ overflow: hidden; width:800px; margin:25px 0 15px;}
.N_w .dl dt{ width: 250px; float: left;}
.N_w .dl dd{ width: 510px; float: right}
.N_w .dl dd h3{ font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 5px;}
.N_w .dl dd h3 a{ color: #333}
.N_w .dl dd p{ line-height: 22px; height: 88px; margin: 10px 0; font-size: 12px; color: #000; text-align: justify;}
.N_w .dl dd a.xq{ display: block; float: left; color: #000; font-size: 13px;}
.N_w .list{ overflow: hidden}
.N_w .list li{ overflow: hidden; background: url("../images/new_libg.png") no-repeat left center; padding-left: 15px; line-height: 43px; font-size: 14px; color:#000; border-bottom: 1px dashed #a3a3a3;}
.N_w .list li a{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; width: 425px; display: block}
.N_w .list li span{ float: right; display: block;}
.N_w .list li:hover a{color: #003679;text-decoration:none;}
.N_w .newRt{ width: 328px; overflow: hidden; border: 1px solid #e7e7e7; float: right; }
.N_w .newDa{ overflow: hidden; width: 100%; height:350px; margin:10px;position: relative; padding: 10px 0;}
.N_w .daUl{ position: absolute; top:0; left:0; padding:0 15px; overflow: hidden}
.N_w .daUl li{ overflow: hidden; padding:10px 0 15px 15px; border-bottom:1px dashed #a3a3a3;}
.N_w .daUl li h3{ background: url("../images/new_wen.png") no-repeat left center; line-height: 24px; padding-left: 30px; font-size: 14px;}
.N_w .daUl li h3 a{ color: #121212;}
.N_w .daUl li p{ overflow: hidden;  background: url("../images/new_da.png") no-repeat left 5px;  padding-left: 30px; line-height: 22px; height: 66px; font-size: 14px; color: #000; margin-top: 10px;}
.N_w  .last h3.cur{ background: none; font-weight: bold; border: none; width: 150px;}

/*链接*/
.link{ overflow: hidden; width: 100%; padding: 20px 0px;}
.link .linkDl{ overflow: hidden; width: 100%; margin-bottom: 18px;}
.link  dt{ width: 96px; height: 35px; line-height: 35px; text-align: center; color: #fff;  background-color: #082fa2; float: left; position: relative}
.link  dt a{ color: #fff;}
.link  dd{  width: 1050px; padding: 0 20px; overflow: hidden; float: right;}
.link  dd a{ display: block; float: left; line-height: 35px; padding: 0 10px; font-size: 13px; color: #333333; }
.link  dt i{ display: block; position:absolute;right:-6px; top:12px; background: url("../images/link_xj.png") no-repeat center; width: 6px; height: 9px;}


/*
.banner,.banner a{ overflow: hidden; width: 100%;}
.banner a{ background: url("../images/banner.jpg") no-repeat center; height:567px; display: block; }
*/

.banner,.banner a{ overflow: hidden; width: 100%;}
#flashs{ position:relative; height:800px; overflow:hidden;}
#flashs .bgitem{z-index:1;position:absolute; top:0; }
#flashs .btn{ overflow:hidden; width:100%; position:absolute; left:0; bottom:20px; text-align:center;z-index: 9999;}
#flashs .btn span{ color:#fff;  background:#717174; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;opacity: 0.7;}
#flashs .btn span.cur {background: #1a5faa;}

#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;}
#flashs .bot1{ background:url(../images/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(../images/babot2.png) no-repeat center; right:5%; z-index: 2;}