a {-webkit-transition:color 0.3s ease 0s;transition:color 0.3s ease 0s; text-decoration:none}
a:hover, a:focus, a:active, a:visited {text-decoration: none; outline: none; }
.space1{ overflow:hidden; clear:both; height:10px; width:100%}
.space2{ overflow:hidden; clear:both; height:20px; width:100%}
.space3{ overflow:hidden; clear:both; height:30px; width:100%}
.space4{ overflow:hidden; clear:both; height:40px; width:100%}

.main_box{ max-width:1470px; overflow:hidden; width:94%; margin:0 auto;}

@media only screen and (max-width:1300px) {
  .space3{ overflow:hidden; clear:both; height:15px; width:100%}
  .space4{ overflow:hidden; clear:both; height:25px; width:100%}
  }


@media only screen and (max-width:1000px) {
.space2{ overflow:hidden; clear:both; height:10px; width:100%}
.space3{ overflow:hidden; clear:both; height:10px; width:100%}
.space4{ overflow:hidden; clear:both; height:20px; width:100%}
}


.hui_bg{ background:#F6F6F6; width:100%; padding:80px 0px 80px 0px; overflow:hidden; position: relative; }
.bai_bg{ background:#ffffff; width:100%; padding:80px 0px 80px 0px; overflow:hidden; position: relative; }


@media only screen and (max-width:1400px) {
.hui_bg{ background:#F6F6F6; width:100%; padding:60px 0px 60px 0px; overflow:hidden;}
.bai_bg{ background:#ffffff; width:100%; padding:60px 0px 60px 0px; overflow:hidden; }
}


@media only screen and (max-width:1100px) {
.hui_bg{ background:#F6F6F6; width:100%; padding:30px 0px 30px 0px; overflow:hidden;}
.bai_bg{ background:#ffffff; width:100%; padding:30px 0px 30px 0px; overflow:hidden; }
}



.sy_title{ text-align:center; margin-bottom:20px}
.sy_title h3{ color: #222;font-size: 40px;line-height:44px; margin:0px; padding:0px; margin-bottom:10px; font-weight: 700}
.sy_title .x_txt{ margin:0 auto;line-height: 30px;padding:0px 15px;font-size:18px; color: #666;  }

@media only screen and (max-width:1190px) {
.sy_title h3{ color: #222;font-size: 26px; margin-bottom:0px;line-height:36px;}
.sy_title .x_txt{font-size: 16px;line-height: 24px;}
.sy_title{ text-align:center; margin-bottom:20px}
}
@media only screen and (max-width:800px) {
.sy_title h3{ color: #222;font-size: 24px; margin-bottom:0px;line-height:26px;}
.sy_title .x_txt{font-size: 14px;}
}

/*---------Solution----------*/

.img_box_cp{ overflow:hidden; padding: 0px; width: 94%; margin: 0 auto;  position: relative}
.img_box_cp img{width: 100%; height: auto;vertical-align: top}
.img_box_cp a{display: inline}

.cp_mask_bg{ overflow:hidden; margin: 0px; padding: 0px; height: 100%; width: 100%; top:0; left:0; position: absolute; z-index: 2; text-align: center; transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; background:  rgba(0,0,0,0.2);}

.cp_title_box{ position: absolute; z-index: 3;float: left; width: 100%; bottom:50px; transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.cp_title_txt1{ text-align: center; font-size: 20px; line-height: 25px;color: #fff;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;text-shadow: 1px 2px 2px rgba(0,0,0,0.7);}
.ch_btn{width: 140px; height: 40px; border-radius: 40px; border: #fff 1px solid; color: #fff;font-size: 14px; text-align: center; margin: 0 auto;line-height: 40px;opacity: .0; margin-top:0px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;}

.fa_pic{ width: 50px; height: auto; margin: 0 auto; margin-bottom: 10px;}
.fa_pic img{ width: 100%; height: auto;}

.cp_title_txt1 p{font-size:12px; text-align: center; padding: 0px; margin: 0px; line-height: 22px;opacity: .7;}

.img_box_cp:hover .cp_title_box{bottom:100px; transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.img_box_cp:hover .cp_title_txt1{ margin-bottom: 50px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.img_box_cp:hover .ch_btn{opacity: 1;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s; margin-top: 60px}

.cp_mask_bg:hover{background:#0062b8; transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}


.number_box{position: absolute; z-index: 3;width: 100%; text-align: right;top:0; font-size: 80px;color: transparent; padding: 10px;font-family: 'BEBAS';font-weight: bold;opacity: .3; bottom: 0px;right: 10px; transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;
-webkit-text-stroke: 1px rgba(255, 255, 255, 1.0);
    text-transform: uppercase;}

.cp_mask_bg:hover .number_box{
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;opacity: .8;right: inherit;bottom: inherit;top: 25%; text-align: center}

@media only screen and (max-width:1800px) {
.cp_mask_bg:hover .number_box{top:25%; }
	.img_box_cp:hover .cp_title_box{bottom:80px;}	
	.img_box_cp:hover .ch_btn{margin-top:40px}
	.number_box{ font-size: 70px;}
}

@media only screen and (max-width:1500px) {
.img_box_cp:hover .cp_title_txt1{ margin-bottom: 20px;}
.img_box_cp:hover .ch_btn{margin-top: 30px}
	.cp_mask_bg:hover .number_box{top:20%; }
	.number_box{ font-size: 60px;}

}
@media only screen and (max-width:1300px) {
.cp_title_txt1{ font-size: 18px;  }	
.number_box{ font-size: 50px;}
.img_box_cp:hover .cp_title_box{bottom:60px;}	
}

@media only screen and (max-width:900px) {
.ch_btn{width: 120px; height: 32px;line-height: 32px;}
.img_box_cp{  width: 92%;}	
}
@media only screen and (max-width:600px) {
.img_box_cp:hover .cp_title_box{bottom:50px;}		
.cp_mask_bg:hover .number_box{top: 25%; }
}

/*---------product---------------*/

.sy_pro{overflow: hidden; padding: 0;margin: 0;}

.sy_pro li{overflow: hidden; padding: 0;margin: 0;width: 23.5%; margin-right: 2%; margin-bottom: 25px;float: left;}
.sy_pro li:nth-child(4n){ margin-right:0}

@media (max-width:750px) {
  .sy_pro li{width: 32%;}
  .sy_pro li:nth-child(4n){ margin-right:2%}
  .sy_pro li:nth-child(1){ margin-right:2%;width: 49%;}
  .sy_pro li:nth-child(2){ width: 49%;margin-right:0}
  .sy_pro li:nth-child(5){ margin-right:0}
  .sy_pro li:nth-child(8){ margin-right:0; }

}

@media (max-width:550px) {
  .sy_pro li{width: 49%; margin-bottom: 20px;}
  .sy_pro li:nth-child(4n){ margin-right:0}
  .sy_pro li:nth-child(1){ margin-right:2%;width: 49%;}
  .sy_pro li:nth-child(2){ width: 49%;margin-right:0}
  .sy_pro li:nth-child(5){ margin-right:2%}
  .sy_pro li:nth-child(8){ margin-right:0}
  .sy_pro li:nth-child(2n){ margin-right:0}
}



.sy_cp_bg{overflow:hidden;background:#f6f6f6 url(../images/cp-bg.png) no-repeat center; background-size:cover;}
.sycp{margin:0px; padding:0px; overflow:hidden; margin:0 auto;background: #fff;}
.sycp .img_pic{overflow: hidden; position: relative; }
.sycp .img_pic .product_img{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; }
.sycp .img_pic .product_img img{display: block;width:100%;height: auto;}
.sycp:hover .img_pic .product_img{transform: scale(1.05); -webkit-transform: scale(1.05);}
.sycp .works_title{ font-size: 16px;line-height: 30px; padding: 10px 5px 15px 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color: #444;position:relative;text-align: center;}
.sycp:hover .works_title{ color:#fff; background: #0062b8; }
.pro_mask_bg{ position: absolute; z-index: 1; width: 100%; height: 40%; left: 0; bottom: -100%; background: rgba(0, 0, 0, 0.5);
  transition: 0.2s;-moz-transition: 0.2s;-webkit-transition: 0.2s;}
.pro_mask_sm_text{ margin: 20px;font-size: 16px;color: #fff; line-height: 26px;max-height: 78px;overflow: hidden;text-align: left;}

.sycp:hover .pro_mask_bg{ bottom:0; transition: 0.2s;-moz-transition: 0.2s;-webkit-transition: 0.2s;}

.more_btn1{ margin-top: 30px; padding: 0px; text-align: center}
.more_btn1 .p2{ width:160px; height:46px; background-color:#fff; border-radius:50px; text-align:center;transition:all ease 0.36s;
 margin:0 auto;display: inline-block;}
.more_btn1 .p2 a{display: flex; align-items: center;}
.more_btn1 .p2 span{ padding-left:42px; font-size:16px; color:#333; float:left; line-height:46px;}
.more_btn1 .p2 i{  width:22px; height:22px; transition:all ease 0.36s; font-size: 22px;color:#025aab;  margin-left: 5px;}
.more_btn1 .p2:hover{ width:170px;background-color:#025aab;}
.more_btn1 .p2:hover span{ color:#fff;}
.more_btn1 .p2:hover i{  color: #fff}

@media (max-width:1300px) {
  .pro_mask_sm_text{ margin: 10px;font-size: 14px;line-height: 24px;max-height: 48px;}
}

@media (max-width:1000px) {
  .pro_mask_bg{ display: none;}
  .sycp .works_title{ font-size: 14px;}
}
/*---------about us---------------*/
.about_csscyq{overflow: hidden; position: relative;}

.video-box{ width:100%;  vertical-align: top;position: relative; }
.box-video video{mix-blend-mode: screen; vertical-align: bottom;  opacity: 0.3;min-height: 540px; position: relative; }
.video-box::after{ position: absolute; z-index: 2; bottom:0;left: 0; width: 100%;  height: 100px; background: #005cbb;}

.about_box{position: absolute; z-index: 3;width: 100%;top:0;left:0; height: auto;}

.about_info{overflow: hidden; max-width: 1000px; width: 90%; margin: 0 auto;}


.about_txt_k{overflow:hidden;color: #fff; line-height: 28px;text-align: center;}

@media (max-width:1000px) {
  .about_txt_k{line-height: 26px;font-size: 14px;}
}

@media (max-width:1300px) {
  .box-video video{min-height: 520px; }
}

@media (max-width:1000px) {
  .box-video video{min-height: 480px; }
}

@media only screen and (max-width:550px) {
  .box-video video{min-height: 600px; }
}
@media only screen and (max-width:450px) {
  .box-video video{min-height: 650px; }
}




/*---------------news-----------*/

.tj_jd_pic{overflow:hidden;}
.tj_jd_pic img{display: block;width: 100%; height:auto; }

.tj_jd_pic a{display:inline}

.gd_jd_box{overflow:hidden;}
.tj_jd_pic_box{ padding-top:15px; margin: 0px;overflow:hidden; }
.tj_jd_pic_box dl{overflow:hidden; }
.tj_jd_pic_box dl dt{overflow:hidden;font-size: 18px;font-weight: bold;color: #222; line-height: 30px;white-space:nowrap;text-overflow:ellipsis; margin-bottom: 5px; }
.tj_jd_pic_box dl dd {overflow:hidden;font-size:16px; line-height: 26px; height: 52px;color: #666; }
.sy_date{ overflow:hidden; float:left; width:60px; margin-right:20px; font-family: 'BEBAS'; margin-top: 10px;}	
.sy_date { font-size:18px; line-height:34px; text-align:center; color:#888}	
.sy_date p{ font-size:14px; line-height:24px; padding:0px; margin:0px; border-top:#ddd 1px solid;color:#888}		
	
.gd_jd_box:hover .tj_jd_pic_box dl dt{color:#0062b8;}


.sy_new_title_list{overflow:hidden; padding:0px; margin:0px;}
.sy_new_title_list a{display:inline}
.sy_new_title_list li{overflow:hidden;padding:10px 0px ; margin-bottom: 10px;}
.sy_new_title_list li dl{ overflow:hidden;margin:0px;}	
.sy_new_title_list li dl dt{ overflow:hidden; padding:0px; margin:0px; font-size:18px;  line-height: 30px; color:#222;white-space:nowrap;text-overflow:ellipsis; margin-bottom: 5px}	
.sy_new_title_list li dl dd{ overflow:hidden; padding:0px; margin:0px; line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color:#888; font-size:16px}
.sy_new_title_list li:last-child{ margin-bottom:0px;}
.sy_new_title_list li:hover dl dt{color:#0062b8}
.sy_new_title_list li:hover{box-shadow:0 0 10px 1px rgba(0,0,0,.1)}
/*-------tab-------*/
.tab1{ padding: 0px;margin:0px;}
.tab1 ul{ padding: 0px;}
.tab-hd1 {margin: 0px; position: relative; margin-bottom:14px; overflow: hidden;display:-ms-flexbox;display: flex;justify-content: flex-start; gap: 25px;}
.tab-hd1 li{ cursor:pointer; height: 44px; line-height: 44px; font-size: 18px; font-weight:600;color: #333;text-align: center;width: 112px;border-radius: 30px;}
.tab-hd1 li a{color: #333;}

.tab-hd1 li.active1{color: #fff;height: 44px;line-height:44px; font-size: 18px;  background: #0062b8;  border-radius: 30px;position: relative; }
.tab-hd1 li.active1 a{color: #fff;}

.tab-bd1 .div1{display:none;margin:0;  padding: 0px}
.tab-bd1 .div1.thisclass{ display:block}

@media (max-width: 1300px) {
.tab-hd1 li{font-size: 16px; }
.tab-hd1 li.active1{font-size: 16px; }
.tab-hd1 li.active1{font-size: 16px;}
.tab-hd1 { gap: 20px;}
}

@media (max-width: 1200px) {
  .tab-hd1 { gap: 10px;}
}
@media (max-width: 700px) {
.tab-hd1 { gap: 10px;}
.tab-hd1 li{font-size: 16px; line-height: 40px; height: 40px; }
.tab-hd1 li.active1{font-size: 14px;line-height: 40px; height: 40px;}

}

@media (max-width: 600px) {
	.tab-hd1 { gap: 0px;justify-content: space-between;}
	.tab-hd1 li{font-size: 14px; width:24%; padding: 0px; }
}



.tab2{ padding: 0px;margin:0px; overflow: hidden;}
.tab2 ul{ padding: 0px;}
.tab-hd2 {max-width: 100%; margin: 0px; position: relative;height:50px; line-height:50px; margin-bottom:15px; overflow: hidden}
.tab-hd2 li{ float:left; width:100px;cursor:pointer; height: 50px; line-height: 50px; font-size: 22px; font-weight:600;color: #333;padding: 0px;margin-right:25px; display: inline; text-align: center}
.tab-hd2 li a{color: #333;}
.tab2 .tab-hd2 li .more{ float: right; width: auto}
.tab-hd2 li:last-child{margin-right:0px;}

.tab-hd2 li.active2{color:#0062b8;height: 50px;line-height:50px; font-size: 22px; border-bottom: 3px solid #0062b8;
padding: 0px;float: left; z-index: 2; position: relative; }
.tab-hd2 li.active2 a{color: #0062b8;}
.tab-hd2::before{ margin: 0px; position: absolute; content: ""; z-index: 1; width: 100%; height: 1px; background: #dbdbdb; bottom:1px; left: 0;}

.tab-bd2 .div2{display:none;margin:0;  padding: 0px; overflow: hidden;}
.tab-bd2 .div2.thisclass{ display:block}
@media (max-width: 1300px) {
  .tab-hd2 li{  font-size: 20px;}
  .tab-hd2 li.active2{  font-size: 20px;}
}
@media (max-width: 1100px) {
  .tab-hd2 li{  font-size: 18px;}
  .tab-hd2 li.active2{  font-size: 18px;}
}

@media (max-width: 650px) {
  .tab-hd2 li{  font-size: 16px;}
  .tab-hd2 li.active2{  font-size: 16px;}
}

@media (max-width: 450px) {
  .tab-hd2 li{ float:left; margin-right:0;width: 32%; margin-right: 2%;}
  .tab-hd2 li:nth-child(3n){ margin-right: 0;}
}


.sy_news_list{ margin:0px; padding:0px; overflow: hidden}
.sy_news_list li{ margin:0px; padding:2.5px 0px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px; line-height:34px; position: relative; padding-left: 15px}
.sy_news_list li::after{position: absolute; z-index: auto; content: ""; width: 4px; height: 4px; background: #999; border-radius: 50%; 
left: 0;top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);}

.sy_news_list li a{ display:inline; font-size:16px;color:#444;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.sy_news_list li span{ float:right; margin-left:20px; color:#666666; font-size:14px;font-family: "AVGBBT";font-weight: normal}

.sy_news_list li:hover:after{background:#0062b8}
.sy_news_list li:hover a{color:#0062b8}




.sy_jd_L{ float:left; width:700px; overflow:hidden; margin:0px; padding:0px;}
.sy_jd_R{ float: right; width:49%; overflow:hidden; margin:0px; padding:0px;}


.new_pic_list{overflow: hidden; margin-top: 15px;}
.new_pic_list li{overflow: hidden; margin-bottom: 18px;}
.new_pic_list li dl{overflow: hidden;}
.new_pic_list li dl dt{overflow: hidden;font-size: 18px; line-height: 28px;font-weight: bold;white-space:nowrap;text-overflow:ellipsis; color: #111; margin-bottom: 5px;}
.new_pic_list li dl dd{overflow: hidden;line-height: 24px; max-height: 48px;font-size: 14px;color: #666;}
.new_pic_list .time_k{line-height: 22px; font-size: 14px; color: #666;display: flex; align-items: center; }
.new_pic_list .time_k i{ margin-right: 4px;font-size: 16px;}
.new_pic_list .sy_new_tu{ width:160px; height: auto;float: left;margin-right: 30px;}
.new_pic_list .sy_new_tu img{width: 100%; height: auto;}
.new_pic_list li:last-child{ margin-bottom:0}
.new_pic_list li dl:hover dt{color: #0062b8;}



@media (max-width: 1550px) {
.sy_jd_R{ float: right; width:48%;}		
}


@media (max-width: 1470px) {
.sy_jd_R{ float: right; width:46.5%;}		
}


@media (max-width: 1440px) {
.sy_jd_R{ float: right; width:47%;}	
.sy_jd_L{ float:left; width:50%;}
}

@media (max-width: 1400px) {

  
  .sy_news_list li a{ display:inline; font-size:14px;}
  .sy_news_list li{line-height:32px;}
  .tj_jd_pic_box dl dd {font-size:14px;}
  .tj_jd_pic_box dl dt{font-size:18px;}
  
  .new_pic_list li dl dd{font-size:14px;}
  .new_pic_list li dl dt{max-height: 28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
  .new_pic_list .sy_new_tu{ margin-right: 20px;}
  .new_pic_list .sy_new_tu img{ height: 94px;}
  }

@media (max-width: 1260px) {
.sy_jd_R{ float: right; width:43%;}	
.sy_jd_L{ float:left; width:54%;}
}
	

@media (max-width: 1200px) {
  .new_pic_list li dl dt{font-size:16px;}
  .sy_new_title_list li dl dt{font-size:16px;}
  .tj_jd_pic_box dl dt{font-size:16px;}
}



@media (max-width: 1200px) {
.sy_news_list li{line-height:28px;}
.sy_jd_L{ width:52%;}	
.sy_jd_R{  width:46%;}

.sy_new_title_list li{overflow:hidden;padding:7px 0px ; margin-bottom: 4px;}
.sy_new_title_list li dl{ overflow:hidden;margin:0px;}	
.sy_new_title_list li dl dt{  line-height: 26px;margin-bottom: 5px}	
.sy_new_title_list li dl dd{ overflow:hidden; padding:0px; margin:0px; line-height:24px; font-size:14px}


.new_pic_list li dl dt{ margin-bottom: 0px; line-height: 26px;}
.new_pic_list .sy_new_tu{ width:150px; height: 92px;}

.new_pic_list li{overflow: hidden; margin-bottom: 15px;}

}
@media (max-width: 1150px) {
  .sy_jd_L{ width:55%;}	
  .sy_jd_R{  width:42%;}
.sy_news_list li{line-height:25px;}
.sy_new_title_list li{overflow:hidden;padding:5px 0px ; margin-bottom: 2px;}
.sy_new_title_list li dl dt{ font-size:16px;  line-height: 24px;margin-bottom: 5px}	
.new_pic_list .sy_new_tu{ width:140px; height: 88px;}
.new_pic_list li dl dd{line-height:22px;max-height: 44px;}
.new_pic_list .time_k{line-height: 18px; font-size: 12px; }
.new_pic_list .time_k i{ margin-right: 4px;font-size: 14px;}
}



@media (max-width: 980px) {
.sy_news_list li{line-height:24px;}
.sy_jd_R{ float: none; width:100%;}	
.sy_jd_L{ float: none; width:100%; margin-bottom: 20px}

.gd_jd_box{overflow:hidden;width: 96%;margin: 0 auto;}
}




 /* ---footer---------- */
.foot_cop_bg{background: #222; overflow: hidden; margin: 0px; padding: 15px 0px; border-top: 1px solid #444; position: relative;}


.foot_cop_xx{ font-size: 14px;line-height: 22px;color: #fff;display: flex;align-items: center; justify-content: space-between;}
.foot_cop_xx p{overflow: hidden;padding: 0;margin: 0;;}
.foot_cop_nav{ overflow: hidden; margin: 0px; padding:0px;display: flex;justify-items: flex-end;}
.foot_cop_nav a{display: flex;align-items: center;}


.foot_w{overflow: hidden;margin: 0 auto;width: 94%;max-width: 1600px;}

.line_bg{ background:#323537 url(../images/line1.png) no-repeat center top; background-size:cover;overflow: hidden;position: relative;}
.foot_bg{color: #ffffff; overflow: hidden; margin: 0px; padding: 60px 0px;}

.foot_nav_R{color: #ffffff; overflow: hidden; margin: 0px; padding:0px;float: right; width:65%;display: flex; flex-wrap: wrap;gap: 10px; justify-content: space-between;}
.foot_nav_L{color: #ffffff; overflow: hidden; margin: 0px; padding:0px;float: left; width: 35%}

.foot_nav_R li{overflow: hidden; margin: 0px; padding:0px; margin-right: 2%;}
.foot_nav_R li dl{overflow: hidden; margin: 0px; padding:0px;}
.foot_nav_R li dl dt{overflow: hidden; margin: 0px; padding:0px; line-height: 30px; font-size: 17px;font-weight: 700}
.foot_nav_R li dl dd{ margin: 0px; padding:0px; line-height: 30px; margin-top: 15px; font-size: 16px;overflow:hidden;
  white-space:nowrap;text-overflow:ellipsis}
.foot_nav_R li dl dd a{color:#ddd}
.foot_nav_R li dl dt a{color: #ffffff;}
.foot_nav_R li dl dd a:hover{color: #005cbb;}
.foot_nav_R li dl dt a:hover{color: #005cbb;}

.foot_nav_R li:last-child{margin-right: 0px;}
.foot_nav_R li:nth-child(2) dl dt{ text-align: center;}

.foot_nav_fa{ overflow:auto;;overflow-y: auto; height: 410px; padding-right: 10px;}
.foot_nav_fa::-webkit-scrollbar {
	width:3px;background-color: #00b9e7; cursor:pointer;
}

.foot_nav_fa::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: #ccc;width:4px;
}

.foot_nav_fa::-webkit-scrollbar-thumb {
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #00b9e7;width:3px;
}


.foot_nav_L{overflow: hidden; margin: 0px; padding:0px;}
.foot_nav_L dl{overflow: hidden; margin: 0px; padding:0px;max-width: 360px; margin-bottom: 20px;}
.foot_nav_L dl dt{overflow: hidden; margin: 0px; padding:0px;  margin-bottom: 6px}
.foot_nav_L dl dd{overflow: hidden; margin: 0px; padding:0px; font-size: 16px;line-height: 26px;color: #c4c4c4;}

.d_tel{font-size: 16px;color: #068de2}
.d_tel a span{font-size: 16px; color: #ddd;}

.foot_logo{ overflow: hidden; margin: 0px; padding:0px;  margin-bottom: 5px}
.foot_logo img{ height: 50px; width: auto; vertical-align: top}


.foot_2wm_box{overflow: hidden; margin: 0px; padding:0px;padding-top: 20px}
.foot_2wm{overflow: hidden; margin: 0 5px; padding:0px;  display: inline-block} 
.foot_2wm p{overflow: hidden; margin: 0px; padding:0px;text-align: center;font-size: 14px; line-height: 30px;}
.foot_2wm img{ width: 100px; height: 100px; vertical-align: top; border-radius: 8px;}



@media screen and (max-width: 1450px) {
  .foot_nav_R li{margin-right: 10px}
}

@media screen and (max-width: 1400px) {
  .foot_2wm img{ width: 90px; height: 90px; vertical-align: top; border-radius: 8px;}
  .foot_2wm_box { max-width: 350px; display: flex;justify-content: flex-start;flex-wrap: wrap;}
  .foot_2wm{width: 50%;float: left;  text-align: center;display: block; margin: 0;}
}
@media screen and (max-width: 1350px) {
.foot_nav_R li{margin-right: 10px}
.foot_nav_R li dl dt{overflow: hidden; margin: 0px; padding:0px; line-height: 30px; font-size: 16px;font-weight: 700}
.foot_nav_R li dl dd{overflow: hidden; margin: 0px; padding:0px; line-height: 24px; margin-top: 5px; font-size: 14px;}
.foot_nav_fa{ height: 270px; width: 120px; }

.foot_nav_L dl dd{ font-size: 14px;line-height: 24px;}

.d_tel{font-size: 14px;}
.d_tel a span{font-size: 14px;}
}




@media screen and (max-width: 1200px) {
  .foot_nav_R{justify-content:initial}
  .foot_nav_R li{ margin: 0px; padding: 0;width:20%;float:left;}
}
@media screen and (max-width: 1020px) {

.foot_2wm img{ width: 100px; height: 100px; vertical-align: top; border-radius: 8px;}
.foot_bg{ padding: 40px 0px;}
.foot_nav_R{width: 100%; margin-bottom: 25px}
.foot_nav_L{ width: 100%}

.foot_logo{ overflow: hidden; margin: 0px; padding:0px; text-align: center; margin-bottom: 5px}	
.foot_nav_L dl dt{text-align: center}
.foot_nav_L dl{overflow: hidden; padding:0px; text-align: center; max-width: 100%;}
.foot_2wm_box{overflow: hidden; margin: 0px; padding:0px;text-align: center; padding-top: 20px}	
.foot_nav_fa{ height: 140px; width: 120px; }

.foot_nav_R{justify-content:space-between}
.foot_nav_R li{ margin: 0px; padding: 0;width:auto;float:none;}
.foot_2wm{width: auto;float: none;  text-align: center;display: inline-block; margin: 0 10px;}
.foot_2wm_box { max-width: 100%; display: block;justify-content:inherit;flex-wrap: wrap;}
.foot_2wm{ width:auto; margin: 0 5px;text-align: center; display: inline-block;}
.foot_nav_R li:nth-child(2) dl dt{ text-align: left;}
}


@media screen and (max-width: 1000px) {
.foot_bg{ padding: 30px 0px;}
.foot_2wm:nth-child(4){display: none;}
.foot_cop_xx{display:block;justify-content:inherit;}
.foot_cop_xx p{overflow: hidden;padding: 0;margin: 0;text-align: center; margin-bottom: 5px;}
.foot_cop_nav{ overflow: hidden; margin: 0px; padding:0px;display:block;justify-items:inherit;text-align: center;}
.foot_cop_nav a{display: inline-block;align-items: center;}

}
@media screen and (max-width: 930px) {
.foot_nav_R li{overflow: hidden; margin: 0px; padding:0px; margin-right: 0; margin-bottom: 10px;}
.foot_cop_nav{ overflow: hidden; margin: 0px; padding:0px;float: none;display:block; text-align: center}	
	.foot_cop_xx{text-align: center}

}

@media screen and (max-width: 800px) {
  .foot_2wm img{ width: 90px; height: 90px; vertical-align: top; border-radius: 8px;}
  .foot_2wm{margin: 0 5px;}
}

@media screen and (max-width: 750px) {
  .foot_nav_R li{width: 33.33%;float: left; margin-bottom: 15px; }
  .foot_nav_R li:nth-child(n+4){width: 25%;}
 .foot_nav_R li:nth-child(4){  clear: both; }
  .foot_nav_fa{ height: 115px; width:auto }
  .foot_nav_R{justify-content:inherit;display: block;}
  .foot_nav_fa{ width: 90px; }
  }
  
  @media screen and (max-width: 450px) {
    .foot_nav_R li{width:50%;float: left; }
    .foot_nav_R li:nth-child(3){ clear: both;}
    .foot_nav_R li:nth-child(3){  width: 50%;}
    .foot_nav_R li:nth-child(4){  width: 50%; clear:none }
    .foot_nav_R li:nth-child(5){ width: 33.33%; }
    .foot_nav_R li:nth-child(6){ width: 33.33%; }
    .foot_nav_R li:nth-child(7){ width: 33.33%; }
    .foot_nav_fa{ width: 120px; }
    }



 /* ---footer--//------ */

/*-------banner-----------*/
#fixed_1{ width:100%; height:600px ;background-size:cover; background:#0062b8; position: relative; display:-ms-flexbox;display: flex;align-items: center; position: relative;}
.banner_mask{overflow: hidden;width: 100%; height: 100%; position: absolute;
top:0;left:0;
z-index: auto; background: rgba(0, 0, 0, 0.3);}


@media only screen and (max-width:1300px) {
#fixed_1{ width:100%; height:450px ;background-size:cover;}
}


@media only screen and (max-width:1000px) {
#fixed_1{ width:100%; height:200px ;background-size:cover;}
}

@media only screen and (max-width:600px) {
#fixed_1{ width:100%; height:150px ;background-size:cover;}
}

 .common_top_title {overflow: hidden; position: relative; z-index: 2;}
 .common_top_title dl{overflow: hidden;color: #fff; text-align: center;}
 .common_top_title dl dt{overflow: hidden;font-size: 46px;font-weight: bold;letter-spacing:2px;}
 .common_top_title dl dd{overflow: hidden;text-transform:uppercase;font-weight: 300;font-size: 22px;}
 
 
 @media (max-width: 1250px) {
   .common_top_title dl dt{overflow: hidden;font-size: 28px; }	
   .common_top_title dl dd{overflow: hidden;font-size: 16px; }	
 }
 @media (max-width: 1100px) {
   .common_top_title dl dt{overflow: hidden;font-size: 24px; }
   .common_top_title dl dd{overflow: hidden;font-size: 14px; }	
 }

 .sub_nav_box{overflow: hidden;background: #ededed; padding: 15px 0px; position: relative;}
 .sub_nav{ padding: 0px; overflow: hidden;justify-content: flex-start; flex-wrap: wrap;display: flex;}
 .sub_nav li{padding: 0px 30px;list-style: none;height:44px;line-height:44px; 
   color:#222; border-radius: 40px;
   text-align: center ;}
 
 .sub_nav li a{font-size: 18px;color: #111;}
 .sub_nav li:hover{ background:#0062b8;color:#fff;}
 .sub_nav li:hover a{color: #fff;}
 .sub_nav .on{background:#0062b8;color:#fff;}
 .sub_nav .on a{color: #fff;}


 .sub_nav_s{ margin: 0 auto;padding: 0px; text-align: center;max-width:700px; overflow: hidden}
 .sub_nav_s li{padding: 0px;list-style: none;width:49%; background:#ddd;text-align:center;
   height:44px;font-weight: normal; margin-right:2%;  line-height:44px; color:#222;transition:all .1s;float: left;
    border-radius: 40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
 .sub_nav_s li:nth-child(2n){ margin-right: 0}
 
 .sub_nav_s li a{font-size: 18px;color: #111;}
 .sub_nav_s li:hover{ background:#0062b8;color:#fff;}
 .sub_nav_s li:hover a{color: #fff;}
 .sub_nav_s .on{background:#0062b8;color:#fff;}
 .sub_nav_s .on a{color: #fff;}
 
 
 @media (max-width: 1200px) {
 .sub_nav_s li a{font-size: 16px;}		
 
 }

 @media (max-width: 500px) {
  .sub_nav_s li{height:40px;line-height:40px;margin-right:1%;width:49.5%;}	
  .sub_nav_s li a{font-size: 14px;}		
  .sub_nav_s li{height:40px;line-height:40px;}	
  
  }
 


/*---------about-------------*/
.about_L{ overflow:hidden; padding:0px; margin:0px; float:left; width:50%; margin-bottom:20px}
.about_L_txt{ font-size:16px; line-height:220%;overflow:hidden; padding:0px; margin:0px;}
.about_R{ overflow:hidden; padding:0px; margin:0px; float: right; width:46%; }
.about_R img{ width:100%; height:auto; vertical-align:top}

.gsjs_bt{font-size: 36px;width: 100%;margin: 0px 0px 25px 0px;line-height: 40px; color:#111;font-weight: bold}

@media screen and (max-width: 1400px) {
.gsjs_bt{font-size: 30px;margin: 0px 0px 15px 0px;}	
.about_L{ overflow:hidden; padding:0px; margin:0px; float:left; width:50%; margin-bottom:20px}
.about_R{ overflow:hidden; padding:0px; margin:0px; float: right; width:47%; }
}
@media screen and (max-width: 1200px) {
.gsjs_bt{font-size: 25px;margin: 0px 0px 15px 0px;text-align: center}	
.about_L{ overflow:hidden; padding:0px; margin:0px; float: none; width:100%; margin-bottom:20px}
.about_R{ overflow:hidden; padding:0px; margin:0px; float: none; width:100%; }
}




/*---------content-----------*/
.content_bt{ width:100%; line-height:34px; font-size:24px;margin-bottom:15px; color:#222; }
.content_time{width:100%; border-bottom:#ededed 1px solid; font-size:14px; color:#666666; padding-bottom:15px; margin-bottom:15px; line-height:25px; overflow: hidden;display:-ms-flexbox;display: flex;align-items: center;justify-content: center;}
.i_date{margin-right:5px;}
.i_from{ margin-right:5px}
.i_View{overflow: hidden;}

.news_title_bt{ width:100%; line-height:34px; font-size:25px;margin-bottom:15px; color:#222; font-weight: 600; text-align:center;}
.content_time i{ font-size:16px; color:#999999; margin-right:2px; font-weight:300}

@media screen and (max-width: 1300px) {
.news_title_bt{ line-height:30px; font-size:22px;}
}
@media screen and (max-width: 768px) {
.news_title_bt{ width:100%; line-height:28px; font-size:20px; padding-top:10px;font-weight:bold;text-align: center }
.content_time{font-size:12px; justify-content: center; }
.content_time i{ font-size:14px;}
}

@media screen and (max-width: 650px) {
.content_time{text-align: center}	
}



.content_txt{line-height:200%; color:#333333; font-size:16px; overflow:hidden;}
.content_txt p{line-height:200%; color:#333333; font-size:16px; overflow:hidden;}
.content_txt img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;}


.content_img{overflow:hidden; width:100%; text-align:center;font-size:16px;vertical-align: top; }
.content_img img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;vertical-align: top; }

.content_txt table{ table-layout: fixed;word-break: break-all; }
.content_txt table td{border:1px solid #999;}
.content_txt table{border:1px solid #999;} 

@media (max-width: 1300px) {
.content_img{overflow:hidden; width:100%; text-align:center;}
}

/*-------honor---------*/
.honor{overflow: hidden;}
.honor li{overflow: hidden;width:18.4%; float: left;  margin-right: 2%; margin-bottom: 20px;}
.honor li dl{overflow: hidden;}
.honor li dl dt{overflow: hidden;background: #fff;border: 1px solid #ddd;}
.honor li dl dt img{width: 100%; height: auto;}
.honor li dl dd{overflow: hidden;font-size: 16px; line-height: 30px;white-space:nowrap;text-overflow:ellipsis;text-align: center; padding: 10px 0px;}

.honor li:nth-child(5n){margin-right: 0;}


@media (max-width: 1200px) {
.honor li dl dd{font-size: 14px; line-height: 26px; }

}
@media (max-width: 900px) {
  .honor li dl dd{font-size: 14px; line-height: 26px; }
  .honor li{overflow: hidden;width:23.5%;}
  .honor li:nth-child(5n){margin-right: 2%;}
  .honor li:nth-child(4n){margin-right: 0;}
  .honor li dl dd{ padding: 6px 0px;}
  }
  




@media (max-width: 640px) {
	.honor li{width: 32%; float: left; margin-bottom: 15px; }
  .honor li:nth-child(5n){margin-right: 2%;}
  .honor li:nth-child(4n){margin-right: 2%;}
	.honor li:nth-child(3n){margin-right: 0;}


}

@media (max-width: 450px) {
	.honor li{width: 49%; float: left; }
  .honor li:nth-child(5n){margin-right: 2%;}
	.honor li:nth-child(4n){margin-right:2%;}
	.honor li:nth-child(3n){margin-right:2%;}
	.honor li:nth-child(2n){margin-right:0;}
}

/*-----page------*/


.post_prev_box{width: 100%; height: auto; margin: 0px; padding: 0px; margin-top:30px; margin-bottom: 20px; overflow: hidden;}

.post_prev{width: 50%;line-height: 20px;padding: 20px;background:#f2f2f2; float: left;display: flex}
.post_prev .icon{width: 20px;line-height: 20px; position: relative;height: 20px;}
.post_prev .n_title{width: calc(100% - 30px);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: inline-block; line-height: 20px;font-size: 14px}
.post_prev .icon i{ font-size: 24px; line-height: 20px;color: #ccc; vertical-align: middle; margin-top: -5px}
.post_prev .icon::before{width:1px;height:14px;position:absolute;right:5px;background:#ccc;content:'';z-index: 5;top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);}

.post_next{width: 50%;line-height: 20px;padding: 20px;background:#f2f2f2; float: right;display: flex}
.post_next .icon{width: 20px; display:inline-block;line-height:20px; height: 20px; position:relative;float:right; text-align: right; margin-left: 5px}
.post_next .n_title{width: calc(100% - 30px);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: inline-block;line-height: 20px; font-size: 14px}
.post_next .icon i{ font-size: 24px; line-height: 20px; vertical-align:top;color: #ccc; }
.post_next .icon::before{width:1px;height:14px;position:absolute;left:5px;background:#ccc;content:'';z-index: 5;top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);}

.post_prev .n_title a{ line-height: 20px; display: inline;font-size: 16px}
.post_next .n_title a{ line-height: 20px; display: inline;font-size: 16px}

.post_prev:hover{ background: #005cbb}
.post_prev:hover a{ color: #fff}
.post_next:hover{ background: #005cbb}
.post_next:hover a{ color: #fff}

@media screen and (max-width: 1300px) {
	
.post_prev .n_title a{ line-height: 20px; display: inline;font-size: 14px}
.post_next .n_title a{ line-height: 20px; display: inline;font-size: 14px}	
}

@media screen and (max-width: 900px) {
.post_prev{width: 100%; margin-bottom: 15px}
.post_next{width: 100%;}
}



.prev_next_box_xx{ overflow: hidden; padding: 20px 0px 0px 0px; margin-top: 30px; border-top: #ddd 1px solid;}
.prev_next_box_xx li{overflow: hidden;font-size: 16px; list-style: 26px; padding: 5px 0px;}
.prev_next_box_xx li a{overflow: hidden;font-size: 16px; list-style: 26px;}
.prev_next_box_xx li a:hover{color:#0062b8;;}

@media (max-width: 1300px) {
.prev_next_box_xx li a{font-size: 14px;}
}


#pages {
  text-align: center; overflow:hidden; margin:0px; margin-top: 30px; margin-bottom: 10px
}

#pages li {
  margin: 0 2px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: #e6e6e6;
  color: #333;
  display: inline-block; margin-bottom: 5px;
}
#pages li a{
  font-size: 14px;
  display: block;
  padding: 0 12px;
}
#pages li span{
  font-size: 14px;
  display: block;
  padding: 0 12px;
}
#pages li.active {
  text-align: center;
  background:#0062b8;
  color: #fff;
  display: inline-block;
}

#pages li:hover {
  background: #0062b8;
}

#pages li:hover a {
  color: #fff;
}



/*---------pro----------------*/

.cp_pd_box{overflow: hidden;}
.cp_pd_box li{overflow: hidden; width: 48%; margin-right:4%;float: left; background: #fff; border-radius: 5px;}
.cp_pd_box li dl{overflow: hidden; padding: 40px 20px; text-align: center;}
.cp_pd_box li dl dt{overflow: hidden;margin-bottom: 20px;}
.cp_pd_box li dl dt img{ height: 70px; width: auto;}
.cp_pd_box li dl dt h3{overflow: hidden;font-size: 24px;font-weight: 600; position: relative; padding-bottom: 15px; }
.cp_pd_box li dl dd{overflow: hidden;font-size: 16px; color: #666;line-height: 26px; min-height: 78px; }
.cp_pd_box li:nth-child(2n){margin-right:0}
.cp_pd_box li dl dt h3::before{content: "";position: absolute; bottom:0; width: 40px; height: 4px;  background: #009320;left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;
}

.cp_pd_box li:hover dl dt h3::before{width: 80px;}

@media screen and (max-width: 1250px) {
	.cp_pd_box li dl dt h3{font-size: 20px; }
	.cp_pd_box li dl dd{font-size: 14px; }
}

@media screen and (max-width: 600px) {
	.cp_pd_box li dl dt img{ height: 50px; width: auto;}
	.cp_pd_box li{overflow: hidden; width: 48.5%; margin-right:3%;}
	.cp_pd_box li dl{overflow: hidden; padding: 30px 10px;}
	.cp_pd_box li dl dt h3{font-size: 18px; }
}
@media screen and (max-width: 350px) {
  .cp_pd_box li{overflow: hidden; width: 100%; margin-right:0; margin-bottom: 20px;}
  .cp_pd_box li:last-child{margin-bottom: 0}
}

.btn_cp_m{width: 140px; line-height: 34px; border: 1px solid #0062b8; text-align: center; margin: 0 auto; margin-top: 10px; border-radius: 30px; }
.btn_cp_m a{display: flex;align-items: center;justify-content: center; color: #0062b8;}
.btn_cp_m i{font-size: 18px; margin-left: 4px; color: #0062b8;}
.btn_cp_m:hover{ background:#0062b8;color:#fff}
.btn_cp_m:hover a{  color:#fff}
.btn_cp_m:hover i{  color:#fff}

.cp_pd_box li:hover .btn_cp_m{ background:#0062b8;color:#fff}
.cp_pd_box li:hover .btn_cp_m i{  color:#fff}
.cp_pd_box li:hover dl dt h3{ color: #0062b8;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;
}

.boxleft{ overflow:hidden; padding:0px; margin:0px; float:left; width:18%;}
.boxright{ overflow:hidden; padding:0px; margin:0px; float: right; width:79%; display: block}

@media only screen and (max-width:1250px) {
  .boxleft{ width:22%; overflow:hidden; float:left; display:block}
  .boxright{ width:75%; overflow:hidden; float: right; display:block}
  }

@media only screen and (max-width:1024px) {
.boxleft{ width:24%; overflow:hidden; float:left; display:block}
.boxright{ width:73%; overflow:hidden; float: right; display:block}
}
@media only screen and (max-width:1000px) {
.boxleft{ width:100%; overflow:hidden; float:left; margin-bottom:10px;display:none}
.boxright{ width:100%; overflow:hidden; float: left;}
.lm_btK{ display:none}
}

.list_lm{text-align:center; color:#fff; font-weight:700; font-size:22px;background:#0062b8; margin-bottom:6px}
.list_lm h3{ margin-right:10px; overflow:hidden; width:auto; line-height:60px; font-size:22px;font-weight:700;}
.list_lm h3 span{ vertical-align:middle; margin-right:5px}
.list_lm h3 span img{ vertical-align:middle}

.zw_column{ width:100%; position:relative; margin-bottom:40px; display: flex;flex-wrap:wrap; height: 90px;position: relative;justify-content: space-between;align-items: center;}
.zw_column span{ height:36px; line-height:36px; font-size:22px; color:#444; }

.r_colum{overflow: hidden;display: flex;justify-content: flex-start; align-items: center;font-size: 14px; color: #888;flex-wrap: wrap;}
.r_colum a{font-size: 14px; }
.r_colum a:hover{color:#0062b8; }

.zw_column::after {
	content: "";
	width: 42px;
	height: 2px;
	background-color: #0062b8;
	position: absolute;
	bottom:0px; z-index: 2;
	left: 0px;
  }

  .zw_column::before {
	content: "";
	width: 100%;
	height: 1px;
	background-color: #ddd;
	position: absolute;
	bottom:0px; z-index: 1;
	left: 0px;
  }

@media only screen and (max-width:1300px) {
.zw_column{margin-bottom:30px; display: flex; height: 70px; }
.zw_column span{font-size:20px; }
}

@media only screen and (max-width:1000px) {
.zw_column{margin-bottom:20px; display: flex; height: 45px; }
}

@media only screen and (max-width:700px) {
    .zw_column{margin-bottom:20px; display: flex; height: auto; padding-bottom:15px; }
    }
    
.next_k{ padding:0px;margin-top:15px; border-top:#CCCCCC 1px solid;}
.next_k ul{margin:0px; padding:0px; margin-top:10px}
.next_k ul li{ line-height:26px; margin:0px; padding:5px 0px; color:#666666;  list-style:none; }

  
@media only screen and (max-width:1100px) {
.next_k ul li,.next_k ul li a{font-size:14px}
}



.video_list{overflow:hidden;}
.video_list li{margin: 0px; padding: 0px;overflow:hidden;width: 23.8%; margin-right:1.6%; margin-bottom: 20px;float: left;}
.video_list li:nth-child(4n){margin-right: 0px;}





.works_list{margin:0px; padding:0px; overflow:hidden}
.works_list li{margin:0px; padding:0px; overflow:hidden; width: 23.5%; float: left; margin-right: 2%; margin-bottom: 20px; position: relative; }

.works_list li .img_pic{overflow: hidden; position: relative; border: 1px solid #ddd; }
.works_list li .img_pic .product_img{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; }
.works_list li .img_pic .product_img img{display: block;width:100%;height: auto;}
.works_list li:hover .img_pic .product_img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.works_list li:nth-child(4n){ margin-right: 0}

.works_list li .img_pic:hover {border: 1px solid #0062b8; }
.works_list li .works_title{ font-size: 16px;line-height: 30px; padding: 10px 5px 10px 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color: #444;position:relative;text-align: center;}
.works_list li .works_title:hover { color:#0062b8; }


.works_mask_bg{ position: absolute; z-index: 2; width: 100%; height: 40%; left: 0; bottom: -100%; background: rgba(0, 0, 0, 0.5);
  transition: 0.2s;-moz-transition: 0.2s;-webkit-transition: 0.2s;}
.works_mask_sm_text{ margin: 15px;font-size: 14px;color: #fff; line-height: 24px;max-height:72px;overflow: hidden;}

.works_list li:hover .works_mask_bg{ bottom:0; transition: 0.2s;-moz-transition: 0.2s;-webkit-transition: 0.2s;}

@media only screen and (max-width:1300px) {
  .works_mask_sm_text{ margin: 10px;font-size: 14px;color: #fff; line-height: 24px;max-height:48px;overflow: hidden;}
}

@media only screen and (max-width:1000px) {
  .works_mask_bg{ display: none;}
}


@media only screen and (max-width:1200px) {
.works_list li .works_title{ font-size: 14px; line-height: 24px;}

}

@media only screen and (max-width:800px) {
	.video_list li{ width: 32%; }
	.video_list li:nth-child(4n){ margin-right: 2%; }
	.video_list li:nth-child(3n){ margin-right: 0}

	.works_list li .works_title{padding: 5px 0px 5px 0px;}
}


@media only screen and (max-width:750px) {
	.video_list li{ width: 48.5%;  margin-right: 3%;}
	.video_list li:nth-child(4n){ margin-right: 3%}
	.video_list li:nth-child(2n){ margin-right: 0}

	.works_list li{ width: 48.5%;  margin-right: 3%;}
	.works_list li:nth-child(4n){ margin-right: 3%}
	.works_list li:nth-child(2n){ margin-right: 0}
}




.pc_cx_btn_k {width: 180px; margin-top: 20px}
.pc_cx_btn_k:hover .pc_cx_btn {background:#009320;}
.pc_cx_btn i{ vertical-align: middle;font-size: 24px}
.pc_cx_btn_k a{display: inline}
.pc_cx_btn {
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    height: 50px;
    border-radius:40px;
    background: #0062b8;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: 300;
}

@media only screen and (max-width:900px) {
.pc_cx_btn_k {margin: 0 auto;margin-top: 10px;width: 150px; }
.pc_cx_btn { line-height: 40px;text-align: center;font-size: 16px;height: 40px;}
}

.fa_xx_tu{ overflow:hidden; margin:0px; padding:0px;}
.fa_xx_tu_L{ overflow:hidden; margin:0px; padding:0px; text-align:center; float:left; width:52%}

.fa_xx_tu_R{ overflow:hidden; margin:0px; padding:0px; float: right; width:46%}
.fa_xx_tu_R dl{overflow:hidden; margin:0px; padding:0px;}
.fa_xx_tu_R dl dt{overflow:hidden; margin:0px; padding:0px; font-size:22px; color:#222; margin-bottom:10px; line-height:30px;}
.fa_xx_tu_R dl dd{overflow:hidden; margin:0px; padding:0px; font-size:16px; line-height:190%; color:#666}

@media only screen and ( max-width:1300px ) {
.fa_xx_tu_R dl dt{ font-size:20px;line-height:26px}
}


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

.fa_xx_tu_L{ overflow:hidden; margin:0px; padding:0px; text-align:center; float:left; width:55%}
.fa_xx_tu_R{ overflow:hidden; margin:0px; padding:0px; float: right; width:43%}
.fa_xx_tu_R dl dt{ font-size:18px; }
.fa_xx_tu_R dl{overflow:hidden; margin:0px; padding:0px; margin-top:0px}
}

@media only screen and ( max-width:900px ) {
.fa_xx_tu_L{  float: none; width:100%;margin-bottom:20px}
.fa_xx_tu_R{ float:  none; width:100%}

.fa_xx_tu_R dl dt{text-align:center;}


}

@media only screen and ( max-width:700px ) {
.fa_xx_tu_R dl{ padding:10px; }
.fa_xx_tu_R dl dd{ font-size:14px; line-height:22px;}

}





/*---------book---------------*/
.form_input-flexing{display: flex; gap: 20px;}
.form_df-input {flex-basis: 50%;position: relative;margin-top: 20px;}
.form_df-input input {border: 1px solid #5E5E5E45; padding: 0 20px 0 40px;height: 50px; width: 100%;border-radius:5px;font-size: 16px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; color: #222; background: rgba(255,255,255,0.8)}
.form_df-input i{position: absolute; z-index: 1; left: 8px;top: 12px;
font-size: 25px; vertical-align: top;  color:#ccc}
.form_texting-fild {margin-top: 20px;position: relative;}
.form_texting-fild textarea { border: 1px solid #5E5E5E45;height: 80px; padding: 10px 20px 10px 20px; width: 100%;border-radius:5px;font-family:"Microsoft YaHei";font-size: 16px;color: #222; background: rgba(255,255,255,0.8)}

.form_df-input input:focus {border-color:#80bdff;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.form_texting-fild textarea:focus {border-color:#80bdff;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.form_df-input input::placeholder {color:#666;}
.form_texting-fild textarea::placeholder {color:#666;}
.form_df-input input[type='number']::-webkit-inner-spin-button{appearance:none;-moz-appearance:textfield}
.form_btn_k {width: 200px;margin: 0 auto;}
.form_btn_k:hover .form_btn { background:#009320;}
.form_btn {
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    height: 50px;
    border-radius:40px;
    background: #0062b8;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: 300;
}
.form_btn i{font-size: 20px; vertical-align: middle; margin-right: 4px; line-height: 50px}

@media only screen and (max-width:800px) {
.form_texting-fild textarea {font-size: 14px;}
.form_df-input input {height: 46px;font-size: 14px}
.form_df-input i{top: 10px; }	
}

@media only screen and (max-width:450px) {
.form_df-input {flex-basis: 100%;margin-top: 15px;}
.form_input-flexing{gap:0;display: block;}
}

.form_btn_k button{border: 0; width: 100%}
.form_btn_k button:focus{border: 0;}


/*---------book-//-------------*/


/*---------fa---------------*/
.fa_list{overflow: hidden;}
.fa_list li{overflow: hidden;width: 23.5%;  float: left; margin-right: 2%; margin-bottom: 20px; padding: 20px 10px;
   background: #f5f5f5; border-radius: 5px;}
.fa_list li dl{overflow: hidden;}
.fa_list li dl dt{overflow: hidden;font-weight: bold; color: #222; line-height: 40px;font-size: 18px;white-space:nowrap;text-overflow:ellipsis;}
.fa_x_icon{ width: 40px;float: left; margin-right: 10px;display: flex;float: left;justify-items: center; align-items: center;}
.fa_x_icon img{width: 40px; height: 40px; vertical-align: top;filter:invert(.5); -webkit-filter:invert(.5);}
.fa_list li:hover{background: #0062b8}
.fa_list li:hover dl dt{color: #fff}
.fa_list li:hover .fa_x_icon img{filter:invert(0); -webkit-filter:invert(0);}  
.fa_list li:nth-child(4n){margin-right: 0;}

@media only screen and (max-width:1200px) {
  .fa_list li dl dt{line-height: 30px;font-size: 16px;}
  .fa_x_icon{ width: 30px;}
  .fa_x_icon img{width: 30px; height: 30px;}

}


@media only screen and (max-width:1000px) {
  .fa_list li dl dt{line-height: 30px;font-size: 16px;}
  .fa_list li{overflow: hidden;width: 32%;  padding: 15px 10px;}
  .fa_list li:nth-child(4n){margin-right: 2%;}
  .fa_list li:nth-child(3n){margin-right: 0;}
}

@media only screen and (max-width:720px) {
  .fa_list li{overflow: hidden;width:49%;  padding: 15px 10px; margin-bottom: 15px;}
  .fa_list li:nth-child(4n){margin-right: 2%;}
  .fa_list li:nth-child(3n){margin-right: 2%;}
  .fa_list li:nth-child(2n){margin-right: 0;}
  .fa_list li dl dt{font-size: 14px;}
}

@media only screen and (max-width:480px) {
  .fa_x_icon{ width: 30px; margin-right: 0;float: none;  margin: 0 auto ; margin-bottom: 2px;}
  .fa_list li dl dt{text-align: center;}
  .fa_list li{overflow: hidden;padding: 15px 2px;}
}

.Public_pic{overflow: hidden; position: relative; }
.Public_pic .Pub_img{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; }

.Public_pic .Pub_img img{display: block;width:100%;height: auto;}
.Public_pic:hover .Pub_img{transform: scale(1.05); -webkit-transform: scale(1.05);}
.Pub_title{ font-size: 16px;line-height: 24px; padding: 10px 10px 10px 10px;overflow:hidden;background: #f6f6f6; height:68px ;
  color: #444;position:relative;}
.plan_list li:hover .Pub_title{ color:#fff; background: #0062b8; }

.Pub_title1{ font-size: 16px;line-height: 24px; padding: 15px 10px 15px 10px;overflow:hidden;background: #f6f6f6;
  color: #333;position:relative;  text-align: center;white-space:nowrap;text-overflow:ellipsis;}
  .plan_list li:hover .Pub_title1{ color:#fff; background: #0062b8; }

.plan_list{overflow: hidden;}

.plan_list li{overflow: hidden;float: left; width: 23.5%; margin-right: 2%; margin-bottom: 25px;}
.plan_list li:nth-child(4n){margin-right: 0;}

@media only screen and (max-width:1300px) {
  .Pub_title{ font-size: 14px;}
}
@media only screen and (max-width:1000px) {
  .plan_list li{width: 32%;margin-bottom: 20px;}
  .plan_list li:nth-child(4n){margin-right: 2%;}
  .plan_list li:nth-child(3n){margin-right: 0;}
}

@media only screen and (max-width:640px) {
  .plan_list li{width: 49%;margin-bottom: 20px;}
  .plan_list li:nth-child(4n){margin-right: 2%;}
  .plan_list li:nth-child(3n){margin-right: 2%;}
  .plan_list li:nth-child(2n){margin-right: 0;}
}


@media only screen and (max-width:410px) {
  .plan_list li{width: 100%;margin-bottom: 20px;}
  .plan_list li:nth-child(4n){margin-right: 0;}
  .plan_list li:nth-child(3n){margin-right: 0;}
  .plan_list li:nth-child(2n){margin-right: 0;}
}





.fa_case_list{overflow: hidden;}

.fa_case_list li{overflow: hidden;width: 23.5%;  float: left; margin-right:2%; margin-bottom: 25px; background: #fff; }
.fa_case_list li:nth-child(4n){margin-right: 0;}
@media only screen and (max-width:1250px) {
  .fa_case_list li .Pub_title1{ font-size: 14px;}
}



@media only screen and (max-width:750px) {
  .fa_case_list li{overflow: hidden;width: 49%; }
  .fa_case_list li:nth-child(4n){margin-right: 2%;}
  .fa_case_list li:nth-child(2n){margin-right: 0;}
}



.case_list{overflow: hidden; }
.case_list li{overflow: hidden;width: 23.5%;  float: left; margin-right:2%; margin-bottom: 25px; background: #fff; }

.case_list li .Pub_title1{ font-size: 14px;line-height: 24px; padding: 10px 0px 10px 0px;overflow:hidden;
  color: #333;position:relative;  text-align: center;white-space:nowrap;text-overflow:ellipsis;}
.case_list li:nth-child(4n){margin-right: 0;}

.case_list li:hover .Pub_title1{color: #0062b8;}


@media only screen and (max-width:1000px) {
  .case_list li{overflow: hidden;overflow: hidden; margin-bottom: 20px; }

  .case_list li .Pub_title1{ padding: 6px 0px 6px 0px;}

}


@media only screen and (max-width:750px) {
  .case_list li{overflow: hidden;width:48.5%; margin-right: 3%; margin-bottom: 10px; }
  .case_list li:nth-child(5n){margin-right: 3%;}
  .case_list li:nth-child(4n){margin-right: 3%;}
  .case_list li:nth-child(2n){margin-right: 0;}
}



.screen_box{overflow: hidden; border-bottom:  1px solid #eee; padding-bottom: 25px;  position: relative;}
.screen_nav{overflow: hidden; }
.screen_nav li{overflow: hidden;display: flex;justify-content: flex-start;align-items: center; margin-bottom: 15px;flex-wrap:wrap;gap: 10px;}
.screen_nav li div{ display: inline-block}
.screen_nav li .KeysButton{padding: 0px 10px; line-height: 36px; font-size: 16px;}
.screen_nav li .active{ color: #fff; background:#0062b8; border-radius: 30px;}
.screen_nav li .active a{ color: #fff;}
.screen_nav li .KeysButton:hover{color: #FFFFFF; background: #0062b8; border-radius: 30px;}
.screen_nav li .KeysButton:hover a{color: #FFFFFF;}
.screen_nav li:last-child{ margin-bottom:0}

@media only screen and (max-width:800px) {
  .screen_nav li .KeysButton{font-size: 14px;}
.screen_nav li{overflow: hidden;display:block;justify-content:inherit;flex-wrap:nowrap;gap: 0px; margin-bottom: 20px;}
.screen_nav li .KeysButton{padding: 0px 10px; line-height: 34px;min-width: 50px;}
}


.wzdh_k{ overflow:hidden; line-height:40px;font-size:16px;color:#666; margin: 10px 0px;display: flex;align-items: center;}
.wzdh_k span a{ font-size:16px; color:#666}
.wzdh_k i{ margin-right:3px;color:#666;font-size:18px;}

@media screen and (max-width:1400px) {
	
.wzdh_k{ line-height:30px;font-size:14px;}
.wzdh_k span a{ font-size:14px;}
.wzdh_k i{ margin-right:3px;color:#666;font-size:16px;}
}

.main_inbox{ overflow:hidden;  margin:0px;  padding: 8% 6%;}


.side_R{ margin:0px; padding:0px; overflow:hidden; float:right; width:20%;}
.side_L{ margin:0px; padding:0px; overflow:hidden; float: left; width:77%; background:#fff;}

@media screen and (max-width: 780px) {
.main_inbox{ overflow:hidden;  margin:0px; padding: 50px 6%;}
}


@media (max-width:1100px){
	.side_R{float:none; width:100%;}
	.side_L{float:none; width:100%; margin-bottom: 20px;}
	}
	

	.fix { *zoom: 1; *clear: both;}
	.fix:before, .fix:after { display: table; clear: both; content: '';}
	._tools {  padding:10px 10px; background: #fff; margin-top: 20px; display:-ms-flexbox;display: flex;justify-content: space-between;align-items: center;}
	._back { font-size:18px; font-weight:normal; font-weight:bold; color:#676767; height:26px; line-height:26px; padding-right:40px; height: 26px;}
	._tool{margin:0 4px;display: inline-block; vertical-align: middle;}
	._back a:hover{ color:#0262da}
	._back a:hover i{ color:#676767}
	._tool i{font-size: 24px; line-height: 26px; vertical-align:middle;height: 26px;}
	
	.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more {
	float: left;
		font-size: 18px;
		padding-left: 17px;
		line-height:30px;
		height: 30px; width:30px;
		background:url(../images/share.svg) no-repeat  left center; background-size:30px 30px;
		background-repeat: no-repeat;
		cursor: pointer;
		margin: 6px 6px 6px 0; overflow: hidden
	}
	._tool a{display:inline}
	.prev_next_box{ overflow:hidden; margin:0px; padding:0px; background:#fff}
	.prev_next_box  dl{overflow:hidden; margin:0px; padding:30px 20px 20px 20px}
	.prev_next_box  dl dt{overflow:hidden; margin:0px; padding:0px; font-size:18px; line-height:30px; color:#000000; font-weight:bold; }
	.prev_next_box  dl dt i{font-size:22px; line-height:30px; color:#666; font-weight:bold; margin-right:5px; vertical-align:middle}
	.prev_next_box  dl dd{overflow:hidden; margin:0px; padding:5px 0px; font-size:14px; line-height:26px;}
	.prev_next_box  dl dd a{ color:#666666}
	.prev_next_box  dl:first-child dd{ margin-bottom:15px;border-bottom:#eee 1px solid}
	
	.prev_next_box  dl dd:hover a{ color: #005fb8}
	.fixedMenu1{overflow:hidden; padding:0px; z-index:99; margin:0px; background:#fff; max-width:260px}
	
	@media only screen and (max-width:1100px){
	.fixedMenu1{overflow:hidden;padding:0px; z-index:99; margin:0px; position: static; max-width:100%; width:100%; }
	.prev_next_box  dl{overflow:hidden; margin:0px; padding:20px 20px 20px 20px}
	.prev_next_box  dl dt{overflow:hidden; margin:0px; padding:0px; font-size:16px; line-height:30px; color:#000000; font-weight:bold; }
	.prev_next_box  dl dt i{font-size:20px; line-height:28px; color:#666; font-weight:bold; margin-right:5px; vertical-align:top}
	.prev_next_box  dl dd{overflow:hidden; margin:0px; padding:5px 0px; font-size:14px; line-height:22px;}
	._tools { text-align:right; padding:10px 20px; border-bottom:#f5f5f5 2px solid}
	}
	
	.R_title_bt{ font-size:18px;font-weight:bold; width:100%}




/*---------news---------------*/
.list_box{padding:40px 40px 40px;position:relative;-webkit-transition: all 0.3s ease;transition: all 0.3s ease; overflow:hidden; background: #fff}
.list_box:after{content: "";width:88%;height:1px;background-color:#e6e6e6;position:absolute;bottom:0;right:0;}


.list_main{overflow:hidden;}
.bd_r{width:20%; float:right}
.bd_c{width:80%;padding:0 8% 0 5%; float:left}

.see_number{font-size:12px;}
.see_number span { margin-right:20px;}
.see_number span i{font-size:16px; margin-right: 4px; vertical-align: middle}
.list_tool{font-size:12px;color:#c9c9c9;padding:10px 0px; overflow: hidden}
.list_tool .share{margin-left:20px;cursor:pointer;}
.list_time{font-size:14px;padding:0 ;border-right:1px solid #e6e6e6;font-family: Arial;width:66px; text-align: center}
.list_time_day{display:block;font-size:50px;color:#fff;line-height:50px;font-family:helvetica;font-family: 'AVGBBT';}
.list_time_year{display:block;font-size:14px;color:#fff;line-height:20px;font-family:helvetica;}
.list_time{ padding: 1% 1%; text-align: center; background: #0062b8; color: #fff; position: relative; width: 81px; float: left;}
.list_time:after{ content: "";position: absolute; width: 1px; height: 100%; background: #e6e6e6; display: block; top: 0; right: -25%; }
.list_time_day{ color: #fff; }
.list_box:after{ width: 86%; }     

*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-pic{padding-bottom: 66.55%;}
 
.list_n_list{ overflow:hidden; margin:0px; padding:0px}
.list_n_list li{ overflow:hidden; margin:0px; padding:0px; list-style:none}
.list_n_list li dl{ overflow:hidden; margin:0px; padding:0px;padding:0 5% 0 5%;}
.list_n_list li dl dt{margin:0px; padding:0px;font-size:20px;color:#222;font-weight:normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; margin-bottom: 8px;}
.list_n_list li dl dd{margin:0px; padding:0px;font-size:16px;color:#666;line-height: 26px;height:52px;overflow:hidden;}
.list_n_list li dl dt a{ color:#222}

.list_box:hover{ background:#e7ebee}
.list_n_list li:hover dl dt a{ color:#0062b8}
.list_n_list li:hover .list_time{ background:#009320}

.list_pic:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
@media only screen and (max-width:1400px) {
	.list_n_list li dl dd{padding:0px;font-size:14px;	}

}


@media only screen and (max-width:900px) {
.bd_r{width:25%;}
.list_box{padding:26px 14px 20px;position:relative;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}	
}

@media only screen and (max-width:800px) {
.list_tool{font-size:12px;color:#c9c9c9;}
.list_n_list li dl dd{line-height: 22px;height:44px;overflow:hidden; margin: 0px; padding: 0px}
.list_n_list li dl dt{font-size:18px;}
}

@media only screen and (max-width:650px) {
.bd_r{width:100%; float: none; margin-bottom: 20px}	
.list_box:after{content: "";width:100%;height:1px;background-color:#e6e6e6;position:absolute;bottom:0;right:0;}
.list_n_list li dl{ overflow:hidden; margin:0px; padding:0px;padding:0 0% 0 8%;}
}


@media only screen and (max-width:500px) {
.list_n_list li dl dt{font-size:16px;}
}




/*-------dv---------*/
.sp_list{overflow: hidden;}
.sp_list li{overflow: hidden; margin-bottom: 25px; margin-right: 2%; width: 23.5%;float: left;}
.sp_list li:nth-child(4n){margin-right:0}


@media screen and (max-width:1000px) {
	.sp_list li{ width: 32%;margin-bottom: 20px; }
	.sp_list li:nth-child(4n){margin-right:2%}
	.sp_list li:nth-child(3n){margin-right:0}
}

@media screen and (max-width:550px) {
	.sp_list li{ width: 48.5%; margin-right: 3%;}
	.sp_list li:nth-child(4n){margin-right:3%}
	.sp_list li:nth-child(3n){margin-right:3%}
	.sp_list li:nth-child(2n){margin-right:0}
}


.spbox{overflow: hidden; margin: 0 auto; padding: 0px; width: 94%;}
.new_tu{overflow:hidden; position:relative;  padding-top: 66.666%; background: #222}
.new_tu img{display: block;width: 100%; height:100%; position:absolute; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s; }
.new_tu:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; filter: alpha(opacity=80); opacity:0.8;}

.new_tu h3{ padding:10px 5px; margin: 0px; position: absolute; z-index: 2; bottom: 0px; float: left; left:0; background: rgba(0,0,0,.4); color: #fff; font-size: 16px; line-height: 30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; width: 100%}
.new_tu a{display:inline}

.new_tu h4{ padding:10px 5px; margin: 0px; position: absolute; z-index: 2; bottom: 0px; float: left; left:0; 
  background: rgba(0,0,0,.4); color: #fff; font-size: 16px; line-height: 30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; 
  width: 100%;  text-align: center;transition: 0.3s;;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.new_tu:hover h4{ padding:10px 5px 15px 5px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;background: rgba(0,0,0,.6);}
.new_tu .sp_mask{ position: absolute; z-index: 1; left: 0;width: 100%;top: 0; height: 100%; background: rgba(0,0,0,.3);bottom:0px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.new_tu .sp_btn{ position: absolute; z-index: 3; left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
transform: translate(-50%, -50%); color: #fff}
.new_tu:hover .sp_btn i{ color: #fff}

.new_tu:hover .sp_mask{ background: rgba(0,0,0,0);bottom:0px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.sp_btn i{text-shadow: 5px 5px 6px rgba(0,0,0,.3); font-size: 50px}

.new_tu .des_box{position: absolute;  z-index: 5; height: 100%; width: 100%; background: rgba(0,0,0,.6); float: left;left: 0px;top: 300px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.new_tu .des_box .des_txt{ color: #fff; font-size: 14px; line-height:25px;position: absolute;  z-index: 6; float: left;top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);  margin: 30px; max-height: 75px; overflow: hidden}
.new_tu .des_box .des_txt p{ color: #fff; font-size: 14px; line-height:25px; max-height: 75px;}
.new_tu a{display:inline;}

.sy_ldgh:hover  .des_box{ top:0;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.sy_ldgh:hover .txt_title a{ color: #006eab}

@media (max-width: 900px) {
.new_tu h4{font-size: 14px;padding:4px 5px; }
.new_tu .des_box .des_txt{ font-size: 12px; line-height:24px;max-height: 48px;overflow: hidden}
.new_tu .des_box .des_txt p{ font-size: 12px; line-height:24px;max-height: 48px;overflow: hidden}
}
@media (max-width: 600px) {
.sp_btn i{ font-size: 36px}
}

 /* --news_list_01------- */

 .mt_box{overflow: hidden;}
 .mt_box li{overflow: hidden; margin-bottom: 25px; margin-right: 2%; width: 23.5%;float: left;}
 .mt_box li:nth-child(4n){margin-right:0}
 

 @media screen and (max-width:1000px) {
	.mt_box li{ width: 32%;margin-bottom: 20px; }
	.mt_box li:nth-child(4n){margin-right:2%}
	.mt_box li:nth-child(3n){margin-right:0}
}

@media screen and (max-width:550px) {
	.mt_box li{ width: 48.5%; margin-right: 3%;}
	.mt_box li:nth-child(4n){margin-right:3%}
	.mt_box li:nth-child(3n){margin-right:3%}
	.mt_box li:nth-child(2n){margin-right:0}
}


 .news_list_01{overflow:hidden; padding: 0px; margin: 0px;position: relative;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; background: #fff}
 .news_list_01 a{display: inline}
 .news_list_01 dl{overflow:hidden; padding: 20px 20px; }
 .news_list_01 dl dt{overflow:hidden; padding: 0px; margin: 0px; font-size: 18px; color: #000; line-height: 30px;white-space:nowrap;text-overflow:ellipsis;margin-bottom: 15px;  position: relative; padding-bottom: 10px}
 .news_list_01 dl dd{overflow:hidden; padding: 0px; margin: 0px;white-space:nowrap;text-overflow:ellipsis;color:rgba(0, 0, 0, 0.6);font-size: 16px}
 
 .news_list_01 dl dt::after{ position: absolute; z-index: 2;left: 0px; bottom: 0px; width: 100%; height: 1px; background: rgba(0, 0, 0, 0.2);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; content: "";}
 .news_list_01 dl dt::before{ position: absolute; z-index: 3;left: 0px; bottom: 0px; width: 0; height: 1px; background: #fff;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; content: "";}
 
 
 .n_time{ position: absolute; z-index: 2; padding: 5px 10px;font-size: 12px; background: rgba(0, 0, 0, 0.2); float: left;left: 0px; bottom: 0; color: #fff; }
 .n_time i{font-size: 14px; }
 .news_list_01 .img_box_01{overflow: hidden; position: relative}
 .news_list_01 .img_box_01 .product_img{
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   transition: all 0.5s ease; 
   -webkit-transition: all 0.5s ease; overflow: hidden;
 }
 
 .news_list_01 .img_box_01 .product_img img{display: block;width:100%;height: auto; vertical-align: top}
 .news_list_01:hover dl dt{color:#fff}
 .news_list_01:hover dl dd{color:rgba(255, 255, 255, 0.9)}
 .news_list_01:hover .img_box_01 .product_img{transform: scale(1.1); -webkit-transform: scale(1.1);}
 .news_list_01:hover{box-shadow:0 0 10px 1px rgba(0,0,0,.1);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; background: #0062b8}
 .news_list_01:hover .n_time{ background: #0062b8;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; color: #fff}
 
 
 .news_list_01:hover dl dt::before{ width: 100%;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;}
 
 
 @media screen and (max-width: 1450px) {
 .news_list_01 dl dt{font-size:18px;line-height: 30px;}	
 }
 
 @media screen and (max-width: 1300px) {
 .news_list_01 dl dd{font-size: 14px}
 }
 
 @media screen and (max-width: 1000px) {
 .news_list_01 dl dt{font-size:16px;line-height: 24px;}
 }
 
 @media screen and (max-width:750px) {
 .news_list_01 dl dd{font-size: 14px; line-height: 24px}	
 }
 
 @media screen and (max-width:600px) {
 .news_list_dm li dl dd{ margin-bottom:0px; max-height: 48px;font-size: 14px; line-height: 24px;white-space:normal;text-overflow:inherit;}
 }

/*-----faq--------*/

.faqlist{ overflow:hidden; margin:0px; padding:0px;}
.faqlist li{ overflow:hidden; margin:0px; padding:0px; margin-bottom:20px; border:#E2E2E2 solid 1px; border-radius:5px}
.faqlist li dl{overflow:hidden; margin:15px; padding:0px; }
.faqlist li dl dt{overflow:hidden; margin:0px; padding:0px; margin-bottom:5px; border-bottom: #E2E2E2 1px dotted; font-size:18px; padding-bottom:5px; font-weight:bold;display: flex;align-items: flex-start}

.faqlist li dl dt i{ font-size:20px; color:#0062b8; margin-right: 6px; font-weight: bold; margin-left: 2px; margin-top: 3px;}
.faqlist li dl dd{overflow:hidden; margin:0px; padding:0px; font-size:14px; line-height:24px;color:#666666;max-height: 48px;}

.faqlist li:hover  dl dt{ color:#0062b8}
.faqlist li:hover{box-shadow:0 0 20px 1px rgba(0,0,0,.1);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}


@media only screen and (max-width:800px) {
.faqlist li dl dt{overflow:hidden; margin:0px; padding:0px; margin-bottom:5px; border-bottom: #E2E2E2 1px dotted; font-size:16px; padding-bottom:5px; }
}



/*--------联系我们---------------*/
.contact_info_bg{overflow: hidden; background: #f6f6f6; position: relative;}
.contact_info_R{overflow: hidden;float: right; width: 50%;height: 100%; }
.contact_info_L{overflow: hidden;float: left; width: 50%;position: relative; }

#allmap {height: 700px;width:100%;overflow: hidden;}


.contact_info_box{margin: 0 auto; width: 88%; overflow: hidden; padding: 30px 0px 10px 0px;}

.contact_info_title{overflow: hidden; margin-bottom: 10px;}
.contact_info_title dl{overflow: hidden;}
.contact_info_title dl dt{overflow: hidden;font-size: 24px; color:#111; font-weight: bold;}
.contact_info_title dl dd{overflow: hidden; color: #666;}


.contact_list{margin:0px; padding:10px 0px;overflow:hidden; border-top: #ccc 1px solid;border-bottom: #ccc 1px solid; margin-bottom: 20px;}
.contact_list li{margin:0px; padding:5px 0px;overflow:hidden; }
.contact_list li dl{margin:0px; padding:0px;overflow:hidden;}
.contact_list li dl dt{margin:0px; padding:0px;overflow:hidden;font-weight:normal;font-size: 14px; color: #666;letter-spacing: 1px; line-height: 20px}
.contact_list li dl dd{margin:0px; padding:0px;overflow:hidden;font-size: 16px; line-height: 24px; color: #000; word-wrap:break-word}


.lx_icon{overflow: hidden;padding:0px;text-align: center;width: 40px; height: 40px;float: left; margin-right: 15px; }
.lx_icon i{font-size:36px; color:#0062b8;vertical-align: middle}
.lx_icon img{width: 100%; height: auto; vertical-align: top}

.contact_2wm_box{ margin: 0px;}
.contact_2wm{ display: inline-block; margin-right:6px;}
.contact_2wm img{  width: 120px; height: auto; vertical-align: top;border-radius:8px}
.contact_2wm p{margin: 0px; padding: 0px; text-align: center; font-size: 14px; line-height: 30px;}
@media screen and (max-width: 1200px) {
  .contact_info_title dl dt{font-size: 20px;}
  .contact_2wm img{  width: 100px; }
}
@media screen and (max-width: 1000px) {
  .contact_2wm:nth-child(4){ display: none;}
  #allmap {height: 610px;width:100%;overflow: hidden;}
}


@media screen and (max-width: 800px) {
  .contact_info_R{overflow: hidden;float: right; width: 100%;height: 100%; }
  .contact_info_L{overflow: hidden;float: left; width: 100%;position: relative; }
  #allmap {height: 300px;width:90%;overflow: hidden; margin: 0 auto; margin-bottom: 30px;}


}
@media screen and (max-width: 500px) {
  .contact_2wm{  margin-right:0}
.contact_2wm_box{justify-content:space-between;display: flex;}

}
@media screen and (max-width: 360px) {
.contact_2wm img{  width: 90px; }
}
/*------搜索列表-------*/

.soso_txt{ overflow:hidden; margin:0px; padding:0px; margin-bottom:15px; font-size:18px; color:#333333; line-height:30px; text-indent:10px}
.soso_txt span{ font-size:20px; color:#FF0000; margin-left:4px; margin-right:4px}


@media only screen and (max-width:1200px) {
.soso_txt{ overflow:hidden; margin:0px; padding:0px; margin-bottom:5px; font-size:16px; color:#333333; line-height:24px;}
.soso_txt span{ font-size:16px; color:#FF0000}
}


.wx_news_list{ margin:0px; padding:0px; overflow: hidden}
.wx_news_list li{ margin:0px; padding:4px 0px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:18px; line-height:42px; border-bottom: #ccc 1px  dotted;position: relative;text-indent: 15px}

.wx_news_list li::after{ position:absolute; content: ""; width: 4px; height:4px; border-radius: 50%; border: 2px solid #005cbb; z-index: auto; float: left;top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);left: 0px}
.wx_news_list li:hover::after{ background: #22a565}



.wx_news_list li a{ display:inline; font-size:16px;color:#555;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.wx_news_list li span{ float:right; margin-left:20px; color:#555; font-size:16px}

.wx_news_list li:hover a{color:#005cbb}
.wx_news_list li i{ color:#3d94c1; margin-right: 5px;font-size:18px; }
.wx_news_list li:hover{ border-bottom: #005cbb 1px  dotted;}

@media (max-width: 1300px) {
.wx_news_list li a{ display:inline; font-size:16px;}
.wx_news_list li span{  font-size:14px}
.wx_news_list li{line-height:32px;}
}

@media (max-width: 900px) {
.wx_news_list li a{ display:inline; font-size:14px;}
.wx_news_list li span{  font-size:14px}
.wx_news_list li{line-height:30px;}
}

/*------join-------*/

.join_L{width: 70%;overflow: hidden;float: left;}
.join_R{width: 27%;overflow: hidden;float: right;}


@media screen and (max-width:1000px) {
  
.join_L{width: 100%;overflow: hidden;float: none;}
.join_R{width: 100%;overflow: hidden;float: none; margin-bottom: 20px;}
}

.jianli{overflow: hidden; border-radius: 6px; border:1px solid #d6d1e0; padding: 20px 20px; background: #f6f6f6;}
.jianli li{overflow: hidden; padding: 10px 0px;}
.jianli li dl{overflow: hidden;}
.jianli li dl dt{overflow: hidden;  line-height: 22px;}
.jianli li dl dd{overflow: hidden;font-size: 20px; color: #0062b8; line-height: 26px;  font-family: 'AVGBBT';}

.jianli_title{text-align: center;font-size: 22px; font-weight: bold; color: #fff; line-height:120px; border-radius: 6px;
   background: url(../images/jl_bg.jpg) no-repeat center; background-size: cover; margin-bottom: 20px;}

   @media screen and (max-width:1200px) {
    .jianli{padding: 20px 15px;}
    .jianli li dl dd{overflow: hidden;font-size: 18px; color: #0062b8; line-height: 24px;}
    .jianli_title{ background: none; line-height: 50px; color: #222; margin-bottom: 0;font-size: 20px;}

   }
   @media screen and (max-width:1000px) {
   .jianli li{overflow: hidden; padding: 10px 0px;float: left;width: 50%;display: flex; justify-content: center;}   }


   @media screen and (max-width:600px) {
    .jianli{padding: 20px 15px;}
    .jianli li dl dd{overflow: hidden;font-size: 18px; color: #0062b8; line-height: 24px;}
    .jianli_title{text-align: left;}
    .jianli{padding: 15px 15px;}
    .jianli li{overflow: hidden; ;float: none;width: 100%;display:block; justify-content:inherit;}
   }

   
.link_txt{ overflow:hidden; margin-top:5px; width:100%; float:left; display:block}
.link_txt ul{ margin:0px; overflow:hidden; padding:0px;}
.link_txt ul li{ width:auto; float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; padding:0px 15px 0px 0px;display: inline-block; line-height: 28px}
.link_txt ul li a{ font-size:14px; color:#fff}
.link_txt ul li {color: #fff;}

.left_nav{ overflow: hidden; margin: 0;padding: 0;border:1px solid #DEDEDE;background: #F8F8F8;}
.left_nav li{
	color: #333;
	font-size:16px;
	height: 50px;
	background-color: #fff;
	margin-bottom: 1px;
	cursor: pointer;
	line-height:50px; text-indent:18px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}
.left_nav li .on{ color: #0062b8;}

.left_nav li:last-child{border-bottom:0px solid #DEDEDE;}
.left_nav li:hover{ background:#0062b8}
.left_nav li:hover a{ color: #fff; }