@charset "utf-8";
/* CSS Document */
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; }
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
ul, ol {list-style-type: none;}
table {border-spacing: 0;border-collapse: collapse;}
button {border: none;}
img {border: 0;vertical-align: middle;}
input, textarea, select {outline: none;}
:focus{outline:0;}
a {color: #000;text-decoration: none;}
textarea {resize: none;}
::-ms-clear, ::-ms-reveal {display: none;}
a ,button, input, textarea {-webkit-tap-highlight-color: rgba(0,0,0,0);}
.clearfix {zoom: 1;}
.clearfix:after,
.container:after,
.container01:after {content: "";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.l{ float:left;}.r{ float:right;}
.clear:after,.case-read-img p:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0}
.clear,.case-read-img p{zoom: 1}
.cn {font-family: 'pingfang',"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;}
@font-face {
    font-family: duraregular-p;
    src: url(fonts/regular/dura-rep-webfont.eot);
    src: url(fonts/regular/dura-rep-webfont.eot?#iefix) format('embedded-opentype'),url(fonts/regular/dura-rep-webfont.woff) format('woff'),url(fonts/regular/dura-rep-webfont.ttf) format('truetype'),url(fonts/regular/dura-rep-webfont.svg#duraregular) format('svg'),url(fonts/regular/dura-rep-webfont.woff2) format('woff2');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: durabold-p;
    src: url(fonts/bold/dura-bop-webfont.eot);
    src: url(fonts/bold/dura-bop-webfont.eot?#iefix) format('embedded-opentype'),url(fonts/bold/dura-bop-webfont.woff) format('woff'),url(fonts/bold/dura-bop-webfont.ttf) format('truetype'),url(fonts/bold/dura-bop-webfont.svg#durabold) format('svg'),url(fonts/bold/dura-bop-webfont.woff2) format('woff2');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: duramedium-p;
    src: url(fonts/medium/dura-mep-webfont.eot);
    src: url(fonts/medium/dura-mep-webfont.eot?#iefix) format('embedded-opentype'),url(fonts/medium/dura-mep-webfont.woff) format('woff'),url(fonts/medium/dura-mep-webfont.ttf) format('truetype'),url(fonts/medium/dura-mep-webfont.svg#duramedium) format('svg'),url(fonts/medium/dura-mep-webfont.woff2) format('woff2');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: duralight-p;
    src: url(fonts/light/dura-lip-webfont.eot);
    src: url(fonts/light/dura-lip-webfont.eot?#iefix) format('embedded-opentype'),url(fonts/light/dura-lip-webfont.woff) format('woff'),url(fonts/light/dura-lip-webfont.ttf) format('truetype'),url(fonts/light/dura-lip-webfont.svg#duralight) format('svg'),url(fonts/light/dura-lip-webfont.woff2) format('woff2');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Vijaya;
    src: url(fonts/Vijaya.eot);
    src: url(fonts/Vijaya.eot?#iefix) format('embedded-opentype'),url(fonts/Vijaya.woff) format('woff'),url(fonts/Vijaya.ttf) format('truetype'),url(fonts/Vijaya.svg) format('svg');
    font-weight: 400;
    font-style: normal
}


body {color: #333;font-family: duralight-p,Arial,sans-serif;font-size: 16px;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width: 0.2px;}
html, body {position: relative;height: 100%;}
.container,
.container01 {margin-right: auto;margin-left: auto; width:90%;}
.container {width: 1280px;}
/*.container01 {width: 1400px;}*/
@media (max-width: 1440px) {
/*.container01 {width: 1280px;}*/
}
@media (max-width: 1300px) {
.container01,
.container {width: 94%;}
}

/*reset*/


/*nav*/
.img-responsive {display: block;max-width: 100%;height: auto;}
.navbar-brand {height: 30px;padding: 15px 15px;font-size: 18px;line-height: 20px;width: 155px;margin: 0 auto;display: inline-block;}
@media (min-width: 768px) {
.navbar-brand {width: 200px;height: 30px;padding: 26px 15px 30px 0;}
}


.collapse {display: none;}
.navbar {position: absolute;top: 0;left: 0;z-index: 9998;right: 0;}
.navbar .container,
.navbar .container01 {box-sizing: border-box;}
.navbar-logo {float:left;}
.navbar-box{ float:right; position:relative;/*margin-top: 13px;*/}
.navbar-header {margin-right: -15px;margin-left: -15px;}
.nav-mobile .navbar-logo {text-align: center;}
.navbar-nav>li {display: block;margin-left:37px;}
@media (min-width: 768px) {
	.navbar-nav>li {float: left;}
	.nav-mobile {display: none;}
	.nav-pc {display: block;position: relative;z-index: 9999;/*padding-top: 20px;*/}
}
.firstLi>a {color: #727272;height: 60px;line-height: 60px;display: block;position: relative;overflow: hidden; font-family: duraregular-p,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 15px; text-transform:uppercase;}
.firstLi > a > span {display: block;text-align: center;}
.firstLi > a > span.en { font-family: duraregular-p,"Helvetica Neue",Helvetica,Arial,sans-serif;}
.firstLi>a .cn {font-family: 'pingfang',"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;}
@media only screen and (max-width: 767px) {
	.nav-mobile {display: block;position: relative;background-color: #fff;z-index: 9999;}
	.nav-pc {display: none;}
	.nav-mobile .navbar-nav {position: absolute;left: 0;right: 0;top: 60px;z-index: 9999;padding: 0 20px;background: #fff;border-top: 1px solid #d6d6d6;}
	.nav-mobile .navbar-nav>li {margin-right: 0;}
	.container .navbar-collapse {margin-right: -15px;margin-left: -15px;}
	.navbar-collapse {background-color: #fff;display: none;}
	.nav-mobile  .navbar-nav > li {border-bottom: 1px solid #d6d6d6;font-size:19px;}
	.navbar-nav>li {margin-left: 0;padding-top: 0;background-color: #fff;}
	.firstLi.hasSecend>a:after {content: "";position: absolute;width: 16px;height: 8px;top: 50%;right: 15px;margin-top: -5px;background: url(../images/sj.png) no-repeat center center;background-size: 16px 8px;transition-delay: 0.3s;-moz-transition-delay: 0.3s;-webkit-transition-delay: 0.3s;-o-transition-delay: 0.3s;-ms-transition-delay: 0.3s;transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);-moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);-webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);-ms-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);}
	.firstLi.hasSecend.cur>a:after {margin-top: -4px;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
	.nav-mobile  .firstLi>a {line-height: 50px;height: 50px;color: #000;}
}
@media (min-width: 768px) {
	.mobile {display: none;}
	.firstLi>a {height: 80px;line-height: 80px;}
	.firstLi>a .en {opacity: 1;-webkit-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);-moz-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);-o-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);-webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);-moz-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);-o-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);font-family: "granby_ef_lightregular";}
	.firstLi:hover>a .en {opacity: 0;webkit-transform: translateY(-30px);-moz-transform: translateY(-30px);-ms-transform: translateY(-30px);-o-transform: translateY(-30px);transform: translateY(-30px);}
	.firstLi>a .cn {opacity: 0;-ms-transform: translateY(-35px);transform: translateY(-35px);font-family:"Microsoft YaHei", SimSun, arial, sans-serif;font-size: 14px;}
	.firstLi:hover>a .cn {opacity: 1;-ms-transform: translateY(-80px);transform: translateY(-80px);-webkit-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);-moz-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);-o-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);-webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);-moz-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);-o-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);}
}

/*二级*/
.firstLi-ul {display: none;}
.firstLi-ul {position: absolute;right: 0;top: 80px;background: #fff;}
.firstLi-ul {width: 550px;}
.firstLi-ul {padding: 30px 95px 30px 95px;border: 1px solid #e0e0e0;}
.firstLi-ul li{ float:left; width:275px;}
.firstLi-ul li a{ display:block; text-align:center;}
.firstLi-ul li a.li1 {padding-top:130px;background: url(../images/product-icon1.jpg) no-repeat center top;}
.firstLi-ul li a.li2{padding-top:130px;background: url(../images/product-icon2.jpg) no-repeat center top;}
.hair-tit{ color:#464646;font-family: duramedium-p,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:20px;margin-bottom:40px;}
.arw{position: absolute;display: block;width: 0;height: 0;border-color: transparent;border-style: solid}
.arw {border-width: 9px}
.arw {right: 50%;margin-right:-95px;border-top-width: 0;border-bottom-color:#e0e0e0;top: -9px}
/*.hair-cross {position: absolute;width: 30px;height: 30px;top: 30px;right: 30px;opacity: .5;cursor: pointer}
.hair-cross.small {width: 16px;height: 16px;top: 16px;right: 16px}
.hair-cross:after,.hair-cross:before {content: "";position: absolute;z-index: -1;background: #505050;-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.hair-cross:before {left: 50%;width: 1px;height: 100%}
.hair-cross:after {top: 50%;height: 1px;width: 100%}*/
.nav-mask {/*position: fixed;left:0;right:0;top:0px;bottom: 0;background:#000;opacity:0.5;filter:alpha(opacity=50);z-index:9997;*/display: none;}




.nav-btn {position: absolute;left: 0;cursor: pointer;height: 14px;width: 22px;padding: 22px 10px;background-color: transparent;background-image: none;border: 1px solid transparent;border-radius: 4px;}
.nav-btn > .i-bar {position: absolute;left: 10px;top: 0;width: 22px;height: 2px;border-radius: 1px;background: #333;-webkit-transform: translateY(0) translateZ(0);-ms-transform: translateY(0) translateZ(0);transform: translateY(0) translateZ(0);transition: background-color 0.35s,opacity 0.175s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.175s cubic-bezier(0.215, 0.61, 0.355, 1);transition: background-color 0.35s,transform 0.175s cubic-bezier(0.215, 0.61, 0.355, 1),opacity 0.175s cubic-bezier(0.215, 0.61, 0.355, 1);transition: background-color 0.35s,transform 0.175s cubic-bezier(0.215, 0.61, 0.355, 1),opacity 0.175s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.175s cubic-bezier(0.215, 0.61, 0.355, 1);}
.nav-btn > .i-bar:nth-of-type(1) {top: 21px;}
.nav-btn > .i-bar:nth-of-type(2) {top: 28px;}
.nav-btn > .i-bar:nth-of-type(3) {top: 35px;}
.nav-btn.cur > .i-bar:nth-of-type(1) {-webkit-transform: translateY(7px) rotate(45deg);-ms-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg);}
.nav-btn.cur > .i-bar:nth-of-type(2) {opacity: 0;}
.nav-btn.cur > .i-bar:nth-of-type(3) {-webkit-transform: translateY(-7px) rotate(-45deg);-ms-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg);}
@media (min-width: 768px) {
	.nav-btn {display: none;}
}
@media (min-width: 768px) {
	.navbar-nav {float: left;margin: 0;}
}
@media (min-width: 768px) {
	.navbar-collapse.collapse {display: block!important;height: auto!important;padding-bottom: 0;overflow: visible!important;}
}



.header{height: 70px;width: 100%;position: fixed;top: -70px;left: 0;z-index: 99;transition: all .8s ease;display: block;opacity: 0; background-color:#282b2e;background: url(../images/bg50.png) repeat center center;}
.header-small{height: 60px;background: #fff;-webkit-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;-moz-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;transition: all .3s ease}
.header-in{/*width: 1280px;*/margin: 20px auto;height: 30px;transition: all .3s ease; width:90%;}
.header-in .logo img{transition: all .3s ease}
.header-small .header-in{margin: 15px auto;transition: all .3s ease}
.header-small .logo img{height: 22px;margin-top: 4px}
.header .logo{float: left;/*margin-left: 10px*/}
.header .meun-off{float: right;margin-right: 10px}
.header .meun-off .l{float: right;margin-right: 10px;margin-top: 5px;}
.header .meun-off .r{float: right;color: #FFF;font-family:Arial,Helvetica,sans-serif;font-size:14px;margin-top:5px;}
.header .meun-off span{width: 12px;height: 2px;background-color: #FFF;display: block;margin: 3px auto;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out}
.header .meun-on #span2{opacity: 0}
.header .meun-on #span1{-webkit-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);-o-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg)}
.header .meun-on #span3{-webkit-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);-o-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg)}
.nav{position: fixed;width: 100%;height: 100%;top: 0;left: 0;background:#0b3769;display: none}
.nav ul.navlist{margin: 0 auto;width: 50%;text-align: center;height: 550px;position: absolute;top: 50%;margin-top: -275px;left: 50%;margin-left: -25%;overflow: auto;}
.nav ul.navlist::-webkit-scrollbar{display: none;}
.nav ul.navlist li{-webkit-animation: DDInY .8s .3s ease both;-ms-animation: DDInY .8s .3s ease both;-moz-animation: DDInY .8s .3s ease both;animation: DDInY .8s .3s ease both}
.nav ul.navlist li a{display: block;height: 60px;overflow: hidden;margin: 10px 0}
.nav ul.navlist li span{display: block;font-size: 30px;line-height: 60px;text-transform: uppercase;color: #e9e7e8}
.nav ul.navlist li span.cn {font-size: 28px;font-family: 'pingfang',"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;}
.nav ul.navlist .nav-share {padding-top:75px;}
.nav ul.navlist .nav-share li{display:inline-block; width:30px;height: 30px;border-radius:50%; background:#fff;margin:0 2.5px; position:relative;}
.nav ul.navlist .nav-share a{display:inline-block; width:30px;height: 30px;border-radius:50%; background:#fff;margin:0;}
.nav ul.navlist .nav-share a.fb{background: url(../images/nav-share.png) repeat left center #fff;}
.nav ul.navlist .nav-share a.tw{background: url(../images/nav-share.png) repeat -36px center #fff;}
.nav ul.navlist .nav-share a.in{background: url(../images/nav-share.png) repeat -72px center #fff;}
.nav ul.navlist .nav-share a.wx{background: url(../images/nav-share.png) repeat right center #fff; position:relative;}
.nav ul.navlist .nav-share li .li-weixin img{display:none;width: 100px;height: 100px;margin-left: -35px;margin-top: -140px;position:absolute;z-index:1;}
.nav ul.navlist .nav-share li:hover .li-weixin img{display:block;}
.nav .nenu-closeBOX{ position:relative;top: 4%;}
.nav .close{display: block;position: absolute;top: 4%;right: 2%}
.nav .close img{transition: all .5s ease; width:30px;}
.nav .close:hover img{transform: rotate(180deg)}
@media screen and (max-width:1300px){
.header-in{width:94%;}
}
@media screen and (max-width:750px){
.header{height: 60px;top:0;}
.header-small{height: 40px}
.header .logo img{height: 18px;margin-top: 0px}
.header .meun-off{margin-right: 0}
.nav .close img{width: 25px;height: auto}

.nav ul.navlist{width: 80%;height:90%;margin:0 auto;margin-top:0; top:10%;left:10%;margin-left:0;overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 10006; }
.nav ul.navlist li a{height: 40px;margin: 10px 0}
.nav ul.navlist li span{font-size: 20px;line-height: 40px;}
.nav ul.navlist li span.cn {font-size: 18px;}
.nav ul.navlist .nav-share{padding-top:20px;}
}




.header.header-hover{display: block;opacity:1;height: 70px; top:0;}
.navbar.header-hover{display:none;opacity:0;}
@media (max-width: 1200px) {
.nav-pc{ display:none!important;}
.header{ display:block!important;opacity:1!important;top:0;}
}




/*ugan-des*/
.ugan-des {margin-top: 280px;margin-bottom:290px;}
@media (max-width: 768px) {
.ugan-des {margin-top: 150px;}
}
.ugan-des-hd {text-align: center;}
.ugan-des-hd p {font-size:26px; line-height:34px;color: #000;text-align: center;}




/*swiper */
.swiper-hd .swiper-slide img {width: 100%;}
.swiper-hd {box-sizing: border-box;}
.swiper-hd .swiper-pagination-bullet {width: 42px;height: 1px;background: rgba(255, 255, 255, .6);border-radius: 0;}
@media (min-width: 768px) {
	.swiper-hd .swiper-pagination-bullet {height: 3px;}
}
.swiper-hd .swiper-pagination-white .swiper-pagination-bullet-active {background: rgb(255, 255, 255);}
.swiper-hd.swiper-container-horizontal .swiper-pagination {text-align: center;bottom: 30px;}
@media (min-width: 768px) {
	.swiper-hd.swiper-container-horizontal .swiper-pagination {text-align: right;right: 10%;left: auto;}
}
.swiper-hd.swiper-container {width: 100%;height: 92%;}
.swiper-hd .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-hd .swiper-button-next{background:url(../images/index-right.png) no-repeat center center; right:0;filter:alpha(opacity=75);opacity: 0.75; }
.swiper-hd .swiper-button-prev {background:url(../images/index-left.png) no-repeat center center; left:0;filter:alpha(opacity=75);opacity: 0.75;}

.swiper-hd .swiper-slide .inSw-inner {margin: 0 auto;padding-top: 40px;}
.swiper-hd .swiper-slide p {color: #464646;font-size: 22px;line-height: 30px;font-family: Vijaya,"Helvetica Neue",Helvetica,Arial,sans-serif;}
.swiper-hd .swiper-slide .innerlogo img{max-width:100%; width:auto;}
.swiper-hd .swiper-slide .innerT{text-transform: uppercase;font-family: duramedium-p,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 30px; color:#464646;}
.swiper-hd .swiper-slide .innerBtn{ width:50px; height:50px;background:url(../images/banner2-down.png) no-repeat center center; display:inline-block;margin-top:25px;}
@media (min-width: 768px) {
	.swiper-hd.swiper-container {width: 100%;height: 940px;}
}
@media (max-width: 1440px) {
.swiper-hd .swiper-slide .inSw-inner {padding-top: 0px;}
}
@media (max-width: 1200px) {
.swiper-hd {margin-top:60px!important;}
.swiper-hd .swiper-slide .inSw-inner {padding-top: 0px;}
.swiper-hd .swiper-slide .inSw-inner p {font-size: 16px; line-height:normal;}
.swiper-hd .swiper-slide .inSw-inner .innerlogo img{max-width:50%;}
.swiper-hd .swiper-slide .inSw-inner .innerT{font-size: 20px;}
.swiper-hd .swiper-slide .inSw-inner .innerBtn{ width:30px; height:30px;background-size:100%; margin-top:25px;}
}
@media (max-width: 768px) {
.swiper-hd .swiper-button-next, 
.swiper-hd .swiper-button-prev {display: none;}
}



/*proList*/
.index-pro{padding-bottom:25px;/*padding:0 105px;*/}
.index-pro .proBox{width:340px;}
.index-pro .proList{margin:0;padding:0;width:340px;overflow:hidden;height:auto;color:#a0a0a0;font-size:0;line-height:normal;position:relative;}
.index-pro .proList li{margin:0;padding:0;overflow:hidden;list-style:none;width: 340px;position: relative;}
.index-pro .proList li a{display:block; background:#fff;border-radius: 5px;margin:0;}
.index-pro .proList li .ImgBox{width: 340px;height:340px;overflow:hidden; background:#fff;}
.index-pro .proList li .ImgBox img{max-width: 340px;max-height:340px;width: 100%;height:100%;}
.index-pro .proList li .ImgBox img{transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;}
.index-pro .proList li:hover .ImgBox img{-moz-transform: scale(1.05); -webkit-transform: scale(1.05);transform: scale(1.05);}
.index-pro .proTitle{overflow:hidden;display:block;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; position:relative; font-size:30px; color:#464646;margin-top:130px; width:420px;}
.index-pro .proTitle .more{ display:block;font-size:18px;color:#333333;height:30px;line-height:30px; overflow:hidden;}
.index-pro .proTitle .more a{ display:inline-block;font-size:14px;color:#464646;height:24px;line-height:24px; overflow:hidden;padding-right:24px;background:url(../images/more.png) no-repeat right center;}
.index-pro .proBigbox1,.index-pro .proBigbox2{padding: 0 105px;}
.index-pro .proBox.l{margin-right:120px;}
.index-pro .proBigbox2{margin-top:350px;margin-bottom:180px;}
.index-pro  .prev {width: 7px;height: 12px;background:url(../images/arrow.png) no-repeat left center; display:inline-block;margin-top:20px;}
.index-pro  .next {width: 7px;height: 12px;background:url(../images/arrow.png) no-repeat right center;display:inline-block;margin-top:20px;margin-left:10px;}
.index-pro  .prev,.index_pro  .next{filter:alpha(opacity=100);-moz-opacity:1; opacity:1;margin:0 8px;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
}
.index-pro  .prev:hover,.index-pro  .next:hover{filter:alpha(opacity=70);-moz-opacity:0.75; opacity:0.75;}
.index-pro .hd{  display:none;}
@media (max-width: 1280px) {
.index-pro{padding-bottom:25px;}
.index-pro .proBigbox1,.index-pro .proBigbox2{padding:0 50px;}
}

@media (max-width: 768px) {
.index-pro{padding-bottom:25px;}
.index-pro .proBox{width:340px; float:left;}
.index-pro .proBigbox1,.index-pro .proBigbox2{padding:0 3%;}
.index-pro .proTitle{ width:100%;}
.index-pro .proList li .ImgBox{width:100%;height:auto;}
.index-pro .proList li .ImgBox img{max-width: 100%;max-height:100%;}
}
@media (max-width: 340px) {
.index-pro .proBox{width:100%;}
}


/****************footer start******************/
.footer { background:#333333; position:relative;}
.footer .footer_nav{min-height:44px;font-size:12px;overflow:hidden;width:100%;height:auto;padding: 30px 0 0 0;}
.footer .footer_nav .left{overflow:hidden;float:left;font-size:12px;line-height:26px;color:#5d6371;}
.footer .footer_nav .left ul{height:auto;width:210px;float:left;}
.footer .footer_nav .left ul li{list-style-type:none;display:block;line-height:30px;}
.footer .footer_nav .t1{font-size:16px;margin-bottom: 14px;color:#8e8e8e;font-family: duramedium-p,"Helvetica Neue",Helvetica,Arial,sans-serif; text-transform:uppercase;}
.footer .footer_nav .t1 a{color:#8e8e8e;font-family: duramedium-p,"Helvetica Neue",Helvetica,Arial,sans-serif}
.footer .footer_nav .t2{font-size:14px;}
.footer .footer_nav .t2 a{font-size:14px;display: inline-block;overflow:hidden;height:20px;line-height:20px;color:#5f5f5f; position:relative;font-family: duramedium-p,"Helvetica Neue",Helvetica,Arial,sans-serif}
.footer .footer_nav .t2 a:hover,.footer .footer_nav .t1 a:hover{color:#fb3838;}
.footer .footer_nav .share{margin:0 auto;text-align:left;position:relative;padding-top: 55px;}
.footer .footer_nav .share ul{margin:0 auto;height:34px; width:100%;}
.footer .footer_nav .share ul li{height: 24px;display:inline-block;*display:inline;margin-right:8px;padding:0;position:relative; vertical-align:top; font-size:12px; text-transform:uppercase; color:#5f5f5f;}
.footer .footer_nav .share ul li a{overflow: hidden;width: 24px;height: 24px;line-height:24px;border-radius:5px;display:block; background-repeat:no-repeat; position:relative;margin:0;cursor:pointer;padding-top:0em;transition: all 1s;margin-right:8px;}
.footer .footer_nav .share ul li a.fa-fb{background-image:url(../images/bottom-share01.png);}
.footer .footer_nav .share ul li a.fa-tw{background-image:url(../images/bottom-share02.png);}
.footer .footer_nav .share ul li a.fa-in{background-image:url(../images/bottom-share03.png);}
.footer .footer_nav .share ul li a.fa-wx{background-image:url(../images/bottom-share04.png); }
.footer .footer_nav .share ul li .li-weixin img{display:none;width: 100px;height: 100px;margin-left: -35px;margin-top: -140px;position:absolute;z-index:1;}
.footer .footer_nav .share ul li:hover .li-weixin img{display:block;}

.footer .bottomfeedback{font-size:12px;line-height:24px;color:#7d7d7d; float:right; width:342px; overflow:hidden; text-align:left;}
.footer .bottomfeedback .t1{text-transform:none;font-size: 18px;}
.bottomfeedback{text-align:center;position:relative;}
.bottomfeedback .formtable{font-size:14px;color:#fff;padding:0;margin:0 auto;text-align:left;}
.bottomfeedback .formtable table{margin:0 auto;}
.bottomfeedback .text{height:28px; line-height:28px; width:310px;border:1px solid #5f5f5f; outline:none;padding:5px 15px; font-size:14px;color:#a0a0a0; background:transparent;font-family: duralight-p,Arial,sans-serif;margin:0;margin-bottom:8px; border-radius:5px;}
.bottomfeedback .text2{height:80px; line-height:28px; width:310px;border:1px solid #5f5f5f;  outline:none;padding:5px 15px; font-size:14px;color:#a0a0a0; background:transparent;font-family: duralight-p,Arial,sans-serif;margin:0 ;margin-bottom:0px; border-radius:5px;}
.bottomfeedback .getcode{height:28px; line-height:28px; width:125px;border:1px solid #5f5f5f; outline:none;padding:5px 0px 5px 15px; font-size:14px;color:#a0a0a0; background:transparent;font-family: duralight-p,Arial,sans-serif; margin:0;margin-right:5px;/*margin-bottom:8px;*/float:left; border-radius:5px;}
.bottomfeedback .t2{padding-right:0px;}
.bottomfeedback .formbutton{font-size:14px;color:#fff;padding:0;margin:0 auto;text-align:right;}
.bottomfeedback .input{display:inline-block;height:35px; line-height:35px;border-radius:5px; font-size:14px;color:#fff;margin:0;text-align:right;padding:0;border:none;font-family:"微软雅黑",Sans-Serif; cursor:pointer;padding-right:20px;background: url(../images/send-iconw.png) no-repeat right center; text-transform:uppercase;}
.bottomfeedback .input:hover{filter: Alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;}
.footer .footer_nav .right{overflow:hidden;float:right;width:110px; text-align:right;}
.footer .bq{overflow:hidden;width:100%;font-size:12px;line-height:27px;color:#5f5f5f;position:relative; background:#333333;}
.footer .bq .bqname{text-align:left;float:left; width:50%;line-height:40px;color:#5f5f5f;}
.footer .bq .beian{text-align:right;float:left; width:50%; line-height:40px; color:#5f5f5f; font-size:12px;}
.footer .bq a{color:#5f5f5f;}
.footer .bq a:hover{color:#0b3769;}
.footer:after{content: "";position: absolute;left:0;right:0;margin:0 auto;bottom:0;width:90px;height:60px; background: url(../images/bottom-logo.png) no-repeat left center;}
@media screen and (max-width:1500px) {	
.footer .bottomfeedback{width:32%;}
.bottomfeedback .text{width:calc(100% - 40px);}
.bottomfeedback .text2{width:calc(100% - 40px);}
.bottomfeedback .text3{width:calc(50% - 42px);}
.bottomfeedback .text4{width:calc(50% - 42px);margin-left:4px;}
.bottomfeedback .getcode{width:calc(50% - 42px);}
.footer .footer_lx{width:calc(40% - 90px);}
.footer .footer_lx .footer_nr{padding-right:20px;}
.footer .footer_nav .left{width:43%;}
.footer .footer_nav .left ul{width:33.33%;margin-right:0;}
.footer .footer_nav .share ul{margin:0 auto;height:34px; width:100%;}
}

@media screen and (max-width:1024px) {
.footer .footer_nav .share ul{margin:0 auto;height:34px; width:100%;}
.footer .footer_nav .left{width:100%;}
.footer .footer_nav .right{float:left;width:30%; text-align:center;}
.footer .bottomfeedback{width:100%;}
.bottomfeedback .text{width:calc(100% - 40px);}
.bottomfeedback .text2{width:calc(100% - 40px);}
.bottomfeedback .text3{width:calc(50% - 42px);}
.bottomfeedback .text4{width:calc(50% - 42px);margin-left:4px;}
.bottomfeedback .getcode{width:calc(50% - 42px);}
.footer .footer_lx{width:calc(40% - 90px);}
/*.footer .footer_nav .left,.footer .footer_nav .share{ display:none;}*/
.footer .footer_nav .lianxi{width:100%; height:auto;margin-bottom:5%;}
}
@media screen and (max-width:750px) {
/*.footer .footer_nav .left ul{ display:none;}*/
.footer .footer_nav .left ul{width:100%; text-align:center;}
.footer .footer_nav .left ul .ulB{display: none;}
.footer .footer_nav .t1 a{ display:block;}
.footer .footer_nav .share ul{display: block;margin-bottom: 30px;}
.footer .footer_nav .lianxi{width:100%;margin-left:0; display: block;}
.footer .footer_nav .right{width:100%;}
.footer .bottomfeedback{width:100%;}
.footer .bq .bqname,.footer .bq .beian{width:100%;text-align: center; line-height:20px;}
.bottomfeedback .formtable table,.bottomfeedback .formtable table tbody{ display:block; width:100%;}
.bottomfeedback .text3{width:calc(100% - 40px);}
.bottomfeedback .text4{width:calc(100% - 40px);margin-left:0;}
.footer:after{ display:block; position:static;}
}





/*page*/
.pageInfo{padding: 200px 0 50px 0;font-size: 16px;color: #464646; font-weight:normal; line-height:30px;font-family: duralight-p,Arial,sans-serif;}
.pageInfo img{max-width:100%;}
.about{margin: 0 auto}
.pageInfo .about-left{float: left;width: 50%;font-family: duralight-p,Arial,sans-serif;}
.pageInfo .about-left .about-left-info{margin-left: 120px;margin-top: 10px;font-size: 40px;}
.pageInfo .about-left .about-left-info span{ display:inline-block;line-height:40px; vertical-align:middle;}
.pageInfo .about-left .about-left-info span.cn{font-size: 18px;font-family: 'pingfang',"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;margin-left:30px; line-height:40px;}
.pageInfo .about-right{float: right;width: 50%;}
.pageInfo .about-1{margin-bottom:15px;}
.pageInfo .about-right .cn{font-size: 14px;font-family: 'pingfang',"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;}
.about {margin-bottom: 180px;}
@media screen and (max-width: 750px) {
	.about{width: 94%}
	.pageInfo{padding: 120px 0 50px 0;}
	.pageInfo .about-left{width: 100%;}
	.pageInfo .about-left .about-left-info{margin-left: 0;margin-bottom:10px;font-size: 28px;}
	.pageInfo .about-left .about-left-info span.cn{font-size: 16px;margin-left:15px;}
	.pageInfo .about-right{width: 100%;}
}



/*agent*/
.agent{margin-bottom:110px;}
.agent .about-left .agent-info{padding: 0 50px 0 25px;}
.agent .about-right .agent-info2{padding:0 50px 0 0;}
.agent .about-left .agent-info .about-2.cn{ font-size:14px;}
.agent .about-right .about-img{padding-right:25px;}
.agent .about-right .about-img img{ width:100%;}
.pageInfo .agent .about-left{float: left;width: 55%;}
.pageInfo .agent .about-right{float: left;width:45%;}
.agent-tit{ padding:0px 50px; color:#464646;font-family: duramedium-p,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:26px;margin-bottom:40px;}
.grey{ background:#f9f9f9;padding:50px 0;}
@media screen and (max-width: 750px) {
.agent-tit{ padding:0px 30px;}
.agent .about-left .agent-info{padding:0 25px;}
.agent .about-right .agent-info2{padding:0 25px;}
.agent .about-right .about-img{padding:0 25px;margin-top:30px;}
.pageInfo .agent .about-left{width: 100%;}
.pageInfo .agent .about-right{width:100%;}
}




/*contact*/
.pageInfo .contact .contact-tit{font-size: 40px; line-height:40PX; color:#464646;margin-bottom:5px;}
.pageInfo .contact .contact-wz{font-size: 16px; line-height:26PX; color:#333333;}
.pageInfo .contact .contact-left{ width:52.34375%; float:left;margin-right:6.25%;}
.pageInfo .contact .contact-right{ width:41.40625%; float:left;}
.pageInfo .contact .contact-right .t2{font-size: 18px; text-transform:uppercase;}

/*feedback*/
.feedback2{width:100%; height:auto; overflow:hidden;margin-top:10px; font-size:14px;}
.feedback2 .tt{font-size: 16px; line-height:40PX; color:#333333;}
.feedback2 .tt span{margin-left:5px; color:#fb3838; font-family:Arial,Sans-Serif;}
.feedback2 input{width:100%; height:40px; border:none; margin:0;margin-bottom:10px; padding:0 0;background:#f6f6f6; color:#a0a0a0; font-family: duralight-p,Arial,sans-serif;outline:none;text-indent:15px;}
.feedback2 .l1,.feedback2 .l2{ float:left;}
.feedback2 .l2{margin-left:15px;}
.feedback2 .text2{width:100%; height:100px; border:none; margin:0;margin-bottom:10px; padding:10px 0px;background:#f6f6f6; color:#a0a0a0;font-family: duralight-p,Arial,sans-serif;outline:none; text-indent:15px;}
.feedback2 .getcode input{width:47%; margin-right:15px;}
.feedback2 .getcode span{margin-left:1em;}
.feedback2 .getcode img{max-width:100px;}
.feedback2 .button{ text-align:right;padding-right:60px;}
.feedback2 .button .submit{ width:auto;display:inline-block;height:35px; line-height:35px;border-radius:5px; font-size:20px;color:#464646;margin:0;text-align:right;padding:0;border:none;font-family: duralight-p,Arial,sans-serif; cursor:pointer;padding-right:40px;background: url(../images/send-icon.png) no-repeat right center; text-transform:uppercase;}
.contctTable{padding-right:80px;}
@media screen and (max-width:1200px){
   .feedback2 input{width:calc(100% - 15px);}
   .feedback2 .l1,.feedback2 .l2{width:31.66666666666667%;}
   .feedback2 .l2{margin-left:2.5%;}
   .feedback2 .text2{width: calc(100% - 15px)}
}
@media screen and (max-width:1024px){
.contctTableB{ float:none;width:100%;margin-bottom:20px;}
.contctTable{padding-right:0;}
}

@media screen and (max-width:1024px){
   .feedback2 input{width:calc(100% - 15px);}
   .feedback2 .l1,.feedback2 .l2{width:100%; float:none;}
   .feedback2 .l2{margin-left:0;}
}



/*contact-share*/
.contact-share{margin:0 auto;text-align:left;position:relative;padding-top:300px;}
.contact-share ul{margin:0 auto;height:36px; width:100%;}
.contact-share ul li{height: 36px;display:inline-block;*display:inline;margin-right:8px;padding:0;position:relative; vertical-align:top; font-size:12px; text-transform:uppercase; color:#5f5f5f;}
.contact-share ul li a{overflow: hidden;width: 36px;height: 36px;line-height:36px;border-radius:5px;display:block; background-repeat:no-repeat; position:relative;margin:0;cursor:pointer;padding-top:0em;transition: all 1s;margin-right:8px;}
.contact-share ul li a.fa-fb{background-image:url(../images/share-icon01.png);}
.contact-share ul li a.fa-tw{background-image:url(../images/share-icon02.png);}
.contact-share ul li a.fa-in{background-image:url(../images/share-icon03.png);}
.contact-share ul li a.fa-wx{background-image:url(../images/share-icon04.png); }
.contact-share ul li .li-weixin{ display:inline-block;width: 100px;height: 100px;margin-left: -35px;margin-top: -140px;position:absolute;z-index:1;}
.contact-share ul li .li-weixin img{display:none;width: 100px;height: 100px;}
.contact-share ul li:hover .li-weixin img{display:block;}
@media screen and (max-width:1024px){

	.pageInfo .contact .contact-tit{font-size: 26px;}
	.pageInfo .contact .contact-wz{font-size: 16px;}
	.pageInfo .contact .contact-left{ width:100%; margin-right:0%;margin-bottom:50px;}
	.pageInfo .contact .contact-right{ width:100%; }
	.pageInfo .contact .contact-right .t2{font-size: 18px;}
   .contact-share{padding-top:50px;}
}






/*news*/
.page-news{ position:relative;}
.sub_left_news{ width:280px; float:left; padding-top:0px;/*position:fixed;left:0;top:0;_position:absolute;_top:expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);*/  margin-bottom: 50px;}
.sub_left_news span{ display:inline-block;margin-left: 120px;margin-top: 0px;font-size:40px; text-transform: uppercase;}
.sub_right_news{line-height:2;border-left:solid 1px #ddd; padding-left:50px; width:949px;min-height:200px;word-wrap: break-word; float:right;}
.sub_right_news h3{color:#333; font-size:20px; line-height:1}
.pro_nav_box{ position:relative; height:30px;}
.pro_nav{ width:150px;border:solid 1px #ddd; text-align:center; position:absolute; right:0; top:0; z-index:1; background:#fff;}
.pro_nav ul{ height:24px; line-height:24px; cursor:pointer; background: url(../images/newsxiala.png) no-repeat 90% 10px; font-size:16px;}
.pro_nav dl{ display:none; background:#fff;}
.pro_nav dl a:hover{ text-decoration:underline}
a.s_menu{ text-decoration:underline}
.pro_nav_a{ background: url(../images/newsxiala.png) no-repeat 90% 10px;}
.pro_nav_b{ background: url(../images/newsxiala.png) no-repeat 90% 10px;}

.margin_10{height:10px; display:block; clear:both}
.sub_newsts{color:#333; padding:10px; text-align:left; clear:both; font-weight:bold; border-top: dashed 1px #cccccc}
.sub_newslinks{ padding:0 10px}
.sub_newslinks li{width:49%; float:left; height:23px; line-height:23px}
.sub_newslinks li a:link,.sub_newslinks li a:visited{color:#999}
.sub_newslinks li a:hover{color:#c72228;}
.sub_newsright{text-align:right; padding:10px 0; margin:10px 0 0 0;clear:both; color:#777}
.sub_newsright a:link,.sub_newsright a:visited{color:#000;}
.sub_newsright a:hover{ color:#000;}
.sub_newslist{padding-top:40px;}
.sub_newslist dl.a{width:135px;height: auto;float: right;text-align: right;}
.sub_newslist dl.a dd{ padding-top:30px;}
.sub_newslist dl.b{width: 300px;height: 190px;float:left;margin-right: 50px; overflow:hidden;}
.sub_newslist dl.b img{width:100%;}
.sub_newslist dl.c dd{ font-size:14px; line-height:30px;height:60px; overflow:hidden; padding-top:0px; color:#464646;}
.sub_newslist dl.c{padding: 0 0 0 0;}
.sub_newslist li{margin-bottom:30px;}
.sub_newslist dt h3,.sub_newslist dt h3 a{color:#464646;line-height:36px;height:36px;overflow:hidden;margin-bottom: 5px;font-size:16px;font-weight:bold;top: -5px;position: relative;}
.sub_newslist dt h3 a:hover{ color:#000;}


@media screen and (max-width:1024px){
.sub_left_news{ width:280px;margin-bottom: 50px; float:none;}
.sub_left_news span{font-size:26px;margin-left:0px;}
.sub_right_news{border-left:none; padding-left:0px; min-height:600px;word-wrap: break-word; float:none;}
.sub_right_news{ width:100%;}
}
@media screen and (max-width:750px){
.sub_newslist dl.a{ width:100%; height:auto;float:none}
.sub_newslist dl.b{ width:100%; height:auto; float:none;margin-right:6%;}
.sub_newslist dl.b img{width:100%; }
.sub_newslist dl.c{padding-right:0;}
.sub_newslist dt h3,.sub_newslist dt h3 a{top:5px;}
}








/*分页样式*/
.sub_newslist_fy{margin:10px 0px; clear:both; text-align:left; font-size:14px}
.fy1{padding:2px 7px; clear:both; color:#999;  margin:0 1px}
.fy1 a:link,.fy1 a:visited{color:#333}
.fy1 a:hover{text-decoration:underline; color:#333;}
#fy2{padding:2px 6px;font-size:14px;color:#0B3769;text-decoration:underline;}
#fy2 a:link,.fy2 a:visited{color:#0B3769;}
#jumpMenu{height:19px; margin:0 2px}
.next_bt{height:100px; line-height:100px; text-align:center}
.next_bt span{ margin:0 10px;padding:6px 15px; background:#999; color:#999}
.next_bt span a:link,.next_bt span a:visited{ color:#fff}
.next_bt span a:hover{color:#FFF; text-decoration:underline}








/****************product start******************/
.page-left{width:280px;float:left;margin-top:10px;margin-bottom:42px;}
.page-right{width:1000px;padding:10px 0 20px 0;min-height:400px;float:right;overflow:hidden;}
.page-menu{width:260px;padding:0 0;margin-right:20px;margin-bottom:25px;background: #fff;}
/*一级*/
.page-menu .tit{font-size:40px;margin-bottom:15px;}
.page-menu .li1 a{ font-size:16px; display:block;line-height:38px;height:38px; color:#464646; text-decoration:none;overflow: hidden;padding:5px 14px;text-transform:uppercase;}
.page-menu .li1 .a1{font-size:16px;color:#464646;position:relative; padding-left:20px;background: url(../images/product-ss.png) no-repeat 7px center;}
.page-menu .li1 .a1 span{ display: block;}
.page-menu .li1 .a1 span.cn{font-size:14px;}
.page-menu .li1 .a1:hover span.en{ display:none;}
.page-menu li.on .a1 span.en{ display:none;}
.page-menu li.on .a1 span.cn{color: #fb3838;/* font-weight:bold; */}.page-menu li.on .a1{/*background: url(../images/product-ss2.png) no-repeat 7px center;*/}
.page-sub-big{ display:none;border-bottom:1px solid #ccc;margin-bottom:30px;}
.page-sub-big li{ font-size:16px; display:inline-block;line-height:38px;height:38px; color:#464646; text-decoration:none;overflow: hidden;margin-right:15px;margin-bottom:10px;}
.page-sub-big li a{ display:inline-block;padding:5px 0;}
.page-sub-big li.on a{ color:#0b3769; font-weight:bold;}

/*proList*/
.proList{width:1035px;/*border-bottom:1px solid #ececec;*/margin-bottom:35px; font-size:0;margin:0 -15px;}
.proList li{list-style:none;overflow:hidden;margin:auto ;padding:0;display:block;display:inline-block;*display:inline;zoom:1; vertical-align:top;width:33.33333333%;/*float: left;width:310px;margin-right:35px;*/font-size:14px;height:auto;margin-bottom:30px;position:relative;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s; cursor:pointer;}
.proList li a{ display:block;margin:0 15px;}
.proList li .ImgBox{display:block;width:310px;height:310px;overflow:hidden; position:relative;}
.proList li .ImgBox img{overflow: hidden;max-width:310px;max-height:310px;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;-webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);}
.proList li .ImgBox:hover img{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);}
.proList li .tit{color:#464646;line-height:58px;height:58px; overflow:hidden;z-index:2;font-size:16px; font-weight: normal;padding:0 30px;text-align:center;}

@media screen and (max-width:1300px) {
.page-left{width:280px;float:left;margin-top:10px;margin-bottom:42px;}
.page-right{width: calc(100%  - 280px);}
.proList{ width: calc(100%  + 30px);}
.proList li{/*width: calc(100% / 3 - 30px);margin-right:30px;*/margin-bottom:30px;}
.proList li .ImgBox{width:100%;height:auto;}
.proList li .ImgBox img{max-width:100%;max-height:100%;}
}
@media screen and (max-width:1000px) {
.page-left{width:100%;}
.page-right{width:100%;}
.page-menu{width:100%;margin-right:0;}
.page-menu .tit{font-size:26px;}
.proList{ width: calc(100% + 3%);margin:0 -1.5%;}	
.proList li{/*width: calc(50% - 3%);margin-right:3%;*/margin-bottom:3%;}
.proList li a{margin:0 1.5%;}
.proList li .ImgBox{width: 100%}
.proList li .ImgBox img{width:100%}
.page-sub-big{ display: block;}
}
@media screen and (max-width:640px) {
.proList{ width: calc(100% + 0%);margin:0;}	
.proList li{width: 100%;margin-right:0;margin-bottom:40px;}
.proList li a{margin:0 0;}
}





/****************product_xq start******************/
.page .detailBox .detailImg{width:46.875%;padding-right:3.125%;height:auto;margin-bottom: 40px;float:left;}
.page .detailBox .detailImg img{width: 100%;}
.page .detailBox .detailNr{overflow:hidden;display:block;/*width:46.875%;padding-left:3.125%;*/width:45%;padding-left:5%;float:left;position:relative;margin-bottom: 40px;}

.page .detailBox .detailTitle{font-size:40px; line-height:normal;margin-bottom:8px;}
.page .detailBox .detailTitle2{margin-bottom:0px;}
.page .detailBox .detail-Text{padding-top:20px;/*margin-bottom:45px;*/margin-bottom:20px;}
.page .detailBox .detail-Tit{font-size:20px; color:#464646;font-family: duramedium-p,"Helvetica Neue",Helvetica,Arial,sans-serif;margin-bottom:15px;}
.page .detailBox .detail-Tit2{font-size:20px;color:#464646;font-family: duramedium-p,"Helvetica Neue",Helvetica,Arial,sans-serif;margin-bottom:40px;border-bottom:1px solid #ebebeb;line-height:60px;}
.page .detailBox .detail-Text2{padding-bottom:30px;}
.page .detailBox .detail-Text2 img{/* width:50px; height:50px;*/ width:45px; height:45px;display:inline-block;margin-right:5px;margin-bottom:5px;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;-webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);}
.page .detailBox .detail-Text2 img:hover{/*-webkit-transform: scale(3); -moz-transform: scale(2); transform: scale(2);*/-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); position:relative; z-index:99999;}
.page .detailBox .detail-info{color:#5e5e5e;font-size: 14px;margin-bottom:35px;padding:0 0 0 70px;}
.page .detailBox .detail-proList{margin-top:60px;padding:0 0 0 70px;}

@media screen and (max-width:1200px){
.page .detailBox .detail-info{padding:0 0;}
.page .detailBox .detail-proList{padding:0 0;}
}
@media screen and (max-width:1024px){
.page .detailBox .detailImg{width:100%;height:auto;margin-right:0;margin-bottom: 40px;;padding-right:0%;}
.page .detailBox .detailNr{width:100%;margin-bottom: 40px;padding-left:0%;}
}
@media screen and (max-width:750px){
.page .detailBox .detailTitle{font-size:26px;}
.page .detailBox .detail-Text{padding-top:18px;margin-bottom:30px;}
.page .detailBox .detail-Tit{font-size:18px;}
.page .detailBox .detail-Tit2{font-size:18px;margin-bottom:20px;}
.page .detailBox .detail-proList{margin-top:50px;}
}

/*page-back*/
.page .page-back{  text-align:center;padding:40px 0; border-top:1px solid #d6d6d6;margin:0 0 0 70px;}
.page .page-back a{display:block;width:186px;font-size: 14px;line-height: 42px;height:42px;overflow:hidden; text-align:center;border-radius:5px;color: #fff; background:#464646;margin:0 auto;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s; text-transform:uppercase;}
.page .page-back a:hover{background: #fb3838;}
@media screen and (max-width:1200px){
.page .page-back{margin:0 auto;}	
}


/*proList2*/
.proList2{width:100%; overflow:hidden;padding-top:20px;}
.proList2 ul{margin:0 -10px;}
.proList2 li{list-style:none;overflow:hidden;margin:auto ;padding:0;display:block;float: left;font-size:14px;width:25%;height:auto;margin-bottom:30px;position:relative;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s; cursor:pointer;}
.proList2 li a{ display:block;margin:0 10px;}
.proList2 li .ImgBox{display:block;/*width: 305px;*/width: 100%;height: auto;overflow:hidden;position:relative;}
.proList2 li .ImgBox img{overflow: hidden;max-width: 100%;max-height: 100%;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}
.proList2 li .ImgBox:hover img{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);}
.proList2 li .tit{color:#464646;line-height:26px;height:26px; overflow:hidden;font-size:16px; text-transform:uppercase;margin-top:14px;}
.proList2 li .more2{color:#909090;line-height:24px;overflow:hidden;font-size:14px;}
@media screen and (max-width:1300px) {
.proList2 ul{margin:0 -10px;}
.proList2 li a{margin:0 10px;}
.proList2 li .ImgBox{width:100%;height:auto;}
.proList2 li .ImgBox img{max-width:100%;max-height:100%;}
}
@media screen and (max-width:1024px) {
.proList2 li{width:33.33333%;}
.proList2 li .ImgBox{width: 100%}
.proList2 li .ImgBox img{width:100%}
}
@media screen and (max-width:640px) {
.proList2 li{width:50%;}
}


/*easeIn*/
.easeIn {filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;-webkit-transform: translate3d(0, 35px, 0);transform: translate3d(0, 35px, 0);transition: all 0.8s;}
.easeIn.active {filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}



/*preview xiugai*/
.page .detailBox .detailImg{width:50%;padding-right:0%;height:auto;margin-bottom: 40px;float:left;}
@media (max-width: 1300px) {
.page .detailBox .detailImg{width:640px;}
.page .detailBox .detailNr{width:calc(96%  - 640px);padding-left:4%;}
}
@media (max-width: 1200px) {
.page .detailBox .detailImg{width:640px}
.page .detailBox .detailNr{width:100%;padding-left:0;}
}
@media screen and (max-width:1024px) {
.page .detailBox .detailImg{width:100%;}
}
.hd2{ display:none;}


/* preview style */
.preview{width:100%;}
/* smallImg */
.smallImg{position:relative;height:570px; padding:0 5px; width:60px;float:left;}
#imageMenu {height:570px;overflow: hidden; margin-top:4px;}
#imageMenu li {height:42px; width:42px;/* overflow:hidden;*/margin-bottom:5px;padding:5px;}
#imageMenu li img{border:1px solid #ebebeb; width:40px; height:40px;cursor:pointer; border-radius: 2px;}          
#imageMenu li#onlickImg img{border-color:#fb3838;box-shadow: 0 0 3px 2px rgba(228,121,17,.5);}
/* bigImg */
.bigImg{position:relative;float:right;width:570px;height:570px;overflow:hidden;}
.bigImg #midimg{width:570px;height:570px;}
.bigImg #winSelector{width:210px;height:210px;}
#winSelector{position:absolute;cursor:crosshair;filter:alpha(opacity=15);-moz-opacity:0.15;opacity:0.15;background-color:#000;border:1px solid #fff;}
/* bigView */
#bigView{position:absolute;overflow: hidden;width:300px!important;height:300px!important;top:200px!important;left:0px;z-index:999;box-shadow: rgba(0, 0, 0, 0.247059) 0px 6px 8px 2px;border: 1px solid #949494;}
#bigView img{position:absolute;max-width: inherit!important;top:0;left:0px; width:800px!important;}
@media (max-width: 1300px) {
.page .detailBox .detailImg{width:640px;}
.page .detailBox .detailNr{width:calc(96%  - 640px);padding-left:4%;}
}
@media (max-width: 1200px) {
.page .detailBox .detailImg{width:640px}
.page .detailBox .detailNr{width:100%;padding-left:0;}
}
@media screen and (max-width:1024px) {
.page .detailBox .detailImg{width:100%}
.bigImg{ display:none;}
#bigView{ display:none;}
.smallImg{position:relative;height:auto; padding:0 0; width:100%; overflow:hidden;float:none;}
#imageMenu {height:auto;margin-top:0;}
#imageMenu li {height:auto; width:100%;margin-bottom:0;padding:0;}
#imageMenu li img{border:none; width:100%; height:auto;border-radius: 0;}
#imageMenu li#onlickImg img{border:none!important;width:100%;box-shadow: none!important;}
.hd2{ display: block;}
.hd2 ul {text-align:left;}
.hd2 ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:5px;height:5px;margin:0 3px;overflow:hidden;line-height:999px; border-radius:8px; background:#a4a4a4;}
.hd2 ul li.on{ background:#0071b7;}
}


/*detailList*/
.detail-Text2 .detailListBox{/* width:230PX;*/ position:relative;/* padding:0 30px;*/width:100%;}
.detail-Text2 .detailList1::-webkit-scrollbar ,.detail-Text2 .detailList2::-webkit-scrollbar{display: none;}
.detail-Text2 .detailList1 ,.detail-Text2 .detailList2{overflow: hidden;overflow-x: scroll;white-space: nowrap;-webkit-overflow-scrolling: touch;-moz-overflow-scrolling: touch;-o-overflow-scrolling: touch;-ms-overflow-scrolling: touch;overflow-scrolling: touch;}
.detail-Text2 .detailList1,.detail-Text2 .detailList2{ /*padding:0 30px;*/}
.detailListBox .prev{cursor:pointer; width:30px; height:100%; position:absolute; top:0; left:0;background: url(../images/gotop.png) no-repeat left center; display:none;}
.detailListBox .next{cursor:pointer;width:30px; height:100%; position:absolute; top:0; right:0;background: url(../images/gobottom.png) no-repeat right center; display:none;}



/*mask*/
.mask {width: 100%;height: 100%;display: none;background: rgba(83, 81, 80, 0.8);top: 0;left: 0;z-index: 9999;position: fixed;cursor: pointer;}
.mask div {position: relative;right: 0;left: 0;margin: auto;top: 0;bottom: 0;z-index: 99999;text-align: center;width: 100%;height: 100%;}
.mask div img {position: absolute;top: 0%;left: 0;right: 0;bottom:0;margin: auto;max-width: 75%;width:auto;height: auto;max-height:75%;}
.masks {width: 100%;height: 100%;display: none;background: rgba(83, 81, 80, 0.8);top: 0;left: 0;z-index: 99999;position: fixed;cursor: pointer;}
.newslist{width:1250px;height: auto;margin: 0 auto;padding: 10px;display: inline-block;}
@media (min-width: 1423px) and (max-width: 1903px) {
.mask div img {position: absolute;top: 0%;left: 0;right: 0;bottom: 0;margin: auto;max-width: 75%;width:auto;height: auto;max-height:75%;}
}
@media (max-width: 1445px) {
.mask div img {position: absolute;top: 0%;left: 0;right: 0;bottom: 0;margin: auto;max-width: 75%;width:auto;height: auto;max-height:75%;}
}



/*zenjia20191018*/




/*indexPro*/
.indexPro{padding-bottom:60px;padding-top:60px;}
.indexPro ul{margin:0 0; font-size:0;}
.indexPro ul li{ display:inline-block;*display:inline; zoom:1;width:50%;margin-bottom:20px;transition: transform 0.3s ease-in-out; vertical-align:top;}
.indexPro ul li a{display:block;margin:0 10px;}
.indexPro ul li .ImgBox{width:100%; height:auto;overflow:hidden;}
.indexPro ul li .ImgBox img {max-width:100%; max-height:100%;transition: transform 0.3s ease-in-out; display:block;}
.indexPro ul li .ImgBox img{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.indexPro ul li a:hover .ImgBox img{-moz-transform: scale(1.05); -webkit-transform: scale(1.05);transform: scale(1.05);}
.indexPro ul li .tit{font-size:26px; color:#000; line-height:70px; /*font-weight:600;*/}
.indexPro ul li .item{font-size:14px; color:#000; line-height:24px; width:50%;/*padding:10px;*/}
.indexPro ul li .more{ display:inline-block;padding-right:24px;background:url(../images/more.png) no-repeat right center;background-size:15px;}
@media screen and (max-width:1024px){
.indexPro ul li .item{width:100%;/*padding:3%;*/}
}
@media screen and (max-width:768px){
.indexPro ul li{width:100%;}
}

@media screen and (max-width:640px){
/*.indexPro ul li .tit{font-size:18px;}*/
}


@media screen and (min-width:1024px){
.lmList{
	height: 100%;width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	overflow: hidden;
}
.indexPro .lmList{
	transform: translate(20px,20px) scale(0.5);
	-webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
	opacity: 1;
	transition: all 0.9s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
	height: 100%;
}
.indexPro .active .lmList{
	transform: translate(0px,0px) scale(1);
	-webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
	opacity: 1;
	transition: all 0.9s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
}

}