@charset "UTF-8";
body{margin:0;padding:0;font-size:14px;line-height:24px;font-family:Arial;-webkit-text-size-adjust:none; min-width: 1200px;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
input,select,textarea{font-size:14px;line-height:16px;}img{border:0;}ul,li{list-style-type:none;}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:none; color:#0753a4;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
.hr_1,.hr_10{font-size:1px;line-height:1px;clear:both;}
.hr_1{height:1px;}.hr_10{height:10px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
.w1200{max-width: 1200px;margin:0 auto;}.pr{position: relative;}.pa{position: absolute;}
.page_info {padding: 30px 0;text-align: center;color: #999;}
.tbox{width:50px;float:right;position:fixed;right:10px;bottom:15px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:15px;display:none;}/*½â¾öIE6ϲ»¼æÈÝ position:fixed µÄÎÊÌâ*/
.tbox #gotop{width:50px;height:50px;background:url(../images/icon.png) no-repeat 0 0;display:block;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/*HEADER*/
.hq_header{
	width: 100%;
}
.hq_logo{ padding:44px 0 18px 0;}

.hq_ser{
	padding: 10px 13px 0;
}
.hq_ser .lau{
	line-height: 20px;
	color: #26a5f5;
	padding: 15px 22px 15px 0;
	text-align: right;
}
.hq_ser .lau a{
	padding: 0 10px;
    display: inline-block;
}
.hq_ser .lau a img{
	margin-right: 6px;
    border: 0;
}
.hq_ser .sec{

}
.hq_ser .sec button{
	position: absolute;
    right: 0;
    top: 0;
    border: 0;
    background: none;
}
.hq_ser .sec input{
	width: 237px;
    line-height: 34px;
    height: 34px;
    padding-left: 10px;
    border-radius: 5px;
    border: solid 1px #d3d3d3;
    background-color: #f8f8f8;
}
.hq_menu{
	position: relative;
	z-index: 100;
	width: 100%;
	height: 37px;
	background: url(../images/mainmenubg.gif) repeat-x top center;
}
.mainnav{ position:relative; z-index:1; border-left:solid 1px #b4b4b4; display:inline-block;}
.mainnav a{ color:#000000;}
.mainnav .nLi{ float:left;position:relative; display:inline; border-right:solid 1px #b4b4b4;}
.mainnav .nLi h3{ float:left; margin:0;}
.mainnav .nLi h3 a{ display:block; line-height:37px; font-size:15px; font-weight:normal; text-transform:uppercase; color:#000000; text-align:center;}
.mainnav .nLi h3 .m1{ width:140px;}
.mainnav .nLi h3 .m2{ width:170px;}
.mainnav .sub{width:100%;display:none; text-align: center; left:0; top:37px;position:absolute; background:#068adc;line-height:20px; padding:10px 0;}
.mainnav .sub li{ zoom:1;}
.mainnav .sub a{ display:block; padding:5px 10px; color:#FFF; border-bottom:dashed 1px #92caee;}
.mainnav .sub a:hover{ background:#35b1ff; color:#FFF;}
.mainnav .on h3 a{ background-color:#068adc; color:#FFF;}
.mainnav .mainprodnav{ padding:20px 10px;}
.mainnav .mainprodnav li{ width:190px; float:left; padding:0 10px;}
.mainnav .mainprodnav1{}
.mainnav .mainprodnav1 a{ padding:0; color:#0262d6; font-size:15px;}
.mainnav .mainprodnav1 a:hover{ background-color:transparent; color:#0262d6; text-decoration:underline;}
.mainnav .mainprodnav1 img{ width:180px; height:151px; border:solid 1px #E1E1E1; padding:4px; margin-bottom:6px;}
.mainnav .mainprodnav2{ padding:10px 0 0;}
.mainnav .mainprodnav2 li{ width:190px; padding:0;}
.mainnav .mainprodnav2 a{ background-image:#fff; background-position:3px 10px;  padding:2px 0 2px 10px; line-height:18px; font-size:13px;}
.mainnav .mainprodnav2 a:hover{ color:#0262d6;background-image:#fff; background-position:2px -57px; padding:2px 0 2px 11px;}

/*banner*/
.hq_banner{
	width: 100%;
	height: 450px;
}
.hq_banner .swiper-slide{
	height: 450px;
}
.swiper-container{
    --swiper-theme-color: #fff;/* 设置Swiper风格 */
    --swiper-navigation-color: #fff;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 20px;/* 设置按钮大小 */
}

/*prodcut*/
.hq_product{
	width: 100%;
	background: #f9f9fb;
	overflow: hidden;
	padding-bottom: 30px;
}
.product_swiper .swiper-slide a:hover p{
	color:#0753a4;
}
.product-prev, .product-next{
	background: #0753a4;
    padding: 30px 15px;
    top: 36%;
}
.product-next{
	right: 0;
}
.product-prev{
	left: 0;
}
.swiper-button-disabled{
	background: #cccccc;
}
.product_swiper .swiper-slide p{
	text-align: center;
	line-height: 40px;
	height: 40px;
	color: #666666;
}
.hq_title{
	width: 100%;
}
.hq_title h2{
	font-size: 18px;
	color: #0753a4;
	position: relative;
	display: block;
	line-height: 44px;
	margin-bottom: 18px;
	margin-top:38px;
	border-bottom: 1px solid #e5e5e5;
}
.hq_title h2:after{
	content: '';
	position: absolute;
	width: 90px;
	border-bottom: 2px solid  #0753a4;
	bottom: 0;
	left: 0;
}
.hq_title a{
	font-size: 12px;
	line-height: 44px;
}
.hq_title a i{
	width: 22px;
    height: 44px;
    float: left;
    background: url(../images/i.jpg) no-repeat 0 15px;
    display: inline-block;
    margin-right: 10px;
}
/*news*/
.hq_nc{
	width: 100%;
	padding-bottom: 60px;
    overflow: hidden;
}
.hq_news{
	width: 782px;
}
.hq_cont{
	width: 380px;
}
.hq_news_list .lil{
	width: 249px;
	background: #f9f9fb;
}
.hq_news_list .lil img{
	width:100%;
	height: 166px;
	overflow:hidden;
}
.hq_news_list .lil .date{
	
}
.hq_news_list .lil .date span{
	background: #004ea2;
    color: #fff;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    width: 45px;
    float: left;
}	
.hq_news_list .lil .date p{
	display: block;
    float: right;
    width: 190px;
    color: #333333;
    line-height: 20px;
    padding-right: 15px;
    padding-top: 10px;
}
.hq_news_list .lir{
	width: 510px;
}
.hq_news_list .lir ul li{
	border-bottom: 1px dashed #ccc;
    padding: 10px 0;
}
.hq_news_list .lir ul li a{
	color: #666;
}
.hq_news_list .lir ul li a:hover{
	color:#0753a4;
}
.hq_news_list .lir ul li a p{
	font-size: 12px;
	text-align: right;
	color: #a9a9a9;
}
.hq_cont_list{
	color: #666;
}
.hq_cont_list h5{
	font-size: 15px;
    color: #484848;
    padding: 10px 0;
    font-weight: bold;
}
.hq_footer{
	background: #3a3a3a;
	overflow: hidden;
	width: 100%;
	color: #dddddd;
	font-size: 12px;
}
.hq_footer a{
	color: #dddddd;
}
.hq_footer .p1{
	text-align: center;
    border-bottom: 1px solid #505050;
    line-height: 20px;
    padding: 10px 0;
}
.hq_footer .p2{
	text-align: center;
    line-height: 20px;
    padding: 10px 0;
}
/*re-about*/
.re_banner{
	width: 100%;
	height: 250px;
}
.r_bg{
	background:url(../images/r_bg.jpg) #efefef no-repeat top center;
}
.re_content{
	width: 100%;
	padding-bottom: 60px;
    overflow: hidden;
}
.re_con_l{
	width: 220px;
}
.re_con_r{
	width: 920px;
}
.hq_title{
	width: 100%;
}
.hq_re_title h2{
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	position: relative;
	display: block;
	text-align: center;
	line-height: 44px;
	margin-top:38px;
	background: #0753a4;
}
.hq_re_title_pro h2{
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	position: relative;
	display: block;
	text-align: center;
	line-height: 18px;
	padding: 13px 0;
	background: #0753a4;
}
/*.hq_re_title h2:after{
	content: '';
	position: absolute;
	width: 90px;
	border-bottom: 2px solid  #0753a4;
	bottom: 0;
	left: 0;
}*/
.hq_title span{
	font-size: 12px;
	color: #666;
}
.hq_title span a{
	color: #666;
}
.re_con_l ul{
	margin:0;
	padding:0;
	margin-bottom:20px;
}
.re_con_l ul li{
	line-height: 40px;
    height: 40px;
    border-bottom: 1px solid #e2e2e2;
    text-align: center;
}
.re_con_l ul li:hover{
	background: #f7f7f7;
    font-weight: bold;
}
.re_con_l ul .active{
	background: #f7f7f7;
    font-weight: bold;
}
.re_con_l ul .active a{
	color: #0753a4;
}
.hq_con_main{
	width: 100%;
	min-height: 500px;
	line-height: 28px;
    color: #555;
}
.product_swiper .swiper-slide .img{
	height: 200px;
	display: flex;
    justify-content: center;
    background: #fff;
}
.product_swiper .swiper-slide .img img{
	max-height: 100%;
}
.goods_list li{
	width: 292px;
	float: left;
    text-align: center;
    margin-right: 20px;
    margin-bottom: 30px;
}
.goods_list li:nth-child(3n+3){
	 margin-right: 0px;
}
.goods_list li>a{
	border:solid 1px #e5e5e5;
	overflow: hidden;
	height: 200px;
	display: flex;
    justify-content: center;
}
.goods_list li .info a{
	border:none;
}
.goods_list li img{
	transition: all .3s ease;
	max-height: 100%;
}
.goods_list li .info{
	line-height: 28px;
}
.goods_list li:hover a{
	color:#0753a4;
}
.goods_list li:hover img{
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.imglist{
	width: 500px;
	overflow: hidden;
}
.content{
	padding-top:20px;
}
.content img{
	max-width: 100% !important; 
}
.cont{
	width: 360px;
}
.cont ul li span{
	font-weight: bold;
	color: #888;
	letter-spacing:2px;
}
.cont ul li{
	line-height: 38px;
	border-bottom: 1px dashed #efefef;
	
}
/*re-news*/
.news_list li{
	border-bottom: 1px dashed #ccc;
    padding: 15px 0;
}
.news_list li span{
	float: right;
    color: #999;
}

.listConts{line-height:26px;color:#666;}
.listConts .title{font-size:20px;text-align:center;line-height:40px;color:#000;}
.listConts .info{font-size:12px;width:100%;line-height:28px;text-align:center;padding:15px 0 10px 0; border-bottom: 1px dashed #ccc;color:#666;}
.listConts .info small{margin-left:8px;margin-right:3px;color:#999;font-size:12px;}
.listConts .info .small,.info .big{font-family:Georgia;font-weight:bold;cursor:pointer;}
.listConts .info .small{font-size:10px;padding-right:3px;}
.listConts .info .big{color:#003ba6;padding-left:3px;}
.listConts .desc{margin:20px 0 15px;padding:5px 10px;line-height:20px;border:1px solid #f4e4b4;background:#fffff0;}
.listConts .showimg{margin:20px 0;text-align:center;}
.listConts .showimg a img{border:1px solid #ccc;padding:1px;}
.listConts .showimg a:hover img{border:1px solid #F90;padding:1px;}
.listConts .conttitle{font-weight:bold;padding-bottom:7px;margin-bottom:7px;color:#2f2f2f;line-height:24px;border-bottom:1px solid #ddd;font-size:14px;}
.listConts .author{text-align:right;color:#999;}
#textarea{
	width: 100%;
	 margin-top: 20px;
	font-size: 14px;
	line-height: 24px;
}
#textarea img{
	max-width: 100%;
}
.preNext{
	padding:30px 0;
}
.page-item{
	margin: 0 10px;
}
.page-link{
	color: #666;
}
.page-item.active .page-link{
    background-color: #0753a4;
    border-color: #0753a4;
}
.pagination{
	margin:30px 0;
}
/*re-message*/
.con_msg_list{
	width: 100%;
	overflow: hidden;
	padding: 30px 0;
}
.msg_btn{
	border: 1px solid #3187c9;
    color: #fff;  
    background: #3187c9;
    font-size: 16px;
    padding: 10px 50px;
}
.msg_btn:hover{
	background: #32a0f5;
	border: 1px solid #32a0f5;
}
.con_msg_list .form-group{
	position: relative;
	font-size: .875rem;
}
.con_msg_list .form-group span{
	position: absolute;
	right: 10px;
	top:18px;
	color: #ff000a;
}
.con_msg_list input,.con_msg_list textarea{
	background: #fbfbfb;
	border:none;
	border-radius: 0;
	padding: 15px 10px;
	width:100%;
	border: 1px solid #e4e4e4;
}
.con_msg_list textarea{
	 height: 185px;
}
.rpt{
	margin-top:20px;
}