@charset "utf-8";

/*

 

 * 17素材vip建站专区模块代码

 * 详尽信息请看官网：http://www.17sucai.com/pins/vip

 *

 * Copyright , 温州易站网络科技有限公司版权所有

 * 图片不能商用，代码可商用。

 

 * 请尊重原创，未经允许请勿转载。

 * 在保留版权的前提下可应用于个人或商业用途

 

*/



*{margin:0;padding:0}

body{font-family:"微软雅黑";}

a{text-decoration:none;cursor:pointer;transition:all .3s;outline:none}

ul{list-style:none}

.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%;z-index:9999;background:rgb(255, 255, 255);border-bottom:1px solid #ddd;height:100px;transition:all .3s}

.logo{padding-top:27px;width:250px;transition:all .3s}

.logo a{display:block;position:relative;overflow:hidden}

.logo img{position:relative;z-index:100;margin-top:18px; width:200px;}

.logo .p1{position:absolute;top:0%;left:0px;width:100%;height:80%;}

.nav{width:75%;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}

.nav .yuyan{

    width:100%;

    overflow: hidden;

}

.en{

    width:4%;

    float:right !important;

}

.cn{

    width:4%;

    float:right !important;

	border-right:1px solid #ccc;

}

.cn a,.en a{

    color:#333;

}

.cn img,.en img{

max-width: 100%;

    display: block;

    margin: 0 auto;}

.cn span,.en span{

    display: block;

    float:left;

    margin-left:10px;

}

.nav ul li{float:left;width:12%;height:60px;background:url(../images/1_02.jpg) right center no-repeat;transition:all .3s}



.nav ul li .a1{line-height:60px;display:block;text-align:center;font-size:16px;color:#333;transition:all .3s; font-weight:bold;}



.nav ul li:hover .a1{color:red;transition:all .3s}

.nav ul li .div1{display:none;background:#fff;width:100%;left:0px;position:absolute;top:90px;z-index:100;padding:40px;}

.nav ul li .div1 .p1{width:100%;}

.nav ul li .div1 .p1 .jieshao h2{

    font-size: 16px;

    font-weight: bold;

}

.nav ul li .div1 .p1 .jieshao .jieshao_con{

    color:#999;

}

.nav ul li .div1 .p1 .lanmu ul{width:100%;} 

.nav ul li .div1 .p1 .lanmu ul li{

    width:100%;

    height: 30px;

    text-align: center;

    float:none !important;



}

.nav ul li .div1 .p1 a{color:#999;font-size:14px;text-transform:uppercase;background:url(../images/1_26.jpg) center bottom no-repeat;display:block;margin-right:5%;transition:all .5s; padding-bottom:5px;}

.nav ul li .div1 .p1 a:hover{background:url(../images/1_27.jpg) center bottom no-repeat;color:#1a1a1a}

.nav ul li .mad3 .p1 .pad{margin-left:30%}

.nav ul li .mad4 .p1 .pad{margin-left:44%}

.nav ul li .mad5 .p1 .pad{margin-left:45%}

.nav ul li .mad6 .p1{text-align:right}

.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:16px}

.nav ul li .div1 .p1 a{font-size:12px}

.foot_top ul{margin-left:60px}

.nav ul li .div1 .p1{width:58.1%}

}

/*移动端导航*/

@media screen and (max-width: 1024px) and (min-width: 0px){

.head{display:none}

.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:10px;padding-left:5%}

.moblie_head .lf img{height:24px}

.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}

}



.word-break{

	width:100%;

    padding-left:80px;

    line-height:24px;

}

.word-break a:hover{

    background:none !important;

    color:red !important;

}