﻿.w1520 {
  max-width: 1450px;
  width: 90%;
  margin: 0 auto;
}
@media (max-width: 1600px) {
  .w1520 {
    width: 90%;
  }
}

.col-fff {
  color: #fff;
  position: relative;
  font-size:15px;
}

.f-no-s-center {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
}




.n-banner {
  position: relative;
  height: 12.5rem;
}
.n-banner .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
.n-banner .contentbox {
  position: relative;
  z-index: 2;
}
.n-banner .warp-subnav {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 56px;
  z-index: 4;
}
.n-banner .warp-subnav .subnav {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.n-banner .warp-subnav a {
  height: 56px;
  line-height: 56px;
  margin-right: 2rem;
}
.n-banner .warp-subnav a:before {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 2px;
  background: #fff;
  opacity: 0;
  transform: scale(0.4, 1);
  transition: all .4s;
}
.n-banner .warp-subnav a:hover, .n-banner .warp-subnav a.cur {
  color: #fff;
}
.n-banner .warp-subnav a:hover:before, .n-banner .warp-subnav a.cur:before {
  opacity: 1;
  transform: scale(1, 1);
}

.warp-subnav.active {
  position: fixed;
  background: #fff;
  width: 100%;
  left: 0;
  top: 2.5rem;
  border-top: 1px solid #d1d1d1;
}
.warp-subnav.active a {
  color: #333;
}
.warp-subnav.active a:hover, .warp-subnav.active a.cur {
  color: #333;
}
.warp-subnav.active a:hover:before, .warp-subnav.active a.cur:before {
  background: #333;
  opacity: 1;
  transform: scale(1, 1);
}

@media (max-width: 768px) {
  .normal-banner-inner {
    display: none;
  }
}
@media (max-width: 767px) {
  .n-banner {
    height: 9.5rem;
  }

  .n-banner .bg {
    background-position: 68% center;
  }
}









.wrap {
    max-width: 1450px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
@media (max-width: 1600px) {
  .wrap {
    width: 100%;
  }
}




.page_h3 {

    padding-top: 85px;

    font-size: 36px;

    color: #333;

    text-align: center;
	
	font-weight:bold;

}


.grzx_about h4 {

    font-size: 16px;

    color: #666;

    line-height: 36px;

    text-align: center;

    padding-top: 15px;

    padding-bottom: 50px;

    margin: 0 auto;


}

.grzx_about h4 p{	
	/*text-indent: 2em;*/
	padding-top:15px;
}


.grzx_about_i {

    display: block;

    width: 1px;

    height: 90px;

    background-color: #ccc;

    margin: 0 auto;

    position: relative;

    z-index: 3;

}



.grzx_about .wrap {

    background: rgba(249, 249, 249, 0.8);

    z-index: 1;

    position: relative;

    margin-top: -30px;

    padding-bottom: 145px;

}



.grzx_about .wrap .jishuqi li {

    display: inline-block;

    float: inherit;

}



.grzx_about .wrap .jishuqi {

    text-align: center;

    padding-bottom: 55px;

    padding-top: 105px;

}



.grzx_about_p {

    font-size: 16px;

    line-height: 30px;

    text-align: center;

    color: #666;

}

.grzx_about_p span{

    font-size: 24px;
    line-height: 38px;
	color: #444444;
}

.grzx_about_p .a{
font:normal 50px/1 'AkzidenzGrotesk-BoldCondAlt';
line-height: 65px;
}

/* 计数器 */



.jishuqi li {

    display: inline-block;

    font-size: 30px;

    text-align: center;

    color: #000;

    padding: 0 40px;

    background: url(../images/jishuqi_xian.jpg) no-repeat right center;

}



.jishuqi li:nth-child(1) {

    padding-left: 0px;

}



.jishuqi li:last-child {

    background: none;

}



.jishuqi li>i {

    font-size: 48px;

    font-weight: bold;

    color: #000;

    font-family: arial;

}



.jishuqi li p {

    font-size: 16px;

    color: #666;

}



.jishuqi {

    width: 100%;

    margin-bottom: 5px;

}



.jishuqi li span {

    display: inline-block;

    position: absolute;

}



/* .grzx_about{ padding-bottom: 435px; background: url(../images/gsjj_bg1.jpg) no-repeat bottom center; }

 */



.gsjj_about_main2 {

    margin-top: -80px;

    position: relative;

    z-index: 0;

}



.gsjj_about_main2 img {

    width: 100%;

}




.wrap2 {
    max-width: 1450px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
@media (max-width: 1600px) {
  .wrap2 {
    width: 100%;
  }
}



.grzx_culture h4 {

    font-size: 16px;

    color: #666;

    line-height: 30px;

    text-align: center;

    padding-top: 10px;

    padding-bottom: 85px;

}






.grzx_culture {



    background: url(../images/gsjj_bg1.jpg) no-repeat center;

    margin-top: -80px;

}



.grzx_culture li {

    float: left;

    width: 30%;

    /*height: 210px;*/

    margin-right: 5%;

    margin-top: 200px;
	
	margin-bottom: 140px;
	
	border-left: 1px solid #eeeeee;
	
	border-right: 1px solid #eeeeee;
	
	border-bottom: 1px solid #eeeeee;

    background: url(../images/gswh_li_bg.png) no-repeat top center;

}



.grzx_culture li:nth-child(3n) {

    margin-right: 0px;

}



.grzx_culture li h5 {

    text-align: center;

    font-size: 24px;

    color: #eeeeee;

    text-transform: uppercase;

    line-height: 1;
	
	margin-top: -12px;

}
.grzx_culture li p {

    /*text-align: center;*/

    font-size: 16px;

    color: #eeeeee;

    text-transform: uppercase;

    line-height: 30px;

    padding:34px 21px 40px 25px;
	
	text-indent: 2em;

}







.grzx_culture_main2 h4 {

    font-size: 16px;

    color: #666;

    line-height: 30px;

    text-align: center;

    padding-top: 10px;

    padding-bottom: 70px;

}



.grzx_culture_main2 {

    padding-bottom: 100px;

}


.grzx_culture_main2 .wrap{
    max-width: 1600px;
    width:100%;

}


.grzx_culture_main2 .main_pic:nth-child(1) {

    width: 63.5%;

}



.grzx_culture_main2 .main_pic:nth-child(2) {

    width: 36.4%;

}



.grzx_culture_main2 .main_pic:nth-child(3) {

    width: 33.29%;

}



.grzx_culture_main2 .main_pic:nth-child(4) {

    width: 33.28%;

}



.grzx_culture_main2 .main_pic:nth-child(5) {

    width: 33.29%;

}








.grzx_Vision {

    background: url(../images/gsyj_bg2.jpg) no-repeat bottom center;

}



.grzx_Vision .wrap {

    padding-bottom: 100px;

}



.grzx_Vision h4 {

    font-size: 16px;

    color: #666;

    line-height: 30px;

    text-align: center;

    padding-top: 10px;

    padding-bottom: 85px;

}



.grzx_Vision_one {

    width: 50%;

}



.grzx_Vision_one i {

    display: block;

    width: 100%;

    height: 1px;

    background-color: #d6d6d6;

    margin-top: 65px;

    margin-left: -14%;

    position: relative;

    z-index: 33;

}



.grzx_Vision_one h5 {

    font-size: 28px;

    color: #333;

    padding-top: 70px;

    padding-left: 14%;

    line-height: 1.3;

}



.grzx_Vision_one p {

    font-size: 22px;

    color: #666;

    padding-top: 30px;

    padding-left: 14%;

    line-height: 36px;

}



.grzx_Vision .wrap .main_pic {

    width: 50%;

}



.grzx_Vision_two {

    width: 100%;

    height: 450px;

    background-color: #f5f5f5;

}



.grzx_Vision_two .main_pic {

    width: 50%;

}


.grzx_Vision_three .main_pic {

    width: 50%;

}


.grzx_Vision_two_con {

    width: 50%;

}



.grzx_Vision_two_con2 {

    width: 700px;

}



.grzx_Vision_two_con h5 {

    font-size: 28px;

    color: #333;

    padding-top: 70px;

    padding-right: 14%;

    line-height: 1.3;

}



.grzx_Vision_two_con p {

    font-size: 22px;

    color: #666;

    padding-top: 30px;

    padding-right: 14%;

    line-height: 36px;

}



.grzx_Vision_three h5 {

    padding-top: 145px;

}



.grzx_Vision_three {

    padding-top: 110px;

    padding-bottom: 125px;

}



.grzx_Vision_main3 {

    width: 100%;

    height: 707px;

    /* margin-bottom: 100px;  */

    background: url(../images/gsyj_bg1.jpg) no-repeat center;

}



.grzx_Vision_main3 h3 {

    color: #fff;
}


.grzx_Vision_main3 h4 {

    font-size: 16px;

    color: #fff;

    line-height: 30px;

    text-align: center;

    padding-top: 10px;
	
}



.grzx_Vision_main3 h5 {

    font-size: 36px;

    color: #fff;

    line-height: 1;

    padding-top: 115px;

}



.grzx_Vision_main3 li h6 {

    font-size: 24px;
	
	line-height: 50px;

    color: #fff;

}



.grzx_Vision_main3 li p {

    font-size: 18px;

    color: #ffffff;

    line-height: 34px;
	
	text-indent: 2em;
	
	padding-bottom: 35px;

}



.grzx_Vision_main3 li {

    width: 100%;
	
	max-width: 730px;

    margin-top: 65px;

}

/*

.grzx_Vision_main3 li:nth-of-type(odd) {

    float: left;

    margin-left: 85px;

}



.grzx_Vision_main3 li:nth-of-type(even) {

    float: right;

    margin-right: 85px;

}



.grzx_Vision_main3 li:nth-child(1) {

    background: url(../images/gsyj_li_ico1.png) no-repeat left center;

}



.grzx_Vision_main3 li:nth-child(2) {

    background: url(../images/gsyj_li_ico2.png) no-repeat left center;

}



.grzx_Vision_main3 li:nth-child(3) {

    background: url(../images/gsyj_li_ico3.png) no-repeat left center;

}



.grzx_Vision_main3 li:nth-child(4) {

    background: url(../images/gsyj_li_ico4.png) no-repeat left center;

}


*/




.sj_img{ width: 100%; }


@media (max-width:1400px) {
.page_h3{ padding-top: 50px;  font-size: 26px; color: #333; text-align: center; }
.grzx_about h2{ padding: 0 5%; font-size: 14px; color: #666; line-height: 25px; text-align: center; padding-bottom: 20px; padding-top: 20px;}
.grzx_about h2 p{padding-top:10px;}
.grzx_about_i{ display: block; width: 1px; height: 50px; background-color: #ccc; margin: 0 auto; position: relative; z-index: 3; }
.grzx_about .wrap{ z-index: 1; position: relative; margin-top: -30px; padding-bottom: 30px; }
.grzx_about .wrap .jishuqi li{ display: inline-block; float: inherit; }
.grzx_about .wrap .jishuqi{ text-align: center; padding-bottom: 30px; padding-top: 50px; }
.grzx_about_p{ font-size: 14px; line-height: 30px; padding: 0 3%; text-align: center; color: #666; padding-bottom: 15px;}
.grzx_about_p span{font-size: 20px;line-height: 30px;color: #444444;}

/* .grzx_about{ padding-bottom: 435px; background: url(../images/gsjj_bg1.jpg) no-repeat bottom center; }
 */
 

/* 计数器 */

.jishuqi li{ float: left; font-size: 30px; width: 50%; padding-top: 10px; text-align: center; color: #000; background: url(../images/jishuqi_xian.jpg) no-repeat right center; padding-bottom: 20px;}
.jishuqi li:nth-child(1){ border-bottom: 1px solid #ddd; }
.jishuqi li:nth-child(2){ border-bottom: 1px solid #ddd; }
.jishuqi li:nth-child(2n){ background: none; }
.jishuqi li:last-child{ background: none; }
.jishuqi li>i{ font-size: 30px; font-weight: bold; color: #000; font-family: arial;}
.jishuqi li p{ font-size: 12px; color: #666; }
.jishuqi{ width: 90%; margin: 0 5%; margin-bottom: 5px; }
.jishuqi li span{ display: inline-block; position: absolute; }

.gsjj_jishuqi{ width: 100%; margin: 0; }
.gsjj_jishuqi li{ width: auto; padding: 7px 3%; border: 0!important; background: none; } 
 
 
 
 

.grzx_culture h4{ font-size: 16px; color: #666; line-height: 30px; text-align: center;padding-bottom: 20px;}
.grzx_culture .page_h3{ padding-top: 50px; }
.grzx_culture{ padding-bottom: 30px; background: url(../images/gsjj_bg2.jpg) no-repeat center; margin-top: 0px; padding-top:60px;}
.grzx_culture li{ float: left; width:90%; margin: 12px 5% 25px 5%; background: url(../images/gswh_li_bg2.png) no-repeat top center; background-size: 100%;border-left: 1px solid #eeeeee;border-right: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee;}
.grzx_culture li h5 {text-align: center; font-size: 20px; color: #eeeeee; text-transform: uppercase; line-height: 1; margin-top: -12px;}
.grzx_culture li p{ padding:25px 21px 30px 25px; font-size: 12px; color: #eeeeee; text-transform: uppercase; text-align: left; line-height: 25px;}
.grzx_culture_main2 h4{ font-size: 16px;  line-height: 30px; text-align: center; padding-bottom: 20px;}
.grzx_culture_main2{padding-bottom: 3%;}
.grzx_culture_main2 .wrap{ width: 94%; padding: 0 3%; }
.grzx_culture_main2 .main_pic:nth-child(1){ width: 100%; margin-bottom: 3%!important;}
.grzx_culture_main2 .main_pic:nth-child(2){ width: 100%; margin-bottom: 3%!important;}
.grzx_culture_main2 .main_pic:nth-child(3){ width: 100%; margin-bottom: 3%!important;}
.grzx_culture_main2 .main_pic:nth-child(4){ width: 100%; margin-bottom: 3%!important;}
.grzx_culture_main2 .main_pic:nth-child(5){ width: 100%; }
.grzx_culture_main2 .main_pic img{ width: 100%; }

}






@media (max-width:1400px) {


.grzx_Vision{ width:100%; padding: 0; background: none; }
.grzx_Vision .wrap{ padding-bottom: 30px; }
.grzx_Vision h4{ font-size: 16px; color: #666; line-height: 30px; text-align: center; padding-bottom: 20px; padding-top: 5px;}
.grzx_Vision_one{ width: 100%; padding: 0; }
.grzx_Vision_one i{ display:none;}
.grzx_Vision_one h5{ font-size: 26px; color: #333;line-height: 35px;text-align: center; padding-top: 20px; padding-left: 0;}
.grzx_Vision_one p{ font-size: 14px; color: #666; padding-top:5px; line-height: 30px; text-align: center; padding-left: 0;}
.grzx_Vision .wrap .main_pic{width: 100%;}

.grzx_Vision_two{ width: 100%; padding: 0; background-color: #f5f5f5;	height:auto; padding-bottom:30px; }
.grzx_Vision_two .main_pic{ width: 100%;padding:4%;}
.grzx_Vision_two_con{ width: 100%; }
.grzx_Vision_two_con2{ width: 100%; }
.grzx_Vision_two_con h5{ font-size: 26px; color: #333; padding-top:0px; line-height: 35px; text-align: center ;padding-right: 0;}
.grzx_Vision_two_con p{ font-size: 14px; color: #666; padding-top: 0px; line-height: 30px; text-align: center ;padding-right:0%;}

.grzx_Vision_three{padding-top: 50px; padding-bottom: 50px;}
.grzx_Vision_three .main_pic {

    width: 100%;

}
.grzx_Vision_main3{ width: 100%; padding: 0; padding-top: 50px; padding-bottom: 20px; background-color: #f2f2f2; }
.grzx_Vision_main3 h5{ font-size: 26px; text-align: center; color: #333; line-height: 35px; padding-bottom: 20px; }
.grzx_Vision_main3 ul{ width: 100%; }
.grzx_Vision_main3 li h6{ font-size: 18px; line-height: 35px;}
.grzx_Vision_main3 li p{ font-size: 16px; line-height: 30px;}
.grzx_Vision_main3 li{ width: 85%;margin: 0 auto; margin-top: 30px; margin-bottom: 30px;}








}



@media (max-width:1400px){
    .grzx_about h4 {
    display:none
}

.l{float:none;}.r{float:none;}
}
@media (min-width:1400px){
   .grzx_about h2 {
    display:none
}
}









 .d-flex{display:flex !important}
 .flex-column{flex-direction:column}
 .justify-content-center{justify-content:center}
 .align-items-center{align-items:center}
 .text-center{text-align:center}
 .text-left{text-align:left}
 .text-right{text-align:right}
 .img-fluid{max-width:100%}
 .fw-bold{font-weight:bold}
 .article_marketing-container{max-width:1400px;margin:0 auto}
 .article_marketing-container .row{display:flex;flex-wrap:wrap;box-sizing:border-box}.article_marketing-container .row .col{flex:0 0 auto}.article_marketing-btn{background:#666666;height:60px;max-width:480px;padding:0 20px;margin:0 auto;font-size:28px;color:#fff;border-radius:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;-ms-transition-duration:.3s;transition-duration:.3s;box-sizing:border-box;position:relative;overflow:hidden}.article_marketing-btn:hover{text-indent:16px;color:#fff}
 
 
 
 .article_marketing-wrap{color:#040000}
 .article_marketing-wrap .section-main .text-red{color:#e60012}
 .article_marketing-wrap .title-common{text-align:center;margin:30px 0 60px;position:relative}
 .article_marketing-wrap .title-common h2{font-size:36px;color:#040000;position:relative;font-weight:bold}
 .article_marketing-wrap .title-common h2 span{color:#666666}
 .article_marketing-wrap .title-common h2::after{position:absolute;bottom:-20px;left:50%;margin-left:-35px;content:'';display:inline-block;background-color:#666666;width:70px;height:3px}
 .article_marketing-wrap .title-common .letter{text-transform:uppercase;position:absolute;top:-32px;text-align:center;width:100%;font-size:100px;color:#f1f1f1;line-height:1}
 .article_marketing-wrap .title-common p{color:#666;font-size:16px;margin-top:50px;line-height:28px;}
 .article_marketing-wrap .title-common h3{color:#666;font-size:16px;margin-top:50px;line-height:28px;}

 .article_marketing-wrap .section3{padding:50px 0;background:#FFF}
 .article_marketing-wrap .section3 .article_marketing-btn{margin-top:50px}
 .article_marketing-wrap .section3 .row .col{width:20%}
 .article_marketing-wrap .section3 .row .col .item{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 16px}
 .article_marketing-wrap .section3 .row .col .item .title{border:1px dashed #666666;text-align:center;border-radius:50%;height:166px;width:166px;display:flex;align-items:center;justify-content:center;margin-bottom:-83px;background:#FFF;z-index:9}
 .article_marketing-wrap .section3 .row .col .item .desc{border:1px dashed #666666;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:100px 15px 30px 25px; border-radius:10px;font-size:14px;line-height:22px;color:#666666}
  .article_marketing-wrap .section3 .row .col .item .desc p{text-indent: 2em;padding-top:5px;}
  .article_marketing-wrap .section3 .row .col .item .desc h1{font-size:16px;font-weight:bold;}
    .article_marketing-wrap .section3 .row .col .item .desc h2{font-size:14px;line-height:20px;color:#FA7D19;}
 .article_marketing-wrap .section3 .row .col:nth-child(2n) .item .title .body{background-color:#666666}
 .article_marketing-wrap .section3 .row .col:nth-child(2n) .item .desc{border:1px dashed #666666}

@media all and (max-width:1440px){
.article_marketing-wrap .article_marketing-container{max-width:100%;padding:0 2%}
.article_marketing-wrap .section1 .section1-body .swiper-slide>.row>.col .row .col .item .img{padding-left:16px}
}
@media all and (max-width:1280px){
.article_marketing-wrap .title-common .letter{font-size:90px}
.article_marketing-wrap .section-banner .article_marketing-container h3{font-size:36px}
.article_marketing-wrap .section-banner .article_marketing-container p{font-size:24px}
.article_marketing-wrap .section1 .section-main ul li{height:70px}
.article_marketing-wrap .section1 .section-main ul li p{font-size:16px;width:50% !important}
}
 
 
 
 
 
 @media (max-width:1200px){
 .article_marketing-wrap .title-common .letter{font-size:60px}
 .article_marketing-wrap .title-common h2{font-size:26px;}

 .article_marketing-wrap .section3{padding:40px 0;background:#FFF}
 .article_marketing-wrap .section3 .article_marketing-btn{margin-top:10px}
 .article_marketing-wrap .section3 .row{justify-content:center}
 .article_marketing-wrap .section3 .row .col{width:100%;margin-bottom:20px}

 
 }
 
 @media (max-width:1200px){
     .article_marketing-wrap .title-common p {
    display:none
}
}
@media (min-width:1200px){
   .article_marketing-wrap .title-common h3 {
    display:none
}
}