@charset "UTF-8";

.wrapper { max-width:1100px; margin: 0 auto; position: relative; }

/*手机点开*/
.nav_x{ position:absolute; z-index:55555; display:none; top:0px; right:10px;}
.nav_x2{ line-height: 50px; display: inline-block; vertical-align: middle;}
.nav_x2 a{ font-size:30px; color:#222222;}

/*手机导航*/
.x_nav{ width: 100%; height: 100%; background-color: rgba(255,255,255,0.9); position: fixed; top: 0; right: -101%; z-index: 999999999999; border-left:1px solid #eeeeee;}
.x_nav_t{ width: calc(100% - 15px); width: -moz-calc(100% - 15px); width: -webkit-calc(100% - 15px); height: 60px; line-height: 60px; text-align: right; padding-right: 16px;}
.x_nav_t a{ color: #000000; font-size: 16px; font-weight:normal; vertical-align:middle;}
.x_nav_t i{font-size:24px; vertical-align:middle;}

.x_nav2{ width: 100%; height: 100%; overflow:auto; padding-bottom:75px; border-top:2px solid #FFB901;}
.x_nav2 ul li{ height: auto;}
.x_nav2 ul li a{ height: 40px; line-height: 40px; display: block; font-size: 14px; color: #333333;  padding-left: 18px;  background-color: rgba(238,238,238,0.5); border-bottom: 1px solid #dddddd;}
.x_nav2 ul li span{ width: 64px; height: 40px; display: inline-block; line-height: 40px; text-align: center; float: right; margin-right: 0px; background: url(../images/jia.png) no-repeat center center;}
.x_nav2 ul li span.xjian{ background: url(../images/jian.png) no-repeat center center;}
.xnav_xl { display: none;}
.xnav_xl .a_bj{ background-color:#FFFFFF; padding-left:40px; font-size:12px;  background-color:#FFFFFF;}
.xnav_xl .a_bj1{ font-weight:bold; color:#555555; background-color:#f9f9f9;}
.xnav_xl .a_bj2{ background-image:url(../images/shu_h.png); background-repeat:no-repeat; background-position:32px center; padding-left:48px;}
.xnav_xl .a_bj3{ padding-left:48px; font-weight:bold;}
.xnav_xl .a_bj4{ padding-left:60px;}



/*2025-4-20 */
/*banner大图*/
.banner{position:relative; margin:auto;}
.banner .arrow{
	width:35px;
	height:80px;
	line-height:80px;
	position:absolute;	
	top:40%;  top: calc(50% - 40px); top: -moz-calc(50% - 40px); top: -webkit-calc(50% - 40px);
	color:#ffffff;	
	z-index:999;
	font-family:"宋体";
	font-size:40px; font-weight:bold;
	cursor:pointer;
	
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari 和 Chrome */
	-o-transition: all 1s; /* Opera */
	
	filter:alpha(opacity=0); /* IE */
	-moz-opacity:0; /* 老版Mozilla */
	-khtml-opacity:0; /* 老版Safari */
	opacity: 0; /* 支持opacity的浏览器*/
}
.banner .arrow:hover{ color:#E7141D;}
.banner .arrow.pre { left:10px; padding-left:5px; border-radius:0 40px 40px 0; -moz-border-radius:0 40px 40px 0;  -webkit-border-radius:0 40px 40px 0; text-align:left;}
.banner .arrow.next { right:10px; padding-right:5px; border-radius:40px 0 0 40px; -moz-border-radius:40px 0 0 40px;  -webkit-border-radius:40px 0 0 40px; text-align:right;}
.banner:hover .arrow{}

.banner .slick-dots {
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 1000;
	bottom:40px;
}
.banner .slick-dots li {
	display: inline-block;
	width: auto;
	float: none;
	vertical-align: middle;
}
.banner .slick-dots li button {
	background:none;
	border: 0 none;
	border-radius: 6px;
	cursor: pointer;
	display: block;
	font-size: 0;
	height: 12px;
	line-height: 0;
	margin: 0 6px;
	outline: medium none;
	padding: 0;
	width: 12px;
	border:1px solid #ffffff;
	
	filter:alpha(opacity=80); /* IE */
	-moz-opacity:0.8; /* 老版Mozilla */
	-khtml-opacity:0.8; /* 老版Safari */
	opacity: 0.8; /* 支持opacity的浏览器*/
}
.banner .slick-dots li.slick-active button {
	background-color:#D3101A;
	border:1px solid #D3101A;	
	width:24px;
	height:12px;
}
/*上半部分是固定的 下边是网站的css样式*/
.banner .dataitem{float:left; position:relative; width:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.banner .dataitem img{width:100%;}
.banner .dataitem .fd_text{ position:absolute; left:10%; width:80%; top:30%; text-align:center;}
.banner .dataitem .fd_text h3{ max-width:1024px; margin:auto; text-align:left; font-size:2.6vw; font-weight:bold; height:1.5em; line-height:1.5em; overflow:hidden; color:#184894;	
	-webkit-animation: fadeOutDown 1s both;
    -moz-animation: fadeOutDown 1s both;
	animation: fadeOutDown 1s both;
}
.banner .dataitem .fd_text h5{max-width:1024px; margin:auto; text-align:left; font-size:2.6vw; font-weight:bold; padding:0px 0 0 0; overflow:hidden; color:#184894; 
	-webkit-animation: fadeOutUp 1s both;
    -moz-animation: fadeOutUp 1s both;
	animation: fadeOutUp 1s both;
}
.banner .dataitem .fd_text .jianjie{ padding:30px 0 0 0; font-size:18px; color:#888888; line-height:2em; max-height:6em; overflow:hidden;
	-webkit-animation: fadeOutUp 1s both;
    -moz-animation: fadeOutUp 1s both;
	animation: fadeOutUp 1s both;
}
.banner .dataitem .fd_text .bmore{max-width:1024px; margin:auto; line-height:36px; padding:3vw 0 0 0; text-align:left;
	-webkit-animation: fadeOutUp 1s both;
    -moz-animation: fadeOutUp 1s both;
	animation: fadeOutUp 1s both;
}
.banner .dataitem .fd_text .bmore a{ display:inline-block; background-color:#C30D23; font-size:14px; color:#ffffff; padding:0 50px 0 50px; border-radius:18px; -moz-border-radius:18px;  -webkit-border-radius:18px; }
.banner .dataitem .fd_text .bmore a:hover{background-color:#B61018;}
/*
.banner .dataitem.slick-active {
    -webkit-animation: ProgressDots 1s both;
    animation: ProgressDots 11s both;
}*/
/*
注：只有在上面非活动状态显示成隐藏状态，下面的active时才可以以效果显示出来
*/
.banner .dataitem.slick-active h3{
	-webkit-animation: fadeInDown 1s both 0.2s;
    -moz-animation: fadeInDown 1s both 0.2s;
	animation: fadeInDown 1s both 0.2s;
}
.banner .dataitem.slick-active h5{
	-webkit-animation: fadeInDown 1s both 0.2s;
    -moz-animation: fadeInDown 1s both 0.2s;
	animation: fadeInDown 1s both 0.2s;
}
.banner .dataitem.slick-active .jianjie{
	-webkit-animation: fadeInUp 1s both 0.2s;
    -moz-animation: fadeInUp 1s both 0.2s;
	animation: fadeInUp 1s both 0.2s;
}
.banner .dataitem.slick-active .bmore{
	-webkit-animation: fadeInUp 1s both 0.2s;
    -moz-animation: fadeInUp 1s both 0.2s;
	animation: fadeInUp 1s both 0.2s;
}
/*左右滚动结束*/



/*滚动*/
.qimo2{ overflow:hidden; width:100%;}
.qimo2 .qimo {/*width:99999999px;*/width:8000%; height:68px;}
.qimo2 .qimo div{ float:left;}
.qimo2 .qimo li{ float:left; margin:0 4px 0 4px; height:68px; position:relative;}
.qimo2 .qimo li .mimg{ overflow:hidden; height:68px;}
.qimo2 .qimo li .mimg img{ width:100%; height:68px;}








.mfk_span1{font-size:52px; color:#184894; font-weight:bolder;  display:inline-block;}
.mfk_span2{font-size:52px; color:#184894; font-weight:bolder;  display:inline-block; margin-left:110px;}

/*mfkyfeeq*/
.weixin{padding-left:20px; height:40px;  margin-left: 420px;  margin-top: 33px;}
.weixin_img{position:absolute; margin-left:705px; margin-top:60px; z-index:1; display:none;}
.weixin_img img{width:160px; border:#CCCCCC solid 1px;}

.mfooter{padding:20px 0 20px 0; line-height:20px; color:#FFF; text-align:center; background-color:#373737;}

/*二级页面*/
.er_banner{width:100%; height:260px; margin-top:-1px; background-repeat:no-repeat; background-position:center center;}

/*分页开始*/
.page{
	margin-top: 10px;
	padding-right:20px;
}
.page ul{
	float: right;
}
.page ul li{
	float: left;
	margin-left: 6px;
	font-size: 12px;
}
.page ul li a{
	padding:2px 6px;
	background-color: #ffffff;
	display: block;
	color: #000;
	font-size: 12px;
}
.page ul li a.page_active ,.page ul li a:hover{
	background-color:#184894;
	color: #fff;
}
/*分页结束*/

/*地图*/
.mfk_map{width:750px;height:345px;border:#e4e4e4 solid 1px; box-shadow:#ccc 2px 2px 2px; padding:4px; margin-top:40px; margin-left:10px;}


/*图片列表*/
.img_list3{padding-top:15px;}
.img_list3 li{float:left; margin-left:12px; margin-right:12px; text-align:center; width:230px; height:210px; line-height:25px; padding-bottom:10px;}
.img_list3 li p{padding:5px; border:1px solid #EFEFEF;}
.img_list3 li p img{width:100%; height:160px;}

.inputtext{border:1px solid #dddddd; width:200px; height:34px;}


/*产品详细*/
.pro_img{ float:left; width:260px; padding:5px; border:1px solid #E2E2E2;}
.pro_img img{width:100%;}
.pro_text{ float:right; width:65%; width: calc(100% - 290px); width: -moz-calc(100% - 290px); width: -webkit-calc(100% - 290px);}
.pro_text .title{ height:30px; line-height:30px; background-color:#eeeeee; font-size:14px; font-weight:bold; padding-left:12px;}
.pro_text .jianjie{padding:12px; text-align:left; line-height:24px;}

.pro_list{ border-left:1px solid #D9DBDB;}
.pro_list a{ position:relative; display:block; float:left; border-bottom:1px solid #D9DBDB; border-right:1px solid #D9DBDB; border-top:1px solid #D9DBDB; text-align:center; background-color:#F5F6F6; color:#555555; font-size:14px; line-height:40px;
	width:25%; width: calc(25% - 2px); width: -moz-calc(25% - 2px); width: -webkit-calc(25% - 2px);
}
.pro_list .a_be{ border-top:3px solid #184894; line-height:37px; background-color:#FFF;}

.pro_xx{font-size:14px; line-height:30px;}


.my_none{display:none;}

.height20{height:20px;}



/*资质证书*/
.cert_list{padding-top:15px;}
.cert_list li{float:left; width:25%; text-align:center; padding:0 0 20px 0;}
.cert_list li div{padding:0 8px 0 8px; text-align:center; line-height:25px;}
.cert_list li div p{border:1px solid #EFEFEF; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.cert_list li div p img{width:100%; display:block;}
.cert_list li div > a{font-size:14px; height:35px; line-height:35px; overflow:hidden; position:relative; display:block;}