body{ font-family:Microsoft YaHei; font-size:14px; color:#000; overflow-x:hidden}
.box{ width: 1200px; height: auto; margin: 0 auto; }
a{text-decoration: none}
li{ list-style: none;}
*{ margin: 0; padding: 0;}
.title{ width: 100%; height: 50px; text-align: center; font-size: 36px; line-height: 26px;font-weight: normal;}
.title font{ font-size:12px; color: #b5b5b5}


/* top */
.top{ width: 100%; height: 40px; line-height: 40px; color: #888;  background: #f3f3f3}
.top a{color: #fff;}
.head{ width: 1200px; height: 107px; border-bottom:1px solid #f2f2f2; margin: 0 auto; }
.ahead{ width: 1200px; height: 107px; border-bottom:1px solid #0857b3; margin: 0 auto 20px auto;overflow: hidden; }
.logo{width: 25%;height: 107px;float: left;position: relative;background: url(../images/logo.jpg) no-repeat right;}
.logo h1 a{ display: block; text-indent: -9999px; height: 120px; width: 398px;}
.logo h2 a{ display: block; text-indent: -9999px; height: 120px; width: 398px;}
.nav{width: 70%;height: 107px;float: right}
.nav li{ width:115px; float: left; height: 107px;}
.nav li a{  display: block; height: 105px;line-height: 104px; width:  75px;  text-align: center; margin: 0 auto;font-size: 16px; color: #000;}
.nav li a:hover{border-bottom: 3px solid #0194d9}


/* banner */
.banner{width:100%; height: 550px;}
.ft-carousel {position: relative; height: 621px;overflow: hidden; position:relative; left:50%; margin-left:-960px; width:1920px;}
.ft-carousel .carousel-inner {position: absolute;left: 0;top: 0;height: 100%;}
.ft-carousel .carousel-inner .carousel-item {float: left;height: 100%;}
.ft-carousel .carousel-item img {width: 100%; }
.ft-carousel .carousel-indicators {position: absolute;left: 0;bottom: 50px;width: 100%;	text-align: center;	font-size: 0;}
.ft-carousel .carousel-indicators span {display: inline-block;width: 12px;height: 12px;	background-color: #fff;	margin: 0 4px;	border-radius: 50%;	cursor: pointer;}
.ft-carousel .carousel-indicators span.active {	background-color: #de3a3a;}
.ft-carousel .carousel-btn {position: absolute;	top: 50%;width: 50px;height: 45px;	margin-top: -25px;	cursor: pointer;}
.ft-carousel .carousel-prev-btn {left: 0;background: url(../images/prev.png) no-repeat;}
.ft-carousel .carousel-next-btn {right: 0;	background: url(../images/next.png) no-repeat;}

/* about */
.about{ width: 100%; height: 450px; margin: 0 auto;
background: -webkit-linear-gradient(left,#0d50a3,#028bd2);
		background: -o-linear-gradient(left,#0d50a3,#028bd2);
		background: -moz-linear-gradient(left,#0d50a3,#028bd2);
		background: -mos-linear-gradient(left,#0d50a3,#028bd2);
		background: linear-gradient(left,#0d50a3,#028bd2); color:#fff;
}
.about_content{ width: 1100px; height: 125px; margin: 0 auto;  line-height: 24px; padding-top: 20px; text-align: center}
.about_content font{ display: block; font-size: 18px;  margin-bottom: 20px;}
.about2{ background: url(../images/about_2.png) no-repeat center top; width: 100%; height: 152px;}
.about_list{ width: 1200px; height: 130px; margin: 0 auto; margin-top: 30px;}
.about_list1{ width: 285px; height: 128px; float: left; background: url(../images/list1.png) no-repeat center; margin-right: 15px;}
.about_list1:hover{ background: url(../images/list1_h.png) no-repeat center; }
.about_list2{ width: 285px; height: 128px; float: left; background: url(../images/list2.png) no-repeat center; margin-right: 15px;}
.about_list2:hover{ background: url(../images/list2_h.png) no-repeat center; }
.about_list3{ width: 285px; height: 128px; float: left; background: url(../images/list3.png) no-repeat center; margin-right: 15px;}
.about_list3:hover{ background: url(../images/list3_h.png) no-repeat center; }
.about_list4{ width: 285px; height: 128px; float: left; background: url(../images/list4.png) no-repeat center; margin-right: 15px;}
.about_list4:hover{ background: url(../images/list4_h.png) no-repeat center; }

/* product */
.product{ width: 100%; height: 750px; background:#fff;padding-top:35px;}
.pro_nav{ width: 1050px; height: 42px; margin: 0 auto; margin-top: 20px;}
.pro_nav ul{ width: 1050px; height: 42px; float: left}
.pro_nav ul li{ width: 150px; float: left; line-height: 42px; text-align: center; border-radius: 5px;}
.pro_nav ul li a{ color:#404040;display: block; }
.pro_nav ul li:hover{background: #1e4fdc; color: #1e4fdc; display: block;}
.pro_nav ul li:hover a{ color:#fff}
.pro_list{ width: 1200px; height: 600px; margin: 0 auto; margin-top: 20px; display:flex;justify-content:space-between;flex-wrap:wrap}
.pro_list li {  width: 300px; height: 240px;}
.pro_img{  width: 285px; height: 250px; }
.pro_img img{ width: 100%; height: 100%;object-fit: contain;box-shadow: 5px 5px 20px 0px rgb(0 0 0 / 50%);}
.pro_name{width: 100%; height: 55px; line-height: 55px; background: #fff; text-align: center;overflow: hidden; }
.pro_list li a{ color:#868686}
.pro_list li a:hover{ color:#1c50da}
.tj_new_list li{border-bottom: 1px dashed #ddd;padding: 10px;}
.tj_new_list li h3 a{color:#000;}
.tj_new_list li p:first-of-type{font-size: 12px;color:#f00;}
.tj_new_list li p:nth-of-type(2){color:#666;}
.pro_xxxx{border-bottom: 1px solid #ff5500;line-height: 50px;font-size: 18px;color: #ff5500;margin-bottom: 25px;}

/* NEWS */
.news{ width: 100%; margin: 0 auto; padding-top: 30px; background: #ececec}
.news::after {
    content: "";
    display: table;
    clear: both;
}
.news_t1{ width:132px; height: 56px; background:url(../images/t1.jpg) no-repeat; float: left; font-size: 16px; color: #fff; text-align: center; line-height: 56px;}
.news_t2{ width: 688px; height: 55px; float: left; border-bottom: 1px solid #e8e8e8}
.news_more{ display: block; width: 80px; height: 72px; line-height: 72px; text-align: center; color:#404040; float: right;}
.news_more:hover{ color:#1c50da}
.news_ul{ width: 1230px; height: 300px;margin: 0 auto ;margin-top: 30px}
.news_ul li{width: 360px;border-bottom: 1px solid #e8e8e8;padding: 15px;float: left;background: #fff;margin-left: 10px;margin-right: 10px;margin-top: 10px}
.index_news_img img {width: 100%;height: 150px;object-fit: cover;}
.index_news_txt {display: flex;}
.time{ width: 100px; float: left; height: 65px;}
.time p{font-size: 24px;margin-bottom: 10px;}
.time font{ font-size: 12px;}
.news_content{ width: 485px; float: left;}
.news_content h3{height: 30px;line-height: 30px;overflow: hidden;}
.news_content h3 a{color:#000;}
.news_content h3 a:hover{ color: #f16603 }
.news_content p{font-size: 12px; color: #646464;line-height:20px;height: 40px;overflow: hidden;}
.news_content p a{ color: #646464 }
.first_news{ width: 387px; height: 300px; background: url(../images/first.jpg) no-repeat center top; float: left; position: relative}
.first_news a{ display: block; position: absolute; bottom: 0; height: 52px; line-height: 52px; width: 100%; text-indent: 24px; color: #ddd;}
.news_aq{ width: 300px; height: 388px; float: right;}
.news_aq1{ width:132px; height: 56px; background:url(../images/t1.jpg) no-repeat; float: left; font-size: 16px; color: #fff; text-align: center; line-height: 56px;}
.news_aq2{ width: 168px; height: 55px; float: left; border-bottom: 1px solid #e8e8e8}
.aq{ width:26px; height:70px; background: url(../images/aq.jpg) no-repeat top; float: left;}
.news_aql{ width: 300px; height: 300px; float: right; }
.news_aql li{ width: 100%; height: 70px; border-bottom: 1px solid #e8e8e8; padding-top: 15px; margin-bottom: 15px;}
.aq_content{ width: 274px; float: right;}
.aq_content p a{ color: #0e0e0e }
.aq_content font{ font-size: 12px; color: #646464}
.aq_content p a:hover{ color: #1c50da }
.xwinfo_zbcp,.cp_h3tit{margin-top: 50px;line-height: 30px;border-left: 5px solid #ebae39;text-indent: 10px;}

/* foot */
.link_c {width: 100%;height: auto;line-height: 52px;padding-top: 10px; background: #ececec; padding-bottom:20px;}
.link_c::after {
    content: "";
    display: table;
    clear: both;
}
.link_c a {color: #333;font-size: 14px;text-decoration: none;}
.link_title {width: 82px;height: 52px;background: url(../images/link_t.png) left bottom;float: left;}
.foot{width: 100%;height: 300px;border-top: 5px solid #06468d;background: #373b3c;}
.foot_content{width: 1200px;height: 300px;margin: 0 auto;}
.foot_logo{float: left;width: 25%;margin-top: 100px;}
.copyright{ width: 100%; height: 60px; line-height: 60px; background: #2c3031; text-align: center; color: #fff}
.copyright a{ color: #fff;}
.foot_nav{float: right;width: 30%;margin-top: 60px;background: url(../images/ft_bg.jpg) left top no-repeat;padding-left: 45px}
.foot_contact{float: right;width: 30%;margin-top: 60px;background: url(../images/ft_bg.jpg) left top no-repeat;padding-left: 45px}
.foot_title{ width: 100%; height: 38px; color: #ffbb08; font-size: 16px;}
.foot_nav li{ width: 100%; height: 30px;}
.foot_nav li a{ color:#fff;}
.foot_contact li{ width: 100%; height: 30px;color:#fff;}
.foot_contact li a{ color:#fff;}
.adv{ width: 100%; height: 219px; background: url(../images/adv.jpg) no-repeat center; padding-top: 125px;}

.adv_c{ width: 1200px; height: 193px; margin: 0 auto;}
.adv_c img{float: left; border: 0;}

/* child */
.webloc{ width: 1200px; height: 65px; line-height: 65px;border-bottom: 1px dashed #dcdcdc;border-top: 1px dashed #dcdcdc; margin: 0 auto; margin-bottom: 30px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.webloc b {border-left: 10px solid #004891;font-weight: normal;padding-left: 8px;}
.webloc a{ color:#000;}
.main{ width:1200px; margin:0 auto; height:auto; zoom:1;overflow:hidden; margin-bottom:30px}
.main_left{ width:250px; height:auto; float:left; background:#fff;}
.left_title{ width:220px; height:60px; background:#0857b3; color:#fff; line-height:60px; font-size:16px !important;    padding-left: 30px;}
.main_left ul { list-style:none;}
.li_c1{width: 215px;height: 46px;line-height: 46px;padding-left: 35px;background-image: url(../images/pro_list1.jpg)!important;border-bottom: 1px solid #e3e3e3;}
.li_c1 a{ color:#666; text-decoration:none}
.li_c1 a:hover{ color:#0857b3}
.li_c2{width: 201px;height: 36px;line-height: 36px;padding-left: 49px; background-image: url(../images/pro_list2.jpg)!important;border-bottom: 1px solid #e3e3e3; }
.li_c2 a{ color:#666; text-decoration:none; font-size:12px;}
.li_c2 a:hover{ color:#0857b3}
.main_right{ width:920px; float:right; height:auto; background:#fff; margin-bottom:30px}
.z_title{ width:100%; height:70px;line-height:50px;  font-size:24px; text-align:center  }
.zy_p{ width:50%; height:30px; line-height:30px; float:right; font-size:12px; text-align:right;}
.zy_p a{ color:#666}
.zy_content{ width:100%; line-height:28px}
.zy_content a{ color:#666;}
.news_c_t_xx{ margin-bottom:35px;}
.news_c_t_xx span{ margin-right:25px;}
.pro_box{ width:920px; height:auto; list-style:none; margin-top:20px;  }
.pro_box li{ width:290px; float: left;text-align:center;line-height: normal; border: 1px solid #dedede; margin-right: 13px; margin-bottom: 13px;}
.pro_box li:hover{border: 1px solid #ffbd14;}
.pro_box li:hover a{color: #ffbd14}
.pro_box_img{ width:100%;}
.pro_box li img{ width:100%;  height: 220px;  border:1px #cecece solid;}
.pro_box li h3{ padding:0 10px; height: 35px; line-height: 35px; overflow: hidden;}
.pro_box li p small{ color: #888}
.pro_box li p span{float: right;font-size: 12px;color:#ccc;}
.pro_box li a{ color:#000; text-decoration:none; font-size:16px;font-weight:bold;}
.pro_box .pro_box_con{height:50px;line-height: 25px;text-align: left;font-size: 12px;padding: 0 10px 10px 10px;color:#666;}
.pro_box_con span{float:right;color:#f00;}

.nry_new_list ul{ list-style:none;}
.nry_new_list ul li{ padding:20px; height: 135px; width:878px; border: 1px solid #dedede;margin-bottom: 15px; color: #797979; font-size: 14px; line-height: 32px;}
.zy{border: 1px solid #dbdbdb;    width: 98%;    height: auto;    padding: 10px; margin-bottom:20px; margin-top:20px}
.nry_new_list ul li a{ color:#000; font-size: 18px;}
.nry_new_list ul li:hover{ border: 1px solid #ffbd14;}
.nry_new_list ul li:hover a{ color:#ffbd14}
.wp-pagenavi a{color: #666;margin: 0 5px;padding: 5px 10px;border: 1px solid #b5b5b5;}
.news_pic{ width: 328px; height: 154px; float: left;}
.news_pic img{ width: 100%; }
.news_list_c{display: flex;width:100%; height: 135px; }
.news_list_c_l img{height: 135px;width: 135px;object-fit: cover;}
.news_list_c_r {padding: 0 15px;}
.news_list_c_r p:first-of-type{line-height: 20px;font-size: 12px;}
.news_list_c_r p:nth-of-type(2){line-height: 25px;}
.news_list_more{ display: block; width: 135px; height: 45px; margin-top: 10px; line-height: 45px; float: right; border: 1px solid #dedede; text-align: center; font-size: 14px!important;}
.nry_new_list ul li:hover .news_list_more{ background: #ffbd14; color: #fff; border:1px solid #ffbd14}
.news_c_t{height: 38px;font-size: 24px;font-weight: normal;line-height: 38px;color: #4b4a4a;text-align: center;text-overflow: ellipsis;white-space: nowrap;}
.zhaiyao{height: auto;line-height: 24px;margin-bottom: 20px;}
.shangyipian{ width: 100%; height: 80px; border-bottom: 1px dashed #dedede; margin-bottom: 20px;}
.zhuanzai{ width: 100%; height: 80px; border-top: 1px dashed #dedede; padding-bottom: 20px;}
.prolist_title{ width: 100%; height: 50px; border-bottom: 1px solid #ebebeb;  }
.prolist_title span{ border-bottom: 1px solid #ffbd14; display: inline-block; height: 50px; width: auto; line-height: 50px; font-size: 24px;}

.banner_m{display: none}

.zhaiyaof{margin-bottom: 35px;}
.pro_img_child{width: 300px; float: left;}
.pro_desc_child{width: 500px; height: 215px; float: left; margin-left: 10px; line-height: 34px;}
.child_pro_nav{display: none}

@media screen and (max-width: 769px) {
.box{ width: 100%; height: auto; margin: 0 auto; }
.title{ width: 100%; height: 50px; text-align: center; font-size: 36px; line-height: 26px}
.title font{ font-size:12px; color: #b5b5b5}

/* top */
.top{display: none}
.head{width: 100%; height:107px; margin: 0 auto; position: relative; background: #fff;z-index: 9999 }
.logo{width: 100%; height: 107px; float: none; position: fixed; background: url(../images/logo_m.jpg) no-repeat #fff; margin: 0 auto;z-index: 9999}
.logo h1 a{ display: block; text-indent: -9999px; height: 0px; width: 0px;}


.logo{ width: 100%; height: 107px; float: left; position: fixed; background: url(../images/logo.jpg) no-repeat left #fff;}
.logo h1 a{ display: block; text-indent: -9999px; height: 107px; width: 398px;}
.logo h2 a{ display: block; text-indent: -9999px; height: 107px; width: 398px;}
.nav{width: 100%; height: auto; float: none;}
.nav li{width: 95%; height: 40px; float: none; margin:0 auto;text-align: left; border-bottom: 1px solid #ddd}
.nav li a{font-size: 16px; color: #333; display: block; width: 100%; height: 100%; line-height:40px;}
.nav .currt{ background: #eee}
.nav .currt a{color:#000;}
.nav li:hover{ background: #0064b9}
.nav li:hover a{color:#fff;}

	
.sp_nav{width:50px;float:right;position:fixed;cursor:pointer;height:30px; right: 0; top: 38px;z-index: 9999}
.sp_nav span{display:block;background:#0064b9;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s;z-index: 9999}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px; top: -100%; opacity: 0;left:0;overflow:auto;overflow-x:hidden;transition:all ease 0.8s;}
.nav_show{top:107px;opacity: 1;}


/* banner */
.banner{display: none}
.banner_m{ display: block; width: 100%; height: auto;}
.banner_m img{ width: 100%; }
	/* about */
.about{ width: 100%; height: auto; margin: 0 auto;
background: -webkit-linear-gradient(left,#0d50a3,#028bd2);
		background: -o-linear-gradient(left,#0d50a3,#028bd2);
		background: -moz-linear-gradient(left,#0d50a3,#028bd2);
		background: -mos-linear-gradient(left,#0d50a3,#028bd2);
		background: linear-gradient(left,#0d50a3,#028bd2); color:#fff;
}
.about_content{ width: 95%; height: auto; margin: 0 auto;  line-height: 24px; padding-top: 20px;padding-bottom: 20px; text-align: center}
.about_content font{ display: block; font-size: 18px;  margin-bottom: 20px;}
.about2{display: none}
.about_list{display: none}

/* product */
.product{ width: 100%; height: auto; background:#fff;padding-top:35px;}
.pro_nav{ width: 100%; height: 42px; margin: 0 auto; margin-top: 20px;}
.pro_nav ul{ width: 95%; height: 42px;float: none; margin: 0 auto;}
.pro_nav ul li{ width: 48%; margin-right: 0.6%; margin-left: 0.6%; margin-bottom: 5px; border-sizing：border-box；float: left; line-height: 42px; text-align: center; border-radius: 5px; border: 1px solid #eaeaea}
.pro_nav ul li a{ color:#404040;display: block; }
.pro_nav ul li:hover{background: #1e4fdc; color: #1e4fdc; display: block;}
.pro_nav ul li:hover a{ color:#fff}
.pro_list{ width: 95%; height: auto; margin: 20px auto; margin-top: 20px; display:flex;justify-content:space-between;flex-wrap:wrap}
.pro_list li {  width: 48%; height: auto;margin-right: 0.6%; margin-left: 0.6%;}
.pro_img{  width: 100%; height: auto; aspect-ratio: 1 / 1; }
.pro_img img{ width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: contain;box-shadow: 1px 1px 3px 1px rgb(0 0 0 / 50%);}
.pro_name{width: 100%; height: 55px; line-height: 55px; background: #fff; text-align: center; }
.pro_list li a{ color:#868686}
.pro_list li a:hover{ color:#1c50da}
.tj_new_list li{border-bottom: 1px dashed #ddd;padding: 10px;}
.tj_new_list li h3 a{color:#000;}
.tj_new_list li p:first-of-type{font-size: 12px;color:#f00;}
.tj_new_list li p:nth-of-type(2){color:#666;}

/* NEWS */
.news{ width: 100%; height: auto; margin: 0 auto; padding-top: 30px; background: #ececec;padding-bottom: 20px;}

.news_t1{ width:132px; height: 56px; background:url(../images/t1.jpg) no-repeat; float: left; font-size: 16px; color: #fff; text-align: center; line-height: 56px;}
.news_t2{ width: 688px; height: 55px; float: left; border-bottom: 1px solid #e8e8e8}
.news_more{ display: block; width: 80px; height: 72px; line-height: 72px; text-align: center; color:#404040; float: right;}
.news_more:hover{ color:#1c50da}
.news_ul{ width: 95%; height: auto;margin: 0 auto ;margin-top: 30px}
.news_ul li{ width: 96%; border-bottom: 1px solid #e8e8e8; margin-top: 10px; padding:10px 2% 0px 2% ;float: none;background: #fff;margin-left: 0px;  margin-right: 0px; }
.time{ width: 20%; float: left; height: 65px;}
.time p{ font-size: 24px; }
.time font{ font-size: 12px;}
.news_content{ width: 80%; float: left;}
.news_content p a{ color: #0e0e0e }
.news_content font{ font-size: 12px; color: #646464}
.news_content p a:hover{ color: #1c50da }
.first_news{ width: 387px; height: 300px; background: url(../images/first.jpg) no-repeat center top; float: left; position: relative}
.first_news a{ display: block; position: absolute; bottom: 0; height: 52px; line-height: 52px; width: 100%; text-indent: 24px; color: #ddd;}
.news_aq{ width: 300px; height: 388px; float: right;}
.news_aq1{ width:132px; height: 56px; background:url(../images/t1.jpg) no-repeat; float: left; font-size: 16px; color: #fff; text-align: center; line-height: 56px;}
.news_aq2{ width: 168px; height: 55px; float: left; border-bottom: 1px solid #e8e8e8}
.aq{ width:26px; height:70px; background: url(../images/aq.jpg) no-repeat top; float: left;}
.news_aql{ width: 300px; height: 300px; float: right; }
.news_aql li{ width: 100%; height: 70px; border-bottom: 1px solid #e8e8e8; padding-top: 15px; margin-bottom: 15px;}
.aq_content{ width: 274px; float: right;}
.aq_content p a{ color: #0e0e0e }
.aq_content font{ font-size: 12px; color: #646464}
.aq_content p a:hover{ color: #1c50da }

/* foot */
.link_c {display: none;}
.link_c a {color: #333;font-size: 14px;text-decoration: none;}
.link_title {width: 82px;height: 52px;background: url(../images/link_t.png) left bottom;float: left;}
.foot{display: none}
.foot_content{background:url(../images/foot.jpg) no-repeat left; width: 1200px; height: 375px; margin: 0 auto;}
.copyright{ width: 100%; height: 60px; line-height: 60px; background: #2c3031; text-align: center; color: #fff}
.copyright a{ display: none}
.foot_nav{ float: right; width: 190px; margin-top: 60px; background: url(../images/ft_bg.jpg) left top no-repeat; padding-left: 45px}
.foot_contact{ float: right; width: 305px;margin-top: 60px; background: url(../images/ft_bg.jpg) left top no-repeat; padding-left: 45px}
.foot_title{ width: 100%; height: 38px; color: #ffbb08; font-size: 16px;}
.foot_nav li{ width: 100%; height: 30px;}
.foot_nav li a{ color:#fff;}
.foot_contact li{ width: 100%; height: 30px;color:#fff;}
.foot_contact li a{ color:#fff;}
	
.adv{ display: none}


/* child */
.webloc{ width: 95%; height: 65px; line-height: 65px;border-bottom: 1px dashed #dcdcdc;border-top: 1px dashed #dcdcdc; margin: 0 auto; margin-bottom: 30px;}
.webloc b {border-left: 10px solid #004891;font-weight: normal;padding-left: 8px;}
.webloc a{ color:#000;}
.main{ width:95%; margin:0 auto; height:auto; zoom:1;overflow:hidden; margin-bottom:30px}
.main_left{ display: none}
.left_title{ width:220px; height:60px; background:#0857b3; color:#fff; line-height:60px; font-size:16px !important;    padding-left: 30px;}
.main_left ul { list-style:none;}
.li_c1{width: 215px;height: 46px;line-height: 46px;padding-left: 35px;background-image: url(../images/pro_list1.jpg)!important;border-bottom: 1px solid #e3e3e3;}
.li_c1 a{ color:#666; text-decoration:none}
.li_c1 a:hover{ color:#0857b3}
.li_c2{width: 201px;height: 36px;line-height: 36px;padding-left: 49px; background-image: url(../images/pro_list2.jpg)!important;border-bottom: 1px solid #e3e3e3; }
.li_c2 a{ color:#666; text-decoration:none; font-size:12px;}
.li_c2 a:hover{ color:#0857b3}
.main_right{ width:100%; float:right; height:auto; background:#fff; margin-bottom:30px}
.z_title{ width:100%; height:70px;line-height:50px;  font-size:24px; text-align:center  }
.zy_p{ width:50%; height:30px; line-height:30px; float:right; font-size:12px; text-align:right;}
.zy_p a{ color:#666}
.zy_content{ width:100%; line-height:28px}
.zy_content a{ color:#666;}
.zhaiyao table tr td{width: 100%;}
.pro_box .pro_box_con{height:50px;line-height: 25px;text-align: left;font-size: 12px;padding: 0 10px 10px 10px;color:#666;}
.pro_box_con span{float:right;color:#f00;}

.pro_box{ width:100%; height:auto; list-style:none; margin-top:20px;  }
.pro_box li{width:95%;height:auto;padding: 15px 1% 0px 1%;float: left;text-align:left;border: 1px solid #dedede;margin-right: 10px;margin-bottom: 30px;}
.pro_box li:hover{border: 1px solid #ffbd14;}
.pro_box li:hover a{color: #ffbd14}
.pro_box_img{ width:100%; height: auto; float: left; margin-right: 15px;}
.pro_box li img{ width:100%;  height: auto; }
.pro_box li p{ padding-left: 10px;}
.pro_box li h3{ padding:0 10px; height: 35px; line-height: 35px; overflow: hidden;}
.pro_box li p small{ color: #888}
.pro_box li a{ color:#666; text-decoration:none; font-size:14px;}

.nry_new_list ul{ list-style:none;}
.nry_new_list ul li{ padding:2%; height: auto; width:95%; border: 1px solid #dedede;margin-bottom: 15px; color: #797979; font-size: 14px; line-height: 32px;}
.zy{border: 1px solid #dbdbdb;    width: 95%;    height: auto;    padding: 2%; margin-bottom:20px; margin-top:20px}
.nry_new_list ul li a{ color:#000; font-size: 18px;}
.nry_new_list ul li:hover{ border: 1px solid #f28e2e;}
.nry_new_list ul li:hover a{ color:#f28e2e}
.news_list_c{ width:100%; height: auto; }
.news_list_more{ display: none; width: 135px; height: 45px; margin-top: 10px; line-height: 45px; float: right; border: 1px solid #dedede; text-align: center; font-size: 14px!important;}
.nry_new_list ul li:hover .news_list_more{ background: #f28e2e; color: #fff; border:1px solid #f28e2e}
.news_c_t{height: 38px;font-size: 24px;font-weight: normal;line-height: 38px;color: #4b4a4a;text-align: center;text-overflow: ellipsis;white-space: nowrap;}
.zhaiyao{line-height: 24px;margin-bottom: 20px;}
.shangyipian{ width: 100%; height: auto; border-bottom: 1px dashed #dedede; padding-bottom: 20px; margin-bottom: 10px;}
.zhuanzai{ width: 100%; height: 80px; border-top: 1px dashed #dedede; padding-bottom: 20px;}
.prolist_title{ width: 100%; height: 50px; border-bottom: 1px solid #ebebeb;  }
.prolist_title span{ border-bottom: 1px solid #ffbd14; display: inline-block; height: 50px; width: auto; line-height: 50px; font-size: 24px;}
.pro_c_img{width: 99%; height: auto; float: none; margin: 0 auto;}
.pro_c_img img{width: 100%; height: auto;}
.pro_c_word{width: 100%; float: none; line-height: 36px;}
	.m_zy{display: none}

	.pro_img_child{width: 95%; height: 215px; float: none;}
.pro_desc_child{width: 95%; height: auto; float: none; margin-left: 0px; line-height: 34px;}
.child_pro_nav{display: block}
	
}

.form-control {
    display: block;
    width: 95%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

@media screen and (min-width: 1200px){
.wf_n_neirong {
    margin-top: 20px;
}
.wf_n_nr_d {
    margin-bottom: 20px;
    font-size: 13px;
    color: #333;
    line-height: 24px;
}
.col-lg-6 {
    width: 45%;
   float: left;
    padding-right: 15px;
    padding-left: 15px;
}

.col-lg-12 {
    width: 90%;
   float: left;
 padding-right: 15px;
    padding-left: 15px;
}

}
@media screen and (max-width: 768px){
.wf_n_neirong {
    margin-top: 20px;
}
.wf_n_nr_d {
    font-size: 13px;
    color: #333;
    line-height: 24px;
    padding: 10px;
}
.col-lg-6,.col-lg-12{
    width:95%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
}
.swiper-slide img{max-width:100%;}
.tag{margin-top:20px;}

/* lxwm */
.lxwm-contact {
  position: fixed;
  right: 20px;
  bottom: 50px;
  z-index: 9999; /* 确保悬浮在最上层，但不遮挡页面核心内容 */
  background: #2c82d0; /* 蓝色系，适配建材行业风格 */
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  padding: 15px;
  color: #fff;
  font-size: 14px;
  width: 180px; /* PC端宽度 */
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .lxwm-contact {
    width: 140px; /* 移动端缩小宽度 */
    right: 10px;
    bottom: 30px;
    padding: 10px;
    font-size: 12px;
  }
}

.lxwm-contact .lxwm-title {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(255,255,255,0.3);
  padding-bottom: 8px;
}

.lxwm-contact .lxwm-info {
  line-height: 1.8;
  margin: 5px 0;
}

.lxwm-contact .lxwm-phone {
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  text-decoration: none;
  display: block;
  text-align: center;
  margin-top: 8px;
  background: #1e68b3;
  padding: 5px;
  border-radius: 4px;
}

.lxwm-contact .lxwm-phone:hover {
  background: #15508f;
}

/* 悬浮框整体容器 */
.float-contact {
  position: fixed;
  right: 0;
  top: 40%;
  z-index: 9999;
  display: flex;
  align-items: center;
}

/* 右侧露出的小图标/文字按钮 */
.contact-btn {
  background-color: #07C160;
  color: white;
  padding: 15px 10px;
  border-radius: 8px 0 0 8px;
  cursor: pointer;
  font-size: 14px;
  writing-mode: vertical-rl;
  letter-spacing: 4px;
  box-shadow: -2px 2px 5px rgba(0,0,0,0.2);
  transition: background-color 0.3s;
}

.contact-btn:hover {
	background-color: #06ad56;
}

/* 默认收起的二维码及联系方式区域 */
.contact-content {
  background-color: #fff;
  padding: 20px;
  margin-right: -260px; /* 稍微加大一点隐藏距离，防止内容变多后露出 */
  border-radius: 8px;
  box-shadow: 0 0 15px rgba(0,0,0,0.15);
  text-align: center;
  width: 180px;
  transition: margin-right 0.4s ease;
  border: 1px solid #eee;
}

/* 二维码图片样式 */
.contact-content img {
  width: 150px;
  height: 150px;
  display: block;
  margin: 0 auto 15px; /* 居中并增加底部间距 */
}

/* 新增：电话号码区域样式 */
.phone-item {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f5f5f5;
  padding: 8px 10px;
  border-radius: 20px;
  text-decoration: none; /* 去掉链接下划线 */
  color: #333;
  font-size: 14px;
  transition: all 0.3s;
}

.phone-item:hover {
  background-color: #07C160;
  color: white;
}

/* 电话小图标样式 */
.phone-icon {
  margin-right: 6px;
  font-size: 16px;
}

/* 核心交互：鼠标悬停展示 */
.float-contact:hover .contact-content {
	margin-right: 10px;
}
.tupian_list{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
.tupian_list .pro_box{
	width:100%;
	max-width:1200px;
}
.tupian_list .pro_box li{
	margin-right: 5px;
}

/* 预览遮罩层 */
.img-preview-mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    z-index: 10000;
    cursor: zoom-out;
    align-items: center;
    justify-content: center;
}

/* 预览图片样式 */
.img-preview-mask img {
    max-width: 90%;
    max-height: 90%;
    border: 3px solid #fff;
    box-shadow: 0 0 20px rgba(0,0,0,0.5);
    transform: scale(0.9);
    transition: transform 0.3s ease;
}

/* 显示时的动画 */
.img-preview-mask.active img {
    transform: scale(1);
}

/* 关闭按钮 */
.img-preview-close {
    position: absolute;
    top: 20px;
    right: 30px;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
}

/* 鼠标悬停列表图片时显示小手 */
.pro_box img {
    cursor: zoom-in;
    transition: opacity 0.3s;
}
.pro_box img:hover {
    opacity: 0.8;
}

.s-summary-box{background: #f9f9f9; border: 1px solid #eef0f2; padding: 20px; margin: 15px auto; border-radius: 4px; max-width: 1200px; line-height: 1.8; color: #555;}
.s-summary-box h2{font-size: 18px; color: #333; margin-top: 0; margin-bottom: 10px; border-left: 4px solid #0056b3; padding-left: 10px;}
.s-summary-box p{font-size: 14px; margin: 0; text-indent: 2em;}