body{
	font-family:"Microsoft Yahei","SimSun";
	font-size:14px;
	color:#000;
}

a{
	color:#000;
}

a:hover{
	color:#c41a1a !important;
}

.fw{
	color:#fff;
}

.fw a{
	color:#fff;
}
.fw a:hover{
	color:#dfdfdf !important;
}

img{
	display:block;
	max-width: 100%;
	max-height: 100%;
}
.pic img{
	height: 100%;
	width: 100%;
}


h1,h2,h3,h4,h5{
	font-family:"Microsoft Yahei","SimHei";
	overflow:hidden;
}

p,li{
	overflow:hidden;
}




.section{
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% 100%;
}

.pagebox{
	width:1200px;
	height:100%;
	margin:0px auto;
	position:relative;
}


#page1{ background-image:url(images/page1-bg.jpg);}
#page2{ background-image:url(images/page2-bg.jpg);}
#page3{ background-image:url(images/page3-bg.jpg);}
#page4{ background-image:url(images/page4-bg.jpg);}
#page5{ background-image:url(images/page5-bg.jpg);}
#page6{ background-image:url(images/page6-bg.jpg);}






.box1{
	width:100%;
	height:100%;
	position:relative;
}
.abs{
    position: absolute;
    background-position:center center;
    background-repeat: no-repeat;
	background-size:100% 100%;
}



.zi1{
	width:50.52%;
	top:17.73%;
	left:22.92%;
	background-image:url(images/zi1.png);
	height:36.88%;
}
@-ms-keyframes zi1{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(2,2);}
	to{}
}
@-moz-keyframes zi1{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(2,2);}
	to{}
}
@-o-keyframes zi1{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(2,2);}
	to{}
}
@-webkit-keyframes zi1{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(2,2);}
	to{}
}
@keyframes zi1{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(2,2);}
	to{}
}
.zi1{
	animation:'zi1' 0.7s ease-in-out 0s normal;
	-ms-animation:zi1 0.7s ease-in-out 0s normal;
	-moz-animation:zi1 0.7s ease-in-out 0s normal;
	-o-animation:'zi1' 0.7s ease-in-out 0s normal;
	-webkit-animation:'zi1' 0.7s ease-in-out 0s normal;
}



