@charset "utf-8";
/* CSS Document */
/**
 * @description: 网站首页样式
 * @author: ishang_pan
 * @update: ishang_pan 
 */

/*home*/
body{background:url(../images/public/head_bj.png) #f5f5f5 top -10px center no-repeat;}
.u_logo{display:block;margin-top:12px;}
.u_title{margin:69px 0 95px 260px;}
.is-main{padding:20px;background-color:#fff;}
.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:block;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;font-family:MicrosoftYaHei-Bold;line-height:68px;}
.u-branch1:hover{color:#fff;}
.g-branch1>ul{display:flex;width:100%;align-items:center;}
.g-branch2{padding:0 13px;height:68px;background:url(../images/public/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;font-family:MicrosoftYaHei-Bold;line-height:30px;}
.u-branch3:hover{color:#fff;}
.g-branch3{height: 30px;line-height: 30px;}

/*media query*/
/*large pcScreen*/
@media (min-width:1200px) {


}
/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {
    

}
/*pad md*/
@media screen and (max-width: 991px ){
	.u_title{margin: 0 !important;}
  .u_title img,.g-top{width: 100% !important;}
  .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;}
}
/*phone sm*/
@media screen and (max-width: 767px) {
    


}
/*small xs*/
@media screen and (max-width: 638px) {
    

}