* { box-sizing: border-box; -webkit-text-size-adjust: none; outline: none; }
html,body
{ font-size:14px; font-family:Arial, Helvetica,sans-serif; line-height:26px;font-family:'Aileron-Regular';}
body{-webkit-text-size-adjust:none}
li{ list-style:none;}
p{ margin:0px; padding:0px}
dd{ margin:0px; padding:0px}
dt{ margin:0px; padding:0px}
a {
	color:#333;
	-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; }
/* 通用滚动条代码 */
::-webkit-scrollbar {
	width: 5px;
	background-color: #F5F5F5;
}

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

::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #555;
}

.space1{ overflow:hidden; clear:both; height:10px;}
.space2{ overflow:hidden; clear:both; height:20px;}
.space3{ overflow:hidden; clear:both; height:30px;}
.space4{ overflow:hidden; clear:both; height:40px;}
@media only screen and (max-width: 600px) {
.space2{ overflow:hidden; clear:both; height:20px;}
.space3{ overflow:hidden; clear:both; height:20px;}
.space4{ overflow:hidden; clear:both; height:20px;}
}

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

.main_top_k{ max-width:1400px;width:94%; margin:0 auto;}
@media (max-width:1450px) {
.main_top_k{ max-width:1300px; width:94%; margin:0 auto;}
}



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

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

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

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




