@charset "utf-8";
/* CSS Document */
*{transition-property: all;-ms-transition-property:all;-moz-transition-property:all; -webkit-transition-property:all; -o-transition-property:all;}
html,body{font-size:14px;width:100%;clear:both;margin:0px;padding:0px;font-family:"sans-serif";font-weight:300;}
img{border:0px;}
ul,li,p,a{margin:0px;padding:0px;font-family:"sans-serif";font-weight:300;}
a{text-decoration:none; background-color:transparent; -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;}
a:active,a:hover{ outline:0; text-decoration:none; }
a,button,textarea,select{ -webkit-appearance:none; -webkit-tap-highlight-color:rgba(255,0,0,0);}
div{ box-sizing:border-box; -webkit-box-sizing:border-box;}
ul,li{list-style-type:none;box-sizing:border-box; -webkit-box-sizing:border-box;}
i,em{font-style:normal}
h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}
table{width:100%;line-height:1.5em;border-collapse:collapse;border-spacing:0}
th, td{padding:5px; border-bottom:1px solid transparent; border-left:1px solid transparent; border-right:1px solid transparent; vertical-align:middle;}
th{font-weight:bold;text-align:center;background-color:transparent;}
input,button,select,textarea{ outline:none;}
textarea{resize:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance:none;padding:0;margin:0;font-weight:normal;}


