body{ font: 14px/1.5 "Helvetica Neue",Helvetica,Arial,"Heiti SC","ST Heiti","华文黑体","Microsoft YaHei","雅黑体",SimHei,"黑体",sans-serif; color:#666;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset{border:0}
img{border:0; max-width:100%;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}
legend{color:#000}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary,audio,canvas,video { display: block; }
audio:not([controls]) { display: none; height: 0; }
svg:not(:root) {overflow: hidden;}
[hidden],template { display: none;}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
a { text-decoration:none; color:#666; }
input[type="submit"],input[type="reset"],input[type="button"],button {-webkit-appearance: none;}
*{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; /* For some Androids */}
.c:before,.c:after,.w:before,.w:after{
	content: " "; display: table;
}
.c:after,.w:after{
	clear: both;
}
.c,.w{
	zoom:1;/*zoom<IE8*/
}
.w {
	position: relative;
	width:1180px;
	margin-right: auto;
	margin-left: auto;
}
.w-1200 {
	width:1180px;
	margin-right: auto;
	margin-left: auto;
}
.w-1400 {
	width:1180px;
	margin-right: auto;
	margin-left: auto;
}
.w-1600 {
	width:1180px;
	margin-right: auto;
	margin-left: auto;
}
.w-tp50 {
	padding-top: 50px;
}
.w-tp35 {
	padding-top: 35px;
}
/*@media (min-width:768px) {.w-1180 {width:750px;}}
@media (min-width:992px) {.w-1180 {width:980px;}}*/
@media (min-width:1200px) {.w {width:1180px;}}
@media (min-width:1400px) {.w {width:1380px;}.w-1400 {width:1380px;}.w-1600 {width:1380px;}}
@media (min-width:1600px) {.w {width:1580px;}.w-1600 {width:1580px;}}
@media (min-width:1920px) {.w {width:1800px;}}

.g{float:left}
.x1,.x01>.g{width:8.33333333%}.x1-2,.x01-2>.g{width:10%}.x1-5,.x01-5>.g{width:12.5%}.x2,.x02>.g{width:16.66666667%}.x2-4,.x02-4>.g{width:20%}.x3,.x03>.g{width:25%}.x4,.x04>.g{width:33.33333333%}.x5{width:41.66666667%}.x6,.x06>.g{width:50%}.x7{width:58.33333333%}.x8{width:66.66666667%}.x9{width:75%}.x10{width:83.33333333%}.x11{width:91.66666667%}.x12,.x012>.g{width:100%}
@media(min-width:768px){.s1,.s01>.g{width:8.33333333%}.s1-2,.s01-2>.g{width:10%}.s1-5,.s01-5>.g{width:12.5%}.s2,.s02>.g{width:16.66666667%}.s2-4,.s02-4>.g{width:20%}.s3,.s03>.g{width:25%}.s4,.s04>.g{width:33.33333333%}.s5{width:41.66666667%}.s6,.s06>.g{width:50%}.s7{width:58.33333333%}.s8{width:66.66666667%}.s9{width:75%}.s10{width:83.33333333%}.s11{width:91.66666667%}.s12,.s012>.g{width:100%}}
@media(min-width:992px){.m1,.m01>.g{width:8.33333333%}.m1-2,.m01-2>.g{width:10%}.m1-5,.m01-5>.g{width:12.5%}.m2,.m02>.g{width:16.66666667%}.m2-4,.m02-4>.g{width:20%}.m3,.m03>.g{width:25%}.m4,.m04>.g{width:33.33333333%}.m5{width:41.66666667%}.m6,.m06>.g{width:50%}.m7{width:58.33333333%}.m8{width:66.66666667%}.m9{width:75%}.m10{width:83.33333333%}.m11{width:91.66666667%}.m12,.m012>.g{width:100%}}
@media(min-width:1200px){.l1,.l01>.g{width:8.33333333%}.l1-2,.l01-2>.g{width:10%}.l1-5,.l01-5>.g{width:12.5%}.l2,.l02>.g{width:16.66666667%}.l2-4,.l02-4>.g{width:20%}.l3,.l03>.g{width:25%}.l4,.l04>.g{width:33.33333333%}.l5{width:41.66666667%}.l6,.l06>.g{width:50%}.l7{width:58.33333333%}.l8{width:66.66666667%}.l9{width:75%}.l10{width:83.33333333%}.l11{width:91.66666667%}.l12,.l012>.g{width:100%}}
.xs8,.xs8>.g,.xs08>.g{padding-right:4px;padding-left:4px}.xs08{margin-right:-4px;margin-left:-4px}.xs10,.xs10>.g,.xs010>.g{padding-right:5px;padding-left:5px}.xs010{margin-right:-5px;margin-left:-5px}.xs20,.xs20>.g,.xs020>.g{padding-right:10px;padding-left:10px}.xs020{margin-right:-10px;margin-left:-10px}.xs30,.xs30>.g,.xs030>.g{padding-right:15px;padding-left:15px}.xs030{margin-right:-15px;margin-left:-15px}.xs40,.xs40>.g,.xs040>.g{padding-right:20px;padding-left:20px}.xs040{margin-right:-20px;margin-left:-20px}
@media(min-width:768px){.ss10,.ss10>.g,.ss010>.g{padding-right:5px;padding-left:5px}.ss010{margin-right:-5px;margin-left:-5px}.ss20,.ss20>.g,.ss020>.g{padding-right:10px;padding-left:10px}.ss020{margin-right:-10px;margin-left:-10px}.ss30,.ss30>.g,.ss030>.g{padding-right:15px;padding-left:15px}.ss030{margin-right:-15px;margin-left:-15px}.ss40,.ss40>.g,.ss040>.g{padding-right:20px;padding-left:20px}.ss040{margin-right:-20px;margin-left:-20px}.ss10,.ss20,.ss30,.ss40{margin-right:0;margin-left:0}.ss010,.ss020,.ss030,.ss040{padding-right:0;padding-left:0}}
@media(min-width:992px){.ms10,.ms10>.g,.ms010>.g{padding-right:5px;padding-left:5px}.ms010{margin-right:-5px;margin-left:-5px}.ms20,.ms20>.g,.ms020>.g{padding-right:10px;padding-left:10px}.ms020{margin-right:-10px;margin-left:-10px}.ms30,.ms30>.g,.ms030>.g{padding-right:15px;padding-left:15px}.ms030{margin-right:-15px;margin-left:-15px}.ms40,.ms40>.g,.ms040>.g{padding-right:20px;padding-left:20px}.ms040{margin-right:-20px;margin-left:-20px}.ms10,.ms20,.ms30,.ms40{margin-right:0;margin-left:0}.ms010,.ms020,.ms030,.ms040{padding-right:0;padding-left:0}}
@media(min-width:1200px){.ls10,.ls10>.g,.ls010>.g{padding-right:5px;padding-left:5px}.ls010{margin-right:-5px;margin-left:-5px}.ls20,.ls20>.g,.ls020>.g{padding-right:10px;padding-left:10px}.ls020{margin-right:-10px;margin-left:-10px}.ls30,.ls30>.g,.ls030>.g{padding-right:15px;padding-left:15px}.ls030{margin-right:-15px;margin-left:-15px}.ls40,.ls40>.g,.ls040>.g{padding-right:20px;padding-left:20px}.ls040{margin-right:-20px;margin-left:-20px}.ls10,.ls20,.ls30,.ls40{margin-right:0;margin-left:0}.ls010,.ls020,.ls030,.ls040{padding-right:0;padding-left:0}}

.fullscreen,.fullscreen body{width: 100%;height: 100%;}

/*输入框*/
.u-ipt{display: inline-block; width: 100%; height: 40px; padding:4px 17px; line-height: 30px; border: 1px solid #e5e5e5; font-size: 16px;color: #333; outline: none;}
.u-ipt::-webkit-input-placeholder {font-size: 14px; color: #999;}
.u-ipt[disabled="disabled"]{background-color: #f5f5f5;}
.u-ipt:focus{border:1px solid #006f55;}

.u-textarea{display: inline-block; width: 100%; height: 120px; padding:4px 17px; line-height: 30px; border: 1px solid #e5e5e5; font-size: 16px;color: #333; outline: none;resize: none;}
.u-textarea::-webkit-input-placeholder {font-size: 14px; color: #999;}
.u-textarea[disabled="disabled"]{background-color: #f5f5f5;}
.u-textarea:focus{border:1px solid #006f55;}

/*按钮*/
.u-btns-top{padding-top: 20px;}
.u-btn-mini{display: inline-block;vertical-align: middle; height:50px;padding: 0 34px;  line-height: 50px; border:none; border-radius:2px;font-size: 18px; text-align: center; color:#fff; background-color: #006f55; outline: none; cursor: pointer;}
.u-btn-mini:hover , .u-btn-mini:active{background-color: #02916f;}
.u-btn-mini.n-blue{background-color:#4599f7;}
.u-btn-mini.n-blue:hover , .u-btn-mini.n-blue:active{background-color: #50afff;}
.u-btn-mini.n-gray{background-color: #e5e5e5; color:#666;}
.u-btn-mini.n-gray:hover , .u-btn-mini.n-gray:active{background-color: #cdcdcd; color:#fff;}

.u-btn{display: block; height:60px; line-height: 60px; border:none; border-radius:2px;font-size: 16px; text-align: center; color:#fff; background-color: #006f55; outline: none; cursor: pointer;}
.u-btn:hover , .u-btn:active{background-color: #02916f;}
.u-btn.n-middle{ height:40px; line-height: 40px;}
.u-btn.n-blue{background-color:#4599f7;}
.u-btn.n-blue:hover , .u-btn.n-blue:active{background-color: #50afff;}
.u-btn.n-gray{background-color: #e5e5e5; color:#666;}
.u-btn.n-gray:hover , .u-btn.n-gray:active{background-color: #cdcdcd; color:#fff;}
.u-btn.n-yellow{background-color: #ff9900;}
.u-btn.n-yellow:hover , .u-btn.n-yellow:active{background-color: #f6bc64;}

.u-check{display: inline-block; height:30px; line-height: 28px; padding:0 12px; border:1px solid #e5e5e5; text-align: center; background-color: #fff; cursor: pointer;}
.u-check.n-check{line-height: 26px; border:2px solid #23a96f; padding:0 11px;}
.u-check.n-disable{color:#999; cursor:not-allowed;     border: dashed 1px #e5e5e5;}

/* 页头 */
.m-header{position: relative; background-color: transparent;-webkit-transition: .4s;transition: .4s;width: 100%;height: auto}
.m-header:before{content: "";position: absolute;bottom: 0;left: 0;right: 0;height: 1px;background-color: #b8b8b8;}
.m-header.header-absolute{position: absolute;left: 0;right: 0;top: 0;z-index: 8;}
.m-header .nav{padding: 25px 0;}
.m-header .header-brand{display: inline-block;vertical-align: middle;width: 18%;}
.m-header .header-menu{float: right;padding-top: 10.5px;}
.m-header .header-menu ul{display: inline-block;vertical-align: middle;font-size: 16px;}
.m-header .header-menu li{position: relative;float: left;}
.m-header .header-menu li:before{content: ""; position: absolute;bottom: 0;left: 50%;display: none; width: 5px;height: 5px;margin-left: -2.5px;border-radius: 3px; background-color: #006f55;}
.m-header .header-menu li a{ display: block; padding:0 10px;line-height: 45px;}
.m-header .header-menu li div{position: absolute;bottom: 0;left: 50%;display: none; width: 5px;height: 5px;margin-left: -2.5px;border-radius: 3px; background-color: #006f55;}
.m-header .header-menu li:hover a,.m-header .header-menu li.active a{font-weight: bold; color: #006f55;}
.m-header .header-menu li:hover div,.m-header .header-menu li.active div{display: block;}
.m-header .option{position: absolute;right: 0;top: 0; font-size: 0;line-height: 100px;}
.m-header .option .item,.m-header .option .item i,.m-header .option .item span{display: inline-block;vertical-align: middle;}
.m-header .option .item{position: relative; padding-left: 30px;padding-right: 30px;cursor: pointer;}
.m-header .option .item:first-child{padding-left: unset;}
.m-header .option .item:last-child{padding-right: unset;}
.m-header .option .item+.item:before{content: "";position: absolute;left: 0;top: 50%;margin-top: -10px; width: 1px;height: 20px;background-color: #8f8f8f;}
.m-header .option .item i{width: 36px;height: 36px;background-repeat: no-repeat;background-position: center; background-size: 20px;}
.m-header .option .item i.product{background-image: url(../img/product_black.png);}
.m-header .option .item i.search{background-image: url(../img/search_black.png);}
.m-header .option .item i.menu{background-image: url(../img/menu_white.png);}
.m-header .option .item span{padding-left: 12px; font-size: 16px;font-weight: bold;}
.m-header .option .item span.white{color: #fff;}
.m-header.header-white .option .item i.product{background-image: url(../img/product_white.png);}
.m-header.header-white .option .item i.search{background-image: url(../img/search_white.png);}
.m-header.header-circle-white .option .item:before{background-color: transparent;}
.m-header.header-circle-white .option .item i{border-radius: 25px; background-color: #c3aec2;}
.m-header.header-circle-white .option .item i.search{background-image: url(../img/search_white1.png);}

/* 页脚 */
.m-footer{width: 100%;height: auto;background: url(../img/ft_bg.jpg) no-repeat right top #006f55;background-size: auto 100%;}
.m-footer-tp80{margin-top: 80px;}
.m-footer .nav{padding: 81px 0;}
.m-footer .footer-service{float: left; width: 17%;}
.m-footer .footer-service .item+.item{padding-top: 10px;}
.m-footer .footer-service .item:last-child{padding-top: 40px;}
.m-footer .footer-service .item .icon-76e{float: left; width: 30px;height: 30px;margin:5px 14px 0 0; border-radius: 17px; text-align: center; background-color: #76e0af;}
.m-footer .footer-service .item .icon-76e i{font-size: 16px;line-height: 30px; color: #006f55;}
.m-footer .footer-service .item .icon-004{display: inline-block;vertical-align: middle; width: 30px;height: 30px; border-radius: 15px; text-align: center; background-color: #004f3c;cursor: pointer;}
.m-footer .footer-service .item .icon-004+.icon-004{margin-left: 20px;}
.m-footer .footer-service .item .icon-004 i{font-size: 14px;line-height: 30px; color: #fff;opacity: .5;}
.m-footer .footer-service .item .icon-004:hover i{opacity: 1;}
.m-footer .footer-service .item .name{font-size: 12px; color: #77baaa;}
.m-footer .footer-service .item .desc{font-size: 14px; color: #fff;}
.m-footer .footer-menu{float: left; width: 67%;text-align: center;}
.m-footer .footer-menu ul{display: inline-block;vertical-align: middle;text-align: left;}
.m-footer .footer-menu li{float: left;padding:0 10px;}
.m-footer .footer-menu li h6{position: relative;overflow: hidden; display: inline-block;vertical-align: middle;text-overflow: ellipsis;white-space: nowrap;font-size: 16px; color: #fff;}
.m-footer .footer-menu li .sub{padding-top: 30px;}
.m-footer .footer-menu li a{overflow: hidden; display: block;text-overflow: ellipsis;white-space: nowrap;font-size: 12px; color: #c0ddd6;}
.m-footer .footer-menu li a:hover{color: #fff;}
.m-footer .footer-menu li a+a{padding-top: 15px;}
.m-footer .footer-brand{position: relative; float: right;width: 16%;color: #fff;text-align: right;}
.m-footer .footer-brand .logo{display: inline-block;}
.m-footer .copyright{position: absolute;right: 0;top:200px;font-size: 12px; line-height: 26px;color: c0ddd6; white-space: nowrap;}

.m-footer1{width: 100%;text-align: center; background-color: #00a0e9;}
.m-footer1 .copyright{display: inline-block;vertical-align: middle; font-size: 16px;line-height: 80px; color: #97dcfb;}

/*banner*/
.m-banner{position: relative;}
.m-banner img{width: 100%;}
.m-banner .banner-text{position: absolute;left: 0;top: 0;}

.m-banner-subsidiary{position: relative; background-color: #F1F1F1;}

.m-menu{position: relative;}
.m-menu.menu-position{position: fixed;left: 8.3%;top: 275px;z-index: 8;}
.m-menu .menus dd{font-size: 0;cursor: pointer;}
.m-menu .menus dd+dd{margin-top: 10px;}
.m-menu .menus dd span{display: inline-block;vertical-align: middle; font-size: 16px; color: #aaaaaa;}
.m-menu .menus dd span.num{padding-right: 20px; font-size: 20px;}
.m-menu .menus dd.active{margin-bottom: 80px;}
.m-menu .menus dd.active span,.m-menu .menus dd:hover span{color: #000;}
.m-menu.menu-roll .menus dd+dd{transform: translateY(200px);transition:transform .2s linear;}
.m-menu.menu-roll .menus dd.active{margin-bottom: 0;}

/*floor*/
.m-floor{position: relative; height: 100%; background-repeat: no-repeat;background-size: cover;background-position: center;}
.m-floor .floor-hd{position: relative;height: 104px; padding-top: 40px; padding-bottom: 20px;}
.m-floor .floor-hd.floor-line:before{content: "";position: absolute;right: 0;bottom: 0;width: 80%;height: 1px;background-color: #d7d7d7;}
.m-floor .floor-hd .title{position: absolute;left: 0;top:0;}
.m-floor .floor-hd .title .name{font-size: 28px;color: #222;}
.m-floor .floor-hd .tab{text-align: right;}
.m-floor .floor-hd .tab dl{font-size: 0;}
.m-floor .floor-hd .tab dd{display: inline-block;vertical-align: middle;width: 115px;text-align: center;}
/* .m-floor .floor-hd .tab dd+dd{margin-left: 65px;} */
.m-floor .floor-hd .tab dd .item{display: block;height: 42px; font-size: 16px; line-height: 54px; color: #cbcbcd; cursor: pointer;}
.m-floor .floor-hd .tab dd:hover .item,.m-floor .floor-hd .tab dd.active .item{padding-top: 0;font-size: 28px; line-height: 42px; color: #fff;}
.m-floor .floor-hd .tab dd.active{width: 165px;}

.m-floor .floor-bd{position: relative;}
/* .m-floor .floor-bd .tab{padding-top: 17px;} */
.m-floor .floor-bd .tab.tab-rt{text-align: right;}
.m-floor .floor-bd .tab dl{font-size: 0;}
.m-floor .floor-bd .tab dd{position: relative; display: inline-block;vertical-align: middle;padding-bottom: 18px; font-size: 24px;cursor: pointer;}
.m-floor .floor-bd .tab dd+dd{margin-left: 57px;}
.m-floor .floor-bd .tab dd:hover,.m-floor .floor-bd .tab dd.active{color: #006f55;}
.m-floor .floor-bd .tab dd:hover:before,.m-floor .floor-bd .tab dd.active:before{content: "";position: absolute;left: 0;bottom:0;width: 100%; border-bottom: 3px solid #006F55;}

.m-floor .floor-bd .tab .layui-nav{padding: 0; font-size: 0;background-color: transparent;}
.m-floor .floor-bd .tab .layui-nav-item{position: relative;line-height: 91px;}
.m-floor .floor-bd .tab .layui-nav-item+.layui-nav-item{margin-left: 57px;}
.m-floor .floor-bd .tab .layui-nav-item a{padding: 0; font-size: 20px;color: #666; cursor: pointer;}
.m-floor .floor-bd .tab .layui-nav .layui-nav-item a:hover,.m-floor .floor-bd .tab .layui-nav .layui-this a{color: #006f55;}
.m-floor .floor-bd .tab .layui-nav .layui-this:after,.m-floor .floor-bd .tab .layui-nav-bar{height: 3px;background-color: #006f55;}

.m-floor .nav{position: absolute;right: 66px;top: 0;z-index: 8;display: table;height: 100%;padding-top: 100px;}
.m-floor .nav ul{display: table-cell;vertical-align: middle;}
.m-floor .nav li+li{margin-top: 62px;}
.m-floor .nav li .navitm{position: relative; display: block;padding-right: 20px;font-size: 16px;color: #ccc;text-align: right; cursor: pointer;}
.m-floor .nav li .navitm:before{content: ""; position: absolute;right: 0;top: 50%;margin-top: -3px; width: 6px;height: 6px;border-radius: 6px;background-color: #fff;opacity: .4;}
.m-floor .nav li.active .navitm,.m-floor .nav li:hover .navitm{color: #fff;}
.m-floor .nav li.active .navitm:before,.m-floor .nav li:hover .navitm:before{opacity: 1;}
.m-floor .nav.nav-black li .navitm{color: #999;}
.m-floor .nav.nav-black li .navitm:before{background-color: #999;}
.m-floor .nav.nav-black li.active .navitm,.m-floor .nav.nav-black li:hover .navitm{color: #333;opacity: 1;}
.m-floor .nav.nav-black li.active .navitm:before,.m-floor .nav.nav-black li:hover .navitm:before{color: #666;}

.m-floor.floor-1{background-image: url(../img/index/banner1.jpg);background-size: auto 100%;}
.m-floor.j-floor-1{animation: floor1-bg 30s linear;}
.m-floor.floor-2{background-image: url(../img/index/banner2.jpg);}
.m-floor.floor-3{background-image: url(../img/index/banner3.jpg);}
.m-floor.floor-4{background-image: url(../img/index/banner4.jpg);}
.m-floor.floor-5{background-image: url(../img/index/banner5.jpg);}
.m-floor.floor-1 .content{position: absolute;left: 0;top: 0;z-index: 3;display: table; width: 100%; height: 100%;padding-top: 100px;text-align: center;}
.m-floor.floor-1 .content .control{display: table-cell;vertical-align: middle;}
.m-floor.floor-1 .content img{display: inline-block;}
.m-floor.floor-1 .cloud{position: absolute;left: 0;top: 0;z-index: 2;}
.m-floor.floor-1 .cloud1{left: 7%;top: 23.894736842105263157894736842105%;transform: translateX(0px)}
.m-floor.floor-1 .j-cloud1{ animation: floor1-cloud1 40s linear;}
.m-floor.floor-1 .cloud2{left: 50%;top: 36.315789473684210526315789473684%; transform: translateX(0px)}
.m-floor.floor-1 .j-cloud2{ animation: floor1-cloud2 40s linear;}
.m-floor.floor-1 .scrolling{position: absolute;left: 60px;bottom: 60px;z-index: 2;}
@keyframes floor1-bg {
	0% {
		background-size: auto 120%;
	}
	100% {
		background-size:auto 100%;
	}
}
@keyframes floor1-cloud1 {
	0% {
		/* left: 27%; */
		transform: translateX(300px);
	}
	100% {
		/* left: 7%; */
		transform: translateX(0px);
	}
}
@keyframes floor1-cloud2 {
	0% {
		/* left: 30%; */
		transform: translateX(-300px);
	}
	100% {
		/* left: 50%; */
		transform: translateX(0px);
	}
}
.m-floor.floor-2 .content{position: absolute;left: 0;top: 0;z-index: 3;display: table; width: 100%; height: 100%;padding-top: 100px;text-align: center;}
.m-floor.floor-2 .content .control{display: table-cell;vertical-align: middle;}
.m-floor.floor-2 .content img{display: inline-block;}
.m-floor.floor-2 .company{padding-top: 40px; font-size: 32px;color: #333333;}
.m-floor.floor-2 .desc{font-size: 16px;line-height: 2; color: #666;}
.m-floor.floor-2 .datas{width: 41.666666666666666666666666666667%;margin: 65px auto 0;text-align: center;}
.m-floor.floor-2 .datas .title{margin-top: 28px; font-size: 20px;color: #333333;}
.m-floor.floor-2 .datas .identification{font-size: 16px;color: #d7d7d7;}
.jqm-round-wrap{display:inline-block;vertical-align: middle;position:relative;width:156px;height:156px;overflow:hidden;border-radius:115px;-webkit-border-radius:115px;}
.jqm-round-sector{position:absolute;width:156px;height:156px;}
.jqm-round-bg {position:absolute;left: 1px;top: 1px; width:154px;height:154px;background-color:#0093dd;border-radius:115px;-webkit-border-radius:115px;}
.jqm-round-circle{position:absolute;background-color:#FFF;width:144px;height:144px;left:6px;top:6px;z-index:10;border-radius:105px;-webkit-border-radius:105px;display: table;}
.jqm-round-circle .control{display: table-cell;vertical-align: middle;text-align:center;width:100%;}
.jqm-round-circle p{font-size:16px;color: #999;}
.jqm-round-circle p:first-child{font-size:36px;font-weight:bold;color: #0093dd;}

.m-floor.floor-3 .content{position: absolute;left: 0;top: 0;z-index: 3;display: table; width: 100%; height: 100%;padding-top: 100px;}
.m-floor.floor-3 .content .control{display: table-cell;vertical-align: middle;}
.m-floor.m-floor.floor-3 .content img{display: inline-block;}
.m-media{position: relative;margin-top: 60px; background-color: #fff;}
.m-media .main{float: left;width: 50%;}
.m-media .secondary{float: left;width: 50%;height: 100%; padding-left: 45px;padding-right: 130px;background-image: url(../img/index/f3_media_bg.png);background-repeat: no-repeat; background-size: 100%;background-position: center bottom;}
.m-media .list{padding-bottom: 33px;}
.m-media .list .item{position: relative;display: block; margin-top: 33px; cursor: pointer;}
.m-media .list .point{position: absolute;right: -89px;top:50%;margin-top: -24px;display: none; border-radius: 30px; background-color: #f9f9f9; cursor: pointer;}
.m-media .list .point i{display: block;width: 48px;height: 48px;background-image: url(../img/index/f3_media_point.png);background-repeat: no-repeat; background-size: cover;}
.m-media .list .title{overflow:hidden;position: relative;font-size: 18px;line-height: 45px; color: #333;white-space:nowrap;text-overflow:ellipsis;}
.m-media .list .desc{overflow:hidden;font-size: 14px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.m-media .list .time{font-size: 14px;color: #666;}
.m-media .list .item:hover .title{font-weight: bold;}
.m-media .list .item.active .title{font-weight: bold;color: #00a0e9;}
.m-media .list .item.active .point{display:block;}
.m-media .list .item.active:before{content: "";position: absolute;left: -178px;top:50%;margin-top: -10px; width: 156px;height: 1px;background-color: #cecece;}

.m-floor.floor-4 .content{position: absolute;left: 0;top: 0;z-index: 3;display: table; width: 100%; height: 100%;padding-top: 100px;}
.m-floor.floor-4 .content .control{display: table-cell;vertical-align: middle;}
.m-floor.floor-4 .content img{display: inline-block;}
.m-floor.floor-4 .floor-hd{height: 144px;}
.m-floor.floor-4 .introdupction{width: 60%;}
.m-floor.floor-4 .slidenum{position: absolute;right: 0;top:0; width: 50%;text-align: center;}
.m-floor.floor-4 .slidenum span{font-size: 16px;color: #cbcbcb;}
.m-floor.floor-4 .slidenum span.num{font-size: 36px;color: #333333;}

.m-floor.floor-5 .content{position: absolute;left: 0;top: 0;display: table; width: 100%; height: 100%;padding-top: 100px;text-align: center;}
.m-floor.floor-5 .content .control{display: table-cell;vertical-align: middle;}
.m-floor.floor-5 .content img{display: inline-block;}

.m-floor-exhibition{position: relative;}
.m-floor-exhibition .control{padding-left: 300px;}
.m-floor-exhibition .floor{position: relative;}
.m-floor-exhibition .floor-title{padding-top: 40px; font-size: 46px;color: #333;}
.m-floor-exhibition .floor-imgs{margin-left: 78px;}
.m-floor-exhibition .tab{border-bottom: 1px solid #d7d7d7;}
.m-floor-exhibition .tab dl{font-size: 0;}
.m-floor-exhibition .tab dd{display: inline-block;vertical-align: middle;}
.m-floor-exhibition .tab dd+dd{margin-left: 20px;}
.m-floor-exhibition .tab dd .item{display: block; font-size: 16px;line-height: 77px; color: #b0b0b0; cursor: pointer;}
.m-floor-exhibition .tab dd:hover .item,.m-floor-exhibition .floor-hd .tab dd.active .item{ color: #00a0e9;}

.m-floor-exhibition .floor-2{background: url(./img/4关于小蓝村5.png) no-repeat right bottom #f8f8f8;background-size: 100%;}
.m-culture{margin-top: 60px;padding-bottom: 70px;}

/*navigation*/
.m-navigation{margin-left: 60px;padding-right: 60px;background-color: #F1F1F1;}
.m-navigation .nav{position: relative;display: inline-block;vertical-align: middle; padding-left: 33px;}
.m-navigation .logo{position: absolute;left: 0;top:50%;margin-top: -11px; width: 22px;height: 22px;}
/* .m-navigation dt,.m-navigation dd{display: inline-block;vertical-align: middle;line-height: 60px;}
.m-navigation .menu{float: right;}
.m-navigation .menu li{float: left;padding-left: 32px;}
.m-navigation .menu li a{position: relative;display: block; line-height: 60px;cursor: pointer;}
.m-navigation .menu li a:hover,.m-navigation .menu li a.active{font-weight: bold; color: #006f55;}
.m-navigation .menu li a:hover:before,.m-navigation .menu li a.active:before{content: ""; position: absolute;bottom: 0;left: 0;width: 100%;height: 2px; background-color: #006f55;} */
.m-navigation .layui-breadcrumb{line-height: 60px;}
.m-navigation .layui-breadcrumb>*{vertical-align: middle;}
.m-navigation .layui-breadcrumb a{color: #666!important;}
.m-navigation .layui-breadcrumb a:hover{color: #006f55!important;}
.m-navigation .menu{float: right;}
.m-navigation .menu .layui-nav{padding: 0; background-color: transparent;}
.m-navigation .menu .layui-nav-item{padding: 0;line-height: 60px;}
.m-navigation .menu .layui-nav-item+.layui-nav-item{margin-left: 32px;}
.m-navigation .menu .layui-nav-item a{position: relative; padding: 0;color: #666; cursor: pointer;}
.m-navigation .menu .layui-nav-item a:hover,.m-navigation .menu .layui-nav .layui-this a{color: #006f55;}
.m-navigation .menu .layui-nav .layui-this:after,.m-navigation .menu .layui-nav-bar{height: 2px;background-color: #006f55;}

/*article*/
.m-article{position: relative;padding-bottom: 50px;}
.m-article .title{padding-top: 40px; font-size: 32px;color: #333;}
.m-article .title-blue{ color: #00a0e9;}
.m-article .desc{position: relative;margin-top: 10px; padding-bottom: 20px; font-size: 16px; color: #00a0e9;}
.m-article .desc:before{content: "";position: absolute;left: 0;right: 0; bottom: 0;height: 1px;background-color: #d7d7d7;}
.m-article .content{margin-top: 20px;}
.m-article .content p{font-size: 16px;line-height: 30px;color: #666666;}
.m-article .content p+p{margin-top: 20px;}
.m-article .content img{width: 100%;}
.m-article .imgs{margin-top: 30px;}

.m-article-data{position: absolute; right: 0;top: 40px;}
.m-article-data .item{position: relative;width: 200px;}
.m-article-data .item+.item{margin-top: 50px;}
.m-article-data .item:before{content: ""; position: absolute;top: 0;right: 0;width: 107px;height: 1px; background-color: #e8e8e8;}
.m-article-data .data,.m-article-data .name{display: inline-block;vertical-align: middle;}
.m-article-data .data{position: relative;text-align: left;}
.m-article-data .data span{display: block; font-size: 16px;line-height: 1; color: #999999; white-space: nowrap;}
.m-article-data .data span.num{font-size: 36px;color: #0093dd;}
.m-article-data .name{padding-left: 63px; padding-top: 32px; font-size: 20px;color: #333333; white-space: nowrap;}

.m-article1{position: relative;padding-bottom: 50px;}
.m-article1 .title{position: relative; margin-top: 40px;padding-left: 39px; font-size: 24px;font-weight: bold; color: #00a0e9;}
.m-article1 .item i{position: absolute;left: 0;top: 50%;margin-top: -14.5px; width: 29px;height: 29px;background-repeat: no-repeat;background-size: cover;}
.m-article1 .item:nth-child(1) i{background-image: url(../img/7联系我们3.png);}
.m-article1 .item:nth-child(2) i{background-image: url(../img/7联系我们4.png);}
.m-article1 .desc{position: relative;margin-top: 10px; padding-bottom: 20px; font-size: 16px; color: #00a0e9;}
.m-article1 .desc:before{content: "";position: absolute;left: 0;right: 0; bottom: 0;height: 1px;background-color: #d7d7d7;}
.m-article1 .content{margin-top: 20px;}
.m-article1 .content p{font-size: 16px;line-height: 30px;color: #666666;}
.m-article1 .content p+p{margin-top: 20px;}
.m-article1 .content img{width: 100%;}q

/*data*/
.m-data{margin-top: 20px;border-bottom: 1px solid #d7d7d7;}
.m-data .item{position: relative;display: inline-block;vertical-align: middle; padding-bottom: 15px;}
.m-data .item+.item{margin-left: 15%;}
.m-data .item:before{content: ""; position: absolute;bottom: -2px;left: 0;width: 60px;height: 3px; background-color: #006f55;}
.m-data .data{position: relative; font-size: 50px;color: #222; white-space: nowrap;}
.m-data .data sup{position: absolute;right: -25px;top: -5%; width: 30px; transform: scale(.5);}
.m-data .name{font-size: 16px;color: #999; white-space: nowrap;}

/*sideslip-menu*/
.m-sideslip-menu{position: fixed;overflow: hidden; right: 0;top:0;z-index: 9;display: none; width: 65%;height: 100%;}
.m-sideslip-menu .control{position: relative;width: 100%;height: 100%;background-color: #fff;}
.m-sideslip-menu .title{position: absolute;left: 0;top: 0; width: 70px;height: 100%;}
.m-sideslip-menu .title i{display: block;width: 70px;text-align: center; font-size: 30px;line-height: 70px; color: #222;cursor: pointer;}
.m-sideslip-menu .title span{position: absolute;left: 0;bottom: 50px; display: block;padding: 0 26px; font-size: 18px;line-height: 18px; color: #222;}
.m-sideslip-menu .content{padding-left: 70px; width: 100%;height: 100%;}
.m-sideslip-menu .menu{float: left; height: 100%;width: 37%;}
.m-sideslip-menu .pro{position: relative; float: left;height: 100%;width: 63%;}
.m-sideslip-menu .pro-space{padding: 0 40px;}
.m-sideslip-menu .pro .maintitle{margin-top: 75px; font-size: 26px;color: #222;}
.m-sideslip-menu .pro .subtitle{font-size: 34px;color: #222;}
.m-sideslip-menu .pro .procontent{position: relative; padding-top: 60px;font-size: 14px;color: #666;}
.m-sideslip-menu .pro .procontent:before{position: absolute;left: 0;right: 0; top: 0;height: 1px; background-color: #d7d7d7;}
.m-sideslip-menu .pro .procontent p{line-height: 30px;}
.m-sideslip-menu .pro .link{margin-top: 70px; font-size: 14px;color: #333;}
.m-sideslip-menu .pro .link a{font-size: 14px;color: #00a0e9;}
.m-sideslip-menu .pro .imgs{position: absolute;left: 0;bottom: 0; font-size: 0;}
.m-sideslip-menu .pro .imgs img{display: inline-block;vertical-align: middle;width: 50%;}

/*list*/
.m-list{position: relative; padding-left: 25%;}
.m-list .item{display: block; padding-bottom: 38px;cursor: pointer;}
.m-list .thumbnail{position: relative;overflow: hidden; padding-top: 74%}
.m-list .thumbnail-3{position: relative;overflow: hidden; padding-top: 65%}
.m-list .thumbnail img{position: absolute;left: 0; top:0;width: 100%;-webkit-transition: 1.03s;transition: 1.03s;}
.m-list .thumbnail .mask{position: absolute;left: 0;top: 0;z-index: 999;width: 100%;height: 100%;background-color: rgba(0,0,0,.3);color: #fff;}
.m-list .thumbnail .mask .play{position: absolute;left: 50%;top: 50%;margin-top: -17px;margin-left: -17px; z-index: 999;width: 34px;height: 34px;color: #fff;}
.m-list .thumbnail .mask .fa-circle-thin{font-size: 34px;}
.m-list .thumbnail .mask .fa-play{font-size: 12px;}
.m-list .title-d{text-align: center; line-height: 31px;}
.m-list .item:hover .title-d{color: #006f55;}
.m-list .item:hover .thumbnail img{transform: scale(1.1);}

.m-list .title-q{position: relative; border-bottom:1px solid #e0e0e0;text-align: center; line-height: 31px;}
.m-list .title-q:before{content: ""; position: absolute;bottom: -2px;left: 0;width: 3px;height: 3px;border-radius: 1.5px; background-color: #e0e0e0;}
.m-list .title-q:after{content: ""; position: absolute;bottom: -2px;right: 0;width: 3px;height: 3px;border-radius: 1.5px; background-color: #e0e0e0;}
.m-list .item:hover .title-q{color: #006f55;border-bottom-color: #006f55;}
.m-list .item:hover .title-q:before{background-color: #006f55;}
.m-list .item:hover .title-q:after{background-color: #006f55;}

.m-list .title{overflow: hidden;height: 54px;margin-top: 10px; font-size: 18px;color: #333; font-weight: bold;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.m-list .desc{overflow: hidden;height: 42px; margin-top: 13px; font-size: 14px;color: #666; text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.m-list .label{position: relative;margin-top: 14px;font-size: 26px; color: #ccc;}
.m-list .label i{position: absolute;right: 0;top:50%;margin-top: -3px; width: 25px;height: 6px; background-image: url(../img/long_arrow_right_grey.png);background-repeat: no-repeat;background-position: center;background-size: cover;}

/*分页*/
.m-page-icon{
        margin:20px 0 0 0;/*设置距离顶部20像素*/
        font-size:0;/*修复行内元素之间空隙间隔*/
        text-align:center;/*设置内容居中显示*/
}

/*设置共有的的样式布局，主要是进行代码优化，提高运行效率*/
.m-page-icon a,.m-page-icon .page-disabled,.m-page-icon .page-next,.m-page-icon .page-current,.m-page-icon .page-more{
        display: inline-block;
        vertical-align: middle;
        width: 39px;
        height: 39px;
        border:1px solid #e0e0e0;
        border-radius:3px;
        text-align: center;
        line-height: 39px;
        font-size:18px;/*修复行内元素之间空隙间隔*/
        margin-right:12px;
}
.m-page-icon .page-disabled,.m-page-icon .page-next{
    font-size:25px;/*修复行内元素之间空隙间隔*/
}
.m-page-icon .page-next i,.m-page-icon .page-disabled i{
        cursor:pointer;/*设置鼠标经过时的显示状态，这里设置的是显示状态为小手状态*/
        display:inline-block;/*设置显示的方式为行内块元素*/
}
/*对 a 标签进行样式布局 */
.m-page-icon a{
        text-decoration:none;/*取消链接的下划线*/
        color:#333;
}
.m-page-icon a:hover{
        background-color: #006f55;
        border-color:#006f55;
        color: #fff;
}
.m-page-icon .page-current{
        background-color: #006f55;
        border-color:#006f55;
        color: #fff;
}

.m-page-icon .page-disabled{
        color:#ccc;
}


.m-page-icons{
        margin:20px 0 0 0;/*设置距离顶部20像素*/
        font-size:0;/*修复行内元素之间空隙间隔*/
        text-align:center;/*设置内容居中显示*/
}
.m-page-icons.page-position{
        position: absolute;left: 8.3%;bottom: 50px;
}
.m-page-icons .page-num{display: inline-block;vertical-align: middle;width: 100px;height: 39px;}
.m-page-icons .page-num span{font-size: 14px;color: #ccc;}
.m-page-icons .page-num span:first-child{font-size: 24px;color: #00a0e9;}
.m-page-icons .page-last,.m-page-icons .page-next{
        text-decoration:none;/*取消链接的下划线*/
        color:#fff;
}
/*设置共有的的样式布局，主要是进行代码优化，提高运行效率*/
.m-page-icons a,.m-page-icons .page-disabled,.m-page-icons .page-last,.m-page-icons .page-next,.m-page-icons .page-current,.m-page-icons .page-more{
        display: inline-block;
        vertical-align: middle;
        width: 39px;
        height: 39px;
		background-color: #ccc;
        text-align: center;
        line-height: 39px;
        font-size:18px;/*修复行内元素之间空隙间隔*/
        margin-right:12px;
}
.m-page-icons .page-disabled,.m-page-icons .page-last,.m-page-icons .page-next{
    font-size:20px;/*修复行内元素之间空隙间隔*/
}
.m-page-icons .page-next i,.m-page-icons .page-disabled i{
        cursor:pointer;/*设置鼠标经过时的显示状态，这里设置的是显示状态为小手状态*/
        display:inline-block;/*设置显示的方式为行内块元素*/
}
/*对 a 标签进行样式布局 */
.m-page-icons a{
        text-decoration:none;/*取消链接的下划线*/
        color:#fff;
}
.m-page-icons a:hover{
        background-color: #00a0e9;
        border-color:#00a0e9;
        color: #fff;
}
.m-page-icons .page-current{
        background-color: #00a0e9;
        border-color:#00a0e9;
        color: #fff;
}

.m-page-icons .page-disabled{
        color:#fff;
}

/*idea*/
.m-idea{position: relative;}
.m-idea .content{position: absolute;left: 0;right: 0; top:0;height: 100%;}
.m-idea .title{position: absolute;left: 50%; top:50%;margin: -130px 0 0 -329.5px; width: 659px;height: 260px;}

/*progress*/
.m-progress{position: relative;}
.m-progress .title{position: absolute;left: 50%; top:50%;margin: -130px 0 0 -329.5px; width: 659px;height: 260px;}

/*contact*/
.m-contact{margin-top: 40px;}
.m-contact .list{padding-left: 30px;}
.m-contact .item{font-size: 0;text-align: left;}
.m-contact .item+.item{margin-top: 30px;}
.m-contact .item .name{position: relative; display: inline-block;vertical-align: middle;padding-left: 40px;padding-right: 40px; width: 30%;}
.m-contact .item .name:before{content: ""; position: absolute;right: 0; top: 0;width: 1px;height: 100%;background-color: #dadada;}
.m-contact .item .name i{position: absolute;left: 0;top: 50%;margin-top: -17px; width: 34px;height: 34px;background-repeat: no-repeat;background-size: cover;}
.m-contact .item:nth-child(1) .name i{background-image: url(../img/index/phone.png);}
.m-contact .item:nth-child(2) .name i{background-image: url(../img/index/email.png);}
.m-contact .item:nth-child(3) .name i{background-image: url(../img/index/address.png);}
.m-contact .item .name p{font-size: 16px; line-height: 1; color: #fff;}
.m-contact .item .name p.identification{font-size: 12px;color: #999999;white-space: nowrap;text-overflow: ellipsis;}
.m-contact .item .desc{display: inline-block;vertical-align: middle;width: 70%;padding-left: 40px; font-size: 16px;color: #fff;white-space: nowrap;text-overflow: ellipsis;}
.m-contact .map{width: 100%;height: 100%; background-color: #d7d7d7;}
.m-contact .m-form{padding-left: 30px;}
.m-contact .pullup{position: relative; height: 54px;margin-left: 30px;margin-top: 40px; border: 1px solid rgba(255,255,255,.4); text-align: left;}
.m-contact .pullup .selected{padding: 0 30px; font-size: 16px; line-height: 54px;color: #fff;background-color: rgba(255,255,255,.16);cursor: pointer;}
.m-contact .pullup .selectedi{position: absolute;right: 30px;top: 50%;margin-top: -9px; width: 22px;height: 18px;background: url(../img/index/arrow_up_while.png) no-repeat center;background-size: cover;}
.m-contact .pullup .sub{position: absolute;left: 0;bottom: 53px;z-index: 10;display: none; width: 100%;}
.m-contact .pullup .sub ul{border: 1px solid rgba(255,255,255,.4);}
.m-contact .pullup .sub li{padding: 0 30px; font-size: 16px; line-height: 54px;color: #fff;background-color: rgba(0,0,0,1);cursor: pointer;}
.m-contact .pullup .sub li:hover{background-color: #b8b8b8;}
.m-contact .pullup .sub li a{color: #fff;}
.m-contact .pullup .sub li+li{border-top: 1px solid rgba(255,255,255,.4);}
.m-contact .pullup.active .sub{display: block;}
.m-contact .copyright{margin-left: 30px;margin-top: 30px;text-align: left; font-size: 16px;color: #ccc;}

.m-contact-messages{margin-top: 40px;}
.m-contact-messages .title{font-size: 32px;color: #333;}
.m-contact-messages .list{}
.m-contact-messages .item{position: relative; font-size: 0;text-align: left;}
.m-contact-messages .item+.item{margin-top: 30px;}
.m-contact-messages .item .name{padding-left: 60px;padding-right: 40px;}
.m-contact-messages .item i{position: absolute;left: 0;top: 50%;margin-top: -19.5px; width: 39px;height: 39px;background-repeat: no-repeat;background-size: cover;}
.m-contact-messages .item:nth-child(1) i{background-image: url(../img/phone1.png);}
.m-contact-messages .item:nth-child(2) i{background-image: url(../img/email1.png);}
.m-contact-messages .item:nth-child(3) i{background-image: url(../img/address1.png);}
.m-contact-messages .item .name p{font-size: 16px; line-height: 1; color: #333333;}
.m-contact-messages .item .desc{padding-left: 60px; font-size: 16px;color: #333333;white-space: nowrap;text-overflow: ellipsis;}
.m-contact-messages .map{margin-top: 30px; width: 100%;height: 100%; background-color: #d7d7d7;}
.m-contact-messages .m-form{padding-right: 150px;}

/*news*/
.m-news{position: relative;}
.m-news .list{padding-right: 28.4%;}
.m-news .list li{padding-top: 15px;padding-bottom: 15px;}
.m-news .list li+li{border-top:1px solid #e8e8e8;}
.m-news .list li:first-child{padding-top:0;}
.m-news .list .item{position: relative;display: block; padding-bottom: 15px;padding-left: 35%; cursor: pointer;}
.m-news .list .thumbnail{position: absolute;left:0;top:0; width: 30%;}
.m-news .list .thumbnail-control{position: relative;overflow: hidden; padding-top: 66.1%}
.m-news .list .thumbnail img{position: absolute;left: 0; top:0;}
.m-news .list .title{overflow:hidden;position: relative;font-size: 22px;line-height: 45px; color: #333;white-space:nowrap;text-overflow:ellipsis;}
.m-news .list .desc{overflow:hidden;height: 60px;margin-top: 10px; line-height: 30px;text-overflow:ellipsis;}
.m-news .list .time{margin-top: 20px;}
.m-news .list .time i{display: inline-block;vertical-align: middle; font-size: 20px;}
.m-news .list .time p{display: inline-block;vertical-align: middle;padding-left: 10px;;}
.m-news .list .item:hover .title{color: #006f55;}
.m-news .focus{position: absolute;right: 0;top:0;width: 23.3%;}
.m-news .focus li{width: 100%;padding-top: 15px;padding-bottom: 15px;}
.m-news .focus li:first-child{padding-top:0;}
.m-news .focus .item{display: block;cursor: pointer;}
.m-news .focus .thumbnail{position: relative;overflow: hidden; padding-top: 66.4%}
.m-news .focus .thumbnail img{position: absolute;left: 0; top:0;width: 100%;}
.m-news .focus .title{position: relative;padding-top: 10px; text-align: center; line-height: 31px;}
.m-news .focus .item:hover .title{color: #006f55;}

.m-news-details .title{font-size: 40px;line-height: 58px;text-align: justify;font-weight: 700;color: #000000;}
.m-news-details .release .time{margin-top: 20px;}
.m-news-details .release i{display: inline-block;vertical-align: middle; font-size: 20px;}
.m-news-details .release p{display: inline-block;vertical-align: middle;padding-left: 10px;;}

/*details*/
.m-details .tab-type dl{font-size: 20px;text-align: center;}
.m-details .tab-type dd{display: inline-block;vertical-align: middle;margin-left: 40px;margin-right: 40px; padding: 8px 30px;border:1px solid #006f55;color: #006f55;cursor: pointer;}
.m-details .tab-type dd:hover,.m-details .tab-type dd.active{background-color: #006f55;color: #fff;}
.m-details .tab-type+.type-mdl{margin-top: 31px;}
.m-details .type-mdl{position: relative;border-top: 1px solid #D7D7D7; border-bottom: 1px solid #D7D7D7;}
.m-details .tab-pro{position: absolute;left: 0;top:21px; width: 32.5%;}
.m-details .tab-pro dl{font-size: 16px;line-height: 40px;}
.m-details .tab-pro dd{position: relative; display: block;cursor: pointer;}
.m-details .tab-pro i{position: absolute;left: 0;top:50%;margin-top: -14px; display: none; width: 28px;height: 28px;animation: tab-pro-active 2s infinite;}
.m-details .tab-pro dd:hover{font-weight: bold; color: #006f55;}
.m-details .tab-pro dd.active{padding-left: 35px; font-weight: bold; color: #006f55;}
.m-details .tab-pro dd.active i{display: block;}
.m-details .pro-mdl{height: 442px; margin-left: 32.5%; padding-top: 33px;padding-bottom: 33px;border-left: 1px solid #D7D7D7;}
@keyframes tab-pro-active {
	0% {
		transform: rotateX(0);
	}
	100% {
		transform: rotateX(360deg);
	}
}

/*details-info*/
.m-details-info .tab{padding-top: 40px;}
.m-details-info .tab dl{font-size: 0;line-height: 48px;}
.m-details-info .tab dd{display: inline-block;vertical-align: middle;width: 196px;font-size: 16px;text-align: center; color: #333;background-color: #f1f1f1;cursor: pointer;}
.m-details-info .tab dd+dd{border-left:1px solid #fff;}
.m-details-info .tab dd:hover,.m-details .tab dd.active{background: url(../img/product/tab_bg.png) no-repeat;background-size: cover; color: #fff;}
.m-details-info .infos{padding-top: 36px;}
.m-details-info .infos .info+.info{padding-top: 30px;}
.m-details-info .infos .name{ padding-bottom: 8px; font-size:16px;font-weight:bold;color: #006f55;}
.m-details-info .infos .desc{line-height: 30px;}

/*swiper*/
.m-swiper-introdupction{position: relative; height: 460px;padding-right: 170px;margin-top: 60px;}
.m-swiper-introdupction .main,.m-swiper-introdupction .secondary{position: relative;float: left; width: 50%;height: 100%;}
.m-swiper-introdupction .main{padding-right: 90px;}
.m-swiper-introdupction .secondary{padding-left: 70px;}
.m-swiper-introdupction .secondary:before{content: "";position: absolute;left: 0;bottom: 0;width: 1px;height: 280px;background-color: #cfcfcf;}
.m-swiper-introdupction .secondary .secondaryctrl{position: relative;width: 100%;height: 100%;}
.m-swiper-introdupction .swiper-container {width: 100%;height: 300px;margin-left: auto;margin-right: auto;}
.m-swiper-introdupction .gallery-top .swiper-slide,.m-swiper-introdupction .gallery-thumbs .swiper-slide {background-size: cover;background-position: center;}
.m-swiper-introdupction .gallery-top {height: 100%;margin-left: 0;}
.m-swiper-introdupction .gallery-thumbs {position: absolute;right: 0;bottom:0;height: 460px;padding-top: 180px; box-sizing: border-box;}
.m-swiper-introdupction .gallery-thumbs .swiper-slide {width: 70%;height: 100%;opacity: 0.4;}
.m-swiper-introdupction .gallery-thumbs .swiper-slide-active {opacity: 1;}
.m-swiper-introdupction .gallery-thumbs .swiper-button-prev,.m-swiper-introdupction .gallery-thumbs .swiper-button-next{top: 23px; bottom: 0; width: 60px;height: 60px; background: #00a0e9;color: #fff; text-align: center;font-size: 30px;line-height: 60px;}
.m-swiper-introdupction .gallery-thumbs .swiper-button-prev i,.m-swiper-introdupction .gallery-thumbs .swiper-button-next i{display: inline-block;vertical-align: middle; width: 24px;height: 6px; background-image: url(../img/index/long_arrow_left_while.png);background-repeat: no-repeat;background-size: cover;}
.m-swiper-introdupction .gallery-thumbs .swiper-button-next i{transform: rotateZ(180deg);}
.m-swiper-introdupction .gallery-thumbs .swiper-button-prev{left: 70px;}
.m-swiper-introdupction .gallery-thumbs .swiper-button-next{left: 130px;}
.m-swiper-introdupction .gallery-thumbs .swiper-button-disabled{background: #f1f1f1;color: #999;opacity: 1;}
.m-swiper-introdupction .gallery-thumbs .swiper-button-disabled i{background-image: url(../img/index/long_arrow_left_black.png);}

.m-swiper-sideslip-menu{height: 100%;}
.m-swiper-sideslip-menu .swiper-container {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
.m-swiper-sideslip-menu .swiper-slide {position: relative;width: 100%;height: 270px;display: table; background-repeat: no-repeat;background-position: center; background-size: cover;}
.m-swiper-sideslip-menu .swiper-slide .item{display: table-cell;vertical-align: middle; width: 100%;height: 100%;text-align: center;line-height: 100%; background-color: rgba(0,160,233,.85);color: #fff;cursor: pointer;}
.m-swiper-sideslip-menu .swiper-slide:hover .item{background-color: rgba(0,160,233,.65);}
.m-swiper-sideslip-menu .swiper-slide.active .item{background-color: rgba(0,160,233,0);}

.m-swiper-screen{width: 100%;height: 100%;}
.m-swiper-screen .swiper-container-screen {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
.m-swiper-screen .swiper-slide-screen {position: relative;overflow: hidden;}

.m-swiper-scrollbar{padding-bottom: 50px;}
.m-swiper-scrollbar .swiper-container {
    width: 100%;
    height: 250px;
    margin: 20px auto;
    padding: 40px 0;
}
/*.m-swiper-scrollbar .swiper-wrapper{padding: 40px 0;}*/
.m-swiper-scrollbar .swiper-slide {
    text-align: center;
    font-size: 18px;
    width: 250px;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.m-swiper-scrollbar .swiper-container-horizontal>.swiper-scrollbar{width: 500px;height: 1px; background: #c8c8c8;}
.m-swiper-scrollbar .swiper-scrollbar-drag{background: #00a0e9;}

.m-swiper-scroll-container{padding-bottom: 50px;}
.m-swiper-scroll-container .swiper-container {
    width: 100%;
    height: 460px;
    padding: 40px 0;
}
.m-swiper-scroll-container .swiper-slide {
    font-size: 18px;
    width: auto;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px;
}
.m-swiper-scroll-container .swiper-container-horizontal>.swiper-scrollbar{width: 500px;height: 1px; background: #c8c8c8;}
.m-swiper-scroll-container .swiper-scrollbar-drag{background: #00a0e9;}

.m-swiper-partner{position: relative;height: 513px;padding-top: 10px;padding-right: 20px;}
.m-swiper-partner .swiper-container {
        width: 100%;
        height: 100%;
    }
.m-swiper-partner .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.m-progress{margin-top: 50px;}
.m-progress .progress{position: absolute;left: 0;top:80px;width: 100%;}
.m-swiper-progress{}
.m-swiper-progress .swiper-history{
	width:100%;
	max-width:1180px;
    margin: 0 auto;
	position:relative;
	overflow: hidden;
}
.m-swiper-progress .swiper-history  .swiper-container { 
        height: 400px;
		margin:0 145px;
    } 
.m-swiper-progress .swiper-history	.short-line{
		height:100px;
		border-bottom:1px dashed rgba(255,255,255,.4);
		width:30px;
		position:absolute;
		top:0px;
	}
.m-swiper-progress .swiper-history	.long-line{
		height:100px;
		border-bottom:1px solid rgba(255,255,255,.4);
		width:100%;
		position:absolute;
		top:0px;
		left:30px;
	}
.m-swiper-progress .swiper-history .swiper-slide span{
		display:block;
		width:100%;
		text-align:center;
		position:absolute;
		transition: 700ms;
    }
.m-swiper-progress .swiper-history .swiper-slide .detail{
	position:absolute;
	bottom:20px;
	left: 30%;
	width: 360px;
	height: 250px;
	line-height:30px;
	color:#fff;
    opacity: 0;
}
.m-swiper-progress .swiper-history .swiper-slide .detail .thumbnail{
	position: relative;
	overflow: hidden;
	width: 250px;
	margin-top: 10px;
	border:1px solid #fff;
}
.m-swiper-progress .swiper-history .swiper-slide .date{
	color:#fff;
	position:absolute;
	top:25px;
	display: none;
    opacity: 0;
}
.m-swiper-progress .swiper-history .swiper-slide span,.m-swiper-progress .swiper-history .swiper-slide-active .detail{
	transition: 700ms 700ms;
}
.m-swiper-progress .swiper-history	.swiper-pagination-bullets{
		white-space:nowrap;
		width:auto;
		top:39px;
		height:60px;
		line-height:10px;
		transition: 700ms;
	}
.m-swiper-progress .swiper-history .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0;
}
.m-swiper-progress .swiper-history .swiper-pagination-bullet{
    position: relative;
	height: 100%;
	background:url(../img/progress/scale.png) no-repeat left bottom;background-size: 100% auto;
	opacity:1;
	line-height:10px;
}
.m-swiper-progress .swiper-history .swiper-pagination-bullet:before{
	content: "";
	position: absolute;
	top:7px;right: -0.5px;
	width: 1px;
	height: 53px;
	background-color: #fff;
}
.m-swiper-progress .swiper-history .swiper-pagination-bullet:after{
	content: "";
    position: absolute;
    top:0;right: -4px;
	background:transparent;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	border: 1px solid #fff;
	opacity:1;
	line-height:10px;
}
.m-swiper-progress .swiper-history .swiper-pagination-bullet span{
    position: absolute;
	top:-28px;right: -40px;
	display: block;
	width: 80px;
	font-size: 16px;
	line-height: 1;
	text-align: center;
	background:transparent;
	color: #fff;
}
.m-swiper-progress .swiper-history .swiper-pagination-bullet-active span{
    top:-37px;
	font-size: 28px;
}
.m-swiper-progress .swiper-history .swiper-button-next,.m-swiper-progress .swiper-history .swiper-button-prev{
	width: 47px;
	height: 47px;
	top:76.5px;
	margin: 0;
	font-size: 20px;
	line-height: 47px;
	text-align: center;
	background: #d6c554;
	color: #fff;
	border-radius: 25px;
}
.m-swiper-progress .swiper-history .swiper-button-prev{left: 0;}
.m-swiper-progress .swiper-history .swiper-button-next{right: 0;}

.m-swiper-3d{}
.m-swiper-3d .swiper-container {
	width: 100%;
	padding-top: 130px;
}
.m-swiper-3d .swiper-slide {
	background-position: center;
	background-size: cover;
	width: 480px;
	height: 380px;
}
.m-swiper-3d .item .thumbnail{overflow: hidden;width: 100%;}
.m-swiper-3d .item .thumbnail img{width: 100%;}
.m-swiper-3d .item .detail{display: none;}
.m-swiper-3d .item .title{overflow: hidden;position: relative;padding-top: 20px;padding-bottom: 10px; font-size: 24px;font-weight: bold;text-overflow: ellipsis;white-space: nowrap;color: #222;}
.m-swiper-3d .item .desc{overflow: hidden; height: 60px; font-size: 16px;line-height: 30px;text-overflow: ellipsis;}
.m-swiper-3d .item .label{display: inline-block;margin-top: 20px; background-color: #006F55;color: #FFFFFF;padding: 0 8px;}

/*recruit*/
.m-recruit{position: relative;padding-top: 50px;}
.m-recruit .content{position: relative;}
.m-recruit .content .title{font-size: 24px;line-height: 30px;color: #333;}
.m-recruit .content .desc{margin-top: 10px; font-size: 16px;line-height: 30px; color: #666;}
.m-recruit .list{margin-top: 30px;}
.m-recruit .list li{margin-bottom: 20px;}
.m-recruit .list .item{position: relative;display: block; padding: 20px 15px 25px;background-color: #fff; cursor: pointer;}
.m-recruit .list .item .point{position: absolute;right: 20px;top:25px; width: 18px;height: 18px;padding: 0 6px; font-size: 20px; color: #999;transition:transform .2s ease-in;}
.m-recruit .list .item .btns{display: none; position: absolute;right: 60px;bottom:40px;}
.m-recruit .list .item .btns span{display: inline-block;vertical-align: middle;}
.m-recruit .list .item .btns i{display: inline-block;vertical-align: middle;width: 22px;height: 22px;margin-right: 10px; background: url(../img/7联系我们5.png) no-repeat center;background-size: cover;}
.m-recruit .list .title{position: relative;}
.m-recruit .list .title dt,.m-recruit .list .title dd{float: left;font-size: 20px;line-height: 30px;}
.m-recruit .list .title dt{width: 25%;font-weight: bold;  color: #333;}
.m-recruit .list .title dd{display: none;width: 75%;font-size: 30px; color: #00a0e9;}
.m-recruit .list .desc{display: none;padding-top: 6px;color: #666;}
/* .m-recruit .list .desc dt,.m-recruit .list .desc dd{float: left;}
.m-recruit .list .desc dt{width: 25%;}
.m-recruit .list .desc dd{width: 75%;} */
.m-recruit .list .detail{display: none;padding-top: 12px;}
/* .m-recruit .list .detail dt,.m-recruit .list .detail dd{float: left;}
.m-recruit .list .detail dt{width: 50%;}
.m-recruit .list .detail dd{width: 50%;padding-left: 30px;} */
.m-recruit .list .detail dd{padding-top: 30px;}
.m-recruit .list .detail p{line-height: 30px;color: #666;}
.m-recruit .list .item.active .point{transform: rotate(90deg);}
.m-recruit .list .item.active .btns{display: block;}
.m-recruit .list .item.active .title dd{display: block;}
.m-recruit .list .item.active .desc{display: block;}
.m-recruit .list .item.active .detail{display: block;}

/*partner*/
.m-partner{padding-bottom: 80px;}
.m-partner dd .title{padding-bottom: 10px; font-size: 30px;line-height: 50px; color: #333;}
.m-partner dd .title span{color: #006f55;}
.m-partner dd .contact{padding-top: 5px; font-size: 16px;line-height: 2;}
.m-partner dd .contact i,.m-partner dd .contact span{display:inline-block;vertical-align: middle;}
.m-partner dd .contact i{width: 32px; height: 32px; font-size: 24px;line-height: 24px; text-align: center; color: #c6c6c6;margin-right: 17px;}
.m-partner dd .partner-rt{padding-left: 20px;}

/*form*/
.m-form.form-top{padding-top: 20px;}
.m-form .formitem{position: relative;}
/* .m-form .formitem+.formitem{padding-top: 20px;} */
.m-form .formitem50{float: left;width: 46%;}
.m-form .formitem50+.formitem50{margin-left: 8%;}
.m-form .lab{position: absolute; left:0; top:0; width:85px; height:50px; line-height: 50px; font-size:14px; color:#333;}
.m-form .ipt{ height:50px;}
.m-form .ipt>input{width:100%; height:100%; padding:0; border:none;border-bottom: 1px solid #d7d7d7; background-color: transparent; font-size:14px; outline: none; color:#fff;}
.m-form .ipt>input::-webkit-input-placeholder {font-size: 14px;color: #ccc;}
.m-form .ipt>input:focus{border-bottom: 1px solid #00a0e9;}
.m-form .txta{ height:140px; padding-top:40px; }
.m-form .txta>textarea{ width:100%; height:100%; padding:0 18px; border:1px solid #F6F6F6;background-color: transparent; font-size:14px; outline: none; color:#333;}
.m-form .txta>textarea::-webkit-input-placeholder {font-size: 14px; color: #B1B1B1;}
.m-form .txta>textarea:focus{border:none;}
.m-form .formitem.codeitm .ipt>input{padding-right: 195px;}
.m-form .formitem.codeitm .codes{position: absolute;top: 50%;right: 110px;margin-top: -13px; width: 65px;height: 26px;cursor: pointer;}
.m-form .formitem.codeitm .codes-btn{position: absolute;top: 50%;right: 0;margin-top: -18px; width: 90px;height: 36px;}
.m-form .formitem.codeitm .codes-btn .u-btn{height: 36px;line-height: 36px;font-size: 14px;}

.m-form.form1 .lab{height: 40px;font-size: 20px;line-height: 40px; font-weight: bold;}
.m-form.form1 .ipt{height: 40px;}
.m-form.form1 .ipt>input{height: 40px; color: #333;font-size: 20px;line-height: 40px;font-weight: bold;}
.m-form.form1 .formitem+.formitem{margin-top: 40px;}
.m-form.form1 .formitem.isval .lab{top:-25px;font-size: 14px;font-weight: unset;}

@media (min-width:1200px) {
	.m-menu.menu-position{top: 275px;}
}
@media (min-width:1400px) {
	.m-menu.menu-position{top: 300px;}
}
@media (min-width:1600px) {
	.m-header .nav{padding: 32px 0;}
	.m-header .header-brand{width: auto;}
	.m-header .header-brand img{display: inline-block;vertical-align: middle;}
	.m-header .header-brand img+img{margin-left: 10px;}
	.m-header .header-menu{padding-top:0;}
	.m-header .header-menu li a{padding: 0 7px;}
	.m-header .header-menu .option{padding-left: 7px;}
	
	.m-footer .footer-service{width: 22%;}
	.m-footer .footer-menu{width: 59%;}
	.m-footer .footer-menu li h6{font-size: 18px;}
	.m-footer .footer-menu li a{font-size: 14px;}
	.m-footer .footer-brand{width: 19%;}
	
	.m-menu.menu-position{top: 328px;}
}
@media (min-width:1900px) {
	.m-header .header-menu li a{padding:0 10px;}
	.m-header .header-menu .option{padding-left: 10px;}
	
	.m-footer .footer-service{width: 22%;}
	.m-footer .footer-service .item .icon-76e{width: 34px;height: 34px;}
	.m-footer .footer-service .item .icon-76e i{font-size: 18px;line-height: 34px;}
	.m-footer .footer-service .item .name{font-size: 14px;}
	.m-footer .footer-service .item .desc{font-size: 16px;}
	.m-footer .footer-menu{width: 56%;}
	.m-footer .footer-brand{width: 22%;}
	
	.m-menu.menu-position{top: 378px;}
}

.bgf8f{background-color: #f8f8f8;}