.layout{max-width:1320px; 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;}
@font-face {
    font-family:'AMGDT';
    src: url('../fonts/ostrich-regular-webfont.eot');
    src: url('../fonts/ostrich-regular-webfont.eot?#iefix') format('embedded-opentype'),
        /*url('../fonts/hyziti.woff') format('woff'),*/
        url('../fonts/hyylti.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

/*header*/
#wrapper{width:100%; position:relative; overflow-x:hidden;}
.header{width:100%; height:100px; position:fixed; _position:absolute; left:0; top:0; z-index:1000;}
.header-body{width:100%; height:100%; position:absolute; top:-100%; left:0; -webkit-transition: top 300ms; transition: top 300ms; opacity:0; visibility:hidden;}
.header.fixed-nav .header-body{top:0px; opacity:1; visibility:visible;}
.header:hover .header-body,.header.header-hover .header-body,.header.header-hover1 .header-body{top:0px; opacity:1; visibility:visible; background-color:#fff; -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.07); box-shadow: 0px 5px 5px rgba(0,0,0,0.07);}
.header.fixednobg .logo a,.header:hover .logo a,.header.header-hover .logo a,.header.header-hover1 .logo a{background-image:url(../images/logo_h.png);}
.header.fixednobg .search-btn,.header:hover .search-btn,.header.header-hover .search-btn,.header.header-hover1 .search-btn{background-image:url(../images/searchbtn_h.png);}
.header.fixednobg .header-body{background-color:#fff; -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.07); box-shadow: 0px 5px 5px rgba(0,0,0,0.07);}
.header.fixednobg .nav ul li>a,.header:hover .nav ul li>a,.header.header-hover .nav ul li>a,.header.header-hover1 .nav ul li>a{color:#000;}
.header.fixednobg .nav ul li>a:after,.header:hover .nav ul li>a:after,.header.header-hover .nav ul li>a:after,.header.header-hover1 .nav ul li>a:after{background-color:#000;}
.header.fixed-nav .nav ul li:hover>a,.header.fixed-nav .nav ul li.on>a{color:#fff;}
.header.fixednobg .nav ul li:hover>a,.header.fixednobg .nav ul li.on>a,.header:hover .nav ul li:hover>a,.header:hover .nav ul li.on>a,.header.header-hover .nav ul li:hover>a,.header.header-hover .nav ul li.on>a,.header.header-hover1 .nav ul li:hover>a,.header.header-hover1 .nav ul li.on>a{color:#000;}
.header:hover .btn-m-list .burger,.header.header-hover .btn-m-list .burger,.header.header-hover1 .btn-m-list .burger{background-color:#000;}
.header:hover .eng a,.header.fixednobg .eng a,.header.header-hover .eng a,.header.header-hover1 .eng a{border-color:#333; color:#333;}
.header:hover .eng a:hover,.header.fixednobg .eng a:hover,.header.header-hover .eng a:hover,.header.header-hover1 .eng a:hover{background-color:#cc3029; border-color:#cc3029; color:#fff;}
.header .logo{position:absolute; left:60px; top:36px; z-index:10;}
.header .logo a{display:block; width:325px; height:29px; font-size:0; background-image:url(../images/logo.png); background-position:center center; background-size:contain; background-repeat:no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo.png',sizingMethod='scale');}
.nav{position:absolute; right:100px; top:0px; z-index:1;}
.nav ul li{float:left; position:relative; text-align:center; height:100px; margin-right:45px;}
.nav ul li>a{font-size:16px; color:#fff; display:block; line-height:99px; text-align:center; position:relative; z-index:6; overflow:hidden;}
.nav ul li>a:after{content:""; width:0; height:1px; display:block; background-color:#fff; position:absolute; left:0; bottom:35px; -webkit-transition: all .4s ease; transition: all .4s ease;}
.nav ul li:hover>a:after,.nav ul li.on>a:after{width:100%;}
.nav ul li .nav-body{width:143px; position:absolute; left:50%; top:99px; margin-left:-71.5px; z-index:5; background-color:#fff; text-align:center; padding:20px 0px; overflow:hidden; border-top:1px solid #dedede; display:none; -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.07); box-shadow: 0px 5px 5px rgba(0,0,0,0.07);}
.nav ul li .nav-body a{display:block; font-size:14px; color:#666; padding:5px 10px;}
.nav ul li .nav-body a:hover{color:#000;}
.eng{position:absolute; right:60px; top:32px;}
.eng a{width:30px; height:30px; line-height:30px; display:block; border:1px solid #fff; border-radius:50%; text-align:center; font-size:12px; color:#fff;}
.eng a:hover{background-color:#cc3029; border-color:#cc3029; color:#fff;}
.search-btn{width:22px; height:100px; background-image:url(../images/searchbtn.png); background-position:center center; background-repeat:no-repeat; position:absolute; right:105px; top:0px; z-index:10; cursor:pointer;}
.search-Ibox{position:fixed; _position:absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #222; z-index: 1020; display: none;}
.search-Ibox .close{background: url(../images/close_i.png) no-repeat scroll center center; font-size:0; width: 21px; height: 21px; position: absolute; right: 3%; top: 4%; transition: transform 0.3s; -webkit-transition: transform 0.3s; cursor: pointer;}
.search-Ibox .close:hover{ transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.topsearch-form{position: absolute; left: 3%; width: 94%; top: 50%; border-bottom: 1px solid #515151; height: 120px; margin-top: -60px;}
.topsearch-box{padding:0px 124px 0px 10px; position: relative;}
.topsearchtx{width:100%; border: 0px none; padding: 0; margin: 0; display: block; height: 120px; line-height: 120px; font-size:50px; color:#fff; background-color: transparent; text-align: center;}
.topsearchbtn{position: absolute; right: 0; top: 0; padding: 0; margin: 0; display: block; width: 124px; height: 100%; border: 0px none; background:url(../images/searchbtn.png) no-repeat scroll center center #000; cursor: pointer; display: block; transition: background 0.3s; -webkit-transition: background 0.3s;}
.topsearchbtn:hover{background-color:#cc3029;}
.btn-m-list{width:55px; height:55px; /*background-color:#fff;*/ cursor:pointer; position:absolute; right:0; top:0; z-index:1020; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); display:none;}
.trans, .trans:hover {-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.trans-fast, .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out;}
.btn-m-list .burger{width:21px; height:3px; background-color:#fff; display:block; position:absolute; z-index:5; top:16px; left:50%; margin:0px 0px 0px -10px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.btn-m-list .burger-2{top:25px;}
.btn-m-list .burger-3{top:33px;}
.btn-m-list.on .burger-1{top:25px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg);}
.btn-m-list.on .burger-2{top:25px; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity:0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: 100%;}
.btn-m-list.on .burger-3{top:25px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg);}
.mask{position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; 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:60%; height:100%; position:fixed; _position:absolute; top:0; left:-60%; overflow-y:auto; overflow-x:hidden; background-color:#fff; z-index:3000; visibility:hidden; opacity:0; -webkit-transition: all .4s ease; transition: all .4s ease;}
.mob-nav.on{left:0px; visibility:visible; opacity:1;}
.mob-nav .neirong-close{width:24px; height:24px; background:url(../images/nav_close.png) no-repeat 7px center; position:absolute; top:10px; right:10px; font-size:0; visibility: hidden;}
.mobilelogo{padding:10px;}
.mobilelogo img{width:50%;}
.mob-nav.on .neirong-close{visibility:visible;}
.mob-nav .subtab>li{border-bottom:1px solid #000; position:relative; transform: translateX(10rem); transition: 0.5s;}
.mob-nav .subtab>li:nth-child(1){transition-delay:150ms;}
.mob-nav .subtab>li:nth-child(2){transition-delay:250ms;}
.mob-nav .subtab>li:nth-child(3){transition-delay:350ms;}
.mob-nav .subtab>li:nth-child(4){transition-delay:450ms;}
.mob-nav .subtab>li:nth-child(5){transition-delay:550ms;}
.mob-nav .subtab>li:nth-child(6){transition-delay:650ms;}
.mob-nav .subtab>li:nth-child(7){transition-delay:750ms;}
.mob-nav .subtab>li:nth-child(8){transition-delay:850ms;}
.mob-nav.on .subtab>li{transform: translateX(0px);}
.mob-nav .subtab li .tlink{display:block; padding:10px; font-size:14px; color:#666; background-position:98% center; background-repeat:no-repeat;}
.mob-nav .subtab li.on .tlink{color:#000;}
.mob-nav .subtab li .subbtn{/*background-image:url(../images/moli.png);*/}
.mob-nav .subtab li.on .subbtn{/*background-image:url(../images/moli_h.png);*/ background-position:98% center; background-repeat:no-repeat;}
.mob-nav .subtab li .submenu{width:100%; overflow:hidden; display:none;}
.mob-nav .subtab li .submenu a{display:block; padding:10px; font-size:14px; color:#fff; background-color:#000;}

/* Slider */
.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;}
.slick-list{position:relative;z-index:1;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);}
.slick-track{position:relative;top:0;left:0;display: block;}
.slick-track:before,.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}
.banner{width:100%; height:100%; position:relative; z-index:1;}
.banner .slideshow{position:relative;z-index:1;width:100%;height:100%;}
.banner .slideshow *{outline:none;}
.banner .slideshow .slider-track{-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);}
.banner .slideshow .item{width:100%; height:100%; position:relative; z-index:1; background-position:center center; background-repeat:no-repeat;}
.banner .item .pimg{width:100%; height:100vh; max-height:100%; display:block;}
/*.banner .slideshow .item img{width:100%;display:block;-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);-webkit-transform: scale(1.2);transform: scale(1.2);}
.banner .slideshow .item.slick-active img{-webkit-transform:scale(1);transform:scale(1);}*/
.banner .slideshow .slick-slide img{width:100%; display:block; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.banner .slideshow .slick-active img{visibility:visible !important; -webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1);  }
}
.banner .slideshow .slick-active .binbox{  visibility: visible; -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: fadeInRightBig 1.2s 1; animation: fadeInRightBig 1.2s 1;}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
.banner .slideshow .slick-active .bot { -moz-animation: a_slidercurrent 5s linear; -webkit-animation: a_slidercurrent 5s linear; -o-animation: a_slidercurrent 5s linear; animation: a_slidercurrent 5s linear; }
@-moz-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}
@-webkit-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}
.banner .slick-dots{position:absolute; left:0px; bottom:10px; z-index:10; width:100%; text-align:center; display:none !important;}
.banner .slick-dots li{width:10px; height:10px; background-color:#233b7e; font-size:0; position:relative; cursor:pointer; display:inline-block; _display:inline; margin:0px 3px; border-radius:50%;}
.banner .slick-dots li button{display:none;}
.banner .slick-dots li.slick-active{background-color:#d2c19e;}

/*index*/
.contain{width:100%; /*padding-top:100px;*/}
#fp-nav.right{display:none;}
.i-wrap1{background-color:#333;}
.i-wrap1 .inbanbg{width:100%; height:100%; position:absolute; left:0; top:0; z-index:10; background-color:rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#50000000); background-position:center center; background-repeat:no-repeat;}
.i-wrap1.active .inbanbg{background-image:url(../images/logo.png);}
.i-wrap1 .inVideo{width:50%; height:100%; position:absolute; left:0; top:0; z-index:1; overflow:hidden;}
.i-wrap1 .inVideo video{width:auto; height:100%; position:absolute; left:50%; top:50%; z-index:1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.i-wrap1 .banner{width:100%; height:100%; position:absolute; right:0; top:0; z-index:1; overflow:hidden;}
.i-wrap2{background-color:#fff;} 
.indexAbout{width:100%; background-color:#fff; padding:95px 0px 150px 0px;}
.indextitle{text-align:center; word-wrap:break-word;}
.indextitle h2{font-size:36px; color:#333;}
.indextitle .line{width:35px; height:3px; background-color:#cc3029; margin:15px auto 0px auto; display:block;}
.indextitle p{font-size:14px; color:#666; max-width:800px; margin:0 auto; padding-top:15px;}
.morebtns{text-align:center; margin-top:70px;}
.morebtns a{display:inline-block; width:170px; height:45px; line-height:45px; font-size:14px; color:#525252; border:1px solid #dcdcdc; position:relative; z-index:1;}
.morebtns a em{font-family:Simsun; margin-left:3px; font-weight:bold;}
.morebtns a:before{content:""; display:block; width:0; height:100%; position:absolute; left:0; top:0; z-index:-1; background-color:#cc3029; -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;}
.morebtns a:hover{border-color:#cc3029; color:#fff;}
.morebtns a:hover:before{width:100%;}
.i-wrap3{background-color:#333;} 
.indexCaselist{width:100%; height:100%; position:relative; z-index:1; background-image:url(../images/indexCase.jpg); background-size:cover; background-position:center center; background-repeat:no-repeat;}
.indexCaselist .item{width:100%; height:100%; margin:0px; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.indexCaselist .item ul{width:100%; height:100vh; height:960px\0;}
.indexCaselist .item ul li{width:25%; height:50%; float:left; position:relative; z-index:1;}
.indexCaselist .item ul li a{display:block; width:100%; height:100%; border-right:1px solid rgba(255,255,255,0.3); border-bottom:1px solid rgba(255,255,255,0.3); border-right:1px solid #fff\0; border-bottom:1px solid #fff\0;}
.indexCaselist .item ul li:hover a{background-color:rgba(204,48,41,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50cc3029, endColorstr=#50cc3029);}
.indexCaselist .item ul li .img{display:none;}
.indexCaselist .item ul li .text{position:absolute; left:80px; bottom:60px; right:80px;}
.indexCaselist .item ul li .day{font-size:14px; color:#fff; border-bottom:1px solid rgba(255,255,255,0.3); padding-bottom:15px; display:inline-block; padding-right:5px;}
.indexCaselist .item ul li .day b{font-size:36px; margin-right:5px;}
.indexCaselist .item ul li h2{font-size:18px; font-weight:bold; color:#fff; margin-top:5px;}
.indexCaselist .item ul li p{font-size:14px; color:rgba(255,255,255, 0.5); color:#fff\0; margin-top:5px;}
.indexCaselist .item ul li .more{width:33px; height:33px; line-height:33px; border:1px solid rgba(255,255,255, 0.3); border-bottom:1px solid #fff\0; font-family:Simsun; font-size:14px; font-weight:bold; color:rgba(255,255,255, 0.5); color:#fff\0; border-radius:50%; display:none; text-align:center; margin-top:50px;}
.indexCaselist .item ul li:hover .more{display:block;}
.indexCaselist .slick-arrow{width:40px; height:40px; position:absolute; top:50%; z-index:200; margin-top:-20px; border:none; font-size:0; cursor:pointer; border:1px solid rgba(255,255,255, 0.3); border:1px solid #fff\0; background-color:rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#50000000); background-position:center center; background-repeat:no-repeat; opacity:0; visibility:hidden;}
.indexCaselist .slick-prev{left:0px; background-image:url(../images/img_lbtn.png);}
.indexCaselist .slick-next{right:0px; background-image:url(../images/img_rbtn.png);}
/*.indexCaselist:hover .slick-arrow{opacity:1; visibility:visible;}*/
.i-wrap4{background-color:#cc3029;}
.inCaseNav{width:100%; height:104px; line-height:104px; text-align:center;}
.inCaseNav ul li{display:inline-block;*zoom:1; margin:0px 25px;}
.inCaseNav ul li a{font-size:14px; color:#fff;}
.inCaseNav ul li:hover a{color:#000;}
.i-wrap5{background-color:#f5f5f5;}
.indexNews{width:100%; height:100%; position:relative; background-color:#f5f5f5; overflow:hidden;}
.enzymeleft{width:25%; height:100%; float:left;}
.enzymeleft .enzbox{width:240px; margin:160px 0px 0px 60px;}
.enzymeleft .enzbox .indextitle{text-align:left;}
.enzymeleft .btns{display:block; width:145px; height:45px; line-height:45px; text-align:center; margin-top:140px; font-size:14px; color:#fff; background-color:#505050; position:relative; z-index:1;}
.enzymeleft .btns:before{content:""; display:block; width:0; height:100%; position:absolute; left:0; top:0; z-index:-1; background-color:#cc3029; -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;}
.enzymeleft .btns:hover:before{width:100%;}
.enzymeright{width:75%; height:100%; float:right;}
.inNewsBox{width:100%; height:100%; position:relative;}
.inNewsBox .box{padding:0px 60px; border-left:1px solid #e5e5e5; height:100vh; overflow:hidden;}
.inNewsBox .box .day{font-family:'AMGDT'; font-size:70px; color:#666; line-height:1; display:block; margin-top:160px;}
.inNewsBox .box .yer{font-size:14px; color:#333; display:block; margin-top:40px;}
.inNewsBox .box .yer b{font-weight:100;}
.inNewsBox .box .tit{font-size:18px; color:#333;}
.inNewsBox .box:hover .tit{color:#cc3029;}
.inNewsBox .box .pcont{font-size:14px; color:#999; line-height:25px; height:50px; overflow:hidden; margin-top:10px;}
.inNewsBox .box .pic{width:100%; overflow:hidden; display:block; margin-top:25px;}
.inNewsBox .box .pic img{width:100%; display:block; -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;}
.inNewsBox .box .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);}
.inNewsBox .box .more{display:block; width:25px; height:12px; margin-top:70px; font-size:0; background:url(../images/mouse_btnh.png) no-repeat;}
.inNewsBox .box:hover .more{background:url(../images/mouse_btnhs.png) no-repeat;}
.inNewsBox .slick-arrow{width:20px; height:21px; top:285px; border:none; font-size:0; cursor:pointer; z-index:200; position:absolute;}
.inNewsBox .slick-prev{left:-418px; background:url(../images/img_lbtn.png) no-repeat;}
.inNewsBox .slick-next{left:-398px; background:url(../images/img_rbtn.png) right center no-repeat; border-left:1px solid #dedede;}

/*.section .indextitle{transform: translateY(-10rem); opacity:0; transition:1s;}
.section.active .indextitle{transform: translateY(0rem); opacity:1; transition-delay:50ms;}
.section .morebtns{transform: translateY(10rem); opacity:0; transition:1s;}
.section.active .morebtns{transform: translateY(0rem); opacity:1; transition-delay:60ms;}
.section .enzymeleft{transform: translateX(-10rem); opacity:0; transition:1s;}
.section.active .enzymeleft{transform: translateX(0rem); opacity:1; transition-delay:50ms;}
.section .enzymeright{transform: translateX(10rem); opacity:0; transition:1s;}
.section.active .enzymeright{transform: translateX(0rem); opacity:1; transition-delay:50ms;}*/

/*about*/
.nybanner{width:100%; overflow:hidden;}
.nybanner img{width:100%; display:block;}
.aboutwarp{width:100%; background-color:#fff; padding:84px 0px 166px 0px;}
.brandus .brleft{width:20%; float:left; word-wrap:break-word;}
.brandus .brleft h2{font-size:36px; color:#333;}
.brandus .brleft .line{width:35px; height:3px; background-color:#cc3029; margin:15px 0px 0px 0px; display:block;}
.brandus .brleft p{font-size:14px; color:#666; margin-top:15px;}
.brandus .brright{width:71.4%; float:right; word-wrap:break-word;}
.aboutus{font-size:14px; color:#666;}
.teamwarp{background-color:#f6f6f6;}
.teamlist{margin-top:60px;}
.teamlist ul li{background-color:#fff; border-bottom:2px solid #f6f6f6; position:relative; z-index:1; min-height:313px; padding-left:271px;}
.teamlist ul li .pic{width:271px; height:313px; position:absolute; left:0; top:0; overflow:hidden;}
.teamlist ul li .pic img{width:100%; max-height:100%; display:block; position:absolute; left:0; right:0; top:0; bottom:0; 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;}
.teamlist 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);}
.teamlist ul li .tmain{padding:45px 50px; word-break:break-all; word-wrap:break-word;}
.teamlist ul li h2{font-size:18px; color:#333;}
.teamlist ul li:hover h2{color:#cc3029;}
.teamlist ul li .tips{font-size:14px; color:#999; margin-top:5px;}
.teamlist ul li .line{width:56px; height:1px; background-color:#b2b2b2; margin:10px 0px 0px 0px; display:block;}
.teamlist ul li .pcont{font-size:14px; color:#999; margin-top:20px;}
.customerslist{margin-top:40px;}
.customerslist ul li{width:16.666%; float:left; padding:10px 0px 35px 0px; background:url(../images/customers_li.png) right bottom no-repeat;}
.customerslist ul li:nth-child(6n){background:none;}
.customerslist ul li .pic{width:100%; padding-top:50.1%; position:relative; overflow:hidden;}
.customerslist ul li .pic img{width:100%; max-height:100%; display:block; position:absolute; left:0; right:0; top:0; bottom:0; 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;}
.joinsearch{margin-top:40px;}
.joinsearch ul li{width:27.8%; float:left; margin-right:0.4%;}
.joinsearch ul li.btn{width:15.2%; margin-right:0;}
.joinsearch ul li .select{width:100%; height:60px; background-color:#fff; font-size:14px; color:#666; border:none; padding:0px 20px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.joinsearch ul li .select{  
/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
/*border:1px solid #000;*/
/*很关键：将默认的select选择框样式清除*/
appearance:none; -moz-appearance:none; -webkit-appearance:none;
/*在选择框的最右侧中间显示小箭头图片*/
background:#fff url(../images/pro_sel.png) no-repeat right center;
/*为下拉小箭头留出一点位置，避免被文字覆盖*/
padding-right:50px; padding-right:0px\0;}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
.joinsearch ul li select::-ms-expand,.joinsearch ul li select::-ms-expand{display:none;}
.joinsearch ul li .jointext{width:100%; height:60px; line-height:60px; background-color:#fff; font-size:14px; color:#333; border:none; padding:0px 20px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.joinsearch ul li .subbtn{width:100%; height:60px; border:none; background-color:#474747; font-size:14px; color:#fff; cursor:pointer;}
.joinsearch ul li .subbtn:hover{background-color:#cc3029;}
.joinlist{margin-top:30px;}
.joinlist ul li{margin-top:2px; background-color:#fff;}
.joinlist ul li .title{background-color:#fff; padding:0px 40px; position:relative; height:70px; line-height:70px;}
.joinlist ul li .title:hover,.joinlist ul li.on .title{background-color:#474747;}
.joinlist ul li .tit{font-size:16px; color:#666; max-width:50%;}
.joinlist ul li .title:hover .tit,.joinlist ul li.on .tit{color:#fff;}
.joinlist ul li .more{display:block; width:30px; height:30px; position:absolute; right:40px; top:20px; font-size:0; cursor:pointer; background:url(../images/joinbtn.png) no-repeat;}
.joinlist ul li .title:hover .more,.joinlist ul li.on .more{background:url(../images/joinbtnh.png) no-repeat;}
.joinlist ul li .tmain{display:none;}
.joinlist ul li .box{padding:40px;}
.joinlist ul li .numtext{padding-bottom:30px; border-bottom:1px solid #eaeaea;}
.joinlist ul li .numtext span{font-size:14px; color:#666; margin-right:20px;}
.joinlist ul li .bombtn{padding-top:30px; border-top:1px solid #eaeaea;}
.joinlist ul li .bombtn a{display:inline-block; min-width:145px; height:46px; line-height:46px; border-radius:25px; margin-right:10px; padding:0px 10px; text-align:center; color:#fff; background-color:#474747; vertical-align:middle;}
.joinlist ul li .bombtn a:hover{background-color:#cc3029;}
.joinlist ul li .bombtn .upbtn{display:inline-block; min-width:145px; height:46px; line-height:46px; border-radius:25px; margin-right:10px; padding:0px 10px; text-align:center; color:#fff; background-color:#474747; position:relative; z-index:1; vertical-align:middle;}
.joinlist ul li .bombtn .upbtn span{position:relative; z-index:1;}
.joinlist ul li .bombtn .upbtn input{width:100%; height:100%; position:absolute; left:0; top:0; z-index:5; opacity:0; cursor:pointer;}
.joinlist ul li .bombtn .upbtn:hover{background-color:#cc3029;}
.joinlist ul li .jdetails{padding:40px 0px 60px 0px; overflow:hidden; font-size:14px; color:#666;}
.joinlist ul li .jdetails .rowt{width:100%; padding-right:5%; float:left; word-wrap:break-word;}
.joinlist ul li .jdetails p{margin-top:5px;}

/*works*/
.workswarp{background-color:#f6f6f6; padding:0px 60px 140px 60px;}
.caseRetrieval{padding-top:40px;}
.caseRetrieval .caLeft{float:left; width:58%;}
.caseRetrieval .caLeft ul li{display:inline-block;_display:inline;zoom:1; position:relative; z-index:5; text-align:center; margin:5px 5px 0 0;}
.caseRetrieval .caLeft ul li>a{min-width:150px; height:40px; line-height:40px; font-size:14px; color:#666; background-color:#fff; padding:0px 5px; display:block;}
.caseRetrieval .caLeft ul li .list{width:100%; overflow:hidden; position:absolute; left:0; top:40px; background-color:#fff; padding:20px; -webkit-box-sizing:border-box; box-sizing:border-box;-webkit-transition: all 0.6s ease;transition: all 0.6s ease;}
.caseRetrieval .caLeft ul li .list a{display:block; font-size:14px; color:#999; padding:5px 0;}
.caseRetrieval .caLeft ul li .list a:hover{color:#000;}
.caseRetrieval .caLeft ul li .list{transform-origin: 50% 0%; transform: perspective(1920px) rotateX(-80deg); opacity:0; transition: all .3s 0s; visibility:hidden;}
.caseRetrieval .caLeft ul li.on>a,.caseRetrieval .caLeft ul li:hover>a{background-color:#333; color:#fff;}
.caseRetrieval .caLeft ul li:hover .list{opacity:1; visibility:visible; transition: all .5s 0s; transform: perspective(0px) rotateX(0deg); -webkit-transform: rotateX(0deg);}
.caseRetrieval .caRight{float:right; text-align:right; width:637px; margin-top:5px;}
.caseRetrieval .tn{font-size:18px; color:#333; line-height:40px;}
.caseRetrieval .caSearchBox{width:230px; height:40px; border:1px solid #d1d1d1; padding:0 30px 0 20px; -webkit-box-sizing:border-box; box-sizing:border-box; display:inline-block; position:relative; vertical-align:middle;}
.caseRetrieval .caText{width:100%; height:40px; line-height:40px; border:none; background-color:transparent; font-size:14px; color:#666;}
.caseRetrieval .caButt{width:22px; height:22px; position:absolute; right:8px; top:8px; border:none; font-size:0; opacity:0.6; cursor:pointer; background:url(../images/searchbtn_h.png) no-repeat;}
.caseRetrieval .select{width:190px; height:40px; font-size:14px; color:#666; border:1px solid #d1d1d1; padding:0px 20px; margin-right:10px; -webkit-box-sizing:border-box; box-sizing:border-box; vertical-align:middle;}
.caseRetrieval .select{  
/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
/*border:1px solid #000;*/
/*很关键：将默认的select选择框样式清除*/
appearance:none; -moz-appearance:none; -webkit-appearance:none;
/*在选择框的最右侧中间显示小箭头图片*/
background:#f6f6f6 url(../images/pro_sel.png) no-repeat right center;
/*为下拉小箭头留出一点位置，避免被文字覆盖*/
padding-right:50px; padding-right:0px\0;}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
.caseRetrieval select::-ms-expand,.caseRetrieval select::-ms-expand{display:none;}
.workslist ul li{width:22.7%; float:left; margin-top:40px; margin-right:3.06%; margin-right:2.3%\0;}
.workslist ul li:nth-child(4n),.workslist ul li.mr0{margin-right:0;}
.workslist ul li .pic{width:100%; padding-top:115%; position:relative; z-index:1; overflow:hidden;}
.workslist ul li .pic img{width:100%; max-height:100%; display:block; position:absolute; left:0; right:0; top:0; bottom:0; 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;}
.workslist 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);}
.workslist ul li .pic:after{content:""; display:block; position:absolute; left:0; top:0; z-index:5; width:0; height:3px; background-color:#cc3029;-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;}
.workslist ul li:hover .pic:after{width:100%;}
.workslist ul li .tit{margin-top:20px; height:48px;}
.workslist ul li h2{font-size:18px; color:#333;}
.workslist ul li:hover h2{color:#cc3029;}
.workslist ul li p{font-size:14px; color:#999;}
.workslist1 ul li{width:14%; float:left; margin-top:40px; margin-right:3.06%; margin-right:2.3%\0;}
.workslist1 ul li:nth-child(6n),.workslist1 ul li.mr0{margin-right:0;}
.workslist1 ul li .pic{width:100%; padding-top:115%; position:relative; overflow:hidden;}
.workslist1 ul li .pic img{width:100%; max-height:100%; display:block; position:absolute; left:0; right:0; top:0; bottom:0; 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;}
.workslist1 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);}
.workslist1 ul li .pic:after{content:""; display:block; position:absolute; left:0; top:0; z-index:5; width:0; height:3px; background-color:#cc3029;-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;}
.workslist1 ul li:hover .pic:after{width:100%;}
.workslist1 ul li .tit{margin-top:20px; height:48px;}
.workslist1 ul li h2{font-size:18px; color:#333;}
.workslist1 ul li:hover h2{color:#cc3029;}
.workslist1 ul li p{font-size:14px; color:#999;}
.worksbanner{width:100%; position:relative;}
.worksbanner img{width:100%; display:block;}
.worksbanner .slideshow .slick-active img{visibility:visible !important; -webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.worksbanner .slick-arrow{width:43px; height:77px; border:none; font-size:0; cursor:pointer; position:absolute;top:50%;margin-top:-38px;z-index:200;background-color:rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#50000000); background-position:center center; background-repeat:no-repeat;}
.worksbanner .slick-prev{left:0px; background-image:url(../images/img_lbtn.png);}
.worksbanner .slick-next{right:0px; background-image:url(../images/img_rbtn.png);}
.worksbanner .slick-dots{width:100%; text-align:center; position:absolute; left:0; bottom:20px; z-index:50;}
.worksbanner .slick-dots li{display:inline-block;*zoom:1; width:10px; height:10px; border-radius:50%; background-color:#c1c1c1; margin:0px 5px; cursor:pointer;}
.worksbanner .slick-dots li button{display:none;}
.worksbanner .slick-dots li.slick-active{background-color:#d31419;}
.worksus{width:100%; position:relative; z-index:10;}
.worksus .brleft{width:25%; float:left; background-color:#fff; position:relative; z-index:100; word-wrap:break-word;}
.worksus .brleft.fixedbar{position:fixed; top:176px; width:17%; padding:20px 1%;}
.worksus .brleft h2{font-size:30px; color:#333;}
.worksus .brleft p{font-size:14px; color:#666; margin-top:5px;}
.worksus .brleft .btns{display:block; font-size:14px; color:#666; margin-top:35px; padding-left:15px; background:url(../images/works_btns.png) left 5px no-repeat;}
.worksus .brleft .btns:hover{color:#cc3029;}
.worksus .brright{width:62.2%; float:right; word-wrap:break-word;}

/*news*/
.newshotwrap{background-color:#fff; padding:25px; margin-top:50px;}
.newshotwrap .item{overflow:hidden;zoom:1;}
.newshotwrap .pic{width:43.5%; float:left; overflow:hidden; position:relative;}
.newshotwrap .pic img{width:100%; display:block; -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;}
.newshotwrap .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);}
.newshotwrap .pic .tag{position:absolute; left:0; top:0; z-index:5; line-height:1; font-size:18px; color:#fff; padding:15px; background-color:rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#50000000);}
.newshotwrap .tmain{width:51.5%; float:right; word-wrap:break-word;}
.newshotwrap .tmain .time{display:block; font-size:14px; color:#999;}
.newshotwrap .tmain h2{font-size:18px; color:#333; margin-top:5px;}
.newshotwrap .tmain:hover h2{color:#cc3029;}
.newshotwrap .tmain .pcont{font-size:14px; color:#999; overflow:hidden; margin-top:10px;}
.newshotwrap .tmain .icon{display:block; width:25px; height:12px; margin-top:85px; font-size:0; background:url(../images/mouse_btnh.png) no-repeat;}
.newshotwrap .tmain:hover .icon{background:url(../images/mouse_btnhs.png) no-repeat;}
.newshotwrap .slick-arrow{width:20px; height:21px; bottom:60px; border:none; font-size:0; cursor:pointer; z-index:200; position:absolute;}
.newshotwrap .slick-prev{right:45px; background:url(../images/img_lbtn.png) no-repeat;}
.newshotwrap .slick-next{right:25px; background:url(../images/img_rbtn.png) right center no-repeat; border-left:1px solid #dedede;}
.newslist ul li{background-color:#fff; padding:25px; margin-top:30px;}
.newslist ul li .box{padding-left:360px; padding-right:320px; height:210px; position:relative;}
.newslist ul li .pic{width:320px; height:210px; position:absolute; left:0; top:0; overflow:hidden;}
.newslist ul li .pic img{width:100%; max-height:100%; display:block; position:absolute; left:0; right:0; top:0; bottom:0; 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 .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);}
.newslist ul li .tmain h2{font-size:18px; color:#333; margin-top:10px;}
.newslist ul li .tmain:hover h2{color:#cc3029;}
.newslist ul li .tmain .pcont{font-size:14px; color:#999; height:42px; overflow:hidden; margin-top:25px;}
.newslist ul li .tmain .icon{display:block; width:25px; height:12px; margin-top:40px; font-size:0; background:url(../images/mouse_btnh.png) no-repeat;}
.newslist ul li .tmain:hover .icon{background:url(../images/mouse_btnhs.png) no-repeat;}
.newslist ul li .day{width:189px; height:100%; position:absolute; right:0; top:0; border-left:1px solid #efefef; text-align:center;}
.newslist ul li .day .dat{font-family:'AMGDT'; font-size:70px; color:#666; line-height:1; padding-top:55px;}
.newslist ul li .day .yer{font-size:14px; color:#999;}
.newswarp{background-color:#f6f6f6; padding-top:195px;}
.newsdetail{position:relative;}
.newsdetail h1{font-size:36px; color:#333; word-wrap:break-word;}
.newsdetail .newsinfo{font-size:12px; color:#999; border-bottom:1px solid #e0e0e0; padding-bottom:5px; padding-top:10px; overflow:hidden;}
.newsdetail .newsinfo .tn{float:left;}
.newsdetail .newsinfo .bdsharebuttonbox{float:right;}
.newsdetail .newsinfo .bdsharebuttonbox a{padding:0px; margin:0px; margin-left:10px; width:27px; height:27px; background-image:url(../images/share.png);}
.newsdetail .newsinfo .bdsharebuttonbox a.bds_sqq{background-position:0px 0px;}
.newsdetail .newsinfo .bdsharebuttonbox a.bds_sqq:hover{background-position:0px -27px;}
.newsdetail .newsinfo .bdsharebuttonbox a.bds_tsina{background-position:-54px 0px;}
.newsdetail .newsinfo .bdsharebuttonbox a.bds_tsina:hover{background-position:-54px -27px;}
.newsdetail .newsinfo .bdsharebuttonbox a.bds_weixin{background-position:-27px 0px;}
.newsdetail .newsinfo .bdsharebuttonbox a.bds_weixin:hover{background-position:-27px -27px;}
.newsdetail .newsinfo .nwtn{float:right; line-height:27px;}
.newsdetail .newstext{padding:50px 0px;}
.newsdetail .newsmore{width:100%; background-color:#f6f6f6; position:relative; display:none;}
.newsdetail .backlist{text-align:center; line-height:54px; font-size:14px; background-color:#fff;}
.newsdetail .backlist a{display:inline-block; background: url(../images/nwlist.png) no-repeat 0 center; padding: 0 0 0 18px; color:#666;}
.newsdetail .backlist a:hover{color:#cc3029;}
.newsdetail .nwprev,.newsdetail .nwnext{position:absolute; left:20px; top:0; background:url(../images/nwprev.png) no-repeat 0 center; padding: 0 0 0 20px; font-size:14px; color:#666; line-height:54px;}
.newsdetail .nwnext{left:auto; right:20px; background:url(../images/nwnext.png) no-repeat right center; padding: 0 20px 0 0;}

/*advantage*/
.advantagelist ul li{position:relative; padding-right:44.8%; margin-top:60px;}
.advantagelist ul li.on{padding-right:0px; padding-left:44.8%;}
.advantagelist ul li .pic{width:100%; height:402px; position:relative; z-index:1; overflow:hidden;}
.advantagelist ul li .pic img{width:100%; max-height:100%; display:block; position:absolute; left:0; right:0; top:0; bottom:0; 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;}
.advantagelist ul li img:hover{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);}
.advantagelist ul li .num{position:absolute; left:30px; top:-30px; z-index:5; line-height:1; font-size:60px; color:#3d3d3d; font-family:impact; border-bottom:3px solid #3d3d3d;}
.advantagelist ul li.on .num{left:auto; right:30px;}
.advantagelist ul li .tmain{width:40%; background-color:#fff; padding:70px 5% 10px 5%; position:absolute; right:0px; top:20px; bottom:20px; z-index:10; word-break:break-all; word-wrap:break-word;}
.advantagelist ul li.on .tmain{left:0px; right:auto;}
.advantagelist ul li h2{font-size:24px; color:#333;}
.advantagelist ul li:hover h2{color:#cc3029;}
.advantagelist ul li .line{width:47px; height:1px; background-color:#ccc; margin:15px 0px 0px 0px; display:block;}
.advantagelist ul li p{font-size:14px; color:#666; margin-top:15px;}

/*contact*/
.contadd{text-align:center; margin-top:20px;}
.contadd p{font-size:18px; color:#666;}
.contadd .btns{font-size:18px; color:#666; border-bottom:1px solid #666; background:url(../images/map_btns.png) no-repeat left center; padding:0px 0px 2px 22px; display:inline-block; margin-top:20px;}
.contlist ul li{width:31.9%; height:395px; float:left; text-align:center; position:relative; margin-top:70px; margin-right:2.1%; margin-right:1.4%\0;}
.contlist ul li:nth-child(3n),.contlist ul li.mr0{margin-right:0;}
.contlist ul li .box{width:100%; height:100%; display:table; border:1px solid #dcdcdc;}
.contlist ul li .td{width:100%; height:100%; display:table-cell; vertical-align:middle; padding:20px;}
.contlist ul li p{font-size:40px; color:#333;}
.contlist ul li .td p img{max-width:89%;}
.contlist ul li .t{position:absolute; left:10px; right:10px; bottom:20px; font-size:18px; color:#666;}
.contlist ul li:hover .t{color:#cc3029;}

/*footer*/
.footer{width:100%; /*min-height:126px;*/ background-color:#3e3d3f; position:relative; z-index:1; overflow:hidden; /*background-image:url(../images/footer.jpg);*/ background-position:center center; background-size:cover; background-repeat:no-repeat;}
.footer .bg{position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; opacity:0.4;}
.footer video{width:100%; height:auto; position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity:1; -webkit-transition: opacity 4.0s; -moz-transition: opacity 4.0s; -ms-transition: opacity 4.0s; -o-transition: opacity 4.0s; transition: opacity 4.0s;}
.footer .footertext{padding:160px 0px 170px 0px; position:relative; z-index:20;}
.footer .footleft{width:38%; float:left; position:relative; padding-left:12%; word-break:break-all; word-wrap:break-word;}
.footer .footlogo{position:absolute; left:0px; top:1px;}
.footer .ftnav a{font-size:14px; color:#fff; margin-right:14px; padding-right:14px; position:relative;}
.footer .ftnav a:after{content:""; display:block; position:absolute; right:0; top:5px; width:1px; height:7px; background-color:#636363;}
.footer .ftnav a:hover,.footer .copy a:hover{color:#cc3029;}
.footer .copy{font-size:12px; color:#fff; line-height:20px; max-width:335px; padding-top:15px; word-break:break-all; word-wrap:break-word;}
.footer .copy a{color:#fff;}
.footer .bdsharebuttonbox{margin-top:20px;}
.footer .bdsharebuttonbox a{padding:0px; margin:0px; margin-right:10px; width:27px; height:27px; background-image:url(../images/share.png); background-position:center center; background-repeat:no-repeat;}
.footer .bdsharebuttonbox a.bds_sqq{background-position:0px 0px;}
.footer .bdsharebuttonbox a.bds_sqq:hover{background-position:0px -27px;}
.footer .bdsharebuttonbox a.bds_tsina{background-position:-54px 0px;}
.footer .bdsharebuttonbox a.bds_tsina:hover{background-position:-54px -27px;}
.footer .bdsharebuttonbox a.bds_weixin{background-position:-27px 0px;}
.footer .bdsharebuttonbox a.bds_weixin:hover{background-position:-27px -27px;}
.footer .footewm{width:115px; float:right; text-align:center; word-break:break-all; word-wrap:break-word;}
.footer .footewm .img{display:none;}
.footer .footewm p{font-size:12px; color:#a5a19b; margin-top:5px;}

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

    #Mobile - 320px 
    #Mobile - 380px 
    #Mobile - 480px 
    #Mobile - 640px 
*/
@media screen and (max-width:1640px){
	.caseRetrieval .caLeft{width:100%; float:none;}
	.caseRetrieval .caRight{width:auto; float:none;}
}
/*中等屏幕pc*/
@media screen and (min-width:1200px) and (max-width:1519px){
    .layout{ width: 1180px; }
	
    /*.contain{padding-top:100px;}*/
	.enzymeleft .enzbox{margin:110px 0px 0px 60px;}
	.inNewsBox .box{padding:0px 30px;}
	.inNewsBox .box .day{margin-top:110px; font-size:30px;}
	.inNewsBox .slick-prev{left:-275px; top:233px;}
	.inNewsBox .slick-next{left:-257px; top:233px;}
	.inNewsBox .box .yer,.inNewsBox .box .more{margin-top:20px;}
	.advantagelist ul li .pic{height:359px;}
}
@media screen and (max-width:1024px){
	.search-btn{height:56px; position:absolute; right:84px; top:0px;}
	.eng{right:45px; top:12px;}
	.section{height:auto !important;}
	.i-wrap1{height:500px !important;}
	.i-wrap1 .inbanbg{background-size:50%;}
	.banner .item .pimg{height:auto;}
	.indexCaselist .item ul{height:700px;}
	.indexCaselist .item ul li .text{left:40px; bottom:30px; right:40px;}
	.enzymeleft .enzbox{width:auto; margin:0px 20px; padding-top:60px;}
	.inNewsBox .slick-prev{left:-50px; top:30px;}
	.inNewsBox .slick-next{left:-30px; top:30px;}
	.inNewsBox .box{padding:60px 20px; height:auto;}
	.inNewsBox .box .day{margin-top:0px; font-size:40px;}
	.footer .footertext{padding:100px 0px;}
	
}
/*小屏幕pc*/
@media screen and (min-width:768px) and (max-width:1199px){
    .layout { width: 750px; }

    /*.contain{padding-top:55px;}*/
	.header{width:100%; height:55px;}
    .header .logo{position:absolute; left:20px; top:0;}
    .header .logo a{width:115px; height:55px;}
	.btn-m-list{display:block;}
	.nav{display:none;}
	.search-btn{padding:0px 5px; height:56px; position:absolute; right:84px; top:0px;}
	.eng{right:45px; top:12px;}
	.joinsearch ul li{width:27.8%;}
	.joinsearch ul li.btn{width:15.2%;}
	.newshotwrap .pic .tag{padding:10px; font-size:12px;}
	.newshotwrap .slick-arrow{bottom:5px;}
	.newshotwrap .tmain .icon{margin-top:10px;}
	.newslist ul li .box{height:160px; padding-left:260px; padding-right:105px;}
	.newslist ul li .pic{width:245px; height:160px;}
	.newslist ul li .day{width:99px;}
	.newslist ul li .day .dat{font-size:46px; padding-top:40px;}
	.advantagelist ul li .pic{height:300px;}
	.advantagelist ul li .tmain{padding-top:35px;}
	.advantagelist ul li .num{top:5px;}
	.footer .footleft{width:50%; padding-left:15%;}
}
/*移动端*/
@media screen and (min-width:320px) and (max-width:767px){
    .layout { width: 95%; } 
	
    /*.contain{padding-top:55px;}*/
	.header{width:100%; height:55px;}
    .header .logo{position:absolute; left:20px; top:0;}
    .header .logo a{width:115px; height:55px;}
	.btn-m-list{display:block;}
	.header.fixednobg .btn-m-list .burger{background-color:#000;}
	.nav{display:none;}
	.topsearch-form{height:40px; top:auto; left:auto; margin:25% auto 0; position:relative;}
	.topsearchtx{height:40px; line-height:40px; font-size:20px;}
	.topsearchbtn{width:40px;}
	.i-wrap1{height:auto !important;}
	.i-wrap1 .inbanbg{background-size:50%;}
	.i-wrap1 .inVideo{display:none;}
	.i-wrap1 .banner{position:static; right:auto; top:auto; width:100%; height:auto;}
	.banner .item .pimg{height:auto;}
	.indexAbout{padding:30px 0px 60px 0px;}
	.indextitle h2,.brandus .brleft h2,.worksus .brleft h2{font-size:20px;}
	.indextitle p{padding-top:5px;}
	.morebtns{margin-top:25px;}
	.indexCaselist .item ul{height:auto;}
	.indexCaselist .item ul li{width:50%; height:200px;}
	.indexCaselist .item ul li .text{left:20px; bottom:20px; right:20px;}
	.indexCaselist .item ul li h2,.indexCaselist .item ul li .day b{font-size:14px;}
	.indexCaselist .item ul li p,.indexCaselist .item ul li .day{font-size:12px;}
	.inCaseNav{height:auto; line-height:inherit; padding:15px 0px 20px 0px;}
	.inCaseNav ul li{margin:0px; float:left; width:25%; margin-top:5px;}
	.inCaseNav ul li a{font-size:14px;}
	.indexNews{height:auto; padding-bottom:150px;}
	.enzymeleft,.enzymeright{width:100%;}
	.enzymeleft .enzbox{width:auto; margin:0px 20px; padding-top:30px;float:none;}
	.enzymeleft .enzbox .indextitle{text-align:center;}
	.enzymeleft .btns{position:absolute; left:50%; bottom:50px; margin-left:-80px; margin-top:0;}
	.enzymeright{padding-top:20px;}
	.inNewsBox .box{padding:30px 10px 10px 10px; height:auto;}
	.inNewsBox .box .day{margin-top:0; font-size:20px;}
	.inNewsBox .box .yer{margin-top:10px;}
	.inNewsBox .box .pic{margin-top:5px;}
	.inNewsBox .box .more{margin-top:20px;}
	.footer .footertext{padding:40px 0px; background-image:url(../images/footer.jpg); background-position:center center; background-size:cover; background-repeat:no-repeat;}
	.footer video{width:140%; display:none;}
	.footer .footlogo{position:static; left:auto; top:auto; width:100%; text-align:center; padding-bottom:20px; display:none;}
	.footer .footleft{width:100%; padding-left:0;}
	.footer .footewm .img{display:inline-block; margin-right:5px;}
	.footer .footewm{width:100%; text-align:left; margin-top:20px;}
	
	.aboutwarp{padding:30px 0px 60px 0px;}
	.brandus .brleft,.brandus .brright,.worksus .brleft,.worksus .brright{width:auto; float:none;}
	.brandus .brleft,.worksus .brleft{padding-bottom:20px;}
	.worksus .brleft.fixedbar{position:relative; top:auto; width:auto; padding:0px;}
	.teamlist{margin-top:10px;}
	.teamlist ul li{padding-left:0px; margin-top:20px;}
	.teamlist ul li .pic{width:100%; position:relative; height:auto;}
	.teamlist ul li .pic img{position:relative;}
	.teamlist ul li .tmain{padding:20px;}
	.customerslist ul li{width:50%;}
	.customerslist ul li:nth-child(2n){background:none;}
	.joinsearch{margin-top:20px;}
	.joinsearch ul li,.joinsearch ul li.btn{width:100%; margin-top:5px;}
	.joinlist ul li .title{padding:0px 20px;}
	.joinlist ul li .more{right:20px;}
	.joinlist ul li .box{padding:20px 10px;}
	.joinlist ul li .numtext{padding-bottom:20px;}
	.joinlist ul li .jdetails{padding:20px 0px;}
	.joinlist ul li .bombtn span{display:block;}
	.workswarp{padding:0px 20px 60px 20px;}
	.caseRetrieval{padding-top:30px; text-align:left;}
	.caseRetrieval .tn{display:block; font-size:14px;}
	.caseRetrieval .select{width:100%; margin:5px 0px 0px 0px;}
	.caseRetrieval .caSearchBox{width:100%; margin-top:5px; display:block;}
	.workslist ul li{width:49%; margin-right:2%; margin-top:20px;}
	.workslist ul li:nth-child(2n){margin-right:0;}
	.workslist ul li .tit{height:39px;}
	.workslist ul li h2{font-size:14px;}
	.workslist ul li p{font-size:12px;}
	.workslist1 ul li{width:32%; margin-right:2%; margin-top:20px;}
	.workslist1 ul li:nth-child(3n){margin-right:0;}
	.workslist1 ul li .tit{height:39px;}
	.workslist1 ul li h2{font-size:14px;}
	.workslist1 ul li p{font-size:12px;}
	.newshotwrap{padding:10px; margin-top:30px;}
	.newshotwrap .pic,.newshotwrap .tmain{width:100%; float:none;}
	.newshotwrap .pic .tag{padding:10px; font-size:12px;}
	.newshotwrap .tmain{padding-top:10px; padding-bottom:40px;}
	.newshotwrap .slick-arrow{bottom:5px;}
	.newshotwrap .slick-prev{right:30px;}
	.newshotwrap .slick-next{right:10px;}
	.newshotwrap .tmain .icon{margin-top:10px;}
	.newslist ul li{margin-top:20px; padding:10px;}
	.newslist ul li .box{height:auto; padding-left:0px; padding-right:0px;}
	.newslist ul li .pic{width:100%; height:auto; position:static; left:auto; top:auto;}
	.newslist ul li .pic img{position:relative; max-height:auto;}
	.newslist ul li .tmain .icon{margin-top:20px;}
	.newslist ul li .day{width:100%; position:static; right:auto; top:auto; border-left:none; border-top:1px solid #efefef; padding-top:10px; margin-top:20px;}
	.newslist ul li .day .dat,.newslist ul li .day .yer{padding-top:0px; display:inline-block;}
	.newslist ul li .day .dat{font-size:20px;}
	.newswarp{padding-top:85px;}
	.newsdetail h1{font-size:20px; font-weight:bold;}
	.advantagelist ul li,.advantagelist ul li.on{padding:0px;}
	.advantagelist ul li .num,.advantagelist ul li.on .num{left:20px; top:-20px; right:auto;}
	.advantagelist ul li .pic{height:auto;}
	.advantagelist ul li .pic img{position:relative;}
	.advantagelist ul li .tmain,.advantagelist ul li.on .tmain{position:relative; top:auto; bottom:auto; right:auto; left:auto; width:auto; padding:20px;}
	.contlist ul li{width:100%; height:300px; margin-right:0; margin-top:20px;}
}