@charset "gbk";
/* CSS Document */
body{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#666;
	line-height:1.5;
	font-size:0.8rem;
	max-width:640px;
	min-width:320px;
	margin-left:auto;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:auto;
	background:#f2f2f2
	
	}
*{
	margin:0;
	padding:0;
	}
img{
	border:0;
	}
ul,li{
	list-style:none;
	}
a{
	color:#666;
	text-decoration:none;
	}
a:hover{
	color:#613f35;
	text-decoration:none;
	}
table{ margin: auto}
em{ font-style:normal}
i{ font-style:normal}
.header{ width:90%; float:left; height:5rem; line-height:5rem; padding-left:5%; padding-right:5%; position: fixed; z-index:111; left:0; top:0;}

.fh{ width:10%; float:left; position:absolute; z-index:11; left:0; top:0; height:3.0rem}
.fh span{ height:100%; display:inline-block; vertical-align:middle}
.fh img{ max-width:50%; max-height:1.2rem; vertical-align:middle}

.logo{ height:5rem; float:left; width:100%; }
.logo span{height:100%; vertical-align:middle; display:inline-block;}
.logo img{ max-height:3rem; max-width:60%; vertical-align:middle}

.nav-bar2 { width:10%; height: auto; float:right; height:5rem; position:absolute; z-index:11; right:3%; top:0 }
.nav-bar2 img{ max-width:80%; max-height:4rem; vertical-align:middle}
.nav-bar2 span{ display:inline-block; height:100%; vertical-align:middle}

