@charset "utf-8";
/* CSS Document */
.mian{position:relative; margin-left:auto; margin-right:auto; min-width:320px; max-width:640px; overflow:hidden; background-color:#fff; font-family:Microsoft YaHei;}
a{text-decoration:none; color:#666;}
@media screen and (min-width:320px) {
	html{font-size:75%;}
}
@media screen and (min-width:375px) {
	html{font-size:87.5%;}
}
@media screen and (min-width:480px) {
	html{font-size:87.5%;}
}
@media screen and (min-width:540px) {
	html{font-size:112.5%;}
}
@media screen and (min-width:550px) {
	html{font-size:125%;}
}
@media screen and (min-width:640px) {
	html{font-size:150%;}
}

section.section{ margin-left: auto; margin-right: auto; width: 96%;font-size: 1rem;color: #666;}
input ,textarea {outline:none;font-size: 1rem;}


h2.h2_title {padding-top: 1.5rem;text-align: center;margin-bottom: 1.5rem;font-weight: normal;}
h2.h2_title a {display: block;font-size: 1.75rem;color: #333;margin-bottom: 0.35rem;}
h2.h2_title span {display: block;font-size: 1.75rem;color: #333;margin-bottom: 0.35rem;}
h2.h2_title i {display: block;font-size: 0.8rem;color: #999;text-transform: uppercase;}
h2.h2_title em {display: block;width: 2rem;height: 2px;background: #2f4a8d;margin: 1.25rem auto 0 auto;}



/* banner */
.banner{ position: relative}
.banner img{ display: block; width: 100%;}
.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
.focus .hd ul{ width: 100%; text-align: center; position: absolute; left:0; bottom: 1rem; }
.focus .hd ul li{display: inline-block; width: 10px; height: 10px; border-radius: 50%; border: 0.1rem solid #fff; margin: 0 .2rem; font-size:0;}
.focus .hd ul .on{background:#274182; }


/**/
.ywfw {padding-bottom: 1.5rem;}
.ywfw .ywfw_con {}
.ywfw .ywfw_con dl {float: left;width: 32%;margin-left: 2%;}
.ywfw .ywfw_con dl:first-child {margin-left: 0;}
.ywfw .ywfw_con dl dd {margin-top: 0.5rem;text-align: center;color: #333;}
.ywfw .ywfw_con dl dd a {color: #333;}


/**/
.about {background: url(../images/Index/abobg.jpg) no-repeat center top / 100%;padding-bottom: 2rem;}
.about h2.h2_title a {color: #fff;}
.about h2.h2_title i {color: #fff;}
.about h2.h2_title em {background: #fff;}
.about .abo_top {margin-bottom: 1.5rem;}
.about .abo_top dd {margin-top: 1rem;text-align: center;line-height: 1.5rem;text-indent: 2rem;}
.about .abo_top dd a {color: #333;}
.about .abo_bot {}
.about .abo_bot li {float: left;width: 32%;margin-left: 2%;box-sizing: border-box;padding: 0.5rem;}
.about .abo_bot li:first-child {margin-left: 0;}


/**/
.jdal {background: #f4f4f4;padding-bottom: 1.5rem;}
.jdal .jdal_con {background: #fff;margin-bottom: 1rem;border: 1px solid #ececec;}
.jdal .jdal_con dl {padding-bottom: 1rem;}
.jdal .jdal_con dd:nth-of-type(1) {margin-top: 1rem;text-align: center;font-size: 1.2rem;margin-bottom: 0.25rem;}
.jdal .jdal_con dd a {color: #333;}
.jdal .jdal_con dd:nth-of-type(2) {text-align: center;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.jdal .jdal_con dd:nth-of-type(2) a {color: #666;}
.jdal .jdal_type {text-align: center;    margin-top: 1rem;}
.jdal .jdal_type li {display: inline-block;vertical-align: middle;width: 1rem;height: 1rem;background: #c9c9c9;border-radius: 50%;margin: 0 0.25rem;}
.jdal .jdal_type li.on {background: #2f4a8d;}


/**/
.advantage {background: #2f4a8d;padding-bottom: 0.5rem;}
.advantage h2.h2_title span {color: #fff;}
.advantage h2.h2_title i {color: #fff;}
.advantage h2.h2_title em {background: #fff;}
.advantage .section {background: #fff;padding-bottom: 1.5rem;}
.advantage .adv_type {text-align: center;padding: 1rem 0;}
.advantage .adv_type li {display: inline-block;vertical-align: middle;padding: 0.45rem 0.75rem;background: #e8e8e8;font-size: 1.1rem;color: #333;}
.advantage .adv_type li.on {background: #2f4a8d;color: #fff;}
.advantage .adv_con {padding: 0.5rem;}
.advantage .adv_con dl dd:nth-of-type(1) {margin: 1rem 0;text-align: center;font-size: 1.2rem;color: #333;}
.advantage .adv_con dl dd:nth-of-type(2) {font-size: 1rem;color: #666;text-indent: 2rem;line-height: 1.35rem;margin-bottom: 0.5rem;}

/**/
.fwkh {padding-bottom: 1.5rem;}
.fwkh .fwkh_con li {float: left;width: 33.3%;box-sizing: border-box;border-right:1px solid #e9e9e9;border-top: 1px solid #e9e9e9;border-left: 1px solid transparent;border-bottom: 1px solid transparent;}
.fwkh .fwkh_con li:nth-child(3n+1) {border-left: 1px solid #e9e9e9;}
.fwkh .fwkh_con li:nth-child(n+7) {border-bottom: 1px solid #e9e9e9;}


/**/
.news {background: #f4f4f4;padding-bottom: 2rem;}

.news .news_type {padding-bottom: 1rem;display: flex;}
.news .news_type li {flex: 1;height: 3.5rem;line-height: 3.5rem;text-align: center;background: #fff;font-size: 1.25rem;color: #333;}
.news .news_type li.on {background: #2f4a8d;color: #fff;font-weight: bold;}
.news .news_con {padding-bottom: 2rem;}
.news .news_con dl {padding: 1rem 1rem 1rem 7rem;position: relative;border-bottom: 1px solid #e4e4e4;}
.news .news_con a:first-child dl {background: none;}
.news .news_con dl dt {position: absolute;left: 0rem;top: 1.75rem;width: 6rem;height: 4rem;border-right: 1px dotted #333;}
.news .news_con dl dt span {display: block;font-size: 2rem;text-align: center;height: 2.5rem;color: #333;font-weight: bold;line-height: 2.5rem;}
.news .news_con dl dt i {display: block;text-align: center;color: #333;height: 1.5rem;line-height: 1.5rem;}
.news .news_con dl dd:nth-of-type(1) {font-size: 1.2rem;color: #333;height: 2rem;line-height: 2rem;overflow: hidden;margin-bottom: 0.25rem;}
.news .news_con dl dd:nth-of-type(1) a {color: #333;}
.news .news_con dl dd:nth-of-type(2) {font-size: 1rem;color: #999;line-height: 1.5rem;height: 3rem;overflow: hidden;}
.news .ckgda {display: block;width: 9rem;height: 2.5rem;line-height: 2.5rem;text-align: center;font-size: 1.1rem;color: #999;border: 1px solid #d1d1d1;border-radius: 27px;margin: 0 auto;}