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


*{ margin:0px; padding:0px;}
body{
	width:100%;
	margin:0px;
	padding:0px;
	color:#383634;
	font-size:15px;
	font-family:"Microsoft YaHei","simsun","Helvetica Neue", Arial, Helvetica, sans-serif;

}
html{ overflow-x:hidden;}
.clear{ clear:both;_overflow:hidden;*height:0px;}
img{ border:0px;}
a{ text-decoration:none; color:#383634; }
a:hover{ color:#15569d;}
div, img, ul, li, span, a, p{ margin:0px; padding:0px;}
li{ list-style:none;}
.ds{
	display:block;}
.fl{
	float:left;}
.rl{
	float:right;}

.barwrap{ width:100%;position:fixed;top:0; left:0; right:0; margin-left:auto;margin-right:auto;z-index:10000; height:88px;background:url(../images/navbg.png) no-repeat; border-bottom:1px solid #FFF;}

.yztopmen{ width:1200px; margin:0 auto;}
.logotop{ width:552px; height:88px; overflow:hidden;}
.barwrap .yztopmen .logotop .logo2{ display:none;}
.barwrap .yztopmen .logotop .logo1{ display:block;}

#nav {
	line-height: 88px;
	height:88px;
	width:623px;
	float:left;
	margin-left:25px;
}
#nav li {
 float: left; width:12.5%;
}
#nav li a {
	display: block;
	width:100%;
	text-align:center;
	color:#FFF;
}

#nav li a:hover{
	text-decoration:none;
	color:#00b3e3;
}
#nav li ul {
	line-height:45px;
	list-style-type: none;
	text-align:left;
	left: -999em;
	width: 6%;
	position: absolute;
	border-top-style: none;
	overflow:hidden;
}

