@charset "utf-8";

/* CSS Document */



/* default */

html,body,iframe{width:100%;height:100%;padding: 0px;margin:0px;*position:static;*overflow-x:hidden;}

form{padding: 0px;margin:0px;}

body{margin:0 0 0 0;font-family:"Microsoft YaHei","微软雅黑","微軟雅黑";font-size:12px;letter-spacing:0px;color:#878a8a;background-color:#fff;overflow-x:hidden;-webkit-text-size-adjust: none;}

img{border:none;max-width:100%;}

input,button,select,textarea{outline:none;resize:none;padding:0px;margin:0px;font-family:"微软雅黑","微軟雅黑";font-size:12px;border:none;}

select{*font-size:14px;}

h1,h2,h3,h4,h5,h6,figure{padding:0px;margin:0px;font-weight:normal;}

h3,h4,h5,h6{font-size:12px;}



table, tr, td{border-spacing:0px;padding:0px;margin:0px;border-collapse:collapse;}

table p{float:none;display:block;margin:0px;}

ul, li, ol, p, dt, dd, dl, pre, xmp, plaintext, listing{padding:0px;margin:0px;list-style-type:none;}

strong{font-weight:bold}

canvas{pointer-events:none;}

a{color:#878a8a;text-decoration:none;outline:none;cursor:pointer;}

a:hover{color:#50cdf0;text-decoration:none;}

.hidden{display:none;}

.absolute,.absobg{position:absolute;float:none;top:0px;right:0px;bottom:0px;left:0px;}

.abs-t-l{position: absolute;top:0px;left:0px;}

.absobg{background-color:#fff;filter:alpha(opacity=1);-moz-opacity:0.01;-khtml-opacity:0.01;opacity:0.01;}

p{margin-bottom:15px;display:inline;}

.overflow{overflow:hidden;}

.clearBoth{float:none;position:static;}

.cm{width:100%;max-width:1300px;float:none;margin:0 auto;}

.hide{display:none;}

.fr{float:right;}

.fl{float:left;margin-top: 3px;}

.dib{display:inline-block;}

.db{display:block;}

.rel{position: relative;}

.t-h{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;}

.o-h{overflow: hidden;}

.yaHei{font-family:"Microsoft YaHei","΢ÈíÑźÚ","΢ܛÑźÚ";}

input.no, textarea.no{border:1px red solid;}

body.noScroll{overflow:hidden;}

.cover{background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover;}

.cover-w{background-position:center center;background-repeat:no-repeat;-webkit-background-size:100% auto;background-size:100% auto;}

.cover-h{background-position:center center;-webkit-background-size:auto 100%;background-size:auto 100%;}

.cover-fixed{background-attachment: fixed;}

.cover-repeat{background-repeat: no-repeat;}

.fixed{position:fixed;}

.le-2{letter-spacing:2px;}

.le-10{letter-spacing:10px;}

.h50{height:50px;}

.z-index-10{z-index:10;}

.text-area img{max-width: 100%;}



/*public*/

.pagesize,.main,.header,.banner,.content,.footer,.textArea,.pageBox{width:100%;}

.ipt{width:200px;height:24px;line-height:24px;padding:5px;border:1px #c8c8c8 solid;background-color:#fff;font-size:14px;}

.ipt i{width:34px;height:34px;position:absolute;top:0px;right:0px;background:url(../images/arrb.png) no-repeat center center;}

.select{padding:0 0 0 4px;height:30px;line-height:30px;width:auto;}



/*loading*/

.cat{width:100px;position:absolute;top:50%;left:50%;margin:-50px 0 0 -50px;overflow:hidden;}

.cat::before{content:'';display:block;padding-bottom:100%}

.cat:hover>*{-webkit-animation-play-state:paused;animation-play-state:paused}

.cat:active>*{-webkit-animation-play-state:running;animation-play-state:running}

.cat__body,.cat__head,.cat__tail{position:absolute;top:0;left:0;right:0;bottom:0;-webkit-animation:rotating 2.79s cubic-bezier(.65,.54,.12,.93) infinite;animation:rotating 2.79s cubic-bezier(.65,.54,.12,.93) infinite}

.cat__body::before,.cat__head::before,.cat__tail::before{content:'';position:absolute;width:50%;height:50%;background-size:200%;background-repeat:no-repeat;background-image:url(../images/cat.jpg)}

.cat__head::before{top:0;right:0;background-position:100% 0;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:rotate(90deg);transform:rotate(90deg)}

.cat__tail{-webkit-animation-delay:.2s;animation-delay:.2s}

.cat__tail::before{left:0;bottom:0;background-position:0 100%;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}

.cat__body{-webkit-animation-delay:.1s;animation-delay:.1s}

.cat__body:nth-of-type(2){-webkit-animation-delay:.2s;animation-delay:.2s}

.cat__body::before{right:0;bottom:0;background-position:100% 100%;-webkit-transform-origin:0 0;transform-origin:0 0}

@-webkit-keyframes rotating{from{-webkit-transform:rotate(720deg);transform:rotate(720deg)}

to{-webkit-transform:none;transform:none}

}

@keyframes rotating{from{-webkit-transform:rotate(720deg);transform:rotate(720deg)}

to{-webkit-transform:none;transform:none}

}



/*menu*/

.menu-btn{display:none;}



/*gototop*/

a.gototop1{position:fixed;bottom:50px;right:0px;padding:15px 15px 15px 20px;background-color:rgba(0,0,0,0.5);color:#fff;z-index:9999;font-size:40px;border-radius:100px 0 0 100px;line-height:50px;



}
a.gototop{
	display: none;
}
a.gototop1:hover{background-color:#000;}



/*qrcode*/

.wechat:hover .qrcode{display:block;}

.qrcode{width:100px;height:100px;position: absolute;top:100%;left:50%;margin:5px 0 0 -55px;z-index:10;padding:5px;background-color:#fff;display:none;}

.qrcode img{width:100%;}

.qrcode:before{content:"";font-size: 0;line-height: 0;border-width: 10px;border-color: #fff;border-top-width: 0;border-style: dashed;border-bottom-style: solid;border-left-color: transparent;border-right-color: transparent;position:absolute;left:50%;top:-10px;margin-left:-10px;}



/*text*/

.tab-text .hide{display:none;}



/*header*/

.header{height:120px;top:0px;z-index:99999;background-color: rgba(255,255,255,1);line-height:56px;}

.header.fixed{top:0px;}

.menu{font-size:16px;float: right;}

.menu span{margin-left:50px;float:left;position: relative;}

.menu span.current a{opacity: 1;}

.menu a{color:#000;opacity: 0.7;float:left;line-height: 47px;}

.menu a.active,.menu a:hover{opacity:1;}

.menu span.current p{opacity: 1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);pointer-events:visible;}

.menu p{width:150px;position: absolute;top:100%;left:50%;margin:10px 0 0 -80px;z-index:10;padding:5px;background-color:rgba(255,255,255,0.8);text-align:center;opacity: 0;border-radius:3px;-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);transform:translateY(100px);pointer-events:none;}

.menu p a{line-height:30px;width:100%;font-size:14px;font-weight: normal;opacity: 0.5;}

.menu span.current p a{opacity: 0.7;}

.menu span.current p a:hover{background-color: #fff;opacity: 1;}

.menu p:before{content:"";font-size: 0;line-height: 0;border-width: 10px;border-color:rgba(255,255,255,0.8);border-top-width: 0;border-style: dashed;border-bottom-style: solid;border-left-color: transparent;border-right-color: transparent;position:absolute;left:50%;top:-10px;margin-left:-10px;}

.menu p:after{content:"";width:100%;height:15px;position: absolute;top:-12px;left:0px;}

.share a{font-size:20px;opacity: 0.5;margin-left:20px;color:#fff;}

.share a:hover{opacity: 1;}



/*footer*/

.footer{background-color:#3d3c42;}

.footer,.footer a{color:#808080;}

.footer a.whitet{color:#fff;}

.footer .w25 a:hover{}

.footer .qrcode{top:30px;}

.copyright{padding:15px 0;background-color:#323237;}



/*home*/

.promo-list,.promo-list .swiper-container{height:100%;overflow:hidden;}

.promo-list.auto,.promo-list.auto .swiper-container{height:auto;}

.promo-list .swiper-slide{overflow:hidden;}

.promo-list .cover{-webkit-transition: all 6s ease-in-out 0.5s;-moz-transition: all 6s ease-in-out 0.5s;-ms-transition: all 6s ease-in-out 0.5s;-o-transition: all 6s ease-in-out 0.5s;transition: all 6s ease-in-out 0.5s;-webkit-transform: scale(1.12);-moz-transform: scale(1.12);-o-transform: scale(1.12);-ms-transform: scale(1.12);transform: scale(1.12);}

.promo-list .swiper-slide-active .cover,.promo-list .swiper-slide-duplicate-active .cover{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}

.promo-list .text{top:35%;}

.promo-list .text.t25{top:28%;}

/*.promo-list .t2,.promo-list .t3,.promo-list .t4{text-shadow:0 2px 0 rgba(0,0,0,0.2);}*/

.promo-list .t2{font-size:60px;letter-spacing:10px;}

.promo-list .t3{font-size:18px;letter-spacing:10px;}

.promo-list .t4{font-size:24px;}

.promo-list .t_btn a{padding:15px 30px;border:2px #fff solid; color:#fff;border-radius:200px;display:inline-block;}

.promo-list .t_btn a:hover{background-color:#fff;color:#50cdf0;}

.promo-list .text{display: none;}

.promo-list .swiper-slide-active .text,.promo-list .swiper-slide-duplicate-active .text{display: block;}

.promo-list .line,.product-layer .line{height:0px;-webkit-transition: all 2s ease-in-out 1.6s;-moz-transition: all 2s ease-in-out 1.6s;-ms-transition: all 2s ease-in-out 1.6s;-o-transition: all 2s ease-in-out 1.6s;transition: all 2s ease-in-out 1.6s;opacity: 1;}

.promo-list .line.show,.product-layer .line.show{height:300px;}

.promo-list .line.show.h100,.product-layer .line.show.h100{height:150px;}



/*news*/

.news-list .item{margin:50px 3.5% 0 0;position: relative;}

.news-list .item:nth-child(3n){margin-right:0px;}

.news-list .item:hover{box-shadow:10px 15px 20px rgba(0,0,0,0.05);}

.news-list .item img{width:100%;}

.news-list .item h4{height:96px;overflow: hidden;}



/*texg*/

.text-box{margin-top:-155px;z-index:100;}

.text-box .db{min-height:200px;}



/*product*/

.product-list .mlr-30{margin:10px 0 0;}

.product-list .w25:hover img{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);}

.product-list .fw1:hover img{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);}

.product-list .fw2:hover img{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);}

.product-list .fw3:hover img{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);}

/*product view*/

.product-banner img{padding:10% 0;}

.product-layer .tab .info{display:none;}

.btn-green a{display:inline-block;padding:10px 50px;font-size:20px;margin:0 10px;border:1px #9bc929 solid;font-size:20px;color:#fff;background-color:#9bc929;}

.btn-green a.active,.btn-green a:hover{border:1px #d0d0d0 solid;background-color:#fff;color:#d0d0d0;}

.btn-green a.active{cursor: default;}



.media-text-box .text{display: none;}



/*brand*/

.brand-list .rotate{max-width:80%;}

.brand-logo img{width:80%;}



/*team*/

.team-list .item .box{border-radius:60px;width:58px;height:58px;position:relative;display:inline-block;background-color:#9bc929;color:#fff;text-align:center;line-height:58px;font-size:16px;cursor: pointer;}

.team-list .item.nth1{top:0px;}

.team-list .item.nth2{top:-40px;}

.team-list .item.nth3{top:22px;}

.team-list .item.nth4{top:20px;}

.team-list .item .hover{width:330px;height:330px;position: absolute;top:0px;left:0px;margin-top:-136px;opacity: 0;}

.team-list .item.nth2 .w40,.team-list .item.nth3 .w40{margin-left:-136px;}

.team-list .item.nth4 .w40{left:auto;right:0px;}

.team-list .item .box{overflow: hidden;}

.team-list .item .box.active .hover{opacity: 1;}

.team-list .item .box.active{background-color:#fff;z-index:10;}

.team-list .item .box.active{overflow:inherit;}

.tab-text .tab{display:none;min-height:90px;}



/*opacity*/

.opa9{opacity: 0.9}

.opa8{opacity: 0.8}

.opa7{opacity: 0.7}

.opa6{opacity: 0.6}

.opa5{opacity: 0.5}

.opa4{opacity: 0.4}

.opa3{opacity: 0.3}

.opa2{opacity: 0.2}

.opa1{opacity: 0.1}

.opa0{opacity: 0.0}



/*swiper*/

.swiper-container{width: 100%;margin: 0 auto;position: relative;overflow:hidden;z-index:1;}

.swiper-wrapper{position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-o-transform: translate(0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

.swiper-slide{width:100%;height:100%;-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;}

.swiper-pagination{width:100%;position: absolute;left:0px;bottom:20px;text-align: center;z-index:60;cursor:pointer;line-height:20px;}

.swiper-pagination span{display:inline-block;width:8px;height:8px;background-color:#fff;border-radius:20px;margin:0 8px;opacity:0.5;position: relative;top:-1px;}

.swiper-pagination span.swiper-pagination-bullet-active{width:12px;height:12px;opacity:1;top:0px;}

.active{z-index:10;}



/*width*/

.w5{width:5%;}

.w10{width:10%;}

.w15{width:15%;}

.w20{width:20%;}

.w25{width:25%;float: left;





}

.w30{width:30%;}

.w31{width:31%;}

.w32{width:32%;}

.w33{width:33.3333333%;float: left;}

.w35{width:35%;}

.w40{width:40%;}

.w45{width:45%;}

.w50{width:50%;float: left;}

.w55{width:55%;}

.w60{width:60%;}

.w65{width:65%;}

.w70{width:70%;}

.w75{width:75%;}

.w80{width:80%;}

.w85{width:85%;}

.w90{width:90%;}

.w95{width:95%;}

.w100{width:100%;}





.fw1{

	background: url(../images/fw1.png) no-repeat center ;

	height: 650px;

	padding-top: 285px;

}

.fw1 img{

	margin: 0 auto;

	display: block;

}

.fw2{

	background: url(../images/fw2.png) no-repeat center;	height: 650px;

	padding-top: 285px;

}

.fw2 img{

	margin: 0 auto;

	display: block;

}

.fw3{

	background: url(../images/fw3.png) no-repeat center;	height: 650px;padding-top: 285px;

}.fw3 img{

	margin: 0 auto;

	display: block;

}

/*window*/

.bodyMask{width:100%;height:100%;position:fixed;float:none;top:0px;left:0px;z-index:1000;background:#496381;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;display:none;}

.bodyWindow{background-color:#fff;padding:20px;position:fixed;float:none;top:45%;left:50%;z-index:1500;display:none;}

.bodyWindow .close{width:30px;height:30px;position:absolute;float:none;top:0px;right:-40px;cursor:pointer;z-index:10;}

.bodyWindow .close i{width:30px;height:30px;float:left;background:url(../images/close.png) no-repeat center center;}



.bodyWindow.qrcode{width:258px;margin:-129px 0 0 -129px;background-color:#fff;}

.bodyWindow.qrcode img{width:258px;height:258px;}



.bodyWindow.newsView{width:820px;margin-left:-450px;top:20px;bottom:20px;border-radius:0px;padding:50px 40px 40px;}

.bodyWindow.newsView .textArea{color:#848484;letter-spacing:1px;}

.bodyWindow.newsView .viewport{position:absolute;float:none;top:120px;bottom:40px;right:20px;left:40px;}



.bodyWindow.upload{width:300px;padding:40px;margin:-100px 0 0 -190px;}

.bodyWindow.upload .fileName{display:none;}

.bodyWindow.upload .btn{height:30px;line-height:30px;padding:0 20px;position:relative;float:left;color:#fff;white-space:nowrap;margin-right:10px;overflow:hidden;}

.bodyWindow.upload .btn input{width:500px;height:500px;font-size:500px;position:absolute;float:none;top:0px;left:0px;cursor:pointer;filter:alpha(opacity=1);-moz-opacity:0.01;-khtml-opacity:0.01;opacity:0.01;}

.bodyWindow.upload .btn.org{background-color:#ffa200;}

.bodyWindow.upload .btn.org:hover{background-color:#ffb533;}

.bodyWindow.upload .btn.blue{background-color:#1462da;}

.bodyWindow.upload .btn.blue:hover{background-color:#529bff;}



/*animate*/

a,.animate,.product-list .w25 img,.menu p,.fw1 img, .fw2 img,.fw3 img,.news-list .item,.item-list .imglazy,.scale,.team-list .item .box{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

.team-list .item .box.active .hover{-webkit-transition: all 1.5s ease-in-out 0s;-moz-transition: all 1.5s ease-in-out 0s;-ms-transition: all 1.5s ease-in-out 0s;-o-transition: all 1.5s ease-in-out 0s;transition: all 1.5s ease-in-out 0s;}

.rotate:hover{-webkit-transition: all 1.5s ease-in-out 0s;-moz-transition: all 1.5s ease-in-out 0s;-ms-transition: all 1.5s ease-in-out 0s;-o-transition: all 1.5s ease-in-out 0s;transition: all 1.5s ease-in-out 0s;-moz-transform: rotate(360deg);-moz-transform-origin: center center;-webkit-transform: rotate(360deg);-webkit-transform-origin: center center;-o-transform: rotate(360deg);-o-transform-origin: center center;transform: rotate(360deg);transform-origin: center center;}

.item-list .item:hover .imglazy,.scale:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}





.fwx{

	width: 125px;

	height: 8px;

	background: #facd89;

	margin: 0 auto;

	margin-bottom: 15px;

	margin-top: 35px;

}

.ani{opacity:0;}

.is_ani{opacity: 1;}

.fadeIn{

	-webkit-animation-name:fadeIn;

	animation-name:fadeIn;

	-webkit-animation-delay: 0.2s;

	animation-delay: 0.2s;

}

.fadeInUp{

	-webkit-animation-name:fadeInUp;

	animation-name:fadeInUp;

}

.fadeInDown{

	-webkit-animation-name:fadeInDown;

	animation-name:fadeInDown;

}

.fadeInRight{

	-webkit-animation-name:fadeInRight;

	animation-name:fadeInRight;

}

.fadeInLeft{

	-webkit-animation-name:fadeInLeft;

	animation-name:fadeInLeft;

}

.fadeInUp,.fadeInRight,.fadeInLeft,.fadeInDown,.fadeIn,.zoomIn,.bounceIn,.flipInY{

	-webkit-animation-duration:1.5s;

	animation-duration:1.5s;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;

}

.delay100 {

	-webkit-animation-delay: 0.1s;

	animation-delay: 0.1s;

}

.delay200 {

	-webkit-animation-delay: 0.2s;

	animation-delay: 0.2s;

}

.delay300 {

	-webkit-animation-delay: 0.3s;

	animation-delay: 0.3s;

}

.delay400 {

	-webkit-animation-delay: 0.4s;

	animation-delay: 0.4s;

}

.delay500 {

	-webkit-animation-delay: 0.5s;

	animation-delay: 0.5s;

}

.delay600 {

	-webkit-animation-delay: 0.6s;

	animation-delay: 0.6s;

}

.delay700 {

	-webkit-animation-delay: 0.7s;

	animation-delay: 0.7s;

}

.delay800 {

	-webkit-animation-delay: 0.8s;

	animation-delay: 0.8s;

}

.delay900 {

	-webkit-animation-delay: 0.9s;

	animation-delay: 0.9s;

}

.delay1000 {

	-webkit-animation-delay: 1s;

	animation-delay: 1s;

}

.delay1100 {

	-webkit-animation-delay: 1.1s;

	animation-delay: 1.1s;

}

.delay1200 {

	-webkit-animation-delay: 1.2s;

	animation-delay: 1.2s;

}

.delay1300 {

	-webkit-animation-delay: 1.3s;

	animation-delay: 1.3s;

}

.delay1400 {

	-webkit-animation-delay: 1.4s;

	animation-delay: 1.4s;

}

.delay1600 {

	-webkit-animation-delay: 1.6s;

	animation-delay: 1.6s;

}

.delay2400 {

	-webkit-animation-delay: 3.3s;

	animation-delay: 3.3s;

}

/*animate*/

@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-20px,0,0);-ms-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(20px,0,0);-ms-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.5,.5,.5);-ms-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}

@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);-ms-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}

.ys  h3{

	font-size: 24px;

	line-height: 35px;

	color: #fff;

}



.ys  h4{

	font-size: 20px;

	line-height: 30px;

	margin-top: 10px;

	color: #fff;

}

.jj{

	background: url(../images/bj1.png);

}

.ys {

	background: url(../images/bj.png);

}.ys1 {

	background: #fff;

}.ys1  h3{

	font-size: 24px;

	line-height: 35px;

	color: #1d1d1d;

}

.ys1 .zx1 {

	width: 80%;

	margin: 0 auto;

	margin-top: -5px;

	border-bottom: 1px solid #909090;

}

.jx{

	width: 55%;

	margin: 0 auto;

}

.ys1  h4{

	font-size: 20px;

	line-height: 30px;

	margin-top: 10px;

	color: #1d1d1d;

}

.zx1 {

	width: 80%;

	margin: 0 auto;

	margin-top: -5px;

	border-bottom: 1px solid #fff;

}

.zx img{

	margin: 0 auto;

	margin-top: 20px;

	width: 38px;

	max-width: 38px;

}

.zx3{

	margin: 0 2.5%;

	margin-bottom: 30px;

	float: left;

	width: 45%;

}

.zx3 img{

	transition: transform 0.3s,background-color 0.3s;         

}

.zx3 img:hover{

	transform: scale(1.02);

}

.xw{

	width: 1330px;

	margin: 0 auto;

	margin-top: 50px;

}

.xw1{

	margin: 0 20px;

	width: 620px;

	float: left;

}

.xw3{

	width: 120px;

	float: left;

} .xw3 h5{

	font-size: 18px;

	line-height: 30px;

	margin-top: 45px;

	color: #666666;

}

.xw2{

	height: 115px;

}.xw7{

	height: 210px;

}

.xw4{

	height: 115px;

	width: 6px;

	float: left;

	border-left: #bfbfbf 2px solid;

	border-right: #bfbfbf 2px solid;

}.xw8{

	height: 210px;

	width: 6px;

	float: left;

	border-left: #bfbfbf 2px solid;

	border-right: #bfbfbf 2px solid;

}

.xw5{

	position: relative;

	top: 43px;

	width: 29px;

	float: left;

	left: -17px;

}

.xwd{

	width: 220px;

	line-height: 40px;

	font-size: 16px;

	color: #000;

	text-align: center;border: #000 3px solid;

	border-radius: 10px;

	margin: 0 auto;

	margin-top: 50px;      transition: transform 0.8s,background-color 0.8s;         

} .xwd a{

	color: #000;

}



.xwd:hover{

	background: #50cdf0;

	border: #fff 3px solid;transform: scale(1.05);

}.xwd:hover a{

	color: #fff;

}.mt-5 img{

	margin: 0 auto;

}

.xw5 img{

	



display: table-cell;  

	vertical-align: middle;

	

}

.xw6{

	background: #5c5c5c;

	border-radius: 6px;

	float: left;

	margin-left: 15px;

	padding-top: 25px;

	padding-left: 35px;

	padding-bottom: 10px;

	padding-right: 10px;

	width: 450px;

	margin-top: 15px;



	 

}

.xw6 h2{

	font-size: 20px;

	line-height: 30px;

	color: #fff;

	text-align: left;

}

.xw6 a:hover h2{

	color: #50cdf0;

}



.xw6  h6{

	font-size: 16px;

	line-height: 22px;

	color: #e0e0e0;

	width: 350px;height: 88px;

	overflow:hidden;

	margin-bottom: 0;

	text-align: justify;

	margin-top: 10px;

}.xw6 a:hover h6{

	color: #fff;

}

.xw6  p{

	font-size: 16px;

	line-height: 25px;

	color: #50cdf0;

	float: right;

	margin-bottom: 0;

	text-align: right;

}.xw6 a:hover p{

	color: #fff;

}



.lxwm .f-36{

	font-size: 50px;

	line-height: 60px;

	letter-spacing: 5px;

}.lxwm .f-18{

	font-size: 24px;

	line-height: 40px;

	margin-top: 40px;

}

.zx2{

	margin-top: 50px;

}

.lxx {

	width: 50%;

	height: 1px;

	background: #fff;

}.lxwm1{

		width:900px;

	margin: 0 auto;

	}

.lxwm1 li{

	font-size: 20px;

	color: #fff;text-shadow:0px 5px 5px #2c2c2c;

	line-height: 60px;

	text-align: left;

}

	.lxwm2{

		width:450px;

		float: left;

}.lxwm3{

		width:300px;

		float: left;

}

.lxwm4{

	width:150px;float: left;

}

.footer p{

	text-align: center;

	font-size: 16px;

	line-height:28px;

	color: #fff;



	margin: 0 auto;

	display: block;

} .footer .copyright{

	padding-bottom: 0;

}

.footer p a{

	display: inline;

	

} .footer p img{

	display: inline;

	width: 142px;

}

.mt-5

/*margin*/

.mt-1{margin-top:1px;}

.mt-3{margin-top:3px;}

.mt-4{margin-top:4px;}

.mt-5{margin-top:5px;}

.mt-6{margin-top:6px;}

.mt-7{margin-top:7px;}

.mt-8{margin-top:8px;}

.mt-9{margin-top:9px;}

.mt-10{margin-top:10px;}

.mt-12{margin-top:12px;}

.mt-14{margin-top:14px;}

.mt-15{margin-top:15px;}

.mt-18{margin-top:18px;}

.mt-20{margin-top:20px;}

.mt-22{margin-top:22px;}

.mt-25{margin-top:25px;}

.mt-30{margin-top:30px;}

.mt-36{margin-top:36px;}

.mt-40{margin-top:40px;}

.mt-50{margin-top:50px;}

.mt-60{margin-top:60px;}

.mt-75{margin-top:75px;}

.mt-90{margin-top:90px;}

.mt-100{margin-top:100px;}

.mt-120{margin-top:150px;}



.mr-0{margin-right:0px !important;}

.mr-3{margin-right:3px;}

.mr-4{margin-right:4px;}

.mr-5{margin-right:5px;}

.mr-8{margin-right:8px;}

.mr-10{margin-right:10px;}

.mr-12{margin-right:12px;}

.mr-15{margin-right:15px;}

.mr-20{margin-right:20px;}

.mr-30{margin-right:30px;}

.mr-60{margin-right:60px;}

.mr-70{margin-right:70px;}



.mb-5{margin-bottom:5px;}



.ml-1{margin-left:1px;}

.ml-3{margin-left:3px;}

.ml-8{margin-left:8px;}

.ml-10{margin-left:10px;}

.ml-15{margin-left:15px;}

.ml-20{margin-left:20px;}

.ml-30{margin-left:33px;}

.ml-40{margin-left:40px;}

.ml-50{margin-left:50px;}

.ml-60{margin-left:60px;}

.ml-70{margin-left:70px;}

.ml-75{margin-left:75px;}

.ml-98{margin-left:98px;}

.ml-90{margin-left:90px;}

.ml-100{margin-left:100px;}

.ml-110{margin-left:110px;}

.ml-125{margin-left:125px;}

.ml-130{margin-left:130px;}

.ml-160{margin-left:160px;}

.ml-170{margin-left:170px;}



.mlr-3{margin-left:3px;margin-right:3px;}

.mlr-5{margin-left:5px;margin-right:5px;}

.mlr-8{margin-left:8px;margin-right:8px;}

.mlr-10{margin-left:10px;margin-right:10px;}

.mlr-15{margin-left:15px;margin-right:15px;}

.mlr-20{margin-left:20px;margin-right:20px;}

.mlr-30{margin-left:30px;margin-right:30px;}

.mlr-40{margin-left:40px;margin-right:40px;}

.mlr-50{margin-left:50px;margin-right:50px;}

.mlr-60{margin-left:60px;margin-right:60px;}

.mlr-100{margin-left:100px;margin-right:100px;}



/* padding */

.pt-10{padding-top:10px;}

.pt-15{padding-top:15px;}

.pt-27{padding-top:27px;}

.pt-40{padding-top:40px;}

.pt-50{padding-top:50px;}

.pt-70{padding-top:70px;}

.pt-90{padding-top:90px;}



.pr-12{padding-right:12px;}

.pr-20{padding-right:20px;}

.pr-30{padding-right:30px;}



.pm-10{padding-bottom:10px;}

.pm-15{padding-bottom:15px;}

.pm-50{padding-bottom:50px;}

.pm-75{padding-bottom:75px;}

.pm-100{padding-bottom:100px;}



.plr-5{padding-left:5px;padding-right:5px;}

.pl-12{padding-left:12px;}

.plr-10{padding-left:10px;padding-right:10px;}

.pl-10-r-15{padding-left:10px;padding-right:15px;}

.plr-14{padding-left:14px;padding-right:14px;}

.plr-15{padding-left:15px;padding-right:15px;}

.plr-20{padding-left:20px;padding-right:20px;}

.plr-30{padding-left:30px;padding-right:30px;}

.plr-50{padding-left:50px;padding-right:50px;}



.ptm-10{padding-top:10px;padding-bottom:10px;}

.ptm-15{padding-top:15px;padding-bottom:15px;}

.ptm-20{padding-top:20px;padding-bottom:20px;}

.ptm-30{padding-top:30px;padding-bottom:30px;}

.ptm-40{padding-top:40px;padding-bottom:40px;}

.ptm-50{padding-top:50px;padding-bottom:50px;}

.ptm-60{padding-top:60px;padding-bottom:60px;}

.ptm-75{padding-top:75px;padding-bottom:75px;}

.ptm-100{padding-top:100px;padding-bottom:100px;}

.ptm-120{padding-top:150px;padding-bottom:120px;}

.ptm-150{padding-top:150px;padding-bottom:150px;}

.ptm-170{padding-top:170px;padding-bottom:170px;}

.ptm-200{padding-top:200px;padding-bottom:200px;}

.ptm-250{padding-top:250px;padding-bottom:250px;}



/* line-height */

.h-35{line-height:35px;}

.h-30{line-height:30px;}

.h-18{line-height:18px;}

.h-16{line-height:16px;}

.h-20{line-height:20px;}

.h-22{line-height:22px;}

.h-24{line-height:24px;}

.h-25{line-height:25px;}

.h-26{line-height:26px;}

.h-29{line-height:29px;}

.h-33{line-height:33px;}

.h-37{line-height:37px;}

.h-38{line-height:38px;}

.h-40{line-height:40px;}

.h-54{line-height:54px;}



/* border */

.b-a{border:1px #dbdbdb solid;}

.b-l{border-left:1px #dbdbdb solid;}

.b-r{border-right:1px #dbdbdb solid;}

.b-t{border-top:1px #dbdbdb solid;}

.b-b{border-bottom:1px #dbdbdb solid;}

.b-ld{border-left:1px #dbdbdb dashed;}

.b-rd{border-right:1px #dbdbdb dashed;}

.b-td{border-top:1px #dbdbdb dashed;}

.b-bd{border-bottom:1px #dbdbdb dashed;}



.b-b-green{border-bottom:1px #9bc929 solid;}

.b-l-green{border-left:1px #9bc929 solid;}



/* bg color */

.bg-orange{background-color:#ffac45;}

.bg-black{background-color:#000;}

.bg-white{background-color:#fff;}

.bg-grey{background-color:#f8f8f8;}

.bg-blue{background-color:#39ade7;}

.bg-green{background-color:#b3d56c;}

.bg-purple{background-color:#be9ecc;}

.bg-yellow{background-color:#eaab3e;}

.bg-red{background-color:#872633;}



/* font size */

.f-12{font-size:12px;}

.f-13{font-size:13px;}

.f-14{font-size:14px;}

.f-15{font-size:15px;}

.f-16{font-size:16px;}

.f-18{font-size:18px;}

.f-20{font-size:20px;}

.f-22{font-size:22px;}

.f-24{font-size:24px;}

.f-26{font-size:26px;}

.f-28{font-size:28px;}

.f-30{font-size:30px;}

.f-32{font-size:32px;}

.f-34{font-size:34px;}

.f-36{font-size:36px;}

.f-38{font-size:38px;}

.f-40{font-size:40px;line-height: 50px;}

.f-48{font-size:48px;}

.f-80{font-size:80px;}

.f-90{font-size:90px;}

.f-110{font-size:110px;}

.fbold{font-weight:bold;}

.fboldno{font-weight:normal;}

.f-c{text-align:center;}

.f-l{text-align:left;}

.f-r{text-align:right;}

.f-f{font-family:"ËÎÌå","Microsoft YaHei","΢ÈíÑźÚ","Arial","Helvetica",sans-serif;}

.f-t{cursor:pointer;}

.f-v{vertical-align:middle;}

.f-v img{float:none;margin:0 5px;}

.f-u{text-transform:uppercase;}

.f-w{white-space:nowrap;}

.greent,a.greent,a.blackt:hover{color:#fff;}

.greent2,a.greent2{color:#9bc929;}

.oranget,a.oranget{color:#fa6d40;}

.greyt,a.greyt{color:#999;}

.grey6t,a.grey6t{color:#666;}

.grey6t,a.grey6t{color:#666;}

.redt,a.redt{color:#e55151;}

.blackt,a.blackt{color:#333;}

.bluet,a.bluet{color:#198eed;}

.yellowt,a.yellowt{color:#eaab3e;}

.lightbluet,a.lightbluet,.lightbluet a{color:#66a6e1;}



.whitet{color:#fff;}

.purplet,a.purplet{color:#eb7a79;}

.wm-70{min-width:70px;}



.link a{border-bottom:1px #c1c1c1 dashed;}

.ls-5{letter-spacing:5px;}

.text-span span{display:block;font-size: 22px;color: #fff;line-height: 35px;}

.border-radius-10{border-radius:10px;}



/* page */

.page{width:100%;overflow:hidden;text-align:center;font-size:16px;}

.page a{padding:11px 16px;margin:0 0 0 -1px;display:inline-block;background-color:#f1f1f1;color:#666;border:1px #f1f1f1 solid;position:relative;}

.page a:hover,.page a.active{background:#9bc929;color:#fff;text-decoration:none;border:1px #9bc929 solid;z-index:1;}