.zi2{
	width:28.7%;
	top:55.36%;
	left:35.83%;
	background-image:url(images/zi2.png);
	height:5.56%;
}
@-ms-keyframes zi2{
	from{filter:alpha(opacity=0); opacity:0;}
	58%{filter:alpha(opacity=0); opacity:0;}
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes zi2{
	from{filter:alpha(opacity=0); opacity:0;}
	58%{filter:alpha(opacity=0); opacity:0;}
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes zi2{
	from{filter:alpha(opacity=0); opacity:0;}
	58%{filter:alpha(opacity=0); opacity:0;}
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes zi2{
	from{filter:alpha(opacity=0); opacity:0;}
	58%{filter:alpha(opacity=0); opacity:0;}
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes zi2{
	from{filter:alpha(opacity=0); opacity:0;}
	58%{filter:alpha(opacity=0); opacity:0;}
	to{ filter:alpha(opacity=100); opacity:1; }
}
.zi2{
	animation:'zi2' 1.4s linear 0s normal;
	-ms-animation:zi2 1.4s linear 0s normal;
	-moz-animation:zi2 1.4s linear 0s normal;
	-o-animation:'zi2' 1.4s linear 0s normal;
	-webkit-animation:'zi2' 1.4s linear 0s normal;
}


.zi3{
	width:23.7%;
	top:77.21%;
	left:37.92%;
	background-image:url(images/zi3.png);
	height:1.55%;
}
@-ms-keyframes zi3{
	from{filter:alpha(opacity=0); opacity:0;top:82%;}
	78%{filter:alpha(opacity=0); opacity:0;top:82%;}
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes zi3{
	from{filter:alpha(opacity=0); opacity:0;top:82%;}
	78%{filter:alpha(opacity=0); opacity:0;top:82%;}
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes zi3{
	from{filter:alpha(opacity=0); opacity:0;top:82%;}
	78%{filter:alpha(opacity=0); opacity:0;top:82%;}
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes zi3{
	from{filter:alpha(opacity=0); opacity:0;top:82%;}
	78%{filter:alpha(opacity=0); opacity:0;top:82%;}
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes zi3{
	from{filter:alpha(opacity=0); opacity:0;top:82%;}
	78%{filter:alpha(opacity=0); opacity:0;top:82%;}
	to{ filter:alpha(opacity=100); opacity:1; }
}
.zi3{
	animation:'zi3' 2.1s linear 0s normal;
	-ms-animation:zi3 2.1s linear 0s normal;
	-moz-animation:zi3 2.1s linear 0s normal;
	-o-animation:'zi3' 2.1s linear 0s normal;
	-webkit-animation:'zi3' 2.1s linear 0s normal;
}


.logo1{
	width:5.88%;
	top:5.67%;
	left:14%;
	background-image:url(images/logo1.png);
	height:8.66%;
}
@-ms-keyframes logo1{
	from{filter:alpha(opacity=0); opacity:0;top:3.67%;}
	80%{filter:alpha(opacity=0); opacity:0;top:3.67%;}
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes logo1{
	from{filter:alpha(opacity=0); opacity:0;top:3.67%;}
	80%{filter:alpha(opacity=0); opacity:0;top:3.67%;}
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes logo1{
	from{filter:alpha(opacity=0); opacity:0;top:3.67%;}
	80%{filter:alpha(opacity=0); opacity:0;top:3.67%;}
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes logo1{
	from{filter:alpha(opacity=0); opacity:0;top:3.67%;}
	80%{filter:alpha(opacity=0); opacity:0;top:3.67%;}
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes logo1{
	from{filter:alpha(opacity=0); opacity:0;top:3.67%;}
	80%{filter:alpha(opacity=0); opacity:0;top:3.67%;}
	to{ filter:alpha(opacity=100); opacity:1; }
}
.logo1{
	animation:'logo1' 2.8s linear 0s normal;
	-ms-animation:logo1 2.8s linear 0s normal;
	-moz-animation:logo1 2.8s linear 0s normal;
	-o-animation:'logo1' 2.8s linear 0s normal;
	-webkit-animation:'logo1' 2.8s linear 0s normal;
}


.logo2{
	width:10.78%;
	top:6.6%;
	left:21.46%;
	background-image:url(images/logo2.png);
	height:7.73%;
}

@-ms-keyframes logo2{
	from{filter:alpha(opacity=0); opacity:0;top:4.6%;}
	80%{filter:alpha(opacity=0); opacity:0;top:4.6%;}
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes logo2{
	from{filter:alpha(opacity=0); opacity:0;top:4.6%;}
	80%{filter:alpha(opacity=0); opacity:0;top:4.6%;}
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes logo2{
	from{filter:alpha(opacity=0); opacity:0;top:4.6%;}
	80%{filter:alpha(opacity=0); opacity:0;top:4.6%;}
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes logo2{
	from{filter:alpha(opacity=0); opacity:0;top:4.6%;}
	80%{filter:alpha(opacity=0); opacity:0;top:4.6%;}
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes logo2{
	from{filter:alpha(opacity=0); opacity:0;top:4.6%;}
	80%{filter:alpha(opacity=0); opacity:0;top:4.6%;}
	to{ filter:alpha(opacity=100); opacity:1; }
}
.logo2{
	animation:'logo2' 2.8s linear 0s normal;
	-ms-animation:logo2 2.8s linear 0s normal;
	-moz-animation:logo2 2.8s linear 0s normal;
	-o-animation:'logo2' 2.8s linear 0s normal;
	-webkit-animation:'logo2' 2.8s linear 0s normal;
}








#page2 .pagebox{ position:static;}
.hot{
	width:90.8%;
	height:13.4%;
	margin:9.2% 0 3.7% 0;
	border:1px solid #cddae3;
	background-color:rgba(255,255,255,0.1);
	background:url(images/hot.png) no-repeat 2.67% center;
	background-size:6.34% auto;
	padding-left:9.2%;
	text-align:center;
}
.hot h2{
	font-size:40px;
	line-height:42px;
	height:42px;
	margin:2% 0 1% 0;
}
.hot h2 a{ color:#d31115;}

.hot p{
	font-size:15px;
	line-height:20px;
	height:20px;
}
.hot p a{ color:#333; margin:0px 3px;}


.focus{
	position: relative;
    overflow: hidden;
	width:50% !important;
	height:400px !important;
	float:left;
}
.focus img{ width:100% !important; height:100% !important;}
.focus p{
	position: absolute;
	left:3.33%;bottom: 0;
	line-height:44px;
	height:44px;
	font-size:16px;
	z-index: 9;
}
.focus .shadow{
	position: absolute;
	width: 100%;
	height:13.25%;
	left: 0;bottom: 0;
	background:url(images/textbg.png) repeat-x bottom left;
	background-size:auto 100%;
}
.focus .point{
	position: absolute;
	bottom:3.2%; right:2%;
	width:16%;
}
.focus .point span{
	width:6px;height:6px;
	border-radius: 8px;
	cursor: pointer;
	border:2px solid #fff;
	margin:0 3.4%;
	display:inline-block;
}
.focus .point .current{
	background: #fff;
}


.news1{
	width:45.83%;
	float:right;
	overflow:hidden;
}
.news1 a{ color:#333;}
.news1 ul{
	border-top:1px dashed #c2c0bc;
	margin-bottom:11px;
}
.news1 ul:first-child{ border-top:0; margin-top:-18px;}
.news1 h5{
	font-size:22px;
	line-height:40px;
	height:40px;
	margin-top:12px;
}
.news1 li{
	font-size:16px;
	line-height:39px;
	height:39px;
	background:url(images/li.png) no-repeat 0.54% center;
	padding-left:4.18%;
}


.more1{
	font-size:14px;
	color:#d99b5e !important;
	border:1px solid #eccdae;
	line-height:22px;
	height:22px; width:8.4%;
	text-align:center;
	border-radius:20px;
	display:inline-block;
	font-family:"SimHei";
	margin:4.2% 0 0  45.7%;
}






.box2{
	width:78.125%;
	margin:0px auto;
	overflow:hidden;
}
.box2 ul{
	margin:10.4% 0 0 -0.3%;
	width:104%;
}
.box2 li{
	width:13.5%;
	height:212px;
	float:left;
	display:inline;
	position:relative;
	margin:5px 0px 0px 0.3%;
}
.box2 li a{
	color:#fff !important;
	text-decoration:none;
} 
.box2 li .textbg{
	display:none;background:#000;filter:alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;
}
.box2 li .pic{ width:100%; height:100%;}
.box2 li h4{
	font-size:24px;
	font-weight:normal;
	line-height:30px;
	height:30px;
}
.box2 li h5{
	font-size:16px;
	font-weight:normal;
	line-height:22px;
	height:44px;
	margin-bottom:19%;
}
.box2 li i{
	width:100%;
	height:1px;
	display:block;
	background-color: rgba(255,255,255,0.3);
	margin:8% 0 5.5% 0;
}
.box2 li p img{ display:inline-block; margin:0 4%;}
.box2 li .text1{
	position:absolute;
	width:73.8%;
	left:13.1%;top:18%;
	text-align:center;
	display:none;
}
.box2 li:hover .textbg,.box2 li:hover .text1{ display:block;}







#page4 .title{
	margin:5% 0 1.2% 36.88%;
}
#showcase {
    width: 85em;
    height: 36em;
}
.cloud9-item.active .h5-mask {
    display: none;
}
.cloud9-item {
    position: relative;
    display: inline-block;
    width: 17.6em;
    height: 31em;
    opacity: 0.98;
	cursor:pointer;
}
.cloud9-item:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    content: ""
}
.cloud9-item.active:after {
    display: none;
}
.cloud9-item.active .h5-mask{
    background: transparent;
}
.cloud9-item.active.show-code .h5-mask {
    display: block;
    background: #000;
    background: rgba(0, 0, 0, .7);
}
.cloud9-item.active.show-code .code {
    display: inline-block;
}
.cloud9-item.active.show-code p {
    display: block
}
.cloud9-item .img-h5bg {
    width: 100%;
    height: 100%;cursor:pointer;
}
.cloud9-item.active .img-h5bg {
    transition: all .3s ease;
}


.switch1{width:100%;text-align:center; margin-top:2.2%;}
.switch1 span{background:#f9c66d;color:#f9c66d;margin:0 7px;width:10px;height:10px; border-radius:10px;display: inline-block; cursor:pointer;}
.switch1 span.current{background:#f22c40;color:#f22c40;}






#page5 .title{
	margin:5% 0 2.68% 36.88%;
}
#page5 .text2{
	width:91.66%;
	background-color:rgba(255,255,255,0.5);
	padding:3em 4.17% 2em 4.17%;
	position:relative;
}
#page5 .news{
	width:44.83%;
}
#page5 .news h5{
	font-size:24px;
	line-height:36px;
	height:72px;
	font-weight:normal;
}
#page5 .news h5 a{ color:#c43535;}
#page5 .news p{
	font-size:16px;
	line-height:24px;
	height:48px;
	color:#666;
	margin:15px 0px 30px 0px;
}
#page5 .news ul{
	padding-top:22px;
	border-top:1px dashed #cbcccc;
}
#page5 .news li{
	font-size:18px;
	line-height:54px;
	height:54px;
	background:url(images/li.png) no-repeat left center;
	padding-left:32px;
}
#page5 .line{
	width:1px;
	height:83%;
	position:absolute;
	top:3.5em; left:50%;
	background:url(images/line.png) repeat-y;
}






.box3{
	width:1200px;
	height:87%;
	margin:0px auto;
	position:relative;
	overflow:hidden;
}
#page6 .title{
	margin:4% 0 1.7% 36.5%;
}
#page6 .text{
	position:relative;
}
#page6 .pic{
	position:absolute;
}
#page6 .pic a{
	width:100%;
	height:100%;
	display:block;
	position:relative;
	color:#fff !important;
}
#page6 .pic1,#page6 .pic3{
	width:682px !important;
	height:480px !important;
	top:62px;
}
#page6 .pic1{ left:0px;}
#page6 .pic3{ right:0px;}
#page6 .pic2{
	width:856px !important;
	height:600px !important;
	top:0px;
	left:172px;
	z-index:100;
}
#page6 .prve,#page6 .next{
	width:48px;
	height:82px;
	position:absolute;
	cursor:pointer;
	z-index:200;
	top:240px;
}
#page6 .prve{
	left:46px;
	background:url(images/prve.png) no-repeat;
}
#page6 .next{
	right:46px;
	background:url(images/next.png) no-repeat;
}
.textbg{
	height:100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
	background:#000;filter:alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;
}
#page6 .pic .zi{
	width:100%;
	position:absolute;
	left:0px;
	bottom:0px;
	height:60px;
	line-height:60px;
	display:none;
	font-size:22px;
	text-align:center;
	overflow:hidden;
}
#page6 .zi span{
	font-size:48px;
	color:#ffcc00;
	vertical-align:middle;
	margin-left:8px;
}
#page6 .pic2 .textbg{height:60px;}
#page6 .pic2 .zi{ display:block;}

