@charset "utf-8";
/* CSS Document */
html{ margin: 0;}
body{font-family:"Microsoft YaHei",Arial; font-size:100%; color:#434343; margin:0px auto; max-width:1920px; padding:0px; overflow-x:hidden; background: #3d3d3d;}
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:#323232; text-decoration: none;outline:none;}
a:hover, a:active {color:#ea9848; text-decoration: none;outline:none;}
.clear{clear:both;}
.kg{ width:96%; margin:0 auto; max-width:1400px;}
.kga{ width:96%; margin:0 auto; max-width:1300px;}
.fl{ float:left;}
.fr{ float:right;}
.dw{ position:relative;}
.cj{ overflow:hidden;}
.green-black {display:block; padding-top:26px; clear:both; text-align:center;}
.green-black a {padding:5px 8px 4px 8px; padding:5px 8px 4px 8px;border:1px solid #dddddd; height:12px; line-height:12px; zoom:1; font-weight:bold; font-size:12px; overflow:auto; margin-left:3px; margin-right:3px; color:#333; background:url(../images/page_bg01.png) #fff bottom repeat-x; text-decoration:none;}
.green-black a:hover {border:1px solid #ccc; height:12px; line-height:12px; zoom:1;overflow:auto;background:url(../images/page_bg02.png) top repeat-x #ffcf6f; margin-left:3px; margin-right:3px; color:#000;font-size:12px;}
.green-black span.current {padding:5px 8px 5px 8px; padding:5px 8px 4px 8px;border:1px solid #ccc; color:#000; height:12px; line-height:12px; zoom:1; overflow:auto;  background:url(../images/page_bg02.png) top repeat-x #ffcf6f; margin-left:3px; margin-right:3px; margin-top:0px; margin-bottom:0px; font-size:12px}
::-webkit-scrollbar {width:5px;height:8px;background-color:#fff;border-radius:4px; position:relative;}
::-webkit-scrollbar-thumb {background-color:#b1b1b1;border-radius:3px;}
#dituContent{ height:625px; max-width: 1880px; margin: 100px auto 0 auto;}
@media screen and (max-width:770px){
#dituContent{ height:230px;}
}
/*基础配置*/

@font-face {
 font-family:"alternate";
 src: url("../fonts/alternate.eot"),
      url("../fonts/alternate.ttf");
}
@font-face {
 font-family:"DinBlack";
 src: url("../fonts/DinBlack.eot"),
      url("../fonts/DinBlack.ttf");
}
@font-face {
 font-family:"Dinr";
 src: url("../fonts/Dinr.eot"),
      url("../fonts/Dinr.ttf");
}
@font-face {
 font-family:"Din1451std";
 src: url("../fonts/Din1451std.eot"),
      url("../fonts/Din1451std.ttf");
}
@font-face {
 font-family:"ABook";
 src: url("../fonts/ABook.eot"),
      url("../fonts/ABook.ttf");
}
@font-face {
 font-family:"AgencyFB";
 src: url("../fonts/AgencyFB.eot"),
      url("../fonts/AgencyFB.ttf");
}
@font-face {
 font-family:"BodBold";
 src: url("../fonts/BodBold.eot"),
      url("../fonts/BodBold.ttf");
}
@font-face {
 font-family:"Wrl";
 src: url("../fonts/Wrl.eot"),
      url("../fonts/Wrl.ttf");
}


/*首页style开始*/
.top_bg{ width: 100%; background: url(../images/top_bg.png) no-repeat center top; position: relative; z-index:9991; transition: 0.5s;}
.top_logo{ max-width: 1880px; margin: 0 auto; border-bottom: 1px solid rgba(255,255,255,0.1);}
.top{ display: flex; justify-content: space-between; color: #fff;}
.top_l{ height: 45px; line-height: 45px;}
.top_r a{ margin-left: 18px; display: block; float: left; line-height: 45px; height: 45px; color: #fff;}
.top_r a img{ margin-right: 5px; margin-bottom: -5px;}
.logo_tel{ height: 112px; width: 100%; position: relative; z-index: 9991;}
.logo{ top: 3px; transition: 0.5s; position: absolute; left: 0;}
.tel{ padding-top: 20px;}
.tel p{ color: #fff; font-size: 1.125rem; padding-bottom: 5px;}
.nav_bg{width: 100%; background: url(../images/nav_bg.png) no-repeat center top;}
.sp_nav i{ display:none;}
.sjj_nav>ul>li{ float:left; position:relative; width: 10%;}
.sjj_nav>ul>li:nth-last-child(1){ display: none;}
.sjj_nav li .sp_nav_xjb{display:none;}
.font_min li a{font-size: 0.875rem!important;}
.sjj_nav>ul>li>a{display:block; text-align:center; font-size:1.125rem; height:71px; line-height:71px; color:#fff; transition:0.5s; position:relative; z-index:9;}
.sjj_nav>ul>li:hover>a,.sjj_nav>ul>li.cur>a{ color: #ffcf6f; transition: 0.5s;}
.sjj_nav>ul>li::before{ content: ''; width: 1px; height: 13px; background: rgba(255,255,255,0.5); position: absolute; left: 0; top: 29px;}
.sjj_nav>ul>li:nth-child(1):before{ display: none;}
.sjj_nav>ul>li::after{ content: ''; width: 40%; left: 30%; background: #ffcf6f; height: 3px; position: absolute; bottom: 6px; 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{ position:absolute; width:100%; background:rgba(255,255,255,0.95); left:0; overflow:hidden; display:none;}
.sjj_nav>ul>li>ul>li{border-top:1px solid rgba(0,0,0,0.1);}
.sjj_nav>ul>li>ul>li:nth-child(1){ border-top:none;}
.sjj_nav>ul>li>ul>li>a{ display:block; line-height:45px; height:45px; font-size:1rem; color:#000; text-align:center; transition:0.5s;}
.sjj_nav>ul>li>ul>li:hover>a{background:#ffcf6f; transition:0.5s;}
@media screen and (max-width:1400px){
.logo img{ height: 110px;}
.tel{ padding-top: 25px;}
.tel p{font-size: 1rem;}
.tel img{ height: 32px;}
}
@media screen and (max-width:1360px){
.logo img{ height: 105px;}
}
@media screen and (max-width:1279px){
.tel{ display: none;}
.sjj_nav>ul>li>a{font-size:1rem;}
}
@media screen and (max-width:1023px){
.top_bg .kg{ width: 100%;}
.top{ display: none;}
.logo_tel{ height: 80px;}
.logo{ top: 3px; padding-left: 1%;}
.logo img{ height: 82px;}
.nav_bg .kg{ width: 60%;}
.sjj_nav>ul>li:nth-last-child(1){ display: block;}
.sjj_nav>ul>li::before,.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{border-top:1px solid rgba(255,255,255,0.1);}
}
@media screen and (max-width:767px){
.logo_tel{ height: 50px;}
.logo img{ height: 44px;}
}
/*banner*/
@keyframes topbom{ 0%{bottom:2%; opacity:1;} 50%{bottom:5%; opacity:0.7;} 100%{bottom:2%; opacity:1;}} @-webkit-keyframes topbom{ 0%{bottom:2%; opacity:1;} 50%{bottom:5%; opacity:0.7;} 100%{bottom:2%; opacity:1;}}
.banner{width:100%; position:relative; background: url(../images/banner_bg.png) no-repeat center top;}
.banner_nr{ max-width: 1880px; margin: 0 auto; width: 100%; border-bottom: 5px solid #000;}
.banner_nr li{position:relative; height:100%;}
.banner_nr li a{ display:block; width:100%;}
.banner_nr li a img{ display:block; width: 100%;}
.banner_nr li p:nth-child(2){ display: none;}
.banner_an{ position: absolute; left: 0; bottom: 4%; width: 100%; text-align: center; z-index: 99;}
.banner_an li{ display: inline-block; width: 10px; height: 10px; border-radius: 8px; margin: 0 10px; cursor: pointer; overflow: hidden; text-indent: -999em; border: 3px solid #fff; transition: 0.5s;}
.banner_an li.on{ width: 48px; border: 3px solid #ea9848; transition: 0.5s;}
.banner_jt a{ display:block; float:left; width:32px; height:64px; background: url(../images/ban_jt.png) no-repeat center; position:absolute; top: 45%; cursor:pointer; transition: 0.5s;}
.banner_jt a.prev{ left: 5%;}
.banner_jt a.next{ transform: scaleX(-1); right: 5%;}
.pageState{ display: none; color:#ffaf4f; font-family:"Dinl"; font-size:1.5rem; padding-right:20px; padding-top:14px;}
.pageState span{ color:#fff; font-size:2.25rem;}
.inda_xx{ position:absolute; bottom:3%; width:100%; text-align:center; left:0; animation:topbom 4s infinite linear; z-index:101;}
.inda_xx a{ display:block; width:50px; padding:5px 0; margin:0 auto; height:auto; cursor:pointer; border-radius:5px;}
@media screen and (max-width:1360px){
.banner_jt a{ width:22px; height:44px; background-size: cover; top: 45%;}
.banner_jt a.prev{ left: 3%;}
.banner_jt a.next{ right: 3%;}
}
@media screen and (max-width:770px){
.banner_nr li p:nth-child(1){ display: none;}
.banner_nr li p:nth-child(2){ display: block;}
}
@media screen and (max-width:767px){
.banner_an li{width: 6px; height: 6px; margin: 0 6px; border: 2px solid #fff;}
.banner_an li.on{ width: 30px; border: 2px solid #ea9848;}
.banner_jt a{ width:15px; height:30px;}
.banner_jt a.prev{ left: 2%;}
.banner_jt a.next{ right: 2%;}
}
/*banner*/

.sousgjc{ background: url(../images/sous_bg.png) no-repeat center; width: 100%; padding-top: 93px; margin-top: -54px; padding-bottom: 40px;}
.gjc{ line-height: 46px; color: #fff;}
.gjc span{ font-weight: bold;}
.gjc a{ padding: 0 15px;}
.sous{ width: 350px; background: #3d3d3d; line-height: 46px; height: 46px; border-radius: 10px;}
.sous_kg{ padding: 0 4%; width: 78%; border: 0; outline: none; background: none; height: 46px; font-family:"Microsoft YaHei"; color: #fff; font-size: 0.9375rem; display: block; float: left;}
.sous_an{ background: url(../images/sous.png) no-repeat center; width: calc(14% - 1px); height: 46px; border: 0; outline: none; float: left; border-left: 1px solid #4d4d4d;}
@media screen and (max-width:1023px){
.sousgjc{padding-top: 43px; margin-top: -25px; padding-bottom: 20px;}
.gjc a{ padding: 0 10px; font-size: 0.9375rem;}
.sous{ width: 310px;}
}
@media screen and (max-width:767px){
.sousgjc{padding-top: 40px; margin-top: -25px; padding-bottom: 15px;}
.gjc{ display: none;}
.sous{ width: 100%; float: none;}
}

.index_bga{ background: url(../images/index_bga.jpg) no-repeat center; background-size: cover; padding: 75px 0 90px 0; width: 100%; overflow: hidden;}
.inda_title{ text-align: center; color: #000;}
.inda_title h2{ font-size: 2.5rem; font-weight: bold;}
.inda_title p{ font-size: 1.5rem; font-family: 'Wrl';}
.inda_fl{ padding-top: 23px; border-bottom: 1px solid rgba(255,255,255,0.2);}
.inda_fl ul{ display: flex; justify-content: center;}
.inda_fl li,.inda_fl p{ position: relative; margin: 0 75px; cursor: pointer;}
.inda_fl li a,.inda_fl p a{ display: block; height: 70px; line-height: 70px; color: #fff; font-size: 1.25rem; transition: 0.5s;}
.inda_fl li:hover a,.inda_fl li.on a,.inda_fl p:hover a{ color: #ffe4ad; transition: 0.5s;}
.inda_fl li::after,.inda_fl p::after{ content: ''; width: 12px; height: 12px; background: #fff; border-radius: 50%; position: absolute; left: 50%; bottom: -6px; margin-left: -6px; transition: 0.5s;}
.inda_fl li:hover::after,.inda_fl li.on::after,.inda_fl p:hover::after{ background: #ffe4ad; transition: 0.5s;}
.inda_gd{ margin-top: 60px; position: relative; width: 80.729%; margin-left: 19.271%;}
.inda_nr .tempWrap{overflow: inherit !important;}
.inda_nr li{position: relative; background: #fff;}
.inda_l{ width: 23.981%; padding: 80px 1.5% 0 1.5%;}
.inda_mc h3{ font-size: 2.25rem; font-weight: bold; color: #b58f41;}
.inda_mc p{ font-size: 1.125rem; color: #acacac; font-family: 'Dinr';}
.inda_ms{ font-size: 1.125rem; line-height: 28px; margin-top: 28px; color: #676767;}
.inda_yw{ position: absolute; bottom: 1.5%; left: 18%; font-family: 'ABook'; font-size: 7.5rem; color: rgba(0,0,0,.3); text-transform: uppercase;}
.inda_r{ width: 73.019%; position: relative;}
.inda_r::after{ content: ''; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.6); width: 100%; height: 100%; transition: 0.5s;}
.inda_nr li.cur .inda_r::after{ background: rgba(0,0,0,0); transition: 0.5s;}
.inda_r img{ display: block; width: 100%;}
.inda_jt{ position: absolute; left: 38px; bottom: 38px;}
.inda_jt a{ display: block; width: 50px; height: 70px; float: left; cursor: pointer;}
.inda_jt a.prev{ background: url(../images/inda_l.png) no-repeat center #ffcf6f;}
.inda_jt a.next{ background: url(../images/inda_r.png) no-repeat center #000; margin-left: 2px;}
@media screen and (max-width:1500px){
.inda_l{padding: 40px 1.5% 0 1.5%;}
.inda_mc h3{ font-size: 1.875rem;}
.inda_mc p{ font-size: 1rem;}
.inda_ms{ font-size: 1rem; line-height: 24px; margin-top: 15px;}
.inda_ms br{ display: none;}
.inda_yw{font-size: 6rem;}
.inda_jt a{ width: 40px; height: 60px;}
}
@media screen and (max-width:1360px){
.inda_yw{font-size: 5rem; bottom: 2%;}
.inda_jt{ position: absolute; left: 2%; bottom: 6%;}
.inda_jt a{ width: 32px; height: 54px;}
}
@media screen and (max-width:1279px){
.index_bga{ padding: 55px 0 70px 0;}
.inda_title h2{ font-size: 2rem;}
.inda_title p{ font-size: 1.25rem;}
.inda_fl ul{ justify-content: space-around;}
.inda_fl li,.inda_fl p{margin: 0 ;}
.inda_gd{ margin-top: 40px; width: 100%; margin-left: 0%;}
}
@media screen and (max-width:1023px){
.index_bga{ padding: 50px 0 60px 0;}
.inda_title h2{ font-size: 1.875rem;}
.inda_title p{ font-size: 1.125rem;}
.inda_fl li a, .inda_fl p a{ height: 50px; line-height: 50px; font-size: 1.125rem;}
.inda_l{padding: 15px 1.5% 0 1.5%;}
.inda_mc h3{ font-size: 1.375rem;}
.inda_mc p{ font-size: 0.875rem;}
.inda_ms{ font-size: 0.875rem; line-height: 22px; margin-top: 10px; color: #676767;}
.inda_jt{left: 2%; bottom: 3%;}
.inda_jt a{ width: 26px; height: 44px;}
.inda_yw{font-size: 4rem; bottom: 2%; line-height: 0.8em;}
.inda_r::after{background: rgba(0,0,0,0);}
}
@media screen and (max-width:767px){
.index_bga{ padding: 40px 0 0px 0;}
.inda_title h2{ font-size: 1.625rem;}
.inda_title p{ font-size: 1rem;}
.inda_fl{display: none;}
.inda_gd{ margin-top: 20px;}
.inda_l{ float: none; width: auto; padding: 25px 3% 10px 3%;}
.inda_r{ float: none; width: auto;}
.inda_ms{ height: 110px;}
.inda_jt{ display: none;}
}

.index_bgb{ width: 100%; background: url(../images/index_bgb.jpg) no-repeat center fixed; width: 100%; padding: 85px 0 95px 0; overflow: hidden;}
.indb_kg{ max-width: 1500px; width: 96%; margin: 0 auto; display: flex; justify-content: space-between;}
.indb_l{ flex: 0 0 465px;}
.indb_bt{ color: #fff; font-size: 2.25rem;}
.indb_tit{ color: #d3b16d;}
.indb_tit span{ font-family: 'ABook'; font-size: 11.25rem; font-weight: normal; line-height: 0.9em; float: left;}
.indb_tit p{font-size: 4.5rem; font-weight: bold; float: left; padding-top: 48px;}
.indb_yw{ font-size: 10rem; color: rgba(255,255,255,0.2); line-height: 0.75em; font-family: 'Din1451std'; margin-top: 10px;}
.indb_r ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.indb_r li{position: relative; flex: 0 1 31.21%; cursor: pointer;}
.indb_r li::after{ content: ''; width: 1px; height: 100%; background: rgba(255,255,255,0.2); position: absolute; right: -5.1%; top: 0;}
.indb_r li:nth-child(3n):after{ display: none;}
.indb_r li:nth-child(-n+3){ margin-bottom: 48px;}
.indb_r li::before{ width: 40px; height: 40px; text-align: center; line-height: 40px; font-family: 'Dinr'; font-size: 1.5rem; position: absolute; right: 0; bottom: 0; background: #d3b16d; color: #fff; padding: 90px 0 0 90px; opacity: 0;}
.indb_r li:hover::before{ opacity: 1; transition: 0.5s 0.3s;}
.indb_r li:nth-child(1):before{ content: '01';}
.indb_r li:nth-child(2):before{ content: '02';}
.indb_r li:nth-child(3):before{ content: '03';}
.indb_r li:nth-child(4):before{ content: '04';}
.indb_r li:nth-child(5):before{ content: '05';}
.indb_r li:nth-child(6):before{ content: '06';}
.indb_bg{ overflow: hidden; opacity: 0; position: relative; z-index: 1; transition: 0.5s;}
.indb_bg img{ display: block; width: 100%;}
.indb_r li:hover .indb_bg{ opacity: 1; border-radius: 60px 0 110px 0; transition: 0.5s;}
.indb_po{ position: absolute; left: 9%; top: 0; width: 82%; padding-top: 20px; z-index: 9;}
.indb_pic{ position: relative;}
.indb_pic span{ display: block; position: absolute; left: 0; top: 0;}
.indb_r li:hover .indb_pic p,.indb_r li .indb_pic span{ transform: scale(0); transition: 0.5s;}
.indb_r li .indb_pic p,.indb_r li:hover .indb_pic span{ transform: scale(1); transition: 0.5s;}
.indb_mc{ font-size: 2.25rem; line-height: 66px; height: 66px; color: #fff; transition: 0.5s;}
.indb_ms{ line-height: 24px; color: #fff; margin-top: 5px;}
.indb_r li:hover .indb_mc{ color: #d3b16d; transition: 0.5s;}
@media screen and (max-width:1400px){
.indb_yw{ font-size: 9rem;}
.indb_mc{ font-size: 2rem;}
}
@media screen and (max-width:1360px){
.indb_tit span{ font-size: 10rem;}
.indb_tit p{ font-size: 4rem;}
.indb_r li:hover .indb_bg{border-radius: 30px 0 100px 0;}
.indb_po{left: 5%; width: 90%; padding-top: 20px; z-index: 9;}
.indb_pic img{ height: 50px;}
.indb_mc{font-size: 1.75rem; line-height: 46px; height: 46px;}
.indb_yw{ font-size: 8.5rem;}
}
@media screen and (max-width:1279px){
.index_bgb{ background-attachment: inherit; background-size: cover; padding: 75px 0 85px 0;}
.indb_l{ flex: 0 0 335px;}
.indb_bt{font-size: 2rem;}
.indb_tit span{font-size: 7rem;}
.indb_tit p{font-size: 2.5rem; padding-top: 40px;}
.indb_yw{ font-size: 7rem;}
.indb_po{left: 3%; width: 94%; padding-top: 10px; z-index: 9;}
.indb_pic img{ height: 40px;}
.indb_mc{font-size: 1.5rem; line-height: 40px; height: 40px;}
.indb_ms{ font-size: 0.875rem; line-height: 22px;}
.indb_r li::before{ font-size: 1.375rem;}
}
@media screen and (max-width:1023px){
.indb_kg{ display: block;}
.indb_l{ display: flex; justify-content: space-between;}
.indb_yw{ display: none;}
.indb_r{ padding-top: 30px;}
.indb_ms{ font-size: 0.9375rem; line-height: 26px;}
}
@media screen and (max-width:767px){
.index_bgb{padding: 40px 0 50px 0;}
.indb_bt{ font-size: 1.5rem;}
.indb_tit span{font-size: 5rem;}
.indb_tit p{font-size: 1.625rem;padding-top: 28px;}
.indb_pic{ text-align: center;}
.indb_pic span{ text-align: center; width: 100%;}
.indb_r li:nth-child(-n+3){ margin-bottom: 15px;}
.indb_r li:hover .indb_bg{ border-radius: 10px 0 60px 0;}
.indb_po{padding-top: 35px;}
.indb_mc{font-size: 1.125rem; text-align: center;}
.indb_ms{ display: none;}
.indb_r li::before{ width: 22px; height: 22px; line-height: 22px; font-size: 1.125rem; padding: 35px 0 0 35px;}
}

.index_bgc{ background: url(../images/index_bgc.png) repeat-y; width: 100%; padding: 50px 0 90px 0; position: relative; z-index: 9;}
.indc_title{ text-align: center; position: relative; z-index: 9;}
.indc_title h2{ font-size: 2.5rem; color: #e1bb70; font-weight: bold;}
.indc_title p{ font-size: 1.5rem; color: #fff; font-family: 'Wrl';}
.indc_nr{ margin-top: 50px; position: relative;}
.indc_kx{ width: 96.43%;}
.indc_kx img{ display: block; width: 100%;}
.indc_pic{ position: absolute; right: 0; top: 6.5%; width: 85.715%;}
.indc_pic img{ display: block; width: 100%;}
.indc_xgn{ position: absolute; left: -55px; bottom: 10px; width: 46.072%; z-index: 2;}
.indc_xgn img{ display: block; width: 100%;}
.indc_an{ position: absolute; width: 100%; left: 0; bottom: 15%; z-index: 9;}
.indc_an a{ display: block; width: 150px; height: 50px; line-height: 50px; text-align: center; font-size: 1.125rem; color: #000; text-align: center; background: #fff; margin: 0 auto; transition: 0.5s;}
.indc_an a:hover{ background: #e1bb70; color: #fff; transition: 0.5s;}
.indc_li{ padding-top: 25px;}
.indc_li ul{ display: flex; justify-content: space-between;}
.indc_li li{ flex: 0 1 19%;}
.indc_img{ overflow: hidden; border: 3px solid #ffe7b6;}
.indc_img img{ display: block; width: 100%; transition: 0.5s;}
.indc_li li:hover .indc_img img{ transform: scale(1.05);}
.indc_mc{ text-align: center; color: #fff; font-size: 1.125rem; height: 50px; line-height: 50px; overflow: hidden; transition: 0.5s;}
.indc_li li:hover .indc_mc{ color: #e1bb70; transition: 0.5s;}
@media screen and (max-width:1279px){
.index_bgc{padding: 50px 0 70px 0;}
.indc_title h2{ font-size: 2rem;}
.indc_title p{ font-size: 1.25rem;}
.indc_nr{ margin-top: 30px;}
.indc_an a{width: 130px; height: 40px; line-height: 40px; font-size: 1rem;}
.indc_img{ border: 2px solid #ffe7b6;}
.indc_mc{font-size: 1rem; height: 40px; line-height: 40px;}
}
@media screen and (max-width:1023px){
.index_bgc{padding: 30px 0 50px 0;}
.indc_mc{font-size: 0.9375rem; height: 34px; line-height: 34px;}
}
@media screen and (max-width:767px){
.index_bgc{padding: 25px 0 40px 0;}
.indc_title h2{ font-size: 1.625rem;}
.indc_title p{ font-size: 1rem;}
.indc_nr{ margin-top: 15px;}
.indc_an a{ font-size: 0.875rem; line-height: 30px; width: 100px; height: 30px;}
.indc_li ul{ flex-wrap: wrap;}
.indc_li li{ flex: 0 1 49%;}
.indc_li li:nth-child(n+3){ flex: 0 1 32%; margin-top: 10px;}
}

.index_bgd{ background: url(../images/index_bgd.jpg) no-repeat center; background-size: cover; width: 100%; padding: 60px 0 85px 0; overflow: hidden;}
.indd_nr{ padding-top: 45px;}
.indd_nr ul{ display: flex; justify-content: space-between;}
.indd_nr li{ flex: 0 1 31.15%; position: relative;}
.indd_nr li::after{ content: ''; width: 0%; height: 3px; background: #ffcf6f; position: absolute; left: 0; bottom: 0px; transition: 0.5s;}
.indd_nr li:hover::after{ width: 100%; transition: 0.5s;}
.indd_pic{ border: 3px solid #ffcf6f; 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{ padding: 15px 0 25px 0; border-bottom: 3px solid #fff;}
.indd_wb h3{ line-height: 40px; height: 40px; color: #ffcf6f; font-size: 1.5rem; font-weight: bold;}
.indd_wb p{ line-height: 30px; color: #fff; height: 90px; margin-top: 5px;}
.indd_tel{ text-align: center; padding-top: 64px;}
.indd_tel a{ display: block;}
.indd_tel a:nth-child(1){ width: 170px; height: 48px; line-height: 48px; color: #000; background: #ffcf6f; text-align: center; margin: 0 auto;}
.indd_tel a:nth-child(1) img{ margin-bottom: -6px; margin-right: 9px;}
.indd_tel a:nth-child(2){ text-align: center; color: #fff; display: block; font-family: 'ABook'; padding-top: 10px; font-size: 1.875rem;}
.indd_an{ display: none;}
@media screen and (max-width:1360px){
.indd_wb p{ height: auto; line-height: 26px;}
}
@media screen and (max-width:1279px){
.indd_nr li{ flex: 0 1 32%;}
.indd_nr li::after{height: 2px;}
.indd_wb{ padding: 15px 0 20px 0; border-bottom: 2px solid #fff;}
.indd_wb h3{ line-height: 30px; height: 30px; font-size: 1.375rem;}
.indd_wb p{ font-size: 0.9375rem; line-height: 24px;}
.indd_tel{ padding-top: 50px;}
}
@media screen and (max-width:1023px){
.indd_nr{ padding-top: 35px;}
.indd_wb p{ font-size: 0.875rem; line-height: 22px;}
}
@media screen and (max-width:767px){
.index_bgd{padding: 40px 0 50px 0; overflow: hidden;}
.indd_nr{ padding-top: 25px;}
.indd_nr li{ flex: 0 1 100%;}
.indd_tel{padding-top: 30px;}
.indd_tel a:nth-child(1){ width: 150px; height: 40px; line-height: 40px;}
.indd_tel a:nth-child(1) img{ margin-bottom: -4px; margin-right: 5px; height: 24px;}
}

.index_bge{background: url(../images/index_bge.jpg) no-repeat center top; background-size: cover; width: 100%; padding: 55px 0 115px 0; overflow: hidden;}
.inde_kg{ margin-top: 55px; position: relative;}
.inde_gd{ width: 47.572%;}
.inde_nr{ border: 3px solid #fff;}
.inde_nr li{ overflow: hidden;}
.inde_nr li img{ display: block; width: 100%;}
.inde_an{ padding-top: 28px;}
.inde_an ul{ display: flex; justify-content: space-between;}
.inde_an li{ flex: 0 1 31%; cursor: pointer;}
.inde_an li a{ display: block; border: 3px solid #858585; position: relative;}
.inde_an li a::after{ content: ''; width: 100%; height: 100%; background: rgba(0,0,0,.3); position: absolute; left: 0; top: 0; transition: 0.5s;}
.inde_an li.on a::after{ background: rgba(0,0,0,0); transition: 0.5s;}
.inde_an li a img{ display: block; width: 100%;}
.inde_an li.on a{ border: 3px solid #ffcf6f;}
.inde_po{ width: 46%; padding: 43px 4%; position: absolute; right: 0; top: 13%; background: rgba(173,135,60,0.95);}
.inde_bt{ display: flex; height: 57px; line-height: 57px;}
.inde_bt p{ font-size: 3.125rem; color: #fff; font-weight: bold;}
.inde_bt span{ display: block; background: #674400; padding: 0 18px; color: #fff; height: 57px; font-size: 2.5rem; color: #fff; margin-left: 28px;}
.inde_zj{ line-height: 30px; font-size: 1.5rem; color: #fff; padding: 10px 0;}
.inde_zj::after{ content: ''; width: 47px; height: 2px; background: #fff; display: block; margin-top: 18px;}
.inde_ms{ color: #fff; font-size: 1.25rem; line-height: 24px; margin-top: 13px; font-family: 'Wrl';}
.inde_more{ padding-top: 23px;}
.inde_more a{ display: block; width: 140px; height: 46px; line-height: 46px; text-align: center; color: #fff; background: #000; font-size: 1.125rem; transition: 0.5s;}
.inde_more a:hover{ background: #674400; transition: 0.5s;}
@media screen and (max-width:1279px){
.index_bge{padding: 55px 0 85px 0;}
.inde_kg{ margin-top: 35px;}
.inde_po{ padding: 30px 4%; top: 10%;}
.inde_bt{ height: 50px; line-height: 50px;}
.inde_bt p{ font-size: 2.25rem;}
.inde_bt span{height: 50px; font-size: 2rem; margin-left: 18px;}
.inde_zj{ line-height: 24px; font-size: 1.25rem;}
.inde_zj::after{ width: 37px; margin-top: 15px;}
.inde_ms{font-size: 1rem;}
.inde_more{ padding-top: 15px;}
.inde_more a{width: 120px; height: 40px; line-height: 40px; font-size: 1rem;}
.inde_an{ padding-top: 13px;}
.inde_an li{ flex: 0 1 32%;}
}
@media screen and (max-width:1023px){
.inde_po{ width: 50%; padding: 25px 2%; top: 5%;}
.inde_bt{height: 40px; line-height: 40px;}
.inde_bt p{ font-size: 1.875rem;}
.inde_bt span{padding: 0 18px; height: 40px; font-size: 1.5rem; margin-left: 15px;}
.inde_zj{ font-size: 1.125rem; line-height: 22px;}
.inde_zj::after{ width: 32px;}
.inde_ms{ font-size: 1rem; margin-top: 8px;}
.inde_more a{ width: 100px; height: 34px; line-height: 34px; font-size: 0.875rem;}
}
@media screen and (max-width:767px){
.index_bge{padding: 40px 0 50px 0;}
.inde_po{ width: auto; padding: 20px 2%; top: auto; right: auto; position: relative;}
.inde_bt{height: 36px; line-height: 36px;}
.inde_bt p{ font-size: 1.5rem;}
.inde_bt span{padding: 0 15px; height: 36px; font-size: 1.25rem; margin-left: 10px;}
.inde_zj{ font-size: 1rem;}
.inde_zj::after{ margin-top: 13px;}
.inde_gd{ width: auto;}
.inde_kg{ margin-top: 25px;}
.inde_an li a{border: 2px solid #858585;}
.inde_an li.on a{border: 2px solid #ffcf6f;}
}

.index_bgf{ background: url(../images/index_bgf.jpg) no-repeat center fixed; width: 100%; padding: 48px 0 215px 0; overflow: hidden;}
.indf_gd{ margin-top: 40px; position: relative;}
.indf_nr li{ float: left; width: 25%;}
.indf_nr li a{ display: block; margin: 0 2%;}
.indf_pic{ border: 3px solid #ffcf6f; overflow: hidden;}
.indf_pic img{ display: block; width: 100%; transition: 0.5s;}
.indf_nr li:hover .indf_pic img{ transform: scale(1.05);}
.indf_mc{ height: 50px; line-height: 50px; color: #000; text-align: center; overflow: hidden; background: #ffcf6f; font-size: 1.125rem;}
.indf_jt a{ display: block; position: absolute; top: 42%; cursor: pointer;}
.indf_jt a.prev{ left: -40px;}
.indf_jt a.next{ right: -40px; transform: scaleX(-1);}
.indf_jt a img{ width: 23px;}
.indlc{ margin-top: 110px; position: relative;}
.indlc_tit{ position: absolute; left: 0; top: 0;}
.indlc_bt{ font-size: 2.25rem; font-weight: bold; color: #ebc985; line-height: 60px;}
.indlc_ms{ color: #fff; line-height: 36px; font-size: 1.5rem; margin-top: 10px;}
.indlc_nr{ width: 81%; margin-left: 19%;}
.indlc_nr li{ float: left; width: 16%; text-align: center; padding-left: 5%; position: relative;}
.indlc_nr li:nth-child(n+6){ float: right; margin-top: 35px;}
.indlc_nr li:nth-child(1),.indlc_nr li:nth-child(10){ padding-left: 0;}
.indlc_nr li::after{ content: ''; background: url(../images/indf_dd.png) repeat-x; height: 2px; position: absolute; left: 0; top: 38%; width: 25%;}
.indlc_nr li:nth-child(1)::after{ background: none;}
.indlc_nr li:nth-child(10)::after{ left: -33%; width: 36%;}
.indlc_nr li:nth-child(5)::before{ content: ''; background: url(../images/indf_dda.png) no-repeat; height: 27px; position: absolute; right: 37%; bottom: -14%; width: 2px;}
.indlc_mc{ color: #fff; font-family: 'Wrl'; font-size: 1.5rem; height: 45px; line-height: 45px;}
.indlc_an{ padding-top: 105px;}
.indlc_an a{ display: block; width: 185px; height: 50px; line-height: 50px; text-align: center; color: #000; font-size: 1.5rem; background: #ffcf6f;}
.indf_an,.ydbolk{ display: none;}
@media screen and (max-width:1500px){
.indf_jt a.prev{ left: -2%;}
.indf_jt a.next{ right: -2%;}
}
@media screen and (max-width:1360px){
.indlc_mc{font-size: 1.375rem;}
}
@media screen and (max-width:1279px){
.index_bgf{ background-attachment: inherit; background-size: cover;}
.indf_gd{ margin: 40px auto 0 auto; width: 96%;}
.indf_jt a.prev{ left: -3%;}
.indf_jt a.next{ right: -3%;}
.indf_jt a img{ width: 20px;}
.indf_mc{ height: 40px; line-height: 40px; font-size: 1rem;}
.indlc{ margin-top: 90px;}
.indlc_pic img{ width: 100%;}
.indlc_mc{ font-size: 1.125rem;}
.indlc_nr li::after{ width: 20%; left: 2px;}
.indlc_nr li:nth-child(10)::after{ left: -29%; width: 23%;}
.indlc_bt{ font-size: 1.75rem; line-height: 50px;}
.indlc_ms{ font-size: 1.25rem; line-height: 32px;}
.indlc_an{ padding-top: 95px;}
.indlc_an a{ width: 140px; height: 46px; line-height: 46px; font-size: 1.375rem;}
}
@media screen and (max-width:1023px){
.index_bgf{padding: 48px 0 180px 0; overflow: hidden;}
.indf_gd{ margin: 25px auto 0 auto;}
.indf_nr{ overflow: hidden;}
.indf_nr li{ width: 33.333%;}
.indlc{margin-top: 60px;}
.indlc_tit{ position: relative; left: auto; top: auto;}
.indlc_an{ position: absolute; right: 0; bottom: 0; padding-top: 0;}
.indlc_nr li:nth-child(10)::after{ display: none;}
.indlc_nr{ width: auto; margin-left: 0; padding-top: 40px;}
.indlc_mc{ font-size: 1rem;}
}
@media screen and (max-width:767px){
.index_bgf{padding: 40px 0 100px 0; overflow: hidden;}
.indf_gd{ margin: 20px auto 0 auto;}
.indlc{margin-top: 40px;}
.pcbolk{ display: none;}
.ydbolk{ display: block;}
.indf_jt a img{ width: 12px;}
.indf_nr li{ width: 49.5%;}
.indf_nr li:nth-child(2){ float: right;}
.indlc_bt{ font-size: 1.5rem; line-height: 40px;}
.indlc_ms{ margin-top: 0;}
.indlc_ms{ font-size: 1rem; line-height: 24px;}
.indlc_an a{ width: 100px; height: 32px; line-height: 32px; font-size: 0.9375rem;}
.indlc_nr{ padding-top: 30px;}
.indlc_nr li{ width: 28%;  padding-left: 0%;}
.indlc_nr li:nth-child(3n-1){ margin: 0 8%;}
.indlc_nr li:nth-child(n+4){ float: right; margin-top: 35px;}
.indlc_nr li:nth-child(n+7){ float: left;}
.indlc_nr li:nth-last-child(1){ float: right;}
.indlc_nr li::after{left: -25%;}
.indlc_nr li:nth-child(3)::before,.indlc_nr li:nth-child(6)::before,.indlc_nr li:nth-child(9)::before{content: ''; background: url(../images/indf_dda.png) no-repeat; height: 20px; position: absolute; right: 48%; bottom: -19%; width: 2px;}
.indlc_nr li:nth-child(5)::before{ display: none;}
.indlc_mc{ font-size: 0.875rem; line-height: 30px; height: 30px;}
}

.index_bgg{ background: url(../images/index_bgg.jpg) repeat; width: 100%; padding: 23px 0 70px 0; position: relative; z-index: 9;}
.index_bgg::before{ content: ''; width: 100%; background: url(../images/indg_pic.png) no-repeat center top; height: 100%; position: absolute; left: 0; top: -143px;}
.index_bgg .kg{position: relative; z-index: 9;}
.indg_title{ text-align: center;}
.indg_bt{ display: inline-block; background: rgba(0,0,0,0.7); color: #fff; padding: 20px 35px; border-radius: 20px;}
.indg_bt h2{ font-size: 2.5rem; font-weight: bold;}
.indg_bt p{ font-size: 1.5rem;}
.indg_nr{ padding-top: 12px;}
.indg_nr li{ float: left; width: 49%; margin-top: 20px; position: relative;}
.indg_nr li:nth-child(2n){ float: right;}
.indg_nr li::before{ content: ''; width: 100%; background: #f6daa3; height: 95%; box-shadow: 2px 3px 1px rgba(0,0,0,0.7); position: absolute; left: 0; top: 0;}
.indg_nr li:nth-child(2)::before,.indg_nr li:nth-child(3)::before{background: #fff0d1;}
.indg_nr li a{ display: block; padding: 17px 19px 0 30px; position: relative; z-index: 9;}
.indg_l{ width: 46%;}
.indg_mc{ height: 80px; line-height: 80px; color: #000; font-size: 1.5rem; font-weight: bold;}
.indg_ms{ line-height: 24px; color: #000; height: 144px;}
.indg_more{ margin-top: 24px; width: 97px; height: 40px; background: #000; text-align: center; color: #fff; line-height: 40px; transition: 0.5s;}
.indg_nr li:hover .indg_more{ background: #674400; transition: 0.5s;}
.indg_r{ width: 48.51%;}
.indg_r p{ border: 2px solid #fff; overflow: hidden;}
.indg_r p img{ display: block; width: 100%; transition: 0.5s;}
.indg_nr li:hover .indg_r p img{ transform: scale(1.05);}
.indg_mo{ padding-top: 55px; text-align: center;}
.indg_mo a{ padding: 4px; position: relative; display: inline-block;}
.indg_mo a p{ font-size: 1.5rem; color: #aa1b1b; font-weight: bold; position: relative; z-index: 9; transition: 0.5s;}
.indg_mo a::before{ content: ''; width: 100%; height: 10px; background: #fff; position: absolute; left: 0; bottom: 0; transition: 0.5s;}
.indg_mo a:hover p{ color: #000; transition: 0.5s;}
.indg_mo a:hover::before{ background: #aa1b1b; transition: 0.5s;}
@media screen and (max-width:1360px){
.indg_nr li a{padding: 10px 10px 0 12px;}
.indg_l{ width: 50%;}
.indg_mc{ height: 50px; line-height: 50px;}
}
@media screen and (max-width:1279px){
.indg_mc{ height: 40px; line-height: 40px; font-size: 1.375rem;}
.indg_ms{ font-size: 0.875rem; line-height: 20px; height: 140px;}
.indg_more{ width: 90px; height: 34px; line-height: 34px; margin-top: 15px; font-size: 0.875rem;}
}
@media screen and (max-width:1279px){
.indg_bt h2{ font-size: 2em;}
.indg_bt p{ font-size: 1.25rem;}
.indg_more{ height: 30px; line-height: 30px;}
}
@media screen and (max-width:767px){
.index_bgg{padding: 20px 0 50px 0;}
.indg_bt{padding: 15px 20px; border-radius: 10px;}
.indg_bt h2{ font-size: 1.625rem;}
.indg_bt p{ font-size: 1rem;}
.indg_nr li a{ padding: 5px 5px 0 6px;}
.indg_l{ width: auto; float: none;}
.indg_ms,.indg_more{ display: none;}
.indg_r{ width: auto; float: none;}
.indg_mc{ font-size: 1.25rem; text-align: center;}
.indg_mo{ padding-top: 25px;}
.indg_mo a p{ font-size: 1.125rem;}
}

.index_bgh{ background: url(../images/index_bgh.jpg) no-repeat center fixed; width: 100%; padding: 80px 0 70px 0; overflow: hidden;}
.indh_title{ background: rgba(211,177,109,0.9); padding: 40px 0 20px 0; text-align: center; position: relative;}
.indh_title span{ display: block; font-size: 7.5rem; position: absolute; bottom: 0; left: 0; width: 100%; line-height: 0.5em; text-align: center; font-family: 'Din1451std'; color: rgba(255,255,255,0.2);}
.indh_title p{font-size: 3.75rem; color: #fff; font-family: 'Dinr'; line-height: 0.75em; padding: 0 20px; position: relative; z-index: 9; display: inline-block;}
.indh_title p i{ position: absolute; right: 0; top: 0; font-style: normal; font-size: 1.875rem; line-height: 0.5em;}
.indh_title h2{ font-size: 2.5rem; color: #000; position: relative; z-index: 9;}
.indh_gd{ background: #fff; padding: 40px 0% 55px 0%; position: relative; z-index: 9; box-shadow: 0px 0px 15px rgba(0,0,0,.3);}
.indh_fl{padding: 0 3.5%;}
.indh_fl li{ float: left; margin-right: 15px; position: relative;}
.indh_fl li a{ display: block; width: 136px; height: 46px; border: 2px solid #c7c7c7; text-align: center; line-height: 46px; font-size: 1.125rem; color: #000; position: relative; z-index: 9; transition: 0.5s;}
.indh_fl li:hover a,.indh_fl li.on a{ color: #fff; border: 2px solid #d3b16d; transition: 0.5s;}
.indh_fl li::before{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #d3b16d; transform: scale(0); transition: 0.5s;}
.indh_fl li:hover::before,.indh_fl li.on::before{ transform: scale(1); transition: 0.5s;}
.indh_nr{ position: relative; margin-top: 19px; padding: 0 3.5%; width:93%;}
.indh_an{ width: 37.709%;}
.indh_an li{ float: left; cursor: pointer; position: relative; width: 49%; margin-bottom: 2%;}
.indh_an li:nth-child(2n){ float: right;}
.indh_an li a{ display: block; position: relative; transition: 0.5s;}
.indh_an li a img{ display: block; width: 100%;}
.indh_an li::before{ content: ''; position: absolute; z-index: 2; left: 0; top: 0; background: rgba(0,0,0,0.6); width: 100%; height: 100%; transition: 0.5s;}
.indh_an li:hover::before,.indh_an li.on::before{ background: rgba(0,0,0,0); transition: 0.5s;}
.indh_an li::after{ content: ''; border: 2px solid rgba(255,207,101,0); position: absolute; z-index: 3; width: calc( 100% - 4px ); height: calc( 100% - 4px ); left: 0; top: 0;}
.indh_an li:hover::after,.indh_an li.on::after{border: 2px solid rgba(255,207,101,1);}
.indh_img{ width: 57.5%;}
.indh_img li{ position: relative;}
.indh_tp{ overflow: hidden;}
.indh_tp img{ display: block; width: 100%;}
.indh_mc{ position: absolute; width: 92%; left: 0; bottom: 0; background: rgba(0,0,0,.7); height: 50px; line-height: 50px; color: #fff; font-size: 1.125rem; padding: 0 4%;}
.indc_jt{ width: 39%; position: absolute; top: 45%; left: 1.5%;}
.indc_jt a{ cursor: pointer;}
.indc_jt a.prev{ float: left;}
.indc_jt a.next{ float: right; transform: scaleX(-1);}
@media screen and (max-width:1279px){
.index_bgh{ background-attachment: inherit; background-size: cover; padding: 70px 0;}
.indh_title{ padding: 20px 0 10px 0;}
.indh_title span{font-size: 6rem;}
.indh_title p{font-size: 3rem;}
.indh_title p i{font-size: 1.5rem;}
.indh_title h2{ font-size: 2rem;}
.indh_gd{ padding: 30px 0% 35px 0%;}
.indh_fl li a{width: 130px; height: 40px; line-height: 40px; font-size: 1rem;}
}
@media screen and (max-width:1023px){
.indc_jt a img{ height: 25px;}
}
@media screen and (max-width:767px){
.index_bgh{padding: 50px 0 60px 0;}
.indh_title{ padding: 15px 0 8px 0;}
.indh_title span{font-size: 3rem;}
.indh_title p{font-size: 2rem; padding: 0 15px;}
.indh_title p i{font-size: 1.25rem;}
.indh_title h2{ font-size: 1.625rem;}
.indh_gd{ padding: 15px 0 20px 0;}
.indh_fl li{ margin-right: 5px;}
.indh_fl li a{ width: 105px; height: 32px; line-height: 32px;}
.indh_an{ padding-top: 2%;}
.indh_an li{width: 32%; margin-bottom: 2%;}
.indh_an li:nth-child(2n){ float: left;}
.indh_an li:nth-child(3n-1){ margin: 0 2% 2% 2%;}
.indh_an,.indh_img{ width: auto; float: none;}
.indh_mc{height: 40px; line-height: 40px; font-size: 1rem; padding: 0 4%;}
.indc_jt{ display: none;}
}

.index_bgi{ background: url(../images/index_bgi.jpg) no-repeat center top; background-size: cover; width: 100%; padding: 100px 0 80px 0; overflow: hidden;}
.indi_nr{ display: flex; align-items: flex-end; justify-content: space-between;}
.indi_l{ flex: 0 1 55.5%;}
.indi_tit{ background: url(../images/indi_01.png) no-repeat left top; padding-top: 55px;}
.indi_tit h2{ font-size: 2.5rem; color: #ffcf6f; font-weight: bold;}
.indi_tit p{ font-size: 1.5rem; color: #fff; line-height: 34px; margin-top: 20px;}
.indi_ms{ color: #9a9a9a; line-height: 30px; margin-top: 30px;}
.indi_vdo{ padding-top: 35px;}
.indi_vbt{ height: 50px; line-height: 50px; color: #fff; font-family: 'Wrl'; font-size: 1.5rem;}
.indi_vbt img{ margin-bottom: -4px; margin-left: 10px;}
.indi_vnr{ margin-top: 30px; position: relative;}
.indi_vnr::before{ content: ''; width: 94%; height: 3px; position: absolute; left: 3%; top: -3px; background: #ffcf6f; border-radius: 10px 10px 0 0;}
.indi_vnr::after{ content: ''; width: 94%; height: 3px; position: absolute; left: 3%; bottom: -3px; background: #ffcf6f; border-radius: 0 0 10px 10px;}
.indi_vnr p{ position: relative;}
.indi_vnr p img{ display: block; width: 100%;}
.indi_r{ flex: 0 1 36.5%;}
.indi_r ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.indi_r li:nth-child(2n-1){ flex: 0 1 60%;}
.indi_r li:nth-child(-n+2){ margin-bottom: 75px;}
.indi_szsm{ display: flex; align-items: flex-end;}
.indi_szsm p{ font-size: 5.625rem; color: #fff; font-family: 'Din1451std'; line-height: 0.8em;}
.indi_szsm span{ padding: 0 10px 0 16px; background: url(../images/indi_03.png) no-repeat left; height: 20px; line-height: 20px; border-radius: 0 10px 10px 0; margin-bottom: 6px; color: #000; font-size: 0.875rem;}
.indi_mc{ font-size: 1.125rem; height: 40px; line-height: 40px; color: #fff;}
.indi_more{ padding-top: 115px;}
.indi_more a{ display: block; width: 151px; height: 50px; line-height: 50px; text-align: center; color: #000; background: #ffcf6f; font-size: 1.125rem;}
.indi_more a span{ font-family: 'Dinr'; padding-left: 10px;}
@media screen and (max-width:1360px){
.indi_r li:nth-child(2n-1){ flex: 0 1 50%;}
.indi_r li:nth-child(-n+2){ margin-bottom: 55px;}
.indi_more{ padding-top: 100px;}
}
@media screen and (max-width:1279px){
.indi_tit h2{ font-size: 2rem;}
.indi_tit p{ font-size: 1.25rem;}
.indi_r li:nth-child(2n-1){ flex: 0 1 auto;}
.indi_szsm p{ font-size: 5rem;}
.indi_mc{ font-size: 1rem;}
}
@media screen and (max-width:1023px){
.index_bgi{ padding: 80px 0; background-position: left;}
.indi_tit{ background-size: auto 80px; padding-top: 40px;}
.indi_nr{ display: block;}
.indi_r{ padding-top: 40px;}
.indi_r li:nth-child(-n+2){ margin-bottom: 0;}
.indi_more{ padding-top: 40px;}
}
@media screen and (max-width:767px){
.index_bgi{ padding: 30px 0 50px 0;}
.indi_tit{ background-size: auto 60px; padding-top: 26px;}
.indi_tit h2{ font-size: 1.625rem;}
.indi_tit p{ font-size: 1.125rem; line-height: 28px; margin-top: 15px;}
.indi_ms{ font-size: 0.9375rem; margin-top: 22px; line-height: 24px;}
.indi_vbt{ height: 40px; line-height: 40px; font-size: 1.125rem;}
.indi_vbt img{ height: 20px;}
.indi_vnr{ margin-top: 10px;}
.indi_r li:nth-child(-n+2){ margin-bottom: 30px;}
.indi_szsm p{ font-size: 3.5rem;}
.indi_more{ padding-top: 25px;}
.indi_more a{ margin: 0 auto; height: 36px; width: 110px; font-size: 0.875rem; line-height: 36px;}
}

.index_bgj{ background: url(../images/index_bgj.jpg) no-repeat center top; background-size: cover; width: 100%; padding: 90px 0 0 0 ; position: relative; z-index: 10;}
.indj_title h2{ text-align: center; font-size: 2.5rem; color: #ffcf6f; font-weight: bold;}
.indj_fl{ padding-top: 12px;}
.indj_fl ul{ display: flex; justify-content: center;}
.indj_fl li{ position: relative; margin: 0 28px;}
.indj_fl li::before{ content: ''; width: 1px; height: 18px; background: #b1b1b1; position: absolute; left: -28px; top: 16px;}
.indj_fl li:nth-child(1)::before{ display: none;}
.indj_fl li a{ display: block; height: 50px; line-height: 50px; color: #fff; font-size: 1.5rem;}
.indj_fl li::after{ content: ''; width: 100%; height: 3px; background: #d2ab5e; position: absolute; left: 0; bottom: 0; transform: scaleX(0); transition: 0.5s;}
.indj_fl li:hover::after,.indj_fl li.on::after{ transform: scaleX(1); transition: 0.5s;}
.indj_tab{ padding-top: 40px;}
.indj_nr ul{ display: flex; justify-content: space-between;}
.indj_nr li{ flex: 0 1 31.43%; position: relative;}
.indj_pic{ overflow: hidden;}
.indj_pic img{ display: block; width: 100%; transition: 0.5s;}
.indj_nr li:hover .indj_pic img{ transform: scale(1.05);}
.indj_rq{ width: 90px; height: 90px; position: absolute; right: 19px; top: 19px; background: rgba(233,186,93,0.9); text-align: center; color: #fff; font-family: 'Dinr';}
.indj_rq p{ font-family: 'Din1451std'; font-size: 3rem; line-height: 1em; padding-top: 12px;}
.indj_wb{ background: rgba(255,255,255,0.9); padding: 0 5% 35px 5%;}
.indj_mc{ height: 82px; line-height: 82px; border-bottom: 1px solid #d3d3d3; color: #4c4c4c; font-size: 1.25rem; font-weight: bold; overflow: hidden; transition: 0.5s;}
.indj_ms{ margin-top: 20px; line-height: 24px; color: #909090; height: 72px; overflow: hidden;}
.indj_mo{ margin-top: 30px; color: #000;}
.indj_nr li:hover .indj_mc{ color: #d2ab5e; transition: 0.5s;}
.indj_faq{ margin-top: 13px; position: relative; bottom: -27px; background: url(../images/faq_bg.png) no-repeat right center #f9f9f9; background-size: auto 100%; padding: 28px 0; display: flex; align-items: center;}
.faq_tit{ flex: 0 0 197px; position: relative; text-indent: 35px; color: #5f5f5f;}
.faq_tit p:nth-child(1){ font-size: 1.875rem;}
.faq_tit p:nth-child(2){ font-family: 'Dinr'; font-size: 1.125rem;}
.faq_nr{ padding: 14px 0; position: relative; border-left: 1px solid #dbdbdb; padding-left: 58px;}
.faq_nr ul{ display: flex;}
.faq_nr li{ flex: 0 1 45%; margin-right: 5%;}
.faq_w{ height: 33px; padding-left: 43px; overflow: hidden; color: #373737; font-size: 1.125rem; line-height: 33px; position: relative;}
.faq_w::before{ content: '问'; width: 33px; height: 33px; background: #e9ba5d; text-align: center; line-height: 33px; color: #fff; position: absolute; left: 0; top: 0;}
.faq_d{ height: 72px; padding-left: 43px; overflow: hidden; color: #999; font-size: 1rem; line-height: 24px; position: relative; margin-top: 13px;}
.faq_d::before{ content: '答'; width: 33px; height: 33px; background: #000; text-align: center; line-height: 33px; color: #fff; position: absolute; left: 0; top: 0;}
@media screen and (max-width:1279px){
.index_bgj{padding: 70px 0 0 0 ;}
.indj_title h2{font-size: 2rem;}
.indj_fl li a{ height: 40px; line-height: 40px; font-size: 1.375rem;}
.indj_nr li{ flex: 0 1 32%;}
.indj_mc{ height: 60px; line-height: 60px; font-size: 1.125rem;}
.indj_ms{ margin-top: 15px; font-size: 0.9375rem;}
.indj_mo{ margin-top: 20px;  font-size: 0.9375rem;}
.faq_d{ font-size: 0.9375rem; line-height: 22px; height: 66px;}
}
@media screen and (max-width:1023px){
.indj_mc{ font-size: 1rem; height: 46px; line-height: 46px;}
.indj_rq{ right: 10px; top: 10px; width: 70px; height: 70px; font-size: 0.875rem;}
.indj_rq p{ font-size: 2rem; padding-top: 10px;}
.indj_wb{ padding: 0 3% 20px 3%;}
.indj_ms{ margin-top: 5px; font-size: 0.875rem; line-height: 22px; height: 66px;}
.indj_mo{ margin-top: 10px; font-size: 0.875rem;}
}
@media screen and (max-width:767px){
.index_bgj{ padding: 40px 0 0 0;}
.indj_title h2{font-size: 1.625rem;}
.indj_fl{ padding-top: 8px;}
.indj_fl li{ margin: 0 20px;}
.indj_fl li a{ font-size: 1.125rem;}
.indj_tab{ padding-top: 25px;}
.indj_nr li{ flex: 0 1 49%;}
.indj_nr li:nth-child(2){ float: right;}
.indj_nr li:nth-child(3){ display: none;}
.indj_mc{ font-size: 0.9375rem; line-height: 36px; height: 36px;}
.indj_ms{height: 44px;}
.indj_faq{ margin-top: 0; display: block;}
.faq_tit{ text-indent: 0; text-align: center;}
.faq_tit p:nth-child(1){ font-size: 1.625rem;}
.faq_tit p:nth-child(2){ font-size: 1rem;}
.faq_nr{ border-left: none; padding: 10px 4% 0 4%;}
.faq_nr ul{ display: block;}
.faq_nr li{ margin-right: 0;}
.faq_nr li:nth-child(2){ margin-top: 20px;}
.faq_w{ height: 28px; padding-left: 35px; font-size: 1rem; line-height: 26px;}
.faq_w::before{width: 28px; height: 28px; line-height: 28px;}
.faq_d{ height: 66px; padding-left: 35px; font-size: 0.875rem; line-height: 22px; margin-top: 7px;}
.faq_d::before{ width: 28px; height: 28px; line-height: 26px;}
}

.link_bg{ width:100%; padding: 30px 0 20px 0; position:relative; display: flex;}
.link_title{ height:24px; line-height: 24px; font-size: 1rem; flex: 0 1 90px; color: rgba(255,255,255,0.5); position:relative; z-index:9;}
.link_nr{ height:24px; overflow:hidden; line-height:24px;}
.link_nr a{ display:block; float:left; margin-right:10px; font-size:1rem; color: rgba(255,255,255,0.5);}
.link_nr a:hover{ text-decoration:underline;}

.foot_bg{ background:url(../images/foot_bg.jpg) no-repeat center top; width:100%; position:relative; z-index:9;}
.ftelnav{ padding-top:70px;}
.fnav{ width: 50%; display: flex; justify-content: space-around;}
.fnav dl dt{ margin-bottom: 20px;}
.fnav dl dt a{ display: block; line-height: 40px; color: #e9ba5d; font-size: 1.5rem; transition: 0.5s;}
.fnav dl dd{ line-height: 36px; font-size: 1rem;}
.fnav dl dd a{ color: #fff; transition: 0.5s;}
.fnav dl dt:hover a,.fnav dl dd:hover a{ color: #e9ba5d; transition: 0.5s;}
.fewmrel{ position: relative; padding-left: 65px;}
.fewmrel::before{ content: ''; width: 1px; height: 100%; background: rgba(255,255,255,0.1); position: absolute; left: 0; top: 0;}
.ftel_bt a{ display: block; line-height: 40px; color: #e9ba5d; font-size: 1.5rem; transition: 0.5s;}
.ftel_one{ display: inline-block; border-bottom: 1px solid rgba(255,255,255,0.1);}
.ftel_one a{ display: block; float: left; height: 55px; line-height: 55px; font-family:"Dinr"; font-size: 1.875rem; color: #fff; position: relative;}
.ftel_one a:nth-child(1){ padding-right: 75px;}
.ftel_one a:nth-child(1)::after{ content: ''; background:rgba(255,255,255,0.15); width: 1px; height: 23px; position: absolute; right: 37px; top: 16px;}
.ftel_nr{ padding-top: 15px;}
.ftel_nr p{ color: #fff; line-height: 20px; margin-bottom: 5px;}
.ftel_nr p a{ color: #fff;}
.fewm{ margin-top: 15px; display: flex; justify-content: start; align-items: center;}
.fewm_mc{ padding-left: 15px; color: #fff;}
.fbq{ padding:33px 0; line-height:22px; font-size:1rem; color:#fff; background: #292929;}
.fbq em{ font-style:normal;}
.fbq span{ float:right;}
.fbq a{ color:#fff;}
.fbq a:hover{ text-decoration:underline;}
@media screen and (max-width:1360px){
.fbq{ padding:30px 0; font-size:0.9375rem;}
}
@media screen and (max-width:1279px){
.fnav{ width: 45%;}
.fewmrel{ padding-left: 30px; padding-bottom: 30px;}
.link_bg,.fbq em{ display: none;}
}
@media screen and (max-width:1023px){
.fnav{ display: none;}
.fewmrel{ float: none; padding-left: 0;}
.fewmrel::before{ display: none;}
}
@media screen and (max-width:767px){
.ftelnav{ padding-top: 50px;}
.ftel_one a{ font-size: 1.5rem; height: 45px; line-height: 45px;}
.ftel_one a:nth-child(1){ padding-right: 31px;}
.ftel_one a:nth-child(1)::after{ right: 15px; height: 17px;}
.fbq{ padding:15px 0 65px 0; line-height:22px; font-size:0.875rem; text-align: center;}
.fbq span{ display: block; float: none;}
}
/*首页style结束*/

/*内页style开始*/
.main_banner{ width:100%; position: relative; z-index: 9; background: url(../images/banner_bg.png) no-repeat center top;}
.about_banner{ background:url(../images/about_banner.jpg) no-repeat center; width:100%; height:500px; max-width: 1880px; margin: 0 auto; border-bottom: 5px solid #000;}
.contact_banner{ background:url(../images/contact_banner.jpg) no-repeat center; width:100%; height:500px; max-width: 1880px; margin: 0 auto; border-bottom: 5px solid #000;}
.join_banner{ background:url(../images/join_banner.jpg) no-repeat center; width:100%; height:500px; max-width: 1880px; margin: 0 auto; border-bottom: 5px solid #000;}
.case_banner{ background:url(../images/case_banner.jpg) no-repeat center; width:100%; height:500px; max-width: 1880px; margin: 0 auto; border-bottom: 5px solid #000;}
.d3show_banner{ background:url(../images/3dshow_banner.jpg) no-repeat center; width:100%; height:500px; max-width: 1880px; margin: 0 auto; border-bottom: 5px solid #000;}
.news_banner{ background:url(../images/news_banner.jpg) no-repeat center; width:100%; height:500px; max-width: 1880px; margin: 0 auto; border-bottom: 5px solid #000;}
.pro_banner1{ background:url(../images/pro_banner1.jpg) no-repeat center; width:100%; height:500px; max-width: 1880px; margin: 0 auto; border-bottom: 5px solid #000;}
.pro_banner2{ background:url(../images/pro_banner2.jpg) no-repeat center; width:100%; height:500px; max-width: 1880px; margin: 0 auto; border-bottom: 5px solid #000;}
.pro_banner3{ background:url(../images/pro_banner3.jpg) no-repeat center; width:100%; height:500px; max-width: 1880px; margin: 0 auto; border-bottom: 5px solid #000;}
.pro_banner4{ background:url(../images/pro_banner4.jpg) no-repeat center; width:100%; height:500px; max-width: 1880px; margin: 0 auto; border-bottom: 5px solid #000;}
.pro_banner5{ background:url(../images/pro_banner5.jpg) no-repeat center; width:100%; height:500px; max-width: 1880px; margin: 0 auto; border-bottom: 5px solid #000;}
.pro_banner6{ background:url(../images/pro_banner6.jpg) no-repeat center; width:100%; height:500px; max-width: 1880px; margin: 0 auto; border-bottom: 5px solid #000;}
.proshow_banner{ background:url(../images/proshow_banner.jpg) no-repeat center; width:100%; height:150px; max-width: 1880px; margin: 0 auto; border-bottom: 5px solid #000;}
.main_tit{ padding-top: 180px; text-align: center; color: #fff;}
.main_tit p{ font-family: 'BodBold'; font-size: 3.125rem;}
.main_tit .ntit{ font-size: 1.875rem;}
.main_flbg{background: url(../images/sous_bg.png) no-repeat center; width: 100%; padding-top: 93px; margin-top: -54px; padding-bottom: 28px; border-bottom: 2px solid #ffcf6f; position: relative;}
.main_fl{ text-align:center;}
.main_fl li{ position:relative; display:inline-block; margin: 0 7px;}
.main_fl li a{ color:#fff; padding:0 30px; font-size:1.125rem; height:46px; display:block; line-height:46px; text-align:center; position:relative; z-index:9;}
.main_fl li:hover a,.main_fl li.cur a{ color: #000; transition: 0.5s;}
.main_fl li:after{ content:""; display:block; background:#ffcf6f; width:100%; height: 100%; border-radius: 23px; position:absolute; bottom:0; left:0%; transform:scale(0); transition:0.5s;}
.main_fl li:hover:after,.main_fl li.cur:after{transform:scale(1); transition:0.5s;}
.main_wz{ font-size:0.875rem; color:#737373; line-height:61px;}
.main_wz img{ margin-bottom:-2px; margin-right:8px;}
.main_wz span{ padding:0 8px; font-family:"宋体";}
.main_wz a{ color:#737373;}
.main_wz a:hover{ color:#016938;}
.main{ background: url(../images/about_bga.jpg) no-repeat center; background-size: cover; padding-top:75px; padding-bottom:100px;}
.about_nr{ color:#fff; font-size:1rem; line-height:1.8em;}
.about_nr img{ max-width:100%;}
@media screen and (max-width:1279px){
.about_banner,.contact_banner,.join_banner,.case_banner,.d3show_banner,.news_banner,.pro_banner1,.pro_banner2,.pro_banner3,.pro_banner4,.pro_banner5,.pro_banner6{ background-size: auto 100%; height: 360px;}
.main_tit{ padding-top: 130px;}
.main_tit p{font-size: 2.5rem;}
.main_flbg{padding-top: 20px; margin-top: 0px; padding-bottom: 20px;}
.main_fl li{margin: 0 5px;}
.main_fl li a{padding:0 25px; font-size:1rem; height:44px; line-height:44px;}
}
@media screen and (max-width:1023px){
.about_banner,.contact_banner,.join_banner,.case_banner,.d3show_banner,.news_banner,.pro_banner1,.pro_banner2,.pro_banner3,.pro_banner4,.pro_banner5,.pro_banner6{height: 260px;}
.main_tit{ padding-top: 80px;}
.main{ padding-top:55px; padding-bottom:80px;}
}
@media screen and (max-width:767px){
.about_banner,.contact_banner,.join_banner,.case_banner,.d3show_banner,.news_banner,.pro_banner1,.pro_banner2,.pro_banner3,.pro_banner4,.pro_banner5,.pro_banner6{height: 150px;}
.main_tit{ padding-top: 45px;}
.main_tit p{font-size: 1.875rem;}
.main_tit .ntit{ font-size: 1.5rem;}
.main_flbg{padding-top: 10px; padding-bottom: 10px;}
.main_fl li{display:block; margin: 0; float: left;}
.fl_03 li{ width: 33.333%;}
.fl_04 li{ width: 25%;}
.main_fl li a{ padding:0 ; height:36px; line-height:36px;}
.wrapper li a{ padding:0 20px;}
.about_nr{font-size:0.9375rem;}
.main{ padding-top:40px; padding-bottom:60px;}
}

/*about*/
.abo_bga{ background: url(../images/about_bga.jpg) no-repeat center; background-size: cover; width: 100%; overflow: hidden; padding: 95px 0 90px 0;}
.aboa_tit h2{ font-size: 2.25rem; color: #ffcf6f; font-weight: bold;}
.aboa_tit p{ font-size: 1.875rem; font-family: 'Wrl'; text-transform: uppercase; color: #fff;}
.aboa_tit::after{ content: ''; width: 48px; height: 4px; background: #ffcf6f; display: block; margin: 25px 0;}
.aboa_vdo{ width: 48.769%; position: relative; margin-left: 2%;}
.aboa_vdo::before{ content: ''; width: 94%; height: 7px; position: absolute; left: 3%; top: -7px; background: #ffcf6f; border-radius: 10px 10px 0 0;}
.aboa_vdo::after{ content: ''; width: 94%; height: 7px; position: absolute; left: 3%; bottom: -7px; background: #ffcf6f; border-radius: 0 0 10px 10px;}
.aboa_vdo p{ overflow: hidden;}
.aboa_vdo p img{ display: block; width: 100%;}
.aboa_nr{ color: #fff; font-size: 1.125rem; line-height: 30px;}
.aboa_baand{ padding-top: 75px;}
.aboa_brbt{ font-size: 1.5rem; color: #fff;}
.aboa_brnr{ padding-top: 30px;}
.aboa_brnr ul{ display: flex; justify-content: space-between;}
.aboa_brnr li{ position: relative;}
.aboa_brnr li::before{ content: ''; width: 1px; height: 30px; background: rgba(255,255,255,0.4); position: absolute; left: -55%; bottom: 5px;}
.aboa_brnr li:nth-child(1):before{ display: none;}
@media screen and (max-width:1279px){
.abo_bga{padding: 75px 0 80px 0;}
.aboa_tit h2{ font-size: 2rem;}
.aboa_tit p{ font-size: 1.5rem;}
.aboa_tit::after{width: 38px; height: 2px; margin: 15px 0;}
.aboa_nr{ font-size: 1rem;}
.aboa_baand{ padding-top: 65px;}
.aboa_brnr li::before{left: -30%;}
}
@media screen and (max-width:1023px){
.aboa_baand{ padding-top: 45px;}
.aboa_brnr li img{ height: 80px;}
.aboa_brnr li::before{left: -25%;}
}
@media screen and (max-width:767px){
.abo_bga{padding: 40px 0 50px 0;}
.aboa_tit h2{ font-size: 1.625rem;}
.aboa_tit p{ font-size: 1rem;}
.aboa_tit::after{width: 32px; height: 2px; margin: 20px 0;}
.aboa_vdo{ width: auto; float: none; margin-left:0; margin-top: 30px; margin-bottom: 30px;}
.aboa_nr{ font-size: 0.9375rem; line-height: 1.8em;}
.aboa_baand{ padding-top: 25px;}
.aboa_brbt{ font-size: 1.25rem;}
.aboa_brnr{ padding-top: 20px;}
.aboa_brnr ul{ flex-wrap: wrap;}
.aboa_brnr li{flex: 0 1 50%; text-align: center;}
.aboa_brnr li:nth-child(n+3){ margin-top: 25px;}
.aboa_brnr li img{ height: 70px;}
.aboa_brnr li::before{left: -0%;}
.aboa_brnr li:nth-child(3):before{ display: none;}
}

.abo_bgb{ background: url(../images/about_bgb.jpg) no-repeat center; background-size: cover; width: 100%; padding: 95px 0 190px 0; overflow: hidden; position: relative;}
.abo_bgb::before{ content: ''; width: 50%; height: 100%; background: rgba(0,0,0,.5); position: absolute; left: 0; top: 0;}
.abo_bgb .kga{ position: relative; z-index: 9;}
.abob_nr{ padding-top: 55px;}
.abob_nr ul{ display: flex; justify-content: space-between;}
.abob_nr li{ flex: 0 1 47%; color: #fff;}
.abob_mc{ margin-top: 30px; height: 40px; line-height: 40px; font-size: 1.875rem;}
.abob_ms{ font-size: 1.25rem; line-height: 24px; margin-top: 15px;}
.abob_nr li:nth-child(2) .abob_dh{ text-align: right;}
.abob_nr li:nth-child(2) .abob_dh img{ transform: scaleX(-1);}
@media screen and (max-width:1023px){
.abo_bgb{padding: 45px 0 150px 0;}
.abob_mc{font-size: 1.5rem;}
.abob_ms{ font-size: 1rem;}
}
@media screen and (max-width:767px){
.abo_bgb{padding: 35px 0 150px 0;}
.abob_dh img{ height: 30px;}
.abob_nr{ padding-top: 15px;}
.abob_mc{ margin-top: 15px;}
.abob_mc{font-size: 1.375rem;}
.abob_ms{ font-size: 0.875rem; line-height: 22px; margin-top: 10px;}
}

.about_bgc{ background: url(../images/about_bgc.jpg) no-repeat center; background-size: cover; width: 100%; overflow: hidden; padding: 85px 0 145px 0;}
.aboc_l{ padding-top: 40px; color: #fff; line-height: 24px; width: 47%;}
.aboc_r{ width: 47.693%; margin-top: -50px;}
.aboc_r img{ display: block; width: 100%;}
@media screen and (max-width:1279px){
.aboc_l{ width: 48%;}
}
@media screen and (max-width:1023px){
.about_bgc{padding: 55px 0 100px 0;}
.aboc_l{ padding-top: 15px; float: none; width: auto;}
.aboc_r{ width: auto; float: none; margin-top: 40px;}
}
@media screen and (max-width:767px){
.about_bgc{padding: 40px 0 50px 0;}
.aboc_l{ padding-top: 0; font-size: 0.9375rem;}
.aboc_r{margin-top: 25px;}
}

.abo_bgd{ background: url(../images/about_bgd.jpg) no-repeat center; background-size: cover; padding: 65px 0 170px 0; overflow: hidden; width: 100%;}
.abod_gd{ margin-top: 55px; position: relative;}
.abod_nr li{ float: left; width: 25%;}
.abod_nr li a{ display: block; border: 8px solid #bfa25e; margin: 0 4.46%; overflow: hidden;}
.abod_nr li img{ display: block; width: 100%; transition: 0.5s;}
.abod_nr li:hover img{ transform: scale(1.05);}
.abod_jt a{ display: block; position: absolute; cursor: pointer; top: 45%;}
.abod_jt a.prev{ left: -50px;}
.abod_jt a.next{ right: -50px; transform: scaleX(-1);}
.abod_jt a img{ width: 28px;}
.abod_an,.ydabod{ display: none;}
@media screen and (max-width:1400px){
.abod_jt a.prev{ left: -2%;}
.abod_jt a.next{ right: -2%;}
}
@media screen and (max-width:1279px){
.abo_bgd{padding: 65px 0 120px 0;}
.abod_jt a img{ width: 20px;}
}
@media screen and (max-width:1023px){
.abo_bgd{padding: 60px 0 90px 0;}
.abod_nr{ overflow: hidden;}
.abod_nr li{ width: 33.333%;}
}
@media screen and (max-width:767px){
.abo_bgd{padding: 40px 0 60px 0;}
.abod_gd{ margin-top: 25px;}
.pcabod,.abod_jt a{ display: none;}
.ydabod{ display: block;}
.abod_nr li{ float: left; width: 50%;}
}
/*about*/

/*contact*/
.contact_bg{ background: url(../images/about_bga.jpg) no-repeat center; background-size: cover; width: 100%; padding: 75px 0 0px 0;}
.cont_tit{ text-align: center;}
.cont_tit h2{ font-size: 2.25rem; color: #ffcf6f; font-weight: bold;}
.cont_tit p{ font-size: 1.875rem; font-family: 'Wrl'; text-transform: uppercase; color: #fff;}
.cont_tit::after{ content: ''; width: 48px; height: 4px; background: #ffcf6f; display: block; margin: 25px auto;}
.cont_nr{ padding-top: 50px; color: #fff;}
@media screen and (max-width:1023px){
.contact_bg{padding: 55px 0 0px 0;}
.cont_tit h2{ font-size: 2rem;}
.cont_tit p{ font-size: 1.5rem;}
.cont_tit::after{width: 38px; height: 2px; margin: 20px auto;}
.cont_nr{ padding-top: 20px; color: #fff;}
}
@media screen and (max-width:767px){
.contact_bg{padding: 40px 0 0px 0;}
.cont_tit h2{ font-size: 1.625rem;}
.cont_tit p{ font-size: 1.125rem;}
.cont_tit::after{width: 32px; margin: 12px auto;}
.cont_nr{ padding-top: 10px;}
}
/*contact*/

/*join*/
.join_title{ text-align: center; position: relative; z-index: 9;}
.join_title h2{ font-size: 2.5rem; color: #ffcf6f; font-weight: bold;}
.join_title p{ font-size: 1.875rem; color: #fff;}
@media screen and (max-width:1279px){
.join_title h2{ font-size: 2.25rem;}
.join_title p{ font-size: 1.5rem;}
}
@media screen and (max-width:1023px){
.join_title h2{ font-size: 2rem;}
.join_title p{ font-size: 1.375rem;}
}
@media screen and (max-width:767px){
.join_title h2{ font-size: 1.625rem;}
.join_title p{ font-size: 1rem;}
}

.join_bga{ background: url(../images/join_bga.jpg) no-repeat center top #725419; padding: 90px 0 50px 0; width: 100%; overflow: hidden;}
.joina_nr{ padding-top: 80px; max-width: 1200px; margin: 0 auto;}
.joina_l{ overflow: hidden; width: 29%;}
.joina_l img{ display: block; width: 100%;}
.joina_r{ width: 68%; color: #fff; line-height: 32px; font-size: 1.125rem;}
.joina_zj{ padding-top: 115px; max-width: 1200px; margin: 0 auto;}
.joina_zj ul{ display: flex; justify-content: space-between;}
.joina_mc{ color: #fff; font-size: 1.125rem; height: 46px; line-height: 46px; margin-top: 10px;}
.joina_tp{ max-width: 1688px; width: 96%; margin: 0 auto; padding-top: 50px;}
.joina_tp img{ display: block; width: 100%;}
@media screen and (max-width:1279px){
.join_bga{padding: 70px 0 50px 0; background-size: auto 85%;}
.joina_nr{ padding-top: 50px;}
.joina_r{line-height: 30px; font-size: 1rem;}
.joina_zj{ padding-top: 55px;}
.joina_mc{font-size: 1rem; height: 30px; line-height: 30px;}
}
@media screen and (max-width:767px){
.join_bga{padding: 40px 0 30px 0; background-size: auto 92%;}
.joina_nr{ padding-top: 25px;}
.joina_l{width: auto; float: none;}
.joina_l img{width: 40%;}
.joina_r{ width: auto; float: none; font-size: 0.9375rem; margin-top: 20px; line-height: 26px;}
.joina_r br{ display: none;}
.joina_zj{ padding-top: 25px;}
.joina_zj ul{ flex-wrap: wrap;}
.joina_zj li{ flex: 0 1 50%; text-align: center;}
.joina_zj li:nth-child(n+3){ margin-top: 15px;}
.joina_pic img{ max-width: 40%;}
.joina_mc{margin-top: 0px;}
.joina_tp{ padding-top: 25px;}
}

.join_bgb{ background: url(../images/join_bgb.jpg) no-repeat center; background-size: cover; width: 100%; padding: 80px 0 110px 0; position: relative;}
.joinb_dx{ position: absolute; left: 0; bottom: 0; width: 18.75%;}
.joinb_dx img{ display: block; width: 100%;}
.joinb_title{ text-align: center; color: #000;}
.joinb_title h2{ font-size: 2.5rem; font-weight: bold;}
.joinb_title p{ font-size: 1.875rem;}
.joinb_title::after{ content: ''; width: 37px; height: 4px; background: #be0000; margin: 12px auto 0 auto; display: block;}
.joinb_nr{ padding-top: 45px;}
.joinb_nr ul{ display: flex; justify-content: space-between;}
.joinb_nr li{ flex: 0 1 24.5%;}
.joinb_nr li:nth-child(1){ margin-top: 150px;}
.joinb_nr li:nth-child(2){ margin-top: 100px;}
.joinb_nr li:nth-child(3){ margin-top: 50px;}
.joinb_kg{ background: #3f3f3f; padding: 10px; position: relative;}
.joinb_pic{ overflow: hidden;}
.joinb_pic img{ display: block; width: 100%;}
.joinb_wb{ padding-top: 20px;}
.joinb_mc{ font-size: 1.875rem; color: #ffcf6f; line-height: 36px;}
.joinb_ms{ color: #fff; line-height: 24px; height: 96px; overflow: hidden; margin-top: 10px;}
.joinb_en{ margin-top: 25px; color: rgba(255,255,255,0.2); font-size: 0.75rem; line-height: 16px; font-family: 'Dinr'; text-transform: uppercase;}
.joinb_sz{ position: absolute; right: 5%; bottom: -25px; color: #ff8400; font-size: 3.75rem; font-family: 'Din1451std'; line-height: 0.8em;}
@media screen and (max-width:1680px){
.joinb_dx{ display: none;}
}
@media screen and (max-width:1023px){
.join_bgb{padding: 60px 0 80px 0;}
.joinb_title h2{ font-size: 2rem;}
.joinb_title p{ font-size: 1.375rem;}
.joinb_nr{ padding-top: 25px;}
.joinb_nr li:nth-child(1){ margin-top: 90px;}
.joinb_nr li:nth-child(2){ margin-top: 60px;}
.joinb_nr li:nth-child(3){ margin-top: 30px;}
.joinb_mc{ font-size: 1.5rem; line-height: 30px;}
.joinb_ms{ line-height: 22px; height: 88px; font-size: 0.9375rem;}
.joinb_sz{ font-size: 3rem;}
}
@media screen and (max-width:767px){
.join_bgb{padding: 40px 0 50px 0;}
.joinb_title h2{ font-size: 1.625rem;}
.joinb_title p{ font-size: 1rem;}
.joinb_title::after{ width: 32px; height: 2px;}
.joinb_nr{ padding-top: 20px;}
.joinb_nr ul{ flex-wrap: wrap;}
.joinb_nr li{ flex: 0 1 49%;}
.joinb_nr li:nth-child(1){ margin-top: 0px; margin-bottom: 35px;}
.joinb_nr li:nth-child(2){ margin-top: 0px; margin-bottom: 35px;}
.joinb_nr li:nth-child(3){ margin-top: 0px;}
.joinb_kg{ padding: 10px 10px 30px 10px;}
.joinb_en{ display: none;}
}

.join_bgc{ background: url(../images/join_bgc.jpg) no-repeat center; background-size: cover; width: 100%; padding: 90px 0 130px 0;}
.joinc_nr{ margin-top: 48px; border: 1px solid #543c0d;}
.joinc_nr ul{ display: flex; flex-wrap: wrap;}
.joinc_nr li{ flex: 0 1 25%; position: relative; cursor: pointer;}
.joinc_nr li::after{ content: ''; width: 1px; height: 100%; background: #543d0d; position: absolute; right: 0; top: 0;}
.joinc_nr li:nth-child(4n):after{ background: none;}
.joinc_nr li:nth-child(-n+4){ border-bottom: 1px solid #543c0d;}
.joinc_nr li::before{ content: ''; width: 100%; height: 100%; background-image: linear-gradient(to bottom right, #ffe7b7,#ffd683 ,#ffcf6f,#ffd683 ,#ffe7b7); position: absolute; left: 0; bottom: 0; opacity: 0; transform: scale(0); transition: 0.5s;}
.joinc_nr li:hover::before{ opacity: 1; transform: scale(1); transition: 0.5s;}
.joinc_kg{ padding: 40px 8%; position: relative; z-index: 9;}
.joinc_pic{ position: relative;}
.joinc_pic span{ display: block; position: absolute; left: 0; top: 0;}
.joinc_nr li:hover .joinc_pic p,.joinc_nr li .joinc_pic span{ opacity: 0; transition: 0.5s;}
.joinc_nr li .joinc_pic p,.joinc_nr li:hover .joinc_pic span{ opacity: 1; transition: 0.5s;}
.joinc_mc{ font-size: 1.875rem; color: #ffcf6f; font-weight: bold; margin-top: 20px; height: 56px; line-height: 56px; transition: 0.5s;}
.joinc_ms{ color: #fff; line-height: 24px; font-size: 1.125rem; height: 96px; margin-top: 8px; transition: 0.5s;}
.joinc_nr li:hover .joinc_mc,.joinc_nr li:hover .joinc_ms{ color: #000; transition: 0.5s;}
@media screen and (max-width:1279px){
.joinc_mc{ font-size: 1.5rem;}
.joinc_ms{font-size: 1rem;}
.joinc_ms br{ display: none;}
}
@media screen and (max-width:1023px){
.join_bgc{padding: 70px 0 90px 0;}
.joinc_pic img{ height: 46px;}
.joinc_mc{ font-size: 1.125rem; height: 30px; line-height: 30px;}
.joinc_ms{font-size: 0.9375rem;}
}
@media screen and (max-width:767px){
.join_bgc{padding: 40px 0 50px 0;}
.joinc_nr{ margin-top: 25px;}
.joinc_nr li{ flex: 0 1 50%;}
.joinc_nr li:nth-child(2n):after{ background: none;}
.joinc_nr li:nth-child(-n+6){ border-bottom: 1px solid #543c0d;}
.joinc_kg{ padding: 30px 5%; position: relative; z-index: 9;}
.joinc_pic img{ height: 36px;}
.joinc_mc{ margin-top: 10px;}
.joinc_ms{ margin-top: 5px;}
}

.join_bgd{ background: url(../images/join_bgd.jpg) no-repeat center; background-size: cover; width: 100%; padding: 65px 0;}
.joind_pic{ padding-top: 40px;}
.joind_pic img{ display: block; width: 100%;}
.joind_nr ul{ display: flex;}
.joind_nr li{ flex: 0 1 25%; text-align: center; position: relative;}
.joind_nr li::after{ content: ''; background: rgba(255,255,255,0.2); position: absolute; left: 0; top: 0; width: 1px; height: 100%;}
.joind_nr li:nth-child(1):after{ background: none;}
.joind_nr li h3{ font-size: 1.5rem; color: #ffcf6f;}
.joind_nr li p{ color: #fff; line-height: 24px; margin-top: 10px;}
.joind_more{ padding-top: 45px;}
.joind_more a{ display: block; width: 160px; height: 50px; line-height: 50px; text-align: center; color: #000; font-size: 1.125rem; background: #ffcf6f; margin: 0 auto;}
@media screen and (max-width:1023px){
.joind_nr li h3{ font-size: 1.375rem;}
.joind_nr li p{ font-size: 0.9375rem;}
.joind_more a{width: 130px; height: 40px; line-height: 40px; font-size: 1rem;}
}
@media screen and (max-width:767px){
.join_bgd{ padding: 40px 0 50px 0;}
.joind_nr ul{ flex-wrap: wrap;}
.joind_nr li{ flex: 0 1 50%;}
.joind_nr li:nth-child(n+3){ margin-top: 20px;}
.joind_nr li:nth-child(3):after{ background: none;}
.joind_nr li h3{ font-size: 1.25rem;}
.joind_nr li p{ font-size: 0.875rem; line-height: 22px; margin-top: 5px;}
.joind_more{ padding-top: 25px;}
.joind_more a{width: 100px; height: 32px; line-height: 32px; font-size: 0.875rem;}
}

.join_bge{ background: url(../images/join_bge.jpg) no-repeat center; background-size: cover; width: 100%; padding: 85px 0 75px 0; overflow: hidden;}
.joine_nr{ width: 100%; overflow-y: hidden; margin-top: 50px;}
.joine_nr li{ float: left; width: 49.31%;}
.joine_nr li:nth-child(2){ float: right;}
.joine_pic{ overflow: hidden; border: 3px solid #ffcf6f;}
.joine_pic img{ display: block; width: 100%; transition: 0.5s;}
.joine_nr li:hover .joine_pic img{ transform: scale(1.05);}
.joine_wb{ margin-top: 110px; background: #200f79; padding: 50px 40px 50px 50px;}
.joine_wb ul{ display: flex; justify-content: space-between;}
.joine_wb li{ border-left: 3px solid #fff; padding-left: 14px;}
.joine_wb li h3{ color: #fff; font-size: 1.5rem; font-weight: bold; line-height: 1em;}
.joine_wb li p{ font-size: 1.125rem; line-height: 24px; color: #fff; margin-top: 13px;}
@media screen and (max-width:1023px){
.join_bge{padding: 50px 0 60px 0;}
.joine_nr{margin-top: 30px;}
.joine_wb{ margin-top: 40px; padding: 20px;}
.joine_wb li h3{ font-size: 1.375rem;}
.joine_wb li p{ font-size: 1rem;}
}
@media screen and (max-width:767px){
.join_bge{padding: 40px 0 50px 0;}
.joine_nr{margin-top: 20px;}
.joine_wb{ margin-top: 20px; padding: 20px 2%;}
.joine_wb ul{ flex-wrap: wrap;}
.joine_wb li{ border-left: 1px solid #fff; padding-left: 10px; flex: 0 1 49%; box-sizing: border-box;}
.joine_wb li:nth-child(n+3){ margin-top: 20px;}
.joine_wb li h3{ font-size: 1.125rem;}
.joine_wb li p{ font-size: 0.9375rem; margin-top: 6px; line-height: 22px;}
.joine_wb li p br{ display: none;}
}

.join_bgf{ background: url(../images/join_bgf.jpg) no-repeat center; background-size: cover; width: 100%; padding: 75px 0 63px 0;}
.joinf_pic{ text-align: center; margin-top: -65px;}
.joinf_pic img{ display:block; width: 100%;}
.joinf_wb{ margin-top: 45px; text-align: center;}
.joinf_wb p{ display: inline-block; background: #000; color: #fff; height: 50px; line-height: 50px; padding: 0 17px; font-size: 1.125rem;}
.joinf_wb a{ display: inline-block; background: #ffcf6f; padding: 0 14px; height: 50px; line-height: 50px; color: #000; font-size: 1.125rem;}
@media screen and (max-width:767px){
.join_bgf{ padding: 40px 0 50px 0;}
.joinf_pic{margin-top: -15px;}
.joinf_wb{ margin-top: 25px;}
.joinf_wb p{height: 40px; line-height: 40px; padding: 0 12px; font-size: 0.9375rem; display: block;}
.joinf_wb a{ padding: 0 14px; height: 40px; line-height: 40px; font-size: 1rem; display: block;}
}

.join_bgg{ background: url(../images/join_bgg.jpg) no-repeat center; background-size: cover; width: 100%; padding: 55px 0 75px 0;}
.joing_nr{ padding-top: 40px;}
.joing_nr ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.joing_nr li:nth-child(1),.joing_nr li:nth-child(3){ flex: 0 1 38.539%;}
.joing_nr li:nth-child(2){ flex: 0 1 21.231%;}
.joing_nr li:nth-child(n+4){ margin-top: 12px; flex: 0 1 32.77%;}
.joing_nr li a{ display: block; border: 3px solid #ffcf6f; overflow: hidden;}
.joing_nr li img{ display: block; width: 100%; transition: 0.5s;}
.joing_nr li:hover img{ transform: scale(1.05);}
@media screen and (max-width:767px){
.join_bgg{ padding: 40px 0 50px 0;}
.joing_nr{ padding-top: 20px;}
.joing_nr li a{border: 1px solid #ffcf6f;}
.joing_nr li:nth-child(n+4){ margin-top: 3px;}
}

.join_bgh{ background: url(../images/join_bgh.jpg) no-repeat center; background-size: cover; width: 100%; padding: 85px 0 80px 0;}
.joinh_nr{ margin-top: 65px; background: url(../images/joinh_qq.png) no-repeat center; background-size: 100% cover ; padding: 130px 0;}
.joinh_nr ul{ display: flex; justify-content: space-between; max-width: 1300px; margin: 0 auto;}
.joinh_nr li{ position: relative; flex: 0 1 28%;}
.joinh_bt{ color: #fff; font-size: 1.875rem;}
.joinh_bt span{ font-weight: bold;}
.joinh_nr li:nth-child(3) .joinh_bt{ text-align: right;}
.joinh_ms{ display: flex; flex-wrap: wrap; margin-top: 25px;}
.joinh_nr li:nth-child(2) .joinh_ms{ justify-content: center;}
.joinh_ms p{height: 50px; line-height: 50px; flex: 0 1 160px; text-align: center; color: #000; font-size: 1.125rem; background: #ffcf6f;}
.joinh_ms p:nth-child(2n){ margin-left: 19px;}
.joinh_ms p:nth-child(n+3){ margin-top: 19px;}
.join_bgh .joind_more a{background: #fff;}
@media screen and (max-width:1280px){
.joinh_bt{font-size: 1.75rem;}
}
@media screen and (max-width:1279px){
.joinh_nr{ margin-top: 45px; background-size: cover; padding: 100px 0;}
.joinh_nr li{ flex: 0 1 30%;}
.joinh_bt{font-size: 1.5rem;}
.joinh_ms{margin-top: 15px;}
.joinh_ms p{height: 40px; line-height: 40px; flex: 0 1 140px; font-size: 1rem;}
.joinh_ms p:nth-child(2n){ margin-left: 10px;}
.joinh_ms p:nth-child(n+3){ margin-top: 10px;}
}
@media screen and (max-width:1023px){
.join_bgh{ padding: 40px 0 50px 0;}
.joinh_nr{ margin-top: 0px; background: none; padding: 40px 0;}
.joinh_nr ul{ flex-wrap: wrap;}
.joinh_nr li{ position: relative; flex: 0 1 46%;}
.joinh_nr li:nth-child(2) .joinh_ms{ justify-content: flex-start;}
.joinh_nr li:nth-child(3){ margin-top: 35px;}
.joinh_nr li:nth-child(3) .joinh_bt{ text-align: left;}
.joind_more{ padding-top: 0px;}
}
@media screen and (max-width:767px){
.joinh_nr{ width: 292px; margin: 0 auto; padding: 25px 0;}
.joinh_nr ul{ flex-wrap: wrap; justify-content: center;}
.joinh_nr li{flex: 0 0 100%;}
.joinh_nr li:nth-child(2){ margin-top: 25px;}
.joinh_nr li:nth-child(3){ margin-top: 25px;}
.joinh_bt{ font-size: 1.375rem;}
.joinh_ms{ margin-top: 5px;}
}

.join_bgi{ background: url(../images/join_bgi.jpg) no-repeat center; background-size: cover; width: 100%; padding: 130px 0 225px 0;}
.joini_nr { padding-top: 95px;}
.joini_nr li{ position: relative;  width: 11.616%; float: left; margin-right: 3.11466667%;}
.joini_nr li:nth-child(7n){ margin-right: 0;}
.joini_nr li:nth-child(n+8){ margin-top: 95px;}
.joini_qq img{ display: block; width: 100%;}
.joini_po{ position: absolute; width: 100%; top: 12%; left: 0; color: #fff; text-align: center;}
.joini_sz{ font-size: 1.5rem; font-family: 'Dinr';}
.joini_ms{ line-height: 30px; font-size: 1.375rem; margin-top: 8px;}
@media screen and (max-width:1279px){
.join_bgi{ padding: 80px 0 100px 0;}
.joini_nr { padding-top: 55px;}
.joini_nr li:nth-child(n+8){ margin-top: 45px;}
.joini_sz{ font-size: 1.375rem;}
.joini_ms{ line-height: 24px; font-size: 1.125rem; margin-top: 5px;}
}
@media screen and (max-width:1023px){
.join_bgi{ padding: 70px 0 90px 0;}
.joini_nr { padding-top: 35px;}
.joini_nr li{width: 13%; margin-right: 1.5%;}
.joini_ms{ line-height: 20px; font-size: 1rem; margin-top: 0px;}
}
@media screen and (max-width:767px){
.join_bgi{ padding: 40px 0 50px 0;}
.joini_nr { padding-top: 20px;}
.joini_nr li{ width: 30%; margin-right:0%;}
.joini_nr li:nth-child(3n-1){ margin: 0 5%;}
.joini_nr li:nth-child(n+4){ margin-top: 25px;}
.joini_ms{ margin-top: 6px;}
}

.join_bgj{ background: url(../images/join_bgj.jpg) no-repeat center; background-size: cover; width: 100%; padding: 85px 0 0 0; position: relative; z-index: 10;}
.joinj_nr{ position: relative; bottom: -30px; background: #f2f2f2;}
.joinj_l{ width: 47.73%; position: relative; padding: 40px 0 50px 3.5%;}
.joinjl_bt h2{ font-size: 2.5rem; font-weight: bold; color: #000;}
.joinjl_bt p{ font-size: 1.5rem; color: #000;}
.joinjl_bt::after{ content: ''; width: 43px; height: 2px; background: #ffc000; display: block; margin: 35px 0;}
.joinjl_tel p{ color: #000; font-size: 1.125rem;}
.joinjl_tel span{ display: block; font-size: 3rem; font-family: 'DinBlack'; color: #b97b00;}
.joinl_ewm{ border: 9px solid #e1e1e1; margin-top: 25px; display: inline-block;}
.joinl_ewm p{ border: 5px solid #fff;}
.joinl_img{ position: absolute; bottom: 0; right: -28px; width: 51.655%;}
.joinl_img img{ display: block; width: 100%;}
.joinj_r{ width: 42.97%; padding: 40px 2.9% 50px 2.9%; background: #d7a84a;}
.jpinj_bbt{ font-size: 2.5rem; color: #000; height: 60px; line-height: 60px; margin-bottom: 6px;}
.joinj_kg{ border: 1px solid #ffe3ac; margin-bottom: 25px; border-radius: 10px;}
.joinj_kg input{ height: 58px; border: 0; padding: 0 4%; width: 92%; font-size: 1.125rem; color: #fff; outline: none; background: none; border-radius: 10px;}
.joinj_kg input::-webkit-input-placeholder{color:#fff;}
.joinj_an input{ height: 60px; border: 0; padding: 0; width: 100%; font-size: 1.125rem; color: #fff; outline: none; background: #ff0000; cursor: pointer; border-radius: 10px;}
@media screen and (max-width:1279px){
.join_bgj{padding: 50px 0 0 0;}
.joinjl_bt h2{ font-size: 2.25rem;}
.joinjl_bt p{ font-size: 1.375rem;}
.joinjl_bt::after{width: 33px; margin: 20px 0;}
.joinjl_tel span{font-size: 2.5rem;}
.jpinj_bbt{ font-size: 2rem; height: 50px; line-height: 50px;}
.joinj_kg{margin-bottom: 21px; border-radius: 5px;}
.joinj_kg input{ height: 50px; font-size: 1rem; border-radius: 5px;}
}
@media screen and (max-width:1023px){
.joinjl_bt h2{ font-size: 2rem;}
.joinjl_bt p{ font-size: 1.25rem;}
.joinj_an input{ height: 50px; border-radius: 5px;}
}
@media screen and (max-width:767px){
.join_bgj{padding: 15px 0 0 0;}
.joinj_l{ width: auto; padding: 30px 0 50px 3.5%; float: none;}
.joinjl_bt h2{ font-size: 1.625rem;}
.joinjl_bt p{ font-size: 1rem;}
.joinjl_bt::after{width: 30px; margin: 12px 0;}
.joinjl_tel p{ font-size: 1rem;}
.joinjl_tel span{ font-size: 2rem;}
.joinl_ewm{ border: 4px solid #e1e1e1; margin-top: 15px;}
.joinl_img{right: 0px;}
.joinj_r{ width: auto; padding: 30px 4% 50px 4%; float: none;}
.jpinj_bbt{ font-size: 1.625rem; height: 40px; line-height: 40px; margin-bottom: 6px;}
.joinj_kg{margin-bottom: 13px;}
.joinj_kg input{ height: 44px; font-size: 0.9375rem;}
.joinj_an input{ height: 44px; font-size: 1rem;}
}
/*join*/

.honor_nr li{ float:left; width:24%; margin-right:1.333%; padding-bottom:30px;}
.honor_nr li:nth-child(4n){ margin-right:0%;}
.case_nr li{ float:left; width:31%; padding-bottom:3.5%; position: relative;}
.case_nr li:nth-child(3n-1){ margin:0 3.5%;}
.case_nr li a{ display: block; background: #fff;}
.case_pic{ overflow:hidden; position:relative; border: 3px solid #ffcf6f;}
.case_pic img{ display:block; width:100%; transition:0.5s;}
.case_nr li:hover .case_pic img,.honor_nr li:hover .case_pic img,.hezuo_nr li:hover .case_pic img{transform:scale(1.05);}
.case_mc{background: #ffcf6f; height: 60px; line-height: 60px; position: relative; padding: 0 4%; color: #000; font-size: 1.125rem; overflow: hidden; transition: 0.5s;}
.case_mc::after{ content: '+'; width: 25px; height: 25px; border-radius: 50%; background: #ca9429; font-size: 1.25rem; text-align: center; line-height: 23px; position: absolute; right: 4%; top: 17px; color: #fff;}
@media screen and (max-width:1279px){
.case_nr li{ width:32%; padding-bottom:2%;}
.case_nr li:nth-child(3n-1){ margin:0 2%;}
.case_mc{height: 50px; line-height: 50px; font-size: 1rem;}
.case_mc::after{width: 22px; height: 22px; font-size: 1rem; line-height: 20px; right: 4%; top: 15px;}
}
@media screen and (max-width:767px){
.case_nr li{width:49%; padding-bottom:2%;}
.case_nr li:nth-child(3n-1){ margin:0%;}
.case_nr li:nth-child(2n){ float: right;}
.case_pic{ border: 2px solid #ffcf6f; border-bottom: none;}
.case_mc{height: 40px; line-height: 40px; font-size: 0.9375rem; text-align: center;}
.case_mc::after{ display: none;}
}

.sdshow_nr li{ float:left; width:32%; padding-bottom:2%; position: relative;}
.sdshow_nr li:nth-child(3n-1){ margin:0 2%;}
.sdshow_nr li a{ display: block; border: 3px solid #ffcf6f; position: relative;}
.sdshow_pic{ overflow: hidden;}
.sdshow_pic img{ display: block; width: 100%; transition: 0.5s;}
.sdshow_nr li:hover .sdshow_pic img{transform:scale(1.05);}
.sdshow_nr li a::before{ content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.5); left: 0; top: 0; z-index: 1; transform: scale(0); transition: 0.5s;}
.sdshow_nr li:hover a::before{ transform: scale(1); transition: 0.5s;}
.sdshow_po{ position: absolute; width: 100%;  left: 0; top: 35%; text-align: center; transform: scale(0); z-index: 2; transition: 0.5s;}
.sdshow_po i{ display: block; width: 56px; height: 56px; line-height: 52px; font-family: 'Dinr'; border-radius: 50%; font-size: 3rem; background: #ffcf6f; border-radius: 50%; margin: 0 auto; font-style: normal; color: #000; position: relative;}
.sdshow_po p{ height: 46px; line-height: 46px; color: #fff; text-align: center; font-size: 1.125rem;}
.sdshow_nr li:hover .sdshow_po{ transform: scale(1); transition: 0.5s;}
@media screen and (max-width:767px){
.sdshow_nr li{width:49%;}
.sdshow_nr li a{border: 2px solid #ffcf6f;}
.sdshow_nr li:nth-child(3n-1){ margin:0;}
.sdshow_nr li:nth-child(2n){ float: right;}
}

.news_nr li{ position:relative; background: #fff; margin-bottom: 23px;}
.news_i i{ position: absolute; z-index: 9; background: #ffcf6f; transition: 0.5s;}
.news_i i:nth-child(1){ width: 2px; height: 0; left: 0; bottom: 0;}
.news_i i:nth-child(2){ width: 0; height: 2px; left: 0; top: 0;}
.news_i i:nth-child(3){ width: 2px; height: 0; right: 0; top: 0;}
.news_i i:nth-child(4){ width: 0; height: 2px; right: 0; bottom: 0;}
.news_nr li:hover .news_i i:nth-child(1),.news_nr li:hover .news_i i:nth-child(3){ height: 100%; transition: 0.5s;}
.news_nr li:hover .news_i i:nth-child(2),.news_nr li:hover .news_i i:nth-child(4){ width: 100%; transition: 0.5s;}
.news_nr li a{ display:flex; align-items: center; padding:2% 2% 2% 0; border: 1px solid #e4e4e4; position:relative; transition:0.5s;}
.news_rq{ flex: 0 0 150px; text-align: center; color: #717171; font-size: 1.125rem; font-family: 'Dinr';}
.news_rq p{ color: #000; font-size: 3.75rem; font-family: 'Din1451std';}
.news_wb{ flex:0 1 62%; border-left: 1px solid #ddd; padding: 0 2%;}
.news_bt{ font-size:1.875rem; height:46px; line-height:46px; color:#404040; overflow:hidden; transition:0.5s;}
.news_ms{ font-size:1rem; line-height:24px; height:48px; color:#6e6e6e; overflow:hidden; margin-top:8px; transition:0.5s;}
.news_pic{ overflow:hidden; flex:0 1 auto;}
.news_pic img{ display:block; width:100%; transition:0.5s;}
.news_nr li:hover .news_pic img{transform:scale(1.05);}
.newsshow_title{ text-align:center; border-bottom:1px dashed #ccc; padding-bottom:12px; font-size:1.5rem; font-weight:bold; line-height:25px; color:#fff;}
.newsshow_title p{ font-size:0.875rem; color:#ccc; font-weight:normal; padding-top:8px;}
.newsshow_wnnr{ margin:0 auto; padding-top:15px; font-size:1rem; line-height:180%;}
.newsshow_wnnr img{ max-width:100%;}
.bdsharebuttonbox{ margin:0 auto; padding-top:40px; width:145px;}
.sxyjsys,.sxyjsys a{ font-size:14px; line-height:20px; color: #fff;}
.sxyjsys a:hover{ text-decoration:underline;}
.xgnews-tit{ text-align:center; font-size:1.25rem; font-weight:bold; line-height:46px; height:46px;}
.xgnews-con{ padding-top:15px;}
.xgnews-con li{ float:left; width:45%; margin-left:1%; margin-right:4%; line-height:24px; list-style-position:inside; list-style-type:disc;}
.xgnews-con li a{ font-size:14px; color: #fff;}
.xgnews-con li span{ float:right; color:#c7c7c7; font-size:12px;}
.xgnews-con li a:hover{ text-decoration:underline;}
@media screen and (max-width:1279px){
.news_pic{width:22%;}
.news_wb{ width:63%; margin-left:2%;}
.news_bt{ font-size:1.25rem; height:32px; line-height:32px;}
.news_more{margin-top:20px;}
}
@media screen and (max-width:1023px){
.news_nr li a{padding:15px 0;}
.news_pic{width:27%;}
.news_wb{ width:70%; margin-left:3%;}
.news_bt{ font-size:1.125rem; height:32px; line-height:32px;}
.news_ms{ font-size:0.875rem; line-height:22px; height:44px; margin-top:5px; transition:0.5s;}
.news_more{ margin-top:15px;}
.news_rq{ display:none;}
.newsshow_title{font-size:1.25rem;}
.newsshow_title p{ font-size:0.75rem; padding-top:5px;}
}
@media screen and (max-width:767px){
.news_nr li a{ padding:5px 1%;}
.news_pic{ overflow:hidden; width:30%;}
.news_wb{ width:67%; margin-left:3%;}
.news_bt{ font-size:0.9375rem; height:30px; line-height:30px;}
.news_ms{ font-size:0.8125rem; line-height:22px; height:44px; margin-top:0px;}
.news_more{ display:none;}
.news_nr li:hover .news_bt,.news_nr li:hover .news_ms{ color:#fff; transition:0.5s;}
.news_nr li:hover .news_rq{ background:#008fd7; transition:0.5s;}
.news_nr li:hover .news_rq p{ background:#0086c9; transition:0.5s;}
.newsshow_title{font-size:1.125rem;}
.newsshow_wnnr{font-size:0.875rem;}
.xgnews-con li{width:95%;}
}

.ysq_nr{ padding-bottom: 15px;}
.ysq_nr li{ margin-bottom: 25px; background: #313131;}
.ysq_pic{ overflow: hidden; width: 39.62%;}
.ysq_pic img{ display: block; width: 100%; transition: 0.5s;}
.ysq_nr li:hover .ysq_pic img{ transform: scale(1.05);} 
.ysq_wb{ width: 55%; padding: 30px 2.5% 0 2.5%;}
.ysq_mc{ color: #fff; font-size: 1.5rem;}
.ysq_mc span{ font-size: 1.875rem; font-weight: bold; color: #ffcf6f; padding-right: 15px;}
.ysq_mc::after{ content: ''; width: 37px; height: 3px; background: #fff; display: block; margin: 18px 0 25px 0;}
.ysq_ms{ font-size: 1.125rem; line-height: 30px; color: #fff;}
.ysq_more{ width: 39px; height: 39px; background: #fff; border-radius: 50%; font-size: 1.5rem; line-height: 37px; text-align: center; color: #000; margin-top: 25px; transition: 0.5s;}
.ysq_nr li:hover .ysq_more{ background: #ffcf6f; transition: 0.5s;}
@media screen and (max-width:1279px){
.ysq_wb{padding: 20px 2% 0 2%;}
.ysq_mc{font-size: 1.375rem;}
.ysq_mc span{ font-size: 1.5rem; padding-right: 10px;}
.ysq_mc::after{ width: 32px; height: 2px; margin: 12px 0 15px 0;}
.ysq_ms{ font-size: 0.9375rem; line-height: 24px;}
.ysq_more{ width: 32px; height: 32px; font-size: 1.25rem; line-height: 30px;}
}
@media screen and (max-width:1023px){
.ysq_wb{padding: 15px 2% 0 2%;}
.ysq_ms{ font-size: 0.9375rem; line-height: 22px;}
.ysq_ms br{ display: none;}
.ysq_more{ display: none;}
}
@media screen and (max-width:767px){
.ysq_nr li{ margin-bottom: 15px;}
.ysq_pic{ width: auto; float: none;}
.ysq_wb{ width: auto; float: none; padding: 20px 2.5% 30px 2.5%;}
.ysq_mc{font-size: 1.125rem;}
.ysq_mc span{ font-size: 1.375rem;}
}

.pro_nr li{ width:24%; float:left; margin-right:1.333%; margin-bottom:1.333%;;}
.pro_nr li:nth-child(4n){ margin-right:0;}
.pro_nr li a{ display: block; padding-bottom: 0;}
.pro_pic{ overflow: hidden; border: 3px solid #ffcf6f;}
.pro_pic img{ display: block; width: 100%; transition: 0.5s;}
.pro_nr li:hover .pro_pic img{ transform: scale(1.05);}
.pro_mc{ color: #fff; text-align: center; height: 50px; line-height: 50px; font-size: 1.125rem; overflow: hidden;}
@media screen and (max-width:1279px){
.pro_mc{height: 40px; line-height: 40px; font-size: 1rem;}
}
@media screen and (max-width:1023px){
.pro_nr li{ width:32%; margin-right:0%; margin-bottom:2%;}
.pro_nr li:nth-child(3n-1){ margin: 0 2% 2% 2%;}
}
@media screen and (max-width:767px){
.pro_nr li{ width:49%; margin-bottom:3%;}
.pro_nr li:nth-child(2n){ float: right;}
.pro_nr li:nth-child(3n-1){ margin: 0 0% 3% 0%;}
.pro_mc{font-size: 0.9375rem;}
}

.proshowa{ background:#e2e2e2; border-top:2px solid #ffcf6f;}
.proshow_gd{ width:53.864%; position:relative; background:#fff;}
.proshow_img{overflow:hidden;}
.proshow_img li{ overflow:hidden;}
.proshow_img li img{ display:block; width:100%;}
.proshow_anjt{ position:relative; width:100%;}
.proshow_an{width:96%; padding: 2%;}
.proshow_an li{ width:19%; float:left; cursor:pointer; margin-right:1.25%;}
.proshow_an li:nth-child(5n){ margin-right:0;}
.proshow_an li:nth-child(n+6){ margin-top: 1.25%;}
.proshow_an li a{ display:block; border:2px solid #e6e6e6; overflow:hidden;}
.proshow_an li img{ display:block; width:100%;}
.proshow_an li.on a{border:2px solid #ffcf6f;}
.proshow_anjt .prev,.proshow_anjt .next{ cursor:pointer; display:block; width:3%; background:#e6e6e6; font-family:"宋体"; position:absolute; text-align:center; padding:5.7% 0; color:#000; font-size:1.5rem; transition:0.5s;}
.proshow_anjt .prev:hover,.proshow_anjt .next:hover{ background:#ffcf6f; color:#fff; transition:0.5s;}
.proshow_anjt .prev{ left:0;}
.proshow_anjt .next{ right:0;}
.proshowa_wb{ width:42.136%; padding:40px 2% 0 2%;}
.nycp_bt{ border-bottom:1px solid #b7b7b7; padding-bottom:20px; font-weight: bold;}
.nycp_bt h1{ font-weight: bold; color:#000; font-size:1.875rem;}
.nycp_bt p{ color: #5e5e5e; font-size: 1.125rem;}
.nycp_nr{ font-size:1rem; color:#353535; line-height:24px; padding-top:30px; padding-bottom:55px;}
.nycp_nr img{ max-width:100%;}
.nycp_more{ float: left;}
.nycp_more a{display:block; background:#444; text-align:center; width:150px; line-height:53px; font-size:1.125rem; color:#fff;}
.nycp_more img{ margin-bottom:-7px; margin-right:5px;}
.nycp_more .job_moreb{ display:none;}
.nycp_tel{ float: left;line-height:53px; padding-left: 28px;}
.nycp_tel a{ color:#000; font-size:2.75rem; font-family:"Din1451std";}
.proshow_bom{margin-top:30px; position:relative;}
.proshow_title{ background: #fff; border-bottom: 1px solid #e2e2e2;}
.proshow_title p{ display:inline-block; color:#000; font-size:1.875rem; line-height:79px; height:79px; padding:0 18px; font-weight: bold; position:relative; z-index:9;}
.proms_l{ background:#fff; padding:25px 2% 40px 2%;}
.proshow_nr{ font-size:1rem; line-height:1.8em;}
.proshow_nr img{ max-width:100%;}
.proshow_nr .fsqi_title p,.proshow_nr .fsqh_title p{ padding-bottom:8px; line-height:40px;}
.showcp_an{ padding-top:0.875rem; width:100%; padding-top:40px; margin-bottom:50px;}
.showcp_an p{width:120px;}
.showcp_an p a{width:100%;height:40px; background:#ffcf6f; text-align:center; line-height:40px; display:block; font-size:1rem; color:#000; font-weight:bold;}
.cnxh{ margin-top:30px;}
.cnxh_title{width:100%; position:relative; height:67px; border-top:2px solid #ffcf6f; border-bottom:1px solid #f5f5f5; background:#f1f1f1;}
.cnxh_title p{display:inline-block; color:#000; font-size:1.375rem; line-height:67px; height:67px; padding-left:2%;}
.cnxh_nr{padding:25px 2% 40px 2%; background:#f9f9f9;}
.cnxh_nr li{ margin-top:20px; width:24%; margin-right:1.333%; float:left;}
.cnxh_nr li:nth-child(4){ margin-right:0;}
.cnxh_pic{ overflow:hidden; border:1px solid #ddd;}
.cnxh_pic img{ display:block; width:100%; transition:0.5s;}
.cnxh_nr li:hover .cnxh_pic img{transform:scale(1.1);}
.cnxh_wb{ background:#ddd; height:40px; line-height:40px; overflow:hidden; font-size:0.875rem; text-align:center; transition:0.5s;}
.cnxh_nr li:hover .cnxh_wb{ background:#b37026; color:#fff; transition:0.5s;}
@media screen and (max-width:1023px){
.proshow_gd{ width:auto; float: none;}
.proshowa_wb{width:auto; float: none; padding-bottom: 50px;}
}

@media screen and (max-width:767px){

.proshowa_wb{ padding-top:20px;}
.nycp_bt{padding-bottom:10px;}
.nycp_bt h1{font-size:1.5rem;}
.nycp_bt p{ font-size: 1rem;}
.nycp_nr{ font-size:0.875rem; padding: 15px 0 20px 0;}
.nycp_tel a{ font-size: 2rem;}
.nycp_tel{ font-size: 1rem; line-height: 40px; padding-left: 18px;}
.nycp_more a{width:120px; line-height:40px; font-size:1rem;}
.nycp_more img{ height:22px;}
.nycp_more .job_morea{ display:none;}
.nycp_more .job_moreb{ display:block;}
.proshow_bom{padding-bottom:0px;}
.proshow_bom:after{height:40px;}
.proshow_title p{font-size:1.125rem; line-height:50px; height:50px;}
.proshow_nr{ font-size:0.875rem;}
.showcp_an{ margin-bottom:0;}
.showcp_an p{width:110px;}
.showcp_an p a{font-size:0.875rem; height:36px; line-height:36px;}
.cnxh_title{ height:47px;}
.cnxh_title p{font-size:1.125rem; line-height:47px; height:47px;}
.cnxh_nr{padding:0px 2% 20px 2%;}
.cnxh_nr li{ width:49%; margin-right:0%;}
.cnxh_nr li:nth-child(2n){ float:right;}
}
/*内页style结束*/

.fswzj{ display:none;}@media(max-width:767px){.fswzj{ position:fixed; bottom:0; z-index:999; width:100%; display:block; background:#b58f41;}.fswzj ul{ padding:0px; margin:0px; list-style-type:none; border-top:2px solid #c39c4a;}.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 #c39c4a;}.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:1023px){
/*分类*/
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:1023px){
.sp_nav{width:60px;float:right;position:relative;cursor: pointer; height:60px; padding:10px;}
.sp_nav i{display:block; color:#fff; position:absolute; width:100%; bottom:12px; left:0; text-align:center; font-style:normal;}
.sp_nav span{display:block;background:#fff;width:40%;height:2px;position:absolute;left:30%;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:22px}
.sp_nav span:nth-of-type(2){top:32px}
.sp_nav_se span:nth-of-type(1){top:22px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){top:22px;transform:rotate(-45deg)}
.sjj_nav{position:fixed; z-index:9; background:rgba(77,77,77,1); width:50%; height:calc(100% - 104px); line-height:40px; top:81px; right:-100%; overflow:auto; overflow-x:hidden; transition:right ease 0.5s;}
.nav_show{top:81px; right:0;}
.sjj_nav li ul,.sjj_nav li .sp_nav_xjb{ display: block;}
.sjj_nav ul li{ float:none; width:auto; 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 rgba(255,255,255,0.1) solid;text-align:center;color:#999;}
.sjj_nav ul li i{ display:block; position:absolute;top:5px;right:0px;border-left:1px rgba(255,255,255,0.1) solid;height:40px; padding:0px 10px 0 10px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li em{ display:none;}
.sjj_nav ul li{border-top:1px rgba(255,255,255,0.1) solid;margin-left:10px;position:relative;line-height:50px;font-size:14px;}
.sjj_nav>ul >li:last-child{border-bottom:1px rgba(255,255,255,0.1) solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{ width:90%; font-size:1rem; color:#fff; text-align:inherit; padding:inherit; height:auto; line-height:inherit; background:none;}
.sjj_nav ul li.cur a,.sjj_nav ul li.cur ul li.cur a{color:#fff;}
.sjj_nav ul li ul li a,.sjj_nav ul li.cur ul li a{color:#fff;display:block;text-align:left; font-size:1rem;}
.sjj_nav ul li i svg{width:24px;height:38px;fill:#fff;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#fff;}
.sjj_nav ul li ul li>ul{margin-left:10px}
}
@media screen and (max-width:520px){
.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;}
.sp_nav i{ font-size:0.8125rem; bottom:6px;}
.sp_nav span{ width:50%; left:25%;}
.sp_nav span:nth-of-type(1){top:10px}
.sp_nav span:nth-of-type(2){top:20px}
.sp_nav_se span:nth-of-type(1){top:13px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){top:13px;transform:rotate(-45deg)}
.sjj_nav{top:51px; width:65%;}
.nav_show{top:51px;}
.sjj_nav ul li{line-height:44px;}
.sjj_nav ul li i{height:34px;}
.sjj_nav ul li a{ font-size:0.9375rem; width:83%;}
.sjj_nav ul li i svg{width:20px;height:34px;fill:#fff;}
.sjj_nav ul li ul li a,.sjj_nav ul li.cur 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(77,77,77,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:520px){
.cd-top{ display:none;}
}