@charset "utf-8";

/*通用调用*/
.w1200{width:1200px;height:auto;margin:0 auto;overflow:hidden;}
.w1170{width:1170px;height:auto;margin:0 auto;overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
/*头部*/
.top{ height:100px; overflow: visible;}
.top_a{ height: 100px; width:100%; background-color: #FFFFFF; animation-name: slideInDown; z-index: 999;/* position:fixed; */ overflow: visible;}
.top_a_z{height: 100px; overflow: visible;}
.top_a img{ float: left; width:152px; height: 57px; margin-left: 15px; margin-top: 21px;}
.top_img{ overflow: visible;width: auto; height: 100px; float: left;}
.top_img:hover .top_list{ display: block; }
.top_list{margin-left: 15px; display: none;position:absolute; z-index: 5; top: 100px; width: 300px; height: auto; padding: 20px; border-radius:0px 0px 10px 10px ;background:#1462bd; color: #FFFFFF;background-color:rgba(20,98,189,.9);}
.top_list span{ display:block; line-height: 25px; }
.top_list span small{color:#a0cbfd;}
.top_list span.b{ margin-top:20px;}
.top_list span.c{ margin:20px 0px; background: #397ccb; width: 300px; height: 1px;}
.top_list span.d{background-image: url(../images/top_list_ico.png);background-repeat: no-repeat; padding-left: 15px;}
.top_font{float:left; margin-top: 30px; margin-left: 15px; padding-left: 15px; border-left: 1px solid #d6d6d6; width:auto; height: 40px; line-height: 20px;}
.top_font a{ color: #999999; display: block;}
.nav{width: 660px; height:100px;   position:relative; z-index:1;  }
.nav_a{display: block;   height: 62px;padding-top: 38px; width: 110px; text-align: center; transition: .3s; font-size: 16px; color: #666666;}
.nav_a span{display: none; font-size: 14px; margin: 8px auto 0 auto;}
.nav_a:hover{color:#fff; text-align: center;}
.nav_a:hover span,.nav_a:focus span{ display: table; padding-top: 3px; width:auto; border-top: dotted 1px #ffffff;}
.nav_a:hover,.nav_a:focus{ height: 76px; padding-top: 24px;background-color:#155aab;}
.nLi{ float:left; width: 110px;  position:relative;transition: .5s; }
.nLi.on a span{ display: table; padding-top: 3px; width:auto; border-top: dotted 1px #FFFFFF;color:#fff;  }
.nLi.on a{color:#fff;}
.nLi.on .nav_a{height: 76px; padding-top: 24px;background-color:#155aab;}
.sub{ display:none; width:185px; left:0; position:absolute;  border-radius: 0 0 8px 8px; padding-top: 15px; padding-bottom: 15px;top: 100px;background-color:#165aab; opacity: .9 ;filter:alpha(opacity=90,style=90); }
.sub a{font-weight: 400; display:block; line-height: 45px; height: 45px;text-align: center;color: #FFFFFF; transition: .5s; opacity: 1; filter:alpha(opacity=100,style=100); }
.sub a:hover{ background-color:#2a7ddd; color:#fff;  }

/*沃港专注于仓储智能化*/
.intel{ height:322px; margin-top: 95px; }
.intel .left{ width: 580px; height: 500px;}
.intel .left .a{ height:30px; line-height: 30px; font-size: 24px;}
.intel .left .b{width: 0px; height: 2px; background-color: #03ddfe; transition: .3s; margin: 20px 0px;}
.intel .left .c{ height:60px; line-height: 30px; color:#666666;font-size: 15px}
.intel:hover .w1170 .left .b{width: 25px;}
.intel .left ul{ height:150px; margin-top:40px; width:675px;  }
.intel .left ul li{ float: left;width:175px; height: 160px; text-align: center; margin-right: 50px;}
.intel .left ul li a{ display:block; width: 100%; height: 100%;font-size: 15px}
.intel .left ul li .d{display: block;width: 92px; height: 92px; background-position: top; margin:0 auto;}
.intel .left ul li .d.one{background: url(../images/intel1.png) no-repeat;}
.intel .left ul li .d.two{background: url(../images/intel2.png) no-repeat;}
.intel .left ul li .d.three{background: url(../images/intel3.png) no-repeat;}
.intel .left ul li:hover .d{background-position: bottom;}
.intel .left ul li .e{display: block; height: 30px; line-height: 30px; margin-top:8px; color:#333333;}
.intel .left ul li .f{display: block; height: 30px; line-height: 30px; color: #999999;}
.intel .right{ width:500px; height: 322px; position: relative;/* 新加： */padding-top: 35px}
.intel .right .a{ position:absolute; top:150px; left: 241px;}
.intel .right .b{width: 65px; height: 65px; position:absolute; top:128px; left: 217px;animation:rotating 2s linear infinite;-webkit-animation:rotating 2s linear infinite;animation-play-state: running;}
.intel .right .b:hover{animation-play-state: paused;}
@keyframes rotating{
from{transform:rotate(0)}
to{transform:rotate(360deg)}
}
/*产品与服务*/
.services{ height:510px; margin-top: 130px; background-color: #eeeeee; padding-top: 80px;}
.services .w1170{overflow: visible;}
.total_title{height:70px;}
.total_title .left .a{ height:24px; line-height: 24px; font-size: 24px;}
.total_title .left .b{width: 0px; height: 2px; background-color: #03ddfe; transition: .3s; margin: 15px 0px;}
.total_title .left .c{ height:14px; line-height: 14px; color:#999999;}
.services:hover .total_title .left .b{width: 25px;}
.total_title .right.a a{display:block; width: 80px; height: 22px; margin-top: 23px; border-radius: 12px; border: 1px solid #999999; color: #999999; line-height: 22px;}
.total_title .right.a a span.a{ font-size:14px; float: left; margin-left: 15px; transition: .3s;}
.total_title .right.a a span.b{ font-size:14px; margin-left: -5px; float: left; font-weight:lighter;}
.total_title .right.a a:hover{border: 1px solid #155aab; background-color: #155aab; color:#ffffff;}
.total_title .right.a a:hover span.a{ margin-left: 30px;}
.services ul{ width:1200px; height: 290px; margin-top: 60px;margin-left: -15px}
.services ul li{width:300px; height: 320px; float: left; position: relative;  overflow: visible;}
.services ul li a{ display:block; width: 100%; height: 100%;}
.services ul li a .center{width:270px; height: 290px; margin:15px;}
.services ul li .center div{height:70px;text-align: center; background-color: #ffffff; padding-top: 25px;}
.services ul li .center div span.a{ color:#333333; display: block; line-height: 14px; font-weight: 600;font-size: 15px}
.services ul li .center div span.b{ color:#999999; display: block; line-height: 14px; margin-top: 12px;font-size: 15px}

.services ul li .center_hover{ opacity:0; margin-top: -320px; position: absolute; filter: alpha(opacity=0,style=0); transition: .3s;}
.services ul li .center_hover div.bottom{height:140px; background-color: #ffffff;}
.services ul li .center_hover div.blue{width: 300px; height: 180px; position: absolute; margin-top: -180px; text-align: center; opacity: 0;  filter: alpha(opacity=0,style=0);}
.services ul li .center_hover div.blue span.a{ color:#ffffff; display: block; line-height: 16px; font-size: 16px; margin-top: 70px;}
.services ul li .center_hover div.blue span.b{ color:#ffffff; display: block; line-height: 14px; margin-top: 10px;}

.services ul li .center_hover div.bottom{height:140px; background-color: #ffffff;}
.services ul li .center_hover div.bottom div{ height:60px; width: 80px;float: left; margin-top: 40px;}
.services ul li .center_hover div.bottom div.a{ margin-left:30px;}
.services ul li .center_hover .bottom div span{ display:block; line-height: 14px; margin-top: 5px; color:#666666; text-align: center;}
.services ul li .center_hover .pic{ width:300px; height: 180px; overflow: hidden;}
.services ul li .center_hover .pic img{width: 300px;height: 222px;overflow: hidden;}
.services ul li:hover .center_hover{ opacity:1; filter: alpha(opacity=100,style=100);}
.services ul li:hover .center_hover .blue{ opacity:1; filter: alpha(opacity=100,style=100); background-color:rgba(21,90,171,.4);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#5F1b63b8,endcolorstr=#5F1b63b8);}
/*四大优势*/
.advantage{ background:url(../images/adv_back.jpg) no-repeat center center; /* height: 663px; */height: 620px;}
.advantage .title{height:64px; margin-top: 80px; text-align: center;}
.advantage .title span{ display:block; color:#ffffff;}
.advantage .title span.a{ line-height:34px; font-size: 34px; font-weight: 600;}
.advantage .title span.b{ line-height:18px; font-size: 18px; margin-top: 12px;}
.advantage ul{ width:1173px; height: 390px; margin-top: 50px; overflow: visible;}
.advantage ul li{ float: left;width:290px; height: 390px; margin-right: 3px; text-align:center; cursor: pointer; position: relative;}
.advantage ul li .adv{padding-top:50px; width: 290px; height: 340px;transition: .3s;}
.advantage ul li .adv img{ display:block; margin-left:73px; }
.advantage ul li .adv span{ display:block;}
.advantage ul li .adv span.a{color:#ffffff;font-size: 18px; margin-top: 10px;}
.advantage ul li .adv span.b{padding-left: 15px; padding-right: 15px; color:#c1cbd6; line-height: 25px; margin-top: 7px;}

.advantage ul li .adv_hover{padding-top:50px; position: absolute; width: 290px; height: 340px; margin-top: -392px; opacity: 0;   transition: .4s; filter: alpha(opacity=0,style=0);}
.advantage ul li .adv_hover img{ display:block; margin-left:73px; }
.advantage ul li .adv_hover span{ display:block;}
.advantage ul li .adv_hover span.a{color:#ffffff;font-size: 18px; margin-top: 10px;}
.advantage ul li .adv_hover span.b{padding-left: 15px; padding-right: 15px;color:#c1cbd6; line-height: 25px; margin-top: 7px;}
.advantage ul li:hover .adv_hover{opacity: 1; margin-top:-407px; filter: alpha(opacity=100,style=100);background-color:rgba(27,99,184,.6);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F1b63b8,endcolorstr=#7F1b63b8);}
.advantage ul li:hover .adv{opacity:0; filter: alpha(opacity=0,style=0);}
/*应用案例*/
.case{ height:520px; margin-top: 80px;}
.case:hover .total_title .left .b{width: 25px;}
.Box{ width:1200px; height:500px; margin-top: -53px; position: relative;}
.Box .hd{ height:37px; line-height:36px; width:auto; position: relative; color:#666666; margin-right: 15px;}
.Box .hd ul{ float:right;}
.Box .hd ul li{ float: left;border-bottom: 1px solid #ffffff; /* width:120px; */ height: 36px; margin-left: 30px; line-height: 36px;}
.Box .hd ul li span{ display:block; float: left; background: url(../images/box_hd_icp.png) no-repeat; width: 15px; height: 14px; margin-top: 11px; background-position: top; margin-right: 3px;}
.Box .hd ul li.on{ color: #1b63b8; cursor: pointer; border-bottom: 1px solid #1b63b8;}
.Box .hd ul li.on span{ background-position:bottom;}
.Box .tempWrap{ margin-left: 15px;}
.Box .bd{width:1170px; overflow:hidden;}
.Box .worth_pic{ position: relative;height:408px; margin-top: 60px;}
.Box .worth_pic .left{ background:url(../images/box_left.jpg) no-repeat; height: 408px; width: 450px; color: #ffffff; }
.Box .worth_pic .left .a{ font-size:20px; line-height: 20px;margin: 70px 40px 0;}
.Box .worth_pic .left .b{ width:30px; height: 2px; background-color: #ffffff;margin: 30px 40px;}
.Box .worth_pic .left .c{ width: 370px; height: 120px; line-height: 30px; margin:0 40px;}
.Box .worth_pic .left .d{ display:block; margin-left: 40px; width: 100px; height: 34px; border:1px solid #c0e3fe; color:#c0e3fe; text-align: center; line-height: 34px; margin-top: 40px;}
.Box .worth_pic .left .d span.h{ display:none; margin-left: 3px;}
.Box .worth_pic .left .d:hover{ border:1px solid #ffffff; background-color: #ffffff; color:#1069ac;}
.Box .worth_pic .left .d:hover span.h{ display: inline-block;}
.Box .worth_pic .right img{width: 700px;height: 408px;overflow: hidden;}
.Box .prev,.Box .next { position: absolute; bottom: 184px;  overflow: hidden; display:block; background:url( ../images/box_ico.png) no-repeat; display: none; float: left;}
.Box .prev:hover{ background-position:bottom left;}
.Box .next:hover{ background-position:bottom right;}
.Box .prev{  background-position:top left; left: 0px; float: left; width:40px; height: 40px;}
.Box .next{  background-position:top right; right:0px; float: left; width:40px; height: 40px;}
.Box:hover .prev,.Box:hover .next{display: block;}
/*在线咨询*/
.consult{ background:url(../images/index2.jpg) no-repeat center center; height: 157px; margin-top: 80px;}
.consult div.fl{ width:auto; height:60px; margin-top: 49px;}
.consult div.fl span.a{display: block;font-size:26px; line-height: 26px;  color:#ffffff;}
.consult div.fl span.b{display: block; font-size:18px; line-height: 18px;  color:#ffffff; margin-top: 16px;}
.consult a{ display:block; width:185px; height: 65px; background-color: #155aab; color: #ffffff; font-size: 16px;text-align: center; line-height:65px; margin-top: 46px; transition: .3s; }
.consult a span{ margin-left:5px; display: none;}
.consult a:hover {background-color: #31d3d1;}
.consult a:hover span{ display:inline-block;}
/*合作客户*/
.appli{ height:440px; margin-top: 80px;}
.appli:hover .total_title .left .b{width: 25px;}
.total_title .right.c{ color:#575d69; line-height: 70px;}
.appli .total_title{ margin-bottom:30px;}
.well_banner{ overflow:hidden; position:relative; width:1200px; height: 340px;    }
.well_banner .hd{ overflow:hidden;  height:12px; margin-top: 30px; }
.well_banner .hd ul{  overflow:hidden; zoom:1;height:12px; width:56px; margin-left: 580px; }
.well_banner .hd ul li{ float:left;  width:10px; height:10px; overflow:hidden; margin-right:16px; text-indent:-999px; cursor:pointer; background-color: #e1dfdf; border: 1px solid #ffffff;border-radius: 6px;}
.well_banner .hd ul li.on{background-color: #ffffff; border: 1px solid #155aab; }
.well_banner .bd{ overflow:hidden; width:1190px; height: 285px; margin-left:15px;  }
.well_banner .bd ul{ overflow:hidden; zoom:1; width:1190px; height:280px;  float:left; _display:inline;  }
.well_banner .bd ul li{ margin-bottom: 20px; margin-right: 20px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.well_hover{ background-color:#155aab; margin-top: -122px; width: 218px; height: 122px; position: absolute; color: #FFFFFF; text-align: center; opacity: 0; transition: .5s; filter: alpha(opacity=0,style=0);}
.well_hover span{ display:block;}
.well_hover span.a{ margin-top:46px;}
.well_hover span.b{ width:30px; height: 1px; margin-top: 15px;  margin-left: 94px; background-color: #5193df;}
.well_banner .bd ul li .pic{ text-align:center;  width: 218px; height: 122px; position: relative;}
.well_banner .bd ul li .pic img{ width:216px;height:120px ; display:block; border:1px solid #ccc; }
.well_banner .bd ul li .pic a:hover .well_hover { opacity: 1; transition: .5s;  filter: alpha(opacity=100,style=100); }
.well_banner .prev,.well_banner .next { position: absolute; bottom: 188px;  overflow: hidden; display:block; background:url( ../images/box_ico.png) no-repeat; display: none; float: left;}
.well_banner .prev:hover{ background-position:bottom left;}
.well_banner .next:hover{ background-position:bottom right;}
.well_banner .prev{  background-position:top left; left: 0px; float: left; width:40px; height: 40px;}
.well_banner .next{  background-position:top right; right:0px; float: left; width:40px; height: 40px;}
.well_banner:hover .prev,.well_banner:hover .next{display: block;}
/*新闻*/
.news{ height:255px; background-color: #eeeeee; margin-top: 80px;}
.news .news_ul{ height:255px; width: 1200px;}
.news .news_li{ height:255px; width: 370px; margin-right: 30px; float: left;}
.news .news_li .title{ height:16px; line-height: 16px; margin-top: 50px; }
.news .news_li .title span{ font-size:16px; font-weight: 600;}
.news .news_li .title a{color:#666666;}
.news .news_li .title a:hover{color:#155aab;}
.news .news_li ul{ height:120px; width: 370px; overflow: hidden; margin-top: 35px;}
.news .news_li ul li{height:30px; width: 370px; color:#7f7f7f; line-height: 30px;font-size: 15px;}
.news .news_li ul li a{height: 30px; width:300px; overflow: hidden; color:#7f7f7f; transition: .3s;}
.news .news_li ul li a:hover{color:#155aab; padding-left: 5px;}
.news .news_li ul li:hover span{color:#155aab;}
.news .news_li ul li a img{vertical-align: middle; margin-right: 5px;}
/*底部*/

/*新闻中心*/
.news_banner{background: url(../images/news_banner.jpg) no-repeat center center; height:300px; position: relative;}
.news_banner a{ position:absolute; width: 140px; height: 40px; line-height: 40px; text-align: center; color:#ffffff; border:1px solid #ffffff; left: 50%; margin-left: 443px; margin-top: 120px; display: block; transition: .3s;}
.news_banner a span{ display:none; margin-left: 5px;}
.news_banner a:hover{background-color:#ffffff; color:#155aab;}
.news_banner a:hover span{ display:inline-block;}
.list_top{ background:url(../images/list_top.jpg) no-repeat; height: 75px; color:#bdcddf;}
.list_top .left{ height:40px; line-height: 40px; margin-top: 17px;}
.list_top .a{ font-size:18px; color:#ffffff; float: left; font-weight: 600;}
.list_top .b{ color:#00ffff; margin: 0px 15px; float: left;}
.list_top .left a{ display: block; float: left; margin-right: 30px; height:	39px;  color:#bdcddf; transition: .3s;}
.list_top .left a:hover{border-bottom: 1px solid #00ffff; color:#ffffff;}
.list_top .left a.on{border-bottom: 1px solid #00ffff; color:#ffffff;}
.list_top .right{ height:40px; line-height: 40px; margin-top: 17px;}
.list_top .right a{color:#bdcddf; transition: .3s;}
.list_top .right a:hover{ color:#ffffff;}
.list_ul{ height:auto;margin-top: 20px; overflow: visible;}
.list_ul li{ height:219px; border-bottom: 1px solid #e5e5e5;padding-top: 40px; transition:.3s;}
.list_ul li a{display:block; width: 100%; height: 100%;}
.list_ul li .pic{ margin-left:15px; width: 270px; height: 179px; overflow: hidden;}
.list_ul li .pic img{ transition:.3s;}
.list_ul li .a{ height:100px; width:650px; border-right:1px solid #e5e5e5; margin-top: 40px; margin-left: 50px; padding-right: 50px;}
.list_ul li .a .t{display:block;height:16px; line-height: 16px; font-size: 16px; color:#333333; overflow: hidden;}
.list_ul li .a .d{display:block; height:60px; line-height: 30px; margin-top: 24px; color:#888888; overflow: hidden;}
.list_ul li .b{ height:100px; width:100px;margin-top: 40px; margin-right: 15px;}
.list_ul li .b .time{display: block;font-size:24px; line-height: 24px; height: 24px; color: #cccccc; text-align: center;}
.list_ul li .b .more{display:block; width:98px; height: 40px; text-align: center; border: 1px solid #e4e4e4;color: #999999; line-height: 40px; margin-top: 35px; transition:.3s;}
.list_ul li .b .more span{ display:none; color:#ffffff; margin-left: 5px;}
.list_ul li .b .more:hover{border: 1px solid #155aab;color: #ffffff;background-color: #155aab;}
.list_ul li .b .more:hover span{ display:inline-block;}
.list_ul li:hover{box-shadow:0px 2px 15px 0px #d5d5d5;}
.list_ul li:hover .a .t{color:#155aab;}
.list_ul li:hover img{ transform:scale(1.1);}
.pagebox{position: relative;left: 50%}
.page{font-size:16px; height: 44px; margin: 80px auto;line-height: 42px;text-align: center; color:#777777;position: relative;left:-50%}
.page a,.page .nolink{color:#777777; width:42px; height: 42px ;display: inline-block; overflow: hidden;text-decoration:none;transition: background-color .3s; border:1px solid #d5d5d5; margin:0px 5px;}
.page .cur { width:42px; height: 42px; display: inline-block; overflow: hidden;background-color:#155aab;   color:#FFF;   border:1px solid #155aab; margin:0px 5px;}
.page a:hover {background-color: #155aab; color:#FFF;border:1px solid #155aab;}
.page .n{ width:130px; height: 42px; display: inline-block;overflow: hidden; border:1px solid #d5d5d5; margin-left: 5px; color: #999999;}
.page .l{ width:60px;}
.page .p{font-size:20px;}
.down_contact{ background-color:#f6f6f6; height: 300px; padding-top: 55px;}
.down_contact ul{ height:260px;}
.down_contact ul li{ width:585px; height: 260px; float: left; position: relative;}
.down_contact ul li .a{display: block; width: 585px; font-size:18px; line-height: 18px; text-align: center; font-weight: 600;}
.down_contact ul li .b{display:block; width: 60px; height:1px; margin-left: 262px; background-color: #155aab; margin-top: 30px; margin-bottom: 30px;}
.down_contact ul li .c{display:block;line-height: 25px; height: 100px; width: 510px; color:#666666; text-align: left; margin-left: 37px;}
.down_contact ul li a{display:block; width: 140px; height: 40px; color:#155aab; border:1px solid #155aab; line-height: 40px; margin-top: 30px; text-align: center; margin-left: 222px; transition: .3s;}
.down_contact ul li a:hover{display:block; width: 140px; height: 40px; background-color:#155aab; border:1px solid #ffffff; color: #ffffff; }
.down_contact ul li .d{ position: absolute;width: 1px; height:210px; background-color: #e3e3e3; top: 0px; right: 0px;}
/*新闻内容*/
.con_news{ height:auto; margin-top: 60px; }
.con_news .left{float: left; width: 845px;}
.con_news .left .title{height:115px; border-bottom: 1px solid #e5e5e5;}
.con_news .left .title .time{color:#999999; line-height: 17px; margin-top: 31px;}
.con_news .left .title .time span{ margin-right:25px;}
.con_news .left .title .time div{float:left;}
.con_news .left .content{height:auto; padding-top:40px;font-size: 15px; padding-bottom: 40px;border-bottom: 1px solid #e5e5e5; line-height: 200%; color:#333333;}
.con_news .left .page_a{margin-top: 50px; height: 14px; margin-bottom: 50px; line-height: 14px; color:#666666;}
.con_news .left .page_a a{ color:#666666;}
.con_news .left .page_a a:hover{ color:#155aab;}
.con_news .left .page_a .no{ color:#b0b0b0;}
.con_news .right{width:270px;}
.con_news .right .one{ height:300px;}
.con_news .right .title{ height:49px; border-bottom: 1px solid #e5e5e5; line-height: 20px;}
.con_news .right .title .a{ font-size:20px; color:#333333; height: 20px;}
.con_news .right .title .b{color:#666666; margin-left: 9px; height: 20px;}
.con_news .right .one ul{ height:250px;}
.con_news .right .one ul li{ height:49px; line-height: 49px;border-bottom: 1px solid #e5e5e5; overflow: hidden;}
.con_news .right .one ul li a{ display:block; width: 100%; height: 100%; color:#999999;}
.con_news .right .one ul li a:hover{ color:#155aab;}
.con_news .right .one ul li a span{width:5px; height: 1px; display:block; float: left; margin-right: 5px; background-color: #999999; margin-top: 24px; transition: .3s;}
.con_news .right .one ul li a:hover span{width:15px;background-color:#155aab; }
.con_news .right .two{ height:auto; margin-top: 80px;}
.con_news .right .two a{display:block; float: left; height: 40px; line-height: 40px; width: auto; padding-right: 20px;color:#999999; transition: .3s;}
.con_news .right .two a:hover{ color:#155aab; padding-right: 10px;}
.con_news .right .two a span{width:5px; height: 1px; display:block; float: left; margin-right: 5px; background-color: #999999; margin-top: 19px; transition: .3s;}
.con_news .right .two a:hover span{width:15px;background-color:#155aab; }
/*应用案例*/
.case_ul{ height:auto;margin-top: 20px; overflow: visible;}
.case_ul li{ height:309px; border-bottom: 1px solid #e5e5e5;padding-top: 40px; transition:.3s;}
.case_ul li a{display:block; width: 100%; height: 100%;}
.case_ul li .pic{ margin-left:15px; width: 501px; height: 266px; overflow: hidden;}
.case_ul li .pic img{ transition:.3s;}
.case_ul li .right{ width:620px; margin-right: 15px;}
.case_ul li .right .a{display:block;font-size: 16px; line-height: 16px; color:#333333; margin-top: 30px; height: 16px; overflow: hidden;}
.case_ul li .right .b{display:block; color:#999999; height: 90px; line-height: 30px; margin-top: 30px;overflow: hidden;}
.case_ul li .more{display:block; width:98px; height: 40px; text-align: center; border: 1px solid #e4e4e4;color: #999999; line-height: 40px; margin-top: 35px; transition:.3s;}
.case_ul li .more span{ display:none; color:#ffffff; margin-left: 5px;}
.case_ul li .more:hover{border: 1px solid #155aab;color: #ffffff;background-color: #155aab;}
.case_ul li .more:hover span{ display:inline-block;}
.case_ul li:hover{box-shadow:0px 2px 15px 0px #d5d5d5;}
.case_ul li:hover .a{color:#155aab;}
.case_ul li:hover img{ transform:scale(1.1);}
/*产品中心*/
.list_pro{ height:600px;}
.list_pro .left{ /* width:540px; */width:580px; height: 380px; margin-top: 120px;}
.list_pro .left .a{display:block; line-height: 34px; color:#155aab; font-size: 34px;}
.list_pro .left .b{display:block; height: 104px; font-size: 15px; line-height: 26px; margin-top: 20px; color:#333333; overflow: hidden;}
.list_pro .left ul{ height:80px; margin-top: 30px;}
.list_pro .left ul li{ width:auto; height: 80px; text-align: center; float: left; margin-right: 40px;}
.list_pro .left ul li span{display:block; font-size: 20px; line-height: 20px;color:#155aab; }
.list_pro .left a{ background-color:#155aab; display: block; width: 155px; height: 60px; color: #ffffff; margin-top: 50px; font-size:20px; line-height: 60px; padding-left: 30px; transition: .3s;}
.list_pro .left a img{ margin-left:5px;}
.list_pro .left a:hover{ background-color:#31d3d1;}

.list_pro .right{ /* width:600px; */width:650px; height: 380px; margin-top: 120px;}
.list_pro .right .a{display:block; line-height: 34px; color:#0efcf9; font-size: 34px; text-align: right;}
.list_pro .right .b{display:block; height: 104px;font-size: 15px; line-height: 26px; margin-top: 20px; color:#ffffff; overflow: hidden;  text-align: right;}
.list_pro .right ul{ height:80px; margin-top: 30px; display: block; float: right;}
.list_pro .right ul li{ width:auto; height: 80px; text-align: center; float: left; margin-left: 40px;}
.list_pro .right ul li span{display:block; font-size: 20px; line-height: 20px;color:#0efcf9; }
.list_pro .right .down{ width:155px; height: 60px; padding-left: 445px;}
.list_pro .right a{ background-color:#31d3d1; display: block; width: 155px; height: 60px; color: #ffffff; margin-top: 50px; font-size:20px; line-height: 60px; padding-left: 30px; transition: .3s; float: right;}
.list_pro .right a img{ margin-left:5px;}
.list_pro .right a:hover{ background-color:#155aab;}
/*产品详情*/
.list_pro.a .left{ margin-top: 140px;}
.con_pro{ margin-top:60px;}
.con_pro.a{ height:372px;}
.con_pro.a .left{ width:520px; margin-top: 80px;}
.con_pro.a .left .title{display: block;font-size:24px; line-height: 24px; }
.con_pro.a .left .x{display:block;width: 0px; height: 2px; background-color: #03ddfe; transition: .3s; margin: 22px 0px;}
.con_pro.a:hover .x{ width:25px;}
.con_pro.a .left .c{ line-height: 30px; color:#666666; height: 210px; overflow: hidden;font-size: 15px;}
.con_pro.a .right{width:561px; height: 372px; position: relative;}
.con_pro.a .right .back{width:561px; height: 372px; background-color: #000000; opacity: .3; position: absolute; top: 0px; right: 0px; filter: alpha(opacity=30,style=30);}
.con_pro.a .right .a{ position:absolute; top:175px; left: 271px;}
.con_pro.a .right .b{width: 65px; height: 65px; position:absolute; top:153px; left: 248px;animation:rotating 2s linear infinite;-webkit-animation:rotating 2s linear infinite;animation-play-state: running;}
.con_pro.a .right .b:hover{animation-play-state: paused;}
@keyframes rotating{
from{transform:rotate(0)}
to{transform:rotate(360deg)}
}

.con_pro.b{ height:383px; background-color: #eeeded;}
.con_pro.b .right{ width:570px; margin-top: 80px;}
.con_pro.b .right .title{display: block;font-size:24px; line-height: 24px; }
.con_pro.b .right .x{display:block;width: 0px; height: 2px; background-color: #03ddfe; transition: .3s; margin: 22px 0px;}
.con_pro.b:hover .x{ width:25px;}
.con_pro.b .right .c{ line-height: 30px; color:#666666; height: 210px; overflow: hidden;font-size: 15px;}
.pro_par{ height:auto; margin-top: 60px;}
.pro_par .title{ height: 24px; line-height: 24px;}
.pro_par .title div.fl{ font-size:24px;}
.pro_par .title span{ font-size:16px;}
.pro_par .title a{ color:#000000; margin-left: 30px;}
.pro_par .title a:hover{ color:#155aab;}
.pro_par .con{padding:55px 0px; border-bottom:1px solid #e5e5e5;}
.pro_par .con table{ width:1170px; height: 450px; font-size: 16px; color:#333333;}
.pro_par .con table tr{ height:50px;}
.pro_par .con table tr.h{background-color:#eeeded;}
.pro_par .con table tr td.a{ width:205px; padding-left: 40px;}
.pro_par .con table tr td.b{ width:300px; padding-left: 40px;}
.pro_par .page_b{ height:16px; line-height: 16px; color: #666666; margin: 40px 0px 100px 0px;}
.pro_par .page_b a{ color: #666666;}
.pro_par .page_b a:hover{ color:#155aab;}
.pro_par .page_b .no{ color:#b0b0b0;}
/*联系我们*/
.contact{ height:320px; margin-top: 70px;}
.contact .title{ height:24px; line-height: 24px; font-size: 24px; text-align: center;}
.contact ul{ width:1200px; height: 246px; margin-top: 50px;}
.contact ul li{ width:300px; text-align: center; font-size:16px; line-height: 16px; float: left;}
.contact ul li .b{ color:#666666; margin-top: 20px;}
.contact ul li .c{ margin-top:10px; height: 60px; line-height: 30px; font-size: 16px;}
.contact ul li .c a{ display:block; width: 98px; height: 28px; background-color: #FFFFFF; border: 1px solid #155aab; color: #155aab; margin-left: 100px; line-height: 28px; transition: -3s;}
.contact ul li .c a:hover{ background-color:#155aab; color:#FFFFFF;}
.contact ul li img{transitinon:.3s;}
.contact ul li img:hover{ transform:scale(1.05);}
.online{ height:630px; margin-top: 80px;}
.online .title{ height:24px; line-height: 24px; font-size: 24px; text-align: center;}
.online .content{ margin-top:50px;}
.online .content:after{clear: both;content: "";display: block;height: 0;overflow: hidden;}
.online form{height:480px; width: 780px; float: right;}
.online form p.a{ height:72px; width: 340px; margin-bottom: 25px; margin-left: 40px;}
.online form p.a input{ height:40px; width:338px; border: 1px solid #b2c1cc; line-height: 40px;margin-top: 15px; border-radius: 4px; }
.online form p.a span{ color:#555555; line-height: 14px;}
.online form p.b{ height:150px;float:left;margin-left: 40px;  }
.online form p.b span{ color:#555555; line-height: 14px;}
.online form p.b textarea{text-indent: 15px; height:118px; width:738px; border: 1px solid #b2c1cc; line-height: 30px; display: block;color:#aaaaaa;margin-top: 15px;border-radius: 4px; outline:0; }
.online form p.b textarea:focus{border:1px solid #155aab; vertical-align: middle;}
.online form p.b textarea:hover{border:1px solid #155aab; }
.online form p input:focus{border:1px solid #155aab;}
.online form p input:hover{border:1px solid #155aab;}

.online form p.c{ height:42px; line-height: 42px;  }
.online form p.c input{ margin-top: 70px; height:42px; width:180px; margin-left: 90px; border:1px solid #155aab; color:#155aab; border-radius: 21px; background-color: #ffffff; text-align: center;}
.online form p.c input:hover{border:1px solid #ffffff; color: #ffffff; background-color:#155aab; cursor: pointer; }
.online form p.c input.gray{background-color:#97ADA4;border:1px solid #97ADA4;color: #ffffff;}

/*产品列表页新增*/
/*  左边导航  */
.listzh{width: 100%;margin-top: 60px;overflow: hidden;margin-bottom: 40px}
.list{width:1200px;;margin: 0 auto;}
.list .l_nav{width: 262px;}

.nav_z{width: 262px; height: 79px;background-color: #155aab;}
.nav_z p{color:#ffffff;margin-left: 21px;font-size: 20px;line-height: 79px;}
.l_nav_k {width: 260px;border:1px solid #fff;border-top: 0;cursor: default;}
.l_nav_k ul{display: none}
.l_nav_k .atitle{width:100%;height: 60px; font-size: 16px;line-height: 60px;background-color:#f7f7f7;text-indent: 21px;color: #333}
.l_nav_k .atitle a{display: block; width: 100%;height: 100%;color: #333}
.l_nav_k .atitle a:hover{color: #333;}
.l_nav_k .atitle img{float:right;margin-right: 22px; vertical-align : middle;margin-top: 25px;}
.l_nav_k .pse{background-color: #e8e8e8;}
.l_nav_k ul li{width: 262px; height: 54px; background-color: #ffffff;font-size:14px;border-bottom: 1px solid #f2f2f2;line-height: 54px;}
.l_nav_k ul li a{display: block;width: 241px;height: 100%;overflow: hidden;padding-left: 21px;color: #666;}
.l_nav_k ul li a .sanjiao{float:left;margin-top:22px;margin-right: 5px;width: 6px;height: 10px;background-image: url(../images/sanjiao.png);background-repeat: no-repeat;background-position: 0 0}
.l_nav_k ul li:hover a,.l_nav_k ul li.on a{color: #155aab;}
.l_nav_k ul li:hover a .sanjiao,.l_nav_k ul li.on a .sanjiao{background-position: 0 -54px}
.l_nav_k ul li a.liblue{color: #155aab;}

.l_navcon{width: 930px; }
.l_navcon ul{width: 930px;height: auto;overflow: hidden;}
.l_navcon ul li{width: 283px;overflow: hidden;margin-left: 26px;float: left;margin-bottom: 20px;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.l_navcon ul li a{float:left; overflow: hidden;}
.l_navcon ul li a .img_box{width: 283px;height: 207px;overflow: hidden;}
.l_navcon ul li:hover{box-shadow: 0px 0px 20px  #eaeaea; color: #155aab;}
.l_navcon ul li a img{transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.l_navcon ul li a p{height: 63px;width: 281px;border: 1px solid #f2f2f2;border-top: 0; line-height: 63px; text-align: center;font-size: 16px; transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.l_navcon ul li:hover a p{ color: #155aab;}
.l_navcon ul li:hover a img{-webkit-transform: scale(1.15);-moz-transform: scale(1.15);-ms-transform: scale(1.15);-o-transform: scale(1.15);transform: scale(1.15);}