* {outline:0}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul {margin:0;padding:0}
body,button,input,select,textarea {font:14px/1.8 arial,"times new roman",tahoma,"Microsoft Yahei","微软雅黑","Microsoft JhengHei","微软正黑体",sans-serif;color:#333}
h1,h2,h3,h4,h5,h6 {font-size:100%}
b,cite,code,em,i,small,th {font-style:normal}
ol,ul {list-style:none}
a {text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;cursor:pointer}
fieldset,iframe,img {border:0}
button,input,select,textarea {font-size:100%;border-radius:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;border:none;background:0 0;outline:0}
table {border-collapse:collapse;border-spacing:0}
th {text-align:inherit}
button,input[type=button],input[type=submit] {cursor:pointer}
button::-moz-focus-inner,button::-moz-focus-outer,input::-moz-focus-inner,input::-moz-focus-outer {border:0 none;padding:0;margin:0}
input[type=search] {-webkit-appearance:textfield}
input:focus::-webkit-input-placeholder {color:transparent}
input::-ms-clear {display:none}
textarea {resize:vertical;overflow-y:auto}
::-moz-selection {background:#d76c00;color:#fff;text-shadow:none}
::selection {background:#d76c00;color:#fff;text-shadow:none}
a:link,a:visited {text-decoration:none}
a:active,a:hover {text-decoration:none}
.clearfix:after,.clearfix:before {display:table;content:"";line-height:0}
.clearfix:after {clear:both}
@font-face {font-family:DINCond-Medium;src:url(../css/DINCond-Medium.eot);src:local('☺'),url(../css/DINCond-Medium.woff) format('woff'),url(../css/DINCond-Medium.ttf) format('truetype'),url(../css/DINCond-Medium.svg) format('svg');font-weight:400;font-style:normal}
.ff-1 {font-family:DINCond-Medium}
.tb {display:table;width:100%;height:100%}
.tbc {display:table-cell;vertical-align:middle}
a {color:#333}
.menuBox {position:fixed;top:0;right:0;z-index:1009;width:100%;height:100%;background:#fff;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;display:none}
.menublack {position:fixed;z-index:999;top:0;bottom:0;right:0;left:0;background:url(../images/black.png);background:rgba(0,0,0,.8);display:none}
.container {max-width: 1578px;margin:0 auto}

.txts {-moz-box-sizing:border-box;box-sizing:border-box}
.bsz {-moz-box-sizing:border-box;box-sizing:border-box}
.btn {display:inline-block;vertical-align:bottom;position:relative}
.cover {display:block;position:absolute;top:0;bottom:0;left:0;right:0;background:url(../images/black.png)}
.bg {background-size:cover;background-repeat:no-repeat;background-position:center center}
html.open {overflow:hidden}
.na {cursor:default}
.pic,.pic2,.picbox {display:block;position:relative;overflow:hidden}

.nowti {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:1.4}
.freeTx {overflow:hidden;position:relative;text-align:justify}
.freeTx img {width:100%;vertical-align:bottom;height:auto !important}
/*.freeTx table {display:inline-block;vertical-align:top;max-width:100% !important;overflow-x:auto;-webkit-overflow-scrolling:touch}
*/.tx {overflow:hidden;line-height:24px !important;text-align:justify}
.ch,.name,.ti {line-height:1.4}
.en {line-height:1}
.ttu {text-transform:uppercase}
.fwb {font-weight:700}
.rel {position:relative}
.l {float:left}
.r {float:right}
.tac {text-align:center}
.fsi {font-style:italic}
.brs {border-radius:100%}
.aw,.ico {display:inline-block;vertical-align:bottom;background-repeat:no-repeat;background-position:center top}
.line {display:inline-block;vertical-align:bottom}
.fixbg {background-repeat:no-repeat;background-size:cover;background-position:center center;background-attachment:fixed}
.fixbg > img {display:block;width:100%;opacity:0;visibility:hidden}

.fl {float:left;z-index:9;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.fr{float:right}
.fl-b,.fl-t {width:0;height:2px}
.fl-l,.fl-r {height:0;width:2px}
.fl-t {top:0;left:0}
.fl-r {top:0;right:0}
.fl-b {right:0;bottom:0}
.fl-l {left:0;bottom:0}

.menu-handler:after{content: 'MENU';float:right;color:#222;position: relative;top:16px;right:0;font-size:18px;transition:.4s}
.menubox .active:after{color:#fff}
.menu-handler {position:fixed;z-index:1012;left: 6%;top:7%;width:125px;height:60px;overflow:hidden;cursor:pointer;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;display:none}
.menu-handler .burger {display:block;position:absolute;top:13px;left:50%;margin-left:-16px;width:32px;height:2px;background:#000;-webkit-transition:.8s;-moz-transition:.8s;transition:.8s}
#itop .menubox .menu-handler  .burger-2 {top:25px;width:26px;}
.menu-handler .burger-3 {top:37px}
.menu-handler.active .burger-1 {top:28px;-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg)}
.menu-handler.active .burger-2 {opacity:0;visibility:hidden;left:-100%}
.menu-handler.active .burger-3 {top:28px;-webkit-transform:rotate(-225deg);-moz-transform:rotate(-225deg);-ms-transform:rotate(-225deg);transform:rotate(-225deg)}
.menuBtn {position:absolute;top:0;left:0;width:60px;height:60px;display:none}
.menuBtn .mb {position:relative;height:100%;-webkit-transition:-webkit-transform .4s cubic-bezier(.4,.01,.165,.99);transition:-webkit-transform .4s cubic-bezier(.4,.01,.165,.99);-moz-transition:transform .4s cubic-bezier(.4,.01,.165,.99),-moz-transform .4s cubic-bezier(.4,.01,.165,.99);transition:transform .4s cubic-bezier(.4,.01,.165,.99);transition:transform .4s cubic-bezier(.4,.01,.165,.99),-webkit-transform .4s cubic-bezier(.4,.01,.165,.99),-moz-transform .4s cubic-bezier(.4,.01,.165,.99);transition:transform .4s cubic-bezier(.4,.01,.165,.99),-webkit-transform .4s cubic-bezier(.4,.01,.165,.99)}
.menuBtn .ml {display:block;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-transition:-webkit-transform .25s cubic-bezier(.4,.01,.165,.99);transition:-webkit-transform .25s cubic-bezier(.4,.01,.165,.99);-moz-transition:transform .25s cubic-bezier(.4,.01,.165,.99),-moz-transform .25s cubic-bezier(.4,.01,.165,.99);transition:transform .25s cubic-bezier(.4,.01,.165,.99);transition:transform .25s cubic-bezier(.4,.01,.165,.99),-webkit-transform .25s cubic-bezier(.4,.01,.165,.99),-moz-transform .25s cubic-bezier(.4,.01,.165,.99);transition:transform .25s cubic-bezier(.4,.01,.165,.99),-webkit-transform .25s cubic-bezier(.4,.01,.165,.99)}
.menuBtn .ml:before {content:"";position:absolute;top:29px;left:50%;margin-left:-9px;width:18px;height:2px;background:#fff}
.menuBtn .ml-1:before {-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px);-webkit-transition:-webkit-transform .2s .2s;transition:-webkit-transform .2s .2s;-moz-transition:transform .2s .2s,-moz-transform .2s .2s;transition:transform .2s .2s;transition:transform .2s .2s,-webkit-transform .2s .2s,-moz-transform .2s .2s;transition:transform .2s .2s,-webkit-transform .2s .2s}
.menuBtn .ml-2:before {-webkit-transform:translateY(3px);-moz-transform:translateY(3px);-ms-transform:translateY(3px);transform:translateY(3px);-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;-moz-transition:transform .2s,-moz-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s,-moz-transform .2s;transition:transform .2s,-webkit-transform .2s}
.menuBtn.active .mb {-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.menuBtn.active .ml {-webkit-transition:-webkit-transform .25s .2s cubic-bezier(.4,.01,.165,.99);transition:-webkit-transform .25s .2s cubic-bezier(.4,.01,.165,.99);-moz-transition:transform .25s .2s cubic-bezier(.4,.01,.165,.99),-moz-transform .25s .2s cubic-bezier(.4,.01,.165,.99);transition:transform .25s .2s cubic-bezier(.4,.01,.165,.99);transition:transform .25s .2s cubic-bezier(.4,.01,.165,.99),-webkit-transform .25s .2s cubic-bezier(.4,.01,.165,.99),-moz-transform .25s .2s cubic-bezier(.4,.01,.165,.99);transition:transform .25s .2s cubic-bezier(.4,.01,.165,.99),-webkit-transform .25s .2s cubic-bezier(.4,.01,.165,.99)}
.menuBtn.active .ml-1 {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.menuBtn.active .ml-2 {-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.menuBtn.active .ml:before {-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.slick-slider {position:relative;display:block;-moz-box-sizing:border-box;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:0}
.slick-list.dragging {cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track {-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track {position:relative;top:0;left:0;display:block}
.slick-track:after,.slick-track:before {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}
.slick-dots {position:absolute;z-index:100;left:0;right:0;bottom:8%;text-align:center;letter-spacing:-6px}
.slick-dots li {letter-spacing:0;width:10px;height:10px;border-radius:100%;margin:0 6px;display:inline-block;vertical-align:middle;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;cursor:pointer}
.slick-dots li a {display:block;width:100%;height:100%}
.cg-w .item.slick-current {z-index:3 !important}
.cg-w .item.prevSlick {z-index:4 !important}
.cg-w .item {opacity:1 !important;z-index:2 !important}
.cg-w .item.prevSlick .pic2 {-moz-animation:increaseHeight 1.5s forwards;animation:increaseHeight 1.5s forwards;-webkit-animation:increaseHeight 1.5s forwards}
.cg-s .slick-current .pic2 img {-webkit-animation:scaleUpDown 5s forwards cubic-bezier(.25,.46,.45,.94);-moz-animation:scaleUpDown 5s forwards cubic-bezier(.25,.46,.45,.94);animation:scaleUpDown 5s forwards cubic-bezier(.25,.46,.45,.94)}


.zoomIn {-webkit-animation-name:zoomIn;-moz-animation-name:zoomIn;animation-name:zoomIn}
.animated {-webkit-animation-duration:.8s;-moz-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}
.logobox {position:fixed;z-index:1010;top:0;left:0;right:33.33%;height:64px;background:grey; color: #fff;}
.logobox .logo {margin:0 15px 0 55px;overflow:hidden; float: left;}

.logobox .tii{ float: left; margin-right: 18px; font-size: 18px; font-weight: bold; }
.logobox .clearfix{ padding-top: 15px; line-height: 34px; }
.logobox a{ color: #fff;font-size:17px;float:left }

.navbox {position:fixed;z-index:1010;bottom:0;right:10.333%;width:25%;color:#fff;line-height:24px;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s;background: #527A34;opacity: 0;}
.navbox a {color:#fff;width:calc(100%/3);text-align: center;float:left;font-size:16px;text-align: center;}
.navbox a:hover{text-decoration: underline;}
.navbox .pa {padding-left:50px;height:24px;overflow:hidden;padding:20px 0;}

.navbox .nav {-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}
.navbox .nav a {float:left}
.navbox .nav a{margin-left:40px}
.navbox .nav a:hover {opacity:.7}
.menubox {position:fixed;z-index:1012;top:0;right:0;width:10.33%;height:64px;background:#000;line-height:24px;color:#fff;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}

.menubox .menu-handler {display:block;position:relative;z-index:auto}
.menubox .menu-handler .burger {background:#fff;width:36px;left:20px;margin:0}
.menubox.show {height:100%;background:#527A34}


.menubox.show .nav {opacity:1;visibility:visible}
.menubox.show .nav li {-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1;visibility:visible}
.menubox.show .nav li a{font-size:16px;color:#fff;}
.menubox.show .share {opacity:1;visibility:visible}
.menubox .nav {padding:36px 30px;position:relative;opacity:0;visibility:hidden;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s;top:5%}
.menubox .nav li {height:24px;overflow:hidden;-webkit-transform:translateX(20%);-moz-transform:translateX(20%);-ms-transform:translateX(20%);transform:translateX(20%);opacity:0;visibility:hidden;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}
.menubox .nav li {margin:24px 0}
.menubox .nav li a{font-size:16px;color:#333;float:left}
.menubox .nav li:after{ background: url(../images/nav-on.png) no-repeat center right -20px;width:21px;height:16px;float:left;content: '';padding-top:8px;margin-left:10px;transition: all .3s;}
.menubox .nav li:hover:after,.menubox .nav li.on:after{ background: url(../images/nav-on.png) no-repeat center right 0px;}
.menubox .nav li:hover a{color:#568439}
.menubox .nav li.on a{color:#568439}
.show .nav li.on a{color:#fff}

.ia-more:hover .line {width:65px}
.online-service {position:fixed;z-index:1020;right:30px;bottom:45px;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s;}
.online-service .osc {display:block;position:relative;width:80px;color:#fff;}
.online-service .osc .pic {border-radius:100%;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;border:4px solid #eee;}
.online-service .osc .pic img{width: 100%;display: block;height: 100%;}
.online-service .osc .num {position:absolute;top:0;right:0;border-radius:100%;width:20px;height:20px;background-color:#E20010;text-align:center;line-height:20px}
.online-service.hide {right:-60px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}
.online-service .osc:hover .pic {border-color:#527A34}
.ctabox {position:fixed;z-index:1010;bottom:0;left:0;right:33.33%;height:64px;line-height:24px;color:#fff;opacity:0;visibility:hidden;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}
.ctabox a {color:#fff}
.ctabox .pa {padding:20px 55px;font-size:18px;position:relative;-webkit-transform:translateX(20%);-moz-transform:translateX(20%);-ms-transform:translateX(20%);transform:translateX(20%);opacity:0;visibility:hidden;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}
.ctabox .pa img{vertical-align: middle;margin:0 10px;float: left;}
.ctabox .pa span:nth-child(1){font-size:17px;float:left}
.ctabox .pa span:nth-child(2){font-size:18px;font-weight: bold;float: left;}

.ctabox:before {content:"";position:absolute;top:0;left:0;width:0;height:100%;background:rgba(0,0,0,.6);-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}
.row-controls {position:fixed;top:50%;margin-top:-65px;right:35px;z-index:599;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}
.row-controls li {border:1px solid #ddd;box-sizing: border-box;border-radius:100%;width:10px;height:10px;background:#fff;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.row-controls li + li {margin-top:14px}
.row-controls:after {content:"";position:absolute;top:0;left:0;border-radius:100%;width:10px;height:10px;background:#527A34;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.row-controls.rc1:after {top:0}
.row-controls.rc2:after {top:24px}
.row-controls.rc3:after {top:48px}
.row-controls.rc4:after {top:72px}
.row-controls.rc5:after {top:96px}
.row-controls.rc6:after {top:120px}


#itop .online-service {bottom:135px}
#itop .logobox {background:0 0}

#itop .navbox .nav {margin-top:-24px}
#itop .menubox {top:auto;bottom:0;height:100%;background-color:transparent}
#itop .menubox:before {content:"";position:absolute;top:0;bottom:0;background:#fff;width:100%;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}
#itop .menubox .menu-handler .burger {background:#000}
#itop .menubox .share {background-position:-76px -54px;bottom:135px;opacity:1;visibility:visible}
#itop .menubox .nav {opacity:1;visibility:visible}
#itop .menubox .nav li {opacity:1;visibility:visible;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none}
#itop .menubox .nav p {margin-top:0}
#itop .menubox .nav p a {color:#000}
#itop .menubox.show:before {background:#527A34}
#itop .menubox.show .menu-handler .burger {background:#fff}
#itop .menubox.show .share {background-position:-48px -28px}
#itop .menubox.show .nav p {margin-top:-24px}
#itop.act .online-service {bottom:89px}
#itop.act .ctabox {opacity:1;visibility:visible}
#itop.act .ctabox:before {width:100%}
#itop.act .ctabox .pa {-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1;visibility:visible;overflow: hidden;}
#itop.act .navbox {padding:20px 0}
#itop.act .navbox {bottom:0;right:10.33%;opacity: 1;}

#itop.act .navbox .nav {margin-top:0}
#itop.act .menubox {background:url(../images/black.png);background:rgba(0,0,0,.3);height:64px}
#itop.act .menubox .menu-handler .burger {background:#fff}
#itop.act .menubox .menu-handler:after{color:#fff}
#itop.act .menubox:before {opacity:0;visibility:hidden;bottom:64px}
#itop.act .menubox .share {opacity:0;visibility:hidden;background-position:-48px -28px;bottom:89px}
#itop.act .menubox .nav {opacity:0;visibility:hidden}
#itop.act .menubox .nav li {-webkit-transform:translateX(20%);-moz-transform:translateX(20%);-ms-transform:translateX(20%);transform:translateX(20%);opacity:0;visibility:hidden}
#itop.act .menubox .nav p {margin-top:-24px}
#itop.act .menubox.show {height:100%;background-color:transparent}
#itop.act .menubox.show:before {opacity:1;visibility:visible;background:#527A34}
#itop.act .menubox.show .nav {opacity:1;visibility:visible}
#itop.act .menubox.show .nav li {opacity:1;visibility:visible;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none}
#itop.act .menubox.show .share {opacity:1;visibility:visible}
#itop.act .fixctas .wx {opacity:1;visibility:visible;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;-webkit-transition-delay:1s;-moz-transition-delay:1s;transition-delay:1s}
#itop.act .fixctas .slogan {opacity:1;visibility:visible;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;-webkit-transition-delay:.8s;-moz-transition-delay:.8s;transition-delay:.8s}
#itop.lat .ctabox,#itop.lat .menubox,#itop.lat .navbox {bottom:-64px}
#itop.lat .row-controls {opacity:0;visibility:hidden}
#itop.lat .online-service {right:-100px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
#itop .menubox .nav p a:hover {color:#527A34}
.banner .pic2 {position:absolute;top:0;left:0}
.banner .pic2 > img {position:absolute;width:110%;top:-5%;left:-5%}
.banner .txts {position:absolute;bottom:0%;left:0;right:0;color:#fff;width: 100%; background: rgba(0,0,0,0.3);padding:50px 0}
.banner .txts a {color:#fff}
.banner .txts .b span,.banner .txts .b b{display: block;font-weight:normal}
.banner .txts .b span{font-size:22px;line-height:24px;}
.banner .txts .b b{font-size:48px;line-height:48px;margin-top:15px}
.banner .txts .b {margin-left:7%;-webkit-transform:translateX(10%);-moz-transform:translateX(10%);-ms-transform:translateX(10%);transform:translateX(10%);opacity:0;visibility:hidden}

.banner .txts-a{float:right;width:225px;height:60px;line-height:60px;text-align: center;border:1px solid #fff;font-size:16px;color:#fff;position: absolute;right:20%;top:35%}
.banner .txts-a:hover{ background: #527A34;border-color:#527A34}
.banner .curr .pic2 > img {-webkit-animation:imgMove 6s linear;-moz-animation:imgMove 6s linear;animation:imgMove 6s linear}
.banner .curr .txts .b {opacity:1;visibility:visible;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;-webkit-transition:1s .2s;-moz-transition:1s .2s;transition:1s .2s}
.banner .slick-dots {bottom:0;right:33.33%;padding:0 55px;background:url(../images/black.png);background:rgba(0,0,0,.4);line-height:24px;text-align:left;color:#fff}
.banner .slick-dots a {color:#fff}
.banner .slick-dots li {display: none !important;position:relative;vertical-align:bottom;width:28px;height:auto;padding:43px 0;margin:0 20px 0 0;border-radius:0;text-align:center;font-size:16px;font-weight:700}
.banner .slick-dots li:before {content:"";position:absolute;left:0;top:0;width:100%;height:6px;background:#527A34;-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:0;visibility:hidden;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.banner .slick-dots li:not(.slick-active):hover a {color:#527A34}
.banner .slick-dots li.slick-active:before {-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1;visibility:visible}

/*banner左右动画*/
@-webkit-keyframes imgMove {0% {left:-10%}
100% {left:-5%}
}
@-moz-keyframes imgMove {0% {left:-10%}
100% {left:-5%}
}
@keyframes imgMove {0% {left:-10%}
100% {left:-5%}
}/*banner左右动画*/


.row{overflow: hidden;}

/*产品*/
.c{overflow: hidden;}
.pro{position: relative;top:14%}
.pro-top{margin-top:60px}
.pro-top ul{overflow:hidden;width:80%;float:left}
.pro-top ul li{float:left;}
.pro-top ul li a{font-size:17px;color:#333333;margin-right:30px;padding-left: 30px;}
.pro-top ul li a:hover,.pro-top ul li.on a{ background: url(../images/nav-on.png) no-repeat center left;padding-left:30px;color:#527A34}
.pro-top .fr{z-index:8;position:relative;overflow: hidden;width:170px;height:50px;line-height: 50px;text-align: center;float:right;color:#343434;font-size: 17px;border:1px solid #29120C}
.pro-top .fr:after{content: '';float:left;width:0;height:50px; background: #527A34;position: absolute;left: 0;top:0;transition: all .5s;}
.pro-top .fr em{position: relative;z-index: 9;transition: all .5s;}
.pro-top .fr:hover:after{width:170px;}
.pro-top .fr:hover em{color:#fff;}
.pro-top .fr:hover{border-color:#527A34}

#pro-jt{display: none;}
.pro-list{overflow: hidden;position: relative;padding-bottom:40px}
.pro-list ul li{float:left;width:24%;background: #EFEEF3;padding:20px 0;transition: all .5s;margin-top:40px;}
.pro-list ul li .name{margin:20px 0 20px 20px}
.pro-list ul li .name span,.pro-list ul li .name em{display: block;}
.pro-list ul li .name span{font-size:18px;color:#333333;line-height: 18px;margin-bottom:6px;}
.pro-list ul li .name em{font-size:14px;color:#878785}
.pro-list ul li .pic{width:84%;margin:20px auto}
.pro-list ul li .pic img{width: 100%;}
.pro-list ul li .info{margin:20px 0 20px 20px}
.pro-list ul li .info em{float:left;font-size:14px;color:#666668}
.pro-list ul li .info span{float:right;margin-right:20px;transition: all .3s;}
.pro-list ul li:hover .name span{color:#527A34}
.pro-list ul li:hover .info span{margin-right:30px}
.pro-list ul li:hover{margin-top:30px;box-shadow:1px 1px 10px rgba(0,0,0,0.2);border-radius:5px}
/*产品*/


/*关于我们*/
.about-left{width:50%;float:left}
.about-left img{width: 100%;}
.about-right{width:50%;float:left}
.about-right em{font-size:20px;font-family: arial; background: #BBA45E;color:#fff;padding:10px }
.about-right h2{font-size:36px;font-weight: bold;color:#333333;line-height: 36px;margin-top:20px;}
.about-right p{font-size:15px;color:#777777;line-height: 31px;color:#666;margin-top:51px}
.about-right-con{width:70%;margin:19% auto}
.about-right-con ul{margin-top:15%;overflow: hidden;}
.about-right-con ul li{float:left;width:20%;height:100px;border:1px solid #BBA45D;text-align: center;transition: all .4s;margin-right:5%}
.about-right-con ul li .pic{width:40px;height:40px;margin:13px auto 10px auto;transition: all .4s;}
.about-right-con ul li:nth-child(1) .pic{ background: url(../images/about-icon1.png) no-repeat center left;}
.about-right-con ul li:nth-child(2) .pic{ background: url(../images/about-icon2.png) no-repeat center left;}
.about-right-con ul li:nth-child(3) .pic{ background: url(../images/about-icon3.png) no-repeat center left;}
.about-right-con ul li:nth-child(4) .pic{ background: url(../images/about-icon4.png) no-repeat center left;}
.about-right-con ul li:nth-child(4){margin-right:0}
.about-right-con ul li .info{font-size:15px;}

.about-right-con ul li:hover:nth-child(1) .pic{ background: url(../images/about-icon1.png) no-repeat center right;}
.about-right-con ul li:hover:nth-child(2) .pic{ background: url(../images/about-icon2.png) no-repeat center right;}
.about-right-con ul li:hover:nth-child(3) .pic{ background: url(../images/about-icon3.png) no-repeat center right;}
.about-right-con ul li:hover:nth-child(4) .pic{ background: url(../images/about-icon4.png) no-repeat center right;}
.about-right-con ul li:hover{ background:#BBA45D;color:#fff}
.about-right-con ul li:hover .info{color:#fff}
/*关于我们*/

/*定制服务*/
.service{position: relative;top:10%}
.service h2 span,.service h2 em{display: block;text-align: center;font-weight: normal;}
.service h2 span{font-size:32px;line-height: 32px;color:#333333;margin-bottom:10px}
.service h2 em{color:#777777;font-size:16px;line-height: 16px;}
.service h2 p{color:#888888;font-size:15px;margin-top:25px;font-weight: normal;text-align: center;}
.service-con{overflow: hidden;}
.service-list{margin:2% auto}
.service-list dl{width:24%;position: relative;float:left;overflow: hidden;}
.service-list dl dt{width: 100%;overflow: hidden;height: 500px;}
.service-list dl dt img{widows: 100%;transition: all .5s;}
.service-list dl dd{position: absolute;left:0;width:100%;top:30%;}
.service-list dl .service-info b,.service-list dl .service-info span{display: block;text-align: center;}
.service-list dl .service-info b{font-size:26px;color:#fff;font-weight: bold;margin:10px 0;line-height: 34px;;}
.service-list dl .service-info span{font-size:14px;color:#fff;opacity: 0.4;line-height: 14px;;}
.service-list .service-more{width: 180px;margin:70px auto}
.service-list .service-more em{width: 100%;height: 50px;line-height: 50px;text-align: center;border:1px solid #fff;border-radius:50px;display: block;font-size:16px;color:#fff}
.service-list dl:hover dt img{transform: scale(1.1);}
.service-list dl:hover .service-more  em{ background: #527A34;border-color:#527A34}
/*定制服务*/


/*最新消息*/
.news{ position: relative;top:11%}
.news-top h2{font-size:30px;font-weight:bold;color:#fff; background: url(../images/news-title.png) no-repeat bottom center;padding-bottom:10px;width:126px}
.news-top .fl{float:left}
.news-top .fr{float:right}
.news-top .fr li{float:left;width:140px;height:50px;line-height: 50px;text-align: center;border:1px solid #E4DBBE;margin-left:10px;}
.news-top .fr li a{float:left;width:140px;height:50px;line-height: 50px;font-size:16px;color:#fff}
.news-top .fr li:hover a,.news-top .fr li.on a{ background: #fff;color:#333}
.news-list{margin:30px auto;overflow: hidden; position: relative;}
.news-list .slideBox{width:1380px;margin:0 auto}
.news-list ul{overflow: hidden;}
.news-list ul li{float:left;width: 400px; background: #fff;transition: all .4s;margin:20px 30px}
.news-list ul li:hover{ background: #fafafa;margin-top:0px}
.news-list ul li .pic{width: 100%;overflow: hidden;}
.news-list ul li .pic img{width: 100%;}
.news .sPrev {position: absolute;left:0;top:30%}
.news .sNext {position: absolute;right:0;top:30%}
.news-list ul li .info{width:90%;margin: 0 auto;}
.news-list ul li .info h2{font-size:18px;font-weight:bold;color:#333;line-height: 26px;margin-top:30px;transition: all .4s;}
.news-list ul li .info p{color:#666;font-size:14px;line-height: 26px;margin:20px 0;}
.news-list ul li .info .news-more{overflow: hidden;padding:20px 0}
.news-list ul li .info .news-more em{float:left}
.news-list ul li .info .news-more span{float:right}

.news-list ul li:hover .info h2{color:#527A34}
.news-list ul li:hover .info .news-more em{color:#527A34}

.more{width:240px;margin:30px auto}
.more a{display: block;width:240px;height:60px;border-radius:60px;border:1px solid #28120B;border-radius:60px;color:#333;font-size:16px;line-height:60px;text-align: center;transition: all .4s;}
.more a:hover{ background: #527A34;color:#fff;border-color:#527A34}

/*底部*/
.footer{ background: #fff;}
.footer .container{padding:20px 0 0 0}
.footer .footer-top{padding-top:50px;background: url(../images/footer-bg.jpg) no-repeat center;height:450px}
.footer .footer-top h2,.footer .footer-top p,.footer .footer-top a{text-align: center;color:#fff}
.footer .footer-top h2{font-size:40px;line-height: 40px;margin:7% 0 10px 0}
.footer .footer-top p{color:#ffffff;opacity: 0.5;font-size:13px;}
.footer .footer-top a{display: block;width:190px;height:50px;line-height: 50px;text-align: center;border:1px solid rgba(255,255,255,0.7);margin:40px auto;font-size:16px;}
.footer .footer-top a:hover{ background: #527A34;border-color:#527A34}

.foot-nav{width: 250px;margin-top:3px}
.foot-nav li{float:left;width: 50%;}
.foot-nav li a{color:#666666;font-size:15px;display: block;line-height:34px}
.foot-nav li a:hover{color:#60943C}

.foot-right{float:right}
.foot-right dl dd,.foot-right dl dt{float:left}
.foot-right dl dd{margin-right:50px;}
.footer-bottom .contact{margin-left:20%}
.foot-right dl dd b,.footer-bottom .contact h2{font-size:16px;color:#333;line-height: 16px;margin:14px 0;    display: block;}
.foot-right dl dd p{font-size:14px;color:#666;line-height:30px}
.footer-bottom1{margin:20px 0}
.footer-bottom1 span{font-size:15px;color:#777777}
.footer-bottom1 span a{color:#777777;}
.footer-bottom1 span a:hover{color:#60943C}


/*首页动画效果*/
.pro-top{position: relative;opacity: 0; transform: translateY(-65px); -webkit-transform: translateY(-65px); -moz-transform: translateY(-65px); }
.row-animation .pro-top { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); transition: 0.5s 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: 0.5s 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); }

.pro-list{position: relative;opacity: 0; transform: translateY(65px); -webkit-transform: translateY(65px); -moz-transform: translateY(65px); }
.row-animation .pro-list { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); transition: 0.5s 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: 0.5s 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); }

.about-left{opacity: 0; position: relative;left:-100px}
.row-animation .about-left { opacity: 1; left:0;transition: 0.5s 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: 0.5s 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); }

.about-right{opacity: 0; position: relative;right:-100px}
.row-animation .about-right { opacity: 1; right:0;transition: 0.5s 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: 0.5s 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); }

.service-list dl:nth-child(1){opacity: 0; position: relative;top:50px}
.row-animation .service-list dl:nth-child(1){opacity: 1;top:0px;transition: 0.5s 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); }

.service-list dl:nth-child(2){opacity: 0; position: relative;top:60px}
.row-animation .service-list dl:nth-child(2){opacity: 1;top:0px;transition: 0.6s 0.6s cubic-bezier(0.445, 0.145, 0.355, 1); }

.service-list dl:nth-child(3){opacity: 0; position: relative;top:70px}
.row-animation .service-list dl:nth-child(3){opacity: 1;top:0px;transition: 0.7s 0.7s cubic-bezier(0.445, 0.145, 0.355, 1); }

.service-list dl:nth-child(4){opacity: 0; position: relative;top:80px}
.row-animation .service-list dl:nth-child(4){opacity: 1;top:0px;transition: 0.8s 0.8s cubic-bezier(0.445, 0.145, 0.355, 1); }

.service-list dl:nth-child(5){opacity: 0; position: relative;top:90px}
.row-animation .service-list dl:nth-child(5){opacity: 1;top:0px;transition: 0.9s 0.9s cubic-bezier(0.445, 0.145, 0.355, 1); }

.news-top .fl{opacity: 0; position: relative;left:-180px}
.row-animation .news-top .fl{opacity: 1;left:0;transition: 0.8s 0.8s cubic-bezier(0.445, 0.145, 0.355, 1);}

.footer-top h2{opacity: 0; position: relative;top:20px}
.footer .footer-top p{opacity: 0; position: relative;top:30px}
.footer-top a{opacity: 0; position: relative;top:40px}

.row-active .footer-top h2{opacity: 1;top:0;transition: 0.8s 0.8s cubic-bezier(0.445, 0.145, 0.355, 1);}
.row-active .footer-top p{opacity: 1;top:0;transition: 0.8s 0.8s cubic-bezier(0.445, 0.145, 0.355, 1);}
.row-active .footer-top a{opacity: 1;top:0;transition: 0.8s 0.8s cubic-bezier(0.445, 0.145, 0.355, 1);}


@media screen and (min-width:200px)  and  (max-width:1200px)  {
	.pro-top { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); transition: 0.5s 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: 0.5s 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); }
	.pro-list { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); transition: 0.5s 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: 0.5s 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); }

	.about-left { opacity: 1; left:0;transition: 0.5s 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: 0.5s 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); }
	.about-right { opacity: 1; right:0;transition: 0.5s 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: 0.5s 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); }
	.service-list dl:nth-child(1){opacity: 1;top:0px;transition: 0.5s 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); }
	.service-list dl:nth-child(2){opacity: 1;top:0px;transition: 0.6s 0.6s cubic-bezier(0.445, 0.145, 0.355, 1); }
	.service-list dl:nth-child(3){opacity: 1;top:0px;transition: 0.7s 0.7s cubic-bezier(0.445, 0.145, 0.355, 1); }
	.service-list dl:nth-child(4){opacity: 1;top:0px;transition: 0.8s 0.8s cubic-bezier(0.445, 0.145, 0.355, 1); }
	.service-list dl:nth-child(5){opacity: 1;top:0px;transition: 0.9s 0.9s cubic-bezier(0.445, 0.145, 0.355, 1); }
	.news-top .fl{opacity: 1;left:0;transition: 0.8s 0.8s cubic-bezier(0.445, 0.145, 0.355, 1);}
	.footer-top h2{opacity: 1;top:0;transition: 0.8s 0.8s cubic-bezier(0.445, 0.145, 0.355, 1);}
	.footer .footer-top p{opacity: 1;top:0;transition: 0.8s 0.8s cubic-bezier(0.445, 0.145, 0.355, 1);}
	.footer-top a{opacity: 1;top:0;transition: 0.8s 0.8s cubic-bezier(0.445, 0.145, 0.355, 1);}

	
}