@charset "utf-8";
/* CSS Document */
html{margin:0px; padding:0px;}
body{font-family:"Microsoft YaHei",Arial; font-size:100%; color:#434343; margin:0 auto; overflow-x:hidden; max-width:1920px; width:100%; position:relative;}
ol,ul,li,p,dl,dt,dd,h1,h2,h3,h4,h5,h6{list-style:none outside none; margin:0px; padding:0px; font-size:100%; font-weight:normal;}
img {border:none;}
a:link, a:visited {color:#434343; text-decoration: none;outline:none;}
a:hover, a:active {color:#ab0000; text-decoration: none;outline:none;}
.clear{clear:both;}
.kg{ width:96%; margin:0 auto; max-width:1680px;}
.kga{ width:96%; margin:0 auto; max-width:1400px;}
.fl{ float:left;}
.fr{ float:right;}
.dw{ position:relative;}
.cj{ overflow:hidden;}
.green-black {display:flex; justify-content: center; padding:26px 0 60px 0; font-family:Arial, Helvetica, sans-serif;}
.green-black a{ box-shadow: 0px 0px 10px rgba(0,0,0,0.1); padding: 12px; min-width: 16px; height:16px; line-height:16px; font-size:1rem; margin:0 5px; color:#333; background:#fff; font-family:"Dinr"; border-radius: 20px; transition:0.5s;}
.green-black a:hover {background:#ab0000; color:#fff; transition:0.5s;}
.green-black span.current {background:#ab0000; color:#fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); padding: 12px; min-width: 16px; height:16px; line-height:16px; font-size:1rem; margin:0 5px; border-radius: 20px; transition:0.5s;}
.green-black a.prev_s{background:url(../images/prev_s.png) no-repeat center 8px #fff;}
.green-black a.prev_s:hover{background:url(../images/prev_s.png) no-repeat center -17px #ab0000;}
.green-black a.prev_t{background:url(../images/prev_t.png) no-repeat center 8px #fff;}
.green-black a.prev_t:hover{background:url(../images/prev_t.png) no-repeat center -17px #ab0000;}
.green-black a.next_x{background:url(../images/next_x.png) no-repeat center 8px #fff;}
.green-black a.next_x:hover{background:url(../images/next_x.png) no-repeat center -17px #ab0000;}
.green-black a.next_w{background:url(../images/next_w.png) no-repeat center 8px #fff;}
.green-black a.next_w:hover{background:url(../images/next_w.png) no-repeat center -17px #ab0000;}
::-webkit-scrollbar {width:5px;height:8px;background-color:#fff;border-radius:4px; position:relative;}
::-webkit-scrollbar-thumb {background-color:#b1b1b1;border-radius:3px;}
@media screen and (max-width:1020px){
.green-black {padding:26px 0 0px 0;}
}
@media screen and (max-width:700px){
.green-black a{padding: 6px; font-size:0.875rem;}
.green-black span.current {padding: 6px; font-size:0.875rem;}
.green-black a.prev_s{background:url(../images/prev_s.png) no-repeat center 2px #fff;}
.green-black a.prev_s:hover{background:url(../images/prev_s.png) no-repeat center -22px #ab0000;}
.green-black a.prev_t{background:url(../images/prev_t.png) no-repeat center 2px #fff;}
.green-black a.prev_t:hover{background:url(../images/prev_t.png) no-repeat center -22px #ab0000;}
.green-black a.next_x{background:url(../images/next_x.png) no-repeat center 2px #fff;}
.green-black a.next_x:hover{background:url(../images/next_x.png) no-repeat center -22px #ab0000;}
.green-black a.next_w{background:url(../images/next_w.png) no-repeat center 2px #fff;}
.green-black a.next_w:hover{background:url(../images/next_w.png) no-repeat center -22px #ab0000;}
}
/*基础配置*/

@font-face {
 font-family:"alternate";
 src: url("../fonts/alternate.eot"),
      url("../fonts/alternate.ttf");
}
@font-face {
 font-family:"Din";
 src: url("../fonts/Din.eot"),
      url("../fonts/Din.ttf");
}
@font-face {
  font-family:"Dinr";
  src: url("../fonts/Dinr.eot"),
       url("../fonts/Dinr.ttf");
 }
@font-face {
  font-family:"Dinstd";
  src: url("../fonts/Dinstd.eot"),
       url("../fonts/Dinstd.ttf");
 }
@font-face {
  font-family:"Dine";
  src: url("../fonts/Dine.ttf");
 }
@font-face {
  font-family:"DinBlack";
  src: url("../fonts/DinBlack.eot"),
       url("../fonts/DinBlack.ttf");
 }
@font-face {
  font-family:"FGH";
  src: url("../fonts/FGH.ttf");
 }
 @font-face {
  font-family:"PTN";
  src: url("../fonts/PTN.ttf");
 }

/*首页style开始*/
.top_bg{ height: 110px; background: #fff; box-shadow: 0px 1px 3px rgba(0,0,0,0.3); width: 100%; position: relative; z-index: 999;}
.logo{ padding-top: 30px; padding-left: 1.822%;}
.tel{ margin-left: 18px; margin-top: 35px; position: relative; height: 40px; padding-right: 20px; display: flex; align-items: flex-end;}
.tel::after{ content: ''; width: 1px; height: 100%; background: #c6c6c6; position: absolute; left: 0; top: 0;}
.tel a{ display: block; margin-left: 30px;}
.tel a p{ color: #999; font-size: 0.875rem; line-height: 1em;}
.tel a span{ font-size: 1.75rem; color: #000; font-family: 'Dinr'; line-height: 1em;}
.tewm{position: absolute; left: 0; top: 60px; display: none;}
.sp_nav{ display: none;}
.sjj_nav>ul>li{ position:relative; float: left;}
.sjj_nav li .sp_nav_xjb{display:none;}
.sjj_nav>ul>li>a{display:block; text-align:center; padding: 0 23px; font-size:1rem; color: #4a4a4a; height:110px; line-height:110px; transition:0.5s; position:relative; z-index:9;}
.sjj_nav>ul>li:hover>a,.sjj_nav>ul>li.cur>a{ color: #c30d23; font-weight: bold; transition: 0.5s;}
.sjj_nav>ul>li::after{ content: ''; position:absolute; left:25%; bottom:13px; width:50%; height:3px; background:#c30d23; border-radius: 1px; transform:scaleX(0); transition:0.5s;}
.sjj_nav>ul>li:hover::after,.sjj_nav>ul>li.cur::after{transform:scaleX(1); transition:0.5s;}
.sjj_nav>ul>li>ul{ display: none; position: absolute; width: 130%; background: rgba(255,255,255,0.95); left: -15%; text-align: center;}
.sjj_nav>ul>li>ul>li{position: relative; text-align: center;}
.sjj_nav>ul>li>ul>li>a{ display: block; height: 40px; font-size: 0.9375rem; border-top: 1px solid rgba(0,0,0,0.1); line-height: 40px; transition: 0.5s;}
.sjj_nav>ul>li>ul>li:hover>a{background: #c30d23; color: #fff; transition: 0.5s;}
@media screen and (max-width:1680px){
.tel{ margin-left: 15px;}
.tel a{margin-left: 20px;}
}
@media screen and (max-width:1600px){
.tel{ display: none;}
}
@media screen and (max-width:1440px){
.top_bg{ height: 90px;}
.logo{ padding-top: 20px;}
.sjj_nav>ul>li>a{height:90px; line-height:90px;}
}
@media screen and (max-width:1366px){
.sjj_nav>ul>li>a{padding: 0 20px;}
}
@media screen and (max-width:1280px){
.sjj_nav>ul>li>a{padding: 0 18px;}
}
@media screen and (max-width:1270px){
.top_bg{ height: 80px;}
.logo{ padding-top: 15px;}
.tel{ display: flex; margin-top: 25px;}
.tel::after{ display: none;}
.sjj_nav>ul>li::after{ display: none;}
.sjj_nav>ul>li>ul{ position: relative; width: auto; background: none; left: auto;}
.sjj_nav>ul>li>ul>li:hover>a{ background: none;}
}
@media screen and (max-width:700px){
.top_bg{ height: 50px;}
.logo{ padding-top: 10px;}
.logo img{ height: 30px;}
.tel{ margin-left: 0; margin-top: 5px; height: 30px; padding-right: 10px;}
.tel a:nth-child(1){ margin-left: 0;}
.tel a img{ height: 16px;}
.tel a{margin-left: 5px;}
.tel a p{ display: none;}
.tel a span{ font-size: 1.125rem; color: #000; font-family: 'Dinr'; line-height: 1em;}
}
/*banner*/
.banner{ width:100%; position:relative; background: #000;}
.ban_nr li{ position: relative;}
.ban_img{ overflow: hidden; position: relative;}
.ban_img img{ display: block; width: 100%;}
.ban_img video{ position: absolute; left: 0%; top: -8%; width: 100%; height: 112%; background: #000;}
.ban_nr li:nth-child(1) .ban_img::after{ content: ''; width: 100%; background: url(../images/bana_dd.png) repeat; height: 100%; position: absolute; left: 0; top: 0; z-index: 9;}
.ban_nr li:nth-child(1) .ban_img::before{ content: ''; width: 100%; height: 100%; background: url(../images/bana_bg.png) no-repeat; background-size: cover; position: absolute; left: 0; top: 0; z-index: 8;}
.ban_wby{ position: absolute; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 9;}
.ban_txta{ color: #fff; font-family: 'Dine'; font-size: 18.75rem; line-height: 0.5em; text-align: center; padding-top: 17.5%; text-shadow: 0px 0px 30px rgba(45,95,171,1); transform: scale(0); transition: 0.5s;}
.ban_txta span{ font-style: italic; font-size: 3rem; font-weight: bold; font-family:"Microsoft YaHei";}
.ban_txtb{ position: absolute; width: 73%; left: 13.5%; top: 40%; color: #fff; font-size: 3.75rem; display: flex; justify-content: space-between;}
.bantxtb{ display: flex; align-items: flex-start;}
.bantxtb p{position: relative; padding-bottom: 20px; opacity: 0; margin-top: 60px;}
.bantxtb:nth-child(1) p{ margin-left: 80px;}
.bantxtb:nth-child(2) p{ margin-right: 80px;}
.bantxtb p::after{ content: ''; width: 8px; height: 8px; background: #00aeff; border-radius: 50%; left: 50%; margin-left: -4px; bottom: 0; position: absolute;}
.ban_txtc{ text-align: center; padding-top: 155px; font-size: 2.25rem; color: #4f69d2; letter-spacing: 50px; transform: scaleX(0); transition: 0.5s;}
.ban_nr li.cur .ban_txta{ transform: scale(1); transition: 1s;}
.ban_nr li.cur .bantxtb:nth-child(1) p:nth-child(1){ opacity: 1; margin-top: 0; transition: 1s 0.8s;}
.ban_nr li.cur .bantxtb:nth-child(1) p:nth-child(2){ opacity: 1; margin-top: 0; transition: 1s 1s;}
.ban_nr li.cur .bantxtb:nth-child(2) p:nth-child(1){ opacity: 1; margin-top: 0; transition: 1s 1.2s;}
.ban_nr li.cur .bantxtb:nth-child(2) p:nth-child(2){ opacity: 1; margin-top: 0; transition: 1s 1.4s;}
.ban_nr li.cur .ban_txtc{ transform: scaleX(1); transition: 1s 1.8s;}
.ban_img .appban{ display: none;}
.banb_imga{ margin-left: 13%; width: 32.916%; margin-top: 15%;}
.banb_imga img{ display: block; width: 100%; transform: scaleY(0); transition: 0.5s;}
.banb_imgb{ margin-left: 18.7%; width: 33.281%; margin-top: 50px;}
.banb_imgb img{ display: block; width: 100%; transform: scaleY(0); transition: 0.5s;}
.ban_nr li.cur .banb_imga img{transform: scaleY(1); transition: 0.5s;}
.ban_nr li.cur .banb_imgb img{transform: scaleY(1); transition: 0.5s 0.5s;}
.baojtan{position: absolute; bottom: 3%; width: 100%; left: 0; z-index: 9;}
.pageState{ text-align: center; color: #fff; font-size: 1.25rem; font-family: 'Dinr';}
.pageState span{ color: #ffcc00; font-size: 2.25rem;}
.ban_an{ display: flex; justify-content: center;}
.ban_an a{ cursor: pointer;}
.ban_an a.next{ transform: scaleX(-1);}
.ban_an ul{ display: flex; margin: 0 16px; position: relative; align-items: center;}
.ban_an ul::after{ content: ''; height: 1px; background: rgba(255,255,255,0.5); width: 100%; position: absolute; top: 50%; left: 0;}
.ban_an li{ width: 57px; overflow: hidden; text-indent: -999rem; height: 3px; position: relative;}
.ban_an li::after{ width: 0%; content: ''; position: absolute; left: 0; top: 0;  background: #fff; height: 100%; transition: 0.5s;}
.ban_an li.on::after{ width: 100%; transition: 7s;}
@media screen and (max-width:1440px){
.ban_txta{ font-size: 14rem;}
.ban_txtb{ width: 80%; left: 10%; font-size: 3rem;}
.ban_txtc{ padding-top: 120px; font-size: 2.25rem;}
}
@media screen and (max-width:1270px){
.ban_img video{ display: none;}
.ban_txta{ font-size: 10rem;}
.ban_txta span{ font-size: 2rem;}
.ban_txtb{ width: 94%; left: 3%; font-size: 2.25rem;}
.ban_txtc{ padding-top: 80px; font-size: 2rem; letter-spacing: 34px;}
.pageState{font-size: 1.25rem; line-height: 0.8em;}
.pageState span{font-size: 1.875rem; line-height: 0.8em;}
.ban_an a img{ height: 24px;}
.ban_an ul{margin: 0 12px;}
.ban_an li{ width: 40px;}
}
@media screen and (max-width:1020px){
.ban_txta{ font-size: 7rem;}
.ban_txta span{ font-size: 1.5rem;}
.ban_txtb{ width: 96%; left: 2%; font-size: 2rem;}
.ban_txtb p{ padding-bottom: 16px;}
.ban_txtc{ padding-top: 60px; font-size: 1.5rem; letter-spacing: 20px;}
.pageState{font-size: 1.125rem;}
.pageState span{font-size: 1.625rem;}
.ban_an a img{ height: 20px;}
}
@media screen and (max-width:700px){
.ban_nr li:nth-child(1) .ban_img::before{background: none;}
.ban_img .pcban{ display: none;}
.ban_img .appban{ display: block;}
.ban_txta{ padding-top: 35%; font-size: 6rem;}
.ban_txta span{ font-size: 1.375rem;}
.ban_txtb{ width: 100%; left: 0%; font-size: 1.5rem; top:42%}
.bantxtb p{ padding-bottom: 10px;}
.bantxtb:nth-child(1) p{margin-left: 24px;}
.bantxtb:nth-child(2) p{margin-right: 24px;}
.bantxtb p::after{ width: 6px; height: 6px; margin-left: -3px;}
.ban_txtc{ padding-top: 50px; font-size: 1.375rem; letter-spacing: 10px;}
.banb_imga{ margin-left: 4%; width: 43.916%; margin-top: 22%;}
.banb_imgb{ margin-left: 9.7%; width: 44.281%; margin-top: 5%;}
}

.index_bga{ background: url(../images/index_bga.jpg) no-repeat center; background-size: cover; width: 100%; padding: 115px 0; overflow: hidden;}
.inda_nr{ position: relative;}
.inda_nr::before{ content: ''; width: 100%; background: url(../images/inda_xg.png) no-repeat center; width: 21px; height: 29px; position: absolute; left: 31.5%; top: 32%;}
.inda_nr::after{ content: ''; width: 100%; background: url(../images/inda_xg.png) no-repeat center; width: 21px; height: 29px; position: absolute; left: 74.5%; top: 32%;}
.inda_nr ul{ display: flex; justify-content: space-between;}
.inda_sz{ display: flex; align-items: center; font-family: 'DinBlack';}
.inda_sz p{ font-size: 6.875rem; color: #fff; line-height: 0.8em;}
.inda_sz span{ font-size: 4.5rem; color: #ffc000; padding-left: 30px;}
.inda_nr li:nth-child(2) .inda_sz span{font-family:"Microsoft YaHei"; font-size: 2.25rem; font-weight: bold;}
.inda_mc{ font-size: 1.25rem; color: #fff; line-height: 1em; margin-top: 18px;}
@media screen and (max-width:1440px){
.index_bga{padding: 75px 0;}
.inda_sz p{ font-size: 6rem;}
.inda_sz span{ font-size: 4rem; padding-left: 20px;}
.inda_nr li:nth-child(2) .inda_sz span{font-size: 2rem;}
.inda_mc{ font-size: 1.125rem;}
}
@media screen and (max-width:1270px){
.index_bga{padding: 40px 0;}
.inda_nr::before{ left: 29%; background-size: auto 100%; width: 18px; height: 24px;}
.inda_nr::after{ left: 71%; background-size: auto 100%; width: 18px; height: 24px;}
.inda_sz p{ font-size: 4.25rem;}
.inda_sz span{ font-size: 3rem; padding-left: 10px; line-height: 0.8em;}
.inda_nr li:nth-child(2) .inda_sz span{font-size: 1.5rem;}
.inda_mc{ font-size: 1rem;}
}
@media screen and (max-width:1020px){
.index_bga{padding: 30px 0;}
.inda_nr::before{ left: 29%; width: 14px; height: 18px;}
.inda_nr::after{ left: 71%; width: 14px; height: 18px;}
.inda_sz p{ font-size: 3.25rem;}
.inda_sz span{ font-size: 2.25rem;}
.inda_nr li:nth-child(2) .inda_sz span{font-size: 1.25rem;}
.inda_mc{ margin-top: 15px;}
}
@media screen and (max-width:700px){
.index_bga{padding: 25px 0;}
.inda_sz p{ font-size: 2rem; line-height: 1em;}
.inda_sz span{ font-size: 1.5rem;}
.inda_nr li{ flex: 0 1 33%;}
.inda_nr li:nth-child(3){ flex: 0 1 25%;}
.inda_nr li:nth-child(2) .inda_sz span{font-size: 1rem;}
.inda_nr::before,.inda_nr::after{ display: none;}
.inda_mc{ font-size: 0.875rem; margin-top: 5px; line-height: 16px;}
}

.index_bgb{ background: #fff; padding: 140px 0; width: 100%; position: relative;}
.index_bgb .kg{ position: relative; z-index: 9;}
.indb_kg{ position: absolute; top: 0; right: 0; width: 44.862%; overflow: hidden;}
.indb_img img{ display: block; width: 100%;}
.indb_i{ position: absolute; left: 0; top: 0;}
.indb_i img{ display: block; width: 100%;}
.indb_i.indb_a{ z-index: 5;}
.indb_i.indb_d{ top: -44px;}
.indb_i.indb_e{ top: -39px;}
.indb_title p{ font-size: 1.25rem; color: #2e2e2e; padding-bottom: 5px;}
.indb_title h2{ font-size: 3.125rem; color: #9e0000;}
.indb_title::after{ content: ''; width: 41px; height: 3px; background: #ab0000; display: block; margin: 20px 0;}
.indb_ms{ font-size: 1.125rem; color: #545353; line-height: 32px;}
.indb_more{ width: 140px; position: relative; margin-top: 15px;}
.indb_more a{ display: block; height: 38px; line-height: 38px; text-align: center; font-size: 1.125rem; color: #9e0000; z-index: 9; position: relative;}
.indb_more a span{ color: #2c2a2a; font-size: 1.125rem; padding-left: 28px;}
.indb_more i{ width: 38px; height: 38px; background: #d2d2d2; position: absolute; left: 0; top: 0; border-radius: 19px; vertical-align: middle;}
.indb_bom{ padding-top: 65px;}
.indb_en{ font-size: 15.625rem; color: #ededed; text-align: center; line-height: 0.8em;}
.indb_nr{ position: relative; z-index: 9; margin-top: -50px;}
.indb_nr ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.indb_nr li{ background: url(../images/indb_bbg.png) repeat; flex: 0 1 32.8%; position: relative; overflow: hidden;}
.indb_nr li:nth-child(n+4){ margin-top: 0.8%;}
.indb_nr li a{ display: block; padding: 85px 0 115px 0; text-align: center; position: relative; z-index: 9;}
.indb_mc{ font-size: 2.125rem; color: #ffc000; font-weight: bold;}
.indb_js{ color: #fff; font-size: 1.125rem; line-height: 30px; margin-top: 40px;}
.indb_nr li::after{ content: ''; position: absolute; width: 100%; height: 100%; left: 0; bottom: -60px; transition: 0.3s;}
.indb_nr li:nth-child(1):after{ background: url(../images/indb_b01.png) no-repeat center bottom; background-size: 90.7441% auto;}
.indb_nr li:nth-child(2):after{ background: url(../images/indb_b02.png) no-repeat center bottom; background-size: 90.7441% auto;}
.indb_nr li:nth-child(3):after{ background: url(../images/indb_b03.png) no-repeat center bottom; background-size: 90.7441% auto;}
.indb_nr li:nth-child(4):after{ background: url(../images/indb_b04.png) no-repeat center bottom; background-size: 90.7441% auto;}
.indb_nr li:nth-child(5):after{ background: url(../images/indb_b05.png) no-repeat center bottom; background-size: 90.7441% auto;}
.indb_nr li:nth-child(6):after{ background: url(../images/indb_b06.png) no-repeat center bottom; background-size: 90.7441% auto;}
.indb_nr li:hover::after{ bottom: 0; transition: 0.3s;}
@media screen and (max-width:1440px){
.indb_title h2{ font-size: 2.5rem;}
.indb_en{ font-size: 13rem;}
.indb_nr li a{ padding: 65px 0 85px 0;}
.indb_ms{ font-size: 1rem;}
.indb_mc{ font-size: 2rem;}
.indb_js{ font-size: 1rem; line-height: 28px; margin-top: 30px;}
}
@media screen and (max-width:1280px){
.indb_js{ padding: 0 4%;}
.indb_js br{ display: none;}
}
@media screen and (max-width:1270px){
.index_bgb{ padding: 130px 0 90px 0;}
.indb_ms{ line-height: 28px;}
.indb_more a{ font-size: 1rem;}
.indb_en{ font-size: 11rem;}
.indb_nr li a{ padding: 35px 0 65px 0;}
.indb_mc{ font-size: 1.625rem;}
.indb_js{ margin-top: 20px; line-height: 26px;}
}
@media screen and (max-width:1020px){
.index_bgb{ padding: 90px 0;}
.indb_title h2{ font-size: 2rem;}
.indb_ms br{ display: none;}
.indb_en{ font-size: 10rem;}
.indb_bom{ padding-top: 40px;}
.indb_nr li a{ padding: 30px 0 40px 0;}
.indb_mc{ font-size: 1.5rem;}
.indb_js{ font-size: 0.9375rem; line-height: 24px;}
}
@media screen and (max-width:700px){
.index_bgb{ padding: 40px 0 50px 0;}
.indb_title p{ font-size: 1rem; padding-bottom: 0;}
.indb_title h2{ font-size: 1.5rem;}
.indb_title::after{ width: 32px; height: 2px; margin: 12px 0;}
.indb_ms{ font-size: 0.9375rem; line-height: 24px;}
.indb_more{ margin: 20px auto 0 auto; width: 120px;}
.indb_more a{ font-size: 0.875rem; height: 30px; line-height: 30px;}
.indb_more i{ width: 30px; height: 30px;}
.indb_bom{ padding-top: 20px;}
.indb_en{ font-size: 5rem;}
.indb_nr{ margin-top: -20px;}
.indb_nr li{ flex: 0 1 49.5%;}
.indb_nr li:nth-child(n+3){ margin-top: 1%;}
.indb_nr li a{ padding: 20px 0 25px 0;}
.indb_mc{ font-size: 1.125rem;}
.indb_js{ font-size: 0.8125rem; line-height: 20px; margin-top: 10px;}
}

.index_bgc{ background: #fff; width: 100%; position: relative;}
.indc_nr li{ padding-bottom: 130px; padding-top: 175px; width: 100%; position: relative;}
.indc_kg{ position: relative; height: 596px;}
.indc_kg::before{ content: ''; position: absolute; width: 0%; height: 100%; background: #fff; left: 0; bottom: 0; opacity: 0;}
.indc_logo{ position: absolute; top: 38px; left: 5.369%; opacity: 0; z-index: 8;}
.indc_img{ position: absolute; z-index: 5; width: 100%; text-align: center; left: 0; bottom: 100px; opacity: 0;}
.indc_img img{max-width: 65.47619%;}
.indc_mc{ position: absolute; z-index: 9; opacity: 0; top: 100px; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-family: 'FGH'; font-size: 11.25rem; color: #fff; text-shadow: 0px 0px 20px rgba(0,0,0,0.15); line-height: 0.7em;}
.indc_mc p{ background-size: 100% auto !important; text-shadow: 0px 0px 20px rgba(0,0,0,0);}
.indc_ms{ position: absolute; z-index: 9; left: 8.333%; bottom: -35px; opacity: 0; line-height: 24px; color: #4c4c4c;}
.indc_nr li.cur .indc_kg::before{ opacity: 1; width: 100%; transition: 0.5s;}
.indc_nr li.cur .indc_img{bottom: 0px; opacity: 1; transition: 1.5s 0.5s;}
.indc_nr li.cur .indc_mc{top: 0px; opacity: 1; transition: 1s 1.5s;}
.indc_nr li.cur .indc_logo{left: 1.369%; opacity: 1; transition: 1s 2s;}
.indc_nr li.cur .indc_ms{bottom: 35px; opacity: 1; transition: 1s 2s;}
.indc_jt{ position: absolute; right: 13.541%; bottom: 18%; z-index: 99; display: flex;}
.indc_jt a{ width: 57px; height: 39px; border: 1px solid #ad0f0f; background: #ad0f0f; color: #fff; font-family: 'Dinr'; text-align: center; line-height: 39px; cursor: pointer; transition: 0.5s;}
.indc_jt a.prevStop,.indc_jt a.nextStop{border: 1px solid #e9e9e9; background: #fff; color: #010101; transition: 0.5s;}
.indc_an{ display: none;}
@media screen and (max-width:1440px){
.indc_kg{ height: 505px;}
.indc_mc{ font-size: 8rem;}
.indc_ms{left: 3%;}
}
@media screen and (max-width:1270px){
.indc_nr li{ padding-bottom: 80px; padding-top: 95px;}
.indc_kg{ height: 380px;}
.indc_logo{ top: 18px; left: 5%;}
.indc_logo img{ height: 36px;}
.indc_mc{ font-size: 5rem;}
.indc_ms{left: 2%; width: 36%; font-size: 0.9375rem; line-height: 22px;}
.indc_ms br{ display: none;}
.indc_nr li.cur .indc_ms{bottom: 20px;}
.indc_jt{ right: 4%;}
.indc_jt a{ width: 47px; height: 32px; line-height: 32px;}
}
@media screen and (max-width:1020px){
.indc_nr li{ padding-bottom: 60px; padding-top: 70px;}
.indc_kg{ height: 280px;}
.indc_logo img{ height: 32px;}
.indc_mc{ font-size: 4rem;}
.indc_ms{ display: none;}
}
@media screen and (max-width:700px){
.index_bgc{background: url(../images/indc_bg1.jpg) no-repeat center; background-size: cover;}
.indc_nr li{ padding-bottom: 30px; padding-top: 40px;}
.indc_kg{ height: 150px;}
.indc_logo{ top: 8px;}
.indc_logo img{ height: 18px;}
.indc_mc{ font-size: 2.25rem;}
.indc_jt a{ width: 30px; height: 24px; line-height: 22px; font-size: 0.8125rem;}
}

.index_bgd{ background: #fff; padding: 80px 0 110px 0; width: 100%;}
.indd_btmo{ display: flex; justify-content: space-between; align-items: flex-end;}
.indd_tit h2{ color: #9c0000; font-size: 3.125rem;}
.indd_tit p{ font-size: 1.125rem; color: #555; padding-top: 10px;}
.indd_btmo .indb_more{ margin-top: 0;}
.indd_nr{ padding-top: 20px;}
.indd_nr ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.indd_nr li{ padding-top: 1.7855%; flex: 0 1 32.143%;}
.indd_nr li a{ display: block; transition: 0.5s;}
.indd_nr li:hover a{box-shadow: 0px 0px 20px rgba(0,0,0,0.2); transition: 0.5s;}
.indd_pic{ overflow: hidden;}
.indd_pic img{ display: block; width: 100%; transition: 0.5s;}
.indd_nr li:hover .indd_pic img{ transform: scale(1.05);}
.indd_wb{ background: #eaeaea; padding: 20px 5% 25px 5%; transition: 0.5s;}
.indd_nr li:hover .indd_wb{ background: #fff; transition: 0.5s;}
.indd_btps{ display: flex; justify-content: space-between; align-items: center;}
.indd_bt{ font-size: 1.25rem; color: #3a3a3a; height: 30px; line-height: 30px;}
.indd_ps{ display: flex;}
.indd_ps i{ margin-left: 11px; width: 17px; height: 17px; border-radius: 50%; position: relative;}
.indd_ps i::after{ content: ''; background: #fff; width: 11px; height: 11px; position: absolute; left: 3px; top: 3px; border-radius: 50%; transform: scale(0); transition: 0.5s;}
.indd_nr li:hover .indd_ps i::after{ transform: scale(1);}
.indd_nr li:hover .indd_ps i:nth-child(1)::after{ transition: 0.5s;}
.indd_nr li:hover .indd_ps i:nth-child(2)::after{ transition: 0.5s 0.2s;}
.indd_nr li:hover .indd_ps i:nth-child(3)::after{ transition: 0.5s 0.3s;}
.indd_nr li:hover .indd_ps i:nth-child(4)::after{ transition: 0.5s 0.4s;}
.indd_lxmo{ padding-top: 30px; display: flex; justify-content: space-between; align-items: flex-end;}
.indd_lm{ color: #828282;}
.indd_lm p:nth-child(1){ font-family: 'Din';}
.indd_more{ padding-right: 20%; opacity: 0; transition: 0.5s;}
.indd_nr li:hover .indd_more{ opacity: 1; padding-right: 0%; transition: 0.5s 0.5s;}
@media screen and (max-width:1440px){
.indd_tit h2{ font-size: 2.5rem;}
}
@media screen and (max-width:1270px){
.index_bgd{ padding: 70px 0 90px 0;}
.indd_tit h2{ font-size: 2.25rem;}
.indd_tit p{ padding-top: 5px;}
.indd_wb{ padding: 10px 4% 15px 4%;}
.indd_lxmo{ padding-top: 10px;}
.indd_more img{ height: 7px;}
.indd_ps i{ width: 14px; height: 14px; margin-left: 7px;}
.indd_ps i::after{ width: 10px; height: 10px; left: 2px; top: 2px;}
}
@media screen and (max-width:1020px){
.indd_tit h2{ font-size: 2rem;}
.indd_bt{ font-size: 1.125rem; line-height: 24px; height: 24px;}
}
@media screen and (max-width:700px){
.index_bgd{ padding: 40px 0 50px 0;}
.indd_tit h2{ font-size: 1.5rem;}
.indd_tit p{display: none;}
.indd_btmo .indb_more{ margin: 0;}
.indd_nr{ padding-top: 15px;}
.indd_nr li{ flex: 0 1 49%; padding-top: 2%;}
.indd_nr li:nth-last-child(1){ display: none;}
.indd_wb{ padding: 8px 3%;}
.indd_bt{ font-size: 0.9375rem; line-height: 24px; height: 24px;}
.indd_lxmo{ display: none;}
.indd_ps i{ width: 10px; height: 10px; margin-left: 5px;}
.indd_ps i::after{ width: 6px; height: 6px;}
}

.index_bge{ background: url(../images/index_bge.jpg) no-repeat center fixed; width: 100%; padding: 100px 0 200px 0; overflow: hidden;}
.inde_title h2{ font-size: 3.125rem; color: #f6b900; display: flex;}
.inde_title h2 em{ font-style: normal; font-size: 4.25rem; font-family: "DinBlack"; line-height: 1em;}
.inde_title p{ color: #fff; font-size: 1.125rem; margin-top: 5px;}
.inde_nr{ padding-top: 105px;}
.inde_nr ul{ display: flex; justify-content: space-between;}
.inde_nr li{ text-align: center; position: relative; cursor: pointer;}
.inde_nr li::after{ content: ''; width: 1px; height: 50%; background: rgba(255,255,255,0.3); position: absolute; left: -55%; bottom: 0;}
.inde_nr li:nth-child(1):after{ display: none;}
.inde_pic{ display: inline-block; position: relative;}
.inde_pic p{ position: relative; z-index: 9;}
.inde_pic::after{ content: ''; display: block; width: 53px; height: 53px; background: #ff0000; border-radius: 50%; position: absolute; left: 0; top: 30%; transition: 0.5s;}
.inde_nr li:nth-child(n+4) .inde_pic::after{ left: auto; right: 0;}
.inde_nr li:hover .inde_pic::after{background: #f8bb00; top: 0; transition: 0.5s;}
.inde_mc{ padding-top: 20px; color: #fff;}
.inde_mc h3{ font-size: 1.5rem; transition: 0.5s;}
.inde_mc p{ font-family: 'Dinr';}
.inde_mc p::before{ content: ''; width: 46px; height: 1px; background: #fff; display: block; margin: 15px auto;}
.inde_nr li:hover .inde_mc h3{font-weight: bold; transition: 0.5s;}
@media screen and (max-width:1600px){
.inde_nr li::after{left: -45%;}
}
@media screen and (max-width:1440px){
.inde_title h2{ font-size: 2.5rem;}
.inde_title h2 em{ font-size: 3.375rem;}
.inde_pic img{ max-height: 90px;}
.inde_pic::after{ width: 43px; height: 43px;}
.inde_nr li::after{left: -40%;}
.inde_mc h3{ font-size: 1.25rem;}
}
@media screen and (max-width:1270px){
.index_bge{ background-attachment: inherit; background-size: cover; padding: 70px 0 100px 0;}
.inde_title h2{ font-size: 2.25rem;}
.inde_title h2 em{ font-size: 3rem;}
.inde_nr{ padding-top: 60px;}
.inde_pic img{ max-height: 70px;}
.inde_pic::after{ width: 32px; height: 32px;}
.inde_nr li::after{left: -26%; height: 43%;}
.inde_mc{ padding-top: 10px;}
.inde_mc h3{ font-size: 1.125rem;}
.inde_mc p::before{ width: 30px; margin: 11px auto 7px auto;}
}
@media screen and (max-width:1020px){
.inde_title h2{ font-size: 2rem;}
.inde_title h2 em{ font-size: 2.75rem;}
.inde_nr{ padding-top: 40px;}
.inde_nr li::after{left: -18%;}
.inde_mc{ padding-top: 0px;}
.inde_mc h3{ font-size: 1rem;}
.inde_mc p{ font-size: 0.875rem;}
}
@media screen and (max-width:700px){
.index_bge{ padding: 40px 0 50px 0;}
.inde_title{ text-align: center;}
.inde_title h2{ font-size: 1.5rem; justify-content: center;}
.inde_title h2 em{ font-size: 1.875rem;}
.inde_title p{ font-size: 0.9375rem;}
.inde_nr{ padding-top: 20px;}
.inde_nr ul{flex-wrap: wrap;}
.inde_nr li{ flex: 0 1 33.333%;}
.inde_nr li::after{ display: none;}
.inde_nr li:nth-child(n+4){ margin-top: 20px;}
.inde_pic img{ height: 46px;}
.inde_pic::after{ width: 22px; height: 22px;}
.inde_mc h3{ font-size: 0.9375rem;}
.inde_mc p,.inde_mc::after{ display: none;}
}

.index_bgf{ padding: 95px 0 100px 0; width: 100%; background: #fff;}
.indhz_nr{ padding-top: 65px;}
.indhz_nr ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.indhz_nr li{ flex: 0 1 15.179%; background: #eee; text-align: center; overflow: hidden; cursor: pointer; transition: 0.5s;}
.indhz_nr li:nth-child(n+7){ margin-top: 1.7852%;}
.indhz_nr li:hover{ background: #fff; box-shadow: 0px 0px 20px rgba(0,0,0,0.2); transition: 0.5s;}
.indhz_nr li img{ display: block; width: 100%; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; transition: 0.5s;}
.indhz_nr li:hover img{ transform: scale(1.05); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none;}
.indnew{ padding-top: 145px;}
.indnew_top{ margin-top: 45px; overflow: hidden;}
.indnew_top li{ width: 16.25%; overflow: hidden; float: left; position: relative; transition: 0.5s;}
.indnew_top li.on{ width: 35%; transition: 0.5s;}
.indnew_top li::after{ content: ''; width: 0; top: 0; border: 14px solid transparent; position: absolute; right: 0; top: 50%; margin-top: -14px; z-index: 99; transition: 0.5s;}
.indnew_top li:nth-child(1):after{border-right: 17px solid #e5e5e5;}
.indnew_top li:nth-child(2):after{border-right: 17px solid #cbcbcb;}
.indnew_top li:nth-child(3):after{border-right: 17px solid #b1b1b1;}
.indnew_top li:nth-child(4):after{border-right: 17px solid #ad0f0f;}
.indnew_top li.on1:after{ right: -17px; transition: 0.5s;}
.indnewt_pic img{ width: 100%; display: block;}
.indnewt_po{ position: absolute; left: 0; bottom: 0; width: calc(100% - 70px); height: calc(100% - 70px); padding: 35px; display: flex; flex-wrap: wrap; align-content: space-between; background: #fff; color: #535353; z-index: 9; transition: 0.5s;}
.indnew_top li:nth-child(1) .indnewt_po{ background: #f0f0f0;}
.indnew_top li:nth-child(2) .indnewt_po{ background: #e5e5e5;}
.indnew_top li:nth-child(3) .indnewt_po{ background: #cbcbcb;}
.indnew_top li:nth-child(4) .indnewt_po{ background: #b1b1b1;}
.indnew_top li:nth-child(5) .indnewt_po{ background: #ad0f0f;}
.indnewt_po h3{ flex: 0 1 100%;font-size: 1.25rem; font-weight: bold; line-height: 30px;}
.indnewt_po p{ flex: 0 1 100%; font-family: 'Dinr'; font-size: 1.125rem;}
.indnew_top li.on .indnewt_po{ background: rgba(0,0,0,0); color: #fff; transition: 0.5s;}
.indnew_top li:nth-child(5) .indnewt_po{color: #fff;}
.indnew_top li.on .indnewt_po h3{ padding-top: 59%;}
.indnewt_an{ display: none;}
.indnew_bom{ padding-top: 43px; display: flex; justify-content: space-between;}
.indnb_l{ flex: 0 1 64.464%;}
.indbb_btmo{height: 70px; display: flex; justify-content: space-between; border-bottom: 1px solid #dbdbdb; align-items: center;}
.indbb_bt{ line-height: 70px; height: 70px; position: relative;}
.indbb_bt h2{ font-size: 1.875rem; color: #313131;}
.indbb_bt::after{ content: ''; width: 100%; height: 5px; background: #ab0000; position: absolute; left: 0; bottom: -3px;}
.indbb_more{ height: 31px; position: relative;}
.indbb_more a{ display: block; padding: 0 13px; height: 31px; line-height: 31px; font-size: 1.125rem; color: #ab0000;}
.indbb_more img{ margin-bottom: -2px; margin-right: 8px;}
.indbb_more a::before{ content: ''; width: 29px; height: 29px; border: 1px solid #ab0000; border-radius: 26px; position: absolute; left: 0; top: 0; transition: 0.5s;}
.indbb_more a:hover::before{ width: 100%; transition: 0.5s;}
.indbb_nr{ padding-top: 35px;}
.indbb_nr ul{ display: flex; flex-wrap: wrap;}
.indbb_nr li{ flex: 0 1 50%;}
.indbb_nr li a{ background: #fff; display: block; padding: 25px; position: relative; transition: 0.5s;}
.indbb_nr li:hover a{ box-shadow: 0px 0px 20px rgba(0,0,0,0.2); transition: 0.5s; z-index: 9;}
.indbb_rq{ background: url(../images/indd_rq.png) no-repeat left center; padding-left: 23px; height: 28px; line-height: 28px; font-size: 1.125rem; font-family: 'Dinr'; color: #686868;}
.indbb_mc{ height: 50px; line-height: 50px; color: #000; font-size: 1.625rem; overflow: hidden;}
.indbb_ms{ color: #5e5e5e; line-height: 24px; height: 48px; overflow: hidden;}
.indnb_r{ flex: 0 1 32.536%;}
.indnb_r .indbb_nr ul li{ flex: 0 1 100%;}
@media screen and (max-width:1270px){
.index_bgf{ padding: 70px 0 90px 0;}
.indhz_nr{ padding-top: 40px;}
.indhz_nr li{ flex: 0 1 16%;}
.indhz_nr li:nth-child(n+7){ margin-top: 0.8%;}
.indnew{ padding-top: 100px;}
.indnewt_po{width: calc(100% - 30px); height: calc(100% - 30px); padding: 15px;}
.indnewt_po h3{ font-size: 1.125rem;}
.indnewt_po p{ font-size: 1rem;}
.indbb_btmo{ height: 50px;}
.indbb_bt{ height: 50px; line-height: 50px;}
.indbb_bt h2{ font-size: 1.5rem;}
.indbb_more a{ font-size: 1rem;}
.indbb_nr{ padding-top: 20px;}
.indbb_nr li a{ padding: 18px;}
.indbb_rq{ font-size: 1rem; line-height: 22px; height: 22px;}
.indbb_mc{ line-height: 40px; height: 40px; font-size: 1.125rem;}
.indbb_ms{ line-height: 22px; height: 44px; font-size: 0.9375rem;}
}
@media screen and (max-width:1020px){
.index_bgf{ padding: 70px 0 70px 0;}
.index_bgf .indd_tit{flex: 0 0 434px;}
.indhz_nr{ padding-top: 25px;}
.indnew{ padding-top: 70px;}
.indnew_top{ margin-top: 25px;}
.indnew_top li{ width: 20%; overflow: hidden; float: left; position: relative; transition: 0.5s;}
.indnew_top li.on{ width: 60%; transition: 0.5s;}
.indnew_top li:nth-child(n+4),.indnew_top li:nth-child(3):after{ display: none;}
}
@media screen and (max-width:700px){
.index_bgf{ padding: 40px 0 50px 0;}
.index_bgf .indd_tit{flex: 0 0 auto;}
.indhz_nr{ padding-top: 15px;}
.indhz_nr li{ flex: 0 1 33%;}
.indhz_nr li:nth-child(n+4){ margin-top: 0.5%;}
.indnew{ padding-top: 40px;}
.indnew_top{ margin-top: 15px;}
.indnew_top li::after{ display: none;}
.indnewt_po h3{ line-height: 30px; height: 30px; overflow: hidden;}
.indnew_bom{ display: block; padding-top: 25px;}
.indbb_more{ height: 25px;}
.indbb_more a{ line-height: 25px; height: 25px; font-size: 0.875rem;}
.indbb_more a::before{ height: 23px; width: 23px;}
.indbb_more img{ height: 10px;}
.indbb_nr li{ flex: 0 1 100%;}
.indbb_nr li a{ padding: 3%;}
.indbb_rq{ font-size: 0.875rem;}
.indbb_mc{ font-size: 1rem; line-height: 32px; height: 32px;}
.indbb_ms{ font-size: 0.875rem; line-height: 20px; height: 40px;}
.indnb_r{ margin-top: 30px;}
.indbb_nr{ padding-top: 10px;}
}

.index_bgg{ background: #fff; position: relative;}
.index_bgg::before{ content: ''; width: 100%; height: 45%; background: #243140; position: absolute; left: 0; bottom: 0;}
.index_bgg .kg{ position: relative; z-index: 9;}
.indg_nr{ display: flex; position: relative;}
.indg_nr::after{ content: ''; width: 34%; height: 100%; background: url(../images/indg_bg.png) no-repeat center bottom; position: absolute; left: 33%; bottom: 0;}
.indg_l{ flex: 0 1 50%; background: #ffc000; padding: 105px 0 113px 0; position: relative;}
.indg_l::after{ content: ''; width: 100%; height: 10px; background: url(../images/indg_ljj.png) no-repeat; position: absolute; bottom: -10px; left: 0;}
.indg_r{ flex: 0 1 50%; background: #ad0f0f; padding: 105px 0 113px 0; position: relative;}
.indg_r::after{ content: ''; width: 100%; height: 7px; background: url(../images/indg_rjj.png) no-repeat; position: absolute; top: -7px; left: 0;}
.indg_kg{ text-align: center; position: relative; z-index: 99;}
.indg_kg p{ color: #000; font-size: 2.25rem; padding-bottom: 38px;}
.indg_r .indg_kg p{ color: #fff;}
.indg_kg a{ display: block; width: 170px; height: 55px; line-height: 55px; border-radius: 5px; margin: 0 auto; color: #000; font-size: 1.25rem; background: #fff; transition: 0.5s;}
.indg_kg a:hover{ box-shadow: 5px 5px 1px rgba(0,0,0,0.5); transition: 0.5s;}
@media screen and (max-width:1270px){
.indg_l,.indg_r{ padding: 60px 0 70px;}
.indg_l::after,.indg_nr::after{ background-size: auto 80%;}
.indg_kg p{ font-size: 1.75rem; padding-bottom: 18px;}
.indg_kg a{ width: 150px; height: 42px; line-height: 42px; font-size: 1.125rem;}
}
@media screen and (max-width:1020px){
.indg_l,.indg_r{ padding: 50px 0 60px;}
.indg_kg p{ font-size: 1.375rem;}
.indg_kg a{ width: 120px; height: 36px; line-height: 36px; font-size: 1rem;}
}
@media screen and (max-width:700px){
.indg_l,.indg_r{ padding: 25px 0 30px;}
.indg_kg p{ font-size: 1.125rem; padding: 0 10%;}
.indg_kg a{ margin-top: 10px; font-size: 0.875rem; width: 110px; height: 30px; line-height: 30px;}
}

.foot_bg{ background:#243140; width:100%; overflow:hidden;}
.fnavtel{ padding:70px 0 80px 0;}
.fnavtel .kg{ display: flex; justify-content: space-between; align-items: flex-start;}
.foot_l{ flex: 0 1 50%; display: flex; justify-content: space-between;}
.foot_l dl dt{ padding-bottom: 30px;}
.foot_l dl dt a{ color: #fff; display: block; line-height: 40px; height: 40px; font-size: 1.5rem;}
.foot_l dl dd{ line-height: 22px; margin-bottom: 8px;}
.foot_l dl dd a{ color: #8c8c8c; transition: 0.5s;}
.foot_l dl dd:hover a{ color: #fff; transition: 0.5s;}
.foot_r{ display: flex; justify-content: space-between; flex: 0 1 35.714%; align-items: flex-end;}
.ftelbt{ padding-bottom: 30px;}
.ftelbt a{ color: #fff; display: block; line-height: 40px; height: 40px; font-size: 1.5rem;}
.ftelrx a p{ line-height: 1em; font-size: 1rem; color: #7b7b7b; margin-bottom: 5px;}
.ftelrx a span{ display: block; font-size: 2.25rem; font-family: 'Dinr'; color: #fff; line-height: 1em;}
.ftel_nr { padding-top: 15px;}
.ftel_nr p{ line-height: 22px; margin-top: 8px; color: #7b7b7b;}
.ftel_nr p a{ color: #7b7b7b; transition: 0.5s;}
.ftel_nr p:hover a{ color: #fff; transition: 0.5s;}
.fewm{ border-radius: 15px; overflow: hidden; margin-left: 35px; padding: 5px;}
.fewm_pic img{display: block; width: 100%;}
.fewm_mc{line-height: 24px; color: #aaa; padding-bottom: 10px;}
.fbq{ padding-top:30px; padding-bottom:30px; line-height:24px; color:#837c7c; border-top:1px solid rgba(255,255,255,0.1);}
.fbq em{ font-style:normal;}
.fbq span{ float:right;}
.fbq a{ color:#837c7c; transition: 0.5s;}
.fbq a:hover{ color: #fff; transition: 0.5s;}
@media screen and (max-width:1270px){
.fnavtel{ padding:50px 0 60px 0;}
.foot_l dl dt,.ftelbt{ padding-bottom: 15px;}
.foot_l dl dt a,.ftelbt a{ font-size: 1.25rem;}
.foot_r{ flex: 0 1 40%;}
}
@media screen and (max-width:1020px){
.fnavtel{ padding:50px 0 60px 0;}
.fnavtel .kg{ display: block;}
.foot_l{ display: none;}
.fbq{ padding-top:20px; padding-bottom:20px;}
}
@media screen and (max-width:700px){
.fnavtel{ padding:30px 0 40px 0;}
.ftelbt{ padding-bottom: 5px;}
.ftelbt a{ font-size: 1rem;}
.ftelrx a p{ font-size: 0.875rem;}
.ftelrx a span{ font-size: 1.875rem;}
.ftel_nr{ padding-top: 10px;}
.ftel_nr p{ line-height: 20px; font-size: 0.875rem; margin-top: 5px;}
.fewm_mc{ font-size: 0.875rem; padding-bottom: 5px;}
.fbq{ padding-top:15px; padding-bottom:65px; line-height:22px; font-size: 0.8125rem;}
.fbq span{ float: none; margin-left: 10px;}
}
/*首页style结束*/

/*main*/
.main_banner{ position: relative; width: 100%;}
.main_bg img{ display: block; width: 100%;}
.main_wz{ position: relative; display: flex; height: 60px; margin-top: -60px; line-height: 60px; color: #fff;}
.main_wz a{ color: #fff;}
.main_wz img{ margin-bottom: -2px; margin-right: 14px;}
.main_wz span{ padding: 0 8px; font-family: '宋体';}
.main_wz a:hover{ text-decoration: underline;}
/*main*/

/*about*/
.abo_tit{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; flex-wrap: wrap; text-align: center; align-content: center;}
.abo_tit h2{ flex: 0 1 100%; font-size: 3.75rem; color: #ff001f; font-weight: bold; padding-bottom: 40px;}
.abo_tit p{ flex: 0 1 100%; color: #fff; font-size: 2.25rem;}
@media screen and (max-width:1440px){
.abo_tit h2{ font-size: 2.5rem; padding-bottom: 20px;}
.abo_tit p{ font-size: 1.875rem;}
}
@media screen and (max-width:1270px){
.abo_tit h2{ font-size: 2.25rem; padding-bottom: 15px;}
.abo_tit p{ font-size: 1.625rem;}
}
@media screen and (max-width:1020px){
.abo_tit h2{ font-size: 2rem;}
.abo_tit p{ font-size: 1.375rem;}
.main_wz{ height: 50px; line-height: 50px; margin-top: -50px;}
}
@media screen and (max-width:700px){
.abo_tit h2{ font-size: 1.5rem;}
.abo_tit p{ display: none;}
.main_wz{ height: 40px; line-height: 40px; margin-top: -40px; font-size: 0.875rem;}
.main_wz img{ height: 18px; margin-right: 8px;}
}

@keyframes numRun{0%{background-position: 0 0}50%{background-position: 100% 100%;}100%{background-position: 0% 0%}}
.about_bga{ background: #fff; padding: 150px 0 90px 0; width: 100%; position: relative;}
.about_bga::after{ content: 'culture'; text-transform: uppercase; width: 100%; text-align: center; position: absolute; bottom: -0.4em; line-height: 0.8em; color: #f7f7f7; font-size: 12.5rem; font-family: 'DinBlack';}
.about_bga .kg{ position: relative; z-index: 9;}
.aboa_top{ display: flex; justify-content: space-between; align-items: flex-start; padding-bottom: 110px; border-bottom: 1px solid #e6e6e6;}
.aboa_bt h3{ font-size: 2.5rem; font-weight: bold; color: #000;}
.aboa_bt h3 span{ color: #a80000;}
.aboa_bt p{ font-size: 1.5rem; color: #292929; margin-top: 5px;}
.aboa_ms{ margin-top: 55px; color: #5f5f5f; line-height: 26px;}
.aboa_r{ display: flex;}
.aboa_r p{ font-size: 24.9375rem; font-family: 'PTN'; line-height: 0.75em; background: url(../images/aboa_01.jpg) no-repeat; -webkit-background-clip: text; color: transparent; animation: numRun 20s ease-out infinite;}
.aboa_r span{ font-size: 3rem; color: #a80000; margin-top: 10px;}
.abo_bom{ padding-top: 70px;}
.abo_bom ul{ display: flex; justify-content: space-between;}
.aboa_sz{ display: flex; align-items: center; color: #b10000; font-family: "Dinblack";}
.aboa_sz p{ font-size: 6.875rem; line-height: 0.8em;}
.aboa_sz span{ font-size: 4.5rem; padding-left: 30px;}
.abo_bom li:nth-child(2) .aboa_sz span{ font-size: 2.25rem; font-family: "Microsoft YaHei"; font-weight: bold;}
.aboa_sm{ font-size: 1.25rem; padding-top: 15px; color: #4f4f4f;}
@media screen and (max-width:1270px){
.about_bga{ padding: 80px 0;}
.aboa_top{ padding-bottom: 60px;}
.aboa_l{ flex: 1; margin-right: 30px;}
.aboa_bt h3{ font-size: 2rem;}
.aboa_bt p{ font-size: 1.25rem;}
.aboa_ms br{ display: none;}
.aboa_r p{ font-size: 18rem;}
.aboa_r span{ font-size: 2.5rem;}
.abo_bom{ padding-top: 50px;}
.aboa_sz p{ font-size: 5rem;}
.aboa_sz span{ font-size: 3.25rem; padding-left: 20px; line-height: 0.8em;}
.abo_bom li:nth-child(2) .aboa_sz span{ font-size: 1.625rem;}
.aboa_sm{ font-size: 1.125rem; padding-top: 10px;}
}
@media screen and (max-width:1020px){
.about_bga{ padding: 60px 0;}
.about_bga::after{ font-size: 8rem;}
.aboa_bt h3{ font-size: 1.875rem;}
.aboa_bt p{ font-size: 1.125rem;}
.aboa_l{margin-right: 10px;}
.aboa_r p{ font-size: 13rem;}
.aboa_r span{ font-size: 1.875rem;}
.abo_bom{ padding-top: 40px;}
.aboa_sz p{ font-size: 4rem;}
.aboa_sz span{ font-size: 2.5rem; padding-left: 10px;}
.abo_bom li:nth-child(2) .aboa_sz span{ font-size: 1.5rem;}
.aboa_sm{ font-size: 1rem;}
}
@media screen and (max-width:700px){
.about_bga{ padding: 40px 0 50px;}
.about_bga::after{ font-size: 4rem;}
.aboa_top{ padding-bottom: 30px; display: block;}
.aboa_bt h3{ font-size: 1.375rem;}
.aboa_bt p{ font-size: 0.9375rem;}
.aboa_ms{ margin-top: 25px; font-size: 0.9375rem; line-height: 24px;}
.abo_bom{ padding-top: 20px;}
.aboa_sz p{ font-size: 2.25rem;}
.aboa_sz span{ font-size: 1.5rem; padding-left: 5px;}
.abo_bom li:nth-child(2) .aboa_sz span{ font-size: 1rem;}
.aboa_sm{ font-size: 0.875rem; width: 90%;}
}

.about_bgb{ background: #f1f1f1; padding: 45px 0 100px 0; width: 100%; position: relative; z-index: 9;}
.abob_tit{ text-align: center;}
.abob_tit h2{ font-size: 2.5rem; color: #b40202; font-weight: bolder;}
.abob_tit::after{ content: ''; width: 46px; height: 6px; background: #d4d4d4; margin: 15px auto 0 auto; display: block;}
.abob_nr{ padding-top: 80px;}
.abob_nr li{ position: relative; width: calc(55% + 37px); float: right; display: flex; align-items: center; cursor: pointer; margin-top: -70px;}
.abob_nr li:hover{ z-index: 9;}
.abob_nr li:nth-child(1){ margin-top: 0;}
.abob_nr li:nth-child(2n){ float: left; justify-content: flex-end;}
.abob_nr li:nth-child(2n) .abob_sjx,.abob_nr li:nth-child(2n) .abob_pic{ order: 2;}
.abob_nr li:nth-child(2n) .abob_wb,.abob_nr li:nth-child(2n) .abob_jtsz{ order: 1;}
.abob_nr li:nth-child(2n) .abob_sjx svg{ transform: scaleX(-1);}
.abob_nr li:nth-child(2n):hover .abob_sjx svg{ transform: scaleX(-1) scale(1.3);}
.abob_nr li:nth-child(2n) .abob_jtsz{ margin-left: 0px; margin-right: 15px;}
.abob_nr li:nth-child(2n) .abob_jtsz span{ transform: scaleX(-1); left: auto; right: 0;}
.abob_nr li:nth-child(2n):hover .abob_jtsz span{right: 40px; left: auto;}
.abob_nr li:nth-child(2n) .abob_wb{ text-align: right;}
.abob_nr li:nth-child(2n) .abob_wb::before{right: 20px; left: auto;}
.abob_nr li:nth-child(2n):hover .abob_wb::before{left: auto; right: -20px;}
.abob_nr li:nth-child(2n) .abob_bt::after{right: 20px; left: auto;}
.abob_nr li:nth-child(2n):hover .abob_bt::after{right: 0px; left: auto;}
.abob_nr li:nth-child(2n) .abob_yw{  padding-right: 20px; padding-left: inherit;}
.abob_nr li:nth-child(2n):hover .abob_yw{  padding-right: 0; padding-left: inherit;}
.abob_sjx{ position: relative; display: flex; height: 242px; width: 210px; align-items: center; justify-content: center;}
.abob_sjx svg{ position: absolute; left: 0px; top: 0px; fill:#fff; width: 214px; height: 242px; text-shadow: 0px 0px 20px rgba(0,0,0,1); transition: 0.5s;}
.abob_nr li:hover .abob_sjx svg{ fill: #b40202; transform: scale(1.3); transition: 0.5s;}
.abob_pic,.abob_jtsz{ position: relative; z-index: 9;}
.abob_jtsz{ margin-left: 15px;}
.abob_pic span{ position: absolute; left: 0; top: 0;}
.abob_jtsz span{opacity: 0; position: absolute; left: 0; top: 8px; transition: 0.5s;}
.abob_nr li:hover .abob_pic p,.abob_nr li .abob_pic span{ transform: scale(0); transition: 0.5s;}
.abob_nr li .abob_pic p,.abob_nr li:hover .abob_pic span{ transform: scale(1); transition: 0.5s;}
.abob_jtsz p{ font-family: 'Dinr'; font-size: 1.875rem; color: #b0b0b0;}
.abob_nr li:hover .abob_jtsz span{opacity: 1; left: 40px; top: 8px; transition: 0.5s;}
.abob_nr li:hover .abob_jtsz p{ opacity: 0;}
.abob_wb{ position: relative; padding-left: 50px;}
.abob_nr li:nth-child(2n){ padding-left: 0;}
.abob_wb::before{color: #e8e8e8; font-size: 25rem; position: absolute; left: 20px; top: -110%; opacity: 0; line-height: 0.8em; font-family: "Dinblack";transition: 0.5s;}
.abob_nr li:nth-child(1) .abob_wb::before{content: "01";}
.abob_nr li:nth-child(2) .abob_wb::before{content: "02";}
.abob_nr li:nth-child(3) .abob_wb::before{content: "03";}
.abob_nr li:nth-child(4) .abob_wb::before{content: "04";}
.abob_nr li:nth-child(5) .abob_wb::before{content: "05";}
.abob_bt{ position: relative; border-bottom: 1px solid #c4c4c4; display: inline-block; padding-bottom: 10px; transition: 0.5s;}
.abob_bt h3{ color: #000; font-size: 1.875rem; padding-bottom: 10px;transition: 0.5s;}
.abob_bt p{ color: #7a7a7a; font-size: 1.125rem;transition: 0.5s;}
.abob_bt::after{ content: ''; width: 30px; height: 3px; background: #b40202; position: absolute; bottom: 0; left: 20px; opacity: 0; transition: 0.5s;}
.abob_yw{ position: relative; z-index: 9; padding-top: 15px; padding-left: 20px; font-family: 'Dinblack'; font-size: 1.5rem; color: #b40202; line-height: 0.8em; text-transform: uppercase; opacity: 0; transition: 0.5s;}
.abob_nr li:hover .abob_wb::before{ left: -20px; opacity: 1; transition: 0.5s;}
.abob_nr li:hover .abob_bt{border-bottom: 1px solid #b40202; transition: 0.5s;}
.abob_nr li:hover .abob_bt h3{ color: #b40202; font-weight: bold; transition: 0.5s;}
.abob_nr li:hover .abob_bt p{ color: #b40202; transition: 0.5s;}
.abob_nr li:hover .abob_bt::after{ left: 0; opacity: 1; transition: 0.5s;}
.abob_nr li:hover .abob_yw{  padding-left: 0; opacity: 1; transition: 0.5s;}
@media screen and (max-width:1270px){
.about_bgb{ padding: 45px 0 80px 0;}
.abob_tit h2{ font-size: 2.25rem;}
.abob_nr{ padding-top: 60px;}
.abob_bt h3{ font-size: 1.625rem;}
.abob_bt p{ font-size: 1rem;}
.abob_wb{ padding-left: 30px;}
.abob_wb::before{ font-size: 20rem;}
}
@media screen and (max-width:1020px){
.abob_tit h2{ font-size: 2rem;}
.abob_pic img{ height: 40px;}
.abob_nr li:nth-child(2n) .abob_pic{ margin-right: -35px;}
.abob_nr li:hover .abob_sjx svg{transform: scale(1.1);}
.abob_nr li:nth-child(2n):hover .abob_sjx svg{transform: scaleX(-1) scale(1.1);}
.abob_wb::before{ font-size: 12rem; top: -28%; left: 40px;}
.abob_nr li:hover .abob_wb::before{ left: 20px;}
}
@media screen and (max-width:700px){
.about_bgb{ padding: 40px 0 30px 0;}
.abob_tit h2{ font-size: 1.5rem;}
.abob_tit::after{ width: 32px; height: 4px; margin: 10px auto 0 auto;}
.abob_nr{ padding-top: 15px;}
.abob_nr li{ width: calc(100%); margin-top: -30px;}
.abob_wb{ flex: 1; padding-left: 5px;}
.abob_nr li:nth-child(2n) .abob_wb{ padding-left: 0;}
.abob_wb::before{ font-size: 4rem;}
.abob_sjx{ width: 130px; height: 150px;}
.abob_sjx svg{ width: 130px; height: 150px;}
.abob_nr li:nth-child(2n) .abob_pic{ margin-right: 0;}
.abob_pic img{ height: 20px;}
.abob_jtsz p{ font-size: 1.25rem;}
.abob_yw{ display: none;}
.abob_nr li:hover .abob_jtsz span{ left: 20px; top: 4px;}
.abob_nr li:nth-child(2n):hover .abob_jtsz span{ top: 4px; right: 20px;}
.abob_jtsz span img{ height: 17px;}
.abob_bt h3{ font-size: 1.125rem; padding-bottom: 5px;}
.abob_bt p{ font-size: 0.875rem;}
}

.about_bgc{ background: url(../images/abo_bgc.jpg) no-repeat center fixed; width: 100%; padding: 200px 0 270px 0; position: relative;}
.about_bgc::before{ content: ""; width: 100%; height: 100%; background: url(../images/aboc_dd.png) repeat; position: absolute; left: 0; top: 0;}
.about_bgc::after{ content: 'Process'; text-transform: uppercase; width: 100%; text-align: center; position: absolute; bottom: -0.4em; line-height: 0.8em; color: rgba(255,255,255,0.1); font-size: 12.5rem; font-family: 'DinBlack';}
.about_bgc .kga{ position: relative; z-index: 9;}
.aboc_bt{ color: #fff; font-size: 2.25rem; font-weight: bold; line-height: 60px;}
.aboc_ms{ color: #fff; font-size: 1.125rem; line-height: 46px; margin-top: 60px;}
@media screen and (max-width:1270px){
.about_bgc{ background-attachment: inherit; background-size: cover; padding: 100px 0 150px 0;}
.aboc_bt{ font-size: 2rem; line-height: 50px;}
.aboc_ms{ margin-top: 40px; line-height: 36px;}
}
@media screen and (max-width:1020px){
.aboc_bt{ font-size: 1.875rem; line-height: 44px;}
.aboc_ms{ font-size: 1rem; line-height: 32px;}
.about_bgc::after{ font-size: 8rem;}
}
@media screen and (max-width:700px){
.about_bgc{ padding: 40px 0 50px 0;}
.about_bgc::after{ font-size: 4rem;}
.aboc_bt{ font-size: 1.25rem; line-height: 30px;}
.aboc_bt br{ display: none;}
.aboc_ms{ font-size: 0.9375rem; line-height: 24px; margin-top: 20px}
}

.about_bgd{ background: #fff; padding: 50px 0 80px 0; width: 100%; position: relative; z-index: 9;}
.abod_kg{ margin-top: 120px; position: relative;}
.abod_xt{ background: url(../images/abod_bg.png) no-repeat center bottom; background-size: 100% auto; position: relative;}
.abod_xt img{ max-width: 100%;}
.abod_xt::after{ content: ''; width: 0%; height: 100%; background: url(../images/abod_xth.png) no-repeat bottom left; background-size: auto 100%; position: absolute; left: 0; top: 0;}
.abod_xt.animated::after{ width: 100%; transition: 2s;}
.abod_nr{ position: absolute; left: 0%; top: -60px; width: 100%;}
.abod_nr ul{ display: flex; justify-content: space-between;}
.abod_nr li{ text-align: center;}
.abod_nr li:nth-child(1),.abod_nr li:nth-last-child(1){ margin-top: 17.3%;}
.abod_nr li:nth-child(2),.abod_nr li:nth-last-child(2){ margin-top: 16.3%;}
.abod_nr li:nth-child(3),.abod_nr li:nth-last-child(3){ margin-top: 8%;}
.abod_nr li:nth-child(3){ margin-left: 36px;}
.abod_nr li:nth-last-child(3){ margin-right: 36px;}
.abod_mc{ color: #696969; font-size: 1.625rem; padding-bottom: 15px;}
.abod_wz{ position: absolute; bottom: 50px; width: 100%; left: 0;}
.abod_wz ul{display: flex; justify-content: space-around;}
.abod_wz li{ text-align: center; color: #696969;}
.abod_wz li p{ font-size: 2.25rem; font-weight: bold;}
.abod_wz li span{ font-family: 'Dinr'; font-size: 1.125rem; text-transform: uppercase;}
@media screen and (max-width:1270px){
.abod_mc{ font-size: 1.25rem;}
.abod_wz li p{ font-size: 1.875rem;}
.abod_wz li span{ font-size: 1rem;}
}
@media screen and (max-width:1020px){
.abod_nr li:nth-child(1),.abod_nr li:nth-last-child(1){ margin-top: 19%;}
.abod_nr li:nth-child(2), .abod_nr li:nth-last-child(2){ margin-top: 18%;}
.abod_kg{ margin-top: 100px;}
.abod_mc{ font-size: 1.125rem;}
.abod_pic img{ height: 40px;}
.abod_wz{ bottom: 20px;}
.abod_wz li p{ font-size: 1.5rem;}
.abod_wz li span{ font-size: 0.875rem;}
}
@media screen and (max-width:700px){
.about_bgd{ padding: 40px 0 50px 0;}
.abod_kg{ margin-top: 50px;}
.abod_nr{ top: -35px;}
.abod_nr li:nth-child(1),.abod_nr li:nth-last-child(1){ margin-top: 18%;}
.abod_nr li:nth-child(2),.abod_nr li:nth-last-child(2){ margin-top: 16%;}
.abod_nr li:nth-child(3),.abod_nr li:nth-last-child(3){ margin-top: 8%;}
.abod_nr li:nth-child(3){ margin-left: 10px;}
.abod_nr li:nth-last-child(3){ margin-right: 10px;}
.abod_mc{ font-size: 0.875rem; padding-bottom: 5px;}
.abod_pic img{ height: 26px;}
.abod_wz{ bottom: 10px;}
.abod_wz li p{ font-size: 1rem;}
.abod_wz li span{ display: none;}
}
/*about*/

/*contact*/
.cont_tit{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; flex-wrap: wrap; align-content: center;}
.cont_tit h2{ flex: 0 1 100%; font-size: 3.75rem; color: #ff001f; font-weight: bold; padding-bottom: 10px;}
.cont_tit p{ flex: 0 1 100%; color: #fff; font-size: 3.75rem; font-weight: 200; padding-bottom: 10px;}
.cont_tit span{flex: 0 1 100%; color: #fff; font-size: 1.875rem; font-weight: 200;}
@media screen and (max-width:1440px){
.cont_tit h2{ font-size: 2.5rem;}
.cont_tit p{font-size: 2.5rem;}
.cont_tit span{font-size: 1.5rem;}
}
@media screen and (max-width:700px){
.cont_tit h2{ font-size: 1.375rem; padding-bottom: 0;}
.cont_tit p{font-size: 1.375rem;}
.cont_tit span{ display: none;}
}

.cont_bga{ padding: 90px 0; width: 100%; background: #fff;}
.conta_tit{ font-size: 3rem; color: #202020;}
.conta_nr{ padding-top: 75px;}
.conta_nr ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.conta_nr li{ flex: 0 1 30%;}
.conta_nr li:nth-child(n+4){ margin-top: 100px;}
.conta_nr li h3{ font-size: 1.5rem; color: #202020; line-height: 24px; padding-bottom: 20px; border-bottom: 1px solid #dedede; margin-bottom: 25px;}
.conta_nr li p{ line-height: 26px; margin-bottom: 15px; font-size: 1.125rem; color: #5b5b5b;}
.conta_nr li p a{ color: #5b5b5b; transition: 0.5s;}
.conta_nr li p:hover a,.conta_nr li:nth-child(3n-2) p:hover a{ color: #ab0000; transition: 0.5s;}
.conta_nr li p span{ font-family: '宋体'; padding-left: 10px;}
.conta_nr li:nth-child(3n-2) p a{ font-family: 'Dinr'; font-size: 1.875rem; color: #202020;}
.conta_nr li:nth-child(5) p a{ padding-right: 15px;}
.conta_nr li:nth-child(6) p:nth-last-child(1){ border: 1px solid #dedede; display: inline-block; padding: 6px; border-radius: 4px;}
@media screen and (max-width:1440px){
.conta_tit{ font-size: 2.5rem;}
}
@media screen and (max-width:1270px){
.cont_bga{ padding: 80px 0;}
.conta_tit{ font-size: 2.25rem;}
.conta_nr{ padding-top: 60px;}
.conta_nr li:nth-child(n+4){ margin-top: 60px;}
}
@media screen and (max-width:700px){
.cont_bga{ padding: 40px 0;}
.conta_tit{ font-size: 1.5rem;}
.conta_nr{ padding-top: 35px;}
.conta_nr li{ flex: 0 1 48%;}
.conta_nr li:nth-child(n+3){ margin-top: 20px;}
.conta_nr li h3{ font-size: 1rem; padding-bottom: 8px; margin-bottom: 10px;}
.conta_nr li p{ font-size: 0.875rem; line-height: 1.25em;}
.conta_nr li:nth-child(3n-2) p a{ font-size: 1.375rem;}
.conta_nr li:nth-last-child(1) p img{ height: 90px;}
}

.cont_bgb{ background: #eaeaea; padding: 85px 0 95px 0; width: 100%;}
.contb_kg{ display: flex; justify-content: space-between;}
.contb_l{ flex: 0 1 60%;}
.contb_bok{ margin-top: 65px;}
.contb_inp{ border-bottom: 1px solid #cfcfcf;}
.contb_inp input{ border: 0; padding: 0; height: 79px; outline: none; font-size: 1rem; color: #202020; width: 100%; background: none;}
.contb_ver{ border-bottom: 1px solid #cfcfcf; display: flex; justify-content: space-between; align-items: center;}
.contb_ver input{ border: 0; padding: 0; height: 79px; outline: none; font-size: 1rem; color: #202020; flex: 1; background: none;}
.contb_bnt{ margin-top: 68px;}
.contb_bnt input{ border: 0; padding: 0; height: 51px; outline: none; font-size: 1.25rem; color: #fff; background: #000; width: 173px; cursor: pointer; transition: 0.5s;}
.contb_bnt input:hover{ background: #b10000; transition: 0.5s;}
.contb_r{ position: relative; flex: 0 1 34%;}
.contbr_bg img{ display: block; width: 100%;}
.contbr_po{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.contbr_wb{ padding: 40px 40px 0 40px; color: #fff;}
.contbr_ta{ display: inline-block; padding: 0 26px; border: 1px solid #fff; line-height: 47px; height: 47px; font-size: 1.5rem;}
.contbr_tb{ padding-top: 40px; font-size: 3rem; line-height: 60px;}
.contbr_tc{ margin-top: 35px; font-size: 1.5rem; line-height: 30px;}
.contbr_ewm{ padding-top: 60px;}
.contbr_img{ background: #fff; display: inline-block;}
.contbr_ewm p{ padding-top: 22px;}
.contbr_ewm p img{ margin-bottom: -4px; margin-right: 10px;}
@media screen and (max-width:1440px){
.contbr_tb{ font-size: 2.5rem; line-height: 50px;}
}
@media screen and (max-width:1366px){
.contbr_ta{ line-height: 40px; height: 40px; padding: 0 20px; font-size: 1.25rem;}
.contbr_tb{ font-size: 2.25rem; line-height: 46px; padding-top: 25px;}
.contbr_tc{ margin-top: 25px; font-size: 1.375rem;}
.contbr_ewm{ padding-top: 50px;}
}
@media screen and (max-width:1270px){
.contb_bok{ margin-top: 30px;}
.contb_inp input{ height: 69px;}
.contbr_wb{ padding: 20px 20px 0 20px;}
.contbr_ta{ line-height: 32px; height: 32px; font-size: 1rem;}
.contbr_tb{ font-size: 1.75rem; line-height: 34px; padding-top: 20px;}
.contbr_tc{ font-size: 1.125rem; margin-top: 20px;}
.contbr_tc br{ display: none;}
.contbr_ewm{ padding-top: 35px;}
.contbr_ewm p{ padding-top: 15px;}
}
@media screen and (max-width:1020px){
.contb_bnt{ margin-top: 40px;}
.contbr_wb{ padding: 10px 10px 0 10px;}
.contbr_ta{ line-height: 28px; height: 28px; font-size: 0.9375rem;}
.contbr_tb{ font-size: 1.5rem; line-height: 1.25em; padding-top: 15px;}
.contbr_tc{ font-size: 1rem; margin-top: 15px; line-height: 1.25em;}
.contbr_ewm{ padding-top: 25px;}
.contbr_img img{ height: 80px;}
.contbr_ewm p{ padding-top: 10px;}
}
@media screen and (max-width:700px){
.cont_bgb{padding: 40px 0 50px 0;}
.contb_kg{ display: block;}
.contb_bok{ margin-top: 15px;}
.contb_inp input{ height: 49px; font-size: 0.9375rem;}
.contb_ver input{ font-size: 0.9375rem; height: 49px;}
.contb_bnt{ margin-top: 10px;}
.contb_bnt input{ font-size: 1rem; height: 46px; width: 100%;}
.contb_r{ margin-top: 35px;}
.contbr_wb{ padding: 30px 20px 0 20px;}
.contbr_ta{ padding: 0 26px; line-height: 38px; height: 38px; font-size: 1.25rem;}
.contbr_tb{ padding-top: 25px; font-size: 1.875rem;}
.contbr_tc{ margin-top: 25px; font-size: 1.375rem;}
.contbr_ewm{ padding-top: 40px;}
.contbr_img img{ height: 100px;}
.contbr_ewm p{ padding-top: 22px;}
}
/*contact*/

/*website*/
.website_tit{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; flex-wrap: wrap; align-content: center;}
.website_bt p{ color: #ffb400; font-size: 1.25rem; font-family: "Dinr"; text-transform: uppercase;}
.website_bt h2{ font-size: 3.5rem; color: #ffb400; font-weight: bold; line-height: 1.125em;}
.website_bt::after{ content: ''; display: block; background: #fff; margin: 25px 0; width: 23px; height: 2px;}
.website_js{color: #fff; font-size: 2.5rem; line-height: 50px; font-weight: 200;}
@media screen and (max-width:1440px){
.website_bt p{ font-size: 1rem;}
.website_bt h2{ font-size: 2.5rem;}
.website_js{font-size: 1.875rem; line-height: 1.25em;}
}
@media screen and (max-width:1270px){
.website_bt p{ font-size: 0.875rem;}
.website_bt h2{ font-size: 2.25rem;}
.website_bt::after{margin: 18px 0;}
.website_js{font-size: 1.625rem;}
}
@media screen and (max-width:1020px){
.website_bt h2{ font-size: 1.875rem;}
.website_bt::after{margin: 15px 0;}
.website_js{font-size: 1.25rem;}
}
@media screen and (max-width:700px){
.website_bt p{ font-size: 0.75rem;}
.website_bt h2{ font-size: 1.5rem; padding-bottom: 20px;}
.website_bt::after,.website_js{ display: none;}
}

.website_bga{ background: #f2f2f2; width: 100%; position: relative;}
.website_bga::before{ content: ''; width: 50%; height: 100%; background: #e0e0e0; position: absolute; left: 0; top: 0;}
.website_bga .kga{ position: relative; z-index: 9;}
.weba_nr ul{ display: flex;}
.weba_nr li{ flex: 1; text-align: center; padding: 100px 0;}
.weba_nr li:nth-child(2){ background: #ededed;}
.weba_kg{ position: relative; padding-bottom: 30px;}
.weba_kg::before{ position: absolute; left: 0; bottom: 0; width: 100%; height: 87%; content: '';}
.weba_nr li:nth-child(1) .weba_kg::before{ background: #2c3c4f;}
.weba_nr li:nth-child(2) .weba_kg::before{ background: #384c63;}
.weba_nr li:nth-child(3) .weba_kg::before{ background: #455c76;}
.weba_sz{ display: flex; justify-content: center; align-items: flex-end; position: relative; z-index: 9;}
.weba_sz span{ padding-left: 15px; color: #ffc000; font-size: 1.5rem; line-height: 1em;}
.weba_nr li:nth-child(3) .weba_sz span{ font-size: 3rem; font-family: 'Dinr'; line-height: 0.8em;}
.weba_mc{ position: relative; z-index: 9; color: #fff; line-height: 40px; padding-top: 30px; font-size: 1.25rem;}
@media screen and (max-width:1270px){
.weba_nr li{ padding: 70px 0;}
.weba_kg::before{ height: 85%;}
.weba_sz p img{ height: 70px;}
.weba_sz span{ font-size: 1.25rem;}
.weba_nr li:nth-child(3) .weba_sz span{ font-size: 2.5rem;}
.weba_mc{ font-size: 1.125rem; padding-top: 15px;}
}
@media screen and (max-width:1020px){
.weba_sz p img{ height: 50px;}
.weba_sz span{ font-size: 1.125rem;}
.weba_nr li:nth-child(3) .weba_sz span{ font-size: 2rem;}
.weba_mc{ font-size: 1rem; padding-top: 10px;}
}
@media screen and (max-width:700px){
.website_bga .kga{ width: 100%;}
.weba_nr ul{ flex-wrap: wrap;}
.weba_nr li{ padding: 30px 0 0 0;}
.weba_nr li:nth-child(1){ background: #e0e0e0;}
.weba_nr li:nth-child(3){ background: #f2f2f2; flex: 0 1 100%;}
.weba_kg{ padding-bottom: 15px;}
.weba_mc{ line-height: 1.25em; font-size: 0.9375rem; height: 2.5em;}
.weba_nr li:nth-child(3) .weba_sz p img{ height: 60px;}
}

.website_bgb{ background: #fff; padding: 80px 0 100px 0; width: 100%;}
.webb_title{ text-align: center;}
.webb_title h2{ font-size: 3rem; color: #b90000;}
.webb_title p{ font-size: 1.25rem; color: #4a4a4a; margin-top: 10px;}
.webb_nr{ padding-top: 70px;}
.webb_nr ul{ display: flex; justify-content: space-between;}
.webb_nr li{ flex: 0 1 24.143%; position: relative;}
.webb_nr li::after{ content: ''; width: 42px; height: 4px; border-radius: 2px; background: rgba(255,255,255,0.5); position: absolute; left: 50%; bottom: 9%; margin-left: -21px; transition: 0.5s;}
.webb_img{ overflow: hidden;}
.webb_img img{ display: block; width: 100%; transition: 0.5s;}
.webb_nr li:hover .webb_img img{ transform: scale(1.05);}
.webb_po{ position: absolute; width: 90%; height: 100%; left: 5%; top: 0; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; text-align: center; color: #fff;}
.webb_mc{ flex: 0 1 100%; font-size: 1.875rem;}
.webb_pic{ flex: 0 1 100%; padding: 70px 0 70px 0; position: relative;}
.webb_pic::after{ content: ''; width: 100px; height: 100px; border: 1px solid #fff; border-radius: 50%; position: absolute; left: 50%; top: 50%; margin: -51px 0 0 -51px; transform: scale(1.3); opacity: 0; transition: 0.5s;}
.webb_ms{ flex: 0 1 100%; font-size: 1.125rem; line-height: 30px;}
.webb_nr li:hover .webb_pic::after{ opacity: 1; transform: scale(1); transition: 0.5s;}
.webb_nr li:hover::after{ transform: scaleX(2); transition: 0.5s;}
.webb_more{ padding-top: 57px; text-align: center;}
.webb_more a{ display: inline-block; padding: 0 40px; height: 50px; line-height: 50px; color: #fff; font-size: 1.25rem; background: #bb0000; border-radius: 10px; transition: 0.5s;}
.webb_more a:hover{ box-shadow: 3px 3px 1px rgba(91,0,0,1); transition: 0.5s;}
@media screen and (max-width:1440px){
.webb_title h2{ font-size: 2.5rem;}
}
@media screen and (max-width:1366px){
.webb_mc{ font-size: 1.625rem;}
.webb_ms{ font-size: 1rem; line-height: 1.5em;}
}
@media screen and (max-width:1270px){
.website_bgb{padding: 70px 0 80px 0;}
.webb_title h2{ font-size: 2.25rem;}
.webb_title p{ font-size: 1.125rem; margin-top: 5px;}
.webb_mc{ font-size: 1.5rem;}
.webb_pic{ padding: 40px 0;}
.webb_pic img{ width: 50px;}
.webb_ms{font-size: 0.875rem; line-height: 20px; height: 60px;}
.webb_ms br{ display: none;}
.webb_more{ padding-top: 47px;}
}
@media screen and (max-width:1020px){
.webb_title h2{ font-size: 2rem;}
.webb_title p{ font-size: 1rem;}
.webb_nr{ padding-top: 40px;}
.webb_mc{ font-size: 1.25rem;}
.webb_ms{ display: none;}
.webb_more a{ font-size: 1.125rem; height: 46px; line-height: 46px;}
}
@media screen and (max-width:700px){
.website_bgb{ padding: 40px 0 50px 0;}
.webb_title h2{ font-size: 1.5rem;}
.webb_title p{ font-size: 0.9375rem; padding: 0 5%;}
.webb_nr{ padding-top: 20px;}
.webb_nr ul{ flex-wrap: wrap;}
.webb_nr li{ flex: 0 1 49.5%;}
.webb_nr li:nth-child(n+3){ margin-top: 1%;}
.webb_pic{ padding: 20px 0;}
.webb_pic img{ width: 40px;}
.webb_pic::after{width: 60px; height: 60px; margin: -31px 0 0 -31px;}
.webb_mc{ font-size: 1.125rem;}
.webb_ms{ display: block; height: 90px; line-height: 18px;}
.webb_nr li::after{width: 42px; height: 3px; bottom: 4%;}
.webb_more{ padding-top: 20px;}
.webb_more a{ padding: 0 20px; border-radius: 5px; font-size: 1rem; height: 40px; line-height: 40px;}
}

.website_bgc{ background: url(../images/website_bgc.jpg) no-repeat center fixed; width: 100%; padding: 80px 0 120px 0; position: relative; z-index: 9;}
.website_bgc::before{ content: ''; width: 20.78125%; background: url(../images/webc_tbg.png) no-repeat left top; background-size: 100% auto; height: 60%; position: absolute; left: 0; top: -119px;}
.website_bgc::after{ content: ''; width: 19.21875%; background: url(../images/webc_bbg.png) no-repeat right bottom; background-size: 100% auto; height: 60%; position: absolute; right: 0; bottom: -108px;}
.website_bgc .kga{ position: relative; z-index: 9;}
.webc_title{ position: absolute; left: 0; top: 40px; color: #fff;}
.webc_title h2{ font-size: 3rem;}
.webc_title p{ font-size: 1.875rem; line-height: 40px; padding-top: 15px;}
.webc_nr ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.webc_nr li{ flex: 0 1 32%; position: relative; cursor: pointer;}
.webc_nr li:nth-child(n+4){ margin-top: 2%;}
.webc_kg{ border: 1px solid rgba(255,255,255,0.3); border-radius: 10px; text-align: center; padding: 32px 0 45px; transition: 0.5s;}
.webc_nr li:hover .webc_kg{ background: #920000; border: 1px solid #920000; transition: 0.5s;}
.webc_pic{ position: relative;}
.webc_pic span{ position: absolute; left: 0; top: 0; width: 100%;}
.webc_nr li:hover .webc_pic p,.webc_nr li .webc_pic span{ transform: scale(0); transition: 0.5s;}
.webc_nr li .webc_pic p,.webc_nr li:hover .webc_pic span{ transform: scale(1); transition: 0.5s;}
.webc_mc{ color: #fff; font-size: 1.875rem; padding: 18px 0 10px 0;}
.webc_ms{ font-size: 1.125rem; line-height: 30px; color: #97999b; transition: 0.5s;}
.webc_nr li:hover .webc_ms{ color: #fff; transition: 0.5s;}
@media screen and (max-width:1440px){
.webc_title h2{font-size: 2.5rem;}
.webc_title p{ font-size: 1.625rem; line-height: 1.25em;}
}
@media screen and (max-width:1270px){
.website_bgc{ background-attachment: inherit; background-size: cover;}
.webc_title h2{font-size: 2.25rem;}
.webc_title p{ font-size: 1.5rem;}
.webc_kg{ padding: 25px 0 35px 0;}
.webc_mc{ font-size: 1.375rem; padding: 15px 0 8px 0;}
.webc_ms{ font-size: 1rem; line-height: 26px;}
}
@media screen and (max-width:1020px){
.website_bgc{ padding: 60px 0 90px 0;}
.webc_title h2{font-size: 1.875rem;}
.webc_title p{ font-size: 1.25rem;}
.webc_kg{ padding: 20px 0;}
.webc_pic img{ height: 50px;}
.webc_mc{ font-size: 1.125rem; padding: 10px 0 5px 0;}
.webc_ms{ font-size: 0.875rem; line-height: 20px;}
}
@media screen and (max-width:700px){
.website_bgc{ padding: 30px 0 50px 0;}
.website_bgc::before{top: -40px;}
.website_bgc::after{bottom: -40px;}
.webc_title{ position: relative; text-align: center; top: auto; left: auto;}
.webc_title h2{ font-size: 1.5rem;}
.webc_title p{ font-size: 1rem; padding: 5px;}
.webc_title p br{display: none;}
.webc_nr{ padding-top: 20px;}
.webc_nr li:nth-child(1),.webc_nr li:nth-child(6),.webc_nr li:nth-child(7){ display: none;}
.webc_kg{ padding: 15px 0; border-radius: 5px;}
.webc_pic img{ height: 40px;}
.webc_nr li:nth-child(n+4){ margin-top: 0%;}
.webc_nr li:nth-child(n+5){ margin-top: 2%;}
.webc_mc{ font-size: 1rem; padding: 5px 0;}
.webc_ms{font-size: 0.8125rem; line-height: 18px; height: 54px; margin: 0 5%;}
.webc_ms br{ display: none;}
}

.website_bgd{ background: #fff; padding: 60px 0 70px 0; width: 100%;}
.website_bgd .indb_more{ margin: 65px auto 0 auto;}

.website_bge{ background: url(../images/website_bge.jpg) no-repeat center top; background-size: cover; width: 100%; padding: 60px 0 110px 0;}
.website_bge .webb_title p{ font-size: 1.5rem; color: #000; margin-top: 5px;}
.webe_nr{ padding-top: 40px;}
.webe_nr ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.webe_nr li{ flex: 0 1 19%; text-align: center; margin-top: 50px; align-items: flex-start; cursor: pointer;}
.webe_nr li:nth-child(1){ margin-left: 5%;}
.webe_nr li:nth-last-child(1){ margin-right: 5%;}
.webe_nr li:nth-child(2),.webe_nr li:nth-child(4),.webe_nr li:nth-child(7),.webe_nr li:nth-child(9){ margin-top: 110px;}
.webe_pic{ position: relative;}
.webe_pic span{ position: absolute; left: 0; top: 0; width: 100%;}
.webe_nr li:hover .webe_pic p,.webe_nr li .webe_pic span{ opacity: 0; transition: 0.5s;}
.webe_nr li.webe_pic p,.webe_nr li:hover  .webe_pic span{ opacity: 1; transition: 0.5s;}
.webe_mc{transform: skew(0deg, -20deg); font-size: 1.375rem; font-weight: bold; margin-top: -20px; color: #000; transition: 0.5s;}
.webe_nr li:hover .webe_mc{ color: #9e0000; transition: 0.5s;}
@media screen and (max-width:1270px){
.webe_mc{ font-size: 1.125rem; margin-top: -30px;}
}
@media screen and (max-width:1020px){
.website_bgd .indb_more{ margin: 40px auto 0 auto;}
.webe_mc{ font-size: 1rem; margin-top: -40px;}
.webe_nr li{margin-top: 30px;}
.webe_nr li:nth-child(2),.webe_nr li:nth-child(4),.webe_nr li:nth-child(7),.webe_nr li:nth-child(9){ margin-top: 80px;}
}
@media screen and (max-width:700px){
.website_bgd{padding: 40px 0 60px 0;}
.website_bgd .indd_nr li:nth-last-child(1){ display: block;}
.website_bgd .indb_more{ margin: 25px auto 0 auto;}
.website_bge{ padding: 40px 0 50px 0;}
.webe_nr{ padding-top: 0px;}
.webe_nr li{ flex: 0 1 32%; margin-top: 40px !important;}
.webe_nr li:nth-child(1){ margin-left: 0%;}
.webe_nr li:nth-last-child(1){ margin-right: 0%;}
.webe_pic img{ display: block; width: 100%;}
.webe_mc{ font-size: 0.9375rem;}
}

.website_bgf{ background: url(../images/website_bgf.jpg) no-repeat center; background-size: cover; width: 100%; padding: 235px 0 305px 0;}
.webf_wb{ text-align: center;}
.webf_wb h3{ font-size: 3.75rem; color: #fff;}
.webf_wb .indb_more{ margin: 35px auto 0 auto; width: 210px;}
.webf_wb .indb_more i{ background: #ce0000;}
.webf_wb .indb_more a{ color: #fff;}
.webf_wb .indb_more a span{ font-family: 'Dinr'; color: #fff; padding-left: 15px;}
@media screen and (max-width:1440px){
.website_bgf{ padding: 180px 0 235px 0;}
.webf_wb h3{ font-size: 2.5rem;}
}
@media screen and (max-width:1270px){
.website_bgf{ padding: 100px 0 135px 0;}
.webf_wb h3{ font-size: 2rem;}
}
@media screen and (max-width:700px){
.website_bgf{ padding: 50px 0 60px 0;}
.webf_wb h3{ font-size: 1.5rem;}
.webf_wb .indb_more{ margin: 15px auto 0 auto;}
}

.website_bgg{ padding: 60px 0 135px 0; width: 100%;}
.webg_nr .indbb_bt h2{ font-size: 2.25rem;}
@media screen and (max-width:1270px){
.website_bgg{ padding: 60px 0 85px 0;}
}
@media screen and (max-width:1020px){
.webg_nr .indbb_bt h2{ font-size: 2rem;}
}
@media screen and (max-width:700px){
.website_bgg{ padding: 30px 0 50px 0;}
.webg_nr .indbb_bt h2{ font-size: 1.5rem;}
}
/*website*/

/*seo*/
.seo_tit{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; flex-wrap: wrap; align-content: center; text-align: center;}
.seo_ia{ flex: 0 1 100%;}
.seo_ia img{ max-width: 41%;}
.seo_ib{ flex: 0 1 100%; margin-top: -25px;}
.seo_ib img{ max-width: 36%;}
.seo_ic{ flex: 0 1 100%; margin-top: -25px;}
.seo_ic img{ max-width: 16%;}
.seo_mc{ flex: 0 1 100%; color: #fff; font-size: 2.25rem; line-height: 40px; margin-top: 20px; font-weight: 200;letter-spacing: 14px;}
@media screen and (max-width:1440px){
.seo_mc{ font-size: 2rem;}
}
@media screen and (max-width:1270px){
.seo_mc{font-size: 1.875rem; margin-top: 10px;}
}
@media screen and (max-width:1020px){
.seo_mc{ font-size: 1.5rem; line-height: 26px; letter-spacing: 6px;}
}
@media screen and (max-width:700px){
.seo_ia,.seo_ib,.seo_ic{ display: none;}
.seo_mc{ font-size: 1.25rem; line-height: 24px; letter-spacing: 0px; margin-top: 0; margin-bottom: 8px;}
}

.seo_bga{ background: #eaf0f4; padding: 75px 0 95px 0; width: 100%;}
.seoa_tit{ text-align: center;}
.seoa_tit h2{ font-size: 3rem; color: #000;}
.seoa_tit p{ font-size: 1.5rem; color: #616161; padding-top: 5px;}
.seoa_nr{ padding-top: 55px;}
.seoa_nr ul{ display: flex; background: #fff; padding-top: 34px;}
.seoa_nr li{ flex: 1; text-align: center; position: relative;}
.seoa_nr li::before{ content: ''; width: 1px; height: calc(100% - 34px); background: #e0e0e0; position: absolute; left: 0; top: 0;}
.seoa_nr li:nth-child(1)::before{ background: none;}
.seoa_pic{transition: 0.5s;}
.seoa_nr li:hover .seoa_pic{ transform: scaleX(-1); transition: 0.5s;}
.seoa_mc{ font-size: 1.875rem; color: #000; margin: 10px 0;}
.seoa_ms{ font-size: 1.125rem; line-height: 24px; height: 48px; color: #6d6d6d;}
.seoa_sz{ width: 83px; height: 83px; line-height: 83px; font-family: "Dinr"; font-size: 1.875rem; color: #fff; background: #9c0000; border-radius: 50%; text-align: center; margin: 0 auto; position: relative; bottom: -41px;}
.seo_bga .indb_more{ margin: 110px auto 0 auto;}
.seo_bga .indb_more i{ background: #fff;}
.seo_bga .indb_more a span{ font-family: 'Dinr'; color: #9c0000; padding-left: 15px;}
@media screen and (max-width:1440px){
.seoa_tit h2{ font-size: 2.5rem;}
}
@media screen and (max-width:1270px){
.seoa_tit h2{ font-size: 2.25rem;}
.seoa_mc{ font-size: 1.5rem;}
.seoa_ms{ font-size: 1rem;}
}
@media screen and (max-width:1020px){
.seo_bga{padding: 55px 0 70px 0;}
.seoa_tit h2{ font-size: 2rem;}
.seoa_tit p{ font-size: 1.375rem;}
.seoa_mc{ font-size: 1.125rem;}
.seoa_nr{ padding-top: 30px;}
.seoa_pic img{ height: 46px;}
.seoa_mc{ margin: 5px 0;}
.seoa_ms{ font-size: 0.875rem; line-height: 22px;}
.seoa_sz{ width: 53px; height: 53px; font-size: 1.5rem; line-height: 53px; bottom: -26px;}
.seo_bga .indb_more{ margin: 70px auto 0 auto;}
}
@media screen and (max-width:700px){
.seo_bga{ padding: 40px 0 50px 0;}
.seoa_tit h2{ font-size: 1.5rem;}
.seoa_tit p{ font-size: 1.125rem; padding-top: 0;}
.seoa_nr{ padding-top: 20px;}
.seoa_nr ul{ padding-top: 20px;}
.seoa_pic img{ height: 40px;}
.seoa_mc{ font-size: 1rem;}
.seoa_ms{ font-size: 0.75rem; line-height: 16px; height: 64px;}
.seoa_ms br{ display: none;}
.seoa_sz{ width: 33px; height: 33px; font-size: 1.125rem; line-height: 33px; bottom: -16px;}
.seo_bga .indb_more{ margin: 45px auto 0 auto;}
}

.seo_bgb{ background: url(../images/seo_bgb.jpg) no-repeat left #fff; background-size: auto 100%; width: 100%; padding: 95px 0 105px 0;}
.seob_kg{ display: flex; justify-content: space-between;}
.seob_l{ color: #fff;}
.seob_tit h2{ font-size: 3rem;}
.seob_tit p{ font-size: 1.5rem; margin-top: 3px;}
.seob_ms{ font-size: 1.125rem; line-height: 36px; margin-top: 36px;}
.seo_bgb .indb_more{ margin-top: 140px;}
.seo_bgb .indb_more i{ background: #b00202;}
.seo_bgb .indb_more a{ color: #fff;}
.seo_bgb .indb_more a span{ font-family: 'Dinr'; color: #fff; padding-left: 15px;}
.seob_r{ flex:1; margin-left: 60px;}
.seob_r ul{ display: flex; flex-wrap: wrap; background: #fff;}
.seob_r li{ flex: 0 1 33.333%; position: relative; transition: 0.5s;}
.seob_r li:nth-child(2n){ background: #eaf0f4;}
.seob_r li:hover{ z-index: 9; box-shadow: 0px 0px 30px rgba(0,0,0,0.3); transition: 0.5s;}
.seob_kj{ border: 1px solid #e9e9e9; display: flex; justify-content: center; padding: 90px 0 80px 0;}
.seob_r li:nth-child(2n) .seob_kj{ border: 1px solid #eaf0f4;}
.seob_pic{ margin-right: 20px;}
.seob_mc{ font-size: 1.875rem; font-weight: bold; color: #000;}
.seob_js{ margin-top: 15px; color: #797979; font-size: 1.125rem; line-height: 24px;}
@media screen and (max-width:1440px){
.seob_tit h2{ font-size: 2.5rem;}
}
@media screen and (max-width:1270px){
.seo_bgb{ padding: 70px 0 85px 0;}
.seob_tit h2{ font-size: 2.25rem;}
.seob_ms{ font-size: 1rem; line-height: 30px; margin-top: 30px;}
.seo_bgb .indb_more{ margin-top: 60px;}
.seob_r{ margin-left: 30px;}
.seob_kj{ padding: 30px 6% 40px 6%; display: block;}
.seob_pic{ margin-right: 0;}
.seob_pic img{ height: 40px;}
.seob_mc{ font-size: 1.5rem;}
.seob_js{ font-size: 1rem; line-height: 22px;}
}
@media screen and (max-width:1020px){
.seob_tit h2{ font-size: 2rem;}
.seob_tit p{ font-size: 1.375rem;}
.seob_kg{ display: block;}
.seo_bgb .indb_more{ margin-top: 40px;}
.seob_r{ margin-left: 0px; margin-top: 60px;}
}
@media screen and (max-width:700px){
.seo_bgb{ padding: 40px 0 50px 0;}
.seob_tit{ text-align: center;}
.seob_tit h2{ font-size: 1.5rem;}
.seob_tit p{ font-size: 1.125rem;}
.seob_ms{line-height: 24px; margin-top: 20px; font-size: 0.9375rem;}
.seob_ms br{ display: none;}
.seo_bgb .indb_more{ margin-top: 25px;}
.seob_r{ margin-top: 40px;}
.seob_kj{ padding: 25px 5% 30px 5%;}
.seob_pic img{ height: 32px;}
.seob_mc{ font-size: 1.125rem; margin-top: 5px;}
.seob_js{ font-size: 0.9375rem; margin-top: 8px;}
}

.seo_bgc{ background: #eaf0f4; padding: 80px 0 135px 0; width: 100%;}
.seo_bgc .seoa_tit h2{ color: #a10000;}
.seoc_kg{ padding-top: 75px;}
.seoc_l{ width: 50%;}
.seoc_l ul{ display: flex; justify-content: space-between;}
.seoc_l li{ overflow: hidden; flex: 0 1 48.43%;}
.seoc_l li img{ display: block; width: 100%; transition: 0.5s;}
.seoc_l li:hover img{ transform: scale(1.05);}
.seoc_r{ width: 46%; padding-top: 50px;}
.seoc_r dl dt{ font-size: 1.875rem; font-weight: bold; color: #000;}
.seoc_r dl dd{ font-size: 1.125rem; line-height: 30px; margin-top: 10px;}
.seoc_r dl:nth-child(n+2){ margin-top: 55px;}
@media screen and (max-width:1270px){
.seo_bgc{ padding: 70px 0 90px 0;}
.seoc_kg{ padding-top: 50px;}
.seoc_r{ padding-top: 20px;}
.seoc_r dl dt{ font-size: 1.5rem;}
.seoc_r dl dd{ font-size: 1rem; line-height: 24px;}
.seoc_r dl:nth-child(n+2){ margin-top: 40px;}
}
@media screen and (max-width:1020px){
.seo_bgc{padding: 60px 0 80px 0;}
.seoc_r{ padding-top: 0px;}
.seoc_r dl dt{ font-size: 1.125rem;}
.seoc_r dl dd{ font-size: 0.875rem; line-height: 22px; margin-top: 5px;}
.seoc_r dl:nth-child(n+2){ margin-top: 30px;}
}
@media screen and (max-width:700px){
.seo_bgc{ padding: 40px 0 50px 0;}
.seoc_kg{ padding-top: 25px;}
.seoc_l,.seoc_r{ width: 100%; float: none;}
.seoc_l li{ flex: 0 1 49%;}
.seoc_r{ padding-top: 15px;}
.seoc_r dl:nth-child(n+2){ margin-top: 20px;}
.seoc_r dl dd{ font-size: 0.9375rem;}
}

.seo_bgd{ background: #fff; width: 100%; border-bottom: 10px solid #9c0000;}
@keyframes round-left{from{transform:perspective(1000px) rotate(0deg);}50%{transform:perspective(1000px) rotate(-180deg);}to{transform:perspective(1000px) rotate(-360deg);}}
@keyframes round-scale{from{transform:scale(0.7); opacity: 0;}60%{transform:scale(0.9); opacity: 1;}to{transform:scale(1); opacity: 0;}}
.seod_kg{ position: relative;}
.seod_xt{ position: relative; z-index: 1;}
.seod_xt img{ display: block; width: 100%;}
.seod_qq i{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.seod_qq i:nth-child(1){background: url(../images/seod_q1.png) no-repeat center; -webkit-animation:round-left 6s linear infinite normal; -moz-animation:round-left 6s linear infinite normal; -ms-animation:round-left 6s linear infinite normal; animation:round-left 6s linear infinite normal;}
.seod_qq i:nth-child(2){background: url(../images/seod_q2.png) no-repeat center; -webkit-animation:round-scale 2s linear infinite normal; -moz-animation:round-scale 2s linear infinite normal; -ms-animation:round-scale 2s linear infinite normal; animation:round-scale 2s linear infinite normal;}
.seod_qq i:nth-child(3){background: url(../images/seod_q3.png) no-repeat center; -webkit-animation:round-scale 2s linear infinite normal; -moz-animation:round-scale 2s linear infinite normal; -ms-animation:round-scale 2s linear infinite normal; animation:round-scale 2s linear infinite normal;}
.seod_po{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9;}
.seod_tit{ padding-top: 65px; text-align: center;}
.seod_tit p{ font-size: 1.875rem; color: #5f5f5f;}
.seod_tit h2{ font-size: 3rem; color: #000; line-height: 1em;}
.seod_nr{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.seod_nr ul{ display: flex; justify-content: center;}
.seod_nr li{ width: 128px; height: 128px; border: 3px solid #b10000; border-radius: 50%; background: #fff; text-align: center; display: flex; align-items: center; justify-content: center; margin: 0 3px; font-size: 1.125rem; line-height: 24px;}
.seod_ls li{ font-size: 1.375rem; color: #3b3b3b; height: 24px; line-height: 24px; position: absolute;}
.seod_ls li::after{ width: 18px; height: 18px; content: ''; border: 3px solid #b10000; border-radius: 50%; position: absolute; background: #fff;}
.seod_ls li:nth-child(1){ left: 50%; top: 21%; padding-left: 28px; margin-left: -12px;}
.seod_ls li:nth-child(1)::after{ left: 0; top: 0;}
.seod_ls li:nth-child(2){ left: 0%; top: 40%; padding-left: 28px; margin-left: -8px;}
.seod_ls li:nth-child(2)::after{ left: 0; top: 0;}
.seod_ls li:nth-child(3){ right: 0%; bottom: 40%; padding-right: 28px; margin-right: -8px;}
.seod_ls li:nth-child(3)::after{ right: 0; top: 0;}
.seod_ls li:nth-child(4){ right: 50%; bottom: 21%; padding-right: 28px; margin-right: -12px;}
.seod_ls li:nth-child(4)::after{ right: 0; top: 0;}
@media screen and (max-width:1440px){
.seod_tit p{ font-size: 1.5rem;}
.seod_tit h2{ font-size: 2.5rem;}
}
@media screen and (max-width:1270px){
.seod_tit{ padding-top: 40px;}
.seod_tit h2{ font-size: 2.25rem;}
.seod_nr li{ width: 108px; height: 108px; border: 2px solid #b10000; font-size: 1rem; line-height: 22px;}
.seod_ls li{ font-size: 1.125rem;}
.seod_ls li:nth-child(2){ top: 38.5%;}
.seod_ls li:nth-child(3){ bottom: 38.5%;}
}
@media screen and (max-width:1020px){
.seo_bgd{border-bottom: 6px solid #9c0000;}
.seod_tit{ padding-top: 25px;}
.seod_tit p{ font-size: 1.375rem;}
.seod_tit h2{ font-size: 2rem;}
.seod_ls li{ font-size: 1rem;}
.seod_nr li{ font-size: 0.875rem; width: 94px; height: 94px;}
}
@media screen and (max-width:700px){
.seod_tit{ padding-top: 20px;}
.seod_tit p{ font-size: 1.125rem;}
.seod_tit h2{ font-size: 1.5rem;}
.seod_qq i:nth-child(1){background: url(../images/seod_q1.png) no-repeat center; background-size: 50%;}
.seod_qq i:nth-child(2){background: url(../images/seod_q2.png) no-repeat center; background-size: 100%;}
.seod_qq i:nth-child(3){background: url(../images/seod_q3.png) no-repeat center; background-size: 100%;}
.seod_nr li{ line-height: 18px; font-size: 0.75rem; width: 64px; height: 64px;}
.seod_nr li:nth-child(1) br{ display: none;}
.seod_ls li{ font-size: 0.875rem;}
.seod_ls li:nth-child(1){ padding-left: 20px; margin-left: -8px; top: 20%;}
.seod_ls li::after{ width: 12px; height: 12px; border: 2px solid #9c0000;}
.seod_ls li:nth-child(2){ padding-left: 20px; top:36.5%}
.seod_ls li:nth-child(3){bottom: 36.5%;}
.seod_ls li:nth-child(4){ right: 51%;}
}

.seo_bgf{ background: url(../images/seo_bgf.jpg) no-repeat center top; background-size: cover; width: 100%; padding: 35px 0 69px 0;}
.seof_kg{ margin: 0 auto; width: 100%; max-width: 1600px;}
.seof_tit{ text-align: center;}
.seof_tit h2{ font-size: 3.5rem; font-weight: bold; line-height: 1em; color: #fff;}
.seof_tit::after{ content: ''; display: block; width: 67px; height: 4px; background: #fff; margin: 25px auto 0 auto;}
.seof_js{ color: #fff; padding-top: 90px; text-align: center;}
.seof_js h3{ font-size: 3rem;}
.seof_js p{ font-size: 1.125rem; padding-top: 8px;}
.soef_nr{ margin-top: 75px; background: url(../images/seof_bg.jpg) no-repeat center; background-size: cover; padding: 60px 0 50px 0;}
.soef_nr ul{ display: flex; justify-content: space-between;}
.seof_mc{ color: #fff; font-size: 1.875rem; height: 68px; line-height: 68px;}
.seof_ms{ font-size: 1.125rem; line-height: 30px; color: #fff; margin-top: 5px;}
.seof_kg .indb_more{ margin: 50px auto 0 auto;}
.seof_kg .indb_more i{ background: #b10000;}
.seof_kg .indb_more a{ color: #fff;}
.seof_kg .indb_more a span{ font-family: 'Dinr'; color: #fff;}
@media screen and (max-width:1440px){
.seof_tit h2{ font-size: 3rem;}
.seof_js h3{ font-size: 2.5rem;}
}
@media screen and (max-width:1270px){
.seof_tit h2{ font-size: 2.5rem;}
.seof_js{padding-top: 50px;}
.seof_js h3{ font-size: 2.25rem;}
.seof_pic img{ height: 50px;}
.seof_mc{ font-size: 1.375rem; line-height: 48px; height: 48px;}
.seof_ms{ font-size: 1rem; line-height: 26px;}
}
@media screen and (max-width:1020px){
.seof_tit h2{ font-size: 2.25rem;}
.seof_js{padding-top: 30px;}
.seof_js h3{ font-size: 2rem;}
.soef_nr{ margin-top: 35px;}
.seof_ms{ display: none;}
}
@media screen and (max-width:700px){
.seo_bgf{padding: 30px 0 40px 0;}
.seof_tit h2{ font-size: 1.5rem;}
.seof_tit::after{ margin: 15px auto 0 auto; width: 42px; height: 3px;}
.seof_js{ padding-top: 20px;}
.seof_js h3{ font-size: 1.25rem;}
.seof_js p{ font-size: 0.9375rem; padding: 8px 5% 0 5%;}
.soef_nr{ margin-top: 25px; padding: 20px 0 25px 0;}
.seof_kg .indb_more{ margin: 25px auto 0 auto;}
.soef_nr ul{ flex-wrap: wrap;}
.seof_pic{ text-align: center;}
.seof_pic img{ height: 26px;}
.seof_mc{ font-size: 0.9375rem; line-height: 28px; height: 28px; margin-top: 3px;}
}
/*seo*/

/*ali*/
.ali_tit{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; flex-wrap: wrap; align-content: center;}
.ali_tit p{ color: #fff; font-size: 6.25rem; font-weight: bold; line-height: 1em;}
.ali_tit span{ display: block; font-size: 4.5rem; font-weight: 300; color: #fff;}
.ali_tit h2{ font-size: 2.25rem; color: #ff9600; margin-top: 6px;}
@media screen and (max-width:1440px){
.ali_tit p{font-size: 4rem;}
.ali_tit span{ font-size: 3rem;}
.ali_tit h2{ font-size: 2rem;}
}
@media screen and (max-width:1270px){
.ali_tit p{font-size: 3rem;}
.ali_tit span{ font-size: 2.5rem;}
.ali_tit h2{ font-size: 1.625rem;}
}
@media screen and (max-width:1020px){
.ali_tit p{font-size: 2.5rem;}
.ali_tit span{ font-size: 2.25rem;}
.ali_tit h2{ font-size: 1.625rem;}
}
@media screen and (max-width:700px){
.ali_tit p{font-size: 1.375rem;}
.ali_tit span{ font-size: 1.125rem;}
.ali_tit h2{ font-size: 1rem; margin-top: 3px; padding-bottom: 18px;}
}

.ali_bga{ background: #fff; padding: 80px 0 144px 0; width: 100%; position: relative;}
.alia_tit{ text-align: center; color: #000;}
.alia_tit p{ font-size: 1.875rem; font-weight: bold; line-height: 1em;}
.alia_tit h2{ font-size: 3rem; line-height: 1.25em;}
.alia_nr{ padding-top: 45px;}
.alia_nr ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.alia_nr li{ flex: 0 1 24.3%; background: #e2eaf0; border-radius: 10px; overflow: hidden;}
.alia_nr li:nth-child(n+5){ margin-top: 0.9333%;}
.alia_kg{ position: relative; padding: 85px 4% 55px 10%;}
.alia_size{color: rgba(207,220,230,0.5); font-size: 7.5rem; text-shadow: 1px 1px 1px rgba(255,255,255,0.2); font-weight: bold; position: absolute; left: -4%; top: 6%;}
.alia_pic{ text-align: right; z-index: 9; position: relative;}
.alia_mc{ font-size: 1.25rem; color: #434343; line-height: 30px; margin-top: -3px; position: relative; z-index: 9;}
.alia_mc::before{ content: ''; width: 32px; height: 3px; background: #9c0000; display: block; margin-bottom: 38px;}
.alia_img{ width: 100%;  position: absolute; left: 0%; bottom: -155px; width: 100%;}
.alia_img p{ max-width: 984px; margin: 0 auto;}
.alia_img img{ display: block; width: 100%;}
@media screen and (max-width:1440px){
.alia_tit p{ font-size: 1.5rem;}
.alia_tit h2{ font-size: 2.5rem;}
.alia_img{bottom: -185px;}
.alia_size{ font-size: 6rem;}
}
@media screen and (max-width:1270px){
.ali_bga{padding: 70px 0 90px 0;}
.alia_tit p{ font-size: 1.5rem;}
.alia_tit h2{ font-size: 2.25rem;}
.alia_kg{ padding: 40px 4% 30px 6%;}
.alia_nr{ padding-top: 30px;}
.alia_size{ font-size: 5rem;}
.alia_mc::before{ margin-bottom: 25px;}
.alia_mc{ font-size: 1.125rem; line-height: 28px;}
.alia_img p{ max-width: 74%;}
}
@media screen and (max-width:1020px){
.ali_bga{padding: 60px 0 80px 0;}
.alia_tit p{ font-size: 1.375rem;}
.alia_tit h2{ font-size: 2rem;}
.alia_kg{ padding: 30px 5% 20px 5%;}
.alia_size{ font-size: 3.5rem;}
.alia_pic img{ height: 42px;}
.alia_mc{ font-size: 1rem; line-height: 24px;}
.alia_mc::before{ margin-bottom: 15px;}
.alia_img{bottom: -145px;}
}
@media screen and (max-width:700px){
.ali_bga{padding: 40px 0 50px 0;}
.alia_tit p{ font-size: 1.125rem;}
.alia_tit h2{ font-size: 1.5rem;}
.alia_nr{ padding-top: 25px;}
.alia_nr li{ flex: 0 1 49.5%;}
.alia_nr li:nth-child(n+3){ margin-top: 1%;}
.alia_size{ font-size: 3rem;}
.alia_mc{ font-size: 0.9375rem; line-height: 22px;}
.alia_img{bottom: -95px;}
.alia_img p{ max-width: 100%;}
}

.ali_bgb{ background: url(../images/ali_bgb.jpg) no-repeat center; background-size: cover; width: 100%; padding: 110px 0 60px 0;}
.alib_tit{ text-align: center; color: #2c2c2c;}
.alib_tit h2{font-size: 3rem;}
.alib_tit p{ font-size: 1.5rem;}
.alib_tit::after{ content: ''; display: block; width: 40px; height: 4px; background: #c20000; margin: 20px auto 0 auto;}
.alib_kg{ position: relative; margin-top: 50px; padding: 120px 0 57px 0;}
.alib_bt{ position: relative; text-align: center;}
.alib_la{ position: relative; z-index: 1;}
.alib_la img{ width: 40.714%;}
.alib_lb{ position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
.alib_lb img{ width: 27.357%;}
.alib_bnr{position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 100%; background: url(../images/alib_btbg.png) no-repeat center; background-size: 18.642% auto; display: flex; justify-content: center; align-content: center; flex-wrap: wrap;}
.alib_bnr p{font-family: 'PTN'; font-size: 8.125rem; color: #fff; line-height: 0.8em; flex: 0 1 100%;}
.alib_bnr h3{ font-size: 1.875rem; color: #fff; margin-top: 10px;}
.alib_nr li{ position: absolute; text-align: center; color: #2c2c2c;}
.alib_nr li:nth-child(1){ width: 100%; left: 0; top: 0;}
.alib_nr li:nth-child(2){ left: 12%; top: 36%;}
.alib_nr li:nth-child(3){ right: 12%; top: 36%;}
.alib_nr li:nth-child(4){ left: 17%; bottom: 0;}
.alib_nr li:nth-child(5){ right: 17%; bottom: 0;}
.alib_mc{ color: #000; font-size: 1.875rem; font-weight: bold;}
.alib_ms{ font-size: 1.5rem; line-height: 30px;}
.ali_bgb .indb_more{ margin: 0 auto;}
.ali_bgb .indb_more i{ background: #ffb956;}
.ali_bgb .indb_more a{ color: #000;}
.ali_bgb .indb_more a span{ font-family: 'Dinr'; padding-left: 20px;}
@media screen and (max-width:1440px){
.alib_tit h2{font-size: 2.5rem;}
}
@media screen and (max-width:1270px){
.alib_tit h2{font-size: 2.25rem;}
.alib_nr li:nth-child(2){ left: 7%;}
.alib_nr li:nth-child(3){ right: 7%;}
.alib_nr li:nth-child(4){ left: 15%;}
.alib_nr li:nth-child(5){ right: 15%;}
.alib_bnr h3{ font-size: 1.5rem;}
.alib_mc{ font-size: 1.625rem;}
.alib_ms{ font-size: 1.375rem;}
}
@media screen and (max-width:1020px){
.alib_tit h2{font-size: 2rem;}
.alib_tit p{ font-size: 1.375rem;}
.alib_nr li:nth-child(2){ left: 2%;}
.alib_nr li:nth-child(3){ right: 2%;}
.alib_nr li:nth-child(4){ left: 10%;}
.alib_nr li:nth-child(5){ right: 10%;}
.alib_bnr p{ font-size: 6rem;}
.alib_bnr h3{ font-size: 1.125rem;}
.alib_mc{ font-size: 1.5rem;}
.alib_ms{ font-size: 1.25rem;}
}
@media screen and (max-width:700px){
.ali_bgb{ padding: 60px 0 50px 0;}
.alib_tit h2{font-size: 1.5rem;}
.alib_tit p{ font-size: 1.125rem;}
.alib_tit::after{ width: 32px; height: 2px; margin: 13px auto 0 auto;}
.alib_bnr p{ font-size: 2.5rem;}
.alib_bnr h3{ font-size: 0.75rem; margin-top: 5px;}
.alib_mc{ font-size: 1rem;}
.alib_ms{ font-size: 0.875rem; line-height: 1.25em;}
.alib_kg{ margin-top: 20px; padding: 70px 0 35px 0; margin-bottom: 25px;}
.alib_nr li:nth-child(2){ left: 0%;}
.alib_nr li:nth-child(3){ right: 0%;}
.alib_nr li:nth-child(4){ left: 4%;}
.alib_nr li:nth-child(5){ right: 4%;}
}

.ali_bgc{ background: #fff; padding: 60px 0 135px 0; width: 100%;}
.alic_tit{ text-align: center;}
.alic_tit h2{ font-size: 3rem; color: #000;}
.alic_tit p{ color: #6c6c6c; font-size: 1.5rem;}
.alic_gd{ margin-top: 45px; position: relative; display: flex;}
.alic_fl{ flex: 0 1 30.715%; display: flex; background: #ffad39;}
.alic_fl ul{display: flex; flex-wrap: wrap; align-content: space-between;}
.alic_fl li{ flex: 0 1 100%; height: 16.666%; display: flex; box-sizing: border-box; border-bottom: 1px solid #ffc471; position: relative; cursor: pointer;}
.alic_fl li a{ display: flex; align-items: center; padding-left: 10%; color: #fff; position: relative; z-index: 9;}
.alic_fl li::after{ content: ''; width: 0%; height: 100%; position: absolute; left: 0; top: 0; background: #e7931c; transition: 0.5s;}
.alic_fl li:hover::after,.alic_fl li.on::after{ width: 100%; transition: 0.5s;}
.alic_wb{ padding-left: 35px;}
.alic_wb h3{ font-size: 1.875rem;}
.alic_wb p{ font-size: 0.875rem; font-family: 'Dinr'; margin-top: 3px;}
.alic_nr{ flex: 0 1 69.285%;}
.alic_nr li{ position: relative;}
.alic_img img{ display: block; width: 100%;}
.alic_po{ position: absolute; left: 50px; top: 18%;}
.alc_bt h3{ font-size: 2.875rem; color: #c00000; font-weight: bold;}
.alc_bt p{ font-size: 1.875rem; font-family: 'Dinr'; color: #000;}
.alic_po .indb_more{ margin-top: 110px;}
.alic_po .indb_more i{ background: #ffb956;}
.alic_po .indb_more a{ color: #000;}
.alic_ms{ padding-top: 45px; color: #5e5e5e; line-height: 30px; font-size: 1.375rem;}
.alic_po .indb_more a span{ font-family: 'Dinr'; padding-left: 20px;}
@media screen and (max-width:1440px){
.alic_tit h2{ font-size: 2.5rem;}
.alic_po{ top: 10%;}
.alc_bt h3{ font-size: 2.5rem;}
.alc_bt p{ font-size: 1.5rem;}
.alic_ms{ font-size: 1.25rem;}
.alic_po .indb_more{ margin-top: 80px;}
}
@media screen and (max-width:1270px){
.ali_bgc{padding: 60px 0 100px 0;}
.alic_tit h2{ font-size: 2.25rem;}
.alic_gd{ margin-top: 35px;}
.alic_wb{ padding-left: 20px;}
.alic_wb h3{ font-size: 1.375rem;}
.alic_wb p{ font-size: 0.8125rem;}
.alic_po{ top: 8%; left: 30px;}
.alc_bt h3{ font-size: 2.25rem;}
.alc_bt p{ font-size: 1.25rem;}
.alic_ms{ font-size: 1rem; padding-top: 25px;}
.alic_po .indb_more{ margin-top: 50px;}
}
@media screen and (max-width:1020px){
.alic_tit h2{ font-size: 2rem;}
.alic_tit p{ font-size: 1.375rem;}
.alic_gd{ margin-top: 30px;}
.alic_wb{ padding-left: 10px;}
.alic_wb h3{ font-size: 1.125rem;}
.alic_wb p{ display: none;}
.alic_po{ top: 5%; left: 20px;}
.alc_bt h3{ font-size: 2rem;}
.alc_bt p{ font-size: 1rem;}
.alic_ms{ font-size: 0.9375rem; padding-top: 20px; line-height: 26px;}
.alic_po .indb_more{ margin-top: 30px;}
}
@media screen and (max-width:700px){
.ali_bgc{padding: 40px 0 50px 0;}
.alic_tit h2{ font-size: 1.5rem;}
.alic_tit p{ font-size: 1rem;}
.alic_gd{ margin-top: 20px; display: block;}
.alic_fl li{ flex: 0 1 33.333%; height: auto;}
.alic_fl li::after{width: 100%; transform: scale(0);}
.alic_fl li:hover::after,.alic_fl li.on::after{transform: scale(1);}
.alic_fl li a{ height: 44px; line-height: 44px;}
.alic_pic img{ height: 24px;}
.alic_po{ top: 6%; left: 10px;}
.alic_wb{ padding-left: 5px;}
.alic_wb h3{ font-size: 0.875rem;}
.alc_bt h3{ font-size: 1.25rem;}
.alc_bt p{ font-size: 1rem;}
.alic_ms{ font-size: 0.875rem; padding-top: 10px; line-height: 20px;}
.alic_po .indb_more{ margin: 20px 0 0 0;}
}

.ali_bgd{ background: url(../images/ali_bgd.jpg) no-repeat center fixed; width: 100%; padding: 80px 0 120px 0;}
.alid_tit{ text-align: center; color: #fff;}
.alid_tit h2{ font-size: 3rem;}
.alid_tit p{ font-size: 1.5rem; margin-top: 5px;}
.alid_tit::after{ content: ''; display: block; width: 49px; height: 5px; border-radius: 3px; background: #ffad39; margin: 20px auto 0 auto;}
.alid_nr{ padding-top: 138px;}
.alid_nr ul{ display: flex; justify-content: space-between;}
.alid_nr li{ flex: 0 1 30.715%; position: relative;}
.alid_nr li::before{ content: ''; width: 100%; height: 100%; position: absolute; background: rgba(255,255,255,0.2); right: -12px; bottom: -12px; border-radius: 10px;}
.alid_kg{ background: rgba(230,185,153,0.9); padding-bottom: 50px; position: relative; z-index: 9;}
.alid_img{ top: -99px; position: absolute;}
.alid_img img{ display: block; width: 100%;}
.alid_bt{ padding-top: 160px; text-align: center; color: #000;}
.alid_bt h3{ font-size: 1.875rem; font-weight: bold;}
.alid_bt p{ font-size: 1.5rem; margin-top: 3px;}
.alid_ms{ padding-top: 30px; color: #fff; text-align: center; line-height: 24px;}
.alid_an{ display: none;}
@media screen and (max-width:1440px){
.alid_tit h2{ font-size: 2.5rem;}
}
@media screen and (max-width:1270px){
.ali_bgd{ background-attachment: inherit; background-size: cover; padding: 70px 0 90px 0;}
.alid_tit h2{ font-size: 2.25rem;}
.alid_kg{ padding-bottom: 40px;}
.alid_bt{ padding-top: 120px;}
.alid_bt h3{ font-size: 1.5rem;}
.alid_bt p{ font-size: 1.25rem;}
.alid_ms{ font-size: 0.9375rem; padding: 20px 5% 0 5%; line-height: 22px;}
.alid_ms br{ display: none;}
}
@media screen and (max-width:1020px){
.ali_bgd{ padding: 60px 0 70px 0;}
.alid_tit h2{ font-size: 2rem;}
.alid_bt{ padding-top: 70px;}
.alid_bt p{ font-size: 1.125rem;}
.alid_ms{ font-size: 0.875rem; padding: 15px 5% 0 5%; height: 80px;}
}
@media screen and (max-width:700px){
.ali_bgd{ padding: 40px 0 50px 0;}
.alid_tit h2{ font-size: 1.5rem;}
.alid_tit p{ font-size: 1.125rem;}
.alid_tit::after{ height: 4px; width: 42px; margin: 15px auto 0 auto;}
.alid_nr li{ flex: 0 1 32%;}
.alid_nr li::before{ right: -3px; bottom: -3px; border-radius: 3px;}
.alid_kg{ padding-bottom: 15px;}
.alid_nr {padding-top: 60px;}
.alid_img{ top: -35px;}
.alid_bt{ padding-top: 40px;}
.alid_bt h3{ font-size: 1rem;}
.alid_bt p{ font-size: 0.875rem; line-height: 20px; height: 40px;}
.alid_ms{ display: none;}
}

.ali_bge{ background: url(../images/ali_bge.jpg) no-repeat center; background-size: cover; width: 100%; padding: 90px 0 290px 0;}
.alie_nr{ padding-top: 145px;}
.alie_nr ul{ display: flex; justify-content: space-between;}
.alie_nr li{ flex: 0 1 25%; text-align: center; position: relative;}
.alie_nr li::after{ content: ''; width: 1px; height: 57px; background: #94adbe; position: absolute; right: 0; bottom: 0;}
.alie_nr li:nth-child(1):before{ content: ''; width: 1px; height: 57px; background: #94adbe; position: absolute; left: 0; bottom: 0;}
.alie_mc{ padding-top: 45px; color: #404040; font-size: 1.625rem; line-height: 30px;}
@media screen and (max-width:1270px){
.alie_mc{ padding-top: 35px; font-size: 1.25rem;}
}
@media screen and (max-width:1020px){
.ali_bge{ padding: 60px 0 110px 0;}
.alie_nr{ padding-top: 65px;}
.alie_mc{ padding-top: 15px; font-size: 1.125rem;}
}
@media screen and (max-width:700px){
.ali_bge{ padding: 40px 0 50px 0;}
.alie_nr{ padding-top: 25px;}
.alie_nr ul{ flex-wrap: wrap;}
.alie_nr li{ flex: 0 1 50%;}
.alie_nr li:nth-child(3):before{content: ''; width: 1px; height: 57px; background: #94adbe; position: absolute; left: 0; bottom: 0;}
.alie_nr li:nth-child(n+3){ margin-top: 30px;}
.alie_pic img{ height: 50px;}
.alie_mc{ padding-top: 10px; font-size: 1rem; line-height: 22px; height: 44px;}
}

.ali_bgf{ background: #fff; padding: 90px 0 110px 0; width: 100%;}
.alif_nr ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.alif_nr li{ flex: 0 1 27.358%; margin-top: 55px;}
.alif_pic{ overflow: hidden;}
.alif_pic img{display: block; width: 100%; transition: 0.5s;}
.alif_nr li:hover .alif_pic img{ transform: scale(1.05);}
.alif_mc{ font-size: 2.125rem; color: #000; font-weight: bold; line-height: 109px; height: 109px;}
.alif_ms{ padding-left: 15px; border-left: 2px solid #dfdfdf; color: #676767; font-size: 1.375rem; line-height: 30px;}
@media screen and (max-width:1440px){
.alif_nr li{ flex: 0 1 30%; margin-top: 45px;}
.alif_mc{ font-size: 1.625rem; line-height: 70px; height: 70px;}
.alif_ms{ font-size: 1.125rem;}
}
@media screen and (max-width:1270px){
.alif_nr li{ flex: 0 1 32%;}
}
@media screen and (max-width:1020px){
.ali_bgf{ padding: 60px 0 80px 0; width: 100%;}
.alif_mc{ font-size: 1.25rem; line-height: 54px; height: 54px;}
.alif_ms{ font-size: 1rem; line-height: 26px; padding-left: 10px;}
.alif_ms br{ display: none;}
}
@media screen and (max-width:700px){
.ali_bgf{ padding: 40px 0 50px 0;}
.alif_nr li{ margin-top: 25px; flex: 0 1 48%;}
.alif_mc{ font-size: 1.125rem; line-height: 42px; height: 42px;}
.alif_ms{ font-size: 0.875rem; line-height: 20px; padding-left: 6px;}
}

.ali_bgg{ background: #eaf0f4; padding: 60px 0 65px 0; width: 100%;}
.alig_nr{ padding-top: 55px;}
.alig_nr ul{ display: flex; justify-content: space-between;}
.alig_nr li{ flex: 0 1 31.429%;}
.alig_nr li a{ display: block; overflow: hidden;}
.alig_nr li img{ display: block; width: 100%; transition: 0.5s;}
.alig_nr li:hover img{ transform: scale(1.05);}
.ali_bgg .indb_more{ margin: 50px auto 0 auto;}
.ali_bgg .indb_more i{ background: #ffad39;}
.ali_bgg .indb_more a{ color: #000;}
.ali_bgg .indb_more a span{ font-family: 'Dinr'; padding-left: 20px;}
@media screen and (max-width:1020px){
.alig_nr li{ flex: 0 1 32%;}
}
@media screen and (max-width:700px){
.ali_bgg{ padding: 40px 0 50px 0;}
.alig_nr{ padding-top: 25px;}
.alig_nr li{ flex: 0 1 49%;}
.alig_nr li:nth-child(3){ display: none;}
.ali_bgg .indb_more{ margin: 25px auto 0 auto;}
}
/*ali*/

/*allweb*/
.wm_tit{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; flex-wrap: wrap; text-align: center; align-content: center;}
.wm_bt{ flex: 0 1 100%; color: #fff;}
.wm_bt p{ font-size: 4.5rem; font-weight: 100;}
.wm_bt span{ display: block; font-size: 5.625rem; line-height: 1em;}
.wm_bta{ flex: 0 1 100%;  position: relative; margin-top: 35px;}
.wm_bta p{color: #fff; font-size: 2.25rem; line-height: 1.5em; position: relative; z-index: 9;}
.wm_bta::after{ content: ''; width: 156px; height: 13px; background: #9e0007; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -78px;}
@media screen and (max-width:1440px){
.wm_bt p{ font-size: 3rem;}
.wm_bt span{font-size: 4rem;}
.wm_bta p{font-size: 2rem;}
}
@media screen and (max-width:1270px){
.wm_bt p{ font-size: 2.5rem;}
.wm_bt span{font-size: 3rem;}
.wm_bta{ margin-top: 15px;}
.wm_bta p{font-size: 1.875rem;}
}
@media screen and (max-width:1020px){
.wm_bt p{ font-size: 2rem;}
.wm_bt span{font-size: 2.5rem;}
.wm_bta{ margin-top: 15px;}
.wm_bta p{font-size: 1.5rem;}
.wm_bta::after{ width: 110px; margin-left: -55px; height: 12px;}
}
@media screen and (max-width:700px){
.wm_bt p{ font-size: 1.125rem;}
.wm_bt span{font-size: 1.375rem;}
.wm_bta{ margin-top: 5px; margin-bottom: 20px;}
.wm_bta p{font-size: 1.125rem;}
.wm_bta::after{ width: 90px; margin-left: -45px; height: 12px;}
}

.wm_bga{ background: #fff; padding: 85px 0 130px 0; width: 100%;}
.wma_tit{ text-align: center;}
.wma_tit h2{ font-size: 3rem; color: #9e0007;}
.wma_tit p{ font-size: 1.5rem; color: #616161; margin-top: 6px;}
.wma_nr{ padding-top: 90px;}
.wma_nr ul{ display: flex;}
.wma_nr li{ flex: 0 1 25%; position: relative; text-align: center;}
.wma_nr li::after{ content: ''; width: 1px; height: 70%; background: #b3c1cb; position: absolute; right: 0; bottom: 0;}
.wma_nr li:nth-child(1)::before{ content: ''; width: 1px; height: 70%; background: #b3c1cb; position: absolute; left: 0; bottom: 0;}
.wma_pic img{ transform: scaleX(1); transition: 0.5s;}
.wma_nr li:hover .wma_pic img{transform: scaleX(-1); transition: 0.5s;}
.wma_wb{ padding: 65px 0 30px 0;}
.wma_wb h3{ font-size: 1.875rem; font-weight: bold; color: #000;}
.wma_wb p{ color: #555; font-size: 1.25rem; line-height: 30px; margin-top: 20px;}
@media screen and (max-width:1440px){
.wma_tit h2{ font-size: 2.5rem;}
.wma_nr{ padding-top: 70px;}
}
@media screen and (max-width:1270px){
.wm_bga{ padding: 70px 0 90px 0;}
.wma_tit h2{ font-size: 2.25rem;}
.wma_tit p{ font-size: 1.375rem;}
.wma_nr{ padding-top: 50px;}
.wma_wb{ padding: 20px 0 10px 0;}
.wma_wb h3{ font-size: 1.375rem;}
.wma_wb p{ font-size: 1rem; margin-top: 10px; line-height: 26px;}
}
@media screen and (max-width:1020px){
.wma_tit h2{ font-size: 2rem;}
.wma_tit p{ font-size: 1.25rem;}
.wma_pic img{ width: 60px;}
.wma_wb p{ font-size: 0.9375rem; line-height: 22px;}
.wma_wb p br{ display: none;}
}
@media screen and (max-width:700px){
.wm_bga{ padding: 40px 0 50px 0;}
.wma_tit h2{ font-size: 1.375rem;}
.wma_tit p{ font-size: 1rem; margin-top: 3px;}
.wma_nr{ padding-top: 30px;}
.wma_nr ul{ flex-wrap: wrap;}
.wma_nr li{ flex: 0 1 50%;}
.wma_nr li:nth-child(n+3){ margin-top: 25px;}
.wma_nr li::after{ height: 50%;}
.wma_nr li:nth-child(1)::before,.wma_nr li:nth-child(3)::before{ content: ''; width: 1px; height: 50%; background: #b3c1cb; position: absolute; left: 0; bottom: 0;}
.wma_pic img{ width: 42px;}
.wma_wb{ padding: 5px 0 0 0;}
.wma_wb h3{ font-size: 1.125rem;}
.wma_wb p{ font-size: 0.875rem; line-height: 20px; padding: 0 5%;}
}

.wm_bgb{ padding-top: 80px; background: #eff5f9; width: 100%; overflow: hidden;}
.wm_bgb .wma_tit h2{ color: #000;}
.wm_bgb .wma_tit p{ color: #6b6b6b;}
.wmb_nr{ padding: 35px 0; background: #fff; width: 100%; margin-top: 65px;}
.wmb_pic{ width: 50%;}
.wmb_pic.fl img{ float: right;}
.wmb_wb{ width: 47%; padding-top: 70px;}
.wmb_bt h3{ font-size: 1.875rem; color: #a20303; font-weight: bold;}
.wmb_bt p{ color: #201f1f; font-size: 1.375rem; line-height: 30px; padding-top: 8px;}
.wmb_bt::after{ content: ''; display: block; width: 29px; height: 3px; background: #b50000; border-radius: 1px; margin: 20px 0 28px 0;}
.wmb_ms p{ font-size: 1.125rem; color: #4d4d4d; line-height: 22px; margin-bottom: 8px;}
@media screen and (max-width:1270px){
.wm_bgb{ padding-top: 70px;}
.wmb_nr{ padding: 25px 0; margin-top: 35px;}
.wmb_pic img{ height: 380px;}
.wmb_wb{ width: 47%; padding-top: 40px;}
.wmb_bt h3{ font-size: 1.5rem;}
.wmb_bt p{ font-size: 1rem; line-height: 24px;}
.wmb_bt p br{ display: none;}
.wmb_ms p{ font-size: 1rem;}
}
@media screen and (max-width:1020px){
.wm_bgb{ padding-top: 50px;}
.wmb_wb{ padding-top: 30px;}
}
@media screen and (max-width:700px){
.wm_bgb{ padding-top: 40px;}
.wmb_nr{ padding: 5px 0; margin-top: 20px;}
.wmb_nr li:nth-child(2){ margin-top: 30px;}
.wmb_pic{ width: auto; float: none;}
.wmb_pic img{ height: auto; width: 100%; display: block; float: none !important;}
.wmb_wb{ width: auto; float: none; padding-top: 15px;}
.wmb_bt h3{ font-size: 1.125rem;}
.wmb_bt p{ font-size: 0.9375rem; line-height: 22px; padding-top: 3px;}
.wmb_bt::after{ margin: 12px 0 15px 0;}
.wmb_ms p{ font-size: 0.9375rem;}
}

.wm_bgc{ background: #eaf0f4; padding: 65px 0 145px 0; width: 100%;}
.wmc_kg{ position: relative; margin-top: 90px;}
.wmc_kg::after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/wmc_xt.png) no-repeat center 24%; background-size: 72.71428% auto;}
.wmc_lx { position: relative; z-index: 9;}
.wmc_lx ul{ display: flex; justify-content: center;}
.wmc_lx ul:nth-child(1) li:nth-child(1){ margin-left: calc(11.5% + 15.5px);}
.wmc_lx ul:nth-child(3) li:nth-child(2){ margin-right: calc(11.5% + 15.5px);}
.wmc_lx ul:nth-child(n+2){ margin-top: -2.7%;}
.wmc_lx li{ width: 11.5%; margin: 0 5.5px;}
.wmc_lx li img{ display: block; width: 100%;}
.wmc_nr ul:nth-child(1){ position: absolute; width: 36.857%; left: 0; top: 3%; z-index: 10;}
.wmc_nr ul:nth-child(2){ position: absolute; width: 34.5%; right: 0; bottom: 0; z-index: 10;}
.wmc_nr ul:nth-child(1) li:nth-child(2){ margin-top: 65px;}
.wmc_nr ul:nth-child(2) li:nth-child(2){ margin-top: 40px;}
.wmc_mc{ font-size: 1.5rem; color: #000; font-weight: bold;}
.wmc_ms{ color: #616161; line-height: 24px; margin-top: 20px; height: 72px;}
@media screen and (max-width:1270px){
.wm_bgc{padding: 65px 0 105px 0; width: 100%;}
.wmc_kg{ margin-top: 70px;}
.wmc_mc{ font-size: 1.25rem;}
.wmc_ms{ line-height: 22px; font-size: 0.9375rem; margin-top: 10px; height: 88px;}
}
@media screen and (max-width:1020px){
.wmc_ms{ line-height: 20px; font-size: 0.875rem; margin-top: 6px; height: 80px;}
}
@media screen and (max-width:700px){
.wm_bgc{padding: 40px 0 50px 0;}
.wmc_kg{ margin-top: 25px;}
.wmc_kg::after{ display: none;}
.wmc_lx{ display: none;}
.wmc_nr ul:nth-child(1){ position: relative; flex: 0 1 100%; width: 100%; left: auto; top: auto;}
.wmc_nr ul:nth-child(2){ position: relative; flex: 0 1 100%; width: 100%; right: auto; bottom: auto; margin-top: 20px;}
.wmc_mc{ font-size: 1.125rem;}
.wmc_ms{ font-size: 0.9375rem; margin-top: 5px; height: auto;}
.wmc_nr ul:nth-child(1) li:nth-child(2){ margin-top: 20px;}
.wmc_nr ul:nth-child(2) li:nth-child(2){ margin-top: 20px;}
}

.wm_bgd{ background: url(../images/wm_bgd.jpg) no-repeat center fixed; width: 100%; padding: 105px 0 200px 0;}
.wm_bgd .wma_tit h2,.wm_bgd .wma_tit p{ color: #fff;}
.wmd_nr{ margin-top: 125px; position: relative; background: url(../images/wmd_xt.png) no-repeat center;}
.wmd_nr ul{ display: flex; justify-content: space-between; align-items: flex-start;}
.wmd_nr li{position: relative; padding-top: 40px;}
.wmd_nr li:nth-child(1){ margin-top: 180px;}
.wmd_nr li:nth-child(2){ margin-top: 84px;}
.wmd_nr li:nth-child(3){ margin-top: 134px;}
.wmd_nr li:nth-child(5){ margin-top: 111px;}
.wmd_nr li:nth-child(6){ margin-top: 79px;}
.wmd_nr li:nth-child(7){ margin-top: 180px;}
.wmd_nr li:nth-child(2n){ padding-bottom: 40px; padding-top: 0;}
.wmd_nr li:nth-child(4){ padding-bottom: 47px; padding-top: 0;}
.wmd_nr li::after{ content: ''; width: 13px; height: 13px; border: 2px solid #fff; border-radius: 50%; position: absolute; left: 50%; margin-left: -7.5px; top: 0; background: #000;}
.wmd_nr li:nth-child(2n):after{ bottom: 0; top: auto;}
.wmd_nr li p{ font-size: 1.5rem; font-weight: bold; color: #fff; text-align: center;}
@media screen and (max-width:1440px){
.wmd_nr li p{ font-size: 1.375rem;}
}
@media screen and (max-width:1300px){
.wmd_nr li p{ font-size: 1.25rem;}
.wmd_nr li:nth-child(1){ margin-top: 172px;}
.wmd_nr li:nth-child(3){ margin-top: 119px;}
.wmd_nr li:nth-child(5){ margin-top: 103px;}
}
@media screen and (max-width:1270px){
.wm_bgd{ background-attachment: inherit; background-size: cover; padding: 85px 0 90px 0;}
.wmd_nr{ margin-top: 60px;}
.wmd_nr li p{ font-size: 1rem;}
.wmd_nr li:nth-child(1){ margin-top: 155px;}
.wmd_nr li:nth-child(2){ margin-top: 60px;}
.wmd_nr li:nth-child(3){ margin-top: 90px;}
.wmd_nr li:nth-child(5){ margin-top: 80px;}
.wmd_nr li:nth-child(6){ margin-top: 55px;}
.wmd_nr li:nth-child(7){ margin-top: 155px;}
}
@media screen and (max-width:1020px){
.wm_bgd{ padding: 65px 0 70px 0;}
.wmd_nr{ background: none; margin-top: 40px;}
.wmd_nr ul{ flex-wrap: wrap; justify-content: flex-start;}
.wmd_nr li{ margin-top: 0 !important; flex: 0 1 24%; padding-top: 30px !important; margin-right: 1.333%;}
.wmd_nr li::after{ top: 0 !important; bottom: auto !important;}
.wmd_nr li:nth-child(2n){ padding-bottom: 0px; padding-top: 0;}
.wmd_nr li:nth-child(4){ padding-bottom: 0px; padding-top: 0;}
.wmd_nr li:nth-child(n+5){ margin-top: 30px !important;}
.wmd_nr li:nth-child(4n){ margin-right: 0;}
.wmd_nr li p{ font-size: 1.125rem;}
.wmd_nr li p br{ display: none;}
}
@media screen and (max-width:700px){
.wm_bgd{ padding: 40px 0 50px 0;}
.wma_tit p{ padding: 0 5%;}
.wmd_nr ul{ justify-content: space-between;}
.wmd_nr li{ flex: 0 1 48%; margin-right: 0; padding: 20px 4% 15px 4% !important; box-sizing: border-box; background: rgba(0,0,0,.8);}
.wmd_nr li p{ font-size: 1rem;}
.wmd_nr li:nth-child(n+3){ margin-top: 7% !important;}
.wmd_nr li::after{ top: -8px !important; bottom: auto !important;}
}

.wm_bge{ background: #fff; width: 100%; padding: 65px 0 110px 0; position: relative; overflow: hidden;}
.wm_bge::after{ content: ''; position: absolute; left: 0; bottom: -60%; transform: scale(1.5); background: url(../images/wme_s.png) no-repeat center bottom; background-size: 100% auto; height: 100%; width: 100%;}
.wm_bge.animated::after{bottom: 0%; transform: scale(1); transition: 2s 1.5s; }
.wm_bge .wma_tit h2{ color: #000; font-weight: bold;}
.wm_bge .wma_tit p{ color: #4c4c4c;}
.wme_gd{ margin: 60px auto 0 auto; position: relative; background: #262626; padding: 20px; box-sizing: border-box; width: 73%; border-radius: 30px; overflow: hidden; box-shadow: 0px 0px 30px rgba(0,0,0,0.5);}
.wme_nr{ border-radius: 20px; overflow: hidden;}
.wme_nr li img{ display: block; width: 100%;}
.wme_jt a{ display: block; position: absolute; z-index: 99; cursor: pointer; top: 50%; margin-top: -30px;}
.wme_jt a.prev{ left: 6%;}
.wme_jt a.next{ right: 6%; transform: scaleX(-1);}
.wme_jt a.prevStop,.wme_jt a.nextStop{ display: none;}
.wme_an{ display: none;}
@media screen and (max-width:1270px){
.wm_bge{padding: 65px 0 90px 0;}
.wme_gd{ margin: 40px auto 0 auto; padding: 10px; border-radius: 20px;}
.wme_jt a img{ height: 41px;}
}
@media screen and (max-width:1020px){
.wm_bge{padding: 60px 0 70px 0;}
.wme_gd{ margin: 30px auto 0 auto; padding: 7px; border-radius: 16px;}
}
@media screen and (max-width:700px){
.wm_bge{ padding: 40px 0 50px 0;}
.wm_bge::after{ display: none;}
.wme_gd{ margin: 20px auto 0 auto; width: 96%; padding: 4px; border-radius: 10px;}
.wme_nr{ border-radius: 5px;}
.wme_jt a{margin-top: -12px;}
.wme_jt a.prev{ left: 3%;}
.wme_jt a.next{ right: 3%;}
.wme_jt a img{ height: 25px;}
}

.wm_bgf{ background: url(../images/wm_bgf.jpg) no-repeat center; background-size: cover; width: 100%; padding-top: 85px; overflow: hidden;}
.wm_bgf .wma_tit h2{ color: #000;}
.wm_bgf .wma_tit p{ color: #000;}
.wmf_nr{ margin-top: 80px;}
.wmf_nr ul{ display: flex; justify-content: space-between;}
.wmf_nr li{ flex: 0 1 31.5%; background: #89aac3; box-sizing: border-box; padding: 85px 1.8% 120px 1.8%; color: #fff; position: relative;}
.wmf_nr li::after{ content: ''; position: absolute; left: 0; bottom: 0; height: 13%; width: 100%; background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.4));}
.wmf_mc{ text-align: center; font-size: 1.875rem; font-weight: bold;}
.wmf_ms{ margin-top: 70px; line-height: 30px;}
@media screen and (max-width:1270px){
.wm_bgf{ padding-top: 65px;}
.wmf_nr{ margin-top: 50px;}
.wmf_nr li{ flex: 0 1 32%; padding: 35px 1.8% 60px 1.8%;}
.wmf_mc{font-size: 1.5rem;}
.wmf_ms{ margin-top: 20px; line-height: 26px;}
}
@media screen and (max-width:1020px){
.wmf_mc{font-size: 1.25rem;}
.wmf_ms{ line-height: 22px; font-size: 0.9375rem;}
}
@media screen and (max-width:700px){
.wm_bgf{padding-top: 40px;}
.wmf_nr{ margin-top: 25px;}
.wmf_nr ul{ display: block;}
.wmf_nr li{ padding: 30px 0 50px 0;}
.wmf_ms{ margin-top: 20px; line-height: 24px; padding: 0 5%;}
.wmf_an{ position: relative; margin-top: -40px; z-index: 99; height: 40px;}
.wmf_an ul{ justify-content: center; display: flex;}
.wmf_an li{ margin: 0 5px; background: #fff; width: 26px; height: 26px; border-radius: 50%; font-size: 0.9375rem; text-align: center; line-height: 26px; font-family: 'Dinr'; transition: 0.5s;}
.wmf_an li.on{ background: #b90000; color: #fff;}
}

.wm_bgg{ padding: 85px 0 65px 0; position: relative; width: 100%;}
.wm_bgg::after{ content: ''; width: 100%; height: 20%; background: #eaf0f4; position: absolute; left: 0; bottom: 0;}
.wm_bgg .wma_tit h2{ color: #000;}
.wm_bgg .kga{ position: relative; z-index: 9;}
.wmg_pic{ margin-top: 5px;}
.wmg_pic img{ display: block; width: 100%;}
.wmg_nr{ padding-top: 20px; display: flex; justify-content: center; align-items: flex-end;}
.wmg_bt p{ font-size: 1.5rem; color: #2a2a2a;}
.wmg_bt h3{ font-size: 2.375rem; color: #b90000; font-weight: bold; letter-spacing: 2.7px; margin-top: 20px; line-height: 1em;}
.wmg_tel{ padding-left: 100px;}
.wmg_tel a{ display: block; width: 382px; height: 63px; background: #c00000; text-align: center; line-height: 63px; font-size: 1.5rem; color: #fff; border-radius: 5px; transition: 0.5s;}
.wmg_tel img{ margin-bottom: -10px; padding-right: 20px;}
.wmg_tel a:hover{ box-shadow: 3px 3px 1px #540000; transition: 0.5s;}
@media screen and (max-width:1300px){
.wmg_bt p{ font-size: 1.375rem;}
.wmg_bt h3{ font-size: 2.125rem;}
}
@media screen and (max-width:1270px){
.wm_bgg{ padding: 65px 0;}
.wmg_bt p{ font-size: 1.125rem;}
.wmg_bt h3{ font-size: 1.75rem; margin-top: 10px;}
.wmg_tel{ padding-left: 60px;}
.wmg_tel a{ width: auto; padding: 0 20px; height: 50px; line-height: 50px; font-size: 1.125rem;}
.wmg_tel img{ height: 28px; margin-bottom: -6px; padding-right: 10px;}
}
@media screen and (max-width:1020px){
.wm_bgg::after{ height: 32%;}
.wmg_nr{ display: block; text-align: center;}
.wmg_bt p{ font-size: 1.125rem;}
.wmg_bt h3{ font-size: 1.75rem; margin-top: 10px;}
.wmg_tel{ padding-left: 0px; margin-top: 25px;}
.wmg_tel a{ display: inline-block;}
}
@media screen and (max-width:700px){
.wmg_nr{ display: block;}
.wm_bgg{ padding: 40px 0 50px 0;}
.wm_bgg::after{ height: 40%;}
.wmg_bt p{ font-size: 1rem;}
.wmg_bt h3{ font-size: 1.125rem; margin-top: 10px; letter-spacing: 0;}
.wmg_tel{ margin-top: 20px;}
.wmg_tel a{ width: auto; padding: 0 20px; height: 40px; line-height: 40px; font-size: 1rem;}
.wmg_tel img{ height: 24px; margin-bottom: -4px; padding-right: 10px;}
}
/*allweb*/

/*email*/
.qem_tit{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; flex-wrap: wrap; align-content: center; color: #fff;}
.qem_bt{ font-size: 3.75rem; font-weight: bold;}
.qem_bta{ background: url(../images/qem_logo.png) no-repeat left center; height: 74px; line-height: 74px; padding-left: 120px; margin-top: 15px; font-size: 2.625rem;}
.qem_kg{ width: 96%; max-width: 1150px; margin: 0 auto;}
@media screen and (max-width:1440px){
.qem_bt{ font-size: 3rem;}
.qem_bta{ background-size: auto 50px; height: 50px; line-height: 50px; padding-left: 90px; margin-top: 15px; font-size: 2.25rem;}
}
@media screen and (max-width:1270px){
.qem_bt{ font-size: 2.5rem;}
.qem_bta{font-size: 2rem;}
}
@media screen and (max-width:1020px){
.qem_bt{ font-size: 2rem;}
.qem_bta{font-size: 1.5rem; background-size: auto 36px; height: 36px; line-height: 36px; padding-left: 70px;}
}
@media screen and (max-width:700px){
.qem_bt{ font-size: 1.375rem;}
.qem_bta{font-size: 1rem; background-size: auto 22px; height: 22px; line-height: 22px; padding-left: 40px; margin-top: 5px; margin-bottom: 20px;}
}

.qem_bga{ background: #fff; width: 100%; padding: 70px 0 125px 0; overflow: hidden;}
.qema_tit{ text-align: center;}
.qema_tit h2{ color: #000; font-size: 2.5rem;}
.qema_tit p{ color: #525252; font-size: 1.5rem; padding-top: 8px;}
.qema_nr{ padding-top: 60px;}
.qema_nr ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.qema_nr li{ flex: 0 1 26%; text-align: center;}
.qema_nr li:nth-child(n+4){ margin-top: 60px;}
.qema_mc{ margin-top: 25px; color: #000; font-size: 1.5rem;}
.qema_ms{ color: #4f4f4f; line-height: 24px; margin-top: 15px;}
@media screen and (max-width:1300px){
.qema_nr li{ flex: 0 1 30%; text-align: center;}
}
@media screen and (max-width:1270px){
.qema_nr li{ flex: 0 1 31%;}
.qema_pic img{ height: 80px;}
.qema_mc{ font-size: 1.375rem; margin-top: 15px;}
.qema_ms br{ display: none;}
}
@media screen and (max-width:1020px){
.qem_bga{ padding: 60px 0 75px 0; overflow: hidden;}
.qema_tit h2{ color: #000; font-size: 2rem;}
.qema_tit p{ font-size: 1.125rem;}
.qema_nr{ padding-top: 40px;}
.qema_nr li:nth-child(n+4){ margin-top: 40px;}
.qema_pic img{ height: 70px;}
.qema_mc{ font-size: 1.25rem; margin-top: 15px;}
}
@media screen and (max-width:700px){
.qem_bga{ padding: 40px 0 50px 0;}
.qema_tit h2{ font-size: 1.5rem;}
.qema_tit p{ font-size: 1rem;}
.qema_nr{ padding-top: 30px;}
.qema_nr li{ flex: 0 1 48%; align-self: start;}
.qema_nr li:nth-child(n+3){ margin-top: 30px;}
.qema_mc{ font-size: 1rem; margin-top: 10px;}
.qema_pic img{ height: 40px;}
.qema_ms{ font-size: 0.875rem; margin-top: 10px; line-height: 22px;}
}

.qem_bgb{ background: #eaf0f4; width: 100%; padding: 70px 0 95px 0;}
.qemb_nr{ padding-top: 60px;}
.qemb_nr ul{ display: flex; flex-wrap: wrap; justify-content: flex-start;}
.qemb_nr li{ flex: 0 1 22%; margin-right: 4%;}
.qemb_nr li:nth-child(4n){ margin-right: 0px;}
.qemb_nr li:nth-child(n+5){ margin-top: 60px;}
.qemb_mc{ display: flex; margin-bottom: 13px; align-items: center;}
.qemb_mc p{ font-size: 1.125rem; color: #000; padding-left: 10px;}
.qemb_ms{ color: #4a4a4a; line-height: 22px; font-size: 0.875rem;}
@media screen and (max-width:700px){
.qem_bgb{ padding: 40px 0 50px 0;}
.qemb_nr{ padding-top: 30px;}
.qemb_nr ul{ justify-content: space-between;}
.qemb_nr li{ flex: 0 1 48%; margin-right: 0%;}
.qemb_nr li:nth-child(n+3){ margin-top: 30px;}
.qemb_mc{ margin-bottom: 10px;}
.qemb_mc img{ height: 24px;}
.qemb_mc p{ font-size: 1rem; padding-left: 5px;}
}

.qem_bgc{ background: #fff; width: 100%; padding: 70px 0 95px 0;}

.qem_bgd{ background: #eaf0f4; width: 100%; padding: 85px 0 50px 0;}
.qemd_kg{ width: 96%; max-width: 980px; margin: 0 auto;}
.qemd_nr{ padding-top: 60px;}
.qemd_nr ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.qemd_nr li{ flex: 0 1 24%;}
.qemd_nr li img{ display: block; width: 100%;}
@media screen and (max-width:1270px){
.qemd_nr{ padding-top: 30px;}
}
@media screen and (max-width:700px){
.qem_bgc{ padding: 40px 0 50px 0;}
.qem_bgd{ padding: 40px 0 50px 0;}
.qemd_nr{ padding-top: 20px;}
.qemd_nr li{ flex: 0 1 32%;}
.qemd_nr li:nth-last-child(1){ display: none;}
}
/*email*/

/*400tel*/
.sll_tit{position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; flex-wrap: wrap; align-content: center; color: #fff;}
.sll_bt{ font-size: 3rem;}
.sll_bta{ font-size: 3.75rem; font-weight: bold;}
.sll_btb{ position: relative; margin-top: 10px; display: inline-block;}
.sll_btb p{ font-size: 3rem; font-weight: 100; height: 70px; line-height: 70px; padding: 0 10px; position: relative; z-index: 9;}
.sll_btb::after{ content: ''; width: 100%; height: 31px; background: #c00000; position: absolute; left: 0; bottom: 0;}
@media screen and (max-width:1440px){
.sll_bt{ font-size: 2.5rem;}
.sll_bta{ font-size: 3rem;}
.sll_btb p{ font-size: 2.5rem; height: 60px; line-height: 60px;}
.sll_btb::after{ height: 25px;}
}
@media screen and (max-width:1270px){
.sll_bt{ font-size: 2.25rem;}
.sll_bta{ font-size: 2.5rem;}
.sll_btb{ margin-top: 5px;}
.sll_btb p{ font-size: 2.25rem; height: 50px; line-height: 50px;}
.sll_btb::after{ height: 19px;}
}
@media screen and (max-width:1020px){
.sll_bt{ font-size: 2rem;}
.sll_bta{ font-size: 2.25rem;}
.sll_btb{ margin-top: 0px;}
.sll_btb p{ font-size: 2rem;}
.sll_btb::after{ height: 19px;}
}
@media screen and (max-width:700px){
.sll_bt{ font-size: 1rem;}
.sll_bta{ font-size: 1.125rem;}
.sll_btb{ margin-bottom: 20px;}
.sll_btb p{ font-size: 1rem; height: 23px; line-height: 23px;}
.sll_btb::after{ height: 11px;}
}

.sll_bga{ background: #fff; padding: 75px 0 105px 0; width: 100%;}
.slla_nr{ padding-top: 45px;}
.slla_nr ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.slla_nr li{ flex: 0 1 32%; background: #eaf0f4; padding: 65px 0 50px 0; position: relative;}
.slla_nr li:nth-child(n+4){ margin-top: 2%;}
.slla_sz{ height: 50px; width: 42px; line-height: 36px; text-align: right; padding-right: 8px; color: #fff; font-family: 'Dinr'; font-size: 1.5rem; background: #cc0000; border-radius: 0 0 0 50px; position: absolute; right: 0; top: 0;}
.slla_mc{ text-align: center; color: #000; font-size: 1.875rem;}
.slla_ms{ margin: 30px 7% 0 7%; color: #686868; line-height: 30px;}
@media screen and (max-width:1270px){
.slla_nr li{ padding: 40px 0;}
.slla_sz{ font-size: 1.375rem;}
.slla_mc{ font-size: 1.5rem;}
.slla_ms{ margin: 15px 5% 0 5%; line-height: 26px;}
}
@media screen and (max-width:1020px){
.slla_sz{ height: 40px; width: 42px; line-height: 32px; padding-right: 5px; border-radius: 0 0 0 40px;}
.slla_mc{ font-size: 1.375rem;}
.slla_ms{ margin: 12px 3% 0 3%; line-height: 24px; font-size: 0.9375rem;}
}
@media screen and (max-width:700px){
.sll_bga{ padding: 40px 0 50px 0;}
.slla_nr{ padding-top: 25px;}
.slla_nr li{ flex: 0 1 49%;}
.slla_nr li:nth-child(n+3){ margin-top: 2%;}
.slla_sz{ height: 30px; width: 32px; line-height: 28px; padding-right: 2px; font-size: 1.125rem;}
.slla_mc{ font-size: 1.125rem;}
.slla_ms{ margin: 10px 3% 0 3%; line-height: 20px; font-size: 0.875rem;}
}

.sll_bgb{ background: #eaf0f4; padding: 60px 0 105px 0; width: 100%;}
.sllb_nr{ padding-top: 50px;}
.sllb_nr ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.sllb_nr li{ flex: 0 1 23%; background: #fff; text-align: center; padding: 30px 0 15px 0; border-radius: 5px;}
.sllb_nr li:nth-child(n+5){ margin-top: 2.666%;}
.sllb_mc{ margin-top: 48px; color: #000; font-size: 1.875rem; line-height: 1em;}
.sllb_ms{ color: #595959; line-height: 24px; min-height: 96px; margin-top: 20px;}
@media screen and (max-width:1270px){
.sllb_nr li{ flex: 0 1 24%;}
.sllb_nr li:nth-child(n+5){ margin-top: 1.333%;}
.sllb_pic img{ height: 70px;}
.sllb_mc{ margin-top: 25px; font-size: 1.5rem;}
.sllb_ms{ padding: 0 4%;}
.sllb_ms br{ display: none;}
}
@media screen and (max-width:1020px){
.sllb_mc{ margin-top: 15px; font-size: 1rem;}
.sllb_ms{ font-size: 0.9375rem; line-height: 24px; margin-top: 10px;}
}
@media screen and (max-width:700px){
.sll_bgb{ padding: 40px 0 50px 0;}
.sllb_nr{ padding-top: 20px;}
.sllb_nr li{ flex: 0 1 49%;}
.sllb_nr li:nth-child(n+3){ margin-top: 2%;}
}

.sll_bgc{ background: #fff; width: 100%; padding: 85px 0 110px 0;}
.sllc_kg{ margin-top: 60px; position: relative; padding-bottom: 120px;}
.sllc_nr li{ position: absolute; width: 37.142%;}
.sllc_nr li:nth-child(1){ left: 0; top: 70px; background: url(../images/sllc_dd.png) no-repeat 88% 15px;}
.sllc_nr li:nth-child(2){ right: 0; top: 70px; text-align: right; background: url(../images/sllc_dd.png) no-repeat 12% 15px;}
.sllc_nr li:nth-child(3){ left: 0; bottom: 0; width: 100%; text-align: center; padding-top: 60px;}
.sllc_nr li::after{ content: ''; width: 25px; height: 25px; background: #cc0000; border-radius: 50%; border: 2px solid #fff; position: absolute;}
.sllc_nr li:nth-child(1)::after{ right: 0; top: 3px;}
.sllc_nr li:nth-child(2)::after{ left: 0; top: 3px;}
.sllc_nr li:nth-child(3)::after{ left: 50%; top: 0; margin-left: -14px;}
.sllc_mc{ font-size: 2.25rem; color: #960101; position: relative; line-height: 1em;}
.sllc_ms{ color: #555; font-size: 1.125rem; line-height: 30px; margin-top: 10px;}
.sllc_img{ text-align: center;}
.sllc_img img{ max-width: 36.4285%;}
@media screen and (max-width:1270px){
.sllc_kg{ margin-top: 40px;}
.sllc_nr li:nth-child(1){background: url(../images/sllc_dd.png) no-repeat 103% 15px;}
.sllc_nr li:nth-child(2){background: url(../images/sllc_dd.png) no-repeat -11% 15px;}
.sllc_mc{ font-size: 1.75rem;}
.sllc_ms{ font-size: 1rem;}
}
@media screen and (max-width:1020px){
.sll_bgc{ padding: 60px 0 70px 0;}
.sllc_kg{ padding-bottom: 80px;}
.sllc_nr li:nth-child(1){background: url(../images/sllc_dd.png) no-repeat 136% 10px;}
.sllc_nr li:nth-child(2){background: url(../images/sllc_dd.png) no-repeat -50% 10px;}
.sllc_nr li:nth-child(1)::after{ right: 6px; top: -2px;}
.sllc_nr li:nth-child(2)::after{ left: 6px; top: -2px;}
.sllc_nr li:nth-child(3){padding-top: 45px;}
.sllc_mc{ font-size: 1.5rem;}
.sllc_ms{ font-size: 0.875rem; line-height: 22px;}
.sllc_nr li:nth-child(1) .sllc_ms br{ display: none;}
}
@media screen and (max-width:700px){
.sll_bgc{ padding: 40px 0 50px 0;}
.qema_tit p{ padding-top: 5px;}
.qema_tit p br{ display: none;}
.sllc_kg{ margin-top: 5px; padding-bottom: 0;}
.sllc_nr li{position: relative; width: auto; right: auto !important; top: auto !important; text-align: left !important; background: none !important; padding-top: 25px !important;}
.sllc_img{ display: none;}
.sllc_nr li::after{ display: none !important;}
.sllc_mc{ font-size: 1.25rem;}
.sllc_ms{ font-size: 0.9375rem; line-height: 22px; margin-top: 5px;}
}

.sll_bgd{ background: #eaf0f4; padding: 60px 0 80px 0; width: 100%;}
.slld_nr{ padding-top: 60px;}
.slld_nr ul{ display: flex; justify-content: space-between;}
.slld_nr li{ display: flex; align-items: center;}
.slld_sz{ font-size: 6.25rem; color: #abc2d1; font-family: 'Dinr'; line-height: 0.8em;}
.slld_wb{ padding-left: 15px;}
.slld_wb p{ font-size: 1.875rem; color: #0c0c0c; font-weight: bold;}
.slld_wb span{ display: block; color: #4b4b4b; line-height: 1em; font-size: 1.125rem; margin-top: 2px;}
.sll_bgd .indb_more{ margin: 70px auto 0 auto;}
.sll_bgd .indb_more i{ background: #97c1de;}
.sll_bgd .indb_more a{ color: #000;}
.sll_bgd .indb_more a span{ font-family: 'Dinr'; padding-left: 18px;}
@media screen and (max-width:1270px){
.slld_sz{ font-size: 4rem;}
.slld_wb{ padding-left: 10px;}
.slld_wb p{ font-size: 1.25rem;}
.slld_wb span{line-height: 1em; font-size: 0.9375rem;}
}
@media screen and (max-width:1020px){
.sll_bgd{ padding: 60px 0 70px 0;}
.slld_nr{ padding-top: 40px;}
.slld_sz{ font-size: 3rem;}
.slld_wb{ padding-left: 6px;}
.slld_wb p{ font-size: 1.125rem;}
.slld_wb span{font-size: 0.875rem;}
.sll_bgd .indb_more{margin: 30px auto 0 auto;}
}
@media screen and (max-width:700px){
.sll_bgd{ padding: 40px 0 50px 0;}
.slld_nr{ padding-top: 20px;}
.slld_nr ul{ flex-wrap: wrap; justify-content: flex-start;}
.slld_nr li{ flex: 0 1 32%;}
.slld_nr li:nth-child(3n-1){ margin: 0 2%;}
.slld_nr li:nth-child(n+4){ margin-top: 15px;}
.slld_sz{ font-size: 2.5rem;}
.slld_wb{ padding-left: 5px;}
.slld_wb p{ font-size: 1rem;}
.slld_wb span{font-size: 0.75rem;}
.slld_wb span br{ display: none;}
}
/*400tel*/

/*case*/
.case_banner{ background: url(../images/case_banner.jpg) no-repeat center; width: 100%; height: 500px;}
.case_tit{ text-align: center; padding-top: 195px; color: #fff;}
.case_tit h1{ display: none;}
.case_tit h3{ font-size: 3rem;}
.case_tit p{ font-size: 1.25rem; padding-top: 15px;}
.case_fl{ padding-top: 24px;}
.case_fl ul{ display: flex; justify-content: center;}
.case_fl li{ margin: 0 20px; position: relative;}
.case_fl li a{ display: block; line-height: 60px; height: 60px; font-size: 1.125rem; color: #353535; position: relative;}
.case_fl li:hover a,.case_fl li.cur a{ color: #c30d23;}
.case_fl li::after{ content: ''; width: 100%; height: 3px; background: #c30d23; position: absolute; left: 0; bottom: 0; transform: scaleX(0); transition: 0.5s;}
.case_fl li:hover::after,.case_fl li.cur::after{ transform: scaleX(1); transition: 0.5s;}
@media screen and (max-width:1300px){
.case_banner{ background-size: cover; height: 400px;}
.case_tit{padding-top: 145px;}
.case_tit h3{ font-size: 2.5rem;}
}
@media screen and (max-width:1270px){
.case_banner{ height: 300px;}
.case_tit{padding-top: 95px;}
.case_tit h3{ font-size: 2.25rem;}
.case_tit p{ font-size: 1.125rem; padding-top: 10px;}
}
@media screen and (max-width:1020px){
.case_banner{ height: 300px;}
.case_tit{padding-top: 95px;}
.case_tit h3{ font-size: 2rem;}
.case_tit p{ font-size: 1rem; padding-top: 10px; margin: 0 5%;}
}
@media screen and (max-width:700px){
.case_banner{ height: 140px;}
.case_tit{padding-top: 50px;}
.case_tit h3{ font-size: 1.375rem;}
.case_tit p{ display: none;}
.case_fl{ padding-top: 10px;}
.case_fl li a{ line-height: 40px; height: 40px; font-size: 1rem;}
}

.case_bg{ background: #fff; padding: 45px 0 85px 0; width: 100%;}
@keyframes tranbor{0%{width: 12%; right: 0;}49%{width: 0%; left: 12%;}51%{width: 0%; left: 0;}100%{width: 12%; left: 0;}}
.case_nr li{ float: left; width: 48.2%;}
.case_nr li:nth-child(2n){ float: right;}
.case_nr li:nth-child(n+3){ margin-top: 55px;}
.case_pic{ position: relative; overflow: hidden;}
.case_pic img{ display: block; width: 100%; transition: 0.5s;}
.case_nr li:hover .case_pic img{ transform: scale(1.05);}
.case_pic::after{ content: ''; border: 0 solid #fff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; transition: 0.5s;}
.case_nr li:hover .case_pic::after{ border: 20px solid #fff; transition: 0.5s;}
.case_wb{ position: relative; padding: 20px 2% 0 14%;}
.case_wb::after{ content: ''; width: 12%; height: 2px; background: #4a4a4a; position: absolute; left: 0; top: 29px;}
.case_rqps{ display: flex; justify-content: space-between; align-items: center; line-height: 20px; height: 20px;}
.case_rq{ color: #5d5d5d; font-size: 1.125rem;}
.case_mc{ margin-top: 25px; font-size: 1.5rem; color: #252525; line-height: 24px; height: 24px;}
.case_nr li:hover .case_wb::after{-webkit-animation:tranbor 1s linear 1 normal; -moz-animation:tranbor 1s linear 1 normal; -ms-animation:tranbor 1s linear 1 normal; animation:tranbor 1s linear 1 normal;}
.case_nr li:hover .indd_ps i::after{ transform: scale(1);}
.case_nr li:hover .indd_ps i:nth-child(1)::after{ transition: 0.5s;}
.case_nr li:hover .indd_ps i:nth-child(2)::after{ transition: 0.5s 0.2s;}
.case_nr li:hover .indd_ps i:nth-child(3)::after{ transition: 0.5s 0.3s;}
.case_nr li:hover .indd_ps i:nth-child(4)::after{ transition: 0.5s 0.4s;}
@media screen and (max-width:1270px){
.case_bg{padding: 25px 0 75px 0;}
.case_wb{ padding: 10px 2% 0 14%;}
.case_wb::after{ top: 18px;}
.case_mc{ margin-top: 10px; font-size: 1.375rem;}
}
@media screen and (max-width:1020px){
.case_mc{ font-size: 1.125rem;}
.case_bg{padding: 15px 0 65px 0;}
.case_nr li:hover .case_pic::after{ border: 10px solid #fff;}
}
@media screen and (max-width:700px){
.case_bg{padding: 25px 0 50px 0;}
.case_nr li{width: 49%;}
.case_nr li:nth-child(n+3){ margin-top: 25px;}
.case_nr li:hover .case_pic::after{ border: 4px solid #fff;}
.case_wb{ padding: 7px 3% 0 3%;}
.case_wb::after{ display: none;}
.case_rq{ font-size: 0.875rem;}
.case_mc{ margin-top: 5px; font-size: 1rem; height: 48px;}
}

.cshow_banner{ height: 700px; position: relative;}
.cshow_banner::before{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.8);}
.cshow_banner .kga{ position: relative; z-index: 9;}
.cshow_kg{ color: #fff; padding-left: 78px; padding-top: 220px;}
.cshow_tit{font-size: 1.125rem; line-height: 21px; height: 21px; position: relative;}
.cshow_tit::after{ content: ''; width: 69px; background: #fff; height: 1px; position: absolute; left: -78px; top: 50%;}
.cshow_mc{ padding-top: 70px; font-size: 2.25rem;}
.cshow_ms{ font-size: 3rem; padding-top: 50px;}
.cabturl{ padding: 100px 0 50px 0; width: 100%;}
.cabturl .kga{ display: flex; justify-content: space-between; align-items: flex-end;}
.cabt h1{ font-size: 3rem; color: #000;}
.cabt p{ font-size: 1.125rem; color: #4c4c4c; padding-top: 8px;}
.caurl a{ display: block; width: 44px; height: 44px; background: url(../images/curl.png) no-repeat center #000; border-radius: 50%; transition: 0.5s;}
.caurl a:hover{ background: url(../images/curl.png) no-repeat center #c30d23; transition: 0.5s;}
@media screen and (max-width:1440px){
.cshow_banner{ height: 600px; background-size: cover !important;}
.cshow_kg{padding-top: 190px;}
.cshow_mc{ padding-top: 40px; font-size: 1.875rem;}
.cshow_ms{ font-size: 2.25rem; padding-top: 30px;}
.cabt h1{ font-size: 2.5rem;}
}
@media screen and (max-width:1270px){
.cshow_banner{ height: 400px;}
.cshow_kg{padding-top: 130px;}
.cshow_mc{ padding-top: 20px; font-size: 1.875rem;}
.cshow_ms{ font-size: 2rem; padding-top: 10px;}
.cabt h1{ font-size: 2.25rem;}
.cabturl{ padding: 70px 0 30px 0;}
}
@media screen and (max-width:1020px){
.cshow_banner{ height: 300px;}
.cshow_kg{padding-top: 80px; padding-left: 48px;}
.cshow_tit{font-size: 1rem;}
.cshow_tit::after{width: 39px; left: -48px;}
.cshow_mc{ padding-top: 15px; font-size: 1.5rem;}
.cshow_ms{ font-size: 1.625rem; padding-top: 10px;}
.cabt h1{ font-size: 2rem;}
.cabturl{ padding: 40px 0 20px 0;}
}
@media screen and (max-width:700px){
.cshow_banner{ height: 150px;}
.cshow_kg{padding-top: 45px; padding-left: 48px;}
.cshow_tit{font-size: 0.9375rem;}
.cshow_tit::after{width: 39px; left: -48px;}
.cshow_mc{ padding-top: 5px; font-size: 1.375rem;}
.cshow_ms{ display: none;}
.cabt h1{ font-size: 1.5rem;}
.cabt p{ font-size: 0.9375rem; padding-top: 5px;}
.cabturl{ padding: 40px 0 10px 0;}
.caurl a{ width: 32px; height: 32px; background-size: 40%;}
}

.cbshow{width: 100%; padding-top: 0px; position: relative;}
.cbshow_img{ overflow: hidden;}
.cbshow_img img{ display: block; width: 100%;}
.cbshow_po{ position: absolute; left: 0; top: 100px; width: 100%; left: 0; z-index: 9;}
.cbshow_ms{ color: #fff; width: 50%; font-size: 1.125rem; line-height: 30px;}
.cbshow_color{ margin-top: 75px;}
.cbcolor_bt{ color: #fff;}
.cbcolor_bt p{ font-size: 2.25rem;}
.cbcolor_bt span{ display: block; font-size: 1.125rem; margin-top: 5px;}
.cbcolor_nr{ padding-top: 35px;}
.cbcolor_nr li{ float: left; width: 166px; margin-left: -39px; position: relative;}
.cbcolor_nr li:nth-child(1){ margin-left: 0; z-index: 3;}
.cbcolor_nr li:nth-child(2){ z-index: 2;}
.cbcolor_nr li:nth-child(3){ z-index: 1;}
.cbcolor_sk{ width: 166px; height: 166px; border-radius: 50%;}
.cbcolor_mc{ text-align: center; color: #fff; font-size: 1.125rem; padding-top: 20px;}
@media screen and (max-width:1440px){
.cbshow_po{top: 60px;}
.cbshow_color{ margin-top: 35px;}
.cbcolor_bt p{ font-size: 2rem;}
.cbcolor_bt span{ font-size: 1rem;}
.cbcolor_nr li{ width: 146px; margin-left: -30px;}
.cbcolor_sk{ width: 146px; height: 146px;}
.cbcolor_mc{ font-size: 1rem;}
}
@media screen and (max-width:1270px){
.cbshow_po{top: 30px;}
.cbshow_ms{ font-size: 1rem; line-height: 28px;}
.cbshow_color{ margin-top: 20px;}
.cbcolor_bt p{ font-size: 1.625rem;}
.cbcolor_nr li{ width: 126px; margin-left: -20px;}
.cbcolor_sk{ width: 126px; height: 126px;}
.cbcolor_mc{ padding-top: 10px;}
}
@media screen and (max-width:1020px){
.cbshow_ms{ width: 59%; font-size: 0.9375rem; line-height: 24px;}
.cbshow_color{ margin-top: 15px;}
.cbcolor_bt p{ font-size: 1.375rem;}
.cbcolor_bt span{ font-size: 0.875rem; margin-top: 0;}
.cbcolor_nr{ padding-top: 25px;}
.cbcolor_nr li{ width: 96px; margin-left: -20px;}
.cbcolor_sk{ width: 96px; height: 96px;}
.cbcolor_mc{ padding-top: 5px; font-size: 0.875rem;}
}
@media screen and (max-width:700px){
.cbshow_po{ top: auto; left: auto; position: relative; background: #2c3d4f; padding-top: 20px;}
.cbshow_ms{ width: 100%; font-size: 0.9375rem; line-height: 24px;}
.cbcolor_nr{ padding-top: 15px;}
.cbcolor_nr li{ width: 86px; margin-left: -10px;}
.cbcolor_sk{ width: 86px; height: 86px;}
.cbcolor_mc{ font-size: 0.875rem;}
}

.ccshow{ padding: 65px 0 115px 0; width: 100%; position: relative;}
.ccshow::before{ content: ''; width: 100%; background: #ddd; position: absolute; left: 0; bottom: 0; height: 18%;}
.ccshow .kga{ position: relative; z-index: 9;}
.ccshowt_bt{ color: #000; font-size: 2.25rem; text-align: center; padding-bottom: 43px;}
.ccshow_img{ background: #000; border-radius: 50px; overflow: hidden;}
.ccshow_img p{ margin: 28px; border-radius: 30px; overflow: hidden;}
.ccshow_img img{ display: block; width: 100%;}
.ccshow_bom{ padding-top: 175px;}
.ccshow_bom ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.ccshow_bom li{ flex: 0 1 49%; text-align: center; display: flex; justify-content: center;}
.ccshow_bom li p{ border: 12px solid #fff; border-radius: 35px; overflow: hidden; box-shadow: 0px 0px 30px rgba(0,0,0,0.2);}
.ccshow_bom li p img{ display: block; width: 100%;}
.showcp_an{ background: #fff; padding: 95px 0; width: 100%;}
.showcp_an a{ display: block; text-align: center; margin: 0 auto; max-width: 1400px; width: 100%;}
.showcp_an p{ font-size: 1.125rem; color: #000; line-height: 1em; font-weight: bold;}
.showcp_an h3{ font-size: 1.875rem; color: #000; padding: 60px 0;}
.showcp_an h3 em{ font-style: normal; color: #c30d23; padding: 0 10px;}
.showcp_an span{ display: block; font-family: 'Dinr'; color: #c30d23; font-size: 1.5rem; line-height: 1em;}
@media screen and (max-width:1440px){
.ccshow_img{ border-radius: 30px;}
.ccshow_img p{ margin: 18px; border-radius: 15px;}
}
@media screen and (max-width:1270px){
.ccshow{ padding: 40px 0 85px 0;}
.ccshowt_bt{font-size: 2rem; padding-bottom: 23px;}
.ccshow_img{border-radius: 20px;}
.ccshow_img p{ margin: 12px; border-radius: 10px;}
.ccshow_bom{ padding-top: 80px;}
.showcp_an{ padding: 45px 0;}
.showcp_an p{ font-size: 1rem;}
.showcp_an h3{ font-size: 1.5rem; padding: 30px 0;}
}
@media screen and (max-width:1020px){
.ccshow_bom li p{ border: 8px solid #fff; border-radius: 16px;}
}
@media screen and (max-width:700px){
.ccshow{ padding: 40px 0 50px 0;}
.ccshowt_bt{font-size: 1.5rem; padding-bottom: 10px;}
.ccshow_img{border-radius: 8px;}
.ccshow_img p{ margin: 3px; border-radius: 5px;}
.ccshow_bom{ padding-top: 50px;}
.ccshow_bom li p{ border: 3px solid #fff; border-radius: 5px;}
.showcp_an{ padding: 25px 0;}
.showcp_an p{ font-size: 1rem;}
.showcp_an h3{ font-size: 1.125rem; padding: 15px 0;}
.showcp_an span{ font-size: 1.125rem;}
}
/*case*/

/*news*/
.news_top{ background: #fff; padding: 30px 0 0 0;}
@keyframes newsbor{0%{width: 15%; right: 4%;}49%{width: 0%; left: 12%;}51%{width: 0%; left: -4%;}100%{width: 15%; left: -4%;}}
.news_top .kga{ display: flex; justify-content: space-between; align-items: flex-end;}
.newst_l{ color: #f1f1f1; font-size: 12.5rem; line-height: 0.4em; font-family: 'Dinr';}
.newst_bt{ text-align: right; font-size: 3rem; line-height: 1.125em;}
.newst_bt h1{ color: #c30d23;}
.newst_bt p{ color: #afafaf;}
.newst_fl{ padding: 4px 0 24px 0; }
.newst_fl ul{ display: flex; justify-content: flex-end;}
.newst_fl li{ margin-left: 38px; position: relative;}
.newst_fl li a{ display: block; line-height: 50px; height: 50px; color: #353535; font-size: 1.125rem; position: relative; z-index: 9; transition: 0.5s;}
.newst_fl li:hover a,.newst_fl li.cur a{ color: #c30d23; transition: 0.5s;}
.newst_fl li::after{ content: ''; width: 0%; height: 3px; background: #c30d23; position: absolute; left: 0; bottom: 0; transition: 0.5s;}
.newst_fl li:hover::after,.newst_fl li.cur::after{ width: 100%; transition: 0.5s;}
.news_bom{ padding: 85px 0 80px 0; background: #f5f5f5; border: 1px solid #e7e7e7; position: relative; z-index: 9;}
.news_nr li{ float: left; width: 31%; padding-bottom: 80px; position: relative;}

.pagination li{ float: left;width: 10%; padding-bottom: 40px; position: relative;}
.news_nr li:nth-child(3n-1){ margin: 0 3.5%;}
.pagination li:nth-child(3n-1){ margin: 0 2%;}
.news_pic{ overflow: hidden; position: relative;}
.news_pic img{display: block;width: 100%;transition: 0.5s;height: 300px;}
.news_nr li:hover .news_pic img{ transform: scale(1.05);}
.news_pic::after{ content: ''; border: 0 solid #f5f5f5; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; transition: 0.5s;}
.news_nr li:hover .news_pic::after{ border: 15px solid #f5f5f5; transition: 0.5s;}
.news_wb{ position: relative; padding: 20px 2% 0 14%;}
.news_wb::after{ content: ''; width: 15%; height: 1px; background: #4a4a4a; position: absolute; left: -4%; top: 29px;}
.news_nr li:hover .news_wb::after{-webkit-animation:newsbor 1s linear 1 normal; -moz-animation:newsbor 1s linear 1 normal; -ms-animation:newsbor 1s linear 1 normal; animation:newsbor 1s linear 1 normal;}
.news_lmsj{ display: flex; align-items: center;}
.news_lm{ color: #0b0b0b; font-size: 1rem;}
.news_rq{ color: #979797; font-size: 1rem; font-family: 'Dinr'; line-height: 0.8em;}
.news_bt{ margin-top: 17px; font-size: 1.5rem; color: #424141; line-height: 32px; height: 64px; overflow: hidden;}
@media screen and (max-width:1440px){
.newst_l{ font-size: 10rem;}
.newst_bt{ font-size: 2.5rem;}
}
@media screen and (max-width:1270px){
.newst_l{ font-size: 8rem;}
.newst_bt{ font-size: 2.25rem;}
.news_bom{ padding: 65px 0 50px 0;}
.news_nr li{ width: 32%; padding-bottom: 40px;}
.news_nr li:nth-child(3n-1){ margin: 0 2%;}
.news_nr li:hover .news_pic::after{ border: 8px solid #f5f5f5;}
.news_wb::after{ width: 10%; left: 0;top: 26px;}
@keyframes newsbor{0%{width: 10%; right: 0%;}49%{width: 0%; left: 10%;}51%{width: 0%; left: 0%;}100%{width: 10%; left: 0%;}}
.news_wb{ padding: 15px 2% 0 12%;}
.news_bt{ margin-top: 10px; height: 48px; line-height: 24px; font-size: 1.125rem;}
}
@media screen and (max-width:1020px){
.newst_l{ font-size: 6rem;}
.newst_bt{ font-size: 2rem;}
.news_wb{ padding: 10px 2% 0 12%;}
.news_wb::after{top: 21px;}
.news_bt{ margin-top: 7px; height: 44px; line-height: 22px; font-size: 1rem;}
}
@media screen and (max-width:700px){
.newst_l{ display: none;}
.newst_bt{ font-size: 1.5rem;}
.newst_fl{ padding: 5px 0;}
.newst_fl li a{ height: 40px; line-height: 40px;}
.news_bom{ padding: 40px 0 50px 0;}
.news_nr li{ width: 49%; padding-bottom: 25px;}
.news_nr li:nth-child(3n-1){ margin: 0;}
.news_nr li:nth-child(2n){ float: right;}
.news_wb{ padding: 5px 2% 0 2%;}
.news_wb::after{ display: none;}
.news_lm{ font-size: 0.875rem;}
.news_rq{ font-size: 0.875rem;}
.news_bt{ line-height: 20px; height: 40px; font-size: 0.9375rem; margin-top: 3px;}
}

.newsshow_title{ text-align: center;}
.newsshow_title h1{ line-height: 1.125em; font-size: 1.5rem; color: #000;}
.newsshow_title p{ margin-top: 10px; font-size: 0.875rem; color: #666;}
.newsshow_wnnr{ border-top: 1px solid #ddd; margin-top: 15px; padding: 2% 0; line-height: 1.8em;}
.bdsharebuttonbox{ margin: 0 auto; width: 140px;}
.xgnews{ margin-top: 20px;}
.xgnews-tit{ font-size: 1.5rem; color: #000; text-align: center;}
.xgnews-con{ padding-top: 25px;}
.xgnews-con ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.xgnews-con li{ flex: 0 1 48%; line-height: 40px; line-height: 40px; position: relative;}
.xgnews-con li a{ padding-left: 15px;}
.xgnews-con li span{ float: right; color: #999; font-family: 'Dinr';}
.xgnews-con li::after{ content: ''; width: 5px; height: 5px; background: #c30d23; border-radius: 50%; position: absolute; left: 0; top: 18px;}
@media screen and (max-width:1020px){
.xgnews-con li a{ font-size: 0.9375rem;}
.xgnews-con li span{ font-size: 0.875rem;}
}
@media screen and (max-width:700px){
.newsshow_title h1{font-size: 1.125rem;}
.newsshow_title p{ margin-top: 5px; font-size: 0.75rem;}
.newsshow_wnnr{ font-size: 0.9375rem; line-height: 1.75em;}
.sxyjsys{ font-size: 0.875rem;}
.xgnews-tit{ font-size: 1.125rem;}
.xgnews-con{ padding-top: 10px;}
.xgnews-con li{ flex: 0 1 100%; line-height: 34px; line-height: 34px;}
}
/*news*/

/*sitemap*/
.sitemap{ padding:40px 0 60px 0;}
.sitemap dl{ border-bottom:2px solid #ddd; padding-bottom:20px;}
.sitemap dl dt,.sitemap dl dt a{ font-size:1.5rem; margin-top:25px; margin-bottom:10px; color:#c30d23;}
.sitemap dl dd>a{ margin-right:15px; color:#777; line-height:26px;}
.sitemap dl dd>p{ padding-top:15px; padding-bottom:5px}
.sitemap dl dd>p:nth-child(1){ padding-top:0}
.sitemap dl dd>p>a{ font-size:1.125rem; color:#000;}
.sitemap dl dd>a:hover,.sitemap dl dd>p>a:hover{ color:#c30d23;}
/*sitemap*/



.fswzj{ display:none;}@media(max-width:767px){.fswzj{ position:fixed; bottom:0; z-index:999; width:100%; display:block; background:#bb0c22;}.fswzj ul{ padding:0px; margin:0px; list-style-type:none; border-top:2px solid #c1172d;}.fswzj ul li{color:#fff; width:25%; text-align:center; padding:0.3rem 0; position:relative; float:left;}.fswzj ul li a{ color:#fff;  display:block; border-left:1px solid #c1172d;}.fswzj ul li.on a{ border-left:none;}.fnav_pic{ width:24%; margin:0 auto;}.fnav_pic img{ width:100%;}.fnav_wb{font-size:0.8125rem; padding-top:2px;}footer{ padding:20px 0 120px 0;}}


@media screen and (max-width:770px){
/*分类*/
header{ background:none; width:auto; display:block;position: relative; z-index:100; margin:0; padding:0; border-radius:0; float:none !important;}
header nav li{background:none; line-height:inherit; margin-bottom:auto;}
header nav li a{ font-weight:inherit; border:none; padding:inherit; height:auto; z-index:9;}
header nav li span{ display:none;}
header nav li ul li{ margin:auto; background:none;}
header nav li ul li a{border:0; line-height:inherit;}
header nav li i{ height:40px;}
.mean-container .mean-bar {width:100%;position:relative;background:#0056ab; height:40px; z-index:99;}
.mean-container .mean-bar div.fl{ font-size:1rem; color:#fff; line-height:40px; padding-left:2%;}
.mean-container a.meanmenu-reveal {width:22px;height:22px;padding:9px 10px;position:absolute;top:0;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;	display:block;font-family:Arial, Helvetica, sans-serif;	font-weight:700}
.mean-container a.meanmenu-reveal span {display:block;background:#fff;height:3px;margin-top:3px}
.mean-container .mean-nav {float:left;width:100%;background: rgba(243,243,243,1); margin-bottom:30px;}
.mean-container .mean-nav ul {padding:0;margin:0;width:100%;list-style-type:none;}
.mean-container .mean-nav ul li {position:relative;width:100%;}
.mean-container .mean-nav ul li a {display:block;width:90%; background:none; font-size:0.875rem;padding:0 5%;height:39px; line-height:39px;margin:0;text-align:left;border-top:1px solid #383838;border-top:1px solid rgba(173, 173, 173, .5);text-decoration:none;text-transform:uppercase}
.mean-container .mean-nav ul li li a {width:80%;padding:0 10%; height:45px; line-height:45px; border-top:1px solid rgba(216,216,216,.25);	opacity:.75; filter:alpha(opacity=75);text-shadow:none!important;visibility:visible}
.mean-container .mean-nav ul li.mean-last a {border-bottom:0;margin-bottom:0}
.mean-container .mean-nav ul li a.mean-expand {width:15px;height:40px;text-align:center;position:absolute;right:0;top:0;z-index:10;font-weight:700;	background:rgba(255, 255, 255, .1);	border:0!important;	border-left:1px solid rgba(255, 255, 255, .4)!important;border-bottom:1px solid rgba(255, 255, 255, .2)!important}
.mean-container .mean-nav ul li a.mean-expand:hover {background:rgba(0,0,0,.9)}
.mean-container .mean-push {float:left;	width:100%;	padding:0;	margin:0;clear:both}
.mean-nav .wrapper {width:100%;padding:0;margin:0}
.mean-container .mean-bar, .mean-container .mean-bar * {-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.mean-remove {display:none!important}
header nav {text-align: center;background: #efefef;}
header nav ul {margin:0;padding:1em;list-style-type: none;}
/*分类*/	
}
/*导航样式*/
@media screen and (max-width:1270px){
.sp_nav{ width: 80px; height: 80px; background: #c30d23; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.sp_nav img{ display: block; box-shadow: 0px 0px 24px rgba(0,0,0,0.8);}
.sjj_nav{position:fixed; z-index:9; background:rgba(0,0,0,0.95); width:50%; height:calc(100% - 104px); line-height:40px; top:80px; right:-100%; overflow:auto; overflow-x:hidden; transition:right ease 0.5s;}
.nav_show{top:80px; right:0;}
.sjj_nav li ul,.sjj_nav li .sp_nav_xjb{ display: block;}
.sjj_nav>ul>li{ float:none; width:auto; background:none; border-top:1px solid rgba(255,255,255,0.1); margin-left:10px; position:relative;}
.sjj_nav>ul>li>a{ width: calc(100% - 50px); font-size:1rem; color:#fff; text-align:inherit; padding:inherit; height:50px; line-height:50px; background:none;}
.sjj_nav>ul>li:first-child{overflow:hidden; border-top:none;}
.sjj_nav>ul>li:first-child>a{float:left; width:calc(100% - 70px);}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav>ul>li:last-child{border-bottom:1px solid rgba(255,255,255,0.1);}
.sjj_nav ul li i{ display:block; position:absolute; top:5px; right:0px; border-left:1px solid rgba(255,255,255,0.1); height:24px; padding: 8px 10px;}
.sjj_nav ul li i svg{width:24px; height:24px; fill:#fff; transform:rotate(-90deg); transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg); fill:#c30d23;}
.sjj_nav>ul>li>ul>li{border-top:1px solid rgba(255,255,255,0.1); padding-left: 10px;}
.sjj_nav>ul>li>ul>li>a{ text-align: left; color: #fff; line-height: 50px; height: 50px;}
}
@media screen and (max-width:700px){
.sp_header{height:50px;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px; height:50px; padding:0px;}
.sjj_nav{top:50px; width:55%;}
.nav_show{top:50px;}
.sjj_nav ul li a{ font-size:0.875rem;}
}

.cd-top {
  display: inline-block;
  height: 30px;
  width: 30px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(195,0,0,0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  border-radius:50%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 9999;
}
.cd-top.cd-is-visible { visibility: visible; opacity: 1;}
.cd-top.cd-fade-out {opacity: .9;}
.no-touch .cd-top:hover {background-color: #e86256; opacity: 1;}
@media screen and (max-width:700px){
.cd-top{ display: none;}
}


/**/
.nav_bt a{
	color: rgba(255,255,255,0.6);
}
.banner_news {
	height: 570px;
	position: relative;
	color: #fff;
	background: url(../images/9_02.jpg) center no-repeat;
}
.banner_news h1{
	font-weight: bold;
	font-size: 36px;
	padding-top: 330px;
	padding-bottom: 40px;
}
.banner_news .nav_bt{
	background: none;
}
.banner_news .nav_bt .flex{
	padding-top: 18px;
	border-top: 1px solid rgba(255,255,255,0.3);
}
.newitem{
	padding: 40px 0;
	background: #f7f7f7;
}
.newitem .fl{
	width: 1020px;
}
.newitem .fl .a{
	background: #fff;
	margin-bottom: 20px;
}
.newitem .fl .a .bd{
	border-bottom: 1px solid #eee;
	padding: 20px;
}
.newitem .fl .a .bd p{
	text-indent: 2em;
	line-height: 25px;
}
.newitem .fl .a h3{
	font-size: 16px;
	font-weight: bold;
}
.newitem .fl .a h4{
	margin-top:20px;
	font-weight: bold;
}
.newitem .fl .a .ft{
	padding: 20px;
	line-height: 36px;
}
.newitem .fl .a .ft span{
	color: #999;
}
.newitem .fl .caseitem{
	background: #fff;
	padding: 20px;
}
.newitem .fl .caseitem .d{
	padding: 0;
	border: none;
}
.newitem .fl .caseitem .d h2{
	font-size: 20px;
	margin-bottom: 15px;
}
.newitem .fl .caseitem .d li{
	width: 48%;
	padding: 10px;
	float: left;
}
.newitem .fl .caseitem .d ul{
	margin: -10px;
}
.newitem .fr{
	width: 355px;
}
.newitem .fr .box{
	background: #fff;
	margin-bottom: 20px;
	padding: 20px;
}
.newitem .fr .box h3{
	font-size: 18px;
	color: #777;
}
.newitem .fr .a li{
	padding: 25px 0;
	border-bottom: 1px dashed #ddd;
}
.newitem .fr .a li:last-child{
	border: none;
}
.newitem .fr .a li p{
	color: #000;
}
.newitem .fr .a li .tip{
	color: #999;
	margin-top: 15px;
}
.newitem .fr .a li .tip span{
	display: inline-block;
	margin-right: 15px;
}
.newitem .fr .a ul{
	padding-bottom: 30px;
}
.newitem .fr .a ul:last-child{
	padding: 0;
}
.newitem .fr .b ul{
	border-top: 1px dashed #ddd;
	padding-top: 20px;
	margin: 15px -2px 0;
}
.newitem .fr .b li{
	float: left;
	width: 33.333%;
	padding: 2px;
	line-height: 30px;
}
.newitem .fr .b li a{
	display: block;
	background: #f7f7f7;
	text-align: center;
}
/**/

.container {
	width: 1400px;
	margin: 0 auto;
	position: relative;
}

/**/
.banner_info{
	height: 570px;
	color: #fff;
	position: relative;
	background: url(../images/1_02.jpg) center no-repeat;
}
.banner_info p{
	font-size: 20px;
}
.banner_info h2{
	font-size: 48px;
	padding: 180px 0 50px;
}
.nav_bt{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 18px 0;
	background: rgba(0,0,0,0.5);
	color: #fff;
}
.nav_bt .tab a{
	display: inline-block;
	width: 100px;
	line-height: 40px;
	border-radius: 20px;
	text-align: center;
	background: url(../images/b.png) right center no-repeat;
	color: #fff;
	-webkit-transition: all .3s linear;
	    -moz-transition: all .3s linear;
	    -ms-transition: all .3s linear;
	    -o-transition: all .3s linear;
	    transition: all .3s linear;
}
.nav_bt .tab a.on,.nav_bt .tab a:hover{
	background: url(../images/b.png) left center no-repeat;
	color: #fff;
}
.nav_bt .bread{
	background: url(../images/i.png) left center no-repeat;
	padding-left: 20px;
}