﻿@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);  }  /* 去掉链接触摸高亮 */

.slideBox22 .hd{ width:100%; position:absolute; height:20px; line-height:20px; left:0; bottom:20px; text-align:center; z-index:1; }
.slideBox22 .hd li{ display:inline-block; width:5px; height:5px; border-radius:50%; background:#333; text-indent:-9999px; overflow:hidden; margin:10px; margin-top:110px;  cursor:pointer;}
.slideBox22 .hd li.on{ background:#fff;  }
.slideBox22 .prev{ position:absolute; left:20px; top:0; display:none; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox22 .next{ position:absolute; right:20px; top:0; display:none; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox22 .bd{ position:relative; z-index:0; }
.slideBox22 .bd li{ position:relative; text-align:center;  }
.slideBox22 .bd li img{vertical-align:top; width:100%; height:auto/* 图片宽度100%，达到自适应效果 */}
.slideBox22 .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;text-transform:Uppercase;}

.title_index2{width:90%; height:auto; margin:0 auto; margin-top:30px; margin-bottom:20px;position:relative}
.title_index2 h1{font-size:0.22rem; color:#333; font-weight:bold; text-align:left; }
.title_index2 h1 span{ color:#ff6700}
.title_index2 h1 em{display:block; font-size:0.14rem; line-height:0.22rem; color:#999; font-weight:100; padding-top:15px;text-transform:Uppercase;}

/*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;width:100%; background:url(../images/gsys.jpg) no-repeat top center;height:2280px;}

/*图片1*/
.index_pic_one{width:100%; height:auto; margin:0 auto; overflow:hidden;}
.index_pic_one dl{float:left; width:48%; height:1.35rem; 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{background-color:#f0f0f0; padding:20px 0;}

.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_title{ width:1.5rem; height:auto; padding:30px 0; text-align:center; font-size:0.14rem; color:#999; position:relative}
.index_title span{display:block; color:#333; font-size:0.2rem; line-height:0.5rem; font-weight:bold; letter-spacing:1px;}
.index_title:after{content:""; position:absolute; left:-100px; top:75px; width:100px; height:1px; background-color:#999999;}
.index_title:before{content:""; position:absolute; right:-100px; top:75px; width:100px; height:1px; background-color:#999999;}

.index_title2{ width:1.4rem; height:auto; padding:30px 0; text-align:center; font-size:0.16rem; color:#fff; position:relative}
.index_title2 span{display:block; color:#fff; font-size:0.2rem; line-height:0.5rem; font-weight:bold; letter-spacing:1px;}
.index_title2:after{content:""; position:absolute; left:-100px; top:75px; width:100px; height:1px; background-color:#fff;}
.index_title2:before{content:""; position:absolute; right:-100px; top:75px; width:100px; height:1px; background-color:#fff;}

.index_title3{ width:1.4rem; height:auto; padding:30px 0; text-align:center; font-size:0.16rem; color:#999; position:relative}
.index_title3 span{display:block; color:#333; font-size:0.2rem; line-height:0.5rem; font-weight:bold; letter-spacing:1px;}
.index_title3:after{content:""; position:absolute; left:-100px; top:75px; width:100px; height:1px; background-color:#999999;}
.index_title3:before{content:""; position:absolute; right:-100px; top:75px; width:100px; height:1px; background-color:#999999;}
/*标题_end*/

/*新闻*/
.index_news_bj{background-color:#f0f0f0; padding:20px 0;}

.index_news { width:100%; height:auto; overflow:hidden}
.index_news li {width:100%; height:auto; margin-bottom:20px; overflow:hidden}
.index_news li a {display: block; background-color: #fff; padding:15px; -webkit-transition: all 0.5s; transition: all 0.5s; overflow: hidden; position: relative;}
.index_news li a:after {position: absolute; left: 0; top: 0; content: ""; width:80px; border-bottom: 125px solid #c00923; border-right:28px solid transparent;  -webkit-transition: all 0.5s; transition: all 0.5s;}
.index_news li .date {float: left; width:80px; position: relative; z-index: 1; line-height: 1; padding: 5px 0; color: #fff; text-align:left; }
.index_news li .date small {display: block; font-size:0.16rem;}
.index_news li .date strong {display: block;font-size:0.4rem; margin-top: 10px;}
.index_news li .text { float:right; width:70%; height:auto;}
.index_news li .text h4 {font-weight: normal; font-size:0.18rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.index_news li .text p { margin-top:10px; color: #666; -webkit-transition: all 0.5s; transition: all 0.5s; line-height: 1.8; height:50px; font-size:0.14rem; overflow: hidden;}
.index_news li a:hover {background-color:#ef6e32; color:#fff;}
.index_news li a:hover:after {border-bottom-color: #c00923;}
.index_news li a:hover .text p {color: #fff;}
.index_news li:nth-of-type(2n+0){margin-right:0px;}


/*小幻灯包围*/
.three_box{overflow:hidden; }
.three_box_left{width:100%; height:auto;}
.three_box_left img{  width:100%; height:100%;}
.three_box_right{width:100%; height:auto; padding-bottom:20px;background-color:#eee}
.three_box_right .n_box{ width:95%; height:auto;color:#000; }
.three_box_right .n_box h6 {font-size:0.14rem; font-family: 'Times New Roman'; font-weight: normal; color:#000; line-height: 25px; text-indent:20px}
.three_box_right .n_box h2 {font-size:0.2rem; font-weight: normal; color:#222; line-height:0.3rem; margin-bottom:10px;padding-top:20px; text-indent:20px}
.three_box_right .n_box p { width:90%; height:auto; margin:0 auto; color:#000; margin-bottom: 30px;}
.three_box_right .n_box span { width:90%; height:auto; margin:0 auto; color:#000; margin-bottom: 30px;}

.btn2 a {color: #000; display: block; line-height: 44px; width: 140px; text-align: center; margin-left: 20px; background: #5f0303;}
.btn2 a span {display: inline-block; padding-right: 17px; background: url(../images/icon3.png) no-repeat right center; transition-duration:500ms;}
.btn2 a:hover span {padding-right: 27px;}

.three_box22{width:100%;overflow:hidden; margin-top: 30px; }
.three_box22_left{float:right; }
.three_box22_right{ float:left; width:85%; height:300px;background:url(../images/xbj.png) no-repeat top center;}
.three_box22_right .n_box{margin-top: 60px; margin-left:20px; width:100%; height:auto;  float:left; color:#fff; margin-top:30px;font-size:16px;line-height:35px;}
.three_box22_right .n_box h3 {font-size:20px; color:#fff;  font-weight:normal; line-height: 30px; text-align:left;}
.three_box22_right .n_box h2 {font-size: 20px; font-weight:normal; color:#fff; line-height: 30px; margin-bottom: 20px;margin-top: 10px;  text-align:left;}
.three_box22_right .n_box p {color:#fff; font-size:19px;line-height:35px;margin-top: 20px;}
/*滚动数字*/
.gundong_num{width:100%; height:auto; margin:0 auto; z-index:10}
.num{ width:100%; height:auto; overflow:hidden; color:#222}
.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; border-right:1px solid #E7E7E7; overflow:hidden}
.num li .n_box .n_l{width:100%; height:auto; line-height:0.38rem; text-align:center; font-size:0.14rem;color:#fff}
.num li .n_box .n_l span{ font-size:0.29rem; font-weight:bold; margin-right:8px;color:#fff}
.num li .n_box .n_l p{ line-height:0.2rem;}
.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{background:#d13845; color:#FFF}
.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;}


.jmys{width:100%; height:400px;border-top:1px solid #eee;margin-top:30px;}
.gundong_num22{ z-index:10}
.num2{ width:100%;height:auto; overflow:hidden; }
.num2 li{ float:left;width:48%; height:160px; margin-bottom:20px;  transition-duration:500ms; cursor:pointer; }
.num2 h2{ font-size:0.26rem;font-weight:normal;text-align:center;color:#fff; margin-top:30px;  }
.num2 li .n_box{ width:100%;  margin:0 auto; overflow:hidden;}
.num2 li .n_box .n_l{  width:100%; height:auto; line-height:50px;  font-size:24px;text-align:center;  }
.num2 li .n_box .n_l span{ font-size:0.22rem;  text-align:center;color:#222;}
.num2 li .n_box .n_l p{line-height:0.2rem; font-size:0.14rem; text-align:center;color:#999}
.num2 li .n_box .n_r{  width:100%; height:95px; background: url(../images/0008.png) no-repeat top center;  transition-duration:600ms;margin-top:15px;}
.num2 li .n_box .n_r2{ width:100%; height:95px; background: url(../images/0009.png) no-repeat top center;  transition-duration:600ms;margin-top:15px;}
.num2 li .n_box .n_r3{width:100%; height:95px; background: url(../images/0010.png) no-repeat top center;  transition-duration:600ms;margin-top:15px;}
.num2 li .n_box .n_r4{  width:100%; height:95px; background: url(../images/0011.png) no-repeat top center;  transition-duration:600ms;margin-top:15px;}

.num2 li:nth-of-type(2n+0){border-right:none}


.gundong_num33{    margin-top:-5%; margin-left:-5%;z-index:10}
.num3{ width:100%;height:auto; overflow:hidden; }
.num3 li{ float:left; width:14.5%; height:auto; padding-bottom:20px; margin-right:5%;  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:100%; height:auto; line-height:30px;  font-size:24px;text-align:center;  }
.num3 li .n_box .n_l span{ font-size:0.16rem;  text-align:center;color:#fff;}
.num3 li .n_box .n_l p{line-height:0.2rem; font-size:0.17rem; text-align:center;color:#fff }
.num3 li .n_box .n_r{  width:100%; height:45px; background: url(../images/jg2.png) no-repeat top center;  transition-duration:600ms;margin-top:40px;}
.num3 li .n_box .n_r2{ width:100%; height:45px; background: url(../images/wd2.png) no-repeat top center;  transition-duration:600ms;margin-top:40px;}
.num3 li .n_box .n_r3{width:100%; height:45px; background: url(../images/p32.png) no-repeat top center;  transition-duration:600ms;margin-top:40px;}
.num3 li .n_box .n_r4{  width:100%; height:45px; background: url(../images/p42.png) no-repeat top center;  transition-duration:600ms;margin-top:40px;}
.num3 li .n_box .n_r5{  width:100%; height:45px; background: url(../images/p52.png) no-repeat top center;  transition-duration:600ms;margin-top:40px;}
.num3 li:nth-of-type(5n+0){ margin-right:0}
.num3 li:hover{color:#fff;height:115px;}
.num3 li:hover a{ color:#FFF!important}

.story_wrap{padding-top:-10px}
.story_list{width:100%; height:auto}
.story_list li{width:100%; height:auto; background:#eee; overflow:hidden}
.story_list li .story_pic{float:left; width:40%; height:auto; }
.story_list li .story_pic img{width:100%; height:100%;}

.story_list li .story_text{float:left; width:60%; height:auto; padding:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.story_list li .story_text .time{display:none}
.story_list li .story_text h3{font-size:15px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.story_list li .story_text .story_con{font-size:12px; margin-top:5px; line-height:20px; color:#999; height:auto; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:4;/*显示几行*/-webkit-box-orient: vertical;}
.story_list li .story_text .go_detail{display:none}

.story_list li+li{ margin-top:10px;}

.ssbj{width:95%;background-color:#ef6e2d; height:auto; margin-top:-40px;  }
.ssbj .l{ display:none}

.sousuo{width:245px; height:35px; line-height:35px; border:1px solid #c4c4c4; background-image:url(../images/bg.gif); background-repeat:no-repeat; padding-left:25px; color:#666666; font-size:12px;margin-bottom:10px; margin-top:10px;}
.ssbj .r{width:100%; height:auto; }

.i_a_bj{ height:auto;  overflow:hidden}
.i_a_bj h1{font-size:0.26rem; font-weight: bold; color:#FFF; text-align:center; margin-top:30px; margin-bottom:20px;}
.i_a_bj h2{font-size: 20px; margin-top:15px; color:#FFF; text-align:center; height:30px; margin-bottom:20px;}
.i_a_box{ width:100%; height:auto;  margin:0 auto;background:url(../images/lytp22.png) no-repeat top center; box-shadow:0 0 10px 0 rgba(0,0,0,0.40); margin-bottom:10px; overflow:hidden}
.i_a_1170{width:95%; height:auto; margin:0 auto; margin-top:10px; margin-bottom:40px; overflow:hidden}
.i_a_1170_left{ float:left; width:100%; height:auto}
.i_a_a{ width:95%; height:auto;  position:relative;}
.i_a_a span{ position:absolute; left:0; top:300px; width:100%; height:100%; background-color:#ff6700; transition: 0.8s all ease}
.i_a_a:hover span{top:0; }

.i_a_560{  right:0; top:0; width:100%;  height:auto; z-index:99}
.i_a_530{ width:100%; height:auto; margin:0 auto; line-height:27px; font-size:0.16rem;  color:#fff; word-wrap:break-word;}
.i_a_530 h3{ font-size:0.18rem;; color:#fff;font-weight:normal; text-align:left;line-height:45px}
.i_a_530 h4{font-size:0.18rem; color:#fff; line-height:45px; font-weight:normal;text-align:left; padding-bottom:10px;}
.i_a_530 h5{font-size:0.18rem; color:#fff; line-height:45px; font-weight:normal;text-align:left;margin-top:-20px;  padding-bottom:10px;}
.i_a_530 .menu_box_right{ overflow:hidden; background:url(../images/dh.png) no-repeat left center;font-size:0.16rem; margin-top:10px; }
.i_a_530 .menu_box_right p{ font-size:16px; color:#333; margin-left:70px; }
.i_a_530 .menu_box_right h3{ font-size:16px;margin-left:70px; line-height:45px;color:#000}

/*留言start*/
.fot_form{ width:88%; margin-top:15px; }
.fot_form h2{ font-size:0.24rem; font-weight:normal ; color:#FFF;  float:left; margin-top:20px; }
.fot_form h3{ font-size:0.24rem; font-weight:normal ; color:#FFF;  float:left; margin-top:5px; }
.fot_form h4{ font-size:0.23rem; font-weight:normal ; color:#FFF;  float:left; margin-top:20px; }
.fot_form h5{font-size:0.23rem; font-weight:normal ; color:#FFF;  float:left; margin-top:20px; }
.fot_form h5{font-size:0.23rem; font-weight:normal ; color:#FFF;  float:left; margin-top:20px;}
.fot_form a{color:#FFF; }
.fot_form a hover {color:#FFF; }
.fot_form h1.title{ display:block; margin-bottom:25px; color:#fff; margin-top:-1px; line-height: 14px;}
.fot_form h1.title strong{ padding-right:10px;text-transform:uppercase; font-size: 16px; font-family: "SimHei";}
.fot_form h1.title span{ font-size: 14px; font-family: "SimHei";  }
.fot_form form{margin-left: -5px; }
.fot_form .text{ float:left; display:block; margin-bottom:15px; margin-left:10px; padding:0 10px; width: 95%; height:50px; border:1px solid #fff; background:none; color:#fff; font-size:14px; line-height:33px;  filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#999', endColorstr='#999');}
.fot_form .md{ float:left;}
textarea{ resize:none;}
.fot_form  .yzm_box{ position:relative;}
.fot_form  .yzm_box .yzm{ position:absolute; top:0; right: 0px; height:50px; border:1px solid #fff;}
.fot_form textarea{  float:left; margin-left:10px; padding:10px; width: 95%; height: 50px; border:1px solid #fff; color:#fff; font-size:14px; line-height:20px; resize:none;background:none;  filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F222226', endColorstr='#7F222226');}
.fot_form .submit {right:0;margin-top:15px;  width: 100%; height: 58px; border:none; background:url(../images/bg_sumit.png) center no-repeat #c00916; color:#fff; text-align:center; font-size:18px;}
.fot_form .submit:hover{  background:url(../images/bg_sumit.png) 30px no-repeat #222;}
.fot_form .ccuu{ width:100%; margin-left:15px; margin-top:15px; display:block; }
.fot_form .ccuu .input_txt{ height:35px; padding:0 10px; border:1px solid #fff; background:none; color:#fff; font-size:14px; line-height:33px; margin-right:15px; }
/*留言end*/

/*小幻灯及简介*/
.section-title {
	margin-bottom: 30px;
	margin-top:10px;
	font-weight: bold;
	line-height: 1;
}
.section-title small {
	display: block;
	font-size:0.3rem;
	text-transform: uppercase;
}
.section-title strong {
	display: block;
	position: relative;
	color: #1767dd;
	font-size:0.2rem;
	margin-top: 10px;
}
.section-title strong:after {
	position: absolute;
	right: 0;
	top: 50%;
	height: 1px;
	width: 70%;
	content: "";
	background: #e5e5e5;
}

.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}

.indexone{width:100%;overflow:hidden; margin-top:-10px; margin-bottom:40px;}
.indexone li{float:left; width:100%;height:400px;margin-top:20px;background-color: #fff;overflow:hidden}
.indexone li dl{width:100%; height:225px;  overflow:hidden;}
.indexone li img{ width:100%;-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s; }
.indexone li:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1); }
.indexone li .box{width:90%;height:auto;padding-left:10px; }
.indexone li .box h1{float:left;font-weight:600; font-size:18px;line-height:50px;m color:#222;  overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.indexone li .box dd{float:left;line-height:25px; font-size:14px; color:#999999; }
.indexone li:nth-of-type(1n+0){margin-right:0px;}
.indexone li:first-child+li+li+li+li{margin-right:0px;}
.indexone li a{ text-decoration:none}
.indexone li:hover h1{ color:#a44e58;}

/* 多图滚动 */
.scrollBox{ width:95%; height:auto; margin:3px auto; text-align:center;}
.scrollBox .bd li{float:left; width:48%; height:1.35rem; 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:16px; margin-bottom: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{ display:none}
.index_more a{color:#fff; text-align:center; line-height:0.3rem; 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:#333; transition: 0.4s all ease}
.index_more:hover span{ right:0}

.index_more2{float:center;width:110px; height:40px; margin-top:10px; overflow:hidden; background: url(../images/yd.png) no-repeat center; position:relative;border-radius:50px;  }
.index_more2 a{color:#000; font-size:16px;text-align:center; line-height:40px; 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:#7e74a9; transition: 0.4s all ease}
.index_more2:hover span{ right:0}

/*友情链接*/
.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; z-index:0;overflow:hidden; margin:0 auto; max-width:100%; background:#fff; }
.slideBox .hd{ width:100%; position:absolute; height:30px; line-height:30px; left:0; bottom:70px; text-align:center; }
.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);  }  /* 去掉链接触摸高亮 */

.slideBox22{width:100%; height:auto;  position:relative; z-index:0;overflow:hidden; margin:0 auto; top:50px;margin-bottom:80px;max-width:100%; background:#fff; }
.slideBox22 .hd{ width:100%; position:absolute; height:30px; line-height:30px; left:0; bottom:10px; text-align:center; }
.slideBox22 .hd li{ display:inline-block; width:5px; height:5px; border-radius:50%; background: rgba(255, 255, 255, 0.6); text-indent:-9999px; overflow:hidden; margin:10px;   cursor:pointer;}
.slideBox22 .hd li.on{ background: rgba(1, 21, 88, 0.6); }

.slideBox22 .prev{ position:absolute; left:20px; top:0; display:block; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox22 .next{ position:absolute; right:20px; top:0; display:block; width:58px; height:58px; text-align:center; cursor:pointer}
.slideBox22 .bd{  width:1400px;position:relative; z-index:0; }
.slideBox22 .bd li{ float:left; width:1400px; height:auto margin-right:60px; }
.slideBox22 .bd li img{vertical-align:top; width:100%; height:auto/* 图片宽度100%，达到自适应效果 */}
.slideBox22 .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 
/*标题专用*/
.title_index{ width:800px; height:auto; margin:0 auto; margin-top:50px; position:relative}
.title_index h1{font-size:34px; color:#000; font-weight:normal; text-align:center; padding:20px;}
.title_index h1 span{ color:#ff6700}
.title_index h1 em{display:block; font-size:16px; line-height:30px; color:#333; font-weight:100; padding-top:8px;text-transform:Uppercase;}

.title_index2{ float:left;width:800px; height:auto; margin-bottom:30px; margin-top:50px; position:relative}
.title_index2 h1{font-size:30px; color:#333; font-weight:bold; margin-left:15px; }
.title_index2 h1 span{ color:#ff6700}
.title_index2 h1 em{display:block; font-size:14px; line-height:30px; color:#999; font-weight:100; padding-top:8px;text-transform:Uppercase;}

/*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}

/*标题*/
.index_title{ width:200px; height:auto; padding:40px 0; text-align:center; font-size:16px; color:#999; position:relative}
.index_title span{display:block; color:#333; font-size:32px; line-height:50px;  letter-spacing:2px;}
.index_title:after{content:""; position:absolute; left:-100px; top:95px; width:100px; height:1px; background-color:#999999;}
.index_title:before{content:""; position:absolute; right:-100px; top:95px; width:100px; height:1px; background-color:#999999;}

.index_title2{ width:200px; height:auto; padding:80px 0; text-align:center; font-size:16px; color:#fff; position:relative}
.index_title2 span{display:block; color:#fff; font-size:32px; line-height:50px;  letter-spacing:2px;}
.index_title2:after{content:""; position:absolute; left:-100px; top:125px; width:100px; height:1px; background-color:#fff;}
.index_title2:before{content:""; position:absolute; right:-100px; top:125px; width:100px; height:1px; background-color:#fff;}

.index_title3{ width:200px; height:auto; padding:60px 0; float:left;font-size:24px; color:#333;font-weight:bold;  position:relative; text-transform:Uppercase}
.index_title3 span{display:block; color:#000; font-size:30px; line-height:50px;font-weight:normal;letter-spacing:2px;}
.index_title3 line{position:relative;text-align:center;margin:10px auto 0;width:60px;height:4px; background-color: #006d2c;}
.index_title3:after{content:""; right:138px;position:absolute;text-align:center; top:150px; width:60px; height:4px; background-color:#006d2c;}
/*标题_end*/

/*小幻灯包围*/
.three_box{overflow:hidden;}
.three_box_left{  width:100%; height:auto;padding-top: 50px;}
.three_box_left img{  width:100%; height:100%;}
.three_box_right{  width:100%; height:auto;background-color:#eee; padding-bottom:100px;}
.three_box_right .n_box{ width:1200px; height:auto; margin-left:360px;color:#333; line-height:30px;}
.three_box_right .n_box h6 {font-size:16px; font-family: 'Times New Roman'; font-weight: normal; color:#666; line-height:35px;}
.three_box_right .n_box h2 {font-size: 30px; font-weight: normal; color:#333; padding-top: 30px;line-height: 58px; margin-bottom: 30px;}
.three_box_right .n_box p {color:#666; margin-bottom: 20px;}

.btn2 a {color: #fff; display: block; line-height: 44px; width: 140px; text-align: center; margin-left: 0; background: #5f0303;}
.btn2 a span {display: inline-block; padding-right: 17px; background: url(../images/icon3.png) no-repeat right center; transition-duration:500ms;}
.btn2 a:hover span {padding-right: 27px;}

.three_box22{width:100%;overflow:hidden; margin-top: 50px; }
.three_box22_left{float:right; }
.three_box22_right{ float:left; width:1100px; height:600px;background:url(../images/xbj.png) no-repeat top center;}
.three_box22_right .n_box{margin-top: 100px; margin-left: 250px; width:850px; height:auto;  float:left; color:#fff; font-size:16px;line-height:35px;margin-top: 40px;}
.three_box22_right .n_box h3 {font-size:38px; color:#fff;  font-weight:normal; line-height: 50px; text-align:left;margin-left: 150px}
.three_box22_right .n_box h2 {font-size:38px; font-weight:normal; color:#fff; line-height: 50px; margin-bottom: 20px;  text-align:left;margin-left: 150px;margin-top: 30px;}
.three_box22_right .n_box p {color:#fff; font-size:24px;line-height:35px;margin-top: 80px;}
/*滚动数字*/
.gundong_num{ z-index:10}
.num{ width:100%; height:auto; overflow:hidden;}
.num li{ float:left; width:25%; height:auto; padding:10px 0; transition-duration:500ms; cursor:pointer}
.num li .n_box{ width:100%; height:auto; margin:0 auto; border-right:1px solid #fff; overflow:hidden}
.num li .n_box .n_l{  width:55%; height:auto;text-align:center;  margin-top:10px;line-height:30px; font-size:16px; color:#fff}
.num li .n_box .n_l span{ font-size:35px; }
.num li .n_box .n_l p{ line-height:30px; color:#fff; }
.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;}

.jmys{width:100%; height:250px;border-top:1px solid #eee;margin-top:40px;}
.gundong_num22{  z-index:10;margin-top:10px;}
.num2{ width:100%;height:auto; overflow:hidden; }
.num2 h2{ font-size:48px;font-weight:normal;text-align:center;color:#fff; margin-top:30px }
.num2 h3{ font-size:48px;font-weight:normal;text-align:center;color:#b1b1b1; margin-top:30px }
.num2 li{ float:left; width:20%;  margin-left:5%;margin-bottom:65px; transition-duration:500ms; cursor:pointer;background:#fff;border-radius: 10px;}
.num2 li .n_box{ width:100%; margin:0 auto; overflow:hidden; }
.num2 li .n_box .n_l{  width:80%; height:auto; line-height:30px;  font-size:14px;text-align:center; margin-top:15px}
.num2 li .n_box .n_l span{ font-size:20px;  text-align:center;color:#333;  }
.num2 li .n_box .n_l p{ line-height:30px;text-align:center;font-size:15px; color:#999}
.num2 li .n_box .n_r{  width:40%; height:95px; background: url(../images/0008.png) no-repeat top center;  transition-duration:600ms;margin-top:50px;}
.num2 li .n_box .n_r2{ width:40%; height:95px; background: url(../images/0009.png) no-repeat top center;  transition-duration:600ms;margin-top:50px;}
.num2 li .n_box .n_r3{width:40%; height:95px; background: url(../images/0010.png) no-repeat top center;  transition-duration:600ms;margin-top:50px;}
.num2 li .n_box .n_r4{  width:40%; height:95px; background: url(../images/0011.png) no-repeat top center;  transition-duration:600ms;margin-top:50px;}

.num2 li:nth-of-type(4n+0){border-right:none}

.gundong_num33{  z-index:10;margin-top:50px;}
.num3{ width:100%;height:auto; overflow:hidden; }
.num3 li{ float:left; width:20%; height:130px; padding:16px 0; transition-duration:500ms; cursor:pointer;}
.num3 li .n_box{ width:100%; height:130px; margin:0 auto; overflow:hidden;color:#fff;}
.num3 li .n_box .n_l{  width:80%; height:auto; line-height:30px;  font-size:24px;text-align:center;}
.num3 li .n_box .n_l span{ font-size:20px;  text-align:center; center;color:#fff;  }
.num3 li .n_box .n_l p{ line-height:50px;text-align:center;color:#fff }
.num3 li .n_box .n_r{  width:45%; height:75px; background: url(../images/jg.png) no-repeat top center;  transition-duration:600ms;margin-bottom:15px }
.num3 li .n_box .n_r2{ width:45%; height:75px; background: url(../images/wd.png) no-repeat top center;  transition-duration:600ms;margin-bottom:15px }
.num3 li .n_box .n_r3{wwidth:45%; height:75px; background: url(../images/p3.png) no-repeat top center;  transition-duration:600ms;margin-bottom:15px }
.num3 li .n_box .n_r4{  width:50%; height:75px; background: url(../images/p4.png) no-repeat top center;  transition-duration:600ms;margin-bottom:15px }
.num3 li .n_box .n_r5{  width:45%; height:75px; background: url(../images/p5.png) no-repeat top center;  transition-duration:600ms;margin-bottom:15px }
.num3 li:nth-of-type(5n+0){border-right:none}
.num3 li:hover{color:#fff;height:105px;}
.num3 li:hover a{ color:#FFF!important}

.ysbj{ background:url(../images/ys.jpg) no-repeat top center;height:700px; }
.ssbj{width:1270px;background-color:#ef6e2d; height:115px;margin-top:-50px;}
.ssbj .l{float:left;width:50%;  height:115px; padding-left:30px;margin-top:10px;}
.ssbj .l span{color:#fff; font-size:18px;line-height:30px; }
.ssbj .l p{ font-size:16px;line-height:35px;}
.sousuo{width:350px; height:35px; line-height:35px; border:1px solid #c4c4c4; background-image:url(../images/bg.gif); background-repeat:no-repeat; padding-left:25px; color:#666666; font-size:12px;margin-bottom:10px; margin-top:10px;}
.ssbj .r{float:right;width:50%; height:115px; margin-top:-115px; }

.gsys{ width:100%;height:auto; overflow:hidden; }
/*图片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{background:#ef6d31;height:105px;margin-top:-30px;}
/*新闻*/
.index_news_bj{background-color:#f0f0f0; padding:40px 0; }

.index_news { width:100%; height:auto; overflow:hidden}
.index_news li {float: left; width:49%; height:auto; margin-right:2%; margin-bottom:20px; overflow:hidden}
.index_news li a {display: block; background-color: #fff; padding: 20px; -webkit-transition: all 0.5s; transition: all 0.5s; overflow: hidden; position: relative;}
.index_news li a:after {position: absolute; left: 0; top: 0; content: ""; width: 85px; height: 0; border-bottom: 125px solid #c00923; border-right: 78px solid transparent; -webkit-transition: all 0.5s; transition: all 0.5s;}
.index_news li .date {float: left; width: 90px; position: relative; z-index: 1; line-height: 1; padding: 5px 0; color: #fff; text-align:left;}
.index_news li .date small {display: block;font-size: 16px;}
.index_news li .date strong {display: block;font-size: 48px;margin-top: 10px;}
.index_news li .text { float:right; width:78%; height:auto;}
.index_news li .text h4 {font-weight: normal; font-size:18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.index_news li .text p { margin-top:10px; color: #666; -webkit-transition: all 0.5s; transition: all 0.5s; line-height: 1.8; height:50px; overflow: hidden;}
.index_news li a:hover {background-color:#ef6e2d; color:#fff;}
.index_news li a:hover:after {border-bottom-color: #c00923;}
.index_news li a:hover .text p {color: #fff;}
.index_news li:nth-of-type(2n+0){margin-right:0px;}

/*小幻灯及简介*/
.section-title {
	margin-bottom: 40px;
	margin-top:20px;
	font-weight: bold;
	line-height: 1;
}
.section-title small {
	display: block;
	font-size: 42px;
	text-transform: uppercase;
}
.section-title strong {
	display: block;
	position: relative;
	color: #f16d2d;
	font-size: 30px;
	margin-top: 10px;
}
.section-title strong:after {
	position: absolute;
	right: 0;
	top: 50%;
	height: 1px;
	width: 86%;
	content: "";
	background: #e5e5e5;
}

.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}

/*小幻灯片*/
.index_hdp{width:100%;overflow:hidden; height:auto; position:absolute; left:23px; top:0; overflow:hidden;  padding-top:50px;padding-bottom:350px;z-index:9999}
.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:99999; 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;}

/*标题*/
.index_title{ width:200px; height:auto; padding:40px 0; text-align:center; font-size:16px; color:#999; position:relative}
.index_title span{display:block; color:#333; font-size:32px; line-height:50px;  letter-spacing:2px;}
.index_title:after{content:""; position:absolute; left:-100px; top:95px; width:100px; height:1px; background-color:#999999;}
.index_title:before{content:""; position:absolute; right:-100px; top:95px; width:100px; height:1px; background-color:#999999;}

.index_title2{ width:200px; height:auto; padding:80px 0; text-align:center; font-size:16px; color:#fff; position:relative}
.index_title2 span{display:block; color:#fff; font-size:32px; line-height:50px;  letter-spacing:2px;}
.index_title2:after{content:""; position:absolute; left:-100px; top:125px; width:100px; height:1px; background-color:#fff;}
.index_title2:before{content:""; position:absolute; right:-100px; top:125px; width:100px; height:1px; background-color:#fff;}

.index_title3{ width:200px; height:auto; padding:60px 0; float:left;font-size:24px; color:#333;font-weight:bold;  position:relative; text-transform:Uppercase}
.index_title3 span{display:block; color:#000; font-size:30px; line-height:50px;font-weight:normal;letter-spacing:2px;}
.index_title3 line{position:relative;text-align:center;margin:10px auto 0;width:60px;height:4px; background-color: #006d2c;}
.index_title3:after{content:""; right:138px;position:absolute;text-align:center; top:150px; width:60px; height:4px; background-color:#006d2c;}
/*标题_end*/

/****首页留言****/
.i_a_bj{ height:445px;  margin-top:80px;margin-bottom:80px;overflow:hidden}
.i_a_bj h1{font-size:40px; font-weight: bold; color:#FFF; text-align:center; margin-top:60px; margin-bottom:20px;}
.i_a_bj h2{font-size: 20px; margin-top:15px; color:#FFF; text-align:center; height:30px; margin-bottom:20px;}
.i_a_box{ width:1270px; min-width:1270px;  background:url(../images/lytp.png) no-repeat top center; margin:0 auto; box-shadow:0 0 10px 0 rgba(0,0,0,0.40); margin-bottom:10px; overflow:hidden}
.i_a_1170{width:1270px; min-width:1270px; height:auto; margin:0 auto; margin-top:40px; margin-bottom:40px; overflow:hidden}
.i_a_1170_left{ float:left; width:600px; height:auto}
.i_a_a{ width:600px; height:340px; position:relative;}
.i_a_a span{ position:absolute; left:0; top:300px; width:100%; height:100%; background-color:#ff6700; transition: 0.8s all ease}
.i_a_a:hover span{top:0; }

.i_a_560{ position:absolute; right:0; top:0; width:570px; height:340px; overflow:hidden; z-index:99}
.i_a_530{ width:570px; height:auto; margin:0 auto; line-height:27px; font-size:20px;  color:#fff}
.i_a_530 h3{ font-size:26px; color:#fff; text-align:left;font-weight:normal; margin-top:18px;line-height:50px;}
.i_a_530 h4{font-size:20px; color:#fff; line-height:30px;font-weight:normal; margin-top:10px;margin-bottom:20px;text-align:left; padding-bottom:15px;}
.i_a_530 h5{font-size:20px; color:#fff; line-height:30px;font-weight:normal; margin-top:-23px;}
.i_a_530 .menu_box_right{ overflow:hidden;   }
.i_a_530 .menu_box_right p{ font-size:22px; color:#fff; margin-left:70px; }
.i_a_530 .menu_box_right h3{ font-size:24px;margin-left:70px; line-height:45px;color:#fff}
/****首页留言_end****/

.story_wrap{margin-top:10px;position:relative;z-index:11}
.story_list{width:100%;margin:0 auto;}
.story_list li{float:left;width:590px;height:auto;margin:0 20px 40px}
.story_list li .story_pic{width:230px;height:185px;overflow:hidden;float:left}
.story_list li .story_pic img{width:100%;height:100%;display:block}
.story_list li .story_text{padding:15px 20px 0 250px;height:170px;background:#eee}
.story_list li .story_text .time{font-size:14px;color:#333}
.story_list li .story_text h3{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:18px;margin-top:8px}
.story_list li .story_text .story_con{font-size:14px;color:#999;margin-top:14px;line-height:25px;height:60px;overflow:hidden}
.story_list li .story_text .go_detail{float:left;display:block;margin-top:2px;width:82px;height:26px;line-height:26px;text-align:center;color:#b19844;font-size:14px;background:#fff;border:1px solid #b19844}
.story_list li .story_text .go_detail:hover{background:#b19844;color:#fff}
/*留言start*/
.fot_form{ float:right;width:335px;margin-right:100px; }
.fot_form h2{ font-size:24px; font-weight:normal ; color:#FFF;  float:left; margin-top:20px; margin-bottom:20px;}
.fot_form h3{ font-size:24px; font-weight:normal ; color:#FFF;  float:left; margin-top:20px; margin-bottom:20px;}
.fot_form h4{ font-size:23px; font-weight:normal ; color:#FFF;  float:left; margin-top:20px; margin-bottom:20px;}
.fot_form h5{font-size:23px; font-weight:normal ; color:#FFF;  float:left; margin-top:20px; margin-bottom:20px;}
.fot_form a{color:#FFF; }
.fot_form a hover {color:#FFF; }
.fot_form h1.title{ display:block; margin-bottom:25px; color:#999; margin-top:-1px; line-height: 14px;}
.fot_form h1.title strong{ padding-right:10px;text-transform:uppercase; font-size: 16px; font-family: "SimHei";}
.fot_form h1.title span{ font-size: 14px; font-family: "SimHei";  }
.fot_form form{margin-left: -15px; }
.fot_form .text{ float:left; display:block; margin-bottom:15px; margin-left:15px;  margin-top:15px; padding:0 10px; width: 190px; height:40px; border:1px solid #fff; background-color:#fff; color:#999; font-size:14px; line-height:33px;  filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#999', endColorstr='#999');}
.fot_form .md{ float:left;}
textarea{ resize:none;}
.fot_form  .yzm_box{ position:relative;}
.fot_form  .yzm_box .yzm{ position:absolute; top:0; right: 0px; height:50px; border:1px solid #999;}
.fot_form textarea{  float:left; margin-left:15px; padding:10px; width: 419px; height: 80px; border:1px solid #999; color:#999; font-size:14px; line-height:20px; resize:none;background-color:#fff; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F222226', endColorstr='#7F222226');}
.fot_form .submit {margin-left:40px; right:0;  width: 210px; height: 58px; border:none; background:url(../images/bg_sumit.png) center no-repeat #c00916; color:#fff; text-align:center; font-size:18px;}
.fot_form .submit:hover{  background:url(../images/bg_sumit.png) 30px no-repeat #222;}
.fot_form .ccuu{ width:100%; margin-left:15px; margin-top:15px; display:block; }
.fot_form .ccuu .input_txt{ height:35px; padding:0 10px; border:1px solid #999; background:none; color:#999; font-size:14px; line-height:33px; margin-right:15px; }
/*留言end*/
/*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}

/*css过度按钮<div class="index_more"><a href="p/">+ 产品中心</a><span></span></div>*/
.index_more{width:75px; height:75px; line-height:75px; margin-top:10px; overflow:hidden; background-color:#c82126;border-radius:100px;  float:right; position:relative; }
.index_more a{color:#fff;font-size:16px;  text-align:center; line-height:75px; 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:#333; transition: 0.4s all ease}
.index_more:hover span{ right:0}

.index_more2{float:center;width:110px; height:40px; margin-top:10px; overflow:hidden; background: url(../images/yd.png) no-repeat center; position:relative;border-radius:50px;  }
.index_more2 a{color:#000; font-size:16px;text-align:center; line-height:40px; 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:#7e74a9; transition: 0.4s all ease}
.index_more2:hover span{ right:0}

/* 本例子css */
.sideMenu{  border:1px solid #ddd;  }
.sideMenu h3{ height:32px; line-height:32px; padding-left:10px;  border-top:1px solid #e3e3e3; background:#f4f4f4; cursor:pointer;
	font:normal 14px/32px "Microsoft YaHei";
}
.sideMenu h3 em{ float:right; display:block; width:40px; height:32px;   background:url(images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; }
.sideMenu h3.on em{ background-position:16px -57px; }
.sideMenu ul{ padding:8px 25px; color:#999; display:none; /* 默认都隐藏 */ }

/*友情链接*/
.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*/

/* 多图滚动 */
.scrollBox{ width:1245px; height:auto;text-align:center;margin-bottom:80px;}
.scrollBox .bd li{float:left; width:295px; height:auto;margin-left:6px; margin-right:13px;}
.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:220px; background:url(../images/loading.gif) #fff center center no-repeat;  }
.scrollBox .bd li:nth-of-type(4n+0){margin-right:0px;}

.scrollBox .hd{ height:20px; overflow:hidden; font-size:0; margin-top:25px;}
.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;}


.news_fl {margin-top: -74px; position: relative; z-index: 1; margin-bottom: 40px; text-align:right}


.indexone{width:1640px;overflow:hidden;  margin-bottom:40px;}
.indexone li{float:left; width:300px;height:430px;margin-right:20px;margin-left:10px;margin-top:-10px;background-color: #fff;overflow:hidden}
.indexone li dl{width:100%; height:225px; margin-top:10px; overflow:hidden;}
.indexone li img{ -moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s; }
.indexone li:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1); }
.indexone li .box{width:265px;height:auto;padding-left:10px; }
.indexone li .box h1{float:left;font-weight:600; font-size:18px;line-height:50px;m color:#222;  overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.indexone li .box dd{float:left;line-height:25px; font-size:14px; color:#999999; }
.indexone li:nth-of-type(5n+0){margin-right:0px;}
.indexone li:first-child+li+li+li+li{margin-right:0px;}
.indexone li a{ text-decoration:none}
.indexone li:hover h1{ color:#a44e58;}

}

