@charset "utf-8";
/* CSS Document */

* {
	padding: 0;
	margin: 0;
}
li {
	list-style: none;
}
img {
	border: 0;
}
ow {
	overflow: hidden;
}
a {
	color: #333;
	text-decoration: none;
blr:expression(this.onFocus=this.blur());
}
a:focus {
	outline: none;
}
.clear {
	clear: both;
}
.inner {
	width: 1200px;
	margin: 0 auto;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.mt30 {
	margin-top: 30px;
}
body, html {
	background-color: #f3f6fc;
	color: #666;
	font-family: 'microsoft yahei';
}
input, textarea:focus {
	outline: none;
}
/*引导页-start*/
/*header*/
.header {
	z-index: 999;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	background: rgb(0, 157, 228);
}
.header04 {
	display: block;
	z-index: 999;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	background: rgba(0,68,113,0.5);
}
.header04 .inner h2 {
	font-size: 20px;
	color: #fff;
	line-height: 60px;
	letter-spacing: 4px;
}
.logo {
	padding-top: 15px;
}
.header04 .logo {
	padding-top: 5px;
}
.subject {
	font-size: 30px;
	line-height: 80px;
	padding-left: 20px;
	font-weight: normal;
	color: #fff;
}
.login a {
	color: #fff;
}
.login {
	color: #fff;
	font-size: 14px;
	height: 26px;
	padding: 27px 0;
	margin-left: 70px;
}
.login label {
	margin-left: 20px;
}
.login .login-input {
	display: inline-block;
	border-radius: 4px;
	height: 25px;
	width: 140px;
	border: 0;
	background: #fff;
	line-height: 25px;
}
.login .dlu {
	width: 60px;
	border-radius: 5px;
	background: #2596fa;
	cursor: pointer;
	border: none;
	padding: 0 10px;
	height: 25px;
	color: #fff;
}
.login .login_d {
	padding-left: 5px;
}
.login_c {
	padding: 0;
}
.lgcenterbtn {
	cursor: pointer;
	cursor: hand;
    margin-left:10px;
}
.lgoutbtn {
	cursor: pointer;
	cursor: hand;
    margin-left:10px;
}
.header .inner .iphone {
	width: 14px;
	height: 80px;
	line-height: 80px;
	cursor: pointer;
	position: relative;
}
.header .inner .iphone span {
	display: inline-block;
	float: left;
	width: 14px;
	height: 22px;
	margin-top: 29px;
	background: url(../images/iphone@2x.png) no-repeat center;
}
.header .inner .iphone .iph-ewm {
	display: inline-block;
	opacity: 0;
	position: absolute;
	width: 126px;
	height: 160px;
	right: 0;
	top: 58px;
	transition: all 1s;
	background: url(../images/iph-ewm@2x.png) no-repeat center;/*overflow: hidden;*/
}
.okms {
	display: inline-block;
	width: 1158px;
	height: 130px;
	overflow: hidden;
	padding-top: 40px;
	margin-left: 40px;
}
.header .inner .iphone:hover .iph-ewm {
	/*height: 160px;*/
	opacity: 1;/* animation: img4 0.6s linear 1 alternate; 
    -webkit-animation: img4 0.6s linear 1 alternate;*/
}
/*banner*/
.banner, .container {
	position: relative;
	width: 100%;
	height: 520px;
	margin: 0 auto;
}
.switch .btn a {
	width: 50px;
	height: 100px;
	opacity: 0.5;
	position: absolute;
	z-index: 999;
	top: 50%;
	cursor: pointer;
}
.banner ul li.button03 {
	position: relative;
}
.banner ul li .ding-con a.dinggou {
	display: inline-block;
	width: 100%;
	height: 520px;
}
.switch .btn .prev {
	background: url(../images/left@2x.png) no-repeat top left;
	left: 30px;
}
.switch .btn .next {
	background: url(../images/right@2x.png) no-repeat top right;
	right: 30px;
}
/*大标*/
.head_title {
	height: 100px;
	line-height: 100px;
	text-align: center;
	background: #f3f6fc;
}
.anli_title {
	float: left;
	width: 1200px;
	margin-bottom: 30px;
	position: relative;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #f3f6fc;
}
.head_title h2 {
	background: #f3f6fc;
	font-size: 32px;
	font-weight: normal;
}
.head_title p {
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	font-weight: normal;
	margin: 0 20px;
}
.anli_title .xian {
	float: left;
	position: absolute;
	top: 19px;
	left: 350px;
	display: inline-block;
	width: 100px;
	height: 1px;
	background: #c3c3c3;
	line-height: 40px;
}
.anli_title .xian2 {
	position: absolute;
	top: 19px;
	left: 750px;
}
/*内容部分*/
.anli_title p {
	color: #000;
}
.title {
	color: #222;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 32px;
	text-align: center;
}
/*zhang*/
/*zhang  2018-04-18*/

.s1 {
	background-color: #f3f6fc;
	padding: 10px 0;
	width: 1200px;
	margin: 0 auto;
	height: 100%;
	overflow: hidden;
}
.bd {
	margin-top: 30px;
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.bd2 {
	padding-top: 40px;
	padding-bottom: 10px;
}
.s2 {
	width: 100%;
	min-height: 550px;
	background: #f3f6fc;
}
.s2_l {
	padding-top: 80px;
	width: 530px;
}
.s2_l img {
	float: left;
	padding-right: 20px;
}
.s2_l h2 {
	font-weight: normal;
	float: left;
	line-height: 70px;
	font-size: 28px;
}
.s2_l ul {
	float: left;
	overflow: hidden;
}
.s2_l ul li {
	margin-top: 30px;
	line-height: 35px;
}
.s2_l ul li i {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #999;
	float: left;
	margin: 15px 8px 0 0;
}
.s2_r {
	padding: 40px 40px 0 0;
}
.s3 {
	width: 100%;
	min-height: 550px;
}
.s3_l {
	padding-top: 60px;
}
.s3_r {
	padding-top: 50px;
}
.s3_r ul li {
	margin-top: 12px;
	line-height: 25px;
}
.s4_l {
	padding-top: 100px;
}
.s4_r {
	padding: 60px 0 0 0;
}
.footer {
	width: 100%;
	padding: 30px 0;
	background: #dadada;
	text-align: center;
	font-size: 14px;
}
.footer p {
	padding: 5px;
	color: #484848;
	text-align:center;
}
.footer p span, .footer p a {
	color: #a4acb7;
	padding: 0 5px;
}
.footer p a:hover {
	color: #f90;
}
.right_logo {
	margin: 15px 0;
}
.right_logo img {
	margin: 0 5px;
	border-radius: 4px;
	width: 86px;
	height: 33px;
}
.footer03 {
	background: #fff;
	/*position: absolute;*/
	bottom: 0;
	left: 0;
}
.footer04 {
	margin-top: 0px;
}
.footer03 p {
	color: #333;
}
.footer03 p span, .footer03 p a {
	color: #333;
}
/*引导页-end*/


/********************************分割线****************************************/

/*内容页-start*/
.top {
	width: 100%;
	height: 50px;
	/*border-bottom:3px #ebebeb solid;*/
	font-size: 14px;
	background: rgb(0,68,113);
	line-height: 50px;
	color: #fff;
}
.banner_02 {
	width: 100%;
	height: 350px;
	background: url(../images/banner_02.jpg) center no-repeat;
}
.content_02 {
	width: 100%;
	height: auto;
	background-color: #f3f6fc;
	padding-bottom: 50px;
	padding-top: 50px;
}
/*.search {padding-top:50px;width:1030px;margin:0 auto;}
.search_tab {margin-bottom:20px;overflow:hidden;}
.search_tab a{color: #000; width: 100px; height: 30px; line-height: 30px; text-align: center;float:left;cursor:pointer;margin-right:20px;}
.search_tab a:hover,.search_tab a.active{background-color: #2a84d3; color: #fff;border-radius:3px;}
.search_op{width:780px;border:1px #ddd solid;background:#fff;}
.search_op select {height:37px;border:none;font-size:16px;color:#666;}
.search_con {height:35px;width:570px;border:none;font-size:16px;color:#666;}
.search_btn {height:37px;width:100px;background-color: #2a84d3;color:#fff;float:right;text-align:center;line-height:37px;}*/

.search {
	width: 1030px;
	margin: 0 auto;
}
.search .secnav {
	margin-bottom: 20px;/* border-bottom: 2px #2072bb solid;*/
	overflow: hidden;
}
.search .secnav a {
	color: #000;
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	float: left;
	cursor: pointer;
	margin-right: 20px;
}
.search .secnav a.current {
	border-style: solid;
	;
	border-radius: 5px;
	background-color: #2072bb;
	border-width: 0px;
	color: white;
	text-decoration: none;
}
.search .secx .inputtext {
	padding-left: 16px;
	width: 680px;
	height: 35px;
	border: 1px solid #c2c2c2;
	line-height: 35px;
	vertical-align: middle;
}
.secx {
	position: relative;
	float: left;
}
.secx .pholder {
	position: absolute;
	top: 2px;
	left: 5px;
	color: #aaa;
	font: 14px/35px 'microsoft yahei';
}
.secx .secbtn {
	width: 100px;
	height: 35px;
	background: #2072bb;
	border: none;
	color: #fff;
	cursor: pointer;
	font: 16px/35px 'microsoft yahei';
	vertical-align: middle;
}
.secx .secbtn:hover {
	background: #f90;
}
.search_other a {
	width: 100px;
	height: 37px;
	line-height: 37px;
	border: 1px #ddd solid;
	text-align: center;
	float: left;
	margin-left: 10px;
}
.search_other a:hover {
	background-color: #2a84d3;
	color: #fff;
}
.content_all {
	margin-top: 20px;
	position: relative;
}
.con_all_tab {
	width: 40px;
	position: absolute;
	top: 0;
	left: 1px;
}
.con_all_tab li {
	width: 18px;
	height: 90px;
	padding: 30px 11px 0 11px;
	background: url(../images/con2_btn.png) top left no-repeat;
	overflow: hidden;
	cursor: pointer;
	color: #333;
}
.con_all_tab li.on {
	background-position: bottom left;
	padding-right: 10px;
	color: #fff;
}
.con_all_c {
	width: 1158px;
	min-height: 358px;
	border: 1px #ddd solid;
	background: #fff;
}
.con_all_c ul {
	overflow: hidden;
	margin: 16px 0;
}
.con_all_c .list02 ul {
	margin: 16px;
	margin-right: 0;
	height: 650px;
}
.list01 li {
	width: 330px;
	float: left;
	margin: 15px 11px 10px 38px;
	height: 74px;
	position: relative;
}
.list01 li img {
	float: left;
	padding-right: 10px;
}
.list01 li h4 {
	font-family: "黑体";
	margin-top: 18px;
	color: #434343;
	letter-spacing: 4px;
}
.list01 li p {
	font-family: "Arial";
	font-size: 12px;
	letter-spacing: 0px;
	margin-top: 6px;
	color: #434343
}
.list01 li .quan {
	display: none;
	float: left;
	width: 74px;
	height: 72px;
	margin: 0;
}
.list01 li:hover h4 {
	color: #ee761c
}
.list01 li:hover p {
	color: #ee761c
}
/*.list01 li:hover .quan{display:block;
position: absolute;left:0;top:0;
}*/
.list02 {
	margin-left: 3px;
	margin-bottom: 10px;
}
.list02 li {
	width: 120px;
	height: 120px;
	float: left;
	margin: 36px 10px 0;
	margin-right: 32px;
	position: relative;
	background-size: 100% 100%;
}
.list02 li img {
	width: 100px;
	height: 100px;
	margin-top: 10px;
	margin-left: 10px;
}
.list02 li h4 {
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	position: absolute;
	bottom: -12px;
	width: 120px;
	height: 20px;
}
.list03 {
	margin-left: 3px;
	padding: 30px 0;
	position: relative;
}
.list03 li {
	width: 85px;
	float: left;
	margin: 10px 10px 0;
}
.list03 li img {
	width: 85px;
	height: 85px;
}
.list03 li h4 {
	text-align: center;
	font-size: 14px;
	font-weight: normal;
}
/*内容页-end*/

/********************************分割线****************************************/

/*历届主题-start*/
.content_03 {
	width: 100%;
	height: auto;
	background-color: rgba(243, 246, 252,1);
	padding: 50px 0;
}
.list_all {
	width: 300px;
	height: auto;
	float: left;
}
.list_all h2 {
	font-size: 18px;
	color: #FF6600;
	line-height: 25px;
}
.list_all li {
	font-size: 14px;
	height: 25px;
	line-height: 25px;
}
.list_all li a {
	color: #3073B3;
}
/*历届主题-end*/

.search .secnav a:hover, .list01 li a:hover, .list02 li a:hover, .list03 li a:hover {
	color: #f90;
}
.search .secnav a.current:hover {
	color: #fff;
}
.banner-03 {
	width: 100%;
	height: 520px;
	background: url(../images/3@2x.png) center no-repeat;
	overflow: hidden;
}
.try-con {
	width: 1200px;
	height: 520px;
	position: relative;
	margin: 0 auto;
	text-align: center;
	margin-top: -282px;
}
.try-con .try {
	width: 458px;
	height: 388px;
	margin: 0 auto;
	background: #fff;
	padding: 30px;
	box-shadow: 0px 10px 16px 1px #a9bcc7;
}
.try-con .ding-tit {
	width: 514px;
	height: 70px;
	margin: 0 auto;
}
.try-con .ding-tit h4 {
	width: 514px;
	height: 34px;
	margin: 0 auto;
	margin-bottom: 10px;
	background: url(../images/ding-tit.png) no-repeat center;
}
.try-con .ding-tit p {
	color: #758996;
	font-size: 14px;
	line-height: 26px;
	text-align: center;
}
.try-con .try .submit {
	padding-left: 20px;
}
.try-con .try-in>p {
	color: #fff;
	border-bottom: 2px solid #ffe400;
}
.try-con .try-in .success {
	color: #ffe400;
	border-bottom: 0;
	font-size: 24px;
	padding-left: 20px;
}
.try-in img {
	width: 80px;
	height: 80px;
	display: inline-block;
	margin: 0 auto;
	margin-top: 30px;
}
.try-con .try .input-list {
	color: #6c6c6c;
	font-size: 15px;
	line-height: 36px;
	text-align: center;
	width: 366px;
	height: 36px;
	margin: 0 auto;
	margin-top: 14px;
	padding-left: 20px;
	position: relative;
	background: #fff;
	border: 1px solid #9c9c9c;
	margin-left: 58px;
}
.try-con .try .input-list2 {
	height: 136px;
	padding-left: 20px;
}
.try-con .try .input-list p {
	margin-left: -74px;
	font-size: 16px;
	color: #427290;
}
.try-con .try input {
	text-align: left;
	width: 358px;
	height: 36px;
	background: none;
	outline: none;
	border: 0px;
}
.try-con .try .input-list2 textarea {
	height: 126px;
	width: 366px;
	border: 0;
	padding-top: 10px;
}
.try-con .try h4 p {
	font-size: 34px;
	color: #f68b3c;
}
.try-con .try .sub-input {
	background: #287ce3;
	cursor: pointer;
	width: 150px;
	height: 40px;
	/*border-radius: 20px;*/
	margin: 0 auto;
	margin-top: 20px;
	padding: 0;
}
.try-con .try .sub-input:hover {
	background: #f90;
	cursor: pointer;
}
.try-con .try .sub-input input {
	padding: 0;
	text-align: center;
}
.try-con .try .sub-input:hover .submit {
	background: #f90;
	cursor: pointer;
}
.try-con .try .submit {
	width: 150px;
	height: 40px;
	color: #fff;
	font-size: 15px;
	line-height: 36px;
	background: #287ce3;/*		border-radius: 20px;*/
}

@media screen and (max-width: 1366px) {
.banner-03 .try-con .try {
	bottom: 116px;
}
.footer03 {
	padding: 32px 0 0 0;
}
}
.con-bg {
	overflow: hidden;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background: url(../images/banner-u.jpg) center no-repeat;/*background-size:100% 100%;*/
}
.banner-04 {
	overflow: hidden;
	width: 1200px;
	height: 92%;
	margin: 0 auto;
}
.banner-04 .tab-title {
	margin-top: 30px;
	width: 1200px;
	height: 30px;
}
.banner-04 .tab-title li {
	float: left;
	margin-left: 200px;
}
.banner-04 table {
	width: 1200px;
	/*height:100%;*/
	margin-top: 88px;
	text-align: center;
	table-layout: fixed;
	word-break: break-all;
}
.banner-04 table .title {
	font-size: 20px;
	color: #fff;
	padding: 20px;
	background: #71b0fd;
}
.banner-04 table td div {
	height: 48px;
	overflow: auto;
	font-size: 12px;
}
.banner-04 table .u-list td {
	height: 20px;
	font-size: 18px;
	color: #000;
	padding: 4px;
	border-bottom: 1px solid #fff;
	/*border: 1px solid #fff;*/
	background: rgba(178,198,211,0.8);
}
.banner-04 table .title .u-name {
	width: 14%;
	border: 2px solid #fff;
}
.banner-04 table .title .u-iph {
	width: 14%;
	border: 2px solid #fff;
}
.banner-04 table .title .u-unit {
	width: 30%;
	border: 2px solid #fff;
}
.banner-04 table .title .u-liuyan {
	width: 32%;
	border: 2px solid #fff;
}
.banner-04 table .title .u-time {
	width: 10%;
	border: 2px solid #fff;
}
.yema {
	width: 238px;
	height: 40px;
	margin: 0 auto;
	margin-top: 20px;
}
.yema li {
	float: left;
	margin-left: 20px;
}
.yema li a {
	width: 100px;
	height: 24px;
	/*border:1px solid #287ce3;*/
	font-size: 16px;
	padding: 6px;
	background: #71b0fd;
	border-radius: 6px;/*color:#fff;*/
}
.yema .ye-num a {
	border: 0px;
}
.yema .ye-pre a:hover {
	background: #ffc000;
}
.yema .ye-nex a:hover {
	background: #ffc000;
}
#labUser, #labTel, #labUnit {
	color: red;
	font-size: 12px;
	width: 130px;
	height: 36px;
	line-height: 36px;
	position: absolute;
	right: 10px;
	top: 0;/*background:url(../images/tishi-bg.png) center no-repeat;*/
 /*background-size:100% 100%;*/
}
.guanli-con {
	margin: 0 auto;
	width: 500px;
	height: 300px;
	background: rgba(15,125,189,0.6);
	margin-top: 240px;
	border: 2px solid #fff;
	text-align: center;
}
.guanli-con .input-list {
	width: 284px;
	height: 40px;
	margin: 0 auto;
	margin-top: 30px;
	line-height: 38px;
}
.guanli-con img {
	width: 30px;
	height: 30px;
	float: left;
	margin-left: 80px;
	margin-top: 32px;
	float: left;
	display: inline-block;
}
.guanli-con .input-list input {
	width: 284px;
	height: 30px;
	float: left;
	margin-left: 10px;
}
.guanli-con .input-list .submit {
	margin-top: 40px;
	height: 30px;
	background: #287ce3;
	color: #fff;
	font-size: 18px;
}
.guanli-con .input-list .submit:hover {
	background: #f90;
}
.banner-05 {
	overflow: hidden;
	width: 1200px;
	height: 100%;
	margin: 0 auto;
}
.con-bg {
	overflow: hidden;
	width: 100%;
	height: 800px;
	margin: 0 auto;
	background: url(../images/banner-u.jpg) center no-repeat;/*background-size:100% 100%;*/
}
.guanli-bg {
	background: url(../images/guanli_bg.jpg) center no-repeat;
}
.try>p {
	color: #fff;
	font-size: 20px;
	line-height: 48px;
	text-align: center;
	height: 48px;
	border-bottom: 2px solid #acd2d8;
}
/* 分页 */
.pagelist {
	padding-top: 16px;
	height: 40px;
	text-align: center;
	clear: both;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
.pagelist li {
	display: inline-block;
*display: inline;
	zoom: 1;
	white-space: nowrap;
}
.pagelist .CurrentPage {
	background-color: #55a8fd;
	border-color: #55a8fd;
	color: #fff;
}
.pagelist .CurrentPage:hover {
	color: #fff;
}
.pagelist .nolink {
	cursor: default;
}
.pagelist .nolink:hover {
	color: #333;
}
.pagelist a {
	height: 30px;
	line-height: 30px;
	display: inline-block;
*display: inline;
	zoom: 1;
	cursor: pointer;
	padding: 0 14px;
	border: 1px solid #ccc;
	margin: 0 5px;
	color: #2196f3;
}
.pagelist a:hover {
	border-color: #55a8fd;
	color: #55a8fd;
}
.pagelist span li a:hover {
	border-color: #ccc;
	color: #333;
	cursor: default;
}
.map {
	position: relative;
	width: 856px;
	margin: 0 auto;
}
.map a {
	color: #5b5a5a;
	font-size: 14px;
	text-decoration: none;
}
.map a:hover {
	color: #fff;
}
.citybg {
	position: absolute;
	display: none;
	z-index: 3;
}
.city a.active .citybg {
	display: block;
	z-index: 3;
}
.city:hover .citybg {
	display: block;
	z-index: 3;
}
.map .xg:hover {
	color: #000;
}
.nanhai {
	position: absolute;
	right: 100px;
	bottom: 10px;
	width: 134px;
	height: 169px;
	/* background: url(../images/nanhai.png) no-repeat top center; */
	background: url(../images/nanhai@2x.png) no-repeat top center;
}
.bd>.list {
	list-style: none;
}
.bd>.list>.inline-list {
	float: left;
	width: 342px;
	height: 182px;
	border: 1px solid #F3F3F3;
	margin-left: 84px;
	position: relative;
	transition: 1s;
	transform-style: preserve-3d;
}
.bd>.list>.inline-list>.front {
	color: #000;
	font-size: 16px;
	width: 340px;
	height: 180px;
	line-height: 300px;
	border-radius: 12px;
	background-color: #e5edfc;
	float: left;
	border: 1px solid #c3d4f2;
	position: absolute;
	z-index: 10;
	opacity: 1;
	backface-visibility: hidden;
}
.bd>.list>.inline-list>.front img {
	display: inline-block;
	position: absolute;
	left: 56px;
	top: 40px;
}
.bd>.list>.inline-list>.front p {
	width: 340px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-top: 2px solid #d2ddf3;
	position: absolute;
	left: 0;
	bottom: 0;
	letter-spacing: 2px;
}
.bd>.list>.inline-list>.back {
	border-radius: 12px;
	position: absolute;
	width: 340px;
	height: 180px;
	z-index: 2;
	opacity: 0;
	background: #e5edfc;
	border: 1px solid #c3d4f2;
	transform: rotateY(180deg);
	backface-visibility: hidden;
	box-shadow: 0px 5px 5px 0.12px rgba(55, 106, 133, 0.23);
}
.bd>.list>.inline-list>.back p {
	width: 340px;
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	color: #00283e;
	text-align: center;
	border-bottom: 2px solid #d2ddf3;
	position: absolute;
	left: 0;
	top: 0;
	letter-spacing: 2px;
}
.bd>.list>.inline-list>.back ul {
	position: absolute;
	top: 70px;
	display: inline-block;
	width: 310px;
	height: 100%;
	left: 20px;
}
.bd>.list>.inline-list>.back ul li {
	padding-left: 10px;
	background: url(../images/dian@2x.png) no-repeat left center;
}
.bd>.list>.inline-list>.back ul li a {
	font-size: 12px;
	line-height: 18px;
}
.bd>.list>.inline-list>.back ul li a:hover {
	color: #f60;
}
.bd>.list>.inline-list:hover {
	transform: rotateY(180deg);
}
/*.bd>.list>.inline-list:hover .front{  
opacity: 0;
display: none;
}*/
.bd>.list>.inline-list:hover .back {
	opacity: 1;
	z-index: 999;
}
.bd>.list>.inline-list:hover .front {
	/*opacity: 0;*/z-index: 1;
}
.list01 .quan {
	height: 0px;
	width: 70px;
	transition: height 1s;
}
.list01 ul li:hover .quan {
	height: 70px;
	position: absolute;
	left: 0;
	top: 0;
}
.list02 ul li a {
	width: 120px;
	height: 140px;
	display: inline-block;/*	background:url(../images/dikuang@2x.png) no-repeat top center;
	    background-size: 100% 100%;
*/

}
.list02 ul li img {
	transition: all 1s;
}
.list02 ul li .mr_zhe_hover {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 116px;
	height: 0px;
	background: rgba(0,0,0,0.3);
	text-align: center;
	font-size: 16px;
	transition: height 1s;/*	line-height: 116px;*/
}
.list02 ul li .mr_zhe_hover p {
	opacity: 0;
	font-weight: bold;
	transition: opacity 0;
	text-shadow: 0px 2px 0px rgba(51, 39, 6, 0.4);
	font-weight: bold;
	color: #fff;
}
.list02 ul li .mr_zhe_hover .yunshu {
	width: 116px;
	height: 20px;
}
.list02 ul li:hover {
	background: url(../images/dikuang2@2x.png) no-repeat top center;
	background-size: 100% 100%;
}
.list02 ul li:hover .mr_zhe_hover {
	height: 116px;
	line-height: 116px;
}
.list02 ul li:hover .mr_zhe_hover p {
	opacity: 1;
}
.list02 ul li:hover .mr_zhe_hover .yunshu {
	width: 116px;
	height: 20px;
}
.list02 ul li:hover img {
	width: 116px;
	height: 116px;
	margin-left: 2px;
	margin-top: 2px;
}
.list02 ul li:hover h4 {
	/*opacity: 0;*/
	display: none;
}
.icon-bg {
	width: 72px;
	height: 72px;
	float: left;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 14px;
	margin-right: 10px;
	border: 1px solid #b7b7b7;
	border: 1px solid #b0c6dd;
	border-radius: 50%;
}
#lopp {
	width: 100%;
	height: 100%;
	color: #9a9a9a;
	color: #9ab0c7;
	border-color: currentColor transparent transparent currentColor;
	border-width: 0.2em 0.2em 0em 0em;
	border-width: 3px;
 --deg: -45deg;
	animation-direction: normal;
	position: absolute;
	border-radius: 50%;
	border-style: solid;/*animation: animate 3s linear infinite;*/
    top:-4px;
    left:-3px;
}
#ball {
	position: absolute;
	width: 100%;
	height: 100%;
	color: #f90;
	border-color: currentColor transparent transparent currentColor;
	transform: rotate(var(--deg));
	transform-origin: left;
}
.list01 li:hover #lopp {
	color: #f90;
	border-width: 4px;
	animation: animate 3s linear infinite;
}
.list01 li img {
	margin-left: 7px;
}
.loader .face .circle::before {
	position: absolute;
	top: -0.5em;
	right: -0.5em;
	content: '';
	width: 1em;
	height: 1em;
	background-color: currentColor;
	border-radius: 50%;
	box-shadow: 0 0 2em,  0 0 4em,  0 0 6em,  0 0 8em,  0 0 10em,  0 0 0 0.5em rgba(255, 255, 0, 0.1);
}
 @keyframes animate {
 to {
 transform: rotate(1turn);
}
}
#moquu_top, #moquu_wxin, #moquu_wshare, #topcontrol {
	z-index: 2;
	width: 50px;
	height: 50px;
	right: 10px;
	position: fixed;
	cursor: pointer;
	_position: absolute;
	_bottom: auto;
 _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)))
}
#moquu_wo {
	bottom: 4%;
	left: 10px;
	width: 65px;
	height: 100px;
	position: fixed;
	cursor: pointer;
	font-size: 13px;
}
#moquu_wo:hover {
	color: #f90;
}
#moquu_wxin {
	bottom: 252px;
	right: 10px;
}
#moquu_wxin a {
	/*display: inline-block;*/
	background: url(../images/sbtn@2x.png) 0 -52px;
	right: 0;
	float: left;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
}
#moquu_wxin a:hover {
	background: url(../images/sbtn@2x.png) -50px -52px;
}
#moquu_wshare {
	bottom: 200px;
	right: 10px;
}
#moquu_wshare a {
	/*display: inline-block;*/
	background: url(../images/sbtn@2x.png) -100px -310px;
	width: 50px;
	height: 50px;
	right: 0;
	float: left;
}
#moquu_wshare a:hover {
	background: url(../images/sbtn@2x.png) -150px -310px;
}
.moquu_wxin, .moquu_wshare {
	position: relative;
	z-index: 2;
}
.moquu_wxin .moquu_wxinh {
	position: absolute;
	right: 50px;
	bottom: -58px;
	display: none;
	/*opacity:0;*/
	width: 138px;
	transition: all 0.6s;
	height: 176px;
	font-size: 14px;
	color: #fff;
	background: url(../images/weiixn@2x.png) no-repeat center center;
	color: #FFF;
}
.moquu_wo .moquu_woh {
	/*width: 0px;*/
	height: 50px;
	position: absolute;
	right: 44px;
	width: 177px;
	display: none;
	/*opacity:0;    */
	bottom: 0px;
	transition: all 0.6s;
	background: url(../images/women-h@2x.png) no-repeat center center;
}
.moquu_wshare .moquu_wshareh {
	width: 210px;
	height: 83px;
	position: absolute;
	/*opacity:0;*/
	right: 50px;
	display: none;
	bottom: -6px;
	transition: all 0.2s;
	background: url(../images/tel-h@2x.png) no-repeat center center;
}
.moquu_wo a:hover .moquu_woh {
	/*opacity: 1;*/display: block;
}
.moquu_wxin a:hover .moquu_wxinh {
	/*opacity: 1;*/
	display: block;
}
.aomen:hover {
	color: #000;
}
.moquu_wshare a:hover .moquu_wshareh {
	/*opacity: 1;*/
	display: block;
}
#topcontrol {
	bottom: 100px;
	right: 10px;
	display: none;
}
#topcontrol a {
	right: 0;
	float: left;
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../images/sbtn@2x.png) -200px -362px;
	text-indent: -9999px;
}
#topcontrol a:hover {
	background: url(../images/sbtn@2x.png) -250px -362px;
}

@media screen and (max-width: 1366px) {
#moquu_wo {
	font-size: 12px;
	width: 60px;
}
#moquu_wo img {
	width: 60px;
}
}