@charset "utf-8";
html{font-size:62.5%; color:#666; background:#ccc;}
li{list-style-type:none;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, font { padding: 0; margin: 0; font-family: Microsoft YaHei, SimSun, Arial, Helvetica, sans-serif; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
fieldset, img { border: 0; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
ol, ul, li, dl, dt, dd { list-style: none; }
input, button, textarea, checkbox, select, radio, form { vertical-align: top; }
a { color: #555; text-decoration: none; }
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a, area { blr:expression(this.onFocus=this.blur());
}

body{max-width:640px; background:#fff; margin:0 auto;}
.main{max-width:640px;
	height:1%;
	overflow:hidden;
	margin:0 auto;
	position:relative;
	font-size:20px;
	box-shadow: 0 0 10px #A32236;
	text-shadow:0 0 2px #ccc;	
	}	
.logo{width:100%; height:auto; overflow:hidden;}
.logo img{width:100%; margin:20px auto;}
nav{width:100%; height:auto; margin-bottom:12px; overflow:hidden;}
nav a{width:148px; height:50px; background:#41B0A7; color:#fff; text-align:center; line-height:50px; margin-left:10px; margin-top:12px; float:left; display:block;}
.Byzj{width:640px; height:540px; position:relative; overflow:hidden;}
.zjlmy{width:640px; height:530px; position:absolute; top:0; overflow:hidden;}
.zjlmy ul{width:100%;}
.zjlmy li{float:left; width:100%; position:relative;}
div.zjlmy_bot{width:600px; height:5px; position:absolute; left:20px; bottom:0;}
div.zjlmy_bot a{width:200px; height:5px; display:block; float:left; background:#41B0A7;}
div.zjlmy_bot a.on{background:#D0A972;}
#zjlmy_left,#zjlmy_right{z-index:11111;position:absolute;display:block;width:70px!important;height:70px!important;top:50%;margin-top:-37px;display:none;}

.yyjstop{width:620px; height:250px; margin:38px auto; position:relative;}
.yyjstop div{ position:absolute;}
.yyjstop .left{width:2px; height:226px; background:#4FABA6; left:0; top:12px;}
.yyjstop .right{width:2px; height:226px; background:#4FABA6; right:0; top:12px;}
.yyjstop .top{width:620px; height:2px; background:#4FABA6; top:12px;}
.yyjstop .bot{width:620px; height:2px; background:#4FABA6; bottom:12px;}
.yyjstop .topx{width:422px; left:20px; top:0; border-left:15px solid transparent; border-right:15px solid transparent; top:0; border-bottom:12px solid #5BBBB9;}
.yyjstop .botx{width:422px; right:20px; bottom:0; border-left:15px solid transparent; border-right:15px solid transparent; border-top:12px solid #5BBBB9;}
.yyjstop p{width:600px; height:auto; position:absolute; top:35px; left:10px; text-indent:2em; line-height:38px; z-index:2;}

.fkzx{width:538px; height:50px; margin:38px auto;}
.fkzx a{width:248px; height:50px; border-radius:8px; color:#fff; line-height:50px; display:block;}
.fkzx a img{ margin-left:20px; margin-top:6px; float:left;}
.fkzx a p{ float:left; margin-left:15px;}
.fkzx a:nth-of-type(1){ background:#41B0A7; float:left;}
.fkzx a:nth-of-type(2){ background:#D0A972; float:right;}



.yybt{width:100%; height:auto; margin:0 auto; overflow:hidden; text-align:center;}
.yybt h1{color:#3FB1A7; font-size:30px;}
.yybt .div{width:100%; height:60px; margin-top:}
.yybt .div .top{width:100%; height:14px; border-bottom:1px #ccc solid;}
.yybt .div span{ background:#fff;width:50%; height:30px; margin:-10px auto; display:block; font-size:14px;}
.yybt .div1{width:100%; height:60px; margin-top:}
.yybt .div1 .top{width:100%; height:14px; border-bottom:1px #ccc solid;}
.yybt .div1 span{ background:#fff;width:65%; height:30px; margin:-10px auto; display:block; font-size:14px;}
.yybt .div2{width:100%; height:60px; margin-top:}
.yybt .div2 .top{width:100%; height:14px; border-bottom:1px #ccc solid;}
.yybt .div2 span{ background:#fff;width:65%; height:30px; margin:-10px auto; display:block; font-size:18px;}

.yyrd-at{width:600px; height:auto; margin:38px auto; overflow:hidden;}
.yyrd-left{width:107px; height:175px; margin-top:12px; background:#41B0A7; float:left;}
.yyrd-left strong{width:100%; display:block; color:#fff; text-align:center; padding-top:55px;}
.yyrd{width:485px; height:auto; float:right;}
.yyrd a{width:148px; height:48px; border:1px #3FB1A7 solid; text-align:center; line-height:48px; float:left; margin-left:10px; margin-top:12px; display:block;}
.yyrd a:nth-of-type(4){width:220px;}
.yyrd a:nth-of-type(5){width:225px; margin-left:20px;}
.yyrd a img{ margin-top:2px;}
.zxan{width:495px; height:50px; margin:38px auto; background:#3FB1A7; color:#fff; text-align:center; line-height:50px; border-radius:99px; display:block;}

.byxctx_gy{width:640px; height:570px; margin:35px auto; position:relative;}

.gongy{width:100%; height:396px; position:absolute; bottom:0; overflow:hidden;}
.gongy ul{width:100%;}
.gongy li{float:left; width:100%;}
.gongy li div{width:100%; height:236px; padding-top:20px;}
.gongy li div img{width:284px; height:236px; float:left; margin-left:20px; display:block; background:#fff;}
.gongy li div dl{width:294px; height:236px; margin-left:20px; float:left;}
.gongy li div dl p{width:100%; border-bottom:1px #fff dashed; color:#fff;}
.gongy li div dl p span{ margin-left:50px;}
.gongy li div dl p:nth-of-type(1){ line-height:50px;}
.gongy li div dl p:nth-of-type(2){ line-height:50px;}
.gongy li div dl p:nth-of-type(3){ line-height:50px;}
.gongy li div dl p:nth-of-type(4){ line-height:30px;}
div.gongy_bot{width:600px; height:147px; position:absolute; top:0px; left:20px;}
div.gongy_bot a{width:195px; height:145px; background:#fff; text-align:center; display:block; float:left; margin-left:3px; border:1px #41B0A7 solid;}
div.gongy_bot a:nth-of-type(1){ margin-left:0;}
div.gongy_bot a p{font-size:18px; text-align:center;}
div.gongy_bot a h3{ width:100%; text-align:center; font-size:24px; font-weight:bold; padding-top:8px; display:block;}
div.gongy_bot a dl{width:35px; height:2px; background:#6F6F6F; margin:8px auto;}
div.gongy_bot a img{ margin:5px auto; display:block;}
div.gongy_bot a.on{ background:#41B0A7; color:#fff;}

#gongy_left,#gongy_right{z-index:11111;position:absolute;display:block;width:70px!important;height:70px!important;top:50%;margin-top:-37px;display:none;}


.fgx{width:100%; height:20px; background:#EEEEEE; margin:48px auto;}
.fkjs{width:100%; height:auto; overflow:hidden;}
.fkjs .top{width:100%; height:235px; margin:0 auto; text-align:center;}
.fkjs .top div{width:181px; height:235px; border:1px #ccc solid; float:left; margin-left:20px;}
.fkjs .top div img{ margin:10px auto; display:block;}
.fkjs .top div strong{ font-size:28px; color:#42B0A7;}
.fkjs .top div p{ padding-top:8px;}
.fkjs .img{width:615px; height:auto; overflow:hidden; margin:20px auto;}
.fkjs .img p{ margin:20px auto; text-indent:2em; line-height:30px;}
.fkjs .bot {width:630px; height:292px; margin:20px auto; border:1px #ccc solid;}
.fkjs .bot div{width:209px; height:292px; float:left; border-left:1px #ccc solid;}
.fkjs .bot div:nth-of-type(1){ border:0;}
.fkjs .bot div img{ margin:10px auto; display:block;}
.fkjs .bot div h4{ text-align:center; font-weight:bold;}
.fkjs .bot div p{width:90%; margin:32px auto;}
.fkjs .bot div:nth-of-type(3) p{ margin:8px auto;}
.fkjs .bot div a{width:122px; height:36px; background:#42B0A7; color:#fff; margin:20px auto; line-height:36px; text-align:center; display:block;}
.fkjs .fot{width:349px; height:41px; margin:38px auto; background:#42B0A7; text-align:center; line-height:41px; color:#fff; display:block; border-radius:99px;}


.fkzy{width:100%; height:auto; overflow:hidden;}
.fkzy .top{width:100%; height:235px; margin:0 auto; text-align:center;}
.fkzy .top div{width:181px; height:235px; border:1px #ccc solid; float:left; margin-left:20px;}
.fkzy .top div img{ margin:10px auto; display:block;}
.fkzy .top div strong{ font-size:28px; color:#42B0A7;}
.fkzy .top div p{ padding-top:8px;}
.fkzy .img{width:100%; border-bottom:1px #ccc dashed; overflow:hidden;}
.fkzy .img img{ border:1px #ccc solid; float:left; margin-left:18px; margin-top:30px; margin-bottom:30px;}
.fkzy .p{width:95%; margin:28px auto; text-indent:2em; line-height:30px;}
.fkzy .bot{width:620px; margin:28px auto; overflow:hidden;}
.fkzy .bot ul{width:100%; height:234px;}
.fkzy .bot ul img:nth-of-type(1){ float:left;}
.fkzy .bot ul img:nth-of-type(2){ float:right;}
.fkzy .bot a{width:300px; height:40px; background:#42B0A7; color:#fff; margin:38px auto; display:block; line-height:30px; text-align:center; border-radius:10px; line-height:40px;}


.fkgy{width:100%; height:auto; overflow:hidden;}
.fkgy .top{width:100%; height:235px; margin:0 auto; text-align:center;}
.fkgy .top div{width:181px; height:235px; border:1px #ccc solid; float:left; margin-left:20px;}
.fkgy .top div img{ margin:10px auto; display:block;}
.fkgy .top div strong{ font-size:28px; color:#42B0A7;}
.fkgy .top div p{ padding-top:8px;}
.fkgy .sp{width:100%; height:292px; margin:28px auto; background:#EEEEEE;}
.fkgy .sp .left{width:169px; height:241px; float:left; margin-left:25px; margin-top:35px;}
.fkgy .sp .left p{ margin:5px auto; width:95%; line-height:30px; text-align:center;}
.fkgy .sp .right{width:393px; height:262px; float:right; margin-top:15px; margin-right:8px; background:#333;}
.fkgy .p{width:95%; margin:28px auto; text-indent:2em; line-height:30px;}
.fkgy .bot{width:618px; height:200px; margin:38px auto;}
.fkgy .bot div{width:302px; height:186px; background:#FBE5C0; box-shadow: 2px 10px 10px #999;}
.fkgy .bot div h4{ font-size:24px; text-align:center; padding-top:15px;}
.fkgy .bot div p{ margin:10px auto; text-align:center;}
.fkgy .bot div p span{color:#84520B;}
.fkgy .bot div p strong{ font-size:50px;}
.fkgy .bot div a{width:150px; height:33px; background:#84520B; color:#fff; margin:10px auto; display:block; text-align:center; line-height:33px; border-radius:8px; border-radius:8px;}
.fkgy .bot div:nth-of-type(1){ float: left;}
.fkgy .bot div:nth-of-type(2){ float:right;}
.fkgy .fot{width:300px; height:40px; margin:38px auto; background:#41B0A7; color:#fff; line-height:40px; text-align:center; border-radius:10px; display:block;}

.foot{width:100%; height:auto; margin:50px auto; overflow:hidden;}
.foot a{width:147px; height:auto; float:left; margin-left:10px; display:block;}
.foot a div{width:147px; height:85px; background:#41B0A7; border-radius:8px;}
.foot a div img{ margin:0 auto; padding-top:15px; display:block;}
.foot a p{ text-align:center; padding-top:8px;}





.tl{width:100%; height:auto; margin:28px auto; overflow:hidden; display:block;}
.tl img{ margin:28px auto; display:block;}
.tl p{width:92%; margin:0 auto; line-height:30px; text-indent:2em;}
.tl span{color:#FD5820;}

.doc{width: 100%;height: auto;margin-top:25px;}
.doc>h1{font-size: 28px;color: #41B0A7;text-align: center;}
.doc ul{width: 640px;padding: 0 17.5px;padding-bottom: 35px;border-bottom: 2px dotted #D8D8D8;box-sizing:border-box;height: auto;margin: 0 auto;display: flex;display: -webkit-flex;justify-content: space-between;margin-top: 50px;}
.doc ul a{display: block;}
.doc .eir{overflow: hidden;}
.doc .eir .title{width: 100%;height: 56px;line-height: 56px;overflow: hidden;}
.doc .eir .title div{width: 5px;height: 30px;background-color: #41b0a7;float: left;margin: 13px 0 0 17px;}
.doc .eir .title p{float: left;font-size: 22px;color: #41b0a7;margin-left: 20px;}
.doc table{width: 625px;height: auto;margin: 0 auto;border: 1px solid #B5B5B5;text-align: center;margin-top: 25px;}
.doc table tr:nth-of-type(1) td{padding: 20px 0 15px 0;color: #41B0A7;border: 1px solid #B5B5B5;}
.doc table tr:nth-of-type(2) td{padding: 20px 0;border: 1px solid #B5B5B5;}
.doc table tr:nth-of-type(2) td:nth-of-type(1){color: red;}
.doc .jj{text-align: center;margin-top: 40px;font-size: 22px;color: ;}
.doc .jj a{color: red;}
.doc .btn{width: 365px;height: 49px; line-height: 49px;text-align: center;display: block;margin: 40px auto;color: #FFFFFF;border-radius: 10px;}
footer{width:100%; height:278px; background:#074540; text-align:center; color:#fff; margin-top:2px;}
footer h3{ padding-top:25px; font-size:24px;}
footer p{ line-height:30px; padding-top:25px;}


.xuanzl {
-webkit-animation-name:'xuanzl';
-webkit-animation: xuanzl 8s infinite linear;
}
@keyframes xuanzl {
0% { 
transform: rotate(0deg);
}
100% {
transform: rotate(-360deg);	
}
}


.xuanzr{
-webkit-animation-name:'xuanzr';
-webkit-animation: xuanzr 8s infinite linear;

}
@keyframes xuanzr {
0% { 
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);	

}
}
.huak{-webkit-animation-name:'huak';-webkit-animation: huak 8s 1 linear;}
@keyframes huak{
0%{width:100%; height:530px; opacity:1;}
25%{-webkit-transform:rotate(0deg);}
50%{-webkit-transform:rotate(0deg);}
75%{-webkit-transform:rotate(0deg);}
100%{border-left:12px solid transparent; border-top:530px solid #DEF4FF; -webkit-transform:rotate(19deg);}	
	}
.huak2{-webkit-animation-name:'huak2';-webkit-animation: huak2 8s 1 linear;}	
@keyframes huak2{
0%{width:60%; border-left:0 solid transparent;}
50%{width:55%; opacity:1;}
75%{width:50%;}
100%{border-left:188px solid transparent; border-right:0 solid transparent;}	
	}	
.huak3{-webkit-animation-name:'huak3';-webkit-animation: huak3 3s 1 linear;}	
@keyframes huak3{
0%{width:0%;}
100%{width:100%;}	
	}
.huak4{-webkit-animation-name:'huak4';-webkit-animation: huak4 3s 1 linear;}	
@keyframes huak4{
0%{ height:0%;}
100%{height:226px;}	
	}
.huak5{-webkit-animation-name:'huak5';-webkit-animation: huak5 3s 1 linear;}	
@keyframes huak5{
0%{width:0;}
100%{width:422px;}	
	}
.siJ1{
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.siJ2 {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay:1s;
  animation-delay: 0.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.siJ3 {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay:1.5s;
  animation-delay: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.siJ4 {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay:2s;
  animation-delay: 1.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.siJ5 {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay:2s;
  animation-delay: 2.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.siJ6 {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay:2s;
  animation-delay: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.dot {
-webkit-animation-name:'ripple';/*动画属性名，也就是我们前面keyframes定义的动画名*/
-webkit-animation-duration:1s;/*动画持续时间*/
-webkit-animation-timing-function: linear; /*动画频率，和transition-timing-function是一样的*/
-webkit-animation-delay: 0s;/*动画延迟时间*/
-webkit-animation-iteration-count:infinite;/*定义循环资料，infinite为无限次*/
-webkit-animation-direction: alternate;/*定义动画方式*/
}
.coT {
-webkit-animation-name:'colorT';/*动画属性名，也就是我们前面keyframes定义的动画名*/
-webkit-animation-duration:1s;/*动画持续时间*/
-webkit-animation-timing-function: ease; /*动画频率，和transition-timing-function是一样的*/
-webkit-animation-delay: 0s;/*动画延迟时间*/
-webkit-animation-iteration-count: infinite;/*定义循环资料，infinite为无限次*/
-webkit-animation-direction: alternate;/*定义动画方式*/
}
@keyframes ripple {
0% { 
background:#41B1A5;
}
100% {
background:#AA0428;
}
}
@keyframes colorT {
0% { 
background:#AA0428;
}
100% {
background:#41B1A5;
}
}
.cor {
-webkit-animation-name:'colorr';/*动画属性名，也就是我们前面keyframes定义的动画名*/
-webkit-animation-duration:1s;/*动画持续时间*/
-webkit-animation-timing-function: ease; /*动画频率，和transition-timing-function是一样的*/
-webkit-animation-delay: 0s;/*动画延迟时间*/
-webkit-animation-iteration-count: infinite;/*定义循环资料，infinite为无限次*/
-webkit-animation-direction: alternate;/*定义动画方式*/
}
@keyframes colorr {
0% { 
color:#41B0A7;
}
100% {
color:#FE5722;
}
}

	
.breath{
	opacity:1;
	-webkit-box-shadow: 0 0 5px #99dd33;
	-moz-box-shadow: 0 0 5px #99dd33;				
	-ms-box-shadow: 0 0 5px #99dd33;				
	-o-box-shadow: 0 0 5px #99dd33;				
	box-shadow: 0 0 5px #99dd33;				
	-webkit-border-radius:2px;				
	-moz-border-radius:2px;				
	-ms-border-radius:2px;				
	-o-border-radius:2px;				
	border-radius:2px;								
	-webkit-animation-name: breath;				
	-webkit-animation-duration: 3s;				
	-webkit-animation-timing-function: ease-in-out;				
	-webkit-animation-iteration-count: infinite;			
	}			
						
.size2{														
	text-indent:0;								
	text-align:center;				
	text-shadow:1px 1px 3px #333;								
	-webkit-box-shadow:0 0 5px orange;				
	-moz-box-shadow: 0 0 5px orange;				
	-ms-box-shadow: 0 0 5px orange;				
	-o-box-shadow: 0 0 5px orange;				
	box-shadow: 0 0 5px orange;								
	-webkit-animation-name: breath2;			
	}	
	
.tesx{ width:100%; overflow: hidden; white-space: nowrap; animation: typing 5s steps(50), caret 0.1s steps(1);}		
.div{display:block; position: relative;}
.div:before{ content: ""; position: absolute; width:200px; height: 100%; top: 0; left: -150px; overflow: hidden;
background: -moz-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.2)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
background: -o-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
-webkit-transform: skewX(-25deg);
-moz-transform: skewX(-25deg);}
.div:hover:before { left: 150%; transition: left 1s ease 0s; }