/****头部****/
header{ width:100%; height:90px; float:left; background-color:#fff; position:fixed; top:0; left:0; z-index:9999; box-sizing:border-box; box-shadow:0 3px 3px rgba(0,0,0,0.1); padding:0 5%;}
header .h_con{ margin:0 auto;}
header .h_logo{ width:180px; height:50px; background-image:url(../images/logo.png); margin:20px 0px;}
header .h_menu{ width:auto; float:right; margin:15px 0;}


/**产品系列分类**/
.a_mare.a_width{ display:block; width:200px; float:left; margin:30px 0px 0 0px; height:40px; line-height:40px; font-size:14px; color:#222; position:inherit; display:none; }
.a_mare.a_width p{ width:100%; float:left; height:40px; line-height:40px; border:1px solid #222; padding:0 10px; box-sizing:border-box;}
.a_mare.a_width .a_mhead{ width:200px; cursor:pointer; position:relative; height:40px; line-height:40px; border:1px solid #dfdfdf; padding:0 10px;}
.a_mare.a_width .a_mhead .a_arrow{ display:inline;float:right;width:0;height:0; margin:16px 5px 0 5px; border-left:6px solid transparent; border-right:6px solid transparent; border-top:7px solid #707070;}
.a_mare.a_width .a_mbody{ display:none; border:1px solid #dfdfdf; width:200px; margin:-1px 0 0 0px; }
.a_mare.a_width .a_mbody a{ display:block; color:#707070; background-color:#fff; text-decoration:none; padding:0 10px; box-sizing:border-box; font-size:14px; }
.a_mare.a_width .a_mbody a:hover{ color:#222;}



/****尾部****/
footer{width:100%;  float:left;}
footer::after{ content:""; display:block; clear:both; visibility:hidden;}
footer .f_con{ max-width:1200px; margin:0 auto;}
footer .f_mod{ width:100%; float:left; background-color:#111; padding:110px 0;}
footer .f_mod .f_modL{ width:40%; float:left;}
footer .f_mod .f_modL .f_logo{ width:120px; height:30px; background-image:url(../images/f_logo.png); float:left; margin-left:40px;}
footer .f_mod .f_modL .f_menu{ width:100%; float:left; color:#fff; margin-top:20px;}
footer .f_mod .f_modL .f_menu a{ width:auto; display:inline-block; margin:0 40px; color:#fff; font-size:14px;}
footer .f_mod .f_modR{ width:40%; float:right; padding-right:40px; letter-spacing:1px;}
footer .f_mod .f_modR .f_web{ width:100%; float:left; font-size:16px; color:#fff; text-align:right;}
footer .f_mod .f_modR .f_icon{ width:100%; float:left; text-align:right; margin-top:20px;}
footer .f_mod .f_modR .f_icon span{ width:33px; height:33px; display:inline-block; float:none; margin-left:20px;}
footer .f_mod .f_modR .f_icon span:first-child{ background-image:url(../images/icon_01.png);}
footer .f_mod .f_modR .f_icon span:first-child+span{ background-image:url(../images/icon_02.png);}
footer .f_mod .f_modR .f_icon span:first-child+span+span{ background-image:url(../images/icon_03.png);}
footer .f_mod .f_modR .f_icon span:first-child+span+span+span{ background-image:url(../images/icon_04.png);}
footer .f_copy{ width:100%; height:110px; line-height:110px; float:left; background-color:#e8e8e8; text-align:center; font-size:14px; color:#000;} 


/*页码*/
.paginator{ margin:0px auto; box-sizing:border-box; -webkit-box-sizing:border-box; vertical-align:middle; font-size:12px; padding:0 10px 0 0;}
.paginator a{border:solid 1px #ccc;color:#b8b8b8;cursor:pointer;text-decoration:none; box-sizing:border-box;}
.paginator a:visited{ border:solid 1px #ddd; background-color:#fff; text-decoration:none;}
.paginator .cpb{border:1px solid #222;color:#fff;background-color:#222;}
.paginator a:hover{border:1px solid #222;color:#222;text-decoration:none;}
.paginator a,.paginator a:visited,.paginator .cpb,.paginator a:hover{float:left;height:30px;line-height:30px;min-width:30px;width:30px;margin:2px 5px 2px 0;text-align:center;white-space:nowrap;padding:0 2px; border-radius:3px; box-sizing:border-box;}

@media (max-width: 479px) {
/****头部****/
header{ height:60px; padding:0 5%;}
header .h_logo{ width:180px; height:34px; margin:13px 0px;}
header .h_menu{ width:20%; margin:0;}


/****尾部****/
footer{ }
footer .f_mod{ padding:40px 5%;}
footer .f_mod .f_modL{ width:100%; }
footer .f_mod .f_modL .f_logo{ width:120px; height:30px; margin-left:20px;}
footer .f_mod .f_modL .f_menu{ margin-top:20px;}
footer .f_mod .f_modL .f_menu a{ width:auto; margin:0 20px; font-size:13px;}
footer .f_mod .f_modR{ width:100%; padding-right:40px; }
footer .f_mod .f_modR .f_web{ display:none;}
footer .f_mod .f_modR .f_icon{ margin-top:20px; text-align:left; padding-left:10px;}
footer .f_mod .f_modR .f_icon span{ width:25px; height:25px; margin-left:10px;}
footer .f_copy{ height:60px; line-height:60px; font-size:13px; } 

/*页码*/
.paginator{ line-height:20px;}
.paginator a,.paginator a:visited,.paginator .cpb,.paginator a:hover{height:20px;line-height:20px;min-width:20px;width:auto;margin:2px 5px 2px 0; padding:0 2px;}
.paginator a:first-child{ width:auto;}
.paginator a:last-child{ width:auto;}


}

@media (min-width: 480px) and (max-width: 639px) {
/****头部****/
header{ padding:5px 0%; background-color:#fff;box-shadow:0 3px 3px rgba(165,165,165,0.2);}
.header{ width:100%; height:60px; }
.header .h_logo{ width:150px; height:30px; margin:10px 0; background-image:url(../images/f_logo.png); }

/****尾部****/
footer{width:100%;}
footer .f_con{ padding:0 5%;}
footer .f_con .f_mod{ margin:30px 0;}
footer .f_con .f_menu{ width:100%; }
footer .f_con .f_menu ul li{ width:100%; margin:10px 0px 0 0; }
footer .f_con .f_menu ul li a{ width:33.333333%; margin-top:10px; }
footer .f_con .f_menu ul li a.a_a01{ width:100%; font-size:16px; margin-top:20px;}
footer .f_con .f_menu ul li a.a_a02{ margin-top:10px;}
footer .f_con .f_way{ width:100%; float:left; }
footer .f_con .f_way .f_code{ width:100%; font-size:16px; margin-top:30px; }
footer .f_con .f_way .f_icon{ margin-top:15px; }
footer .f_con .f_way .f_icon a{ width:30px; height:30px; margin-right:15px;}
footer .f_copy{ height:50px; }
footer .f_copy .f_copyR{ width:100%; text-align:center; height:50px; line-height:50px;  }


/*页码*/
.paginator{ line-height:20px;}
.paginator a,.paginator a:visited,.paginator .cpb,.paginator a:hover{height:20px;line-height:20px;min-width:20px;width:auto;margin:2px 5px 2px 0; padding:0 2px;}
.paginator a:first-child{ width:auto;}
.paginator a:last-child{ width:auto;}

}


@media (min-width: 640px) and (max-width:1023px ) {
/****头部****/
header{ height:70px; padding:0 5%;}
header .h_logo{ width:180px; height:50px; margin:10px 0px;}
header .h_menu{ width:20%; margin:0;}


/****尾部****/
footer{ }
footer .f_mod{ padding:50px 5%;}
footer .f_mod .f_modL{ width:100%; }
footer .f_mod .f_modL .f_logo{ width:120px; height:30px; margin-left:40px;}
footer .f_mod .f_modL .f_menu{ margin-top:20px;}
footer .f_mod .f_modL .f_menu a{ width:auto; margin:0 40px; font-size:14px;}
footer .f_mod .f_modR{ width:100%; padding-right:40px; }
footer .f_mod .f_modR .f_web{ font-size:17px; display:none;}
footer .f_mod .f_modR .f_icon{ margin-top:20px; text-align:left; padding-left:30px;}
footer .f_mod .f_modR .f_icon span{ width:33px; height:33px; margin-left:15px;}
footer .f_copy{ height:80px; line-height:80px; font-size:13px; } 

}


@media (min-width: 1024px) and (max-width:1199px ) {
/****头部****/
header{ height:90px; padding:0 5%;}
header .h_logo{ width:180px; height:50px; margin:20px 0px;}
header .h_menu{ width:auto; margin:15px 0;}


/****尾部****/
footer{ }
footer .f_mod{ padding:100px 5% 100px 3%;}
footer .f_mod .f_modL{ width:50%; }
footer .f_mod .f_modL .f_logo{ width:120px; height:30px; margin-left:40px;}
footer .f_mod .f_modL .f_menu{ margin-top:20px;}
footer .f_mod .f_modL .f_menu a{ width:auto; margin:0 40px; font-size:14px;}
footer .f_mod .f_modR{ width:40%; padding-right:40px; }
footer .f_mod .f_modR .f_web{ font-size:16px;}
footer .f_mod .f_modR .f_icon{ margin-top:20px;}
footer .f_mod .f_modR .f_icon span{ width:33px; height:33px; margin-left:20px;}
footer .f_copy{ height:100px; line-height:100px; font-size:14px; } 

}


@media (min-width: 1200px) and (max-width:1439px ){
/****头部****/
header{ height:90px; padding:0 5%;}
header .h_logo{ width:180px; height:50px; margin:20px 0px;}
header .h_menu{ width:auto; margin:15px 0;}


/****尾部****/
footer{ }
footer .f_mod{ padding:110px 5%;}
footer .f_mod .f_modL{ width:40%; }
footer .f_mod .f_modL .f_logo{ width:120px; height:30px; margin-left:40px;}
footer .f_mod .f_modL .f_menu{ margin-top:20px;}
footer .f_mod .f_modL .f_menu a{ width:auto; margin:0 40px; font-size:14px;}
footer .f_mod .f_modR{ width:40%; padding-right:40px; }
footer .f_mod .f_modR .f_web{ font-size:16px;}
footer .f_mod .f_modR .f_icon{ margin-top:20px;}
footer .f_mod .f_modR .f_icon span{ width:33px; height:33px; margin-left:20px;}
footer .f_copy{ height:100px; line-height:100px; font-size:14px; } 




}

@media (min-width: 1440px) and (max-width:1680px ){
/****头部****/
header{ height:90px; padding:0 5%;}
header .h_logo{ width:180px; height:50px;  margin:20px 0px;}
header .h_menu{ width:auto; margin:15px 0;}


/****尾部****/
footer{ }
footer .f_mod{ padding:110px 0;}
footer .f_mod .f_modL{ width:40%; }
footer .f_mod .f_modL .f_logo{ width:120px; height:30px; margin-left:40px;}
footer .f_mod .f_modL .f_menu{ margin-top:20px;}
footer .f_mod .f_modL .f_menu a{ width:auto; margin:0 40px; font-size:14px;}
footer .f_mod .f_modR{ width:40%; padding-right:40px; }
footer .f_mod .f_modR .f_web{ font-size:16px;}
footer .f_mod .f_modR .f_icon{ margin-top:20px;}
footer .f_mod .f_modR .f_icon span{ width:33px; height:33px; margin-left:20px;}
footer .f_copy{ height:110px; line-height:110px; font-size:14px; } 



}	
	
@media (min-width: 1681px) and (max-width:1920px ){
/****头部****/
header{ position:fixed; top:0; left:0; z-index:9999;}
header .h_logo{ width:180px; height:50px; margin:20px 0px;}


/****尾部****/
footer{}
footer .f_con .f_mod{ }



}

@media (min-width: 1921px) and (max-width:2440px ){
header .h_con{ width:1920px; margin:0 auto; padding:0 5%;}

footer .f_con{ width:1920px;}
}

@media (min-width: 2441px) and (max-width:2880px ){
header .h_con{ width:1920px; margin:0 auto; padding:0 5%;}

/****尾部****/
footer{width:100%;}
footer .f_con{ max-width:1920px;}





}