@charset "utf-8";

/* CSS Document */

.mian{position:relative;  margin-left:auto; margin-right:auto; min-width:320px; max-width:640px; overflow:hidden; background-color:#fff; font-family:Microsoft YaHei;}

a{text-decoration:none; color:#666;}

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

	body{font-size:75%;}

}

@media screen and (min-width:375px) {

	body{font-size:87.5%;}

}

@media screen and (min-width:480px) {

	body{font-size:87.5%;}

}

@media screen and (min-width:540px) {

	body{font-size:112.5%;}

}

@media screen and (min-width:550px) {

	body{font-size:125%;}

}

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

	body{font-size:150%;}

}



  
.about { overflow:hidden; width:100%; margin-bottom:2em;}
.about h2{ text-align:center; color:#000000;}
.about img{ display:block; margin:1.6em auto; width:86%; padding:2%; background-color:#e1e1e1}

.about span { font-weight:bold;}
.about p{ width:90%; margin:20px auto; text-align:left; font-size:16px; color:#333; line-height:24px;}


.zhuanye {width:100%; background-color:#FFFFCC; border:2px solid #989893; float:left;}
.shengxin {width:100%; background-color:#CCFFFF; border:2px solid #989893; margin-top:10px; float:left;}
.shijian {width:100%; background-color:#FFCCCC; border:2px solid #989893; margin-top:10px; float:left;}
.tubiao {float:left; width:20%;  line-height:126px; text-align:center;}
.tubiao img {display:inline-block; max-width:60px; vertical-align:middle;}
.wenzi {float:left; width:76%;  padding:10px 2%;}
.wenzi p {font-size:16px; margin-top:10px;}

.liucheng {width:100%; height:120px;background-color:#FFFFCC; border:2px solid #989893;}
.shuzi {float:left; width:20%; height:116px;line-height:116px; text-align:center;}
.shuzir {float:left; width:20%; height:116px; line-height:116px; text-align:center;}
.shuzi img , .shuzir img{display:inline-block; height:70px; vertical-align:middle;}
.lcwenzi {float:left; width:76%; height:116px; padding:10px 2%;}
.lcwenzi p{font-size:16px; margin-top:10px;}
.top5 { margin-top:5px;clear:both;}


#footpf{width:100%;line-height:40px;text-align:center;font-size:24px;color:#FFF;position:fixed;left:0;bottom:0;z-index:100;}
.footpf1{float:left;width:50%;height:40px;background:#E40045;}
.footpf2{float:left;width:50%;height:40px;background:#00AF64;}
#footpf a{color:#FFF;}


#show{position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(0,0,0,.8);position:fixed;display:none;z-index:100}

#show .table{
    margin:100px auto 5px auto;
	width:320px;
	border:#993333 5px solid;
	height:150px;
	background-color:#FFFFFF;
	padding-top:20px;
}

#show h4{width:250px;margin:10px auto;background:#cd0000;color:#fff;line-height:50px;box-shadow:0px 4px 5px #000;text-align:center;border-radius:5px;cursor:pointer;}




#show .table li{
	float:left;
	width:320px;
	list-style:none outside;
	text-align:center;
}




#show .left{
display:inline-block;
	width:65px;
	font-weight: bold;
	font-size:18px;
	height:44px;
	line-height:44px;
}
#show .right{
display:inline-block;
	width:245px;
	font-size:24px;
	height:44px;
	line-height:44px;
}
.beijing { color:#C70003; background-color:#F5FF59; font-weight:bold;}
.tishi { font-size:14px; width:250px; margin:0 auto; text-align:center; padding-top:10px; clear:both; }



/*header*/

header { overflow:hidden; width:100%; padding:1em 0;}

header h1{ float:left; width:23%; margin-left:1.5%;}

header h1 img{ display:block; width:100%;}

header h2{ width:72%; margin-left:1.5%; padding-left:1.5%; float:left; border-left:1px solid #e1e1e1; font-size:1.2em; color:#000}

header h2 b{ color:#c73426;}

header h2 p{ font-size:0.7em; font-weight:normal; margin-top:0.5em;}

header h2 p img{ width:1em;}



/*nav*/

nav { overflow:hidden; width:100%; background:url(nav_bg.png) repeat center;}

nav a{ display:block; float:left; width:33.333333333%; text-align:center; font-size:1em; color:#fff; background:url(../images/nav_bor.png) right top repeat-y; border-bottom:1px solid #eb5141; border-top:1px solid #9a2115; padding:0.7em 0;}

nav p { display:block; width:95%; text-align:center; font-size:1em; color:#fff;border-bottom:1px solid #eb5141; border-top:1px solid #9a2115; padding:0.7em 0;}

nav a:nth-child(3),nav a:nth-child(6){ background:none}



/*banner*/

.banner { overflow:hidden; width:100%; position:relative}

.banner img{ display:block; width:100%;}

.banner .btn{ overflow:hidden; width:100%; position:absolute; left:0; bottom:5%; text-align:center}

.banner .btn span{ display:inline-block; width:1.5em; height:1.5em; margin:0 0.3em; text-align:center; line-height:1.6em; font-size:0.6em; color:#fff; border-radius:1.5em; background-color:#999; font-weight:bold}

.banner .btn span.on{ background-color:#ab372c;}



h2.title{ overflow:hidden; text-align:center; padding-bottom:1em; background:url(../images/title.png) no-repeat center bottom; background-size:40%; font-size:1.2em; color:#000;}

h2.title a{ color:#000}







/*细节*/

.xijie { overflow:hidden; width:96%; padding:1em 2% 1em 2%; background-color:#f7f7f7; margin-bottom:1em;}

.xijie .top{ width:100%;padding:1em 0; background:url(nav_bg.png) repeat center; text-align:center; position:relative; margin-bottom:0.5em; z-index:1}

.xijie h2{ font-size:1.3em; color:#fff;}

.xijie h2 em{ font-size:0.8em;}

.xijie .top span{ display:block; font-size:0.9em; color:#fff; margin-top:0.3em;}

.xijie .top i{ display:block; width:1em; height:1em; background:url(nav_bg.png) repeat center; position:absolute; left:50%; margin-left:-0.5em; bottom:-0.5em; transform: rotate(45deg)}

.xijie .xjbox { overflow:hidden; width:100%; position:relative; background-color:#fff;}

.xijie .xjbox i{ display:block; width:1em; height:1em; background:#f7f7f7; position:absolute; left:50%; margin-left:-0.5em; top:-0.5em; transform: rotate(45deg)}

.xijie .xjlist{ overflow:hidden; width:94%; margin:0 auto; padding-top:1em;}

.xijie .xjlist img{ display:block; width:100%; margin-bottom:2em;}

.xijie .xjlist h3{ text-align:center; font-size:1.25em; color:#bf2a1b; margin-bottom:1.3em;}

.xijie .xjlist p{ text-align:center; font-size:1em; color:#333; line-height:1.8em; margin-bottom:1.8em;}



.xijie  .Afocus{ width: 100%; height: 4px; padding-top:0.5em; text-align:center;}

.xijie  .Afocus ul{  width: 100%; height: 4px;padding-top:0.5em; margin-bottom:0.5em;}

.xijie  .Afocus ul li{ display:inline-block; width:1.5em; height:2px; margin:0 2px; margin-top:2px; background-color:#878787; text-indent:-999999em;}

.xijie  .Afocus ul li.on{ background-color:#da473d; margin-top:0; height:4px;}



.xijie .btn{ width:100%; height:4px; padding-top:0.5em; margin-bottom:0.5em; text-align:center; }

.xijie .btn span{ display:inline-block; width:1.5em; height:2px; margin:0 2px; margin-top:2px; background-color:#878787}

.xijie .btn span.on{ background-color:#da473d; margin-top:0; height:4px;}


.xijie a:visited{ color:#0000FF;}
.xijie a:link{ color:#0000FF;}




/*留言*/

.liuyan { overflow:hidden; width:94%; padding:0 3%; background:url(/dzimages/news_bg.png) repeat center; padding-bottom:6em;}

.liuyan .top{ width:100%;padding:1em 0; background:url(/dzimages/nav_bg.png) repeat center; text-align:center; position:relative; margin-bottom:0.5em; z-index:1}

.liuyan h2{ font-size:1.3em; color:#fff;}

.liuyan h2 em{ font-size:0.8em;}

.liuyan .top span{ display:block; font-size:0.9em; color:#fff; margin-top:0.3em;}

.liuyan .top i{ display:block; width:1em; height:1em; background:url(/dzimages/nav_bg.png) repeat center; position:absolute; left:50%; margin-left:-0.5em; bottom:-0.5em; transform: rotate(45deg)}

.liuyan .lybox { padding:1.25em 0; overflow:hidden; width:100%; position:relative; background-color:#fff;}

.liuyan .lybox i{ display:block; width:1em; height:1em; background:url(/dzimages/news_bg.png) repeat center; position:absolute; left:50%; margin-left:-0.5em; top:-0.5em; transform: rotate(45deg)}

.liuyan input{ overflow:hidden; width:73%; padding-left:12%; height:2.5em; line-height:2.5em; border:1px solid #dbdbdb; margin:0 auto; display:block; margin-bottom:0.5em; font-size:0.9em; color:#959595;}

.liuyan select { background:none;overflow:hidden; width:85%; padding-left:2%; height:2.5em; line-height:2.5em; border:1px solid #dbdbdb; margin:0 auto; display:block; margin-bottom:0.5em; font-size:0.9em; color:#959595;}

.liuyan .name{ background:url(../images/liuyan01.png) no-repeat left center; background-size:13%;}

.liuyan .phone{ background:url(../images/liuyan02.png) no-repeat left center; background-size:13%;}

.liuyan .mianji{ background:url(../images/liuyan03.png) no-repeat left center; background-size:13%;}

.liuyan textarea { overflow:hidden; padding:0.3em 2% 0.3em 12%; width:71%; height:7.5em; resize:none;  border:1px solid #dbdbdb; margin:0 auto; display:block; font-size:0.9em; color:#959595; background:url(../images/liuyan04.png) no-repeat left top; background-size:13%;}

.liuyan .lybox span{ display:block; width:85%; margin:0 auto; padding:1.25em 0; background-color:#fc6e19; font-size:1.2em; color:#fff; text-align:center; border:1px solid #fc6e19;}



/*footer*/

footer {width:100%; text-align:center; margin-bottom: 50px;}

ul.msg{padding-top:10px;width:100%;margin-bottom:5px}
ul.msg li{width:100%;overflow:hidden;clear:both;margin:0;padding:0;list-style:none}
.msgarticle{padding:10px 2px}
.avatar{float:left;box-shadow:0 1px 1px rgba(255,255,255,.75);position:relative;-webkit-border-radius:3px;border-radius:3px;background-color:#fff;margin-right:15px}
.avatar img{width:50px;height:50px;border-radius:27px;-webkit-border-radius:27px;-moz-border-radius:27px;box-shadow:inset 0 -1px 0 #3333sf;-webkit-box-shadow:inset 0 -1px 0 #3333sf;-webkit-transition:.4s;-webkit-transition:-webkit-transform .4s ease-out;transition:transform .4s ease-out;-moz-transition:-moz-transform .4s ease-out}
.avatar img:hover{box-shadow:0 0 10px #fff;-webkit-box-shadow:0 0 10px #fff;transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg)}
.comment-body{position:relative;margin-left:62px;border:1px solid #ddd;padding:0 10px 10px!important;border-radius:2px}
.comment-body:before{border-right-color:#dedede!important;z-index:1}
.comment-body:after{border-right-color:#f8f8f8!important;margin-left:1px;z-index:2}
.comment-body:after,.comment-body:before{position:absolute;top:8px;left:-8px;right:100%;width:0;height:0;display:block;content:" ";border-color:transparent;border-style:solid solid dotted;border-width:8px 8px 8px 0;pointer-events:none}
.comment-header{background-color:#f8f8f8;padding:10px;margin-left:-10px;margin-right:-10px;border-bottom:1px solid #eee;font-weight:500;margin-bottom:10px;font-size:14px}
.comment-header span{color:#999;font-size:13px;margin-right:8px}
.comment-body p{font-size:13px;color:#000;line-height:2em;margin:.5em 0;word-wrap:break-word}