@charset "utf-8";

/* CSS Document */
/* 通用样式 */
* {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;}
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, .container: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{color:#3e3e3e;text-decoration:none;outline:none;}
a:hover{color:#000;}
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 #eee;border-left:1px solid #eee;}
th, td{padding:5px;border-bottom:1px solid #eee;border-right:1px solid #eee;vertical-align:top;}
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;}
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%;}



/****头部****/
header{ width:100%; float:left; padding:0 5%; box-sizing:border-box;}
header .h_logo{ width:260px; height:80px; background-image:url(../images/logo.png); background-size:contain; background-repeat:no-repeat; background-position:center; float:left; margin:10px 0;}
header .h_menu{ float:right; margin:20px 0;}
header .h_menu ul{ float:left; height:60px; line-height:60px;}
header .h_menu ul li{ font-size:16px; color:#3e3e3e; margin-right:35px; float:left; }
header .h_menu ul li:last-child{ margin-right:0;}
/****内容****/
.main{ width:100%; float:left; padding:0 5%; box-sizing:border-box;}
.main .a_mod{ width:100%; float:left; position:relative;}
.main .a_mod img{ max-width:100%; width:auto;}
.main .a_mod.ab02{ min-height:600px; margin-top:100px;}
.main .a_mod.ab03{ min-height:600px;}
.main .a_mod.ab04{ min-height:600px; margin-top:0px;}
.main .a_mod.ab05{ min-height:600px; margin-top:0px;}
.a_bg{ width:100%; height:460px; float:left; background-size:cover; background-image:url(../images/a_bg.jpg); background-blend-mode:multiply; background-repeat:no-repeat; background-position:center;}
.a_row{ width:100%; float:left; height:600px; position:absolute;}
.main .a_mod.ab02 .a_row{ top:-13%;}
.main .a_mod.ab03 .a_row{ top:-12%;}
.main .a_mod.ab04 .a_row{ top:-11%;}
.main .a_mod.ab05 .a_row{ top:-11%;}
.vCenterWrapper{display:flex;display:-webkit-flex;display:-ms-flexbox;flex-direction:row;-webkit-flex-direction:row;-webkit-align-content:stretch;align-content:stretch;}
.vCenter{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack center;justify-content:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.main .a_mod .a_text{ width:40%; padding:0 5%; box-sizing:border-box;}
.main .a_mod.ab05 .a_text{ width:30%; padding:0 5% 0 0; }
.main .a_mod .a_img{ width:60%; padding:0 5%; box-sizing:border-box;}
.main .a_mod.ab05 .a_img{ width:70%; padding:0 3%;}
.main .a_mod .a_text b{ width:100%; float:left; font-size:3em; color:#fff;}
.main .a_mod .a_text p{ width:100%; float:left; font-size:1.5em; color:#fff; line-height:180%; letter-spacing:1px; margin-top:25px; font-weight:lighter;}
.main .a_mod .a_text p.a_p1{ display:block;}
.main .a_mod .a_text p.a_p2{ display:none;}
.main .a_mod .a_left{ float:left;}
.main .a_mod .a_right{ float:right;}
/****尾部****/
footer{ width:100%; height:400px; background-image:url(../images/a_bg06.jpg); background-color:#3e3e3e; background-size:cover; background-position:center; background-repeat:no-repeat; float:left; padding:0 10%; box-sizing:border-box;}
footer .f_left{ width:210px; float:left; margin-top:120px;}
footer .f_left .f_icon{ width:100%; float:left; margin-bottom:10px;}
footer .f_left .f_icon span{ width:50px; height:50px; background-size:contain; background-position:center; background-repeat:no-repeat; float:left; margin-right:25px;}
footer .f_left .f_icon span:nth-child(1){ background-image:url(../images/icon02.png);}
footer .f_left .f_icon span:nth-child(2){ background-image:url(../images/icon03.png);margin:0;}
footer .f_left .f_way{ width:100%; float:left;}
footer .f_left .f_way .f_text{ width:100%; float:left; font-size:1.75em; color:#fff; line-height:30px; font-weight:bold; letter-spacing:0.05em; margin-top:5px;}
footer .f_left .f_way .f_text span{ width:30px; height:30px; background-size:contain; background-position:center; background-repeat:no-repeat; float:left; margin-right:5px;}
footer .f_left .f_way .f_text:nth-child(1) span{ background-image:url(../images/icon04.png);}
footer .f_left .f_way .f_text:nth-child(2) span{ background-image:url(../images/icon05.png);}
footer .f_left .f_way .f_text:nth-child(3) span{ background-image:url(../images/icon02.png);}
footer .f_left .f_way p{ width:100%; float:left; font-size:0.75em; color:#fff; margin-top:10px; letter-spacing:0.05em; }
footer .f_right{ width:170px; float:right; padding:10px; box-sizing:border-box; background-color:#fff; margin-top:90px;}
footer .f_right img{ width:100%;}
footer .f_right span{ width:100%; float:left; margin-top:10px; font-size:0.875em; color:#3e3e3e; text-align:center;}

@media (max-width: 479px) {
/****头部****/
header{ display:none;}
/****内容****/
.main{ padding:0 5%; }
.main .a_mod{ position:relative;}
.main .a_mod:nth-child(1){ margin-top:20px;}
.main .a_mod.ab02{ min-height:130px; margin-top:10px;}
.main .a_mod.ab03{ min-height:130px;}
.main .a_mod.ab04{ min-height:130px;}
.main .a_mod.ab05{ min-height:130px;}
.a_bg{ height:110px; background-size:cover; }
.a_row{ height:130px;}
.main .a_mod.ab02 .a_row{ top:-6%;}
.main .a_mod.ab03 .a_row{ top:-8%;}
.main .a_mod.ab04 .a_row{ top:-8%;}
.main .a_mod.ab05 .a_row{ top:-8%;}
.main .a_mod .a_text{ width:50%; }
.main .a_mod.ab02 .a_text{ padding:0 0 0 4%; }
.main .a_mod.ab03 .a_text{ padding:0 4% 0 0; }
.main .a_mod.ab04 .a_text{ padding:0 0 0 4%; }
.main .a_mod.ab05 .a_text{ width:40%; padding:0 4% 0 0; }
.main .a_mod .a_img{ width:50%; padding:0 5%; }
.main .a_mod.ab05 .a_img{ width:60%; padding:0 4%;}
.main .a_mod .a_text b{ font-size:1.125em; }
.main .a_mod .a_text p{ font-size:0.65em; line-height:160%; margin-top:5px; letter-spacing:0em;}
.main .a_mod .a_text p.a_p1{ display:none;}
.main .a_mod .a_text p.a_p2{ display:block;}
/****尾部****/
footer{ width:100%; height:180px; background-image:none; background-size:150%; background-position:center bottom; padding:0 5%; }
footer .f_left{ width:50%; margin-top:25px;}
footer .f_left .f_icon{ margin-bottom:10px;}
footer .f_left .f_icon span{ width:25px; height:25px; margin-right:20px;}
footer .f_left .f_way{ }
footer .f_left .f_way .f_text{ font-size:1em; line-height:20px; margin-top:5px;}
footer .f_left .f_way .f_text span{ width:20px; height:20px; margin-right:5px;}
footer .f_left .f_way p{ width:75%; font-size:0.75em; margin-top:10px; letter-spacing:0; line-height:140%; }
footer .f_right{ width:35%; float:right; padding:8px; margin-top:25px; }
footer .f_right span{ margin-top:5px; font-size:0.6em; }

}



@media (min-width: 480px) and (max-width: 639px) {
/****头部****/
header{ display:none;}
/****内容****/
.main{ padding:0 5%; }
.main .a_mod{ position:relative;}
.main .a_mod:nth-child(1){ margin-top:20px;}
.main .a_mod.ab02{ min-height:130px; margin-top:10px;}
.main .a_mod.ab03{ min-height:130px;}
.main .a_mod.ab04{ min-height:130px;}
.main .a_mod.ab05{ min-height:130px;}
.a_bg{ height:110px; background-size:cover; }
.a_row{ height:130px;}
.main .a_mod.ab02 .a_row{ top:-6%;}
.main .a_mod.ab03 .a_row{ top:-8%;}
.main .a_mod.ab04 .a_row{ top:-8%;}
.main .a_mod.ab05 .a_row{ top:-8%;}
.main .a_mod .a_text{ width:50%; }
.main .a_mod.ab02 .a_text{ padding:0 0 0 4%; }
.main .a_mod.ab03 .a_text{ padding:0 4% 0 0; }
.main .a_mod.ab04 .a_text{ padding:0 0 0 4%; }
.main .a_mod.ab05 .a_text{ width:40%; padding:0 4% 0 0; }
.main .a_mod .a_img{ width:50%; padding:0 5%; }
.main .a_mod.ab05 .a_img{ width:60%; padding:0 4%;}
.main .a_mod .a_text b{ font-size:1.125em; }
.main .a_mod .a_text p{ font-size:0.65em; line-height:160%; margin-top:5px; letter-spacing:0em;}
.main .a_mod .a_text p.a_p1{ display:none;}
.main .a_mod .a_text p.a_p2{ display:block;}
/****尾部****/
footer{ width:100%; height:180px; background-image:none; background-size:150%; background-position:center bottom; padding:0 5%; }
footer .f_left{ width:50%; margin-top:25px;}
footer .f_left .f_icon{ margin-bottom:10px;}
footer .f_left .f_icon span{ width:25px; height:25px; margin-right:20px;}
footer .f_left .f_way{ }
footer .f_left .f_way .f_text{ font-size:1em; line-height:20px; margin-top:5px;}
footer .f_left .f_way .f_text span{ width:20px; height:20px; margin-right:5px;}
footer .f_left .f_way p{ width:75%; font-size:0.75em; margin-top:10px; letter-spacing:0; line-height:140%; }
footer .f_right{ width:35%; float:right; padding:8px; margin-top:25px; }
footer .f_right span{ margin-top:5px; font-size:0.6em; }


}


@media (min-width: 640px) and (max-width:1023px ) {
/****头部****/
header{ display:none;}
/****内容****/
.main{ padding:0 5%; }
.main .a_mod{ position:relative;}
.main .a_mod.ab02{ min-height:300px; margin-top:50px;}
.main .a_mod.ab03{ min-height:300px;}
.main .a_mod.ab04{ min-height:300px;}
.main .a_mod.ab05{ min-height:300px;}
.a_bg{ height:230px; background-size:cover; }
.a_row{ height:300px;}
.main .a_mod:nth-child(1){ margin-top:50px;}
.main .a_mod.ab02 .a_row{ top:-12%;}
.main .a_mod.ab03 .a_row{ top:-11%;}
.main .a_mod.ab04 .a_row{ top:-11%;}
.main .a_mod.ab05 .a_row{ top:-11%;}
.main .a_mod .a_text{ width:40%; }
.main .a_mod.ab02 .a_text{ padding:0 0 0 5%; }
.main .a_mod.ab03 .a_text{ padding:0 5% 0 0; }
.main .a_mod.ab04 .a_text{ padding:0 0 0 5%; }
.main .a_mod.ab05 .a_text{ width:35%; padding:0 5% 0 0; }
.main .a_mod .a_img{ width:60%; padding:0 5%; }
.main .a_mod.ab05 .a_img{ width:65%; padding:0 2% 0 3%;}
.main .a_mod .a_text b{ font-size:2em; }
.main .a_mod .a_text p{ font-size:1em; line-height:180%; margin-top:20px;}
.main .a_mod .a_text p.a_p1{ display:none;}
.main .a_mod .a_text p.a_p2{ display:block;}
/****尾部****/
footer{ width:100%; height:400px; background-size:150%; background-position:center bottom; padding:0 10%; }
footer .f_left{ width:210px; margin-top:120px;}
footer .f_left .f_icon{ margin-bottom:10px;}
footer .f_left .f_icon span{ width:40px; height:40px; margin-right:24px;}
footer .f_left .f_way{ }
footer .f_left .f_way .f_text{ font-size:1.625em; line-height:30px; margin-top:5px;}
footer .f_left .f_way .f_text span{ width:30px; height:30px; margin-right:5px;}
footer .f_left .f_way p{ font-size:0.75em; margin-top:10px; letter-spacing:0.05em; }
footer .f_right{ width:170px; float:right; padding:10px; margin-top:90px;}
footer .f_right span{ margin-top:10px; font-size:0.875em; }

}


@media (min-width: 1024px) and (max-width:1199px ) {
/****头部****/
header{ padding:0 5%; }
header .h_logo{ width:260px; height:80px;  margin:10px 0;}
header .h_menu{ margin:20px 0;}
header .h_menu ul{  height:60px; line-height:60px;}
header .h_menu ul li{ font-size:16px; margin-right:35px; }
/****内容****/
.main{ padding:0 5%; }
.main .a_mod{ position:relative;}
.main .a_mod.ab02{ min-height:400px; margin-top:100px;}
.main .a_mod.ab03{ min-height:400px;}
.main .a_mod.ab04{ min-height:400px;}
.main .a_mod.ab05{ min-height:400px;}
.a_bg{ height:280px; background-size:cover; }
.a_row{ height:400px;}
.main .a_mod.ab02 .a_row{ top:-13%;}
.main .a_mod.ab03 .a_row{ top:-12%;}
.main .a_mod.ab04 .a_row{ top:-12%;}
.main .a_mod.ab05 .a_row{ top:-12%;}
.main .a_mod .a_text{ width:40%; padding:0 6%; }
.main .a_mod.ab05 .a_text{ width:30%; padding:0 6% 0 0; }
.main .a_mod .a_img{ width:60%; padding:0 6%; }
.main .a_mod.ab05 .a_img{ width:70%; padding:0 4%;}
.main .a_mod .a_text b{ font-size:2.25em; }
.main .a_mod .a_text p{ font-size:1.125em; line-height:180%; margin-top:25px;}
.main .a_mod .a_text p.a_p1{ display:block;}
.main .a_mod .a_text p.a_p2{ display:none;}
/****尾部****/
footer{ width:100%; height:400px; background-size:cover; background-position:center; padding:0 10%; }
footer .f_left{ width:210px; margin-top:120px;}
footer .f_left .f_icon{ margin-bottom:10px;}
footer .f_left .f_icon span{ width:50px; height:50px; margin-right:24px;}
footer .f_left .f_way{ }
footer .f_left .f_way .f_text{ font-size:1.75em; line-height:30px; margin-top:5px;}
footer .f_left .f_way .f_text span{ width:30px; height:30px; margin-right:5px;}
footer .f_left .f_way p{ font-size:12px; margin-top:10px; letter-spacing:0.05em; }
footer .f_right{ width:170px; float:right; padding:10px; margin-top:90px;}
footer .f_right span{ margin-top:10px; font-size:0.875em; }

}


@media (min-width: 1200px) and (max-width:1439px ){
/****头部****/
header{ padding:0 5%; }
header .h_logo{ width:260px; height:80px;  margin:10px 0;}
header .h_menu{ margin:20px 0;}
header .h_menu ul{  height:60px; line-height:60px;}
header .h_menu ul li{ font-size:16px; margin-right:35px; }
/****内容****/
.main{ padding:0 5%; }
.main .a_mod{ position:relative;}
.main .a_mod.ab02{ min-height:480px; margin-top:100px;}
.main .a_mod.ab03{ min-height:480px;}
.main .a_mod.ab04{ min-height:480px;}
.main .a_mod.ab05{ min-height:480px;}
.a_bg{ height:360px; background-size:cover; }
.a_row{ height:480px;}
.main .a_mod.ab02 .a_row{ top:-13%;}
.main .a_mod.ab03 .a_row{ top:-12%;}
.main .a_mod.ab04 .a_row{ top:-12%;}
.main .a_mod.ab05 .a_row{ top:-12%;}
.main .a_mod .a_text{ width:40%; padding:0 6%; }
.main .a_mod.ab05 .a_text{ width:30%; padding:0 6% 0 0; }
.main .a_mod .a_img{ width:60%; padding:0 6%; }
.main .a_mod.ab05 .a_img{ width:70%; padding:0 4%;}
.main .a_mod .a_text b{ font-size:2.5em; }
.main .a_mod .a_text p{ font-size:1.25em; line-height:180%; margin-top:25px;}
.main .a_mod .a_text p.a_p1{ display:block;}
.main .a_mod .a_text p.a_p2{ display:none;}
/****尾部****/
footer{ width:100%; height:400px; background-size:cover; background-position:center; padding:0 10%; }
footer .f_left{ width:210px; margin-top:120px;}
footer .f_left .f_icon{ margin-bottom:10px;}
footer .f_left .f_icon span{ width:50px; height:50px; margin-right:24px;}
footer .f_left .f_way{ }
footer .f_left .f_way .f_text{ font-size:1.75em; line-height:30px; margin-top:5px;}
footer .f_left .f_way .f_text span{ width:30px; height:30px; margin-right:5px;}
footer .f_left .f_way p{ font-size:12px; margin-top:10px; letter-spacing:0.05em; }
footer .f_right{ width:170px; float:right; padding:10px; margin-top:90px;}
footer .f_right span{ margin-top:10px; font-size:0.875em; }

}

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