.di{
	width:100%;
	height:13%;
	background:url(images/di.jpg) no-repeat top center;
	background-size:100% 100%;
	position:relative;
}
.logo3{
	position:absolute;
	width:10%;
	left:31.61%;
	top:33.07%;
}
.di p{
	color:#fff;
	position:absolute;
	left:42.66%;
	top:28.2%;
	font-size:14px;
	line-height:24px;
}




@media (max-width:1600px) {
	.hot{ margin:3.8% 0 2.3% 0;background-color:rgba(255,255,255,0.2);}
	.hot h2{ margin:1.6% 0 1% 0;}
	.more1{margin:2.4% 0 0  45.7%;}
	.box2 li{ height:11.8em;}
	.box2 li .text1{ top:12%;}
	.box2 li h5{margin-bottom:4%; font-size:14px;}
	.cloud9-item {width: 17.2em;height: 28em;}
	.switch1{margin-top:0.8%;}
	#page4 .title{margin:4.6% 0 0% 36.88%;}
	#page5 .title {margin:4% 0 2.68% 36.88%;}
	#page5 .text2{padding:2.4em 4.17% 1.6em 4.17%;}
	#page5 .news h5 {line-height:30px;height:60px;}
	#page5 .news p{margin: 11px 0px 24px 0px; font-size:15px;}
	#page5 .news ul { padding-top:16px;}
	#page5 .news li {font-size:18px;line-height:44px;height:44px;}
	#page5 .line{ top:3em;}
	.box3{ height:89%;}
	#page6 .title{margin-top:3%;}
	#page6 .pic1,#page6 .pic3{height:380px !important;}
	#page6 .pic2{height:500px !important;}
	#page6 .prve, #page6 .next{ top:210px;}
	.di{height:11%;}
}

