.container{}
.row::after,.row::before{display: none;}
.row{display: flex;flex-wrap: wrap;}
.section{
    position: relative;
    width: 100%;
    height:100%;

   
}
.section .swiper-slide img{width: 100%;}
.swiper-button-next, .swiper-button-prev{outline: none;}
.section .inner{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;}
.section .inner .txt{background: rgba(255,255,255,.5);box-sizing: border-box;padding:5% 6%;width: 50%;}
.section .inner .txt h1{font-size: 0.48rem;margin-top: 0;}
.section .inner .txt span{font-size: 0.18rem;line-height: 1.6;margin-top: 0.3rem;display: block;}
.section .swiper-pagination-bullet{border-radius: 0;width: 12px;height: 12px;opacity: 0.6;}
.section .swiper-pagination-bullet-active{background-color: #fff;}
.section .swiper-button-next:after,.section  .swiper-button-prev:after{color: #fff}
.section2{margin: 0.8rem 0 1.5rem 0;}
.section2{display: flex;align-items: center;flex-wrap: wrap;}
.section2 .tit{width: 40%;text-align: center;}
.section2 .tit a{margin: 0 auto;}
.section2 .hdswi {width: 60%;position: relative;}
.section2 .hdswi::after{content: '';display: block;position: absolute;right: 0;top: 0;height: 100%;width: 30%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0), #fff);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0), #fff);
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
  z-index: 9;
}
.section2 .hdswi .swiper-button-next{z-index: 99;}
.section2  .hdswi .swiper-slide{position: relative;}
.section2  .hdswi .swiper-slide .boximg{overflow: hidden;position: relative;height: 270px;}
.section2  .hdswi .swiper-slide .boximg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.5s ease 0s ;
    -moz-transition: all 0.5s ease 0s ;
    -ms-transition: all 0.5s ease 0s ;
    -o-transition: all 0.5s ease 0s ;
    transition: all 0.5s ease 0s ;


}
.section2  .hdswi .swiper-slide .con{position: relative;width: 90%;float: right;margin-top: -0.3rem;}
.section2  .hdswi .swiper-slide .con .bar{width: 100%;background-color: #30bcc9;overflow: hidden; box-sizing: border-box;padding: 0.08rem;}
.section2  .hdswi .swiper-slide .con .bar h1{font-size: 0.3rem;color: #fff;margin-top: 0;margin-bottom: 0;line-height: 1.4;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;

}
.section2  .hdswi .swiper-slide .con p{font-size: 0.16rem;color: #7c7c7c;line-height: 1.6;margin-top: 0.2rem;


}
.section2  .hdswi .swiper-button-next:after,.section2  .hdswi .swiper-button-prev:after {color: #30bcc9;}
.section2  .hdswi .swiper-button-prev{left: -1rem;}
.section2  .hdswi .swiper-slide:hover .boximg img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.tit h1{color: #f6404f;margin-bottom: 0.3rem;font-size: 0.36rem;}
.more{display: block;text-align: center;font-size: 0.18rem; width: 1.96rem;height: 0.44rem;line-height: 0.44rem;background-color: #fff;border: 1px solid #30bcc9;box-shadow: 3px 3px #4e9497;}
.more:hover{background-color: #4e9497;color: #fff;box-shadow: 3px 3px #fff;}
.section3{position: relative;padding: 0.8rem 0;background-color: #f8f8f8;}
.section3 .container{position: relative;}
.section3 .ii1{position: absolute;left: -1.5rem;top: 0;max-width: 100%;}
.section3 .ii2{position: absolute;right: 0.5rem;top: -0.5rem;max-width: 100%;}
.section3 .ii3{position: absolute;right: 0rem;bottom: 0.4rem; max-width: 100%;}
.section3 .news .items{box-shadow: 0px 0px 5px 5px #e9e9e9;padding-bottom: 0.5rem;height: 100%;}
.section3 .news .col-md-4{margin-bottom: 0.3rem;}
.section3 .news .boximg{height: 225px;}
.section3 .news .boximg img{width: 100%;height: 100%;object-fit: cover;}
.section3 .news .tag{display: flex;flex-wrap: wrap;margin: 0.2rem;}
 .news .tag{display: flex;flex-wrap: wrap;}
.news .tag a,.news .tag a{width: auto;height: auto;padding: 0rem 0.15rem;border-radius: 0.1rem;font-size: 0.14rem;color: #fff;margin: 0.05rem;}
.section3 .news .tag a,.news .tag a{width: auto;height: auto;padding: 0rem 0.15rem;border-radius: 0.1rem;font-size: 0.14rem;color: #fff;margin: 0.05rem;}

.colororange{background-color: #f08300;}
.colorogreen{background-color: #2b9700;}
.colorblue{background-color: #2b53a1;}
.section3 .news h3{font-size: 0.18rem;color: #333333;margin: 0 0.2rem;    font-weight: bold;}
.section3 .news p{font-size: 0.16rem;line-height: 1.6;color: #7c7c7c;margin: 0.2rem;}
.section3 .news .m{border-bottom: 1px solid #000;margin: 0 0rem 0.3rem 0.2rem;}
.section3 .news .m:hover{color: #30bcc9;border-color: #30bcc9;}
.section3 .news .m i{margin-left: 0.5rem;}
.section3 .more{margin: 50px auto;}



.section4 .triptych{margin-top: 0.2rem}
.section4 .header-gray {
    top: 25%;
    font-size: 32px;
    width: auto;
    font-weight: bold;
    color: #fff;
    z-index: 9999;

}
.section4 .header-gray img{display: block;margin:0 auto 20px auto;border-radius: 50%;}
.triptych .section.sea .header-gray {
    left: 45%;
}
.triptych .section.land .header-gray {
    left: 38%;
}
.triptych .copy{background: none !important;}
.triptych .copy h2{
    color: #fff;
    text-align: left;
    font-size: 0.3rem;
    font-weight: bold;
}
.triptych .copy p{
    margin: 15px 0 10px 0;
    color: #fff;
    font-size: 18px;
    line-height: 1.6;
}
.triptych .header-gray span{width: 60px;height: 60px;background-color: #fff;display: flex;justify-content: center;align-items: center;border-radius: 50%;margin: 0 auto;margin-top: 0.3rem;}
.triptych .header-gray span i{color: #333;}
.triptych .header-gray span:hover{background-color: #30bcc9;color: #fff;}
.triptych .header-gray span:hover i{color: #fff}
.triptych .air .skew{left: -20%;}
.triptych .land .skew{right: -15%;}
.triptych .skew .unskew{
    transition: all 0.5s ease 0s ;
}
.triptych .skew .unskew:hover{
    -moz-transform:skew(13deg) scale(1.1);
    -ms-transform:skew(13deg) scale(1.1);
    -webkit-transform:skew(13deg) scale(1.1);
   transform:skew(13deg) scale(1.1);
}
.ydshow{display: none;}
.nysection{overflow: hidden;position: relative;}
.nysection .b1{width: 100%;float: right;}
.nysection .bgg{position: absolute;left: 0;top: 0;width: 100%;}
.nysection .bgg2{width: 100%;height: 100%;object-fit: cover;}
.nysection .inner{position: absolute;left: 0;top: 2%;width: 100%;height: 100%;display: flex;align-items: center;}
.nysection .inner .address a,.nysection .inner .address span{font-size: 0.18rem;color: #886936;}
.nysection .inner h1{font-size: 0.48rem;color: #886936;}
.newssection{margin: 0.5rem auto;}
.newssection .article .title .links .collect{
    border-radius: 5px;
    color: #fff;
    margin-left: 5px;
    background: green;
    height: 32px;
    line-height: 32px;
    padding: 0px 5px;
}
.ny2{height: 144px}
.keytitle{
    width: 50%;
	float:left;
    font-size: 20px;}
.sort{width: 100%;display: flex;justify-content: flex-end;margin-bottom: 0.3rem;}
.sort form .form-group{width: 3rem;border: 1px solid #7c7c7c;margin-bottom: 0.15rem;}
.sort form .form-control{border: none;padding-left: 0}
.sortsearch{width: 50%;display: flex;justify-content: flex-end;margin-bottom: 0.3rem;}
.sortsearch form .form-group{width: 3rem;border: 1px solid #7c7c7c;margin-bottom: 0.15rem;}
.sortsearch form .form-control{border: none;padding-left: 0}
.newssection .news ul li{position: relative;overflow: hidden; border-bottom: 1px solid #cccccc;box-sizing: border-box;margin-bottom: 0.3rem;padding-bottom: 0.3rem;}
.newssection .news .boximg{height: 2.4rem;}
.newssection .news .boximg img{width: 100%;height: 100%;object-fit: cover;}
.newssection .news .right h3{font-size: 0.24rem;color: #333333;line-height: 1.6;}
.newssection .news .right p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; font-size: 0.16rem;color: #666666;margin-bottom: 0.3rem;line-height: 1.6;margin-top: 0.2rem;}
.page ul{display: flex;justify-content: center;align-items: center;}
.page ul li{width: 38px;height: 38px;text-align: center;display: flex;align-items: center;justify-content: center;font-size: 0.16rem;margin:  0.1rem;}
.page ul .pre,.page ul .next{border: 1px solid #7e7e7e;}
.page ul .active a,.page ul li:hover a{color: #c7000b;}
.newssection .article .title{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.newssection .article .title h1{font-size: 0.36rem;line-height: 1.6;margin-top: 0;}
.newssection .article .tags a{display: inline-block;width: auto;height: auto;padding: 0.02rem 0.1rem;border-radius: 0.3rem;color: #fff;}
/* .newssection .article .tags a:nth-child(1){background-color: #f08300;}
.newssection .article .tags a:nth-child(2){background-color: #2b9700;}
.newssection .article .tags a:nth-child(3){background-color: #2b53a1;} */
.newssection .article .arcbody{line-height: 1.6;font-size: 0.18rem;    min-height: 60vh;}
.newssection .article .arcbody ul li{list-style: disc;margin-left: 20px;}
.newssection .article .arcbody ol li{list-style: disc;margin-left: 20px;}
.newssection .article .arcbody img{display: block;max-width: 100%;cursor: pointer;}
.newssection .article .arcbody p{margin-top: 0.3rem;}
.newssection .article .arcbody iframe{max-width:90vh;max-height:50vh;}


.arcbodys{line-height: 1.6;font-size: 0.18rem;    min-height: 60vh;}
.arcbodys ul li{list-style: disc;margin-left: 20px;}
.arcbodys ol li{margin-left: 20px;}
.arcbodys img{display: block;max-width: 100%;margin-right: 0.3rem}
.arcbodys p{margin-top: 0.3rem;}
.a2a_dd{display: none;}
.aboutsection{overflow: hidden;position: relative;padding: 0.8rem 0;}
.aboutsection img{width: 100%;}
.aboutsection p{font-size: 0.18rem;line-height: 1.6;}
.aboutsection .mt50{margin-top: 0.5rem;}
.aboutsection .ydshow{display: none;}
.sectionmap .section-header {border-bottom: 1px solid #e6e6e6;}
.links-list {
    padding: 4px 0 0;
    font-size: 14px;
    line-height: 44px;
}
.links-list .link-item {
    overflow: hidden;
    zoom: 1;
    
}
.links-list .link-item .links {
    overflow: hidden;
    zoom: 1;
 
}
.item-title{   color: #f6404f;}
.links-list .link-item a {
    float: left;
    width: 111px;
    height: 44px;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
}
.links-list .link-item a:hover{color: #f6404f;}
.mapsection{overflow: hidden;position: relative;padding: 80px 0px;}
.mapsection .row{justify-content: flex-start;}
.mapsection .aurl{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;margin-bottom: 30px;position: relative;}
.mapsection .aurl img{width: 100%;}
.mapsection .aurl h3{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;color: #333;margin-top: 0;    padding: 30px;
    line-height: 1.6;}

@media screen and (max-width:1680px) {
 
}
@media screen and (max-width:1440px) {

 

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

}
@media screen and (max-width:1280px) {
    .triptych .section.sea .header-gray{left: 40%;}
    .triptych .section.land .header-gray {
        left: 35%;
    }
}
@media screen and (max-width:1194px) {
    .container{width: 90%;}
    .navigation-up .navigation-v3 li a{font-size: 16px;}
    footer .link ul li img{max-width: 80%}
}
@media screen and (max-width:1024px) {
    .container {
        width: 98%;
    }
    .section2 .tit{width: 30%;}
    .section2{justify-content: space-between;}
    .section4 .header-gray{top: 15%;}
    .newssection .news .right h3{margin-top: 0;}
    .section .inner .txt{padding: 3%;}
    .triptych .section.air .header-gray{left: 20%;}
    .triptych .section.sea .header-gray {
        left: 20%;
    }
    .triptych .section.land .header-gray{left: 20%;}
    footer img{max-width: 80%;}
    .nysection .inner h1{margin-top: 0.1rem;font-size: 0.3rem}

    
  




}
@media screen and (max-width:992px) {
    .visible-xs{display:block !important;}
	.hidden-xs{display:none !important;}
	.headeryd{display:flex;justify-content:space-between;align-items:center;height:50px;}
    .headeryd .headright{display:flex;align-items:center;justify-content:space-between;}
    .headeryd .headright ul{display: flex;align-items: center;margin-bottom: 0;margin-right: 15px;}
    .headeryd .headright ul{display: flex;align-items: center;margin-bottom: 0;}
    .headeryd .headright ul li a{color: #333;margin-left: 0.2rem;font-size: 18px;margin-right: 0.2rem}
    .headeryd .headright ul li:nth-child(1)::after{content: '';display:inline-block;height: 12px;width: 1px;background-color: #333;}
    .topright .login{display: flex;align-items: center;margin-right: 0.1rem;background-color: #30bcc9;border-radius: 0.05rem;padding: 0.05rem 0.1rem;color: #fff;}
    .topright .login a{color: #fff;display: flex;align-items: center;font-size: 0.14rem;}
    .topright .login a:nth-child(2)::after{content: '';display: block;width: 1px;height: 0.08rem;background-color: #fff;margin: 0 0.1rem;}
    .topright .login img{margin-right: 0.05rem;}
	.headeryd .headright  button{border:none;}
    .header{
        width: 100%;
        top: 0;
        left: 0;
        height: 50px;
        padding: 0 15px;
        background-color: #fff;
        -webkit-box-shadow: 0 3px 10px -1px rgba(0,0,0,.2);
        -moz-box-shadow: 0 3px 10px -1px rgba(0,0,0,.2);
        box-shadow: 0 3px 10px -1px rgba(0,0,0,.2);
        z-index: 999;
    }
    .header .logo{
        overflow: hidden;
        position: relative;
        padding: 10px 0;
       
  
    }
    .header .logo img{
        max-height: 40px;
    }
    .header .language-on{
        overflow: hidden;
        position: absolute;
        left: 15px;
        top: 0;
        padding: 17px 0 0 0;
        color: #333;
        z-index: 2;
    }
    .language-box ul{}
    .language-box ul li{
        display: block;
        overflow: hidden;
        padding: 0 15px;
        background-color: #fff;
        list-style-type:none;
    }
    .language-box ul li a{
        display: block;
        overflow: hidden;
        padding:  15px  15px;
        color: #999;
        font-size: 16px;
        border-top: 1px solid #eee;
        background-color: #fff;
    }
	
    .header .menu-on{
        overflow: hidden;
        color: #333;
        z-index: 2;
    }
    .header .menu-on i{
        font-size: 20px;
        display: block;
    }
    .header .menu-on .fa-close{
        display: none;
    }

    .menu-box ul li{
        display: block;
        overflow: hidden;
        padding: 0 15px;
        background-color: #fff;
        list-style-type:none;
		position:relative;
    }
    .menu-box ul li a{
        display: block;
        overflow: hidden;
        padding:  10px  15px;
        color: #999;
        font-size: 16px;
        border-bottom: 1px solid #eee;
        background-color: #fff;
    }
    .menu-box ul li a i{
        float: right;
        font-size: 16px;
        color: #333;
        display: block;
    }
    .menu-box ul li a .fa-angle-up{
        display: none;
    }
    .menu-box ul li dl{
        margin: 0 -15px;
        display: none;
    }
    .menu-box ul li dl {
        margin: 0 -15px;
        display: none;
        height: 100%;
        overflow: hidden;
    }
    .menu-box ul li dl dd{

    }
    .menu-box ul li dl dd a{
        padding:  15px  45px;
        background-color: #fafafa;;
    }
    .menu-box .on-right-left{
        overflow: hidden;
        position: relative;
        padding:  20px  15px  15px 15px;
        background-color: #fff;
    }
    .menu-box .on-right-left a{
        display: block;
        overflow: hidden;
        height: 35px;
        line-height: 33px;
        padding: 0 10px;
        text-align: center;
        background-color: #f39800;
        border: 1px solid #f39800;
        cursor: pointer;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    .menu-box .on-right-left img{
        margin: -2px 10px 0 0;
    }
    .menu-box .on-right-left span{
        color: #fff;
    }
    .menu-box .on-right-right{
        overflow: hidden;
        position: relative;
        padding:  0px  15px  20px  15px;
        background-color: #fff;
    }
    .menu-box .on-right-right form{
		
		position:relative;
        display: flex;
		justify-content:space-between;
        overflow: hidden;
        height: 35px;
        line-height: 33px;
        text-align: center;
        padding:0 0px 0 20px;
		box-sizing:border-box;
        border:1px solid #ccc;
		border-radius:20px;
        cursor: pointer;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
	.menu-box .on-right-right input,.menu-box .on-right-right button{border:none;}
    .menu-box .on-right-right img{
        margin: -2px 10px 0 0;
    }
    .menu-box .on-right-right span{
        color: #fff;
    }
    .menu-box ul li form{margin-bottom: 0.1rem;}

    main{margin-top: 0;}
    footer .container a{display: block;}
    footer .flogo{width: 100%;}
    footer .flogo img{display: block;max-width: 100%;margin: 0.3rem auto;}
    footer .link ul{width: 100%;justify-content: center;}
    footer .link ul li{justify-content: center;}
    footer .fnav{width: 100%;text-align: center;}
    footer .fnav ul{justify-content: center;}
    footer .link ul li{text-align: center;}
    .input-group{display: flex;}

       
   
  


  
    

	
}
@media screen and (max-width:768px) {
    .section2{display: block;}
    .section2 .tit{width: 100%;}
    .section2 .hdswi{width: 100%;margin-top: 0.8rem;}
    .ydshow{display: block;}
    .pcshow{display: none;}
    .section2 .more{margin: 0.5rem auto;}
    .section2 .hdswi .swiper-button-prev{left: 10px;}
    .section2 .hdswi::before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 30%;
        background: -webkit-linear-gradient(right, #fff, rgba(255, 255, 255, 0));
        background: -o-linear-gradient(right, #fff, rgba(255, 255, 255, 0));
        background: -moz-linear-gradient(right, #fff, rgba(255, 255, 255, 0));
        background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
        z-index: 9;
    }
    .section2 .hdswi .swiper-slide .con .bar{height: 0.8rem;}
    .section2 .hdswi .swiper-slide .con .bar h1{font-size: 0.24rem;}
    footer .link ul li img{max-width: 50%;}
	.newssection .article .arcbody iframe{max-width:100%;max-height:100%}
	
	.copy ul{
    flex-wrap: wrap;
    justify-content: center;}
	.copy ul li{display: flex}
	.copy ul li:nth-child(2)::after{margin: 5px 10px;}
	.copy ul li:nth-child(1)::after{margin: 5px 10px;}
	

}
@media screen and (max-width:767px) {
    .section2 .hdswi .swiper-slide .con .bar h1{font-size: 22px;}
    .section3 .news .tag a, .news .tag a{margin:  5px;}
    .topright .login a{font-size: 14px;}
    .container{width: 100%;}
    .section3 .row{flex-wrap: wrap;margin: 0;}
    .section3 .row .col-xs-12{margin-bottom: 20px;padding: 0;}
    .tit h1{text-align: center;margin-bottom: 50px;font-size: 24px;}
    .triptych .air .skew{left: 0;}
    .triptych .land .skew{right: 0;}
    .triptych .copy p{text-align: center;}
    .triptych .copy h2{text-align: center;font-size: 22px;}
    .triptych p img{border-radius: 50%;}
    .triptych .section{margin-bottom: 30px;}
    footer .flogo,footer .link ul{width: 100%;flex-wrap: wrap;justify-content: center;}
    footer .link ul li{width: 100%;justify-content: center;}
    footer .link ul li{width: 100%;text-align: center;margin-top: 20px;margin-bottom: 20px;}
    footer img{display: block;margin: 0 auto;}
    footer .link ul li span{margin: 20px auto;display: block;}
    footer .fnav ul{flex-wrap: wrap;}
    footer .fnav ul li{width: 50%;text-align: center;margin: 10px 0;}
    .copy .container{justify-content: center;}
    .nysection .inner h1{margin-top: 0.5px}
    .newssection .news .boximg{padding: 0;height:200px;overflow: hidden;}
    .newssection .news .right{padding: 0;margin-top: 30px;}
    .section .swiper-slide{height: auto;}
    .section .swiper-slide img{height: 100%;object-fit: cover;}
    .triptych .unskew{width: 150% !important;left: -25% !important;}
    .input-group-addon:first-child{width: 5rem;font-size: 14px;}
    .form-control{font-size: 14px;}
    .section2 .hdswi .swiper-slide .con .bar h1{padding: 0.05rem 0.4rem;}
    .newssection .article .title{justify-content: center;}
    .newssection .article .title .links{width: 100%;margin: 0.3rem auto;display: flex;justify-content: center;}
    .newssection .article .tags{display: flex;justify-content: center;flex-wrap: wrap;margin-top: 0.2rem;}
    .newssection .article .tags a{margin: 0.1rem 0.1rem;}
    .aboutsection .pcshow{display: none;}
    .aboutsection .ydshow{display:block;}
    .address{display: none;}
    .nysection .inner h1{margin-bottom: 0;font-size: 24px}
    .mapsection .aurl h3{font-size: 20px;    padding: 10px;}
    .ny2{height: 80px}
	.section3 .news .tag a,.news .tag a{font-size:14px;}
	.section3 .news h3,.newssection .news .right h3{font-size:24px;}
	.section3 .news .m,.section3 .news p,.newssection .news .right p{font-size:18px;}
	.section3 .more,.more{font-size:18px;width: 146px;height: 44px;line-height: 44px;}
	.sort{display:block}
	.newssection .article .title h1 {font-size:28px;}
	.sort form .form-control,.page ul li{font-size:16px;}
	.sort form .form-group{width:100%}
    .triptych .skew .unskew:hover{
    -moz-transform:none;
    -ms-transform:none;
    -webkit-transform:none;
   transform:none);
}
.section2 .hdswi .swiper-slide .con .bar{height: 80px;display: flex;align-items: center;font-size: 18px;}
.section2 .hdswi .swiper-slide .con p{
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    margin-top: 10px; 
    font-size: 16px;
    }
    .arcbodys{font-size: 18px;}
    .newssection .article .arcbody{font-size: 18px;}
    footer .link ul li img{max-width: 100%}
}
@media screen and (max-width:320px) {

}
        .layui-layer-shade {
    display: none;
    position: fixed;
    _position: absolute;
    pointer-events: auto;
    z-index: 19891014;
    background-color: rgb(0,0,0,0.8);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    _height: expression(document.body.offsetHeight+"px");
    z-index: 10000
}

.layui-layer {
    display: none;
    position: fixed;
    -webkit-overflow-scrolling: touch;
    top: 150px;
    left: 50%;
    margin: 0;
    padding: 0;
    background-color: #fff;
    -webkit-background-clip: content;
    border-radius: 2px;
    box-shadow: 1px 1px 50px rgba(0,0,0,.3)
}

.layui-layer-content {
    position: relative;
    overflow: auto;
    height: 300px;
    padding: 20px;
    box-sizing: border-box
}

.layui-layer-content p {
    font-size: 12px;
    text-align: center
}

.layui-layer-content ul li {
    list-style: none
}

.layuis-layer-shade {
    display: none;
    position: fixed;
    _position: absolute;
    pointer-events: auto;
    z-index: 19891014;
    background-color: rgb(0,0,0,0.8);
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 110000
}

.layuis-layer {
    display: none;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 15px 0;
    z-index: 9996;
   
}

.layuis-layer .left {
    width: 80%
}

.layuis-layer .right {
    width: 12%
}

.layuis-layer-content {
    position: relative;
    width: 100%;
    max-width: 60%;
    background-color: #fff;
    margin: 0 auto;
    padding: .2rem;
    margin-top: 15%;
    border:5px solid #30bcc9;
}

.layuis-layer-content .cookcon {
    width: 100%;
    position: relative
}

.layuis-layer-content .cookcon .left {
    width: 100%;
    margin-top: 40px;
    height: auto;


}
.scrollb{overflow-y: scroll;}
.scrollb::-webkit-scrollbar{
    width: 6px;
    height: 6px;
    background-color: #333;
  }
  
  /*定义滚动条轨道 内阴影+圆角*/
.scrollb::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(144,107,71,0.3);
    border-radius: 10px;
    background-color: #333;
  }
  
  /*定义滑块 内阴影+圆角*/
  .scrollb::-webkit-scrollbar-thumb{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(144,107,71,.3);
    background-color: #333;
  }

.layuis-layer-content .cookcon .left h1{text-align: center;font-size: 24px;margin-bottom: 20px;margin-top: 0}
.layuis-layer-content .cookcon .left  p{
        word-wrap:break-word;
     
}
.layuis-layer-content .cookcon .left img {
    width: 100%
}

.layuis-layer-content .cookcon .right {
    position: absolute;
    right: 0;
    top: -50px;
    width: 20px;
    height: 20px;
}

.layuis-layer-content .cookcon .right a {
    font-size: 20px;
    background: 0;
    color: #333
}
.layuis-layer-content .cookcon .right a:hover{color: #333 !important}
.bbb {
    padding-bottom: 15px;
    overflow: hidden
}

.bbb .l {
    float: left;
    background: #2565ae;
    max-width: 40%;
    margin-left: 55px
}

.bbb>div {
    display: inline-block;
    padding: 5px 20px;
    padding-left: 20px;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    position: relative;
    padding-left: 38px
}

.bbb>div i {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    left: 5px;
    height: 35px;
    line-height: 35px
}

i.iconfont {
    font-size: 23px;
    margin-right: 5px;
    line-height: 1;
    vertical-align: middle
}

.bbb .r {
    float: right;
    background: grey;
    max-width: 40%;
    margin-right: 55px
}

.bbb>div {
    display: inline-block;
    padding: 5px 20px;
    padding-left: 20px;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    position: relative;
    padding-left: 38px
}

.bbb>div i {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    left: 5px;
    height: 35px;
    line-height: 35px
}

i.iconfont {
    font-size: 23px;
    margin-right: 5px;
    line-height: 1;
    vertical-align: middle
}

.agree {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background-color: #000
}

.agree:hover {
    color: #fff!important
}

@media(max-width:1024px) {
    .layuis-layer-content {
        margin-top: 40%
    }
}

@media(max-width:767px) {
    .layuis-layer-content {
        margin-top: 50%;
        max-width: 90%
    }
}