/*header*/

.header{ position: relative; z-index: 120; height: 200px; background-color: #00aeb2; }

.logo{  float: left; line-height: 80px;}

.h-right{ width: 71%; float: right; }

.h-top-text{ margin-top: 76px; font-size: 14px; color: #fff; text-align: right; line-height: 20px; }

.h-top-text a{ color: #fff; margin: 0 20px 0 40px; }

.h-phone{ 

	display: inline-block; 

	*display: inline; 

	*zoom:1; 

	background: url(../images/h-phone.png) no-repeat left center; 

	padding-left: 25px; 

	background-size: 14px;

}

.dn{display: none;}

.menu{ margin-top: 39px; }

.menu ul li{position: relative; font-size: 18px; float: left; line-height: 75px; margin-left: 24px; }

.menu ul li a{ display: inline-block; *display: inline; *zoom:1; color: #fff; padding: 0 18px; }

.menu ul li.active a,

.menu ul li.current a,

.menu ul li a:hover{ font-weight: bold;  }

.submenu-a{ position: absolute; top: 64px; left: 0; display: none;}

.curren:hover{

	border-bottom: 4px solid #f5f5f5;

}

.current:hover{

border-bottom: 4px solid #f5f5f5;

}

.tds{border-bottom:4px solid #f5f5f5;}

.p1_1{

	position: absolute;

    top: 20px;

	right: 20px;

	z-index: 100;

}

.curren a{  font-weight: bold;}

#J_navMenu.none .submenu-a a,

.menu ul li .submenu-a a{ 

	width: 100%;

	line-height: 47px; 

	display: block; 

	float: left;

	font-size: 15px;

	color: #fff;

	padding: 0;

	margin-right: 5px;

	margin-bottom:1px;

	border-bottom: 0px solid #f5f5f5; 

	background-color: #5a5bc3;

	text-align: center;

}

.menu ul li.active .submenu-a a{ font-weight: normal; }

.menu ul li .submenu-a a:last-child{ border-bottom: 0; }

.menu ul li .submenu-a a.current,

.menu ul li .submenu-a a:hover{ background-color: #37cbbf; border-bottom: 0px solid #fff; }

.menu ul li:hover .submenu-a{display:block;}

.header.fixed-s{ position: fixed; top: 0; left: 0; width: 100%; height: 80px; }

.header.fixed-s .h-top-text{ display: none; }

.header.fixed-s .menu{ margin-top: 0; }

/* .header.fixed-s .logo{ margin-top: 5px; } */

/* .header.fixed-s .logo img{ width: 50px; } */

#J_navMenu{ 

	position: static; 

	top: 0; 

	left: 0; 

	z-index: 27; 

	width: 100%; 

	min-height: auto;

	background-color: #37cbbf; 

	padding: 30px 0;

}

#J_navMenu.none .submenu-a{ position: static; display: block; }

#J_navMenu.none .submenu-a a{ 

	width: auto; 

	border-bottom: 0; 

	float: left; 

	padding: 0 20px; 

	font-size: 16px;

	border-radius: 3px; 

	background-color: transparent

}

#J_navMenu.none .submenu-a a.current,

#J_navMenu.none .submenu-a a:hover{ background-color: #5a5bc3; }



/*banner*/

.rslies{ position:relative; width:100%; height: 690px; overflow:hidden; }

.rslides li{ position:absolute; width:100%; display:none; -webkit-backface-visibility:hidden; }

.rslides li:first-child{ position:relative;	display:block; float:left; }

.rslides li a{ width:100%; height:690px; display:block; float:left; border:0; }

.callbacks_tabs.callbacks1_tabs{ position:relative; z-index:4; margin-top:-31px; display: none; }

/*.callbacks_tabs.callbacks1_tabs li{

	position:relative;

	width:12px;

	height:12px;

	display:inline-block;

	*zoom:1;

	*display:inline;

	margin-left:11px;

}

.callbacks_tabs.callbacks1_tabs li a{

	position:absolute; 

	left:0; 

	z-index:10; 

	width:12px;

	height:12px;

	display:inline-block;

	*zoom:1;

	*display:inline;

	border-radius:12px;

	font-size: 0;

	background: #494949;

}*/

.callbacks_tabs.callbacks1_tabs li.callbacks_here a{ background:#f54d56; }

/* Callback example */

.callbacks_container{ position:relative; text-align:center; height: 690px; }

.callbacks_nav.prev,

.callbacks_nav.next{

    position:absolute;

    top:50%;

    width:40px;

    height:40px;

    margin-top:-20px;

    display:none;

    z-index:26;

    text-indent:-999999px;

    display: none;

    filter:alpha(opacity=50); opacity:.5;

}

.callbacks_container:hover .callbacks_nav.prev,

.callbacks_container:hover .callbacks_nav.next{ display:block; }

.callbacks_nav.prev{ left:5%; background:url(../images/b-left.png) no-repeat center center; }

.callbacks_nav.next{ right:5%; background:url(../images/b-right.png) no-repeat center center; }

.callbacks_nav.next:hover,

.callbacks_nav.prev:hover{ filter:alpha(opacity=100); opacity:1; }

/*about*/

.about-text{ padding: 50px 0 90px; }

.about-text h3{ font-size: 30px; color: #01aea0; }

.a-t-en{ font-family: Segoe UI; color: #8c8c8c; font-size: 14px; margin: 12px 0 40px; }

.a-t-nr{ font-size: 18px; line-height: 30px; color: #333; }

.a-h-ddd{ margin-top: 5px; }

.a-h-ddd dl{ padding: 30px 0; border-bottom: 1px solid #e6e6e6; }

.a-h-ddd dl:last-child{ border-bottom: 0; } 

.a-h-ddd dl dt{ width: 498px; float: left; border: 1px solid #37cbbf; }

.a-h-ddd dl dd{ width: 490px; float: left; margin: 60px 0 0 70px; font-size: 24px; }

.a-h-ddd dl.fl-r dt{ float: right; }

.a-h-ddd dl.fl-r dd{ float: left; margin: 60px 70px 0 0; }

/*case*/

.case-con{ border-bottom: 1px solid #e6e6e6; min-height:475px;overflow:hidden;}

.case-item dl{ padding: 55px 0; }

.case-item dl dd{ width: 320px; float: left; }

.c-i-border{ width: 60px; height: 3px; background-color: #37cbbf; margin: 20px 0 40px; }

.case-item dl dd h3{ font-size: 30px; color: #01aea0; }

.a-d-gray{ color: #646464; margin: 20px 0 30px; }.case-item span.hwmore{	color: #01aea0;    font-size: 14px;    display: inline-block;    padding: 5px 10px;    margin: 0 0 20px 5px;    border: 1px solid;    border-radius: 6px;}

.a-d-border{ width: 140px; height: 3px; background-color: #37cbbf; }

.c-i-gray{ height: 144px; overflow: hidden; font-size: 18px; line-height: 36px; color: #333; margin: 20px 0 20px 0; }

.c-i-sign img{ max-width: 60px; }

.case-item dl dt{ width: 720px; float: right; }

.case-item.gray{ background-color: #e9e9e9; }

.pager{ padding: 35px 0; font-size: 16px; }

.pager a,

.pager span{margin-right:8px;font-weight:normal; padding:0 12px;border:1px solid #eaeaea; color: #333;display:inline-block;line-height:32px; }

.pager a:hover,

.pager span:hover,

.pager a.current,

.pager span.current{ background: #5a5bc3;color:#fff; }

.pager .next,

.pager .prev{ font-weight: bold; }

.pager span.prev a,.pager span.next a{border:none;padding:0;margin:0;}

.pager span.prev:hover a,.pager span.next a:hover{color:#fff;}



.c-d-ddd{ padding: 60px 0 25px; }

.c-d-ddd dt{ width: 142px; float: left; }

.c-d-ddd dd{ width: 850px; float: right; }

.c-d-ddd dd h3{ font-size: 30px; color: #01aea0; }

.c-d-gray{ margin-top: 20px; font-size: 16px; color: #646464; }

.c-d-return{ padding: 30px 0 60px; }

.c-d-return a{ 

	padding: 0 30px;

	line-height: 35px;

	font-size: 14px;

	color: #37cbbf;

	border:1px solid #37cbbf;

	display: inline-block; 

	*display: inline; 

	*zoom:1; 

	border-radius: 3px;

	background-color: #fff;

}

.casr-list{ padding: 55px 0; }

.casr-list h3{ font-size: 24px; margin-bottom: 25px; }

.casr-list ul li{ line-height: 35px; }

.casr-list ul li a{ color: #646464; font-size: 14px; }

.casr-list ul li span{ float: right; color: #a6a6a6; }

.casr-list ul li a:hover{ background: url(../images/case-icon1.png) no-repeat left center; padding-left: 25px; color: #37cbbf; font-weight: bold; }

.casr-list ul li a:hover span{ font-weight: normal; color: #37cbbf; }

/*about team*/

.a-team{ position: relative; height: 530px; margin-top: 80px; }

.a-t-c{ position: absolute; text-align: center; color: #fff; letter-spacing: 1px; opacity: 0; filter:alpha(opacity=0);

	-webkit-transition-duration:.2s;

	   -moz-transition-duration:.2s;

	     -o-transition-duration:.2s;

	        transition-duration:.2s;

}

.a-c-8:hover,

.a-c-7:hover,

.a-c-6:hover,

.a-c-5:hover,

.a-c-4:hover,

.a-c-3:hover,

.a-c-1:hover,

.a-c-2:hover{

	opacity: .8 !important; filter:alpha(opacity=80) !important;

	-webkit-transition:all .8s ease .25s !important;

	   -moz-transition:all .8s ease .25s !important;

	     -o-transition:all .8s ease .25s !important;

	        transition:all .8s ease .25s !important;

	        cursor: pointer;

	/*cursor: pointer; opacity: .5 !important;

	filter:alpha(opacity=50) !important;*/

}

/*{

	webkit-transition:all .8s ease .1s !important;

	   -moz-transition:all .8s ease .1s !important;

	     -o-transition:all .8s ease .1s !important;

	        transition:all .8s ease .1s !important;

	cursor: pointer; opacity: .5 !important;

	filter:alpha(opacity=50) !important;

	cursor: pointer;background-color: #92368C;

}*/

/*{

	webkit-transition:all .8s ease .1s !important;

	   -moz-transition:all .8s ease .1s !important;

	     -o-transition:all .8s ease .1s !important;

	        transition:all .8s ease .1s !important;

	cursor: pointer; opacity: .5 !important;

	filter:alpha(opacity=50) !important;

	cursor: pointer;background-color: #379C87;

}*/

/*{ 

	-webkit-transition:all .8s ease .1s !important;

	   -moz-transition:all .8s ease .1s !important;

	     -o-transition:all .8s ease .1s !important;

	        transition:all .8s ease .1s !important;

	cursor: pointer; opacity: .5 !important;

	filter:alpha(opacity=50) !important;

	cursor: pointer;background-color: #326482;

}*/

/*{

	webkit-transition:all .8s ease .1s !important;

	   -moz-transition:all .8s ease .1s !important;

	     -o-transition:all .8s ease .1s !important;

	        transition:all .8s ease .1s !important;

	cursor: pointer; opacity: .5 !important;

	filter:alpha(opacity=50) !important;

	cursor: pointer;background-color: #C7662A;

}*/

/*{

	webkit-transition:all .8s ease .1s !important;

	   -moz-transition:all .8s ease .1s !important;

	     -o-transition:all .8s ease .1s !important;

	        transition:all .8s ease .1s !important;

	cursor: pointer; opacity: .5 !important;

	filter:alpha(opacity=50) !important;

	cursor: pointer;background-color: #32969C;

}*/

/*.a-c-1:hover,

.a-c-2:hover,

.a-c-3:hover,

.a-c-4:hover,

.a-c-5:hover,

.a-c-6:hover,

.a-c-7:hover,

.a-c-8:hover{

	webkit-transition:all .8s ease .2s !important;

	   -moz-transition:all .8s ease .2s !important;

	     -o-transition:all .8s ease .2s !important;

	        transition:all .8s ease .2s !important;

	cursor: pointer; opacity: .5 !important;

	filter:alpha(opacity=50) !important;

}*/

.a-c-1{ top: 83px; left: 22px; }

.a-c-2{ 

	top: 0; 

	left: 147px; 

	width: 222px; 

	height: 162px; 

	background-color: #f1c94a; 

	border-radius: 100%; 

	font-size: 33px;

	padding-top: 60px;

}

.a-c-2 span{ font-family: Segoe UI; font-size: 49px; }

.a-c-3{

	top: 203px;

	width: 214px;

	height: 214px;

	background-color: #a948a3;

	border-radius: 100%;

	font-size: 30px;

	-webkit-transform:scale(.5,.5);

	   -moz-transform:scale(.5,.5);

	     -o-transform:scale(.5,.5);

	        transform:scale(.5,.5);

}

.a-c-3 img{ margin: 57px 0 18px; }

.a-c-4{

	top: 251px;

	left: 243px;

	width: 161px;

	height: 91px;

	padding-top: 70px;

	background-color: #48a995;

	font-size: 18px;

	border-radius: 100%;

}

.a-c-5{

	top: 10px;

	left: 412px;

	width: 388px;

	height: 388px;

	background-color: #4f7d99;

	border-radius: 100%;

	font-size: 26px;

	line-height: 43px;

}

.a-c-5 img{ padding: 60px 0 25px; }

.a-c-6{

	top: 0;

	left: 795px;

	width: 152px;

	height: 97px;

	background-color: #e27c3d;

	border-radius: 100%;

	font-size: 16px;

	padding-top: 55px;

}

.a-c-6 span{ font-size: 25px; }

.a-c-7{ top: 106px; left: 1000px; width: 88px; }

.a-c-8{

	top: 158px;

	left: 820px;

	width: 263px;

	height: 173px;

	background-color: #46b0b7;

	font-size: 24px;

	line-height: 40px;

	border-radius: 100%;

	padding-top: 90px;

}

.a-team.active .a-c-5{ 

	opacity: 1;

	filter:alpha(opacity=100);

	-webkit-transition:all .8s ease .25s;

	   -moz-transition:all .8s ease .25s;

	     -o-transition:all .8s ease .25s;

	        transition:all .8s ease .25s;

}

.a-team.active .a-c-8{

	-webkit-transition:all .8s ease .4s;

	   -moz-transition:all .8s ease .4s;

	     -o-transition:all .8s ease .4s;

	        transition:all .8s ease .4s;

	opacity: 1;

	filter:alpha(opacity=100);

}

.a-team.active .a-c-2{

	-webkit-transition:all .8s ease .6s;

	   -moz-transition:all .8s ease .6s;

	     -o-transition:all .8s ease .6s;

	        transition:all .8s ease .6s;

	opacity: 1;

	filter:alpha(opacity=100);

}

.a-team.active .a-c-4{

	-webkit-transition:all .8s ease .8s;

	   -moz-transition:all .8s ease .8s;

	     -o-transition:all .8s ease .8s;

	        transition:all .8s ease .8s;

	opacity: 1;

	filter:alpha(opacity=100);

}

.a-team.active .a-c-6{

	-webkit-transition:all .8s ease 1s;

	   -moz-transition:all .8s ease 1s;

	     -o-transition:all .8s ease 1s;

	        transition:all .8s ease 1s;

	opacity: 1;

	filter:alpha(opacity=100);

}

.a-team.active .a-c-1{

	-webkit-transition:all .8s ease 1.2s;

	   -moz-transition:all .8s ease 1.2s;

	     -o-transition:all .8s ease 1.2s;

	        transition:all .8s ease 1.2s;

	opacity: 1;

	filter:alpha(opacity=100);

}

.a-team.active .a-c-7{

	-webkit-transition:all .8s ease 1.4s;

	   -moz-transition:all .8s ease 1.4s;

	     -o-transition:all .8s ease 1.4s;

	        transition:all .8s ease 1.4s;

	opacity: 1;

	filter:alpha(opacity=100);

}

.a-team.active .a-c-3{

	-webkit-transform:scale(1,1);

	   -moz-transform:scale(1,1);

	     -o-transform:scale(1,1);

	        transform:scale(1,1);

	-webkit-transition:all .8s ease 1.6s;

	   -moz-transition:all .8s ease 1.6s;

	     -o-transition:all .8s ease 1.6s;

	        transition:all .8s ease 1.6s;

	opacity: 1;

	filter:alpha(opacity=100);

}





.a-c-5 img,

.a-c-3 img,

.a-c-1 img,

.a-c-7 img{ max-width: 100%; }

/*service*/

.service-item{ padding: 35px 0; }

.service-item h3{ font-size: 30px; color: #01aea0; }

.s-i-gray{ font-size: 18px; margin-top: 20px; color: #333; }

.service-item dl{ margin-top: 25px; }

.service-item dl dt{ width: 450px; float: left; }

.service-item dl dd{ width: 610px; float: right; padding-top: 25px; font-size: 18px; line-height: 30px; border-top: 3px solid #37cbbf; }

.service-item.gray{ background-color: #e9e9e9; }

/*data outdoors*/

/* padding: 40px 0 60px; */

.data-o-con{ padding:120px 0 60px; }

.data-o-con_2{padding:80px 0 60px; }

.d-o-img img{ max-width: 100%; }

.d-o-search{ margin: 40px 0; }



.p1_1{cursor:pointer;}

.d-o-search select{

	width: 298px;

	height: 38px;

	border: 1px solid #c6c6c6;

	background-color: #fff;

	color: #646464;

	float: left;

	margin-right: 20px;

	padding-left: 10px;

	font-family: "微软雅黑";

}

.d-o-search input{

	width: 120px;

	line-height: 38px;

	font-size: 14px;

	color: #37cbbf;

	border: 1px solid #37cbbf;

	background-color: #fff;

	cursor: pointer;

	padding-left: 10px;

}

/*.d-o-list{padding-top:50px;}*/

.d-o-list ul li{ 

	width: 140px; 

	height: 140px; 

	border-radius: 100%; 

	background-color: #37cbbf;

	float: left; 

	font-size: 18px;

	color: #fff;

	text-align: center;

	margin: 0 65px 60px 65px;

	cursor: pointer;

	-webkit-transition-duration:.3s;

	   -moz-transition-duration:.3s;

	     -o-transition-duration:.3s;

	        transition-duration:.3s;

}

.d-o-list ul li:hover{ background-color: #5a5bc3; box-shadow: 0 3px 7px rgba(0,0,0,.2); }

.d-o-list ul li img{ max-width: 100%; padding: 35px 0 15px; }

.d-i-d-title span{ 

	font-size: 30px; 

	 *display: inline; *zoom:1; 

	vertical-align: middle;

    line-height: 54px;

    display: inline-table;

	

}

.d-i-d-item{ 

	position: relative; overflow: hidden; margin-top: 40px; 

	/* cursor: pointer; */

}

.d-i-d-item img{

	width:100%;

}

.d-i-d-text{ 

	z-index: 25; 

	-webkit-transition-duration:.3s;

	   -moz-transition-duration:.3s;

	     -o-transition-duration:.3s;

	        transition-duration:.3s;

}

.d-i-d-text,

.d-bg-1{ position: absolute; left: 0; bottom: 0; width: 100%; height: 200px; }

.d-bg-1{ z-index: 24; background: url(../images/d-d-bg.png) no-repeat left bottom; }

.d-i-pad{ padding: 0px 50px;max-width:460px;float:left;box-sizing:border-box; }

.d-i-pad h3{ padding-top: 74px; font-size: 30px; color: #37cbbf; }

.d-i-con{ font-size: 18px; line-height: 36px; color: #fff; margin-top: 27px; }

/*.d-i-d-item.on .d-i-d-text{ height: 178px; background: url(../images/d-d-bg1.png) repeat-x; border-bottom: 3px solid #37cbbf; }*/

/*.d-i-d-item.on .d-i-pad h3{ padding-top: 70px; }*/

.d-i-d-hover.on .d-i-d-text{ height:100%; background: url(../images/d-d-bg2.png) repeat; border-bottom: 3px solid #37cbbf; }

.d-i-d-hover.on .d-i-d-text-t{ height:100%; background: url(../images/d-d-bg2.png) repeat; border-bottom: 3px solid #37cbbf; }

.d-i-d-hover .d-i-pad h3{padding-top: 48px;}

.d-i-d-text iframe{width:570px;height:440px;float:right;margin:50px 50px 0 0;display:none;}

.d-i-d-item.on iframe{display:block;}

.d-c-tite ul li{ 

	width: 16.666%; text-align: center; float: left; 

	/*background: url(../images/show-gray1.png) no-repeat top center;*/

	/*padding-top: 80px;*/

	font-size: 18px;

	cursor: pointer;

	-webkit-transition-duration:.3s;

	   -moz-transition-duration:.3s;

	     -o-transition-duration:.3s;

	        transition-duration:.3s;

}

.clearfix a li img{

	vertical-align: middle;

    display: block;

    margin: 0 auto;

    padding-bottom: 20px;

}



/*.d-c-tite ul li:hover{color: #37cbbf; font-weight: bold; }*/

.d-c-tite ul li:hover{color: #666;}

.d-c-tite ul .current{

	color: #37cbbf; 

	font-weight: bold; 

}

.d-c-tite ul .current:hover{color: #37cbbf; }





/*.d-c-tite ul li.show-icon0{ background: url(../images/show-gray1.png) no-repeat top center; }

.d-c-tite ul li.show-icon0.current,

.d-c-tite ul li.show-icon0:hover{ background: url(../images/show-blue1.png) no-repeat top center; }



.d-c-tite ul li.show-icon1{ background: url(../images/show-gray2.png) no-repeat top center; }

.d-c-tite ul li.show-icon1.current,

.d-c-tite ul li.show-icon1:hover{ background: url(../images/show-blue2.png) no-repeat top center; }



.d-c-tite ul li.show-icon2{ background: url(../images/show-gray3.png) no-repeat top center; }

.d-c-tite ul li.show-icon2.current,

.d-c-tite ul li.show-icon2:hover{ background: url(../images/show-blue3.png) no-repeat top center; }



.d-c-tite ul li.show-icon3{ background: url(../images/show-gray4.png) no-repeat top center; }

.d-c-tite ul li.show-icon3.current,

.d-c-tite ul li.show-icon3:hover{ background: url(../images/show-blue4.png) no-repeat top center; }



.d-c-tite ul li.show-icon4{ background: url(../images/show-gray5.png) no-repeat top center; }

.d-c-tite ul li.show-icon4.current,

.d-c-tite ul li.show-icon4:hover{ background: url(../images/show-blue5.png) no-repeat top center; }



.d-c-tite ul li.show-icon5{ background: url(../images/show-gray6.png) no-repeat top center; }

.d-c-tite ul li.show-icon5.current,

.d-c-tite ul li.show-icon5:hover{ background: url(../images/show-blue6.png) no-repeat top center; }*/





.d-i-pad h3.d-t-icon{ background: url(../images/d-icon1.png) no-repeat left center; padding: 3px 0 0 35px; font-size: 20px; margin-top: 45px; }

.d-t-white{ font-size: 24px; color: #fff; margin: 13px 0 20px; }

.d-i-d-item.on .d-i-pad h3.d-t-icon{ padding-top: 3px; margin-top: 60px; }



.c-d-ddd dt img,

.a-h-ddd dl dt img,

.a-t-nr img{ max-width: 100%; }



/*footer*/

.footer{ background-color:#000; padding: 20px 0; line-height: 25px; font-size: 16px; color: #fff; }

.foot-left{ float: left; margin-top: 4px; }

.foot-right{ font-family: Segoe UI; float: right; }

.foot-right span{ font-size: 24px; background: url(../images/h-phone.png) no-repeat left center; padding-left: 40px;  }



/*会员纪录详情*/

.clock {

    position: relative;

    width: 85px;

    height: 85px;

    margin: 50px auto 0;

    background-image:url(../images/clock.png); 

    border-radius: 50%;

}



.black_circle {

    position: absolute;

    left: 50%;

    top: 50%;

    margin: -6px 0 0 -6px;

    width: 8px;

    height: 8px;

    border-radius: 50%;

/*    background-color: #f5f5f5;

    border: 4px solid #37cbbf;*/

    z-index: 1;

}

/*.hour {

    position: absolute;

    top: 50%;

    right: 50%;

    width: 35px;

    height: 6px;

    margin-top: -3px;

    background-color: #000;

    border-radius: 5px;

    -webkit-transform-origin: right;

            transform-origin: right;

    -webkit-animation: tick-tock 216000s steps(60, end) infinite;

            animation: tick-tock 216000s steps(60, end) infinite;

}*/

.minute {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 20px;

    height: 4px;

    margin: -2px -20px 0 0;

/*    background-color: #37cbbf;*/

    border-radius: 5px;

/*    -webkit-transform-origin: bottom;

    -moz-transform-origin: bottom;

    -o-transform-origin: bottom;

    transform-origin: bottom;

    -webkit-animation: tick-tock 3600s steps(60, end) infinite;

            animation: tick-tock 3600s steps(60, end) infinite;*/

}

.second {

    position: absolute;

    left: 50%;

    top: 50%;

    width: 4px;

    height: 30px;

    margin: -30px 0 0 -1px;

/*    background-color: #37cbbf;*/

    border-radius: 5px;

    -webkit-transform-origin: bottom;

    -moz-transform-origin: bottom;

    -o-transform-origin: bottom;

    transform-origin: bottom;

    -webkit-animation: tick-tock 1s infinite;

    -moz-animation: tick-tock 1s infinite;

    -o-animation: tick-tock 1s infinite;

    animation: tick-tock 1s infinite;

}

@keyframes tick-tock {

    to {

        transform: rotate(360deg);

    }

}

@-webkit-keyframes tick-tock {

    to {

        transform: rotate(360deg) translate3d(0, 0, 0);

    }

}

.record-list{

	position: relative;

}

.record-list .line{

	width: 1px;

	background: #dadada;

	position: absolute;

	top: 0;

	left: 50%;

	bottom: 0;

}

.r-l-c-item{

	padding: 40px 0;

	position: relative;

	z-index: 2;

	-webkit-transition-duration:1s;

	   -moz-transition-duration:1s;

	     -o-transition-duration:1s;

	        transition-duration:1s;

    top: 50px;

    opacity: 0;

}

.slide-up{

	top: 0;

    opacity: 1;

}

.r-l-c-item.gray{

	background: #e9e9e9;

	z-index: 3;

}

.r-l-c-item .cell{

	padding: 0 4%;

	width: 42%;

	float: left;

}

.r-l-c-item:before{

	content: '';

	position: absolute;

	width: 23px;

	height: 23px;

	background-image: url(../images/circle.png);

	left: 50%;

	margin-left: -12px;

	top: 48px;

	z-index: 5;

}

.r-l-c-item:after{

	content: '';

	width: 1px;

	background: #dadada;

	position: absolute;

	top: 0;

	left: 50%;

	bottom: 0;

}

.r-l-c-item .time span{

	display: block;

	width: 150px;

	height: 35px;

	text-align: center;

	line-height: 35px;

	background: #37cbbf;

	color: #fff;

	margin-bottom: 30px;

	font-size: 18px;

	border-radius: 18px;

	-moz-border-radius: 18px;

	-ms-border-radius: 18px;

	-o-border-radius: 18px;

}

.r-l-c-item .left span{

	float: right;

}

.r-l-c-item .right span{

	float: left;

}

.r-l-c-item .right{

	float: right;

}

.r-l-c-item .time img{

	max-width: 100%;

}

.r-l-c-item .d-t-icon{

	display: inline-block;

	*display: inline;

	*zoom: 1;

	background:url(../images/d-icon1.png) left center no-repeat;

	height: 24px;

	padding-left: 35px;

	color: #37cbbf;

	font-size: 18px;

	margin: 10px 0 30px;

}

.r-l-c-item .desc h3{

	color: #333;

	font-size: 30px;

	margin-bottom: 20px;

}

.r-l-c-item .desc p{

	font-size: 18px;

	color: #646464;

	line-height: 2;

}

.r-l-c-item .text-right{

	text-align: right;

}

.r-l-c-item .text-right .d-t-icon{

	background:url(../images/d-icon1.png) right center no-repeat;

	padding-right: 35px;

}

/*会员媒体资源库*/

.media .d-o-search select{

	width: 188px;

    font-family: "微软雅黑";

}

.media .d-o-search{

	margin-top: 0;

}

.laocms-page span, .laocms-page a:hover, .laocms-page a.curr {

    color: #5a5bc3;

}

/*联系我们*/

.ctc-info{

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

	padding: 60px 10%;

	height: 260px;

	font-size: 16px;

	text-align: center;

}

.ctc-info .cell{

	width: 23.33%;

	padding: 0 5%;

	float: left;

}

.ctc-info img{

	width: 80px;

	height: 60px;

	margin: 40px auto;

}

.ctc-info h4{

	color: #01aea0;

	font-weight: bold;

	margin-bottom: 15px;

}

.ctc-info p{

	color: #646464;

}

.map p{

	font-size: 16px;

	color: #333;

	padding: 25px 0;

}

#allmap{

	height: 400px;

}

/*首页*/

.banner .arrow-right {

    background: url(../images/arrows.png) no-repeat left bottom;

    position: absolute;

    right: 10px;

    top: 50%;

    margin-top: -15px;

    width: 17px;

    height: 30px;

    z-index: 999;

}

.banner .arrow-left {

    background: url(../images/arrows.png) no-repeat left top;

    position: absolute;

    left: 10px;

    top: 50%;

    margin-top: -15px;

    width: 17px;

    height: 30px;

    z-index: 999;

}

.banner .pagination {

    position: absolute;

    left: 0;

    text-align: center;

    bottom: 15px;

    width: 100%;

    z-index: 999;

}

.banner .swiper-pagination-switch {

    display: inline-block;

    width: 10px;

    height: 10px;

    border-radius: 10px;

    background: rgba(255,255,255,0.3);

    box-shadow: 0px 1px 2px #555 inset;

    margin: 0 3px;

    cursor: pointer;

}

.banner .swiper-active-switch { background: white; }

.banner{ position: relative; }

.banner .swiper-slide{ height: 690px; }

.banner img{

	width: 100%;

	text-align: center;

    overflow: hidden;

    position: relative;

}

.i-tip{ color: #fff; text-align: center; font-size: 14px; }

.i-tip h2{ margin-bottom: 30px; }

.i-tip h2,

.callbacks_container .i-tip p{

	-webkit-transition-duration:1s;

    -moz-transition-duration:1s;

     -o-transition-duration:1s;

        transition-duration:1s;

}

.i-tip h3{

	font-size: 36px;

	margin-bottom: 30px;

	position: relative;

	-webkit-transition-duration:1s;

    -moz-transition-duration:1s;

     -o-transition-duration:1s;

        transition-duration:1s;

}

.i-tip p{ line-height: 2; }

.callbacks_container .i-tip{ position: absolute; top: 0; left: 0; z-index: 25; width: 100%; padding: 280px 0; }

.callbacks1_on .i-tip h2{ font-size: 48px; }

.callbacks1_on .i-tip p{ font-size: 18px; }

.description{ position: relative; background: #37cbbf; height: 420px; }

.description .i-tip{ padding: 135px 0; }

.description .i-tip h3{ opacity: 0; top: -135px; }

.description .i-tip p{

	font-size: 18px;

	position: relative;

	-webkit-transition-duration:1s;

    -moz-transition-duration:1s;

     -o-transition-duration:1s;

        transition-duration:1s;

	opacity: 0;

	top: 80px;

}

.description .i-tip .slide-down{

	opacity: 1;

	top: 0;

}

.description .i-tip .slide-up{

	opacity: 1;

	top: 0;

}

.des-icon1{ position: absolute; left: 50%; margin-left: -512px; }

.des-icon1 img{width: 100%;}

.des-icon2{ position: absolute; top: 160px; left: 0; }



.des-icon3{ position: absolute; top: 176px; right: 0; }

.spread .i-tip h2{ font-size: 48px; }

.spread .i-tip p{ font-size: 18px; }



.slogan_b{

	position: relative;

	width:100%;

	height: 580px;

	overflow:hidden;

}

.slogan{

	background: url(../images/home-4.jpg) center no-repeat;

	height: 580px;

}

.slogan{

	-webkit-transition-duration:1s;

    -moz-transition-duration:1s;

     -o-transition-duration:1s;

        transition-duration:1s;

}



.slogan:hover{

	-webkit-transform:scale(1.2);

    -moz-transform:scale(1.2);

     -o-transform:scale(1.2);

        transform:scale(1.2);

}

.slogan .i-tip{

	padding: 243px 0 243px;

}

.slogan-text{ position: absolute; top: 257px; left: 0; width: 100%; text-align: center; }

.slogan-text h2{ font-size: 48px; color: #fff; background: url(../images/arr-r1.png) no-repeat center bottom; padding-bottom: 75px }

.i-n-cell{

	position: relative;

	width: 33.333%;

	float: left;

	overflow: hidden;

}

.i-n-cell .scale-img{

	overflow: hidden;

}

.i-n-c-hover{

	position: absolute;

	top: 100%;

	right: 0;

	bottom: 0;

	left: 0;

	height: 105%;

	background: url(../images/black.png) repeat;

	background: #000\9;/*IE*/

    filter: alpha(opacity=60);/*IE*/

	-webkit-transition-duration:.3s;

    -moz-transition-duration:.3s;

     -o-transition-duration:.3s;

        transition-duration:.3s;

}

.i-n-c-hover p{

	position: absolute;

	left: 40px;

	bottom: 40px;

	font-size: 36px;

	color: #fff;

	display: none;

}

.i-n-cell img{

	width: 100%;

	/*height: 100%*/

}

.scale-img img{

	-webkit-transition-duration:1s;

    -moz-transition-duration:1s;

     -o-transition-duration:1s;

        transition-duration:1s;

}

.i-n-cell:hover .scale-img img,.scale-img:hover img{

	-webkit-transform:scale(1.2);

    -moz-transform:scale(1.2);

     -o-transform:scale(1.2);

        transform:scale(1.2);

}

.i-n-cell:hover .i-n-c-hover{ top: 0; }

.i-n-cell:hover .i-n-c-hover p{ display: block; }

/*denglu*/

.mask{ position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background: url(../images/mask.png) repeat; }

.sign-in{

	position: fixed;

	top: 50%;

	left: 50%;

	z-index: 101;

	width: 440px;

	height: 374px;

	padding: 0 40px;

	background: #fff;

	margin: -187px 0 0 -260px;

}

.s-i-title{ font-size: 36px; margin: 40px 0 20px; color: #333; }

.s-i-input{ position: relative; margin-bottom: 20px; }

.s-i-input input{

	width: 346px;

	height: 48px;

	border: 1px solid #c6c6c6;

	padding-left: 95px;

}

.s-i-input span{

	position: absolute;

	top: 0;

	left: 0;

	width: 90px;

	text-align: right;

	font-size: 18px;

	color: #646464;

	line-height: 48px;

	display: block;

}

.s-i-btn input{

	width: 100%;

	height: 54px;

	background-color: #5a5bc3;

	border: 0;

	border-bottom: 4px solid #3f40af;

	font-size: 24px;

	color: #fff;

	cursor: pointer;

	border-radius: 7px;

	margin-top: 10px;

}

.s-i-close{ position: absolute; top: 0; right: -40px; cursor: pointer; }

.sign-click1{ cursor: pointer; }

.big-img{ overflow: hidden; } 

.slideBox .bd li img,

.big-img img{  

	cursor: pointer;

	-webkit-transition-duration:1s;

    -moz-transition-duration:1s;

     -o-transition-duration:1s;

        transition-duration:1s;

}

.slideBox .bd li:hover img,

.big-img:hover img{

	-webkit-transform:scale(1.2);

    -moz-transform:scale(1.2);

     -o-transform:scale(1.2);

        transform:scale(1.2);

}







.slideBox{ width:450px; overflow:hidden; position:relative; border:1px solid #ddd;  }

.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:20px; bottom:10px; z-index:1; }

.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }

.slideBox .hd ul li{ 

	float:left; 

	margin-left:10px; 

	width:15px; height:15px; 

	text-indent: -10000px;

	border-radius: 100%;

	line-height:14px; text-align:center; background:#fff; cursor:pointer; 

}

.slideBox .hd ul li.on{ background:#37cbbf;}

.slideBox .bd{ position:relative; height:100%; z-index:0;   }

.slideBox .bd li{ zoom:1; vertical-align:middle; overflow: hidden; }

.slideBox .bd img{ width:450px; display:block;  }



/* 下面是前/后按钮代码，如果不需要删除即可 */

.slideBox .prev,

.slideBox .next{ 

	position:absolute; 

	left:0; 

	top:50%; 

	margin-top:-25px; 

	display:block; 

	width:40px; height:70px; 

	background:rgba(0,0,0,.4) url(../images/ser-left.png) no-repeat center center; 

	filter:alpha(opacity=70);opacity:0.7;

}

.slideBox .next{ left:auto; right:0; background:rgba(0,0,0,.4) url(../images/ser-right.png) no-repeat center center;  }

.slideBox .prev:hover,

.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.slideBox .prevStop{ display:none;  }

.slideBox .nextStop{ display:none;  }

.menu.member-w{ float: right; }

.sign-select{

	position: fixed;

	top: 50%;

	left: 50%;

	z-index: 101;

	width: 1090px;

	height: 600px;

	margin: -300px 0 0 -545px;

	background-color: #5a5bc3;

}

.sign-select{ font-size: 36px; }

.sign-select a{ color: #fff; }

.s-s-right,

.s-s-left{

	position: absolute;

	top: 0;

	left: 0;

	width: 50%;

	height: 100%;

	background-color: #37cbbf;

	-webkit-transition-duration:.3s;

    -moz-transition-duration:.3s;

     -o-transition-duration:.3s;

        transition-duration:.3s;

}

.s-s-left img{ padding-left: 25px; }

.s-s-left{ width: 40%; padding-left: 10%; }

.s-s-right{ width: 25%; padding-left: 25%; }

.s-s-right img{ padding-left: 45px; }

.s-s-right{ left: auto; right: 0; background-color: #5a5bc3; }

.s-s-icon{ margin: 190px 0 40px; }

.s-s-left:hover{ background-color: #22bbaf; }

.s-s-right:hover{ background-color: #4c4db9; }

.s-s-icon1{

	position: absolute;

	top: 113px;

	left: 356px;

	width: 376px;

	height: 376px;

}

/* .d-i-d-item .img-size img{width: 1090px;height: 613px;} */

@media (max-width:1200px){

	.wrap {width: 100%;margin: 0 auto;}

	.h-right {width: 56%;float: right;}



}

.yy img{width:100%;}

.map_title{line-height: 120px;font-size: 30px;color: #333;text-align: center;}





.wrap .pager .tips{

	padding: 35px 0;

    font-size: 20px;

    font-family: 微软雅黑;

    text-align: center;

    line-height: 39px;

    color: #666;

}

.wrap .pager .tips p{

	color:#333;

}