/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px; color:#666;/*font-family:'Microsoft YaHei';*/}
a{color:#666;}
a:hover{ color:#f60;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ max-width: 1600px !important;width: 90% !important;margin: 0 auto;}



:root {
    --main-color: #00653b;
    --main-color-white: #ffffff;
    --main-color-333: #333333;
    --main-color-555: #555555;
    --main-color-666: #666666;
    --main-color-999: #999999;
    --main-color-888: #888888;
    --main-transition: all ease 0.4s;
    --main-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    --main-linear: linear-gradient(45deg, #79bd28 0%, #00653b 100%);
}



.header_bg{ background: #ffaa08; color: #fff;}
.header{max-width: 1600px !important;width: 90% !important;margin: 0 auto;display: flex;align-items: center;padding: 1% 0;justify-content: space-between;}
.header .h2{text-align: left;font-size: 0.4rem;font-weight: 700;letter-spacing: 4px;flex: 1;line-height: 1;margin-left:10px;}
.header .logo{width: 0.6rem;}
.header .logo a{ width: 100%; vertical-align: bottom;}
.header .logo a img{ width: 100%; vertical-align: bottom;}
@media only screen and (max-width: 980px) {
	.header .h2{ letter-spacing: 2px; font-size: 24px;}
	.header .logo{ width: 60px;}
}



.cent01-bg{ border-bottom: 1px solid #ccc; padding: 1.5% 0;}
.cent01{ display: flex;   align-items: center;justify-content: space-between;}
.cent01 .cent01_l{display: flex;   align-items: center;}
.cent01 .cent01_l a{border: 1px solid #ccc; border-radius: 10px; text-align:center;  font-size: 22px; color: #000; background: none; padding: 2px 30px; margin-right: 1vw;}
.cent01 .cent01_l .select{border: 1px solid #ccc;border-radius: 10px;text-align:center;font-size: 22px;color: #000;background: none;padding: 2px 0px;margin-right: 1vw;min-width: 1.8rem;}
.cent01 .cent01_l a:last-child{margin-right: 0%;}
.cent01 .cent01_c{display: flex;   align-items: center;}
.cent01 .cent01_c a{border: 1px solid #ccc; border-radius: 10px; text-align:center;  font-size: 22px; color: #000; background: none; padding: 2px 30px; margin-right: 1vw;}
.cent01 .cent01_c .select{border: 1px solid #ccc;border-radius: 10px;text-align:center;font-size: 22px;color: #000;background: none;padding: 2px 0px;margin-right: 1vw;}
.cent01 .cent01_r{display: flex;   align-items: center;}
.cent01 .cent01_r .input_button{  border: 1px solid #ccc; border-radius: 10px; text-align:center;  font-size: 22px; color: #fff; background: none; padding: 2px 30px; background:#000}
.cent01 .cent01_r .input_text{padding: 2px 30px; width: 5rem; border: 1px solid #ccc; border-radius: 10px; line-height: 30px; display: block; box-sizing: border-box; margin-right: 1vw; background:url(../images/sss.png) left center  no-repeat; text-align:left} 

.cent0102{}
.cent0102 ul{ display: flex;  align-items: center;}
.cent0102 ul li{display: flex;  align-items: center;}
.cent0102 ul li .img{ width:33px; height:33px; display: flex; justify-content: center;  align-items: center; margin-right:10px}
.cent0102 ul li .img svg{    fill: #666 !important; stroke: #666 !important; max-height:100%; max-width:100%}
.cent0102 ul li .select{border: 1px solid #ccc;border-radius: 10px;color: #000;background: none;padding: 2px 0px;margin-right: 1vw;min-width: 1.8rem;text-align: left;font-size: 14px;line-height: 34px;height: 34px;}
@media only screen and (max-width: 980px) {
	.cent01-bg{ padding: 5% 0;}
	.cent01{flex-wrap: wrap;}
	.cent01 .cent01_l a{ font-size: 14px; padding: 4px 12px;}
	.cent01 .cent01_l .select{font-size: 14px; padding: 4px 0px;}
	.cent01 .cent01_c a{font-size: 14px; padding: 4px 12px;}
	.cent01 .cent01_c .select{font-size: 14px; padding: 4px 0px;}
	.cent01 .cent01_r .input_button{font-size: 14px; padding: 4px 12px;}
	.cent01 .cent01_r .input_text{font-size: 14px;padding: 4px 12px 4px 30px;width: 100%;line-height: 20px;}
	.cent0102 ul li{     margin: 3%;}
}


.cent02_bg{ display: flex;  align-items:flex-start;justify-content: space-between; margin-top: 1.5%;}
.cent0202{ flex: 1;}
.cent0201{ width: 1.4rem; position: sticky; top:0}
.guzhue{}
.guzhue ul li{ text-align:center; margin-bottom:0.9rem;}
.guzhue ul li .img{ width: 100%;}
.guzhue ul li .img img{ width: 100%; vertical-align: bottom;}
.guzhue ul li:last-child{margin-bottom: 0%;}
.guzhue ul li .h1{ display: block; text-align: center; margin-top: 6%; font-size: 22px; color: #000;}
@media only screen and (max-width: 980px) {
	.cent02_bg{flex-wrap: wrap; }
	.cent0201{width: 16% !important;margin: 0 auto;position:inherit;}
	.guzhue ul li .h1{ font-size:12px}
	.cent0202{/* margin: 5% auto; */width: 62% !important;flex:inherit}
}


.newsclass_list { margin-top: 0; }
.newsclass_list ul li { float: left; width: calc((100% - 1.2rem)/4); margin: 0 0 0.4rem 0.4rem; background: #fff; }
.newsclass_list ul li:nth-child(4n-3) { margin-left: 0; clear: left; }
.newsclass_list ul li .nr_box { }
.newsclass_list ul li .imgbg{ border: 1px solid #ccc;}
.newsclass_list ul li .img { padding-bottom: 140%; position: relative; overflow: hidden; background: #fff; }
.newsclass_list ul li .img img { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; transition: all .3s ease; object-fit: contain;}
.newsclass_list ul li .txtbg { border: 1px solid #ccc; border-radius: 20px; margin-top: 20px;}
.newsclass_list ul li .txt {padding: 4% 4.5%;color: #000;}
.newsclass_list ul li .txt .h2 {font-size: 22px;line-height: 1.5em;height: 1.5em;/* margin-bottom: 0.15rem; */overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-weight: bold;}
.newsclass_list ul li .txt .h3 {font-size: 14px;line-height: 1.5em;height: 1.5em;/* margin-bottom: 0.1rem; */overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;color: #666;}
.newsclass_list ul li .txt .h4{font-size: 14px;line-height: 1.5em;height: 3em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #666;}
.newsclass_list ul li .txt .h5{ display: flex;  align-items: center;justify-content: space-between;flex-wrap: wrap; }
.newsclass_list ul li .txt .h5 span{font-size: 14px;color: #666;}
.newsclass_list ul li .txt .h6{
    margin-top: 7px;
}
.newsclass_list ul li .txt .h6 em{display:inline-block;padding: 2px 10px;font-size:12px;background:#f2f2f2;border-radius:20px;color:#333;margin:0 2px;font-style:normal} 
@media(max-width:999px) {
.newsclass_list ul li { float: left; width: 100%; margin: 0 0 20px 0px; }
.newsclass_list ul li .txt { padding: 10px 5%; }
.newsclass_list ul li .txt .h2 { font-size: 14px; line-height: 1.5em;  margin-bottom: 5px; }
.newsclass_list ul li .txt .h3 { font-size: 12px; line-height: 1.5em; margin-bottom: 5px; }
.newsclass_list ul li .txt .h4{ font-size: 12px; line-height: 1.5em; }
}



.fag{ border: 1px solid #ccc; border-radius: 5px; padding: 8px 12px;}
.fag a{}
.fag a i{ font-size: 18px; line-height: 1;}




.cent03_l{float:left;display: block;width: 41%;position: relative;}
.cent03_l .mySwiper01{border: 1px solid #ccc;width: 81%;margin: 0 auto;}
.cent03_l .mySwiper01 .img{ width: 100%;}
.cent03_l .mySwiper01 .img img{ width: 100%; vertical-align:bottom;}
.cent03_l .swiper-button-next:after, .cent03_l .swiper-button-prev:after{ font-size: 24px; color: #333;}
.cent03_l .swiper-button-next, .cent03_l .swiper-button-prev{ width: 40px; height: 40px; border: 1px solid #ccc; border-radius: 5px;}

.cent03_r{ float: right; display: block; width: 53%;}
.cent03_r .txt{}
.cent03_r .txt .h1{ font-size:22px; font-weight: bold; color: #000;}
.cent03_r .txt .h2{ font-size: 20px; margin-top: 2%;color: #000;}
.cent03_r .txt .h2 strong{font-weight: bold;/*width: 12%;*/ text-align: justify; text-align-last: justify; display: inline-block; }
/*.cent03_r .txt .h2 span{ margin-left: 10px;}*/
.cent03_r .txt .h5{ font-size: 20px; margin-top: 2%;color: #000;}
.cent03_r .txt .h5 strong{font-weight: bold; text-align: justify; text-align-last: justify; display: inline-block; }
.cent03_r .txt .h5 span{margin-left: 10px;}
.cent03_r .txt .h4{font-size: 20px; margin-top: 2%;color: #000; padding-left: 4%; box-sizing: border-box;}

@media only screen and (max-width: 980px) {
	.cent03_l{ float:none; display: block; width: 100%;}
	.cent03_r{ float:none; display: block; width: 100%; margin-top: 5%;}
	.cent03_r .txt .h1{ font-size:14px;}
	.cent03_r .txt .h2{ font-size:14px;}
	.cent03_r .txt .h2 strong{ font-size:14px;}
}




.HBoxbg{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:88; background:rgba(0,0,0,0.5); display:none;}
.HBox {width: 25%;height: 80vh;margin: 0 auto; position:absolute;top: 50%;left: 50%;  transform: translate(-50%,-50%);z-index: 100000;}
.HBox .mySwiper1 {height: 20%;box-sizing: border-box;	padding: 10px 0; }
.HBox .mySwiper1 .img{ width: 100%; display: flex; justify-content: center;  align-items: center; height: 100%;}
.HBox .mySwiper1 .img img{ max-width: 100%; max-height: 100%; vertical-align: bottom; object-fit: contain;}
.HBox .mySwiper2 {height: 80%;width: 100%; }
.HBox .mySwiper2 .img{ width: 100%; display: flex; justify-content: center;  align-items: center; height: 100%;}
.HBox .mySwiper2 .img img{ max-width: 100%; max-height: 100%;vertical-align: bottom; object-fit: contain;}
@media only screen and (max-width: 980px) {
	.HBox {width: 70%}
}






/*Add------------------------------------------------------------------------------*/

.weizhi{height:40px; line-height:40px; background:url(../images/title03.png) no-repeat;font-size:14px; }
.inside{margin-top:20px; background:url(../images/title_04.gif) #fff repeat-y; min-height:400px;}

.inside_left{ width:220px; float:left;}
.inside_left .side_a dl dt{ border-bottom:3px solid #ddd; display:block; height:40px; color:#324483; font-weight:bold; line-height:40px; font-size:18px;}
.inside_left .side_a dl dd{ height:36px; line-height:36px; border-bottom:#ddd solid 1px;}
.inside_left .side_a dl dd a{ display:block; padding-left:30px; font-size:14px; background: url(../images/about-cn3_19.jpg) 15px center no-repeat;}
.inside_left .side_a dl dd a:hover{ background:#324483; color:#fff;}
.inside_left .side_a dl .hover a{ background:#324483; color:#fff;} 
.lianxi{ margin-top:15px; text-align:center; padding-bottom:20px;}

.inside_right{ width:720px; float:right; }
.inside_con{ padding:10px 0; min-height: 300px;}