@charset "utf-8";
* {	margin: 0;	padding: 0;	border: 0;}
html,body {margin:0px; background:#000; font-size: 14px; color:#000; line-height: 24px; font-family:Arial, Helvetica, sans-serif; scroll-behavior: smooth;}
a{color:#000;text-decoration:none; transition:all 0.5s;  font-family:Arial, Helvetica, sans-serif; border:0; padding:0; margin:0;} 
ul{ list-style:none;}
img{ padding:0; margin:0; border:0;}
@media(max-width:50000px) {
#top{ width:100%; background:rgba(0,0,0,0.3);  z-index:500; position:fixed; top:0; left:0;}
#top .k{ width:90%; max-width:1600px; margin:0 auto; overflow:hidden;}
#logo{ float:left;}
#logo img{ height:50px; padding:30px 0;}

#menu{ overflow:hidden; float:left; margin-left:4vw;}
#menu ul li{ float:left;}
#menu ul li a{ display:block; line-height:110px; color:#fff; padding:0 1.5vw; background:url(image/line.jpg) no-repeat center 70px/0% 1px;}
#menu ul li a:hover{background:url(image/line.jpg) no-repeat center 70px/30% 1px;}
#menu ul li .zmenu{ position:absolute; background:rgba(0,0,0,0.6); display:none;}
#menu ul li .zmenu p a{ line-height:50px;}
#menu ul li .zmenu p a:hover{ background:#144885}

#contact{ float:left; margin-top:40px; margin-left:2vw;}
#contact a{ display:block; line-height:30px; background:#fff; border-radius:50px; padding:0 20px;}
#contact a img{ height:16px; vertical-align:middle; margin-right:5px; margin-bottom:2px;}

#language{ float:right; margin-top:40px;}
#language ul li{ float:left;}
#language ul li a{ display:block; color:#fff; line-height:30px; padding:0 15px;}

#ind_banner{ width:100%;  background:url(image/banner1.jpg) no-repeat top left/100% auto; color:#fff; overflow:hidden;}
#ind_banner .slogan{ width:90%; max-width:1600px; margin:17.44vw auto 0 auto; overflow:hidden;}
#ind_banner .slogan h1{ font-size:2.6vw; line-height:3vw; font-weight:500;}
#ind_banner .slogan h2{ font-size:0.9vw; line-height:1.5vw; font-weight:100; margin-top:2vw;}

#ind_about{ width:100%;  background:url(image/banner2.gif) no-repeat top left/100% auto; color:#fff; overflow:hidden;}
#ind_about .con{ text-align:center; margin-top:24vw;}
#ind_about .con h2{ font-size:2.6vw; line-height:3vw; font-weight:500;}
#ind_about .con .text{ font-size:0.9vw; line-height:1.5vw; margin-top:2vw;}
#ind_about .con .btn{ margin-top:3vw;}
#ind_about .con .btn a{ display:block; background:#fff; line-height:1.4vw; font-size:0.6vw; width:5.6vw; margin:0 auto;}
#ind_about .con .btn a:hover{ background:#000; color:#fff;}

#ind_pro{ width:100%;  background:url(image/banner3.jpg) no-repeat top left/100% auto; color:#fff; overflow:hidden;}
#ind_pro_k{ width:90vw; margin:8vw auto 0 auto; overflow:hidden;}
#ind_pro_k .left{ width:54vw; height:35vw; float:left; overflow:hidden; background:#000;}
#ind_pro_k .left ul{ width:10000000px; overflow:hidden; transition:all 0.5s;}
#ind_pro_k .left ul li{ float:left; width:54vw;}
#ind_pro_k .left img{ width:100%;}
#ind_pro_k .left .text{ width:54vw; position:absolute; background:rgba(0,0,0,0.66); margin-top:-6.7vw; height:5.4vw;z-index:5; overflow:hidden;}
#ind_pro_k .left .text .tt{ float:left; padding:1.7vw 0 0 2.5vw;}
#ind_pro_k .left .text .tt p:nth-child(1){ font-size:20px; line-height:20px; text-transform:uppercase;}
#ind_pro_k .left .text .tt p:nth-child(2){ font-size:12px; line-height:30px;}
#ind_pro_k .left .text .btn{ float:right; overflow:hidden; margin:2.4vw 2vw 0 0;}
#ind_pro_k .left .text .btn p{ width:16px; height:16px; background:#fff; border-radius:20px; float:left; cursor:pointer; margin-right:0.3vw; transition:all 0.5s;}
#ind_pro_k .left .text .btn p:nth-child(1){ width:40px; background:#0143a4; }

#ind_pro_k .right{ width:35.46vw; float:right; overflow:hidden; height:35vw;}
#ind_pro_k .right ul li{ height:8vw; overflow:hidden; margin-bottom:0.6vw; transition:all 0.5s;}
#ind_pro_k .right ul li img{ width:100%;}
#ind_pro_k .right ul li:nth-child(3){ height:17.8vw;}
#ind_pro_k .right ul li a p{ position:absolute; width:33.46vw; color:#fff; text-align:right; text-transform:uppercase; margin-top:-12.7vw; padding-right:2vw; transition:all 0.5s;}
#ind_pro_k .right ul li:nth-child(3) a p{ margin-top:-3vw;}


#ind_advantage{ width:100%; background:url(image/banner4.jpg) no-repeat top left/100% auto; color:#fff; overflow:hidden;}
#ind_advantage .con{ text-align:center; margin-top:26vw;}
#ind_advantage .con h2{ font-size:2.6vw; line-height:3vw; font-weight:500;}
#ind_advantage .con .text{ font-size:0.9vw; line-height:1.5vw; margin-top:2vw;}

#ind_salenet{ width:100%; background:url(image/banner5.jpg) no-repeat top left/100% auto; color:#fff; overflow:hidden;}
#ind_salenet .title{ position:absolute; color:#fff; margin:15vw 0 0 5vw; font-size:0.71vw; text-transform:uppercase;}
#ind_salenet .title h2{ font-size:2vw; line-height:2vw; letter-spacing:0px; font-weight:500;}

#ind_salenet .con1{ position:absolute; width:26vw; height:4.55vw; margin:35vw 0 0 42vw; background:url(image/salenet1.png) no-repeat bottom right/2.8vw auto;}
#ind_salenet .con1 p{ background:url(image/salenet2.png) no-repeat top left/24.9vw auto; font-size:0.8vw; height:4vw; text-align:center; padding-right:2.8vw; padding-top:1vw; display:none;}

#ind_salenet .con2{ position:absolute; width:26vw; height:4.55vw; margin:18vw 0 0 64vw; background:url(image/salenet1.png) no-repeat bottom left/2.8vw auto;}
#ind_salenet .con2 p{ background:url(image/salenet3.png) no-repeat top right/24.9vw auto;font-size:0.8vw; height:4vw; padding-top:1vw;text-align:center; padding-left:4vw;display:none;}

#ind_salenet .con3{ position:absolute; width:26vw; height:4.5vw; margin:33.5vw 0 0 70vw; background:url(image/salenet1.png) no-repeat bottom left/2.8vw auto;}
#ind_salenet .con3 p{ background:url(image/salenet3.png) no-repeat top right/24.9vw auto; font-size:0.8vw; text-align:center; height:4vw; padding-top:1vw; padding-left:4vw;display:none;}

#ind_team{ width:100%; background:url(image/banner6.jpg) no-repeat top left/100% auto; color:#fff; overflow:hidden; display:none;}
#ind_team .con{ text-align:center; margin-top:26vw;}
#ind_team .con h2{ font-size:2.6vw; line-height:3vw; font-weight:500; text-transform:uppercase;}
#ind_team .con .text{ font-size:0.9vw; line-height:1.5vw; margin-top:2vw;}

#ind_community{ width:100%;  background:url(image/banner7.jpg) no-repeat top left/100% auto; color:#fff; overflow:hidden;}
#ind_community .con{ text-align:center; margin-top:24vw;}
#ind_community .con h2{ font-size:2.6vw; line-height:3vw; font-weight:500;text-transform:uppercase;}
#ind_community .con .text{ font-size:0.9vw; line-height:1.5vw; margin-top:2vw;}
#ind_community .con .btn{ margin-top:3vw;}
#ind_community .con .btn a{ display:block; background:#fff; line-height:1.4vw; font-size:0.6vw; width:6.6vw; margin:0 auto;}
#ind_community .con .btn a:hover{ background:#000; color:#fff;}





#bottom{ width:100%; overflow:hidden; height:320px; background:#000;}
#bottom .k{ width:90%; max-width:1500px; margin:0 auto; overflow:hidden;}
#bottom .k .logo{ float:left; margin-top:130px;}
#bottom .k .logo img{ height:60px;}
#bottom .k .menu{ text-align:center; overflow:hidden; float:left; width:50%; margin-top:88px;}
#bottom .k .menu li{ background:url(image/line1.jpg) no-repeat center bottom/30px 1px;}
#bottom .k .menu li:last-child{ background:none;}
#bottom .k .menu li a{ color:#fff; font-size:12px;}
#bottom .k .menu li a:hover{ color:#666;}
#bottom .k .contact{ color:#fff; float:right; font-size:12px; margin-top:110px;}
#bottom .k .contact div{ margin-top:20px;}
#bottom .k .contact div a{ margin-right:6px;}
#bottom .k .contact div img{ width:18px;}

#probanner{ width:100%; background:url(image/probanner1.jpg) no-repeat top left/100% auto; color:#fff; overflow:hidden;}

#probanner .title{ text-align:center; overflow:hidden; padding-top:24vw; font-size:0.8vw; text-transform:uppercase; line-height:4vw;}
#probanner .title h1{ font-size:3vw; font-weight:500; line-height:3vw;}

#probanner .search{ text-align:center; margin-top:3vw;}
#probanner .search input{ background:url(image/search.png) no-repeat 1.2vw center/1.6vw auto rgba(0,0,0,0.3); text-align:center; color:#fff; font-size:0.8vw; border:solid 1px rgba(255,255,255,0.5); width:38vw; height:3vw; border-radius:50px;}
#probanner .search input::placeholder{ color:rgba(255,255,255,0.5);}

#probanner1{ width:100%; background:url(image/probanner2.jpg) no-repeat top left/100% auto; color:#fff; overflow:hidden;}

#probanner1 .title{ text-align:center; overflow:hidden; padding-top:24vw; font-size:0.8vw; text-transform:uppercase; line-height:4vw;}
#probanner1 .title h1{ font-size:3vw; font-weight:500; line-height:3vw;}

#probanner1 .search{ text-align:center; margin-top:3vw;}
#probanner1 .search input{ background:url(image/search.png) no-repeat 1.2vw center/1.6vw auto rgba(0,0,0,0.3); text-align:center; color:#fff; font-size:0.8vw; border:solid 1px rgba(255,255,255,0.5); width:38vw; height:3vw; border-radius:50px;}
#probanner1 .search input::placeholder{ color:rgba(255,255,255,0.5);}


#probanner2{ width:100%; background:url(image/probanner3.jpg) no-repeat top left/100% auto; color:#fff; overflow:hidden;}

#probanner2 .title{ text-align:center; overflow:hidden; padding-top:24vw; font-size:0.8vw; text-transform:uppercase; line-height:4vw;}
#probanner2 .title h1{ font-size:3vw; font-weight:500; line-height:3vw;}

#probanner2 .search{ text-align:center; margin-top:3vw;}
#probanner2 .search input{ background:url(image/search.png) no-repeat 1.2vw center/1.6vw auto rgba(0,0,0,0.3); text-align:center; color:#fff; font-size:0.8vw; border:solid 1px rgba(255,255,255,0.5); width:38vw; height:3vw; border-radius:50px;}
#probanner2 .search input::placeholder{ color:rgba(255,255,255,0.5);}

#prolist{ width:100%; overflow:hidden;}
#prolist ul{ border:solid 1px #fff; overflow:hidden;}
#prolist ul li{ width:20%; float:left;}
#prolist ul li a{ display:block; border:solid 1px #fff;}
#prolist ul li a div{ height:12vw; background-repeat:no-repeat; background-size:100% auto; text-align:center; overflow:hidden;}
#prolist ul li a div .con{ background:rgba(0,0,0,0.3); height:12vw; color:#fff; display:none;}
#prolist ul li a div .con p:nth-child(1){ text-transform:uppercase; margin-top:5vw; font-size:16px;}
#prolist ul li a div .con p:nth-child(2){ font-size:12px; padding-top:0; line-height:16px; border:solid 1px #fff; width:60px; text-transform:uppercase; margin:1vw auto 0 auto;}
#prolist ul li a:hover div .con{ background:rgba(0,0,0,0.3); height:12vw; color:#fff; display:block;}

#page{ width:100%; background:#fff; overflow:hidden; text-align:center;}
#page ul{ display:inline-block;}
#page ul li{ float:left; margin:80px 10px;}
#page ul li a{ display:block; width:40px; height:40px; line-height:40px; border-radius:50%; font-size:20px; background:#d4d4d4; color:#164f92;}
#page ul li a:hover{ background:#164f92; color:#fff;}
#page ul li a.it{ background:#164f92; color:#fff;}

#bigpro{ width:100%; overflow:hidden;}
#bigpro ul{ width:100000000px; transition:all 0.5s;}
#bigpro ul li{float:left;}
#bigpro ul li img{ width:100%;}

#bigpro_con{ position:absolute; width:31.25vw; background:rgba(0,0,0,0.62); overflow:hidden; z-index:2; right:0;}
#bigpro_con .k{ width:20.83vw; margin:9vw auto 0 auto; overflow:hidden; color:#fff; text-align:right;}
#bigpro_con p.a1{ line-height:2.08vw; text-transform:uppercase;}
#bigpro_con h1{ font-size:2.125vw; line-height:2.125vw; padding-bottom:2.6vw; font-weight:200;}
#bigpro_con p.a2{ border-top:dashed 2px rgba(255,255,255,0.5); font-size:20px; line-height:40px; padding-top:10px;}
#bigpro_con p.a3{ font-size:0.9375vw; padding-bottom:1.04vw;}
#bigpro_con p.a4{ border-top:dashed 2px rgba(255,255,255,0.5); font-size:20px; line-height:40px; padding-top:10px;}
#bigpro_con p.a5{ font-size:0.9375vw; padding-bottom:1.04vw;}

#probig_btn{ width:100%; margin-top:0.5vw; margin-bottom:0.5vw; overflow:hidden; max-height:9vw;}
#probig_btn ul{ width:22.396vw;}
#probig_btn ul li{ float:left; width:2.5vw; height:2.5vw; border-radius:50px; overflow:hidden; margin:0 0.52vw 0.52vw 0; cursor:pointer; background:#000;}
#probig_btn ul li img{ height:100%;}

#up{ overflow:hidden; text-align:center; display:none;}
#up img{ height:1.5625vw; cursor:pointer;opacity:0.6}

#down{ overflow:hidden; text-align:center;}
#down img{ height:1.5625vw; cursor:pointer;opacity:0.6;}


#bigpro_con p.a6{padding-top:20px;}
#bigpro_con p.a6 a{ display:block; color:#164f92; line-height:46px; font-size:16px; border-radius:50px; background:#fff; text-align:center; text-transform:uppercase;}
#bigpro_con p.a6 a:hover{ color:#fff; background:#164f92;}

#pro_detail{ position:fixed; z-index:500; background:rgba(0,0,0,0.6); width:100%; height:100%; top:0;left:0; overflow:hidden; display:none;}
#pro_detail_con{ width:1000px; float:right; height:100%; background:#fff; overflow:hidden;}
#pro_detail_con .k{ width:900px; margin:0 auto;}
#pro_detail_con .k .tt{ font-size:30px; line-height:80px; padding-top:30px;}
#pro_detail_con .k .tt span{ float:right; cursor:pointer;}
#pro_detail_con .k .tt span img{ width:50px;}
#pro_detail_con .k .cc{ overflow:scroll;overflow-x:hidden;height:700px; width:100%;}

#contactimg{ width:100%; overflow:hidden;}
#contactimg img{ width:100%;}

#contact_con{ position:absolute; width:600px; background:rgba(0,0,0,0.62); overflow:hidden; z-index:2; right:0;}
#contact_con .k{ width:400px; margin:10vw auto 0 auto; overflow:hidden; color:#fff; text-align:left;}
#contact_con h1{ font-size:60px; line-height:60px; padding-bottom:50px; padding-top:30px; text-transform:uppercase;}
#contact_con p.a2{ font-size:18px; line-height:30px; text-transform:uppercase; padding-top:40px;}
#contact_con p.a3{ font-size:18px; padding-bottom:20px; padding-top:60px;}
#contact_con p.a4{  font-size:18px; line-height:30px; padding-top:40px;}
#contact_con p.a4 span{ font-size:16px;}


#factorybanner{ width:100%; background:url(image/factorybanner.jpg) no-repeat top left/100% auto #050505; color:#fff; overflow:hidden;}
#factorybanner .title{ text-align:center; overflow:hidden; padding-top:26vw; font-size:0.8vw; letter-spacing:0.05vw;  font-weight:100;  line-height:1.2vw;}
#factorybanner .title h1{ font-size:3.4vw; font-weight:500; line-height:4vw;text-transform:uppercase; letter-spacing:0; padding-bottom:3vw;}

#bit{ width:22px; margin:4vw auto 5vw auto; overflow:hidden;}
#bit img{ width:100%;}
#bit p:nth-child(1){ opacity:0.4; animation: move1 0.5s ease infinite;}
#bit p:nth-child(2){ opacity:0.6; animation: move2 0.5s ease infinite;}
#bit p:nth-child(3){ opacity:0.8; animation: move3 0.5s ease infinite;}
#bit p:nth-child(4){ opacity:1; animation: move4 0.5s ease infinite;}

@keyframes move1 {
0%{opacity:0.4}
14.28%{opacity:0.6}
28.57%{opacity:0.8}
42.85%{opacity:1}
71.42%{opacity:0.8}
85.71%{opacity:0.6}
100%{opacity:0.4}
}
@keyframes move2 {
0%{opacity:0.6}
14.28%{opacity:0.8}
28.57%{opacity:1}
42.85%{opacity:0.8}
71.42%{opacity:0.6}
85.71%{opacity:0.4}
100%{opacity:0.6}
}
@keyframes move3 {
0%{opacity:0.8}
14.28%{opacity:1}
28.57%{opacity:0.8}
42.85%{opacity:0.6}
71.42%{opacity:0.4}
85.71%{opacity:0.6}
100%{opacity:0.8}
}
@keyframes move4 {
0%{opacity:1}
14.28%{opacity:0.8}
28.57%{opacity:0.6}
42.85%{opacity:0.4}
71.42%{opacity:0.6}
85.71%{opacity:0.8}
100%{opacity:1}
}

#factory1{ text-align:center; overflow:hidden; margin-top:15vw; font-size:16px;}
#factory1 h2{ font-size:1.8vw; text-transform:uppercase; font-weight:400; line-height:5vw;}

.marquee-container {width:100%; overflow: hidden; position: relative;margin:5vw auto 5vw auto;padding: 10px 0; }
#factory2 { position: relative;height: 390px; }
.scroll-container { position: absolute;top: 0;left: 0;display: flex;height: 100%;}
#factory2 ul {display: flex; list-style: none;padding: 0; margin: 0;height: 100%; }
#factory2 li {flex: 0 0 auto; margin: 0 10px; overflow: hidden; border:solid 10px rgba(255,255,255,0.1);transition: all 0.4s ease; position: relative;  }        
#factory2 li:hover{transform: scale(1.05); z-index: 10; }        
#factory2 li img {height: 100%;width: auto; display: block;object-fit: cover;}


#communitybanner{ width:100%; background:url(image/banner7.jpg) no-repeat top left/100% auto #050505; color:#fff; overflow:hidden;}
#communitybanner .title{ text-align:center; overflow:hidden; padding-top:26vw; font-size:1vw;  line-height:1.8vw;}
#communitybanner .title h1{ font-size:3vw; font-weight:500; line-height:4vw;padding-bottom:3vw;}

#communitybanner1{ width:100%; background:url(image/commu.jpg) no-repeat top left/100% auto #050505; color:#fff; overflow:hidden;}
#communitybanner1 .title{ text-align:center; overflow:hidden; padding-top:22vw; font-size:1vw;  line-height:1.8vw;}
#communitybanner1 .title h2{ font-size:3vw; font-weight:500; line-height:4vw;padding-bottom:3vw;}



#community_list{ background:#fff; overflow:hidden; padding:7vw 7vw 2vw 7vw;}
#community_list ul{}
#community_list ul li{ float:left; width:25%; overflow:hidden; height:30vw;}
#community_list ul li a{ display:block; width:70%; text-align:center; margin:0 auto;}
#community_list ul li a img{ width:100%; transition:all 0.5s;}
#community_list ul li a:hover img{ transform:scale(1.15)}
#community_list ul li a h3{ padding-top:3vw;text-transform:uppercase; font-size:1vw;}
#community_list ul li a p{ font-size:12px; text-transform:uppercase; line-height:14px; padding-top:1vw;}

#about1{ width:100%; background:url(image/about1.jpg) no-repeat top left/100% auto #050505; color:#fff; overflow:hidden;}
#about1 .slogan{ text-align:center; text-transform:uppercase; margin-top:27vw;}
#about1 .slogan h2{ font-size:1.4vw; font-weight:200; line-height:4vw;}
#about1 .slogan h1{ font-size:3vw; line-height:5vw; margin-top:2.5vw;font-weight:500;}
#about1 .slogan h1 img{ width:16.82vw;}

#about2{ width:100%; background:url(image/about2.jpg) no-repeat top left/100% auto #050505; color:#fff; overflow:hidden;}
#about2 .k{ width:71vw; margin:0 auto; overflow:hidden;}
#about2 .k .pic{ float:left; width:18vw; margin-top:12vw; margin-left:3vw;}
#about2 .k .pic img{ width:100%; border:solid 10px rgba(255,255,255,0.1)}
#about2 .k .con{ float:left; margin-left:8vw; margin-top:20vw;}
#about2 .k .con h2{ font-size:3vw; line-height:4vw; font-weight:400;}
#about2 .k .con .tc{ font-size:1vw; margin-bottom:6vw;}
#about2 .k .text{ line-height:1.2vw; font-size:0.8vw;}

#about3{ width:100%; background:url(image/about3.jpg) no-repeat top left/100% auto #050505; color:#fff; overflow:hidden;}
#about3 .con{ width:90%; margin:22vw auto 0 auto; overflow:hidden;}
#about3 .con a{ color:#fff;}
#about3 .con h2{ font-size:4vw; line-height:4vw; text-transform:uppercase; font-weight:500; padding-bottom:4vw;}
#about3 .con h2 span{ color:#fff;}
#about3 .con .text{ font-size:0.8vw; line-height:1.6vw;}

#about4{ width:100%; background:url(image/about4.jpg) no-repeat top left/100% auto #050505; color:#fff; overflow:hidden;}
#about4 .con{ text-align:center; margin-top:30vw; font-size:0.8vw; line-height:1.6vw; overflow:hidden;}
#about4 .con h2{ font-size:2.6vw; line-height:2.6vw; text-transform:uppercase; font-weight:500; padding-bottom:3vw;} 

#about5{ width:100%; background:url(image/about5.jpg) no-repeat top left/100% auto #050505; color:#fff; overflow:hidden;}
#about5 .con{ text-align:center; margin-top:25vw; overflow:hidden; font-size:0.8vw; line-height:1.6vw;}
#about5 .con h2{ font-size:4vw; line-height:4vw; text-transform:uppercase; font-weight:500;} 
#about5 .con .tc{ font-size:1.4vw; line-height:3vw; padding-bottom:2.5vw; text-transform:uppercase;}

#about6{ width:100%; background:url(image/about6.jpg) no-repeat top left/100% auto #050505; color:#fff; overflow:hidden;}
#about6 .con{ text-align:center; margin-top:30vw; font-size:0.8vw; line-height:1.6vw; overflow:hidden;}
#about6 .con h2{ font-size:2.6vw; line-height:2.6vw; text-transform:uppercase; font-weight:500; padding-bottom:3vw;} 

#pro_menu{ width:100%; overflow:hidden;}
#pro_menu ul{ height:100%;}
#pro_menu ul li{ width:33.33%; float:left; height:100%; text-align:center;}
#pro_menu ul li a{ display:block; height:100%; color:#fff; overflow:hidden; background:rgba(0,0,0,0.5);}
#pro_menu ul li a h2{ font-size:1.8vw; line-height:2vw; text-transform:uppercase; font-weight:400; margin-top:38vw; transition:all 0.5s;} 
#pro_menu ul li a h3{ font-size:0.6vw; line-height:1vw; margin-top:1vw; text-transform:uppercase; font-weight:100;} 
#pro_menu ul li a:hover h2{ margin-top:34vw;}
#pro_menu ul li a:hover{background:rgba(0,0,0,0);}

#pro_menu ul li:nth-child(1){ background:url(image/pp1.jpg) no-repeat top center/100% auto;}
#pro_menu ul li:nth-child(2){ background:url(image/pp2.jpg) no-repeat top center/100% auto;}
#pro_menu ul li:nth-child(3){ background:url(image/pp3.jpg) no-repeat top center/100% auto;}

#change{ text-align:center; width:100%; overflow:hidden; padding-bottom:3vw;}
#change .k{ display:inline-block;}
#change .k .li{ float:left; width:70px; height:40px; background:#111; margin:0 10px; cursor:pointer;}
#change .k .li img{ height:50%; margin-top:14%;}

#text_bg{ background:url(image/di.jpg) no-repeat top center/100% auto #000; width:100%; overflow:hidden;}

#text_con{ width:1000px; margin:388px auto 7vw auto; overflow:hidden; background:url(image/line.jpg) no-repeat left top/250px 100%;}
#text_con .left{ width:250px; overflow:hidden; float:left;}
#text_con .left div{ padding:40px;}
#text_con .left h2{ font-size:18px; text-transform:uppercase;}
#text_con .left p{ overflow:hidden; padding-top:30px;}
#text_con .left p span{ display:block; float:left; text-transform:uppercase; line-height:16px; font-size:12px;}

#text_con .right{ width:730px; background:#fff; float:right; overflow:hidden;}
#text_con .right .k{ padding:50px;}
#text_con .right .k h1{ text-align:center; font-size:40px; line-height:50px; padding:50px 0; text-transform:uppercase;}
#text_con .right .k .con img{ max-width:100%;}
#text_con .right .k .back{ overflow:hidden; margin:50px 0 }
#text_con .right .k .back a{ display:block; color:#fff; line-height:30px; width:260px; background:#000; text-align:center; margin:0 auto; text-transform:uppercase; border-radius:30px;}


























}