/*首页*/ 
.first_sc .swiper-slide{ height:100%; width:100%;}
.first_sc .swiper-slide .txt{ padding:0 10%; color:#fff; position:absolute; top:50%; left:0; }
.first_sc .swiper-slide .txt pre{ font-size:102px; line-height:113px; font-weight:500;}
.first_sc .swiper-slide .txt span{ font-size:32px; line-height:35px; display:block;}
.first_sc .swiper-slide .txt span:before{ content:""; width:80px; height:3px; background:#fff; display:block; margin:50px 0 30px 0;}
 
.first_sc .swiper-container-horizontal>.swiper-pagination-bullets,.first_sc  .swiper-pagination-custom,.first_sc  .swiper-pagination-fraction{  left:10%;  bottom:10%; text-align:left;}
.first_sc .swiper-pagination-bullet{ width:12px; height:12px;  background:#fff; opacity:1; border-radius:0%;}
.first_sc .swiper-pagination-bullet-active{ background:#ffff00;}
.first_sc .arrow{ background:url(../images/jtou.png) no-repeat center; background-size:contain; width:157px; height:104px; display:block; position:absolute; left:50%; bottom:40px; z-index:10; margin-left:-76px;}

.first_sc.bg1{ background:url(../images/case.jpg) no-repeat center top; background-size:cover;}
.first_sc.bg2{ background:url(../images/xiangq.jpg) no-repeat center top;background-size:cover;}
.first_sc.bg3{ background:url(../images/fuwu.jpg) no-repeat center top;background-size:cover;}

.first_sc .mainbox{ width:100%; height:100%; position:relative;}
 
.first_sc .mainbox .txt{ padding:0 10%; color:#fff; position:absolute; top:50%; left:0; }
.first_sc .mainbox .txt pre{ font-size:102px; line-height:113px; font-weight:500;}
.first_sc .mainbox .txt span{ font-size:32px; line-height:35px; display:block;}


.about_index{ width:100%; text-align:center; font-size:25px; line-height:45px; padding:70px 0;}
.about_index p{ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(10%, #fcf113)); background-image: linear-gradient(180deg, transparent 70%, #fcf113 0); background-size: 0 100%; background-repeat: no-repeat; -webkit-transition: background-size .4s ease; transition: background-size .4s ease; display:inline;}
.about_index p:hover { background-size: 100% 100%; cursor: pointer;}
 
.case_index .tab{ width:100%; background:#ffff00; box-shadow:0 5px 6px 0px rgba(0,0,0,.6); text-align:center; font-size:25px; color:#000; line-height:44px; padding:28px 0; overflow:hidden; position:relative; z-index:10; box-sizing:border-box;} 
.case_index .tab a{ margin:0 50px; transition:all .4s; display:inline-block; padding:0 13px; }
.case_index .tab a:hover{ background:#000; color:#fff;}
.case_index .tab a.on{ background:#000; color:#fff;}
.case_index .con{ width:100%; clear:both; overflow:hidden;}
.case_index .con .list{ width:100%; overflow:hidden; clear:both;} 
.case_index .con img{ width:100%; display:block; }
.case_index .con .fl{ width:50%; float:left; position:relative; overflow:hidden;}
.case_index .con .fr{ width:50%; float:right;}
.case_index .con .fr li{ width:50%; float:left; position:relative;}

.case_index .con .fan .fl{ float:right; }
.case_index .con .fan .fr{ float:left;}

.case_index .con .txt{ width:100%; height:0%; padding:35px 40px; position:absolute; left:0; top:0; transition:all .4s; box-sizing:border-box; z-index:10;}
.case_index .con .fl.hover .txt,.case_index .con li.hover .txt{ background:rgba(0,0,0,.78); height:100%;}
.case_index .con a{ color:#fff; display:block; width:100%; height:100%;} 
.case_index .con a h3{ font-size:22px; font-weight:bold; opacity:0;}
.case_index .con .fl a h2{ font-size:45px; line-height:50px; margin-top:20px; opacity:0;}
.case_index .con .fl a p{ font-size:40px; line-height:42px; opacity:0; font-weight:normal;}
.case_index .con .fl.hover a h3{ opacity:1;}
.case_index .con .fl.hover a h2{ opacity:1;}
.case_index .con .fl.hover a p{ opacity:1;}
.case_index .con li.hover a h2{ opacity:1;}
.case_index .con li.hover a p{ opacity:1;}
.case_index .con li.hover a h3{ opacity:1;}
.case_index .con li a h2{ font-size:30px; line-height:50px; margin-top:20px; opacity:0;}
.case_index .con li a p{ font-size:30px; line-height:42px; opacity:0; font-weight:normal;}
.case_index .more{ margin:26px auto;}
.case_index .more a{ width:100%; text-align:center; font-size:25px; background:#ffff00; line-height:70px; display:block; letter-spacing:3px; transition:all 0.4s;}
.case_index .more a:hover{ background:#000;  color:#fff;}
.case_index .more a i{ background:url(../images/jiantou.png) no-repeat center #000; width:45px; height:70px; float:right;}
.case_index .more a:hover i{ background:url(../images/jiantou2.png) no-repeat center #ffff00;}

.case_index .row li{ width:25%; float:left; position:relative;}
.case_index .row img{ width:100%; display:block; }
.case_index .row .txt{ width:100%; height:0%; padding:35px 40px; position:absolute; left:0; top:0; transition:all .4s; box-sizing:border-box; z-index:10;}
.case_index .row li.hover .txt{ background:rgba(0,0,0,.78); height:100%;}
.case_index .row a{ color:#fff; display:block; width:100%; height:100%;} 
.case_index .row a h3{ font-size:22px; font-weight:bold; opacity:0;}
.case_index .row li.hover a h2{ opacity:1;}
.case_index .row li.hover a p{ opacity:1;}
.case_index .row li.hover a h3{ opacity:1;}
.case_index .row li a h2{ font-size:30px; line-height:40px; margin-top:20px; opacity:0;}
.case_index .row li a p{ font-size:30px; line-height:40px; opacity:0; font-weight:normal;}


.pinpai{ width:100%; background:#000; padding:60px 0; overflow:hidden;}
.pinpai h2{ text-align:center; font-size:40px; line-height:42px; color:#6f7478;}
.pinpai ul{ width:1530px; margin:0 auto;}
.pinpai ul li{ width:16%; float:left; margin:75px 2% 0 2%;}
.pinpai ul li img{ width:100%;}

.news_index{ width:100%; clear:both; border-top:10px solid #ffff00;}
.news_index .top{ width:1530px; margin:0 auto;}
.news_index .top span{ display:inline-block; width:150px; height:80px; line-height:80px; text-align:center; color:#2d2f3b; text-transform:capitalize; background: #ffff00; font-size:37px;}
.news_index .con{ width:1550px; margin:0 auto; position:relative;}
.news_index .con dl{ padding:50px 10px 0 10px; box-sizing:border-box; font-size:17px;}
.news_index .con dl span{ color:#808080; display:block; margin-bottom:10px;}
.news_index .con dl dd{ color:#000;}
.news_index .con dt img{ width:100%; box-shadow:0 0 10px 0 rgba(0,0,0,0.6);}
.news_index .con dt{ margin-bottom:40px;}
.news_index .con dl h3{ font-size:22px; color:#000; display:inline; line-height:35px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(10%, #fcf113)); background-image: linear-gradient(180deg, transparent 70%, #fcf113 0); background-size: 0 100%; background-repeat: no-repeat; -webkit-transition: background-size .4s ease; transition: background-size .4s ease;  font-weight:400;}
.news_index .con dl:hover h3{ background-size: 100% 100%; cursor: pointer;}
.news_index .con dl i{ background:url(../images/yuan.png) no-repeat; display:inline-block; width:17px; height:17px; margin:0 5px 0 10px; vertical-align:-4px;}
.news_index .con .pic img{ width:100%;}
.news_index .con .pic{ margin-top:50px;}

.news_index .con .swiper-button-next{ background:url(../images/ico_09.png) no-repeat; width:65px; height:75px; background-size:contain; margin-top:0; right:-70px; outline:none; top:145px;}
.news_index .con .swiper-button-prev{ background:url(../images/ico_06.png) no-repeat; width:65px; height:75px; background-size:contain; margin-top:0; left:-70px; outline:none; top:145px;}
.news_index .con .swiper-button-next.swiper-button-disabled,.news_index .con  .swiper-button-prev.swiper-button-disabled{ opacity:0.5;}


.news_index.news_list .con .swiper-button-next{ background:url(../images/ico_09.png) no-repeat; width:65px; height:75px; background-size:contain; margin-top:-20px; right:-70px; outline:none;}
.news_index.news_list .con .swiper-button-prev{ background:url(../images/ico_06.png) no-repeat; width:65px; height:75px; background-size:contain; margin-top:-20px; left:-70px; outline:none;}

.news_index .swiper-slide .pic{ position:relative; overflow:hidden;}
.news_index .swiper-slide .txt{ width:100%; height:0%; padding:0 40px; position:absolute; left:0; top:0; transition:all .4s; box-sizing:border-box; z-index:10;font-size:30px; line-height:45px; overflow:hidden;}
.news_index .swiper-slide:hover .txt{ background:rgba(0,0,0,.78); height:100%; padding:30px 40px;}
.news_index .swiper-slide a{ color:#fff; display:block; width:100%; height:100%;} 
.news_index .swiper-slide a h3{ font-size:22px; font-weight:400; margin-bottom:30px;}
.news_index .swiper-slide a h2{ font-size:30px; }


.phone_index{ width:100%; clear:both; background:#ffff00; margin-top:80px; text-align:center; padding:85px 0;}
.phone_index.wu{ margin-top:-20px;}
.phone_index dt{ font-size:25px; line-height:26px; margin-bottom:25px;}
.phone_index dd{ width:414px; margin:0 auto; font-size:38px; line-height:39px;}
.phone_index dd img{ width:100%;}
.phone_index dd span{ font-size:38px; line-height:39px; color:#fff; display:inline-block; background:#000; line-height:70px; padding:0 95px;}

.case_deli{ width:1530px;  margin:0 auto; margin-bottom:5px; overflow:hidden;}
.case_deli .top{ margin-top:80px;}
.case_deli .top .fl{ float:left;} 
.case_deli .top .fr{ float:right;} 
.case_deli .top .fl span{ font-size:60px; line-height:62px; font-weight:400; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(10%, #fcf113)); background-image: linear-gradient(180deg, transparent 80%, #fcf113 0); background-size: 0 100%; background-repeat: no-repeat; -webkit-transition: background-size .4s ease; transition: background-size .4s ease;}
.case_deli .top .fl:hover span{ background-size: 100% 100%; cursor: pointer;}
.case_deli .top .fl p{ font-size:28px; line-height:30px; font-weight:300; margin-top:20px;}
.case_deli .top .fr h3{ font-size:20px; margin-bottom:25px;}
.case_deli .top .fr span{ padding:0 5px; line-height:24px; display:inline-block; background:#000; color:#fff; margin:0 5px;}
.case_deli .bottom strong{ font-size:20px; font-weight:normal; color:#000;}
.case_deli .bottom p{ color:#000000; font-size:17px; line-height:40px;}
.case_deli .bottom p img{ width:100%;}

.service1{ width:1530px; margin:0 auto; padding:65px 0; overflow:hidden;}
.service1.small{ width:1420px; margin:0 auto;}
.service1 .top{ width:100%; text-align:center; font-size:40px; line-height:60px; font-weight:300;}
.service1 .top span{ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(10%, #fcf113)); background-image: linear-gradient(180deg, transparent 80%, #fcf113 0); background-size: 0 100%; background-repeat: no-repeat; -webkit-transition: background-size .4s ease; transition: background-size .4s ease;}
.service1 .top span:hover{ background-size: 100% 100%; cursor: pointer;}
.service1 .con{ width:100%; margin-top:100px;}
.service1  dl{ width:455px; height:265px; float:left; margin-right:82px;}
.service1  dl.last{ margin-right:0;}
.service1  dl dt{ width:15.5%; float:left;}
.service1  dl dt img{ width:100%;}
.service1  dl dd{ width:83%; float:right;}
.service1  dl dd h3{ font-size:30px; line-height:35px; padding-bottom:25px; border-bottom:1px solid #606060; display:inline-block;}
.service1  dl dd p{ font-size:18px; line-height:28px; color:#1a1a1a; margin:20px 0;}
.service1  dl dd strong{ font-size:14px; display:inline-block; font-weight:400; background:url(../images/xiajian_15.jpg) no-repeat center bottom; padding-bottom:5px; margin-bottom:5px;}
.service1  dl dd span{ font-size:14px; display:block; line-height:18px;}

.service1 ul{ width:33.3333%; float:left; text-align:center; font-size:28px; line-height:33px; margin-bottom:65px;}
.service1 ul p{ margin-top:15px;}
.service1 ul img{ width:42.9%;}

.service2{ width:100%; overflow:hidden; background:#f5f5f5;  padding:65px 0;} 
.service2 .top{ width:1530px; margin:0 auto; text-align:center; font-size:40px; line-height:60px; font-weight:300;}
.service2 .top span{ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(10%, #fcf113)); background-image: linear-gradient(180deg, transparent 80%, #fcf113 0); background-size: 0 100%; background-repeat: no-repeat; -webkit-transition: background-size .4s ease; transition: background-size .4s ease;}
.service2 .top span:hover{ background-size: 100% 100%; cursor: pointer;}
.service2 .con{ width:1568px; margin:0 auto; text-align:center;}
.service2 .con img{ width:100%;}

.contact_banner{ width:100%; background:#ffff00; overflow:hidden; padding-bottom:65px;}
.contact_banner h1{ font-size:142px; line-height:145px; margin-top:200px;}
.contact_banner p{ font-size:60px; line-height:62px; font-weight:300px; margin-top:20px;}
.dserw{ margin:110px auto;}
.dserw dl{ width:100%; height:100%; position:relative;}
.dserw dt{ width:23%; }
.dserw dt img{ width:100%;}
.dserw dd{ width:72%; height:100%; position:absolute; right:0; top:0; font-size:30px; line-height:60px; align-items:center;  display:flex;}
.dserw dd span{ margin-left:40px;}
.dserw dd em{ display:inline-block; width:130px; margin-right:10px; white-space:nowrap;}
.dserw dd em i{ float:right;}
.dserw dd p{ width:100%; clear:both; overflow:hidden;}

.online{ width:100%; overflow:hidden; background:#f5f5f5; padding:100px 0; overflow:hidden;}
.online h2{ font-size:30px; line-height:32px; text-align:center; margin-bottom:80px;}
.online li{ margin-top:20px;}
.online li input:nth-child(2){ float:right;}
.online .txt{ border:1px solid #b5b5b5; box-sizing:border-box; font-size:18px; color:#333;padding:10px 30px; line-height:25px;}
.online .txt.w1{ width:48%;}
.online .txt.w2{ width:100%; height:240px;}
.online .btn{ width:100%; border:0; background:#ffff00; color:#000; cursor:pointer; font-size:25px; height:45px;}
.online .con{ width:1035px; margin:0 auto;}

.map{ width:100%; height:450px;}

.we{ width:1240px; margin:0 auto; padding:95px 0 140px 0; text-align:center;}
.we .top{ margin-bottom:45px;}
.we h2{  font-size:53px; display:inline; line-height:54px; font-weight:300; font-family:HumanSans,"Noto Sans",sans-serif;   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(10%, #fcf113)); background-image: linear-gradient(180deg, transparent 70%, #fcf113 0); background-size: 0 100%; background-repeat: no-repeat; -webkit-transition: background-size .4s ease; transition: background-size .4s ease;}
.we h2:hover{ background-size: 100% 100%; cursor: pointer;}
.we p{ width:100%; display:inline; font-size:25px; line-height:45px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(10%, #fcf113)); background-image: linear-gradient(180deg, transparent 70%, #fcf113 0); background-size: 0 100%; background-repeat: no-repeat; -webkit-transition: background-size .4s ease; transition: background-size .4s ease;}
.we p:hover{ background-size: 100% 100%; cursor: pointer;}

.work{ width:1340px; margin:0 auto;}
.work .top{ text-align:center;}
.work .top h2{ font-size:40px; line-height:42px; text-align:center; position:relative;}
.work .top h2:after{ content:""; background:#101010; width:100%; height:1px; position:absolute; top:50%; left:0; display:block;}
.work .top h2 span{ background:#fff; display:inline-block; padding:0 30px; position:relative; z-index:1; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(10%, #fcf113)); background-image: linear-gradient(180deg, transparent 70%, #fcf113 0); background-size: 0 100%; background-repeat: no-repeat; -webkit-transition: background-size .4s ease; transition: background-size .4s ease;}
.work .top h2 span:hover{ background-size: 100% 100%; cursor: pointer;}
.work .con dl{ text-align:center; float:left; width:33.333333%; margin:90px auto 50px auto; position:relative;}
.work .con dl:after{ content:""; width:1px; height:70%; background:#a0a0a0; display:block; position:absolute; right:0; top:0;} 
.work .con dl:nth-child(3):after{ display:none;}
.work .con dl h3{ font-size:28px; color:#000; line-height:30px; margin:50px 0 15px 0; }
.work .con dl h3:after{ content:""; width:60px; height:2px; background:#505050; display:block; margin:0 auto; margin-top:25px;}
.work .con dl{ color:#4d4d4d; font-size:18px;}
.work .con dl dt{ width:58%; margin:0 auto;}
.work .con dl dt img{ width:100%;}
.ziyou{ margin-top:70px;}
.ziyou .top{ width:100%; text-align:center;}
.ziyou .top span{ font-size:40px; line-height:40px; background:#fff; display:inline-block; padding:0 30px; position:relative; z-index:1; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(10%, #fcf113)); background-image: linear-gradient(180deg, transparent 70%, #fcf113 0); background-size: 0 100%; background-repeat: no-repeat; -webkit-transition: background-size .4s ease; transition: background-size .4s ease;}
.ziyou .top span:hover{ background-size: 100% 100%; cursor: pointer;}
.ziyou .top p{ width:1070px; margin:0 auto; font-size:25px; line-height:40px; color:#4d4d4d; margin-top:25px;}
.ziyou .pic img{ width:100%; margin-top:60px; }
.team{ margin-top:90px;}
.team li{ width:25%; float:left; position:relative; overflow:hidden;}
.team li img{ width:100%;}
.team li .bg{ position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.6); color:#fff; opacity:0; transition:all 0.4s;}
.team li .bg .txt{ position:absolute; left:0; bottom:0;  box-sizing:border-box; padding:30px 60px;}
.team li .bg .txt h3{ font-size:40px; line-height:42px; font-weight:bold;}
.team li .bg .txt p{ font-size:30px; font-weight:300; line-height:32px; margin-top:15px;}
.team li:hover .bg{ opacity:1;}

.ziyou .more{ margin:26px auto;}
.ziyou .more a{ width:100%; text-align:center; font-size:25px; background:#ffff00; line-height:70px; display:block; letter-spacing:3px; transition:all 0.4s;}
.ziyou .more a:hover{ background:#000;  color:#fff;}
.ziyou .more a i{ background:url(../images/jiantou.png) no-repeat center #000; width:45px; height:70px; float:right;}
.ziyou .more a:hover i{ background:url(../images/jiantou2.png) no-repeat center #ffff00;}
.ziyou .con{ width:1530px; margin:0 auto; margin-top:50px;}
.ziyou .con .list{ width:49%; height:450px; float:left; background:#f5f5f5; overflow:hidden; padding:40px 48px; box-sizing:border-box; font-size:18px; line-height:36px; color:#4d4d4d; margin-top:30px;}
.ziyou .con .list:nth-child(2n){ float:right;}
.ziyou .con .list span{ display:inline-block; border:1px solid #1f1f1f; min-width:240px; padding:0 30px; box-sizing:border-box; line-height:75px; text-align:center; font-size:30px; margin-bottom:30px; font-weight:400;}
.ziyou .con .list p{text-align: justify}
.ziyou .con .row{ margin-top:30px;}
.ziyou .con .row h3{ background:#000; padding:0 15px; color:#fff; font-size:26px; line-height:35px; display:inline-block; cursor:pointer; font-weight:400;}
.ziyou .con .row h3.open{ color:#ffff00;}
.ziyou .con .row h3 span{ display:inline-block; background:url(../images/jian1.png) no-repeat; width:13px; height:17px;  vertical-align:0px;}
.ziyou .con .row h3.open span{ background:url(../images/jian2.png) no-repeat; width:15px; height:14px;}
.ziyou .con .row ul{ width:48%; color:#4d4d4d; font-size:18px; line-height:32px; margin-top:10px; float:left;} 
.ziyou .con .row .r_list ul:nth-child(2){ float:right;}
.ziyou .con .row ul strong{ color:#000; font-weight:400;}
.ziyou .con a.td{ width:100%; background:#ffff00; line-height:46px; font-size:25px; display:block; text-align:center; margin-top:50px; transition:all 0.4s;}
.ziyou .con a.td:hover{ background:#000; color:#fff;}
.ziyou .con .row .r_list{ display:none;}

.pc_banner_container{ max-width:1920px; height:780px; position:relative; overflow:hidden; margin:0 auto; background:#a0a0a0;}
.image_container{ width:1920px; position:absolute; left:50%; margin-left:-960px;}
.image_container .img-tile{ background-position:center; background-size:cover; background-repeat:no-repeat; position:absolute; width:240px; height:260px;}
.image_container .big{ width:480px; height:520px;}
  

.wap_banner_container{ display:none;  background:#a0a0a0;}
.wap_banner_container .swiper-pagination-bullet{ width:12px; height:12px;  background:#fff; opacity:1; border-radius:0%;}
.wap_banner_container .swiper-pagination-bullet-active{ background:#ffff00;}
.wap_banner_container .swiper-slide img{ width:100%;}

@media screen and (max-width:1920px){
.first_sc .arrow{ width:150px;   bottom:30px; margin-left:-75px;}
.news_index .con .swiper-button-next{ width:45px; height:55px; background-size:contain; right:-50px; }
.news_index .con .swiper-button-prev{ width:45px; height:55px; background-size:contain; left:-50px; }

.news_index.news_list .con .swiper-button-next{ width:45px; height:55px; background-size:contain; right:-50px; }
.news_index.news_list .con .swiper-button-prev{ width:45px; height:55px; background-size:contain; left:-50px; }
.service2 .con{ width:70%; text-align:center;}
.dserw dd{  font-size:26px; line-height:50px; }
.about_index{ padding:60px 0;}
.dserw dd em{ display:inline-block; width:115px;}
.work .con dl dt{ width:48%; margin:0 auto;}
.work .con dl{ margin:60px 0 20px 0;}
.we{ padding:70px 0 80px 0;}
.service1 ul img{ width:38%;}
 
.first_sc .swiper-slide .txt pre{ font-size:80px; line-height:90px;}
.first_sc .swiper-slide .txt span{ font-size:24px; line-height:30px;}
.first_sc .swiper-slide .txt span:before{ content:""; width:60px; height:2px;  margin:30px 0 20px 0;}

 
.first_sc .mainbox .txt pre{ font-size:80px; line-height:90px;}
.first_sc .mainbox .txt span{ font-size:24px; line-height:30px;}
 
}

@media screen and (max-width:1560px) {
.first_sc .arrow{ width:100px; height:60px; bottom:20px; z-index:10; margin-left:-50px;}
 
.pinpai ul,.news_index .con,.news_index .top,.case_deli,.service1,.service2 .top,.ziyou .con{ width:90%;}
.service1  dl{ width:32%; margin-right:2%;}
.dserw{ margin:90px auto;}
.dserw dd{  font-size:24px; line-height:50px; }
.dserw dd em{ display:inline-block; width:105px;}
.online .btn{ font-size:22px;}
.we{ padding:60px 0 70px 0;}
.first_sc .swiper-slide .txt pre{ font-size:70px; line-height:85px;}
.first_sc .swiper-slide .txt span{ font-size:24px; line-height:26px; }
.first_sc .swiper-slide .txt span:before{ content:""; width:50px; }
.first_sc .mainbox .txt pre{ font-size:70px; line-height:85px;}
.first_sc .mainbox .txt span{ font-size:24px; line-height:26px; }
}
 
@media screen and (max-width:1490px) { 

 
.about_index{ font-size:19px; line-height:32px;}
.case_index .tab{ font-size:19px; line-height:40px; } 

.case_index .con a h3{ font-size:17px; }
.case_index .con .fl a h2{ font-size:34px; margin-top:20px;}
.case_index .con .fl a p{ font-size:30px; line-height:40px;}

.case_index .con li a h2{ font-size:23px; line-height:40px; margin-top:15px; }
.case_index .con li a p{ font-size:23px; line-height:32px;}
.case_index .more a,.ziyou .more a{ font-size:19px;}
.case_index .row a h3{ font-size:17px; }
.case_index .row li a h2{ font-size:23px; line-height:32px; margin-top:20px; }
.case_index .row li a p{ font-size:23px; line-height:32px; }

.news_index .swiper-slide .txt{font-size:23px; line-height:40px;}
.news_index .swiper-slide:hover .txt{  padding:30px 40px;}
.news_index .swiper-slide a h3{ font-size:17px; margin-bottom:20px;}
.news_index .swiper-slide a h2{ font-size:23px; }


.pinpai h2{ font-size:30px; line-height:32px;}
.news_index .top span{  width:120px; height:60px; line-height:60px;  font-size:28px;}
.news_index .con dl h3{ font-size:17px;  line-height:25px;}
.news_index .con dl{ font-size:16px;}
.news_index .con dt{ margin-bottom:20px;}

.phone_index dt{ font-size:19px; line-height:24px;}
.phone_index dd{ font-size:29px; line-height:29px; width:390px;}
.phone_index dd span{ font-size:29px; line-height:35px; padding:0 50px;}
.phone_index{ margin-top:50px; text-align:center; padding:50px 0;}
.case_deli .top .fl span{ font-size:46px; line-height:50px;}
.case_deli .top .fl p{ font-size:21px; margin-top:10px;}
.case_deli .top .fr h3{ font-size:15px; margin-bottom:15px;}
.case_deli .bottom p{ font-size:17px; line-height:35px;}
.service1{ padding:50px 0;}
.service1 .con{ width:100%; margin-top:50px;}
.service1 .top,.service2 .top{  font-size:30px; line-height:45px;}
.service1  dl dd h3{ font-size:23px; padding-bottom:15px;}
.service1  dl dd p{ font-size:16px; line-height:24px; margin:10px 0;}

.service2{ padding:50px 0;}
.service2 .con{  margin-top:40px;}
.service2 .top{  font-size:19px; line-height:35px;}
.service1 ul{ font-size:22px; line-height:28px; margin-bottom:50px;}

.contact_banner h1{ font-size:108px; line-height:120px;  }
.contact_banner p{ font-size:46px; line-height:46px; }
.dserw{ margin:80px auto;}
.dserw dd{  font-size:22px; line-height:40px; }
.dserw dd em{ display:inline-block; width:95px;}
.online{ padding:80px 0;}
.online h2{ font-size:23px; line-height:25px; margin-bottom:50px;}
.online .txt{  font-size:16px;}
.online .btn{ font-size:19px;}
.we{ padding:50px 0 60px 0;  width:70%;}
.we .top{ margin-bottom:30px;}
.we h2{  font-size:40px; line-height:43px;}
.we p{ font-size:19px;}
.work{ width:90%;}
.work .top h2{ font-size:30px; line-height:32px;}
.work .con dl h3{ font-size:22px; line-height:24px; margin:30px 0 10px 0; }
.work .con dl h3:after{ width:40px; margin-top:15px;}
.work .con dl{ font-size:16px;}
.ziyou .top span{ font-size:30px; line-height:32px;}
.ziyou .pic img{ margin-top:30px; }
.ziyou .top p{ font-size:19px; line-height:32px; margin-top:15px; width:60%;}
.team li .bg .txt{ padding:20px 40px;}
.team li .bg .txt h3{ font-size:31px; line-height:32px;  }
.team li .bg .txt p{ font-size:23px; line-height:24px; margin-top:12px;}
.team{ margin-top:70px;}
.ziyou .con{ margin-top:30px;}
.ziyou .con .list{ padding:30px 40px; height:390px;  font-size:14px; line-height:30px;  }
.ziyou .con .list span{ min-width:200px; padding:0 20px;  line-height:60px; font-size:23px; margin-bottom:20px;}
.ziyou .con .row h3{ font-size:20px; line-height:32px;}
.ziyou .con .row ul{ font-size:14px; line-height:28px; } 
.service1.small{ width:90%;}

.first_sc .swiper-slide .txt pre{ font-size:60px; line-height:70px;}
.first_sc .swiper-slide .txt span{ font-size:20px; line-height:22px; }
.first_sc .swiper-slide .txt span:before{ content:""; width:40px; }
.first_sc .mainbox .txt pre{ font-size:60px; line-height:70px;}
.first_sc .mainbox .txt span{ font-size:20px; line-height:22px; }
}
 
@media screen and (max-width:1390px) {
.about_index,.case_index .tab{ font-size:18px; }
.case_index .con a h3{ font-size:16px; }
.case_index .con .fl a h2{ font-size:32px;}
.case_index .con .fl a p{ font-size:28px; line-height:30px;}
.case_index .con li a h2{ font-size:22px; line-height:30px; }
.case_index .con li a p{ font-size:22px; line-height:30px;}
.case_index .row a h3{ font-size:16px; }
.case_index .row li a h2{ font-size:22px; line-height:30px;  }
.case_index .row li a p{ font-size:22px; line-height:30px; }
.case_index .more a,.ziyou .more a{ font-size:18px;}

.news_index .swiper-slide .txt{font-size:22px; line-height:40px;}
.news_index .swiper-slide:hover .txt{  padding:30px 40px;}
.news_index .swiper-slide a h3{ font-size:16px; margin-bottom:20px;}
.news_index .swiper-slide a h2{ font-size:22px; }

.case_deli .top .fl span{ font-size:43px; line-height:46px;}
.pinpai h2{ font-size:29px; }
.news_index .top span{  width:100px; height:50px; line-height:50px;  font-size:26px;}
.news_index .con dl h3{ font-size:16px;}
.news_index .con dl{ font-size:15px;}
.phone_index dt{ font-size:18px; line-height:24px;}
.phone_index dd{ font-size:27px; line-height:27px; width:290px; }
.phone_index dd span{ font-size:28px; }
.case_deli .top .fl p{ font-size:20px;}
.case_deli .top .fr h3{ font-size:14px;}
.service1 .top,.service2 .top{  font-size:28px; line-height:40px;}
.service1  dl dd h3{ font-size:22px; padding-bottom:10px;}
.service1  dl dd p{ font-size:14px; line-height:22px;}
.service1 ul{ font-size:20px; line-height:26px; margin-bottom:40px;}
.contact_banner h1{ font-size:101px; line-height:102px;  }
.contact_banner p{ font-size:43px; line-height:43px; }
.dserw{ margin:70px auto;}
.dserw dd{  font-size:21px; line-height:35px; }
.online h2{ font-size:22px; line-height:25px; margin-bottom:50px;}

.online{ padding:70px 0;}
.online .btn{ font-size:18px;}
.we{ padding:40px 0 50px 0; width:75%;}
.we h2{  font-size:38px; line-height:39px;}
.we p{ font-size:18px;}
.work{ width:90%;}
.work .top h2{ font-size:28px; line-height:30px;}
.work .con dl h3{ font-size:21px;}
.ziyou .top span{ font-size:28px; line-height:30px;}
.ziyou .top p{ font-size:18px; line-height:30px; margin-top:15px;}
.team li .bg .txt h3{ font-size:29px;  }
.team li .bg .txt p{ font-size:22px;  }
.team{ margin-top:60px;}
.team li .bg .txt{ padding:20px 30px;}
.ziyou .con .list span{ min-width:190px; padding:0 20px;  line-height:50px; font-size:22px; margin-bottom:20px;}
.ziyou .con .row h3{ font-size:19px; line-height:30px;}
 
.first_sc .swiper-slide .txt pre{ font-size:50px; line-height:60px;}
.first_sc .swiper-slide .txt span:before{ margin:15px 0 10px 0;}
.first_sc .mainbox .txt pre{ font-size:50px; line-height:60px;}

.news_index .con .swiper-button-next,.news_index .con .swiper-button-prev{ top:30%;}
 
} 
@media screen and (max-width:1100px){
.about_index,.case_index .tab{ font-size:14px; line-height:28px;} 
.case_index .tab a{ margin:0 20px;}
.case_index .con a h3{ font-size:13px; }
.case_index .con .fl a h2{ font-size:25px;  margin-top:10px; line-height:30px;}
.case_index .con .fl a p{ font-size:22px; line-height:26px;}
.case_index .con li a h2{ font-size:17px; line-height:26px; margin-top:10px; }
.case_index .con li a p{ font-size:17px; line-height:26px;}
.case_index .row a h3{ font-size:13px; }
.case_index .row li a h2{ font-size:17px; line-height:25px; margin-top:10px; }
.case_index .row li a p{ font-size:17px; line-height:25px; }
.case_index .more a,.ziyou .more a{ font-size:14px;}
.news_index .swiper-slide .txt{font-size:17px; line-height:30px;}
.news_index .swiper-slide:hover .txt{  padding:30px 40px;}
.news_index .swiper-slide a h3{ font-size:16px; margin-bottom:10px;}
.news_index .swiper-slide a h2{ font-size:23px; }
.case_deli .top .fl span{ font-size:34px; line-height:36px;}
.pinpai ul li{ width:21%; float:left; margin:35px 2% 0 2%;}
.pinpai h2{ font-size:23px; }
.news_index .top span{  width:80px; height:40px; line-height:40px;  font-size:21px;}
.news_index .con dl h3{ font-size:14px;}
.news_index .con dl{ font-size:13px;}
.news_index .con .swiper-button-next{ width:30px; height:40px; right:-30px; }
.news_index .con .swiper-button-prev{ width:30px; height:40px; left:-30px; }

.news_index.news_list .con .swiper-button-next{ width:30px; height:40px; right:-30px; margin-top:10px; }
.news_index.news_list .con .swiper-button-prev{ width:30px; height:40px; left:-30px; margin-top:10px; }

.phone_index dt{ font-size:14px; line-height:20px;}
.phone_index dd{ font-size:21px; line-height:22px;  width:220px;}
.phone_index dd span{ font-size:22px;  }
.case_deli .top .fl p{ font-size:16px;}
.service1 .top,.service2 .top{  font-size:17px; line-height:32px;}
.service1  dl dd h3{ font-size:23px; line-height:38px}
.service1  dl dd p{ font-size:12px; }
.service1 ul{ font-size:16px; line-height:24px; margin-bottom:30px;}
.contact_banner h1{ font-size:80px; line-height:82px;  }
.contact_banner p{ font-size:34px; line-height:35px; }
.dserw dd{  font-size:17px;  }
.dserw dd em{ display:inline-block; width:74px;}
.dserw{ margin:60px auto;}

.online .con{ width:90%; }
.online{ padding:60px 0;}
.online h2{ font-size:18px; line-height:20px; line-height:30px; margin-bottom:30px;}
.online .txt{  font-size:14px; padding:10px 10px;}
.online .btn{ font-size:14px;}
.we{ padding:40px 0; width:85%;}
.we .top{ margin-bottom:15px;}
.we h2{  font-size:30px; line-height:32px;}
.we p{ font-size:16px; line-height:30px;}
.work .top h2{ font-size:23px; line-height:25px;}
.work .con dl h3{ font-size:17px; margin:20px 0 10px 0; }
.ziyou .top span{ font-size:23px; line-height:25px;}
.ziyou .top p{ font-size:15px; margin-top:10px; padding:0 10px; width:70%; box-sizing:border-box;}
.team{ margin-top:50px;}
.team li .bg .txt h3{ font-size:23px; line-height:26px;  }
.team li .bg .txt p{ font-size:17px; line-height:18px; margin-top:10px;}
.ziyou .con .list{ padding:20px 30px;}
.ziyou .con .list span{ min-width:170px; padding:0 20px;  line-height:45px; font-size:18px; margin-bottom:20px;}
.ziyou .con .row h3{ font-size:15px; line-height:28px;}
 
.first_sc .swiper-slide .txt pre{ font-size:40px; line-height:50px;}
.first_sc .mainbox .txt pre{ font-size:40px; line-height:50px;}
}
 

@media screen and (max-width:768px) {
.first_sc{ height:400px;margin-top:50px;}
 
.first_sc .swiper-slide .txt pre{ font-size:30px; line-height:40px;}
.first_sc .swiper-slide .txt span{ font-size:18px; line-height:20px; }
.first_sc .arrow{ display:none;}

.first_sc .mainbox .txt pre{ font-size:30px; line-height:40px;}
/*.first_sc{ }*/
.about_index p{ padding:0 10px;}
.case_index .tab{ padding:15px 0;}
.case_index .tab a{ margin:0 10px; }

.case_index .con .txt{  padding:25px 20px; }
.case_index .con .fl{ width:100%; float:none;}
.case_index .con .fl a h2{ font-size:18px;  margin-top:0px;}
.case_index .con .fl a p{ font-size:16px; line-height:24px;}
.case_index .con .fr{ width:100%; float:none;}
.case_index .con .fan .fl{ float:none; }
.case_index .con .fan .fr{ float:none;}
.case_index .con li a h2{ font-size:14px; line-height:24px;  }
.case_index .con li a p{ font-size:14px; line-height:24px; }
.case_index .row li a h2{ font-size:14px; line-height:24px;  }
.case_index .row li a p{ font-size:14px; line-height:24px; }

.news_index .swiper-slide .txt{font-size:14px; line-height:24px;}
.news_index .swiper-slide:hover .txt{  padding:25px 20px;}
.news_index .swiper-slide a h3{ font-size:14px; }
.news_index .swiper-slide a h2{ font-size:14px; }
.case_index .row .txt{  padding:25px 20px; }
.case_index .row li{ width:50%; }
.pinpai ul li{ width:30.33333%; float:left; margin:30px 1.5% 0 1.5%;}
.pinpai h2{ font-size:20px; }

.news_index .con .swiper-button-next{ width:20px; height:30px; right:-20px; }
.news_index .con .swiper-button-prev{ width:20px; height:30px; left:-20px; }
.news_index.news_list .con .swiper-button-next{ width:20px; height:30px; right:-20px; }
.news_index.news_list .con .swiper-button-prev{ width:20px; height:30px; left:-20px; }

.service1  dl{ width:48%; margin-right:4%; height:230px;}
.service1  dl:nth-child(2n){ margin-right:0;}
.service1  dl:nth-child(3n){ margin-right:4%;}
.service1  dl:nth-child(6n){ margin-right:0%;}

.contact_banner h1{ font-size:50px; line-height:52px; margin-top:150px;}
.contact_banner p{ font-size:24px; line-height:25px; }
.dserw{ margin:50px auto;}
 
.dserw dt{ width:43%; }
.dserw dd{ width:55%; font-size:14px; line-height:24px;}
.dserw dd em{ display:inline-block; width:64px;}
.online{ padding:50px 0;}
.work .con dl{ box-sizing:border-box; padding:0 10px; margin:30px 0 0 0; font-size:14px;}
.team li{ width:50%;}
.ziyou .con .list{ width:100%; height:auto; float:none; padding:30px; }
.ziyou .con .list:nth-child(2n){ float:none;}
.ziyou .con .row ul{ width:100%; float:none;} 
.ziyou .con .row .r_list ul:nth-child(2){ float:none;}
.pc_banner_container{ display:none;}
.wap_banner_container{ display:block; margin-top:50px;}
.about_index{ padding:40px 20px; box-sizing:border-box;}
.dserw dd span{ margin-left:10px;}
.ziyou .top p{   width:90%;}
.news_index .con .swiper-button-next,.news_index .con .swiper-button-prev{ top:40%;}
}
@media screen and (max-width:550px){
.first_sc{ height:300px;}	
.first_sc .swiper-slide .txt pre{ font-size:24px; line-height:30px;}
.first_sc .mainbox h2{ font-size:24px; line-height:30px; }
.case_index{ padding:15px 0;}	
.case_index .tab a{ margin:5px 10px; }
.pinpai ul li{ width:45%; margin:35px 2.5% 0 2.5%;}
.service1  dl{ width:100%; margin-right:0%; float:none; overflow:hidden; height:auto; padding-bottom:20px;}
.service1  dl:nth-child(2n){ margin-right:0;}
.service1  dl:nth-child(3n){ margin-right:0%;}
.service1  dl:nth-child(6n){ margin-right:0%;}

.online li input:nth-child(2){ float:none; margin-top:20px;}
 
.online .txt.w1{ width:100%;}
.online .txt.w2{ width:100%; height:200px;}
.map{ width:100%; height:350px;}
.first_sc .swiper-container-horizontal>.swiper-pagination-bullets, .first_sc .swiper-pagination-custom, .first_sc .swiper-pagination-fraction{ bottom:10px;}
}
@media screen and (max-width:450px) {
.news_index .con .swiper-button-next{ width:15px; height:20px; right:-15px; }
.news_index .con .swiper-button-prev{ width:15px; height:20px; left:-15px; }

.news_index.news_list .con .swiper-button-next{ width:15px; height:20px; right:-15px; margin-top:-7px; }
.news_index.news_list .con .swiper-button-prev{ width:15px; height:20px; right:-15px; margin-top:-7px; }
.service1 ul{ width:50%;} 
.contact_banner h1{ font-size:40px; line-height:42px; margin-top:120px;}
.contact_banner p{ font-size:20px; line-height:22px; margin-top:10px; }
 
}

@media screen and (max-width:400px) {
 .dserw dd{ width:55%; font-size:12px; line-height:22px;}
 .first_sc{ height:280px;}
}