@charset "utf-8";
/* @font-face {
	font-family:'Glyphicons Halflings';
	src: url(../fonts/glyphicons-halflings-regular.eot);
	src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/glyphicons-halflings-regular.woff) format('woff'), url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
} */
*{ padding:0; margin:0;}
/* body{
	background-color: #D0D1D0;
} */

/* .logo{ margin:0 10px;} */
img{ vertical-align:middle; border:none;}
.top_left{ position:fixed; top:35px; left:0;right: 0;margin: auto;width: 100%;padding: 0 35px;}
.chname{ color:#fff; font-size:48px; font-weight:300; margin:130px 0 0 0px;  }
.enname{ color:#1cb5d8; font-size:24px; margin-left:20px; margin-top:10px; font-family:'冬青黑体','Hiragino Sans GB','Helvetica Neue','黑体';}
.content{ z-index:2; width:600px; height:806px; position: fixed;  background:url('../img/zuo.png') no-repeat;margin: auto;left: 0;right: 0;top: 7%}
.circle{
	background:url('../img/lun.png') no-repeat;
	position:relative;
	width:600px;
	height:600px;
	border-radius:50%;
	animation: 5s linear 0s normal none infinite running ferris-wheel-rotate;
	-webkit-animation: 5s linear 0s normal none infinite running ferris-wheel-rotate;
	background-size: cover;
}
.center{ position:absolute; top:342px; left:300px;}
.nav-item-link1{ position:absolute; top:76px; left:76px; width:110px; height:60px; cursor:pointer; background:url(../images/num1.png) no-repeat; background-size:48px; background-position:50% 50%; -ms-transform:rotateZ(0deg); transform: rotateZ(0deg);}
.nav-item-link2{ position:absolute; top:20px; left:182px; width:100px; height:60px; cursor:pointer; background:url(../images/num2.png) no-repeat; background-size:68px; background-position:50% 50%; -ms-transform:rotateZ(-17deg); transform: rotateZ(-17deg);}
.nav-item-link3{ position:absolute; top:8px; left:305px; width:100px; height:60px; cursor:pointer; background:url(../images/num3.png) no-repeat; background-size:50px; background-position:50% 50%; -ms-transform:rotateZ(5deg); transform: rotateZ(5deg);}
.nav-item-link4{ position:absolute; top:43px; left:421px; width:100px; height:60px; cursor:pointer; background:url(../images/num4.png) no-repeat; background-size:46px; background-position:50% 50%; -ms-transform:rotateZ(32deg); transform: rotateZ(32deg);}
.nav-item-link5{ position:absolute; top:126px; left:512px; width:100px; height:60px; cursor:pointer; background:url(../images/num5.png) no-repeat; background-size:52px; background-position:50% 50%; -ms-transform:rotateZ(56deg); transform: rotateZ(56deg);}
.nav-item-link6{ position:absolute; top:232px; left:556px; width:100px; height:60px; cursor:pointer; background:url(../images/num6.png) no-repeat; background-size:52px; background-position:50% 50%; -ms-transform:rotateZ(76deg); transform: rotateZ(76deg);}
.nav-item-link7{ position:absolute; top:352px; left:556px; width:100px; height:60px; cursor:pointer; background:url(../images/dianxing2.png) no-repeat; background-size:52px; background-position:50% 50%; -ms-transform:rotateZ(102deg); transform: rotateZ(102deg);}
.nav-item-link8{ position:absolute; top:462px; left:510px; width:100px; height:60px; cursor:pointer; background:url(../images/num8-8.png) no-repeat; background-size:52px; background-position:50% 50%; -ms-transform:rotateZ(126deg); transform: rotateZ(126deg);}
.nav-item-link9{ position:absolute; top:548px; left:422px; width:100px; height:60px; cursor:pointer; background:url(../images/num9.png) no-repeat; background-size:58px; background-position:50% 50%; -ms-transform:rotateZ(-30deg); transform: rotateZ(-30deg);}
.nav-item-link10{position:absolute; top:580px; left:306px; width:100px; height:60px; cursor:pointer; background:url(../images/num10.png) no-repeat; background-size:55px; background-position:50% 50%; -ms-transform:rotateZ(-188deg); transform: rotateZ(-188deg);}
.nav-item-link11{position:absolute; top:570px; left:188px; width:100px; height:60px; cursor:pointer; background:url(../images/num11.png) no-repeat; background-size:55px; background-position:50% 50%; -ms-transform:rotateZ(-165deg); transform: rotateZ(-165deg);}
.nav-item-link12{position:absolute; top:510px; left:82px; width:100px; height:60px; cursor:pointer; background:url(../images/num12.png) no-repeat; background-size:52px; background-position:50% 50%; -ms-transform:rotateZ(-165deg); transform: rotateZ(-165deg);}
.nav-item-link13{position:absolute; top:408px; left:14px; width:100px; height:60px; cursor:pointer; background:url(../images/num19.png) no-repeat; background-size:60px; background-position:50% 50%; -ms-transform:rotateZ(-116deg); transform: rotateZ(-116deg);}
.nav-item-link14{position:absolute; top:298px; left:-14px; width:100px; height:60px; cursor:pointer; background:url(../images/num14-14.png) no-repeat; background-size:46px; background-position:50% 50%; -ms-transform:rotateZ(-90deg); transform: rotateZ(-90deg);}
.nav-item-link15{position:absolute; top:172px; left:13px; width:100px; height:60px; cursor:pointer; background:url(../images/num20.png) no-repeat; background-size:56px; background-position:50% 50%; -ms-transform:rotateZ(-62deg); transform: rotateZ(-62deg);}
.nav-item1{position: absolute;
top: 287px;
left: 38px;
width: 100px;
height: 60px;
cursor: pointer;
 }
.nav-item1 img{ margin-left:14px; margin-top:22px;transform: rotateZ(-72deg);}
.nav-item2{position: absolute;
bottom: 248px;
left: 526px;
cursor: pointer;}
.nav-item2 img{color:#fff; font-size:14px;  transform: rotateZ(142deg) ; }
.nav-item3{position: absolute;
top: 424px;
left: 489px;
cursor: pointer;
transform: rotateZ(193deg);}
.nav-item3 p{ color:#fff; font-size:14px;  transform: rotateZ(-70deg) ; }
.tab tr td img{ width:46px; margin:10px 10px; vertical-align:middle;}
.tab tr td p{ color:#fff; font-size:14px; margin-left:10px;}
.link1{ position:absolute; top:27px; left:46px;  }
.link2{ position:absolute; top:-17px; left:148px; }
.link3{ position:absolute; top:-10px; left:288px; }
.link4{ position:absolute; top:1px; left:403px; }
.link5{ position:absolute; top:70px; left:496px; }
.link6{ position:absolute; top:182px; left:560px; }
.link7{ position:absolute; top:318px; left:559px; }
.link8{ position:absolute; top:425px; left:498px; }
.link9{ position:absolute; top:515px; left:403px; }
.link10{ position:absolute; top:570px; left:282px; }
.link11{ position:absolute; top:550px; left:150px; }
.link12{ position:absolute; top:474px; left:50px; }
.link13{ position:absolute; top:376px; left:-3px; }
.link14{ position:absolute; top:253px; left:-10px; }
.link15{ position:absolute; top:126px; left:-4px; }
.link16{ position: absolute;
top: 287px;
left: 25px;
transform: rotateZ(-72deg);
}
.link17{position: absolute;
top: 314px;
left: 506px;
transform: rotateZ(144deg);
border-radius: 500px 60px 60px; }
.link17 img{ z-index:40; border-radius:500px 60px 60px; }
.link18{ 
position: absolute;
top: 411px;
left: 470px;
transform: rotateZ(193deg);}
.link18 img{ z-index:40; border-radius:200px 60px 60px; }
#item{ z-index:50; background-image:url(../images/show.png); background-repeat:no-repeat;  background-size:300px; width:302px; height:75px; z-index:20; position:absolute; padding-right:10px; }
#content{ width:220px;}
.right{ position:fixed; right:3.5%; top:23%;}
.right table{ padding:0;}
.right table tr{ padding:0;}
.right table tr td{padding:0;}
.right table tr td a{ color:#231916; font-size:17px; }
#content{ line-height:20px; margin-top:6px;}
.sec{  height:30px !important;  width:10px;}
.second{  height:30px;  width:10px;}
.secs{  height:30px;  width:10px; }
.first a { display:block;  text-align:right; height:20px; line-height:20px; padding-right:15px; transition:all 0.3s ease-in-out 0s; border-right:3px solid #E60013; }
.first.none a {color: #898989; display:block; text-align:right; height:20px; line-height:20px; padding-right:15px; transition:none; border-right:3px solid #E60013; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; }
.first a:hover{ color:#E60013;text-decoration: underline;}
.first.none a:hover{ color: #898989;transition:none;text-decoration: none;font-size:17px;border-bottom: none; cursor:not-allowed; }
.left{position:fixed; left:35px; bottom:30px; }
.article{ word-wrap:break-word; background:url('../img/left.png') no-repeat 7px 0; width:577px;height: 151px; padding:20px;background-size: cover;}
.article p{ font-size:13px; color:#E60013; line-height:22px; }
.bottom{ position:fixed; right:3.5%; bottom:3%; z-index:1;}
.bottom p{ font-size:16px; color:#E60013; margin:0;}
.nav_item{ opacity:0; z-index:30;}
.nav_ite{position: absolute;
top: 364px;
left: 355px;
width: 166px;
height: 114px;
border-radius: 600px 30px 20px;
padding: 0;
transform: rotateZ(193deg);}
.nav_item_1{ opacity:0; z-index:30;}
.nav_ite1{position: absolute;
bottom: 230px;
right: 100px;
width: 143px;
transform: rotateZ(169deg);
height: 114px;
border-radius: 600px 30px 20px;
padding: 0;}
.nav_item_2{ opacity:0; z-index:30;}
.nav_ite2{position: absolute;
bottom: 278px;
right: 390px;
transform: rotateZ(-23deg);
width: 166px;
height: 114px;
border-radius: 600px 30px 20px;
padding: 0;
}


/* CSS Document */

.rounf{
	position: relative;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	overflow: hidden;
	cursor: pointer;
}
.rounf .txt{
	position: absolute;
    left: 0;
    top: 67px;
    font-size: 18px;
    color: #fff;
    width: 62%;
    right: 0;
	margin: auto;
	text-align: center;
}
/* 各版本样式 */
@media screen and (max-width:760px){
	body{ background:url('../images/body_bg.png') repeat ;background-size:cover; font-family:Arial,Helvetica,sans-serif; padding:0px !important; position: absolute;left: 0;top: 0;height: 100%;width: 100%;overflow: hidden;overflow-y: auto;}
}
@media (min-width: 1024px){
	body{ background:url('../img/bo_bg.png') repeat ;background-size:cover; font-family:Arial,Helvetica,sans-serif; min-width:1200px;  padding:0px !important; behavior:url(../ie-css3.htc);position: absolute;left: 0;top: 0;height: 100%;width: 100%;}
	
} 
	
	@media (min-width: 1100px) {
		.pt_h{
			height: 310px;
		}
		.pt_height{
			max-height: 107px;
			overflow: hidden;
			overflow-y: auto;
		}
		.down_btn{
			width: 122px;
			height: 25px;
			line-height: 25px;
			font-size: 13px;
		}
		.mor_box{
			text-align: center;
			position: absolute;
			bottom: 0;
			width: 355px;
		}
		.pop_txt{
			font-size: 13px;
		}
		.pop_txt h3{
			font-size: 16px;
			margin-top: 0px;
			line-height: 19px;
		}
		.pop_txt ul{
			padding-left: 25px;
		}
		.mor_box.left_width{
			width: 330px;
		}
		.riht_hei{
			height: 380px;
			position: relative;
		}
		.close_btn{
			top: 8px;
			right: 8px;
		}
		.home_bg{
			position: fixed;
			top: 30%;
			left: 0;
			width: 100%;
			z-index: 0;
		}
		.chname img{
			width: 390px;
		}
		.left {
			position: fixed;
			left:35px;
			bottom: 50px;
			z-index: 777;
		}
		.right{
			top: 20%;
		}
		.bottom img{
			width: 80px;
		}
		.article {
			word-wrap: break-word;
			background: url('../img/left.png') no-repeat;
			width: 390px;
			height: 116px;
			padding: 20px;
			background-size: cover;
			overflow: hidden;
		}
		.content {
			transform:scale(.6);
			-webkit-transform:scale(.6);
			-moz-transform:scale(.6);
			-ms-transform:scale(.6);
			-o-transform:scale(.6);
			top: -82px;
			left:7%;
		}
		.article{
			padding: 10px;
		}
		.article p{
			font-size: 12px;
			line-height: 16px;
			margin-bottom: 0;
			padding: 0;
		}
		.chname {
			margin-top: 50px;
		}
		.pop{
			padding: 45px;
			width: 65%;
		}
	} 
	/* width: 1280px */
	@media (min-width: 1280px) {
		.pt_h{
			height: 350px;
		}
		.pt_height{
			max-height: 130px;
			overflow: hidden;
			overflow-y: auto;
		}
		.down_btn{
			width: 122px;
			height: 25px;
			line-height: 25px;
			font-size: 13px;
		}
		.mor_box{
			text-align: center;
			position: absolute;
			bottom: 0;
			width: 385px;
		}
		.pop_txt{
			font-size: 13px;
		}
		.pop_txt h3{
			font-size: 18px;
			margin-top: 0px;
			line-height: 25px;
		}
		.pop_txt ul{
			padding-left: 25px;
		}
		.mor_box.left_width{
			width: 350px;
		}
		.riht_hei{
			height: 410px;
			position: relative;
		}
		.close_btn{
			top: 8px;
			right: 8px;
		}
		.home_bg{
			position: fixed;
			top: 30%;
			left: 0;
			width: 100%;
			z-index: 0;
		}
		.chname img{
			width: 390px;
		}
		.left {
			position: fixed;
			left:35px;
			bottom: 50px;
			z-index: 777;
		}
		.right{
			top: 20%;
		}
		.bottom img{
			width: 80px;
		}
		.article {
			word-wrap: break-word;
			background: url('../img/left.png') no-repeat;
			width: 390px;
			height: 116px;
			padding: 20px;
			background-size: cover;
			overflow: hidden;
		}
		.content {
			transform:scale(.6);
			-webkit-transform:scale(.6);
			-moz-transform:scale(.6);
			-ms-transform:scale(.6);
			-o-transform:scale(.6);
			top: -82px;
			left:7%;
		}
		.article{
			padding: 10px;
		}
		.article p{
			font-size: 12px;
			line-height: 16px;
			margin-bottom: 0;
			padding: 0;
		}
		.chname {
			margin-top: 50px;
		}
		.pop{
			padding: 45px;
			width: 65%;
		}

		
	} 
	
	/* width: 1366px */
	@media (min-width: 1346px) {
		.pop_txt h3{
			font-size: 16px;
			margin-top: 0px;
			line-height: 20px;
		}
		.pt_h{
			height:290px;
		}
		.pt_height{
			max-height: 80px;
			overflow: hidden;
			overflow-y: auto;
		}
		.down_btn{
			width: 122px;
			height: 25px;
			line-height: 25px;
			font-size: 13px;
		}
		.mor_box{
			text-align: center;
			position: absolute;
			bottom: 0;
			width: 360px;
		}
		.pop_txt{
			font-size: 13px;
		}
		.riht_hei{
			height: 350px;
			position: relative;
		}
		.close_btn{
			top: 10px;
			right: 10px;
		}
		.home_bg{
			position: fixed;
			top: 30%;
			left: 0;
			width: 100%;
			z-index: 0;
		}
		.chname img{
			width: 400px;
		}
		.left {
			position: fixed;
			left: 35px;
			bottom: 50px;
		}
		.right{
			top: 20%;
		}
		.bottom img{
			width: 90px;
		}
		
		.article {
			word-wrap: break-word;
			background: url('../img/left.png') no-repeat;
			width: 400px;
			height: 119px;
			padding: 20px;
			background-size: cover;
			overflow: hidden;
		}
		.content {
			transform:scale(.65);
			-webkit-transform:scale(.65);
			-moz-transform:scale(.65);
			-ms-transform:scale(.65);
			-o-transform:scale(.65);
			top: -62px;
			left:7%;
}
		.article{
			padding: 10px;
		}
		.article p{
			font-size: 12px;
			line-height: 17px;
			margin-bottom: 0;
			padding: 0;
		}
		.chname {
			margin-top: 50px;
		}
		.pop{
			padding: 55px;
			width: 56%;
		}
	}  
	/* width: 1440px */
	@media (min-width: 1420px) {
		.pt_h{
			height: 378px;
		}
		.pt_height{
			max-height: 165px;
			overflow: hidden;
			overflow-y: auto;
		}
		.down_btn{
			width: 122px;
			height: 25px;
			line-height: 25px;
			font-size: 13px;
		}
		.mor_box{
			text-align: center;
			position: absolute;
			bottom: 0;
			width: 434px;
		}
		.pop_txt{
			font-size: 14px;
		}
		.pop_txt h3{
			font-size: 18px;
			margin-top: 0px;
			line-height: 25px;
		}
		.riht_hei{
			height: 450px;
			position: relative;
		}
		.close_btn{
			top: 12px;
			right: 12px;
		}
		.home_bg{
			position: fixed;
			top: 31%;
			left: 0;
			width: 100%;
			z-index: 0;
		}
		.chname img{
			width: 435px;
		}
		.left {
			position: fixed;
			left: 35px;
			bottom: 6%;
		}
		.right{
			top: 20%;
		}
		.bottom{
			bottom:6%;
		}
		.bottom img{
			width:110px;
		}
		.article {
			word-wrap: break-word;
			background: url('../img/left.png') no-repeat;
			width:435px;
			height: 130px;
			padding: 20px;
			background-size: cover;
			overflow: hidden;
		}
		.content {
			transform:scale(.75);
			-webkit-transform:scale(.75);
			-moz-transform:scale(.75);
			-ms-transform:scale(.75);
			-o-transform:scale(.75);
			top: -27px;
			left:7%;
}
		.article{
			padding: 10px;
		}
		.article p{
			font-size: 13px;
			line-height:18px;
			margin-bottom:5px;
			padding: 0;
		}
		.chname {
			margin-top:90px;
		}
		.pop{
			padding: 55px;
			width: 65%;
		}
	} 
	/* width: 1680px */
	@media (min-width: 1640px) {
		.pt_h{

		}
		.pt_height{
			max-height: 165px;
			overflow: hidden;
			overflow-y: auto;
		}
		.down_btn{
			width: 150px;
			height:30px;
			line-height: 30px;
			font-size: 14px;
		}
		.mor_box{
			text-align: center;
			position: absolute;
			bottom: 0;
			width: 438px;
		}
		.pop_txt{
			font-size: 14px;
		}
		.pop_txt h3{
			font-size: 18px;
			margin-top: 0px;
			line-height: 25px;
		}
		.riht_hei{
			height: 450px;
			position: relative;
		}
		.close_btn{
			top: 15px;
			right: 15px;
		}
		.home_bg{
			position: fixed;
			top: 31%;
			left: 0;
			width: 100%;
			z-index: 0;
		}
		.chname img{
			width: 480px;
		}
		.left {
			position: fixed;
			left: 35px;
			bottom: 75px;
		}
		.right{
			top: 20%;
		}
		.bottom{
			bottom:75px;
		}
		.bottom img{
			width:110px;
		}
		.article {
			word-wrap: break-word;
			background: url('../img/left.png') no-repeat;
			width: 480px;
			height: 143px;
			padding: 20px;
			background-size: cover;
			overflow: hidden;
		}
		.content {
			transform:scale(.85);
			-webkit-transform:scale(.85);
			-moz-transform:scale(.85);
			-ms-transform:scale(.85);
			-o-transform:scale(.85);
			top: 12px;
			left:7%;
}
		.article{
			padding: 10px;
		}
		.article p{
			font-size: 14px;
			line-height: 20px;
			margin-bottom: 5px;
			padding: 0;
		}
		.chname {
			margin-top:90px;
		}
		.pop{
			padding: 55px;
			width: 56%;
		}
	} 
	/* width: 1920px */
	@media (min-width: 1880px) {
		.pt_h{
			height: 480px;
		}
		.pt_height{
			max-height:188px;
			overflow: hidden;
			overflow-y: auto;
		}
		.down_btn{
			width: 150px;
			height:32px;
			line-height: 32px;
			font-size: 16px;
		}
		.mor_box{
			text-align: center;
			position: absolute;
			bottom: 0;
			width: 490px;
		}
		.pop_txt{
			font-size: 14px;
		}
		.pop_txt h3{
			font-size: 20px;
			line-height: 25px;
		}
		.riht_hei{
			height: 515px;
			position: relative;
		}
		.close_btn{
			top: 18px;
			right: 18px;
		}
		.chname{
			margin: 130px 0 0 0px;
		}
		.chname img{
			width: 500px;
		}
		.content {
			transform:scale(1.0);
			-webkit-transform:scale(1.0);
			-moz-transform:scale(1.0);
			-ms-transform:scale(1.0);
			-o-transform:scale(1.0);
			top:65px;
			left: 0;
		}
		.article {
			word-wrap: break-word;
			background: url(../img/left.png) no-repeat ;
			width: 500px;
			height: 149px;
			padding:8px 20px;
			background-size: cover;
		}
		
		.article p {
			font-size: 14px;
			color: #E3222C;
			line-height: 22px;
		}
		.pop{
			padding: 75px;
			width: 56%;
		}
	} 
	.pop_bg{
		background-color: rgba(86, 86, 86, .5);
		width: 100%;
		position: fixed;
		z-index: 888;
		height: 100%;
		top: 0;
	}
	.pop{
		/* width: 56%; */
		max-width: 1128px;
		max-height: 700px;
		position: fixed;
		top: 7%;
		z-index: 999;
		background-color: #F2F2F2;
		box-shadow: 3px 2px 7px 0px #5a5a5a;
		left: 0;
		right: 0;
		margin: auto;
		
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-ms-border-radius: 10px;
		-o-border-radius: 10px;
		overflow: hidden;
	}
	.mb10{
		margin-bottom: 10px;
	}
	.mt10{
		margin-top: 10px;
	}
	.pop_txt{
		/* font-size: 14px; */
		color: #302A28;
	}
	.down_btn{
		background-color: #E60013;
		box-shadow: 2px 2px 6px  #ACABB9;
		color: #fff;
		/* width: 150px;
		height: 32px;
		line-height: 32px; */
		text-align: center;
		display: inline-block;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		margin: 0 10px;
	
	}
	.down_btn:hover{
		color: #fff;
	}
	.mor_icon{
		background: url('../img/mor_icon.png') no-repeat;
		width: 8px;
		height: 15px;
		display: inline-block;
		margin-left: 8px;
		vertical-align: middle;
		background-size: cover;
	}
	.close_btn{
		background: url('../img/close_bg.png') no-repeat;
		width: 35px;
		height: 35px;
		position: absolute;
		
		background-size: cover;
		display: block;
	}
	.pop_box{
		display: none;
	}
	.pop .pop_box{
		display: block;
	}

	.pic_tite{
		position: absolute;
		bottom: 0;
		left: 0;
		background: rgba(70,70,70,.8);
		width: 100%;
		color: #fff;
		margin-bottom: 0;
		height: 30px;
		line-height: 30px;
		padding: 0 5px;
		text-align: center;
	}

	.line_head{
		height: 10px;
		width: 100%;
	}

	.more img{
		width: 100%;border: 4px solid #FBFBFD;max-height: 567px;
	}
	.smallimg{cursor: pointer;}
	.bigimg{width:100%;margin:auto;display: none;z-index:9999;border: 10px solid #fff;}
	.mask{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: #000; opacity:0.7; filter: Alpha(opacity=70); z-index: 98; transition:all 1s; display: none; -webkit-filter: Alpha(opacity=70); }
	.bigbox{width:840px;background: #fff;border:1px solid #ededed;margin:0 auto;border-radius: 10px;overflow: hidden;padding:10px;}
	.bigbox>.imgbox{width:400px;height:250px;float:left;border-radius:5px;overflow: hidden;margin: 0 10px 10px 10px;}
	.bigbox>.imgbox>img{width:100%;}
	.imgbox:hover{cursor:zoom-in}
	/* .mask:hover{cursor:zoom-out} */
	.mask>img{position: fixed;right:10px;top: 10px;width: 60px;}
	.mask>img:hover{cursor:pointer}
	.pop_box a:hover{text-decoration: none;}
	.big_img{
		width: 1000px;
		height: 90%;
		overflow: hidden;
		overflow-y: auto;
		position: fixed;
		top: 5%;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 9999;
		display: none;
}
	
/* .pt_height{
	max-height: 100%;
    overflow: hidden;
    overflow-y: auto;
} */
.go_toshi{
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: 100%;
    height: 25px;
	line-height: 25px;
	color: #E61E1E;
	font-size: 14px;
}
.bigimg:hover{
	cursor: zoom-out;
}

.mob_top_left{
	padding: 20px 22px 0;
	width: 100%;
}
.mob_top_left .logo{
	margin: 0 ;
}
.fr{
	float: right;
}
.morde_link{
	font-size: 12px;
	margin-top: 5px;
	
}
.morde_link a{
	color: #231815;
}

.mob_top_left .chname{
	margin-top: 0;
}
.content.mobol_css{
	z-index: 2;
    width: 300px;
	height: 403px;
	position: relative;
	background: url('../images/zuo.png') no-repeat;
	background-size: cover;
    margin: auto;
    left: 0;
	right: 0;
	top: 50px;
}
.mobol_css .circle {
    background: url('../images/yuan.png') no-repeat;
    position: relative;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    animation: 5s linear 0s normal none infinite running ferris-wheel-rotate;
    -webkit-animation: 5s linear 0s normal none infinite running ferris-wheel-rotate;
    background-size: cover;
}
.mobol_css .circle p:nth-child(1){
	position: absolute;
	top: 8px;
	left: 117px;
	transform-origin:top center !important;
}
.mobol_css .circle p:nth-child(2){
	position: absolute;
	top: 47px;
	left: 218px;
	transform-origin:top center !important;
}
.mobol_css .circle p:nth-child(3){
	position: absolute;
	top: 151px;
	right:-27px;
	transform-origin:top center !important;
}
.mobol_css .circle p:nth-child(4){
	position: absolute;
	top: 250px;
	right: 15px;
	transform-origin:top center !important;
}
.mobol_css .circle p:nth-child(5){
	position: absolute;
	top: 292px;
	left: 116px;
	transform-origin:top center !important;
}
.mobol_css .circle p:nth-child(6){
	position: absolute;
	top: 250px;
	left: 14px;
	transform-origin:top center !important;
}
.mobol_css .circle p:nth-child(7){
	position: absolute;
	top: 150px;
	left: -27px;
	transform-origin:top center !important;
}
.mobol_css .circle p:nth-child(8){
	position: absolute;
	top: 47px;
	left: 17px;
	transform-origin:top center !important;
}

.mobol_css.bottome.visible-xs{
	position: relative;
    top: 10px;
    left: 0;
    right: 0;
    margin:10px auto;
	width: 100%;
	background-color: #D8D8D8;
	height: auto;
	padding-bottom: 10px;
}
.mobol_css .article{ word-wrap:break-word; background:url('../images/bottom_txt.png') no-repeat; width:95%;background-size: contain;padding: 10px;margin: 0 auto;height: auto;}
.mobol_css .article p{ font-size:12px; color:#E60013; line-height:16px;margin-bottom: 5px; }

@media screen and (max-width:760px){
	.pop.mobol_css{
		width: 95%;
		height: 90%;
		overflow: hidden;
		padding: 30px 15px;
		position: fixed;
		top: 30px;
		z-index: 999;
		background-color: #F2F2F2;
		box-shadow: 3px 2px 7px 0px #5a5a5a;
		left: 0;
		right: 0;
		margin: auto;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-ms-border-radius: 10px;
		-o-border-radius: 10px;
	}
	.mobol_css .pop_box.row{
		width: 100%;
		height: 100%;
		background-color: #F2F2F2;
		left: 0;
		right: 0;
		margin: auto;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-ms-border-radius: 10px;
		-o-border-radius: 10px;
		overflow:hidden;
		overflow-y: auto;
	}
	.mobol_css .close_btn {
		background: url(../img/close_bg.png) no-repeat;
		width: 22px;
		height: 22px;
		position: absolute;
		background-size: cover;
		display: block;
		top: 5px;
		right: 5px;
	}
	.mobol_css .pop_txt h3{
		font-size: 16px;
	}
	.down_btn{
		background-color: #E60013;
		box-shadow: 2px 2px 6px #ACABB9;
		color: #fff;
		text-align: center;
		display: inline-block;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		margin: 0 10px;
		width: 120px;
		line-height: 25px;
		font-size: 14px;
	}
	.mor_box{
		text-align: center;
	}
	.pop_txt ul{
		padding-left: 20px;
	}
	.mb15{
		margin-bottom: 15px;
	}
}

.pdl5{
	padding-left: 6px;
}