@charset "utf-8";
/*============================ 初始化样式 ============================*/
*
{ margin:0; padding:0;  }
body
{ font-family:Microsoft YaHei,'黑体',Verdana,Tahoma,Arial,sans-serif; font-size:14px; color:#333; min-width:1180px;}
*html
{ background-image:url(about:blank);background-attachment:fixed;}
li
{ list-style:none;}
img
{ border:none;}
body a img
{ border:none;}
/*a:hover img
{opacity: 0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; }
{opacity: 0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; }
*/
a
{ color:#333; text-decoration:none; }
a:hover
{ color:#007aff;}
a:focus
{ outline:none;}
.clear:after
{content:''; display:block; clear:both; }
.clear
{ height:0px; clear:both; }
.text-cut  /*限制文字,文字超出显示冒号*/
{ overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis;}
.t_center
{ text-align:center;}

.space10 { height:10px; clear:both; }
.space15 { height:15px; clear:both; }
.space20 { height:20px; clear:both; }
.space25 { height:25px; clear:both; }
.space30 { height:30px; clear:both; }

/*效果*/
.trans1
{ transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

/*图片放大*/
.fdapic
{ overflow:hidden;}
.fdapic img
{
-webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease; -o-transition:all 0.4s ease;transition:all 0.4s ease;}
.fdapic:hover img
{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}

/*按钮样式*/
.yu_a0
{ display:inline-block;  text-align:center; transition:all 0.4s ease;-moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; }
/*============================ 公共部分 ============================*/

/* 文章上下篇 */
.wengzhengfanye
{ line-height:30px; padding:20px 10px; clear:both; }
.wengzhengfanye .wengzhengfanyeA,.wengzhengfanye .wengzhengfanyeB
{ padding-left:0px; clear:both; font-size:14px; color:#666;}
.wengzhengfanye span
{font-weight:bold; }
.wengzhengfanye a:hover
{ text-decoration:underline;}

/* 文章类别上下页 */
.page
{ padding:20px; overflow:hidden; text-align:center;margin-bottom: 40px;}
.pagelink a,.pagelink span
{ display:inline-block; border:1px solid #999;padding:7px 12px; color:#666;margin: 0 4px;}
.pagelink ul li{display: inline-block;}
.pagelink ul li a:hover
{ background:#007aff; border:solid 1px #007aff; color:#fff;}
.pagelink ul li.active span
{ background:#007aff; border:solid 1px #007aff; color:#fff;}
/*.page
{ padding:20px; overflow:hidden; text-align:center;}
.pagelink a,.pagelink span
{ display:inline-block; padding:7px 12px; color:#666;margin: 0 5px;}
.pagelink ul li{display: inline-block;}
.pagelink ul li a:hover
{ color:#ce1421;}
.pagelink ul li.active span
{ color:#ce1421;}*/

/*用于手机屏幕，大于480px小于640px
@media (min-width: 480px) and (max-width: 640px) {}*/

/* 数字上下页 */
.page_fanye
{ width:100%; height:auto; text-align:center; padding:40px 0 20px; margin:0 auto; overflow:hidden; clear:both;}
.page_fanye a
{ line-height:16px; font-size:14px; text-indent:0px; color: #333;  margin-right: 5px; padding:4px 9px; background:#efefef;  border:1px solid #dedddd;  display: inline-block; }
.page_fanye span
{  height:24px; line-height:20px;  padding:0 10px 0 5px; display: inline-block;}
.page_fanye span input
{ width:30px; height:20px;}
.page_fanye a.page_home,.page_fanye a.page_home:hover,.page_fanye a.page_end,.page_fanye a.page_end:hover
{ width:60px;  color:#666666; }
.page_fanye .onpage,.page_fanye a:hover
{ color: #fff; background:#856493; }
.container{width: 1180px;margin: 0 auto}
.fl{float: left}
.fr{float: right}

/*========================================= 首页 =====================================*/
.head_top{height:35px;line-height:35px;background-color:#414141;}
.head_top,.head_top a{color:#fff;}
.head_top .fl{font-size:13px;}
.head_top .fr span{display:inline-block;float:right;    padding: 0px 8px;border-left:1px solid #555;}
.head_top .fr span.top_tel{background:url("../img/tel1.png") no-repeat 15px center;    padding-left: 45px;}
.header{width:100%;}
.header .top{padding: 10px 0 15px;overflow: hidden}
.header .topl{color: #1a2189;font-size: 18px;line-height: 1.8;margin:15px 40px 0 0;border-left: 1px solid #d4d4d4;
    padding-left: 30px;}
/* .header .topr{background: url("../img/hot_tel.png") no-repeat left;font-size: 30px;color: #007aff;font-family: Impact;
padding: 20px 0 0 85px;margin-top: 10px;} */
.header .topr{width:580px;height:68px;line-height:68px;}
.header .topr ul li{float:left;}
.header .topr ul li .nav2{display:none;}
.header .topr ul li a{font-size:16px;padding-right:26px;}
.header .topr ul li:last-child > a{padding-right:0;}
.nav{width: 100%;background-color: #1a2189;line-height: 53px;}
.navs li{float:left;text-align:center; position: relative;width: 131px;}
.navs li a {font-size:16px;display:block;color: #fff;box-sizing: border-box;}
.navs ul li a:hover{background-color: #007aff}
.navs ul li a.active{background-color: #007aff}
.navs li ul{display:none;width:150%;position: absolute;top:53px;left: -0;z-index: 999;background:rgba(1,138,70,0.9);}
.navs li ul li{width: 100%;line-height:45px;margin-left: 0;box-sizing: border-box;}
.navs li ul li:hover{background-color: #333}
.navs li ul li:hover a{color: #fff;border: none}
.navs li ul li a{font-size: 14px;}
.topr ul li a.active{color:#017dbe;}
.fixeddNav{position: fixed;top: 0px;left: 0px;width: 100%;z-index: 100000;}

/*banner图片切换样式*/
.banner{width:100%; height:500px; margin:0px auto 0px; overflow:hidden}
#focus {width:100%; height:500px; overflow:hidden; position:relative;}
#focus ul {height:auto; position:absolute;left:-3840px;width: 5709px;}
#focus ul li {float:left; height:500px;overflow:hidden;position: relative;}
#focus ul li a{display: inline-block;width: 100%;height: 100%}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:100%; height:16px; left:0; bottom:0; }
#focus .btn {position:absolute; width:100%; height:16px;left:0;text-align:center;bottom:20px;}
#focus .btn span { _display:inline; _zoom:1; _font-size:0;  width:40px; height:3px; display:inline-block; margin:0 3px; text-indent:-999px; cursor:pointer;
    background-color: rgba(255,255,255,0.5);overflow:hidden;}
#focus .btn span.on {background:#fad41f;}
/*#focus .preNext {width:45px; height:100px; position:absolute; top:260px; background:url(../img/sprite.png) no-repeat 0 0; cursor:pointer;display: none}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}
#focus:hover .preNext{display: block}*/

.top2{width: 100%;background-color: #f0f0f2;overflow: hidden;}
.top2s1{background: url("../img/top1.jpg") no-repeat left;height: 58px;line-height: 1.8;padding: 15px 100px 19px 65px;
    color: #353535;border-right: 1px solid #cdcdcd}
.top2s1 h3{font-size: 18px;font-weight: normal}
.top2s1 h3 b{margin-left: 10px;}
.top2s1 h6{font-size: 14px;font-weight: normal}
.top2s2{width: 680px;padding: 10px 0;}
.top2s2 ul li{width: 260px;float: left;background: url("../img/top_li.png") no-repeat left;padding-left: 15px;
margin: 8px 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.top2s2 ul li a{color: #353535}

.title{margin-top: 30px;text-align: center;overflow: hidden}
.title h3{font-size: 30px;font-weight: normal}
.title p{font-size:16px;color:#666;    margin-top: 10px;}


/*产品*/
.oneHs
{ width:100%; height:409px; background:#f7f7f7 url(../img/t7.png);}
.oneH1
{ width:1200px; margin:0px auto; padding:68px 0 0; overflow:hidden;}
.oneH1 li
{ width:170px; height:256px; padding:0 25px; text-align:center; margin-right:25px; float:left; text-align:center; background:#fff; border-radius:15px;}
.oneH1 li:hover{
	position:relative;top:1px;box-shadow:0 0 10px #ccc;
}
.oneH1 .li5
{ margin-right:0;}
.oneH1 li i
{ width: 94px; height: 94px; display: inline-block; border-radius: 50px; margin:40px 0 20px; }  
.oneH1 li h2
{ height: 32px; font-size:18px; border-bottom:2px solid rgb(217, 217, 217);}
.oneH1 li .pdiv
{ height:36px; line-height:18px; font-size:12px; color:#5a5a5a; overflow:hidden; padding-top:8px;}

.oneH1 .li3 i
{ border: 3px solid rgb(7, 169, 244);}  
.oneH1 .li2 i 
{ border: 3px solid #d4237a;}  
.oneH1 .li5 i  
{ border: 3px solid #1296db;}  
.oneH1 .li4 i 
{ border: 3px solid #03471d;}  
.oneH1 .li1 i  
{ border: 3px solid #d81e06;}  


/*选择我们的4大理由*/
/* .inwhyus{background: url(../img/111.jpg) no-repeat center top;padding: 60px 0 60px 0;} */

.inwhyus .intitle h2{font-size: 42px; color: #fff;}
.inwhyus .intitle h2 span{color: #ffc424;}
.inwhyus .intitle em{font-style: normal; font-size: 68px;}
.inwhyus .intitle h2 i{margin-top: 14px;}
.inwhyus .indesc{color: #fff;}
.inwhyus-box{margin-top: 32px;}
.inwhyus-box li{width: 295px; float: left;}
.inwhyus-box li .pic{overflow: hidden;}
.inwhyus-box li .pic img{width: 295px; height: 164px; transition: transform .8s;}
.inwhyus-box li .text{background: #f4f4f4; height: 138px; padding: 26px 10px 0 10px; position: relative; z-index: 2;}
.inwhyus-box li .num{width: 50px; height: 50px; line-height: 50px; margin: 0 auto; background: #007AFF; border-radius: 50%; font-size: 22px; font-weight: bold; color: #fff; text-align: center;}
.inwhyus-box li .title{font-size: 17px; font-weight: bold; color: #222; line-height: 23px; text-align: center; margin-top: 12px;}
.inwhyus-box li .text:after{display: block; content: ""; width: 0; height: 0; border-left: 14px solid transparent; border-right: 14px solid transparent; border-bottom: 24px solid #f4f4f4; position: absolute; left: 50%; top: -24px; margin-left: -14px;}
.inwhyus-box li:nth-child(2n) .text:after{border-bottom: 0; border-top: 24px solid #f4f4f4; top: auto; bottom: -24px;}
.inwhyus-box li:hover .pic img{transform: scale(1.1);}
.inwhyus-crile{margin-top: 28px;}
.inwhyus-crile p{font-size: 22px; color: #fff; text-align: center;}
.inwhyus-crile span{display: block; width: 396px; height: 56px; line-height: 56px; margin: 14px auto 0; background: #fff; border-radius: 28px; font-size: 16px;  text-align: center;}
.inwhyus-crile span b{font-size: 28px; font-weight: bold;}



.ysbox{background:url("../img/index_bg.png") no-repeat;height:1317px;background-size: 100%;margin: 50px auto;}
.ysbox .ys_item{width:415px;position:relative;}
.ysbox .ys_item h3{font-size:30px;font-weight:bold;color:#017dbe;}
.ysbox .ys_item span{display:block;font-size:14px;color:#666;margin-top:5px;margin-bottom:10px;}
.ysbox .ys_item p{font-size:14px;color:#333;line-height:28px;}
.ysbox .ys_item1 {left: 220px;top: 70px;}
.ysbox .ys_item2 {left: 720px;top: 325px;width:476px;}
.ysbox .ys_item3 {left: 220px;top: 496px;}




/*施工流程*/

.inprocess{background: #fff; padding: 60px 0 60px 0; position: relative; overflow: hidden;}
.inprocess-box{margin-top: 32px;}
.inprocess-box ul{margin: 0 -24px;}
.inprocess-box li{width: 160px; float: left; margin: 0 18px; position: relative;}
.inprocess-box li .next{width: 10px; height: 12px; background: url(../img/icon.png) no-repeat -46px -20px; position: absolute; left: -29px; top: 39px; animation: bounce-left 1.6s linear infinite;}
.inprocess-box li .icon{width: 90px; height: 90px; background-repeat: no-repeat; background-color: #f4f4f4;text-align: center; /* background-image: url(../images/process-icon.png); */ margin: 0 auto; transition: background-color .6s,box-shadow .6s; border-radius: 50%;}
.inprocess-box li .ico1{background-position: 0 0;}
.inprocess-box .iconfont {line-height: 90px;font-size: 40px;color: #007AFF;}
.inprocess-box li .icon:hover .iconfont{color: #fff;}
.inprocess-box li .ico2{background-position: -90px 0;}
.inprocess-box li .ico3{background-position: -180px 0;}
.inprocess-box li .ico4{background-position: -270px 0;}
.inprocess-box li .ico5{background-position: -360px 0;}
.inprocess-box li .ico6{background-position: -450px 0;}
.inprocess-box li .ico7{background-position: -540px 0;}
.inprocess-box li .ico8{background-position: -630px 0;}
.inprocess-box li .title{font-size: 14px; text-align: center; line-height: 22px; color: #222; margin-top: 14px;}
.inprocess-box li:hover .icon{box-shadow: 0 0 30px rgba(0,145,.72,.2); background-color: #007AFF;}
.inprocess-box li:hover .ico1{background-position: 0 -90px;}
.inprocess-box li:hover .ico2{background-position: -90px -90px;}
.inprocess-box li:hover .ico3{background-position: -180px -90px;}
.inprocess-box li:hover .ico4{background-position: -270px -90px;}
.inprocess-box li:hover .ico5{background-position: -360px -90px;}
.inprocess-box li:hover .ico6{background-position: -450px -90px;}
.inprocess-box li:hover .ico7{background-position: -540px -90px;}
.inprocess-box li:hover .ico8{background-position: -630px -90px;}
@keyframes bounce-left{25%{transform: translateX(5px);}50%,100%{transform: translateX(0);}75%{transform: translateX(-5px);}}
/*标题*/
.intitle{font-size: 0; color: #222; text-align: center; position: relative; overflow: hidden;}
.intitle h2{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 38px; font-weight: bold; padding: 0 20px; position: relative; line-height: 1.1;}
.intitle h2 span{color: #007AFF;}
.intitle h2 i{display: block; width: 600px; height: 1px; background: #dfdfdf; position: absolute; top: 50%;}
.intitle h2 i.l{left: -600px;}
.intitle h2 i.r{right: -600px;}
.indesc{font-size: 18px; color: #5f5f5f; text-align: center; margin-top: 7px;}





.oneA{overflow: hidden;margin-top: 40px;margin-bottom:40px;}
.oneA1{text-align: center}
.oneA1 a{border: 1px solid #ddd;line-height: 40px;display: inline-block;width: 112px;margin: 0px;}
.oneA1 a.casehover{background-color: #007aff;color: #fff;}
.oneA2 .fl,.oneA2 .fr{width:580px;}
.oneA2 .fl{margin-top:25px;display:none;position:relative;}
.oneA2 .fl img{width:578px;border: 1px solid #ddd;}

/* .oneA2 ul{display: none} */
.oneA2 ul li{width: 266px;  height: 230px;  float: left;margin: 25px 12px 0 12px;position:relative;}
.oneA2 ul li img{border: 1px solid #ddd;border-bottom: none;width: 264px;height: 190px;}
.oneA2 ul li p,.oneA2 .fl p{width: 100%;height: 40px;line-height: 40px;background-color: rgba(37,37,37,.6);color: #fff;text-align: center;position:absolute;bottom:0px;}
.oneA2 ul li:hover p,.oneA2 .fl:hover p{background-color: #007AFF}

.oneB{width: 100%;background-color: #f1f1f3;overflow: hidden;margin-top: 30px;padding: 30px 0}
.oneB1{margin-left: 12px;}
.oneB1 ul li{width: 270px;padding-top: 20px;height: 80px;color: #666;background: #f0f0f2;box-shadow: 0 0 15px #ccc;text-align: center;}
.oneB1 ul li h3{font-size: 24px;font-weight: normal}
.oneB1 ul li p{text-transform: uppercase}
.oneB1 ul li:hover,.oneB1 ul li.on{background-color: #f49625;color: #fff;}
.oneB1 ul li:hover a,.oneB1 ul li.on a{color: #fff;}
.oneB2{margin-left: 20px;}
.oneB2 ul{display: none}
.oneB2 ul li{width: 260px;height: 200px;position: relative;margin-left: 30px;float: left}
.oneB2 ul li img{width: 100%;height: 100%}
.oneB2 ul li p{width: 100%;background-color: rgba(0,0,0,0.5);text-align:center;line-height: 50px;color: #fff;position: absolute;bottom: 0;left: 0}
.oneB2 ul li:hover p{background-color: rgba(244,150,37,0.8)}


.oneC{overflow-y: hidden;margin-top: 55px;}
.oneCl img{width: 555px;height: 360px;}
.oneC2{width: 530px;background:url("../img/about_rbg.png") no-repeat left top;background-size:100%;padding-right:40px;padding-bottom:20px; }
.oneC2 h3{font-weight: normal;font-size: 24px;color: #333;margin: 20px 0;}
.oneC2 .text{color: #333;line-height: 26px;text-indent: 2em;font-size:14px;}
.oneC2 a{display: inline-block;width: 160px;line-height: 40px;background-color: #017dbe;
    text-align: center;color: #fff;margin-top: 25px;border-radius:5px;}
	
.oneC .title{margin-top:0px;margin-bottom:40px;}
.slideGroup {margin-top:20px;}
.slideGroup .parHd ul {border-bottom:2px solid #e7e7e7;height：45px;line-height:45px;}
.slideGroup .parHd ul li{display:inline-block;width:94px;text-align:center;font-size:16px;color:#333;font-weight:bold;position:relative;}
.slideGroup .parHd ul li:hover{cursor:pointer;}
.slideGroup .parHd ul li.on{color:#017dbe;}
.slideGroup .parHd ul li:before{content:"/";display:inline-block;position:absolute;right:-3px;}
.slideGroup .parHd ul li:last-child:before{display:none;}
.slideGroup .parHd ul li.on:after{content:"";display:block;width:100%;height:2px;background-color:#017dbe;position:absolute;bottom: -3px;}

.slideGroup .parBd {margin-top:40px;width:100%;}
.slideGroup .parBd .slideBox {height:200px;overflow-y:hidden;position:relative;}
.slideGroup .parBd .slideBox .tempWrap{width:100%;}
.slideGroup .parBd .slideBox ul li{width:23.5%;margin-right:1%;background-color:#ccc;}
.slideGroup .parBd .slideBox ul li img{height:100%;display:block;margin:0 auto;}

.slideGroup .parBd .slideBox .sPrev,.slideGroup .parBd .slideBox .sNext{display:none;width:45px;height:45px;position:absolute;z-index:50;top:74px;}
.slideGroup .parBd .slideBox .sPrev{background:url(../img/s_prev.png) no-repeat center center;left:0px;}
.slideGroup .parBd .slideBox .sNext{background:url(../img/s_next.png) no-repeat center center;right:0px;}


.multipleColumn .bd ul li{width: 266px;  height: 230px;  float: left;margin: 25px 12px 0 12px;position:relative;}
.multipleColumn .bd ul li img{border: 1px solid #ddd;border-bottom: none;width: 264px;height: 190px;}
.multipleColumn .bd ul li p{width: 100%;height: 40px;line-height: 40px;background-color: rgba(37,37,37,.6);color: #fff;text-align: center;position:absolute;bottom:0px;}
.multipleColumn .bd ul li:hover p{background-color: #007AFF}
.multipleColumn .hdd ul{text-align:center;}
.multipleColumn .hdd ul li{width:8px;height:8px;border-radius:50%;background-color:#017dbe;display:inline-block;color:#017dbe;overflow:hidden;
	margin-top:15px;margin-right:7px;
}
.multipleColumn .hdd ul li.on{background-color:#fad41f;color:#fad41f;}
.multipleColumn .hdd ul li:hover{cursor:pointer;}

.oneD{background:url(../img/liyou_bg.jpg) no-repeat center top; height:649px; width:100%; margin-top:50px;overflow: hidden}
/*.liyou{ width:1180px; margin:0 auto;}*/
.oneD .oneD_title{ width:370px; height:57px;margin-top:30px;text-align: right}
.oneD .oneD_nr{overflow: hidden}
.oneD .oneD_tu{ width:516px; height:349px; float:left; margin-top:138px;}
.oneD .oneD_wen{ width:650px; float:right; height:381px;}
.oneD .ly_list{overflow: hidden}
.oneD .ly_list ul li{ text-align:center; background:#333; width:130px; padding:10px; height:100px; float:left; color:#FFF; margin:0 6px;}
.oneD .ly_list ul li  span{ font-size:26px;}
.oneD .ly_list ul li:hover{ background:#007aff;}
.oneD .ly_list ul li:hover,.ly_list ul li.casehover{ background:#007aff; }
.oneD .ly_t{ font-size:30px; font-weight:bold;color: #666}
.oneD .ly_t p{ font-family:arial; font-size:16px;text-transform:uppercase; color:#999;}
.oneD .ly_t span{ color:#007aff;}
.oneD .ly_nr{ margin-top:60px; margin-left:20px;}
.oneD .ly_nr dl{display: none}
.oneD .ly_line{ background:#007aff; height:2px; width:80px;margin-top:20px;}
.oneD .ly_w2{ margin-top:30px; line-height:40px; font-size:18px;color: #666;}

.oneE{width: 100%;  background: url(../img/khal_bg.jpg) no-repeat bottom center;  height:520px;  overflow: hidden;  margin-top: 35px;  overflow: hidden;  }
.oneE .title{margin-top: 0;height: 86px;}
.oneEl { width: 800px; position: relative; height: 740px; overflow: hidden;  }
.oneEl .hd { position: absolute;top: 412px; left: 0; width: 100%; text-align: center; z-index:2; }
.oneEl .hd ul li {  width: 16px;  height: 16px;  background: url(../img/khal_icon_a.jpg) no-repeat;  margin: 0 8px;  display: inline-block;  cursor: pointer;  }
.oneEl .hd ul li:hover, .oneEl .hd ul li.on {  background: url(../img/khal_icon_on.jpg) no-repeat;  }
.oneEl .bd {  width: 800px;  height: 670px;  overflow: hidden;  }
.oneEl .bd ul li {  width: 100%;  }
.oneEl .bd ul li .li_img {  width: 442px;  height: 332px;  margin-top: 62px;  }
.oneEl .bd ul li .li_img img {  width: 442px;  height: 332px;  }
.oneEl .bd ul li .li_wen {  width: 280px;  height: 335px;  margin-top: 140px;  margin-right: 30px;  }
.oneEl .bd ul li .li_wen h3 {  font-size: 16px;  color: #333333;  }
.oneEl .bd ul li .li_wen hr {  width: 90px;  height: 0px;  border-top: 3px solid #666;  margin: 15px 0;  }
.oneEl .bd ul li .li_wen p {  color: #333333;  line-height:32px;  height: 160px;  overflow: hidden;  }
.oneEl .bd ul li .li_wen .more {  text-align: right;  margin-top: 10px;  }
.oneEr {  width: 272px;  height: 667px;  padding: 20px 20px 0 50px;  background: #007aff;  margin-top: 10px;  }
.oneEr h3 {  font-size: 20px;  line-height: 30px;  font-weight: bold;  color: #fff  }
.oneEr p.en {  font-size: 12px;  line-height: 16px;  color: #fff;  }
.oneEr p.cn {  color: #fff;  line-height: 30px;  margin-top: 10px;  margin-bottom: 10px;  }
.oneEr h6 {  font-size: 18px;  color: #fff;  font-weight: bold;  line-height: 26px;  }
.oneEr .more {  width: 126px;  height: 40px;  border: 1px solid #fff;  line-height: 40px;  text-align: center;  color: #fff;  margin-top: 20px;  }
.oneEr .more a {  color: #fff;  display:block; }

.oneF{margin: 20px auto 45px;overflow: hidden}
.oneF .title{overflow: hidden;text-align: left}
.oneF .lc_t a{ font-size:30px; padding:0 5px;}
.oneF .lc_t span{ font-family:arial; text-transform:uppercase;}
.oneF .lc_line{ background:#007aff; height:3px; width:60px; float:left; margin-top:20px;}
.oneF .oneF1{ margin-top:30px;}
.oneF .liucheng_line{ background:#eee; height:1px;}
.oneF .liucheng ul li{ background:url(../img/liucheng_bg.jpg) no-repeat; width:149px; height:202px; display:block; position:relative; float:left; margin:0 9px;}
.oneF .liucheng ul li:hover{ background:url(../img/lc_hover.jpg) no-repeat; width:149px; height:202px; color:#FFF;}
.oneF .cl_t{ color: #fff;  position: absolute;  left: 64px;  top: 47px;  font-size:16px;  }
.oneF .liucheng_tu{  position: absolute;  left: 41px;  top: 94px;  }
.oneF .liucheng_tu img{ width:64px; height:64px;}

.oneG {width: 100%;  background: url(../img/khpj_bg.jpg) no-repeat bottom center;  height:420px;  overflow: hidden;}
.oneG .title{height: 85px;margin-top: 0}
.oneG .bd {  overflow: hidden;  }
.oneG .bd ul {  overflow: hidden;  width:1230px;  }
.oneG .bd ul li {  width: 550px;  overflow: hidden;  float:left;  margin-right: 50px;  }
.oneG .bd ul li .img {  width: 300px;  height: 270px;  float: left;  margin-top: 40px;  position: relative;  background: #fff;  overflow: hidden;  }
.oneG .bd ul li .img img {  width: 100%;  height: 100%;  }
.oneG .bd ul li .wen {  width: 190px;  height: 288px;  margin-top: 40px;  float: right;  margin-right: 20px;  }
.oneG .bd ul li .wen h3 {  font-size: 16px;  color: #fff;  line-height: 70px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  display: block; font-weight: normal}
.oneG .bd ul li .wen h3 a {  color: #fff;  }
.oneG .bd ul li .wen hr {  width: 60px;  height: 0;  border-top: 3px solid #fff;  margin: 20px 0;  }
.oneG .bd ul li .wen p {  line-height: 36px;  color: #fff;  max-height: 140px;  overflow: hidden;  }

/*center_box*/
.oneH{ margin:30px auto;overflow: hidden;background-color:#f4f4f4;}
.oneH .title{margin-bottom:40px;}
.oneH .changjian_box{ width:340px; float:right;background-color:#fff;}
.oneH .cj_title{overflow: hidden;line-height:48px;padding-left:15px;padding-right:15px;border-bottom:2px solid #e0e0e0;}
.oneH .cj_t{ width:200px; float:left; font-size:16px;color:#333;font-weight:bold;}
.oneH .cj_t span{color:#b6b6b6;padding-left: 5px;}
.oneH .cj_t a{color: #666}
.oneH .cj_more{ width:60px; float:right; font-weight:normal; color: #999;border-left:2px solid #e0e0e0;padding-left:15px;}
.oneH .cj_more:hover {cursor:pointer;color:#017dbe;}
.oneH #ticker2 {  width: 340px;  height: 360px;  overflow: hidden;  position: relative;  margin:10px auto;  }
.oneH #ticker2 li {  position: relative;  width: 100%;padding:3px 15px;  line-height: 30px;  margin: 5px auto;  border-bottom:1px dashed #CCC;  height:120px;  overflow:hidden;  }
.oneH .wen{ float:left; background:url(../img/wen.png) no-repeat;padding:0 25px; height:33px;background-position-y:6px;}
.oneH .da{ background:url(../img/da.png) no-repeat; height:32px; padding:0 25px;float: left;background-position-y:6px;}
/*.oneH .wen a{ color:#333;}
.oneH .wen a:hover{ color:#;}*/
.oneH .cj_line{ background:#eee; height:1px; width:540px; margin-top:20px;display:none;}
.oneH .news_box{ width:820px; float:left; height:460px; overflow:hidden;background-color:#fff;}
.oneH .news_title{line-height:48px;padding-left:15px;padding-right:15px;border-bottom:2px solid #e0e0e0;}
.oneH .news_nr{overflow: hidden}
.oneH .news_t{ width:200px; float:left;}
.oneH .news_t ul li{ float:left; width:100px; text-align:center; font-size:16px;position:relative;}
.oneH .news_t ul li:before{content:"/";display:inline-block;position:absolute;right:-3px;}
.oneH .news_t ul li:nth-child(2):before{display:none;}
.oneH .news_t ul li a{font-size:16px;color:#333;font-weight:bold;}
.oneH .news_t ul li:hover,.news_t ul li.casehover{ color:#017dbe;}
.news_t ul li.casehover a{color:#017dbe;}
.news_t ul li.casehover:after{content:"";display:block;width:100%;height:2px;background-color:#017dbe;position:absolute;}
.oneH .news_tu{ width:100%; }
.oneH .news_tu img{ width:100%; height:189px;}
.oneH .news_nr{ margin-top:30px;display: none;overflow: hidden;padding-left:15px;padding-right:15px;}
.oneH .news_wen{padding:20px 0; width:100%;  color:#666;line-height:24px;}
.oneH .news_wen a{ color:#333;font-size:16px;font-weight:bold;    margin-bottom: 15px;
    display: block;}
.oneH .news_wen:hover dd{color:#017dbe;}
.oneH .news_nr1{float: left;width:37%;}
.oneH .news_nr2{width:60%; float:right;}
.oneH .news_nr2 ul li{  display:block;  overflow:hidden;    padding:15px 10px;border:1px solid #ececec;margin-bottom:20px;}
.oneH .news_nr2 ul li:hover .fr span:nth-child(2){color:#017dbe;}
.oneH .news_nr2 ul li .fl{border-right:1px dashed #999999;}
.oneH .news_nr2 ul li .fl span{display:block;text-align:center;color:#333;font-size:44px;font-family:Arial;padding-left:15px;padding-right:15px;}
.oneH .news_nr2 ul li .fl span:nth-child(2){font-size:19px;color:#666666;}
.oneH .news_nr2 ul li .fr{width:calc(100% - 127px);padding-left:15px;}
.oneH .news_nr2 ul li .fr span{display:block;}
.oneH .news_nr2 ul li .fr span:nth-child(1){font-size:16px;font-weight:bold;color:#333;margin-bottom:5px;}
.oneH .news_nr2 ul li .fr span:nth-child(2){font-size:14px;color:#888;line-height:24px;}
/* .oneH .news_nr2 ul li span{ float:right;} */
.oneH .r_more{ text-align:right; text-transform:uppercase;margin-top:15px;}
.oneH .r_more a{ color:#017dbe;display:block;width:122px;height:37px;line-height:37px;text-align:center;font-size:14px;border:1px solid #017dbe;border-radius:18px;}
.oneH .r_more:hover a{cursor:pointer;color:#fff;background-color:#017dbe;border:1px solid #fff;}
.oneH .news_nr2 ul li a:hover{ color:#007aff;}

.oneI{ background:#eee; height:106px; width:100%; margin-top:50px;}
.oneI .links{ width:1180px; margin:0 auto; text-transform:uppercase; line-height:106px;color: #666}
.oneI .links span{ font-size:30px; font-family:Arial;}

.footer{background-color:#232a2f;color: #fff;position: relative}
.foot_logo{ width: 189px;position: absolute; margin-left: 50%;  left: -94.5px;  top: -31px;  text-align: center;  }
.footer .foot_t{padding:50px 0;}
.footer .foot_t .ftb h3{font-size:18px;font-weight:normal;margin-bottom:40px;}
.footer .foot_t .ftb p{font-size:14px;line-height:30px;}
.footer .foot_t .ftb ul li{display:block;}
.footer .foot_t .ftb ul li a{font-size:14px;line-height:30px;}
.foot1{ margin-right:20px; width:370px;}
.foot1 ul li{ width:100px; height:38px; float:left;}
.foot1 ul li a{color: #fff;}
.foot2,.foot3,.foot4,.foot5{width:177px;text-align:center;position:relative;}
.foot3{width:257px;}
.foot2 ul:before,.foot3 ul:before,.foot4 ul:before,.foot5 .qrbox:before{
	content:"";display:inline-block;width:1px;background-color:#394044;height:168px;
	position:absolute;left:0px;
}
.foot3 ul li{width:50%;float:left;text-align:center;}
.foot5 .qrbox:before{top:64px;}
.foot5 .qrbox img{display:block;margin:0 auto;    margin-top: 36px;}
.foot2 p,.foot3 p{ line-height:30px;}
.footer a{color: #fff}

.foot_b {height:50px;line-height:50px;background-color:#12171b;}
.foot_b,.foot_b a{font-size:14px;color:#d3d3d3;}


/*========================================= 关于我们 =====================================*/
.slider{width: 100%;height: 320px;overflow: hidden;}
.location{width: 100%;overflow: hidden;line-height: 45px;border-bottom: 1px solid #e6e6e6;color: #999}
.locall{background: url("../img/local.png") no-repeat left;padding-left: 25px;}
.locall a{color: #999}

/*========================================= 产品中心 =====================================*/
.product{overflow: hidden;margin: 40px auto}
.pro_left{width: 250px;float: left;}
.proListTop{height:77px;background: url("../img/proL.png") no-repeat center;background-color: #007aff;
    text-align: center;padding-top: 12px;border-radius: 10px 10px 0 0;}
.proListTop h3{font-size: 22px;font-weight: normal;color: #fff;margin-top: 10px;}
.proListclass1 {  padding: 12px;  background: #007aff;  display: block;  width: 100%;  font-weight: bold;  color: #fff;
    position: relative;  box-sizing: border-box;  overflow: hidden;
}
.proListclass2 {  width: 82%;  color: #fff;  display: inline-block;  font-size: 16px;  margin-left: 5px;
    overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  position: relative;  z-index: 2;
}
.proListclass1:before {  content: "";  position: absolute;  top: -100%;  left: 0%;  width: 100%;  height: 100%;  background: rgba(0, 0, 0, .2);
    -webkit-transition: .5s;  z-index: 1;
}
.proListclass1:hover:before{top: 0}
.proListclass1 i {  position: absolute;  width: 3px;  height: 100%;  top: 0;  left: 3px;  background: #fff;  z-index: 3;  }
.proListclass1 b {  display: inline-block;  width: 25px;  background: url(../img/proIco1.png) no-repeat center;  overflow: hidden;  cursor: pointer;
    padding: 10px 0;  vertical-align: bottom;  transition: all .4s;  transform: rotate(0);  position: relative;  z-index: 2;
}
.proList_classify{background-color: #fafafa;overflow: hidden}
.proList_classify ul li p {  border: 1px solid #dededd;  border-top: 1px solid #fff;  padding-bottom: 10px;  margin-top: 0;  margin-bottom: 0;
}
.proList_classify ul li p a b {  position: absolute;  width: 100%;  height: 35px;  background: #007aff;  left: -108%;
    transition: .5s;  border-radius: 4px;  box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}
.proList_classify ul li p a {  border-bottom: 1px solid #f3f3f3;  width: 94%;  padding-top: 0;  display: block;  margin: 5px;
    padding-bottom: 5px;  position: relative;
}
.proList_classify ul li p a span {  padding: 7px;  width: 90%;  display: block;  position: relative;  z-index: 1;
    transition: .5s ease-in-out;  font-size: 15px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  }
.proList_classify ul li p a:hover b {  left: -7px;  }
.proList_classify ul li p a:hover{color: #fff;}
.proList_classify ul li p a span::before {  width: 2px;  margin-right: 10px;  vertical-align: bottom;  background: #dededd;  content: "";
    display: inline-block;  transition: .5s;  height: 20px;  margin-left: 5px;
}
.prohot{width: 100%;background-color: #fafafa;overflow: hidden;margin-top: 20px;padding: 20px 10px 0;box-sizing: border-box}
.new_hot{width: 100%;background-color: #fafafa;overflow: hidden;margin-top: 20px;padding: 20px 10px;box-sizing: border-box}
.news_nav{text-align: center;font-size: 22px;padding-bottom: 10px;}
.news_nav img{vertical-align: middle;padding-right: 10px;}
.new_hot ul li{line-height: 39px;border-bottom: 1px solid #dededd;padding: 0 10px;transition: .5s;overflow: hidden}
.new_hot ul li a{color: #999;font-size: 15px;}
.new_hot ul li:hover {  transform: translateX(5px);  }
.new_hot ul li:hover a{color: #007aff}
.new_hot ul li i{font-style: normal;display: block;float: left}
.new_hot ul li span{display:block;float:left;width:140px;margin-left:10px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;  }

.proListR{width: 900px;}
.proListRtop{background-color: #f4f4f4;padding: 10px 0}
.proListRtop img{margin-right: 10px;vertical-align: middle}
.proListRtop i{font-size: 16px;padding-left: 20px;font-style: normal;}
.proListRsort {  padding: 15px;  background: #fff;  box-shadow: -6px 8px 15px rgba(0, 0, 0, 0.02);  border: 1px solid #f2f2f2;  border-top: 0;  }
.proListRsort a {  display: inline-block;  margin-right: 20px;  line-height: 30px;  color: #666;  }
.proListRsort a::before {  content: "";  display: inline-block;  width: 5px;  height: 5px;  background: #007aff;  border-radius: 50%;  margin: 3px 7px;  }
.proListCenter ul{overflow: hidden}
.proListCenter ul li{width: 286px;float: left;margin-top: 20px; border: 1px solid #dededd;
    padding: 0 8px;box-sizing: border-box;margin-right: 20px;position: relative}
.proListCenter ul li dd{margin: 8px auto;position: relative}
.proListCenter ul li .pro_img{width: 230px;height: 175px;}
.proListCenter ul li .pro_img img{position: absolute;  top: 0;  left: 0;  max-width: 100%;  max-height: 100%;  right: 0;  bottom: 0;  margin: auto;  }
.proListCenter ul li dt h3{font-weight: normal;color: #4c4c4c;font-size: 16px;border-bottom: 1px solid #dededd;padding: 10px 0}
.proListCenter ul li dt p{padding: 10px 0;text-transform: uppercase;color: #c6c6c6;font-size: 12px;background: url(../img/proMore.png) no-repeat 100% center;}
.proListCenter ul li .pro_img::before {  border-top: 1px solid #fff;  border-bottom: 1px solid #fff;  transform: scale(0, 1);
    position: absolute;  top: 5%;  right: 5%;  bottom: 5%;  left: 5%;  content: '';  opacity: 0;
    transition: opacity .35s, transform .35s;  z-index: 2;  background: url(../img/See.png) no-repeat center;
}
.proListCenter ul li .pro_img::after {  border-right: 1px solid #fff;  border-left: 1px solid #fff;  transform: scale(1, 0);
    position: absolute;  top: 5%;  right: 5%;  bottom: 5%;  left: 5%;  content: '';
    opacity: 0;  transition: opacity .35s, transform .35s;  z-index: 2;
}
.proListCenter ul li:hover .pro_img::before, .proListCenter ul li:hover .pro_img::after {  opacity: 1;  transform: scale(1);  }
.caseListhide {  width: 0%;  height: 0%;  display: block;  top: 50%;  left: 50%;  transition: .8s;
    background: rgba(255, 255, 255, .2) url(../img/See.png) no-repeat center;  position: absolute;  z-index: 1;  -moz-transform: rotateX(90deg);
}
.proListCenter ul li:hover .caseListhide{display: block}
.proListCenter ul li dd::after {content: "";  width: 0%;  height: 0%;  position: absolute;  top: 50%;  left: 50%;  transition: .5s;  border-radius: 3px;  }
.proListCenter ul li:hover dd::after { width: 100%;height: 100%;background: rgba(0, 0, 0, .1);top: 0;left: 0; }
.proListCenter ul li:nth-child(3n){margin-right: 0}
.proListCenter .border-left {  width: 1px;  height: 0px;  background: #007aff;  position: absolute;  top: 0;  left: 0%;  transition: .5s;  }
.proListCenter .border-right {  width: 1px;  height: 0px;  background: #007aff;  position: absolute;  bottom: 0;  right: 0%;  transition: .5s;  }
.proListCenter .border-top {  width: 0px;  height: 1px;  background: #007aff;  position: absolute;  top: 0;  left: 0%;  transition: .5s;  }
.proListCenter .border-bottom {  width: 0px;  height: 1px;  background: #007aff;  position: absolute;  bottom: 0;  right: 0%;  transition: .5s;  }
.proListCenter ul li:hover .border-left {  height: 100%;  }
.proListCenter ul li:hover .border-right {  height: 100%;  }
.proListCenter ul li:hover .border-top {  width: 100%;  }
.proListCenter ul li:hover .border-bottom {  width: 100%;  }

/*phone1_all*/

.phone1_all{ background:url(../img/phone1_bk.jpg) no-repeat center; height:257px;margin-top: 30px;}

.phone1{ width:1180px; margin:auto; position:relative;}

.phone1_w1{ position:absolute; top:95px; left:0px; font-size:30px; font-weight:bold; color:#fff;}

.phone1_w2{ position:absolute; top:155px; left:0px; font-size:24px; color:#fff;}

.phone1_w3{ position:absolute; top:95px; left:955px; font-size:30px; color:#fff; font-family:"times new roman";}

.phone1_w4{ position:absolute; top:150px; left:955px; width:120px; height:34px; border:1px solid #fff; text-align:center; line-height:34px; }

.phone1_w4 a{ font-size:15px; color:#fff; display:block; width:100%;}
/*td*/

.td_all{ width:100%; background:url(../img/td_bk.jpg) no-repeat center; height:687px;}

.td{ width:1180px; margin:auto; position:relative;}

.td_dbt{ font-size:32px; color:#007aff; font-weight:bold; top:53px; left:298px; position:absolute;}

.td_xbt{ font-size:18px; color:#333333; top:65px; left:575px; position:absolute; line-height:22px;}

.td_xbt span{ font-size:12px; color:#999999; text-transform:uppercase;}

.td ul li{ width:280px;}

.td_w1{ font-size:18px; color:#555555; font-weight:bold;}

.td_w2{ font-size:15px; color:#666666; margin-top:10px; line-height:30px; }

.td1{ position:absolute; top:220px; left:10px;}

.td2{ position:absolute; top:370px; left:10px;}

.td3{ position:absolute; top:525px; left:10px;}

.td4{ position:absolute; top:257px; left:850px;}

.td5{ position:absolute; top:380px; left:900px;}

.td6{ position:absolute; top:525px; left:850px;}
.ban2{
    background:url(../img/s_banner2.png) no-repeat center;
    height: 178px;
    margin-top: 40px;
}

.ban2-z p{
    color: #fff;
    font-size: 22px;
    margin-top: 50px;
    font-weight: bold;
}
.ban2-z p i{
    display: block;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 14px;
    color: #c6c6c6;
}
.ban2-y{
    margin-top: 44px;
    /* margin-right: 46px; */
}
.ban2-y span i{
    color:#fff;
}
.ban2-y span b{
    font-size: 22px;
    color:#fff;
}
.ban2-y a{
    display: block;
    width: 220px;
    color:#333;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #fff;
    margin-top: 20px;
}
.ban2-y a:hover{
    background: #007aff;
    color:#fff;
}
/* ban2 end */
.ban1{
    background:url(../img/gd_bg1.png) no-repeat center;
    height: 178px;
    margin-top: 40px;
}
.ban1 p{font-size:28px;}
.ban1 p i{font-style:normal;font-size:24px;color:#fff;display:block;margin-top:5px;}
.ban1 .ban2-y{margin-top:35px;}
.ban1 .gd1_tel_t{display:block;font-style:normal;font-size:14px;text-align:center;background:url("../img/tel2.png") no-repeat 45px center;    margin-bottom: 10px;}
.ban1 .gd1_tel{font-family:Arial;font-size:34px;}
.ban1 .ban2-y a{margin-top:10px;background-color:#eb8908;border-radius:5px;color:#fff;}
.ban1 .ban2-y a:hover{box-shadow:0 0 10px #e8e8e8;}
.ban3{
    background:url(../img/gd_bg2.png) no-repeat center;
    height: 217px;
    margin-top: 40px;
}
.ban3 .ban2-y{margin-top:64px;width:600px;color:#fff;}
.ban3 .ban2-y p{font-size:28px;text-align:center;}
.ban3 .ban2-y p i{font-style:normal;display:block;font-size:12px;font-family:Arial;}
.ban3 .ban2-y span{display:block;margin-top:25px;text-align:center;font-size:22px;}
.ban3 .ban2-y .gd1_tel{background:url("../img/tel3.png") no-repeat 0px center;padding-left:47px;}
.between{
    width: 1180px;
    margin:0 auto ;
}
.pull-left{
    float: left;
}
.pull-right{
    float: right;
}

/*ys*/

.ys_all{ width:100%; background-color:#f1f1f1;}

.ys{ width:1180px; margin:auto; position:relative;}

.ys h3{ text-align:center; line-height:30px; font-size:24px; color:#444; padding-top:40px;}

.ys h3 span{ font-size:13px; color:#777; font-weight:normal; text-transform:uppercase;}





.ys_slideTxtBox{ width:1180px; margin-top:30px; height:auto; overflow:hidden; }
.ys_slideTxtBox .hd,.ys_slideTxtBox .cd{ position:relative; }
.ys_slideTxtBox .cd{text-align: center;}
.ys_slideTxtBox .hd ul{position:absolute; width:1180px; height:210px; top:0px; left:50px; z-index:999;  }
/*.ys_slideTxtBox .cd ul{position:absolute; background:#fff; top:0px; left:50px; z-index:999; }*/
.ys_slideTxtBox .cd ul{display: inline-block;margin: 0 auto;}
.ys_slideTxtBox .hd ul li{ float:left;  cursor:pointer; width:247px; margin-right:30px;font-size:24px; color:#666;     margin-bottom: 20px;}
.ys_slideTxtBox .hd ul li:nth-child(4){margin-right:0px;}
.ys_slideTxtBox .hd ul li img{width:100%;display:block;}
.ys_slideTxtBox .cd ul li{ float:left;  cursor:pointer; width: 9px;height: 9px;background-color: #bebfbf;border-radius: 50%; text-indent: -999px;overflow: hidden;}
.ys_slideTxtBox .cd ul li.on{background-color: #007aff;}
.index_cases{width: 100%;height:440px;}

.ys_slideTxtBox .hd ul li img{width: 100%;height: 160px;}

.ys_slideTxtBox .hd ul li p{ display:block;  font-size:14px; color:#333333; text-align:center;padding: 5px;background-color: #fff;}
.ys_slideTxtBox .hd ul li:hover p{background-color: #007aff;color:#fff;}

.ys_slideTxtBox .hd ul li p span{ float:right; margin-right:30px; width:16px; height:16px; border:1px solid #ccc; text-align:center; line-height:16px; font-size:20px; color:#888; border-radius:50%;}

.ys_slideTxtBox .hd ul li.on p{ color:#007aff;}

.ys_slideTxtBox .hd ul li.on p span{ color:#007aff;border:1px solid #007aff;}



.ys_l{ float:left; width:590px; background:#007aff; height:400px;}

.ys_r{ float:left; width:590px;}

.ys_r img{ display:block;  margin-right:0px; width:590px; height:400px;}

.ys_l_w{ margin-left:50px; margin-top:60px;}

.ys_l_w1{ font-size:18px; color:#fff; font-weight:bold;}

.ys_l_w2{ width:420px; font-size:15px; line-height:32px; color:#fff; margin-left:0px; margin-top:25px;}

.ys_l_w2 span{ color:#fff;}

.ys_l_w3{ width:500px; font-size:16px; line-height:30px; color:#fff; margin-left:20px; margin-top:28px;}

.ys_l_t{ overflow:hidden; margin-top:25px;}

.ys_l_t p{ float:left; margin-left:25px; width:270px; height:180px;}

.pronava{width: 100%;height: 70px;line-height: 70px; display: block;background:url("../img/prod.jpg") no-repeat  ;border-bottom: 1px solid #fff;background-color: #eee;padding-left: 40px;}

/*========================================= 新闻动态 =====================================*/
.new{overflow: hidden;margin-top: 40px;}
.newl {width: 250px;}
.newl .nav_tit {  background-color: #f8f8f8;  padding: 15px 0;  }
.newl .nav_tit i {  float: left;  width: 30px;  height: 30px;  background-color: #007aff;  margin-right: 5px;  }
.newl .nav_tit h2 {  font-size: 30px;  font-weight: bold;  height: 35px;  line-height: 30px;  color: #007aff;  }
.newl .nav_tit span {  font-size: 16px;  font-weight: bold;  color: #bcbcbc;  text-transform: uppercase;  padding-left: 5px;  }
.newl dl {  margin-bottom: 20px;  border-bottom: 1px solid #e8e8e8;  }
.newl dl dt {  height: 45px;  line-height: 45px;  margin-bottom: -2px;  background-color: #007aff;  background-image: url(../img/ico1.png);
    background-repeat: no-repeat;  background-position: 230px center;  position: relative;
}
.newl dl dt i, .newl dl dd i {  display: block;  width: 16px;  height: 8px;  background-color: #fff;  position: absolute;
    left: 7px;  top: 50%;  margin-top: -4px;
}
.newl dl dt a {  color: #fff;  font-size: 18px;  display: block;  width: 185px;  height: 45px;  line-height: 45px;
    white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  padding-left: 30px;
}
.newl dl .cur i, .newl dl dt:hover i, .newl dl dd:hover i {
    transform: scale(1, 0.2);
}
.side-bar #wjdh-side-hot{background-color: #f8f8f8}
.side-bar #wjdh-side-hot .tempWrap {  margin: auto;  }
.side-bar dl ul li{padding-top: 10px;border-bottom: 1px solid #e9e9e9}
.side-bar dl ul li .img {  width: 210px;  height: 170px;  padding: 4px;  margin: 0 auto;  background-color: #e9e9e9; overflow: hidden }
.side-bar dl ul li .img img{max-width: 100%}
.side-bar dl ul li .title-a {  display: block;  width: 90%;  height: 30px;  line-height: 30px;  margin: 0 auto;
    white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  text-align: center;
}
.side-bar #wjdh-side-hot .hot-btn {  text-align: center;  padding: 10px;  }
.side-bar #wjdh-side-hot span.prev, .side-bar #wjdh-side-hot span.next {  display: inline-block;  _display: inline;  zoom: 1;
    width: 35px;  height: 20px;  margin: 0 5px;  cursor: pointer;
}
.side-bar #wjdh-side-hot span.prev {  background: url(../img/sidebar_left.png);  }
.side-bar #wjdh-side-hot span.next {  background: url(../img/sidebar_right.png);  }

.side-contact .side-contact-phone {  background-color: #007aff;  font-size: 16px;  color: #fff;  background-image: url(../img/phone.png);
    background-position: 20px center;  background-repeat: no-repeat;  padding: 10px 10px 10px 55px;
}
.side-contact .side-contact-phone p {  font-size: 24px;  font-weight: bold;  }
.side-contact .side-contact-adress {  padding: 10px 20px;  background-color: #353537;  background-image: url(../img/adress.png);
    background-position: 20px 10px;  background-repeat: no-repeat;  text-indent: 25px;  color: #cecece;  line-height: 22px;
}
.newr{width: 890px;overflow: hidden}
.newsrr ul{overflow: hidden}
.newsrr ul li{width:100%;height:130px;border-bottom: 1px solid #f4f4f4;margin-bottom: 20px;padding: 10px;box-sizing: border-box}
.newsrr ul li dd{overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.newsrr ul li dt{margin: 10px 0;color: #747474}
.newsrr ul li .more {  float: right;  width: 100px;  height: 22px;  line-height: 22px;  border: 1px solid #333;text-align: center}
.newsrr ul li:hover{background-color: #F8F8F8;transition: all 0.5s ease;}
.newsrr ul li:hover .more{border-color: #01a684}

/*========================================= 客户案例 =====================================*/
.cases_menu{text-align: center;padding: 40px 0;overflow: hidden}
.cases_menu .title {  display: inline;  color: #bbb;  font-size: 24px;  border-bottom: 1px solid #bbb;  text-transform: uppercase; margin-top: 0;  }
.cases_menu .menu-list {  margin-top: 20px;  }
.cases_menu .menu-list span {  _display: inline;  zoom: 1;  display: inline-block;  position: relative;  }
.cases_menu .menu-list span a {  font-size: 16px;  display: block;  width: 130px;  height: 35px;  line-height: 35px;  color: #fff;
    background-color: #333;  text-align: center;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  margin: 10px;
    position: relative;  z-index: 9;
}
.cases_menu .menu-list span:before {  display: block;  content: '';  position: absolute;  left: 50%;  bottom: 10px;  margin-left: -10px;
    width: 0;  height: 0;  border-left: 10px solid transparent;  border-right: 10px solid transparent;  border-top: 10px solid #333;  z-index: 8;
}
.cases_menu .menu-list .cur:before,.cases_menu .menu-list span:hover:before {
    border-top: 10px solid #007aff;  bottom: 0;
}
.cases_menu .menu-list .cur:before,.cases_menu .menu-list span:hover a {  background-color: #007aff;  }
.cases{width: 100%;background-color: #f4f4f4;overflow: hidden;padding: 40px 0}
.wjdh-title {background-color: #fff;padding: 10px;position: relative;padding-bottom: 20px;border-bottom: 1px solid #f4f4f4;}
.wjdh-title .title-box {  padding-bottom: 1px;  border-bottom: 1px solid #ececec;  }
.wjdh-title h3 {  border-bottom: 1px solid #007aff;  color: #007aff;  font-size: 20px;  display: inline;  font-weight: normal;  }
.wjdh-title h3 small {  font-size: 16px;  color: #bcbcbc;  text-transform: uppercase;  }
.case{padding: 0 20px;background-color: #fff;box-sizing: border-box;overflow: hidden}
.caseo ul{overflow: hidden}
.caseo ul li{width: 267px;padding-bottom:6px;border: 1px solid #e4e4e4;margin-top: 15px;float: left;margin-right:21px;margin-bottom:15px;}
.caseo ul li:nth-child(4n){margin-right:0px;}
.caseo ul li dd{width: 100%;height: 200px;float: left;overflow: hidden}
.caseo ul li dd img{max-width: 100%;min-height: 200px;}
.caseo ul li dt{float: left;margin-left: 20px;width:208px;height:120px;position:relative;}
.caseo ul li dt p{font-size: 16px;margin: 15px 0 20px;}
.caseo ul li dt span{color: #999}
.caseo ul li dt .xq{display: inline-block;width: 80px;line-height: 30px;background-color: #999;text-align: center;
    color: #fff;margin-top: 80px;position:absolute;bottom:0px;}
.caseo ul li:hover .xq{background-color: #007aff}
.caseo ul li:hover { border: 1px solid #007aff;box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);}

.abouts{overflow: hidden;background-color: #fff;}
.aboutss ul{overflow: hidden}
.aboutss ul li{padding: 5px;float: left;  width: 272px;  border: 1px solid #e4e4e4;margin: 25px 0 0 18px;box-sizing: border-box}
.aboutss ul li dd{width: 100%;height: 195px;overflow: hidden;background-color: #f4f4f4;position: relative}
.aboutss ul li dd img{height: 195px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto}
.aboutss ul li dt{font-size: 16px; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;text-align: center;padding: 15px 0}
.aboutss ul li:hover{box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); border: 1px solid #007aff;}

/*========================================= 新闻中心 =====================================*/
.news{margin-top: 25px;overflow: hidden}
.news ul li{padding: 20px;border: 1px solid #f2f2f2;background: #fff;margin-bottom:50px;overflow: hidden;}
.news ul li dd{width: 360px;height: 205px;overflow: hidden;float: left}
.news ul li dd img{width:360px;height: 205px;transition: .5s}
.news ul li dt{width: 770px;float: right;}
.news ul li dt h3{font-weight: normal;font-size: 24px;padding: 28px 0}
.news ul li dt span{line-height: 1.8}
.news ul li dt div{margin-top: 24px;}
.news ul li dt div i{color: #959595;font-style: normal;}
.news ul li:hover { box-shadow: 4px 4px 4px #ddd; }
.news ul li:hover dd img{transform: scale(1.2);}

/*========================================= 新闻详情页 =====================================*/
.con{padding: 30px;min-height:400px;overflow: hidden;background-color: #fff;box-sizing: border-box;line-height: 2}
.con_top h3{border-bottom: #e1e3df dashed 1px;line-height: 60px;color: #505050;font-size: 22px;text-align: center}
.con_top .news_author{line-height: 30px;color: #666;text-align: center;border-bottom: #e1e3df dashed 1px;}
.cont{line-height: 2;padding: 30px 0;min-height: 400px;font-size: 16px;color: #666}
.cont img{max-width: 100%}
.view_bot{margin-bottom: 30px;}
.express-lane {  border-bottom: 1px solid #e4e4e4;  margin-top: 20px;  }
.express-lane h3 { padding-left: 30px; font-weight: normal; background-image: url(../img/ico2.png);  background-repeat: no-repeat;  background-position: left bottom;
    border-bottom: 1px solid #e4e4e4;  line-height: 30px;  font-size: 20px;  color: #747474;  text-transform: uppercase;
}
.express-lane .content {  padding: 10px;  }
.express-lane dl {  padding-left: 52px;  background-image: url(../img/ico3.png);  background-repeat: no-repeat;  background-position: 20px 10px;  line-height: 35px;  }
.express-lane dl dt {  font-size: 17px;  color: #747474;  }
.express-lane dl dt, .express-lane dl dd {  display: inline;margin: 0 5px;}
.bottom-contact {  text-align: center;  }
.bottom-contact .tel {  background-image: url(../img/phone2.png);  background-repeat: no-repeat;  background-position: 10px center;  font-size: 16px;  }
.bottom-contact .tel, .bottom-contact .qq {  _display: inline;  display: inline-block;  padding-left: 50px;  text-align: left;  color: #747474;  height: 50px;
    margin: 0 20px;  padding: 20px 0 20px 50px;  cursor: pointer;
}
.bottom-contact .qq {  background-image: url(../img/qq.png);  background-repeat: no-repeat;  background-position: left center;  line-height: 25px;  }
.bottom-contact .tel, .bottom-contact .qq {  _display: inline;  display: inline-block;  padding-left: 50px;  text-align: left;  color: #747474;
    margin: 0 20px;  padding: 20px 0 20px 50px;  cursor: pointer;
}
.bottom-contact .tel p {  font-size: 24px;  font-weight: bold;  position: relative;  }
.relevant {  border: 1px solid #e5e5e5;  }
.relevant .title {  height: 40px;  line-height: 40px;  border-bottom: 1px solid #e5e5e5;  padding: 0 10px;
    overflow: hidden;  text-align: left;  margin-top: 0;
}
.relevant .title h3 {  display: inline;  color: #007aff;  font-size: 18px;  font-weight: bold;  }
.relevant .content {  padding: 10px 20px;  }
.relevant .content ul li { float: left;  width: 320px;  height: 30px;  line-height: 30px;  padding-left: 20px;
    background-image: url(../img/ico4.png);  background-repeat: no-repeat;  background-position: left center;
}
.relevant .content ul li:nth-child(2n){float: right}
.relevant .content ul li a {  color: #676767;  display: block;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  }
.relevant .content ul li:hover {  transform: translateX(10px);  }

/*========================================= 产品详情页 =====================================*/
.content{overflow: hidden;padding: 40px 0;}
.show{border: 18px solid #f4f4f4;  padding: 22px;  background-color: #fff;width: 820px;}
.showA{overflow: hidden}
.showA1{width: 400px;height: 300px;border: 1px solid #ececec;}
.showA1 img{max-width: 100%}
.showA2{width: 380px;border: 1px solid #ececec}
.showA2 h3{text-align: center;border-bottom: 1px solid #ececec;line-height: 50px;color: #007aff;font-size: 18px;}
.showA2 .text{padding: 20px;  color: #666;  line-height: 1.8;  height: 147px;  overflow: hidden;  border-bottom: 1px solid #ececec;  font-size: 16px;}
.showA2 .lb{  overflow: hidden;  padding: 20px; color: #007aff }
.line{width: 100%;  height: 7px;  background-image: url(../img/bg1.jpg);  margin: 30px 0 10px;}

/*========================================= 联系我们 =====================================*/
 #map{width: 100%;height: 485px;border-top: 1px solid #d4d4d4}
 .map_l{width:209px;float:left;}
 .map_r{width:calc(100% - 229px);float:right;}