*{
    padding: 0;
    margin: 0;
}
img{
    padding: 0;
    margin: 0;
    border: none;
}
html{
    overflow-x: hidden;
    height: 100%;
    position: relative;
}
body{
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: "Microsoft YaHei", arial;
    font-size: 12px;
    color: #333333;
    background: #fff;
    font-weight: normal;
    position: relative;
}
textarea,
input{
    padding: 0;
    margin: 0;
    outline: none;
    font-family: "Microsoft YaHei", arial;
    color: #333333;
}
input:focus,
textarea:focus{
    outline: none;
}
ul,
li{
    list-style: none;
    padding: 0;
    margin: 0;
}
a{
    font-family: "Microsoft YaHei", arial;
    color: #333333;
    font-size: 12px;
}
a:active{
    blr: expression(this.onFocus=this.blur());
    outline: none
}
a{
    outline: none;
    blr: expression(this.onFocus=this.blur());
}
a:link{
    text-decoration: none;
    color: #333333;
}
a:visited {
    text-decoration: none;
    color: #333333;
}
a:active {
    text-decoration: none;
    color: #333333
}
a:hover {
    text-decoration: none;
    color: #87BF38;
}

.slimScrollBar{
    display: none !important;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    *+height:1%;
}
#rightNavBar{
    width: 112px;
    height: auto;
    min-height: 265px;
    position: fixed;
    right: 0px;
    top: 50%;
    transform: translate(0%, -50%);
    top: 35%\9;
    z-index: 1000;  
    padding-left: 11px;
    padding-top: 23px;
    box-sizing: border-box;
}
#rightNavBar li{
    width: 65px;
    height: 65px;
    float: left;
	margin-top:13px;
}
#rightNavBar li a{
    width: 100%;
    height: 65px;
    line-height: 26px;
    float: left;
    font-size: 13px;
    font-weight: bold;
    color: #fff; 
}


#rightNavBar li:hover a,
#rightNavBar li.active a{
    color: #171b25;
}

#rightNavBar.light li:hover a,
#rightNavBar.light li.active a{
    color: #21aade;
}
#rightNavBar li.navItemBox{
    width: 65px;
    height: auto;
    float: left;
    position: relative;
}

#rightNavBar .itemInner{
    width: 65px;
    height: 65px;
    cursor: pointer;
	text-align: center;
    padding: 9px 0;
    box-sizing: border-box;
    position: relative;	
	
	background:rgba(255,255,255,1);
	opacity:0.9;
	border-radius:8px;
}
#rightNavBar .navItemBox .qrcode{
    width: 140px;
    height: 140px;
    position: absolute;
    left: -160px;
    top: -38px;
    z-index: 5;

     background: #fff;
    border-radius: 6px;
    padding: 6px 6px 6px 6px;
    box-sizing: border-box;
    display: none;
}

