body{height: 100%; font-size:14px; font-family:Microsoft Yahei, Arial, Helvetica, sans-serif;color:#fff;} 
.page-header{
   height:90px;
   width:100%;
   background-color:#373f52;
}
.header-con{
   margin:0px auto;
   width:1200px;
   
}
.header-logo{
   background:url(../images/yh/logo.png) no-repeat;
   width:166px;
   height:50px;
   float:left;
   margin-top:20px;
}
.header-nav{
   float:right;
   margin-top:28px;
   width:540px;
}
.header-nav li{
   float:left;
   font-size: 14px;
   padding: 6px 15px;
   cursor:pointer;
   margin-left: 2px;
}
.header-nav li:hover{
   background-color:#f10708;
   border-radius:5px;
}
.header-nav li.active{
   background-color:#f10708;
   border-radius:5px;
}
.header-nav a:hover {
    color: #fff;
}
.page-section{
   width:100%;
   position:relative;

}
.section-s1{
   
}
.section-s2{
   height:430px;
   background-color:#ebebeb;
}
.yw-list{
	padding-top:120px;
	padding-left:68px;
}
.yw-text{
   text-align:center;
   width:100%;
  padding-top:20px;
}
.yw-list li{
	width:186px;
	text-align:center;
	color:#505a5d;
	float:left;
	cursor:pointer;
	height:250px;
}
.yw-icon-hyzl{
	background:url(../images/ywICON/yw_01.png) no-repeat center top;
	height:118px;
	width:100%;
}
.yw-icon-hlch{
	background:url(../images/ywICON/yw_02.png) no-repeat center top;
	height:118px;
	width:100%;
}
.yw-icon-sbzl{
	background:url(../images/ywICON/yw_03.png) no-repeat center top;
	height:118px;
	width:100%;
}
.yw-icon-wmsj{
	background:url(../images/ywICON/yw_04.png) no-repeat center top;
	height:118px;
	width:100%;
}
.yw-icon-ycyy{
	background:url(../images/ywICON/yw_05.png) no-repeat center top;
	height:118px;
	width:100%;
}
.yw-icon-qyxxsj{
	background:url(../images/ywICON/yw_06.png) no-repeat center top;
	height:118px;
	width:100%;
}
.section-s21{
   height:490px;
   background-color:#fafafa;
}
.sec-con{
	width:1200px;
	margin:0px auto;
}
.section-map{
   height:350px;
}
.page-footer{
   background-color:#373f52;
   width:100%;
}
.fo-bottom{
   height:60px;
   width:100%;
   background-color:#424f6f;
   text-align:center;
   line-height:60px;
   color:#797e96;
}
.fo-con{
  
   height:186px;
   width:1200px;
   margin:0px auto;
}
.fo-icon-con{
   margin: 0 auto;
    padding-top: 60px;
    width: 1000px;
}
.fo-icon-con li{
	float:left;
	width:200px;
	color:#797e96;
	font-size:12px;
	text-align:center;
}
.map-overlay{
  background-color:rgba(51,59,79,0.9);
  position:absolute;
  bottom:0px;
  height:50px;
  left:0px;
  right:0px;
  text-align:center;
  line-height:50px;
}
.icon-div{
	background:url(../images/yh/icon.png) no-repeat;
	height:40px;
	width:100%;
}
.fo-icon-con .i-phone{
	background-position:center 0px;
}
.fo-icon-con .i-mphone{
	background-position:center -40px;
}
.fo-icon-con .i-printno{
	background-position:center -80px;
}
.fo-icon-con .i-email{
	background-position:center -120px;
}
.fo-icon-con .i-www{
	background-position:center -160px;
}
.janli{
	cursor:pointer;
}
.banner {
    height: 700px;
    overflow: hidden;
    position: relative;
}
.banner li {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

a {
    color: #fff;
    cursor: pointer;
    text-decoration: none;
}
.banner img {
  /* width: 100%;*/
   height:100%;
}
input, select, img {
    vertical-align: middle;
}
fieldset, img {
    border: 0 none;
}

.scroll_prev {
    background: url("../images/scroll_btn.png") no-repeat scroll 0 center rgba(0, 0, 0, 0);
    left: 2%;
}
.scroll_next {
    background: url("../images/scroll_btn.png") no-repeat scroll -27px center rgba(0, 0, 0, 0);
    right: 2%;
}
.scroll_prev, .scroll_next {
    cursor: pointer;
    height: 100%;
    position: absolute;
    top: 0;
    width: 27px;
    z-index: 20;
}
.info_num {
    bottom: 12px;
    left: 49%;
    position: absolute;
    z-index: 20;
}
.info_num a {
    background: none repeat scroll 0 0 #8ed1e4;
    border-radius: 10px;
    display: block;
    float: left;
    height: 10px;
    margin-left: 5px;
    text-indent: -9999px;
    width: 10px;
}
.info_num a:hover, .info_num a.on {
    background: none repeat scroll 0 0 #0a7899;
}

.v_block:hover img{
  opacity : 1;
  -webkit-transform: scale(1.12);
  transform: scale(1.12);
}
.v_block{
  overflow:hidden;
}
.v_block img{
 transform: scale(1);
 transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
 -webkit-transition: opacity 0.35s ease 0s, -webkit-transform 0.35s ease 0s;
 opacity : 1;
}

.v_block{ position:relative;  }
.v_block img{ width:100%; height:auto;cursor:pointer;}


.flip-container {perspective: 1000;
-webkit-perspective: 1000px; /*父类容器中 perspective 子类允许透视*/
-moz-perspective: 1000px;
-ms-perspective: 1000px;
-o-perspective: 1000px;
perspective: 1000px;

position:relative;
}
.flip-container:hover .back {
transform: rotateY(0deg); -webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg); z-index:2;
}
.flip-container:hover .front { 
     transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg); z-index:1}
