body{background: #f3f3f3;color: #595656}
/*nav*/
.nav{height: 90px;min-width: 1200px;width: 100%;z-index: 9999;background: #f3f3f3}
.logo{padding-left: 5px;padding-top: 18px}
.nav ul{margin-left: 125px;padding-top: 29px}
.nav ul li{float: left;height: 95px;width: 80px;font-size: 16px;text-align:center}
.nav ul li.first{width: 70px}
.nav ul li:last-child{width: 95px}
.nac ul li a{color: #383a3d}
.nav ul li a:hover{border-bottom:5px solid #4c72c8;padding-bottom: 35px;color:#4c72c8 }
.nav ul .nav-active a{border-bottom:5px solid #4c72c8;padding-bottom: 35px;color: #4c72c8}
.code{position: absolute;display: none;top: 45px;left: -95px}
.code-show:hover .code{display: block}
.banner{height: 640px;width: 100%;min-width: 1200px;margin: 0 auto;background: url(../../images/banner.jpg) no-repeat center;background-size: cover;padding: 0;border: none}

/*content*/
.left-content{width: 360px}
.left-nav{width: 332px;background: white;height: 993px;margin: 0 auto}
.nav-title{display: block;margin-top: -8px}
.let-tap{margin-left: -11px}
.let-tap li{width: 316px;min-height: 50px;background: url(../../images/leftnavbg.png) no-repeat ;;line-height: 44px;text-align: center;font-size: 16px;margin-bottom: 0px;cursor: pointer}
.let-tap li.active{background-image:url(../../images/leftnavactive.png);color: white}
.let-tap li:hover{background-image:url(../../images/leftnavactive.png);color: white}
.sub-nav div{font-size: 16px;color:  #595656;height: 32px;line-height: 32px}
.sub-nav div:first-child{margin-top: 15px}
.sub-nav i{display: none}
.sub-nav .sub-active i{display: inline}
.sub-nav .sub-active{color: #4c72c8}
.right-content{width: 840px}
.content-wrap{background: white;margin-left: 11px;margin-top: 15px;min-height: 975px}
.content-item{margin-left: 35px;padding-top: 33px;padding-right: 45px;display: none}
.content-item h4{background: url(../../images/smalltitlebg.png) no-repeat;height: 28px;color: white;font-size: 18px;line-height: 28px;font-weight: 500;padding-left: 80px}
.content-item .special-title{background: none;padding: 0}
.content-item .special-title span{background: #4C72C8;padding: 3px 10px}
.content-item .special-title img{padding-left: 5px;margin-top: -2px;}
.content-item p{margin-top: 30px;text-align: justify;line-height: 32px}
.com-intro{font-size: 16px;margin-top: 25px;text-align: justify;line-height: 28px}
.am-table>tbody>tr>td, .am-table>tbody>tr>th, .am-table>tfoot>tr>td, .am-table>tfoot>tr>th, .am-table>thead>tr>td, .am-table>thead>tr>th {
    padding: .7rem;
    line-height: 1.6;
    vertical-align: top;
    border:none ;
    background: #edf1f3;
   ;
}
.am-table>tbody>tr>td.deptitem{
    background: #4C72C8;color: white;;text-align: left;
}
.am-table-striped>tbody>tr:nth-child(odd)>td, .am-table-striped>tbody>tr:nth-child(odd)>th {
    background: #edf1f3
}
footer{min-width: 1200px;width: 100%;text-align: center;height: 50px;line-height: 50px}

.head-title{text-align: center;font-size: 20px;color: #4c72c8}
.touti{background: #CB2B15!important;color: white!important;height: 25px!important;border-radius: 5px}
.touti a{;color: white!important;}
/*job*/
.sub-nav{
    display: none;
}
@keyframes myfirst
{
    from {left: 0;}
    to {left:100%;}
}
/*--------------------------媒体查询---------------------------------*/
@media screen and (max-width:319px){
   .logo img{margin-right:300px}
}
@media screen and (min-width:320px) and (max-width:479px){
   .logo img{margin-right:300px}
}
@media screen and (min-width:480px) and (max-width:539px){

   .logo img{margin-right:300px}
}
@media screen and (min-width:540px) and (max-width:639px){
   .logo img{margin-right:300px}
}
@media screen and (min-width:640px) and (max-width:719px){

}
@media screen and (min-width:720px) and (max-width:1079px){

}
@media screen and (min-width:1080px) and (max-width:1439px){

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

   }