@charset "gb2312";
/* 2018.06.02 by zq */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td ,img{ margin: 0; padding: 0; font:14px/28px "Hiragino Sans GB","MicroSoft YaHei",Arial,sans-serif; border:none;}
html,body { -webkit-tap-highlight-color:rgba(0,0,0,0); }
img { max-width:100%; }
body { background:#e6f2d0; background: linear-gradient(0, #c5e3c3 20%, #e6f2d0 80% ); overflow-x:hidden; color:#545454; }
article, iframe { display:block; border:0;}
ul, li { list-style:none;}
table { border-collapse:collapse;border-spacing:0; max-width:100%;}
input::focus-inner{ outline:0;padding:0;border:0;}
input[type="button"], input[type="submit"], input[type="reset"], button {-webkit-appearance:none; outline:0;}
:focus { outline: none; }
a,area { blr:expression(this.onFocus=this.blur()) }
a { color:#545454; text-decoration:none;}
a:hover { color: #e21837; text-decoration:none;}
.Width { width:1200px; margin:0 auto;}
.box-2 h4 { color:#158a67; text-align:center; padding-bottom:20px;}
.clear { clear:both;height:0px; width:100%; font-size:1px;line-height:0px; visibility:hidden; overflow:hidden;}
.clearfix:after{ content:" ";display:block; visibility:hidden; height:0;font-size:0; clear:both;}
.clearfix { *zoom:1;}
.hide, .mobshow, .onlymob, .mob { display:none;}
.fl { float:left;} .fr { float:right;}

.ht_top {width: 100%;background: #fafafa url(../images/nav_bg.gif) repeat-x 0 0;line-height: 41px;overflow: hidden;}
.ht_top .zt_top {width: 1200px;height: 41px;margin: 0 auto;}
.ht_top h1 { float:left;}
.ht_top h1 a {float: left;width: 131px;height: 40px;overflow: hidden;text-indent: -100em;background: url(../images/logo.gif) no-repeat; font-size:12px;}
.ht_top .topnav {float: right; color:#545454; font-size:12px;}
.ht_top .topnav a {padding:0 8px;}
.ht_top .topnav a:hover { color:#e21837; text-decoration:underline;}
/* banner */
.banner { width:100%; height:355px; background:url(../images/banner01.png) no-repeat top; }
.banner .title { position: relative; width:530px; height:275px;  margin:0 auto; }
.banner .title span { display:block; position: absolute; overflow: hidden; }
.banner .t-01 { top:70px; width:530px; height:125px; background:url(../images/banner02.png) no-repeat center; text-indent: -999em; }
.banner .t-01 b { display:block; position: absolute; top:-10px; left:160px; width:216px; height:150px;
	background:url(../images/banner03.png) no-repeat center; }
.banner .t-02 { top:215px; width:530px; height:35px; background:url(../images/banner04.png) no-repeat center; text-indent: -999em; }
.banner .time { color: #158a67; font:bold 20px/36px "SimSun"; text-align: center; }
.bannerbg { height: 1px; position: relative; }
.bannerbg .s-01 { position: absolute; left:50%; top:-105px; width:242px; height:136px;  margin-left:-545px;
	background:url(../images/banner11.png) no-repeat center; }
.bannerbg .s-02 { position: absolute; left:50%; top:-140px; width:422px; height:245px; margin-left: -800px;
	background:url(../images/banner09.png) no-repeat center; }
.bannerbg .s-03 { position: absolute; left:50%; top:-110px; width:396px; height:203px; margin-left: 560px;
	background:url(../images/banner08.png) no-repeat center; }
.bannerbg .w-01 { position: absolute; left:50%; top:-45px; width:3000px; height:260px; margin-left:-1500px;
	background:url(../images/banner10.png) no-repeat center; background-size:auto 100%;
	/*animation: move_wave 20s ease-out infinite alternate;*/ }
.bannerbg .w-02 { position: absolute; left:50%; top:-45px; width:3000px; height:371px; margin-left:-1500px;
	background:url(../images/banner05.png) no-repeat center; background-size:auto 100%;
	/*animation: move_wave 30s ease-out infinite alternate;*/ }
.bannerbg .z-01 { position: absolute; left:50%; top:-206px; width:112px; height:112px;  margin-left: 357px;
	background:url(../images/banner06.png) no-repeat center; }
.bannerbg .z-02 { position: absolute; left:50%; top:-100px; width:113px; height:112px; margin-left:237px; z-index: 0;
	background:url(../images/banner07.png) no-repeat center; }
@keyframes move_wave{
	0%{transform: translateX(0) scaleY(1)}
	15%{transform: translateX(300px) translateY(4%) scaleY(0.95)}
	50%{transform: translateX(0) scaleY(1)}
	85%{transform: translateX(300px) translateY(5%) scaleY(0.95)}
	100%{transform: translateX(0) scaleY(1)}
}

/* 通用标题 */
.h2tit { width:280px; height:74px; padding-top:10px; margin:40px auto;
	background:url(../images/pic01.png) no-repeat center;
	color:#fff; font-size: 34px; line-height:30px; font-weight: bold; text-align: center; }
.h2tit span { color:#fff001; }
.h2tit em { font-style: normal; font-size: 18px; font-weight: normal; }
/* 通用按钮 */
.showMore { display: block; width:165px; height: 42px; margin:10px auto 0; cursor: pointer;
	background:#ff7901; border-radius:42px; box-shadow: 0 7px 20px #fdd19c;
	color:#fff; font-size:18px; line-height:42px; text-align: center; }
.showMore:hover { color:#fff; background:#f99032; }

.boxbg-01 { position: relative; padding-top:150px; }
.boxbg-01 .h2tit { position: absolute; left:50%; top:40px; margin:0; margin-left:-140px; }
.boxbg-01 .bg-01 { position: absolute; left:50%; top:290px; width:271px; height:269px; margin-left:-930px;
	background:url(../images/banner12.png) no-repeat center; z-index: -1; }
.box-01 { width:1060px; padding:30px 70px; margin:0 auto; background:#d5e9c1; border-radius: 20px; }
.box-01 dl { overflow: hidden; background:#fcf3d8; border-radius: 15px; box-shadow: 0 7px 24px #c1dbad; }
.box-01 .con { width:440px; height: 175px; padding:15px 30px 0; }
.box-01 .con dt { float:left; margin-right: 25px; }
.box-01 .con dt img { display: block; width: 130px; height: 130px; overflow: hidden;
	background:#fff; border-radius: 8px;  }
.box-01 .con dt span { display: block; color:#4a1b0b; font-size: 16px; line-height: 30px; text-align: center; }
.box-01 .con dd { float:left; width:280px; }
.box-01 .con p { margin-bottom:5px; color:#4a1b0b; font-size: 16px; line-height: 24px;
	margin-left: 80px; text-indent: -80px; }
.box-01 .con-02 { margin-top:25px; padding:30px; }
.box-01 .con-02 dt { float:left; width:463px; height: 138px; margin-right: 25px;
	background:url(../images/pic04.png) no-repeat center; text-align: center; }
.box-01 .con-02 dt h4 { padding-top:23px;
	color:#fff; font-size: 35px; line-height: 60px;  }
.box-01 .con-02 dt h6 { color:#fff; font-size: 16px; line-height: 30px;}
.box-01 .con-02 dd { float:right; padding-top:10px; width:490px; text-align: center; }
.box-01 .con-02 p { color:#4a1b0b; font-size: 16px; line-height: 30px; }
.box-01 .con-02 p span { color:#ff0404; }
.box-01 .con-02 .unOpen { background:#999; box-shadow: 0 7px 20px #ccc; }
.box-01 .con-02 .unOpen:hover { background:#ddd; }

.box-02 { position: relative; padding:25px 0; background:#c8e1b9; border-radius: 20px; }
.box-02 .bg-02 { position: absolute; left:50%; top:-60px; width:271px; height:269px; margin-left:639px;
	background:url(../images/banner13.png) no-repeat center; z-index: -1; }
.box-02 .bg-03 { position: absolute; left:50%; top:570px; width:271px; height:269px; margin-left:-880px;
	background:url(../images/banner14.png) no-repeat center; z-index: -1; }
.box-02 li { float: left; width:350px; height: 296px; padding-top:18px; margin:0 25px;
	background:#fcf3d8; border-radius: 15px; box-shadow: 0 7px 24px #c1dbad; text-align: center; }
.box-02 .pic { width:313px; height: 178px; margin:0 auto; color: #fff;
	background:url(../images/pic12.png) no-repeat center; }
.box-02 .pic06 { background:url(../images/pic11.png) no-repeat center; }
.box-02 .pic02 { background:url(../images/pic10.png) no-repeat center; }
.box-02 .pic03 { background:url(../images/pic13.png) no-repeat center; }
.box-02 .pic04 { background:url(../images/pic14.png) no-repeat center; }
.box-02 .pic05 { background:url(../images/pic15.png) no-repeat center; }
.box-02 h6 { padding-top:10px; font-size: 16px; line-height: 40px; }
.box-02 h3 { font-size: 36px; font-weight: bold; line-height: 36px;}
.box-02 p { font-size: 18px; line-height: 40px;}
.box-02 span { display: inline-block; padding:0 20px;
	background:#249f7a; border-radius: 30px;
	font-size: 14px; line-height: 30px; }
.box-02 .pic01 span { background:#0d93aa; }
.box-02 .pic02 span { background:#41862b; }
.box-02 .pic03 span { background:#9270dd; }
.box-02 .pic04 span { background:#5679da; }
.box-02 .pic05 span { background:#f0679e; }
.box-02 em { display:block; color:#fe5555; font-size:20px; font-weight: bold; font-style: normal; line-height: 50px; }
.box-02 .showMore { margin: 0 auto; }
.box-02 .row-02 {margin:30px auto 40px; }
.box-02 .btnbox a { display: block; width:188px; height: 42px; margin:0 auto; cursor: pointer;
	background:#f15f9a; border-radius:42px; box-shadow: 0 7px 20px #d4b9af;
	color:#fff; font-size:18px; line-height:42px; text-align: center; }
.box-02 .btnbox a:hover { color:#fff; background:#fb79ae; }

.box-03 { position: relative; padding:20px 0; background:#c0dfb8; border-radius: 20px; }
.box-03 dt { position: absolute; left:115px; top:-45px; }
.box-03 dt img { width:308px; height:213px; }
.box-03 h3 { padding-left:475px; color: #158a67; font-size: 30px; font-weight: bold; line-height: 50px; }
.box-03 h3 span { color:#ff7901; }
.box-03 p { padding-left:475px; color: #158a67; font-size: 18px; line-height: 40px; }

.box-04 { position: relative; padding:15px 0; margin:30px auto 50px;
	background:#c0dfb8; border-radius: 20px; }
.box-04 dt { float:left; width:95px; height:75px; padding-top:20px; margin:0 30px 0 290px;
	background:#b1d6a8; border-radius: 15px;
	color:#158a67; font-size: 24px; line-height: 28px; text-align: center;}
.box-04 dd p { color:#158a67; font-size: 14px; line-height: 24px; }

.popShadow { display:none;  position: fixed; left: 0; top: 0; z-index:10; width:100%; height:100%;
	background:#000; opacity: 0.35; filter:alpha(opacity=35); }
.popBox { display:none; position:fixed; left:50%; top:50%; z-index:11;
	width:420px; min-height:210px; margin-top:-135px; margin-left:-210px;
	background:#fff; border-radius:30px; text-align: center; }
.popBox .pic { position: absolute; left:20px; top:-50px; display:block; width:85px; height:119px; }
.popBox h3 { padding-top:25px; color:#000; font-size:24px; line-height:40px; }
.popBox .btnbox { width:306px; margin: 0 auto; }
.popBox .btnbox a { display: block; float:left; width:70px; height: 28px; margin:20px 15px 0;
	background:#fff; border:1px solid #3eb94f; border-radius: 30px;
	color:#3eb94f; font-size: 18px; line-height: 28px; }
.popBox .btnbox a:hover { color:#fff; background:#3eb94f; }
.popBox .donebox { width:276px; padding:30px 0 25px; margin: 0 auto; }
.popBox .donebox a { display: block; width:130px; height: 42px; margin:0 auto; cursor: pointer;
	background:#f15f9a; border-radius:42px; box-shadow: 0 7px 20px #fcd0e3;
	color:#fff; font-size:18px; line-height:42px; text-align: center; }
.popBox .donebox a:hover { color:#fff; background:#fb79ae; }
.popBox .donebox .ok { background:#ff7901; box-shadow: 0 7px 20px #fdd19c; }
.popBox .donebox .ok:hover { background:#f99032; }

#jsPop02 a,#jsPop03 a{ width: 185px;margin: 20px 60px 20px; }
/* foot */
.footer { padding:25px 0; background:#252525; text-align: center; }
.footer p {  color:#fff; font-size:14px; line-height:24px; }
.footer p a { color: #fff; }
.footer p span { padding: 0 5px; }

@media only all and (max-width:1200px){
	body { width:1200px; }
}