@charset "utf-8";
/*当浏览器尺寸小于960px的时执行下面的CSS*/
@media screen and (max-width: 960px){
/* 首页焦点图banner幻灯片 */
.slideBox{width:100%; height:auto; position:relative; overflow:hidden; margin:0 auto; max-width:100%; background:#fff; }
.slideBox .hd{ width:100%; position:absolute; height:20px; line-height:20px; left:0; bottom:20px; text-align:center; z-index:1; }
.slideBox .hd li{ display:inline-block; width:10px; height:10px; border-radius:50%; background:#333; text-indent:-9999px; overflow:hidden; margin:10px;   cursor:pointer;}
.slideBox .hd li.on{ background:#fff;  }
.slideBox .prev{ position:absolute; left:20px; top:0; display:none; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox .next{ position:absolute; right:20px; top:0; display:none; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox .bd{ position:relative; z-index:0;  }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{vertical-align:top; width:100%;height:auto/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */

/*标题专用*/
.title_index{width:90%; height:auto; margin:0 auto; margin-top:10px; position:relative}
.title_index h1{font-size:0.22rem; color:#333; font-weight:bold; text-align:center; padding:20px;}
.title_index h1 span{ color:#ff6700}
.title_index h1 em{display:block; font-size:0.14rem; line-height:0.22rem; color:#999; font-weight:100; padding-top:20px;}

/*linyi*/
.linyi{ width:100%; height:auto; overflow:hidden; margin:0 auto; margin-top:0px;}
.linyi li{ float:left; width:48%; height:auto; margin-right:4%; margin-bottom:10px; }
.linyi li .img{ width:100%; height:auto; overflow:hidden;  }
.linyi li .img img{width:100%; height:auto;}
.linyi li h3{ text-align:center; line-height:0.4rem; font-size:0.14rem; font-weight:400; color:#333333; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.linyi li:nth-of-type(2n+0){margin-right:0px;}
.linyi li a{ display:block}


.ysbj{overflow:hidden; background:url(../images/ys2.jpg) no-repeat top center;height:760px; margin-top:40px;}

.three_box{width:100%;overflow:hidden; }
.three_box_left{width:100%; height:auto;background-color:#fff;}
.three_box_right{width:100%; height:auto;}

.three_box_right{ float:left; width:100%; height:auto; margin-top: 20px;}
.three_box_right .n_box{ width:100%; height:auto;  font-size:0.14rem;  float:left;  color:#888; line-height:0.3rem;}
.three_box_right .n_box h3 {font-size:0.3rem; font-weight:normal; color:#434343; line-height: 0.45rem; text-align:left}
.three_box_right .n_box h2 {border-bottom:3px solid #198647;width:80px;  margin-top: 10px;margin-bottom: 25px;  text-align:left}


/*图片1*/
.index_pic_one{width:100%; height:auto; margin:0 auto; overflow:hidden;}
.index_pic_one dl{float:left; width:48%; height:auto; margin-right:4%; margin-bottom:20px; overflow:hidden; background-color:#fff}
.index_pic_one dl dt{width:100%; height:100%; position: relative; overflow:hidden}
.index_pic_one dl dt div{ position:absolute; width:100%; height:100%; border:1px solid white; z-index:3333; transition: transform ease-in-out 0.5s; cursor:pointer; opacity:0;}
.index_pic_one dl dt img{display:block; width:100%; height:100%; max-width:100%; -webkit-transition:transform ease-in-out 0.5s;}
.index_pic_one dl dt p{ position:absolute; left:0; bottom:0; width:100%; height:0.35rem; line-height:0.35rem; text-align:center; background-color:#333; opacity: 0.7; color:#FFFFFF; text-shadow:3px 2px 2px #000; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}

.index_pic_one dl:hover img{ transform:scale(1.1,1.1);}
.index_pic_one dt:hover div{opacity:1; transform:scale(0.9,0.85)}
.index_pic_one dl:nth-of-type(2n+0){margin-right:0px;}
.index_pic_one dt:hover{ font-weight:bold; text-decoration:none}
/*图片1end*/
.cpfl{overflow:hidden; background:url(../images/jjjj.jpg) no-repeat top center;height:380px;}
.albj{border-bottom:1px solid #e1e1e1; padding:20px 0; }
.jmbj{overflow:hidden; background:url(../images/jm2.jpg) no-repeat top center;height:900px; margin-top:40px;}

.site-title {padding:20px 0 20px;text-align:center; }
.site-title h2{margin-top:15px;color:#fff;font-size:0.30rem;font-weight: normal;}
.site-title h2 span{display:none;color:fff;}
.site-title p{width:95%; margin-top:10px;color:#fff;font-size:0.14rem;line-height:30px;}
.site-title .line{position:relative;text-align:center; margin:15px auto 0;width:80px;height:1px; background-color: #333;}
.site-title .line:before{position: absolute;left:0;top:0;width:80px;height:1px; background-color: #333;}
.site-title .line:after{position: absolute;right:0;top:0;width:80px;height:1px; background-color: #333;}

/***********新闻资讯***********/
.index_news_bj{background-color:#f0f0f0; padding:20px 0;}

.index_news{width:95%; height:auto; margin:0 auto; overflow:hidden; margin-top:20px;}
.index_news .in_left{width:100%; height:auto; position:relative}
.index_news .in_left img{display:block; width:100%; height:100%; max-width:100%;}
.index_news .in_left .itext_box {position: absolute; left:0; bottom:0; width: 100%; background-color:#000000; opacity: 0.5;}
.index_news .in_left .itext_box .pdpd{ padding:25px}
.index_news .in_left .itext_box .pdpd .time {font-size:0.14rem; color: #fff; opacity: 0.8; line-height: 1; margin-bottom: 10px;}
.index_news .in_left .itext_box .pdpd .t {font-size:0.2rem; color: #fff;margin-bottom: 15px;line-height:1; opacity: 1;}
.index_news .in_left .itext_box .pdpd .info {font-size:0.12rem; color: #fff; line-height:21px;}

.index_news .in_right{width:100%; height:auto; overflow:hidden; margin-top:20px;}
.index_news .rightNews{ height:auto}
.index_news .rightNews li{ width:100%; height:auto; background:#ddd; margin-bottom:12px; cursor:pointer;}
.index_news .rightNews li:hover{background:#198647; color:#FFF}
.index_news .rightNews li a { display:block }

.index_news .rightNews li .pd{padding:10px}
.index_news .rightNews li .pd .time_box{ display:none}

.index_news .rightNews li .pd .news_box{width:100%; height:auto}
.index_news .rightNews li .pd .news_box .t{font-size:0.16rem; line-height:1; margin-bottom:10px; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.index_news .rightNews li .pd .news_box .d{font-size:0.12rem; line-height:0.2rem; height:auto; overflow:hidden;}
.index_news .rightNews li:hover a{ text-decoration:none; color:#FFF!important}
/***********新闻资讯_end***********/

/*滚动数字*/
.gundong_num{width:100%; height:auto; margin:0 auto; z-index:10;}
.num{ width:100%; height:auto; overflow:hidden; color:#fff}
.num li{ float:left; width:50%; height:auto; padding:10px 0; transition-duration:500ms; cursor:pointer}
.num li .n_box{ width:100%; height:auto; margin:0 auto;  overflow:hidden}
.num li .n_box .n_l{width:100%; height:auto; line-height:0.38rem; text-align:center; font-size:0.14rem;}
.num li .n_box .n_l span{ font-size:0.29rem; font-weight:bold; margin-right:8px;color:#198647}
.num li .n_box .n_l p{ line-height:0.2rem;color:#434343}
.num li .n_box .n_r{width:100%; height:64px; background: url(../images/fz.png) no-repeat top center;  transition-duration:600ms;}
.num li .n_box .n_r2{width:100%; height:64px; background: url(../images/cp.png) no-repeat top center;  transition-duration:600ms;}
.num li .n_box .n_r3{width:100%; height:64px; background: url(../images/ws.png) no-repeat top center;  transition-duration:600ms;}
.num li .n_box .n_r4{width:100%; height:64px; background: url(../images/q.png) no-repeat top center;  transition-duration:600ms;}

.num li:hover .n_box .n_r{background: url(../images/fz.png) no-repeat bottom center;}
.num li:hover .n_box .n_r2{background: url(../images/cp.png) no-repeat bottom center;}
.num li:hover .n_box .n_r3{background: url(../images/ws.png) no-repeat bottom center;}
.num li:hover .n_box .n_r4{background: url(../images/q.png) no-repeat bottom center;}

.gundong_num22{ z-index:10; margin-top:20px;margin-bottom:40px;}
.num2{ width:100%; height:auto; overflow:hidden; }
.num2 li{ float:left; width:49%; height:180px;padding:30px 0; transition-duration:500ms; border-bottom:1px solid #666;border-right:1px solid #666;cursor:pointer;color:#fff; }
.num2 li .n_box{ width:90%; height:180px; margin:0 auto; overflow:hidden;color:#fff; }
.num2 li .n_box .n_l{ float:right; width:55%; padding:16px 0; line-height:38px;}
.num2 li .n_box .n_l span{ font-size:0.2rem; font-weight:200; color:#fff; }
.num2 li .n_box p{   line-height:25px;font-size:0.14rem; color:#fff; margin-top:100px;}
.num2 li .n_box .n_r{ float:left;  height:62px; background: url(../images/gs1.png) no-repeat top center;  transition-duration:600ms;margin-top:10px;border-bottom:1px solid #fff;width:62px; padding:5px 0;}
.num2 li .n_box .n_r2{ float:left;  height:62px; background: url(../images/gs2.png) no-repeat top center;  transition-duration:600ms;margin-top:10px;border-bottom:1px solid #fff;width:62px; padding:5px 0; }
.num2 li .n_box .n_r3{ float:left;  height:62px; background: url(../images/gs3.png) no-repeat top center;  transition-duration:600ms;margin-top:10px;border-bottom:1px solid #fff;width:62px; padding:5px 0; }
.num2 li .n_box .n_r4{ float:left;  height:62px; background: url(../images/gs4.png) no-repeat top center;  transition-duration:600ms;margin-top:10px;border-bottom:1px solid #fff;width:62px; padding:5px 0;}
.num2 li .n_box .n_r5{ float:left;  height:62px; background: url(../images/gs5.png) no-repeat top center;  transition-duration:600ms;margin-top:10px;border-bottom:1px solid #fff;width:62px; padding:5px 0;}
.num2 li .n_box .n_r6{ float:left;  height:62px; background: url(../images/gs6.png) no-repeat top center;  transition-duration:600ms;margin-top:10px;border-bottom:1px solid #fff;width:62px; padding:5px 0;}
.num2 li:nth-of-type(2n+0){border-right:none;}
.num2 li:hover{background:#198647; color:#FFF}
.num2 li:nth-child(5){border-bottom:none;}
.num2 li:nth-child(6){border-bottom:none;}


.gundong_num33{ z-index:10; }
.num3{ width:100%;height:auto; overflow:hidden; }
.num3 li{ float:left; width:25%; height:auto;  padding:10px 0; transition-duration:500ms; cursor:pointer; }
.num3 h2{ font-size:0.32rem;font-weight:normal;text-align:center;color:#fff; margin-top:30px;  }
.num3 li .n_box{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.num3 li .n_box .n_l{  width:100%; height:auto; line-height:25px;  font-size:24px;text-align:center;  }
.num3 li .n_box .n_l span{ font-size:0.15rem;  text-align:center;color:#666;}
.num3 li .n_box .n_l p{line-height:0.2rem; font-size:0.14rem; text-align:center;color:#999}
.num3 li .n_box .n_r{  width:100%; height:62px; background: url(../images/g1.jpg) no-repeat top center;  transition-duration:600ms;margin-top:10px;}
.num3 li .n_box .n_r2{ width:100%; height:62px; background: url(../images/g2.jpg) no-repeat top center;  transition-duration:600ms;margin-top:10px;}
.num3 li .n_box .n_r3{ width:100%; height:62px; background: url(../images/g3.jpg) no-repeat top center;  transition-duration:600ms;margin-top:10px;}
.num3 li .n_box .n_r4{  width:100%; height:62px; background: url(../images/g4.jpg) no-repeat top center;  transition-duration:600ms;margin-top:10px;}
.num3 li:nth-of-type(2n+0){border-right:none}
.num3 li:hover{color:#222;height:250px;}

.gundong_num44{  z-index:10}
.num4{ width:100%;height:auto; overflow:hidden; margin-top:45px;border:1px solid #666; }
.num4 li{ float:left; width:100%; height:265px;  transition-duration:500ms; cursor:pointer; box-shadow:12px 10px 10px 10px #000; }
.num4 li2{ float:left; width:100%; height:265px;  transition-duration:500ms; cursor:pointer;background:#198647; box-shadow:10px 10px 10px 10px #000;  }
.num4 li2 .n_box{ width:100%; height:265px; margin:0 auto; overflow:hidden;}
.num4 li2 .n_box .n_l{  width:80%; height:auto; line-height:50px;  font-size:14px;text-align:center; margin-top:-10px}
.num4 li2 .n_box .n_l span{ font-size:18px;  text-align:center; color:#fff; border-bottom:2px solid #fff;width:55px; padding:10px 0; }
.num4 li2 .n_box .n_l p{ line-height:30px;text-align:center;font-size:14px;color:#fff}
.num4 li .n_box{ width:100%; height:265px; margin:0 auto; overflow:hidden; border-right:1px solid #666;}
.num4 li .n_box .n_l{  width:80%; height:auto; line-height:50px;  font-size:14px;text-align:center; margin-top:-10px}
.num4 li .n_box .n_l span{ font-size:18px;  text-align:center; color:#fff; border-bottom:2px solid #fff;width:55px; padding:10px 0; }
.num4 li .n_box .n_l p{ line-height:30px;text-align:center;font-size:14px;color:#fff}
.num4 li .n_box .n_r{  width:40%; height:85px; background: url(../images/gs7.png) no-repeat top center;  transition-duration:600ms;margin-top:60px;}
.num4 li2 .n_box .n_r2{ width:40%; height:85px; background: url(../images/gs8.png) no-repeat top center;  transition-duration:600ms;margin-top:60px;}
.num4 li .n_box .n_r3{ width:40%; height:85px; background: url(../images/gs9.png) no-repeat top center;  transition-duration:600ms;margin-top:60px;}
.num4 li:nth-of-type(3n+0){border-right:none}
.num4 li:hover{color:#fff;background:#198647;}
.num4 li2:hover{color:#fff;background:#198647;}
.num4 li:hover a{ color:#fff!important}
.num4 li:hover .n_box .n_l span{ color:#fff}
.num4 li:hover .n_box .n_l p{ color:#fff;}

.gdsz { width:100%; height:680px; margin-top:10px; background:url(../images/sz_bj.jpg) center top no-repeat; position:relative}
.gdsz_tm { width:100%; height:680px; position:absolute; left:0; top:0; }

.gdsz_u1 { width:95%; height:90px; margin-top:30px; text-align:center}
.gdsz_u1 li { width:auto; height:auto; _display:block; display:inline-block; font-size:0.26rem; color:#fff; font-weight:bold; margin-top:35px}
.gdsz_u1 li .xx { width:50px; height:25px; border-bottom:1px solid #fff; display:block; float:left; margin:0 10px;}
.gdsz_u1 li .wz { width:auto; height:50px; display:block; float:left}

.gdsz_u2 li { width:95%; height:30px; margin:0 auto; text-align:center; font-size:14px; color:#999}

.gdsz_u3 { width:95%; height:28px; margin:0 auto; text-align:center; padding-top:10px}
.gdsz_u3 li { width:auto; height:auto; _display:block; display:inline-block;}
.gdsz_u3 li a { width:115px; height:26px; display:block; border:1px solid #fff;-webkit-border-radius:13px;-moz-border-radius:13px;border-radius:13px; font-family:宋体; font-weight:bold; line-height:26px; text-align:center; color:#fff}
.gdsz_c { width:95%; height:auto; margin:0 auto; padding-top:45px}

.gdsz_c li { width:46%; height:auto; margin-left:3%; float:left;}
.gdsz_c li .sz { width:100%; height:150px; background:#d30830; float:left;-webkit-border-radius:13px;-moz-border-radius:13px;border-radius:13px; text-align:center; line-height:150px; font-size:80px; color:#fff}
.gdsz_c li .wz { width:100%; height:50px; float:left; line-height:50px; font-size:16px; color:#fff; text-align:center}
#gdsz_100 { width:46%;}

/*小幻灯及简介*/
.section-title {
    text-align:center;
	margin-bottom: 30px;
	margin-top:30px;
	line-height: 1;
}
.section-title small {
	display: block;
	font-size:0.16rem;
	color: #888;
	letter-spacing:3px;
	margin-top: 10px;
	text-transform: uppercase;
}
.section-title strong {
	display: block;
	position: relative;
	color: #434343;
	font-size:0.3rem;
	margin-top: 10px;
	font-weight:normal
}


.about_index{width:100%; height:auto; overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.about_index .about_text{width:100%; height:auto; background-color:#fff; margin-top:20px}
.about_index .about_text h6{ font-size:0.2rem; font-weight:700; color:#333}
.about_index .about_text .con{ height:auto; margin-top:20px; line-height:0.26rem; font-size:0.14rem; color:#666; overflow:hidden}

/* 多图滚动 */
.scrollBox{ width:95%; height:auto; margin-top:-20px; text-align:center;margin-bottom:20px;}
.scrollBox .bd li{float:left; width:48%; height:auto; margin-right:4%; margin-bottom:20px;}
.scrollBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* 去掉链接触摸高亮 */
.scrollBox .bd li p{font-size:14px; text-align:center; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.scrollBox .bd li img{display: block; width:100%; height:100%;   }
.scrollBox .bd li:nth-of-type(2n+0){margin-right:0px;}

.scrollBox .hd{ height:20px; overflow:hidden; font-size:0; margin-top:15px;}
.scrollBox .hd ul{ display:inline-block; padding-top:5px; }	
.scrollBox .hd li{ display:inline-block; width:8px; height:8px; background:#D0D0D0; margin:0 5px; vertical-align:top; overflow:hidden; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.scrollBox .hd .on{ background:#BA2636;  }
.scrollBox .prev,.scrollBox .next{ display:inline-block; width:25px; height:20px; background:url(../images/wyIcons.png) no-repeat; overflow:hidden; margin:0 5px;  vertical-align:top; }
.scrollBox .next{ background-position:-105px 0;}

/*小幻灯片*/
.index_hdp{width:100%; height:auto; position:relative; overflow:hidden;}
.index_hdp .hd{ position:absolute; width:100%; height:40px; bottom:20px; left:0; z-index:1; text-align:center}
.index_hdp .hd img{ width:40px; height:40px;  }
.index_hdp .prev{cursor:pointer}
.index_hdp .next{cursor:pointer}

.index_hdp .bd{width:100%; height:auto; z-index:0; overflow:hidden}
.index_hdp .bd li img{display:block; width:100%; height:auto;}
.index_hdp .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }

/*more*/
.more{ background:url(../images/x.jpg) no-repeat center 22px; text-align:center; margin-top:26px}
.more span{ display:inline-table; font-size:16px; border:1px solid #cccccc; padding:10px 30px; background-color:#FFFFFF}
.more span:hover{background-color:#013e8b;}
.more span:hover a{color:#FFFFFF}

/*css过度按钮<div class="index_more"><a href="p/">+ 产品中心</a><span></span></div>*/
.index_more{width:120px; height:0.35rem; margin:0 auto; margin-top:20px; overflow:hidden; border:1px solid #198647; float:left; position:relative;border-radius: 25px;}
.index_more a{color:#198647; text-align:center; line-height:0.35rem; display:block; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; transition-duration:500ms;}
.index_more a:hover{ color:#198647;  text-decoration:none}
.index_more span{ display:block; position:absolute; right:100%; top:0; width:100%; height:100%; background-color:#198647; transition: 0.4s all ease}
.index_more:hover span{ right:0}

.index_more2{width:120px; height:0.35rem; margin-top: 25px; overflow:hidden; border:1px solid #198647;text-align:center; position:relative;border-radius: 25px; }
.index_more2 a{color:#198647; text-align:center; line-height:0.35rem; display:block; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; transition-duration:500ms;}
.index_more2 a:hover{ color:#fff;  text-decoration:none}
.index_more2 span{ display:block; position:absolute; right:100%; top:0; width:100%; height:100%; background-color:#198647; transition: 0.4s all ease}
.index_more2:hover span{ right:0}

.box_fixed{
    position: relative !important;
    width: 100%;
	min-width:100%;
    margin:0 auto;
    height: 380px;
}
.ppoo{ width:100%; height:auto;}
.ppii{width:100%; height:auto; margin-top:40px;}
.ppii li{ float:left; width:48%; height:300px;margin-bottom:10px; background-color:#f9f9f9;border-radius: 5px;border:1px solid #eee; margin-right:4%; padding:5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.ppii li:nth-child(2n){margin-right: 0;}
.ppii li a{ display:block}
.ppii li a:hover{ text-decoration:none}
.ppii li .pic{ text-align:center;}
.ppii li .one{ width:100%; height:auto; font-size:0.18rem; color:#434343;margin-top:-15px; line-height:30px; font-weight:normal; text-align:center}
.ppii li .xian{ width:40px; height:2px; margin-top:15px;background-color:#198647}
.ppii li .bbbb{ width:100%; margin:20px 0}
.ppii li .bbbb span{ width:100%;display:block; color:#999; font-size:0.14rem;line-height:26px; text-align:center}
.ppii li:hover{  }
.ppii li:hover .xian{ background-color:#198647}

/*友情链接*/
.yqlj{background: url(../images/yqlj.png) no-repeat center 35px;font-size:0.18rem; text-align: center; margin-bottom: 20px; margin-top:20px}
.yqlj a{color: #333;}
.yqlj em{display:block; margin:0 auto; font-size:0.22rem; color:#ccc; height:0.3rem; line-height:0.3rem; font-weight: bold;}

.index_youshi{ width:100%;height:1590px;margin-top:-17px;}
.index_youshi h1{ font-size:0.30rem; color:#222; text-align:center;margin-left:-40px; padding-top:10px;font-weight: normal;}
.index_youshi h3{ font-size:0.14rem; color:#666; text-align:center;margin-left:-40px; font-weight:100; padding-top:10px}

.ul_youshi{ width:95%;overflow:hidden;}
.ul_youshi li{ margin-left:13px; width:90%; height:360px; border:1px solid #d7d7d7;box-shadow:10px 8px 15px #666;margin-top:25px; position:relative; overflow:hidden; cursor:pointer}
.ul_youshi li img{display: block; width:100%; height:160px;text-align:center;}
.ul_youshi li .box{height:auto; padding:30px 20px; text-align:center; }
.ul_youshi li .box h5{ font-size:19px; height:35px;color:#222;font-weight: normal; position:relative}
.ul_youshi li .box h5:after{content:""; position:absolute; left:50%; margin-top:50px;bottom:-3px; width:125px; height:2px; margin-left:-63px; background-color:#0084ff;}
.ul_youshi li .box div{ padding-top:20px; text-align:center; color:#222;line-height:26px}
.ul_youshi li:hover{ background:#2ea0f8; box-shadow:10px 8px 15px #666; color:#fff;}
.ul_youshi li .wps{position:absolute; left:0; top:101px; width:100%; height:auto; text-align:center; color:#333;  transition: 0.5s all ease; z-index:9}
.ul_youshi li:hover .wps{top:140px; }

.ul_youshi li p{ position:absolute; left:0; top:459px; width:100%; height:100%; background-color:#0674dd; transition: 0.5s all ease}
.ul_youshi li:hover p{top:0; }
.ul_youshi li .yuan2{position:absolute; left:121px; top:459px; border-radius:50%; background-color:#FFFFFF; color:#ea5514; width:60px; height:60px; z-index:1; text-align:center; transition: 0.5s all ease; line-height:53px; font-size:45px; font-weight:bold}
.ul_youshi li:hover .yuan2{top:120px; }
.ul_youshi li .text{position:absolute; left:0; top:459px; width:100%; height:auto; text-align:center; color:#FFFFFF;  transition: 0.5s all ease; line-height:27px;}
.ul_youshi li:hover .text{top:220px; }
.ul_youshi li:nth-of-type(1n+0){margin-right:0px;}

/*分站列表*/
.citylist{width:100%; height:auto; overflow:hidden; margin-top:15px;}
.citylist a{ padding:8px 15px; background-color:#EEE; display:inline-table; margin-bottom:5px; color:#666; border-radius:5px;}
.citylist a:hover{ background-color:#324776; color:#FFF}
/*分站列表end*/

.news_fl {margin-bottom:30px;}
.reason_1{display:none}

}

/*当浏览器尺寸大于960px时候*/
@media screen and (min-width:960px){
/* 首页焦点图banner幻灯片 */
.slideBox{width:100%; height:auto; position:relative; overflow:hidden; margin:0 auto; max-width:100%; background:#fff; }
.slideBox .hd{ width:100%; position:absolute; height:30px; line-height:30px; left:0; bottom:30px; text-align:center; z-index:1; }
.slideBox .hd li{ display:inline-block; width:20px; height:20px; border-radius:50%; background: rgba(255, 255, 255, 0.6); text-indent:-9999px; overflow:hidden; margin:10px;   cursor:pointer;}
.slideBox .hd li.on{ background: rgba(1, 21, 88, 0.6); }

.slideBox .prev{ position:absolute; left:20px; top:0; display:block; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox .next{ position:absolute; right:20px; top:0; display:block; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox .bd{ position:relative; z-index:0;  }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{vertical-align:top; width:100%; height:auto/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.slideBox .shuzi{ position:absolute; left:0; bottom:0; width:100%; height:200px; background-color: #33333375;}



/*标题专用*/
.title_index{ width:800px; height:auto; margin:0 auto; margin-top:40px; position:relative}
.title_index h1{font-size:40px; color:#d30830; font-weight:bold; text-align:center; padding:20px;}
.title_index h1 span{ color:#d30830}
.title_index h1 em{display:block; font-size:14px; line-height:30px; color:#999; font-weight:100; padding-top:12px;}


/*linyi*/
.linyi{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.linyi li{ float:left; width:23.5%; height:auto; margin-right:2%;}
.linyi li .img{ width:100%; height:auto; overflow:hidden; position:relative; }
.linyi li .img p{ position:absolute; left:0; top:300px; width:100%; height:100%; background:rgba(0,0,0,0.4); transition: 0.5s all ease}
.linyi li:hover p{top:0; }
.linyi li .img img{width:100%; height:100%; max-width:100%;}
.linyi li h3{ text-align:center; line-height:50px; font-size:14px; font-weight:400; color:#333333; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.linyi li:nth-of-type(4n+0){margin-right:0px;}
.linyi li a{ display:block}

/*滚动数字*/

.gundong_num{ margin-top:51px; z-index:10;}
.num{ width:100%; height:auto; overflow:hidden;}
.num li{ float:left; width:25%; height:auto; padding:16px 0; transition-duration:500ms; cursor:pointer}
.num li .n_box{ width:100%; height:auto; margin:0 auto;  overflow:hidden}
.num li .n_box .n_l{ float:left; width:80%; height:auto; line-height:38px; padding-left:25px;  }
.num li .n_box .n_l span{ font-size:24px; font-weight:bold;color:#198647; margin-right:8px}
.num li .n_box .n_l p{ line-height:20px;color:#434343;font-size:16px;}
.num li .n_box .n_r{ float:right;  width:30%; height:64px; background: url(../images/fz.png) no-repeat top center;  transition-duration:600ms;}
.num li .n_box .n_r2{ float:right;  width:30%; height:64px; background: url(../images/cp.png) no-repeat top center;  transition-duration:600ms;}
.num li .n_box .n_r3{ float:right;  width:30%; height:64px; background: url(../images/ws.png) no-repeat top center;  transition-duration:600ms;}
.num li .n_box .n_r4{ float:right;  width:30%; height:64px; background: url(../images/q.png) no-repeat top center;  transition-duration:600ms;}
.num li:nth-of-type(4n+0){border-right:none}
.num li:hover .n_box .n_r{background: url(../images/fz.png) no-repeat bottom center;}
.num li:hover .n_box .n_r2{background: url(../images/cp.png) no-repeat bottom center;}
.num li:hover .n_box .n_r3{background: url(../images/ws.png) no-repeat bottom center;}
.num li:hover .n_box .n_r4{background: url(../images/q.png) no-repeat bottom center;}

.gundong_num22{ z-index:10; margin-top:50px;margin-bottom:40px;}
.num2{ width:100%; height:auto; overflow:hidden; }
.num2 li{ float:left; width:33%; height:210px;padding:30px 0; transition-duration:500ms; border-bottom:1px solid #666;border-right:1px solid #666;cursor:pointer;color:#fff; }
.num2 li .n_box{ width:260px; height:210px; margin:0 auto; overflow:hidden;color:#fff; }
.num2 li .n_box .n_l{ float:right; width:70%; padding:16px 0; line-height:38px;}
.num2 li .n_box .n_l span{ font-size:20px; font-weight:200; color:#fff; }
.num2 li .n_box p{   line-height:25px;font-size:15px; color:#fff; margin-top:120px;}
.num2 li .n_box .n_r{ float:left;   height:62px; background: url(../images/gs1.png) no-repeat top center;  transition-duration:600ms;margin-top:10px;border-bottom:1px solid #fff;width:62px; padding:10px 0;}
.num2 li .n_box .n_r2{ float:left;  height:62px; background: url(../images/gs2.png) no-repeat top center;  transition-duration:600ms;margin-top:10px;border-bottom:1px solid #fff;width:62px; padding:10px 0; }
.num2 li .n_box .n_r3{ float:left;   height:62px; background: url(../images/gs3.png) no-repeat top center;  transition-duration:600ms;margin-top:10px;border-bottom:1px solid #fff;width:62px; padding:10px 0; }
.num2 li .n_box .n_r4{ float:left;   height:62px; background: url(../images/gs4.png) no-repeat top center;  transition-duration:600ms;margin-top:10px;border-bottom:1px solid #fff;width:62px; padding:10px 0;}
.num2 li .n_box .n_r5{ float:left;   height:62px; background: url(../images/gs5.png) no-repeat top center;  transition-duration:600ms;margin-top:10px;border-bottom:1px solid #fff;width:62px; padding:10px 0;}
.num2 li .n_box .n_r6{ float:left;   height:62px; background: url(../images/gs6.png) no-repeat top center;  transition-duration:600ms;margin-top:10px;border-bottom:1px solid #fff;width:62px; padding:10px 0;}
.num2 li:nth-of-type(3n+0){border-right:none;}
.num2 li:hover{background:#198647; color:#FFF}
.num2 li:nth-child(4){border-bottom:none;}
.num2 li:nth-child(5){border-bottom:none;}
.num2 li:nth-child(6){border-bottom:none;}


.gundong_num33{  z-index:10}
.num3{ width:100%;height:auto; overflow:hidden; }
.num3 h2{ font-size:48px;font-weight:normal;text-align:center;color:#fff; margin-top:60px }
.num3 h3{ font-size:48px;font-weight:normal;text-align:center;color:#b1b1b1; margin-top:60px }
.num3 li{ float:left; width:25%; height:150px;  transition-duration:500ms; cursor:pointer;}
.num3 li .n_box{ width:100%; height:150px; margin:0 auto; overflow:hidden; }
.num3 li .n_box .n_l{  width:80%; height:auto; line-height:50px;  font-size:14px;text-align:center; margin-top:-10px}
.num3 li .n_box .n_l span{ font-size:15px;  text-align:center; color:#666;  }
.num3 li .n_box .n_l p{ line-height:30px;text-align:center;font-size:14px;color:#999}
.num3 li .n_box .n_r{  width:40%; height:68px; background: url(../images/g1.jpg) no-repeat top center;  transition-duration:600ms;margin-top:30px;}
.num3 li .n_box .n_r2{ width:40%; height:68px; background: url(../images/g2.jpg) no-repeat top center;  transition-duration:600ms;margin-top:30px;}
.num3 li .n_box .n_r3{width:40%; height:68px; background: url(../images/g3.jpg) no-repeat top center;  transition-duration:600ms;margin-top:30px;}
.num3 li .n_box .n_r4{  width:40%; height:68px; background: url(../images/g4.jpg) no-repeat top center;  transition-duration:600ms;margin-top:30px;}
.num3 li:nth-of-type(4n+0){border-right:none}
.num3 li:hover{color:#198647;}
.num3 li:hover a{ color:#198647!important}
.num3 li:hover .n_box .n_l span{ color:#198647}
.num3 li:hover .n_box .n_l p{ color:#198647;}

.gundong_num44{  z-index:10}
.num4{ width:100%;height:auto; overflow:hidden; margin-top:115px;border:1px solid #666; }
.num4 li{ float:left; width:33.33%; height:265px;  transition-duration:500ms; cursor:pointer; box-shadow:12px 10px 10px 10px #000; }
.num4 li2{ float:left; width:33.33%; height:265px;  transition-duration:500ms; cursor:pointer;background:#198647; box-shadow:10px 10px 10px 10px #000;  }
.num4 li2 .n_box{ width:100%; height:265px; margin:0 auto; overflow:hidden;}
.num4 li2 .n_box .n_l{  width:80%; height:auto; line-height:50px;  font-size:14px;text-align:center; margin-top:-10px}
.num4 li2 .n_box .n_l span{ font-size:18px;  text-align:center; color:#fff; border-bottom:2px solid #fff;width:55px; padding:10px 0; }
.num4 li2 .n_box .n_l p{ line-height:30px;text-align:center;font-size:14px;color:#fff}
.num4 li .n_box{ width:100%; height:265px; margin:0 auto; overflow:hidden; border-right:1px solid #666;}
.num4 li .n_box .n_l{  width:80%; height:auto; line-height:50px;  font-size:14px;text-align:center; margin-top:-10px}
.num4 li .n_box .n_l span{ font-size:18px;  text-align:center; color:#fff; border-bottom:2px solid #fff;width:55px; padding:10px 0; }
.num4 li .n_box .n_l p{ line-height:30px;text-align:center;font-size:14px;color:#fff}
.num4 li .n_box .n_r{  width:40%; height:85px; background: url(../images/gs7.png) no-repeat top center;  transition-duration:600ms;margin-top:60px;}
.num4 li2 .n_box .n_r2{ width:40%; height:85px; background: url(../images/gs8.png) no-repeat top center;  transition-duration:600ms;margin-top:60px;}
.num4 li .n_box .n_r3{ width:40%; height:85px; background: url(../images/gs9.png) no-repeat top center;  transition-duration:600ms;margin-top:60px;}
.num4 li:nth-of-type(3n+0){border-right:none}
.num4 li:hover{color:#fff;background:#198647;}
.num4 li2:hover{color:#fff;background:#198647;}
.num4 li:hover a{ color:#fff!important}
.num4 li:hover .n_box .n_l span{ color:#fff}
.num4 li:hover .n_box .n_l p{ color:#fff;}

.gdsz { width:100%; height:600px; margin-top:30px; background:url(../images/sz_bj.jpg) center top no-repeat; position:relative}
.gdsz_tm { width:100%; height:600px; position:absolute; left:0; top:0; }

.gdsz_u1 { width:1000px; height:90px; margin:30px auto; text-align:center}
.gdsz_u1 li { width:auto; height:auto; _display:block; display:inline-block; font-size:34px; color:#fff; font-weight:bold; margin-top:35px}
.gdsz_u1 li .xx { width:50px; height:25px; border-bottom:1px solid #fff; display:block; float:left; margin:0 10px;}
.gdsz_u1 li .wz { width:auto; height:50px; display:block; float:left}

.gdsz_u2 li { width:1000px; height:30px; margin:0 auto; text-align:center; font-size:14px; color:#999}

.gdsz_u3 { width:1000px; height:28px; margin:0 auto; text-align:center; padding-top:10px}
.gdsz_u3 li { width:auto; height:auto; _display:block; display:inline-block;}
.gdsz_u3 li a { width:115px; height:26px; display:block; border:1px solid #fff;-webkit-border-radius:13px;-moz-border-radius:13px;border-radius:13px; font-family:宋体; font-weight:bold; line-height:26px; text-align:center; color:#fff}
.gdsz_c { width:1240px; height:auto; margin:0 auto; padding-top:45px}

.gdsz_c li { width:220px; height:auto; margin:0 30px; float:left;}
.gdsz_c li .sz { width:100%; height:220px; background:#d30830; float:left;-webkit-border-radius:13px;-moz-border-radius:13px;border-radius:13px; text-align:center; line-height:220px; font-size:150px; color:#fff}
.gdsz_c li .wz { width:100%; height:50px; float:left; line-height:50px; font-size:16px; color:#fff; text-align:center}
#gdsz_100 { width:280px;}


.ysbj{overflow:hidden; background:url(../images/ys.jpg) no-repeat top center;height:640px; margin-top:40px;}
.jmbj{overflow:hidden; background:url(../images/jm.jpg) no-repeat top center;height:500px; margin-top:40px;}
.albj{border-bottom:1px solid #e1e1e1; padding:20px 0; }

.gsys{ width:100%;height:auto; overflow:hidden; }

.three_box{overflow:hidden;  margin-top: 60px;  }
.three_box_left{float:right; width:580px; height:auto;}
.three_box_right{ float:left; width:600px; height:auto;margin-top: -330px; }
.three_box_right .n_box{ width:600px; height:auto;  font-size:15px;  float:left;  color:#888; line-height:35px;}
.three_box_right .n_box h3 {font-size:36px; font-weight:normal; color:#434343; line-height: 58px; text-align:left}
.three_box_right .n_box h2 {border-bottom:3px solid #198647;width:80px;  margin-top: 15px;margin-bottom: 25px;  text-align:left}

/*css过度按钮<div class="index_more"><a href="p/">+ 产品中心</a><span></span></div>*/
.index_more{float:left;width:120px; height:37px; margin-top: 20px; overflow:hidden; border:1px solid #198647;text-align:center; position:relative;border-radius: 25px; }
.index_more a{color:#198647; text-align:center; line-height:37px; display:block; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; transition-duration:500ms;}
.index_more a:hover{ color:#fff;  text-decoration:none}
.index_more span{ display:block; position:absolute; right:100%; top:0; width:100%; height:100%; background-color:#198647; transition: 0.4s all ease}
.index_more:hover span{ right:0}

.index_more2{width:120px; height:37px; margin-top: 25px; overflow:hidden; border:1px solid #198647;text-align:center; position:relative;border-radius: 25px; }
.index_more2 a{color:#198647; text-align:center; line-height:37px; display:block; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; transition-duration:500ms;}
.index_more2 a:hover{ color:#fff;  text-decoration:none}
.index_more2 span{ display:block; position:absolute; right:100%; top:0; width:100%; height:100%; background-color:#198647; transition: 0.4s all ease}
.index_more2:hover span{ right:0}

/*图片1*/
.index_pic_one{width:100%; height:auto; margin:0 auto; overflow:hidden; margin-top:30px;}
.index_pic_one dl{float:left; width:23.5%; height:auto; margin-right:2%; margin-bottom:30px; background-color:#fff; border:1px solid #F3F3F3}
.index_pic_one dl dt{width:100%; height:100%; position: relative; overflow:hidden}
.index_pic_one dl dt div{ position:absolute; width:100%; height:100%; border:1px solid white; z-index:3333; transition: transform ease-in-out 0.5s; cursor:pointer; opacity:0;}
.index_pic_one dl dt img{width:100%; height:100%; -webkit-transition:transform ease-in-out 0.5s;}
.index_pic_one dl dt p{ position:absolute; left:0; bottom:0; width:100%; height:35px; line-height:35px; text-align:center; color:#FFFFFF; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.index_pic_one dl:hover img{ transform:scale(1.1,1.1);}
.index_pic_one dt:hover div{transform:scale(0.9,0.87); background-color:#FFF; opacity:0.9;}
.index_pic_one dt:hover p{position:absolute; left:0; top:45%; width:100%; height:35px; line-height:35px; text-align:center; color:#333; z-index:9999; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.index_pic_one dl:nth-of-type(4n+0){margin-right:0px;}
.index_pic_one dt:hover{ font-weight:bold; text-decoration:none}
/*图片1end*/
.cpfl{overflow:hidden; background:url(../images/jjjj.jpg) no-repeat top center;height:500px;margin-top:50px;}


/***********新闻资讯***********/
.index_news_bj{background-color:#f0f0f0; padding:20px 0; margin-top:50px;margin-bottom:50px;}

.index_news{width:1200px; height:auto; margin:0 auto; overflow:hidden; margin-top:40px;margin-bottom:60px;}
.index_news .in_left{ float:left; width:540px; height:403px; position:relative}
.index_news .in_left img{display:block; width:100%; height:100%; max-width:100%;}
.index_news .in_left .itext_box {position: absolute; left:0; bottom:0; width: 100%; background-color:#000000; opacity: 0.5;}
.index_news .in_left .itext_box .pdpd{ padding:25px}
.index_news .in_left .itext_box .pdpd .time {font-size: 14px; color: #fff; opacity: 0.8; line-height: 1; margin-bottom: 10px;}
.index_news .in_left .itext_box .pdpd .t {font-size: 20px;color: #fff;margin-bottom: 15px;line-height:1; opacity: 1;}
.index_news .in_left .itext_box .pdpd .info {font-size: 15px;color: #fff;line-height: 21px;}

.index_news .in_right{ float:right; width:600px; height:auto; overflow:hidden;}
.index_news .rightNews{ height:auto}
.index_news .rightNews li{ width:100%; height:125px; background:#ddd; margin-bottom:12px; cursor:pointer;}
.index_news .rightNews li:hover{background:#198647; color:#FFF}
.index_news .rightNews li a { display:block;}

.index_news .rightNews li .pd{padding-top:30px}
.index_news .rightNews li .pd .time_box{float:left; width:12%; height:auto; margin-left:3%; position:relative; padding-right:3%; text-align:center;}
.index_news .rightNews li .pd .time_box:after{content:''; position:absolute; right:0; top:0; width:1px; height:100%; background:#c5c5c5;}
.index_news .rightNews li .pd .time_box .y{font-size:17px; line-height:1;margin-bottom:8px;}
.index_news .rightNews li .pd .time_box .date{font-size:35px; line-height:1;}

.index_news .rightNews li .pd .news_box{float:right; width:80%; height:auto}
.index_news .rightNews li .pd .news_box .t{font-size:18px; line-height:1; margin-bottom:10px; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.index_news .rightNews li .pd .news_box .d{font-size:14px; line-height:20px; height:40px; overflow:hidden;}
.index_news .rightNews li:hover a{ color:#FFF!important}

/***********新闻资讯_end***********/

/*小幻灯及简介*/
.section-title {
    text-align:center;
	margin-bottom: 60px;
	margin-top:60px;
	line-height: 1;
}
.section-title small {
	display: block;
	font-size: 16px;
	text-transform: uppercase;
	color: #888;
    letter-spacing:5px;
	margin-top: 20px;
}
.section-title strong {
	display: block;
	position: relative;
	color: #434343;
	font-size: 36px;
	font-weight:normal
}


.about_index{width:100%; height:440px; overflow:hidden; background:url(../images/hdp.jpg) no-repeat left bottom 26px; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.about_index .about_text{width:620px; height:410px; background-color:#fff; box-shadow: 0 1px 12px 1px rgba(54,62,69,0.6); position:absolute; top:15px; right:15px; z-index:1; padding:50px}
.about_index .about_text h6{ font-size:20px; font-weight:700; color:#333}
.about_index .about_text .con{ height:280px; margin-top:20px; line-height:34px; font-size:16px; color:#666; overflow:hidden}

/* 多图滚动 */
.scrollBox{ width:1245px; height:auto; margin-top:-20px;margin-bottom:50px; text-align:center;}
.scrollBox .bd li{float:left; width:295px; height:auto;margin-left:6px; margin-right:10px;}
.scrollBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* 去掉链接触摸高亮 */
.scrollBox .bd li p{font-size:14px; text-align:center; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.scrollBox .bd li img{width:295px; height:auto; background:url(../images/loading.gif) #fff center center no-repeat;  }
.scrollBox .bd li:nth-of-type(6n+0){margin-right:0px;}

.scrollBox .hd{ height:20px; overflow:hidden; font-size:0; margin-top:35px;}
.scrollBox .hd ul{ display:inline-block; padding-top:5px; }	
.scrollBox .hd li{ display:inline-block; width:8px; height:8px; background:#D0D0D0; margin:0 5px; vertical-align:top; overflow:hidden; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.scrollBox .hd .on{ background:#BA2636;  }
.scrollBox .prev,.scrollBox .next{ display:inline-block; width:25px; height:20px; background:url(../images/wyIcons.png) no-repeat; overflow:hidden; margin:0 5px;  vertical-align:top; }
.scrollBox .next{ background-position:-105px 0;}

.box_fixed{
    position: relative !important;
    width: 1270px;
	min-width:1270px;
    margin:0 auto;
    height: 380px;
}
.ppoo{ width:100%; height:auto;}
.ppii{width:100%; height:auto; margin-top:60px;}
.ppii li{ float:left; width:270px; height:340px; background-color:#f9f9f9;border-radius: 5px;border:1px solid #eee; margin-right:47px; padding:12px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.ppii li:nth-child(4n){margin-right: 0;}
.ppii li a{ display:block}
.ppii li a:hover{ text-decoration:none}
.ppii li .pic{ text-align:center; padding-top:10px}
.ppii li .one{ width:100%; height:auto; font-size:18px; color:#434343; line-height:30px; font-weight:normal; text-align:center}
.ppii li .xian{ width:40px; height:2px; margin-top:15px;background-color:#198647}
.ppii li .bbbb{ margin:20px 0}
.ppii li .bbbb span{ display:block; color:#999; line-height:26px; text-align:center}
.ppii li:hover{  }
.ppii li:hover .xian{ background-color:#198647}
/*小幻灯片*/
.index_hdp{width:620px; height:400px; position:absolute; left:23px; top:0; overflow:hidden; z-index:2}
.index_hdp .hd{ position:absolute; width:100%; height:60px; bottom:30px; left:0; z-index:1; text-align:center}
.index_hdp .hd img{ width:60px; height:60px;  }
.index_hdp .prev{cursor:pointer}
.index_hdp .next{cursor:pointer}

.index_hdp .bd{width:100%; height:auto; z-index:0; overflow:hidden}
.index_hdp .bd li img{display:block; width:100%; height:100%; -webkit-transition: all 1.8s; -o-transition: all 1.8s; -moz-transition: all 1.8s; transition: all 1.8s}
.index_hdp .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
.index_hdp .bd li a:hover img{ -webkit-transform: rotate(3deg) scale(1.2); -moz-transform: rotate(3deg) scale(1.2); -ms-transform: rotate(3deg) scale(1.2); -o-transform: rotate(3deg) scale(1.2); transform: rotate(3deg) scale(1.2); }

.ul_youshi{ height:410px;}
.ul_youshi h1{ font-size:34px; color:#222; text-align:center;margin-left:-100px; padding-top:10px;font-weight: normal;}
.ul_youshi h3{ font-size:16px; color:#666; text-align:center;margin-left:-100px; font-weight:100; padding-top:10px}

.ul_youshi{ overflow:hidden;}
.ul_youshi li{ float:left; width:300px; height:360px; border:1px solid #d7d7d7;margin-top:25px;  margin-right:20px; position:relative; overflow:hidden; cursor:pointer}
.ul_youshi li img{display: block; width:100%; height:160px;text-align:center;}
.ul_youshi li .box{height:auto; padding:20px 10px; text-align:center; }
.ul_youshi li .box h5{ font-size:24px; height:35px;color:#222;margin-top:20px;font-weight: normal; position:relative}
.ul_youshi li .box h5:after{content:""; position:absolute; left:50%; margin-top:500px;bottom:-3px; width:125px; height:2px; margin-left:-63px; background-color:#0084ff;}
.ul_youshi li .box div{ margin-top:20px; text-align:center; color:#222;line-height:26px}
.ul_youshi li:hover{ background:#2ea0f8; box-shadow:10px 8px 15px #666; color:#fff;}
.ul_youshi li:hover{  background-color: rgba(255, 255, 255, 1);box-shadow: 0 5px 30px #ccc;}
.ul_youshi li .wps{position:absolute; left:0; top:101px; width:100%; height:auto; text-align:center; color:#fff;  transition: 0.5s all ease; z-index:9}
.ul_youshi li:hover .wps{top:140px; color:#fff;}

.ul_youshi li p{ position:absolute; left:0; top:459px; width:100%; height:100%; background-color:#0674dd; transition: 0.5s all ease}
.ul_youshi li:hover p{top:0; }
.ul_youshi li .yuan2{position:absolute; left:121px; top:459px; border-radius:50%; background-color:#FFFFFF; color:#ea5514; width:60px; height:60px; z-index:1; text-align:center; transition: 0.5s all ease; line-height:53px; font-size:45px; font-weight:bold}
.ul_youshi li:hover .yuan2{top:120px; }
.ul_youshi li .text{position:absolute; left:0; top:459px; width:100%; height:auto; text-align:center; color:#FFFFFF;  transition: 0.5s all ease; line-height:27px;}
.ul_youshi li:hover .text{top:220px; }
.ul_youshi li:nth-of-type(4n+0){margin-right:0px;}

/*more*/
.more{ background:url(../images/x.jpg) no-repeat center 22px; text-align:center; margin-top:26px; margin-bottom:50px;}
.more span{ display:inline-table; font-size:16px; border:1px solid #cccccc; padding:10px 30px; background-color:#FFFFFF}
.more span:hover{background-color:#013e8b;}
.more span:hover a{color:#FFFFFF}

/*友情链接*/
.yqlj{background: url(../images/yqlj.png) no-repeat center 35px;font-size:26px;text-align: center; margin-bottom: 20px; margin-top:30px}
.yqlj a{color: #333;}
.yqlj em{display: block;margin: 0 auto;font-size: 32px;color: #ccc;height: 30px;line-height: 30px;font-weight: bold;}

.site-title {padding:50px 0 20px;text-align:center; }
.site-title h2{margin-top:15px;color:#fff;font-size:34px;font-weight: normal;}
.site-title h2 span{color:#fff;margin-left:10px;font-size:28px;font-family:Arial, Helvetica, sans-serif}
.site-title p{margin-top:10px;color:#fff;font-size:16px;line-height:30px;}
.site-title .line{position:relative;text-align:center; margin:15px auto 0;width:80px;height:1px; background-color: #333;}
.site-title .line:before{position: absolute;left:0;top:0;width:80px;height:1px; background-color: #333;}
.site-title .line:after{position: absolute;right:0;top:0;width:80px;height:1px; background-color: #333;}

/*分站列表*/
.citylist{width:100%; height:auto; overflow:hidden; margin-top:15px;}
.citylist a{ padding:8px 15px; background-color:#EEE; display:inline-table; margin-bottom:5px; color:#666; border-radius:5px;}
.citylist a:hover{ background-color:#324776; color:#FFF}
/*分站列表end*/

.news_fl {margin-top: -74px; position: relative; z-index: 1; margin-bottom: 40px; text-align:right}


.reason_1{ position:relative; width:1200px; height:518px; margin-top:56px;}
.reason_1 .reason_z { width:481px; height:481px; position:absolute; left:50%; top:22px; margin-left:-240px; text-align:center;}
.reason_1 .reason_z .img1{ display:block; width:260px; height:260px; position:absolute; left:50%; margin-left:-130px; top:113px; -webkit-transition: all ease-in-out 5s; -webkit-animation: big 5s infinite linear; border-radius:500px;}
.reason_1 .reason_z .img2{ display:block; width:481px; height:481px;-webkit-animation: rotate 10s linear 0s infinite;
animation: rotate 10s linear 0s infinite;}
.reason_1 .reason_z .img3{ display:block; width:481px; height:481px;-webkit-animation: rotate 10s linear 0s infinite;
animation: rotate 10s linear 0s infinite; position:absolute; left:0; top:0;}
.reason_1 .reason_z .img4{ display:block; width:481px; height:481px;-webkit-animation: rotate1 10s linear 0s infinite;
animation: rotate1 10s linear 0s infinite; position:absolute; left:0; top:0;}
.reason_1 .reason_y{ position:relative; width:1200px; height:518px;}
.reason_1 .reason_y ul{ display:block; width:1200px; height:518px;}
.reason_1 .reason_y ul li{ width:326px; position:absolute;}
.reason_1 .reason_y ul li h3{ float:left; width:200px;text-align:right;}
.reason_1 .reason_y ul li h3 span{ display:block; font-size:28px; color:#333; line-height:30px; font-weight:bold; padding-top:10px;}
.reason_1 .reason_y ul li h3 p{ font-size:16px; color:#666; line-height:24px; padding-top:10px; font-weight:normal;}
.reason_1 .reason_y ul li .ic{ float:right; width:104px; height:104px; position:relative;}
.reason_1 .reason_y ul li .ic b{ display:block;width:104px; height:104px; background:url(../images/l10_03.png) center center no-repeat;-webkit-animation: rotate 10s linear 0s infinite;
animation: rotate 10s linear 0s infinite;}
.reason_1 .reason_y ul li .ic i{ width:64px; height:64px; display:block; background-color:#0f4494; border-radius:60px; position:absolute; left:50%; margin-left:-32px; top:20px;}
.reason_1 .reason_y ul li .ic i s{ display:block; width:35px; height:37px; background-position:0px 0px; margin:0 auto; margin-top:15px;}
.reason_1 .reason_y ul li.l2 .ic i s{background-position:-46px 0px;}
.reason_1 .reason_y ul li.l3 .ic i s{background-position:-94px 0px;}
.reason_1 .reason_y ul li.l4 .ic i s{background-position:-148px 0px;}
.reason_1 .reason_y ul li.l5 .ic i s{background-position:-196px 0px;}
.reason_1 .reason_y ul li.l6 .ic i s{background-position:-249px 0px;}
.reason_1 .reason_y ul li.l7 .ic i s{background-position:-299px 0px;}
.reason_1 .reason_y ul li.l8 .ic i s{background-position:-347px 0px;}

.reason_1 .reason_y ul li:hover h3 span{ color:#00aef3;}
.reason_1 .reason_y ul li:hover .ic b{ background:url(../images/l11_03.png) center center no-repeat;}
.reason_1 .reason_y ul li:hover .ic i{ background-color:#2291e0;}
.reason_1 .reason_y ul li.l1 { left: 78px; top:0;}
.reason_1 .reason_y ul li.l2 { right: 78px; top:0;}
.reason_1 .reason_y ul li.l3 { left: 0px; top:206px;}
.reason_1 .reason_y ul li.l4 { right: 0px; top:206px;}
.reason_1 .reason_y ul li.l5 { left: 78px; top:410px;}
.reason_1 .reason_y ul li.l6 { right:78px; top:410px;}
.reason_1 .reason_y ul li.l7 { left: 78px; top:410px;}
.reason_1 .reason_y ul li.l8 { right: 78px; top:410px;}

}