@charset "utf-8";
*,*:before,*:after {-webkit-box-sizing:border-box; box-sizing:border-box;margin:0; padding:0;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust: 100%;height:100%;}
body{position:relative; font:14px/1 "Microsoft YaHei", Helvetica, sans-serif;color:#333;height:100%;margin:auto;background:#fff;}
input{border:none;}
input,select,option,textarea{outline: none;}
input[type="button"],button,select{cursor: pointer;border: none;outline: none;}
textarea{outline: none;}
ul,li,h1,h2,h3,h4,h5,h6{list-style-type:none;}
img{border:none;}
a{text-decoration:none; color:#666;}
a:hover{text-decoration:none;}
.clf{zoom:1}
.clf:before,.clf:after,.w:before,.w:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.fl{float: left;}
.fr{float: right;}
.w{width: 100%;max-width:1200px;margin: auto;}
@font-face
{
    font-family: sh;
    src: url(../font/SourceHanSansCN-Regular.ttf);
}
@font-face
{
    font-family: HY;
    src: url(../font/HYZhengYuan-45W.otf);
}

/*header*/
.header .logo{float:left;width:183px;height:50px;margin-top:20px;}
.header .logo a img{width:auto;height:100%;}
.header .nav{float:left;width:calc(100% - 258px);margin-left:75px;}
.header .nav ul li{float:left;width: calc(100% / 6);}
.header .nav ul li a{padding:35px 0;display:block;font-size:16px;color:#000;border-bottom:2px solid transparent;}
.header .nav ul li.current a{color:#036eb8;border-color:#036eb8; }
.header .nav ul li .menu {position: absolute;transition: background-color .3s;padding-bottom: .625rem; display: none;z-index:2;width: calc((1200px - 258px)/6);}
.header .nav ul li .menu a {font-size: .875rem;line-height: 1.875rem;padding:5px 0;}
.header .nav ul li:hover .menu {background-color: #fff;position:absolute; display:block}
.header .nav ul li:hover .menu ul li{width:100%;}

.header .login{float:right;padding-top:26px;}
.header .login a:nth-of-type(1){display:inline-block;width:32px;height:32px;border:1px solid #161616;border-radius:50%;text-align:center;line-height:30px;font-size:14px;color:#000;}
.header .login span{display:inline-block;width:1px;height:32px;background:#000;vertical-align:middle;margin:0 20px;}
.header .login a:nth-of-type(2){font-size:16px;color:#000;}
.header .phone_menu{display:none;}



.title{font-size:30px;color:#000;font-family:sh;text-transform:Uppercase;text-align:center;}
.title:after{display:block;content: '';width:40px;height:2px;background:#036eb8;margin:30px auto;}

.f_nav{border-top:2px solid #000;background:#f5f5f5;}
.f_nav ul{float:left;}
.f_nav ul li{float:left;}
.f_nav ul li a{line-height:92px;margin-right:60px;color:rgba(0,0,0,.4);font-size:16px;}
.f_nav ul li.current a{color:#000;}
.f_nav .f_logo{float:right;margin-top:25px;}

.footer{border-top:2px solid #e6e6e6;padding-top:40px;background:#f5f5f5;padding-bottom:60px;}
.footer .menu{float:left;}
.footer .menu > div{float:left;margin-right:75px;}
.footer .menu > div span{display:block;font-size:16px;color:#000;margin-bottom:35px;}
.footer .menu > div a{display:block;font-size:14px;color:#999;margin-bottom:18px;}
.footer .menu > div a:hover{color:#000;}
.footer .ewm{float:right;width:166px;height:166px;position:relative;font-size: 14px;color: #999;}
.footer .ewm img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.copyright{text-align:center;line-height:100px;background:#fff;font-size:14px;color:#999;}

@media screen and (max-width: 750px){
    .header{padding:0 2% 10px;position:fixed;background:rgba(255,255,255,.8);z-index:9;}
    .header .phone_menu{display:block;width:2rem;height:2rem;background:url(../images/icon_menu.png)no-repeat center / 100%;position:absolute;right:2%;top:10px;}
    .header .logo{width:40%;height:auto;margin-top:10px;}
    .header .nav{position:fixed;right:0;background:#fff;box-shadow:0 10px 20px #666;width:0;overflow:hidden;transition:all .3s;bottom:0;}
    .header .nav ul li{float:none;margin-right:auto;text-align:center;}
    .header .nav ul li a{padding:20px 0;display:block;}
    .header .nav ul li.current a{color:#036eb8;border-color:#036eb8; }
    .header .login{text-align:center;width:100%;}

    .title{font-size:1.3rem;}
    .title:after{margin:20px auto;}

    .f_nav{display:none;}

    .footer{border-top:2px solid #e6e6e6;padding-top:40px;background:#f5f5f5;padding-bottom:60px;}
    .footer .menu{float:none;}
    .footer .menu > div{float:none;margin-right:0;width:100%;text-align:center;margin-top:30px;}
    .footer .menu > div span{display:block;font-size:16px;color:#000;margin-bottom:20px;}
    .footer .menu > div a{display:block;font-size:14px;color:#999;margin-bottom:18px;}
    .footer .menu > div a:hover{color:#000;}
    .footer .ewm{float:none;width:166px;height:166px;border:1px solid #fff;position:relative;margin:auto;}
    .footer .ewm img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
    .copyright{text-align:center;line-height:20px;background:#fff;font-size:14px;color:#999;}
}


































































