.pc-block {
  display: block !important;
}

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

.i-banner .li .mobile-block {
  display: none !important;
}

.i-listd .n-tab-box .tab-one {
  display: block;
}

.i-listd .n-tab-box .tab-two {
  display: none;
}

.opacity-block {
  opacity: 0;
  visibility: hidden;
}



.iframebox{
  width:500px;
  height:500px;
}
@media (max-width: 1680px) {
  .n-business .liste .text .sp{
    bottom:-4rem;
  }
  .n-cases .lista .workbox .tit1,.i-listb .workbox .tit1{
    font-size:15px;
  }
	.xwdt .xwdt-txt li{margin-top: 3%;}
	.rmal-txt li{ width: 5.26rem; margin-left:2.6%; float: left;}	
	.rmal-txt li span{ width: 100%; height:3.502rem}	
	.rmal-txt li span img{ width: 100%;}	
	
}

@media (max-width: 1528px) {
	.about-nav{position: static; height: auto; overflow: hidden; padding-top: 2%;}
	.about-nav li{ width: 33.33%;  float: left;}
	.about-txt1{padding-top:0rem;}

	
	
}
@media (max-width: 1580px) {
	.w1560{ width:88%;}

	
	
}

@media (max-width: 1480px) {
  .w1420 {width: 88%;margin: 0 auto; }
  .wcase {width: 88%;margin: 0 auto; }
  .w1200 {width: 88%;margin: 0 auto; }
	.celebrities-left{ padding: 2%;}
	.view-content{ height: 141px}
	.aims{ height: 220px;}
	.The{ height: 220px;}
	.The h3{ padding-top: 7%;}
	
	.footer-info_item{ width: 50%;margin-bottom: 3%;}
	.rmal-txt li{ width: 4.8rem; margin-left:2.0%; float: left;}	
	.rmal-txt li span{ width: 100%; height: 3.28rem;}
	.media4-con ul li .media4-con-l{ width: 50%;}
	.media4-con ul li .media4-con-r{ width: 45%;}
	.media4-con ul li .media4-con-r p{padding-top:1%;}
	.media4-con ul li .media4-con-r span{padding-top:4%;}
	
	
	.team{padding-left: 0;}
	.team-nav{position: static; padding-left: 10%; height: auto; overflow: hidden; padding-top: 2%;}
	.team-nav li{ width: 33.33%;  float: left;}
	.team-txt1{padding-top:0rem;}
	
	.about-team{ padding-top: 5%;}
	.about-team h2{ padding-left: 10%;}
	.about-team em{ padding-left: 10%;}
	
	.about-team dl.ul1 dd.i1 div{padding: 0 5% 0 22%;}
	.about-team dl.ul2 dd.i1 div{padding: 0 22% 0 6%;}
	
	.event2-1-1{left: 12%;}
	.event2-1-1 p{ font-size: 18px; width: 100%;}
	

	.event2-1-2{text-align:right; position: absolute; left: 45%; top:28.5%; width: 45%;}
	.event2-1-2 em{ margin-left: 80%;}
	.event2-1-2 p{ width: 100%; text-align:right;}
	
	.work-txt ul li img{display: block;max-width: 100%;width: 473px;height:350px;}
	.work_case ul li .work_case-s{ height: 210px;}
	.media ul li span{height: 155px; }
	.media ul li span img{height: 155px; }

	

}
@media (max-width: 1360px) {
  .i-lista .swiper-one .p {
    font-size: .6rem;
  }

  .n-business .listg .ulbox .li:hover .tit1, .n-business .listg .ulbox .li:hover .line {
    -webkit-transform: translate(0, -6rem);
        -ms-transform: translate(0, -6rem);
            transform: translate(0, -6rem);
  }
.row-video{ width:50%; float: left;}
	.chain h3{padding-top: 9.5%;}
	
	.media ul li span{height: 145px; }
	.media ul li span img{height: 145px; }
	
}
@media (max-width: 1270px) {
	.w1420 {width: 90%;margin: 0 auto;  }
	.wcase {width: 90%;margin: 0 auto;  }
	.w1200 {width: 90%;margin: 0 auto;  }
	.w1420_wb{width: 97%;}
	.header1 .nav .li{margin-right:0.5rem;}
	.celebrities-left{ padding: 1%;}
	.view-content{ height: 124px}
	.view-content ul li{ padding-top: 3%;}
	.chain h3{padding-top: 12.5%;}
	.chain em{ font-size: 16px;}
	.footer-service{ width: 26%;}
	.about-txt2 h2 strong{ font-size: 1.3rem;padding-bottom:8%;}
	
	.about-honor1 ul li a .about-honor1-js div h3{ font-size: 16px;}
	.about-honor1 ul li a .about-honor1-js div p{ font-size: 12px;}
	.about-honor1 ul li:nth-of-type(1) a .about-honor1-js div p,.about-honor1 ul li:nth-of-type(2) a .about-honor1-js div p,.about-honor1 ul li:nth-of-type(3) a .about-honor1-js div p{padding-bottom: 8%; }
	.xwdt{ width: 100%;}
	.xwdt-bt strong{ font-size: 22px;}
	.xwdt .xwdt-txt{ padding-top: 0;}
	.xwdt .xwdt-txt li{ margin-top: 2%;}
	
	.rmal{padding-left: 0; width: 100%;}
	.rmal-txt1{width: 100%;}
	.rmal-txt1 ul{width: 100%;}
	.rmal-txt1 ul li{ width: 25%; float:left; }
	.xwdt .xwdt-txt{ padding-bottom: 5%;}
	.media4-txt1 ul li .media4-con-r p{padding-top: 1%; font-size: 14px;}
	.media4-txt1 ul li .media4-con-r span {padding-top: 1%;}
	
	.team-nav{padding-left: 15%;}
	.about-team h2{ padding-left: 2%;}
	.about-team em{ padding-left: 2%;}
	
	.about-team dl dd.i1 div strong{padding-top: 3%;}
	.about-team dl dd.i1 div em{ padding-top: 8%;}
	.about-team dl dd.i1 div p{ padding-top: 3%; font-size: 12px;}
	.about-team dl.ul1 dd.i1 div{padding: 0 5% 0 5%;}
	.about-team dl.ul2 dd.i1 div{padding: 0 5% 0 6%;}
	.event_1 h3{ font-size: 1.5rem; line-height:1.6rem;}
	.event_1 p{width: 46%;top: 35%;}

	.event2-1-1{left: 10%; width:45%;}
	.event2-1-2{ left: 48%;}
	.work_1-1{ width: 45%;}
	.work-txt ul li img{height:310px;}
	.work_case ul li .work_case-s{ height: 174px;}
	.work_case ul li .work_case-s img{height: 174px;}
	
	.map-nav ul li{ width: 70px; height: 70px; font-size: 22px; line-height: 24px;}
	.map-txt{ font-size: 18px; line-height: 20px;}
	.media ul li span{height: 130px; }
	.media ul li span img{height: 130px; }
	
}

