@media(max-width:1500px){
#top{ position:fixed; z-index:20; background:rgba(0,0,0,0.8); width:100%; height:80px;}
#logo{ float:left; margin:19px 0 0 50px;}
#menu{ float:right;}
#menu ul li{ float:left;}
#menu ul li a{ display:block; line-height:80px; color:rgba(255,255,255,0.7); text-transform:uppercase; padding:0 20px; font-size:16px;}
#menu ul li a:hover{color:rgba(255,255,255,1);}
#menu ul li .zzmenu{ position:absolute; background:rgba(0,0,0,0.8); overflow:hidden; display:none;}
#menu ul li .zzmenu a{ line-height:50px; padding-right:40px; font-size:14px;}
#menu ul li .zzmenu a:hover{ color:#fff; background:#e60012;}


#lan{ float:right; line-height:80px; text-transform:uppercase;color:rgba(255,255,255,0.5); margin-right:50px; margin-left:3vw;}
#lan img{ vertical-align:middle; margin-bottom:2px; margin-right:5px;}
#lan a{ color:rgba(255,255,255,0.5); font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:16px;}
#lan a:hover{ color:#fff;}

#menu_btn,#close{ display:none;}

/*banner*/
.swiper-container {width: 100%;height: 100%; }
.swiper-slide img{width:100%;height:auto;min-height:100%;transition:1s linear 2s;transform:scale(1.2,1.2);}
.swiper-slide-active img,.swiper-slide-duplicate-active img{transition:5s linear;transform:scale(1,1);}
.swiper-slide .text{ position:absolute; color:#fff; z-index:1; margin:16.458vw 0 0 9.375vw;}	
.swiper-slide .text h2{ font-size:60px; line-height:80px;}
.swiper-slide .text h3{ font-size:1.2vw; line-height:36px; margin-top:1vw; font-weight:500;}
.swiper-slide .text a{ display:block; width:160px; line-height:40px; font-size:16px; color:#fff; background:#e60012; text-align:center; font-weight:500; margin-top:5.2vw;}
.swiper-slide .text a:hover{ background:#fff; color:#000;}

#ind_about{ width:95%; max-width:1360px; margin:4.5vw auto 5vw auto; overflow:hidden; border-top:solid 1px #000; padding-top:2vw;}
#ind_about .left{ float:left; width:30%;}
#ind_about .left h1{ font-size:3.5vw; line-height:72px;}
#ind_about .left h3{ font-size:18px; line-height:24px; text-transform:uppercase;}
#ind_about .right{  width:60%; float:right; font-size:16px; line-height:30px;}
#ind_about .right a{ display:block; width:130px; line-height:40px; font-size:14px; color:#fff; background:#e60012; text-align:center; font-weight:500; margin-top:2vw;}
#ind_about .right a:hover{ background:#000;}

#ind_data{ background:url(image/di1.jpg) no-repeat center top/100% auto; overflow:hidden; height:38vw; }
#data1{ position:absolute; margin:4vw 0 0 36.66vw}
#data1 h2{ font-size:6vw; line-height:7vw;font-family:"Helvetica Neue", sans-serif;}
#data1 h3{ font-size:1.4vw; line-height:2vw; font-weight:500; padding-left:8vw; }
#data2{ position:absolute; margin:15.625vw 0 0 14.58vw}
#data2 h2{ font-size:6vw; line-height:7vw;font-family:"Helvetica Neue", sans-serif;}
#data2 h3{ font-size:1.4vw; line-height:2vw; font-weight:500; padding-left:8vw;}
#data3{ position:absolute; margin:20vw 0 0 50vw}
#data3 h2{ font-size:6vw; line-height:7vw;font-family:"Helvetica Neue", sans-serif;}
#data3 h3{ font-size:1.4vw; line-height:2vw; font-weight:500; padding-left:8vw;}

#ind_di{ background:url(image/di2.jpg) no-repeat center top #f3f5f8; overflow:hidden;}

#ind_pro{ width:95%; max-width:1560px; margin:5vw auto 1vw auto; overflow:hidden;}
#ind_pro ul{ width:100000px; transition:all 0.5s;}
#ind_pro ul li{ float:left; max-width:765px; margin-right:1.6vw; width:46vw; color:#fff; overflow:hidden;}
#ind_pro ul li p{ overflow:hidden;}
#ind_pro ul li img{ width:100%; transition:all 2s;}
#ind_pro ul li:hover img{ transform:scale(1.2);}
#ind_pro ul li .text{ position:absolute; margin:3vw; z-index:1;}
#ind_pro ul li h2{ font-size:36px; line-height:50px;}
#ind_pro ul li h3{ font-size:16px; line-height:24px; font-weight:200; text-transform:uppercase;}
#ind_pro ul li a{display:block; width:110px; line-height:40px; font-size:14px; color:#fff; background:#e60012; text-align:center; font-weight:500; margin-top:2vw;}
#ind_pro ul li a:hover{ background:#fff; color:#000;}

#ind_pro_btn{ width:100%; overflow:hidden; text-align:center; margin-bottom:3vw;}
#ind_pro_btn ul{ display:inline-block;}
#ind_pro_btn ul li{ width:12px; height:12px; background:#4c5a6a; border-radius:50%; float:left; margin:9px; cursor:pointer;}
#ind_pro_btn ul li:nth-child(1){ background:#e60012}

#ind_strength{ width:95%; margin:4vw auto 0 auto; overflow:hidden; max-width:1560px;}
#ind_strength h2{ font-size:40px; line-height:60px;}
#ind_strength h3{ font-size:16px; line-height:30px; font-weight:500;}

#ind_strength_li{width:1360px; margin:50px auto 0 auto; overflow:hidden;}
#ind_strength_li .left{ width:430px; float:left; margin-right:30px; overflow:hidden;}
#ind_strength_li .left .text{ background:#fff; height:288px; padding:0 75px; margin-bottom:30px; border-radius:5px; overflow:hidden;}
#ind_strength_li .left .text h2{ padding-top:50px; font-size:30px; line-height:50px;}
#ind_strength_li .left .text h3{ padding-top:20px; font-size:18px; line-height:24px; font-weight:500;}
#ind_strength_li .left .text h3 span{ color:#e60012; font-weight:700;}
#ind_strength_li .left .text a{ font-size:16px; display:block; margin-top:40px;}
#ind_strength_li .left .text a img{ margin-left:5px;}

#ind_strength_li .md{ width:430px; margin-right:30px; float:left; overflow:hidden;}
#ind_strength_li .md .text{ background:url(image/di3.jpg) no-repeat center top; height:606px; padding:0 75px; color:#fff; margin-bottom:30px; border-radius:5px;overflow:hidden;}
#ind_strength_li .md .text h2{ padding-top:50px; font-size:30px; line-height:50px;}
#ind_strength_li .md .text h3{ padding-top:20px; font-size:18px; line-height:24px; font-weight:500;}
#ind_strength_li .md .text a{ font-size:14px; display:block; margin-top:16vw; color:#fff; background:#e60012; line-height:40px; width:140px; text-align:center;}
#ind_strength_li .md .text a:hover{ background:#fff; color:#000;}

#ind_strength_li .right{ width:430px; float:left; overflow:hidden;}
#ind_strength_li .right .text{ background:#fff; height:288px; padding:0 75px; margin-bottom:30px; border-radius:5px;}
#ind_strength_li .right .text h2{ padding-top:50px; font-size:30px; line-height:50px;}
#ind_strength_li .right .text h3{ padding-top:20px; font-size:18px; line-height:24px; font-weight:500;}
#ind_strength_li .right .text h3 span{ color:#e60012; font-weight:700;}
#ind_strength_li .right .text a{ font-size:16px; display:block; margin-top:40px;}
#ind_strength_li .right .text a img{ margin-left:5px;}

#ind_strength_li .right .text1{ background:#163b77; height:288px; padding:0 75px; margin-bottom:30px; color:#fff; border-radius:5px;}
#ind_strength_li .right .text1 h2{ padding-top:50px; font-size:30px; line-height:50px;}
#ind_strength_li .right .text1 h3{ padding-top:20px; font-size:18px; line-height:24px; font-weight:500;}
#ind_strength_li .right .text1 h3 span{ color:#e60012; font-weight:700;}
#ind_strength_li .right .text1 a{ font-size:16px; display:block; margin-top:40px; color:#fff;}
#ind_strength_li .right .text1 a img{ margin-left:5px;}

#ind_vr{ background:url(image/di4.jpg) no-repeat center top/100% auto; height:37vw; margin-top:4vw; color:#fff; }
#ind_vr div{ padding:12vw 0 0 10vw;}
#ind_vr h2{ font-size:3vw; line-height:3vw;}
#ind_vr h3{ font-size:1.1vw; line-height:20px; margin-top:1vw; font-weight:500;}
#ind_vr a{ font-size:14px; display:block; margin-top:4vw; color:#fff; background:#e60012; line-height:40px; width:140px; text-align:center;}
#ind_vr a:hover{ background:#fff; color:#000;}

#bottom{ width:100%; background:#2b2b2b; overflow:hidden; color:#fff;}
#follow{ width:95%; max-width:1560px; margin:30px auto 0 auto; overflow:hidden; font-size:16px; line-height:100px; text-transform:uppercase; border-bottom:solid 1px #555;}
#follow img{ vertical-align:middle; margin:0 0 20px 10px;}
#bottom_menu{ width:95%; max-width:1560px; overflow:hidden; margin:0 auto; padding-bottom:50px; border-bottom:solid 1px #555;}
#bottom_menu ul li{ float:left;}
#bottom_menu ul li:nth-child(1){ width:18%;}
#bottom_menu ul li:nth-child(2){ width:18%;}
#bottom_menu ul li:nth-child(3){ width:18%;}
#bottom_menu ul li:nth-child(4){ width:18%;}
#bottom_menu ul li:nth-child(5){ width:28%;}
#bottom_menu ul li h3{ font-size:16px; text-transform:uppercase; font-weight:500; line-height:50px; padding-top:20px;}
#bottom_menu ul li h4 a{ font-size:14px; color:#fff; font-weight:500; line-height:30px;}
#bottom_menu ul li h4{ line-height:30px;font-weight:500;}
#bottom_menu ul li:nth-child(5) a{ font-size:14px; display:block; margin-top:2vw; color:#fff; background:#e60012; line-height:40px; width:140px; text-align:center;}
#bottom_menu ul li:nth-child(5) a:hover{ background:#fff; color:#000;}

#ind_copy{ width:95%; max-width:1560px; margin:0 auto 0 auto; line-height:80px; overflow:hidden;}


#feedback{ width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,0.5);backdrop-filter:blur(8px); z-index:50; display:none;}
#feedback .k{ width:600px; margin:8vw auto 0 auto; overflow:hidden; border:solid 1px #999; background:rgba(0,0,0,0.8); padding:30px;}
#feedback .k .a1{ font-size:30px; line-height:80px; color:#fff;}
#feedback .k .a2{ overflow:hidden; margin-bottom:1rem;}
#feedback .k .a2 input{ width:100%; background:#333; padding:0 10px; height:40px; color:#fff;}
#feedback .k .a2 textarea{ width:100%; background:#333; height:80px; padding:10px; color:#fff;}
#feedback .k .a3 a{ display:block; background:#d00; line-height:50px; color:#fff; text-align:center; font-size:16px;}
#feedback .k .a3 a:hover{ background:#fff; color:#000;}

#fclose{ position:absolute; cursor:pointer; margin-left:570px; display:block; padding:10px;}
#fclose p:nth-child(1){ width:20px; height:3px; background:#ccc; transform:rotate(45deg);transition:all 0.5s;}
#fclose p:nth-child(2){ width:20px; height:3px; background:#ccc; transform:rotate(135deg); margin-top:-3px;transition:all 0.5s;}

#fclose:hover p:nth-child(1){ width:20px; height:3px; background:#fff; transform:rotate(135deg); }
#fclose:hover p:nth-child(2){ width:20px; height:3px; background:#fff; transform:rotate(225deg); margin-top:-3px;}


#banner{ width:100%; overflow:hidden;}
#banner img{ width:100%; animation:scaleDown 6s;}
@keyframes scaleDown {
  0% { transform: scale(1.2); }
  100% { transform: scale(1); }
}



#banner .k{ position:absolute; margin:15vw auto 0 auto; z-index:5; width:100%;}
#banner .k .con{ color:#fff; animation:lines 6s; animation-fill-mode: forwards; width:80%; max-width:1360px; margin:0 auto; padding-top:1vw;}
#banner .con h2{ font-size:3.5vw; line-height:5vw; letter-spacing:0px;}
#banner .con p{ font-size:1.2vw; width:50vw; line-height:2vw; letter-spacing:0px; font-weight:500; padding-top:1vw;}

#banner1{ width:100%; overflow:hidden;}
#banner1 img{ width:100%; animation:scaleDown 6s;}
#banner1 .k{ position:absolute; margin:10vw auto 0 auto; z-index:5; width:100%;}
#banner1 .k .con{ color:#fff; animation:lines 6s; animation-fill-mode: forwards; width:80%; max-width:1360px; margin:0 auto; padding-top:2vw;}
#banner1 .con h2{ font-size:3vw; line-height:5vw; letter-spacing:0px;}
#banner1 .con p{ font-size:1.2vw; width:60vw; line-height:1.4vw; letter-spacing:0px; font-weight:500; padding-top:1vw;}


#about1{ width:1360px; margin:5vw auto 5vw auto; overflow:hidden; }
#about1 .left{ overflow:hidden; width:660px; border-top:solid 1px #000; float:left;}
#about1 h1{ line-height:80px; font-size:2vw; padding-top:1.4vw;}
#about1 .a2{ font-size:16px; line-height:36px;}
#about1 .right{ overflow:hidden; width:660px; border-top:solid 1px #000; float:right; font-size:16px; line-height:36px; padding-top:2vw;}
#about1 .right span{ font-weight:bold; font-size:18px;}

#about2{ width:100%; background:url(image/di5.jpg) no-repeat center top/100%; background-attachment:fixed; overflow:hidden;}
#about2 .k{ width:100%; margin:10vw auto; overflow:hidden; color:#fff; line-height:48px; font-size:18px; text-align:center;}
#about2 .k span{ font-size:30px; font-weight:bold;}

#about3{ width:95%; max-width:1560px; margin:5vw auto 5vw auto; overflow:hidden; }
#about3 .left{width:46vw; max-width:720px; float:left; font-size:16px; line-height:36px;}
#about3 .left img{ width:100%;}
#about3 .left .a2{ padding-top:2vw;}
#about3 .left .a2 a{ display:block; width:130px; background:#d00; margin-top:3vw; line-height:40px; color:#fff; text-align:center;}
#about3 .left .a2 a:hover{ background:#000;}
#about3 .right{ width:46vw; max-width:720px; float:right; font-size:16px; line-height:36px;}
#about3 .right img{ width:100%;}
#about3 .right .a2{ padding-top:2vw;}
#about3 .right .a2 span{ font-size:20px; font-weight:bold;}
#about3 .right .a2 a{ display:block; width:130px; background:#d00; margin-top:3vw; line-height:40px; color:#fff; text-align:center;}
#about3 .right .a2 a:hover{ background:#000;}

#about4{ width:100%; overflow:hidden; background:url(image/b3.jpg) no-repeat center top/100%; background-attachment:fixed;}
#about4 .k{ padding:10vw 0; overflow:hidden; text-align:center; color:#fff;}
#about4 .k h2{ font-size:36px; line-height:80px;}
#about4 .k .a1{ font-size:22px; line-height:50px;}
#about4 .k .a2{ font-size:16px; line-height:40px; letter-spacing:5px;}

#about5{ width:95%; max-width:1560px; margin:4vw auto 5vw auto; overflow:hidden; }
#about5 h2{ font-size:36px; line-height:60px; overflow:hidden;}
#about5 .k{ width:100%;margin-top:2vw; overflow:hidden;}
#about5 .k ul li p{ overflow:hidden;}
#about5 .k ul li img{ width:100%; transition:all 0.5s;}
#about5 .k ul li:hover p img{ transform:scale(1.15);}

#title{width:1360px; margin:3vw auto 2vw auto; overflow:hidden; }
#title h1{ font-size:36px; line-height:80px;}
#title p{ font-size:16px; line-height:30px;}

#title1{ width:95%; max-width:1560px; margin:5vw auto 2vw auto; overflow:hidden; }
#title1 h1{ font-size:36px; line-height:80px;}
#title1 p{ font-size:16px; line-height:30px;}


#culture1{width:1360px; margin:1vw auto 5vw auto; overflow:hidden; }
#culture1 ul{ width:1400px;}
#culture1 ul li{ width:440px; margin-right:20px; float:left; border-top:solid 1px #000; padding-top:2vw;}
#culture1 ul li p:nth-child(1){ font-size:24px; line-height:36px; font-weight:bold;}
#culture1 ul li p:nth-child(2){ font-size:16px; line-height:30px; padding-top:1vw;}

#culture2{ width:1360px; margin:1vw auto 5vw auto; overflow:hidden; }
#culture2 .left{ float:left; width:440px; float:left; margin-right:20px; background:#fff; overflow:hidden;}
#culture2 .left div{ padding:60px 40px; text-align:left;}
#culture2 .left p.a1{ font-size:24px; line-height:40px; font-weight:bold;}
#culture2 .left p.a2{ font-size:16px; line-height:30px;}
#culture2 .left img{ width:100%;}
#culture2 .mid{ float:left; width:440px; float:left; margin-right:20px; background:#fff; overflow:hidden;}
#culture2 .mid div{ padding:60px 40px; text-align:left;}
#culture2 .mid img{ width:100%;}
#culture2 .mid p.a1{ font-size:24px; line-height:40px; font-weight:bold;}
#culture2 .mid p.a2{ font-size:16px; line-height:30px;}
#culture2 .right{ width:360px; float:left; background:#163b77; padding:40px 40px 60px 40px;overflow:hidden;}
#culture2 .right p:nth-child(1){ font-size:30px; line-height:36px; font-weight:bold; padding-top:10px; color:#fff;}
#culture2 .right p:nth-child(2){ font-size:16px; line-height:36px; padding-top:20px;  color:#fff;}

#honor{width:1360px; margin:5vw auto 5vw auto; overflow:hidden; border-top:solid 1px #000; padding-top:1vw;}
#honor h2{ font-size:36px; line-height:60px; padding-top:2vw;}
#honor h3{ font-size:20px; line-height:40px;}
#honor p{ font-size:16px; line-height:30px; padding-top:2vw;}
#honor .pic{ width:1420px; overflow:hidden; margin-top:4vw;}
#honor .pic ul li{ width:310px; float:left; margin-right:40px;}
#honor .pic ul li img{ width:100%; cursor:pointer;}

#honor1{width:1360px; margin:5vw auto 5vw auto; overflow:hidden; border-top:solid 1px #000; padding-top:1vw;}
#honor1 h2{ font-size:36px; line-height:60px; padding-top:2vw;}
#honor1 h3{ font-size:20px; line-height:40px;}
#honor1 p{ font-size:16px; line-height:30px; padding-top:2vw;}
#honor1 .pic{ width:1420px; overflow:hidden; margin-top:4vw;}
#honor1 .pic ul li{ width:310px; float:left; margin-right:40px; margin-bottom:2vw;}
#honor1 .pic ul li img{ width:100%; cursor:pointer;}

#workshop{ width:95%; max-width:1360px; margin:5vw auto 5vw auto; overflow:hidden; background:none;}
#workshop .left{ width:50%; float:right;}
#workshop .left div{ margin:0vw 2vw 0vw 4vw;}
#workshop .left div h1{ font-size:40px; line-height:60px; padding-top:4vw;}
#workshop .left div p{ font-size:16px; line-height:36px; padding-top:1vw; padding-right:0vw;}
#workshop .right{ width:50%; float:left;}
#workshop .right img{ width:100%;}

#workshop1{ width:100%; background:url(image/di6.jpg) no-repeat center top; background-attachment:fixed; padding:10vw 0;}
#workshop1 ul{ width:95%; max-width:1360px; margin:0 auto 0 auto; overflow:hidden;}
#workshop1 ul li{ width:30%; float:left; margin-right:5%;}
#workshop1 ul li div{ padding:2vw 0 0 0; border-top:solid 1px #fff;}
#workshop1 ul li:last-child{ margin-right:0;}
#workshop1 ul li h2{ font-size:30px; line-height:60px; color:#fff;}
#workshop1 ul li p{ font-size:18px; color:#fff; line-height:40px;}

#workshop2{ background:#fff; overflow:hidden;}
#workshop2 div{ width:1360px; margin:3vw auto 5vw auto; overflow:hidden;}
#workshop2 ul{width:1400px;}
#workshop2 ul li{ width:310px; margin-right:40px; float:left; font-size:16px; line-height:60px; text-align:center; cursor:pointer;}
#workshop2 ul li:last-child{ margin-right:0;}
#workshop2 ul li img{ width:100%; transition:all 0.5s;}
#workshop2 ul li p{ overflow:hidden;}
#workshop2 ul li:hover img{ transform:scale(1.15)}

#workshop3{overflow:hidden; background:#fff;}
#workshop3 div{width:1360px; margin:5vw auto 0vw auto; overflow:hidden;}
#workshop3 ul{ width:1400px;}
#workshop3 ul li{ width:430px; margin-right:40px; float:left; font-size:16px; line-height:60px;text-align:center; cursor:pointer;}
#workshop3 ul li:last-child{ margin-right:0;}
#workshop3 ul li img{ width:100%; transition:all 0.5s;}
#workshop3 ul li p{ overflow:hidden;}
#workshop3 ul li:hover img{ transform:scale(1.15)}

#partner0{ text-align:center;}

#partner{ width:95%; max-width:1360px; margin:2vw auto 5vw auto; overflow:hidden;}
#partner ul li{ float:left; width:14.2857%; margin:0;}
#partner ul li p{ overflow:hidden; padding:5px;}
#partner ul li img{ width:100%;}

#news{width:1360px; margin:0 auto 2vw auto; overflow:hidden; padding:0 10px;}
#news ul li{ width:100%; margin-bottom:20px;}
#news ul li a{ display:block; overflow:hidden; padding:40px 40px; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0); transition: all 0.5s;}
#news ul li a:hover{ background:#fff; padding:40px 40px; box-shadow:0 5px 10px rgba(0,0,0,0.1);}
#news ul li a:Hover h2{ color:#d00;}
#news ul li a .left{ width:30%; float:left; overflow:hidden;}
#news ul li a .right{ width:65%; float:right;}
#news ul li a p{ overflow:hidden;}
#news ul li a img{ width:100%; transition:all 0.5s;}
#news ul li a:hover img{ transform:scale(1.15);}
#news ul li a h2{ font-size:20px; font-weight:bold; width:80%; padding:20px 0; line-height:36px; overflow:hidden;transition: all 0.5s;}
#news ul li a h3{ font-size:14px; font-weight:500; padding-top:30px; line-height:24px; color:#666;}
#news ul li a .con{ font-size:16px;}

#rd1{width:1360px; background:#fff; margin:5vw auto 2vw auto; overflow:hidden;}
#rd1 .left{ width:50%; float:right; overflow:hidden; }
#rd1 .left div{ padding:4vw 5vw;}
#rd1 .left div h2{ font-size:36px; line-height:80px;}
#rd1 .left div p{ font-size:16px; line-height:30px; padding-top:2vw;}
#rd1 .left div p span{ font-size:24px; font-weight:bold; color:#d00; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#rd1 .right{ width:50%; float:left;}
#rd1 .right img{ width:100%;}

#rd2{ width:95%; max-width:1360px; margin:0vw auto 5vw auto; overflow:hidden;}
#rd2 .con{ font-size:16px; line-height:80px; border-top:solid 0px #000;}
#rd2 .con span{ font-size:30px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold;}
#rd2 ul li{ float:left; width:33.33%; overflow:hidden;}
#rd2 ul li .a1{ width:30%; font-size:16px; float:left; line-height:30px;}
#rd2 ul li .a2{ background:#e60012; margin-top:10px;  height:10px; float:left; transition:all 0.5s;}


#rd2 ul li:nth-child(1) .a2{width:40%;animation:linew1 2s; animation-fill-mode: forwards; }
#rd2 ul li:nth-child(2) .a2{width:60%;animation:linew2 4s; animation-fill-mode: forwards;}
#rd2 ul li:nth-child(3) .a2{width:55%;animation:linew3 5s; animation-fill-mode: forwards;}
#rd2 ul li:nth-child(4) .a2{width:50%;animation:linew4 2s; animation-fill-mode: forwards;}
#rd2 ul li:nth-child(5) .a2{width:35%;animation:linew5 3s; animation-fill-mode: forwards; }
#rd2 ul li:nth-child(6) .a2{width:53%;animation:linew6 1s; animation-fill-mode: forwards;}
#rd2 ul li:nth-child(7) .a2{width:15%;animation:linew7 2s; animation-fill-mode: forwards;}
#rd2 ul li:nth-child(8) .a2{width:15%;animation:linew8 3s; animation-fill-mode: forwards; }
#rd2 ul li:nth-child(9) .a2{width:6%;animation:linew9 1s; animation-fill-mode: forwards;}
#rd2 ul li:nth-child(10) .a2{width:6%;animation:linew10 3s; animation-fill-mode: forwards; }
#rd2 ul li:nth-child(11) .a2{width:10%;animation:linew11 1s; animation-fill-mode: forwards; }

@keyframes linew1 { 0% { width:0%;} 100% { width:40%; } }
@keyframes linew2 { 0% { width:0%;} 100% { width:60%; } }
@keyframes linew3 { 0% { width:0%;} 100% { width:55%; } }
@keyframes linew4 { 0% { width:0%;} 100% { width:50%; } }
@keyframes linew5 { 0% { width:0%;} 100% { width:35%; } }
@keyframes linew6 { 0% { width:0%;} 100% { width:53%; } }
@keyframes linew7 { 0% { width:0%;} 100% { width:15%; } }
@keyframes linew8 { 0% { width:0%;} 100% { width:15%; } }
@keyframes linew9 { 0% { width:0%;} 100% { width:6%; } }
@keyframes linew10 { 0% { width:0%;} 100% { width:6%; } }
@keyframes linew11 { 0% { width:0%;} 100% { width:10%; } }


#rd3{ width:100%; max-width:100%; margin:0vw auto 0 auto; overflow:hidden; background:#fff;}
#rd3 .con{width:1360px; margin:3vw auto 2vw auto; overflow:hidden; color:#000;}
#rd3 .con p{ font-size:16px; line-height:36px;}
#rd3 ul{width:1360px; margin:2vw auto 5vw auto; overflow:hidden; }
#rd3 ul li{ width:440px; margin-right:20px; float:left; color:#fff;}
#rd3 .con h2{ font-size:36px; line-height:70px;}
#rd3 ul li:nth-child(3){ margin-right:0;}
#rd3 ul li img{ width:100%;}



#la1{width:1360px; margin:5vw auto 5vw auto; overflow:hidden;background:none;}
#la1 .left{ width:100%;  overflow:hidden;}
#la1 .left div{ padding:0 4vw 0vw 0;}
#la1 .left div h2{ font-size:36px; line-height:50px;}
#la1 .left div p{ font-size:16px; line-height:36px; padding-top:1vw;}
#la1 .left div p span{ font-size:24px; font-weight:bold; color:#d00;}
#la1 .mid{ width:48%; float:left; margin-top:2vw; margin-right:4%;}
#la1 .mid img{ width:100%;}
#la1 .right{ width:48%; float:left; margin-top:2vw;}
#la1 .right img{ width:100%;}


#la2{ width:100%; max-width:100%; margin:0vw auto 0 auto; overflow:hidden; background:#fff;}
#la2 .con{width:1360px; margin:5vw auto 2vw auto; overflow:hidden; color:#000;}
#la2 .con p{ font-size:16px; line-height:36px;}
#la2 .con h2{ font-size:36px; line-height:80px;}

#la3{overflow:hidden; background:#fff; }
#la3 div{width:1360px; margin:0vw auto 5vw auto; overflow:hidden; }
#la3 ul{ width:1420px;}
#la3 ul li{ width:310px; float:left; margin:0 40px 2vw 0;}
#la3 ul li img{ width:100%;}

#la5{ width:95%; max-width:1360px; margin:6vw auto 5vw auto; overflow:hidden;background:none;}
#la5 .left{ width:100%; overflow:hidden;}
#la5 .left div{ padding:0 4vw 0vw 0;}
#la5 .left div h2{ font-size:36px; line-height:50px;}
#la5 .left div p{ font-size:16px; line-height:36px; padding-top:1vw;}
#la5 .left div p span{ font-size:24px; font-weight:bold; color:#d00;}
#la5 .right{ width:49.2%;margin-top:2vw;}
#la5 .right:nth-child(1){margin-left:0%;float:left;}
#la5 .right:nth-child(2){margin-left:0%;float:right;}
#la5 .right img{ width:100%;}


#la4{ width:95%; max-width:1360px; margin:0vw auto 7vw auto; overflow:hidden; background:none; background:#fff;}
#la4 .left{ width:60%; float:left;}
#la4 .left img{ width:100%;}
#la4 .right{ width:40%; float:left; overflow:hidden; color:#000;}
#la4 .right p{ font-size:24px; line-height:50px; padding:6vw 5vw 0 5vw;}
#la4 .right p span{ color:#d00; font-weight:bold; font-size:30px;}

#la6{width:1360px; margin:0vw auto 0vw auto; padding-bottom:2vw; overflow:hidden;}
#la6 ul{ width:1440px;}
#la6 ul li{ background:#fff; padding:40px; float:left; font-size:16px; line-height:30px; width:340px; margin-right:50px; margin-bottom:50px;}
#la6 ul li h2{ line-height:50px; font-size:24px; padding-bottom:1vw;}
#la6 ul li p.a2{ border-top:solid 1px #eee; margin-top:1vw; padding-top:1vw;}

#job1{ width:1360px; margin:5vw auto 5vw auto;overflow:hidden;}
#job1 .left{ width:100%; margin:0 auto 0 auto; overflow:hidden; color:#000;}
#job1 .left p{ font-size:16px; line-height:36px; padding-top:1vw;}
#job1 .left h2{ font-size:36px; line-height:50px;}

#job2{ width:100%; overflow:hidden; background:url(image/job1.jpg) no-repeat center top/100%; background-attachment:fixed;}
#job2 .k{width:1360px; margin:7vw auto 1vw auto; padding-bottom:2vw; overflow:hidden; color:#fff;}
#job2 .k h2{ font-size:36px; line-height:80px;}
#job2 .k .con{ font-size:16px;}
#job2 .cc{width:1360px; margin:0vw auto 5vw auto; padding-bottom:2vw; overflow:hidden; color:#fff;}
#job2 .cc ul{ width:1440px;}
#job2 .cc ul li{ width:310px; line-height:36px; border-top:solid 1px #fff; padding-top:2vw; float:left; font-size:16px; margin-right:40px;}
#job2 .cc ul li span{ display:block; width:30px; height:30px; background:#d00; float:left; margin-right:5px; line-height:30px; text-align:center; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; border-radius:50%;}

#job3{width:1360px; margin:5vw auto 5vw auto;overflow:hidden;}
#job3 .left{ width:100%; margin:0 auto 0 auto; overflow:hidden; color:#000;}
#job3 .left p{ font-size:16px; line-height:36px; padding-top:1vw;}
#job3 .left h2{ font-size:36px; line-height:50px;}
#job3 .ac{ width:100%; overflow:hidden; margin-top:40px;}
#job3 .ac ul{ width:1440px;}
#job3 .ac ul li{ width:360px; padding:40px; min-height:130px; margin-right:20px; background:#fff; font-size:16px; float:left; line-height:30px;}


#job4{width:1360px; margin:5vw auto 5vw auto;overflow:hidden;}
#job4 .con{ width:100%; margin:0 auto 0 auto; overflow:hidden; color:#000;}
#job4 .con p{ font-size:16px; line-height:36px; padding-top:1vw;}
#job4 .con h2{ font-size:36px; line-height:50px;}
#job4 .pic{ width:100%; overflow:hidden; margin-top:3vw;}
#job4 .pic ul{ width:1440px;}
#job4 .pic ul li{ width:310px; margin-right:40px; margin-bottom:20px; float:left; font-size:16px; line-height:50px; text-align:center;}
#job4 .pic ul li img{ width:100%;}

#contact1{ width:95%; max-width:1360px; margin:5vw auto 7vw auto;overflow:hidden;}
#contact1 .con{ width:100%; margin:0 auto 0 auto; overflow:hidden; color:#000;}
#contact1 .con p{ font-size:16px; line-height:30px; padding-top:1vw;}
#contact1 .con h2{ font-size:36px; line-height:50px;}
#contact1 .tc{ overflow:hidden; margin-top:2vw; width:1420px;}
#contact1 .tc p{ width:310px; font-size:16px; line-height:36px; margin-right:40px; float:left;padding-top:0vw;}
#contact1 .tc p span{ display:block; border-bottom:solid 1px #000; margin-bottom:1vw; }
#contact1 .tc p span img{ width:80px;}


#contact2{ width:95%; max-width:1360px; margin:6vw auto 7vw auto;overflow:hidden; border-top:solid 1px #000;}
#contact2 h2{ font-size:36px; line-height:50px; padding-top:2vw;}
#contact2 .cc{ font-size:16px; line-height:30px; padding-top:1vw;}

#message{ width:100%; overflow:hidden; margin-top:2vw;}
#message ul li{ width:670px; float:left; margin:0 10px 10px 0;}
#message ul li input{ width:100%; background:#fff; line-height:40px; height:40px; text-indent:10px;}
#message ul li:nth-child(5){ width:1330px;}
#message ul li textarea{ width:100%; padding:10px; font-family:"微软雅黑"; height:100px;}
#message ul li a{ display:block; line-height:40px; background:#d00; color:#fff; text-align:center; width:150px; font-size:16px;}
#message ul li a:hover{ background:#000;}

#mymap{ width:610px; float:right; margin-top:50px; overflow:hidden; background:url(image/mapsite.jpg) no-repeat center; height:30vw; border:solid 20px rgba(255,255,255,0.8); overflow:hidden;}

#partner1{ width:95%; max-width:1360px; margin:6vw auto 0vw auto;overflow:hidden; border-top:solid 1px #000;}
#partner1 h2{ font-size:36px; line-height:80px; padding-top:2vw;}
#partner1 p{ font-size:16px;}

#parenter2{ width:95%; max-width:1360px; margin:2vw auto 7vw auto;overflow-x:scroll; padding-bottom:1vw;}
#parenter2 ul{ width:170vw;}
#parenter2 ul li{ width:22.2vw; margin-right:2vw; float:left;}
#parenter2 ul li img{ width:100%;}

#promenu{ width:95%; max-width:1360px; margin:2vw auto 3vw auto;overflow:hidden;}
#promenu ul li{ float:left; margin-right:10px;}
#promenu ul li a{ display:block; background:#fff; line-height:40px; padding:0 30px; font-size:16px;}
#promenu ul li a:hover{ background:#d00; color:#fff;}
#promenu ul li a.it{ background:#d00; color:#fff;}

#prolist{width:1360px; margin:0vw auto 0vw auto;overflow:hidden; padding-bottom:1vw;}
#prolist ul{ width:1440px;}
#prolist ul li{ width:310px; float:left; margin-right:40px; margin-bottom:40px;}
#prolist ul li p{ line-height:60px; font-size:16px; text-align:center; overflow:hidden;}
#prolist ul li a{ display:block; background:#fff; padding-bottom:1vw;}
#prolist ul li a img{ width:100%; transition:all 0.5s;}
#prolist ul li a:hover{ color:#d00;}
#prolist ul li a:hover img{ transform:scale(1.15);}

#procon{ font-size:16px; line-height:36px;width:95%; max-width:1360px; margin:0vw auto 3vw auto;overflow:hidden;}

#eq1{ width:100%; background:#eee; overflow:hidden; }
#eq1 div{width:1360px; margin:5vw auto 3vw auto;overflow:hidden; padding-bottom:1vw;}
#eq1 ul{ width:1420px;}
#eq1 ul li{ width:420px; margin-right:50px; float:left; cursor:pointer;}
#eq1 ul li p{ overflow:hidden;}
#eq1 ul li img{ width:100%; transition:all 0.5s;}
#eq1 ul li:hover img{ transform:scale(1.15);}
#eq1 ul li p.a1{ font-weight:bold; font-size:18px; line-height:50px;}
#eq1 ul li p.a1 span{ color:#d00;}
#eq1 ul li p.a2{ font-size:16px; line-height:24px;}

#eq2{ width:100%;  overflow:hidden;}
#eq2{width:1360px; margin:5vw auto 3vw auto;overflow:hidden; padding-bottom:1vw;}
#eq2 ul{ width:1400px;}
#eq2 ul li{ width:310px; margin-right:40px; float:left; }
#eq2 ul li p{ overflow:hidden;}
#eq2 ul li img{ width:100%; transition:all 0.5s;}
#eq2 ul li:hover img{ transform:scale(1.15);}
#eq2 ul li p.a1{ font-weight:bold; font-size:18px; line-height:50px;}
#eq2 ul li p.a1 span{ color:#d00;}

#eq3{ width:100%; background:#fff; overflow:hidden;}
#eq3 div{width:1360px; margin:5vw auto 3vw auto;overflow:hidden; padding-bottom:1vw;}
#eq3 ul{ width:1430px;}
#eq3 ul li{ width:420px; margin-right:50px; float:left; }
#eq3 ul li p{ overflow:hidden;}
#eq3 ul li img{ width:100%; transition:all 0.5s;}
#eq3 ul li:hover img{ transform:scale(1.15);}
#eq3 ul li p.a1{ font-weight:bold; font-size:18px; line-height:50px; padding-bottom:20px;}
#eq3 ul li p.a1 span{ color:#d00;}

#page{ text-align:center; overflow:hidden; margin-bottom:5vw;}
#page ul{ display:inline-block;}
#page ul li{ float:left; margin:0 2px;}
#page ul li a{ display:block; line-height:40px; padding:0 20px; background:#fff; font-size:16px;}
#page ul li a:hover{ background:#e60012; color:#fff;}
#page ul li a.it{ background:#e60012; color:#fff;}





}


@media(max-width:1500px){
.swiper-container {width: 100%;height: 100%; }
.swiper-slide img{width:100%;height:auto;min-height:100%;transition:1s linear 2s;transform:scale(1.2,1.2);}
.swiper-slide-active img,.swiper-slide-duplicate-active img{transition:5s linear;transform:scale(1,1);}
.swiper-slide .text{ position:absolute; color:#fff; z-index:1; margin:16vw 0 0 9.375vw;}	
.swiper-slide .text h2{ font-size:3.5vw; line-height:4vw;}
.swiper-slide .text h3{ font-size:16px; line-height:30px; margin-top:1vw;}
.swiper-slide .text a{ display:block; width:130px; line-height:40px; font-size:14px; color:#fff; background:#e60012; text-align:center; font-weight:500; margin-top:5.2vw;}
.swiper-slide .text a:hover{ background:#fff; color:#000;}
#ind_strength_li .md .text a{ font-size:14px; display:block; margin-top:20vw; color:#fff; background:#e60012; line-height:40px; width:140px; text-align:center;}
}