#rightNavBar .navItemBox .qrcode img{
    width: 126px;
    height: 126px;
   
}
#rightNavBar li.active .itemInner{
	/*background:rgba(135,191,56,1);*/
	opacity:0.9;
	border-radius:8px;
}
#rightNavBar .itemInner .img{
    width: 100%;
    height: 27px;
    float: left;
    text-align: center;
    background: no-repeat center center;  
    background-size: 27px;  
}
#rightNavBar .nav1 .img{
	background-image: url(/images/web/index/index_nav_home.png);
}
#rightNavBar .nav2 .img{
	background-image: url(/images/web/index/index_nav_xwdt.png);
}
#rightNavBar .nav3 .img{
	background-image: url(/images/web/index/index_nav_szzy.png);
}
#rightNavBar .nav4 .img{
	background-image: url(/images/web/index/index_nav_hdzx.png);
}
#rightNavBar .nav5 .img{
	background-image: url(/images/web/index/index_nav_jzfg.png);
}
#rightNavBar .nav6 .img{
	background-image: url(/images/web/index/index_nav_gzh.png);
}
#rightNavBar .nav7 .img{
	background-image: url(/images/web/index/index_nav_login_no.png);
}
#rightNavBar .nav8 .img{
	background-image: url(/images/web/index/index_nav_login_yes.png);
}
#rightNavBar .itemInner .txt{
    width: auto;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 13px;
	font-weight:500;
    color:rgba(57,57,57,1);
	opacity:1;	
}
#rightNavBar li.active .itemInner .txt{
	color:rgba(255,255,255,1);
}
#rightNavBar.light .itemInner{	
	background:rgba(0,0,0,1);
	opacity:0.6;
	border-radius:8px;
}
#rightNavBar.light .txt{	
	color:rgba(255,255,255,1);
	opacity:1;
}
#rightNavBar.light .nav1 .img{
	background-image: url(/images/web/index/index_nav_home_focus.png);
}
#rightNavBar.light .nav2 .img{
	background-image: url(/images/web/index/index_nav_xwdt_focus.png);
}
#rightNavBar.light .nav3 .img{
	background-image: url(/images/web/index/index_nav_szzy_focus.png);
}
#rightNavBar.light .nav4 .img{
	background-image: url(/images/web/index/index_nav_hdzx_focus.png);
}
#rightNavBar.light .nav5 .img{
	background-image: url(/images/web/index/index_nav_jzfg_focus.png);
}
#rightNavBar.light .nav6 .img{
	background-image: url(/images/web/index/index_nav_gzh_focus.png);
}
#rightNavBar.light .nav7 .img{
	background-image: url(/images/web/index/index_nav_login_no_focus.png);
}
#rightNavBar.light .nav8 .img{
	background-image: url(/images/web/index/index_nav_login_yes_focus.png);
}
.section{
    background: #ffffff;
    overflow: hidden;
}
.section1{    
    overflow: hidden;	
	
    background: url(/images/web/index/index_bg1.png) no-repeat center top;
    background-size: auto 100%;
    position: relative;
}
.section1 .logo{
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    opacity: 1;
   margin-top: 85px;
}

.section1 .logo .logotitle{   
		min-width: 583px;
    max-width: 720px;
	margin: 0 auto;	
}
.section1 .logo .logotitle .logoimg{      
	float:left;
}
.section1 .logo .logotitle .logoimg img{      
	height:133px;
}
.section1 .logo .logotitle .title{   
	font-size:41px;
	font-weight:800;
	height:133px;
	margin-left:5px;
	line-height:133px;
	text-align: center;
	color:rgba(255,255,255,1);
	opacity:1;
	float:left;
}

.section1 .searchBox{
    width: 100%;
    height: auto;
    float: left;
	margin-top: 30px;
    opacity: 1;
}
.section1 .searchBox .searchBox1{
    width: 792px;
    height: auto;
    margin: 0 auto;
}

.section1 .searchBox .tabBox{
    width: 100%;
    height: auto;
    float: left;
    margin-top: 12px;
}

