html {font-size: 60pt;}

@media screen and (min-width: 1920px) {html {font-size:65pt;}}

@media screen and (min-width:2200px) {html {font-size:70pt;}}

body{

  font-family: "迷你简黑体","PingFang SC", "HanHei SC", "Helvetica Neue", "Microsoft Yahei", "Helvetica", "STHeitiSC-Light", "Arial", sans-serif;overflow-x:hidden;

}

  .caseview-item{padding-bottom: 1.2%;width:92.09375%;display:block;}/*45.546875%*/

.grid-item {

    padding-bottom: calc(65 * 100vw / 2560);width:30.078125%;display:block;font-size:0.16rem;

  }

  small{transform: scale(0.95)}

  a:hover{color:#333;}

  /* .grid-item:nth-child(3n+2){margin-right:0.9765625%;margin-left:0.9765625%} */

  a.grid-item{color:#333;line-height: 2em;}

  .grid-item img,.caseview-item img{display:block;}

  .global-padding,.grid-container{padding-left:3.90625%;padding-right:3.90625%;}

  /* .grid-container{max-width:1366px;margin:0 auto;} */

  .text-center{text-align: center;}



  .text-sm{font-size:12px;}

  /* .top-padding{padding-top:0.47rem;padding-bottom:0.46%} */

  .top-header{position:fixed;z-index:99;background-color:#fff;width:100%;left:0;top:0;

    /* box-shadow:0 2px 2px rgba(0,0,0,0.1);  */

  }

  .margin-right{margin-left:1em;}

  .nav{display:inline-block;margin-left:14.2578125%;float:left;line-height:0.3rem;margin-top:0.3rem;width:50%;}

  .nav-home{margin-top:0.4rem;margin-right:3.90625%;line-height:0.1rem;}

  .nav-home,.nav a,.nav >.nav-first{font-size:0.16rem;}

  .nav >a{margin-right:1.5625%;display:inline-block;}

  .nav >.nav-first{color:#000;display: inline-block;white-space: nowrap;margin-right:1.5625%}

  .nav >.nav-first >span{width:0;height:auto;display:inline-block;float:right;overflow: hidden;}

  .nav >.nav-first >span>a,.get-span-width a{display:inline-block;font-size:0.13rem;}

  .get-span-width{font-size:0.13rem;position: fixed;left:-1000px;opacity: 0;}

  /* .nav >.nav-first:hover >span{height:auto;} */

  .nav >span.active{display:inline-block;}

  .nav >a{color:#000;}

  .nav a:focus{outline: none;text-decoration: none;}

  .nav a:hover,.nav .active,.nav-home:hover,.nav >.nav-first:hover{color:#9a9a9a;text-decoration: none;}

.fr{float:right;}

.gray,a.gray{color:#999;}

a.gray:hover{color:#333;}

.white{color:#fff;}

.imgfull{width:100%;display:block;}

.logo{width:21%;min-width:220px;padding-bottom:3px;}

a{text-decoration: none;color:#333;}

a.black{color:#020202;}

a.block{display:block;}

.new-more{width:30.078125%;margin:calc(110 * 100vw / 2560) auto calc(180 * 100vw / 2560);line-height:2.1em;font-size:0.16rem;text-align: justify;color:#666;}

.new-more h3{text-align: center;font-weight: normal;color:#010101;font-size:0.2rem;margin-bottom:calc(100 * 100vw / 2560)}

/* .footer-nav-box{float:right;width:50%;margin-top:3%;margin-bottom:3%;min-width:630px;}

.footer-nav{font-size:13px;line-height:2.5em;}

.footer-nav a{display:block;color:#999;font-size:12px;overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;}

.footer-nav h5{font-weight:normal;color:#333;margin-bottom:1em}

.footer-nav .col-md-4{padding-left:0;margin-bottom:3em;} */



.video-box{width:20.3125%;position:absolute;right:3.90625%;top:calc(70 * 100vw / 2560);font-size:0.16rem;line-height: 2em;}

.video{height:calc(290 * 100vw / 2560);}

.ctrl-hover{cursor: default;position:relative}

.ctrl-hover .ctrl-hover-box{background-color:#fff;width:0;height:0;position:absolute;left:0;overflow: hidden;color:#999;transition: all .3s;opacity:0;line-height:2.24em;padding-left:calc(40 * 100vw / 2560);padding-right:calc(40 * 100vw / 2560);font-size:0.12rem;}

.ctrl-hover:hover .ctrl-hover-box{opacity:1;}

.ctrl-hover:hover .hover-contact{width:calc(510 * 100vw / 2560);height:calc(650 * 100vw / 2560);}

.ctrl-hover:hover .hover-about{width:calc(750 * 100vw / 2560);height:calc(420 * 100vw / 2560);}/*710*/

.ctrl-hover:hover .hover-coop{padding-left:calc(95 * 100vw / 2560);padding-right:calc(95 * 100vw / 2560);width:calc(950 * 100vw / 2560);height:calc(750 * 100vw / 2560);}



.news-list-box{margin:calc(100 * 100vw / 2560) 17%}

.list_page{padding-bottom:3em;font-weight: normal;}

.news-list{border-bottom:1px solid #ddd;display:flex;font-size:0.16rem;line-height:0.35rem;}

.news-time{position:relative;width:calc(290 * 100vw / 2560);padding-top:calc(50 * 100vw / 2560);justify-content:space-between;color:#434343}

.news-list .desc{font-size:14rem;color:#999999;}

.news-time:after{content:' ';position:absolute;width:calc(98 * 100vw / 2560);height:1px;background-color:#999;right:15%;z-index:-1;top:calc(72 * 100vw / 2560);;}

.news-img{width:calc(310 * 100vw / 2560);}

.news-img img{width:calc(310 * 100vw / 2560);height:calc(200 * 100vw / 2560);float:right;margin-bottom:calc(20 * 100vw / 2560);margin-top:calc(20 * 100vw / 2560);}

.news-content{padding-right:calc(210 * 100vw / 2560);padding-top:calc(50 * 100vw / 2560);flex:3}

.news-title{color:#434343;}

.article h1{font-size:14px;}

.article img{max-width:100%;height:auto!important;}



.index-intro-box{padding:calc(60 * 100vw / 2560) 3.90625% calc(136 * 100vw / 2560) 21.875%;overflow:hidden;position:relative;text-align: justify;}

.index-intro{width:39.4736%;font-size:0.16rem;line-height:2.1em;}

.content-title{line-height:3em;font-size:0.16rem;padding-left:21.875%;}



.logo-text{font-family: "Arial";margin-left:3.90625%;font-size:0.26rem;margin-top:0.38rem;line-height:0.1rem;margin-bottom:0.18rem;display:block;letter-spacing: 0;color:#000;float:left;}

a.logo-text:hover{color:inherit;text-decoration: none;}



.footer-list-header,.footer-list-follow{margin-bottom:0.28rem;overflow: hidden;}

.footer-list-header span,.footer-list-follow span{float:right;display:inline-block;text-align:left;font-size:0.18rem;}

.footer-list-header span{margin-left:calc(125 * 100vw / 2560);}

.footer-list-header span:nth-child(3){margin-left:0;}

  ul.footer-list{list-style: none;width:100%;font-size:0.2rem;margin-bottom:calc(70 * 100vw / 2560);overflow:hidden;padding-left:0;}

  .footer-bottom{margin-bottom:calc(120 * 100vw / 2560);text-align: right;}

ul.footer-list li,ul.footer-list li h5,ul.footer-list li a{display:inline-block;}

ul.footer-list li h5{line-height:0;}

ul.footer-list li{float:right;text-align: left;}

ul.footer-list li a{font-size:0.16rem;line-height:2.2em;display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}



.copyright{width:30.078125%;margin:0 auto 0 17.2%;line-height:2.2em;font-size:0.12rem;color:#f5e2db;}

.copyright .adjust-text{min-width:450px;}

.copyright .h1{font-size:0.36rem;font-family:"arial";font-weight:bold;margin-bottom:0.36rem;line-height:0;color:#fff;}

.copyright .margin-top-50{margin-top:0.22rem;}



.bottom-box{background-color:#e1b0a1;padding:calc(50 * 100vw / 2560) 0 calc(85 * 100vw / 2560);position:relative;}

.bottom-box .qrcode{position: absolute;bottom:calc(100 * 100vw / 2560);left:37.1875%;letter-spacing:0;font-size:0.12rem;line-height:2.4em;color:#fff;}

.bottom-box .qrcode .img{width:calc(120 * 100vw / 2560);float:left;display:inline-block;margin-right:calc(50 * 100vw / 2560);text-align: center;}

.bottom-box .qrcode .img img{width:100%;}



.list_page{letter-spacing: 1px;padding-top:10px;font-family: arial;}

.padding-top{padding-top:6em;}



.nav-menu,.mobile-popup-close{display:none;}

.pc-hide{display:none!important;}



.home-video-box {

  margin-bottom: 60px

}





.modal {

  position: fixed !important;

  top: 50%;

  left: 50%;

  _position: absolute;

  _top: 15%;

  _margin-top: 0;

  z-index: 1050;

  width: 660px;

  margin-left: -330px;

  margin-top: -300px;

  background-color: #fff;

  outline: none

}



.modal.fade {

  -webkit-transition: opacity .4s linear, top .4s ease-out;

  transition: opacity .4s linear, top .4s ease-out;

  top: -25%

}



.modal.fade.in {

  top: 50%;

 display:block!important;

  _top: 15%

}



.modal .close {

  position: absolute;

  top: 14px;

  right: 14px;

  width: 30px;

  height: 30px;

  line-height: 30px;

  text-align: center;

  color: #757575;

  cursor: pointer;

  -webkit-transition: all .2s;

  transition: all .2s;

  z-index: 10;

  border-radius: 15px

}



.modal .close:hover {

  color: #fff;

  background-color: #e53935

}



.modal .close .iconfont {

  font-size: 24px;

  font-weight: 200;

  vertical-align: middle;

  font-style: normal;

}



.modal-hide {

  display: none

}



.modal-header, .modal-hd {

  position: relative;

  /* height: 32px; */

  padding: 14px 20px;

  background-color: #f5f5f5

}

@-webkit-keyframes loader {

  0% {

      -webkit-transform: scale(1, 0.5);

      opacity: .2;

      filter: alpha(opacity=20) \9

  }



  100% {

      -webkit-transform: scale(1, 1);

      opacity: 1;

      filter: alpha(opacity=100) \9

  }

}



@keyframes loader {

  0% {

      -webkit-transform: scale(1, 0.5);

      transform: scale(1, 0.5);

      opacity: .2;

      filter: alpha(opacity=20) \9

  }



  100% {

      -webkit-transform: scale(1, 1);

      transform: scale(1, 1);

      opacity: 1;

      filter: alpha(opacity=100) \9

  }

}



.fade {

  opacity: 0;

  filter: alpha(opacity=0) \9;

  -webkit-transition: opacity .15s linear;

  transition: opacity .15s linear

}



.fade.in {

  opacity: 1;

  filter: alpha(opacity=100) \9

}



.modal-backdrop {

  position: fixed !important;

  _position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 1040;

  background-color: #000

}



.modal-backdrop.fade {

  opacity: 0;

  filter: alpha(opacity=0) \9

}



.modal-backdrop, .modal-backdrop.fade.in {

  opacity: 0.5;

  filter: alpha(opacity=50) \9

}

a

.modal-header h3, .modal-header .title, .modal-hd h3, .modal-hd .title {

  margin: 0;

  font-size: 18px;

  font-weight: 400;

  line-height: 32px;

  color: #424242

}



.modal-body, .modal-bd {

  position: relative;

  max-height: 400px;

  padding: 40px 60px

}



.modal-footer, .modal-ft {

  height: 40px;

  padding: 20px 0;

  border-top: 1px solid #e0e0e0;

  text-align: center;

  background-color: #f5f5f5;

  /* * zoom: 1 */

}



.modal-footer:before, .modal-footer:after, .modal-ft:before, .modal-ft:after {

  content: " ";

  display: table

}



.modal-footer:after, .modal-ft:after {

  clear: both

}



.modal-footer .btn, .modal-ft .btn {

  margin: 0 7px

}



.modal-alert {

  width: 500px;

  margin-left: -250px

}



.modal-alert .modal-bd {

  padding: 60px 60px 40px;

  text-align: center

}



.modal-alert .text {

  min-height: 130px

}



.modal-alert h3, .modal-alert .title {

  margin: 0;

  font-size: 30px;

  font-weight: 400;

  line-height: 50px;

  color: #424242

}



.modal-alert p {

  margin: 0;

  font-size: 18px;

  line-height: 30px;

  color: #b0b0b0

}



.modal-alert .actions .btn {

  margin: 0 7px

}



.modal-video {

  width: 880px;

  height: 560px;

  margin-top: -298px;

  margin-left: -440px;

  -webkit-box-shadow: 0 18px 30px rgba(0, 0, 0, 0.18);

  box-shadow: 0 18px 30px rgba(0, 0, 0, 0.18)

}



.modal-video .modal-bd {

  max-height: 500px;

  padding: 0

}



a.video-list-btn{display:inline-block;width:60px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:18px;text-align: center;line-height: 18px;background-color:#787878;color:#aaa;margin-left:5px;font-size:10px;padding:0 2px}

a.video-list-btn.active,a.video-list-btn:hover{background-color:#e1b0a1;color:#fff;}



.display_flex{display:flex;}



.article-body{width:30%;margin-left:51%;font-size:0.15rem;line-height:2em;color:#787878;padding:4em 0 2em;}

.backtoTop{display:block;font-size:0.15rem;margin-right:20%;padding-bottom:2em;}

.a-no-absolute{position:static!important;font-size:12px;}

@media screen and (max-width: 768px) {
	.global-padding, .grid-container{ padding:10px 3%}
  .a-no-absolute{text-align: center;line-height:2em;}

  .backtoTop{margin-top:2em;}

  .article-body{width:92.2%;margin-left:3.9%;}

  #adjust-link{display:none;}

  /* html {font-size: 75px!important;} */

  .mobile-hide{display:none!important;}

  .pc-hide{display:block!important;margin-top:1em;}

  .nav-menu{

  display: block;

  position: relative;

  width: 22px;

  margin-left: 10px;

  height: 100%;

  cursor: pointer;

  float:right;top:20px;right:4%

}

.nav-menu .line{

  width: 100%;

    height: 2px;

    background-color: #606060;

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

}

/* .ctrl-hover:hover .ctrl-hover-box{opacity:1;} */

/* .ctrl-hover:hover .hover-contact{width:0;height:0;}

.ctrl-hover:hover .hover-about{width:0;height:0;}

.ctrl-hover:hover .hover-coop{padding:0;margin:0;width:0;height:0;} */

.copyright{width:72.1%;font-size: 11px;line-height:2em;;}

.copyright .h1{font-size:18px;margin-bottom:1em;}

.nav-menu .line.li1{margin-top:-6px;}

.nav-menu .line.li3{margin-top:6px;}

  #video-box{display:none;}

  .new-more{padding:3%;min-width: auto;font-size:12px;

    width: 100%;}

    .new-more h3{font-size:14px;}

  .nav{width:100%;overflow:hidden;margin-left:0;left:0;top:25px;margin-top: 12px; position: absolute;height:100vh;background-color:rgba(255,255,255,0.95);padding-top:5vh;transition: all .5s ease;

    transform: translate3d(100%,0,0);opacity: 0}

  .nav[data-on="on"]{

    transform: translate3d(0,0,0);

opacity: 1;

visibility: visible;

  }



  .nav > a,.nav >.nav-first{display:block;width:100%;padding-left:3.90625%;line-height: 3em;font-size:16px;}

  .nav >span{ 

    width: 100%;

    padding-left:3.90625%;

    text-align: center;}

    .nav >span>a{padding:10px;display:inline-block;margin:0;}

    .nav >.nav-first{width:100%;}

    .nav >.nav-first >span>a, .get-span-width a{width:0;overflow:hidden;font-size:14px;}

    .ctrl-hover:hover .hover-contact,.ctrl-hover:hover .hover-about,.ctrl-hover:hover .hover-coop{width:100%;height:auto;padding-left:0;padding-right:0;

      position: fixed;

      padding: 4%;

      top: 0;

      height: 100%;

      OVERFLOW-Y: SCROLL;padding-bottom:50px;}

      .ctrl-hover:hover .hover-about .display_flex,.ctrl-hover:hover .hover-contact .display_flex{display:block;}

      .ctrl-hover:hover .hover-about .display_flex img,.ctrl-hover:hover .hover-contact .display_flex img{width:auto!important;margin-bottom:10px;}

    .nav-first:hover .handle-case,.nav-first:hover .handle-about,.nav-first:hover .handle-contact{

      width:100%;

      float:none;

      display: block;

      overflow: visible;

    } 

    .mobile-popup{    position: fixed!important;

      width: 100%!important;

      top: 0;

      height: 100vh!important;

      padding-top: 10vh;}

      .mobile-popup-close{position:fixed;top:0;right:5vw;font-size:3em;color:#999;z-index: 100;display:none;

        font-family:Tahoma, sans-serif;}

        .ctrl-hover .ctrl-hover-box{z-index:99;}

    .nav-first:hover .handle-case a,.nav-first:hover .handle-about a,.nav-first:hover .handle-contact a{display:block;width:100%;}

  #nav-home{display:none;}

  .footer-nav-box{float:inherit;width:92%;min-width:inherit;margin:4%;}

  .top-padding{padding-top:12px;padding-bottom:5px}

  .grid-item{width:94%;margin-left:0;margin-right:0;font-size:12px;}

  .bottom-box .qrcode{position:static;margin-left:17.2%;margin-bottom:10px;margin-top:20px;}

  .caseview-item{width:94%;margin:0;}



  .logo-text{font-size:1em;margin-top:0.8em;margin-bottom: 0.4em;line-height: inherit;}

  .index-intro{width:100%!important;font-size:12px;margin-top:2em;}

  .index-intro-box{overflow:visible;padding:3.90625%;}

  .content-title{padding-left:3.90625%}

  .video-box{width:100%;margin:2em 0;position:static;font-size:12px;display:none!important;}

  .video{height:60vw;}

  .bottom-box .qrcode .img{float:none;width:35%;}

  .footer-bottom{text-align:left;}

  ul.footer-list li{float:none;width:100%!important;margin-left:0!important;}

  ul.footer-list li, ul.footer-list li h5, ul.footer-list li a{display:block;font-size:12px;}

  .news-list-box{margin:3.90625%;}

  .news-time{width:100%;}

  .news-list{flex-direction:column;}

  .news-content{padding-right:0;padding-top:0;}

  .news-time:after{display:none;}

  .news-img{width:100%;}

  .news-img img{width:100%;height:auto;float:none;}

  .modal,.modal.fade{display:none!important;}



 }



 /* @media (min-width: 768px) and (max-width: 992px) {

   .nav{width:66%;margin-left:3%;}

   .nav > a{margin:0 0 0 2%}

  .footer-nav-box{min-width:inherit;}

   #nav-home{display:none;}

  #video-box{min-width:220px;min-height:132px;}

  .index-intro-box{padding:5% 20px 12px 10%;}

  .index-intro{max-width:480px}

  .new-more{width:80%;min-width:inherit;}

  .bottom-box .qrcode{position:static;margin-left:10%;margin-bottom:20px;margin-top:-20px;}

  .news-list .padding-left-0{padding-left:0!important;}

  .news-time-line:after{display: none;}

 }

 @media screen and (min-width:1600px){

  .top-padding{padding-top:20px;padding-bottom:8px}

 } */