.flip-container, .front, .back {width: 186px;height: 183px;}
.flipper {
transition:transform 0.6s ease-out;
transition: transform .5s ease-in-out;
-webkit-transition: transform .5s ease-in-out;
-moz-transition: transform .5s ease-in-out;
-ms-transition: transform .5s ease-in-out;
-o-transition: transform .5s ease-in-out;
-webkit-transform-style: preserve-3d; /*使其子类变换后得以保留 3d转换后的位置*/
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
display:block;position: relative;
}
.front, .back {
backface-visibility: hidden;transition: 0.6s ease-out;-webkit-transition: .6s ease-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;position: absolute;top: 0;left: 0;
}

.front {z-index: 2;transform: rotateY(0deg);transform: rotateY(0deg); -webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg);}
.back { z-index:1;transform: rotateY(-180deg);transform: rotateY(-180deg);-webkit-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);-o-transform: rotateY(-180deg);}
.section-ul li{
	float:left;
	width:155px;
}
.section-ul{
	  margin: 40px auto;
    width: 930px;
}
.section-ul-shebei{
	padding-left:28px;
	padding-top:0px;
	text-align:center;
}
.section-ul-shebei li{
	float:left;
	width:293px;
}
/*切换样式*/


.bd .picList li {
    float: left; display: inline; background: #fff; padding: 2px; position: relative; }
.bd{ padding:0 0px; }
.bd ul{ overflow:hidden; zoom:1; }
.bd ul li{ margin:; float:left; _display:inline; overflow:hidden; text-align:center;  }
 .bd ul li { text-align:center; }
.bd ul li img{ width:295px; height: 205px; display:block;  }
 .bd ul li a:hover img{ border-color:#999;  }
 .bd ul li .title{ line-height:24px;   }

/*鼠标悬停*/
.da-thumbs li a,.da-thumbs li a img { display: block; position: relative;}
.da-thumbs li a { overflow: hidden;}
.da-thumbs li a div { position: absolute; background:#000; width: 100%; height:205px; overflow:hidden; opacity:.8; filter:alpha(opacity=80);}
.da-thumbs li a div.da-animate { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
/* Initial state classes: */
.da-slideFromTop { left: 0px; top: -100%;}
.da-slideFromBottom { left: 0px; top: 100%;}
.da-slideFromLeft { top: 0px; left: -100%;}
.da-slideFromRight { top: 0px; left: 100%;}
/* Final state classes: */
.da-slideTop { top: 0px;}
.da-slideLeft { left: 0px;}
.da-thumbs li a div span { display: block;position: relative;}
.home_ad .picScroll-left .bd .da-thumbs li a div span img { width: 142px; height: 48px; border: 0; position: absolute; left: 40px; top: 60px;}


.yws2-ul{
	
	
}
.yws2-ul li{
	float:left;width:218px;height:259px;margin-left:10px;text-align:center;
}
.yws2-ul li span{
	line-height:30px;
}
.section-ul-shebei img{
	display:block;
}
.section-ul-shebei li span{
    color:#2f2f2f;
	line-height:30px;
	
}
.nav-phone{
	color: #5c6579;
    float: right;
    font-size: 24px;
    height: 30px;
    line-height: 23px;
    margin-top: 4px;
    padding-left: 30px;
    width: 167px;
	background:url(../images/ymdh.png) no-repeat;
	
}