@charset "utf-8";
@import url("/assets/css/bootstrap.min.css");
@import url("/assets/css/icomoon.css");
html,body,ul,li{margin:0;padding:0;height:100%; font-size:14px; color:#555;-webkit-text-size-adjust:none;}
h1,h2,h3,h4,h5,h6,hr,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea{margin:0;padding:0;list-style:none;font-size:13px; color:#555; font-weight:normal}
@font-face {font-family: 'dincond';src: url('/assets/css/fonts/dincond.ttf') format('truetype');font-weight: normal;font-style: normal;}
em{ font-style:normal}
input,dl,dt,dd{-webkit-tap-highlight-color:rgba(255,255,255,0); display:inline-block; vertical-align:top}
input{font-size:14px;outline:0;display: inline-block;}
input[type=button]{cursor:pointer}
select{margin:0}
li{list-style:none}
img{display: inline-block; border:none}
a{text-decoration:none;color:#555;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout: none; -webkit-user-select: none;transition: all 0.2s;}
a:hover{ color:#4a9a98;text-decoration:none;}
a,input,button,textarea,i{ outline:none; }
.fl{float: left;}
.fr{float: right;}
.clearfix:after{ display: block; content:'';clear: both;height:0;overflow: hidden;}
.clearfix { zoom: 1;}
.containerfull{overflow-x:clip;}
header{height: 80px;width:100%;position: fixed;left: 0;top: 0;z-index: 1030;background:#fff;box-shadow: 0 1px 8px 0 rgba(0,0,0,0.2);}
header .logo a {display: table-cell;vertical-align: middle;height: 80px;}
header .logo a img{height: 68%}
header .menu{text-align:right;}
header .menu ul{height: 90px;text-align:right;}
header .menu ul li{display: inline-block;padding: 0 23px;vertical-align: top;position: relative;z-index: 1800}
header .menu ul li a{font-size: 16px;color: #333;line-height: 80px}
header .menu ul li a i{line-height: 80px;display: inline-block;transition: all .2s;font-size: 13px;margin-left:5px;}
header .menu ul li.this a:hover i{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
header .menu ul li a:hover{color: #4a9a98}
header .menu ul li span{display:table-cell;vertical-align: middle;height: 80px;width:30px;font-size: 0;cursor: pointer;}
header .menu ul li span i{width: 30px; height: 2px;margin: 3px 0;background: #333;transition: all .2s;display:inline-block;}
header .menu ul li data{position: absolute;left: 0;top:100px;background: #4a9a98;width: 100%;border-radius: 2px; -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,0.3); box-shadow: 0 2px 10px 0 rgba(0,0,0,0.3); padding: 15px 0;display: none;transition: all .2s;-webkit-transition: all .2s; -moz-transition: all .2s;-o-transition: all .2s;visibility: hidden;opacity: 0;display: block;z-index: 1900}
header .menu ul li data:after {position: absolute;top: -6px;left: 45%;display: inline-block;border-right: 6px solid transparent;border-bottom: 6px solid #4a9a98;border-left: 6px solid transparent;content: '';}
header .menu ul li.this data{top: 70px;visibility: visible;opacity: 1}
header .menu ul li:nth-child(3) data{left:-30%;width: 160%;}
header .menu ul li data a{display:block;line-height: 40px;width: 100%;text-align:center;font-size: 15px;color:#eee;}
header .menu ul li data a:hover{color:#fff;}
header .menu ul li:last-child{display: none}

.fixmenu{background: #4a9a98;position:fixed;width:100%;height: 100%;z-index: 1500;right:-100%;top: 0;padding: 30px 40px 0 60px;transition: all .2s;}
.fixmenu .close{padding-bottom: 20px;text-align: right;width:100%;}
.fixmenu .close i{color:#fff;font-size: 40px;cursor: pointer;}
.fixmenu .title{width:100%;}
.fixmenu .title h1{color:#fff;font-family: 'dincond';font-size:30px;text-transform: uppercase;}
.fixmenu .title h1::after {content: '';display: block;width: 60px;border-bottom: 1px #ffffffa0 solid;padding-bottom: 20px}
.fixmenu ul.menu{width:100%;padding: 20px 0;height: auto;padding-bottom: 40px}
.fixmenu ul.menu li{display: block;height: auto;}
.fixmenu ul.menu li a{line-height: 38px;color:#ffffffa0;font-size: 15px}
.fixmenu ul.menu li a:hover{color:#fff;}
.fixmenu .contact{width:100%;padding-top:25px}
.fixmenu .contact h1{color:#fff;font-family: 'dincond';font-size:30px;}
.fixmenu .contact ul{padding-top: 10px}
.fixmenu .contact ul li{line-height: 30px;color:#ffffffa0}
.fixmenu .lang{width:100%;color:#fff;font-family: 'dincond';font-size:20px;padding-top: 30px}
.fixmenu .lang span{padding: 0 10px}
.fixmenu .lang a{color:#ffffffa0;}
.fixmenu .lang a:hover{color:#fff}
.fixmenu.on{left: 0}
.banner{position: relative;margin-top: 80px;box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1); }
.banner .img img{width: 100%}
.banner .text{position: absolute;left: 15%;top: 30%;z-index: 10;}
.banner .text h1{font-size: 20px;line-height: 40px;color:#fff;transform:translateY(200px);opacity:0;transition:all .3s .3s;}
.banner .text h2{font-size: 55px;padding: 2% 0;color:#fff;font-weight: bold;transform:translateY(200px);opacity:0;transition:all .6s .3s;}
.banner .text h3{font-size: 16px;color:#fff;background:#e9810e;padding: 8px 30px;border-radius:20px;display:inline-block;margin-top: 6%;transform:translateY(200px);opacity:0;transition:all .9s .3s;}
.banner .swiper-slide-active .text h1,.banner .swiper-slide-active .text h2,.banner .swiper-slide-active .text h3{transform:translateY(0px);opacity:1;}
@media (max-width:1300px){
	header .menu ul li{padding: 0 15px}
}
@media (max-width:1150px){
	header .menu ul li{padding: 0 8px}
	header .menu ul li a{font-size:15px;}
}
@media (max-width:999px){
	header .menu ul li{display: none}
	header .menu ul li:last-child{display: inline-block;}
	.banner .text{top: 20%}
	.banner .text h1{font-size: 16px;}
	.banner .text h2{font-size: 35px;}
	.banner .text h3{font-size: 14px}
}
.submenu{background:#fff;position: relative;z-index: 500}
.submenu.gray{background: #f7f7f7}
.submenu div{padding: 0}
.submenu .list{padding: 15px 0;line-height: 40px}
.submenu .list div:last-child{text-align: right;}
.submenu .list li{margin-right: 8px;display:inline-block;position: relative;}
.submenu .list li > a{padding: 0 40px;display:inline-block;font-size: 14px;color: #999;border: 1px #ededed solid;line-height: 40px}
.submenu .list li > a i:before{font-size:12px;margin-left:10px;line-height: 40px;vertical-align: top;transition: all .2s}
.submenu .list li > a:hover i:before{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.submenu .list li > a:hover,.submenu .list li.hover > a{background: #ccc;color:#111;border-color: #ccc}
.submenu .list li.this > a{background: #111;border-color: #111;color:#fff}
.submenu .list div i:before{line-height: 40px;display:inline-block;vertical-align:top;font-size:18px;margin-right:4px;}
.submenu .list div i{font-size: 12px;color:#999;}
.submenu .list li span{position: absolute;top: 60px;left: 0;display: block;width: 100%;padding: 5% 8%;background: #fff;box-shadow: 0 5px 15px 0 rgba(0,0,0,0.05);opacity: 0;visibility: hidden;transition: all .2s;}
.submenu .list li span a{display: block;line-height: 40px;}
.submenu .list li.hover span{top: 40px;opacity: 1;visibility: visible;}

a.view-more {display: inline-block; margin-top: 40px; font-family: dincond; font-size: 25px; line-height:40px; text-transform: uppercase; color: #7f7f7f;}
a.view-more i{font-size:40px;vertical-align:top;margin-left: 20px;display: inline-block;}
a.view-more:hover {color: #4a9a98;}
a.view-more.white{color:#fff;}
.giansun-about{padding: 80px 0}
.giansun-about .title h1,.news .title h1{font-size: 36px;line-height:70px; color: #333; text-transform: uppercase;}
.giansun-about .title h2,.news .title h2{font-size: 20px;line-height: 40px;padding-top: 4px}
.giansun-about .title h2:after,.news .title h2:after{position: absolute; left: 110px; top: 93px; content: "";width: 65px; height: 3px; background:url(/assets/images/line.svg) no-repeat;background-size: cover}
.giansun-about .intro h1{font-size: 28px;color:#333;margin-bottom: 30px} 
.giansun-about .intro p{padding: 0 0;margin-top: 0;line-height: 28px;font-size: 15px}

.spirit{background:url(/assets/images/about.jpg) no-repeat center top;background-size: 100% auto}
.spirit .title,.comm-center .title,.comm-center-left{padding: 65px 0 20px 0;text-align:center;}
.comm-center-left{position: relative;margin-bottom:10px;text-align: left;padding-top: 0}
.spirit .title h1,.comm-center .title h1,.comm-center-left h1{font-size: 36px;line-height:70px;color:#fff;text-transform:uppercase;}
.comm-center-left h1{color: #1b1b1b}
.spirit .title i,.comm-center .title i{display:inline-block;width: 65px; height: 3px; background:url(/assets/images/line.svg) no-repeat;background-size: cover}
.spirit .title h2,.comm-center .title h2,.comm-center-left h2{font-size: 20px;line-height: 60px;color:#fff;}
.comm-center-left h2{color: #1b1b1b;line-height: 40px}
.comm-center-left h2:after{position: absolute; left: 105px; top: 103px; content: "";width: 65px; height: 3px; background:url(/assets/images/line.svg) no-repeat;background-size: cover}
.comm-center .title h3{padding: 20px 20%;color:rgb(0,0,0,0.4);line-height: 25px}
.comm-center-left .title h3{padding-top: 10px;color:rgb(0,0,0,0.4);line-height: 25px}
.comm-center-left .title h4{padding-top: 10px;font-size: 16px;color:rgb(0,0,0,0.6);line-height: 30px}
.comm-center-left .title h4 b{font-size: 30px;color: #4a9a98;padding: 0 5px;}
.spirit .content{background: #fff;padding: 50px 5%;box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1);}
.spirit .content dl{text-align: center;border-right: 1px #eee solid;padding: 20px 0}
.spirit .content dl:last-child{border-right: none;}
.spirit .content dl dt{font-size: 50px;border: 2px #666 solid;border-radius: 50%;width:80px;height: 80px;display:inline-block;line-height: 76px}
.spirit .content dl dd{text-align: center;display:block;}
.spirit .content dl dd h1{font-size: 22px;color:#333;line-height: 60px;font-weight: bold;}
.spirit .content dl dd h2{font-size: 15px}

.comm-center .title h1,.comm-center .title h2{color:#333;}
.product .list dl{text-align: center;height: 100%;margin-bottom: 20px}
.product .list dl a {border: 1px #eee solid;position: relative;display:block;padding: 20px}
.product .list dl a dt{overflow: hidden;padding-top: 15px}
.product .list dl a dt img{width:100%;}
.product .list dl a dd{padding-top: 30px;}
.product .list dl a dd p{font-size: 14px;line-height: 23px;height: 46px;overflow: hidden;color:#999;}
.product .list dl a dd h1{display:inline-block;line-height: 16px;height: 16px;vertical-align: baseline;font-size: 16px;overflow:hidden;max-width: 90%;white-space: nowrap;text-overflow: ellipsis;}
.product .list dl a dd i{display:inline-block;width:16px;height: 16px;background: #4a9a98;color:#fff;border-radius: 50%;line-height: 16px;text-align: center;margin-left:5px;vertical-align: top;}
.product .list dl a span{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background:rgba(37,153,186,.9);opacity: 0;visibility: hidden;transition: all .2s;display:table;}
.product .list dl a span data{display:table-cell;vertical-align: middle;}
.product .list dl a span data h1{color:#fff;display:inline-block;font-size: 18px;line-height: 28px;transform:translateX(-200px);opacity:0;transition:all .3s;padding: 0 3%}
.product .list dl a span data i{color:#fff;display:inline-block;line-height: 25px;vertical-align: bottom;width:25px;height: 25px;text-align: center;border-radius: 50%;border: 1px #fff solid;margin-left: 8px;transform:translateX(200px);opacity:0;transition:all .3s;}
.product .list dl a:hover span{opacity: 1;visibility: visible;}
.product .list dl a:hover span data h1,.product .list dl a:hover span data i{transform:translateX(0px);opacity:1;}
.product .more{text-align: center;padding-bottom: 60px}

.product-related .title{text-align:center;}
.product-related .title h1{font-size:36px;text-transform:uppercase;color: #1b1b1b}
.product-related .title i{display:inline-block;width: 65px; height: 3px; background:url(/assets/images/line.svg) no-repeat;background-size: cover}
.product-related .title h2{font-size: 20px;line-height: 60px;}
.product-related .related-list{padding-top: 40px}
.product-related .related-list dl a{background: #fff;box-shadow: 0 1px 15px 0 hsl(230deg 9% 48% / 20%);padding: 12px;padding-bottom: 0;display:block;transition: all 0.5s}
.product-related .related-list dl a:hover{box-shadow: #a9a9a933 7px 7px 1px;transform: translate(0,-10px);}
.product-related .related-list dl a dt{overflow:hidden;display:block}
.product-related .related-list dl a dt img{width: 100%;vertical-align: top;transition: all .2s}
.product-related .related-list dl a:hover dt img{transform: scale(1.1);}
.product-related .related-list dl a dd{line-height: 30px;height: 30px;overflow:hidden;font-size: 16px;text-align: center;width: 100%;margin: 15px 0}

.productlist-inner,.product-related{background: #f7f7f7;padding:70px 0}
.productlist-inner.details{padding-bottom: 150px}
.productlist-inner .catelist{padding-bottom: 40px}
.productlist-inner .catelist a,.product-related .related-list dl a{display:inline-block;margin-right:15px;margin-bottom:10px;font-size: 16px;background: #fff;padding:6px 25px;border-radius: 3px}
.product-related .related-list dl a{padding: 25px;}
.productlist-inner .catelist a:hover,.productlist-inner .catelist a.this{color: #fff;background: #4a9a98}
.productlist-inner .container{padding:0;}
.productlist-inner .container dl {margin-bottom: 15px;}
.productlist-inner .container dl a{background: #fff;height: 325px;overflow:hidden;display:inline-block;font-size:0;width:100%;padding:10% 6%}
.productlist-inner .container dl a:hover{box-shadow: 0 1px 15px 0 hsl(230deg 9% 48% / 20%);}
.productlist-inner .container dl a dt{width: 38%;display: inline-block;vertical-align: top;overflow:hidden;}
.productlist-inner .container dl a dt img{width: 100%;transition: all .2s}
.productlist-inner .container dl a:hover dt img{transform: scale(1.15);}
.productlist-inner .container dl a dd{width: 62%;padding-right: 7%}
.productlist-inner .container dl a dd h1{font-size:26px;color: #1b1b1b;font-weight: bold;width: 100%;overflow:hidden;display: block;height:30px;line-height: 30px;white-space: nowrap;text-overflow: ellipsis;}
.productlist-inner .container dl a dd p{padding-top: 50px;margin-bottom: 30px;line-height: 25px;height: 125px;overflow: hidden;position: relative;}
.productlist-inner .container dl a dd p:after,.productlist-inner .container dl a dd p:before{content: '';position: absolute;left: 0;top: 25px;width:20%;height: 2px;background: #4a9a98;display: block;transition: all .2s}
.productlist-inner .container dl a dd p:before{width: 100%;background: #e8e8e8}
.productlist-inner .container dl a:hover dd p:after{width: 100%}
.productlist-inner .container dl a dd h3{border: 1px #eee solid;padding: 8px 20px;display: inline-block;text-transform:uppercase;font-size:12px;transition: all .2s}
.productlist-inner .container dl a dd h3 i{vertical-align: bottom;margin-left: 5px;transition: all .2s}
.productlist-inner .container dl a:hover dd h3 i{margin-left: 20px}
.productlist-inner .container dl a:hover dd h3{background: #4a9a98;color: #fff;border-color: #4a9a98}
.productlist-inner .container dl:nth-child(n+1){padding-left: 0}
.productlist-inner .container dl:nth-child(2n){padding-right: 0}
@media screen and (max-width: 768px){
	.productlist-inner .container{padding: 0 2%}
	.productlist-inner .container dl:nth-child(n){padding: 0}
}

.productlist-inner .productintro{padding-top: 10px;}
.productlist-inner .productintro .detail-pic img{width: 100%}
.productlist-inner .abstract{padding-left:5%;padding-top: 5%}
.productlist-inner .abstract .title h1{font-size: 35px;line-height: 40px;color: #1b1b1b;padding-bottom: 20px}
.productlist-inner .abstract .title h2{color: #1b1b1b;font-size: 30px;font-weight: bold;position: relative;padding-bottom: 30px}
.productlist-inner .abstract .title h2:after{position: absolute; left: 0; bottom: 0px; content: "";width: 65px; height: 1px;background: #ddd}
.productlist-inner .abstract .title p{padding-top: 12%;font-size: 14px;line-height: 30px}
.productlist-inner .abstract .button{width: 100%;display:block;font-size: 0;padding-top: 10%}
.productlist-inner .abstract .button a{width: 28%;margin-right: 4%;display:inline-block;font-size: 14px;background:#eee;padding:5px 25px;text-align: center;line-height: 30px;vertical-align: top;border-radius: 3px}
.productlist-inner .abstract .button a:nth-child(2){background: #4a9a98;color: #fff}
.productlist-inner .abstract .button a:last-child{margin-right: 0}
.productlist-inner .abstract .button a.icon-arrow-left:before{margin-right: 8px;vertical-align: top;font-size: 16px;line-height: 30px}
.productlist-inner .abstract .button a.icon-arrow-right2:after{content: "\e90c";margin-left:8px;vertical-align: top;font-size: 16px;line-height: 30px;}
.productlist-inner .abstract .button a:hover{background: #1b1b1b;color: #fff}
@media screen and (max-width: 1400px){
	.productlist-inner .abstract .button a{padding:5px 15px;}
}
@media screen and (max-width: 1200px){
	.productlist-inner .abstract .button a{padding:5px;}
}
.product-detail{margin-top: -70px}
.product-detail .title h1{background: #fff;line-height: 70px;display:inline-block;padding:0 80px;font-size: 22px;font-weight: bold;color: #1b1b1b;border-top: 3px #1b1b1b solid}
.product-detail .intro{padding:80px 0;line-height: 30px;font-size: 15px}
.product-detail .intro strong{color:#1b1b1b;font-size: 20px}
.product-detail .intro .billet {padding-top: 20px}
.product-detail .intro .billet dl{margin-bottom: 40px;width:100%;}
.product-detail .intro .billet dl dt{width:100%;display: block;text-align: center;}
.product-detail .intro .billet dl dt img{min-width: 25%;padding: 10px;background: #479f9d;border-radius: 10px}
.product-detail .intro .billet dl dd{width: 100%;padding: 0 5%;text-align: center;display: block;line-height: 20px;margin-top: 20px;}
.product-detail .intro .puller-intro {padding-top: 2%}
.product-detail .intro .puller-intro dl{background:#479f9d;text-align: center;width:100%;border-radius: 10px;padding: 5%;margin-bottom: 5%}
.product-detail .intro .puller-intro dl dt{font-size: 25px;color:#fff;line-height: 40px;font-weight: bold;display: block;}
.product-detail .intro .puller-intro dl dd{font-size: 25px;font-family: dincond;line-height: 30px;color:#fff}
.product-detail .parameter-table{border:1px #ddd solid;border-radius: 8px;padding: 2px}
.product-detail .parameter-table ul{width:100%;font-size: 0;display: table}
.product-detail .parameter-table ul li{display:table-cell;vertical-align: middle;width:20%;padding: 0 1%}
.product-detail .parameter-table ul:first-child li{font-size: 18px;font-weight: bold;color:#4a9a98;border-bottom: 2px #4a9a98 solid;padding: 10px 1%;background: #f9f9f9}
.product-detail .parameter-table ul li dl{width:100%;padding: 15px 0}
.product-detail .parameter-table ul li dl dd{padding: 5px 0;display: block;line-height: 28px;font-size: 14px}
.product-detail .parameter-table ul:nth-child(2) li:nth-child(2n){background: #f9f9f9}
.product-detail .parameter-table ul:nth-child(2) li dd{border-bottom: 1px #ddd solid}
@media (max-width:1199px){
	.product-detail .intro img{max-width:100%;}
}

.createintro{text-align: center;padding-bottom: 5%}
.createintro dl{background: #f5f5f5;padding:10%;text-align: left;width: 100%;margin-bottom: 10px}
.createintro dl dt{font-size: 48px;font-family: dincond;line-height: 50px;color: #4a9a98;padding-bottom: 20px;position: relative;}
.createintro dl dt span{font-size:16px;padding-left: 5px;vertical-align: middle}
.createintro dl dt:after{position: absolute; left: 0; top: 70px; content: "";width: 100%; height: 1px;background: #4a9a98}
.createintro dl dd{margin-top: 10%;line-height: 25px;display: block;height: 75px;}
.createintro a{margin-top: 3%;}
.createintro .swiper-container {padding-bottom: 40px}
.createintro .swiper-pagination-bullet{background: #f5f5f5}
.createintro .swiper-pagination-bullet-active{background: #f50}
.createintro .swiper-container-horizontal>.swiper-pagination-bullets, .createintro .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0}

.news{background:#f5f5f5;padding: 80px 0}
.news .imgnews{padding-top: 30px;padding-right: 2%}
.news .imgnews dl{width:100%;}
.news .imgnews dl a dt{width:100%;overflow: hidden;}
.news .imgnews dl a dt img{width:100%;transition: all .2s}
.news .imgnews dl a:hover dt img{transform: scale(1.1);}
.news .imgnews dl a dd{padding: 23px;font-size: 0;width:100%;transition:all .2s;}
.news .imgnews dl a dd h1{font-size: 20px;overflow: hidden;width: 100%;height: 30px;line-height: 30px;font-weight: bold;display:inline-block;vertical-align: top;color:#333;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.news .imgnews dl a:hover dd{background: #e7e7e7}
.news .imgnews dl a:hover dd h1{color:#4a9a98}
.news .imgnews dl a dd h2{color:#999;padding-bottom:3px;opacity: 0.5}
.news .imgnews dl a dd p{font-size: 14px;line-height: 26px;color:#999;margin-top: 20px;width:99%;height: 52px;overflow:hidden;}
.news .more{padding-top: 20px}
.news .more a{background: #fff;border-radius: 20px;font-family: dincond;line-height: 40px;padding: 0 40px;display:inline-block;font-size: 20px;text-transform:uppercase;transition: all .2s}
.news .more a i{font-size: 30px;margin-left: 10px;line-height: 25px;vertical-align: text-bottom;}
.news .more a:hover {background: #4a9a98;color:#fff;}
.news .more a:hover i{color: #fff}
.news .listnews{padding-top: 30px}
.news .listnews dl{width: 100%;font-size: 0;border-top: 1px #e7e7e7 solid;padding: 22px 0;overflow:hidden;transition:all .4s;}
.news .listnews dl:last-child{border-bottom: 1px #e7e7e7 solid}
.news .listnews dl a dt{display:inline-block;width:18%;padding-left:6%;border-right: 1px #aaa solid;opacity: 0.3;position: relative;}
.news .listnews dl a dt h1{color:#333;font-size: 38px;font-weight: bold;}
.news .listnews dl a dt h2{padding-bottom: 8px}
.news .listnews dl a dt i{position: absolute;left: -100px;top:0;font-size: 30px;background: #ddd;padding:13px 40px;transition:all .4s;}
.news .listnews dl.this{background: #e7e7e7}
.news .listnews dl.this a dt i{left: 0;background: #e7e7e7}
.news .listnews dl a dd{display:inline-block;width: 82%;padding-left: 5%;padding-top: 5px;transition:all .4s;}
.news .listnews dl.this a dd{padding-left: 4%;}
.news .listnews dl a dd h1{width:100%;display:inline-block;font-size:18px;color:#333;line-height: 28px;transition: all .2s;height: 28px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.news .listnews dl a dd p{line-height: 25px;height: 25px;width: 95%;margin: 0;font-size: 14px;color:#999;overflow:hidden;padding:0;white-space: nowrap;text-overflow: ellipsis;}
.news .listnews dl.this a dd h1,.news .listnews dl.this a dd p{color:#4a9a98;}


.mould-about-inner{padding: 5% 0}
.mould-about-inner .container{padding: 0}
.mould-about-inner .introimg{padding-left: 0;}
.mould-about-inner .introimg img{width: 100%}
.mould-about-inner .intropng{padding-top: 15%;text-align: center;}
.mould-about-inner .intropng img{height: 80%}
.mould-about-inner .intro{padding-right: 0;line-height: 28px}
.mould-about-inner .mould-culture{background:#f5f5f5;padding: 2% 0 4% 0;margin-top:-35px;}
.mould-about-inner .mould-culture dl{padding: 0}
.mould-about-inner .mould-culture dl dt,.mould-about-inner .mould-culture dl dd{width: 100%;height: 350px; float:left;background: #fff}
.mould-about-inner .mould-culture dl dt{background: #000;overflow:hidden;position: relative;}
.mould-about-inner .mould-culture dl dt img{width: 100%;height: 100%;opacity: 0.7;transition: all .2s;}
.mould-about-inner .mould-culture dl:hover dt img{opacity: 1;transform: scale(1.1);}
.mould-about-inner .mould-culture dl dt:after{position: absolute;bottom: 0;left: 50%;display: inline-block;border-right: 10px solid transparent;border-bottom: 10px solid #fff;border-left: 10px solid transparent;content: '';margin-left:-10px;}
.mould-about-inner .mould-culture dl:nth-child(2) dt:after{bottom: auto;top: 0;border-top: 10px solid #fff;border-bottom: none}
.mould-about-inner .mould-culture dl dd{padding: 14%;padding-bottom: 0}
.mould-about-inner .mould-culture dl dd h1{font-size:30px;color: #1b1b1b;font-weight: bold;line-height: 60px;position:relative;height: 100px;}
.mould-about-inner .mould-culture dl dd h1:after{content: '';position: absolute;width:40px;height: 1px;background: #4a9a98;display: block;left: 0;top: 70px}
.mould-about-inner .mould-culture dl dd p{line-height: 25px}
@media (max-width:1199px){
	.mould-about-inner .mould-culture dl dt,.mould-about-inner .mould-culture dl dd{width: 50%;}
	.mould-about-inner .mould-culture dl dd{padding:5%;}
	.mould-about-inner .mould-culture dl dt:after{position: absolute;bottom: auto;top: 50%;left: auto;border: none;border-top: 10px solid transparent;border-right: 10px solid #fff;border-bottom: 10px solid transparent;margin-left:-10px;margin-top: -10px}
	.mould-about-inner .mould-culture dl:nth-child(2) dt:after{bottom:auto;top: 50%;left: 0;border: none;border-top: 10px solid transparent;border-left: 10px solid #fff;border-bottom: 10px solid transparent;margin-left:0;}
	.mould-about-inner .intropng{display: none}
	.mould-about-inner .mould-culture{margin-top:5px;}
}
@media (max-width:767px){
	.mould-about-inner .mould-culture dl {position: relative;display: inline-block;}
	.mould-about-inner .mould-culture dl dt:after{display: none}
	.mould-about-inner .mould-culture dl dt{width: 100%;margin-bottom: 15px;}
	.mould-about-inner .mould-culture dl dd{width: 100%;position: absolute;left: 0;top: 0;z-index: 10;background: rgba(0,0,0,.4);padding-top: 10%}
	.mould-about-inner .mould-culture dl dd h1{color: #fff}
	.mould-about-inner .mould-culture dl dd p{color: #fff}
}

.mould-about-inner .mould-culture-act{background:url(/assets/images/culture.jpg) no-repeat center center fixed;padding: 5%;padding-bottom: 3%}
.mould-about-inner .mould-culture-act .title{text-align: center;}
.mould-about-inner .mould-culture-act .title img{width: 30%;padding-bottom: 2%}
.mould-about-inner .mould-culture-act .title p{width: 100%;padding: 0 23%;color:rgba(255,255,255,.7);line-height: 30px}
.mould-about-inner .mould-culture-act .swiper-wrapper{padding: 50px 0 80px 0}
.mould-about-inner .mould-culture-act dl a{padding: 7px;background:rgba(255,255,255,.2);display:inline-block;}
.mould-about-inner .mould-culture-act dl a dt{overflow:hidden;}
.mould-about-inner .mould-culture-act dl a dt img{width: 100%;vertical-align: top;transition:all .2s;}
.mould-about-inner .mould-culture-act dl a:hover dt img{transform: scale(1.1);}
.mould-about-inner .mould-history{padding: 5%;position: relative;z-index: 5}
.mould-about-inner .mould-history:after{content: '';background:#eee;height: 100%;width: 1px;left: 50%;top: 0;position: absolute;}
.mould-about-inner .mould-history dl{position: relative;z-index: 6;padding: 0 5%;margin-bottom: 50px}
.mould-about-inner .mould-history dl img{width:200px;margin-top: 5px}
.mould-about-inner .mould-history dl:first-child:after,.mould-about-inner .mould-history dl:first-child:before{content:'';width:20px;height:20px;background: #ccc;border: 5px solid #fff;margin: -10px -10px 0 0;position: absolute;right:0%;top: 50%; border-radius: 100%;transition:all .2s;}
.mould-about-inner .mould-history .row:hover dl:first-child:after{background: #333;}
.mould-about-inner .mould-history .row:hover dl:first-child:before{transform: scale(2);background:none;border: 1px #eee solid}
.mould-about-inner .mould-history dl dt{color: #999;font-size: 20px;display: block;font-family: 'dincond';}
.mould-about-inner .mould-history dl dd{color: #666;font-size: 17px;line-height: 26px;padding: 10px 0;font-weight: bold;}
.mould-about-inner .mould-history dl h1{color: #4a9a98;font-size: 30px;font-family: 'dincond';line-height: 60px}
.mould-about-inner .mould-history .row:nth-child(n+1) dl:first-child {text-align: right;}
.mould-about-inner .mould-honor-list .comm-center .title,.mould-about-inner .mould-process-title .comm-center .title,.mould-contact-title .title{padding-top: 0}
.mould-about-inner .mould-honor-list img{width: 100%;border: 1px #eee solid}
.mould-about-inner .mould-honor-list div{margin-bottom: 20px}
.mould-about-inner .mould-honor-list .mould-patent-img{text-align: center;padding-top: 20px;width:100%;}
.mould-about-inner .mould-honor-list .mould-patent-img img{width: auto;border: none}
.mould-process-list{width: 100%;}
.mould-process-list ul{margin-bottom: 60px;background: #f9f9f9;display: inline-block;width:100%;box-shadow: 0 5px 15px 0 rgba(0,0,0,0.1);}
.mould-process-list ul li{float: left;width: 50%;}
.mould-process-list ul li:nth-child(n+1){width: 46%}
.mould-process-list ul li:nth-child(n+2){width: 54%}
.mould-process-list ul li img{width: 100%;}
.mould-process-list ul:nth-child(n+2) li:first-child { float: right;}
.mould-process-list ul li dl{padding:12% 8% 0 8%}
.mould-process-list ul li dl dt{font-size: 30px;position: relative;padding-bottom: 60px;color: #1b1b1b;font-weight: bold;width: 100%}
.mould-process-list ul li dl dt:after{content: '';position: absolute;width:40px;height: 1px;background: #4a9a98;display: block;left: 0;top: 70px}
.mould-process-list ul li dl dd{font-size: 13px;line-height: 30px;}
.mould-process-list ul li dl dd b{font-size: 18px;font-weight: bold;color: #4a9a98;display: block;padding-bottom: 15px}
.mould-process-list .swiper-button-next,.mould-process-list .swiper-button-prev,.mould-about-inner .mould-production .swiper-button-next,.mould-about-inner .mould-production .swiper-button-prev{left: 0;top:auto;bottom: 0;background: #333;opacity: 1;width: 50px;height: 50px;transition: all .2s;}
.mould-process-list .swiper-button-next,.mould-about-inner .mould-production .swiper-button-next{left: 50px;border-left: 1px rgba(255,255,255,0.1) solid}
.mould-process-list .swiper-button-next:after,.mould-process-list .swiper-button-prev:after,.mould-about-inner .mould-production .swiper-button-next:after,.mould-about-inner .mould-production .swiper-button-prev:after{font-size: 15px;color: #fff}
.mould-process-list .swiper-button-next:hover,.mould-process-list .swiper-button-prev:hover,.mould-about-inner .mould-production .swiper-button-next:hover,.mould-about-inner .mould-production .swiper-button-prev:hover{background: #4a9a98}

@media (max-width:999px){
	.mould-about-inner .mould-honor-list .mould-patent-img img{width:100%;}
}
@media (max-width:1199px){
	.mould-process-list ul li dl{padding:5%}
}
@media (max-width:999px){
	.mould-process-list ul li:nth-child(n){width:100%;float: left;}
}

.mould-process-list.mould-service .swiper-button-next,.mould-process-list.mould-service .swiper-button-prev{left: auto;right: 50px;}
.mould-process-list.mould-service .swiper-button-next{right: 0;}
.mould-process-list.mould-service ul:first-child li:first-child{width: 54%}
.mould-process-list.mould-service ul:first-child li:last-child{width:46%}
.mould-process-list.mould-service ul:last-child li{width: 45%;float: left;overflow:hidden;}
.mould-process-list.mould-service ul:last-child li img{width: auto;height: 100%;}
.mould-process-list.mould-service ul:last-child li:nth-child(2){width: 35%}
.mould-process-list.mould-service ul:last-child li:nth-child(3){width: 20%}

.mould-about-inner .mould-production{width: 100%;}
.mould-about-inner .mould-production ul{margin-bottom: 60px;background: #f9f9f9;display: inline-block;width:100%;box-shadow: 0 5px 15px 0 rgba(0,0,0,0.1);}
.mould-about-inner .mould-production ul li dl{padding:15% 8% 0 8%;display: block;}
.mould-about-inner .mould-production ul li dl dd{display: block;}
.mould-about-inner .mould-production ul li:first-child{width: 54%;float: left}
.mould-about-inner .mould-production ul li:last-child{width:46%;float: right}
.mould-about-inner .mould-production ul:nth-child(2n) li:first-child{width: 54%;float: right}
.mould-about-inner .mould-production ul:nth-child(2n) li:last-child{width:46%;float: left}
.mould-about-inner .mould-production ul:nth-child(n+1) .swiper-button-next,.mould-about-inner .mould-production ul:nth-child(n+1) .swiper-button-prev{left: auto;right: 50px;}
.mould-about-inner .mould-production ul:nth-child(2n) .swiper-button-next,.mould-about-inner .mould-production ul:nth-child(2n) .swiper-button-prev{left: 0;right: auto;}
.mould-about-inner .mould-production ul:nth-child(n+1) .swiper-button-next{right: 0;}
.mould-about-inner .mould-production ul:nth-child(2n) .swiper-button-next{left: 50px;}
.mould-about-inner .mould-production ul{background: #4a9a98}
.mould-about-inner .mould-production ul li dl dd h1{color: #fff;font-family: dincond;font-size:45px;line-height: 50px;width: 92%}
.mould-about-inner .mould-production ul li dl dd h2{color: #fff;font-size: 25px;padding-top: 60px;position: relative;overflow:hidden;display: inline-block;}
.mould-about-inner .mould-production ul li dl dd h2:before{content: '';position: absolute;background: #fff;height:1px;width: 70px;top: 35px;left: 0;transition:all .2s;overflow:hidden;}
.mould-about-inner .mould-production ul:hover li dl dd h2:before{width: 100%}
.mould-about-inner .mould-production ul li .swiper-slide{position: relative;}
.mould-about-inner .mould-production ul li .swiper-slide img{width: 100%}
.mould-about-inner .mould-production ul li .swiper-slide span{position:absolute;left: 0;bottom: 0;background:rgba(0,0,0,.5);padding: 20px;width: 100%;text-align: right;color: #fff}
.mould-about-inner .mould-production ul li .swiper-slide span h1{color: #fff;font-size: 18px}
.mould-about-inner .mould-production ul li .swiper-slide span h2{color: #fff;font-size: 25px;font-family: dincond;line-height: 40px}
.mould-about-inner .scroll-intro{width: 100%;height: 320px;overflow-y: scroll;padding-right: 5%;}
.mould-about-inner .scroll-intro::-webkit-scrollbar{width:3px;height:3px;border-radius:10px;background:rgba(240,240,240,.9);}
.mould-about-inner .scroll-intro::-webkit-scrollbar-track{box-shadow:inset 0 0 0 rgba(240,240,240,.5);border-radius:10px;}
.mould-about-inner .scroll-intro::-webkit-scrollbar-thumb{ border-radius:10px;box-shadow:inset 0 0 0 rgba(240,240,240,.5);background:rgba(0,0,0,.1);}
.mould-about-inner .organization-title .title{padding-top: 0}
.mould-about-inner .organization-img{text-align: center;width: 100%;background:linear-gradient(rgba(247, 247, 247,1), rgba(255, 255, 255,1));padding: 4% 0}
.mould-about-inner .organization-img .container{background: #fff;padding-top: 5%}
@media screen and (max-width: 1099px){
	.mould-about-inner .mould-production ul li dl dd h1{font-size: 35px;line-height: 40px}
	.mould-about-inner .organization-img img{width:95%;}
}
@media screen and (max-width: 899px){
	.mould-about-inner .mould-production ul{margin-bottom: 20px;}
	.mould-about-inner .mould-production ul li dl dd h1{font-size: 25px;line-height: 30px}
	.mould-about-inner .mould-production ul li dl dd h2{font-size: 18px;padding-top: 15%;}
	.mould-about-inner .mould-production ul li dl dd h2:before{top: 15px;}
}
@media screen and (max-width: 699px){
	.mould-about-inner .mould-production ul li dl{padding:5% 2%;width: 100%}
	.mould-about-inner .mould-production ul li dl dd{width: 100%}
	.mould-about-inner .mould-production ul li dl dd h2{padding-top: 8%;}
	.mould-about-inner .mould-production ul:nth-child(2n) li:first-child,.mould-about-inner .mould-production ul:nth-child(n+1) li:first-child,.mould-about-inner .mould-production ul:nth-child(2n) li:last-child,.mould-about-inner .mould-production ul:nth-child(n+1) li:last-child{width: 100%;float: left}
	.mould-about-inner .mould-production ul:nth-child(2n) .swiper-button-next,.mould-about-inner .mould-production ul:nth-child(2n) .swiper-button-prev{left: auto;right: 50px;}
	.mould-about-inner .mould-production ul:nth-child(2n) .swiper-button-next{left: auto;right: 0;}
	.mould-about-inner .mould-production ul li .swiper-slide span{text-align: left}
	.mould-about-inner .mould-production ul li .swiper-slide span h2{font-size: 20px;line-height: 30px}
}
.mould-customer-title .comm-center-left h2:after{left: 180px;top: 188px;}
.mould-customer-list {padding: 2% 0}
.mould-customer-list img{display: inline-block;border: 1px #eee solid;margin-right:2%;margin-bottom: 20px;width: 18.4%;vertical-align: top;}
.mould-customer-list img:nth-child(5n){margin-right:0}
.mould-customer-list li{line-height: 40px;font-size: 15px;}

.news-inner{background: #f7f7f7;padding-top:90px;}
.news-inner .container,.news-inner .row .list{padding-left: 0}
.news-inner .container{padding-right: 0}
.news-inner .title{position: relative;}
.news-inner .list{padding: 0px 0;padding-right: 3%;border-right: 1px #ededed solid}
.news-inner .list dl{margin-bottom: 50px;width: 100%}
.news-inner .list dl a{font-size: 0;display:table;background: #fafafa;box-shadow: 0px 5px 15px 0px rgba(25, 42, 51, 0.05);}
.news-inner .list dl a dt{width: 40%;display:table-cell;overflow:hidden;}
.news-inner .list dl a dd{width: 60%;display:table-cell;vertical-align: middle;padding-left: 5%;padding-right: 3%}
.news-inner .list dl a dt img{width: 100%;transition: all .2s}
.news-inner .list dl a:hover dt img{transform: scale(1.1);}
.news-inner .list dl a dd h5{font-size: 12px;line-height: 40px}
.news-inner .list dl a dd h1{color:#1b1b1b;font-size: 24px;font-weight: bold;line-height: 30px;display:block;width: 100%;height: 30px;overflow:hidden;}
.news-inner .list dl a dd h2{line-height: 32px;font-size: 18px;font-family: dincond;text-transform:uppercase;margin-top: 20px;}
.news-inner .list dl a dd h2 i{font-size: 22px;margin-left: 10px;vertical-align: bottom;line-height: 33px}
.news-inner .list dl a:hover dd h2,.news-inner .list dl a:hover dd h2 i{color:#4a9a98;}
.news-inner .list dl a dd p{padding-top: 40px;position:relative;line-height: 25px;height: 90px;overflow:hidden;}
.news-inner .list dl a dd p::after{position: absolute; left: 0; top: 18px; content: "";width: 50px; height:1px;background: #1b1b1b;transition: all .2s}
.news-inner .list dl a:hover{background: #fff;box-shadow: 0px 20px 40px 0px rgba(25, 42, 51, 0.1);}
.news-inner .list dl a:hover dd p::after{width: 30%;background: #4a9a98}
.news-inner .hotnews {padding-right: 0;padding-left: 2.5%}
.news-inner .hotnews .title{ font-size: 18px;color: #1a1a1a;font-weight: bold;padding-bottom: 20px;display:block;}
.news-inner .hotnews .hotlist dl{width: 100%;margin-bottom: 20px}
.news-inner .hotnews .hotlist dl a dt{overflow:hidden;}
.news-inner .hotnews .hotlist dl a dt img{width: 100%;transition: all .2s}
.news-inner .hotnews .hotlist dl a:hover dt img{transform: scale(1.1);}
.news-inner .hotnews .hotlist dl a {position: relative;display:block;}
.news-inner .hotnews .hotlist dl a dd{padding: 10px 4%;background:#fff;color:#1b1b1b;display:block;width: 100%;}
.news-inner .hotnews .hotlist dl a dd h1{line-height: 30px;height: 30px;width: 100%;font-size: 15px;font-weight: bold;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.news-inner .hotnews .hotlist dl a dd h5{color:#aaa;font-size: 12px;line-height: 20px}
.news-inner .hotnews .hotlist dl a:hover dd{background:#4a9a98;}
.news-inner .hotnews .hotlist dl a:hover dd h1,.news-inner .hotnews .hotlist dl a:hover dd h5{color: #fff}
.news-inner .hotnews .hotlist ul{width: 100%;padding: 10px 0;}
.news-inner .hotnews .hotlist ul li a{border-bottom: 1px #ddd solid;line-height: 25px;padding: 20px 4%;width: 100%;display:inline-block;font-size: 13px;font-size: 15px;font-weight: bold;}
.news-inner .hotnews .hotlist ul li a:hover{padding-left: 6%;border-bottom-color:#4a9a98}
.news-inner .hotnews .hotlist ul li span{width:100%;line-height: 20px;font-size: 12px;color:#aaa;display:block;margin-top: 5px;font-weight: normal;position:relative;}
.news-inner .hotnews .hotlist ul li a:hover span{color:#4a9a98}
.news-inner .hotnews .hotlist ul li span:after{position: absolute;font-size: 14px; right: -30px; top: 0;content: "\e90c";opacity: 0;transition: all .2s}
.news-inner .hotnews .hotlist ul li a:hover span:after{opacity: 1;right: 0}
.news-inner .content{padding: 60px;background: #fff}
.news-inner .content .title {border-bottom: 1px #eee solid;padding-bottom: 20px}
.news-inner .content .title h1{font-size: 26px;color:#1a1a1a;font-weight: bold;line-height: 30px;}
.news-inner .content .title h2{line-height: 40px;font-size: 12px;color: #999}
.news-inner .content .detail{font-size: 16px;line-height: 40px;padding: 50px 0}
.news-inner .content .prenext{border-top: 1px #eee solid;padding-top: 30px;font-size: 0;width: 100%}
.news-inner .content .prenext li{width: 40%;display:inline-block;font-size: 0}
.news-inner .content .prenext li a{font-size: 13px;}
.news-inner .content .prenext li a i{display:inline-block;line-height: 16px;font-size: 13px;width: 21%;vertical-align: top}
.news-inner .content .prenext li i:before{line-height: 16px;vertical-align: text-top;margin-right: 5px}
.news-inner .content .prenext li a span{width: 79%;font-size: 13px;line-height: 16px;height:16px;vertical-align: top;display:inline-block;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 15px;border-left: 1px #ddd solid}
.news-inner .content .prenext li a i b{font-weight: normal;}
.news-inner .content .prenext li:nth-child(2){width: 20%;text-align:center;line-height: 16px;vertical-align: top}
.news-inner .content .prenext li:nth-child(2) i{width: auto;}
.news-inner .content .prenext li:last-child{text-align:right;}
.news-inner .content .prenext li a i.icon-arrow-right2:after{content: "\e90c";margin-left: 5px}
.news-inner .content .prenext li:last-child a span{padding-left: 0;border-left:none;padding-right: 15px;border-right: 1px #ddd solid}
@media screen and (max-width: 1400px){
	.news-inner .content .prenext li a i{width:10%}
	.news-inner .content .prenext li a i b{display:none;}
}

.equipment-inner .container{padding:0;}
.equipment-inner .container .list {margin-bottom: 35px;}
.equipment-inner .container .list a{background: #fff;box-shadow: 0 1px 15px 0 hsl(230deg 9% 48% / 20%);padding: 12px;padding-bottom: 0;display:block;transition: all 0.5s;overflow: hidden;}
.equipment-inner .container .list a:hover{box-shadow: #a9a9a933 7px 7px 1px;transform: translate(0,-10px);}
.equipment-inner .container .list a dt{overflow:hidden;}
.equipment-inner .container .list a dt img{width: 100%;vertical-align: top;transition: all .2s}
.equipment-inner .container .list a:hover dt img{transform: scale(1.1);}
.equipment-inner .container .list a dd{line-height: 50px;font-size: 16px;text-align: center;width: 100%}
.equipment-inner.parts-device .container .list a{position: relative;}
.equipment-inner.parts-device .container .list a span{width: 100%;height: 100%;position: absolute;background:rgba(0,0,0,0.6);left: 0;top: 50%;opacity: 0;padding: 0 6%;color: #fff;line-height: 22px;transition: all .2s}
.equipment-inner.parts-device .container .list a span h1{font-size: 20px;color: #fff;font-weight: bold;line-height: 40px;padding: 10% 0;position: relative;}
.equipment-inner.parts-device .container .list a span h1:after{content: '';position: absolute;width: 40px;height: 1px;background: #fff;left: 0;bottom: 15px}
.equipment-inner.parts-device .container .list a:hover span{top: 0;opacity: 1}

.pageNav{padding-bottom: 40px;font-size: 13px;padding-left: 0;}
.pageNav.pageCenter{text-align: center;padding-top: 50px}
.pageNav span,.pageNav a{display: inline-block;font-size: 13px;padding: 8px 14px;border: 1px #ddd solid;margin-right: 6px;border-radius: 2px}
.pageNav a:hover,.pageNav span.current{color: #fff;background: #4a9a98;border-color: #4a9a98}
.pageNav span.disabled{border-color: #ddd;color: #aaa}

.mould-contact .mould-map{width: 100%;height: 600px}
.mould-contact .mould-contactinfo{width: 80%;box-shadow: 0 5px 25px 0 rgba(0,0,0,0.1);margin-left: 10%;margin-top: -150px;background:url(/assets/images/map.png) no-repeat 93% center #fff;background-size: auto 50%;position: relative;z-index: 10;padding:5%}
.mould-contact .mould-contactinfo .title h1{font-size: 34px;color: #1b1b1b;font-weight: bold;}
.mould-contact .mould-contactinfo .title h2{font-family: dincond;font-size: 22px;line-height: 50px;color: #ddd;text-transform:uppercase;}
.mould-contact .mould-contactinfo .contacts h1{font-size:20px;color: #1b1b1b;font-weight: bold;padding-bottom: 50px;position:relative;padding-top: 5px}
.mould-contact .mould-contactinfo .contacts h1:after{content: "";background: #4a9a98;width: 50px;height: 1px;display: block;position: absolute;left: 0;top: 50px}
.mould-contact .mould-contactinfo .contacts ul li{line-height: 35px;height: 35px;width: 100%;display: inline-block;}
.mould-contact .mould-contactinfo .contacts ul li:before{vertical-align: middle;font-size: 16px}
@media screen and (max-width: 999px){
	.mould-contact .mould-contactinfo{width: 96%;margin-left: 2%}
}



.create-technology{background:#f5f5f5;padding: 0;padding-bottom: 8%}
.create-technology .container{padding: 0}
.create-technology dl{padding: 0}
.create-technology dl dt,.create-technology dl dd{width: 50%;height: 450px; float:left;background: #fff}
.create-technology dl:nth-child(2n) dt{float: right;}
.create-technology dl dt{background: #000;overflow:hidden;position: relative;}
.create-technology dl dt:after{content: '';position: absolute;bottom: auto;top: 50%;left: auto;border: none;border-top: 10px solid transparent;border-right: 10px solid #fff;border-bottom: 10px solid transparent;margin-left:-10px;margin-top: -10px}
.create-technology dl:nth-child(2n) dt:after{bottom:auto;top: 50%;left: 0;border: none;border-top: 10px solid transparent;border-left: 10px solid #fff;border-bottom: 10px solid transparent;margin-left:0;}
.create-technology dl dt img{width: 100%;height: 100%;opacity: 0.85;transition: all .2s;}
.create-technology dl:hover dt img{opacity: 1;transform: scale(1.1);}
.create-technology dl dd{padding:5%;}
.create-technology dl dd h1{font-size:30px;color: #1b1b1b;font-weight: bold;line-height: 60px;position:relative;height: 100px;}
.create-technology dl dd h1:after{content: '';position: absolute;width:40px;height: 1px;background: #4a9a98;display: block;left: 0;top: 70px}
.create-technology dl dd p{line-height: 25px;font-size: 14px;line-height: 30px}
@media (max-width:991px){
	.create-technology dl dt,.create-technology dl dd{width: 100%;height: auto;}
	.create-technology dl dt:after,.create-technology dl:nth-child(2n) dt:after{top:auto;bottom: 0;left: 50%;border-right: 10px solid transparent;border-bottom: 10px solid #fff;border-left: 10px solid transparent;margin-left:-10px;}
}

.black-overlay{display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: #000;z-index: 1001;-moz-opacity: 0.8;opacity: .8}
.inquiry-form{display: none;position: fixed;box-sizing: border-box;top:0;left: 50%;width:500px;height: 100%; margin-left: -225px;z-index: 1002;overflow: hidden;}
.inquiry-form .inquiry-block{display: table;width: 100%;height: 100%;}
.inquiry-form .inquiry-block .table-cell{display: table-cell;vertical-align: middle;}
.inquiry-form .inquiry-block h2 {display: block;overflow: hidden;padding:1% 0 3% 0;font-size: 24px;color: #000;text-align: center;border-bottom: 1px solid #ededed;margin-bottom: 10px}
.inquiry-form .inquiry-block form{overflow:hidden;display: block;padding:5%;background-color: #fff;position: relative;}
.inquiry-form .inquiry-block li{padding:5px 0; overflow:hidden; font-size:12px; color:#666;text-transform: capitalize;position: relative;}
.inquiry-form .inquiry-block li h6{color: #000;display: inline-block;padding-right: 10px;}
.inquiry-form .inquiry-block li span{font-size: 12px;display: inline-block;text-transform: capitalize;}
.inquiry-form .inquiry-block li input,.inquiry-form .inquiry-block li textarea{ text-transform: none; border:#ededed 1px solid;width:100%;padding:10px 3%; display:block;font-size: 14px;color: #666;}
.inquiry-form .inquiry-block .btn{padding:2% 0;overflow:hidden;width:100%;}
.inquiry-form .inquiry-block .btn .submit{display:block;float:left;padding:3% 0; font-size:14px; background:#076e8b;border: none; color:#fff;cursor: pointer; text-align:center;width: 100%;transition: all .2s}
.inquiry-form .inquiry-block .btn .submit:hover{background:#4a9a98;}
.inquiry-form .inquiry-block a.icon-x{font-size: 30px;position: absolute;right:5%;top:4%;z-index: 3;cursor: pointer;}
.inquiry-form .inquiry-block a.icon-x:hover{-webkit-transform:rotate(180deg);transform:rotate(180deg);}

.create-inner{padding: 5% 0}
.create-inner.partsquality{padding-bottom: 0}
.create-inner .container{padding: 0}
.create-inner .quality-policy{padding-bottom: 5%}
.create-inner .quality-policy .text h1{font-size:25px;font-weight: bold;color: #1b1b1b;line-height:40px}
.create-inner .quality-policy .text p{line-height:30px;padding-top: 10px;color: #999}
.create-inner .quality-policy.right{padding-right: 0;text-align: right;}
.create-inner .quality-policy .img{width: 90%;display: inline-block;padding-top: 15px}
.create-inner .quality-commitment{background: #f7f7f7;padding: 5% 0}
.create-inner .quality-commitment .row div:first-child {padding-left:0 }
.create-inner .quality-commitment .img img{width: 95%}
.create-inner .quality-process table tr:first-child td:first-child{background: #e9e9e9;border-radius: 10px;}
.create-inner .quality-process table b{font-size: 20px;color: #1b1b1b;font-weight: bold;}
.create-inner .quality-process table p.tb1{width: 104px;font-size: 14px;padding: 0 30px;text-align: center;line-height: 14px;margin: 0;}
.create-inner .quality-process table .tb2{background: #e9e9e9;border-radius: 10px;padding: 20px;}
.create-inner .quality-process table .tb3{background: #e9e9e9;border-radius: 10px;padding: 20px;}
.create-inner .quality-process table .tb4{background: #e9e9e9;border-radius: 10px;padding: 20px;}
.create-inner .quality-process table span{width: 100%;background:#696969;text-align: center;padding:15px;display: block;border-radius: 5px;color: #fff}
.create-inner .quality-process table p.tb1 span{padding: 100px 15px}
.create-inner .quality-process table .tb2 span{background: #333366}
.create-inner .quality-process table .tb3 span{background: #4a9a98}
.create-inner .quality-process table .tb4 span{background: #99cc33}
.production-workshop {background:#f5f5f5;padding: 2% 0 4% 0;margin-top:-35px;}
.production-workshop dl{margin-bottom:30px}
.production-workshop dl img{width: 100%}
.create-severbg{background:url(/assets/images/create-severbg.jpg) no-repeat center center fixed;padding: 5% 0;width: 100%;}
.create-severbg .container{text-align: center;}
.create-severbg h1{color:#fff;font-size: 36px;padding-bottom: 15px}
.create-severbg h2{color: #fff;font-size: 20px;padding-bottom: 70px;position: relative;}
.create-severbg h2:after{content: '';position: absolute;top: 45px;background:url(/assets/images/line.svg) no-repeat;background-size: cover;height: 3px;width: 50px;left: 50%;margin-left: -25px}
.create-severbg h3{color: #ffffff90;font-size:20px;padding-bottom: 30px;}
.create-severbg h4{color: #fff;border: 1px rgba(255,255,255,0.2) solid;padding: 10px 30px;border-radius: 10px;line-height: 25px;display: inline-block;}
.create-severbg h5{color: #fff;padding-top: 50px;font-size:14px;line-height: 40px}
.create-severbg h5:before{vertical-align: top;line-height: 40px;font-size: 22px}
.create-severbg h5 b{font-size: 40px;font-family: dincond;line-height: 40px;vertical-align: top;color: #4a9a98}

.honor-list{padding-top:5%;width:100%;font-size: 0}
.honor-list .row{padding-bottom: 0px}
.honor-list .title{padding-left:0}
.honor-list .cate {text-align: right;cursor: pointer;padding-right: 0}
.honor-list .cate a {display: inline-block;vertical-align: top;text-align: center;border: 1px solid #dcdcde;margin-left: 10px;padding: 20px;}
.honor-list .cate a h3 {color: #999999;font-size: 36px;}
.honor-list .cate a h5 {color: #999999;font-size: 14px;font-weight: normal;}
.honor-list .cate a.cur,.honor-list .cate a.cur:hover {border: 1px solid #4a9a98;}
.honor-list .cate a.cur h3,.honor-list .cate a.cur h5,.honor-list .cate a.cur:hover h5,.honor-list .cate a.cur:hover h3 {color: #4a9a98;}
.honor-list .cate a:hover {border: 1px solid #1b1b1b;}
.honor-list .cate a:hover h3,.honor-list .cate a:hover h5 {color: #1b1b1b;}
.honor-list .list {position: relative;padding-bottom: 50px;} 
.list-swiper .swiper-slide {background: #fff;padding:4px;padding-top: 15px;text-align: center;cursor: pointer;position: relative;}
.list-swiper .swiper-slide a{display:block;box-shadow: 0px 0 6px 0px rgba(0, 0, 0, 0.1);}
.list-swiper .swiper-slide a:hover{box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.2);}
.list-swiper .swiper-slide a img{width:100%;}
.list-swiper .swiper-slide a i {display:inline-block;width: 40px;height: 40px;position: absolute;left: 50%;top: 70%;margin-left: -20px;margin-top: -20px;border-radius: 100%;font-size: 20px;line-height: 40px;text-align: center;color:#fff;opacity: 0;transition: all .2s;}
.list-swiper .txt{font-size: 14px;color: #999999;padding-top: 20px;min-height: 20px; overflow: hidden;}
.list-swiper a:hover{ box-shadow: 0px 20px 40px 0px rgba(25, 42, 51, 0.1);}
.list-swiper .swiper-slide a:hover i {opacity: 1;top: 50%;background:rgba(0,0,0,0.5);}
.tip {overflow: hidden;font-size: 14px;color: #1b1b1b;position: absolute;left: 0;bottom:50px;z-index: 500}
.tip img {display: inline-block;vertical-align: middle;margin-right: 10px;}

.swiper-pagination-num {width: 60px;position: absolute;bottom: 0;right: 500px;font-size: 14px;color: #666;}
.swiper-pagination-num span {font-size: 14px;color: #666;}
.list-swiper .swiper-container{padding-bottom: 80px}
.list-swiper .swiper-container-horizontal>.swiper-scrollbar {width: 500px;right: 0;left: auto;top:auto;bottom:8px;height: 3px}
.list-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #1b1b1b}
@media screen and (max-width: 760px){
	.about-inner .about-giansun .title h1,.honor-list .title h1{font-size: 50px;line-height: 50px;}
	.about-inner .about-giansun .title h2:after,.honor-list .title h2:after{top: 73px;left: 100px;}
	.honor-list .list {padding-bottom: 20px;} 
	.honor-list .cate a{padding: 12px}
	.swiper-pagination-num,.list-swiper .swiper-container-horizontal>.swiper-scrollbar{display:none;}
}
.parts-business-bg{background:url(/assets/images/business-bg.jpg) no-repeat center top;background-size: 100% auto}
.parts-business .swiper-wrapper{padding-bottom: 90px}
.parts-business dl{position: relative;padding: 8px;background:rgba(255,255,255,0.9);box-shadow: 0 5px 15px 0 rgba(0,0,0,0.2);overflow:hidden;}
.parts-business dl dt{background: #000;overflow:hidden;}
.parts-business dl dt img{width: 100%;opacity: 0.7;transition: all .2s}
.parts-business dl:hover dt img{opacity: 0.9;transform:scale(1.1);}
.parts-business dl dd{position:absolute;bottom: -50px;opacity: 0;left: 0;width: 100%;display:block;background:rgba(0,0,0,.6);padding: 8%;transition: all .2s}
.parts-business dl:hover dd{bottom: 0;opacity: 1}
.parts-business dl dd:after{position: absolute;top: -10px;left: 50%;display: inline-block;border-right: 10px solid transparent;border-bottom: 10px solid rgba(0,0,0,.6);
    border-left: 10px solid transparent;content: '';margin-left: -10px}
.parts-business dl dd h1{font-size: 25px;font-family: dincond;color: rgba(255,255,255,0.5);}
.parts-business dl dd h2{font-size: 16px;color: #fff;padding-top: 5px}
.parts-business .swiper-pagination-bullet{background: #aaa}
.parts-business .swiper-pagination-bullet-active{background: #e9810e}
.parts-culture{background:#f5f5f5;padding: 2% 0 4% 0;margin-top:-35px;}
.parts-culture dl{text-align: center;padding: 30px 0;border-radius: 5px;transition:all .3s;}
.parts-culture dl dt{width: 120px;height: 120px;background: #4a9a98;border-radius: 50%;display: inline-block;margin-bottom: 30px;font-family: dincond;font-weight: bold;line-height: 120px;font-size: 60px;color: #fff;transition:all .3s;}
.parts-culture dl dd{width: 100%;}
.parts-culture dl dd h1{font-size: 22px;font-weight: bold;color: #1b1b1b}
.parts-culture dl dd h2{font-family: dincond;font-size:25px;line-height: 50px;color: #ddd;position: relative;padding-bottom: 20px;display: block;width: 100%}
.parts-culture dl dd h2:after{content: '';position: absolute;left: 50%;width: 30px;height: 2px;background: #4a9a98;top: 60px;margin-left: -15px;transition:all .2s;}
.parts-culture dl:hover{background: #fff;box-shadow: 0 5px 15px 0 rgba(0,0,0,0.05);}
.parts-culture dl:hover dt{background: #096883;}
.parts-culture dl:hover dd h2:after{width: 30%;left: 0;margin-left:35%}
.parts-culture dl dd h3{padding: 0 10%;padding-top: 20px;font-size: 15px;line-height: 25px}
.parts-honor-title .comm-center .title{padding-top: 0}
.parts-honor-list .title{text-align: center;padding: 0 10% 5% 10%;line-height: 25px;color: rgba(0,0,0,.6);}
.parts-honor-list .honor-img img{width: 100%}
.parts-honor-list .honor-img ul li{padding-bottom: 40px}
.parts-quality{padding-top: 30px}
.parts-quality .comm-center-left h1{font-size: 36px;line-height:70px;padding-bottom: 15px}
.parts-quality .comm-center-left h2:after{top: 165px;left: 240px}
.parts-process dl{width: 18%;margin-right:23px;display: inline-block;background: #4a9a98;border: 10px solid #f1f1f1;padding: 2%;border-radius: 20px;position:relative;margin-bottom: 20px}
.parts-process dl:after{content: '';position: absolute;background:url(/assets/images/arr.png) no-repeat center center;background-size:80% auto;right:-33px;top: 50%;width: 20px;height: 20px;margin-top: -10px}
.parts-process dl:last-child:after{display: none}
.parts-process dl dt{font-size: 20px;color: #fff;font-weight: bold;display: block;}
.parts-process dl dd{min-height: 50px;line-height: 25px;display: block;font-size: 20px;font-family:dincond;color: #fff;margin-top: 5px }
@media screen and (max-width: 1399px){
	.parts-process dl{width: 17.5%;}
}
@media screen and (max-width: 1199px){
	.spirit .title,.comm-center .title,.comm-center-left{padding: 50px 0 20px 0}
	.comm-center .title h1,.comm-center-left h1,.parts-quality .comm-center-left h1{font-size: 30px;line-height: 40px}
	.parts-quality .comm-center-left h2:after{top: 125px;}
	.parts-process dl{width: 22%;}
}
@media screen and (max-width: 991px){
	.parts-process dl{width: 28%;}
	.parts-process dl dt{font-size: 16px}
	.parts-process dl dd{min-height: 40px;line-height: 20px;font-size: 16px;}
}
@media screen and (max-width: 495px){
	.parts-process dl{width: 26%;}
}
.parts-quality-list{padding: 5% 0;background: #f9f9f9;margin-top: 4%;}
.parts-quality-list .quality-device {margin-top:10px;}
.parts-quality-list .quality-device dl {position: relative;}
.parts-quality-list .quality-device dl a{background: #000;display: inline-block;}
.parts-quality-list .quality-device dl a dt{width: 100%;overflow:hidden;}
.parts-quality-list .quality-device dl a dt img{width: 100%;transition: all .2s;opacity: 0.7}
.parts-quality-list .quality-device dl a:hover dt img{transform: scale(1.2);opacity: 1}
.parts-quality-list .quality-device dl a dd{width: 100%;padding:0 5%;background: rgba(0,0,0,0.6);color: #fff;position: absolute;left: 0;bottom: 0;line-height: 50px;height: 50px;overflow: hide}
.parts-quality-list .quality-device .swiper-button-next,.parts-quality-list .quality-device .swiper-button-prev {width: 60px;height: 60px;margin-top: -30px; background-color:rgba(0,0,0,.5);}
.parts-quality-list .quality-device .swiper-button-next {right:0;left: auto}
.parts-quality-list .quality-device .swiper-button-prev {left: 0;}
.parts-quality-list .quality-device .swiper-button-next:after, .parts-quality-list .quality-device .swiper-button-prev:after{font-size:25px;color: #fff}
.parts-quality-list .quality-device .swiper-button-next:hover,.parts-quality-list .quality-device .swiper-button-prev:hover {background-color:#fff;}
.parts-quality-list .quality-device .swiper-button-next:hover:after,.parts-quality-list .quality-device .swiper-button-prev:hover:after{color: #000}
.footer{background:url(/assets/images/foot_bg.png) no-repeat center center #4a9a98;padding-top: 30px}
.footer .container{padding-bottom: 30px;position: relative;}
.footer .container .line{background: rgba(255,255,255,.2);width:100%;height: 1px;overflow: hidden;position: absolute;left: 0;top: 65px}
.footer .container .logo img{width:230px}
.footer .container .wechat{padding-top: 40px}
.footer .container .tel{display: inline-block;vertical-align: middle;padding-left: 5%;}
.footer .container .tel h1{font-size:14px;line-height: 25px;color:#fff}
.footer .container .tel h2{font-size:35px;color:#fff;font-family: dincond;font-weight: bold;line-height: 40px}
.footer .container .add{padding-right: 5%;padding-top: 30px;font-size:13px;line-height: 22px;color:#fff}
.footer .container .catelist{text-align:right;padding-right: 0;font-size: 0}
.footer dl{display: inline-block;padding-top: 5px}
.footer dl dt,.footer dl dd{width:100%;text-align:left;}
.footer dl dt a{font-size:16px;color: #fff;line-height: 60px;}
.footer dl > i{display: none}
.footer dl dd {padding-top: 18px;}
.footer dl dd a{display: block;line-height: 30px;font-size:13px;color:#ffffff90}
.footer dl dd a:hover{color:#fff;}
.footer .copyright{background: #141414;text-align:center;font-size:12px;line-height: 55px}
.footer .copyright img{display: inline-block;margin: 0 5px;vertical-align: text-bottom;}
@media (max-width:1499px){
	.footer dl{width:calc(100%/7)}
	.footer .container .logo img{width:200px}
	.footer .container .tel h2{font-size:30px;}
}
@media (max-width:991px){
	.footer .container .tel h2{font-size:25px;}
	.footer .container .logo img{width: 180px}
	.footer .container .catelist{border-top: 1px rgba(255,255,255,.2) solid;padding: 10px 0;margin-top: 30px}
	.footer dl{width:100%;height: 40px;line-height: 40px;overflow: hidden;display: block;position: relative;border-bottom: 1px #ffffff30 dotted;padding-top: 0}
	.footer dl dt a{line-height: 40px;padding-left: 3%;display: inline-block;font-size: 14px;font-weight: bold}
	.footer dl i{color: #fff;position: absolute;right: 2%;font-size:16px;line-height: 40px;top: 0;display: block;cursor: pointer;}
	.footer dl dd {padding-top: 10px;padding-bottom: 10px;padding-left: 3%}
	.footer .copyright{line-height: 20px;padding-top: 15px;padding-bottom: 15px}
}<!--0.00022697448730469-->