﻿html { -webkit-tap-highlight-color: transparent;/* overflow-x: hidden; */ height: 100%; font-size: 312.5%; background-color: #ebebeb; margin: 0 auto; padding: 0;overflow-y:scroll;}
body { color: #333; font-size:.28em; line-height: 1.5; font-family: arial,Microsoft Yahei; background:#fff }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0 }
img { vertical-align: middle; border: 0 }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
ul, ol, li { list-style: none; }
em, i { font-style: normal }
img { border: none }
input, img { vertical-align: middle }
input, select, textarea { -webkit-tap-highlight-color: rgba(0,0,0,0);  border: 0; border-radius: 0; }
textarea:focus { outline: 0 }
a { color: #000; text-decoration: none; outline: 0 }
a:active, a:hover, a.current { outline: 0 }
.c { text-align: center; }
.tr { text-align: right; }.news ul li a .cont h3
.f60, input.f60, .c60 { color: #FF621D; }
.f00 { color: #f00; }
.c99 { color: #999; }
.f12 { font-size: .24rem;}
.h_30px {
height:.3rem; clear: both; overflow: hidden; font-size: 0 }
.h_10px, .hr10 {
height:.1rem; clear: both; overflow: hidden; font-size: 0 }
.h_20px {
height:.2rem; clear: both; overflow: hidden; font-size: 0;}
.h_5px {
height:.09rem; clear: both; overflow: hidden; font-size: 0 }
.green { color: #99CC01 }
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: 1; letter-spacing: normal; word-spacing: normal; text-transform: none; text-indent: 0; text-shadow: none; vertical-align: middle }
button, input, optgroup, select, textarea { color: inherit; margin: 0; -webkit-writing-mode: horizontal-tb; }
button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer }
#wrap, .wrap { max-width:640px; /*overflow:hidden;*/ margin: 0 auto; /* height: 100%;*/ position: relative; width: 100%; }
.container { width: 100%; background: #fff; }
.clr,.clear{display:block;clear:both;height:0;overflow:hidden}
.clearfix:after{clear:both;height:0;overflow:hidden;display:block;visibility:hidden;content:".";}
.f-l{ float:left;}
.f-r{ float:right;}


/*ͷ��*/
@import url(zysz.css);
.head-bg { background:#fff url(../images/bgsd.png) no-repeat top left;background-size:100% auto;  width:100%; max-width:640px; height:0.88rem; z-index:100000; margin:0 auto; }
.head-logo{ position:absolute;  left:40%; width:3.25rem; height:0.86rem; margin-left:-1.9rem; display:block; background:url(../images/logosd.png) no-repeat; background-size:auto 100% ;}
.header h1 { position: relative; text-align: center; color: #fff; font-weight: normal; height:0.88rem; }
.header h1 { text-align: center }
.header h1 font { color: #FFF; line-height: 0.88rem; text-align: center; font-size: 0.4rem; -moz-box-flex: 1; }
.tb_back { position: absolute; left:0.4em; top:0.3em; }
.tb_back a { background: transparent url(../images/hd-back.png) no-repeat scroll; background-size: 100% auto; width: 0.8rem; height: 0.8rem; display: inline-block; text-indent: -999em; }
.tb_zx{position: absolute; right:0.2em; top:0.1em;}
.tb_zx a{ background: transparent url(../images/hd-call.png) no-repeat scroll; background-size: 100% auto; width: 2.6rem; height: 0.8rem; display: inline-block; text-indent: -999em;  }
.tb_list { position: absolute; left:0.2em; top:0.1em;}
.tb_list a { background: transparent url(../images/hd-nav.png) no-repeat scroll; background-size: 100% auto; width: 0.8rem; height: 0.8rem; display: inline-block; text-indent: -999em; }
.tb_zxq{position: absolute; right:4.2em; top:0.1em;}
.tb_zxq a{ background: transparent url(../images/hd-callq.png) no-repeat scroll; background-size: 100% auto; width: 0.8rem; height: 0.8rem; display: inline-block; text-indent: -999em;  }


#sort-nav { width: 100%; background: #EFEFEF; margin: 0 auto; border-top: 1px solid #efefef; border-bottom: 1px solid #fff; position: relative; padding-bottom: 5px }
#sort-nav li { width: 100px; height: 35px; margin-right: 30px; background-color: #fff; border: 1px solid #dedede; border-radius: 7px; text-align: center }
#sort-nav li a p { line-height: 30px; color: #666; font-size: 16px }
.sort-nav .promptumenu_window { width: 100%; margin: 0 auto; border: none; border-radius: 0; -webkit-border-radius: 0; background: transparent none }
.promptumenu_window { border-radius: 15px; -webkit-border-radius: 15px; margin: 10px; position: relative }
.info-list { width: 96%; margin: 0 auto; overflow: hidden }
.info-list li { line-height: 35px; border-bottom: 1px solid #C3C3C3; border-top: 1px solid #fff; list-style: none; margin: 3px auto }
.info-list li:firstchild {border-top:none}
.xgxw a p{text-indent:0;}
.tb_list_show{ right:0.4em; left:auto;}



/*���� */
.con_title { height: 0.4rem; padding: 12px 10px 12px 10px; line-height: 0.4rem; background: #fff; border-bottom: 1px solid #e1e1e1; }
.con_title span { float: left; font-size: 0.32rem; color: #333; display: block; }
.con_title span em { background-size: 100% auto; width:.06rem;
height:.32rem;
float: left; margin-right: 0.08rem; margin-top: 0.03rem; }
.con_title span em.modular1 { background: #fa7a49; }
.con_title span em.modular2 { background: #f6b62d; }
.con_title span em.modular3 { background: #a3cb5c; }
.con_title span em.modular4 { background: #6cc8c7; }
.con_title span em.modular5 { background: #62a8ea; }
.con_title span em.modular6 { background: #ff6a6a; }
.con_title span em.modular7 { background: #c00; }
.con_title a { float: right; color: #818181; font-size: 0.24rem }

.con_title a.phone { border: 1px solid #e57f21; border-radius: 100px; float: right;  padding:0.02rem .1rem; color:#e37510 }
.con_title a.phone img{ background:url(../images/dh.gif) no-repeat; background-size: 100% auto; width:.42rem; height:.36rem;}
.con_title a.online { border: 1px solid #c00; border-radius: 100px; float: right;  padding:0.02rem .1rem; color:#c00 }
.con_title a.online img{ background:url(../images/online.gif) no-repeat; background-size: 100% auto; width:.42rem; height:.36rem;}

/*��������*/
.header_block { position: relative; color: #FFF; font-weight: normal; font-size:.32rem;
}
.menubox { position: absolute; left: 0; height:100%; width: 0px; max-width:200px; z-index: 1000; top:0.88rem; background:#1f2835;}
.menubox_show{ right:0; left:auto;}
.dangzhu{ background-color: #000; width: 100%; height:100%; left: 0; top:.88rem;filter: alpha(opacity=40); opacity: 0.4; z-index: 1; position: absolute; display: none; }
.menumain ul li {height:.7rem;line-height:.7rem; border-bottom: 1px solid #2c3849; background: #1f2835 ; text-align: center; }
.menumain ul li a { padding-left: 0px; display: block; color: #fff }
/* ɫױ��� */.article-wrap{ width:94%; margin:0.5em 3%;}.article-wrap h2{ font-size:1.1em; text-align:center; font-weight:normal; line-height:3em;}.article-info{ background:#fafafa; text-align:center; font-size:0.6em; padding:1em; line-height:1.6em; border:1px dotted #ddd;}.article-info span{ color:#888; margin:0 0.5em;}.article-info span i{ color:#444;}.article-info a{ color:#f30; }.article{ margin:1.5em auto; line-height:2em; font-size:0.7em; padding-bottom:1em; border-bottom:1px dotted #ccc;}.article p{ padding-bottom:0.3em;}.article img{ text-align:center; width:100%;}
/* ���� */.left_img1 { float: left; width: 38%; margin-right: 1%; position: relative }.left_img2 { float: right; width: 61%; position: relative; height: 100% }.left_img3 { width: 100%; height: 50%; position: relative }.left_img4 { width: 49.5%; height: 50%; position: relative; float: left; margin-top: 1% }.left_img1 img, .left_img3 img, .left_img4 img { position: relative; width: 100% }.left_img1 p, .left_img3 p, .left_img4 p { position: absolute; background: #333; color: #fff; bottom: 0; width: 100%; opacity: .8; text-align: center }
.backtop {
  width:50px;
  height:50px;
  background: #555;
  opacity:0.9;
  border-radius: 50%;
  text-align: center;
  z-index: 1001;
  position: fixed;
  right: 6px;
  bottom: 50px;
}
.backtop .icon-backtop {
  display: inline-block;
  margin: 10px auto;
  vertical-align: center;
}
.iconfont {
  display: inline-block;
  vertical-align: top;
}
.icon-backtop::before {
  width: 30px;
  height: 30px;
}
.iconfont::before {
  content: "";
  display: inline-block;
  vertical-align: top;
  background: url(../images/top.png) no-repeat; background-size:30px 30px
} @-webkit-keyframes rotate { from {
-webkit-transform:rotate(0deg);
}
to { -webkit-transform: rotate(360deg); }
}
@media screen and (min-width:410px) {
html { font-size: 400%; }
}
@media screen and (min-width:480px) {
html { font-size: 469%; }
}
@media screen and (min-width:640px) {
html { font-size: 625%; }
}

/*�ײ� */
.foot-xq{ text-align:center; font-size:0.7em; margin-bottom:0.2em}
.foot-xq span{ padding:0 20px;}
.foot-xq span.on{ color:#ef5e8e;}
.foot-cp{ text-align:center; font-size:0.7em;}
.foot-code img{ width:100%; height:auto;}
.foot-end{ background:#1c2531; padding-bottom:50px;}
.foot-end img{ width:100%; height:auto;}
.mstd img{ width:100%; height:auto;}
.foot-map-call img{ width:100%; height:auto;}

.more_btn{ display:block; margin:0.2rem auto; background:#fff; width:80%; border:1px solid #ddd; line-height:2.5em; height:2.5em; font-size:1.1em; color:#222; text-align:center;border-radius:0.2em;}
.foot-btn-2{ text-align:center; margin:20px;}
.foot-btn-2 .b-btn{ display:inline-block; width:30%;}
a.b-btn{ display:block; margin:0.5em auto 0; text-align:center; font-size:1em;border-radius:6px;}
.kc-cont img{ width:100%;}
.btn-white{ border:1px solid #bfbfbf; color:#222; line-height:2.5em; height:2.5em;}
.btn-pink{ border:1px solid #ed6b96; color:#fff; background:#ed6b96; line-height:2.5em; height:2.5em;}

.hjcy .hd{ margin:20px auto 40px; width:80%;}
.hjcy .hd li{ float:left; width:33.3%; border-bottom:3px solid #ddd; text-align:center; font-size:1.3em; color:#666; line-height:2em;}
.hjcy .hd li.on{ float:left; width:33.3%; border-bottom:3px solid #ef5e8e; color:#ef5e8e;}
.hjcy .bd li{ max-width:640px;}
.hjcy .bd img{ width:90%;}

/*���� */
.news .tit img{ width:100%; height:auto;}
.news ul li{ border-bottom:1px solid #ddd; position:relative; width:100%; height:4em; padding:1em 0;}
.news ul li a { display:block; width:100%; height:4em;}
.news ul li a img{ width:4em; height:4em;border-radius:4em; overflow:hidden; margin:0 0.5em;}
.news ul li a .cont{ width:60%;}
.news ul li a .cont h3{ font-size:1em; color:#444; line-height:1.3em; height:2.6em; overflow:hidden;}
.news ul li a .cont p{ font-size:0.8em; color:#888;}
.news ul li a i{ position:absolute; right:0.5em; top:2em; display:block; width:2em; height:2em; background-image:url(../images/icon-more.png); background-size:100% 100%;}

/*�õ�Ƭ */
.ppt{ width:100%; height:67.56%; position:relative;}
.ppt img{ width:100%; height:auto; z-index:1;}		
.ppt .hd{ position:absolute; bottom:0; z-index:10; width:100%; text-align:center;}
.ppt .hd li{ display:inline-block; text-align:center; margin:20px 8px; width:12px; height:12px; background:#fff; opacity:0.6; border-radius:12px;}
.ppt .hd li.on{ background:#ef5e8e; opacity:0.9;}


.mrk{
  margin-top: 10px;
}
.mrk img{
 height: 139px;
}