#nav li ul li{
	float: left;
	width: 100%;
	background: #FFF;filter: Alpha(Opacity=90);
	border-top: none #6b8549;
	border-right: none #6b8549;
	border-bottom: none #6b8549;
	border-left: none #6b8549;
}
#nav li ul li a{
 display: block;
 width: 100%;
 text-align:center;
 font-weight:normal;
 font-size:14px;
}
#nav li ul a:link  {
 color:#797a7a; text-decoration:none;
}
#nav li ul a:visited  {
 color:#797a7a;text-decoration:none;
}
#nav li ul a:hover  {
 color:#00b3e3;text-decoration:none;font-weight:normal;
 background:#FFF;filter: Alpha(Opacity=70);
 font-size:14px;
}
#nav li:hover ul {
 left: auto;
}
#nav li.sfhover ul {
 left: auto;
}	
.barwrap.on{ animation-name: down; animation-duration: 1s; height:88px;background:#FFF; top:0;border-bottom: none; color:#00b3e3; border-bottom:1px solid #00b3e3;}
.barwrap.on .yztopmen .logotop .logo2{ display:block;}
.barwrap.on .yztopmen .logotop .logo1{ display:none;}
.barwrap.on #nav li a{ color:#7eaede;}
.barwrap.on #nav li a:hover{ color:#4a98e7; font-weight:bold;}	

.barwrap.on #nav li ul a:link{ color:#666;}
.barwrap.on #nav li ul a:hover { background:#7eaede; color:#FFF;}
/*.barwrap:hover{ background:#7eaede;}
.barwrap.on:hover{ background:#FFF;}*/
/**********************************/
.zhuying{ position:relative; width:1000px; margin:0 auto; text-align:center; top:42%; z-index:100000; color:#FFF; font-size:50px; font-weight:bold;}
.maskk{position:absolute; width:100%; height:100%; left:0; top:0; background:url(../images/vdian.png); background-repeat:repeat;}
/*************************************************************/

.s_tt{ text-align:center; font-size:20px; color:#fff; margin-bottom:65px;}
.s_tt span{ font-size:30px; color:#fff; font-family:Comfortaa; text-transform:uppercase; display:block; margin-bottom:3px;}
#s_liucheng{ background:#7eaede; padding-top:86px; height:704px; overflow:hidden;}
#s_liucheng .box{ height:490px; background:url(../images/liuchengbg.jpg) center;}
#s_liucheng ul{ width:1200px; margin:0 auto;}
#s_liucheng ul li{ float:left; width:199px; height:490px; text-align:center; border-right:1px solid rgba(255,255,255,.13); position:relative; z-index:0; cursor:pointer;}
#s_liucheng ul li span{ font-size:35px; color:#fff; font-family:Comfortaa; margin-bottom:45px; display:block; padding-top:168px;}
#s_liucheng ul li h5{ text-align:center; font-size:17px; color:#fff;}
#s_liucheng ul li h5 a{ color:#FFF;}
#s_liucheng ul li h5 a:hover{ color:#FFF;}
#s_liucheng ul li i{ display: block; width:10px; height:1px; background:#fff; background:rgba(255,255,255,.6); margin:18px auto 13px;}
#s_liucheng ul li p{ font-size:12px; color:#fff; opacity:.6; line-height:20px;}
#s_liucheng ul li:before{ content:""; background:#7eaede; display:block; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0; z-index:-1;-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);transform:rotateY(90deg);opacity:0;visibility:hidden;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s;}
#s_liucheng ul li span,#s_liucheng ul li h5,#s_liucheng ul li i,#s_liucheng ul li p{-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}
#s_liucheng ul li:hover:before{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1;visibility:visible}
#s_liucheng ul li:hover span{ color:#ffffff; padding-top:128px;}
#s_liucheng ul li:hover h5{ color:#ffffff;}
#s_liucheng ul li:hover i{ background:#ffffff;}
#s_liucheng ul li:hover p{ color:#ffffff; opacity:1;}
/********************************************/


#s_bnt_box{ padding:40px 0; background:#7eaede; position:relative; display:inherit; text-align:center; overflow:hidden;}
#s_bnt_box .line{ height:2px; background:url(../images/rukou_bg1.png) center no-repeat; position:absolute; z-index:1; top:35%; left:0; width:100%;}
#s_bnt_box a{ position:relative; z-index:2; margin:0 49px; display:inline-block; width:170px; height:170px; background:url(../images/rukou_bg2.png) center no-repeat; text-align:center;}
#s_bnt_box a img{ margin-top:55px;}
#s_bnt_box h5{ font-size:15px; color:#7eaede; margin-top:8px; text-align:center;}

/******************************************/

.conwidth{
	max-width:1200px;
	width: 90%;
	margin: auto;
	margin-top:50px;
	margin-bottom:50px;
}
.section{
	position: relative;
	overflow: hidden;
}

.section .videobox{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	background: rgba(0,0,0,0.15);
}
.section .videobox video{
	width: 100%;
	height: 100%;
	object-fit: fill;
}
.section .videobg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: none;
}
.numbers{
	position: relative;
}
.numbers ul{
	border-radius: 15px;
	background: rgba(0,0,0,0.3);
	font-size: 0;
	margin-bottom:50px;
}
.numbers ul li{
	position: relative;
	/*float: left;*/
	display: inline-block;
	vertical-align: top;
	width: 25%;
	text-align: center;
	padding: 2.5% 2.5%;
	box-sizing: border-box;
	cursor:pointer;
}
.numbers ul li i{
	position: absolute;
	right: -9px;
	top: -9px;
	width: 20px;
	height: 20px;
	text-align: center;
}
.numbers ul li i:before{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #7eaede;
}
.numbers ul li:before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: 90%;
	height: 1px;
	border-top: #c9ffff40 solid 1px;
}
.numbers ul li:after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 1px;
	height: 90%;
	border-right: #c9ffff40 solid 1px;
}
.numbers ul li:nth-child(1) i,
.numbers ul li:nth-child(2) i,
.numbers ul li:nth-child(3) i,
.numbers ul li:nth-child(4n) i{
	display: none;
}
.numbers ul li:nth-child(1):before,
.numbers ul li:nth-child(2):before,
.numbers ul li:nth-child(3):before,
.numbers ul li:nth-child(4):before{
	display: none;
}
.numbers ul li:nth-child(4n):after{
	display: none;
}
.numbers ul li .wrap{
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	padding: 50px 0px;
	border-radius: 10px;
	overflow: hidden;
	/*-webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;*/
}
.numbers ul li .wrap:before{
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: -1;
	width: 50%;
	height: 50%;
	background: #7eaede;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border-radius: 10px;
	overflow: hidden;
	opacity: 0;
}
.numbers ul li .wrap:hover:before{
	width: 100%;
	height: 100%;
	opacity: 1;
}

.numbers ul li .wrap .t1{
	display: block;
	width: 100%;
	color: #ffffff;
}
.numbers ul li .wrap .t1 .timer{
	display: inline-block;
	font-size: 45px;
	font-weight:bold;
}

.numbers ul li .wrap .t2{
	display: block;
	width: 100%;
	font-family: "syr"; 
	color: #ffffff;
	font-size: 14px;
	margin-top: 12px;
}
/******************************/

.hezuoyz{ width:1200px; margin:0 auto; margin-top:20px; margin-bottom:20px;}

.yunzhicpjs{ width:1200px; margin:0 auto; margin-top:50px; text-align:center; line-height:37px;}
.yunzhicpjs strong{ color:#7eaede; font-size:32px;}

.yunzhicpfl{ width:1200px; margin:0 auto; margin-top:30px;}
.yunzhicpfl ul{ width:1200px; float:left;}
.yunzhicpfl li{ width:330px; float:left; margin:0px 35px; text-align:center;}
.yunzhicpfl li a img{ margin-left:34%;}
.yunzhicpfl li a h1{ display:block; width:100%; float:left; text-align:center; font-size:20px;}
.yunzhicpfl li a p{ width:100%; float:left; margin-top:15px; line-height:23px;}
 
.products{ width:100%; float:left; margin-top:50px;}
.products ul{overflow:hidden; text-decoration:none;}
.products ul li{ float:left; width:380px; height:585px;}
.products ul li img{ cursor:pointer;}
#demo {overflow:hidden;width:100%;}
#indemo {float: left;width:800%;}
#demo1 {float: left;}
#demo2 {float: left;}


.yunzhikeji{ width:100%; margin:0 auto; padding:30px 0; background:#7eaede; color:#FFF;}
.yunzhikeji span{ display:block; width:1200px; margin:0 auto; border-left:3px solid #FFF; height:13px; text-indent:15px; line-height:13px; overflow:hidden; font-size:14px; }
.yunzhikeji hr{ width:100%; margin:0 auto; height:1px; background:#FFFF; border:none; margin-top:20px;}
/*****************************************************************************/


.neiba {
    overflow: hidden;
    width: 100%;
}

.neiba22 {
    height:370px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}


.slideshowba2 {
    height:850px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.slideshowbahh{
    height:680px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.slideshowba3{
    height:353px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

/****************/

.yzxinwenwrap{ width:100%; margin:0 auto; background:url(../images/xinwenbg.jpg) no-repeat top center; padding:60px 0;}

.yzxintitle{ width:1200px; margin:0 auto;}
.yzsp01{ width:45%; text-align:right;}
.yzsp01 a{ padding:0px 12px;}
.yzsp02{ width:45%; font-size:16px; line-height:30px; text-transform:uppercase;}
.yzsp02 strong{ color:#01afd4; font-size:30px;}

.yzxinwen{ width:1200px; margin:0 auto; margin-top:25px;}
.yzxinwen1{ width:569px; background:#FFF; padding:45px;}
.yzxinwen1 h1{ display:block; width:100%; float:left;}
.yzxinwen1 h1 a{ display:block; width:100%; float:left; font-size:14px; font-weight:normal; line-height:26px; color:#777777;}
.yzxinwen1 h1 a strong{ font-size:18px; color:#454545;}
.yzxinwen1 h1 a:hover{ text-decoration:underline;}

.yzsp03{ width:90%; height:89px; margin-top:35px; border-left:3px solid #488cbc; color:#488cbc; padding-left:2%;}
.xinwenpic{ margin-top:15px; border:1px solid #CCC;}
/**/
.yzxinwen2{ width:511px; margin-left:30px;}
.yzxinwen2 ul{ width:100%; float:left;}
.yzxinwen2 li{ width:100%; float:left; margin-bottom:20px; margin-top:15px;}
.yzsp04{ width:20%; padding:25px 0; background:#7eaede; text-align:center; color:#FFF;}
.yzsp04 strong{ font-size:25px;}
.yzh01{ width:75%; margin-left:5%;}
.yzh01 a{ display:block; width:100%; font-size:14px; font-weight:normal; color:#777777;}
.yzh01 a strong{ font-size:18px; color:#454545;}
.yzsp05{ width:50%; margin-top:15px; color:#777777;}
.yzh01 a:hover{ text-decoration:underline;}
.yzsp05:hover{ text-decoration:underline;}
/*******/

.yzfoot{ width:1200px; margin:0 auto; margin-top:30px; padding-bottom:25px;}
.yzfoot1{ width:100px;}
.yzh02{ width:100%; font-size:17px; color:#5e5e5e}
.yzul01{ width:100%; margin-top:15px;}
.yzul01 li{ width:100%; float:left; margin:3px 0;}
.yzul01 li a{ color:#bebebe;}
.yzul01 li a:hover{ color:#488cbc;}

.yzfoot2{ width:370px;}
.yzfoot3{ width:150px;}
.yzul02{ width:141px;margin-top:15px;}
.yzul02 li{ width:100%; float:left; margin:3px 0;}
.yzul02 li a{ color:#bebebe;}
.yzul02 li a:hover{ color:#488cbc;}

.yzfoot4{ width:351px; text-align:center; color:#7c7a7a;}
.yzfp1{ width:102px; text-align:center; margin-left:15px;}
.yzfp1 img{ margin-bottom:10px;}

.fotmm{ margin-left:70px;}

.yzfoot5{ width:100%; padding:20px 0; border-top:1px solid #7d7a7a; border-bottom:1px solid #7d7a7a;}
.yzfoot6{ width:1200px; margin:0 auto; color:#979696;}
.yzfoot6 a{ color:#979696; text-decoration:underline;}
.yzfoot6 a:hover{ color:#7eaede; text-decoration:none;}

#gotop { position:fixed; z-index:90; bottom:75px; right:10px; width:42px; height:42px; color:#fff; font-family:Arial, Helvetica, sans-serif;font-size:16px; text-align:center; line-height:42px;border-radius:50%; box-sizing:border-box; background:#1c70c5; cursor:pointer; -moz-transition:all .5s; -webkit-transition:all .5s;
 transform:rotate(270deg);
 -webkit-transform:rotate(270deg);
 -moz-transform:rotate(270deg);
 -ms-transform:rotate(270deg);
 -o-transform:rotate(270deg);
}
#gotop.hide { bottom:-50px;}
#gotop:hover { background:#90fae8; color:#332c2b;}
#piaofu{ position:fixed; right:0; top:50%; margin-top:10px; z-index:990;}

/********************/
.yunzhinlist{ width:1200px; margin:0 auto; text-align:center; margin-top:30px;}
.yunzhinlist ul{ width:100%; margin:0 auto;}
.yunzhinlist a{ display:inline-block; padding:0px 37px; height:45px; background:#81b0de; border-radius:20px; margin:0px 10px; line-height:45px; color:#FFF; font-weight:bold;}
.yunzhinlist a:hover{ background:#3c52aa; color:#FFF;}
.yunzhinlist a#cur02{ background:#3c52aa; color:#FFF;}
/********/
.yzneymc{ width:100%; margin:0 auto; border-top:1px solid #666;border-bottom:1px solid #666; text-align:center; font-size:20px; line-height:55px; margin-top:35px;}

.yzneirong{ width:1200px; margin:0 auto; line-height:27px; margin-top:30px;}

.yzneirong01{ width:1200px; margin:0 auto; margin-top:30px;}

.chanpinul{ width:100%;}
.chanpinul li{ width:22%; float:left; text-align:center; margin:1.5%;}
.chanpinul li a img{ width:100%; height:auto; margin-bottom:10px;}
.chanpinul li a{ font-size:16px; color:#333;}


.yzneirong01-1{ width:550px; padding:50px 0 0 50px; background:#7eaede; height:385px;}
.yzsp06{ width:100%; font-size:25px; color:#FFF; margin-bottom:35px; margin-top:50px;}
/*.yzneirong01 ul{ width:480px; float:left;height:235px;}
.yzneirong01 li{ float:left; width:32%; background:#8fb9e2; margin:0.1% 0.1%; text-align:center;}
.yzneirong01 li a{ display:block; color:#51769b; width:100%; float:left;padding:35px 0;}
.yzneirong01 li a:hover{ display:block; width:100%; float:left;padding:35px 0; background:#ddecfb;}*/


.yzneirong02{ width:1200px; margin:0 auto; margin-top:30px;}
.yzneirong02 ul{ width:100%; float:left;}
.yzneirong02 li{ width:100%; float:left; margin:25px 0; border-bottom:1px dotted #CCC; padding-bottom:12px;}
.yzneirong02 li span{ display:block; float:left; width:7%; line-height:37px; }
.yzneirong02 li span strong{ font-size:20px;}
.xwpic{ width:30%; height:auto; float:left;}
.yzneirong02 li a{ display:block; line-height:120px; width:58%; float:left; margin-left:5%; font-size:23px;}
/***/
.yzneirongzzzs{ width:1200px; margin:0 auto; margin-top:30px;}
.yzneirongzzzs ul{ width:100%; float:left;}
.yzneirongzzzs li{ width:30.3333%; float:left; margin:1.5%; text-align:center;}
.yzneirongzzzs li a img{ width:100%; height:auto; margin-bottom:7px;}
/*******/



.mainW{ width:1198px; margin:0 auto; border:1px solid #CCC;}
.message{ width:950px; margin:0 auto;height:487px;}
.message .box{padding:30px 0 0 40px}
.message .box li{line-height:47px;margin-bottom:15px;}
.message .box li strong{ color:#F00;}
.message .box li .input-text{height:42px;line-height:42px; margin-right:30px;border:1px solid #ccc;width:337px;padding:0 10px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.neirongput{height:145px;line-height:26px;border:1px solid #ccc;width:780px;padding:0 10px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.message .box li .input-text:focus{border-color:#1fac9c}
.message .box li textarea.input-text{height:84px;line-height:24px;padding:10px;resize:none}
.message .box li.btn{margin-left:285px; float:left;}
.message .box li .button{cursor:pointer;width:122px;border:none;height:40px;background-color:#1c70c5;border-radius:4px;color:#fff;font-size:16px}



.cpshangxia{
	width:100%;
	float:left;
	margin-top:35px; margin-bottom:50px;}		
.shang{
	width:31.8%;
	border:1px solid #CCC;
	text-align:center;
	line-height:35px;
	color:#666;
	font-size:16px;
	cursor:pointer;
	float:left;}	
.shang a:hover{
	color:#193b43;}	
.shang:hover{
	border:1px solid #193b43;
	color:#193b43;}		
.marshang{
	margin-left:1.3%;}


.dc_pages{ width:100%; float:left; margin-bottom:25px; margin-top:25px;}
.dc_pages1{ width:100%; float:left;}
.dc_pages1 a{ display:block; width:17%; float:left; height:37px; border:1px solid #999; margin:0px 1% 0px 1%; line-height:37px; text-align:center;}
/*************************/

#s_yunzhi{ background:#7eaede; padding-top:86px; height:704px; overflow:hidden;}

.dhyoushiwrap{ width:1200px; margin:0 auto; height:600px; overflow:hidden;}
.contents{ width:1200px; float:left; position:relative; z-index:10; height:600px;}

.mingzhenyoushi4{ width:1200px; float:left; position:relative; z-index:100;margin-top:-600px;}
.mingzhenyoushi4 ul{ width:1200px; float:left; }
.mingzhenyoushi4 li{ width:200px; float:left;font-size:18px; text-align:center;  height:600px; line-height:25px; padding:220px 0; }
.mingzhenyoushi4 li a{ font-weight:bold; color:#FFF;}
.mingzhenyoushi4 li a b{ font-size:22px;}
.mingzhenyoushi4 li:hover{ background:url(../images/aboutlibg.png) repeat;cursor:pointer;}
.mingzhenyoushi4 li#curab{background:url(../images/aboutlibg.png) repeat;}
.mingzhenyoushi4 li hr{display: block;width: 10px;height: 2px;background: #fff;
background: rgba(255,255,255,.6);margin:0 auto; margin-top:25px; border:none;}
/**************************************************************************/
/*********/