@media (min-width: 768px){
    .container {
        width: 94%;
    }
}

@media (min-width: 1200px){
    .container {
        width: 1170px;
    }
}
@media (min-width: 1600px){
    .container {
        width: 1522px;
    }
}
video{width: 100%;}
.container{position: relative;z-index: 11;max-width: 1600px;padding: 0 30px;}
.swiper-pagination-bullet{outline: none;}
main{
    position: relative;
    margin-top: 170px;
}
.section{
    overflow: hidden;
    position: relative;
    width: 100%;
	height:100%; 
}
.topbars{width: 100%;margin: 0;padding: 0;display: block;}
.section  img{width:100%;height: 100%;object-fit: cover;}
.section .inner{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;}
.section .inner .txt{width: 100%;position: relative;}
.section .inner h1{font-size: 60px;color: #fff;line-height: 1.6;text-shadow: 5px  5px 7px #231815;text-align: center;}
.section .inner h1 i{
    display: inline-block;
    font-style: normal;
    margin: 0px 20px;
    transform: translateY(-18%);
    text-shadow: none;
}
.section .swiper-slide{height: 512px;}
.section .inner .txt>* {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}
.swiper-slide-active .inner .txt>*:nth-child(1) {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.swiper-slide-active .inner .txt>* {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.section .swiper-pagination-bullet{background-color: #dbdbdb;opacity: 1;}
.section .swiper-pagination-bullet-active{background-color: #3B2787;}

.tit{position: relative;margin-bottom: 50px;}
.more{position: absolute;right:0px;top: 0; display: block; width: 70px;height: 30px;line-height: 30px;background-color: #424242;text-align: center;font-size: 14px;color: #fff;}
.more i{margin-left: 5px;}
.more:hover{background-color: rgba(0,0,0,.9);color: #fff;}
.tit h1{text-align: center;font-size: 27px;color: #474647;font-weight: bold;margin-top: 0;}

.section2{position: relative;padding: 50px 0px;}
.section2 img{display: block;margin: 30px auto;max-width: 100%;}
.section2 p{text-align: center;font-size: 18px;color: #231815;}

.section3{position: relative;padding: 50px 0px;background-color: #f7f7f7;}
.section3 .tit h1{text-align: left;}
.section3 .tit h1{border-left: 5px solid #424242;box-sizing: border-box;padding-left: 15px;}
.list .boximg{overflow: hidden;height: 255px;}
.list .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 ;
	

}
.list .boximg:hover 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);
}
.list a{display: block;width: 100%;height: 100%;background: #efefef;position: relative;margin-bottom: 30px;}
.list .con{box-sizing: border-box;padding: 1% 12%;position: absolute;bottom: 0;left: 0;width: 100%;box-sizing: border-box;}
.list .con{width: 100%;height: 80px;background: linear-gradient(90deg ,rgba(108,108,108,0.8), rgba(148,148,148,0.8));color: #fff;text-align: center;display: flex;align-items: center;justify-content: center;}
.list .con span{text-shadow: 5px 5px 5px #6c6c6c;font-size: 18px;font-weight: bold;text-align: left;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
	overflow:hidden;
}
html[lang="en"] .list .con span{
    text-align: justify;
}
.section4{background-color: #fff;}
.section4 .list .con{height: 80px;}
.section4 .list .con span{font-size: 18px;}
.section4 .list .boximg{height: 332px;position: relative;}
.section4 .list .boximg .vi{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.section4 .list .boximg .vi i{width: 50px;height: 50px;border-radius: 50%;color: #fff;font-size: 1.2em; border:3px solid #fff;display: flex;justify-content: center;align-items: center;}
.section5{overflow: hidden;position: relative;padding: 50px 0;background-color: #f7f7f7;}

.section5 .tit{
    overflow: hidden;
    position: relative;
    text-align: center;
}
.section5 .tit h1{
    color: #0d6fb8;
    font-weight: bold;
    margin: 0;
}
.section5 .tit img{
    max-width: 100%;
    height: auto;
}

.section5 ul{
    display: flex;
    display: -o-flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-flex;
    justify-content: space-between;

}
.section5 ul li{
    list-style-type: none;
    width: 20%;
    -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 ;
}
.section5 ul li .li{
    overflow: hidden;
    position: relative;
    height: 228px;
    display: block;
    width: 100%;


}
.section5 ul li .li .spI{
    overflow: hidden;
    position: relative;
    height: 228px;
}
.section5 ul li .li .spI img{
    width: 100%;
    height: 100%;
    object-fit: cover;

}

.section5 ul li:nth-child(1) .txt{background: rgba(225,227,93,.8);}
.section5 ul li:nth-child(2) .txt{background: rgba(146,224,86,.8);}
.section5 ul li:nth-child(3) .txt{background: rgba(140,194,224,.8);}
.section5 ul li:nth-child(4) .txt{background: rgba(243,188,114,.8);}
.section5 ul li:nth-child(5) .txt{background: rgba(240,237,175,.8);}
.section5 ul li .li .txt{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

}
.section5 ul li .li .txt h3{
    font-size: 34px;
    color: #fff;
    font-weight: bold;
    margin: 0;
    text-shadow: 5px 5px 7px #231815;
    line-height: 1.4;
}

.section5 ul .this-other{
    width: 19%;
    min-height: 228px;
    -webkit-transition: all 0.3s ease 0s ;
    -moz-transition: all 0.3s ease 0s ;
    -ms-transition: all 0.3s ease 0s ;
    -o-transition: all 0.3s ease 0s ;
    transition: all 0.3s ease 0s ;
}
.section5 ul .this-other .li .spI{
    height: 228px;
}
/.section5 ul .this{
    width: 19%;
    -webkit-transition: all 0.3s ease 0s ;
    -moz-transition: all 0.3s ease 0s ;
    -ms-transition: all 0.3s ease 0s ;
    -o-transition: all 0.3s ease 0s ;
    transition: all 0.3s ease 0s ;
}

.section5 ul .this .li .txt{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgba(0,0,0,.5);
} 




.section6{overflow: hidden;position: relative;padding: 50px 0px;}
.section6 .imglist ul{display: flex;flex-wrap: wrap;}
.section6 .imglist ul li{
    float: left;
    background: #fff;
    width: -webkit-calc(20% - 80px);
    width: -moz-calc(20% - 80px);
    width: calc(20% - 80px);
    overflow: hidden;
    margin-bottom: 60px;
    margin-right: 35px;
    margin-left: 40px;
    box-shadow: 0 12px 16px rgb(0 0 0 / 40%);
    height: 86px;
    position: relative;
    padding: 0;
}
.section6 .imglist ul li:nth-last-child(1){margin-bottom: 0px;}
.section6 .imglist ul li:nth-last-child(2){margin-bottom: 0px;}
.section6 .imglist ul li:nth-last-child(3){margin-bottom: 0px;}
.section6 .imglist ul li:nth-last-child(4){margin-bottom: 0px;}
.section6 .imglist ul li:nth-last-child(5){margin-bottom: 0px;}
.section6 .imglist ul li:nth-last-child(6){margin-bottom: 0px;}
.section6 .imglist ul li a{height: 100%;width: 100%;display: block;}
.section6 .imglist ul li img{width: 100%;height: 100%;object-fit: cover;}
.aboutsection{overflow: hidden;position: relative;padding: 3% 0 5% 0;}
.aboutsection h3{font-size: 20px;}
.aboutsection .nav_list h3{width: 100%;height: auto;padding: 15px 10px;background: linear-gradient(90deg ,#9599b8,#b9bc9e, #dfe388);color: #fff;margin: 0;}
.aboutsection .nav_list ul{background-color: #F7F7F7;margin: 0;}
.aboutsection .nav_list ul li a{color: #040000;font-size: 18px;padding: 10px;display: block;opacity: 0.6;box-sizing: border-box;border-left: 5px solid #F7F7F7;}
.aboutsection .nav_list ul .active a{color: #040000;opacity: 1;border-left: 5px solid #BFD465;font-weight: bold;}
.aboutsection .aboutcon h3{font-size: 20px;padding: 15px 0px;margin-top: 0;margin-bottom: 0;}
.aboutsection .aboutcon .tt{border-bottom: 2px solid #B2CA33;}
.aboutsection .aboutcon .about_txt .lists{margin-bottom:2vh;}

.aboutsection .interlist .lists .boximg{width: 350px;margin: 0 auto;}
.aboutsection .interlist .boximg{height: 450px;margin-bottom: 15px;position: relative;}
.aboutsection .aboutcon .about_txt h3{color: #B2CA33;}
.aboutsection .aboutcon .about_txt ul li{list-style: disc;margin-left: 20px;font-size: 18px;}
.aboutsection .aboutcon .about_txt ol li{list-style: decimal;margin: 20px;font-size: 18px;}
.aboutsection .aboutcon .about_txt p{font-size: 18px;line-height: 1.6;margin: 10px 0 10px 0;}
.aboutsection .aboutcon .about_txt span{font-size: 16px;line-height: 1.6;}
.aboutsection .aboutcon .about_txt img{display: block;margin: 30px auto;max-width: 100%;height: 100%;object-fit: cover; }
.lists img{ box-shadow: 5px 3px 15px 2px rgb(0 0 0 / 20%); }
.aboutsection .interlist .boximg i{
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}
.aboutsection .interlist .boximg i img{max-width: 100%;margin: 0 !important;box-shadow: none !important;}
.aboutsection .imgs{display: flex;flex-wrap: wrap;height: 100%;margin-bottom: 30px;}
.aboutsection .imgs img{width: 100%;}
.aboutsection .aboutcon .ins p{font-size: 18px;}
.aboutsection .wyh .wyh_tt h3{text-align: center;color: #B2CA33;font-size: 18px;text-align: center;width: 100%;margin: 20px auto;}
.aboutsection .wyh .row{display: flex;justify-content: center;flex-wrap: wrap;}
.aboutsection .wyh .boximg{position: relative;}
.aboutsection .wyh .boximg i{position: absolute;width: 100%;bottom: 0;left: 0}
.aboutsection .wyh .boximg i img{max-width: 100%;box-shadow: none;}
.aboutsection .wyh .row img{width: 100%; margin: 0 auto;box-shadow: 5px 3px 15px 2px rgb(0 0 0 / 20%);height: 100%;object-fit: cover;}
.aboutsection .wyh .row p{margin-top: 15px;font-size: 18px;}
.aboutsection .wyh .row  span{width: 100%;text-align: right;display: block;margin-bottom: 30px;font-size: 14px;}
.aboutsection .wyh .row a:hover{color: #B2CA33;}
.aboutsection .interlist{/* padding-left: 10%;padding-right: 10%; */margin-top: 3%;}
.aboutsection .interlist a:hover{color: #B2CA33;}
.aboutsection .interlist h3{text-align: center;}
.aboutsection .interlist img{margin: 10px auto !important;width: 100%;}
.aboutsection .interlist p{margin: 5px auto;}
.aboutsection .supervisor ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 3% 0;}
.aboutsection .supervisor ul li{width: 49%;box-shadow: 5px 3px 5px 2px rgb(0 0 0 / 20%);box-sizing: border-box;padding: 15px;background: url(../images/bg.gif) no-repeat left top;font-size: 14px;margin-bottom: 15px;text-align: center;list-style: none !important;margin-left: 0px !important;}
.aboutsection .supervisor ul li b{display: block;text-align: center;width: 100%;font-size: 18px}
.aboutsection .supervisor ul li p{font-size: 16px !important;}
.aboutsection .supervisor ul li span{display: block;text-align: center;width: 100%;}
.aboutsection .acalist{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 20px;}
.aboutsection .acalist .alist{margin-top: 30px;box-sizing: border-box;padding:15px 0;color: #000;display: block;width: 100%;box-shadow: 0 2px 6px rgb(0 0 0 / 30%);}
.aboutsection .acalist .alist .boximg{height: 241px; }
.aboutsection .acalist .alist .col-md-4{width: 31%;max-width: 31%}
.aboutsection .acalist .alist img{width: 100%;margin: 0;height: 100%;object-fit: cover;}
.aboutsection .acalist .alist:hover{background-color: #f7f7f7;}
.aboutsection .acalist .alist h3{font-size: 18px;line-height: 1.6;color: #000;margin-top: 0;padding-top: 0;padding-bottom: 0;font-weight: bold;word-wrap:break-word;
 text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.aboutsection .acalist .alist h4{font-size: 14px;}
.aboutsection .acalist .alist .date{font-size: 16px;}
.aboutsection .acalist .alist .info{font-size: 16px;line-height: 1.6;display: block;  overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;/*想省略几行就写几*/-webkit-box-orient: vertical;word-wrap: break-word;}
.aboutsection .acalist .alist .arc_url{font-size: 14px;margin-top: 15px;display: block;}
.aboutsection .acalist .alist:hover{color: #BFD465;}
.aboutsection .acalist .alist:hover h3{color: #BFD465;}
.page ul{display: flex;justify-content: center;margin-top: 50px;}
.page ul li{margin: 10px;font-size: 18px;display: flex;align-items: center;}
.page ul li::after{content: '';display: block;width: 2px;height: 15px;background-color: #000;margin-left: 15px;}
.page ul li:nth-child(1)::after{display: none;}
.page ul li:nth-last-child(1)::after{display: none;}
.page ul li:hover a,.page ul li .active {color: #BFD465;}
.aboutsection .aboutcon .ttarc{
    background: linear-gradient(90deg,#9599b8,#b9bc9e, #dfe388);

}
.aboutsection .aboutcon .ttarc h3{color: #fff;border-bottom: 3px solid #fff;line-height: 1.6;box-sizing: border-box;padding:9px 15px;}
.aboutsection .arc_tit{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;    margin-bottom: 20px;}
.aboutsection .arc_tit h1{font-size: 16px;margin: 0;}
.aboutsection .arctile_body{box-shadow: 0px 5px 12px 5px #ccc;box-sizing: border-box;padding: 30px;line-height: 1.6;font-size: 18px;margin-top: 15px}
.aboutsection .arctile_body img{display: block;margin: 0 auto;max-width: 100%;}
.aboutsection .arctile_body ul li,.aboutsection .arctile_body ol li{list-style: disc;margin-left: 20px;}
.aboutsection .arctile_body p{font-size: 16px;word-wrap:break-word}
.aboutsection .arctile_body .pad{padding: 30px 30px;}
.aboutsection .arctile_body div span{display: block;}
.aboutsection .tutu{margin-top: 30px;}
.aboutsection .tutu p{font-size: 18px;}
.aboutsection .recruit_list{font-size: 18px;box-shadow: 0px 5px 12px 5px #ccc;box-sizing: border-box;padding: 20px;margin-bottom: 30px;}
.aboutsection .recruit_list .rec_tit{font-size: 18px;display: block;padding-bottom: 20px;}
.aboutsection .recruit_list .under_em{border-bottom: 1px solid #333;font-style: normal;}
.aboutsection .recruit_list ul{padding-top: 5px;padding-bottom: 20px;}
.aboutsection .recruit_list ul li{margin-left: 20px;list-style: disc;font-size: 18px;}
.aboutsection .recruit_list p{text-indent: 0em;font-size: 18px;}
.aboutsection .contact{margin-top: 30px;}
.aboutsection .aboutcon .contact dl dd{font-size: 14px;margin-bottom: 15px;display: flex;align-items: center;}
.aboutsection .aboutcon .contact dl dd img{width: auto;max-width: 60%;display: inline-block;margin: 0;width: 6%;margin-right: 15px;}
.aboutsection .aboutcon .contact dl dd span{margin-top: 0;}
.aboutsection .contact .map img{width: 100%;margin: 0;}
.aboutsection .aboutcon .about_txt span{display: block;}
    .userwp{width:100%;overflow:hidden; }
.userwp .pics{width:32%;float:left;height: 450px;box-sizing: border-box;}
.userwp .pics img{width:100%;box-shadow: 5px 3px 15px 7px rgb(0 0 0 / 20%);height: 100%;object-fit: cover;}
.userwp .userdis{width:66%;float:right;padding-top: 15px}
.userwp .userdis h1{line-height:30px; padding:0px 0px; margin:0px 0px 30px;font-size:30px; font-weight:bold;border-bottom:1px solid #f1f1f1; overflow:hidden;margin-bottom: 0 ;padding-bottom: 20px}
.userwp .userdis ul{margin-top: 10px}
.userwp .userdis li{ line-height:36px;position: relative;padding-left: 20px}
.userwp .userdis li:before{
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #B2CA33;
    border-radius: 50%;
    margin-top: 15px;
    margin-right: 8px;
    position: absolute;
    left: 0;
}

	.adtable{margin-top: 30px;overflow-x: initial;}
	.adtable thead{background: linear-gradient(90deg,#9599b8,#b9bc9e, #dfe388);}
	.adtable thead th{color: #fff;vertical-align: middle !important;text-align: center;padding: 15px 30px;border-right:none !important;}
	.adtable .table-bordered>thead>tr>th{    border: 0px solid #ddd}
	.adtable tbody td{vertical-align: middle !important;text-align: center;padding: 15px 30px}
	.adtable tbody td img{box-shadow: none !important;margin:0 auto!important;}
.userwp .userdis li .fa{color:#B2CA33; margin-top:10px; width:30px;}
.userwp .userdis li .textws{width:-webkit-calc(100% - 30px); width:-moz-calc(100% - 30px); width:calc(100% - 30px);}
.userwp .userdis .downloads{display:inline-block;width:190px; height:41px;text-align:center; line-height:41px;background:#B2CA33;color:#fff; margin-top:40px; }

@media screen and (max-width:1680px) {
    .list .con{padding: 1% 2%;}


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



  


}


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

    .head-v3 .top .links{width: 50%;}
    .aboutsection .interlist .boximg,.aboutsection .wyh .boximg {}
    .section6 .imglist ul li{margin-left: 5px;margin-right: 5px; 
        margin-bottom: 20px;   
        width: -webkit-calc(19% - 0px);
        width: -moz-calc(19% - 0px);
        width: calc(19% - 0px);
    }
    .aboutsection .wyh .boximg{width: 100%;}
    .aboutsection .interlist .lists .boximg{width: 100%;}
    


    
}

@media screen and (max-width:1130px) {
.navigation-up .navigation-v3 li a{font-size: 16px;}
}


@media screen and (max-width:1024px) {
   .container{width:100%;padding: 0 20px;}
   .navigation-up .navigation-v3 li  a{font-size: 16px;}
   .section4 .list .con span{font-size: 20px;}




}
@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;padding: 0 15px;}
	.headeryd .headright{display:flex;align-items:center;justify-content:space-between;}
    .headeryd .headright  button{border:none;}
    .bar{width: 100%;padding:10px 15px;background-color: #3B2787;display: flex;justify-content: flex-end;}
    .header{
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        height: auto;
       
        background: url(../images/topbg.png) repeat top center;
        background-size: cover;
        -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;
        color: #fff;
    }
    .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;
    }
   
    main{margin-top: 50px;}
    .footer form{margin-left: 0;margin-top: 30px;}
    .footer form button{display: block;margin: 30px auto;}
    .links .input-group{margin-right: 15px;border: 1px solid #ccc;overflow: hidden;margin-bottom: 20px;}
    .aboutsection .aboutcon{display: block;clear: both;padding-top: 5%;}
    .aboutsection .aboutcon .about_txt img{margin: 10px auto;}
    .aboutsection .ins{margin-top: 15px;}
    .aboutsection .interlist{padding: 0;}
    .aboutsection .acalist .alist{padding: 10px;}
    .aboutsection .aboutcon .contact dl{margin-top: 30px;}
    .section5 ul li .li .txt h3{font-size: 24px;}
    .aboutsection .nav_list ul li a{font-size: 16px;}
    .section .inner h1{text-align: center !important;}
    .menu-box.open .links a{margin-right: 10px;}
    .section .swiper-slide {height: 312px;}
    .logoimg{width: 50%;}
    .section6 .imglist ul li{margin-left: 5px;margin-right: 5px; 
        margin-bottom: 20px;   
        width: -webkit-calc(50% - 10px);
        width: -moz-calc(50% - 10px);
        width: calc(50% - 10px);
     
    }
    .section6 .imglist ul li:nth-last-child(6){margin-bottom: 20px;}
    .section6 .imglist ul li:nth-last-child(4){margin-bottom: 20px;}
    .section6 .imglist ul li img{object-fit: contain;}



}
@media screen and (max-width:768px) {
   
    .section .inner h1,.tit h1{font-size: 18px;}
     .logoimg{width: 50%;}
   

   
 

}
@media screen and (max-width:767px) {
    .section .inner h1, .tit h1{text-align: left;}
    .section2 p{font-size: 16px;}
    .footer .map .left{width: 100%;padding: 0;}
    .footer .map .right{width: 100%;}
    .footer .map{flex-wrap: wrap;}
    .footer .map .right dl dd{font-size: 14px;}

    .footer .col-md-6:nth-child(1){border: none;}
    .footer form{width: 100%;}
    .footer form .form-group{padding: 0;}
    .copy{font-size: 12px;}
    .footer h3{margin-bottom: 15px;}
    .aboutsection .supervisor ul li{width: 100%;}
    .aboutsection .acalist .alist{padding: 0;margin-top: 0px;margin-bottom: 20px;}
    .aboutsection .acalist .alist .col-md-6{padding: 0;}
    .aboutsection{padding-top:8%;}
    .aboutsection .acalist .alist h3{margin-top: 30px;}
    .page ul{margin-bottom: 50px;}
    .aboutsection .arc_tit .share{margin-top: 15px;}
    .section5 ul{flex-wrap: wrap;}
    .section5 ul li{width:100%  !important;margin: 8px 0px;}
	.page ul li{
		    margin: 10px;
	}
	.page ul li::after{content: '';display: none;}
    .aboutsection .acalist .alist .col-md-4 {
    width: 100%;
    max-width: 100%;
}
.userwp .pics{width: 100%;padding: 15px}

.userwp .userdis{width: 100%;margin-top: 30px;}
.section .swiper-slide {
    height: 212px;
}
table{width:100% !important }

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