@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;}
.title_index:before{content: ""; width:70px; height:1px; background-color:#CCC; position:absolute; left:0; top:60px}
.title_index:after{content: ""; width:70px; height:1px; background-color:#CCC; position:absolute; right:0; top:60px}

/*图片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*/

/*新闻*/
.ul_index_news{width:100%; height:auto;}
.ul_index_news li{width:100%; height:0.45rem; line-height:0.45rem; border-bottom:1px solid #f0f0f0; overflow:hidden; }
.ul_index_news li a{display:block;}
.ul_index_news li p{float:left; width:78%; height:auto; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis; }
.ul_index_news li i{float:right; display:block; width:19%; height:auto; text-align:right; }

/*小幻灯及简介*/
.samll_hdp{width:100%; height:auto; overflow:hidden; margin-top:20px;}
.samll_hdp .l{width:100%; height:auto; overflow:hidden}
.samll_hdp .r{width:100%; height:390px; overflow:hidden; margin-top:10px; position:relative}

/*关于我们*/
.db_box_l{ position:absolute; left:30px; top:30px; width:86%; height:330px; z-index:2; overflow:hidden;}
.db_box_l>.title{font-size:26px; line-height: 26px; color: #4f4f4f; font-weight: bold; }
.db_box_l>.box{font-size:14px; line-height:26px; font-weight:400; color: #4f4f4f; margin-top:20px}

.ip5_icon{ display:none}

/*小幻灯片*/
.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}

/*友情链接*/
.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;}

/*分站列表*/
.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*/

/*优势*/
.ysbj{ width:95%; height:auto; margin:0 auto; margin-top:30px; margin-bottom:20px;}

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

.ys dt{width:100%; height:auto;}
.ys dt img{ display:block; width:100%; height:auto;}
.ys .pf{ display:none}

.ys dd{width:100%; height:auto;}
.ys dd h3{padding-left:105px; font-size:0.18rem; color:#303030;  margin-bottom: 32px; font-weight:100; height:0.66rem;}
.ys dd h3 b{color: #ff6700; font-size:0.22rem; display: block; font-weight: bold; line-height:0.4rem}
.ys dd p{font-size:0.14rem; line-height:0.26rem; color: #393939; padding-left:20px; text-align: left; background:url(../images/yspico.png) no-repeat 0 12px; margin-bottom: 12px;}
.ys dd p b{font-weight: normal; color: #ff6700;}

.ys1 dd h3{background:url(../images/01a.png) no-repeat left center;}
.ys2 dd h3{background:url(../images/02a.png) no-repeat left center;}
.ys3 dd h3{background:url(../images/03a.png) no-repeat left center;}

.ys2{ margin-top:30px;}
.ys3{ margin-top:30px;}
/*优势*/
}

/*当浏览器尺寸大于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);  }  /* 去掉链接触摸高亮 */

/*标题专用*/
.title_index{ width:800px; height:auto; margin:0 auto; margin-top:10px; position:relative}
.title_index h1{font-size:30px; color:#333; font-weight:bold; text-align:center; padding:20px;}
.title_index h1 span{ color:#ff6700}
.title_index h1 em{display:block; font-size:14px; line-height:30px; color:#999; font-weight:100; padding-top:12px;}
.title_index:before{content: ""; width:150px; height:1px; background-color:#CCC; position:absolute; left:0; top:67px}
.title_index:after{content: ""; width:150px; height:1px; background-color:#CCC; position:absolute; right:0; top:67px}

/*图片1*/
.index_pic_one{width:100%; height:auto; margin:0 auto; overflow:hidden; margin-top:10px;}
.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*/

/*新闻*/
.ul_index_news{width:100%; height:auto; overflow:hidden}
.ul_index_news li{float:left; width:49%; height:55px; line-height:55px; margin-right:2%; border-bottom:1px solid #f0f0f0; overflow:hidden; position:relative}
.ul_index_news li a{display:block;}
.ul_index_news li p{float:left; width:83%; height:auto; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis; }
.ul_index_news li i{float:right; display:block; width:16%; height:auto; text-align:right; }
.ul_index_news li:nth-of-type(2n+0){margin-right:0px;}
.ul_index_news li span{display:block; position:absolute; width:0%; height:1px; background-color:#c82821; z-index:1; transition: width 0.6s;}
.ul_index_news li:hover span{ width:100%;}

/*小幻灯及简介*/
.samll_hdp{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.samll_hdp .l{ float:left; width:760px; height:384px; overflow:hidden}
.samll_hdp .r{ float:right; width:470px; height:384px; overflow:hidden; position:relative}

/*关于我们*/
.db_box_l{ position:absolute; left:30px; top:40px; width:410px; height:280px; z-index:2; overflow:hidden;}
.db_box_l>.title{font-size:26px; line-height: 26px; color: #4f4f4f; font-weight: bold; }
.db_box_l>.box{font-size:14px; line-height:26px; font-weight:400; color: #4f4f4f; margin-top:20px}

.samll_hdp .r .ip5_icon{width:70px; height:12px; background:url(../images/ipart05_4.png) no-repeat center; position:absolute; right:30px; bottom:40px; transition:all 0.5s ease;}
.samll_hdp .r:hover .ip5_icon{right:50px;}

/*小幻灯片*/
.index_hdp{width:100%; height:384px; position:relative; overflow:hidden;}
.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); }

/*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}

/*友情链接*/
.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;}

/*分站列表*/
.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*/

/*优势*/
.ysbj{width:1400px; height:auto; min-width:1400px; margin:0 auto; margin-top:40px; margin-bottom:30px;}

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

.ys1{position:relative}
.ys2{position:relative}
.ys3{position:relative}

.ys1 dd{ float:left}
.ys1 dt{ float:right}
.ys2 dd{float:right}
.ys2 dt{float:left}
.ys3 dd{ float:left}
.ys3 dt{ float:right}

.ys dt{width:700px; height:430px; }
.ys dt img{display:block; width:100%; height:430px;}

.ys1 .pf{ position:absolute; bottom:30px; left:0px; width:900px; height:auto; border:3px solid #FFF}
.ys2 .pf{ position:absolute; bottom:30px; right:0px; width:900px; height:auto; border:3px solid #FFF}
.ys3 .pf{ position:absolute; bottom:30px; left:0px; width:900px; height:auto; border:3px solid #FFF}

.ys .pf img{ width:100%; height:auto}

.ys dd{width:600px; height:auto; padding-top:40px;}
.ys dd h3{padding-left:105px; font-size:22px; color:#303030;  margin-bottom:26px; font-weight:100; height:66px;}
.ys dd h3 b{color: #ff6700; font-size:30px; display: block; font-weight: bold;}
.ys dd p{font-size:16px; line-height:32px; color: #393939; padding-left:20px; text-align: left; background:url(../images/yspico.png) no-repeat 0 12px; margin-bottom: 10px;}
.ys dd p b{font-weight: normal; color: #ff6700;}

.ys1 dd h3{background:url(../images/01a.png) no-repeat left center;}
.ys2 dd h3{background:url(../images/02a.png) no-repeat left center;}
.ys3 dd h3{background:url(../images/03a.png) no-repeat left center;}

.ys2{ margin-top:40px;}
.ys3{ margin-top:40px;}
/*优势*/


}