@charset "utf-8";
/* CSS Document */
html{}
body{font-family:"Microsoft YaHei",Arial; font-size:100%; color:#434343; margin:0px; padding:0px; 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:#323232; text-decoration: none;outline:none;}
a:hover, a:active {color:#e46713; text-decoration: none;outline:none;}
.clear{clear:both;}
.kg{ 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 #e46713; margin-left:3px; margin-right:3px; color:#fff;font-size:12px;}
.green-black span.current {padding:5px 8px 5px 8px; padding:5px 8px 4px 8px;border:1px solid #ccc; color:#fff; height:12px; line-height:12px; zoom:1; overflow:auto;  background:url(../images/page_bg02.png) top repeat-x #e46713; margin-left:3px; margin-right:3px; margin-top:0px; margin-bottom:0px; font-size:12px}
::-webkit-scrollbar {width:3px;height:8px;background-color:#fff;border-radius:4px; position:relative;}
::-webkit-scrollbar-thumb {background-color:#b1b1b1;border-radius:3px;}
.map{ padding: 23px; background: #fff;}
#dituContent{ height:670px;}
@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:"Dfont";
 src: url("../fonts/dfont.eot"),
      url("../fonts/dfont.ttf");
}
@font-face {
 font-family:"Dfonta";
 src: url("../fonts/dfonta.eot"),
      url("../fonts/dfonta.ttf");
}
@font-face {
 font-family:"Dfontb";
 src: url("../fonts/dfontb.eot"),
      url("../fonts/dfontb.ttf");
}
@font-face {
 font-family:"Dinstd";
 src: url("../fonts/dinstd.eot"),
      url("../fonts/dinstd.ttf");
}
@font-face {
 font-family:"AgencyFB";
 src: url("../fonts/agencyfb.eot"),
      url("../fonts/agencyfb.ttf");
}

/*首页style开始*/
.top_bg{width:100%; background:#fff; position:relative; z-index:9991; transition: 0.5s;}
.top_tel{ padding: 20px 0 23px 0; width: 100%; text-align: center; height: 67px;}
.logo{ height: 67px; width: 275px; margin: 0 auto;}
.logo a{height: 67px; width: 275px;}
.logo img{ display: block; width: 100%;}
.sp_nav i{ display:none;}
.nav_bg{ background: #fff; width: 100%; position: relative; z-index: 999;}
.sjj_nav>ul>li{ float:left; position:relative; width: 14.285%;}
.sjj_nav li .sp_nav_xjb{display:none;}
.sjj_nav>ul>li>a{display:block; text-align:center; font-size:1.25rem; height:40px; line-height:40px; overflow: hidden; color:#535353; transition:0.5s; position:relative; z-index:9;}
.sjj_nav>ul>li>a>span{ display: block; height: 40px; line-height: 40px; transition: 0.8s;}
.sjj_nav>ul>li:hover>a>span:nth-child(1){ margin-top: -40px; transition: 0.8s;}
.sjj_nav>ul>li>a>span:nth-child(2){ font-family: Arial;}
.sjj_nav>ul>li:hover>a{ color:#fff; background:#007bf9; 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; border-radius:0 0 10px 10px;}
.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:#242424; text-align:center; transition:0.5s;}
.sjj_nav>ul>li>ul>li:hover>a{background:#d97b1b; color:#fff; transition:0.5s;}
@media screen and (max-width:1279px){
.sjj_nav>ul>li>a{font-size:1.125rem;}
}
@media screen and (max-width:1023px){
.top_tel{ padding: 10px 0 10px 0; height: 60px;}
.logo{ height: 60px; width: 246px;}
.logo a{height: 60px; width: 246px;}
.sjj_nav>ul>li>a>span{ display: inline-block;}
.sjj_nav>ul>li>a>span:nth-child(2){ margin-left: 10px; text-transform: capitalize;}
}
@media screen and (max-width:767px){
.top_tel{ padding: 5px 0 5px 0; height: 40px;}
.logo{ height: 40px; width: 164px;}
.logo a{height: 40px; width: 164px;}
}

/*banner*/
.banner{height:auto; width:100%; position:relative; height:100%; overflow: hidden;}
.slides{position:relative; height:100%;}
.slides li{height:100%; position:relative; width:100%;}
.slides li a{ display:block;}
.slides li img{display:block; width: 100%;}
.flex-control-nav{ position:absolute; bottom:5%; z-index:99; text-align:center; padding-left: 16.145%; display: none;}
.flex-control-nav li{ display:inline-block; margin:0 4px;}
.flex-control-nav li a{ display:block; overflow:hidden; text-indent:-999px; width:25px; height:6px; border-radius:3px; background: #fff; cursor:pointer;transition:0.5s;}
.flex-control-nav li a.flex-active{ background: #e40613; transition:0.5s;}
.flex-direction-nav{position:absolute;z-index:99; width:100%; left:0; margin:0 auto; top:48%;}
.flex-direction-nav li a{display:block;width:23px;height:46px;overflow:hidden;cursor:pointer;position:absolute;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity: 0.5;}
.flex-direction-nav li a.flex-prev{left:-5%;background:url(../images/ban_l.png) center center no-repeat; transition: 0.8s;}
.flex-direction-nav li a.flex-next{right:-5%;background:url(../images/ban_l.png) center center no-repeat; transform: scaleX(-1); transition: 0.8s;}
.flex-direction-nav li a:hover{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.banner:hover .flex-direction-nav li a.flex-prev{left:2%; transition: 0.8s;}
.banner:hover .flex-direction-nav li a.flex-next{right:2%; transition: 0.8s;}
@media screen and (max-width:1023px){
.flex-direction-nav li a{width:15px;height:30px;}
.flex-direction-nav li a.flex-prev{left: 2%; background-size:100%;}
.flex-direction-nav li a.flex-next{right: 2%; background-size:100%;}
}
@media screen and (max-width:767px){
.flex-direction-nav{top:40%;}
}
/*banner*/

.index_bga{ padding: 100px 5.2% 120px 0; background: #fff; overflow: hidden; display: grid; grid-template-columns: 1fr 51.3%; grid-gap: 0 50px; align-items: end;}
.inda_l{ position: relative; padding-left: 35.5%;}
.inda_tit{ padding-bottom: 70px;}
.inda_tit h2{margin-left: -37px;}
.inda_tit h2 img{max-width: 100%;}
.inda_tit p{ font-size: 2.5rem; color: #707070; padding-top: 17px; position: relative;}
.inda_tit p::after{ content: ''; width:52%; height: 1px; background: #707070; position: absolute; left: -55%; top: 43px;}
.inda_ms p{font-size: 1.125rem; color: #707070; line-height: 30px; text-indent: 2em;}
.inda_ms span{ font-weight: bold;}
.inda_more{ padding-top: 110px;}
.inda_more a{ display: inline-block; height: 50px; line-height: 50px; font-size: 1.5rem; color: #707070; position: relative; transition: 0.5s;}
.inda_more a::after{ content: ''; width: 100%; position: absolute; left: 0; bottom: 0; height: 2px; background: #707070; transition: 0.5s;}
.inda_more a:hover{ color: #e46713; transition: 0.5s;}
.inda_more a:hover::after{ background: #e46713; transition: 0.5s;}
.inda_img{overflow: hidden;}
.inda_img img{ display: block; width: 100%;}
.indar_nr{ display: grid; grid-template-columns: 1fr 39.16%; grid-gap: 0 30px; padding-top: 30px;}
.indar_wb p{font-size: 1.125rem; color: #707070; line-height: 30px; text-indent: 2em;}
.indar_wb span{ font-weight: bold;}
.indar_tp{ overflow: hidden;}
.indar_tp img{ display: block; width: 100%;}
@media screen and (max-width:1500px){
.inda_tit{ padding-bottom: 50px;}
.inda_tit h2{margin-left: -37px;}
.inda_tit p{ font-size: 2.25rem;}
.inda_ms p,.indar_wb p{font-size: 1rem; line-height: 28px;}
.inda_more{ padding-top: 80px;}
.inda_more a{font-size: 1.375rem;}
}
@media screen and (max-width:1439px){
.inda_l{padding-left: 20%;}
}
@media screen and (max-width:1279px){
.index_bga{ padding: 90px 2% 90px 0;}
.inda_l{padding-left: 12%;}
}
@media screen and (max-width:1023px){
.index_bga{ padding: 70px 2% 80px 2%; grid-template-columns: 1fr; grid-gap: 30px 0; width: 96%; overflow: hidden;}
.inda_l{padding-left: 0%;}
.inda_tit{ padding-bottom: 40px;}
.inda_tit h2{margin-left: -2%;}
.inda_tit h2 img{max-width: 50%;}
.inda_tit p::after{ display: none;}
.inda_more{ padding-top: 30px;}
}
@media screen and (max-width:767px){
.index_bga{ padding: 40px 2% 50px 2%; grid-gap: 25px 0;}
.inda_tit{ padding-bottom: 25px;}
.inda_tit p{ font-size: 1.625rem;padding-top: 5px;}
.inda_ms p{font-size: 0.9375rem; line-height: 24px;}
.inda_more{ padding-top: 25px;}
.inda_more a{ height: 40px; line-height: 40px; font-size: 0.9375rem;}
.inda_more a::after{ height: 1px;}
.indar_nr{grid-template-columns: 1fr; grid-gap: 25px 0px; padding-top: 25px;}
.indar_wb p{font-size: 0.9375rem; line-height: 24px;}
}

.index_bgb{ padding: 0 1.822% 100px 1.822%;}
.index_bgb ul{ display: grid; grid-template-columns: repeat(4,23.6%); justify-content: space-between;}
.index_bgb li{ position: relative;}
.indb_pic{overflow: hidden;}
.indb_pic img{ display: block; width: 100%; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; transition: 0.8s;}
.index_bgb li:hover .indb_pic img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none; transform: scale(1.1);}
.indb_po{position: absolute; left: 0; right: 0; top: 0;}
.indb_kg{ padding: 50px 3% 0 3%;}
.indb_yw{ font-size: 1.25rem; color: #fff; font-family: 'Dfont'; margin-bottom: 15px;}
.index_bgb li:nth-child(2n) .indb_yw{ color: #707070;}
.indb_mc{ color: #fff;}
.indb_mc p{ font-size: 2.25rem; font-family: 'Dfont'; height: 60px; line-height: 60px; border-bottom: 1px solid #fff;}
.indb_mc h2{ font-size: 1.875rem; height: 48px; line-height: 48px;}
.index_bgb li:nth-child(2n) .indb_mc{ color: #000;}
.index_bgb li:nth-child(2n) .indb_mc p{border-bottom: 1px solid #000;}
@media screen and (max-width:1500px){
.index_bgb ul{grid-template-columns: repeat(4,24%);}
.indb_mc p{ font-size: 1.5rem;}
.indb_mc h2{ font-size: 1.625rem;}
}
@media screen and (max-width:1439px){
.indb_kg{ padding: 30px 3% 0 3%;}
.indb_yw{ font-size: 1.125rem; margin-bottom: 10px;}
.indb_mc p{height: 48px; line-height: 48px;}
}
@media screen and (max-width:1279px){
.indb_kg{ padding: 20px 3% 0 3%;}
.indb_yw{ font-size: 1rem; margin-bottom: 5px;}
.indb_mc p{ font-size: 1.25rem; height: 40px; line-height: 40px;}
.indb_mc h2{ font-size: 1.5rem; height: 44px; line-height: 44px;}
}
@media screen and (max-width:1023px){
.indb_mc p{ font-size: 1rem; height: 36px; line-height: 36px;}
.indb_mc h2{ font-size: 1.25rem; height: 40px; line-height: 40px;}
}
@media screen and (max-width:767px){
.index_bgb{ padding: 0 2% 50px 2%;}
.index_bgb ul{grid-template-columns: repeat(2,49%); grid-gap: 20px 0;}
.indb_kg{ padding: 10px 3% 0 3%;}
.indb_yw{ font-size: 0.875rem; margin-bottom: 3px;}
.indb_mc p{ font-size: 0.875rem; height: 22px; line-height: 22px;}
.indb_mc h2{ font-size: 1.125rem; height: 30px; line-height: 30px;}
}

.index_bgc{ background: url(../images/index_bgc.jpg) no-repeat center fixed; width: 100%; padding: 100px 0 205px 0; overflow: hidden; position: relative;}
.indc_nr{ text-align: center;}
.indc_tit{ display: inline-block; color: #fff; font-family: 'Dfonta'; border-bottom: 1px solid #fff;}
.indc_tit h2{ font-size: 6.25rem;}
.indc_tit h3{ font-size: 4.375rem;}
.indc_cctv{ padding-top: 20px; text-align: center; color: #fff;}
.indc_cctv p{ font-size: 3.125rem; padding-bottom: 15px;}
.indc_honor{ padding-top: 42px;}
.indc_honor a{ display: block; margin: 0 auto;}
.indc_honor a img{-webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.2)));}
.indc_gan{ position: absolute; top: 20%; width: 31.822%; transition: 0.8s;}
.indc_gan:nth-child(1){ left: -31.822%;}
.indc_gan:nth-child(2){ right: -31.822%;; transform: scaleX(-1);}
.index_bgc:hover .indc_gan:nth-child(1),.index_bgc.brand_banner .indc_gan:nth-child(1){ left: 0; transition: 0.8s 0.5s;}
.index_bgc:hover .indc_gan:nth-child(2),.index_bgc.brand_banner .indc_gan:nth-child(2){ right: 0; transition: 0.8s 0.5s;}
.indc_gan img{ width: 100%;}
@media screen and (max-width:1500px){
.indc_tit h2{ font-size: 5.25rem;}
.indc_tit h3{ font-size: 4.375rem;}
.indc_cctv p{ font-size: 2.5rem;}
}
@media screen and (max-width:1439px){
.index_bgc{padding: 100px 0 165px 0;}
.indc_tit h2{ font-size: 5rem;}
.indc_tit h3{ font-size: 4rem;}
.indc_cctv p{ font-size: 2.25rem;}
}
@media screen and (max-width:1279px){
.index_bgc{ background-size: auto 100%; background-attachment: inherit; padding: 80px 0 150px 0;}
.indc_tit h2{ font-size: 4rem;}
.indc_tit h3{ font-size: 3rem;}
.indc_cctv p{ font-size: 2rem;}
.indc_gan{ top: 25%;}
}
@media screen and (max-width:767px){
.index_bgc{padding: 40px 0 50px 0;}
.indc_tit h2{ font-size: 2rem;}
.indc_tit h3{ font-size: 1.875rem;}
.indc_cctv{ padding-top: 10px;}
.indc_cctv p{ font-size: 1.625rem; padding-bottom: 10px;}
.indc_cctv img{ height: 90px;}
.indc_honor{ padding-top: 25px;}
.indc_honor img{ max-width: 60%;}
.indc_gan{ display: none;}
}

.index_bgd{ background: #fff; padding: 100px 1.5% 100px 11%; width: 87.5%; overflow: hidden; display: grid; grid-template-columns: 1fr 55.2%; grid-gap: 0 40px; align-items: end;}
.indd_wb{ padding-left: 7.5%; padding-bottom: 30px;}
.indd_title{ position: relative;}
.indd_title p{ display: inline-block; color: #000; font-size: 4.375rem; font-family: 'Dfont'; line-height: 1.125em; position: relative; padding-bottom: 19px;}
.indd_title p::after{ content: ''; position: absolute; width: 200%; right: 0%; bottom: 0; background: #000; height: 1px;}
.indd_title h2{ font-size: 2.5rem; color: #707070; padding-top: 20px;}
.indd_ms{ color: #707070; line-height: 30px; padding-top: 25px; font-size: 1.5rem;}
.indd_kk{position: relative; cursor: pointer;}
.indd_kbg{ position: relative; z-index: 9;}
.indd_kbg img{ display: block; width: 100%;}
.indd_po{position: absolute; top: 3.6%; left: 10.7%; width: 86.1%; overflow: hidden;}
.indd_po p{ transition: 0.8s;}
.indd_po p img{ display: block; width: 100%;}
.indd_po p:nth-child(1){position: relative; left: 0; top: 0; width: 100%; z-index: 1;}
.indd_po p:nth-child(2){position: absolute; left: 0; top: 0; width: 100%;}
.indd_kk:hover .indd_po p:nth-child(1){opacity: 0; transition: 0.8s;}
.indd_po p:nth-child(1) img{ transform: scale(1); transition: 0.8s;}
.indd_kk:hover .indd_po p:nth-child(1) img{ transform: scale(1.1); transition: 0.8s;}
.indd_po p:nth-child(2) img{ transform: scale(1.1); transition: 0.8s;}
.indd_kk:hover .indd_po p:nth-child(2) img{ transform: scale(1); transition: 0.8s;}
.inddr_nr ul{ display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 15px;}
.inddr_nr li{position: relative;}
.inddr_i i{position: absolute; background: #e46713; z-index: 9; transition: 0.5s;}
.inddr_i i:nth-child(1){ width: 7px; height: 0; left: 0; bottom: 0;}
.inddr_i i:nth-child(2){ width: 0; height: 7px; left: 0; top: 0;}
.inddr_i i:nth-child(3){ width: 7px; height: 0; right: 0; top: 0;}
.inddr_i i:nth-child(4){ width: 0; height: 7px; right: 0; bottom: 0;}
.inddr_nr li:hover .inddr_i i:nth-child(1),.inddr_nr li:hover .inddr_i i:nth-child(3){height: 100%; transition: 0.5s;}
.inddr_nr li:hover .inddr_i i:nth-child(2),.inddr_nr li:hover .inddr_i i:nth-child(4){width: 100%; transition: 0.5s;}
.inddr_nr li a{ display: block; border: 7px solid #000; overflow: hidden;}
.inddr_nr li img{display: block; width: 100%; transition: 0.5s;}
.inddr_nr li:hover img{ transform: scale(1.05);}
.indd_r .inda_more{ text-align: right; padding-top: 25px;}
@media screen and (max-width:1500px){
.indd_title p{font-size: 3.375rem;}
.indd_title h2{ font-size: 2.25rem;}
.indd_ms{ font-size: 1.25rem;}
.inddr_i i:nth-child(1),.inddr_i i:nth-child(3){ width: 4px;}
.inddr_i i:nth-child(2),.inddr_i i:nth-child(4){ height: 4px;}
.inddr_nr li a{border: 4px solid #000;}
}
@media screen and (max-width:1439px){
.index_bgd{ padding: 100px 1.5% 100px 3%; width: 95.5%;}
}
@media screen and (max-width:1279px){
.indd_title p{font-size: 3rem;}
.indd_title h2{ font-size: 2rem;}
.indd_ms{font-size: 1.125rem;}
}
@media screen and (max-width:767px){
.index_bgd{padding: 40px 2% 50px 2%; width: 96%; grid-template-columns: 1fr; grid-gap: 25px 0;}
.indd_wb{ padding-left: 8%; padding-bottom: 20px;}
.indd_title p{ font-size: 2rem; padding-bottom: 10px;}
.indd_title h2{ font-size: 1.625rem; padding-top: 10px;}
.indd_ms{ font-size: 0.9375rem; padding-top: 10px; line-height: 22px;}
.inddr_nr ul{grid-template-columns: repeat(2,1fr); grid-gap: 7px;}
.inddr_i i:nth-child(1),.inddr_i i:nth-child(3){ width: 2px;}
.inddr_i i:nth-child(2),.inddr_i i:nth-child(4){ height: 2px;}
.inddr_nr li a{border: 2px solid #000;}
.indd_r .inda_more{ text-align: center;}
}

.index_bge{ background: url(../images/index_bge.jpg) no-repeat right bottom #010101; width: 100%; padding: 45px 0;}
.inde_kg{ margin: 0 auto; max-width: 1330px; width: 96%; display: grid; grid-template-columns: 1fr 33.834%; grid-gap: 0 60px; align-items: center;}
.inde_nr ul{ display: grid; grid-template-columns: repeat(6,11%); justify-content: space-between; grid-gap: 30px 0;}
.inde_nr li{ position: relative;}
.inde_nr li::after{ content: '>'; position: absolute; top: 25%; right: -38%; color: #7b6b52; font-size: 1.125rem;}
.inde_nr li:nth-child(6n)::after{ display: none;}
.inde_pic{position: relative; margin: 0 auto; width: 100%;}
.inde_pic img{ display: block; width: 100%; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; transition: 0.8s;}
.inde_kg:hover .inde_nr li .inde_pic img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none; transform: scaleX(-1); transition: 0.8s;}
.inde_mc{ text-align: center; font-size: 0.875rem; color: #fff; padding-top: 5px; transition: 0.5s;}
.inde_kg:hover .inde_nr li .inde_mc{color: #c67f44; transition: 0.5s;}
.inde_tel img{ display: block; width: 100%;}
@media screen and (max-width:1279px){
.inde_kg{grid-template-columns: 1fr 26%; grid-gap: 0 50px;}
.inde_nr ul{ grid-template-columns: repeat(6,13%);}
.inde_nr li::after{right: -26%; font-size: 1rem;}
}
@media screen and (max-width:767px){
.index_bge{ padding: 40px 0 50px 0; overflow: hidden;}
.inde_kg{grid-template-columns: 1fr; grid-gap: 30px 0px;}
.inde_nr ul{grid-template-columns: repeat(4,20%); grid-gap: 15px 0px;}
.inde_nr li::after{top: 21%; right: -26%;}
.inde_nr li:nth-child(6n)::after{ display: block;}
.inde_nr li:nth-child(4n)::after{ display: none;}
.inde_mc{ font-size: 0.8125rem;}
.inde_tel img{max-width: 66%; margin: 0 auto;}
}

.index_bgf{ width: 100%; margin-top: 100px; position: relative; overflow: hidden;}
.indf_nr{ position: relative;}
.indf_nr li{position: relative;}
.indf_pic{ overflow: hidden;}
.indf_pic img{ display: block; width: 100%; transform: scale(1.3); transition: 0.5s;}
.indf_nr li.cur .indf_pic img{transform: scale(1); transition: 1.5s;}
.indf_po{position: absolute; color: #fff;}
.indf_nr li:nth-child(2){position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 9; transition: 0.8s;}
.indf_nr:hover li:nth-child(2){ opacity: 0; transition: 0.8s;}
.indf_nr li:nth-child(1) .indf_pic img{ transform: scale(1.2); transition: 0.8s;}
.indf_nr:hover li:nth-child(1) .indf_pic img{ transform: scale(1); transition: 0.8s;}
.indf_nr li:nth-child(2) .indf_pic img{ transform: scale(1); transition: 0.8s;}
.indf_nr:hover li:nth-child(2) .indf_pic img{ transform: scale(1.2); transition: 0.8s;}
.indf_nr li:nth-child(1) .indf_po{ left: 0; top: 27%; width: 100%; font-family: 'Dfontb'; text-align: center;}
.indf_nr li:nth-child(1) .indf_po h2{ font-size: 6.25rem; padding-bottom: 20px;}
.indf_nr li:nth-child(1) .indf_po p{ display: inline-block; padding-top: 30px; font-size: 3.75rem; line-height: 1em; position: relative;}
.indf_nr li:nth-child(1) .indf_po p::before{ content: ''; position: absolute; top: 0; left: 0; height: 1px; width: 100%; background: #fff;}
.indf_nr li:nth-child(1) .indf_po p::after{ content: ''; position: absolute; top: -7px; margin-left: -7px; left: 50%; width: 14px; height: 14px; background: #fff; transform: rotate(45deg);}
.indf_nr li:nth-child(2) .indf_po{ left: 2%; top: 3%;}
.indf_nr li:nth-child(2) .indf_po h2{ font-size: 6.25rem; font-weight: bold; display: inline-block; position: relative; padding-bottom: 15px;}
.indf_nr li:nth-child(2) .indf_po p{ font-size: 1.875rem; padding-top: 25px; position: relative;}
.indf_nr li:nth-child(2) .indf_po p::before{ content: ''; position: absolute; top: 0; left: 0; height: 1px; width: 100%; background: #fff;}
.indf_nr li:nth-child(2) .indf_po p::after{ content: ''; position: absolute; top: -7px; left: 0%; width: 14px; height: 14px; background: #fff; transform: rotate(45deg);}
@media screen and (max-width:1500px){
.indf_nr li:nth-child(1) .indf_po h2{ font-size: 5rem;}
.indf_nr li:nth-child(1) .indf_po p{font-size: 3rem;}
.indf_nr li:nth-child(2) .indf_po h2{ font-size: 5rem;}
.indf_nr li:nth-child(2) .indf_po p{ font-size: 1.5rem;}
}
@media screen and (max-width:1279px){
.indf_nr li:nth-child(1) .indf_po{top: 24%;}
.indf_nr li:nth-child(1) .indf_po h2{ font-size: 4rem;}
.indf_nr li:nth-child(1) .indf_po p{font-size: 2.25rem;}
.indf_nr li:nth-child(2) .indf_po h2{ font-size: 4rem;}
.indf_nr li:nth-child(2) .indf_po p{ font-size: 1.375rem;}
}
@media screen and (max-width:1023px){
.indf_nr li:nth-child(1) .indf_po{top: 17%;}
.indf_nr li:nth-child(1) .indf_po h2{ font-size: 4rem; padding-bottom: 10px;}
.indf_nr li:nth-child(1) .indf_po p{padding-top: 20px; font-size: 1.875rem;}
.indf_nr li:nth-child(2) .indf_po h2{ font-size: 3rem;}
.indf_nr li:nth-child(2) .indf_po p{ font-size: 1.125rem; padding-top: 15px;}
}
@media screen and (max-width:767px){
.index_bgf{margin-top: 50px;}
.indf_nr li:nth-child(1) .indf_po{top: 17%;}
.indf_nr li:nth-child(1) .indf_po h2{ font-size: 2rem; padding-bottom: 10px;}
.indf_nr li:nth-child(1) .indf_po p{padding-top: 10px; font-size: 1.125rem;}
.indf_nr li:nth-child(2) .indf_po h2{ font-size: 1.625rem; padding-bottom: 8px;}
.indf_nr li:nth-child(2) .indf_po p{ font-size: 1rem; padding-top: 10px;}
.indf_nr li:nth-child(2) .indf_po p::after,.indf_nr li:nth-child(1) .indf_po p::after{ width: 10px; height: 10px; top: -5px;}
}

.index_bgg{ padding: 70px 0 80px 0; width: 100%; background: #fff; overflow: hidden;}
.indg_kg{ width: 96%; max-width: 1733px; margin: 0 auto;}
.indg_kg ul{ display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 25px;}
.indg_kg li{position: relative;}
.indg_pic{overflow: hidden;}
.indg_pic img{ display: block; width: 100%;}
.indg_po{background-image: linear-gradient(#1c2127, #636d7b); position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; color: #fff; transition: 0.8s;}
.indg_po h2{ padding-top: 17%; font-size: 2.25rem;}
.indg_po p{ font-size: 1.25rem; padding-top: 5px;}
.indg_kg li:hover .indg_po{ opacity: 0; transition: 0.8s;}
@media screen and (max-width:1500px){
.indg_kg ul{grid-gap: 20px;}
.indg_po h2{ padding-top: 15%; font-size: 2rem;}
.indg_po p{ font-size: 1rem;}
}
@media screen and (max-width:1279px){
.indg_kg ul{grid-gap: 10px;}
.indg_po h2{ padding-top: 12%; font-size: 1.5rem;}
.indg_po p{ font-size: 0.8125rem;}
}
@media screen and (max-width:1023px){
.index_bgg{ padding: 60px 0 70px 0;}
.indg_po h2{ padding-top: 10%; font-size: 1.25rem;}
.indg_po p{ font-size: 0.75rem;}
}
@media screen and (max-width:767px){
.index_bgg{ padding: 2% 0 50px 0;}
.indg_kg ul{grid-template-columns: repeat(2,1fr); grid-gap: 7px;}
.indg_po h2{ padding-top: 10%; font-size: 1.125rem;}
.indg_po p{ font-size: 0.75rem;}
}

.index_bgh{ position: relative; width: 100%; padding-bottom: 105px;}
.indh_bg img{ display: block; width: 100%; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; transition: 0.8s;}
.index_bgh:hover .indh_bg img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none; transition: 0.8s;}
.indh_po{ position: absolute; top: 10%; left: 4%; color: #fff;}
.indh_yw{ font-family: 'Dfontb'; font-size: 4.25rem; line-height: 1.125em;}
.indh_mc{ padding-top: 25px; border-bottom: 1px solid #fff; padding-bottom: 12px;}
.indh_mc h2{font-size: 4.25rem; font-weight: bold;}
.indh_mc p{ font-size: 2.5rem;}
.indh_dyw{ font-size: 1.875rem; font-family: Arial; padding-top: 18px;}
@media screen and (max-width:1500px){
.indh_yw{font-size: 3.5rem;}
.indh_mc h2{font-size: 3.25rem;}
.indh_mc p{ font-size: 2rem;}
.indh_dyw{ font-size: 1.625rem;}
}
@media screen and (max-width:1279px){
.indh_yw{font-size: 2.5rem;}
.indh_mc h2{font-size: 2.5rem;}
.indh_mc p{ font-size: 1.875rem;}
.indh_dyw{ font-size: 1.5rem;}
}
@media screen and (max-width:1023px){
.indh_yw{font-size: 2.25rem;}
.indh_mc{ padding-top: 15px;}
.indh_mc h2{font-size: 2.25rem;}
.indh_mc p{ font-size: 1.625rem;}
.indh_dyw{ font-size: 1.25rem;}
}
@media screen and (max-width:767px){
.index_bgh{padding-bottom: 0px;}
.indh_po{ top: 6%;}
.indh_yw{font-size: 1.125rem;}
.indh_mc{ padding-top: 8px; padding-bottom: 5px;}
.indh_mc h2{font-size: 1.25rem;}
.indh_mc p{ font-size: 1.125rem;}
.indh_dyw{ font-size: 0.875rem; padding-top: 8px;}
}

.link_bg{ width:100%; background:#2a65af; height:89px; border-bottom:1px solid #3b77c3; position:relative; display: none;}
.link_bg:before{ content:""; width:17.7%; background:#53b33f; height:90px; position:absolute; left:0; bottom:-1px;}
.link_title{ height:90px; width:90px; border-radius:15px; background:url(../images/link_pic.png) no-repeat center #389225; position:relative; z-index:9;}
.link_title p{ font-size:1.5rem; font-family:"YaHeiui"; line-height:24px;}
.link_nr{ height:89px; overflow:hidden; line-height:89px; width:1280px;}
.link_nr a{ display:block; float:left; margin-right:30px; font-size:1rem; color:#fff;}
.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; padding-bottom:80px;}
.flogo{ text-align: center; padding-bottom: 35px;}
.foot_nr{display: grid; grid-template-columns: repeat(2,auto); justify-content: center; grid-gap: 0 40px;}
.foot_l img{ max-width: 210px;}
.foot_r{ color: #fff;}
.foot_r p{ line-height: 30px; margin-bottom: 14px; font-size: 1.375rem;}
.foot_r a{ color: #fff;}
@media screen and (max-width:1279px){
.flogo img{ max-width: 300px;}
.foot_l img{ max-width: 200px;}
.foot_r p{font-size: 1.125rem;}
}
@media screen and (max-width:1023px){
.flogo img{ max-width: 260px;}
.foot_nr{grid-gap: 0 10px;}
.foot_l img{ max-width: 150px;}
.foot_r p{font-size: 1rem; line-height: 22px; margin-bottom: 8px;}
}
@media screen and (max-width:767px){
.ftelnav{ padding-top:30px; padding-bottom:65px;}
.flogo{padding-bottom: 25px;}
.flogo img{ max-width: 46%;}
.foot_nr{ grid-template-columns: 28% 1fr; grid-gap: 0px 10px; width: 96%; margin: 0 auto;}
.foot_l img{ max-width: 100%;}
.foot_r p{font-size: 0.875rem; line-height: 20px; margin-bottom: 8px;}
}
/*首页style结束*/

/*内页style开始*/
/*nav公共样式*/
.main{ background:#fff; padding:0 0 100px 0; width:100%;}
.main_banner{position: relative;}
.mpic_bg img{ display: block; width: 100%;}
.main_po{position: absolute; width: 100%; text-align: center; left: 0; top: 17%; color: #fff;}
.mlogo{ text-align: center;}
.mlogo img{ max-width: 40%;}
.myw{ font-size: 4rem; font-weight: bold; padding: 30px 0 15px 0;}
.mtit h3{ font-size: 4.375rem; font-weight: bold;}
.mtit p{ font-size: 2.875rem; letter-spacing: 60px; margin-left: 60px; padding-top: 15px;}
@media screen and (max-width:1500px){
.myw{ font-size: 3.5rem;}
.mtit h3{ font-size: 4rem;}
.mtit p{ font-size: 2.5rem; letter-spacing: 56px; margin-left: 56px;}
}
@media screen and (max-width:1365px){
.myw{ font-size: 3rem;}
.mtit h3{ font-size: 3rem;}
.mtit p{ font-size: 2rem; letter-spacing: 40px; margin-left: 40px;}
}
@media screen and (max-width:1279px){
.mlogo img{ max-width: 26%;}
.myw{ font-size: 2.5rem;}
.mtit h3{ font-size: 2.5rem;}
.mtit p{ font-size: 1.875rem; letter-spacing: 28px; margin-left: 28px;}
}
@media screen and (max-width:1023px){
.myw{ font-size: 1.875rem;}
.mtit h3{ font-size: 2rem;}
.mtit p{ font-size: 1.625rem; letter-spacing: 22px; margin-left: 22px; padding-top: 10px;}
}
@media screen and (max-width:767px){
.main{padding:0 0 50px 0;}
.main_po{ top: 10%;}
.mlogo img{ max-width: 30%;}
.myw{ font-size: 1.125rem; padding: 5px 0;}
.mtit h3{ font-size: 1.25rem;}
.mtit p{ font-size: 1rem; letter-spacing: 8px; margin-left: 8px; padding-top: 5px;}
}
/*nav公共样式*/

/*about*/
.abo_bga{ padding: 70px 0 100px 0; width: 100%; background: #fff;}
.aboa_kg{ max-width: 1660px; width: 96%; margin: 0 auto;}
.aboa_title{ text-align: center; color: #000; font-size: 3.125rem;}
.aboa_title p{ font-family: 'Dfont';}
.aboat_nr{ padding-top: 65px; display: grid; grid-template-columns: repeat(2,48.2%); justify-content: space-between;}
.aboat_l{overflow: hidden;}
.aboat_l img{display: block; width: 100%;}
.aboat_r{ display: grid; grid-template-rows: repeat(2,atuo); align-content: space-between;}
.aboatr_js p:nth-child(1){ color: #000; font-size: 1.5rem; line-height: 40px; text-indent: 2em;}
.aboatr_js p:nth-child(2){ font-family: Arial; padding-top: 15px; line-height: 28px; color: #666;}
.aboatr_img{position: relative;}
.aboatr_img img{ display: block; width: 100%;}
.aboatr_img p{ position: absolute; width: 100%; height: 58px; line-height: 58px; background: rgba(0,0,0,.5); left: 0; bottom: 0; text-align: center; color: #fff; font-size: 1.5rem;}
.aboat_ms{ padding-top: 50px; text-align: center;}
.aboat_msch{ color: #000; font-size: 1.5rem; line-height: 40px;}
.aboat_msen{line-height: 28px; padding-top: 15px; color: #666; font-family: Arial;}
.aboa_bom li{ margin-top: 105px; position: relative;}
.abob_pic{ width: 78.313%;}
.abob_pic img{display: block; width: 100%;}
.abob_img{ width: 17.168%;}
.abob_img img{display: block; width: 100%;}
.abob_mc{ position: absolute; bottom: 6%; color: #000; font-size: 2.5rem;}
.abob_mc p{ font-family: 'Dfont';}
.aboa_bom li:nth-child(2n-1) .abob_mc{ text-align: right; right: 0;}
@media screen and (max-width:1279px){
.abo_bga{ padding: 60px 0 90px 0;}
.aboa_title{font-size: 2.25rem;}
.aboat_nr{ padding-top: 35px;}
.aboatr_js p:nth-child(1){font-size: 1rem; line-height: 30px;}
.aboatr_js p:nth-child(2){ font-size: 0.875rem; line-height: 24px;}
.aboatr_img p{height: 50px; line-height: 50px; font-size: 1.25rem;}
.aboat_ms{ padding-top: 30px; text-align: center;}
.aboat_msch{font-size: 1rem; line-height: 30px;}
.aboat_msen{ font-size: 0.875rem; line-height: 24px;}
.aboa_bom li{ margin-top: 65px; position: relative;}
.abob_pic{ width: 70%;}
.abob_img{ width: 27%;}
.abob_mc{ bottom: 4%; font-size: 2rem;}
}
@media screen and (max-width:1023px){
.aboa_bom li{ margin-top: 45px;}
.abob_mc{ bottom: 3%; font-size: 1.875rem;}
}
@media screen and (max-width:767px){
.abo_bga{ padding: 40px 0 50px 0;}
.aboa_title{font-size: 1.625rem;}
.aboat_nr{ padding-top: 25px; grid-template-columns: 1fr; grid-gap: 15px 0;}
.aboatr_js p:nth-child(1){font-size: 0.9375rem; line-height: 24px;}
.aboatr_js p:nth-child(2){ font-size: 0.8125rem; line-height: 22px; padding-bottom: 10px;}
.aboatr_img p{height: 40px; line-height: 40px; font-size: 1rem;}
.aboat_ms{ padding-top: 20px;}
.aboat_msch{font-size: 0.9375rem; line-height: 24px; text-align: left;}
.aboat_msen{ font-size: 0.8125rem; line-height: 22px; text-align: left;}
.aboa_bom li{ margin-top: 25px;}
.abob_pic{ width: 70%;}
.abob_img{ width: 27%;}
.abob_mc{ bottom: 1%; font-size: 1rem;}
}

.abo_bgb{ background: url(../images/abob_bg.jpg) no-repeat center fixed; padding: 100px 0 120px 0; overflow: hidden; width: 100%;}
.abob_nr{ width: 50%; color: #fff;}
.abob_title p{ font-size: 5rem; font-family: 'Dfontb';}
.abob_title h2{ font-size: 3.125rem; font-weight: bold;}
.abob_ms{padding-top: 35px; font-size: 1.5rem; line-height: 50px; text-indent: 2em;}

.abo_bgc{ padding: 6px; background: #fff;}
.abo_bgc ul{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 6px;}
.abo_bgc li{overflow: hidden;}
.abo_bgc li img{ display: block; width: 100%;}
@media screen and (max-width:1279px){
.abo_bgb{ background-attachment: inherit; padding: 80px 0 90px 0; background-size: cover;}
.abob_title p{ font-size: 3rem;}
.abob_title h2{ font-size: 2rem;}
.abob_ms{padding-top: 25px; font-size: 1rem !important; line-height: 30px;}
}
@media screen and (max-width:767px){
.abo_bgb{ padding: 40px 0 50px 0; }
.abob_nr{ width: 100%;}
.abob_title p{ font-size: 2rem;}
.abob_title h2{ font-size: 1.625rem;}
.abob_ms{padding-top: 20px; font-size: 0.9375rem !important; line-height: 24px;}
.abo_bgc{ padding: 2px;}
.abo_bgc ul{grid-gap: 2px;}
}

.abo_bgd{ background: url(../images/abo_bgd.jpg) no-repeat center fixed; width: 100%; overflow: hidden; padding: 360px 0 40px 0;}
.abod_yw{ text-align: center; color: #fff; font-family: 'Dfontb'; font-size: 7.5rem; line-height: 0.8em; -webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.3)));}
.abod_ms{ padding-top: 290px; text-align: center; line-height: 48px; color: #fff; font-size: 1.5rem;}
.abod_ms span{ color: #ffff00;}
@media screen and (max-width:1500px){
.abod_ms{ padding-top: 170px; line-height: 40px; font-size: 1.25rem;}
}
@media screen and (max-width:1365px){
.abod_ms br{ display: none;}
}
@media screen and (max-width:1279px){
.abo_bgd{background-attachment: inherit; background-size: cover; padding: 70px 0 80px 0;}
.abod_yw{font-size: 5rem;}
.abod_ms{ margin-top: 50px; line-height: 30px; font-size: 1rem !important; padding: 2%; background: rgba(0,0,0,.3);}
}
@media screen and (max-width:767px){
.abo_bgd{ padding: 40px 0 50px 0;}
.abod_yw{font-size: 2.5rem;}
.abod_ms{ margin-top: 30px; line-height: 24px; font-size: 0.9375rem !important; text-indent: 2em; text-align: left;}
}

.abo_bge{ padding: 27px; background: #fff;}
.aboe_top li{ background: #000; position: relative; margin-bottom: 27px;}
.aboe_l{overflow: hidden; width: 64.5%;}
.aboe_l img{ display: block; width: 100%;}
.aboe_r{position: relative; width: 35.5%;}
.aboe_r img{ display: block; width: 100%;}
.aboe_r p{ padding-top: 2.75%; color: #fff; text-align: center; font-size: 1.5rem; }
.aboe_bom ul{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 0 27px;}
.aboeb_pic{overflow: hidden;}
.aboeb_pic img{ display: block; width: 100%;}
.aboeb_mc{ background: #000; color: #fff; font-size: 1.5rem; text-align: center; height: 50px; line-height: 50px;}

.abo_bgf{ background: url(../images/abo_bgf.jpg) no-repeat center fixed; width: 100%; padding: 140px 0 150px 0; overflow: hidden; margin-bottom: 27px;}
.abof_ms{ color: #fff; font-size: 1.5rem; line-height: 46px; padding-top: 25px; text-align: center;}
@media screen and (max-width:1439px){
.abof_ms{ font-size: 1.375rem;}
}
@media screen and (max-width:1365px){
.aboe_r p,.aboeb_mc,.abof_ms,.abob_ms{ font-size: 1.25rem;}
}
@media screen and (max-width:1279px){
.abo_bge{ padding: 2%;}
.aboe_top li{margin-bottom: 2%;}
.aboe_r p{font-size: 1rem; padding-top: 2%;}
.aboe_bom ul{ grid-template-columns: repeat(3,32%); justify-content: space-between; grid-gap: 0;}
.aboeb_mc{font-size: 1rem; line-height: 40px; height: 40px;}
.abo_bgf{ background-attachment: inherit; background-size:  cover;}
.abof_ms br{ display: none;}
}
@media screen and (max-width:1023px){
.aboe_r p{font-size: 1rem; padding-top: 3%; position: absolute; bottom: -6%; left: 0; background: #000; width: 100%;}
.abo_bgf{padding: 100px 0 120px 0;}
.abof_ms{font-size: 1rem; line-height: 30px;}
}
@media screen and (max-width:767px){
.aboe_r p{ font-size: 0.75rem; line-height: 20px;}
.aboeb_mc{font-size: 0.75rem; line-height: 30px; height: 30px; overflow: hidden;}
.abo_bgf{padding: 40px 0 70px 0;}
.abof_ms{font-size: 0.9375rem; line-height: 24px;}
}
/*about*/

/*cont*/
.cont{ padding-top: 60px;}
.aboa_title{ text-align: center;}
.cont_nr{ background: url(../images/contact_bga.jpg) no-repeat center; width: 100%; padding: 150px 0 135px 0; overflow: hidden; margin-top: 40px;}
.cont_nr .aboa_kg{ background: rgba(0,0,0,0.5); padding: 50px 0;}
@media screen and (max-width:1279px){
.cont_nr{ background-size: cover; padding: 80px 0;}
}
@media screen and (max-width:767px){
.cont{ padding-top: 40px;}
.cont_nr{width: 100%; padding: 2% 0; margin-top: 20px;}
.cont_nr .aboa_kg{padding: 2% 0;}
.map{ padding: 2%;}
}
/*cont*/

/*case*/
.case_bga{ padding-top: 55px; width: 100%; background: #fff; padding-bottom: 85px;}
.case_fl{ padding-top: 60px; max-width: 1730px; width: 96%; margin: 0 auto;}
.case_fl ul{ display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 25px;}
.case_fl li{position: relative;}
.casefl_pic{ overflow: hidden; position: relative;}
.casefl_pic img{ display: block; width: 100%;}
.casefl_pic::after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(rgba(28,33,39,0.5), rgba(99,109,123,0.5)); transition: 0.5s;}
.case_fl li:hover .casefl_pic::after,.case_fl li.cur .casefl_pic::after{background-image: linear-gradient(rgba(28,33,39,0), rgba(99,109,123,0)); transition: 0.5s;}
.case_fl li a{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; z-index: 9; color: #fff;}
.casefl_mc{ padding-top: 15%;}
.casefl_mc h2{ font-size: 2.25rem;}
.casefl_mc p{ font-size: 1.25rem; margin-top: 5px;}
@media screen and (max-width:1500px){
.case_fl ul{grid-gap: 15px;}
.casefl_mc h2{ font-size: 2rem;}
.casefl_mc p{ font-size: 1.125rem;}
}
@media screen and (max-width:1439px){
.casefl_mc h2{ font-size: 1.875rem;}
.casefl_mc p{ font-size: 1rem;}
}
@media screen and (max-width:1365px){
.case_fl ul{grid-gap: 10px;}
}
@media screen and (max-width:1279px){
.case_bga{ padding-top: 50px; padding-bottom: 60px;}
.case_fl{ padding-top: 30px;}
.casefl_mc{ padding-top: 12%;}
.casefl_mc h2{ font-size: 1.625rem;}
.casefl_mc p{ font-size: 0.875rem;}
}
@media screen and (max-width:1023px){
.casefl_mc{ padding-top: 12%;}
.casefl_mc h2{ font-size: 1.125rem;}
.casefl_mc p{ font-size: 0.75rem;}
}
@media screen and (max-width:767px){
.case_bga{ padding-top: 40px; padding-bottom: 50px;}
.case_fl{ padding-top: 20px;}
.case_fl ul{grid-template-columns: repeat(2,1fr); grid-gap: 7px;}
.casefl_mc{ padding-top: 10%;}
.casefl_mc h2{ font-size: 1.125rem;}
.casefl_mc p{ font-size: 0.75rem;}
}

.case_kg{ max-width: 1730px; width: 96%; margin: 0 auto; color: #fff;}
.case_bgb{ background: url(../images/case_bgb.jpg) no-repeat center; width: 100%; padding: 150px 0 80px 0; overflow: hidden;}
.caseb_tit p{ font-family: 'Dfontb'; font-size: 3.75rem;}
.caseb_tit h2{ font-size: 5rem; font-weight: bold;}
.caseb_nr{ padding-top: 20px;}
.caseb_nr ul{ display: grid; grid-template-columns: repeat(2,auto); justify-content: start; grid-gap: 0 45px; font-size: 2.25rem; line-height: 66px;}
@media screen and (max-width:1279px){
.case_bgb{ background-size: cover; padding: 80px 0;}
.caseb_tit p{font-size: 2.5rem;}
.caseb_tit h2{ font-size: 3rem;}
.caseb_nr ul{font-size: 1.5rem; line-height: 56px;}
}
@media screen and (max-width:1023px){
.case_bgb{padding: 60px 0;}
.caseb_tit p{font-size: 2rem;}
.caseb_tit h2{ font-size: 2rem;}
.caseb_nr ul{font-size: 1.125rem; line-height: 40px;}
}
@media screen and (max-width:767px){
.case_bgb{ padding: 40px 0 50px 0;}
.caseb_tit p{font-size: 1.875rem;}
.caseb_tit h2{ font-size: 1.625rem;}
.caseb_nr ul{font-size: 0.9375rem; line-height: 20px; grid-gap: 10px 25px;}
}

.case_bgc{ background: #fff; padding: 55px 0 20px 0; max-width: 1816px; width: 96%; margin: 0 auto;}
.casec_a{ display: grid; grid-template-rows: repeat(2,auto); grid-gap: 20px 0;}
.casec_pic{overflow: hidden;}
.casec_pic img{ display: block; width: 100%;}
.caseca_kg{ display: grid; grid-template-columns: 58.59% 1fr; grid-gap: 0 20px;}
.caseca_r{display: grid; grid-template-rows: repeat(2,auto); grid-gap: 20px 0;}
.casec_mc{line-height: 75px; height: 75px; text-align: center; font-size: 1.5rem; color: #000; margin-top: -20px;}
.casec_b{display: grid; grid-template-columns: 1fr; grid-gap: 20px 0;}
.casecb_kg{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 0 20px;}
.casec_c{display: grid; grid-template-columns: 1fr; grid-gap: 20px 0;}
.casecc_kg{display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 0 20px;}
.casec_d{display: grid; grid-template-columns: 1fr; grid-gap: 20px 0;}
.casecd_kg{display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 0 20px;}
.casec_e{display: grid; grid-template-columns: 1fr; grid-gap: 20px 0;}
.casece_kg{display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 0 20px;}
.casece_r{display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 0 20px;}

.case_nr li{ width:24%; float:left; margin-right:1.333%; padding-bottom: 20px;}
.case_nr li:nth-child(4n){ margin-right:0;}
.case_pic{ overflow:hidden;}
.case_pic img{ display: block; width:100%; transition: 0.5s;}
.case_nr li:hover .case_pic img{transform: scale(1.1);}
.case_mc{ height:50px; line-height:50px; text-align:center; font-size:1.25rem;}
@media screen and (max-width:1279px){
.case_mc{ height:40px; line-height:40px; font-size:1rem;}
}
@media screen and (max-width:1023px){
.case_nr li{ width:32%; margin-right:0%;}
.case_nr li:nth-child(3n-1){ margin: 0 2%;}
.case_mc{ height:40px; line-height:40px; font-size:1rem;}
.casec_mc{ height: 65px; line-height: 65px; font-size: 1.25rem;}
}
@media screen and (max-width:767px){
.case_nr li{ width:49%;}
.case_nr li:nth-child(3n-1){ margin: 0;}
.case_nr li:nth-child(2n){ float: right;}
.case_mc{ height:36px; line-height:36px; font-size:0.9375rem;}
.case_bgc{ padding: 20px 0;}
.casec_a,.caseca_r,.casec_b,.casec_c,.casec_d,.casec_e{grid-gap: 7px 0;}
.caseca_kg,.casecb_kg,.casecd_kg,.casece_r{grid-gap: 0 7px;}
.casecc_kg{ grid-template-columns: repeat(2,1fr); grid-gap: 7px;}
.casece_kg{ grid-template-columns: 1fr; grid-gap: 7px 0;}
.casec_mc{ height: 55px; line-height: 55px; font-size: 1rem;}
}
/*case*/

/*join*/
.join_bga{ padding-top: 60px; background: #fff; width: 100%;}
.joinaimg{ display:none;}
.joina_kg{ margin-top: 45px; background: url(../images/join_bga.jpg) no-repeat center; width: 100%; height: 1059px; position: relative;}
.joina_tit{ background: url(../images/joina_btbg.png) no-repeat center top; text-align: center; padding-top: 20px; line-height: 83px; color: #fff; font-size: 2.75rem; position: absolute; left: 0; top: 0; width: 100%;}
.joina_kj{ width: 90%; margin: 0 auto; position: relative;}
.joina_fl li{ position: absolute; width: 50px; height: 28px; cursor: pointer; z-index: 9;}
.joina_fl li:nth-child(1){ right: 37.6%; margin-top: 21.6%;}
.joina_fl li:nth-child(2){ right: 37.1%; margin-top: 26.3%;}
.joina_fl li:nth-child(3){ right: 35.5%; margin-top: 29%;}
.joina_fl li:nth-child(4){ right: 34.2%; margin-top: 30.7%;}
.joina_fl li:nth-child(5){ right: 32.8%; margin-top: 32.4%;}
.joina_fl li:nth-child(6){ right: 34.8%; margin-top: 34.9%;}
.joina_fl li:nth-child(7){ right: 43.4%; margin-top: 40.7%;}
.joina_fl li:nth-child(8){ right: 49%; margin-top: 32.4%;}
.joina_nr li{position: absolute; width: 33.62%; transform: scale(0); transition: 0.8s;}
.joina_nr li.active{transform: scale(1); transition: 0.8s;}
.joina_nr li img{ display: block; width: 100%;}
.joina_nr li:nth-child(1){ top: 0; right: 5.3%; padding-top: 18.7%;}
.joina_nr li:nth-child(2){ top: 0; right: 4.8%; padding-top: 23.3%;}
.joina_nr li:nth-child(3){ top: 0; right: 3.1%; padding-top: 26.2%;}
.joina_nr li:nth-child(4){ top: 0; right: 2%; padding-top: 27.7%;}
.joina_nr li:nth-child(5){ top: 0; right: 0.8%; padding-top: 29.1%;}
.joina_nr li:nth-child(6){ top: 0; right: 2.7%; padding-top: 31.9%;}
.joina_nr li:nth-child(7){ top: 0; right: 11.1%; padding-top: 37.7%;}
.joina_nr li:nth-child(8){ top: 0; right: 16.9%; padding-top: 29.5%;}
@media screen and (max-width:1680px){
.joina_tit{ font-size: 2.25rem; }
.joina_fl li:nth-child(1){ right: 36%; margin-top: 24.7%;}
.joina_fl li:nth-child(2){ right: 35.5%; margin-top: 30%;}
.joina_fl li:nth-child(3){ right: 33.5%; margin-top: 33.2%;}
.joina_fl li:nth-child(4){ right: 32.2%; margin-top: 35%;}
.joina_fl li:nth-child(5){ right: 30.5%; margin-top: 36.9%;}
.joina_fl li:nth-child(6){ right: 32.8%; margin-top: 39.9%;}
.joina_fl li:nth-child(7){ right: 42.5%; margin-top: 46.7%;}
.joina_fl li:nth-child(8){ right: 49%; margin-top: 37.4%;}
.joina_nr li:nth-child(1){right: 3.3%; padding-top: 22%;}
.joina_nr li:nth-child(2){ right: 3.6%; padding-top: 27.2%;}
.joina_nr li:nth-child(3){ right: 1.5%; padding-top: 30.4%;}
.joina_nr li:nth-child(4){ right: 0%; padding-top: 32%;}
.joina_nr li:nth-child(5){ right: -1%; padding-top: 34.1%;}
.joina_nr li:nth-child(6){ right: 1%; padding-top: 36.9%;}
.joina_nr li:nth-child(7){ right: 10.6%; padding-top: 43.7%;}
.joina_nr li:nth-child(8){ padding-top: 34%;}
}
@media screen and (max-width:1440px){
.joina_kj{ width: 100%;}
.joina_kg{background-size: auto 100%; height: 1008px;}
}
@media screen and (max-width:1366px){
.joina_kg{height: 955px;}
}
@media screen and (max-width:1280px){
.joina_kg{height: 900px;}
}
@media screen and (max-width:1279px){
.joina_kg{ margin-top: 25px;}
.joinaimg{ display: block; margin-top:20px;}
.joinaimg img{ display:block; width:100%;}
.joina_kg{ display:none;}
}


.join_bgb{ padding-top: 38px; padding-bottom: 60px; width: 100%; max-width: 1867px; margin: 0 auto; }
.joinba{position: relative;}
.joinb_tit{ position: absolute; width: 100%; text-align: center; top: 90px; color: #fff; text-shadow: 1px 1px 1px #4c4c4c;}
.joinb_tit p{ font-size: 5rem; font-family: 'Dfontb'; line-height: 1em;}
.joinb_tit h2{ font-size: 3.125rem; font-weight: bold;}
.join_pic{overflow: hidden;}
.join_pic img{ display: block; width: 100%; transition: 0.8s;}
.joinba_b{ display: grid; grid-template-columns: 57.21% 34.12%; justify-content: space-between; padding-top: 25px;}
.joinbab_l{position: relative;}
.joinbab_mc{ position: absolute; width: 25px; font-size: 1.5rem; line-height: 1em;}
.joinbab_l:nth-child(1) .joinbab_mc{ bottom: 0; right: -44px;}
.joinbab_l:nth-child(2) .joinbab_mc{ top: 0; left: -44px;}
.joinbb{position: relative; margin-top: 80px;}
.joinbb_b{ padding-top: 24px; display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 0 24px;}
.joinbbb_mc{ text-align: center; height: 55px; line-height: 55px; color: #000; font-size: 1.5rem;}
.joinbc{position: relative; margin-top: 45px;}
.joinbd{ padding-top: 25px;}
.joinbd ul{ display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 25px;}
.joinbd_mc{ text-align: center; color: #000; font-size: 1.5rem; height: 40px; line-height: 40px; overflow: hidden;}
.joinbd li:hover .join_pic img{ transform: scale(1.1);}
@media screen and (max-width:1680px){
.joinb_tit p{ font-size: 3rem;}
.joinb_tit h2{ font-size: 2.25rem;}
.joinbab_mc{ font-size: 1.125rem;}
.joinbbb_mc{ font-size: 1.125rem;}
.joinbd_mc{ font-size: 1.125rem;}
}
@media screen and (max-width:1279px){
.joinb_tit{top: 30px;}
.joinb_tit p{ font-size: 3rem;}
.joinb_tit h2{ font-size: 2rem;}
.joinbab_l:nth-child(1) .joinbab_mc{ right: -35px;}
.joinbab_l:nth-child(2) .joinbab_mc{ left: -30px;}
}
@media screen and (max-width:1023px){
.joinb_tit p{ font-size: 2rem;}
.joinb_tit h2{ font-size: 1.5rem;}
.joinbab_mc{ font-size: 1rem;}
.joinbab_l:nth-child(2) .joinbab_mc{ left: -25px;}
.joinbbb_mc{ font-size: 1rem;}
.joinbd{ padding: 2%;}
.joinbd ul{ grid-gap: 15px;}
.joinbd_mc{ font-size: 0.9375rem;}
}
@media screen and (max-width:767px){
.joinb_tit{top: 10px;}
.joinb_tit p{ font-size: 1.5rem;}
.joinb_tit h2{ font-size: 1.25rem;}
.joinba_b{ grid-template-columns: 100%; grid-gap: 25px 0;}
.joinbab_mc{ width: 100%; top: auto !important; left: auto !important; right: auto !important; text-align: center; bottom: 0; height: 40px; line-height: 40px; font-size: 0.9375rem; background: rgba(255,255,255,0.5);}
.joinbb{ margin-top: 40px;}
.joinbb_b{ padding: 2%; grid-gap: 0 7px;}
.joinbbb_mc{ margin-top: 5px; font-size: 0.875rem; height: auto; line-height: 20px;}
.joinbc{ margin-top: 25px;}
.joinbd ul{ grid-gap: 15px 0; grid-template-columns: repeat(2,48%); justify-content: space-around;}
.joinbd_mc{ overflow: hidden;}
}
/*join*/ 

.news_bg{ padding: 60px 0 50px 0; width: 100%; background: #fff;}
.news_fl{ padding-top: 50px; width: 96%; margin: 0 auto;}
.news_fl ul{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 0 25px;}
.news_fl li{position: relative;}
.nfl_pic{overflow: hidden;position: relative;}
.nfl_pic img{ display: block; width: 100%;}
.nfl_pic::after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.5); transition: 0.8s;}
.news_fl li:hover .nfl_pic::after,.news_fl li.cur .nfl_pic::after{ background: rgba(0,0,0,0.2); transition: 0.8s;}
.news_fl li a{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; text-align: center; color: #fff; font-size: 1.875rem;}
.news_fl li a p{ padding-top: 28%; font-family: 'Dfont';}
.news_nr{ padding-top: 50px; margin: 0 auto; width: 96%;}
.news_nr ul{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 25px;}
.news_nr li{ position:relative; background: #fff; box-shadow: 0px 0px 20px rgba(0,0,0,.1);}
.news_nr li a{ display:block; padding:30px 4% 35px 4%; position:relative; z-index:9; transition:0.5s;}
.newsrqjt{ display: grid; grid-template-columns: repeat(2,auto); justify-content: space-between; align-items: end; border-bottom: 1px solid #ddd; padding-bottom: 18px; position: relative;}
.news_rq{ text-align: center; color: #666;}
.news_rq p{ font-size: 3rem; text-align: center; font-weight: bold;}
.news_jt{ font-family: 'Din'; color: #666;}
.newsrqjt::after{ content: ''; width: 0%; height: 1px; background: #e46713; position: absolute; left: 0; bottom: -1px; transition: 0.5s;}
.news_nr li:hover .newsrqjt::after{ width: 100%; transition: 0.5s;}
.news_bt{ font-size:1rem; height:50px; line-height:50px; overflow:hidden; margin-top: 15px;}
.news_ms{ font-size:0.875rem; line-height:24px; height:48px; color:#5f5f5f; overflow:hidden; transition:0.5s;}
.news_more{ width:126px; height:34px; text-align:center; background:#0255a7; line-height:34px; color:#fff; font-size:0.875rem; margin-top:25px;}
.news_nr li:hover .news_more{ background:#1e1916; transition:0.5s;}
.newsshow_nr{ padding-top: 60px;}
.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:1279px){
.news_fl li a{font-size: 1.5rem;}
.news_fl li a p{ padding-top: 26%; font-family: 'Dfont';}
}
@media screen and (max-width:1023px){
.news_fl{ padding-top: 30px;}
.news_fl ul{grid-gap: 0 15px;}
.news_fl li a{font-size: 1.25rem;}
.news_fl li a p{ padding-top: 26%;}
.news_nr{ padding-top: 30px;}
.news_nr ul{grid-gap: 15px;}
.news_nr li a{padding:10px 3% 15px 3%;}
.newsrqjt{ padding-bottom: 10px;}
.news_rq{ font-size: 0.875rem;}
.news_rq p{ font-size: 2.25rem;}
.news_bt{ font-size:0.9375rem; height:40px; line-height:40px; margin-top: 5px;}
.news_ms{ font-size: 0.8125rem; line-height: 20px; height: 40px;}
}
@media screen and (max-width:767px){
.news_bg{ padding: 40px 0 50px 0;}
.news_fl{ padding-top: 20px;}
.news_fl ul{grid-gap: 0 5px;}
.news_fl li a{font-size: 1rem;}
.news_fl li a p{ padding-top: 20%; font-size: 0.75rem;}
.news_nr{ padding-top: 20px;}
.news_nr ul{grid-gap: 7px; grid-template-columns: repeat(2,1fr);}
.news_rq p{ font-size: 1.875rem;}
.news_bt{height:30px; line-height:30px;}
.newsshow_nr{ padding-top: 40px;}
.newsshow_title{font-size:1.125rem; padding-bottom: 8px;}
.newsshow_title p{ font-size:0.75rem; padding-top:2px;}
.xgnews-tit{font-size:1.125rem;}
.xgnews-con li{width:95%;}
}

/*pro*/
.pro_bg{ padding: 60px 2% 100px 2%; background: #fff;}
.pro_fl{ margin-top: 50px;}
.pro_fl li{ float: left; width: 19%; margin-right: 1.25%; position: relative;}
.pro_fl li:nth-child(2n){ margin-top: 150px;}
.pro_fl li:nth-child(5){ margin-right: 0;}
.plpic{ overflow: hidden; position: relative;}
.plpic img{ display: block; width: 100%;}
.plpic::after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.5); transition: 0.8s;}
.pro_fl li a{ display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; color: #fff; text-align: center;}
.pro_fl li p{ padding-top: 47%;font-size: 1.5rem; font-family: 'Dfontb';}
.pro_fl li h2{ font-size: 1.5rem; padding-top: 5px;}
.pro_fl li:hover .plpic::after{background: rgba(0,0,0,0.2); transition: 0.8s;}
.pro_nr{padding-top: 80px;}
.pro_nr li{ float:left; width:24%; margin-right:1.333%; margin-top:1.333%;}
.pro_nr li:nth-child(4n){ margin-right:0;}
.pro_pic{ overflow:hidden; border:1px solid #d2d2d2;}
.pro_pic img{ display:block; width:100%; transition:0.5s;}
.pro_nr li:hover .pro_pic img{transform:scale(1.1);}
.pro_mc{ height:60px; line-height:60px; text-align: center; color:#000; font-size: 1.5rem; overflow:hidden;}
@media screen and (max-width:1279px){
.pro_bg{ padding: 60px 2% 80px 2%;}
.pro_fl li:nth-child(2n){ margin-top: 50px;}
.pro_fl li p{ padding-top: 47%; font-size: 1rem;}
.pro_fl li h2{ font-size: 1.25rem;}
.pro_nr{padding-top: 50px;}
.pro_mc{ height:40px; line-height:40px; font-size: 1rem;}
}
@media screen and (max-width:1023px){
.pro_bg{ padding: 50px 2% 60px 2%;}
.pro_fl li:nth-child(2n){ margin-top: 30px;}
.pro_fl li p{ padding-top: 40%; font-size: 0.875rem;}
.pro_fl li h2{ font-size: 1rem;}
.pro_nr{padding-top: 30px;}
.pro_nr li{width:32%; margin-right:0%; margin-top:2%;}
.pro_nr li:nth-child(3n-1){ margin:2% 2% 0 2%;}
.pro_mc{ height:40px; line-height:40px; font-size: 1rem;}
}
@media screen and (max-width:767px){
.pro_bg{ padding: 40px 2% 50px 2%;}
.pro_fl{ margin-top: 20px;}
.pro_fl li{ width: 32%; margin-right: 0; margin-bottom: 2%;}
.pro_fl li:nth-child(2n){ margin-top: 0px;}
.pro_fl li:nth-child(3n-1){ margin: 0 2% 2% 2%;}
.pro_nr{ padding-top: 15px;}
.pro_nr li{width: 49%; margin-top:3%;}
.pro_nr li:nth-child(3n-1){ margin:3% 0% 0 0%;}
.pro_nr li:nth-child(2n){ float: right;}
.pro_mc{ height:30px; line-height:30px; font-size: 0.875rem;}
}

.nycp_bt{ text-align: center;}
.nycp_bt h1{ font-size: 3rem; color: #000;}
.nycp_bt p{ font-size:1.5rem; color:#333;}
.proshowa{ padding-top: 35px;}
.proshow_gd{position:relative;}
.proshow_img{ max-width: 1000px; width: 96%; margin: 0 auto;}
.proshow_img li{ overflow:hidden;}
.proshow_img li img{ display:block; width:100%;}
.proshow_an{ position:absolute; bottom:20px; left:0; width:100%; text-align:center;}
.proshow_an li{ display:inline-block; width:12px; height:12px; background:#fff; border-radius:50%; overflow:hidden; text-indent:-999rem; cursor:pointer; margin:0 5px;}
.proshow_an li.on{ background:#dda560;}

.proshow_bom{ margin-top:48px; background: #fff; padding: 0 1.5%;}
.proshow_title{ border-bottom: 1px solid #e7e7e7;}
.proshow_title li{ float:left; font-size:1.875rem; cursor:pointer; line-height:90px; color:#6d1a1a; height:90px; transition:0.5s;}
.proshow_title li.on{color:#6d1a1a; transition:0.5s;}
.proshow_kj{ padding: 30px 0 50px 0;}
.proms_l{ position:relative;}
.proshow_nr{ font-size:1rem; line-height:1.8em;}
.proshow_nr img{ max-width:100%;}
.showcp_an{ padding-top:0.875rem; width:100%; padding-top:40px;}
.showcp_an p{width:120px;}
.showcp_an p a{width:100%;height:40px; background:#dda560; text-align:center; line-height:40px; display:block; font-size:1rem; color:#fff; font-weight:bold;}

.cnxh{ margin-top:20px; background:#fff; padding:0 1.5% 30px 1.5%;}
.cnxh_tit{font-size:1.875rem; color:#6d1a1a; height:90px; line-height:90px; border-bottom:1px solid #e7e7e7;}
.cnxh_nr li{ margin-top:20px; float:left; width:24%; margin-right:1.333%;}
.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:#dda560; color:#fff; transition:0.5s;}
@media screen and (max-width:1279px){
.nycp_bt h1{ font-size: 2rem;}
.nycp_bt p{ font-size: 1.125rem;}
.proshow_title li,.cnxh_tit{font-size:1.375rem; height:60px; line-height:60px;}
}
@media screen and (max-width:767px){
.nycp_bt h1{ font-size: 1.375rem;}
.nycp_bt p{ font-size: 1rem;}
.proshow_title li,.cnxh_tit{font-size:1.125rem; height:40px; line-height:40px;}
.proshowa{ padding-top: 20px;}
.proshow_bom{ margin-top: 25px;}
.proshow_nr{ font-size:0.9375rem;}
.showcp_an{padding-top:30px;}
.showcp_an p{width:100px;}
.showcp_an p a{height:34px; line-height:34px; font-size:0.9375rem;}
.cnxh_nr li{width:49%; margin-right:0%;}
.cnxh_nr li:nth-child(2n){ float: right;}
}
/*pro*/
/*内页style结束*/

/*index附加页*/

/*北京奥运会*/
.bjayh_banner{position: relative;}
.bjayh_img img{ display: block; width: 100%;}
.bjayh_po{position: absolute; width: 100%; left: 0; top: 10%;}
.bjayh_kg{ width: 96%; max-width: 1680px; margin: 0 auto; display: grid; grid-template-columns: repeat(2,auto); justify-content: space-between; color: #fff;}
.bjayh_l p{ font-size: 3.125rem; font-family: 'Dfont';}
.bjayh_l h2{ font-size: 3.75rem; font-weight: bold; margin-top: 15px;}
.bjayh_l span{ display: block; font-size: 1.875rem; margin: 5px 0;}
.bjayh_l em{ font-style: normal; font-size: 1.5rem; color: rgba(255,255,255,0.5); display: block; padding-top: 5px;}
.bjayh_r{ color: #fff; font-size: 1.875rem; position: relative;}
.bjayh_r::after{ content: ''; height: 100px; background: url(../images/bjayh_xx.png) no-repeat; width: 5px; position: absolute; right: 0; top: 33px;}
@media screen and (max-width:1279px){
.bjayh_l p{ font-size: 2.5rem;}
.bjayh_l h2{ font-size: 2.5rem;}
.bjayh_l span{font-size: 1.375rem;}
.bjayh_l em{font-size: 1.125rem;}
.bjayh_r{font-size: 1.5rem;}
}
@media screen and (max-width:1023px){
.bjayh_po{top: 5%;}
.bjayh_l p{ font-size: 2rem;}
.bjayh_l h2{ font-size: 2rem; margin-top: 5px;}
.bjayh_l span{font-size: 1.25rem;}
.bjayh_l em{font-size: 1rem;}
.bjayh_r{font-size: 1.25rem;}
.bjayh_r::after{ height: 80px; background-size: 100% auto; width: 3px; top: 20px;}
}
@media screen and (max-width:767px){
.bjayh_po{top: 7%;}
.bjayh_l p{ font-size: 1.25rem;}
.bjayh_l h2{ font-size: 1.5rem; margin-top: 5px;}
.bjayh_l span{font-size: 1rem; margin: 5px 0 0 0;}
.bjayh_l em{font-size: 0.875rem;}
.bjayh_r{font-size: 1rem;}
.bjayh_r::after{ height: 70px; width: 2px; top: 15px;}
}

.bjayh_bga{ padding: 95px 0 50px 0; width: 96%; margin: 0 auto; max-width: 1730px;}
.bjayha_top{ display: grid; grid-template-columns: 69.48% 27%; justify-content: space-between; align-items: end;}
.bjayhat_r img{ display: block; width: 100%;}
.bjayha_logo img{ max-width: 60%;}
.bjayha_ms{ margin: 30px 0; color: #000; font-size: 1.5rem; line-height: 36px;}
.bjayha_yw{ font-size: 0.9375rem; color: rgba(0,0,0,0.5);}
.bjayha_bom{ padding-top: 70px;}
.bjayha_bom ul{ display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 0 35px;}
.bjayhab_pic{ border-radius: 50%; overflow: hidden;}
.bjayhab_pic img{ display: block; width: 100%;}
.bjayha_bom li p{ text-align: center; height: 60px; line-height: 60px; font-size: 1.5rem;}
@media screen and (max-width:1279px){
.bjayha_ms{ font-size: 1rem; line-height: 30px; margin: 25px 0;}
.bjayha_yw{ font-size: 0.8125rem;}
.bjayha_bom li p{ height: 50px; line-height: 50px; font-size: 1.125rem;}
}
@media screen and (max-width:1023px){
.bjayha_top{grid-template-columns: 1fr; grid-gap: 35px 0;}
.bjayha_logo img{ max-width: 40%;}
.bjayha_bom ul{grid-gap: 0 20px;}
.bjayha_bom li p{ height: 40px; line-height: 40px; font-size: 1rem;}
}
@media screen and (max-width:767px){
.bjayh_bga{ padding: 40px 0 50px 0;}
.bjayha_top{grid-gap: 25px 0;}
.bjayha_ms{ font-size: 0.9375rem; line-height: 24px; margin: 20px 0;}
.bjayha_yw{ font-size: 0.75rem; line-height: 18px;}
.bjayha_bom ul{grid-gap: 0 20px;}
.bjayha_bom li p{ height: 40px; line-height: 40px; font-size: 1rem;}
.bjayha_bom{ padding-top: 25px;}
.bjayha_bom ul{grid-template-columns: repeat(2,1fr); grid-gap: 10px;}
.bjayha_bom li p{ height: 36px; line-height: 36px; font-size: 0.9375rem;}
}

.bjayh_bgb{ background: url(../images/bjayh_06.jpg) no-repeat center; width: 100%; padding: 110px 0 0 0; height: 554px;}
.bjayhb_nr{ display: grid; grid-template-columns: repeat(2,auto); justify-content: end; text-align: right; padding-right: 4%;}
.bjayhb_l{ display: grid; grid-template-rows: repeat(2,auto); align-content: space-between; padding-right: 20px; color: #fff;}
.bjayhb_t p{ font-size: 3.75rem; font-family: 'Dfontb'; line-height: 0.8em; padding-bottom: 10px;}
.bjayhb_t h2{ font-size: 3.75rem; font-weight: bold;}
.bjayhb_b{font-size: 1.875rem; line-height: 46px;}
@media screen and (max-width:1279px){
.bjayh_bgb{ background-size: auto 100%; padding: 70px 0 240px 0; height: auto;}
.bjayhb_t p{ font-size: 2.5rem;}
.bjayhb_t h2{ font-size: 2.5rem;}
.bjayhb_b{font-size: 1.5rem; line-height: 36px;}
.bjayhb_r img{ height: 260px;}
}
@media screen and (max-width:1023px){
.bjayh_bgb{padding: 50px 0 240px 0;}
.bjayhb_l{padding-right: 15px;}
.bjayhb_t p{ font-size: 2rem;}
.bjayhb_t h2{ font-size: 2rem;}
.bjayhb_b{font-size: 1.375rem; line-height: 32px;}
.bjayhb_r img{ height: 200px;}
}
@media screen and (max-width:767px){
.bjayh_bgb{ background: url(../images/bjayh_06.jpg) no-repeat right; background-size: auto 100%; padding: 40px 0 80px 0;}
.bjayhb_nr{padding-right: 2%;}
.bjayhb_t p{ font-size: 1.25rem;}
.bjayhb_t h2{ font-size: 1.5rem;}
.bjayhb_b{font-size: 1rem; line-height: 24px;}
.bjayhb_r img{ height: 130px;}
}

.bjayh_bgc{ padding: 50px 0 60px 0; width: 96%; max-width: 1830px; margin: 0 auto;}
.bjayhc_t{ display: grid; grid-template-columns: 79.46% 18.15%; justify-content: space-between;}
.bjayhct_l,.bjayhcc_l{ background: #000;}
.bjayhct_l img{ display: block; width: 100%;}
.bjayhct_l p{ color: #fff; text-align: center; font-size: 1.5rem; line-height: 40px; padding-top: 7%;}
.bjayhc_c{ display: grid; grid-template-columns: 33.12% 64.76%; justify-content: space-between; padding-top: 40px;}
.bjayhcc_l img{ display: block; width: 100%;}
.bjayhcc_l p{ color: #fff; text-align: center; font-size: 1.5rem; line-height: 40px; padding-top: 0.6%;}
.bjayhc_b{ padding-top: 70px;}
.bjayhc_b ul{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 0 70px;}
.bjayhc_b li{overflow: hidden; border-radius: 50%;}
.bjayhc_b li img{ display: block; width: 100%;}
.bjayhc_wb{ text-align: center; padding-top: 70px;}
.bjayhc_wb p{ color: #000; font-size: 1.5rem;}
.bjayhc_wb span{ font-size: 1.25rem; padding-top: 10px; color: rgba(0,0,0,0.5); display: block;}
@media screen and (max-width:1279px){
.bjayhct_l p{ font-size: 1.125rem; line-height: 28px; padding-top: 4%;}
.bjayhcc_l p{ line-height: 30px; font-size: 1.125rem;}
.bjayhc_wb p{font-size: 1.25rem;}
.bjayhc_wb span{ font-size: 1rem;}
}
@media screen and (max-width:1023px){
.bjayhct_l p{ font-size: 0.9375rem; line-height: 22px; padding-top: 3%;}
.bjayhct_l p br{ display: none;}
.bjayhcc_l p{ line-height: 26px; font-size: 0.9375rem;}
.bjayhc_b{ padding-top: 50px;}
.bjayhc_b ul{ grid-gap: 0 30px;}
.bjayhc_wb{ padding-top: 30px;}
.bjayhc_wb p{font-size: 1.125rem;}
.bjayhc_wb span{ font-size: 1rem;}
}
@media screen and (max-width:767px){
.bjayh_bgc{ padding: 10px 0 50px 0;}
.bjayhc_t{grid-template-columns: 1fr; grid-gap: 10px 0;}
.bjayhct_l{ position: relative;}
.bjayhct_l p{ background: #000; padding: 3% 0;}
.bjayhc_c{grid-template-columns: 1fr; grid-gap: 10px 0; padding-top: 10px;}
.bjayhcc_l p{ background: #000; padding: 3% 0;}
.bjayhc_b{ padding-top: 20px;}
.bjayhc_b ul{grid-gap: 0 10px;}
.bjayhc_wb{padding-top: 20px; width: 90%; margin: 0 auto;}
.bjayhc_wb p{ font-size: 0.9375rem;}
.bjayhc_wb span{ font-size: 0.75rem;}
}

.bjayh_bgd{ background: url(../images/bjayh_14.jpg) no-repeat center fixed; width: 100%; padding: 215px 0 190px 0; overflow: hidden; color: #fff; text-align: center;}
.bjayhd_bt{ display: inline-block; border-bottom: 1px solid #fff; padding-bottom: 15px;}
.bjayhd_bt p{ font-size: 4.375rem; font-family: 'Dfontb';}
.bjayhd_bt h2{ font-size: 3.125rem; font-weight: bold;}
.bjayhd_ms{ padding-top: 20px;}
.bjayhd_ms p{ font-size: 1.875rem;}
.bjayhd_ms span{ font-size: 1.25rem; color: rgba(243,243,243,0.5); display: block; padding-top: 8px;}
.bjayh_fhome{ padding: 37px 0;}
.bjayh_fhome a{ display: block; width: 168px; height: 40px; line-height: 40px; border: 1px solid #000; border-radius: 21px; text-align: center; margin: 0 auto; font-size: 1.25rem; color: #000;}
@media screen and (max-width:1279px){
.bjayh_bgd{ background-attachment: inherit; background-size: cover; padding: 180px 0 200px 0;}
.bjayhd_bt p{ font-size: 3rem; }
.bjayhd_bt h2{ font-size: 2.5rem;}
.bjayhd_ms p{ font-size: 1.5rem;}
.bjayhd_ms span{ font-size: 1rem;}
}
@media screen and (max-width:1023px){
.bjayh_bgd{padding: 150px 0 200px 0;}
.bjayhd_bt p{ font-size: 2.5rem;}
.bjayhd_bt h2{ font-size: 2.25rem;}
}
@media screen and (max-width:767px){
.bjayh_bgd{padding: 70px 0 100px 0;}
.bjayhd_bt p{ font-size: 1.625rem;}
.bjayhd_bt h2{ font-size: 1.25rem;}
.bjayhd_ms p{ font-size: 1rem;}
.bjayhd_ms span{ font-size: 0.75rem; padding-top: 5px;}
.bjayh_fhome{ padding: 25px 0;}
.bjayh_fhome a{width: 120px; height: 34px; line-height: 34px; font-size: 1rem;}
}
/*北京奥运会*/

/*天安门城楼*/
@keyframes topbom{ 0%{ padding-top: 65px; opacity:1;} 50%{padding-top:45px; opacity:0.5;} 100%{padding-top:65px; opacity:1;}} @-webkit-keyframes topbom{ 0%{ padding-top: 65px; opacity:1;} 50%{padding-top:45px; opacity:0.5;} 100%{padding-top:65px; opacity:1;}}
.tamcl_banner{position: relative;}
.tamcl_pic{overflow: hidden;}
.tamcl_pic img{ display: block; width: 100%;}
.tamcl_po{position: absolute; width: 100%; left: 0; top: 25%; text-align: center; color: #fff;}
.tamcl_yw{font-family: 'Dfont';}
.tamcl_yw p{ font-size: 3.125rem;}
.tamcl_yw span{ font-size: 1.875rem;}
.tamcl_mc{ padding-top: 55px;}
.tamcl_mc h1{ font-size: 3.125rem;}
.tamcl_mc p{ color: rgba(255,255,255,0.5); font-size: 1.5rem; padding-top: 35px;}
.tamcl_jt a{animation:topbom 4s infinite linear; padding-top: 65px; display: block;}
@media screen and (max-width:1279px){
.tamcl_po{top: 22%;}
.tamcl_yw p{ font-size: 2.875rem;}
.tamcl_yw span{ font-size: 1.625rem;}
.tamcl_mc{ padding-top: 45px;}
.tamcl_mc h1{ font-size: 2.5rem;}
}
@media screen and (max-width:1023px){
.tamcl_po{top: 18%;}
.tamcl_yw p{ font-size: 2.5rem;}
.tamcl_yw span{ font-size: 1.625rem;}
.tamcl_mc{ padding-top: 35px;}
.tamcl_mc h1{ font-size: 2rem;}
.tamcl_mc p{font-size: 1.25rem; padding-top: 20px;}
}
@media screen and (max-width:767px){
.tamcl_po{top: 20%;}
.tamcl_yw p{ font-size: 1.375rem;}
.tamcl_yw span{ font-size: 1rem;}
.tamcl_mc{ padding-top: 10px;}
.tamcl_mc h1{ font-size: 1.375rem;}
.tamcl_mc p{font-size: 1rem; padding-top: 10px;}
.tamcl_jt{ display: none;}
}

.tamcl_bga{ padding: 2%; background: #fff;}
.tamcla_tit{ text-align: center; color: #000; font-size: 3.125rem; line-height: 1em; padding-bottom: 35px;}
.tamcla_tit p{ font-family: 'Dfontb';}
.tamcla_tit h2{ padding-top: 15px;}
.tamcla_pic{overflow: hidden;}
.tamcla_pic img{ display: block; width: 100%;}
.tabcla_nr{ padding-top: 35px; display: grid; grid-template-columns: 31.3% 66.85%; justify-content: space-between; align-items: end;}
.tamcla_wb{ text-align: center; padding-bottom: 60px;}
.tamcla_logo img{ max-width: 90%;}
.tamcla_ms{ font-size: 1.625rem; line-height: 46px; color: #000; text-align: left; margin-top: 25px;}
@media screen and (max-width:1900px){
.tamcla_logo img{ max-width: 60%;}
.tamcla_ms{ font-size: 1.5rem;}
}
@media screen and (max-width:1500px){
.tamcla_ms{ font-size: 1.25rem;}
}
@media screen and (max-width:1439px){
.tamcla_tit{font-size: 2.5rem;}
.tamcla_ms{ font-size: 1.125rem;}
}
@media screen and (max-width:1279px){
.tamcla_tit{ font-size: 2.25rem; padding-bottom: 25px; padding-top: 15px;}
.tamcla_tit h2{ padding-top: 8px;}
.tabcla_nr{grid-template-columns: 34% 64%;}
.tamcla_wb{ padding-bottom: 30px;}
.tamcla_ms{ font-size: 1rem; line-height: 30px;}
}
@media screen and (max-width:1023px){
.tamcla_wb{ padding-bottom: 15px;}
.tamcla_ms p{ line-height: 22px; margin-bottom: 8px;}
}
@media screen and (max-width:767px){
.tamcla_tit{font-size: 1.375rem; padding-bottom: 15px;}
.tabcla_nr{ padding-top: 25px; grid-template-columns: 1fr; grid-gap: 9px 0;}
.tamcla_ms{ margin-top: 15px;}
}

.tamcl_bgb{ background: url(../images/tamcl_bgb.jpg) no-repeat center fixed; padding: 230px 0 75px 0; overflow: hidden; width: 100%; text-align: center; color: #fff;}
.tamclb_wb p{ font-family: 'Dfontb'; font-size: 3.125rem;}
.tamclb_wb h2{ font-size: 3.125rem; padding-top: 10px;}
.tamclb_jt{ padding-top: 65px; height: 90px;}
.tamclb_jt a{animation:topbom 4s infinite linear; display: block;}
@media screen and (max-width:1900px){
.tamclb_wb p{font-size: 2.5rem;}
.tamclb_wb h2{ font-size: 2.875rem;}
}
@media screen and (max-width:1500px){
.tamclb_wb p{font-size: 2.25rem;}
.tamclb_wb h2{ font-size: 2.5rem;}
}
@media screen and (max-width:1279px){
.tamcl_bgb{ background-attachment: inherit; background-size: cover; padding: 150px 0 100px 0;}
.tamclb_wb p{font-size: 2rem;}
.tamclb_wb h2{ font-size: 2.25rem;}
}
@media screen and (max-width:1023px){
.tamclb_wb p{font-size: 1.875rem;}
.tamclb_wb h2{ font-size: 2rem;}
}
@media screen and (max-width:767px){
.tamcl_bgb{ padding: 40px 0 60px 0;}
.tamclb_wb p{font-size: 1.125rem;}
.tamclb_wb h2{ font-size: 1.375rem; width: 86%; margin: 0 auto;}
.tamclb_jt{ display: none;}
}

.tamcl_bgc{ padding: 90px 0 60px 0; width: 96%; margin: 0 auto; max-width: 1390px;}
.tamcl_bgc li{position: relative; margin-top: -60px;}
.tamcl_bgc li:nth-child(1){ margin-top: 0;}
.tamclc_pic{ border-radius: 50%; overflow: hidden; width: 27.42%; position: relative; z-index: 9;}
.tamclc_pic img{ display: block; width: 100%;}
.tamclc_wb{ width: 66.58%; padding: 0 4%; background: #dcdcdc; position: absolute; right: 0; height: 158px; top: 50%; margin-top: -76px; border-radius: 0 76px 76px 0;}
.tamcl_bgc li:nth-child(2) .tamclc_wb{ right: auto; left: 0; border-radius: 76px 0 0 76px;}
.tamclc_wb p{ padding-top: 35px; height: 40px; line-height: 40px; color: #000; font-size: 1.625rem;}
.tamclc_wb span{ color: rgba(0,0,0,.5); font-size: 1.125rem; line-height: 24px; display: block; margin-top: 5px;}
@media screen and (max-width:1439px){
.tamclc_wb p{font-size: 1.375rem;}
.tamclc_wb span{font-size: 1rem;}
}
@media screen and (max-width:1279px){
.tamcl_bgc li{margin-top: -10px;}
.tamclc_pic{ width: 23%;}
.tamclc_wb{ width: 70%; padding: 0 6%;}
.tamclc_wb p{ padding-top: 25px; font-size: 1.125rem;}
.tamclc_wb span{font-size: 0.875rem;}
}
@media screen and (max-width:1023px){
.tamcl_bgc li{margin-top: 10px;}
.tamclc_wb{ height: 138px; top: 50%; margin-top: -66px; border-radius: 0 76px 76px 0;}
.tamclc_wb p{ padding-top: 20px; font-size: 1.125rem; line-height: 26px; height: auto;}
.tamclc_wb span{font-size: 0.75rem; margin-top: 8px; line-height: 20px;}
}
@media screen and (max-width:767px){
.tamcl_bgc{ padding: 40px 0 50px 0;}
.tamcl_bgc li{margin-top: 30px; padding-top: 50px;}
.tamclc_pic{ width: 40%; float: none; position: absolute; left: 30%; top: 0;}
.tamclc_wb{ width: 96%; padding: 90px 2% 15px 2%; float: none; position: relative; right: auto; height: auto; top: auto; margin-top: 0px; border-radius: 10px;}
.tamcl_bgc li:nth-child(2) .tamclc_wb{ right: auto; left: auto; border-radius: 10px;}
.tamclc_wb p{font-size: 1rem; line-height: 24px;}
}

.tamcl_bgd{ padding: 0 0 35px 0; width: 96%; max-width: 1850px; margin: 0 auto;}
.tamclx_a ul{ display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 0 20px;}
.tamclx_a li img{ display: block; width: 100%;}
.tamclxz_ms{ padding: 60px 0 45px 0; text-align: center;}
.tamclxz_ms p{ font-size: 1.875rem; line-height: 40px; font-size: 1.875rem; color: #000;}
.tamclxz_ms span{color: rgba(0,0,0,.5); font-size: 1.125rem; line-height: 28px; display: block; margin-top: 15px;}
@media screen and (max-width:1500px){
.tamclxz_ms span br{ display: none;}
}
@media screen and (max-width:1439px){
.tamclxz_ms{ padding: 40px 0 35px 0;}
.tamclxz_ms p{font-size: 1.5rem;}
.tamclxz_ms span{font-size: 1rem;}
}
@media screen and (max-width:1279px){
.tamclx_a ul{grid-gap: 0 10px;}
.tamclxz_ms p{font-size: 1.375rem; line-height: 1.8em;}
.tamclxz_ms span{font-size: 0.875rem; line-height: 1.5em;}
}
@media screen and (max-width:1023px){
.tamclxz_ms p{font-size: 1.125rem; line-height: 1.6em;}
.tamclxz_ms p br{ display: none;}
.tamclxz_ms span{font-size: 0.75rem; line-height: 1.5em;}
}
@media screen and (max-width:767px){
.tamclx_a ul{grid-template-columns: repeat(2,1fr); grid-gap: 7px;}
.tamclxz_ms{ padding: 25px 0 40px 0;}
.tamclxz_ms p{font-size: 0.9375rem; line-height: 1.6em;}
.tamclxz_ms span{font-size: 0.75rem; line-height: 1.5em; margin-top: 8px;}
}

.tamclx_b{position: relative;}
.tamclxb_pic img{ display: block; width: 100%;}
.tamclxb_po{position: absolute; width: 100%; left: 0; top: 18%; text-align: center; color: #fff;}
.tamclxb_wa p{ font-size: 3.125rem; font-weight: bold; line-height: 78px;}
.tamclxb_wb{ padding-top: 50px;}
.tamclxb_wb p{ font-size: 1.5rem; line-height: 40px;}
@media screen and (max-width:1900px){
.tamclxb_wa p{ font-size: 2.5rem; line-height: 68px;}
}
@media screen and (max-width:1500px){
.tamclxb_wa p{ font-size: 2rem; line-height: 54px;}
}
@media screen and (max-width:1439px){
.tamclxb_po{top: 15%;}
.tamclxb_wa p{ font-size: 1.875rem; line-height: 46px;}
}
@media screen and (max-width:1279px){
.tamclxb_po{top: 15%;}
.tamclxb_wa p{ font-size: 1.5rem; line-height: 38px;}
.tamclxb_wb{ padding-top: 30px;}
.tamclxb_wb p{ font-size: 1.25rem; line-height: 30px;}
}
@media screen and (max-width:1023px){
.tamclx_b{ background: url(../images/tamcl_11.jpg) no-repeat center; background-size: cover; width: 100%; padding: 70px 0;}
.tamclxb_pic{ display: none;}
.tamclxb_po{position: relative; left: auto; top: auto;}
}
@media screen and (max-width:767px){
.tamclx_b{ padding: 40px 0 50px 0;}
.tamclxb_wa p{ font-size: 1.125rem; line-height: 30px;}
.tamclxb_wb{ padding-top: 20px;}
.tamclxb_wb p{ font-size: 1rem; line-height: 24px;}
}

.tamclx_c{ padding-top: 30px;}
.tamclxc_tit{ text-align: center; color: #000; font-size: 1.5rem; line-height: 58px;}
.tamclxc_zy{ display: grid; grid-template-columns: repeat(2,49.2%); justify-content: space-between; padding-bottom: 1.6%;}
.tamclxc_pic img{ display: block; width: 100%;}
.tamclxc_lcr{ padding: 1.6% 0; display: grid; grid-template-columns: 70.5% 25px 25.45%; justify-content: space-between;}
.tamclxc_mz{ font-size: 1.5rem; color: #000; line-height: 28px; margin-top: 15px; position: relative; padding-top: 50px;}
.tamclxc_mz::before{ content: '►'; position: absolute; top: 0; left: 0; width: 100%; text-align: center;}
.tamclxc_mz::after{ content: '◄'; position: absolute; top: 15px; left: 0; width: 100%; text-align: center;}
.tamclxc_bz{ line-height: 84px; color: #000; text-align: center; font-size: 1.5rem;}
.tamclx_d{ display: grid; grid-template-columns: 31.41% 67.77%; justify-content: space-between;}
@media screen and (max-width:1279px){
.tamclxc_mz{ font-size: 1.25rem; line-height: 26px; margin-top: 0px; padding-top: 40px;}
.tamclxc_bz{font-size: 1.25rem;}
}
@media screen and (max-width:1023px){
.tamclxc_lcr{ padding-bottom: 40px; grid-template-columns: 72% 26%; position: relative; margin-bottom: 20px;}
.tamclxc_mz{ font-size: 1.125rem; line-height: 40px; margin-top:0px; position: absolute; bottom: 0; left: 0; padding-top: 0px; text-align: center; width: 100%;}
.tamclxc_mz::before,.tamclxc_mz::after{ display: none;}
.tamclxc_bz{ line-height: 30px; font-size: 1.125rem; padding: 10px 0;}
}
@media screen and (max-width:767px){
.tamclxc_tit{font-size: 1.125rem; line-height: 38px;}
.tamclxc_mz{ font-size: 0.9375rem; line-height: 34px;}
.tamclxc_bz{ line-height: 24px; font-size: 0.9375rem; padding: 12px 0;}
}
/*天安门城楼*/

/*销遍全球*/
.xbqq_banner{position: relative;}
.xbqq_pic img{ display: block; width: 100%;}
.xbqq_po{ position: absolute; top: 7%; left: 0; width: 100%; text-align: center; color: #fff;}
.xbqq_wb{ padding-top: 40px;}
.xbqq_wb p{ font-family: 'Dfont'; font-size: 3.125rem;}
.xbqq_wb h1{ font-size: 3.125rem; font-weight: bold; padding-top: 20px;}
.xbqq_wb span{ display: block; font-size: 1.875rem;}
.xbqq_wb em{ font-style: normal; color: rgba(255,255,255,0.5); display: block; padding-top: 20px; font-size: 1.5rem;}
@media screen and (max-width:1600px){
.xbqq_wb{ padding-top: 30px;}
.xbqq_wb p{ font-size: 3rem;}
.xbqq_wb h1{ font-size: 3rem; padding-top: 15px;}
}
@media screen and (max-width:1439px){
.xbqq_tb img{ width: 130px;}
.xbqq_wb p{ font-size: 2.5rem;}
.xbqq_wb h1{ font-size: 2.5rem; padding-top: 10px;}
.xbqq_wb span{font-size: 1.625rem;}
.xbqq_wb em{font-size: 1.375rem;}
}
@media screen and (max-width:1279px){
.xbqq_tb img{ width: 100px;}
.xbqq_wb{ padding-top: 20px;}
.xbqq_wb p{ font-size: 2.25rem;}
.xbqq_wb h1{ font-size: 2rem; padding-top: 5px;}
.xbqq_wb span{font-size: 1.5rem;}
.xbqq_wb em{ padding-top: 10px; font-size: 1.25rem;}
}
@media screen and (max-width:1023px){
.xbqq_tb img{ width: 70px;}
.xbqq_wb{ padding-top: 10px;}
.xbqq_wb p{ font-size: 1.875rem;}
.xbqq_wb h1{ font-size: 1.75rem; padding-top: 0px;}
.xbqq_wb span{font-size: 1.125rem;}
.xbqq_wb em{ padding-top: 5px; font-size: 1.125rem;}
.tamcl_jt{ display: none;}
}
@media screen and (max-width:767px){
.xbqq_tb img{ width: 36px;}
.xbqq_wb{ padding-top: 5px;}
.xbqq_wb p{ font-size: 1em;}
.xbqq_wb h1{ font-size: 1.125rem;}
.xbqq_wb span{font-size: 0.9375rem;}
.xbqq_wb em{  font-size: 0.875rem; color: rgba(0,0,0,1);}
}

.xbqq_bga{ padding: 60px 0;  width: 96%; max-width: 1845px; margin: 0 auto; display: grid; grid-template-columns: 29.57% 68.25%; justify-content: space-between;}
.xbqqa_pic img{ display: block; width: 100%;}
.xbqqa_l{ background: #434343; position: relative;}
.xbqqa_ms{ position: absolute; background: #434343; width: 94%; padding: 3% 3% 4% 3%; left: 0; bottom: 0; color: #fff; font-size: 1.5rem;}
.xbqqa_ms p:nth-child(1){ margin-bottom: 15px;}
@media screen and (max-width:1600px){
.xbqqa_ms{ font-size: 1.125rem; line-height: 30px;}
}
@media screen and (max-width:1279px){
.xbqqa_ms{ font-size: 0.9375rem; line-height: 22px;}
}
@media screen and (max-width:1023px){
.xbqq_bga{ grid-template-columns: 1fr;}
}
@media screen and (max-width:767px){
.xbqq_bga{ padding: 40px 0 50px 0;}
.xbqqa_ms{ position: relative; left: auto; bottom: auto; font-size: 0.9375rem;}
}

.xbqq_bgb{ background: url(../images/xbqq_bgb.jpg) no-repeat center fixed; width: 100%; padding: 270px 0 250px 0; text-align: center; color: #fff; font-size: 3.125rem;}
.xbqq_bgb p{ font-family: 'Dfontb';}
.xbqq_bgb h2{ font-weight: bold;}

.xbqq_bgc{ padding: 48px; max-width: 1835px; margin: 0 auto;}
.xbqqc_pic{position: relative;}
.xbqqc_pic img{ display: block; width: 100%;}
.xbqqc_pic p{ background: rgba(0,0,0,.5); padding: 45px 0; text-align: center; color: #fff; position: absolute; left: 0; bottom: 0; width: 100%; font-size: 1.5rem;}
.xbqqc_mc{ line-height: 68px; text-align: center; font-size: 1.5rem; color: #000;}
.xbqqc_lr{ display: grid; grid-template-columns: 68.34% 29.71%; justify-content: space-between;}
@media screen and (max-width:1500px){
.xbqqc_pic p{ font-size: 1.25rem; padding: 25px 0;}
}
@media screen and (max-width:1279px){
.xbqq_bgb{ background-attachment: inherit; background-size: cover; font-size: 2.5rem;  padding: 200px 0;}
.xbqq_bgc{ padding: 2%;}
}
@media screen and (max-width:1023px){
.xbqq_bgb{font-size: 2.25rem; padding: 150px 0;}
.xbqqc_mc{ line-height: 60px; font-size: 1.375rem;}
}
@media screen and (max-width:767px){
.xbqq_bgb{font-size: 1.625rem; padding: 70px 0;}
.xbqqc_mc{ line-height: 40px; font-size: 0.9375rem;}
.xbqq_bgc .xbqqc_lr{ grid-template-columns: 1fr; grid-gap: 8px 0;}
.xbqqc_pic p{ font-size: 0.9375rem; padding: 12px 2%; width: 96%; line-height: 26px;}
.xbqqc_pic p br{ display: none;}
}

.xbqq_bge{ background: url(../images/xbqq_bge.jpg) no-repeat center fixed; width: 100%; padding: 270px 0 250px 0; text-align: center; color: #fff; font-size: 3.125rem;}
.xbqq_bge p{ font-family: 'Dfontb';}
.xbqq_bge h2{ font-weight: bold;}

.xbqq_bgf{ width: 96%; max-width: 1715px; margin: 0 auto; padding: 45px 0;}
.xbqq_bgf ul{ display: grid; grid-gap: 45px 0;}
.xbqq_bgf li:nth-child(2n-1){ display: grid; grid-template-columns: 79.13% auto; justify-content: space-between; align-items: center;}
.xbqq_bgf li:nth-child(2){display: grid; grid-template-columns: auto 79.13%; justify-content: space-between; align-items: center;}
.xbqqf_l img{ display: block; width: 100%;}
.xbqqf_r{ font-size: 1.5rem; color: #000;}
@media screen and (max-width:1360px){
.xbqqf_r{ font-size: 1.25rem;}
}
@media screen and (max-width:1279px){
.xbqq_bge{ background-attachment: inherit; background-size: cover; font-size: 2.5rem; padding: 200px 0;}
.xbqq_bgf{ padding: 25px 0;}
.xbqq_bgf ul{grid-gap: 25px 0;}
.xbqqf_r{ font-size: 1rem;}
}
@media screen and (max-width:1023px){
.xbqq_bge{font-size: 2.25rem; padding: 150px 0;}
}
@media screen and (max-width:767px){
.xbqq_bge{font-size: 1.625rem; padding: 70px 0;}
.xbqqb_tit p{ font-size: 1.25rem;}
.xbqq_bgf{padding: 2% 0;}
.xbqq_bgf ul{grid-gap: 10px 0;}
.xbqq_bgf li:nth-child(2n-1){ grid-gap: 0 5px;}
.xbqq_bgf li:nth-child(2){grid-gap: 0 5px;}
.xbqqf_r{ font-size: 0.9375rem;}
}

.xbqq_bgg{ background: url(../images/xbqq_bgg.jpg) no-repeat center fixed; width: 100%; padding: 270px 0 250px 0; text-align: center; color: #fff; font-size: 3.125rem;}
.xbqq_bgg p{ font-family: 'Dfontb';}
.xbqq_bgg h2{ font-weight: bold;}

.xbqq_bgd{ background: url(../images/xbqq_bgd.jpg) no-repeat center fixed; width: 100%; padding: 270px 0 250px 0; text-align: center; color: #fff; font-size: 3.125rem;}
.xbqq_bgd p{ font-family: 'Dfontb';}
.xbqq_bgd h2{ font-weight: bold;}
.xbqqg_wb{ padding-top: 15px;}
.xbqqg_wb p{ font-size: 1.5rem;}
.xbqqg_wb span{ font-size: 1.25rem; color: rgba(255,255,255,0.5);}
@media screen and (max-width:1279px){
.xbqq_bgd{ background-attachment: inherit; padding: 200px 0 200px 0; font-size: 2.5rem;}
.xbqq_bgg{ background-attachment: inherit; background-size: cover; font-size: 2.5rem; padding: 200px 0;}
}
@media screen and (max-width:1023px){
.xbqq_bgd{font-size: 2.25rem; padding: 150px 0;}
}
@media screen and (max-width:767px){
.xbqq_bgg{font-size: 1.625rem; padding: 60px 0;}
.xbqqg_wb{ padding-top: 15px;}
.xbqqg_wb p{ font-size: 1.125rem;}
.xbqqg_wb span{ font-size: 0.875rem;}
.xbqq_bgd{font-size: 1.625rem; padding: 70px 0;}
.xbqq_bgd p{ font-size: 1.375rem;}
}

.xbqq_bgh{ padding: 40px;}
.xbqq_bgh ul{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 40px;}
.xbqq_bgh li{position: relative;}
.xbqqh_pic img{ display: block; width: 100%;}
.xbqqh_mc{ position: absolute; width: 100%; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 1.5rem; left: 0; bottom: 0; background: rgba(0,0,0,.7);}

.xbqq_bgi{ padding: 40px 40px 130px 40px;}
.xbqqi_tit{ text-align: center; font-size: 1.5rem; color: #000;}
.xbqq_bgi ul{ padding-top: 20px; display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 25px;}
.xbqq_bgi li img{ display: block; width: 100%;}
.xbqqi_pic{ padding-top: 80px;}
.xbqqi_pic img{ display: block; width: 100%;}
@media screen and (max-width:1279px){
.xbqq_bgh{ padding: 2%;}
.xbqq_bgh ul{ grid-gap: 20px;}
.xbqq_bgi{ padding: 2% 2% 80px 2%;}
}
@media screen and (max-width:1023px){
.xbqq_bgh ul{ grid-gap: 15px;}
.xbqqh_mc{height: 40px; line-height: 40px; font-size: 1.125rem;}
.xbqq_bgi ul{grid-gap: 15px;}
}
@media screen and (max-width:767px){
.xbqq_bgh ul{ grid-gap: 8px;}
.xbqqh_mc{height: 34px; line-height: 34px; font-size: 0.9375rem;}
.xbqqi_tit{font-size: 1.125rem;}
.xbqq_bgi{ padding: 4% 2% 40px 2%;}
.xbqq_bgi ul{ padding-top: 10px; grid-template-columns: repeat(3,1fr); grid-gap: 7px;}
.xbqqi_pic{ padding-top: 20px;}
}
/*销遍全球*/

/*雄厚实力*/
.xhsl_banner{position: relative;}
.xhsl_pic img{ display: block; width: 100%;}
.xhsl_po{ position: absolute; top: 15%; right: 3%; text-align: right; color: #fff;}
.xhsl_yw{ font-family: 'Dfont';}
.xhsl_yw p{ font-size: 4rem;}
.xhsl_yw span{ font-size: 2.75rem;}
.xhsl_zw{ padding-top: 50px;}
.xhsl_zw h1{ font-size: 3.125rem; font-weight: bold;}
.xhsl_zw p{ font-size: 1.875rem; padding-top: 10px;}
.xhsl_zw span{ font-size: 1.5rem; color: rgba(255,255,255,0.5); padding-top: 10px; display: block;}
.xhsl_bga{ width: 100%; padding: 2.8% 0;}
.xhsla_tit{ text-align: center; color: #000; font-size: 1.5rem; padding-bottom: 40px;}
.xhsla_tit p:nth-child(1){ font-family: 'Dfontb';}
.xhsla_pic{position: relative; background: #000;}
.xhsla_pic img{ display: block; width: 100%;}
.xhsla_pic p{ position: absolute; width: 100%; height: 80px; line-height: 80px; color: #fff; text-align: center; font-size: 1.5rem;}
.xhsla_kg{ padding: 2.8% 2.8% 0 2.8%;}
.xhsla_t{ display: grid; grid-template-columns: 61.84% 34.87%; justify-content: space-between;}
.xhsla_c{ padding-top: 55px;}
.xhsla_c ul{ display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 0 25px;}
.xhsla_c li{overflow: hidden; border-radius: 50%;}
.xhsla_c li img{ display: block; width: 100%;}
.xhsla_ms{ padding-top: 50px; text-align: center;}
.xhsla_ms p{ color: #000; font-size: 1.5rem;}
.xhsla_ms span{ display: block; color: rgba(0,0,0,.5); font-size: 1.25rem; margin-top: 15px; font-family: Arial;}
.xhsla_b{ padding-top: 55px; display: grid; grid-template-columns: 70.953% auto; align-items: center;}
.xhslab_wb{ text-align: center;}
.xhslab_logo img{ max-width: 64%;}
.xhslab_mc{ font-size: 1.25rem; color: #000; padding-top: 20px;}
@media screen and (max-width:1600px){
.xhsla_pic p{ line-height: 60px; height: 60px; font-size: 1.25rem;}
.xhsla_ms p{font-size: 1.25rem;}
.xhsla_ms span{font-size: 1rem;}
.xhsla_ms span br{ display: none;}
}
@media screen and (max-width:1300px){
.xhsla_pic p{ line-height: 50px; height: 50px;}
}
@media screen and (max-width:1279px){
.xhsl_logo img{ height: 40px;}
.xhsl_yw p{ font-size: 2.5rem;}
.xhsl_yw span{ font-size: 2rem;}
.xhsl_zw{ padding-top: 20px;}
.xhsl_zw h1{ font-size: 2.25rem;}
.xhsl_zw p{ font-size: 1.5rem; padding-top: 5px;}
.xhsl_zw span{ font-size: 1.25rem; padding-top: 5px;}
.xhsla_pic p{ line-height: 42px; height: 42px; font-size: 1rem;}
.xhsla_ms p{font-size: 1.125rem;}
.xhsla_ms span{font-size: 0.875rem;}
.xhsla_c{ padding-top: 35px;}
.xhsla_ms{ padding-top: 30px;}
}
@media screen and (max-width:1023px){
.xhsl_logo img{ height: 30px;}
.xhsl_yw p{ font-size: 2rem;}
.xhsl_yw span{ font-size: 1.5rem;}
.xhsl_zw{ padding-top: 15px;}
.xhsl_zw h1{ font-size: 1.875rem;}
.xhsl_zw p{ font-size: 1.25rem;}
.xhsl_zw span{ font-size: 1.125rem;}
.xhsla_tit{ padding-bottom: 20px;}
.xhsla_c ul{grid-gap: 0 15px;}
.xhsla_ms p,.xhslab_mc{ font-size: 1rem;}
.xhsla_pic p{ line-height: 30px; height: 30px;}
}
@media screen and (max-width:767px){
.xhsl_logo img{ height: 24px;}
.xhsl_po{top: 10%; right: 2%;}
.xhsl_yw p{ font-size: 1.375rem;}
.xhsl_yw span{ font-size: 1.125rem;}
.xhsl_zw{ padding-top: 5px;}
.xhsl_zw h1{ font-size: 1.375rem;}
.xhsl_zw p{ font-size: 1rem; padding-top: 0;}
.xhsl_zw span{ font-size: 1rem; padding-top: 0;}
.xhsla_tit{font-size: 1.125rem; padding-bottom: 10px; padding-top: 20px;}
.xhsla_pic p{ font-size: 0.8125rem; position: absolute; bottom: 0; left: 0; width: 96%; background: #000; padding: 5px 2%; line-height: 20px; height: 40px;}
.xhsla_c{ padding-top: 25px;}
.xhsla_c ul{grid-template-columns: repeat(2,1fr); grid-gap: 15px;}
.xhsla_ms{ padding-top: 25px;}
.xhsla_ms p, .xhslab_mc{ font-size: 0.9375rem;}
.xhsla_ms span{ font-size: 0.75rem;}
.xhsla_b{ padding-top: 25px;}
}

.xhsl_bgb{ background: url(../images/xhsl_bgb.jpg) no-repeat center fixed; width: 100%; padding: 290px 0 280px 0; overflow: hidden;}
.xhslb_tit{ text-align: center; color: #fff;}
.xhslb_tit p{ font-size: 3.125rem; font-family: 'Dfontb';}
.xhslb_tit h2{ font-size: 3.125rem; font-weight: bold;}
.xhslb_tit span{ font-size: 1.5rem; display: block; padding-top: 8px;}
.xhsl_bgc{ padding: 2.8%; background: #fff;}
.xhsl_bgc ul{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 55px;}
.xhsl_bgc li img{ display: block; width: 100%;}
.xhsl_bgd{ background: url(../images/xhsl_bgd.jpg) no-repeat center fixed; width: 100%; padding: 290px 0 280px 0; overflow: hidden;}
.xhsl_bge{ padding: 2.1875%; background: #fff;}
.xhsle_pic img{ display: block; width: 100%;}
.xhslea{ display: grid; grid-template-columns: 81.5% 16.311%; justify-content: space-between;}
.xhslea_r{ display: grid; grid-template-rows: repeat(2,auto); align-content: space-between;}
.xhslea_mc{ width: 25px; font-size: 1.5rem; line-height: 1em; color: #000; padding-left: 6%;}
.xhsleb{ padding-top: 40px; padding-bottom: 45px; display: grid; grid-template-columns: auto 84.01%; justify-content: end; grid-gap: 0 60px;}
.xhsleb_mc{ width: 24px; font-size: 1.5rem; line-height: 1em; color: #000;}
.xhsleb_mc span{ color: #ff0000;}
.xhslec_mc{ height: 65px; line-height: 65px; text-align: center; color: #000; font-size: 1.5rem;}
.xhsled{ display: grid; grid-template-columns: 73.7% 24.44%; justify-content: space-between; align-items: end; padding-bottom: 45px;}
.xhsle_mc{ font-size: 1.5rem; color: #000; padding-bottom: 20px;}
.xhslee{ display: grid; grid-template-columns: 77.1% 21.06%; justify-content: space-between; align-items: end; padding-bottom: 45px;}
.xhslee_gd{ position: relative;}
.xhslee_tit{ text-align: center; color: #000; padding-bottom: 45px;}
.xhslee_tit p{ font-size: 3.125rem; font-family: 'Dfontb';}
.xhslee_tit h2{ font-size: 3.125rem; line-height: 1em;}
.xhslee_nr li{ float: left; width: 25%;}
.xhslee_nr li a{display: block; margin: 0 2%;}
.xhslee_nr li img{ display: block; width: 100%;}
@media screen and (max-width:1600px){
.xhsl_bgc ul{grid-gap: 36px;}
.xhslea_mc{ width: auto;}
.xhslee_tit p{ font-size: 2.5rem;}
.xhslee_tit h2{ font-size: 2.25rem;}
}
@media screen and (max-width:1300px){
.xhslea_mc,.xhsle_mc{font-size: 1.25rem;}
}
@media screen and (max-width:1279px){
.xhsl_bgb,.xhsl_bgd{ background-attachment: inherit; background-size: cover; padding: 200px 0 200px 0;}
.xhslb_tit p{ font-size: 2.5rem;}
.xhslb_tit h2{ font-size: 2.5rem;}
.xhslb_tit span{ font-size: 1.25rem; padding-top: 5px;}
.xhsl_bgc ul{grid-gap: 25px;}
.xhslea_mc, .xhsle_mc{ font-size: 1.125rem;}
.xhslee_tit p{ font-size: 2.25rem;}
.xhslee_tit h2{ font-size: 2rem;}
}
@media screen and (max-width:1023px){
.xhsl_bgb,.xhsl_bgd{padding: 150px 0;}
.xhslb_tit p{ font-size: 2rem;}
.xhslb_tit h2{ font-size: 2rem;}
.xhslb_tit span{ font-size: 1.125rem;}
.xhsl_bgc ul{grid-gap: 15px;}
.xhsleb_mc{font-size: 1.125rem;}
.xhslec_mc{ font-size: 1.25rem;}
.xhslee_nr{ overflow: hidden;}
.xhslee_nr li{ width: 33.333%;}
}
@media screen and (max-width:767px){
.xhsl_bgb,.xhsl_bgd{padding: 70px 0;}
.xhslb_tit p{ font-size: 1.125rem;}
.xhslb_tit h2{ font-size: 1.5rem;}
.xhslb_tit span{ font-size: 0.9375rem; padding: 0 4%;}
.xhsl_bgc ul{grid-gap: 8px;}
.xhslea{ grid-template-columns: 1fr;}
.xhslea_mc{ height: 40px; line-height: 40px; font-size: 1rem;}
.xhslea_mc br{ display: none;}
.xhsleb{ grid-template-columns: 1fr; padding-top: 20px; grid-gap: 0; padding-bottom: 20px;}
.xhsleb_mc{ width: auto; height: 30px; line-height: 30px; font-size: 1rem; text-align: center;}
.xhslec_mc{ font-size: 1rem; line-height: 40px; height: 40px;}
.xhsled{ grid-template-columns: 1fr; padding-bottom: 20px;}
.xhsle_mc{ height: 40px; line-height: 40px; font-size: 1rem; padding-bottom: 0; text-align: center;}
.xhslee{ grid-template-columns: 1fr; padding-bottom: 35px;}
.xhslee_tit{ padding-bottom: 15px;}
.xhslee_tit p{ font-size: 1.25rem;}
.xhslee_tit h2{ font-size: 1.5rem;}
.xhslee_nr li{ width: 50%;}
}
/*雄厚实力*/

/*创新锥形*/
.cxzx_banner{position: relative;}
.cxzx_pic img{ display: block; width: 100%;}
.cxzx_po{ position: absolute; width: 100%; left: 0; top: 15%; text-align: center; color: #fff;}
.cxzx_bt p{ font-size: 5rem; font-family: 'Dfontb';}
.cxzx_bt h1{font-size: 5rem; font-weight: bold; line-height: 1em;}
.cxzx_ms{ color: #fff; padding-top: 30px;}
.cxzx_ms p{ font-size: 3.125rem;}
.cxzx_ms span{ font-family: 'Dfontb'; font-size: 1.625rem;}
@media screen and (max-width:1680px){
.cxzx_bt p{ font-size: 4rem;}
.cxzx_bt h1{font-size: 4rem;}
.cxzx_ms{ padding-top: 20px;}
.cxzx_ms p{ font-size: 2.5rem;}
.cxzx_ms span{font-size: 1.25rem;}
}
@media screen and (max-width:1500px){
.cxzx_bt p{ font-size: 3rem;}
.cxzx_bt h1{font-size: 3rem;}
.cxzx_ms{ padding-top: 20px;}
.cxzx_ms p{ font-size: 2.25rem;}
.cxzx_ms span{font-size: 1.125rem;}
}
@media screen and (max-width:1365px){
.cxzx_bt p{ font-size: 2.5rem;}
.cxzx_bt h1{font-size: 2.5rem;}
.cxzx_ms{ padding-top: 15px;}
.cxzx_ms p{ font-size: 2rem;}
.cxzx_ms span{font-size: 1rem;}
}
@media screen and (max-width:1279px){
.cxzx_bt p{ font-size: 2.25rem;}
.cxzx_bt h1{font-size: 2.25rem;}
.cxzx_ms{ padding-top: 10px;}
.cxzx_ms p{ font-size: 1.875rem;}
}
@media screen and (max-width:1023px){
.cxzx_bt p{ font-size: 2rem;}
.cxzx_bt h1{font-size: 2rem;}
.cxzx_ms p{ font-size: 1.625rem;}
.cxzx_ms span{font-size: 0.875rem;}
}
@media screen and (max-width:767px){
.cxzx_bt p{ font-size: 1.375rem;}
.cxzx_bt h1{font-size: 1.375rem;}
.cxzx_ms p{ font-size: 1rem;}
.cxzx_ms span{font-size: 0.75rem;}
}

.cxzx_bga{ background: #fff; padding: 40px 0 70px 0; margin: 0 auto; width: 96%; max-width: 1776px;}
.cxzxa_title{ background: url(../images/cxzx_btbg.png) no-repeat center; height: 129px; text-align: center; font-size: 3.125rem; color: #535353; line-height: 1.125em;}
.cxzxa_title h2{ font-weight: bold; padding-top: 10px;}
.cxzxa_title p{ font-family: 'Dfontb';}
.cxzxa_top{ background: #ccc; padding: 1.8%; display: grid; grid-template-columns: repeat(2,47.25%); justify-content: space-between;}
.cxzxat_bt{ color: #000;}
.cxzxat_bt::before{ content: ''; width: 33px; height: 33px; background: #000; display: block; margin-bottom: 20px;}
.cxzxat_bt p{ font-family: 'Dfontb'; font-size: 3.125rem; line-height: 1em;}
.cxzxat_bt h3{ font-size: 3.125rem; font-weight: bold; line-height: 110px;}
.cxzxat_ms{ padding-top: 30px; color: #000; font-size: 1.5rem; line-height: 42px;}
.cxzxat_bz{padding-top: 30px; color: #000; font-size: 1.5rem; line-height: 42px;}
.cxzxat_bz span{ color: #f00;}
.cxzxat_en{ color: rgba(0,0,0,.5); font-family: Arial; line-height: 24px; padding-top: 100px;}
.cxzxat_r{ display: grid; grid-gap: 40px 0;}
.cxzxa_lt{ display: grid; grid-template-columns: 61% 34.25%; justify-content: space-between;}
.cxzxa_pic img{ display:block; width: 100%;}
.cxzxa_bom{ background: #ccc; padding: 1.8%; display: grid; grid-template-columns: 39.26% 28.1% 1fr; justify-content: space-between; margin-top: 35px; grid-gap: 0 25px;}
.cxzxa_wb{ display: grid; grid-template-rows: repeat(2,auto); align-content: space-between;}
.cxzxab_ch{ color: #e60012;}
.cxzxab_bt{ font-size: 1.875rem;}
.cxzxab_bt p{ font-family: 'Dfontb'; margin-bottom: 8px;}
.cxzxab_bt h3{ font-weight: bold;}
.cxzxab_ms{ font-size: 1.875rem; color: #e60012;}
.cxzxab_en{ color: rgba(0, 0, 0, 0.5); line-height: 24px;}
@media screen and (max-width:1680px){
.cxzxa_title{ font-size: 2.5rem;}
.cxzxat_bt p{font-size: 2.5rem;}
.cxzxat_bt h3{ font-size: 2.5rem; line-height: 80px;}
.cxzxat_ms,.cxzxat_bz{ font-size: 1.25rem; line-height: 36px;}
.cxzxab_bt{ font-size: 1.5rem;}
.cxzxab_ms{ font-size: 1.5rem; margin-top: 10px;}
.cxzxab_en{ font-size: 0.875rem;}
}
@media screen and (max-width:1500px){
.cxzxa_title{ font-size: 2.25rem; background-size: auto 100%; height: 100px;}
.cxzxa_top{grid-template-columns: repeat(2,48.5%);}
.cxzxat_bt p{ font-size: 2.25rem;}
.cxzxat_bt h3{ font-size: 2.25rem; line-height: 60px;}
.cxzxat_ms, .cxzxat_bz{ font-size: 1.125rem;}
.cxzxat_en{ font-size: 0.9375rem; padding-top: 70px;}
.cxzxab_ms{ font-size: 1.25rem;}
.cxzxab_en{ line-height: 20px;}
.cxzxb_bt{ font-size: 2rem;}
}
@media screen and (max-width:1365px){
.cxzxat_ms, .cxzxat_bz{ font-size: 1rem; line-height: 32px;}
.cxzxat_en{ padding-top: 50px;}
.cxzxab_ms{ font-size: 1rem;}
.cxzxab_bt p{ margin-bottom: 5px;}
.cxzxab_en{ font-size: 0.75rem;}
}
@media screen and (max-width:1279px){
.cxzxat_bt::before{ width: 23px; height: 23px;}
.cxzxb_bt{ font-size: 2.5rem;}
.cxzxat_bt p{ font-size: 1.875rem;}
.cxzxat_bt h3{ font-size: 1.875rem; line-height: 50px;}
.cxzxat_ms{ padding-top: 15px;}
.cxzxat_ms p{ line-height: 22px; margin-bottom: 8px;}
.cxzxat_ms, .cxzxat_bz{ font-size: 1rem; line-height: 24px;}
.cxzxat_bz{ padding-top: 15px;}
.cxzxat_en{ font-size: 0.8125rem; line-height: 20px; padding-top: 20px;}
.cxzxat_r{ grid-gap: 25px 0;}
.cxzxab_bt{ font-size: 1.25rem;}
.cxzxab_bt p{ padding-bottom: 0;}
.cxzxab_ms{ font-size: 0.875rem;}
.cxzxab_en{ line-height: 18px;}
}
@media screen and (max-width:1023px){
.cxzxa_title{ height: 80px; font-size: 1.875rem;}
.cxzxa_top{ padding: 2%; grid-template-columns: 1fr; grid-gap: 25px 0;}
.cxzxa_bom{ padding: 2%; grid-template-columns: 56.28% 40.2%; margin-top: 25px; grid-gap: 15px 0;}
.cxzxa_wb{grid-column-start: span 2;}
}
@media screen and (max-width:767px){
.cxzx_bga{ padding-bottom: 40px;}
.cxzxa_title{ height: 60px; font-size: 1.375rem;}
.cxzxat_bt::before{ width: 18px; height: 18px; margin-bottom: 15px;}
.cxzxat_bt p{ font-size: 1.5rem;}
.cxzxat_bt h3{ font-size: 1.5rem; line-height: 40px;}
.cxzxat_bt h3{ font-size: 1.25rem;}
.cxzxat_ms, .cxzxat_bz{ font-size: 0.875rem; line-height: 22px;}
.cxzxat_ms p{ line-height: 20px; margin-bottom: 5px;}
.cxzxat_en{ font-size: 0.75rem; line-height: 18px;}
.cxzxat_r{ grid-gap: 15px 0;}
}

.cxzx_bgb{position: relative;}
.cxzxb_bg img{ display: block; width: 100%;}
.cxzxb_bt{ position: absolute; top: 37%; left: 0; width: 100%; color: #fff; font-size: 3.125rem; text-align: center;}
.cxzxb_bt p{font-family: 'Dfontb';}
.cxzxb_bt h2{ font-weight: bold;}
@media screen and (max-width:1680px){
.cxzxb_bt{ font-size: 2.5rem;}
}
@media screen and (max-width:1279px){
.cxzxb_bt{ font-size: 2rem;}
}
@media screen and (max-width:1023px){
.cxzxb_bt{ font-size: 1.875rem;}
}
@media screen and (max-width:767px){
.cxzxb_bt{ font-size: 1.25rem; top: 23%;}
}

.cxzx_bgc{ background: #fff; padding: 0px 0 70px 0; margin: 0 auto; width: 96%; max-width: 1776px;}
.cxzxc_top{background: #cfcfcf; padding: 1.8%; display: grid; grid-template-columns: 70.04% 1fr; grid-gap: 0 31px;}
.cxzxct_l{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 0 31px;}
.cxzxct_bt p{ font-size: 3.125rem; font-family: 'Dfontb'; color: #000; line-height: 0.8em;}
.cxzxct_bt h3{ font-size: 1.875rem; font-weight: bold; color: #000;}
.cxzxct_ms p{ margin-top: 30px; line-height: 36px; font-size: 1.5rem; color: #000;}
.cxzxct_ms span{ color: #f00;}
.cxzxc_cen{background: #b8b8b8; padding: 1.8%; display: grid; grid-template-columns: 70.04% 1fr; grid-gap: 0 31px;}
.cxzxct_yw{ color: rgba(0, 0, 0, 0.5); line-height: 24px; padding-top: 60px;}
.cxzxc_bom{background: #a0a0a0; padding: 1.8%;}
.cxzxc_bom ul{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 0 25px;}
.cxzxcb_mc{ height: 50px; line-height: 50px; color: #fff; text-align: center; font-size: 1.5rem;}
@media screen and (max-width:1680px){
.cxzxct_bt p{ font-size: 2.5rem;}
.cxzxct_bt h3{ font-size: 1.5rem;}
.cxzxct_ms p{ font-size: 1.25rem; line-height: 30px;}
.cxzxcb_mc{font-size: 1.25rem;}
}
@media screen and (max-width:1500px){
.cxzxct_ms p{ font-size: 1.125rem; line-height: 28px; margin-top: 20px;}
.cxzxcb_mc{font-size: 1.125rem; height: 40px; line-height: 40px;}
}
@media screen and (max-width:1365px){
.cxzxct_ms p{ font-size: 1rem; line-height: 26px; margin-top: 15px;}
.cxzxcb_mc{font-size: 1rem;}
}
@media screen and (max-width:1279px){
.cxzxc_top{padding: 2%; grid-template-columns: 1fr; grid-gap: 25px 0;}
.cxzxc_cen{padding: 2%; grid-template-columns: 1fr; grid-gap: 25px 0;}
.cxzxct_yw{ padding-top: 25px;}
}
@media screen and (max-width:1023px){
.cxzxc_bom ul{ grid-gap: 0 15px;}
.cxzxcb_mc{ line-height: 24px; height: 48px;}
}
@media screen and (max-width:767px){
.cxzx_bgc{ padding-bottom: 40px;}
.cxzxc_top{grid-gap: 15px 0;}
.cxzxct_l{grid-gap: 0 8px;}
.cxzxct_bt p{ font-size: 2rem;}
.cxzxct_bt h3{ font-size: 1.25rem;}
.cxzxct_ms p{ font-size: 0.9375rem; line-height: 24px;}
.cxzxct_yw{ font-size: 0.75rem; line-height: 18px; padding-top: 15px;}
.cxzxc_bom ul{ grid-gap: 0 7px;}
.cxzxcb_mc{ font-size: 0.875rem; line-height: 20px; height: 66px; margin: 5px 0;}
}

.cxzx_bgd{background: #fff; padding: 0px 0 50px 0; margin: 0 auto; width: 96%; max-width: 1776px;}
.cxzxd_tit{ text-align: center; color: #000; padding-bottom: 35px; font-size: 3.125rem;}
.cxzxd_tit p{ font-family: 'Dfontb';}
.cxzxd_tit h2{ font-weight: bold; line-height: 1em;}
.cxzx_bgd ul{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 20px;}
.cxzxcd_mc{ text-align: center; font-size: 1.5rem; height: 50px; line-height: 50px; color: #000;}
@media screen and (max-width:1680px){
.cxzxd_tit{ font-size: 2.5rem;}
.cxzxcd_mc{ font-size: 1.25rem;}
}
@media screen and (max-width:1500px){
.cxzxd_tit{ font-size: 2.25rem;}
.cxzxcd_mc{ font-size: 1.125rem;}
}
@media screen and (max-width:1365px){
.cxzxcd_mc{ font-size: 1rem; height: 40px; line-height: 40px;}
}
@media screen and (max-width:1023px){
.cxzxd_tit{ font-size: 2rem;}
.cxzxcd_mc{ font-size: 1rem; overflow: hidden;}
}
@media screen and (max-width:767px){
.cxzxd_tit{ font-size: 1.5rem; padding-bottom: 20px;}
.cxzx_bgd ul{ grid-template-columns: repeat(2,1fr); grid-gap: 8px;}
.cxzxcd_mc{ font-size: 0.875rem; line-height: 32px; height: 32px;}
}
/*创新锥形*/

/*高端定制*/
.gddz_banner{position: relative;}
.gddz_bg img{ display: block; width: 100%;}
.gddz_po{ position: absolute; width: 100%; left: 0; top: 27%; text-align: center; color: #fff;}
.gddz_tit p{ font-size: 6.25rem; font-family: 'Dfontb';}
.gddz_tit h1{ font-size: 5rem; font-weight: bold; line-height: 1.125em;}
.gddz_ms{ display: inline-block; border-top: 1px solid #fff; padding-top: 30px; margin-top: 30px; position: relative;}
.gddz_ms::before{ content: ''; width: 13px; height: 13px; background: #fff; position: absolute; left: 50%; top: -7px; margin-left: -7px; transform: rotate(45deg);}
.gddz_ms p{ font-size: 3.125rem; padding-bottom: 8px;}
.gddz_ms span{ font-size: 2.25rem; font-family: 'Dfontb';}
@media screen and (max-width:1680px){
.gddz_tit p{ font-size: 4rem;}
.gddz_tit h1{ font-size: 3em;}
.gddz_ms p{ font-size: 2.25rem;}
.gddz_ms span{ font-size: 1.625rem;}
}
@media screen and (max-width:1279px){
.gddz_tit p{ font-size: 3rem;}
.gddz_tit h1{ font-size: 2.5em;}
.gddz_ms p{ font-size: 2rem;}
.gddz_ms span{ font-size: 1.5rem;}
}
@media screen and (max-width:1023px){
.gddz_tit p{ font-size: 2.5rem;}
.gddz_tit h1{ font-size: 2em;}
.gddz_ms p{ font-size: 1.875rem;}
.gddz_ms span{ font-size: 1.25rem;}
}
@media screen and (max-width:767px){
.gddz_po{top: 20%;}
.gddz_tit p{ font-size: 1.5rem;}
.gddz_tit h1{ font-size: 1.5em;}
.gddz_ms{ margin-top: 15px; padding-top: 15px;}
.gddz_ms::before{ width: 10px; height: 10px; top: -5px; margin-left: -5px;}
.gddz_ms p{ font-size: 1.125rem; padding-bottom: 5px;}
.gddz_ms span{ font-size: 0.875rem; width: 94%; margin: 0 auto; display: block;}
}

.gddz_bga{ padding: 37px; background: #fff; display: grid; grid-template-columns: 71.41% 1fr; grid-gap: 0 30px;}
.gddz_pic img{ display: block; width: 100%;}
.gddza_r{ display: grid; grid-template-rows: repeat(2,auto); align-content: space-between;}
.gddza_wb{ text-align: center; color: #000;}
.gddza_logo img{ max-width: 80%;}
.gddza_bt{ padding-top: 20px;}
.gddza_bt p{ font-size: 2.5rem; font-family: 'Dfontb';}
.gddza_bt h2{ font-size: 3.125rem; font-weight: bold;}
.gddza_bt span{ font-size: 1.875rem;}
.gddza_r .gddz_pic{overflow: hidden; border-radius: 50%;}
@media screen and (max-width:1680px){
.gddza_logo img{ max-width: 60%;}
.gddza_bt p{ font-size: 1.625rem;}
.gddza_bt h2{ font-size: 2.5rem;}
.gddza_bt span{ font-size: 1.5rem;}
}
@media screen and (max-width:1279px){
.gddza_bt p{ font-size: 1.25rem;}
.gddza_bt h2{ font-size: 2rem;}
.gddza_bt span{ font-size: 1.25rem;}
}
@media screen and (max-width:1023px){
.gddz_bga{ grid-gap: 0 15px; padding: 2%;}
.gddza_bt{ padding-top: 10px;}
.gddza_bt p{ font-size: 1rem;}
.gddza_bt h2{ font-size: 1.375rem;}
.gddza_bt span{ font-size: 1rem;}
}
@media screen and (max-width:767px){
.gddz_bga{grid-template-columns: 1fr; grid-gap: 20px 0px; padding-bottom: 40px;}
.gddza_r{grid-gap: 15px 0px;}
.gddza_logo img{ max-width: 50%;}
}

.gddz_bgb{position: relative;}
.gddzb_bg img{ display: block; width: 100%;}
.gddzb_po{position: absolute; width: 100%; left: 0; top: 30%; color: #fff; text-align: center;}
.gddzb_bt{ padding-bottom: 28px; position: relative;}
.gddzb_bt p{ font-family: 'Dfontb'; font-size: 3.125rem;}
.gddzb_bt h2{ font-size: 3.125rem; font-family: 'Dfontb'; font-weight: bold;}
.gddzb_bt::after{ content: ''; width: 70%; height: 1px; background: #fff; left: 15%; bottom: 0; position: absolute;}
.gddzb_bt::before{ content: ''; width: 61px; height: 21px; margin-left: -30px; position: absolute; left: 50%; bottom: -10px; background: url(../images/gddzb_dd.png) no-repeat;}
.gddzb_ms{ padding-top: 50px; color: rgba(255,255,255,0.5);}
.gddzb_ms p{ font-size: 1.5rem;}
.gddzb_ms span{ font-size: 1.25rem;}
@media screen and (max-width:1400px){
.gddzb_bt p{ font-size: 2.5rem;}
.gddzb_bt h2{ font-size: 2.5rem;}
.gddzb_ms p{ font-size: 1.375rem;}
.gddzb_ms span{ font-size: 1.125rem;}
}
@media screen and (max-width:1279px){
.gddzb_po{top: 25%;}
.gddzb_bt p{font-size: 2rem;}
.gddzb_bt h2{ font-size: 2rem;}
.gddzb_ms p{ font-size: 1.25rem;}
.gddzb_ms span{ font-size: 1rem;}
}
@media screen and (max-width:1023px){
.gddzb_po{top: 20%;}
.gddzb_bt p{font-size: 1.5rem;}
.gddzb_bt h2{ font-size: 1.5rem;}
.gddzb_ms{ padding-top: 30px;}
.gddzb_ms p{ font-size: 1.125rem;}
.gddzb_ms span{ font-size: 0.875rem;}
}
@media screen and (max-width:767px){
.gddz_bgb{position: relative; background: url(../images/gddz_bgb.jpg) no-repeat center; background-size: cover;}
.gddzb_bg{ display: none;}
.gddzb_po{position: relative; left: auto; top: auto; padding: 35px 0;}
.gddzb_bt p{font-size: 1.125rem;}
.gddzb_bt h2{ font-size: 1.375rem;}
.gddzb_ms{ padding-top: 20px;}
.gddzb_ms p{ font-size: 1rem;}
.gddzb_ms span{ font-size: 0.75rem;}
}

.gddz_bgc{ padding: 40px 0 100px 0; width: 96%; margin: 0 auto; max-width: 1690px;}
.gddzc_tit{text-align: center;}
.gddzc_logo img{height: 84px;}
.gddzc_bt{ font-family: 'Dfontb'; padding-top: 15px;}
.gddzc_bt span{ color: rgba(0, 0, 0, 0.5); font-size: 1.25rem;}
.gddzc_bt p{font-size: 5rem; color: #000; line-height: 1em; text-shadow: 0px 8px 1px rgba(0, 0, 0, 0.2);}
.gddzc_nr{ padding-top: 30px;}
.gddzc_nr li{ display: grid; grid-template-columns: 1fr 35.92% 1fr;}
.gddzc_c img{ display: block; width: 100%;}
.gddzc_l{ width: 84%;}
.gddzc_sz{ font-size: 7.5rem; color: #000; font-family: 'Dfontb'; padding: 25px 0;}
.gddzc_mc{ border-top: 1px solid #b8b4b5; border-bottom: 1px solid #b8b4b5; padding: 30px 0; color: rgba(0, 0, 0, 0.75); font-size: 1.875rem; line-height: 46px;}
.gddzc_mc span{ font-family: 'Dfontb';}
.gddzc_ms{ font-size: 1.5rem; color: rgba(0,0,0,0.75); padding-top: 20px; line-height: 36px;}
.gddzc_r{text-align: right; position: relative; color: rgba(0, 0, 0, 0.4); font-size: 1.25rem; padding-top: 20px; font-family: 'Dfontb'; line-height: 30px;}
.gddzc_r::before{ content: ''; width: 14px; height: 7px; background: #ccc; display: block; position: absolute; right: 0; top: 0;}
.gddzc_nr li:nth-child(2){ align-items: end;}
.gddzc_nr li:nth-child(2) .gddzc_r{ text-align: left;}
.gddzc_nr li:nth-child(2) .gddzc_r::before{ left: 0;}
.gddzc_nr li:nth-child(2) .gddzc_l{ width: 88%; margin-left: 12%; margin-bottom: 30px; text-align: right;}
@media screen and (max-width:1400px){
.gddz_bgc{ padding: 40px 0 80px 0;}
.gddzc_bt p{ font-size: 3rem;}
.gddzc_sz{ font-size: 5rem; padding: 10px 0;}
.gddzc_mc{ padding: 20px 0; line-height: 30px; font-size: 1.625rem;}
.gddzc_ms{ font-size: 1.375rem; line-height: 30px;}
.gddzc_r{ font-size: 1.125rem;}
}
@media screen and (max-width:1279px){
.gddzc_bt p{ font-size: 2.5rem;}
.gddzc_sz{ font-size: 3rem; padding: 0;}
.gddzc_mc{ font-size: 1.375rem;}
.gddzc_mc span{ font-size: 1rem;}
.gddzc_ms{ font-size: 1rem;}
.gddzc_r{ font-size: 1rem;}
}
@media screen and (max-width:1023px){
.gddzc_logo img{height: 64px;}
.gddzc_bt p{ font-size: 2rem; text-shadow: 0px 4px 1px rgba(0, 0, 0, 0.2);}
.gddzc_mc{ font-size: 1.125rem; padding: 10px 0;}
.gddzc_mc span{ font-size: 0.875rem; line-height: 20px;}
.gddzc_ms{ font-size: 0.875rem; line-height: 26px; padding-top: 10px;}
.gddzc_nr li:nth-child(2) .gddzc_l{margin-bottom: 10px;}
}
@media screen and (max-width:767px){
.gddz_bgc{ padding: 40px 0 50px 0;}
.gddzc_logo img{height: 50px;}
.gddzc_bt{ padding-top: 10px;}
.gddzc_bt p{ font-size: 1.5rem;}
.gddzc_nr{ padding-top: 25px;}
.gddzc_nr li{ grid-template-columns: 1fr 50%;}
.gddzc_nr li:nth-child(2){ margin-top: 25px;}
.gddzc_r{ display: none;}
.gddzc_sz{ font-size: 2rem;}
.gddzc_mc{ font-size: 0.875rem; padding: 5px 0;}
.gddzc_mc p{ line-height: 24px;}
.gddzc_mc span{ font-size: 0.75rem; line-height: 18px; margin-top: 5px;}
.gddzc_ms{ font-size: 0.75rem; line-height: 20px; padding-top: 5px;}
.gddzc_nr li:nth-child(2) .gddzc_l{margin-bottom: 0px;}
}

.gddz_bgd{padding: 40px 0 70px 0; width: 96%; margin: 0 auto; max-width: 1690px;}
.gddzd_nr{ padding-left: 33.3%; position: relative;}
.gddzd_nr::after{position: absolute; content: ''; width: 32.3%; height: 1px; background: #898284; left: -0.3%; top: 45px;}
.gddzd_tit h2{ font-size: 3.75rem; color: rgba(0,0,0,.5);}
.gddzd_tit p{ font-size: 1.875rem; font-family: 'Dfontb','Microsoft YaHei'; color: #000;}
.gddzd_tit span{ font-size: 1.5rem; color: rgba(0,0,0,.5);}
.gddzd_nr ul{ padding-top: 30px; display: grid; grid-template-columns: repeat(3,auto); justify-content: space-between; grid-gap: 60px 0;}
.gddzd_nr h3{ color: #000; font-size: 1.5rem;}
.gddzd_nr span{ font-family: 'Dfontb'; padding-right: 15px;}
.gddzd_nr em{ font-style: normal; color: #ff0000;}
.gddzd_nr li p{ font-size: 1.25rem; line-height: 26px; color: #b9b9b9; margin-top: 10px;}
@media screen and (max-width:1400px){
.gddz_bgd{padding: 0px 0 70px 0;}
.gddzd_tit h2{ font-size: 2.5rem;}
.gddzd_nr::after{ top: 30px;}
.gddzd_tit p{ font-size: 1.5rem;}
.gddzd_tit span{ font-size: 1.25rem;}
.gddzd_nr ul{grid-gap: 20px 0;}
.gddzd_nr h3{ font-size: 1.25rem;}
.gddzd_nr li p{ font-size: 1rem; line-height: 24px;}
}
@media screen and (max-width:1023px){
.gddzd_nr{ padding-left: 0%;}
.gddzd_nr::after{ display: none;}
}
@media screen and (max-width:767px){
.gddz_bgd{padding: 0px 0 50px 0;}
.gddzd_tit h2{ font-size: 1.625rem;}
.gddzd_tit p{ font-size: 1.125rem;}
.gddzd_tit span{ font-size: 1rem;}
.gddzd_nr ul{ padding-top: 20px; grid-template-columns: repeat(2,auto); grid-gap: 20px 0;}
.gddzd_nr h3{ font-size: 1rem;}
.gddzd_nr span{ padding-right: 10px;}
.gddzd_nr li p{ font-size: 0.875rem; line-height: 22px; margin-top: 0;}
}

.gddz_bge{padding: 0px 0 100px 0; width: 96%; margin: 0 auto; max-width: 1690px;}
.gddze_nr{position: relative;}
.gddze_nr::after{ content: ''; width: 69.83%; right: 0; top: 160px; background: #e5e5e5; height: 100%; position: absolute;}
.gddze_pic{ width: 69.83%; position: relative; z-index: 9;}
.gddze_pic img{ display: block; width: 100%;}
.gddze_wb{ width: 69.83%; margin-left: 30.17%; padding-top: 190px;}
.gddze_wb ul{ display: grid; grid-template-columns: repeat(3,auto); justify-content: space-between;}
.gddze_wb li h3{ font-size: 1.875rem; color: #000;}
.gddze_wb li p{ font-size: 1.5rem; color: rgba(0,0,0,.5); line-height: 40px; margin-top: 25px;}
@media screen and (max-width:1400px){
.gddze_nr::after{ top: 80px;}
.gddze_wb{ padding-top: 110px;}
.gddze_wb li h3{ font-size: 1.5rem;}
.gddze_wb li p{ margin-top: 10px; font-size: 1.125rem; line-height: 30px;}
}
@media screen and (max-width:1279px){
.gddze_nr::after{ display: none;}
.gddze_pic{ width: 100%;}
.gddze_wb{ width: 100%; margin-left: 0%; padding-top: 40px;}
}
@media screen and (max-width:1023px){
.gddz_bge{padding: 0px 0 80px 0;}
.gddze_wb{padding-top: 30px;}
}
@media screen and (max-width:767px){
.gddz_bge{padding: 0px 0 50px 0;}
.gddze_wb{padding-top: 20px;}
.gddze_wb ul{grid-template-columns: repeat(2,auto); grid-gap: 15px 0;}
.gddze_wb li h3{ font-size: 1rem;}
.gddze_wb li p{ font-size: 0.875rem; line-height: 22px; margin-top: 5px;}
}

.gddz_bgf{ max-width: 1355px; width: 96%; margin: 0 auto;}
.gddz_bgf .gddzd_nr{ padding-left: 40%;}
.gddz_bgf .gddzd_nr::after{position: absolute; content: ''; width: 39%; height: 1px; background: #898284; left: -0.3%; top: 45px;}
.gddzd_ms{ padding-top: 40px;}
.gddzd_ms p{ color: rgba(0,0,0,.8); font-size: 1.5rem; line-height: 36px;}
.gddzd_ms p:nth-child(1){ margin-bottom: 80px; color: rgba(0,0,0,0.4);}
.gddzf_img{ padding-top: 70px;}
.gddzf_img img{ display: block; width: 100%;}
@media screen and (max-width:1400px){
.gddz_bgf .gddzd_nr::after{ top: 30px; width: 36%;}
.gddz_bgf .gddzd_nr{ padding-left: 37%;}
.gddzd_ms{ font-size: 20px;}
.gddzd_ms p{ font-size: 1.125rem; line-height: 30px;}
.gddzd_ms p:nth-child(1){ margin-bottom: 30px;}
}
@media screen and (max-width:1023px){
.gddz_bgf .gddzd_nr{ padding-left: 0%;}
.gddzd_ms{ padding-top: 15px;}
.gddzd_ms p{ font-size: 0.9375rem; line-height: 24px;}
.gddzd_ms p:nth-child(1){ margin-bottom: 20px;}
.gddzf_img{ padding-top: 20px;}
}

.gddz_bgg{max-width: 1355px; width: 96%; margin: 0 auto; padding-top: 140px; padding-bottom: 130px;}
.gddzg_ms{padding-top: 40px;}
.gddzg_ms p{color: rgba(0,0,0,.8); font-size: 1.5rem; line-height: 36px;}
.gddzg_ms span{ color: rgba(0,0,0,0.3);}
.gddz_bgg .gddzf_img{ padding-top: 50px;}
@media screen and (max-width:1400px){
.gddz_bgg{padding-top: 80px; padding-bottom: 90px;}
.gddzg_ms p{ font-size: 1.125rem; line-height: 30px;}
}
@media screen and (max-width:767px){
.gddz_bgg{padding-top: 40px; padding-bottom: 50px;}
.gddzg_ms{padding-top: 20px;}
.gddzg_ms p{ font-size: 0.9375rem; line-height: 24px;}
.gddz_bgg .gddzf_img{ padding-top: 20px;}
}

.gddz_bgh{position: relative;}
.gddzh_pic img{ display: block; width: 100%;}
.gddzh_po{ position: absolute; width: 100%; text-align: center; top: 5%;}
.gddzh_ywe{ color: #cfa972; font-size: 1.25rem; line-height: 20px; margin-top: 8px;}
.gddzh_bt{ padding-top: 35px; color: #cfa972;}
.gddzh_bt h2{font-size: 3.125rem; font-weight: bold;}
.gddzh_bt p{ font-size: 1.5rem; margin-top: 5px;}
.gddzh_logo{ padding-top: 15px;}
@media screen and (max-width:1400px){
.gddzh_bt h2{font-size: 2.5rem;}
.gddzh_bt p{ font-size: 1.25rem;}
}
@media screen and (max-width:1279px){
.gddzh_yw img{ height: 100px;}
.gddzh_bt h2{font-size: 2rem;}
.gddzh_bt p{ font-size: 1.125rem;}
}
@media screen and (max-width:1023px){
.gddzh_yw img{ height: 90px;}
.gddzh_ywe{ font-size: 1rem;}
.gddzh_bt{ padding-top: 15px;}
.gddzh_bt h2{font-size: 1.875rem;}
.gddzh_bt p{ font-size: 1rem;}
.gddzh_logo img{ height: 46px;}
}
@media screen and (max-width:767px){
.gddz_bgh{ background: url(../images/gddz_08.jpg) no-repeat center; background-size: cover; width: 100%; padding: 40px 0 50px 0;}
.gddzh_pic{ display: none;}
.gddzh_po{ position: relative; top: auto;}
.gddzh_yw img{ height: 60px;}
.gddzh_ywe{ font-size: 0.875rem;}
.gddzh_bt{ padding-top: 10px;}
.gddzh_bt h2{font-size: 1.5rem;}
.gddzh_logo img{ height: 40px;}
}

.gddz_bgi{ width: 96%; max-width: 1690px; margin: 0 auto; padding: 95px 0 60px 0;}
.gddzi_title{ color: #000; font-size: 3.125rem; text-align: center; padding-bottom: 15px;}
.gddzi_title p{ font-family: 'Dfontb';}
.gddzi_title h2{ font-weight: bold; line-height: 1em;}
.gddzi_bt{ text-align: center; line-height: 65px; height: 65px; color: #000; font-size: 1.5rem; background: url(../images/gddzi_btbg.png) no-repeat center;}
.gddzi_nr{ margin-top: 45px; position: relative;}
.gddzi_nr::before{ content: ''; width: 100%; height: 12px; background: #001c58; border-radius: 6px; position: absolute; left: 0; top: 50%; margin-top: -3px;}
.gddzi_nr ul{ display: grid; grid-template-columns: repeat(5,1fr); position: relative; z-index: 9;}
.gddzi_nr li{ text-align: center;}
.gddzi_nr li:nth-child(2n){ padding-top: 18%;}
.gddzi_mc{ height: 60px; line-height: 60px; font-size: 1.5rem; color: #d63b3f;}
.gddzi_nr li:nth-child(2n) .gddzi_mc{ color: #444d5c;}
@media screen and (max-width:1680px){
.gddzi_mc{ height: 50px; line-height: 50px; font-size: 1.25rem;}
}
@media screen and (max-width:1500px){
.gddzi_pic img{ width: 60%;}
.gddzi_mc{ height: 40px; line-height: 40px; font-size: 1.125rem;}
.gddzi_nr li:nth-child(2n){ padding-top: 16%;}
}
@media screen and (max-width:1400px){
.gddz_bgi{ padding: 65px 0;}
.gddzi_title{font-size: 2.5rem;}
.gddzi_mc{font-size: 1rem;}
}
@media screen and (max-width:1279px){
.gddzi_title{font-size: 2rem;}
.gddzi_bt{line-height: 60px; height: 60px; font-size: 1.125rem;}
.gddzi_nr li:nth-child(2n){ padding-top: 30%;}
.gddzi_mc{ height: 48px; padding: 5px 0; line-height: 24px;}
}
@media screen and (max-width:1023px){
.gddzi_nr::before{height: 6px; margin-top: 0px;}
.gddzi_nr li:nth-child(2n){ padding-top: 40%;}
}
@media screen and (max-width:767px){
.gddz_bgi{ padding: 40px 0 50px 0;}
.gddzi_title{font-size: 1.625rem;}
.gddzi_bt{line-height: 50px; height: 50px; font-size: 1rem;}
.gddzi_nr{ margin-top: 20px;}
.gddzi_nr::before{ display: none;}
.gddzi_nr ul{grid-template-columns: repeat(3,1fr); grid-gap: 25px 0;}
.gddzi_nr li:nth-child(2n){ padding-top: 0%;}
.gddzi_mc{ height: 40px; padding: 5px 0; line-height: 20px; font-size: 0.9375rem;}
}
/*高端定制*/

/*线下工厂*/
.xxgc_banner{ position: relative; width: 100%;}
.xxgc_img img{ display: block; width: 100%;}
.xxgc_po{position: absolute; width: 100%; text-align: center; left: 0; top: 24%; color: #fff;}
.xxgc_tit p{ font-family: 'Dfontb'; text-transform: uppercase; font-size: 5.625rem;}
.xxgc_tit h1{ font-size: 5.625rem; font-weight: bold;}
.xxgc_tit::after{ content: ''; width: 29px; height: 29px; transform: rotate(45deg); background: #fff; display: block; margin: 30px auto;}
.xxgc_bz p{ font-size: 3.125rem;}
.xxgc_bz span{ font-size: 1.875rem; color: rgba(255,255,255,0.5); margin-top: 15px;}

.xxgc .xhsl_bga{ padding-top: 0;}
@media screen and (max-width:1680px){
.xxgc_tit p{font-size: 4rem;}
.xxgc_tit h1{ font-size: 3rem;}
.xxgc_tit::after{width: 20px; height: 20px; margin: 20px auto;}
.xxgc_bz p{ font-size: 2.25rem;}
.xxgc_bz span{ font-size: 1.25rem;}
}
@media screen and (max-width:1279px){
.xxgc_tit p{font-size: 2.5rem;}
.xxgc_tit h1{ font-size: 2.25rem;}
.xxgc_tit::after{width: 14px; height: 14px; margin: 15px auto;}
.xxgc_bz p{ font-size: 1.875rem;}
.xxgc_bz span{ font-size: 1.125rem;}
}
@media screen and (max-width:1023px){
.xxgc_tit p{font-size: 2rem;}
.xxgc_tit h1{ font-size: 1.875rem;}
.xxgc_tit::after{width: 12px; height: 12px; margin: 12px auto;}
.xxgc_bz p{ font-size: 1.25rem;}
.xxgc_bz span{ font-size: 0.875rem;}
}
@media screen and (max-width:767px){
.xxgc_po{top: 15%;}
.xxgc_tit p{font-size: 1.125rem;}
.xxgc_tit h1{ font-size: 1.25rem;}
.xxgc_tit::after{width: 8px; height: 8px; margin: 10px auto;}
.xxgc_bz p{ font-size: 1rem;}
.xxgc_bz span{ font-size: 0.75rem;}
}
/*线下工厂*/

/*品牌力量*/
.brand_banner{position: relative;}
.brand_bg img{ display: block; width: 100%;}
.brand_po{ position: absolute; width: 100%; left: 0; top: 10%; color: #fff; text-align: center;}
.brand_en{ font-family: 'Dfonta';}
.brand_en p{ font-size: 6.25rem; line-height: 1em;}
.brand_en span{ font-size: 4.375rem; border-bottom: 1px solid #fff;}
.brand_ch{ font-size: 3.125rem; padding-top: 15px;}
.brand_cctv{ padding: 15px 0;}
.brand_bz{ color: rgba(255,255,255,0.5); font-size: 1.25rem;}

.brand_bga{ background: url(../images/brand_bga.jpg) no-repeat center 10%; width: 100%; padding-top: 45px; padding-bottom: 70px;}
.domea_tit{ text-align: center; color: #000; }
.domea_tit p{ font-size: 5rem; font-family: 'Dfontb'; line-height: 1em;}
.domea_tit h2{ font-size: 3.75rem; font-weight: bold; line-height: 1em;}
.domea_pic{ text-align: center; position: relative; margin-top: 40px;}
.domea_pic img{max-width: 100%; display: block; margin: 0 auto;}
.domea_pic p{position: absolute; bottom: 0; color: #000; font-size: 1.875rem; right: 14%;}
.branda_domeb{ padding-top: 55px; text-align: right; margin-right: 3.8%;}
.branda_domeb img{ max-width: 100%;}
.branda_domec{ text-align: center; padding-top: 20px;}
.branda_domec img{max-width: 100%;}
.branda_domec p{ text-align: right; margin-right: 23.6%; margin-top: 5px; font-size: 1.875rem; color: #000;}
.branda_domed{ padding-top: 30px;}
.branda_domed img{ display: block; width: 100%;}
.branda_domee{ margin-top: -325px; position: relative;}
.branda_domee img{width: 100%; display: block;}
.branda_domee p{position: absolute; right: 13%; top: 40%; font-size: 1.875rem; color: #000;}
.branda_domef{text-align: center; padding-top: 30px;}
.branda_domef img{ max-width: 100%;}
.branda_domeg{ width: 96%; max-width: 1740px; margin: 0 auto; padding-top: 35px; display: grid; grid-template-columns: 36.33% 1fr; grid-gap: 0 45px; align-items: center;}
.domeg_pic img{ display: block; width: 100%;}
.domeg_wb p:nth-child(1){ margin-bottom: 23px;}
.domeg_wb span{ display: block; font-size: 1.875rem; color: #000; margin-top: 80px;}
@media screen and (max-width:1680px){
.domea_tit p{ font-size: 4rem;}
.domea_tit h2{ font-size: 3rem;}
.domeg_wb img{ height: 70px;}
.domea_pic p,.branda_domec p,.branda_domee p,.domeg_wb span{font-size: 1.5rem;}
}
@media screen and (max-width:1500px){
.domea_tit p{ font-size: 3rem;}
.domea_tit h2{ font-size: 2.5rem;}
.domea_pic p,.branda_domec p,.branda_domee p,.domeg_wb span{font-size: 1.25rem;}
}
@media screen and (max-width:1365px){
.domea_pic p{ right: 10%;}
}
@media screen and (max-width:1279px){
.domea_tit p{ font-size: 2.5rem;}
.domea_tit h2{ font-size: 2rem;}
.domea_pic p,.branda_domee p{ right: 4%;}
}
@media screen and (max-width:1023px){
.brand_bga{ background-size: 100% auto;}
.domea_pic p,.branda_domec p,.branda_domee p,.domeg_wb span{font-size: 1rem;}
.domea_pic p,.branda_domee p{ right: 2%;}
.branda_domeg{grid-template-columns: 43% 1fr; grid-gap: 0 25px;}
.domeg_wb img{height: 50px;}
.domeg_wb span{ margin-top: 50px;}
.branda_domee{ margin-top: -15%;}
}
@media screen and (max-width:767px){
.brand_bga{ padding: 40px 0 50px 0;}
.domea_tit p{ font-size: 1.5rem;}
.domea_tit h2{ font-size: 1.375rem; margin: 8px 2% 0 2%;}
.domea_pic{ margin-top: 20px;}
.domea_pic p{ position: relative; padding-top: 10px;}
.branda_domeb{ padding-top: 15px;}
.branda_domeb{ margin-right: 0;}
.branda_domec p{ margin-right: 0; text-align: center;}
.branda_domed{ padding-top: 20px;}
.branda_domee p{ width: 40%; top: 25%; font-size: 0.9375rem; line-height: 22px;}
.branda_domef{ padding-top: 20px;}
.branda_domeg{ grid-template-columns: 1fr; grid-gap: 15px 0;}
.domeg_wb img{height: 44px;}
.domeg_wb span{ margin-top: 20px;}
}

.brand_bgb{ background: url(../images/brand_bgb.jpg) no-repeat center; width: 100%; padding-top: 200px; height: 419px;}
.brandb_bt{ color: #fff; text-align: center; font-size: 3.75rem;}
.brandb_bt p{ font-family: 'Dfontb';}
.brandb_bt h2{ display: inline-block; border-bottom: 1px solid #fff; font-weight: bold; padding-bottom: 12px;}
.brandb_bt span{ display: block; font-size: 2.25rem; padding-top: 10px;}
@media screen and (max-width:1680px){
.brand_bgb{ background-size: cover;}
.brandb_bt{ font-size: 3rem;}
.brandb_bt span{font-size: 2rem;}
}
@media screen and (max-width:1023px){
.brand_bgb{ padding: 150px 0; height: auto;}
.brandb_bt{ font-size: 2.5rem;}
.brandb_bt span{ font-size: 1.875rem;}
}
@media screen and (max-width:767px){
.brand_bgb{ padding: 70px 0; height: auto;}
.brandb_bt{ font-size: 1.375rem;}
.brandb_bt span{ font-size: 1rem;}
}

.brand_bgc{ width: 96%; max-width: 1830px; margin: 0 auto; padding: 40px 0; display: grid; grid-template-columns: 65.25% 32.6%; justify-content: space-between;}
.brandc_l img,.brandc_img img{ display: block; width: 100%;}
.brandc_r{ display: grid; align-content: space-between;}
.bradnc_bt{position: relative; padding-left: 30px; color: #000; font-size: 1.5rem; line-height: 30px;}
.bradnc_bt::before{ content: '◀'; position: absolute; left: 0; line-height: 60px; top: 0;}
.brandc_bz{padding-left: 30px; margin-top: 20px; font-size: 1.5rem; color: #000;}
.brandc_bz span{ color: rgba(0, 0, 0, 0.5);}
@media screen and (max-width:1680px){
.bradnc_bt{font-size: 1.25rem;}
.brandc_bz{font-size: 1.25rem;}
.brandc_bz span{ font-size: 0.875rem;}
}
@media screen and (max-width:1279px){
.bradnc_bt{ font-size: 1.125rem;}
}
@media screen and (max-width:1023px){
.bradnc_bt{ font-size: 0.9375rem; padding-left: 20px; line-height: 22px;}
.brandc_bz{ padding-left: 20px; font-size: 1rem;}
}
@media screen and (max-width:767px){
.brand_bgc{ grid-template-columns: 1fr; grid-gap: 20px 0;}
.bradnc_bt::before{line-height: 44px;}
.brandc_bz{ margin-top: 5px; padding-bottom: 10px;}
}
/*品牌力量*/

/*旗杆概况*/
.qggk_banner{position: relative;}
.qggk_bg img{ display: block; width: 100%;}
.qggk_po{position: absolute; width: 100%; top: 25%; left: 0; text-align: center; color: #fff;}
.qggk_po p{ font-size: 6.25rem; font-family: 'Dfontb';}
.qggk_po h1{ font-size: 5rem; font-weight: bold; position: relative; display: inline-block; padding-bottom: 20px;}
.qggk_po h1::before{ content: ''; position: absolute; bottom: 0; width: 80%; left: 10%; height: 1px; background: #fff;}
.qggk_po h1::after{ content: ''; width: 14px; height: 14px; background: #fff; transform: rotate(45deg); position: absolute; bottom: -6px; left: 50%; margin-left: -7px;}
.qggk_po span{ display: block; font-size: 1.875rem; padding-top: 20px;}
@media screen and (max-width:1680px){
.qggk_po p{ font-size: 5rem;}
.qggk_po h1{ font-size: 3.5rem;}
.qggk_po span{font-size: 1.625rem;}
}
@media screen and (max-width:1280px){
.qggk_po p{ font-size: 3rem;}
.qggk_po h1{ font-size: 2.5rem;}
.qggk_po span{font-size: 1.25rem;}
}
@media screen and (max-width:1023px){
.qggk_po{ top: 23%;}
.qggk_po p{ font-size: 2rem;}
.qggk_po h1{ font-size: 1.875rem;}
.qggk_po h1::after{ width: 10px; height: 10px; bottom: -4px; margin-left: -5px;}
.qggk_po span{font-size: 1.125rem;}
}
@media screen and (max-width:767px){
.qggk_po{ top: 15%;}
.qggk_po p{ font-size: 1.125rem;}
.qggk_po h1{ font-size: 1.25rem; padding-bottom: 10px;}
.qggk_po h1::after{ width: 8px; height: 8px; bottom: -3px; margin-left: -4px;}
.qggk_po span{font-size: 0.9375rem; padding-top: 10px;}
}

.qggk_bga{ padding: 40px 0 70px 0;}
.qggka_tit{ text-align: center; padding-bottom: 20px;}
.qggka_tit h2{ color: #000; font-size: 3.125rem;}
.qggka_tit p{ font-size: 1.25rem; color: rgba(0,0,0,0.5);}
.qggk_bga .indg_kg li .indg_po{ background: rgba(0, 0, 0, 0.5);}
.qggk_bgb{position: relative;}
.qggkb_po{position: absolute; width: 100%; left: 0; top: 36.5%; text-align: center; color: #fff; font-size: 5rem;}
.qggkb_po p{ font-family: 'Dfontb';}
.qggkb_po p::after{ content: ''; max-width: 1000px; width: 100%; margin: 0 auto; background: #fff; height: 1px; display: block;}
.qggkb_po h2{ font-weight: bold;}
@media screen and (max-width:1680px){
.qggka_tit h2{font-size: 2.5rem;}
.qggka_tit p{ font-size: 1.125rem;}
.qggkb_po{font-size: 3.5rem;}
.qggkb_po p::after{ max-width: 700px;}
}
@media screen and (max-width:1023px){
.qggka_tit h2{font-size: 2rem;}
.qggka_tit p{ font-size: 1.125rem;}
.qggkb_po{top: 32%; font-size: 2.25rem;}
.qggkb_po p::after{ max-width: 500px;}
}
@media screen and (max-width:767px){
.qggk_bga{ padding: 40px 0 30px 0;}
.qggka_tit{padding-bottom: 10px;}
.qggka_tit h2{font-size: 1.625rem;}
.qggka_tit p{ font-size: 0.875rem;}
.qggkb_po{top: 32%; font-size: 1.5rem;}
.qggkb_po p::after{ max-width: 76%;}
}

.qggk_bgc{ margin: 170px auto 75px auto; width: 100%; background: url(../images/qggk_bgc.jpg) no-repeat center top; background-size: 100% auto; max-width: 1790px;}
.qggkc_kg{ padding-left: 35.7%; display: grid; grid-template-columns: 62.6% auto; justify-content: space-between;}
.qggkc_tit{ text-align: right; font-size: 1.875rem;}
.qggkc_tit p{ color: rgba(0, 0, 0, 0.5); line-height: 1em;}
.qggkc_tit h2{ color: #000;}
.qggkc_kj:nth-child(2){ margin-top: 45px;}
.qggkc_kj:nth-child(3){ margin-top: 80px;}
.qggkc_nr{ padding-top: 40px; width: 87.8%;}
.qggkc_nr ul{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 17px 40px;}
.qggkc_pic img{ display: block; width: 100%;}
.qggkc_mc{ text-align: center; font-size: 1.5rem; color: #000; height: 42px; line-height: 42px;}
.qggkc_r{position: relative;}
.qggkc_bt{position: relative; margin-top: 125px;}
.qggkc_yw{position: absolute; right: -265px; top: 256px; font-family: 'Dfontb'; color: #000; transform: rotate(90deg);}
.qggkc_yw p:nth-child(1){ font-size: 5.625rem; line-height: 1em;}
.qggkc_yw p:nth-child(2){ font-size: 1.875rem;}
.qggkc_zh{ padding-right: 140px; color: #000; text-align: right; font-size: 3.125rem;}
.qggkc_zh p{font-weight: bold; line-height: 1.125em;}
.qggkc_zh p:nth-child(1){ padding-bottom: 60px;}
@media screen and (max-width:1680px){
.qggk_bgc{ margin: 80px auto 75px auto;}
.qggkc_tit{ font-size: 1.5rem;}
.qggkc_mc{ font-size: 1.125rem;}
}
@media screen and (max-width:1440px){
.qggkc_zh{ font-size: 2.5rem;}
.qggkc_tit p{ font-size: 1rem;}
.qggkc_mc{ font-size: 1rem;}
.qggkc_nr{ padding-top: 30px;}
.qggkc_kj:nth-child(2){ margin-top: 35px;}
.qggkc_kj:nth-child(3){ margin-top: 75px;}
}
@media screen and (max-width:1366px){
.qggkc_kj:nth-child(2){ margin-top: 25px;}
.qggkc_kj:nth-child(3){ margin-top: 60px;}
}
@media screen and (max-width:1280px){
.qggkc_kj:nth-child(2){ margin-top: 15px;}
.qggkc_kj:nth-child(3){ margin-top: 55px;}
}
@media screen and (max-width:1279px){
.qggk_bgc{ background: none; padding: 0 2%; width: 96%;}
.qggkc_kg{ padding-left: 0;}
.qggkc_kj:nth-child(2){ margin-top: 50px;}
.qggkc_kj:nth-child(3){ margin-top: 50px;}
.qggkc_nr{ width: auto;}
}
@media screen and (max-width:1023px){
.qggkc_yw{ right: -190px; top: 178px;}
.qggkc_yw p:nth-child(1){ font-size: 4rem;}
.qggkc_zh{ padding-right: 100px; font-size: 1.875rem;}
}
@media screen and (max-width:767px){
.qggk_bgc{ margin: 30px auto 40px auto;}
.qggkc_kg{grid-template-columns: 1fr;}
.qggkc_r{ display: none;}
.qggkc_tit{text-align: center;}
.qggkc_nr{ padding-top: 20px;}
.qggkc_nr ul{ grid-template-columns: repeat(3,1fr); grid-gap: 10px 8px;}
.qggkc_mc{ font-size: 0.875rem; line-height: 26px; height: 26px;}
}

.qggkc_bgd{ padding: 245px 0; background: url(../images/qggk_bgd.jpg) no-repeat center fixed; width: 100%;}
.qggkcd_tit{ text-align: center; color: #fff; font-size: 3.125rem;}
.qggkcd_tit p{ font-family: 'Dfontb';}
.qggkcd_tit h2{ font-weight: bold;}
@media screen and (max-width:1279px){
.qggkc_bgd{ background-attachment: inherit; background-size: cover; padding: 145px 0;}
.qggkcd_tit{font-size: 2.25rem;}
}
@media screen and (max-width:767px){
.qggkc_bgd{padding: 75px 0;}
.qggkcd_tit{font-size: 1.625rem;}
}

.qggk_bge{ padding: 67px 60px; display: grid; grid-gap: 45px 0;}
.qggke_kg{ display: grid; grid-template-columns: 44.86% 1fr; grid-gap: 0 40px;}
.qggke_l{position: relative;}
.qggkel_mc{position: absolute; background: rgba(0,0,0,0.5); width: 100%; height: 100%; left: 0; top: 0; display: grid; align-content: center; text-align: center; color: #fff; font-size: 3.125rem;}
.qggkel_mc p{ font-family: 'Dfontb';}
.qggke_pic img{ display: block; width: 100%;}
.qggke_kg ul{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 0 40px; align-content: space-between;}
.qggke_kg li{position: relative;}
.qggker_mc{ position: absolute; width: 100%; height: 40px; line-height: 40px; color: #fff; left: 0; bottom: 0; background: rgba(0,0,0,0.5); text-align: center; font-size: 1.5rem;}
@media screen and (max-width:1680px){
.qggkel_mc{font-size: 2.25rem;}
.qggker_mc{font-size: 1.125rem;}
}
@media screen and (max-width:1440px){
.qggkel_mc{font-size: 2rem;}
}
@media screen and (max-width:1280px){
.qggk_bge{ grid-gap: 25px 0;}
.qggke_kg{ grid-gap: 0 25px;}
.qggke_kg ul{grid-gap: 25px;}
.qggker_mc{ font-size: 1rem;}
}
@media screen and (max-width:1279px){
.qggkel_mc{font-size: 1.5rem;}
.qggk_bge{ padding: 2%;}
.qggke_kg{ grid-gap: 0 15px;}
.qggke_kg ul{grid-gap: 15px;}
}
@media screen and (max-width:767px){
.qggk_bge{ grid-gap: 15px 0;}
.qggke_kg{ grid-template-columns: 1fr; grid-gap: 7px 0;}
.qggke_kg ul{grid-gap: 7px;}
.qggkel_mc{font-size: 1.25rem;}
.qggker_mc{ font-size: 0.875rem; line-height: 34px; height: 34px;}
}

.qggk_bgf{position: relative;}
.qggkf_po{ position: absolute; width: 100%; height: 100%; display: grid; align-content: center; left: 0; top: 0; text-align: center; color: #fff;}
.qggkft_bt{  position: relative;}
.qggkft_bt p{ font-size: 6.25rem; font-family: 'Dfontb'; line-height: 1em;}
.qggkft_bt h2{ font-size: 3.125rem; font-weight: bold;}
.qggkft_bt::after{ content: ''; width: 96%; max-width: 960px; height: 1px; background: #fff; display: block; margin: 45px auto 0 auto;}
.qggkft_bt::before{ content: ''; width: 14px; height: 14px; background: #fff; transform: rotate(45deg); position: absolute; bottom: -6px; left: 50%; margin-left: -7px;}
.qggkfb_bt{ padding-top: 30px;}
.qggkfb_bt p{font-size: 3.75rem; font-family: 'Dfontb'; line-height: 1em;}
.qggkfb_bt span{ display: block; font-size: 1.875rem;}
@media screen and (max-width:1680px){
.qggkft_bt p{ font-size: 4rem;}
.qggkft_bt h2{ font-size: 2.5rem;}
.qggkfb_bt p{ font-size: 2.5rem;}
.qggkfb_bt span{font-size: 1.875rem;}
}
@media screen and (max-width:1023px){
.qggkft_bt p{ font-size: 3rem;}
.qggkft_bt h2{ font-size: 2rem;}
.qggkft_bt::after{ margin: 25px auto 0 auto;}
.qggkfb_bt{ padding-top: 25px;}
.qggkfb_bt p{ font-size: 1.875rem;}
.qggkfb_bt span{font-size: 1.5rem;}
}
@media screen and (max-width:767px){
.qggkft_bt p{ font-size: 1.5rem;}
.qggkft_bt h2{ font-size: 1.25rem;}
.qggkft_bt::after{ margin: 15px auto 0 auto;}
.qggkfb_bt{ padding-top: 15px;}
.qggkfb_bt p{ font-size: 1rem;}
.qggkfb_bt span{font-size: 1rem;}
}
/*旗杆概况*/

/*卓越品牌*/
.zypp_banner{ position: relative; width: 100%;}

.zypp_bga{ position: relative; margin-top: -108px; width: 100%; z-index: 9;}
.zyppa_bg img{ display: block; width: 100%;}
.zyppa_po{position: absolute; width: 100%; text-align: center; color: #fff; top: 108px; left: 0;}
.zyppa_bt p{ font-family: 'Dfontb'; font-size: 3.75rem; line-height: 1em;}
.zyppa_bt h2{ font-size: 7.5rem; font-weight: bold;}
.zyppa_ms{ font-size: 2.25rem; font-weight: bold; padding-top: 30px;}
.zyppa_ms p{ font-size: 3rem; line-height: 0.3em;}
@media screen and (max-width:1680px){
.zyppa_bt p{font-size: 3rem;}
.zyppa_bt h2{ font-size: 6rem;}
.zyppa_ms{ font-size: 2rem;}
.zyppa_ms p{ font-size: 2.25rem;}
}
@media screen and (max-width:1279px){
.zyppa_po{top: 10%;}
.zypp_bga{margin-top: -68px;}
.zyppa_bt p{font-size: 2rem;}
.zyppa_bt h2{ font-size: 4rem;}
.zyppa_ms{ font-size: 1.5rem; padding-top: 15px;}
.zyppa_ms p{ font-size: 2rem;}
}
@media screen and (max-width:1023px){
.zyppa_po{top: 10%;}
.zypp_bga{margin-top: -28px;}
.zyppa_bt p{font-size: 1.5rem;}
.zyppa_bt h2{ font-size: 3rem;}
.zyppa_ms{ font-size: 1.125rem;}
.zyppa_ms p{ font-size: 1.5rem;}
}
@media screen and (max-width:767px){
.zyppa_po{top: 5%;}
.zypp_bga{margin-top: 0px;}
.zyppa_bt p{font-size: 1.25rem;}
.zyppa_bt h2{ font-size: 1.625rem;}
.zyppa_ms{ font-size: 0.9375rem; font-weight: normal; padding-top: 5px;}
.zyppa_ms p{ display: none;}
}

.zypp_bgb{ position: relative; width: 100%; z-index: 9;}
.zyppb_po{ position: absolute; left: 0; width: 100%; top: 18%;}
.zyppb_kg{ width: 96%; max-width: 1580px; margin: 0 auto; color: #fff;}
.zyppb_logo img{ height: 54px;}
.zyppb_ms p{ font-family: 'Dfontb'; font-size: 3.125rem; line-height: 1.5em;}
.zyppb_ms h2{ font-size: 3.125rem; font-weight: bold;}
.zyppb_ms span{ display: block; font-size: 1.875rem; margin-top: 10px;}
@media screen and (max-width:1680px){
.zyppb_po{ left: 6%; width: 90%; top: 22%;}
.zyppb_ms p{font-size: 2.5rem;}
.zyppb_ms h2{ font-size: 2.5rem;}
.zyppb_ms span{font-size: 1.5rem;}
}
@media screen and (max-width:1279px){
.zyppb_po{ left: 5%; top: 18%;}
.zyppb_logo img{ height: 44px;}
.zyppb_ms p{font-size: 1.875rem;}
.zyppb_ms h2{ font-size: 1.875rem;}
.zyppb_ms span{font-size: 1.25rem;}
}
@media screen and (max-width:1023px){
.zyppb_logo img{ height: 34px;}
.zyppb_ms p{font-size: 1.5rem;}
.zyppb_ms h2{ font-size: 1.5rem;}
.zyppb_ms span{font-size: 1.125rem;}
}
@media screen and (max-width:767px){
.zyppb_po{ left: 5%; top: 18%;}
.zyppb_logo img{ height: 18px;}
.zyppb_ms p{font-size: 0.875rem;}
.zyppb_ms h2{ font-size: 0.9375rem;}
.zyppb_ms span{font-size: 0.875rem; margin-top: 0;}
}

.zyppc_poa{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: grid; align-content: center; text-align: center; color: #fff;}
.zyppc_poa p{ font-family: 'Dfontb'; font-size: 5rem;}
.zyppc_poa h2{ font-size: 5rem; font-weight: bold;}
.zyppc_poa span{ font-size: 1.875rem; display: block; letter-spacing: 10px; margin-left: 10px; line-height: 1em;}
.zyppc_poa span:nth-last-child(1){ margin-top: 30px;}
.zyppc_pob{ position: absolute; width: 100%; left: 0; bottom: 20px;}
.zyppc_kg{ width: 96%; max-width: 1520px; margin: 0 auto; color: #fff; border-top: 1px solid #fff;}
.zyppc_kg ul{ display: grid; grid-template-columns: repeat(5,auto); grid-gap: 0 50px;}
.zyppc_kg li{ padding-top: 10px; text-align: center; position: relative;}
.zyppc_kg li::after{ content: ''; width: 12px; height: 12px; background: #fff; border-radius: 50%; position: absolute; top: -7px; left: 50%; margin-left: -6px; box-shadow: 0px 0px 10px rgba(255, 232, 157, 0.9);}
.zyppc_kg li h3{ font-size: 1.5rem; line-height: 30px;}
.zyppc_kg li p{ color: rgba(255,255,255,0.5); font-size: 0.75rem; line-height: 1.125em; margin-top: 8px;}
@media screen and (max-width:1500px){
.zyppc_kg{ width: 84%;}
.zyppc_kg ul{grid-gap: 0 20px;}
.zyppc_kg li h3{ font-size: 1.125rem;}
.zyppc_kg li p{ margin-top: 5px;}
}
@media screen and (max-width:1360px){
.zyppc_kg li h3{ font-size: 1rem; line-height: 26px;}
}
@media screen and (max-width:1279px){
.zyppc_poa{align-content: start;}
.zyppc_poa p{font-size: 3rem; padding-top: 15%;}
.zyppc_poa h2{ font-size: 2.5rem;}
.zyppc_poa span{ font-size: 1.5rem;}
.zyppc_poa span:nth-last-child(1){ margin-top: 10px;}
.zyppc_kg ul{grid-gap: 0 10px;}
.zyppc_kg li h3{ font-size: 0.875rem; line-height: 24px;}
.zyppc_kg li p{ margin-top: 5px;}
}
@media screen and (max-width:1023px){
.zyppc_kg li p{ display: none;}
.zyppc_kg{border-top: none;}
.zyppc_kg ul{grid-template-columns: repeat(3,auto); grid-gap: 20px 10px;}
.zyppc_kg li h3{line-height: 20px;}
}
@media screen and (max-width:767px){
.zyppc_poa p{font-size: 1.625rem; padding-top: 15%;}
.zyppc_poa h2{ font-size: 1.875rem;}
.zyppc_poa span{ font-size: 1rem; letter-spacing: 0; margin-left: 0;}
.zyppc_poa span:nth-last-child(1){ margin-top: 5px;}
.zyppc_pob{ position: relative; left: auto; bottom: auto;}
.zyppc_kg{ width: 96%; max-width: 1520px; margin: 0 auto; color: #fff; border-top: 1px solid #fff;}
.zyppc_kg ul{grid-template-columns: repeat(2,auto); grid-gap: 20px 7px;}
.zyppc_kg li{background: rgba(0, 0, 0, 0.6); padding: 10px 0;}
.zyppc_kg li::after{ box-shadow: 0px 0px 5px rgba(0,0,0,.3);}
}

.zypp_bgc{ padding: 80px 1% 0px 1%;}
.zyppc_title{ text-align: center; color: #000; font-size: 3.125rem;}
.zyppc_title p{ font-family: 'Dfontb';}
.zyppc_title h2{ font-weight: bold;}
.zypp_img{ padding-top: 40px; text-align: center;}
.zypp_img img{max-width: 100%;}
@media screen and (max-width:1279px){
.zypp_bgc{ padding: 60px 1% 0px 1%;}
.zyppc_title{font-size: 2.25rem;}
.zypp_img{ padding-top: 30px;}
}
@media screen and (max-width:1023px){
.zyppc_title{font-size: 2rem;}
}
@media screen and (max-width:767px){
.zypp_bgc{ padding: 40px 1% 0px 1%;}
.zyppc_title{font-size: 1.375rem;}
.zyppc_title p{ font-size: 1.125rem;}
.zypp_img{ padding-top: 10px;}
}

.zypp_bgd{max-width: 1780px; width: 96%; margin: 0 auto; padding-bottom: 60px;}
.zypp_bgd li{ padding-top: 110px;}
.zyppd_pic{ width: 78.035%; position: relative;}
.zyppd_pic p{position: relative; z-index: 9;}
.zyppd_pic img{ display: block; width: 100%;}
.zyppd_pic::after{ content: ''; width: 100%; height: 100%; background: #252329; position: absolute; bottom: -60px;}
.zypp_bgd li:nth-child(1) .zyppd_pic::after{ right: -50px;}
.zypp_bgd li:nth-child(2) .zyppd_pic::after{ right: 50px;}
.zyppd_mc{ width: 26px; color: #000; font-size: 1.625rem; line-height: 1em;}
.zypp_bgd li:nth-child(1) .zyppd_mc{ padding-right: 15%;}
.zypp_bgd li:nth-child(2) .zyppd_mc{ padding-left: 15%;}
@media screen and (max-width:1439px){
.zyppd_mc{ width: 20px; font-size: 1.25rem;}
}
@media screen and (max-width:1279px){
.zypp_bgd{ padding-top: 50px;}
.zypp_bgd li{ padding-top: 30px;}
.zyppd_pic{ width: 100%; float: none;}
.zyppd_pic::after{ display: none;}
.zypp_bgd li:nth-child(1) .zyppd_pic::after{ right: -30px;}
.zypp_bgd li:nth-child(2) .zyppd_pic::after{ right: 30px;}
.zyppd_mc{ width: auto; font-size: 1.125rem; float: none; text-align: center; line-height: 50px; height: 50px; padding: 0 !important;}
}
@media screen and (max-width:767px){
.zypp_bgd{ padding-top: 20px; padding-bottom: 40px;}
.zypp_bgd li{ padding-top: 20px;}
.zyppd_mc{font-size: 0.9375rem; line-height: 22px; height: auto; margin-top: 5px;}
}

.zypp_bge li{position: relative;}
.zyppe_pic img{ display: block; width: 100%;}
.zyppe_mc{ color: #000; font-size: 1.875rem; position: absolute; left: 30%; bottom: 8%;}
.zypp_bge li:nth-child(2) .zyppe_mc{right: 30%; left: auto;}
@media screen and (max-width:1680px){
.zyppe_mc{left: 24%;}
.zypp_bge li:nth-child(2) .zyppe_mc{right: 24%;}
}
@media screen and (max-width:1439px){
.zyppe_mc{font-size: 1.25rem;}
}
@media screen and (max-width:1023px){
.zyppe_mc{font-size: 1.125rem;}
.zyppe_mc{left: 18%;}
.zypp_bge li:nth-child(2) .zyppe_mc{right: 18%;}
}
@media screen and (max-width:767px){
.zyppe_mc{font-size: 0.875rem;}
.zyppe_mc{left: 2%;}
.zypp_bge li:nth-child(2) .zyppe_mc{right: 2%;}
}

.zypp_bgf{ padding: 110px 0 80px 0; width: 96%; max-width: 1740px; margin: 0 auto;}
.zypp_bgf ul{ display: grid; grid-template-columns: repeat(2,47.9%); justify-content: space-between; grid-gap: 20px 0;}
.zyppf_mc{ color: #000; line-height: 50px; height: 50px; font-size: 1.875rem; text-align: center;}
@media screen and (max-width:1680px){
.zyppf_mc{font-size: 1.5rem;}
}
@media screen and (max-width:1439px){
.zyppf_mc{font-size: 1.25rem;}
}
@media screen and (max-width:1023px){
.zyppf_mc{font-size: 1.125rem;}
.zypp_bgf{ padding: 70px 0;}
.zypp_bgf ul{grid-template-columns: repeat(2,49%); grid-gap: 10px 0;}
.zyppf_mc{ margin-top: 10px; line-height: 24px; height: 48px; font-size: 1rem;}
}
@media screen and (max-width:767px){
.zypp_bgf{ padding: 40px 0 50px 0;}
.zypp_bgf ul{grid-gap: 15px 0;}
.zyppf_mc{line-height: 20px; height: auto; font-size: 0.875rem; margin-top: 5px;}
}

.zypp_bgg{ background: url(../images/zypp_bgg.jpg) no-repeat center fixed; padding: 175px 0 140px 0; width: 100%; text-align: center; color: #fff;}
.zypp_bgg p{ font-size: 5rem; font-family: 'Dfontb';}
.zypp_bgg h2{ font-size: 5rem; font-weight: bold;}
.zypp_bgg span{ font-size: 2.25rem; display: block; padding-top: 20px;}
@media screen and (max-width:1680px){
.zypp_bgg p{ font-size: 3.5rem; }
.zypp_bgg h2{ font-size: 3.5rem;}
.zypp_bgg span{ font-size: 2rem;}
}
@media screen and (max-width:1279px){
.zypp_bgg{ background-attachment: inherit; background-size: cover; padding: 90px 0;}
.zypp_bgg p{ font-size: 2.25rem;}
.zypp_bgg h2{ font-size: 2.25rem;}
.zypp_bgg span{ font-size: 1.5rem; padding-top: 10px;}
}
@media screen and (max-width:1023px){
.zypp_bgg p{ font-size: 2rem;}
.zypp_bgg h2{ font-size: 2rem;}
.zypp_bgg span{ font-size: 1.25rem;}
}
@media screen and (max-width:767px){
.zypp_bgg{padding: 60px 0;}
.zypp_bgg p{ font-size: 1.5rem;}
.zypp_bgg h2{ font-size: 1.5rem;}
.zypp_bgg span{ font-size: 1rem;}
}

.zypp_bgh{ padding: 32px 32px 0 32px; position: relative;}
.zypph_mc{ position: absolute; width: 100%; left: 0; top: 40%; text-align: center; color: #fff; font-size: 2.25rem;}
.zypp_bgi{ width: 96%; max-width: 1751px; margin: 0 auto; position: relative;}
.zyppi_mc{ position: absolute; width: 100%; left: 0; top: 43%; text-align: center; color: #fff; font-size: 2.25rem;}
@media screen and (max-width:1279px){
.zypp_bgh{ padding: 2% 2% 0 2%;}
.zypph_mc{ font-size: 1.375rem;}
.zyppi_mc{ font-size: 1.375rem;}
}
@media screen and (max-width:767px){
.zypph_mc{ font-size: 1rem;}
.zyppi_mc{ font-size: 1rem;}
}

.zypp_bgj{ padding-top: 70px; width: 96%; max-width: 1751px; margin: 0 auto; position: relative;}
.zypp_bgj ul{ display: grid; grid-template-columns: repeat(4,23%); justify-content: space-between;}
.zypp_bgj li{position: relative; background: url(../images/zypp_yy.png) no-repeat center bottom; padding-bottom: 100px; background-size: 100% auto;}
.zypp_bgj li a{ display: block; position: relative;}
.zyppj_mc{ position: absolute; color: #fff; font-size: 1.5rem; width: 100%; left: 0; bottom: 12%; text-align: center;}
@media screen and (max-width:1360px){
.zyppj_mc{ font-size: 1.125rem;}
}
@media screen and (max-width:1279px){
.zypp_bgj{ padding-top: 40px;}
.zypp_bgj li{padding-bottom: 60px;}
.zyppj_mc{font-size: 1rem;}
}
@media screen and (max-width:1023px){
.zypp_bgj ul{grid-template-columns: repeat(4,24%);}
.zyppj_mc{font-size: 0.9375rem; bottom: 15%;}
}
@media screen and (max-width:767px){
.zypp_bgj{ padding-top: 30px;}
.zypp_bgj ul{grid-template-columns: repeat(2,49%); grid-gap: 15px 0;}
.zypp_bgj li{padding-bottom: 30px;}
}

.zypp_bgk{ margin-bottom: 30px; width: 100%; position: relative;}
.zyppk_tit{ position: absolute; width: 100%; top: 41%; text-align: center; left: 0; color: #fff;}
.zyppk_yw{ display: inline-block; border: 1px solid #fff; font-size: 3.75rem; padding: 0 20px; font-family: 'Dfontb';}
.zyppk_mc{ padding-top: 30px;}
.zyppk_mc h2{ font-size: 3.125rem; font-weight: bold; padding-bottom: 10px;}
.zyppk_mc p{ font-size: 1.875rem; line-height: 1.25em;}
@media screen and (max-width:1360px){
.zyppk_tit{ top: 28%;}
.zyppk_yw{font-size: 2.5rem;}
.zyppk_mc{ padding-top: 20px;}
.zyppk_mc h2{ font-size: 2.5rem; }
.zyppk_mc p{ font-size: 1.5rem;}
}
@media screen and (max-width:1023px){
.zyppk_tit{top: 30%;}
.zyppk_yw{font-size: 1.875rem;}
.zyppk_mc{ padding-top: 10px;}
.zyppk_mc h2{ font-size: 2rem;}
.zyppk_mc p{ font-size: 1.125rem; line-height: 1.25em;}
}
@media screen and (max-width:767px){
.zypp_bgk{ background: url(../images/zypp_20.jpg) no-repeat center; background-size: cover; padding: 70px 0 40px 0;}
.zypp_bgk .zyppe_pic{ display: none;}
.zyppk_tit{ position: relative; top: auto; left: auto;}
.zyppk_yw{font-size: 1.5rem;}
.zyppk_mc{ padding-top: 5px;}
.zyppk_mc h2{ font-size: 1.625rem;}
.zyppk_mc p{ font-size: 1rem;}
}
/*卓越品牌*/
/*index附加页*/

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

@media screen and (max-width:770px){
/*分类*/
header{ background:none; width:auto; display:block;position: relative; z-index:100; margin:0; padding:0; border-radius:0; float:none !important;}
header nav li{background:none; line-height:inherit; margin-bottom:auto;}
header nav li a{ font-weight:inherit; border:none; padding:inherit; height:auto; z-index:9;}
header nav li span{ display:none;}
header nav li ul li{ margin:auto; background:none;}
header nav li ul li a{border:0; line-height:inherit;}
header nav li i{ height:40px;}
.mean-container .mean-bar {width:100%;position:relative;background:#0056ab; height:40px; z-index:99;}
.mean-container .mean-bar div.fl{ font-size:1rem; color:#fff; line-height:40px; padding-left:2%;}
.mean-container a.meanmenu-reveal {width:22px;height:22px;padding:9px 10px;position:absolute;top:0;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;	display:block;font-family:Arial, Helvetica, sans-serif;	font-weight:700}
.mean-container a.meanmenu-reveal span {display:block;background:#fff;height:3px;margin-top:3px}
.mean-container .mean-nav {float:left;width:100%;background: rgba(243,243,243,1); margin-bottom:30px;}
.mean-container .mean-nav ul {padding:0;margin:0;width:100%;list-style-type:none;}
.mean-container .mean-nav ul li {position:relative;width:100%;}
.mean-container .mean-nav ul li a {display:block;width:90%; background:none; font-size:0.875rem;padding:0 5%;height:39px; line-height:39px;margin:0;text-align:left;border-top:1px solid #383838;border-top:1px solid rgba(173, 173, 173, .5);text-decoration:none;text-transform:uppercase}
.mean-container .mean-nav ul li li a {width:80%;padding:0 10%; height:45px; line-height:45px; border-top:1px solid rgba(216,216,216,.25);	opacity:.75; filter:alpha(opacity=75);text-shadow:none!important;visibility:visible}
.mean-container .mean-nav ul li.mean-last a {border-bottom:0;margin-bottom:0}
.mean-container .mean-nav ul li a.mean-expand {width:15px;height:40px;text-align:center;position:absolute;right:0;top:0;z-index:10;font-weight:700;	background:rgba(255, 255, 255, .1);	border:0!important;	border-left:1px solid rgba(255, 255, 255, .4)!important;border-bottom:1px solid rgba(255, 255, 255, .2)!important}
.mean-container .mean-nav ul li a.mean-expand:hover {background:rgba(0,0,0,.9)}
.mean-container .mean-push {float:left;	width:100%;	padding:0;	margin:0;clear:both}
.mean-nav .wrapper {width:100%;padding:0;margin:0}
.mean-container .mean-bar, .mean-container .mean-bar * {-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.mean-remove {display:none!important}
header nav {text-align: center;background: #efefef;}
header nav ul {margin:0;padding:1em;list-style-type: none;}
/*分类*/	
}
/*导航样式*/
@media screen and (max-width:1023px){
.sp_nav{width:60px;float:right;position:absolute;cursor: pointer; height:60px; background:#e46713; padding:10px; right: 0; top: 0;}
.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(0,0,0,0.95); width:50%; height:calc(100% - 104px); line-height:40px; top:80px; right:-100%; overflow:auto; overflow-x:hidden; transition:right ease 0.5s;}
.nav_show{top:80px; right:0;}
.sjj_nav li ul,.sjj_nav li .sp_nav_xjb{ display: block;}
.sjj_nav ul li{ float:none; width:auto; background:none;}
.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:#e46713;}
.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:767px){
.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(228,103,19,0.95) url(../fonts/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:767px){
.cd-top{display: none;}
}