* { 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;scroll-padding-top:80px;}
body {
  padding:0px; margin: 0px;font-size: 16px;  line-height: 1.5;
}
a:hover{text-decoration:none}
a{color: #333}
li, dt,dd{padding: 0px; margin: 0px; list-style: none}


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

::-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: #e61e1e;
}


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

.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_sy{ max-width:1500px; overflow:hidden; 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: 1600px; 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%}
}

.justify-center{display: flex;display: -webkit-flex;justify-content: center;align-items: center;}
.justify-b-center{display: flex;display: -webkit-flex;justify-content:space-between;align-items: center;}

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

.actGotop{position:fixed;_position:absolute;bottom:60px;right:2%;width:40px;height:40px;display:none; z-index:10; border-radius:50%; background-image: linear-gradient(-225deg, #22E1FF 0%, #1D8FE1 48%, #625EB1 100%);}
.actGotop a,.actGotop a:link{width:40px;height:40px;display:inline-block; text-align:center;}
.actGotop a:hover{outline:none;}
.actGotop i{ width:40px;height:40px; line-height: 40px; color: #fff;font-size: 18px}
.actGotop a:hover{ background:#ff7e00; border-radius:50%; }
.actGotop a i{color: #fff;}

.foot_btn_box{ position: fixed; z-index: 9; float:right;  bottom:110px; right: 2%; text-align: center;display: none}
.foot_btn_box a{ display: inline;line-height: 39px;}
.R_btn_tel{width: 39px;height: 39px; text-align: center; border-radius: 50%;background: #fff;box-shadow:0 0 15px rgba(55, 55, 55, 0.3);
  background: -webkit-linear-gradient(45deg, #fd8b05, #fd5705);
  background: -o-linear-gradient(45deg, #fd8b05, #fd5705); 
  background: -moz-linear-gradient(45deg, #fd8b05, #fd5705); 
  background: linear-gradient(45deg, #fd8b05, #fd5705);  margin-bottom: 10px;display: flex;align-items: center;justify-content: center;
  }
.R_btn_tel i{ line-height: 39px; font-size: 24px; color: #fff; }
  
  
.kfbox{ display:block}
.b_top{ overflow:hidden; display:none}
@media only screen and (max-width:1100px) {
.kfbox{ display:none}
.b_top{ overflow:hidden; display: block}
.kfbox .side{ display:none}
.side ul{ display:none}
.side{ display:none}
.foot_btn_box{ display:block}	
}


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

.sy_title{ text-align:center; margin-bottom:30px}
.sy_title h3{ color: #222;font-size: 48px;line-height:56px;  margin:0px; padding:0px; margin-bottom:20px; font-weight:bold;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: 16px; color: #333;font-family:'Aileron-Regular'; margin-bottom: 10px  }
.sy_title .x_txt_js p{padding:0px; margin:0px; }


.sy_about_bg{  background:#0557ac url(../images/sygy.jpg) no-repeat center top; background-size:cover;margin: 0px; position: relative}
.sy_about_bg::before{content: ""; width: 100%; height: 100%; top:0;left:0;background:rgba(10, 54, 119, 0.4); z-index: auto; position: absolute;}
.sy_about_info{overflow: hidden;width:55%; position: relative; z-index: 1;}
.sy_about_info dl{overflow: hidden; padding: 20px 0px; color: #fff;}
.sy_about_info dl dd{overflow: hidden;font-size: 16px; line-height: 200%;}
.sy_about_info dl dt{overflow: hidden;font-size: 48px; line-height: 200%; margin-bottom: 10px; color: #fff;font-weight: bold;}


.about_i_list{ overflow: hidden; margin: 0px; padding: 0px; position: relative; z-index: 1;}
.about_i_list li{ overflow: hidden; margin: 0px; padding: 0px; list-style: none; width: auto;display: inline-block; margin-right: 30px; color: #fff;}
.about_i_list li p{overflow: hidden; margin: 0px; padding: 0px; text-align: center; margin-bottom: 10px;}
.about_i_list li p i{font-size: 46px; color:#fff}
.about_i_list li h3{overflow: hidden; margin: 0px; padding: 0px;font-size: 18px; text-align: center; color:rgba(255, 255, 255, 0.8);}
.about_i_list li:hover i{ color: #e50014}
.about_i_list li:hover a{ color: #e50014}


@media only screen and (max-width:1360px) {
.sy_title h3{ font-size: 35px;line-height:40px; }
.sy_about_info dl dt{ font-size: 35px;line-height:40px; }
.sy_about_info{width:66%; }
}

@media only screen and (max-width:1200px) {
.sy_about_info dl dt{font-size: 28px; margin-bottom:10px;line-height:36px;}
.sy_title h3{font-size: 28px; margin-bottom:10px;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{ text-align:center; margin-bottom:20px}
.sy_about_info dl dd{font-size: 14px;}
.about_i_list li h3{font-size: 16px; }
.about_i_list li p i{font-size: 40px; }
}

@media only screen and (max-width:1000px) {
.sy_title .x_txt_js p{font-size: 16px; }
.sy_about_info{width:90%; margin: 0 auto;}
.sy_about_info dl dt{text-align: center;}
.about_i_list{text-align: center; width: 100%;}

.about_i_list li:nth-child(2){ margin-right: 0px;}
}

@media only screen and (max-width:800px) {
.sy_about_info dl dt{ font-size: 20px; line-height:26px;}
.sy_title h3{font-size: 20px; line-height:26px;}
.sy_title .x_txt_js p{font-size: 14px; }
}



.about_btn_k{ margin-top: 10px}
.about_m_btn{ width: 140px; color: #fff;font-size: 16px; line-height: 44px; text-align: center;position: relative; border: 1px solid #fff;}
.about_m_btn i{ margin-left: 20px;font-size: 14px;line-height: 44px; vertical-align: middle;color: #fff;}
.about_m_btn::after{position: absolute; z-index:1; content: "";width:0%; height:100%; background: #e50014;left:0;top:0; transition: all 0.4s}
.about_m_btn:hover:after{-webkit-transition: all 0.8s cubic-bezier(1, 0.41, 0.07, 0.96);
    transition: all 0.8s cubic-bezier(1, 0.41, 0.07, 0.96);width:100%;}
.about_m_btn:hover  i{color: #fff}
.about_m_btn span {
    position: relative;
    z-index: 2;
    color: #fff;
}



@media only screen and (max-width:1000px) {
.about_m_btn{ margin:0 auto; margin-bottom: 10px;}
}

.sy_new_list{overflow: hidden;}
.sy_new_list dl{overflow: hidden; padding:0px;text-align: left;}
.sy_new_list dl dt{overflow: hidden;font-size: 20px;color: #000;  line-height: 28px;height: 56px; margin-bottom: 5px;}
.sy_new_list .time{overflow: hidden;font-size: 14px;color: #666;display: flex;display: -webkit-flex;align-content: center;height: 30px; line-height: 30px; margin-bottom: 10px;}
.sy_new_list .time i{font-size: 16px; margin-right: 4px; line-height: 30px;}

.news_t_fl{display: flex;display: -webkit-flex;justify-content: space-between;align-content: center;}

.sy_new_list dl dd{overflow: hidden;font-size: 14px;color: #666; line-height: 26px; max-height: 78px;}
.sy_new_pic{width:100%; margin-bottom: 10px;}
.sy_new_pic img{width: 100%; height: auto;}

.sy_new_list dl dt a:hover{color: #e50014;}
.news-meta{
    display: inline-block;
    border: 1px solid  #ddd;;
    padding: 0px 10px;
    border-radius: 30px;
    font-size: 14px;
	color: #666;line-height: 26px; height: 28px; 
}
.news-meta:hover{ border: 1px solid  #f31616;}
.news-meta:hover{color: #f31616;}



@media (max-width: 1350px) {
.sy_new_list dl dt{font-size: 16px;line-height: 24px;height:48px;}
.sy_new_list dl dd{font-size: 14px;line-height: 24px; max-height: 48px;}
}
@media (max-width: 1280px) {
.sy_new_list dl dd{font-size: 14px;line-height: 24px; max-height: 48px;}
}

@media (max-width: 1200px) {
.about_m_btn{ font-size: 14px;}
}



@media (max-width: 1000px) {
.sy_new_list dl dt{font-size: 16px;line-height: 24px;max-height:24px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
}


@media (max-width: 1000px) {
.sy_new_list dl dt{font-size: 16px;line-height: 24px;max-height:48px;white-space:inherit;}
}

@media (max-width: 500px) {
.sy_new_list dl dt{font-size: 16px;line-height: 24px;max-height:24px;overflow: hidden;}
}

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

.public_img .img_box img{display: block;width: 100%;height: auto;}
.public_img:hover .img_box{transform: scale(1.1); -webkit-transform: scale(1.1);}


/*-----notice_list----------*/
.notice_list{overflow: hidden; margin-top: 10px;}
.notice_list li{overflow: hidden;  padding:10px 0px;float:left;width:49%; margin-right: 2%; }
.notice_list li a{display:-ms-flexbox;display: flex; justify-content: flex-start;}
.notice_list li .title_box{white-space:nowrap;text-overflow:ellipsis; overflow: hidden;font-size: 18px; line-height: 44px;display: inline;}
.notice_list li .title_box a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.notice_list li .date_box{text-align: center;margin-right: 20px;}
.notice_list li .date_box dl{overflow: hidden; padding: 0 5px;border-right:1px solid #999;width: 80px;}
.notice_list li .date_box dl dt{overflow: hidden;font-size: 22px;color: #666; line-height: 22px;font-family: 'BEBAS';}
.notice_list li .date_box dl dd{overflow: hidden;font-size: 14px; color:#666; line-height: 22px;font-family: 'AVGBBT';}

.notice_list li:hover .title_box{color: #e50014;}
.notice_list li:hover .date_box dl dt{color: #e50014;}
.notice_list li:hover .date_box dl dd{color: #e50014;}
.notice_list li:nth-child(2n){ margin-right: 0}
@media screen and (max-width: 1300px) {
.notice_list li .title_box{font-size: 16px; line-height: 40px;}
.notice_list li .date_box dl dt{line-height: 20px;}
.notice_list li .date_box dl dd{line-height: 20px}
}

@media screen and (max-width: 1000px) {
.notice_list li .date_box{margin-right:15px;}
.notice_list li .date_box dl{overflow: hidden; padding: 0 0px;border-right:1px solid #666;width: 62px; }
.notice_list li .date_box dl dt{font-size: 20px;}
.notice_list li .date_box dl dd{font-size: 12px;}
}
@media screen and (max-width: 750px) {
.notice_list li{float:none;width:100%;  margin-right:0; }
}
/*-----notice_list--//-----*/


/* ---单页//----- */
.side_Cont{ margin:0px; padding:55px 6% 50px 6%; overflow:hidden;background:#fff;}
@media only screen and (max-width:980px) {
.side_Cont{ margin:0px; padding:30px 4% 30px 4%; overflow:hidden; background:#fff}
}


.main_inbox{ overflow:hidden;  margin:0 auto; max-width: 1200px;width: 94%;}
.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;}



.prev_next_box{ overflow: hidden; padding: 20px 0px 0px 0px; margin-top: 40px; border-top: #999 1px solid;}
.prev_next_box li{overflow: hidden;font-size: 16px; list-style: 26px; padding: 5px 0px;}
.prev_next_box li a{overflow: hidden;font-size: 16px; list-style: 26px;}
.prev_next_box li a:hover{color:#e50014;;}

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


.wzdh_box{ overflow:hidden;background: #fff;  position: relative;  }
.wzdh_k{ overflow:hidden; line-height:40px;font-size:14px;color:#666; margin: 8px 0px;display: flex;align-items: center; justify-content:flex-start;}
.wzdh_k span a{ font-size:14px; color:#666}
.wzdh_k i{ margin-right:5px;color:#666;font-size:16px;}

@media screen and (max-width:1400px) {	
.wzdh_k{ line-height:30px;font-size:14px;}

}


@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;}
.prev_next_box li a{font-size: 14px;}
}

@media screen and (max-width: 760px){
.wzdh_k{ justify-content:start;flex-wrap:wrap;}
}

.table-content{ overflow-x: scroll;overflow-x:auto}

.table-content::-webkit-scrollbar {
  width: 4px;
  border-radius: 4px;-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.3);
}
.table-content::-webkit-scrollbar-button {
  display: none; -webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.3);
}
.table-content::-webkit-scrollbar-track{
  background-color: #eee; height: 4px; -webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.3);
}
.table-content::-webkit-scrollbar-thumb{
  background-color: #0a7ce7; height: 4px;border-radius: 10px;-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.3);
}

@media (max-width: 970px) {

  .table-content::-webkit-scrollbar-track{
    background-color: #eee; height: 3px; border-radius: 10px;-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.3);
  }
  .table-content::-webkit-scrollbar-thumb{
    background-color: #0a7ce7; height: 3px;border-radius: 10px;-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.3);
  }
}
.table-content table{border:1px solid #7e7e7e ;min-width: 900px;max-width: 900px;}
.table-content table td{text-align: center;line-height: 30px; padding: 8px 4px;font-size: 16px;overflow: hidden;border:1px solid #a9a9a9}
.table-content table td strong{font-size: 20px; display: block; }
@media (max-width: 1200px) {
.table-content table td{line-height: 24px;font-size: 14px;}
.table-content table td strong{font-size: 18px; }
}



/* --fonter--- */
.fonter_bg{  background:#272729 ;padding: 90px 0px; margin: 0px; overflow: hidden; position: relative;}

.fonter_bg::before{ background:url(../images/d-map_bg.png) no-repeat center right;background-size:auto; width: 100%;height:100%; position: absolute; z-index: 0; content: "";top:0;right: 10%;}

.foot_d_k{ max-width: 1500px; margin: 0 auto; overflow: hidden;width: 92%;display: flex;display: -webkit-flex;justify-content: space-between; position: relative;z-index: 1;}

.copyright_k{background: #111; padding: 20px 0px;overflow: hidden;}
.copyright{overflow: hidden;font-size: 14px;color: #ddd; max-width: 1500px; margin: 0 auto; overflow: hidden;width: 92%; display: flex;display: -webkit-flex;justify-content: space-between;}
.copyright span{color: #ddd; float: right}
.copyright a{color: #ddd;}
.copyright a:hover {text-decoration: underline;}
.copyright p{ margin: 0px; padding: 0px}

.fonter_L{ width: 30%;float: left; overflow: hidden; margin: 0px; padding: 0px; margin-right: 5%;}
.fonter_L dl{ overflow: hidden; margin: 0px; padding: 0px; color: #fff;}
.fonter_L dl dt{ overflow: hidden; margin: 0px; padding: 0px;font-weight: normal; line-height: 190%; margin-bottom: 15px;}
.fonter_L dl dd{ overflow: hidden; margin: 0px; padding: 0px; line-height: 26px;}
.fonter_L dl dt h3{ overflow: hidden; margin: 0px; padding: 0px; font-family: 'AVGBBT';font-size: 26px; color: #e80707;font-weight: bold;}
.fonter_L dl dt h3 span{ overflow: hidden; margin: 0px; padding: 0px; line-height: 22px;font-weight: normal;font-size: 16px; margin-right: 5px; color: #fff;}
.fonter_L dl dt img{ height: auto; width: 200px; vertical-align: top}

.fonter_R{ width: 58%;float: right; overflow: hidden; margin: 0px; padding: 0px;}

.fonter_nav{overflow: hidden; margin: 0px; padding: 0px;}
.fonter_nav li{overflow: hidden; margin: 0px; padding: 0px; width:25%;float: left; }
.fonter_nav li dl{overflow: hidden; margin: 0px; }
.fonter_nav li dl dt{overflow: hidden; margin: 0px; font-size: 18px; margin-bottom: 15px;font-weight: bold; color: #fff;}
.fonter_nav li dl dd{overflow: hidden; margin: 0px; font-size: 16px;  color:#b8b8b8; line-height:34px}
.fonter_nav li dl dd a{ color:#b8b8b8}
.fonter_nav li dl dt a{ color:#fff}

.fonter_nav li dl dd a:hover{color:#f70000 }
.d_2wm_box{ margin: 0px;font-size: 14px;width: 280px; text-align: right;}
.d_2wm{ width: 110px; text-align: center;line-height: 30px; display: inline-block;font-size: 14px; margin-left: 10px;color: #fff;}
.d_2wm img{ width: 100%; height: 100%; vertical-align: top; border-radius: 4px}

@media (max-width:1360px) {
.d_2wm{ width: 90px; text-align: center;line-height: 30px; display: inline-block;font-size: 14px; margin-right: 15px}	
.fonter_bg{padding: 80px 0px}	
}

@media (max-width:1200px) {
.fonter_nav li dl dt{overflow: hidden; margin: 0px; font-size: 16px; margin-bottom: 15px; }
.fonter_nav li dl dd{overflow: hidden; margin: 0px; font-size: 14px;  line-height:30px}	
.d_2wm{ margin-right: 10px}
.fonter_bg{padding: 50px 0px}
.fonter_L dl dd{font-size: 14px; line-height: 26px;}
.fonter_L dl dt h3{ font-size: 22px; }
.copyright p{font-size: 14px;}

.fonter_bg::before{ background:url(../images/d-map_bg.png) no-repeat center right;background-size:contain; width: 100%;height:100%; position: absolute; z-index: 0; content: "";top:0;right: 1%;}

}

@media (max-width:1000px) {
.fonter_L dl dt img{ width: 170px;}
.fonter_L{ width:auto;}
.fonter_R{ display: none;}	
.fonter_L dl dt h3{ font-size: 18px; }
}

@media (max-width:750px) {
.copyright p{text-align: center; width: 100%}
.copyright span{text-align: center; display: block; float: none; width: 100%}
.copyright{display: block;}
}

@media (max-width:700px) {
.fonter_nav li{text-align: center}
.d_2wm{ margin-right: 10px; margin-left: 10px}	
.copyright p{font-size: 14px}
.fonter_bg{padding: 35px 0px}
}
	
@media (max-width:620px) {
.foot_d_k{display: block; }
.foot_d_k dl dt{ margin-bottom: 8px;}
.fonter_nav li dl dt h3{  margin: 0}
.fonter_nav li dl dt{margin: 0px; font-size: 18px; margin-bottom: 5px; }
.fonter_L{ width:100%; text-align: center;overflow: hidden;margin-bottom: 20px;}
.d_2wm_box{ margin: 0 auto;font-size: 14px;width: 280px; text-align: center; overflow: hidden;}
.d_2wm{  margin:0px 10px;}

.fonter_bg::before{ background:url(../images/d-map_bg.png) no-repeat center center;background-size:contain; width: 100%;height:100%; position: absolute; z-index: 0; content: "";top:0;right: 0;}

}


/*-------banner-----------*/
#fixed_1{ width:100%;background:#0062b8; position: relative; position: relative;}
#fixed_1 img{width: 100%; height: auto;vertical-align: text-top;}

/*-------banner-----------*/
#Inside_img{ width:100%; height:500px ;background:#e50014;background-size:cover!important;position:relative;}
@media only screen and (max-width:1300px) {
#Inside_img{height:300px }
}

@media only screen and (max-width:1190px) {
#Inside_img{ width:100%; height:200px ;background-size:cover!important;position:relative;}
}

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

.banner_mask{overflow: hidden;width: 100%; height: 100%; position: absolute;top:0;left:0;z-index: 1; background: rgba(0, 0, 0, 0.2);}
.common_top_title {overflow: hidden; position: absolute; z-index: 2; width: 100%; text-align: center; height: 100%;top:0;left:0;
}

.common_top_title dl{overflow: hidden;color: #fff; text-align: center;	 position: absolute;top: 50%; width: 100%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);}
 .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; }	
 }

 .picture_zl_box{ padding: 20px 10px 20px 10px; margin:0  auto; background: #fff; width: 94%; text-align: center; position: relative}
 .picture_zl_box p{padding:0px; margin:0;font-size: 16px; line-height: 24px; margin-top: 10px;height: 44px; overflow: hidden}
 .picture_zl {overflow: hidden;text-align: center}
 .picture_zl img { width: 100%; height: auto; vertical-align: top}
 .picture_zl img { transition: all 0.7s;-moz-transition: all 0.7s; -webkit-transition: all 0.7s;}
 .picture_zl_box:hover .picture_zl img { transform: scale(1.1);-moz-transform: scale(1.1); -webkit-transform: scale(1.1); zoom: 1.1 \9;}
 
@media only screen and (max-width:1200px) {
.picture_zl_box p{font-size: 14px; }
}
 
.picture_zl_box::after {
	 position: absolute;
	 content: '';
	 width: 0;
	 left: 50%;
	 bottom: 0;
	 height: 4px;
	 background: #e50014;
	 transition: all .3s;
	 -webkit-transition: all .3s; z-index: 1
 }
 
.picture_zl_box:hover::after { left: 0; width: 100%;}
.picture_zl_box:hover.picture_zl_box p{ color: #e50014}

.gs_culture{overflow:hidden;background:url(../images/hw_bg.jpg) no-repeat center bottom; background-size:cover; min-height: 750px; position: relative}

.gs_wh_box{ position: absolute; z-index: 2;float: left;width: 100%; height:100%; padding: 0px; margin: 0px;left:0; top: 0;}
.gs_wh_box li{ width: 33.333%;float: left; position: relative; height: 100%; overflow: hidden}
.gs_wh_box li dl{ padding: 50px 10px; margin: 0px; text-align: center; left: 0;top: 50%; position: absolute;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%); z-index: 5; width: 100%;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.gs_wh_box li dl dt{ padding: 0px; margin: 0px; text-align: center; margin-bottom: 10px}
.gs_wh_box li dl dd{ padding: 0px; margin: 0px; text-align: center;font-size: 18px; line-height: 30px;color: #fff}
.gs_wh_box li dl dt h3{font-size: 25px; line-height: 30px; margin-bottom: 10px; padding-bottom: 10px;position: relative; color: #fff; margin-top: 5px}
.gs_wh_box li dl dt h3::after{ position: absolute; z-index: auto; content: ""; height: 3px; width: 50px; background: #fff; bottom: 0px; left: 0px; left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);}
.gs_wh_box li dl dt img{ width:auto; height: 70px;vertical-align: top}
.gs_wh_box li:nth-child(2){ border-left:rgba(255, 255, 255, 0.3) 1px solid; border-right:rgba(255, 255, 255, 0.3) 1px solid;}

.gs_wh_box li:hover{ background:rgba(0, 0, 0, 0.2);}
.gs_wh_box li:hover dl{top: 46%; transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.gs_wh_box li:hover dl 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;}

@media (max-width: 1400px) {
.gs_culture{min-height: 600px;}
.gs_wh_box li dl dd{font-size: 16px; line-height:24px;}
}

@media (max-width: 1300px) {
.gs_wh_box li dl dt img{ width:auto; height: 60px;vertical-align: top}
.gs_culture{min-height: 500px;}
}

@media (max-width: 1200px) {
.gs_wh_box li dl dt h3{font-size: 22px;}
.gs_culture{min-height: 400px;}
}
@media (max-width: 1100px) {
.gs_wh_box li dl dt h3{font-size: 22px;}
.gs_culture{min-height: 360px;}
}

@media (max-width: 900px) {
.gs_wh_box li dl dt img{ width:auto; height:50px;vertical-align: top}
.gs_wh_box li dl dt h3{font-size: 20px; line-height: 24px}
.gs_culture{min-height: 300px;}
}
@media (max-width: 600px) {
.gs_wh_box li dl dd{font-size: 14px; line-height:22px;}
.gs_wh_box li dl dt h3{font-size: 18px;}
.gs_wh_box li dl dt img{ width:auto; height:40px;vertical-align: top}	
}





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

.article_inbox{ overflow:hidden;  margin:0px;  padding: 8% 6%;}
.article_bt{ width:100%; line-height:34px; font-size:24px;margin-bottom:15px; color:#222; text-align: center; font-weight:bold;}
.article_time{width:100%; border-bottom:#ededed 1px solid; font-size:14px; color:#666666; padding-bottom:15px; margin-bottom:15px; line-height:25px; overflow: hidden;display:-ms-flexbox;display: flex;align-items: center;justify-content: center;}


.article_time i{ font-size:16px; color:#999999; margin-right:2px; font-weight:300}

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

@media screen and (max-width: 650px) {
.article_time{text-align: center}	
}
@media (max-width:1100px){
.side_R{float:none; width:100%;}
.side_L{float:none; width:100%; margin-bottom: 20px;}
}
	

	.fix { *zoom: 1; *clear: both;}
	.fix:before, .fix:after { display: table; clear: both; content: '';}
	._tools {  padding:10px 10px; background: #fff; margin-top: 20px; display:-ms-flexbox;display: flex;justify-content: space-between;align-items: center;}
	._back { font-size:18px; font-weight:normal; font-weight:bold; color:#676767; height:26px; line-height:26px; padding-right:40px; height: 26px;}
	._tool{margin:0 4px;display: inline-block; vertical-align: middle;}
	._back a:hover{ color:#e50014}
	._back a:hover i{ color:#676767}
	._tool i{font-size: 24px; line-height: 26px; vertical-align:middle;height: 26px;}
	
	.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more {
	float: left;
		font-size: 18px;
		padding-left: 17px;
		line-height:30px;
		height: 30px; width:30px;
		background:url(../images/share.svg) no-repeat  left center; background-size:30px 30px;
		background-repeat: no-repeat;
		cursor: pointer;
		margin: 6px 6px 6px 0; overflow: hidden
	}
	._tool a{display:inline}
	.prev_next_box1{ overflow:hidden; margin:0px; padding:0px; background:#fff}
	.prev_next_box1  dl{overflow:hidden; margin:0px; padding:30px 20px 20px 20px}
	.prev_next_box1  dl dt{overflow:hidden; margin:0px; padding:0px; font-size:18px; line-height:30px; color:#000000; font-weight:bold; }
	.prev_next_box1  dl dt i{font-size:22px; line-height:30px; color:#666; font-weight:bold; margin-right:5px; vertical-align:middle}
	.prev_next_box1  dl dd{overflow:hidden; margin:0px; padding:5px 0px; font-size:14px; line-height:26px;}
	.prev_next_box1  dl dd a{ color:#666666}
	.prev_next_box1  dl:first-child dd{ margin-bottom:15px;border-bottom:#eee 1px solid}

	@media only screen and (max-width:1100px){
	.prev_next_box1  dl{overflow:hidden; margin:0px; padding:20px 20px 20px 20px}
	.prev_next_box1  dl dt{overflow:hidden; margin:0px; padding:0px; font-size:16px; line-height:30px; color:#000000; font-weight:bold; }
	.prev_next_box1  dl dt i{font-size:20px; line-height:28px; color:#666; font-weight:bold; margin-right:5px; vertical-align:top}
	.prev_next_box1  dl dd{overflow:hidden; margin:0px; padding:5px 0px; font-size:14px; line-height:22px;}
	._tools { text-align:right; padding:10px 20px; border-bottom:#f5f5f5 2px solid}
	}
	
	.R_title_bt{ font-size:18px;font-weight:bold; width:100%}

	.wx_news_list{ margin:0px; padding:0px; overflow: hidden}
	.wx_news_list li{ margin:0px; padding:2px 0px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:18px; line-height:36px; border-bottom: #fff 1px  dotted;text-indent:10px; position: relative}
	
	
	.wx_news_list li::before{position: absolute; content: "";z-index: auto;left:0; width: 3px; height: 3px; background: #ccc;top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);}
	.m_sy_list dl dd:hover a{color:#e50014}
	.wx_news_list li a{ display:inline; font-size:16px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
	.wx_news_list li span{ float:right; margin-left:20px; color:#666666; font-size:16px}
	
	.wx_news_list li:hover a{color:#e50014}
	.wx_news_list li i{ color:#3d94c1; margin-right: 5px;font-size:18px; }
	.wx_news_list li:hover{ border-bottom: #ccc 1px  dotted;}
	
	@media (max-width: 1300px) {
	.wx_news_list li span{  font-size:14px}
	.wx_news_list li{line-height:32px;}
	}
	
	@media (max-width: 1100px) {
	.wx_news_list li a{ display:inline; font-size:14px;}
	.wx_news_list li span{  font-size:14px}
	.wx_news_list li{line-height:32px;}
	}

 /* --news_list_01------- */
.list3_box{overflow:hidden; padding: 0px; margin: 0px;}
.list3_box li{overflow:hidden; padding: 0px; margin: 0px;width: 32%; margin-right:2%; margin-bottom: 25px;float: left;}
.list3_box li:nth-child(3n){margin-right:0}

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

@media (max-width: 600px) {
.list3_box li{ margin-bottom: 20px;}
}


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

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


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

.news_03 li dl{overflow:hidden; padding: 30px 30px; margin: 0px; background: #fff}
.news_03 li dl dt{overflow:hidden; padding: 0px; margin: 0px; font-size: 20px; color: #222; line-height: 30px;text-align: justify; margin-bottom: 5px;
    /*display: inline;*/font-weight: bold;
    background-image: linear-gradient(to right,#ec0c0c 0,#dd0008 100%);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
    -webkit-transition: .3s,background-size .8s;
    transition: all .3s,background-size .8s;}
.news_03 li dl dd{overflow:hidden; padding: 0px; margin: 0px;font-size: 16px; color: #888; }
.news_03 li dl dd .news_date{/* overflow:hidden; */padding: 0px;margin: 0px;font-size: 14px;color: #888;line-height: 26px;display: flex;align-items: center;justify-content: flex-start;}
.news_03 li dl dd .news_date i{ margin-right: 4px;font-size: 16px;}

.news_03 li:nth-child(1){overflow: hidden; position: relative; margin: 0px;padding: 0px;width: 100%; margin-right:0; margin-bottom: 2%;}
.news_03 li:nth-child(3n+1){margin-right:0%;}
.news_03 li:nth-child(n+2) dl dt{ line-height: 30px; height:60px;font-weight: normal;}
.news_03 li:nth-child(n+2) dl dd{ line-height: 30px;line-height: 30px;white-space:nowrap;text-overflow:ellipsis;}

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

.news_03 li:nth-child(1) {background: #fff;}
.news_03 li:nth-child(1) .img_news{ width: 50%;float: left;}
.news_03 li:nth-child(1) dl{ width: 50%;float: left;}
.news_03 li:nth-child(1) a{display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;}
.news_03 li:nth-child(1)  dl{overflow:hidden; padding: 30px 5%;}
.news_03 li:nth-child(1)  dl dt{font-size: 24px;max-height: 74px;height: 74px; line-height: 32px; border-bottom: #ddd 1px solid; padding-bottom: 10px;overflow: hidden; margin-bottom: 10px;}
.news_03 li:nth-child(1)  dl dd{line-height: 30px;max-height: 60px;margin-bottom: 5px;}
.news_03 li:nth-child(1):hover dt{  color: #e50014;}
.news_03 li:hover dt{  color: #e50014;}
.news_03 li:hover dd{  color: #555;}
.news_03 li:hover dt{ background-size: 100% 1px;}
.news_03 li:hover{box-shadow:0 0 10px 1px rgba(0,0,0,.1);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

@media screen and (max-width:1250px) {
	.news_03 li dl dt{font-size:18px;line-height: 30px;}
	.news_03 li:nth-child(1) dl dt{font-size: 22px;max-height: 70px;height: 70px; line-height: 30px;}
	.news_03 li dl dd{font-size: 14px;}
}
@media screen and (max-width:1000px) {
	.news_03 li dl dt{font-size:16px;line-height: 26px;height:52px;}
	.news_03 li:nth-child(1) dl dt{font-size: 20px;max-height: 70px;height: 70px; line-height: 30px;}
	.news_03 li dl dd{font-size: 14px;line-height: 26px;line-height: 26px;}
	.news_03 li dl{overflow:hidden; padding: 20px 20px;}
	.news_03 li dl dd .news_date{font-size: 12px;}
	.news_03 li dl dd .news_date i{ margin-right: 4px;font-size: 14px;}
	.news_03 li:nth-child(n+2) dl dt{ line-height: 26px; height:52px;}
	.news_03 li:nth-child(n+2) dl dd{ line-height: 26px;white-space:nowrap;text-overflow:ellipsis;}
}

@media screen and (max-width:749px) {
	.news_03 li dl dt{font-weight: normal;}
	.news_03 li:nth-child(1){width:49%; margin-right:2%; margin-bottom:20px;}
	.news_03 li:nth-child(1) dl dd{white-space:nowrap;text-overflow:ellipsis;margin-bottom: 0px;line-height: 26px;}
	.news_03 li:nth-child(1) {background: #fff;}
	.news_03 li:nth-child(1) .img_news{ width: 100%;float: none;}
	.news_03 li:nth-child(1) dl{ width: 100%;float: none;}
	.news_03 li:nth-child(1) a{display: block;}
	.news_03 li:nth-child(1) dl{overflow:hidden; padding: 20px 20px;}
	.news_03 li:nth-child(1) dl dt{font-size:16px;line-height: 26px;height: 52px;border-bottom: #ddd 0px solid; padding-bottom:0px;overflow: hidden;margin-bottom: 5px;}
	.news_03 li{margin-right:2%;width: 49%; margin-bottom: 20px;}
	.news_03 li:nth-child(3n+1){margin-right:2%;}
	.news_03 li:nth-child(2n){margin-right:0%;}

}
@media screen and (max-width:600px) {
	.news_03 li:nth-child(1) dl{overflow:hidden; padding: 15px 12px;}
	.news_03 li dl{overflow:hidden; padding: 15px 12px;}
}
@media screen and (max-width:450px) {
	.news_03 li{margin-right:0;width: 100%; margin-bottom: 20px;}
	.news_03 li:nth-child(1){width:100%; margin-right:0; margin-bottom:20px;}
	.news_03 li:nth-child(3n+1){margin-right:0;}
	.news_03 li:nth-child(1) dl dt{font-size:16px;line-height: 26px;height: auto;}
	.news_03 li:nth-child(n+2) dl dt{ line-height: 26px; height:auto;}
	.news_03 li:nth-child(n+2) dl dd{ line-height: 24px; max-height:48px;white-space:inherit;text-overflow:inherit;}
}




.sub_nav{ margin: 0 auto;padding: 0px; text-align: center;overflow: hidden;display: flex; justify-content: center; flex-wrap: wrap;}
.sub_nav li{padding: 0px 30px;list-style: none; ; background:#ddd;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:#e50014;color:#fff;}
.sub_nav li:hover a{color: #fff;font-weight: bold;}
.sub_nav .on{background:#e50014;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;}	
}



.products_t_bg{ background: #f8f9fd; padding-top:40px;position: relative;overflow: hidden; margin: 0px;}
.products_t_bg::before {
	content: '';
	width: 100%;
	height: 1px;
	background:#111;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: 0.1; z-index: 2;
  }

.pro_page_title{padding: 0px;overflow: hidden;font-size: 34px; line-height: 190%; margin-bottom: 40px;font-weight: bold; color: #1d2026;}

.pro_nav{padding: 0px; margin: 0px;overflow: hidden;  display: flex;display: -webkit-flex;justify-content: space-between;align-items:flex-end;flex-wrap: wrap;}


.pro_nav ul{padding: 0px;overflow: hidden; padding: 0px; display: flex;display: -webkit-flex;align-content:end;}
.pro_nav ul li{overflow: hidden;margin: 0px;padding:10px 10px 25px 10px;line-height: 26px;font-weight: bold;width: auto;display: inline-block; position: relative;}
.pro_nav ul li a{ padding: 0px; margin: 0px;font-size: 22px;line-height: 30px;overflow: hidden; }
.pro_nav ul li .on{ color: #e50014; position: relative; }
.pro_nav ul .on a{ color: #e50014; }
.pro_nav .on::before{position: absolute; width: 100%;height: 2px; background: #e40c0c;content: ""; bottom:0px;left:0;z-index: 3;}

@media (max-width: 1400px) {
.products_t_bg{ padding-top: 30px;}
.pro_nav ul li a{font-size: 18px;}
.pro_page_title{font-size: 30px;margin-bottom: 30px;}
.pro_nav ul li{overflow: hidden;margin: 0px;padding:10px 10px 15px 10px;}

}

@media (max-width: 1100px) {
	.products_t_bg{ padding-top: 25px;}
	.pro_page_title{font-size: 28px;margin-bottom: 25px;}
	.pro_nav ul li a{font-size: 17px;}
	}


	@media (max-width: 950px) {
		.products_t_bg{ padding-top:20px;}
		.pro_page_title{font-size: 24px;margin-bottom: 0px;}
		.pro_nav{display: block;}
		.pro_nav ul{display: block;}
		.pro_nav ul li{width: 25%;float: left; text-align: center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
		.pro_nav ul li a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
		.pro_nav ul li{padding:0px 0px 8px 0px; margin-bottom: 5px;}
}
		
	
@media (max-width: 600px) {
	.pro_nav ul li{width: 33.333%;}
	.pro_nav ul li a{font-size: 16px;}
}





.news_title_bt{ width:100%; line-height:170%; font-size:32px;margin-bottom:15px; font-weight:600;text-align: center; }
.content_time{width:100%;font-size:14px; color:#888;line-height:25px;display: flex; align-items: center;justify-content: center; margin-bottom: 20px;border-bottom: #ededed 1px solid; padding-bottom: 20px;}
.content_time i{ font-size:16px; color:#888; margin-right:4px; font-weight:300; }
@media screen and (max-width: 1300px) {
.news_title_bt{ font-size:24px;  }
}
	
@media screen and (max-width: 1000px) {
.news_title_bt{ font-size:20px;  }
}
	
@media screen and (max-width: 760px) {
.news_title_bt{ font-size:20px; text-align: center;margin-bottom:10px;}
}
	




/*----News Details------*/
.News_Details_L{overflow:hidden; padding: 0px; margin: 0px;width: 70%;float: left;}
.News_Details_R{overflow:hidden; padding: 0px; margin: 0px;width: 26%;float: right;}

.News_Details_date{ color: #888;}
.News_Details_title{font-size: 36px;font-weight: bold; border-bottom: 1px #ccc solid;}
.News_Details_title_box{overflow:hidden; padding: 0px; margin: 0px;}
.News_Details_date i{font-size:18px; margin-right: 4px;line-height: 30px;height: 30px;}
.News_Details_date{font-size:18px; margin-bottom: 10px; }
@media only screen and (min-width: 1199px) and (max-width: 1920px) {	
.News_Details_title{font-size: 1.9vw;padding-bottom: 2.031vw; margin-bottom: 2.239vw;font-weight: bold;}
.News_Details_date{font-size: 0.937vw;margin-bottom: 0.781vw;}
.News_Details_date i{font-size:0.937vw; margin-right: 4px;}
}

@media screen and (max-width: 1198px) {
	.News_Details_title{font-size: 22px;}
	.News_Details_date i{font-size:16px; margin-right: 4px;}
	.News_Details_date{font-size:14px; margin-bottom: 10px;}
	.News_Details_title{padding-bottom: 20px; margin-bottom:25px;}
}



/*-----R_nes_list--------*/
.R_nes_list_title{font-size: 28px;font-weight: bold; margin-bottom: 20px; color: #111;}


.R_nes_list{overflow:hidden; padding: 0px; margin: 0px;}
.R_nes_list li{overflow:hidden; padding: 0px; margin: 0px; margin-bottom: 20px;}
.R_nes_list li dl{overflow:hidden; padding: 0px; margin: 0px;}
.R_nes_list li dl dt{overflow:hidden; padding: 0px; margin: 0px;font-weight: bold;font-size:20px; margin-bottom: 10px; margin-top: 10px; color: #222; }
.R_nes_list li dl dd{overflow:hidden; padding: 0px; margin: 0px; color: #666;}
.R_nes_list li dl dd i{font-size: 16px; margin-right: 5px; color: #666;}
.R_nes_list li dl .desc{line-height: 28px;font-size: 16px; color: #666;max-height: 56px;overflow: hidden;}

.img_news{overflow: hidden; position: relative}
.img_news .tu_img{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease;
}
.img_news .tu_img img{width:100%;height: auto; vertical-align: top}
.img_news:hover  .tu_img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.R_nes_list li .img_news{ margin-bottom: 20px;}

@media only screen and (min-width: 1199px) and (max-width: 1920px) {
.R_nes_list_title{font-size: 1.6vw;padding-top: 2.239vw;}
}
@media screen and (max-width: 1198px) {
.R_nes_list_title{font-size: 20px; padding-top: 33px;}
}

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

}


@media screen and (max-width: 1300px) {
.R_nes_list li dl dt{font-size: 18px;}
.R_nes_list li dl .desc{line-height: 24px;font-size: 14px;max-height:48px;}
.R_nes_list li dl dd{font-size: 14px;}
.R_nes_list li dl dd i{font-size: 14px;}
}

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

}

@media screen and (max-width: 1000px) {
.News_Details_L{width: 100%;float: none; }
.News_Details_R{width: 100%;float: none;}

.R_nes_list li dl dt{line-height: 30px; height: 30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.R_nes_list li dl dd{line-height: 28px; height: 28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.R_nes_list li{width: 49%; margin-right: 2%;float: left;}
.R_nes_list li:nth-child(2n){margin-right: 0;}

}

@media screen and (max-width: 410px) {
.R_nes_list li{width: 100%; margin-right: 0;float: left;}
.R_nes_list li dl dt{line-height: 28px; height: auto;white-space:inherit;text-overflow:inherit;}
}
/*-----News Details-//----*/


/*-----page----*/
.page_box{border-top: 1px solid rgba(191, 191, 191, .7);padding-top: 2.2vw;overflow: hidden;margin-top: 2vw;}
.page_perv_next{overflow:hidden; padding: 0px; margin: 0px;}
.page_perv_next .item{overflow: hidden; line-height: 24px; margin-bottom: 5px;}

.page_perv_next span{color: #999;}
.page_perv_next a{color: #666;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.page_perv_next .item a:hover{color: #111;}
.return{display: block;  padding: 0px;overflow: hidden;; margin-bottom: 30px;}
.return .btn{display: block; text-align: center;
	width: 150px;height: 44px;line-height:44px;font-size:18px;border-radius:40px; background: #ddd; color: #666;
}
.return .btn i{font-size: 16px; margin-right: 5px; }
.return .btn:hover{background: #e50014; color: #fff;}
@media screen and (max-width: 1300px) {
.return .btn{width: 130px;height: 42px;line-height:42px;font-size:16px;}
.page_perv_next .item{font-size: 14px;}

}
@media screen and (max-width: 750px) {
.return .btn{width: 130px;height: 38px;line-height:38px;font-size:14px;}
.return .btn i{font-size: 14px;}
}
@media screen and (max-width: 640px) {
.page_box{display: block;}
.page_perv_next{ margin-bottom: 10px;}
}
@media screen and (max-width: 1000px) {
.return{display: none;}
}






#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:#e50014;
	color: #fff;
	display: inline-block;
  }
  
  #pages li:hover {
	background: #e50014;
  }
  
  #pages li:hover a {
	color: #fff;
  }
  


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




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

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

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

.case_list li:nth-child(3n){ margin-right: 0;}
@media screen and (max-width: 1300px) {
.case_list li dl dt{font-size: 16px;  line-height: 26px;}
.case_list li dl dd{font-size: 14px; line-height: 26px; }
}

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

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




.contact_box{overflow: hidden; margin: 0px;padding: 0;display: flex;display: -webkit-flex;justify-content: space-between;align-items: flex-end; }
.contact_L{overflow: hidden;width: 48%;float: left; padding:0px 20px;margin-bottom: 5%}
.contact_R{overflow: hidden;width: 48%;float:right; }
.contact_L li{overflow: hidden; margin: 0px;padding: 10px 0px;}
.contact_L li dl{overflow: hidden; margin: 0px;padding: 0;}
.contact_L li dl dt{overflow: hidden; margin: 0px;padding: 0;font-weight: bold;font-size: 20px; margin-bottom: 5px;}
.contact_L li dl dd{overflow: hidden; margin: 0px;padding: 0;font-size: 16px; line-height: 190%;}

.contact_icon{width: 70px; height: 70px;border-radius: 50%;  margin-right: 20px; background: #e50014; float: left; display: flex;display: -webkit-flex;justify-content: center;align-items: center;float: left;}
.contact_icon img{width: 55%; height: auto;}
.contact_R img{width: 100%;height: auto;vertical-align: top;}
#allmap {height: 500px;width:100%;overflow: hidden;}
.contact_L li:last-child{ margin-bottom: 0px;}

.lxwm_2wm{overflow: hidden; margin-top: 20px;display: flex;justify-content : flex-start;gap: 30px; _margin-right: 15px}
.lxwm_2wm div{overflow: hidden; margin-right: 15px}
.lxwm_2wm div img{max-width: 120px;width:100%; height: auto;}
.lxwm_2wm div p{overflow: hidden;font-size: 16px;  line-height: 24px;text-align: center; padding-top: 2px;}
@media screen and (max-width: 1400px) {
.contact_L li dl dt{font-size: 18px;}
.contact_L{margin-bottom: 50px}
}
@media screen and (max-width: 1000px) {
.contact_L{overflow: hidden;width: 100%;float: none; margin-bottom: 40px}
.contact_R{overflow: hidden;width: 100%;float:none;}
#allmap {height: 300px;width:100%;overflow: hidden;}
.lxwm_2wm div:last-child{display: none;}
}

@media screen and (max-width: 900px) {
.lxwm_2wm div img{max-width: 100px;width:100%; height: auto;}
.contact_icon{width: 55px; height: 55px;}
.contact_L li dl dt{font-size: 16px; margin-bottom: 0;}
.contact_L li dl dd{font-size: 14px;line-height: 24px;}
.contact_L li{padding: 20px 0px; border-bottom: #ccc 1px dotted;}
} 

@media screen and (max-width: 700px) {
	.contact_L{width: 100%;float: left; padding:0px 0px;margin-bottom:20px}
	.contact_R{width: 100%;float:none; }
	.contact_box{display: block;}
	.lxwm_2wm{display: block; text-align: center;gap: 0; _margin-right: 0}
	.lxwm_2wm div{ margin: 0;}

	.lxwm_2wm div img{max-width: 120px;width:100%; height: auto;}

}



.book_wrap{overflow: hidden; margin: 0px;padding: 0; position: relative;z-index: 2; margin-top: -80px;}
.book_k{background: #fff;border-radius: 10px;margin: 20px 20px;box-shadow:0 0 20px 1px rgba(0,0,0,.1);min-height: 400px; padding: 5%;}


.lxwm_title h3{ color: #000;font-size: 30px;line-height:40px; margin:0px; padding:0px; margin-bottom:10px; font-weight:600;letter-spacing:1px; position: relative;}

.x_txt{ margin:0 auto;line-height: 30px;font-size:16px; color: #666;  }

@media only screen and (max-width:1450px) {
.lxwm_title h3{ font-size: 28px;line-height:36px;}		
}

@media only screen and (max-width:1190px) {
.lxwm_title h3{ font-size: 24px; margin-bottom:0px;line-height:36px;}
.lxwm_title .x_txt{line-height: 24px;}
}
@media only screen and (max-width:900px) {
.lxwm_title h3{ text-align: center}
.x_txt{line-height: 24px;text-align: center}
}

@media only screen and (max-width:800px) {
.lxwm_title h3{ font-size: 22px; margin-bottom:0px;line-height:30px;}

}




.pro3_box{overflow:hidden; padding: 0px; margin: 0px;}
.pro3_box li{overflow:hidden;  background: #fff; padding: 0px; margin: 0px;width: 32%; margin-right:2%; margin-bottom: 25px;float: left; border:1px solid #ddd;}
.pro3_box li dl{overflow:hidden; padding: 0px; margin: 0px;}
.pro3_box li dl dt{overflow:hidden; padding: 10px; margin: 0px;font-size: 18px; line-height: 36px;white-space:nowrap;text-overflow:ellipsis; text-align: center;}
.pro3_box li:nth-child(3n){margin-right:0}
.pro3_box li:hover dt{color: #0062c3;}
.pro3_box li:hover{border:1px solid #0062c3;box-shadow:0 0 15px 1px rgba(0,0,0,.1)
}
@media (max-width: 1300px) {
.pro3_box li dl dt{font-size: 16px; line-height: 30px;}
.book_k{ padding: 40px 5%;}
}
@media (max-width: 1000px) {
.book_wrap{ margin-top: -50px;}
}
@media (max-width: 750px) {
	.book_k{ padding: 30px 5%;}
.pro3_box li{width: 48.5%;margin-right:3%;}
.pro3_box li:nth-child(3n){margin-right:3%}	
.pro3_box li:nth-child(2n){margin-right:0}
.book_k{margin: 20px 10px;}	
}

@media (max-width: 600px) {
.pro3_box li{ margin-bottom: 20px;}
}


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


.post_prev_k{justify-content: space-between;margin-top:40px;align-items: center;display: flex; margin-right: 10px; border-top: 1px solid #ccc; padding-top: 20px;}
.post_prev{ overflow:hidden; margin:0px; padding: 0;}
.post_prev p{ overflow:hidden; margin:0px; padding: 0;font-size: 14px; margin-bottom: 5px; color: #888;}
.post_prev a{ overflow:hidden; margin:0px; padding: 0;font-size: 16px;}
.post_prev a:hover{color: #c40c06;}

.post_next{ overflow:hidden; margin:0px; padding: 0; margin-left: 10px;}
.post_next p{ overflow:hidden; margin:0px; padding: 0;font-size: 14px; margin-bottom: 5px; color: #888;}
.post_next a{ overflow:hidden; margin:0px; padding: 0;font-size: 16px;}
.post_next a:hover{color: #c40c06;}

.post_return{ overflow:hidden; margin:0px; padding: 0; width: 100px;text-align: center; }
.post_return p{ overflow:hidden; margin:0px; padding: 0;font-size: 14px; margin-bottom: 5px; color: #888;}
.post_return p i{font-size: 22px; }
.post_return a{ overflow:hidden; margin:0px; padding: 0;font-size: 16px;}

@media screen and (max-width: 800px) {
.post_prev a{ font-size: 14px;}
.post_next a{ font-size: 14px;}
.post_return{display: none;}
}

@media screen and (max-width: 760px) {
.post_prev_k{display: block;}
.post_next{  margin-left: 0px;}
.post_prev{margin-right: 0px; margin-bottom: 5px;}
}


.xw_bg{overflow:hidden;position: relative; background:#f5f5f5 url(../images/xw-bg.png) no-repeat center top; background-size:cover }

@media only screen and (max-width:1300px) {
.xw_bg{background-size: 30% auto;}
.xw_bg::before{background-size: 30% auto;}
}

@media only screen and (max-width:600px) {
.xw_bg{background-size: 40% auto;}
.xw_bg::before{background-size: 40% auto;}
}

.ser_bg{overflow:hidden;position: relative; background:#fff url(../images/bgInd.jpg) no-repeat  center bottom fixed; background-size:cover;  margin: 0px;}
.ser_bg::before{ background:url(../images/shape1_02.png) no-repeat left top;background-size: 20% auto; width: 100%;height:100%; position: absolute; z-index: -1; content: ""; }


.ser_tel{ color: #e61e1e;font-weight: bold;font-size: 22px; display: inline-block;font-family: 'AVGBBT';}
.ser_box{ overflow:hidden; margin:0px; padding: 0; display: flex;display: -webkit-flex;justify-content: space-between;align-items: center; padding-top: 3%;}
.ser_L{overflow:hidden; margin:0px; padding: 0;width: 51%}
.ser_info{overflow: hidden;margin:0px; padding: 0;max-width: 640px;float: right;}
.ser_R{overflow:hidden; margin:0px; padding: 0;width: 45%;}
.ser_R img{width: 100%; height: auto;vertical-align: text-top;}

.ser_info{ margin-left: 5%;}
@media only screen and (max-width:1000px) {
.ser_L{width: 49%}
.ser_bg{background:#fff url(../images/bgInd.jpg) no-repeat  center bottom}
}

@media only screen and (max-width:750px) {
.ser_box{display: block; padding-top: 10%;}
.ser_L{width:100%}
.ser_R{width:100%}
.ser_info{margin-left: 0;margin: 0 auto;width: 90%; float: none;}
.ser_R img{width: 100%; height: auto;vertical-align: text-top;}
}


/*---------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:#0477f3;}
.form_btn {
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    height: 50px;
    border-radius:40px;
    background: #ee0a0a;
    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-//-------------*/
.sub_title_x_txt{color: #111;font-size:20px;font-weight:300;display: block; text-align: center; margin: 20px 0px 30px 0px}
@media screen and (max-width: 1000px) {
  .sub_title_x_txt{font-size:18px;}
}

@media screen and (max-width: 700px) {
	.sub_title_x_txt{font-size:16px;}
  }


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

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


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

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

}

.about_R_txt::-webkit-scrollbar {
	width:2px;background-color: #ee0a0a;
}

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

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

.wh_bg{ background: url(../images/wh_bg.jpg) no-repeat center top fixed; background-size:cover; position: relative; min-height: 650px;}
.wh_bg::before{background: #164687; position:absolute; content: "";z-index: 0; width: 100%; height: 100%;
left:0;top:0;opacity: 0.4;}

.wh_list{overflow: hidden;padding: 0px;	border-radius:10px;
	background-color: rgba(255, 255, 255, 0.1);border: 1px solid rgba(255, 255, 255, 0.6); margin: 0px 10px;

}
.wh_list dl{overflow: hidden;padding: 30px 0px; color: #fff;  width: 94%; margin: 0 auto;}
.wh_list dl dt h3{overflow: hidden;padding: 0px;font-size: 22px;}
.wh_list dl dt{overflow: hidden;padding: 0px;margin-bottom: 15px;text-align: center;}
.wh_list dl dt img{ height: 60px; width: auto;vertical-align: top;}
.wh_list dl dd{overflow: hidden;padding: 0px;font-size: 16px; line-height: 200%;}
.courses_subject_carousel_3 .item:nth-child(3) .wh_list dl dd{ text-align: left}
@media screen and (max-width: 1350px) {
	.wh_list dl dd{font-size: 14px;}

}


@media screen and (max-width: 1180px) {
	.wh_list dl dt h3{font-size: 20px;}
	.wh_list dl dt img{ height: 50px; }
	.wh_list dl{padding: 20px 0px; }

	.wh_bg{ background: url(../images/wh_bg.jpg) no-repeat center top; background-size:cover;}
	.wh_bg{min-height: 500px;}
}

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

	.wh_list dl dt h3{font-size: 18px;}
	.wh_bg{min-height: 200px; height: auto;}
}

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

	.wh_list dl {text-align: center;}
}
.wh_box{ overflow: hidden; margin: 0px; padding: 0px; position: relative;z-index: 2;}
.wh_box li{ width: 32%;float: left; margin-right: 2%;padding: 0px;overflow: hidden;}
.wh_box li:nth-child(3n){ margin-right:0}







.pro_list{overflow: hidden; margin: 0px; padding: 0;}
.pro_list li{overflow: hidden; margin: 0px;width: 23.5%; margin-right: 2%; margin-bottom: 3%;float: left;
    padding: 30px 20px;border: 1px solid #d4d6da;
    -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);}
.pro_list li:nth-child(4n){ margin-right: 0;}

.item-box {
    display: block;
    position: relative;

  }

  .item-box dl{overflow: hidden; margin: 0px; padding: 0;}
  .item-box dl dt{overflow: hidden; margin: 0px; padding: 0;font-size: 22px; margin-bottom: 2px; color: #111;
height: 64px;line-height: 32px; margin-top:10px;}
  .item-box dl dd{overflow: hidden; margin: 0px; padding: 0;line-height: 26px;height: 52px; color: #666;}
  .pro_list li:hover{  box-shadow:0 0 20px 1px rgba(0,0,0,.1);    border: 1px solid #e42020;}
  .pro_list li:hover dt{color:#e42020;}




  .por_btn_k{ margin-top: 10px}
  .por_m_btn{ width: 130px; font-size: 14px; line-height: 42px; text-align: center;position: relative;background: #e42323;}
  .por_m_btn i{ margin-left: 20px;font-size: 14px;line-height: 42px; vertical-align: middle;color: #fff;}
  .por_m_btn::after{position: absolute; z-index:1; content: "";width:0%; height:100%; background: #183b94;left:0;top:0; transition: all 0.4s}
  .por_m_btn:hover:after{-webkit-transition: all 0.8s cubic-bezier(1, 0.41, 0.07, 0.96);
	  transition: all 0.8s cubic-bezier(1, 0.41, 0.07, 0.96);width:100%;}
  .por_m_btn:hover  i{color: #fff;}
  .por_m_btn span {
	  position: relative;
	  z-index: 2;
	  color: #fff;
  }
  

  @media screen and (max-width: 1500px) {
	.item-box dl dt{font-size: 20px;height: 60px;line-height: 30px;}

  }
  @media screen and (max-width: 1400px) {
	.item-box dl dt{font-size: 18px;}
	.item-box dl dd{font-size: 14px;line-height: 24px;height: 48px;}
  }
  @media screen and (max-width: 1300px) {
	.item-box dl dt{font-size: 18px;height: 56px;line-height: 28px;}
	.por_m_btn{ width: 110px;line-height: 38px;}
	.por_m_btn i{line-height: 38px; margin-left: 10px;}

  }

  @media screen and (max-width: 1100px) {
  .pro_list li{ padding: 20px 15px;}
  .por_m_btn{ width: 100px;line-height: 32px;}
  .por_m_btn i{line-height: 32px; margin-left: 5px;}
}
@media screen and (max-width: 900px) {
	.pro_list li{ padding: 20px 15px;}
	.item-box dl dt{font-size: 16px;}
	.pro_list li{width: 32%; }
	.pro_list li:nth-child(4n){ margin-right: 2%;}
	.pro_list li:nth-child(3n){ margin-right: 0;}


  }

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

  }


  @media screen and (max-width: 450px) {
	.pro_list li{width: 100%; margin-bottom: 20px; }
	.pro_list li:nth-child(4n){ margin-right: 0;}
	.pro_list li:nth-child(3n){ margin-right: 0;}
	.pro_list li:nth-child(2n){ margin-right: 0;}
	.item-box dl dt{font-size: 16px;height: auto;line-height: 28px; margin-bottom: 10px;}
  }


  
  
.pro_xx_top_bg{background: #f8f9fd;}

.pro_L{overflow: hidden; margin: 0px; padding: 0;width: 53%;float: left;}
.pro_R{overflow: hidden; margin: 0px; padding: 0;width: 42%;float: right;}

.pro_info{overflow: hidden; margin: 0px; padding: 0;}
.pro_info dl{overflow: hidden; margin: 0px; padding: 0;}
.pro_info dl dt{overflow: hidden; margin: 0px; padding: 0;font-size: 30px; margin-bottom: 20px; color: #111;}
.pro_info dl dd{overflow: hidden; margin: 0px; padding: 0;}
.pro_td_txt{overflow: hidden; margin: 0px; padding: 0; color: #666; line-height:190%}



.pc_cx_btn_k {width: 160px; margin-top: 30px}
.pc_cx_btn_k:hover .pc_cx_btn {background:#0062b8;}
.pc_cx_btn i{ vertical-align: middle;font-size: 24px}
.pc_cx_btn_k a{display: inline}
.pc_cx_btn {
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    height: 50px;
    border-radius:40px;
    background: #e50014;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: 300;
}
@media only screen and (max-width:1300px) {
	.pro_info dl dt{font-size: 24px;}
	.pro_td_txt{font-size: 14px;}
}


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

.pc_cx_btn { line-height: 40px;text-align: center;font-size: 16px;height: 40px;}
.pro_info dl dt{font-size: 20px;}
}

@media only screen and (max-width:700px) {
	.pc_cx_btn_k {margin: 0 auto;margin-top: 10px;width: 140px; }
	.pro_L{overflow: hidden; margin: 0px; padding: 0;width: 100%;float: none; margin-bottom: 20px;}
	.pro_R{overflow: hidden; margin: 0px; padding: 0;width: 100%;float: none;}
	.pro_info dl dt{text-align: center;}
	
}

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

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

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

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

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


.sycp{margin:0px; padding:0px; overflow:hidden; margin:0 auto;background: #fff;}
.sycp .img_pic{overflow: hidden; position: relative; }
.sycp .img_pic .product_img{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease; }
.sycp .img_pic .product_img img{display: block;width:100%;height: auto;}
.sycp:hover .img_pic .product_img{transform: scale(1.05); -webkit-transform: scale(1.05);}
.sycp .works_title{ font-size: 16px;line-height: 30px; padding: 10px 5px 15px 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color: #444;position:relative;text-align: center;}
.sycp:hover .works_title{ color:#fff; background: #e50014; }
.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;}


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

@media (max-width:1000px) {
  .pro_mask_bg{ display: none;}
  .sycp .works_title{ font-size: 14px;}
}



.sycp_index .items {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
  }
  .sycp_index .items .item {
	width: 8%;
	height: 580px;
	border-radius: 1.56vw;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
  }
  .sycp_index .items .item.on {
	width: 50%;
  }
  .sycp_index .items .item.on .art1 {
	opacity: 0;
  }
  .sycp_index .items .item.on .art2 {
	opacity: 1;
  }
  .art2 a{color: #fff;}

  .sycp_index .items .item .img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	width: 100%;
	height: 100%;
  }
  .sycp_index .items .item .img img {
	max-width: none;
	height: 100%;
	object-fit: cover;
  }
  .sycp_index .items .item .art1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	background: rgba(0, 0, 0, 0.6);
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	padding: 30px 0;
	opacity: 1;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
  }
  .sycp_index .items .item .art1 .icon {
	width: 4.17vw;
	height: 4.17vw;
	background: #fff;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	min-width: 40px;
	min-height: 40px;
  }
  .sycp_index .items .item .art1 .icon img {
	max-width: 60%;
	max-height: 60%;
  }
  .sycp_index .items .item .art1 p {
	margin-top: 5.21vw;
	font-size: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	writing-mode: vertical-lr;
  }
  @media (max-width: 1680px) {
	.sycp_index .items .item .art1 p {
	  font-size: 21px;
	}
  }
  @media (max-width: 1440px) {
	.sycp_index .items .item .art1 p {
	  font-size: 18px;
	}
  }
  @media (max-width: 1280px) {
	.sycp_index .items .item .art1 p {
	  font-size: 16px;
	}
  }
  @media (max-width: 1024px) {
	.sycp_index .items .item .art1 p {
	  font-size: 12.8px;
	}
  }
  @media (max-width: 1680px) {
	.sycp_index .items .item .art1 p {
	  font-size: 20px;
	}
  }
  @media (max-width: 1440px) {
	.sycp_index .items .item .art1 p {
	  font-size: 18px;
	}
  }
  @media (max-width: 1280px) {
	.sycp_index .items .item .art1 p {
	  font-size: 16px;
	}
	.sycp_index .items .item .art2 .icon img{ height: 50px; width: auto;}
  }
  .sycp_index .items .item .art2 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	padding: 3.13vw;
	opacity: 0;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
  }
  .sycp_index .items .item .art2 .icon {
	width: 3.13vw;
	height: 3.13vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	min-width: 40px;
	min-height: 40px;
  }
  .sycp_index .items .item .art2 h2 {
	font-size: 36px;
	margin: 1.82vw 0 1.36vw;
  }
  @media (max-width: 1680px) {
	.sycp_index .items .item .art2 h2 {
	  font-size: 31.5px;
	}
  }
  @media (max-width: 1440px) {
	.sycp_index .items .item .art2 h2 {
	  font-size: 27px;
	}
  }
  @media (max-width: 1280px) {
	.sycp_index .items .item .art2 h2 {
	  font-size: 24px;
	}
  }
  @media (max-width: 1024px) {
	.sycp_index .items .item .art2 h2 {
	  font-size: 19.2px;
	}
  }
  .sycp_index .items .item .art2 .info {
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 1.04vw;
  }
  @media (max-width: 1680px) {
	.sycp_index .items .item .art2 .info {
	  font-size: 15.75px;
	}
  }
  @media (max-width: 1440px) {
	.sycp_index .items .item .art2 .info {
	  font-size: 13.5px;
	}
  }
  @media (max-width: 1280px) {
	.sycp_index .items .item .art2 .info {
	  font-size: 12px;
	}
  }
  @media (max-width: 1024px) {
	.sycp_index .items .item .art2 .info {
	  font-size: 9.6px;
	}
  }
  @media (max-width: 1680px) {
	.sycp_index .items .item .art2 .info {
	  font-size: 18px;
	}
  }
  @media (max-width: 1440px) {
	.sycp_index .items .item .art2 .info {
	  font-size: 16px;
	}
  }
  @media (max-width: 1280px) {
	.sycp_index .items .item .art2 .info {
	  font-size: 14px;
	}
  }
  @media (max-width:1560px) {
	.sycp_index .items .item {
	  height: 37vw;
	  min-height: 200px;
	}
  }
  @media (max-width:768px) {
	.sycp_index {
	  padding: 10px 0 40px;
	}
	.sycp_index h3 {
	  margin: 15px 0 20px;
	  font-size: 16px;
	  line-height: 24px;
	}
	.sycp_index .items {
	  flex-wrap: wrap;
	  -ms-flex-wrap: wrap;
	  height: auto;
	}
	.sycp_index .items .item {
	  width: 100%;
	  height: 70px;
	  margin-bottom: 10px;
	  min-height: 70px;
	}
	.sycp_index .items .item:last-child {
	  margin-bottom: 0;
	}
	.sycp_index .items .item.on {
	  width: 100%;
	  height: 200px;
	}
	.sycp_index .items .item .img img {
	  max-height: none;
	  width: 100%;
	}
	.sycp_index .items .item .art1 {
	  -webkit-flex-direction: row;
	  -moz-flex-direction: row;
	  -ms-flex-direction: row;
	  -o-flex-direction: row;
	  flex-direction: row;
	  padding: 15px;
	}
	.sycp_index .items .item .art1 p {
	  margin-top: 0;
	  margin-left: 15px;
	  writing-mode: horizontal-tb;
	}
	.sycp_index .items .item .art2 {
	  background: rgba(0, 0, 0, 0.35);
	  padding: 15px;
	}
	.sycp_index .items .item .art2 h2 {
	  margin: 15px 0 10px;
	  font-size: 18px;
	}
	.sycp_index .items .item .art2 .info {
	  font-size: 14px;
	  line-height: 22px;
	}
  }



  
/*-----team xx----------*/

.xx_team{margin: 0;padding: 0;overflow: hidden;}
.xx_team li{ background: #fff;	border-radius: 20px;margin: 0;overflow: hidden;width: 49%;float: left; margin-right: 2%; margin-bottom: 30px;
    box-shadow:0 0 20px 1px rgba(0,0,0,.06);  border: #eee 1px solid;}


.xx_team li:nth-child(2n){ margin-right: 0;}

.team_js_box{padding: 4% 4%;overflow: hidden; position: relative;
	display: flex;display:-webkit-flex;justify-content: space-between;align-items: center; }
.team_js_pic{width: 25%;margin:0;overflow: hidden; padding: 0px;border: 1px solid #ddd;}
.team_js_pic img{width: 100%; height: auto;vertical-align: top;}
.team_js_info{width: 70%;margin:0;overflow: hidden; padding: 0px;}
.team_js_title{margin: 0px; padding: 0px;overflow: hidden; text-align: left; border-bottom: 1px solid #ddd;  padding-bottom: 5px; margin-bottom: 10px;}
.team_js_title h4{margin: 0px; padding: 0px;overflow: hidden;font-weight: bold;font-size: 18px; color: #111;}
.team_js_title h3{margin: 0px; padding: 0px;overflow: hidden;font-weight: bold;font-size: 22px;color: #ce1414;}
.team_js_sm{margin: 0px; padding: 0px;overflow: hidden;font-weight: normal;font-size: 16px;line-height: 26px;color: #666; text-align: left; max-height: 52px;}

.team_js_pic:hover{border: 1px solid #ce1414;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.xx_team li:hover{box-shadow:0 0 20px 1px rgba(0,0,0,.1);}
.more{  margin-top: 10px;}
.more{display: block;color: #313134;border:1px solid #313134;width:115px;text-align:center;line-height:35px;height: 35px;border-radius: 35px;position: relative;}
.more i{position: absolute;right: 5px;top: 50%;margin-top: -4px;
  width: 0px;height: 0px;display: block;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  border-left: 8px solid #313134;
  border-right: 8px solid transparent;
}
.more:hover{background: #ce1414;color: #fff;border:1px solid #ce1414; }
.more:hover i{border-left: 8px solid #fff;}
@media only screen and (max-width:1400px){
    .team_js_sm{font-size: 14px;line-height: 24px; max-height: 48px;}
    .more{font-size: 14px;}
    .team_js_title h4{font-size: 16px;}
    .team_js_title h3{font-size: 18px;}

}
@media only screen and (max-width:900px){
    .team_js_box{padding: 3% 3%;}
    .more{width:100px;text-align:center;line-height:30px;height: 30px;}
    .more i{right: 2px;}
    .more{  margin-top: 5px;}
}
@media only screen and (max-width:800px){
    .xx_team li{width: 100%; margin-right: 0;}

}



.ren_box{overflow:hidden; padding:0px; margin: 0 auto; width: 90%; margin-top: 40px; margin-bottom: 40px}
.ren_box dl{overflow:hidden; padding:0px; margin: 0; }
.ren_box dl dt{overflow:hidden; padding:0px; margin: 0;text-align: center;}
.ren_img{max-width: 200px; height: auto; margin: 0  auto; margin-bottom: 10px;border: 2px solid #ddd;overflow: hidden;position: relative;}
.ren_img img{ max-width: 100%; width: auto;height: auto; vertical-align: top;}
.ren_box dl dt h3{overflow:hidden; padding:0px; margin: 0;  font-size: 20px; line-height: 190%; font-weight: bold; margin-bottom: 5px;color: #ce1414;}
.ren_box dl dt h4{font-weight: bold; margin-bottom: 10px;color: #222;font-size: 18px; }
.ren_box dl dd{overflow:hidden; padding:0px; margin: 0; font-size: 18px; line-height: 190%}
.ren_box dl dd p{overflow:hidden; padding:0px; margin: 0; font-size: 18px; line-height: 190%}

@media (max-width: 1000px) {
.ren_box dl dt h3{font-size: 20px; line-height: 190%;}
.ren_box dl dd{ font-size: 16px; line-height: 190%}
.ren_box dl dd p{ font-size: 16px; line-height: 190%}	

}

@media (max-width: 800px) {
.ren_img{max-width: 200px; }
}

@media (max-width: 700px) {
.ren_img{max-width: 150px; }
}