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

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

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


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


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


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


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



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

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

@media only screen and (max-width:600px) {
	.sy_title h3{ font-size: 20px;line-height:24px;}

}
	

.sy_adtxt{ width: 25%;min-width: 500px;float: right; background: #21bdbd; color: #fff; text-align: center; padding: 10px 20px; border-radius: 50px 0px 0px 50px;display:flex;align-items: center;}
.sy_adtxt h3{font-size: 24px; line-height: 46px;}
.sy_adtxt .i_logo{width: 50px; height: 50px; margin-right: 15px;}
.sy_adtxt .i_logo img{width: 100%; height:auto;}

@media only screen and (max-width:1000px) {
  .sy_adtxt{ min-width: 400px;}
  .sy_adtxt h3{font-size: 20px; line-height: 40px;  }
.sy_adtxt .i_logo{width: 40px; height: 40px; margin-right: 15px;}
}


@media only screen and (max-width:550px) {
  .sy_adtxt{ min-width: 350px;padding: 8px 5px 8px 20px;}
  .sy_adtxt h3{font-size: 18px; line-height: 22px;  }
.sy_adtxt .i_logo{width: 35px; height: 35px; margin-right: 10px;}
}

@media only screen and (max-width:400px) {
  .sy_adtxt{ min-width: 300px;width: 92%;padding: 8px 5px 8px 20px;}
  .sy_adtxt h3{font-size: 18px; line-height: 22px;  }
.sy_adtxt .i_logo{width: 35px; height: 35px; margin-right: 10px;}
}

@media only screen and (max-width:400px) {
.sy_adtxt{ min-width: 300px;width: 92%;padding: 8px 5px 8px 20px;}
.sy_adtxt h3{font-size: 16px; line-height: 22px;  }
.sy_adtxt .i_logo{width: 30px; height: 30px; margin-right: 10px;}
}



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

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

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

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

}

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