@media (max-width: 1120px) {
	.titbits-jt1{ display: none;}
	.titbits-jt2{ display: none;}
	
	.titbits ul li{margin-left:0; width: 50%; height: auto; margin-bottom: 3%; position: relative;}
	.titbits ul li:nth-of-type(1){margin-left:0; width: 50%;}
	.titbits ul li:nth-of-type(2){margin-left:0; width: 50%;}
	.titbits ul li:nth-of-type(6){margin-left:0; width: 50%;}
	.titbits ul li:nth-of-type(10){margin-left:0; width: 50%;}
	.titbits ul li .titbits_wz{width: 90%; padding:2% 5%; margin: 0; position:absolute;background: rgba(0,0,0,0.5); left: 0; text-align: left; bottom: 0; }
	
	.titbits ul li .img{width: 100%; height: 255px; overflow: hidden;}
	.titbits ul li .img img{width:100%; height: 255px; display: block;}
	.titbits ul li .titbits_wz p{ padding-top: 0; color: #fff; overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
	.titbits ul li .titbits_wz strong{ font-size: 18px; font-weight: normal;color: #fff; padding: 0.5% 0;}
	
	#page{ margin: 1.5rem 0 3rem 0;}
	.media3_l{margin-left: 5%; width: 48%;}
	.media3_r{width: 42%;}
	.media3_r p{  width: 70%;}
	.media4-txt1 ul li .media4-con-r p{ font-size: 13px;}
	
	.about-team dl dd.i1 div em{ display: none;}
	.about-team dl dd.i1 div strong{padding-top:7%;}
	.event2-1-1{  left: 6%;}
	.event2-1-1 strong{ font-size: 1rem;}
	.event2-1-2{ left: 48%;}
	.work_1-1{ width: 71%;}
	.work-txt ul li img{height:280px;}
	
	.case2_title{ width: 100%;    }
	.case2_title h1{padding-bottom:3%; font-size: 38px; line-height:50px}
	.case2_title-source span{padding: 0 8%;}
	.case2_title-source em{ float: left;}
	
	.case2_title-kuan{width: 100%; padding-top: 3%;  }
	.case2_title-body p { font-size: 18px; line-height: 36px;}
	
	.news-subordinate1{ padding-top: 3%;}
	.news-subordinate1 h1{font-size:34px;line-height: 40px; padding-bottom:1%;}
	.news-subordinate1-xx{ width: 100%; position: inherit; font-size: 16px; padding-bottom: 5%;}
	
	.news-subordinate11-body{ width: 100%;}
	.media ul li span{height: 122px; }
	.media ul li span img{height: 122px; }
	
}


@media (max-width: 1023px) {
   body{margin-top: 55px;}
  .pc-block {display: none !important;  }
  .mobile-block {display: block !important; }
  .i-liste .pc-customer-box {   display: none !important; }
  .header1 {display: none; }
  .header2 { display: block;  }
	
	.celebrities-left{ display: none;}
	.celebrities_item{ padding: 0;}
	.celebrities_item li{ width:33.33%;}
	.celebrities_item li:nth-of-type(3){margin-right:0; display: none;}
	.celebrities_item li:nth-of-type(4){position:static; width: 33.33%; margin-bottom: 0;}
	.celebrities_item li:nth-of-type(5){ width: 100%;}
	.celebrities_item li:nth-of-type(5) img{ width: 100%;}
	.celebrities_item li:nth-of-type(6){position:static; width: 33.33%; margin: 0; display: none;}
	.celebrities_item li:nth-of-type(7){position:static; width: 33.33%; margin-bottom: 0;}
	.celebrities_item li:nth-of-type(10){display:none;}

	.view-content{ display: none;}
	.aims{  display: none;}
	.The{  display: none;}
	.chain{  display: none;}
	.celebrities_item li a:hover .wenzi{ display: none;}
	
	
	
	.value ul li{ width: 31.33%;margin:1%;padding: 0;}
	.value ul li a .value_div{ display:block;}
	.value ul li h3{ display:none;}
	.value ul li p{ display:none;}
	.media ul li div em{  display:none;}
	
	.media-bt span{width: 14%;}
	.footer-nav{ width: 100%;}
	
	
	.about-txt2 h2{ position: static; font-size: 1.5rem;}
	.about-txt2 h2 strong{ font-size: 1.3rem;padding-bottom:2%;}
	.about-con ul li .about-con-l{ width: 100%; padding-top: 1rem; margin-top:2em;}
	.about-jt{ position: absolute; top: 0;right: 0;}
	.about-con ul li .about-con-r{ padding-top:0;}
	.about-con ul li .about-con-r{ width: 100%;}
	.about-con ul li .about-con-r img{ width: 100%;}
	.about-con ul li .about-con-l{ padding:3% 2%; background: #f5f5f5; color: #fff;}
	.about-con ul li .about-con-l em{  color: #555;}
	.about-con ul li .about-con-l strong{  color: #555; padding-top: 0;}
	
	.about-txt2{ margin-top:  5%;}
	.about-honor1 ul li{ background: #f1f8f7;  margin: 0 0 3% 0; text-align: center; width:100%; float: left;}
	.about-honor1 ul li img{ margin: 0 auto;}
	.about-honor1 ul li:nth-of-type(4),.about-honor1 ul li:nth-of-type(5),.about-honor1 ul li:nth-of-type(6),.about-honor1 ul li:nth-of-type(7),.about-honor1 ul li:nth-of-type(8){width:100%;margin: 0 0 3% 0; }
	.about-honor1 ul li a .about-honor1-js div p{ padding-bottom: 16%;}
	.about-honor1 ul li:nth-of-type(1) a .about-honor1-js div p, .about-honor1 ul li:nth-of-type(2) a .about-honor1-js div p, .about-honor1 ul li:nth-of-type(3) a .about-honor1-js div p{padding-bottom: 14%;}
	
	
	.media4-txt1 ul li .media4-con-l{ width: 100%;}
	.media4-txt1 ul li .media4-con-l img{ width: 100%; display: block;}
	.media4-txt1 ul li .media4-con-r{ width: 100%;}
	.media4-txt1 ul li .media4-con-r p{ font-size: 14px;}
	
	.media4-jt{left: 0; bottom: 0;}
	.media4-txt1{padding-bottom:60px;}
	.event_1 h3{ font-size: 1.4rem; line-height:1.6rem;}
	.event_1 p{width: 50%;top: 38%;}
	.event_1 p span{padding-left: 25%;}
	.work-txt ul li img{height:250px;}
	.work_case ul li .work_case-s{ height: 154px;}
	.work_case ul li .work_case-s img{height: 154px;}
	.titbits ul li .img{width: 100%; height: 235px; overflow: hidden;}
	.titbits ul li .img img{width:100%; height: 235px; display: block;}
	
}

.mobile-block2{display:none;}



@media (max-width: 1024px) {
  /*body{
    padding-top:55px;
  }*/
  .header2{
    position:fixed;
    top:0;
  }
  .header2 .nav-btn .line{
    background:#333;
  }

	.services ul li a p{ display: none;}
	.services ul li a dl{ display: none;}
	
	.media2 ul li strong{ font-size: 26px;}
	.about-team ul li.i1 div em{ display: none;}
	.about-team ul li.i1 div strong{ padding-top: 5%;}
	.about-team dl dd.i1 div p{padding-top: 1%;}
	
	.event_1 h3{ font-size: 1.2rem; line-height: 1.4rem;}
	.event_1 p em{width: 15%;}
	.event_1 p span{  padding-left:  20%; font-size: 12px;}
	.event2-1-1{top: 25%;left: 6%;width: 52%; padding-top: 0;}
	.event2-1-1 strong{ font-size: 1rem;}
	.event2-1-2{top: 25%; left: 42%;width: 54%;}
	.event2-1-1 strong{padding-top: 2%;}
	.event2-1-1 p{padding-top: 2%;}
	.event2-1-1 span{ font-size: 18px;}	
	.map-nav ul li{ width: 60px; height: 60px; font-size: 16px; line-height: 20px;}
	.map-txt{ font-size: 16px;line-height:18px;}
	.media ul li{ width: 25%;}
	.media ul li:nth-of-type(5){ display: none;}	
}

@media (max-width:950px) {
	
 	.work_1-1{left: 10%;top: 20%; width:80%;}
	.work-bt .work-bt-nav{ width: 100%; text-align: left; position: static;}
	.work-bt .work-bt-nav a{ margin-left: 0; padding:5% 0 0 10%;font-size: 20px;}
	.work-bt .work-bt-nav a:nth-of-type(1){ padding-left: 0;}
	.work-txt ul li img{height:220px;}
	.work_case ul li .work_case-s{ height: 144px;}
	.work_case ul li .work_case-s img{height: 144px;}
	.titbits ul li .img{width: 100%; height: 230px; overflow: hidden;}
	.titbits ul li .img img{width:100%; height: 230px; display: block;}
	
	
}

@media (max-width: 850px) {
	.about-team ul li.i1 div p{ padding-top: 1.5%;}
	.about-team ul li.i1 div em{ display: none;}
	.event_1 p span{  padding-left:  20%; line-height: 24px; font-size: 12px;}
	
	.event2-1-1{top: 25%;left: 6%;width: 52%; padding-top: 0;}
	.event2-1-1 strong{ font-size: .8rem;}
	.event2-1-2{top: 25%; left: 42%;width: 54%;}
	.event2-1-1 strong{padding-top: 2%;}
	.event2-1-1 p{padding-top: 2%; font-size: 14px;}
	.event2-1-1 span{ font-size: 18px;}
	.event2-1-1 em{ width:40px; height: 40px; line-height: 40px; font-size: 22px;}
 	.work_1-1 strong{font-size: 20px; margin-bottom: 1%;}
 	.work_1-1 em{font-size:18px;}
	.work_1-1 p{padding-top: 8px; line-height: 22px;}
	.work_1-1 span a{ padding: 1.5% 2%;}
	.work .flickity-prev-next-button{top: 55%;}
	.work-txt ul li img{height:200px;}
	.work_case ul li .work_case-s{ height: 134px;}
	.work_case ul li .work_case-s img{height: 134px;}
	.map{ padding-bottom: 23%;}
	.map-nav ul li{ width:88px; height: 88px; font-size: 28px; line-height: 32px;}
	.map-txt{bottom: 6%; left: 8%; width: 100%; font-size: 22px; line-height:38px;}
	
	.map-nav{padding-left: 5%;}
	.map-txt{left: 5%;}
	.map_l{ width: 100%;}
	.map_l p.map_l3{ padding-bottom: 5%;}
	.map_l p.map_l2{ padding-bottom: 2%;}
	.map_r{ width: 100%;}
	.map_l p.map_l1{ font-size: 18px;padding-bottom:10%; line-height: 38px;}
	.titbits ul li .img{width: 100%; height: 210px; overflow: hidden;}
	.titbits ul li .img img{width:100%; height: 210px; display: block;}
}




@media (max-width: 760px) {
	.row1 { background: #d8d8d8; padding:5% 0;}
	.row1-video{ width: 100%;}
	.row1-introduce{ width: 100%; }
	.row1-introduce h2{  color: #333;}
	.row1-introduce p{  color: #333;}
	.event-c h2 img { max-width:80%;}
	
	.syevent {display:none;}
	.msyevent {display:block; width:100%;}
	.msyevent img{ max-width:100%;}
	
	.new_pic{ width:100%; padding:5%; height: auto; overflow: hidden;  text-align: center; float: none;}
	.new_txt{ width: 100%; padding:5%;}
	
	.Gags_pic{ width: 100%; padding: 3% 0 0 0; float:left;}
	.Gags_txt h3{ font-size:1.5em;padding-top:5%;}
	.Gags_txt{float:right;width: 100%; padding: 0;}
	.Gags_pic img{width: 100%;}
	
	.media ul li{ width: 50%;}
	.media ul li:nth-of-type(5){ display:none;}
	.media ul li div strong{ font-size: .7rem;}
	.media-bt span{width: 18%;}
	
	.footer-service{ width: 100%; display:none;}
	
	.footer-qa{ width: 100%; padding-top:30px; display:none;}
	.footer-qa ul li{ width: 100%;}
	.titbits ul li .titbits_wz strong {width:100%;}
	.titbits ul li .titbits_wz p{ font-size: 12px; line-height:18px; width:100%;}
	.footer-links{ width: 100%; padding-top:30px; display:none;}
	.footer-links ul li{ width: 100%;}
	
	.footer_col{ width: 100%; padding-top: 30px;}
	.footer-qr{padding-top:30px;}
	.aboutyc {display:none;}
	.about-con ul li .about-con-l em{ font-size:.8rem; font-weight: normal;}
	.about-con ul li .about-con-l strong{ font-size: 1rem;}
	.about-txt2{ margin-top:10%;}
	
	.about-txt3 ul li div{width:60%;}
	.about-txt3 ul li.ic1 div{width:60%;}
	
	.about-txt3 ul li div strong{ font-size: 16px;}
	.recruit-allow{padding-bottom:24px;}
	.recruit-allow em{ font-size: 16px; line-height:16px;padding-top: 16px;}
	.recruit-allow p{ font-size: 14px; line-height:22px; padding-top: 16px;}
	.about-honor1 ul li a .about-honor1-js div strong{ font-size: 16px;}

	.about-honor1 ul li:nth-of-type(7){ display: none;}	
	.about-honor1 ul li a .about-honor1-js div p{ padding-bottom: 8%;}
	.about-honor1 ul li:nth-of-type(1) a .about-honor1-js div p, .about-honor1 ul li:nth-of-type(2) a .about-honor1-js div p, .about-honor1 ul li:nth-of-type(3) a .about-honor1-js div p{padding-bottom: 7%;}
	.about-Partners1 ul li { width:33.333%;}
	
	.titbits ul li{ width: 100%; margin: 0 0 3% 0;}
	.titbits ul li .img{  height: auto;}
	.titbits ul li .img img{  height: auto; border:none;}
	.titbits ul li:nth-of-type(1),.titbits ul li:nth-of-type(2),.titbits ul li:nth-of-type(6),.titbits ul li:nth-of-type(10){ width: 100%; margin: 0 0 3% 0;}
	.titbits ul li .titbits_wz{ width: 100%;}
	
	.xwdt-bt{ height: 1.3rem;}
	.xwdt-bt strong{height: 1.29rem;}
	.media2 ul li strong{ font-size: 20px;}
	.new_bj h2 {font-size:24px;}
	.Gags h2 {font-size:24px;}
	.media-bt h3 {font-size:24px;}
	.media2 h2 img {padding-bottom:5%; padding-top:5%;}
	.media3_l{margin-left: 0%; width: 48%;}
	.media3_r{width: 42%;}
	.media3_r p{  width:100%;}
	.media3_r span{ font-size: 14px;}
	.media3_r span a{ padding: 2% 4%;}
	.media3 h2 img { padding:5%; max-width:75%;}
	.media4 h2 img {padding-top:5%; padding-bottom:5%;}
	.about-team dl{margin-bottom:4%;}
	.about-team dl dd.i1 div em{ display:block;}
	.about-team dl dd.i1 div strong{ font-size: 1rem; line-height: 1.3rem; padding-top: 2%;}
	.about-team dl dd.i1 div p{ font-size: 14px; padding-top: 3%;}
	.about-team dl dd.i1{ width: 100%; padding-bottom: 5%; }
	
	.about-team dl dd.i2{ width: 100%; }
	.about-team dl dd.i2 img{ width: 100%;}
	
	.cmore span{ width: 70%;margin-top:6.8%;}
	.cmore a{width: 20%; padding: 2% 0; font-size: 18px;}
	.news-list ul li strong{    padding-top: 0;}
	.news-list ul li span{ width: 250px; height: 188px;}
	.news-list ul li p{ height: 102px; font-size: 13px; margin-bottom: 5px;}
	
	.event_1 h3{ font-size: 1rem; line-height: 1rem;}
	.event_1 p{ top: 30%;}
	.event_1 p em{ display: none;}
	.event_1 p span{ padding-left: 0;}
	.event2-1-1 p{ padding-top: 0;}
	
 	.work_1-1 strong{font-size:18px; margin-bottom: 1%;}
 	.work_1-1 em{font-size:16px;}
	.work_1-1 p{padding-top: 8px; font-size: 12px; line-height: 14px;}
	.work_1-1 span a{ padding: 1.5% 2%; font-size: 12px;}
	
	.work-txt ul li a .work-txt1{ display: block;}
	.work-txt ul li a .work-txt1 div{ background: rgba(0,0,0,0.5);width: 100%; height:35%; padding: 0 2%; left: 0; bottom: 0; top: 65%; margin: 0;}
	.work-txt ul li a .work-txt1 div strong{ font-size: 14px;line-height: 24px; color: #fff;}
	.work-txt ul li a .work-txt1 div strong em{display: none;}
	.work-txt ul li a .work-txt1 div p{padding-bottom:4%; color: rgba(255,255,255,0.9);padding-top:0%;}
	.work-txt ul li img{height:180px;}
	.work_case ul li .work_case-s{ height: 110px;}
	.work_case ul li .work_case-s img{height: 110px;}
	.work_case ul li .work_case-s .work_case-s1{display: none;}
	.work_case ul li a .work_case-ddd{ font-size: 14px;}
	.map{ padding-bottom: 28%;}
	.map-nav ul li{ width:88px; height: 88px; font-size: 28px; line-height: 32px;}
	.map-txt{bottom: 6%;  width: 100%; font-size: 22px; line-height:38px;}
	.media ul li{padding-bottom: 15%;}
	.media ul li span{ height: 180px;}
	.media ul li span img{ height: 180px;}
	.media ul li div{top:60%; width: 70%;  left: 16%;}

	
}
@media (max-width: 640px) {
	.about-honor1 ul li a .about-honor1-js{ display: none;}
	.about-honor1 ul li a:hover .about-honor1-js{ display:none;}
	.rmal-txt1{padding-top: 6%;}
	.rmal-txt1 ul li{ width:35%; padding-bottom:4%; margin-right: 15%;}
	.news-list ul li strong{    padding-top: 0; font-size: 22px;line-height:30px;}
	.news-list ul li strong em{    padding-top: 0;  font-size: 24px;}
	.news-list ul li span{ width: 220px; height: 165px;}
	.news-list ul li span img { width: 220px; height: 165px; display: block;}
	.news-list ul li p{ height: 89px; font-size: 13px; margin-bottom: 15px;margin-top: 5px;}
	.event_1 h3{top:5%;}
	.event_1 p span{ line-height: 22px;}
	.event2-1-1 em{ width:30px; height: 30px; line-height: 30px; font-size:18px; font-weight: normal;}
	.event2-1-1 strong{ font-size: 16px;}
	.event2-1-1 span{ font-size: 14px;}
	.work_1-1{ left: 5%; width: 90%; padding: 1% 2% 3% 2%;}
	.work-txt ul li{ width: 50%;}
	.work-txt ul li a .work-txt1 div{height:35%;top: 70%;}
	.work-txt ul li a .work-txt1 div p{padding-bottom:5.5%;}
	
	.work_case ul li { width: 48%; margin-left: 0; margin-right: 3%;}
	.work_case ul li:nth-of-type(2),.work_case ul li:nth-of-type(4),.work_case ul li:nth-of-type(6),.work_case ul li:nth-of-type(8),.work_case ul li:nth-of-type(10),.work_case ul li:nth-of-type(12),.work_case ul li:nth-of-type(14),.work_case ul li:nth-of-type(16),.work_case ul li:nth-of-type(18){ margin-right: 0;}
	.work_case ul li .work_case-s{height:140px;}
	.work_case ul li .work_case-s img{width:100%; height:140px;}
	.work_case ul li a .work_case-ddd{ padding: 5% 2% 5% 5%;}
	.case2_title h1{padding-bottom:3%; font-size: 36px; line-height:40px}
	.case2_title-body{font-size: 16px; line-height: 30px; padding-top: 5%;}
	.case2_title-body p{ font-size: 16px; line-height: 30px;}
	.titbits ul li .titbits_wz strong{ font-size: 16px; line-height: 28px;}
	
	.media ul li div strong{ font-size: .6rem;}
}



@media (max-width: 600px) {
	
	.media ul li{ width: 50%;padding-bottom:14%;}
	.media ul li div strong{ font-size: .6rem;}
	
	.footer-info_item{ width: 100%;}
	.footer-info_item{margin-bottom: 30px;}
	.footer_col{padding-top: 20px;}
	.footer-qr img{max-width: 100%;}
	.about-txt3{padding-top: 0;}
	.about-txt3 ul li span{ display: none;}
	.about-txt3 ul li div{ width: 100%;}
	.about-txt3 ul li.ic1 div{ width: 100%;}
	.about-txt3 ul li div strong em{ font-style: normal; float: left; display:block;}
	.about-txt3 ul li div p{ padding-top:5%; width: 100%;}
	.about-txt3 ul li div p img{ display:block; text-align:center;}
    .about-txt3 ul li.ic1 div strong{float:left;}
    .about-txt3 ul li.ic1 div p{float:left;} 
	.case-currency ul li:nth-of-type(1){width: 20%;}
	.case-currency ul li:nth-of-type(2){width: 20%;}
	.case-currency ul li:nth-of-type(3){width: 30%;}
	.case-currency ul li:nth-of-type(4){width: 30%;}
    .aboutrolling {display:none;}
	.about-con ul li .about-con-l{ margin-top: .5rem;}
	.about-Partners em{ font-size: .8rem;}
	.about-Partners1{ padding-top: 5%;}
/*	.titbits ul li .titbits_wz strong{ font-size: .8rem;}
	.titbits ul li .titbits_wz em{ font-size: .7rem;}
	.titbits ul li{margin-left:0; width: 100%;height:6.0rem; overflow: hidden; margin-bottom: 3%;}
*/	.media2 ul li strong{ font-size:16px;}
	
	.media3_l{ width: 100%;}
	.media3_l ul{padding-left:0;}
	/*.media3_l ul li:nth-of-type(5){ display: none;}*/
	
	.media3_r{width: 100%; padding-left: 2%; }
	.media3_r h3{ padding-top: 2%;padding-bottom: 2%;}
	
	.media3-bj{padding-bottom: 8%; margin-bottom: 8%;}

	.event2-1-1 p{ font-size: 12px;}
	
	.map{ padding-bottom: 30%;}
	.map-nav ul li{ width:80px; height: 80px; font-size: 24px; line-height: 28px;}
	.map-txt{bottom: 6%;  width: 100%; font-size: 22px; line-height:38px;}
	.media ul li span{ height: 155px}
	.media ul li span img{ height: 155px}
	
}

@media (max-width: 550px) {
	.event_1 h3{ font-size: .8rem; line-height: .8rem;}
	.event_1 p{top: 25%;}
	.event_1 p span{ line-height: 20px;}
	.work_case ul li .work_case-s{height:120px;}
	.work_case ul li .work_case-s img{ height:120px;}}


@media (max-width: 520px) {
	

	/*.titbits ul li .titbits_wz strong{ font-size: .7rem;}
	.titbits ul li .titbits_wz em{ font-size: 14px;}
	.titbits ul li .titbits_wz p{ font-size: 12px; padding-top: 10%;}
	.titbits ul li{margin-left:0; width: 100%;height:5.2rem; overflow: hidden; margin-bottom: 3%;}*/
	
	.rmal-txt1{padding-top: 6%;}
	.rmal-txt1 ul li{ width:45%; padding-bottom:4%; margin-right: 5%;}
	.media2 ul li strong{ font-size: 14px;}
	.media2 ul li em{ display: none;}
	.cmore span{ width: 60%;margin-top:6.8%;}
	.cmore a{width: 30%; padding: 2% 0; font-size: 18px;}
	.about-team dl dd.i1 div strong{ font-size: 17px; line-height: 24px;}
	.about-team dl dd.i1 div p{ font-size: 12px;}
	
	.news-list ul li strong{    padding-top: 0; font-size: 22px;line-height:30px;}
	.news-list ul li strong em{    padding-top: 0;  font-size: 24px;}
	.news-list ul li span{ width: 180px; height: 135px;}
	.news-list ul li span img{ width: 180px; height: 135px; display: block;}
	.news-list ul li p{ height: 72px; font-size: 13px; margin-bottom:10px;margin-top: 5px;}
	
	.event_1 h3{ font-size: 16px;top: 0;}
	.event_1 p span{line-height: 17px;}
	.event2-1-1 p{ padding-bottom: 0;}
	.event2-1-1 em{width: 25px;height: 25px;line-height: 25px;font-size: 16px;   font-weight: normal;}
	.event2-1-1 span a{ font-size: 12px;}
	.work_1-1{ top:24%;}
	.work_1-1 strong{ font-size: 14px;margin-bottom: 0.5%;}
	.work_1-1 em{ font-size: 14px;}
	.work_1-1 p{padding-top: 5px;}
	.work_1-1 span{padding-top: 2%;}
	.work_1-1 span a{ font-size: 12px;border: 1px solid #9a0000;}
	
	.work-bt .work-bt-nav a{ font-size: 18px;padding-left: 8%;}
	.work_case ul li .work_case-s{height:111px;}
	.work_case ul li .work_case-s img{ height:111px;}
	.map{ padding-bottom: 28%;}
	.map-nav ul li{ width:70px; height: 70px; font-size: 20px; line-height: 24px;}
	.map-txt{bottom: 6%;  width: 100%; font-size: 18px; line-height:30px;}
	.map_l p.map_l1{font-size: 16px; line-height: 28px;}
	.titbits ul li .titbits_wz strong{ font-size: 15px; line-height: 26px;}
	.titbits ul li .titbits_wz p{ font-size: 12px; line-height:18px;}
	.menu_head{ font-size: 16px;}
	.media ul li span{ height: 135px}	
	.media ul li span img{ height: 135px}	
	.media ul li div strong{ font-size: 14px;}
}


@media (max-width: 460px) {
	.flickity-page-dots{ width: 100%; left: 0; text-align: center; bottom: -25px;}
	.event2-1-1 strong{ font-size: 14px;}
	.event2-1-1 em{ width:20px; height: 20px; line-height: 20px; font-size:14px; font-weight: normal;}
	.event2-1-1 p{  height: 35px; overflow: hidden;}
	.work_1-1{ top:26%;}
	.work_1-1 strong{ font-size: 12px;margin-bottom: 0;}
	.work_1-1 em{ font-size: 12px;}
	.work_1-1 p{padding-top: 1px;}
	
	.work_1-1 span{padding-top: 1%;}
	.work_1-1 span a{ font-size: 12px;border: 1px solid #9a0000;padding: 1% 2%;}
	.work-txt ul li a .work-txt1 div{    top: 65%;}
	.work_case ul li .work_case-s{height:100px;}
	.work_case ul li .work_case-s img{ height:100px;}
	.map{ padding-bottom: 32%;}
	.map-nav ul li{ width:60px; height: 60px; font-size:18px; line-height: 20px;}
	.map-txt{bottom: 6%; width: 100%; font-size: 16px; line-height:30px;}
	.map_l p.map_l1{ font-size: 14px;}
	.media ul li span{ height: 115px}	
	.media ul li span img{ height: 115px}	
	.media ul li div strong{ font-size: 12px;}
	
}
@media (max-width: 425px) {
  .n-needs .lista .radio-box .radiobox{
    width:50%;
  }
	.about-jt{ top: -2%;}
	/*.about-con ul li .about-con-r{padding-top:0.5rem;}*/
	.about-jt a{background-size:1.6rem;}
	.about-jt a.prev{background-size:1.6rem;}
	
	.about-jt a:hover{background-size:1.6rem;}
	.about-jt a.prev:hover{background-size:1.6rem;}
	.about-Partners em{ font-size: .66rem;}
	/*.titbits ul li{margin-left:0; width: 100%;height:4.6rem; overflow: hidden; margin-bottom: 3%;}*/

	.cmore span{ width: 50%;margin-top:9.8%;}
	.cmore a{width: 40%; padding: 4% 0; font-size: 18px;}
	.news-list{ padding-top: 6px;}
	.news-list ul li{padding-bottom: 15px;}
	.news-list ul li strong{    padding-top: 0; font-size:16px;line-height:24px;}
	.news-list ul li strong em{    padding-top: 0;  font-size:18px;}
	.news-list ul li span{ width: 150px; height: 113px;}
	.news-list ul li span img{ width: 150px; height: 113px; display: block;}
	.news-list ul li p{ height:53px; font-size: 12px; margin-bottom:12px;margin-top: 2px;}
	.event_1 h3{ font-size: 14px;top: 0; line-height: 16px;}
	.event_1 p {line-height: 17px;top:20%; width: 52%;}
	.work_1-1{ top:28%; left: 2.5%; width: 95%; display: none;}
	.work-txt ul li a .work-txt1 div strong{ font-size: 12px;}
	.work_case ul li .work_case-s{height:98px;}
	.work_case ul li .work_case-s img{ height:98px;}
	.work_case ul li a .work_case-ddd{ font-size: 12px;}
	.map{ padding-bottom: 28%;}
	.map-nav ul li{ width:50px; height: 50px; font-size:16px; line-height: 18px; padding-top: 6px;}
	.map-txt{bottom: 6%;  width: 100%; font-size: 14px; line-height:24px;}
	.menu_head{ font-size: 14px;}
	.map_r-jl{ font-size: 14px;}
	.menu_body{ font-size: 12px;padding-top: 6px;}
	.menu_body ol li{line-height: 16px;}
	.media ul li span{ height: 105px}	
	.media ul li span img{ height: 105px}	

	
}

@media (max-width: 370px) {

	.event2-1-1 p{  height: 15px; white-space: nowrap;text-overflow: ellipsis;display: block; overflow: hidden;}
	.work-bt p{ font-size: 12px;}
	.work-bt .work-bt-nav a{ font-size: 14px;padding-left:6%;}
	.work-txt ul li img{height: 130px;}
	.work-txt ul li a .work-txt1 div{top: 65%;}
	.work_case ul li .work_case-s{height:82px;}
	.work_case ul li .work_case-s img{ height:82px;}
	
	.map{ padding-bottom: 30%;}
	.map-nav ul li{ margin-right:5px;}
	.map-txt{bottom: 6%; width: 100%; font-size: 14px; line-height:24px;}
	.menu_head{ font-size: 12px;}
	.map_r-jl{ font-size: 12px;}
	.map-txt{ font-size: 12px;}
	.map_l p.map_l1{ font-size: 12px;}
	.media ul li div{ width: 85%;    top: 54%; left: 8%;}
	.media ul li{ padding-bottom: 18%;}
	.media ul li span{ height: 85px}	
	.media ul li span img{ height: 85px}	
	.media ul li div strong{padding: 6% 5%;}

}

@media (max-width: 320px) {

	.work_case ul li .work_case-s{height:72px;}
	.work_case ul li .work_case-s img{ height:72px;}

}


/*# sourceMappingURL=mobile.css.map */