  

/* CSS Reset */
html{-webkit-text-size-adjust:none;}
.gf2022{overflow-x:hidden;margin:0; padding:0;font-family:'SourceHanSansCN-Light',Arial,"微软雅黑","黑体",'宋体';}
.gf2022 a,.gf2022 *::before,.gf2022 *::after {text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
/* .gf2022 a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} */
.gf2022 a:hover {}
.gf2022 strong {font-weight: 900;}
.gf2022 .xian{width:3%;height:4px;background:#fa0001;margin:0.7% auto;}
.gf2022 .ftitle{font-family:"fangsong";font-size: 30px;letter-spacing: 2px;}
.gf2022 sup {font-size: 12px;line-height: 18px;}
.fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden}
.gf2022 .pcshow { display:block;}
.gf2022 .mbshow { display:none!important;}
.gf2022 .img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color: #000;}
.gf2022 .pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.gf2022 .img img,.gf2022 .pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.gf2022 .img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;max-width: 100%;max-height:100%;}
.gf2022 .img-block {display: block;width: 100%;height: auto;}
.gf2022 .img-inline {display: inline-block;width: auto;height: auto;}
.gf2022 .clamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.gf2022 .clamp2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.gf2022 .clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
::-webkit-scrollbar{height:4px; width:3px;background: #cfd6db;}
::-webkit-scrollbar-button{height:0; width:5px;background: #002f93;}
::-webkit-scrollbar-thumb{background-color:#002f93;box-shadow:inset 1px 1px 0 #002f93,inset 0 -1px 0 #002f93;}
.abTitle{font-size:40px;letter-spacing: 4px;}
 .ggwBox{margin-top:5%;}
 .ggwBox .boxL{text-align:left;padding-right: 50px;padding-top: 25px;}
 .ggwBox .boxR{color:#fff;font-size:22px;text-align:right;}
.ggwBox .boxL h2{color:#333333;padding: 25px 0px;font-size: 30px;}
.ggwBox .boxL .abContent{color:#333333;font-size: 16px;line-height: 40px;}
.ggwBox .boxR img{width:100%;}
.publicsBox{width:62.5%;margin:0 auto;}
.index_2 {width: 100%;height: 200px;background: #fa0001;}
 .ggws{}
 .ggws .boxL{margin-top: 20px;}
 
 .ggws .boxR{margin-top: 55px;text-align:center;}
.ggws .boxR p{font-size: 34px;color: #fff;line-height: 45px;}
.font12 {font-size: 12px;line-height: 20px;}
.font14 {font-size: 14px;line-height: 24px;}
.font16 {font-size: 16px;line-height: 28px;}
.font18 {font-size: 18px;line-height: 32px;}
.font30-1 {font-size: 30px;line-height: 10px;}
.font30 {font-size: 30px;line-height: 42px;}
.font36 {font-size: 36px;line-height: 48px;}
.font72 {font-size: 72px;line-height: 72px;}
  

:root {
	--blue: #0A579F; 
	--green: #37b147;
	--green1: #ebf7ec;
	--white: #ffffff; 
	--black: #000000;
	--gray: #f7f8fa;
	--gray1: #666;
	--gray2: #999;
	--gray3: #e5e5e5;
}

.index_q1 .inq1cen  {background: #fff;overflow: hidden ;}
.indexb .t a {width: 50%;display:block;float:left; font-size: 20px; position: relative; text-align:center; line-height:45px; transition:background ease .5s;}
.indexb .t a.on{color:#fff; background:#d1111b;  font-weight: bold;} 
.indexb .main {padding-top:8px;line-height:48px;}
.hidden {display:none !important;}
.indexb .div1 {height:30px;}
.in_classic ul {padding-top:40px}
.indexb {float: left;width:100%;    padding: 15px 0;}
.indexc {float: right;padding-top: 15px;}


/* header */
.gf_header {position:fixed;left: 0;top: 0;z-index: 100;width: 100%;transition:all .4s ease;    background: var(--white);}
.gf_header::after {content: '';width: 100%;height: 1px;background: var(--white);position: absolute;left: 0;bottom:0;opacity: .1;}
.gf_header_content {width:62.5%;margin: auto;position: relative;height: 75px;}
.gf_header_content_logo {width:25%;height: auto;position: absolute;top:50%;transform: translateY(-50%);left:0;z-index: 13;}
.gf_header_content_logo a {display: block;}
.gf_header_content_logo a img,.gf_header_content_logo a svg {display: block;width: 100%;height: auto;}
.gf_header_content_logo a svg,.gf_header_content_logo a * {fill: var(--white)!important;}
.gf_header_content_nav {text-align: right;width:100%;height: auto;position: absolute;top:50%;transform: translateY(-50%);left:0;z-index: 12;}
.gf_header_content_nav li{list-style: none;display: inline-block;vertical-align: middle;position: relative;}
.gf_header_content_nav a{color: #333333;}
.gf_header_content_nav a.gf_nav {position: relative;display: inline-block;margin-left: 30px;}
.gf_header_content_nav a.gf_nav::after {content: '';width: 0;height: 1px;background: var(--white);position: absolute;left: 0;bottom: -23px;transition:all .4s ease;}
.gf_header_content_nav a:hover {color: #fa0001;}
.gf_header_content_nav a.gf_nav:hover::after {width: 100%;}
.gf_header_content_show_nav {position: absolute;width: 180px;left: 0;top: 30px;z-index: 911;display: none;padding-top: 19px;}
.gf_header_content_show_nav ul{background: var(--white);padding: 5% 0px;overflow: hidden;margin: 0;list-style: none;border-top: 2px solid var(--green);}
.gf_header_content_show_nav ul a{display: block;color: var(--gray1);text-align: left;padding: 5px 20px;position: relative;font-size: 14px;}
.gf_header_content_show_nav ul a:hover {background: #fa0001;color: var(--white);}
.gf_header_content_show_nav ul a:hover sup {color: var(--white);}

.gf_header.scroll-down {background: var(--white);box-shadow: 0px 0px 10px #ccc;}
.gf_header.scroll-down .gf_header_content_logo a svg,
.gf_header.scroll-down .gf_header_content_logo a * {fill: var(--blue)!important;}
.gf_header.scroll-down .gf_header_content_nav a{color: var(--black);}
.gf_header.scroll-down .gf_header_content_show_nav ul a:hover,
.gf_header.scroll-down .gf_header_content_show_nav ul a:hover sup {color: var(--white);}

.blackheader .gf_header {background: rgba(0,0,0,.5);}
.fixed {background:none!important;}
.blackheader .gf_header.scroll-down {background: #fff;}
.no-touch .cd-nav-container {transform: translateX(0);}


/* about */
.ly-nr{border-bottom:1px solid #d2d9de;}
.bgBox{background:#e5f5ff;padding-bottom: 40px;}
.bgBoxRencai{background:url(../image/abBg.png) no-repeat;padding-bottom: 40px;background-size: cover;}
.fly-filter-right {    display: block;text-align: center;overflow-x: auto;  overflow-x: auto;}
 .fly-filter-right p {padding:0 30px;display:inline-block; position: relative;}
 .fly-filter-right a {
	 font-size: 16px;
    padding: 10px 20px;
    color: #333333;
    position: relative;
    border-radius: 15px;
    height: 100px;
    line-height: 100px;
 }
 
 
 
  .fly-filter-right a:hover{color:#333333 !important;}
 .fly-filter-right p:last-child {padding-right:0;}
 .fly-filter-right  a.layui-this-moren {background:#d1111b;}
  .fly-filter-right  a.layui-this-moren{color:#fff !important;}
/*  .fly-filter-right  a:after {content:"";width:0;height:3px;background:#0071bd;position:absolute;top:94%;left:50%;transition:all .6s;} */
/*  .fly-filter-right  a.layui-this-moren:after {content:"";width:0;height:3px;background:#0071bd;position:absolute;top:100%;left:50%;transition:all .6s;} */
/*  .fly-filter-right  a:hover:after {left:0%;width:100%;} */
 .fly-filter  .layui-this-moren {color:#fff;}
 .fly-filter-right p::after{display: block;clear: both;content: ""; position: absolute; right: 0 ;top: 42px;height: 18px;width: 1px;background: #ccc;}
 .fly-filter-right p:last-child::after{display: none;}
.nei_about{width:62.5%;margin: 2.5rem auto;}
.ggwBox .boxL  .abContent{line-height: 30px;}
   .accordion {width: 224px; }
      
      .accordion .link {
       cursor: pointer;
       display: block;
       padding: 12px 15px 12px 45px;
       color: #333;
       font-size: 14px;
      
      
       position: relative;
       -webkit-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
       transition: all 0.4s ease;
      }
      
      .accordion li{border-bottom: 1px solid #d2dbe1;}
     
      .accordion li i {
       position: absolute;
       top: 14px;
       left: 12px;
       font-size: 12px;
       color: #595959;
       -webkit-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
       transition: all 0.4s ease;
      }
      
      .accordion li i.fa-caret-right {
       right: 12px;
       left: auto;
       font-size: 16px;
       color: #9c9c9c;
      }
      
      
      
      .accordion li.open i {
       color: #0068b7;
      }
      .accordion li.open i.fa-caret-right {
       -webkit-transform: rotate(90deg);
       -ms-transform: rotate(90deg);
       -o-transform: rotate(90deg);
       transform: rotate(90deg);
      }
      
      .accordion li.default .submenu {display: block;}
      .submenu {
        display: none;
        font-size: 14px;
        border-top: 1px dashed #ccc;
      }
      
      .submenu li {
        border-bottom: 1px solid #eee;
      
      }
      .link span{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 90%;display: block;font-size: 16px;}
      .submenu a {
        display: block;
        text-decoration: none;
        color: #333;
        padding: 12px;
        padding-left: 45px;
        -webkit-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        transition: all 0.25s ease;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
      }
      .submenu li em{width:8px;height: 8px;background: #ccc;border-radius: 50%;display: inline-block;margin-right: 8px;}
      .submenu a:hover {
      
        color: #d1111b;
      }
      .submenu .col{ color: #d1111b;}
      .submenu .coll{ background: #d1111b;}
      .submenu li:hover em{background: #d1111b;}
	  
	  
	  
	  /* 1111111111 */
	  
	   .accordion li.default .submenuFour {display: block;}
      .submenuFour {
        display: none;
        font-size: 14px;
        border-top: 1px dashed #ccc;
      }
      
      .submenuFour li {
        border-bottom: 1px solid #eee;
      
      }
      .link span{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 90%;display: block;font-size: 16px;}
      .submenuFour a {
        display: block;
        text-decoration: none;
        color: #333;
        padding: 12px;
        padding-left: 45px;
        -webkit-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        transition: all 0.25s ease;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
      }
      .submenuFour li em{width:8px;height: 8px;background: #ccc;border-radius: 50%;display: inline-block;margin-right: 8px;}
      .submenuFour a:hover {
      
        color: #d1111b;
      }
      .submenuFour .col{ color: #d1111b;}
      .submenuFour .coll{ background: #d1111b;}
      .submenuFour li:hover em{background: #d1111b;}
	  
	  
	
	.list ul li .xianBox{ border-bottom:solid 1px #d2dbe1;}
	.list ul li .fristBox{
		padding-left: 30px;
    color: #333333;
    font-size: 16px;
    display: block;
    font-weight: 500;
    height: 70px;
    line-height: 70px;
    position: relative;
	}
	.list ul li .secondBox{
		padding-left: 25px;
    color: #333333;
    font-size: 13px;
    display: block;
    font-weight: 500;
    height: 48px;
    line-height: 48px;
    position: relative;
	}
	.greencircle{
	background: red;
    width: 5px;
    display: inline-table;
    height: 5px;
    margin: 3px 8px;
	}
	.cpfwbn{margin-top:75px;}
	.pron{margin-top:3.5rem;}
	 .pron .list{width:84%;}
	.list ul li .inactive{ background:url(../image/off.png) no-repeat 184px center;}
	.list ul li .inactives{background:url(../image/on.png) no-repeat 184px center;} 
	.list ul li ul{display: none;}
	.list ul li ul li {}
	.list ul li ul li ul{display: none;}
	.list ul li ul li a{ padding-left:20px;}
	.list ul li ul li ul li {}
	.last{ background-color:#d6e6f1; border-color:#6196bb; }
	.list ul li ul li ul li a{padding-left: 45px; color:#333333;line-height: 35px;font-size:12px;}
	.fanfrtit{padding:0 15px;}
.fanfrtit p{color: #333;font-size: 22px;float: left;font-weight: bold;} 
 .fanganfr .fafllb i{display: block;height: 1px;background: #ccc;margin-top: 10px} 
 .fanfrtit span{ padding-right: 10px;float: right;padding-top:5px;}
 .fanfrtit span img{padding-right: 5px;margin-top: -5px;}
 .fanfrtit .avt{color: #d1111b;}
.prony{padding:1.5rem 0;}
.prony  span{width: 310px;height: 276px;text-align: center;vertical-align: middle;display: table-cell;border: 1px solid #dddddd;}
.prony  span img{width:100%;max-height:276px;} 
.prony  li{display: block;text-align: center;    overflow: hidden;}
.prony  li p{padding: 20px;color: #333333;font-size: 14px;height:5px;}
.prony  li:hover p{color: #d1111b;}

	 /* 产品详情 */
.protsny{position: relative;margin-top: 1.4rem;}
.protsny .protsnydt{position: relative;width: 400px;height: 350px;}
.protsny .protsnydt li{position: absolute;display: none}
.protsny .protsnydt li span  {text-align: center;vertical-align: middle;display: flex;border: 1px solid #dddddd;padding: 40px;box-sizing: border-box;overflow: hidden;}
.protsny .protsnydt li span img{width: 100%;height: 100%; transition: 1s;display:block;}
.protsny .protsnydt li p{padding: 0 15px; font-size: 16px;color: #4f4f4f;text-align: center;}
.protsny .protsnytxt{float: right}
.protsnytxt{margin-top:1.4rem;}
.protsnytxt h3{font-size: 22px;color: #d1111b;padding-bottom: 25px;text-align:left;font-weight:bold;}
.protsnytxt pre{    font-size: 18px;
    color: #939393;
    line-height: 28px;
    text-align: left;
    font-weight: bold;}
.protsnyxt .active span{border: 1px solid #073190;}
.protsnyxt{padding: 10px 50px 50px 0}
 .protsnyxt li span  {width: 58px;height: 58px;text-align: center;vertical-align: middle;display: table-cell;border: 1px solid #dddddd;padding: 10px;box-sizing: border-box;overflow: hidden;}
 .protsnyxt li {display: block;text-align: center;cursor:pointer;}
 .protsnyxt li span img{width: 100%;height: 100%; transition: 1s;display:block;}
 .protsnyxia { margin-top:30px;}
.protsnyxia .protsnyll{width: 160px;font-size: 18px; height: 50px;line-height: 50px;text-align: center;background: #339999;color: #fff}
.protsnyxia .xian{width: 100%;height: 1px;background: #ccc}
.protsnyxia .xiawu{line-height: 30px;padding: 30px 0 1px 0}
.honortits {border-bottom:1px solid #cedce5;width:100%;height:46px;margin-top: 70px; }
.honortits p{width:15%;background:#d1111b;height: auto; display: block;line-height: 46px;color:#fff;font-size:16px;    text-align: center;border-radius:6px;}
.cpys{padding: 30px 10px;}
      .pron2tit i{display: block;height: 1px;background: #eee;margin-top: 10px;}
      .pron2tit h3{font-size: 18px;}


    .pron2{padding-top: 30px;}
    .pron2 li a{display: block;}
    .pron2 li .ywimg{width: 100%;height: 0;padding-bottom: 76%; overflow: hidden; }
    .pron2 li .ywimg img{transition: 1s;width: 100%;}
    .pron2 li:hover   img{transform: scale(1.2);}
    .pron2 li p{font-size: 16px ;color: #333;padding-top: 15px;text-align: center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
    .pron2 li:hover p{color: #0068b7;}
   
   /* 联系 */
   .conBox .lxBox{margin-top:10px;}
   .conBox .lxBox img{width: 17px;height: 17px;}
   .conBox .lxBox span{font-size:16px;margin-left: 10px;}
   .emailBox{margin-top: -40px; margin-left: 75px; width: 80%;}
   .emailBox li{margin-top:10px;}
   .conBox{margin-bottom:60px;}
   
   /* 资质 */
   .zizhiny {}
   .zizhiny  span{width: 350px;height:210px;text-align: center;vertical-align: middle;display: table-cell;border: 1px solid #dddddd;padding: 10px;}
   .zizhiny  span img{height: 90%;width: 80%; } 
   .zizhiny  li{display: block;text-align: center;margin-bottom: 20px;}
   .zizhiny  li p{padding: 20px;text-align: center; color: #646464;font-size: 14px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
   .zizhiny  li:hover p{color: #fa0001;}
   /* 页码 */
	.in-page{color:#888;margin-top: 30px;text-align: center;}
	.in-page span{padding:0 15px;border:1px solid #e8e8e8}
	.in-page a{height:35px;line-height:35px;padding:8px 12px;border:1px solid #e8e8e8;border-radius:3px;margin-left:4px}
	.in-page a.cur,.in-page a:hover{border-color:#fa0001;background:#fa0001;color:#fff}
    /*招聘  */
    .jobBox{width:100%;background:#fff;padding:30px;position:relative;margin-top: 25px;}
    .jobBox .titBox{font-size:18px;font-weight:bold;}
	.jobBox .desBox{padding:15px 0;line-height: 25px;font-size: 15px;}
    .jobBox .titBox span{font-size:13px;color:#666666;margin-left:0.5rem;}
	.jobBox .boxR a{width:30%;font-size:16px;background:#d1111b;color:#fff;line-height:25px;border-radius:10px;display:block;text-align:center;padding:10px 0;right: 0;top:1.8rem;position: absolute;}
	/* 新闻 */
	.group-news {}
.group-tt {
  margin-bottom: 50px;
  color: #333333;
  font-size: 36px;
  line-height: 1;
}
.group-list li {
  float: left;
  margin-right: 3.125%;
  margin-bottom: 60px;
  width: 31.25%;
  background: #fff;
}
.group-list li:nth-child(3n+3) {
  margin-right: 0;
}
.group-list li .pics {
  position: relative;
  display: block;
  padding-bottom: 58.3333%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.group-list li .pics img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: 0.58s;
}
.group-list li a:hover .pics img {
  transform: scale(1.05);
}
.group-list li a:hover .group-down:before {
  width: 100%;
}
.group-list li a:hover .group-down strong {
  color: #d1111b;
}
.group-down {
  padding: 22px 14px 22px;
  position: relative;
}
.group-down:before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 0;
  height: 2px;
  background: #d1111b;
  transition: 0.6s;
}
.group-down strong {
 display: block;
     height: 44px;
    line-height: 1.6;
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    transition: 0.4s;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.group-down .newsBox {
	font-size:14px;line-height:24px;height:34px;
}
.group-down time {
  display: block;
  margin-top: 20px;
  line-height: 1;
  color: #999999;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
}
.group-down span {
  display: block;
  position: absolute;
  right: 14px;
  bottom: 22px;
  line-height: 1;
  color: #d1111b;
  font-size: 16px;
}
/* 新闻详情 */

.view-wrap {
  padding: 50px 6% 110px;
  background: #fff;
  font-size: 0;
}
.party-time {
  display: inline-block;
  position: sticky;
  left: 0;
  top: 100px;
  width: 11.82%;
}
.party-year {
  padding: 24px 22px;
  text-align: center;
  background: #d1111b;
}
.party-year b {
  display: block;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.22);
  color: #fff;
  font-size: 50px;
  line-height: 1;
  font-weight: normal;
  font-family: "Helvetica";
}
.party-year time {
  display: block;
  margin-top: 15px;
  line-height: 1;
  color: #fff;
  font-size: 16px;
}
.view-prev {
  margin-top: 132px;
}
.view-btn {
  margin-bottom: 38px;
}
.view-btn a {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.view-btn a:hover span {
  color: #d1111b;
}
.view-btn a i {
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  font-size: 16px;
  border-radius: 50%;
  background: #d1111b;
}
.view-btn a span {
  display: block;
  margin-left: 8px;
  line-height: 40px;
  color: #666666;
  font-size: 16px;
  transition: 0.4s;
}
.views-content {
  display: inline-block;
  margin-left: 5.58%;
  width: 82.59%;
  vertical-align: top;
}
.views-title {
  margin-bottom: 34px;
}
.views-title strong {
  display: block;
  margin-bottom: 40px;
  color: #333333;
  font-size: 28px;
  font-weight: normal;
}
.views-title p {
  color: #d1111b;
  font-size: 16px;
}
.views-text {
  color: #333333;
  font-size: 16px;
}
.views-text img {
  max-width: 100%;
  width: auto !important;
  height: auto !important;
}
	
    /* 手机产品分类 */
    .sp_header{height:50px;overflow:hidden;background:#0068b7;position: relative;z-index:10;width:100%;display: none;}
    .sp_logo{padding:13px;float:left;height:50px;color: #fff;font-size: 18px;margin-left: 10px;}
    .sp_logo img{margin:auto;max-height:30px;}
    .sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px;margin-right: 10px;}
    .sp_nav span{display:block;background:#fff ;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
    .sp_nav span:nth-of-type(1){top:0px}
    .sp_nav span:nth-of-type(2){top:10px}
    .sp_nav span:nth-of-type(3){top:20px}
    .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
    .sp_nav_se span:nth-of-type(2){width:0}
    .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
    .sjj_nav{display: none; background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
    .nav_show{top:50px}
    .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
    .sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
    .sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
    .sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
    .sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 20px 0 20px;}
    .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{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
    .sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
    .sjj_nav ul li ul{display:none}
    .sjj_nav ul li a{color:#666;width:80%}
    .sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
    .sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
    .sjj_nav ul li .sjj_nav_i_se svg{fill:#0068b7}
    .sjj_nav ul li ul li>ul{margin-left:10px}

/* 产品   */

      .prosny{padding-top: 30px;}
    .prosny .pronyfl{border: 1px solid #ccc;padding:10px;}
    .prosny .pronyfl img{width: 100%;}
    .prosny .pronyfr{padding-left: 70px;}
      
    .nytab{padding-top: 50px;}

    .pronyfr h3{color: #0068b7;font-size: 22px;padding: 10px 0;font-weight: bold;}
   /*  .pronyfr span{color: #0068b7;font-size: 16px;line-height: 34px;} */
    .pronyfr span{font-size: 16px;line-height: 34px;}
    .pronyfr p{color: #666;font-size: 16px;line-height: 34px;}


/* footer */
.gf_footer {position: relative;overflow: hidden;}
.gf_footer_top {background:#ccebff;overflow: hidden;padding: 3% 0;}
.gf_footer_content {width: 74%;margin: auto;position: relative;}
.gf_footer_content_nav {overflow: hidden;float: left;width: 100%;position: relative;}
.gf_footer_content_nav h2{font-size: 26px;font-weight: bold;letter-spacing: 0.1rem;}
.gf_footer_content_nav .yyBox{font-size: 20px;font-weight: bold;margin-top:1.3rem;}
.gf_footer_content_nav ul{list-style: none;margin: 0;padding: 0;float: left;margin-right: 10%;}

.gf_footer_content_contact_box {margin-top:1.3rem;}
.gf_footer_content_contact_box .gf_item_1{
	    border-bottom: 1px solid var(--gray3);
    padding: 0.5% 0;
    overflow: hidden;
    font-size: 14px;
    width: 100%;
    color: var(--gray1);
    /* float: left; */
}
.gf_footer_content_contact_box .gf_item_1 span{margin-left:0.8rem;}
.gf_footer_content_contact_box .gf_social_1 {margin-top: 5%;}
.gf_footer_content_contact_box .gf_social_1 li{display: inline-block;vertical-align: middle;position: relative;}
.gf_footer_content_contact_box .ewm{position:absolute;top: 22px;right: 3%;text-align: right;width:70%;}
.gf_footer_content_contact_box .ewm .wechats{float:left;width:25%;}
.gf_footer_content_contact_box .wechats p{text-align:center;margin-left: 100px;;margin-top:0.8rem;}
.gf_footer_content_contact_box .wechats img{}
.gf_footer_content_nav ul:last-child {margin-right: 0;}
.gf_footer_content_nav ul strong{display: block;margin: 0;padding: 0;padding-bottom: 10%;}
.gf_footer_content_nav ul li{list-style: none;margin: 0;padding: 0;padding: 4% 0;}
.gf_footer_content_nav ul a{display: block;font-size: 14px;color: var(--gray1);padding: 5% 0;}
.gf_footer_content_contact {float: right;position: relative;width:49%;}
.gf_footer_content_contact .gf_item_1{border-bottom: 1px solid var(--gray3);padding: 3% 0;overflow: hidden;font-size: 14px;color: var(--gray1);}
.gf_footer_content_contact .gf_social_1 {margin-top: 5%;}
.gf_footer_content_contact .gf_social_1 li{display: inline-block;vertical-align: middle;position: relative;}
.gf_footer_content_contact .gf_social_1 i{display: block;width:34px;height: 34px;border: 1px solid var(--gray2);opacity: .5;position: relative;}
.gf_footer_content_contact .gf_social_1 i::before {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-position: center;background-repeat: no-repeat;}
.gf_footer_content_contact .gf_social_1 i.wx::before {background-image: url('../image/wx.png');}
.gf_footer_content_contact .gf_social_1 i.wb::before {background-image: url('../image/wb.png');}
.gf_footer_content_contact .gf_social_1 i.jd::before {background-image: url('../image/jd.png');}
.gf_footer_content_contact .gf_social_1 i.tm::before {background-image: url('../image/tm.png');}
.gf_footer_content_contact .gf_social_1 li:hover i{background-color: var(--green);border: 1px solid var(--green);opacity: 1;}
.gf_footer_content_contact .gf_social_1 li:hover i::before {filter: invert(100%);}
.gf_footer_bottom {padding: 1% 0;overflow: hidden;background: #333333;font-size: 12px;color: var(--gray3);}
.gf_footer_bottom  a {color: var(--gray3);font-size: 12px;margin: 0 5px;}
.gf_footer_bottom  a:hover {color: var(--white);}
.gf_footer_content_center {text-align:center;}
.gf_ewmshow {display: none;width: 100px;height: 100px;position: absolute;left: -30px;bottom: 45px;z-index: 3;background: #fff;box-shadow: 0px 0px 10px #ccc;}
.gf_ewmshow:after{border: 5px solid transparent;border-top: 5px solid #fff;width: 0;height: 0;position: absolute;content:""; bottom:-10px; left:50%; margin-left:-5px;}
.gf_ewmshow img {display: block;width:100px;height: 100px;}
.gf_footer_content_contact .gf_social_1 li:hover .gf_ewmshow{display: block;} 




/* index */
.gf_index_banner {position: relative;}
.gf_index_banner_swiper {overflow: hidden;} 
.banner_swiper_text{position: absolute;left:0;top:50%;z-index: 20;width: 100%;transform: translateY(-70%);text-align: center;color: var(--white);}
.banner_swiper_text .gf_title_1{overflow: hidden;font-weight: 600;}
.banner_swiper_text .gf_text_1 {margin-top: 1%;}
.banner_swiper_text .gf_text_1 sup {font-size: 12px;}
.gf_more_1 {margin-top: 2%;text-align: center;}
.gf_more_1 a{display: inline-block;padding:9px 0px;color: var(--white);border: 1px solid var(--white);border-radius: 100px;width: 150px;}
.gf_more_1 a:hover {background: var(--green);border: 1px solid var(--green);color: var(--white);}
.banner_swiper_img {background-position: center;background-repeat: no-repeat;background-size: cover;}
.gf_index_banner_swiper .swiper-slide-active .banner_swiper_img {animation: srmgani 4000ms 1 ease forwards;}
@keyframes srmgani{0%{transform:scale(1.05);} 100%{transform:scale(1.0);}}
.gf_index_banner_swiper .swiper-pagination.banner_swiper_pagination {bottom: 3%;}
.gf_index_banner_swiper .swiper-pagination.banner_swiper_pagination span{background: var(--white);opacity: 1;}
.gf_index_banner_swiper .swiper-pagination.banner_swiper_pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {background: #ffef03;}
.banner_swiper_text .gf_title_1 {transform:translateY(200px);opacity:0;transition:all 0.6s;}
.banner_swiper_text .gf_text_1  {transform:translateY(200px);opacity:0;transition:all 0.7s;}
.banner_swiper_text .gf_more_1  {transform:translateY(200px);opacity:0;transition:all 0.9s;}
.gf_index_banner_swiper .swiper-slide-active .banner_swiper_text .gf_title_1,
.gf_index_banner_swiper .swiper-slide-active .banner_swiper_text .gf_text_1,
.gf_index_banner_swiper .swiper-slide-active .banner_swiper_text .gf_more_1 {transform:translateY(0px);opacity:1;}

.gf_Who_are_we {padding: 3.5% 0 0 0;overflow: hidden;text-align: center;background: #ccebff;}
.gf_text_2{margin-top: .5%;color: var(--gray1);}
.gf_Who_are_we_bottom {padding: 2.5% 0 0 0;}
.gf_Who_are_we_bottom_icon {display: inline-block;vertical-align: middle;}
.gf_Who_are_we_bottom_icon .gf_title_1{margin-top: 3%;}
.gf_add_1 {display: inline-block;vertical-align: middle;margin: auto 5%;}


.indexPart1 .list{padding-left: 30px; }
.indexPart1 .list li{float:left; padding:0 0 1px 1px;width: 24%;padding: 65px 0px;border-radius:10px;}
.indexPart1 .list .actives:hover{background:#0087fa;}
.indexPart1-item .list a:hover .titleBox .desBox{color:#fff;}
.indexPart1 .list a{display:block; text-align:center;font-size:18px;}
.indexPart1 .list .img2{display:none;}
.indexPart1 .list li .titleBox{padding-top: 25px;font-size:20px;}
.indexPart1 .list li .desBox{padding: 20px 25px;font-size: 14px;line-height: 25px;}
.indexPart1 .list li.on a{display:block;color:#FFF;}
.indexPart1 .list li.on img{display:none;}
.indexPart1 .list li.on:hover{color:#fff;}
.indexPart1 .list li.on .img2{display:inline-block;}


.gf_application_scenarios {padding: 0 0 5% 0;overflow: hidden;background: url(../image/bg2.jpg) no-repeat;background-size: cover;z-index: 100;}
.gf_index_content {width: 74%;margin:3.8% auto;}
.gf_index_content_box {width: 74%;margin:0 auto;}
.gf_application_scenarios_top {text-align: center;}
.gf_application_scenarios_nav {margin-top: 4%;}
.gf_application_scenarios_nav .gf_icon_1{width: 55px;height: 55px;margin: auto;position: relative;}
.gf_application_scenarios_nav .gf_icon_1 img {filter: grayscale(100%);opacity: .5;}
.gf_application_scenarios_nav .gf_title_1{color: var(--gray1);}
.gf_application_scenarios_nav a{display: inline-block;vertical-align: middle;position: relative;}
.gf_application_scenarios_nav a::after {content: '';width: 1px;height: 100%;background: var(--gray2);position: absolute;right: 0;top: 0;opacity: .2;}
.gf_application_scenarios_nav a:last-child::after {display: none;}
.gf_application_scenarios_nav a.cur .gf_icon_1 img{filter: grayscale(0);opacity: 1;}
.gf_application_scenarios_nav a.cur .gf_title_1 {color: var(--black);}
.gf_application_scenarios_bottom {margin-top: 1.5%;}
.gf_application_scenarios_item {position: relative;background: var(--black);overflow: hidden;}
.gf_application_scenarios_item .gf_swiper_img{background-position: center;background-repeat: no-repeat;background-size: cover;}
.gf_application_scenarios_item .gf_swiper_text{position: absolute;width: 92%;left: 0;bottom: 0;background: rgba(0,0,0,.2);z-index: 11;padding:2% 4%;text-align: left;color: var(--white);}
.gf_application_scenarios_item .gf_title_1{overflow: hidden;}
.gf_application_scenarios_item .gf_text_1{opacity: .8;}
.gf_application_scenarios_item .gf_more_2{position: absolute;right: 4%;top: 50%;transform: translateY(-50%);margin: 0;}
.gf_application_scenarios_item .gf_time_1 {display: none;}
.gf_more_2 {text-align: center;}
.gf_more_2 a{display: inline-block;padding:5px 0px;color: var(--white);border: 1px solid var(--white);border-radius: 100px;width: 110px;}
.gf_more_2 a:hover {background: var(--green);border: 1px solid var(--green);color: var(--white);}

.gf_explore_light_shadow {padding: 0 0 4% 0;overflow: hidden;background: url(../image/bg4.jpg) no-repeat;z-index: 100;}
.gf_explore_light_shadow-top {text-align: center;}
.gf_explore_light_shadow-bottom {margin-top: 4%;}
.gf_explore_light_shadow-item {float: left;width: 32%;box-sizing: border-box;border: 1px solid var(--gray3);margin-right: 2%;background:#fff;}
.gf_explore_light_shadow-item:last-child {margin-right: 0;}
.gf_explore_light_shadow-item .gf_img{overflow: hidden;}
.gf_explore_light_shadow-item .gf_img .pic {transition:all .4s ease;}
.gf_explore_light_shadow-item .gf_img a:hover .pic {transform: scale(1.05);}
.gf_explore_light_shadow-item .gf_text{padding:5%;text-align: left;position: relative;}
.gf_explore_light_shadow-item .gf_title_1 {color: var(--black);}
.gf_explore_light_shadow-item .gf_text_1{color: var(--gray1);margin-top: 2%;}
.gf_explore_light_shadow-item .gf_more_2{margin-top: 5%;display: inline-block;}
.gf_explore_light_shadow-item .gf_more_2 a {border: 1px solid var(--gray3);color: var(--gray2);}
.gf_explore_light_shadow-item .gf_more_2 a:hover {border: 1px solid var(--green);color: var(--white);background: var(--green);}

.gf_more_3 {text-align: center;clear: both;padding-top: 3%;}
.gf_more_3 a {display: inline-block;position: relative;text-align: center;border: 1px solid var(--gray3);border-radius: 100px;overflow: hidden;padding: 6px 10px 5px 20px;font-size: 0;}
.gf_more_3 span {display: inline-block;vertical-align: middle;margin-right: 10px;color: var(--gray1);}
.gf_more_3 i {display: inline-block;vertical-align: middle;width: 20px;height: 20px;background: var(--green) url('../image/r1.png') center no-repeat;position: relative;border-radius: 100%;border: 3px solid var(--green1);}
.gf_more_3 a:hover {background: var(--green);}
.gf_more_3 a:hover span {color: var(--white);}

.gf_index_news {padding: 0 0 5% 0;overflow: hidden;}
.gf_index_news_top {text-align: center;}
.gf_index_news_bottom {margin-top: 2%;}
.gf_explore_light_shadow-item .gf_time_1 {text-align: center;position: absolute;right: 6%;bottom: 16%;}
.gf_explore_light_shadow-item .gf_time_1 i{display: inline-block;vertical-align: middle;width: 18px;height: 18px;background: url('../image/time.png');margin-right: 10px;}
.gf_explore_light_shadow-item .gf_time_1 span{display: inline-block;vertical-align: middle;color: var(--gray2);font-family: Arial, Helvetica, sans-serif;}




/* application */
.gf_application_banner {overflow: hidden;position: relative;}
.banner_nav_content {width: 74%;margin: auto;}
.gf_application_banner .banner_text{position: absolute;width: 100%;top: 35%;left: 0;z-index: 11;color: var(--white);text-align: center;}
.gf_application_banner .banner_text .gf_title_1{overflow: hidden;}
.gf_application_banner .banner_text .gf_text_2{color: var(--white);opacity: .8;}
.gf_application_banner .banner_nav{position: absolute;width: 100%;height: auto;left: 0;bottom: 0;z-index: 20;background: rgba(0,0,0,.3);padding: 2% 0;text-align: center;} 
.gf_application_banner .banner_nav a{display: inline-block;vertical-align: middle;position: relative;width: 16%;} 
.gf_application_banner .banner_nav a::after {content: '';width: 1px;height: 100%;background: var(--white);position: absolute;right: 0;top: 0;opacity: .1;}
.gf_application_banner .banner_nav a:last-child::after {display: none;}
.gf_application_banner .banner_nav .gf_icon_1{position: relative;width: 55px;height: 55px;margin: auto;} 
.gf_application_banner .banner_nav .gf_icon_1 img {filter: grayscale(100%);}
.gf_application_banner .banner_nav .gf_title_1{color: var(--white);opacity: .5;} 
.gf_application_banner .banner_img{background-position: center;background-repeat: no-repeat;background-size: cover;}
.gf_application_banner .banner_img img{display: block;width: 100%;height: auto;}
.gf_application_banner .banner_nav a.cur .gf_icon_1 img,.gf_application_banner .banner_nav a:hover .gf_icon_1 img {filter: grayscale(0);}
.gf_application_banner .banner_nav a.cur .gf_title_1,.gf_application_banner .banner_nav a:hover .gf_title_1 {opacity: 1;}

.gf_application_content {padding: 3% 0;overflow: hidden;}
.gf_application_content .gf_index_content {width: 63%;}
.gf_application_content_top {text-align: center;border-bottom: 1px solid var(--gray3);padding-bottom: 3%;overflow: hidden;}
.gf_application_content_bottom {padding: 3% 0;overflow: hidden;}
.gf_application_content_bottom img {max-width: 100%;}




/* nav */
.menu-toggle {display: block;width: 40px;height: 40px;position: absolute;overflow: hidden;right: 1%;top: 50%;display: none;z-index: 999;margin-top: -20px;}
.cd-nav-trigger {display: block;width: 40px;height: 40px;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:2px;background:#000;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger:after {margin-top:-7px;top:0;transition-delay:0.27s;}
.menu-toggle span.hamburger:before {margin-top:7px;top:0;transition-delay:0.2s;}
.menu-toggle span.cross:before,
.menu-toggle span.cross:after {content:"";display:block;width:24px;height:2px;background:#fff;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
.menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
.no-touch .menu-toggle span.hamburger,
.no-touch .menu-toggle span.hamburger:after,
.no-touch .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);transform:translateX(70px);transition-delay:0.12s;}
.no-touch .menu-toggle span.hamburger:after {transition-delay:0s;}
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.no-touch .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);transform:rotate(45deg);background: #fff;}
.no-touch .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;background: #fff;}






@media screen and (max-width: 5120px) {
	.gf_Who_are_we_bottom_icon .gf_icon_1 img {max-width: 100%;max-height: 100%;}
}
@media screen and (max-width: 3840px) { 

}
@media screen and (max-width: 2560px) {
	
}
@media screen and (max-width: 2048px) {
	
}
@media screen and (max-width: 1920px) {	
	.gf_explore_light_shadow-item .gf_text_1{min-height: 40px;}
	.gf_explore_light_shadow-item .gf_title_1 strong{display: block;}
	.gf_explore_light_shadow-bottom .gf_explore_light_shadow-item:nth-child(3),.gf_explore_light_shadow-bottom .gf_explore_light_shadow-item:last-child {margin-right: 0;}
}
@media screen and (max-width: 1680px) {
	.font14 {font-size: 12px;line-height: 22px;}
	.font16 {font-size: 14px;line-height: 24px;}
	.font18 {font-size: 16px;line-height: 28px;}
	.font30 {font-size: 24px;line-height: 34px;}
	.font36 {font-size: 30px;line-height: 40px;}
	.font72 {font-size: 52px;line-height: 52px;}
	.gf_header_content_show_nav ul a,.gf_footer_content_contact .gf_item_1,.gf_footer_content_nav ul a {font-size: 12px;}
	.gf_application_banner .banner_nav {padding: 1.5% 0;}
	.gf_more_1 a {padding: 6px 0px;width: 110px;}
	.ggwBox .boxL .abContent{height:200px; overflow:hidden;overflow-y:auto;    margin-bottom: 20px;}
	 .ggwBox .boxL .abContent p{padding: 0 15px 0 0;}  
}
@media screen and (max-width: 1440px) {
		.ggwBox .boxL .abContent{height:180px; overflow:hidden;overflow-y:auto;    margin-bottom: 20px;}
		  .ggwBox .boxL .abContent p{padding: 0 15px 0 0;}  
  .ggwBox .boxL h2 { font-size: 26px;}
	.font18 {font-size: 15px;line-height: 26px;}
	.font30 {font-size: 22px;line-height: 32px;}
	.font36 {font-size: 28px;line-height: 38px;}
	.font72 {font-size: 42px;line-height: 42px;}
	.gf_header_content {width: 74%;height: 65px;}
	.gf_header_content_show_nav {width: 140px;top: 25px;}
	.gf_Who_are_we_bottom_icon .gf_icon_1{width: 180px;height: 180px;}
}
@media screen and (max-width: 1366px) {
	.ggws .boxR p{font-size:20px;}
    .ggwBox .boxL h2 { font-size: 25px;}
	.font16 {font-size: 12px;line-height: 22px;}
	.gf_application_banner .banner_nav .gf_icon_1,.gf_application_scenarios_nav .gf_icon_1 {width: 45px;height: 45px;}
	.gf_application_banner .banner_nav .gf_icon_1 img,.gf_application_scenarios_nav .gf_icon_1 img{max-width: 70%;max-height: 70%;}
}
@media screen and (max-width: 1280px) {
   .ggwBox .boxL h2 { font-size: 20px;}
	.gf_application_content .gf_index_content {width: 74%;}
	.gf_Who_are_we_bottom_icon .gf_icon_1{width: 150px;height: 150px;}
}
@media screen and (max-width: 1152px) {
	.gf_header_content ,.gf_index_content,.gf_footer_content,.gf_application_content .gf_index_content,.banner_nav_content{width: 90%;}
	.gf_footer_content_nav ul {margin-right: 5%;}
	.gf_footer_content_contact {width: 40%;}
	 .ggwBox .boxR{margin-top:8%;}
}
@media screen and (max-width: 1024px) {
	 .ggwBox .boxR{margin-top:14%;}
}
@media screen and (max-width: 980px) {
	.font72 {font-size: 24px;line-height: 32px;}
	.font18 {font-size: 14px;line-height: 22px;}
	.font30 {font-size: 18px;line-height: 28px;}
	.font36 {font-size: 22px;line-height: 34px;}
	.font14 {font-size: 14px;line-height: 24px;}
}
.layui-btn{background: #fb1901;width: 40%; height: 60px;}
.xii{display: block;height: 1px;background: #cedce5;margin: 15px 0;}
.maps{width:100%; height:400px;border:#ccc solid 1px;font-size:12px;padding-bottom:30px;}
@media screen and (max-width: 860px) {
	.maps{width:100%; height:300px;}
	.publicsBox { width: 90%;}
	.zpBox p img{width:100%;}
	.jobBox{width:auto;}
	.jobBox .boxR a {
    width: 40%;
    font-size: 14px;
    background: #d1111b;
    color: #fff;
    line-height: 25px;
    border-radius: 10px;
    display: block;
    text-align: center;
    padding: 5px 0;
    right: 0;
    top: 0.8rem;
    position: relative;
}
	.nei_about{width:90%;}
	.group-list li{width:100%;margin-bottom: 40px;}
	.fanfrtit{display:none;}
	.xii{display:none;}
	.gf_explore_light_shadow .ftitle{margin:10px 0 30px 0;}
	.ggwBox .boxL{padding-top:0;}
	.layui-btn{height: 40px;}
	.layui-input, .layui-select, .layui-textarea{height:38px;}
	.indexPart1 .list{padding-left:0;}
	.gf_index_content_box{width:90%}
	.index_2{display:none;}
	.indexPart1 .list li{width:100%;padding: 25px 0px;}
	.abTitle{font-size:28px;}
	.gf2022 .ftitle{font-size:24px;}
	.gf2022 .xian{width: 8%;margin: 2% auto;}
	.ggwBox .boxL h2{font-size:24px;padding: 30px 0px;line-height:34px;}
	.ggwBox .boxL .abContent{line-height:30px;padding-bottom: 25px;}
	.ggwBox .boxL{padding-right:0px;}
	::-webkit-scrollbar{height:0px; width:0px;}
	.pcshow ,.aside-top a,.gf_footer_content_nav,.gf_footer_content_right,.gf_application_banner .banner_nav{display: none!important;}
	.mbshow,.menu-toggle,.gf_application_scenarios_item .gf_time_1,.gf_header_content_nav a.gf_nav{display: block!important;}
	.gf_index_banner,.gf_application_banner {margin-top: 65px;}
	.gf_header {background: var(--white);}
	.gf_header .gf_header_content_logo a svg, .gf_header .gf_header_content_logo a *{fill: var(--blue)!important;}
	.no-touch .gf_header.scroll-down  .gf_header_content_logo a svg, .no-touch .gf_header.scroll-down  .gf_header_content_logo a *,.no-touch .gf_header .gf_header_content_logo a svg, .no-touch .gf_header  .gf_header_content_logo a *{fill: var(--white)!important;}
	.gf_header_content_logo {width: 65%;z-index: 111;}
	.gf_header_content_nav {z-index: 100;position: fixed;top: 0;background: rgba(0,0,0,.9);}
	.gf_header_content_nav {text-align: center;width: 100%;height: 100%;transform: translateY(-100%);left: 0;box-sizing: border-box;overflow: auto;padding: 25% 5% 5% 5%;transition:all .4s ease;}
	.gf_header_content_nav li {display: block;border-bottom: 1px solid rgba(255,255,255,.2);}
	.gf_header_content_nav a.gf_nav {padding: 3% 0;overflow: hidden;font-size: 16px;margin-left:0px;color:#fff;}
	.no-touch .gf_header_content_nav{transform: translateY(0);}
	.gf_header_content_show_nav {width: 100%;top: auto;position: relative;left: auto;text-align: center;padding-top: 0px;}
	.gf_header_content_show_nav ul {background: none;}
	.gf_header_content_show_nav ul a {font-size: 14px;color: var(--gray3);text-align: center;}
	.gf_header.scroll-down .menu-toggle span.hamburger,.gf_header.scroll-down .menu-toggle span.hamburger:after, .gf_header.scroll-down .menu-toggle span.hamburger:before{background: #000;}
	.gf_header.scroll-down .gf_header_content_nav a{color: var(--white);}
	.gf_application_banner .banner_img img {width: 200%;max-width: 200%;}
	.gf_footer_content_contact .gf_title_1 strong{font-size: 18px;}
	.gf_explore_light_shadow-item .gf_title_1 {width: 100%;overflow: hidden;}
	.gf_explore_light_shadow-item .gf_title_1 strong {font-size: 16px;overflow: hidden;width: 100%;display: block;}
	.banner_swiper_text .gf_more_1 {margin-top: 6%;}
	.banner_swiper_text .gf_text_1 ,.gf_Who_are_we_top,.gf_application_banner .banner_text .gf_text_2{width: 100%;margin: auto;}
	.gf_Who_are_we,.gf_Who_are_we_bottom ,.gf_explore_light_shadow,.gf_footer_top{padding: 10% 0;}
	.gf_Who_are_we_top .gf_text_2,.gf_application_scenarios_bottom ,.gf_explore_light_shadow-bottom,.gf_index_news_bottom{margin-top: 5%;}
	.gf_Who_are_we_bottom_icon .gf_icon_1 {width: 110px;height: 110px;}
	.gf_application_scenarios_swiper .swiper-wrapper {display: block;}
	.gf_application_scenarios_swiper .swiper-wrapper .swiper-slide {margin-bottom: 5%;}
	.gf_application_scenarios_item .gf_swiper_text {padding: 3% 4%;}
	.gf_explore_light_shadow-item {float: none;width: 100%;margin-right: 0;margin-bottom: 5%;}
	.gf_explore_light_shadow-item .gf_time_1 {bottom: 20%;}
	.gf2022 sup,.banner_swiper_text .gf_text_1 sup {font-size: 8px;line-height: 10px;}
	.gf2022 .clamp1 {text-overflow:normal;white-space:normal;overflow: hidden;}
	.gf_more_1 a {padding: 4px 0px;width: 100px;}
	.banner_swiper_text .gf_text_1 {font-size: 10px;line-height: 18px;}
	.gf_footer_bottom {padding: 3% 0;}
	.gf_index_news {padding: 5% 0 20% 0;}
	.gf_application_scenarios {padding: 0;}
	.gf_more_1 a {font-size: 12px;}
	.gf_text_2.font14 {font-size: 12px;}
	.gf_footer_content_contact {width: 100%;}
	
}




/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
	
}

/* iPad x*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}
/* iPad y */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	
}











