/* 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;}
h1{position:absolute;float:none;top:0px;left:0px;text-indent:-999px;overflow:hidden;width:1px;height:1px;}
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: 1px;}
.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(http://qxu1885290002.my3w.com/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(http://qxu1885290002.my3w.com/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.gototop{position:fixed;bottom:50px;right:0px;padding:3px 15px 3px 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: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:85px;top:0px;z-index:99999;background-color: rgba(0,0,0,0.3);line-height:56px;}
.header.fixed{top:0px;}
.menu{font-size:17px;float: right;}
.menu span{margin-left:80px;float:left;position: relative;}
.menu span.current a{opacity: 1;}
.menu a{color:#fff;opacity: 0.7;float:left;line-height: 85px;}
.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(0,0,0,0.3);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:15px;font-weight: normal;opacity: 0.5;}
.menu span.current p a{opacity: 0.7;}
.menu span.current p a:hover{background-color: #000;opacity: 1;}
.menu p:before{content:"";font-size: 0;line-height: 0;border-width: 10px;border-color:rgba(0,0,0,0.3);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;}

.dhy{
	float: right;
	margin-left: 40px;
	margin-top: 29px;
}
.dhy img{
	float: left;
}.dhy p{
	float: left;
	line-height: 27px;
	font-size: 16px;
	color: #fff;
	margin-left: 5px;
}
/*footer*/
.footer{background-color:#fff;}

.footer a.whitet{color:#fff;}
.footer .w25 a:hover{}
.footer .qrcode{top:30px;}
.copyright{padding:20px 0;background-color:#fff;}

/*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:#dc1818;}
.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(../image/fw1.png) no-repeat center ;
	height: 650px;
	padding-top: 285px;
}
.fw1 img{
	margin: 0 auto;
	display: block;
}
.fw2{
	background: url(../image/fw2.png) no-repeat center;	height: 650px;
	padding-top: 285px;
}
.fw2 img{
	margin: 0 auto;
	display: block;
}
.fw3{
	background: url(http://qxu1885290002.my3w.com/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(http://qxu1885290002.my3w.com/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: 34px;
	line-height: 45px;
	color: #000;
}

.ys  h4{
	font-size: 20px;
	line-height: 30px;
	margin-top: 10px;
	color: #000;
}
.jj{
	background: url(http://qxu1885290002.my3w.com/images/bj1.png);
		background-size:auto 100% ;
}
.ys {
	background: url(http://qxu1885290002.my3w.com/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 #000;
}
.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%;
}
.xwz1{margin-top: 25px;}
.xwz1 ul{
	width: 340px;margin: 0 auto;
	display: block;
	
}
.xwz4{
	width: 120px;
	height: 120px;
	background: #0099e4;
	border-radius: 15px;
	position: relative;
	overflow: hidden;
	float: left;
}.xwz4 h4{

	font-size: 60px;
	line-height: 85px;
	font-weight: bold;
	text-align: center;
	margin: 0;
	color: #fff;
}
.xwz41 h6{
	
	font-size: 18px;
	line-height: 35px;

	text-align: center;
	margin: 0;
	color: #fff;
	background: #0089cd;
}

.
.xwz6 p{
	font-size: 14px;
	line-height: 28px;

	text-align: left;
	margin: 0;
	color: #666666;
}
.xwz7{
	float: right;
}
.xwz7 img{
	float: left;
}
.xwz7 h6{
	font-size: 14px;
	line-height: 14px;
float: left;
	margin: 0;
	color: #eb4f38;
}
.xwz6 h4:hover{
	color: #f86312;
}
.xwz6 p:hover{
	color: #000;
}
.ch{
	width: 95%;
	margin-top: 50px;
}
.ch .row{
	width: 53%;
	float: left;
}.xwz4:hover{
	background: #eb4f38;
}
.xwz4:hover .xwz41 h6{
	background: #d34732;
}
.xwz3{
	padding-bottom: 45px;
	margin-top: 40px;
	border-bottom: 1px solid #eeeeee;
}
.xwz3:nth-child(6){
	border: 0;
	margin-bottom: 90px;
}
.xwf{
	padding: 50px 0;
	width: 62.5%;
	margin: 0 auto;
}
.xwf h2{
	
	text-align: center;
	font-size: 32px;
	font-weight: bold;
	color: #000000;
	margin: 0;
	display: block;
	line-height: 35px;
}
.xwf2{
	margin-top: 30px;
}.xwf2 ul li{
	line-height: 30px;
}
.xwf h6{
	
	text-align: center;
	font-size: 20px;
	margin-top: 10px;
	color: #000000;
	margin: 0;display: block;
	line-height: 35px;
	margin-bottom: 30px;
}
.xwf p{
	
	text-align: left;
	font-size: 16px;
	margin-top: 30px;
	color: #666;
	margin: 0;display: block;
	line-height: 30px;
}

.qywh2 img{
	 transition: transform 0.3s,background-color 0.3s;
}
.qywh2 img:hover{
	transform: scale(1.03);
}

.lx{
	width: 100%;
	height: 350px;
	background: #ccc;
}

.al{
	width: 62.5%;
	margin: 0 auto;
}

.lx1{
	width: 62.5%;
	margin: 0 auto;
margin-top: -130px;
	background: #fff;
	max-width: 1000px;
	position: relative;
	z-index: 3;
	margin-bottom: 50px;
	padding-bottom: 70px;
}
.lxwmz{
	padding: 50px 0;
}
.lx1 h3{
	
	font-size: 30px;

	color: #171717;

	text-align: center;margin: 0;display: block;
	line-height: 40px;
padding: 30px 0;
}
.lxfs1 h4{
	font-size: 22px;
font-weight: bold;
	color: #fdd63c;
margin-bottom: 20px;
	line-height: 30px;

}.lxfs1  ul li{
	font-size: 16px;

	color: #EFEFEF;

	line-height: 30px;

}
.lxfs1  ul li span{
	color:  #fff;
	margin-right: 5px;
}

.lxwmz h3{
	font-size: 30px;
padding-bottom: 50px;
	color: #171717;

	text-align: center;margin: 0;display: block;
	line-height: 40px;

}
.lx2{
	width: 41.66%;
	float: left;
}
.lx3{
	width: 720px;
margin: 0 auto;
}
.lx2 h5{
	

	font-size: 30px;
font-weight: bold;
	color: #171717;
	margin: 0;display: block;
	line-height: 40px;
	margin-bottom: 10px;
}
.lxfs1{
	width: 33.33%;
	float: left;
padding: 0 50px 0 50px;
	border-right: 1px solid  #171717;
}
.lx2 p{
	width: 85%;
	font-size: 16px;
	color: #787878;
	margin: 0;display: block;
	line-height: 35px;
	margin-bottom: 30px;
}
.lx2 ul li{
	width: 85%;
	font-size: 16px;

	color: #010101;
	margin: 0;display: block;
	line-height: 35px;
	
}
.lxfs1 img{
	margin: 0 auto;
}
.cp1{
	width: 42.7%;
	float: left;
	min-height: 1068px;
}
.cp3{
	width: 61.8%;
	float: left;
	height: 100%;
	overflow: hidden;
}.cp3 img{
	height: 1068px;
	width: 507px;max-width: 507px;
}
.cp4{
	width: 38.2%;
	float: left;
	height:1068px;
	background: #c59b6d;
}
.cp5{
	width: 60px;
	margin: 0 auto;
}
.cp5 a {
	float: left;
	margin: 0 auto;
	width: 30px;
}
.cp4 img{
	margin: 0 auto;
	margin-top: 25px;
}
.cp4 ul{
	margin-top: 45px;
}

.cp4 ul li{width: 61%;
	margin: 0 auto;
	margin-bottom: 35px;
	font-size: 18px;
	text-align: center;
	line-height: 45px;
	background: #fff;
	
}
.cp4 ul li a{
	color: #c59b6d;
}

.cp4 ul li a:hover{
	color: #666;
}
.cp2{
	width: 67.7%;
margin: 0 auto;
	padding-top: 30px;
}
.cp2 h3{
	 
	font-size: 36px;
text-align: center;
	color: #000;
	margin: 0;display: block;
	line-height: 46px;
	margin-bottom: 10px;
}.cp2 h4{
	 
	font-size: 24px;
text-align: center;
	color: #fdd63c;
	margin: 0;display: block;
	line-height: 24px;
	margin-bottom: 10px;
}
.cp6{
	width: 93%;
	margin: 0 auto;
}
.ch .pp{
	
	
	width: 37%;
	margin-left: 10%;
}
.ch .pp  ul{
	margin-top: 30PX;
	padding: 15px 30px 20px;
	background: rgba(255,255,255,0.57);
}
.ch .pp  ul li

{
	margin-bottom: 55px;
}
.ch .pp  ul li h5{
	margin: 0;
	text-align: left;
	font-size: 15px;
	color: #f19149;
	line-height: 20px;
}
.ch .pp  ul li h2{
	
	
	text-align: left;
	font-size: 24px;
	color: #000000;
	margin: 0;
	line-height: 35px;
}.ch .pp  ul li p{
	
	
	text-align: left!important;
	font-size: 14px;
	color: #000000;
	margin: 0;
	display: block;
	margin-top:3px;
	line-height: 23px;
}
.ch .pp  ul li .ppx{
	width: 30PX;
	height: 2px;
	background: #a19f9f;
}
.ch .row .col{
	width: 31%;
	float: left;
	margin: 0 1.16%;
}
.col {
		  overflow: hidden;
		  position: relative;
		}

		.slide {
		  position: absolute;
		  top: 0;
		  right: 0;
		  bottom: 0;
		  left: 0;
		  /* 
		    Visibility delay gives the previously hovered element time to slide out before disappearing.
		    Remove the `visibility` transition to slide in current element without sliding out previous element
		  */
		  -webkit-transition: all 0.275s ease-in-out, visibility 0s 0.275s;
		  transition: all 0.275s ease-in-out, visibility 0s 0.275s;
		  visibility: hidden;
		  will-change: transform;
		  -webkit-transform: translateY(100%);
		          transform: translateY(100%);
		}

		.row:hover ~ .row .slide {
		  -webkit-transform: translateY(-100%);
		          transform: translateY(-100%);
		}
		.row:hover .slide {
		  -webkit-transform: translateX(100%);
		          transform: translateX(100%);
		}
		.row:hover .col:hover ~ .col .slide {
		  -webkit-transform: translateX(-100%);
		          transform: translateX(-100%);
		}
		.row:hover .col:hover .slide {
		  -webkit-transform: none;
		          transform: none;
		  visibility: visible;
		  -webkit-transition-delay: 0s;
		          transition-delay: 0s;
			
		}
.gsjj{
	width: 100%;
	padding-top: 40px;
	padding-bottom: 100px;
	
}
.gsjj h3{
	font-size: 36px;
	line-height: 46px;
	color: #333333;
	text-align: center;
	margin-bottom: 20px;
}.gsjj h4{
	font-size: 18px;
	line-height: 30px;
	color: #999999;
	text-align: center;
}
.gsjj1{width: 52%;
	margin: 0 auto;
	margin-top: 40px;
}
	
.gsjj2{

	border: 1px solid #e5e5e5;
	padding: 30px 5px;
	box-sizing: border-box;
	border-bottom: 4px solid #687352

}.gsjj2 p{
	font-size: 16px;
	line-height: 40px;
	color: #666666;
	display: block;
	text-align: center!important;
}	.gsjj3 {
	margin-top: 55px;
}
	.gsjj3 h5{
	font-size: 24px;
	line-height: 40px;
	color: #333333;
	text-align: center;
	margin-bottom: 20px;
}
.gsjj4{
	padding: 40px 0;
}
.gsjj5{
	width: 62.5%;
	margin: 0 auto;
}.gsjj6{
	width: 50%;	float: left;
}
.gsjj7{
	width: 50%;
	float: left;
	padding-top: 50px;
	padding-left: 50px;
}.gsjj7 h2{
	font-size: 24px;
	line-height: 30px;
	color: #333333;
	text-align:left;
	margin-bottom: 20px;
}.gsjj3 p{
	font-size: 16px;
	line-height: 35px;
	color: #666666;text-align:justify;

}.gsjj7 p{
	font-size: 16px;
	line-height: 30px;
	color: #666666;text-align:justify;

}.gsjj8{
	margin-top: 50px;
}
	
.gsjj8 .gsjj7{
	padding-top: 50px;
	padding-left: 0px;
	padding-right: 50px;
} .gsjj9{
	background: #313131;
}
.gsjj10{
	width: 50%;
	float: left;
	height: 100%;
}
.gsjj10 img{
	height: 100%;
	width: auto;
	max-width:auto;
}

.gsjj11{
	width: 50%;
	float: left;
}
.gsjj11{
	padding: 170px 200px;
	padding-bottom: 0;
}



.gsjj11 h4{
	font-size: 26px;
	line-height: 30px;
	color: #fff;
	text-align:left;
	margin-bottom: 25px;
}


.gsjj11 p{
	font-size: 16px;
	line-height: 25px;
	color: #fff;
	text-align:left;
	margin-bottom: 25px;
}

.qywh h4{
	font-size: 28px;
	color: #000;
	line-height: 40px;
	text-align: center;
}

.tu{
	float: left;
	overflow: hidden;
	    width: 17%;
    margin: 0 1.5%;
    margin-bottom: 40px;
	position: relative;

}
.tu h3{
	    color: #fff;
    font-size: 25px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0;
	position: absolute;
	z-index: 10000;
	left: calc(50% - 51px);
margin-top: -35px;
}
.tu .tm_edd{transform: scale(1.05);
	transform:translate(0,);
	background-color:rgba(0,0,0,0.6);}
.tu:hover img{
	transition:transform 0.5s;
	transform: scale(1.05);
}
.touming{
	z-index: 55;
	transition:transform 0.5s,background-color 0.5s;
	position:absolute;
	background-color:rgba(0,0,0,0.3);
	width:100%;
	height:100%;
	left:0;
	top:0;}
.tu:hover .touming{
	transform: scale(1.05);
	transform:translate(0,);
	background-color:rgba(0,0,0,0);
}
.qywh1{
	width: 62.5%;
	margin: 0 auto;
	margin-top: 70px;
}
.yj{
	width: 62.5%;
	margin: 0 auto;
	padding-top: 50px;
	
	
}
.yj1{
	padding-bottom: 10px;
	border-bottom: 1px solid #e8dcc9;
}
.qywh2{
	width: 25%;
	margin: 0 4.16%;
	float: left;
}
.qywh2 h5{
	font-size: 20px;
	color: #333333;
	border-bottom: 1px solid #dadada;
	line-height: 60px;
	text-align: center;
}
.yj2{
	float: left;
}
.yj2 ul{
	width: 90px;
	float: left;
	margin: 0 20px;
	
}
.yj2 ul li{
	font-size: 20px;
	line-height: 35px;
	color: #fff;
	text-align: center;
}
.yj2 ul li span{
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	text-align: center;
}
.yj2 ul li a{
		color: #fff;
}
.yj2 ul li a:hover{
	color:#C4C4C4;
}
.yj3{
	float: right;
	
}
.yj3 h2{font-size: 36px;
	line-height: 45px;
	color: #fff;
	margin: 0;
	margin-bottom: 10px;
	text-align: right;
}.yj3 h6{font-size: 16px;
	line-height: 30px;
	color: #fff;
	margin: 0;
	text-align: right;
	margin-bottom: 10px;
}
.yj4 img{
	float: right;
	margin: 0 7.5px;
}
.yj5{
	margin-top: 15px;
	padding-bottom: 20px;
}.yj5 img{
	float: left;
}
.yj5 p{
	float: right;
	font-size: 16px;
	line-height: 52px;
	color: #fff;
	margin: 0;
	opacity: 0.5;
	text-align: right;
	
}
.yj5 p img{
float: right;
	margin-top: 18px;
}
/* Pen styling */
		

		/*body {
		  background: #fefefe;
		  color: #333;
		  font: 14px /1.5 "Fira Sans", sans-serif;
		}

		h1 {
		  font-size: 2.5rem;
		  font-weight: 300;
		  margin: 1.5em 0.5rem 1em;
		  text-align: center;
		}*/

		.container {
		  margin: 0 auto;
		  padding: 2rem;
		  max-width: 1200px;
		}

		

		.col {
		  color: #fff;
		  -webkit-box-flex: 1;
		      -ms-flex: 1 1 auto;
		          flex: 1 1 auto;
		  min-height: 650px;
		  position: relative;
		}
		.col h2 {
		  font-weight: 300;
		  font-size: 1.33333rem;
		  line-height: 1.25;
		  margin: 0;
		  position: absolute;
		  bottom: 1.5rem;
		  right: 1.5rem;
		  z-index: 0;
		}

		.col:nth-child(2) {
		  margin-top: 80px!important;
		}
.col:nth-child(3) {
		  margin-top: 40px!important;
		}


		.photo-container {
		  background: #0f0523 50% 50% / cover;
		  position: absolute;
		  top: 0;
		  right: 0;
		  bottom: 0;
		  left: 0;
		  -webkit-transition: 1s;
		  transition: 1s;
		  -webkit-transform-origin: bottom right;
		          transform-origin: bottom right;
		}
		
		.col:hover .photo-container {
		  -webkit-transform: scale(1.15);
		          transform: scale(1.15);
		}

		.slide {
		  background: rgba(0, 0, 0, 0.25);
		  padding: 0 1.5rem;
}.slide p{
	font-size: 30px;
	position: relative;
	top:242px;

}
.pp{
	float: right;
}
		
		.box1{
		    text-align: center;
		    overflow: hidden;
		    position: relative;
		}
		.box1:before{
		    content: "";
		    width: 0;
		    height: 100%;
		    background: #000;
		    padding: 14px 18px;
		    position: absolute;
		    top: 0;
		    left: 50%;
		    opacity: 0;
		    transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
		}
		.box1:hover:before{
		    width: 100%;
		    left: 0;
		    opacity: 0.7;
		}
.kh{
	width: 25%;
	float: left;
}
		.box1 img{
		    width: 100%;
		    height: auto;
		}
		.box1 .box1-content{
		    width: 100%;
		    padding: 14px 18px;
		    color: #fff;
		    position: absolute;
		    top: 38%;
		    left: 0;
		}
		.box1 .title{
		    font-size: 25px;
		    font-weight: 600;
		    line-height: 30px;
		    text-transform: uppercase;
		    margin: 0;
		    opacity: 0;
		    transition: all 0.3s ease 0s;
		}
		.box1 .post{
		    font-size: 15px;
		    text-transform: capitalize;
		    opacity: 0;
		    transition: all 0.3s ease 0s;
		}
		.box1:hover .title,
		.box1:hover .post{
		    opacity: 1;
		    transition-delay: 0.5s;
		}
		.box1 .icon{
		    padding: 0;
		    margin: 0;
		    list-style: none;
		    margin-top: 15px;
		}
		.box1 .icon li{
		    display: inline-block;
		}
		.box1 .icon li a{
		    display: block;
		    width: 40px;
		    height: 40px;
		    line-height: 40px;
		    border-radius: 50%;
		    background: #f74e55;
		    font-size: 20px;
		    font-weight: 700;
		    color: #fff;
		    margin-right: 5px;
		    opacity: 0;
		    transform: translateY(50px);
		    transition: all 0.5s ease 0s;
		}
		.box1:hover .icon li a{
		    opacity: 1;
		    transform: translateY(0px);
		    transition-delay: 0.5s;
		}
		.box1:hover .icon li:last-child a{
		    transition-delay: 0.8s;
		}
		
		.demo{padding: 70px 0;}
		:root{
		    --color_1: #fff;
		    --main-color: #1dd1a1;
		}
		.box{
		 font-family:"Microsoft YaHei","微软雅黑","微軟雅黑";
		    text-align: center;
		    position: relative;
		    overflow: hidden;
		}
		.box:before,
		.box:after,
		.box-content:before,
		.box-content:after{
		    content: '';
		    background: linear-gradient(transparent,rgba(0,0,0,0.7));
		    height: 100%;
		    width: 25%;
		    transform: translateY(-100%);
		    position: absolute;
		    left: 0;
		    top: 0;
		    z-index: 1;
		    transition: all 0.3s;
		}
		.box:hover:before,
		.box:hover:after,
		.box:hover .box-content:before,
		.box:hover .box-content:after{
		    transform: translateY(0);
		}
		.box:after{ left: 25%; }
		.box .box-content:before{ left: 50%; }
		.box .box-content:after{ left: 75%; }
		.box:hover:before{ transition-delay: 0.225s; }
		.box:hover:after{ transition-delay: 0.075s; }
		.box:hover .box-content:before{ transition-delay: 0.15s; }
		.box:hover .box-content:after{ transition-delay: 0s; }
		.box img{
		    width: 100%;
		    height: auto;
		    transition: all 0.3s ease 0s;
			filter: grayscale(20%);
		}
		.box:hover img{ filter: grayscale(0%); }
		.box .box-content{
		    width: 100%;
		    height: 100%;
		    position: absolute;
		    bottom: 0;
		    left: 0;
		    transition: all 0.2s;
		}
		.content{
		    width: 100%;
		    padding: 7px 0;
		    
		    position: absolute;
		    left: 0;
		  
		    z-index: 2;
		    transition: all 0.3s ease 0.1s;
		}
		.box:hover .content{
		    opacity: 1;
		    bottom: 5px;
		}
		.box .title{
		    color:#fff;
		    font-size: 25px;
		    font-weight: 500;
		    letter-spacing: 1px;
		    text-transform: uppercase;
		    margin: 0;
		}
		.box .post{
		    color: var(--main-color);
		    font-size: 16px;
		    font-style: italic;
		    text-transform: capitalize;
		    letter-spacing: 1px;
		    margin-bottom: 10px;
		    display: block;
		}
		.box .icon{
		    padding: 0;
		    margin: 0;
		    list-style: none;
		    transform: translateX(-50%);
		    position: absolute;
		    top: 15px;
		    right: -10px;
		    z-index: 2;
		    transition: all 0.5s ease 0.3s;
		}
		.box .icon li{
		    opacity: 0;
		    transform: scale(0) rotate(360deg);
		    transition: all 400ms;
		}
		.box:hover .icon li{
		    opacity: 1;
		    transform: scale(1) rotate(0);
		}
		.box .icon li a{
		    color: var(--color_1);
		    background-color: var(--main-color);
		    font-size: 20px;
		    line-height: 40px;
		    height: 40px;
		    width: 40px;
		    margin-bottom: 10px;
		    border-radius: 50%;
		    display: block;
		    position: relative;
		    transition: all 0.3s;
		}
		.box .icon li a:hover{
		    text-decoration: none;
		    color: var(--main-color);
		    background-color: var(--color_1);
		    border-radius: 0 20px 0 20px;
		}
		@media only screen and (max-width:990px){
		    .box{ margin-bottom: 30px; }
		}
		@media only screen and (max-width:479px){
		    .box .title{ font-size: 20px; }
		}
.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: 36px;
	line-height: 50px;
	letter-spacing: 5px;
}.lxwm .f-18{
	font-size: 18px;
	line-height: 28px;
	margin-top: 30px;
}
.zx2{
	margin-top: 50px;
}
.lxx {
	width: 50%;
	height: 1px;
	background: #fff;
}.lxwm1{
		width:1000px;
	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:275px;
		float: left;
}.lxwm3 img{
	margin-top: 25px;
}
.lxwm4{
	width:275px;float: left;
}.lxwm4 img{
	margin-top: 25px;
}
.footer p{
	text-align: center;
	font-size: 16px;
	line-height:28px;
	color: #402020;

	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 #ff7a45 solid;}
.b-l-green{border-left:1px #ff7a45 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","微软雅黑","微軟雅黑";}
.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:#ff7a45;}
.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;}
a.active{
	border:none!important;
}
a{ text-decoration:none!important; outline:none!important;}
a:active {star:expression(this.onFocus=this.blur())!important;}

.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;}