/*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:#000;/*font-family:'Microsoft YaHei';*/    background: #f7f7f5;}
a{color:#666;}
a:hover{ color:#f60;/*text-decoration:underline;*/}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:90% !important; margin:0 auto; max-width: 990px !important;}


.header{display: flex;align-items: center;justify-content: space-between;height: 149px;}

.logo{ width: 2.5rem; text-align: center;} 
.logo a{ width: 100%;}
.logo img{ width: 100%; vertical-align: bottom;}
.logo span{ font-size: 16px; color: #000; display: block; margin-top: 10px;}

.header .img{ width:0.95rem; margin-right: 0.24rem;}
.header .img img{ width: 100%; vertical-align: bottom;}
.header .h1{font-size:.44rem;font-weight: 300;color: #000;width: 45%;}
@media only screen and (max-width: 980px) {
	.header_bg{ background-size: cover !important;;}
	.header{height: 50px;}
	.logo span{ font-size: 5px;    margin-top: 0px;}
	.header .img{ width: 1.5rem;}
	.logo{ width: 4.5rem;}
	.logo span{ font-size: 12px;}
	.header .h1{ font-size: 14px;}
}


.bannner{ position: relative;}
.bannner>.img{ width:100%;}
.bannner>.img img{ width:100%; vertical-align: bottom;}
.bannner .txtbg{ color: #fff; position: absolute; top: 50%;transform: translate(0,-50%); left: 16%; width: 5.4rem; text-align: center;}
.bannner .txtbg .img{ height:73px;}
.bannner .txtbg .img img{ height: 100%; vertical-align: bottom;}
.bannner .txtbg .h1{font-size:.33rem;font-weight: 300;display: block;margin-top: 0.66rem;line-height: 1;}
.bannner .txtbg .h2{font-size: 0.6rem;font-weight: bold;line-height: 1;margin-top: 0.2rem;}
.bannner .txtbg .h3{font-size: 0.24rem;font-weight: 300;display: block;margin-top: 0.4rem;}
@media only screen and (max-width: 980px) {
	.bannner .txtbg{width: 43%;left: 10%;}
	.bannner .txtbg .img{height: 23px;}
	.bannner .txtbg .h1{ font-size: 10px;}
	.bannner .txtbg .h2{ font-size: 16px;}
	.bannner .txtbg .h3{ font-size: 10px;}
}

.cent01{ text-align: center; margin-top: 1rem;}
.cent01 .h1{ font-size:0.57rem;display: block;line-height: 1;}
.cent01 .h2{ font-size: 0.34rem;display: block;line-height: 1; margin-top: 10px;}
.cent01 .h3{ font-size: 0.37rem;display: block;line-height: 1; font-weight: 300; margin-top: 0.6rem;}
.cent01 .h4{ font-size: 0.22rem;display: block;line-height: 1.5; margin-top: 0.22rem;}
.cent01 .h5{font-size: 0.22rem;display: block;line-height: 1; margin-top: 0.2rem;}
@media only screen and (max-width: 980px) {
	.cent01 .h1{ font-size: 30px;}
	.cent01 .h2{ font-size: 18px;}
	.cent01 .h3{ font-size: 20px;}
	.cent01 .h4{ font-size: 9px;}
	.cent01 .h5{ font-size: 9px;}
}


.cent02_bg{ background:url(../images/gue.png) center no-repeat;  background-size:cover; margin-top: 1rem; padding-left: 2.15rem; padding-right: 4.29rem;}
.cent02{ display: flex;   align-items: center;justify-content: space-between;}
.cent02 .img{ width:7.8rem;}
.cent02 .img img{ width: 100%; vertical-align: bottom;}
.cent02 .textbg{}
.cent02 .textbg .h1{ font-size: 23px; font-weight:normal; display: block;}
.cent02 .textbg .h2{ display:inline-block; font-size: 14px;  line-height: 1; padding-right: 0.3rem; padding-bottom: 0.3rem; border-bottom: 1px solid #000; margin-top: 0.14rem;}
.cent02 .textbg .h3{ font-size: 0.45rem; display: block; line-height: 1; font-weight: normal; margin-top: 0.24rem;}
.cent02 .textbg .h4{font-size: 0.48rem;  display: block; line-height: 1; font-weight: bold; margin-top: 0.24rem;}
@media only screen and (max-width: 980px) {
	.cent02_bg{padding:0 5%;}
	.cent02{}
	.cent02 .img{ width: 45%;}
	.cent02 .textbg{ width: 54%;}
	.cent02 .textbg .h1{ font-size: 12px;}
	.cent02 .textbg .h2{ font-size: 10px;}
	.cent02 .textbg .h3{ font-size: 18px;}
	.cent02 .textbg .h4{ font-size: 20px;}
}

.cent03_bg{ background:#fff}
.cent03{ padding:0.7rem}
.newsclass_list { margin-top: 0rem; }
.newsclass_list ul li { float: left; width: calc((100% - 156px)/2); margin: 0 0 0px 156px; background: #fff; position: relative;}
.newsclass_list ul li:before {content: ""; position: absolute; left: -15%; height: 100%; width: 2px; background:url(../images/tu5.png) center no-repeat;  transform: translate(-50%,-50%);  top: 50%;}
.newsclass_list ul li:first-child:before{ display: none;}
.newsclass_list ul li:nth-child(2n-1) { margin-left: 0; clear: left; }
.newsclass_list ul li .nr_box { display: flex;  align-items: center;justify-content: space-between; }
.newsclass_list ul li .imgbg{ width: 2.2rem;}
.newsclass_list ul li .img { padding-bottom: 120%; position: relative; overflow: hidden;  }
.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 {width:calc(100% -  2.2rem); }
.newsclass_list ul li .txt {padding: 8% 4.5%;color: #000;}
.newsclass_list ul li .txt .h2 {font-size: 20px;line-height: 1.5em;margin-bottom: 0.15rem;}
.newsclass_list ul li .txt .h3 {font-size: 26px;line-height: 1.5em;display: block;}
.newsclass_list ul li .txt .h4{text-align: center;display: block;margin-top: 0.55rem;}
.newsclass_list ul li .txt .h4 em{display:inline-flex;justify-content: center;align-items: center;border: 2px solid #000;border-radius: 30px;font-size: 22px;font-style: normal;padding: 4px 4px 4px 25px;}
.newsclass_list ul li .txt .h4 img{width:30px;vertical-align: bottom;margin-left: 20px;}
.newsclass_list ul li .txt .h4 img img{ width:100%; vertical-align:bottom;}
@media only screen and (max-width: 980px) {
	.cent03{ margin-top: 5%;}
.newsclass_list ul li { float: left; width: 100%; margin: 0 0 20px 0px; }
.newsclass_list ul li .imgbg{ width: 48%;}
.newsclass_list ul li .txtbg {width:50%; }
.newsclass_list ul li .txt .h4 em{ font-size: 14px;} 
.newsclass_list ul li .txt .h4 img{ width: 15px;}
.newsclass_list ul li .txt { padding: 10px 5%; }
.newsclass_list ul li .txt .h2 { font-size: 14px; line-height: 1.5em; height: 1.5em; margin-bottom: 5px; }
.newsclass_list ul li .txt .h3 { font-size: 12px; line-height: 1.5em; margin-bottom: 5px; }
}


.cent04_bg{ background: #f7f7f5;/* margin-top: .97rem;*/ padding-bottom: 1rem;}
.cent04{ padding-top: 1.12rem; text-align: center;}
.cent04 .img{ width: 4.78rem; margin: 0 auto;}
.cent04 .img img{ width: 100%; vertical-align:bottom;}
.cent04 .h1{  display: flex; justify-content: center;  align-items: center; font-size: 32px; font-weight: 300; margin-top: 0.5rem;}
.cent04 .h1 img{ max-width: 100%; vertical-align:bottom;}
.cent04 .h2{ font-size: 32px; font-weight: bold; margin-top: 0.87rem; line-height: 1; display: block;}
.cent04 .h3{ font-size: 22px;  width: 60%; margin: 0.4rem auto 0;  line-height: 1.5;}
.cent04 .h4{ width:2.12rem ; background: #000000; height: 30px;display: flex; justify-content: center;  align-items: center; margin: 0.57rem auto 0; border-radius: 5px;}
.cent04 .h4 a{ width: 30px; height: 30px; display: flex; justify-content: center;  align-items: center; display: flex; justify-content: center;  align-items: center;}
.cent04 .h4 a img{ max-width: 100%; max-height: 100%;}
.cent04 .h4 .input_text{ background: none;width:calc(100% - 30px); height: 30px; color: #fff;outline:none; text-align: center;}
.cent04 .h4 .input_text::-webkit-input-placeholder{ color:#fff;}
@media only screen and (max-width: 980px) {
	.cent04 .img{ width: 50%;}
	.cent04 .h1{ font-size: 24px;}
	.cent04 .h2{ font-size: 20px;}
	.cent04 .h3{ width: 80%; font-size: 14px;}
	.cent04 .h4{ width: 50%;}
}



.cent05{ margin-top: 1.6rem;}
.cent05>.h1{ font-size: 0.65rem; font-weight: bold; display: block; text-align: center; line-height: 1;} 
.cent05>.h2{ font-size: 0.38rem; font-weight: normal; text-align: center; display:block;}
@media only screen and (max-width: 980px) {
	.cent05>.h1{ font-size: 24px;}
	.cent05>.h2{ font-size: 20px;}
}

.newsclass_list01{ margin: 5% auto 0; padding: 0 1.6rem;}
.newsclass_list01 ul li{ margin: 0.3rem  auto;}
.newsclass_list01 ul li a{ color: #000;}
.newsclass_list01 ul li .txtbg .txt{ display: flex;  align-items: center;justify-content: space-between;}
.newsclass_list01 ul li .txtbg .txt .h2{ font-size: .34rem; width: 1rem;}
.newsclass_list01 ul li .txtbg .txt .h3{ font-size: 18px; font-weight: 300; width: 3.8rem;}
.newsclass_list01 ul li .txtbg .txt .h4{ width: 1rem; height: 1px; border-top: 1px  #333 dashed}
@media only screen and (max-width: 980px) {
	.newsclass_list01{  padding: 0 5%;}
	.newsclass_list01 ul li{ margin:5%  auto;}
	.newsclass_list01 ul li .txtbg .txt .h2{ font-size: 26px; width: auto;}
	.newsclass_list01 ul li .txtbg .txt .h4{ width: 50px;}
	.newsclass_list01 ul li .txtbg .txt .h3{ width: 60%; font-size: 12px;}
}



.cent06{ text-align: center; margin-top: 1rem;}
.cent06 .h1{ font-size: 0.4rem; font-weight: bold; display: block;}
.cent06 .h2{ font-size: 0.2rem; display: block; margin-top: 0.2rem;}
@media only screen and (max-width: 980px) {
	.cent06 .h1{font-size: 24px;}
	.cent06 .h2{ font-size: 20px;}
}


.title{ text-align: center;}
.title .h1{ font-size: 0.51rem; font-weight: bold; display: block; text-align: center; line-height: 1;} 
.title .h2{ font-size: 0.38rem; font-weight: normal; text-align: center; display:block;}
@media only screen and (max-width: 980px) {
	.title .h1{ font-size: 24px;}
	.title .h2{ font-size: 20px;}
}

.cent07_bg{ padding-top: 1rem; padding-bottom: 1.4rem;}
.cent07{ text-align: center;}
.cent07 .txte{}
.cent07 .txte .h1{ font-size: 34px; display: block; margin-top: 1rem; margin-bottom: 0.35rem;}
.cent07 .txte .h2{ font-size: 30px; line-height: 1.5; font-weight: 300;}
.cent07 .txte .h4{ font-size: 30px; line-height: 1.5; font-weight: 300; margin-top: 0.74rem;}
@media only screen and (max-width: 980px) {
	.cent07 .txte .h1{ font-size: 24px;}
	.cent07 .txte .h2{ font-size: 22px;}
	.cent07 .txte .h4{ font-size: 22px;}
	
}

.cent08bg{ border-bottom:1px #212121 solid; width: 70%; margin: 0 auto 0; padding-bottom: 1.37rem; }
.cent08{ margin-top: 1.25rem; }
.cent0801{}
.cent0801{ display: flex;  align-items:center;justify-content: space-between;margin-top: 1rem; border-bottom:1px #212121 dashed; padding-bottom: 0.8rem;}
.cent0801 .img{ width: 4.07rem;}
.cent0801 .img img{ width: 100%; vertical-align: bottom;}
.cent0801 .cent08021{ width: 4.89rem;}
.cent0801 .cent08021 .h1{ font-size: .44rem;}
.cent0801 .cent08021 .yuade{}
.cent0801 .cent08021 .yuade ul li{ border-bottom: 1px solid #000000; padding: 0.42rem 0  0.32rem; display: flex; align-items:flex-start;justify-content: space-between;}
.cent0801 .cent08021 .yuade ul li .h1{width: 24px;height: 24px;border-radius: 50%;border: 1px solid #000;margin-top: 1%;}
.cent0801 .cent08021 .yuade ul li .text{width:calc(100% - 44px);}
.cent0801 .cent08021 .yuade ul li .text .h2{font-size:0.32rem;display: block;line-height: 1;} 
.cent0801 .cent08021 .yuade ul li .text .h3{ font-size: 0.15rem; display: block; margin-top: 0.15rem; font-weight: 300;}


.cent0802{ margin-top:0.8rem; display: flex;  align-items:center;justify-content: space-between;margin-top: 1rem; }
.cent0802 .img{ width: 4.07rem;}
.cent0802 .img img{ width: 100%; vertical-align: bottom;}
.cent0802 .cent080201{ width: 4.89rem;}
.cent0802 .cent080201>.h1{ font-size: 0.36rem; font-weight: 300;}
.cent0802 .cent080201>.h2{ font-size: 0.43rem;}
.cent0802 .cent080201 .yuade{}
.cent0802 .cent080201 .yuade ul li{ padding: 0.25rem 0  0.25rem; display: flex; align-items:flex-start;justify-content: space-between;}
.cent0802 .cent080201 .yuade ul li .h1{width: 16px;height: 16px;border-radius: 50%;border: 1px solid #000;margin-top: 1%;}
.cent0802 .cent080201 .yuade ul li .text{width:calc(100% - 40px);}
.cent0802 .cent080201 .yuade ul li .text .h2{font-size:0.19rem;display: block;line-height: 1.5;} 
.cent0802 .cent080201>.h3{ font-size: 0.17rem; display: block; margin-bottom: 0.4rem;}
.cent0802 .cent080201>.h4{ display: flex;   align-items: center; font-size:0.19rem;}
.cent0802 .cent080201>.h4 span{ width: 40%;}
.cent0802 .cent080201>.h4 em{ font-style: normal;}
.cent0802 .cent080201>.h5{ font-size: 0.16rem; display: block; margin-top: 0.25rem;}
.cent0802 .cent080201 .img01{ width: 100%; display: block; margin: 0.15rem 0;}
.cent0802 .cent080201 .img01 img{ width: 100%; vertical-align: bottom;}


@media only screen and (max-width: 980px) {
	.cent08bg{ width: 90%;}
	.cent0801{flex-wrap: wrap; }
	.cent0801 .cent08021{ width: 100%;} 
	.cent0801 .img{ width: 100%;  margin-top: 5%;}
	.cent0801 .cent08021 .h1{ font-size: 32px;}
	.cent0801 .cent08021 .yuade ul li{ padding: 5% 0;}
	.cent0801 .cent08021 .yuade ul li .text .h2{ font-size: 20px;}
	.cent0801 .cent08021 .yuade ul li .text .h3{ font-size: 16px; margin-top: 10px;}


	.cent0802{flex-wrap: wrap; }
	.cent0802 .cent080201{ width: 100%; } 
	.cent0802 .img{ width: 100%; margin-top: 5%;}
	.cent0802 .cent080201>.h1{ font-size: 24px;}
	.cent0802 .cent080201>.h2{ font-size: 26px;}
	.cent0802 .cent080201 .yuade ul li .text .h2{ font-size: 16px;}
	.cent0802 .cent080201>.h3{font-size: 16px;}
	.cent0802 .cent080201>.h4{ font-size: 16px;}
	.cent0802 .cent080201>.h5{ font-size: 16px;}
}



.cent09{width: 70%;margin: 0 auto 1rem;}
.newsclass_list02 {/* margin-top: 0.63rem; */}
.newsclass_list02 ul li {float: left;width: calc((100% - 1.5rem)/4);margin: 0.65rem 0 0px 0.5rem;background: #fff;}
.newsclass_list02 ul li:nth-child(4n-3) { margin-left: 0; clear: left; }
.newsclass_list02 ul li .nr_box { display: flex; align-items: center;justify-content: space-between; background: #f7f7f5;}
.newsclass_list02 ul li .imgbg{ width: 0.92rem;}
.newsclass_list02 ul li .img {padding-bottom: 100%;position: relative;overflow: hidden;}
.newsclass_list02 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_list02 ul li .txtbg {width: calc(100% - 1.2rem);}
.newsclass_list02 ul li .txt {color: #666;}
.newsclass_list02 ul li .txt .h2 {font-size: 32px;line-height: 1.5em;height: 1.5em;color: #333;margin-bottom: 0.09rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.newsclass_list02 ul li .txt .h3 {font-size: 13px;line-height: 1.5em;height: 3em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
@media only screen and (max-width: 980px) {
.newsclass_list02 ul li { float: left; width: calc((100% - 10px)/2); margin: 20px 0 0  10px; }
.newsclass_list02 ul li:nth-child(4n-3) { margin-left: 10px; clear: inherit; }
.newsclass_list02 ul li:nth-child(2n-1) { margin-left: 0; clear: left; }
.newsclass_list02 ul li .imgbg{ width:40px;}
.newsclass_list02 ul li .txtbg {width: calc(100% - 60px);}
.newsclass_list02 ul li .txt {  }
.newsclass_list02 ul li .txt .h2 { font-size: 14px; line-height: 1.5em; height: 1.5em; margin-bottom: 5px; }
.newsclass_list02 ul li .txt .h3 { font-size: 12px; line-height: 1.5em; height: 3em;}
}


/*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;}