body{overflow-x:hidden;}
ul li{ list-style:none;}
.clear{ clear:both;}
.left{ float:left;}
.right{ float:right;}
.zs2-1{ overflow:hidden; margin-bottom:6%}
.zs2-1 .left{ width:40%}
.zs2-1 .left p img{ width:100%}
.zs2-1 .right{ width:56%}
.zs2-1 .right p{ background:url(../images/yw1-7.jpg) no-repeat left top 3px; padding-left:30px; font-size:14px; line-height:35px; margin-bottom:4%}
.cent {
  max-width: 1200px;
  margin: auto;
  overflow: hidden;
}
.yw1 ul li {
  width: 50%;
  list-style: none;
}
.flexslider{position:relative;overflow:hidden;}
.flexslider .slides{position:relative;z-index:1;}
.flexslider .slides li a{ display:block;}
.flexslider .slides li img{ width:100%}
.flex-control-nav{position:absolute;bottom:50px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:24px;height:24px;margin:0 15px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:24px;height:24px;line-height:60px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.lx-bt strong{ font-size:14px; color:#666; font-weight:normal; line-height:26px; margin-top:1%; display:block}
.gy1-1 ul{ overflow:hidden; margin-bottom:5%}
.gy1-1 ul li{ float:left; width:33%; font-size:18px; padding:1% 0; font-weight:bold; color:#3772c2; text-align:center; background:url(../images/sy1-1.jpg) no-repeat center right}
.gy1-1 ul li span{ font-weight:normal; font-size:18px; display:block; margin-top:1%}
.gy1-1 ul li:last-child{ background:none}
.gy1-1 p{ font-size:14px; color:#666; line-height:35px; margin-top:3%}
.gy2{ background:url(../images/gy1-1.jpg) no-repeat center; overflow:hidden; padding-bottom:6%}
.gy1-1{ margin-bottom:6%}
.gy2-1 .left{ width:45%;}
.gy2-1 .right{ width:47%; padding:2% 4%; background:#efefef;}
.gy2-1 .right p{ font-size:14px; line-height:40px}
#demo2 .flex-direction-nav{ display:block; position:absolute;z-index:3;width:100%;bottom:13%;}
#demo2 .flex-direction-nav li a{display:block;width:34px;height:43px;overflow:hidden;cursor:pointer;position:absolute;}
#demo2 .flex-direction-nav li a.flex-prev{left:39%;background:url(../images/gy1-3.jpg) center center no-repeat;}
#demo2 .flex-direction-nav li a.flex-next{left:42.1%;background:url(../images/gy1-4.jpg) center center no-repeat;}
#demo2 .flex-control-nav{ display:none}
#demo2.flexslider .slides li img{ height:325px}
.gy3-1 .lx-bt{ text-align:left; background:url(../images/gy1-5.jpg) no-repeat center right; margin:9% 0 7%; font-size:20px}
.gy3-1 .lx-bt span{ display:inline-block; color:#666; font-size:20px}
.gy3-2{ overflow:hidden; margin:6% 0 6% -10%;}
.gy3-2 dl{ float:left; width:23.333%; margin-left:10%}
.gy3-2 dl dt img{ width:100%; height:369px}
.gy3-2 dl dd{ font-size:18px; text-align:center; margin-top:3%}
.gy3-2 dl .g1{ border-top:#ccc 1px solid; border-bottom:#ccc 1px solid; width:100%; overflow:hidden; display: table; font-size:14px; color:#666; text-align:center; padding:1% 0; height:38px}
.gy3-2 dl .g1 span{ display: table-cell; vertical-align: middle;}
.gy3-1{ background:url(../images/bj.png) no-repeat top left; background-size:82.1%}
.lx-bt{ margin:6% 0; font-size:20px; text-align:center}
.lx-bt span{ display:block;}
.lx-bt span:nth-child(1){ font-size:20px; margin-top:0.5%}
.lx-bt span:nth-child(2){ font-size:16px; color:#666; margin-top:1.5%}
.yw1 ul li{ width:50%}
.yw2{ overflow:hidden;}
.yw2 dl{ position:relative; width:100%}
.yw2 dl dt img{ width:100%; height:330px}
.ydyl{ width:100%; position:absolute; bottom:0; left:0; z-index:9999; font-size:24px; padding:3% 5%; color:#fff; overflow:hidden}
.yw22{ overflow:hidden; margin-top:-2%; margin-left:-2%}
.flexslider11{ float:left; width:48%; margin-left:2%; margin-top:2%}
.flexslider11 .ydyl img{ float:right; margin-top:12px; width:37px; height:9px}
.flexslider11 .flex-control-nav{ display:none} 
.flexslider11 .flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flexslider11 .flex-direction-nav li a{display:block;width:40px;height:40px;overflow:hidden;cursor:pointer;position:absolute; background-size:100% !important}
.flexslider11 .flex-direction-nav li a.flex-prev{left:0;background:url(../images/xj-z.png) center center no-repeat;}
.flexslider11 .flex-direction-nav li a.flex-next{right:0;background:url(../images/xj-y.png) center center no-repeat;}
.yw2 dl a .pop{position: absolute;bottom:0;left:0;width: 100%;height:0;background: rgba(12,16,33,.5);text-align: center;overflow: hidden;}
.yw2 dl a .pop .con{ display: inline-block; vertical-align: middle; padding:19% 0 0;}
.yw2 dl a .pop i{ display: inline-block; vertical-align: middle; height: 100%;}
.yw2 dl a .pop p{ margin:0 auto 30px;  max-width: 340px; color: #ffffff; font-size: 18px; line-height: 28px; max-height:84px; overflow: hidden;}
.yw2 dl a .pop span{ display: inline-block; width: 48px; height: 48px; background: url(../images/ico_search.png);}
.yw2 dl a:hover .pop{ height: 100%;}
.transition {
	-webkit-transition: all ease .4s;
	   -moz-transition: all ease .4s;
	    -ms-transition: all ease .4s;
	     -o-transition: all ease .4s;
	        transition: all ease .4s;
}
#medias{ height:inherit !important}
.MsoNormal video{ max-width:100%} 
.visible-xs-block img,.ywx1 img{ max-width:100%}
.ywx1 img{ height:inherit !important}

@media (max-width: 1024px){

  .yw2 dl dt img{ height:164px}
.ydyl{ font-size:16px}
.yw2 dl a .pop p{ font-size:14px; margin-bottom:5px}
.yw2 dl a .pop span{ width:30px; height:30px}
.flexslider11 .ydyl img{ margin-top:6px}
.flexslider11 .flex-direction-nav li a{ width:30px; height:30px}
}
@media (max-width: 640px){
  .lx-bt{ font-size:16px} 

  .lx-bt span:nth-child(1){ font-size:14px}
  
  .lx-bt span:nth-child(2){ font-size:12px}
  
.lx-bt strong{ font-size:12px;line-height: 18px;}

.lx-bt strong br{ display:none}
.gy1-1 ul li{ font-size:16px}

.gy1-1 ul li span{ font-size:14px}

.gy1-1 p{ line-height:22px}

.gy2-1 .left{ width:100%}

.gy2-1 .right{ width:92%}

#demo2 .flex-direction-nav li a.flex-prev{ left:0}

#demo2 .flex-direction-nav li a.flex-next{ left:inherit; right:0}

#demo2 .flex-direction-nav{ bottom:0; top:18%}

#demo2 .flex-direction-nav li a{ width:24px; background-size:100% !important}

.gy3-1{ background:none; border-bottom:#ccc 1px solid}

.gy3-1 .lx-bt{ background:none; font-size:16px}

.gy3-2 dl{ width:49%; margin-left:1%; margin-top:4%}

.gy3-2{ margin-left:-1%; margin-top:2%}

.gy3-2 dl dt img{ height:209px}

.gy3-2 dl dd{ font-size:14px}

.gy3-2 dl dd span{ font-size:12px;}

.zs2-1 .left,.zs2-1 .right{ width:100%}

.zs2-1 .right{ margin-top:4%}

.zs2-1 .right p{ padding-left:20px}

.zs2{ padding-bottom:3%}

.lx-bt strong{ font-size:12px}

.lx-bt strong br{ display:none}

.yw2 dl{ width:100%; margin-left:0;}

.yw2{ margin-left:0}

.yw2 dl dt img{ height:167px}

.yw2 dl dd{ font-size:14px}

.yw2 dl dd img{ width:25px}



.ywx1 .lx-bt strong{ font-size:12px; line-height:20px}
.flexslider11{ width:100%; margin-left:0}
.yw22{ margin-left:0}
.ydyl{ font-size:15px}
.gy1-1 ul{padding: left 0;!important}
}