*{box-sizing: border-box;}
a{cursor: pointer;}
body{background: url(../images/bodybg.png) center top no-repeat;;font-size:16px}
.clear{margin:0; overflow:hidden; visibility:hidden; font-size: 0; content: "."; clear: both; height: 0; padding:0;}
.clearfix:after{visibility:hidden; display: block; font-size: 0; content:" "; clear:both; height:0;}
input{border: none;}
input:focus{border: none;outline: none;}
.f-fl{float:left;}
.f-fr{float:right}

/*头部*/
.is-banner{width: 100%;height: 367px;background: url(../images/banner.png) center bottom no-repeat;padding-top:30px}
.u-back{width: 120px;height: 40px;border-radius: 20px;text-align: center;line-height: 40px;background-color: rgba(0, 0, 0, 0.2);
       color: #fff;margin-left:20px}
.u-back:hover{color:#fff}
.m-logo{margin-top:80px;display: block;width:100%;padding-left:215px}


.c-shadow{background:#fff;padding:20px;margin-top:-58px}

.m-department>ul{border:solid 1px #c8d6e9;border-left:none;}
.g-branch1{display:flex;border-bottom:solid 1px #c8d6e9;}
.m-department>ul>li:last-child{border-bottom:none;}
.u-branch1{display:flex;align-items:center;padding:0 10px;width:235px;height:68px;border:solid 1px #fff;background-color:#4a94ea;color:#fff;text-align:center;letter-spacing:0;font-weight:700;font-stretch:normal;font-size:16px;}
.u-branch1:hover{color:#fff;}
.g-branch1>ul{display:flex;width:100%;align-items:center;}
.g-branch2{width:14.2%;height:68px;background:url(../images/bg-funline.png) left center no-repeat;line-height:68px;}
.g-branch1>ul>li:first-child{background:0 0;}
.u-branch2{position:relative;}
.u-branch2>a{display:block;text-align:center;}
.u-branch2:hover>ul{display:block;}
.u-branch2>ul{position:absolute;top:55px;left:-35px;z-index:99;padding:10px;width:200px;background-color:#4a94ea;}
.u-branch2>ul::before{position:absolute;top:-6px;left:50%;display:block;width:12px;height:12px;background-color:#4a94ea;content:'';transform:translateX(-50%);transform:rotate(45deg);}
.g-branch3{float:left;margin-right:6px;}
.u-branch3{color:#fff;letter-spacing:0;font-weight:700;font-stretch:normal;font-size:14px;line-height:30px;}
.u-branch3:hover{color:#fff;}
.g-branch3{height: 30px;line-height: 30px;}


@media (min-width: 768px) {
    .zt-container {width:750px}
}

@media (min-width: 992px) {
    .zt-container {width:970px}
    
}
@media (min-width: 1200px) {
    .zt-container {width:1400px}
    
}
@media (min-width:1299px) {
    .zt-container{padding: 0; width: 1400px; margin: auto;}

}

@media (max-width:1399px) {
   .item-left{width:220px}
}
@media (max-width:1200px) {
   .m-logo img{max-width: 100%}
    body{min-width: 100%}
   
}

@media (max-width:991px) {
   
   
}

@media (max-width:767px) {
   .zt-container{padding:10px;width:100%}
   .is-banner{height:270px;padding-top:0}
   .m-logo{margin-top:50px}
   
   .u-back{width:92px}
   .m-liststylecom li a,.m-liststylecom li span{font-size:14px}
   .is-title a{font-size:20px}
   .is-title{background: none;}
   .g-branch1>ul {flex-wrap: wrap;}
  .g-branch2,.u-branch1{width: 100%;}
  .g-branch1{flex-wrap: wrap;}
  .m-department>ul {border-left: solid 1px #c8d6e9;}
  .g-branch2{background: none;}
   
}