@charset "utf-8";
/* CSS Document */
body{
	font-family:"Questrial-Regular","Poppins";   
}	
table span{	font-family:"Questrial-Regular","Poppins"!important;}
@font-face {
	font-family: 'Poppins';
	 src: url(https://fonts.gstatic.com/s/poppins/v21/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
	font-weight: normal;
	font-style: normal;
  }
body, div, p, img, ul, ol, li, form, input, label, span, dl, dt, dd, h1, h2, h3, h4, h5, h6 {    margin: 0;    padding: 0; font-weight: normal; }
body,dl,dt,dd,p,h3{margin:0;}
html{font-size:62.5%;}
img{border:0px none; vertical-align:middle;}
table{border-collapse:collapse;}
ul{display:block; margin:0; padding:0;}
li{list-style:none;}
a{color:#666; text-decoration:none; outline:none;transition:all ease 0.3s;}
a:hover{color:#02396d;}

.clear{ clear: both; }

.w{ max-width:1400px; margin: 0 auto; width:95%;}

.header{ height: 100px;  }

header{ height: 100px; display: flex; align-items: center;    justify-content: space-between; background: #0690cf;position:fixed; top: 0; width: 100%; z-index: 999;  }
header .logo{ width: calc(24% - 60px);  margin: 0 0 0 60px;    height: 100%;    display: flex;    align-items: center;}
header .logo img{ width: 100%;} 
header .nav{ height: 100%;    display: flex;    align-items: center;  width: calc(100% - 39% - 62px);}
header .nav ul{ display: flex;     align-items: center;  width: 100%; }
header .nav ul li{ margin: 0 1% 0 0; padding: 0 1%; }

header .nav ul li > a{ font-size: 18px; font-weight: normal; display: block; color: #fff;  height: 100px;   line-height: 100px; position: relative; transition:all ease 0.35s; padding: 0 10px 0 10px;}
header .nav ul li:nth-child(2) > a{ padding: 0 30px 0 10px}
header .nav ul li:nth-child(2) > a::after{content: "▶"; position: absolute ;  right:10px; color: #fff; font-size: 12px; }

header .nav ul li:nth-child(4) > a{ padding: 0 30px 0 10px}
header .nav ul li:nth-child(4) > a::after{content: "▶"; position: absolute ;  right:10px; color: #fff; font-size: 12px; }

header .top{  width:24%;  height: 100%;    display: flex;    align-items: center;      justify-content: space-between;}
header .top .ss{ background: #0690cf; height: 100%;    display: flex;    align-items: center; width: 20%;     justify-content: center;}
header .top .top_tel {    background: #d9221a;    color: #fff;    height: 100%; width: 100%;     display: flex;    align-items: center;    justify-content: center; }
header .top .top_tel span{  font-size: 28px;  }

.en_cn{ position: relative;   height: 100%;    line-height: 100%;   display: flex; align-items: center;  width: 20%;}
.en_cn .en_a { background: #fff; border-radius: 50px;  height: 42px ; width:  42px; text-align: center; line-height: 40px; display: table;  font-size: 18px; font-weight: 600; color: #02396d; cursor: pointer;}
.en_cn .xl{ position: absolute; top: 100%;     background: #fff;    z-index: 999;    padding: 10px;    width: 200%; opacity: 0; transition:all ease 0.35s; transform: translateX(15px);     visibility: hidden;}
.en_cn .xl a{ line-height: 24px; font-size: 14px;  display: block;  padding: 0 0 0 30px;  }
.en_cn:hover .xl {  transform: translateX(-30%);   opacity: 1; overflow: auto; visibility: inherit;    -ms-transform: none;    -o-transform: none;       opacity: 1;    filter: alpha(opacity=100);}
.en_cn .xl a.en_en{ background: url(../images/en.png) no-repeat left center; background-size: 20px;   }
.en_cn .xl a.cn_cn{ background: url(../images/cn.png) no-repeat left center; background-size: 20px;   }


header .nav ul li.on {   background: #d9221a;  }

header .nav .nav1{
	position: absolute; top: 100%; background: #fff;  z-index: 999;    padding: 0px; opacity: 0; transition:all ease 0.35s; transform: translateY(15px);     visibility: hidden;
	width:120px;
}
header .nav .nav1 a{ line-height:32px; font-size: 14px;  display: block;  padding: 0 0 0 0px;  text-align: center;}
header .nav ul li:hover>.nav1 {  transform: translateY(0%);   opacity: 1; overflow: auto; visibility: inherit;    -ms-transform: none;    -o-transform: none;       opacity: 1;    filter: alpha(opacity=100);}

header .nav .nav2{ position: absolute; top: 150px; left: 0; width: 100%; z-index: 9999;    background: hsl(0deg 0% 0% / 60%); opacity: 0; transition:all ease 0.35s; transform: translateY(15px);     visibility: hidden;  }
header .nav .nav2 .w{ display: flex; padding: 40px 0 40px; flex-wrap: wrap;}
header .nav .nav2 .w a{ width:20%; }
header .nav .nav2 .w a img{ border-radius: 100px; display: block; text-align: center;     text-align: center;    margin: 0 auto; width:40%; }
header .nav .nav2 .w a p{  font-size: 16px; line-height: 24px; color: #fff; text-align: center; padding: 20px 8%; }
header .nav ul li:hover .nav2{ top: 100px; opacity: 1; -webkit-transform: none; visibility: inherit;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 1;
    filter: alpha(opacity=100);
    }


.banner{position: relative; align-items: center;    text-align: center; display: flex; justify-content: center;}
.banner1 img{ width: 100%;  }
.banner_title{ position: absolute; left: 0; right: 0; margin: 0 auto; }
.banner_title h2{ font-size: 56px; color: #fff; margin: 0 auto 20px;}
.banner_title p{ font-size: 18px; color: #fff;background: url(../images/dq.png) no-repeat left center; background-size: 20px; padding: 0 0 0 24px; display: table;  margin: 0 auto;}
.banner_title a{ font-size: 18px; color: #fff; margin:  0 8px;  }


.banner .swiper {      width: 100%;      height: 100%;    }
.banner .swiper-slide {      text-align: center;      font-size: 18px;      background: #fff;      display: flex;      justify-content: center;      align-items: center;    }
.banner .swiper-slide img {      display: block;         object-fit: cover;    }

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: #02396d!important;
}
.swiper-pagination-bullet {
    width: 12px!important;
    height: 12px!important;
}
.swiper-pagination{ bottom:30px!important;   }


.sub{ position: fixed; top: 100px; z-index: 9999; width: 100%; background: #fff; border-top: 1px solid #0690cf; padding: 30px 0 ;  display: none;   }
.sub form { position: relative;  border: 1px solid #ccc;  padding: 0px 0 0 20px; border-radius: 50px;     width: 30%; display: flex;    justify-content: space-between;     margin: 0 auto;}
.sub form input{ line-height: 36px; border: none; width: 90%;   }
.sub button{ border: none; background: #0690cf;  border-radius: 0  50px 50px 0; cursor: pointer;}
.sub button img{ width: 60%;}
header{ display: flex;}
.m_header{ display: none;}
#menu{ display: none;}

@media screen and (max-width: 1600px){
	header .top .top_tel span{  font-size: 32px;  }
}
@media screen and (max-width: 1400px){
	header{ height: 80px;}
	header .logo{ width: 14%; margin: 0 0%;}
	header .nav{  width: calc(100% - 26%);}
	header .nav ul li{ margin: 0 1%;}
	header .nav ul li a{ font-size: 16px;     line-height: 80px; height: 80px;}
	header .top{ width:30%;}
	header .top .lj a{ display: none;}
	
	header .top .ss img{ width: 75%; }
	header .top .top_tel span{  font-size: 		18px;  }
	.banner_title h2{ font-size: 24px; }
	.banner_title a {    font-size: 14px;    color: #fff;    margin: 0 8px;}
	.en_cn .en_a{ width: 40px; height: 30px; }
	
}

@media screen and (max-width: 1024px){
	.header{ height: 60px;  }
.sub {    position: fixed;    top: 80px;}
	header .nav{  width: calc(100% - 34%);}
	        header .top{width: 14%;}
	        header .top .ss img{ width: 50%; }
	header .top .ss{ width: 100% }
	.en_cn{ width: 100% }
header .top .top_tel{ display: none; }
	.banner_title h2{ font-size: 24px; color: #000; margin: 0 auto 8px;}
	.banner_title p{ display: none; }
	.banner_title a{ font-size: 14px; color: #fff; margin:  0 8px;  }

	.banner .swiper-slide img{max-width:100%}
	
}
@media screen and (max-width: 940px){
	header{ display: none;}
	.banner_title h2{ font-size: 16px; color: #fff; margin: 0 auto 0px;         width: 100%;}
	.m_header{  height: 60px; display: flex; align-items: center;justify-content: space-between; background: #0690cf; position: fixed;         top: 00;        width: 100%;  z-index: 999}
	.m_header .logo{ width: 24%; margin: 0 0 0 3%; }
	.m_header img{ height: 30px; margin: 0 auto ; display: block;}
	
	.nav_wap {    width: 60px;    height: 60px;    cursor: pointer;  position: relative; background: #0690cf;}
	.nav_wap span{display:block;background-color:#fff;width:36px;height:3px;position:absolute;right:10px;transition:all ease 0.35s;border-radius: 5px;}
	.nav_wap span:nth-of-type(1){top:15px}
	.nav_wap span:nth-of-type(2){top:27px}
	.nav_wap span:nth-of-type(3){top:39px}
	.nav_wap_se span:nth-of-type(1){top:26px;transform:rotate(45deg)}
	.nav_wap_se span:nth-of-type(2){width:0}
	.nav_wap_se span:nth-of-type(3){top:26px;transform:rotate(-45deg)}
	
	#menu{ position: fixed; top: 60px; width: 100%; z-index: 9999; background: #fff; border-top: 2px solid #0690cf; text-align: center; padding: 0 0 30px;}
	#menu a{ line-height: 56px; border-bottom: 1px solid #ccc; width: 90%; margin:  0 auto; display: block; font-size: 18px;}
	#menu .en_cn a{ width: auto;  padding: 0 0 0 30px;  }	
	#menu .en_en{ background: url(../images/en.png) no-repeat left center; background-size: 20px;   }
	#menu .cn_cn{ background: url(../images/cn.png) no-repeat left center; background-size: 20px;   }


	
	}




.daode1 { padding: 80px 0 ; }
.daode1 h3{ font-size: 48px;  text-align: center; font-weight: 300; line-height: 64px; }
.daode1 p{ font-size: 18px;  text-align: center; font-weight: 100; line-height: 32px; margin: 24px 0 60px; }
.daode1 h2{ font-size: 36px;  text-align: center; font-weight: 1500; padding: 0 0 15px; }

.daode1 .pro_fl{ display: flex;  flex-wrap: wrap;   justify-content: space-between; }
.daode1 .pro_fl a{ width: 30%; margin: 0 0 30px;  background: #ececec; color: #000;}
.daode1 .pro_fl a:hover{ margin: 0 0 30px;  background: #d9221a;  color: #fff;}
.daode1 .pro_fl .ico{ overflow: hidden;  }
.daode1 .pro_fl .ico img{ width: 100%; transition: all 0.5s ease;}
.daode1 .pro_fl .ico:hover img {    transform: scale(1.1);    }
.daode1 .pro_fl .txt{   text-align: center;  line-height: 54px;  font-size: 20px;  overflow: hidden; /* 隐藏溢出部分 */  white-space: nowrap; /* 防止文字换行 */   text-overflow: ellipsis; /* 显示省略号 */     padding: 0 11px;} 

.daode1 .pro_gd{ line-height: 36px; margin: 0 auto; display: table; padding: 0 30px; background: #ccc; border-radius: 10px; transition:all ease 0.35s;  }
.daode1 .pro_gd a{ font-size: 18px; color: #fff; }
.daode1 .pro_gd i{    display: inline-block; transition:all ease 0.35s;}
.daode1 .pro_gd:hover a{ color: #fff;   }
.daode1 .pro_gd:hover{ background: #0690cf;  color: #fff;  }
.daode1 .pro_gd:hover i{ transform: translateX(8px);  }

@media screen and (max-width: 1400px){

	.daode1 { padding: 40px 0 ; }
	.daode1 h3{ font-size: 24px;  text-align: center; font-weight: 300; line-height:32px; }
	.daode1 p{ font-size: 16px;  text-align: center; font-weight: 100; line-height: 24px; padding: 8px 0 15px; }
	.daode1 h2{ font-size: 24px;  text-align: center; font-weight: 1500; padding: 0 0 15px; }
}
@media screen and (max-width: 768px){
	
	.daode1 .pro_fl{ display: flex;    justify-content: space-between;        flex-wrap: wrap; }
	.daode1 .pro_fl a{ width: 48%;  }
	.daode1 .pro_fl .txt{ font-size: 14px;  line-height: 32px;}
}



.daode4 {background: #fff url(../images/bj2.jpg) no-repeat center / cover fixed; padding: 90px 0 ;}
.daode4 .ade_cont{ display: flex;     justify-content: space-between;}
.daode4 h3{ font-size: 48px;  text-align: center; font-weight: 300; line-height: 64px; color: #FFF; text-align: left; }
.daode4 a{  margin: 50px 0 30px; display: table; height: 70px; line-height: 70px; padding: 0 48px; font-size: 32px; color: #fff; background:#d9221a; }

.daode4 .ade_cont .ade_txt{ width: 65%; font-size: 18px; color: #fff; line-height: 34px; }
.daode4 .ade_cont .ade_img{ width: 35%; text-align: center;}
.daode4 .ade_cont .ade_img img{ width:90%; margin: 0 auto; }



@media screen and (max-width: 1024px){
	.daode4 {background: #fff url(../images/bj2.jpg) no-repeat center / cover fixed; padding: 90px 0 ;}
.daode4 h3{ font-size: 32px;  text-align: center; font-weight: 300; line-height: 42px; color: #FFF; text-align: left; }
.daode4 a{  margin: 30px 0 20px; display: table; height: 40px; line-height: 40px; padding: 0 28px; font-size: 20px; color: #fff; background:#0690cf; }
.daode4 .ade_cont .ade_txt{ width: 100%; font-size: 14px; color: #fff; line-height: 24px; }
.daode4 .ade_cont .ade_img{ display: none; }
}


.daode5 { padding:70px 0 120px; }
.daode5 h3{ font-size: 48px;  text-align: center; font-weight: 300; line-height: 64px; }
.daode5 p{ font-size: 18px;  text-align: center; font-weight: 100; line-height: 32px; margin:40px 0 60px; }

.daode5 ul{  display: flex;     flex-wrap: nowrap;     justify-content: space-between;}
.daode5 ul li{  width: calc((100% - 80px) / 4); padding: 0px 10px;  }
.daode5 ul li .ico{ text-align: center; }
.daode5 ul li .ico img{ width: 100%; }
.daode5 ul li .txt{background: #0690cf; }
.daode5 ul li .txt h2{ font-size: 20px; text-align: center; color: #Fff; padding: 20px 0;}


@media screen and (max-width: 1024px){
	
	
.daode5 { padding: 70px 0 ; }
.daode5 h3{ font-size: 36px;  text-align: center; font-weight: 300; line-height: 42px; }
.daode5 p{ font-size: 16px;  text-align: center; font-weight: 100; line-height: 24px; margin:20px 0 30px;  }	
.daode5 ul{  display: flex;     flex-wrap: wrap;     justify-content: space-between;}
.daode5 ul li{  width: calc((100% - 40px) / 2); padding: 0px 10px; margin: 0 0 20px; }	
.daode5 ul li .txt h2{ font-size: 14px; text-align: center; color: #Fff; padding: 10px 0;}
}


.daode6 {background: #0690cf ; padding: 50px 0 80px;}
.daode6 h3{ font-size: 48px;  text-align: center; font-weight: 300; line-height: 64px;  color: #Fff; }
.daode6 .w > p{ font-size: 18px;  text-align: center; font-weight: 100; line-height: 44px; padding: 15px 0 50px; color: #fff; }

.daode6 ul{  display: flex;     flex-wrap: nowrap;}
.daode6 ul li{  width: calc(25%);display: flex;    flex-wrap: wrap;    justify-content: center; position: relative;     align-items: center;}
.daode6 ul li::after{ content: ""; position: absolute; width: 1px; height: 60%; background: #fff; right: 0; }
.daode6 ul li:nth-child(4)::after{ display: none;}
.daode6 ul li .number{ display: flex; color: #fff; text-align: center; font-size: 76px; font-family:"Arial";font-weight: 500;position:relative;    align-items: center;  }
.daode6 ul li .txt{ width: 100%; color: #fff; text-align: center; font-size: 14px;  }
.daode6 ul li:nth-child(3) .number::after{ content: "+"; position: absolute; right: -40px; font-size: 64px; }
.daode6 ul li:nth-child(4) .number::after{ content: "+"; position: absolute; right: -40px;  font-size: 64px; }

@media screen and (max-width: 1024px){
.daode6 ul{  display: flex;     flex-wrap: wrap;}
.daode6 h3{ font-size: 24px;  text-align: center; font-weight: 300; line-height: 28px; }
.daode6 p{ font-size: 16px;  text-align: center; font-weight: 100; line-height: 24px; padding: 8px 0 15px; }	
.daode6 ul li{  width: calc(50%); padding: 20px 0px;  }
.daode6 ul li:nth-child(2n)::after{ display: none;}
	.daode6 ul li .number{font-size: 48px;}
}



.daode7 { padding: 80px 0 ; }
.daode7 h3{ font-size: 48px;  text-align: center; font-weight: 300; line-height: 64px; }
.daode7 p{ font-size: 18px;  text-align: center; font-weight: 100; line-height: 44px; padding: 15px 0 26px; }
.daode7 .ade_news_list{ display: flex;     justify-content: space-around;}
.daode7 .ade_news{ width: 30%; }
.daode7 .ade_news_a{ border: 2px solid #fff;     display: block;}
.daode7 .ade_news .ico{ overflow: hidden; border-bottom: none;}
.daode7 .ade_news .ico img{ width: 100%; }
.daode7 .ade_news .date{ background: #626770 url(../images/news_jt.png) no-repeat right 15px center; line-height: 66px; padding: 0 15px; font-size: 20px; color: #Fff; }
.daode7 .ade_news p{ font-size: 20px; text-align: left; line-height: 24px; border-bottom: 2px solid #0690cf;}

.daode7 .ade_a{ line-height: 32px; background: #0690cf; border-radius: 50px; display: table; font-size: 14px; color: #Fff; width: 40%; text-align: center; margin: 30px auto; transition:all ease 0.35s; }
.daode7 .ade_news_a:hover{  border: 2px solid #0690cf;  }
.daode7 .ade_news_a:hover .date{ background: #0690cf url(../images/news_jt.png) no-repeat right 15px center;}

@media screen and (max-width: 1024px){
	.daode7 { padding: 40px 0 ; }
	.daode7 h3{ font-size: 32px;  text-align: center; font-weight: 300; line-height: 32px; }
	.daode7 p{ font-size: 18px;  text-align: center; font-weight: 100; line-height: 21px; padding: 15px 0 26px; }
	.daode7 .ade_news_list{ display: flex;    justify-content: space-between;        flex-wrap: wrap; }
	.daode7 .ade_news_list .ade_news{ width: 100%; margin: 0 0 20px; }
	.daode7 .ade_news .date{ background: #626770 url(../images/news_jt.png) no-repeat right 15px center; line-height: 66px; padding: 0 15px; font-size: 16px; color: #Fff; }
	.daode7 .ade_news p{ font-size: 16px; text-align: left; line-height: 24px; border-bottom: 2px solid #0690cf;}
	.daode7 .ade_a{ ;line-height: 32px; background: #0690cf; border-radius: 50px; display: table; font-size: 18px; color: #Fff; width: 40%; text-align: center; margin: 30px auto; transition:all ease 0.35s; }
}

.link { padding: 80px 0 ; background: #ededed ;  }
.link h3{ font-size: 48px;  text-align: center; font-weight: 300; line-height: 64px; }
.link p{ font-size: 18px;  text-align: center; font-weight: 100; line-height: 44px; padding: 15px 0 26px; }
.link .link_list{  width: calc((100% - 60px) / 4);  margin: 0 20px 20px 0; float: left;}

.link .link_list:nth-child(4n){  margin: 0 0 20px 0;}
.link .link_list img{max-width:100%}

@media screen and (max-width: 1024px){
	.link { padding: 40px 0 ; }
	.link h3{ font-size: 32px;  text-align: center; font-weight: 300; line-height: 32px; }
	.link p{ font-size: 18px;  text-align: center; font-weight: 100; line-height: 21px; padding: 15px 0 26px; }
	.link .ade_news_list{ display: flex;    justify-content: space-between;        flex-wrap: wrap; }
	.link .link_list{  width: calc((100% - 10px) / 2);  margin: 0 10px 10px 0; float: left;}
	.link .link_list img{ width: 100%;  }
	.link .link_list:nth-child(2n){  margin: 0 0 10px 0;}
}


footer{ background: #c8c9ca; padding: 100px 0 00px;}
footer .f_logo { margin: 0 0 50px;min-width: 80% }
footer .f_logo img{ max-width: 100%;   }
footer .f_cont{    display: flex;    justify-content: space-between;}

.f_cont_li{ width:35%;  }
.f_cont .f_cont_li:nth-child(1) p{ font-size: 16px; color: #000; line-height: 24px;  }
.f_cont .f_cont_li:nth-child(1) .f_lj{ padding: 30px 0 25px;  }
.f_cont .f_cont_li:nth-child(1) .f_lj a{ margin: 0 20px 0 0;}
.f_cont .f_cont_li:nth-child(1) .f_tel{ border: 1px solid #0690cf; display: flex;     justify-content: flex-start;;    align-items: center; margin-top:12px;}
.f_cont .f_cont_li:nth-child(1) .f_tel p{ font-size: 28px; line-height: 48px;   padding: 0 0 0 30px ; }
.f_cont .f_cont_li:nth-child(1) .f_tel .f_img{ text-align: center; width: 25%; background: #0690cf;  height: 100%;     padding: 24px 0;}

.f_cont .f_cont_li2{width: 62%;}
.f_cont .f_cont_li2 h2{font-size: 21px;    font-weight: bold;    text-transform: uppercase;    margin-bottom: 20px; color: #0690cf;   }
.f_cont .f_cont_li2 a{font-size: 16px;    line-height: 32px; color: #000; width: calc(33.33% - 10px); display: table;  float: left; padding: 0 0 0 0px; position: relative; }
.f_cont .f_cont_li2 a::before {    content: "●";    font-size: 16px;    color: #0690cf;    margin-right: 7px;}

.f_cont .f_cont_li2 h3{font-size: 21px;    font-weight: bold;    text-transform: uppercase;    margin-bottom: 20px; color: #fff;  margin-top: 50px; }
.f_cont .f_cont_li2 .ywy{color: #fff; width: calc(33.33% - 10px); display: table;  float: left; padding: 0 0 0 0px; position: relative; display: flex; margin: 0 0 20px; }
.f_cont .f_cont_li2 .ywy img{ margin: 0 8px 0 0;  border-radius: 10px; }
.f_cont .f_cont_li2 .ywy span{ font-weight: bold; font-size: 16px; line-height: 23px; display: block; }
.f_cont .f_cont_li2 .ywy p{ font-size: 16px; line-height: 23px;   }

.f_cont .f_cont_li:nth-child(n+2){ width:calc(22% - 50px); margin: 0 0 0 50px;    }
.f_cont .f_cont_li:nth-child(n+2) h2{  color: #fff; font-size: 24px; margin: 0 0 30px 0;  } 
.f_cont .f_cont_li:nth-child(n+2) a{ color: #fff; font-size: 18px; line-height: 36px; display: table;     overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}

.foot{ border-top: 1px solid hsla(0,0%,100%,0.20);  line-height: 74px;  color: #fff; margin: 80px 0 0 ;}
.foot p{ font-size: 16px; color: #000; opacity: 0.8;}
.foot p a{color:#000;}
.foot p a.s{float:right;}

@media screen and (max-width: 1400px){

	.foot{ border-top: 1px solid hsla(0,0%,100%,0.20);  line-height: 24px;  color: #fff; margin: 80px 0 0 ;}
}

@media screen and (max-width: 1024px){
	footer .f_logo { margin: 0 0 50px;min-width: 80% }
footer .f_logo img{ width: 50%;   }
	footer{ background: #425066; padding: 50px 0 00px;}
	.f_cont .f_cont_li:nth-child(1) p{color:#fff;}
	footer .f_logo { margin: 0 0 30px;min-width: 80% }
		.f_cont .f_cont_li:nth-child(1) .f_tel .f_img img{ width: 50%; }
		.f_cont .f_cont_li:nth-child(1) .f_tel p{ font-size: 16px; line-height: 32px;   padding: 0 0 0 30px ; }

		.f_cont .f_cont_li:nth-child(3){ display: none;  }
		.f_cont .f_cont_li:nth-child(2){ display: none;  }
		.f_cont .f_cont_li:nth-child(4){ width: 30%;   }
		.f_cont .f_cont_li:nth-child(1) p{font-size: 14px;}
		.foot p{ font-size: 12px; color:#fff;}
		.foot p a{color:#fff;}
		footer .f_cont {    display: flex;    justify-content: space-between;    flex-wrap: wrap;}
		.f_cont .f_cont_li {    width: 100%;}
		.f_cont .f_cont_li2 {    width: 100%;  margin: 50px 0 0 ;}
}
@media screen and (max-width: 768px){
	.f_cont .f_cont_li2 a{font-size: 16px;    line-height: 32px; color: #fff; width: calc(50% - 10px); display: table;  float: left; padding: 0 0 0 0px; position: relative; }
.f_cont .f_cont_li2 .ywy p{ font-size: 12px; line-height: 23px;   }
.f_cont .f_cont_li2 a{font-size: 12px;   }
	.f_cont .f_cont_li2 .ywy{color: #fff; width: calc(50% - 10px); display: table;  float: left; padding: 0 0 0 0px; position: relative; display: flex; margin: 0 0 20px; align-items: center; }
    .f_cont .f_cont_li:nth-child(1) .f_tel .f_img img {
        width: 50%;
    }
}


.productfenlei{margin: 60px 0;}
.productfenlei .pro_fl{ display: flex;  margin: 30px 0 ; background: #ececec;    }
.productfenlei .pro_fl:nth-child(2n){     flex-direction: row-reverse; }
.productfenlei .pro_fl .ico{ width: calc(45%); border: 5px solid #0690cf; overflow: hidden;  }
.productfenlei .pro_fl .ico img{ width: 100%;  transition: all 0.5s ease; }
.productfenlei .pro_fl .ico:hover img {    transform: scale(1.1);    }
.productfenlei .pro_fl .pro_cont { width: 50%; padding:3% 3% 3% 5%;}
.productfenlei .pro_fl .pro_cont h2{font-size: 28px;    font-weight: bold;    color: #02396d; text-align: left; margin:  0 0 10px; }
.productfenlei .pro_fl .pro_cont p{    font-size: 16px;    color: #737373;    line-height: 24px;    margin-bottom: 25px;}

.pro_mun{ display: flex;   flex-wrap: wrap;}
.pro_mun span{ display: block; width: 45%; font-size: 16px; line-height: 24px; position: relative; white-space: nowrap; /* 防止文字换行 */
  overflow: hidden; /* 隐藏溢出的内容 */
  text-overflow: ellipsis; /* 显示省略号 */}
.pro_mun span:before {    content: "●";    font-size: 16px;    color: #02396d;    margin-right: 7px;}
.pro_mun span:nth-child(2n-1){ margin: 0 3% 0 0 }

@media screen and (max-width: 1400px){
	.productfenlei .pro_fl .pro_cont h2{font-size:20px;    font-weight: bold;    color: #02396d; text-align: left; margin:  0 0 10px; }
	.productfenlei .pro_fl .pro_cont p{    font-size: 14px;    color: #737373;    line-height: 24px;    margin-bottom: 25px;}
	.pro_mun span{ display: block; width: calc((100% - 20px)/2 ); font-size: 14px; line-height: 24px; position: relative; margin: 0 20px 20px 0; }
.pro_mun span:before {    content: "●";    font-size: 14px;    color: #02396d;    margin-right: 7px;}
.pro_mun span:nth-child(2n){ margin: 0 0 20px 0; }
}

@media screen and (max-width: 900px){
	.productfenlei .pro_fl{ display: flex; flex-wrap: wrap; }
	.productfenlei .pro_fl:nth-child(2n){        flex-direction: row;}
	.productfenlei .pro_fl .ico{ width: calc(100%); border: 5px solid #0690cf; overflow: hidden;  }
	.productfenlei .pro_fl .pro_cont { width: 100%; padding: 30px}
}



.prolist_fl{    background: #e1e1e1;    padding: 35px 0 15px;}
.prolist_fl ul{ display: flex;  -ms-flex-wrap: wrap;    flex-wrap: wrap;    list-style-type: none;    padding: 0;    margin-bottom: 0;}
.prolist_fl ul li{    margin-right: 20px;    color: #626262;    min-width: 190px;    margin-bottom: 20px;}
.prolist_fl ul li a{    padding: 12px 10px;    color: #ffffff;    display: block;    text-align: center;    background: #0690cf;    font-size: 18px;    border-radius: 50px;    overflow: hidden;}
.prolist_fl ul li:hover a {    color: #ffffff;    background: #828282;}
.prolist_fl ul li.on a {    color: #ffffff;    background: #828282;}

.prolist_fl2 { background:#fff; }
.prolist_fl2 ul{display: flex;    -ms-flex-wrap: wrap;    flex-wrap: wrap;    list-style-type: none;    padding: 0;    margin-bottom: 0; border-bottom: 1px solid #e0e0e0;}
.prolist_fl2 ul li{display: flex;    align-items: center;    position: relative;    margin-right: 20px;}

.prolist_fl2 ul li a:before { content: "●"; font-size: 16px;color: #999;margin-right: 7px;}
.prolist_fl2 ul li a{ color: #999;font-size: 16px;line-height: 24px; padding: 25px 15px; width: 100%;display: block; position: relative;}
.prolist_fl2 ul li.on a { color: #0690cf; font-weight: bold;}
.prolist_fl2 ul li.on a:before { color: #0690cf;}
.prolist_fl2 ul li a:hover{color: #0690cf; }
.prolist_fl2 ul li a:hover:before { color: #0690cf;}

.productlist{margin: 60px 0;}


@media screen and (max-width: 900px){
	.prolist_fl{    background: #e1e1e1;    padding: 15px 0 0;}
	.prolist_fl ul li{margin-bottom: 15px; width: 45%;  margin-right: 2%; min-width: auto; }
	.prolist_fl ul li:nth-child(2n){ margin-right: 0 }
	.prolist_fl ul li a{ font-size: 14px; } 
	.prolist_fl2 ul li a{ padding: 0px 5px; font-size: 14px; line-height: 32px;}

}

.productlist .w{     display: flex;    -ms-flex-wrap: wrap;    flex-wrap: wrap; padding: 0 -15px 0 -15px;}
.productlist .w a{ padding: 0 15px; width: calc(25% - 30px);  margin:  0 0 40px; display: block; }
.productlist .w a .ico{border: 2px solid #0690cf;    border-bottom: 0; overflow: hidden;}
.productlist .w a .ico img{ width: 100%;  transition: all 0.5s ease; }
.productlist .w a .ico:hover img {    transform: scale(1.1);    }
.productlist .w a .txt{    background: #0690cf;    display: flex;    align-items: center;    height: 50px;    justify-content: space-between;    padding-left: 15px;}
.productlist .w a .txt {    font-size: 16px;    color: #fff;}

@media screen and (max-width: 1200px){
	
	.productlist .w a{ padding: 0 15px; width: calc(33.3333% - 30px);  margin:  0 0 40px; display: block; }
	.productlist .w a .txt{ height: 42px; font-size: 12px;}
}
@media screen and (max-width: 768px){
	
	.productlist .w a{ padding: 0 5px; width: calc(50% - 10px);  margin:  0 0 40px; display: block; }
	.productlist .w a .txt{ height: 32px; }
}

/*.page{ display: flex;    justify-content: center;  margin:  40px 0;}
.page a{ padding: 8px 14px ; color: #444;    background-color: #fff;    border: 1px solid #dee2e6;}
.page a.page-num-current{color: #fff;    background-color: #0690cf;    border-color: #0690cf;}
.page a:hover{color: #fff;    background-color: #0690cf;    border-color: #0690cf;}*/


.xg_pro .xg_tit{    background: #0690cf;    color: #fff;    padding: 13px 16px;    font-size: 18px;    margin-bottom: 0;    overflow: hidden;    border-radius: 10px 10px 0 0;}
.xg_pro .xg_list{     display: flex;    -ms-flex-wrap: wrap;    flex-wrap: wrap; padding: 0 -15px 0 -15px;  margin-bottom: 50px; }
.xg_pro .xg_list{    padding: 20px;    border-left: 1px solid #0690cf;    border-right: 1px solid #0690cf;    border-bottom: 1px solid #0690cf;    overflow: hidden;}
.xg_pro .xg_list a{ padding: 0 15px; width: calc(25% - 30px);  margin:  0 0 0px; display: block; }
.xg_pro .xg_list a .ico{border: 2px solid #0690cf;    border-bottom: 0; overflow: hidden;}
.xg_pro .xg_list a .ico img{ width: 100%;  transition: all 0.5s ease; }
.xg_pro .xg_list a .ico:hover img {    transform: scale(1.1);    }
.xg_pro .xg_list a .txt{    background: #0690cf;    display: flex;    align-items: center;    height: 50px;    justify-content: space-between;    padding-left: 15px;}
.xg_pro .xg_list a .txt {    font-size: 16px;    color: #fff;}

@media screen and (max-width: 1200px){
	
	.xg_pro .xg_list a{ padding: 0 15px; width: calc(50% - 30px);  margin:  0 0 15px; display: block; }
	.xg_pro .xg_list a .txt{ height: 42px;   font-size: 12px; }
	.xg_pro .xg_list {    padding: 5px;}
}


.pro_cont1{ margin: 30px 0 50px; display: flex;     justify-content: space-between;}

.pro_cont_l{ width:95%;  }

.pro_cont1 .pro_tit{  background: #0690cf;    color: #fff;    padding: 13px 16px;    font-size: 18px;    margin-bottom: 0;    overflow: hidden;    border-radius: 10px 10px 0 0;}
.pro_cont1 .pro_cont_l .pro_txt{    padding: 20px;    border-left: 1px solid #0690cf;    border-right: 1px solid #0690cf;    border-bottom: 1px solid #0690cf;    overflow: hidden; font-size: 16px; line-height: 24px;}
.pro_cont1 .pro_cont_r .pro_txt{    padding: 14px;    border-left: 1px solid #0690cf;    border-right: 1px solid #0690cf;    border-bottom: 1px solid #0690cf;    overflow: hidden; font-size: 12px!important; line-height: 24px;}

.pro_cont_r{ width: 22%;   }
.pro_cont_r h3{ overflow: hidden; /* 隐藏溢出部分 */  white-space: nowrap; /* 防止文字换行 */   text-overflow: ellipsis; /* 显示省略号 */ display: block; background: #0690cf; color: #fff; padding: 0 10px; line-height: 32px;}
.pro_cont_r p{ padding: 0 10px;  margin: 0 0 30px; }

.pro_txt{    max-width: 100%;}
.pro_cont1 .pro_cont_l .pro_txt table {
  border-collapse: collapse;
  border: 1px solid #ccc;
  border-radius: 10px; /* 表格圆角 */
  color: #3f3f3f!important;
}
.pro_cont1 .pro_cont_l .pro_txt td, .pro_cont1 .pro_cont_l .pro_txt th {
  border: 1px solid #ccc;
  padding: 8px;
  /*border-radius: 5px;  单元格圆角 */
} 
.pro_cont1 .pro_cont_l .pro_txt img{ max-width: 100%; display: table; margin: 0 auto ; }

@media screen and (max-width: 1200px){
	
	.pro_cont1{ margin: 30px 0 50px; display: flex;     justify-content: space-between; flex-wrap: wrap;}

.pro_cont_l{ width: 100%;  }
.pro_cont_r{ width: 100%;  margin: 40px 0 0; }

}

.product-head{ margin: 50px 0; display: flex; justify-content: space-between;}

.product-head h2{    font-size: 20px;
    font-weight: bold;
    color: #52595d;

    padding-bottom: 10px;
    margin-bottom: 20px;}
  .cloudzoom-zoom{z-index:99}
.product-head .swiper {      width: 100%;       margin-left: auto;      margin-right: auto;    }
.product-head .swiper-slide {      background-size: cover;      background-position: center;    }
.product-head .mySwiper2 {  width: 100%;  border: 4px solid #0690cf;  }
.product-head .mySwiper {      height: 19.3%;      box-sizing: border-box;      padding: 10px 0;  margin:20px 0;}
.product-head .mySwiper .swiper-slide {      width: 25%;      height: 100%;      opacity: 0.4;   border: 1px solid #ccc;}
.product-head .mySwiper .swiper-slide-thumb-active {      opacity: 1;   border: 1px solid #0690cf;  }
.product-head .swiper-slide img {      display: block;      width: 100%;      height: 100%;      object-fit: cover;    }
.product-head .swiper-button-lock{ display: block!important;}
.product-head .swiper-button-next, .product-head .swiper-button-prev{color: #333!important;}
.product-head .swiper-free-mode>.swiper-wrapper{ width: 80%; }

.product-head .product_left{ width:30%;  max-width: 360px;  }
.product-head .product_right{ width:64%;  }
.product-head {    padding: 30px 40px;    background: #f7f7f7;    height: 100%;}
.product-head .product_right .feedback-title{font-size: 20px;    font-weight: bold;    color: #52595d;    text-align: center;    padding-bottom: 10px;    margin-bottom: 20px;}
.product-head .product_right form{    display: flex;    flex-wrap: wrap;    justify-content: space-between;}
.product-head .product_right form > input{ width: calc(50% - 34px);   background: #f2f2f1;    color: #4b4b4b; margin: 0 0 20px; border-radius: 10px; overflow: hidden; padding: 8px 12px;    border: 1px solid #ced4da;    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; line-height: 24px;}
.product-head .product_right form > textarea{ width: 100%;   background: #f2f2f1;    color: #4b4b4b; margin: 0 0 20px; border-radius: 10px; overflow: hidden; padding: 8px 12px;    border: 1px solid #ced4da;    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; line-height: 24px;}
.product-head .product_right .code{ display: flex;    width: 100%; }
.product-head .product_right .code input{ width: calc(60% - 20px);   background: #f2f2f1;    color: #4b4b4b; margin: 0 0 00px; border-radius: 10px; overflow: hidden; padding: 8px 12px;    border: 1px solid #ced4da;    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; line-height: 24px;}

.product-head .product_right form button{ color: #fff; background: #0690cf; border-radius: 10px; font-size: 18px; line-height: 22px; padding: 8px 12px; border: none;  margin: 30px 0 0; width: 50%}



@media screen and (max-width: 1024px){
	.product-head { flex-wrap: wrap;}
	.product-head .product_left{ width:100%; margin: 0 0 70px; }

	.product-head .product_right{ width:100%;  }

}





.jqzoom{
border:1px solid #CCCCCC;
float:left;
position:relative;
padding:0px;
cursor:crosshair;
}
.jqzoom{
float:left;
}


div.zoomdiv {
z-index                 : 100;
position                : absolute;
top:0px;
left:0px;
width                   : 200px;
height                  : 200px;
background: #ffffff;
border:1px solid #CCCCCC;
display:none;
text-align: center;
overflow: hidden;


}

div.jqZoomPup {
z-index                 : 10;
visibility              : hidden;
position                : absolute;
top:0px;
left:0px;
/*width                   : 50px;

height                  : 50px;
*/
border: 1px solid #aaa;
background: #ffffff url(../images/zoomlens.gif) 50% top  no-repeat;
opacity: 0.3;
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
filter: alpha(Opacity=30);
}

div#wrapper {
	width : 970px;
	padding: 0px;
	margin: 0 auto;
	text-align: left;
}
div#header {
	width : 100%;
	clear : both;
	margin: 0 auto;
	height: 117px;
}
div#header a {
	float: left;
	text-decoration: none;
}
div#header a#version {
	float: left;
	margin-left: 10px;
}
div#maincontent {
	width : 970px;
	float: left;
	margin: 0px;
	padding: 5px;
}
div#maincontent p {
	float: left;
	width: 970px;
	clear: both;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px;
}
div#maincontent xmp {
	float: left;
	width: 970px;
	clear: both;
	white-space: pre;
	white-space: -moz-pre-wrap;
	word-wrap: break-word;
	margin-top: 5px;
	margin-bottom: 5px;
}
span.code {
	float: left;
	border: 1px dotted #99CC00;
	background-color: #E6FF97;
	clear: both;
	width: 970px;
}
span.tozoom {
	float: left;
	width: 420px;
	margin: 5px;
}
span.tozoom img {
	border: 1px solid #EEEEEE;
}
fieldset {
	float: left;
	clear: both;
	width: 400px;
	padding: 0px;
	margin-left: 300px;
	border: 1px solid #CCCCCC;
}
fieldset a {
	float: left;
	width: 80px;
}



.news{  }
.news_list{    border-bottom: 1px dashed #c4c4c4;	margin: 30px 0;     margin-bottom: 30px;    padding: 0px 0 30px;    display: flex;    justify-content: space-between;
    align-items: center;    background: #fff;}
.news_list .ico{ width: 40% ; overflow: hidden;  }
.news_list .ico img { width: 100%;  transition: all 0.5s ease; }
.news_list .ico:hover img {    transform: scale(1.1);    }

.news_list .text{width: 70%; padding: 0 40px;}
.news_list .text h3{ margin-bottom: 10px; line-height: 30px; font-size: 21px;font-weight: bold; color: #1c1c1c;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news_list .text p{font-size: 18px; color: #1c1c1c; margin-bottom: 25px;}
.news_list time{font-size: 15px;color: #bb3e0e; }
.news_list .text h3 a:hover{color:#0690cf;transition: all 0.3s; }

@media screen and (max-width: 1024px){
	.news_list .ico{ display: none; }
}


.news{margin: 60px 0;}
.news .news_cont{}
.news .news_cont h2{    font-size: 24px;    color: #000;    text-align: center;}
.news .news_cont .info{ display: flex; justify-content: center; padding-bottom: 20px; text-align: center; margin: 30px 0; border-bottom: 1px dashed #000; }
.news .news_cont .info span{ display: table; margin: 0 1%; font-size: 15px;  color: #595959; }

.news .news_cont .t{    padding: 0 50px; margin: 20px 0 80px; font-size:16px; line-height:2em;}
.content-other{background: #e3e3e3;padding: 25px; font-size: 16px;color: #0690cf;}
.content-other a{color: #3d3d3d;}
.content-other a:hover{ color: #0690cf;transition: all 0.3s; }



.about1{background: #fff url( ../images/combg.jpg) no-repeat center / cover fixed;   padding:70px                                                       ;}
.about1 h2{font-size: 30px;    color: #494946;    margin-bottom: 20px;   }
.about1 x> span{color: #000;    font-style: italic;     font-size: 18px;    margin-bottom: 30px; display: block; }
.about1 .t{    font-size: 18px;    line-height: 36px;    color: #494949;    }

.about2{background: #fff url( ../images/new-hmsearch.jpg) no-repeat center / cover fixed; padding: 70px 0 ;}
.about2 h3{ font-size: 58px;  text-align: center; font-weight: 300; line-height: 64px; color: #Fff; }
.about2 p{ font-size: 24px;  text-align: center; font-weight: 100; line-height: 44px; padding: 15px 0 26px; color: #Fff; }
.honor_list .swiper-slide img{ width: 100%;}

.honor_list .swiper-container {      width: 100%;      height: 100%;  overflow: hidden;   }
.honor_list .swiper-slide {      text-align: center;      font-size: 18px;      background: #fff;
      /* Center slide text vertically */      display: -webkit-box;      display: -ms-flexbox;      display: -webkit-flex;      display: flex;      -webkit-box-pack: center;      -ms-flex-pack: center;      -webkit-justify-content: center;      justify-content: center;      -webkit-box-align: center;      -ms-flex-align: center;
      -webkit-align-items: center;      align-items: center;    }
@media screen and (max-width: 1024px){
	.about2 h3{ font-size: 42px;  text-align: center; font-weight: 300; line-height: 42px; color: #Fff; }
	.about2 p{ font-size:16px;  text-align: center; font-weight: 100; line-height: 24px; padding: 15px 0 26px; color: #Fff; }
	.about1{background: #fff url( ../images/combg.jpg) no-repeat center / cover fixed;   padding:70px 30px 30px                                                       ;}
	.about1 h2{font-size: 30px;    color: #494946;    margin-bottom: 20px;   }
	.about1 span{color: #000;    font-style: italic;     font-size: 18px;    margin-bottom: 30px; display: block; }
	.news .news_cont .t{    padding: 0 10px; margin: 20px 0 80px; }
}



.about3{background: #fff; padding: 70px 0 ; }
.about3 h3{ font-size: 58px;  text-align: center; font-weight: 300; line-height: 64px; }
.about3 p{ font-size: 24px;  text-align: center; font-weight: 100; line-height: 44px; padding: 15px 0 26px;  }
.about3_list{ }
.about3 .swiper {      width: 100%;      height: 100%;      margin-left: auto;      margin-right: auto;    }
.about3 .swiper-wrapper {    flex-direction: row!important;}
.about3 .swiper-slide { margin-top: 0!important; margin-bottom: 30px!important;  }
.about3 .swiper-slide img{ width: 100%;}

.about3_list{display:flex;justify-content: space-between;flex-wrap: wrap;}
.about3_item{width:calc((100% - 60px)/4); position: relative; margin-bottom:20px}
.about3_item img{max-width:100%;}

@media screen and (max-width: 1024px){
	
	.about3 h3{ font-size: 32px;  text-align: center; font-weight: 300; line-height: 32px; }
	.about3 p{ font-size: 18px;  text-align: center; font-weight: 100; line-height: 21px; padding: 15px 0 26px; }
	.about3_item{width:calc((100% - 10px)/2)}
}


.about4{background: #ededed; padding: 70px 0; }
.about4 h3{ font-size: 58px;  text-align: center; font-weight: 300; line-height: 64px; }
.about4 p{ font-size: 24px;  text-align: center; font-weight: 100; line-height: 44px; padding: 15px 0 26px;  }
.about4_list{display:flex;justify-content: space-between;flex-wrap: wrap;}
.about4_item{width:calc((100% - 40px)/3); position: relative;}
@media screen and (max-width: 768px){
.about4_item{width:100%; position: relative; margin-bottom:20px}
}





.about4_item img{max-width:100%;}

.indexvideo{position: absolute; left:50%; top:50%; width:80px;    transform: translate(-50%, -50%);}

.ys_videom_video {
    display: none;
    margin: 0 auto
}

.ys_videom_iframebox {
    display: none
}

.ys_videom_btn {
    cursor: pointer
}

.ys_videom {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .84)
}

.ys_videom_container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.ys_videom_close {
    position: absolute;
    right: 0;
    top: -0.5em;
    cursor: pointer;
    z-index: 10;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32px;
    color: #fff;
    height:32px;
    width:32px;
}
.ys_videom_close img{max-width:100%}
.ys_videom_close .iconfont {
    font-size: inherit
}

.ys_videom_content {
    width: 1000px;
    max-width: calc(100vw - 40px);
    max-height: calc(100vh - 80px);
    overflow: auto;
    text-align: center
}

.ys_videom_video {
    max-width: 100%;
    max-height:640px;
    vertical-align: middle;
    background: #000
}

.ys_videom_iframebox {
    text-align: center
}

.ys_videom_iframebox iframe {
    max-width: 100%;
    min-width: 100px;
    min-height: 100px
}

.videoopen{max-width:108px}
.videoopen img{max-width:100%}

@media screen and (max-width:480px) {
    .ys_videom_iframebox iframe {
        max-height: 33vh
    }
    .ys_videom_close{
      width:24px;
    }

    .honor-span{font-size: 14px; line-height:32px;}
    .videoopen{max-width:48px;}
}


.mainpage{background: #fff; padding: 70px 0 ; }
.mainpage h3{ font-size: 58px;  text-align: center; font-weight: 300; line-height: 64px; }
.mainpage p{ font-size: 24px;  text-align: center; font-weight: 100; line-height: 44px; padding: 15px 0 26px;  }
.mainpage .con{text-align:center; font-size: 16px;}

.culturebox{width:100%; display:flex;    flex-wrap: wrap;
    justify-content: space-between;}
.culturebox .cultureimg{width:600px;}
.culturebox .culturecon{width:720px;}
.culturebox .culturecon h3{text-align:left; font-size:32px; font-weight: bold;}
.culturebox .culturecon h4{text-align:left; font-size:20px; margin-bottom:20px;}
.culturebox .culturecon strong{text-align:left; font-size:20px; line-height:36px; margin-top:20px; display: block;}
.culturebox .culturecon p{text-align:left; font-size: 16px; line-height:32px; padding:0px;}

@media screen and (max-width:1280px) {
	.culturebox .cultureimg{width:560px;}
	.culturebox .cultureimg img{max-width:100%}
	.culturebox .culturecon{width:640px;}
}


@media screen and (max-width:768px) {
	.mainpage{padding:32px 0px;}
	.culturebox .cultureimg{width:100%;}
	.culturebox .culturecon{width:100%;}
	.culturebox .culturecon h3{text-align:center; font-size:24px; font-weight: bold;}
	.culturebox .culturecon h4{text-align:center; font-size:16px; margin-bottom:20px;}
	.culturebox .culturecon strong{text-align:left; font-size:18px; line-height:36px;margin-top:20px; display: block;}
	.culturebox .culturecon p{text-align:left; font-size: 14px; line-height:32px; padding:0px;}
}
 
.contact{ padding: 70px 0 ; }
.contact_cont{ display: flex; justify-content: space-between;}
.contact .contact_form { width: 45%; }
.contact .contact_form h3 {    color: #000700;    font-size: 30px;    font-weight: bold; margin: 0 0 30px;}
.contact .contact_form form input{ padding: 20px 12px;background: #f2f2f1;    color: #4b4b4b;    border-radius: 10px;  display: block;    width: calc(100% - 64px);  font-size: 14px;     border: 1px solid #ced4da;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; margin: 0 0 16px;}
.contact .contact_form form textarea{ padding: 20px 12px;background: #f2f2f1;font-family:"Questrial-Regular","Poppins";       color: #4b4b4b;    border-radius: 10px;  display: block;    width: calc(100% - 64px); font-size: 14px;     border: 1px solid #ced4da;    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; margin: 12px 0;}
.contact .contact_form form .code { display: flex;     align-items: center; }
.contact .contact_form form .code input{ width: 50%;  margin: 8px 0 0; }
.contact .contact_form form .code img{ height: max-content;}

.contact .contact_form form button{ color: #fff; background: #0690cf; border-radius: 10px; font-size: 18px; line-height: 22px; padding: 8px 12px; border: none;  margin: 30px 0 0; width: 50%}

.contact_tel{ width: 49%; }
.contact_tel h2{  color: #000700;    font-size: 24px;    font-weight: bold; margin: 30px 0 10px;}
.contact_tel h3{ color:#000e00; font-size:20px; font-weight: bold;}
.contact_tel h4{ color:#6e6e6e; font-size:16px;}
.contact_tel p{ margin-bottom: 8px;    color: #6e6e6e;    font-size: 16px; line-height: 32px;}



@media screen and (max-width: 1024px){
	
	.contact_cont{ display: flex;    justify-content: space-between;    flex-direction: column-reverse;    flex-wrap: wrap;}
	.contact .contact_form { width: 100%; }
	.contact_tel{ width: 100%; margin:  0 0 50px;}

}


.contact{ padding: 70px 0 ; }
.contact_cont{ display: flex; justify-content: space-between;}
.contact .contact_form { width: 45%; }
.contact .contact_form h3 {    color: #000700;    font-size: 30px;    font-weight: bold; margin: 0 0 30px;}
.contact .contact_form form input{ padding: 20px 12px;background: #f2f2f1;    color: #4b4b4b;    border-radius: 10px;  display: block;    width: calc(100% - 64px);  font-size: 14px;     border: 1px solid #ced4da;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; margin: 0 0 16px;}
.contact .contact_form form textarea{ padding: 20px 12px;background: #f2f2f1;    color: #4b4b4b;    border-radius: 10px;  display: block;    width: calc(100% - 64px); font-size: 14px;     border: 1px solid #ced4da;    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; margin: 12px 0;}
.contact .contact_form form .code { display: flex;     align-items: center; }
.contact .contact_form form .code input{ width: 50%;  margin: 8px 0 0; }
.contact .contact_form form .code img{ height: max-content;}

.contact .contact_form form button{ color: #fff; background: #0690cf; border-radius: 10px; font-size: 18px; line-height: 22px; padding: 8px 12px; border: none;  margin: 30px 0 0; width: 50%}

.contact_tel{ width: 49%; }
.contact_tel h2{  color: #000700;    font-size: 24px;    font-weight: bold; margin: 30px 0 10px;}

.contact_tel p{ margin-bottom: 8px;    color: #6e6e6e;    font-size: 16px; line-height: 32px;}



@media screen and (max-width: 1024px){
	
	.contact_cont{ display: flex;    justify-content: space-between;    flex-direction: column-reverse;    flex-wrap: wrap;}
	.contact .contact_form { width: 100%; }
	.contact_tel{ width: 100%; margin:  0 0 50px;}
}
@media screen and (max-width: 768px){
.contact .contact_form form input { width: 90%; }
.contact .contact_form form textarea{ width: 90%; }
}


	.serv{background: #f7f7f7;   }
	.serv_cont{ padding: 50px 0; }
	.serv_cont h3{font-family:"SEO2"; font-size: 58px;  text-align: center; font-weight: 300; line-height: 64px; }
	.serv_cont .wd{    border: 1px solid #dddddd;    padding: 18px;    background: #fff; margin: 30px 0 0 ;}
	.serv_cont .wd .faq-q {  padding: 0em 0.8em 15px; font-size: 20px;font-weight: bold;  color: #191717; }
	.serv_cont .wd .faq-q:before{content: "";width: 19px;height: 15px;background: url(../images/faqtb.png) no-repeat;display: inline-block; margin-right: 10px;}
	.serv_cont .wd .faq-a { padding: 0em 0.8em;font-size: 17px;  color: #191717;display: flex;}
	.serv_cont .wd .faq-a:before{content: "";width: 19px;height: 15px;background: url(../images/faqtb2.png) no-repeat;display: inline-block; padding-right: 15px; }
	.serv_cont .wd .faq-a .text{}




	    .feed2 {
            position: fixed;
            top: 70%;
            right: 0;
            z-index: 9999;
            cursor: pointer;
        }

        .feed2 img {
            position: absolute;
            top: -10px;
            left: -50px;
            border: 2PX solid #FFF;
            border-radius: 50%;
        }

        .feed2 span {
            background: #414141;
            height: 50px;
            font-size: 18px;
            font-weight: bold;
            color: #fff;
            text-align: center;
            line-height: 50px;
            padding: 0 30px 0 50px;
            display: block;
        }

        .yinc span {
            display: none !;
        }

        .yinc img {
            position: absolute;
            top: -10px;
            left: -60px;
        }

        @media screen and (max-width: 1024px) {

            .feed2 span {
                background: #414141;
                height: 40px;
                font-size: 12px;
                font-weight: bold;
                color: #fff;
                text-align: center;
                line-height: 40px;
                padding: 0 15px 0 25px;
                display: block;
            }

            .feed2 img {
                position: absolute;
                top: -5px;
                left: -30px;
                width: 50px
            }

            .yinc span {
                display: none;
            }

            .yinc img {
                position: absolute;
                top: -10px;
                left: -60px;
            }
        }


        .feed2_cont .bj {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 999999;
        }

        .feed2_cont {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(00, 00, 00, 0.8);
            z-index: 999999;
            display: none;
        }

        .feed2_cont h2 {
            font-size: 30px;
            text-align: center;
            margin-bottom: 25px;
        }

        .feed2_cont .form {
            top: 150px;
            left: 50%;
            margin-left: -25%;
            width: 50%;
            z-index: 999999;
            position: absolute;
            padding: 35px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
            -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
            -box-shadow: 0 0 10px rgba(0, 0, 0, .4);
            background-color: #FFF;
        }

        .feed2_cont .form span {
            position: absolute;
            top: 8px;
            right: 8px;
            font-size: 30px;
            line-height: 0.5;
            position: absolute;
            top: 8px;
            right: 11px;
            color: #333;
            text-shadow: 0 -1px 1px rbga(0, 0, 0, .6);
            font-weight: bold;
            cursor: pointer;
        }

        .feed2_cont .form form {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .feed2_cont .form input {
            background: #f2f2f1;
            color: #4b4b4b;
            margin: 0 0 20px;
            border-radius: 10px;
            overflow: hidden;
            padding-top: 10px;
            padding-bottom: 10px;
            display: block;
            width: 47%;
            height: calc(1.5em + .75rem + 2px);
            padding: 4px 8px;
            font-size: 16px;
            color: #495057;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid #ced4da;
            transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        }

        .feed2_cont .form input {
            background: #f2f2f1;
            color: #4b4b4b;
            margin: 0 0 20px;
            border-radius: 10px;
            overflow: hidden;
            padding-top: 10px;
            padding-bottom: 10px;
            display: block;
            width: 47%;
            height: calc(1.5em + .75rem + 2px);
            padding: 4px 8px;
            font-size: 18px;
            color: #495057;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid #ced4da;
            transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        }

        .feed2_cont .form textarea {
            background: #fff;
            padding: 4px 8px;
            width: 100%;
            border: 1px solid #ced4da;
            border-radius: 10px;
            overflow: hidden;
            padding-top: 10px;
            padding-bottom: 10px;
            margin: 0 0 20px;
            font-family: "Questrial-Regular", "Poppins";
        }

        .feed2_cont .form .checkcode {
            width: 60%;
            display: flex;
        }

        .feed2_cont .form .checkcode input {
            margin: 0;
            width: 100%;
        }

        .feed2_cont .form button {
            color: #fff;
            background: #0690cf;
            border-radius: 10px;
            font-size: 18px;
            line-height: 22px;
            border: 1px solid transparent;
            padding: 4px 8px;
            display: table;
            width: 35%;
            line-height: 37px;
        }

        ::-webkit-input-placeholder {
            font-family: "Questrial-Regular", "Poppins";
            font-size: 16px;
        }

        @media screen and (max-width: 1024px) {

            .feed2_cont .form {
                left: 0;
                right: 0;
                width: 70%;
                margin: 0 auto;
                top: 10px;
            }

            .feed2_cont .form input {
                width: 100%;
            }

            .feed2_cont .form .checkcode {
                width: 90%;
            }

            .feed2_cont .form button {
                margin: 20px 0 0;
                width: 80%;
            }
        }



 /* 企业文化 */
.word{ padding:4% 0;}
.word .dl{ }
.word .dl .h4{ font-size:18px; margin:0;}
.word .dl .h4 span{display:inline-block; border-bottom: 2px #e72e2d solid; padding-bottom:10px;}
.word .dl .con{ font-size:14px; padding:15px 0 30px; line-height:2.25;}
.word{ padding-top: 40px; }
.pic{ float:right; margin-left: 5%; width: 68.75%; }

@media(max-width:1024px){
.pic{ width: 100%; float: inherit; margin-left: 0; }
}
@media(max-width:768px){
.word{ padding: 30px 0; }
}




.product_right .probaseinfo{width:100%;}
.product_right .probaseinfo h2{
  	font-weight: 400;
    letter-spacing: normal;
  	font-size: 30px;
    margin-top: 4px;
    border-bottom: 2px solid #666;
    padding-bottom:12px;
    margin-bottom:20px;
}
.product_right .probaseinfo .prodesc{
  padding:12px 20px;
  background: #f2f2f2;
}
.product_right .probaseinfo .prodesc strong{
  font-size:18px;
  line-height:2;
  padding-bottom:16px;
  color:#000;
}
.product_right .probaseinfo .prodesc p{
  line-height:32px;
  font-size:14px;
}

.product_right .probaseinfo .prodesc strong{
    font-size:18px;
    line-height:2;
    padding-bottom:16px;
    color:#000;
}
.product_right .probaseinfo .prodesc strong a{
    line-height:32px;
    font-size:16px;
    color:#000;
}
.share{
    display: flex; margin-bottom:20px;
    margin-top:24px;
    line-height:42px;
    font-size:16px;
    font-weight: bold;
}

.share .text{
    padding-left:12px;
}


.procontact {
    display: inline-block;
    margin-top: 10px;
    padding: 10px 40px;
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00428e), to(#00428e));
    background: linear-gradient(180deg, #00428e 0, #00428e);
    border-radius: 3px;
    font-size: 16px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    text-transform: uppercase;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00428e), to(#00428e));
    background: linear-gradient(180deg, #00428e 0, #00428e);
}

.procontact:visited {
    color: #fff;
}

.procontact:hover {
    color: #fff !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00428e), to(#00428e));
    background: linear-gradient(180deg, #00428e 0, #00428e);
}

.proserver {
    margin-top: 10px;
}

.proserver>p{ position:relative; display:block;padding:4px 0 4px 42px; line-height:38px; font-size:14px}
.proserver>p img{ position:absolute;z-index:1; left:0;top:2px; height:38px; width:auto;}



@media only screen and (max-width:768px) {
  .product_right .probaseinfo .prodesc{padding:8px 12px;}
  .product_right .probaseinfo .prodesc strong{font-size:14px}
  .product_right .probaseinfo .prodesc strong a{font-size:14px}
}

.pagination{width:100%;text-align: center;}
.pagelist {
	display:inline-block;
	font: 16px/28px '寰蒋闆呴粦', sans-serif;}
.pagelist span,.page strong {
	float:left;}
.productlist .w .pagelist a{width:auto; margin:0px 5px; padding:4px 8px}
.pagelist a,
.pagelist span.disabled,
.pagelist strong {
	background:#FFF;
	border:1px solid #CCC;
	color:#333;
	float:left;
	font: 16px/24px  '寰蒋闆呴粦', sans-serif;
	margin-right:5px;
	min-width:15px;
	padding:4px 8px;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
	_width:15px;}
	.pagelist strong{background:#144b85; color:#fff; margin-right: 0px;border:1px solid #144b85;}
.pagelist a:hover {
	border:1px solid #144b85;
	color:#144b85;
	text-decoration:none;}
.pagelist span.disabled {
	background:#FFF;
	border:1px solid #CCC;
	color:#CCC;}
.pagelist span.ellipsis {
	float:left;
	font: 16px/24px '寰蒋闆呴粦', sans-serif;
	line-height:22x;
	margin-right:5px;}
.pagelist .page_txt {
	line-height:20px;
	float:right;
	width:auto;}
.pagelist a.page-curpage {
	background:#3561db;
	border:1px solid #3561db;
	color:#FFF;
	font-weight:bold;}
.pagelist input {
	font: 14px Verdana;
	padding:0 0 0 1px;
	width:40px;
	height:14px;}




/*===============================================
                Inside pages left
===============================================*/

.product-box{margin:48px 0px;}
.product-box .w{display: flex;
    justify-content: space-between;}


.inside-pages-left{width: 20%; float: left; border-bottom: 0px solid #eaeaea;margin-right: 2%; margin-bottom: 30px;}
.inside-pages-left .pg-left-title { background: #0690cf;padding: 16px 20px; position: relative;}
.inside-pages-left .pg-left-title h3 { font-size: 24px; color: #ffffff; line-height: 30px; font-weight: bold; position: relative; z-index: 9; height:30px;}
.inside-pages-left .pg-left-title i {
    position: absolute;
    left: -5px;
    top: -9px;
    font-style: normal;
    font-size: 78px;
    font-weight: bold;
    opacity: .1;
    color: #fff;
    line-height: 1;
    z-index: 1;
    text-transform: uppercase;
}
.inside-pages-left .pg-left-title span {
    font-weight: normal;
    font-size: 16px;
    color: #fff;
    opacity: .6;
    margin-left: 10px;
    text-transform: capitalize;
}
.inside-pages-left .pg-left-title span:before { content: "/"; padding-right: 5px;}
.inside-pages-left .cate-list ul li{height: 56px;line-height: 56px;border-bottom: 1px solid #eaeaea;background: #f7f7f7;width: 100%;}
.inside-pages-left .cate-list ul li a{display: block;padding-left:16px;font-size: 14px;background: url(../images/tb6.png) no-repeat 248px 10px;color: #333;}
.inside-pages-left .cate-list ul li:hover a,.inside-pages-left .cate-list .actt a{background: url(../images/tb6h.png) no-repeat 248px 10px; color:#0690cf;}
.inside-pages-left .cate-list ul li:hover,.inside-pages-left .cate-list .actt{background: #fff;}
.inside-pages-left .cate-list ul li.hover a{background: url(../images/tb10.png) no-repeat 216px 25px;}
.inside-pages-left .cate-list ul li.hover{background: #fff;}

.inside-left-newslist{width:100%;}
.inside-left-newslist ul li{height: 64px;line-height: 64px;border-bottom: 1px solid #eaeaea;background: #f7f7f7;width: 100%; overflow: hidden;}
.inside-left-newslist ul li a{display: block;padding-left: 39px;font-size: 14px;background: url(../images/tb9.png) no-repeat 0px 10px; color: #333; padding-right:16px;}
.inside-pages-left .inside-left-newslist ul li:hover a,.inside-pages-left .inside-left-newslist .actt a{background: url(../images/tb9h.png) no-repeat 0px 10px; color:#0690cf;}


.dgpg-left-nav {
  margin: 0 -1px;
}

.dgpg-left-nav > li {
  position: relative;
  border-bottom: 1px solid #eeeeee;
}

.dgpg-left-nav > li:last-child {
  border-bottom: none;
}

.dgpg-left-nav > li > a {
  display: block;
  font-size: 18px;
  font-weight: bold;
  line-height: 32px;
  color: #2e2e2e;
  padding: 15px 18px;
}

.dgpg-left-nav > li .first-nav-btn {
  position: absolute;
  z-index: 99;
  width: 30px;
  height: 30px;
  text-align: center;
  top: 10px;
  right: 20px;
  cursor: pointer;
  background: url(../images/icon_spirit.png) 0 -240px no-repeat;
}

.dgpg-left-nav > li .first-nav-btn.clicked {
  background-position: 0 -270px;
}

.dgpg-left-nav > li:hover > a, .dgpg-left-nav > li.clicked > a {
  color: #0690cf;
}

.dgpg-left-nav > li:hover .first-nav-btn, .dgpg-left-nav > li.clicked .first-nav-btn {
  color: #0690cf;
}

.dgpg-left-nav .dgpg-left-subnav {
  display: none;
  padding: 0 10px;
}

.dgpg-left-nav .dgpg-left-subnav > li {
  border-top: 1px dashed #eeeeee;
}

.dgpg-left-nav .dgpg-left-subnav > li > a {
  padding: 8px;
  display: block;
  line-height: 32px;
  color: #818181;
  font-size: 16px;
      white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.dgpg-left-nav .dgpg-left-subnav > li > a:hover {
  color: #0690cf;
}

.dgpg-left-nav .dgpg-left-subnav > li.clicked > a {
  color: #0690cf;
}

.dgpg-left-nav .dgpg-left-threenav > li > a {
  padding: 5px 10px;
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #999999;
}

.dgpg-left-nav .dgpg-left-threenav > li > a:before {
  content: '\2014   ';
}

.dgpg-left-nav .dgpg-left-threenav > li > a:hover {
  color: #0690cf;
}

.dgpg-left-nav .dgpg-left-threenav > li.clicked > a {
  color: #0690cf;
}
.mobprodetail{display:none}
@media (max-width: 990px) {
  .dgpg-left-nav .dgpg-left-threenav {
    display: block;
  }

}
.procon img{max-width:100%}
@media (max-width: 768px) {


}


.prolist{width: 80%;float:unset;}
.prolist .list{ width:100%; display:inline-block;}
.prolist .list .item{ text-align:center; display:block; 
/*width:30%; */
box-shadow: 0px 0px 5px 1px #ccc;
/*width: 31%;*/
width: 23%;
margin-right:2.3%; float:left;
margin-bottom: 2%;
/*margin-top:3%; */
background-size:100%;transition: all 0.5s ease;}
.prolist .list .item:nth-child(4n){margin-right:0;}
/*.prolist .list .item:nth-child(n+5){margin-bottom:0;}*/
.prolist .list .item .img{  width:100%;background: linear-gradient(#e2e5ec, #d5d5dd);}
.prolist .list .item .img img{ display:block; width:100%; }
.prolist .list .item .txtBox{ width:100%; position:relative; height:100%;}
.prolist .list .item .txtBox span{ display:block; font-size:16px; color:#666; line-height:20px; margin-top:10px; height:56px;}
.prolist .list .item .txtBox h3{
    
    /*font-size: 20px;*/
    font-size: 18px;
    /*padding: 0 15px;*/
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color:#333; line-height:24px; padding-top:20px;padding-bottom: 20px;}
.prolist .list .item .txtBox p{ 
    display: none;
    width:160px; height:40px; background-color:#0690cf; font-size:16px; color:#fff; line-height:40px; border-radius:5px; margin: 20px auto;}
.prolist .list .item .txtBox i{ position:absolute; left:0; bottom:5%;}
.prolist .list .item:hover{transform:translateY(-3px); transition:all ease 0.36s;box-shadow: 0px 0px 0px 2px #0690cf;}
.prolist .list .item:hover h3{ 
    color:#0690cf;
    
}
.prolist .list .item p:hover{ background-color:#a32322;}


@media (max-width: 768px) {
	.prolist{width: 100%;float:unset;}
	.prolist .list .item{width:49%; margin-right: 2%}
	.prolist .list .item:nth-child(2n){margin-right:0px}
}

.icon-font {
    position: relative;
}

.icon-font:after {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(../images/icon_spirit.png);
    background-repeat: no-repeat;
    position: absolute;
    left: calc(50% - 15px);
    top: calc(50% - 15px);
}


.page-mob-tool {
    position: fixed;
    right: 15px;
    bottom: 100px;
    z-index: 9999;
}

.page-mob-tool li {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 1px;
    cursor: pointer;
    position: relative;
}

.page-mob-tool li:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #00428e;
    opacity: .7;
}

.page-mob-tool li i {
    display: block;
    width: 100%;
    height: 100%;
}

.page-mob-tool li .icon-dots-horizontal:after {
    background-position: -30px -390px;
}

.page-mob-tool li .icon-top:after {
    background-position: -30px -60px;
}
.bfmob-left-close-btn{display:none}
@media (max-width: 990px) {

    body.no-scroll, html.no-scroll {
        height: 100vh;
        overflow: hidden;
    }

    .bfmob-menu-click {
        position: fixed;
        width: 100vw;
        overflow-y: scroll;
        top: 0;
        left: 100%;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
        z-index: 999999;
        height: 100vh;
        background: rgba(0, 0, 0, 0.7);
    }

    .bfmob-menu-click .xypg-left-news, .bfmob-menu-click .xypg-left-keys, .bfmob-menu-click .xypg-left-contact, .bfmob-menu-click .page-message-img {
        display: none;
    }

    .bfmob-menu-click .bfmob-left-close-btn {
        display: block;
        position: absolute;
        top: 8px;
        right: 15px;
        width: 32px;
        height: 32px;
        line-height: 32px;
        border-radius: 50%;
        border: 1px solid #fff;
        text-align: center;
        z-index:9;
    }

    .bfmob-menu-click .bfmob-left-close-btn .icon-font {
        display: block;
        width: 100%;
        height: 100%;
    }

    .bfmob-menu-click .bfmob-left-close-btn .icon-font:after {
        background-position: -30px -300px;
    }

    .bfmob-menu-click .xypg-left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-height: 90vh;
        padding: 5vh 0;
    }

    .bfmob-menu-click .xypg-left .xypg-left-menu {
        width: 90%;
        background: #fff;
    }

    .bfmob-menu-click.click {
        left: 0;
    }
}




@media (min-width: 992px) {
    .page-mob-tool {
        display: none;
    }
}


@media only screen and (max-width:768px) {
  .pagebox{
    padding:40px 0px;
  }
  .dgpg-left-nav{background:#fff;}
  .dgpg-left-nav > li > a{font-size:14px; line-height:24px; padding:10px 12px;}
  .dgpg-left-nav .dgpg-left-subnav > li > a{ font-size:12px; line-height:20px;}
  .bfmob-menu-click .bfmob-left-close-btn{background: ""}
  .inside-pages-left .pg-left-title{padding:10px 12px; z-index: 8}
  .inside-pages-left .pg-left-title i{font-size: 64px;}

  .product-box{margin-top:32px;}
  .prolist{width:100%;}
  .prolist .list .item{width:49%; margin-right:2%}

  .prolist .list .item:nth-child(2n){margin-right:0px;}

  .prodetail .proimg{width:100%}
  .prodetail .probaseinfo{width:100%;}

  .prodetail .probaseinfo h2{margin-top:12px; font-size:20px;}

  .prodetail .probaseinfo .prodesc{padding:8px 12px;}
  .prodetail .probaseinfo .prodesc strong{font-size:14px}
  .prodetail .probaseinfo .prodesc strong a{font-size:14px}

  .share{margin:12px 0px 0px;}

  .prodetail_con img{max-width:100%}
}


.pagination{width:100%;text-align: center;}
.pagelist {
	width:100%;
	text-align: center;
	display:inline-block;
	font: 16px/28px '寰蒋闆呴粦', sans-serif;}
	.pagelist .page{text-align: center;display: flex;
    justify-content: center;}
.pagelist span,.page strong {
	float:left;}
.productlist .w .pagelist a{width:auto; margin:0px 5px; padding:4px 8px}
.pagelist a,
.pagelist span,
.pagelist span.disabled,
.pagelist strong {
	background:#FFF;
	border:1px solid #CCC;
	color:#333;
	float:left;
	font: 16px/24px  '寰蒋闆呴粦', sans-serif;
	margin-right:5px;
	min-width:15px;
	padding:4px 8px;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
	_width:15px;}
	.pagelist strong{background:#144b85; color:#fff; margin-right: 0px;border:1px solid #144b85;}
.pagelist a:hover {
	border:1px solid #0690cf;
	color:#0690cf;
	text-decoration:none;}
.pagelist span.disabled {
	background:#FFF;
	border:1px solid #CCC;
	color:#CCC;}
.pagelist span{
	background: #0690cf;
	color:#fff;
}
.pagelist span.ellipsis {
	float:left;
	font: 16px/24px '寰蒋闆呴粦', sans-serif;
	line-height:22x;
	margin-right:5px;}
.pagelist .page_txt {
	line-height:20px;
	float:right;
	width:auto;}
.pagelist a.page-curpage {
	background:#0690cf;
	border:1px solid #0690cf;
	color:#FFF;
	font-weight:bold;}
.pagelist input {
	font: 14px Verdana;
	padding:0 0 0 1px;
	width:40px;
	height:14px;}