@media (max-width:1240px) {
	.pagebox,.box3{width:85.5%;}
	.focus{height:52% !important;}
	#page6 .pic1,#page6 .pic3{height:360px !important;width:582px !important;}
	#page6 .pic2{height:480px !important;width:756px !important;left:152px;}
}








/*二级页样式*/
.wrapper{
	width:100%;
	min-width:1200px;
	max-width:1920px;
	margin:0px auto;
	overflow:hidden;
}
.box{
	width:1200px;
	height:100%;
	margin:0px auto;
}




#header{
	background:url(images/header.jpg) no-repeat center top;
}
#header .box{
	height:967px;
	position:relative;
}
#header .ren{
	position:absolute;
	bottom:0;
	left:-30px;
	z-index:100;
}
#header .logo{
	position:absolute;
	top:88px;
	right:10px;
}
#header .text{
	width:640px;
	position:absolute;
	top:373px;
	right:0px;
}
#header .name{
	font-size:30px;
	font-weight:bold;
	color:#333;
	text-align:right;
}
#header .name strong{ font-size:60px; margin-right:17px;}
#header .news{
	height:216px;
	overflow:hidden;
	margin:66px 0px 0px 0px;
}
#header .news p{
	font-size:18px;
	line-height:36px;
	color:#666;
}
#header .button{
	position:absolute;
	bottom:136px;
	right:20px;
}
#header .button a{
	font-size:24px;
	color:#fff !important;
	line-height:51px;
	height:51px;
	display:inline-block;
	margin-left:20px;
	border-radius:30px;
	text-align:center;
}
#header .a1{background:url(images/a1.png) no-repeat 13px 10px #e30020; padding:0px 34px 0px 67px;}
#header .a2{background:url(images/a2.png) no-repeat 22px 11px #e30020; padding:0px 32px 0px 73px;}
#header .a3{background:url(images/a3.png) no-repeat 22px 13px #e30020; padding:0px 30px 0px 75px;}




