* {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; font-family:"Microsoft Yahei"}
body,button,input,select,textarea {font:14px/1.8 "Microsoft Yahei","微软雅黑","Microsoft JhengHei","微软正黑体",sans-serif;color:#253836}
h1,h2,h3,h4,h5,h6 {font-size:100%}
b,cite,code,em,i,small,th {font-style:normal}
/*html{ background:#253836}
*/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:#b68f4e;color:#fff;text-shadow:none}
::selection {background:#fff;color:#333;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)}

.menu0 { float:right; margin:13px 0 0;  outline:medium;}
.menu0 a img{ height:32px;}

/*弹出菜单*/
.menu1{background-color:rgba(35, 149, 148,0.6); font-family: "微软雅黑"; z-index:}
.menu1 a{color: #fff; font-size:14px;}
.menu1 a:hover{text-decoration: underline;}
.menu-header{border-bottom:1px solid #19a8a7; padding: 18px 6px 18px 10px; text-align:center; font-size:16px;}
.menu-header-title{font-weight: 400; letter-spacing: 0.5px; margin: 0;}
.menu-section{ width:40%; position:absolute; right:0; background-color:rgba(35, 149, 148, 0.8); height:100%; }
.menu-section-title{text-transform: uppercase; color: #5a80b1; font-weight: 200; font-size: 13px; letter-spacing: 1px; padding: 0 20px; margin:0;}
.menu-section-list{padding:0; margin: 10px 0; list-style:none;}
.menu-section-list a{display: block; padding:8px 20px;}
.menu-section-list .menu_nav{ display:table; margin:0 auto; padding:0 0.6rem;}
.menu-section-list .menu_nav a{ float:left; width:50%; box-sizing:border-box; padding:0.1rem 0.2rem;}
.menu-section-list a:hover{background-color: rgba(255, 255, 255, 0.1); text-decoration: none;}
.menu1 {position: fixed; top: 0; bottom: 0; right: 0; z-index: 4000; width:100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; display: none;}
@-webkit-keyframes shake { 0%, 100% { -webkit-transform:translate3d(0, 0, 0);  transform:translate3d(0, 0, 0); }
  50% {  -webkit-transform:translate3d(-10px, 0, 0); transform:translate3d(-10px, 0, 0);  }}

@keyframes shake {
  0%, 100% {  -webkit-transform:translate3d(0, 0, 0);  transform:translate3d(0, 0, 0);  }
  50% { -webkit-transform:translate3d(-10px, 0, 0);  transform:translate3d(-10px, 0, 0);  }}

.shake { -webkit-animation-name:shake; animation-name:shake; -webkit-animation-duration:0.5s; animation-duration:0.5s;
 -webkit-animation-iteration-count: 1; animation-iteration-count: 1;  display:block;}



.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: absolute;z-index:1010;top:0;left:6%;/*right:33.33%;height:64px; */color: #fff;}
.logobox .logo {margin:0 ;overflow:hidden; float: left;}
.logobox .logo .logo_h{ display:table}
.logobox .logo .logo_b{ display: none}

.logobox .tii{ float: left; margin-right: 18px; font-size: 18px; font-weight: bold; }
.logobox .clearfix{ padding-top: 5px; 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.333%;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 { opacity:.8;border:1px solid #ddd;box-sizing: border-box;border-radius:100%;width:15px;height:15px;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:15px;height:15px;background:#b68f4e;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s; opacity:1}
.row-controls.rc1:after {top:0}
.row-controls.rc2:after {top:29px}
.row-controls.rc3:after {top:58px}
.row-controls.rc4:after {top:87px}
.row-controls.rc5:after {top:116px}
.row-controls.rc6:after {top:145px}


#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:0px}
#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 .a-left{ display: table; top:42%; left:2%; position:absolute; z-index:989; opacity:.0; cursor:pointer}
.banner .a-right{ display: table; top:42%; right:2%; position:absolute; z-index:989; opacity:.0;cursor:pointer}
.banner:hover .a-left,.banner:hover  .a-right{ opacity:.5}


/*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;}
/*.alert_windows {display:none;position:absolute;z-index:10;width:100%;height:100%;background:rgba(0,0,0,0.6);}
*/.alert_windows {display:none;position:absolute;z-index:10;width:900px;height:430px;}
.alert_windows span{width:900px;height:430px;text-align:center;cursor:pointer;}

.pic_float{display: none;width: 100%;height: 100%;position: fixed;top: 0px;left: 0px;background: url(../images/bgicon.png) repeat;overflow: hidden;z-index: 999999999;}
.in_pic_float{width: 900px;height: 430px;position: absolute;top: 50%;left: 50%;margin-top: -237px;margin-left: -450px;}
.closeFloat{display: block;position: absolute;top: 24px;right: 30px;cursor: pointer;}

#row2{background: url(../images/bj2.jpg) no-repeat center center;}
#row2 .burger-patty,#row4 .burger-patty,#row6 .burger-patty{ background:#239594}
#row2 .top_tel,#row2 .burger .top_nav,#row4 .top_tel,#row4 .burger .top_nav,#row6 .top_tel,#row6 .burger .top_nav{ color:#333333}
#row2 .top_tel h1,#row4 .top_tel h1,#row6 .top_tel h1{    background: url(../images/tel1.png) no-repeat center left;}

		
/*关于我们*/
.about{ width:100%; margin:0 auto; display:table;  height:100%}
.about-left{width:45%;float:left;/*display: table-cell;vertical-align: middle;*/}
.about-left img{width: 84%; float:right; align-items: center;vertical-align: middle; margin:23% 0 0}
.about-left .about-left_t iframe {width: 82%; height:500px; float:right; align-items: center;vertical-align: middle; margin:25% 0 0}
.about-left1{ display:none;}
.about-right{width:50%;float: right; text-align:left}
.about-right .about-right-con h1{ width:100%; color:#333333; font-size:20px; text-transform:uppercase; line-height:1.2; background:url(../images/jj_ico.png) no-repeat top left; padding:90px 0 0 }
.about-right .about-right-con h1 span{ display:table; color:#239594; font-size:32px; font-weight:bolder}
.about-right p{font-size:15px;color:#6f6f6f;line-height: 30px; margin:20px 0 60px; display:inline-grid; height:150px; overflow:hidden}
.about-right-con{width:80%;margin:19%  11% 0 0; float: right;}
.about-right-con a{ background:#69b5b4; border-radius:5px; text-transform:uppercase; font-size:15px; line-height:1; padding:10px 30px; color:#fff}
.about-right-con a:hover{ background:#a7966a}
.ab_time{width:80%;margin:8%  0 0 9%; float: left;}
.ab_time li{ display:table; text-align: center; float:left; text-align:center; margin-right:95px; line-height:1.4}
.ab_time li h1{ color:#545454; font-size:16px;}
.ab_time li h1 span{ font-size:50px; font-weight:bolder}
.ab_time li h2{ font-size:18px; font-weight:100;}
.ab_time li:last-child{ margin-right:0}

.about_right_bt{ background:url(../images/ab_bt.png) no-repeat center top; width:114px; min-height:560px; float:left;margin:19%  00 0; }
.about_right_bt h1{ font-size:26px; color:#a7966a; line-height:1; margin:240px 0 0; display:table}
/*关于我们*/

/*新闻*/
#row3{background: url(../images/bj3.jpg) no-repeat center center;}
.service{position: relative; padding:10% 0 0; box-sizing:border-box; color:#a7966a;background:#b68f4e; background:url(../images/bj1.jpg) repeat-y center center; width:100%; height:100%}
#row3 .sy_bt,#row3 .sy_bt span,#row5 .sy_bt,#row5 .sy_bt span{ color:#fff}
#row3 .logobox .logo .logo_b,#row5 .logobox .logo .logo_b{ display:table}
#row3 .logobox .logo .logo_h,#row5 .logobox .logo .logo_h{ display: none}


.xwk{ position:relative; padding:10% 0 0; width:100%; height:100%; box-sizing:border-box}
.xw{ width:100%; padding:2% 0 0}
.xw ul{ padding:0 9%; display:table; margin:0 auto}
.xw li{ width:23%; margin:0 1%; box-sizing:border-box; border:1px solid #85b4b4; float:left;}
.xw li a{ background:rgba(0,0,0,0.1); width:100%; display:table; color:#fff; padding:20px; box-sizing:border-box; line-height:28px;}
.xw li a h1{ font-size:16px; opacity:.8}
.xw li a h2{ font-size:18px; font-weight:bolder; margin:15px 0}
.xw li a h2{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.xw li a p{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:4; height:112px}
.xw li a time{ width:100%; height:28px; background: url(../images/xw_jt.png) no-repeat center right; display:table; margin:20px 0 5px}
.more1{ display:table; margin:0 auto; padding:3%  0 0}
.more1 a{ background:#239594; color:#fff; padding:0 50px; line-height:40px; display:table; margin:0 auto; border-radius:25px; font-size:14px;}
.more1 a:hover{background:#fff; color:#239594}

/*定制服务*/
#row4{background: url(../images/bj4.jpg) no-repeat center center;}

/*产品*/
.cpk{ position:relative; padding:8% 0 0; width:100%; height:100%; box-sizing:border-box}
.sy_bt{ width:100%; text-align:center; font-weight:bolder;  font-size:34px; line-height:1.2; padding:0 0 30px}
.sy_bt h1{ font-size:48px; font-weight:bolder; text-transform:uppercase}
.sy_bt span{ color:#239594}
.h_team{padding: 0px;}
.h_teamcont{position:relative;/*margin-top:75px;*/}
.h_teamcont1{ position:relative;}
.h_teamcont1 .slick-slide{outline:none;}
.h_teamcont1 .teamcont{position:relative;padding-top:20px; }
.h_teamcont1 .teamcont:before{position:absolute; content:""; width:calc(100% - 130px); height:calc(100% - 58px); background: none;top:0px; right:0px; z-index:1;}
.h_teamcont1 .teamcont .img{width:480px; float:left; position:relative; z-index:2; border:4px solid #239594; box-sizing:border-box}
.h_teamcont1 .teamcont .img em{display:block; position:absolute; width:100%; height:100%; top:0px; left:0px;}
.h_teamcont1 .teamcont .txt{width:calc(100% - 480px); float:right; padding:0px 0px 0px 60px; box-sizing: border-box;position:relative; z-index: 3; color:#333; line-height:30px;}
.h_teamcont1 .teamcont .txt .name{font-size:34px; color:#333333; font-weight:bolder}
.h_teamcont1 .teamcont .txt .name{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.h_teamcont1 .teamcont .txt .site{font-size:20px; margin-top:10px;}
.h_teamcont1 .teamcont .txt .info{font-size:16px; color:#7f7e7e; line-height:36px;margin-top:20px; height:144px;}
.h_teamcont1 .teamcont .txt .info{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:4;}

.h_teamcont1 .teamcont .txt .more{margin-top:38px; overflow: hidden;}
.h_teamcont1 .teamcont .txt .more a{display:block; border:1px solid rgba(0,0,0,0.1);height:50px; line-height:50px; text-align:center; color:#333; margin-right:8px; width:150px; border-radius:25px; float:left; font-size:18px;}
.h_teamcont1 .teamcont .txt .more a:hover,.h_teamcont1 .teamcont .txt .more a.active{background:#239594;color:#FFF;border:1px solid #239594;}
.h_teamcont1 .slick-prev,.h_teamcont1 .slick-next{width:60px; height:60px;border:1px solid rgba(0,0,0,0.2); transition:all 0.5s; -webkit-transition:all 0.5s; border-radius:50%;} 
.h_teamcont1 .slick-prev{left:-100px; background:url(../images/ico20.png) center center no-repeat; }
.h_teamcont1 .slick-prev:hover{background:url(../images/h_ico20.png) #239594 center center no-repeat; border:1px solid #239594;}
.h_teamcont1 .slick-next{right:-100px; background:url(../images/ico21.png) center center no-repeat;}
.h_teamcont1 .slick-next:hover{background:url(../images/h_ico21.png) #239594 center center no-repeat; border:1px solid #239594;}
.h_teamcont2{position:absolute; bottom:0px;width:100%;}
.h_teamcont2 .g-wrap{position:relative;}
.h_teamcont3{float:right;width:calc(100% - 565px); margin-right:0px;} 
.h_teamcont3 .slick-slide{outline:none;}
.h_teamcont3 .img{margin-right:25px; box-sizing: border-box; transition:all 0.3s; -webkit-transition:all 0.3s; cursor: pointer; position:relative; border:4px solid transparent;}
.h_teamcont3 .img em{display:block; position:absolute; width:100%; height:100%; top:0px; left:0px;}
.h_teamcont3 .img img{ width:100%}
.h_teamcont3 .img:hover,.h_teamcont3 .slick-current .img{border:4px solid #239594;}
.g-wrap{max-width:1260px; margin-left:auto; margin-right:auto;padding-left:15px; padding-right:15px;}
@media screen and (max-width:1440px){
.g-wrap{max-width:1200px;}	
}

@media screen and (max-width:1440px){
.h_teamcont1 .teamcont .txt{}
.h_teamcont1 .slick-prev{left:0px;}
.h_teamcont1 .slick-next{right:0px;}
}

@media screen and (max-width:1200px){
.h_team{padding:70px 0px 95px 0px;}	
.h_teamcont1 .teamcont .img{width:45%;}
.h_teamcont1 .teamcont .txt{width:55%; padding: 28px 45px 0px 40px;}
.h_teamcont1 .teamcont .txt .name{font-size:30px;}
.h_teamcont1 .teamcont .txt .info{font-size:16px; line-height:25px; margin-top:0px;}
.h_teamcont1 .teamcont .txt .more a{height:40px;line-height:40px; border-radius:20px; font-size:16px;}
.h_teamcont3{width:calc(55% - 150px);  }
.h_teamcont3 .img{margin-right:5px;}
.h_teamcont1 .teamcont .txt,.h_teamcont1 .teamcont .txt .name{ color:#fff}
.h_teamcont1 .teamcont .txt .info{ color:#fff; height:inherit}
.h_teamcont1 .teamcont .txt .more a:hover, .h_teamcont1 .teamcont .txt .more a.active{    background: #2fa3a2;}
.h_teamcont3 .img:hover,.h_teamcont3 .slick-current .img{border:4px solid #4dc7c6;}
.h_teamcont1 .teamcont .txt .info{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:3;}

}

@media screen and (max-width:991px){
.h_team{padding:0px 0px 65px 0px;}	
.h_teamcont{margin-top:45px;}
.h_teamcont1 .teamcont .txt{width:100%;padding:15px 0px 15px 0px;}
.h_teamcont1 .teamcont .txt .name{font-size:24px;}	
.h_teamcont1 .teamcont .txt .more{margin-top:20px;}
.h_teamcont1 .teamcont .img{width:100%; height:auto}
.h_teamcont1 .teamcont .img img{ width:100%; display:table}
.h_teamcont1 .teamcont{padding-top:0px;}
.h_teamcont1 .teamcont:before{width:100%; height:100%;}
.h_teamcont2{position:static; }
.h_teamcont3 {width: 98%;margin:15px auto; float:none;}

}

@media screen and (max-width:640px){
.h_team{padding:0px 5% 35px ;}	
.h_teamcont{margin-top:10px;}	
.h_teamcont .g-wrap{padding:0px;}
.h_teamcont1 .teamcont .txt .name{font-size:20px;}
.h_teamcont1 .teamcont .txt .info{font-size:14px;}
.h_teamcont1 .teamcont .txt .more a{font-size:14px; width:120px;}
}


/**/
#row5{background: url(../images/bj5.jpg) no-repeat center center;}
.sy_ry{ position:relative; padding:10% 10% 0; width:100%; height:100%; box-sizing:border-box}

.service{position: relative; padding:10% 0 0; box-sizing:border-box; color:#a7966a;background:#b68f4e; background:url(../images/bj1.jpg) repeat-y center center; width:100%; height:100%}
.service-con{overflow: hidden; width:100%;}
.service-list{margin:2% auto}
.service-list dl{width:48%;position: relative;float:left;overflow: hidden;}
.service-list dl dt{width: 100%;overflow: hidden;/*height: 500px;*/}
.service-list dl dt img{widows: 100%;width: 100%;transition: all .5s;}
.service-list dl a dt h1{ width:100%; font-size:18px; line-height:70px; height:70px; color:#fff; text-align:center; font-weight:100}
.service-list dl a dt h1{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.service-list dl:hover dt img{transform: scale(1.05);}
.service-list dl:hover .service-more  em{ background: #527A34;border-color:#527A34}

.service_r{ width:8%; float: left; margin-left:5%; padding:10px 0 0; height:100%; display:table}
.service_r a{ background:url(../images/more2.png) no-repeat center center #253836; width:100%; height:370px; display:table }


#row5 .swiper-container-horizontal>.swiper-pagination-bullets, #row5 .swiper-pagination-custom, #row5.swiper-pagination-fraction{ bottom:auto }
#row5 .swiper-pagination-bullet{ width:20px; height:4px; background:#fff; border-radius:0}
#row5 .more1{padding: 5% 0 0;}

/*最新消息*/
.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;height:235px}
.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}
*/
/*底部*/
#row6{background: url(../images/bj6.jpg) no-repeat center center;}
.sylx{ width:100%; position:relative; padding:8% 14% 0; box-sizing:border-box; height:100%; display:table}
.lx_l{width:calc(100% - 600px); float:left; line-height:24px;}
.lx_l h1{ font-size:24px; color:#333333; line-height:26px; margin:10px 0 20px}
.lx_l li{ width:100%; padding:6px 0; display:table; font-size:15px; color:#333333}
.lx_l li img{ float:left; width:24px; display:table;}
.lx_l li span{width:calc(100% - 32px); float:right}
.lx_wx{ width:100%; padding:3% 0 0}
.lx_wx dl{ width:125px; float:left; margin-right:120px; text-align:center; font-size:13px; color:#333333}
.lx_wx dl:last-child{ margin-right:0}

.lx_wx dl img{ width:125px; display:table; margin:0 auto 10px}
.lx_r{ width:600px; float:right}

.cont{ width:100%; margin:0 auto;}
.cont .ts { font-size:14px; color:#7c7c7c; text-align:left; margin:0 2% 25px; line-height:28px;}
.cont dt input{  border:1px solid #7c7c7c; width:46%; box-sizing:border-box; margin:10px 2%; box-sizing:border-box; height:48px; line-height:48px; padding-left:15px; font-size:14px; color:#bbbbbb; float:left;}
.cont dt textarea{border:1px solid #7c7c7c; font-size:14px; color:#757575; padding:15px; width:96%; box-sizing:border-box; height:160px;margin:10px 2%;}
.cont .btn { font-size:15px; height:42px; line-height:42px; text-align:center; display: table; background:#239594; padding:0 60px; color:#fff; margin:40px 0 0 2%;}
.cont .btn:hover{ background:#c2a65d}


.fo2{ opacity:1; position: absolute; left:0;  bottom:0; color:#333;vertical-align:middle;display: table; text-align:center; font-size:13px; text-align:center;  margin:0 auto; width:100%;line-height:30px; padding:5px 0;   opacity:.7}
.fo2 a{color:#333; }
.fo2 .fo_lj{  width:122px; display: inline-block; height:30px;vertical-align:middle}
.fo2 .fo_lj img{ display:table; padding:2px 0 0 }





/*首页动画效果*/
.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,.service_l{position: relative;opacity: 0; transform: translateY(65px); -webkit-transform: translateY(65px); -moz-transform: translateY(65px); }
.row-animation .pro-list,.row-animation .service_l { 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,.zsjm_l{opacity: 0; position: relative;left:-100px}
.row-animation .about-left,.row-animation .zsjm_l{ 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,.zsjm_r{opacity: 0; position: relative;right:-100px}
.row-animation .about-right,.row-animation .zsjm_r { 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);}

.about-left1{ display: table; width:100%; padding:30px 0 0}
.about-left1 iframe{ width:100%; height:280px;}
	
}