.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_whatsapp1{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, #00a2e5, #0fa6bc);
background: -o-linear-gradient(45deg, #00a2e5, #0fa6bc); 
background: -moz-linear-gradient(45deg, #00a2e5, #0fa6bc); 
background: linear-gradient(45deg, #00a2e5, #0fa6bc);  margin-bottom: 10px
}
.R_btn_whatsapp1 i{ line-height: 39px; font-size: 24px; color: #fff; vertical-align: top}


.R_btn_whatsapp2{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, #fd8b05, #fd5705);
background: -o-linear-gradient(45deg, #fd8b05, #fd5705); 
background: -moz-linear-gradient(45deg, #fd8b05, #fd5705); 
background: linear-gradient(45deg, #fd8b05, #fd5705);  margin-bottom: 10px
}
.R_btn_whatsapp2 i{ line-height: 39px; font-size: 24px; color: #fff; vertical-align: top}


.R_btn_weixin{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, #0f9762, #1eb87c);
background: -o-linear-gradient(45deg, #0f9762, #1eb87c); 
background: -moz-linear-gradient(45deg, #0f9762, #1eb87c); 
background: linear-gradient(45deg, #0f9762, #1eb87c);  margin-bottom: 10px
}
.R_btn_weixin i{ line-height: 39px; font-size: 24px; color: #fff; vertical-align: top}


.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, #ff5b01, #ff6f05);
background: -o-linear-gradient(45deg, #ff5b01, #ff6f05); 
background: -moz-linear-gradient(45deg, #ff5b01, #ff6f05); 
background: linear-gradient(45deg, #ff5b01, #ff6f05); 
}
.R_btn_tel_k i{ line-height: 39px; font-size: 20px; color: #fff; vertical-align: top}


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


.kfbox{ display:block}
.b_top{ overflow:hidden; display:none}
@media only screen and (max-width:1100px) {
.kfbox{ display:none}
.b_top{ overflow:hidden; display: block}
.kfbox .side{ display:none}
.side ul{ display:none}
.side{ display:none}
}


.Language_box{float:right; display: inline-block}
.top_lx_box{font-size:14px; display:inline-block; color: #fff}
.top_lx_box span{line-height: 30px;}
.top_lx_box span img{ width: 28px; height: 28px;vertical-align: middle}
.top_lx_box i{ font-size:18px; vertical-align: middle; margin-right: 4px}
.top_lx_box a {color:#ff7c07; }

.top_lx_box .tel{display: inline-block; margin-right: 10px}

@media only screen and (max-width:640px) {
	.top_lx_box .tel{display: none}	
	
}

@media only screen and (max-width:750px) {
.whatsapp span{display: none}	
.whatsapp span1 i{ margin-left:0px;}
.whatsapp span1 i{font-size: 20px;}
}

.Language_box{ float: right; margin:0px; padding:0px; text-align:right; font-size:14px; color:#FFFFFF; line-height:30px}
.Language_box a{ font-size:14px; color:#FFFFFF;}
.Language_box span{ margin-left:4px;margin-right:4px;}



@media (max-width: 364px) {
.Language_box{font-size:12px; }.Language_box a{ font-size:12px;}
}

#translate:hover select{}

#translate select{
background:#fef8ee;
width:90px;
border: #cc1313 1px solid; border-radius: 5px; line-height: 24px;
 color: #111;
 font-size: 14px; height: 24px
}
  
  #translate select option{color:#000;}

@media only screen and (max-width:1000px) {
#translate select{
width:80px;
border: #cc1313 1px solid; border-radius: 5px; line-height: 24px;
 color: #111;
 font-size: 12px; height: 24px; margin-top: 3px}
}





/*------------------home---------------*/
.sy_title{ text-align:center; margin-bottom:30px}
.sy_title h3{ color: #222;font-size: 40px;margin-bottom: 12px; line-height:40px; font-weight:300;font-family: 'Koulen';letter-spacing: 2px}
.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';letter-spacing: 2px}
.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:1190px) {
.sy_title h3{ color: #222;font-size: 30px;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}
}

/*-------------------关于我们----------------*/

.sy_about_tu{ overflow:hidden; text-align:center; margin:0px; padding:0px; width:48%; float:left;  position: relative;  padding-bottom: 20px; padding-right: 20px;z-index:2}
.sy_about_tu img{ overflow:hidden; vertical-align: middle;max-width:100%; width:auto; height:auto;z-index:2; position: relative; }
.sy_about_tu::after{position: absolute; z-index:1; content: "";width:90%; height:90%; background: #e73328; bottom: -20px; right: -20px}

.ys_about_R{ overflow:hidden; padding: 0px; margin: 0px;float: right; width: 45%}
.ys_about_R dl{ overflow:hidden; padding: 0px; margin: 0px;}
.ys_about_R dl dt{ overflow:hidden; padding: 0px; margin: 0px;;line-height:40px; font-size: 40px; margin-bottom: 10px; color: #111;font-weight: 300;font-family: 'Koulen'; letter-spacing: 2px}
.ys_about_R dl dt span{font-weight: 300;font-size: 18px; }
.ys_about_R dl dd{ overflow:auto; padding: 0px; margin: 0px;line-height: 24px; font-size: 14px; color: #333;height: 260px; padding-right: 10px;}


.about_btn_k{ margin-top: 20px}
.about_m_btn{ width: 160px; background: #e73328; color: #fff;font-size: 16px; line-height: 44px; text-align: center;position: relative}
.about_m_btn i{ margin-left: 20px;font-size: 14px;line-height: 44px; vertical-align: middle;color: #ffa821;}
.about_m_btn::after{position: absolute; z-index:1; content: "";width:0%; height:100%; background: #193e84;left:0;top:0; transition: all 0.4s}
.about_m_btn:hover:after{-webkit-transition: all 0.8s cubic-bezier(1, 0.41, 0.07, 0.96);
    transition: all 0.8s cubic-bezier(1, 0.41, 0.07, 0.96);width:100%;}
.about_m_btn:hover  i{color: #fff}
.about_m_btn span {
    position: relative;
    z-index: 2;
    color: #fff;
}
@media only screen and (max-width:1400px) {
.ys_about_R dl dd{ height: 220px;}	
	
}

@media only screen and (max-width:1200px) {
.ys_about_R dl dd{ height: 196px;}	
	

	.ys_about_R dl dt{ font-size: 30px;}
}
@media only screen and (max-width:1100px) {
.ys_about_R{ width: 47%}
.ys_about_R dl{padding-top: 1%}
}

@media only screen and (max-width:1000px) {
.about_btn_k{ margin-top: 10px}
.ys_about_R{ width: 48%}
.ys_about_R dl{padding-top: 0%}	
.ys_about_R dl dd{ height: 140px;}	
}
@media only screen and (max-width:800px) {
.about_m_btn{ width: 140px;font-size: 14px; line-height: 36px;}
.about_m_btn i{ margin-left: 20px;font-size: 14px;line-height: 36px;}
.ys_about_R dl dt{ line-height: 30px; margin-bottom:5px}
}
@media only screen and (max-width:750px) {
.ys_about_R{float: none; width: 100%; margin-top: 25px}
.sy_about_tu{ float: none; width: 100%}
.ys_about_R dl dt{ text-align: center}
.about_m_btn{ margin: 0 auto}
	
.ys_about_R dl dd{ height: 220px;}	
}

.videolist { margin: 0px; padding: 0px}
.videolist:hover{ cursor: pointer;}
.videos{ display:none; position:fixed; z-index:9999999; max-width:1000px;width:85%; height:auto;left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
transform: translate(-50%, -50%); background:#fff; margin: 0px; padding: 5px 5px 3px 5px;box-shadow:0 0 20px 1px rgba(0,0,0,.3) }
.vclose { position:absolute;right:10px; top:10px; border-radius:100%; cursor: pointer; background: #fff; padding: 2px}

@media only screen and (max-width: 700px) {
.videos{width:80%;background:#eee;}		
}


.bgPop{  display: none;position:fixed;z-index:9999998;left:0;top: 0;width: 100%;height:100%;background: rgba(0,0,0,.5); overflow:hidden;   }

@media only screen and ( max-width:800px ) {
.pop {  display: none;  width:88%;left:4%; top:15%;}
}

@media only screen and ( max-width:800px ) {
.pop1 {  display: none;  width:88%;left:4%; top:15%;}
}

video::-internal-media-controls-download-button {display:none;}
video::-webkit-media-controls-enclosure {overflow:hidden;}
video::-webkit-media-controls-panel { width: calc(100% + 30px);}


.sy_dv_k{position: absolute;  height: auto;left:0; width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%); z-index:6;}


 @keyframes myfirst1 {
0% {
 transform: scale(0.90);
}
 50% {
 	 -webkit-transform: scale(1.0);transform: scale(1.0);-moz-transform: scale(1.0);
}
 100% {
transform: scale(0.90);
}
}


.dv_iconBox {
    position: absolute;
    width: 80px;
    color: #fff;
    top: 50%;
    left: 50%;
    margin-left:-40px;
	margin-top: -40px;
    cursor: pointer;
    height: 80px;
    -webkit-transition: all .6s;
}
.dv_iconBox::after {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: url(../images/dv_play.png) no-repeat;
    background-size: auto 100%;
    content: '';
    margin-left: -40px;
	margin-top: -40px;}

.dv_iconBox img{
-webkit-transition: all .5s;
    -webkit-animation: lineAnimate 10s linear infinite; -webkit-filter: drop-shadow(6px 6px 7px rgba(0, 0, 0, 0.4)); filter: drop-shadow(6px 6px 7px rgba(0, 0, 0, 0.4))
}
.dv_iconBox img {
    display: block;
    width: 100%;
    max-width: 100%;
}


@-webkit-keyframes lineAnimate {
	0% {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes lineAnimate {
	0% {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}



@media (max-width: 1300px) {
.nr_lm_txt dl dt{line-height:44px;font-size:32px;  }
.nr_lm_txt dl dd{font-size:18px; line-height:26px }


.dv_iconBox {
    position: absolute;
    width: 60px;
    color: #fff;
    top: 50%;
    left: 50%;
    margin-left:-30px;
	margin-top: -30px;
    cursor: pointer;
    height: 60px;
    -webkit-transition: all .6s;
}
.dv_iconBox::after {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: url(../images/dv_play.png) no-repeat;
    background-size: auto 100%;
    content: '';
    margin-left: -30px;
	margin-top: -30px;
	}
	
	
	

}
@media (max-width: 800px) {
.nr_lm_txt dl dt{line-height:34px;font-size:25px; padding-bottom: 8px; margin-bottom:4px  }
.nr_lm_txt dl dd{font-size:15px; line-height:22px }
.dv_iconBox {
    position: absolute;
    width: 44px;
    color: #fff;
    top: 50%;
    left: 50%;
    margin-left:-22px;
	margin-top: -22px;
    cursor: pointer;
    height: 44px;
    -webkit-transition: all .6s;
}
.dv_iconBox::after {
    width: 44px;
    height: 44px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: url(../images/dv_play.png) no-repeat;
    background-size: auto 100%;
    content: '';
    margin-left: -22px;
	margin-top: -22px;
	}
	
	
 }



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

.product_ys_bg{overflow:hidden;background:#444  url(../images/product_bg.jpg)  no-repeat center top fixed;background-size:cover}

.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: #ddd 1px solid; background: #fff;  position: relative}
.product_list li a{display: inline}
.product_list li .img_pic{overflow: hidden; position: relative;}
.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;max-width:100%; width: auto;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 0px 10px 0px;color: #222;text-align: center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.product_list li:hover .pro_title{ color:#e7141b}
.product_list li:hover{background: #fff;box-shadow:0 0 10px 1px rgba(0,0,0,.1);border: #e7141b 1px solid;}

.pro_price{font-size: 18px;line-height: 24px;margin:0px 10px; font-weight: bold; margin-top: 10px; height: 24px; clear:both; }
.pro_price span{font-size: 18px;color: #FF0000; margin-left:2px; line-height: 24px}
.pro_price s{font-size: 14px;font-weight: normal; color: #888;margin-left:2px; line-height: 24px}

.product_list li  .cp_dv{ width:auto; height:40px; text-align:center; position:absolute; z-index:6; right:10px; bottom:12%}
.cp_dv i{ color:#6633FF;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;font-size: 28px;
background: -webkit-linear-gradient(45deg, #6633FF, #fb0071);
background: -o-linear-gradient(45deg, #6633FF, #fb0071); 
background: -moz-linear-gradient(45deg, #6633FF, #fb0071); 
background: linear-gradient(45deg, #6633FF, #fb0071); 
    -webkit-background-clip: text;
    color: transparent;}
.sy_cplist dl  .cp_dv img{ height:22px; width:auto}

.sy_cplist dl .cp_dv:hover i{transform:rotate(360deg);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}



@media (max-width: 1300px){
	.product_list li .pro_title{font-size: 14px;line-height: 22px;}
	.product_list li{ padding:3px;}
}
@media (max-width: 1200px){
.product_ys_bg{overflow:hidden;background:#444  url(../images/product_bg.jpg)  no-repeat center top;background-size:cover}
}

@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}

}


/* box */
.ser_box{ max-width:1400px; margin:0 auto; width:94%}
.tab_menu{overflow:hidden; margin:0px; padding:0px;position:relative}
.tab_menu li{cursor:pointer; height:auto; padding:15px 0px 12px 0px; float:left; width:16.666666%; text-align: center; position: relative;background:#fff;}
.tab_menu li.current{color:#000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.tab_menu li a{color:#111;text-decoration:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; display:inline;line-height:30px;}
.tab_menu li p{font-size:16px; line-height:30px; padding: 0px; margin:0px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; text-align: center;  font-family:'Raleway'; font-weight:bold;letter-spacing: 0.5px}

.tab_menu li img{ width: 50px; height: 50px;vertical-align: top; filter: alpha(opacity=70); opacity: 0.7; }
.tab_menu li.current img{ width: 50px; height: 50px; vertical-align: top;filter:invert(1); -webkit-filter:invert(1);filter: alpha(opacity=100); opacity: 1.0; }
.tab_menu li::after{ width: 1px; background: #eee; height: 100%; right: 0;top:0px;position: absolute; content: ""}
.tab_menu li.current a{color:#fff;}
.tab_menu li:nth-child(6)::after {  width: 0px;}
.tab_box{overflow:hidden; padding:0px; }
.tab_menu li.current {background:#de1919; color:#FFFFFF;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;line-height:30px;}

.tab_box .hide{display:none;}


@media screen and (max-width: 1440px) {
.tab_menu li {padding:12px 0px 10px 0px; }
.tab_menu li.current img{ width: 40px; height: 40px;}
.tab_menu li img{ width: 40px; height: 40px; }
}


@media screen and (max-width: 1300px) {	
.tab_menu li {padding:10px 0px 6px 0px; line-height:24px; }
.tab_menu li.current img{ width:40px; height:40px;}
.tab_menu li img{ width: 40px; height:40px; }
}

@media screen and (max-width: 1000px) {
.tab_menu li  p{ font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.tab_menu li {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
}

@media screen and (max-width: 700px) {
.tab_menu li{ width:33.333%;}
.tab_menu li:nth-child(3)::after {  width: 0px;}
.tab_menu li p{line-height:32px; }	
.tab_menu li.current img{ width:32px; height:32px;}
.tab_menu li img{ width: 32px; height:32px; }
.tab_menu li {padding:5px 0px 3px 0px;}
.tab_menu li:nth-child(1)::before{ width: 100%; background: #eee; height: 1px; right: 0;bottom:0px;position: absolute; content: ""}	
.tab_menu li:nth-child(2)::before{ width: 100%; background: #eee; height: 1px; right: 0;bottom:0px;position: absolute; content: ""}
.tab_menu li:nth-child(3)::before{ width: 100%; background: #eee; height: 1px; right: 0;bottom:0px;position: absolute; content: ""}	
}


.ser_bg{ overflow:hidden;background:#fff url("../images/map-bg.png") no-repeat center top; background-size:100% auto}


.ser_M{ overflow:hidden; padding:0px; margin:0px;}
.ser_M li{ width:100%; padding:0px 0px 0px 0px; overflow:hidden;}
.ser_M li:nth-child(2n-1){ width:100%; padding:0px 0px 0px 0px; overflow:hidden;}
.ser_M li:nth-child(2n){ width:100%; padding:0px 0px 0px 0px; overflow:hidden;}



.img_box1{ overflow:hidden; text-align:center; margin:0px; padding:0px; width:50%; float:left;  position: relative; z-index:2}
.img_box1 img{ overflow:hidden; vertical-align: middle;width:100%;height:auto;z-index:2; position: relative; }

.ser_M li:nth-child(2n-1).img_box1{ float:left;}
.ser_M li:nth-child(2n) .img_box1{ float: right;}


@media only screen and (max-width:1000px) {
.ser_M li:nth-child(2n-1){padding:0px 0px 0px 0px; overflow:hidden;}
.ser_M li:nth-child(2n){ padding:0px 0px 0px 0px; overflow:hidden;}
.img_box1{ overflow:hidden; text-align:center; margin:0px; padding:0px; width:100%; float: none; margin-bottom: 10px}

.ser_M li:nth-child(2n-1).img_box1{ float:none;}
.ser_M li:nth-child(2n).img_box1{ float: none;}
}



.ser_txt1{overflow:hidden; padding:2% 0px 10px 0px; margin:0px; }
.ser_txt1 dl{overflow:hidden; padding:0px; width:86%; margin:0 auto;}
.ser_txt1 dl dt{overflow:hidden; padding:0px; margin:0px; font-size:22px; color:#111; line-height:34px;  margin-bottom:10px; font-weight:900; position: relative; padding-bottom: 10px}
.ser_txt1 dl dd{overflow:hidden; padding:0px; margin:0px;font-size:16px;line-height:26px;color:#555;word-break:break-word}
.ser_txt1 dl dd strong{color:#333;font-weight:bold}
.ser_txt1 dl dd  h3{color:#111; margin-bottom: 5px; margin-top: 10px}

.ser_txt1 dl dt::after{ height:2px; width:60px; position: absolute;content:""; float: left;left:0;  bottom: 0px; z-index: 4; background: #de1919;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;
}

.img_box1: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;}

.ser_txt1:hover dl dt::after{width:120px; transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
@media only screen and (max-width:1300px) {
.ser_txt1 dl{overflow:hidden; padding:0px; width:90%; margin:0 auto;}
.ser_txt1 dl dt{font-size:20px; }
.ser_txt1{overflow:hidden; padding:20px 0px 10px 0px; margin:0px; }
.ser_txt1 dl dd{overflow:hidden; padding:0px; margin:0px;font-size:14px;line-height:24px;color:#555}
}
@media only screen and (max-width:1200px) {
.ser_txt1 dl dt{font-size:18px; line-height:30px; }

}


@media only screen and (max-width:1000px) {
.ser_txt1{overflow:hidden; padding:20px 0px 20px 0px;width:100%;float: left}
.ser_txt1 dl{overflow:hidden; padding:0px; width:100%; float: left}
}

@media only screen and (max-width:740px) {
.ser_txt1 dl{overflow:hidden; padding:0px;padding-bottom:15px; width:100%;float: left}
.ser_txt1{overflow:hidden; padding:10px 0px 10px 0px;width:100%;float: left}
}

/*-----------------新闻--------------*/
.news_warp{ max-width: 1430px;width: 100%; margin: 0 auto; overflow: hidden; padding: 0px}
.news_list_tj{overflow:hidden; padding: 0px; margin: 0px;margin: 0 auto; width: 94%;margin-bottom: 10px; position: relative;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; background: #fff}
.news_list_tj a{display: inline}
.news_list_tj dl{overflow:hidden; padding: 20px 20px; }
.news_list_tj dl dt{overflow:hidden; padding: 0px; margin: 0px; font-size: 16px; color: #000; line-height: 30px;white-space:nowrap;text-overflow:ellipsis;margin-bottom: 15px;  position: relative; padding-bottom: 10px; font-weight: 500;font-family:'Raleway';}
.news_list_tj dl dd{overflow:hidden; padding: 0px; margin: 0px;white-space:nowrap;text-overflow:ellipsis;color:rgba(0, 0, 0, 0.6);font-size: 14px}
.news_list_tj dl dt::after{ position: absolute; z-index: 3;left: 0px; bottom: 0px; width: 0px; height: 1px; background: #f7ca10;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; content: "";}

.news_list_tj dl dt::before{ position: absolute; z-index: 2;right: 0px; bottom: 0px; width: 100%; height: 1px; background: #ccc;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: right;right: 0px; bottom: 0; color: #fff; }

.news_list_tj .img_box_tj{overflow: hidden; position: relative}
.news_list_tj .img_box_tj .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_tj .img_box_tj .product_img img{display: block;width:100%;height: auto; vertical-align: top}

.news_list_tj:hover dl dd{color:rgba(255, 255, 255, 0.8)}
.news_list_tj:hover dl dt{color:#fff}
.news_list_tj:hover .img_box_tj .product_img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.news_list_tj:hover{box-shadow:0 0 10px 1px rgba(0,0,0,.1);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; background: #de1919;}
.news_list_tj:hover .n_time{ background: #de1919;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; color: #fff}

.news_list_tj:hover dl dt::after{ width: 100%;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s;}
.news_list_tj:hover dl dt::before{ width: 0%;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; background: #fff}


@media screen and (max-width: 1450px) {
.news_list_tj dl dt{font-size:20px;line-height: 30px;}	
}

@media screen and (max-width: 1300px) {
.news_list_tj dl dt{font-size:18px;line-height: 30px;}
}

@media screen and (max-width: 1000px) {
.news_list_tj dl dt{font-size:16px;line-height: 24px;}
}

@media screen and (max-width:750px) {
.news_list_tj dl dd{font-size: 14px; line-height: 24px}	
}
@media screen and (max-width:700px) {
	.sy_news_bk li{ width:100%; margin-right: 0%; margin-bottom: 20px; padding: 10px}
}

@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;}
}


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


/* actGotop */

.actGotop{position:fixed;_position:absolute;bottom:60px;right:2%;width:40px;height:40px;display:none; z-index:2}
.actGotop a,.actGotop a:link{width:39px;height:39px;display:inline-block; text-align:center; background: url(../images/up.png) no-repeat center}
.actGotop a:hover{ background: url(../images/up.png) no-repeat center;outline:none;}

.bestime_down{overflow:hidden; padding: 20px 0px; margin: 0px; border-bottom: 1px solid rgb(255,255,255,0.1); margin-bottom: 40px}
.bestime_down_logo{overflow:hidden; padding: 0px; margin: 0px;float: left;width: auto;}
.bestime_down_logo img{width: auto; height: 80px; vertical-align: top}

.enter_srk{overflow: hidden; margin: 0px;float: right; width: auto;width: 300px; margin-top: 20px}
.enter_srk dl{overflow: hidden; margin: 0px; padding: 0px}
.enter_srk dl dd{overflow: hidden; margin: 0px; padding: 0px}
.enter_srk dl dd input{border:0; line-height: 38px; height: 38px; font-size: 14px; padding: 0px 5px; width: 70%; vertical-align: top}
.enter_srk dl dd span{ background: #de1919; line-height: 38px; height: 38px; color: #fff; font-weight: normal;font-size: 16px;display: inline-block;  text-align: center;width: 30%; vertical-align: top}
.enter_srk a{display: inline}


.d_box_bg{overflow:hidden; padding:30px 0px 30px 0px; margin: 0px; position:relative;background: #0a1229; z-index: 0}
@media (max-width: 1000px) {
	.enter_srk{display: none}	
	.bestime_down_logo img{width: auto; height: 60px; vertical-align: top}
	.bestime_down{overflow:hidden; padding: 0px 0px 20px 0px;}
	.d_box_bg{overflow:hidden; padding:20px 0px 30px 0px;}
.bestime_down{margin-bottom: 30px}
}
.d_box_bg:before {
  content: "";
  background-image: url(../images/shape-1.png);
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: top right;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .d_box_bg:before {
    width: 80%;
    height: 60%;
    background-position: bottom left;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .d_box_bg:before {
    width: 80%;
    height: 50%;
    background-position: bottom left;
  }
}


.d_box_bg:after {
  content: "";
  background-image: url(../images/shape-2.png);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: left bottom;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .d_box_bg:after {
    width: 50%;
    height: 60%;
    background-position: right bottom;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .d_box_bg:after {
    width: 50%;
    height: 60%;
    background-position: right bottom;
  }
}
@media (max-width: 767px) {
  .d_box_bg:after {
    display: none;
  }
.bestime_down{margin-bottom:20px}
}


.d_box_L{overflow:hidden; padding:0px; margin: 0px; width: 38%;float: left}
.d_box_M{overflow:hidden; padding:0px; margin: 0px; width: 38%;float: left; text-align: center}
.d_box_R{overflow:hidden; padding:0px; margin: 0px; width: 24%;float: right;text-align: right}

.d_box_L li{overflow:hidden; padding:0px; margin: 0px;float: left;width: 50%}
.d_box_L li dl{overflow:hidden; padding:0px; margin: 0px;}
.d_box_L li dl dt{overflow:hidden; padding:0px; margin: 0px; margin-bottom: 10px; font-size: 18px; color: #fff; font-weight: bold}
.d_box_L li dl dd{padding:4px 0px; margin: 0px; line-height: 24px;font-size: 16px;color: rgba(255, 255, 255, 0.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.d_box_L li dl dd a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color: rgba(255, 255, 255, 0.6);}
.d_box_L li dl dd a:hover{color: #ee0000}


.d_box_lx{overflow:hidden; padding:0px; margin: 0px;}
.d_box_lx dl{overflow:hidden; padding:0px; margin: 0px; text-align:left; margin-bottom: 5px}
.d_box_lx dl dt{overflow:hidden; padding:0px; margin: 0px;  margin-bottom: 10px; font-size: 18px; color:#fff; font-weight: bold}
.d_box_lx dl dd{overflow:hidden; padding:2px 0px; margin: 0px;  line-height: 24px;font-size: 14px;color: rgba(255, 255, 255, 0.6);}
.d_box_lx dl dd h4{color: rgba(255, 255, 255, 0.8);}
.d_box_lx dl dd i{ margin-right: 4px;font-size: 18px;vertical-align: middle}
.d_box_lx dl dd span{line-height: 28px;font-family: 'Aileron-Bold'; letter-spacing: -0.5px;font-size: 22px;vertical-align: middle}

.kf_r_tu{width:45px; height: auto; margin-right: 15px;float: left; margin-top:10px}
.kf_r_tu img{width: 100%; height: auto; vertical-align: top;filter: alpha(opacity=70); opacity:0.7;}



.d_socialize{overflow:hidden; padding:0px; margin: 0px; margin-bottom: 20px; text-align: center}
.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: 50px; height: 50px; line-height: 50px; 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: 30px; height: 30px; margin-top: 10px;vertical-align: top}
.d_socialize dl a{display: inline}

.d_socialize dl dd a:nth-child(2) i{ background: #fff}
.d_socialize dl dd a:nth-child(3) i{ background: #ff312e}

.d_socialize dl dd a:nth-child(1) i:hover{ background: #fff;color:#2c6bd4;}
.d_socialize dl dd a:nth-child(2) i:hover{ background: #05c5c8}
.d_socialize dl dd a:nth-child(3) i:hover{ background: #fff; color:#ff312e}


.d_2wm_box{overflow:hidden; padding:0px; margin: 0 auto; padding-top: 10px}
.d_2wm_box dl{overflow:hidden; padding:0px; margin: 0px; text-align: center}
.d_2wm_box dl dt{overflow:hidden; padding:0px; margin: 0px;  margin-bottom:5px; }
.d_2wm_box dl dt img{width: 120px; height: 120px; vertical-align: top;border-radius: 5px;}
.d_2wm_box dl dd{overflow:hidden; padding:4px 0px; margin: 0px;  line-height: 24px;font-size: 14px;color: rgba(255, 255, 255, 0.6); text-align: center}

.d_copxx{overflow:hidden; padding:0px; margin: 0px; font-size: 14px; color: rgba(255, 255, 255, 0.6); text-align: center; margin-top: 30px; padding-top: 20px; border-top: 1px solid rgb(255,255,255,0.1)}



@media (max-width:1100px){
.d_2wm_box dl dt img{width: 100px; height: 100px; vertical-align: top;border-radius: 5px;}		
}

@media only screen and (max-width: 1000px){
.d_box_bg{ padding:30px 0px 20px 0px; }	
.d_box_lx{display: block}
.d_2wm_box{display:none}
.d_box_L{overflow:hidden; padding:0px; margin: 0px; width: 35%;float: left}
.d_box_M{overflow:hidden; padding:0px; margin: 0px; width: 45%;float: left; }
.d_box_R{overflow:hidden; padding:0px; margin: 0px; width:20%;float: right;text-align: right}

.d_socialize dl dd i{overflow:hidden; padding:0px; margin: 0px;font-size: 26px; color: #fff;  width: 42px; height: 42px; line-height: 50px; text-align: center; background: #2c6bd4; border-radius: 50%; vertical-align: middle; margin: 0px 5px; text-align: center;display: inline-block}
.d_socialize dl dd i img{width: 26px; height: 26px; margin-top: 8px;vertical-align: top}	
}

@media only screen and (max-width: 880px){
.d_box_M{overflow:hidden; padding:0px; margin: 0px; width: 60%;float: left;}
.kf_r_tu{width:36px; height: auto; margin-right: 10px;float: left; margin-top:10px}	
.d_box_L{display: none}
.d_box_R{width:40%;}
}
@media only screen and (max-width:600px){
.d_box_L{display: none}
.d_box_lx dl dl{font-size: 16px}
.d_box_lx dl{overflow:hidden; padding:0px; margin: 0px;}
.d_box_lx dl dd{ padding:1px 0px;}

.bestime_down_logo{overflow:hidden; padding: 0px; margin: 0px;float: none;width: auto; text-align: center}
.d_copxx{margin-top:10px;}
}


@media only screen and (max-width:640px){
.d_box_M{width: 100%;}
.d_box_R{width: 100%; text-align:center; margin-top: 15px}
.d_facebook{overflow:hidden; padding:0px; margin: 0px 10px;display: inline-block; float: none;}
}



#fixed_1{ width:100%; height:400px ;background:#e03939;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}
}



.about_dv{ overflow:hidden;max-width: 800px; padding:0px; margin: 0 auto}

section{ margin: 0px; padding: 0px; }
#player{ padding: 0px;text-align: center}
#media{ margin: 0px; padding: 0px; }
video{ vertical-align:top; margin:0px; padding:0px;}



.img_box_wx{overflow: hidden; position: relative}
.img_box_wx .product_img{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease;
}
.img_box_wx .product_img img{display: block;width:100%;height: auto; vertical-align: top}
.img_box_wx:hover .product_img{transform: scale(1.1); -webkit-transform: scale(1.1);}


.LB_newslist1{ overflow:hidden; margin:0px; padding:0px}
.LB_newslist1 li{ overflow:hidden; margin:0px; padding:2% 4%; margin-bottom:15px; list-style:none; background:#fff}

.LB_newslist1 li dl{ overflow:hidden; margin:0px; position:relative}
.LB_newslist1 li dl dt{ overflow:hidden; margin:0px; font-size:20px; color:#222;  line-height: 26px; max-height: 56px; margin-bottom: 5px;font-family:'Raleway';font-weight: 900}
.LB_newslist1 li dl dt a{ font-size:20px; color:#222;}
.LB_newslist1 li dl dt a:hover{ color:#de1919;}
.LB_newslist1 li dl dd{ overflow:hidden; margin:0px; font-size:14px;}
.LB_newslist1 li dl dd .des_txt{font-size:14px; line-height:24px; overflow:hidden; margin:0px; padding:0px; height:48px; color:#666666; padding-right:150px;}
.LB_newslist1 li dl dd .time{ font-size:14px; margin-bottom:5px; line-height:190%;color:#666666}
.LB_newslist1 li dl dd .more{ float: right;position: absolute;bottom: 26px;right: 0; z-index:1 }


.LB_newslist1 li .more a{display: block;color: #313134;border:1px solid #313134;width:115px;text-align:center;line-height:35px;height: 35px;border-radius: 35px;position: relative;}
.LB_newslist1 li .more a i{position: absolute;right: 5px;top: 50%;margin-top: -4px;
  width: 0px;height: 0px;display: block;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  border-left: 8px solid #313134;
  border-right: 8px solid transparent;
}
.LB_newslist1 li .more a:hover{background: #de1919;color: #fff;border:1px solid #de1919;}
.LB_newslist1 li .more a:hover i{border-left: 8px solid #fff;}

.LB_news{ float:left; margin-right:20px; min-width: 240px; width:30%; overflow:hidden; height:auto;}

@media only screen and (max-width:1300px) {
.LB_newslist1 li dl dt{font-size:16px;  line-height: 24px; max-height:48px;} 
.LB_newslist1 li dl dt a{ font-size:16px;}
.LB_newslist1 li{ overflow:hidden; padding:3% 2% 4% 2%; }
}

@media only screen and (max-width:700px) {
.LB_newslist1 li{ overflow:hidden; padding:10px 10px 10px 10px; }
.LB_newslist1 li dl dt a{ font-size:16px; color:#222;}
.LB_newslist1 li .more a{display: block;color: #313134;border:1px solid #313134;width:95px;margin:0 auto;text-align:center;line-height:30px;height: 30px;border-radius: 30px;position: relative;}

.LB_newslist1 li dl dd .des_txt{ line-height:20px; overflow:hidden; margin:0px; padding:0px; height:40px; color:#666666;font-size:14px;}

.LB_newslist1 li dl dd .more{ float:left;position: inherit;bottom: 5px;right: 0; z-index:1; margin-top:5px ; font-size:12px}

.LB_newslist1 li .more a i{position: absolute;right: 1px;top: 50%;margin-top: -3px;
  width: 0px;height: 0px;display: block;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  border-left: 8px solid #313134;
  border-right: 8px solid transparent;
}

.LB_news{ float:left; margin-right:20px; width:160px; overflow:hidden; height:auto;}

}

@media only screen and (max-width:600px) {
.LB_news{ float: none; margin-right:0px; width:100%; overflow:hidden; height:auto;}
}



.related{ font-size:18px; color:#222; padding:0px; margin:0px; margin-top:25px; margin-bottom:20px; font-weight:700}
.related span{font-size:18px; color:#222; padding:0px; margin:0px;}

.relatedlist{margin:0px 0px; padding:10px 0px 10px 0px; overflow:hidden;border:#eee 1px solid;}
.relatedlist li{margin:0px; padding:0px; width:48%; margin-right:1%; margin-left:1%;float:left; margin-bottom:10px; line-height:34px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:16px; background:url(../images/x_dot.png) no-repeat left center; text-indent:15px; color:#111}
.relatedlist li a{display: inline}
.relatedlist a{ display: inline}
@media (max-width:1000px) {
.relatedlist{margin:0px 0px; padding:5px 0px 0px px;}
.relatedlist li{margin:0px; padding:0px;width:48%; margin-right:1%; margin-left:1%; float:left;line-height:34px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-indent:15px}
.relatedlist li{ font-size:14px}
.relatedlist li a{ display: inline}
.relatedlist a{ display: inline}

.next_k ul li{ line-height:25px; margin:0px; padding:0px; color:#666666; font-size:12px; list-style:none}
.next_k ul li a{font-size:12px}
.page_k{ text-align:center; padding:0px; font-size:12px;border-top:#CCCCCC 0px solid; margin-top:15px;}
.page_k a{ font-size:12px}
.page_k a:hover{ font-size:12px}
}

@media (max-width:750px) {
.relatedlist li{margin:0px; padding:0px;width:98%; margin-right:1%; margin-left:1%; float:left;line-height:34px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-indent:15px}
}
.relatedlist li a:hover { color:#e52129; }


.side_R1{ margin:0px; padding:0px; overflow:hidden; float:right; width:25%;}
.side_R{ margin:0px; padding:0px; overflow:hidden; float:right; width:23%;}
.side_L{ margin:0px; padding:0px; overflow:hidden; float: left; width:72%; background:#fff}

.main_inbox{ overflow:hidden;  margin:0px; padding:40px 5% 40px 5%;}
@media (max-width:1100px){

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

@media screen and (max-width: 768px) {
.main_inbox{ overflow:hidden;  margin:0px; padding:20px 4% 20px 4%;}
}




.R_title_bt{ font-size:20px;font-weight:bold; width:100%; text-align: center; line-height: 50px; background: #f6f6f6; margin-bottom: 10px}
.side_newlist{overflow:hidden; margin:0px; padding:0px; background: #fff}
.side_newlist li{overflow:hidden; margin:0px; padding:8px 0px; list-style:none;border-bottom:#CCCCCC 1px dashed;line-height:190%;white-space:nowrap;text-overflow:ellipsis; background:url(../images/n_dot.png) no-repeat left center; padding-left:15px}
.side_newlist li a{overflow:hidden;font-size:16px; line-height:190%; white-space:nowrap;text-overflow:ellipsis;display:inline}
.side_newlist li span{ float:right; margin-left:10px; font-size:12px}
.side_newlist li h3{ padding:0px 0px;overflow:hidden;  margin:0px; font-weight:normal; white-space:nowrap;text-overflow:ellipsis; font-size:16px; color:#111; line-height:170%;}
.side_newlist li h4{ padding:0px 0px;overflow:hidden;  margin:0px; font-weight:normal;color:#777; font-size:14px; line-height:200%}
.side_newlist li:hover h3{ color:#e73328; }

.side_cp_list{overflow:hidden; margin:0px; padding:0px; background: #fff}
.side_newlist li:hover a{ color:#e73328; }


.news_title_bt{ width:100%; line-height:34px; font-size:24px;margin-bottom:15px; color:#222; font-weight:700; 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}


.content_txt{line-height:200%; color:#333333; font-size:16px; overflow:hidden; padding:0px; word-break:break-word;}
.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}
.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}
.content_txt table{border:1px solid #999} 
.content_txt  video{max-width:800px; width: 100%; max-height: 400px; height: auto; background:#000}
.main_inbox{ overflow:hidden;  margin:0px; padding:40px 5% 40px 5%;}
@media screen and (max-width: 950px) {
	.content_txt  video{max-width:800px; width: 100%; max-height: 300px;}
}

@media screen and (max-width: 768px) {
.main_inbox{ overflow:hidden;  margin:0px; padding:20px 4% 20px 4%;}
}

@media screen and (max-width: 768px) {
	.content_txt  video{background:#000 url(../images/dv_bg.jpg) no-repeat; background-size: cover}

}

@media (max-width: 1400px) {
.content_txt{line-height:190%; font-size:14px; }
.content_txt p{line-height:190%;}
}
@media (max-width: 1300px) {
.content_txt{font-size:14px; }	
.content_txt p{font-size:14px; }	
.content_time{ margin-bottom:15px}	
.content_bt{ font-size:24px;}
}
@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{font-size:12px; }
.content_time i{ font-size:14px;}
.content_bt{ font-size:22px;}
}

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




/*-----page------*/
.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}


.page_k{ text-align:center; padding:0px; font-size:14px;border-top:#CCCCCC 0px solid; margin-top:35px;}
.page_k a{ font-size:14px}
.page_k a:hover{ font-size:14px}


.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: #e73328}
.post_prev:hover a{ color: #fff}
.post_next:hover{ background: #e73328}
.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%;}
}





.wap_cplist{ display:none; padding:0px; margin:0px; margin-bottom:20px; width:100%;}
.wap_cplist  label{ width:100%; }
.wap_cplist select {  text-align: center; text-align-last: center;  background: #fff}
.wap_cplist option{ line-height:40px; text-indent:20px}


@media (max-width: 1000px) {
.wap_cplist{ display: block}
}



#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;
}
#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: #ee0000;
    color: #fff;
    display: inline-block;
}

#pages li:hover {
    background: #ee0000;
}

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





.pc_cx_btn_k { width: 150px; display: inline-block;  overflow: hidden}
.pc_cx_btn_k:last-child{ margin-right:0}
.pc_cx_btn_k a{display: inline}
.pc_cx_btn_k:hover .pc_cx_btn {
    background: #0455ba;
}
.pc_cx_btn {
    line-height: 46px;
    text-align: center;
    font-size:16px;
    height: 46px;
    background: #e73328;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: 500;width: 100%; border-radius: 4px
}



.pc_cx_btn_k:hover .pc_cx_btn1 {
    background: #e73328;
}
.pc_cx_btn1 {
    line-height: 46px;
    text-align: center;
    font-size:16px;
    height: 46px;
    background: #169655;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: 300;
}



@media only screen and (max-width:780px) {
.pc_cx_btn_k { width: 120px; margin-bottom: 12px; }
.pc_cx_btn{  line-height: 42px; height: 42px;}
.pc_cx_btn1 {  line-height: 42px; height: 42px;}
}


.input1::-webkit-input-placeholder{ font-size:16px; color:#999}
.input2::-webkit-input-placeholder{ font-size:16px; color:#999}


.contact_list{margin:0px; padding:0px;overflow: hidden}
.contact_list li{margin:0px; padding:0px;overflow: hidden;width: 32%;float: left;margin-right: 2%; margin-bottom:2%}
.contact_list li dl{margin:0px; padding:20px 5px;overflow: hidden;border: 1px solid #ddd; text-align: center; min-height:180px; position: relative}
.contact_list li dl dt{margin:0px; padding:0px;overflow: hidden;font-size:20px; color: #111; line-height: 190%;font-weight: 300;font-family:'Koulen'; letter-spacing: 1px}
.contact_list li dl dd{margin:0px; padding:0px;overflow: hidden;font-size: 14px; color: #111;font-family: 'AVGBBT'; line-height: 26px; word-break:break-word;}

.contact_list li dl dd span{font-size: 14px; }
.lx_icon{overflow: hidden;padding:0px;text-align: center; line-height: 38px; display:inline; margin: 0px 10px}
.lx_icon i{font-size:40px; color: #e73328;vertical-align: top;line-height: 38px;height: 40px;}
.contact_list li dl dt a{ display:inline}
.lx_icon i img{height: 36px; width:36px; vertical-align: top;}


.contact_list li:nth-child(3n){margin-right: 0%; }


@media only screen and (max-width:980px) {
.contact_list li dl{ min-height:205px;}	
	
}
@media only screen and (max-width:800px) {
	.contact_list li{width: 49%;}
.contact_list li:nth-child(3n){margin-right: 2%; }
.contact_list li:nth-child(2n){margin-right: 0%; }
.contact_list li dl dd{line-height: 24px}

}

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

.contact_list li dl{ min-height:80px;height: auto}
.contact_list li:nth-child(3n){margin-right: 0; }
.contact_list li{margin-right: 0;width: 100%;margin-bottom:15px}
	.contact_list li:last-child{margin-bottom:0}	
}


.book_bg{overflow:hidden;background:#222  url(../images/book_bg.jpg)  no-repeat center top fixed;background-size:cover}



@media only screen and (max-width:1200px) {
.book_bg{overflow:hidden;background:#222  url(../images/book_bg.jpg)  no-repeat center top;background-size:cover}
}



/*------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}
.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: 140px; padding: 10px 20px 10px 20px; width: 100%;border-radius:5px;font-family:"Microsoft YaHei";font-size: 16px;color: #222}

.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_btn_k {width: 200px;margin: 0 auto;}
.form_btn_k:hover .form_btn { background: #01379e;}
.form_btn {
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    height: 50px;
    border-radius:40px;
    background: #e7141b;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: 300; width: 100%; border: 0
}
.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;}
}



.cp_soso_k{ overflow:hidden; padding:0px;float:none; max-width:500px; margin: 0 auto; margin-top: 15px}	

.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/ico_soso.png) no-repeat center center;
	background-size:50% 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:1024px) {

.input_tex {	
	border:medium none;
	color:#a7a7a7;
	font-size:14px;
	height:38px;
	line-height:38px;
	padding-left:4px;
	width:170px;border-radius:38px; margin-left:19px}
}


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

.input_tex {	
	border:medium none;
	color:#a7a7a7;
	font-size:14px;
	height:38px;
	line-height:38px;
	padding-left:4px;
	width:150px;border-radius:38px; margin-left:12px}
}


.Bs_pro_L1{width: 22%;float:left; margin: 0px; padding: 0px; overflow: hidden;}
.Bs_pro_R1{width: 76%;float:right; margin: 0px; padding: 0px; overflow: hidden}

.Bs_cp_bt1{ overflow:hidden; margin:0px; padding:20px 20px; background:#de1919; color:#FFFFFF;width:100%}
.Bs_cp_bt1 h3{ font-size:32px; margin:0px; padding:0px;color:#FFFFFF; line-height:30px;text-align:center;font-family: 'Koulen';letter-spacing: 1px; font-weight: 300}

@media screen and (max-width: 1300px) {
.Bs_cp_bt1{ overflow:hidden; margin:0px; padding:10px 0px 10px 0px;}
.Bs_cp_bt1 h3{ font-size:22px; margin:0px; padding:0px;color:#FFFFFF; line-height:30px; text-align:center}
}



.l-sub3{overflow:hidden;padding:0px; display:block; margin-bottom:10px; background:#fff; border: #ddd 1px solid;}
.l-sub3 li{line-height:46px; height: 46px;list-style:none;font-size:14px; width:100%; border-bottom:#ddd 1px solid;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-indent: 30px;font-family:'Raleway'; position: relative}
.l-sub3 a{ display: block; color: #111; font-size:14px; height: 46px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight: bold}
.l-sub3 a:hover {color: #de1919; background:#eee}
.l-sub3 a:hover,.l-sub3 a:active,.l-sub3 li.active a{color: #de1919; font-size:14px; text-decoration:none; height: 46px;line-height:46px; }
.l-sub3 li.active a{color: #de1919; font-size:14px;text-decoration:none; height:46px;}
.l-sub3 li.active::before{ position: absolute; z-index: auto; background: #de1919; height: 100%;top:0; left:0; width: 3px; content: ""}
.l-sub3 li:last-child{border-bottom:#DCEDF4 0px solid;}

.l-sub3 li a i{ float:right; margin-right:20px; line-height:46px; font-size:18px; color:#bbb}
.l-sub3 li.active a i{color: #de1919;}


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

@media screen and (max-width: 1000px) {
.l-sub3	{display: none}
.l-sub3 li{line-height:46px; height: 46px;list-style:none;font-size:14px; width:50%; border-bottom:#eee 1px solid;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-indent: 0px;float: left; text-align: center}
.Bs_cp_bt1{  margin-bottom: 10px}

.Bs_pro_L1{width: 100%;float:none; margin: 0px; padding: 0px; overflow: hidden;}
.Bs_pro_R1{width: 100%;float:none; margin: 0px; padding: 0px; overflow: hidden}
.Bs_cp_bt1{display: none}
	
.cp_soso_k{ margin-bottom: 15px; margin-top: 0px}
}

.wap_nr_nav_k{ padding: 0px 0px  20px 0px; margin: 0px; background: #fff; display: none}
.wap_nr_nav_bg{ width:94%; margin:0 auto; background: #f5f5f5; padding: 10px 0px}
@media only screen and (max-width:1000px) {
.wap_nr_nav_k{ display: block}
	
}

.select { position: relative; display: block; margin: 0 auto; width: 100%; max-width: 280px; color: #cccccc; vertical-align: middle; text-align: left; user-select: none; -webkit-touch-callout: none;}
.select .placeholder { position: relative; display: block; background-color: #e52129; z-index: 1; padding:5px 20px; border-radius: 2px; cursor: pointer; line-height: 34px; color: #fff;text-align: center;}
.select .placeholder:hover { background: #006ec0;}
.select .placeholder:after { position: absolute; right: 1em; top: 50%; transform: translateY(-50%); font-family: 'FontAwesome'; content: '\f078'; z-index: 10;}
.select.is-open .placeholder:after { content: '\f077';}
.select.is-open ul { display: block;}
.select.select--white .placeholder { background: #f5f5f; color: #999;}
.select.select--white .placeholder:hover { background: #fafafa;}
.select ul { display: none; position: absolute; overflow: hidden; width: 100%; background: #fff; border-radius: 2px; top: 100%; left: 0; list-style: none; margin: 5px 0 0 0; padding: 0; z-index:998;}
.select ul li { display: block; text-align: center; padding: 5px 1em 5px 1em; color: #999; cursor: pointer; line-height: 32px;  background: #f5f5f5; border-bottom: 1px solid #fff}
.select ul li:hover { background: #0d76c4; color: #fff;}
.select ul li:hover a{color: #fff;}








.product_list1{margin:0px; padding:0px; overflow:hidden}
.product_list1 li{margin:0px; padding:5px; overflow:hidden; width: 23.5%; float: left; margin-right: 2%; margin-bottom: 2%;border: #ddd 1px solid; background: #fff;  position: relative}
.product_list1 li a{display: inline}
.product_list1 li .img_pic{overflow: hidden; position: relative;}
.product_list1 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_list1 li .img_pic .product_img img{display: block;width:100%;height: auto; vertical-align: top}
.product_list1 li:hover .img_pic .product_img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.product_list1 li:nth-child(4n){ margin-right: 0}

.product_list1 li .pro_title{ font-size: 16px;line-height: 24px;margin:10px 0px 10px 0px;color: #222;text-align: center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.product_list1 li:hover .pro_title{ color:#e7141b}
.product_list1 li:hover{background: #fff;box-shadow:0 0 10px 1px rgba(0,0,0,.1);border: #e7141b 1px solid;}

.product_list1 li  .cp_dv{ width:auto; height:40px; text-align:center; position:absolute; z-index:6; right:10px; bottom:12%}
.cp_dv i{ color:#6633FF;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;font-size: 28px;
background: -webkit-linear-gradient(45deg, #6633FF, #fb0071);
background: -o-linear-gradient(45deg, #6633FF, #fb0071); 
background: -moz-linear-gradient(45deg, #6633FF, #fb0071); 
background: linear-gradient(45deg, #6633FF, #fb0071); 
    -webkit-background-clip: text;
    color: transparent;}


.nav_ml{ border-bottom:1px solid #d9d9d9; height:42px; margin-bottom:20px; }
.nav_ml i{ display:inline-block; border-bottom:3px solid #de1919; color:#de1919; font-size:22px; font-weight:bold; height:42px; line-height:30px; padding:0 0px; font-style:normal}



@media (max-width: 1300px){
	.product_list1 li .pro_title{font-size: 14px;line-height: 22px; }
	.product_list1 li{ padding:3px;}
}

@media (max-width: 1200px){
	.product_list1 li{overflow:hidden; width:32%;}
	.product_list1 li:nth-child(4n){ margin-right: 2%}
	.product_list1 li:nth-child(3n){ margin-right: 0}
}
@media screen and (max-width: 1000px) {
.nav_ml{text-align: center}
}
	
	
@media (max-width: 650px){
.product_list1 li{width:49%; margin-bottom: 3%}
.product_list1 li:nth-child(4n){ margin-right: 2%}
	.product_list1 li:nth-child(3n){ margin-right:2%}
.product_list1 li:nth-child(2n){ margin-right: 0}
.product_list1 li .pro_title{font-size: 12px;line-height: 20px; }

}




.dh_box{ overflow:hidden; line-height:40px;font-size:14px;color:#666; padding: 5px 0px;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.wzdh_k{ overflow:hidden; line-height:40px;font-size:14px;color:#666}
.wzdh_k span a{ font-size:14px; color:#666}
.wzdh_k i{ margin-right:3px;color:#666;font-size:16px;}




.like_cp{ overflow:hidden; padding:0px;}
.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:#e7141b 1px solid; }
.like_cp li:hover dt h3{ color:#e7141b;}

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

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



.qrcode_box{overflow:hidden; margin:0px; padding:0px; margin-top:10px; display:none }
.qrcode_btn{ font-size:18px; line-height:30px;display: inline-block;line-height: 46px;  width: 100%;
    text-align: center;
    font-size:16px;
    height: 46px;
    background: #fff;
    color: #222; border: 1px solid #ccc;
    cursor: pointer;
    font-weight: 500; border-radius: 4px}
.qrcode_btn i{ margin-right:5px; color:#e73328; vertical-align:middle}
.qrcode_btn i img{height: 22px; width: auto; vertical-align:middle; }
.qrcode_btn:hover a{ color:#e73328}
.qrcode_btn a{ color:#222}

.cp_ank{ display:block; padding:0px; margin-bottom: 20px;  overflow: hidden}
.cp_ank li{width: 140px; padding: 0px; display: inline-block; text-align: center; color: #fff; margin-right: 20px;; overflow: hidden}
.cp_ank li a{display: inline}
.cp_ank li:last-child{ margin-right:0;}
.pc_cx_btn i{ margin-right:5px; color:#e73328;vertical-align:middle}
.pc_cx_btn i img{height: 22px; width: auto; vertical-align:middle;}
.pc_cx_btn{border: 1px solid #e73328;}
.qrcode_btn:hover{border: 1px solid #e73328}
.pc_cx_btn:hover{ background: #193e84;border: 1px solid #193e84;}
@media only screen and (max-width: 780px){
.qrcode_btn{ height: 42px; line-height: 42px}	
.qrcode_btn i{ margin-right:5px; color:#e73328;line-height:38px;}

.pc_cx_btn i{ margin-right:5px; color:#e73328;line-height:38px; }

.cp_ank li{ margin-right:10px;}
	
}

@media only screen and (max-width: 450px){
.cp_ank{text-align: center}
	.cp_ank li{width: 130px;}
}

.ser_map{margin: 0px; padding: 0px; overflow: hidden;float: left;width: 54%}

.ser_map img{width: 100%; height: auto; vertical-align: top}
.pro_ser{margin: 0px; padding: 0px; overflow: hidden;float: left;width: 44%}

.ser_yx{overflow:hidden; padding:0px; margin:0px; }
.ser_yx dl{overflow:hidden; padding:0px; margin-bottom: 20px }
.ser_yx dl dt{overflow:hidden; padding:0px; margin:0px; font-size:22px; color:#111; line-height:34px;  margin-bottom:10px; font-weight:900; position: relative; padding-bottom: 10px}
.ser_yx dl dd{overflow:hidden; padding:0px; margin:0px;font-size:16px;line-height:26px;color:#555;word-break:break-word}
.ser_yx dl dd strong{color:#333;font-weight:bold}
.ser_yx dl dd  h3{color:#111; margin-bottom: 5px; margin-top: 10px}

.ser_yx dl dt::after{ height:2px; width:60px; position: absolute;content:""; float: left;left:0;  bottom: 0px; z-index: 4; background: #de1919;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;
}

@media only screen and (max-width:1300px) {
.ser_yx dl dt{font-size:20px; }
.ser_yx dl dd{overflow:hidden; padding:0px; margin:0px;font-size:14px;line-height:24px;color:#555}
}
@media only screen and (max-width:1200px) {
.ser_yx dl dt{font-size:18px; line-height:30px; }

}

@media only screen and (max-width:1000px) {
.ser_map{margin: 0px; padding: 0px; overflow: hidden;float:none;width: 100%}
.pro_ser{margin: 0 auto; padding: 0px; overflow: hidden;float: none;width:94%}
.ser_yx dl{overflow:hidden;  padding:20px 15px; margin-bottom: 20px;float:left;width:  49%; margin-right: 2%; display: block; background: #fff;}
.ser_yx dl:nth-child(2n){ margin-right:0}
}

@media only screen and (max-width:800px) {
.ser_yx dl dt{font-size:15px; line-height:24px; }
.ser_yx dl{ min-height: 350px}
}
@media only screen and (max-width:640px) {
.ser_yx dl{ min-height: 350px}
.ser_yx dl{width:100%; margin-right:0;}
}


.xx_btn_k{width:140px; margin:0 auto; }
.xx_btn{ margin:0px; text-align:center; color:#ee0000;  border:#ee0000 1px solid; line-height:40px; height:40px; font-size:16px; border-radius:30px;}
 
.xx_btn_k:hover .xx_btn{ background:#2e3286; color:#fff;border:#2e3286 1px solid;}
.xx_btn i{ margin-right: 5px; font-size:18px; }
.xx_btn_k a{display: inline}




.search_list{ overflow:hidden; padding:0px; margin:0px}
.search_list h5{ font-size:18px; padding:5px 0px; font-weight: bold}
.list-group{overflow:hidden; padding:0px; margin:0px; display: block; margin-bottom: 10px}
.list-group p{ font-size:14px; line-height:26px; padding:0px; margin:0px; display:block}
.search_list .list-group a{font-size:14px; color: #f03263}
.search_list .list-group  p a{color: #333;}

.main_search_L{ width:77%;overflow:hidden; float:left ; display:block; padding:0px; margin:0px }
.main_search_R{ width:21%; overflow:hidden; float:right; display:block; background:#f5f5f5;  margin:0px;padding:20px;}

@media only screen and (max-width:1200px) {
.main_search_R{ width:21%; overflow:hidden; float:right; display:block}
.main_search_L{ width:77%; overflow:hidden; float:left; display:block}
}
@media only screen and (max-width:1020px) {
.main_search_R{ width:100%; overflow:hidden; float:left;}
.main_search_L{ width:100%; overflow:hidden; float: left;}

.search_list .list-group p{width:20%; float: left}
.search_list .list-group a{ display: inline; margin-right:12px;}
}

@media only screen and (max-width:710px) {
.search_list .list-group p{width:33.333%; float: left}
}
@media only screen and (max-width:450px) {
.search_list .list-group p{width:auto; float: left; display:inline-block;margin-right:12px;}
}

.sy_cplist1{ overflow:hidden; margin:0px; padding:0px; }
.sy_cplist1 li{ overflow:hidden; margin:0px; padding:0px; width:19.2%; float:left; margin-right: 1%; margin-bottom:1.5% ;display:inline; }
.sy_cplist1 dl{ overflow:hidden; margin:0px; padding:0px;  margin:0 auto; border:#eee 1px solid;background:#fff;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; position:relative; background:#fff; }
.sy_cplist1 dl a{ display:inline}
.sy_cplist1 dl dt{overflow:hidden;line-height:24px; font-weight:normal;color:#222; position:relative; text-align:center;}
.sy_cplist1 dl dd{ overflow:hidden; margin:0px;}
.sy_cplist1 dl dt h3{ font-size:14px;overflow:hidden; line-height:24px; padding:0px 5px 0px 5px; font-weight:normal; text-align:center; margin-top:10px; height: 48px;}
.sy_cplist1 dl dd span{ color:#777; margin-right:2px}
.sy_cplist1 dl dt img{width:100%;height:auto; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; margin:0 auto }
.sy_cplist1 li:hover dl{ border:#ef5770 1px solid;}
.sy_cplist1 li:hover dt h3{ color:#f03263;}

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


.sy_cplist1 li:hover dt{color:#f03263}


@media only screen and (max-width:1300px) {
.sy_cplist1 dl{ overflow:hidden;}
.sy_cplist1 dl dt h3{ font-size:14px; line-height: 22px;height: 44px;}
}

@media only screen and (max-width:600px) {
.sy_cplist1 li{ width:49%; margin-bottom:2%; margin-right: 2%}
.sy_cplist1 li:nth-child(5n+0){margin-right: 2%;}
.sy_cplist1 li:nth-child(2n+0){margin-right: 0%;}
}

.Factory_big{overflow:hidden;background:#444  url(../images/sy_news.jpg)  no-repeat center top;background-size:cover}


.fc_list{ overflow:hidden; padding:0px; margin:0px; padding: 0px 5px }
.fc_list li{ overflow:hidden; padding:30px 30px; margin:0px; width:49%;float:left; margin-right: 2%; margin-bottom: 2%; background: #fff;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; position: relative;cursor: pointer;box-shadow:0 0 10px 1px rgba(0,0,0,0.06);border-radius: 5px}
.fc_list li dl{ overflow:hidden; padding:0px; margin:0px;}
.fc_list li dl dt{ overflow:hidden; padding:0px; margin:0px; font-size: 20px; color: #222; font-weight: bold}

.fc_list li:nth-child(2n+0){ margin-right:0%;}
.fc_list li::after{ height: 2px; width:0; background: #de1919; position: absolute; z-index: 1; bottom: 0px; left: 0; content: "";transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.fc_list li:hover::after{ height: 2px; width: 100%; background: #de1919; position: absolute; z-index: 1; bottom: 0px; left: 0; content: "";transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; }

.fc_list li::before{ height: 100%; width:2px; background: #de1919; position: absolute; z-index: 1; bottom: 0px; left: 0; content: "";transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.fc_list li:hover::before{ height: 0%;}
.fc_list li:hover dt{ color: #de1919}

@media screen and (max-width:1400px) {
.fc_list li dl dt{font-size: 18px; }	
	
}


@media screen and (max-width:680px) {
.fc_list li dl dt{font-size: 16px; }	
.fc_list li{ padding:20px 20px; margin:0px; width:100%; margin-right: 0%; margin-bottom: 20px}
}

.Certificate_k{ width: 94%; margin:0  auto;}


.picture_zl_box{ padding: 20px 10px 20px 10px; margin:0  auto; background: #fff; width: 94%; text-align: center; position: relative}
.picture_zl_box p{padding:0px; margin:0;font-size: 16px; line-height: 24px; margin-top: 10px;height: 44px; overflow: hidden}
.picture_zl {position: relative;overflow: hidden;text-align: center}
.picture_zl img { width: 100%; height: auto; vertical-align: top}
.picture_zl img { transition: all 0.7s;-moz-transition: all 0.7s; -webkit-transition: all 0.7s;}
.picture_zl_box:hover .picture_zl img { transform: scale(1.1);-moz-transform: scale(1.1); -webkit-transform: scale(1.1); zoom: 1.1 \9;}

@media only screen and (max-width:1200px) {
	.picture_zl_box p{font-size: 14px; }
}


.picture_zl_box::after {
    position: absolute;
    content: '';
    width: 0;
    left: 50%;
    bottom: 0;
    height: 4px;
    background: #de1919;
    transition: all .3s;
    -webkit-transition: all .3s; z-index: 1
}

.picture_zl_box:hover::after {
    left: 0;
    width: 100%;
}

.picture_zl_box:hover.picture_zl_box p{ color: #de1919}


.Wechat{ width: 130px; height: auto; margin: 0 auto}
.Wechat img{width: 100%; height: auto;  vertical-align: top}


.pop1{  display: none;  width: 340px; min-height: 220px;  height:280px;  position: absolute;  top: 0;  left: 0;  bottom: 0;  right: 0;  margin: auto;  padding: 20px 20px;  z-index: 99991;  border-radius: 8px;  background-color: #fff;  box-shadow: 0 3px 18px rgba(0, 0, 0, .3);position:fixed}


.pop{  display: none;  width: 340px; min-height: 370px;  height:440px;  position: absolute;  top: 0;  left: 0;  bottom: 0;  right: 0;  margin: auto;  padding: 20px 20px;  z-index: 99991;  border-radius: 8px;  background-color: #fff;  box-shadow: 0 3px 18px rgba(0, 0, 0, .3);position:fixed}
.pop-top{  height:40px;  width:100%;  border-bottom: 1px #E5E5E5 solid; position: relative}
.pop-top h2{ display:black; font-size: 20px;text-align: center}
.pop-top span{  float: right;  cursor: pointer;  font-weight: 400; display:black;position: absolute; z-index: auto;top:0px;right: 10px; font-size: 20px}


.pop-foot{  height:50px;  line-height:50px;  width:100%;  border-top: 1px #E5E5E5 solid;  text-align: right;  }
.pop-cancel, .pop-ok {  padding:8px 15px;  margin:15px 5px;  border: none;  border-radius: 5px;  background-color: #337AB7;  color: #fff;  cursor:pointer;  }
.pop-cancel {  background-color: #FFF;  border:1px #CECECE solid;  color: #000;  }


.pop-content1{  height:auto;  text-align: center}
.pop-content{  height: 380px;  text-align: center}
.pop-wx{ margin-top:10px; text-align: center; line-height: 30px;font-size: 15px}
.pop-wx	 img{ max-width: 120px; height: auto;vertical-align: top; }		

.pop-wx1{ margin-top:10px; text-align: center; line-height: 30px;font-size: 15px}
.pop-wx1	 img{ max-width: 150px; height: auto;vertical-align: top; }		

.bgPop{  display: none;  position: absolute;  z-index: 99990;  left: 0;  top: 0;  width: 100%;  height: 100%;  background: rgba(0,0,0,.4); position:fixed }


.txt_w{margin-top:10px}
.cop_wx_btn{color:#fff;text-decoration:none; padding:0px 5px; background:#ce2222; border-radius:5px; line-height:36px; font-size:14px; display: inline-block; margin-left: 5px}
.cop_wx_btn a{color:#fff;}
.cop_wx_btn:hover{color:#fff;}


.cop_wx_btn1{color:#fff;text-decoration:none; padding:0px 5px; background:#ce2222; border-radius:5px; line-height:36px; font-size:14px; display: inline-block; margin-left: 5px}
.cop_wx_btn1 a{color:#fff;}
.cop_wx_btn1:hover{color:#fff;}

.pop_ly{  display: none;  width: 320px; min-height: 350px;  height:350px;  position: absolute;  top: 0;  left: 0;  bottom: 0;  right: 0;  margin: auto;  padding: 15px 25px 20px 25px;  z-index: 99991;  border-radius: 8px;  background-color: #fff;  box-shadow: 0 3px 18px rgba(0, 0, 0, .3);position:fixed}