@charset "utf-8";
/*
 
 * 17素材vip建站专区模块代码
 * 详尽信息请看官网：http://www.17sucai.com/pins/vip
 *
 * Copyright , 温州易站网络科技有限公司版权所有
 * 图片不能商用，代码可商用。
 
 * 请尊重原创，未经允许请勿转载。
 * 在保留版权的前提下可应用于个人或商业用途
 
*/

.lf{float:left}
.rg{float:right}
.clear{clear:both;height:0px;line-height:0px;font-size:0px}
.head{position:fixed;top:0px;left:0px;width:100%;min-width:1000px;z-index:9999;background:#fff;border-bottom:1px solid #ddd;height:100px;transition:all .3s;}
.logo{padding-top:12px;transition:all .3s;margin-left:60px;}
.logo a{display:block;position:relative;overflow:hidden}
.logo img{position:relative;z-index:100}
.logo .p1{background:#fe0000;position:absolute;top:0%;left:0px;width:100%;height:80%;}
.tel{width:10%;float:right;background: #f8f8f8; font-size: 20px;font-weight: bold; color: #fe0000; line-height: 30px;padding-top:20px;padding-bottom:20px; padding-left:20px;}
.tel span{
    display:block;
}
.tel span:nth-child(1){
    font-size: 16px;
}
.nav{width:60%;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.nav ul li{float:left;width:11.11%;height:100px;transition:all .3s}
.nav ul li .a1{line-height:100px;display:block;text-align:center;font-size:16px;color:#333;transition:all .3s;text-transform: capitalize;}
.nav ul li:hover .a1{color:#ffffff;transition:all .3s;background: #fe0000;}
.nav ul li .div1{display:none;background:#fff;width:700%;z-index:100;box-shadow: 0 2px 2px 2px rgba(0, 0, 0, .1);transform: translateX(-350px);overflow: hidden;}
.nav ul li .yuyan{
    width: 100%;
    transform: translateX(0);
}
.nav ul li .yuyan ul li{
    width: 100%;
    height: 40px;
    line-height: 40px;
    display: block;
    padding:0 20px;
}
.div1-box{
    display:flex;
    justify-content: center;
}
.div1-pic{
    height: 100%;
    width: 100%;
    display: flex;
}
.div1-pic img{
    object-fit: cover;
    width: 100%;
}
.div1-desc{
    padding:40px;
    overflow: hidden;
    font-size: 14px;
    line-height: 24px;
    color:#777;
    border-bottom:1px dotted #fe0000
}
.nav ul li .div1 .p1{line-height:60px;padding:0 20px;}
.nav ul li .div1 .p1 a{color:#333;font-size:16px;text-transform:capitalize;display:inline-block;height:60px;line-height:60px;margin-right:5%;transition:all .5s}
.nav ul li .div1 .p1 a:hover{color:#fe0000}
.a_txt{display:none}
.moblie_head{display: none;}
/*小于1600大于1200稍微调整下字体*/
@media screen and (max-width: 1600px) and (min-width:1200px) {
.nav ul li .a1{font-size:14px}
.nav ul li .div1 .p1 a{font-size:12px}
.foot_top ul{margin-left:60px}
.nav ul li .div1 .p1{width:58.1%}
.tel{width:15%}
.nav ul li .div1{width: 800%;}
}



@media(min-width:992px) and (max-width:1280px){
    .nav{width:65%}
}


/*移动端导航*/
@media screen and (max-width: 1024px) and (min-width: 0px){
.head{display:none}
.moblie_head{display: block;}
.moblie_head{display:block;height:44px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd}
.moblie_head .lf{padding-top:5px;padding-left:5%}
.moblie_head .lf img{height:30px}
.moblie_head .rg{padding-right:5%;padding-top:14px}
.moblie_head .rg a img{height:16px;vertical-align:top}
.a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.a_txt .div1{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.a_txt .div2{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.a_txt .div3{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%}
.a_txt .div3 ul{padding-left:5%;padding-right:5%}
.a_txt .div3 ul li{border-bottom:1px solid #232530}
.a_txt .div3 ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.a_txt .div3 ul li .a_js2{background:url(../../images/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_js2_on{background:url(../../images/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_txt2{display:none}
.a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:14px}
}