/* È«¾ÖÑùʽ **/
html {font-size:100%; -webkit-text-size-adjust:none;}
body,textarea,input,select,option {font-size:14px; color:#000; font-family: "Noto Sans SC"; font-weight: 400; line-height:20px;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
body,h1,h2,h3,h4,h5,h6,blockquote,ol,ul,dl,dd,p,textarea,input,select,option,form, ol,ul,textarea,input,option,th,td,header,footer,em {margin:0; padding:0;}
table {border-collapse:collapse;}
li {list-style-type:none;}
.clears:before,.clears:after {content:'';display:table;}.clears:after {clear:both;}.clears {*zoom:1;}
.clear {clear:both;height:0;overflow:hidden;}
a {text-decoration:none;color:#434343;}
a:hover {text-decoration:none;}
a,textarea,input {outline:none;}
textarea {overflow:auto;resize:none;}
a img {border:none;}
.z_index {position:fixed;_position:absolute;z-index:999;display:none;}
.pr {position:relative;}.pa {position:absolute;}.fl {float:left;}.fr {float:right;}
.mt30 {margin-top:30px;}
.m320 {width:100%; margin:0px auto;}
h3 {font-size: 16px; font-weight: normal; border-bottom: 1px solid #cdcdcd;line-height: 24px; padding:5px 0; font-weight:bold; color:#229dc9; margin: 5px 12px 0; }
h3 a{ float:right; font-size:14px;}

.clearfix:after, .clearfix:before {
	content:"\20";
	display:block;
	height:0;
	overflow:hidden
}
.clearfix:after {
	clear:both
}
.clearfix {
	zoom:1
}
img{ max-width:100%; height:auto;}
@font-face{
    font-family: 'num';
    src:url('../images/num.ttf');
}

.outer{ width:100%; max-width:640px; margin:0 auto; padding:0px 0 85px; background: url(bg0.jpg) center repeat-y; background-size:100%; }

header{ position:relative; width:100%; height:82px; background:#8e030a;}
header li{ width:20%; float:left; }
header li.cur{ background:url(nav_bg.png) right center no-repeat; background-size:100% 82px; border-radius:40px; }
header li#li1.cur{ border-radius:0 40px 40px 0;}
header li#li4.cur{ background:url(nav_bg3.png) right center no-repeat; background-size:100% 82px; border-radius:40px 0 0 40px;}
header li a{ display:block; width:100%; padding:13px 0; line-height:28px; font-size:17px; text-align:center; color:#fff;}
header li.cur a{ font-weight:bold; text-shadow:1px 1px 2px #333;}
header .line{ position:absolute; top:41px; margin-left:-15px; width:30px; height:2px; background:#fff;}
header .line1{ left:20%;}
header .line2{ left:40%;}
header .line3{ left:60%;}
header .line4{ left:80%;}


.content{ width:100%; position:relative; background: url(content_bg.jpg) top center no-repeat; background-size:100%; padding:0px 0 189px;}
.fating{ width:100%;}
.fating img{ width:100%;}
.aboutbg{ background: url(about_bot.jpg) bottom center no-repeat, url(content_bg.jpg) top center no-repeat ; background-size:100%; }
.jiufenbg{ background: url(jiufen.png) center bottom no-repeat, url(content_bg.jpg) center top no-repeat ;  background-size:100%;}
.pingtaibg{ background: url(pingtai.png) center bottom no-repeat, url(content_bg.jpg) center top no-repeat ;  background-size:100%;}
.tongxunbg{ background: url(tongxunlu.png) center bottom no-repeat, url(content_bg.jpg) center top no-repeat ;  background-size:100%;}
.about{ background:#fff; width:78%; margin:6%; padding:5%; border-radius:30px; margin-top:-180px; z-index:1000;}
.about h1{ font-size:30px; font-weight:bold; line-height:50px; color:#322e29; text-align:center; position:relative; height:80px; }
.about h1:after {
	content: '';
	display: block;
	width: 37px;
	height: 2px;
	background: #eae7e7;
	margin-bottom: 10px;
	position: absolute;
	left: 50%; margin-left:-18px;
	bottom: 0;
}
.about p{ font-size:15px; line-height:26px; padding:8px 0; text-indent:2em; color:#322e29;}
.about p span{ font-weight:bold; color:#c38724; margin-right:10px;}
.h2title{ margin-top:20px; margin-bottom:20px; width:auto !important; padding:10px 15px; background:#e1ba75; border-radius:25px 0 25px 0; color:#930c0d; font-size:18px; font-weight:bold; line-height:22px;}
.h2title em{ font-family:num; font-style:normal; background:#fff; border-radius:100%; display:inline-block; width:22px; height:22px; font-size:20px; line-height:19px; text-align:center; margin-right:5px; }
.bg1{ background:url(about.png) right 50px bottom 50px; background-repeat:no-repeat;}
.about_bot{ position:absolute; bottom:0px; z-index:0;}

.pingtai{ background:url(bg_pingtai.png) center repeat;}
.h3title{ background:url(pingtai_h3.png) left center no-repeat; padding:0px 20px; font-size:20px; font-weight:bold; line-height:38px; color:#fff;}
.bg2{ margin-top:30px; padding:10px 20px; background:#fff5f5; border:2px solid #a3a3a3; box-shadow: 8px 8px 8px rgba(180, 180, 180, 1.0);}
.pingtaiImg{ width:100%; }
.pingtaiImg img{ display:block; max-width:100%; margin:30px auto !important;}
.pingtaihr{ width:100%; border-bottom:1px dashed #ddd; height:1px; margin:0px auto;}
.h4title{ position:relative; padding:10px 0 10px 55px; line-height:27px; font-size:17px; color:#322e29;}
.h4title em{ position:absolute; left:0; top:0; width:41px; height:47px; background:url(h4title.png) center no-repeat; text-align:center; font-size:22px; color:#fff; font-style:normal; font-weight:bold; line-height:47px;}
.h4title a{ text-decoration:underline;}

.tongxun_top{ width:88%; margin:0px auto; background:url(tongxun_top.png); background-size:100% 169px; border-radius:25px 25px 0 0; height:169px; line-height:169px; text-align:center; font-size:36px; font-weight:bold; color:#fff; margin-top:-180px; }
.tongxun{ width:80%; margin:0px auto; padding:30px 4% 50px; background:#fff; border-radius:0 0 50px 50px; box-shadow: 0px 10px 10px rgba(0, 0, 0, .2) inset;}

.tongxun dl{ border-bottom:1px solid #ddd; padding:20px 0; height:60px; position:relative;}
.tongxun dl:last-child{ border:none;}
.tongxun span{ text-align:center; position:absolute; top:50%; transform: translate(0, -50%); line-height:25px;}
.tongxun span.span1{ left:0; width:52%; text-align:left; font-size:18px; color:#000; padding-left:75px; font-weight:bold;}
.tongxun span.span1 em{ position:absolute; top:-6px; left:0; width:60px; height:60px; background: url(pepole.png); background-size:60px 60px;}
.tongxun span.span1 dd{ font-size:16px; color:#c30603; background: linear-gradient(to right, #780000, #c30603); -webkit-background-clip: text; color: transparent;}
.tongxun span.span2{ right:24%; width:24%; font-size:16px; font-weight:bold; color:#555555;}
.tongxun span.span3{ right:0; width:24%; font-size:16px; font-weight:bold; color:#555555;}

.tongxun dt{ border-bottom:2px solid #ddd; padding:20px 0; height:20px; position:relative;}
.tongxun dt span.span1{ font-size:18px; color:#000; padding-left:35px;}
.tongxun dt span.span1 em{ top:2px; width:30px; height:20px;background: url(xia.png) center center no-repeat; }
.tongxun dt span.span2{ font-size:18px; }
.tongxun dt span.span3{ font-size:18px; }


footer{ position:fixed; bottom:0px; width:100%; max-width:640px; height:60px; padding:15px 0; background:#373634; z-index:10000001;}
footer ul{ width:100%; margin:0px auto;}
footer ul li{ width:20%; float:left; text-align:center; line-height:30px;}
footer ul li a{ color:#9ba0b5; font-size:15px;}
footer ul li a .img{ width:100%; height:36px; background:url(icon01.png) center no-repeat;}
footer ul li a.a1 .img{ background:url(icon01.png) center no-repeat;}
footer ul li a.a2 .img{ background:url(icon02.png) center no-repeat;}
footer ul li a.a3 .img{ background:url(icon03.png) center no-repeat;}
footer ul li a.a4 .img{ background:url(icon04.png) center no-repeat;}
footer ul li a.a5 .img{ background:url(icon04.png) center no-repeat;}
footer ul li.cur a.a1 .img{ background:url(icon1.png) center no-repeat;}
footer ul li.cur a.a2 .img{ background:url(icon2.png) center no-repeat;}
footer ul li.cur a.a3 .img{ background:url(icon3.png) center no-repeat;}
footer ul li.cur a.a4 .img{ background:url(icon4.png) center no-repeat;}
footer ul li.cur a.a5 .img{ background:url(icon4.png) center no-repeat;}
footer ul li.cur a{ color:#e1ba75;}


.videoList{}
.videoList li{ margin-top:10px; margin-bottom:10px;}
.videoList li span{ font-size:16px; text-align:center; display:block; line-height:2;}

@media (max-width: 500px) {
	.tongxun_top{ height:130px; line-height:130px; font-size:32px; margin-top:-130px; background-size:100% 130px;}
	.tongxun span.span1{ padding-left:60px;}
	.tongxun span.span1 em{ width:50px; height:50px; background-size:50px 50px; top:1px;}
	.tongxun span.span2, .tongxun span.span3{ font-size:15px;}
}



@media (max-width: 420px) {
	.outer{ padding:0px 0 65px;}
	header{ height:62px;}
	header li.cur{ background-size:100% 62px; border-radius:30px; }
	header li#li1.cur{ border-radius:0 30px 30px 0;}
	header li#li4.cur{ border-radius:30px 0 0 30px;}
	header li a{ padding:10px 0; line-height:21px; font-size:16px; }
	header .line{ top:31px; margin-left:-10px; width:20px;}

	.content{ padding:0px 0 160px;}
	.about{ margin-top:-120px;}
	.about h1{ font-size:26px; height:70px;}
	
	.h3title{ background:url(pingtai_h3.png) left center no-repeat; font-size:18px; line-height:32px; background-size: 277px 32px;}
	.h4title{ font-size:14px; line-height:24px;}
	
	.tongxun_top{ font-size:28px;}
	.tongxun{ padding:10px 4% 30px; }
	.tongxun span{ line-height:20px;}
	.tongxun dt{ padding:15px 0;}
	.tongxun dt span.span1 em{ top:0;}
	.tongxun span.span1 em{ top:-1px; width:42px; height:42px; background-size:42px 42px; }
	.tongxun dt span.span1, .tongxun dt span.span2, .tongxun dt span.span3{ font-size:14px;}
	.tongxun dl{ padding:15px 0; height:42px;}
	.tongxun span.span1{ font-size:15px; padding-left:52px;}
	.tongxun span.span1 dd{ font-size:12px;}
	.tongxun span.span2, .tongxun span.span3{ font-size:12px;}
	
	
	
	footer{ height:55px; padding:10px 0; }
	footer ul li{ line-height:25px;}
	footer ul li a{ font-size:14px;}
}