.layout{/*max-width: 1200px;*/ 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;}

/*header*/
#wrapper{width: 100%; position: relative; overflow-x: hidden;}
.header{width: 100%; height: 90px; background-color: #242424; _position: absolute; position: fixed; left: 0; top: 0; z-index: 1000;}
.indexs .header{background-color: transparent;}
.header.fixed,.header.nfixed{background-color: #242424; -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.07);box-shadow: 0 5px 5px rgba(0,0,0,.07);}
.header .layout{width: auto;}
.header:after{content:""; display: block; width: 100%; height: 1px; background-color: #22241e; position: absolute; left: 0; bottom: 0;}
.logo{position: absolute; left: 40px; top: 22px; z-index: 10;}
.logo a{display: block; width: 252px; height: 47px; margin: 0 auto; font-size: 0; background-image: url(../images/logo.png); background-position: center; background-size: contain; background-repeat: no-repeat;}
.volume-box{float: right; border-left: 1px solid #22241e; padding: 0 10px; width: 157px; height: 90px; text-align: center; color: #b2b2b2; font-size: 0;-webkit-text-size-adjust: none;}
.volume-box span,.volume-box i{display: inline-block;_display: inline;zoom: 1; font-size: 12px; margin-top: 34px;}
.volume-box span{margin-right: 5px;}
.volume-box i{border: 1px solid #999; padding: 0 2px; margin-left: -1px;}
.hd-btns{float: right; height: 90px; line-height: 90px; margin-right: 20px; font-size: 0;-webkit-text-size-adjust: none;}
.hd-btns a{font-size: 14px; color: #fff;}
.hd-btns a:hover{color: #ffc000;}
.hd-btns .btn,.hd-btns .search-but{display: inline-block;_display: inline;zoom: 1; vertical-align: middle;}
.hd-btns .search-but{width: 18px; height: 18px; font-size: 0; margin-left: 10px; background-image: url(../images/search-btns.svg); background-size: cover; background-repeat: no-repeat;}
.search-Ibox{padding: 20px 40px; height: 100%; background-color: #242424; position: absolute; left: 0; right: 178px; top: 0; z-index: 10; overflow: hidden; -webkit-box-sizing: border-box;box-sizing: border-box;}
.search-Ibox .close{width: 20px; height: 20px; position: absolute; right: 40px; top: 31px; font-size: 0; background: url(../images/nav-close.svg) no-repeat; background-size: cover; -webkit-transition: 400ms; transition: 400ms;}
.search-Ibox .close:hover{-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.search-box{height: 45px; padding: 0 40px; border-bottom: 2px solid #505050; position: relative; -webkit-box-sizing: border-box;box-sizing: border-box;}
.search-box .search-text{width: 100%; height: 45px; line-height: 45px; border: none; background: none; font-size: 16px; color: #fff;}
.search-box .search-btn{width: 18px; height: 18px; position: absolute; left: 0; top: 14px; font-size: 0; border: none; cursor: pointer; background-color: transparent; background-image: url(../images/search-btns.svg); background-size: cover; background-repeat: no-repeat;}
.search-Ibox{left: 80%; opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.search-Ibox.active{opacity: 1; visibility: visible; left: 0;}
.nav{float: right;}
.nav ul{font-size: 0;-webkit-text-size-adjust: none;}
.nav ul li{display: inline-block;_display: inline;zoom: 1; margin-right: 50px; position: relative;}
.nav ul li>a{display: block; font-size: 16px; color: #fff; height: 90px; line-height: 90px; position: relative;}
.nav ul li>a:after{content:""; display: block; width: 100%; height: 3px; background-color: #ffc000; 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:hover>a,.nav ul li.on>a{color: #ffc000;}*/
.nav-body{width: 120px; height: 0; position: absolute; top: 90px; left: 50%; margin-left: -60px; -webkit-perspective: 400px;-moz-perspective: 400px;-ms-perspective: 400px;-o-perspective: 400px;perspective: 400px;}
.nav-body p{opacity: 0; visibility: hidden; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); -moz-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.nav-body p a{border-bottom: 1px solid #333331; display: block; text-align: center; font-size: 14px; color: #fff; line-height: 22px; padding: 17px 10px; text-decoration: none; text-transform: uppercase; position: relative; background-color: #242424;}
.nav-body p:hover a{background-color: #141414;}
.nav ul li:hover .nav-body{height: auto; z-index: 10;}
.nav ul li:hover .nav-body p{opacity: 1; visibility: visible; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none;}
.nav ul li:hover .nav-body p:nth-child(1){
    -webkit-transition-delay:0s;
    -moz-transition-delay:0s;
    -ms-transition-delay:0s;
    -o-transition-delay:0s;
    transition-delay:0s;
}
.nav ul li:hover .nav-body p:nth-child(2){
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.nav ul li:hover .nav-body p:nth-child(3) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.nav ul li:hover .nav-body p:nth-child(4) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.nav ul li:hover .nav-body p:nth-child(5) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.nav ul li:hover .nav-body p:nth-child(6) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.nav ul li:hover .nav-body p:nth-child(7) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.nav ul li:hover .nav-body p:nth-child(8) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}
.nav-body p:nth-child(1) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}
.nav-body p:nth-child(2) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.nav-body p:nth-child(3) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.nav-body p:nth-child(4) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.nav-body p:nth-child(5) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.nav-body p:nth-child(6) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.nav-body p:nth-child(7) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.nav-body p:nth-child(8) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.btn-m-list{width: 55px; height: 50px; position: absolute; right: 0; top: 2px; z-index: 1020; display: none; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);}
.trans, .trans:hover {-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.trans-fast, .trans-fast:hover {-webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out;}
.btn-m-list .burger{width: 17px; height: 3px; background-color: #fff; display: block; position: absolute; z-index: 5; top: 16px; left: 50%; margin: 0 0 0 -10px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.btn-m-list .burger-2{top: 25px; width: 25px;}
.btn-m-list .burger-3{top: 33px; width: 21px;}
.btn-m-list.on .burger-1{top: 25px; width: 21px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg);transform: rotate(225deg);}
.btn-m-list.on .burger-2{top: 25px; width: 21px; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: 100%;}
.btn-m-list.on .burger-3{top: 25px; width: 21px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg);}
.mask{width: 100%; height: 100%; position: fixed; _position: absolute; top: 0; left: 0; z-index: 2000; display: none; background-color: rgba(0,0,0,.7);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000, endColorstr=#70000000);}
.mob-nav{width: 264px; height: 100%; position: fixed; _position: absolute; top: 0; left: -100%; visibility: hidden; overflow-y: auto; background-color: #444; z-index: 3000; -webkit-transition: all .4s ease; transition: all .4s ease; -webkit-box-shadow: -10px 0 100px 10px rgba(0, 0, 0, 0.7);box-shadow: -10px 0 100px 10px rgba(0, 0, 0, 0.7);}
.mob-nav.on{visibility: visible; left: 0;}
.mob-nav .neirong-close{width: 24px; height: 24px; display: block; background-image: url(../images/nav-close.svg); background-position: center; background-size: 24px auto; background-repeat: no-repeat; position: absolute; top: 10px; right: 10px; font-size: 0; visibility: hidden;}
.mob-nav.on .neirong-close{visibility: visible;}
.mob-nav .volume-box{margin: 0; padding: 0 10px; width: auto; float: none; border-left: none; border-bottom: 1px solid #22241e;}
.mob-nav .subtab{padding-top: 60px;}
.mob-nav .subtab>li{border-bottom: 1px solid #333; position: relative; transform: translateX(0rem); transition: 0.5s;}
.mob-nav .subtab>li:nth-child(1) .tlink{transition-delay: 150ms;}
.mob-nav .subtab>li:nth-child(2) .tlink{transition-delay: 250ms;}
.mob-nav .subtab>li:nth-child(3) .tlink{transition-delay: 350ms;}
.mob-nav .subtab>li:nth-child(4) .tlink{transition-delay: 450ms;}
.mob-nav .subtab>li:nth-child(5) .tlink{transition-delay: 550ms;}
.mob-nav .subtab>li:nth-child(6) .tlink{transition-delay: 650ms;}
.mob-nav .subtab>li:nth-child(7) .tlink{transition-delay: 750ms;}
.mob-nav .subtab>li:nth-child(8) .tlink{transition-delay: 850ms;}
.mob-nav .subtab>li:nth-child(9) .tlink{transition-delay: 950ms;}
.mob-nav .subtab>li:nth-child(10) .tlink{transition-delay: 1050ms;}
.mob-nav.on .subtab>li{transform: translateX(0px);}
.mob-nav .subtab li .tlink{display: block; padding: 12px 20px; font-size: 16px; color: #fff; background-color: #8c8c8c; position: relative;}
.mob-nav .subtab li.on .tlink{color: #ffc000;}
.mob-nav .subtab li .subbtn:after{content: ""; display: block; width: 10px; height: 10px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(45deg); position: absolute; right: 15px; top: 50%; margin-top: -6px; -webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.mob-nav .subtab li.on .subbtn:after{-webkit-transform: rotate(223deg);transform: rotate(223deg);}
.mob-nav .subtab li .submenu{width: 100%; padding: 0 0 15px 0; background-color: #444; overflow: hidden; display: none;}
.mob-nav .subtab li .submenu a{display: block; margin-left: 20px; padding: 10px; font-size: 16px; color: #fff;}
.mob-nav .subtab li .subbtn1:after{content: ""; display: block; width: 15px; height: 15px; position: absolute; right: 15px; top: 50%; margin-top: -8px; background: url(../images/moli.png) no-repeat; -webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.mob-nav .subtab li .on .subbtn1:after{-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.mob-nav .subtab li .mlink{display: block; padding: 10px; font-size: 14px; color: #8c8c8c; position: relative;}
.mob-nav .subtab li .menuer{width: 100%; overflow: hidden; display: none;}
.mob-nav .subtab li .menuer a{display: block; padding: 10px; margin-left: 35px; font-size: 14px; color: #000;}
.mob-nav .subtab li .tlink{
    background: rgba(33,33,33,0.8);
    -webkit-transform-origin: -100% 0%;
    -moz-transform-origin: -100% 0%;
    -o-transform-origin: -100% 0%;
    -ms-transform-origin: -100% 0%;
    transform-origin: -100% 0%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
    -moz-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
    -o-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
    -ms-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
    transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.mob-nav.on .subtab li .tlink{
    background: rgba(68,68,68,1);
    -webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -moz-transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -o-transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -ms-transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}

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

/*index*/
.contain{width: 100%; padding-top: 70px;}
.indexs .contain{padding-top: 0;}
.sectionBox{width: 100%; padding: 80px 0; background-color: #fff; background-size: cover; background-position: center; background-repeat: no-repeat;}
.section01{background-image: url(../images/section01.jpg);}
.index-title{width: 100%; text-align: center;}
.index-title .h2{font-size: 36px; font-weight: bold; color: #333;}
.index-title .pn{font-size: 15px; color: #808080; margin-top: 5px;}
.index-case{width: 100%; margin-top: 70px;}
.index-case .item{overflow: hidden;zoom: 1;}
.index-case .pic{width: 320px; height: 320px; margin-left: 153px; margin-top: 40px; float: left; overflow: hidden; position: relative;}
.index-case .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.index-case .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.index-case .tmain{/*width: 600px;*/ width: 50%; float: right;}
.index-case .h2{font-size: 30px; font-weight: bold; color: #333;}
.index-case .h3{font-size: 22px; color: #333;}
.index-case .pcont{font-size: 16px; color: #666; line-height: 28px; margin-top: 20px; text-align: justify;text-justify: inter-ideograph;}
.index-case .index-more{text-align: left;}
.index-case .slick-dots{width: 100%; text-align: center; margin-top: 70px;}
.index-case .slick-dots li{width: 16px; height: 16px; font-size: 0; cursor: pointer; display: inline-block;_display: inline;zoom: 1; margin: 0 5px; background-color: #ccc; border-radius: 100%;}
.index-case .slick-dots li button{display: none;}
.index-case .slick-dots li.slick-active{background-color: #ffc000;}
.index-case .slick-arrow{width: 37px; height: 66px; position: absolute; top: 50%; margin-top: -33px; z-index: 10; font-size: 0; border: none; outline: none; cursor: pointer; transition: all 0.5s ease;}
.index-case .slick-prev{left: -10%; background: url(../images/case-prev.png) no-repeat;}
.index-case .slick-next{right: -10%; background: url(../images/case-next.png) no-repeat;}
.index-more{width: 100%; margin-top: 50px; text-align: center;}
.index-more a{min-width: 134px; height: 46px; line-height: 46px; padding: 0 10px; border: 1px solid #bfbfbf; font-size: 16px; color: #666; display: inline-block; text-align: center; position: relative; z-index: 1;}
.index-more a:hover{border-color: #ffc000; color: #fff;}
.index-more a:after{content:""; display: block; width: 100%; height: 100%; background-color: #ffc000; 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;}
.index-more a:hover:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.section02{background-color: #fafafa;}
.index-customers{width: 100%; margin-top: 50px;}
.index-customers ul{margin: 0 -15px;}
.index-customers ul li{width: 16.666%; float: left; margin: 15px 0;}
.index-customers ul li .pic{margin: 0 15px; /*height: 99px;*/ padding-bottom: 48.5%; overflow: hidden; position: relative; -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.07);box-shadow: 0 5px 5px rgba(0,0,0,.07);}
.index-customers ul li .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.index-customers ul li .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.index-customers .slick-arrow{width: 40px; height: 40px; position: absolute; top: 50%; margin-top: -22px; z-index: 10; font-size: 0; border: 1px solid #d1d1d1; border-radius: 100%; outline: none; cursor: pointer; background-color: transparent; background-position: center; background-size: 9px auto; background-repeat: no-repeat; transition: all 0.5s ease;}
.index-customers .slick-arrow:hover{background-color: #ffc000; border-color: #ffc000;}
.index-customers .slick-prev{left: -7%; background-image: url(../images/case-prev.png);}
.index-customers .slick-next{right: -7%; background-image: url(../images/case-next.png);}
.section03{background-color: #303030; background-image: url(../images/section03.jpg);}
.section03 .index-title .h2{color: #fff;}
.section03 .index-title .pn{color: #aeaeae; opacity: .5;}
.section03 .index-more a{border-color: #868686; color: #fff;}
.index-service{width: 100%; margin-top: 50px;}
.index-service .slick-list{margin: 0 -22px;}
.index-service .box{display: block; background-color: #fff; margin: 0 22px; padding: 60px 40px 40px 40px; min-height: 345px; text-align: center;}
.index-service .icon{width: 52px; height: 52px; display: block; margin: 0 auto;}
.index-service .h2{font-size: 20px; font-weight: bold; color: #333; margin: 30px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.index-service .line{width: 30px; height: 2px; display: block; margin: 0 auto; background-color: #d5d5d5;}
.index-service .pcont{font-size: 14px; color: #808080; line-height: 24px; height: 96px; overflow: hidden; margin: 30px 0 15px 0;}
.index-service .more{width: 42px; height: 42px; background-color: #666; border-radius: 100%; display: block; margin: 0 auto; position: relative; overflow: hidden;}
.index-service .more:before,.index-service .more:after{content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; margin: auto; background-color: #fff;}
.index-service .more:before{width: 2px; height: 14px;}
.index-service .more:after{width: 14px; height: 2px;}
.index-service .more i{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background-color: #ffc000; border-radius: 100%;}
.index-service .more i{transform: scale(0);-webkit-transform: scale(0); visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.index-service .box:hover .more i{transform: scale(1.1);-webkit-transform: scale(1.1); visibility: visible; opacity: 1;}
.index-service .slick-arrow{width: 40px; height: 40px; position: absolute; top: 50%; margin-top: -22px; z-index: 10; font-size: 0; border: 1px solid #fff; border-radius: 100%; outline: none; cursor: pointer; background-color: transparent; background-position: center; background-size: 9px auto; background-repeat: no-repeat; transition: all 0.5s ease;}
.index-service .slick-arrow:hover{background-color: #ffc000; border-color: #ffc000;}
.index-service .slick-prev{left: -7%; background-image: url(../images/slick-prev.png);}
.index-service .slick-next{right: -7%; background-image: url(../images/slick-next.png);}
.section04{background-color: #f2f2f2;}
.index-news{width: 100%; background-color: #fff; margin-top: 50px; position: relative; z-index: 1;}
.index-news .item a{display: block; margin: 30px; overflow: hidden; position: relative;}
.index-news .pic{width: 33.8%; height: 258px; border: 1px solid #f5f5f5; float: left; overflow: hidden; position: relative;}
.index-news .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;}
.index-news .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);}
.index-news .tmain{width: 100%; padding: 0 20px 20px 0px; float: left; -webkit-box-sizing: border-box;box-sizing: border-box;}
.index-news .h2{font-size: 24px; color: #333;}
.index-news .item:hover .h2{color: #ffc000;}
.index-news .pcont{font-size: 14px; color: #999; line-height: 24px; height: 126px; margin-top: 20px; overflow: hidden; text-align: justify; text-justify: inter-ideograph;}
.index-news .time{display: block; font-family: 'Arial'; font-size: 14px; color: #999; margin-top: 20px;}
.index-news .slick-arrow{width: 20px; height: 21px; bottom: 60px; border: none; outline: none; font-size: 0; cursor: pointer; position: absolute; z-index: 200; visibility: hidden; opacity: 0;}
.index-news .slick-prev{right: 80px; background:url(../images/case-prev.png) left center no-repeat; background-size: cover;}
.index-news .slick-next{right: 60px; background:url(../images/case-next.png) right center no-repeat; border-left:1px solid #dedede; background-size: cover;}
.index-news .slick-dots{text-align: right; position: absolute; right: 53px; bottom: 55px; z-index: 10;}
.index-news .slick-dots li{width: 10px; height: 10px; font-size: 0; cursor: pointer; display: inline-block;_display: inline;zoom: 1; margin: 0 5px; background-color: #d6d6d6; border-radius: 100%;}
.index-news .slick-dots li button{display: none;}
.index-news .slick-dots li.slick-active{background-color: #ffc000;}
.index-news-list ul{margin: 0 -15px;}
.index-news-list ul li{width: 33.333%; float: left; margin-top: 30px;}
.index-news-list ul li .box{display: block; background-color: #fff; margin: 0 15px;}
.index-news-list ul li .tmain{padding: 40px 30px;}
.index-news-list ul li .h2{font-size: 16px; color: #333;}
.index-news-list ul li .pcont{font-size: 14px; color: #999; margin-top: 10px; height: 63px; overflow: hidden;}
.index-news-list ul li .tit{height: 63px; line-height: 63px; padding: 0 30px; font-size: 14px; color: #999; border-top: 1px solid #e8e8e8; background-color: #f9f9f9; position: relative; z-index: 1;}
.index-news-list ul li .box:hover .tit{border-color: #ffc000; color: #fff;}
.index-news-list ul li .tit:after{content:""; display: block; width: 100%; height: 100%; background-color: #ffc000; 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;}
.index-news-list ul li .box:hover .tit:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.index-news-list ul li .tit:before{content:""; display: block; width: 6px; height: 6px; border-right: 1px solid #a6a6a6; border-bottom: 1px solid #a6a6a6; position: absolute; right: 25px; top: 27px; -webkit-transform: rotate(-46deg);transform: rotate(-46deg);}
.index-news-list ul li .box:hover .tit:before{border-color: #fff;}
.index-dialog{width: 950px; height: 540px; position: fixed;_position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 3000; margin: auto;}
.index-dialog .h2{font-size: 16px; color: #e2e2e2; line-height: 40px;}
.index-dialog .close{width: 30px; height: 30px; font-size: 0; position: absolute; right: -5px; top: 5px; background:url(../images/fancy_close.png) no-repeat;}
.index-dialog .tmain{width: 100%; height: 500px; overflow: auto; background-color: #fff; color: #000;}
.index-dialog .tmain img{max-width: 100%; display: block;}

/*about*/
.nybanner{width: 100%; height: 420px; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative;}
.nyTitle{width: 100%; position: absolute; left: 0; top: 50%; text-align: center; color: #fff; -webkit-transform: translateY(-50%);transform: translateY(-50%);}
.nyTitle .h2{font-size: 36px; font-weight: bold; line-height: 1.1;color:#FFB200;}
.nyTitle .pn{font-size: 15px; margin-top: 10px;}
.about-box{width: 100%; padding: 80px 0; background-color: #fff; background-position: center bottom; background-repeat: repeat-x; min-height: 360px;}
.about-us{text-align: justify;text-justify: inter-ideograph;}
.about-text .tmain{/*width: 610px;*/ width: 50%; float: left; text-align: justify;text-justify: inter-ideograph;}
.about-text .h2{font-size: 30px; font-weight: bold; color: #333;}
.about-text .h3{font-size: 16px; color: #999;}
.about-text .text{font-size: 16px; color: #333; line-height: 30px; margin-top: 40px;}
.about-text .since{width: 280px; height: 280px; border-radius: 100%; margin: 110px 100px 0 0; text-align: center; float: right; position: relative; background-color: rgba(77,77,77,.1);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#104d4d4d, endColorstr=#104d4d4d);}
.about-text .since:after{content:""; display: block; width: 80px; height: 80px; border-radius: 100%; position: absolute; right: 0; top: 0; background-color: rgba(77,77,77,.1);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#104d4d4d, endColorstr=#104d4d4d);}
.about-text .n{display: block; font-family: 'Impact'; font-size: 82px; color: #ffc000; line-height: 1.1; margin-top: 85px;}
.about-text .sp{font-size: 16px; color: #333;}

/*serivce*/
.serivce-list{width: 100%; text-align: center;}
.serivce-list ul{margin: 0 -22px; font-size: 0;-webkit-text-size-adjust: none;}
.serivce-list ul li{width: 33.333%; display: inline-block;_display: inline;zoom: 1; margin-bottom: 44px;}
.serivce-list ul li .box{display: block; background-color: #f5f5f5; margin: 0 22px; padding: 60px 40px 40px 40px; min-height: 345px; text-align: center;}
.serivce-list ul li .icon{width: 52px; height: 52px; display: block; margin: 0 auto;}
.serivce-list ul li .h2{font-size: 20px; font-weight: bold; color: #333; margin: 30px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.serivce-list ul li .line{width: 30px; height: 2px; display: block; margin: 0 auto; background-color: #d5d5d5;}
.serivce-list ul li .pcont{font-size: 14px; color: #808080; line-height: 24px; height: 96px; overflow: hidden; margin: 30px 0 15px 0;}
.serivce-list ul li .more{width: 42px; height: 42px; background-color: #666; border-radius: 100%; display: block; margin: 0 auto; position: relative; overflow: hidden;}
.serivce-list ul li .more:before,.serivce-list ul li .more:after{content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; margin: auto; background-color: #fff;}
.serivce-list ul li .more:before{width: 2px; height: 14px;}
.serivce-list ul li .more:after{width: 14px; height: 2px;}
.serivce-list ul li .more i{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background-color: #ffc000; border-radius: 100%;}
.serivce-list ul li .more i{transform: scale(0);-webkit-transform: scale(0); visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.serivce-list ul li .box:hover .more i{transform: scale(1.1);-webkit-transform: scale(1.1); visibility: visible; opacity: 1;}
.details-bg{background-color: #f2f2f2;}
.details-bg .layout{position: relative;}
.ser-details{background-color: #fff; padding: 80px;}
.ser-details .ser-info{padding-bottom: 45px; margin-bottom: 45px; border-bottom: 2px solid #333;}
.ser-details .tit{float: left; max-width: 70%; font-size: 30px; font-weight: bold; color: #333;}
.ser-details .tit:after{content:""; display: block; width: 24px; height: 2px; background-color: #ffc000; margin-top: 10px;}
.ser-details .icon{width: 50px; float: right;}
.ser-title{width: 100%; text-align: center; margin-top: 70px;}
.ser-title .h2{font-size: 24px; font-weight: bold; color: #333; margin-bottom: 10px;}
.ser-title .line{display: block; width: 24px; height: 2px; background-color: #ffc000; margin: 0 auto;}
.ser-case{width: 100%; margin-top: 30px;}
.ser-case .slick-list{margin: 0 -15px;}
.ser-case .box{display: block; margin: 0 15px; background-color: #fff; padding: 50px;}
.ser-case .pic{width: 100%; height: 74px; overflow: hidden; position: relative;}
.ser-case .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.ser-case .box: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);}
.ser-case .h2{font-size: 24px; font-weight: bold; color: #333; margin-top: 30px;}
.ser-case .h3{font-size: 16px; color: #ffc000;}
.ser-case .pcont{font-size: 14px; color: #666; line-height: 24px; height: 96px; overflow: hidden; margin-top: 30px; text-align: justify;text-justify: inter-ideograph;}
.ser-case .slick-arrow{width: 40px; height: 40px; position: absolute; top: 50%; margin-top: -22px; z-index: 10; font-size: 0; border: 1px solid #d1d1d1; border-radius: 100%; outline: none; cursor: pointer; background-color: transparent; background-position: center; background-size: 9px auto; background-repeat: no-repeat; transition: all 0.5s ease;}
.ser-case .slick-arrow:hover{background-color: #ffc000; border-color: #ffc000;}
.ser-case .slick-prev{left: -7%; background-image: url(../images/case-prev.png);}
.ser-case .slick-next{right: -7%; background-image: url(../images/case-next.png);}
.ser-case .slick-dots{width: 100%; margin-top: 20px; text-align: center; visibility: hidden; opacity: 0;}
.ser-case .slick-dots li{width: 10px; height: 10px; font-size: 0; cursor: pointer; display: inline-block;_display: inline;zoom: 1; margin: 0 5px; background-color: #d6d6d6; border-radius: 100%;}
.ser-case .slick-dots li button{display: none;}
.ser-case .slick-dots li.slick-active{background-color: #ffc000;}
.page-list{width: 60px; background-color: #fff; position: absolute; right: -80px; top: 0;}
.page-list ul li a{display: block; width: 60px; height: 60px; line-height: 60px; text-align: center; font-size: 14px; color: #666; background-size: auto; background-position: center; background-repeat: no-repeat;}
.page-list ul li a:hover{background-color: #ffc000;}
.page-list ul li.prev a,.page-list ul li.next a{font-size: 0;}
.page-list ul li.prev a{background-image: url(../images/page-prev.svg);}
.page-list ul li.next a{background-image: url(../images/page-next.svg);}

/*case*/
.case-list ul{margin: 0 -15px;}
.case-list ul li{width: 50%; float: left; margin-bottom: 30px;}
.case-list ul li .box{display: block; margin: 0 15px; background-color: #fff; padding: 50px; overflow: hidden; position: relative;}
.case-list ul li .box:after{content:""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; visibility: hidden; opacity: 0; background-color: rgba(255,255,255,.86);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#86ffffff, endColorstr=#86ffffff); -webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.case-list ul li .box:hover:after{visibility: visible; opacity: 1;}
.case-list ul li .pic{width: 100%; height: 74px; overflow: hidden; position: relative;}
.case-list ul li .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.case-list ul li .box: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);}
.case-list ul li .h2{font-size: 24px; font-weight: bold; color: #333; margin-top: 30px;}
.case-list ul li .h3{font-size: 16px; color: #ffc000;height:48px;}
.case-list ul li .pcont{font-size: 14px; color: #666; line-height: 24px; height: 96px; overflow: hidden; margin-top: 30px; text-align: justify;text-justify: inter-ideograph;}
.case-list ul li .more{width: 42px; height: 42px; font-size: 0; border-radius: 100%; position: absolute; right: 0; bottom: 40px; z-index: 20; visibility: hidden; opacity: 0; background-color: #ffc000; background-image: url(../images/right.svg); background-size: 20px auto; background-position: center; background-repeat: no-repeat; -webkit-transition: all 0.6s ease;transition: all 0.6s ease;}
.case-list ul li .box:hover .more{visibility: visible; opacity: 1; right: 50px;}
.page{width: 100%; text-align: center;}
.page .txt{margin: 0 10px;font-size:12px;}
.page .pagesText{width: 52px; height: 26px; line-height: 26px; text-align: center; background-color: #fff; border: 1px solid #e6ecf0; vertical-align: middle;}
.page a{display: inline-block; border: 1px solid #ccc; padding: 0 12px; height: 30px; line-height: 30px; font-size: 14px; color: #333;}
.page .n,.page a:hover,.page .on{background-color: #666; border-color: #666; color: #fff;}
.case-info{width: 100%; min-height: 350px; background-color: #e6e5e5; padding: 210px 0 80px 0; background-image: url(../images/case-info.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;}
.case-info .pic{width: 326px; height: 220px; float: left; position: relative; margin-left: 140px;}
.case-info .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
/*.case-info .pic:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}*/
.case-info .tmain{/*width: 600px;*/ width: 50%; float: right;}
.case-info .h2{font-size: 30px; font-weight: bold; color: #333;}
.case-info .h3{font-size: 22px; color: #333;}
.case-info .pcont{font-size: 16px; color: #666; line-height: 28px; margin-top: 30px; text-align: justify;text-justify: inter-ideograph;}
.case-details .layout{position: relative;}
.case-details .page-list{background-color: #f5f5f5;}
.case-tips{background-color: #f5f5f5; padding: 80px 80px 0 80px;}
.case-tips .h2{font-size: 20px; font-weight: bold; color: #333;}
.case-tips .pcont{font-size: 16px; color: #666; line-height: 28px; margin-top: 20px; text-align: justify;text-justify: inter-ideograph;}
.case-tips .ts{font-family: 'Helvetica'; font-size: 60px; font-weight: bold; color: #ffc000; line-height: 1; text-align: right; margin-top: 20px;}
.case-text{padding: 80px 0; border-bottom: 3px solid #808080; text-align: justify;text-justify: inter-ideograph;}

/*customers*/
.cus-tab{width: 100%; text-align: center;}
.cus-tab ul{font-size: 0;-webkit-text-size-adjust: none;}
.cus-tab ul li{display: inline-block;_display: inline;zoom: 1; margin: 10px 10px 0 10px;}
.cus-tab ul li a{min-width: 134px; height: 40px; line-height: 40px; padding: 0 10px; display: block; font-size: 14px; color: #FFB200; border: 1px solid #666; overflow: hidden; position: relative; z-index: 1;}
.cus-tab ul li:hover a,.cus-tab ul li.on a{color: #fff;}
.cus-tab ul li a:after{content:""; display: block; width: 100%; height: 100%; background-color: #FFB200; 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;}
.cus-tab ul li:hover a:after,.cus-tab 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;}
.custom-table{width: 100%; margin-top: 50px;}
.custom-table table{width: 100%;}
.custom-table table tr{background-color: #fff; border-top: 1px solid #f5f5f5;}
.custom-table table td{font-size: 15px; color: #666; padding: 19px 50px; position: relative; text-align: center;}
.custom-table .title{height: 60px; background-color: #ffc000; font-size: 18px; color: #333; border: none;}
.custom-table .title:hover{background-color: #ffc000;}
.custom-table .title th{border-right: 1px solid #fad157; font-weight: 100;}
.custom-table .line{font-size: 12px; color: #333; position: absolute; right: 10px; top: 34%; display: none;}
.custom-table .line:hover{color: #ffc000;}
.custom-table tr:hover{background-color: #f5f5f5; -webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.custom-table tr:hover .line{display: block;}

/*team*/
.team-list ul li{background-color: #fff; padding: 50px; position: relative; margin-bottom: 35px;}
.team-list ul li .h2{font-size: 16px; color: #333;}
.team-list ul li .h2 span{font-size: 30px; font-weight: bold; margin-right: 5px;}
.team-list ul li .h3{font-size: 22px; color: #333;}
.team-list ul li .line{width: 40px; height: 1px; display: block; margin-top: 20px; background-color: #ffc000;}
.team-list ul li .tmain{font-size: 15px; color: #666; margin-top: 20px; /*height: 88px;*/ overflow: hidden; text-align: justify;text-justify: inter-ideograph; -webkit-transition: all 0.6s ease;transition: all 0.6s ease;}
.team-list ul li.on .tmain{height: auto;}
.team-list ul li .close{width: 42px; height: 42px; background-color: #ffc000; border-radius: 100%; font-size: 0; display: block; overflow: hidden; position: absolute; right: 50px; top: 50px;}
.team-list ul li .close:before,.team-list ul li .close:after{content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; margin: auto; background-color: #fff;}
.team-list ul li .close:before{width: 2px; height: 14px;}
.team-list ul li .close:after{width: 14px; height: 2px;}
.team-list ul li.on .close:before{display: none;}
.team-list ul li .close{transform: scale(0);-webkit-transform: scale(0); visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.team-list ul li:hover .close,.team-list ul li.on .close{transform: scale(1);-webkit-transform: scale(1); visibility: visible; opacity: 1;}
.view-list{margin-bottom: 40px;}

/*news*/
.newsTouHot{width: 100%; background-color: #fff; position: relative; z-index: 1;}
.newsTouHot .item a{display: block; margin: 25px; overflow: hidden; position: relative;}
.newsTouHot .tag{position: absolute; left: 0; top: 0; z-index: 5; line-height: 1.1; font-size: 16px; color: #fff; padding: 15px; background-color: rgba(15,15,15,.5);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#500f0f0f, endColorstr=#500f0f0f);}
.newsTouHot .pic{width: 43%; height: 330px; float: left; overflow: hidden; position: relative;}
.newsTouHot .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;}
.newsTouHot .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);}
.newsTouHot .tmain{width: 100%; padding: 20px 50px 20px 75px; float: left; -webkit-box-sizing: border-box;box-sizing: border-box;}
.newsTouHot .h2{font-size: 24px; color: #1a1717;}
.newsTouHot .item:hover .h2{color: #ffc000;}
.newsTouHot .pcont{font-size: 14px; color: #999; line-height: 24px; height: 96px; margin-top: 15px; overflow: hidden; text-align: justify; text-justify: inter-ideograph;}
.newsTouHot .time{display: block; font-family: 'Arial'; font-size: 14px; color: #999; position: absolute; bottom: 50px;}
.newsTouHot .slick-arrow{width: 20px; height: 21px; bottom: 60px; border: none; outline: none; font-size: 0; cursor: pointer; position: absolute; z-index: 200; visibility: hidden; opacity: 0;}
.newsTouHot .slick-prev{right: 80px; background:url(../images/case-prev.png) left center no-repeat; background-size: 9px auto;}
.newsTouHot .slick-next{right: 60px; background:url(../images/case-next.png) right center no-repeat; border-left:1px solid #dedede; background-size: 9px auto;}
.newsTouHot .slick-dots{text-align: right; position: absolute; right: 53px; bottom: 50px; z-index: 10;}
.newsTouHot .slick-dots li{width: 10px; height: 10px; font-size: 0; cursor: pointer; display: inline-block;_display: inline;zoom: 1; margin: 0 5px; background-color: #d6d6d6; border-radius: 100%;}
.newsTouHot .slick-dots li button{display: none;}
.newsTouHot .slick-dots li.slick-active{background-color: #ffc000;}
.news-list{width: 100%; margin-bottom: 40px;}
.news-list ul li{background-color: #fff; padding: 25px; margin-top: 30px; position: relative; z-index: 1;}
.news-list ul li:hover{box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.news-list ul li .box{padding-left: 350px; height: 210px; position: relative; z-index: 5;}
.news-list ul li .pic{width: 320px; height: 210px; position: absolute; left: 0; top: 0; overflow: hidden; zoom: 1;}
.news-list ul li .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
/*.news-list ul li .pic:hover img{transform: scale(1.2,1.2); -moz-transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); -o-transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2);}*/
.news-list ul li .tmain{padding-top: 16px;}
.news-list ul li .h2{font-size: 18px; color: #333;}
.news-list ul li:hover .h2{color: #ffc000;}
.news-list ul li .pcont{font-size: 14px; color: #999; line-height: 24px; height: 76px; overflow: hidden; margin-top: 10px; margin-bottom: 30px; word-wrap: break-word; text-align: justify;text-justify: inter-ideograph;}
.news-list ul li .time{float: left; font-family: 'Arial'; font-size: 14px; color: #999; line-height: 42px;}
.news-list ul li .more{float: right; width: 42px; height: 42px; border-radius: 100%; display: block; font-size: 0; visibility: hidden; opacity: 0; background-color: #ffc000; background-image: url(../images/right.svg); background-size: 20px auto; background-position: center; background-repeat: no-repeat;}
.news-list ul li:hover .more{visibility: visible; opacity: 1;}
.newsdetail{padding: 40px 30px; background-color: #fff;}
.newsdetail h1{font-size: 28px; color: #333; text-align: left; word-wrap: break-word;}
.newsdetail .newsinfo{font-size: 14px; color: #8c8c8c; padding: 20px 0 10px 0; text-align: left; line-height: 27px;}
.newsdetail .newsinfo .time{float: left; line-height: 27px;}
.newsdetail .bdsharebuttonbox{float: right;}
.newsdetail .bdsharebuttonbox a{padding: 0; margin: 0 0 0 5px; width: 27px; height: 27px; background-image: url(../images/share.png); background-position: 0 0; background-repeat: no-repeat;}
.newsdetail .bdsharebuttonbox a.bds_sqq{background-position: 0 0;}
.newsdetail .bdsharebuttonbox a.bds_sqq:hover{background-position: 0 -27px;}
.newsdetail .bdsharebuttonbox a.bds_tsina{background-position: -54px 0;}
.newsdetail .bdsharebuttonbox a.bds_tsina:hover{background-position: -54px -27px;}
.newsdetail .bdsharebuttonbox a.bds_weixin{background-position: -27px 0;}
.newsdetail .bdsharebuttonbox a.bds_weixin:hover{background-position: -27px -27px;}
.newsdetail .newstext{border-top: 1px solid #e0e0e0; padding: 30px 0; text-align: justify;text-justify: inter-ideograph;font-size:16px;}

/*contact*/
.contact-box .contInfo{/*width: 460px;*/ width: 38.4%; min-height: 448px; float: left; background-color: #fff;}
.contact-box .contInfo ul{margin: 10px 50px;}
.contact-box .contInfo ul li{padding: 25px 0; border-bottom: 1px solid #ebebeb;}
.contact-box .contInfo ul li:last-child{border-bottom: none;}
.contact-box .contInfo ul li .box{padding-left: 40px; position: relative; word-break: break-all;word-wrap: break-word;}
.contact-box .contInfo ul li .img{position: absolute; left: 0; top: 0; max-width: 28px;}
.contact-box .contInfo ul li .h2{font-size: 16px; color: #333;}
.contact-box .contInfo ul li .pn{font-size: 14px; color: #999;}
.contact-box .map{/*width: 722px;*/ width: 60%; height: 446px; border: 1px solid #e6e6e6; float: right; overflow: hidden;}
.contact-box .map img{width: 100%; display: block;}
.mess-form ul li{width: 100%; margin-top: 15px; float: left;}
.mess-form ul li.t1,.mess-form ul li.t2,.mess-form ul li.t3{width: 32%; margin-right: 2%;}
.mess-form ul li.t3{margin-right: 0;}
.mess-form ul li .context,.mess-form ul li .conteat{width: 100%; height: 46px; line-height: 46px; border: 1px solid #fff; padding: 0 20px; font-size: 14px; color: #333; -webkit-box-sizing: border-box;box-sizing: border-box;}
.mess-form ul li .context:focus,.mess-form ul li .conteat:focus{border-color: #ffc000;}
.mess-form ul li .conteat{height: 270px; padding: 10px 20px; line-height: 24px;}
.mess-form ul li .submit{width: 100%; height: 65px; background-color: #4d4d4d; font-size: 18px; color: #fff; border: none; cursor: pointer; transition: all 0.4s ease;}
.mess-form ul li .submit:hover,.mess-form ul li .submit.on{background-color: #ffc000;}

/*GoTop*/
.GoTop a{width: 12px; height: 6px; display: block; margin-top: 7px; font-size: 0; background: url(../images/GoTop.png) no-repeat;}

/*footer*/
.footer{width: 100%; background-color: #1f1f1c;}
.footer .footTou{width: 100%; padding: 70px 0;}
.footer .footleft{width: 35.4%; padding-right: 5%; float: left; word-break: break-all; word-wrap: break-word;}
.footer .footnav a{font-size: 14px; color: #e5e5e5; margin-right: 10px; padding-right: 14px; position: relative;}
.footer .footnav a:after{content: ""; position: absolute; right: 0; top: 7px; width: 1px; height: 7px; background-color: #626367;}
.footer .footnav a:last-of-type{margin-right: 0; padding-right: 0;}
.footer .footnav a:last-of-type:after{display: none;}
.footer .footnav a:hover{color: #ffc000;}
.footer .foottext{font-size: 14px; color: #e5e5e5; margin-top: 40px;}
.footer .footss{font-size: 0;-webkit-text-size-adjust: none; text-align: right; margin-top: 60px;}
.footer .footsn,.footer .bdsharebuttonbox{display: inline-block;_display: inline;zoom: 1; vertical-align: middle;}
.footer .footsn{font-size: 14px; color: #e5e5e5;}
.footer .bdsharebuttonbox{font-size: 0;-webkit-text-size-adjust: none;}
.footer .bdsharebuttonbox a{display: inline-block;_display: inline;zoom: 1; float: none; padding: 0; margin: 0 0 0 10px; width: 27px; height: 27px; background-image: url(../images/share.png); background-position: center; background-repeat: no-repeat;}
.footer .bdsharebuttonbox a.bds_sqq{background-position: 0 0;}
.footer .bdsharebuttonbox a.bds_sqq:hover{background-position: 0 -27px;}
.footer .bdsharebuttonbox a.bds_tsina{background-position: -54px 0;}
.footer .bdsharebuttonbox a.bds_tsina:hover{background-position: -54px -27px;}
.footer .bdsharebuttonbox a.bds_weixin{background-position: -27px 0;}
.footer .bdsharebuttonbox a.bds_weixin:hover{background-position: -27px -27px;}
.footer .footInfo{width: 380px; float: right; word-break: break-all; word-wrap: break-word;}
.foot-email{border: 1px solid #e6e6e6; padding: 0 75px 0 15px; position: relative;}
.foot-email .email-text{width: 100%; height: 44px; line-height: 44px; background: no-repeat; border: none; font-size: 14px; color: #fff;}
.foot-email .email-btns{width: 70px; height: 44px; font-size: 14px; color: #000; border: none; background-color: #e6e6e6; position: absolute; right: 0; top: 0; cursor: pointer;}
.foot-email .email-btns:hover{background-color: #ffc000;}
.footer .footewm{width: 110px; float: left; text-align: center;}
.footer .footewm p{font-size: 12px; color: #e5e5e5; margin-top: 5px;}
.footer .footBom{width: 100%; font-size: 12px; color: #e5e5e5; padding: 33px 0; border-top: 1px solid #2e2e2c;}
.footer .footCopy{max-width: 70%;}
.footer a{color: #e5e5e5;}
.footer a:hover{color: #ffc000;}

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

    .header{height: 70px;}
    .logo{left: 20px; top: 17px;}
    .logo a{width: 182px; height: 34px;}
    .nav ul li{margin-right: 20px;}
    .nav ul li>a,.hd-btns{height: 70px; line-height: 70px;}
    .nav-body{top: 70px;}
    .volume-box{height: 70px;}
    .volume-box span,.volume-box i{margin-top: 25px;}
    .search-Ibox{padding-top: 10px; padding-bottom: 0;}
    .search-Ibox .close{top: 22px;}
    .banner .banText .h2{font-size: 50px;}
    .banner .banText .pn{font-size: 16px; margin-top: 10px;}
    .index-case .slick-prev{left: -45px;}
    .index-case .slick-next{right: -45px;}
    .index-customers .slick-prev,.index-service .slick-prev{left: -5%;}
    .index-customers .slick-next,.index-service .slick-next{right: -5%;}
}
@media screen and (min-width: 1520px) and (max-width: 1730px){
	.nav ul li{margin-right:25px;}
}
@media screen and (min-width: 1200px) and (max-width: 1319px){
	.volume-box{display:none;}
}
/*小屏幕pc*/
@media screen and (min-width: 768px) and (max-width: 1199px){
    .layout { width: 750px; }

    .contain,.indexs .contain{padding-top: 55px;}
    .header,.indexs .header{height: 55px; background-color: #242424;}
    .logo{left: 20px; top: 0;}
    .logo a{width: 146px; height: 55px;}
    .nav{display: none;}
    .btn-m-list{display: block;}
    .hd-btns{height: 55px; line-height: 55px; margin-right: 55px;}
    .volume-box{height: 55px; margin-right: 50px; padding-right: 0; display: none;}
    .volume-box span,.volume-box i{margin-top: 17px;}
    .search-Ibox{padding: 5px 0 0 20px; right: 55px;}
    .search-Ibox .close{right: 0; top: 17px;}
    .mob-nav .volume-box{display: block;}
    .banner .banText .h2{font-size: 26px; letter-spacing: 5px;}
    .banner .banText .pn{font-size: 14px; margin-top: 5px;}
    .banner .banText .pn:before, .banner .banText .pn:after{width: 4%;}
    .banner .slick-arrow{width: 15px; height: 42px; visibility: hidden; opacity: 0;}
    .mouseBtns{bottom: 20px;}
    .sectionBox{padding: 40px 0;}
    .index-title .h2{font-size: 28px;}
    .index-title .pn{font-size: 14px;}
    .index-case,.index-customers,.index-service,.index-news{margin-top: 30px;}
    .index-case .pic{margin-left: 0; margin-top: 30px;}
    .index-case .tmain{width: 54%;}
    .index-case .h2{font-size: 20px;}
    .index-case .h3{font-size: 16px;}
    .index-case .pcont{font-size: 14px; line-height: 24px;}
    /*.index-case .slick-arrow,.index-customers .slick-arrow,.index-service .slick-arrow{visibility: hidden; opacity: 0;}*/
    .index-case .slick-prev,.index-customers .slick-prev,.index-service .slick-prev{left: -7%;}
    .index-case .slick-next,.index-customers .slick-next,.index-service .slick-next{right: -7%;}
    .index-more{margin-top: 30px;}
    .index-more a{min-width: 85px; height: 40px; line-height: 40px; font-size: 14px;}
    .index-customers ul{margin: 0 -5px;}
    .index-customers ul li{margin: 5px 0;}
    .index-customers ul li .pic{margin: 0 5px;}
    .index-service .slick-list{margin: 0 -5px;}
    .index-service .box{margin: 0 5px; padding: 40px 15px 15px 15px;}
    .index-service .h2{font-size: 16px; margin: 20px 0;}
    .index-service .pcont{font-size: 12px; line-height: 24px;}
    .index-news .item a{margin: 20px;}
    .index-news .pic{width: 40%; height: 190px;}
    .index-news .tmain{width: 100%; padding-left: 0px;}
    .index-news .h2{font-size: 16px;}
    .index-news .pcont{margin-top: 10px; font-size: 12px; line-height: 22px; height: 90px;}
    .index-news-list ul{margin: 0 -5px;}
    .index-news-list ul li .box{margin: 0 5px;}
    .index-news-list ul li .tmain{padding: 30px 20px;}
    .index-news-list ul li .h2{font-size: 14px;}
    .index-news-list ul li .pcont{font-size: 12px; height: 54px;}
    .index-news-list ul li .tit{height: 40px; line-height: 40px; padding: 0 20px; font-size: 12px;}
    .index-news-list ul li .tit:before{right: 20px; top: 17px;}
    .footer .footleft{width: 43%; margin-bottom: 20px;}
    .footer .footewm{float: none;}

    .nybanner{height: 300px;}
    .about-text .since{margin: 110px 0 0 0;}
    .serivce-list ul{margin: 0 -5px;}
    .serivce-list ul li{margin-bottom: 10px;}
    .serivce-list ul li .box{margin: 0 5px; padding: 40px 20px 15px 20px;}
    .serivce-list ul li .h2{font-size: 16px; margin: 20px 0;}
    .serivce-list ul li .pcont{height: 120px;}
    .ser-details{padding: 40px;}
    .ser-details .tit{font-size: 24px;}
    .ser-title{margin-top: 50px;}
    .ser-case .slick-dots{visibility: visible; opacity: 1;}
    .page-list{width: 100%; position: relative; right: auto; top: auto; border-top: 1px solid #ddd; margin-top: 40px;}
    .page-list ul li{width: 33.333%; float: left;}
    .page-list ul li a{width: 100%; height: 40px; line-height: 40px;}
    .case-list ul{margin: 0 -5px; padding-bottom: 30px;}
    .case-list ul li{margin-bottom: 10px;}
    .case-list ul li .box{margin: 0 5px; padding: 40px 20px;}
    .case-info{padding-top: 150px;}
    .case-info .pic{margin: 0;}
    .case-details .page-list{margin-top: 0;}
    .cus-tab ul li{margin: 10px 5px 0 5px;}
    .cus-tab ul li a{min-width: 85px;}
    .custom-table table td{font-size: 14px;}
    .custom-table .line{display: block; background-color: #fff;}
    .team-list ul li .close{transform: scale(1);-webkit-transform: scale(1); visibility: visible; opacity: 1;}
    .newsTouHot .pic{width: 48.8%; height: 280px;}
    .newsTouHot .tmain{width: 51.2%; padding: 40px 20px 20px 20px;}
    .newsTouHot .h2{font-size: 20px;}
    .newsTouHot .slick-arrow{bottom: 20px;}
    .newsTouHot .slick-prev{right: 40px;}
    .newsTouHot .slick-next{right: 20px;}
    .news-list ul li .more{visibility: visible; opacity: 1;}
    .newsdetail h1{font-size: 24px;}
    .contact-box .contInfo{min-height: 280px;}
    .contact-box .contInfo ul{margin: 10px 20px;}
    .contact-box .contInfo ul li{padding: 10px 0;}
    .contact-box .contInfo ul li .box{padding-left: 24px;}
    .contact-box .contInfo ul li .img{max-width: 16px;}
    .contact-box .contInfo ul li .h2{font-size: 14px;}
    .contact-box .contInfo ul li .pn{font-size: 12px;}
    .contact-box .map{height: 278px;}
    .index-dialog{width: 95%;}
}
/*移动端*/
@media screen and (min-width: 320px) and (max-width: 767px){
    .layout { width: 90%; }

    .contain,.indexs .contain{padding-top: 55px;}
    .header,.indexs .header{height: 55px; background-color: #242424;}
    .logo{left: 20px; top: 0;}
    .logo a{width: 146px; height: 55px;}
    .nav{display: none;}
    .btn-m-list{display: block;}
    .hd-btns{height: 55px; line-height: 55px; margin-right: 55px;}
    .volume-box{height: 55px; margin-right: 50px; padding-right: 0; display: none;}
    .volume-box span,.volume-box i{margin-top: 17px;}
    .search-Ibox{padding: 5px 0 0 20px; right: 55px;}
    .search-Ibox .close{right: 0; top: 17px;}
    .mob-nav .volume-box{display: block;}
    .banner .banText .h2{font-size: 16px; letter-spacing: 5px;}
    .banner .banText .pn{font-size: 12px; margin-top: 5px;}
    .banner .banText .pn:before, .banner .banText .pn:after{width: 4%;}
    .banner .slick-arrow{width: 15px; height: 42px; visibility: hidden; opacity: 0;}
    .banner .slick-dots{bottom: 10px; visibility: visible; opacity: 1;}
    .banner .slick-dots li{width: 8px; height: 8px;}
    .mouseBtns{visibility: hidden;}
    .sectionBox{padding: 40px 0;}
    .index-title .h2{font-size: 20px;}
    .index-title .pn{font-size: 14px;}
    .index-more{margin-top: 20px;}
    .index-more a{min-width: 85px; height: 40px; line-height: 40px; font-size: 14px;}
    .index-case,.index-customers,.index-service,.index-news{margin-top: 20px;}
    .index-case .pic,.index-case .tmain{width: auto; float: none;}
    .index-case .pic{margin: 0; height: auto; padding-bottom: 42%;}
    .index-case .tmain{margin-top: 20px;}
    .index-case .h2{font-size: 16px;}
    .index-case .h3{font-size: 14px;}
    .index-case .pcont{font-size: 12px; line-height: 22px;}
    .index-case .index-more{text-align: center;}
    .index-case .slick-arrow,.index-customers .slick-arrow,.index-service .slick-arrow{visibility: hidden; opacity: 0;}
    .index-case .slick-prev,.index-customers .slick-prev,.index-service .slick-prev{left: -7%;}
    .index-case .slick-next,.index-customers .slick-next,.index-service .slick-next{right: -7%;}
    .index-case .slick-dots{margin-top: 20px;}
    .index-case .slick-dots li{width: 10px; height: 10px;}
    .index-customers ul{margin: 0 -5px;}
    .index-customers ul li{width: 33.333%; margin: 5px 0;}
    .index-customers ul li .pic{margin: 0 5px;}
    .index-news .item a{margin: 20px;}
    .index-news .pic,.index-news .tmain{width: auto; float: none;}
    .index-news .pic{height: auto; padding-bottom: 66%;}
    .index-news .tmain{margin: 20px 0 0 0; padding: 0;}
    .index-news .h2{font-size: 16px;}
    .index-news .pcont{margin-top: 10px; height: 144px;}
    .index-news .slick-dots{right: 20px; bottom: 20px;}
    .index-news-list ul li{width: 100%; margin-top: 10px;}
    .index-news-list ul li .tmain{padding: 30px 20px;}
    .index-news-list ul li .tit{height: 50px; line-height: 50px;}
    .index-news-list ul li .tit:before{top: 22px;}
    .footer .footTou{padding: 40px 0 20px 0;}
    .footer .footleft,.footer .footInfo{width: auto; float: none;}
    .footer .footleft{padding-right: 0;}
    .footer .foottext{margin: 20px 0;}
    .footer .footss{text-align: left; margin-top: 15px;}
    .footer .footewm{float: none; margin: 20px auto 0 auto;}
    .footer .footBom{padding: 20px 0;}

    .nybanner{height: 280px;}
    .nyTitle .h2{font-size: 20px;}
    .nyTitle .pn{font-size: 12px;}
    .about-box{padding: 40px 0;}
    .about-text .since{float: none; margin: 0 auto;}
    .about-text .n{margin-top: 0; padding-top: 85px;}
    .about-text .tmain{width: auto; float: none; margin-top: 20px;}
    .about-text .h2{font-size: 20px;}
    .about-text .h3{font-size: 12px;}
    .about-text .text{margin-top: 20px; font-size: 12px; line-height: 22px;}
    .serivce-list ul li{width: 100%; margin-bottom: 10px;}
    .serivce-list ul li .box{padding: 40px 20px;}
    .ser-details{padding: 40px 20px 20px 20px;}
	.ser-details .ser-text{text-align:justify;}
    .ser-details .ser-info{padding-bottom: 20px; margin-bottom: 20px;}
    .ser-details .tit{font-size: 18px; float: none; max-width: 100%;}
    .ser-details .tit:after{display: none;}
    .ser-details .icon{float: none; margin-top: 20px; display: block;}
    .ser-case .slick-dots{visibility: visible; opacity: 1;}
    .page-list{width: 100%; position: relative; right: auto; top: auto; border-top: 1px solid #ddd; margin-top: 20px;}
    .page-list ul li{width: 33.333%; float: left;}
    .page-list ul li a{width: 100%; height: 40px; line-height: 40px;}
    .ser-title{margin-top: 30px;}
    .ser-title .h2{font-size: 20px;}
    .ser-case .box{padding: 40px 20px;}
    .ser-case .h2{font-size: 18px; margin-top: 15px;}
    .ser-case .h3{font-size: 14px;}
    .ser-case .pcont{height: 168px; margin-top: 15px;}
    .ser-case .slick-arrow{opacity: 0;}
    .case-list ul li{width: 100%; margin-bottom: 20px;}
    .case-list ul li .box{padding: 40px 20px;}
    .case-list ul li .h2,.case-info .h2{font-size: 18px; margin-top: 15px;}
    .case-list ul li .h3,.case-info .h3{font-size: 14px;}
    .case-list ul li .pcont{height: 168px; margin-top: 15px;}
    .case-list ul li .box:hover:after,.case-list ul li .box:hover .more{visibility: hidden; opacity: 0;}
    .case-info{padding: 40px 0; min-height: 100px;}
    .case-info .pic,.case-info .tmain{width: auto; float: none;}
    .case-info .pic{margin: 0;}
    .case-info .tmain{margin-top: 20px;}
    .case-info .pcont{margin-top: 10px;}
    .case-tips{padding: 40px 20px 0 20px;}
    .case-text{padding: 40px 0;}
    .case-details .page-list{margin-top: 0;}
    .cus-tab ul li{margin: 5px 0 0 0; width: 25%;}
    .cus-tab ul li a{min-width: 10px; height: 34px; line-height: 34px;}
    .custom-table{margin-top: 20px;}
    .custom-table table td{font-size: 12px; padding: 10px;width:33.333%;}
    .custom-table table td:nth-child(1) {width:25%;}
    .custom-table table td:nth-child(2) {width:25%;}
    .custom-table table td:nth-child(3) {width:50%;}
    .custom-table .title{height: 45px; font-size: 14px;}
    .custom-table .line{display: inline-block; position: relative; right: auto; top: auto; color: #ffc000;}
    .team-list ul li{padding: 30px 20px; margin-bottom: 20px;}
    .team-list ul li .close{transform: scale(1);-webkit-transform: scale(1); visibility: visible; opacity: 1; right: 15px; top: 15px;}
    .team-list ul li .h2{font-size: 14px;}
    .team-list ul li .h2 span{font-size: 20px;}
    .team-list ul li .h3{font-size: 14px;}
    .newsTouHot .item a{margin: 20px;}
    .newsTouHot .pic,.newsTouHot .tmain{width: auto; float: none;}
    .newsTouHot .pic{height: auto; padding-top: 67%;}
    .newsTouHot .tmain{padding: 20px 0 0 0;}
    .newsTouHot .h2{font-size: 18px; margin-top: 5px;}
    .newsTouHot .more{margin-top: 15px;}
    .newsTouHot .tag{font-size: 14px; padding: 10px;}
    .newsTouHot .pcont{height: 193px; margin-top: 5px;}
    .newsTouHot .time{bottom: 0;}
    .newsTouHot .slick-arrow{bottom: 20px;}
    .newsTouHot .slick-prev{right: 35px;}
    .newsTouHot .slick-next{right: 15px;}
    .newsTouHot .slick-dots{right: 20px; bottom: 20px;}
    .news-list ul li{margin-top: 20px; padding: 20px;}
    .news-list ul li .box{height: auto; padding-left: 0; padding-right: 0;}
    .news-list ul li .pic{width: 100%; height: auto; position: relative; left: auto; top: auto;}
    .news-list ul li .pic img{position: relative; width: 100%;}
    .news-list ul li .h2{font-size: 18px; margin-top: 10px;}
    .news-list ul li .pcont{font-size: 14px; height: auto;}
    .news-list ul li .more{visibility: visible; opacity: 1;}
    .newsdetail{padding: 30px 20px;}
    .newsdetail h1{font-size: 20px; font-weight: bold;}
    .newsdetail .newsinfo{padding: 20px 0 10px 0; font-size: 12px; line-height: 30px;}
    .view-list ul li{margin-top: 20px;}
    .contact-box .contInfo,.contact-box .map{width: auto; float: none;}
    .contact-box .contInfo{min-height: 200px;}
    .contact-box .contInfo ul{margin: 10px 20px;}
    .contact-box .contInfo ul li{padding: 20px 0;}
    .contact-box .contInfo ul li .box{padding-left: 24px;}
    .contact-box .contInfo ul li .img{max-width: 16px;}
    .contact-box .contInfo ul li .h2{font-size: 14px;}
    .contact-box .contInfo ul li .pn{font-size: 12px;}
    .contact-box .map{height: 207px;}
    .mess-form ul li.t1,.mess-form ul li.t2,.mess-form ul li.t3{width: 100%;}
    .mess-form ul li .conteat{height: 100px;}
    .mess-form ul li .submit{height: 50px; font-size: 14px;}
    .index-dialog{width: 95%; height: 300px;}
    .index-dialog .h2{line-height: 26px; margin-right: 30px;}
    .index-dialog .tmain{height: 240px; margin-top: 10px;}
}