.layout{/*max-width: 1320px;*/ width: 69.4%; margin: 0 auto;}
img{max-width: 100%;}
.clearfix:before,.clearfix:after{content: ""; display: table}.clearfix{zoom: 1;}
.clearfix:after{content: ""; clear: both; height: 0; visibility: hidden; display: block;}

/*header*/
#wrapper{width: 100%; position: relative; overflow-x: hidden;}
.header{width: 100%; position: absolute; left: 0; top: 0; z-index: 1000;}
.header .layout{position: relative;}
.header-top{width: 100%; height: 54px; background-color: #818f3a;}
.header-top .welcome{float: left; height: 54px; line-height: 54px; font-size: 14px; color: #fff;}
.header-top .bdsharebuttonbox{float: right; margin-top: 14px; text-align: right; font-size: 0;-webkit-text-size-adjust: none;}
.header-top .bdsharebuttonbox a{display: inline-block;_display: inline;zoom: 1; float: none; padding: 0; margin: 0 0 0 10px; width: 27px; height: 27px; background-image: url(../images/share.png); background-position: center; background-repeat: no-repeat;}
.header-top .bdsharebuttonbox a.bds_sqq{background-position: 0 0;}
.header-top .bdsharebuttonbox a.bds_sqq:hover{background-position: 0 -27px;}
.header-top .bdsharebuttonbox a.bds_tsina{background-position: -54px 0;}
.header-top .bdsharebuttonbox a.bds_tsina:hover{background-position: -54px -27px;}
.header-top .bdsharebuttonbox a.bds_weixin{background-position: -27px 0;}
.header-top .bdsharebuttonbox a.bds_weixin:hover{background-position: -27px -27px;}
.header-info{width: 100%; height: 100px; position: absolute; left: 0; top: 0; z-index: 1000; background-color: rgba(255,255,255,.8);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff, endColorstr=#80ffffff); -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.07);box-shadow: 0 5px 5px rgba(0,0,0,.07);}
.header.fixed .header-info,.header.fixed-nav .header-info{position: fixed; left: 0; top: 0; z-index: 1000; background-color: #fff; -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.07);box-shadow: 0 5px 5px rgba(0,0,0,.07);}
.logo{float: left; padding-top: 18px;font-size: 14px;}
.logo a{display: block; width: 194px; height: 68px; margin: 0 auto; font-size: 0; background-image: url(../images/logo.png); background-position: center; background-size: contain; background-repeat: no-repeat;}
.search-btn{width: 20px; height: 20px; font-size: 0; margin-top: 40px; float: right; cursor: pointer; background-image: url(../images/search-btn.svg); background-size: cover; background-repeat: no-repeat;}
.search-Ibox{width: 100%; height: 100%; _position:absolute; position: fixed; left: 0; top: 0; background-color: #222; z-index: 1020; display: none;}
.search-Ibox .close{width: 21px; height: 21px; background: url(../images/nav-close.svg) no-repeat scroll center center; font-size: 0; position: absolute; right: 3%; top: 4%; cursor: pointer; transition: transform 0.3s;-webkit-transition: transform 0.3s;}
.search-Ibox .close:hover{transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.topsearch-form{width: 94%; top: 50%; position: absolute; left: 3%; border-bottom: 1px solid #515151; height: 120px; margin-top: -60px;}
.topsearch-box{padding: 0 124px 0 10px; position: relative;}
.search-text{width: 100%; border: 0 none; padding: 0; margin: 0; display: block; height: 120px; line-height: 120px; font-size:50px; color:#fff; background-color: transparent; text-align: center;}
.search-btns{display: block; width: 124px; height: 100%; position: absolute; right: 0; top: 0; padding: 0; margin: 0; border: 0 none; background: url(../images/search-btns.svg) no-repeat scroll center center #363d11; cursor: pointer; transition: background 0.3s;-webkit-transition: background 0.3s;}
.search-btns:hover{background-color: #818f3a;}
.nav{float: right;}
.nav ul{font-size: 0;-webkit-text-size-adjust: none;}
.nav ul li{display: inline-block;_display: inline;zoom: 1; margin-right: 50px;}
.nav ul li .bt{display: block; font-size: 16px; color: #333; height: 100px; line-height: 100px; position: relative;}
.nav ul li .bt:after{content:""; display: block; width: 100%; height: 3px; background-color: #818f3a; position: absolute; left: 0; bottom: 0; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.nav ul li:hover .bt:after,.nav ul li.on .bt:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.nav ul li:hover>a,.nav ul li.on>a{color: #818f3a;}
.nav ul li .nav-body{transform-origin: 50% 0%; transform: perspective(1920px) rotateX(-80deg); opacity:0;max-height:522px;overflow:auto; transition: all .3s 0s; visibility: hidden;}
.nav ul li .nav-body::-webkit-scrollbar{width: 5px; background-color: #f5f5f5;}
.nav ul li .nav-body::-webkit-scrollbar-thumb{background-color: #818f3a;}
.nav ul li:hover .nav-body,.nav ul li.active .nav-body{z-index: 10; opacity: 1; visibility: visible; transition: all .5s 0s; transform: perspective(0px) rotateX(0deg); -webkit-transform: rotateX(0deg);}
.nav-body{width: 100%; background-color: #fff; position: absolute; left: 0; top: 100px; z-index: 5; -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.07);box-shadow: 0 5px 5px rgba(0,0,0,.07);}
.nav-body .na-list{padding: 35px 80px;}
.nav-body .n-pro dl{margin: 0 -70px;}
.nav-body .n-pro dl dd{width: 33.333%; float: left; padding: 0 70px; margin-bottom: 40px; -webkit-box-sizing: border-box;box-sizing: border-box;}
.nav-body .n-pro .h2{font-size: 14px; font-weight: bold; color: #000; padding-bottom: 5px; border-bottom: 1px solid #000;}
.nav-body .n-pro .h2 a{color: #000;}
.nav-body .n-pro .h2 a:hover{color: #818f3a;}
.nav-body .n-pro .pic{width: 100%; height: 129px; margin: 20px 0 10px 0; overflow: hidden; position: relative;}
.nav-body .n-pro .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.nav-body .n-pro .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.nav-body .n-pro .p{font-size: 13px; color: #666; text-decoration: underline; margin-top: 5px;}
.nav-body .n-pro .p a{color: #666;}
.nav-body .n-pro .p a:hover{color: #818f3a;}
.nav-body .n-more a{font-size: 14px; font-weight: bold; color: #000; padding-bottom: 3px; border-bottom: 1px solid #000;}
.nav-body .n-more a:hover{color: #818f3a; border-color: #818f3a;}
.ab-nav{text-align: right; padding: 20px 0;}
.ab-nav a{font-size: 14px; color: #000; margin: 0 30px 0 0;}
.ab-nav a:hover{color: #818f3a;}
.btn-m-list{width: 55px; height: 50px; position: absolute; right: 0; top: 2px; z-index: 1020; display: none; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);}
.trans, .trans:hover{-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.trans-fast, .trans-fast:hover{-webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out;}
.btn-m-list .burger{width: 17px; height: 3px; background-color: #333; display: block; position: absolute; z-index: 5; top: 16px; left: 50%; margin: 0 0 0 -10px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.btn-m-list .burger-2{top: 25px; width: 25px;}
.btn-m-list .burger-3{top: 33px; width: 21px;}
.btn-m-list.on .burger-1{top: 25px; width: 21px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg);transform: rotate(225deg);}
.btn-m-list.on .burger-2{top: 25px; width: 21px; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: 100%;}
.btn-m-list.on .burger-3{top: 25px; width: 21px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg);}
.mask{width: 100%; height: 100%; position: fixed; _position: absolute; top: 0; left: 0; z-index: 2000; display: none; background-color: rgba(0,0,0,.7);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000, endColorstr=#70000000);}
.mob-nav{width: 264px; height: 100%; position: fixed; _position: absolute; top: 0; left: -100%; visibility: hidden; overflow-y: auto; background-color: #444; z-index: 3000; -webkit-transition: all .4s ease; transition: all .4s ease; -webkit-box-shadow: -10px 0 100px 10px rgba(0, 0, 0, 0.7);box-shadow: -10px 0 100px 10px rgba(0, 0, 0, 0.7);}
.mob-nav.on{visibility: visible; left: 0;}
.mob-nav .neirong-close{width: 24px; height: 24px; display: block; background-image: url(../images/nav-close.svg); background-position: center; background-size: 24px auto; background-repeat: no-repeat; position: absolute; top: 10px; right: 10px; font-size: 0; visibility: hidden;}
.mob-nav.on .neirong-close{visibility: visible;}
.mob-nav .subtab{padding-top: 60px;}
.mob-nav .subtab>li{border-bottom: 1px solid #333; position: relative; transform: translateX(0rem); transition: 0.5s;}
.mob-nav .subtab>li:nth-child(1) .tlink{transition-delay: 150ms;}
.mob-nav .subtab>li:nth-child(2) .tlink{transition-delay: 250ms;}
.mob-nav .subtab>li:nth-child(3) .tlink{transition-delay: 350ms;}
.mob-nav .subtab>li:nth-child(4) .tlink{transition-delay: 450ms;}
.mob-nav .subtab>li:nth-child(5) .tlink{transition-delay: 550ms;}
.mob-nav .subtab>li:nth-child(6) .tlink{transition-delay: 650ms;}
.mob-nav .subtab>li:nth-child(7) .tlink{transition-delay: 750ms;}
.mob-nav .subtab>li:nth-child(8) .tlink{transition-delay: 850ms;}
.mob-nav .subtab>li:nth-child(9) .tlink{transition-delay: 950ms;}
.mob-nav .subtab>li:nth-child(10) .tlink{transition-delay: 1050ms;}
.mob-nav.on .subtab>li{transform: translateX(0px);}
.mob-nav .subtab li .tlink{display: block; padding: 12px 20px; font-size: 16px; color: #fff; background-color: #8c8c8c; position: relative;}
.mob-nav .subtab li.on .tlink{color: #818f3a;}
.mob-nav .subtab li .subbtn:after{content: ""; display: block; width: 10px; height: 10px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(45deg); position: absolute; right: 15px; top: 50%; margin-top: -6px; -webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.mob-nav .subtab li.on .subbtn:after{-webkit-transform: rotate(223deg);transform: rotate(223deg);}
.mob-nav .subtab li .submenu{width: 100%; padding: 0 0 15px 0; background-color: #444; overflow: hidden; display: none;}
.mob-nav .subtab li .submenu a{display: block; margin-left: 20px; padding: 10px; font-size: 16px; color: #fff;}
.mob-nav .subtab li .subbtn1:after{content: ""; display: block; width: 6px; height: 6px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(45deg); position: absolute; right: 15px; top: 50%; margin-top: -6px; -webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.mob-nav .subtab li .on .subbtn1:after{-webkit-transform: rotate(223deg);transform: rotate(223deg);}
.mob-nav .subtab li .mlink{display: block; padding: 10px; font-size: 14px; color: #8c8c8c; position: relative;}
.mob-nav .subtab li .menuer{width: 100%; overflow: hidden; display: none;}
.mob-nav .subtab li .menuer a{display: block; padding: 10px; margin-left: 35px; font-size: 14px; color: #fff;}
.mob-nav .subtab li .tlink{
    background: rgba(33,33,33,0.8);
    -webkit-transform-origin: -100% 0%;
    -moz-transform-origin: -100% 0%;
    -o-transform-origin: -100% 0%;
    -ms-transform-origin: -100% 0%;
    transform-origin: -100% 0%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
    -moz-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
    -o-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
    -ms-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
    transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.mob-nav.on .subtab li .tlink{
    background: rgba(68,68,68,1);
    -webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -moz-transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -o-transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -ms-transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}

/* Slider */
.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;}
.slick-list{position:relative;z-index:1;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);}
.slick-track{position:relative;top:0;left:0;display: block;}
.slick-track:before,.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}
.banner{width:100%; height:100%; position:relative; z-index:1;}
.banner .slideshow{position: relative; z-index: 1; width: 100%; height: 100%;}
.banner .slideshow *{outline:none;}
./*banner .slideshow .slider-track{-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);}
.banner .slideshow .item img{width: 100%; display: block; -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: scale(1.2); transform: scale(1.2);}
.banner .slideshow .item.slick-active img{-webkit-transform: scale(1);transform: scale(1);}*/
.banner .slideshow .slick-slide .pimg{width: 100%; display: block; /*-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);*/}
.banner .slideshow .slick-active .pimg{visibility: visible !important; /*-webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);*/}
.banner .slideshow .slider .item .moimg{display:none;}
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1);  }
}
.banner .banText{width: 100%; text-align: center; position: absolute; left: 0; top: 50%; z-index: 10; -webkit-transform: translateY(-50%);transform: translateY(-50%);}
.banner .banText .h2{font-size: 76px; font-weight: bold; color: #fff; line-height: 1.2; letter-spacing: 10px; text-shadow: black 0.1em 0.1em 0.2em;}
.banner .banText .h2 .s{color: #818f3a;}
.banner .banText .pn{font-size: 20px; color: #fff; margin-top: 20px; letter-spacing: 1px;}
.banner .banText .pn:before,.banner .banText .pn:after{content: ""; width: 7%; height: 1px; background-color: #d1d1d1; display: inline-block; vertical-align: middle;}
.banner .banText .pn:before{margin-right: 1%;}
.banner .banText .pn:after{margin-left: 1%;}
.banner .banText .h2,.banner .banText .pn{
    opacity: 0;
    transform: translateY(-100%);
    transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
    -webkit-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
    -moz-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;}
.banner .banText .pn{
    transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s;
    -webkit-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s;
    -moz-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s;}
.banner .slick-active .h2,.banner .slick-active .pn{opacity: 1; transform: translateY(0);}
.banner .slick-dots{width: 100%; text-align: center; position: absolute; left: 0; bottom: 60px; z-index: 10;}
.banner .slick-dots li{width: 14px; height: 14px; font-size: 0; cursor: pointer; display: inline-block;_display: inline;zoom: 1; margin: 0 5px; border: 2px solid #fff; border-radius: 100%;}
.banner .slick-dots li button{display: none;}
.banner .slick-dots li.slick-active{background-color: #fff;}
.banner .slick-arrow{width: 31px; height: 60px; position: absolute; top: 50%; margin-top: -30px; z-index: 10; font-size: 0; border: none; outline: none; cursor: pointer; transition: all 0.5s ease;}
.banner .slick-prev{left: -100%; background: url(../images/slick-prev.png) no-repeat;}
.banner:hover .slick-prev{left: 2.5%;}
.banner .slick-next{right: -100%; background: url(../images/slick-next.png) no-repeat;}
.banner:hover .slick-next{right: 2.5%;}

/*index*/
.contain{width: 100%; padding-top: 100px;}
.indexs .contain{padding-top: 0px;}
.sectionBox{width: 100%; padding: 80px 0 0 0; background-color: #fff;}
.index-title{width: 100%; text-align: center;}
.index-title .h2{font-size: 24px; font-weight: bold; color: #000;height: 120px;background-position: center center;background-repeat:no-repeat;}
.index-title .pn{width: 100%; margin-top: 20px; text-align: center; position: relative; z-index: 1;}
.index-title .pn:after{content: ""; width: 100%; height: 1px; background-color: #ededed; position: absolute; left: 0; top: 9px; z-index: -1;}
.index-title .pn span{display: inline-block; padding: 0 66px; background-color: #fff;}
.index-title .pn span img{max-width: 100%; display: block; margin: 0 auto;}
.index-tab{width: 100%; text-align: center; margin-top: 50px;}
.index-tab ul{font-size: 0;-webkit-text-size-adjust: none;}
.index-tab ul li{display: inline-block;_display: inline;zoom: 1; padding: 0 20px; position: relative;}
.index-tab ul li:after{content:""; width: 1px; height: 12px; background-color: #c2c2c2; position: absolute; right: 0; top: 5px;}
.index-tab ul li:last-of-type:after{display: none; margin-right: 0;}
.index-tab ul li a{font-size: 14px; color: #666;}
.index-tab ul li.on a{color: #818f3a;}
.in-pro-wrap{width: 100%; margin-top: 50px; position: relative; z-index: 1;}
.index-pro{width: 100%; margin-top: 50px;}
.index-pro{position: absolute; left: 0; top: 0; z-index: 1; background-color: #fff; opacity: 0;}
.index-pro.active{position: relative; z-index: 10; opacity: 1;}
.index-pro .box{margin: 0 20px;}
.index-pro .pic{width: 100%; /*height: 280px;*/ padding-bottom: 124.5%; overflow: hidden; position: relative;}
.index-pro .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.index-pro .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.index-pro .pic:after{content:""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; display: none; background-color: rgba(255,255,255,.45);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#45ffffff, endColorstr=#45ffffff);}
.index-pro .pic:hover:after{display: block;}
.index-pro .btns-div{width: 100%; text-align: center; position: absolute; left: 0; top: 50%; z-index: 10; -webkit-transform: translateY(-50%);transform: translateY(-50%); visibility: hidden; opacity: 0;}
.index-pro .box:hover .btns-div{visibility: visible; opacity: 1;}
.index-pro .a{width: 140px; height: 40px; line-height: 40px; border: 1px solid #818f3a; background-color: #fff; font-size: 14px; color: #000; display: block; margin: 9px auto; position: relative; z-index: 1;}
.index-pro .a:hover,.pro-list ul li a.on{background-color: #818f3a; color: #fff;}
.index-pro .a i{display: inline-block; padding-left: 20px;}
.index-pro .buy i{background: url(../images/buy-i.png) left center no-repeat;}
.index-pro .buy:hover i{background: url(../images/buy-is.png) left center no-repeat;}
.index-pro .more i{background: url(../images/more-i.png) left center no-repeat;}
.index-pro .more:hover i{background: url(../images/more-is.png) left center no-repeat;}
.index-pro .tmain{margin-top: 10px; text-align: center;}
.index-pro .h2{font-size: 16px; color: #000;}
.index-pro .h2:hover{color: #818f3a;}
.index-pro .price{font-size: 14px; color: #000; margin-top: 10px;}
.index-pro .slick-dots{width: 100%; text-align: center; margin-top: 20px; display: none !important;}
.index-pro .slick-dots li{width: 10px; height: 10px; font-size: 0; cursor: pointer; display: inline-block;_display: inline;zoom: 1; margin: 0 5px; border: 1px solid #818f3a; border-radius: 100%;}
.index-pro .slick-dots li button{display: none;}
.index-pro .slick-dots li.slick-active{background-color: #818f3a;}
.index-pro .slick-arrow{width: 13px; height: 24px; position: absolute; top: 50%; margin-top: -30px; z-index: 10; font-size: 0; border: none; outline: none; cursor: pointer; transition: all 0.5s ease;}
.index-pro .slick-prev{left: 0; background: url(../images/pro-prev.png) no-repeat;}
.index-pro .slick-next{right: 0; background: url(../images/pro-next.png) no-repeat;}
.index-selected ul li{width: 100%; margin-top: 40px;}
.index-selected ul li img{max-width: 100%; display: block;}
.index-selected ul li .m-img{display:none;}
.index-selected ul li img:hover{opacity: .8;}
.index-season{width: 100%; margin-top: 50px; padding-bottom: 100px; border-bottom: 1px solid #ededed;}
.index-season ul{margin: 0 -30px;}
.index-season ul li{width: 33.333%; float: left; margin-top: 60px;}
.index-season ul li:nth-child(2){margin-top: 0;}
.index-season ul li .box{margin: 0 30px;}
.index-season ul li .pic{width: 100%; /*height: 480px;*/ padding-bottom: 120.5%; overflow: hidden; position: relative;}
.index-season ul li .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.index-season ul li .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.index-season ul li .tmain{margin-top: 30px; text-align: center;}
.index-season ul li .h2{font-size: 16px; color: #000;}
.index-season ul li .tips{display: inline-block; border: 1px solid #818f3a; padding: 1px; margin-top: 20px; font-size: 0;}
.index-season ul li .price,.index-season ul li .more{display: inline-block; vertical-align: middle; width: 100px; height: 36px; line-height: 36px;}
.index-season ul li .price{font-size: 18px; color: #000;}
.index-season ul li .more{font-size: 14px; color: #fff; background-color: #818f3a;}
.index-season ul li .more:hover{background-color: #363d11;}
.index-video{width: 100%; height: 700px; background-color: #000; position: relative; z-index: 1;}
.index-video .video-img{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; background-color: #000; background-size: cover; background-position: center; background-repeat: no-repeat;}
.index-video .play{width: 92px; height: 92px; font-size: 0; cursor: pointer; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; z-index: 10; background: url(../images/play.png) no-repeat; background-size: cover;}
.index-video .play{transition: transform 0.3s;-webkit-transition: transform 0.3s;}
.index-video .play:hover{transform: rotate(123deg);-webkit-transform: rotate(123deg);}
.index-mems{width: 100%; padding-top: 80px; border-top: 1px solid #ededed;}
.index-mems ul li{width: 50%; float: left;}
.index-mems ul li .pic{width: 100%; /*height: 520px;*/ padding-bottom: 78.9%; overflow: hidden; position: relative;}
.index-mems ul li .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.index-mems ul li .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.section06{padding-bottom: 100px;}
.index-aimg{width: 100%; overflow: hidden; margin-top: 50px;}
.index-aimg img{width: 100%; display: block;}
.index-about{width: 100%; min-height: 300px; position: relative;}
.index-about .au-text{/*width: 505px;*/ width: 38.3%; float: right; padding: 100px 0 70px 0; font-size: 14px; color: #666; line-height: 28px; text-align: justify;text-justify: inter-ideograph;}
.index-about .au-text .h2{font-size: 16px; color: #818f3a;}
.index-about .au-img{/*width: 960px; height: 480px;*/ width: 50%; padding-bottom: 25%; overflow: hidden; position: absolute; left: 0; top: -100px; z-index: 10;}
.index-about .au-img img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.index-about .au-img img:hover{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.index-about .more{width: 160px; height: 46px; line-height: 46px; text-align: center; position: absolute; right: 0; bottom: 0; z-index: 10; font-size: 14px; color: #fff; background-color: #363d11;}
.index-about .more:hover{background-color: #363d11;}

/*about*/
.ny-wrap{width: 100%; background-color: #f6f7f0; padding: 50px 0 110px 0;}
.navigation{width: 100%; font-size: 12px; color: #999;}
.navigation a{color: #999;}
.navigation a:hover,.navigation a.on{color: #818f3a;}
.navigation em{font-family: '\5B8B\4F53',SimSun; font-weight: 300;}
.ny-title{width: 100%; text-align: center; font-size: 18px; color: #000; padding: 50px 0 40px 0; border-bottom: 1px solid #e8e8e8; position: relative;}
.ny-title .th{font-size: 30px;}
.ny-title .pn{font-size: 16px;}
.brand-list ul li{width: 100%; margin-top: 50px; position: relative;}
.brand-list ul li .pic{/*width: 980px;*/ height: 500px; margin-right: 340px; overflow: hidden; position: relative; z-index: 1;}
.brand-list ul li .pic span{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-position: center; background-repeat: no-repeat; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.brand-list ul li .pic:hover span{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.brand-list ul li:nth-child(2n) .pic{margin-right: 0; margin-left: 340px;}
.brand-list ul li .tmain{width: 500px; background-color: #fff; padding: 90px 50px 20px 50px; overflow: hidden; position: absolute; right: 0; top: 80px; bottom: 80px; z-index: 10; -webkit-box-sizing: border-box;box-sizing: border-box;}
.brand-list ul li:nth-child(2n) .tmain{right: auto; left: 0;}
.brand-list ul li .tmain:after{content:""; width: 800px; height: 800px; border-radius: 100%; background-color: #818f3a; position: absolute; right: -120%; top: -120%; z-index: -1;}
.brand-list ul li .tmain:after{-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0); visibility: hidden; -webkit-transition: all .8s cubic-bezier(.77,0,.175,1) 0s;-o-transition: all .8s cubic-bezier(.77,0,.175,1) 0s;transition: all .8s cubic-bezier(.77,0,.175,1) 0s;}
.brand-list ul li .tmain:hover:after{-webkit-transform: scale(20);-ms-transform: scale(20);transform: scale(20); visibility: visible;}
.brand-list ul li .num{display: block; width: 100px; font-size: 16px; color: #818f3a; border-bottom: 1px solid #818f3a; position: absolute; right: 0; top: 50px;}
.brand-list ul li .h2{font-size: 20px; color: #333;}
.brand-list ul li .pcont{font-size: 15px; color: #666; margin-top: 10px; line-height: 24px; height: 168px; overflow: hidden; text-align: justify;text-justify: inter-ideograph;}
.brand-list ul li .tmain:hover .num,.brand-list ul li .tmain:hover .h2,.brand-list ul li .tmain:hover .pcont{color: #fff; border-color: #fff;}
.brand-list .momain{display:none;}

/*text*/
.text-box{width: 100%; padding: 150px 0; margin-top: 40px; background-color: #818f3a; background-image: url(../images/testBg.jpg); background-size: cover; background-position: right top; background-repeat: no-repeat;}
.test-main{width: 560px; padding: 120px 20px; margin: 0 auto; color: #000; text-align: center; background-color: rgba(255,255,255,.9);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#90ffffff, endColorstr=#90ffffff);}
.test-main .h2{font-size: 30px;}
.test-main .h3{font-size: 22px;}
.test-main .pcont{font-size: 18px; color: #333; margin: 20px 0;}
.test-main .more{display: block; width: 158px; height: 40px; line-height: 40px; border: 1px solid #818f3a; margin: 0 auto; font-size: 16px; color: #000; overflow: hidden; position: relative; z-index: 1;}
.test-main .more:after{content:""; display: block; width: 100%; height: 100%; background-color: #818f3a; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.test-main .more:hover:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.test-main .more:hover{color: #fff;}
.test-dialog{width: 100%; height: 100%; background-color: #fff; overflow: auto; position: fixed; left: 0; top: -100%; z-index: 3000;}
.test-dialog{-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0); visibility: hidden; opacity: 1; -webkit-transition: all .8s cubic-bezier(.77,0,.175,1) 0s;-o-transition: all .8s cubic-bezier(.77,0,.175,1) 0s;transition: all .8s cubic-bezier(.77,0,.175,1) 0s;}
.test-dialog.active{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1); visibility: visible; opacity: 1; top: 0;}
.test-tou{padding: 90px 80px; background-color: #818f3a;}
.test-tou .next{float: left; font-size: 16px; color: #fff;}
.test-tou .next i{font-family: '\5B8B\4F53',SimSun; font-size: 14px; margin-right: 5px;}
.test-tou .next:hover{text-decoration: underline;}
.test-tou .close{float: right; width: 17px; height: 17px; background: url(../images/close-i.png) no-repeat; font-size: 0; -webkit-transition: 400ms;transition: 400ms;}
.test-tou .close:hover{-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.test-tou .h2{font-size: 32px; color: #fff; text-align: center; margin-top: 30px;}
.test-tou .pcont{font-size: 14px; color: #fff; text-align: center; margin-top: 10px;}
.test-bom{padding: 120px 0 50px 0;}
.test-bom .layout{position: relative;}
.test-bom .pages-num{position: absolute; left: 0; top: 0; font-size: 16px; color: #999;}
.test-bom .pages-num span{color: #333;}
.test-bom .t-layout{max-width: 800px; margin: 0 auto; padding: 0 60px;}
.test-bom .dl dt{width: 100%; float: left; font-size: 18px; color: #000; margin-bottom: 40px;}
.test-bom .dl dd{width: 50%; float: left; font-size: 16px; color: #000; margin-top: 20px;}
.test-bom .btns{display: block; width: 166px; height: 40px; line-height: 40px; border: 1px solid #818f3a; margin: 100px auto; text-align: center; font-size: 16px; color: #000; overflow: hidden; position: relative; z-index: 1;}
.test-bom .btns:after{content:""; display: block; width: 100%; height: 100%; background-color: #818f3a; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.test-bom .btns:hover:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.test-bom .btns:hover{color: #fff;}
.test-bom .test-tips{width: 100%; text-align: center;}
.test-bom .test-tips ul li{width: 25%; float: left; font-size: 14px; color: #999;}
.test-bom .test-tips ul li:before{content:""; display: inline-block; width: 6px; height: 6px; border-radius: 100%; background-color: #b3b3b3; vertical-align: middle; margin-right: 3px;}
.body-hide{overflow: hidden;}

/*test-list*/
.test-list{width: 100%;}
.test-list ul{margin: 0 -20px;}
.test-list ul li{width: 25%; float: left; margin-top: 50px;}
/*
.test-list{width: 100%; text-align: center;}
.test-list ul{margin: 0 -20px; font-size: 0;-webkit-text-size-adjust: none;}
.test-list ul li{width: 25%; display: inline-block;_display: inline;zoom: 1;}
*/
.test-list ul li .box{margin: 0 20px;}
.test-list ul li .pic{width: 100%; /*height: 280px;*/ padding-bottom: 124.5%; overflow: hidden; position: relative;}
.test-list ul li .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.test-list ul li .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.test-list ul li .pic:after{content:""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; display: none; background-color: rgba(255,255,255,.45);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#45ffffff, endColorstr=#45ffffff);}
.test-list ul li .pic:hover:after{display: block;}
.test-list ul li .btns-div{width: 100%; text-align: center; position: absolute; left: 0; top: 50%; z-index: 10; -webkit-transform: translateY(-50%);transform: translateY(-50%); visibility: hidden; opacity: 0;}
.test-list ul li .box:hover .btns-div{visibility: visible; opacity: 1;}
.test-list ul li .a{width: 140px; height: 40px; line-height: 40px; border: 1px solid #818f3a; background-color: #fff; font-size: 14px; color: #000; display: block; margin: 9px auto; position: relative; z-index: 1;}
.test-list ul li .a:hover,.pro-list ul li a.on{background-color: #818f3a; color: #fff;}
.test-list ul li .a i{display: inline-block; padding-left: 20px;}
.test-list ul li .buy i{background: url(../images/buy-i.png) left center no-repeat;}
.test-list ul li .buy:hover i{background: url(../images/buy-is.png) left center no-repeat;}
.test-list ul li .more i{background: url(../images/more-i.png) left center no-repeat;}
.test-list ul li .more:hover i{background: url(../images/more-is.png) left center no-repeat;}
.test-list ul li .tmain{margin-top: 10px; text-align: center;}
.test-list ul li .h2{font-size: 16px; color: #000;}
.test-list ul li .h2:hover{color: #818f3a;}
.test-list ul li .price{font-size: 14px; color: #000; margin-top: 10px;}

/*case-list*/
.case-list{width: 100%; margin-top: 20px;}
.case-list ul{margin: 0 -10px;}
.case-list ul li{width: 50%; float: left; margin-top: 20px;}
.case-list ul li .box{display: block; margin: 0 10px; position: relative;}
.case-list ul li .pic{width: 100%; /*height: 400px;*/ padding-bottom: 61.5%; overflow: hidden; position: relative;}
.case-list ul li .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.case-list ul li .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.case-list ul li .tmain{width: 250px; padding: 30px 20px; color: #000; text-align: center; position: absolute; left: 50%; top: 50%; z-index: 10; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); background-color: rgba(255,255,255,.9);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#90ffffff, endColorstr=#90ffffff);}
.case-list ul li .h2{font-size: 26px;}
.case-list ul li .pn{font-size: 18px; margin-bottom: 15px;}
.case-list ul li .more{display: block; width: 100px; height: 40px; line-height: 40px; border: 1px solid #818f3a; margin: 0 auto; font-size: 16px; color: #000; overflow: hidden; position: relative; z-index: 1;}
.case-list ul li .more:after{content:""; display: block; width: 100%; height: 100%; background-color: #818f3a; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.case-list ul li .more:hover:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.case-list ul li .more:hover{color: #fff;}

/*product*/
.pro-select{position: absolute; right: 0; bottom: 24px;}
.search-div{width: 154px; height: 30px; padding: 0 35px 0 15px; font-size: 0; border: 1px solid #eee; border-radius: 25px; position: relative; float: right;}
.search-div .search-txt{width: 100%; height: 30px; line-height: 30px; border: none; background: #fff; font-size: 14px; color: #000;}
.search-div .search-but{width: 16px; height: 16px; position: absolute; right: 10px; top: 7px; border: none; background-color: transparent; font-size: 0; cursor: pointer; background-image: url(../images/search-btn.svg); background-size: cover; background-repeat: no-repeat;}
.pro-select .screen-btns{float: right; margin: 3px 0 0 20px; padding-right: 15px; position: relative;font-size:14px;}
.pro-select .screen-btns:after{content: ""; display: block; width: 6px; height: 6px; border-right: 1px solid #000; border-bottom: 1px solid #000; position: absolute; right: 0; top: 50%; margin-top: -6px; -webkit-transform: rotate(45deg);transform: rotate(45deg); -webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.pro-select .screen-btns.on:after{-webkit-transform: rotate(223deg);transform: rotate(223deg); margin-top: 0;}
.pro-total{width: 100%; padding: 30px 0; display: none;}
.pro-total ul li{width: 20%; float: left;}
.pro-total ul li .btns{font-size: 16px; color: #000; padding-left: 20px; position: relative;}
.pro-total ul li .all{text-decoration: underline;}
.pro-total ul li .subbtn1:after{content: ""; display: block; width: 6px; height: 6px; border-right: 1px solid #000; border-bottom: 1px solid #000; position: absolute; left: 0; top: 50%; margin-top: -6px; -webkit-transform: rotate(45deg);transform: rotate(45deg); -webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.pro-total ul li.on .subbtn1:after{-webkit-transform: rotate(223deg);transform: rotate(223deg); margin-top: 0;}
.pro-total ul li .snav-div{margin: 10px 0 0 20px; display: none;}
.pro-total ul li .snav-div a{display: block; font-size: 14px; color: #a6a6a6; margin-top: 5px;}
.pro-total ul li .snav-div a:hover,.pro-total ul li .snav-div a.on,.pro-total ul li .all a.on{color: #818f3a;}
.pro-img{width: 100%; height: 440px; position: relative; background-color: #818f3a; background-size: cover; background-position: center; background-repeat: no-repeat;}
.m-img1{display:none;    background-position: center;background-repeat: no-repeat;background-size: 100% auto;}
.pro-img .title{width: 100%; text-align: center; color: #fff; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%);transform: translateY(-50%);}
.pro-img .h2{font-size: 24px; font-weight: bold;}
.pro-img .en{font-size: 14px; font-weight: bold;}
.pro-img .en:before,.pro-img .en:after{content:""; width: 50px; height: 2px; background-color: #fff; vertical-align: middle; display: inline-block;}
.pro-img .en:before{margin-right: 5px;}
.pro-img .en:after{margin-left: 5px;}
.pro-wrap{width: 100%; background-color: #fff; padding: 50px 0;}
.proinfobar{width: 100%; margin-top: 50px;}
.proinfobar .pro-simg{/*width: 690px;*/ width: 52.3%; float: left; position: relative;}
.proinfobar .sallimg{width: 70px; position: absolute; left: 0; top: 0;}
.proinfobar .sallimg ul li{border: 1px solid #ededed; margin-bottom: 10px;}
.proinfobar .sallimg ul li.on{border-color: #818f3a;}
.proinfobar .sallimg ul li img{width: 100%; display: block; cursor: pointer;}
.proinfobar .maximg{margin-left: 170px;}
.proinfobar .maximg img{width: 100%; display: block;}
.proinfobar .pro-info{/*width: 520px;*/ width: 39.4%; float: right;}
.proinfobar h1{font-size: 26px; color: #000;}
.proinfobar .sp{font-size: 16px; color: #333;}
.proinfobar .ping{margin: 30px 0; overflow: hidden;}
.proinfobar .ping img{width: 12px;}
.proinfobar .pcont{font-size: 14px; color: #666;}
.proinfobar .pmore{text-align: right;}
.proinfobar .pmore a{font-size: 14px; color: #000; text-decoration: underline;}
.proinfobar .pmore a:hover{color: #818f3a;}
.proinfobar .psel{width: 154px; height: 43px; border: 1px solid #dadada; font-size: 14px; color: #000; padding: 0 16px; margin-top: 30px;}
.proinfobar .psel{appearance: none; -moz-appearance: none; -webkit-appearance: none; background-image: url(../images/psel.png); background-position: 90% center; background-repeat: no-repeat; background-image: none\9;}
.proinfobar .psel::-ms-expand{display: none;}
.proinfobar .pro-operation{margin-top: 60px;}
.proinfobar .p-num{width: 118px; height: 43px; float: left; border: 1px solid #f2f2f2;}
.proinfobar .p-num .butt,.proinfobar .p-num .nm{float: left; border: none; background: none; text-align: center;}
.proinfobar .p-num .butt{width: 30px; height: 43px; background-color: #f2f2f2; color: #000; cursor: pointer;}
.proinfobar .p-num .nm{width: 58px; height: 43px; line-height: 43px; font-size: 14px; color: #000;}
.proinfobar .price{width: 140px; height: 45px; line-height: 45px; float: left; background-color: #818f3a; font-size: 18px; color: #fff; text-align: center; margin-left: 15px;}
.proinfobar .btns{width: 140px; height: 45px; line-height: 45px; background-color: #363d11; font-size: 14px; color: #fff; padding: 0 10px; text-align: center; float: left;}
.proinfobar .btns:hover{background-color: #000;}
.pro-middle{background-color: #f7f7f7;}
.pro-middle .pr-tit{font-size: 16px; color: #000; border-bottom: 1px solid #e6e6e6; padding-bottom: 10px;}
.pro-middle .pr-text{width: 100%; margin-top: 10px; font-size: 14px; color: #666; line-height: 24px;}
.pro-middle .pr-text .th{/*width: 294px;*/ width: 19%; padding-right: 3%; float: left;}
.pro-middle .pr-text .td{/*width: 1030px;*/ width: 78%; float: right; padding-top: 30px;}
.pro-middle .pr-text .h2{color: #000; margin-top: 30px;}
.pro-tmain{background-color: #fff;}
.pro-tmain .pr-left{/*width: 890px;*/ width: 67.4%; float: right; margin-right: 60px;}
.pro-tmain .pr-left img{max-width:100% !important;}
.pro-tmain .pr-right{/*width: 310px;*/ width: 23.5%; float: left;}
.pro-tmain .p-title{font-size: 16px; color: #000;}
.pro-tmain .test-list ul li{width: 100%; margin-top: 20px;}
.pro-tmain .test-list ul li .pic{padding-bottom: 90.5%;}
/*.pro-tmain .test-list ul li .pic:hover:after{display: none;}*/

/*season*/
.season-showimg{height: auto !important;}
.season-showimg img{width: 100%; display: block;}
.season-list{width: 100%; padding: 70px 0;}
.season-list ul li{margin-top: 134px; padding: 0 150px;}
.season-list ul li .box{padding-left: 300px; min-height: 170px; position: relative;}
.season-list ul li:nth-child(2n) .box{padding-left: 0; padding-right: 300px; text-align: right;}
.season-list ul li .pic{width: 280px; /*height: 430px;*/ padding-bottom: 42.1%; overflow: hidden; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%);transform: translateY(-50%);}
.season-list ul li .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.season-list ul li .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.season-list ul li:nth-child(2n) .pic{left: auto; right: 0;}
.season-list ul li .series{display: block; font-size: 14px; color: #818f3a;}
.season-list ul li .h2{font-size: 26px; color: #000;}
.season-list ul li .ping{margin: 10px 0; overflow: hidden;}
.season-list ul li .ping img{width: 12px;}
.season-list ul li .explain{font-size: 15px; color: #333;}
.season-list ul li .price{font-size: 18px; color: #000; margin-top: 20px;}
.season-list ul li .btns{width: 106px; height: 38px; line-height: 38px; background-color: #818f3a; font-size: 14px; color: #fff; text-align: center; display: inline-block; margin-top: 5px;}
.season-list ul li .btns:hover{background-color: #363d11;}
.season-list ul li .pcont{font-size: 13px; color: #999; margin-top: 20px;}

/*hot*/
.hot-list{padding: 0;}
.hot-list ul li{padding: 20px 150px; margin-top: 0; border-bottom: 1px solid #f7f7f7;}
.hot-list ul li .box{padding-left: 330px; min-height: 390px;}
.hot-list ul li:nth-child(2n) .box{padding-left: 0; padding-right: 330px;}
.hot-list ul li .pic{width: 310px; /*height: 410px;*/ padding-bottom: 40.1%;}
.hot-list ul li .tmain{padding: 70px 0; width: 370px; text-align: left; display: inline-block;}

/*special*/
#fp-nav ul li a span, .fp-slidesNav ul li a span{background-color: #818f3a;}
.special-wrap .section{width: 100%; height: 100vh;}
.special-wrap .special-cover{width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;}
.special-wrap .mobile{display: none;}
.special-title{position: absolute; left: 50%; top: 50%; z-index: 10; text-align: center; color: #000; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.special-title .h2{font-size: 36px;}
.special-title .pn{font-size: 18px; margin-top: 10px;}
.special-title .btns{margin-top: 20px;}
.special-title .btns a{font-size: 14px; color: #818f3a; margin: 0 10px;}
.special-title .btns i{font-family: '\5B8B\4F53',SimSun;}
.special-title .btns a:hover{text-decoration: underline;}
.special-box1 .special-title{margin-top: -150px;}
.special-box2 .special-cover{background-position: left bottom;}
.special-box2 .special-title{left: auto; right: 10%; margin-right: -100px; max-width: 360px;}
.special-box2 .special-title .btns a{width: 112px; height: 40px; line-height: 40px; background-color: #fff; display: inline-block;}
.special-box3 .special-title{/*top: 154px;*/ color: #fff;}
.special-box3 .special-title .btns a{color: #fff;}
/*special-box4*/
.special-pro2,.special-pro2 ul{width: 100%; height: 100%;}
.special-pro2 ul li{width: 50%; height: 100%; float: left; position: relative;}
.special-pro2 ul li .pic{width: 100%; height: 100%; overflow: hidden; position: relative;}
.special-pro2 ul li .pic span{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-position: center; background-repeat: no-repeat; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.special-pro2 ul li .pic:hover span{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.special-pro2 ul li.item2 .pic span{background-position: right bottom;}
.special-pro2 ul li.item1 .special-title{left: auto; right: 0; max-width: 288px;text-align:right;}
.special-pro2 ul li.item1 .special-title .h2,.special-pro2 ul li.item2 .special-title .h2{font-size:24px;}
.special-pro2 ul li.item1 .special-title .pn,.special-pro2 ul li.item2 .special-title .pn{font-size:36px;}
.special-pro2 ul li.item1 .special-title .pn .span,.special-pro2 ul li.item2 .special-title .pn .span{border-top:1px solid #6B6B6B;border-bottom:1px solid #6B6B6B;color:#6B6B6B;font-size:32px;}
.special-pro2 ul li.item2 .special-title{margin-left: -200px; max-width: 330px;text-align:right;}
/*special-box5*/
.special-pro8,.special-pro8 ul{width: 100%; height: 100%;}
.special-pro8 ul li{width: 50%; height: 50%; float: left; overflow: hidden; position: relative;}
.special-pro8 ul li .pic,.special-pro8 ul li .tmain{width: 50%; height: 100%; float: left; position: relative; overflow: hidden;}
.special-pro8 ul li .pic span{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-position: center; background-repeat: no-repeat; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.special-pro8 ul li .pic:hover span{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.special-pro8 ul li .special-title .h2{font-size: 18px;}
.special-pro8 ul li .special-title .pn{font-size: 14px; color: #666;}
.special-pro8 ul li .special-title .btns{margin-top: 10px;}
.special-pro8 ul li:nth-child(3) .pic,.special-pro8 ul li:nth-child(4) .pic,.special-pro8 ul li.item2 .pic{float: right;}
/*special-box6*/
.special-pro4,.special-pro4 ul{width: 100%; height: 100%;}
.special-pro4 ul li{width: 50%; height: 100%; float: left; overflow: hidden; position: relative;}
.special-pro4 ul li .pic,.special-pro4 ul li .tmain{width: 50%; height: 100%; float: left; position: relative; overflow: hidden;}
.special-pro4 ul li .pic span{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-position: center; background-repeat: no-repeat; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.special-pro4 ul li .pic:hover span{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.special-pro4 ul li .special-title .h2{font-size: 20px;}
.special-pro4 ul li .special-title .pn{font-size: 16px;}
.special-pro4 ul li .special-title .btns{margin-top: 10px;}
/*special-box7*/
.special-pro5,.special-pro5 ul{width: 100%; height: 100%;}
.special-pro5 ul li{width: 20%; height: 100%; float: left; overflow: hidden; position: relative;}
.special-pro5 ul li .pic{width: 100%; height: 100%; position: relative; overflow: hidden;}
.special-pro5 ul li .pic span{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-position: center; background-repeat: no-repeat; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.special-pro5 ul li .pic:hover span{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.special-pro5 ul li .special-title{top: auto; bottom: 3%;}
.special-pro5 ul li .special-title .h2{font-size: 16px;}
.special-pro5 ul li .special-title .btns{margin-top: 10px;}
/*special-box8*/
.special-pro1,.special-pro1 ul{width: 100%; height: 100%;}
.special-pro1 ul li{width: 100%; height: 100%; float: left; overflow: hidden; position: relative;}
.special-pro1 ul li .pic,.special-pro1 ul li .tmain{width: 50%; height: 100%; float: left; position: relative; overflow: hidden;}
.special-pro1 ul li .pic span{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-position: center; background-repeat: no-repeat; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.special-pro1 ul li .pic:hover span{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.special-pro1 ul li .pic{float: right;}
.special-pro1 ul li .pic .mopic{display:none;}
.special-pro1 ul li .special-title .btns{margin-top: 10px;}
/*special-box9*/
.special-pro3,.special-pro3 ul{width: 100%; height: 100%;}
.special-pro3 ul{margin: 0 -5px;}
.special-pro3 ul li{width: 50%; height: 100%; float: left; overflow: hidden; position: relative;}
.special-pro3 ul li .box{padding: 0 5px; width: 100%; height: 100%; -webkit-box-sizing: border-box;box-sizing: border-box;}
.special-pro3 ul li .pic{width: 100%; height: 100%; position: relative; overflow: hidden;}
.special-pro3 ul li .pic span{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.special-pro3 ul li .pic:hover span{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.special-pro3 ul li .special-title{left: 60px; margin-top: -100px; text-align: left; -webkit-transform: translate(0px, -50%);transform: translate(0px, -50%);}
.special-pro3 ul li .special-title .h2{margin-top: 5px; font-size: 28px;}
.special-pro3 ul li .special-title .btns a{width: 112px; height: 40px; line-height: 40px; background-color: #fff; display: inline-block; text-align: center;}
.special-pro3 ul li.item2,.special-pro3 ul li.item3{height: 50%;}
.special-pro3 ul li.item2 .box{padding-bottom: 5px;}
.special-pro3 ul li.item3 .box{padding-top: 5px;}
.special-pro3 ul li.item2 .special-title,.special-pro3 ul li.item3 .special-title{margin-top: 0;}
.special-pro3 ul li.item3 .special-title{/*margin-top: -80px;*/}

/*spokesman*/
.spokesman-list ul li{width: 100%; padding: 50px 0; border-bottom: 1px solid #eff0e9; overflow: hidden;zoom: 1; position: relative;}
.spokesman-list ul li .pic{/*width: 660px; height: 500px;*/ width: 50%; padding-bottom: 37.85%; float: left; overflow: hidden; position: relative; z-index: 1;}
.spokesman-list ul li .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.spokesman-list ul li .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.spokesman-list ul li:nth-child(2n) .pic{float: right;}
.spokesman-list ul li .tmain{/*width: 560px;*/ width: 42.45%; float: right; padding-top: 70px;}
.spokesman-list ul li:nth-child(2n) .tmain{float: left;}
.spokesman-list ul li .h2{font-size: 24px; font-weight: bold; color: #000;}
.spokesman-list ul li .ts{display: block; font-size: 16px; color: #818f3a; margin-top: 5px;}
.spokesman-list ul li .pcont{font-size: 14px; color: #000; margin-top: 20px; padding-right: 5px; line-height: 24px; height: 264px; overflow: auto; text-align: justify;text-justify: inter-ideograph;}
.spokesman-list ul li .pcont::-webkit-scrollbar{width: 5px; background-color: #f5f5f5;}
.spokesman-list ul li .pcont::-webkit-scrollbar-thumb{background-color: #818f3a;}
.spokesman-list ul li .tips{font-family: Arial; font-size: 100px; line-height: 1; color: #818f3a; text-align: right;}

/*video*/
.video-wrap{background-color: #fff;}
.video-title{margin-top: 40px;}
.video-tab{width: 100%; text-align: center; margin-top: 60px;}
.video-tab ul{font-size: 0;-webkit-text-size-adjust: none;}
.video-tab ul li{display: inline-block;_display: inline;zoom: 1; margin: 10px 12px 0 12px;}
.video-tab ul li a{display: block; width: 102px; height: 32px; line-height: 32px; border: 2px solid #e5e5e5; overflow: hidden; font-size: 12px; color: #333;}
.video-tab ul li:hover a,.video-tab ul li.on a{color: #818f3a; border-color: #818f3a;}
.video-day{width: 100%; text-align: center; font-size: 15px; color: #999; margin: 50px 0 -80px 0;}
.video-list ul{margin: 0 -23px;}
.video-list ul li{width: 33.333%; float: left; margin-top: 45px;}
.video-list ul li .box{display: block; background-color: #fff; margin: 0 23px; padding: 20px;}
.video-list ul li .pic{width: 100%; /*height: 255px;*/ padding-bottom: 68.85%; overflow: hidden; position: relative; z-index: 1;}
.video-list ul li .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.video-list ul li .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.video-list ul li .pic:after{content:""; width: 64px; height: 64px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 5; margin: auto; border-radius: 100%; background-image: url(../images/video-btns.png); background-position: center; background-repeat: no-repeat; background-color: rgba(0,0,0,.2);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#20000000, endColorstr=#20000000);}
.video-list ul li .pic:after{transition: transform 0.3s;-webkit-transition: transform 0.3s;}
.video-list ul li .box:hover .pic:after{transform: rotate(123deg);-webkit-transform: rotate(123deg); background-color: rgba(0,0,0,.8);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);}
.video-list ul li .tit{margin-top: 15px;}
.video-list ul li .h2{font-size: 16px; color: #000;}
.video-list ul li .pn{font-size: 12px; color: #a6a6a6;}
.load-more{width: 100%; text-align: center; margin-top: 50px;}
.load-more a{font-size: 14px; color: #999;}
.load-more a:after{content:""; display: block; margin: 0 auto; width: 8px; height: 8px; border-right: 1px solid #999; border-bottom: 1px solid #999; transform: rotate(45deg); -webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.load-more a:hover:after{-webkit-transform: rotate(223deg);transform: rotate(223deg);}
.load-more a:hover{color: #818f3a;}
.videobox{width: 700px; height: 350px; background-color: #000; display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 5000;}
.videobox .close{width: 17px; height: 17px; position: absolute; right: 0; top: -30px; font-size: 0; cursor: pointer; background: url(../images/close-i.png) no-repeat; -webkit-transition: 400ms;transition: 400ms;}
.videobox .close:hover{-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}

/*news*/
.news-list{width: 100%;}
.news-list ul{margin: 0 -26px;}
.news-list ul li{width: 33.333%; float: left; margin-top: 45px;}
.news-list ul li .box{display: block; margin: 0 26px;}
.news-list ul li .pic{width: 100%; /*height: 290px;*/ padding-bottom: 71.55%; overflow: hidden; position: relative; z-index: 1;}
.news-list ul li .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.news-list ul li .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.news-list ul li .tit{padding: 20px 0; border-bottom: 1px solid #e6e6e6; position: relative; z-index: 1;}
/*.news-list ul li .box:hover .tit{border-color: #818f3a;}*/
.news-list ul li .tit:after{content:""; display: block; width: 100%; height: 1px; background-color: #818f3a; position: absolute; left: 0; bottom: -1px; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.news-list ul li .box:hover .tit:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.news-list ul li .h2{font-size: 16px; color: #000;}
.news-list ul li .box:hover .h2{color: #818f3a;}
.news-list ul li .pn{font-size: 12px; color: #a6a6a6;}
.newsdetails{padding-top: 50px;}
.newsdetails h1{font-size: 18px; color: #000; text-align: center;}
.newsdetails .newsinfo{font-size: 14px; color: #808080; text-align: center; padding-bottom: 40px;}
.newsdetails .news-text{padding: 40px 160px; border-top: 1px solid #ededed; font-size: 15px; color: #333; line-height: 26px; text-align: justify;text-justify: inter-ideograph;}
.newsdetails .news-more{max-width: 480px; margin: 0 auto; padding-top: 40px;}
.newsdetails .news-more ul li{width: 33.333%; float: left; text-align: center;}
.newsdetails .news-more ul li a{font-size: 14px; color: #000; text-decoration: underline;}
.newsdetails .news-more ul li a:hover{color: #818f3a;}
.newsdetails .news-more ul li.prev{text-align: left;}
.newsdetails .news-more ul li.back a{display: inline-block; width: 17px; height: 17px; font-size: 0; background: url(../images/back.png) no-repeat; vertical-align: middle;}
.newsdetails .news-more ul li.next{text-align: right;}

/*contact*/
.contact-wrap .layout{position: relative; z-index: 1;}
.contact-box{max-width: 900px; margin: 0 auto; padding: 110px 0 0 0;}
.contact-list ul{margin: 0 -80px;}
.contact-list ul li{width: 33.333%; float: left; margin-bottom: 50px; min-height: 190px;}
.contact-list ul li .box{margin: 0 80px;}
.contact-list ul li .h2{font-size: 14px; color: #000;}
.contact-list ul li .h2 .e{font-size: 20px; font-weight: bold; font-style: italic; display: block;}
.contact-list ul li .pcont{font-size: 14px; color: #666; line-height: 24px; margin-top: 30px;}
.contact-list ul li .foot-sns{margin-top: 30px;}
.contact-list ul li .foot-sns a{display: inline-block;_display: inline;zoom: 1; float: none; width: 27px; height: 27px; margin: 0 10px 0 0; padding: 0; background-image: url(../images/cont-sns.png); background-position: 0 0; background-repeat: no-repeat;}
.contact-list ul li .foot-sns a.bds_weixin{background-position: 0 0;}
.contact-list ul li .foot-sns a.bds_tsina{background-position: -27px 0;}
.contact-list ul li .foot-sns a.bds_sqq{background-position: -56px 0;}
.contact-after{width: 170px; height: 258px; position: absolute; right: 0; bottom: -110px; z-index: -1; background-image: url(../images/contact-after.png); background-position: right bottom; background-repeat: no-repeat;}

/*map*/
.map{padding:100px 0;}
.map ul li{margin-bottom:15px;}
.map ul li a.dt{font-size:14px;font-weight:bold;color:#000;display:inline-block;width:90px;}
.map ul li a{font-size:14px;color:#666;padding:0 10px;}
.map ul li a:hover,.map ul li a.dt:hover{color:#CD4539;}

/*footer*/
.footer{width: 100%; background-color: #1a1a1a; padding: 60px 0 120px 0; word-break: break-all; word-wrap: break-word;}
.footer .foot-info{width: 60%; float: left;}
.footer .foot-nav a{font-size: 14px; color: #999; padding-right: 10px; margin-right: 10px; position: relative;}
.footer .foot-nav a:after{content:""; width: 1px; height: 10px; background-color: #999; position: absolute; right: 0; top: 4px;}
.footer .foot-nav a:last-of-type:after{display: none; margin-right: 0;}
.footer .foot-nav a:hover{color: #818f3a;}
.footer .foot-copy{width: 100%; font-size: 12px; color: #999; margin-top: 10px;}
.footer .foot-sns{float: right; font-size: 0;-webkit-text-size-adjust: none;}
.footer .foot-sns a{display: inline-block;_display: inline;zoom: 1; float: none; width: 40px; height: 40px; margin: 0 0 0 10px; padding: 0; background-image: url(../images/foot-sns.png); background-position: 0 0; background-repeat: no-repeat;}
.footer .foot-sns a.bds_weixin{background-position: 0 0;}
.footer .foot-sns a.bds_tsina{background-position: -40px 0;}
.footer .foot-sns a.bds_sqq{background-position: -80px 0;}
@media screen and (min-width: 1520px) and (max-width: 1820px){
	.special-pro3 ul li:nth-child(3) .special-title{left:30%;}
}
/*中等屏幕pc*/
@media screen and (min-width: 1200px) and (max-width: 1519px){
    .layout{ width: 1180px; }
	.special-box2 .special-title{right: 3%;}
    .spokesman-list ul li .tmain{padding-top: 40px;}
    .spokesman-list ul li .tips{font-size: 70px;}
	.special-pro1 ul li .special-title .h2{font-size: 26px;}
	.special-pro2 ul li.item1 .special-title{right: -80px;}
	.special-pro3 ul li.item3 .special-title{margin-top: -60px;}
}
/*小屏幕pc*/
@media screen and (min-width: 768px) and (max-width: 1199px){
    .layout { width: 750px; }

    .contain{padding-top: 55px;}
    .header .layout{position: static;}
    .header-info{height: 55px; position: fixed; left: 0; top: 0; z-index: 1000;}
    .logo{position: absolute; left: 20px; top: 0; padding-top: 0;}
    .logo a{width: 105px; height: 55px;}
    .header-top,.nav{display: none;}
    .btn-m-list{display: block;}
    .search-btn{position: absolute; right: 55px; top: 0; margin-top: 19px;}
    .banner .slick-arrow{width: 15px; height: 42px; visibility: hidden; opacity: 0;}
    .banner .slick-dots{bottom: 20px;}
    .banner .slick-dots li{width: 10px; height: 10px;}
    .sectionBox{padding: 40px 0 0 0;}
    .index-season ul{margin: 0 -10px;}
    .index-season ul li .box{margin: 0 10px;}
    .index-video,.index-video .layout{height: 375px;}
    .index-video .play{width: 60px; height: 60px;}
    .index-mems{margin-top: 40px;}
    .section06{padding-bottom: 40px;}
    .index-about .au-img{top: -30px;}
    .index-about .au-text{width: 45%; padding: 20px 0;}
    .index-about .au-text .h2{font-size: 14px;}

    .ny-wrap{padding-top: 20px;}
    .brand-list ul li .pic{margin-right: 40px;}
    .brand-list ul li:nth-child(2n) .pic{margin-right: 0; margin-left: 40px;}
    .spokesman-list ul li .tmain{padding-top: 20px;}
    .spokesman-list ul li .pcont{height: 140px; margin-top: 10px;}
    .spokesman-list ul li .tips{font-size: 40px;}
    .pro-img{height: 290px;}
    .video-list ul{margin: 0 -10px;}
    .video-list ul li{margin-top: 20px;}
    .video-list ul li .box{margin: 0 10px; padding: 10px;}
    .video-list ul li .pic:after{width: 40px; height: 40px;}
    .video-list ul li .tit{margin-top: 8px;}
    .news-list ul{margin: 0 -10px;}
    .news-list ul li{margin-top: 25px;}
    .news-list ul li .box{margin: 0 10px;}
    .newsdetails .news-text{padding: 40px;}
    .test-tou{padding-left: 40px; padding-right: 40px;}
    .test-list ul{margin: 0 -8px;}
    .test-list ul li .box{margin: 0 8px;}
    .case-list ul li .tmain{padding: 30px 20px;}
    .case-list ul li .h2{font-size: 18px;}
    .case-list ul li .pn{font-size: 14px;}
    .case-list ul li .more{width: 100px; height: 35px; line-height: 35px; font-size: 12px;}
    .proinfobar .maximg{margin-left: 0;}
    .proinfobar .sallimg{width: 100%; position: relative; left: auto; top: auto;}
    .proinfobar .sallimg ul li{width: 50px; float: left; margin: 10px 5px 0 0;}
    .proinfobar .pro-info{width: 44%;}
    .proinfobar .p-num{margin-right: 30%; margin-bottom: 20px;}
    .proinfobar .price{margin-left: 0;}
    .pro-middle .pr-text .th{width: 25%;}
    .pro-middle .pr-text .td{width: 72%;}
    .pro-tmain .pr-left{margin-right: 0;}
    .pro-tmain .pr-right{width: 29.5%;}
    .season-list ul li{padding: 0;}
    .special-box2 .special-cover{background-position: 27% bottom;}
    .special-box2 .special-title{top: 20%;}
    /*.special-pro2 ul li.item1 .pic span{background-position: 20% bottom;}
    .special-pro2 ul li.item2 .pic span{background-position: 80% bottom;}
    .special-pro2 ul li .special-title,.special-pro2 ul li.item1 .special-title,.special-pro2 ul li.item2 .special-title{top: 18%; left: 50%; right: auto; margin-left: 0;}
    .special-pro2 ul li .special-title .h2{font-size: 22px;}
    .special-pro8 ul li .pic,.special-pro8 ul li .tmain{width: 100%;}
    .special-pro8 ul li .pic span{background-position: center 0;}
    .special-pro8 ul li .tmain{position: absolute; left: 0; top: 0; z-index: 10;}
    .special-pro8 ul li .special-title{top: 25%;}
    .special-pro8 ul li .special-title .h2{font-size: 15px; font-weight: bold;}
    .special-pro4 ul li .pic,.special-pro4 ul li .tmain{width: 100%;}
    .special-pro4 ul li .tmain{position: absolute; left: 0; top: 0; z-index: 10;}
    .special-pro4 ul li .special-title{top: 20%;}
    .special-pro5 ul li:nth-child(odd){background-color: #f7f7f7;}
    .special-pro5 ul li .pic span{background-size: 120% auto}
    .special-pro5 ul li .special-title .h2{font-size: 12px; font-weight: bold;}
    .special-pro5 ul li .special-title .btns a{margin: 0;}
    .special-pro1 ul li .special-title .h2{font-size: 20px; font-weight: bold;}
    .special-pro1 ul li .special-title .pn{font-size: 14px;}
    .special-pro3 ul li .pic span{background-position: 72% bottom;}
    .special-pro3 ul li .special-title{left: 35%;}
    .special-pro3 ul li.item1 .special-title{margin-top: -360px;}
    .special-pro3 ul li.item2 .special-title,.special-pro3 ul li.item3 .special-title{margin-top: -100px;}
    .special-pro3 ul li .special-title .h2{font-size: 17px; font-weight: bold;}*/
    .section{height: auto !important;}
    .special-box1 .special-cover,.special-box2 .special-cover,.special-box3 .special-cover{height: 600px;}
	.special-title .h2{font-size: 26px;}
    .special-pro2 ul li{width: 100%; height: 600px;}
    .special-pro2 ul li.item1 .special-title{left: auto; right: 0; top: 50%; margin-right: -60px;}
    .special-pro2 ul li.item2 .special-title{top: 50%; left: 25%; margin-left: 0;}
    .special-pro8 ul li{width: 100%; height: 280px;}
    .special-pro8 ul li:nth-child(odd) .pic{float: left;}
    .special-pro8 ul li:nth-child(2n) .pic{float: right;}
    .special-pro4 ul li{width: 100%; height: 600px;}
    .special-pro5 ul li{width: 50%; height: 600px;}
    .special-pro1 ul li{height: 600px;}
    .special-pro1 ul li .special-title{width: 90%;}
    .special-pro3 ul li{width: 100%; height: 750px;}
    .special-pro3 ul li.item2, .special-pro3 ul li.item3{height: 390px;}
    .special-pro3 ul{margin: 0;}
    .special-pro3 ul li .box,.special-pro3 ul li.item2 .box,.special-pro3 ul li.item3 .box{padding: 0;}
    .special-pro3 ul li.item3 .special-title{width: 300px;}
    #fp-nav.right{display: none !important;}
}
/*移动端*/
@media screen and (min-width: 320px) and (max-width: 767px){
    .layout { width: 90%; }

    .contain{padding-top: 55px;}
    .header .layout{position: static;}
    .header-info{height: 55px; position: fixed; left: 0; top: 0; z-index: 1000;}
    .logo{position: absolute; left: 0; top: 0; right: 0; margin: auto; padding-top: 0;}
    .logo span{display:none;}
    .logo a{width: 105px; height: 55px;}
    .header-top,.nav{display: none;}
    .btn-m-list{display: block; width: 40px; right: auto; left: 0;}
    .search-btn{position: absolute; right: 20px; top: 0; margin-top: 19px;}
    .topsearch-form{height: 40px; top: auto; left: auto; margin: 25% auto 0; position: relative;}
    .search-text{height: 40px; line-height: 40px; font-size: 20px;}
    .search-btns{width: 40px;}
    .banner .slick-arrow{width: 15px; height: 42px; visibility: hidden; opacity: 0;}
    .banner .slick-dots{bottom: 10px; visibility: visible; opacity: 1;}
    .banner .slick-dots li{width: 8px; height: 8px; border: 1px solid #fff;}
	.banner .slideshow .slider .item .pcimg{display:none;}
	.banner .slideshow .slider .item .moimg{display:block;}
    .sectionBox{padding: 40px 0 0 0;}
    .index-title .h2{font-size: 20px;}
	
    .index-title .pn{margin-top: 10px;}
    .index-title .pn span{padding: 0 25px;}
    .index-tab,.index-pro{margin-top: 20px;}
    .index-tab ul li{width: 33.333%; margin: 5px 0 0 0; padding: 0;}
    .index-tab ul li:nth-child(3n):after{display: none;}
    .in-pro-wrap{margin-top: 20px;}
    .index-pro .box{margin: 0 10px;}
    .index-pro .slick-dots{display: block !important;}
    .index-selected ul li{margin-top: 20px;}
	.index-selected ul li .m-img{display:block;}
	.index-selected ul li .p-img{display:none;}
    .index-season{margin-top: 10px; padding-bottom: 40px;}
    .index-season ul li,.index-season ul li:nth-child(2){width: 100%; margin-top: 30px;}
    .index-season ul li .tmain{margin-top: 15px;}
    .index-season ul li .tips{margin-top: 10px;}
    .index-video,.index-video .layout{height: 230px;}
    .index-video .play{width: 60px; height: 60px;}
    .index-mems{padding-top: 10px;}
    .index-mems ul li{width: 100%; margin-top: 20px;}
    .section06{padding-bottom: 40px;}
    .index-aimg{margin-top: 30px;}
    .index-about .au-img{width: 100%; padding-bottom: 50%; position: relative; left: auto; top: auto;}
    .index-about .more{width: 100px; height: 30px; line-height: 30px; font-size: 12px;}
    .index-about .au-text{width: 100%; float: none; padding: 30px 0;}
    .footer{padding: 30px 0; text-align: center;}
    .footer .foot-info{width: auto; float: none; margin-bottom: 20px;}
    .footer .foot-copy{margin-top: 5px;}
    .footer .foot-sns{float: none; text-align: center;}
    .footer .foot-sns a{margin: 0 5px;}

    .ny-wrap{padding: 40px 0;}
    .navigation{display: none;}
    .ny-title{padding: 0 0 15px 0; font-size: 20px;}
    .ny-title .th{font-size: 20px;}
    .ny-title .pn{font-size: 14px;}
	.brand-list .pcmain{display:none;}
	.brand-list .momain{display:block;}
    .brand-list ul li{margin-top: 20px;}
    .brand-list ul li .pic,.brand-list ul li:nth-child(2n) .pic{margin-left: 0; margin-right: 0; height: auto; padding-bottom: 51%;}
    .brand-list ul li .tmain,.brand-list ul li:nth-child(2n) .tmain{width: auto; padding: 60px 20px 20px 20px; position: relative; left: auto; top: auto; right: auto; bottom: auto;}
    .brand-list ul li .num{top: 20px;}
    .brand-list ul li .pcont{height: auto;}
    .spokesman-list ul li{padding: 20px 0;}
    .spokesman-list ul li .pic,.spokesman-list ul li:nth-child(2n) .pic,.spokesman-list ul li .tmain,.spokesman-list ul li:nth-child(2n) .tmain{width: 100%; float: none;}
    .spokesman-list ul li .pic{padding-bottom: 75.85%;}
    .spokesman-list ul li .tmain{padding-top: 20px;}
    .spokesman-list ul li .h2{font-size: 18px;}
    .spokesman-list ul li .ts{font-size: 15px;}
    .spokesman-list ul li .pcont{height: 230px; margin-top: 10px;}
    .spokesman-list ul li .tips{font-size: 40px;}
    .video-title{margin-top: 20px;}
    .pro-img{display:none}
	.m-img1{display:block;height: 250px;}
    .pro-img .h2{font-size: 18px;}
    .video-tab{margin-top: 20px;}
    .video-tab ul li{width: 33.333%; margin: 8px 0 0 0;}
    .video-tab ul li a{width: auto; margin: 0 5px;}
    .video-day{margin: 20px 0 0 0;}
    .video-list ul{margin: 0 -5px;}
    .video-list ul li{width: 50%; margin-top: 10px;}
    .video-list ul li .box{margin: 0 5px; padding: 10px;}
    .video-list ul li .pic:after{width: 35px; height: 35px;}
    .video-list ul li .tit{margin-top: 5px;}
    .video-list ul li .h2{font-size: 14px; font-weight: bold;}
    .video-list ul li .pn{font-size: 12px;}
    .videobox{width: 90%; height: 170px;}
    .load-more{margin-top: 30px;}
    .contact-box{padding-top: 40px;}
    .contact-list ul li{width: 100%; margin-bottom: 20px; min-height: 10px;}
    .contact-list ul li .pcont,.contact-list ul li .foot-sns{margin-top: 15px;}
    .contact-after{bottom: -40px; width: 60px; height: 92px; background-size: cover;}
    .news-list ul{margin: 0 -5px;}
    .news-list ul li{width: 50%; margin-top: 15px;}
    .news-list ul li .box{margin: 0 5px;}
    .news-list ul li .tit{padding: 10px 0;}
    .news-list ul li .h2{font-size: 14px; font-weight: bold;}
    .newsdetails{padding-top: 0;}
    .newsdetails .news-text{padding: 30px 0;}
    .newsdetails h1{font-size: 20px; font-weight: bold;}
    .newsdetails .newsinfo{padding-bottom: 20px;}
    .newsdetails .news-more{padding-top: 20px;}
    .text-box{width: auto; margin-top: 0; padding: 30px 20px;}
    .test-main{width: auto; padding: 50px 20px;}
    .test-main .h2{font-size: 20px;}
    .test-main .h3{font-size: 16px;}
    .test-main .pcont{font-size: 14px; margin-top: 15px;}
    .test-main .more{width: 110px; height: 35px; line-height: 35px; font-size: 12px;}
    .test-tou{padding: 40px 20px;}
    .test-tou .h2{font-size: 20px;}
    .test-tou .pcont{margin-top: 10px; font-size: 12px;}
    .test-bom{padding: 80px 0 0 0;}
    .test-bom .t-layout{padding: 0;}
    .test-bom .pages-num{top: -40px;}
    .test-bom .dl dt{margin-bottom: 20px;}
    .test-bom .dl dd{width: 100%; margin-top: 10px;}
    .test-bom .btns{margin: 40px auto;}
    .test-bom .test-tips ul li{width: 50%; font-size: 12px;}
    .test-list ul{margin: 0 -5px;}
    .test-list ul li{width: 50%; margin-top: 20px;}
    .test-list ul li .box{margin: 0 5px;}
    .test-list ul li .a,.index-pro .a{width: 100px; height: 35px; line-height: 35px; font-size: 12px;}
    .case-list{margin-top: 10px;}
    .case-list ul li{width: 100%;}
    .case-list ul li .tmain{padding: 25px 20px; width: 220px;}
    .case-list ul li .h2{font-size: 18px;}
    .case-list ul li .pn{font-size: 14px;}
    .case-list ul li .more{width: 100px; height: 35px; line-height: 35px; font-size: 12px;}
    .pro-select{width: 100%; margin-top: 20px; position: relative; right: auto; bottom: auto;}
    .pro-select .screen-btns{margin-left: 10px;}
    .pro-total ul li{width: 100%; margin-top: 10px;}
    .pro-wrap{padding: 40px 0;}
    .proinfobar{margin-top: 0;}
    .proinfobar .pro-simg,.proinfobar .pro-info{width: auto; float: none;}
    .proinfobar .maximg{margin-left: 0;}
    .proinfobar .sallimg{width: 100%; position: relative; left: auto; top: auto;}
    .proinfobar .sallimg ul li{width: 50px; float: left; margin: 10px 5px 0 0;}
    .proinfobar .pro-info{margin-top: 30px;}
    .proinfobar h1{font-size: 20px; font-weight: bold;}
    .proinfobar .ping{margin: 15px 0;}
    .proinfobar .psel{margin-top: 15px;}
    .proinfobar .pro-operation{margin-top: 20px;}
    .proinfobar .p-num,.proinfobar .price{margin-bottom: 15px;}
    .proinfobar .price{width: 120px;}
    .pro-middle .pr-text .th,.pro-middle .pr-text .td{width: auto; float: none;}
    .pro-middle .pr-text .h2{margin-top: 15px;}
    .pro-tmain .pr-left,.pro-tmain .pr-right{width: auto; float: none; margin-right: 0;}
    .pro-tmain .pr-right{margin-top: 30px;}
    .pro-tmain .test-list ul li{width: 50%;}
    .season-list{padding: 0 0 20px 0;}
    .season-list ul li{margin-top: 60px; padding: 0;}
    .season-list ul li .box{padding-left: 110px;}
    .season-list ul li:nth-child(2n) .box{padding-left: 0; padding-right: 110px;}
    .season-list ul li .pic{width: 93px;}
    .season-list ul li .h2{font-size: 18px;}
    .season-list ul li .explain{font-size: 13px;}
    .hot-list{padding: 0; margin-top: 20px;}
    .hot-list ul li{padding: 20px 0; margin-top: 0;}
    .hot-list ul li .box{min-height: 180px;}
    .hot-list ul li .tmain{padding: 0; width: auto;}
    .special-wrap .pc,#fp-nav{display: none;}
    .special-wrap .mobile{display: block;}
    .special-title .h2{font-size: 20px; font-weight: bold;}
    .special-title .pn{font-size: 16px;}
    .special-title .btns a{font-size: 12px; margin: 0 5px;}
    .special-box2 .special-cover{background-position: 27% bottom;}
    /*.special-box2 .special-title{top: 30%; left: 50%; right: auto; margin-right: 0;}*/
    .special-pro2 ul li.item1 .pic span{background-position: 23% bottom;}
    .special-pro2 ul li.item2 .pic span{background-position: 30% bottom;}
    .special-pro2 ul li .special-title,.special-pro2 ul li.item1 .special-title,.special-pro2 ul li.item2 .special-title{width: 90%; top: 25%; left: 50%; right: auto; margin-left: 0;}
    .special-pro2 ul li .special-title .h2{font-size: 19px;}
	.special-pro2 ul li.item1 .special-title .h2, .special-pro2 ul li.item2 .special-title .h2{font-size:14px;}
	.special-pro2 ul li.item1 .special-title .pn, .special-pro2 ul li.item2 .special-title .pn{font-size:19px;}
	.special-pro2 ul li.item1 .special-title .pn .span, .special-pro2 ul li.item2 .special-title .pn .span{font-size:16px;}
    .special-pro2 ul li .special-title .pn{font-size: 14px;}
    .special-pro8 ul li .pic,.special-pro8 ul li .tmain{width: 100%;}
    /*.special-pro8 ul li .pic span{background-position: center 0;}*/
    /*.special-pro8 ul li .tmain{position: absolute; left: 0; top: 0; z-index: 10;}*/
    .special-pro8 ul li .special-title{width: 90%; top: 36%;}
    .special-pro8 ul li .special-title .h2{font-size: 15px; font-weight: bold;}
    .special-pro8 ul li .special-title .btns a{background-color: #fff;}
    .special-pro4 ul li .pic,.special-pro4 ul li .tmain{width: 100%;}
    .special-pro4 ul li .tmain{position: absolute; left: 0; top: 0; z-index: 10;}
    /*.special-pro4 ul li .special-title{width: 90%; top: 22%;}*/
    .special-pro4 ul li .special-title .h2{font-size: 14px;}
    .special-pro4 ul li .special-title .pn{font-size: 12px;}
    .special-pro4 ul li .pic span{background-position: center 10%}
    .special-pro5 ul li:nth-child(odd){background-color: #f7f7f7;}
    .special-pro5 ul li .pic span{background-size: 120% auto}
    .special-pro5 ul li .special-title{width: 90%;}
    .special-pro5 ul li .special-title .h2{font-size: 12px; font-weight: bold; /*min-height: 54px;*/}
    .special-pro5 ul li .special-title .btns a{margin: 0;}
    .special-pro1 ul li .pic,.special-pro1 ul li .tmain{width: 100%;}
	.special-pro1 ul li .pic .moimg{display:block;}
	.special-pro1 ul li .pic .pcimg{display:none;}
    .special-pro1 ul li .tmain{position: absolute; left: 0; top: 0;}
    .special-pro1 ul li .special-title{width: 90%; top: 26%;}
    /*.special-pro3 ul li .pic span{background-position: 68% bottom;}*/
    /*.special-pro3 ul li .special-title{width: 80%; left: 50%;}*/
    /*.special-pro3 ul li.item1 .special-title{margin-top: -190px;}*/
    /*.special-pro3 ul li.item2 .special-title{margin-top: -24px;}*/
    /*.special-pro3 ul li.item3 .special-title{margin-top: -70px;}*/
    .special-pro3 ul li .special-title .h2{font-size: 17px; font-weight: bold;}
    .special-pro3 ul li .special-title .btns a,.special-box2 .special-title .btns a{width: 90px; height: 30px; line-height: 30px;}

	.map ul li a.dt{display:block;}
	
    .section{height: auto !important; position: relative;}
    .special-title,.special-box1 .special-title,.special-box2 .special-title,.special-pro3 ul li .special-title{left: 2%; right: 2%; top: 60px; -webkit-transform: none;transform: none; margin-top: 0;}
    .special-box1 .special-title{top: 100px;}
    .special-box2 .special-title{margin-right: 0;}
    .special-box1 .special-cover,.special-box2 .special-cover,.special-box3 .special-cover{height: 548px;}
    .special-pro2 ul li{width: 100%; height: 548px;}
    .special-pro2 ul li.item1 .special-title{width: 170px; left: auto; right: 20px; top: 40%; margin-right: 0;}
    .special-pro2 ul li.item2 .special-title{width: 170px; left: 20px; right: auto; top: 35%; margin-right: 0;}
    .special-pro2 ul li.item1 .pic span{background-position: 72% bottom;}
    .special-pro8 ul li{width: 100%;}
    .special-pro8 ul li .pic,.special-pro8 ul li .tmain{height: 280px;}
    .special-pro8 ul li:nth-child(odd) .pic{float: left;}
    .special-pro8 ul li:nth-child(2n) .pic{float: right;}
    .special-pro8 ul li.item2 .pic span{background-position: center -84px;}
    .special-pro4 ul li .special-title{top: 40px;}
    .special-pro4 ul li{width: 100%; height: 600px;}
    .special-pro5 ul li{width: 50%; height: 420px;}
    .special-pro5 ul li .special-title .btns{margin-top: 5px;}
    .special-pro1 ul li .special-title{top: 40px;}
    .special-pro1 ul li{height: 600px;}
    .special-pro1 ul li .special-title{width: 90%;}
    .special-pro3 ul li{width: 100%; height: 750px;}
    .special-pro3 ul li.item2, .special-pro3 ul li.item3{height: 390px;}
    .special-pro3 ul{margin: 0;}
    .special-pro3 ul li .box,.special-pro3 ul li.item2 .box,.special-pro3 ul li.item3 .box{padding: 0;}
    .special-pro3 ul li .pic span{background-position: 89% bottom; background-size: cover;}
    .special-pro3 ul li .special-title{text-align: center; top: 30px;}
    .special-title .btns{margin-top: 10px;}
    #fp-nav.right{display: none !important;}
}