@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; text-decoration:none; list-style:none}
img{ border:0; display:block;}
table{border-collapse:collapse;border-spacing:0;}
body{ width:100%; max-width:640px; min-width:320px; margin:auto; font-family:"微软雅黑"; color:#353535; background:#e5e5e5; }
a{ text-decoration:none; list-style:none; font-family:"微软雅黑"; color:#353535}
.bodys{background:#fff; background-repeat:no-repeat;}
.clearfox{ clear:both;}
header{ width:100%;}
.gb-btn{cursor: pointer;}
.top{ width:96%; height:37px; margin:auto; font-size:16px;}
.top img{ width:22px; display:inline-block; vertical-align:middle; margin-right:3px;}
.top_left{ float:left;}
.top_right{ float:right;}
.top a{ line-height:37px;}
@media screen and (max-width:560px) and (min-width:460px){
	.top{ font-size:16px;}
	.top img{ width:20px;}
}
@media screen and (max-width:460px) and (min-width:400px){
	.top{ font-size:15px;}
    .top img{ width:18px;}
}
@media screen and (max-width:400px) and (min-width:370px){
	.top{ font-size:14px;}
    .top img{ width:16px;}
}
@media screen and (max-width:370px) and (min-width:320px){
	.top{ font-size:12px;}
    .top img{ width:16px;}	
}
@media screen and (max-width:320px) and (min-width:300px){
	.top{ font-size:10px;}
    .top img{ width:13px;}	
}

.top_z{ width:100%; background:#145fc2; border-top:1px solid #266bc3; border-bottom:1px solid #266bc3; padding:6px 0;}
.top_z img{ display:inline-block; vertical-align:middle;}
.top_logo{ width:34%; margin-left:2%; margin-right:4%;}
.top_adsad{ width:26%; margin-right:5%;}
.top_search{ width:6%; margin-right:2%;}
.top_dh{ width:8%; margin-left:2%;}
.top_sx{ width:0.3%;}




/*------------导航-----开始----------*/
.hide_dh{ width:100%; max-width:576px; margin-left:10%; display:none; }
.hide_dh div{ margin-left:506px; border:7px solid #333333; border-color: transparent transparent #333333 transparent; position: absolute; top:106px;}
.all_dh{
	width: 90%;
	max-width: 576px;
	background: #333;
	position: absolute;
	opacity: 0.8;
	z-index: 99;
	margin-top: 14px;
	top: 106px;
}
.all_dh li{ width:32.9%; float:left; border-right:1px solid #ccc; text-align:center;}
.all_dh a{ color:#fff; line-height:30px; font-size:12px; display:inline-block; width:100%;}

	
.search{ width:320px; margin:auto; line-height:40px; background:#ccd2e1; position:fixed; display:none;}
.search input{ width:260px; background:url(../img/input.jpg) no-repeat; background-size:100%; border:none; line-height:40px; margin-right:10px;}
.search p sapn input{ display:inline-block; background:#2f4a83; color:#fff; font-size:12px; border:none;}
@media screen and (max-width:620px) and (min-width:480px){
	.hide_dh div{ margin-left:80%; top:90px;}
	.all_dh{ top:90px;}
}
@media screen and (max-width:480px) and (min-width:420px){
	.hide_dh div{ margin-left:80%; top:80px;}
	.all_dh{ top:80px;}
}
@media screen and (max-width:420px) and (min-width:360px){
	.hide_dh div{ margin-left:80%; top:80px;}
	.all_dh{ top:80px;}
}
@media screen and (max-width:360px) and (min-width:300px){
	.hide_dh div{ margin-left:80%; top:80px;}
	.all_dh{ top:80px;}
}
/*bnnaer*/
.banner{ width:100%; margin-top:2px;}
.banner img{ width:100%;}

/*活动介绍*/
.g_01{ width:100%;}
.g_01_s{ text-align:center; line-height:2.0; font-size:14px; color:#2b2b2b; padding:5px 0;}
.g_01_s b{ font-size:20px; color:#004bb1; padding-right:2%;}
.g_01_s i{ font-style:normal; color:#ff7200}

.g_01_x{ width:96%; background:#fff1e9; box-sizing:border-box; border:1px #ffe4d4 solid; margin:0 auto; padding:0 3%;}
.g_01_x p{ font-size:14px; line-height:1.5; padding-top:15px; color:#484848}
.g_01_x p i{ font-style:normal; color:#004bb1; display:block; float:left;}
.g_01_x a{ width:80%; margin:0 auto; display:block; height:32px; background:#ff7200 url(../img/g_01.jpg) no-repeat 5px center ; font-size:16px; color:#FFFFFF; line-height:32px; text-align:center; text-indent:34px; margin-top:15px; margin-bottom:15px;}

/*征集对象*/
.g_02{ width:100%;}
.g_02_s{ text-align:center; line-height:1.8; font-size:14px; color:#2b2b2b; padding:10px 0 8px;}
.g_02_s b{ font-size:20px; color:#004bb1; display:block;}
.g_02_s i{ font-style:normal; color:#ff7200}
.g_02 div{ width:96%;margin:0 auto; }
.g_02 div img{ width:100%;}

/*报名1*/
.g_03{ width:96%;margin:0 auto;}
.g_03 .g_03_s{ height:40px; width:100%;box-sizing:border-box; font-weight:bold; font-size:18px; text-align:center; line-height:40px; color:#004bb1; border:1px #004bb1 dashed; margin: 20px 0 10px}
.g_03 .g_03_s i{ font-style:normal; color:#ff7200}
.g_03 .tables{ width:90%; padding:0;}
.g_03 .tables p span{ width:29%; display:block; float:left;}
.g_03 .tables input{ width:70%;background:none; border:1px #b3b3b3 solid; color:#b3b3b3; text-indent:5px;}
.g_03 .final_button ul li:first-child{ margin:0 !important;width:25%; font-size:16px; font-weight:normal; background:#ff5500; box-shadow:none; display:block; }
.g_03 .final_button ul li:last-of-type{ width:75%;box-shadow:none;background:none; color:#000000; font-size:13px;font-weight:normal;}
.g_03 .final_button ul a{ color:#000000;}

/*试戴日的流程1*/
.g_04{ width:96%;margin:0 auto;}
.g_04 .g_04_s{ height:40px; width:100%;box-sizing:border-box; font-weight:bold; font-size:20px; text-align:center; line-height:40px; color:#004bb1;margin: 20px 0 10px}
.g_04 li{ width:100%; margin-top:10px;}
.g_04 li img{ width:50%; float:left;}
.g_04 li .g_04_x{ width:49%;float:left; padding-left:1%;}
.g_04 li .g_04_x i{ font-style:normal; color:#ff7300; font-size:18px; line-height:1.4;}
.g_04 li .g_04_x p{ color:#000000; line-height:1.5;}

.g_05{ width:96%;margin:0 auto;}
.g_05 .g_04_s{ width:100%;box-sizing:border-box; font-weight:bold; font-size:20px; text-align:center; line-height:1.6; color:#004bb1;margin: 20px 0 10px}
.bf_y1{ background:#ffe2cb; font-size:14px; text-align: left; padding:10px 1.5%; color:#ff7200}
.bf_y2{ background:#d1e4ff;font-size:14px; text-align: left; padding:10px 1.5%; color:#000}
/*他们都在做*/
.g_06{ width:96%;margin:0 auto;}
.g_06 .g_06_s{ width:100%;box-sizing:border-box; font-weight:bold; font-size:20px; text-align:center; line-height:1.6; color:#004bb1;margin: 20px 0 10px}
.g_06 .g_06_s i{ font-style:normal; color:#ff7200}
   .swiper-container {
        width: 100%;
        height: 100%;
        
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
	 .swiper-slide img{ width:100%}


.g_06 li{ width:100%; padding:1%; border:1px #efefef solid; box-sizing:border-box; margin-top:10px; overflow:hidden;}
.g_06 li img{ width:38%;  float:left; padding-right:2%}
.g_06 li .g_06_x{ padding:0 2% 0 0;}	
.g_06 li .g_06_x span{ font-size:14px; font-weight:bold; line-height:2; display:block;white-space:nowrap; }
.g_06 li .g_06_x p{ font-size:12px; line-height:1.6;}

.g_07{ width:100%;margin:0 auto 10px;}
.g_07 .g_07_s{ width:100%;box-sizing:border-box; font-weight:bold; font-size:20px; text-align:center; line-height:1.6; color:#004bb1;margin: 20px 0 10px}
.g_07 .g_07_s i{ font-style:normal; color:#363636; display:block; font-size:16px;}
.g_07 img{ width:100%;}
.g_07_c{ width:96%; margin:0 auto 10px;}
.g_07_x{ width:100%;margin:0 auto;}
@media screen and (max-width: 340px){
	.g_02_s b{ font-size:18px;}
	.g_01_s{ text-align:center; line-height:2.0; font-size:12px; color:#2b2b2b;}
	.g_01_s b{ font-size:18px; color:#004bb1; padding-right:2%;}
}

@media screen and (max-width:640px) and (min-width:340px){
.g_04 li .g_04_x i{ font-style:normal; color:#ff7300; font-size:20px; line-height:1.8;}
.g_04 li .g_04_x p{ color:#000000; line-height:1.6;}
}



/*报名*/
.baoming{ width:95%; margin:auto; margin-top:10px; background:#efefef; box-shadow:5px 5px 5px #ccc; margin-bottom:10px; padding-bottom:8px;}
.footer_title{ width:68%; margin:auto; background:#ff8c04; font-size:22px; font-weight:600; color:#fff; line-height:40px; text-align:center; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.tables{ width:60%; margin:auto; margin-bottom:20px; padding-top:10px;}
.tables p{ line-height:50px;}
.tables p span{ font-size:20px; font-weight:bold;}
.tables input{ width:80%; background:url(../img/input.jpg) no-repeat; background-size:100% 100%; height:30px; border:none;}
.final_button{ width:100%; margin:auto; margin-top:30px;}
.final_button ul li{ width:32%; float:right; font-size:18px; color:#fff; font-weight:bold; background:#ff8c04; text-align:center; line-height:40px; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; box-shadow:3px 3px 3px #999; -webkit-box-shadow:3px 3px 3px #999; -moz-box-shadow:3px 3px 3px #999;}
.final_button ul li:first-child{ margin-left:10%; margin-right:16%;}
.final_button ul a{ color:#fff; display:inline-block; width:100%;}

.free{ width:60%; margin:auto; background:#244a96; font-size:20px; text-align:center; line-height:40px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.free a{ color:#fff;}
.free img{ vertical-align:middle; margin-right:5px;}

@media screen and (max-width:538px) and (min-width:419px){
	.footer_title{ font-size:16px; line-height:35px;}
	.tables{ width:70%; margin-bottom:15px;}
	.tables p{ line-height:35px;}
	.tables p span{ font-size:16px;}
	.tables input{ width:70%; height:25px;}
	.final_button{ margin-top:10px;}
	.final_button ul li{ font-size:16px; line-height:30px;}
	.free{ width:70%; font-size:16px; line-height:30px;}
}
@media screen and (max-width:419px) and (min-width:300px){
	.footer_title{ font-size:14px; line-height:35px;}
	.tables{ width:70%; margin-bottom:15px;}
	.tables p{ line-height:35px;}
	.tables p span{ font-size:14px;}
	.tables input{ width:70%; height:25px; font-size:12px;}
	.final_button{ margin-top:10px;}
	.final_button ul li{ font-size:14px; line-height:30px;}
	.free{ width:70%; font-size:14px; line-height:30px;}
}


/*------------footer-----开始----------*/
.footer{width:100%; height:auto; margin-bottom:70px; padding-bottom:10px; font-size:13px; color:#2b2b2b; text-align:center;}
.footer a{color:#2b2b2b !important; display:inline-block;}
.footer a span{width:10px; height:100%; display:inline-block;}
.footer_chara{overflow:hidden; padding-left:4%; margin-bottom:10px;}
.footer_chara li{width:33%; box-sizing:border-box;/* padding-left:5%;*/ height:auto; float:left; text-align:left; overflow:hidden;}
.footer_chara li img{ display:inline-block; vertical-align:middle; width:21%; height:auto; float:left; margin-right:2%;}
.footer p{ line-height:20px;}
@media screen and (max-width:540px) and (min-width:320px){
	.footer_chara{padding-left:0;}
	.footer_chara li{text-align:center;}
	.footer_chara li img{width:48px; height:48px; float:none; display:block; margin:0 auto;}
}

.float_footerNav{position:fixed;left:0;bottom:0;width:100%;height:70px;background:url(../img/public_shadow_bg.png)  0  -209px repeat-x;}
.float_footerNav a{float:left;width:20%;height:18px;padding-top:31px;margin-top:21px;text-align:center;color:#00A05C;}
.float_footerNav .a_1{background:url(../img/float_1.png) no-repeat center 9px;}
.float_footerNav .a_2{background:url(../img/float_2.png) no-repeat center 7px;}
.float_footerNav .a_3{height:18px;padding-top:52px;margin-top:0px;background:url(../img/di3.gif) no-repeat center top;}
.float_footerNav .a_4{background:url(../img/float_4.png) no-repeat center 7px;}
.float_footerNav .a_5{background:url(../img/float_5.png) no-repeat center 6px;}