div,form,img,ul,ol,li,dl,dt,dd,p,tr,td,body,strong,span,pre,input{margin:0; padding:0; border:0; background-repeat:no-repeat;} h1,h2,h3,h4,h5,h6,dl,dt,dd{ margin:0; padding:0; font-weight:normal;} body{font-size:12px;margin:0px;padding:0px;color:#1a1a1a;line-height:24px;height:auto;clear:both;-webkit-appearance:none;-webkit-font-smoothing:antialiased;} img{border:0px;} ul,li{ list-style:none;} em,i{ font-style:normal;} a{ text-decoration:none; color:#666; outline:none;} a:hover{ background-repeat:no-repeat; color:#935517; text-decoration:none;} a,area{blr:expression(this.onFocus=this.blur())} .clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;} .clearfix{*zoom:1;} *{webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} input,textarea{ outline:none;} html,body{height:100%;} .commonweb{padding:0px 10px;} .commonwebbox{ margin-left:0px; margin-right:0px; position:relative;} .commonleft{float:none;} .commonright{float:none;} .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left; padding-left:10px; padding-right:10px;} .col-xs-12 {width: 100%;} .col-xs-11 {width: 91.66666667%;} .col-xs-10 {width: 83.33333333%;} .col-xs-9 {width: 75%;} .col-xs-8 {width: 66.66666667%;} .col-xs-7 {width: 58.33333333%;} .col-xs-6 {width: 50%;} .col-xs-5 {width: 41.66666667%;} .col-xs-4 {width: 33.33333333%;} .col-xs-3 {width: 25%;} .col-xs-2 {width: 16.66666667%;} .col-xs-1 {width: 8.33333333%;} @media (min-width: 768px){.commonleft{float:left;} .commonright{float:right;} .commonwebbox{ margin-left:-10px; margin-right:-10px;} .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left; padding-left:10px; padding-right:10px;} .col-sm-12 {width: 100%;} .col-sm-11 {width: 91.66666667%;} .col-sm-10 {width: 83.33333333%;} .col-sm-9 {width: 75%;} .col-sm-8 {width: 66.66666667%;} .col-sm-7 {width: 58.33333333%;} .col-sm-6 {width: 50%;} .col-sm-5 {width: 41.66666667%;} .col-sm-4 {width: 33.33333333%;} .col-sm-3 { width: 25%;} .col-sm-2 {width: 16.66666667%;} .col-sm-1 {width: 8.33333333%;} } @media (min-width: 992px){.commonweb{padding:0px 10px;margin:0px auto; max-width:1500px;} .commonwebbox{ margin-left:-10px; margin-right:-10px;} .commonleft{float:left;} .commonright{float:right;} .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left; padding-left:10px; padding-right:10px;} .col-md-12 {width: 100%;} .col-md-11 {width: 91.66666667%;} .col-md-10 {width: 83.33333333%;} .col-md-9 {width: 75%;} .col-md-8 {width: 66.66666667%;} .col-md-7 {width: 58.33333333%;} .col-md-6 {width: 50%;} .col-md-5 {width: 41.66666667%;} .col-md-4 {width: 33.33333333%;} .col-md-3 {width: 25%;} .col-md-2 {width: 16.66666667%;} .col-md-1 {width: 8.33333333%;} } @media (min-width: 1200px){.commonleft{float:left;} .commonright{float:right;} .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left; padding-left:10px; padding-right:10px;} .col-lg-12 {width: 100%;} .col-lg-11 {width: 91.66666667%;} .col-lg-10 {width: 83.33333333%;} .col-lg-9 {width: 75%;} .col-lg-8 {width: 66.66666667%;} .col-lg-7 {width: 58.33333333%;} .col-lg-6 {width: 50%;} .col-lg-5 {width: 41.66666667%;} .col-lg-4 {width: 33.33333333%;} .col-lg-3 {width: 25%;} .col-lg-2 {width: 16.66666667%;} .col-lg-1 {width: 8.33333333%;} } .visible-lg,.visible-md,.visible-sm{display:none;} .hidden-lg,.hidden-md,.hidden-sm{display:inline-block;} @media (min-width: 767px){.visible-sm{display:inline-block;} .hidden-sm{display:none;} } @media (min-width: 991px) {.visible-md{display:inline-block;} .hidden-sm{display:none;} } @media (min-width: 1200px) {.visible-lg{ display:inline-block;} .hidden-lg{display:none;} } body img{max-width:100%;}
.textO { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.textO1 { text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; }
.textO2 { text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; }
.textO3 { text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; }
.textO4 { text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; }
.textC{text-align: center;}
.fl{float:left;}
.fr{float:right;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none !important; margin: 0; } 
input[type="number"]{-moz-appearance:textfield;}
input::-webkit-input-placeholder{color:#7a9a9e;}
input::-moz-placeholder{color:#7a9a9e;}
input:-moz-placeholder{color:#7a9a9e;}
input:-ms-input-placeholder{color:#7a9a9e;}
textarea::-webkit-input-placeholder{color:#7a9a9e;}
textarea::-moz-placeholder{color:#7a9a9e;}
textarea:-moz-placeholder{color:#7a9a9e;}
textarea:-ms-input-placeholder{color:#7a9a9e;}
select{-webkit-appearance: none;}
select:focus { outline: none; }
textarea{resize: none;}

.bline{border-bottom: 1px solid #fff;}


body,html{min-height:100%;}
body{min-height:100%;background: #fff;color:#53524e;}
@media (max-width: 1200px){
	.ydfl{float:left;}
	.ydfl{float:right;}
}
.page{min-height: 100%;background: url(../images/bg-01.jpg) repeat-y center top;background-size: 100% auto;position: relative;overflow: hidden;}
.bannerbox{position: relative;z-index: 2;margin-bottom: -10%;}
.bannerbox .banner{display: block;width: 100%;position: relative;z-index: 2;}
.bannerbox .bgicon{position: absolute;z-index: 1;top: 56%;left: 0;width: 16%;}
.footbox{position: absolute;z-index: 2;left: 0;right: 0;bottom: 0;}
.footbox img{display: block;width: 100%;}
.mainer{position: relative;z-index: 1;padding:0 3.75%}
.mainbg{position: absolute;z-index: 1;top: -20rem;bottom: 0;left: 3.75%;right: 3.75%;background: #fff;}
.titlebox{width: 30%;margin: 0 auto;position: relative;z-index: 5;}
.titlebox img{display: block;width: 100%;}
.pagecutbox{position: absolute;z-index: 3;top: 3rem;right: 3.5%;width: 5rem;}
.pagecutbox img{display: block;width: 100%;}
.pagecutbox .img1{display: block;}
.pagecutbox .img2{display: none;}
.pagecutbox:hover .img2{display: block;}
.pagecutbox:hover .img1{display: none;}
.listshowbox{padding: 1rem 0 5rem;width: 88%;margin: 0 auto;position: relative;z-index: 5;margin-top: 1.5rem;}
.listshowbox .cutbtnbox{background: url(../images/btnicon2.png) no-repeat center;background-size: 98% auto;height: 4.5rem;}
.listshowbox .cutbtnbox1{background-image: url(../images/btnicon2.png);}
.listshowbox .cutbtnbox2{background-image: url(../images/btnicon3.png);}
.listshowbox .cutbtnbox3{background-image: url(../images/btnicon4.png);}
.listshowbox .cutbtnbox a{float: left;width: 33.33%;height: 100%;}
.cutlistbox ul li{padding-bottom: 15px;margin-bottom: 15px;position: relative;}
.cutlistbox ul li::after{content: "";display: block;height: 1px;position: absolute;left: 0;right: 0;bottom: 0;border-bottom: 1px dashed #d8e9bb;}
.cutlistbox ul li a{display: block;background: #fff;box-shadow: 0 0 3px 3px rgba(0,0,0,.05);border-radius: 5px;}
.cutlistbox ul li .imgbox img{display: block;width: 100%;}
.cutlistbox ul li .textbox{position: relative;padding-top: 8px;}
.cutlistbox ul li .text{padding-left:15px;width: 60%;font-size: 13px;line-height: 22px;height: 44px;overflow: hidden;}
.cutlistbox ul li .name{margin-top: 8px;padding-left: 15px;border-top: 1px solid #dbe0d3;font-size: 13px;line-height: 30px;height: 30px;overflow: hidden;}
.cutlistbox ul li .icon{position: absolute;right: 8px;top: 8px;height: 20px;line-height: 20px;font-size: 11px;color: #afdc61;padding:0 5px;border: 1px solid #afdc61;border-radius: 3px;}
.cutlistbox ul li a:hover .icon{background: #afdc61;box-shadow: inset -2px -2px 2px 2px rgba(134,175,60,.5);color: #fff;}
.cutlistbox1 ul li .icon{color: #afdc61;border-color: #afdc61;}
.cutlistbox2 ul li .icon{color: #f8b04a;border-color: #f8b04a;}
.cutlistbox3 ul li .icon{color: #68d5a6;border-color: #68d5a6;}
.cutlistbox1 ul li a:hover .icon{background: #afdc61;box-shadow: inset -2px -2px 2px 2px rgba(134,175,60,.5);}
.cutlistbox2 ul li a:hover .icon{background: #f8b04a;box-shadow: inset -2px -2px 2px 2px rgba(208,138,42,.5);}
.cutlistbox3 ul li a:hover .icon{background: #68d5a6;box-shadow: inset -2px -2px 2px 2px rgba(25,184,115,.5);}

.returntopbox{position: fixed;z-index: 9;right: 2.5%;bottom: 10%;width: 30px;height: 50px;background: url(../images/top1.png) no-repeat;background-size: 100% 100%;display: none;}
.returntopbox a{display: block;width: 100%;height: 100%;}
.returntopbox a:hover{background: url(../images/top2.png) no-repeat;background-size: 100% 100%;}

.mainer2{margin-left: 36px;margin-right: 36px;background: #fcfcfc;padding-left: 0;padding-right: 0;padding-bottom: 3rem;}
.mainer2 .pagecutbox{right: 0;}
.mainer2 .footbox{margin-left: -36px;margin-right: -36px;}
.stylepagebox1{min-height: 200px;position: relative;z-index: 2;margin-left: -18px;margin-right: -18px;}
.stylepagebox1 .mainbg{background: url(../images/bg-03.jpg) repeat-y center;background-size: 100% auto;left: 0;right: 0;bottom: 1.8rem;}
.stylepagebox1 .textbox{position: relative;z-index: 2;padding-top: 50px;}
.stylepagebox1 .textbox img{display: block;width: 92%;margin: 0 auto;}
.stylepagebox1 .textbox .signupbtn{display: block;width: 40%;margin: 1rem auto 0;}
.stylepagebox2{position: relative;z-index: 1;margin-top: -1.8rem;margin-left: -18px;margin-right: -18px;padding-bottom: 60px;}
.stylepagebox2 .titlebox2{position: relative;z-index: 2;}
.stylepagebox2 .titlebox2 img{display: block;width: 100%;}
.stylepagebox2 .bgicon{position: absolute;top: 1.2rem;right: -18px;width: 29%;display: block;}
.stylepagebox2 .textbox{margin-top: 10px;margin-left: -50px;margin-right: -50px;}
.stylepagebox2 .textbox img{display: block;width: 100%;}
.stylepagebox3{position: relative;z-index: 3;background: url(../images/bg-04.jpg) repeat;margin-left: -12px;margin-right: -12px;border-radius: 5px;padding: 30px 10px;box-shadow: 0 1px 3px 3px rgba(115,183,0,0.2);}
.stylepagebox3 .titlebox3{position: absolute;left: -8px;top: -15px;width: 32%;}
.stylepagebox3 .textbox{position: relative;z-index: 2;}
.stylepagebox3 .boxL{padding-top: 20px;font-size: 13px;line-height: 20px;color: #fff;text-shadow: 1px 1px 1px #77bd28;}
.stylepagebox3 .boxL .p1{font-size: 15px;line-height: 24px;}
.stylepagebox3 .boxR{border-top: 1px solid #fff;margin-top: 15px;padding-top: 15px;position: relative;z-index: 2;}
.stylepagebox3 .bg05{position: absolute;left: -24px;bottom: -3rem;width: 25.2%;}
.stylepagebox3 .bg05 img{display: block;width: 100%;}
.stylepagebox3 .bg06{position: absolute;right: -24px;bottom: -3rem;width: 11.5%;z-index: 1;}
.stylepagebox3 .bg06 img{display: block;width: 100%;}
.txtcutbtnbox{padding-bottom: 50px;}
.txtcutbtnbox a{float: left;width: 30%;text-align: center;margin-right: 3.33%;background: #fff;border-radius: 3px;font-size: 14px;color: #acdb65;padding: 2px;position: relative;height: 28px;box-shadow: 0 0 5px 5px rgba(119,189,40,.2);}
.txtcutbtnbox a span{display: block;height: 24px;line-height: 24px;border: 1px solid #fff;}
.txtcutbtnbox a .icon{display: none;width: 16px;position: absolute;left: 50%;top: 100%;margin: -5px 0 0 -8px;}
.txtcutbtnbox a.cur span{border-color: #acdb65;}
.txtcutbtnbox a.cur .icon{display: block;}
.textcutbox{font-size: 13px;line-height: 22px;color: #fff;text-shadow: 1px 1px 1px #77bd28;}
@media screen and (min-width:1280px) {
	.bannerbox{margin-bottom: -5%;}
	.titlebox{width: 320px;}
	.pagecutbox{top: 110px;right: 7.5%;width: 218px;}
	.listshowbox{padding-bottom: 410px;margin-top: 50px;}
	.listshowbox .cutbtnbox{height: 240px;}
	.cutlistbox ul li{float: left;width: 50%;padding-bottom: 54px;margin-bottom: 55px;}
	.cutlistbox ul li:nth-child(2n-1){padding-right: 55px;}
	.cutlistbox ul li:nth-child(2n-1)::after{right: 55px;}
	.cutlistbox ul li:nth-child(2n){padding-left: 54px;}
	.cutlistbox ul li:nth-child(2n)::after{left: 55px;}
	.cutlistbox ul li:nth-child(2n)::before{content: "";display: block;width: 1px;position: absolute;left: 0;top: 0;bottom: 54px;border-left: 1px dashed #d8e9bb;}
	.cutlistbox ul li:nth-child(2n+1)::before{content: "";display: block;width: 6px;height: 6px;background: #afdc61;border-radius: 6px;position: absolute;right: -3px;bottom: -3px;}
	.cutlistbox ul li .textbox{padding-top: 14px;}
	.cutlistbox ul li .text{font-size: 18px;line-height: 32px;height: 64px;padding-left: 24px;padding-right: 170px;width: auto; }
	.cutlistbox ul li .name{margin-top: 14px;padding-left: 24px;line-height: 52px;height: 52px;font-size: 20px;border-top-width: 2px;}
	.cutlistbox ul li .icon{top: 20px;right: 20px;height: 28px;line-height: 26px;padding:0 10px;font-size: 18px;border-radius: 5px;}

	.returntopbox{width: 90px;height: 150px;}
	.mainer{padding:0 10.75%;}
	.mainbg{left: 10.75%;right: 10.75%;}
	.mainer2{margin-left: 72px;margin-right: 72px;padding-bottom: 172px;padding-left: 0;padding-right: 0;}
	.mainer2 .pagecutbox{right: 4%;}
	.stylepagebox1{margin-left: -36px;margin-right: -36px;}
	.stylepagebox1 .mainbg{margin-top: -500px;bottom: 180px;}
	.stylepagebox1 .textbox img{width: 64%;max-width: 1151px;}
	.stylepagebox1 .textbox .signupbtn{width: 463px;margin-top: 25px;}
	.stylepagebox2{margin-left: -36px;margin-right: -36px;margin-top: -260px;padding-bottom: 180px;}
	.stylepagebox2 .textbox{margin: 0;margin-top: 26px;}
	.stylepagebox2 .textbox img{width: 80%;max-width: 1384px;margin: 0 auto;}
	.stylepagebox2 .bgicon{right: -36px;}
	.mainer2 .footbox{margin-left: -72px;margin-right: -72px;}
	.stylepagebox3{margin-left: -22px;margin-right: -22px;padding: 58px 0 30px}
	.stylepagebox3 .titlebox3{left: -28px;top: -104px;}
	.stylepagebox3 .boxL{float: left;width: 41%;padding-left: 100px;padding-top: 180px;font-size: 20px;line-height: 40px;}
	.stylepagebox3 .boxL .p1{font-size: 24px;line-height: 48px;}
	.stylepagebox3 .boxR{float: right;width: 57.8%;border: none;border-left: 4px solid #fff;padding: 34px 30px 34px 100px;margin-top: 0;}
	.stylepagebox3 .bg05{bottom: -172px;left: -50px;}
	.stylepagebox3 .bg06{bottom: -172px;right: -50px;}
	.txtcutbtnbox{padding-bottom: 82px;}
	.txtcutbtnbox a{width: 26%;margin-right: 7.33%;height: 74px;padding: 4px 3px;}
	.txtcutbtnbox a span{height: 66px;border-width: 2px;line-height: 62px;font-size: 22px;font-weight: bold;}
	.txtcutbtnbox a .icon{width: 32px;margin-top: -10px;}
	.textcutbox{font-size: 22px;line-height: 32px;max-width: 820px;min-height: 270px;}
	.textcutbox p{margin-bottom: 12px;}
}
@media screen and (min-width:1660px) {
	.listshowbox .cutbtnbox{height: 300px;margin-top: 60px;}
}