.layout{max-width:1440px; 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;}
/* IE7,IE8浏览器CSS3选择器兼容方法
   ul.menu li:nth-child(3){}正常写法
   ul.menu>li + li + li{}IE78兼容写法
   ul.menu>li:first-child + li + li{}IE78兼容写法
*/
@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*/
#warpper{width:100%; position:relative; /*overflow-x:hidden;*/}
.header{width:100%; height:90px; border-bottom:1px solid rgba(255,255,255,0.3); position:fixed; _position:absolute; left:0; top:0; z-index:300; -moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;}
.header.fixed-nav,.header:hover{background-color:#c0a062; border-bottom:1px solid #c0a062; -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.07); box-shadow: 0px 5px 5px rgba(0,0,0,0.07);}
.logo{position:absolute; left:3%; top:15px;}
.logo a{display:block; width:136px; height:60px; font-size:0; background-image:url(../images/logo.png); background-size:contain; background-repeat:no-repeat; background-position:center center;}
.hdinfobar{position:absolute; right:3%; top:0; height:100%;}
.hdinfobar .bdsharebuttonbox{float:right; margin-top:30px;}
.hdinfobar .bdsharebuttonbox a{padding:0px; margin:0px; margin-right:10px; width:27px; height:27px; background-position:center center;}
.hdinfobar .bdsharebuttonbox a.bds_weixin{background-image:url(../images/swx.png);}
.hdinfobar .bdsharebuttonbox a.bds_sqq{background-image:url(../images/sqq.png);}
.hdinfobar .bdsharebuttonbox a.bds_tsina{background-image:url(../images/swb.png);}
.search-btn{width:22px; height:22px; background-image:url(../images/searchbtn.png); background-position:center center; background-repeat:no-repeat; float:right; cursor:pointer; margin-top:32px;}
.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 #a0733e; cursor: pointer; display: block; transition: background 0.3s; -webkit-transition: background 0.3s;}
.topsearchbtn:hover{background-color: #866135;}
.nav{width:100%; text-align:center;}
.nav ul li{display:inline-block; margin:0px 23px;}
.nav ul li>a{font-size:16px; color:#fff; display:block; line-height:90px; position:relative;}
.nav ul li>a:after{content:""; display:none; width:0; height:0; position:absolute; left:50%; bottom:0px; margin-left:-2.5px; z-index:5; border-bottom:5px solid #fff; border-left:5px solid transparent; border-right:5px solid transparent;}
.nav ul li:hover>a:after,.nav ul li.on>a:after{display:block;}
.nav ul li .nav-body{width:100%; background-color:#fff; position:absolute; left:0; top:90px; z-index:100; 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 .layout{width:895px; padding:75px 0px 110px 0px;}
.nav ul li .nav-body .slefttab{width:160px; float:left;}
.nav ul li .nav-body .slefttab p{height:39px; line-height:39px; border-bottom:1px solid #dfdfdf; text-align:left; background:url(../images/slefttab_li.png) center right no-repeat;}
.nav ul li .nav-body .slefttab p a{font-size:14px; color:#919191; display:block;}
.nav ul li .nav-body .slefttab p:hover a,.nav ul li .nav-body .slefttab p.on a{color:#c0a062;}
.nav ul li .nav-body .srighttm{width:645px; float:right; overflow:hidden;}
.nav ul li .nav-body .srighttm .box{overflow:hidden; display:none;}
.nav ul li .nav-body .srighttm .img{width:382px; height:199px; float:left; overflow:hidden;}
.nav ul li .nav-body .srighttm .img img{width:100%; display:block; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.nav ul li .nav-body .srighttm .img:hover img{-webkit-transform:scale(1.03); -ms-transform:scale(1.03); transform:scale(1.03);}
.nav ul li .nav-body .srighttm .text{width:160px; float:right; text-align:center;}
.nav ul li .nav-body .srighttm .text .t{display:block; font-size:18px; color:#333;}
.nav ul li .nav-body .srighttm .text p{font-size:14px; color:#666; margin-top:10px; height:42px; overflow:hidden;}
.nav ul li .nav-body .srighttm .text a{display:block; width:100%; height:55px; line-height:55px; margin-top:50px; font-size:16px; color:#fff; background-color:#c0a062; position:relative; z-index:1;}
.nav ul li .nav-body .srighttm .text a em{padding-right:35px; background:url(../images/mouse_btn.png) center right no-repeat;}
.nav ul li .nav-body .srighttm .text a:before{content:""; display:block; width:0; height:100%; position:absolute; left:0; top:0; z-index:-1; background-color:#a8781b; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.nav ul li .nav-body .srighttm .text a:hover:before{width:100%;}
.headmobtn{width:55px; height:55px; float:right; position:relative; display:none;}
.btn-m-list{width:55px; height:55px; background-color:#a0733e; 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); }
.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; filter:alpha(opacity=70); background-color:rgba(0, 0, 0, 0.7); 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; background-color:#c0a062;}
.mobilelogo img{width:20%;}
.mob-nav.on .neirong-close{visibility:visible;}
.mob-nav .subtab>li{border-bottom:1px solid #c0a062; 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:#c0a062;}

/* 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;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;}
.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{height:100%;position:relative;z-index: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 img{width:100%; max-height:100vh; 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{width:26px; position:absolute; left:3%; top:50%; z-index:10; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.banner .slick-dots li{width:100%; height:1px; background-color:#bcd9fc; font-size:0; margin:10px 0px; position:relative; cursor:pointer;}
.banner .slick-dots li button{width:0; height:1px; position:absolute; right:0; top:0; border:none; background-color:#fff; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.banner .slick-dots li.slick-active button{width:45px;}
.banner .mouseIco{width:25px; height:42px; position:absolute; left:50%; bottom:45px; z-index:10; margin-left:-7.5px; background:url(../images/mouseIco.png) no-repeat;}
.banner .mouseIco i{width:14px; height:8px; display:block; background:url(../images/mouseIco_i.png) no-repeat; position:absolute; left:50%; margin-left:-7px; top:45px; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}

/*home*/
.guidewarp{padding-top:320px; text-align:center;}
.load-img{width:207px; height:90px; margin:0 auto; position:relative; background:url(../images/loadimg.png) no-repeat;}
.load-img span{display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/loadimgh.png) no-repeat; -webkit-animation: load 5s; animation: load 5s; -webkit-animation-iteration-count:1; animation-iteration-count:1;}
@-webkit-keyframes load{0%{width:0;} 100%{width:100%;}}
@keyframes load{0%{width:0;} 100%{width:100%;}}
.guidewarp .tit{font-size:24px; color:#c0a062; margin-top:20px;}
.guidewarp .homebtn{max-width:212px; margin:0 auto; padding-top:150px;}
.guidewarp .homebtn a{display:block; width:100%; height:47px; line-height:47px; position:relative; z-index:1; font-size:18px; color:#c0a062; background-position:center center; background-size:cover; background-repeat:no-repeat; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.btn-white-line,.btn-white-line1,.btn-white-line2{width:100%; height:100%; position:absolute; left:0; top:0;}
.btn-white-line1 svg{stroke-width:1px;stroke:rgba(231,220,196,.3); fill:none;}
.btn-white-line2 svg{stroke-width:3px;stroke:rgba(192,160,98,1); fill:none; stroke-dasharray:11rem; stroke-dashoffset:-1.8rem;
-webkit-transition:stroke-dashoffset .45s ease-out,stroke-dasharray .45s ease-out;
   -moz-transition:stroke-dashoffset .45s ease-out,stroke-dasharray .45s ease-out;
    -ms-transition:stroke-dashoffset .45s ease-out,stroke-dasharray .45s ease-out;
     -o-transition:stroke-dashoffset .45s ease-out,stroke-dasharray .45s ease-out;
        transition:stroke-dashoffset .45s ease-out,stroke-dasharray .45s ease-out;
		 -webkit-animation: lines 3s infinite linear; animation: lines 3s infinite linear;}
.btn-white:hover .btn-white-line2 svg{stroke-dashoffset:-7.5rem;}
@-webkit-keyframes lines{0%{stroke-dashoffset:-1.8rem;} 100%{stroke-dashoffset:-7.5rem;}}
@keyframes lines{0%{stroke-dashoffset:-1.8rem;} 100%{stroke-dashoffset:-7.5rem;}}

/*index*/
.contain{width:100%; position:relative; padding-top:91px;}
.section01{width:100%; height:100%; position:relative; background-image:url(../images/section01.jpg); background-position:center center; background-size:100% 100%; background-repeat:no-repeat;}
.section01 .layout{max-width:1360px;}
.section01 .inabtext{max-width:565px; margin:0 auto; text-align:center; padding-top:30px;}
.section01 .inabtext .t{font-size:18px; color:#333;}
.section01 .inabtext .p{font-size:14px; color:#666; line-height:30px; margin-top:15px;}
.section01 .inabnumber{width:100%; margin-top:50px;}
.section01 .inabnumber ul li{width:33.333%; float:left; text-align:center;}
.section01 .inabnumber ul li .icondiv{width:154px; height:154px; position:relative; margin:0 auto;}
.btn-white-line,.btn-white-line1,.btn-white-line2{width:100%; height:100%; position:absolute; left:0; top:0;}
.btn-white-line1 svg circle{cx:74; cy:74; r:73; stroke-width:2px; stroke:rgba(224,224,224,1); fill:none;}
.btn-white-line2 svg circle{cx:75; cy:75; r:73; stroke-width:3px; stroke:rgba(192,160,98,1); fill:none; stroke-dasharray:305 195; stroke-dashoffset: -380;
-webkit-transition:stroke-dashoffset .5s ease-out,stroke-dasharray .5s ease-out;
   -moz-transition:stroke-dashoffset .5s ease-out,stroke-dasharray .5s ease-out;
    -ms-transition:stroke-dashoffset .5s ease-out,stroke-dasharray .5s ease-out;
     -o-transition:stroke-dashoffset .5s ease-out,stroke-dasharray .5s ease-out;
        transition:stroke-dashoffset .5s ease-out,stroke-dasharray .5s ease-out;
}
.section01 .inabnumber ul li:hover .btn-white-line2 svg circle{stroke-dasharray:70 0; stroke-dashoffset:0;}
.section01 .inabnumber ul li .tit{font-size:14px; color:#999; margin-top:20px;}
.section01 .inabnumber ul li .tit span{font-size:18px; color:#333; display:block;}
.section01 .inabnumber ul li .abnumber{position:absolute; top:5px; left:5px; bottom:9px; right:9px; border-radius:50%;}
.section01 .inabnumber ul li:hover .abnumber{background-color:#c0a062;}
.section01 .inabnumber ul li .abnumber .anum{font-weight:bold; font-size:60px; color:#c0a062; line-height:1; margin-top:32px;}
.section01 .inabnumber ul li .abnumber .atit{font-size:18px; color:#c0a062; line-height:1;}
.section01 .inabnumber ul li:hover .abnumber .anum,.section01 .inabnumber ul li:hover .abnumber .atit{color:#fff;}
.section01 .indextitle{padding-top:100px;}
.indextitle{text-align:center; width:100%;}
.indextitle h2{font-family:times; font-size:60px; color:#1d1d1d; line-height:1;}
.indextitle p{font-size:24px; color:#333; line-height:1; margin-top:10px;}
.indextitle .line{width:33px; height:4px; background-color:#c0a062; display:block; margin:0 auto; margin-top:15px;}
.indextitle .tm{font-size:14px; color:#5b5b5b; margin-top:10px;}
.indexmore{width:100%; position:absolute; left:0; bottom:110px; text-align:center;}
.indexmore a{display:block; width:160px; height:55px; line-height:55px; margin:0 auto; font-size:16px; color:#fff; background-color:#c0a062; position:relative; z-index:1;}
.indexmore a em{padding-right:35px; background:url(../images/mouse_btn.png) center right no-repeat;}
.indexmore a:before{content:""; display:block; width:0; height:100%; position:absolute; left:0; top:0; z-index:-1; background-color:#a8781b; -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;}
.indexmore a:hover:before{width:100%;}
.industryIbox{width:100%; height:100%; position:relative; overflow:hidden; color:#fff;}
.industryIbox a:link, .industryIbox a:visited{color: #fff;}
.industryIbox a:active,.industryIbox a:hover{color: #a0733e;}
.industryIDemo{position:relative; overflow: hidden;}
.industryIDemo .item{position:relative; /*opacity: 1 !important;*/visibility: hidden;}
.industryIDemo .img{position:relative; z-index: 1; overflow: hidden;}
.industryIDemo .img img{width:100%; /*height:100vh;*/ display:block;}
.industryIDemo .black-30{position:absolute; left: 0; top: 0; z-index: 5; width: 100%; height: 100%;}
.industryIDemo .con{position:absolute; left: 7%; top: 20%; z-index: 10; width: 820px;  transform: translateX(88px); -webkit-transform: translateX(88px); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; opacity: 0; visibility: hidden;}
.industryIDemo .t{font-size:36px; font-weight:bold; line-height:1.5; color:#c0a062;}
.industryIDemo .by{font-size:18px; color:#fffefd; line-height:1.2; margin-top:5px;}
.industryIDemo .txt{font-size:14px; color:#fff; margin-top:10px; height:100px; overflow:hidden; max-width:420px;}
.industryIDemo .btns{display:block; width:160px; height:55px; line-height:55px; text-align:center; margin-top:20px; font-size:16px; color:#fff; background-color:#c0a062; position:relative; z-index:1;}
.industryIDemo .btns em{padding-right:35px; background:url(../images/mouse_btn.png) center right no-repeat;}
.industryIDemo .btns:before{content:""; display:block; width:0; height:100%; position:absolute; left:0; top:0; z-index:-1; background-color:#a8781b; -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;}
.industryIDemo .btns:hover{color:#fff;}
.industryIDemo .btns:hover:before{width:100%;}
.industryIDemo .slick-active{z-index:800 !important;visibility: visible;}
.industryIDemo .slick-active .img{-webkit-animation: slideIn 1s ; animation: slideIn 1s;}
.industryIDemo .slick-active .img img{-webkit-animation: imgIn 1s; animation: imgIn 1s; }
@-webkit-keyframes slideIn {
    0% { -webkit-transform: translateX(-100%); opacity: 1; }
    100% { -webkit-transform: translateX(0); opacity: 1; }
}
@keyframes slideIn {
    0% { transform: translateX(-100%); opacity: 1; }
    100% { transform: translateX(0); opacity: 1; }
}
@-webkit-keyframes imgIn {
    0% { -webkit-transform: -webkit-translateX(100%); opacity: 1; }
    100% { -webkit-transform: -webkit-translateX(0); opacity: 1; }
}
@keyframes imgIn {
    0% { transform: translateX(100%); opacity: 1; }
    100% { transform: translateX(0); opacity: 1; }
}
.industryIDemo .slick-active .con{transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0) skew(0); opacity: 1; visibility: visible; transition: 680ms 480ms; -webkit-transition: 680ms 480ms; }
.industryINav{position:absolute; left:0; bottom:0; width:100%; background-color:rgba(160,115,62,0.5);}
.industryINav .item{float:left; display:block; width:20%; cursor:pointer;}
.industryINav .itemC{border-left:1px solid #fff; border-top:1px solid #fff; border-left:1px solid rgba(255,255,255,0.3); border-top:1px solid rgba(255,255,255,0.3); /*height:300px;*/ height:200px; position:relative; z-index:1;}
.industryINav .itemC:before{content:""; width:100%; height:100%; z-index:-1; position:absolute; left: 0; bottom: 0px; background: url(../images/cs_90.png) repeat; background:none rgba(160,115,62,0.9); transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .38s cubic-bezier(.4,0,.2,1); transition: transform .38s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.industryINav .ico{width:100%; /*height:300px;*/ height:200px; display:block; margin:0 auto; background-size:cover; background-repeat:no-repeat; background-position:center center;}
.industryINav .slick-current .itemC:before{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility:visible\9;}
@keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}
@-webkit-keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}
.industryINav .slick-current .addico{opacity: 0; visibility: hidden; transform: rotate(90deg); -webkit-transform: rotate(90deg);}
.industryINav .slick-current .moreBtn{opacity: 1; visibility: visible;}
.industryINav .itemC:hover .ico{-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: gelatine 0.5s 1; animation: gelatine 0.5s 1; }
.industryINav .itemC:hover .addico{transform: rotate(90deg); -webkit-transform: rotate(90deg);}
.section03{width:100%; height:100%;position:relative; background-color:#f3f3f3;}
.enzymeleft{width:30.3%; height:100%; float:left;}
.enzymeleft .enzbox{width:240px; float:right; margin:155px 100px 0px 0px;}
.enzymeleft .enzbox .indextitle{text-align:left;}
.enzymeleft .btns{display:block; width:160px; height:55px; line-height:55px; text-align:center; margin-top:80px; font-size:16px; color:#fff; background-color:#c0a062; position:relative; z-index:1;}
.enzymeleft .btns em{padding-right:35px; background:url(../images/mouse_btn.png) center right no-repeat;}
.enzymeleft .btns:before{content:""; display:block; width:0; height:100%; position:absolute; left:0; top:0; z-index:-1; background-color:#a8781b; -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:69.7%; 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:145px;}
.innewsbox .box .yer{font-size:14px; color:#333; display:block; margin-top:40px;}
.innewsbox .box .tit{font-size:18px; color:#333;}
.innewsbox .box .tit:hover{color:#c0a062;}
.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;}
.partnerIdemo .slick-arrow{width:20px; height:21px; top:305px; border:none; font-size:0; cursor:pointer; z-index:200; position:absolute;}
.partnerIdemo .slick-prev{left:-340px; background:url(../images/img_lbtn.png) no-repeat;}
.partnerIdemo .slick-next{left:-320px; background:url(../images/img_rbtn.png) right center no-repeat; border-left:1px solid #dedede;}

/*fullpage*/
/*.inabnumber ul li{-webkit-transform:translateY(110%); transform:translateY(110%); opacity:0;}
.inabnumber ul li:nth-child(1){-webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.inabnumber ul li:nth-child(2){-webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.inabnumber ul li:nth-child(3){-webkit-transition: all 1.2s ease; transition: all 1.2s ease;}
div.active .inabnumber ul li{-webkit-transform:translateY(0%); transform:translateY(0%); opacity:1;}*/

/*about*/
.nybanner{width:100%; overflow:hidden;}
.nybanner img{width:100%; display:block;}
.navigation{width:100%; background-color:#fff; border-bottom:1px solid #f4f4f4;}
.navigation .menu ul li{float:left; height:70px; margin-right:40px; position:relative;}
.navigation .menu ul li:before{content:""; display:block; width:0%; height:3px; background-color:#c0a062; position:absolute; left:0; bottom:0; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.navigation .menu ul li:hover:before,.navigation .menu ul li.on:before{width:100%;}
.navigation .menu ul li a{font-size:14px; color:#666; display:block; line-height:70px;}
.navigation .menu ul li:hover a,.navigation .menu ul li.on a{color:#c0a062;}
.commonwrap{width:100%; background-color:#f5f5f5; padding:95px 0px 155px 0px;}
.aboutus01{width:100%; padding-top:140px; padding-bottom:130px; background-image:url(../images/aboutus01.jpg); background-size:100% 100%; background-repeat:no-repeat;}
.aboutus01 .img{width:39.5%; float:right;}
.aboutus01 .img img{width:100%; display:block;}
.aboutus01 .text{width:58.5%; float:left; padding-top:20px; word-break:break-all; word-wrap:break-word;}
.aboutus01 .text .h2{font-size:30px; font-weight:bold; color:#c0a062; line-height:1;}
.aboutus01 .text .h3{font-family:times; font-size:16px; color:#a4a4a4; text-transform:uppercase; margin-top:20px; margin-bottom:40px;}
.aboutus01 .text p{font-size:14px; color:#666; line-height:30px; text-align:justify;}
.aboutus02{width:100%; background-color:#fff; padding-top:75px; padding-bottom:165px;}
.historylist{width:100%; position:relative; z-index:1; margin-top:60px;}
.historylist .line{display:block; width:1px; height:100%; background-color:#f0f0f0; position:absolute; left:325px; top:0; z-index:5;}
.historylist ul{position:relative; z-index:10;}
.historylist ul li{padding-left:385px; position:relative; margin-bottom:20px;}
.historylist ul li .yer{width:255px; position:absolute; left:0; top:0; border-bottom:1px solid #f0f0f0; text-align:right; padding-bottom:20px;}
.historylist ul li .yer h2{font-size:36px; font-weight:bold; color:#333; line-height:1;}
.historylist ul li .yer p{font-size:18px; color:#333; margin-top:0px;}
.historylist ul li:hover .yer h2,.historylist ul li:hover .yer p{color:#c0a062;}
.historylist ul li .box{position:relative; border:1px solid #f0f0f0; padding:40px 55px; word-break:break-all; word-wrap:break-word;}
.historylist ul li .box h2{font-size:30px; font-weight:bold; color:#c0a062; line-height:1;}
.historylist ul li .box p{font-size:16px; color:#666; margin-top:10px;}
.historylist ul li .box p i{margin-right:5px;}
.historylist ul li .raw{display:block; width:15px; height:15px; border-radius:50%; position:absolute; left:-68px; top:35px; border:1px solid #f0f0f0; background-color:#fff;}
.historylist ul li:hover .raw{border:4px solid #c0a062; width:7px; height:7px;}
.historylist ul li .tri{display:block; width:15px; height:19px; position:absolute; left:-14px; top:33px; background:url(../images/tri.png) no-repeat;}
.aboutus03{width:100%; padding-top:85px; padding-bottom:200px; background-image:url(../images/section01.jpg); background-size:100% 100%; background-repeat:no-repeat;}
.aboutus03 .abtoubox{margin-top:60px;}
.aboutus03 .img{width:42.7%; float:right;}
.aboutus03 .img img{width:100%; display:block;}
.aboutus03 .text{width:47.5%; float:left; padding-top:20px; word-break:break-all; word-wrap:break-word;}
.aboutus03 .text .h2{font-size:30px; font-weight:bold; color:#c0a062; line-height:1;}
.aboutus03 .text .h3{font-family:times; font-size:16px; color:#a4a4a4; text-transform:uppercase; margin-top:20px;}
.aboutus03 .text p{font-size:14px; color:#666; line-height:30px; text-align:justify; margin-top:20px;}
.aboutus04{width:100%; height:730px; padding-top:103px; position:relative; background-image:url(../images/aboutus04.jpg); background-size:100% 100%; background-repeat:no-repeat;}
.aboutus04 .indextitle{text-align:left;}
.aboutus04 .indextitle h2,.aboutus04 .indextitle p{color:#fff;}
.aboutus04 .indextitle .line{margin:15px 0px 0px 0px;}
.abouthistory{width:280px; height:530px; position:absolute; bottom:0; z-index:5;}
.abouthistory .line{width:4px; height:100%; position:absolute; left:12px; top:0; background-color:#c0a062;}
.abouthistory .line:before{content:""; display:block; width:28px; height:28px; position:absolute; left:-12px; top:0; background:url(../images/raws.png) no-repeat;}
.abouthistory .historybox{margin:50px 0px 0px 16px; padding-right:5px; height:365px; overflow:hidden;}
.abouthistory .historybox ul li{padding-left:100px; position:relative; font-size:14px; color:#fff; margin-bottom:50px; word-break:break-all; word-wrap:break-word;}
.abouthistory .historybox ul li .tris{width:12px; height:4px; position:absolute; left:0px; top:8px; background-color:#c0a062;}
.abouthistory .historybox ul li .yer{position:absolute; left:27px; top:0;}
.aboutus05{width:100%; background-color:#fff; padding-top:75px; padding-bottom:165px;}
.yearbook{width:100%; position:relative; margin-top:50px;}
.yearbook .slick-slider{padding-bottom:50px;}
.yearbook .slick-dots{width:100%; text-align:center; position:absolute; left:0; bottom:0px; z-index:10;}
.yearbook .slick-dots li{width:10px; height:10px; background-color:#ccc; font-size:0; border-radius:50%; display:inline-block; margin:0px 5px; cursor:pointer;}
.yearbook .slick-dots li button{display:none;}
.yearbook .slick-dots li.slick-active{background-color:#c0a062;}
.aboutus06{width:100%; height:468px; cursor:pointer; background-image:url(../images/aboutus06.jpg); background-position:center center; background-repeat:no-repeat;}
.culturelist{width:100%; margin-top:20px;}
.culturelist ul li{width:48.8%; float:left; margin-right:2.4%; margin-top:30px;}
.culturelist ul li:nth-child(2n),.culturelist ul li.mr0{margin-right:0;}
.culturelist ul li .box{border:1px solid #e9e9e9; padding:40px 45px; word-break:break-all; word-wrap:break-word;}
.culturelist ul li .box:hover{border-color:#c0a062;}
.culturelist ul li h2{font-size:24px; color:#c0a062; line-height:1;}
.culturelist ul li p{font-size:16px; color:#666; min-height:72px;}
.culturelist ul li .line{width:33px; height:1px; background-color:#c8c8c8; display:block; margin-top:15px; margin-bottom:30px;}

.joinsearch{width:100%; margin-top:50px;}
.joinsearch ul li{width:29.8%; float:left; margin-right:0.4%;}
.joinsearch ul li.btn{width:9.2%; margin-right:0;}
.joinsearch ul li .select{width:100%; height:60px; background-color:#fff; font-size:14px; color:#666; border:none; text-indent:10px;}
.joinsearch ul li .subbtn{width:100%; height:60px; border:none; background-color:#c0a062; font-size:14px; color:#fff; cursor:pointer;}
.joinsearch ul li .jointext{width:100%; height:60px; background-color:#fff; font-size:14px; color:#333; border:none; text-indent:10px;}
.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:#c0a062;}
.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:#c0a062; vertical-align:middle;}
.joinlist ul li .bombtn a:hover{background-color:#333;}
.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:#c0a062; 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; filter:alpha(opacity=10); cursor:pointer;}
.joinlist ul li .bombtn .upbtn:hover{background-color:#000;}
.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;}

/*brand*/
.brandbox01{width:100%; background-color:#fff; padding:80px 0px 100px 0px;}
.brandbox01 .layout{max-width:730px; text-align:center;}
.brandbox01 .h2{font-size:36px; font-weight:bold; color:rgb(0,20,40);}
.brandbox01 .h3{font-size:18px; color:#333; margin-top:20px;}
.brandbox01 .pcont{font-size:14px; color:#666; line-height:30px; margin-top:10px; margin-bottom:45px;}
.videobtns{max-width:443px; margin:0 auto; position:relative; overflow:hidden; cursor:pointer;}
.videobtns 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;}
.videobtns: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);}
.videobtns .btns{width:57px; height:57px; position:absolute; left:50%; top:50%; z-index:5; margin:-26.5px 0px 0px -26.5px; background:url(../images/video_btn.png) no-repeat;}
.brandbox02{width:100%; background-color:#f6f6f6; padding:40px 0px 200px 0px;}
.brandlist ul li{width:49.4%; float:left; position:relative; overflow:hidden; margin-top:20px; margin-right:1.2%;}
.brandlist ul li:nth-child(2n),.brandlist ul li.mr0{margin-right:0;}
.brandlist ul li 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;}
.brandlist ul li: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);}
.brandlist ul li .tit{position:absolute; left:0; bottom:-80px; right:0; background-color:#000; filter:alpha(opacity=50); background-color:rgba(0, 0, 0, 0.5); height:80px; line-height:80px; padding:0px 35px; -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;}
.brandlist ul li .tit span{display:block; font-size:18px; color:#fff; background:url(../images/mouse_btn.png) right center no-repeat;}
.brandlist ul li:hover .tit{bottom:0px;}
.indexvideo{width:700px; background-color:#fff; position:fixed; _position:absolute; left:50%; top:50%; z-index:2000; margin-left:-350px; margin-top:-197px; display:none;}
.indexvideo .vclose{display:block; width:38px; height:38px; position:absolute; right:0; top:-45px; font-size:0; cursor:pointer; background:url(../images/vclose.png) no-repeat;}
.indexvideo video{width:100%; height:100%; display:block;}

.proinfobar{background-color:#fff; padding:45px; position:relative;}
.proinfobar .proimg{width:50%; float:left; position:relative; min-height:300px;}
.proinfobar .proimg .maximg{margin-left:90px; overflow:hidden; border:1px solid #eee;}
.proinfobar .proimg .maximg img{width:100%; display:block; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.proinfobar .proimg .sallimg{width:70px; position:absolute; left:0; top:0;}
.proinfobar .proimg .sallimg ul li{border:1px solid #eee; margin-bottom:10px; cursor:pointer;}
.proinfobar .proimg .sallimg ul li img{width:100%; display:block; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.proinfobar .proimg .sallimg ul li.on{border-color:#c0a062;}
.proinfobar .infoarea{width:46%; float:right; word-break:break-all; word-wrap:break-word;}
.proinfobar .infoarea h1{font-size:25px; color:#c0a062;}
.proinfobar .infoarea .eh2{font-size:14px; color:#666;}
.proinfobar .infoarea .ietell{margin-top:20px; font-size:14px; color:#666;}
.proinfobar .infoarea .ietell .th{font-weight:bold; color:#333;}
.proinfobar .infoarea .ietell .td p{margin-top:5px;}
.proinfobar .infoarea .ieretu{padding-top:20px;}
.proinfobar .infoarea .ieretu .shtn{float:left; font-size:14px; color:#999; line-height:28px;}
.proinfobar .infoarea .ieretu .bdsharebuttonbox{float:left;}
.proinfobar .infoarea .ieretu .bdsharebuttonbox a{padding:0px; margin:0px; margin-left:5px; width:27px; height:27px; background-position:center center;}
.proinfobar .infoarea .ieretu .bdsharebuttonbox a.bds_weixin{background-image:url(../images/nwwx.png);}
.proinfobar .infoarea .ieretu .bdsharebuttonbox a.bds_sqq{background-image:url(../images/nwqq.png);}
.proinfobar .infoarea .ieretu .bdsharebuttonbox a.bds_tsina{background-image:url(../images/nwwb.png);}
.proinfobar .infoarea .ieretu .shbtn{float:right;}
.proinfobar .infoarea .ieretu .shbtn a{font-size:14px; color:#666; display:block; width:100px; height:30px; line-height:30px; border:1px solid #eee; text-align:center;}
.proinfobar .return{width:50px; height:150px; background-color:#fff; overflow:hidden; border-radius:5px; position:absolute; right:-5%; top:0;}
.proinfobar .return li a{display:block; width:100%; height:50px; line-height:50px; font-size:14px; color:#727272; text-align:center;}
.proinfobar .return li:hover a{background-color:#f6f6f6; color:#c0a062;}
.proinfobar .return li a.prev,.proinfobar .return li a.next{font-family:Simsun; font-weight:bold; font-size:0; background-position:center center; background-repeat:no-repeat;}
.proinfobar .return li a.prev{background-image:url(../images/nwprev.png);}
.proinfobar .return li a.next{background-image:url(../images/nwnext.png);}
.prodetails{margin-top:35px; background-color:#fff;}
.prodetab ul li{/*width:33.333%;*/ width:100%; float:left; border-bottom:1px solid #e9e9e9;}
.prodetab ul li a{font-size:18px; color:#666; background-color:#fbfbfb; border-left:3px solid #fff; height:57px; line-height:57px; padding:0px 40px; display:block;}
.prodetab ul li.on a{background-color:#fff; color:#c0a062; border-left:3px solid #c0a062;}
.procont{padding:60px 40px; font-size:14px; color:#999; min-height:200px; word-break:break-all; word-wrap:break-word;}

/*product*/
.prolist ul li{width:30.5%; float:left; margin-right:4.2%; margin-top:40px; background-color:#fff; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
.prolist ul li:nth-child(3n),.innwlist ul li.mr0{margin-right:0;}
.prolist ul li:hover{box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-6px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.prolist ul li .pic{padding-top:51.6%; overflow:hidden; position:relative;}
.prolist ul li .pic img{width:100%; display:block; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
/*.prolist ul li:hover .pic img{-webkit-transform:scale(1.03); -ms-transform:scale(1.03); transform:scale(1.03);}*/
.prolist ul li .tmain{padding:30px; background-color:#fff;}
.prolist ul li .time{display:block; font-size:14px; color:#999;}
.prolist ul li h2{font-size:18px; color:#333; margin-top:5px;}
.prolist ul li:hover h2{color:#c0a062;}
.prolist ul li .pcont{font-size:14px; color:#999; height:42px; overflow:hidden; margin-top:10px; word-wrap:break-word;}
.prolist ul li .icon{display:block; width:25px; height:12px; margin-top:25px; font-size:0; background:url(../images/mouse_btnh.png) no-repeat;}
.prolist ul li:hover .icon{background:url(../images/mouse_btnhs.png) no-repeat;}
.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-position:center center;}
.newsdetail .newsinfo .bdsharebuttonbox a.bds_weixin{background-image:url(../images/nwwx.png);}
.newsdetail .newsinfo .bdsharebuttonbox a.bds_sqq{background-image:url(../images/nwqq.png);}
.newsdetail .newsinfo .bdsharebuttonbox a.bds_tsina{background-image:url(../images/nwwb.png);}
.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 .return{width:50px; height:150px; background-color:#fff; overflow:hidden; border-radius:5px; position:absolute; right:-7%; top:0;}
.newsdetail .return li a{display:block; width:100%; height:50px; line-height:50px; font-size:14px; color:#727272; text-align:center;}
.newsdetail .return li:hover a{background-color:#f6f6f6; color:#c0a062;}
.newsdetail .return li a.prev,.newsdetail .return li a.next{font-family:Simsun; font-weight:bold; font-size:0; background-position:center center; background-repeat:no-repeat;}
.newsdetail .return li a.prev{background-image:url(../images/nwprev.png);}
.newsdetail .return li a.next{background-image:url(../images/nwnext.png);}
.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:#c0a062;}
.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;}
.loadbtn{text-align:center; position:relative; z-index:10; padding-top:40px;}
.loadbtn a{display:block; width:150px; height:43px; line-height:43px;border-radius:10px;background:#2e2e2e;color:#fff; font-size:18px; margin:0 auto; transition: all 0.3s ease 0s;}
.loadbtn a i{background:url(../images/loadmore.png) right center no-repeat; padding-right:30px; line-height:22px; display:inline-block;}
.loadbtn a:hover{background-color:#c0a062;}

/*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:#c0a062; filter:alpha(opacity=80);background-color:rgba(192, 160, 98, 0.8);}
.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:#c0a062;}
.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%; 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;}
.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:#c0a062;}
.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;}

/*footer*/
.footer{width:100%; background-color:#393631; border-top:4px solid #c0a062;}
.footer .footertou{padding:50px 0px; overflow:hidden;}
.footer .footlink{width:12.5%; float:left; word-wrap:break-word;}
.footer .footlink dt{font-size:16px; color:#fff; padding-bottom:5px; padding-right:10px;}
.footer .footlink dd{margin:5px 0px; padding-right:10px;}
.footer .footlink dd a{font-size:14px; color:#717171;}
.footer .footlink dd a:hover{color:#c0a062;}
.footer .footinfo{width:25%; float:left; padding-left:4.8%; border-left:1px solid #4e4b46; word-wrap:break-word;}
.footer .footinfo dt{font-size:16px; color:#fff; padding-bottom:5px; padding-right:10px;}
.footer .footinfo dd{margin-bottom:10px;}
.footer .footinfo dd h2{font-size:36px; font-weight:bold; color:#c0a062; line-height:1; margin-top:20px; margin-bottom:10px;}
.footer .footinfo dd p{font-size:14px; color:#8d8d8d; margin-top:5px;}
.footer .footewm{width:8.1%; float:left; text-align:center;}
.footer .footewm dd{margin-bottom:5px; font-size:12px;}
.footer .footewm img{width:100%; display:block;}
.footer .footbtns{width:8.7%; float:right;}
.footer .footbtns dd{margin-top:10px;}
.footer .footbtns dd a{display:block; border:1px solid #4a4a4a; font-size:12px; color:#fff; height:35px; line-height:35px; text-align:center;}
.footer .footbtns dd a i{display:inline-block; padding-left:20px;}
.footer .footbtns dd a.zx{background-color:#c0a062; border-color:#c0a062;}
.footer .footbtns dd a.qq i{background:url(../images/call01.png) left center no-repeat;}
.footer .footbtns dd a.zx i{background:url(../images/call02.png) left center no-repeat;}
.footer .footerbom{padding:17px 0px; border-top:1px solid #433b3a; overflow:hidden;}
.footer .footnav{float:left; max-width:45%;}
.footer .footnav a{position:relative; font-size:14px; color:#717171; padding-right:10px; margin-right:10px;}
.footer .footnav a:after{content:""; display:block; width:1px; height:9px; background-color:#463d3c; position:absolute; right:0px; top:5px;}
.footer .footnav a:hover{color:#c0a062;}
.footer .footcopy{float:right; font-size:12px; color:#525252; line-height:16px;}
.footer .footcopy a{color:#525252;}
.footer .footcopy a:hover{color:#c0a062;}


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

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

/*中等屏幕pc*/
@media screen and (min-width:1200px) and (max-width:1519px){
	.layout{ width: 1180px; }
	
	#dowebok .section{height:auto !important;}
	.section01{padding-bottom:50px;}
	.indexmore{position:static; left:auto; bottom:auto; padding-top:40px;}
	.innewsbox .box{padding:0px 40px 60px 40px; height:auto;}

}
/*小屏幕pc*/
@media screen and (min-width:768px) and (max-width:1199px){
	.layout { width: 750px; }

	#dowebok .section{height:auto !important;}
	.contain{padding-top:55px;}
	.header{height:55px; background-color:#c0a062; border-bottom:1px solid #c0a062;}
	.logo{top:8px;}
	.logo a{width:92px; height:40px;}
	.nav,.hdinfobar .bdsharebuttonbox{display:none;}
	.hdinfobar{right:0;}
	.search-btn{width:55px; height:55px; margin-top:0; background-color:#666;}
	.headmobtn{display:block;}
	.section01{padding-bottom:50px;}
	.indextitle h2{font-size:40px;}
	.indextitle p{font-size:20px;}
	.indexmore{position:static; left:auto; bottom:auto; padding-top:40px;}
	.innewsbox .box{padding:60px 30px; height:auto;}
	.industryINav .slick-arrow{display:none !important;}
	.industryINav{position:relative; left:auto; bottom:auto; background-color:rgba(0,0,0,0.5);}
	.industryINav .itemC,.industryINav .ico{height:160px;}
	.enzymeleft .enzbox{width:auto; margin:0px 20px; padding-top:60px;}
	.innewsbox .box .day{margin-top:0; font-size:40px;}
	.partnerIdemo .slick-prev{left:-50px; top:30px;}
	.partnerIdemo .slick-next{left:-30px; top:30px;}
	.footer .layout{width:90%;}
	.footer .footlink{display:none;}
	.footer .footinfo{padding-left:0; border:none; width:auto; float:none;}
	.footer .footewm{width:111px; float:none; margin:30px 0px;}
	.footer .footbtns{width:230px; float:none; overflow:hidden;}
	.footer .footbtns dd{width:48%; float:left; padding-right: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;}
	
	.aboutus01 .text .h3{margin-top:10px; margin-bottom:20px;}
	.historylist .line{left:251px;}
	.historylist ul li .yer{width:200px;}
	.historylist ul li{padding-left:310px;}
	.historylist ul li .box{padding:20px 35px;}
	.culturelist ul li .box{padding:30px 20px;}
	.culturelist ul li p{min-height:120px;}
	.joinsearch ul li{width:27.8%;}
	.joinsearch ul li.btn{width:15.2%;}
	
}
/*移动端*/
@media screen and (min-width:320px) and (max-width:767px){
	.layout { width: 95%; }	
	
	#dowebok .section{height:auto !important;}
	.header{height:55px; background-color:#c0a062; border-bottom:1px solid #c0a062;}
	.logo{top:8px;}
	.logo a{width:92px; height:40px;}
	.nav,.hdinfobar .bdsharebuttonbox{display:none;}
	.hdinfobar{right:0;}
	.search-btn{width:55px; height:55px; margin-top:0; background-color:#666;}
	.headmobtn{display:block;}
	.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;}
	
	.section01{padding-bottom:50px;}
	.banner{margin-top:55px;}
	.banner .mouseIco{display:none;}
	.banner .slick-dots{width:100%; left:0; top:auto; bottom:10px; text-align:center; -webkit-transform:translateY(0%);transform: translateY(0%);}
	.banner .slick-dots li{width:5px; height:5px; background-color:#fff; border-radius:50%; margin:0px 5px; display:inline-block;}
	.banner .slick-dots li.slick-active button{width:5px; height:5px; background-color:#c0a062; border-radius:50%;}
	.section01 .indextitle{padding-top:30px;}
	.indextitle h2{font-size:40px;}
	.indextitle p{font-size:14px;}
	.section01 .inabtext .t,.section01 .inabnumber ul li .tit span,.section01 .inabnumber ul li .abnumber .anum,.innewsbox .box .tit{font-size:14px;}
	.section01 .inabtext .p{font-size:12px; line-height:20px;}
	.section01 .inabnumber{margin-top:20px;}
	.section01 .inabnumber ul li .tit,.section01 .inabnumber ul li .abnumber .atit,.industryIDemo .txt,.innewsbox .box .yer,.innewsbox .box .pcont{font-size:12px;}
	.section01 .inabnumber ul li .icondiv{width:62px; height:62px;}
	.section01 .inabnumber ul li .abnumber .anum{font-size:18px; margin-top:12px;}
	.section01 .inabnumber ul li .abnumber{right:5px; bottom:5px;}
	.section01 .inabnumber ul li .tit{margin-top:5px;}
	.btn-white-line1 svg circle{cx:30; cy:30; r:29;}
	.btn-white-line2 svg circle{cx:31; cy:31; r:29;}
	.indexmore{position:static; left:auto; bottom:auto; padding-top:40px;}
	.industryIDemo .con{width:auto; left:5%; right:5%;}
	.industryIDemo .t,.industryIDemo .by{font-size:16px;}
	.industryIDemo .txt{margin-top:10px; max-width:auto;}
	.industryIDemo .btns{display:none;}
	.industryINav .itemC,.industryINav .ico{height:100px;}
	.industryINav .slick-arrow,.partnerIdemo .slick-arrow,.footer .footnav{display:none !important;}
	.industryINav{position:relative; left:auto; bottom:auto; background-color:rgba(0,0,0,0.5);}
	.section03{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 .layout{width:90%;}
	.footer .footlink{display:none;}
	.footer .footinfo{padding-left:0; border:none; width:auto; float:none;}
	.footer .footewm{width:111px; float:none; margin:30px 0px;}
	.footer .footbtns{width:230px; float:none; overflow:hidden;}
	.footer .footbtns dd{width:48%; float:left; padding-right:2%;}
	.footer .footinfo dt,.footer .footinfo dd p{font-size:12px;}
	.footer .footcopy{width:100%; text-align:center;}
	
	.contain{padding-top:55px;}
	.navigation{display:none;}
	.brandbox01,.brandbox02,.commonwrap{padding:30px 0px 50px 0px;}
	.brandbox02{padding-top:10px;}
	.brandbox01 .h2{font-size:20px;}
	.brandbox01 .h3{font-size:18px; margin-top:10px;}
	.brandbox01 .pcont{font-size:12px; line-height:24px; margin-bottom:20px;}
	.brandlist ul li .tit{bottom:0; height:30px; line-height:30px; padding:0px 10px;}
	.brandlist ul li .tit span{font-size:12px;}
	.indexvideo{width:98%; margin:0px; left:50%; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%);}
	.proinfobar{padding:30px 10px; padding-bottom:70px;}
	.proinfobar .proimg,.proinfobar .infoarea{width:100%;}
	.proinfobar .proimg .maximg{margin-left:0;}
	.proinfobar .proimg .sallimg{position:static; left:auto; top:auto; width:100%; padding-top:20px; padding-bottom:50px;}
	.proinfobar .proimg .sallimg ul li{float:left; width:16%; margin-right:1%;}
	.prodetails .procont{padding:30px 20px;}
	.proinfobar .return{left:0; right:auto; margin-left:0px; top:auto; bottom:0px; width:100%; height:50px; border-top:1px solid #eee;}
	.proinfobar .return li{width:33.333%; float:left;}
	.prodetab ul li a{font-size:12px; height:40px; line-height:40px; padding:0px 10px;}
	.prolist ul li{width:100%; margin-top:20px; margin-right:0;}
	.newsdetail h1{font-size:20px; font-weight:bold;}
	.newsdetail .newsmore{display:block;}
	.newsdetail .return{display:none;}
	.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 .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;}
	
	.aboutus01,.aboutus02,.aboutus03,.aboutus05{padding-top:30px; padding-bottom:50px;}
	.aboutus01 .img,.aboutus01 .text,.aboutus03 .img,.aboutus03 .text{width:100%;}
	.aboutus01 .text .h2,.aboutus03 .text .h2{font-size:25px;}
	.aboutus01 .text .h3,.aboutus03 .text .h3{margin-top:0px; margin-bottom:10px; font-size:14px;}
	.aboutus01 .text p{font-size:12px; line-height:24px;}
	.historylist,.aboutus03 .abtoubox,.yearbook{margin-top:30px;}
	.historylist .line{left:5px;}
	.historylist ul li .yer{width:100%; position:static; left:auto; top:auto; text-align:center; border:none;}
	.historylist ul li{padding-left:0px;}
	.historylist ul li .box{padding:20px 10px; margin-left:30px;}
	.historylist ul li .box h2{font-size:20px;}
	.historylist ul li .box p{font-size:12px;}
	.historylist ul li .raw{left:-34px;}
	.aboutus04{padding-top:30px; height:645px;}
	.aboutus06{height:330px; background-size:auto 100%;}
	.culturelist ul li{width:100%; margin-right:0; margin-top:20px;}
	.culturelist ul li .box{padding:30px 10px;}
	.culturelist ul li h2{font-size:16px;}
	.culturelist ul li p{min-height:auto; font-size:12px;}
	.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; margin-top:10px;}
	
	.guidewarp{padding-top:150px;}
	.load-img{width:140px; height:61px; background-size:140px 61px;}
	.load-img span{background-size:140px 61px;}
	.guidewarp .tit{font-size:16px; margin-top:10px;}
	
}