@charset "utf-8";

.sub_body { background:#f9f9f9;}
.intro{text-align:center;margin-top:8%;}
.intro .btn { background:#f9f9f9!important;margin-top:30px;font-weight:500!important;}

#s_banner_wrap { position:relative;;background:#ffffff;height:570px;border-bottom:1px solid #dbdbdb;width:100%}
#s_banner_wrap li.banner01 { padding-top:100px}
#s_banner_wrap li.banner01 img {float:right; width:40%; margin: 0 auto;}
#s_banner_wrap li.banner01 div.textWrap{float:left; padding-top:38px; margin-right:15px;}
#s_banner_wrap li.banner01 div.authWrap{margin-bottom:56px;font-size:34px;}
#s_banner_wrap li.banner01 div.authWrap span{font-weight:bold}
#s_banner_wrap li.banner01 div.subText span { font-size:20px; line-height:0}

.map {padding:120px 0 110px;background:url(../img/main/map_img.png) no-repeat right bottom ;}
.map p {font-size:27px;color:#111;font-weight:bold; }
.map span{font-size:17px;color:#7c7c7c;font-weight:100; }
.map a{display:block;font-size:17px;color:#111;font-weight:100; margin-top:50px;width:116px;height:45px;line-height:45px;text-align:center;border-radius:23px;border:1px solid #888}


.m_banner {background:#ffffff;height:330px;border-bottom:1px solid #dbdbdb;width:100% ;border-top:1px solid #dbdbdb}  /* #d0f8eb61 */
.m_banner li { padding:54px 0 70px;text-align:center;width:33.3%;float:left;}
.m_banner li p { color:#333;font-size:20px;font-weight:500;margin:10px 0}
.m_banner li span {display:block; color:#7c7c7c;font-size:16px;font-weight:100;height:60px;}
.m_banner .bannerBtn{display:block;font-size:16px;color:#333;font-weight:100; margin:20px auto 0;width:116px;height:35px;line-height:35px;text-align:center;border-radius:23px;border:1px solid #333;background:#fff;}


.items {height:590px;width:100% }
.items h3 { text-align:center;font-size:30px;font-weight:bold;color:#333;margin:55px 0 70px}
.items li { padding:0px 0 35px 50px;text-align:left;width:100%;;box-sizing:border-box;clear:both; }
.items li span.lastSpan { display:inline-block;width:45%;;line-height:22px;}
.items li .num_box img { width:70% }
.items li p { color:#787878;font-size:20px;font-weight:500;margin:0 0 10px}
.items li span {display:block; color:#787878;font-size:15px;font-weight:100;}
.items li span em { font-style:normal;color:#000;padding-left:24px}
.items li span em.tit {display:block;padding-bottom:10px;padding-left:0}
.items li span i{ font-style:normal;color:#7f7f7f;font-size:20px;}
.items a.link{display:block;font-size:16px;color:#333;font-weight:100;;padding:10px 0px;width:285px;;line-height:20px;text-align:center;border-radius:50px;border:1px solid #333;background:#fff;position:absolute;right:55px;top:0}
.items li div { float:left;width:90px;position:relative;margin-bottom:15px}
.items li div:last-child  { width:1090px;border-bottom:1px solid #dbdbdb;; padding-bottom:30px}
.items li:last-child div {width:100%}
.items li:last-child span {width:100%; padding-left:24px}
.items li:last-child div:last-child {border-bottom:0; margin-top:20px;}



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

.bx-wrapper {position: relative;margin: 0 auto 0px;padding: 0;	*zoom: 1;width:100%;height:auto}
#s_banner_wrap {height:auto;}
#s_banner_wrap li.banner01 { padding:10% 0;box-sizing:border-box}
#s_banner_wrap li.banner01 div.textWrap {padding-top:60px; float:none; text-align:center}
#s_banner_wrap li.banner01 img { width:60%!important; float:none}


.bx-wrapper .bx-prev {left: 1%;	;background-size:cover}
.bx-wrapper .bx-next {right:1%;	background-size:cover}
.bx-wrapper .bx-controls-direction a {;width: 30px;height: 30px;}

.map {padding:20px 0 0 0;background:url(../img/main/map_img.png) no-repeat center bottom ;background-size: auto 120px;text-align:center;padding-bottom:150px}
.map p {font-size:23px }
.map span{font-size:16px}
.map a{font-size:16px;margin:15px auto 0;width:60%;height:40px;line-height:40px;;}



.m_banner {height:auto; }
.m_banner li { padding:20px 0 ;width:100%;float:none;}
.m_banner li p { font-size:23px;;margin:10px 0}
.m_banner li span {height:auto;}
.m_banner a{font-size:15px; margin:20px auto 0;width:60%;}



.items {height:auto;}
.items h3 { font-size:23px;margin-top:30px;margin-bottom:0}
.items li { padding:20px 5% 20px ;text-align:center;width:100%;float:none;;box-sizing:border-box}
.items li:last-child  { width:100%; text-align:left;}
.items li:last-child span { font-size:15px;}
.items li .num_box img {width:unset;}
.items li img { padding-left:0%;width:auto;box-sizing:border-box;width:60px}
.items li p { color:#333;font-weight:500;margin:20px 0 10px}
.items li span {display:block; color:#7c7c7c;font-size:15px;font-weight:100;}
.items li span.lastSpan {line-height:22px;text-align:left;}
.items a.link{display:block;font-size:16px;color:#333;font-weight:100; margin:20px auto 0;padding:10px 5%;line-height:20px;text-align:center;border-radius:50px;border:1px solid #333;background:#fff;width:80%;position:relative;right:0}
.items li div { float:left;width:100%;position:relative;margin-bottom:15px}
.items li div:last-child  { width:100%;border-bottom:1px solid #dbdbdb;; padding-bottom:30px}
.items li div:last-child img { width:22px}
.items li:last-child span { width:100%;text-align:left; padding-left:0px;}
.items li span em { padding-left:0}



.intro{text-align:center;margin-top:8%;}
.intro img { width:90%}
.intro .btn { background:#f9f9f9!important;margin-top:10px;font-weight:500!important;}
}


@media screen and (max-width:1025px){
#s_banner_wrap li.banner01 div.textWrap {padding-top:60px; float:none; text-align:center}
#s_banner_wrap li.banner01 img { width:60%!important; float:none}
}


@media screen and (max-width:1016px){
#s_banner_wrap li.banner01 div.textWrap {float:none; padding:0 0 30px 0; text-align:center}
#s_banner_wrap li.banner01 img { width:70%!important; float:none}
}


@media screen and (max-width:430px){
#s_banner_wrap li.banner01 div.textWrap {float:none; padding:0 40px 30px; text-align:left;}
#s_banner_wrap li.banner01 div.textWrap div.authWrap {white-space:pre}
#s_banner_wrap li.banner01 div.authWrap{font-size:27px;}
.items li span.lastSpan {display:block;width:unset;}
}


@media screen and (max-width:320px){
#s_banner_wrap li.banner01 div.textWrap {float:none; padding:0 10px 30px; text-align:left;}
#s_banner_wrap li.banner01 div.authWrap{font-size:26px;}
}