@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%;}
body{position:relative; font:14px/1 "Microsoft YaHei", Helvetica, sans-serif;color:#333;background:#f5f5f5;}
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;}
/* end */

/*header*/
.header {position:relative;z-index:5;}
.header .box{width:100%;height:auto;position:absolute;top:60px;left:0;background:#fff;padding:16px 20px;box-shadow:0 0 15px rgba(4,0,0,.2);}
    .header .box .logo {
        float: left;
        width: 208px;
        height: 36px;
    }
    .header .box .logo_small {
        float: left;
        width: 148px;
        height: 46px;
    }
.header .box .logo img{float:left;width:100%;height:100%;}
.header .box .nav{float:left;margin-left:20px;}
.header .box .nav ul li{float:left;}
.header .box .nav ul li:after{display:inline-block;content:'';width:1px;height:14px;background:#d6d6d6;vertical-align:middle;}
#islogin1:after {
    background: none;
}
.header .box .nav ul li a{font-size:14px;color:#333;line-height:46px;padding:20.5px;}
.header .box .nav ul li:hover a{color:#008cd6;}
.header .box .nav ul li.active a{color:#008cd6;}
.header .box .menu{display:none;}
.header .phone_nav{display:none;}

/*footer*/
.footer{width:100%;height:auto;background:#f0f0f0;padding:80px 0;}
.footer .nav{border-bottom:1px solid #ccc;padding-bottom:30px;}
.footer .nav .logo{float:left;width:148px;height:46px;}
.footer .nav .logo img{width:100%;height:100%;}
.footer .nav ul{float:left;margin-left:10px;padding-top:15px;}
.footer .nav ul li{float:left;border-right:1px solid #333;}
.footer .nav ul li a{padding:0 20px;font-size:18px;color:#333;}
.footer .nav ul li:hover a{color:#333;}

.footer .content{margin-top:25px;}
.footer .content ul li{float:left;border-right:1px solid #ccc}
.footer .content ul li:nth-child(1){width:375px;padding-right:60px;}
.footer .content ul li:nth-child(2){width:436px;padding:0 60px;}
.footer .content ul li:nth-child(3){width:calc(100% - 811px);padding-left:60px;border-right:0;}
.footer .content ul li > div:nth-child(2){margin-top:25px;}
.footer .content ul li > div p{margin-bottom:5px;}
.footer .content ul li > div h6{font-size:18px;color:#333;font-weight:600;margin-bottom:18px;}
.footer .content ul li > div p span{font-size:16px;color:#333;}
.footer .content ul li > div p span:nth-child(2){margin-left:5px;}
.footer .content ul li > div p span i{font-style:inherit;}
.footer .ewm{width:100px;height:auto;margin:35px auto 0;text-align:center;}
.footer .ewm img{width:100%;height:auto;}
.footer .ewm p{font-size:12px;color:#999;margin-top:5px;}
.footer .link{text-align:center;padding:13px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-top:30px;}
.footer .link a{display:inline-block;padding:0 12px;border-right:1px solid #999;font-size:14px;color:#999;}
.footer .link a:last-child{border-right:0;}
.footer .link a:hover{color:#333;border-right:1px solid #999;}
.footer .copyright{text-align:center;margin-top:30px;font-size:12px;color:#999; }


/*移动端*/
@media screen and (max-width: 750px){
    .w{width: 100%;margin: auto;}

    /*header*/
    .header {position:relative;z-index:5;}
    .header .box{width:90%;left:50%;top:1rem;padding:16px 20px;transform:translateX(-50%);}
    .header .box .logo{float:left;width:20%;height:auto;}
    .header .box .menu{display:block;width:2.2rem;height:2.5rem;background:url(../images/menu.png)no-repeat center/100% 100%;position:absolute;top:50%; right:20px;transform:translateY(-50%);cursor:pointer;}
    .header .box .nav{display:none;}
    .header  .phone_nav{display:block;position:fixed;top:0;bottom:0;right:0;background:rgba(0,0,0,.4);width:0;transition:all 1s;padding-top:3rem;}
    .header  .phone_nav ul li{text-align:center;margin-bottom:2rem;}
    .header  .phone_nav ul li a{display:block;width:100%;line-height:1.2rem;font-size:16px;color:#fff;}

    /*footer*/
    .footer{width:100%;height:auto;background:#f0f0f0;padding:2rem 0;}
    .footer .nav{border-bottom:1px solid #ccc;padding-bottom:15px;}
    .footer .nav .logo{float:none;width:86px;height:46px;margin:auto;}
    .footer .nav ul{float:none;margin-left:0;padding-top:30px;}
    .footer .nav ul li{float:left;width:calc(100% / 4);text-align:center;}
    .footer .nav ul li:nth-child(1){display:None;}
    .footer .nav ul li:last-child{border:0;}
    .footer .nav ul li a{padding:0 0;font-size:16px;color:#999;}
    .footer .nav ul li:hover a{color:#333;}

    .footer .content{margin-top:25px;}
    .footer .content ul li{float:none;border-right:1px solid #ccc;display:none;}

    .footer .content ul li:nth-child(1){width:100%;padding-right:0;display:block;}




    .footer .content ul li > div:nth-child(2){display:none;}
    .footer .content ul li > div p{margin-bottom:5px;}
    .footer .content ul li > div h6{font-size:14px;color:#333;font-weight:300;margin-bottom:18px;text-align:center;}
    .footer .content ul li > div p span{font-size:12px;color:#999;display:block;text-align:center;margin-bottom:8px;}
    .footer .content ul li > div p span:nth-child(2){margin-left:0;}
    .footer .content ul li > div p span i{font-style:inherit;}
    .footer .ewm{width:100px;height:auto;margin:1.2rem auto 0;text-align:center;}
    .footer .ewm img{width:100%;height:auto;}
    .footer .ewm p{font-size:12px;color:#999;margin-top:5px;}
    .footer .link{text-align:center;padding:13px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-top:30px;}
    .footer .link a{display:inline-block;padding:0 12px;border-right:1px solid #999;font-size:12px;color:#999;margin-bottom:10px;}
    .footer .link a:last-child{border-right:0;}
    .footer .link a:hover{color:#333;border-right:1px solid #999;}
    .footer .copyright{text-align:center;margin-top:15px;font-size:12px;color:#999;line-height:18px; }


}