@charset "utf-8";
body{margin:0;padding:0; background:#fff;font-family:'PingFangSC-Regular', 'helvetica neue', tahoma, 'PingFang SC', 'microsoft yahei', arial, 'hiragino sans gb', sans-serif;font-size:12px}
div,ul,li,form,input,img,p,table,tbody,tr,td,ol,dl,dt,dd{margin:0;border:0;padding:0;list-style:none}
a{text-decoration:none;cursor:pointer}
a:hover{text-decoration:none;cursor:pointer}

.head{ width:100%; position:absolute; left:0px; top:0px; color:#fff; z-index:10;}
#head{display: flex;width:100%;max-width: 75%;margin: 0 auto;justify-content: space-around;min-width: 1200px;}
#head .logo_on{display: none;}
.logo{/* position:absolute; *//* left:2%; *//* top:25px; */margin-top: 8px;}
.logo img{width:140px;}
.menu{width: 50%;/* top:20px; *//* transform: translate(-50%, 0px); */}
.menu a{color:#fff; display:inline-block;transition: transform .5s ease-in-out;opacity: 0.95;
    -webkit-transition: color 0.3s linear;}
/*.menu a:hover{transform: scale(1.1);}*/
.menu ul{display: flex;flex-direction: row;flex-wrap: nowrap;}
.menu li{margin: 0 24px;display:inline-block;text-align:center;margin-top: 10px;}
.menu li a:after {
    display: block;
    content: "";
    height: 4px;
    width: 100%;
    position: absolute;
    bottom: 19px;
    left: 0px;
    background: #194ac3;
    opacity: 0;
    -webkit-transition: transform 0.2s ease-out,opacity 0.2s ease-out;
    transform-origin: 50% 0%;
    transform: scale(0.01,1);
}
.menu li.on a{border-bottom: 3px solid #ffffff;padding-bottom: 10px;}
.menu a p.menu_zn{ font-size:22px;}
.menu a p.menu_en{ font-size:12px;}
.tel{/* position:absolute; *//* right:2%; *//* top:25px; */font-size:24px;color:#fff;display: flex;align-items: center;} 
.tel img{ width:24px;}
.tel p{margin-left: 8px;font-weight: bold;}
.tel_on{display: none;}

.fixedhead{position:fixed !important;top:0px;left:0px;z-index:5;transition: all linear .3s; height: 66px!important;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);transition: transform .15s,opacity .15s,background-color .15s linear,-webkit-transform .15s;-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);background-color: hsla(0,0%,100%,.8);}
.fixedhead .logo{display: none;}
.fixedhead #head .logo_on{display: block;width: 200px;height: 44px;transition: all linear .3s;top: 9px;}
.fixedhead .menu{ top:9px;}
.fixedhead .menu li{ transition: all linear .3s;}
.fixedhead .menu li a{ color: #333;}
.fixedhead .menu a p.menu_en {color: #888;}
.fixedhead .tel {display: none;}
.fixedhead .tel_on{top: 20px;color: #333;display: flex;align-items: center;}
.fixedhead .menu li.on a{ color: #0C37A7;border-bottom: 3px solid #0C37A7;}
.fixedhead .menu li.on a p.menu_en {color: #0C37A7;}



.nav{ background:#f5f5f5; height:50px; line-height:50px;}
.nav_title{ width:1200px; margin:0 auto; font-size:16px; color:#333;}

.foot{width:100%;height:500px;background: #fff;border-top: 1px solid #eee;}
.footdiv{width:1200px;margin:0 auto;font-size:14px;color: #333;}
.info{padding-top:50px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,0.1);display: flex;justify-content: space-between;}
.f_name{display:inline-block;}
.f_tel{ display:inline-block; text-align:right;}
.f_phone{font-size:46px;margin-top:10px;font-weight: bold;color: #1942ac;}
.f_menu{padding:30px 0px;border-bottom: 1px solid rgba(0,0,0,0.1);border-top: 1px solid rgba(0,0,0,0.1);}
.footmenu{ display:inline-block; width:950px; vertical-align:top;}
.fmdiv{ display:inline-block; vertical-align:top;}
.fmdiv:not(:first-child){ margin-left:80px;}
.fmdiv p{font-size: 18px;height:56px;}
.fmdiv a{display:block;color: #888;margin-bottom:14px;}
.guanzhu{border-left:1px solid rgba(255,255,255,0.1); padding:0 60px; display:inline-block; }
.gz_title{font-size: 18px;margin-bottom:20px;}
.gz_img{ text-align:center;}
.gz_img img{ width:110px; margin-bottom:10px;}
.bqdiv{ line-height:80px; text-align:right;}
.bqdiv p:not(:first-child){ display:inline-block; margin-left:30px;}
.fleft{ float:left;}
.bqdiv a{color: #333;}

.go{ width:60px; height:160px; border:1px solid #ddd; background:#fff; position:fixed; right:30px; top:45%; border-radius:30px; z-index:100; visibility:hidden;}
.totop{ width:60px; height:51px; border-bottom:1px solid #ddd;}
.contact{ width:60px; height:52px;}
.totop a{ width:24px; height:24px; margin-top:28px; margin-left:18px; display:block; background:url(/images/totop.png) no-repeat;}
.contact a{ width:30px; height:24px;margin-top:28px; margin-left:15px; display:block; background:url(/images/contact.png) no-repeat;}