@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}
body{font-family:"Microsoft YaHei",Arial; font-size:100%; color:#434343; max-width: 1920px; margin: 0 auto; overflow-x:hidden;}
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:#3d3d3d; text-decoration: none;outline:none;}
a:hover, a:active {color:#fed201; text-decoration: none;outline:none;}
.clear{clear:both;}
.kg{ width:96%; margin:0 auto; max-width:1300px;}
.kga{ width:96%; margin:0 auto; max-width:1400px;}
.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 #fed201; 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 #fed201; margin-left:3px; margin-right:3px; margin-top:0px; margin-bottom:0px; font-size:12px}
::-webkit-scrollbar {width:6px;height:8px;background-color:#fff;border-radius:4px; position:relative;}
::-webkit-scrollbar-thumb {background-color:#b1b1b1;border-radius:3px;}
#dituContent{ height:820px;}
@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:"AgencyFB";
 src: url("../fonts/AgencyFB.eot"),
      url("../fonts/AgencyFB.ttf");
}
@font-face {
 font-family:"Dinr";
 src: url("../fonts/Dinr.eot"),
      url("../fonts/Dinr.ttf");
}
@font-face {
 font-family:"DinBlack";
 src: url("../fonts/DinBlack.eot"),
      url("../fonts/DinBlack.ttf");
}
@font-face {
 font-family:"DinEstd";
 src: url("../fonts/DinEstd.eot"),
      url("../fonts/DinEstd.ttf");
}
@font-face {
 font-family:"ABT";
 src: url("../fonts/ABT.ttf");
}

/*首页style开始*/
.top_bg{ width: 100%; background: #fff; border-bottom: 1px solid #dedede; position: relative; z-index:9991;}
.top_bg .kg{ display: flex; justify-content: space-between; align-items: center;}
.top_l{ line-height: 42px; height: 42px; color: #3d3d3d;}
.top_r a{ color: #3d3d3d;}
.top_r a:hover{ text-decoration: underline;}
.top_r a img{ margin-bottom: -4px; margin-right: 6px;}
.top_r span{ margin: 0 20px; color: #c2c2c2; font-size: 0.875rem;}
.scan_wechat { position: relative;}
.scan_wechat img:nth-of-type(2) { position: absolute; left: 0; top: 200%; visibility: hidden; opacity: 0; transition: 0.3s;}
.scan_wechat:hover img:nth-of-type(2) { visibility: visible; opacity: 1;}
.logonav{ width: 100%; background: #fff; position: relative; z-index: 999;}
.logo_tel{ background: #fff; height: 107px; width: 100%;}
.logo_tel .kg{ display: flex; justify-content: space-between; align-items: flex-start;}
.logo{ display: flex; margin-top: 18px; align-items: center;}
.logo a:nth-child(2){ margin-left: 13px; padding-left: 18px; position: relative; border-left: 1px solid #c1c1c1;  color: #000;}
.logo a:nth-child(2) p:nth-child(1){ font-size: 1.125rem;}
.logo a:nth-child(2) p:nth-child(2){ font-size: 1.5rem; font-weight: bold;}
.tel{ margin-top: 12px; display: flex; align-items: center;}
.tel a{background: url(../images/tel.png) no-repeat left center; padding-left: 52px; display: block; margin-right: 20px;}
.tel a p{ font-size: 1.125rem; color: #000; line-height: 1em;}
.tel a span{ display: block; font-family:"DinBlack"; font-size: 1.875rem; color: #000; line-height: 1em;}
.sp_nav{ display:none;}
.nav_bg{ background: #fed201; width: 100%; position: relative; z-index: 999;}
.sjj_nav li .sp_nav_xjb{display:none;}
.sjj_nav>ul>li{ position:relative; width: 11.5%; float: left;}
.sjj_nav>ul>li:nth-child(1){ width: 8%;}
.sjj_nav>ul>li:nth-child(1) img{ margin-right: 5px; margin-bottom: -2px;}
.sjj_nav>ul>li:nth-child(1) img:nth-child(1){display: none;}
.sjj_nav>ul>li:nth-child(1).cur img:nth-child(1){display: inline;}
.sjj_nav>ul>li:nth-child(1).cur img:nth-child(2){display: none;}
.sjj_nav>ul>li::after{ content: ''; width: 100%; height: 100%; background: #000; position: absolute; bottom: 0; left: 0%; 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>a{display:block; height: 60px; line-height: 60px; color: #000; font-size: 1.0625rem; text-align: center; position:relative; z-index:9; transition:0.5s;}
.sjj_nav>ul>li:hover>a,.sjj_nav>ul>li.cur>a{ color: #fff; transition: 0.5s;}
.sjj_nav>ul>li>a::before{ content: ''; width: 1px; height: 13px; background: #000; position: absolute; right: 0; top: 23px;}
.sjj_nav>ul>li:nth-last-child(1)>a::before{ display: none;}
.sjj_nav>ul>li>ul{ position:absolute; width:120%; background:rgba(0,0,0,0.8); left:0; overflow:hidden; display:none;}
.sjj_nav>ul>li>ul>li:nth-child(1){ border-top:none;}
.sjj_nav>ul>li>ul>li>a{ display:block; line-height:56px; height:56px; font-size:1.125rem; color:#fff; position: relative; text-indent: 19%; transition:0.5s;}
.sjj_nav>ul>li>ul>li:hover>a{background:#fed201; color: #000; transition:0.5s;}
.sjj_nav>ul>li>ul>li>a::after{ content: '>'; position: absolute; right: 30%; font-family: "AgencyFB"; color: rgba(0,0,0,0); font-size: 1.75rem; top: 0; transition:0.5s;}
.sjj_nav>ul>li>ul>li:hover>a::after{ right: 10%; color: rgba(0,0,0,1);}
@media screen and (max-width:1270px){
.logo a:nth-child(2) p:nth-child(2){ font-size: 1.375rem;}
.tel a{ background-size: auto 44px;}
.tel a p{ font-size: 1rem;}
.tel a span{ font-size: 1.75rem;}
}
@media screen and (max-width:1020px){
.top_bg{ display: none;}
.logo_tel{ height: 80px;}
.logo_tel .kg{ width: 100%;}
.tel{ display: none;}
.logo{ margin-top: 10px; margin-left: 1%;}
.logo img{ height: 60px;}
.logo a:nth-child(2) p:nth-child(1){ font-size: 1rem;}
.logo a:nth-child(2) p:nth-child(1) span { display: none;}
.logo a:nth-child(2) p:nth-child(2){ font-size: 1.25rem;}
.sjj_nav>ul>li:nth-child(1){ width: auto;}
.sjj_nav>ul>li>a::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>a{ text-indent: 0;}
}
@media screen and (max-width:700px){
.logo_tel{ height: 50px;}
.logo{ margin-top: 5px;}
.logo img{ height: 36px;}
.logo a:nth-child(2){ margin-left: 8px; padding-left: 10px;}
.logo a:nth-child(2) p:nth-child(1){ font-size: 0.9375rem; line-height: 20px; width: 166px;}
.logo a:nth-child(2) p:nth-child(2){ display: none;}
.sjj_nav>ul>li>ul>li>a{ height: 40px; line-height: 40px;}
}

/*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; overflow: hidden;}
.banner_nr{  width: 100%;}
.banner_nr li{ position:relative; height:100%; cursor: pointer;}
.banner_nr li:nth-of-type(1) { vertical-align: middle !important; background: #000;}
.banner_nr li a{ display:block; height:800px; width:100%;}
.banner_nr li a img{ display:none;}
.banner_an{ position: absolute; left: 0; bottom: 4%; width: 100%; text-align: center; z-index: 99;}
.banner_an ul{ display: flex; max-width: 1300px; width: 98%; margin: 0 auto; justify-content: center;}
.banner_an li{ width: 27px; height: 6px; margin-right: 16px; background: #fed201; border-radius: 3px; cursor: pointer; overflow: hidden; text-indent: -999em; position: relative; transition: 0.5s;}
.banner_an li.on{  background: #000; transition: 0.5s;}
.banner .pageState{ display: none; color:#ffaf4f; font-family:"Dinl"; font-size:1.5rem; padding-right:20px; padding-top:14px;}
.banner .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:1300px){
.banner_nr li a{ height:650px; background-size: auto 100% !important;}
}
@media screen and (max-width:1270px){
.banner_nr li a{ height:550px;}
}
@media screen and (max-width:1020px){
.banner_nr li a{ height:400px;}
}
@media screen and (max-width:770px){

.banner_nr li a{ height:auto; background: none !important;}
.banner_nr li a img{ display: block; width: 100%;}
}
/*banner*/

.index_bga{ background: url(../images/index_bga.jpg) no-repeat center; background-size: cover; width: 100%; padding: 50px 0 125px 0; border-top: 7px solid #fff; border-bottom: 1px solid #fff; overflow: hidden;}
.inda_title{ text-align: center; color: #fff; position: relative;}
.inda_title h2{ font-size: 2.5rem; font-weight: bold; line-height: 1em; position: relative; z-index: 9;}
.inda_title p{ font-size: 1.25rem; padding-top: 10px;}
.inda_title::before{ content: ''; width: 164px; height: 12px; background: #fed201; position: absolute; top: 33px; left: 50%; margin-left: -82px;}
.inda_gd{ margin-top: 40px; position: relative;}
.inda_fl ul{ justify-content: center; display: flex;}
.inda_fl li{ position: relative; margin: 0 40px; padding-bottom: 11px;}
.inda_fl li::after{ content: ''; width: 100%; height: 6px; background: #fed201; border-radius: 3px; position: absolute; left: 0; bottom: 0; transform: scaleX(0); transition: 0.5s;}
.inda_fl li:hover::after,.inda_fl li.on::after{ transform: scaleX(1);}
.inda_fl li a{ color: #fff; font-size: 1.375rem; padding: 0 5px; display: block;}
.inda_fl li span{ position: absolute; width: 100%; text-align: center; left: 0; top: 0; font-size: 3.75rem; color: rgba(255,255,255,0); font-family: 'Dinr'; line-height: 0.8em; transition: 0.5s;}
.inda_fl li p{ line-height: 48px;}
.inda_fl li:hover span,.inda_fl li.on span{ color: rgba(255,255,255,0.1);}
.inda_tab{ display: flex; justify-content: space-between; padding-top: 32px;}
.inda_l{ flex: 0 1 33.6923%; position: relative;}
.inda_l::before{ content: ''; width: 65px; height: 65px; background: #fed201; position: absolute; left: -7px; top: -7px; display: none;}
.indal_pic{ border: 3px solid #fff; position: relative; z-index: 9;}
.indal_pic img{ display: block; width: 100%;}
.indal_more{ left: 4.5%; bottom: 7.5%; position: absolute; z-index: 9;}
.indal_more a{ display: block;  width: 127px;height: 46px; background: #fed201; text-align: center; line-height: 46px; font-size: 1.125rem; color: #000; transition: 0.5s;}
.indal_more a:hover{ box-shadow: 3px 3px 1px #000;}
.inda_r{ flex: 0 1 64%; display: flex;}
.inda_r ul{ flex: 1; display: flex; justify-content: space-between; flex-wrap: wrap; align-content: space-between;}
.inda_r li{ flex: 0 1 48%;}
.inda_r li a{ display: block; background: #616161;}
.inda_pic{ overflow: hidden;}
.inda_pic img{ display: block; width: 100%; transition: 0.5s;}
.inda_r li:hover .inda_pic img{ transform: scale(1.05);}
.inda_mc{ padding: 14px 4%; color: #fff;}
.inda_mc p:nth-child(1){ line-height: 30px; height: 30px; font-size: 1.375rem;}
.inda_mc p:nth-child(2){ font-size: 1.125rem; line-height: 20px; height: 20px; overflow: hidden;}
@media screen and (max-width:1270px){
.inda_title h2{ font-size: 2.25rem;}
.inda_fl li{ margin: 0 30px;}
.inda_fl li a{ font-size: 1.25rem;}
.indal_more a{ font-size: 1rem;}
.inda_mc{ padding: 10px 3%;}
.inda_mc p:nth-child(1){ line-height: 22px; height: 22px; font-size: 1.125rem;}
.inda_mc p:nth-child(2){ font-size: 1rem; line-height: 18px; height: 18px;}
}
@media screen and (max-width:1020px){
.index_bga{ padding: 50px 0 90px 0;}
.inda_mc{ padding: 5px 3%;}
.indal_more{ bottom: 5%;}
.indal_more a{width: 110px; height: 42px; line-height: 42px; font-size: 1rem;}
}
@media screen and (max-width:700px){
.index_bga{padding: 40px 0 50px 0; border-top: 3px solid #fff;}
.inda_title h2{ font-size: 1.5rem;}
.inda_title::before{ width: 110px; height: 8px; margin-left: -55px; top: 21px;}
.inda_title p{ font-size: 1rem;}
.inda_gd{ margin-top: 20px;}
.inda_fl li{ margin: 0; padding-bottom: 5px;}
.inda_fl li a{ font-size: 1rem;}
.inda_fl li p{ line-height: 40px;}
.inda_fl li span{ font-size: 3rem;}
.inda_fl li::after{ height: 4px;}
.inda_tab{ padding-top: 20px; display: block;}
.inda_r li{ flex: 0 1 49%; margin-top: 2%;}
.inda_mc p:nth-child(1){ line-height: 20px; height: 20px; font-size: 1rem;}
.inda_mc p:nth-child(2){ font-size: 0.9375rem;}
.indal_more a{width: 100px; height: 36px; line-height: 36px; font-size: 0.875rem;}
}

.index_bgb{ background: url(../images/index_bgb.jpg) no-repeat center top #e1e1e1; width: 100%; padding-top: 30px;}
.indb_title{ background: url(../images/indb_w.png) no-repeat center top; text-align: center; padding-top: 55px;}
.indb_title p{ color: #000; font-size: 1.25rem; line-height: 1em;}
.indb_title h2{ font-size: 2.5rem; font-weight: bold; color: #000; line-height: 1.125em;}
.indb_title span{ display: block; font-size: 1.25rem; color: #6d6d6d; padding-top: 12px;}
.indb_nr{ padding-top: 30px; padding-bottom: 32px;}
.indb_nr ul{ display: flex; justify-content: flex-end;}
.indb_nr li{ flex: 0 1 22.3076%; position: relative; cursor: pointer; margin-left: 1.25%;}
.indb_nr li::before{ content: ''; width: 100%; height: 100%; background: #3d3d3d; border-radius: 50%; position: absolute; left: 0; top: 0; transition: 0.5s;}
.indb_nr li:hover::before{ background: #fed201; box-shadow: 0 10px 40px rgba(254,210,1,0.53);}
.indb_zj img{ display: block; width: 100%;}
.indb_po{ position: absolute; z-index: 9; width: 100%; top: 24%; left: 0; display: flex;}
.indb_l{ font-size: 3rem; font-family: "Dinblack"; color: #fff; line-height: 0.8em; transition: 0.5s;}
.indb_l span{ color: #fed201; transition: 0.5s;}
.indb_r{ color: #fff; padding-left: 17px; margin-left: 20px; border-left: 1px solid #cecece; position: relative; transition: 0.5s;}
.indb_r::before{ content: ''; width: 3px; height: 35px; background: #fed201; position: absolute; left: -2px; top: 0; transition: 0.5;}
.indb_r::after{ content: ''; width: 3px; height: 0px; background: #fff; position: absolute; left: -2px; top: 0; transition: 0.5s;}
.indb_r p{ font-size: 1.125rem; line-height: 24px; padding-top: 55px;}
.indb_r h3{ font-size: 1.875rem; font-weight: bold; margin-top: 18px; line-height: 1em;}
.indb_nr li:hover .indb_l,.indb_nr li:hover .indb_r{ color: #000; transition: 0.5s;}
.indb_nr li:hover .indb_l span{ color: #fff; transition: 0.5s;}
.indb_nr li:hover .indb_r::before{ width: 1px; height: 100%; background: #000; left: -1px; transition: 0.8s 0.3s;}
.indb_nr li:hover .indb_r::after{ height: 35px; transition: 0.5s;}
.indbmsmo{ background: #e1e1e1; padding: 40px 0 34px 0; width: 100%;}
.indbmsmo .kg{ justify-content: center; align-items: center; display: flex;}
.indbmsmo p{ font-size: 1.625rem; color: #000;}
.indbmsmo p span{ font-size: 3rem;}
.indbmsmo a{ margin-left: 20px; width: 125px; height: 46px; line-height: 46px; text-align: center; font-size: 1.125rem; background: #fed201; color: #000; transition: 0.5s;}
.indbmsmo a:hover{ box-shadow: 3px 3px 1px #000;}
@media screen and (max-width:1270px){
.indb_title h2{ font-size: 2.25rem;}
.indb_nr li{ flex: 0 1 24%; margin-left: 1.333%;}
.indb_nr li:nth-child(1){ margin-left: 0;}
.indb_po{ top: 26%;}
.indb_l{ font-size: 2.5rem;}
.indb_r{ padding-left: 9px; margin-left: 10px;}
.indb_r p{ padding-top: 35px; font-size: 1rem;}
.indb_r h3{ font-size: 1.625rem;}
.indbmsmo p{ font-size: 1.375rem;}
.indbmsmo p span{ font-size: 2.5rem;}
}
@media screen and (max-width:1020px){
.indb_r p{ padding-top: 5px;}
.indb_r p br{ display: none;}
.indb_r h3{ font-size: 1.375rem;}
.indbmsmo p span{ font-size: 2.25rem;}
}
@media screen and (max-width:700px){
.indb_title{ padding-top: 20px; background-size: auto 100%;}
.indb_title p{font-size: 1rem;}
.indb_title h2{ font-size: 1.5rem;}
.indb_title span{ font-size: 1rem; padding-top: 7px; width: 80%; margin: 0 auto;}
.indb_nr{ padding: 20px 0 30px 0;}
.indb_nr ul{ flex-wrap: wrap; justify-content: space-between;}
.indb_nr li{ flex: 0 1 48.5%; margin-left: 0;}
.indb_nr li:nth-child(n+3){ margin-top: 3%;}
.indb_r p{ font-size: 0.9375rem; line-height: 1.25em;}
.indb_r h3{ font-size: 1.125rem;}
.indbmsmo{ padding: 15px 0 20px 0;}
.indbmsmo .kg{ display: block; text-align: center;}
.indbmsmo p{ font-size: 1.125rem; width: 80%; margin: 0 auto;}
.indbmsmo p span{ font-size: 1.875rem;}
.indbmsmo a{ display: block; margin: 10px auto 0 auto; width: 100px; height: 36px; line-height: 36px; font-size: 0.875rem;}
}

.index_bgc{ background: #fff; width: 100%; padding-top: 60px;}
.indc_title{ text-align: center; color: #000; position: relative;}
.indc_title p{ font-size: 2.25rem; line-height: 1em;}
.indc_title h2{ font-size: 2.5rem; font-weight: bold; line-height: 1.25em; position: relative; z-index: 9;}
.indc_title span{ color: #545454; font-size: 1.25rem; display: block; margin-top: 14px;}
.indc_title::before{ content: ''; width: 164px; height: 12px; background: #fed201; position: absolute; bottom: 38px; left: 50%; margin-left: -82px;}
.indc_gd{ margin-top: 65px; position: relative;}
.indc_fl{ margin-bottom: -50px; position: relative; z-index: 9;}
.indc_fl ul{ display: flex; justify-content: space-between;}
.indc_fl li{ flex: 0 1 23.2%; background: #323232; height: 100px; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: 0.5s;}
.indc_sz{ color: rgba(255, 255, 255, 0.3); font-size: 3.75rem; font-family:"ABT"; position: relative;}
.indc_sz::after{ content: ''; width: 0; height: 0; border: 12px solid transparent; border-bottom: 30px solid #323232; position: absolute; bottom: 10%; right: -8px; transform: rotate(20deg); transition: 0.5s;}
.indc_mc{ font-size: 2.25rem; color: #fff; padding-left: 17px; transition: 0.5s;}
.indc_fl li:hover,.indc_fl li.on{ background: #fed201;}
.indc_fl li:hover .indc_sz::after,.indc_fl li.on .indc_sz::after{ border-bottom: 30px solid #fed201;}
.indc_fl li:hover .indc_mc,.indc_fl li.on .indc_mc{ color: #000;}
.indc_tab{ background: url(../images/indc_bga.jpg) no-repeat center; background-size: cover; padding: 150px 0 180px 0; width: 100%; position: relative;}
.indc_tab .kg{ position: relative; z-index: 9;}
.indc_tab::after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/indc_dd.png) repeat;}
.indc_nr{ position: relative; z-index: 9;}
.indc_bt{ line-height: 36px; color: #fed201; font-weight: bold; font-size: 1.875rem;}
.indc_dl{ padding-top: 20px;}
.indc_dl dl{ padding-top: 38px; width: 50%;}
.indc_dl dl dt{ font-size: 1.5rem; font-weight: bold; color: #fed201; position: relative; line-height: 30px; height: 30px; padding-left: 20px;}
.indc_dl dl dt::after{ content: ''; width: 4px; height: 4px; border: 2px solid #fed201; position: absolute; left: 0; top: 12px;}
.indc_dl dl dd{ color: #fff; line-height: 24px; font-size: 1.125rem; margin-top: 10px;}
.indc_jt a{ display: block; position: absolute; width: 60px; height: 60px; background: #fed201; z-index: 9; text-align: center; line-height: 60px; font-family: "AgencyFB"; font-size: 3rem; cursor: pointer; color: #000; right: -30px; top: 50%; margin-top: -30px;}
@media screen and (max-width:1300px){
.indc_sz{ font-size: 3rem;}
.indc_mc{ font-size: 2rem; padding-left: 10px;}
.indc_jt a{ right: 0;}
}
@media screen and (max-width:1270px){
.indc_title p{ font-size: 2rem;}
.indc_title h2{ font-size: 2.25rem;}
.indc_sz{ font-size: 2.5rem;}
.indc_mc{ font-size: 1.625rem; padding-left: 5px;}
.indc_sz::after{ border: 10px solid transparent; border-bottom: 26px solid #323232;}
}
@media screen and (max-width:1020px){
.indc_fl{margin-bottom: -40px;}
.indc_fl li{ height: 70px;}
.indc_sz{ font-size: 2.25rem;}
.indc_mc{ font-size: 1.5rem; padding-left: 5px;}
.indc_sz::after{ border: 8px solid transparent; border-bottom: 22px solid #323232;}
}
@media screen and (max-width:700px){
.index_bgc{ padding-top: 40px;}
.indc_title p{ font-size: 1.375rem;}
.indc_title h2{ font-size: 1.5rem;}
.indc_title span{ font-size: 1rem; width: 80%; margin: 7px auto 0 auto;}
.indc_title::before{  width: 120px; height: 12px; bottom: 46px; left: 50%; margin-left: -60px;}
.indc_fl li{ flex: 0 1 24%; display: block; text-align: center; height: auto; padding: 7px 0;}
.indc_sz::after{ display: none;}
.indc_sz{ font-size: 1.25rem;}
.indc_mc{ font-size: 1rem;}
.indc_gd{ margin-top: 25px;}
.indc_tab{ background-size: cover; padding: 70px 0 50px 0;}
.indc_bt{ font-size: 1.125rem; line-height: 26px;}
.indc_dl dl{ width: auto;}
.indc_jt{ display: none;}
.indc_dl{ padding-top: 10px;}
.indc_dl dl{ padding-top: 20px;}
.indc_dl dl dt{ font-size: 1.125rem;}
.indc_dl dl dd{ margin-top: 0px; font-size: 0.9375rem; line-height: 22px;}
}

.index_bgd{ background: url(../images/index_bgd.jpg) no-repeat center; background-size: cover; width: 100%; padding: 60px 0 45px 0; overflow: hidden;}
.indd_title{ text-align: center; color: #000;}
.indd_title h2{ font-size: 2.5rem; font-weight: bold; line-height: 1em;}
.indd_title p{ font-size: 1.25rem; padding-top: 10px;}
.indd_gd{ position: relative; margin-top: 50px;}
.indd_nr li{ float: left; width: 24.616%; margin-right: 0.576%; position: relative;}
.indd_nr li:nth-child(1){ float: right; width: 49.616%; margin-right: 0;}
.indd_nr li:nth-last-child(-n+2){ margin-top: 0.77%;}
.indd_i i{ position: absolute; z-index: 9; background: #fed201; transition: 0.5s;}
.indd_i i:nth-child(1){ height: 5px; width: 0px; left: 0; top: 0;}
.indd_i i:nth-child(2){ width: 5px; height: 0px; right: 0; top: 0;}
.indd_i i:nth-child(3){ height: 5px; width: 0px; right: 0; bottom: 0;}
.indd_i i:nth-child(4){ width: 5px; height: 0px; left: 0; bottom: 0;}
.indd_nr li:hover .indd_i i:nth-child(1),.indd_nr li:hover .indd_i i:nth-child(3){ width: 100%; transition: 0.5s;}
.indd_nr li:hover .indd_i i:nth-child(2),.indd_nr li:hover .indd_i i:nth-child(4){ height: 100%; transition: 0.5s;}
.indd_nr li a{ display: block; border: 5px solid #fff; position: relative;}
.indd_pic{ overflow: hidden;}
.indd_pic img{ display: block; width: 100%; transition: 0.5s;}
.indd_nr li:hover .indd_pic img{ transform: scale(1.05);}
.indd_po{ position: absolute; width: 100%; height: 40px; line-height: 40px; background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.9)); left: 0; bottom: 0; box-sizing: border-box; padding: 0 8px; color: #fff;}
.indd_po::after{ content: '>'; position: absolute; right: 8px; font-family: 'Dinr';}
.indd_an{ padding-top: 50px;}
.indd_an ul{display: flex; justify-content: center;}
.indd_an li{ overflow: hidden; text-indent: 999em; border: 3px solid #fff; border-radius: 50%; width: 8px; height: 8px; cursor: pointer; margin: 0 10px; transition: 0.5s;}
.indd_an li.on{ background: #fff;}
@media screen and (max-width:1270px){
.indd_title h2{ font-size: 2.25rem;}
}
@media screen and (max-width:700px){
.index_bgd{ padding: 40px 0 50px 0;}
.indd_title h2{ font-size: 1.5rem;}
.indd_title p{ font-size: 1rem; padding-top: 5px;}
.indd_gd{ margin-top: 20px;}
.indd_nr li:nth-child(1){ width: 100%;}
.indd_nr li{ width: 49%; margin-right: 0%;}
.indd_nr li:nth-child(n+2){ margin-top: 2%;}
.indd_nr li:nth-child(2n+1){ float: right;}
.indd_i i:nth-child(1){ height: 2px;}
.indd_i i:nth-child(2){ width: 2px;}
.indd_i i:nth-child(3){ height: 2px;}
.indd_i i:nth-child(4){ width: 2px;}
.indd_nr li a{ display: block; border: 2px solid #fff; position: relative;}
.indd_an{ padding-top: 20px;}
.indd_an li{margin: 0 7px;}
.indd_po{ text-align: center; line-height: 34px; height: 34px; font-size: 0.9375rem;}
.indd_po::after{ display: none;}
}

.index_bge{ position: relative; width: 100%; background: #fff; padding: 60px 0 0px 0; overflow: hidden;}
.index_bge::before{ content: ''; width: 100%; height: calc(100% - 50px); background: #ededed; position: absolute; left: 0; top: 0;}
.index_bge .kg{ position: relative; z-index: 9;}
.index_bge .inda_title h2{ color: #000;}
.index_bge .inda_title p{ color: #555;}
.inde_nr{ padding-top: 40px;}
.inde_nr ul{ display: flex; justify-content: space-between;}
.inde_nr li{ flex: 0 1 32%; position: relative;}
.inde_pic{ overflow: hidden; position: relative;}
.inde_pic::after{ content: ''; background: url(../images/video_pic.png) no-repeat center rgba(0,0,0,0.2); width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.inde_pic img{ display: block; width: 100%; transition: 0.5s;}
.inde_nr li:hover .inde_pic img{ transform: scale(1.05);}
.inde_mc{ position: absolute; height: 50px; line-height: 50px; color: #fff; background: rgba(0,0,0,0.5); left: 0; bottom: 0; width: 100%; box-sizing: border-box; padding: 0 4%;}
@media screen and (max-width:1020px){
.inde_pic::after{ background-size: 20%;}
.inde_mc{ height: 40px; line-height: 40px;}
}
@media screen and (max-width:700px){
.index_bge{padding: 40px 0 0px 0;}
.index_bge::before{ height: calc(100% - 32px);}
.inde_nr{ padding-top: 20px;}
.inde_nr li{ flex: 0 1 49%;}
.inde_nr li:nth-child(3){ display: none;}
.inde_mc{ height: 32px; line-height: 32px; overflow: hidden; font-size: 0.9375rem; text-align: center;}
}

.index_bgf{ position: relative; padding: 85px 0 3px 0; width: 100%; background: #fff;}
.index_bgf .inda_title h2{ color: #000;}
.index_bgf .inda_title p{ color: #555;}
.indf_pic{ margin-top: 30px;}
.indf_pic img{ display: block; width: 100%;}
@media screen and (max-width:700px){
.index_bgf{ padding: 40px 0 1px 0;}
.indf_pic{ margin-top: 15px;}
}

.index_bgg{ background: url(../images/index_bgg.jpg) no-repeat center #3e3e3e; width: 100%; padding: 60px 0 120px 0; overflow: hidden;}
.indg_title{ text-align: center; color: #fff; font-size: 2.5rem; font-weight: bold;}
.indg_ms{ padding-top: 75px; color: #a8a8a8; line-height: 28px; display: flex; justify-content: space-between;}
.indg_ms .left { flex: 0 1 45%; margin-right: 50px;}
.indg_ms .right { flex: 0 1 50%;}
.indg_ms::before{ content: ''; width: 41px; height: 3px; background: #fed201; display: block; margin-bottom: 25px;}
.indg_more{ margin-top: 40px; display: inline-block; position: relative;}
.indg_more a{ display: block; height: 26px; line-height: 26px; padding: 0 4px; font-size: 1.125rem; color: #fff; position: relative; z-index: 9; transition: 0.5s;}
.indg_more::after{ content: ''; width: 100%; height: 8px; background: #adadad; position: absolute; left: 0; bottom: 0; transition: 0.5s;}
.indg_more:hover::after{background: #fed201;}
.indg_bom{ padding-top: 90px;}
.indg_bom ul{ display: flex; justify-content: space-between;}
.indgcs{ display: flex;}
.indg_sz{ font-size: 5rem; font-family:"DinEstd"; color: #fed201; line-height: 0.8em;}
.indg_rc{ padding-left: 10px;}
.indg_rc p{ font-size: 1.875rem; color: #fed201; line-height: 0.5em;}
.indg_rc span{ font-size: 1.5rem; color: #fff; line-height: 1em; padding-top: 20px; display: block;}
.indg_sm{ color: #fff; font-size: 1.125rem; margin-top: 5px;}
@media screen and (max-width:1270px){
.indg_title{font-size: 2.25rem;}
.indg_sz{ font-size: 4rem;}
.indg_rc p{ font-size: 1.375rem;}
.indg_rc span{ font-size: 1.125rem; line-height: 1em;}
}
@media screen and (max-width: 1024px) {
      .indg_ms { flex-direction: column;}
      .indg_ms .left { margin: 0; margin-bottom: 50px;}
}
@media screen and (max-width:700px){
.index_bgg{ padding: 40px 0 50px 0; background-size: cover;}
.indg_title{ font-size: 1.5rem;}
.indg_ms{ width: 100%; padding-top: 32px; line-height: 24px; font-size: 0.9375rem; color: #e1e1e1;}
.indg_ms::before{ width: 30px; height: 2px; background: #fed201; display: block; margin-bottom: 25px;}
.indg_more{ margin-top: 30px;}
.indg_more a{ font-size: 1rem;}
.indg_more::after{ height: 6px;}
.indg_bom{ padding-top: 35px;}
.indg_sz{ font-size: 2.5rem;}
.indg_rc{ padding-left: 5px;}
.indg_rc p{ font-size: 1rem;}
.indg_rc span{ font-size: 0.875rem; padding-top: 8px;}
.indg_sm{ font-size: 0.9375rem; margin-top: 3px;}
}

.index_bgh{ padding: 50px 0 105px 0; width: 100%; background: #fff; overflow: hidden;}
.index_bgh .inda_title h2{ color: #000;}
.index_bgh .inda_title p{ color: #555;}
.indh_kj{ padding-top: 45px; display: flex; justify-content: space-between;}
.indh_l{ flex: 0 1 48.5%;}
.indh_title{ display: flex; justify-content: space-between; align-items: center;}
.indh_title h3{ font-size: 1.125rem; color: #313131; line-height: 34px; height: 34px; padding-left: 40px;}
.indh_l .indh_title h3{ background: url(../images/indh_01.png) no-repeat left center;}
.indh_title a{ font-size: 1.125rem; color: #313131;}
.indh_title a:hover{ text-decoration: underline;}
.indhl_nr{ padding-top: 18px;}
.indhl_one{ background: #f5f5f5; padding: 11px;}
.indhl_one a{ display: flex; justify-content: space-between; align-items: center;}
.indhl_pic{ flex: 0 1 50%; overflow: hidden;}
.indhl_pic img{ display: block; width: 100%; transition: 0.5s;}
.indhl_one a:hover .indhl_pic img{ transform: scale(1.05);}
.indhl_wb{ flex: 0 1 47%;}
.indhl_wb h4{ font-size: 1.5rem; line-height: 30px; height: 60px; color: #313131; overflow: hidden;}
.indhl_wb p{ line-height: 22px; color: #858585; margin-top: 15px; height: 66px; overflow: hidden;}
.indhl_wb span{ font-family: 'Dinr'; color: #858585; display: block; padding-top: 20px;}
.indhl_nr ul{ padding-top: 6px;}
.indhl_nr li{ display: flex; justify-content: space-between; border-bottom: 1px solid #e9e9e9; align-items: center; position: relative;}
.indhl_nr li::after{content: '>'; position: absolute; left: 0.4%; font-size: 1.5rem; font-family: "AgencyFB"; color: #838383;}
.indhl_nr li a{ line-height: 67px; color: #838383; padding-left: 19px; transition: 0.5s;}
.indhl_nr li span{font-family: 'Dinr'; color: #c2c2c2;}
.indhl_nr li:hover a{ color: #000;}
.indh_r{ flex: 0 1 48.5%;}
.indh_r .indh_title h3{ background: url(../images/indh_02.png) no-repeat left center;}
.indhr_nr{margin-top: 18px;}
.indhr_nr li:nth-child(n+2){ margin-top: 19px;}
.indhr_nr li{position: relative; transition: 0.5s;}
.indhr_nr li:hover{ box-shadow: 0px 0px 20px rgba(0,0,0,.2);}
.indhr_nr li a{ display: flex; justify-content: space-between; border: 1px solid #dcdcdc; padding: 13px 0; align-items: center;}
.indhr_i i{ background: #fed201; position: absolute; z-index: 9;}
.indhr_i i:nth-child(1){ width: 0; height: 1px; left: 0; top: 0;}
.indhr_i i:nth-child(2){ width: 1px; height: 0; right: 0; top: 0;}
.indhr_i i:nth-child(3){ width: 0; height: 1px; right: 0; bottom: 0;}
.indhr_i i:nth-child(4){ width: 1px; height: 0; left: 0; bottom: 0;}
.indhr_nr li:hover .indhr_i i:nth-child(1),.indhr_nr li:hover .indhr_i i:nth-child(3){ width: 100%; transition: 0.5s;}
.indhr_nr li:hover .indhr_i i:nth-child(2),.indhr_nr li:hover .indhr_i i:nth-child(4){ height: 100%; transition: 0.5s;}
.indhr_rq{ flex: 0 0 115px; position: relative; text-align: center; color: #858585; font-family: 'Dinr'; line-height: 1em; padding: 13px 0;}
.indhr_rq p{ font-size: 3rem; color: #434343; line-height: 1em; transition: 0.5s;}
.indhr_rq::before{ content: ''; width: 1px; height: 100%; background: #dcdcdc; position: absolute; right: 0; top: 0; transition: 0.5s;}
.indhr_wb{ padding: 0 20px;}
.indhr_wb h4{ color: #434343; font-size: 1.25rem; line-height: 26px; height: 26px; overflow: hidden; transition: 0.5s;}
.indhr_wb p{ color: #9c9c9c; line-height: 20px; height: 40px; overflow: hidden; margin-top: 10px;}
.indhr_nr li:hover .indhr_rq p,.indhr_nr li:hover .indhr_wb h4{ color: #fed201;}
.indhr_nr li:hover .indhr_rq::before{background: #fed201;}
@media screen and (max-width:1270px){
.indhl_nr li span{ display: none;}
.indhl_nr li a{ overflow: hidden; height: 67px;}
.indhl_wb h4{ font-size: 1.25rem; line-height: 26px; height: 52px;}
.indhr_nr li:nth-child(n+2){ margin-top: 13px;}
.indhr_nr li a{ padding: 10px 0;}
}
@media screen and (max-width:700px){
.index_bgh{ padding: 40px 0 50px 0;}
.indh_kj{ padding-top: 25px; display: block;}
.indh_r{ margin-top: 30px;}
.indh_l .indh_title h3{ background-size: auto 28px; padding-left: 34px;}
.indh_title a{ font-size: 0.875rem;}
.indhl_wb span{ display: none;}
.indhl_wb h4{ font-size: 1rem; line-height: 22px; height: 44px;}
.indhl_wb p{ margin-top: 10px; font-size: 0.875rem; height: 66px; line-height: 22px;}
.indhl_nr li a{ height: 42px; line-height: 42px; font-size: 0.9375rem;}
.indhr_nr li a{ padding: 10px 0;}
.indhr_rq{ flex: 0 0 80px; padding: 10px 0; font-size: 0.875rem;}
.indhr_rq p{ font-size: 2.25rem;}
.indhr_wb{ padding: 0 10px;}
.indhr_wb h4{ font-size: 1rem; line-height: 22px; height: 22px;}
.indhr_wb p{ line-height: 20px; height: 40px; margin-top: 2px; font-size: 0.875rem;}
}

.link_bg{ width:100%; height:70px; position:relative; background: #fed201; border-top: 7px solid #fed201;}
.link_bg .kg{ display: flex;}
.link_title{ height:70px; line-height: 70px; font-size: 1.125rem; font-weight: bold; flex: 0 1 160px; color: #000; position:relative; z-index:9;}
.link_nr{ height:70px; overflow:hidden; line-height:70px; flex: 1;}
.link_nr a{ display:block; float:left; margin-right:20px; font-size:1rem; color: #000;}
.link_nr a:hover{ text-decoration:underline;}
@media screen and (max-width:1270px){
.link_bg{ display: none;}
}

.foot_bg{ background: url(../images/foot_bg.jpg) no-repeat center top; background-size: cover; width:100%; border-top: 7px solid #fed201; position:relative; z-index:9;}
.ftelnav{ padding: 70px 0 80px 0;}
.ftelnav .kg{ display: flex; justify-content: space-between;}
.fnav{ display: flex; width: 50%; justify-content: space-between;}
.fnav dl dt a{ display: block; font-size: 1.125rem; color: #fff;}
.fnav dl dt::after{ content: ''; width: 18px; height: 2px; background: #fed201; margin: 18px 0 15px 0; display: block;}
.fnav dl dd{ line-height: 30px;}
.fnav dl dd a{ color: #959595; font-size: 1rem; transition: 0.5s;}
.fnav dl dd a:hover{ color: #fff; transition: 0.5s;}
.ftelewm{ display: flex; justify-content: space-between; flex: 0 0 468px;}
.fewm_pic{ overflow: hidden;}
.fewm_pic img{ display: block; width: 100%;}
.fewm_mc{ text-align: center; line-height: 24px; color: #999999; font-size: 1rem; margin-top: 5px;}
.ftel_bt{ color: #fff; font-size: 1.5rem; padding-bottom: 25px;}
.ftel_nr{color: #959595;}
.ftel_nr p{ line-height: 22px; margin-bottom: 8px;}
.ftel_nr p a{ color: #959595; transition: 0.5s;}
.ftel_nr p:hover a{ color: #fff;}
.fbq{ padding: 20px 0; line-height:24px; font-size: 1rem; color:#8b8b8b; border-top: 1px solid rgba(255, 255, 255, 0.2);}
.fbq .kg{ display: flex; justify-content: space-between; align-items: center;}
.fbq em{ display: block; font-style: normal;}
.fbq a{ color: #8b8b8b; transition: 0.5s;}
.fbq a:hover{ color: #fff; transition: 0.5s;}
@media screen and (max-width:1270px){
.ftelnav .kg,.fbq .kg{ display: block;}
.fnav{ display: none;}
.fbq{ text-align: center;}
.fbq .kg p:nth-child(2){ display: none;}
}
@media screen and (max-width:700px){
.foot_bg{ border-top: 3px solid #fed201;}
.ftelnav{ padding: 30px 0 40px 0;}
.fewm{ flex: 0 1 28%;}
.fewm_mc{ font-size: 0.875rem;}
.ftel{ flex: 1; margin-left: 20px;}
.ftel_bt{ font-size: 1rem; padding-bottom: 7px;}
.ftel_nr p{ font-size: 0.875rem; margin-bottom: 5px; line-height: 20px;}
.fbq{ padding: 10px 0 65px 0; line-height:22px; font-size: 0.875rem;}
.fbq em{ display: none;}
}
/*首页style结束*/


/*内页style开始*/
.main{padding: 22px 0 80px 0; position: relative; width: 100%;}
.main::before{ content: ''; width: 100%; height: 213px; background: #323232; position: absolute; left: 0; top: 0;}
.mkg{ margin: 0 auto; width: 100%; max-width: 1780px; position: relative; z-index: 9;}
.about_banner{ background:url(../images/about_banner.jpg) no-repeat center; width:100%; height:400px; position:relative;}
.contact_banner{ background:url(../images/contact_banner.jpg) no-repeat center; width:100%; height:400px; position:relative;}
.case_banner{ background:url(../images/case_banner.jpg) no-repeat center; width:100%; height:400px; position:relative;}
.video_banner{ background:url(../images/video_banner.jpg) no-repeat center; width:100%; height:400px; position:relative;}
.news_banner{ background:url(../images/news_banner.jpg) no-repeat center; width:100%; height:400px; position:relative;}
.pro_banner{ background:url(../images/pro_banner.jpg) no-repeat center; width:100%; height:450px; position:relative;}
.proshow_banner{ background:url(../images/proshow_banner.jpg) no-repeat center; width:100%; height:200px; position:relative;}
.main_title{ padding-top: 230px; font-size: 2.25rem; color: #000; text-indent: 1.5%;}
.main_fl{margin-top: 15px; border-bottom: 2px solid #ccc;}
.main_fl ul{ display: flex; justify-content: center;}
.main_fl li{ position:relative; margin: 0 33px;}
.main_fl li a{ color:#000; padding:0 5px; font-size:1.25rem; height:65px; display:block; line-height:65px; text-align:center; position:relative; z-index:9;}
.main_fl li::before{ content:""; display:block; background:#fed201; width:100%; height:4px; position:absolute; bottom:-3px; left:0; transform: scaleX(0); transition:0.5s;}
.main_fl li:hover::before,.main_fl li.cur::before{ transform: scaleX(1); transition:0.5s;}
.main_nr{ padding-top: 60px; background: #f4f4f4; padding-bottom: 60px;}
.about_nr{ color:#5a5a5a; font-size:1rem; line-height:1.8em;}
.about_nr img{ max-width:100%;}
@media screen and (max-width:1400px){
.about_banner,.contact_banner,.case_banner,.video_banner,.news_banner,.pro_banner{ height: 300px; background-size: cover;}
.main_title{ font-size: 1.875rem; padding-top: 170px; text-indent: 10%;}
.main_fl{ margin-top: 0;}
.main_fl li a{ font-size: 1.125rem;}
}
@media screen and (max-width:1270px){
.about_banner,.contact_banner,.case_banner,.video_banner,.news_banner,.pro_banner{ height: 250px;}
.main_title{ font-size: 1.625rem; padding-top: 140px; text-indent: 8%;}
}
@media screen and (max-width:1020px){
.about_banner,.contact_banner,.case_banner,.video_banner,.news_banner,.pro_banner{ height: 220px;}
.main_title{ font-size: 1.5rem; padding-top: 130px; text-indent: 0%;}
.main_fl li{ margin: 0 25px;}
}
@media screen and (max-width:700px){
.main{ padding: 5px 0 0px 0;}
.main::before{ height: 150px;}
.about_banner,.contact_banner,.case_banner,.video_banner,.news_banner,.pro_banner{ height: 190px;}
.main_title{ text-align: center; color: #fff; padding-top: 80px;}
.main_fl{border-bottom: 1px solid #ccc; overflow: hidden;}
.main_fl ul{ display: block;}
.main_fl li{ float: left; margin: 0;}
.main_fl li a{ font-size: 1rem; height: 44px; line-height: 44px; padding:0 15px;}
.main_fl li::before{width:80%; height:3px; left:10%; bottom: -2px;}
}

/*about*/
.abo_top{ padding: 70px 0 0 0;}
.abot_tit{ text-align: center;}
.abot_tit h3{ color: #363636; font-size: 2.25rem; font-weight: bold;}
.abot_tit h3::after{ content: ''; width: 30px; height: 2px; background: #fed201; display: block; margin: 14px auto;}
.abot_tit p{ font-size: 1.625rem; color: #4e4e4e;}
.abot_nr{ display: flex; justify-content: space-between; padding-top: 40px;}
.abot_l{ width: 49.23%; flex: 0 1 49.23%;}
.abot_l img{ float: right;}
.abot_r{ flex: 0 1 48%;}
.abor_ms{ color: #757575; line-height: 30px;}
.abotr_zj{position: relative; padding-top: 33px;}
.abotr_zj::after{ content: ''; width: 137.5%; left: 1%; bottom: 0; height: 1px; background: #fed201; position: absolute;}
.abotr_zj ul{ display: flex; justify-content: space-between; align-items: flex-end;}
.abotr_zj li{ display: flex; align-items: flex-end;}
.abotr_sz{ line-height: 93px; font-size: 6.25rem; color: #fed201; font-family: "DinEstd"; height: 81px;}
.abotr_wb{ align-self: flex-start; color: #000; padding-left: 10px;}
.abotr_wb p{ font-size: 1.875rem; padding-top: 7px;}
.abotr_wb span{ font-size: 1.125rem;}

.abo_bom{ padding-top: 155px;}
.abob_l{ width: 57.6923%;}
.abob_r{ position: absolute; width: 49.23%; left: 0; top: -53px;}
.abob_r img{ float: right;}
.abob_po{ position: absolute; left: 0; top: 80px; width: 94%;}
.abob_yw{ font-size: 6.375rem; color: #e5be04; font-family: 'ABT'; margin-left: -80px;}
.abob_ms p{ color: #010101; font-size: 1.375rem; line-height: 30px; margin-top: 18px;}
@media screen and (max-width:1300px){
.abotr_sz{ font-size: 5rem; height: 75px;}
.abotr_sz img{ height: 75px;}
.abotr_wb{ padding-top: 15px;}
.abotr_wb p{ padding-top: 0px; font-size: 1.375rem;}
.abotr_wb span{ font-size: 1rem;}
.abob_yw{ font-size: 5rem; margin-left: 0px;}
.abob_ms p{ font-size: 1.125rem;}
}
@media screen and (max-width:1270px){
.abor_ms{ line-height: 25px;}
.abotr_sz{ font-size: 4rem; height: 65px;  line-height: 85px;}
.abotr_sz img{ height: 65px;}
.abotr_wb{ padding-top: 10px;}
}
@media screen and (max-width:1020px){
.abot_nr{ display: block;}
.abot_l{ width: 100%; float: none;}
.abot_l img{ display: block; width: 100%; float: none;}
.abot_r{ margin-top: 20px;}
.abotr_zj::after{ width: 100%;}
.abob_l{ float: none; width: 100%;}
.abob_l img{ display: block; width: 100%;}
.abob_r{ display: block; position: relative; width: 100%; left: auto; top: auto;}
.abob_r img{ float: none; display: block; width: 100%;}
.abob_po{left: 4%; top: 60px;}
.abo_bom{ padding-top: 80px;}
}
@media screen and (max-width:700px){
.abo_top{ padding: 40px 0 0 0;}
.abot_tit h3{ font-size: 1.5rem;}
.abot_tit h3::after{ margin: 8px auto;}
.abot_tit p{ font-size: 1rem;}
.abot_nr{ padding-top: 20px;}
.abor_ms{ font-size: 0.9375rem; line-height: 24px;}
.abotr_zj{ padding-top: 25px;}
.abotr_sz{ font-size: 2.5rem; height: 40px; line-height: 51px;}
.abotr_sz img{ height: 40px;}
.abotr_zj::after{ left: 0;}
.abotr_wb{ padding-left: 5px;}
.abotr_wb p{ font-size: 1rem;}
.abotr_wb span{ font-size: 0.875rem;}
.abo_bom{ padding-top: 40px; padding-bottom: 50px;}
.abob_r{ background: url(../images/about_04.jpg) no-repeat center; background-size: cover;}
.abob_r img{ display: none;}
.abob_po{ position: relative; top: auto; left: auto; padding: 4% 2%;}
.abob_yw{ font-size: 2.5rem; line-height: 0.8em;}
.abob_ms{ padding-top: 10px;}
.abob_ms p{ font-size: 0.9375rem; margin-top: 10px; line-height: 22px;}
}
/*about*/

/*发展历程*/
.fzlc_bg{ background: url(../images/fzlc_bg.jpg) no-repeat center bottom #fff; padding-top: 50px; padding-bottom: 90px; width: 100%;}
.fzlc_title{ text-align: center;}
.fzlc_title h2{ font-size: 2.25rem; font-weight: bold;}
.fzlc_title p{ font-size: 1.25rem; font-family: 'Dinr'; text-transform: uppercase;}
@media screen and (min-width:1280px) and (max-width:1920px){
.fzlc{ position:relative; width:98%; max-width:1380px; margin:0 auto;}
.fzlc_xt img{ display: block; width: 100%;}
.fzlc li{ width: 18%; position: absolute; box-sizing: border-box; display: flex; flex-wrap: wrap;}
.fzlc li::before{ content: ''; position: relative; border: 4px solid #fff; width: 14px; height: 14px; background: #fed201; border-radius: 50%;}
.fzlc li:nth-child(2n)::before,.fzlc li:nth-child(11)::before{order: 2;}
.fzlc li:nth-child(8)::before,.fzlc li:nth-child(10)::before,.fzlc li:nth-child(12)::before{ right: 0; position: absolute; bottom: 0;}
.fzlc li:nth-child(1){ position: absolute; bottom: 0; left: 1%;}
.fzlc li:nth-child(2){ position: absolute; bottom: 16%; left: 10%;}
.fzlc li:nth-child(3){ position: absolute; bottom: 5%; left: 20%;}
.fzlc li:nth-child(4){ position: absolute; bottom: 21%; left: 30%;}
.fzlc li:nth-child(5){ position: absolute; bottom: 8%; left: 40%;}
.fzlc li:nth-child(6){ position: absolute; bottom: 27.8%; left: 50%;}
.fzlc li:nth-child(7){ position: absolute; bottom: 26%; left: 70%;}
.fzlc li:nth-child(8){ position: absolute; top: 31.5%; left: 60%; text-align: right; padding-bottom: 14px;}
.fzlc li:nth-child(9){ position: absolute; top: 39.5%; left: 82%;}
.fzlc li:nth-child(10){ position: absolute; top: 15%; right: 10.8%; text-align: right; padding-bottom: 14px;}
.fzlc li:nth-child(11){ position: absolute; top: 20.5%; right: -9%; flex-direction: column-reverse; padding-top: 14px;}
.fzlc li:nth-child(12){ position: absolute; top: -3%; right: 3.8%; text-align: right; padding-bottom: 14px;}
.fzlc li h3{ font-size: 1.5rem; font-weight: bold; color: #000; flex: 0 1 100%; margin-top: 10px;}
.fzlc li:nth-child(2n) h3,.fzlc li:nth-child(11) h3{order: 1; margin-bottom: 10px;}
.fzlc li p{ font-size: 1rem; line-height: 24px; margin-top: 8px; color: #666; flex: 0 1 100%;}
@media screen and (max-width:1366px){
.fzlc li:nth-child(5){bottom: 10%;}
.fzlc li:nth-child(10){right: 10.5%;}
.fzlc li p{ font-size: 0.9375rem;}
}
}
@media screen and (max-width:1270px){
.fzlc_title h2{ font-size: 2rem; }
.fzlc_title p{ font-size: 1.125rem;}
.fzlc_xt{ display: none;}
.fzlc{ position:relative; width:98%; max-width:1000px; margin:70px auto 0 auto;  padding: 35px 0;}
.fzlc::before{ content: ''; width: 4px; height: 100%; background: #ccc; position: absolute; left: 50%; top: 0; margin-left: -2px;}
.fzlc ul{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;}
.fzlc li{ flex: 0 1 50%; position: relative; box-sizing: border-box;}
.fzlc li::after{ content: ''; border: 4px solid #fff; width: 14px; height: 14px; background: #fed201; border-radius: 50%; position: absolute; top: 6px;}
.fzlc li:nth-child(2n-1):after{ right: -11px;}
.fzlc li:nth-child(2n):after{ left: -11px;}
.fzlc li:nth-child(1){ margin-top: 0;}
.fzlc li:nth-child(2n-1){ text-align: right; padding-right: 2.5%;}
.fzlc li:nth-child(2n){ padding-left: 2.5%; margin-top: 100px;}
.fzlc li h3{ font-size: 1.375rem; font-weight: bold; color: #000;}
.fzlc li p{ font-size: 1rem; line-height: 26px; margin-top: 8px; color: #666;}
}
@media screen and (max-width:700px){
.fzlc_bg{padding-top: 40px; padding-bottom: 50px;}
.fzlc_title h2{ font-size: 1.5rem; }
.fzlc_title p{ font-size: 1rem;}
.fzlc{margin: 30px auto 0 auto; padding: 20px 0;}
.fzlc li h3{ font-size: 1.25rem;}
.fzlc li p{ font-size: 0.9375rem; line-height: 22px;}
}
/*发展历程*/

/*contact*/
.cont{ position: relative;}
.cont_po{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center;}
.cont_po .kg{ display: flex; justify-content: flex-end;}
.cont_nr{ flex: 0 1 50%; background: rgba(0,0,0,0.8); box-sizing: border-box; padding-left: 50px; padding-bottom: 65px;}
@media screen and (max-width:1020px){
#dituContent{ height: 600px;}
.cont_nr{ flex: 0 1 80%;}
}
@media screen and (max-width:700px){
.cont_nr{ flex: 0 1 100%; padding: 0px 3% 50px 3%;}
}
/*contact*/

/*case*/
.case_nr{ background: #f4f4f4; padding: 60px 0;}
.case_nr li{ float: left; width: 32%; padding-bottom: 40px;}
.case_nr li:nth-child(3n-1){ margin: 0 2%;}
.case_pic{ position: relative;}
.case_pic::before{ content: ''; width: 100%; height: 100%; position: absolute; left: 7px; top: -7px; background: #dcdcdc; transition: 0.5s;}
.case_nr li:hover .case_pic::before{ background: #fed201;}
.case_pic p{ overflow: hidden; position: relative; z-index: 9;}
.case_pic p img{ display: block; width: 100%; transition: 0.5s;}
.case_nr li:hover .case_pic p img{ transform: scale(1.05);}
.case_mc{ border-bottom: 2px solid #cecece; position: relative;}
.case_mc h3{ font-size: 1.0625rem; color: #000; height: 62px; line-height: 62px; overflow: hidden; transition: 0.5s;}
.case_mc::after{ content: ''; width: 0%; height: 2px; background: #fed201; position: absolute; left: 0; bottom: -2px; transition: 0.5s;}
.case_nr li:hover .case_mc::after{ width: 100%;}
@media screen and (max-width:1270px){
.case_mc h3{ font-size: 1rem; height: 52px; line-height: 52px;}
}
@media screen and (max-width:1020px){
.case_mc h3{ font-size: 0.9375rem; height: 44px; line-height: 44px;}
}
@media screen and (max-width:700px){
.case_nr{ padding: 40px 0 50px 0;}
.case_nr li{ width: 49%; padding-bottom: 20px;}
.case_nr li:nth-child(3n-1){ margin: 0;}
.case_nr li:nth-child(2n){ float: right;}
.case_pic::before{left: 4px; top: -4px;}
.case_mc h3{ font-size: 0.9375rem; height: 36px; line-height: 36px;}
}
/*case*/

/*video*/
.vmeun{background: #f4f4f4; padding-top: 28px;}
.vmeun ul{ display: flex; justify-content: space-between;}
.vmeun li{flex: 0 1 19%; position: relative; background: #dedede;}
.vmeun li a{ display: block; height: 70px; line-height: 70px; font-size: 1.25rem; color: #000; text-align: center; position: relative; z-index: 9; transition: 0.5s;}
.vmeun li:hover a,.vmeun li.cur a{ color: #fff;}
.vmeun li::after{ content: ''; width: 100%; height: 100%; background: #1c1c1c; transform: scaleX(0); position: absolute; left: 0; top: 0; transition: 0.5s;}
.vmeun li:hover::after,.vmeun li.cur::after{ transform: scaleX(1);}

.video_nr{ background: #f4f4f4; padding: 50px 0 60px 0;}
.video_nr li{ float: left; width: 32%; padding-bottom: 40px;}
.video_nr li:nth-child(3n-1){ margin: 0 2%;}
.video_pic{ overflow: hidden; position: relative;}
.video_pic img{ display: block; width: 100%; transition: 0.5s;}
.video_nr li:hover .video_pic img{ transform: scale(1.05);}
.video_pic::after{ content: ''; background: url(../images/video_pic.png) no-repeat center rgba(0,0,0,0.2); width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.video_mc{ height: 50px; line-height: 50px; text-align: center; background: #d9b60f; color: #000; font-size: 1.125rem;}
@media screen and (max-width:1270px){
.video_mc{ font-size: 1rem;}
}
@media screen and (max-width:1020px){
.vmeun li a{ height: 50px; line-height: 50px; font-size: 1.125rem;}
.video_mc{ height: 40px; line-height: 40px;}
.video_pic::after{ background-size: 25%;}
}
@media screen and (max-width:700px){
.vmeun{padding-top: 0%; overflow: hidden;}
.scroller{ overflow: hidden;}
.vmeun ul{ display: block; width: 100%;}
.vmeun li{ float: left;}
.vmeun li a{height: 40px; line-height: 40px; font-size: 1rem; padding: 0 15px;}
.video_nr{ padding: 40px 0 50px 0;}
.video_nr li{width: 49%; padding-bottom: 20px;}
.video_nr li:nth-child(3n-1){ margin: 0;}
.video_nr li:nth-child(2n){ float: right;}
.video_mc{ font-size: 0.9375rem;}
}
/*video*/

/*other*/
.honor_nr{ padding: 50px 0 0 0;}
.honor_nr li{ float: left; width: 24%; margin-right: 1.333%; padding-bottom: 40px;}
.honor_nr li:nth-child(4n){ margin-right: 0;}
.honor_pic{ overflow: hidden; position: relative; border: 1px solid #ddd;}
.honor_pic img{ display: block; width: 100%; transition: 0.5s;}
.honor_nr li:hover .honor_pic img{ transform: scale(1.05);}
.honor_mc{ text-align: center; height: 55px; line-height: 55px; font-size: 1.125rem;}
@media screen and (max-width:1300px){
.honor_mc{ height: 48px; line-height: 48px; font-size: 1rem;}
}
@media screen and (max-width:1270px){
.honor_mc{ height: 42px; line-height: 42px;}
}
@media screen and (max-width:1020px){
.honor_nr li{width: 32%; margin-right: 0%; padding-bottom: 30px;}
.honor_nr li:nth-child(3n-1){ margin: 0 2%;}
}
@media screen and (max-width:700px){
.honor_nr{ padding: 40px 0 50px 0;}
.honor_nr li{ width: 49%; margin-right: 0%; padding-bottom: 20px;}
.honor_nr li:nth-child(3n-1){ margin: 0;}
.honor_nr li:nth-child(2n){ float: right;}
.honor_mc{ font-size: 0.9375rem; line-height: 40px; height: 40px;}
}
/*other*/

/*news*/
.nmenu{background: #f4f4f4; padding-top: 28px;}
.nmenu ul{ display: flex; justify-content: center;}
.nmenu li{flex: 0 1 19%; position: relative; background: #dedede; margin: 0 0.625%;}
.nmenu li a{ display: block; height: 70px; line-height: 70px; font-size: 1.25rem; color: #000; text-align: center; position: relative; z-index: 9; transition: 0.5s;}
.nmenu li:hover a,.nmenu li.cur a{ color: #fff;}
.nmenu li::after{ content: ''; width: 100%; height: 100%; background: #1c1c1c; transform: scaleX(0); position: absolute; left: 0; top: 0; transition: 0.5s;}
.nmenu li:hover::after,.nmenu li.cur::after{ transform: scaleX(1);}
.news_nr{ background: #f4f4f4; padding: 34px 0 60px 0;}
.news_nr ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.news_nr li{ flex: 0 1 31.8%; position: relative;}
.news_nr li:nth-child(n+4){ margin-top: 40px;}
.news_nr li a{ display: block; background: #fff; box-shadow: 0px 0px 20px rgba(0,0,0,0.1); padding: 30px 4% 20px 4%; position: relative; z-index: 9; transition: 0.5s;}
.news_rq{ font-size: 1.125rem; font-family: 'Dinr'; color: #8b8b8b; transition: 0.5s;}
.news_mc{ color: #3d3d3d; font-size: 1.5rem; line-height: 30px; height: 60px; overflow: hidden; margin: 10px 0 20px 0; position: relative; transition: 0.5s;}
.news_pic{ overflow: hidden;}
.news_pic img{ display: block; width: 100%; transition: 0.5s;}
.news_nr li:hover .news_pic img{ transform: scale(1.05);}
.news_lm{ padding: 17px 0; border-bottom: 1px solid #cacaca; transition: 0.5s;}
.news_lm p{ width: 90px; height: 30px; line-height: 30px; color: #898989; font-size: 0.875rem; background: #e8eff1; text-align: center; transition: 0.5s;}
.news_more{ height: 55px; line-height: 55px; position: relative; color: #898989; transition: 0.5s;}
.news_more::after{ content: ''; background: url(../images/nmore.png) no-repeat center; width: 60px; height: 100%; position: absolute; right: 0; top: 0; opacity: 0.2; transition: 0.5s;}
.news_nr li:hover a{ background: #fed201;}
.news_nr li:hover .news_rq,.news_nr li:hover .news_mc,.news_nr li:hover .news_more{ color: #000;}
.news_nr li:hover .news_lm{ border-bottom: 1px solid #000;}
.news_nr li:hover .news_lm p{ background: #fff;}
.news_nr li:hover .news_more::after{ opacity: 1;}

.newsshow_title{ text-align:center; border-bottom:1px dashed #ccc; padding-bottom:12px; font-size:1.5rem; font-weight:bold; line-height:25px; }
.newsshow_title p{ font-size:0.875rem; color:#999; font-weight:normal; padding-top:8px;}
.newsshow_wnnr{ margin:0 auto; padding-top:15px; font-size:0.9125rem; line-height:26px; }
.newsshow_wnnr img{ max-width:100%;}
.bdsharebuttonbox{ margin:0 auto; padding-top:40px; width:145px;}
.sxyjsys,.sxyjsys a{ font-size:14px;  line-height:20px;}
.sxyjsys a:hover{ text-decoration:underline;}
.xgnews-tit{ text-align:center; font-size:1.25rem; font-weight:bold; line-height:46px; height:46px; color:#717171;}
.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;}
.xgnews-con li span{ float:right; color:#999; font-size:12px;}
.xgnews-con li a:hover{ text-decoration:underline;}
@media screen and (max-width:1270px){
.nmenu li a{ height: 60px; line-height: 60px; font-size: 1.125rem;}
.news_nr li{ flex: 0 1 32%;}
.news_nr li:nth-child(n+4){ margin-top: 25px;}
.news_rq{ font-size: 1rem;}
.news_mc{ font-size: 1.125rem; line-height: 26px; height: 52px; margin: 5px 0 15px 0;}
.news_lm{ padding: 10px 0;}
.news_more{ height: 45px; line-height: 45px;}
}
@media screen and (max-width:1020px){
.nmenu li a{ height: 50px; line-height: 50px;}
.news_nr li a{ padding: 20px 3% 10px 3%;}
}
@media screen and (max-width: 700px){
.nmenu{padding-top: 2%;}
.nmenu ul{ justify-content: space-between;}
.nmenu li{flex: 0 1 32%; margin: 0%;}
.nmenu li a{ height: 40px; line-height: 40px; font-size: 1rem;}
.main_nr{ padding: 40px 0 50px 0;}
.news_nr{ padding: 30px 0 50px 0;}
.news_nr li{ flex: 0 1 49%;}
.news_nr li:nth-child(n+3){ margin-top: 15px;}
.news_nr li a{ padding: 10px 3%;}
.news_mc{ font-size: 1rem; line-height: 20px; height: 40px; margin: 5px 0 7px 0;}
.news_lm{ padding: 0px 0;}
.news_lm p{ display: none;}
.news_more{ height: 30px; line-height: 30px; font-size: 0.875rem;}
.news_more::after{ background-size: auto 16px; width: 50px;}
.newsshow_title{ padding-bottom: 7px; font-size:1.125rem; line-height:24px;}
.newsshow_title p{ font-size:0.8125rem; padding-top: 4px;}
.xgnews-con li{ width:95%;}
}
/*news*/

/*product*/
.ptitle{ display: flex; flex-wrap: wrap; text-align: center; align-content: center; height: 100%; color: #fff; font-size: 3rem;}
.ptitle h1{ flex: 0 1 100%; }
.ptitle p{ flex: 0 1 100%; font-family: 'ABT';}
.promain{ background: #f4f4f4; padding-bottom: 60px; max-width: 1780px; width: 100%; margin: 0 auto;}
.pmenu{ background: #fff; border-bottom: 2px solid #000;}
.pmenu ul{ display: flex; justify-content: flex-start;}
.pmenu li{ position: relative; margin-right: 55px;}
.pmenu li:nth-last-child(1){ margin-right: 0;}
.pmenu li::before{ content: ''; width: 8px; height: 8px; border-radius: 50%; background: #d3d3d3; position: absolute; right: -31px; top: 50%; margin-top: -4px;}
.pmenu li:nth-last-child(1)::before{ display: none;}
.pmenu li a{ display: block; height: 84px; line-height: 84px; font-size: 1.375rem; color: #3a3a3a; transition: 0.5s;}
.pmenu li:hover a,.pmenu li.cur a{ color: #ffb400;}
.pmenu li::after{ content: ''; width: 100%; height: 5px; background: #ffb400; position: absolute; bottom: 0; left: 0; transform: scaleX(0); transition: 0.5s;}
.pmenu li:hover::after,.pmenu li.cur::after{ transform: scaleX(1);}

.pro_nr ul{margin-top: 55px;}
.pro_nr li{position: relative; overflow: hidden; margin-bottom: 40px;}
.pro_nr li a{ background: #fff; display: flex; justify-content: space-between; align-items: center; transition: 0.5s;}
.pro_nr li:hover a{ box-shadow: 0px 0px 20px rgba(0,0,0,0.2);}
.pro_pic{ overflow: hidden; flex: 0 1 55%;}
.pro_pic img{ display: block; width: 100%; transition: 0.5s;}
.pro_nr li:hover .pro_pic img{ transform: scale(0.98);}
.pro_wb{ flex: 1; padding: 2%}
.promc{ color: #000; font-size: 1.75rem; transition: 0.5s;}
.pro_ms{ font-size: 1rem; line-height: 1.25em; color: #6c6c6c;}
.pro_more{ margin-top: 40px; width: 150px; height: 46px; text-align: center; background: #000; color: #fff; line-height: 46px; transition: 0.5s;}
.pro_more:hover{ background: #ffb400;}

.pro_nr dl{ float: left; width: 32%;}
.pro_nr dl:nth-child(3n-1){ margin: 0 2%;}
.pro_nr dl:nth-child(n+4){ padding-top: 45px;}
.pro_nr dl a{ display: block; background: #fff; padding: 25px 0 10px 0; transition: 0.5s;}
.pro_nr dl:hover a{ box-shadow: 0px 0px 25px rgba(0,0,0,0.1);}
.pro_nr dl dd{ overflow: hidden;}
.pro_nr dl dd img{ display: block; width: 100%; transition: 0.5s;}
.pro_nr dl:hover dd img{ transform: scale(1.05);}
.pro_mc{ height: 60px; line-height: 60px; text-align: center; font-size: 1.25rem; overflow: hidden;}

.spro{ max-width: 1780px; width: 100%; margin: 0 auto; padding-top: 30px;}
.spro_bga{ position: relative;}
.sproa_pic{ overflow: hidden;}
.sproa_pic img{ display: block; width: 100%;}
.sproa_po{ position: absolute; left: 0; top: 0; width: 100%;}
.sproa_tit{ padding-top: 40px; color: #fff; text-align: center; font-size: 3.125rem; line-height: 56px;}
.sproa_tit p{ font-family: 'Dinr';}
.sproa_cs{ padding-top: 50px; display: flex; justify-content: space-around;}
.sproa_cs dl{ flex: 0 1 14%; text-align: center;}
.sproa_cs dl dd{ color: #fff; font-size: 1.125rem; line-height: 40px;}
.sproa_cs dl dt{ background: #000; color: #fff; font-size: 1.125rem; height: 40px; line-height: 40px; border-bottom: 3px solid #fed201; border-radius: 5px;}
.yp {background:#fefefe repeating-linear-gradient(125deg, #dcdcdc, transparent 50%);}

@keyframes pbrotate{ 0%{transform: rotate(0deg);} 100%{transform: rotate(360deg);}} @-webkit-keyframes pbrotate{ 0%{transform: rotate(0deg);} 100%{transform: rotate(360deg);}}
.sprob_nr{ padding-top: 119px;}
.sprob_nr ul{ display: flex; justify-content: space-around;}
.sprob_nr li{ position: relative; flex: 0 1 22%;}
.sprob_bg{ overflow: hidden; animation: pbrotate 4s linear infinite normal;}
.sprob_bg img{ display: block; width: 100%;}
.sprob_po{ position: absolute; width: 100%; left: 0; top: 0; height: 100%; display: flex; flex-wrap: wrap; align-content: center; text-align: center; color: #fff;}
.sprob_po p{ flex: 0 1 100%; font-size: 5rem; font-family: 'Dinr';}
.sprob_po span{ flex: 0 1 100%;}

.spro_bgc{ background: url(../images/spro_bg3.jpg) no-repeat center top; background-size: cover; width: 100%; padding: 100px 0 95px 0;}
.sproc_tit{ text-align: center;}
.sproc_tit h3{ color: #3a3a3a; font-size: 2.5rem;}
.sproc_tit p{ color: #3a3a3a; line-height: 30px; font-size: 1.25rem; padding-top: 30px;}
.sproc_kj{ display: flex; justify-content: space-between; padding-top: 40px; align-items: center;}
.sproc_l{ flex: 0 1 50%; border-radius: 10px; overflow: hidden;}
.sproc_l img{ display: block; width: 100%;}
.sproc_r{ flex: 0 1 45%;}
.sproc_r h4{ font-size: 2.5rem; color: #a50000;}
.sproc_r h4::after{ content: ''; width: 52px; height: 3px; background: #949494; margin: 20px 0; display: block;}
.sproc_r p{ font-size: 1.125rem; line-height: 30px; color: #232323;}

.sprod_nr{ padding-top: 90px; text-align: center; color: #fff;}
.sprod_nr h3{ font-size: 2.5rem;}
.sprod_nr p{ font-size: 1.25rem; line-height: 36px; margin-top: 15px;}

.sproe_nr{ padding-top: 110px; text-align: center;}
.sproe_nr h3{ font-size: 2.5rem; color: #000;}
.sproe_nr p{ font-size: 1.25rem; color: #444; margin-top: 20px;}
.sproe_zj{ padding-top: 35px;}
.sproe_zj ul{ display: flex; justify-content: center;}
.sproe_zj li{ text-align: center; margin: 0 5%;}
.sproe_mc{ font-size: 1.25rem; color: #353535;}

.spro_bgf{ background: url(../images/spro_bg7.jpg) no-repeat center top; background-size: cover; width: 100%; padding: 95px 0;}
.spro_bgf .sproe_nr{ padding-top: 0;}

.sprof_pic{ background: #343434; height: 215px; line-height: 215px; color: #fff; margin: 120px 0 100px 0; text-align: center;}
.sprof_pic img{ max-width: 100%;}
.sprof_zj ul{ display: flex; justify-content: space-between;}
.sprof_zj li{ flex: 0 1 45%;}
.sprof_zj li h3{ font-size: 1.875rem; color: #3a3a3a;}
.sprof_zj li p{ color: #3a3a3a; line-height: 30px; font-size: 1.125rem; padding-top: 10px;}

.spro_bgg{ padding: 85px 0 90px 0; width: 100%;}
.sprog_tit{ text-align: center; color: #3a3a3a; font-size: 2.5rem;}
.sprog_nr li{ display: flex; justify-content: space-between; margin-top: 40px; padding-bottom: 13px; align-items: center; border-bottom: 1px solid #ddd;}
.sprog_l{ flex: 0 1 50%;}
.sprog_l h3{ font-size: 1.875rem; color: #3a3a3a;}
.sprog_l p{ color: #3a3a3a; font-size: 1.125rem; line-height: 30px; margin-top: 10px;}
.sprog_r{ overflow: hidden; flex: 0 1 20%;}
.sprog_r img{ display: block; width: 100%;}

.cnxh{ padding: 60px 0 120px; background: #e7e7e7; width: 100%;}
.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:#ff9c00; color:#fff; transition:0.5s;}
@media screen and (max-width:1300px){
.ptitle{ font-size: 2.25rem;}
.promc{ font-size: 1.5rem; overflow: hidden;}
.sproa_tit{ font-size: 2.5rem; line-height: 46px;}
.sproa_cs{ padding-top: 30px;}
.sprob_nr{ padding-top: 50px;}
}
@media screen and (max-width:1270px){
.ptitle{ font-size: 2rem;}
.promc{ font-size: 1.375rem;}
.pro_more{ width: 120px; height: 36px; line-height: 36px;}
.sproa_tit{ font-size: 2rem; line-height: 40px;}
.sproa_cs{ padding-top: 20px;}
.sproa_cs dl dd{ font-size: 1rem; line-height: 36px;}
.sprob_po p{ font-size: 3.5rem;}
.sprod_nr h3,.sproe_nr h3,.sprog_tit,.sproc_tit h3,.sproc_r h4{font-size: 2.25rem;}
.sprod_nr{ padding-top: 60px;}
.sprof_pic{margin: 60px 0;}
.sprog_l{ flex: 0 1 60%;}
}
@media screen and (max-width:1020px){
.spro{ padding-top: 0;}
.sproa_tit{ font-size: 1.625rem; line-height: inherit;}
.sproa_cs{ flex-wrap: wrap;}
.sproa_cs dl{ flex: 0 1 auto;}
.sproa_cs dl dt{ font-size: 1rem; padding: 0 15px; line-height: 35px; height: 35px;}
.sprob_po p{ font-size: 3rem;}
.spro_bgc{ padding: 80px 0;}
.sprod_nr h3, .sproe_nr h3, .sprog_tit, .sproc_tit h3, .sproc_r h4,.sprof_zj li h3,.sprog_l h3{ font-size: 1.625rem;}
.sproc_tit p{ font-size: 1.125rem; padding-top: 10px;}
.sproc_r p{ font-size: 1rem;}
.sproc_r p br{ display: none;}
.sprod_nr p,.sproe_nr p,.sprof_zj li p,.sprog_l p{ font-size: 1rem; line-height: 1.5em;}
.pro_mc{ height: 40px; line-height: 40px; font-size: 1rem;}
}
@media screen and (max-width:700px){
.ptitle{ font-size: 1.5rem;}
.pmenu{border-bottom: 1px solid #000;}
.pmenu ul{ display: flex; justify-content: space-between;}
.pmenu li a{ font-size: 1rem; height: 42px; line-height: 42px;}
.pmenu li{ margin-right: 0px;}
.pmenu li::before{ display: none;}
.pmenu li::after{ height: 3px; bottom: -1px;}
.pro_nr ul{ margin-top: 25px;}
.pro_nr li{ margin-bottom: 15px;}
.promc{ font-size: 1rem; line-height: 22px; height: 44px;}
.pro_more{ width: 80px; height: 24px; line-height: 24px; font-size: 0.75rem; margin-top: 10px;}

.pro_nr dl{width: 49%;}
.pro_nr dl:nth-child(3n-1){ margin: 0;}
.pro_nr dl:nth-child(n+3){ padding-top: 15px;}
.pro_nr dl:nth-child(2n){ float: right;}
.pro_nr dl a{ padding: 25px 0 0 0;}
.pro_mc{ height: 40px; line-height: 40px; font-size: 0.9375rem;}

.sproa_tit{ font-size: 1.25rem; line-height: 1.25em; padding-top: 15px;}
.sproa_cs{ display: none;}
.sprob_nr{ padding-top: 10px;}
.sprob_po p{ font-size: 2rem;}
.sprob_po span{ font-size: 0.875rem; line-height: 18px;}
.spro_bgc{ padding: 40px 0 50px 0;}
.sprod_nr h3, .sproe_nr h3, .sprog_tit, .sproc_tit h3, .sproc_r h4, .sprof_zj li h3, .sprog_l h3{ font-size: 1.5rem;}
.sproc_tit p{ font-size: 0.9375rem; line-height: 22px;}
.sproc_tit p br{ display: none;}
.sproc_kj{ display: block; padding-top: 25px;}
.sproc_r{ margin-top: 15px;}
.sproc_r h4::after{ width: 32px; height: 2px; margin: 13px 0;}
.sprod_nr{ padding-top: 15px;}
.spro_bga{ overflow: hidden;}
.sproa_pic img{ width: 120%; left: -10%; position: relative;}
.sprod_nr p br{ display: none;}
.spro_bgf{ padding: 40px 0 50px 0;}
.sproe_nr p{ margin-top: 10px;}
.sprof_pic{ margin: 20px 0;}
.sprof_zj ul{ display: block;}
.sprof_zj li{ margin-top: 25px;}
.sprof_zj li p{ font-size: 0.9375rem;}
.sprof_zj li h3{ font-size: 1.1235rem;}
.spro_bgg{ padding: 40px 0 50px 0;}
.sprog_nr li{ margin-top: 20px;}
.sprog_l h3{ font-size: 1.125rem;}
.sprog_l p{ margin-top: 5px;}
.sprog_r{ flex: 0 1 35%;}
.sprog_l{ flex: 1; margin-right: 15px;}
.sprog_l p{ font-size: 0.875rem; line-height: 20px;}
.cnxh{ padding: 40px 0 50px 0;}
.cnxh_nr li{ width: 49%; margin-right: 0;}
.cnxh_nr li:nth-child(2n){ float: right;}
.bg li{ width: 96% !important; padding: 2% !important;}
}
/*内页style结束*/

.fswzj{ display:none;}@media screen and (max-width:770px){.fswzj{ position:fixed; bottom:0; z-index:999; width:100%; display:block; background:#1a4677;}.fswzj ul{ padding:0px; margin:0px; list-style-type:none; border-top:2px solid #1e4d81;}.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 #1e4d81;}.fswzj ul li.on a{ border-left:none;}.fnav_pic{ width:24%; margin:0 auto;}.fnav_pic img{ width:100%;}.fnav_wb{font-size:0.8125rem; padding-top:2px;}footer{ padding:20px 0 120px 0;}}

/*导航样式*/
@media screen and (max-width:770px){
.sp_nav{width:60px;float:right;position:relative;cursor: pointer; height:60px; background:#1a4677; padding:10px; display: block;}
.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(26,70,119,0.95); width:50%; height:calc(100% - 104px); line-height:40px; top:80px; right:-100%; overflow:auto; overflow-x:hidden; transition:right ease 0.5s;}
.nav_show{top:80px; right:0;}
.sjj_nav li ul,.sjj_nav li .sp_nav_xjb{ display: block;}
.sjj_nav ul li{ float:none; width:auto; background:none;}
.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:700px){
.sp_header{height:50px;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px; height:50px; padding:0px;}
.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:50px; width:65%;}
.nav_show{top:50px;}
.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:700px){
.cd-top{ display: none;}
}