.nav-bg { width:0px; height: auto; overflow:hidden; position: absolute; right:0px; top:-4px; z-index:998; background:url(../images/fangzi.png) no-repeat center bottom;background-color:#000000;  }
.v_close { display:block; position: absolute; top: 3%; right: 4%; z-index:102;  width: 25px; height: 25px; background:url(../images/close.png) no-repeat; background-size:100% 100%; display:none;}
.nav { margin:0 0 0 0; }

.subNavBox{width:94%;float:left; padding-left:3%; padding-right:3%; background:#000000; margin-top:4.0rem }
.subNav{width:100%; float:left; HEIGHT:4.5rem;DISPLAY: block; line-height:4.5rem; FONT-SIZE:1.2rem; OVERFLOW: hidden; CURSOR: pointer; color:#613f35;color:#fff; text-transform:uppercase; text-align:left; text-align:center; font-family:Arial, Helvetica, sans-serif}
.subNav a{ color:#FFF}


.main{ width:94%; float:left; padding-left:3%; padding-right:3%}
.cp{ width:100%; float:left; margin-top:0.2rem }
.cp-l{ width:49.5%; float:left; height:18.2rem; text-align:center; background:#FFF}
.cp-l span{ height:100%; display:inline-block; vertical-align:middle}
.cp-l img{ max-width:100%; max-height:18.2rem; vertical-align:middle}
.cp-r{ width:49.5%; float:right}
.cp-r ul li{ width:100%; float:left; height:9.0rem;background:#FFF; text-align:center}
.cp-r ul li span{ height:100%; display:inline-block; vertical-align:middle}
.cp-r ul li img{ max-width:100%; max-height:9.0rem; vertical-align:middle}

.cp1{ width:49.5%; float:left; height:18.2rem; text-align:center; background:#FFF; margin-top:0.2rem }
.cp1 ul li{ width:100%; height:18.2rem; float:left}
.cp1 ul li span{ height:100%; display:inline-block; vertical-align:middle}
.cp1 ul li img{ max-width:100%; max-height:18.2rem; vertical-align:middle}

.cp2{ width:49.5%; float:right; margin-top:0.2rem}
.cp2 ul li{ width:100%; float:left; height:9.0rem;background:#FFF; text-align:center}
.cp2 ul li span{ height:100%; display:inline-block; vertical-align:middle}
.cp2 ul li img{ max-width:100%; max-height:9.0rem; vertical-align:middle}

.cp3{ width:49.5%; float:right; margin-top:0.2rem}
.cp3 ul li{ width:100%; float:left; height:9.0rem;background:#FFF; text-align:center}
.cp3 ul li span{ height:100%; display:inline-block; vertical-align:middle}
.cp3 ul li img{ max-width:100%; max-height:9.0rem; vertical-align:middle}

.cp4{ width:49.5%; float:left; margin-top:0.2rem}
.cp4 ul li{ width:100%; float:left; height:9.0rem;background:#FFF; text-align:center}
.cp4 ul li span{ height:100%; display:inline-block; vertical-align:middle}
.cp4 ul li img{ max-width:100%; max-height:9.0rem; vertical-align:middle}

.cp5{ width:49.5%; float:right; margin-top:0.2rem}
.cp5 ul li{ width:100%; float:left; height:9.0rem;background:#FFF; text-align:center}
.cp5 ul li span{ height:100%; display:inline-block; vertical-align:middle}
.cp5 ul li img{ max-width:100%; max-height:9.0rem; vertical-align:middle}

.cp6{ width:49.5%; float:right; margin-top:0.2rem; height:18.2rem; background:#FFF}
.cp6 ul li{ width:100%; float:left; height:18.2rem;background:#FFF; text-align:center}
.cp6 ul li span{ height:100%; display:inline-block; vertical-align:middle}
.cp6 ul li img{ max-width:100%; max-height:18.2rem; vertical-align:middle}

.cp7{ width:49.5%; float:left; margin-top:0.2rem}
.cp7 ul li{ width:100%; float:left; height:9.0rem;background:#FFF; text-align:center}
.cp7 ul li span{ height:100%; display:inline-block; vertical-align:middle}
.cp7 ul li img{ max-width:100%; max-height:9.0rem; vertical-align:middle}

.cp8{ width:49.5%; float:left; margin-top:0.2rem;}
.cp8 ul li{ width:100%; float:left; height:9.0rem;background:#FFF; text-align:center}
.cp8 ul li span{ height:100%; display:inline-block; vertical-align:middle}
.cp8 ul li img{ max-width:100%; max-height:9.0rem; vertical-align:middle}

.cp9{ width:49.5%; float:left; margin-top:0.2rem}
.cp9 ul li{ width:100%; float:left; height:9.0rem;background:#FFF; text-align:center}
.cp9 ul li span{ height:100%; display:inline-block; vertical-align:middle}
.cp9 ul li img{ max-width:100%; max-height:9.0rem; vertical-align:middle}

.cp10{ width:49.5%; float:right; margin-top:0.2rem}
.cp10 ul li{ width:100%; float:left; height:9.0rem;background:#FFF; text-align:center}
.cp10 ul li span{ height:100%; display:inline-block; vertical-align:middle}
.cp10 ul li img{ max-width:100%; max-height:9.0rem; vertical-align:middle}



.foot{ width:100%; float:left; background:#1a1a1a; margin-top:0.2rem; padding-bottom:2.0rem; padding-top:2.0rem}
.dblogo {width: 100%;  height: auto; text-align: center; float:left;}
.dblogo span{ height:100%; display:inline-block; vertical-align:middle}
.dblogo img{ width:210px; height: auto; vertical-align:middle}

.share {width:100%; text-align:center; float:left; margin-top:1.0rem }
.share a {
  margin-left:10px; margin-right:6px;
  text-indent: -9999px;
  background: url(../images/icon_foot_share.png) 0px 0px no-repeat;
  -webkit-transition: none;
          transition: none; padding:15px; padding-bottom:8px; padding-top:8px; line-height:30px; }
.share .wx {
  background-position: -58px 0px; }
.share .be {
  background-position: -115px 0px; }
.share .q {
  background-position: -174px 0px; }
.share .o {
  background-position: -226px 0px; }
.share a:hover {
  background-position-y: -35px; }

.crp {
  left: 0;
  letter-spacing:0em; width:94%; text-align:center; float:left; padding-left:3%; padding-right:3%; font-size:0.6em; margin-bottom:1.5rem  }
.crp p, .crp a {
  line-height: 1;
  color: #808080;line-height:1.2rem; }

.contact{ width:100%; float:left; margin-top:0.5rem;font-size:0.6em;}
.contact dl dt{ height:3.0rem; text-align:center}
.contact dl dt span{ height:100%; display:inline-block; vertical-align:middle}
.contact dl dt img{ max-width:100%; max-height:2.0rem; vertical-align:middle}
.contact dl dd{ line-height:1.2rem; text-align:center; color:#8d8d8d; }


.about{ width:100%; border-bottom:1px solid #ddd; padding-bottom:1.0rem; line-height:1.5rem; text-align:center; margin-bottom:1.0rem; margin-top:1.0rem}
.fw{ width:100%;  margin-top:0.5rem; border-bottom:0px solid #ddd; padding-bottom:0rem; float:left}
.fw img{ width:100%; height:auto}
.bt{ width:100%; margin:auto; text-align:center; margin-top:1.0rem; float:left}
.bt dl dt{ font-size:1.5rem; line-height:1.6rem; color:#333}
.bt dl dd{ font-size:0.7rem; line-height:1.2rem; color:#333}




.team{ width:100%; padding-bottom:40px; height:800px; margin-top:40px; border-bottom:1px solid #ddd}
.team ul li{ overflow:hidden; text-align:center; width:49%; float:left; margin-left:0.5%; margin-right:0.5%; height: auto; position:relative; margin-top:5px; text-align:center }

.team ul li img{ max-width:100%; display:block}

.team ul li .mark{ background:#000;opacity:0.7; display:none; width:100%; height:100%; position:absolute; left:0; top:0; z-index:15; text-indent:-3000px; overflow:hidden;filter:alpha(opacity=0.7);}

.team ul li .mark2{ width:100%; height: auto; position:absolute; left:0; top:26%; color:#fff; z-index:20;display:none; cursor:pointer}
.team ul li .mark2 dl dt{ color:#fff; font-size:1.0rem; line-height:2.5rem;}
.team ul li .mark2 dl dt i{ padding-bottom:10px; border-bottom:2px solid #84e818}
.team ul li .mark2 dl dd{ color:#8a8a8a; font-size:0.8rem; line-height:2.0rem;}

.zxly{ width:90%; height: auto; padding-left:5%; padding-right:5%; background:#FFF; padding-bottom:1.0rem; padding-top:1.0rem; float:left}
.zxly h1{ font-size:1.5rem; font-weight:normal; line-height:3.0rem;}
.zxly dl{ width:45%; float:left}
.zxly dl dt{ font-size:1.0rem; color:#333; line-height:2.0rem; margin-top:1.0rem;}
.zxly dl dd{ height:2.0rem; line-height:2.0rem; border-bottom:1px solid #ddd}
.bk{ border:0; width:100%; height:2.0rem; line-height:2.0rem; color:#999; font-family:'Î¢ÈíÑÅºÚ'; font-size:1.0rem}
.zxly dl dd span{ float:right; width:20%; text-align:right}

.zp{ width:100%; background:#FFF; padding-bottom:0rem; padding-top:2.0rem; margin-top:1.0rem; margin-bottom:0rem; float:left}
.zp01{ width:100%; float:left; border-bottom:1px solid #ddd; padding-bottom:0.5rem;}
.zp01 dl dt{ font-size:1.5rem; color:#333; line-height:1.5rem; margin-left:5%;}
.zp01 dl dd{ font-size:1.0rem; color:#999; line-height:1.5rem; margin-left:5%;}

.subNavBox2{width:100%; float:left}
.subNav2{width:90%; HEIGHT:2.5rem;DISPLAY: block; line-height:2.5rem; FONT-SIZE: 1.0rem; OVERFLOW: hidden; CURSOR: pointer; padding-left:5%; padding-right:5%; background:url(../images/jia.png) no-repeat 95% 0.5rem; border-bottom:1px solid #eee }
.currentDd2{color:#333; background:url(../images/jia.png) no-repeat 95% 0.5rem; }
.currentDt2{COLOR: #333; }
.navContent2{display: none;width:90%; padding-left:5%; padding-right:5%; color:#999; line-height:1.5rem; padding-bottom:1.0rem; padding-top:1.0rem; }
.navContent2 p{color:#999;}

.box{ width:100%; float:left; padding-bottom:0.0rem;}
.box li { width:100%; float:left;margin-top:1.0rem;position:relative; height: auto; text-align:center;}
.box li span{ width:90%; top:40%; left:5%; color:#FFF; font-size:1.2rem; text-transform:uppercase; position:absolute; z-index:1; letter-spacing:0.1em}
.box li span i{ font-size:1.0rem}
.box li img{ width:100%; height:auto;}
.box .showMorehandle{ text-align:center; cursor:pointer;margin-top: 20px;}

.lc{ width:100%; float:left; margin-top:1.0rem; }
.lc01{ width:49.5%; height: auto; background:#1a1a1a;  float:left; margin-bottom:0.2rem}
.lc01 dl dt{ height: auto; text-align:center; line-height:1.5rem; color:#a8a8a8; font-size:0.6rem}
.lc01 dl dd{ height:6.0rem; text-align:center;}
.lc01 dl dd span{ height:100%; display:inline-block; vertical-align:middle}
.lc01 dl dd img{ max-width:80%; max-height:3.0rem; vertical-align:middle}
.lc01 a{ width:100%; float:left; height:9rem;border-bottom:2px solid #1a1a1a;}
.lc01 a:hover{border-bottom:2px solid #86d706}
.lc01 a:hover dl dt{ color:#FFF}
.tex{ width:100%; float:left; margin-top:0.2rem; line-height:1.5rem}
.tex img{ width:100%; height:auto}

.word{ width:100%; margin: auto; height:auto;  margin-bottom:0.5rem; margin-top:0.2rem}
.word01{ width:49.5%; background:#1a1a1a; float:left; margin-top:0.2rem}
.word01 dl dt{ height:2.0rem; text-align:center; line-height:2.0rem; color:#a8a8a8; overflow:hidden}
.word01 a{ width:100%; float:left;height:2.0rem;border-bottom:2px solid #1a1a1a;line-height:2.0rem;}
.word01 a:hover{border-bottom:2px solid #86d706}
.word01 a:hover dl dt{ color:#FFF}
#word01on{border-bottom:2px solid #86d706}



.xlm{ width:100%; height: auto; margin-top:1.0rem;}
.xlm dl dt{ line-height:2.5rem; font-size:1.2rem; text-align:center; color:#333; font-weight:bold; letter-spacing:1px;}
.xlm dl dd{ line-height:1.5rem; font-size:0.8rem; color:#333; text-align:center; margin-top:0.5rem;}

.hz{ width:99.8%; border-left:1px solid #ddd; border-top:1px solid #ddd; height: auto; margin-top:1.0rem; margin-bottom:0.5rem; float:left}
.hz ul li{ width:33.0%; float:left; border-bottom:1px solid #ddd; border-right:1px solid #ddd; height:4.0rem; text-align:center}
.hz ul li span{ height:100%; display:inline-block; vertical-align:middle}
.hz ul li img{ max-width:60%; max-height:2.0rem; vertical-align:middle}

.title{ width:100%; float:left; margin-top:1.5rem; text-align:center; line-height:3.0rem; font-size:1.2rem}
.date{ width:100%; float:left; text-align:center; color:#999; border-bottom:1px dashed #ddd; line-height:2.5rem}
.next{ width:100%; float:left; margin-top:2rem; border-top:1px dashed #ddd; padding-top:1.0rem; font-size:1.0rem; line-height:2.0rem}



.fy { width:100%; float:left; margin-top:1.0rem; margin-bottom:1.0rem; text-align:center}
.fy a { padding:5px;}


.dialog {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000; }
.dialog .dialog_mask {
  height: 100%;
  background: #2a2b2f;
  opacity: .9; }
.dialog .dialog_main {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  background: #fff; }
.dialog .dialog_main_active {
  display: block; }
.dialog .dialog_wx {
  width: 200px;
  margin: -160px 0 0 -145px;
  padding: 45px 45px 30px 45px; }
.dialog .dialog_wx img {
  display: block;
  width: 100%;
  margin-bottom: 30px;
  padding-top: 1000px;
  margin-top: -1000px; }
.dialog .dialog_wx p {
  line-height: 1;
  font-size: 18px;
  letter-spacing: 5px;
  text-align: center; }













