@charset "utf-8";
* { padding: 0; margin: 0; text-decoration: none; list-style: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-family:"思源黑体";}
html, body { width: 100%; background: #fff; color:#383b43; font-size:15px;}
img { border: none;}
.main { width: 1200px; height: 100%; margin: 0 auto; }
.symain { width: 1600px; height: 100%; margin: 0 auto; }
@media screen and (max-width: 1660px) { .symain { padding: 0 50px; width:auto; } }
@media screen and (max-width: 1260px) {.symain { padding: 0 50px; width: auto; } }
@media screen and (max-width: 780px) {.symain { width: 92%; padding: 0; } }
.fl { float: left; }
.fr { float: right;}
em,i{ font-style:normal;}
a{text-decoration:none; color:#383b43;}
a:hover{text-decoration:none; color:#383b43;}
.clear{font-size:0;line-height:0;height:0;clear:both;visibility:hidden;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.footer{ padding-top:35px; background:#333; color:#eee;}
.footer em{ display:block; font-size:18px; line-height:2; color:#fff;}
@media screen and (min-width:1200px){
.flixi{ float:right; width:20%; text-align:right;}
.fnav {float:left; width:80%;}
.fnav li{ float:left; width:16.66%;}
.fnav li a{ display:block; line-height:2; color:#aaa; font-size:15px; transition:.5s;}
.fnav li a:hover{ color:#fff;}
}
@media screen and (max-width:1200px) and (min-width:640px){
.fnav{ display:none;}
}
@media screen and (max-width:640px){
.fnav{ display:none;}
.footer em{ font-size:18px;}
.footer{ padding:50px 0;}
}
.flixi em{ background:url(../images/ft_02.png) left no-repeat; padding-left:33px; display:inline-block;}
.flixi i{ line-height:2; font-size:28px; color:#b50007; display:block;}
.footbot{ padding:15px 0;}
.copyright{ padding:15px 0; text-align:center; background:#111; color:#eee; font-size:15px;}
.copyright span{ padding:0 10px;}
.copyright a{ color:#eee;}

.footbot{ text-align:center; margin-top:25px;}
.footbot_tit{ position:relative; text-align:center;}
.footbot_tit:before {
    position: absolute;
    width: 100%;
    height: 1px;
    content: "";
    background: #999;
    left: 0;
    top: 50%;
}
.footbot_tit span{ background:#333; padding:0 15px; position:relative; z-index:1;}
.footbot_con{ padding:15px 0;}
.footbot_con a{ position:relative; display:inline-block; margin:0 5px; z-index:5;}
.footbot_con a p{ display:none;}
.footbot_con a span{ display:flex; width:30px; height:30px; border-radius:50%;}
.footbot_con a span.weixin{ background:url(../images/wx.png) #fff center no-repeat; background-size:20px 20px;}
.footbot_con a span.douyin{ background:url(../images/dy.png) #fff center no-repeat; background-size:20px 20px;}
.footbot_con a:hover p{ display:block; width:112px; height:121px; background:url(../images/ewm_bg.png) center no-repeat; position:absolute; left:-45px; top:-122px;}
.footbot_con a:hover p img{ width:105px;}



.banner1 { position: relative; overflow:hidden;}
.banner1 .pic img { width: 100%; display: block; }
.banner1 .banner-box { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%; }
.banner1 .banner-box .sub-title { position: relative; font-size: 21px; font-family: Microsoft YaHei; font-weight: 400; color: #FFFEFE; line-height: 1; }
.banner1 .banner-box .sub-title::before, .banner1 .banner-box .sub-title::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 46px; background-color: #fff; height: 2px; }
.banner1 .banner-box .sub-title::before { left: -70px; }
.banner1 .banner-box .sub-title::after { right: -70px; }
.banner1 .banner-box .title { font-size:39px; font-family: Microsoft YaHei; font-weight: bold; color: #FFFEFE; line-height:2; }
@media screen and (max-width:1100px){
.banner1 .pic img { width:140%;} 
.banner1 .banner-box .title { font-size:28px; margin-top:20px;}
}
@media screen and (max-width:760px){
.banner1 .banner-box { top:60%;}
.banner1 .pic img { width:210%;} 
.banner1 .banner-box .title { font-size:21px; margin-top:0px;}
}

.ab_url{ border-bottom:1px #ddd solid;}
.ab_url a{ display:block; float:left; font-size:16px;}
.ab_body{ padding:4% 0; line-height:2; color:#555; font-size:16px;}
.ab_body img.abimg{ display:block;}
@media screen and (min-width:760px){
.ab_url{ line-height:70px;}
.ab_url a{ padding:0 35px;}
.ab_url a.lion{ background:#0045AA; color:#fff;}
.ab_body img.abimg{ float:left; max-width:50% !important; margin:0 25px 25px 0;}
}
@media screen and (max-width:760px){
.ab_url{ line-height:30px; background:#eee; padding:10px 0;}
.ab_url a{ width:33.33%; font-size:14px;}
.ab_url a.lion{ color:#0045AA; }
.ab_body img.abimg{ display:block; width:100%; margin-bottom:25px;}
}
.ab_body img{ max-width:100% !important; height:auto !important; }


@media screen and (min-width:960px){
.info{ padding:3% 0;}
.infolt{ width:250px; float:left;}
.infolt h2 { height: 106px; background: #0045AA; border-radius: 12px 12px 0 0; margin-bottom: 2px; font-weight: normal; text-align:center;}
.infolt h2 span{ line-height:106px; color:#fff; font-size:32px;}
.infolt_con{ border-bottom:1px #ddd solid; border-left:1px #ddd solid; border-right:1px #ddd solid; padding:20px;}
.infolt_con li{ border-bottom:1px #ddd dashed; line-height:45px;}
.infolt_con li a{ display:block; padding-left:30px; font-size:16px;}
.infolt_con li a:hover{ color:#0045AA;}
.infolt_con li.lion a{ color:#0045AA;}
.inforig{ width: calc(100% - 300px); float:right;}
.inforig h2 { font-size: 24px; font-weight: 700; color: #333; line-height: 35px; border-bottom: 1px #ddd solid; margin-bottom: 25px; padding: 7px 20px 10px; background: url(../images/hong_yuan.jpg) left no-repeat; }
}
@media screen and (max-width:960px){
.infolt h2{ display:none;}
.infolt_con{ padding:0; border-bottom:1px #ddd solid;}
.infolt_con li{ float:left; width:33.33%;}
.infolt_con li a{ font-size:15px; text-align:center; line-height:45px;}
.infolt_con li.lion a{ color:#0045AA;}
.inforig{ padding-top:25px;}
.inforig h2 { display:none;}
}

.newsListSection li{ display:block; margin-bottom:20px; padding-bottom:20px; border-bottom:1px #ddd dashed;}
.newsListSection li a{ display:block;}
.newsListSection li a img{ display:block;}
@media screen and (min-width:560px){
.newsListSection li a img{ float:left; width:30%; max-width:260px; margin-right:20px;}
}
@media screen and (max-width:560px){
.newsListSection li a img{ width:100%;  margin-bottom:20px;}
}
.newsListSection li a h5{ line-height:35px; font-size:20px; font-weight:100; color:#333;}
.newsListSection li:hover a h5{ color:#0045AA;}
.newsListSection li a p{ font-size:14px; color:#888; padding:10px 0;}
.newsListSection li a span{ color:#777; font-size:15px;}

.view_news{ padding:1% 0;}
.view_news_tit{ font-size:28px; line-height:1.5;}
.view_news_ps{ line-height:2; color:#777; margin:15px 0; font-size:15px;}
.view_news_ps span{ margin-right:15px;}
.view_news_body{ line-height:2; border-bottom:1px #ddd solid; padding-bottom:2%; font-size:16px;}
.view_news_body img{ max-width:100% !important; height:auto !important;}
.view_news_shxia{ line-height:2; padding-top:15px;}
@media screen and (min-width:760px){
.view_news_shxia a{ float:left; width:50%; font-size:16px;}
.view_news_shxia a:nth-child(2){ text-align:right;}
}
@media screen and (max-width:760px){
.view_news_tit{ font-size:21px;}
.view_news_body{ font-size:15px;}
.view_news_shxia a{ font-size:15px; display:block;}
}
.view_news_shxia a:hover{ color:#0045AA;}


.sidebarLinkUs {
	border: 1px solid #e4e4e4;
	margin-top: 20px;
	padding: 0 19px 20px;
	margin-bottom: 20px;
}
@media screen and (max-width:960px){
.sidebarLinkUs{ display:none;}
}
.sidebarLinkUs h3 {
	font-size: 18px;
	color: #0045AA;
	font-weight: normal;
	height: 59px;
	line-height: 59px;
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: 18px;
	text-indent: 10px;
}
.sidebarLinkUs p {
	font-size: 14px;
	color: #333333;
	margin-bottom: 12px;
	line-height: 20px;
	padding: 0 10px;
}
.sidebarLinkUs .zxzx {
	display: block;
	width: 160px;
	height: 50px;
	overflow: hidden;
	background: #0045AA;
	text-decoration: none;
	margin-top: 20px;
}






.conBox { margin: 0 auto 0; }
@media screen and (min-width:760px){
.conBox li { float: left; width: calc(33.33% - 10px); margin-right: 15px; margin-bottom: 20px; }
.conBox li:nth-child(3n+0) { margin-right: 0; }
.conBox li .Pic { height: 270px; position:relative;}
.conBox li .Pic img { display:block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.conBox li .intro { padding:20px 10px;}
}
@media screen and (max-width:760px){
.conBox li { float: left; width: calc(50% - 10px); margin-right:20px; margin-bottom: 20px; }
.conBox li:nth-child(2n+0) { margin-right: 0; }
.conBox li .Pic { height:150px; }
.conBox li .Pic img { height:100%;}
.conBox li .intro { padding:10px;}
}
.conBox li .Pic { border: 1px solid #e4e4e4; overflow: hidden; display: block; }
.conBox li .Pic img { display: block; transform: scale(1); transition: all 1s ease-out; }
.conBox li .intro { text-align: center; position: relative; background: #eee; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; overflow: hidden; }
.conBox li .intro a { text-decoration: none; display:block; color:#333; font-size:16px;}
.conBox li:hover .intro a{ color:#0045AA;}
.conBox li:hover .Pic img { transform: scale(1.08);}







@media screen and (min-width:960px){
.proDetailsSectionBox .conright { float: right; width:45%; height: 378px; position: relative;}
.proDetailsSectionBox .conright h3{ font-size:27px; line-height:45px;}
.proDetailsSectionBox .conright .box { position: absolute; bottom:0px; left: 0;}
}
@media screen and (max-width:960px){
.proDetailsSectionBox .conright h3{ font-size:21px; line-height:35px; margin-top:15px;}
.proDetailsSectionBox .conright .box{ margin-top:15px;}
}
.proDetailsSectionBox .conright h3 { color: #333; font-weight: bold; overflow: hidden; }
.proDetailsSectionBox .conright p { font-size:16px; color: #666; line-height: 18px; margin-top: 3px; overflow: hidden; }

.proDetailsSectionBox .conright .box { width: 100%; background:#eee; padding:20px 25px; }
.proDetailsSectionBox .conright .box span{ line-height:1.5; font-size:23px; margin:0 25px; color:#0045AA;}
.proDetailsSectionBox .conright .box .zx {
    display: block;
    height: 37px;
    float: left;
    font-size: 15px;
    color: #fff;
    line-height: 37px;
	background:#0045AA;
    text-align: center;
    text-decoration: none;
	border-radius:15px;
	padding:0 35px;
}


.proDetailsSectionBox .conleft {
	position: relative;
	overflow: hidden;
}
@media screen and (min-width:960px){
.proDetailsSectionBox .conleft { width: calc(55% - 40px); float:left;}
}
.proDetailsSectionBox .conleft ul {
	position: relative;
}
.proDetailsSectionBox .conleft ul li {
	float: left;

}
.proDetailsSectionBox .conleft img { display: block; width: 100%; border: 1px solid #dedede; box-sizing: border-box; }
.view_body{ background:url(../images/view.png) left no-repeat; line-height:40px; margin-top:2%; border-bottom:1px #ddd solid;}
.view_body span{ font-size:19px; font-weight:700; padding:0px 25px 0; color:#0045AA;}
.view_bodys{ line-height:2; padding-top:2%;}
.view_bodys img{ max-width:100% !important; height:auto !important;}
@media screen and (min-width:960px){
.view_body span{ font-size:19px;}
.view_bodys{ font-size:16px;}
}
@media screen and (max-width:960px){
.view_body span{ font-size:17px;}
.view_bodys{ font-size:15px;}
}


.conryu { margin: 0 auto 0; }
@media screen and (min-width:760px){
.conryu li { float: left; width: calc(25% - 15px); margin-right:20px; margin-bottom:20px; }
.conryu li .Pic { height: 230px;}
.conryu li .Pic img { height:230px; display:block; margin:0 auto;}
.conryu li:nth-child(4n+0) { margin-right: 0; }
.conryu li .intro { padding:20px 10px;}
.conryu li .intro a { font-size:16px;}
}
@media screen and (max-width:760px){
.conryu{ margin-top:20px;}
.conryu li { float: left; width: calc(50% - 10px); margin-right:20px; margin-bottom: 20px; }
.conryu li .Pic { height:125px;}
.conryu li .Pic img { height:125px; display:block; margin:0 auto;}
.conryu li:nth-child(2n+0) { margin-right: 0; }
.conryu li .intro { padding:10px;}
.conryu li .intro a { font-size:14px;}
}
.conryu li .Pic { border: 1px solid #e4e4e4; overflow: hidden; display: block; }
.conryu li .Pic img { display: block; transform: scale(1); transition: all 1s ease-out; }
.conryu li .intro { text-align: center; position: relative; background: #eee; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; overflow: hidden; }
.conryu li .intro a { text-decoration: none; display:block; color:#333; }
.conryu li:hover .intro a{ color:#0045AA;}
.conryu li:hover .Pic img { transform: scale(1.2);}

.info_map{ display:block; position:relative;}
.info_maps{ height:auto; width:65%; margin-left:35%; border:1px #ddd solid;}
.info_maps img{ display:block;}
.info_lixi{ position:absolute; left:0; top:0; width:35%; background:#004898; height:100%; border-top-left-radius:30px; box-sizing: border-box; padding:4% 3% 0; color:#fff; line-height:2;}
.info_lixi p,.info_lixi div{ color:#fff; line-height:2;}

.info_liuyan{ background:#f5f5f5; padding:3% 0;}
.info_liuyans{ width:100%; max-width:860px; box-sizing: border-box; background:#fff; padding:1px 3% 3%; margin:0 auto ; }
.info_liuyans h3{ text-align:center; line-height:4; font-size:23px;}
.info_liuyans p{ margin:16px 0;}
.mytxt{ border:0; border-radius:6px; width:100%; line-height:35px; padding:10px 15px; outline:none; box-sizing: border-box; background:#f0f0f0}
.mytxts{ border:0; border-radius:6px; width:100%; height:110px; padding:10px 15px; outline:none; box-sizing: border-box; background:#f0f0f0}
.mysub{ border:0; border-radius:6px; width:100%; line-height:45px; background:#004898; color:#fff; font-size:21px;}

@media screen and (min-width:960px){
.izl-rmenu{position:fixed; right:0; margin-right:20px; bottom:20px; padding-bottom:20px; background:url(../images/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn span{ position:absolute; width:100%; left:0; bottom:7px; text-align:center; color:#fff; font-size:12px; z-index:5;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#003f86;}
.izl-rmenu .btn-qq:hover{background-color:#b60007;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-qq .pics{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#004b9f;}
.izl-rmenu .btn-wx:hover{background-color:#b60007;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#0071ee;}
.izl-rmenu .btn-phone:hover{background-color:#b60007;}
.izl-rmenu .btn-phone .phone{background-color:#b60007; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#111;}

.izl-rmenu .btn-con{background:url(../images/r_lixi.png) 0px 0px no-repeat; background-color:#0068dc;}
.izl-rmenu .btn-con a{ display:block;width:72px; height:73px;}
.izl-rmenu .btn-con:hover{background-color:#b60007;}

}
@media screen and (max-width:960px){
.izl-rmenu{ display:none;}
}