@charset "utf-8";
*{ margin: 0; padding: 0; list-style: none; outline: none; font-family: "microsoft yahei";}
body{ background: #E0EDFE;}
a{ text-decoration: none; cursor: pointer;}
img{ border: none; max-width: 100%;}
.clr{clear: both;}

.headers{padding: 0 10px; background: #0D2275; height: 90px; position: relative; top: 0px;}
.logo{ height: 100%; float: left;}
.navs{ height: 100%; float: right;}

.drop_nav{ width: 199px; padding: 5px 0 10px; position: absolute; top: 90px; right: 0px; background: url(../images/bg_03.png) repeat-y center; z-index: 99; display: none;}
.drop_nav_center ul li{ background: url(../images/nav_07.png) no-repeat center bottom;}
.drop_nav_center ul li:last-child{ background: none;}
.drop_nav_center ul li a{ display: block; padding-left: 70px; height: 44px; line-height: 40px; font-size: 1rem; color: #F5F5F5; background: url(../images/nav_11.png) no-repeat 35px 11px; }
.drop_nav_center ul li a.yes{ background: url(../images/nav_03.png) no-repeat 35px 11px;}

.backs{ float: left; height: 100%;}
.backs a{ display: block;}

.nine_g{ padding: 10px; margin-bottom: 30px;}
.nine_g_center ul li{ width: 23%; float: left; margin: 1%; text-align: center;}
.nine_g_center ul li a img{ display: block; margin: auto;}
.nine_g_center ul li a p{ color: #5A5959; font-size: 1.125em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.con_header{ width: 100%; height: 45px; background: #A6CAFB; text-align: center; font-size: 1.25em; color: #494A4D; line-height: 45px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.con_details{ padding: 40px 10px; font-size: 1em; color: #6F6F6F; line-height: 30px;}

.product_lis{ margin-bottom: 40px; padding: 0 10px;}
.product_lis ul li{ margin: 22px 0;}
.product_img img{ display: block; margin: auto;}
.product_text{ font-size: 1.25em; color: #494A4D; text-align: center; margin-top: 10px;}

.peo_lis{ margin: 25px 10px 40px 10px; padding: 5px; background: #FFFFFF; border-radius:10px; overflow: hidden;}
.peo_lis ul li{ border-bottom: 1px solid #F1F1F1; padding: 10px; position: relative; top: 0px;}
.peo_lis ul li:last-child{ border: none;}
.lis_img{ width: 62px; height: 62px; border-radius: 100%; float: left; overflow: hidden;}
.lis_img img{ display: block; margin: auto;}
.lis_text{ position: absolute; left: 90px; top: 0px; bottom: 0px; height: 100%;}
.lis_text h2{ font-weight: normal; font-size: 1rem; color: #000;}
.lis_text h3{ font-weight: normal; font-size: 1rem; color: #6F6F6F;}

.goto_lis{ margin: 40px 0px 90px 0px;}
.goto_lis{padding-left: 10px}
.goto_lis ul li{ height: 70px; padding: 0 15px; line-height: 70px; border-bottom: 1px dotted #535353;}
.goto_lis ul li:last-child{ border: none;}
.goto_lis ul li a{ font-size: 1.25em; color: #535353; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.div_height{width: 100%; height: 90px;}
.footers{padding: 0 10px; background: #0D2275; height: 90px; position: fixed; left: 0px; right: 0px; bottom: 0px; }
.footers ul li{ width: 30%; float: left; text-align: center; margin: 0 1.5%; padding-top: 12px;}
.footers ul li a img{ display: block; margin: auto;}
.footers ul li a p{ font-size: 1.125em; color: #FFFFFF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

@media only screen and (max-width:640px ) {
	.logo{ width: 74.2%;}
	.navs{ width: 6.65%;}
	
}
@media only screen and (max-width:500px ) {
	.headers{ height: 65px;}
	.drop_nav{ top: 65px;}
	.nine_g_center ul li{ width: 18%; margin: 2% 3.5%;}
	.nine_g_center ul li a p,.footers ul li a p,.product_text{ font-size: 1em;}
	.footers ul li a img{ width: 35px;}
	.footers{ height: 75px;}
	.div_height{ height: 75px;}
}
@media only screen and (max-width:414px ) {
	.headers,.footers,.div_height{ height: 55px;}
	.drop_nav{ top:55px;}
	.nine_g_center ul li a p, .footers ul li a p{ font-size: 0.875em;}
	.footers ul li{ padding-top: 5px;}
	.footers ul li a img{ display: block; width: 30px;}
	.nine_g{ margin-bottom: 0px;}

	.goto_lis ul li{ height: 60px; line-height: 60px;}
	.goto_lis ul li a{ font-size: 1em;}
	.logo{ width: 80%;}
	.navs{ width: 8%;}
}
@media only screen and (max-width:375px ) {
	.headers{ height: 50px;}
	.drop_nav{ top:50px;}
	.con_header{ height: 35px; line-height: 35px; font-size: 1em;}
	.con_details{ font-size: 0.875em;}
}
@media only screen and (max-width:320px ) {
	.nine_g_center ul li a p{ font-size: 0.75em;}
	.footers ul li a p{ font-size: 0.75em; margin-top: 5px;}
}