@charset "UTF-8";
.banner_kv {background-image: url(top_banner.gif);}
.main_banner_section.page_banner { background-position:center center;}

 @media screen and (max-width: 950px) {
.banner_kv {background-image: url(top_banner_m.gif);}
.main_banner_section.page_banner { background-position:center center;}
}

p {font-size:16px; line-height: 23px;}

.bg-g {background-color: #eeeeee; padding: 20px 10px;}
.bg-g:after{display:table; clear:both; content:"";}

.inword {font-size:16px; line-height: 23px; margin-bottom: 20px; text-align: inherit;}

.chi {width: 100%; margin-top: 20px; margin-bottom: 20px;}	
.chi .menu-sub {width: 100%; }
.chi .menu-sub a {float:left; background: #0d6c29; border: 1px solid #eeeeee; border-right: 0;border-bottom:0;  display: block; text-align: center; font-size: 15px; text-decoration:none; padding:13px 10px; color: #fff; font-weight: bold; height: 50px; width:33.3%;}
.chi .menu-sub .select {float:left; background: #c70002; border: 1px solid #eeeeee; border-right: 0; border-bottom:0;  display: block; text-align: center; font-size: 15px; text-decoration:none; padding:13px 10px; color: #fff; font-weight: bold; height: 50px; width:33.3%;}		
.chi .menu-sub a:hover{background:#269735; color: #ffffff;}
.chi .menu-sub a.active{background:#FFF;}	

 @media screen and (max-width: 780px) {
.chi .menu-sub a {font-size: 14px; }
.chi .menu-sub .select {float:left; background: #E02615; border: 1px solid #eeeeee; border-right: 0; border-bottom:0;  display: block; text-align: center; font-size: 14px;}	
.chi .menu-sub .col33 {width:33%;}
.chi .menu-sub a.col33 {width:33%;}
.chi .menu-sub .col34 {width:34%;}
.chi .menu-sub a.col34 {width:34%;}
.chi .menu-sub .col50 {width:50%;}
.chi .menu-sub a.col50 {width:50%;}
}

.details {display: inline-block;}
.detail-area {width: 100%; background-color: #ffffff; margin-top: 30px; display: inline-block;} 
.detail-area:after{display:table; clear:both; content:"";}
.pic {float: right;}
.pic img {margin-left: 20px;}
.dec {padding: 20px;}

.dec1 {padding: 0 20px 20px;}
.dec2 {padding: 20px 310px 20px 20px;}
.pic1 {float: right;}
.pic1 img {margin-left: 20px; margin-top: 0px;}

.pic2 {float: right; margin-top: 0px;}
.pic2 img {margin-left: 20px;}

.top {margin-top: 20px;}
.word {font-size:16px; line-height: 23px; text-align: inherit;}

.wordtnc { text-align: inherit; display: inline-block;  width: 100%;}

.headline {font-size:17px; line-height: 23px; font-weight: bold; color: #107039; margin: 0px 0;}
.headline1 {font-size:20px; line-height: 23px; font-weight: bold; color: #107039; margin: 10px 0;}

.htop {display: inline-block;}

.word li {margin-left: 20px; font-size:16px; line-height: 23px; text-align: inherit;}

.left {width: 50%; float: left; padding-right: 10px; margin-top: 15px;}
.right {width: 50%; float: left; padding-left: 10px; margin-top: 15px;}

.h1 {margin-bottom: 20px;}

.h2 {margin-bottom: 20px; margin-top: 40px; display: inline-block;}

.word1 img {margin-right: 80px;}

.hotline {font-weight: bold; margin-top: 50px;}

.tnc {font-size: 12px; line-height: 18px; margin-top: 30px; text-align: inherit;}
.tnc li {font-size: 12px; line-height: 18px; text-align: inherit;}
.tnc1 {font-size: 14px; line-height: 20px; margin-top: 20px; font-weight: bold;}
.tnc2 {font-size: 12px; line-height: 18px; margin-top: 30px; text-align: inherit;}

.tnc p {font-size: 12px; line-height: 18px;}
.tnc2 p {font-size: 12px; line-height: 18px;}

.break {display: none;}
.break1 {display: block;}
.step {margin: 15px 0;}

.m {display: none;}
.mc {display: block;}

.ui-table th {
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    background-color: #0d6c29;
    color: #ffffff;
    line-height: 18px;
}
.ui-table1 { border-spacing: 0; border: 1px solid #fff; border-collapse: collapse; margin-top: 20px;}
.ui-table1 th, .ui-table1 td { padding:  3px 10px; font-size:14px; line-height: 21px; text-align: left;}
.ui-table1 th { background-color: #0d6c29; border-right: 1px solid #c5c5c4; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-top: 1px solid #fff; background-image: url(tb_bg.png); font-weight: bold; color: #fff;}
.ui-table1 td {background-color: #daeabf; border-right: 1px solid #ffffff; border-left: 1px solid #ffffff; border-bottom: 1px solid #fff;}
.ui-table1 .rleft { border-top-left-radius:20px;}
.ui-table1 .rright { border-top-right-radius:20px;}
.ui-table1 .rleftb { border-bottom-left-radius:20px; }
.ui-table1 .rrightb { border-bottom-right-radius:20px; }
.ui-table1 .color {background-color: #f5f9eb;}
.ui-table1 .color1 {background-color: #ecf2d8;}
.ui-table1 .leftm {padding-left: 30px;}
.ui-table1 .texttop {vertical-align: top;}


.ui-table th, .ui-table td { padding: 5px; font-size:15px;  text-align: center;}
.ui-table td  {background-color: #fff; border-bottom: 1px solid #0d6c29; border-left: 1px solid #0d6c29; border-right: 1px solid #0d6c29;} 


.app { margin-left:20px;}
.act-area {margin-top: 30px;}
.actb {margin-bottom: 40px;}
.actb1 {margin-bottom: 70px;}
.actword {width: 100%; padding-left:60px; font-size:16px; line-height: 23px; text-align: inherit;}
.icon img {float: left; width: 87px;}
.icon2 img {float: left; width: 87px; margin-bottom:40px;}
.icon1 img {float: left; width: 55px; margin-top: -20px;}
.actword .app img {height: 56px; margin: 5px 0px 0 0;}
.actword b {font-size:20px; line-height: 28px; font-weight: bold; color: #107039; margin: 10px 0;}
.qr {margin-top: 60px;}
.qr img {width: 120px; float: left; margin-top: -50px; margin-right: 10px; }

.act {margin: 20px 0; display: inline-block;}

 @media screen and (max-width: 780px) {
.icon img {float: left; width: 87px; margin-bottom:20px;}
.icon2 img {float: left; width: 87px; margin-bottom:100px;}
.pic {float: none;}
.pic img {margin-left: 0px;}
.pic2 {float: none;}
.pic2 img {margin-left: 0px;}
.left {width: 100%; float: none; padding-right: 0px; margin-top: 15px;}
.right {width: 100%; float: none; padding-left: 0px; margin-top: 15px;}
.h2 {margin-bottom: 5px; margin-top: 40px; display: inline-block;}
.word1 img {margin-right: 10px;}
.break {display: block;}
.break1 {display: none;}
.m {display: block;}
.mc {display: none;}
.pic1 {float: none;}
.pic1 img {margin-left: 0px; margin-top: 0px; }
.qr {margin-top: 10px;}
.qr img {width: 120px; float: none; margin-top: 0px; margin-right: 0px;  margin-bottom: 10px;}
.tnc2 {font-size: 12px; line-height: 18px; margin-top: 0px; text-align: inherit;}
.ui-table1 th, .ui-table1 td { padding:  3px 10px; font-size:14px; line-height: 21px;}
.ui-table1 .leftm {padding-left: 30px;}
.dec2 {padding: 20px 20px 20px 20px;}
.actb1 {margin-bottom: 50px;}
.icon1 img {float: left; width: 55px; margin-top: 0px;}
.ui-table th, .ui-table td { padding:  3px 5px; font-size:8px; line-height: 21px;}

}

.wordbg {background-color:#000; background-image: url("bg.png"); height: 75px;  width: 100%; background-position:left center; text-align: center;
  background-repeat: no-repeat;  margin-top: 20px; font-size:16px; line-height: 15px; color: #fff; padding: 15px 40px; font-weight: bold;
    background-size: cover;}
.wordbg b {font-size: 30px; color: #fff; line-height: 40px;}

.point {margin-top: 20px;}
.pointleft {width: 50%; float: left;}
.pointbg {background-image: url("bg1.png"); height: 81px; width: 420px; background-position:left center;  background-repeat: no-repeat; padding: 10px 70px;}
.pointicon {width: 60px; float: left;}
.pointword {padding-left: 70px; width: 100%; font-size:16px; line-height: 23px; font-weight: bold; padding-top: 20px;}
.pointword1 {padding-left: 70px; width: 100%; font-size:16px; line-height: 23px; font-weight: bold; padding-top: 10px;}

.newact {margin-top: 30px; display: inline-block;}
.smallicon {width: 25px; float: left; margin-top: -3px;}
.smallword {padding-left: 40px; font-size:20px; line-height: 23px; font-weight: bold; color: #0E7039; width: 100%;}

 @media screen and (max-width: 970px) {
.pointleft {width: 100%; float: none; margin-top: 10px;}
	 
}


 @media screen and (max-width: 860px) {
.wordbg {background-image: url("bg_m.png"); height: 115px;  width: 404px; background-position:left center;
  background-repeat: no-repeat;  margin-top: 20px; font-size:16px; line-height: 22px; color: #fff; padding: 10px 15px; font-weight: bold;}	 
.pointbg {background-image: url("bg1_m.png"); height: 81px; width: 404px; background-position:left center;  background-repeat: no-repeat; padding: 10px 60px;}
.wordbg b {font-size: 26px; color: #fff; line-height: 30px;}	 
}