.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%}



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


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


@media only screen and (max-width:1400px) {
.hui_bg{padding:80px 0px 60px 0px; }
.bai_bg{padding:80px 0px 60px 0px;}
}


@media only screen and (max-width:1100px) {
.hui_bg{padding:40px 0px 30px 0px;}
.bai_bg{padding:40px 0px 30px 0px;}
}

@media only screen and (max-width:900px) {
.hui_bg{ padding:30px 0px 30px 0px;}
.bai_bg{padding:30px 0px 30px 0px;}
}


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

@media only screen and (max-width:1921px) {
.main_box{ max-width:1300px; overflow:hidden; width:94%; margin:0 auto;}
}



.sy_title{ text-align:center; margin-bottom:30px}
.sy_title h3{ color: #111;font-size: 40px;margin-bottom: 12px; line-height:40px; font-weight:700;text-transform:uppercase;}
.sy_title .x_txt{font-size: 16px; color: #333;line-height: 24px;  margin:0 auto; font-weight:400; line-height:180%}

.sy_title_bai{ text-align:center; margin-bottom:30px}
.sy_title_bai h3{ color:#fff;font-size:40px;margin-bottom: 12px;line-height:40px;font-weight:300;font-family:'Koulen';}
.sy_title_bai .x_txt{font-size: 16px; color: #fff;width:92%; margin:0 auto; font-weight:300; line-height:180%}
@media only screen and (max-width:1290px) {
    .sy_title h3{font-size: 30px;}  
    
}


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

.sy_title_bai h3{ font-size: 30px;margin-bottom:5px; line-height:30px; }
.sy_title_bai .x_txt{font-size: 14px;line-height: 24px;}
.sy_title_bai{ text-align:center; margin-bottom:20px}
}

@media only screen and (max-width:900px) {
    .sy_title h3{font-size: 22px;}   
}
/*-------sy--cp--------------*/
.sy_product_bg1{overflow:hidden;background:#004ea1;position: relative;  padding: 7.5% 5%; border-radius:10px }

.sy_pro_txt1{overflow:hidden; padding: 0px; margin: 0px; width: 50%;}
.sy_pro_txt1 dl{overflow:hidden; padding: 0px; margin: 0px;color: #fff;}
.sy_pro_txt1 dl dt{overflow:hidden; padding: 0px; margin: 0px;}
.sy_pro_txt1 dl dt h2{overflow:hidden; padding: 0px; margin: 0px;color: #ff9c00;font-size: 26px; line-height: 200%}
.sy_pro_txt1 dl dt h3{overflow:hidden; padding: 0px; margin: 0px;color: #fff;font-size: 32px; line-height: 180%}
.sy_pro_txt1 dl dd{overflow:hidden; padding: 0px; margin: 0px;font-size: 18px; line-height: 24px;}

.btn_pro1{overflow:hidden; padding: 0px; margin: 0px; display: inline-block; background: #fff; border-radius: 35px; line-height: 46px; height: 46px; text-align: center; min-width: 160px;font-size: 16px; color: #004ea1}
.btn_pro1:hover{ background: #ff8400; color: #fff}



@media only screen and (max-width:1400px) {
.sy_pro_txt1{ width: 80%;}
.sy_product_bg1{ padding: 5.5% 5% }	
	
.sy_pro_txt2{ width: 80%;}
.sy_product_bg2{ padding: 5.5% 5% }	

.sy_pro_txt3{ width: 80%;}
.sy_product_bg3{ padding: 5.5% 5% }	
}


@media only screen and (max-width:1300px) {
.sy_product_bg1{ padding: 3% 5% }
.sy_pro_txt1 dl dt h2{font-size: 24px; line-height:30px}
.sy_pro_txt1 dl dt h3{font-size: 30px; line-height:36px}
	.sy_pro_txt1 dl dd{font-size: 16px;}	
}


@media only screen and (max-width:900px) {
	.sy_product_bg1{ padding: 30px 30px  }
	.btn_pro1{font-size: 14px; line-height: 40px; height: 40px;min-width: 160px; }
	.sy_pro_txt1 dl dd{font-size: 14px;}
	.sy_pro_txt1{ width: 100%;}
	.sy_pro_txt1 dl dt h2{font-size: 20px; line-height:26px}
	.sy_pro_txt1 dl dt h3{font-size: 26px; line-height:30px}

}
@media only screen and (max-width:750px) {
	.btn_pro1{ min-width: 140px;}
	.sy_pro_txt1 dl dt h2{font-size: 18px; line-height:22px}
	.sy_pro_txt1 dl dt h3{font-size: 22px; line-height:26px}

}





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

.product_list{margin:0px; padding:0px; overflow:hidden}
.product_list li{margin:0px; padding:5px; overflow:hidden; width: 23.5%; float: left; margin-right: 2%; margin-bottom: 2%;border: #fff 1px solid; background: #fff; border-radius: 10px  }

.product_list li .img_pic{overflow: hidden; position: relative; border-radius: 10px}
.product_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; 
}
.product_list li .img_pic .product_img img{display: block;width:100%;height: auto; vertical-align: top}
.product_list li:hover .img_pic .product_img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.product_list li:nth-child(4n){ margin-right: 0}

.product_list li .pro_title{ font-size: 16px;line-height: 24px;margin:10px 6px 15px 6px;overflow:hidden; color: #333; height: 48px; }
.product_list li:hover .pro_title{ color:#004ea1}
.product_list li:hover{background: #fff;box-shadow:0 0 10px 1px rgba(0,0,0,.1);border: #004ea1 1px solid;}

.pro_price{font-size: 16px;line-height: 24px;margin:0px 10px;margin-top: 10px; height: 24px; clear:both; }
.pro_price span{font-size: 18px;color: #000; margin-left:2px; line-height: 24px; font-weight: bold; }
.pro_price s{font-size: 14px;font-weight: normal; color: #888;margin-left:2px; line-height: 24px}
.product_list li:hover .pro_title{ color:#004ea1}

@media (max-width: 1300px){
	.product_list li .pro_title{font-size: 14px;line-height: 22px; height: 44px}
	.product_list li{ padding:3px;}
}
@media (max-width: 650px){
.product_list li{width:49%; margin-bottom: 3%}
.product_list li:nth-child(4n){ margin-right: 2%}
.product_list li:nth-child(2n){ margin-right: 0}
	.product_list li .pro_title{font-size: 12px;line-height: 20px; height: 40px}

}



.news_sy{ padding: 0px; overflow: hidden;margin:0 auto; background: #fff;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;border-radius: 10px}
.news_sy .img_box{overflow: hidden; position: relative;}
.news_sy .img_box .news_img{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease;
}
.news_sy .img_box .news_img img{display: block;width: 100%;height: auto; vertical-align: top;}
.news_sy .img_box:hover .news_img{transform: scale(1.1); -webkit-transform: scale(1.1);}

.news_sy .xw_title{ margin: 10px 20px; text-align: center; line-height:30px;font-size: 18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color: #111;font-weight: 700; position: relative; padding-bottom: 5px}
.news_sy a{display:inline}
.des_text{font-size: 14px; line-height: 24px; height: 48px; overflow: hidden;margin: 0px 20px 20px 20px;color: #666}

.news_sy .xw_title::after{ position: absolute; z-index: 2;left: 0px; bottom: 0px; width: 0px; height: 1px; background: #fff;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; content: "";}

.news_sy:hover .des_text{top:0;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;color: #fff}
.news_sy:hover .xw_title{color: #fff}
.news_sy:hover{box-shadow:0 0 10px 1px rgba(0,0,0,.1); background: #004ea1}

.news_sy:hover .xw_title::after{ width: 100%;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;}
@media screen and (max-width:1400px) {
	.news_sy .xw_title{font-size: 16px;}
}
@media screen and (max-width:550px) {
.des_text{padding: 0px 10px 0px 10px;}		
}


.actGotop{position:fixed;_position:absolute;bottom:70px;right:2%;width:40px;height:40px;display:none; z-index:99; background: #1167d2; border-radius: 50%; text-align: center}
.actGotop a,.actGotop a:link{width:40px;height:40px;display:inline-block; text-align:center;}
.actGotop:hover{  background: #00619f}

.actGotop a i{ color: #fff; line-height: 40px; vertical-align: middle; font-size: 22px}



/*-------banner-----------*/
#fixed_1{ width:100%; height:400px ;background:#003daa;background-size:cover!important;position:relative;}

.m_ser_box{ overflow:hidden; padding:0px; position: absolute; z-index: 2;background:rgba(0,0,0,0.4);width: 100%; height: 100%;float: left}

.ser_txtbox{ overflow:hidden; margin:0px; padding:0px; font-size:56px; line-height:160%;letter-spacing:4px; text-align:center; text-transform: uppercase;
position:absolute;
top:50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
font-family: 'Koulen';
 font-weight: normal; text-align: center; width: 100%;color: #fff
} 
.ser_txtbox p{font-size: 16px; line-height: 22px; font-weight: normal;text-transform: capitalize; color: #fff;font-family: 'Aileron-Thin';letter-spacing:1px;}
.ser_txtbox p a{color: #fff}
@media only screen and (max-width:1300px) {
	#fixed_1{height:300px }
	.ser_txtbox p{font-size: 14px; }
}

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

#fixed_1{ width:100%; height:200px ;background-size:cover!important;position:relative;}
.ser_txtbox{ font-size:36px;}
}


@media only screen and (max-width:700px) {
#fixed_1{ width:100%; height:120px ;background-size:cover!important;position:relative; }
.ser_txtbox{ font-size:25px;  line-height:25px}
}




.pagelink {CLEAR: both; text-align:center;font-size:12px; overflow: hidden; line-height: 30px}
.pagelink A {border: #bfbfbf 1px solid; padding:3px 5px 3px 5px;MARGIN: 2px;TEXT-DECORATION: none; font-size:12px}
.pagelink SPAN {border: #bfbfbf 1px solid;  padding:3px 5px 3px 5px;MARGIN: 2px; TEXT-DECORATION: none;font-size:12px}
.pagelink A:hover { border:#003399 1px solid;font-size:12px; background:#E6E7E7}
.pagelink SPAN.current {border:#000 1px solid;font-size:12px}
.pagelink SPAN.current {FONT-WEIGHT: bold}



 /* ---footer-------- */
.footer {position: relative;z-index: 3;background: #2b2b2b url(../images/line1.png) no-repeat center top;padding: 60px 0px 60px 0px;color: #fff; overflow: hidden}

.footer_k{position: relative;z-index: 2; overflow: hidden;margin: 0 auto;max-width: 1400px; width: 96%}


.foot_nav_L{color: #ffffff; overflow: hidden; margin: 0px; padding:0px;float: left; width: 35%}
.foot_nav_R{color: #ffffff; overflow: hidden; margin: 0px; padding:0px;float: left; width: 33%}
.foot_Contact{color: #ffffff; overflow: hidden; margin: 0px; padding:0px;float: right; width:32%}


.foot_nav_R li{overflow: hidden; margin: 0px; padding:0px;float: left; width:50%; display: block}
.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: 22px;font-weight: 700}
.foot_nav_R li dl dd{overflow: hidden; margin: 0px; padding:0px; line-height: 26px; margin-top: 15px; font-size: 16px;}
.foot_nav_R li dl dd a{color: #eaf0fc;}
.foot_nav_R li dl dt a{color: #fff;}
.foot_nav_R li dl dd a:hover{color: #ffad02;}
.foot_nav_R li dl dt a:hover{color: #ffad02;}


.foot_nav_L{overflow: hidden; margin: 0px; padding:0px;}
.foot_nav_L dl{overflow: hidden; margin: 0px; padding:0px; }
.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: 14px;line-height: 26px;;color: #eaf0fc}
.foot_nav_L dl dt h3{overflow: hidden; margin: 0px; padding:0px; line-height: 30px; font-size: 20px;font-weight: 300; margin-bottom: 10px}
.d_tel{font-size: 26px;letter-spacing: 2px;font-family: 'AVGBBT'; color: #fff;font-weight: bold}
.d_tel a{color: #ffad02;}
.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:0px 20px 0px 5px; padding:0px;  display: inline-block} 
.foot_2wm p span{ display: block;font-weight: bold; line-height: 30px}
.foot_2wm p{overflow: hidden; margin: 0px; padding:0px;text-align: center;font-size: 14px; line-height: 22px; margin-top: 5px}
.foot_2wm img{ width: 110px; height: 110px; vertical-align: top; border-radius: 8px;}


.footer_bottom { position: relative; z-index: 2;
  line-height: 22px;
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  letter-spacing: 0.5px;
color: #fff; background: #222
}
.copyright{display: flex;  justify-content: space-between;color: #fff}
.copyright a{color: #fff; display:inline}
.copyright a:hover {text-decoration: underline;}
.copyright p{}

.icons_2wm{margin: 0px; padding: 0px; display: none}
.dy_box{ margin: 0px; padding: 0px; width: 100px; text-align: center; padding-top:10px;line-height: 30px; display: inline-block; margin-right: 40px}
.dy_box img{ width: 100%; height: 100%; vertical-align: top; border-radius: 5px;}


.foot_Contact{overflow: hidden; margin: 0px; padding:0px; color: #fff}
.foot_Contact dl{overflow: hidden; margin: 0px; padding:0px; }
.foot_Contact dl dt{overflow: hidden; margin: 0px; padding:0px; margin-bottom: 6px}
.foot_Contact dl dd{overflow: hidden; margin: 0px; padding:0px; font-size: 16px;line-height: 26px; margin-bottom: 5px}
.foot_Contact dl dt h3{overflow: hidden; margin: 0px; padding:0px; line-height: 30px; font-size: 22px;font-weight: 700}
.foot_Contact dl dd i{line-height: 26px; margin-right: 5px;font-size: 20px}
.foot_Contact dl dd i img{ width: 20px; height: 20px;}
.foot_fs{ overflow: hidden; margin-top: 20px;max-width: 370px;color:fff}
.foot_fs input{border: 1px solid #e1e1e1; line-height: 36px;font-size: 14px; padding: 0px 5px 0px 20px; width: 75%; vertical-align: top; background:rgba(0,0,0,0.1);color: #fff;border-radius: 30px 0px 0px 30px;height: 38px;}
.foot_fs span{ background: #e1e1e1; line-height: 38px;color: #222; font-weight: normal;font-size: 18px;display: inline-block;  text-align: center;width: 25%; vertical-align: top;border-radius: 0px 30px 30px 0px}

.foot_fs a{display: inline}
.foot_fs input::-webkit-input-placeholder{ color: #666}
.foot_fs input::placeholder{ color: #666}



@media (max-width: 1300px) {
.foot_nav_L dl dt h3{font-size: 18px;}
.foot_Contact dl dt h3{font-size: 18px;}
}
@media (max-width: 1200px) {
.foot_2wm{overflow: hidden; margin: 0px 6px; padding:0px;  display: inline-block} 
	.foot_nav_R li dl dt{ font-size: 18px;}
	.foot_nav_R li dl dd{ font-size: 14px;}
	.d_tel{font-size: 22px;}
.foot_nav_L dl dt h3{font-size: 16px;}
.foot_Contact dl dt h3{font-size: 18px;}
.foot_Contact dl dd{ font-size: 14px;}
}
@media (max-width: 1024px) {
.footer .bottom {line-height: 22px;padding-top:5px; padding-bottom: 15px;}
}

@media (max-width: 950px) {
.foot_nav_R{display: none}
.foot_nav_L{float:left;width: 50%;}
.foot_Contact{float: right; width:50%}
}

@media (max-width: 767px) {
.foot_2wm_box,.foot_logo,.foot_nav_R dl dd,.foot_nav_R dl dt{text-align: center}	
.foot_nav_L dl{text-align: center}	
.foot_2wm img{ width: 100px; height: 100px; vertical-align: top; border-radius: 8px;}
.copyright { flex-direction: column; text-align: center}
.copyright a{display:inline-block}
.copyright p span {display: block;text-align: center;}
.foot_logo img{ height: 40px; width: auto; vertical-align: top}
	
.foot_nav_L{float:none;width: 100%;}
.foot_Contact{float:none; width:100%; text-align: center}
	
.foot_2wm_box .foot_2wm:nth-child(2){display: none}
.footer_bottom {font-size: 12px}
.foot_Contact dl dd i{line-height: 26px; margin-right: 5px;font-size:18px}	
.foot_Contact dl dd i img{ width: 18px; height: 18px;}
.foot_Contact dl dt h3{display: none}
	
.foot_fs{ overflow: hidden;max-width: 300px; margin: 0 auto; margin-top: 15px;}
}
@media (max-width: 720px) {
.footer { padding: 30px 0px 30px 0px}
}

.foot_btn_box{ position: fixed; z-index: 9; float:right;  bottom:120px; right: 2%; text-align: center;display: none}
.foot_btn_box a{ display: inline;line-height: 39px;}

.R_btn_tel_k{width: 39px;height: 39px; text-align: center; border-radius: 50%;background: #fff;box-shadow:0 0 15px rgba(55, 55, 55, 0.3);
background: -webkit-linear-gradient(-45deg, #ff9f08, #ff6000);
background: -o-linear-gradient(-45deg, #ff9f08, #ff6000); 
background: -moz-linear-gradient(-45deg, #ff9f08, #ff6000); 
background: linear-gradient(-45deg, #ff9f08, #ff6000); 
}
.R_btn_tel_k i{ line-height: 39px; font-size: 22px; color: #fff; vertical-align: middle}


@media screen and (max-width: 1000px) {
.foot_btn_box{ display:block}	
}


.footer_logo{ padding:0px; overflow: hidden;}
.footer_logo dl{ margin: 0px; padding: 0px; overflow: hidden}
.footer_logo dl dd{overflow:hidden; margin:0px; padding:0px; font-size:24px; color:#004ea1; line-height: 50px;font-family: 'cnkksj';}
.footer_logo_tu {margin: 0px; overflow: hidden;float: left; margin-right: 20px;}
.footer_logo_tu img{ height: 50px; width: auto; vertical-align: top}

@media screen and (max-width: 1440px) {
	.footer_logo dl dd{ font-size:22px; line-height: 40px}		
}
@media (max-width: 1200px) {
	.footer_logo dl dd{ font-size:20px;}	
}



@media screen and (max-width: 600px) {
	.footer_logo dl dd{ font-size:16px; line-height: 35px}	
	.footer_logo_tu{  margin-right:10px}
	.footer_logo_tu img{ height: 35px; }
}




.d_socialize{overflow:hidden; padding:0px; margin: 0px; margin-top: 20px; }
.d_socialize dl{overflow:hidden; padding:0px; margin: 0px;}
.d_socialize dl dt{overflow:hidden; padding:0px; margin: 0px;font-size: 18px;color: #fff;font-weight: 500; margin-bottom: 5px}
.d_socialize dl dd{overflow:hidden; padding:0px; margin: 0px;}
.d_socialize dl dd p{font-size: 14px; color: rgba(255, 255, 255, 0.6); line-height: 30px; padding:0px; margin: 0px}
.d_socialize dl dd i{overflow:hidden; padding:0px; margin: 0px;font-size: 30px; color: #fff;  width: 40px; height: 40px; line-height: 40px; text-align: center; background: #2c6bd4; border-radius: 50%; vertical-align: middle; margin: 0px 10px; text-align: center;display: inline-block}
.d_socialize dl dd i img{width: 20px; height: 20px; margin-top: 10px;vertical-align: top}
.d_socialize dl a{display: inline}

.d_socialize dl dd a:nth-child(1) i img{width: 100%; height: 100%; margin: 0px}

.d_socialize dl dd a:nth-child(1) i{ background: #fd0001}
.d_socialize dl dd a:nth-child(2) i{ background: #187dff}
.d_socialize dl dd a:nth-child(3) i{ background: #f70102}
.d_socialize dl dd a:nth-child(4) i{ background: #e43767}
.d_socialize dl dd a:nth-child(5) i{ background: #219ff9}



.d_socialize dl dd a:nth-child(2) i:hover{ background: #0a59bf;}
.d_socialize dl dd a:nth-child(3) i:hover{ background: #d71b1c}
.d_socialize dl dd a:nth-child(4) i:hover{ background: #f9497b;}
.d_socialize dl dd a:nth-child(5) i:hover{ background: #037bd0;}


@media (max-width: 767px) {
.d_socialize dl dd i{ margin: 0px 5px;}

}

.cta-wrapper {
  padding: 65px 70px 0px 70px;
  background:#1159f4;
  position: relative;
  z-index: 99;margin: 0 auto; margin-top: 125px;max-width: 1300px;  height: 200px; width: 94%; border-radius: 10px
}

.cta-wrapper .cta-tu{
  position: absolute;
  bottom: 0;
  left: 20px;
  height: auto;
  max-width: 293px;
}

.cta-wrapper .cta-tu img{ width:auto; height: 300px; vertical-align: bottom}
.cta-wrapper .cta-items{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: 35%;
  position: relative;
  z-index: 9;
}

.cta_txt{margin: 0px; padding: 0px;}
.cta_txt dl{margin: 0px; padding: 0px; color: #fff}
.cta_txt dl dt{margin: 0px; padding: 0px;font-size: 30px; line-height: 170%}
.cta_txt dl dd {margin: 0px; padding: 0px;font-size: 18px; font-weight: 300}


.thm-btn {text-align: center;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  -webkit-appearance: none;
  appearance: none;
  outline: none !important;
  font-weight: 700;
  font-size: 14px;
  color:#fff;
  text-transform: uppercase;
  letter-spacing: 0.016em;
  padding: 15px 25px 15px;
  background:#ff9c00;
  transition: all .35s;
  overflow: hidden;
  z-index: 1;  border-radius: 40px
}

.thm-btn::before,
.thm-btn::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: -100%;
  left: 0;
  background:#ff5400;
  z-index: -1;
  transition: all .35s;
}

.thm-btn:before {
  opacity: .5;
}

.thm-btn:after {
  transition-delay: .2s;
}

.thm-btn:hover:before,
.thm-btn:hover:after {
  top: 0;
}

.thm-btn:hover {
  color:#fff;
}


@media (max-width: 1360px) {
.cta_txt dl dt{font-size: 26px;}
.cta_txt dl dd {font-size: 16px;}
.cta-wrapper .cta-tu img{ height: 250px; vertical-align: bottom}
	.cta-wrapper { height: 180px; margin-top: 90px;  padding: 65px 50px 0px 50px;}
}

@media (max-width: 1180px) {
.cta_txt dl dt{font-size: 22px;}
.cta_txt dl dd {font-size: 14px;}
.cta-wrapper .cta-tu img{ height: 230px; vertical-align: bottom}
.cta-wrapper { height: 180px; margin-top: 60px;  padding: 65px 30px 0px 50px;}
.cta-wrapper .cta-items{margin-left: 31%}
}

@media (max-width: 1000px) {
	.cta-wrapper .cta-tu{display: none}
.cta-wrapper .cta-items{margin-left:0}
	.cta-wrapper { height: 130px;  padding: 40px 30px 40px 30px;}
}

@media (max-width: 700px) {
.cta-wrapper .cta-items{
  display: block;
  align-items: center;
  justify-content: space-between;
  position: relative;  text-align: center;
  z-index: 9;
}	
	.cta_txt dl dt{font-size: 18px;}
	.cta-wrapper { min-height: 100px; height: auto; padding: 30px 10px 30px 10px; margin-top: 30px}	
	.cta_txt{ margin-bottom: 15px;}
}

/*------form--------*/
.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.9)}
.form_df-input i{position: absolute; z-index: 1; left: 8px;top: 12px;
font-size: 25px; vertical-align: top;  color:#bbb}
.form_texting-fild {margin-top: 20px;position: relative;}
.form_texting-fild textarea { border: 1px solid #5E5E5E45;height: 140px; 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.9)}

.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:#888;}
.form_texting-fild textarea::placeholder {color:#888;}




.form_btn_k {width: 200px;margin: 0 auto;}
.form_btn_k:hover .form_btn { background:#ff960d;}
.form_btn {
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    height: 50px;
    border-radius:40px;
background-image: linear-gradient(-40deg, #1952c4, #1952c4, #00bdfe);
    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;}



/* ---单页//----- */

.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;}
.content_img img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;}

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

@media (max-width: 1300px) {
.content_txt{line-height:190%;}
.content_txt p{line-height:190%; overflow:hidden;}
.content_img{overflow:hidden; width:100%; text-align:center;}
	
.content_txt{font-size:14px;}
.content_txt p{font-size:14px;}
}




.postions{ overflow: hidden; padding: 12px 0px;line-height:24px; overflow:hidden;color:#444444; font-size:14px; background:#fff; border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5;}
.postions_txt{display: inline-block; overflow: hidden;line-height:24px;}
.postions_txt a{ overflow:hidden; font-size:14px; color:#333333; display: inline}
.postions_txt i{ vertical-align: top;font-size:16px;color:#999; margin-right:3px; line-height: 24px}

.pro_jg{ overflow: hidden; margin: 0px; padding: 10px 0px;font-size: 18px; margin-bottom: 5px; color: #333; line-height: 34px}
.pro_jg span{font-size: 30px;color: #000;font-weight: bold;line-height: 34px; }



.main_inbox{ overflow:hidden;  margin:0px; padding:30px 4% 20px 4%;}

.news_title_bt{ width:100%; line-height:34px; font-size:24px;margin-bottom:15px; color:#222; font-weight:bold; text-align: center}
.content_time{width:100%; border-bottom:#ededed 1px solid; font-size:14px; color:#666666; padding-bottom:15px; margin-bottom:0px; line-height:25px;text-align: center}
.content_time i{ font-size:16px; color:#999999; margin-right:2px; font-weight:300; vertical-align: middle}

.content{ overflow:hidden;}

.side_R1{ margin:0px; padding:0px; overflow:hidden; float:right; width:20%; background:#fff}
.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: 768px) {
.main_inbox{ overflow:hidden;  margin:0px; padding:20px 4% 20px 4%;}

.news_title_bt{ width:100%; line-height:25px; font-size:18px; padding-top:10px;font-weight:bold; text-align: center;}
.content_time{text-align: center;font-size:13px; }
.content_time i{ font-size:14px;}
}

.lead { overflow:hidden; height:auto; line-height:200%; font-weight:400; font-size:16px;letter-spacing:0.5px;text-align: justify;word-break:break-all; letter-spacing:1px}
.lead img {max-width:100%;  width:auto; height:auto}

.shareR { float:right;text-align:right;font-size:14px;width:180px;}
.shareR span{ vertical-align:middle}
.shareR span img{ vertical-align:middle}


.fx_k{ overflow:hidden; height:auto; padding:15px 0px 15px 0px;}
.fengxiang{ overflow:hidden; margin:0px; width:150px; float:left}
@media (max-width: 1000px) {
.fx_k{ overflow:hidden; height:auto; padding:10px 0px 10px 0px;}
}

#print{ width:auto; display:inline}
#print img{ vertical-align:middle}


@media (max-width:1100px){
.lead {font-size:14px; line-height:190%}

#print{ display:none}

.side_R1{ margin:0px; padding:0px; overflow:hidden; float:right; width:100%; margin-top:2px}
.side_R{ margin:0px; padding:0px; overflow:hidden; float:right; width:100%; display:none}
.side_L{ margin:0px; padding:0px; overflow:hidden; float:left; width:100%; background:#fff}
}


.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
._tools { text-align:right; padding:10px 0px; border-bottom:#CCCCCC 2px solid}
._back { font-size:20px; font-weight:normal; font-weight:bold; color:#676767; height:26px; line-height:26px; border-right:#cccccc 1px solid; 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}
.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:16px; 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}
}


._back1{line-height:50px; text-align:center; color:#666666; font-size:18px; margin-bottom:10px;background:#f7f7f7; margin-top:10px}
._back1 i{font-size:20px; }
._back1:hover{ background:#0033CC; color:#FFFFFF;}
._back1:hover a{color:#FFFFFF;}

.prev_next_box1{ overflow:hidden; margin:0px; padding:0px;background:#fff;}
.prev_next_box1  dl{overflow:hidden; margin:0px; padding:30px 20px 20px 20px}
.prev_next_box1  dl dt{overflow:hidden; margin:0px; padding:0px; font-size:18px; line-height:30px; color:#000000; background:url(../images/line1.jpg) repeat-x  center}
.prev_next_box1  dl dt span{font-size:18px; line-height:30px; color:#0066CC; font-weight:bold; background:#fff; padding-right:5px;}
.prev_next_box1  dl dd{overflow:hidden; margin:0px; padding:5px 0px; font-size:16px; line-height:24px;}
.prev_next_box1  dl dd a{ color:#666666}
.prev_next_box1  dl a:hover dd{ color:#0066CC}

@media only screen and (max-width:1100px){
._back1{background:#ccc;}
.prev_next_box1  dl{overflow:hidden; margin:0px; padding:10px 20px 20px 20px}
.prev_next_box1  dl dt{overflow:hidden; margin:0px; padding:0px; font-size:16px; line-height:30px; color:#000000; background:url(../images/line1.jpg) repeat-x  center}
.prev_next_box1  dl dt span{font-size:16px; line-height:30px; color:#0066CC; font-weight:bold; background:#fff; padding-right:5px;}
.prev_next_box1  dl dd{overflow:hidden; margin:0px; padding:5px 0px; font-size:14px; line-height:24px;}
}
.R_title_bt{ font-size:18px;font-weight:bold; width:100%}


.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:16px; line-height:36px; position: relative; padding-left: 20px; border-bottom:1px dotted #ccc}
.wx_news_list li a{ display:inline; font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.wx_news_list li span{ float:right; margin-left:20px; color:#666; font-size:14px}

.wx_news_list li:before {
    position: absolute;
    display: block;
    left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
    content: "";
    width: 5px;
    height: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #2c5dad
}

.wx_news_list li:hover a{color:#e52129}
.wx_news_list li:hover:before{ background:#e52129}
.wx_news_list li i{ color:#e52129; margin-right: 5px;font-size:18px; }


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

.wx_news_list li{font-size:14px; line-height:30px; }	
.wx_news_list li a{font-size:14px;}	

}

/*-----新闻内页1------*/
.main_inbox1{ overflow:hidden;  margin:0px; padding:50px 4% 20px 4%;}
.news_title_bt1{ width:100%; line-height:34px; font-size:30px;color:#222; font-weight:bold; text-align: center}

.news_info_box{ margin:0px; padding:20px 0px; overflow:hidden; margin-bottom:20px;border-bottom:#ededed 1px solid;}
.news_info_author{ float:left; width:60%;margin:0px; padding:0px; font-size:14px; color:#666666; line-height:40px;}
.news_info_author i{ font-size:16px; color:#999999; margin-right:2px; font-weight:300;vertical-align: middle;line-height:40px; }
.news_info_author span{ vertical-align:middle;line-height:40px; margin-right: 2px; margin-left: 2px}
.news_info_author span a{display: inline}
.news_info_author img{ vertical-align:middle}
.news_up_down{ float: right; width:40%; margin:0px; padding:0px; text-align:right}

._btn_box{width:46px;height:46px;background:url(../images/detail_r_ico.png) no-repeat;display:inline-block;*display:inline;*zoom: 1;}
._btn_box._btn_back{background-position:-46px 0px;}
._btn_box._btn_next{background-position:-92px 0px;}
._btn_box:hover{background-position:0px -46px;}
._btn_box._btn_back:hover{background-position:-46px -46px;}
._btn_box._btn_next:hover{background-position:-92px -46px;}




.d_news_up_down{margin:0px; padding:20px 0px 0px 0px; overflow:hidden;border-top:#ededed 1px solid; margin-top:25px; margin-bottom:20px}
.d_news_prev{ float:left; width:49%; text-align:left; font-size:16px; line-height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.d_news_prev i{float:left; font-size:22px; width:25px; height:28px; color:#CCCCCC; margin-right:4px; vertical-align: middle}
.d_news_next{ float: right; width:49%; text-align:right;font-size:16px;line-height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.d_news_next i{ float:right;font-size:22px; width:25px; height:28px;color:#CCCCCC; margin-left:4px; vertical-align: middle}
.d_news_prev a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.d_news_prev:hover a{ color:#FF3300}
.d_news_next:hover a{ color:#FF3300}

@media screen and (max-width: 1200px) {
.d_news_prev{ float:left; width:50%; text-align:left; font-size:14px}
.d_news_prev i{float:left; margin-right:5px;font-size:18px;}
.d_news_next{ float: right; width:50%; text-align:right;font-size:14px}
.d_news_next i{ float:right; margin-left:5px;font-size:18px;}
}


@media screen and (max-width: 1000px) {
.d_news_prev{ float: none; width:100%; margin-bottom:8px;line-height:22px;}
.d_news_next{ float: none; width:100%; text-align: left;line-height:22px;}
.d_news_next i{ float:left;font-size:20px; width:22px; height:22px;margin-left:0px ; margin-right:5px; line-height:22px}
.d_news_prev i{ float:left;font-size:20px; width:22px; height:22px;margin-left:0px ; margin-right:5px; line-height:22px}
}



.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: 24px;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: 16px; 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: 24px; 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: 16px; 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: #1f87c9}
.post_prev:hover a{ color: #fff}
.post_next:hover{ background: #1f87c9}
.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%;}
}


	
	
@media screen and (max-width: 1100px) {
.main_inbox1{ overflow:hidden;  margin:0px; padding:30px 4% 20px 4%;}
.news_title_bt1{ width:100%; line-height:34px; font-size:26px;color:#222; font-weight:bold }
}


.back_list{ float:right; width:40%;margin:0px; padding:0px; font-size:14px; color:#666666; line-height:34px;text-align: right; overflow: hidden}
.back_btn_k{margin:0px; padding:0px 12px; display: inline-block; background: #eee; color: #666;  border-radius: 6px}
.back_btn_k:hover {background: #0061bc; color: #fff; }
.back_btn_k i{ font-size:16px;}
@media screen and (max-width: 768px) {
.main_inbox1{ overflow:hidden;  margin:0px; padding:20px 4% 20px 4%;}
.news_info_box{ margin:0px; padding:10px 0px; overflow:hidden; margin-bottom:20px}

.news_title_bt1{ width:100%; line-height:25px; font-size:20px; padding-top:10px;font-weight:bold; text-align: center;}

.back_list{float:none; width:100%; text-align:center;font-size:13px;line-height:32px;}	
.news_info_author{ width:100%; margin-bottom: 6px}
.news_up_down{ width:100%; text-align:center; padding:10px 0px}
.news_info_author{text-align: center;font-size:13px; line-height:24px;}
.news_info_author i{ font-size:14px;}
}
@media screen and (max-width: 600px) {

.news_info_author{width:100%; text-align: center;line-height:40px;}

.zi_dx_k{ width:100%; text-align: center}
.zi_dx_k{line-height:24px;font-size:13px; }
}


/* ---新闻列表----- */
.wzdh_k{ overflow:hidden; line-height:40px;font-size:16px;color:#666; margin: 10px 0px}
.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;}
}





.cp_soso_k{ overflow:hidden; padding:0px;float:right; width:260px; margin-left: 50px; margin-top: 24px}	

.form_k{ margin:0px; padding:0px; overflow:hidden}
.searchbox1{
 margin:0px; padding:0px; overflow:hidden; border:1px solid #DEDEDE; background:#fff; vertical-align:middle;height:38px;border-radius:38px;
}

.searchbox1 input{vertical-align:middle;}
.input_tex { margin:0px; padding:0px;
	border:medium none;
	color:#a7a7a7;
	font-size:14px;
	height:38px;
	line-height:38px;
	width:84%;border-radius:38px;vertical-align:middle; padding-left:16px

}

.searchbox1 input.search-btn {
	background:url(../images/soso.svg) no-repeat center center;
	background-size:60% auto;
	border:medium none;
	height:36px;
	max-width:40px;width:15%; display:inline; float:right; position:relative; cursor: Pointer
}
.searchbox1 input{display:inline}
.input_tex{ display:inline}
.search-btn{ display:inline}

@media only screen and (max-width:1200px) {
    
.cp_soso_k{ overflow:hidden; padding:0px;float:right; width:220px; margin-left:20px; margin-top: 24px}	
}

@media only screen and (max-width:1100px) {
    
.cp_soso_k{ overflow:hidden; padding:0px;float:right; width:200px; margin-left:15px; margin-top: 24px}	
}
@media only screen and (max-width:1000px) {
.cp_soso_k{display: none}
}



.sub_nav{ margin: 0 auto;padding: 0px; text-align: center;max-width:420px; overflow: hidden}
.sub_nav li{padding: 0px;list-style: none;width:190px; background:#ddd;text-align:center; height:46px;font-weight: bold; margin-right:2%;  line-height:46px; color:#222;transition:all .1s; border-radius: 40px;display: inline-block}
/*.sub_nav li:nth-child(2n){ margin-right: 0}*/
.sub_nav li a{font-size: 16px;color: #111;}
.sub_nav li:hover{background-image: linear-gradient(-180deg, #004ea1, #004ea1,   #2867e4);color:#fff;}
.sub_nav li:hover a{color: #fff;font-weight: bold;}
.sub_nav .on{background-image: linear-gradient(0deg, #004ea1, #004ea1,   #2867e4);color:#fff;}
.sub_nav .on a{color: #fff;}


@media (max-width: 1200px) {
.sub_nav li{height:44px;line-height:44px;}	
.sub_nav li a{font-size: 14px;}		
.sub_nav li{height:44px;line-height:44px;}	

}

@media (max-width: 1000px) {
.sub_nav li{height:40px;line-height:40px;}	
.sub_nav li a{font-size: 14px;}		
}



.pro_L{overflow: hidden; margin: 0px; padding: 0px 30px 30px 30px; width: 69%;float: left;  background: #fff;}
.pro_R{overflow: hidden; margin: 0px; padding: 30px 20px 20px 20px; width: 28%;float: right;  background: #fff;}

.cp_video{overflow: hidden;margin-bottom:20px;padding:0px; max-width: 800px;}
.cp_video img{max-width: 100%; width: auto; height: auto;vertical-align: top}
	


.like_cp{ overflow:hidden; padding:0px; margin-top: 10px}
.like_cp li{ overflow:hidden; padding:0px; margin-bottom: 10px;float: left;width: 49%; margin-right: 2%}
.like_cp li dl{ overflow:hidden;padding:8px;margin:0 auto; border:#ddd 1px solid;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; position:relative; background:#fff;}
.like_cp li dl a{ display:inline}
.like_cp li dl dt{overflow:hidden;font-weight:normal;color:#222; position:relative;text-align:center; }
.like_cp li dl dd{ overflow:hidden; margin:0px;font-size: 15px; text-align: center}
.like_cp li dl dt h3{ font-size:15px;overflow:hidden; line-height:22px; padding:0px 5px 0px 5px;  text-align:left; margin-top:8px;height: 48px;font-family: 'Aileron-Regular';font-weight: normal;text-align: center}
.like_cp li dl dd span{ color:#777; margin-right:2px}
.like_cp li dl dt img{width:100%;height:auto; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; margin:0 auto }
.like_cp li:hover dl{box-shadow:0 0 15px 1px rgba(0,0,0,.1); background:#fff; border:#004ea1 1px solid; }
.like_cp li:hover dt h3{ color:#004ea1;}

.like_cp li:nth-child(2n){ margin-right:0}
.pro_L{overflow: hidden; margin: 0px; padding: 0px 30px 30px 30px; width: 70%;float: left;  background: #fff;}
.pro_R{overflow: hidden; margin: 0px; padding: 30px 20px 10px 20px; width: 28%;float: right;  background: #fff;}

.like_cp li dl dt .imgs{ overflow:hidden; position:relative; padding-top:100%;}
.like_cp li dl dt .imgs 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;}
.like_cp li dl dt:hover .imgs 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);}




@media screen and (max-width:1000px) {
.pro_L{overflow: hidden; margin: 0px; padding: 0px 20px 30px 20px; width: 100%;float: none;  background: #fff; margin-bottom: 20px}
.pro_R{overflow: hidden; margin: 0px; padding: 30px 20px 5px 20px; width: 100%;float:none;  background: #fff;}
	
.like_cp li{width: 32%; margin-right: 2%; margin-bottom: 15px}	
.like_cp li:nth-child(2n){ margin-right:2%}
.like_cp li:nth-child(3n){ margin-right:0}
}

@media screen and (max-width:640px) {
.like_cp li{width: 49%; margin-right: 2%; margin-bottom: 15px}	
.like_cp li:nth-child(3n){ margin-right:2%}
.like_cp li:nth-child(2n){ margin-right:0%}
	
.pro_L{ padding: 0px 15px 20px 15px;}
.pro_R{padding: 20px 15px 0px 15px;}
}

/*----pages-------*/
.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:25px; margin:0px; padding:0px; color:#666666; font-size:14px; list-style:none}
.next_k ul 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: #c6ccd1;
    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: #004ea1;
    color: #fff;
    display: inline-block;
}

#pages li:hover {
    background: #004ea1;
}
#pages li a {
    color: #333;
}
#pages li:hover a {
    color: #fff;
}
#pages li:hover {
    color: #fff;
}
.pc_cx_btn_k {width: 200px;display: inline-block; }
.pc_cx_btn_k:hover.pc_cx_btn {background: #ffa800;}
.pc_cx_btn i{ vertical-align: middle;font-size: 24px; margin-right: 5px}
.pc_cx_btn_k a{display: inline}
.pc_cx_btn {
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    height: 44px;
    border-radius:40px;
    background: #004ea1;
    color: #FFFFFF;
    font-weight: 500;
}

@media screen and (max-width:840px) {
	
.pc_cx_btn_k {width: 140px;display: inline-block; }	
}




.l-sub4{overflow:hidden;padding:0px; display:block;}
.l-sub4 li{ overflow:hidden;line-height:56px; height: 56px;list-style:none;font-size:16px; width:100%; border-bottom:#eee 1px solid;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.l-sub4 a{ display: block; color: #222; font-size:16px; height: 56px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; padding-left:10px}
.l-sub4 a:hover,.l-sub4 a:active,.l-sub4 li.active a{color: #172e8b; font-size:16px; text-decoration:none; height: 56px; line-height:56px;background: #ced6f8  }
.l-sub4 li.active a{color: #172e8b; font-size:18px;text-decoration:none; height:56px;}
.l-sub4 li i{float: right; margin-right: 10px; color: #666;font-size: 18px; vertical-align: middle; line-height: 56px}

.l-sub4 li:nth-last-child(1){ border-bottom:#ddd 0px solid;}
@media (max-width: 1350px) {
.l-sub4 li{font-size:14px; }
.l-sub4 a{ font-size:14px; }
.l-sub4 a:hover,.l-sub4 a:active,.l-sub4 li.active a{font-size:14px; }
.l-sub4 li.active a{font-size:14px; }	
	
}
@media (max-width: 1250px) {
.l-sub4 li{font-size:14px; }
.l-sub4 a{ font-size:14px; }
.l-sub4 a:hover,.l-sub4 a:active,.l-sub4 li.active a{font-size:14px; }
.l-sub4 li.active a{font-size:14px; }	
	
}


@media only screen and (max-width:1000px) {
	.l-sub4 a{ padding-left: 0px}
	.l-sub4 li i{ margin-right: 0px;font-size: 16px }
.l-sub4 li{ width: 49%;float:left; margin-right: 2%}
.l-sub4 li{ border-bottom:#ddd 0px solid; margin-top: 2px}
.l-sub4 li:nth-child(2n+0){margin-right:0%;}
}

.Articles_list{ overflow: hidden; padding: 0px; margin: 0px; }
.Articles_list li{ overflow: hidden; padding: 15px 0px; margin: 0px; border-bottom: 1px dashed #ddd}
.Articles_list li dl{ overflow: hidden; padding: 0px; margin: 0px;}
.Articles_list li dl dt{ overflow: hidden; padding: 0px; margin: 0px;font-weight:bold;font-size: 16px; line-height: 26px;max-height: 78px;}
.Articles_list li dl dd{ overflow: hidden; padding: 0px; margin: 0px;}
.Articles_tu{width: 140px; height: auto; overflow: hidden; margin-right: 30px}


.r_blog_pic{ width: 120px; height:80px;float: left; margin-right: 15px; overflow: hidden; border-radius: 5px}
.r_blog_pic img{width: 100%; height: 100%; vertical-align: top;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.r_blog_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;}

.Articles_list li:last-child{border-bottom: 1px dashed #fff}


@media (max-width: 1200px) {
.r_blog_pic{ width: 110px; height:74px;float: left; margin-right: 15px; overflow: hidden}
.Articles_list li dl dt{ font-size: 14px;line-height: 24px;max-height: 72px;}
}
@media (max-width: 1000px) {
.r_blog_pic{ width: 110px; height:74px;float: left; margin-right: 15px; overflow: hidden}
.Articles_list li{width: 49%; margin-right: 2%;float: left;}
.Articles_list li:nth-child(2n){ margin-right:0}
.Articles_list li:last-child{border-bottom: 1px dashed #ddd}
}

@media (max-width: 640px) {
.r_blog_pic{ width: 110px; height:74px;float: left; margin-right: 15px; overflow: hidden}
.Articles_list li{width: 100%; margin-right:0;float: left;}
.Articles_list li:nth-child(2n){ margin-right:0}
.Articles_list li:last-child{border-bottom: 1px dashed #fff}
}


.blog_list{ overflow: hidden; padding: 0px; margin: 0px;}
.blog_list li{ overflow: hidden; padding: 0px 0px; margin: 0px;float: left;width: 32%; margin-right: 2%; margin-bottom: 3%; }

.blog_list li:nth-child(3n){ margin-right:0}


@media (max-width: 750px) {
.blog_list li{width: 49%;}
.blog_list li:nth-child(3n){ margin-right:2%}	
.blog_list li:nth-child(2n){ margin-right:0}
}

@media (max-width: 560px) {
.blog_list li{width: 100%; margin-bottom:20px; margin-right: 0 }
.blog_list li:nth-child(3n){ margin-right:0}	
.blog_list li:nth-child(2n){ margin-right:0}
}


.contact_L{ overflow: hidden; margin: 0px; padding: 0px; width: 48%;float: left; position: relative}
.contact_L  li{overflow: hidden; margin: 0px; padding: 15px 20px;  border: 1px solid #ddd; margin-bottom: 20px; border-radius: 10px}
.contact_L  li dl{overflow: hidden; margin: 0px; padding: 0px;}
.contact_L  li dl dt{overflow: hidden; margin: 0px; padding: 0px;}
.contact_L  li dl dt h3{font-size: 18px;font-weight: bold; color: #000; line-height: 30px;overflow: hidden; margin: 0px; padding: 0px; }
.contact_L  li dl dd{overflow: hidden; margin: 0px; padding: 0px;font-size: 16px; color: #555; line-height: 24px}
.contact_icon{ width: 60px; height: 60px;margin-right: 20px; display: flex; justify-content: center; align-items: center;float: left;}
.contact_icon i {font-size: 46px; color: #004ea1}
.contact_icon img{width: 46px; height: 46px;vertical-align: middle}
.contact_R{ overflow: hidden; margin: 0px; padding:25px 25px; width: 48%;float: right; background: #eee; border-radius: 10px}

@media (max-width: 1190px) {
.contact_L  li dl dd{font-size: 14px; color: #555}	
	.contact_L  li{overflow: hidden; padding: 13px 20px; }
}
@media (max-width: 1000px) {
.contact_L{ width: 46%;}
.contact_R{ width: 50%;}
}

@media (max-width: 900px) {
.contact_R{padding:35px 20px; }
}


@media (max-width: 850px) {
.contact_icon{ margin-right: 12px;width: 45px; height: 45px;}
.contact_L{ width: 100%; float: none; margin-bottom: 10px}
.contact_R{padding:35px 20px; width: 100%; float: none}
.contact_L  li{padding: 15px 15px; }
.contact_icon i {font-size: 40px; color: #004ea1}
.contact_icon img{width: 40px; height: 40px;}
}

.contact_L .lx_m:hover .code_box1{display: block}
.contact_L a{display: inline}

.code_box1{position: absolute; top:10px;z-index: 10; display: none;
left: 50%;
top: 10px;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
}
.code_box1 .code_tu{ width: 130px; height: auto; padding:6px; background: #fff;border-radius: 6px; margin: 0 auto;box-shadow:0 0 10px 1px rgba(0,0,0,.1); text-align: center}
.code_box1 .code_tu img{ width:100%; height: auto; vertical-align: top}


.about_R{ overflow:hidden; padding:0px; margin:0px; float:right; width:48%; }
.about_R_txt{ font-size:16px; line-height:190%;overflow:hidden; padding:0px; margin:0px;}
.about_L{ overflow:hidden; padding:0px; margin:0px; float:left; width:48%;}
.about_L img{ width:100%; height:auto; vertical-align:top}
.about_R img{ width:100%; height:auto; vertical-align:top}

.brand_dv{overflow: hidden;margin:0 auto;padding:0px;}
.brand_dv img{max-width: 100%; width: auto; height: auto;vertical-align: top}


@media (max-width: 1400px) {
	.about_R_txt{ height: 330px; overflow: auto; overflow-y: auto}
}
@media (max-width: 1300px) {
	.about_R_txt{ height: 300px; overflow: auto; overflow-y: auto}
}
@media (max-width: 1200px) {
	.about_R_txt{ height: 255px; overflow: auto; overflow-y: auto;font-size:14px;}
}

@media (max-width: 960px) {
.about_R_txt{ height: auto; overflow:hidden; overflow-y: auto}
.about_R{width: 100%;float:none; }
.about_L{width: 100%;float:none; margin-bottom: 20px}

}

.about_R_txt::-webkit-scrollbar {
	width:4px;background-color: #004ea1;
}

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

.about_R_txt::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #004ea1;width:4px;
}