@charset "utf-8";
/* CSS Document */
body{ overflow-x:hidden}
body{
	font-size:12px;
	color:#000;
	margin:0 auto;
	padding:0px;
	font-family:"Arial", "微软雅黑", "Helvetica", "sans-serif";
	font-size:14px;

	}
.t14{ font-size:14px}
img{ border:none}
div,ul,li
{
	color:#000;
	font-size:14px;
	font-family:"Arial", "微软雅黑", "Helvetica", "sans-serif";
	margin:0 auto; 
	padding:0;
	list-style:none
}
.mh{ display:none}
/*定义新型浏览器特性*/
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background:000}
::-webkit-scrollbar-track-piece{background:#f6f6f6}
::-webkit-scrollbar-thumb:vertical{background:#d0d0d0;}
::-webkit-scrollbar-thumb:vertical:hover{background:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background:#535353}
::-webkit-scrollbar-resizer:vertical{background:#FF6E00}
    .swiper-containerc {
      width: 100%;
	  float:left;
    }

    .swiper-containerc .swiper-slide{
      text-align: center;
      font-size: 18px;
      background: #fff;
text-align:center;
	  font-size:18px;
	  box-sizing: border-box;
	  border:1px solid #ddd;
	  font-weight:bold;
	  overflow:hidden;
	  padding:5px 0
    }
	
	    .swiper-containerc .swiper-slide img{
			width:95%; height:auto; overflow:hidden; vertical-align:middle
    }	
	
.swiper-paginationc{ text-align:center}
  .swiper-containera {
      width: 100%;
	  height:auto;
	  overflow:hidden

    }
    .swiper-containera .swiper-slide {
      text-align: center;
      font-size: 18px;

    }
	.swiper-containera .swiper-slide img{
	width:100%; height:auto; overflow:hidden
    }

.wryh{font-family:"Microsoft yahei"}
a,a:link,a:visited,a:active {
	color: #000;
	text-decoration: none;
}
a:hover {
	text-decoration:none;
	color: #0057b8;transition: all 0.5s;

}

#xsgs{text-align: center;
      font-size: 18px;
	  width:100%;
      background: #fff;
	  height:80px;
	  line-height:80px; text-align:center;
	  font-size:18px;
	  box-sizing: border-box;
	  border:1px solid #ddd;
	  font-weight:bold;
	  float:left;
	  margin-bottom:25px
}

*{ outline:none}
.clear{ clear:both}
.white,.white a{ color:#fff}
#allw{ width:100%; float:left; margin-bottom:20px}
#warp{ width:92%; padding-left:4%; padding-right:4%}
#warpa{ width:92%; padding-left:4%; padding-right:4%; margin-top:30px}
.cl{ clear:both}

header {
width: 100%;
overflow: hidden;
white-space: nowrap;
overflow-x: scroll;
background:#fff;
border-bottom:1px solid #ddd;
height:50px
}
header::-webkit-scrollbar {
display: none;
}

.nav {
display: inline-block;
height: 50px;
line-height: 50px;

}
.nav a{color:#333;margin-left: 16px;
margin-right: 15px; font-size:16px;height: 50px;
line-height: 50px;}

.nava {
display: inline-block;
height: 50px;
line-height: 50px;
background:#0057b8
}
.nava a{color:#fff;margin-left: 16px;
margin-right: 15px; font-size:16px;height: 50px;
line-height: 50px;}

#nyrban{ width:100%; float:left; border-bottom:2px solid #0058a7;margin-bottom:20px; height:40px; margin-top:15px}
#nyrban strong{ float:left; color:#0058a7; font-size:18px}
#nyrban span{ display:none}
#nyrban span img{ vertical-align:middle; margin-right:5px}
.case{

border-radius: 10px;
margin-bottom:40px;
border: 1px solid #00753b;
width:99% !important;
float:left;
overflow:hidden;

}

.case:hover{
transition: all 2s ease 0s !important;

}
.case:hover{

border: 5px solid #00753b;
}


.casea img{
transition: all 2s ease 0s;
}
.case:hover .casea img{
transform: scale(1.2);
}


.casea{ width:100%;overflow:hidden; float:left}
.casea img{ width:100%; height:auto; overflow:hidden}
.caseb{ width:96%; height:65px; text-align:center; line-height:65px; overflow:hidden; font-weight:normal; font-size:16px; float:left; padding:0 2%}
.topmar{ margin-top:15px}

#xwzxl{ width:100%; float:left}
#xwzxl strong{ width:100%; float:left; font-size:24px; height:35px; color:#000; text-align:center}
#xwzxl span{ width:100%; float:left; font-size:12px; color:#ababab; height:30px;text-align:center}

#xwzxm{ width:100%; float:left; margin-bottom:20px}
#xwzxm img{ width:100%; float:left; height:auto; overflow:hidden}

#xwzxma{ width:100%; float:left; margin-top:10px; height:40px; line-height:40px; overflow:hidden; font-size:16px}
#xwzxmb{ width:100%; float:left;font-size:16px; color:#ccc}

#xwzxr{ width:100%; float:left}

#xwzxl strong{ width:100%; float:left; font-size:28px; height:40px; color:#000;}
#xwzxl span{ width:100%; float:left; font-size:14px; color:#ababab; height:30px}

#xwzxlw{ width:100%; float:left; height:250px; background:url(index_18.png) left center repeat-y; margin-bottom:40px}

#xwzxl i a{ width:126px; float:left; font-size:14px; height:43px; line-height:43px; color:#fff; background:#0069b7; font-style:normal; text-align:center;border-radius:25px;}
#xwzxl i a:hover{background:#f9c402;}
#xwzxl i a img{ vertical-align:middle; margin-left:10px}

#xwzxrlist{ width:100%; float:left;}
#xwzxrlistl{ width:15%; float:left; height:72px; border-right:1px solid #ddd; padding-top:20px; text-align:right; padding-right:2%}
#xwzxrlistl strong{ width:100%; float:left; height:32px; font-size:20px; color:#999999;}
#xwzxrlistl span{ width:100%; float:left;font-size:14px; color:#999999;}

#xwzxrlistr{ width:76%; float:right;}
#xwzxrlistr1{ width:100%; float:left;height:28px; line-height:28px; overflow:hidden; font-size:16px; margin-bottom:5px}
#xwzxrlistr2{ width:100%; float:left;height:44px; line-height:22px; overflow:hidden; font-size:12px; color:#666}
#xwzxrlistr3{ width:100%; float:left; padding-top:6px}
.xwmar{ margin-bottom:23px}

#ywbk{ margin-top:25px; width:100%; background:#f8f7f5; background-size:cover;padding:30px 0 20px 0; margin-bottom:30px; overflow:hidden}
#ywbk strong{width:100%;height:44px; text-align:center; color:#000; font-size:28px; float:left}
#ywbk span{width:100%;height:35px; text-align:center; color:#ababab; font-size:14px; float:left; text-transform:uppercase}


#yqlj{ margin-top:45px; width:100%; padding-top:30px; padding-bottom:30px; background:#f9f9f9; overflow:hidden}
#yqlja{width:100%;height:44px; text-align:center; color:#000; font-size:28px; float:left; font-weight:bold}
#yqljb{width:100%;height:35px; text-align:center; color:#ababab; font-size:14px; float:left; text-transform:uppercase}

#fwlist{ width:100%; float:left}
#fwlist ul{ display:inline}
#fwlist ul li{ width:49%; float:left;transition: all 0.5s; overflow:hidden; max-height:230px; margin-bottom:15px}
#fwlist ul li img{ width:100%; height:auto; overflow:hidden;transition: all 0.5s;}
.fwmar{ margin-right:2%}

#I_xllistt{position:relative; width:100%;z-index:2; overflow: hidden; Top:-90px;left: 0px; color:#FFFFFF; text-align:center; font-size:1.125rem; float:left}
#I_xllistt b{ font-size:1.125rem; font-style:normal; float:left; width:100%; text-align:center; height:30px}
#I_xllistt i{ font-size:0.875rem; font-style:normal; float:left; width:100%; text-align:center}

#dqgz{ width:100%; float:left; margin-bottom:20px}
#xxgk{ width:100%; float:left}

#newstitle{ width:100%; float:left; height:50px;}
#newstitle strong{ color:#000; font-size:24px;float:left;}
#newstitle span a{ color:#999; font-size:14px;float:right; margin-top:12px}

#dqtp{ width:49%; float:left; height:140px; margin-bottom:10px; overflow:hidden}
#dqtp img{ width:100%;height:140px;}
#I_xllistta{ display:block;position:relative;height:40px; padding:0 2%; line-height:40px; width:96%;z-index:2; overflow: hidden; Top:-42px;left: 0px; color:#FFFFFF; text-align:center; font-size:16px; background:rgba(0,0,0,.5)}
.xwtpmar{ margin-right:2%}

#news{ width:100%; float:left}
#news li{ width:97%; float:left; padding-left:13px; background:url(index_25.jpg) left center no-repeat; height:40px; line-height:40px; font-size:16px; overflow:hidden}
#news li span{ float:right; color:#999999; padding-left:20px}


#newslist{ width:97%; float:left; padding-left:13px; background:url(index_25.jpg) left center no-repeat; height:40px; line-height:40px; font-size:16px; overflow:hidden}
#newslist span{ float:right; color:#999999; padding-left:20px}

#syhf{ width:100%; float:left; margin-bottom:20px}
#syhf img{ width:100%; height:auto; overflow:hidden}
#contentarea{ width:100%; float:left; font-size:16px; line-height:34px; padding-bottom:50px}
#contentarea img{ max-width:100%; height:auto; overflow:hidden}
#DispTitle
{
  width: 100%;
  font-size: 24px;
  text-align: center;
  float: left;
  font-family: "Microsoft Yahei", Helvetica, sans-serift;
  font-weight:bold;
  line-height:33px; margin-bottom:15px;
  padding-top:20px


}
#disp{ width:100%; border-bottom:1px dashed #ddd; height:30px; text-align:center; float:left; margin-bottom:20px}
#DispTitles{ width:100%; float:left; text-align:center; font-size:14px; height:40px; line-height:40px; border-bottom:1px solid #ddd; margin-bottom:15px}
	
.page_info{text-align:center;margin-top:10px;color:#333;font-family:"Microsoft Yahei"; margin-bottom:20px; float:left}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:28px;line-height:28px;text-align:center;letter-spacing:0;font-family:"Microsoft Yahei";font-size:10px;margin-top:20px;}
.page_list a{display:inline-block;color:#0057b8;border:1px solid #ddd;background:#fff;text-align:center;padding:0 10px;margin:0 1px;border-radius:4px;}
.page_list a:hover{color:#fff;border:1px solid #0057b8;background:#0057b8;}
.page_list a.on{color:#fff;border:1px solid #0057b8;background:#0057b8;}
.text
{
  line-height: 28px;
  border-bottom:1px  dotted #ddd;
  border-top:1px  dotted #ddd;
  padding-bottom:15px;
  float:left; width:100%;
  padding-top:10px
}


.input{ width:90%;outline: none;
    transition: .3s;
    border: none;
    background-color: #8f8f8f;
    padding-left: 8px;
    padding-right: 8px;
	color:#fff;
 font-size: 12px; height:34px; line-height:34px}
 input::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */
    color: #666;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */
    color: #666;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */
    color: #666;
}
input:-ms-input-placeholder { /* Internet Explorer 10+  适配ie*/
    color: #666;
}


#tabContainer
{
float:left;
width:100%;
margin-bottom:15px
}

#tabContainer li
{
padding:0;
float: left;
width: 50%;
height:36px;
font-size:16px;
}
#tabContainer a
{

display: block;
height:36px;
line-height:36px;

}
#tabContainer a.on
{

height:36px;
font-size:16px; 
line-height:36px;
color:#003c77;

}
.q1{ text-align:right; padding-right:15px;}
.q2{ text-align:left; padding-left:15px;}
#contentarea{ width:100%; font-size:16px; line-height:32px}
#contentarea img{ max-width:100%; height:auto; overflow:hidden}

var,em{font-style:normal;}
ul,ol{list-style-type:none;}
.slideBox{ width:100%; height:800px;overflow:hidden; position:relative;min-width: 990px;}
.slideBox .hd{ height:16px; overflow:hidden; position:absolute; left:47%; bottom:15px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{cursor: pointer; width:3em; height:6px; background:#fff; float:left; margin:0 .5em;}
.slideBox .hd ul li.on{ background:#eb2d26 !important;}
.slideBox .bd{ height:800px; width: 100%; z-index:0;   }
.slideBox .bd ul li{overflow: hidden;width: 100%; height: 800px;position: relative;  }
.slideBox .bd li a{display:block; width: 990px; height: 800px; margin:0 auto; position: relative;}
#dbline{ width:100%; height:20px; border-bottom:1px dashed #ddd; margin-top:20px; float:left; margin-bottom:20px}
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }


/*==============分享插=====================*/
.shart_box{ margin-bottom: 15px; height: 36px; font-weight:normal; padding-top:20px; width:100%; float:left}
#j_shart_s_24 .bds_count{ font-size:12px}
#j_shart_s_24{ position:relative;}
#j_shart_s_24 strong{ display:block; position:absolute; left:0; z-index:2; line-height:36px; font-size:12px; color: #a3a0a9; font-weight:normal}
#j_shart_s_24 .bds_qzone{background:url(j_shart.png) center -224px no-repeat}
#j_shart_s_24 .bds_tsina{background:url(j_shart.png) center -311px no-repeat}
#j_shart_s_24 .bds_tqq{background:url(j_shart.png) center -195px no-repeat}
#j_shart_s_24 .bds_renren{background:url(j_shart.png) center -340px no-repeat}
#j_shart_s_24 .bds_weixin{background:url(j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_sqq{background:url(j_shart.png) center -79px no-repeat}
#j_shart_s_24 .bds_fbook{background:url(j_shart.png) center -166px no-repeat}
#j_shart_s_24 .bds_twi{background:url(j_shart.png) center -137px no-repeat}
#j_shart_s_24 .bds_linkedin{background:url(j_shart.png) center -108px no-repeat}
#j_shart_s_24 .bds_tieba{background:url(j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_huaban{background:url(j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_douban{background:url(j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_copy{background:url(j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_print{background:url(j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_mshare{background:url(j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_count{font-size:12px}
/*二次添加*/


#header{ background:#fff; width:100%; padding-top:10px; padding-bottom:10px; overflow:hidden; border-bottom:1px solid #ddd}
#header .logo img{ width:50%; float:left; margin-left:2%}


#gywm{ width:100%; background:url(index_12.jpg) left  top center no-repeat #f9f9f9;margin-top:-10px}
#gywmr{ width:92%; float:left; padding:50px 4% ;background:url(index_13.jpg); background-size:cover;overflow:hidden}
#warpsy{ width:100%;}

#gywml{ width:92%; float:left; padding:0 4%; padding-top:30px}
#gywml1{ width:100%; float:left; color:#d3d3d3; font-size:32px; height:40px; font-weight:bold}
#gywml2{ width:100%; float:left; color:#00753b; font-size:22px; height:55px; font-weight:bold}
#gywml2 strong{ color:#000; font-size:16px; margin-left:8px}
#gywml3{ width:100%; float:left; color:#00753b; font-size:14px; line-height:30px;overflow:hidden; color:#666; margin-bottom:30px}
#gywml4{ width:100%;text-align:center; float:left;margin-bottom:30px}
#gywml4 a{ width:151px; display:inline-block; color:#fff; font-size:14px; line-height:42px; height:42px; overflow:hidden; text-align:center; background:#00753b}
#gywml4 a:hover{ background:#dc2f15}

#four{ width:100%; float:left;}
#four ul{ display:inline}
#four ul li{ width:35%; float:left; height:120px; color:#fff; padding-left:10%}
#four ul li span{ width:100%; float:left; height:40px; font-size:16px}
#four ul li strong{ width:100%; float:left;font-size:34px; font-family:'blod'}
#four ul li strong i{ font-style:normal;font-size:16px; margin-left:5px}

#alzs{ width:92%; float:left; padding:0 4%;}
#alzsta{ width:100%; float:left; margin-bottom:30px; text-align:center; padding-top:30px}
#alzst{ width:100%; float:left; margin-bottom:30px; text-align:center; padding-top:30px}
#alzst img,#alzsta img{ width:30%; overflow:hidden; height:auto}


#xwzxlist{ width:100%; float:left; height:155px}
#xwzxlistl{ width:35%; height:123px; float:left; overflow:hidden}
#xwzxlistl img{ width:100%; height:123px;}
#xwzxlistr{ width:60%; float:right; height:120px; border-bottom:1px solid #ddd}
#xwzxlistr1{ width:100%; float:left}
#xwzxlistr1a{ width:100%; float:left; font-size:16px; height:33px; line-height:33px; overflow:hidden; margin-bottom:5px}
#xwzxlistr1b{ width:100%; float:left; font-size:14px; height:44px; line-height:22px; overflow:hidden; color:#666}
#xwzxlistr2{ width:82px; float:right;}
#xwzxlistr2a{ width:100%; float:left; text-align:right; color:#999; height:40px; margin-top:6px}
#xwzxlistr2b{ width:70px; float:right; color:#999;height:34px; line-height:34px; border:1px solid #999;border-radius:25px; text-align:center}
#xwzxlist:hover #xwzxlistr2b{ background:#00753b; border:1px solid #00753b; color:#fff;transition: all 0.5s;}
#xwzxlist:hover #xwzxlistr1a{color:#00753b;transition: all 0.5s;}
	#xwzxlistl img{
		transition: all .5s ease 0s;
	}
#xwzxlist:hover #xwzxlistl img{
		transform: scale(1.2);
	}



#anli{width:100% !important; float:left; overflow:hidden;border: 5px solid #fff;border-radius:5px;
box-shadow: 0px 6px 14px 12px rgba(0,0,0,0.11);
-webkit-box-shadow: 0px 6px 14px 12px rgba(0,0,0,0.11);
-moz-box-shadow: 0px 6px 14px 12px rgba(0,0,0,0.11); margin-bottom:40px}
#anli1{width:100% !important; float:left;}
#anli1 img{width:100% !important; height:135px}
#anli2{width:100%; float:left; text-align:center; font-size:16px; height:40px; line-height:40px; overflow:hidden;}

#ddlc{ width:100%; overflow:hidden; background:#f8f8f8; padding:10px 0 20px 0; margin-top:30px}
#ddnr{ width:46%; float:left;  padding:15px 0 15px 2%; border:1px solid #ccc;background:#f8f8f8; margin-bottom:20px}
#ddnrl{ width:20%; float:left; padding-top:10px}
#ddnrl img{width:100%; overflow:hidden; height:auto; float:left}
#ddnrr{ width:75%; float:right; font-size:14px; line-height:25px; color:#232733; padding-top:5px}
#ddnrra{ width:75%; float:right; font-size:14px; line-height:50px; color:#232733; padding-top:5px}
#ddjt{ display:none}
.hzmar{ margin-right:2%}
.p5{ padding-top:10px; float:left}

#tabContainerb
{
float:left;
width:100%;
margin-bottom:20px;

}

#tabContainerb li
{
padding:0;
float: left;
width: 33.333%;
text-align: center;
height:40px;
font-size:16px;
padding-top:4px;
padding-bottom:4px;
border-top:1px solid #0704b4;
border-bottom:1px solid #0704b4;
}
#tabContainera a
{

display: block;
height:40px;
line-height:40px;

}
#tabContainerb a.on
{

height:40px;
font-size:16px; 
line-height:40px;
color:#fff;
background:#0704b4;

}



#flw{ width:100%; height:272px; position:relative; overflow:hidden; float:left; bottom:0}
#cpfl{ width:33.33%; float:left; margin-bottom:30px}
#cpfl1{ width:100%; float:left; height:90px;text-align:center}
#cpfl2{ width:100%; float:left; font-size:14px; text-align:center}
#cpfl:hover #cpfla{ opacity:1;bottom:0px;transition: all 0.5s;}


#cpfla{ width:233px; float:left; position:absolute; z-index:1; bottom:-20px;transition: all 0.5s;opacity:0;}
#cpfla1{ width:203px; float:left; background:#0057b8; font-size:18px; color:#fff; padding-left:30px; height:62px; line-height:62px}
#cpfla1 img{float:left; height:50px; margin-right:10px; margin-top:5px}
#cpfla2{ width:100%; float:left;height:210px;}
#cpfla2 img{ width:100%; float:left;height:210px;}

#empty{ width:100%; float:left; height:30px}
#gywms{ float:left; width:100%;}
#gywmt{ float:left; width:100%; margin-bottom:30px; text-align:center}
#gywmt img{ width:25%; height:auto; overflow:hidden}

#gywmta{ float:left; width:100%; margin-bottom:30px; text-align:center}
#gywmta img{ width:30%; height:auto; overflow:hidden}

#youshi{ width:100%; background:url(index_19.jpg) center no-repeat;  overflow:hidden ; padding-bottom:50px}
#youshiw{ width:90%; padding-bottom:30px; background:rgba(255,255,255,0.9); float:right; margin-top:50px; padding:0 5%; overflow:hidden}
#youshiw h1{ color:#00753b; font-size:24px; width:100%; float:left; height:55px; text-align:center}
#yslist{ width:100%; float:left}
#yslist li{ width:100%; float:left; height:90px}
#yslist li span{ width:10%; float:left; padding-right:3%}
#yslist li span img{ width:100%; height:auto; overflow:hidden}
#yslist li strong{ width:87%; float:right;}
#yslist li strong large{ width:100%; float:left; font-size:16px; height:30px; font-weight:normal; color:#000}
#yslist li strong small{ width:100%; float:left; font-size:14px; height:30px; font-weight:normal; color:#666}


#gywmarea{ float:left; width:100%; font-size:16px; line-height:30px; overflow:hidden; padding-top:20px;text-indent:2em}
.custom-btn {
float:left;
  width: 130px;
  height: 40px;
  color: #fff;
  border-radius: 25px;
  font-size: 14px;
  cursor: pointer;
  position: relative;
  display: inline-block;
  outline: none;
  margin-top:50px
}
.btn-12{
  position: relative;
  border:none;
  box-shadow: none;
  width: 130px;
  height: 40px;
  line-height: 42px;

}
.btn-12 span {
  background: #0057b8;
  color: #fff;
  display: block;
  position: absolute;
  width: 130px;
  height: 40px;
  border-radius: 25px;
  margin:0;
  text-align: center;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.btn-12 span:nth-child(1) {

  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: 50% 50% -20px;
  -moz-transform-origin: 50% 50% -20px;
  transform-origin: 50% 50% -20px;
}
.btn-12 span:nth-child(2) {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-transform-origin: 50% 50% -20px;
  -moz-transform-origin: 50% 50% -20px;
  transform-origin: 50% 50% -20px;
}
.btn-12:hover span:nth-child(1) {

  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
.btn-12:hover span:nth-child(2) {
 background: transparent;
  color: transparent;
  box-shadow: none;
  text-shadow: none;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}


#sysp{ float:right; width:620px; height:404px}
#sysp img{width:620px; height:404px; cursor:pointer}
#menu{ float:right;height:40px; margin-top:1px;width: 912px;}



#lxfs{ width:100%; float:left; font-size:14px; line-height:32px;  text-align:center; padding-top:20px}
#xwlist{ width:100%; float:left;transition: all 0.5s; padding-bottom:15px; overflow:hidden;border-bottom:1px solid #ddd; margin-bottom:25px;}
#xwlist1{ width:100%; float:left; height:40px; font-size:16px; background:url(g.jpg) bottom left no-repeat; margin-bottom:15px}
#xwlist2{ width:100%; float:left; height:30px; line-height:30px; overflow:hidden; font-size:18px; margin-bottom:10px}
#xwlist3{ width:100%; float:left; height:44px; line-height:22px; overflow:hidden; font-size:14px; color:#000;}
#xwlist4{ width:117px; float:left; height:34px; background:url(morea.png) left no-repeat; background-position:-80px 0; margin-bottom:25px; display:none}
#xwlist:hover #xwlist4{background:url(more.png) left no-repeat;transition: all 0.5s;}
#xwlist:hover #xwlist1{ color:#25a73a}
#xwlist:hover #xwlist2{ color:#25a73a}


#nxwlist{ width:100%; float:left; margin-bottom:25px; overflow:hidden; padding-bottom:20px; border-bottom:1px solid #ddd;}
#nxwlistl{ width:34%; float:left; overflow:hidden}
#nxwlistl img{ width:100%;height:90px;}
#nxwlistr{ width:62%; float:right;}
#nxwlistr1{ width:98%;float:left; height:26px; background:url(../images/index_13.jpg) left center no-repeat;line-height:26px; font-size:14px; color:#666; padding-left:70px;}
#nxwlistr2{ width:100%;float:left; height:30px;line-height:30px; font-size:16px; overflow:hidden; margin-top:5px}
#nxwlistr2 span{ float:left; font-size:14px;transition: all 0.5s;}
#nxwlist:hover #nxwlistr2 span{ margin-right:10px}
#nxwlist:hover #nxwlistr1{ color:#3ab5af; font-style:oblique;transition: all 0.5s;}


.mxw{ margin-left:620px}
#jsys{ width:100%; background:#f6f6f5; padding-top:24px; overflow:hidden}
#jsyst{ width:100%; margin-bottom:20px; float:left; text-align:center}
#jsyst img{ width:50%; height:auto; overflow:hidden}

#jsysarea{ width:100%; height:300px; float:left;background:url(mobile_07.jpg);}
#jsysnr{ width:92%; margin-top:50px; float:left; margin-left:4%}
#jsysnr1{ width:100%; float:left; font-size:22px; color:#fff; font-weight:bold; margin-bottom:20px}
#jsysnr2{ width:100%; float:left; font-size:14px; line-height:26px; color:#fff; margin-bottom:30px}
#jsysnr3{ width:100%; float:left; font-size:14px;color:#fff; text-decoration:underline}
#jsysnr3 a{color:#fff}

#foot{ width:100%; background:#fff; padding-top:50px; padding-bottom:50px; overflow:hidden}
#footmenu{ width:136px; float:left}
#footmenus{ width:300px; float:left}
#footmenua{ width:100%; float:left; height:34px; font-size:16px;}
#footmenub{ width:100%; float:left; height:30px; line-height:30px; font-size:14px; color:#333}

#copys{ background:#232733; padding:0 4%; width:92%; overflow:hidden; border-bottom:1px solid #373a45; padding-top:20px; padding-bottom:20px}
#footerr{ float:left; width:30%; text-align:center; font-size:12px; line-height:25px; color:#fff; margin-top:10px}
#footerr img{width:100%; height:auto; overflow:hidden}
#footmenuc{ width:65%; float:right; line-height:30px; font-size:12px; color:#fff}
#abouttit{ width:100%; float:left; color:##353744; font-size:24px; font-weight:bold; margin-bottom:10px; padding-top:20px}
#abouttita{ width:100%; float:left;font-family: Arial;
    font-size: 14px;
    color: rgba(53, 55, 68, 0.3);
	height:40px;
	background:url(tline.jpg) left bottom no-repeat;
	margin-bottom:20px
}

#fline{ width:100%; height:40px; border-bottom:1px solid #ddd; display:none}

#copy{ width:100%; line-height:30px; text-align:center; font-size:12px; color:#fff; background:#232733;padding-top:10px; padding-bottom:10px}
#copy a{ color:#fff}
#copyw{ width:1400px; height:66px; line-height:66px; color:#fff; font-size:14px}
#copyw span{ float:right}
#copyw a{color:#fff;}

#dqlm{ width:100%; float:left;color:#fff; font-size:40px; margin-top:110px; height:80px}
#dqwz{ width:100%; float:left; color:#fff; font-size:13px; }
#dqwz a{color:#fff}
#ejbg{ width:100%; height:80px; background:#fff}
#ejbgw{ width:1400px; height:80px; line-height:80px;}
#nydh a{ float:left; padding-left:30px; padding-right:30px; font-size:15px; line-height:80px}
#nydha a{ float:left; padding-left:30px; padding-right:30px; font-size:15px; line-height:80px; color:#0057b8}

.nybanfg {
    content: "";
	float:left;
    width: 1px;
    height: 15px;
    display: block;
    background: #ccc;
    margin-top: 34px;

}
.bodybg{ background:#fff}

#aboutTitle
{
  width: 100%;
  font-size: 18px;
  text-align: center;
  float: left;
  font-family: "Microsoft Yahei", Helvetica, sans-serift;
  font-weight:normal;
   margin-bottom:30px;
   height:46px;
   border-bottom:1px solid #ddd
}
header {
width: 100%;
overflow: hidden;
white-space: nowrap;
overflow-x: scroll;
background:#fff;
border-bottom:1px solid #ddd
}
header::-webkit-scrollbar {
display: none;
}

.nav {
display: inline-block;
height: 40px;
line-height: 40px;


}
.nav a{color:#333;margin-left: 15px;
margin-right: 15px;}

footer {
width: 100%;
overflow: hidden;
white-space: nowrap;
overflow-x: scroll;
background:#fff;
border-bottom:1px solid #ddd;
background:#0057b8
}
footer::-webkit-scrollbar {
display: none;
}

#newslistr{ width:165px; float:right; height:110px; display:none}
#newslistr img{ width:165px;height:110px;}
#newslistl{ width:100px; float:left; height:140px; margin-left:30px}
#newslistl1{ width:100px; float:left; height:54px; font-size:24px; color:#999}
#newslistl2{ width:38px; float:left; height:30px; font-size:24px; text-align:center; background:url(jt.jpg) center no-repeat; border:1px solid #fff}
#newslistm{ width:40px; float:left; height:13px; margin-left:20px; margin-right:20px; border-bottom:1px solid #666; margin-bottom:50px}
#newslist:hover #newslistl2{border:1px solid #0057b8;transition: all 0.3s; background:url(jta.jpg) center no-repeat #0057b8}
#newslisto{ width:877px; float:left; height:140px; margin-top:-5px}
#newslisto1{ width:100%; float:left; height:40px; line-height:40px; font-size:16px; font-weight:bold; color:#000; overflow:hidden}
#newslisto2{ width:100%; float:left; height:60px; line-height:30px; font-size:14px;  color:#999; overflow:hidden}
#newslist:hover #newslisto1{ color:#0057b8}

#zzry{ width:100%; float:left; margin-bottom:35px;}
#zzry1{ width:100%;float:left;height:auto; overflow:hidden}
#zzry1 img{ width:100%; height:auto; overflow:hidden}
#zzry2{ width:96%; height:50px; line-height:50px; float:left; padding-left:2%; padding-right:2%; overflow:hidden; background:#f2f2f2; text-align:center}
.zzmar{ margin-right:64px}