.sy_cp_bg{overflow:hidden;background:#21bdbd url(../images/cp-bg.jpg) no-repeat center; background-size:cover;}

.sycp{margin:0px; padding:0px; overflow:hidden; margin:0 auto;background: #fff;}
.sycp .img_pic{overflow: hidden; position: relative; }
.sycp .img_pic .product_img{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; }
.sycp .img_pic .product_img img{display: block;width:100%;height: auto;}
.sycp:hover .img_pic .product_img{transform: scale(1.05); -webkit-transform: scale(1.05);}
.sycp .works_title{ font-size: 18px;line-height: 30px; padding: 10px 5px 15px 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color: #444;position:relative;text-align: center;}
.sycp:hover .works_title{ color:#fff; background: #de533b; }
.sycp .yy_title{ font-size: 16px;line-height: 24px; padding: 10px 5px 10px 5px;overflow:hidden;position:relative;text-align: center; height: 68px;display: flex;align-items: center;justify-content:center;}
.sycp:hover .yy_title{ color:#fff; background: #de533b; }


.pro_mask_bg{ position: absolute; z-index: 1; width: 100%; height: 40%; left: 0; bottom: -100%; background: rgba(0, 0, 0, 0.5);
  transition: 0.2s;-moz-transition: 0.2s;-webkit-transition: 0.2s;}
.pro_mask_sm_text{ margin: 20px;font-size: 16px;color: #fff; line-height: 26px;max-height: 78px;overflow: hidden;text-align: left;}

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

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



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

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

@media (max-width:1000px) {
  .pro_mask_bg{ display: none;}

}



.sy_jm_txtlist{position: absolute; width: 100%; height: 100%; z-index: 1;top:0;left:0}

.sy_jm_txtlist li{overflow: hidden; margin: 0px; padding: 0; position:absolute; z-index: 1;}
.sy_jm_txtlist li dl{overflow: hidden; margin: 0px; padding: 0;}
.sy_jm_txtlist li dl dt{overflow: hidden; margin: 0px; padding: 0;font-size: 20px; margin-bottom: 10px;}
.sy_jm_txtlist li dl dt span{ background:#21bdbd; color: #fff; padding: 5px 30px; border-radius: 30px; line-height:34px;display: inline-block;font-weight: bold;}
.sy_jm_txtlist li dl dd{overflow: hidden; margin: 0px; padding: 0;color: #666;}
.sy_jm_txtlist li:nth-child(1){ width:24%;top: 5%; left: 0;}
.sy_jm_txtlist li:nth-child(3){ width:24%;bottom:5%; left: 0;}

.sy_jm_txtlist li:nth-child(2){ width:24%;top: 5%; right:0;}
.sy_jm_txtlist li:nth-child(4){ width:24%;bottom:5%; right: 0;}

.sy_jm_txtlist li:nth-child(2) dl{text-align: right;}
.sy_jm_txtlist li:nth-child(4) dl{text-align: right;}


@media (max-width:1100px) {
 .sy_jm_txtlist li dl dd{font-size: 14px;}

}



.sy_jm_box{overflow: hidden; margin: 0px;position:relative; }

.sy_jm_box::after{text-align: center ;position: absolute; z-index: auto; content: " WUTOU CHUAN CHUAN"; 
  width: 10%; height: auto; color: #f6f6f6;font-size: 80px;z-index: 0;left:0;line-height: 100%;font-weight: bold;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);}


  .sy_jm_box::before{text-align: right ;position: absolute; z-index: auto; content: "CHENG DU FLAVOR"; 
    width:25%; height: auto; color: #f6f6f6;font-size: 60px;z-index: 0;right:0;line-height: 100%;font-weight: bold;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);}

.sy_jm_tu{width: 50%; margin: 0 auto; position: relative; z-index: 2;}
.sy_jm_tu img{width: 100%; height: auto;vertical-align: top;}

.sy_jm_tel{ overflow: hidden; position: absolute;top:9%; width: 100%;left: 0;z-index: 10;}
.sy_jm_tel dl{  overflow: hidden; margin: 0px; padding: 0;text-align: center;}
.sy_jm_tel dl dt{  overflow: hidden; margin: 0px; padding: 0; font-weight: bold;font-size: 30px; 
  font-family: 'BEBAS'; color:#ec543a ;text-shadow: 0px 1px 1px #fff;}
.sy_jm_tel dl dd{  overflow: hidden; margin: 0px; padding: 0;font-size: 18px; color: #fff;}

.sy_jm_btn_k{ overflow: hidden; position: absolute;bottom:6%; width: 100%;left: 0; text-align: center; padding: 30px 0px;z-index: 10;}

@media (max-width:900px) {
  .sy_jm_tel dl dt{ font-size: 25px; }
  .sy_jm_tel dl dd{font-size: 16px; }
  .sy_jm_txtlist li dl dd{font-size: 14px;}
  .sy_jm_txtlist li dl dt span{font-size: 18px;}
 
}

@media (max-width:850px) {

  .sy_jm_txtlist{position: relative; width: 100%; height: auto; z-index: 1;top:none;left:none; margin-top: 20px;}
  .sy_jm_txtlist li dl dd{font-size: 14px;}
  .sy_jm_txtlist li dl dt span{ padding: 5px 15px;}
  .sy_jm_txtlist li{overflow: hidden; margin: 0px; padding: 0; position:relative; z-index: 1;}
  .sy_jm_txtlist li:nth-child(1){ width:100%;top: none ;left: none;}
  .sy_jm_txtlist li:nth-child(3){ width:100%;bottom:none; left: none;}
  
  .sy_jm_txtlist li:nth-child(2){ width:100%;top:none; right:none;}
  .sy_jm_txtlist li:nth-child(4){ width:100%;bottom:none; right: none;}

.sy_jm_txtlist li:nth-child(2) dl{text-align: left;}
.sy_jm_txtlist li:nth-child(4) dl{text-align: left;}
.sy_jm_txtlist li{ margin-bottom: 20px;}

.sy_jm_tu{max-width: 360px;width: 90% ; margin: 0 auto; position: relative;}


.sy_jm_box::after{font-size: 40px;z-index: 0;line-height: 100%;top:20%}


  .sy_jm_box::before{font-size: 40px;z-index: 0;line-height: 100%;top:20%}
 }
 

@media (max-width:800px) {
  .sy_jm_btn_k{bottom:3%;}
}



/*-----------btn2------------*/
.hsMore.c {margin:0px auto;}
.hsMore {
	width:160px;
	height:50px;
	line-height:50px;
	background:#fff;
	color:#ec543a;
	text-align:center;
	border-radius:50px;
	position:relative;
	display:block;
	font-size:16px;
	font-weight:bold
}
.hsMore:hover {
	color:#ec543a;
	-webkit-animation:anim-moema-1 0.4s forwards;
	animation:anim-moema-1 0.4s forwards
}
@-webkit-keyframes anim-moema-1 {
	60% {
	-webkit-transform:scale3d(0.8,0.8,1);
	transform:scale3d(0.8,0.8,1)
}
85% {
	-webkit-transform:scale3d(1.1,1.1,1);
	transform:scale3d(1.1,1.1,1)
}
100% {
	-webkit-transform:scale3d(1,1,1);
	transform:scale3d(1,1,1)
}

}
.hsMore::before {
	width:170px;
	height:60px;
	border:1px solid #fff;
	position:absolute;
	left:-6px;
	top:-6px;
	border-radius:50px;
	content:'';
	-webkit-animation:actif-btn-wave 1s infinite ease-out
}
@-webkit-keyframes actif-btn-wave {
	0% {
	-webkit-transform:scale(1);
	opacity:1;
	-webkit-transform-origin:center;
	transform-origin:center
}
100% {
	-webkit-transform:scale(1.2);
	opacity:0;
	-webkit-transform-origin:center;
	transform-origin:center
}

}
/*-----------btn2---//--------*/

.sy_brand_text{overflow:hidden; padding: 0px; max-width: 1200px; margin: 0 auto;}
.sy_brand_text dl{overflow:hidden; padding: 0px; text-align: center;}
.sy_brand_text dl dt{overflow:hidden; padding: 0px;  margin-bottom: 10px;font-size: 38px;font-weight: 700; color: #111; }
.sy_brand_text dl dt h3{overflow:hidden; padding: 0px;font-size: 24px; margin-bottom: 5px;color: #21bdbd; }

.sy_brand_text dl dd{overflow:hidden; padding: 0px; }

@media only screen and (max-width:1300px) {
	.sy_brand_text dl dt{font-size: 30px;}
	.sy_brand_text dl dt h3{font-size: 20px;}
}

@media only screen and (max-width:1000px) {
	.sy_brand_text dl dt{font-size: 24px;}
	.sy_brand_text dl dt h3{font-size: 18px;}

}

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

.home_brand_js_pic{overflow: hidden; padding: 0px; margin: 0; width:100%; position: relative; background: #fff;  z-index: 2;}
.home_brand_js_pic img{width: 100%; height: auto;vertical-align: top;}

.sy_cai_icon_box1{position: absolute; z-index: 1; top:8%;left:62%; }
.sy_cai_icon1{width: 100px; height: 100px; text-align: center;border-radius: 50%;background: #21bdbd; color: #fff;}
.sy_cai_icon1 img{width: 46px; height: 46px; margin-top: 12px;}
.sy_cai_icon1 p{font-size: 16px; padding-top: 12px;text-align: center;padding: 0;margin:0; line-height: 26px;}

.sy_cai_icon1::after{border-top:20px solid #21bdbd; border-left:40px solid transparent;border-right:30px solid transparent; width:0px; height:0px;
 z-index: -1; content: "";position: absolute;transform:rotate(-60deg); bottom: 0px;left:10%}


.sy_cai_icon2{width: 100px; height: 100px; text-align: center;border-radius: 50%;background: #21bdbd; color: #fff;}
.sy_cai_icon2 img{width: 46px; height: 46px; margin-top: 12px;}
.sy_cai_icon2 p{font-size: 16px; padding-top: 12px;text-align: center;padding: 0;margin:0; line-height: 26px;}
	
.sy_cai_icon2::after{border-top:20px solid #21bdbd; border-left:0px solid transparent;border-right:30px solid transparent; width:0px; height:0px;
z-index: -1; content: "";position: absolute;transform:rotate(0deg); right:2%;top:3%}
	
.sy_cai_icon1:hover {background: #ea6000; }	
.sy_cai_icon2:hover {background: #ea6000; }	

.sy_cai_icon1:hover::after{border-top:20px solid #ea6000; }
.sy_cai_icon2:hover::after {border-top:20px solid #ea6000; }


 .sy_cai_icon_box2{position: absolute; z-index: 2; top:35%;left:45%; }
 .sy_cai_icon_box3{position: absolute; z-index: 2; top:12%;left:16%; }
 .sy_cai_icon_box4{position: absolute; z-index: 2; top:15%;left:40%; }
 .sy_cai_icon_box5{position: absolute; z-index: 2; bottom:15%;right:10%; }
 .sy_cai_icon_box6{position: absolute; z-index: 2; bottom:29%;right:54%; }

 @media (max-width: 900px) {
	.sy_cai_icon_box1{ top:0%;}
	.sy_cai_icon1{width: 70px; height: 70px; }
	.sy_cai_icon1 img{width: 26px; height: 26px; margin-top: 10px;}
	.sy_cai_icon1 p{font-size: 14px;  line-height: 22px; }
	.sy_cai_icon1::after{ border-left:30px solid transparent;border-right:20px solid transparent;}


	.sy_cai_icon2{width: 70px; height: 70px; }
	.sy_cai_icon2 img{width: 26px; height: 26px; margin-top: 10px;}
	.sy_cai_icon2 p{font-size: 14px;  line-height: 22px; }

	.sy_cai_icon_box2{position: absolute; z-index: 2; top:30%;left:45%; }
	.sy_cai_icon_box4{position: absolute; z-index: 2; top:8%;left:40%; }

 }



 @media (max-width: 600px) {
	.sy_cai_icon_box2{position: absolute; z-index: 2; top:20%;left:45%; }
	.sy_cai_icon_box4{position: absolute; z-index: 2; top:2%;left:35%; }
 }

 @media (max-width: 500px) {
	.sy_cai_icon1{width: 60px; height: 60px; }
	.sy_cai_icon1 img{width: 24px; height: 24px; margin-top: 7px;}
	.sy_cai_icon1 p{font-size: 12px;  line-height: 20px; }
	.sy_cai_icon1::after{ border-left:30px solid transparent;border-right:20px solid transparent;}

	.sy_cai_icon2{width: 60px; height: 60px; }
	.sy_cai_icon2 img{width: 24px; height: 24px; margin-top: 7px;}
	.sy_cai_icon2 p{font-size: 12px;  line-height: 20px; }

	.sy_cai_icon_box2{position: absolute; z-index: 2; top:25%;left:45%; }
	.sy_cai_icon_box4{position: absolute; z-index: 2; top:0;left:35%; }


	.sy_cai_icon1{
		-webkit-transform: scale(0.75);transform: scale(0.75);-moz-transform: scale(0.75);
	 }

	 .sy_cai_icon2{
		-webkit-transform: scale(0.75);transform: scale(0.75);-moz-transform: scale(0.75);
	 }
 }



 @media (max-width: 400px) {
	.sy_cai_icon_box2{position: absolute; z-index: 2; top:22%;left:45%; }
 }



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

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

.tj_jd_pic a{display:inline}

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


.sy_new_title_list{overflow:hidden; padding:0px; margin:0px;}
.sy_new_title_list a{display:inline}
.sy_new_title_list li{overflow:hidden;padding:10px 0px ; margin-bottom: 10px;}
.sy_new_title_list li dl{ overflow:hidden;margin:0px;}	
.sy_new_title_list li dl dt{ overflow:hidden; padding:0px; margin:0px; font-size:18px;  line-height: 30px; color:#222;white-space:nowrap;text-overflow:ellipsis; margin-bottom: 5px}	
.sy_new_title_list li dl dd{ overflow:hidden; padding:0px; margin:0px; line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color:#888; font-size:16px}
.sy_new_title_list li:last-child{ margin-bottom:0px;}
.sy_new_title_list li:hover dl dt{color:#21bdbd}
.sy_new_title_list li:hover{box-shadow:0 0 10px 1px rgba(0,0,0,.1)}




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

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

.sy_news_list li:hover:after{background:#21bdbd}
.sy_news_list li:hover a{color:#21bdbd}




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


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



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


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


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

@media (max-width: 1400px) {

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

  .tj_jd_pic img{display: block;width: 100%; height:388px; }
  }

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

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



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

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


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


.new_pic_list li{overflow: hidden; margin-bottom: 15px;}
.tj_jd_pic img{display: block;width: 100%; height:378px; }
}
@media (max-width: 1150px) {
  .sy_jd_L{ width:55%;}	
  .sy_jd_R{  width:42%;}
.sy_news_list li{line-height:25px;}
.sy_new_title_list li{overflow:hidden;padding:5px 0px ; margin-bottom: 2px;}
.sy_new_title_list li dl dt{ font-size:16px;  line-height: 24px;margin-bottom: 5px}	

.new_pic_list li dl dd{line-height:22px;max-height: 44px;}
.new_pic_list .time_k{line-height: 18px; font-size: 12px; }
.new_pic_list .time_k i{ margin-right: 4px;font-size: 14px;}
}



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

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

@media screen and (max-width: 650px) {
  .gd_jd_box{overflow:hidden;width: 100%;margin: 0 auto;}
}



.scroll-ico{position:absolute; bottom:20%; left:50%; z-index:2; width:22px; height:31px; margin:0 0 0 -11px; padding:0 0 10px;}
.scroll-ico:after{display:block; content:''; position:absolute; bottom:0px; left:50%; width:14px; height:7px; margin:0 0 0 -7px; background:url(../images/arr-white-bottom.png) no-repeat center; background-size:contain; animation-name:move; animation-duration:1.5s; animation-iteration-count:infinite;}
.scroll-ico img{ width:22px; height:31px}


@media (max-width: 1300px) {
.scroll-ico{  bottom:10%;}
	
}

@media (max-width: 1200px) {
.scroll-ico{ display: none}
	
}

@keyframes move{
	from {
	bottom:0;
	opacity:1;
	}
	to {
	bottom:-10px;
	opacity:0;
	}
}



 /* ---footer---------- */
.foot_cop_bg{background: #049f9f; overflow: hidden; margin: 0px; padding: 15px 0px; border-top: 1px solid #01b2b2; position: relative; width: 100%;}
@media only screen and (max-width:1000px) {
.foot_cop_bg{ padding-bottom: 70px;}
}
   
.link_txt{ overflow:hidden; width:100%;position: relative; padding: 15px 0px;background: #049f9f;  border-top: 1px solid #01b2b2; }
.link_txt ul{  overflow:hidden; padding:0px;}
.link_txt ul li{ width:auto; float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; padding:0px 15px 0px 0px;display: inline-block; line-height: 28px}
.link_txt ul li a{ font-size:14px; color:#ddd}
.link_txt ul li {color: #ddd;}

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


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

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



.footer_xx_box{ overflow: hidden; margin: 0px;display: flex;justify-content: space-between;align-items:center;}
.foot_nav_R{color: #ffffff; overflow: hidden; margin: 0px; padding:0px;float: right; width:30%;}
.foot_nav_L{color: #ffffff; overflow: hidden; margin: 0px; padding:0px;float: left; width: 27%; }
.foot_nav_M{padding: 0px 0px;width: 43%; }

.down_ad_text{margin: 0; padding: 0;}
.down_ad_text dl{margin: 0; padding: 0; color: #fff; text-align: right;}
.down_ad_text dl dd{margin: 0; padding: 0;font-size: 46px;font-family:'mbhht';letter-spacing: 3.5px; line-height: 50px;}
.down_ad_text dl dt{margin: 0; padding: 0;font-size: 30px;font-family:'mbhht';letter-spacing: 1px; line-height: 40px;}
.down_ad_text dl dt span{color: #ffae00;font-family: 'BEBAS';font-weight: bold;}


.text_change{text-transform: uppercase;
position: relative;
background-image: -webkit-linear-gradient(left,#ffffff,#feffd8,#ffffff 100%);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-background-size: 200% 100%;
-webkit-animation: masked-animation 5s forwards linear infinite;
}

@keyframes masked-animation {
from {
background-position:0 0
}
to {
background-position:-200% 0
}
}

.text_change1{text-transform: uppercase;
	position: relative;
	background-image: -webkit-linear-gradient(left,#ffc000,#ff6000,#ffc000 100%);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-background-size: 200% 100%;
	-webkit-animation: masked-animation 3s forwards linear infinite;
	}
	
	@keyframes masked-animation {
	from {
	background-position:0 0
	}
	to {
	background-position:-200% 0
	}
	}


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

.foot_nav_R li:last-child{margin-right: 0px;}


.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: 4px}
.foot_nav_L dl dd{overflow: hidden; margin: 0px; padding:0px; font-size: 16px;line-height: 26px;color: #fff;}

.d_tel{font-size: 26px;letter-spacing: 2px;font-family: 'AVGBBT'; color: #fff;font-weight: 700;}
.d_tel a span{font-size: 16px; color: #fff;font-weight: normal;}

.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; text-align: center;}
.foot_2wm{overflow: hidden; margin: 0 6px; padding:0px;  display: inline-block} 
.foot_2wm p{overflow: hidden; margin: 0px; padding:0px;text-align: center;font-size: 16px; line-height: 30px;}
.foot_2wm img{ width: 120px; height: 120px; vertical-align: top; border-radius: 8px;}


.foot_nav_fa{ overflow:auto;;overflow-y: auto; height: auto; padding-right: 0px;width: auto;margin: 0 auto;}
.foot_nav_fa::-webkit-scrollbar {
	width:3px;background-color: #e94f2b; cursor:pointer;
}

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

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


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

@media screen and (max-width: 1400px) {
	.foot_nav_R li{margin-right: 10px}
	.foot_2wm img{ width: 100px; height: 100px; }
  }
  

@media screen and (max-width: 1350px) {
.foot_nav_R li{margin-right: 10px}
.foot_nav_R li dl dt{overflow: hidden; margin: 0px; padding:0px; line-height: 30px; font-size: 16px;font-weight: 700}
.foot_nav_R li dl dd{overflow: hidden; margin: 0px; padding:0px; line-height: 24px; margin-top: 5px; font-size: 14px;}

.down_ad_text dl dd{font-size: 30px;letter-spacing: 3.5px;  line-height: 34px;}
.down_ad_text dl dt{font-size: 20px;letter-spacing: 1px; line-height: 36px;}

.foot_nav_L{width: 30%}
.foot_nav_M{width: 45%}
.foot_nav_R{ width:25%;}
}
@media screen and (max-width: 1200px) {
	.foot_nav_L{width: 100%;float: none; margin-bottom: 20px; text-align: center;}
	.foot_nav_M{width: 100%;float: none;}
	.foot_nav_R{ width: 100%;float: none;}
.down_ad_text dl dd{font-size: 38px;letter-spacing: 3.5px; line-height: 44px;}
.down_ad_text dl dt{font-size: 25px;letter-spacing: 1px;}

.foot_2wm_box{text-align: center;}
.foot_2wm_box p{font-size: 14px;}
.down_ad_text dl{text-align: center;}
.foot_nav_L dl{text-align: center;}

.footer_xx_box{ overflow: hidden; margin: 0px;display: block;justify-content:inherit;align-items:center;}

.foot_bg{ padding: 40px 0px;}

.foot_logo{ overflow: hidden; margin: 0px; padding:0px; margin-bottom: 5px}	


.foot_nav_R li{ margin: 0px; padding: 0;width:auto;float:none;}


.foot_bg{ padding: 30px 0px;}
.foot_cop_xx{display:block;justify-content:inherit;}
.foot_cop_xx p{overflow: hidden;padding: 0;margin: 0;text-align: center; margin-bottom: 5px;}
.foot_cop_nav{ overflow: hidden; margin: 0px; padding:0px;display:block;justify-items:inherit;text-align: center;}
.foot_cop_nav a{display: inline-block;align-items: center;}

}

@media screen and (max-width: 900px) {
.d_tel{font-size: 22px;letter-spacing: 1px;}
.foot_nav_L dl dd{font-size: 14px;}
.d_tel a span{font-size: 14px;}
.footer_xx_box{ overflow: hidden; margin: 0px;display:block;justify-content:inherit;align-items:inherit;}
}

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

@media screen and (max-width: 800px) {
  .foot_nav_L dl dd{font-size: 14px;}
}

@media screen and (max-width: 550px) {
  .foot_nav_fa{ overflow:auto;;overflow-y: auto; height: 116px; padding-right: 10px;width: 90px;margin: 0 auto;}
  .foot_2wm{margin: 0px; width: 50%;float: left; margin-bottom: 10px;} 
  .foot_2wm_box{ max-width:320px;margin: 0 auto;;}
}




.foot_btn_box{ position: fixed; z-index: 10; float: left; width: 100%; bottom: 0px; left: 0; text-align: center; display: none}
.foot_btn li{padding:0px; margin: 0px; margin-bottom: 20px;width: 50%;float: left}
.foot_btn li a{ display: inline}
.foot_btn li .w_zx_btn{padding:0px;background: #02c0c7; line-height: 40px; 
  text-align: center; color: #fff;border-radius: 50px;justify-content: center;display: flex;align-items: center;
   max-width: 160px; width: 94%; margin: 0 auto;
   font-size: 16px;box-shadow:0 0 15px 1px rgba(0,0,0,.2)}

.foot_btn li .w_zx_btn i{ font-size:20px; line-height:36px; margin-right: 5px}
.foot_btn li:nth-child(2) .w_zx_btn{ background: #f65e41; color: #fff;}




.d_jmtu_k{width: 392px; overflow: hidden;position: fixed; z-index: 99;bottom:-4px; padding: 0px; margin: 0;left:1%;float: left;}
.d_tc_box{ overflow:hidden; position: relative; padding: 0px; margin: 0;}
.d_tc_box img{ width: auto; height: auto;vertical-align: top;}
.tc_btn_close{ width: 50px; height: 30px; border-radius: 40px 40px 0 0; background: #f35b3d;
  position: absolute; z-index: 20;
  right:40px; top:20px;color: #fff; text-align: center; }
.tc_btn_close i{font-size: 18px; line-height: 40px; cursor: pointer; position: relative;}
.tc_btn_close:hover i{ color: #fff600;}

.d_tc_tel {position: absolute; z-index: 3;left:110px;top: 130px;float: left;}
.d_tc_tel dl{ overflow:hidden;  margin: 0px; padding: 0;}
.d_tc_tel dl dt{ overflow:hidden;  margin: 0px; padding: 0;font-size: 15px; color: #555;}
.d_tc_tel dl dd{ overflow:hidden;  margin: 0px; padding: 0;font-size: 25px; color: #e94f2b;  font-family: 'BEBAS';}

.jm_sm_txt{ overflow:hidden;  margin: 0px; padding: 0; position: absolute; width: 100%;left: 0; top:200px; z-index: 4;}
.jm_sm_txt dl{ overflow:hidden;  margin: 0px; padding: 0; text-align: center;}
.jm_sm_txt dl dd{ overflow:hidden;  margin: 0px; padding: 0;font-size: 18px; color:#21bdbd; padding: 5px 0px; }
.tc_btn_jm{ width: 200px;text-align: center; 
  background-image: linear-gradient(-225deg, #76efb2 0%, #42e2e4 48%, #21bdbd 100%);
  color: #fff;font-size: 18px; line-height: 44px; margin: 0 auto; border-radius: 50px;font-weight: 600;
  box-shadow:0 0 10px 1px rgba(0,0,0,.1);}
.jm_sm_txt dl dd a{display: inline;}
.tc_btn_jm:hover{ background: #f35b3d;}

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


.btn_Animation{
	animation:Stressscale 4s linear infinite !important;
	-webkit-animation:Stressscale 4s linear infinite !important;
	-o-animation:Stressscale 4s linear infinite !important;
	-moz-animation:Stressscale 4s linear infinite !important;
}
 @keyframes Stressscale {
	0% {
		transform: scale(1);
	}
	12.5% {
		transform: scale(1.05);
	}
	25% {
		transform: scale(1);
	}
	37.5% {
		transform: scale(1.05);
	}
	50% {
		transform: scale(1);
	}
	100% {
		transform: scale(1);
	}
  }
  @-webkit-keyframes Stressscale {
	0% {
		-webkit-transform: scale(1);
	}
	12.5% {
		-webkit-transform: scale(1.05);
	}
	25% {
		-webkit-transform: scale(1);
	}
	37.5% {
		-webkit-transform: scale(1.05);
	}
	50% {
		-webkit-transform: scale(1);
	}
	100% {
		-webkit-transform: scale(1);
	}
  }
  @-o-keyframes Stressscale {
	0% {
		-o-transform: scale(1);
	}
	12.5% {
		-o-transform: scale(1.05);
	}
	25% {
		-o-transform: scale(1);
	}
	37.5% {
		-o-transform: scale(1.05);
	}
	50% {
		-o-transform: scale(1);
	}
	100% {
		-o-transform: scale(1);
	}
  }
  @-moz-keyframes Stressscale {
	0% {
		-moz-transform: scale(1);
	}
	12.5% {
		-moz-transform: scale(1.05);
	}
	25% {
		-moz-transform: scale(1);
	}
	37.5% {
		-moz-transform: scale(1.05);
	}
	50% {
		-moz-transform: scale(1);
	}
	100% {
		-moz-transform: scale(1);
	}
  }



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

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


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


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

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

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

 .news_xx_top_mask{overflow: hidden;width: 100%; height: 100%; position: absolute;
	top:0;left:0;
	z-index: auto;
background-image: linear-gradient(120deg,rgba(0,0,0,0.95), rgba(0,0,0,0.6),  rgba(255,255,255,0.1));}


.sub_nav{ margin: 0 auto;padding: 0px; text-align: center;overflow: hidden;display: flex; justify-content: center; flex-wrap: wrap; z-index: 10; position: relative;}
.sub_nav li{padding: 0px 30px;list-style: none; ; background:#fff;text-align:center; height:46px;font-weight: bold;line-height:46px; color:#222;transition:all .1s;float: left; border-radius: 40px; margin: 0px 8px; margin-bottom: 5px;}


.sub_nav li a{font-size: 18px;color: #111;}
.sub_nav li:hover{background-image: linear-gradient(40deg, #ff9205, #ff9205, #ff9205);color:#fff;}
.sub_nav li:hover a{color: #fff;font-weight: bold;}
.sub_nav .on{background-image: linear-gradient(-40deg, #21bdbd, #21bdbd,   #21bdbd);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: 16px;}		
.sub_nav li{height:44px;line-height:44px;}	

}

@media (max-width: 1000px) {
.sub_nav li{height:36px;line-height:36px;}	
}




/*-----news_list_03-------*/

.news_list_03{overflow: hidden;}
.news_list_03 li{overflow: hidden; padding: 35px 0px; border-top: 1px solid #ddd;}
.news_list_03 li:last-child{border-bottom: 1px solid #ddd;}

.news_date{ width: 70px;float: left; margin-right: 40px;}
.news_date_day{ text-align: center;font-size: 50px; color: #21bdbd; font-family: 'AVGBBT';}
.news_date_year{ text-align: center; padding: 2px 0px;font-size: 16px;font-family: 'AVGBBT'; 
	border-top: 1px solid #333;border-bottom: 1px solid #333; list-style: 30px;}

.new_pic{width: 20.5%;min-width: 200px;height: auto; margin-right: 40px;float: left; position: relative; overflow: hidden;}

.news_list_03 li dl{overflow: hidden;}
.news_list_03 li dl dt{overflow: hidden;font-size: 20px; color: #111; 
	margin-bottom: 10px;font-weight: 700;max-height: 58px; line-height: 28px;
}
.news_list_03 li dl dd{overflow: hidden; line-height: 26px; color: #666; max-height: 52px;}
.news_list_03 li dl dt:hover a{color: #21bdbd;}

.picture_imgs{overflow:hidden; position:relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease;width: 100%;}
.picture_imgs img{display: block;width: 100%; height:auto;}

.new_pic:hover .picture_imgs{transform: scale(1.1); -webkit-transform: scale(1.1);	transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

@media (max-width: 1300px) {
	.news_list_03 li{padding: 25px 0px;}
	.news_date_day{ font-size: 40px;}
	.news_date{ width: 65px;float: left; margin-right: 25px;}
	.new_pic{margin-right: 25px;}
	.news_list_03 li dl dt{font-size:18px;max-height: 52px; line-height: 26px; }
	.news_list_03 li dl dd{font-size:14px; line-height: 24px; max-height: 48px;}
}

@media (max-width: 1000px) {
	.news_list_03 li{ padding: 20px 0px;}
	.news_date_day{ font-size: 40px;}
	.news_date{ width: 65px;float: left; margin-right: 25px;}
	.new_pic{margin-right: 25px;}
	.news_list_03 li dl dt{font-size:16px; }
}

@media (max-width: 700px) {
	.news_list_03 li{ padding: 15px 0px;}
	.news_date_day{ font-size: 26px;}
	.news_date{ width: 50px;float: left; margin-right: 12px;}
	.news_date_year{text-align: center; padding: 2px 0px;font-size: 12px;font-family: 'AVGBBT'; }
	.new_pic{margin-right: 12px;}
	.news_list_03 li dl dt{font-size:15px; line-height: 24px;}
	.news_list_03 li dl dd{display: none;}
	.new_pic{width: 20.5%;min-width: 130px;}
}
/*-----news_list_03--//-----*/






/*---------content-----------*/

#news_xx_top{padding:10% 0 5% 0; overflow: hidden; position: relative;max-height: 400px;}

.wrap1200{max-width: 1200px; overflow: hidden; margin: 0 auto; width: 94%;padding: 0px; position: relative; z-index: 2;}

.news_title_bt{ line-height:34px; font-size:30px;margin-bottom:20px; color:#fff;font-weight: bold; }
.content_time{width:100%;  font-size:14px; color:#fff;line-height:25px; overflow: hidden;display:-ms-flexbox;display: flex;align-items: center;justify-content:flex-start;}
.i_date{margin-right:5px;}
.i_from{ margin-right:5px}
.i_View{overflow: hidden;}

.btn_return_k{position: absolute; z-index: 2; bottom:20px; width: 100%;}
.btn_return_box a{display: inline; color: #fff;font-size: 12px; }
.btn_return_box {display: inline-block;float: right;}

.btn_return{ border-radius: 40px; line-height: 34px; padding: 0px 15px;color: #21bdbd; background:#21bdbd;color: #fff;}
.btn_return i{font-size: 14px;}
.content_time i{ font-size:16px; color:#fff; margin-right:2px; font-weight:300;vertical-align: middle; line-height: 34px;}
.btn_return:hover{ background:#fff;  color: #21bdbd;}
@media screen and (max-width: 1300px) {
.news_title_bt{ line-height:26px; font-size:22px;}
}
@media screen and (max-width: 1200px) {
#news_xx_top{padding:10% 0 60px 0; }
.btn_return_k{ bottom:15px; }
.btn_return{  line-height: 30px; }
}

@media screen and (max-width: 768px) {
.news_title_bt{font-size:20px; margin-bottom: 10px; }
.content_time{font-size:12px;  }
.content_time i{ font-size:14px;}
#news_xx_top{padding:10% 0 50px 0; }

.btn_return_k{ bottom:10px; }
}


.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; vertical-align: top;}

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

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

.side_news_L{ width: 71%;float: left;overflow: hidden; padding: 0px; margin: 0; }
.side_news_R{ width: 25%;float: right;overflow: hidden; padding: 0px; margin: 0;}

.R_title_bt{ font-size:22px;font-weight:bold; width:100%}

.wx_news_list{ margin:0px; padding:0px; overflow: hidden}
.wx_news_list li{ margin:0px; padding:10px 0px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px; line-height:24px; border-bottom: #ccc 1px  dotted;position: relative;}
.wx_news_list li p{padding: 0px;margin: 0px;font-size: 12px; color: #777;}



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

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

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


}

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

.side_news_L{ width:100%;float: none;overflow: hidden; padding: 0px; margin: 0;  }
.side_news_R{ width: 100%;float: none;overflow: hidden; padding: 0px; margin: 0; display: none;}
}


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


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

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

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

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

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

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

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



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

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


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

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

#pages li:hover {
  background: #21bdbd;
}

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



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

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

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

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

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


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



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

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

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

 

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

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



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

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

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

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

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

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


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


/*------搜索列表-------*/
.soso_txt{ overflow:hidden; margin:0px; padding:0px; margin-bottom:15px; font-size:18px; color:#333333; line-height:30px; text-indent:10px}
.soso_txt span{ font-size:20px; color:#FF0000; margin-left:4px; margin-right:4px}
@media only screen and (max-width:1200px) {
.soso_txt{ overflow:hidden; margin:0px; padding:0px; margin-bottom:5px; font-size:16px; color:#333333; line-height:24px;}
.soso_txt span{ font-size:16px; color:#FF0000}
}


/*-----brand-------*/

.wotou_brand_top_wrap{ overflow: hidden; position: relative; padding: 10% 0 0 0 ;}

.wotou_brand_box{overflow: hidden; position: relative; margin: 0px; padding: 0; z-index: 2; }

.brand_img{overflow:hidden; width:100%; text-align:center;position: relative; margin-top: -8%;}
.brand_img img{MAX-WIDTH: 100%!important;HEIGHT: auto!important; vertical-align: top;}

.brand_zi{position: absolute;z-index: 1; top: 40%; width: 100%; text-align: right;font-size: 1.2rem; line-height: 130%;   font-family:'Koulen'; color: #fff;
	transform:rotate(18deg); opacity: 0.3;transform:skewY(18deg); }

.home_brand_text{overflow:hidden; padding: 0px; width:44%;float: left;}
.home_brand_text dl{overflow:hidden; padding: 0px;}
.home_brand_text dl dt{overflow:hidden; padding: 0px;  margin-bottom: 10px;font-size: 38px;font-weight: 700; color: #fff; }
.home_brand_text dl dt h3{overflow:hidden; padding: 0px;font-size: 24px; margin-bottom: 5px;color: #fff; }

.home_brand_text dl dd{overflow:hidden; padding: 0px; }


.wotou_brand_js{overflow:hidden; padding: 0px; width:50%;float: right;position: relative; z-index: 2;color: #fff;}
.wotou_brand_bt{overflow:hidden; padding: 0px;  margin-bottom: 10px;font-size: 38px;font-weight: 700; color: #fff; }

.wotou_brand_js p{ color: #fff;}

@media only screen and (max-width:1450px) {
	.brand_zi{z-index: 1; top:44%; }
}


@media only screen and (max-width:1300px) {
	.home_brand_text dl dt{font-size: 30px;}
	.home_brand_text dl dt h3{font-size: 20px;}
	.wotou_brand_bt{font-size: 30px;}
	.brand_zi{top:47%; }
}

@media only screen and (max-width:1000px) {
	.home_brand_text dl dt{font-size: 24px;}
	.home_brand_text dl dt h3{font-size: 18px;}

	.wotou_brand_bt{font-size: 24px;}
	.brand_zi{ top:54%;font-size: 1rem;  }
}

@media only screen and (max-width:950px) {
	.home_brand_text{overflow:hidden; padding: 0px; width:100%;float: none; margin-bottom: 25px;}
	.wotou_brand_js{overflow:hidden; padding: 0px; width:100%;float: none;position: relative; z-index: 1; }
	.home_brand_text dl{text-align: center;}
	.wotou_brand_bt{text-align: center;}
	.brand_zi{top:60%; }
}

@media only screen and (max-width:600px) {
	.brand_zi{ top:67%; }
}


.honor_bg{background:url(../images/honor_bg.jpg) no-repeat center; background-size:cover; position: relative; padding: 7% 0px;}

.honor_wrap{ overflow: hidden;padding: 0px;margin: 0px; width: 65%;float:left; padding-left: 2%;}

.honor_yytu{ position: absolute;z-index: 1; height: 100%; right: 0; top:0}
.honor_yytu img{width: auto; height: 100%;}

@media only screen and (max-width:1000px) {
.honor_wrap{ margin: 0px auto; width: 96%;float:none; padding-left:0;}
}


.jmbg_bg{background:url(../images/jmbgq.jpg) no-repeat center; background-size:cover; position: relative; padding: 3% 0px  0 0px;}
.home_jmd_pic{overflow: hidden; padding: 0px; margin: 0 auto; width: 96%;}
.home_jmd_pic img{width: 100%; height: auto;vertical-align: top;}

.jmlc{overflow: hidden;margin: 0; padding: 0; margin-left: 50px; }
.jmlc li{overflow: hidden;margin: 0; padding: 0;width: 25%;float:left;  text-align: center; position: relative; z-index: 4;}
.jmlc li dl{overflow: hidden; padding: 25px 0px; background: #fff;border-radius: 10px; margin-bottom: 50px; margin-right: 50px;}
.jmlc li dl dt{overflow: hidden;margin: 0; padding: 0;font-size: 24px;  font-family: 'AVGBBT';font-weight: bold; color: #666; margin-bottom: 5px;}
.jmlc li dl dd{overflow: hidden;margin: 0; padding: 0 10px; line-height: 24px; min-height: 48px;font-weight: bold;font-size: 18px;color: #111;}
.jmlc li dl dt img{ height: 60px; width: auto;vertical-align: top;}
.jmlc li:nth-child(5){float: right;}
.jmlc li:nth-child(6){float: right;}
.jmlc li:nth-child(7){float: right;}
.jmlc li:nth-child(8){float: right;}
.jmlc li dl:hover{box-shadow:0 0 15px 1px rgba(0,0,0,.1)}
.jmlc li dl:hover dd{color: #21bdbd;}



.jmlc li::before{ content: ""; width: 100%; height: 2px; background: #ccc; z-index: -1; top: 50%; position: absolute;left:0; margin-top: -25px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);}
.jmlc li:nth-child(1)::before{ content: ""; width: 100%; height: 2px; background: #ccc; z-index: -1; top: 50%; position: absolute;left:40%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
		margin-top: -25px;}

.jmlc li::after{ content: "";position: absolute;right:10px;top:48%;
		border-top:10px solid #ccc; border-left:10px solid transparent;border-right:10px solid transparent; width:0px; height:0px;
			-webkit-transform: translateY(-50%);
			-moz-transform: translateY(-50%);
			transform: translateY(-50%);transform:rotate(270deg);
			margin-top: -25px;}


.jmlc li:nth-child(4)::before{ content: "";position: absolute; bottom:0;z-index: -1; 
width: 2px; height: 100%; background: #ccc; left:50%; margin-left: -25px;
-webkit-transform: translatex(-50%);
-moz-transform: translatex(-50%);
transform: translatex(-50%);
}

.jmlc li:nth-child(8)::before{ content: "";position: absolute; bottom:0;z-index: -1; 
width: 2px; height: 100%; background: #ccc; left:50%; margin-left: -25px;
-webkit-transform: translatex(-50%);
-moz-transform: translatex(-50%);
transform: translatex(-50%);
}



.jmlc li:nth-child(4)::after {
	content: "";
	position: absolute;
	right:auto;
	margin-left:-35px;
	top:auto;
	bottom:20px;
	left:50%;
	border-top: 10px solid #ccc;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	width: 0px;
	height: 0px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	transform: rotate(360deg);}

.jmlc li:nth-child(5)::after{display: none;}
.jmlc li:nth-child(12)::after{display: none;}
.jmlc li:nth-child(12)::before{display: none;}
.jmlc li:nth-child(6)::after{ content: "";position: absolute;right:10px;top:48%;
border-top:10px solid #ccc; border-left:10px solid transparent;border-right:10px solid transparent; width:0px; height:0px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);transform:rotate(90deg);
}


											
.jmlc li:nth-child(7)::after{ content: "";position: absolute;right:10px;top:48%;
	border-top:10px solid #ccc; border-left:10px solid transparent;border-right:10px solid transparent; width:0px; height:0px;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);transform:rotate(90deg);
}

		
.jmlc li:nth-child(8)::after{ content: "";position: absolute;right:10px;top:48%;
	border-top:10px solid #ccc; border-left:10px solid transparent;border-right:10px solid transparent; width:0px; height:0px;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);transform:rotate(90deg);
}

.jmlc li:nth-child(8) dl::before{ content: ""; width: 100%; height: 2px; background: #ccc; z-index: -1; top: 50%; position: absolute;left:40%;
			-webkit-transform: translateY(-50%);
			-moz-transform: translateY(-50%);
			transform: translateY(-50%);
			margin-top: -25px;}

.jmlc li:nth-child(8) dl::after {
				content: "";
				position: absolute;
				right:auto;
				margin-left:-35px;
				top:auto;
				bottom:20px;
				left:50%;
				border-top: 10px solid #ccc;
				border-left: 10px solid transparent;
				border-right: 10px solid transparent;
				width: 0px;
				height: 0px;
				-webkit-transform: translateY(-50%);
				-moz-transform: translateY(-50%);
				transform: translateY(-50%);
				transform: rotate(360deg);}

			
.jmlc li:nth-child(9)::before{ content: ""; width: 100%; height: 2px; background: #ccc; z-index: -1; top: 50%; position: absolute;left:40%;
				-webkit-transform: translateY(-50%);
				-moz-transform: translateY(-50%);
				transform: translateY(-50%);
				margin-top: -25px;}


			
.jmlc li:nth-child(5)::before{ content: ""; width: 50%; height: 2px; background: #ccc; z-index: -1; top: 50%; position: absolute;right:40%;
						-webkit-transform: translateY(-50%);
						-moz-transform: translateY(-50%);
						transform: translateY(-50%);
						margin-top: -25px;}
						
			
@media only screen and (max-width:1200px) {
.jmlc li dl dd{font-size: 16px;}
.jmlc li dl dt img{ height: 50px; width: auto;vertical-align: top;}
}

@media only screen and (max-width:800px) {
.jmlc li dl dt img{ height: 40px; width: auto;vertical-align: top;}
}

@media only screen and (max-width:750px) {
	.jmlc{overflow: hidden;margin: 0; padding: 0; margin-left: 30px; }
	.jmlc li dl{line-height: 24px;}
	.jmlc li dl dt{font-size: 20px; }
	.jmlc li dl dd{line-height: 22px; }
	.jmlc li dl dt img{ height: 35px; width: auto;vertical-align: top;}
	.jmlc li dl dt{ margin-bottom: 2px;}
	.jmlc li{overflow: hidden;margin: 0; padding: 0;width: 33.333%;float:left;  text-align: center; position: relative; z-index: 4;}
	.jmlc li::after{ content: "";position: absolute;right:3px;top:48%;
		border-top:10px solid #ccc; border-left:10px solid transparent;border-right:10px solid transparent; width:0px; height:0px;
			-webkit-transform: translateY(-50%);
			-moz-transform: translateY(-50%);
			transform: translateY(-50%);transform:rotate(270deg);
			margin-top: -25px;}
			.jmlc li:nth-child(6)::after{right:3px;}
			.jmlc li:nth-child(5)::after{right:3px;}
			.jmlc li:nth-child(7)::after{right:3px;}
			.jmlc li:nth-child(8)::after{right:3px;}
			.jmlc li:nth-child(11)::after{right:3px;}
			.jmlc li:nth-child(12)::after{right:3px;}
	.jmlc li:nth-child(4){float: right;}
	.jmlc li:nth-child(5){float: right;}
	.jmlc li:nth-child(6){float: right;}
	.jmlc li:nth-child(7){float: left;}
	.jmlc li:nth-child(8){float: left;}
	.jmlc li:nth-child(9){float: left;}
	.jmlc li:nth-child(10){float: right;}
	.jmlc li:nth-child(11){float: right;}
	.jmlc li:nth-child(12){float: right;}

	.jmlc li:nth-child(4)::after{display: none;}
	.jmlc li:nth-child(4n)::before{display: none;}
	.jmlc li:nth-child(9)::after{display: none;}
	.jmlc li:nth-child(9)::before{display: none;}
	.jmlc li:nth-child(10)::after{display: none;}
	.jmlc li:nth-child(10)::before{display: none;}

	

.jmlc li:nth-child(3)::before{ content: "";position: absolute; bottom:0;z-index: -1; 
		width: 2px; height: 100%; background: #ccc; left:50%; margin-left: -15px;
		-webkit-transform: translatex(-50%);
		-moz-transform: translatex(-50%);
		transform: translatex(-50%);
		}
		
.jmlc li:nth-child(3)::after {
content: "";
position: absolute;
right:auto;
margin-left:-25px;
top:auto;
bottom:20px;
left:50%;
border-top: 10px solid #ccc;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
width: 0px;
height: 0px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
transform: rotate(360deg);}

.jmlc li:nth-child(6) dl::before{ content: ""; width: 2px; height: 60%; background: #ccc;
	 z-index: -1; top: 50%; position: absolute;left:50%;
	-webkit-transform: translatex(-50%);
	-moz-transform: translatex(-50%);
	transform: translatex(-50%);
	margin-left: -15px;}

.jmlc li:nth-child(6) dl::after {
		content: "";
		position: absolute;
		right:auto;
		margin-left:-25px;
		top:auto;
		bottom:20px;
		left:50%;
		border-top: 10px solid #ccc;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		width: 0px;
		height: 0px;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
		transform: rotate(360deg);}
		.jmlc li:nth-child(9) dl::before{ content: ""; width: 2px; height: 60%; background: #ccc;
			z-index: -1; top: 50%; position: absolute;left:50%;
		   -webkit-transform: translatex(-50%);
		   -moz-transform: translatex(-50%);
		   transform: translatex(-50%);
		   margin-left: -15px;}
	   
	   .jmlc li:nth-child(9) dl::after {
			   content: "";
			   position: absolute;
			   right:auto;
			   margin-left:-25px;
			   top:auto;
			   bottom:20px;
			   left:50%;
			   border-top: 10px solid #ccc;
			   border-left: 10px solid transparent;
			   border-right: 10px solid transparent;
			   width: 0px;
			   height: 0px;
			   -webkit-transform: translateY(-50%);
			   -moz-transform: translateY(-50%);
			   transform: translateY(-50%);
			   transform: rotate(360deg);}
	   


.jmlc li:nth-child(8) dl::before{ display: block;}
.jmlc li:nth-child(8) dl::after { display: none;}
.jmlc li:nth-child(5)::after{display: block;transform: rotate(90deg);}

.jmlc li:nth-child(5)::before{ content: ""; width: 100%; height: 2px; background: #ccc; z-index: -1; top: 50%; position: absolute;right:0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: -25px;display: block;
}

.jmlc li:nth-child(12)::before{display: block;}
.jmlc li:nth-child(12)::after{display: block;transform: rotate(90deg);}
.jmlc li:nth-child(11)::after{transform: rotate(90deg);}
.jmlc li:nth-child(7)::after{transform: rotate(270deg);}
.jmlc li:nth-child(8)::after{transform: rotate(270deg);}

.jmlc li dl{overflow: hidden; padding: 20px 0px; background: #fff;border-radius: 10px; margin-bottom: 50px; margin-right: 30px;}
}
@media only screen and (max-width:500px) {
.jmlc li dl dd{font-size: 14px;}
}




/*--------home--brand----------*/
.home_brand_k{overflow:hidden; padding: 0px; position: relative;}
.home_brand_R{overflow:hidden; padding: 0px; width: 50%;float: right;}

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

.home_brand_L{overflow:hidden; padding: 0px; width: 50%;float: left;top:0; height: 100%; position: absolute; z-index: 1;}

.jm_brand_text{max-width: 700px; width: 73%; float: right;right:0; margin-right: 6%; display: flex;align-items: center; position: absolute; height: 100%;}
.jm_brand_text dl{overflow:hidden; padding: 0px; }
.jm_brand_text dl dt{overflow:hidden; padding: 0px;  margin-bottom: 10px;font-size: 38px;font-weight: 700;}
.jm_brand_text dl dt h3{overflow:hidden; padding: 0px;font-size: 24px; margin-bottom: 5px;}

.jm_brand_text dl dd{overflow:hidden; padding: 0px; }

@media only screen and (max-width:1600px) {
  .jm_brand_text{max-width: 700px; width: 92%;margin-right: 4%; }

}



@media only screen and (max-width:1420px) {
  .jm_brand_text dl dt{font-size: 34px;}
  .jm_brand_text dl dt h3{font-size: 22px}
}

@media only screen and (max-width:1300px) {
  .home_brand_text dl dt{font-size: 30px;}
}
@media only screen and (max-width:1200px) {
  .jm_brand_text dl dt h3{font-size:18px}
  .jm_brand_text dl dt{font-size: 25px; margin-bottom: 5px;}
  .home_brand_L{ width: 45%}
  .home_brand_R{ width: 55%}
}

@media only screen and (max-width:1100px) {
.jm_brand_text dl dt{ text-align: center; }
.home_brand_R{overflow:hidden; padding: 0px; width: 100%;float: none; }
.home_brand_L{overflow:hidden; padding: 0px; width: 100%;float: none;top:none; height:auto; position:inherit; z-index: 1; margin-bottom: 30px;}
.jm_brand_text{max-width: 92%; width: 100%; float: none;right:none; margin-right:0; margin: 0 auto; display:block;align-items:inherit; position: relative; height: auto;}
}

.support_bg{overflow:hidden;background:#21bdbd url(../images/zc_bg.jpg) no-repeat center top; background-size:cover;}
.support_list{overflow: hidden; }
.support_list li{overflow: hidden;width: 23.5%;margin-right: 2%;float: left; margin-bottom: 25px; position:relative;
  background: #fff;border-radius: 6px;}
.support_list li dl{overflow: hidden; margin: 30px 25px; text-align: center;}
.support_list li dl dt{overflow: hidden;font-size: 18px;font-weight: bold;line-height: 30px; margin-bottom: 10px; }
.support_list li dl dd{overflow: hidden;font-size: 16px; line-height:28px;color: #888;min-height: 140px;}

.support_list li:nth-child(4n){margin-right: 0}

.support_list li dt img{height: 90px; width: auto;  transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;vertical-align: top;}
.support_list li:hover{box-shadow:0 0 10px 1px rgba(0,0,0,0.05);}
.support_list li:hover dl dt{color: #21bdbd;}
.support_list li:hover dt img{-webkit-transform: scale(0.9);transform: scale(0.9);-moz-transform: scale(0.9);
  transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

  .support_number{position: absolute;z-index: 2; font-size: 36px; color: #ddd; top:20px;left:20px; font-family: 'BEBAS';}
  .support_list li:hover   .support_number{ color:#21bdbd;}


  @media (max-width: 1350px) {
    .support_list li dt img{height: 70px; width: auto; }
    .support_list li dl dd dt{line-height: 26px; margin-bottom: 5px;} 
    .support_list li dl dd{line-height:24px;font-size: 14px; min-height: 120px;}
  }

  @media (max-width: 1200px) {
    .support_list li dt img{height: 60px; width: auto; }

  }
  @media (max-width: 1000px) {
    .support_list li dt img{height: 50px; width: auto; }
  .support_list li dl{margin: 30px 15px;}
  
  .support_number{font-size: 30px;}

.support_list li{overflow: hidden;width: 48.5%;margin-right:3%;float: left; margin-bottom: 20px; }
.support_list li:nth-child(2n){margin-right: 0}
.support_list li dl dd{line-height:24px;font-size: 14px; min-height:96px;}
}
@media (max-width: 500px) {
  .support_list li dl dd dt{font-size: 16px;margin-bottom: 5px;} 
  .support_list li dl{margin: 20px 12px;}
  .support_list li dl dd{line-height:26px;min-height: 104px;}

}
@media (max-width: 480px) {
  .support_list li dl dd dt{font-size: 16px;margin-bottom: 5px;} 
  .support_list li dl{margin: 20px 12px;}
  .support_list li{overflow: hidden;width: 100%;margin-right:0;float: left; margin-bottom: 20px; }
  .support_list li dl dd{min-height: 26px; height: auto;}
  .support_list li dl{margin: 20px 20px;}
}

.questions_wrap{position: relative;overflow: hidden; margin: 0px; padding: 0;}
.questions_L{width: 48%;float: left;overflow: hidden; margin: 0px; padding: 0;}
.questions_L img{width: 100%; height: auto;vertical-align: top;}
.questions_R{width: 48%;float: right;overflow: hidden; margin: 0px; padding: 0;}
.AandQ{max-width: 700px;overflow: hidden; margin: 0px; padding: 0;}



.container {
  display: flex;
  width: 100%;
  padding:1% 2% 0 2%;
  box-sizing: border-box;
  height: 85dvh;
}

.box {
  flex: 1;
  overflow: hidden;
  transition: .5s;
  margin: 0 1%;
  box-shadow: 0 10px 20px rgba(0,0,0,.1);
  line-height: 0; background: #fff;
}

.box > img {
  width: 200%;
  height: calc(100% - 70px);
  object-fit: cover; 
  transition: .5s;
}

.box > span {display: flex;align-items: center; justify-content: center;
  font-size:20px; text-align: center;
  line-height: 24px; padding: 11px 0px; overflow: hidden; min-height: 70px;
}

.box:hover { flex: 1 1 50%; }
.box:hover > img {
  width: 100%;
  height: 100%;
}
@media (max-width: 1200px) {

	.box > span {
  font-size:16px;

}
}


@media (max-width: 700px) {
	.box > span {
		font-size:14px;
		line-height: 20px; padding: 2px 0px; overflow: hidden; min-height: 62px;
	  }

	  .box > img {
		width: 200%;
		height: calc(100% - 62px);
		object-fit: cover; 
		transition: .5s;
	  }

}

.ztxc_cp{margin:0px; padding:0px 4%; overflow:hidden; margin:0 auto;}
.ztxc_cp .img_pic{overflow: hidden; position: relative; }
.ztxc_cp .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; border-radius:200px; border: #fff 2px solid;}
.ztxc_cp .img_pic .product_img img{display: block;width:100%;height: auto;}
.ztxc_cp:hover .img_pic .product_img{border-radius:80px; border: #fff 2px solid;}
.ztxc_cp .works_title{ font-size: 18px;line-height: 30px; padding: 10px 5px 15px 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color: #fff;position:relative;text-align: center;}
.ztxc_cp:hover .works_title{ color:#21bdbd; }



@media (max-width: 1200px) {
.ztxc_cp .works_title{ font-size: 16px;}
}


.wutou_contact{overflow: hidden; padding: 0px; margin: 0px;}
.wutou_contact li{overflow: hidden; padding: 0px; margin: 0px;width: 33.333%;float: left; position:relative; min-height: 140px;}
.wutou_contact li dl{overflow: hidden; padding: 0px; margin: 0px; text-align: center}
.wutou_contact li dl dt{overflow: hidden; padding: 0px; margin: 0px;; margin-bottom: 10px;  }
.wutou_contact li dl dt i{font-size: 50px; color: #01b2b2;}
.wutou_contact li dl dd{overflow: hidden; padding: 0px; margin: 0px;font-size: 16px; line-height: 26px; color: #222; }
.wutou_contact li:last-child{width: 100%;}

.wutou_contact li::after {position: absolute; z-index: 1;width: 1px; height: 80%; content: ""; background: #eee;
	top: 50%;left:0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);}

	.wutou_contact li:last-child::after {display: none;}

	.wutou_contact li:nth-child(3)::before {position: absolute; z-index: 1;width: 1px; height: 100px; content: ""; background: #eee;
		top: 50%;right:0;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);}

	.wutou_2wm{overflow: hidden; padding: 0px; margin: 0px; text-align: center;}
	.wutou_2wm .pic_k{overflow: hidden; padding: 0px; margin: 0px 10px;display: inline-block;}
	.wutou_2wm .pic_k p{line-height: 24px; text-align: center; margin: 0px;padding: 0px;}
	.wutou_2wm .pic_k img{width: 140px; height:auto}

@media (max-width: 1200px) {
		.wutou_contact li dl dd{font-size: 14px; padding: 0px 5px;}
		.wutou_2wm .pic_k img{max-width: 100px;width: auto; height:auto}
		.wutou_2wm .pic_k p{line-height: 22px;font-size: 14px; }
}

@media (max-width: 950px) {
.wutou_contact li{width: 33.333%; margin-bottom: 20px;}	
.wutou_contact li:last-child{width: 100%;}

.wutou_contact li:nth-child(3):before {position: absolute; z-index: 1;width: 1px; height: 100px; content: ""; background: #eee;
top: 50%;right:0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);}

			
.wutou_contact li:last-child::before {position: absolute; z-index: 1;width: 1px; height: 100px; content: ""; background: #eee;
				top: 50%;right:0;
				-webkit-transform: translateY(-50%);
				-moz-transform: translateY(-50%);
				transform: translateY(-50%); display: none;}
.wutou_contact li:last-child:after{ display: none;}
.wutou_contact li dl dt i{font-size: 40px;}
.wutou_2wm .pic_k img{max-width: 120px;width: auto; height:auto}		
}

@media (max-width: 640px) {
		.wutou_contact li{width:100%; margin-bottom: 10px;float: none; min-height: 50px; height: auto; padding-bottom: 10px; border-bottom: 1px solid #eee; padding-top: 10px;}	
		.wutou_contact li:nth-child(3):before {display: none;}
		.wutou_contact li::after {display: none;}
		.wutou_contact li:last-child{ border-bottom: 0px solid #eee; padding-bottom: 0px;}
		.wutou_contact li dl dd{font-size: 16px;}

		.wutou_2wm .pic_k{overflow: hidden; padding: 0px; margin: 0px 4px;display: inline-block;}
		.wutou_2wm .pic_k p{line-height: 24px; text-align: center; margin: 0px;padding: 0px;}
		.wutou_2wm .pic_k img{max-width: 110px;width: auto; height:auto}

}


@media (max-width: 550px) {
	.wutou_2wm .pic_k{overflow: hidden; padding: 0px; margin: 0px 0px;display:block; width: 50%;float: left; margin-bottom: 10px;}
.wutou_2wm{ max-width: 320px; margin: 0 auto;}
}



.wutou_book_L{overflow: hidden; padding: 0px; margin: 0px;width: 55%;float:left;}
.wutou_book_R{overflow: hidden; padding: 0px; margin: 0px;width: 45%;float:left;}
#allmap {height: 580px;width:100%;overflow: hidden;}

.book_wrap{max-width: 760px;width: 82%; margin-right:50px;float:right;}

@media (max-width: 800px) {
	.book_wrap{max-width: 760px;width: 94%; margin-right:0;float:none; margin: 0 auto;}
	.wutou_book_L{overflow: hidden; padding: 0px; margin: 0px;width: 100%;float:none; margin-bottom: 30px;}
	.wutou_book_R{overflow: hidden; padding: 0px; margin: 0px;width: 100%;float:none; padding: 0px 3%;}
	#allmap {height: 340px;width:100%;overflow: hidden;}
}

.factory_top{width:100%; padding: 15% 0px ;background-size:cover; background:#21bdbd; position: relative; display:-ms-flexbox;display: flex;align-items: center; position: relative;}
.factory_js{overflow: hidden; max-width: 800px;width: 94%; margin: 0 auto; padding: 0px; background:rgba(33,189,189,0.9); border-radius: 20px;}
.factory_js dl{overflow: hidden; margin: 0px;padding: 40px 5%; }
.factory_js dl dt{overflow: hidden; margin: 0px;font-size: 36px;color: #fff;font-weight: bold; margin-bottom: 10px;}
.factory_js dl dd{overflow: hidden; margin: 0px;color: #fff;line-height: 200%;}

@media (max-width: 1300px) {
	.factory_js dl dt{font-size: 30px;}	
	.factory_js dl dd{font-size: 14px;}
	.factory_js dl{overflow: hidden; margin: 0px;padding: 30px 20px; }
}

@media (max-width: 1200px) {
	.factory_js dl dt{font-size: 25px;}	

}




.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:767px) {
.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:7% 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:30px; color:#21bdbd; line-height:40px;  margin-bottom:10px; font-weight:bold; position: relative; padding-bottom: 20px}
.ser_txt1 dl dd{overflow:hidden; padding:0px; margin:0px;font-size:16px;  line-height:190%;color:#555}
.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:3px; width:62px; position: absolute;content:""; float: left;left:0;  bottom: 0px; z-index: 4; background: #ea6000;}

.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 dl:hover dt::after{
	background:-webkit-linear-gradient(left,#21bdbd,#01b7ec);
	background:-o-linear-gradient(right,#21bdbd,#01b7ec);
	background:-moz-linear-gradient(right,#21bdbd,#01b7ec);
	background:linear-gradient(to right,#21bdbd,#01b7ec); transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

@media only screen and (max-width:1200px) {
.ser_txt1 dl dt{font-size:26px; line-height:36px; }
.ser_txt1{overflow:hidden; padding:4% 0px 10px 0px; margin:0px; }
}

@media only screen and (max-width:1000px) {
.ser_txt1{overflow:hidden; padding:2% 0px 10px 0px;}
.ser_txt1 dl{overflow:hidden; padding:0px; width:94%; margin:0 auto}
.ser_txt1 dl dd{overflow:hidden; padding:0px; margin:0px;  font-size:14px; line-height:180%;color:#555}
.ser_txt1 dl dt{font-size:26px; }
}

@media only screen and (max-width:767px) {
.ser_txt1{overflow:hidden; padding:40px 0px 10px 0px;}
.ser_txt1 dl{overflow:hidden; padding:0px; width:94%; margin:0 auto}
.ser_txt1 dl dt{font-size:22px; line-height: 30px }
}

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


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




.wutoucc_prat1{overflow:hidden;padding:0px;  margin: 0px; display: flex;align-items: center; }
.wutoucc_L1{overflow:hidden;padding:0px;  margin: 0px;width: 50%;float: left; }
.wutoucc_R1{overflow:hidden;padding:0px;  margin: 0px;width: 50%;float: right; padding-bottom:2.5% ; position:relative;}
.wutoucc_R1 .wtcc_Create{position: absolute; z-index: 1; width: 100%;left:0; bottom:0px;}
.wutoucc_R1 .wtcc_Create img{width: 80%; height: auto;}

.wutoucc_js1{overflow:hidden;padding:0px;  margin: 0px; display: flex; align-items: center;}
.wutoucc_js1 dl{overflow:hidden;padding:0 8%;  margin: 0px;width: 70%;}
.wutoucc_js1 dl dt{overflow:hidden;padding:0px;  margin: 0px;font-size: 22px; color: #21bdbd; margin-bottom: 10px;}
.wutoucc_js1 dl dd{overflow:hidden;padding:0px;  margin: 0px; line-height: 190%;font-size: 16px;}

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

.wutoucc_js1 .wtcc_logo{width: 30%;}
.wutoucc_js1 .wtcc_logo img{width: 100%; height: auto;}

@media only screen and (max-width:1200px) {
	.wutoucc_js1 dl dt{font-size: 18px; }	
	.wutoucc_js1 dl dd{font-size: 14px;}
}

@media only screen and (max-width:900px) {
	.wutoucc_js1 dl dt{font-size: 16px; }	
	.wutoucc_js1 dl{overflow:hidden;padding:0 5%;}
}



.wutoucc_prat2{overflow:hidden;padding:0px;  margin: 0px; display: flex;align-items: center; justify-content: space-between;flex-wrap: wrap;direction: rtl }
.wutoucc_L2{overflow:hidden;padding:0px;  margin: 0px;width: 50%;position: relative;padding-top:2.5%;}
.wutoucc_R2{overflow:hidden;padding:0px;  margin: 0px;width: 50%; }
.wutoucc_L2{direction: initial;}
.wutoucc_R2{direction: initial;}

.wutoucc_L2 img{width: 100%; height: auto;}
.wutoucc_L2 .wtcc_since{position: absolute; z-index: 1; width: 100%;left:0; top:0px;}
.wutoucc_L2 .wtcc_since img{width: 80%; height: auto;}

.wutoucc_js2{overflow:hidden;padding:0px;  margin: 0px; display: flex; align-items: center;}
.wutoucc_js2 dl{overflow:hidden;padding:0;  margin: 0px;width: 70%;}
.wutoucc_js2 dl dt{overflow:hidden;padding:0px;  margin: 0px;font-size: 22px; color: #21bdbd; margin-bottom: 10px;}
.wutoucc_js2 dl dd{overflow:hidden;padding:0px;  margin: 0px; line-height: 190%;font-size: 16px;}

.wutoucc_js2 .wtcc_logo{width: 32%; margin: 0px  6%;}
.wutoucc_js2 .wtcc_logo img{width: 100%; height: auto;}




@media only screen and (max-width:1200px) {
	.wutoucc_js2 dl dt{font-size: 18px; }	
	.wutoucc_js2 dl dd{font-size: 14px;}
}

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

}

@media only screen and (max-width:768px) {
	.wutoucc_prat1{overflow:hidden;padding:0px;  margin: 0px; display:block;align-items:inherit; }
	.wutoucc_L1{overflow:hidden;padding:0px;  margin: 0px;width: 100%;float: none; }
	.wutoucc_R1{overflow:hidden;padding:0px;  margin: 0px;width: 100%;float: none; padding-bottom:5% ; position:relative;}

.wutoucc_js1 .wtcc_logo{max-width:220px; width: 80%; margin: 0 auto; margin-bottom: 20px;}
.wutoucc_js1 .wtcc_logo img{width: 100%; height: auto;}
.wutoucc_js1{overflow:hidden;padding:0px;  margin: 0px; display: block; align-items: inherit; margin-bottom: 20px;}
.wutoucc_js1 dl{overflow:hidden;padding:0;  margin: 0px;width: 100%;}
.wutoucc_js1 dl dt{ text-align: center;font-size: 18px;}

.wutoucc_prat2{overflow:hidden;padding:0px;  margin: 0px; display: block;align-items: inherit; justify-content:inherit;flex-wrap: wrap;direction: inherit; margin-top: 30px; }
.wutoucc_L2{overflow:hidden;padding:0px;  margin: 0px;width: 100%;position: relative;padding-top:5%; margin-top: 20px; margin-bottom: 20px;}
.wutoucc_R2{overflow:hidden;padding:0px;  margin: 0px;width: 100%; }
.wutoucc_L2{direction: initial;}
.wutoucc_R2{direction: initial;}

.wutoucc_js2{overflow:hidden;padding:0px;  margin: 0px; display: block; align-items: inherit;}
.wutoucc_js2 dl{overflow:hidden;padding:0;  margin: 0px;width: 100%;}

.wutoucc_js2 .wtcc_logo{max-width:180px; width: 80%; margin: 0 auto; margin-bottom: 20px;}
.wutoucc_js2 .wtcc_logo img{width: 100%; height: auto;}
.wutoucc_js2 dl{overflow:hidden;padding:0;  margin: 0px;width: 100%;}
.wutoucc_js2 dl dt{ text-align: center;font-size: 18px;}

}



.index_pro_bg{overflow:hidden;background:#f6f6f6 url(../images/pro-bg.png) no-repeat top; background-size: cover;}
.index_pro_box{overflow:hidden;padding:0px;  margin: 0px; display: flex;justify-content: space-between;}

.index_pro1_L {direction: initial;width: 23%; margin-right: 20px;}

.sy_tj_cp{width: 100%; padding: 20px 20px; color: #fff;font-size: 20px;font-weight: bold;text-shadow: 1px 1px 6px #333;
}

.index_pro1_L .img_k1 {
	background-size: cover !important;
	transition: .5s all ease-in-out;
	cursor: pointer; position: relative;
  }
.index_pro1_L .img_k1{
	width: 100%;
	height: 18vw;
  }

.index_pro1_L .img_k1:hover{
	transform: scale(1.02);
}


.index_pro1_R .img_k2 {
	background-size: cover !important;
	transition: .5s all ease-in-out;
	cursor: pointer;
  }
.index_pro1_R .img_k2:hover{
	transform: scale(1.02);transition: .5s all ease-in-out;
}

.index_pro1_R .img_k3 {
	background-size: cover !important;
	transition: .5s all ease-in-out;
	cursor: pointer;
  }
.index_pro1_R .img_k3:hover{
	transform: scale(1.02);transition: .5s all ease-in-out;
}

.index_pro1_R{
	width: 77%;direction: initial; display: flex;justify-content: space-between;
  }

  .index_pro1_R .img_k2{ width:70%;height: 18vw;display: flex;align-items: center;justify-content: center;}
  .index_pro1_R .img_k3{ margin: 0px;width: 30.5%;height: 18vw; margin-left: 20px;}

  .index_por2{overflow:hidden;padding:0px;  margin: 0px;  margin-top: 20px; display: flex; justify-content: space-between;flex-wrap: wrap; }
  .index_por2 li{background-size: cover !important;
	transition: .5s all ease-in-out;
	cursor: pointer;}

	.index_por2 .li{
		background-size: cover !important;
		transition: .5s all ease-in-out;
		cursor: pointer;
	  }

	  .index_por2 .li:hover{
		transform: scale(1.02);transition: .5s all ease-in-out;
	}

	.index_por2 li{ width: 22.6%;	height: 18vw;}
	.index_por2 li:nth-child(2){width: 25.1%;	height: 18vw;}
	.index_por2 li:nth-child(3){width: 25.1%;	height: 18vw;}

	.index_por2 li:nth-child(5){width:49.2%;	height: 18vw;margin-top: 20px;}
	.index_por2 li:nth-child(6){width:49.2%;	height: 18vw; margin-top: 20px;}


  @media only screen and (max-width:1200px) {
	.index_pro1_R .img_k3{margin-left: 15px;}
	.index_pro1_L {margin-right:15px;}
	
	.index_por2 li:nth-child(5){margin-top: 15px;}
	.index_por2 li:nth-child(6){ margin-top: 15px;}
  }

  
  @media only screen and (max-width:1000px) {
	.index_pro1_R .img_k3{margin-left: 10px;}
	.index_pro1_L {margin-right:10px;}
	.index_por2 li:nth-child(5){margin-top: 10px;}
	.index_por2 li:nth-child(6){margin-top: 10px;}
	.sy_tj_cp{font-size: 18px;font-weight: bold;}

  }

  @media only screen and (max-width:640px) {
	.index_pro1_L {direction: initial;width: 23%; margin-right: 20px; display: none;}
	.index_pro1_R{width: 100%;direction: initial; display:block ;justify-content:inherit;}	
	.index_pro1_R .img_k2{ margin: 0px;width:100%;height: 30vw; margin-left: 0;}
	.index_pro1_R .img_k3{ display: none;}

	.index_por2 li{ width: 48.5%;	height: 35vw;}
	.index_por2 li:nth-child(1){width:48.5%;height: 35vw;margin-top: 0px;}
	.index_por2 li:nth-child(2){width:48.5%;height: 35vw;margin-top: 0px;}
	.index_por2 li:nth-child(3){width:48.5%;height: 35vw;margin-top: 15px;}
	.index_por2 li:nth-child(4){width:48.5%;height: 35vw; margin-top: 15px;}
	.index_por2 li:nth-child(5){width:48.5%;height: 35vw;margin-top: 15px;}
	.index_por2 li:nth-child(6){width:48.5%;height: 35vw; margin-top: 15px;}
  }







.index_mdhb{
	width: 86vw;
	position: relative;
	float: right;
 }


  
.index_mdhb img{
width:100%;
height: auto;vertical-align: top;
  }

.index_mdhb_wap{
text-align: center;width: 94%; margin: 0 auto;
	  }
.index_mdhb_wap img{
	width:100%;
	height: auto; vertical-align: top;
	  }

.sy_wap{ border: 3px solid #21bdbd; margin-top: 20px;}
.sy_wap img{width:100%;height: auto;vertical-align: top;}


.pc {display: block;}
.mobile {display: none;}
@media screen and (max-width: 768px) {
.pc {display: none;}
.mobile {display: block;}
}

.index_lctu_bg{overflow:hidden;background:url(../images/sy_lctu.jpg) no-repeat top; background-size: cover;}

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

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

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

.wtcc_lc_txt{overflow: hidden; margin: 0; padding: 0; margin-top: 30px;}
.wtcc_lc_txt li{width: 25%;float:left; text-align: center; position: relative;}
.wtcc_lc_txt li dl{overflow: hidden; margin: 0; padding: 0; }
.wtcc_lc_txt li dl dt{overflow: hidden; margin: 0; padding: 0; font-size: 24px; color: #fff; line-height: 30px;font-weight: bold; color: #21bdbd;}

.wtcc_lc_txt li:nth-child(1):after{position: absolute; z-index: 2; width: 1px; height: 50px; background: #fff; content: "";
	 right: 0;top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);}
	.wtcc_lc_txt li:nth-child(2):after{position: absolute; z-index: 2; width: 1px; height: 50px; background: #fff; content: "";
		right: 0;top: 50%;
	   -webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	   transform: translateY(-50%);}
	
.wtcc_lc_txt li:nth-child(3):after{position: absolute; z-index: 2; width: 1px; height: 50px; background: #fff; content: "";
	right: 0;top: 50%;
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   transform: translateY(-50%);}

@media screen and (max-width:1200px) {
	.wtcc_lc_txt li dl dt{font-size: 20px; }
}

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


@media screen and (max-width:600px) {
	.wtcc_lc_txt li{width: 50%;float:left; text-align: center; margin-bottom: 10px;}
	.wtcc_lc_txt li dl dt{font-size: 16px;  line-height: 22px;}

	.wtcc_lc_txt li:nth-child(1):after{height: 40px; }

	   .wtcc_lc_txt li:nth-child(2):after{position: absolute; z-index: 2; width: 0px; height: 0px; background: #fff; content: "";
		   right: 0;top: 50%;
		  -webkit-transform: translateY(-50%);
		  -moz-transform: translateY(-50%);
		  transform: translateY(-50%);}
	   
		  .wtcc_lc_txt li:nth-child(3):after{height: 40px; }
}



.wtcc_gc_tu_box{overflow: hidden; margin: 0; padding: 0; }
.wtcc_gc_tu_box li{overflow: hidden; margin: 0; padding: 0;width: 49%;float: left; background: #21bdbd; margin-right: 2%; margin-bottom: 20px;}
.wtcc_gc_tu_box li:nth-child(2){ margin-right: 0}
.wtcc_gc_tu_box li:nth-child(3){ margin-right: 0;width: 100%; margin-bottom: 0;}
.wtcc_gc_tu_box li:nth-child(3) img{width: 100%;vertical-align: top; height: auto;}

.wtcc_gc_sm{overflow: hidden; margin: 0; padding: 0; }
.wtcc_gc_sm dl{overflow: hidden; margin: 0; padding: 50px 20px 20px 20px; ;  color: #fff; display: flex;align-items:flex-start;}
.wtcc_gc_sm dl dt{overflow: hidden; margin: 0; padding: 0;font-size: 22px; margin-right: 10px; }
.wtcc_gc_sm dl dd{overflow: hidden; margin: 0; padding: 0; font-size: 16px;line-height: 190%;}
.wtcc_gc_pic{width: 60%;float: left;}
.wtcc_gc_pic img{width: 100%; height: auto;vertical-align: top;}

@media screen and (max-width:1100px) {
	.wtcc_gc_sm dl{overflow: hidden; margin: 0; padding:20px 10px 5px 10px; }
	.wtcc_gc_sm dl dt{overflow: hidden; margin: 0; padding: 0;font-size: 20px; margin-right: 10px; }
	.wtcc_gc_sm dl dd{font-size: 14px;line-height: 190%;}
}

@media screen and (max-width:900px) {
	.wtcc_gc_tu_box li{width: 100%;float: none; margin-bottom: 15px;}
	.wtcc_gc_tu_box li:nth-child(2){width: 100%;float: none; margin-bottom: 15px;}
	.wtcc_gc_pic{width: 45%;float: left; margin-right: 10px;}
	.wtcc_gc_sm dl{overflow: hidden; margin: 0; padding: 50px 20px 20px 20px;   color: #fff; display:block;align-items:normal}

}

@media screen and (max-width:640px) {
.wtcc_gc_sm dl dt{font-size: 18px;}
.wtcc_gc_sm dl{padding: 20px 20px 20px 10px;}
}

@media screen and (max-width:500px) {
.wtcc_gc_sm dl dt{font-size: 18px;}
.wtcc_gc_sm dl {padding: 15px 12px 10px 10px;}
.wtcc_gc_sm dl dd{ line-height: 24px;}
}

.index_qy_bg{overflow:hidden;background:url(../images/index_qy_bg.jpg) no-repeat bottom; background-size: cover;}
.qianyue_box{ width: 94%; margin: 0 auto;}
.qianyue_box .imgs{ overflow:hidden; position:relative; padding-top:155.17%;}
.qianyue_box .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;}
.qianyue_box:hover .imgs img{-webkit-transform:scale(1.02 1.02); -moz-transform:scale(1.02, 1.02); -o-transform:scale(1.02, 1.02); -ms-transform:scale(1.02, 1.02); transform:scale(1.02, 1.02);}


.wtcc_zc_list{overflow: hidden; margin: 0; padding: 0;}
.wtcc_zc_list li{overflow: hidden; margin: 0; padding: 0;width:12.5%;float:left;}
.wtcc_zc_list li dl{overflow: hidden; margin: 0 auto; padding: 0;width: 130px; height:130px; border-radius: 50%; background: #02c0c7; text-align: center;}
.wtcc_zc_list li dl dt{ margin-top: 25px; text-align: center;  margin-bottom: 5px; }
.wtcc_zc_list li dl dt img{height: 40px; width: auto;vertical-align: text-top;}
.wtcc_zc_list li dl dd{font-size: 16px; line-height: 22px;height: 44px;color: #fff; margin: 0px 15px; }

@media screen and (max-width:1350px) {
	.wtcc_zc_list li dl{width: 110px; height:110px;}
	.wtcc_zc_list li dl dt{ margin-top: 15px;}
	.wtcc_zc_list li dl dd{font-size: 14px;line-height: 20px;height: 40px; }
}

@media screen and (max-width:1060px) {
	.wtcc_zc_list li dl{width: 100px; height:100px;}
	.wtcc_zc_list li dl dt{ margin-top: 10px;}
	.wtcc_zc_list li dl dt img{height: 35px; }
	.wtcc_zc_list li dl dd{font-size: 14px;line-height: 20px;height: 40px; }

}

@media screen and (max-width:1000px) {
	.wtcc_zc_list li dl{width: 96px; height:96px;}
	.wtcc_zc_list li dl dt{ margin-top: 10px;}
	.wtcc_zc_list li dl dt img{height: 35px; }
	.wtcc_zc_list li dl dd{font-size: 14px;line-height: 20px;height: 40px; }

}
@media screen and (max-width:900px) {
	.wtcc_zc_list li dl dt{ margin-top: 10px; margin-bottom: 2px;}
	.wtcc_zc_list li dl dt img{height: 32px; }
	.wtcc_zc_list li dl dd{font-size: 14px;line-height: 20px;height: 40px; }
	.wtcc_zc_list li{overflow: hidden; margin: 0; padding: 0;width:25%;float:left; margin-bottom: 20px;}
	.wtcc_zc_list li dl{width: 90px; height:90px;}
}

@media screen and (max-width:550px) {
	.wtcc_zc_list li dl{width: 86px; height:86px;}
	.wtcc_zc_list li dl dd{font-size: 12px;line-height: 18px;height: 18px; }
}


@media screen and (max-width:450px) {
	.wtcc_zc_list li dl{width: 80px; height:80px;}
	.wtcc_zc_list li dl dd{ margin: 0 5px; }
	.wtcc_zc_list li dl dt img{height: 28px; }
}


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


@media screen and (max-width:650px) {
	.Signing_list li{width: 32%; margin-bottom: 15px;}

}


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


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