.section1 .searchBox .tabBox  .searchbar1{
    width: 100%;
    height: 52px;
    float: left;
    background: #fff;
    border-radius: 67px;
    overflow: hidden;
	box-shadow:0px 0px 30px rgba(0,0,0,0.16);
}
.section1 .searchBox .tabBox  .inputbox{
    width: 722px;
    height: 52px;
    float: left;
    box-sizing: border-box;
    overflow: hidden;
}
.section1 .searchBox .tabBox  .inputbox input{
    width: 100%;
    height: 52px;
    line-height: 52px;
    float: left;
    border: none;
    font-size: 13px;
    color: #171b25;
    padding-left: 32px;
    box-sizing: border-box;
	font-weight:400;
}
.section1 .searchBox .tabBox .inputbox input::-webkit-input-placeholder{font-size: 13px;color: #626669;}
.section1 .searchBox .tabBox .inputbox input::-moz-placeholder{font-size: 13px;color: #626669;}
.section1 .searchBox .tabBox  .inputbox input:-moz-placeholder{font-size: 13px;color: #626669;}
.section1 .searchBox .tabBox  .searchbtn{
    width: 59px;
    height: 52px;
    float: right;
    background: url(/images/web/index/index_input_search.png) no-repeat 15px center;
}
.section1 .searchBox .tabBox  .searchbtn a,
.section1 .searchBox .tabBox  .searchbtn input{
    width: 100%;
    height: 52px;
    float: left;
    background: none;
    border: none;
    cursor: pointer;
}

.section1 .serviceBox{
    width: 100%;
    height: auto;
    float: left;
    margin-top: 71px;
    opacity: 1;
}
.section1 .serviceBox .serviceBox1{
    width: 795px;
    height: auto;
    margin: 0 auto;
}
.section1 .serviceBox .containerBox{
    width: 100%;
    height: auto;
    float: left;
    margin-top: 0px;
}

.section1 .serviceBox .containerBox  .leftBox{
    width: 617px;
    height: 289px;
    float: left;
    background: #fff;    
	border-top-left-radius: 16px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 16px;
    overflow: hidden;
	box-shadow:0px 0px 40px rgba(19,19,19,0.16);
	/*background: url(/images/web/index/index_banner1.png) no-repeat 0px center;*/
}
  .section1    .swiper-content
   {
       height:100%;
   }
  .section1  .swiper-content img
   {
       height:100%;
       max-width:100%;
       border-radius:.5em;
   }
     .section1  .swiper-container
    {
        height:289px;
        overflow:hidden;
    }
.section1 .serviceBox .containerBox  .rightBox{
    width: 178px;
    height: 289px;
	background: #fff;   
    float: right;
    border-top-left-radius: 0px;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 0px;
	box-shadow:0px 0px 40px rgba(19,19,19,0.16);	
}
.section1 .serviceBox .containerBox  .rightContent
{
	margin-left:29px;
}
.section1 .serviceBox .containerBox  .serviceTitle
{
	width: 100%;
    height: 25px;
    line-height: 25px;
    float: left;
    text-align: left;
    font-size: 18px;
	font-weight:500;   
    margin-top:20px ;
    color:rgba(57,57,57,1);
}
.section1 .serviceBox .containerBox  .serviceShortLine
{
	float: left;
	width:18px;
	height:3px;
	/*background:rgba(135,191,56,1);*/
	opacity:1;
}
.section1 .serviceBox .containerBox  ul
{
	width: 100%;
	float: left;
	margin-top:20px;
}
.section1 .serviceBox .containerBox  ul>li
{	
	height:20px;
	font-size:13px;	
	font-weight:400;
	line-height:19px;
	color:rgba(57,57,57,1);
	opacity:1;

    margin-bottom:16px;
}
.section1 .serviceBox .containerBox  ul>li a
{font-size:13px;	cursor:pointer;}

.section1 .serviceBox .containerBox  ul>li>img
{	
	vertical-align: middle;
	margin-right:16px;
    width:19px;
    
}

.section2{   	
    background: url(/images/web/index/index_bg2.png) no-repeat center top;
    background-size: auto 100%;
    position: relative; 
	overflow: hidden;
}
.sectionTitle{
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    position: relative;
}
.sectionTitle .text{
    width: 100%;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 33px;
    font-weight: bold;
  
	
	color:rgba(57,57,57,1);
	opacity:1;
}
.sectionTitle .lineBox
{
	width: 100%;
    height: auto;
    float: left;
    text-align: center;
    position: relative;
}
.sectionTitle .sectionShortLine
{	
	width:34px;
	height:5px;
	/*background:rgba(135,191,56,1);*/
	margin:8px auto ;
	opacity:1;
}
.sectionTitle .btnViewAll
{	
	width:100px;
    height:30px;
	/*height:30px;
	background:rgba(135,191,56,1);*/
	opacity:1;
	border-radius:15px;
	
	font-size:14px;	
	font-weight:400;
	line-height:30px;	
	color:rgba(255,255,255,1);
	opacity:1;
	float:right;
}
.sectionTitle .btnViewAll>span
{
font-family:KaiTi;	
}

.section2 .sectionTitle{
    margin-top: 54px;
    opacity: 1;
}
.section2 .content{
    max-width: 1000px;   
    height: auto;
    margin: 0 auto;
    position: relative;
}
.section2 .sectionNews{
    width: 100%;
    height: auto;
    float: left;
    margin-top: 12px;
}
@media only screen and (max-width: 1601px){
    .section2 .sectionNews{margin-top: 12px;}
}

.section2 .sectionNews .focusPic{
    width: 50%;
    float: left;
    margin-top: 30px;   
    opacity: 1;
    padding: 0;
    overflow: hidden;
}

.section2 .sectionNews .focusPic .picbox
{
	width:472px;
	height:198px;
	background:rgba(255,255,255,1);	
	box-shadow:3px 3px 6px rgba(0,0,0,0.16);
	opacity:1;
	border-radius:6px;
	background: no-repeat 0px center;
    background-size: 472px 198px;
}
.section2 .sectionNews .focusNews{
   width: 45%;
    height: auto;
    float: left;   
    margin-top: 30px;
    opacity: 1;
    position: relative;
   
}

.section2 .sectionNews .focusNews .tit{    
    box-sizing: border-box;
	
	width:100%;
	height:31px;
	font-size:23px;
	
	font-weight:bold;
	line-height:31px;
	/*color:rgba(135,191,56,1);*/
	opacity:1;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.section2 .sectionNews .focusNews .date{    
    box-sizing: border-box;	
	width:100%;
	height:24px;
	font-size:16px;
	font-family:Source Han Sans CN;
	font-weight:500;
	line-height:24px;
	color:rgba(149,149,149,1);
	opacity:1;
}
.section2 .sectionNews .focusNews .info{    
    box-sizing: border-box;
	margin-top:21px;
	width:478px;
	height:122px;
	font-size:16px;
	font-family:Source Han Sans CN;
	font-weight:400;
	line-height:30px;
	color:rgba(57,57,57,1);
	opacity:1;

    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    word-break:break-all;
}

.section2 .sectionList{
    width: 100%;
    height: auto;
    float: left;
    margin-top: 70px;
}
.section2 .sectionList ul {
   
	width:100%;
	height:auto;
	clear: both;
    overflow: hidden;
}
.section2 .sectionList ul li{   
	width:44%;
	height:50px;
	float:left;
	 margin-bottom: 10px;
}
.section2 .sectionList ul li:nth-child(even) {
  margin-left: 2%;
}
.section2 .sectionList ul li .itembox{  
	
	height:auto;
}
.section2 .sectionList ul li .tit
{
	width:300px;
	height:22px;
	font-size:16px;	
	font-weight:500;
	line-height:24px;
	color:rgba(64,64,64,1);
	opacity:1;
	
    overflow: hidden;
	text-overflow:ellipsis;	 
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
      float:left;
}
.section2 .sectionList ul li .date
{
	
	margin-left:20px;
	width:90px;
	height:17px;
	font-size:16px;
	font-family:Source Han Sans CN;
	font-weight:500;
	line-height:24px;
	color:rgba(149,149,149,1);
	opacity:1;

      float:left;
}
.section2 .sectionList ul li .circle
{	
	width:7px;
	height:7px;
	background:rgba(81,81,81,1);
	border-radius:50%;
	opacity:1;
	margin:10px 10px 13px 0;
	float:left;
}
.section2 .sectionList ul li .text
{
	width: auto;
    height: auto;
	margin-left:5px;	
	float:left;
}


.section3{
    overflow: hidden;
    background: no-repeat center top;
    background-size: auto 100%;
    position: relative;
}
.section3 .sectionTitle{
    margin-top: 54px;
    opacity: 1;
}
.section3 .content{
    max-width: 1000px;  
    height: auto;
    margin: 0 auto;
    position: relative;	
}
.section3 .resourceRow{
    width: 100%;
    height: 200px;    
    box-sizing: border-box;
	float:left;
	 text-align: center;
	position: relative;
	margin-top:42px;
	
}
.section3 .resourceRowBox{
   height: auto;  
	margin: 0 auto;
    width: 842px;
}
.section3 .resourceRowBox li{
    width: 334px;
    height: auto;
    float: left;
    /*margin-bottom: 30px;*/
}
.section3 .resourceRowBox li .bigButton
{
	width:334px;
	height:200px;
	background:linear-gradient(180deg,rgba(43,86,181,1) 0%,rgba(69,140,232,1) 100%);
	box-shadow:0px 4px 20px rgba(217,217,217,1);
	opacity:1;
	border-radius:8px;
}
.section3 .resourceRowBox li .pic1{
    width: 100%;
    height: 64px;
    float: left;
    text-align: center;
	margin-top:29px;
}
.section3 .resourceRowBox li .pic1 img{
    width: 64px;
    height: 64px;
}
.section3 .resourceRowBox li .text{
    width: 100%;
    height: 26px;
    line-height: 26px;
    float: left;
    font-weight: 400;
    font-size: 26px;
    color: #fff;
    text-align: center;
    margin-top: 25px;
    padding: 0 25px;
    box-sizing: border-box;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    word-break:break-all;
}
.section3 .resourceRowBox li .english{
    width: 100%;
    height: 13px;
    line-height: 13px;
    float: left;
    font-weight: 400;
    font-size: 13px;
    color: #fff;
    text-align: center;
    margin-top: 19px;
    padding: 0 25px;
    box-sizing: border-box;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    word-break:break-all;
}
.section3 .resourceRowBox ul li:nth-child(even) {
  margin-left:170px;  
}
.section3 .resourceRowBox ul li:nth-child(even) .bigButton {
	background:linear-gradient(315deg,rgba(255,120,117,1) 0%,rgba(248,79,76,1) 100%);
}
.section3 .resourceRowSmallBox{
   height: auto;  
	margin: 0 auto;
    width: 1000px;
}
.section3 .resourceRowSmallBox li{
    width: 240px;
    height: auto;
    float: left;
    margin-bottom: 30px;
}
.section3 .resourceRowSmallBox li .bigButton
{
	width:240px;
	height:192px;
	background:linear-gradient(180deg,rgba(43,86,181,1) 0%,rgba(69,140,232,1) 100%);
	box-shadow:0px 4px 20px rgba(217,217,217,1);
	opacity:1;
	border-radius:8px;
}
.section3 .resourceRowSmallBox li .pic1{
   width: 100%;
    height: 64px;
    float: left;
    text-align: center;
	margin-top:29px;
}
.section3 .resourceRowSmallBox li .pic1 img{
    width: auto;
    height: 100%;
}
.section3 .resourceRowSmallBox li .text{
   width: 100%;
    height: 26px;
    line-height: 26px;
    float: left;
    font-weight: 400;
    font-size: 26px;
    color: #fff;
    text-align: center;
    margin-top: 25px;
    padding: 0 25px;
    box-sizing: border-box;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    word-break:break-all;
}
.section3 .resourceRowSmallBox li .english{
   width: 100%;
    height: 13px;
    line-height: 13px;
    float: left;
    font-weight: 400;
    font-size: 13px;
    color: #fff;
    text-align: center;
    margin-top: 19px;
    padding: 0 25px;
    box-sizing: border-box;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    word-break:break-all;
}
.section3 .resourceRowSmallBox ul li:nth-child(2) {
  margin-left: 13px;  
}
.section3 .resourceRowSmallBox ul li:nth-child(2) .bigButton {
	background:linear-gradient(315deg,rgba(255,120,117,1) 0%,rgba(248,79,76,1) 100%);
}
.section3 .resourceRowSmallBox ul li:nth-child(3) {
  margin-left: 13px;  
}
.section3 .resourceRowSmallBox ul li:nth-child(3) .bigButton {
	background:linear-gradient(315deg, #FFC95D 0%, #FFA21F 100%);
    box-shadow: 0px 4px 20px #D9D9D9;
}
.section3 .resourceRowSmallBox ul li:nth-child(4) {
  margin-left: 13px;  
}
.section3 .resourceRowSmallBox ul li:nth-child(4) .bigButton {
	background:linear-gradient(324deg, #2BF059 0%, #00BE2C 100%);
    box-shadow: 0px 4px 20px #D9D9D9;
}
.section3 .resourceList{
    width: 100%;
    height: 203px;    
    box-sizing: border-box;
	float:left;
	 text-align: center;
	position: relative;
	margin-top:63px;
	
}
.section3 .resourceListBox{
   height: auto;  
	margin: 0 auto;
    width: 100%;
}
.section3 .resourceListBox li{
    width: 147px;
    height: auto;
    float: left;
    margin-bottom: 30px;
	margin:0  23px 0 0;
}
.section3 .resourceListBox ul li:nth-child(6n+6) {
  margin-right:0px;  
}

.section3 .resourceListBox li .pic1{
    width: 100%;
    height: 147px;
    float: left;
    text-align: center;
	/*margin-top:29px;*/
	background:rgba(255,255,255,1);
	border:1px solid rgba(204,204,204,1);
	box-shadow:6px 6px 6px rgba(0,0,0,0.16);
	opacity:1;
	border-radius:6px;
}
.section3 .resourceListBox li .pic1 img{
    width: 140px;
    height: 140px;
}
.section3 .resourceListBox li .text{
    width: 100%;
    height: 58px;
    line-height: 30px;
    float: left;
    font-weight: 500;
    font-size: 18px;
    color:rgba(64,64,64,1);
    text-align: center;
    margin-top: 33px;
    padding: 0 0px;
    box-sizing: border-box;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:break-all;
}

.section4{
    overflow: hidden;
    background: no-repeat center top;
    background-size: auto 100%;
    position: relative;
}
.section4 .sectionTitle{
    margin-top: 54px;
    opacity: 1;
}
.section4 .content{
    max-width: 1000px; 
    height: auto;
    margin: 0 auto;
    position: relative;	
}
.section4 .swiperRow{
    width: 100%;
    height: 307px;    
    box-sizing: border-box;
	float:left;
	 text-align: center;
	position: relative;
	margin-top:54px;
	
}
.section4 .swiperRowBox{
   height: auto;  
	margin: 0 auto;
    width: 1000px;
}

  .section4    .swiper-content
   {
       height:100%;
   }
  .section4  .swiper-content img
   {
       height:100%;
       max-width:100%;
       border-radius:.5em;
   }
     .section4  .swiper-container
    {
        height:307px;
        overflow:hidden;
    }
	
.section4 .activityList{
    width: 100%;
    height: auto;
    float: left;
    margin-top: 48px;
}
.section4 .activityList ul {
   
	width:100%;
	height:200px;
	clear: both;
    overflow: hidden;
}
.section4 .activityList ul li{
   
	width:44%;
	height:62px;
	float:left;
	margin-bottom:44px;
}
.section4 .activityList ul li:nth-child(even) {
  margin-left: 2%;
}
.section4 .activityList ul li .tit
{
	width:450px;
	height:25px;
	font-size:20px;	
	font-weight:500;
	line-height:25px;
	color:rgba(64,64,64,1);
	opacity:1;
	
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;

}
.section4 .activityList ul li .date
{	
	width:200px;
	height:27px;
	font-size:16px;
	font-weight:500;
	line-height:24px;
	color:rgba(149,149,149,1);
	opacity:1;
}
.section4 .activityList ul li .text
{
	width: auto;
    height: auto;
	margin-left:20px;	
	float:left;

    cursor:pointer;
}

.section5{
    overflow: hidden;
    background: no-repeat center top;
    background-size: auto 100%;
    position: relative;
}
.section5 .sectionTitle{
    margin-top: 54px;
    opacity: 1;
}
.section5 .content{
    max-width: 1000px;
   
    height: auto;
    margin: 0 auto;
    position: relative;	
}
.section5 .streetLibraryList{
    width: 100%;
    height: 208px;    
    box-sizing: border-box;
	float:left;
	 text-align: center;
	position: relative;
	margin-top:42px;
	
}
.section5 .streetLibraryListBox{
   height: auto;  
	margin: 0 auto;
    width: 100%;
}
.section5 .streetLibraryListBox li{
    width: 208px;
    height: auto;
    float: left;
    margin: 0 55px 0 0;
}
.section5 .streetLibraryListBox li:nth-child(4n+4){
    margin-right: 0px;
}
.section5 .streetLibraryListBox li .bigButton
{
	width:208px;
	height:208px;
	background:rgba(248,248,248,1);
	opacity:1;
	border-radius:6px;
	
}
.section5 .streetLibraryListBox li .pic1{
    float: left;
    text-align: center;
	margin:25px 50px 25px 50px;
	
	width:108px;
	height:108px;
	background:rgba(255,255,255,1);
	border:1px solid rgba(237,237,237,1);
	border-radius:50%;
	opacity:1;
	   background: no-repeat center top;
}
.section5 .streetLibraryListBox li .pic1 img{
    width: auto;
    height: 100%;
}
.section5 .streetLibraryListBox li .text{
    width: 100%;
    height: 20px;
    line-height: 20px;
    float: left;
    font-weight: 500;
    font-size: 20px;
    color:rgba(57,57,57,1);
    text-align: center;
    /*margin-top: 12px;*/
    padding: 0 25px;
    box-sizing: border-box;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:break-all;
}

.section5 .streetLibraryListBox10{
   height: auto;  
	margin: 0 auto;
    width: 100%;
}
.section5 .streetLibraryListBox10 li{
    width: 174px;
    height: auto;
    float: left;
    margin: 0 32.5px 24px 0;
}
.section5 .streetLibraryListBox10 li:nth-child(5n+5){
    margin-right: 0px;
}
.section5 .streetLibraryListBox10 li .bigButton
{
	width:174px;
	height:174px;
	background:rgba(248,248,248,1);
	opacity:1;
	border-radius:6px;
	
}
.section5 .streetLibraryListBox10 li .pic1{
    float: left;
    text-align: center;
	margin:11px 32px 3px 32px;
	
	width:110px;
	height:110px;
	background:rgba(255,255,255,1);
	border:1px solid rgba(237,237,237,1);
	border-radius:50%;
	opacity:1;
	   background: no-repeat center top;
}
.section5 .streetLibraryListBox10 li .pic1 img{
    width: auto;
    height: 100%;
}
.section5 .streetLibraryListBox10 li .text{
    width: 100%;
    height: 20px;
    line-height: 20px;
    float: left;
    font-weight: 500;
    font-size: 20px;
    color:rgba(57,57,57,1);
    text-align: center;
    /*margin-top: 12px;*/
    padding: 0 25px;
    box-sizing: border-box;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:break-all;
}
.footer{
    width: 100%;
    height: auto;
    float: left;

    overflow:visible;
}
.footer .footer1{
    max-width: 1000px;
    width: 80%;
    height: auto;
    margin: 0 auto;
    overflow:visible;
}
.footer .left{
    width: 50%;
    height: auto;
    float: left;
}


.footer .left .addressbox{
    width: 380px;
    height: auto;
    float: left;
    margin-left: 50px;
    margin-top: 37px;
}
.footer .left .addressbox .address{
    width: 380px;
    height: auto;
    float: left;
	  
    height: auto;
    float: left;
    font-size: 14px;
    line-height: 21px;
    font-weight:400;
	line-height:24px;
	color:rgba(201,201,201,1);

}

.footer .right{
    width: 50%;
    height: auto;
    float: right;
    margin-top: 37px;
}
.footer .right .beian{
    max-width: 600px;
    height: auto;
    float: left;    
	font-size:14px;
	font-weight:400;
	line-height:24px;
	color:rgba(201,201,201,1);
	opacity:1;
}

.footerbox{
    width: 100%;
    height: 140px;
    float: left;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 201;
    background:rgba(38,39,38,1);
    overflow:visible;
	opacity:0;
    display:none;
}