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

.slider{position:relative;overflow:hidden;width:100%}
.slideBox .hd{height:10px;z-index:99999;overflow:hidden;position:absolute;left:50%;bottom:20px;transform:translateX(-50%);z-index:99999}
.slideBox .hd ul{text-align:center;padding-top:5px}
.slideBox .hd ul li{cursor:pointer;float:left;margin-right:5px;width:30px;height:10px;line-height:14px;text-align:center;background:#fff}
.slideBox .hd ul .on{background:#00a2ff;color:#fff}
.slideBox .bd{position:relative;z-index:0}
.slideBox .bd li img{width:100%;vertical-align:top}

/*搜索*/
.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:20px;}
.ss .ssk input{ width:257px; height:39px; line-height:39px; font-size:13px; color:#979797;background:url("img/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(img/ssFdj.png) no-repeat center;}

/*产品*/
.Pro{ overflow: hidden; width: 100%; background:#e8e8e8;padding-top:35px;height:973px;}
.Pro .porBox{ overflow: hidden;}
.Pro .proLt{ float: left; width: 217px; overflow: hidden;}
.Pro .proLt h2{ padding: 25px; background-color: #017dc3; text-align: left; font-size: 32px; }
.Pro .proLt h2 a{color: #fff;}
.Pro .proLt h2 span{ display: block; text-transform:uppercase; font-size:16px; color: #fff; font-weight: normal;}
.Pro .proLtBox{ overflow: hidden; background-color: #fff;}

.menu{width:207px;background:#fff;border:5px solid #017dc3;}
.demo{width:207px;margin:0px auto;}
.demo h2{font-size:12px;height:24px;line-height:24px;margin:30px 0 10px 0;}
.menu_head{width:187px;height:40px;line-height:40px;cursor:pointer;position:relative;margin:0px auto 1px auto;background:#017dc3;color:#fff;font-size:16px;padding-left:20px;}
.menu_list .current{background:#fba017;color:#fff;}
.menu_list .current img { margin-right:10px;}
.menu_body{display:none;width:175px;margin:0px auto 0px 20px;}
.menu_body a{display:block;background:url(../img/li.png) no-repeat 0px 0;color:#000;padding-left:20px;font-size:14px;text-decoration:none;height:36px;line-height:36px;border-bottom:1px dashed #e1e1e1;}
.menu_body a:hover{color:#000000;text-decoration:underline;}


.Pro .proLtDl dt{ padding: 0 25px; background: #ffa200; 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("img/pro_xjx.png") no-repeat 5px top; padding-left: 18px; font-size: 13px; 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: 22px; border-bottom: 1px solid #f3f3f3; padding-bottom: 5px; color: #017dc3;}
.Pro .proPhone h4{ background: url("img/proPhone.png") no-repeat left center; font-size: 15px; padding-left: 45px; color: #017dc3; font-weight: normal; margin-top: 15px;}
.Pro .proPhone b{ display: block;  font-size: 16px; color: #017dc3;}

.Pro .proRt{  float: right; width: 1046px; background-color: #017dc3;}
.Pro .proTit{ width: 100%; height: 56px; }
.Pro .proTit li{ width:523px; float: left; height: 56px;  position: relative; line-height: 90px; text-align: center; font-size:20px;}
.Pro .proTit li a{ color: #fff; text-decoration: none;}
.Pro .proTit li i{ display: none; position: absolute; width: 17px; height: 8px; ; top:56px; left:262px;}
.Pro .proTit li:hover,.Pro .proTit li.cur{ background-color: #017dc3}
.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:870px;}
.Pro .ProCon{ display:none; position: absolute; top:0; left:0; padding:0 30px}
.Pro .proDl{ overflow: hidden; width:990px; margin: 35px 0 20px;  }
.Pro .proDl  img{ display:block; border:1px solid #d3d3d3;}
.Pro .proDl dt{ float: left;}
.Pro .proDl dd{ float: right; width: 565px;}
.Pro .proDl dd h3{ font-size: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal;}
.Pro .proDl dd h3 a{ color: #fff;}
.Pro .proDl dd p{ line-height: 25px; font-size: 13px; color: #fff; 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("img/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 .proUl{ overflow: hidden; padding-top: 8px; border-top:1px solid #e3e3e3;}
.Pro .proUl li{ float: left; margin: 10px 0; margin-right:32px; }
.Pro .proUl li img{ display:block; border:1px solid #fff;}
.Pro .proUl li span{ display: block; text-align: center; font-size: 16px; color: #fff; line-height:50px;}
.Pro .proUl li span{ display: block; text-align: center; font-size: 16px; color: #fff; line-height:50px;}
.Pro .proUl li:nth-child(3n){ margin-right:0px; }


/*标题*/
.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: #017dc3}
.title p{ font-size:16px; color: #4e4e4e; margin-top: 10px;text-transform:Uppercase;}

/*why*/
.why{ overflow: hidden; width: 100%; background:url(../img/rex.png) center top no-repeat #FFF;height:644px;margin-top:1px;}
.why1{width:1200px;height:643px;margin:0 auto;}
.why1L{width:555px;height:444px;float:left;margin-top:120px;}
.why1L .lp{width:100%;height:240px;line-height:40px;text-align:left;color:#fff;font-size:14px;margin-top:50px;}
.why1L .bp{width:100%;height:57px;background:url(../img/bp.png) top left no-repeat;padding-left:60px;}
.why1L .bp span{height:27px;line-height:27px;color:#fff;font-size:14px;}
.why1L .bp p{height:30px;line-height:30px;color:#fff;font-size:30px; font-weight:bold;}
.why1R{width:590px;height:444px;float:right;margin-top:120px;}
.why1R a img{width:590px;height:444px;border:none;}

/*案例*/
.A_l{ overflow: hidden; width: 100%; background-color: #e8e8e8;}
.A_l .alBox{ overflow: hidden; width: 100%; height: 415px; margin-bottom: 40px; margin-top: 50px; position: relative;}
.A_l .alBox ul li{width:610px;height:376px;float:left; position:relative;}
.A_l .alBox ul li:nth-child(2){width:610px;height:376px;float:right;}
.A_l .alBox ul li img{width:610px;height:376px; position:absolute; z-index:1;border:none;top:0;left:0;}
.A_l .alBox ul li .bg{width:610px;height:130px;background:#000;opacity:0.5;position:absolute; z-index:1;bottom:0;left:0;}
.A_l .alBox ul li .p1{width:560px;height:50px;line-height:50px; z-index:2;left:25px;bottom:70px;position:absolute; z-index:2;text-align:left;font-size:18px;color:#fff;}
.A_l .alBox ul li .p1 a{color:#fff;}
.A_l .alBox ul li .p2{width:560px;height:60px;line-height:30px; z-index:2;left:25px;bottom:20px;position:absolute; z-index:2;text-align:left;font-size:14px;color:#fff;}
.A_l .alBox ul li .p2 a{color:#fff;}
/*优势*/
.ys{ overflow: hidden; width: 100%; background: #fff;}
.ys .yshh{ width: 100%;}
.ys .ysTit{ overflow: hidden; background: url("img/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:10px; color: #fff;}
.ys .ys01{ background: url("img/ys_01.png") no-repeat center; height: 372px;}
.ys .ys02{ background: url("img/ys_02.png") no-repeat center; height:404px; }
.ys .ys03{ background: url("img/ys_03.png") no-repeat center; height: 404px}
.ys .ys04{ background: url("img/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: #017dc3; 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("img/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("img/ys_phone.png") no-repeat 10px 5px,url("img/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("img/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("img/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:355px; 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:355px; 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 a{ display: block; width:375px; float: right; line-height: 40px; text-align: center; background-color: #ffa200; font-size: 15px; color: #fff;}


/*about*/
.about{ overflow: hidden; width: 100%; background:url(../img/aboutbg.png) top center no-repeat;height:539px;}
.about dl{ overflow: hidden;margin-top:30px;}
.about dt{ float: left; border:5px solid #fff;}
.about dd{ float: right; width:590px; 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: #fff;}
.about dd p{ height: 152px; line-height:35px; overflow: hidden; font-size: 13px; color: #fff; 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%;margin-top:60px;}
.R_y .ryNav{ text-align: center; border: 2px solid #017dc3; width: 318px; 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("img/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: #017dc3;}
.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:1280px; height: 260px; position: relative;  }
.R_y .ryList{ position:absolute; left:0; top:0;}
.R_y .ryList li{ width: 320px; float: left; margin-right: 0px;}
.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; position: relative}
.R_y .ryHz{ position: absolute; top:0; left:0; display: none}


/*新闻*/
.N_w{ overflow: hidden; width: 100%;}
.N_w .newBox{ padding: 35px 0; background: #fff url(img/new_bg.png) repeat-x left bottom; overflow: hidden;}
.N_w .nwlt{ overflow: hidden; width: 926px; float: left;}
.N_w .nw_tit{ overflow: hidden;  border-bottom: 1px solid #e7e7e7; border-top:3px solid #017dc3; background-color: #fafafa;}
.N_w .nw_tit h3{ float: left; width: 165px; line-height: 53px; text-align: center; font-size: 18px; font-weight: normal;}
.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: #017dc3;}
.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; position: relative; border: 1px solid #e7e7e7; border-top:1px solid #fff;}
.N_w .nwLtCon{ position: absolute; top:0; left:0; padding: 0 15px;  display:none}
.N_w .dl{ overflow: hidden; width:900px; margin:25px 0 15px;}
.N_w .dl dt{ width: 250px; float: left;}
.N_w .dl dd{ width: 625px; 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("img/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: #072fa8;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("img/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("img/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: #017dc3; float: left; position: relative}
.link  dt a{ color: #fff;}
.link  dd{  width: 1140px; 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("img/link_xj.png") no-repeat center; width: 6px; height: 9px;}


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

.banner,.banner a{ overflow: hidden; width: 100%;}
#flashs{ position:relative; height:715px; 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(img/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(img/babot2.png) no-repeat center; right:5%; z-index: 2;}