/*public_css*/

.fix:after,.ovh{overflow:hidden}blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}body,button,input,select,textarea{font:12px/1.5 Arial,Helvetica,sans-serif}button,h1,h2,h3,h4,h5,h6,input,select,textarea{font-size:100%}address,cite,dfn,em,var{font-style:normal}code,kbd,pre,samp{font-family:couriernew,courier,monospace}ol,ul{list-style:none}a{text-decoration:none}a:hover{text-decoration:none;color:inherit;}a,a:focus{outline:0}sup{vertical-align:text-top}sub{vertical-align:text-bottom}fieldset,img{border:0}table{border-collapse:collapse;border-spacing:0}.m0{margin:0}.m1{margin:1px}.ml1{margin-left:1px}.mt1{margin-top:1px}.mr1{margin-right:1px}.mb1{margin-bottom:1px}.m2{margin:2px}.ml2{margin-left:2px}.mt2{margin-top:2px}.mr2{margin-right:2px}.mb2{margin-bottom:2px}.m5{margin:5px}.ml5{margin-left:5px}.mt5{margin-top:5px}.mr5{margin-right:5px}.mb5{margin-bottom:5px}.m10{margin:10px}.ml10{margin-left:10px}.mt10{margin-top:10px}.mr10{margin-right:10px}.mb10{margin-bottom:10px}.m15{margin:15px}.ml15{margin-left:15px}.mt15{margin-top:15px}.mr15{margin-right:15px}.mb15{margin-bottom:15px}.m20{margin:20px}.ml20{margin-left:20px}.mt20{margin-top:20px}.mr20{margin-right:20px}.mb20{margin-bottom:20px}.p0{padding:0}.p1{padding:1px}.pl1{padding-left:1px}.pt1{padding-top:1px}.pr1{padding-right:1px}.pb1{padding-bottom:1px}.p2{padding:2px}.pl2{padding-left:2px}.pt2{padding-top:2px}.pr2{padding-right:2px}.pb2{padding-bottom:2px}.p5{padding:5px}.pl5{padding-left:5px}.pt5{padding-top:5px}.pr5{padding-right:5px}.pb5{padding-bottom:5px}.p10{padding:10px}.pl10{padding-left:10px}.pt10{padding-top:10px}.pr10{padding-right:10px}.pb10{padding-bottom:10px}.p15{padding:15px}.pl15{padding-left:15px}.pt15{padding-top:15px}.pr15{padding-right:15px}.pb15{padding-bottom:15px}.p20{padding:20px}.pl20{padding-left:20px}.pt20{padding-top:20px}.pr20{padding-right:20px}.pb20{padding-bottom:20px}.ti2{text-indent:2em}.f14{font-size:14px}.f16{font-size:16px}.f18{font-size:18px}.f20{font-size:20px}.tc{text-align:center}.l{float:left}.r{float:right}.db{display:block}.dn{display:none}.fix:after{display:block;content:"clear";height:0;clear:both;visibility:hidden}.clear{clear:both;}



/*user_customize*/

