.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-image: url(../images/bodyBg.jpg);}

/*header*/
#wrapper{width: 100%; position: relative; overflow-x: hidden;}
.header{width: 100%; background-color: #fff; position: relative; 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);}
.fixed .gnbBar{position: fixed; left: 0; top: 0; background-color: #fff; z-index: 1000;}
.gnbBar{width: 100%; position: relative; text-align: center; border-bottom: 1px solid #ddd; height: 60px;}
.logo{padding: 25px 0 20px 0; text-align: center; border-bottom: 1px solid #ddd; background-color: #fff;}
.logo a{display: block; width: 117px; height: 126px; margin: 0 auto; font-size:0; background-image: url(../images/logo.png); background-position: center center; background-size: contain; background-repeat: no-repeat;}
.gnb{width: 100%; background-color: #fff; position: relative; z-index: 10; text-align: center; height: 60px;}
.nav{width: 100%; text-align: center; position: relative;}
.nav ul li{height: 60px; margin: 0 28px; display: inline-block; _display: inline; zoom: 1;}
.nav ul li>a{font-size: 16px; color: #574556; display: block; line-height: 60px; position: relative;}
.nav ul li:hover>a,.nav ul li.on>a{color: #875087;}
.nav ul li .nav-body{width: 100%; position: absolute; left: 0; top: 60px; overflow: hidden; padding: 40px 0; background-color:rgba(135,80,135,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50875087, endColorstr=#50875087); /*display:none;*/}
.nav ul li .nav-body dl{text-align: center;}
.nav ul li .nav-body dl dd{display: inline-block; _display: inline; zoom:1; margin: 0 15px;}
.nav ul li .nav-body dl dd .pic img{-webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.nav ul li .nav-body dl dd:hover .pic img{-webkit-transform: translateY(-5px); transform: translateY(-5px);}
.nav ul li .nav-body dl dd a:hover{color: #ce1c00;}
.nav ul li .nav-body dl dd span{display: block; font-size: 16px; color: #fff; margin-top: 3px;}
.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);}
.hShare{position: absolute; left: 60px; top: 16px; z-index: 10; width: 96px; height: 26px; overflow: hidden;}
.hShare .bdsharebuttonbox,.hlogo{transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1);}
.hShare .bdsharebuttonbox{position: absolute; left: 0; top: 0; width: 105px;}
.hShare .bdsharebuttonbox a{width: 27px; height: 27px; margin: 0 7px 0 0; padding: 0; background-image: url(../images/hShare.png); background-position: 0 0; background-repeat: no-repeat;}
.hShare .bdsharebuttonbox a.bds_weixin{background-position: 0 0;}
.hShare .bdsharebuttonbox a.bds_weixin:hover{background-position: 0 -27px;}
.hShare .bdsharebuttonbox a.bds_tsina{background-position: -27px 0;}
.hShare .bdsharebuttonbox a.bds_tsina:hover{background-position: -27px -27px;}
.hShare .bdsharebuttonbox a.bds_sqq{background-position: -54px 0;}
.hShare .bdsharebuttonbox a.bds_sqq:hover{background-position: -54px -27px;}
.fixed .hShare .bdsharebuttonbox{top: 100%;}
.hlogo{position: absolute; left: 0; top: -100%; width: 100%; height: 100%; background-color: #fff;}
.hlogo a{width: 100%; height: 27px; display: block; font-size: 0; background-image: url(../images/logos.png); background-size: contain; background-repeat: no-repeat;}
.fixed .hlogo{top: 0;}
.search-btn{width: 19px; height: 19px; background: url(../images/searchBtn.png) no-repeat; cursor:pointer; position: absolute; right: 60px; top: 20px;}
.search-Ibox{width: 100%; background-color: #ededed; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 0; top: -242px; z-index: -1; padding: 30px 20px; text-align: center; visibility: hidden; opacity: 0; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.search-Ibox.on{top: 60px; visibility: visible; opacity: 1; -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.07); box-shadow: 0px 5px 5px rgba(0,0,0,0.07);}
.fixed .search-Ibox{position: fixed;}
.search-Ibox h2{margin-bottom: 30px; font-size: 24px;}
.search-Ibox .topsearchtx{position: relative; max-width: 550px; padding: 0 30px 0 10px; margin: 0 auto 30px auto; border-bottom: 1px solid #888;}
.search-Ibox .topsearchtx input{position: relative; width: 100%; height: 50px; line-height: 50px; border: none; background: none; text-align: left; color: #000; font-size: 36px; font-weight: 300; letter-spacing: 1px;}
.search-Ibox .topsearchtx .btn{position: absolute; right: 0; top: 50%; margin-top: -14.5px;}
.btn-m-list{width: 55px; height: 55px; position: absolute; left: 0; top: 5px; 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: #875087; 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;}
.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;}
.mob-nav{width: 80%; height: 100%; position: fixed; _position: absolute; top: 0; left: -100%; overflow-y: auto; overflow-x: hidden; background-color: #444; z-index: 3000; visibility: hidden; -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; background: url(../images/nav_close.png) no-repeat 7px center;position: absolute; top: 10px; right: 10px; font-size: 0; visibility: hidden;}
.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(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.on .subtab>li{transform: translateX(0px);}
.mob-nav .subtab li .tlink{display: block; padding: 12px 20px; font-size: 16px; color: #fff; background-color: #444; 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%; padding: 15px 0; background-color: #000; overflow: hidden; display: none;}
.mob-nav .subtab li .submenu a{display: block; padding: 10px; font-size: 16px; color: #fff;}
.mob-nav .subtab li .mlink{display: block; padding: 10px; font-size: 14px; color: #fff;}
.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: #fff; background-color: #ddd;}
.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 .pimg1{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-arrow{width: 31px; height: 57px; border: none; position: absolute; top: 50%; margin-top: -28.5px; z-index: 10; font-size: 0; cursor: pointer; background-color: transparent; transition: all .5s;-webkit-transition: all .5s;}
.banner .slick-prev{background-image: url(../images/banBtnsl.png); background-size: cover; background-repeat: no-repeat; left: -100%;}
.banner:hover .slick-prev{left: 80px;}
.banner .slick-next{background-image: url(../images/banBtnsr.png); background-size: cover; background-repeat: no-repeat; right: -100%;}
.banner:hover .slick-next{right: 80px;}
.banner .slick-dots{width: 12px; text-align: center; position: absolute; right: 30px; top: 50%; margin-top: -55px; z-index: 10;}
.banner .slick-dots li{width: 12px; height: 12px; font-size: 0; cursor: pointer; border-radius: 50%; display: inline-block; _display: inline; zoom: 1; margin: 5px 0; background-color: #fff;}
.banner .slick-dots li button{display: none;}
.banner .slick-dots li.slick-active{background-color: #875087;}
.bannertou{width: 100%; overflow: hidden; position: relative; z-index: 1;}
.bannertou .mouseIco{width: 102px; height: 52px; border-radius: 25px; cursor: pointer; position: absolute; left: 0; right: 0; bottom: 20px; margin: 0 auto; z-index: 10; background-color:rgba(135,80,135,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50875087, endColorstr=#50875087);}
.bannertou .mouseIco i{width: 25px; height: 23px; position: absolute; left: 38px; top: 5px; background: url(../images/clickbtn.png) no-repeat; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}

/*index*/
.contain{width: 100%; padding-top: 0;}
.sectionBox{width: 100%; padding: 60px 0;}
.sectionBox .layout{max-width: 1600px;}
.section01 ul li{width: 50%; height: 560px; float: left;}
.section01 ul li .pic{width: 100%; height: 100%; position: relative; overflow: hidden;}
.section01 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;}
.section01 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);}
.section01 ul li .tmain{width: 100%; height: 100%; background-color: #fff; display: table;}
.section01 ul li .text{display: table-cell; text-align: center; vertical-align: middle;}
.section01 ul li .s{display: block; font-size: 16px; color: #885188;}
.section01 ul li .h2{font-size: 30px; color: #875087;}
.section01 ul li .p{font-size: 16px; color: #999;}
.section01 ul li .more{font-size: 16px; color: #999; display: inline-block; width: 188px; height: 32px; line-height: 32px; position: relative; z-index: 1; overflow: hidden; border: 1px solid #cdcccc; border-radius: 25px; margin-top: 60px;}
.section01 ul li .more:hover{border-color: #875087; color: #fff;}
.section01 ul li .more:after{content:""; display: block; width: 100%; height: 100%; background-color: #875087; 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;}
.section01 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;}
.section01 ul li.item3{float: right;}
.section02{width: 100%; margin-top: 60px;}
.indexTitle{width: 100%; text-align: center;}
.indexTitle h2{font-size: 30px; color: #000;}
.indexTitle .line{width: 37px; height: 1px; background-color: #b3b2b2; margin: 0 auto; display: block;}
.indexPro{width: 100%; margin-top: 30px;}
.indexPro .ProDemo{margin-left: -19px; margin-right: -19px;}
.indexPro .item{padding: 0 19px;}
.indexPro .pic{width: 100%; /*height: 410px;*/ padding-top: 141.5%; position: relative; overflow: hidden;}
.indexPro .pic 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;}
.indexPro .item: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);}
.indexPro .title{margin-top: 20px; text-align: center;}
.indexPro .title h2{font-size: 16px; color: #875087;}
.indexPro .title .s{font-size: 13px; color: #999;}
.indexPro .slick-dots{width: 100%; text-align: center; margin-top: 40px;}
.indexPro .slick-dots li{width: 15px; height: 15px; font-size: 0; cursor: pointer; border-radius: 50%; display: inline-block; _display: inline; zoom: 1; margin: 0 5px; border: 1px solid #c3c2c2;}
.indexPro .slick-dots li button{display: none;}
.indexPro .slick-dots li.slick-active{background-color: #875087; border-color: #875087;}
.section03{width: 100%; margin-top: 60px;}
.section03 ul li{width: 50%; float: left; overflow: hidden;}
.section03 ul li 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;}
.section03 ul li:hover img{opacity: 0.8;}
.section04{width: 100%; margin-top: 60px;}
.section04 ul li{width: 50%; float: right; position: relative; overflow: hidden;}
.section04 ul li 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;}
.section04 ul li:hover img{opacity: 0.8;}
.section04 ul li .bplay{width: 76px; height: 76px; background: url(../images/bplay.png) no-repeat; background-size: cover; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 5; -webkit-transition: 500ms; transition: 500ms;}
.section04 ul li:hover .bplay{-webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}
.indexvideo{width: 700px; background-color: #fff; position: fixed; _position: absolute; left: 50%; top: 50%; z-index: 2000; margin-left: -350px; margin-top: -197px; display: none;}
.indexvideo .vclose{width: 17px; height: 17px; cursor: pointer; position: absolute; right: 0; top: -30px; font-size: 0; background:url(../images/vclose.png) no-repeat; -webkit-transition: 400ms; transition: 400ms;}
.indexvideo video{width: 100%; height: 100%; display: block;}
.indexvideo .vclose:hover{-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}

/*brand*/
.nybanner{width: 100%; overflow: hidden; position: relative; z-index: 1;}
.nybanner img{width: 100%; max-width: 100%; display: block; margin: 0 auto;}
.aboutWrap{width: 100%; padding: 80px 0 90px 0;}
.aboutWrap .endor img{display:block;}
.abTitle{width: 100%; text-align: center; font-size: 30px; color: #000;}
.brandus{width: 100%; margin-top: 50px; background-color: #fff;}
.brandus .pic{width: 50%; float: left; overflow: hidden;}
.brandus .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;}
.brandus .pic 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);}
.brandus .tmain{width: 50%; float: right; padding: 70px 58px 10px 58px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.brandus .tmain .s{display: block; font-size: 18px; color: #885188;}
.brandus .tmain .h2{margin-top: 5px; font-size: 36px; color: #875087; line-height: 1.1;}
.brandus .tmain p{font-size: 14px; color: #666; line-height: 32px; margin-top: 20px; text-align: justify; text-justify:inter-ideograph;}
.brandskin{background-color: #fff; padding: 100px; margin-top: 50px;}
.brdskinTitle{text-align: center; margin-bottom: 60px;}
.brdskinTitle .s{display: block; font-size: 18px; color: #885188;}
.brdskinTitle .h2{margin-top: 5px; font-size: 36px; color: #875087; line-height: 1.1;}
.brdskinTitle .p{font-size: 14px; color: #999; margin-top: 5px;}
.brdskinlist ul li{width: 100%; background-color: #fff7ff; overflow: hidden;}
.brdskinlist ul li .pic{width: 50%; height: 321px; float: left; position: relative; overflow: hidden;}
.brdskinlist ul li .pic:after{content:""; width: 0; height: 0; position: absolute; right: 0; top: 50%; margin-top: -10px; z-index: 5; border-right: 10px solid #fff; border-top: 10px solid transparent; border-bottom: 10px solid transparent;}
.brdskinlist ul li.on .pic:after{border-right: none; border-left: 10px solid #fff; right: auto; left: 0;}
.brdskinlist ul li.on .pic{float: right;}
.brdskinlist 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;}
.brdskinlist 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);}
.brdskinlist ul li .tmain{width: 50%; height: 321px; float: right;}
.brdskinlist ul li.on .tmain{float: left;}
.brdskinlist ul li .text{display: table-cell; text-align: left; vertical-align: middle; padding: 50px 45px 10px 45px;}
.brdskinlist ul li h2{font-size: 26px; color: #875087; line-height: 1.1;}
.brdskinlist ul li p{font-size: 14px; color: #666; line-height: 32px; margin-top: 10px;}

/*news*/
.newsWrap .layout{max-width: 1600px;}
.newslist ul{margin-left: -20px; margin-right: -20px;}
.newslist ul li{width: 50%; float: left; margin-top: 40px;}
.newslist ul li .box{display: block; background-color: #fff; overflow: hidden; margin: 0 20px;}
.newslist ul li .pic{width: 48.8%; height: 270px; overflow: hidden; position: relative; float: left;}
.newslist ul li .pic:after{content:""; width:0; height:0; position:absolute; right: 0; top: 50%; margin-top: -10px; z-index: 5; border-right: 10px solid #fff; border-top: 10px solid transparent; border-bottom: 10px solid transparent;}
.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 .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);}
.newslist ul li .tmain{width: 39.8%; float: right; margin: 5% 5% 0 0;}
.newslist ul li .h2{font-size: 26px; color: #875087;}
.newslist ul li .pcont{font-size: 14px; color: #666; line-height: 26px; height: 78px; overflow: hidden; margin-top: 5px; text-align: justify; text-justify:inter-ideograph;}
.newslist ul li .time{font-size: 16px; font-style: italic; color: #875087; display: block; margin-top: 20px;}
.page{margin-top: 40px; text-align: center;}
.page a{display: inline-block; font-size: 16px; font-weight: bold; color: #666; border: 1px solid #dfdfdf; background-color: #fff; border-radius: 3px; padding: 7px 15px;}
.page a.prev,.page a.next{font-weight: bold;}
.page a:hover,.page a.on{background-color: #875087; border-color: #875087; color: #fff;}
.newsdetails{background-color: #fff; padding: 70px 100px;}
.newsdetails h1{font-size: 30px; color: #000; text-align: center; word-wrap: break-word;}
.newsdetails .newsinfo{font-size: 14px; color: #999; padding-bottom: 20px; text-align:center;}
.newsdetails .newsinfo .time{font-size: 15px;}
.newsdetails .newsinfo .bdsharebuttonbox{text-align: center; margin-top: 10px;}
.newsdetails .newsinfo .bdsharebuttonbox a{-webkit-transition: all 0s ease;transition: all 0s ease; display: inline-block; float: none;}
.newsdetails .newstext{border-top: 1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding:30px 0;}
.newsdetails .newsmore{margin-top: 40px;}
.newsdetails .newsmore ul li{width: 33.333%; float: left; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.newsdetails .newsmore ul li a{font-size: 16px; color: #000; display: inline-block; line-height: 28px;}
.newsdetails .newsmore ul li a:hover{color: #875087;}
.newsdetails .newsmore ul li.Prev{text-align: left;}
.newsdetails .newsmore ul li.Prev a{padding-left: 20px; background: url(../images/News_Prev.png) left center no-repeat;}
.newsdetails .newsmore ul li.Next{text-align: right;}
.newsdetails .newsmore ul li.Next a{padding-right: 20px; background: url(../images/News_Next.png) right center no-repeat;}

/*wonderful*/
.wondlist ul li{width: 100%; overflow: hidden; background-color: #fff; margin-top: 40px;}
.wondlist ul li .pic{width: 50%; height: 720px; float: left; position: relative; overflow: hidden;}
.wondlist ul li.on .pic{float: right;}
.wondlist 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;}
.wondlist 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);}
.wondlist ul li .tmain{width: 50%; padding: 40px 50px 10px 50px; float: right; -webkit-box-sizing: border-box; box-sizing: border-box;}
.wondlist ul li.on .tmain{float: left;}
.wondlist ul li .s{display: block; font-size: 18px; color: #885188;}
.wondlist ul li .h2{font-size: 36px; color: #875087; line-height: 1.1; margin-bottom: 20px;}
.wondlist ul li p{font-size: 14px; color: #666; line-height: 32px;}
.wondlist ul li .pr{color: #875087;}
.wondlist ul li .dl dd{width: 49%; float: left; margin-right: 1%; margin-top: 20px;}
.wondlist ul li .dl dd span{display: block; font-size: 14px; color: #666;}
.wondlist ul li .dl dd img{display: block; margin: 5px 5px 0 0;}
.wondlist ul li .itembtns .buy{font-size: 18px;color: #fff;height: 50px;line-height: 50px;border-radius: 25px;padding: 0 10px;text-align: center;background-color: #875087;display: inline-block;_display: inline;zoom: 1;vertical-align: middle;position: relative;z-index: 1;overflow: hidden;min-width: 166px;}
.wondlist ul li .itembtns{padding-top:15px;}

/*product*/
.protab{width: 100%; border-bottom: 1px solid #dcdcdc; padding-bottom: 16px; padding-top: 10px; text-align: center;}
.protab ul li{display: inline-block; _display: inline; zoom: 1; margin: 6px 8px 0 8px;}
.protab ul li a{display: block; font-size: 18px; color: #875087; min-width: 178px; height: 43px; line-height: 43px; padding: 0 10px; background-color: #fff; border: 1px solid #dfdfdf; border-radius: 25px;}
.protab ul li:hover a,.protab ul li.on a{background-color: #875087; color: #fff;}
.proWrap{width: 100%; padding-top: 40px; padding-bottom: 70px;}
.proWrap .layout{max-width: 1600px;}
.prolist ul{margin-left: -19px; margin-right: -19px;}
.prolist ul li{width: 20%; float: left; margin-top: 40px;}
.prolist ul li .box{display: block; margin: 0 19px;}
.prolist ul li .pic{width: 100%; /*height: 410px;*/ padding-top: 141.5%; position: relative; overflow: hidden;}
.prolist ul li .pic 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;}
.prolist 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);}
.prolist ul li .title{margin-top: 20px; text-align: center;}
.prolist ul li .title h2{font-size: 16px; color: #875087;}
.prolist ul li .title .s{font-size: 13px; color: #999;}
.proinfobar{border-bottom: 1px solid #e5e5e5; padding-bottom: 70px;}
.proinfobar .proimg{width: 43.4%; float: left;}
.proinfobar .proimg img{width: 100%; display: block;}
.proinfobar .infoarea{width: 51%; float: right; padding-top: 20px; word-wrap: break-word;}
.proinfobar .infoarea h1{font-size: 18px; color: #885188; line-height: 1.1;}
.proinfobar .infoarea h1 span{font-size: 36px; color: #875087; display: block;}
.proinfobar .infoarea .itemprice{margin-top: 30px; padding-top: 30px; border-top: 1px solid #e5e5e5; font-size: 24px; color: #875087;}
.proinfobar .infoarea .itemtext{margin-top: 30px; padding-top: 20px; border-top: 1px solid #e5e5e5;}
.proinfobar .infoarea .itemtext .th{font-size: 14px; color: #666; font-weight: bold; display: block;}
.proinfobar .infoarea .itemtext .td{font-size: 14px; color: #666; line-height: 32px;}
.proinfobar .infoarea .itembtns{margin-top: 30px; padding-top: 30px; margin-bottom: 10px; border-top: 1px solid #e5e5e5;}
.proinfobar .infoarea .itembtns a{font-size: 18px; color: #fff; height: 50px; line-height: 50px; border-radius: 25px; padding: 0 10px; text-align: center; background-color: #875087; display: inline-block; _display: inline; zoom: 1; vertical-align: middle; position: relative; z-index: 1; overflow: hidden;}
.proinfobar .infoarea .itembtns a.buy{min-width: 166px; margin-right: 10px;}
.proinfobar .infoarea .itembtns a.backlist{min-width: 114px; background-color: #c8aec8;}
.proinfobar .infoarea .itembtns a:after{content:""; display: block; width: 100%; height: 100%; background-color: #000; 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;}
.proinfobar .infoarea .itembtns a:hover:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.proinfobar .infoarea .bdsharebuttonbox a{-webkit-transition: all 0s ease; transition: all 0s ease;}
.prodetatit{margin-top: 50px; text-align: center; font-size: 30px; color: #000;}
.prodetabox{max-width: 866px; margin: 0 auto; padding-top: 10px; text-align: center; font-size: 16px; color: #000; line-height: 32px;}
.prodetalist ul li{width: 25%;}

/*special*/
.testentrance{width: 100%; overflow: hidden;}
.testentrance img{width: 100%; display: block;}
.testWrap{background-color: #fff; padding: 80px 100px; min-height: 290px;}
.tstitle{font-size: 30px; color: #000; text-align: center;}
.tstext{font-size: 16px; color: #000; line-height: 40px;}
.testform .dl{margin-top: 40px;}
.testform .dl dt{width: 100%; float: left; font-size: 18px; color: #000;}
.testform .dl dt .num{display: inline-block; vertical-align: 4px; margin-right: 5px; font-size: 14px; color: #fff; background-color: #875087; height: 25px; line-height: 25px; padding: 0 10px; border-radius: 25px;}
.testform .dl dd{width: 33.333%; float: left; margin-top: 20px; font-size: 14px; color: #000;}
.testform .dl dd input{cursor: pointer;}
.testform .dl dd input,.testform .dl dd span{vertical-align: middle;}
.testform .submit{margin-top: 30px;}
.testform .submit input{width: 186px; height: 50px; border: none; font-size: 18px; color: #fff; background-color: #875087; border-radius: 25px; cursor: pointer;}
.testagebox{width: 100%; min-height: 600px; text-align: center; background-color: #fff; background-image: url(../images/testage.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;display:none;}
.testagelist{padding: 140px 0 65px 0;}
.testagelist .h2{font-size: 30px; color: #875087;}
.testagelist .ul{max-width: 650px; margin: 0 auto; padding-top: 30px;}
.testagelist .ul li{width: 33.333%; float: left; margin-top: 25px;}
.testagelist .ul li a{display: block; margin: 0 16px; height: 56px; line-height: 56px; font-size: 18px; color: #875087; border-radius: 30px; border: 1px solid #875087; background-color: #fff;}
.testagelist .ul li:hover a{background-color: #f1f1f1;}
.testagelist .ul li.on a{background-color: #875087; color: #fff;}
.testagebox .nextbtn{padding: 50px 0; border-top: 1px solid #d3cbe0;}
.testagebox .nextbtn a{display: inline-block; width: 186px; height: 46px; line-height: 46px; margin: 0 auto; font-size: 20px; color: #fff; border-radius: 30px; border: 1px solid #875087; background-color: #875087;}
.testagebox .nextbtn a:hover{opacity: 0.8;}
.testrecommend{background-color: #fff; padding: 50px 100px 80px 100px;}
.testcomtitle{text-align: right;}
.testcomlist ul li{width: 100%; overflow: hidden; background-color: #fff5ff; margin-top: 30px;}
.testcomlist ul li .pic{width: 40%; float: left; position: relative; overflow: hidden;}
.testcomlist ul li .pic span{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: 100%; 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;}
.testcomlist 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);}
.testcomlist ul li .tmain{width: 40%; float: right; margin: 6% 10% 0 0;}
.testcomlist ul li .s{display: block; font-size: 18px; color: #885188;}
.testcomlist ul li .h2{font-size: 36px; color: #875087; line-height: 1.1; margin-bottom: 20px;}
.testcomlist ul li p{font-size: 14px; color: #666; line-height: 32px;}
.testcomlist ul li .pr{color: #875087;}
.testcomlist ul li .buy{min-width: 166px; margin-top: 20px; font-size: 18px; color: #fff; height: 50px; line-height: 50px; border-radius: 25px; padding: 0 10px; text-align: center; background-color: #875087; display: inline-block; position: relative; z-index: 1; overflow: hidden;}
.testcomlist ul li .buy:after{content:""; display: block; width: 100%; height: 100%; background-color: #000; 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;}
.testcomlist ul li .buy:hover:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.suitlist ul li{width: 100%; overflow: hidden; background-color: #fff; margin-top: 40px;}
.suitlist ul li .pic{width: 50%; height: 600px; float: left; position: relative; overflow: hidden;}
.suitlist ul li.on .pic{float: right;}
.suitlist 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;}
.suitlist 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);}
.suitlist ul li .tmain{width: 40%; float: right; margin: 6% 5% 0 0;}
.suitlist ul li .s{display: block; font-size: 18px; color: #885188;}
.suitlist ul li .h2{font-size: 36px; color: #875087; line-height: 1.1; margin-bottom: 20px;}
.suitlist ul li p{font-size: 14px; color: #666; line-height: 32px;}
.suitlist ul li .pr{color: #875087;}

/*comment*/
.commentlist{width: 100%; margin-top: 30px;}
.commentlist ul{margin-left: -10px; margin-right: -10px;}
.commentlist ul li{width: 33.333%; float: left; margin-top: 50px;}
.commentlist ul li .box{display: block; background-color: #fff; margin: 0 10px; padding: 35px 40px 10px 40px; min-height: 191px; cursor: default;}
.commentlist ul li .meminfo{padding-left: 140px; position: relative;}
.commentlist ul li .icon{width: 118px; height: 118px; overflow: hidden; border-radius: 50%; position: absolute; left: 0; bottom: 0;}
.commentlist ul li .icon img{max-width: 118px; max-height: 118px; border-radius: 50%;}
.commentlist ul li .icon img{max-width: 100%; max-height: 100%; display: block; border-radius: 50%; 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;}
.commentlist ul li:hover .icon img{-webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}
.commentlist ul li .name{font-size: 18px; color: #000;}
.commentlist ul li .score{margin-top: 15px;}
.commentlist ul li .score dl dd{padding: 0; border: none; display: inline-block; _display: inline; zoom:1; vertical-align: middle;}
.commentlist ul li .score dl dd img{width: 18px;}
.commentlist ul li .memcont{margin-top: 20px; font-size: 14px; color: #000; max-height: 84px; overflow: hidden;}
.commBtn{width: 100%; text-align: center; margin-top: 60px;}
.commBtn a{min-width: 166px; font-size: 18px; color: #fff; height: 50px; line-height: 50px; border-radius: 25px; padding: 0 10px; text-align: center; background-color: #875087; display: inline-block; position: relative; z-index: 1; overflow: hidden;}
.commBtn a:after{content:""; display: block; width: 100%; height: 100%; background-color: #000; 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;}
.commBtn a:hover:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.mycommentbox{width: 960px; height: 530px; background-color: #fff; display: none; position: fixed; _position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 3000;}
.mycommentbox .tag{width: 21px; height: 23px; position: absolute; left: 0; top: 66px; background-color: #875087;}
.mycommentbox .commclose{width: 28px; height: 29px; font-size: 0; position: absolute; right: 50px; top: 50px; background: url(../images/commclose.png) no-repeat; -webkit-transition: 400ms; transition: 400ms;}
.mycommentbox .commclose:hover{-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.mycommentbox .ul{padding: 65px 70px 10px 70px;}
.mycommentbox .ul li.item1{font-size: 24px; color: #666; padding-bottom: 30px;}
.mycommentbox .ul li .commtext,.mycommentbox .ul li .commteat{width: 100%; height: 60px; line-height: 60px; border: none; font-size: 16px; color: #333; border-bottom: 1px solid #e5e5e5;}
.mycommentbox .ul li .commteat{height: 100px; padding: 20px 0; line-height: 30px;}
.mycommentbox .ul li .commtext:focus,.mycommentbox .ul li .commteat:focus{border-color: #4e2700;}
.mycommentbox .ul li.item4{padding: 20px 0;}
.mycommentbox .p{font-size: 18px; color: #666; padding-bottom: 5px;}
.mycommentbox .mydiv dl dd{display: inline-block; _display: inline; zoom:1; vertical-align: middle;}
.mycommentbox .mydiv dl dd img{width: 18px; cursor: pointer;}
.mycommentbox .submit{width: 186px; height: 50px; border: none; font-size: 18px; color: #fff; background-color: #875087; border-radius: 25px; cursor: pointer;}

/*evaluation*/
.evalist ul{margin-left: -20px; margin-right: -20px;}
.evalist ul li{width: 25%; float: left; margin-top: 40px;}
.evalist ul li .box{display: block; background-color: #fff; overflow: hidden; margin: 0 20px;}
.evalist ul li .pic{width: 100%; padding-top: 73%; overflow: hidden; position: relative;}
.evalist 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;}
.evalist 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);}
.evalist ul li .tmain{padding: 30px 34px;}
.evalist ul li .h2{font-size: 20px; color: #875087; height: 44px; line-height: 1.1; overflow: hidden;}
.evalist ul li .pcont{font-size: 14px; color: #666; line-height: 26px; height: 78px; overflow: hidden; margin-top: 10px; text-align: justify; text-justify:inter-ideograph;}
.evalist ul li .time{font-size: 16px; font-style: italic; color: #875087; display: block; margin-top: 10px;}

/*trial*/
.trialbox{width: 100%; background-color: #fff;}
.trialbox .pic{width: 40%; height: 600px; float: right; position: relative; overflow: hidden;}
.trialbox .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;}
.trialbox .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);}
.trialbox .tmain{width: 42%; float: left; margin: 5% 0 0 8%;}
.trialbox .ul{margin-top: 10px;}
.trialbox .ul li{margin-top: 20px;}
.trialbox .ul li .context,.trialbox ul li .conteat{width: 100%; height: 46px; line-height: 46px; border-radius: 25px; border: 1px solid #e7dce7; padding: 0 30px; font-size: 16px; color: #333; box-sizing:border-box; -webkit-tbox-sizing:border-box;}
.trialbox ul li .context:focus,.trialbox ul li .conteat:focus{border-color: #875087;}
.trialbox ul li .conteat{height: 110px;}
.trialbox ul li .submit{width: 160px; height: 40px; background-color: #875087; font-size: 20px; color: #fff; border: none; border-radius: 25px; cursor: pointer; -webkit-transition: all 0.6s ease;transition: all 0.6s ease;}
.trialbox ul li .submit:hover{background-color: #000;}

/*video*/
.videolist{width: 100%; position: relative;}
.videolist .pic{width: 100%; position: relative; overflow: hidden;}
.videolist .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;}
.videolist .item: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);}
.videolist .bplay{width: 76px; height: 76px; background: url(../images/bplay.png) no-repeat; background-size: cover; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 5; -webkit-transition: 500ms; transition: 500ms;}
.videolist .pic:hover .bplay{-webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}
.videolist .vtitle{text-align: center; font-size: 24px; color: #000; margin-top: 20px;}
.videolist .slick-arrow{width: 33px; height: 65px; border: none; position: absolute; top: 50%; margin-top: -32.5px; z-index: 10; font-size: 0; cursor: pointer; background-color: transparent;}
.videolist .slick-prev{background-image: url(../images/vdbtn_l.png); background-size: cover; background-repeat: no-repeat; left: -7%;}
.videolist .slick-next{background-image: url(../images/vdbtn_r.png); background-size: cover; background-repeat: no-repeat; right: -7%;}

/*map*/
.map-site{padding:100px 0;}
.map-site ul li{margin-bottom:15px;}
.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:#CD4539;}

/*GoTop*/
.GoTop{width: 46px; height: 46px; position: fixed; right: -40px; bottom: 10px; 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: #000; background-image: url(../images/GoTop.png); background-position:center center; background-repeat:no-repeat;}
.GoTop a:hover{background-color: #875087;}
.GoTop.active{right: 10px; visibility: visible; opacity: 1;}

/*footer*/
.footer{width: 100%; background-color: #424242; padding: 29px 0;}
.footer .layout{max-width: 1600px;}
.footer .footInfo{max-width: 60%; float: right; word-break: break-all; word-wrap: break-word;}
.footer .txt{font-size: 14px; color: #fff;}
.footer .mywechat{margin-left: 10px; margin-right: 3px;}
.footer .mywechat a{display: block; width: 32px; height: 32px; border-radius: 50%; background-color: #7b3d2f; font-size: 0; position: relative; background-position:center center; background-repeat:no-repeat;}
.footer .mywechat a:hover{background-color: #4bd116;}
.footer .mywechat a.weixin{background-image: url(../images/mywechat.png);}
.footer .mywechat .wxewm{display: none; width: 100px; background-color: #fff; position: absolute; left: 50%; margin-left: -50px; bottom: 50px; z-index: 10; font-size: 12px; box-shadow:#eee 0px 0px 10px; text-align: center;}
.footer .mywechat .wxewm img{width: 100%; display: block;}
.footer .mywechat a.weixin:hover .wxewm{display: block;}
.footer .footnav{max-width: 40%; float: left;}
.footer .footnav a{font-size: 14px; color: #fff; margin-right: 8px;}
.footer .footnav a:hover{color: #875087;}

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

    .newslist ul li .pic{height: 197px;}
    .newslist ul li .h2{font-size: 20px;}
    .newslist ul li .time{margin-top: 5px;}
    .prolist ul li .title .s{font-size: 12px; height: 32px; overflow: hidden;}
    .evalist ul li .tmain{padding: 30px 20px;}
}
/*小屏幕pc*/
@media screen and (min-width:768px) and (max-width:1199px){
    .layout { width: 750px; }

    .header{position: fixed; left: 0; top: 0;}
    .nysection{padding-top: 60px;}
    .logo{position: fixed; left: 50%; top: 5px; z-index: 1020; border: none; padding: 0; margin: auto; margin-left: -28px; width: 56px;}
    .logo a{width: 56px; height: 50px;}
    .fixed .logo{position: fixed; bottom: auto; top: 5px;}
    .nav,.hShare{display: none;}
    .search-btn{right: 20px;}
    .btn-m-list{display: block;}
    .bannertou{margin-top: 60px;}
    .section01 ul li{height: 390px;}
    .footer .footnav,.footer .footInfo{width: auto; max-width: 100%; float: none; text-align: center;}

    .brandus .pic,.brandus .tmain{width: auto; float: none;}
    .brandus .tmain{padding: 40px 20px;}
    .brandskin{padding: 40px 20px;}
    .newslist ul li{width: 100%;}
    .newslist ul li .pic{height: 260px;}
    .wondlist ul li .s,.suitlist ul li .s{font-size: 16px;}
    .wondlist ul li .h2,.suitlist ul li .h2{font-size: 27px;}
    .protab ul li a{min-width: 120px; font-size: 14px; height: 34px; line-height: 34px;}
    .prolist ul li{width: 33.333%;}
    .proinfobar .infoarea{padding-top: 0;}
    .proinfobar .infoarea h1{font-size: 12px;}
    .proinfobar .infoarea h1 span{font-size: 20px;}
    .proinfobar .infoarea .itemprice{margin-top: 15px; padding-top: 15px; font-size: 18px;}
    .proinfobar .infoarea .itemtext,.proinfobar .infoarea .itembtns{margin-top: 15px; padding-top: 10px;}
    .testWrap{padding: 50px;}
    .testrecommend{padding: 40px 20px 60px 20px;}
    .testcomlist ul li .tmain{width: 50%; margin-right: 5%;}
    .commentlist ul li{width: 50%;}
    .mycommentbox{width: auto; left: 20px; right: 20px;}
    .evalist ul li{width: 33.333%;}
    .evalist ul li .tmain{padding: 30px 20px;}
    .trialbox .tmain{width: 50%; margin-left: 5%;}
    .trialtitle img{max-width: 60%;}

}
/*移动端*/
@media screen and (min-width:320px) and (max-width:767px){
    .layout { width: 95%;}

    .header{position: fixed; left: 0; top: 0;}
    .nysection{padding-top: 60px;}
    .logo{position: fixed; left: 50%; top: 5px; z-index: 1020; border: none; padding: 0; margin: auto; margin-left: -28px; width: 56px;}
    .logo a{width: 56px; height: 50px;}
    .nav,.hShare,.bannertou .mouseIco{display: none;}
    .search-btn{right: 20px;}
    .btn-m-list{display: block;}
    .search-Ibox h2{margin-bottom: 10px;}
    .banner .slick-arrow{display: none !important;}
    .banner .slick-dots{width: 100%; right: 0; top: auto; bottom: 10px; margin-top: 0;}
    .banner .slick-dots li{width: 5px; height: 5px; margin: 0 5px;}
    .bannertou{margin-top: 60px;}
    .sectionBox{padding: 40px 0;}
    .section01 ul li{width: 100%; height: 390px;}
    .section01 ul li.item2,.section01 ul li.item4{height: auto;}
    .section01 ul li .tmain{height: auto; padding: 40px 0;}
    .section01 ul li .more{margin-top: 20px;}
    .indexPro .slick-dots{margin-top: 10px;}
    .indexPro .slick-dots li{width: 8px; height: 8px; margin: 0 3px;}
    .section03,.section04{margin-top: 30px;}
    .section03 ul li,.section04 ul li{width: 100%;}
    .indexPro .ProDemo{margin-left: -10px; margin-right: -10px;}
    .indexPro .item{padding: 0 10px;}
    .footer .footnav,.footer .footInfo{width: auto; max-width: 100%; float: none; text-align: center; font-size: 12px;}
    .footer .footnav a{font-size: 12px;}
    .section04 ul li .bplay,.videolist .bplay{width: 45px; height: 45px;}
    .indexvideo{width: 98%; margin: 0; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}

    .aboutWrap{padding: 30px 0 40px 0;}
    .abTitle{font-size: 20px;}
    .abTitle .t{max-width: 35px;}
    .brandus{margin-top: 20px;}
    .brandus .pic,.brandus .tmain{width: auto; float: none;}
    .brandus .tmain{padding: 40px 20px;}
    .brandskin{margin-top: 20px; padding: 30px 20px 20px 20px;}
    .brdskinTitle{margin-bottom: 30px;}
    .brdskinlist ul li .pic,.brdskinlist ul li .tmain{width: 100%;}
    .brdskinlist ul li .pic{height: 200px;}
    .brdskinlist ul li .tmain{height: auto;}
    .brdskinlist ul li .text{padding: 30px;}
    .brdskinlist ul li .pic:after,.newslist ul li .pic:after{display: none;}
    .newslist ul li{width: 100%; margin-top: 20px;}
    .newslist ul li .pic,.newslist ul li .tmain{width: auto; height: auto; float: none;}
    .newslist ul li .pic img{position: relative;}
    .newslist ul li .tmain{margin: 0; padding: 20px;}
    .newsdetails{padding: 40px 20px;}
    .newsdetails h1{font-size: 20px; font-weight: bold;}
    .page a{padding: 4px 11px; font-size: 14px;}
    .wondlist ul li{margin-top: 20px;}
    .wondlist ul li .pic,.wondlist ul li .tmain,.wondlist ul li.on .pic{width: auto; float: none;}
    .wondlist ul li .pic{height: 430px;}
    .wondlist ul li .tmain{padding: 30px 20px;}
    .wondlist ul li .s,.testcomlist ul li .s{font-size: 14px;}
    .wondlist ul li .h2,.testcomlist ul li .h2{font-size: 20px;}
    .proWrap{padding-top: 10px; padding-bottom: 40px;}
    .protab ul li{width: 33.333%; float: left; margin: 6px 0 0 0;}
    .protab ul li a{min-width: 20px; font-size: 12px; height: 34px; line-height: 34px; overflow: hidden; margin: 0 3px;}
    .prolist ul li{width: 50%; margin-top: 20px;}
    .prolist ul{margin-left: -5px; margin-right: -5px;}
    .prolist ul li .box{margin: 0 5px;}
    .prolist ul li .title h2{font-size: 14px;}
    .prolist ul li .title .s{height: 32px; overflow: hidden; font-size: 12px;}
    .proinfobar{padding-bottom: 20px;}
    .proinfobar .proimg,.proinfobar .infoarea{width: auto; float: none;}
    .proinfobar .infoarea h1{font-size: 12px;}
    .proinfobar .infoarea h1 span{font-size: 20px;}
    .proinfobar .infoarea .itemprice{margin-top: 15px; padding-top: 15px; font-size: 18px;}
    .proinfobar .infoarea .itemtext,.proinfobar .infoarea .itembtns{margin-top: 15px; padding-top: 10px;}
    .proinfobar .infoarea .itembtns a,.proinfobar .infoarea .itembtns a.buy,.proinfobar .infoarea .itembtns a.backlist,.wondlist ul li .itembtns .buy{font-size: 14px; height: 40px; line-height: 40px; padding: 0 20px; min-width: 20px;}
    .wondlist ul li .itembtns .buy{min-width: 80px; height: 35px; line-height: 35px;}
    .testagebox .nextbtn a{width: 110px; height: 40px; line-height: 40px; font-size: 14px;}
    .prodetatit{margin-top: 30px; font-size: 20px;}
    .testWrap{padding: 50px 20px;}
    .tstitle{font-size: 24px; margin-bottom: 10px;}
    .tstext{line-height: 30px;}
    .testform .dl{margin-top: 20px;}
    .testform .dl dd{width: 100%;}
    .testform .submit input,.testcomlist ul li .buy,.commBtn a,.mycommentbox .submit{min-width: 120px; width: 120px; font-size: 14px; height: 40px; line-height: 40px;}
    .testcomlist ul li{margin-top: 20px;}
    .testcomlist ul li .pic{width: auto; float: none;}
    .testcomlist ul li .tmain{width: auto; float: none; margin: 0; padding: 30px 20px;}
    .brdskinlist ul li h2,.newslist ul li .h2{font-size: 18px;}
    .brdskinlist ul li p{font-size: 12px; line-height: 24px;}
    .testcomtitle img{max-width: 50%;}
    .testagelist{padding: 60px 0;}
    .testagelist .ul li{width: 50%; margin-top: 20px;}
    .testrecommend{padding: 40px 20px;}
    .suitlist ul li{margin-top: 20px;}
    .suitlist ul li .pic,.suitlist ul li .tmain{width: auto; float: none;}
    .suitlist ul li .tmain{margin: 0; padding: 20px;}
    .suitlist ul li .pic,.suitlist ul li .tmain,.suitlist ul li.on .pic{width: auto; float: none;}
    .suitlist ul li .pic{height: 355px;}
    .suitlist ul li .tmain{margin: 0; padding: 20px;}
    .suitlist ul li .s{font-size: 14px;}
    .suitlist ul li .h2{font-size: 20px;}
    .commentlist{margin-top: 10px;}
    .commentlist ul li{width: 100%; margin-top: 20px;}
    .commentlist ul li .box{padding: 20px; min-height: auto;}
    .commentlist ul li .meminfo{padding-left: 75px;}
    .commentlist ul li .icon{width: 60px; height: 60px; bottom: -6px;}
    .commentlist ul li .name{font-size: 14px;}
    .commBtn{margin-top: 20px;}
    .mycommentbox{width: auto; height: 470px; left: 15px; right: 15px;}
    .mycommentbox .tag{top: 43px; width: 10px;}
    .mycommentbox .commclose{right: 15px; top: 15px;}
    .mycommentbox .ul{padding: 40px 35px;}
    .mycommentbox .ul li.item1{font-size: 20px; padding-bottom: 10px;}
    .mycommentbox .ul li .commteat{height: 80px;}
    .mycommentbox .submit{width: 120px;}
    .evalist ul li{width: 100%; margin-top: 20px;}
    .evalist ul li .tmain{padding: 30px 20px;}
    .trialbox .pic,.trialbox .tmain{width: auto; float: none;}
    .trialbox .pic{height: 456px;}
    .trialbox .tmain{margin: 0; padding: 40px 20px;}
    .trialtitle img{max-width: 60%;}
    .videolist{margin: 45px 0;}
    .videolist .slick-arrow{width: 15px; height: 32px;}
    .videolist .slick-prev{left: 10px;}
    .videolist .slick-next{right: 10px;}
    .videolist .vtitle{font-size: 14px; margin-top: 10px;}
	.map-site ul li a.dt{display:block;}
}