@media(max-width:1024px){
h2{ font-family:"微软雅黑"; font-weight:500;}
h3{ font-family:"微软雅黑"; font-weight:500;}
h4{ font-family:"微软雅黑"; font-weight:500;}
#top{ position:fixed; z-index:20; background:rgba(0,0,0,0.5); width:100%; height:4rem;}
#logo{ float:left; margin:1.3rem 0 0 1rem;}
#logo img{ height:1.4rem;}
#menu_btn{ float:right; cursor:pointer; display:block;}
#menu_btn img{ height:4rem;}

#menu{ float:none; position:fixed; width:100%; height:100vh; overflow:hidden; background:rgba(0,0,0,0.5); display:none; z-index:30; }
#menu ul{ background:#fff; width:60%; height:100%; float:left; overflow:scroll;}
#menu ul li{ float:left; width:100%; border-bottom:solid 1px #eee;}
#menu ul li a{ display:block; line-height:4rem; color:rgba(0,0,0,1); font-size:1rem; text-transform:uppercase; padding:0 20px;}
#menu ul li a:hover{color:rgba(0,0,0,1);}
#menu ul li .zzmenu{ position:inherit; background:#f7f7f7; overflow:hidden; display:block;}
#menu ul li .zzmenu a{ line-height:50px; padding-right:40px; border-top:solid 1px #eee;}
#menu ul li .zzmenu a:hover{ color:#fff; background:#e60012;}

#close{ float:left; width:4rem; cursor:pointer; margin:1rem; display:block;}
#close img{ width:4rem;}

#lan{ float:right; line-height:4rem; text-transform:uppercase;color:rgba(255,255,255,0.5); margin-right:1rem; margin-left:0; display:none;}
#lan img{ vertical-align:middle; margin-bottom:2px; margin-right:5px;}

/*banner*/
.swiper-container {width:100%; overflow:hidden;}
.swiper-slide img{width:250%; margin-left:-75%;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:40vw 0 0 9.375vw;}	
.swiper-slide .text h2{ font-size:1.4rem; line-height:3rem;}
.swiper-slide .text h3{ font-size:1.4rem; line-height:1.4rem; margin-top:1vw; }
.swiper-slide .text h3 br{ display:none;}
.swiper-slide .text a{ display:block; width:90px; line-height:3rem; font-size:0.8rem; color:#fff; background:#e95321; text-align:center; font-weight:500; margin-top:40px;}
.swiper-slide .text a:hover{ background:#fff; color:#000;}

#ind_about{ background:url(image/di1.png) no-repeat top left; width:100%; overflow:hidden; padding-top:20px; padding-bottom:36px;}
#ind_about div{width:90%; margin:0 auto; overflow:hidden; background: padding-top:2vw;}
#ind_about .left{ float:left; width:100%; margin-bottom:2rem}
#ind_about .left h1{ font-size:2rem; line-height:2.4rem; color:#000; margin-top:1rem;}
#ind_about .left p{color:#425664; font-size:1rem; margin-top:1rem; line-height:2rem;}
#ind_about .left a{ display:block; width:120px; line-height:3rem; font-size:0.8rem; border-radius:5px; color:#fff; background:#e95321; text-align:center; font-weight:500; margin-top:2rem;}
#ind_about .left a:hover{ background:#01469c; width:140px;}
#ind_about .right img{ width:100%;}
#ind_about .right{  width:100%; float:right; font-size:1rem; line-height:30px;}


#ind_data{ width:90%; margin:2rem auto; overflow:hidden; }
#ind_data ul li{ float:left; overflow:hidden; width:50%;}
#ind_data ul li div{ float:left; font-size:1rem; line-height:1.2rem; color:#425664;}
#ind_data ul li div img{ width:4rem;}
#ind_data ul li div:nth-child(1){ margin-right:10px;}
#ind_data ul li div p:nth-child(1){ font-size:2rem; font-weight:800; line-height:50px; color:#e95321; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; padding-top:0px;}


#ind_pro{ background:url(image/di.jpg) no-repeat center top/130% auto; overflow:hidden;}
#ind_pro ul li{overflow:hidden; display:none;}
#ind_pro ul li:nth-child(1){ display:block;}
#ind_pro ul li div.img{ width:100%; overflow:hidden;}
#ind_pro ul li div.img img{ width:130%;}
#ind_pro ul li div.con{ width:90%; padding:0 5%; overflow:hidden; position:inherit; margin-top:0;right:0; margin:0 auto; background:#d8e1ea;}
#ind_pro ul li div.con .a1{ font-size:2rem; line-height:2rem; padding-top:2rem; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:600;}
#ind_pro ul li div.con .a2{ font-size:1.8rem; line-height:2rem; letter-spacing:5px;}
#ind_pro ul li div.con .a3{ font-size:1rem; line-height:1.4rem; padding-top:1rem; text-transform:uppercase;}
#ind_pro ul li div.con .a4{ overflow:hidden; margin-top:20px;}
#ind_pro ul li div.con .a4 dl dd{ float:left; text-align:center; width:33.33%;}
#ind_pro ul li div.con .a4 dl dd img{ width:5rem;}
#ind_pro ul li div.con .a4 dl dd p:nth-child(2){ font-size:1.1rem;}
#ind_pro ul li div.con .a4 dl dd p:nth-child(3){ font-size:1rem; color:#425664; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#ind_pro ul li div.con .a5{ overflow:hidden; margin-top:3rem;}
#ind_pro ul li div.con .a5 a{ display:block; float:left; margin-right:10px;}
#ind_pro ul li div.con .a5 a:nth-child(1){ background:#e95321; color:#fff; line-height:40px; width:130px; border-radius:5px; text-align:center;}
#ind_pro ul li div.con .a5 a:nth-child(1):hover{ background:#01469c; }
#ind_pro ul li div.con .a5 a:nth-child(2){ background:none; color:#fff; border:solid 2px #fff; line-height:36px; width:126px; border-radius:5px; text-align:center;}
#ind_pro ul li div.con .a5 a:nth-child(2):hover{ background:#fff; color:#000;}

#change{ width:100%; text-align:center; overflow:hidden; position:inherit; padding-top:2rem; padding-bottom:2rem; background:#d8e1ea; margin-top:0;}
#change ul{ display:inline-block}
#change ul li{ display:block; width:10px; height:10px; background:#fff; border-radius:50px; float:left; margin:0 5px;cursor:pointer;}
#change ul li:nth-child(1){ background:#e95321; }


#ind_app{ text-align:center; background:#f3f4f6; overflow:hidden;}
#ind_app .tt h2{ font-size:2rem; line-height:3rem; font-weight:800; color:#000; padding-top:2rem;}
#ind_app .tt p{ font-size:1rem; line-height:30px; color:#425664; letter-spacing:0;}
#ind_app .list{ width:90%; margin:1rem auto 0 auto; overflow:hidden;}
#ind_app .list ul{ width:100000px; transition:all 0.5s;}
#ind_app .list ul li{ width:90vw; background:#fff; border-radius:20px; margin-right:10vw; float:left; margin-top:10px; transition:all 0.5s;}
#ind_app .list ul li:hover{ margin-top:0px;}
#ind_app .list ul li div{ padding:50px;}
#ind_app .list ul li div p:nth-child(1) img{ background:#f3f4f6; border-radius:20px;}
#ind_app .list ul li div p:nth-child(2){ color:#e95321; font-size:20px; line-height:40px; font-weight:800; padding-top:20px;}
#ind_app .list ul li div p:nth-child(3){ color:#425664; font-size:15px;}
#ind_app .list ul li div p:nth-child(4) a{ display:block; border:solid 2px rgba(0,0,0,0.05); width:105px; line-height:36px; border-radius:5px; margin:40px auto 0 auto; color:#425664;}
#ind_app .list ul li div p:nth-child(4) a:hover{ background:#e95321; border:solid 2px #e95321; color:#fff;}

#ind_app .change{ width:100%; margin:0 auto; overflow:hidden;}
#ind_app .change .left{ float:left; background:#dbe4ea; border-radius:5px; cursor:pointer;}
#ind_app .change .right{ float:right; background:#e95321;border-radius:5px;cursor:pointer;}
#ind_app .change .k{ position:absolute; margin-top:-230px; width:100%;}

#ind_video{ width:100%; background:#f3f4f6; padding-top:4rem; overflow:hidden;}
#ind_video div{ width:90%; margin:0 auto; overflow:hidden;}
#ind_video div h2{ font-size:2rem; line-height:3rem; font-weight:800;}
#ind_video div p{ font-size:1rem; line-height:2rem; color:#425664; margin-top:1rem;}
#ind_video div p br{ display:none;}
#ind_video div a{ display:block; width:130px; line-height:40px; color:#fff; background:#e95321; border-radius:5px; text-align:center; margin-top:40px; margin-bottom:50px;}
#ind_video div a:hover{ background:#fff; color:#000;}

#ind_video_list{ width:100%; background:url(image/di2.jpg) no-repeat top left/100% 150px; overflow:hidden; margin-bottom:4vw;}
#ind_video_list .k{ width:90vw; margin:0 auto; overflow:hidden;}
#ind_video_list .k ul{ width:100%;}
#ind_video_list .k ul li{ float:left; width:90vw; margin-right:0; margin-bottom:2rem;}
#ind_video_list .k ul li a{ display:block; font-size:1rem; line-height:32px;}
#ind_video_list .k ul li a .a1{ overflow:hidden; background:#000;}
#ind_video_list .k ul li a .a1 img{ opacity:0.7; transition:all 0.5s; width:100%;}
#ind_video_list .k ul li a .a2{ width:95%; position:absolute; text-align:center; margin-top:-34vw;}
#ind_video_list .k ul li a .a2 img{ width:1.5rem;}
#ind_video_list .k ul li a .a3{ margin-top:1rem; overflow:hidden;}
#ind_video_list .k ul li a .a3 img{ vertical-align:middle; margin-right:10px; margin-bottom:4px; width:1rem;}
#ind_video_list .k ul li a:hover .a1 img{ opacity:0.5; transform:scale(1.15);}

#ind_news{ width:90%; margin:0 auto 6vw auto; overflow:hidden;}
#ind_news h2{ font-size:2rem; color:#000; font-weight:800; line-height:4rem;}
#ind_news .k{ overflow:hidden;}
#ind_news .k .left{ width:100%; float:left; margin-bottom:1rem;}
#ind_news .k .left a{ display:block; background:#f3f4f6;}
#ind_news .k .left a div.a1{ overflow:hidden}
#ind_news .k .left a div.a1 img{ width:100%; transition:all 0.5s;}
#ind_news .k .left a:hover div.a1 img{ transform:scale(1.15);}

#ind_news .k .left a div.a2{ padding:0 2rem; overflow:hidden;}
#ind_news .k .left a div.a2 p.tt{ font-size:1.4rem; padding-top:2rem;}
#ind_news .k .left a div.a2 p.con{ font-size:16px; color:#425664; padding-top:20px;}
#ind_news .k .left a div.a2 p.time{ color:#425664; padding-top:20px; padding-bottom:40px;}
#ind_news .k .left a:hover{background:#e95321; color:#fff;}
#ind_news .k .left a:hover div.a2 p.con{ font-size:16px; color:#fff; padding-top:20px;}
#ind_news .k .left a:hover div.a2 p.time{ color:#fff; padding-top:20px; padding-bottom:40px;}

#ind_news .k .right{ float:right; width:100%;}
#ind_news .k .right ul li{ margin-bottom:10px;}
#ind_news .k .right ul li a{ display:block; background:#f3f4f6; padding:37px 2rem 45px 2rem; overflow:hidden;}
#ind_news .k .right ul li a .l{ width:100%; float:left;}
#ind_news .k .right ul li a .l .a1{ color:#425664; font-size:1rem; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#ind_news .k .right ul li a .l .a2{ color:#000; font-size:1.4rem; line-height:30px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#ind_news .k .right ul li a .r{ float:right; background:#e2e3e4; border-radius:50px; margin-top:20px;  display:none;}
#ind_news .k .right ul li a:hover{ background:#e95321; color:#fff;}
#ind_news .k .right ul li a:hover .l .a1{ color:#fff; font-size:16px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#ind_news .k .right ul li a:hover .l .a2{ color:#fff; font-size:20px; line-height:30px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#ind_news .k .right ul li a:hover .r{ float:right; background:#b53f18; border-radius:50px; margin-top:20px;}


#bottom{ width:100%; background:url(image/di3.jpg) no-repeat bottom left/400% auto; background-attachment:fixed; overflow:hidden; color:#fff;}
#follow{ width:90%; max-width:1560px; margin:30px auto 0 auto; overflow:hidden; font-size:16px; line-height:100px; text-transform:uppercase; border-bottom:solid 1px rgba(255,255,255,0.2);}
#follow img{ vertical-align:middle; margin:0 0 20px 10px;}
#bottom_menu{ width:90%; max-width:1560px; overflow:hidden; margin:0 auto; padding-bottom:50px; border-bottom:solid 1px rgba(255,255,255,0.2);}
#bottom_menu ul li{ float:left;}
#bottom_menu ul li:nth-child(1){ width:50%; display:none}
#bottom_menu ul li:nth-child(2){ width:50%; display:none}
#bottom_menu ul li:nth-child(3){ width:50%; display:none}
#bottom_menu ul li:nth-child(4){ width:100%;}
#bottom_menu ul li h3{ font-size:18px; text-transform:uppercase;  line-height:50px; padding-top:20px;}
#bottom_menu ul li h4 a{ font-size:14px; color:#fff;  line-height:30px;}
#bottom_menu ul li h4{ line-height:30px;}
#bottom_menu ul li:nth-child(5) a{ font-size:1rem; display:block; margin-top:2rem; 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:90%; max-width:1560px; margin:2rem auto 2rem auto; line-height:1.4rem; overflow:hidden;}

#gotop{ background:#e95321; width:3rem; height:3rem; border-radius:10px; position:fixed; right:10px; bottom:2rem; z-index:50;}
#gotop img{ width:100%;}

#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:80vw; margin:10vw auto 0 auto; overflow:hidden; border:solid 2px #999; background:rgba(0,0,0,0.8); padding:5vw;}
#feedback .k .a1{ font-size:1.4rem; line-height:80px; color:#fff;}
#feedback .k .a2{ overflow:hidden; margin-bottom:1rem;}
#feedback .k .a2 input{ width:90%; background:#333; padding:0 5%; height:40px; color:#fff;}
#feedback .k .a2 textarea{ width:90%; background:#333; height:80px; padding:10px 5%; color:#fff;}
#feedback .k .a3 a{ display:block; background:#e95321; line-height:3rem; color:#fff; text-align:center; font-size:1.1rem;}
#feedback .k .a3 a:hover{ background:#fff; color:#000;}

#fclose{ position:absolute; cursor:pointer; margin-left:70vw; 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;}


#aboutbanner{ width:100%; overflow:hidden;}
#aboutbanner img{ width:200%; margin-left:-50%; animation:scaleDown 6s;}

#aboutbanner1{ width:100%; overflow:hidden; background:#000;}
#aboutbanner1 img{ width:200%; animation:scaleDown 6s; opacity:0.7;margin-left:-50%; }

#aboutbanner2{ width:100%; overflow:hidden; background:#000;}
#aboutbanner2 img{ width:200%; animation:scaleDown 6s; opacity:0.7;margin-left:-50%; }

@keyframes scaleDown {
  0% { transform: scale(1.2); }
  100% { transform: scale(1); }
}

#title{  position:absolute; margin:-38vw 0 0 5%; color:#fff; width:70%;}
#title h2{ font-size:1.4rem; line-height:3rem;}
#title p{ font-size:0.8rem; line-height:1.2rem; letter-spacing:0px;}

#title1{ position:absolute; margin:-38vw 0 0 5%; color:#fff; width:70%;}
#title1 h2{ font-size:1.4rem; line-height:3rem;}
#title1 p{ font-size:0.8rem; line-height:1.2rem; letter-spacing:0;}

#about0{ width:90%; margin:6vw auto 6vw auto; overflow:hidden; font-size:1rem; line-height:2rem; color:#425664;}
#about0 h1{ font-size:2rem; line-height:3rem; padding-top:4vw; padding-bottom:1vw; color:#000; font-weight:800;}
#about0 .left{ width:100%; float:left;}
#about0 .left p{ text-indent:0;}
#about0 .left span{ color:#000; font-size:24px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:600; color:#e95321;}
#about0 .right{ float:right; width:100%; background:#000; margin-top:1rem;}
#about0 .right div:nth-child(1){ width:100%; overflow:hidden;}
#about0 .right div:nth-child(1) img{ width:100%; opacity:0.9; transition:all 0.5s;}
#about0 .right:hover div:nth-child(1) img{ opacity:0.5; transform:scale(1.15)}
#about0 .right div:nth-child(2){ position:absolute; width:10vw; margin:-30vw 0 0 40vw;}
#about0 .right div:nth-child(2) img{ width:100%;}

#about{ width:100%; margin:0 auto 0 auto; overflow:hidden;}
#about .left{ width:90%; padding:2rem 5% 0 5%; overflow:hidden; background:#f3f4f6;}
#about .left div:nth-child(1){ float:left; width:100%;}
#about .left img{ width:100%;}
#about .left div:nth-child(2){ padding:0 0; overflow:hidden; width:100%;}
#about .left div:nth-child(2) p:nth-child(1){ font-size:1.4rem; line-height:3rem; padding-top:1rem; font-weight:bold;}
#about .left div:nth-child(2) p:nth-child(2){ font-size:1rem; line-height:2rem; color:#425664;}

#about .right{ width:100%; overflow:hidden; background:#f3f4f6;}
#about .right div:nth-child(1){ float:right; width:90%; padding:2rem 5% 0 5%;}
#about .right img{ width:100%;}
#about .right div:nth-child(2){ padding:0 5% 2rem 5%; width:90%; overflow:hidden;}
#about .right div:nth-child(2) p:nth-child(1){ font-size:1.4rem; line-height:3rem; padding-top:1rem; font-weight:bold;}
#about .right div:nth-child(2) p:nth-child(2){ font-size:1rem; line-height:2rem; color:#425664;}


#about1{ width:100%; overflow:hidden; background:#fff; padding-top:2rem;}
#about1 div.k{ width:1360px; max-width:90%; margin:0 auto 4vw auto; overflow:hidden; font-size:1rem; line-height:2rem;color:#425664;}
#about1 h2{ font-size:24px; line-height:40px; font-weight:700; color:#000;}
#about1 h3{ font-size:24px; line-height:30px; font-weight:700;color:#000;}
#about1 h3 span{ color:#e95321;}
#about1 p{ margin-top:20px;}

#about1 .pic{ width:100%; overflow:hidden; display:none;}
#about1 .pic img{ width:100%;}


#n1{ position:absolute; text-align:center; margin:-27vw 0 0 7.8vw; line-height:30px;}
#n1 p{ margin:0;}
#n1 .a1{ font-size:0.8vw;}
#n1 .a1 span{ font-size:2.4vw; font-weight:600; font-style:italic; color:#01469c; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#n1 .a2{ font-size:0.8vw;color:#425664;}

#n2{ position:absolute; text-align:center; margin:-31.5vw 0 0 20vw; line-height:30px;}
#n2 p{ margin:0;}
#n2 .a1{ font-size:1.2vw; line-height:1.6vw;color:#01469c; font-weight:600; padding-bottom:0.5vw;}
#n2 .a2{ font-size:0.8vw;color:#425664; line-height:1.4rem;}

#n3{ position:absolute; text-align:center; margin:-33.5vw 0 0 36.6vw; line-height:30px;}
#n3 p{ margin:0;}
#n3 .a1{ font-size:0.8vw;}
#n3 .a1 span{ font-size:2.4vw; font-weight:600; font-style:italic; color:#01469c; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#n3 .a2{ font-size:0.8vw;color:#425664;}

#n4{ position:absolute; text-align:center; margin:-37vw 0 0 54.7vw; line-height:30px;}
#n4 p{ margin:0;}
#n4 .a1{ font-size:0.8vw;}
#n4 .a1 span{ font-size:2.4vw; font-weight:600; font-style:italic; color:#01469c; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#n4 .a2{ font-size:0.8vw;color:#425664;}

#n5{ position:absolute; text-align:center; margin:-32vw 0 0 61.7vw; line-height:30px;}
#n5 p{ margin:0;}
#n5 .a1{ font-size:0.8vw;}
#n5 .a1 span{ font-size:2.4vw; font-weight:600; font-style:italic; color:#01469c; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#n5 .a2{ font-size:0.8vw;color:#425664;}

#n6{ position:absolute; text-align:center; margin:-27.5vw 0 0 71.5vw; line-height:30px;}
#n6 p{ margin:0;}
#n6 .a1{ font-size:0.8vw;}
#n6 .a1 span{ font-size:2.4vw; font-weight:600; font-style:italic; color:#01469c; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#n6 .a2{ font-size:0.8vw;color:#425664;}

#n7{ position:absolute; text-align:center; margin:-35.5vw 0 0 84.5vw; line-height:30px;}
#n7 p{ margin:0;}
#n7 .a1{ font-size:0.8vw;}
#n7 .a1 span{ font-size:2.4vw; font-weight:600; font-style:italic; color:#01469c; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#n7 .a2{ font-size:0.8vw;color:#425664;}

#culture{ width:100%; overflow:hidden; background:#f3f4f6;}
#culture1{ width:90%; margin:6vw auto 0 auto; overflow:hidden;}
#culture1 .a1{ float:left; margin-right:0; margin-bottom:20px; overflow:hidden;}
#culture1 .a1 img{ width:100%;}
#culture1 .a2{ overflow:hidden; width:100%; float:left; margin-right:0;}
#culture1 .a2 ul li{ background:#fff; margin-bottom:20px; text-align:center; padding:40px 40px;}
#culture1 .a2 ul li h2{ font-size:1.4rem; font-weight:500; line-height:40px; padding-bottom:6px;}
#culture1 .a2 ul li p{ font-size:1rem; color:#425664;}
#culture1 .a3{ overflow:hidden; width:100%; float:left;}
#culture1 .a3 ul li{ background:#fff; margin-bottom:20px; text-align:center; padding:40px 40px 51px 40px;}
#culture1 .a3 ul li h2{ font-size:1.4rem; font-weight:500; line-height:40px; padding-bottom:6px;}
#culture1 .a3 ul li p{ font-size:1rem; color:#425664; text-align:left; line-height:30px;}

#culture2{ width:90%; margin:0 auto 6vw auto; overflow:hidden;}
#culture2 .a1{  background:#fff; margin-bottom:20px; text-align:center; padding:40px 5%; width:90%; float:left;}
#culture2 .a1 h2{ font-size:1.4rem; font-weight:500; line-height:40px; padding-bottom:6px;}
#culture2 .a1 p{ font-size:1rem; color:#425664;}
#culture2 .a2{  background:#fff; margin-bottom:20px; text-align:center; padding:40px 5%; width:90%; float:right;}
#culture2 .a2 h2{ font-size:1.4rem; font-weight:500; line-height:40px; padding-bottom:6px;}
#culture2 .a2 p{ font-size:1rem; color:#425664;}

#h_title h1{ text-align:left;  max-width:100%; font-size:2rem; font-weight:bold; margin:4vw 0 0 0; text-align:center; line-height:80px;}
#h_title1 h1{ text-align:center;  max-width:90%; font-size:2rem; font-weight:bold; margin:4vw auto 0 auto; line-height:80px;}
#honor{ width:90%; margin:2vw auto 2vw auto; overflow:hidden;}
#honor ul{ width:100%;}
#honor ul li{ width:100%; float:left; margin-right:0; margin-bottom:1rem; overflow:hidden;}
#honor ul li img{ width:100%; transition:all 0.5s;}
#honor ul li:hover img{}

#workshop1{ width:90%; margin:4vw auto 6vw auto; overflow:hidden;}
#workshop1 h2{ font-size:1.4rem; line-height:3rem; font-weight:bold;}
#workshop1 p{ font-size:1rem; line-height:2rem; color:#425664;}
#workshop1 .pic{ width:100%; overflow:hidden; margin-top:2vw;}
#workshop1 .pic ul{ width:100%;}
#workshop1 .pic ul li{ width:100%; float:left; margin-right:0; margin-bottom:1rem; overflow:hidden; cursor:pointer;}
#workshop1 .pic ul li img{ width:100%; transition:all 0.5s;}
#workshop1 .pic ul li:hover img{ transform:scale(1.15);}

#workshop2{ background:#f3f4f6; overflow:hidden; width:100%; padding:6vw 0;}

#workshop2 .a1{ width:90%; overflow:hidden; margin:0 auto 0 auto;}
#workshop2 .a1 ul{ width:100%;}
#workshop2 .a1 ul li{ width:100%; float:left; margin-right:2.3vw; overflow:hidden; cursor:pointer;}
#workshop2 .a1 ul li:nth-child(1){ background:none; text-align:center; line-height:15.1616vw;}
#workshop2 .a1 ul li:nth-child(1) h2{ font-size:1.4rem; color:#000; font-weight:bold;}
#workshop2 .a1 ul li img{ width:100%; transition:all 0.5s; margin-bottom:1rem;}
#workshop2 .a1 ul li:hover img{ transform:scale(1.15);}

#workshop2 .a2{ width:90%; overflow:hidden; margin:0 auto;}
#workshop2 .a2 ul{ width:100%;}
#workshop2 .a2 ul li{ width:100%; float:left; margin-right:0; overflow:hidden; cursor:pointer;}
#workshop2 .a2 ul li img{ width:100%; transition:all 0.5s; margin-bottom:1rem;}
#workshop2 .a2 ul li:hover img{ transform:scale(1.15);}

#workshop3{ background:#fff; overflow:hidden; width:100%; padding:6vw 0;}
#workshop3 .a1{ width:90%; overflow:hidden; margin:0 auto 0 auto;}
#workshop3 .a1 ul{ width:100%;}
#workshop3 .a1 ul li{ width:100%; float:left; margin-right:0; overflow:hidden; cursor:pointer;}
#workshop3 .a1 ul li:nth-child(1){ background:none; text-align:center; line-height:15.1616vw;}
#workshop3 .a1 ul li:nth-child(1) h2{ font-size:1.4rem; color:#000; font-weight:bold;}
#workshop3 .a1 ul li img{ width:100%; transition:all 0.5s; margin-bottom:1rem;}
#workshop3 .a1 ul li:hover img{ transform:scale(1.15);}

#workshop3 .a2{ width:90%; overflow:hidden; margin:0 auto;}
#workshop3 .a2 ul{ width:100%;}
#workshop3 .a2 ul li{ width:100%; float:left; margin-right:0; overflow:hidden; cursor:pointer;}
#workshop3 .a2 ul li img{ width:100%; transition:all 0.5s; margin-bottom:1rem;}
#workshop3 .a2 ul li:hover img{ transform:scale(1.15);}

#mydi{ background:#f3f4f6; overflow:hidden;}
#workshop4{ width:90%; margin:2rem auto 2rem auto; overflow:hidden;}
#workshop4 h2{ font-size:1.4rem; line-height:3rem; font-weight:bold;}
#workshop4 p{ font-size:1rem; line-height:2rem; color:#425664;}
#workshop4 .pic{ width:100%; overflow:hidden; margin-top:2vw;}
#workshop4 .pic ul{ width:100%;}
#workshop4 .pic ul li{ width:100%; float:left; margin-right:0; overflow:hidden; cursor:pointer;}
#workshop4 .pic ul li img{ width:100%; transition:all 0.5s; margin-bottom:1rem;}
#workshop4 .pic ul li:hover img{ transform:scale(1.15);}

#workshop5{ width:90%; margin:2rem auto 2rem auto; overflow:hidden;}
#workshop5 h2{ font-size:1.4rem; line-height:3rem; font-weight:bold;}
#workshop5 p{font-size:1rem; line-height:2rem; color:#425664;}
#workshop5 .pic{ width:100%; overflow:hidden; margin-top:2vw;}
#workshop5 .pic ul{ width:100%;}
#workshop5 .pic ul li{ width:100%; float:left; margin-right:0; overflow:hidden; cursor:pointer;}
#workshop5 .pic ul li img{ width:100%; transition:all 0.5s; margin-bottom:1rem;}
#workshop5 .pic ul li:hover img{ transform:scale(1.15);}

#workshop6{ width:90%; margin:2rem auto 2rem auto; overflow:hidden;}
#workshop6 h2{ font-size:1.4rem; line-height:3rem; font-weight:bold;}
#workshop6 p{font-size:1rem; line-height:2rem; color:#425664;}
#workshop6 p:nth-child(3){ overflow:hidden; padding:20px 0;}
#workshop6 p:nth-child(3) span{ display:block; background:#e95321; color:#fff; line-height:30px; border-radius:50px; float:left; font-size:0.8rem; margin-bottom:10px; margin-right:10px; padding:0 30px;}
#workshop6 .pic{ width:100%; overflow:hidden; margin-top:2vw;}
#workshop6 .pic ul{ width:100%;}
#workshop6 .pic ul li{ width:100%; float:left; margin-right:0; overflow:hidden; cursor:pointer;}
#workshop6 .pic ul li img{ width:100%; transition:all 0.5s; margin-bottom:1rem;}
#workshop6 .pic ul li:hover img{ transform:scale(1.15);}

#map{ text-align:center;}
#map img{ width:100%;}
#partner{ width:90vw; margin:3vw auto 6vw auto; overflow:hidden;}
#partner ul{ width:100%;} 
#partner ul li{ width:32%; float:left; margin-right:1%; margin-bottom:1vw;}
#partner ul li img{ width:100%; border-radius:5px;}

#page{ width:100%; overflow:hidden; text-align:center; padding-bottom:6vw;}
#page ul{ display:inline-block;}
#page ul li{ float:left; margin:0 5px;}
#page ul li.k{ display:none;}
#page ul li a{ display:block; padding:0 20px; height:40px; font-size:0.8rem; line-height:40px; background:#f7f7f7; border-radius:5px;}
#page ul li a:hover{ background:#01469c; color:#fff;}
#page ul li a.it{ color:#fff; background:#e95321;}

#promenu{ width:100%; overflow:hidden; text-align:center; display:none;}
#promenu div{ position:absolute; margin-top:-60px; width:100%; overflow:hidden; text-align:center;}
#promenu ul{ display:inline-block;}
#promenu ul li{ float:left; margin:0 5px;}
#promenu ul li a{ display:block; background:rgba(255,255,255,0.7); font-size:15px; margin-top:10px; color:#000; line-height:40px;backdrop-filter: blur(3px);-webkit-backdrop-filter: blur(3px); border-radius:5px; padding:0 30px;}
#promenu ul li a:hover{ background:#e95321; color:#fff; margin-top:0px;}
#promenu ul li a.it{ background:#e95321; color:#fff;}

#pro{ width:90%; margin:1vw auto 2vw auto; overflow:hidden;}
#pro ul{ padding:0 0;}
#pro ul li{ overflow:hidden; background:#fff; padding:1rem;border-radius:10px; margin-bottom:20px; transition:all 0.5s;}
#pro ul li:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.1);}
#pro ul li .left{ width:100%; float:left; margin-right:50px; }
#pro ul li .left a{ display:block;}
#pro ul li .left a img{ width:100%;}
#pro ul li .right{ float:left; width:100%;}
#pro ul li .right h2{ font-size:1.4rem; line-height:2rem; padding-top:2vw;}
#pro ul li .right p{ font-size:1rem; color:#425664; padding-top:1vw; overflow:hidden;}
#pro ul li .right p:nth-child(3){ padding-top:2vw;}
#pro ul li .right p a:nth-child(1){ display:block; line-height:40px; padding:0 30px; border-radius:5px; background:#e95321; color:#fff; float:left; margin-right:10px;}
#pro ul li .right p a:nth-child(1):hover{ padding:0 40px;}
#pro ul li .right p a:nth-child(2){ display:block; line-height:36px; border:solid 2px #e95321; padding:0 30px; color:#e95321; border-radius:5px; background:#fff;float:left;}
#pro ul li .right p a:nth-child(2):hover{ padding:0 40px;background:#e95321; color:#fff;}

#pro ul li.bian .left{ width:100%; float:right; margin-left:0; margin-right:0; }
#pro ul li.bian .left a{ display:block;}
#pro ul li.bian .left a img{ width:100%;}
#pro ul li.bian .right{ float:right; width:100%;}
#pro ul li.bian .right h2{ font-size:1.4rem; line-height:2rem; padding-top:2vw;}
#pro ul li.bian .right p{ font-size:1rem; color:#425664; padding-top:1vw; overflow:hidden;}
#pro ul li.bian .right p:nth-child(3){ padding-top:2vw;}
#pro ul li.bian .right p a:nth-child(1){ display:block; line-height:40px; padding:0 30px; border-radius:5px; background:#e95321; color:#fff; float:left; margin-right:10px;}
#pro ul li.bian .right p a:nth-child(1):hover{ padding:0 40px;}
#pro ul li.bian .right p a:nth-child(2){ display:block; line-height:36px; border:solid 2px #e95321; padding:0 30px; color:#e95321; border-radius:5px; background:#fff;float:left;}
#pro ul li.bian .right p a:nth-child(2):hover{ padding:0 40px;background:#e95321; color:#fff;}

#page1{ width:100%; overflow:hidden; text-align:center; padding-bottom:6vw;}
#page1 ul{ display:inline-block;}
#page1 ul li{ float:left; margin:0 5px;}
#page1 ul li.k{ display:none}
#page1 ul li a{ display:block; padding:0 20px; height:40px; line-height:40px; background:#fff; border-radius:5px;}
#page1 ul li a:hover{ background:#01469c; color:#fff;}
#page1 ul li a.it{ color:#fff; background:#e95321;}

#bread{ width:1360px; max-width:90%; margin:0 auto 0 auto; padding-top:6rem; overflow:hidden;}
#bread .con{ text-align:left; color:#425664; line-height:1rem; padding-bottom:1rem; font-size:0.8rem; border-bottom:solid 1px rgba(0,0,0,0.05); width:100%;}
#bread .con a{ color:#425664;}

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

#pro_con{ width:100%; margin:3vw auto 3vw auto; overflow:hidden;}
#pro_con .left{ width:100%; float:left; margin-right:50px; padding-top:4rem;}
#pro_con .left img{ width:100%;}

#pro_con .right{ float:right; width:90%; padding:0 5% 2rem 5%;}
#pro_con .right h2{ font-size:1.4rem; line-height:2rem; padding-top:0;}
#pro_con .right .a1{ font-size:1rem; color:#425664; padding-top:1rem; overflow:hidden;}
#pro_con .right .a2{ overflow:hidden; border-top:solid 1px #eee; border-bottom:solid 1px #eee; padding:1rem 0;  margin-top:1rem;}
#pro_con .right .a2 ul li{ text-align:center; float:left; width:33%; font-size:1rem;color:#425664;}
#pro_con .right .a3{ padding-top:2rem;}
#pro_con .right .a3 a{ display:block; line-height:40px; padding:0 40px; border-radius:5px; background:#e95321; color:#fff; float:left;}
#pro_con .right .a3 a:hover{ padding:0 50px;}

#pro_con1{ width:100%; overflow:hidden; background:#f3f4f6; padding-bottom:6vw;}
#pro_con1 .a1{ width:90%; margin:2rem auto 0 auto; overflow:hidden; line-height:2rem; font-size:1.4rem; }
#pro_con1 .a1 img{ width:30px; vertical-align:middle; margin-bottom:3px; margin-right:5px;}
#pro_con1 .a2{ width:90%; margin:0 auto; overflow:scroll;border-top:solid 2px #000;padding-bottom:5vw;}
#pro_con1 .a2 table{ width:800px; }
#pro_con1 .a2 table tr{ background:#fff;color:#425664; transition:all 0.5s; cursor:pointer;}
#pro_con1 .a2 table tr:hover{ background:#e95321; color:#fff;}
#pro_con1 .a2 table td{  line-height:2rem; text-align:center;  border-bottom:solid 2px #f3f4f6; border-right:solid 2px #f3f4f6; font-size:0.8rem;}


#pro_con1 .a3{ width:90%; margin:0 auto; overflow:hidden; font-size:1rem; color:#425664;}
#pro_con1 .a4{ width:90%; margin:2vw auto 0 auto; overflow:hidden;}
#pro_con1 .a4 ul{ width:100%;}
#pro_con1 .a4 ul li{ width:50%; float:left; text-align:center; margin-right:0; margin-bottom:1rem; cursor:pointer;}
#pro_con1 .a4 ul li p{ border:solid 0px #fff; overflow:hidden; width:90%; margin:0 auto;}
#pro_con1 .a4 ul li img{ width:100%; transition:all 0.5s;}
#pro_con1 .a4 ul li:hover img{ transform:scale(1.15); }

#pro_con1 .a5{ width:90%; margin:1vw auto 0 auto; overflow:hidden;}
#pro_con1 .a5 ul{ width:100%;}
#pro_con1 .a5 ul li{ width:100%; float:left; margin-right:0; margin-bottom:1rem; cursor:pointer;}
#pro_con1 .a5 ul li p{ border:solid 0px #fff; overflow:hidden;}
#pro_con1 .a5 ul li img{ width:100%; transition:all 0.5s;}
#pro_con1 .a5 ul li:hover img{ transform:scale(1.15); }

#pro_con1 .a6{ width:90%; margin:0 auto 0 auto; overflow:hidden; font-size:1rem; color:#425664}
#pro_con1 .a6 .mylist{ width:100%; overflow:hidden; margin-top:1rem;}
#pro_con1 .a6 .mylist ul{ width:100%;}
#pro_con1 .a6 .mylist ul li{ width:100%; margin-bottom:10px; text-indent:20px; font-size:14px; border-radius:20px; margin-right:10px; float:left; background:#fff; line-height:40px;}
#pro_con1 .a6 img{width: 100%;}

#hotpro{ overflow:hidden; margin-top:4vw;}
.ind_app {width:100%; margin-left:auto; margin-right:auto; }
.ind_app .swiper-slide {text-align: center;font-size: 0.8rem; padding-bottom:0;display: -webkit-box;display:-ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center;justify-content: center; -webkit-box-align: center; -ms-flex-align: center;  -webkit-align-items: center;  align-items: center; }
.ind_app .swiper-slide{ overflow:hidden; text-align:center; background:none; padding-top:0;}
.ind_app .swiper-slide a{ padding:0; display:block; font-size:0.8rem; color:#666; text-align:center; transition:all 0.5s; margin-top:0px;}
.ind_app .swiper-slide a div{ overflow:hidden; border-radius:20px;}
.ind_app .swiper-slide a img{width:100%; transition:All 0.5s;transform:scale(1);}
.ind_app .swiper-slide a:hover img{transform:scale(1.30);}
.ind_app .swiper-slide a p{line-height:60px;}

.ind_app .swiper-slide img{width:100%; margin-left:0%;height:auto;min-height:100%;transition:1s linear 2s;transform:scale(1.2,1.2);}

#pro_feedback{ width:90%; margin:0 auto 5vw auto; overflow:hidden;}
#pro_feedback .tt h2{ line-height:2rem; font-size:1.4rem; padding-top:2rem;}
#pro_feedback .tt h2 img{ width:40px; vertical-align:middle; margin-bottom:3px; margin-right:5px;}
#pro_feedback .tt p{ font-size:1rem;color:#425664;}
#pro_feedback .con{ overflow:hidden; width:100%; margin-top:1vw;}
#pro_feedback .con .k{ width:100%; overflow:hidden;}
#pro_feedback .con p{ width:98%; margin-right:0; margin-bottom:1rem; float:left; background:#fff; border:solid 1px #ddd; border-radius:0; overflow:hidden;}
#pro_feedback .con p span{ float:left; }
#pro_feedback .con p img{ height:50px;}
#pro_feedback .con p input{ height:50px; line-height:50px; float:left; background:none; font-size:1rem;}
#pro_feedback .con .mc{ background:#fff; border:solid 1px #ddd; width:98%; margin-top:20px;overflow:hidden; border-radius:0;}
#pro_feedback .con .mc textarea{ width:88%; font-size:16px; background:none; height:150px; padding:20px 5%;}
#pro_feedback .con button{ width:120px; text-align:center; line-height:40px; font-size:1rem; margin-top:30px; margin-right:10px; cursor:pointer; border-radius:5px;}
#pro_feedback .con button.a1{ background:#e95321; color:#fff;}


#mydi1{ background:#f3f4f6; overflow:hidden; width:100%; padding-bottom:5vw;}

#mypro2{ width:100%; margin:0 auto; overflow:hidden; padding-bottom:5vw;}
#mypro2 .a1{ width:90%; margin:2rem auto 0 auto; overflow:hidden; line-height:2rem; font-size:1.4rem; }
#mypro2 .a1 img{ width:30px; vertical-align:middle; margin-bottom:3px; margin-right:5px;}
#mypro2 .k{ width:90%; margin:1vw auto 0 auto; overflow:hidden;}
#mypro2 .k ul{ width:100%;}
#mypro2 .k ul li{ width:100%; float:left; margin-right:0; cursor:pointer; margin-bottom:1rem;}
#mypro2 .k ul li p{ border:solid 0px #fff; overflow:hidden; text-align:center; font-size:16px; color:#425664; line-height:60px;}
#mypro2 .k ul li img{ width:100%; transition:all 0.5s;}
#mypro2 .k ul li:hover img{ transform:scale(1.15); }

#video{ width:90vw; margin:1vw auto 1vw auto; overflow:hidden;}
#video ul{ width:100%;}
#video ul li{ width:100%; margin:0 0; float:left; margin-bottom:3vw;}
#video ul li a{ display:block;}
#video ul li a img{ width:100%;}
#video ul li a p:nth-child(1){ background:#000; overflow:hidden;}
#video ul li a p:nth-child(1) img{ opacity:0.7; transition:all 0.5s;}
#video ul li a p:nth-child(2){ position:absolute; width:10vw; margin:-35vw 0 0 40vw;}
#video ul li a p:nth-child(3){ text-align:center; line-height:3rem; font-size:1rem; background:#f3f4f6; color:#425664; transition:all 0.5s;}
#video ul li a:hover p:nth-child(1) img{ opacity:0.5; transform:scale(1.15);}
#video ul li a:hover p:nth-child(3){ background:#e95321; color:#fff;}

#news{ width:90%; margin:1vw auto 0 auto; overflow:hidden;}
#news ul{ padding:0 0;}
#news ul li{ overflow:hidden; background:#fff; padding:1rem;border-radius:10px; margin-bottom:20px; transition:all 0.5s;}
#news ul li:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.1);}
#news ul li .left{ width:100%; float:left; margin-right:50px; }
#news ul li .left a{ display:block; overflow:hidden; border-radius:10px;}
#news ul li .left a img{ width:100%; transition:all 0.5s;}
#news ul li:hover .left a img{ transform:scale(1.15);}
#news ul li .right{ float:left; width:100%;}
#news ul li .right h2{ font-size:1.4rem; line-height:2rem; padding-top:0vw; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#news ul li .right p:nth-child(1){ font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#news ul li .right p{ font-size:1rem; color:#425664; padding-top:1vw; overflow:hidden;}
#news ul li .right p:nth-child(4){ padding-top:2vw;}
#news ul li .right p a:nth-child(1){ display:block; line-height:40px; padding:0 30px; border-radius:5px; background:#e95321; color:#fff; float:left; margin-right:10px;}
#news ul li .right p a:nth-child(1):hover{ padding:0 40px;}

#news1{ width:90%; margin:0 auto 2vw auto; overflow:hidden;}
#news1 ul{ padding:0 0;}
#news1 ul li{ overflow:hidden; background:#fff; padding:1rem;border-radius:10px; margin-bottom:20px; transition:all 0.5s;}
#news1 ul li:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.1);}
#news1 ul li .left{ width:20%; background:#eee; border-radius:10px; padding:1rem 0 1rem 0; transition:all .5s; float:left; margin-right:5%; text-align:center; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#news1 ul li .left p:nth-child(1){ font-size:2rem; font-weight:bold; line-height:2.4rem;}
#news1 ul li .left p:nth-child(2){ font-size:0.8rem;}
#news1 ul li .left a img{ width:100%;}
#news1 ul li .right{ float:left; width:75%;}
#news1 ul li .right h2{ font-size:1.2rem; line-height:1.8rem; padding-top:0;}
#news1 ul li .right p{ font-size:1rem; color:#425664; padding-top:1vw; overflow:hidden;}
#news1 ul li:hover .left{ background:#e95321; color:#fff;}

#contact{ width:90%; margin:4vw auto 4vw auto; overflow:hidden;}
#contact .left{ width:100%; font-size:15px; overflow:hidden;}
#contact .left img{ width:60px; padding:15px; background:#f3f4f6; border-radius:50%; vertical-align:middle;}
#contact .left div{ float:left; width:90%; padding:1rem 5% 1rem 5%; margin:1rem 0; text-align:center; background:#fff; min-height:240px; border-radius:20px; color:#425664;}
#contact .left div h2{ font-size:20px; color:#000; line-height:60px; font-weight:bold;}
#contact .left div p:nth-child(2){ padding-top:1vw;}

#myfeedback{ width:100%; margin:0 auto 6vw auto; overflow:hidden;}
#myfeedback .map{ width:100%; float:left; padding:0; border-radius:0; background:#eee; overflow:hidden;}
#myfeedback .fe{ width:90%; float:right; margin:2rem 5% 0 5%;}
#myfeedback .fe h3{ font-size:1.4rem; line-height:3rem; font-weight:bold; color:#000;}
#myfeedback .fe p{ font-size:1rem; color:#425664; margin-bottom:10px;}
#myfeedback .fe p input{ width:94%; padding:0 3%; overflow:hidden; height:50px; font-size:1rem; line-height:50px; border-radius:10px;}
#myfeedback .fe p textarea{ width:94%; padding:10px 3%; overflow:hidden; height:150px; font-size:1rem; line-height:24px; border-radius:10px;}
#myfeedback .fe p a{ display:block; line-height:50px; background:#e95321; color:#fff; width:150px; text-align:center; border-radius:10px; margin-top:20px;}
#myfeedback .fe p a:hover{ width:180px; }

.my-map { margin: 0 auto; width: 100%; height: 500px; } .my-map .icon { background: url(//a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat; } .my-map .icon-cir { height: 31px; width: 28px; } .my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}
.myinfowindow{width: 280px;min-height: 50px;}
.myinfowindow h5{ height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; font-weight: bold; width: 260px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }
.myinfowindow div{ margin-top: 10px; min-height: 40px; line-height: 20px; font-size: 13px; color: #6f6f6f; }

#solution{ width:90%; margin:2rem auto 2rem auto; overflow:hidden; max-width:90%;}
#solution h1{ font-size:2rem; line-height:3rem; padding-bottom:1vw;}
#solution div.con{ font-size:1rem; line-height:2rem; color:#425664; padding-bottom:3vw;}
#solution div.con span{ font-weight:bold; font-size:1.2rem;}

#solution div.list{ width:100%; overflow:hidden;}
#solution div.list ul li{ overflow:hidden; background:#f3f4f6;}
#solution div.list ul li .left{ width:100%; float:left;}
#solution div.list ul li .left p:nth-child(1){ font-size:1.2rem; line-height:2rem; padding:5vw 1rem 0 1rem;}
#solution div.list ul li .left p:nth-child(2){ font-size:1rem; color:#425664; line-height:2rem; padding:1vw 1rem 1rem 1rem;}

#solution div.list ul li .right{ width:100%; float:right;}
#solution div.list ul li .right img{ width:100%;}

#solution div.list ul li:nth-child(2) .left{ width:100%; float:right;}
#solution div.list ul li:nth-child(2) .left p:nth-child(1){ font-size:1.2rem; line-height:2rem; padding:5vw 1rem 0 1rem;}
#solution div.list ul li:nth-child(2) .left p:nth-child(2){ font-size:1rem; color:#425664; line-height:2rem; padding:1vw 1rem 1rem 1rem;}

#solution div.list ul li:nth-child(2) .right{ width:100%; float:left;}
#solution div.list ul li:nth-child(2) .right img{ width:100%;}




#solution1{ width:90%; margin:2rem auto 2remauto; overflow:hidden;}
#solution1 h2{ font-size:1.4rem; line-height:3rem; font-weight:bold; color:#000;}
#solution1 .list{ overflow:hidden; margin-top:1rem;}
#solution1 .list ul{ width:100%;}
#solution1 .list ul li{ width:100%; float:left; margin-right:0;}
#solution1 .list ul li a{ display:block; background:#fff; text-align:center; padding-bottom:1rem; font-size:1rem; margin-top:10px; color:#425664; border-radius:10px; overflow:hidden;}
#solution1 .list ul li a img{ width:100%;}
#solution1 .list ul li a:hover{ color:#e95321; margin-top:0;}

#solution2{ width:90%; margin:2rem auto 2rem auto; overflow:hidden; }
#solution2 h2{ font-size:1.4rem; line-height:3rem; font-weight:bold; color:#000;}
#solution2 .list{ overflow:hidden; margin-top:1rem;}
#solution2 .list ul{ width:100%;}
#solution2 .list ul li{ width:45%; float:left; margin-right:5%; margin-bottom:1rem; cursor:pointer; overflow:hidden;}
#solution2 .list ul li img{ width:100%; transition:all 0.5s;}
#solution2 .list ul li:hover img{ transform:scale(1.15);}

#videoshow{ width:90%; margin:5vw auto; overflow:hidden;}

#newscontent{ width:80vw; margin:5vw auto; padding:5vw; overflow:hidden; background:#fff;}
#newscontent h1{ font-size:24px; line-height:30px; text-align:center; margin-bottom:1vw;}
#newscontent h2{ font-size:14px; font-weight:300; text-align:center;}
#newscontent div{ font-size:1rem; line-height:2rem; margin-top:2vw;}
#newscontent div img{ max-width:100%;}


#videolist{ overflow:hidden;}
#videolist .k{ width:87vw; margin:5vw auto 0vw auto; overflow:hidden;  background:url(image/di2.jpg) no-repeat top right/100% 100%;}
#videolist .play{ width:100%; float:left;}
#videolist .con{ padding-left:5vw; float:left; width:77vw; padding-bottom:2rem}
#videolist .con h2{ font-size:1.4rem; line-height:2rem; padding-top:7vw;}
#videolist .con h3{ font-size:1rem; line-height:1.4rem;}
#videolist .con p{ font-size:1rem; line-height:30px; color:#425664; padding-top:1vw;}
#videolist .con p a{ background:#e95321; color:#fff; width:130px; margin-top:2vw; line-height:40px; border-radius:5px; display:block; text-align:center;}
#videolist .con p a:hover{ width:160px;}






}