@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{line-height:1;zoom:1;font-family: 'SourceHanSansCN';}
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;}
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;}


.a_pbok{ display:block}
.a_wbok{ display:none;}




/****头部****/
header{ width:100%; height: 100px; background-color: #000; position:fixed; top:0; left:0; z-index:9999;box-shadow:0 3px 3px rgba(0,0,0,0.1);}
.h_con{ max-width:1200px; margin:auto;display: flex;}
header .h_logo{width:20%; height:100px; padding: 15px 0px;}
header .h_logo a{ width:150px; height:70px; background-image:url(../images/logo.png); background-size:contain; 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_menu{ width:100%;  margin: 30px auto;}


#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #menu-button{margin:0;padding:0;border:0;list-style:none; height:40px;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:40px;  border-top:none; padding:0 20px; box-sizing:border-box; display: flex;}
#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%;}
#menu-line{ position:absolute;bottom:0;left:0;height:2px;background:transparent; border-left:20px solid transparent; border-right:20px solid transparent;-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 > ul > li:last-child{ margin-left: auto;}
#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:40px; line-height:40px; padding:0 30px;font-size:16px; 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:#ddaa00;}
#cssmenu > ul > li.has-sub > a{padding-right:25px;}
#cssmenu > ul > li.has-sub > a::after{position:absolute; top:17px; right:5px;width:0;height:0;border-right:6px solid transparent; border-left:6px solid transparent;content: "";-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;border-top:6px solid #fff;}
#cssmenu > ul > li.has-sub:hover > a::after{ }
#cssmenu ul ul{position:absolute;left:-9999px; height:auto; background-color:#fff; border-radius:4px; padding:5px 0; display: flex; flex-wrap: wrap;}
#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%; height: 30px; line-height: 30px; 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:#ddaa00;}
#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%; height: 600px; background-color:#f4f4f4; display: flex; flex-wrap: wrap;position:  relative; z-index: 3;}
.f_float{ width: 100%; position: fixed; z-index: -99; left: 0;bottom: 0;}
.f_con{ max-width:1720px; margin:auto;}
footer .f_mod{ width:100%;  margin-top:50px;}
footer .f_mod ul{ display: flex; padding: 25px 50px;}
footer .f_mod ul li{ width: 50%; box-sizing:border-box; padding-right:20px;}
footer .f_mod ul li:nth-child(2){ padding-left:20px; padding-right:0;}
footer .f_mod ul li .f_modM{ width:100%; position:relative; overflow:hidden;}
footer .f_mod ul li .f_modM .f_modP{ width:100%; height:170px; display: block; 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_mod ul li:hover .f_modM .f_modP{ -webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);transform:scale(1.05,1.05);}
footer .f_mod ul li .f_modM .f_modT{ width:100%; position:absolute; bottom:0px; left:0; padding:25px;}
footer .f_mod ul li .f_modM .f_modT h3{ width:100%; position:relative; overflow:hidden; padding:10px 0; }
footer .f_mod ul li .f_modM .f_modT h3::after{ position:absolute;bottom:0;left:0;width:37%!important;height:1px!important;background-color:#fff;content:'';-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(-85%,0,0);transform:translate3d(-85%,0,0);}
footer .f_mod ul li:nth-child(2) .f_modM .f_modT h3::after{ width:40%!important; -webkit-transform:translate3d(-84%,0,0);transform:translate3d(-84%,0,0);}
footer .f_mod ul li:hover .f_modM .f_modT h3::after{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
footer .f_mod ul li:nth-child(2):hover .f_modM .f_modT h3::after{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
footer .f_mod ul li .f_modM .f_modT h3 p{ font-size:18px; color:#fff; font-weight:normal; text-transform: uppercase; }
footer .f_mod ul li .f_modM .f_modT h3 .arrow{ width:8px; height:8px;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:35%; top:12px; }
footer .f_mod ul li:nth-child(2) .f_modM .f_modT h3 .arrow{ left:37%; }

footer .f_conM{ display: flex;padding:25px 50px;}
footer .f_conM .f_conL{ width: 80%; display: block; padding-right: 100px; }
footer .f_conM .f_conL .f_conT{ font-size: 16px; color: #333; position: relative; letter-spacing: 0.5em;}
footer .f_conM .f_conL .f_conT::before{content: ''; display: block; width: 100px; height: 1px; position:absolute; top: 20px; left: 0; background-color: #ddd; margin-top: 5px;}
footer .f_conM .f_conL ul{ display: flex; flex-wrap: wrap; margin-top: 20px;}
footer .f_conM .f_conL ul li{ width: 25%; text-align: left; margin-top: 10px; padding-right:10px;}
footer .f_conM .f_conL ul li a{ font-size:12px ; color: #666;}
footer .f_conM .f_conL ul li:hover a{ color: #ddaa00;}
footer .f_conM .f_conR{ height: 20%; display: block;  padding-left: 50px;}
footer .f_conM .f_conR .f_conT{ font-size: 16px; color: #333; position: relative; letter-spacing: 0.5em;}
footer .f_conM .f_conR .f_conT::before{content: ''; display: block; width: 100px; height: 1px; position:absolute; top: 20px; left: 0; background-color: #ddd; margin-top: 5px;}
footer .f_conM .f_conR .f_conD{ margin-top: 30px; }
footer .f_conM .f_conR .f_conD li{ width: 100%; margin-top: 15px; }
footer .f_conM .f_conR .f_conD li p{ width: 100%; font-size: 13px; color: #666; display: block; margin-top: 5px;}
footer .f_conM .f_conR .f_conG{ margin-top: 20px; display: flex; }
footer .f_conM .f_conR .f_conG span{ width: 30px; height: 30px; background-size: contain; background-repeat: no-repeat; margin-right: 10px;}
footer .f_conM .f_conR .f_conG span:nth-child(1){ background-image: url(../images/f_icon01.png);}
footer .f_conM .f_conR .f_conG span:nth-child(2){ background-image: url(../images/f_icon02.png);}
footer .f_conM .f_conR .f_conG span:nth-child(3){ background-image: url(../images/f_icon03.png);}
footer .f_copy{ width: 100%; height: 80px; margin-top: 25px; background-color: #e8e8e8; line-height: 80px; font-size: 16px; color: #333; text-align: center;}

#main{position: relative;
    z-index: 5;
    background-color: #fff;
    padding:0px 0;
}


/****页码****/
.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 #dda930;color:#fff;background-color:#dda930;}
.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;}
.paginator table,.paginator table tr,.paginator table td{ border:none;}



@media (max-width: 479px) {
.a_pbok{ display:nne;}
.a_wbok{ display:block;}


header{ height:60px; }
.h_con{ width:100%;}
header .h_logo{ height:60px; padding:5px 10px;}
header .h_logo a{ width:85px; height:50px;}
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;}
#cssmenu ul li a{width:100%; height:45px; line-height:45px; text-align:center; color:#000;}
#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:#ddaa00;}
#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:#fff;}
#cssmenu #menu-button::before{content:''; position:absolute; top:30px; right:0px; display:block; width:25px; height:10px; border-top:2px solid #fff;border-bottom:2px solid #fff;}
#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:#fff;-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 #fff; border:none; background-color:#fff; -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:20px; right:30px; width:0; height:0; border-right:6px solid transparent; border-left:6px solid transparent; border-top:6px solid #000; z-index:99; -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; top:20px; right:30px; width:0; height:0; border-right:6px solid transparent; border-left:6px solid transparent; border-top:6px solid #000; -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{ height:650px;}
.f_con{ max-width:100%;}
footer .f_mod{ margin-top:40px;}
footer .f_mod ul{ padding: 15px 20px; flex-wrap:wrap;}
footer .f_mod ul li{ width: 100%; padding-right:0px;}
footer .f_mod ul li:nth-child(2){ padding-left:0px; padding-right:0; margin-top:15px;}
footer .f_mod ul li .f_modM{}
footer .f_mod ul li .f_modM .f_modP{ height:100px;}
footer .f_mod ul li .f_modM .f_modT{ padding:10px;}
footer .f_mod ul li .f_modM .f_modT h3{ padding:10px 0; }
footer .f_mod ul li .f_modM .f_modT h3::after{ width:55%!important;-webkit-transform:translate3d(-85%,0,0);transform:translate3d(-85%,0,0); bottom:5px;}
footer .f_mod ul li:nth-child(2) .f_modM .f_modT h3::after{ width:55%!important; -webkit-transform:translate3d(-84%,0,0);transform:translate3d(-84%,0,0);}
footer .f_mod ul li .f_modM .f_modT h3 p{ font-size:14px;}
footer .f_mod ul li .f_modM .f_modT h3 .arrow{ width:8px; height:8px;left:62%; top:10px; }
footer .f_mod ul li:nth-child(2) .f_modM .f_modT h3 .arrow{ left:65%; }

footer .f_conM{padding:15px 20px;flex-wrap:wrap;}
footer .f_conM .f_conL{ width: 100%; padding-right: 0px; }
footer .f_conM .f_conL .f_conT{ font-size: 16px; }
footer .f_conM .f_conL .f_conT::before{ width: 100px; top: 20px; left: 0; margin-top: 5px;}
footer .f_conM .f_conL ul{ margin-top: 20px;}
footer .f_conM .f_conL ul li{ width: 50%; margin-top: 5px; padding-right:20px;}
footer .f_conM .f_conL ul li a{ font-size:12px ; }
footer .f_conM .f_conL ul li:nth-child(n+7){ display:none;}
footer .f_conM .f_conR{ width:100%; height:100%; padding-left: 0px; margin-top:40px;}
footer .f_conM .f_conR .f_conT{ font-size: 16px; }
footer .f_conM .f_conR .f_conT::before{width: 100px; top: 20px; left: 0; margin-top: 5px;}
footer .f_conM .f_conR .f_conD{ margin-top: 15px; display:flex; }
footer .f_conM .f_conR .f_conD li{ margin-top: 10px; width:50%; display:block; }
footer .f_conM .f_conR .f_conD li p{ font-size: 12px; margin-top: 5px;}
footer .f_conM .f_conR .f_conG{ margin-top: 10px; }
footer .f_conM .f_conR .f_conG span{ width: 30px; height: 30px;  margin-right: 10px;}
footer .f_copy{ height: 60px; margin-top: 15px; line-height: 60px; font-size: 14px;}

}

@media (min-width: 480px) and (max-width: 639px) {
.a_pbok{ display:nne;}
.a_wbok{ display:block;}

header{ height:60px;}
.h_con{ width:100%;}
header .h_logo{ height:60px; padding:5px 10px;}
header .h_logo a{ width:85px; height:50px;}
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 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;}
#cssmenu ul li a{width:100%; height:45px; line-height:45px; text-align:center; color:#000;}
#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:#ddaa00;}
#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:#fff;}
#cssmenu #menu-button::before{content:''; position:absolute; top:34px; right:0px; display:block; width:25px; height:10px; border-top:2px solid #fff;border-bottom:2px solid #fff;}
#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:#fff;-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:20px; right:30px; width:0; height:0; border-right:6px solid transparent; border-left:6px solid transparent; border-top:6px solid #000; z-index:99; -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; top:20px; right:30px; width:0; height:0; border-right:6px solid transparent; border-left:6px solid transparent; border-top:6px solid #000; -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{ height:650px;}
.f_con{ max-width:100%;}
footer .f_mod{ margin-top:40px;}
footer .f_mod ul{ padding: 15px 20px; flex-wrap:wrap;}
footer .f_mod ul li{ width: 100%; padding-right:0px;}
footer .f_mod ul li:nth-child(2){ padding-left:0px; padding-right:0; margin-top:15px;}
footer .f_mod ul li .f_modM{}
footer .f_mod ul li .f_modM .f_modP{ height:100px;}
footer .f_mod ul li .f_modM .f_modT{ padding:10px;}
footer .f_mod ul li .f_modM .f_modT h3{ padding:10px 0; }
footer .f_mod ul li .f_modM .f_modT h3::after{ width:55%!important;-webkit-transform:translate3d(-85%,0,0);transform:translate3d(-85%,0,0); bottom:5px;}
footer .f_mod ul li:nth-child(2) .f_modM .f_modT h3::after{ width:55%!important; -webkit-transform:translate3d(-84%,0,0);transform:translate3d(-84%,0,0);}
footer .f_mod ul li .f_modM .f_modT h3 p{ font-size:14px;}
footer .f_mod ul li .f_modM .f_modT h3 .arrow{ width:8px; height:8px;left:62%; top:10px; }
footer .f_mod ul li:nth-child(2) .f_modM .f_modT h3 .arrow{ left:65%; }

footer .f_conM{padding:15px 20px;flex-wrap:wrap;}
footer .f_conM .f_conL{ width: 100%; padding-right: 0px; }
footer .f_conM .f_conL .f_conT{ font-size: 16px; }
footer .f_conM .f_conL .f_conT::before{ width: 100px; top: 20px; left: 0; margin-top: 5px;}
footer .f_conM .f_conL ul{ margin-top: 20px;}
footer .f_conM .f_conL ul li{ width: 50%; margin-top: 5px; padding-right:20px;}
footer .f_conM .f_conL ul li a{ font-size:12px ; }
footer .f_conM .f_conL ul li:nth-child(n+7){ display:none;}
footer .f_conM .f_conR{ width:100%; height:100%; padding-left: 0px; margin-top:40px;}
footer .f_conM .f_conR .f_conT{ font-size: 16px; }
footer .f_conM .f_conR .f_conT::before{width: 100px; top: 20px; left: 0; margin-top: 5px;}
footer .f_conM .f_conR .f_conD{ margin-top: 15px; display:flex; }
footer .f_conM .f_conR .f_conD li{ margin-top: 10px; width:50%; display:block; }
footer .f_conM .f_conR .f_conD li p{ font-size: 12px; margin-top: 5px;}
footer .f_conM .f_conR .f_conG{ margin-top: 10px; }
footer .f_conM .f_conR .f_conG span{ width: 30px; height: 30px;  margin-right: 10px;}
footer .f_copy{ height: 60px; margin-top: 15px; line-height: 60px; font-size: 14px;}




}
@media (min-width: 640px) and (max-width:1023px ) {
.a_pbok{ display:nne;}
.a_wbok{ display:block;}

header{ height: 70px; }
.h_con{ width:100%; height:70px; padding: 10px 40px;}
header .h_logo{width:20%; height:50px; padding:0;}
header .h_logo a{ width:110px; height:50px;}
header .h_menu{ width:100%; margin: 0px auto;}
	

#cssmenu{width:100%; height:100%; float:right; padding-right:8px;}
#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;}
#cssmenu ul li a{width:100%; height:45px; line-height:45px; text-align:center; color:#000;}
#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:#ddaa00;}
#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: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:#fff;}
#cssmenu #menu-button::before{content:''; position:absolute; top:26px; right:0px; display:block; width:30px; height:10px; border-top:2px solid #fff;border-bottom:2px solid #fff;}
#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:#fff;-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:20px; right:30px; width:0; height:0; border-right:6px solid transparent; border-left:6px solid transparent; border-top:6px solid #000; z-index:99; -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; top:20px; right:30px; width:0; height:0; border-right:6px solid transparent; border-left:6px solid transparent; border-top:6px solid #000; -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{ height:700px;}
.f_con{ max-width:100%;}
footer .f_mod{ margin-top:40px;}
footer .f_mod ul{ padding: 25px 50px;}
footer .f_mod ul li{ width: 50%; padding-right:20px;}
footer .f_mod ul li:nth-child(2){ padding-left:20px; padding-right:0;}
footer .f_mod ul li .f_modM{}
footer .f_mod ul li .f_modM .f_modP{ height:100px;}
footer .f_mod ul li .f_modM .f_modT{ padding:20px;}
footer .f_mod ul li .f_modM .f_modT h3{ padding:10px 0; }
footer .f_mod ul li .f_modM .f_modT h3::after{ width:55%!important;-webkit-transform:translate3d(-85%,0,0);transform:translate3d(-85%,0,0);}
footer .f_mod ul li:nth-child(2) .f_modM .f_modT h3::after{ width:55%!important; -webkit-transform:translate3d(-84%,0,0);transform:translate3d(-84%,0,0);}
footer .f_mod ul li .f_modM .f_modT h3 p{ font-size:15px;}
footer .f_mod ul li .f_modM .f_modT h3 .arrow{ width:8px; height:8px;left:62%; top:8px; }
footer .f_mod ul li:nth-child(2) .f_modM .f_modT h3 .arrow{ left:65%; }

footer .f_conM{padding:25px 50px;flex-wrap:wrap;}
footer .f_conM .f_conL{ width: 100%; padding-right: 0px; }
footer .f_conM .f_conL .f_conT{ font-size: 16px; }
footer .f_conM .f_conL .f_conT::before{ width: 100px; top: 20px; left: 0; margin-top: 5px;}
footer .f_conM .f_conL ul{ margin-top: 20px;}
footer .f_conM .f_conL ul li{ width: 20%; margin-top: 10px; padding-right:20px;}
footer .f_conM .f_conL ul li a{ font-size:12px ; }
footer .f_conM .f_conR{ width:100%; height:100%; padding-left: 0px; margin-top:40px;}
footer .f_conM .f_conR .f_conT{ font-size: 16px; }
footer .f_conM .f_conR .f_conT::before{width: 100px; top: 20px; left: 0; margin-top: 5px;}
footer .f_conM .f_conR .f_conD{ margin-top: 15px; display:flex; }
footer .f_conM .f_conR .f_conD li{ margin-top: 15px; width:50%; display:block; }
footer .f_conM .f_conR .f_conD li p{ font-size: 13px; margin-top: 5px;}
footer .f_conM .f_conR .f_conG{ margin-top: 20px; }
footer .f_conM .f_conR .f_conG span{ width: 30px; height: 30px;  margin-right: 10px;}
footer .f_copy{ height: 80px; margin-top: 25px; line-height: 80px; font-size: 15px;}

}


@media (min-width: 1024px) and (max-width:1199px ) {
header{ height: 100px; }
.h_con{ width:100%; padding:0 50px;}
header .h_logo{width:20%; height:100px; padding: 15px 0px;}
header .h_logo a{ width:150px; height:70px; }

/****尾部****/
footer{ height: 600px; flex-wrap: wrap;}
.f_con{ max-width:100%;}
footer .f_mod{ margin-top:50px;}
footer .f_mod ul{ padding: 25px 50px;}
footer .f_mod ul li{ width: 50%; padding-right:20px;}
footer .f_mod ul li:nth-child(2){ padding-left:20px; padding-right:0;}
footer .f_mod ul li .f_modM{}
footer .f_mod ul li .f_modM .f_modP{ height:140px;}
footer .f_mod ul li .f_modM .f_modT{ padding:20px;}
footer .f_mod ul li .f_modM .f_modT h3{ padding:10px 0; }
footer .f_mod ul li .f_modM .f_modT h3::after{ width:55%!important;-webkit-transform:translate3d(-85%,0,0);transform:translate3d(-85%,0,0);}
footer .f_mod ul li:nth-child(2) .f_modM .f_modT h3::after{ width:55%!important; -webkit-transform:translate3d(-84%,0,0);transform:translate3d(-84%,0,0);}
footer .f_mod ul li .f_modM .f_modT h3 p{ font-size:17px;}
footer .f_mod ul li .f_modM .f_modT h3 .arrow{ width:8px; height:8px;left:53%; top:12px; }
footer .f_mod ul li:nth-child(2) .f_modM .f_modT h3 .arrow{ left:55%; }

footer .f_conM{padding:25px 50px;}
footer .f_conM .f_conL{ width: 80%; padding-right: 40px; }
footer .f_conM .f_conL .f_conT{ font-size: 16px; }
footer .f_conM .f_conL .f_conT::before{ width: 100px; top: 20px; left: 0; margin-top: 5px;}
footer .f_conM .f_conL ul{ margin-top: 20px;}
footer .f_conM .f_conL ul li{ width: 20%; margin-top: 10px;}
footer .f_conM .f_conL ul li a{ font-size:12px ; }
footer .f_conM .f_conR{ height: 20%; padding-left: 40px;}
footer .f_conM .f_conR .f_conT{ font-size: 16px; }
footer .f_conM .f_conR .f_conT::before{width: 100px; top: 20px; left: 0; margin-top: 5px;}
footer .f_conM .f_conR .f_conD{ margin-top: 30px; }
footer .f_conM .f_conR .f_conD li{ margin-top: 15px; }
footer .f_conM .f_conR .f_conD li p{ font-size: 13px; margin-top: 5px;}
footer .f_conM .f_conR .f_conG{ margin-top: 20px; }
footer .f_conM .f_conR .f_conG span{ width: 30px; height: 30px;  margin-right: 10px;}
footer .f_copy{ height: 80px; margin-top: 25px; line-height: 80px; font-size: 15px;}


}


@media (min-width: 1200px) and (max-width:1439px ){
header{ height: 100px; }
header .h_logo{width:20%; height:100px; padding: 15px 0px;}
header .h_logo a{ width:150px; height:70px; }

/****尾部****/
footer{ height: 600px; flex-wrap: wrap;}
.f_con{ max-width:1720px;}
footer .f_mod{ margin-top:50px;}
footer .f_mod ul{ padding: 25px 50px;}
footer .f_mod ul li{ width: 50%; padding-right:20px;}
footer .f_mod ul li:nth-child(2){ padding-left:20px; padding-right:0;}
footer .f_mod ul li .f_modM{}
footer .f_mod ul li .f_modM .f_modP{ height:160px;}
footer .f_mod ul li .f_modM .f_modT{ padding:25px;}
footer .f_mod ul li .f_modM .f_modT h3{ padding:10px 0; }
footer .f_mod ul li .f_modM .f_modT h3::after{ width:37%!important;-webkit-transform:translate3d(-85%,0,0);transform:translate3d(-85%,0,0);}
footer .f_mod ul li:nth-child(2) .f_modM .f_modT h3::after{ width:40%!important; -webkit-transform:translate3d(-84%,0,0);transform:translate3d(-84%,0,0);}
footer .f_mod ul li .f_modM .f_modT h3 p{ font-size:18px;}
footer .f_mod ul li .f_modM .f_modT h3 .arrow{ width:8px; height:8px;left:40%; top:14px; }
footer .f_mod ul li:nth-child(2) .f_modM .f_modT h3 .arrow{ left:42%; }

footer .f_conM{padding:25px 50px;}
footer .f_conM .f_conL{ width: 80%; padding-right: 100px; }
footer .f_conM .f_conL .f_conT{ font-size: 16px; }
footer .f_conM .f_conL .f_conT::before{ width: 100px; top: 20px; left: 0; margin-top: 5px;}
footer .f_conM .f_conL ul{ margin-top: 20px;}
footer .f_conM .f_conL ul li{ width: 25%; margin-top: 10px;}
footer .f_conM .f_conL ul li a{ font-size:12px ; }
footer .f_conM .f_conR{ height: 20%; padding-left: 50px;}
footer .f_conM .f_conR .f_conT{ font-size: 16px; }
footer .f_conM .f_conR .f_conT::before{width: 100px; top: 20px; left: 0; margin-top: 5px;}
footer .f_conM .f_conR .f_conD{ margin-top: 30px; }
footer .f_conM .f_conR .f_conD li{ margin-top: 15px; }
footer .f_conM .f_conR .f_conD li p{ font-size: 13px; margin-top: 5px;}
footer .f_conM .f_conR .f_conG{ margin-top: 20px; }
footer .f_conM .f_conR .f_conG span{ width: 30px; height: 30px;  margin-right: 10px;}
footer .f_copy{ height: 80px; margin-top: 25px; line-height: 80px; font-size: 16px;}




}

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

}