@media screen and (max-width: 960px){

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

.about_index{width:100%; height:auto;}
.about_index li{width:100%; height:auto; border: #dbdbdb 1px solid; padding:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.about_index li span{ display:block; width:100%; height:auto}
.about_index li span img{width:100%; height:auto;}
.about_index li b{display:block; width:100%; height:auto; text-align:center; font-size:0.16rem; line-height:0.3rem; margin-top:10px}
.about_index li em{display:block; width:100%; height:30px; text-align:center; font-size:0.12rem; color:#999; position:relative}
.about_index li em:before{content: ""; width:100px; height:2px; background-color:#0b51a7; position:absolute; left:0; right:0; margin:0 auto; top:0.25rem}
.about_index li p{text-indent:2em; line-height:0.28rem; margin-top:10px}
.about_index li+li{ margin-top:10px}


.news_index{width:100%; height:auto; margin-top:20px; padding:20px 0; background-color:#f6f6f6}
.news_dl{width:100%; height:auto;}
.news_dl dd{width:100%; height:auto;}
.news_dl dd+dd{ margin-top:20px}

.news_title{ width:100%; height:35px; border-bottom:1px solid #CCC; position:relative}
.news_title h5{ font-size:18px; color:#333; font-weight:bold}
.news_title h5 span{ font-size:14px; color:#999; font-weight:100; padding-left:15px}

.news_title em{ position:absolute; top:0px; right:0; display:inline-table; padding:6px 10px; background-color:#2ca43a; border-radius:50px; font-size:12px}
.news_title em a{color:#fff}
.news_title em:hover{ background-color:#ff6700}


.input_li{ width:100%; height:auto; margin-top:10px;}
.input_li li{color:#333333; line-height:40px; border-bottom:1px solid #EAEAEA; overflow:hidden}
.input_li li span{ float:right}

.bg_pro{
	width:100%;
	height:auto;
	margin-top:20px;
	display:flex;
	display: -webkit-flex; 
	flex-direction:row;
	-webkit-flex-direction:row;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	justify-content:space-between;
	-webkit-flex-justify-content:space-between;
}
.bg_pro li{width:49%; height:auto; border:1px solid #cccccc; margin-bottom:10px; background-color:#0b51a7; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.bg_pro li span{display:block; width:100%; height:auto; overflow:hidden;}
.bg_pro li span img{width:100%; height:auto;}
.bg_pro li p{ width:95%; height:auto; margin:0 auto; text-align: center; font-size:12px; color: #fff; height:40px; line-height:40px; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.bg_pro li a{ display:block}
.bg_pro li:hover p{ color:#FF0}

.link{ background-color:#0b51a7; padding:30px 0}


.citylist{width:100%; height:auto; overflow:hidden; text-align:center}
.citylist a{ color:#FFF; margin-right:12px}
.citylist a:hover{color:#FC0}



.pro_fl_u1{ width:100%; height:auto; display:flex; display: -webkit-flex;  flex-direction:row; flex-wrap: wrap;}
.pro_fl_u1 li{width:50%;  height:0.45rem; line-height:0.45rem; text-align:center; border-right:1px solid #fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:linear-gradient(to bottom,#6e90be,#546fa6);}
.pro_fl_u1 li a{display: block; font-weight:400; font-size:0.14rem; color:#fff;}
.pro_fl_u1 li:hover a{color:#fff; background:linear-gradient(to bottom,#d71f1f,#f03827);}
.pro_fl_u1 li:nth-child(2n){border-right:none}
}


@media screen and (min-width:960px){

.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 .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}
.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}

.about_index{
	width:100%;
	height:auto;
	display:flex;
	display: -webkit-flex; 
	flex-direction:row;
	-webkit-flex-direction:row;
	justify-content:space-between;
	-webkit-flex-justify-content:space-between;
}
.about_index li{width:31%; height:auto; border: #dbdbdb 1px solid; padding:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.about_index li span{ display:block; width:100%; height:auto}
.about_index li span img{width:100%; height:auto;}
.about_index li b{display:block; width:100%; height:auto; text-align:center; font-size:16px; line-height:30px; margin-top:10px}
.about_index li em{display:block; width:100%; height:30px; text-align:center; font-size:12px; color:#999; position:relative}
.about_index li em:before{content: ""; width:100px; height:2px; background-color:#0b51a7; position:absolute; left:0; right:0; margin:0 auto; top:25px}
.about_index li p{text-indent:2em; line-height:28px; margin-top:10px}


.news_index{width:100%; height:auto; margin-top:20px; padding:20px 0; background-color:#f6f6f6}
.news_dl{
	width:100%;
	height:auto;
	display:flex;
	display: -webkit-flex; 
	flex-direction:row;
	-webkit-flex-direction:row;
	justify-content:space-between;
	-webkit-flex-justify-content:space-between;
}
.news_dl dd{ width:48%; height:auto;}

.news_title{ width:100%; height:35px; border-bottom:1px solid #CCC; position:relative}
.news_title h5{ font-size:18px; color:#333; font-weight:bold}
.news_title h5 span{ font-size:14px; color:#999; font-weight:100; padding-left:15px}

.news_title em{ position:absolute; top:0px; right:0; display:inline-table; padding:6px 10px; background-color:#2ca43a; border-radius:50px; font-size:12px}
.news_title em a{color:#fff}
.news_title em:hover{ background-color:#ff6700}


.input_li{ width:100%; height:auto; margin-top:10px;}
.input_li li{color:#333333; line-height:40px; border-bottom:1px solid #EAEAEA; overflow:hidden}
.input_li li span{ float:right}

.bg_pro{
	width:100%;
	height:auto;
	margin-top:20px;
	display:flex;
	display: -webkit-flex; 
	flex-direction:row;
	-webkit-flex-direction:row;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	justify-content:space-between;
	-webkit-flex-justify-content:space-between;
}
.bg_pro li{width:24.3%; height:auto; border:1px solid #cccccc; margin-bottom:10px; background-color:#0b51a7; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.bg_pro li span{display:block; width:100%; height:auto; overflow:hidden;}
.bg_pro li span img{width:100%; height:auto;}
.bg_pro li p{ width:95%; height:auto; margin:0 auto; text-align: center; font-size:12px; color: #fff; height:40px; line-height:40px; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.bg_pro li a{ display:block}
.bg_pro li:hover p{ color:#FF0}

.link{ background-color:#0b51a7; padding:30px 0}


.citylist{width:100%; height:auto; overflow:hidden; text-align:center}
.citylist a{ color:#FFF; margin-right:12px}
.citylist a:hover{color:#FC0}



.pro_fl_u1{ width:100%; height:auto; margin-top:0px; text-align:center}
.pro_fl_u1 li{display:inline-block; height:50px; line-height:50px; margin-right:10px; margin-bottom:10px; text-align:center; background:linear-gradient(to bottom,#6e90be,#546fa6); border-radius:5px;}
.pro_fl_u1 li a{display: block; font-weight:bold; color:#FFF; padding:0 17px}
.pro_fl_u1 li:hover a{color:#fff; background:linear-gradient(to bottom,#d71f1f,#f03827); border-radius:5px;}
}