@charset "UTF-8";
/* CSS Document */
@font-face {

    font-family: "Barlow-Regular";

    src: url(../fonts/Barlow-Regular.ttf);

}
@font-face {

    font-family: "Barlow-Medium";

    src: url(../fonts/Barlow-Medium.ttf);

}

@font-face {

    font-family: "Barlow-Bold";

    src: url(../fonts/Barlow-Bold.ttf);

}

body{
	padding: 0;
	margin: 0;
	font:18px/26px 'Barlow-Regular','Microsoft Yahei',Tahoma, Verdana, Geneva,Helvetica, sans-serif;
	color:#525252; 
	overflow-x:hidden;
	}
div,h1,h2,h3,h4,h5,p,span,dl,dt,dd,table,ul,li,ol,input{padding: 0;margin: 0; font-weight:normal;}
h3{font-size:18px;}
ul,li,ol{list-style: none;}
a:link,a:visited{color:#525252; text-decoration: none;}
a:hover{color: #0054a7; text-decoration:none;}
a img{border: 0;}

.swip_home .swiper-pagination-bullet,.hot_pro_nr,.hot_pro_img,.more img,.h_revi_nr,.h_news_img img,.h_news_txt h3,.h_why_nr *,.nav>ul>li>a::after,.pro_con,.faq_title_icon img,.faq_more img,.instant_con::after,.contact_fin_nr p,.contact_fin_img,.show_crumbs,.cor_con,.swiper_button img,.taste_numberb_box_r,.fac_bb_img img,.pro_nav_tab2_img img,.h_r_box img,.h_ins_con>a img,.sub_img_box a img,.method_txt,.about_pag_ul p::after,.about_pag_ul p{
	transition: all .6s;
	-moz-transition: all .6s;	/* Firefox 4 */
	-webkit-transition: all .6s;	/* Safari 和 Chrome */
	-o-transition: all .6s;	/* Opera */
}

/*清除浮动*/
.clearfix:before,.clearfix:after{
content:"";
display:table;
}
.clearfix::after{display:block;clear:both;content:""}
.clearfix:after{
clear:both;}
.clearfix{
*zoom:1;
}

.pc_banner{display:block;}
.wap_banner{display:none;}

.main{
	width:96%;
	max-width:1400px;
	margin: 0 auto;
	}

.header{width:96%;padding:10px 0;margin:0 auto;}
.logo{float: left;}
.menu{float:right;}
.menu ul li{float:left;margin-left:30px;}
.menu ul li a{font-size:18px;line-height:60px;}
.menu ul li.cur{color:#0054a7;}
.menu ul li.cur a{color:#0054a7;}


.index_pro{width:100%;padding:4rem 0;}
.index_pro h1{color:#0054a7;font:30px/85px 'Microsoft Yahei';text-align:center; background:url(../images/title_bg.png) center center no-repeat;}
.contact_fin{padding:4rem 0;}
.contact_fin h3{text-align:center;line-height:1.875rem;color:#666;margin-bottom:2rem;}
.contact_fin_nr p{text-align: center;line-height:5.625rem;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.contact_fin_img{background: #fff;position: relative;top: 0;}
.contact_fin_img img{height:auto;width: 100%;border: 0;vertical-align: middle;object-fit: cover; border:#ececec 1px solid;}
.contact_fin_nr:hover p{color: #2CACCE;}
.contact_fin_nr:hover .contact_fin_img{top: -0.625rem;box-shadow: 0 0 20px rgba(0,0,0,0.1);}

.contact_fin .swiper_button{top: calc(50% - 2.8125rem); background-image:none;}
.contact_fin .swiper_buttonp{left: -1.875rem;background-image:none;}
.contact_fin .swiper_buttonn{right: -1.875rem;}
.contact_fin .h_revi_con{position: relative;}
.contact_fin .sub_h2{margin-bottom: 1.875rem;}
.contact_fin .swiper-slide{height:auto;}
.contact_fin .swiper-wrapper{height:auto;}

.swi_scro{top: auto !important;height: 2px !important;display: none ;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #5bbbd6 !important;}
@media screen and (min-width: 768px) {
	.high_img{background: none !important;}
}

@media screen and (max-width: 768px) {
	.sel_text_x{height: 40px !important;}
}
@media screen and (max-width: 767px) {
	.high_img img{display: none;}
	.crumbs,.highpag{display: none;}
	.about_pag_ul p::after{bottom: -2px;}
	.swi_scro{display: block;}
	.explore .swiper-container{padding: 30px 0 20px;}
	.swip_hrevi{padding: 10px 0 30px;}
	.pro_con h3{font-size: 16px;}
	.meth{height: 130vh;}
	
	.high_con.color1 .high_img::after{content: '';position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.3);}
	.high_con.color2 .high_img::after{content: '';position: absolute;width: 100%;height: 100%;background: rgba(255,255,255,0.6);}
}

.swiper_button{background-image: none;width: auto;height: auto;top: 50%;transform: translateY(-50%);margin: 0;}
.swiper_button img{width: 15px;height: auto;}
.swiper_button img:last-child{display: none;}
.swiper_buttonp{left: 0;}
.swiper_buttonn{right: 0;}
.swip_hrevi{padding:1.875rem;}
.swiper_button:hover img:first-child{display: none;}
.swiper_button:hover img:last-child{display: block;}


.index_about{
	width:100%; 
	background:url(../images/about_bg.jpg) center center no-repeat; 
	background-size:cover;
	padding:5rem 0; 
	position:relative;
	}
.about_bg{
	display:flex;
	justify-content: space-between;
	width:100%;
	background:#008fd7;
	padding:4rem;
	box-sizing:border-box;
	color:#FFF;
	}
.about_content{
	margin-right:4rem;
	}
.about_content h1{
	width:100%;
	font:30px/85px 'Microsoft Yahei';
	text-align:center;
	background:url(../images/title_aboutbg.png) center center no-repeat;
	margin-bottom:2rem;
	}

.about_honor{
	
	}
.aboutnav{width:100%;padding:5rem 0; position:relative;}
.picScroll-left{float:left;width:320px;  overflow:hidden; position:relative; }
.picScroll-left .hd{ overflow:hidden; height:30px;padding:0 10px;  }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.picScroll-left .hd .next{ background-position:0 -50px;  }
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{padding:1rem 0 0;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 20px 0 0; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:300px;display:block;}
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:35px;   }

.bg1{background: #ffffff;}
.bg2{background: #f5f5f5;}

.culture_content{width:100%;margin-top:3rem;}
.culturelist{float:left;width:30%;margin-right:3%;}
.culturelist img{width:100%;}
.culturelist:last-child{margin-right:0;}
.culturelist_text h2{font-size:18px;margin:1rem 0 .5rem;color:#0054a7;}
.culturelist_text p{color:#666666;}

.honor{padding:4rem 0; background:#f5f5f5;}

.folio-thumb img{ width:100%; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; -webkit-transition-duration:0.7s; -moz-transition-duration:0.7s; -ms-transition-duration:0.7s; -o-transition-duration:0.7s;}	
.folio-thumb:hover img{ -webkit-transform:scale(1.3); -moz-transform:scale(1.3); -o-transform:scale(1.3); -ms-transform:scale(1.3);}
.mediaholder{ overflow:hidden;}

.products{float: left;width:770px; background: #464646;padding:15px;}
.application{width: 100%;background:#f5f5f5;padding:4rem 0;}
.application h1{color:#0054a7;font:30px/85px 'Microsoft Yahei';text-align:center; background:url(../images/title_bg.png) center center no-repeat;}
.applist{width:100%;margin-top:3rem;}
.applist ul li{float:left;width:30.3%;background:#FFF;margin:1rem 3% 1rem 0; text-align:center;}
.applist ul li img{width:100%;max-height:265px;}
.applist ul li a{line-height:50px;}
.applist ul li:hover{background:#008fd7;}
.applist ul li:hover a{color:#FFF;}




.bannernav{width:100%;clear:both;z-index:-1;}
.bannernav img{width:100%;}
.container{padding:4rem 0;}
.nname{width:100%;color:#0054a7;font:30px/85px 'Microsoft Yahei';text-align:center; background:url(../images/title_bg.png) center center no-repeat;}
.app_nname{
width:100%;
color:#0054a7;
font-size:30px;
line-height:40px;
text-align:center;
}
.ncontent{float:left;width:100%;padding-top:2.75rem;}
.ncontent h3{line-height:2rem;}
.ncontent img{max-width:100%;}

.culture{width:100%;  background:#f5f5f5;}

.rollBox{float: left;width:100%;overflow:hidden;padding:3% 0;}
.rollBox .LeftBotton{height:265px;width:6%;background:url(../images/span01.png) left center no-repeat;overflow:hidden;float:left;display:inline;cursor:pointer;}
.rollBox .RightBotton{height:265px;width:6%;background:url(../images/span02.png) right center no-repeat;overflow:hidden;float:left;display:inline;cursor:pointer;}
.rollBox .Cont{width:88%;overflow:hidden;float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{float:left;text-align:center;margin:0 20px 0 0;background:#FFF;border:#D8D8D8 1px solid;}
.rollBox .Cont .pic img{background:#fff;height:350px;display:block;margin:0 auto;}
.rollBox .Cont .pic p{line-height:40px;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{text-decoration:none;}
.rollBox .Cont a:hover{text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}


.nav_m{width:100%; background:#f2f2f2;height:60px;}
.nav_m ul{ text-align:center;}
.nav_m ul .normail{line-height:60px;padding:0 30px;}
.nav_m ul a{height:60px;line-height:60px;font-size:16px;}
.nav_m ul .active{background:#0054a7;padding:19px 30px 20px;color:#FFF;}
.left{float:left;width:20%; background:#f2f2f2;padding-bottom:50px;}
.left h1{float:left;width:100%; background:#0054a7; text-align:center;font:16px/60px 'Microsoft Yahei';color:#FFF;}
.left h2{float:left;width:95%;padding-left:5%;font:bold 16px/35px 'Microsoft Yahei';padding-top:10px;}
.left ul li{float:left;width:90%;clear:both;padding-left:10%;border-bottom:#FFF 1px solid;}
.left ul li a{line-height:45px;}
.right{float:right;width:78%;}
.right .ncontent{padding:2.5rem 0 0 2rem;}

.productlist{
	width:100%;
	padding:4rem 0 0;
	display:flex;
	flex-wrap:wrap;
	}
.productlist dl{
	width:31%;
	background:#FFF;
	padding:1rem;
	border:#ececec 1px solid;
	margin-right:3.5%;
	margin-bottom:2%;
	box-sizing:border-box;
	-webkit-transition: all .6s ease;
    transition: all .6s ease;
	}
.productlist dl:nth-child(3n){
	margin-right:0;
}
.productlist dl:hover{
	border:#0054a7 1px solid;
}
.productlist dl dt{width:100%;}
.productlist dl dd{
	width:100%;
	box-sizing:border-box;
	overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;
	}
.productlist dl dd h2{margin-bottom:1rem;}


.app{float:left;width:1200px;margin-top:30px;}
.app dl{float:left;width:100%;height:240px; overflow:hidden;background:#f2f2f2;margin-bottom:30px;}
.app dl dt{float:left;width:350px;}
.app dl dd{float:left;width:765px;padding:5px 0 0 20px;}
.app dl dd h3{color:#0054a7;}

.prolist{float:left;width:100%;padding-top:15px;}
.prolist ul{float:left;margin-top:15px;}
.prolist ul li{float:left;width:400px; text-align:center;margin-bottom:20px;}
.prolist ul li img{border:#d8d8d8 1px solid;}

.prolist dl{float: left;width:100%;padding-bottom:15px;margin-bottom:15px;border-bottom:#d8d8d8 1px dotted;}
.prolist dl dt{float: left;width:300px;margin-right:20px;}
.prolist dl dt img{width:296px;padding:1px;border:#f2f2f2 1px solid;}
.prolist dl dd{float: left;width:880px;}
.prolist dl dd h2{font-size:18px;font-weight:bold;margin-bottom:.5rem;}


.newslist{float:left;width:100%;clear:both;}
.newslist dl{float:left;width:100%;margin-bottom:30px;}
.newslist dl dt{float:left;width:220px;margin-right:25px;}
.newslist dl dt img{max-width:220px;border:#ececec 1px solid;}
.newslist dl dd{float:left;width:950px;font-size:14px;line-height:22px;}
.newslist dl dd h2{font-size:18px;font-weigth:bold;margin-bottom:5px;color:#000;}
.newslist dl dd:hover,.newslist dl dd:hover h2{color:#0054a7;}
.news_btn{color:#0054a7;}
.newsview{float:left;width:100%;clear:both;}
.newsview dd{float:left;width:100%;min-height:300px;_height:300px;}

.contact{float:left;width:1200px;}
.contact dl{float:left;width:300px; text-align:center;margin:20px 0;}
.contact dl dt{width:100px;height:75px; background:#0054a7; border-radius:50px;margin:0 auto;padding-top:25px;}
.contact dl dd{width:100%;margin-top:15px;font-size:16px;}

.footer{width: 100%;background:#181a17;padding:20px 0 15px;color:#c6c6c6;}
.copyright{}
.copyright a{color: #c6c6c6;}


/* side purpose：设置右浮窗显示;used in files：gotoTop_landing.jsp,gotoTop.jsp,activityPsge2_mobile618.jsp*/
.side{position:fixed;width:54px;height:275px;right:0;bottom:214px;z-index:200001;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "Microsoft Yahei"; overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#3895F4;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left; display:block;}
.side ul li span{ display:block; position:absolute; left:54px; float:left; height:150px; width:150px; margin-left:-54px; }
.side ul li span img{ width:100%; height:100%;}
.side ul li:last-child{border-top:1px solid #444;border-bottom:none;}


.product_detail{
	width:100%;
	background:#f2f3f2f3;
	padding:3rem 0;
}
.pro_detail_box{
	width:100%;
	display:flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
}
.pro_detail_name{
	width:100%;
	position:relative;
	font-size:2.125rem;
	line-height:2.625rem;
	padding-bottom:0.625rem;
	margin-bottom:1rem;
}
.pro_detail_name:after {
	content:'';
	position: absolute;
	left:0;
	bottom:0;
	width:85px;
	height:3px;
	background:#0054a7;
}