@charset "utf-8";
/* 通用样式 */
* {padding:0px;margin:0px; word-break:break-all;word-wrap:break-word;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{zoom:1;}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
li{list-style:none}
table{width:100%;line-height:1.5em;border-collapse:collapse;border-spacing:0}
.clearfix:after{content:'\0020';display:block;height:0;clear:both;visibility:hidden;max-height:0;}
.clearfix, .container{display:inline-block;}
* html .clearfix, * html .container{height:1%;}
.clearfix, .container{display:block;}
.clearer{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}
html{color:#555;font-size:14px;font-family:arial,'Hiragino Sans GB','Microsoft Yahei',sans-serif;text-align:left;background-color:#fff;}
html{font-family: 'SourceHanSansCN';}
strong, th, thead td, h1, h2, h3, h4, h5, h6{font-weight:bold;}
h1{font-size:1.9em;}h2{font-size:1.7em;}h3{font-size:1.5em;}h4{font-size:1.3em;}h5{font-size:1.2em;}h6{font-size:1em;}
cite, em, dfn ,i{ font-style: normal;}
code, kbd, samp, pre, tt, var, button, input, select, textarea{font-family:Helvetica, Arial,sans-serif;font-size:92%;}
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;}
li{ -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{ -webkit-appearance:none; -webkit-tap-highlight-color:rgba(255,0,0,0);}
select{-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;}
hr{background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:.5em 0;border:none;}
hr.space{background:#fff;color:#fff;}
table{border-top:1px solid #dfdfdf;border-left:1px solid #dfdfdf;}
th, td{padding:5px;border-bottom:1px solid #dfdfdf;border-right:1px solid #dfdfdf;vertical-align:middle;}
th{font-weight:bold;text-align:center;background:#f8f8f8;}
textarea, input[type='text'], input[type='password'], select{padding:4px;background:#fff;border-width:1px;border-style:solid;border-color:#bbb #ddd #ddd #bbb;}
input[type='text'], input[type='password']{width:180px;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #999;}
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover{ border-color: #aaa;}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus{ border-color: #888;outline:none;}
input, select{cursor:pointer;font-family:arial,'Hiragino Sans GB','Microsoft Yahei',sans-serif;}
input[type='text'],input[type='password']{cursor:text;}
label{cursor:pointer;}
img{ width:100%;}
:after,:before{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.a_img{ background-position:center; background-size:auto; background-repeat:no-repeat; float:left;}







/****头部****/
header{ width:100%; height: 100px; background-color:transparent; position:fixed; top:0; left:0; z-index:9999;}
.h_con{ max-width:1720px; margin:auto;display: flex;}
.h_bg{ background-color:#fff; box-shadow: 0 3px 3px rgba(0,0,0,0.1); transition-property:background .5s, height .5s, transform .5s; -moz-transition-property:background .5s, height .5s, -moz-transform .5s; -webkit-transition-property:background .5s, height .5s, -webkit-transform .5s; -o-transition-property:background .5s, height .5s, -o-transform .5s;}
header .h_logo{width:15%; height:100px; padding: 25px 30px;}
header .h_logo a{ width:184px; height:48px; background-image:url(../images/logo.png); background-size:contain; background-repeat: no-repeat; background-position:left center; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo.png', sizingMethod='scale'); -ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo.png', sizingMethod='scale'); background-image: none\8;}
header .h_logo1{}
header .h_logo1 a{ width:184px; height:48px; background-image:url(../images/logo1.png); background-size:contain; background-position:left center; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo1.png', sizingMethod='scale'); -ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo1.png', sizingMethod='scale'); background-image: none\8;}
header .h_cn{ width:5%; height:100px; position:absolute; right:0;}
header .h_cn a{ width:35px; height:100px; background-image:url(../images/cn.png); background-position:center; background-size:contain; background-repeat:no-repeat;}
header .h_cn1{}
header .h_cn1 a{background-image:url(../images/cn1.png); }
header .h_menu{ width: 80%; margin: 25px 0;}
.h_color{ color:#000;}
.h_color #menu-line{ background:#f6a702;}
#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-top:none; padding:0 20px; box-sizing:border-box; display: flex; justify-content: center;}
#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-color:transparent;}
#menu-line{ position:absolute;bottom:0;left:0;height:2px;background:#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 25px;font-size:14px; letter-spacing:1px; text-decoration:none;text-transform:uppercase;color:#fff;-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:#fff;}
.h_color #cssmenu a{ color:#000;}
.h_color #cssmenu ul li:hover > a{ color: #f6a702;}
.h_color #cssmenu ul li.active > a{ color:#f6a702;}
#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;}





/****尾部****/
footer{ width:100%;}
.f_con{ max-width:1200px; margin:auto; display: flex;}
footer .f_mod{ width:100%; background-color: #2d2d2d; padding: 90px 0; } 
footer .f_mod .f_modL{ width: 35%; display: flex;} 
footer .f_mod .f_modL .f_tit{ width: 50%; display: flex; flex-direction: column;}
footer .f_mod .f_modL .f_tit p{ width: 100%; color: #f8f8f8; font-size: 20px;}
footer .f_mod .f_modL .f_tit span{ width: 100%; color: #999; font-size: 12px; margin-top: 10px;}
footer .f_mod .f_modL .f_link{ width: 50%; display: flex;  flex-direction: column;}
footer .f_mod .f_modL .f_link p{ width: 100%; color: #999; font-size: 14px;}
footer .f_mod .f_modL .f_link .f_icon{ width:100%; margin-top:25px; display: flex;}
footer .f_mod .f_modL .f_link .f_icon .child{ width:36px; height:36px; border: 1px solid #3c3c3c; margin-right:10px; position:relative;}
footer .f_mod .f_modL .f_link .f_icon .child img{ width:100%;}
footer .f_mod .f_modL .f_link .f_icon .child .f_QR{ width:150px; height:150px; left:-58px; top:-155px; float:left; background-image:url(../images/f_icon_qr.png); background-position:center; background-repeat:no-repeat; background-size:contain; position:absolute; -webkit-transition:opacity 0.5s ease;-moz-transition:opacity 0.5s ease;-o-transition:opacity 0.5s ease;-ms-transition:opacity 0.5s ease;transition:opacity 0.5s ease; opacity:0;}
footer .f_mod .f_modL .f_link .f_icon .child:hover .f_QR{ opacity:1;}
footer .f_mod .f_modR{ width: 65%; display: flex;  flex-direction: column; padding-left: 50px;}
footer .f_mod .f_modR b{ width: 100%; font-size: 18px; color: #999;}
footer .f_mod .f_modR .f_box{ width: 100%; display: flex; flex-wrap: wrap; margin-top: 20px;}
footer .f_mod .f_modR .f_box p{ width: 50%; font-size: 14px; color: #999; margin-top: 10px; font-weight: 200;}
footer .f_mod .f_modR .f_box p:nth-child(1){ width: 100%;}
footer .f_copy{ width: 100%; background-color: #fff; font-size: 12px; color: #999; text-align: center; padding: 10px 0; display: flex; justify-content: center;}
footer .f_copy p{font-size: 12px; color: #999;} 
footer .f_copy a{ font-size: 12px; color: #999; margin:0 10px }



/****页码****/
.a_page{ width:100%; display: flex; justify-content:center; padding:50px 0; text-align:center;}
.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 #2170ef;color:#fff;background-color:#2170ef;}
.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;}




@media (max-width: 479px) {
header{ height:60px; background-color: #fff;box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);}
.h_con{ width:100%;}
header .h_logo{ height:60px; padding:5px 20px;}
header .h_logo a{ width: 120px; height:50px; background-image:url(../images/logo1.png);}
header .h_cn{ display: none;}
header .h_menu{ margin: 0 auto; padding-right:10px;}



#cssmenu{width:100%; height:100%; margin:0; float:right;}
#cssmenu ul.h_sub{ width:50%; height:100%; margin:0px 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; color: #000;}
#cssmenu > ul > li:hover > a,#cssmenu > ul > li.active > a { color: #000;}
#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;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #menu-button { height: 45px;}
#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:10px; 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;}

/****尾部****/
footer{ }
.f_con{ flex-wrap: wrap; }
footer .f_mod{ padding: 50px 20px; } 
footer .f_mod .f_modL{ width: 100%; flex-wrap: wrap;} 
footer .f_mod .f_modL .f_tit{ width: 100%; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; }
footer .f_mod .f_modL .f_tit p{ font-size: 18px;}
footer .f_mod .f_modL .f_tit span{ font-size: 12px; margin-top: 5px;}
footer .f_mod .f_modL .f_link{ width: 100%; margin-top: 20px; }
footer .f_mod .f_modL .f_link p{ font-size: 14px;}
footer .f_mod .f_modL .f_link .f_icon{ margin-top:10px; }
footer .f_mod .f_modL .f_link .f_icon .child{ width:36px; height:36px; margin-right:10px; position:relative;}
footer .f_mod .f_modL .f_link .f_icon .child .f_QR{ width:150px; height:150px; left:-58px; top:-155px; }
footer .f_mod .f_modR{ width: 100%; padding-left: 0px; margin-top: 20px;}
footer .f_mod .f_modR b{ font-size: 16px;}
footer .f_mod .f_modR .f_box{ margin-top: 0px;}
footer .f_mod .f_modR .f_box p{ width: 100%; font-size: 12px; margin-top: 10px; }
footer .f_copy{  flex-wrap: wrap; padding: 10px;}
footer .f_copy p{ width: 100%;}
footer .f_copy a{ margin:0 10px }

.a_page{ padding: 30px 0;}

}

@media (min-width: 480px) and (max-width: 639px) {
/*****头部*****/
header{ height:60px; background-color: #fff;box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);}
.h_con{ width:100%;}
header .h_logo{ height:60px; padding:5px 20px;}
header .h_logo a{ width: 120px; height:50px; background-image:url(../images/logo1.png);}
header .h_cn{ display: none;}
header .h_menu{ margin: 0 auto; padding-right:10px;}

#cssmenu{width:100%; height:100%;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,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #menu-button { height: 45px;}
#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:10px; 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;}

/****尾部****/
footer{ }
.f_con{ flex-wrap: wrap; }
footer .f_mod{ padding: 50px 20px; } 
footer .f_mod .f_modL{ width: 100%; flex-wrap: wrap;} 
footer .f_mod .f_modL .f_tit{ width: 100%; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; }
footer .f_mod .f_modL .f_tit p{ font-size: 18px;}
footer .f_mod .f_modL .f_tit span{ font-size: 12px; margin-top: 5px;}
footer .f_mod .f_modL .f_link{ width: 100%; margin-top: 20px; }
footer .f_mod .f_modL .f_link p{ font-size: 14px;}
footer .f_mod .f_modL .f_link .f_icon{ margin-top:10px; }
footer .f_mod .f_modL .f_link .f_icon .child{ width:36px; height:36px; margin-right:10px; position:relative;}
footer .f_mod .f_modL .f_link .f_icon .child .f_QR{ width:150px; height:150px; left:-58px; top:-155px; }
footer .f_mod .f_modR{ width: 100%; padding-left: 0px; margin-top: 20px;}
footer .f_mod .f_modR b{ font-size: 16px;}
footer .f_mod .f_modR .f_box{ margin-top: 0px;}
footer .f_mod .f_modR .f_box p{ width: 100%; font-size: 12px; margin-top: 10px; }
footer .f_copy{  flex-wrap: wrap;}
footer .f_copy p{ width: 100%;}
footer .f_copy a{ margin:0 10px }



}
@media (min-width: 640px) and (max-width:1023px ) {
/*****头部*****/
header{ height:70px; background-color: #fff;box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);}
.h_con{ width:100%; padding: 0 20px;}
header .h_logo{ width: 30%;height:70px; padding:5px 10px;}
header .h_logo a{ width: 160px; height:65px; background-image:url(../images/logo1.png);}
header .h_cn{ display: none;}
header .h_menu{ width: 70%; margin: 0 auto; padding-right:10px;}
	

#cssmenu{width:100%; height:100%; float:right; padding-right:0px;}
#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,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #menu-button { height: 45px;}
#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; color: #000;}
#cssmenu > ul > li:hover > a,#cssmenu > ul > li.active > a { color: #000;}
#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; margin: 10px 0; height:50px; 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:18px; right:0px; display:block; width:30px; height:2px; background-color:#000;}
#cssmenu #menu-button::before{content:''; position:absolute; top:26px; right:0px; display:block; width:30px; height:10px; 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;}

/****尾部****/
footer{ }
.f_con{ }
footer .f_mod{ padding: 60px 40px; } 
footer .f_mod .f_modL{ width: 35%;} 
footer .f_mod .f_modL .f_tit{ width: 50%; }
footer .f_mod .f_modL .f_tit p{ font-size: 20px;}
footer .f_mod .f_modL .f_tit span{ font-size: 12px; margin-top: 5px;}
footer .f_mod .f_modL .f_link{ width: 50%; }
footer .f_mod .f_modL .f_link p{ font-size: 14px;}
footer .f_mod .f_modL .f_link .f_icon{ margin-top:25px; }
footer .f_mod .f_modL .f_link .f_icon .child{ width:36px; height:36px; margin-right:10px; position:relative;}
footer .f_mod .f_modL .f_link .f_icon .child .f_QR{ width:150px; height:150px; left:-58px; top:-155px; }
footer .f_mod .f_modR{ width: 65%; padding-left: 40px;}
footer .f_mod .f_modR b{ font-size: 18px;}
footer .f_mod .f_modR .f_box{ margin-top: 20px;}
footer .f_mod .f_modR .f_box p{ width: 50%; font-size: 13px; margin-top: 10px; }
footer .f_copy{  flex-wrap: wrap;}
footer .f_copy p{ width: 100%;}
footer .f_copy a{ margin:0 10px }


}


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


/****尾部****/
footer{ }
.f_con{ }
footer .f_mod{ padding: 70px 30px; } 
footer .f_mod .f_modL{ width: 35%;} 
footer .f_mod .f_modL .f_tit{ width: 50%; }
footer .f_mod .f_modL .f_tit p{ font-size: 20px;}
footer .f_mod .f_modL .f_tit span{ font-size: 12px; margin-top: 5px;}
footer .f_mod .f_modL .f_link{ width: 50%; }
footer .f_mod .f_modL .f_link p{ font-size: 14px;}
footer .f_mod .f_modL .f_link .f_icon{ margin-top:25px; }
footer .f_mod .f_modL .f_link .f_icon .child{ width:36px; height:36px; margin-right:10px; position:relative;}
footer .f_mod .f_modL .f_link .f_icon .child .f_QR{ width:150px; height:150px; left:-58px; top:-155px; }
footer .f_mod .f_modR{ width: 65%; padding-left: 50px;}
footer .f_mod .f_modR b{ font-size: 18px;}
footer .f_mod .f_modR .f_box{ margin-top: 20px;}
footer .f_mod .f_modR .f_box p{ width: 50%; font-size: 14px; margin-top: 10px; }
footer .f_copy{ height: 50px; line-height: 50px; font-size: 12px;}
footer .f_copy a{ font-size: 12px; margin:0 10px }

}


@media (min-width: 1200px) and (max-width:1439px ){


/****尾部****/
footer{ }
.f_con{ }
footer .f_mod{ padding: 90px 30px; } 
footer .f_mod .f_modL{ width: 35%;} 
footer .f_mod .f_modL .f_tit{ width: 50%; }
footer .f_mod .f_modL .f_tit p{ font-size: 20px;}
footer .f_mod .f_modL .f_tit span{ font-size: 12px; margin-top: 10px;}
footer .f_mod .f_modL .f_link{ width: 50%; }
footer .f_mod .f_modL .f_link p{ font-size: 14px;}
footer .f_mod .f_modL .f_link .f_icon{ margin-top:25px; }
footer .f_mod .f_modL .f_link .f_icon .child{ width:36px; height:36px; margin-right:10px; position:relative;}
footer .f_mod .f_modL .f_link .f_icon .child .f_QR{ width:150px; height:150px; left:-58px; top:-155px; }
footer .f_mod .f_modR{ width: 65%; padding-left: 50px;}
footer .f_mod .f_modR b{ font-size: 18px;}
footer .f_mod .f_modR .f_box{ margin-top: 20px;}
footer .f_mod .f_modR .f_box p{ width: 50%; font-size: 14px; margin-top: 10px; }
footer .f_copy{ height: 50px; line-height: 50px; font-size: 12px;}
footer .f_copy a{ font-size: 12px; margin:0 10px }



}

@media (min-width: 1440px) and (max-width:1920px ){

}