.head{width:100%;background:#fff;border-bottom: 4px #eff1f5 solid;height: 78px;position: relative;z-index: 111;}
.head .header{width:1200px;margin:0 auto;}
.head .header .logo {padding: 27px 0 0;float:left;}
.head .header .logo img{ display:block;}
.head .nav{float: left;height: 78px;line-height: 78px;padding-left: 20px;}
.head .nav li{float:left;position:relative;margin: 0 0 0 34px;}
.head .nav li a{color: #333333;font-size: 15px;padding: 10px 0;}
.head .nav li a:hover{color:#eb6100;}
.head .nav li p:hover a{color:#eb6100;}
.head .nav li p a img.img1{ width:17px; height:auto; padding-left:5px;}
.head .nav li .sub-nav{position:absolute;top: 78px;list-style:none;background-color:#fff;display:none;border: 1px #eff1f5 solid;border-top-width: 3px;left: -40px;}
.head .nav li .sub-nav li{text-align:center;width: 170px;height:40px;line-height:40px;margin: 0;}
.head .nav li .sub-nav li a{text-align:center;color: #666;width:100%;background:none;display:block;margin:0;padding: 0;}
.head .nav li .sub-nav li a:hover{ background:#f5f5f5; color:#eb6100; border-bottom:0;}
.head .nav li .sub-nav li ul{left: 170px;position: absolute;top: 0px;display:none;background-color: #fff;border: 1px #eff1f5 solid;}
.head .nav li .sub-nav li a.more:after{content:"»";}
.head1{background-color: #ffffff;padding-top:0px;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05); position:fixed;}
/* vivo-head */
head1{z-index:1;position:relative;width: auto;}
.search-user b{background:url(../images/search_ico.png) no-repeat;}

#head1{z-index:99;width: 1200px;position: relative;margin: 0 auto;}
#head1 .nav1{width: auto;height: 78px;background:#fff;position: absolute;z-index:999;right: 0;}

.nav1 .search-user{float: left;height: 78px;}
.search-user a{
    display: block;
    margin-top: 29px;
}
.search-user a img{width:19px;height:auto;display: block;}
.nav1 .wx{
    float: right;
    margin: 30px 0 0 35px;
    border-left: 1px #919191 solid;
    padding-left: 35px;
}
.nav1 #weixin{}
.nav1 #weixin img{width: 18px;display: block;}
.nav1 #weixin {}
.nav1 #weixin .two-code {display: none;position: absolute;margin-top: 52px;width: 100px;height: auto;background: none;z-index: 999;right: -4px;}
.nav1 #weixin:hover .two-code { display: block }

#head1 .search1{height: 40px !important;width:100%;position:relative;z-index:998;display:none;top: 82px;}
.search1 .search-box{position:absolute;right: 70px;}
.search1 .search-box input{width: 180px;height: 20px;padding: 5px 10px;font-size:14px;color:#555;border: 1px #ccc solid;background:#fff;overflow:hidden;vertical-align:middle;outline: none;}
.search1 .search-box button{width: 50px;height: 32px;text-align:center;font-size:14px;color:#fff;border:none;overflow:hidden;vertical-align:middle;background: #eb6100;outline:none;cursor:pointer;-webkit-transition:background .1s ease-in-out;-moz-transition:background .1s ease-in-out;-ms-transition:background .1s ease-in-out;transition:background .1s ease-in-out;}
.search1 .search-box button:active{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;-moz-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;-ms-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;box-shadow:0 1px 2px rgba(0,0,0,.3) inset;}
.search1 .search-box a.close{width: 24px;height:24px;position:absolute;top:5px;right: -30px;background:url(../images/search_ico1.png) -86px 0 no-repeat;}
.search1 .search-box a.close:hover{background-position:-86px -25px;}


.footbg{
    background: #f4f5f8;
}
.footbg .fbox {overflow: hidden;width: 1200px;margin: 0 auto;padding: 65px 0 40px;border-bottom: 2px #fff solid;}
.footbg .fbox .foot_l{float:left;width: 400px;}
.footbg .fbox .foot_l ul{
    padding: 10px 35px 0 0;
}
.footbg .fbox .foot_l ul li{
    margin-bottom: 15px;
}
.footbg .fbox .foot_l ul li.flogo img{
    width: 202px;
    height: 24px;
    padding: 0 0 15px 0;
}
.footbg .fbox .foot_l ul li.rz img{width: 301px;height: auto;padding: 15px 0 0;}
.footbg .fbox .foot_l ul li p{margin:0;color: #858585;font-size: 14px;padding: 3px 0;}
.footbg .fbox .foot_l ul li p span{font-size: 20px;color: #f05f00;font-weight: bold;}
.footbg .fbox .foot_l ul li p a{color: #989faf;}
.footbg .fbox .foot_r{float: right;width: 790px;}
.footbg .fbox .foot_r ul{}
.footbg .fbox .foot_r ul li{overflow:hidden;float: left;width: 145px;}
.footbg .fbox .foot_r ul li.shebei{width: 210px;}
.footbg .fbox .foot_r ul li.shebei p{ width:105px;}
.footbg .fbox .foot_r ul li.bqsy{ width:auto;}
.footbg .fbox .foot_r ul li span{font-size:18px;display:block;width: 130px;text-align: left;color:#fff;padding-bottom: 20px;}
.footbg .fbox .foot_r ul li span a{color: #414141;font-weight: bold;font-size: 16px;}
.footbg .fbox .foot_r ul li p{line-height: 22px;margin:0;padding:0;text-align:left;width: 158px;overflow: hidden;float: left;}
.footbg .fbox .foot_r ul li.bqsy p{width: 815px;line-height:30px;}
.footbg .fbox .foot_r ul li.bqsy p span.beian{font-size: 14px;width: auto;display: initial;color: rgba(255, 255, 255, 0.25);}
.footbg .fbox .foot_r ul li.bqsy p.tj span{float: none;display: initial;}
.footbg .fbox .foot_r ul li.bqsy p.tj a{margin-left:0; display:initial;}
.footbg .fbox .foot_r ul li.bqsy p.tj a img{}
.footbg .fbox .foot_r ul li.bqsy p.tj #cnzz_stat_icon_1000117771 a img{margin-top:6px;}
.footbg .fbox .foot_r ul li p a{
    color: #858585;
    font-size: 16px;
    line-height: 35px;
}
.footbg .fbox .foot_r ul li.shebei p a{float:left;}
.footbg .rz{
    text-align: center;
    padding: 30px 0;
}
.footbg .rz img{ width:301px; height:59px;}

.social_nav5{height:7rem;position:fixed; bottom:0; min-width:320px; max-width:768px; width:100%;  z-index:999; background: #232323; display:none;}
.social_nav5 li{ width:25%; float:left; position:relative; text-align:center; color:#fff;line-height:1rem; height:5.33rem;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.social_nav5 li:last-child{border-right:none;}
.social_nav5 li em{ width:50%; display:block; margin:0 auto; padding:0.5rem 0 0.1rem 0;}
.social_nav5 li em img{ width:100%; height:auto;}
.social_nav5 li a{ color:#fff;}
.social_nav5 li.cur{ color:#fff;}
.social_nav5 li .erji{ position:absolute;bottom:5.33rem; left:0; width:100%; text-align:left; background:#33c2ec; display:none;opacity: 0.9; }
.social_nav5 li .erji a{ display:block;line-height:20px; font-size:1rem; line-height:2rem;position:relative; text-align:center;  color:#fff;}
.social_nav5 li .erji a:last-child{border-bottom:none;}


@media only screen and (max-width: 768px) {
body{ min-width:320px; margin-bottom:16vw;}
.dl-menuwrapper{display:block !important;top: 15px;z-index: initial;}
.head{ height:75px;}
.head .header{ width:98%;}
.head .header .logo{ padding:26px 0 0;}
.head .nav{ display:none;}
#head1{ display:none;}
.footbg{ display:none;}

.social_nav5{ display:block;}
.social_nav5 li em{ overflow:hidden;}
}
@media only screen and (max-width: 640px) {
.social_nav5{ height:6rem;}
}
@media only screen and (max-width: 560px) {
.social_nav5{height: 5rem;}
.footer{ margin-bottom:17%;}
}
@media screen and (min-width:320px) and (max-width:480px){
.social_nav5{height: 4.5rem;}
}
@media screen and (max-width:400px){
body{margin-bottom: 20vw;}
.social_nav5{height: 4rem;}
}
