@charset "utf-8";
html{font-size:62.5%; color:#333;}
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; }
p{font-size:20px;}
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());}
html{ background:#ccc; opacity:1;}
body{max-width:640px; background:#fff; margin:0 auto;}
.main{max-width:640px;
	height:100%;
	overflow:hidden;
	margin:0 auto;
	position:relative;
	font-size:20px;
	line-height: 30px;
	margin-bottom: 80px;
	box-shadow: 0 0 10px #F8EFE6;
	}
/*
.logo{width: 100%; height: 82px; padding-top: 30px; padding-bottom: 20px;}
.logo a{height:56px; float: left; display: block;}
.logo img{width: 100%;}
.logo a:nth-of-type(1){width: 74px; margin-left: 10px; margin-top:12px;}
.logo a:nth-of-type(2){width: 526px; margin-left: 20px;}

.logo a p{width: 23px; height: 56px; float: left; color: #666;}
.logo a dl{width: 46px; height: 46px; float: right; margin-top: 5px; position: relative;}
.logo a dl dt{width: 20px; height: 20px; border-radius: 5px; background: #333; position: absolute;}
.logo a dl dt:nth-of-type(1){top: 0; left: 0;}
.logo a dl dt:nth-of-type(2){top: 0; right: 0;}
.logo a dl dt:nth-of-type(3){bottom: 0; left: 0;}
.logo a dl dt:nth-of-type(4){bottom: 0; right: 0;}
.atom{width:100%; position:relative;}
.columu{width:22%; height:auto; position:absolute; top:0; z-index:3; display:none;}
.columu .top{width:87px; height:76px; position:absolute; top: 42px; background: #fff;}
.columu .top p{width: 23px; height: 56px; float: left; margin-left: 10px; color: #666;}
.columu .top dl{width: 46px; height: 46px; float: right; margin-top: 5px; position: relative;}
.columu .top dl dt{width: 20px; height: 20px; border-radius: 5px; background: #333; position: absolute;}
.columu .top dl dt:nth-of-type(1){top: 0; left: 0;}
.columu .top dl dt:nth-of-type(2){top: 0; right: 0;}
.columu .top dl dt:nth-of-type(3){bottom: 0; left: 0;}
.columu .top dl dt:nth-of-type(4){bottom: 0; right: 0;}

.columu ul{width: 96%; position: absolute; top: 135px;}
.columu ul a{width: 100%; height: 47px; line-height: 47px; color: #fff; box-shadow: 0 0 10px #fff; text-align: center; background: #999; border-bottom: 1px #ccc solid; display: block;}

*/
.fklm1{width: 590px; height: auto; margin: 40px auto; overflow: hidden;}
.fklm1 .top{width: 100%; height:125px;}
.fklm1 .top p{text-indent: 2em; line-height: 30px;}
.fklm1 .top p a{color: red;}
.fklm1 .sip{width: 100%; margin: 0 auto; overflow: hidden;}
.fklm1 .sip div video{width:100%; height:150px; padding-top:30px; overflow:hidden; display:black;}
.fklm1 .sip div{width: 285px; height: auto;  border-radius: 8px; overflow:hidden;}
.fklm1 .sip div:nth-of-type(1){float: left;}
.fklm1 .sip div:nth-of-type(2){float: right;}
.fklm1 .bot{width:100%; height: 40px; margin: 0 auto;}
.fklm1 .bot p{width: 285px; line-height: 40px; font-size:18px; text-align: center;}
.fklm1 .bot p:nth-of-type(1){float: left;}
.fklm1 .bot p:nth-of-type(2){float: right;}

.fklmn{width: 600px; margin: 40px auto; overflow: hidden;}
.fklmn a{width: 100%; line-height: 50px; margin: 20px auto; overflow: hidden;}
.fklmn a i{font-size: 40px; padding-left: 30px; padding-right: 30px; color: #888; font-weight: bold; float: left;}
.fklmn a p{float: left;}

.fkwzy{width: 600px; height: auto; margin: 30px auto; overflow: hidden;}
.fkwzy h2{text-align: center; margin: 20px auto; overflow: hidden; display: block; font-size: 24px;}
.fkwzy h3{text-align: center; margin: 0 auto; overflow: hidden; display: block; font-size: 18px; color: #999;}
.fkwzy h4{display: block; margin: 5px auto;}
.fkwzy p{ line-height: 30px; font-size: 20px; padding-top: 20px;}
.fkyy{width:630px; height:406px; margin:28px auto; position:relative;}

.fkyy_hj{width:600px; height:334px; position:absolute; bottom:0; left:15px; overflow:hidden;}
.fkyy_hj span{color: red;}
.fkyy_hj ul{width:100%;}
.fkyy_hj li{float:left; width:100%;}
.fkyy_hj li img{width:222px; height: 334px; float: left;}
.fkyy_hj li .rig{width: 350px; height: 334px; float: right; position: relative;}
.fkyy_hj li .rig h1{position: absolute; top: 30px;}
.fkyy_hj li .rig h2{position: absolute; top: 92px;}
.fkyy_hj li .rig h3{position: absolute; top: 158px; font-weight: bold;}
.fkyy_hj li .rig p{position: absolute; top: 204px;}
.fkyy_hj li .rig dl{position: absolute; bottom: 2px;}
.fkyy_hj li .rig dl a{text-align: center; border-radius: 5px; line-height: 40px; float: left; display: block;}
.fkyy_hj li .rig dl a:nth-of-type(1){width: 140px; background: #41B0A7; color: #fff; margin-left: 10px;}
.fkyy_hj li .rig dl a:nth-of-type(2){width: 150px; border: 1px #41B0A7 solid; margin-left: 15px;}
.fkyy_hj li .rig strong{font-family: "宋体"; font-size: 38px; font-weight: 900; padding-right: 10px;}
.flicking_con{width:100%; height: 48px; position: absolute; left: 0; top: 0; border-bottom: 2px #41B0A7 solid;}
.flicking_con a{width:110px; height: 48px; font-size:18px; line-height: 48px; text-align: center; color: #41B0A7; float: left; display: block;}
.flicking_con a.on{width: 148px; height: 48px; font-size:22px; line-height: 48px; background: #41B0A7; color: #fff;}
.flicking_con a:nth-of-type(5){width:150px;font-size: 18px; color: #999;}

.fkyy_zj{width:100%; height:auto; margin: 30px auto; overflow: hidden;}
.fkyy_zj h4{width: 630px; height: 40px; border-bottom: 2px #41b0a7 solid; margin: 30px auto; }
.fkyy_zj h4 strong{width: 135px; height: 40px; line-height: 40px; text-align: center; color: #fff; background: #41b0a7; display: block;}
.fkyy_zj ul li h5{display: block; text-indent: 1em; line-height: 40px; color: #999; font-size: 22px;}
.fkyy_zj span{color: red;}
.fkyy_zj ul{width:100%;}
.fkyy_zj li{width:100%; margin: 10px auto; overflow: hidden; border-bottom: 1px #999 solid; padding-bottom: 20px;}
.fkyy_zj li img{width:222px; height: 334px; float: left; margin-left: 20px;}
.fkyy_zj li .rig{width: 350px; height: 334px; float: right; margin-right: 20px; position: relative;}
.fkyy_zj li .rig h1{position: absolute; top: 30px;}
.fkyy_zj li .rig h2{position: absolute; top: 92px;}
.fkyy_zj li .rig h3{position: absolute; top: 158px; font-weight: bold;}
.fkyy_zj li .rig p{position: absolute; top: 204px;}
.fkyy_zj li .rig dl{position: absolute; bottom: 2px;}
.fkyy_zj li .rig dl a{text-align: center; border-radius: 5px; line-height: 40px; float: left; display: block;}
.fkyy_zj li .rig dl a:nth-of-type(1){width: 140px; background: #41B0A7; color: #fff; margin-left: 10px;}
.fkyy_zj li .rig dl a:nth-of-type(2){width: 150px; border: 1px #41B0A7 solid; margin-left: 15px;}
.fkyy_zj li .rig strong{font-family: "宋体"; font-size: 38px; font-weight: 900; padding-right: 10px;}


.item{width: 100%;height: auto;overflow: hidden;margin-top: 20px;border-bottom: solid 13px #EEEEEE;}
.item dl{width:100%px;height: auto;overflow: hidden;border-bottom: 2px dotted #AAAAAA;padding: 30px 0;}
.item dl dt{width: 70px;height: auto;background-color: #41B0A7;text-align: center;color:#FFFFFF;float: left;margin-left: 10px;}
.item dl:nth-of-type(2n) dt{background-color: #FFFFFF;color: #9B9B9B;border: 1px solid #CCCCCC;}
.item dl dt h1{font-size: 33px;}
.item dl dt p{font-size: 16px;}
.item dl dd{margin-left: 95px;max-width: 490px;}
.item dl dd h1{font-size: 22px;color: #434343;font-weight: bold;}
.item dl dd p{font-size: 18px;margin-top: 10px;}
.item dl dd p a{color: red;}
.item dl dd .img{width: 490px;height: auto;overflow: hidden;margin-top: 15px;display: flex;display: -webkit-flex;justify-content: space-between;}
.item dl dd .img img{width: 239px;height: 158px;}
.item .page{width: 400px;height: auto;margin:30px auto;display: flex;display:-webkit-flex;justify-content: space-between;font-size: 20px; line-height:30px;}
.item .page li{line-height:50px;}

.main .bd {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 0px auto; }

.main .bd h1 {
  font-size: 45px;
  color: #fff;
  background: #41B0A7;
  height:80px; 
  line-height: 80px;
  margin: 40px auto;
  text-indent: 1em;
  display: block;}

.main .bd form {
  width: 500px;
  height: auto;
  margin: 20px auto; }

.main .bd form > input, .main .bd form > select {
  width: 380px;
  margin: 0 auto;
  display: block;
  height: 46px;
  border: 1px solid #41B0A7;
  padding-left: 12%;
  box-sizing: border-box; }

.main .bd form > input:nth-of-type(2) {
  margin-top: 35px;
  background: url(../img/name.jpg) no-repeat;
  background-position: 1% center;
  background-size: 40px auto;
  font-size: 20px; }

.main .bd form > input:nth-last-of-type(2) {
  margin-top: 18px;
  background: url(../img/ms.jpg) no-repeat;
  background-position: 1% center;
  background-size: 40px auto;
  font-size: 20px; }

.main .bd form > input:nth-of-type(3) {
  margin-top: 18px;
  background: url(../img/tel.jpg) no-repeat;
  background-position: 1% center;
  background-size: 40px auto;
  font-size: 20px; }

.main .bd form > input:nth-last-of-type(1) {
  margin-top: 18px;
  background: url(../img/rq.jpg) no-repeat;
  background-position: 1% center;
  background-size: 40px auto;
  font-size: 20px; }

.main .bd form > select {
  margin-top: 18px;
  background: url(../img/ms.jpg) no-repeat;
  background-position: 1% center;
  background-size: 40px auto;
  font-size: 20px;
  /*appearance:none;-moz-appearance:none;-webkit-appearance:none;*/ }
.main .bd form .btn{
	width: 390px;
	height: 40px;
	margin: 0 auto;
	margin-top: 50px;
}
.main .bd form .btn input {
  border: 0;
  border-radius: 6px;
  width: 165px;
  height: 40px;
  float: left;
  background-color: #41B0A7;
  font-size: 22px;
  color: #FFFFFF; }

.main .bd form .btn a {
  display: block;
  border-radius: 6px;
  width: 165px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  float: right;
  background-color: #E97A4D;
  font-size: 22px;
  color: #FFFFFF; }

.main .bd form p{
	font-size: 16px;
	color: #41B0A7;
	text-align: center;
	margin: 20px auto;
	font-weight: bold;
}
footer{width: 100%; background: #0C5953; color: #fff; padding-bottom: 80px; margin-top: 40px; overflow: hidden; text-align: center;}
footer h1{font-size: 40px; padding-top: 60px; padding-bottom: 10px; display: block; font-weight: bold;}
footer p{display: block; line-height: 40px; text-align: center; padding-top: 15px;}













.dot {
-webkit-animation-name:'ripple';/*动画属性名，也就是我们前面keyframes定义的动画名*/
-webkit-animation-duration: 2s;/*动画持续时间*/
-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;/*定义动画方式*/
}



.tople{width: 630px; height: 50px; margin: 20px auto; border-bottom: 1px #41B0A7 solid; line-height: 36px;}
.tople .left{width: 150px; height: 36px; float: left; border-right: 1px #41B0A7 solid; color: #41B0A7; font-weight: bold; font-size: 24px;}
.tople .left img{margin-right: 5px;}
.tople .right{width: 460px; height: 36px; float: left; margin-left: 10px;}
.tople .right marquee{width: 100%; color: red;}

.topnav{width: 100%; height: auto; margin: 25px auto; overflow: hidden;}
.topnav a{width: 25%; float: left; margin-top: 20px; text-align: center;}
.topnav a img{margin: 15px auto; display: block;}

.toplm{width: 100%; height: 55px; margin-top: 30px; border-bottom: 1px #000 solid;}
.toplm h1{width: 162px; line-height: 55px; float: left; border-bottom: 3px #000 solid; text-align: center; font-size: 24px; font-weight: bold;}
.toplm a{color: #42B1AB; float: right; margin-right: 20px; line-height: 55px;}

.topsp{width: 100%; height: auto; overflow: hidden; margin: 20px auto;}
.topsp video{width:100%; height:515px;}
.topsp .p{text-indent: 2em; margin: 30px auto; width: 600px;}
.topsp .p a{color: red;}
.topsp ul{width: 100%; margin-top: 30px;}
.topsp ul a{width: 160px; height: 75px; border: 1px #ccc solid; border-radius: 8px; float: left; margin-left: 40px; text-align: center; display: block; color: #42B1AB;}
.topsp ul a p{padding-top: 10px;}
.topsp ul a span{font-size: 12px;}

.topne{width: 100%; height: auto; overflow: hidden; margin: 30px auto;}
.topne ul{width: 285px; height: 140px; margin-left: 25px; margin-top: 25px; float: left;}
.topne ul .left{width: 135px; height: 138px; float: left; text-align: center; color: #fff; display: block;}
.topne ul .left img{ margin: 0 auto; display: block; margin-top: 25px;}

.topne ul .right{width: 145px; height: 140px; float: right;}
.topne ul .right a{width: 140px; height: 38px; line-height: 38px; border: 1px #ccc solid; display: block; position: relative; text-align: center; margin-top: 8px;}
.topne ul .right a img{position: absolute; right: 5px; top: 5px;}
.topne ul .right a:nth-of-type(1){margin-top: 0;}
.topne ul #cor1{background: #41B0A7;}
.topne ul #cor2{background: #71C3BD;}

.tl{width: 100%; margin: 40px auto; overflow: hidden; display: block;}
.tl img{width: 100%;}





.fkjs{width:100%; height:460px; margin:28px auto; position:relative;}
.fkjs_js{width:100%; height:430px; position:absolute; top:0; overflow:hidden;}
.fkjs_js ul{width:100%;}
.fkjs_js li{float:left; width:100%;}
.fkjs_con{width:350px; height: 3px; position: absolute; left: 150px; bottom: 0;}
.fkjs_con a{width:70px; height: 3px; float: left; display: block; margin-left: 8px; background: #ccc;}
.fkjs_con a.on{background: #41B0A9;}