#sd{ width:100%;}
#sd video{
	width: 100%;
	width: calc(100% + 2px);
	height: 100%;
	left: -1px;
	top: 0px;
	object-fit: cover;
	object-position: center top;
	background: #fff;
}







#tw,#da{
	width:1000px;
	margin:0px auto;
}

#tw{ padding-top:58px;}
#news-head h2 {
    line-height:46px;
    font-size: 36px;
    color: #333;
	text-align:center;
	margin-bottom:15px;
}
#news-body p{
	font-size: 18px;
	line-height: 36px;
	margin-bottom: 15px;
	color: #333;
}

#news-body p img{
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
	padding: 20px 0px;
	width:86%;
	height:auto;
}
#news-body p strong,#news-body p img{margin:0px 80px;}
#news-body p strong{ font-size:14px;}



#da{ padding:45px 0px 140px 0px;}
#da h5{
	font-size:24px;
	color:#333;
	margin-bottom:30px;
}





#footer{
	background:#e52523;
	font-size:16px;
	line-height:95px;
	text-align:center;
}




#phone-footer{ display:none;}
@media(max-width: 767px){
	#phone-footer{ display:block;}
	#footer,#header .button{ display:none;}
	.wrapper{min-width:100%;max-width:100%;}
	.box, #tw, #da{ width:92%; margin:0px auto;}
	a:hover{ color:#000 !important;}
	.left,.right{ float:none; width:100%; margin:0; padding:0;}
	img{ width:100%; height:100%;}
	
	#phone-footer{line-height:3em;font-size:1em;background:#e52523;color:#fff;text-align:center;}
	#header .box {height:26em; width:100%;}
	#header .ren{ width:50%; left:0;}
	#header .logo{ width:48%; right:3%; top:5%;}
	#header .text{ width:46%; right:2%; top:22%;}
	#header .name{ text-align:left; font-size:1.4em; margin-bottom:0.8em;} 
	#header .name strong{ margin-right:2%; font-size:1.3em;}
	#header .news{ margin:0; height:16.5em;}
	#header .news p{ font-size:1em; line-height:1.5em;}
	
	#tw{ padding-top:1.5em;}
	#news-head h2{line-height:1.4em;font-size:1.5em;text-align:left; margin-bottom:0.4em;}
	#news-body p {font-size:1.1em;line-height:1.6em;margin-bottom:0;}
	#news-body p strong,#news-body p img{margin:0;}
	#news-body p strong{ font-size:0.9em; text-indent:2em;}
	#news-body p img{ width:100%;}
	#da{ padding:2.2em 0;}
	#da h5{ margin-bottom:0.4em; font-size:1.5em;}
}
@media (max-width: 325px) {
	#header .news p{ font-size:0.9em; line-height:1.6em;}
}