@charset "utf-8";
/*当页面小于992px的时执行下面的CSS*/
@media screen and (max-width: 992px){
	/* 首页焦点图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);  }  /* 去掉链接触摸高亮 */
	
	/*搜索box*/
	.so_link{display:none}
	
	/*标题专用*/
	.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:#e62129}
	.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}
	
	/* 多图滚动 */
	.gundong{ width:100%; height:auto; margin-top:30px; background:#2e609f url(../images/ipba_m.jpg) no-repeat center; padding:30px 0; overflow:hidden}
	.gundong h4{font-size:0.22rem; font-weight: bold; text-align: center; color:#FFF}
	.gundong p{ font-size:0.14rem; text-align: center; color:#FFF; line-height:0.3rem; margin-top:10px}
	
	.scrollBox{width:100%; height:auto; margin-top:30px; text-align:center;}
	.scrollBox .bd{width:100%; height:auto; overflow:hidden}
	.scrollBox .bd li{float:left; width:49%; height:auto; margin-right:2%; margin-bottom:20px;}
	.scrollBox .bd li:nth-of-type(2n+0){margin-right:0;}
	.scrollBox .bd li span{display:block; height:auto; background-color:#FFF; padding:3px}
	.scrollBox .bd li span img{max-width:100%; height:auto;}
	.scrollBox .bd li p{ margin-top:10px; padding:0 10px; line-height:0.2rem; color:#fff; font-size:0.14rem; text-align:center; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
	.scrollBox .bd li a{ display:block}
	
	.scrollBox .hd{ height:20px; overflow:hidden; font-size:0; margin-top:0px;}
	.scrollBox .hd ul{ display:inline-block;}	
	.scrollBox .hd li{ display:inline-block; width:16px; height:16px; border-radius:16px; background:#D0D0D0; margin:0 5px; overflow:hidden; }
	.scrollBox .hd .on{ background:#BA2636;}

	/*中间横栏*/
	.zj_gg{margin-top:30px; background:#2e609f url(../images/ipba_m.jpg) no-repeat center; padding:30px 0; overflow:hidden}
	.zj_gg .left{width:95%; height:auto; margin:0 auto}
	.zj_gg .left span{ display:block; font-size:0.2rem; font-weight:bold; text-align:center; color:#FFF; margin-bottom:20px}
	.zj_gg .left em{ display:block; font-size: 12px; font-weight:400; color:#FFF; line-height:30px; text-align:center;}
	
	.zj_gg .right{width:100%; height:auto; margin:0 auto; margin-top:20px}
	.zj_gg .right em{display:block; font-size: 14px; font-weight:400; color:#FFF; line-height:35px; text-align:center}
	.zj_gg .right span{display:block; font-size: 0.3rem; font-weight:bold; color:#FFF; line-height:55px; text-align:center}
	.zj_gg .right p{text-align:center; margin-top:15px}
	
	/*关于我们*/
	.about_index{width:100%; height:auto; margin:0 auto; margin-top:10px; line-height:28px; font-size:0.14rem; text-indent: 2em; overflow:hidden}
	.about_index img{display:block; max-width:100%; margin:10px 0!important;}

	/*优势*/
	.ysbj{ margin-top:0px;}	
	.ys{width:100%; height:auto; overflow: hidden;}
	
	.ys1{position:relative}
	.ys2{position:relative}
	.ys3{position:relative}
	
	.ys1 dd{ width:100%; height:auto}
	.ys1 dt{ width:100%; height:auto}
	
	.ys2 dd{width:100%; height:auto}
	.ys2 dt{width:100%; height:auto}
	
	.ys3 dd{width:100%; height:auto}
	.ys3 dt{width:100%; height:auto}
	
	.ys dt{width:100%; height:auto; margin-top:20px}
	.ys dt img{width:100%; height:auto; }
	
	.ys1 .pf{ display:none}
	.ys2 .pf{ display:none}
	.ys3 .pf{ display:none}
		
	.ys dd h3{padding-left:105px; font-size:0.14rem; color:#303030; font-weight:100; height:auto; line-height:0.32rem; margin-bottom:0.2rem}
	.ys dd h3 b{color: #2e609f; font-size:0.22rem; line-height:0.3rem; display: block; font-weight: bold;}
	.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; }
	.ys dd p b{font-weight: normal; color: #257cd3;}
	
	.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:40px;}
	/*优势*/

	/*动态*/
	.news{overflow:hidden; margin-top:10px}
	.news .l{width:100%; height:auto; position:relative}
	.news .l img{ width:100%; height:100%}
	.news .l .nbox{ width:100%; height:auto; position:absolute; left:0; bottom:0; background-color:rgba(0,0,0,0.7); padding:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.news .l .nbox span{ display:block; color:#FFF}
	.news .l .nbox b{ display:block; color:#FFF; font-size:0.18rem; line-height:0.36rem; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
	.news .l .nbox p{ margin-top:10px; color:#FFF; font-size:0.14rem; line-height:0.26rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;/*显示几行*/-webkit-box-orient: vertical;}
	
	.news .r{width:100%; height:auto; margin-top:10px}
	
	.index_news { width:100%; height:auto;}
	.index_news li {width:100%; height:auto; margin-bottom:10px; padding:15px; background-color:#F3F3F3; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative; -webkit-transition: all 0.5s; transition: all 0.5s;}
	.index_news li a {display: block;}
	.index_news li:before{content: ""; width:0px; height:3px; background-color:#FFCC00; position:absolute; left:0; bottom:0; transition:all 0.5s; z-index:1}
	.index_news li:hover:before{ width:100%; }
	.index_news li:after{content: ""; width:100%; height:3px; background-color:#E6E6E6; position:absolute; left:0; bottom:0;}
	.index_news li h4 {font-size:0.18rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.index_news li p { margin-top:10px; color: #666; line-height: 1.8; height:0.5rem; overflow: hidden;}
	.index_news li:hover {background-color:#3697fd; color:#fff;}
	.index_news li a:hover{ color:#FFF}
	.index_news li:hover p{color:#FFF}
	.index_news li:last-child{margin-bottom:0;}


}

/*当页面大于992px时候*/
@media screen and (min-width:992px){
	/* 首页焦点图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:80px; 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; image-rendering: -webkit-optimize-contrast;}
	.slideBox .bd li img{vertical-align:top; max-width:100%; height:auto; object-fit: none; /*保留原有元素内容的长度和宽度，图片不会变模糊*/}
	.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
	
	/*搜索box*/
	.so_link{width:100%; height:auto; padding:35px 0; background-color: rgba(245,245,245,1); overflow:hidden}
	.so_link .left{ float:left; width:63%; height:auto; line-height:43px; overflow:hidden; position:relative; }
	.so_link .left a+a:before{ padding-right:10px; padding-left:10px; color:#333; content: "|";}
	
	.so_link .right{ float:right; width:30%; height:auto; overflow:hidden; background-color:#009}
	
	/*搜索框*/
	.index_sosuo{float:left; border:1px solid #ced4da; background:#fff; height:43px; line-height:43px; text-indent:10px; width:78%; }
	.index_sosuo_save{float:left; background:#013b87; border:1px solid #013b87; color:#fff; cursor:pointer; height:43px; line-height:43px; width:22%; font-size:16px; font-weight:400; }
	.index_sosuo_save:hover{background:#e62129; border:1px solid #343742; color:#FFF}
	
	/*标题专用*/
	.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:#e62129}
	.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}
	
	/*中间横栏*/
	.zj_gg{min-height:300px; margin-top:30px; background:#2e609f url(../images/ipba.jpg) no-repeat center; padding:70px 0; overflow:hidden}
	.zj_gg .left{ float:left; width:45%; height:auto;}
	.zj_gg .left span{ display:block; font-size: 36px; font-weight:bold; color:#FFF; margin-bottom:30px}
	.zj_gg .left em{ display:block; font-size: 16px; font-weight:400; color:#FFF; line-height:35px}
	
	.zj_gg .right{ float:right; width:45%; height:auto;}
	.zj_gg .right em{display:block; font-size: 16px; font-weight:400; color:#FFF; line-height:35px; text-align:right}
	.zj_gg .right span{display:block; font-size: 36px; font-weight:bold; color:#FFF; line-height:55px; text-align:right}
	.zj_gg .right p{text-align:right; margin-top:15px}
	
	/*关于我们*/
	.about_index{width:100%; height:auto; margin:0 auto; margin-top:10px; line-height:32px; font-size:16px; overflow:hidden}
	.about_index img{display:block; max-width:100%; margin:10px 0!important;}

	/* 多图滚动 */
	.gundong{min-height:300px; margin-top:30px; background:#2e609f url(../images/gundong.jpg) no-repeat center; padding:50px 0; overflow:hidden}
	.gundong h4{font-size:30px; font-weight: bold; text-align: center; color:#FFF}
	.gundong p{ font-size:16px; text-align: center; color:#FFF; line-height:50px; margin-top:5px}
	
	.scrollBox{width:100%; height:auto; margin-top:30px; text-align:center;}
	.scrollBox .bd{width:100%; height:auto; overflow:hidden}
	.scrollBox .bd li{float:left; width:23.875%; height:auto; margin-right:1.5%;}
	.scrollBox .bd li:nth-of-type(4n+0){margin-right:0;}
	.scrollBox .bd li span{display:block; height:auto; background-color:#FFF; padding:3px}
	.scrollBox .bd li span img{width:100%; height:auto;}
	.scrollBox .bd li p{ margin-top:10px; padding:0 10px; line-height:26px; color:#fff; font-size:14px; text-align:center; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
	.scrollBox .bd li a{ display:block}
	
	.scrollBox .hd{ height:20px; overflow:hidden; font-size:0; margin-top:20px;}
	.scrollBox .hd ul{ display:inline-block;}	
	.scrollBox .hd li{ display:inline-block; width:16px; height:16px; border-radius:16px; background:#D0D0D0; margin:0 5px; overflow:hidden; }
	.scrollBox .hd .on{ background:#BA2636;}

	/*动态*/
	.news{overflow:hidden; margin-top:10px}
	.news .l{ float:left; width:48%; height:400px; position:relative}
	.news .l img{ width:100%; height:100%}
	.news .l .nbox{ width:100%; height:auto; position:absolute; left:0; bottom:0; background-color:rgba(0,0,0,0.7); padding:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.news .l .nbox span{ display:block; color:#FFF}
	.news .l .nbox b{ display:block; color:#FFF; font-size:18px; line-height:36px}
	.news .l .nbox p{ margin-top:10px; color:#FFF; font-size:14px; line-height:26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;/*显示几行*/-webkit-box-orient: vertical;}
	
	.news .r{ float:right; width:50%; height:auto;}
	
	.index_news { width:100%; height:auto; overflow:hidden}
	.index_news li {width:100%; height:auto; margin-bottom:20px; padding:18px; background-color:#F3F3F3; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative; -webkit-transition: all 0.5s; transition: all 0.5s;}
	.index_news li a {display: block;}
	.index_news li:before{content: ""; width:0px; height:3px; background-color:#e62129; position:absolute; left:0; bottom:0; transition:all 0.5s; z-index:1}
	.index_news li:hover:before{ width:100%; }
	.index_news li:after{content: ""; width:100%; height:3px; background-color:#E6E6E6; position:absolute; left:0; bottom:0;}
	.index_news li h4 {font-size:18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.index_news li p { margin-top:10px; color: #666; font-size:14px; line-height: 1.8; height:50px; overflow: hidden;}
	.index_news li:hover {background-color:#2e609f; color:#fff;}
	.index_news li a:hover{ color:#FFF}
	.index_news li:hover p{color:#FFF}
	.index_news li:last-child{margin-bottom:0;}
	/*动态end*/

	/*优势*/
	.ysbj{ margin-top:30px; 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; padding-left:30px}
	.ys2 dt{float:left; }
	
	.ys3 dd{ float:left}
	.ys3 dt{ float:right;}
	
	.ys dt{width:800px; height:430px; }
	.ys dt img{width:100%; height:auto; }
	
	.ys1 .pf{ position:absolute; bottom:45px; left:0; height:auto; border:5px solid #FFF; z-index:1}
	.ys2 .pf{ position:absolute; bottom:40px; right:0; height:auto; border:5px solid #FFF; z-index:1}
	.ys3 .pf{ position:absolute; bottom:40px; left:0; height:auto; border:5px solid #FFF; z-index:1}
	
	.ys dt .pf img{ width:100%; height:auto}
	
	.ys dd{width:45%; height:auto; padding-top:40px;}
	.ys dd h3{padding-left:105px; font-size:22px; color:#303030;  margin-bottom: 32px; font-weight:100; height:66px;}
	.ys dd h3 b{color: #2e609f; font-size:30px; display: block; font-weight: bold;}
	.ys dd p{font-size:16px; line-height:27px; 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: #257cd3;}
	
	.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;}
	/*优势*/

}