html{font-size:625%;}
body{background: #FFFFFF;font-family: "微软雅黑";}
img{max-width: 100%;}

header{position: fixed;top:0;background-color: #fff;}
header .heamain{width: 100%;}
header .heamain ul{display: none;}
header .heamain .logo{width: 26%;height: 50px;line-height: 50px;}
header .heamain .conta{display:none;}
header .navct{width: 50px;height: 50px;float: right;display: block;line-height: 50px;text-align: center;}
header .navct img{width: 70%;vertical-align:middle;}
header .heamain .logo img{width: 100%;height: 100%;}
.phonenav{display: block;width: 240px;height: 100%;position: fixed;top: 50px;background-color: rgba(0, 0, 0, 0.8);right: -240px;z-index: 9999;transition: all 0.4s;}
.phonenav ul{width: 100%;margin-top: 10px;}
.phonenav ul li{width: 100%;text-align: center;line-height: 40px;}
.phonenav ul li:hover{background-color: rgba(0, 0, 0, 0.4);}
.phonenav ul li span{color: #fff;}
.phonenav ul li ul{display: none;}
.phonenav ul li ul li{color: #fff;margin-left: 20px;}
.conta p{color: #fff;}
.conta{margin-top: 20px;margin-left: 4%;}
.conta img:nth-child(2){margin-left: 10%;}
.banner{margin-top: 50px;}
.banner .btlist{width: 100%;margin-left: 0;left: 0;top: 96%;background-color: rgba(0, 0, 0, 0.8);z-index: 999;}
.banner .btlist ul li{width: 20%;margin-left: 0;}
.banner .bannercon img{width: 100%;height: 100%;}
.about .abmain{width: 100%;margin-top: 120px;}
.tit{height: 60px;margin-bottom: 10px;}
.tit .titbot{width: 100%;left: 0;margin-left: 0;margin-top: 18px;}
.tit .tittop{width: 100%;left: 0;margin-left: 0;margin-top: 6px;}
.tit .tittop h3{font-size: 22px;}
.tit .titbot h4{font-size: 24px;}
.tit .line{width: 100%;margin: 0;left: 0;}
.about .abmain .abocon .abol{width: 100%;}
.about .abmain .abocon .abol h5{margin-left: 4%;margin-right: 4%;}
.about .abmain .abocon .abol h6{margin-left: 4%;margin-right: 4%;}
.about .abmain .abocon .abol p{margin-left: 4%;margin-right: 4%;}
.about .abmain .abocon .abol .btnmain .btn{float: none;}
.about .abmain .abocon .abol .btnmain{margin-top: -26px;}
.about .abmain .abocon .abor{width: 100%;margin-top: 10px;}
.about{margin-bottom: 0px;}
.case .casesd{width: 90%;height: 120px;background:none;}
.case .casesd .sltit{line-height: 120px;margin-left: -50%;}
.case .casesd .csaeli:hover .slcon{display: none;}
.case .casesd .sltit span{font-size: .1em;}
.case .casegen{margin-top: 10px;margin-bottom: 25px;}
.news .newscon{width: 100%;}
.news .newscon .newimg{width: 100%;height: 312px;}
.news .newscon .newimg .newimgt{bottom: 56px;}
.news .newscon .newmain{width: 100%;}

.news .newscon .newmain ul li .licon h3{font-size: 1.0em}
.news .newscon .newmain ul li .licon p{font-size: .1em;}
.news .newscon .newmain ul li .datatime .data{font-size: .8em;}
.news{margin-bottom: 0;}

.swiper-button-prev{left: 0;top: 120%;}
.swiper-button-next{right: 0;top: 120%;}
footer{height: auto;}
footer .ftmain{width: 100%;height: 410px;}
footer .ftmain .ftl{width: 92%;text-align: left;margin-top: 10px;margin-left: 4%;}
.news .newscon .newmain{margin-left: 0;margin-top: 20px;}
footer .ftmain .ftl .onlinebtn{float: left;}
footer .ftmain .ftc img{width: 100%;}
footer .ftmain .ftr{width: 65%;}
footer .ftmain .ftr ul{width: 100%;}
footer .ftmain .ftr ul li{height: auto;line-height: 32px;}
footer .ftmain .ftnav ul li{margin-left: 0;}
footer .ftmain .ftnav ul li span{border:none;}
footer .ftmain .ftr ul li img{margin-right: 0;}
footer .ftmain .ftnav{height: 70px;}
footer .fotb{height: auto;}

.about .aboutm .abrcon .details .detlimg{width: 100%;}
.about .aboutm .abrcon .details .detrtit{width: 100%;margin-left: 0;}

.about .abmain .abocon .abor img{width: 100%;}
.dbtop{margin-top: 50px;height: 125px;}
.crumbs .crumain{width: 100%;}
.crumbs .crumain img{margin-left: 4%;}
.about{margin-top: 10px;margin-bottom: 20px;}
.about .aboutm .ablnav ul{width: 92%;margin-left: 4%;}
.about .aboutm{width: 100%;}
.about .aboutm .ablnav{width: 100%;}
.about .aboutm .abrcon{width: 100%;margin-top: 10px;height: auto;}
.about .aboutm .abrcon .abtext{margin-top: 10px;}
.about .aboutm .abrcon .abtext{width: 92%;margin-left: 4%;}
.about .aboutm .abrcon .abimg{height: 180px;}
.authentication li{width: 100%;border:none;margin-left: 0;}

.course{margin-left: 0;height: 600px;}
.course .couli:nth-child(odd) .year{font-size: 16px;margin-top: 530%;}
.course .couli:nth-child(even) .year{font-size: 16px;margin-top: 680%;}
.course .couli:nth-child(odd) .coutext{width: 198%;margin-top: 400%;}
.course .couli:nth-child(even) .coutext{width: 180%;margin-top: -328px;}
.about .aboutm .abrcon .dynamic ul li .dytext{width: 100%;}
.about .aboutm .abrcon{float: none;}
.about .aboutm .abrcon .dynamic ul li .dytext p{width: 92%;margin-left: 4%;margin-bottom: 8px;}
.about .aboutm .abrcon .dynamic ul li .dytext h3{margin-left: 4%;margin-top: 4px;}
.about .aboutm .ablnav{float: none;}
.about .aboutm .abrcon .dynamic ul li img{width: 92%;margin-left: 4%;}
.about .aboutm .abrcon .dynamic ul li{height: 180px;}
.about .aboutm .abrcon .dynamic ul li .dytext .datatime{margin-left: 4%;}
.course .couli .coutext p{height: 127px;}
.about .aboutm .ablnav ul .firlist ul{width: 92%;}
.about .aboutm .ablnav ul .firlist ul{background-color: rgba(0, 0, 0, 0);}
.about .aboutm .ablnav ul .firlist ul li .dbtext{color: #fff;}
.about .aboutm .ablnav ul .firlist:hover ul li span{color: #fff;}
.about .aboutm .abrcon .form h5{margin-left: 4%;}
.about .aboutm .abrcon .form .line{width: 92%;margin-left: 4%;}
.about .aboutm .abrcon .form form .forml{width: 100%;}
.about .aboutm .abrcon .form form .forml input{width: 86%;margin-left: 4%;}
.about .aboutm .abrcon .form form .forml .code{width: 43%;}
.about .aboutm .abrcon .form form .forml .codecon{width: 40%;margin-right: 4%;}
.about .aboutm .abrcon .form form .forml button{margin-left: 4%;}
.about .aboutm .abrcon .form form .formr{width: 100%;}
.about .aboutm .abrcon .form form .formr textarea
{width: 80%;margin-left: 4%;}
.about .aboutm .abrcon .project{width: 100%;}
.about .aboutm .abrcon .project a:nth-child(3n+1) li{margin-left: 4%;}
.about .aboutm .abrcon .project a li{width: 92%;margin-left: 4%;}
footer .ftmain .ftnav{display: none;}
.news .newsmain{width: 100%;}
.news .newsmain ul li img{width: 92%;margin-left: 4%;}
.news .newsmain ul li{width: 100%;margin-left: 0;}
.news .newsmain .page{margin-bottom: 20px;}
.recruit .recrmain{width: 100%;}
.recruit .recrmain .recrlist{width: 100%;}
.recruit .recrmain .recrlist:nth-child(2n+2){margin-left: 0;}
.recruit .recrmain{margin-top: 0;}
.recruit .recrmain .recrlist{padding: 0;padding-top: 10px;}
.recruit .recrmain .recrlist h5{margin-left: 4%;margin-right: 4%;}
.recruit .recrmain .recrlist h6{margin-left: 4%;margin-right: 4%;}
.recruit .recrmain .recrlist p{margin-left: 4%;margin-right: 4%;}
.recruit .recrmain .recrlist button{margin-left: 4%;}
.recruit .recrmain .recrlist:nth-child(n+3){margin-top: 0;}
.recruit .recrmain{margin-bottom: 0;}
.contact .ctmain{width: 100%;}
.contact .ctmain .map{width: 100%;height: 350px;}
.contact .ctmain .ctform{width: 92%;float: none;margin-left: 4%;}
.contact .ctmain .ctform form input{width: 100%;}
.contact .ctmain .ctform form input:nth-child(2){margin-left: 0;}
.contact .ctmain .ctform form textarea{width: 88%;}
.news .newstext{width: 92%;margin-left: 4%;margin-bottom: 40px;}
.about .aboutm .abrcon{width: 92%;margin-left: 4%;}
@media screen and (min-width:768px) and (max-width:1024px){
	header .heamain .logo{width: 15%;}
	footer .ftmain{height: 548px;}
	footer .ftmain .ftc{width: 25%;}
	.course .couli:nth-child(odd) .year{margin-top: 248%;}
	.course .couli:nth-child(odd) .coutext{margin-top: 160px;}
	.course .couli:nth-child(even) .year{margin-top: 320%;}
	.course .couli:nth-child(even) .coutext{margin-top: -315px;}
}
@media screen and (min-width:411px) and (max-width:731px){
	.course .couli:nth-child(even) .coutext {    margin-top: -600%;}
	.course .couli:nth-child(odd) .year{margin-top: 470%;}
	.course .couli:nth-child(even) .year{margin-top: 600%;}
	.course .couli:nth-child(odd) .coutext{margin-top: 300%;}
}
@media screen and (min-width:100px) and (max-width:320px){
	.course .couli:nth-child(even) .coutext {    margin-top: -830%;}
	.course .couli:nth-child(odd) .year{margin-top: 600%;}
	.course .couli:nth-child(even) .year{margin-top: 770%;}
}
@media screen and (min-width:361px) and (max-width:375px){
	.course .couli:nth-child(even) .coutext {    margin-top: -694%;}
	.course .couli:nth-child(odd) .year{margin-top: 515%;}
	.course .couli:nth-child(even) .year{margin-top: %;}
	.course .couli:nth-child(odd) .coutext{margin-top: 362%;}
}