@charset='utf-8';
body,html{ padding:0; margin:0; font-size:16px; color:#666; font-family: "微软雅黑";}
ul,li,p,h1,h2,h3,dl,dt,dd,input{ padding:0; margin:0; list-style:none;}
a{ text-decoration:none; color:#666; }
a:hover{ color: #0079d4; text-decoration: none;}
.demo{ -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.clear{ clear:both;}
img{ vertical-align:top !important; border:none;}
input{ font-family: "微软雅黑";}
input:focus{ outline: none;}
textarea:focus{ outline: none; }
.center{position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
*{box-sizing: border-box;}
.sj{display: none;}

.menu nav span{float: left; position: relative; height: 90%;}
.menu nav span:hover .xinwz{ display: block; }
.xinwz{ width: 120px; margin-left: -60px; height: auto;  background: #fff; padding: 15px 0; position: absolute; left: 50%; top: 100px; display: none;}
.xinwz a{ display: block; width: 100%; height: 50px; line-height:50px; text-align:center;}



/* 客服 */
.cust-box{ width: 54px; height: auto; min-height: 200px; position: fixed; top: 50%; z-index: 999; right: 0; margin-top: -100px; }
.cust-box ul li{ display: block; width: 54px; height: 54px; position: relative; text-align: center; cursor: pointer;}
.cust-box ul li.cust-li1{ background: #f2690e; }
.cust-box ul li.cust-li1 .tel{ width: 180px; height: 54px; background: #f47410; position: absolute; top: 0; right: -234px; line-height: 54px; font-size: 18px; font-weight: bold; color: #fff; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.cust-box ul li.cust-li2{ background: #0092e1; }
.cust-box ul li.cust-li3{ background: #3aae1a; }
.cust-box ul li.cust-li3 .code{ width: 120px; height: 120px; position: absolute; right: -234px; top: 0; background: #fff;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.cust-box ul li.cust-li3 .code img{ width: 120px; height: 120px; }
.cust-box ul li .custimg{ margin-top: 15px; }
.cust-box ul .cust-top{ width: 54px; height: 32px; padding: 4px 0; background: #333; text-align: center; cursor: pointer; }
.cust-box ul .cust-top a{ display: block; width: 54px; height: 24px; }
.cust-box ul li:hover .tel{ right:54px; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.cust-box ul li:hover .code{ right: 54px; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.cust-box ul li:hover img{transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.cust-box ul li img{ -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; }
.cust-box ul .cust-top img{ -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; }
.cust-box ul .cust-top:hover img{transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}


/* 广告 */
.banner-box{ width: 100%; height: 762px; overflow: hidden; position: relative; margin-top: 120px;}
.banner-box .layui-carousel{ margin: 0 auto;}
.banner-box .layui-carousel-ind{ top: -55px !important;}
.banner-box .layui-carousel-ind ul{ background: none !important;}
.banner-box .layui-carousel-ind ul li{ background: rgba(255,255,255,0.5); width: 25px; height: 3px; border-radius: 0;}
.banner-box .layui-carousel-ind ul li.layui-this{ background: #fff !important; width: 33px !important; border-radius: 0 !important; }
.banner-box .layui-carousel-ind ul li:hover{ background: #fff; }
.indexbanimg{ width: 1920px; height: 762px; position: absolute; top: 0; left: 50%; margin-left: -960px; }

#top{ width: 100%; height: 120px; background: #fff; position:fixed; left: 0px; top: 0px; z-index: 999;}
.top{ width: 1600px; margin: 0 auto;  height: 120px; position: relative;}
.logo{ float: left; width: 500px; padding-top: 25px;}
.top_right{ float:right;  width: 150px;padding-top: 46px;}
.top_right .d1{ float: left; margin-right:30px;}
.top_right .d2{ float: left; margin-right:30px;}
.top_right .d3{ float: left;}

.quanguo{ width: 100px; height: 35px; position: absolute; right: 250px; top: 40px; }
.quanguo>a{ font-size:18px; font-weight: 600; line-height:35px; display: block;}
.quanguo>a>img{margin-right: 12px; height: 25px; margin-top: 5px;}
.quanguo:hover>div{ display: block; }
.quanguo>div{display: none; width: 420px; position: absolute; top: 35px; left: 50%; margin-left: -210px; z-index: 99999999; background: #fff; height: auto; padding: 15px; border: solid 1px #dedede;}
.quanguo .title span{ display: block; font-weight: bold; padding-bottom: 8px; color: #333;}
.quanguo .title a{ color: #de8047; margin-right: 20px; }
.quanguo .title{border-bottom: solid 1px #dedede; padding-bottom: 10px; margin-bottom: 10px;}
.quanguo .fl{ width: 100%; }
.quanguo .fl a{  margin-right: 20px; }
.quanguo .fl .a{ color: #de8047; }
.quanguo ul{ overflow: hidden; }
.quanguo ul li{ margin-top: 10px; }

.menu{ height: 120px; width: 880px; float: left;}
.menu nav{ width: 880px; margin:0 auto; height: 120px; }
.menu nav>a{ color: #333; margin: 0 15px; float: left; text-align: center; font-size: 17px; height: 80%; line-height:120px;}
.menu nav>a:hover{  color: #0077d4; border-bottom: solid 5px #0077d4;}
.menu nav>a.a{color: #0077d4; border-bottom: solid 5px #0077d4}

.menu nav>span>a{ color: #333; margin: 0 20px; float: left; text-align: center; font-size: 17px; height: 90%; line-height:120px; cursor: pointer;}
.menu nav>span>a.a{color: #0077d4; border-bottom: solid 5px #0077d4}
.menu nav>span>a:hover{ color: #0077d4; border-bottom: solid 5px #0077d4;}

.menu nav>span:hover .fl{display: block;}
.fl{ width: 100%; background: #fff; position: fixed; top: 120px; left: 0px; z-index: 9999; display: none;box-shadow:0px 10px 10px rgba(0,0,0,0.1);}
.fl .box{ width: 1600px; margin: 0 auto; }
.fl .box .d1{ width: 100%; margin-bottom: 30px; padding-bottom: 40px; overflow: hidden; border-bottom:#ebebeb solid 1px;}
.fl .box .d1 dl{float: left; width: 25%; border-right:#ebebeb solid 1px; }
.fl .box .d1 dl dt{float: left; width: 200px; margin: 0 20px;}
.fl .box .d1 dl dt img{width: 100%;}
.fl .box .d1 dl dd{float: left; width: 120px;}
.fl .box .d1 dl dd .dd1 b{ display: block; font-size:22px; font-weight: 500; padding: 10px 0; color: #333;}
.fl .box .d1 dl dd .dd1 span{font-size:13px; color: #666666; font-weight: 300; display: block; padding-bottom: 20px;}
.fl .box .d1 dl dd .dd2 a{display: block; line-height:20px;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;overflow:hidden;  }
.fl .box .d1 dl:nth-child(4){border-right: 0px;}
.fl .box .d2{ width: 100%; padding-bottom: 45px; overflow: hidden;}
.fl .box .d2 .left{float: left;}
.fl .box .d2 .left .title{ font-size:22px; color: #333; padding-bottom: 20px;}
.fl .box .d2 .left .ul a{float: left; width: 215px; text-align:center; font-size:16px; color: #333; border-right: solid 1px #ebebeb;}
.fl .box .d2 .left .ul a img{display: block; margin: 0 auto 10px auto;}
.fl .box .d2 .left .ul a:nth-child(5){border-right: 0px;}
.fl .box .d2 .right{float: right; padding-top: 42px;}
.fl .box .d2 .right img{ width: 100%; }

.i1{ width: 100%; height: 840px; }
.i1 .title{ text-align: center;  color: #333333; padding-top: 80px; }
.i1 .title b{font-weight: bold; font-size: 40px; display: block; padding-bottom: 23px;}
.i1 .title span{ display: block; font-size:16px; padding-bottom: 55px;}
.i1 .con{ margin: 0 auto; width: 1600px; overflow: hidden;}
.i1 .con div{ float: left; width: 23.5%; margin-right: 2%; background: #f5f5f5; text-align: center; overflow: hidden;}
.i1 .con div:nth-child(2n){ background: #0079d4; }
.i1 .con div:nth-child(2n) b,.i1 .con div:nth-child(2n) span,.i1 .con div:nth-child(2n) em{color: #fff; border-color:#fff; }
.i1 .con div:nth-child(4){margin-right: 0; }
.i1 .con div b{ font-size: 20px; color: #222222; display: block; margin-bottom: 10px; padding-top: 40px;}
.i1 .con div span{ display: block; font-size: 16px; color: #666; margin-bottom: 25px; padding: 0 50px;}
.i1 .con div img{ width: 100%;}
.i1 .con div em{  width: 100px; margin: 0 auto 30px auto; height: 30px;line-height:30px; text-align: center; display: block; border: solid 1px #0079d4; color: #0079d4; font-style:normal; border-radius: 30px;}

.i2{ width: 100%; height: 970px; overflow: hidden; background:url(../images/bg1.jpg); background-size: 100% 100%;}
.i2 .title{ padding-top: 70px; width: 1600px; margin: 0 auto; }
.i2 .title .t1{ text-align: center;  color: #fff; width: 100%;}
.i2 .title .t1 b{font-weight: bold; font-size: 40px; display: block; padding-bottom: 15px;}
.i2 .title .t1 span{ display: block; font-size:16px; font-weight: 300; padding-bottom: 30px;}
.i2 .title .t2{ overflow: hidden; width: 100%; height: 45px; margin-bottom: 0.5%; }
.i2 .title .t2 .t21{ width: 49.7%; float: left; height: 45px;  background: #fff;}
.i2 .title .t2 .t22{ width: 49.7%; float: right; height: 45px;  background: #fff;}
.i2 .title .t2 span{ height: 45px; color: #0493df; line-height:45px; text-align: center; width: 20%; background: #f5f5f5; display: block; font-size:18px; float: left;}
.i2 .title .t2 em{ float: left;width:80%; display: block; height: 45px; line-height:45px; color: #999; font-style:normal; padding-left: 10px;}
.i2 .title .t2 a{ color: #333;  margin:0 20px;}
.i2 .title .t2 a:hover{color: #0493df;}

.i2 .title .t3{ width: 100%; float: right; height: 45px;  background: #fff; margin-bottom: 30px;}
.i2 .title .t3 span{ height: 45px; color: #0493df; line-height:45px; text-align: center; width: 10%; background: #f5f5f5; display: block; font-size:18px; float: left;}
.i2 .title .t3 em{ float: left;width:90%; display: block; height: 45px; line-height:45px; color: #999; font-style:normal; padding-left: 10px;}
.i2 .title .t3 a{ color: #333;  margin:0 20px;}
.i2 .title .t3 a:hover{color: #0493df;}

.i2 .con{ margin: 0 auto; width: 1600px; }
.i2 .con dl{ width: 49%;background: #fff; height: 315px; margin-right: 2%; float: left; margin-bottom: 2%;}
.i2 .con dl:nth-child(2){ margin-right: 0; }
.i2 .con dl:nth-child(5){ margin-right: 0; }
.i2 .con dl dt{ width: 285px; height: 285px; margin:15px 60px 15px 0;  position: relative; float: right;}
.i2 .con dl dt img{ width: 100%; height: 100%; }
.i2 .con dl dt span{ color: #fff; font-weight: bold; position: absolute; top: 0px; left: 0px; width: 100%; display: block; text-align: center; font-size:22px; padding-top: 60px;}
.i2 .con dl dd{ position: relative; float: left; text-align: right; width: 400px;}
.i2 .con dl dd b{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; padding-left: 20px; font-weight: normal; font-size:28px; margin: 15px 0; padding-top: 60px; color: #333;}
.i2 .con dl dd em{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; height: 40px; padding-left: 15px; color: #999999; font-size:16px; line-height:20px; font-style: normal; display: block; margin: 10px 0 20px 0;}
.i2 .con dl dd em i{ font-style: normal; color: #999; text-decoration: line-through; font-size:13px; }
.i2 .con dl dd span{ color: #999;font-size:13px; }
.i2 .con dl dd div{  width: 245px; height: 32px; line-height: 32px; float: right;}
.i2 .con dl dd div a{ width: 100px; background: #0493df; color: #fff; height: 32px; display: block; border-radius: 32px; text-align: center; float: right; margin-left: 15px; }
.i2 .con dl dd div a:nth-child(2){ background: #ff4c4c; }
.i2 .con dl:nth-child(3),.i2 .con dl:nth-child(4),.i2 .con dl:nth-child(5){ width: 32%; height: 235px;}
.i2 .con dl:nth-child(3) b,.i2 .con dl:nth-child(4) b,.i2 .con dl:nth-child(5) b{ font-size:26px; padding-top: 20px; font-size: }
.i2 .con dl:nth-child(3) dt,.i2 .con dl:nth-child(4) dt,.i2 .con dl:nth-child(5) dt{width: 215px; height: 215px; margin: 10px 25px 10px 0;}
.i2 .con dl:nth-child(3) dd,.i2 .con dl:nth-child(4) dd,.i2 .con dl:nth-child(5) dd{width: 250px;}


.i3{ width: 100%; height: 1090px; overflow: hidden; background: #f8f8f8;}
.i3 .title{ text-align: center;  color: #333333; padding-top: 80px; }
.i3 .title b{font-weight: bold; font-size: 40px; display: block; padding-bottom: 23px;}
.i3 .title span{ display: block; font-size:16px; padding-bottom: 42px;}
.i3 .con{ margin: 0 auto; width: 1600px; }
.i3 .con dl{ width: 100%; height: 748px;position: relative; }
.i3 .con dl dt{ width: 100%; height: 100%; position: relative;}
.i3 .con dl dt img{ width: 100%; height: 100%; border-radius: 10px;}
.i3 .con dl dd{position: absolute; width: 1484px; height: 208px; z-index: 9; bottom: 58px; left:58px; background: #fff; border-radius: 10px; padding: 40px 60px; }
.i3 .con dl dd .d1{ width: 50%; float: left; }
.i3 .con dl dd .d1 b{font-size: 32px; margin-bottom: 10px; display: block;}
.i3 .con dl dd .d1 b i{ color: #0079d4; font-style: normal; }
.i3 .con dl dd .d1 span{font-size: 26px; font-weight: 100; color: #e4e4e4; display: block;}
.i3 .con dl dd .d1 a{ width: 100px; height: 32px; color: #fff; display: block;background: #ff4c4c; text-align: center; line-height:32px; border-radius: 32px; margin-top: 15px; }
.i3 .con dl dd .d2{ width: 50%; float: left; line-height:42px; color: #666666; font-size: 16px;}


.i3 .layui-tab-title{ margin: 0 auto -35px auto; border: 0px !important; z-index: 9; width: 1060px !important; background: #fff;box-shadow:0px 0px 25px rgba(0,0,0,0.15); height: 80px !important; border-radius:10px; overflow: hidden; }
.i3 .layui-tab-title li{ width: 25%;height: 80px !important; float: left; line-height:80px !important; font-size: 18px !important; color: #333; border-radius: 10px; }
.i3 .layui-tab-title li img{ margin-top: 28px; margin-right: 18px; }
.i3 .layui-tab-title .layui-this{  background: #0079d4; color: #fff !important;}
.i3 .layui-tab-title .layui-this img{filter: brightness(100);}
.i3 .layui-tab-title .layui-this:after{ display: none; }

.layui-tab-content{padding: 0 !important;}



.i4{ width: 100%; height: 940px;  overflow: hidden;}
.i4 .title{ text-align: center;  color: #333333; padding-top: 60px; }
.i4 .title b{font-weight: bold; font-size: 40px; display: block; padding-bottom: 23px;}
.i4 .title span{ display: block; font-size:16px; padding-bottom: 42px;}
.i4 .title2{ margin: 0 auto; width: 1600px; text-align: center; margin-bottom: 46px;}
.i4 .title2 a{ width: 198px; height: 60px; display: inline-block; border-radius: 60px; border: solid 1px #666666; text-align: center; line-height:60px; margin:0 19px; }
.i4 .title2 a img{ margin-top: 18px; margin-right: 15px;}
.i4 .title2 a:hover{ background: #0079d4;color: #fff; border:0; }
.i4 .title2 a:hover img{filter: brightness(100);}
.i4 .title2 a.a{ background: #0079d4;color: #fff; border:0; }
.i4 .title2 a.a img{filter: brightness(100);}
.i4 .con:after{clear: both;content: " "; display: table;}
.i4 .con{ margin: 0 auto; width: 1600px;  margin-bottom: 38px;}
.i4 .con dl{ width: 49%; height: 428px; border-radius: 15px; float: left; text-align: center; margin-right: 2%; overflow: hidden;box-shadow:0px 0px 25px rgba(0,0,0,0.15);background: #fff;}
.i4 .con dl:nth-child(2n){margin-right: 0;}
.i4 .con dl dt{ height: 315px; width: 100%; }
.i4 .con dl dt img{ width: 100%; height: 100%; }
.i4 .con dl dd{ background: #fff; height: 109px; width: 100%; padding-right: 15px;}
.i4 .con dl dd img{ float: left; width: 186px; height: 80px; margin-top: 10px;}
.i4 .con dl dd b{ display: block; font-size:20px; color: #333; padding: 22px 0 10px 0; font-weight: 500; text-align: left;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;overflow:hidden; }
.i4 .con dl dd span{ display: block; line-height:24px;color: #666; text-align: left;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;overflow:hidden;  }
.i4 .con dl a:hover b{color: #0079d4;}

.shzhb{ margin: 0 auto; width: 1600px; overflow: hidden;}
.shzhb .ad1{ width: 180px; float: left; border-left: solid 2px #ff4c4c; height: 55px; padding-left: 14px; line-height: 30px; margin-top: 20px;}
.shzhb .ad1 b{ font-weight: bold; color: #333333; font-size:30px; display: block; }
.shzhb .ad1 span{ font-size:18px; font-weight: 300; color: #333333; }
.shzhb .ad2{ float: left; width: 1420px; }
.shzhb .d1{ padding-right: 9px; }
.shzhb .d1 img{ border-radius: 8px;border: solid 1px #f5f5f5; }


.i8{ width: 100%; height: 1110px;  overflow: hidden; background: url(../images/bg2.png) no-repeat center top 160px;}
.i8 .title{ text-align: center; font-weight: bold; font-size: 40px; color: #333333; padding-top: 80px; padding-bottom: 50px;}
.i8 .con{ margin: 0 auto; width: 1600px; overflow: hidden; margin-bottom: 40px; }
.i8 .con dt{ width: 608px; float: right; height: 395px; overflow: hidden; border-radius: 10px;}
.i8 .con dt img{ width: 100%; height: 100%; }
.i8 .con dd{ width: 925px; float: left; line-height:28px; font-size:16px;}
.i8 .con dd .d1{ font-size:16px; color: #666666; line-height: 34px; margin-bottom: 35px;}
.i8 .con dd .d2{ width: 100%; }
.i8 .con dd .d2 .left{float: left;}
.i8 .con dd .d2 .left .t{font-size: 32px; color: #333; padding-bottom: 20px;}
.i8 .con dd .d2 .left .p{ font-size: 18px; line-height:38px; }
.i8 .con dd .d2 .right{float: right; padding-top: 22px;}
.i8 .con dd .d2 .right div { width: 50%; float: left; margin-top: 38px;text-align:center;}
.i8 .con dd .d2 .right div span{ display: block; font-size:36px; font-weight: bold; color: #333; }
.i8 .con dd .d2 .right div span i{ font-size:16px; font-style:normal; font-weight: 500; }
.i8 .con dd .d2 .right div em{  font-size: 16px; color: #666666; font-weight: 300;  font-style:normal;}

.i9{ width: 100%; height:800px;  overflow: hidden; background: #f8f8f8;}
.i9 .title{ text-align: center;  color: #333333; padding-top: 60px; }
.i9 .title b{font-weight: bold; font-size: 40px; display: block; padding-bottom: 23px;}
.i9 .title span{ display: block; font-size:16px; padding-bottom: 42px;}
.i9 .box{ margin: 0 auto; width: 1600px; }
.i9 .con1{ float: left; width: 73%; background: #fff; padding:46px 54px; height: 525px;}
.i9 .con1 .atitle{ color: #333; font-size:22px; padding-bottom:35px;}
.i9 .con1 .atitle a{ margin-right: 85px; padding-left: 17px; border-left: 2px #fff solid;}
.i9 .con1 .atitle a:hover{color: #0493df; border-left: 2px #0493df solid;}
.i9 .con1 .atitle a.a{color: #0493df; border-left: 2px #0493df solid;}
.i9 .con1 .more{margin-top: 32px; overflow: hidden;padding-top: 20px;border-top: solid 1px #eee;}
.i9 .con1 .more a{ width: 48%; float: left; line-height:42px; font-size:16px; color: #666;}
.i9 .con1 .more a img{margin-top: 17px; margin-right: 10px;}
.i9 .con1 .more a span{float: left;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;overflow:hidden; display: block; width: 75%;}
.i9 .con1 .more a em{ float: right; font-style:normal; width: 25%; text-align:right;}
.i9 .con1 .more a:nth-child(2n){float: right;}
.i9 .con1 .more a:hover{ color: #0493df;}
.i9 .con2{ float: right; width: 25%; background: #fff; padding:46px 34px; height: 525px;}
.i9 .con2 .atitle{ color: #333; font-size:22px; padding-bottom: 22px;}
.i9 .con2 .atitle img{ margin-right: 14px; }
.i9 .con2 .more{margin-top: 30px; height: 198px; overflow: hidden;}
.i9 .con2 .more a{ width: 100%; font-size: 16px; text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;overflow:hidden; display: block; line-height:42px; color: #666;}
.i9 .con2 .more a:hover{ color: #0493df;}
.i9 .con2 .more a img{margin-top: 17px; margin-right: 10px;}
.i9 .con2 .img img{ width: 100%; }
.i9 dl{ width: 100%; overflow: hidden; margin-bottom: 18px;}
.i9 dl dt{ float: left; width: 210px; height: 154px; border-radius: 10px; overflow: hidden;}
.i9 dl dt img{ width: 100%; height: 100%;}
.i9 dl dd{width: 810px; float: right;}
.i9 dl dd b{ display: block; font-size:20px; font-weight: 500;}
.i9 dl dd span{ margin: 15px 0 28px 0;  display: block; color: #666666; line-height:30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.i9 dl dd em{ font-style:normal; font-size: 16px; display: block; color: #999999; }

.i8 .gsimg{ width: 100%; margin: 0 auto; }
.i8 .gsimg li{ float: left; width: 19%; margin-right: 1.2%; text-align: center; line-height:45px; }
.i8 .gsimg li img{width: 100%;}
.i8 .gsimg li:nth-child(5){margin-right: 0px;}

.i8 .layui-tab{ overflow: hidden;width: 1600px; margin: 0 auto; box-shadow:0px 0px 25px rgba(0,0,0,0.15); border-radius: 30px; padding: 38px;}
.i8 .layui-tab-title{ border:none; text-align:center; height: 58px; margin-bottom: 25px;}
.i8 .layui-tab-title .layui-this:after{display: none;}
.i8 .layui-tab-title li{ height: 58px; width: 196px; font-size:18px; color: #333333; border:solid 1px #666; border-radius: 58px; text-align:center; line-height:58px; margin-right: 40px;}
.i8 .layui-tab-title li img{ margin-top: 16px; margin-right: 12px; }
.i8 .layui-tab-title .layui-this{ background: #0079d4; color: #fff; border:0;}
.i8 .layui-tab-title .layui-this img{filter: brightness(100);}

.bottom{ background: #052048 url(../images/bg3.jpg) no-repeat; height: 542px;}
.bottom .box{ width: 1600px; margin: 0 auto; overflow: hidden; height: 498px;}
.bottom .box .s{ width: 100%; height: 162px; border-bottom: solid 1px rgba(255,255,255,0.1); }
.bottom .box .s div{float: left; padding-top: 50px;}
.bottom .box .s div img{margin-right: 25px; float: left;}
.bottom .box .s div b{ color: #fff; font-size:19px; font-weight: 500; display: block; padding-bottom: 8px;}
.bottom .box .s div span{ font-size:16px; color: #fff; display: block; font-weight: 300;}
.bottom .box .s div:nth-child(1){ width: 585px; margin-right: 110px;}
.bottom .box .s div:nth-child(2){ width: 285px; margin-right: 110px;}
.bottom .box .s div:nth-child(3){ width: 250px; }
.bottom .box .s div:nth-child(4){ width: 180px; float: right;}
.bottom .box .z{ width: 100%; overflow: hidden; height: 263px; }
.bottom .box .d1{float: left; width: 330px; margin-left: 60px;}
.bottom .box .d1 a{width: 110px; float: left;}
.bottom .box .title{ font-size:22px; color: #fff; padding: 50px 0 16px 0; font-weight: bold; }
.bottom .box .dd{ color: #fff; font-size:16px; line-height:30px;}
.bottom .box .dd a{ color: #fff; margin-right: 14px; display: block;}
.bottom .box .d2{float: left; width: 250px;}
.bottom .box .d3{float: left; width: 250px;}
.bottom .box .d4{float: right; width: 690px; padding-top: 50px;}
.bottom .box .d4 div{ width: 140px; float: left;text-align:center; color: #fff; line-height:46px; margin-right: 90px;}
.bottom .box .x{ width: 100%; overflow: hidden; height: 74px; line-height:74px; border-top: solid 1px rgba(255,255,255,0.1); color: #fff;}
.bottom .box .x a{ color: #fff; margin-right: 25px; }
.bottom .con{ text-align: center; color: #fff; height: 45px; line-height:45px; font-size:13px; }

.page-box:after{clear: both;content: " "; display: table;}
.page-box{ width: 1600px; height: auto; padding: 40px 0; margin: 0 auto; }
.page-box .page-lft{ width: 360px; height: auto; float: left; }
.page-box .page-lft .page-nav{ width: 360px; height: auto; background: #f5f5f5; overflow: hidden; margin-top: 15px; margin-bottom: 40px;}
.page-box .page-lft .page-nav .pro-nav>ul>li>a{ color: #444;}
.page-box .page-lft .page-nav .pro-nav>ul>li>span{ color: #666; }
.page-box .page-lft .page-nav .pro-nav>ul>li>em{ display: block; width: 100%; height: 1px; position: absolute; left: 0%; bottom: 0; background: #fff;}
.page-box .page-lft .page-nav .pro-nav>ul>li:hover>em{ display: block; animation: fadeInUp 0.5s linear 0s alternate forwards; width: 100%; height: 73px; background: #0077d4; left: 0; }
.page-box .page-lft .page-nav .pro-nav>ul>li:hover>a{ color: #fff !important; }
.page-box .page-lft .page-nav .pro-nav>ul>li:hover>span{ color: #fff !important; }
.page-box .page-lft .page-nav .pro-nav>ul>li.nav>em{ display: block; width: 100%; height: 73px; background: #0077d4; left: 0; }
.page-box .page-lft .page-nav .pro-nav>ul>li.nav>a{ color: #fff !important; }
.page-box .page-lft .page-nav .pro-nav>ul>li.nav>span{ color: #fff !important; }
.page-box .page-lft .contact-nav{ width: 360px; height: auto; overflow: hidden; margin-top: 15px; background: #f5f5f5; box-sizing: border-box; padding: 25px ; }
.page-box .page-lft .contact-nav ul { display: block; width: 100%; height: auto;  overflow: hidden; }
.page-box .page-lft .contact-nav ul li{ display: block; width: 100%; height: auto; box-sizing: border-box; padding-left: 19px; position: relative; color: #333; padding-bottom: 15px; font-size:16px;}
.page-box .page-lft .contact-nav ul li img{ position: absolute; left: 0; top: 3px; }

.page-box .page-rht { width: 1196px; height: auto; float: left; margin-left: 40px;}


.news-list{ width: 1196px; height: auto; overflow: hidden;}
.news-list dl{ display: block; width: 1196px; height: 170px; border:solid 1px #f3f3f3; margin-bottom: 20px; overflow: hidden;}
.news-list dl:hover{ border:solid 1px #0077d4;}
.news-list dl:hover a h1{color: #0077d4;}
.news-list dl dt{ display: block; width: 240px; height: 170px; float: left; }
.news-list dl dt img{ width: 240px; height: 170px; }
.news-list dl dd{ display: block; width: 926px; padding-left: 30px; float: left;}
.news-list dl dd a span{ display: block; width: 100%; height: auto; padding-top:20px; color: #999;}
.news-list dl dd a h1{ display: block; width: 100%; height: auto; font-size: 18px; padding: 7px 0 15px 0; color: #333;}
.news-list dl dd a p{ display: block; width: 100%; height: auto; line-height: 24px; color: #666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}

.pro-nav{ width: 100%; height: auto;}
.pro-nav>ul>li{ display: block; width: 100%; height: 73px; box-sizing: border-box; line-height: 73px; position: relative; padding: 0 15%; overflow: hidden;}
.pro-nav>ul>li>a{ display: block; width: 70%; height: 73px; position: absolute; left: 15%; top: 0; color: #fff; z-index: 2; font-size:16px;}
.pro-nav>ul>li>span{ display: block; width: 12px; height: 73px; position: absolute; right: 15%; top: 0; font-family: '宋体'; color: #fff; font-weight: 700; z-index: 2}
.pro-nav>ul>ul{ background: #eee; padding: 10px 0; }
.pro-nav>ul>ul a{ padding-left: 60px; line-height:40px;}
.pro-nav>ul>ul a:hover{color: #0077d4;}
.pro-nav>ul>ul a.a{color: #0077d4;}

.NavContent{display: none;}
.currentDd{ background: #0077d4; color: #fff !important; }
.currentDd a{ color: #fff !important; }
.currentDd span{ color: #fff !important; }

.top_right .d3{ position: relative; width: 23px; height: 23px;}
.top_right .d3:hover .dd33 em{ display: block; }
.dd33{ width: 100%; position: relative;}
.dd33 em{ position: absolute; left: 50%; top: 40px; width: 120px; margin-left: -60px;  display: none;}
.dd33 em img{width: 120px; height: 120px !important;}

.ytitle{ width: 100%; height: 65px; position: relative; box-sizing: border-box; padding-left: 15px;}
.ytitle span{ display: block; width: 5px; height: 65px; position: absolute; left: 0; top: 0; background: #0077d4; }
.ytitle .en-title{ display: block; width: 100%; height: 40px; line-height: 40px; font-size: 30px; color: #333; text-transform: uppercase; font-weight: 400; }
.ytitle .ch-title{ display: block; width: 100%; height: 25px; font-size: 18px; color: #666; }

.pagination{ width:100%; height: auto; display: block; text-align: center; overflow: hidden;clear:both; padding-bottom: 20px;}
.pagination li{ width: 40px; height: 40px; background: #f5f5f5; display: inline-block; margin-right: 2px; text-align: center; line-height: 40px; font-size:16px; margin-bottom: 2px;}
.pagination li.active{ background:#0077d4; color: #fff;  }
.pagination li:hover{ background: #0077d4; color: #fff;}
.pagination li:hover a{ color: #fff; display: block; width: 100%; height: 40px; }
.pagination li:hover a:hover{ color: #fff !important; }

.nbanner{ width: 100%; position: relative; margin-top: 120px;}
.nbanner .bg{ width: 100%; }
.nbanner .bg img{width: 100%;}
.nbanner .text{ position: absolute; left: 0%; top: 50%; margin-top: -50px; text-align:center; width: 100%;}
.nbanner .text b{ font-size:40px; color: #fff; display: block; }
.nbanner .text span{ font-size:30px; color: #fff; display: block; padding-top: 10px; }
.dqwz{ width: 1600px; margin: 0 auto; height: 45px; border-bottom: #f5f5f5 solid 1px; line-height:45px;}
.dqwz a{margin-right: 15px;}
.dqwz img{ margin-right: 8px; }

.case:after{clear: both;content: " "; display: table;}
.case{ margin: 0 auto; width: 1196px;  margin-bottom: 28px;}
.case dl{ margin-bottom: 30px; width: 49%; height: 308px; border-radius: 5px; float: left; text-align: center; margin-right: 2%; overflow: hidden;box-shadow:0px 0px 25px rgba(0,0,0,0.15);background: #fff;}
.case dl:nth-child(2n){margin-right: 0;}
.case dl dt{ height: 220px; width: 100%; }
.case dl dt img{ width: 100%; height: 100%; }
.case dl dd{ background: #fff; height: 109px; width: 100%; padding-right: 15px;}
.case dl dd img{ float: left; width: 140px; height: 60px; margin-top: 10px;}
.case dl dd b{ display: block; font-size:18px; color: #333; padding: 15px 0 7px 0; font-weight: 500; text-align: left; text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;overflow:hidden;}
.case dl dd span{ display: block; line-height:24px;color: #666; text-align: left;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;overflow:hidden;  }
.case dl a:hover b{color: #0079d4;}

.contact-tit{ width: 100%; height: auto; padding:40px 0 20px 0; font-size: 22px; color: #333; }
.contact-tit span{ font-size: 16px; }
.contact-list{ width: 100%; height: auto; line-height: 32px; color: #333; display: block;}
.contact-list li{ width: 100%; height: 32px; }
.contact-code{ width: 100%; height: auto; overflow: hidden; }
.contact-code li{ display: block; width: 132px; height: 162px; line-height: 32px; float: left; text-align: center; margin-right: 30px; }
.contact-code li img{ width: 132px; height: 132px; }
.map{ width: 1196px; height: 530px; }

.contactnav{ margin-top: 15px; display: block; width: 128px; height: 34px; }
.contact-txt{ width: 1196px; height: auto; box-sizing: border-box; padding-top: 0; padding-bottom: 60px; }

.ni8{ width: 100%;  overflow: hidden; background: url(../images/bg2.png) no-repeat center top 320px;}
.ni8 .title{ font-weight: bold; font-size: 32px; color: #333333; padding-top: 0px; padding-bottom: 30px;}
.ni8 .con{ margin: 0 auto; width: 100%; overflow: hidden; margin-bottom: 55px; }
.ni8 .con dt{ width: 100%; float: right; height: 300px; overflow: hidden; border-radius: 10px; margin-bottom: 15px;}
.ni8 .con dt img{ width: 100%; height: 100%; }
.ni8 .con dd{ width: 100%; float: left; line-height:28px; font-size:16px;}
.ni8 .con dd .d1{ font-size:16px; color: #666666; line-height: 34px; margin-bottom: 35px;}
.ni8 .con dd .d2{ width: 100%; }
.ni8 .con dd .d2 .left{float: left;}
.ni8 .con dd .d2 .left .t{font-size: 32px; color: #333; padding-bottom: 20px;}
.ni8 .con dd .d2 .left .p{ font-size: 18px; line-height:38px; }
.ni8 .con dd .d2 .right{float: right; padding-top: 22px;}
.ni8 .con dd .d2 .right div { width: 50%; float: left; margin-top: 38px;text-align:center;}
.ni8 .con dd .d2 .right div span{ display: block; font-size:36px; font-weight: bold; color: #333; }
.ni8 .con dd .d2 .right div span i{ font-size:16px; font-style:normal; font-weight: 500; }
.ni8 .con dd .d2 .right div em{  font-size: 16px; color: #666666; font-weight: 300;  font-style:normal;}
.ni8 .layui-tab{ overflow: hidden;width: 100%; margin: 0 auto; border-radius: 30px;}
.ni8 .layui-tab-title{ border:none; text-align:center; height: 58px; margin-bottom: 25px;}
.ni8 .layui-tab-title .layui-this:after{display: none;}
.ni8 .layui-tab-title li{ height: 58px; width: 196px; font-size:18px; color: #333333; border:solid 1px #666; border-radius: 58px; text-align:center; line-height:58px; margin-right: 40px;}
.ni8 .layui-tab-title li img{ margin-top: 16px; margin-right: 12px; }
.ni8 .layui-tab-title .layui-this{ background: #0079d4; color: #fff; border:0;}
.ni8 .layui-tab-title .layui-this img{filter: brightness(100);}
.ni8 .gsimg{ width: 100%; margin: 0 auto 0 auto; }
.ni8 .gsimg li{ float: left; width: 24%; margin-right: 1%; text-align: center; line-height:45px; }

.page-box .team-list:after{clear: both;content: " "; display: table;}
.page-box .team-list{ width: 100%; height: auto; margin-bottom: 30px; }
.page-box .team-list dl{ display: block; width: 284px; margin-right: 20px; margin-bottom: 20px; float: left; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; cursor: pointer;}
.page-box .team-list dl:nth-child(4n){ margin-right: 0; }
.page-box .team-list dl dt{ width: 100%; padding: 20px 0; }
.page-box .team-list dl dt img{ width: 250px; height: 250px; margin:0 auto; display: block; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.page-box .team-list dl:hover dt img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-ms-transform:scale(1.1);}
.page-box .team-list dl dd{ display: block; width: 100%; height: 140px; box-sizing: border-box; padding: 0 15px; background: #fff; text-align: center;}
.page-box .team-list dl dd .team-tit{ width: 100%; height: auto; color: #333; font-size: 18px; text-transform: uppercase;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;overflow:hidden;  }
.page-box .team-list dl dd .team-tui{ width: 100%; height: auto; padding-top: 5px; color: #777; font-size: 14px; }
.page-box .team-list dl dd .team-jiao{ width: 100%;  padding: 7px 0; overflow: hidden;}
.page-box .team-list dl dd .team-jiao img{ margin: 0 1px; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.page-box .team-list dl dd .team-txt{  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; width: 100%; height: 40px; line-height: 20px; overflow: hidden; font-size: 13px; color: #666; }
.page-box .team-list dl:hover dd .team-jiao img{ transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);}
.page-box .team-list dl{ box-shadow: 0 1px 5px rgba(0,0,0,0.15) }
.page-box .team-list dl:last-child{display: none;}

.pro_more{  width: 1196px; margin: 0 auto; overflow: hidden;}
.goods_itemInfo{width:770px; position: relative; float: right;}
.goods_itemInfo .pro_title{font-weight: bold;font-size: 22px;text-align: left; padding-bottom: 5px; color: #333333;}
.goods_itemInfo .pro_subtit{font-size: 16px;color: #666;line-height: 26px;padding-bottom: 5px; padding-top: 5px;}
.goods_itemInfo .from-text {margin: 20px 0 8px 0; padding-left: 20px; font-size: 16px; color: #e03523;}
.pro_panel{padding:15px 0; background:#f7f7f7; overflow:hidden; margin:10px 0 5px;}
.pro_panel .pro_price{width:430px; float:left; line-height:25px;}
.buy-reduce{padding-top:8px;}
.buy-reduce dt{width:75px;text-align:right;color:#575757;}
.buy-reduce dd{margin-left:80px;color:#575757;margin-bottom:8px;}
.buy-reduce dd span em{display:inline-block;height:20px;line-height:20px;color:#ff0000;padding:0 5px;border:1px solid #ff0000;margin-right:6px;}
.buy-reduce dd span a{margin-left:6px;color:#000;}
dl.itembox{overflow:hidden; width:100%;}
dl.itembox dt{width:85px; float:left; text-align:right; color:#333;}
dl.itembox dd {margin-left:80px!important; overflow:hidden; height: 37px;}
dl.itembox dd .tm-yen{font-size:14px; color:#f00;  display:inline-block; margin-bottom:-3px; font-family:'Microsoft YaHei'; font-style:normal;}
dl.itembox dd .tm-price{font-size:22px; font-weight:bold; color:#f00; }
dl.itembox dd .fullsale-list{display:inline-block;height:20px;line-height:20px;background:#fff;font-size:13px;color:#f42e2d;border:1px solid #f42e2d;padding:0 7px;margin-left:9px;position:relative;}
dl.itembox dd .fullsale-list .fullsale-left{display:inline-block;width:5px;height:8px;background:url(https://image01.homedo.com/Files/Images/cms/www/20171120/5163303839814405063_pic1.png) no-repeat;position:absolute;left:-5px;top:6px;}
dl.itembox dd .tm-promo-price{position: relative;}
dl.itembox dd .tm-promo-price .tm-yen{font-size:14px; color:#ef3f41;}
dl.itembox dd .tm-promo-price .tm-price{font-size:20px; color:#ef3f41;}
dl.itembox dd .tm-promo-price .tm-promo-type{font-size:14px; color:#ef3f41; margin-left:20px;}
dl.itembox dd .tm-promo-price .tm-promo-type02{ margin-left:30px;}
dl.itembox dd .tm_prozt {color:#ef3f41;}
dl.itembox dd .tm_prozt .blacka{color:#333; font-weight:bold; padding:0 3px;}
dl.itembox dd .tm_prozt .reda{color:#ef3f41; font-weight:bold; padding:0 4px;}
dl.itembox dd .tm_prozt .blueaa{color:#0066cc; font-weight:bold; padding:0 4px;}
dl.itembox dd .tm_prozt .new-font-box {display: inline-block;border: #00a0fd solid 2px; color: #00a0fd; border-radius: 40px;font-weight: normal;padding: 0 10px;line-height: 24px;}
dl.itembox dd .tm_prozt .rz-box {padding: 0 3px; border: #ef3f41 solid 1px; line-height: 16px; display: inline-block;}
.amountfr{float:right; border-left:1px #dedede solid; padding:0 15px 0 12px; width:50px; line-height:20px; color:#919191; margin-top:4px;}
.amountfr .count{font-size:16px; color:#000;}
.pro_key{line-height:29px; width:100%;  overflow:hidden; padding:1px 0 10px;}
.pro_key dl.itembox{padding-top:8px; /*border:#fff solid 1px; margin-top:-1px;*/ width:50%; float: left;}
/*.pro_key dl.itembox.cur {background:#f8feff; border-color:#1cc0db; position:relative; z-index:1;}*/
.pro_key dl.itembox.cur {background:#ffe6e6; border-color:#ffe6e6; position:relative; z-index:1;}

.pro_key>ul{ overflow: hidden; padding:10px 25px; font-size: 13px; background: #f5f5f5;}
.pro_key>ul>li{ width: 50%; float: left; }
.pro_key>ul>h2{ width: 100%; font-size: 16px; color: #333; font-weight: bold; }

ul.itm_clear{}
ul.itm_clear li{float:left; margin:0 8px 8px 0; display:inline-block; position:relative; font-size: 16px;}
ul.itm_clear li a{display:block; height:29px; line-height:27px; background:#fff; padding:0 9px; text-align:center; border:1px #e5e5e5 solid; color:#333;}
ul.itm_clear li a:hover { border-color:#00a0fd; color:#00a0fd}
ul.itm_clear li.selected a,
ul.itm_clear li.selected a:hover{overflow:hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 243px;height:29px; line-height:25px; padding:0 8px; border:2px solid #00a0fd; color:#00a0fd}
ul.itm_clear li.selected i {width:10px; height:10px;position:absolute; right:2px; bottom:2px; display:block;}
ul.itm_clear li.graysele a,
ul.itm_clear li.graysele a:hover{ height:27px; line-height:27px; padding:0 9px; border:1px dashed #dedede; background:#f5f5f5; color:#afafaf; cursor:not-allowed}

.amountnum{float: left; font-size: 14px;}
.amountnum .countbtn{float:left; display:inline-block;border: 1px solid #e5e5e5;width: 40px;height: 42px;text-align: center;color: #5f5f5f; background:#fafafa;}
.amountnum #btnSubCount{line-height:35px;font-size: 29px;}
.amountnum #btnAddCount{line-height: 40px;font-size: 21px;}

.amountnum .unclick{ color: #CCCCCC;cursor: not-allowed;}
.amountnum .coutinput{ float:left; color: #666666;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5; border-left-width:0; border-right-width:0; width: 50px; height: 42px;text-align: center;line-height: 26px; outline:none;}
dl.itembox dd .instock{font-weight:bold; margin:0 10px; float:left; color:#2b2b2b;}
dl.itembox dd .shiptime{float:left;/*  margin:0 6px;  */display:inline-block;}
/*dl.itembox dd .shiptime em{background:url(//image10.homedo.com/Themes/GoodsDetail/images/detail_ico.png) no-repeat -22px -1px; width:16px; height:16px; display:inline-block; float:left; margin:6px 4px 0 0;}*/
dl.itembox dd .shiptime em{background:url(https://image01.homedo.com/Files/Images/cms/www/20170725/4834745481386174507_pic1.png) no-repeat 0 0; width:16px; height:16px; display:inline-block; float:left; margin:6px 4px 0 0;}
dl.itembox dd .shiptime strong {font-size: 16px; padding: 0 1px; font-weight: bold; color:#ef3f41;}
dl.itembox dd .sendhb{float:left; /* margin:0 6px; */ display:inline-block;}
dl.itembox dd .sendhb em{background:url(https://image10.homedo.com/Themes/GoodsDetail/images/detail_ico.png) no-repeat -44px 0; width:16px; height:18px; display:inline-block; float:left; margin:5px 4px 0 0;}
dl.itembox dd .sendhb i{font-weight:bold; color:#ef3f41; font-size: 16px;}
.pro_info_line{border-bottom:1px #e5e5e5 dashed;}
.pro_tips{line-height:30px; margin-top:15px;}
.pro_tips .tipsico{background:url(https://image10.homedo.com/Themes/GoodsDetail/images/detail_ico.png) no-repeat -22px -22px; width:16px; height:16px; display:inline-block; float:left; margin:7px 4px 0 0;}
.pro_tips .bluea{color:#0066cc; padding:0 10px;}
.actionbtn{margin-top:20px; overflow: hidden;}
.actionbtn .needPaybtn,.actionbtn .Alreadybtn,.actionbtn .btnorder, .actionbtn .btnshopcart, .actionbtn .yxjbtn, .actionbtn .btnrhpd, .actionbtn .btnhporder, .actionbtn .btnHarf,.actionbtn .OnlyBuyService{width:141px; height:42px; text-align:center; line-height:40px; display:inline-block; font-size:18px; border-radius:2px;}
.actionbtn .btnorder{background:#ff8f2c; color:#fff; border:1px #ff8f2c solid;}
.actionbtn .btnshopcart{background:#fff9f1; color:#ff8f2c; border:1px #ff8f2c solid;}
.actionbtn .yxjbtn{background:#fafafa; color:#919191; border:1px #dcdcdc solid;}
.actionbtn .btnrhpd{background:#f00; color:#fff; border:1px #f00 solid; float: left;}
.actionbtn .needPaybtn{background: #FCA426 ;color: #fff;border-color:#FCA426 }
.actionbtn .Alreadybtn{background: #D8D8D8 ;color: #6D6D6D;border-color:#D8D8D8}
.actionbtn .btnhporder{background:#fff9f1; color:#f00; border:1px #f00 solid;}
.actionbtn .btnHarf {background:#ff8300; color:#fff; border:1px #ff8300 solid;}
.actionbtn .none-btn {background: #ccc; color: #fff; border-color: #ccc; cursor: default}
.actionbtn .OnlyBuyService{display:inline-block;font-size:13px;background: #1dbeda; color: #fff;border: 1px #1dbeda solid;vertical-align:top;}

/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{ width: 400px; height: 400px; }
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:400px;height:400px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:402px;height:402px;border:1px solid #DFDFDF;}
.spec-scroll{clear:both;margin-top:5px;width:402px; overflow: hidden;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:372px;height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{float:left;width:62px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:54px;height:54px; cursor:pointer;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}


.proidfont{margin-top:15px; line-height:18px; color:#919191;}
.proidfont .goodsid{float:left; margin:0;}

.sharelist{float:left;}
.attention_btn,.attention{ margin-left:10px; display:inline-block;}
.sharelist b, .attention_btn b,.correction b{width:18px; height:18px; display:inline-block;background:url(https:////image10.homedo.com/Themes/GoodsDetail/images/detail_ico.png) no-repeat; float:left; color:#919191;}
.sharelist b{background-position:0 2px;}
.attention_btn b{background-position:0 -19px; margin-right:5px;}
.correction{ margin-left: 10px; position: relative;}
.correction small{ background:url(https:////image01.homedo.com/Files/Images/cms/www/20180628/4922326620863567951_pic1.png) no-repeat; display: none; position: absolute; width: 194px; text-indent: 13px; height: 49px;top: -52px; left: -148px; line-height: 40px; color: #4e4e4e;font-size: 14px;}
.correction b{ float: none; vertical-align: middle; background: url(https:////image01.homedo.com/Files/Images/cms/www/20180612/4640034043663508155_pic1.png) no-repeat;}

.right-extra{ width:402px; overflow:hidden; float: left;}
.right-extra .mt{height:28px;line-height:28px;padding:0 10px 8px;border-top:1px solid #EED97C;background:url(../images/bg_hotsale.gif) repeat-x 0 -552px;color:#c00;}
.right-extra .tab{border-bottom:2px solid #BE0000;margin-bottom:10px;}
.right-extra .tab li{position:relative;height:24px;padding:3px 12px 0;background:url(../images/icon_clubs.gif) #ccc no-repeat right -150px;overflow:hidden;margin-right:3px;line-height:24px;font-size:16px;font-weight:bold;color:#c30;}
.right-extra .tab span{position:absolute;left:0;top:0;z-index:1;width:10px;height:27px;background:url(../images/icon_clubs.gif) no-repeat 0 -150px;}
.right-extra .tab a{float:none;color:#c30;}
.right-extra .tab .curr{background-position:right -178px;color:#fff;}
.right-extra .tab .curr span{background-position:0 -178px;}
.right-extra .tab .curr a{color:#fff;}
.right-extra .mc .extra{padding:5px 10px;border-top:1px solid #F3E6C6;}
.right-extra .total{float:right;}
.right-extra .total strong{color:#FF7403;}
.right-extra .total a:link,.right-extra .total a:visited{color:#005aa0;}
.right-extra .join a:link,.right-extra .join a:visited{color:#FF7604;}
.right-extra .norecode{padding:0 10px 10px;}
.right-extra .iloading{margin-bottom:10px;}

.promore{ width: 100%; overflow: hidden; margin-top: 50px; border:solid #f5f5f5 1px; }
.promore .title{ height: 50px; line-height:50px; border-bottom:solid #f5f5f5 1px; font-size:16px; color: #333;}
.promore .title span{ width: 100px; border-right: solid 1px #f5f5f5; border-bottom: solid 2px #0077d4; height: 50px; display: block; text-align:center; }
.promore .box{text-align:center; padding: 50px;}

.about-title-en{ width: 100%; height: auto; font-size: 26px; color: #333; text-transform: uppercase; box-sizing: border-box; }
.about-title{ width: 100%; height: auto; padding: 7px 0; font-size: #333; font-size: 16px; box-sizing: border-box; }

.news-txt{ width: 100%; height: auto; box-sizing: border-box; padding-top:25px; margin-top: 18px; padding-bottom: 30px; line-height: 25px; border-bottom: solid 1px #eee; border-top: solid 1px #eee;}
.news-txt img{ max-width: 100%; display: block; margin:20px 0;}

.news-next{ width: 100%; height: 36px; line-height: 36px; padding-top: 20px;}
.news-next a{ border-radius: 13px; padding: 0 15px; border:solid 1px #ccc; float: right;}
.news-next a:first-child{ float: left; }

.p_m1{ width: 100%; }
.p_m1 .title{  background: #f5f5f5; margin: 35px 0 15px 0; height: 60px; color: #333; position: relative; padding:0 20px; line-height:60px; }
.p_m1 .title:after{content: ''; position: absolute; width: 3px; height: 60px; background: #0998f4; left: 0; bottom: 0;  z-index: 1;}
.p_m1 .title span{font-size:22px;font-weight: bold;}
.p_m1 .title i{ float: right; color: #999; }
.p_m1 .con{ overflow: hidden; }
.p_m1 .con table{/*text-align: center;*/ width:100% !important; /*border:solid #eee; border-width:0px 0px 0px 0px;background:#fff;*/}
/*.p_m1 .con table td{border:solid #eee 1px; padding:10px 0px;}
.p_m1 .con table tr td{font-size:16px;color:#333;}
.p_m1 .con table tr td:nth-child(1){background:#0077d4;font-size: 15px;color:#ffffff  !important;font-weight: 600;}
*/
.p_m1 .con table tr td{padding:15px !important;}
.p_m1 .con img{ max-width: 100% }
.p_m2{ width: 100%; }
.p_m2 .title{  background: #f5f5f5; margin: 35px 0 15px 0; height: 60px; color: #333; position: relative; padding:0 20px; line-height:60px; }
.p_m2 .title:after{content: ''; position: absolute; width: 3px; height: 60px; background: #0998f4; left: 0; bottom: 0;  z-index: 1;}
.p_m2 .title span{font-size:22px;font-weight: bold;}
.p_m2 .title i{ float: right; color: #999; }
.p_m2 .con{ overflow: hidden; line-height:30px;  }
.p_m2 .con img{max-width: 100%; height: auto !important; ;}


.p_m3{ width: 100%;}
.p_m3 .title{  background: #f5f5f5; margin: 35px 0 15px 0; height: 60px; color: #333; position: relative; padding:0 20px; line-height:60px; }
.p_m3 .title:after{content: ''; position: absolute; width: 3px; height: 60px; background: #0998f4; left: 0; bottom: 0;  z-index: 1;}
.p_m3 .title span{font-size:22px;font-weight: bold;}
.p_m3 .title i{ float: right; color: #999; }
.p_m3 .con{ margin: 0 auto; width: 100%; overflow: hidden;}
.p_m3 .con div{ float: left; width: 23.5%; margin-right: 2%; background: #f5f5f5; text-align: center; overflow: hidden;}
.p_m3 .con div:nth-child(2n){ background: #0079d4; }
.p_m3 .con div:nth-child(2n) b,.p_m3 .con div:nth-child(2n) span,.p_m3 .con div:nth-child(2n) em{color: #fff; border-color:#fff; }
.p_m3 .con div:nth-child(4){margin-right: 0; }
.p_m3 .con div b{ font-size: 15px; color: #222222; display: block; margin-bottom: 10px; padding-top: 15px;}
.p_m3 .con div span{ display: block; font-size: 16px; color: #666; margin-bottom: 15px; padding: 0 20px;}
.p_m3 .con div img{ width: 100%;}
.p_m3 .con div em{  width: 100px; margin: 0 auto 30px auto; height: 30px;line-height:30px; text-align: center; display: block; border: solid 1px #0079d4; color: #0079d4; font-style:normal; border-radius: 30px;}


.p_m4{ width: 100%;}
.p_m4 .title{  background: #f5f5f5; margin: 35px 0 15px 0; height: 60px; color: #333; position: relative; padding:0 20px; line-height:60px; }
.p_m4 .title:after{content: ''; position: absolute; width: 3px; height: 60px; background: #0998f4; left: 0; bottom: 0;  z-index: 1;}
.p_m4 .title span{font-size:22px;font-weight: bold;}
.p_m4 .title i{ float: right; color: #999; }
.p_m4 .con{ margin: 0 auto; width: 100%; overflow: hidden;}
.p_m4 .con div{ float: left; width: 32%; margin-right:2%; margin-bottom: 2%; background: #f5f5f5; text-align: center; overflow: hidden; padding-bottom: 8px;}
.p_m4 .con div img{width: 100%; margin-bottom: 8px;}
.p_m4 .con div:nth-child(3){ margin-right: 0px; }

@media screen and (max-width: 1600px) { 
	.actionbtn{margin-top: 0px;}
	.goods_itemInfo{ width: 470px; }
	.nbanner{margin-top: 100px;}
	.fl .box .d2 .left .title{ padding-bottom: 12px; }
	.fl .box .d1{margin-bottom: 20px; padding-bottom: 30px;}
	.fl .box .d2 .left .ul a{ width: 160px; font-size:16px;}
	.fl .box .d2 .left .ul a img{ width: 160px; }
	.fl .box .d2 .right{ width: 300px; }
	.fl .box .d1 dl dd .dd1 b,.fl .box .d2 .left .title{font-size:20px;}
	.fl .box .d1 dl dd .dd2 a{font-size:13px;}
	.fl .box .d1 dl dt{ width: 160px; margin: 0; }
	.fl{ top: 100px; }
	.banner-box{ margin-top: 100px;}
	.page-box .team-list dl:nth-child(4n){margin-right: 20px;}
	.page-box .team-list dl:nth-child(3n){margin-right: 0px;}
	.page-box .team-list dl{ width: 285px; }
	.page-box .team-list dl:last-child{display: block;}
	.ni8 .con dt{ height: 240px;}
	.map{ width: 896px; height: 330px;}
	.case,.contact-txt,.pro_more{width: 896px;}
	.case dl{ height: 288px; }
	.case dl dt{height: 200px;}
	#top,.top,.menu{height: 100px;}
	.top,.i1 .con,.i2 .title,.i2 .con,.i3 .con,.i4 .title2,.i4 .con,.shzhb,.i9 .box,.i8 .con,.i8 .layui-tab,.bottom .box,.page-box,.dqwz,.fl .box{ width: 1200px; }
	.logo{ width: 330px; padding-top: 20px; margin-right: 35px;}
	.logo img{width: 330px;}
	.menu,.menu nav{width: 690px; height: 100px;}
	.menu nav>a{ margin:0 5px; font-size:16px; line-height:100px; height: 80%;}
	.menu nav>span>a{ line-height:100px; margin:0 10px; font-size:16px; height: 90%;}
	.top_right{width: 104px; padding-top: 36px;}
	.top_right .d1,.top_right .d2{margin-right: 15px;}
	.top_right .d1 img,.top_right .d2 img,.top_right .d3 img{ height: 23px; }
	.i1 .con div span{ padding: 0 30px; font-size: 13px; }
	.i1{height: 760px;}
	.i2{height: 870px;}
	.i2 .title .t2 .t21 a{margin: 0 5px;}
	.i2 .title .t2 a,.i2 .title .t3 a{ margin: 0 10px; }
	.i2 .con dl{height: 260px;}
	.i2 .con dl dt{height: 230px; width: 230px;}
	.i2 .con dl dd{ width: 280px; }
	.i2 .con dl dd b{ padding-top: 45px; font-size: 25px; }
	.i2 .con dl dd em{font-size:14px;}
	.i2 .con dl:nth-child(3), .i2 .con dl:nth-child(4), .i2 .con dl:nth-child(5){ height: 200px; }
	.i2 .con dl:nth-child(3) dt, .i2 .con dl:nth-child(4) dt, .i2 .con dl:nth-child(5) dt{ width: 160px; height: 160px;  margin-top: 20px; margin-right: 15px;}
	.i2 .con dl:nth-child(3) dd, .i2 .con dl:nth-child(4) dd, .i2 .con dl:nth-child(5) dd{width: 198px;}
	.i2 .con dl:nth-child(3) b, .i2 .con dl:nth-child(4) b, .i2 .con dl:nth-child(5) b{font-size:18px; padding-top: 10px;}
	.i2 .con dl:nth-child(3) em, .i2 .con dl:nth-child(4) em, .i2 .con dl:nth-child(5) em{ font-size:14px; }
	.i2 .con dl dd div a{ width: 80px; height: 28px; line-height:28px; margin-left: 10px; font-size:16px; }
	.i3 .con dl dd{ width: 1084px;  padding: 30px 40px; height: 182px;}
	.i3 .con dl dd .d1 b{font-size:26px;}
	.i3 .con dl dd .d1 span{font-size:18px;}
	.i3 .con dl dd .d2{font-size:13px;}
	.i3 .con dl{height: 620px;}
	.i3{height: 980px;}
	.i4 .title2 a{ width: 160px; height: 50px; line-height:50px; }
	.i4 .title2 a img{margin-top: 14px;}
	.shzhb .ad2{width: 1020px;}
	.i4 .con dl dt{height: 265px;}
	.i4 .con dl{height: 378px;}
	.i4{height: 890px;}
	.i9 dl dd{ width: 590px; }
	.i9 .con1 .more a{font-size:16px;}
	.i9 dl dd span{ margin: 8px 0 12px 0; }
	.i9 dl dd b{font-size:18px;}
	.i9 .con1{padding: 30px 40px; height: 410px;}
	.i9 .con2{height: 410px; padding: 30px;}
	.i9 dl dt{height: 124px; width: 180px;}
	.i9 .con1 .more{ padding-top: 10px; margin-top: 18px; }
	.i9 .con1 .more a{ line-height:38px; }
	.i9 .con1 .atitle{padding-bottom: 25px;}
	.i9 .con2 .more{ margin-top: 15px; }
	.i9 .con2 .more a{ line-height:38px; font-size:16px; }
	.i9 .con2 .more a img{margin-top: 15px;}
	.i9{height: 675px;}
	.i8 .con{margin-bottom: 30px;}
	.i8 .con dd{width: 725px;}
	.i8 .con dt{ width: 408px; height: 365px;}
	.i8 .con dd .d1{font-size:16px; line-height:30px;}
	.i8 .con dd .d2 .left .p{font-size:16px; line-height:34px;}
	.i8 .con dd .d2 .right{ padding-top: 10px; }
	.i8 .layui-tab{background: #fff; padding: 30px;}
	.i8 .layui-tab-title{ height: 50px; margin-bottom: 18px; }
	.i8 .layui-tab-title li{width: 160px; height: 50px; line-height:50px;}
	.i8 .layui-tab-title li img{margin-top: 13px;}
	.gsimg li{width: 216px; margin-right: 16px;}
	.gsimg li img{width: 100%;}
	.i8{height: 1000px;}
	.bottom .box .s{height: 122px;}
	.bottom .box .s div{padding-top: 40px;}
	.bottom .box .s div:nth-child(1){ width: 500px; margin-right: 30px;}
	.bottom .box .s div:nth-child(2){ width:250px;margin-right: 30px; }
	.bottom .box .s div:nth-child(3){ width: 200px; }
	.bottom .box .s div:nth-child(4){ width: 150px; }
	.bottom .box .s div b{font-size:16px;}
	.bottom .box .s div span{font-size:16px;}
	.bottom .box .s div img{ height: 50px; margin-right: 15px;}
	.bottom .box .d1{ margin-left: 0px; width: 290px;}
	.bottom .box .d3,.bottom .box .d2{ width: 190px; }
	.bottom .box .d4{width: 500px;}
	.bottom .box .d4 div{margin-right: 40px;}
	.bottom .box .d4 div:nth-child(3){margin-right: 0px;}
	.bottom .box .x{height: 64px; line-height:64px;}
	.bottom .box{height: 458px;}
	.bottom{height: 502px;}
	.bottom .con{background: #05204b;}
	.bottom .box .title{font-size:20px; font-weight: normal;}
	.page-box .page-lft .page-nav,.page-box .page-lft,.page-box .page-lft .contact-nav{ width: 260px; }
	.page-box .page-rht,.news-list,.news-list dl{width: 896px;}
	.news-list dl dd{ width: 626px; }
}  

@media screen and (max-width: 1170px) { 
	.p_m1 .con{width: 100%; overflow-x:scroll; }
	.p_m1 .con table{ width: 1000px; }
	.p_m3 .con div{ width: 49%; margin-bottom: 2%;}
	.p_m3 .con div:nth-child(2n){margin-right: 0px;}
	.p_m4 .con div{ width: 100%; }
	.pc{ display: none; }
	.sj{display: block !important;}
 	#top{box-shadow:0px 0px 25px rgba(0,0,0,0.15);}
 	.top, .i1 .con, .i2 .title, .i2 .con, .i3 .con, .i4 .title2, .i4 .con, .shzhb, .i9 .box, .i8 .con, .i8 .layui-tab, .bottom .box, .page-box, .dqwz, .fl .box{ width:95%; }
 	.menu{box-shadow:0px 20px 25px rgba(0,0,0,0.25); background: #fff; display: none; overflow: hidden; width: 100%; height: auto !important; position: fixed; top: 80px; left: 0px;}
 	.menu nav{ width: 100%; height: auto !important;}
  	.menu nav{ padding: 15px 0; }
 	.menu nav>a, .menu nav>span,.menu nav>span>a{width: 100%; height: 60px; line-height:60px; margin: 0px;}
 	.menu nav>span>a{width: 100%; margin: 0px;}
 	.logo img{ height: 40px; width: auto; }
 	.logo{ width: auto; padding-top: 16px; }
 	.top_right{padding-top: 28px;}
 	#top, .top, .menu{height: 80px;}
 	.banner-box{ margin-top: 80px; }
 	.i1{height: auto; padding-bottom: 30px;}
 	.i1 .title,.i2 .title,.i3 .title,.i4 .title,.i9 .title{ padding-top: 40px; }
 	.i1 .title b,.i2 .title .t1 b,.i3 .title b,.i4 .title b,.i9 .title b{font-size:25px; padding-bottom: 12px;}
 	.i1 .title span,.i2 .title .t1 span,.i3 .title span,.i4 .title span,.i9 .title span{font-size:16px;padding-bottom: 25px;}
 	.i1 .con div{ width: 49%; margin-bottom: 2%;}
 	.i1 .con div:nth-child(2n){margin-right: 0;}
 	.i1 .con div span{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden; font-size:13px;}
 	.i1 .con div b{font-size:16px; padding-top: 30px;}
 	.i2{ background-size:auto; height: auto; padding-bottom: 30px;}
 	.i2 .title .t2 span,.i2 .title .t3 span{font-size:16px; width: 20%;}
 	.i2 .title .t2 .t21,.i2 .title .t2 .t22{width: 100%; min-height: 45px; height: auto;}
 	.i2 .title .t2 em,.i2 .title .t3 em{min-height: 45px; height: auto; line-height:28px; padding: 10px;}
 	.i2 .title .t2 a, .i2 .title .t3 a{ margin: 0 6px; }
 	.i2 .title .t2,.i2 .title .t3{height: auto;}
 	.i2 .title .t3 em{width: 80%; height: auto;}
 	.i2 .title .t2 .t21{margin-bottom: 0.5%; background: none;}
 	.i2 .title .t2 .t22,.i2 .title .t2 .t21{background: none;background: url(../images/xjbj.jpg);background-size: 100% 100%;}
 	.i2 .title .t3{background: url(../images/xjbj.jpg);background-size: 100% 100%;}
 	.i2 .con dl:nth-child(5){display: none;}
 	.i2 .con dl:nth-child(4){ margin-right: 0px; }
 	.i2 .con dl,.i2 .con dl:nth-child(3), .i2 .con dl:nth-child(4), .i2 .con dl:nth-child(5){ height: auto; width: 49%;}
 	.i2 .con dl dt,.i2 .con dl:nth-child(3) dt, .i2 .con dl:nth-child(4) dt, .i2 .con dl:nth-child(5) dt{ width: 100%; margin: 0; padding-bottom: 100%; height:0; }
 	.i2 .con dl dt img{ position: absolute; left: 0px; top: 0px;}
 	.i2 .con dl dd,.i2 .con dl:nth-child(3) dd, .i2 .con dl:nth-child(4) dd, .i2 .con dl:nth-child(5) dd{ width: 90%; margin: 0 5%; text-align:left; }
 	.i2 .con dl dd b{ margin-top: 0px; padding-top: 0px; font-size:20px; margin-bottom: 10px;}
 	.i2 .con dl dd em{ font-size:16px; margin-bottom: 10px;}
 	.i2 .con dl dd div{ width: 100%; height: 40px; }
 	.i2 .con dl dd div a{width: 49%; margin-left:2%; }
	.i2 .con dl dd div a:nth-child(2){margin-left: 0px;}
	.i2 .title .t3{ margin-bottom: 15px; background: url(../images/xjbjb.jpg); background-size: 100% 100%; }
	.i3 .layui-tab-title{ width: 100% !important; height: 60px !important; }
	.i3 .layui-tab-title li{height: 60px !important; line-height:60px !important; font-size:14px !important; padding: 0;}
	.i3 .layui-tab-title li img{margin-top: 22px; margin-right: 5px; width: 14px;}
	.i3 .con dl dt{overflow: hidden; border-radius:10px;}
	.i3 .con dl dt img{ width: auto; position: relative; left: -50%;}
	.i3 .con dl dd{width: 90%; padding: 5%; left: 5%;bottom: 5%; height: auto;}
	.i3 .con dl dd .d1,.i3 .con dl dd .d2{width: 100%;}
	.i3 .con dl dd .d2{line-height:22px; padding: 15px 0;}
	.i3 .con dl dd .d2 p{ margin-top: 10px; }
	.i3{ height: auto; padding-bottom: 30px; }
	.i4 .title2 a{ width: 30%; margin: 1.5%; font-size:13px; }
	.i4 .title2 a img{margin-right: 5px; height: 15px; margin-top: 16px;}
	.i4 .title2{margin-bottom: 25px;}
	.i4 .con dl{ width: 100%; margin-bottom: 5%; }
	.i4 .con dl dt,.i4 .con dl{height: auto;}
	.i4 .con dl dd span{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;overflow:hidden;  }
	.i4 .con dl dd img{ width: 100px; height: 43px; margin: 18px auto 18px auto; }
	.i4 .con dl dd b{ padding:10px 0 7px 0; font-size:18px; }
	.i4 .con dl dd{height: auto;}
	.i4 .con{margin-bottom: 0px;}
	.i4{height: auto; padding-bottom: 30px;}
	.shzhb .ad2{width: 100%;}
	.shzhb .ad1{margin-bottom: 15px;}
	.shzhb .ad1 b{font-size:22px;}
	.shzhb .ad1 span{font-size:15px;}
	.shzhb .d1 img{width: 100px;}
	.shzhb .d1{padding-right: 5px;}
	.i9 .con1{ width: 100%; height: auto; padding: 5%;}
	.i9 .con1 .atitle{ font-size:18px; }
	.i9 .con1 .atitle a{margin-right: 20px; padding-left: 10px;}
	.i9 .con1 .atitle a.a{ font-weight: bold; }
	.i9 dl dt{display: none;}
	.i9 dl dd{width: 100%;}
	.i9 .con1 .more a{width: 100%;}
	.i9 .con1 .more a em{ width: 85px; }
	.i9 .con1 .more a span{width: calc(100% - 85px);}
	.i9{ height: auto; padding-bottom: 30px; }
	.i9 .con2{ width: 100%; margin-top: 20px; padding: 5%; height: auto; }
	.i8 .title{ padding: 40px 10% 20px 10%; font-size:25px; }
	.i8 .con dt{ width: 100%; height: auto; margin-bottom: 15px;}
	.i8 .con dd,.i8 .con dd .d2 .left,.i8 .con dd .d2 .right{width: 100%;}
	.i8{ height: auto; padding-bottom: 30px;}
	.i8 .layui-tab{padding: 5%;}
	.i8 .layui-tab-title{ width: 100% !important; height: 50px !important; }
	.i8 .layui-tab-title li{height: 50px !important; line-height:50px !important; font-size:14px !important; padding: 0; width: 30%; margin:0 1.5%;}
	.i8 .layui-tab-title li img{margin-top:18px; margin-right: 5px; width: 14px;}
	.i8 .gsimg li{ width: 49%; margin-right: 2%; }
	.i8 .gsimg li:nth-child(2n){margin-right: 0px;}
	.i8 .gsimg li:nth-child(5){display: none;}
	.i8 .gsimg{width: 100%;}
	.i9 .con2 .atitle{font-size:20px;}
	.i8 .con dd .d2 .left .t{font-size:25px; padding-bottom: 15px;}
	.bottom {height: auto;}
	.bottom .box{display: none;}
	.bottom .con{line-height:22px; padding: 15px; height: auto;}
	.indexbanimg{ width: 560px !important; height: 224px !important; margin-left: -280px;}
	.banner-box{height: 224px;}
	.banner-box .layui-carousel-ind{top: -35px !important;}
	.menu nav>a:hover,.menu nav>span>a:hover{border-bottom: solid 5px #fff;}
	.fl{display: none !important;}
	.nbanner{margin-top: 80px;}
	.nbanner{overflow: hidden;}
	.nbanner .text{z-index: 9;}
	.nbanner .bg img{ width: 1000px; position: relative; left: 50%; margin-left: -500px; }
	.nbanner .text b{font-size:32px;}
	.nbanner .text span{font-size:25px;}
	.page-box .page-lft{display: none;}
	.page-box .page-rht, .news-list, .news-list dl{width: 100%; margin-left: 0px;}
	.ni8 .con dt{height: auto;}
	.ni8 .con dd .d2 .right,.ni8 .con dd .d2 .left{width: 100%;}
	.ni8 .gsimg li{ width: 49%; }
	.ni8 .layui-tab-title{ width: 100% !important; height: 50px !important; }
	.ni8 .layui-tab-title li{height: 50px !important; line-height:50px !important; font-size:14px !important; padding: 0; width: 30%; margin:0 1.5%;}
	.ni8 .layui-tab-title li img{margin-top:18px; margin-right: 5px; width: 14px;}
	.ni8 .gsimg li:nth-child(2n){float: right; margin-right: 0px;}
	.ni8 .title{font-size:28px;}
	.case{margin-bottom: 15px;}
	.case, .contact-txt, .pro_more{width: 100%;}
	.case dl{width: 100%; height: auto; margin-bottom: 5%;}
	.case dl dt,.i4 .con dl{height: auto;}
	.case dl dd span{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;overflow:hidden;  }
	.case dl dd img{ width: 100px; height: 43px; margin: 18px auto 18px auto; }
	.case dl dd b{ padding:10px 0 7px 0; font-size:18px; }
	.case dl dd{height: auto;}
	.news-next a{ float: left; margin-bottom: 8px; }
	.dqwz{display: none;}
	.news-list dl dt,.news-list dl dt img,.news-list dl{ width: 100%; height: auto; }
	.news-list dl dd{width: 100%; padding:5%; }
	.page-box .team-list dl{width: 49%; margin-right: 2%; margin-bottom: 2%;}
	.page-box .team-list dl:nth-child(3n){ margin-right: 2%; }
	.page-box .team-list dl:nth-child(2n){ margin-right: 0px !important; }
	.page-box .team-list dl dt{ padding: 0px; }
	.page-box .team-list dl dt img{ width: 100%; height: auto;}
	.page-box .team-list dl dd{height: auto; padding-top: 10px; padding-bottom: 10px;}
	.page-box .team-list dl dd .team-txt{height: 40px; padding-bottom: 10px;}
	.page-box .team-list dl:last-child{display: none !important;}
	.page-box{ padding: 30px 0; }
	.right-extra{margin-top: 50px;}
	.right-extra,.spec-scroll{ width: 100%; }
	.spec-preview{ width: 100%; height: auto; border:0;}
	.jqzoom img{ width: 100%; height: auto; }
	.spec-scroll .prev, .spec-scroll .next{display: none;}
	.goods_itemInfo{ width: 100%; padding: 25px 0; }
	.promore{ margin-top: 0px;  }
	.promore .box{ padding: 1px; }
	.promore .box img{ width: 100%; }
	.map{width: 100%;}
	.promore .title span{border-top: solid 2px #0077d4; border-bottom: 0;}
	.i9 .con1 .more a em{display: none;}
	.i8 .gsimg li{ line-height:25px; }
	.i8 .gsimg li img{margin-bottom: 8px;}
	.i9 .con1 .more a span{width: 100%;}
}