@charset "utf-8";
/* CSS Document */
/*reset*/
body,html{ padding:0; margin:0 auto; background:#fff; word-break:break-all;font-family:"Microsoft YaHei";}
img{ border:none;}
h1,h2,h3,h4,h5,h6,hr,blockquote,form,ul,ol,li,p,pre,dl,dt,dd,fieldset,legend,button,input,textarea,th,td,figure{ padding:0; margin:0;}
ul,ol,li{ list-style:none;}
sup{ vertical-align:text-top;}
sub{ vertical-align:text-bottom;}
legend{ color:#000;}
fieldset{ border:0;}
button,input,select,textarea{ font-size:100%;}
table{ border-collapse:collapse; border-spacing:0;}
textarea{ resize:none;}
select{ height:22px; line-height:18px; padding:2px; border:1px solid #d9d9d9; border-radius:2px;}

/*public font*/
body,button,input,select,textarea{ font-family:"Microsoft YaHei"; color:#000; font-size:12px;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:500;}
address,cite,dfn,em,var,s{ font-style:normal;}
code,kbd,pre,samp{ font-family:courier new, courier, monospace;}
.fn{ font-weight:500;}.fb{ font-weight:700;}
small,.ft12{ font-size:12px;}.ft14{ font-size:14px;}.ft16{ font-size:16px;}.ft18{ font-size:18px;}.ft20{ font-size:20px;}.ft22{ font-size:22px;}.ft24{ font-size:24px;}
a{ color:#000; text-decoration:none;}
.op8:hover{ filter:alpha(opacity=80); opacity:0.8;}
.wrapper{ width:1000px; margin:0 auto;}
.tl{ text-align:left;}.tc{ text-align:center;}.tr{ text-align:right;}
.fl{ float:left;}.fr{ float:right;}
.clear{ clear:both; line-height:0px; font-size:0px;}
.clearfix:after{ content:".";display:block; height:0; clear:both; visibility:hidden;}
.clearfix{ zoom:1;}
.hr_20{ clear:both; height:20px; overflow:hidden; font-size:1px; line-height:1px;}
.vm{ vertical-align:middle;}.vt{ vertical-align:top;}
.db{ display:block;}.dn,.dsn{ display:none;}.vh{ visibility:hidden;}
.utra{ transition:all 0.2s ease-in-out 0s; -moz-transition:all 0.2s ease-in-out 0s; -webkit-transition:all 0.2s ease-in-out 0s; -o-transition:all 0.2s ease-in-out 0s;}
.pta{ position:absolute;}.ptr{ position:relative;}
.cp{ cursor:pointer;}
.tm20{ margin-top:20px;}
.tm30{ margin-top:30px;}
.tm50{ margin-top:50px;}
.c1{ color:#C62511;}
/*layout*/
.container{ background: url(../images/banner.jpg) center top no-repeat; padding: 398px 0 60px; position: relative;}
.wrap{ width: 800px; margin: 0 auto;}
.area{ padding: 40px 0 50px; background-color: #fff;}
.area h2{ font-size: 42px; text-align: center; line-height: 52px; font-weight: 700; margin-bottom: 35px; color: #333;}
.area h2 b{ font-size: 48px; color: #00BE61; margin: 0 20px;}
.area2,.area4{ background-color: #F7F7F7;}
.area1 ul{ width: 700px; margin: 0 auto;}
.area1 ul li{ width: 290px; float: left; margin: 0 30px;}
.area1 ul li img{ display: block;}
.area2 dl{ padding: 0 25px;}
.area2 dl dt{ width: 270px; float: right; background-color: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 0 20px 0 rgba(91, 179, 210, 0.2);}
.area2 dl dt .code{ padding: 16px 0;}
.area2 dl dt .code img{ display: block; margin: 0 auto;}
.area2 dl dt .info{ background-color: #00BE61; font-size: 18px; text-align: center; line-height: 34px; padding-bottom: 5px;}
.area2 dl dt .info h4{ background: url(../images/tit.png) no-repeat; width: 178px; color: #BC6400; margin: 0 auto;}
.area2 dl dt .info p{ color: #fff;}
.area2 dl dd{ width: 670px; margin: 0 auto;}
.area2 dl dd li{ padding-left: 80px; position: relative; color: #444; line-height: 50px;}
.area2 dl dd li h3{ font-size: 22px;}
.area2 dl dd li p{ font-size: 18px; margin-top: 5px;}
.area2 dl dd li:before{ content: ''; background: url(../images/ico1.png) no-repeat; width: 50px; height: 50px; position: absolute; left: 0; top: 50%; margin-top: -25px;}
.area2 dl dd li:nth-child(1):before{ background-position: 0 0;}
.area2 dl dd li:nth-child(2):before{ background-position: 0 -50px;}
.area2 dl dd li:nth-child(3):before{ background-position: 0 -100px;}
.area2 dl dd li:nth-child(4):before{ background-position: 0 -150px;}
.area2 dl dd li:not(:last-child){ margin-bottom: 16px;}
.area3 td{ border: 1px solid #00B85D; font-size: 18px; line-height: 30px; padding: 15px; text-align: center;}
.area3 .h{ background-color: #FFFCC6; font-weight: 700;}
.area3 .t{ background-color: #CCF3D7; font-weight: 700;}
.area3 p{ font-size: 18px; text-align: center; color: #666; margin-top: 20px;}
.area4 .info{ border-radius: 12px; background-color: #fff; position: relative; box-shadow: 0 0 20px 0 rgba(91, 179, 210, 0.2); padding: 60px 25px 40px 120px; color: #444;}
.area4 .info .photo{ font-size: 20px; line-height: 84px; position: absolute; right: 45px; top: -15px; word-spacing: 5px;}
.area4 .info .photo img{ vertical-align: middle; margin: -20px 0 0 20px;}
.area4 .info li{ position: relative;}
.area4 .info li h3{ font-size: 22px; color: #00B85D;}
.area4 .info li p{ font-size: 18px; line-height: 30px; margin-top: 5px;}
.area4 .info li:not(:last-child){ margin-bottom: 15px;}
.area4 .info li:before{ content: ''; background: url(../images/ico2.png) no-repeat; width: 50px; height: 50px; position: absolute; left: -90px; top: -10px;}
.area4 .info li:nth-child(1):before{ background-position: 0 0;}
.area4 .info li:nth-child(2):before{ background-position: 0 -50px;}
.area4 .info li:nth-child(3):before{ background-position: 0 -100px;}
.area4 .info:before{ content: ''; background: url(../images/line.png) no-repeat; width: 10px; height: 256px; position: absolute; left: 95px; top: 72px;}
.area5 ul{ margin-left: 105px;}
.area5 li{ font-size: 18px; line-height: 30px; margin-bottom: 6px;}
.area5 li span{ width: 70px; display: inline-block; border-radius: 15px; color: #fff; background-color: #00B85D; text-align: center; margin-right: 50px;}
.animated{-webkit-animation-duration:.8s;-webkit-animation-fill-mode:both;animation-duration:.8s;animation-fill-mode:both;}
.fixad{ width: 220px; background-color: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 0 20px 0 rgba(91, 179, 210, 0.2); position: absolute; z-index: 100; top: 530px; left: 50%; padding-top: 20px; margin-left: 440px;}
.fixad img{ width: 160px; display: block; margin: 0 auto;}
.fixad p{ background: #00BE61; font-size: 20px; color: #fff; text-align: center; line-height: 54px; margin-top: 20px;}
.fixad-active{ position: fixed; top: 20px;}