body {color: #565656;font-size: 16px; font-family: "MicroSoft YaHei";}

.img-responsive{display: block; max-width: 100%; height: auto;}

p{line-height: 24px;}em{color: #ff0000;}span{display: inline-block;}

.gutter{margin-left:2%!important;margin-right:2%!important;}

.wrapper{min-width:320px; max-width: 640px; margin-left: auto; margin-right: auto;}

.container h2{font-size:18px;height:35px; line-height:35px; background: #e6e6e6;color: #313131;padding:0px 4%;margin: 15px auto;clear: both;}

.container h2 a{float: right;color: #cf0101;font-weight: normal;font-size:16px;}

.clickBtn{text-align: center;height:33px;line-height: 33px; }

.clickBtn a{padding:8px 30px; color:#fff; background:#E37500; border-radius:15px;}

.header .l{width: 62%;}

.header .r{width: 35%;}

.header{padding:10px 0px 10px;display: block; margin-bottom:-10px;}

.header .r p{position: relative; margin: 5% 2em 5% 0px;color: #313131;}

.header .r p::before{content: ""; width:4px; height:4px; background: #000; position: absolute; left: -8px; top:45%;}

.nav li{float: left; width: 25%; line-height: 50px; text-align: center; position: relative;height: 50px; background:#0D629D;}

.nav li::after{content: ""; width: 1px; height: 100%; position: absolute; right: 0px; background: linear-gradient(to top,#2479aa, #3092b9,#2479aa);}

.nav li a{color: #fff;}

.nav1{ border-bottom:1px solid #D1D1D1;}

.nav1 li{float: left; line-height: 40px; text-align: center; position: relative;height: 40px; background:#ECECEC; width:25%;}

.nav1 li:nth-child(1)::after{content: ""; width: 1px; height: 100%; position: absolute; right: 0px; background: linear-gradient(to top,#D1D1D1, #D1D1D1,#D1D1D1);}

.nav1 li:nth-child(2)::after{content: ""; width: 1px; height: 100%; position: absolute; right: 0px; background: linear-gradient(to top,#D1D1D1, #D1D1D1,#D1D1D1);}

.nav1 li:nth-child(3)::after{content: ""; width: 1px; height: 100%; position: absolute; right: 0px; background: linear-gradient(to top,#D1D1D1, #D1D1D1,#D1D1D1);}

.nav1 li a{color: #2E2E2E;}

.a_1{width:98%; padding-left:2%}

.a_1 span{ padding:8px 8px; color:#fff; font-size:18px; background:#29476B}

.a_1 p{ color:#29476B; font-size:18px;  font-weight:bolder; margin-left:15px;}

.dcon img{margin:0 auto;}

.econ img{margin:20px auto;}

.econ ul{border-bottom:1px solid #8B98A9; width:80%; margin:5px auto}

.econ ul li{float:left; width:29%; margin:15px 1% 0px 1%; padding:8px 1%; text-align:center; color:#fff;}

.ccon ul li img{margin:0 auto;border:2px solid #29476B; border-radius:50%;}

.ccon ul li{float:left; width:25%; text-align:center; margin-top:15px;}

.ccon ul li p{color:#29476B; font-size:16px; padding-top:5px;}

.g_2{border:1px solid #29476B; border-radius:8px; padding:15px 2%; width:70%; margin:10px auto}

.g_2 p{background:url(../images/p1.jpg) no-repeat left 5px; padding-left:15px; color:#29476B}

.h_3{margin:15px auto; width:80%;}

.h_3 img{width:23%;}

.j_1{margin:15px auto;}

.j_1 img{width:18%; margin:0 2%;}

.y_1{ animation:light 5s infinite; -webkit-animation:light 5s infinite; animation-direction:alternate;-webkit-animation-direction:alternate; background:#f00; padding:2px 4px; border-radius:50%;}

@keyframes light{

	0%{color:#fff; background:#489A12;}

	20%{color:#A90202; background:#9BC73D}

	40%{color:#F88D1C; background:#4AC9E4}

	60%{color:#FCE408; background:#1AAB52}

	80%{color:#E5643E; background:#FCF649}

	100%{color:#94278A; background:#F78E1B}

	

	}

@-webkit-keyframes  light{

	0%{color:#fff; background:#489A12;}

	20%{color:#A90202; background:#9BC73D}

	40%{color:#F88D1C; background:#4AC9E4}

	60%{color:#FCE408; background:#1AAB52}

	80%{color:#E5643E; background:#FCF649}

	100%{color:#94278A; background:#F78E1B}

	

	}

@media (min-width: 320px){

	.header-responsive{margin-top:3px;}

	.h_3 img{width:39%;}

	.h_3{width:90%;}

	.j_1 img{width:30%; margin:0 2%;}

	.x_1 img{width:35%; padding:10px 1%}

	.x_1  h3{padding-top:30px;color:#2B486D; font-size:17px;text-indent:2em;}

}

@media (min-width: 360px){

	.header-responsive{margin-top:5px;}

	.h_3 img{width:39%;}

	.h_3{width:90%;}

	.j_1 img{width:30%; margin:0 2%;}

	.x_1 img{width:35%; padding:10px 1%}

	.x_1  h3{padding-top:30px; }

}

@media (min-width: 375px){

	.header-responsive{margin-top:6px;}

	.h_3 img{width:35%;}

	.h_3{width:90%;}

	.j_1 img{width:33%; margin:0 2%;}

	.x_1 img{width:33%; padding:10px 1%}

	.x_1  h3{padding-top:30px;}

}

@media (min-width: 414px){

	.header-responsive{margin-top: 10px;}

	.h_3 img{width:32%;}

	.h_3{width:90%;}

	.j_1 img{width:30%; margin:0 2%;}

	.x_1 img{width:33%; padding:10px 1%}

	.x_1  h3{padding-top:30px; }	

}

@media (min-width: 640px){

	.header-responsive{margin-top: 10px;}

	.h_3 img{width:25%;}

	.h_3{width:80%;}

	.j_1 img{width:20%; margin:0 2%;}

	.x_1 img{width:20%; padding:10px 1%}

	.x_1  h3{padding-top:30px; }

;}	



@media (min-width: 320px) and (max-width: 640px){

 body{font-size:14px;}

.container h2{font-size:15px;line-height:30px;height: 30px;}

.header .l{width: 60%;}

.header .r{width: 32%;}

.header .r p{font-size: 12px;margin:0em;}

.nav li{line-height: 35px;height: 35px;}



}