.layout{max-width: 1200px; 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;}
body{background-color: #f7f7f7;}

/*header*/
#wrapper{width: 100%; position: relative; overflow-x: hidden;}
.header{width: 100%; padding-top: 75px; background-color: #f7f7f7; position: absolute; left: 0; top: 0; z-index: 1000; -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.07); box-shadow: 0px 5px 5px rgba(0,0,0,0.07);}
.headNav{height: 100px; background-color: #4a2e06; background-image: url(../images/headerBg.png); background-position: left center;}
.headNav .layout{position: relative; height: 100px;}
.header .logo{float: left; position: absolute; left: -52px; bottom: 0;}
.header .logo a{display: block; width: 236px; height: 152px; font-size: 0; background-image: url(../images/logo.png); background-position: center center; background-size: contain; background-repeat: no-repeat; -webkit-transition: all 0s ease; transition: all 0s ease;}
.nav{position: absolute; right: 0; bottom: 0;}
.nav ul li{height: 46px; line-height: 46px; padding: 0 28px; float: left;}
.nav ul li>a{font-size: 16px; color: #f7f7f7; display: block;}
.nav ul li:hover>a,.nav ul li.on>a{color: #c5a55c;}
/*.nav ul li>a:after{content:""; display: block; width: 100%; height: 3px; background-color: #b0258b; 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>a:after,.nav ul li.on>a: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 .nav-body{width: 1200px; padding: 5px 0; height: 250px; position: absolute; right: 0px; top: 46px; background-color: rgba(61,39,5,0.95); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#953d2705, endColorstr=#953d2705); -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.07); box-shadow: 0px 5px 5px rgba(0,0,0,0.07);}
.nav ul li .nav-body{transform-origin: 250% 0%; transform: perspective(1920px) rotateX(-40deg); opacity: 0; transition: all .3s 0s; visibility: hidden;}
.nav ul li.ative .nav-body{opacity: 1; visibility: visible; transition: all .5s 0s; transform: perspective(0px) rotateX(0deg); -webkit-transform: rotateX(0deg);}

.product-sub-brand dl{display: block; margin-top: 20px; float: left;}
.product-sub-brand dl dd{clear: both; transition: all 0.3s ease-in-out; cursor: pointer; position: relative; height: 35px; line-height: 35px; float: left; padding: 0 28px;}
.product-sub-brand dl dd a{font-size: 14px; color: #fff;}
.product-sub-brand dl dd span{font-size: 12px; color: rgba(247, 247, 247, 0.71)}
.product-subs dl dt{width: 200px; height: 200px; float: left; margin: 30px 12px;}
.product-subs dl{float: right; margin-right: 29px;}
.product-subs dl dt img{width: 100%;}
.product-subss dl{float: left; margin-top: 20px}
.product-subss dl dt{font-size: 14px; color: #B5975A; text-align: left; height: 35px; line-height: 35px; padding-left: 28px; margin-bottom: 10px;}
.product-subss dl dd{font-size: 12px; color: #000; height: 25px; line-height: 25px; padding: 0 28px;}
.product-subss dl dd a{color: #f7f7f7;}
.product-subss-img{width: 400px; height: 240px; margin-top: 5px; float: left; margin-left: 35px; position: relative; top: 50%; margin-top: -120px;}

.hdlang{position: absolute; right: 0px; top: 15px; font-size: 14px; color: #b2b2b2;}
.hdlang a{color: #b2b2b2;}
.hdlang a:hover{color: #fff;}
.hdlang em{color: #84817c; margin: 0 5px; font-size: 12px; vertical-align: 1px;}
.search-btn{width: 55px; height: 55px; position: absolute; right: 55px; top: 0; background-image: url(../images/searchBtn.png); background-position: center center; background-repeat: no-repeat; display: none;}
.searchBox{width: 187px; height: 33px; border-bottom: 1px solid #938988; position: absolute; right: 0; top: -43px;}
.searchBox.on{display:block;}
.searchBox .searchText{height: 32px; line-height: 32px; padding: 0 15px; border:none; background: none; font-size: 12px; color: #938988;}
.searchBox .searchBtn{width:16px; height:29px; border:none; cursor: pointer; font-size: 0; background: url(../images/submit-btn.png) center center no-repeat; position: absolute; right: 0; top: 0;}
.btn-m-list{width:55px; height:55px; cursor:pointer; position:absolute; right:0; top:0; z-index:1020; 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); display:none;}
.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:21px; height:3px; background-color:#fff; display:block; position:absolute; z-index:5; top:16px; left:50%; margin:0px 0px 0px -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;}
.btn-m-list .burger-3{top:33px;}
.btn-m-list.on .burger-1{top:25px; -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; -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; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg);}
.mask{position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000, endColorstr=#70000000); display:none; z-index:2000;}
.mask.on{z-index:500;}
.mob-nav{width: 60%; height: 100%; position: fixed; _position: absolute; top: 0; left: -60%; overflow-y: auto; overflow-x: hidden; background-color: #4a2e06; z-index: 3000; visibility: hidden; opacity: 0; -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{left: 0px; visibility: visible; opacity: 1;}
.mob-nav .neirong-close{width: 24px; height: 24px; background: url(../images/nav_close.png) no-repeat 7px center; position: absolute; top: 10px; right: 10px; font-size: 0; visibility: hidden;}
.mobilelogo{padding: 20px 15px;}
.mobilelogo img{width: 25%;}
.mob-nav.on .neirong-close{visibility: visible;}
.mob-nav .subtab{padding-top: 50px;}
.mob-nav .subtab>li{border-bottom: 1px solid #000; position: relative; transform: translateX(10rem); transition: 0.5s;}
.mob-nav .subtab>li:nth-child(1){transition-delay:150ms;}
.mob-nav .subtab>li:nth-child(2){transition-delay:250ms;}
.mob-nav .subtab>li:nth-child(3){transition-delay:350ms;}
.mob-nav .subtab>li:nth-child(4){transition-delay:450ms;}
.mob-nav .subtab>li:nth-child(5){transition-delay:550ms;}
.mob-nav .subtab>li:nth-child(6){transition-delay:650ms;}
.mob-nav .subtab>li:nth-child(7){transition-delay:750ms;}
.mob-nav .subtab>li:nth-child(8){transition-delay:850ms;}
.mob-nav.on .subtab>li{transform: translateX(0px);}
.mob-nav .subtab li .tlink{display: block; padding: 10px; font-size: 14px; color: #fff; background-position: 98% center; background-repeat: no-repeat;}
.mob-nav .subtab li.on .tlink{color: #fff;}
.mob-nav .subtab li .subbtn{/*background-image: url(../images/moli.png);*/}
.mob-nav .subtab li.on .subbtn{/*background-image: url(../images/moli_h.png);*/ background-position: 98% center; background-repeat: no-repeat;}
.mob-nav .subtab li .submenu{width: 100%; overflow: hidden; display: none;}
.mob-nav .subtab li .submenu a{display: block; padding: 10px; font-size: 14px; color: #fff; background-color: #000;}
.mob-nav .subtab li .mlink{display: block; padding: 10px; font-size: 14px; color: #fff; border-top: 1px solid #dcdcdc; background-color: #4b9e01;}
.mob-nav .subtab li .menuer{width: 100%; overflow: hidden; display: none;}
.mob-nav .subtab li .menuer a{display: block; padding: 10px; font-size: 14px; color: #000; border-top: 1px solid #dcdcdc; background-color: #eab006;}

/* 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{width: 100%; height: 100%; position: relative; z-index: 1; background-position: center center; background-repeat: no-repeat;}
.banner .item .pimg{width: 100%; max-height: 100%; display: block;}
/*.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 img{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 img{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);}
@-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 .slideshow .slick-active .binbox{visibility: visible; -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: fadeInRightBig 1.2s 1; animation: fadeInRightBig 1.2s 1;}
@-webkit-keyframes fadeInRightBig{0%{opacity: 0; -webkit-transform: translateX(300px); transform: translateX(300px)}100%{opacity: 1; -webkit-transform: translateX(0); transform: translateX(0)}}
@keyframes fadeInRightBig{0%{opacity: 0; -webkit-transform: translateX(300px); transform: translateX(300px)}100%{opacity: 1; -webkit-transform: translateX(0); transform: translateX(0)}}
.banner .slideshow .slick-active .bot { -moz-animation: a_slidercurrent 5s linear; -webkit-animation: a_slidercurrent 5s linear; -o-animation: a_slidercurrent 5s linear; animation: a_slidercurrent 5s linear; }
@-moz-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}
@-webkit-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}
.banner .slick-dots{position: absolute; left: 0; bottom: 10px; z-index: 10; width: 100%; text-align: center;}
.banner .slick-dots li{width: 12px; height: 12px; border-radius: 50%; font-size: 0; cursor: pointer; display: inline-block; _display: inline; zoom: 1; margin: 0 5px; background-color: rgba(197,197,197,0.57); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#57c5c5c4, endColorstr=#57c5c5c4);}
.banner .slick-dots li button{display: none;}
.banner .slick-dots li.slick-active{background-color: #fff;}

/*index*/
.contain{width: 100%; padding-top: 175px;}
.sectionBox{width: 100%; padding-top: 60px; padding-bottom: 20px;}
.section01 .title{width: 56%; float: left;}
.section01 .title img{width: 100%; display: block;}
.indexPro{width: 44%; float: right; position: relative; z-index: 1;}
.indexPro img{width: 100%; display: block;}
.indexPro .slick-dots{position: absolute; left: 20px; bottom: 10px; z-index: 10;}
.indexPro .slick-dots li{width: 12px; height: 12px; border-radius: 50%; font-size: 0; cursor: pointer; background-color: #ddd; display: inline-block;_display: inline; zoom: 1; margin: 0 5px;}
.indexPro .slick-dots li button{display: none;}
.indexPro .slick-dots li.slick-active{background-color: #fff;}
.section02{margin-top: 60px;}
.indexTitle{width: 100%; text-align: center;}
.testmenu{border-bottom: 1px solid #c2c2c2; margin-bottom: 40px;}
.testmenu ul li{float: left; padding-left: 66px; background: url(../images/testmenu_raw.jpg) 25px center no-repeat; margin: 0 14px 14px 0;}
.testmenu ul li a{color: #000; font-size: 14px;}
.indexTest ul{margin-left: -19px; margin-right: -19px;}
.indexTest ul li{width: 33.333%; float: left;}
.indexTest ul li a{display: block; margin: 0 19px;}
.indexTest ul li .pic{width: 100%; position: relative; z-index: 1;}
.indexTest ul li .pic img{width: 100%; display: block;}
.indexTest ul li .pic img:hover{box-shadow: 6px -2px 35px #949494; -webkit-box-shadow: 6px -2px 35px #949494; -moz-box-shadow: 6px -2px 35px #949494; transition: all cubic-bezier(0.4, 0, 1, 1) 1s; -webkit-transition: all cubic-bezier(0.4, 0, 1, 1) 1s;}
.indexTest ul li .tmain{padding: 8px 8px 21px 8px; position: relative;}
.indexTest ul li .sn{display: block; font-size: 14px; color: #929292;}
.indexTest ul li .h2{font-size: 16px; color: #222; font-weight: bold;}
.indexTest ul li .pcont{font-size: 14px; color: #aaa; margin-top: 10px; line-height: 22px;}
.indexTest ul li .more{width: 25px; height: 21px; font-size: 0; position: absolute; right: 0; bottom: 0; background: url(../images/ceping-goto.jpg) no-repeat; background-size: cover;}
.darenceping{width: 100%; margin-top: 40px;}
.darenceping img{width: 100%; display: block;}
.darenceping .tit{width: 100%; height: 68px; line-height: 68px; text-align: center; position: absolute; left: 0; bottom: 0; z-index: 5; background-color: rgba(255,255,255,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50ffffff, endColorstr=#50ffffff);}
.darenceping .tit span{display: block; font-size: x-large; font-weight: bold; color: #555;}
.darenceping .slick-dots{position: absolute; right: 20px; bottom: 20px; z-index: 10;}
.darenceping .slick-dots li{width: 12px; height: 12px; border-radius: 50%; font-size: 0; cursor: pointer; display: inline-block; _display:inline; zoom: 1; margin: 0 5px; background-color: rgba(197,197,197,0.57); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#57c5c5c4, endColorstr=#57c5c5c4);}
.darenceping .slick-dots li button{display: none;}
.darenceping .slick-dots li.slick-active{background-color: rgba(212,199,121,0.45);}
.section03{width: 100%; margin-top: 60px;}
.salesprole{margin-top: 25px;}
.salesprole ul li img{width: 100%; display: block;}
.salesprole ul li img:hover{box-shadow: 6px -2px 35px #949494; -webkit-box-shadow: 6px -2px 35px #949494; -moz-box-shadow: 6px -2px 35px #949494; transition: all cubic-bezier(0.4, 0, 1, 1) 1s; -webkit-transition: all cubic-bezier(0.4, 0, 1, 1) 1s;}
.section04{width: 100%; margin-top: 60px;}
.inVideolist ul{margin-left: -5px; margin-right: -5px;}
.inVideolist ul li{width: 25%; float: left; margin-top: 20px;}
.inVideolist ul li .videom{margin: 0 10px;}
.section05{width: 100%; margin-top: 60px;}
.newsinfoct{width: 100%; margin-top: 50px;}
.newsinfoct .title{width: 37.5%; float: right;}
.newsinfoct .title img{width: 100%; display: block;}
.newsinfoct .nwlist{width: 724px; width: 60.4%; float: left;}
.newsinfoct .nwlist ul li{width: 46.5%; padding-top: 40.5%; /*height: 293px;*/ float: left; margin-right: 3.5%; margin-bottom: 25px; overflow: hidden; position: relative; z-index: 1;}
.newsinfoct .nwlist ul li img{width: 100%; 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;}
.newsinfoct .nwlist ul li: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);}
.TipsNav{position: fixed; right: 0; top: 50%; margin-top: -100px; left: 50%; margin-left: 615px; width: 110px; display: none;}
.TipsNav ul li a{font-size: 17px; color: #adadad; display: inline-block; height: 16px; line-height: 16px; padding-left: 18px; background: url(../images/alist-ico-2.png) 0 50% no-repeat; font-family:"Microsoft Yahei";}
.TipsNav ul li:first-child a{line-height:22px;}
.TipsNav ul li a:hover{color: #000; text-decoration: none; padding-left: 14px; border-left: 4px solid rgba(61, 39, 4, 0.69); background: none; font-size: 17px;}
.TipsNav ul li{margin: 0 0 29px; overflow: hidden;}

/*about*/
.aboutwrap{width: 100%; margin-bottom: 60px;}
.navigation{padding-top: 20px; font-size: 16px; color: #555;}
.navigation a{color: #555;}
.navigation a:hover,.navigation a.on{color: #4a2e06;}
.navigation em{margin: 0 3px; font-family: \5B8B\4F53;}
.brandintro{width: 100%; margin-top: 5px;}
.brandintro .brandus{width: 31.7%; margin-top: 1.5%; float: right;}
.brandintro .brandus img{width: 100%; display: block;}
.brandintro .branlist{width: 67.7%; float: left;}
.brandintro .branlist ul li{width: 47.5%; padding-top: 25%; margin-right: 2.5%; margin-top: 2.5%; overflow: hidden; float: left; position: relative; z-index: 1;}
.brandintro .branlist ul li img{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;}
.brandintro .branlist ul li: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);}
.brandintro .branlist ul li .tit{position: absolute; left: 0; bottom: 0; right: 0; z-index: 5; padding: 0 10px; text-align: center; height: 28px; line-height: 28px; font-size: 16px; color: rgba(255,255,255,0.58); background-color: rgba(0,0,0,0.39); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#39000000, endColorstr=#39000000);}
.brandBox02{margin-top: 60px;}
.brandstroy{margin-top: 30px; background-color: #fff;}
.brandstroy .img1{width: 31.9%; float: right; margin: 0 auto;}
.brandstroy .textBom{width: 68.1%; float: left;}
.brandstroy .tm{width: 47%; float: left; margin-right: 3%;}
.brandstroy .p1{margin: 20px 30px 0px 30px; font-size: 18px; color: #999; text-align: center;}
.brandstroy .p2{margin: 5px 30px 0px 30px; font-size: 18px; color: #943e48; text-align: center;}
.brandstroy .p3{margin: 20px 30px 0px 30px; font-size: 12px; color: #b2b2b2; text-align: justify; text-justify: inter-ideograph;}
.brandstroy .tetbm{margin-top: 45px; margin-right: 3%; border-top: 2px solid #cecece; border-left: 2px solid #cecece; border-right: 2px solid #cecece; position: relative;}
.brandstroy .img4{margin-top: -20px; margin-left: 70px; margin-right: 40px; float: left;}
.brandstroy .dm{padding: 40px;}
.brandstroy .dp1{font-size: 20px; color: #999;}
.brandstroy .dp2{font-size: 20px; color: #1a5935; margin-top: 10px;}
.brandstroy .dp3{font-size: 14px; color: #b2b2b2; margin-top: 10px; text-align: justify; text-justify: inter-ideograph;}
.brandBox03{margin-top: 60px;}
.brandirepu{margin-top: 30px; position: relative; padding-left: 388px;}
.brandirepu .pic{width: 100%; overflow: hidden;}
.brandirepu .pic img{width: 100%; display: block;}
.brandirepu .tmain{position: absolute; left: 0; top: 25px; bottom: 25px; z-index: 5; padding: 20px; max-width: 440px; font-size: 16px; color: #333; background-color: #fff; border-right: 8px solid #4a2e06;}
.brandBox04{margin-top: 60px;}
.changcheng,.lanmeigui{width: 1190px; height: 274px; overflow: hidden;}
.changcheng ul li, .lanmeigui ul li{width: 30px; height: 274px; float: left; color: #fff;}
.changcheng ul li p{display: inline-block; width: 14px; height: 274px; text-align: center; padding-top: 5px; word-wrap: break-word;}
.changcheng .list1{background-image: url(../images/changcheng1.jpg); background-repeat: no-repeat; width: 976px; overflow: hidden; text-align: center;}
.changcheng .list2{background-image: url(../images/changcheng2.jpg); background-repeat: no-repeat; overflow: hidden; text-align: center;}
.changcheng .list3{background-image: url(../images/changcheng3.jpg); background-repeat: no-repeat; overflow: hidden; text-align: center;}
.changcheng .list4{background-image: url(../images/changcheng4.jpg); background-repeat: no-repeat; overflow: hidden; text-align: center;}
.changcheng .list5{background-image: url(../images/changcheng5.jpg); background-repeat: no-repeat; overflow: hidden; text-align: center;}
.changcheng .list6{background-image: url(../images/changcheng6.jpg); background-repeat: no-repeat; overflow: hidden; text-align: center;}
.changcheng .list7{background-image: url(../images/changcheng7.jpg); background-repeat: no-repeat; overflow: hidden; text-align: center;}
.changcheng .list8{background-image: url(../images/changcheng8.jpg); background-repeat: no-repeat; overflow: hidden; text-align: center;}
.leftpart1{background: rgba(0,0,0,0.5); width:32px; overflow:hidden; cursor:pointer}
.leftpart2{background: rgba(108,104,93,0.5); width: 32px; overflow: hidden; cursor: pointer;}
.leftpart3{background: rgba(192,125,92,0.5); width: 32px; overflow: hidden; cursor: pointer;}
.leftpart4{background: rgba(218,165,123,0.5); width: 32px; overflow: hidden; cursor: pointer;}
.leftpart5{background: rgba(155,139,139,0.5); width: 32px; overflow: hidden; cursor: pointer;}
.leftpart6{background: rgba(0,0,0,0.5); width: 32px; overflow: hidden; cursor: pointer;}
.leftpart7{background: rgba(108,104,93,0.5); width: 32px; overflow: hidden; cursor: pointer;}
.leftpart8{background: rgba(192,125,92,0.5); width: 32px; overflow: hidden; cursor: pointer;}
.moChangcheng{width: 100%; position: relative; z-index: 1; display: none;}
.moChangcheng img{width: 100%; display: block;}
.moChangcheng .tit{position: absolute; left: 0; bottom: 0; right: 0; z-index: 5; padding: 0 10px; width: auto; text-align: center; height: 28px; line-height: 28px; color: rgba(255,255,255,0.58);}
.moChangcheng .slick-arrow{width: 30px; height: 30px; position: absolute; top: 50%; z-index: 5; margin-top: -15px; border: none; border-radius: 50%; font-size: 0; cursor: pointer;}
.moChangcheng .slick-prev{left: 0; background: #fff url(../images/inNwBtn_l.png) no-repeat; background-size: cover;}
.moChangcheng .slick-next{right: 0; background: #fff url(../images/inNwBtn_r.png) no-repeat; background-size: cover;}

/*test*/
.testwrap{width: 100%; position: relative; margin-top: 20px; min-height: 528px;}
.testwrap .testNav{width: 170px; float: left;}
.testwrap .testNav .h2{font-size: 18px; font-weight: bold; color: #555; padding-bottom: 6px; padding-left: 5px;}
.testwrap .testnavlist{border-bottom: 1px solid #c1c1c1;}
.testwrap .testnavlist li .btn{display: block; font-size: 16px; color: #555; padding: 6px 6px 5px 10px; border-top: 1px solid #c1c1c1; position: relative; z-index: 1;}
.testwrap .testnavlist li .btn:after{content:""; display: block; width: 100%; height: 100%; background-color: #f1f1f1; 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;}
/*.testwrap .testnavlist li:hover .btn:after,.testwrap .testnavlist li.on .btn:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}*/
.testwrap .testnavlist li .butt01{padding-left: 30px; background: url(../images/butt01.png) 10px 12px no-repeat;}
.testwrap .testnavlist li.on .butt01{background: url(../images/butt01_h.png) 10px 12px no-repeat;}
.testwrap .nomenu{padding: 12px 0 0 30px; display: none;}
.testwrap .nomenu a{display: block; font-size: 14px; color: #8c8c8c; margin-bottom: 12px;}
.testwrap .nomenu a:hover{color: #000;}
.testwrap .testrightbox{width: 75%; min-height: 528px; float: right; word-wrap: break-word;}
.testtpcs .h2{font-size: 28px; color: #727171; text-align: center;}
.testtpcs .clicktest{margin: 10px 0;}
.testtpcs .clicktest a{font-size: 16px; color: #727171; font-weight: bold;}
.testtpcs label{font-size: 16px; color: #727171;}
.testtpcs .sn{display: block; margin-top: 5px;}
.testtpcs .sn input{vertical-align: -2px;}
.testtpcs .submitBtn{border: 1px solid #deac65; width: 50px; height: 25px; line-height: 25px; border-radius: 4px; font-size: 14px; color: #5d5454; text-align: center; background-color: #fff; cursor: pointer;}
.testtpcs form{display: inline-block; height: 0; overflow: hidden; transition: all cubic-bezier(1, 0.35, 0.23, 1.37) 1s; -webkit-transition: all cubic-bezier(1, 0.35, 0.23, 1.37) 1s; -moz-transition: all ease-in-out 1s;}
.opentest{height: auto !important; transition: all cubic-bezier(1, 0.35, 0.23, 1.37) 1s; -webkit-transition: all cubic-bezier(1, 0.35, 0.23, 1.37) 1s; -moz-transition: all cubic-bezier(1, 0.35, 0.23, 1.37) 1s;}
.testresulist{width: 55%; float: left;}
.testresulist ul{margin-left: -10px; margin-right: -10px;}
.testresulist ul li{width: 50%; float: left; margin-top: 20px;}
.testresulist ul li .box{display: block; margin: 0 10px;}
.testresulist ul li .pic{width: 100%; height: 220px; overflow: hidden; position: relative; z-index: 1;}
.testresulist ul li .pic img{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;}
.testresulist 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);}
.testresulist ul li .tit{font-size: 16px; color: #666; margin-top: 10px; text-align: center; padding: 0 10px;}
.testresu{width: 35%; float: right; padding-top: 50px; word-wrap: break-word;}
.testresu p{font-size: 14px; color: #666;}
.testresu .butt{font-size: 16px; color: #fff; min-width: 110px; height: 46px; line-height: 46px; padding: 0 10px; margin-top: 100px; text-align: center; background-color: #4e2700; display: inline-block; position: relative; z-index: 1;}
.testresu .butt:after{content:""; display: block; width: 100%; height: 100%; background-color: #a67703; 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;}
.testresu .butt:hover:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}

.testbanner{width: 100%; overflow: hidden;}
.testbanner img{max-width: 100%; display: block; margin: 0 auto;}
.testTmBox,.testProBox{width: 100%; background-color: #fff; padding: 35px 0;}
.testBox01{background-color: #fff; text-align: center;}
.testT1 .h2{font-size: 38px; color: #c08462;}
.testT1 .tline{width: 29%; height: 5px; margin: 0 auto; display: block; background: url(../images/test_line.png);}
.testT1 .p{font-size: 27px; color: #040405; margin-top: 10px;}
.testTag1{max-width: 884px; margin: 0 auto; padding: 30px 0 50px 0;}
.testTag1 ul{margin-left: -6px; margin-right: -6px;}
.testTag1 ul li{width: 50%; float: left;}
.testTag1 ul li .box{display: block; margin: 6px; background-color: #f1f2f6; text-align: center; padding: 45px 20px 10px 20px; min-height: 152px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.testTag1 ul li h2{font-size: 25px; color: #16161a;}
.testTag1 ul li .more{font-size: 20px; color: #666769;}
.testTag1 ul li .more i{font-family: \5B8B\4F53; font-weight: bold; margin-left: 3px;}
.testBox02{background-color: #f2f3f5;}
.testT2 .h2{font-size: 28px; color: #1a1a1a; text-align: center;}
.testT2 .h2 span{color: #c08462;}
.testcs{max-width: 884px; margin: 0 auto;}
.testcs ul{margin-left: -24px; margin-right: -24px;}
.testcs ul li{width: 50%; float: left; margin-top: 20px;}
.testcs ul li .box{display: block; margin: 0 24px;}
.testcs ul li .pic{width: 100%; padding-top: 77%; overflow: hidden; position: relative; z-index: 1;}
.testcs ul li .pic img{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;}
.testcs ul li:hover .pic 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);}
.testcs ul li .tit{font-size: 16px; color: #262626; margin-top: 5px; text-align: center;}
.testProBox{padding: 70px 0;}
.testProline span{width: 100%; height: 5px; display: block;}
.testProline span.t{background: url(../images/test_line.png);}
.testProline span.m{background: url(../images/test_line_m.png); margin-top: 4px;}
.testmaxImg{width: 500px; float: left; position: relative; z-index: 1;}
.testmaxImg .pic{margin: 34px 54px 54px 34px; overflow: hidden; position: relative; z-index: 50;}
.testmaxImg .pic img{width: 100%; display: block; -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;}
.testmaxImg .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);}
.testmaxImg .t{width: 70px; height: 70px; border-top: 4px solid #464646; border-right: 4px solid #464646; position: absolute; right: 0; top: 0; z-index: 1;}
.testmaxImg .m{width: 70px; height: 70px; border-bottom: 4px solid #464646; border-left: 4px solid #464646; position: absolute; left: 0; bottom: 0; z-index: 1;}
.testmaxImg .tbg{background-color: #8d8d8d; position: absolute; top: 54px; left: 54px; right: 34px; bottom: 34px; z-index: 1;}
.testTmain{width: 494px; float: right;}
.testTmain .tst1{padding: 23px; display: inline-block; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.09); box-shadow: 0px 0px 10px rgba(0,0,0,0.09);}
.testTmain .tst1 h2{font-size: 38px; color: #c08462;}
.testTmain .tst1 p{font-size: 28px; color: #1a1a1a; line-height: 1;}
.testTmain .tst2{font-size: 18px; color: #1a1a1a; margin-top: 50px;}
.testTmain .tst2 .s{color: #fff; display: inline-block; padding: 5px 10px; background-color: #c08462;}
.testTmain .tst3 ul li{width: 50%; float: left; margin-top: 20px;}
.testTmain .tst3 ul li span{display: block; padding-left: 30px; line-height: 23px; font-size: 14px; color: #262626; background: url(../images/tst3_li.png) left 0px no-repeat;}
.testTmain .tstPro{margin-top: 30px;}
.testTmain .tstPro ul li{width: 50%; float: left; text-align: center; margin-top: 20px;}
.testTmain .tstPro ul li .pic{width: 100%; height: 200px; overflow: hidden; position: relative;}
.testTmain .tstPro ul li .pic img{width: 100%; display: block; -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;}
/*.testTmain .tstPro ul li:hover .pic 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);}*/
.testTmain .tstPro ul li .tm{margin-top: 20px;}
.testTmain .tstPro ul li h2{font-size: 16px; color: #1a1a1a; margin-bottom: 5px;}
.testTmain .tstPro ul li .more{min-width: 102px; height: 26px; line-height: 26px; padding: 0 10px; border: 1px solid #949494; font-size: 13px; color: #595959; display: inline-block;}
.testTmain .tstPro ul li .more i{display: inline-block; padding-right: 10px; background: url(../images/tstPro_i.png) right center no-repeat;}
.testTmain .tstPro ul li .more:hover{border-color: #c08462; color: #c08462;}
.testTmain .tstPro1 ul li{width: 33.333%;}
.testTmain .tstPro1 ul li .pic{height: 190px;}
.testProBox00{background-color: #f9fbfa;}
.testProBox00 .testmaxImg{float: right;}
.testProBox00 .testTmain{float: left;}
.tst1pic{margin-top: 30px;}
.testProbom{width: 100%; padding: 130px 0 70px 0; background-color: #fafafc; text-align: center;}
.testdaPei{width: 100%; margin-top: 30px;}
.testdaPei ul li{width: 33.333%; float: left; position: relative; margin-top: 20px;}
.testdaPei ul li:after{content:""; width: 1px; height: 100%; background-color: #b1b1b1; position: absolute; right: 0; top: 0;}
.testdaPei ul li.item3:after{display: none;}
.testdaPei ul li .box{display: block; margin: 0 40px; position: relative;}
.testdaPei ul li .pic{width: 100%; height: 400px; overflow: hidden; position: relative;}
.testdaPei ul li .pic img{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;}
.testdaPei ul li:hover .pic 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);}
.testdaPei ul li .tmain{width: 100%; min-height: 124px; padding: 25px 10px 10px 10px; background-color: #f1f2f6; -webkit-box-sizing: border-box;box-sizing: border-box;}
.testdaPei ul li .h2{font-size: 28px; color: #020202;}
.testdaPei ul li .h2 i{width: 46px; height: 46px; line-height: 46px; margin-right: 5px; border: 1px dashed #c2c3c7; border-radius: 50%; display: inline-block;}
.testdaPei ul li .p{font-size: 17px; color: #020202;}
.testdaPei ul li.item2 .tmain{position: absolute; left: 0; bottom: 0;}
.testdaPei ul li.item2 .box{padding-bottom: 125px;}
.testservice{width: 100%; background-color: #f2f2f2; padding: 60px 0;}
.testservice .testsrleft{width: 613px; float: left; border-right: 1px solid #ccc;}
.testservice .h2{font-size: 16px; color: #333;}
.testservice .ul{padding: 20px 0;}
.testservice .ul li{font-size: 14px; color: #808080; float: left; width: 33.333%;}
.testservice .testsrtm{width: 374px; float: right;}
.testservice .testsrtm .ul li{width: 100%;}
.testfoot{width: 100%; background-color: #171717;}
.testfoot img{max-width: 100%; display: block; margin: 0 auto;}

/*product*/
.prodl dt{width: 350px; float: right; margin-top: 20px;}
.prodl02 dt{float: left;}
.prodl dt .proimg{width: 100%; height: 460px; position: relative; z-index: 1; overflow: hidden;}
.prodl dt .proimg .img{width: 100%; height: 100%; display: block; -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; background-size: cover; background-repeat: no-repeat; background-position: center;}
.prodl dt:hover .proimg .img{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05);}
.prodl dt .tmain{padding: 30px 20px 10px 20px; height: 160px; background-color: #fff; text-align: center;}
.prodl dt .h2{font-size: 26px; color: #f3396b;}
.prodl dt:hover .h2{color: #a67703;}
.prodl dt .tet{font-size: 14px; color: #999; margin-top: 5px;}
.prodl dt .more{display: inline-block; width: 120px; height: 28px; line-height: 28px; border: 1px solid #ccc; color: #bfbfbf; margin-top: 20px;}
.prodl dt:hover .more{background-color: #a67703; border-color: #a67703; color: #fff;}
.prodl dt .more i{display: inline-block; padding-right: 17px; background: url(../images/prodt_more.png) right center no-repeat;}
.prodl dt:hover .more i{background: url(../images/prodt_more_h.png) right center no-repeat;}
.prodl dd{width: 530px; float: left; margin-top: 20px;}
.prodl02 dd{float: right;}
.prodl dd .proimg{width: 100%; height: 320px; position: relative; z-index: 1; overflow: hidden;}
.prodl dd .proimg .img{width: 100%; height: 100%; display: block; -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; background-size: cover; background-repeat: no-repeat; background-position: center;}
.prodl dd:hover .proimg .img{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05);}
.prodl dd .tmain{position: absolute; right: 40px; top: 25%; z-index: 10; text-align: center;}
.prodl dd .h2{font-size: 26px; color: #709b30;}
.prodl dd:hover .h2{color: #a67703;}
.prodl dd .tet{font-size: 14px; color: #999; margin-top: 5px;}
.prodl dd .more{display: inline-block; width: 120px; height: 28px; line-height: 28px; border: 1px solid #ccc; color: #bfbfbf; margin-top: 50px;}
.prodl dd:hover .more{background-color: #a67703; border-color: #a67703; color: #fff;}
.prodl dd .more i{display: inline-block; padding-right: 17px; background: url(../images/prodt_more.png) right center no-repeat;}
.prodl dd:hover .more i{background: url(../images/prodt_more_h.png) right center no-repeat;}
.proul ul{margin-left: -10px; margin-right: -10px;}
.proul ul li{width: 50%; float: left; margin-top: 20px;}
.proul ul li a{margin: 0 10px; display: block;}
.proul ul li .proimg{width: 100%; height: 320px; position: relative; z-index: 1; overflow: hidden;}
.proul ul li .proimg .img{width: 100%; height: 100%; display: block; -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; background-size: cover; background-repeat: no-repeat; background-position: center;}
.proul ul li:hover .proimg .img{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05);}
.proul ul li .tmain{position: absolute; right: 40px; top: 25%; z-index: 10; text-align: center;}
.proul ul li .h2{font-size: 26px; color: #fff;}
/*.proul ul li:hover .h2{color: #a67703;}*/
.proul ul li .tet{font-size: 14px; color: #999; margin-top: 5px;}
.proul ul li .more{display: inline-block; width: 120px; height: 28px; line-height: 28px; border: 1px solid #ccc; color: #bfbfbf; margin-top: 50px;}
.proul ul li:hover .more{background-color: #a67703; border-color: #a67703; color: #fff;}
.proul ul li .more i{display: inline-block; padding-right: 17px; background: url(../images/prodt_more.png) right center no-repeat;}
.proul ul li:hover .more i{background: url(../images/prodt_more_h.png) right center no-repeat;}
.protit{font-size: 26px; color: #57310d; border-bottom: 1px solid #e6e6e6;}
.protit img{vertical-align: middle;}
.prolist ul{margin-left: -5px; margin-right: -5px;}
.prolist ul li{width: 33.333%; float: left; margin-top: 40px; margin-bottom: 30px;}
.prolist1 ul li{width: 25%;}
.prolist ul li .box{display: block; margin: 0 5px; background-color: #fff;}
.prolist ul li .pic{width: 100%; height: 293px; position: relative; z-index: 1; overflow: hidden;}
.prolist ul li .pic img{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;}
.prolist 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);}
.prolist ul li .tmain{width: 100%; height: 190px; border-top: 2px solid #57310d; position: relative; z-index: 1;}
.prolist ul li .ptext{width: 100%; position: absolute; left: 0; top: 0; background-color: #fff;}
.prolist ul li .buy{display: none; height: 40px; line-height: 40px; background-color: #57310d; text-align: center; font-size: 14px; color: #e5e5e5;}
.prolist ul li:hover .buy{display: block;}
.prolist ul li .buy i{display: inline-block; padding-left: 20px; background: url(../images/probuy.png) left center no-repeat;}
.prolist ul li .td{padding: 30px 20px 20px 20px;}
.prolist ul li .h2{font-size: 18px; color: #333;}
.prolist ul li .h2 .s{font-size: 14px; margin-left: 5px;}
.prolist ul li .pcont{font-size: 14px; color: #b2b2b2; height: 42px; overflow: hidden; margin-top: 5px;}
.prolist ul li .pm{margin-top: 20px; line-height: 26px;}
.prolist ul li .sl{font-size: 12px; color: #b2b2b2; float: left;}
.prolist ul li .pr{font-size: 26px; color: #f3972b; float: right;}
.prolist ul li .pr i{font-size: 14px;}

.proinfobar{width: 100%; margin-top: 30px;}
.proinfobar .proimg{width: 520px; float: left; position: relative; z-index: 5;}
.proinfobar .proimg .maximg img{width: 100%; display: block;}
.proinfobar .proimg .sallimg{width: 100%;}
.proinfobar .proimg .sallimg ul li{width: 58px; border: 1px solid #e6e6e6; float: left; margin: 10px 10px 0 0; cursor: pointer;}
.proinfobar .proimg .sallimg ul li img{width: 100%; display: block;}
.proinfobar .proimg .sallimg ul li.on{border-color: #4e2700;}
#showbox{background-color: #fff; margin: 0 auto; position: relative; z-index: 10;}
#showbox span{background: url(../images/zoom-mask.png) repeat; cursor: move;}
#showbox p{border: 1px solid #ddd; background-color: #fff;}
.zoomBtns{display: block; width: 24px; height: 24px; position: absolute; right: 20px; bottom: 80px; z-index: 15; background: url(../images/zoomBtns.png) no-repeat;}
.proinfobar .infoarea{width: 50%; float: right; word-wrap: break-word;}
.infoarea h1{font-size: 26px; font-weight: bold; color: #333;}
.infoarea h1 i{font-size: 18px; margin-left: 5px;}
.infoarea .line{width: 35px; height: 2px; display: block; background-color: #4e2700; margin: 20px 0;}
.infoarea .itemText{font-size: 14px; color: #808080; line-height: 2; margin-bottom: 10px; width: 100%; display: table;}
.infoarea .itemText .th,.infoarea .itemText .td{display: table-cell;}
.infoarea .itemText .th{width: 70px;}
.infoarea .itemText .pr{font-size: 32px; color: #4e2700;}
.infoarea .itemText .pr i{font-size: 18px;}
.infoarea .itemBtns{margin-top: 20px;}
.infoarea .itemBtns a{font-size: 16px; color: #fff; min-width: 110px; height: 46px; line-height: 46px; padding: 0 10px; text-align: center; background-color: #4e2700; display: inline-block;_display: inline;zoom:1; vertical-align:middle; position:relative; z-index:1;}
.infoarea .itemBtns a:after{content:""; display: block; width: 100%; height: 100%; background-color: #a67703; 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;}
.infoarea .itemBtns a:hover:after,.infoarea .itemBtns a.on:after{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.prodeTab{width: 100%; background-color: #fff; margin-top: 85px;}
.prodeTab ul li{width: 33.333%; float: left;}
.prodeTab ul li a{display: block; padding: 20px 10px; font-size:16px; color:#333; text-align: center; position: relative; z-index: 1;}
.prodeTab ul li.on a{color: #4e2700;}
.prodeTab ul li a:after{content:""; display: block; width: 100%; height: 2px; background-color: #4e2700; 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;}
.prodeTab ul li.on a:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.prodmBox{display: none;}
.ptextbm{text-align: center; margin-top: 40px;}
.evaluate{width: 100%; position: relative; z-index: 1;}
.evaluate ul li{padding: 25px 0; border-bottom: 1px solid #ebebeb;}
.evaluate ul li .tit{font-size: 16px; color: #333;}
.evaluate ul li .score{display: inline-block; _display: inline; zoom:1; vertical-align: middle; margin-left: 10px;}
.evaluate ul li .score ul li{padding: 0; border: none; display: inline-block; _display: inline; zoom:1; vertical-align: middle;}
.evaluate ul li .score ul li img{width: 18px;}
.evaluate ul li .pcont{font-size: 14px; color: #8c8c8c; margin-top: 10px; padding-right: 140px;}
.evaluatebutt{font-size: 16px; color: #fff; position: absolute; right: 0; top: 25px; z-index: 5; min-width: 110px; height: 46px; line-height: 46px; padding: 0 10px; text-align: center; background-color: #4e2700;}
.evaluatebutt i{display: block; position: relative; z-index: 5;}
.evaluatebutt:after{content:""; display: block; width: 100%; height: 100%; background-color: #a67703; 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;}
.evaluatebutt:hover:after{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.evaluatePoP{width: 720px; height: 420px; background-color: #fff; position: fixed; _position: absolute; left: 50%; top: 50%; z-index: 1000; margin: -220px 0 0 -360px; display: none; box-shadow: 0px 0px 35px #949494; -webkit-box-shadow: 0px 0px 35px #949494;}
.evaluatePoP .evaluateclose{width: 16px; height: 15px; font-size: 0; position: absolute; right: 15px; top: 15px; background: url(../images/evaluateclose.png) no-repeat;}
.formbox{padding: 40px 60px 10px 60px;}
.formbox .item{width: 100%; margin-top: 20px;}
.formbox .item .textinput,.formbox .item .teatinput{width: 100%; height: 44px; line-height: 44px; font-size: 12px; color: #333; border: 1px solid #e6e6e6; padding: 0 10px; -webkit-box-sizing: border-box;box-sizing: border-box;}
.formbox .item .textinput:focus,.formbox .item .teatinput:focus{border-color: #4e2700;}
.formbox .item .textinput{width: 320px;}
.formbox .item .teatinput{height: 180px;}
.formbox .item3{text-align: center;}
.formbox .item .submit{width: 110px; height: 40px; font-size: 14px; color: #fff; background-color: #4e2700; border: none; cursor: pointer;}
.formbox .item .evaluateImg{display: inline-block;_display: inline;zoom:1; vertical-align: middle; font-size: 12px; color: #b2b2b2; margin-left: 60px;}
.formbox .mydiv ul li{display: inline-block;_display: inline;zoom:1; vertical-align: middle;}
.formbox .mydiv ul li img{width: 18px; cursor: pointer;}
.testform{width: 100%; position: relative;}
.testform ul li{width: 48.4%; margin-top: 15px; position: relative; z-index: 1;}
.testform ul li.t2,.testform ul li.t3{position: absolute; right: 0; top: 0;}
.testform ul li.t3{top: 65px;}
.testform ul li.t4{width: 100%; margin-top: 50px; text-align: center;}
.testform ul li .red{position: absolute; right: 10px; top: 17px; font-size: 14px; color: #f00;}
.testform ul li .testtext,.testform ul li .testteat{width: 100%; height: 50px; line-height: 50px; padding: 0 15px; font-size: 14px; color: #333; background-color: #fff; border: 1px solid #fff; -webkit-box-sizing: border-box;box-sizing: border-box;}
.testform ul li .testteat{height: 180px;}
.testform ul li .testtext:focus,.testform ul li .testteat:focus{border-color: #4e2700;}
.testform ul li .submit{width: 130px; height: 46px; background-color: #999; font-size: 16px; color: #fff; border: none; cursor: pointer; margin: 0 10px; -webkit-transition: all 0.6s ease;transition: all 0.6s ease;}
.testform ul li .submit:hover,.testform ul li .submit.on{background-color: #4e2700;}

/*news*/
.newslist ul{margin-left: -5px; margin-right: -5px;}
.newslist ul li{width: 33.333%; float: left; margin-bottom: 50px;}
.newslist ul li .box{margin: 0 5px; border: 1px solid #c1c1c1;}
.newslist ul li .pic{display: block; width: 100%; padding-top: 53%; height: 99px;/**/ position: relative; overflow: hidden;}
.newslist ul li .pic img{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;}
.newslist ul li: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);}
.newslist ul li .tit{height: 40px; line-height: 40px; text-align: center; margin: 0 10px; font-size: 14px; color: #555;}
.newslist ul li:hover .tit{color: #c5a55c;}
.page{text-align: center; font-size: 16px; color: #727171;}
.page a{color: #727171;}
.page a:hover{color: #c5a55c;}
.page a,.page span{margin: 0 5px;}
.newsdetails h1{font-size: 24px; color: #7b8f24; text-align: center;}
.newsdetails .time{font-size: 16px; color: #727171; text-align: center; margin-top: 10px;}
.newsdetails .newstext{margin-top: 40px; word-wrap: break-word;}

/*store*/
.storeTitle{text-align: center; font-size: 36px; color: #c5a55c; margin-top: 20px;}
.storeMain{background-color: #fff; padding: 2%; min-height: 396px; margin-top: 30px; box-shadow: 0 0 3px #ccc; -moz-box-shadow: 0 0 3px #ccc; -webkit-box-shadow: 0 0 3px #ccc;}
.storeMain .h2{border-bottom: 1px dashed #c3c3c3; font-size: 1.125em; color: #000; font-weight: bold; padding-bottom: 15px;}
.storeMain .storetext{margin-top: 25px; margin-bottom: 40px; font-size: .875em; color: #7a7a7a;}
.storelist ul li{width: 25%; float: left; text-align: center; margin-top: 20px;}
.storelist ul li a{display: block; margin: 0 10px;}
.storelist ul li img{max-width: 100%; margin: 0 auto; display: block;}

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

/*contact*/
.contTitle{margin-top: 40px; text-align: center;}
.continfo{width: 100%; margin-top: 40px; background-color: #fff;}
.continfo .pic{width: 680px; height: 710px; overflow: hidden; float: right; position: relative; z-index: 1;}
.continfo .pic .img{width: 100%; height: 100%; display: block; -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; background-size: cover; background-repeat: no-repeat; background-position: center;}
/*.continfo .pic:hover .img{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05);}*/
.continfo .tmain{width: 430px; float: left; margin: 80px 0 0 45px;}
.continfo .p{font-size: 14px; color: #666;}
.continfo .pt{color: #4e2700; margin-top: 60px;}
.continfo .seelink{border-top: 1px solid #ebebeb; margin-top: 60px; padding-top: 20px;}
.continfo .snsdl,.continfo .ewmdl{margin-top: 30px; text-align: center;}
.continfo .snsdl dd,.continfo .ewmdl dd{display: inline-block;_display: inline;zoom:1; margin: 0 3px;}
.continfo .snsdl dd .sn,.continfo .ewmdl .sn{display: block; font-size: 12px; color: #57310d;}
.continfo .snsdl dd{margin: 0 20px;}
.continfo .snsdl dd .sn{font-size: 18px; margin-top: 0;}
.map img{width: 100%; display: block;}

/*GoTop*/
.GoTop{width: 46px; height: 46px; position: fixed; right: -40px; bottom: 40px; z-index: 50; visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.GoTop a{display: block; width: 46px; height: 46px; border-radius: 50%; overflow: hidden; font-size: 0; background-color: #4e2700; background-image: url(../images/GoTop.png); background-position: center center; background-repeat: no-repeat;}
/*.GoTop a:hover{background-color: #c5a55c;}*/
.GoTop.active{right: 20px; visibility: visible; opacity: 1;}

/*footer*/
.footer{width: 100%; text-align: center; color: #ccc1c1; padding: 11px 0; background-color: #000; background-image: url(../images/footerBg.jpg);}
.footer img{vertical-align: middle;}

/* Table of Contents
==================================================

    #Mobile - 320px 
    #Mobile - 380px 
    #Mobile - 480px 
    #Mobile - 640px 
*/

/*中等屏幕pc*/
@media screen and (min-width:1200px) and (max-width:1519px){
    .layout{ width: 1180px; }

    .TipsNav{margin-left: 593px;}
    .TipsNav ul li{margin-bottom: 10px;}
    .TipsNav ul li a{font-size: 12px; padding-left: 10px;}
}
/*小屏幕pc*/
@media screen and (min-width:768px) and (max-width:1199px){
    .layout { width: 750px; }

    .contain{padding-top: 110px;}
    .header{padding-top: 55px;}
    .headNav,.headNav .layout{height: 55px; background-image: none;}
    .header .logo{position: absolute; left: 0; top: 0;}
    .header .logo a{width: 86px; height: 55px;}
	.btn-m-list{display: block;}
	.nav{display: none;}
	.search-btn{display: none;}
    .searchBox{width: 100%; height: auto; position: absolute; left: 0; top: -45px; border-bottom: none;}
    .searchBox .searchText{background-color: #f2f2f2; display: block; width: 100%; height: 35px; line-height: 35px; box-sizing: border-box;}
    .searchBox .searchBtn{width: 21px; height: 21px; right: 9px; top: 7px; background: url(../images/searchBtn.png) center center no-repeat;}
    .hdlang{right: 60px; top: 17px;}
    .inVideolist ul li{width: 33.333%;}
    .brandirepu{padding-left: 0;}
    .brandirepu .tmain{position: relative; top: auto; left: auto; bottom: auto; max-width: inherit; border-top: 8px solid #4a2e06; border-right: none;}
    .changcheng{display: none;}
    .moChangcheng{display: block;}
    .newslist ul li{width: 50%;}
    .prodl dt{width: 220px;}
    .prodl dt .proimg{height: 260px;}
    .prodl dd{width: 323px;}
    .prodl dd .proimg{height: 220px;}
    .proul ul li .proimg{height: 250px;}
    .prolist ul li{margin-bottom: 0;}
    .prolist ul li .pic{height: 180px;}
    .prolist ul li .td{padding: 20px 10px 10px 10px;}
    .prolist ul li .h2{font-size: 15px;}
    .prolist ul li .pcont,.prolist ul li .pr i{font-size: 12px;}
    .prolist ul li .pr{font-size: 16px;}
    .proinfobar .proimg,.proinfobar .infoarea{width: auto; float: none;}
    .proinfobar .infoarea{padding-top: 20px;}
    #showbox{width: 100% !important; height: auto !important;}
    #showbox>div{width: 100% !important; height: auto !important; top: auto !important; left: auto !important;}
    #showbox b img{width: 100% !important; height: auto !important; display: block;}
    #showbox span,#showbox p,.zoomBtns{display: none !important;}
    .testresulist ul li .pic{height: 134px;}
    .testresu .butt{margin-top: 50px;}
    .continfo .pic,.continfo .tmain{width: auto; float: none;}
    .continfo .pic{height: 780px;}
    .continfo .tmain{margin: 0; padding: 40px;}

    .testmaxImg,.testTmain,.testProBox00 .testmaxImg,.testProBox00 .testTmain{float: none; margin: 0 auto;}
    .testservice .testsrleft,.testservice .testsrtm{width: auto; float: none;}
    .testmaxImg{overflow: hidden;}
    .testTmain{padding-top: 40px;}
    .testdaPei ul li .box{margin: 0 10px;}
    .testdaPei ul li .pic{height: 290px;}
}
/*移动端*/
@media screen and (min-width:320px) and (max-width:767px){
    .layout { width: 95%;} 
	
    .contain{padding-top: 110px;}
    .header{padding-top: 55px;}
    .headNav,.headNav .layout{height: 55px; background-image: none;}
    .header .logo{position: absolute; left: 0; top: 0;}
    .header .logo a{width: 86px; height: 55px;}
	.btn-m-list{display: block;}
	.nav{display: none;}
    .search-btn{display: none;}
    .searchBox{width: 100%; height: auto; position: absolute; left: 0; top: -45px; border-bottom: none;}
    .searchBox .searchText{background-color: #f2f2f2; display: block; width: 100%; height: 35px; line-height: 35px; box-sizing: border-box;}
    .searchBox .searchBtn{width: 21px; height: 21px; right: 9px; top: 7px; background: url(../images/searchBtn.png) center center no-repeat;}
    .hdlang{right: 60px; top: 17px;}
    .banner .slick-dots{bottom: 10px;}
    .banner .slick-dots li{width: 5px; height: 5px;}
    .section01 .title,.indexPro{width: auto; float: none;}
    .section02,.section03,section04,section05{margin-top: 40px;}
    .testmenu ul li{padding-left: 26px; background-position: 0 center;}
    .indexTest ul li{width: 100%; margin-top: 20px; margin-bottom: 0;}
    .salesprole{margin-top: 20px;}
    .inVideolist ul li{width: 100%;}
    .newsinfoct .title,.newsinfoct .nwlist{width: auto; float: none;}
    .newsinfoct .nwlist ul li{width: 49%; margin-right: 2%; margin-top: 20px; margin-bottom: 0;}
    .newsinfoct .nwlist ul li:nth-child(2n){margin-right: 0;}
    .newsdetails{margin-top: 30px;}
    .footer img{width: 120px; display: block; margin: 0 auto;}
    .navigation{display: none;}
    .brandBox01,.brandBox02,.brandBox03,.brandBox04{padding-top: 30px; margin-top: 0;}
    .brandintro .brandus,.brandintro .branlist{width: auto; float: none;}
    .brandintro .branlist ul li{width: 49%; margin-right: 2%; margin-top: 20px; margin-bottom: 0;}
    .brandintro .branlist ul li:nth-child(2n){margin-right: 0;}
    .brandstroy{margin-top: 10px;}
    .brandstroy .textBom,.brandstroy .tm,.brandstroy .tetbm{width: auto; float: none;}
    .brandstroy .img1{max-width: 100%; width: auto; float: none; display: block;}
    .brandstroy .tm{text-align: center;}
    .brandstroy .tm{margin-top: 20px; margin-right: 0;}
    .brandstroy .tetbm{margin-right: 0;}
    .brandstroy .img4{float: none;}
    .brandstroy .dm{padding: 20px;}
    .brandirepu{padding-left: 0; margin-top: 10px;}
    .brandirepu .tmain{position: relative; top: auto; left: auto; bottom: auto; max-width: inherit; border-top: 8px solid #4a2e06; border-right: none;}
    .changcheng{display: none;}
    .moChangcheng{display: block;}
    .aboutwrap{margin-bottom: 20px;}
    .testwrap{min-height: 454px;}
    .testwrap .testNav{width: auto; float: none; position: static !important;}
    .testwrap .testNav ul li{display: none;}
    .testwrap .testNav .h2{font-size: 24px; text-align: center; padding-bottom: 20px;}
    .testwrap .testrightbox{width: auto; float: none;}
    .testtpcs .h2{font-size: 20px; margin-top: 20px;}
    .newslist ul li{width: 50%; margin-bottom: 20px;}
    .newslist ul li .tit{font-size: 12px;}
    .storeTitle{font-size: 20px;}
    .storelist ul li{width: 50%;}
    .prodl dt,.prodl dd,.proul ul li{width: 100%; float: none;}
    .protit{font-size: 20px; margin-top: 30px;}
    .prolist ul li{width: 50%; margin-bottom: 0;}
    .prolist ul li .pic{height: 45.5vw;}
    .prolist ul li .tmain{height: 160px;}
    .prolist ul li .td{padding: 20px 10px 10px 10px;}
    .prolist ul li .h2{font-size: 15px;}
    .prolist ul li .pcont{height: 54px;}
    .prolist ul li .pcont,.prolist ul li .pr i{font-size: 12px;}
    .prolist ul li .pm{margin-top: 10px;}
    .prolist ul li .pr{font-size: 14px;}
    .proinfobar .proimg,.proinfobar .infoarea{width: auto; float: none;}
    .proinfobar .infoarea{padding-top: 20px;}
    #showbox{width: 100% !important; height: auto !important;}
    #showbox>div{width: 100% !important; height: auto !important; top: auto !important; left: auto !important;}
    #showbox b img{width: 100% !important; height: auto !important; display: block;}
    #showbox span,#showbox p,.zoomBtns{display: none !important;}
    .proinfobar .proimg .sallimg ul li{width: 45px;}
    .prodeTab ul li a{padding: 10px 5px; font-size: 12px;}
    .evaluatebutt{position: relative; right: auto; top: auto; display: block; margin: 30px auto 10px auto;}
    .evaluate ul li .pcont{padding-right: 0;}
    .evaluatePoP{width: 95%; height: 430px; left: 2.5%; margin-left: 0;}
    .formbox{padding: 20px;}
    .formbox .item .textinput{width: 100%;}
    .formbox .item .evaluateImg{ display: block; margin-left: 0; margin-top: 20px;}
    .testresu,.testresulist{width: auto; float: none;}
    .testresu{padding-bottom: 50px;}
    .testresulist ul li .pic{height: 31vw;}
    .testresu .butt{margin-top: 30px;}
    .testform ul li{width: auto;}
    .testform ul li.t2,.testform ul li.t3{ position: static; right: auto; top: auto;}
    .testform ul li.t4{margin-top: 20px;}
    .testform ul li .submit{margin: 0 5px;}
    .continfo{margin-top: 20px;}
    .continfo .pic,.continfo .tmain{width: auto; float: none;}
    .continfo .pic{height: 373px;}
    .continfo .tmain{margin: 0; padding: 20px;}
    .continfo .pt{margin-top: 20px;}
    .continfo .snsdl dd,.continfo .ewmdl dd{width: 50%; float: left; margin: 0; text-align: center;}
    .continfo .ewmdl dd{padding-bottom: 10px;}

	.map-site ul li a.dt{display:block;}
	
    .testT1 .h2,.testT2 .h2{font-size: 18px;}
    .testT1 .p{font-size: 14px;}
    .testTag1{padding: 10px 0 20px 0;}
    .testTag1 ul li{width: 100%;}
    .testTag1 ul li .box{min-height: auto; padding: 30px 20px;}
    .testTag1 ul li h2{font-size: 16px;}
    .testTag1 ul li .more{font-size: 12px;}
    .testcs ul li{width: 100%;}
    .testProBox{padding: 40px 0 50px 0;}
    .testmaxImg,.testTmain,.testProBox00 .testmaxImg,.testProBox00 .testTmain{width: auto; float: none; margin: 0 auto;}
    .testmaxImg{overflow: hidden;}
    .testTmain{padding-top: 40px;}
    .testTmain .tst1 h2{font-size: 20px;}
    .testTmain .tst1 p{font-size: 14px;}
    .testTmain .tst2{margin-top: 10px; font-size: 14px;}
    .testTmain .tst3 ul li{width: 100%;}
    .testTmain .tstPro ul li{width: 50%;}
    .testTmain .tstPro ul li .pic{height: auto;}
    .testTmain .tstPro ul li .pic img{position: relative; width: 100%;}
    .testProbom{padding: 40px 0 50px 0;}
    .testdaPei ul li{width: 100%;}
    .testdaPei ul li .box{margin: 0;}
    .testdaPei ul li .pic{height: auto;}
    .testdaPei ul li .pic img{position: relative; width: 100%;}
    .testdaPei ul li.item2 .box{padding-bottom: 0;}
    .testdaPei ul li.item2 .tmain{ position: relative; left: auto; bottom: auto;}
    .testservice{padding: 30px 0 10px 0;}
    .testservice .testsrleft,.testservice .testsrtm{width: auto; float: none; border: none;}
    .testservice .ul li{width: auto; float: none;}
}