:root {
    --font_cs:#ea5514;
}
* { box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */-webkit-text-size-adjust: none; outline: none;  font-family: Microsoft YaHei,Helvetica, Arial, "sans-serif";scroll-behavior: smooth; }
body {
  padding:0px; margin: 0px

}
/* 通用滚动条代码 */
::-webkit-scrollbar {
	width:7px;
	background-color: #ea5514;
}

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

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



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

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


@media (min-width: 1930px) {
.main_box { max-width: 1800px; width:94%; margin:0 auto;}
}


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


.hui_bg{ background:#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:1450px) {
.hui_bg{padding:70px 0px 70px 0px;}
.bai_bg{padding:70px 0px 70px 0px;}
}
@media only screen and (max-width:1400px) {
.hui_bg{padding:60px 0px 60px 0px;}
.bai_bg{padding:60px 0px 60px 0px;}
}
@media only screen and (max-width:1300px) {
.hui_bg{ padding:40px 0px 40px 0px;}
.bai_bg{ padding:40px 0px 40px 0px;}
}

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



.sy_title{ text-align:center; margin-bottom:30px}
.sy_title h3{ color: #222;font-size: 34px;line-height:40px;  margin:0px; padding:0px; margin-bottom:10px; font-weight:bold;font-family: 'Raleway';text-transform:uppercase;letter-spacing: 2px}
.sy_title .x_txt{ margin:0 auto;line-height: 24px;padding:0px 15px;font-size: 16px; color: #666;font-family:'Aileron-Regular'; margin-bottom: 10px  }
.sy_title .x_txt_cn{ margin:0 auto;line-height:190%;padding:0px 15px;font-size: 18px; color: #333;font-family:'Aileron-Regular'; margin-bottom: 10px  }
.sy_title .x_txt_cn p{padding:0px; margin:0px; }

.sy_title .x_txt_js{ margin:0 auto;line-height:190%;padding:0px 15px;font-size: 18px; color: #333;font-family:'Aileron-Regular'; margin-bottom: 10px  }
.sy_title .x_txt_js p{padding:0px; margin:0px; }

@media only screen and (max-width:1190px) {
.sy_title h3{ color: #222;font-size: 28px; margin-bottom:0px;line-height:36px;}
.sy_title .x_txt{font-size: 15px; color: #666;line-height: 24px;}
.sy_title .x_txt_cn p{font-size: 16px; }
.sy_title .x_txt_js p{font-size: 16px; }
	.sy_title .x_txt_js{padding:0px 0px;font-size: 16px;}
.sy_title{ text-align:center; margin-bottom:20px}
}

@media only screen and (max-width:1000px) {
.sy_title .x_txt_js p{font-size: 16px; }
	.sy_title .x_txt_js{padding:0px 0px;font-size: 16px; text-align: left; text-align: justify;line-height: 180%;  margin-bottom: 0px }
}

@media only screen and (max-width:800px) {
.sy_title h3{ color: #222;font-size: 22px; margin-bottom:0px;line-height:26px;}
}

.sy_Brand_L{margin: 0px; padding: 0px; overflow: hidden; width: 48.5%; float: left}
.sy_Brand_R{margin: 0px; padding: 0px; overflow: hidden; width: 48.5%; float: right; text-align: center; padding-top: 20px}
.sy_Honor{margin: 0px; padding: 0px; overflow: hidden;}
.sy_Honor dl{margin: 0px; padding: 0px; overflow: hidden;}
.sy_Honor dl dt{margin: 0px; padding: 0px; overflow: hidden;}
.sy_Honor dl dd{margin: 0px; padding: 0px; overflow: hidden;}
.sy_Honor dl dt img{ max-width: 100%; width: auto; height: auto;vertical-align: top;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.sy_Brand_R a{display: inline}

.sy_Honor dl dd{font-size:18px; font-weight: 600; line-height:26px; color: var(--font_cs); text-align:center; margin-top: 10px}



.sy_Honor:hover dl dt img{-webkit-transform: scale(1.01);transform: scale(1.01);-moz-transform: scale(1.01);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}


.sy_pro_list{margin: 0px; padding: 0px; overflow: hidden;}
.sy_pro_list li{margin: 0px; padding: 0px; overflow: hidden; width: 32%; margin-right: 2%;float:left; background: #eee; border-radius: 10px;box-shadow: inset 0px 0px 12px 7px #f4f4f4; border:#e5e5e5 1px solid}
.sy_pro_list li:nth-child(3n){ margin-right:0}

.sy_pro_list li dl{margin: 0px; padding: 20px; overflow: hidden; min-height:200px;}
.sy_pro_list li dl dt{margin: 0px; padding: 0px; overflow: hidden;font-size: 18px;font-weight: 600; line-height: 36px; margin-bottom: 5px; text-align: center}
.sy_pro_list li dl dd{margin: 0px; padding: 0px; overflow: hidden; line-height: 30px;font-size: 16px; text-align: center;white-space:nowrap;text-overflow:ellipsis;}
.sy_pro_list li dl dd a{display: block; color: #444;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.sy_pro_list li dl dd a:hover{ color: #ea5514}
.sy_pro_list li:hover{box-shadow:0 0 15px 1px rgba(0,0,0,.1); background: #fff}
.sy_pro_list li dl dt a:hover{color: #ea5514}



.sy_jx_list{margin: 0px; padding: 0px; overflow: hidden;}
.sy_jx_list li{margin: 0px; padding: 0px; overflow: hidden; width: 25%;float:left; margin-bottom:5px}
.sy_jx_list li dl{ padding: 0px; overflow: hidden;max-width: 150px; margin: 0 auto; text-align: center}
.sy_jx_list li dl dt{margin: 0px; padding: 0px; overflow: hidden; }
.sy_jx_list li dl dt h3{margin: 0px; padding: 0px; overflow: hidden;font-size:16px; font-weight: 600; line-height: 26px; color: var(--font_cs) }
.sy_jx_list li dl dt img{ width: 90px; height: auto; vertical-align: top}
.sy_jx_list li dl dd{margin: 0px; padding: 0px; overflow: hidden;font-size:16px;line-height: 24px;font-family: 'AVGBBT',Helvetica, Arial, "sans-serif";font-weight: bold }
.sy_jx_list li dl dd .jxsm{margin: 0px; padding: 0px 10px; overflow: hidden;font-size: 14px; liine-height: 22px; min-height: 44px;font-weight: normal}





.sy_ppjs_box{margin: 0px; padding: 0px; overflow: hidden; height: 190px;margin-top: 10px; border-radius: 10px;}

@media only screen and (max-width:1350px) {
	.sy_pro_list li dl dt{font-size: 16px;}	
	.sy_pro_list li dl dd{font-size: 14px;}
	.sy_jx_list li dl dt h3{font-size:16px;}	
	.sy_jx_list li dl dd{line-height: 22px;}
	.sy_jx_list li dl dd .jxsm{font-size: 14px; liine-height: 22px; min-height:44px}
}
@media only screen and (max-width:1200px) {
.sy_jx_list li dl dt h3{font-size:14px;}
.sy_jx_list li dl dt img{ width: 70px; }
.sy_ppjs_box{ height:170px; }

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

.sy_Honor dl dd{font-size:16px;}
}


@media only screen and (max-width:1000px) {
	.sy_jx_list{ margin-bottom: 15px; overflow: hidden}
.sy_Brand_L{margin: 0px; padding: 0px; overflow: hidden; width: 100%; float:none; margin-bottom: 10px}
.sy_Brand_R{margin: 0px; padding: 0px; overflow: hidden; width: 100%; float:none; margin-top:20px}
.sy_jx_list li{width:25%;float:left; margin-bottom: 0px; margin-top: 20px}	
.sy_ppjs_box{ height: 180px; }
}
@media only screen and (max-width:640px) {
.sy_jx_list li dl dt img{ max-width: 80px; }	

}


@media only screen and (max-width:600px) {
.sy_jx_list li{width:50%;float:left; margin-bottom: 0px; margin-top: 20px;}	
.sy_jx_list li dl dt img{ max-width: 60px; }
.sy_pro_list li dl{padding: 20px 2px;}
}



.sy_dv_bg{ padding: 15% 0px;  position: relative; }

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

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

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


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

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

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


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


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

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


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

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

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

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


.jm_ys_bg{ background: url(../images/jm-bg.png) no-repeat center; background-size:cover;}


.jm_ys_list{ margin:0px; padding: 0px; overflow: hidden}
.jm_ys_list li{ margin:0px; padding: 0px; overflow: hidden; width: 23.5%; margin-right: 2%; margin-bottom: 2%;float: left; border-radius: 10px; border: #ddd 1px solid; cursor: pointer; background: #fff}
.jm_ys_list li:nth-child(4n){ margin-right:0}
.jm_ys_list li a{display: inline}
.jm_ys_list li dl{margin:20px 15%; padding: 0px; overflow: hidden;}
.jm_ys_list li dl dt{margin:0px; padding: 0px; overflow: hidden; margin-bottom: 5px;font-size: 20px; line-height: 30px; color: #111; text-align: center;font-weight: bold}
.jm_ys_list li dl dd{margin:0px; padding: 0px; overflow: hidden; line-height: 24px;font-size: 16px; color: #666; min-height: 72px}

.jm_icon{ width: 80px; height:80px; margin: 0 auto; margin-bottom: 10px; overflow: hidden} 
.jm_icon img{ width:100%; height:100%;-webkit-filter: grayscale(100%);filter: grayscale(100%);}

@media only screen and (max-width:1300px) {
.jm_ys_list li dl dd{line-height: 24px;font-size: 14px; min-height: 72px}
.jm_ys_list li dl dt{font-size:18px;}
.jm_icon{ width: 70px; height: 70px; margin: 0 auto; margin-bottom: 10px} 
}
@media only screen and (max-width:1050px) {
.jm_ys_list li dl{margin:20px 10%; padding: 0px; overflow: hidden;}
.jm_icon{ width: 60px; height: 60px; margin: 0 auto; margin-bottom: 10px} 
}
@media only screen and (max-width:950px) {
.jm_icon{margin-bottom: 5px} 
.jm_ys_list li dl{margin:20px 15px; padding: 0px; overflow: hidden;}
}

@media only screen and (max-width:900px) {
.jm_ys_list li dl{margin:20px 15px; padding: 0px; overflow: hidden; text-align: center;}
.jm_ys_list li dl dt{font-size:16px; line-height: 26px}
	.jm_ys_list li dl dd{min-height:48px}
.jm_ys_list li{ width: 49%; }
.jm_ys_list li:nth-child(4n){ margin-right:2%}
.jm_ys_list li:nth-child(2n){ margin-right:0}
}
@media only screen and (max-width:600px) {
.jm_icon{ width: 50px; height: 50px; margin: 0 auto;} 
}


@media only screen and (max-width:530px) {
	.jm_ys_list li dl dd{min-height:72px}

}

@media only screen and (max-width:420px) {
.jm_ys_list li dl{margin:20px 10px;}
}

@media only screen and (max-width:364px) {
.jm_ys_list li dl{margin:20px 10px;}
	.jm_ys_list li dl dd{min-height:24px; height: auto}
	
.jm_ys_list li{ width: 100%; margin-right: 0 }
.jm_ys_list li:nth-child(4n){ margin-right:20}
}


.jm_ys_list li:hover{box-shadow:0 0 20px 1px rgba(0,0,0,.1);border: #ea5514 1px solid;}

.jm_ys_list li:hover dt{color: #ea5514}
.jm_ys_list li:hover .jm_icon img{-webkit-filter: grayscale(0);filter: grayscale(0);}

.jmd_box{margin:1px; padding: 0px; overflow: hidden}
.jmd_box img{width: 100%; height: auto; vertical-align: top}
@media only screen and (max-width:550px) {
.jmd_box{margin:0px;}
}

.sy_zxjm_L{margin:0px; padding: 0px; overflow: hidden; float:left; width: 46%}
.sy_zxjm_R{margin:0px; padding: 0px; overflow: hidden; float:right; width: 50%}

.sy_zxjm_L img{ max-width: 100%; height: auto; vertical-align: top}
.sy_jm_title{text-align: left}

.sy_jm_sm{margin:0px; padding: 0px; overflow: hidden;}
.sy_jm_sm dl{margin:0px; padding: 0px; overflow: hidden;}
.sy_jm_sm dl dt{margin:0px; padding: 0px; overflow: hidden;font-size: 20px; line-height: 32px; margin-top: 10px;font-weight: 600}
.sy_jm_sm dl dt span{ color: #ea5514;font-size: 24px;font-weight: bold;font-family: 'AVGBBT',Helvetica, Arial, "sans-serif"; }
.sy_jm_sm dl dd{margin:0px; padding: 0px; overflow: hidden;font-size: 18px; color: #333; line-height: 30px}
@media screen and (max-width: 1270px) {
	
.sy_zxjm_L{width: 50%}
.sy_zxjm_R{width: 47%}	
}

@media screen and (max-width: 1150px) {
	
.sy_zxjm_L{width: 54%}
.sy_zxjm_R{width: 42%}	
}


@media screen and (max-width: 900px) {
.sy_jm_sm dl dd{font-size: 14px;}	
.sy_zxjm_L{width: 55%}
.sy_zxjm_R{width: 42%}	
.sy_jm_sm dl dd{font-size: 16px; }
}
@media only screen and (max-width:860px) {
.sy_zxjm_L{width: 100%;float: none; text-align: center; margin-bottom: 10px; margin-top: 10px}
.sy_zxjm_L img{ max-width:60%; height: auto; vertical-align: top}
.sy_zxjm_R{width: 100%;float: none}	
	
.sy_jm_title{text-align: center}
	.sy_jm_sm dl{text-align: center}
}

@media only screen and (max-width:500px) {
.sy_zxjm_L img{ max-width:80%;}
}










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

.textarea_txt::-webkit-input-placeholder{ font-size:14px; color:#999; font-family: Microsoft YaHei, sans-serif;}

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




.footer{margin: 0px; overflow: hidden; background: #e5e5e5; padding: 4% 0px 50px 0px}
.foot_logo{margin: 0px; overflow: hidden;padding: 10px 0px}
.foot_logo dl{margin: 0px; overflow: hidden;padding: 0; text-align: center}
.foot_logo dl dt{margin: 0px; overflow: hidden;padding: 0; margin-bottom: 20px}
.foot_logo dl dd{margin: 0px; overflow: hidden;padding: 0;font-size: 18px; line-height: 24px;}
.foot_logo dl dd i{ margin-right: 4px;font-size: 22px; line-height: 24px; vertical-align: bottom}
.foot_logo dl dt img{ height: 60px; width: auto; vertical-align: top}
.foot_logo dl dd span{margin: 0px; overflow: hidden;padding: 0;font-size: 24px;font-family: 'AVGBBT',Helvetica, Arial, "sans-serif"; color: #ea5514;font-weight: bold}

.foot_code{overflow: hidden;max-width: 750px; margin: 0 auto}
.foot_code li{margin: 0px; overflow: hidden; width:25%; float: left; text-align: center}
.foot_code li dl dl{margin: 0px; overflow: hidden; text-align: center}
.foot_code li dl dt{margin: 0px; overflow: hidden; margin-bottom: 10px }
.foot_code li dl dd{margin: 0px; overflow: hidden; line-height: 26px; font-size: 16px;}

.foot_code li dl dt img{ width: 100px; height: 100px;padding: 2px; border-radius: 5px;}
.foot_code li dl dd i{ width: 26px; height: 26px; margin-right: 4px; border-radius: 50%; border: #333 1px solid; text-align: center; display: inline-block; vertical-align: top}
.foot_code li dl dd i img{width: 18px; height: 18px; vertical-align: top; margin-top:3px}

.foot_code li:hover dl dti{border: #ea5514 1px solid; background: #ea5514;}
.foot_code li:hover dl dt i img{ vertical-align: top;filter:invert(1); -webkit-filter:invert(1);}
.cop_xx{margin: 0px; overflow: hidden; padding: 0px}
.cop_xx{font-size: 14px; text-align: center;}
.cop_xx a{ color: #333}


@media only screen and (max-width:1250px) {
.foot_code li dl dt img{ width: 90px; height: 90px;padding: 2px; border-radius: 5px;}
.foot_code li dl dd{line-height: 22px; font-size: 14px;}
.foot_code li dl dd i{ width: 22px; height: 22px; margin-right:3px;}
.foot_code li dl dd i img{width: 16px; height: 14px; margin-top:3px}

.cop_xx{font-size: 12px; text-align: center; line-height: 22px}
}
@media only screen and (max-width:1000px) {
.footer{margin: 0px; overflow: hidden; background: #e5e5e5; padding: 60px 0px 30px 0px}
}
@media only screen and (max-width:640px) {
.foot_code li dl dt img{ width:80px; height: 80px;}
}

@media only screen and (max-width:430px) {
.foot_code li{margin: 0px; overflow: hidden; width:49%; float: left; text-align: center; margin-bottom: 15px}
.foot_code li dl dt img{ width:90px; height: 90px;}
}



.bg_line{ background: #f6f7fd; height: 80px; position: relative; z-index: 1; width: 100%; margin-bottom: -100px;clear: both}

/* ---waves----- */
.waves {
  position: relative; z-index: 9; 
  width: 100%;
  height:15vh;
  margin-bottom:-7px; /*Fix for safari gap*/
  min-height:100px;
  max-height:150px;
}

/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)  infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}


.content_bt{ width:100%; line-height:34px; font-size:30px;margin-bottom:15px; color:#222; text-align:center;font-weight: normal}
.content_time{width:100%; border-bottom:#ededed 1px solid; font-size:14px; color:#666666; padding-bottom:15px; line-height:25px; text-align:center; overflow: hidden; margin-bottom: 20px}
.i_date{margin-right:5px;}
.i_from{ margin-right:5px}
.i_View{}

.xx_news_bt{ width:100%; line-height:34px; font-size:30px;margin-bottom:15px; color:#222;font-weight: normal}

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

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


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


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

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



@media (max-width: 1400px) {
.news_title_bt{ width:100%; line-height:34px; font-size:22px;margin-bottom:10px; color:#222; text-align:center; }
}



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

@media screen and (max-width: 768px) {
.main_inbox{ overflow:hidden;  margin:0px; padding:20px 4% 20px 4%;}
.news_title_bt{ width:100%; line-height:25px; font-size:20px; padding-top:10px;}
.content_time{font-size:12px; }
.content_time i{ font-size:14px;}
}

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



#fixed_1{ width:100%; height:400px ;background:#ea5514;background-size:cover!important;position:relative;}

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

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

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

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


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

}

/*-----newslist------*/
.news_list{overflow:hidden; padding: 0px; margin: 0px;}
.news_list li a{display: inline}
.news_list li{overflow:hidden; padding: 0px; margin: 0px; width: 32%;float: left; margin-right: 2%; margin-bottom:2%;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;border-radius: 10px; background: #fff;}
.news_list li dl{overflow:hidden; padding: 30px 30px; margin: 0px; position: relative; }
.news_list li dl::after{position: absolute; z-index: 2;left: 0px; bottom: 0px; width: 0px; height: 2px; background: #ea5514;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; content: "";}

.news_list li:hover dl::after{ width: 100%;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s; }

.news_list li dl dt{overflow:hidden; padding: 0px; margin: 0px; font-size: 20px; color: #222; line-height: 30px; margin-bottom: 5px;white-space:nowrap;text-overflow:ellipsis;font-weight: 700}
.news_list li dl dd{overflow:hidden; padding: 0px; margin: 0px;font-size: 16px; color: #888; line-height: 30px;white-space:nowrap;text-overflow:ellipsis;}

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


.news_list li:nth-child(1){ width: 100%;float: left; margin-right:0%; margin-bottom:4%; }
.news_list li:nth-child(3n+1){margin-right:0%;}


.news_list li:nth-child(1) .img_box_wx{ width: 48%;float:left; margin-right: 2%}
.news_list li:nth-child(1) dl{ padding-top: 7%}
.news_list li:nth-child(1) dl dt{border-bottom: 1px solid #e5e5e5;margin-bottom: 25px; font-size:22px; line-height:40px; overflow: hidden;  padding-bottom: 10px;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;}
.news_list li:nth-child(1) dl dd{ margin-bottom: 10px; }


.news_list li:hover .img_box_wx .product_img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.news_list li:hover dl dt{ color:#ea5514}
.news_list li:hover dl dd{ color:#555}
.news_list li:hover{box-shadow:0 0 10px 1px rgba(0,0,0,.1);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.xw_time{overflow:hidden; padding: 0px; margin: 0px;font-size: 14px; color: #888; line-height: 26px;}
.xw_time i{ margin-right: 4px;font-size: 16px}

@media screen and (max-width: 1450px) {
.news_list li:nth-child(1) dl dt{ font-size:22px;  line-height:35px;}	
.news_list li dl dt{font-size:20px;line-height: 30px;}	
}

@media screen and (max-width: 1300px) {
.news_list li:nth-child(1) .img_box_wx{ width: 48%;float:left; margin-right: 1%}
.news_list li:nth-child(1) dl{ padding-top:5%}	
.news_list li dl dt{font-size:18px;line-height: 30px;}
.news_list li dl{overflow:hidden; padding: 25px 25px;}
	.news_list li dl dd{font-size: 14px;}
}
@media screen and (max-width: 1000px) {
.news_list li:nth-child(1) dl dt{ font-size:18px;  max-height:65px;line-height:30px; margin-bottom: 10px}	
.news_list li:nth-child(1) .img_box_wx{ width: 50%;float:left; margin-right: 1%}
.news_list li:nth-child(1) dl{ padding-top:2%}	
.news_list li dl dt{font-size:16px;line-height: 24px; }
.news_list li dl{overflow:hidden; padding: 25px 25px;}
}

@media screen and (max-width:750px) {
.news_list li{overflow:hidden; padding: 0px; margin: 0px; width:49%;float: left; margin-right: 2%; margin-bottom:2.5% }	
.news_list li:nth-child(3n+1){margin-right:2%;}
.news_list li:nth-child(2n+0){margin-right:0%;}
	
.news_list li:nth-child(1){ width:49%;float: left; margin-right:2%; margin-bottom:2.5%; background: #fff}
.news_list li:nth-child(1) .img_box_wx{ width: 100%;float: none; margin-right:0%}
.news_list li:nth-child(1) dl{ padding-top:25px}
.news_list li:nth-child(1) dl dt{border-bottom: 0px solid #e5e5e5;margin-bottom: 5px; font-size:16px;line-height:24px;overflow: hidden;  padding-bottom: 0px;}
.news_list li:nth-child(1) dl dd{ margin-bottom:0px; max-height: 24px;font-size: 14px; line-height: 24px}
.news_list li dl dd{font-size: 14px; line-height: 24px}	
}

@media screen and (max-width:600px) {
.news_list li{overflow:hidden; padding: 0px; margin: 0px; width:100%;float: left; margin-right: 0%; margin-bottom:20px }	
.news_list li:nth-child(3n+1){margin-right:0%;}
.news_list li:nth-child(2n+0){margin-right:0%;}	
.news_list li:nth-child(1){ width:100%;float: left; margin-right:0%; margin-bottom:20px; background: #fff}
.news_list li:nth-child(1) dl dt{ height:24px;  height: auto;line-height: 24px}
.news_list li dl dt{ height:24px; height: auto; line-height: 24px}
	
.news_list li dl dd{ margin-bottom:0px; max-height: 48px;font-size: 14px; line-height: 24px;white-space:normal;text-overflow:inherit;}
.news_list li:nth-child(1) dl dd{ margin-bottom:0px; max-height: 48px;font-size: 14px; line-height: 24px;white-space:normal;text-overflow:inherit;}
}


/*-----page------*/
.next_k{ padding:0px;margin-top:25px; border-top:#ededed 1px solid;}
.next_k ul{margin:0px; padding:0px; margin-top:10px}
.next_k ul li{ line-height:25px; margin:0px; padding:0px; color:#333; font-size:14px; list-style:none}
.next_k ul li a{font-size:14px}

.post_prev_box{width: 100%; height: auto; margin: 0px; padding: 0px; margin-top:30px; margin-bottom: 20px; overflow: hidden; border-top:1px solid #eee; padding-top: 20px}
.post_prev_box li{ margin: 0px; padding: 0px; overflow: hidden;float:left; margin-right:2%; width: 49%;}
.post_prev_box li dl dt{ margin: 0px; padding: 0px; overflow: hidden;font-size: 16px; line-height: 40px;color: #444;font-weight: normal}
.post_prev_box li dl dd{ margin: 0px; padding: 0px; overflow: hidden;font-size: 18px;line-height: 24px; color: #111}
.post_prev_box li a{display: inline;}

.post_prev_box li:nth-child(2){text-align: right; margin-right: 0}

.post_prev_box li:hover dl dt{ color: #ea5514}
.post_prev_box li:hover dl dd{ color: #ea5514}

@media screen and (max-width: 1200px) {
	.post_prev_box li dl dt{font-size: 16px;}	
	.post_prev_box li dl dd{font-size: 14px;}		
	}

@media screen and (max-width: 750px) {
	.post_prev_box li dl dt{font-size: 14px; line-height: 26px}	
	.post_prev_box li dl dd{font-size: 14px;line-height: 24px}
	.post_prev_box li{width: 100%; margin-right: 0; margin-bottom: 15px}
	.post_prev_box li:nth-child(2){text-align: left}
	}


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

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

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

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


.lx_jm_k{overflow: hidden; padding: 0px; margin: 0px;float:left;width:50%}

.bpt_contact{overflow: hidden; padding: 0px; margin: 0px;float:right;width:40%}
.bpt_contact li{ overflow: hidden; padding: 0px; margin: 0px;}
.bpt_contact li dl{overflow: hidden; padding: 0px; margin: 0px; margin-bottom: 20px}
.bpt_contact li dl dt{overflow: hidden; padding: 0px; margin: 0px;font-size: 18px; line-height: 30px;color: #ea5514;font-weight: bold}
.bpt_contact li dl dd h3{font-size:36px;color: #ea5514;font-family: 'AVGBBT',Helvetica, Arial, "sans-serif"; line-height: 36px;font-weight: 700; margin-top: 5px }
.bpt_contact li dl dd{overflow: hidden; padding: 0px; margin: 0px;font-size: 18px;line-height: 190%}
.bpt_contact li dl dt img{ height: 70px; width: auto;vertical-align: top; margin-bottom: 10px}
.bpt_contact li dl dd i{font-size: 22px; width: 30px; height: 30px; border: #333 1px solid; border-radius: 50%; text-align: center; line-height: 28px; margin-right:5px; }
.bpt_icon{ width: 60px; height: 60px;float: left; margin-right: 10px;  text-align: center; border-radius: 50%; color: #ea5514; border:1px solid #ea5514; margin-top:7px}
.bpt_icon i{font-size:30px; line-height: 60px; }



.bpt_2wm{overflow: hidden; padding: 0px; margin: 0px; width: 100%}
.bpt_2wm li{ display: inline-block; ;text-align: center;margin-right:15px}
.bpt_2wm li img{width: 100px; height: auto; border-radius: 8px; border: 1px solid #ddd; padding: 2px;}
.bpt_2wm li p{font-size: 14px; color: #333; line-height: 22px; text-align: center; padding-top: 8px}
.bpt_2wm li:last-child{margin-right:0px}

@media screen and (max-width: 1280px) {
.bpt_contact li dl dd{font-size: 16px;line-height: 190%}
.lx_jm_k{overflow: hidden; padding: 0px; margin: 0px;float:left;width:48%}
.bpt_contact{overflow: hidden; padding: 0px; margin: 0px;float:right;width:48%}	
.bpt_contact li dl dd h3{font-size:30px;}
}

@media screen and (max-width: 1060px) {
.bpt_2wm li img{width: 90px;}

}
@media screen and (max-width: 950px) {
.lx_jm_k{width:45%}
.bpt_contact{width:53%;}
}

@media screen and (max-width: 860px) {
.bpt_icon{ width: 50px; height: 50px;float:none; display:block; margin: 0 auto; margin-bottom: 10px}
.bpt_icon i{font-size:30px; line-height:48px; }
.lx_jm_k{float:none;width:100%}
.bpt_contact{float:none;width:100%; margin-bottom: 20px}	
.bpt_contact li dl{ text-align: center}
.bpt_2wm{text-align: center; }
.bpt_contact li dl dt img{ height: 70px; width: auto;vertical-align: top; margin-bottom: 5px}
}

@media screen and (max-width: 480px) {
.bpt_2wm li{ display:block;text-align: center;margin:0; width: 50%;float: left; margin-bottom: 15px}
}


.jmdp_bg{ background: url(../images/jm_dp.jpg) no-repeat center top; background-size:cover;position: relative; }

.nav_jmd{overflow: hidden; margin: 0px; padding: 0px; background: #f6f6f6; border-radius:10px}
.nav_jmd dl{overflow: hidden; margin: 0px; padding: 20px 10px;}
.nav_jmd dl dd{overflow: hidden; margin: 0px;font-size: 18px; color:#111; line-height: 44px; height: 44px; padding:0px 14px; display: inline-block;font-weight: bold}
.nav_jmd dl dd span{font-size: 16px;font-weight:500; color: #666}
.nav_jmd dl dd a{ padding-left: 10px}
.nav_jmd dl .active a{ color:#ea5514;background: url(../images/dot_x.svg) no-repeat left  center;background-size:8px; padding-left: 10px}
.nav_jmd dl .active a{color:#ea5514;}
.nav_jmd dl .active a span{color:#ea5514;}

@media screen and (max-width: 1300px) {
.nav_jmd dl dd{font-size: 16px;line-height: 36px; height: 36px; padding:0px 8px;}	
.nav_jmd dl dd span{font-size: 14px;}
}

@media screen and (max-width: 450px) {
.nav_jmd dl{padding: 10px 0px;}	
.nav_jmd dl dd{display: block; width: 25%;float: left; padding: 0px; text-align: center}
}


.stores_list{margin:0px; padding:0px; overflow:hidden}
.stores_list li{margin:0px; padding:5px; overflow:hidden; width: 23.5%; float: left; margin-right: 2%; margin-bottom: 2%;border: #ddd 1px solid; background: #fff;  position: relative}
pro_title li a{display: inline}
.stores_list li .img_pic{overflow: hidden; position: relative;}
.stores_list li .img_pic .store_img{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; 
}
.stores_list li .img_pic .store_img img{display: block;width:100%;height: 170px; vertical-align: top}
.stores_list li:hover .img_pic .store_img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.stores_list li:nth-child(4n){ margin-right: 0}

.stores_list li .pro_title{ font-size: 18px;line-height: 24px;margin:10px 0px 10px 0px;color: #222;text-align: center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight: bold}
.stores_list li .store_adds{font-size: 14px;line-height: 24px;color: #666;min-height: 48px; margin-bottom: 5px; padding: 0px 10px}
.stores_list li .store_tel{font-size: 14px;line-height: 24px;color: #666; margin-bottom: 5px; padding: 0px 10px}
.stores_list li .store_adds i{font-size:18px; margin-right: 4px}
.stores_list li .store_tel i{font-size:18px; margin-right: 4px}
.stores_list li:hover .pro_title{ color:#e7141b}
.stores_list li:hover{background: #fff;box-shadow:0 0 10px 1px rgba(0,0,0,.1);border: #e7141b 1px solid;}

.stores_list li .dh_icon{font-size: 12px; position: absolute; z-index: 2;bottom: 12px;right: 10px; text-align: center; width: 56px}
.stores_list li .dh_icon i{font-size:22px; color: #ea5514;}
.stores_list li .dh_icon P{margin: 0px; padding: 0px;font-size: 12px;line-height: 16px; text-align: center; display: inline-block}
.stores_list li .dh_icon:hover p{ color: #ea5514;}
.stores_list li .dh_icon:hover i{font-size:24px;}

@media screen and (max-width: 1200px) {
.stores_list li .pro_title{font-size:16px;}	
.stores_list li {width: 32%}
.stores_list li:nth-child(4n){ margin-right: 2%}
.stores_list li:nth-child(3n){ margin-right:0}	
}

@media screen and (max-width: 1000px) {
	
.stores_list li .img_pic .store_img img{display: block;width:100%;height: 240px; vertical-align: top}
}



@media screen and (max-width: 850px) {
.stores_list li {width: 49%}
.stores_list li:nth-child(4n){ margin-right: 2%}
.stores_list li:nth-child(3n){ margin-right:2%}
.stores_list li:nth-child(2n){ margin-right:0}	
}
@media screen and (max-width: 640px) {
.stores_list li .pro_title{ text-align: left;white-space: normal;margin:10px 5px 5px 5px;}
.stores_list li {width: 100%; margin-right: 0; margin-bottom: 20px}
.stores_list li:nth-child(4n){ margin-right: 0}
.stores_list li:nth-child(3n){ margin-right:0}
.stores_list li:nth-child(2n){ margin-right:0}	
.stores_list li .store_adds{font-size: 14px;line-height: 22px;color: #666;min-height:22px;  height: auto;margin-bottom: 10px; padding: 0px 5px}
	
.stores_list li .img_pic .store_img img{display: block;width:100%;height: 200px; vertical-align: top}	
}




.dmshow_k{overflow: hidden; margin: 0px; padding:0px;}

.dmshow_tu{overflow: hidden; margin: 0px;padding:0}
.dmshow_tu {overflow: hidden; margin: 0px;padding:0}
.dmshow_tu dl{overflow: hidden; margin: 0px;padding:0; margin-top: 5%; }
.dmshow_tu dl dt{overflow: hidden; margin: 0px;padding:0;font-size: 22px; line-height: 190%;font-weight: 700; margin-bottom: 10px}
.dmshow_tu dl dd{overflow: hidden; margin: 0px;padding:0}

.dmxx_pic{overflow: hidden; margin: 0px;padding:0;float: left; margin-right:5%; width: 48%;border-radius: 10px}
.dmxx_pic img{width: 100%; height: auto;vertical-align: top; }


.dmxx_smtxt{padding: 0px; margin: 0px; height: 180px; overflow:auto; line-height: 190%; color: #666;font-size: 16px;padding-right: 10px}
.dmxx_smtxt::-webkit-scrollbar {
	width:5px;
	background-color: #004425;
}

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

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

@media (max-width: 1200px){
.dmshow_tu dl dt{font-size:18px;}
.dmshow_tu dl {margin-top: 2%;}
}

@media only screen and (max-width:1080px) {
.dmxx_smtxt{height: 146px; }
}
@media (max-width: 850px){
	.dmxx_smtxt{font-size: 14px}
	.dmxx_smtxt{height: 126px; }
	.dmshow_tu dl{ padding-right: 30px}
}


@media (max-width: 750px){
.dmxx_pic{overflow: hidden; margin: 0px;padding:0;float: none; margin-right:0; width: 100%; margin-bottom: 15px}
.dmshow_tu dl dt{text-align: center}
.dmshow_box{overflow: hidden; margin: 0px; padding: 14px 14px;}
.dmshow_tu dl{ padding-right: 15px; padding-left: 15px}
	
.dmxx_smtxt{font-size: 14px; height: auto; overflow: hidden; padding: 0px}
}


.allmap {height: 170px;width:100%;overflow: hidden; box-sizing: inherit; }
#allmap {height: 170px;width:100%;overflow: hidden; box-sizing: inherit; }

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

.allmap {height: 240px;width:100%;overflow: hidden;}
}
@media only screen and (max-width:640px) {

.allmap {height: 200px;width:100%;overflow: hidden;}
}




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

.form_df-input input:focus {border-color:#d83e45;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.form_texting-fild textarea:focus {border-color:#d83e45;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.form_df-input input::placeholder {color:#666;}
.form_texting-fild textarea::placeholder {color:#666;}




.form_btn_k {width: 200px;}
.form_btn_k:hover .form_btn { background: #da0101;}
.form_btn {
    line-height: 48px;
    text-align: center;
    font-size: 20px;
    height: 50px;
    border-radius:10px;
    background: #ea5514;
    color: #fff;
    cursor: pointer;;
    font-weight: 500; border: 0
}
.form_btn i{font-size: 20px; vertical-align: middle; margin-right: 4px; line-height: 50px}

@media only screen and (max-width:1000px) {
.form_texting-fild textarea { border: 1px solid #5E5E5E45;height: 100px; }
}
@media only screen and (max-width:860px) {
.form_btn_k { margin: 0 auto}
}
@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;}






.Boun-box{ position: fixed; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; background: rgba(0,0,0,.7); z-index: 999999; display: -webkit-flex; display: flex; -webkit-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:center; }
.Boun-box .Boun-con{ display: block; max-width:1100px; width: 90%; max-height:600px; position: relative; background-color: #fff; border-radius:6px; overflow-x:hidden; padding:40px 60px; line-height:2; color:#555555;}
.Boun-box .Boun-con .gg-logo{ margin-bottom:10px; text-align: center; overflow: hidden}
	.Boun-box .Boun-con .gg-logo a{display: inline}
.Boun-box .Boun-con .gg-logo img{ max-height:60px; width: auto;}
.Boun-box .Boun-con .Title{ line-height:40px; text-align:center; font-size:38px; color:#000; margin-bottom:20px;}
#close1{ width:23px; height:22px; background: url(../images/close1.png) no-repeat center; background-size: cover; position: absolute; top:15px; right:15px; cursor: pointer;}
.Boun-box .My_sign{ text-align:right;font-size: 16px;font-weight: bold}
	
.Notice_txt{overflow: hidden; margin: 0px; padding: 0px;}
.Notice_txt dl{overflow: hidden; margin: 0px; padding: 0px;}
.Notice_txt dl dd{overflow: hidden; margin: 0px; padding: 0px; color: #333; line-height: 2;font-size:16px;font-weight: bold}
.Notice_txt dl dd p{margin: 0px; padding: 10px 0px;font-weight: bold }	
	
.Boun-box .dc_smbox{ overflow: hidden; margin: 0px; padding: 0px; margin-bottom: 25px}
.Boun-box .dc_smbox dl{ overflow: hidden; margin: 0px; padding: 20px 0px 0px 0px;}
.Boun-box .dc_smbox dl dd{ overflow: hidden; margin: 0px; padding: 0px;font-size: 16px; font-weight: bold;}	
.Boun-box .dc_smbox dl dd a span{ overflow: hidden; margin: 0px; padding: 0px;font-size:20px; color:#ff851a; }	
a{text-decoration: none}	
@media(max-width:640px){
.Boun-box .Boun-con{ padding:20px; font-size:20px; max-width:90%; line-height:1.6;}
.Boun-box .Boun-con .Title{ font-size:30px; margin-bottom: 15px; line-height: 30px}
#close1{ width:25px; height:25px; right:25px; top:25px;}
.Notice_txt dl dd{font-size: 13px}
.Boun-box .Boun-con .gg-logo img{ max-height:40px; width: auto;}
	.Boun-box .My_sign{ font-size: 14px;}
	.Boun-box .Boun-con{  width: 80%;}
}





/* box */
.ser_box{ max-width:1220px; margin:0 auto; width:94%;}
.tab_menu{ margin:0px; padding:0px;position:relative;  margin-top: 20px;z-index: 6; text-align: center}
.tab_menu li{cursor:pointer;  text-align: center; position: relative; display:inline-block;}
.tab_menu li.current {color:#FFFFFF;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s}
.tab_menu li a{color:#111;text-decoration:none; display:inline;}
.tab_menu li p a{display:inline;}
.tab_menu li p{ width: 100px; height: 100px;padding:8px 8px 8px 8px; display:inline-block; margin: 0px 8px;border-radius: 50%;background: #fff; margin-bottom: 5px;  }

.tab_menu li p img{ width:100%; height: 100%;vertical-align: top;border-radius: 50% }
.tab_menu li.current a{color:#ea5514;display:inline;}
.tab_menu li.current p{background-image: linear-gradient(to top, #cbbfae 0%, white 100%);}


.tab_box{overflow:hidden; padding:0px; }
.tab_box .hide{display:none;}


@media screen and (max-width: 1440px) {
.tab_menu li p{ width: 90px; height: 90px}
}


@media screen and (max-width: 1300px) {
.tab_menu li p{ width: 80px; height: 80px;}

}

@media screen and (max-width: 1300px) {
.tab_menu li p{ width: 60px; height: 60px; margin: 0px 5px;margin-bottom: 10px; }

}
@media screen and (max-width: 500px) {
	.tab_menu li{ width: 20%; margin-bottom: 10px;display: block;float: left}
	.tab_menu li p{ width: 60px;  height: 60px; margin: 0; margin: 0 auto; display: block; padding: 0px; text-align: center;}
	.tab_menu li p img{width: 100%; height: 100%; vertical-align: top}
}

@media screen and (max-width: 450px) {
	.tab_menu li{ width: 20%; margin-bottom: 10px;display: block;float: left}
	.tab_menu li p{ width: 50px;  height: 50px; margin: 0; margin: 0 auto; display: block; padding: 0px; text-align: center;}
}

@media screen and (max-width: 360px) {
	.tab_menu li{ width: 25%; margin-bottom: 10px;display: block;float: left}
}



.sy_8pints{margin: 0px;background: #f6f7fd; padding-top: 20px; position: relative}
.sy_8pints::before{ margin: 0px; padding: 0px; content: "";  position: absolute; z-index:auto;  background: url(../images/8pints.svg) no-repeat top right;  background-size: 100% auto;right:-15px; width: 42%; height: 30%;top:12%}
.sy_8pints::after{ margin: 0px; padding: 0px; content: "";  position: absolute; z-index:auto;  background: url(../images/star.svg) no-repeat top left;  background-size: 100% auto;left:-15px; width:13%; height: 41%;bottom:5%}



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

.pr_cp_L{ margin: 0px;padding: 0px; overflow: hidden; width: 42%;float: left;background: url("../images/cp_bg.png") no-repeat top center;background-size: 100% auto; padding-top: 7.5%; margin-right:6%;}
.pr_cp_R{ margin: 0px;padding: 0px; overflow: hidden; width:40%;float:left;padding-top: 15%;}

.pr_cp_R dl{ margin: 0px;padding: 0px; overflow: hidden;}
.pr_cp_R dl dt{ margin:0px;padding:0px;overflow:hidden;font-size:24px;line-height: 32px;color:#111;font-weight: bold;margin-bottom: 10px}
.pr_cp_R dl dd{ margin: 0px;padding: 0px; overflow: hidden;font-size: 16px; color: #666; line-height: 26px;}
.pr_cp_tu{margin: 0px;padding: 0px; overflow: hidden; position:relative}
.pr_cp_tu img{max-width: 100%; width: auto; height: auto; vertical-align: top; }

.pro_description{margin: 0px;padding: 0px; overflow: hidden;font-size: 16px; color: #666; line-height: 26px;}



.btn_cp_k{ width: 140px; margin: 20px 0px 0px 0px;  padding: 0px }
.btn_cp_More{line-height: 42px; height: 42px; background: #ea5514; color: #fff;font-size: 16px; text-align: center; border-radius: 4px;}
.btn_cp_More a{display: inline;}
.btn_cp_More:hover{ background: #d9ba8c; color:#ea5514 }

.btn_cp_More i{font-size: 19px; margin-left: 4px; vertical-align:middle; height:20px;}

.cp_hot{width: 20%; height:20%; position: absolute; z-index: 3; top:10%; left:2%}
.cp_hot img{width: 100%; height: auto;vertical-align: top}



@media screen and (max-width:1200px) {
	.pr_cp_R dl dt{font-size: 20px;}
	.pr_cp_R dl dd{font-size: 14px;}
	.pr_cp_R{ overflow: hidden; width:46%;}
	.pro_description{font-size: 14px;}	
}

@media screen and (max-width:1000px) {
.pr_cp_R{padding-top: 12%;}
.btn_cp_k{ width: 110px; margin: 10px 0px 10px 0px;  padding: 0px }
.btn_cp_More{line-height: 36px; height: 36px;font-size: 14px;}
	.btn_cp_More i{font-size: 15px;}
}
@media screen and (max-width:800px) {
.pr_cp_R{padding-top: 10%;width:49%;}
	.pr_cp_L{margin-right: 4%}
}
@media screen and (max-width:680px) {
.pr_cp_R{padding-top: 7%;width:55%;}
.pr_cp_L{margin-right: 2%; width: 40%}
}

@media screen and (max-width:630px) {
.pr_cp_R{padding-top:15px;width:100%;float: none}
.pr_cp_tu{ text-align: center}
		.pr_cp_R dl dt{ text-align: center}	
.pr_cp_L{background: url("../images/cp_bg.png") no-repeat top center;background-size: 120% auto;margin-right: 0; margin: 0 auto;padding-top:15%;float: none;max-width: 500px; width: 80%;}
	
.sy_8pints::before{ margin: 0px; padding: 0px; content: "";  position: absolute; z-index:auto;  background: url(../images/8pints.svg) no-repeat top right;  background-size: 100% auto;right:-21%; width: 52%; height: 30%;top:7%}
.sy_8pints::after{ margin: 0px; padding: 0px; content: "";  position: absolute; z-index:auto;  background: url(../images/star.svg) no-repeat top left;  background-size: 100% auto;left:-15px; width:20%; height: 30%;bottom:25%}

.pro_description{line-height: 24px; min-height: 72px;}	
	
}

@media screen and (max-width:500px) {
	.pr_cp_L{width: 94%;}
}



.sub_banner {
  overflow: hidden;
  position: relative;
  -webkit-transition: all .5s; background: #ea5514
}

.sub_banner .s {
  width: 100%;
  height: auto;
  position: relative;
}

.sub_banner img {
  opacity: 0;
  visibility: hidden;
  filter:contrast(2.5) brightness(2.5);
  -webkit-transition: all 1s;
  -webkit-transform: scale(1.05); 
}


.sub_banner.active img {
  filter: contrast(1) brightness(1);
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);width:100%;height: auto;
}


.sub_nav{ margin: 0 auto;padding: 0px; text-align: center;max-width:600px;}
.sub_nav li{padding: 0px;list-style: none;width:32%; background:#ddd;text-align:center; height:50px;font-weight: bold; margin-right:2%;  line-height:50px; color:#222;cursor:pointer;transition:all .1s; display: inline-block;float: left; border-radius: 40px}
.sub_nav li:nth-child(3n){ margin-right: 0}

.sub_nav li a{font-size: 18px;color: #111;}
.sub_nav li:hover{ background:#ea5514;color:#fff;}
.sub_nav li:hover a{color: #fff;font-weight: bold;}
.sub_nav .on{background:#ea5514;color:#F3E7CD;}
.sub_nav .on a{color: #fff;}


.sub_nav1{ margin: 0 auto;padding: 0px; text-align: center;max-width:1200px;}
.sub_nav1 li{padding: 0px;list-style: none;width:14.89%; background:#ddd;text-align:center; height:50px;font-weight: bold; margin-right:1.8%;  line-height:50px; color:#222;cursor:pointer;transition:all .1s; display: inline-block;float: left; border-radius: 40px}
.sub_nav1 li:nth-child(6n){ margin-right: 0}

.sub_nav1 li a{font-size: 18px;color: #111;}
.sub_nav1 li:hover{ background:#ea5514;color:#fff;}
.sub_nav1 li:hover a{color: #fff;font-weight: bold;}
.sub_nav1 .on{background:#ea5514;color:#F3E7CD;}
.sub_nav1 .on a{color: #fff;}

@media (max-width: 1000px) {
.sub_nav li{height:44px;line-height:44px;}	
.sub_nav li a{font-size: 16px;}	
	
.sub_nav1 li{height:44px;line-height:44px;}	
.sub_nav1 li a{font-size: 16px;}	
}
@media (max-width: 800px) {
	
.sub_nav1 li{width:32%;margin-right:2%; margin-bottom: 10px}
.sub_nav1 li:nth-child(6n){ margin-right:2%}
.sub_nav1 li:nth-child(3n){ margin-right: 0}
	
}

@media (max-width: 500px) {
	
.sub_nav li{width:32.91%;margin-right:0.63%; margin-bottom: 10px}
.sub_nav li:nth-child(6n){ margin-right:0.33%}
.sub_nav li:nth-child(3n){ margin-right: 0}
.sub_nav li a{font-size: 14px;}		
}

.dh_box{ overflow:hidden; line-height:40px;font-size:14px;color:#666; background: #f6f7fd; padding: 5px 0px}
.wzdh_k{ overflow:hidden; line-height:40px;font-size:14px;color:#666}
.wzdh_k span a{ font-size:14px; color:#666}
.wzdh_k i{ margin-right:3px;color:#666;font-size:14px;}

.pro_xx{ overflow:hidden; margin:0px; padding:0px;  position: relative; z-index: 5}
.pro_xx_tu{ overflow:hidden; margin:0px; padding:0px; text-align:center; float:left; width:50%}
.pro_xx_tu img{max-height:450px; height:auto; max-width:100%; width:auto; vertical-align:top}
.pro_xx{ overflow:hidden; margin:0px; padding:0px;}
.pro_xx dl{overflow:hidden; margin:0px; padding:0px; margin-top:8%}
.pro_xx dl dt{overflow:hidden; margin:0px; padding:0px; font-size:30px; color:#222; margin-bottom:20px; line-height:180%;font-weight: bold}
.pro_xx dl dd{overflow:hidden; margin:0px; padding:0px; font-size:16px; line-height:190%; color:#333}
@media (max-width: 1300px) {
.pro_xx dl dd{font-size:14px; }	
.pro_xx dl dt{font-size:24px; }		
}

@media (max-width: 1200px) {
.pro_xx dl dt{font-size:20px; }		
}
@media (max-width: 800px) {
.pro_xx dl{margin-top:5%}
.pro_xx dl dt{margin-bottom:10px;}
}

@media (max-width: 640px) {
.pro_xx dl dt{text-align: center}
.pro_xx_tu{ overflow:hidden; margin: 0 auto; padding:0px; text-align:center; float:none;  width: 90%;}
.pro_xx_tu img{max-height:500px; height:auto; max-width:100%; width:100%; vertical-align:top}
.pro_xx dl{margin-top:20px; }
}




.xc_t_wrap { margin-bottom:10px; border-bottom:#eee 1px solid; overflow:hidden;}
.xc_t_wrap .xc_title { font-size:22px;color:#111; overflow:hidden; line-height:190%; padding-left: 25px; position:relative;font-weight: 600}
.smwz{ font-size:15px; line-height:30px}
.xc_t_wrap .xc_title::after{ content: ""; height: 22px; width: 3px; left: 0; z-index: 1; width: 20px; height: 20px;
background: url("../images/dot_x.svg") no-repeat left center;background-size:cover;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}


@media only screen and (max-width:1100px) {
	.xc_t_wrap .xc_title { font-size:18px;}
}


.Inside_L{width: 67%;float: left; margin: 0px; padding: 0px; overflow: hidden}
.Inside_R{width: 28%;float:right; margin: 0px; padding: 0px; overflow: hidden;}


.xg_cptj1{ overflow:hidden; margin:0px; padding:0px; margin-top:20px }
.xg_cptj1 li{ overflow:hidden; margin:0px; padding:0px; margin-bottom: 15px; width:49%; float:left; margin-right: 2%; }
.xg_cptj1 dl{ overflow:hidden; padding:0px;  margin:0 auto; border:#eee 1px solid;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; position:relative; background:#fff; }
.xg_cptj1 dl a{ display:inline}
.xg_cptj1 dl dt{overflow:hidden;line-height:24px; font-weight:normal;color:#222; position:relative; text-align:center;}
.xg_cptj1 dl dd{ overflow:hidden; margin:0px;}
.xg_cptj1 dl dt h3{ font-size:16px;overflow:hidden; line-height:24px; padding:0px 5px 0px 5px; font-weight:normal; text-align:center; margin-top:10px; margin-bottom: 10px;white-space: nowrap;text-overflow: ellipsis;}
.xg_cptj1 dl dd span{ color:#777; margin-right:2px}
.xg_cptj1 dl dt img{width:100%;height:auto; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; margin:0 auto }
.xg_cptj1 li:hover dl{ border:#ea5514 1px solid;}
.xg_cptj1 li:hover dt h3{ color:#ea5514;}
.xg_cptj1 li:nth-child(2n+0){margin-right: 0;}

@media only screen and (max-width:1100px) {
.Inside_L{width: 64%;float: left; margin: 0px; padding: 0px; overflow: hidden}
.Inside_R{width: 32%;float:right; margin: 0px; padding: 0px; overflow: hidden;}
.xg_cptj1 dl dt h3{ font-size:14px}
}


@media only screen and (max-width:900px) {
.Inside_L{width: 100%;float:none; margin: 0px; padding: 0px; overflow: hidden; margin-bottom: 20px}
.Inside_R{width: 100%;float:none; margin: 0px; padding: 0px; overflow: hidden;}
.xg_cptj1 li{  width:32%; }	
.xg_cptj1 li:nth-child(2n+0){margin-right: 2%;}
.xg_cptj1 li:nth-child(3n+0){margin-right: 0;}
}

@media only screen and (max-width:560px) {
.xg_cptj1 li{  width:49%; }	
.xg_cptj1 li:nth-child(3n+0){margin-right: 2%;}
.xg_cptj1 li:nth-child(2n+0){margin-right: 0;}
}

.join_Condition{overflow:hidden; margin:0px; padding:0px;}
.join_Condition li{overflow:hidden; margin:0px; padding:0px; width: 49%; margin-right: 2%; margin-bottom: 4%;float: left}
.join_Condition li dl{overflow:hidden; margin:0px; padding:0px;}
.join_Condition li dl dt{overflow:hidden; margin:0px; padding:0px;font-weight: 600;font-size: 22px; line-height: 30px; margin-bottom: 5px;}
.join_Condition li dl dd{overflow:hidden; margin:0px; padding:0px; line-height: 26px;}
.join_Condition_pic{ width: 80px; height: auto;float: left;margin-right: 20px}
.join_Condition_pic img{ width: 100%; height: auto;vertical-align: top;}
.join_Condition li:nth-child(2n){ margin-right:0}

@media only screen and (max-width:1300px) {
.join_Condition li dl dt{font-size: 20px;}
.join_Condition li dl dd{line-height: 24px;font-size: 14px}
}
@media only screen and (max-width:1200px) {
.join_Condition li dl dt{font-size: 18px;}
.join_Condition_pic{ width: 60px; height: auto;float: left;margin-right: 20px}
}

@media only screen and (max-width:900px) {
.join_Condition_pic{ width: 50px; height: auto;float: left;margin-right: 16px}
}

@media only screen and (max-width:700px) {
.join_Condition li dl dt{font-size: 16px;}
.join_Condition li{width: 100%; margin-right:0; margin-bottom: 15px;float: none; padding: 20px 10px; border: 1px solid #eee; border-radius: 10px}
}

.Advantage_bg{background: url(../images/Advantage_bg.jpg) no-repeat center; ; background-size:cover}
.jm_Advantage{ padding: 0px; overflow: hidden;margin:0 auto; border-radius: 10px; border: #ddd 1px solid; cursor: pointer; background: #fff; width: 92%; margin-top:20px; margin-bottom:20px; position: relative}
.jm_Advantage dl{margin:20px 15%; padding: 0px; overflow: hidden;}
.jm_Advantage dl dt{margin:0px; padding: 0px; overflow: hidden; margin-bottom: 5px;font-size: 20px; line-height: 30px; color: #111; text-align: center;font-weight: bold}
.jm_Advantage dl dd{margin:0px; padding: 0px; overflow: hidden; line-height: 24px;font-size: 16px; color: #666; min-height: 72px}

.jm_Advantage .Number{  position: absolute; z-index: auto; content: ""; top: 10px; left: 20px; line-height: 170%;font-size: 50px; color: #ddd;font-family: 'BEBAS'; }


@media only screen and (max-width:1300px) {
.jm_Advantage dl dd{line-height: 24px;font-size: 14px; min-height: 72px}
.jm_Advantage dl dt{font-size:18px;}
}

@media only screen and (max-width:950px) {
.jm_Advantage dl{margin:20px 15px; padding: 0px; overflow: hidden;}	
	
.jm_Advantage .Number{ font-size: 40px;  }
}

@media only screen and (max-width:900px) {
.jm_Advantage dl{margin:20px 15px; padding: 0px; overflow: hidden; text-align: center;}
.jm_Advantage dl dt{font-size:16px; line-height: 26px}	
}

.jm_Advantage:hover{box-shadow:0 0 20px 1px rgba(0,0,0,.1);border: #ea5514 1px solid;}

.jm_Advantage:hover dt{color: #ea5514}
.jm_Advantage:hover .jm_icon img{-webkit-filter: grayscale(0);filter: grayscale(0);}

@media only screen and (max-width:700px) {
.jm_Advantage dl dd{ min-height: 96px}
}



.pb_bg{ background:#f6f7fd url(../images/tuo_bg.png) no-repeat center right; background-size:auto 100%;position: relative; padding: 3% 0px }


.about_R{ overflow:hidden; padding:0px;max-width: 750px; margin-left: 5%}
.about_R_txt{ font-size:18px; line-height:200%;overflow:hidden; padding:0px;}
.about_L{ overflow:hidden; padding:0px; margin:0px; margin-bottom: 20px;max-width: 750px;margin-left: 5%}
.about_L img{ width:100%; height:auto; vertical-align:top}
.about_R img{ width:100%; height:auto; vertical-align:top}

@media (max-width: 900px) {
	.about_R{ ;max-width: 750px; margin-left: 0; margin: 0 auto}
	.about_L{ max-width: 750px;margin-left: 0;margin: 0 auto;margin-bottom: 20px;}
	.about_R_txt{ font-size:16px; }
}


@media (max-width: 880px) {
.about_R_txt{ height: auto; overflow:hidden; overflow-y: auto}
.about_R{width: 90%;float:none; }
.about_L{width: 90%;float:none;}
.about_R_txt{ font-size:14px; }
}


.M_btn_k {width: 200px;margin: 0 auto;}
.M_btn_k:hover .M_btn { background: #da0101;}
.M_btn {
    line-height: 50px;
    text-align: center;
    font-size:20px;
    height: 50px;
    border-radius:10px;
    background: #ea5514;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: 500; width: 100%; border: 0
}
.M_btn_k i{font-size: 20px; vertical-align: top; margin-right: 4px; line-height: 50px}




.jmzc_box{margin:0px; padding:0px;overflow:hidden;}
.jmzc_box li{margin:0px; padding:0px;overflow:hidden;float: left; width: 23.5%; margin-bottom: 2%; margin-right: 2%; position: relative; background: #fff;border-radius: 10px}
.jmzc_box li .arrow{ position: absolute; z-index: 3;content:""; font-size:16px; left:39%;top: 11%; color:#fff; width: 24px; height: 24px; background: #ea5514;border-radius: 50%; text-align: center; line-height: 24px;}
.jmzc_box li dl{margin:30px 20px 10px 20px; padding:0px;overflow:hidden;}
.jmzc_box li dl dt{margin:0px; padding:0px;overflow:hidden; text-align: center;font-size:20px; font-weight: bold; color: #111; margin-bottom: 10px}
.jmzc_box li dl dd{margin:0px; padding:0px;overflow:hidden; text-align: center;font-size:16px; color: #666; line-height: 24px; min-height: 72px;}

.jmzc_box li dl dt .i_tu{margin:0 auto; padding:0px;overflow:hidden; width: 80px; height: 80px; border: 1px solid #ea5514;border-radius: 50%; text-align: center}
.jmzc_box li dl dt .i_tu img{width:40px; height:40px; vertical-align: top; margin-top:20px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.jmzc_box li:nth-child(4n+0){margin-right: 0;}

.jmzc_box li:hover dl dt .i_tu img{transform:rotateY(180deg);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.jmzc_box li:hover dl dt .i_tu {background: #f0ddca}
.jmzc_box li:hover{box-shadow:0 0 20px 1px rgba(0,0,0,.1);}

@media screen and (max-width:1200px) {
	.jmzc_box li dl dt{font-size:18px;}	
.jmzc_box li .arrow{left:36%;top: 11%; }
.jmzc_box li dl dd{font-size:14px;}
}

@media screen and (max-width:1000px) {
.jmzc_box li{margin:0px; padding:0px;overflow:hidden;float: left; width:48.5%; margin-right:3%; margin-bottom: 2%}	
.jmzc_box li:nth-child(2n+0){margin-right: 0%;}	
.jmzc_box li .arrow{left:40%;top: 11%; }	
}

@media screen and (max-width:780px) {
.jmzc_box li .arrow{left:36%;top: 11%; }
.jmzc_box li dl{margin:20px 15px 10px 15px; }
}
@media screen and (max-width:700px) {
	.jmzc_box li dl dt{font-size:16px;}	
}

@media screen and (max-width:600px) {
.jmzc_box li .arrow{left:33%;top: 11%; }
}
@media screen and (max-width:480px) {
.jmzc_box li{margin:0px; padding:0px;overflow:hidden;float: left; width:100%; margin-right:0%; margin-bottom: 20px}	
.jmzc_box li:nth-child(2n+0){margin-right: 0%;}	
.jmzc_box li .arrow{left:38%;top: 11%; }
.jmzc_box li dl{margin:20px 20px 20px 20px; }	
.jmzc_box li dl dd{min-height: 24px; height: auto}
}

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

.jmzc_box li .arrow{left:38%;top: 11%; }
}




.join_zc_box{overflow: hidden; padding:30px 0px;width: 92%; margin: 0 auto; background: #f6f6f6; border-radius:10px; min-height: 330px}
.join_zc_box dl{overflow: hidden;margin:0px 20px; padding:0px;}
.join_zc_box dl dt{overflow: hidden;margin:0px; padding:0px; text-align: center; margin-bottom: 10px;;color: #111;font-size: 20px;font-weight: bold}
.join_zc_box dl dd{overflow: hidden;margin:0px; padding:0px;font-size: 16px;color: #666; line-height: 26px; text-align: center}

.jmzc_icon{overflow: hidden;padding:0px;text-align: center; width: 90px; height: 90px;border-radius:50%; margin: 0 auto; background: #ea5514;transition: 0.2s;-moz-transition: 0.2s;box-shadow: inset 0px 0px 12px 7px rgba(0, 0, 0, 0.1);}
.jmzc_icon img{ width: 50px; height: auto; margin-top: 20px; vertical-align: top;}

.join_zc_box:hover .jmzc_icon img{ filter:drop-shadow(0 0 10px rgba(0, 0, 0, 0.4)); -webkit-filter:drop-shadow(0 0 10px rgba(0, 0, 0, 0.4)); }
.join_zc_box:hover .jmzc_icon{ background: #d9ba8c;transition: 0.2s;-moz-transition: 0.2s;box-shadow: inset 0px 0px 12px 7px rgba(0, 0, 0, 0.2)}

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


.dtms_box{overflow: hidden; padding:0px; margin: 0 auto;}
.dtms_box li{overflow: hidden; padding:0px; margin: 0;float: left; width: 31.333%; margin-right:3%; background: #fff; border-radius: 10px}
.dtms_box li dl{overflow: hidden; padding:0px; margin:20px 30px 30px 30px;}
.dtms_box li dl dt{overflow: hidden; padding:0px; margin: 0; font-weight: bold;font-size: 24px; line-height: 30px; margin-bottom: 10px; text-align: center;}
.dtms_box li dl dd{overflow: hidden; padding:0px; margin: 0; line-height:28px; min-height: 112px; color: #444}

.dtms_box li:nth-child(3n){ margin-right:0}
.dtms_box li .img_box_wx{overflow: hidden; position: relative}
.dtms_box li .img_box_wx .product_img{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease;
}
.dtms_box .img_box_wx .product_img img{display: block;width:100%;height: auto; vertical-align: top}


.dtms_box li:hover .img_box_wx .product_img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.dtms_box li:hover dl dt{ color:#ea5514}
.dtms_box li:hover dl dd{ color:#555}

@media screen and (max-width:1450px) {
	.dtms_box li{ width: 32%; margin-right:2%;}
}


@media screen and (max-width:1400px) {
	.dtms_box li dl dt{font-size: 20px;}
	.dtms_box li{ width: 32%; margin-right:2%;}
	.dtms_box li dl dd{line-height:26px; min-height:104px;font-size: 14px}
}

@media screen and (max-width:1250px) {
.dtms_box li dl dd{min-height:130px;}
}
@media screen and (max-width:910px) {
.dtms_box li dl{overflow: hidden; padding:0px; margin: 20px 20px 20px 20px;}
}

@media screen and (max-width:840px) {
.dtms_box li dl{overflow: hidden; padding:5px 20px; margin:0px;}
.dtms_box li .img_box_wx{overflow: hidden; position: relative; width: 45%;float:left;}
.dtms_box li{ width: 100%; margin-right:0; margin-bottom: 15px;float: none}
	.dtms_box li dl dd{line-height:24px; min-height:20px; height: auto;font-size: 14px}
	.dtms_box li dl dt{font-size: 18px; margin-bottom: 5px;text-align: left}
}
@media screen and (max-width:840px) {
.dtms_box li .img_box_wx{overflow: hidden; position: relative; width: 100%;float:none;}
.dtms_box li dl{overflow: hidden; padding:20px 20px; margin:0px;}
}




.pp_jx_list{margin: 0px; padding: 0px; overflow: hidden;}
.pp_jx_list li{margin: 0px; padding: 0px; overflow: hidden; width:15.16%;float:left; margin-bottom:20px; margin-right: 1.8%; }
.pp_jx_list li dl{ padding: 0px 20px; overflow: hidden;margin: 0 auto; text-align: center;cursor: pointer}
.pp_jx_list li dl dt{margin: 0px; padding: 0px; overflow: hidden; margin-bottom: 5px}
.pp_jx_list li dl dt h3{margin: 0px; padding: 0px; overflow: hidden;font-size:18px; font-weight: 600; line-height:26px; color: var(--font_cs) }
.pp_jx_list li dl dt img{ width: 104px; height: auto; vertical-align: top}
.pp_jx_list li dl dd{margin: 0px; padding: 0px; overflow: hidden;font-size:16px;  line-height: 24px;font-weight: 500;font-family: 'AVGBBT',Helvetica, Arial, "sans-serif";font-weight: bold}
.pp_jx_list li dl dd .jxsm{margin: 0px; padding: 0px; overflow: hidden;font-size: 14px; liine-height: 24px; min-height: 48px; margin-top: 5px;font-weight: normal}

.pp_jx_list li:nth-child(6n){ margin-right:0}

.pp_jx_list li:hover dl img{animation: tada 2s infinite;}


@media screen and (max-width:1300px) {
	.pp_jx_list li dl{ padding: 0px 0px;}
	.pp_jx_list li dl dt h3{font-size:16px;}	
}
@media screen and (max-width:950px) {
	.pp_jx_list li{width:23.5%;margin-right:2%;}
	.pp_jx_list li:nth-child(6n){ margin-right:2%}
	.pp_jx_list li:nth-child(4n){ margin-right:0}
	.pp_jx_list li dl dt img{ width: 90px;}
}

@media screen and (max-width:680px) {
	.pp_jx_list li{width:32%;margin-right:2%;}
	.pp_jx_list li:nth-child(6n){ margin-right:2%}
	.pp_jx_list li:nth-child(4n){ margin-right:2%}
	.pp_jx_list li:nth-child(3n){ margin-right:0}
		.pp_jx_list li dl dt img{ width: 80px;}
}

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

.pp_jx_list li dl dt img{ width: 70px;}
.pp_jx_list li dl dt h3{font-size:14px;}
}

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

.pp_jx_list li dl dt img{ width: 70px;}
.pp_jx_list li dl dt h3{font-size:14px;}
.pp_jx_list li dl dd .jxsm{ min-height: 72px; }
}

@media screen and (max-width:450px) {
	.pp_jx_list li{width:48.5%;margin-right:3%;}
	.pp_jx_list li:nth-child(6n){ margin-right:3%}
	.pp_jx_list li:nth-child(4n){ margin-right:3%}
	.pp_jx_list li:nth-child(3n){ margin-right:3%}
	.pp_jx_list li:nth-child(2n){ margin-right:0%}
	.pp_jx_list li dl dd .jxsm{ min-height: 48px; }
}

@media screen and (max-width:360px) {
	.pp_jx_list li{width:100%;margin-right:0%;}
	.pp_jx_list li:nth-child(6n){ margin-right:0%}
	.pp_jx_list li:nth-child(4n){ margin-right:0%}
	.pp_jx_list li:nth-child(3n){ margin-right:0%}
}


.Honors_box{width: 94%; margin: 0 auto; overflow: hidden}

.Honors_box:hover .Honors_pic img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.01, 1.01); -o-transform:scale(1.01, 1.01); -ms-transform:scale(1.01, 1.01); transform:scale(1.01, 1.01);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.Honors_pic{overflow:hidden; position:relative;  padding-top:141%; }
.Honors_pic 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; vertical-align: top}


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


	.sy_Brand_R{ position: relative;}
	.sy_Brand_R .jbtu_box{ position: absolute; z-index: 5; width: 100%; height: 100%;left:0;top:0;text-align: center;}	
	.sy_Brand_R .jbtu_box .jbtu{width:auto;height: auto; vertical-align: top;text-align: center; bottom:5px;position: absolute;left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%); }
	.sy_Brand_R .jbtu_box .jbtu img{max-width: 100%;width: auto;height: auto; vertical-align: top}

	.sy_Brand_R .jbtu_box .jbtu:hover img{animation: tada 2s infinite;}

.flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}

.sz_list{
	width: 100%;
	justify-content: initial;
	perspective: 500px;
	perspective-origin: center;
}
.sz_list li{
	width:32%;
	margin-bottom: 1%;
	margin-right: 2%;
	opacity: 0;
	animation: rotate 7s ease-out infinite;
}


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

.sz_list li .pic{background-size: cover; width: 101px;}
.sz_list li img{ width: 101px; height: 101px; vertical-align: top}
.sz_list li .pic img{ width: 101px; height: 101px; vertical-align: top}
.zl2{ direction: initial;}
.sz_list li:nth-child(2) .pic{ margin-left:25%}
.sz_list li:nth-child(3) .pic{ margin-left:30%}
.sz_list li:nth-child(5) .pic{ margin-left:2%}
.sz_list li:nth-child(6) .pic{ float: right}
.sz_list li:nth-child(9) .pic{ margin-left:10%}
.sz_list li:nth-child(12) .pic{ float: right}

.mproBox{
	display:none;
}

.sz_list li:nth-child(2n){
	animation: rotate 6s 2.5s ease-out infinite;
}

.sz_list li:nth-child(4n){
	animation: rotate 7s 1.5s ease-out infinite;
}

.sz_list li:nth-child(5n){
	animation: rotate 5s 0.5s ease-out infinite;
}

.sz_list li:nth-child(6n){
	animation: rotate 6s ease-out infinite;
}

@keyframes rotate {
  0% {
    transform: translate3D(0, 0, 200px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3D(0, 0, -200px);
  }
}


.Honor_bt{font-size:20px; font-weight: 600; line-height:26px; color: var(--font_cs); text-align:center;  z-index: 4; position:relative; margin-bottom: 15px; }


@media only screen and (max-width:1300px) {
	.Honor_bt{font-size:18px; }
.sz_list li img{ width: 95px; height: 95px; vertical-align: top}
.sz_list li .pic img{ width: 95px; height: 95px; vertical-align: top}
}

@media only screen and (max-width:1200px) {
	.sy_Brand_R .jbtu_box .jbtu img{ vertical-align: bottom; max-width:180px}
	.Honor_bt{font-size:16px; margin-bottom: 10px }
	
	.sz_list li img{ width: 90px; height: 90px; vertical-align: top}
.sz_list li .pic img{ width: 90px; height: 90px; vertical-align: top}
	
	.sz_list li{margin-bottom: 0.5%;}
}

@media only screen and (max-width:1000px) {
.Honor_bt{font-size:18px; padding: 5px 0px; font-weight: 600; line-height:36px; color:#fff;margin-bottom: 0px; background:  var(--font_cs); border-radius: 5px}
}





@media only screen and (max-width:900px) {
.sz_list li img{ width: 70px; height: 70px; vertical-align: top}
.sz_list li .pic img{ width: 70px; height: 70px; vertical-align: top}	
.sy_Brand_R .jbtu_box .jbtu img{ vertical-align: bottom; max-width:220px}		
}



@media only screen and (max-width:700px) {
.sz_list li img{ width: 50px; height: 50px; vertical-align: top}
.sz_list li .pic img{ width: 50px; height: 50px; vertical-align: top}	
.sy_Brand_R .jbtu_box .jbtu img{ vertical-align: bottom; max-width:170px}	
}



@media only screen and (max-width: 1000px){
	
	body{ padding-bottom: 50px}
}