@charset "utf-8";

/*-- Public CSS --*/
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,form,input,th,td,p,pre{margin:0;padding:0; border:0; -webkit-text-size-adjust:100%;}

table{border-collapse:collapse;}

img,video{border:none; vertical-align:top;}

ul, ol, li{list-style:none}

a{text-decoration:none;-webkit-tap-highlight-color:transparent; color:#333;}

h1, h2, h3, h4, h5, h6, b, i, em , strong {font-size:100%;font-weight:normal;font-style:normal;}

textarea{ resize:none; overflow:auto;}

input,textarea,select,lable{ outline:none; border:none;}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none; border-radius: 0;}

textarea { -webkit-appearance: none;} 

.fl{float:left;}

.fr{float:right;}

.clear{zoom:1;}

.clear:after{content:"";display:block;clear:both;visibility:hidden;}


html {font-size :625%;}

/**************************************/


/*-- Layout css --*/
body{ font-size:.26rem; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;  color:#4e4d4d;background:#fdfcf9; -webkit-user-select: none; -webkit-text-size-adjust: none; }
.main{ margin:0 auto; min-width:320px; max-width:640px; overflow:hidden; font-size:.24rem;}
.h2title{ display:block; height:.57rem; overflow:hidden;}
.p2title{ background:url(../images_yuyue/p2title.gif) no-repeat center;background-size:100%; }
.p3title{ background:url(../images_yuyue/p3title.gif) no-repeat center;background-size:100%;}
.p4title{ background:url(../images_yuyue/p4title.gif) no-repeat center;background-size:100%;}
.p5title{ background:url(../images_yuyue/p5title.gif) no-repeat center;background-size:100%;}
.p6title{ background:url(../images_yuyue/p6title.gif) no-repeat center;background-size:100%;}



.head-top{ position:fixed; top:0; left:0; z-index:999; padding:0 .3rem .08rem; overflow:hidden; width:100%; box-sizing:border-box; box-shadow:0 6px 6px #404040; background:#ffffec;}
.head-top .logo{ width:1.86rem; height:.67rem; background:url(../images_yuyue/logo.png) no-repeat;background-size:contain; margin-top:.1rem;}
.head-top .yy-btn{ width:2.69rem; height:.71rem; background:url(../images_yuyue/yybtn.gif) no-repeat; background-size:contain;}

.banner{ display:block; margin-top:.8rem;}
.banner img{ width:100%; display:block;}

.page1{ overflow:hidden; padding:0 .1rem .2rem;}
.page1 .c1{ position:relative;}
.page1 .c1 .text{ margin-top:.37rem; padding:.3rem .2rem .2rem; border:1px solid #fc7803; border-radius:6px; line-height:.34rem; color:#fc7803; text-indent:2em; font-size:15px;}
.page1 .c1 .ico{ position:absolute; left:0; top:-.37rem; display:block; width:2.62rem; height:.74rem; background:url(../images_yuyue/p1-title.png); background-size:contain;}
.page1 .c2{ position:relative; margin-top:.2rem; background:#efefef;}
.page1 .c2 .text{ border-radius:6px;border:1px solid #959595;  padding:.1rem .1rem .1rem .5rem; line-height:.4rem;font-size:16px;}
.page1 .c2 .ico{ position:absolute; left:0; top:-.2rem;display:block; width:.49rem; height:.59rem; background:url(../images_yuyue/p1-ico.png); background-size:contain;}

.page2{ overflow:hidden;}
.page2 .list{ padding:0 .06rem .2rem; overflow:hidden;}
.page2 li{ float:left; width:50%; padding:.22rem .06rem 0; box-sizing:border-box; text-align:center;}
.page2 li img{ width:100%; display:block;}
.page2 li .title{ display:block; color:#ec3944; line-height:.6rem; background:url(../images_yuyue/line.gif) no-repeat center bottom; background-size:1.2rem; font-weight:bold;font-size:22px;}
.page2 li .info{ padding-top:.05rem; line-height:.38rem; font-size:16px;}

.page3{ overflow:hidden;}

.page3{ }
.page3 .info{ font-size:16px; line-height:.4rem; text-align:center; padding:.2rem .3rem;}
.page3 .grid{ height:.6rem; line-height:.6rem; padding-top:.16rem; width:70%; margin:0 auto; overflow:hidden;}
.page3 .sm-text{ text-align:center; color:#f5780b; font-size:16px; padding-top:.2rem;}
.page3 .grid .title{float:left; padding-right:.2rem; font-size:18px;}
.page3 .grid .yy-inp-text{ width:2.7rem;  height:.5rem; line-height:.5rem; padding:0 .2rem; border:1px solid #ccc;color:#4e4d4d; box-sizing:border-box;}
.page3 .grid select{ width:2.7rem; height:.5rem; padding:0 .4rem 0 .2rem;border: 1px solid #CCC; background:#fff url(../images_yuyue/sel-ico.png) no-repeat right center; background-size:.3rem;color:#4e4d4d; box-sizing:border-box;-webkit-appearance:none;appearance:none;}
.page3 .grid .input-text{ background:none; border:none; float:left; width:2.2rem; height:.55rem; line-height:.55rem; text-indent:.2rem; border:1px solid #ccc;}
.page3 label{ margin:0 0 0 0; font-size:16px; padding:.04rem .2rem;}
.page3 .radio-box{ overflow:hidden;}
.page3 .yy-radio{ margin:0 2px; -webkit-appearance:none;appearance:none; width:11px; height:11px; border-radius:50%; outline: 0 !important;border: 0; font-size: 1em !important; border:1px solid #f88e31; background:none;}
.page3 label.active{ background:#f88e31; border-radius:5px; color:#fff;}
.page3 label.active .yy-radio{border:1px solid #fff;}
.page3 .btn-box{ overflow:hidden; margin-top:.3rem;}
.page3 .btn-box .btn{ display:block; height:.55rem; line-height:.55rem; color:#fff; color:#fcfdfa; font-size:.3rem; width:65%; margin:0 auto; background:#ec3944; border-radius:6px}


.page4{ overflow:hidden; margin-top:.2rem;}
.page4 .grid{ overflow:hidden; background:#f5f5f5; margin:.1rem .1rem 0; padding:.2rem 0 .2rem .1rem;}
.page4 .title{overflow:hidden;}
.page4 .ico{ float:left; width:.9rem;  background:#f57200;font-size:23px; padding:.1rem; font-weight:bold; box-sizing:border-box; color:#fff; text-align:center; border-radius:5px;}
.page4 .title .text{float:left;width:81%;  padding-left:.2rem;box-sizing:border-box; font-size:16px; color:#07913a; line-height:.32rem; font-weight:bold;}
.page4 .content{  margin-top:.2rem; overflow:hidden;}
.page4 .content .left{ float:left; width:15%; overflow:hidden;}
.page4 .content .ico{ background:#07913a;}
.page4 .content .pel{ display:block; width:1rem; height:1.2rem; margin-top:.22rem; background:url(../images_yuyue/p4ico.png) no-repeat .1rem center; background-size:.6rem; overflow:hidden;}
.page4 .content .text{ float:left; width:81%; background:#fff; font-size:16px; padding:.1rem; line-height:.34rem;box-sizing:border-box; margin-left:.1rem;}


.page5{ margin:.1rem; padding:.2rem; background:url(../images_yuyue/p5bg.png) repeat-y; background-size:100%; overflow:hidden;}
.page5 .p5-title{ color:#fff;  height:.6rem; background:url(../images_yuyue/p5ico.png) no-repeat; background-size:.5rem; padding-left:.8rem; overflow:hidden;font-size:18px;}
.page5 .tw-textarea{ margin-top:.1rem; width:100%; height:1.2rem; background:#fff; padding:.1rem; box-sizing:border-box; border-radius:5px;}
.page5 .grid{ margin-top:.2rem; line-height:.55rem;}
.page5 .grid .title{float:left; padding-right:.2rem;  color:#fff; padding-left:.8rem;font-size:18px;}
.page5 .grid .tw-inp-text{ width:2.4rem;  height:.55rem; line-height:.5rem; padding:0 .2rem; border:1px solid #ccc;color:#4e4d4d; box-sizing:border-box;}
.page5 .btn-box{}
.page5 .btn-box .btn{ display:block; width:100%; height:.5rem; line-height:.5rem; background:#fefb02; color:#07913a; text-align:center; font-size:.26rem; border-radius:7px; margin-top:.2rem;}


.page6{ overflow:hidden; padding:0 .1rem 0;}
.page6 .grid{ width:46%; background:#f5f5f5; float:left; padding:.1rem; margin:.2rem .1rem 0;box-sizing:border-box; text-align:center;}
.page6 .grid img{ width:80%;}
.page6 .grid p{line-height:.36rem;  margin-top:.1rem; padding:.1rem; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient:vertical; overflow:hidden; font-size:16px; background:#fff;}

.orange-btn{ display:block; width:96%; height:.67rem; line-height:.67rem; margin:.2rem auto 0; background:#f88e31; color:#fff; text-align:center; font-size:.26rem; border-radius:4px;}


.footer{ width:100%; background:#07913a; box-sizing:border-box; padding:.32rem 7% 120px;}
.footer .img1{ float:left; width:38%; height:.67rem; overflow:hidden; background:url(../images_yuyue/fot-logo.gif) no-repeat center; background-size:contain;}
.footer .img2{ float:right; width:36%;height:.77rem; background:url(../images_yuyue/fot2.gif) no-repeat center; background-size:contain;}
.footer .bq{width:100%; text-align:center; font-size:14px; color:#fff; padding:20px 0 10px;}


.fotnav{ overflow:hidden;padding:10px 0;background:#096029; margin:20px auto 0; text-align:center; }
.fotnav .grid{ float:left;width:25%; box-sizing:border-box; font-size:15px; border-right:1px solid #f1efee; color:#fff;}
.fotnav .grid:nth-child(4){ border:none;}






/*html字体大小设置，用最小字体大小除以设置稿的宽度*/	
@media only screen and (max-width:414px){
	html {font-size: 50px !important;}
	.page1 .c1 .text{ font-size:12px;}
	.page1 .c2 .text{ font-size:13px;}
	.page2 li .title{ font-size:17px;}
	.page2 li .info{ font-size:13px;}
	.page3 .info{ font-size:13px;}
	.page3 .grid .title{ font-size:15px;}
	.page3 .sm-text{ font-size:13px;}
	.page3 label{ font-size:14px;}
	.page4 .ico{ font-size:16px;}
	.page4 .title .text{font-size:13px;}
	.page4 .content .text{ font-size:13px; line-height:.38rem;}
	.page5 .p5-title{font-size:16px;}
	.page5 .grid .title{ font-size:15px;}
	.page6 .grid p{ font-size:13px}
}	

@media only screen and (min-width: 415px) and (max-width:560px){
	html {font-size: 65px !important;}
	.page1 .c1 .text{ font-size:13px;}
	.page1 .c2 .text{ font-size:14px;}
	.page2 li .title{ font-size:20px;}
	.page2 li .info{ font-size:14px;}
	.page3 .info{ font-size:14px;}
	.page3 .grid .title{ font-size:17px;}
	.page3 .sm-text{ font-size:14px;}
	.page3 label{ font-size:15px;}
	.page4 .ico{ font-size:17px;}
	.page4 .title .text{font-size:14px;}
	.page4 .content .text{ font-size:14px;}
	.page5 .p5-title{font-size:17px;}
	.page5 .grid .title{ font-size:17px;}
	.page6 .grid p{ font-size:14px}
	.footer{ padding-bottom:130px;}
}

@media only screen and (min-width: 561px) and (max-width:639px){
	html {font-size: 88px !important;}
	.footer{ padding-bottom:130px;}
}

@media only screen and (min-width: 640px){
	html {font-size:100px !important;}
	.footer{ padding-bottom:140;}
}