@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:"Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"微软雅黑","宋体","黑体"; background-color:#fff;}
img{border:0px;}
ul,li,p{margin:0px;padding:0px;}
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;}
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; -moz-box-sizing:border-box;}
ul,li{list-style-type:none;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-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; vertical-align:middle;}
th{font-weight:bold;text-align:center;background-color:transparent;}
input,button,select,textarea{ outline:none; appearance:none; -moz-appearance:none; -webkit-appearance: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; color:#fff;}
input::-webkit-input-placeholder{color:#999; font-family:"微软雅黑";}
textarea::-webkit-input-placeholder{color:#999; font-family:"微软雅黑";}




/****头部****/
.header{ width:100%; background-color:#fff; float:left; position:fixed; top:0; left:0; z-index:999; box-shadow:0 3px 3px rgba(0,0,0,0.1);}
.header::after{content:"020"; display:block; height:0; clear:both; visibility:hidden;}
.h_con{ max-width:1920px; margin:0 auto; padding:35px 5% 45px;}
.header .h_logo{ width:170px; height:74px; float:left; background-image:url(../cn/images/logo.png); background-size:contain; background-position:left center; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../cn/images/logo.png', sizingMethod='scale'); -ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../cn/images/logo.png', sizingMethod='scale'); background-image: none\8;}
.header .h_menu{ width:850px; margin:0 auto;}

#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #menu-button{margin:0;padding:0;border:0;list-style:none; height:50px;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;box-sizing:border-box; outline:0; -webkit-tap-highlight-color:transparent;}
#cssmenu ul{ height:50px; border-bottom:1px solid #ccc; border-top:none; padding:0 20px; box-sizing:border-box; margin-top:10px;}
#cssmenu #menu-button:active,#cssmenu #menu-button:hover{outline:0;}
#cssmenu:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
#cssmenu #menu-button{display:none;}
#cssmenu{width:100%;background:#fff;}
#menu-line{ position:absolute;bottom:0;left:0;height:1px;background:#f08200; border-left:20px solid #fff; border-right:20px solid #fff;-webkit-transition:all 0.25s ease-out;-moz-transition:all 0.25s ease-out;-ms-transition:all 0.25s ease-out;-o-transition:all 0.25s ease-out;transition:all 0.25s ease-out; z-index:99;}
#cssmenu > ul > li{float:left;}
#cssmenu.align-center > ul{font-size:0;text-align:center;}
#cssmenu.align-center > ul > li{display:inline-block;float:none;}
#cssmenu.align-center ul ul{text-align:left;}
#cssmenu.align-right > ul > li{float:right;}
#cssmenu.align-right ul ul {text-align:right;}
#cssmenu > ul > li > a{ height:50px; line-height:50px; padding:0 30px;font-size:14px; letter-spacing:1px; text-decoration:none;text-transform:uppercase;color:#000;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease; font-family:"思源黑体 CN Medium",sans-serif; }
#cssmenu > ul > li:hover > a,#cssmenu > ul > li.active > a{color:#000;}
#cssmenu > ul > li.has-sub > a{padding-right:25px;}
#cssmenu > ul > li.has-sub > a::after{position:absolute; top:46px; right:10px;width:4px;height:4px;border-bottom:1px solid #000; border-right:1px solid #000;content: "";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform: rotate(45deg);-webkit-transition:border-color 0.2s ease;-moz-transition:border-color 0.2s ease;-ms-transition:border-color 0.2s ease;-o-transition: border-color 0.2s ease;transition: border-color 0.2s ease;}
#cssmenu > ul > li.has-sub:hover > a::after{border-color:#f00;}
#cssmenu ul ul{position:absolute;left:-9999px; width:100%;}
#cssmenu li:hover > ul{left:auto;}
#cssmenu.align-right li:hover > ul{right:0;}
#cssmenu ul ul ul{margin-left:100%;top:0;}
#cssmenu.align-right ul ul ul{margin-left:0; margin-right:100%;}
#cssmenu ul ul li{height: 0; -webkit-transition:height .2s ease;-moz-transition:height .2s ease;-ms-transition:height .2s ease;-o-transition:height .2s ease;transition:height .2s ease;}
#cssmenu ul li:hover > ul > li{height:32px; width:100%;}
#cssmenu ul ul li a{ width:100%; padding:10px 10px; text-align:center; font-size:14px;background:#fff;text-decoration:none;color:#333;-webkit-transition: color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition: color .2s ease;}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#f00;}
#cssmenu ul ul li.has-sub > a::after{position: absolute;top:13px;right:10px;width:4px;height:4px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;content:"";-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform: rotate(-45deg);-webkit-transition:border-color 0.2s ease;-moz-transition:border-color 0.2s ease;-ms-transition:border-color 0.2s ease;-o-transition:border-color 0.2s ease;transition:border-color 0.2s ease;}
#cssmenu.align-right ul ul li.has-sub > a::after{right:auto;left:10px;border-bottom:0;border-right:0;border-top:1px solid #dddddd;border-left:1px solid #dddddd;}
#cssmenu ul ul li.has-sub:hover > a::after{border-color:#f00;}
/**免费热线**/
.header .h_htie{ width:210px; float:right; position:absolute; top:35px; right:5%; }
.header .h_htie p{ font-size:14px; color:#000; letter-spacing:1px; width:100%; float:right; text-align:right; }
.header .h_htie p span{display:inline-block;height:18px;width:18px; float:left; background-image:url(../cn/images/icon_01.png); background-position:center; margin:6px 10px 0 0;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../cn/images/icon_01.png', sizingMethod='scale'); -ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../cn/images/icon_01.png', sizingMethod='scale'); background-image:none\8;}
.header .h_htie b{ width:auto; float:left; font-size:24px; color:#000; font-family:"思源黑体 CN Blod",Microsoft YaHei; letter-spacing:1px; text-align:right; font-size:20px\9;}
.header .h_htie .h_user{ width:100%; float:left; text-align:right; margin-bottom:10px;}
.header .h_htie .h_user a{ width:80px; height:30px; line-height:30px; display:inline-block; margin-left:25px; background-color:#fff; border:1px solid #000; font-size:14px; text-align:center; box-sizing:border-box; color:#000;}
.header .h_htie .h_user a:hover{ background-color:#f08200; border-color:#f08200; color:#fff;}
.header .h_htie .h_name{ width:100%; float:left; text-align:right; font-size:14px; line-height:25px; margin:0 0 10px 0; padding-right:5px;}
.header .h_htie .h_name span{ width:25px; height:25px; background-image:url(../cn/images/icon_09.png); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../cn/images/icon_09.png', sizingMethod='scale'); -ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../cn/images/icon_09.png', sizingMethod='scale'); background-image:none\8; display:inline-block; margin-right:10px; float:none; vertical-align:top;}
.header .h_htie .h_name a{ color:#f08200; margin-left:10px;}
.header .h_htie .h_name a:hover{ color:#666;}

/****尾部****/
footer{ width:100%; float:left; background-color:#fff3e7; box-sizing:border-box;}
footer::after{content:""; display:block; clear:both; visibility:hidden;}
footer .f_con{ max-width:1400px; margin:0 auto; padding:0; box-sizing:border-box;} 
footer .f_prod{ width:100%; float:left; padding:20px;}
footer .f_prod ul li{ width:50%; float:left; padding:20px; box-sizing:border-box;}
footer .f_prod ul li .f_prodM{ width:100%; float:left; position:relative; overflow:hidden;}
footer .f_prod ul li .f_prodM .f_prodP{ width:100%; height:170px; float:left; background-size:cover; background-position:center; -webkit-transition:-webkit-transform 1s; -o-transition:-webkit-transform 1s; -moz-transition:-webkit-transform 1s; transition:transform 1s;}
footer .f_prod ul li:hover .f_prodM .f_prodP{ -webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
footer .f_prod ul li .f_prodM .f_prodT{ width:100%; float:left; position:absolute; bottom:0px; left:0; padding:25px;}
footer .f_prod ul li .f_prodM .f_prodT p{ float:left; font-size:18px; color:#fff; font-family:"思源黑体 CN Normal",sans-serif;  }
footer .f_prod ul li .f_prodM .f_prodT .arrow{ width:10px;height:10px;border-bottom:2px solid #fff;border-right:2px solid #fff;transform:rotate(315deg);-ms-transform:rotate(315deg);-webkit-transform:rotate(315deg);-moz-transform:rotate(315deg);-o-transform:rotate(315deg); display:none\9; position:absolute; left:23%; top:33px; }
footer .f_prod ul li:hover .f_prodM .f_prodT .arrow{border-color:#fff;}


footer .f_mod{ width:100%; float:left; padding:0px 40px 50px 40px;}
footer .f_mod .f_menu{ width:70%; float:left; display:block;}
footer .f_mod .f_menu h3{ width:100px; border-bottom:1px solid #4e4e4e; font-size:16px; color:#222; font-weight:normal;font-family:"思源黑体 CN Light",sans-serif; padding:15px 10px; box-sizing:border-box;}
footer .f_mod .f_menu ul{ width:100%; float:left;}
footer .f_mod .f_menu ul li{ width:120px; margin:15px 25px 0px 0; display:inline-block; vertical-align:top;}
footer .f_mod .f_menu ul li a{ width:100%; float:left; font-size:14px; color:#666; text-align:left; margin-top:10px; padding:0 10px; box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:"思源黑体 CN Light",sans-serif; }
footer .f_mod .f_menu ul li a.a_a01{ color:#666; font-size:14px;}
footer .f_mod .f_menu ul li a.a_a02{ margin-top:13px;}
footer .f_mod .f_menu ul li a.a_a01:hover{ text-decoration:none;}
footer .f_mod .f_menu ul li a:hover{ text-decoration:underline; color:#000;}
footer .f_mod .f_way{ width:30%; float:right; margin:15px 0;}
footer .f_mod .f_way h3{ width:100%; border-bottom:1px solid #4e4e4e; font-size:16px; color:#222; font-weight:normal; font-family:"思源黑体 CN Light",sans-serif; padding:15px 10px; box-sizing:border-box;}
footer .f_mod .f_way h3 a{ color:#222; }
footer .f_mod .f_way .f_link{ width:100%; float:left; margin-top:10px;}
footer .f_mod .f_way .f_link p{ width:100%; float:left; margin-top:5px; font-size:14px; color:#666; font-family:"思源黑体 CN Light",sans-serif;}
footer .f_mod .f_way .f_link p.f_p01{ margin-top:5px; line-height:140%; color:#666;}
footer .f_mod .f_icon{ width:100%; float:left; margin:35px 0 40px 0; }
footer .f_mod .f_icon .child{ cursor:pointer;position:relative;width:30px; margin:0px 20px 0 0; float:left;}
footer .f_mod .f_icon .child img{ transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
footer .f_mod .f_icon .child img{width:100%;}
footer .f_mod .f_icon .child .childCode{ width:310px; height:110px;background-color:#fff; border-radius:5px;position:absolute;left:50%; top:-20px; margin-left:30px;text-align:center; z-index:99; display:block; padding:5px;}
footer .f_mod .f_icon .child .childCode span{width:0; height:0; border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #fff; position:absolute; top:30%; left:0%; margin:-4px 0 0 -8px; z-index:1;}
footer .f_mod .f_icon .child .childCode img{ width:100px;height:100px; border-radius:5px; overflow:hidden; display:inline-block; -webkit-transition:transform 1s; -o-transition:transform 1s; -moz-transition:transform 1s; transition:transform 1s;}
footer .f_mod .f_icon .child .childCode img:hover{-webkit-transform:scale(1.5,1.5);-moz-transform:scale(1.5,1.5);-o-transform:scale(1.5,1.5);-ms-transform:scale(1.5,1.5);transform:scale(1.5,1.5);}
footer .f_copy{ width:100%; float:left; background-color:#343434; height:60px; line-height:60px; text-align:center; font-size:14px;font-family:"思源黑体 CN Light",sans-serif; color:#fff; letter-spacing:1px;}
footer .f_copy a{ color:#fff; text-align:center; line-height:180%;font-family:"思源黑体 CN Light",sans-serif; margin-left:10px;}
footer .f_copy a:hover{ text-decoration:underline;}

/*页码*/
.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:#666;cursor:pointer;text-decoration:none; box-sizing:border-box;}
.paginator a:visited{ border:solid 1px #666; background-color:#fff; text-decoration:none;}
.paginator .cpb{border:1px solid #000;color:#fff;background-color:#000;}
.paginator a:hover{border:1px solid #333;color:#333;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;}
.a_mod .a_order .a_orderL .paginator table,.a_mod .a_order .a_orderL .paginator table td,.a_mod .a_order .a_orderL .paginator table th{ border:1px solid transparent;}

@media (max-width: 479px) {

/****头部****/
.header{ width:100%; height:60px;}
.header .h_con{ padding:0px 5%;}
.header .h_logo{ width:160px; height:40px; background-position:left center; margin:10px 0; }
/****菜单****/
.header .h_menu{ width:20%; height:100%; float:right; margin-left:0px; padding:0px; box-sizing:border-box;}
#cssmenu{width:100%; height:100%; background-color:rgba(255,255,255,0.8);float:right;}
#cssmenu ul.h_sub{ width:50%; height:100%; margin:1px 0 0 0; background-color:#fff; display:none; position:fixed; right:0; padding:0 2%; box-sizing:border-box; -webkit-transition-property:width,height,-webkit-transform; -o-transition-property:width,height,-o-transform; -moz-transition-property:width,height,-moz-transform;transition-property:width,height,transform; -webkit-transition-duration:300ms; -o-transition-duration:300ms; -moz-transition-duration:300ms; transition-duration:300ms;}
#cssmenu.align-center > ul,#cssmenu.align-right ul ul{text-align:left;}
#cssmenu ul li{width:100%; border-bottom:1px solid rgba(120, 120, 120, 0.15);}
#cssmenu ul ul{ width:100%; padding:0 20px; box-sizing:border-box;}
#cssmenu ul ul li,#cssmenu ul li:hover > ul > li{width:100%;height:auto;border-top:1px dashed rgba(120, 120, 120, 0.15);}
#cssmenu ul li a{width:100%; height:45px; line-height:45px; text-align:center;}
#cssmenu ul ul li a{width:100%;}
#cssmenu > ul > li,#cssmenu.align-center > ul > li,#cssmenu.align-right > ul > li{float:none;display:block;}
#cssmenu ul ul li a{padding:0px;font-size:14px;color:#666;background:none;}
#cssmenu > ul > li > a{ padding:0;}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#000;}
#cssmenu ul ul ul li a{padding-left:40px;}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0;}
#cssmenu > ul > li.has-sub > a::after,#cssmenu ul ul li.has-sub > a::after{display:none;}
#cssmenu > ul > li.has-sub > a{ padding-right:0;}
#menu-line{display:none;}
#cssmenu #menu-button{display:block; height:60px; color:#000; cursor:pointer; text-transform:uppercase; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); -o-transform:translateX(0);}
#cssmenu #menu-button::after{content:''; position:absolute; top:22px; right:0px; display:block; width:25px; height:2px; background-color:#000;}
#cssmenu #menu-button::before{content:''; position:absolute; top:30px; right:0px; display:block; width:25px; height:6px; border-top:2px solid #000;border-bottom:2px solid #000;}
#cssmenu #menu-button::after,#cssmenu #menu-button::before{ -webkit-transition-property:background-color, -webkit-transform; -o-transition-property:background-color, -o-transform; transition-property:background-color, transform; -moz-transition-property:background-color, -moz-transform;  -webkit-transition-duration:300ms; -o-transition-duration:300ms; -moz-transition-duration:300ms; transition-duration:300ms;}
#cssmenu #menu-button.menu-opened:after{content:''; position:absolute; top:30px; right:0px; display:block; width:25px; height:2px; background-color:#000;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
#cssmenu #menu-button.menu-opened:before{content: ''; position:absolute; top:30px; right:0px; display:block; width:25px; height:2px; border-top:2px solid #000; border-bottom:2px solid #000; border:none; background-color:#000; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); }
#cssmenu .submenu-button{position:absolute; z-index:10; right:0; top:0; display:block; height:45px; width:100%; cursor:pointer; }
#cssmenu .submenu-button::after{content:''; position:absolute; top:18px; right:26px; width:8px; height:8px; border-bottom:1px solid #333; border-right:1px solid #333; z-index:99; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform: rotate(45deg); -webkit-transition:border-color 0.2s ease; -moz-transition:border-color 0.2s ease; -ms-transition:border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition:border-color 0.2s ease;}
#cssmenu .submenu-button::before{content:''; position:absolute; right:26px; top:23px; width:8px; height:8px; border-top:1px solid #333; border-left:1px solid #333; z-index:99; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform: rotate(45deg); -webkit-transition:border-color 0.2s ease; -moz-transition:border-color 0.2s ease; -ms-transition:border-color 0.2s ease; -o-transition:border-color 0.2s ease; transition:border-color 0.2s ease;}
#cssmenu .submenu-button.submenu-opened:after{display:none;}
#cssmenu .submenu-button.submenu-opened:before{display:block;}
#cssmenu .submenu-button:before{display:none;}

.header .h_htie{ display:none;}



/****尾部****/
footer{ }
footer .f_con{  padding:0 8%;} 
footer .f_prod{ padding:20px 0;}
footer .f_prod ul li{ width:100%; padding:10px 0;}
footer .f_prod ul li .f_prodM{ }
footer .f_prod ul li .f_prodM .f_prodP{ height:100px; }
footer .f_prod ul li .f_prodM .f_prodT{ padding:15px;}
footer .f_prod ul li .f_prodM .f_prodT p{ font-size:14px; }
footer .f_prod ul li .f_prodM .f_prodT .arrow{ width:10px; height:10px; left:35%; top:17px; }

footer .f_mod{ padding:0px 10px 50px 10px;}
footer .f_mod .f_menu{ width:100%; }
footer .f_mod .f_menu h3{ width:100%; font-size:15px; padding:15px 5px 10px 5px;}
footer .f_mod .f_menu ul{ margin-top:10px;}
footer .f_mod .f_menu ul li{ width:33.33333333%; margin:10px 0px 0px 0; float:left; }
footer .f_mod .f_menu ul li a{ width:100%; font-size:12px; margin-top:0px; padding:0 5px; display:none;  }
footer .f_mod .f_menu ul li a.a_a01{ font-size:12px; width:100%; display:block; color:#999;}
footer .f_mod .f_menu ul li a.a_a02{ margin-top:5px;}
footer .f_mod .f_way{ width:100%; float:right; margin:15px 0;}
footer .f_mod .f_way h3{ font-size:15px; padding:15px 5px 10px 5px; }
footer .f_mod .f_way .f_link{ margin-top:10px;}
footer .f_mod .f_way .f_link p{ margin-top:5px; font-size:13px;}
footer .f_mod .f_way .f_link p.f_p01{ margin-top:5px; line-height:140%; }
footer .f_mod .f_icon{ margin:35px 0 40px 0; height:90px;}
footer .f_mod .f_icon .child{ width:30px; margin:0px 20px 0 0; }
footer .f_mod .f_icon .child .childCode{ width:289px; height:103px; left:0%; top:40px; margin-left:-55px;}
footer .f_mod .f_icon .child .childCode span{ top:0%; left:0%; margin:-8px 0 0 58px; border-bottom:8px solid #fff; border-right:8px solid transparent; border-left:8px solid transparent; border-top:none;}
footer .f_mod .f_icon .child .childCode img{ width:93px;height:93px; }
footer .f_mod .f_icon .child .childCode img:hover{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);}
footer .f_copy{ height:70px; line-height:150%; font-size:12px; padding:15px 8%;}
footer .f_copy a{ width:100%; float:left; margin:0;}


/*页码*/
.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{ width:100%; height:60px;}
.header .h_con{ padding:0px 5%;}
.header .h_logo{ width:160px; height:40px; background-position:left center; margin:10px 0; }
/**菜单**/
.header .h_menu{ width:20%; height:100%; float:right; margin-left:0px; padding:0 10px; box-sizing:border-box;}
#cssmenu{width:100%; height:100%; background-color:#fff;float:right;}
#cssmenu ul.h_sub{ width:50%; height:100%; margin-top:1px; background-color:rgba(255,255,255,0.9); display:none; position:fixed; right:0; padding:0 2%; box-sizing:border-box; -webkit-transition-property:width,height,-webkit-transform; -o-transition-property:width,height,-o-transform; -moz-transition-property:width,height,-moz-transform;transition-property:width,height,transform; -webkit-transition-duration:300ms; -o-transition-duration:300ms; -moz-transition-duration:300ms; transition-duration:300ms;}
#cssmenu.align-center > ul,#cssmenu.align-right ul ul{text-align:left;}
#cssmenu ul li{width:100%; border-bottom:1px solid rgba(120, 120, 120, 0.15);}
#cssmenu ul ul{ width:100%; padding:0 20px; box-sizing:border-box;}
#cssmenu ul ul li,#cssmenu ul li:hover > ul > li{width:100%;height:auto;border-top:1px dashed rgba(120, 120, 120, 0.15);}
#cssmenu ul li a{width:100%; height:45px; line-height:45px; text-align:center;}
#cssmenu ul ul li a{width:100%;}
#cssmenu > ul > li,#cssmenu.align-center > ul > li,#cssmenu.align-right > ul > li{float:none;display:block;}
#cssmenu ul ul li a{padding:0px;font-size:14px;color:#666;background:none;}
#cssmenu > ul > li > a{ padding:0;}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#000;}
#cssmenu ul ul ul li a{padding-left:40px;}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0;}
#cssmenu > ul > li.has-sub > a::after,#cssmenu ul ul li.has-sub > a::after{display:none;}
#cssmenu > ul > li.has-sub > a{ padding-right:0;}
#menu-line{display:none;}
#cssmenu #menu-button{display:block; height:60px; color:#000; cursor:pointer; text-transform:uppercase; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); -o-transform:translateX(0);}
#cssmenu #menu-button::after{content:''; position:absolute; top:26px; right:0px; display:block; width:25px; height:2px; background-color:#000;}
#cssmenu #menu-button::before{content:''; position:absolute; top:34px; right:0px; display:block; width:25px; height:6px; border-top:2px solid #000;border-bottom:2px solid #000;}
#cssmenu #menu-button::after,#cssmenu #menu-button::before{ -webkit-transition-property:background-color, -webkit-transform; -o-transition-property:background-color, -o-transform; transition-property:background-color, transform; -moz-transition-property:background-color, -moz-transform;  -webkit-transition-duration:300ms; -o-transition-duration:300ms; -moz-transition-duration:300ms; transition-duration:300ms;}
#cssmenu #menu-button.menu-opened:after{content:''; position:absolute; top:30px; right:0px; display:block; width:25px; height:2px; background-color:#000;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
#cssmenu #menu-button.menu-opened:before{content: ''; position:absolute; top:30px; right:0px; display:block; width:25px; height:2px; border-top:2px solid #000; border-bottom:2px solid #000; border:none; background-color:#000; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); }
#cssmenu .submenu-button{position:absolute; z-index:10; right:0; top:0; display:block; height:45px; width:100%; cursor:pointer; }
#cssmenu .submenu-button::after{content:''; position:absolute; top:18px; right:26px; width:8px; height:8px; border-bottom:1px solid #333; border-right:1px solid #333; z-index:99; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform: rotate(45deg); -webkit-transition:border-color 0.2s ease; -moz-transition:border-color 0.2s ease; -ms-transition:border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition:border-color 0.2s ease;}
#cssmenu .submenu-button::before{content:''; position:absolute; right:26px; top:23px; width:8px; height:8px; border-top:1px solid #333; border-left:1px solid #333; z-index:99; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform: rotate(45deg); -webkit-transition:border-color 0.2s ease; -moz-transition:border-color 0.2s ease; -ms-transition:border-color 0.2s ease; -o-transition:border-color 0.2s ease; transition:border-color 0.2s ease;}
#cssmenu .submenu-button.submenu-opened:after{display:none;}
#cssmenu .submenu-button.submenu-opened:before{display:block;}
#cssmenu .submenu-button:before{display:none;}

.header .h_htie{ display:none;}



/****尾部****/
footer{ }
footer .f_con{  padding:0 5%;} 
footer .f_prod{ padding:20px 0;}
footer .f_prod ul li{ width:100%; padding:10px 0;}
footer .f_prod ul li .f_prodM{ }
footer .f_prod ul li .f_prodM .f_prodP{ height:100px; }
footer .f_prod ul li .f_prodM .f_prodT{ padding:15px;}
footer .f_prod ul li .f_prodM .f_prodT p{ font-size:14px; }
footer .f_prod ul li .f_prodM .f_prodT .arrow{ width:10px; height:10px; left:35%; top:20px; }

footer .f_mod{ padding:0px 10px 50px 10px;}
footer .f_mod .f_menu{ width:100%; }
footer .f_mod .f_menu h3{ width:100%; font-size:15px; padding:15px 5px 10px 5px;}
footer .f_mod .f_menu ul{ margin-top:10px;}
footer .f_mod .f_menu ul li{ width:33.33333333%; margin:10px 0px 0px 0; float:left; }
footer .f_mod .f_menu ul li a{ width:100%; font-size:12px; margin-top:0px; padding:0 5px; display:none;  }
footer .f_mod .f_menu ul li a.a_a01{ font-size:12px; width:100%; display:block; color:#999;}
footer .f_mod .f_menu ul li a.a_a02{ margin-top:5px;}
footer .f_mod .f_way{ width:100%; float:right; margin:15px 0;}
footer .f_mod .f_way h3{ font-size:15px; padding:15px 5px 10px 5px; }
footer .f_mod .f_way .f_link{ margin-top:10px;}
footer .f_mod .f_way .f_link p{ margin-top:5px; font-size:13px;}
footer .f_mod .f_way .f_link p.f_p01{ margin-top:5px; line-height:140%; }
footer .f_mod .f_icon{ margin:35px 0 40px 0; height:90px;}
footer .f_mod .f_icon .child{ width:30px; margin:0px 20px 0 0; }
footer .f_mod .f_icon .child .childCode{ width:289px; height:103px; left:0%; top:40px; margin-left:-55px;}
footer .f_mod .f_icon .child .childCode span{ top:0%; left:0%; margin:-8px 0 0 58px; border-bottom:8px solid #fff; border-right:8px solid transparent; border-left:8px solid transparent; border-top:none;}
footer .f_mod .f_icon .child .childCode img{ width:93px;height:93px; }
footer .f_mod .f_icon .child .childCode img:hover{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);}
footer .f_copy{ height:90px; line-height:150%; font-size:12px; padding:15px 8%;}
footer .f_copy a{ width:100%; float:left; margin:0;}



/*页码*/
.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;}
.header .h_con{ padding:0px 5%;}
.header .h_logo{ width:160px; height:50px; background-position:left center; margin:10px 0; }
/**菜单**/
.h_con .h_menu{ width:auto; height:100%; background-color:#fff; float:right; margin-left:0px; box-sizing:border-box;}

#cssmenu{width:100%; height:100%; background-color:rgba(255,255,255,0.9);float:right;}
#cssmenu ul.h_sub{ width:50%; height:100%; margin-top:1px; display:none; background-color:#fff; position:fixed; right:0; padding:0 2%; box-sizing:border-box; opacity:1; -webkit-transition:-webkit-transform 1s; transition:transform 1s; -webkit-transform:translate3d(100%,100%,0); transform:translate3d(100%,100%,0);}
#cssmenu ul.h_sub.open{ -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
#cssmenu.align-center > ul,#cssmenu.align-right ul ul{text-align:left;}
#cssmenu ul li{width:100%;border-bottom:1px solid rgba(120, 120, 120, 0.15);}
#cssmenu ul ul{ width:100%; padding:0 20px; box-sizing:border-box;}
#cssmenu ul ul li,#cssmenu ul li:hover > ul > li{width:100%;height:auto;border-top:1px dashed rgba(120, 120, 120, 0.15);}
#cssmenu ul li a{width:100%; height:45px; line-height:45px; text-align:center;}
#cssmenu ul ul li a{width:100%;}
#cssmenu > ul > li,#cssmenu.align-center > ul > li,#cssmenu.align-right > ul > li{float:none;display:block;}
#cssmenu ul ul li a{padding:0px;font-size:14px;color:#666;background:none;}
#cssmenu > ul > li > a{ padding:0;}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#000;}
#cssmenu ul ul ul li a{padding-left:40px;}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0;}
#cssmenu > ul > li.has-sub > a::after,#cssmenu ul ul li.has-sub > a::after{display:none;}
#cssmenu > ul > li.has-sub > a{ padding-right:0;}
#menu-line{display:none;}
#cssmenu #menu-button{display:block; height:70px; color:#000; cursor:pointer; text-transform:uppercase; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); -o-transform:translateX(0);}
#cssmenu #menu-button::after{content:''; position:absolute; top:26px; right:0px; display:block; width:25px; height:2px; background-color:#000;}
#cssmenu #menu-button::before{content:''; position:absolute; top:34px; right:0px; display:block; width:25px; height:6px; border-top:2px solid #000;border-bottom:2px solid #000;}
#cssmenu #menu-button::after,#cssmenu #menu-button::before{ -webkit-transition-property:background-color, -webkit-transform; -o-transition-property:background-color, -o-transform; transition-property:background-color, transform; -moz-transition-property:background-color, -moz-transform;  -webkit-transition-duration:300ms; -o-transition-duration:300ms; -moz-transition-duration:300ms; transition-duration:300ms;}
#cssmenu #menu-button.menu-opened:after{content:''; position:absolute; top:30px; right:0px; display:block; width:25px; height:2px; background-color:#000;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
#cssmenu #menu-button.menu-opened:before{content: ''; position:absolute; top:30px; right:0px; display:block; width:25px; height:2px; border-top:2px solid #000; border-bottom:2px solid #000; border:none; background-color:#000; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); }
#cssmenu .submenu-button{position:absolute; z-index:10; right:0; top:0; display:block; height:45px; width:100%; cursor:pointer; }
#cssmenu .submenu-button::after{content:''; position:absolute; top:18px; right:26px; width:8px; height:8px; border-bottom:1px solid #333; border-right:1px solid #333; z-index:99; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform: rotate(45deg); -webkit-transition:border-color 0.2s ease; -moz-transition:border-color 0.2s ease; -ms-transition:border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition:border-color 0.2s ease;}
#cssmenu .submenu-button::before{content:''; position:absolute; right:26px; top:23px; width:8px; height:8px; border-top:1px solid #333; border-left:1px solid #333; z-index:99; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform: rotate(45deg); -webkit-transition:border-color 0.2s ease; -moz-transition:border-color 0.2s ease; -ms-transition:border-color 0.2s ease; -o-transition:border-color 0.2s ease; transition:border-color 0.2s ease;}
#cssmenu .submenu-button.submenu-opened:after{display:none;}
#cssmenu .submenu-button.submenu-opened:before{display:block;}
#cssmenu .submenu-button:before{display:none;}

.header .h_htie{ display:none;}

/****尾部****/
footer{ }
footer .f_con{  padding:0 5%;} 
footer .f_prod{ padding:20px 0;}
footer .f_prod ul li{ width:50%; padding:10px;}
footer .f_prod ul li .f_prodM{ }
footer .f_prod ul li .f_prodM .f_prodP{ height:120px; }
footer .f_prod ul li .f_prodM .f_prodT{ padding:20px;}
footer .f_prod ul li .f_prodM .f_prodT p{ font-size:16px; }
footer .f_prod ul li .f_prodM .f_prodT .arrow{ left:38%; top:26px; }

footer .f_mod{ padding:0px 10px 50px 10px;}
footer .f_mod .f_menu{ width:100%; }
footer .f_mod .f_menu h3{ width:100%; font-size:15px; padding:15px 5px;}
footer .f_mod .f_menu ul{ margin-top:10px;}
footer .f_mod .f_menu ul li{ width:25%; margin:10px 0px 0px 0; float:left; }
footer .f_mod .f_menu ul li a{ width:100%; font-size:12px; margin-top:0px; padding:0 5px; display:none;  }
footer .f_mod .f_menu ul li a.a_a01{ font-size:12px; width:100%; display:block; color:#999;}
footer .f_mod .f_menu ul li a.a_a02{ margin-top:5px;}
footer .f_mod .f_way{ width:100%; float:right; margin:15px 0;}
footer .f_mod .f_way h3{ font-size:15px; padding:15px 5px; }
footer .f_mod .f_way .f_link{ margin-top:10px;}
footer .f_mod .f_way .f_link p{ margin-top:5px; font-size:13px;}
footer .f_mod .f_way .f_link p.f_p01{ margin-top:5px; line-height:140%; }
footer .f_mod .f_icon{  margin:35px 0 40px 0;}
footer .f_mod .f_icon .child{ width:30px; margin:0px 20px 0 0; }
footer .f_mod .f_icon .child .childCode{ width:380px; height:130px; left:50%; top:-20px; margin-left:35px;}
footer .f_mod .f_icon .child .childCode span{ top:30%; left:0%; margin:-4px 0 0 -8px;}
footer .f_mod .f_icon .child .childCode img{ width:110px;height:110px; margin:5px; }
footer .f_mod .f_icon .child .childCode img:hover{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);}
footer .f_copy{ height:60px; line-height:60px; font-size:12px;}


}


@media (min-width: 1024px) and (max-width:1199px ) {
/****头部****/
.header{ padding:0;}
.header .h_con{ padding:25px 5% 35px;}
.header .h_logo{ width:130px; height:62px;  }
/**菜单**/
.header .h_menu{ width:566px; }
#cssmenu ul{ padding:0 10px; margin:0;}
#cssmenu > ul > li > a{ padding:0 13px; font-size:13px;}
#cssmenu > ul > li.has-sub > a{padding-right:25px;}
#cssmenu > ul > li.has-sub > a::after{ top:38px; right:10px; width:4px;height:4px;}
#cssmenu ul ul li a{ width:100%; padding:10px 10px; text-align:center; font-size:12px;}
#cssmenu ul ul li.has-sub > a::after{top:13px;right:10px;width:4px;height:4px;}
#menu-line{ border-right:15px solid #fff;border-left:15px solid #fff;}

.header .h_htie{ width:160px; top:32px; }
.header .h_htie .h_name{ font-size:13px; line-height:22px; margin-bottom:5px; padding-right:11px;}
.header .h_htie .h_name span{ width:22px; height:22px;}
.header .h_htie p span{ margin:2px 5px 0 0;}
.header .h_htie b{ font-size:18px; letter-spacing:0;}

/****尾部****/
footer{ }
footer .f_con{  padding:0 5%;} 
footer .f_prod{ padding:20px 0;}
footer .f_prod ul li{ width:50%; padding:15px;}
footer .f_prod ul li .f_prodM{ }
footer .f_prod ul li .f_prodM .f_prodP{ height:150px; }
footer .f_prod ul li .f_prodM .f_prodT{ padding:25px;}
footer .f_prod ul li .f_prodM .f_prodT p{ font-size:17px; }
footer .f_prod ul li .f_prodM .f_prodT .arrow{ left:32%; top:33px;}

footer .f_mod{ padding:0px 0px 50px 0px;}
footer .f_mod .f_menu{ width:55%; }
footer .f_mod .f_menu h3{ width:100px; font-size:16px; padding:15px 5px;}
footer .f_mod .f_menu ul{ width:100%; float:left;}
footer .f_mod .f_menu ul li{ width:30%; margin:15px 20px 0px 0; }
footer .f_mod .f_menu ul li a{ font-size:13px; margin-top:10px; padding:0 5px; display:none; }
footer .f_mod .f_menu ul li a.a_a01{ font-size:13px; display:block;}
footer .f_mod .f_menu ul li a.a_a02{ margin-top:13px;}
footer .f_mod .f_way{ width:45%; float:right; margin:15px 0;}
footer .f_mod .f_way h3{ font-size:16px; padding:15px 5px; }
footer .f_mod .f_way .f_link{ margin-top:10px;}
footer .f_mod .f_way .f_link p{ margin-top:5px; font-size:13px;}
footer .f_mod .f_way .f_link p.f_p01{ margin-top:5px; line-height:140%; }
footer .f_mod .f_icon{  margin:35px 0 40px 0;}
footer .f_mod .f_icon .child{ width:30px; margin:0px 20px 0 0; }
footer .f_mod .f_icon .child .childCode{ width:280px; height:100px; left:50%; top:-20px; margin-left:30px;}
footer .f_mod .f_icon .child .childCode span{ top:30%; left:0%; margin:-4px 0 0 -8px;}
footer .f_mod .f_icon .child .childCode img{ width:90px;height:90px; }
footer .f_copy{ height:60px; line-height:60px; font-size:13px;}


}


@media (min-width: 1200px) and (max-width:1439px ){
/****头部****/
.header{ padding:0;}
.header .h_con{ padding:25px 5% 35px;}
.header .h_logo{ width:160px; height:60px; background-size:contain; }
/**菜单**/
.header .h_menu{ width:685px; }
#cssmenu > ul > li > a{ padding:0 18px;font-size:14px;}
#cssmenu > ul > li.has-sub > a{padding-right:25px;}
#cssmenu > ul > li.has-sub > a::after{ top:42px; right:10px; width:4px;height:4px;}
#cssmenu ul ul li a{ width:100%; padding:10px 10px; text-align:center; font-size:13px;}
#cssmenu ul ul li.has-sub > a::after{top:13px;right:10px;width:4px;height:4px;}
#menu-line{ border-right:15px solid #fff;border-left:15px solid #fff;}

.header .h_htie{ width:210px; top:32px; }
.header .h_htie .h_name{ font-size:13px; line-height:22px; margin-bottom:5px; padding-right:7px;}
.header .h_htie .h_name span{ width:22px; height:22px;}
.header .h_htie p span{ margin:2px 5px 0 0;}
.header .h_htie b{ font-size:20px; letter-spacing:0;}



/****尾部****/
footer{ }
footer .f_con{  padding:0 5%;} 
footer .f_prod{ padding:20px 0;}
footer .f_prod ul li{ width:50%; padding:20px;}
footer .f_prod ul li .f_prodM{ }
footer .f_prod ul li .f_prodM .f_prodP{ height:150px; }
footer .f_prod ul li .f_prodM .f_prodT{ padding:25px;}
footer .f_prod ul li .f_prodM .f_prodT p{ font-size:17px; }
footer .f_prod ul li .f_prodM .f_prodT .arrow{ left:27%; top:32px; }

footer .f_mod{ padding:0px 0px 50px 0px;}
footer .f_mod .f_menu{ width:70%; }
footer .f_mod .f_menu h3{ width:100px; font-size:16px; padding:15px 10px;}
footer .f_mod .f_menu ul{ width:100%; float:left;}
footer .f_mod .f_menu ul li{ width:100px; margin:15px 15px 0px 0; }
footer .f_mod .f_menu ul li a{ font-size:14px; margin-top:10px; padding:0 10px;  }
footer .f_mod .f_menu ul li a.a_a01{ font-size:14px;}
footer .f_mod .f_menu ul li a.a_a02{ margin-top:13px;}
footer .f_mod .f_way{ width:30%; float:right; margin:15px 0;}
footer .f_mod .f_way h3{ font-size:16px; padding:15px 10px; }
footer .f_mod .f_way .f_link{ margin-top:10px;}
footer .f_mod .f_way .f_link p{ margin-top:5px; font-size:14px;}
footer .f_mod .f_way .f_link p.f_p01{ margin-top:5px; line-height:140%; }
footer .f_mod .f_icon{ margin:35px 0 40px 0;}
footer .f_mod .f_icon .child{ width:30px; margin:0px 15px 0 0; }
footer .f_mod .f_icon .child .childCode{ width:250px; height:90px; left:50%; top:-20px; margin-left:30px;}
footer .f_mod .f_icon .child .childCode span{ top:30%; left:0%; margin:-4px 0 0 -8px;}
footer .f_mod .f_icon .child .childCode img{ width:80px;height:80px; }
footer .f_copy{ height:60px; line-height:60px; font-size:14px;}







}

@media (min-width: 1440px) and (max-width:1660px ){
/****头部****/
.header{ padding:0;}
.header .h_con{ padding:35px 5% 45px;}
.header .h_logo{ width:170px; height:74px; margin-top:-5px; }
/**菜单**/
.header .h_menu{ width:770px; }
#cssmenu > ul > li > a{ padding:0 24px;font-size:14px;}
#cssmenu > ul > li.has-sub > a{padding-right:25px;}
#cssmenu > ul > li.has-sub > a::after{ top:42px; right:10px; width:4px;height:4px;}
#cssmenu ul ul li a{ width:100%; padding:10px 10px; text-align:center; font-size:13px;}
#cssmenu ul ul li.has-sub > a::after{top:13px;right:10px;width:4px;height:4px;}
.header .h_htie b{ font-size:24px; }

/****尾部****/
footer{ }
footer .f_con{  padding:0;} 
footer .f_prod{ padding:20px;}
footer .f_prod ul li{ width:50%; padding:20px;}
footer .f_prod ul li .f_prodM{ }
footer .f_prod ul li .f_prodM .f_prodP{ height:170px; }
footer .f_prod ul li .f_prodM .f_prodT{ padding:25px;}
footer .f_prod ul li .f_prodM .f_prodT p{ font-size:18px; }
footer .f_prod ul li .f_prodM .f_prodT .arrow{ left:23%; top:32px; }

footer .f_mod{ padding:0px 40px 50px 40px;}
footer .f_mod .f_menu{ width:70%; }
footer .f_mod .f_menu h3{ width:100px; font-size:16px; padding:15px 10px;}
footer .f_mod .f_menu ul{ width:100%; float:left;}
footer .f_mod .f_menu ul li{ width:120px; margin:15px 25px 0px 0; }
footer .f_mod .f_menu ul li a{ font-size:14px; margin-top:10px; padding:0 10px;  }
footer .f_mod .f_menu ul li a.a_a01{ font-size:14px;}
footer .f_mod .f_menu ul li a.a_a02{ margin-top:13px;}
footer .f_mod .f_way{ width:30%; float:right; margin:15px 0;}
footer .f_mod .f_way h3{ font-size:16px; padding:15px 10px; }
footer .f_mod .f_way .f_link{ margin-top:10px;}
footer .f_mod .f_way .f_link p{ margin-top:5px; font-size:14px;}
footer .f_mod .f_way .f_link p.f_p01{ margin-top:5px; line-height:140%; }
footer .f_mod .f_icon{ margin:35px 0 40px 0;}
footer .f_mod .f_icon .child{ width:30px; margin:0px 20px 0 0; }
footer .f_mod .f_icon .child .childCode{ width:310px; height:110px; left:50%; top:-20px; margin-left:35px;}
footer .f_mod .f_icon .child .childCode span{ top:30%; left:0%; margin:-4px 0 0 -8px;}
footer .f_mod .f_icon .child .childCode img{ width:100px; height:100px; }
footer .f_copy{ height:60px; line-height:60px; font-size:14px;}

}

@media (min-width: 1661px) and (max-width:1920px ){
/****头部****/

}

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

@media (device-height:667px) and (-webkit-min-device-pixel-ratio:2){ /* 兼容iphone6，iphone7，iphone8s*/

}

@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2){ /*兼容iphone6 Plus,iphone7 Plus,iphone8 Plus*/
footer .f_prod ul li .f_prodM .f_prodT .arrow{ top:18px; }
} 
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3){ /*兼容iphoneX*/
footer .f_prod ul li .f_prodM .f_prodT .arrow{ top:19px; }
}