@import "font-awesome.css";
@import "swiper.min.css";
@import "animate.css";
@font-face {
	font-family: "Open Sans";
	url('../fonts/OpenSans-Regular.woff2') format("woff2"),
	font-weight: 400;
	font-style: normal;
}
body,h1,h2,h3,h4,h5,h6,ul,dl,ol,input,pre,blockquote,p,dd{margin:0}
ul,ol,input,textarea{padding:0}
img,input,select,textarea,video{border:0}
*{outline:none;resize:none;box-sizing:border-box;font-family: 'Open Sans', sans-serif;}
li,em{list-style:none;font-style:normal}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
img{font-size:0;display:inline-block;vertical-align:middle;max-width: 100%;border: 0;}
p{word-wrap:break-word}
a,u{text-decoration:none}
a{color:#101f3a;}
a:hover{color:#228B22;}
input,textarea,body{color:#101f3a;font-size:16px;}
a .pic{overflow:hidden}
a .pic img{width:100%;transform: translateZ(0);transition-property: transform;transition: all .8s ease;}
a:hover .pic img{transform: scale(1.08);}
.wrap{width:1400px;margin:0 auto;}

.header{box-shadow:0 1px 4px  #ccc;position:sticky;top:0;z-index:9999;width:100%;background:#fff;height:70px;display:flex;align-items: center;;}
.header .wrap{display:flex;justify-content: space-between;align-items:center;}
.header .logo{display:flex;align-items: center;max-width:180px;width:100%;}
.header .logo h1 a img{width:100%;}
.header .navigation{position: relative;z-index:999;display:flex;align-items:center;justify-content: flex-end;width:calc(100% - 180px);}
.header .navigation .item{margin-left:50px;height:70px;display:flex;align-items: center;position: relative;}
.header .navigation .item h3{position: relative;}
.header .navigation .item h3 a{font-size:16px;}
.header .navigation .item h3 a span{padding:5px 15px;background: #228B22;color:#fff;border-radius: 14px;cursor: pointer;}
.header .navigation .item.nav_item h3:after{transition-duration:.5s;position: absolute;left:50%;height:4px;content:"";bottom:-32px;width:0%;background:#228B22;}
.header .navigation .item.nav_item:hover h3:after{left:0%;width:100%;}
.header .navigation .item .nav_sub{transform: scaleY(0);transform-origin: top;transition: transform 0.3s ease-in-out;}
.header .navigation .item:hover .nav_sub{transform: scaleY(1);}
.header .navigation .item .pro_sub{width:100%;position:fixed;left:0;top:70px;}
.header .navigation .item .pro_sub .wrap{box-shadow:0 5px 15px  #ccc;padding:30px 40px 20px 40px;background:#fff;display:flex;flex-wrap:wrap;align-items: flex-start;}
.header .navigation .item .pro_sub .nav_sub_box{width:23.5%;margin:0 2% 30px 0;}
.header .navigation .item .pro_sub .nav_sub_box:nth-child(4n){margin-right:0;}
.header .navigation .item .pro_sub .nav_sub_box h4{border-bottom:1px solid #CFD2D8;padding-bottom:10px;margin-bottom:15px;}
.header .navigation .item .pro_sub .nav_sub_box h4 a{font-size:15px;}
.header .navigation .item .pro_sub .nav_sub_box h4 a i{margin-left:10px;font-size:20px}
.header .navigation .item .pro_sub .nav_sub_box p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 5px;}
.header .navigation .item .pro_sub .nav_sub_box p a{line-height:28px;font-size:14px;transition-duration:.3s;}
.header .navigation .item .pro_sub .nav_sub_box p a:hover{padding-left:10px;}
.header .navigation .item .solution_sub .nav_sub_box{flex-wrap:wrap;display:flex;width:20%;}
.header .navigation .item .solution_sub .nav_sub_box:nth-child(3),.header .navigation .item .solution_sub .nav_sub_box:nth-child(4){width:27%}
.header .navigation .item .solution_sub .nav_sub_box h4{width:100%;}
.header .navigation .item .solution_sub .nav_sub_box p{width:50%;}
.header .navigation .item .solution_sub .nav_sub_box:nth-child(4) p{width:33.3%}
.header .navigation .item .service_sub{box-shadow:0 5px 15px  #ccc;position: absolute;left:-80px;top:70px;padding:40px 20px;width:540px;display:flex;background:#fff;justify-content: center;align-items: center;}
.header .navigation .item .service_sub a{flex:1;display:flex;flex-direction: column;align-items: center;}
.header .navigation .item .service_sub .p{height:60px;display:flex;align-items: center;}
.header .navigation .item .service_sub .t{font-size:14px;}
.header .navigation .item .news_sub{width:420px;padding:40px}
.header .navigation .item .news_sub a{width:calc(100% / 3)}
.header .navigation .item .about_sub{position: absolute;left:-100px;top:70px;background:#fff;;width:250px;}
.header .navigation .item .about_sub .wrap{width:100%;justify-content: space-between;}
.header .navigation .item .about_sub .nav_sub_box{width:100%;margin:0;}
.header .navigation .item.so_btn{cursor: pointer}
.header .navigation .item.so_btn .searchform_down{box-shadow:0 5px 15px  #ccc;transform: scaleY(0);box-shadow:0 5px 15px  #ccc;transform-origin: top;transition: transform 0.3s ease-in-out;position: absolute;top:70px;border-top:4px solid #228B22;padding:15px 10px;left:-100px;width:200px;background:#fff;}
.header .navigation .item.so_btn .searchform_down form{display:flex;align-items: center;width:100%;}
.header .navigation .item.so_btn .searchform_down form input{width:calc(100% - 40px);height:40px;border:0;background:none;font-size:14px;padding:0 10px;}
.header .navigation .item.so_btn .searchform_down form button{width:40px;height:40px;cursor: pointer;display:flex;align-items: center;justify-content: center;border:0;background:none;}
.header .navigation .item.so_btn:hover .searchform_down{transform: scaleY(1);}
.header .navigation .lang_item{cursor: pointer;}
.header .navigation .lang_item .langbox_down{box-shadow:0 5px 15px  #ccc;width:200px;right:0;position: absolute;top:70px;background:#fff;padding:15px;}
.header .navigation .lang_item .langbox_down a{display:flex;align-items: center;line-height:32px;font-size:14px;}

.banner{position: relative;}
.banner .item,.banner .item a,.banner .item a img{display:block;width:100%;object-fit: fill}
.banner .swiper-pagination{bottom:50px;display:flex;justify-content: center;}
.banner .swiper-pagination .swiper-pagination-bullet{opacity:1;display:flex;width:40px;height:15px;border:0;border-radius:8px;background:#fff;margin:0 10px;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background:#228B22;}
.banner .banner_btn{border:4px solid rgba(34,139,34,.3);transition-duration:.5s;top:50%;margin-top:-30px;z-index:9;position: absolute;;width:60px;height:60px;background:#fff;border-radius:60px;display:flex;align-items: center;justify-content: center;cursor: pointer;font-size:24px;}
.banner .banner_btn_left{left:3%;}
.banner .banner_btn_right{right:3%;}
.banner .banner_btn:hover{background:#228B22;border-color:#228B22;color:#fff;}
.banner .pic img{width:100%}
.banner .txt{position: absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items: center;justify-content: center;}
.banner .txt h2{font-size:48px;color:#fff;}
.banner .info{position: absolute;left:0;top:0;z-index:999;width:100%;height:100%;display:flex;align-items: center;}
.banner .info .wrap{position: relative;display:flex;}
.banner .show h2{font-size:36px;color:#fff;}
.banner .show h3{font-size:20px;color:#fff;margin-top:18px}
.banner .index{padding:0 100px;}
.banner .index h3{font-size:44px;font-weight:bold;color:#131415;margin-bottom:24px;}
.banner .index p{font-size:16px;color:#606266;margin-bottom:24px;}
.banner .index span{width:120px;height:45px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;border-radius:30px;background:#228B22}

.index_msg{height:250px;display:flex;flex-direction:column;align-items: center;justify-content:center;background:url(../images/footer_bg.png) no-repeat center;background-size:100% 100%;}
.index_msg h2{color:#fff;font-size:36px}
.index_msg a{transition-duration:.5s;background:#228B22;color:#fff;margin-top:30px;width:200px;height:50px;border-radius:30px;display:flex;align-items: center;justify-content: center;;}
.index_msg a:hover{background:rgba(34,139,34,.8)}

.footer{padding-top:40px;}
.footer .wrap{display:flex;justify-content: space-between;}
.footer .footer_top .footer_info{width:460px;padding:20px 50px 10px 0;}
.footer .footer_top .footer_info .txt img{height:50px;}
.footer .footer_top .footer_info .txt p{font-size:14px;line-height:24px;margin:30px 0;}
.footer .footer_top .footer_info .ico{display:flex;align-items: center;}
.footer .footer_top .footer_info .ico span{font-size:15px;margin-right:15px;}
.footer .footer_top .footer_info .ico .ico_box{display:flex;}
.footer .footer_top .footer_info .ico .ico_box a{position: relative;;transition-duration:.5s;width:30px;height:30px;background:#101F3A;justify-content: center;border-radius:30px;display:flex;align-items: center;margin-right:10px;}
.footer .footer_top .footer_info .ico .ico_box a img{max-width:15px;}
.footer .footer_top .footer_info .ico .ico_box a:hover{background:#228B22;}
.footer .footer_top .footer_info .ico .ico_box a .i{transform: scaleY(0);bottom:35px;transform-origin:bottom;transition: transform 0.3s ease-in-out;position: absolute;width:120px;height:120px;}
.footer .footer_top .footer_info .ico .ico_box a .i img{max-width:100%;}
.footer .footer_top .footer_info .ico .ico_box a:hover .i{transform: scaleY(1);} 
.footer .footer_top .footer_nav{padding-left:50px;width:calc(100% - 460px);border-left:1px solid #CFD2D8;display:flex;}
.footer .footer_top .footer_nav dl{width:25%;padding:30px 10px 0 0;text-align:center}
.footer .footer_top .footer_nav dl dt{margin-bottom:15px;}
.footer .footer_top .footer_nav dl dt,.footer .footer_top .footer_nav dl dt a{line-height:35px;font-size:16px;}
.footer .footer_top .footer_nav dl dd,.footer .footer_top .footer_nav dl dd a{line-height:35px;font-size:14px;}
.footer .footer_top .footer_nav dl dd a{transition-duration:.3s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.footer .footer_top .footer_nav dl dd a:hover{padding-left:15px;}
.footer .footer_bottom{padding:60px 0 30px 0;}
.footer .footer_bottom .p,.footer .footer_bottom .p a{font-size:14px;}
.footer .footer_bottom .p a{margin-left:10px;}
.footer .footer_bottom .nav{display:flex;align-items: center;}
.footer .footer_bottom .nav a{font-size:14px;margin-left:30px;position: relative;}
.footer .footer_bottom .nav a:after{content:"";position: absolute;left:-15px;top:50%;margin-top:-7px;background:#CFD2D8;width:1px;height:14px;}
.footer .footer_bottom .nav a:first-child:after{display:none;}

.list_news{padding:80px 0;}
.list_news .hd .t{margin-bottom:50px;}
.list_news .hd .t h2{font-size:58px;color:#333;}
.list_news .hd .t p{font-size:18px;color:#666;margin-top:10px;}
.list_news .hd .list .item{width:100%;background:#F7F7F7;margin:15px;box-shadow: 0 2px 5px rgba(0,0,0,.2);border-radius:8px;}
.list_news .hd .list .item a{display:flex;width:100%;}
.list_news .hd .list .item .pic{width:50%;border-radius:8px;}
.list_news .hd .list .item .pic img{width:100%;border-radius:8px;}
.list_news .hd .list .item .info{width:50%;padding:40px 50px 20px 50px;}
.list_news .hd .list .item .info .txt h3{transition-duration:.3s;font-size:26px;line-height:32px;color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.list_news .hd .list .item .info .txt p{font-size:16px;height:52px;line-height:26px;color:#666;margin:24px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.list_news .hd .list .item .info .time{display:flex;align-items: center;;}
.list_news .hd .list .item .info .time img{width:25px}
.list_news .hd .list .item .info .time span{font-size:15px;margin-left:8px;color:#999}
.list_news .hd .list .item .info .btn{display:flex;justify-content: space-between;margin-top:25px;}
.list_news .hd .list .item .info .btn .type{border:1px solid #999;padding:0 15px;border-radius:30px;display:flex;align-items: center;color:#999;font-size:14px;}
.list_news .hd .list .item .info .btn .more{transition-duration:.3s;background:#228B22;border-radius:8px;width:88px;height:34px;display:flex;align-items: center;justify-content: center;;}
.list_news .hd .list .item .info .btn .more img{height:25px;}
.list_news .hd .list .item:hover .info .txt h3{color:#228B22}
.list_news .hd .list .item:hover .info .btn .more{border-radius:30px}
.list_news .bd .tab{margin:80px 0 50px 0;border-bottom:1px solid #DEDEDE;display:flex;}
.list_news .bd .tab a{margin-right:30px;padding:0 15px 20px;display:flex;font-size:15px;position: relative;}
.list_news .bd .tab a.on:after{content:"";position: absolute;bottom:-1px;left:0;background:#228B22;width:100%;height:4px;}
.list_news .bd .tab a.on{color:#228B22;}
.list_news .bd .list{display:flex;flex-wrap:wrap;}
.list_news .bd .list .item{background:#F7F7F7;width:calc(100% / 3 - 20px);margin:0 30px 30px 0;padding:12px;border-radius:8px;}
.list_news .bd .list .item:nth-child(3n){margin-right:0;}
.list_news .bd .list .item .pic,.list_news .bd .list .item .pic img{border-radius:4px;}
.list_news .bd .list .item .txt{padding:18px 0;}
.list_news .bd .list .item .txt h3{transition-duration:.5s;font-size:20px;line-height:26px;color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.list_news .bd .list .item .txt p{font-size:14px;margin-top:12px;height:48px;line-height:24px;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.list_news .bd .list .item .time{display:flex;align-items: center;}
.list_news .bd .list .item .time img{width:25px}
.list_news .bd .list .item .time span{font-size:14px;margin-left:5px;color:#999}
.list_news .bd .list .item:hover .txt h3{color:#228B22;}
.list_news .bd .list2 .item{margin-bottom:20px;width:100%;padding:18px;background:#F7F7F7;}
.list_news .bd .list2 .item a{display:flex;width:100%;}
.list_news .bd .list2 .item .pic{width:28%;}
.list_news .bd .list2 .item .info{width:72%;padding:18px}
.list_news .bd .list2 .item .txt h3{transition-duration:.5s;font-size:24px;line-height:34px;color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.list_news .bd .list2 .item .txt p{font-size:15px;margin:18px 0;line-height:26px;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3; }
.list_news .bd .list2 .item .time{display:flex;align-items: center;}
.list_news .bd .list2 .item .time img{width:25px}
.list_news .bd .list2 .item .time span{font-size:14px;margin-left:5px;color:#999}

.pages{padding-top:30px;}
.pages ul{display:flex;justify-content:center;}
.pages ul li a{font-size:12px;display:flex;height:100%;padding:0 12px;align-items: center;justify-content: center;width:100%;}
.pages ul li{border:1px solid #E4EAEC;border-left:0;line-height:35px;height:35px;min-width:35px}
.pages ul li:first-child{border-left:1px solid #E4EAEC;border-radius:5px 0 0 5px}
.pages ul li.on a{background-color:#228B22;color:#fff;;}
.pages ul li:last-child{border-radius:0 5px 5px 0}

.show_news{padding:80px 0 40px}
.show_news .wrap{display:flex;justify-content: space-between;}
.show_news .content{width:68%;background:#F7F7F7;border-radius:8px;padding:24px;}
.show_news .content .t{margin-bottom:30px;}
.show_news .content .t h1{font-size:24px;line-height:34px;}
.show_news .content .t .info{display:flex;}
.show_news .content .t .time{display:flex;margin-top:12px;align-items: center;;}
.show_news .content .t .time img{height:20px;}
.show_news .content .t .time span{font-size:14px;margin-left:10px;color:#999}
.show_news .content .body{padding:18px 0;border-top:1px solid #E8E8E8;font-size:16px;line-height:28px;}
.show_news .content .body ul li{padding-left:25px;position: relative;}
.show_news .content .body ul li:after{content:"";background:#ccc;width:6px;height:6px;border-radius:6px;position: absolute;left:10px;top:10px;}
.show_news .content .body ol li{margin-left:25px;position: relative;list-style: decimal;}
.show_news .content .body img{max-width:100%}
.show_news .content .body p{margin-bottom:10px;}
.show_news .content .body h2{font-size:26px;font-weight:bold;margin:25px 0;}
.show_news .content .body h3{font-size:20px;font-weight:bold;margin:12px 0;}
.show_news .content .body blockquote{margin:20px 0;padding:12px;font-size: 20px;line-height: 1.5;position: relative;background-color: #f9f9f9;border-left:5px solid #ccc;box-shadow: 2px 2px 10px rgba(0,0,0,0.1);}
.show_news .content .body blockquote h2,.show_news .content .body blockquote h3,.show_news .content .body blockquote h4,.show_news .content .body blockquote h1,.show_news .content .body blockquote h6,.show_news .content .body blockquote p{margin:0;}
.show_news .content .body p:lsat-child{margin:0;}
.show_news .content .body table {width: 100%;border-collapse: collapse;margin-bottom: 25px;}
.show_news .content .body th,.show_news .content .body td{border: 1px solid #E8E8E8;padding: 8px;text-align: left; }
.show_news .content .body td p,.show_news .content .body th p{margin:0;}
.show_news .content .previous_next {position: relative;padding: 25px 0;display: flex;}
.show_news .content .previous_next:after{width: 1px;height: 100%;position: absolute;left:50%;top: 0;content: "";background: #EEEEEE}
.show_news .content .previous_next .item{width: 50%;padding: 0 20px;}
.show_news .content .previous_next .item h3 {font-size:16px;color: #333;margin-bottom: 10px;}
.show_news .content .previous_next .item a {font-size:14px;color: #000;line-height: 22px;}
.show_news .content .previous_next .item a:hover {color: #228B22}
.show_news .sidebar{width:30%;}
.show_news .sidebar .sidebar_box{position:sticky;top:90px;padding:24px;background:#F7F7F7;border-radius:8px;}
.show_news .sidebar .t{font-size:24px;margin-bottom:25px;}
.show_news .sidebar .bd .item{border-bottom:1px solid #E8E8E8;padding-bottom:15px;margin-bottom:25px;}
.show_news .sidebar .bd .item .txt h3{margin-top:18px;transition-duration:.5s;font-size:18px;line-height:28px;color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.show_news .sidebar .bd .item .txt p{font-size:14px;margin:10px 0;line-height:22px;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3; }
.show_news .sidebar .bd .item .time{display:flex;align-items: center;}
.show_news .sidebar .bd .item .time img{width:20px}
.show_news .sidebar .bd .item .time span{font-size:12px;margin-left:5px;color:#999}

.list_case{padding:45px 0;background:#F4F7FD;}
.list_case .t{margin-bottom:45px;font-size:34px;text-align:center;color:#333;}
.list_case .bd{display:flex;flex-wrap:wrap;}
.list_case .bd .item{transition-duration:.5s;width:calc(100% / 4 - 15px);margin: 0 20px 20px 0;background:#fff;}
.list_case .bd .item a{padding:15px;display:block;}
.list_case .bd .item:nth-child(4n){margin-right:0;}
.list_case .bd .item .pic{position: relative;}
.list_case .bd .item .pic p{position: absolute;left:0;top:0;padding:0 20px;height:35px;background:rgba(0,0,0,.5);color:#fff;font-size:14px;display:flex;align-items: center;;}
.list_case .bd .item .txt{padding-top:20px}
.list_case .bd .item .txt h3{font-size:18px;color:#333;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list_case .bd .item:hover{box-shadow: 0px 4px 29px 0px rgba(0, 0, 0, 0.11);transform: translateY(-10px);}
.list_case .bd .item:hover .txt h3{color:#228B22}

.list_video{padding:60px 0;}
.list_video .list_video_box{margin-bottom:40px;}
.list_video .list_video_box .hd{padding-bottom:15px;margin-bottom:30px;border-bottom:1px solid #CCCCCC;}
.list_video .list_video_box .hd h2{font-size:36px;font-weight:bold;}
.list_video .list_video_box .bd{display:flex;flex-wrap:wrap;}
.list_video .list_video_box .bd .item{padding:10px;width:calc(100% / 5 - 20px);margin:0 25px 25px 0;}
.list_video .list_video_box .bd .item:nth-child(5n){margin-right:0;}
.list_video .list_video_box .bd .item p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;text-align:center;margin-top:10px;}

.videos{display:none;position:fixed;left:20%;top:50%;margin-top:-320px; z-index:10086;width:60%; height:640px; }
.vclose{position:absolute;color:#000;font-size:18px;width:30px;height:30px;line-height:30px;text-align:center;background:#fff;right:15px;top:15px; border-radius:100%; cursor: pointer; }
#index_video{width:100%;}

#c-followDot {position:fixed;top:0;left:0; width: 4px;height: 4px;border-radius: 50%; background-color:#228B22; z-index: 999999; pointer-events: none;}
#c-followDot .c-default{position:absolute;top: -9px; left: -9px;width: 20px; height: 20px;border: 1px solid #9c9c9c; border-radius: 50%; opacity: .5; box-sizing: border-box;z-index: 99; -webkit-transition: all 0.6s; transition: all 0.6s;}
#c-followDot .c-hover{position:absolute; top: -19px; left: -19px; width: 40px; height: 40px; background-color:#228B22; border-radius: 50%; opacity: .32; z-index: 98;
  box-sizing: border-box; transform: scale(0, 0);-webkit-transform: scale(0, 0);  -webkit-transition: all 0.6s;transition: all 0.6s;}
#c-followDot.c-active .c-default {transform: scale(0, 0);-webkit-transform: scale(0, 0);}
#c-followDot.c-active .c-hover { transform: scale(1, 1); -webkit-transform: scale(1, 1);}
::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{background:#228B22;}
::-webkit-scrollbar-thumb{background:#808080;border-radius:5px;}
::-webkit-scrollbar-thumb:hover{background:#228B22;}
::-webkit-scrollbar-thumb:active{background:#228B22;}

.list_pro{padding:60px 0;}
.list_pro .list{display:flex;flex-wrap:wrap;}
.list_pro .list .item{border-radius:8px;position: relative;overflow:hidden;transition-duration:.3s;padding:25px 15px;background:#F7F7F7;width:calc(100% / 4 - 15px);margin:0 20px 20px 0;}
.list_pro .list .item:nth-child(4n){margin-right:0;}
.list_pro .list .item:after{border-radius:8px;z-index:1;top:50%;opacity:0;transition-duration:.4s;;left:0;width:100%;height:0%;background:rgba(34,139,34,.9);content:"";position: absolute;}
.list_pro .list .item a{position: relative;z-index:2;display:block;width:100%}
.list_pro .list .item .txt{text-align:center;margin-top:15px;}
.list_pro .list .item .txt h3{transition-duration:.3s;font-size:20px;font-weight:bold;color:#333;}
.list_pro .list .item .txt p{transition-duration:.3s;color:#999;font-size:14px;margin-top:10px;}
.list_pro .list .item:hover .txt h3{color:#fff}
.list_pro .list .item:hover .txt p{color:#fff}
.list_pro .list .item:hover:after{top:0;height:100%;opacity:1}

.list_solution_list{padding:60px 0;background:#F7F7F7;}
.list_solution_list .swiper-horizontal{width:100%;position: relative;overflow: hidden;padding:15px;}
.list_solution_list .swiper-button-next,.list_solution_list .swiper-button-prev{width: 40px;height: 40px;border-radius: 50%;background: linear-gradient(135deg, #228B22, #77BE00);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);transition: all 0.3s ease;color: #fff;}
.list_solution_list .swiper-button-next:hover,
.list_solution_list .swiper-button-prev:hover {transform: scale(1.1);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);}
.list_solution_list .swiper-button-next:after,
.list_solution_list .swiper-button-prev:after {font-size: 20px;font-weight: bold;}
.list_solution_list .alt{text-align:center;font-size:40px;margin-bottom:30px;}
.list_solution_list .swiper-slide{transition-duration:.3s;background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); border-radius: 12px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}
.list_solution_list .swiper-slide a{display:block;width:100%;padding:20px;background:transparent;border-radius:12px;}
.list_solution_list .swiper-slide a .pic,.list_pro .list_solution_list .swiper-slide a .pic img{border-radius:12px; transition: transform 0.3s ease;}
.list_solution_list .swiper-slide .txt{text-align: center;padding-top:15px;}
.list_solution_list .swiper-slide .txt h3{font-size:24px; font-weight:600; color:#333; transition: color 0.3s ease;}
.list_solution_list .swiper-slide .txt p{font-size:16px;color:#666;margin-top:12px; transition: color 0.3s ease;}
.list_solution_list .swiper-slide:hover{transform: translateY(-8px); box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15);}
.list_solution_list .swiper-slide:hover a .pic img{transform: scale(1.05);}
.list_solution_list .swiper-slide:hover .txt h3{color:#228B22;}
.list_solution_list .swiper-slide:hover .txt p{color:#444;}
.list_solution_list .more{text-align:center;margin-top:30px;}
.list_solution_list .more a{display:flex;align-items: center;width:120px;height:40px;background:linear-gradient(135deg, #228B22 0%, #32CD32 100%);color:#fff;justify-content: center;border-radius:35px;margin:0 auto;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);transition: all 0.3s ease;}
.list_solution_list .more a:hover{transform: translateY(-2px);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);background:linear-gradient(135deg, #32CD32 0%, #228B22 100%);}

.list_solution{padding:60px 0;}
.list_solution .list{display:flex;flex-wrap:wrap;}
.list_solution .list .item{transition-duration:.3s;border-radius:8px;position: relative;overflow:hidden;transition-duration:.3s;background:#F7F7F7;width:calc(100% / 4 - 15px);margin:0 20px 20px 0;}
.list_solution .list .item:nth-child(4n){margin-right:0;}
.list_solution .list .item .pic{position: relative;}
.list_solution .list .item .pic .info{border-radius:8px 8px 0 0;transition-duration:.4s;position: absolute;left:0;top:-100%;width:100%;height:100%;padding:30px;background:rgba(0,0,0,.5);font-size:20px;line-height:36px;color:#fff}
.list_solution .list .item:hover .pic .info{top:0;}
.list_solution .list .item .txt{padding:15px;}
.list_solution .list .item .txt h3{transition-duration:.3s;font-size:18px;margin-bottom:10px;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list_solution .list .item .txt p{transition-duration:.3s;font-size:14px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list_solution .list .item:hover{background:#228B22}
.list_solution .list .item:hover  .txt h3{color:#fff;}
.list_solution .list .item:hover  .txt p{color:#F9F9F9;}

.pc_menu{display:flex;align-items: center;margin-bottom:50px;}
.pc_menu .item{margin-right:20px;padding:0 10px;border:1px solid #E5E5E5;height:38px;border-radius:4px;position: relative;min-width:230px;}
.pc_menu .item h4{display:flex;align-items: center;width:100%;height:100%;}
.pc_menu .item h4 a{display:flex;justify-content: space-between;width:100%;height:100%;align-items: center;}
.pc_menu .item h4 a span{font-size:14px;color:#666;}
.pc_menu .item h4 a i{font-size:24px;color:#999;transform: rotate(90deg);transition-duration:.3s;}
.pc_menu .item:hover h4 a i{transform: rotate(270deg);}
.pc_menu .item .sub{max-height:250px;overflow-y: auto;z-index:999;transform-origin: top;transform: scaleY(0);transition-duration: .3s;position: absolute;left:0;top:38px;width:100%;background:#fff;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);}
.pc_menu .item .sub a{transition-duration:.3s;height:40px;padding:0 15px;display:flex;align-items: center;color:#333;font-size:14px;}
.pc_menu .item:hover .sub{transform: scaleY(1);}
.pc_menu .item .sub a:hover{background:#228B22;color:#fff;}

.show_solution .solution_attr{padding:25px 0 35px;}
.show_solution .solution_attr ul{width:100%;max-width:600px;display:flex;flex-wrap:wrap;}
.show_solution .solution_attr ul li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:50%;padding:0 10px 0 20px;line-height:40px;font-size:17px;color:#666;position: relative;}
.show_solution .solution_attr ul li::after{width:10px;height:10px;background:#228B22;border-radius:10px;content:"";position: absolute;left:0;top:50%;margin-top:-5px;}
.show_solution .solution_nav{height:70px;width:100%;background:#fff;position:sticky;top:70px;z-index:12;box-shadow:0 5px 15px rgba(0, 0, 0, 0.1);}
.show_solution .solution_nav .wrap{display:flex;justify-content: space-between;align-items: center;height:100%;}
.show_solution .solution_nav .nav{overflow:hidden;display:flex;align-items: center;height:100%;}
.show_solution .solution_nav .nav span{transition-duration:.3s;height:100%;min-width:120px;display:flex;font-size:17px;align-items: center;position: relative;text-align:center;padding:0 10px;justify-content: center;cursor: pointer;;}
.show_solution .solution_nav .nav span.on{color:#fff;}
.show_solution .solution_nav .nav span:after{height:60%;right:0;top:20%;z-index:-2;background:#DDDDDD;width:1px;content:"";position: absolute;}
.show_solution .solution_nav .nav span:before{background:#228B22;content:"";position: absolute;left:0;top:100%;width:100%;height:100%;z-index:-1}
.show_solution .solution_nav .nav span:last-child:after{display:none;}
.show_solution .solution_nav .nav span.on:before{top:0;}
.show_solution .solution_nav .location{display:flex;align-items: center;}
.show_solution .solution_nav .location a{font-size:14px;margin-right:30px;position: relative;}
.show_solution .solution_nav .location a:after{content: "\f105";font: normal normal normal 18px / 1 FontAwesome;position: absolute;right:-18px;top:1px}
.show_solution .solution_nav .location a:last-child{margin:0;}
.show_solution .solution_nav .location a:last-child:after{display:none;}
.show_solution .solution_content .txt_content{padding:70px 0;}
.show_solution .solution_content .txt_content .txt{text-align:center;}
.show_solution .solution_content .txt h2{font-size:40px;font-weight:bold;line-height:48px;color:#333;margin-bottom:50px;}
.show_solution .solution_content .txt p{font-size:15px;line-height:30px;color:#666;position: relative;}
.show_solution .solution_content .txt p::after{content:"";position: absolute;top:50%;margin-top:-4px;border-radius:8px;width:8px;height:8px;background:#228B22;left:0;display:none;}
.show_solution .solution_content .txt_content .txt p:lsat-child{margin-bottom:0;}
.show_solution .solution_content .txt_img{padding:60px 0;background-size: cover;background-repeat: no-repeat;display:flex;}
.show_solution .solution_content .txt_img:nth-child(2n){background:#F7F7F7;}
.show_solution .solution_content .txt_img .wrap{display:flex;justify-content:space-between;align-items:center;}
.show_solution .solution_content .txt_img .pic{width:50%;display:flex;align-items: center;;}
.show_solution .solution_content .txt_img .txt{width:50%;padding:60px;}
.show_solution .solution_content .txt_img .txt h2{position: relative;}
.show_solution .solution_content .txt_img .txt h2:after{content:"";position: absolute;bottom:-25px;border-radius:8px;width:80px;height:4px;background:#228B22;left:0}
.show_solution .solution_content .txt_img .text_body{padding:0;}
.show_solution .solution_content .txt_img .text_body h2{font-size:40px;font-weight:bold;position: relative;;text-align:center;margin-bottom:50px;}
.show_solution .solution_content .txt_img .text_body h2:after{content:"";position: absolute;bottom:-15px;border-radius:8px;width:80px;height:4px;background:#228B22;left:50%;margin-left:-40px;}
.show_solution .solution_content .txt_img .text_body p{font-size:16px;line-height:32px;}
.show_solution .solution_content .txt_img .text_body img{display:block;margin:15px  auto 0;}
.show_solution .solution_content .txt_img.on h2,.show_solution .solution_content .txt_img.on p{color:#fff !important}
.show_solution .solution_content .txt_img.on .txt h2:after{background:#fff !important;}
.show_solution .title{font-size:48px;color:#000;font-weight:bold;margin-bottom:45px;text-align:center;}
.show_solution .solution_capacity{padding:60px 0;}
.show_solution .solution_capacity #solution1_hd{position: relative;;display:flex;align-items: center;justify-content: center;}
.show_solution .solution_capacity #solution1_hd .swiper-wrapper{justify-content: center;}
.show_solution .solution_capacity #solution1_hd:after{width:100%;height:4px;background:#EBEDEF;position: absolute;left:0;bottom:0;content:""}
.show_solution .solution_capacity #solution1_hd .swiper-slide{position: relative;;font-size:18px;padding-bottom:25px;text-align:center;color:#333;cursor: pointer;;max-width:max-content;min-width:120px;}
.show_solution .solution_capacity #solution1_hd .swiper-slide:after{transition-duration:.3s;content:"";height:4px;position: absolute;bottom:0;left:0%;background:#228B22}
.show_solution .solution_capacity #solution1_hd .swiper-slide-thumb-active{color:#228B22}
.show_solution .solution_capacity #solution1_hd .swiper-slide-thumb-active:after{width:100%}
.show_solution .solution_capacity #solution1_bd{overflow:hidden;padding-top:60px;}
.show_solution .solution_capacity #solution1_bd .swiper-slide{display:flex;align-items: center;}
.show_solution .solution_capacity #solution1_bd .swiper-slide .pic{width:45%;}
.show_solution .solution_capacity #solution1_bd .swiper-slide .pic img{max-width:100%}
.show_solution .solution_capacity #solution1_bd .swiper-slide .txt{width:55%;padding:35px 70px;}
.show_solution .solution_capacity #solution1_bd .swiper-slide .txt h3{position: relative;font-size:28px;font-weight:bold;color:#333;margin-bottom:50px;}
.show_solution .solution_capacity #solution1_bd .swiper-slide .txt h3:after{content:"";position: absolute;bottom:-25px;border-radius:8px;width:80px;height:4px;background:#228B22;left:0}
.show_solution .solution_capacity #solution1_bd .swiper-slide .txt p{font-size:16px;line-height:28px;color:#666;}
.show_solution .solution_scene{background:#F7F7F7;padding:70px 0;}
.show_solution .solution_scene #solution2_hd{position: relative;;display:flex;align-items: center;justify-content: center;}
.show_solution .solution_scene #solution2_hd .swiper-wrapper{justify-content: center;}
.show_solution .solution_scene #solution2_hd:after{width:100%;height:4px;background:#EBEDEF;position: absolute;left:0;bottom:0;content:""}
.show_solution .solution_scene #solution2_hd .swiper-slide{position: relative;;font-size:18px;padding-bottom:25px;text-align:center;color:#333;cursor: pointer;;max-width:max-content;min-width:120px;}
.show_solution .solution_scene #solution2_hd .swiper-slide:after{transition-duration:.3s;content:"";height:4px;position: absolute;bottom:0;left:0%;background: #228B22;}
.show_solution .solution_scene #solution2_hd .swiper-slide-thumb-active{color:#228B22}
.show_solution .solution_scene #solution2_hd .swiper-slide-thumb-active:after{width:100%}
.show_solution .solution_scene #solution2_bd{overflow:hidden;padding-top:50px;}
.show_solution .solution_scene #solution2_bd .swiper-slide{text-align:center;font-size:16px;line-height:28px;color:#333;}
.show_solution .solution_scene #solution2_bd .swiper-slide .txt p{margin-bottom:28px;}
.show_solution .solution_scene #solution2_bd .swiper-slide .txt p:last-child{margin:0;}
.show_solution .solution_hot{background:#151515;padding:65px 0;color:#fff;}
.show_solution .solution_hot .wrap{margin:0 auto;display:flex;justify-content:space-between;align-items: center;}
.show_solution .solution_hot .left-content{flex-shrink: 0;width:30%;position:relative;}
.show_solution .solution_hot .left-content .alt{color: #fff;font-size:48px;margin-bottom:40px;}
.show_solution .solution_hot .left-content .tabs{padding-bottom:60px}
.show_solution .solution_hot .left-content .tab{display: block;padding:15px;margin-bottom:20px;font-size:16px;color: #fff;position: relative;cursor: pointer;z-index: 1}
.show_solution .solution_hot .left-content .tab.active{font-size:20px;font-weight: 600}
.show_solution .solution_hot .left-content .active:after{content:"";position: absolute;left:0;top:0;width:100%;height:100%;background-color: hsla(0,0%,100%,.2);border-radius:8px;border:1px solid #fff;opacity: 0;z-index: -1}
.show_solution .solution_hot .left-content .tab:after{opacity:.5}
.show_solution .solution_hot .left-content .swiper-pagination{left: 0;bottom: 0;width: auto;color: #8c8c8c;font-size:16px}
.show_solution .solution_hot .left-content .swiper-pagination-current{font-size: 24px;color: #fff;font-weight: 600}
.show_solution .solution_hot .left-content .swiper-button-next:after,.show_solution .solution_hot .left-content .swiper-button-prev:after{font-size:18px;color: #fff}
.show_solution .solution_hot .left-content .btn{position: absolute;right:0;align-items: center;bottom: 0;display:flex;}
.show_solution .solution_hot .left-content .btn div{display: flex;align-items: center;justify-content: center;width:40px;height:40px;border:1px solid #8e8e8e;border-radius: 50%;position:static;margin-left:15px;cursor: pointer;}
.show_solution .solution_hot .right-content{width:65%;overflow:hidden;flex-shrink: 0;}
.show_solution .solution_hot .right-content .swiper{width:100%;overflow:visible;touch-action: pan-y;}
.show_solution .solution_hot .right-content .swiper-slide{padding:16px;background:#fff;border-radius:12px;}
.show_solution .solution_hot .right-content .swiper-slide a{display:block;width:100%;}
.show_solution .solution_hot .right-content .swiper-slide a .pic{display:flex;}
.show_solution .solution_hot .right-content .swiper-slide a .pic img{width:45%;}
.show_solution .solution_hot .right-content .swiper-slide a .t{flex:1;padding:30px;}
.show_solution .solution_hot .right-content .swiper-slide a .t p{font-size:16px;line-height:28px;}
.show_solution .solution_hot .right-content .swiper-slide a .t h3{font-size:22px;text-align:center;color:#333;margin-bottom:20px;}
.show_solution .solution_hot .right-content .swiper-slide:hover a h3{color:#228B22}

.list_service{padding:40px 0;}
.list_service .list_service_nav{display:flex;justify-content: space-between;background:#F8F8FB;height:60px;margin-bottom:30px;;padding:0 15px;}
.list_service .list_service_nav .nav{display:flex;align-items: center;height:100%;}
.list_service .list_service_nav .nav a{margin-right:20px;height:100%;padding:0 25px;display:flex;align-items: center;cursor: pointer;position: relative;font-size:18px;font-weight:bold;}
.list_service .list_service_nav .nav a.on{color:#228B22}
.list_service .list_service_nav .nav a.on:after{position: absolute;bottom:5px;left:0;width:100%;height:2px;background:#228B22;content:""}
.list_service .list_service_nav .so{background:#fff;height:40px;display:flex;align-items: center;margin-top:10px;padding:0 10px 0 0;border-radius:4px;}
.list_service .list_service_nav .so form{display:flex;}
.list_service .list_service_nav .so form span{width:40px;justify-content: center;display:flex;align-items: center;;}
.list_service .list_service_nav .so form svg{width:30px;}
.list_service .list_service_nav .so form input{width:calc(100% - 40px);background:none;font-size:15px;}
.list_service .list_service_box{display:flex;justify-content: space-between;}
.list_service .list_service_box .list_service_sidebar{width:350px;background:#F8F8FB;padding:0 25px;}
.list_service .list_service_box .list_service_sidebar .item{border-bottom:1px solid #E8F0F6;padding:10px 0;}
.list_service .list_service_box .list_service_sidebar .item:last-child{border:0;}
.list_service .list_service_box .list_service_sidebar .item h4{display:flex;height:40px;align-items:center;}
.list_service .list_service_box .list_service_sidebar .item h4 a{display:flex;width:100%;height:100%;justify-content: space-between;align-items: center;transition:all 0.3s ease;}
.list_service .list_service_box .list_service_sidebar .item h4 a i{font-size:24px;color:#333;transition:all 0.3s ease;}
.list_service .list_service_box .list_service_sidebar .item h4 a span{font-size:17px;font-weight:500;color:#333;transition:all 0.3s ease;}
.list_service .list_service_box .list_service_sidebar .item.on h4 a i{color:#228B22;}
.list_service .list_service_box .list_service_sidebar .item.on h4 a span{color:#228B22;}
.list_service .list_service_box .list_service_sidebar .item .sub_item a{display:flex;padding:0 35px;font-size:15px;height:42px;align-items: center;transition:all 0.3s ease;color:#555;}
.list_service .list_service_box .list_service_sidebar .item .sub_item h5 a{padding:0 15px;font-size:15px;font-weight:500;color:#444;transition:all 0.3s ease;}
.list_service .list_service_box .list_service_sidebar .item .sub_item.on h5 a{color:#228B22;}
.list_service .list_service_box .list_service_sidebar .item .sub_item p{display:none;}
.list_service .list_service_box .list_service_sidebar .item .sub_item.on p{display:block;border-radius:6px;padding:0;}
.list_service .list_service_box .list_service_sidebar .item .sub_item p a{position: relative;width:100%;display:flex;align-items:center;padding:4px 12px 4px 25px;border-radius:4px;transition:all 0.3s ease;}
.list_service .list_service_box .list_service_sidebar .item .sub_item p a:after{content:"";position: absolute;left:10px;top:50%;width:8px;margin-top:-4px;height:8px;border-radius:8px;background:#757575;}
.list_service .list_service_box .list_service_sidebar .item .sub_item p a.on{background:#E8F0F6;border-radius:8px;color:#228B22;box-shadow:0 2px 4px rgba(0,0,0,0.05);}
.list_service .list_service_box .list_service_right{width:calc(100% - 400px);}
.list_service .list_service_box .list_service_content .alt{font-size:24px;color:#333;}
.list_service .list_service_box .list_service_content .time{font-size: 14px; color: #999999; margin:15px 0;border-bottom:1px solid #E8F0F6;padding-bottom:15px}
.list_service .list_service_box .list_service_content .body{font-size: 15px; line-height: 1.8; color: #666;}
.list_service .list_service_box .list_service_content .body h3{font-size:18px;margin-bottom:25px;font-weight:bold;}
.list_service .list_service_box .list_service_content .body p{margin-bottom:15px;}
.list_service .list_service_box .list_service_list .list a{display:flex;height:50px;border-bottom:1px dashed #DDDDDD;align-items:center;}
.list_service .list_service_box .list_service_list .list a .i{width:50px;height:50px;display:flex;align-items: center;justify-content: center;}
.list_service .list_service_box .list_service_list .list a .i i{width:16px;height:18px;background:url(../images/ico_doc.png)}
.list_service .list_service_box .list_service_list .list a span{font-size:15px;width:calc(100% - 60px);}
.list_service .list_service_box .list_service_list .down_list a{transition-duration:.3s;display:flex;padding:15px;border-bottom:1px dashed #DDDDDD;align-items:center;justify-content: space-between;}
.list_service .list_service_box .list_service_list .down_list .txt h3{transition-duration:.3s;font-size:18px;color:#333;}
.list_service .list_service_box .list_service_list .down_list .txt p{margin-top:10px;color:#999;font-size:14px}
.list_service .list_service_box .list_service_list .down_list a .i{transition-duration:.3s;background:#9999;color:#fff;width:40px;display:flex;align-items: center;justify-content: center;border-radius:40px;height:40px;}
.list_service .list_service_box .list_service_list .down_list a:hover{border-color:#228B22}
.list_service .list_service_box .list_service_list .down_list a:hover .txt h3{color:#228B22}
.list_service .list_service_box .list_service_list .down_list a:hover .i{background:#228B22;}

.list_contact .info{margin-top:-150px;position: relative;z-index:9999;background:#fff;border-radius:20px;padding:24px 10%;display:flex;box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);}
.list_contact .info .item{width:25%;display:flex;align-items: center;flex-direction: column;border-right:1px solid #EAEAEA;justify-content: center;}
.list_contact .info .item:nth-child(3){border:0;}
.list_contact .info .item h3{font-size:24px;font-weight:bold;}
.list_contact .info .item p{font-size:18px;color:#333;margin-top:20px;}
.list_contact .info .item.wx{position: relative;border:0;}
.list_contact .info .item.wx i{font-size:30px;color:#fff;}
.list_contact .info .item.wx h3{font-size:20px;color:#fff;margin:15px 0;}
.list_contact .info .item.wx img{width:140px;}
.list_contact .info .item.wx::after{background:#228B22;content:"";z-index:-1;position: absolute;border-radius:20px;box-shadow: 0 15px 30px rgba(0,0,0,.5);left:50%;margin-left:-125px;top:-50px;;height:calc(100% + 100px);width:250px;}

.index_form{margin:80px 0;background:linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);padding:40px;border-radius:16px;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12)}
.index_form h2{text-align:center;color:#333;margin-bottom:45px;font-size:40px}
.index_form form .item{width:100%;margin-bottom:25px;}
.index_form form .item p{display:flex;align-items: center;color:#333;font-size:18px;margin-bottom:10px;}
.index_form form .item p span{color:red;font-size:16px;margin-left:10px;}
.index_form form .item input{width:100%;height:45px;border-radius:4px;border:1px solid #E5E5E5;padding:0 15px;font-size:16px;transition: all 0.3s ease;}
.index_form form .item input:hover{border-color:#228B22;box-shadow: 0 0 0 3px rgba(34, 139, 34, 0.15)}
.index_form form .item textarea{width:100%;min-height:120px;border-radius:4px;border:1px solid #E5E5E5;padding:15px;font-size:16px;transition: all 0.3s ease;}
.index_form form .item textarea:hover{border-color:#228B22}
.index_form form .flex{width:100%;display:flex;justify-content: space-between;}
.index_form form .flex .item{width:48%;}
.index_form form .submit{width:160px;font-size:18px;height:50px;margin:0 auto;display:flex;align-items: center;justify-content: center;color:#fff;background:linear-gradient(135deg, #228B22 0%, #1c7b1c 100%);color:#fff;cursor: pointer;border-radius:8px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);transition: all 0.3s ease;}
.index_form form .submit:hover{transform: translateY(-2px);border-radius:40px;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);}

.list_about{padding:60px 0;}
.list_about .list_about_box .item{display:flex;justify-content: space-between;margin-bottom:40px;}
.list_about .list_about_box .item:last-child{margin:0;}
.list_about .list_about_box .item .pic{width:40%;border-radius:12px;}
.list_about .list_about_box .item .pic img{max-width:100%;border-radius:12px;}
.list_about .list_about_box .item .txt{width:60%;padding:45px 60px;display:flex;justify-content: center;flex-direction: column;}
.list_about .list_about_box .item .txt h2{position: relative;;margin-bottom:45px;border-left:5px solid #228B22;font-weight:bold;font-size:40px;color:#228B22;padding-left:20px;}
.list_about .list_about_box .item .txt h2::after{content: attr(data-text);position: absolute;left:0;top:0;font-family:"Arial";color:#E2E3E3;z-index:-1;line-height:.5;font-size:100px;}
.list_about .list_about_box .item .txt p{font-size:16px;color:#333;line-height:28px;text-indent:2em;margin-bottom:10px;}
.list_about .list_about_data{margin:50px 0;background:#EFF7FF url(../images/about_bg.png) no-repeat center fixed;height:600px;display:flex;align-items: center;}
.list_about .list_about_data .data{display:flex;}
.list_about .list_about_data .item{width:calc(100% / 3);text-align:center;}
.list_about .list_about_data .item h3{font-size:80px;color:#228B22;font-weight:bold;}
.list_about .list_about_data .item p{display:inline-block;padding:8px 20px;font-size:24px;box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);background:#fff;color:#228B22;border-radius:4px;}
.list_about_image{padding:60px 0;background:#F7F7F7;}
.list_about_image .t{display:flex;align-items: center;justify-content: center;}
.list_about_image .t span{font-size:36px;margin-left:15px;}
.list_about_image .hd{margin:60px 0;display:flex;justify-content:center;align-items: center;}
.list_about_image .hd span{transition-duration:.2s;cursor: pointer;;min-width:150px;height:50px;padding:0 10px;display:flex;align-items: center;justify-content: center;font-size:18px;color:#333;border:1px solid #ddd;}
.list_about_image .hd span:last-child{border-left:0;border-radius:0 30px 30px 0;}
.list_about_image .hd span:first-child{border-radius:30px 0  0 30px;}
.list_about_image .hd span.on{background:#228B22;color:#fff;border-color:#228B22}
.list_about_image .bd .box{display:flex;flex-wrap:wrap;}
.list_about_image .bd .item{transition-duration:.2s;width:calc(100% / 4 - 30px);margin:0 40px 40px 0;padding:20px;border:1px solid #ddd;background:#fff;border-radius:8px}
.list_about_image .bd .item:nth-child(4n){margin-right:0;}
.list_about_image .bd .item .pic,.list_about_image .bd .item .pic img{border-radius:12px;}
.list_about_image .bd .item .t{margin-top:15px;font-size:18px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list_about_image .bd .item:hover{transform: translateY(-8px);box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15);}

.list_channel .info{margin-top:-150px;position: relative;z-index:9999;background:#fff;border-radius:20px;padding:45px;box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);}
.list_channel h2{text-align:center;font-size:34px;color:#333;margin-bottom:40px;}
.list_channel .info h2{margin-bottom:24px;}
.list_channel .info p{font-size:16px;line-height:25px;margin-bottom:20px;}
.list_channel .support{padding:60px 0;}
.list_channel .support .bd{display:flex;flex-wrap:wrap;}
.list_channel .support .bd .item{position: relative;width:calc(50% - 15px);margin:0 30px 30px 0;padding:25px;transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);border-radius:12px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);}
.list_channel .support .bd .item:nth-child(2){margin-right:0;}
.list_channel .support .bd .item:nth-child(3){width:25%;margin:0;}
.list_channel .support .bd .item:nth-child(4){width:25%;margin:0 35px;}
.list_channel .support .bd .item:nth-child(5){width:calc(50% - 70px);margin:0;}
.list_channel .support .bd .item h3{transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);margin-bottom:30px;font-size:28px;}
.list_channel .support .bd .item h3 span{transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);font-size:64px;color:#2E8B57;margin-right:15px;position: relative;font-weight:bold;}
.list_channel .support .bd .item h3 span:after{transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);content:"";background:#F0F0F0;width:48px;height:48px;border-radius:48px;position: absolute;bottom:0;left:0;z-index:-1;}
.list_channel .support .bd .item p{transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);font-size:20px;line-height:32px;color:#777;}
.list_channel .support .bd .item:hover{border-radius:15px;transform: translateY(-5px);}
.list_channel .support .bd .item:hover::after{background:#2E8B57;left:0;top:0;border-radius:15px;width:100%;height:100%;content:"";position: absolute;z-index:-2;}
.list_channel .support .bd .item:hover h3{color:#fff;}
.list_channel .support .bd .item:hover h3 span{color:#fff;}
.list_channel .support .bd .item:hover h3 span:after{background:rgba(255,255,255,.5);}
.list_channel .support .bd .item:hover p{color:#fff}
.list_channel .cooperative{background:#F7F7F7 url(../images/business-partner-s3.png) no-repeat center;padding:80px 0;height:850px;}
.list_channel .cooperative .bd{position: relative;width:100%;}
.list_channel .cooperative .bd .item{display: inline-block;font-size: 22px;position: relative;padding: 15px 30px;background: #f0f0f0;color: #333;border-radius: 30px;box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);transition: all 0.3s ease;}
.list_channel .cooperative .bd .item:nth-child(1){top:130px;left:240px}
.list_channel .cooperative .bd .item:nth-child(2){top:300px;left:30px;}
.list_channel .cooperative .bd .item:nth-child(3){top:430px;left:-200px;}
.list_channel .cooperative .bd .item:nth-child(4){left:180px;top:180px;}
.list_channel .cooperative .bd .item:nth-child(5){left:850px;top:380px}
.list_channel .cooperative .bd .item:hover {transition: all 0.3s ease;transform: scale(1.1);}
.list_channel .process{padding:50px 0;}
.list_channel .process .pic{text-align:center;margin-bottom:25px;}
.list_channel .process .txt{display:flex;}
.list_channel .process .txt span{width:calc(100% / 6);display:flex;;align-items: center;justify-content: center;font-size:24px;color:#333;;}
.list_channel .process .txt span:nth-child(4){padding-right:25px;}
.list_channel .process .txt span:nth-child(5){padding-right:30px;}
.list_channel .process .txt span:nth-child(6){padding-right:30px;}

.index_alt{font-size:55px;color:#000;margin-bottom:80px;font-weight:bold;text-align:center;}
.index_products{padding:80px 0;}
.index_products .bd{display:flex;justify-content: space-between}
.index_products .bd .p1,.index_products .bd .p2{width:calc(50% - 5px);}
.index_products .bd .p1{display:flex;align-content: space-between;flex-wrap:wrap;}
.index_products .bd .p1 .p11{display:flex;justify-content: space-between;margin-bottom:5px;}
.index_products .bd .p1 .p11 .item{width:calc(50% - 5px);}
.index_products .bd .item{border-radius:8px;overflow:hidden;position: relative;}
.index_products .bd .item img{width:100%;border-radius:8px;height:100%;}
.index_products .bd .item .btn{width:47px;height:48px;background:url(../images/right-1.png);position: absolute;right:15px;bottom:15px;}
.index_products .bd .item .t{position: absolute;left:25px;top:25px;font-size:30px;color:#000;}
.index_products .bd .p11 .item:first-child .t{color:#fff}
.index_products .bd .p21 .item .t{color:#fff}
.index_products .bd .p2{display:flex;width:calc(50% - 5px);justify-content: space-between;}
.index_products .bd .p21,.index_products .bd .p22{width:calc(50% - 5px);}
.index_products .bd .p22{display:flex;align-content: space-between;flex-wrap:wrap;}
.index_products .bd .p22 .item{height:calc(50% - 5px);}

.index_solution{background:#F4F4F4;padding:100px 0;}
.index_solution .swiper-out{width:calc(100% - 120px);margin:0 auto;position: relative;}
.index_solution .swiper-slide{margin:0 10px 0 0 !important;border-radius:10px;;height:420px !important;transition:all 0.3s ease;position: relative;}
.index_solution .swiper-slide-active{width:40% !important;}
.index_solution .swiper-slide .pic{height:420px;border-radius:10px;}
.index_solution .swiper-slide .pic img{width:100%;height:100%;object-fit:cover;border-radius:10px;}
.index_solution .swiper-slide .txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgba(0,0,0,.5);padding:0 10px;border-radius:0 0 10px 10px;;width:100%;height:60px;position: absolute;left:0;bottom:0;display:flex;align-items: center;justify-content:center;}
.index_solution .swiper-slide .txt h3{font-size:18px;color:#fff;margin-right:15px;}
.index_solution .swiper-slide .txt img{height:15px;display:none;}
.index_solution .swiper-button{width:50px;height:50px;background:#fff;border-radius:50px;}
.index_solution .swiper-button:after{display:none;}
.index_solution .swiper-button-prev{left:-60px;transform: rotate(180deg);}
.index_solution .swiper-button-next{right:-60px;}

.index_case{padding:80px 0;}
.index_case .bd .list_pro{padding:0 !important;}
.index_case .bd .list_pro .list .item{padding:0 0 15px 0;border-radius:8px;}
.index_case .bd .list_pro .list .item .pic{border-radius:8px 0 0 8px;overflow:hidden;position: relative;}
.index_case .bd .list_pro .list .item .pic .p{transition-duration:.3s;width:100%;height:100%;top:100%;left:0;padding:15px;color:#fff;font-size:16px;line-height:26px;position: absolute;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;}
.index_case .bd .list_pro .list .item .pic img{border-radius:8px 0 0 8px;}
.index_case .bd .list_pro .list .item:hover .pic .p{top:0;}
.index_more{display:flex;justify-content: center;margin-top:50px;align-items: center;}
.index_more a{border-bottom:1px solid #333333;padding-bottom:10px;font-size:24px;color:#333}

.index_advantage{padding:80px 0;}
.index_advantage .bd{display:flex;}
.index_advantage .bd .item{width:23.5%;margin-right:2%;padding:45px 15px;border-radius:12px;background:linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);transition: all 0.3s ease;transform: scale(1);}
.index_advantage .bd .item:hover{transform: scale(1.05);box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);background:linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);}
.index_advantage .bd .item:last-child{margin:0;}
.index_advantage .bd .item .pic{text-align:center;margin-bottom:20px;}
.index_advantage .bd .item .txt h3{font-size:24px;text-align:center;margin-bottom:20px;}
.index_advantage .bd .item .txt p{font-size:15px;line-height:25px;color:#666;}

.index_innovate{background:#D7EBF9;padding:80px 0;overflow:hidden}
.index_innovate .content{display:flex;width:100%}
.index_innovate .content .hd{width:400px;background:#E4F0FD;border-right:2px solid #fff;display:flex;flex-wrap:wrap;}
.index_innovate .content .hd span{transition-duration:.3s;font-size:30px;cursor: pointer;;height:25%;width:100%;display:flex;align-items: center;justify-content: center;}
.index_innovate .content .hd span.on{background:#228B22;color:#fff;}
.index_innovate .content .bd{height:500px;width:calc(100% - 400px);background:#E4F0FD}
.index_innovate .content .bd .item{position: relative;}
.index_innovate .content .bd .item .txt{padding:60px;width:calc(100% - 400px);}
.index_innovate .content .bd .item .txt h3{font-size:34px;font-weight:bold;margin-bottom:50px;position: relative;}
.index_innovate .content .bd .item .txt h3::after{width:100px;height:3px;content:"";position: absolute;left:0;bottom:-20px;background:#228B22}
.index_innovate .content .bd .item .txt p{font-size:18px;line-height:34px;}
.index_innovate .content .bd .item .txt ul{margin-top:40px;}
.index_innovate .content .bd .item .txt ul li{padding:0 0 25px 30px;font-size:18px;position: relative;}
.index_innovate .content .bd .item .txt ul li::after{content:"";width:12px;height:12px;background:#228B22;border-radius:12px;position: absolute;left:0;top:6px;}
.index_innovate .content .bd .item .pic{width:400px;position: absolute;right:30px;top:-20px;}
.index_innovate .content .bd .item .pic img{height:calc(100% + 20px);border-radius:15px;}


.whead{height: 60px;background: #fff;position: fixed;left: 0;top: 0;width: 100%;z-index: 9999;box-shadow: 0 0 15px rgba(0,0,0,.15);display: flex;align-items: center;padding: 0 15px;}
.waphd_height{width: 100%;height: 60px;}
.wlogo{display: inline-block;}
.wlogo img{display: block;border: 0;height: 36px;}
.waphdlg{display: inline-block;}
.waphdlg img{display: block;height: 30px;}
.whead i{display: block;width: 60px;height: 60px;background: url(../images/navicon.png) no-repeat center;background-size: 40%;color: #fff;text-align: center;line-height: 60px;font-size: 18px;position: absolute;right: 0;top: 0;z-index: 99999999;}
.whead i img{vertical-align: middle;margin-top: -3px;display: none;}
.wapnav{width: 240px;height: 100%;position: fixed;right: 0;top: 0;background: #fff;z-index: 9999;margin-right: -240px;transition: .5s;overflow-y: scroll;-webkit-overflow-scrolling: touch;}
.wapnava {padding: 0 0 15px 0;}
.wapnavtop{color: #fff;height: 60px;line-height: 60px;padding: 0 15px;border-bottom: 1px solid #eee;display: flex;align-items: center;}
.wapnavtop i{display: block;width: 60px;height: 60px;background: none;color: #222;text-align: center;line-height: 50px;font-size: 18px;position: absolute;background: url(../images/close.png) no-repeat center;background-size: 30%;right: 0;top: 0;z-index: 99999999;}
.wapprda i, .wapprda1 i {display: block;position: absolute;right: 15px;top: 0;height: 44px;line-height: 44px;transition: .25s;}
.wapprda_active i,.wapprda1_active i{transform:rotate(90deg);}
.wapnavtop i img{vertical-align: middle;margin-top: -3px;}
.wapnava p{display: block;}
.wapnava span{width: 100%;position: relative;display:block;}
.wapnava span i{position: absolute;right:5px;top: 0;height: 50px;display: flex;align-items: center;z-index: 9;width: 30px;justify-content: center;}
.wapnava span i img{height:16px;}
.wapprdai_active{transform:rotate(90deg);}
.wapnava a.wapprda{display: block;height: 50px;line-height: 48px;padding: 0 25px;color: #666;width: 100%;border-bottom: 1px solid #eee;font-size: 15px;}
.wpheadhide a{display: block;height: 48px;line-height: 46px;padding: 0 25px;color: #444;width: 100%;border-bottom: 1px solid #eee;}
.wapnava1{background: url(../images/navabg_06.png) no-repeat center;color: #E60012;text-align: center;border-bottom: 0 !important;margin-top: 10px;margin-bottom: 10px;}
.wapnavp1{text-align: center;font-weight: bold;}
.waphide,.waphides,.wpheadhide1,.wpheadhide,.head_wap,.top-tips,.head_pc{display: none;}
.wapprda,.wapprda1{position: relative;}
.wapprda i,.wapprda1 i{display: block;position: absolute;right: 15px;top: 0;}
.wapprda i img,.wapprda1 i img{height: 10px;}
.wpheadhide em{display: block;}
.wpheadhide a{font-size: 14px;padding-left: 30px;color: #666;}
.wpheadhide1 a{padding-left: 50px !important;background: #fff !important;color: #999;}
.waphides a{font-size: 12px;color: #666;display: block;height: 37px;line-height: 37px;border-bottom: 1px solid #aaa;padding: 0 30px;}
.wapclicka {background: url(../images/sj.jpg) no-repeat right center;}
.swiper-container-bn .swiper-button-next-bn,.swiper-container-bn .swiper-button-prev-bn{display: none;}
.wpnvbg{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 9999;background: rgba(0,0,0,.7);opacity: 0;visibility: hidden;transition: .25s;}
.wpnvbg_active{opacity: 1;visibility: inherit;}
.wapnav_active{right: 0;top: 0;height: 100%;margin-right: 0;overflow-x: hidden;overflow-y: auto;}
a.wapprda.wapprda_active{font-weight: bold;}
.active-link{font-weight: bold;}
.waplga{padding: 0 15px;}
.waplga a{display: inline-block;width: 47%;height: 34px;background: #fff;color: #20A53A;line-height: 32px;font-size: 13px;border: 1px solid #20A53A;}
.waplga a.active{background: #20A53A;color: #fff;}
.waplga a.waplga_ac{display: block;margin: 0 auto;float: none;background: #fff;color: #20A53A;}
.wap_so_btn {right: 60px;top: 0;width: 40px;position: absolute;z-index: 2;height: 60px;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.wap_so_btn img {width: 25px}
.searchBar{transition-duration:.5s;position:fixed;top:-60px;opacity:0;z-index:998;left:0;width:100%;}
.searchBar .wrap{position: relative;display:flex;justify-content:flex-end}
.searchBar .form-group{width:100%;padding:25px;background:#ECEEF1;}
.searchBar .form-group .mask-close{position: absolute;right:0;top:50%;margin-top:-10px;}
.searchBar .form-group .mask-close img{width:20px;height:20px;}
.searchBar .form-group form{width:100%;display:flex;border-bottom:1px solid #212427;}
.searchBar .form-group form button{border:0;width:40px;height:40px;background:none;cursor: pointer;}
.searchBar .form-group form button img{width:25px;}
.searchBar .form-group form input{width:calc(100% - 40px);padding:0 15px;height:40px;color:#000;font-size:15px;}
.searchBar.on{top:60px;opacity:1;}

.banner .show .wrap{position: relative;}
.solution_show_image{position: absolute;right:0;width:100%;top:50px;max-width:800px;}
.solution_show_image .solution_show_image_box{display:flex;position: relative;}
.mySwiper2{border-radius:30px;width:650px !important;margin-right:30px !important}
.mySwiper2 .swiper-slide{display:flex;justify-content:center}
.mySwiper2 .swiper-button {width: 50px;height: 50px;background:rgba(255,255,255,.7);border-radius: 50px;}
.mySwiper2 .swiper-button:after {display: none;}
.mySwiper2 .swiper-button-prev {transform: rotate(180deg);}

.mySwiper1{width:160px !important}
.mySwiper1 .swiper-wrapper{display:block !important}
.mySwiper1 .swiper-slide{width:110px !important;cursor: pointer;margin-bottom:35px;height:110px;border-radius:100%;box-shadow: 0 0 .563rem 0 rgba(0, 0, 0, .2);
    background-color: hsla(0, 0%, 100%, .4);}
.mySwiper1 .swiper-slide-thumb-active{border-color:#228B22}
.mySwiper1 .swiper-slide img{width:100% !important;height:100%;border-radius:100%;}

.fixed_bottom {display:none !important;position: fixed;z-index: 300;bottom: 0;width: 100%;height: 48px;display: inline-flex;align-items: center;justify-content: space-around;background: #228B22}
.fixed_bottom span {display: inline-flex;flex-flow: column nowrap;justify-content: center;align-items: center;width: 50%;height: 48px;color: #fff;font-size:14px}
.fixed_bottom .ft {border-left: 1px solid #eee}
.fixed_bottom i {margin-bottom: 0px;width: 100%;color: #fff;text-align: center}
.fixed_bottom a {width: 100%;color: #fff;text-align: center}
    
.list_cases .industry-tabs {display: flex;overflow-x: auto;-webkit-overflow-scrolling: touch;padding: 20px;border-bottom: 1px solid #e0e0e0;background-color: #fff;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);}
.list_cases .industry-tabs::-webkit-scrollbar {display: none;}
.list_cases .tab-item{text-decoration: none;color: #333;padding: 10px 20px;margin: 0 10px;border-radius: 5px;transition: all 0.3s ease;white-space: nowrap;}
.list_cases .tab-item:hover {color: #228B22;background-color: #e7f4ff;}
.list_cases .active{color: #228B22;border-bottom: 2px solid #228B22;background-color: #e7f4ff;}
.list_cases .more {color: #228B22;}
.list_cases .company-container {display: flex;flex-wrap: wrap;padding: 20px;gap: 20px;}
.list_cases .company-item {width: calc(33.333% - 20px);margin-bottom: 20px;text-align: center;background-color: #fff;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);border-radius: 10px;overflow: hidden;transition: all 0.3s ease;}
.list_cases .company-item:hover {transform: translateY(-5px);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);}
.list_cases .company-item img {width: 100%;height: auto;object-fit: cover;transition: transform 0.3s ease;}
.list_cases .company-item:hover img {transform: scale(1.05);}
.list_cases .company-item h3 {padding: 15px;border-bottom: 1px solid #e0e0e0;margin: 0;font-size: 18px;}
.list_cases .company-item p {padding: 15px;font-size: 14px;color: #666;margin: 0;}
.list_cases .more-link {display: block;padding: 15px;text-decoration: none;color: #228B22;background-color: #f7f7f7;transition: background-color 0.3s ease;}
.list_cases .more-link:hover {background-color: #e7f4ff;}

.show_cases{padding:150px 0 60px;position: relative;}
.show_cases::after{content:"";width:100%;height:100%;position: absolute;left:0;top:0;z-index:-1;height:500px;background: url(../images/casesbg.webp) center no-repeat;background-size: cover;}
.show_cases .version{display: flex;justify-content: center;text-align: center;flex-direction: column;flex-wrap: wrap}
.show_cases .version .case-name{display: flex;align-items: center;justify-content: center;}
.show_cases .version .case-name .name{font-size:67px;font-weight: bold;color: #fff;line-height: 87px;}
.show_cases .version .case-name .tag{display: inline-block;color: #fff;font-size: 28px;line-height: 67px;border-radius: 34px;font-weight: bold;text-align: center;padding: 0 36px;background-color: #00B7FF;margin: 0 30px 0 0;}
.show_cases .version .features{color: #fff;text-align: center;margin:40px 0;font-size: 22px;}
.show_cases .content{width:100%;display:flex;background:#fff;border-radius: 40px;;box-shadow: 18px 23px 51px 2px rgb(41 41 41 / 10%);}
.show_cases .content .pic{width:42%;border-radius: 40px  0 0 40px;}
.show_cases .content .pic img{width:100%;border-radius:  40px  0 0 40px;}
.show_cases .content .txt{width:58%;padding:30px 5%;}
.show_cases .content .txt p{font-size: 16px;line-height:32px;color: #303c42;}
.show_cases .content .txt h2{text-align: left;margin-bottom:30px;;padding-bottom: 18px;border-bottom: 1px solid #101F3A;font-size: 36px;line-height: 1.6;color: #101f3a;}
.show_cases .text_column{margin-top:120px;}
.show_cases .text_column .body{padding:0 0 50px 0;    font-size: 16px;line-height: 1.83;color: #303c42;}
.show_cases .text_column .body h2{font-size: 36px;margin-bottom:40px;line-height: 1.6;color: #101f3a;}
.show_cases .text_column .body p{margin-bottom:10px;}
.show_cases .text_column .intro{width:90%;display:flex;flex-wrap:wrap;margin:0 auto;padding:20px;background-color: #F7F9FA;border-radius: 20px;}
.show_cases .text_column .intro .dot{width:50%;padding:0 10px;font-size:18px;margin-bottom:20px;}
.show_cases .text_column .intro .dot img{width:20px;height:20px;margin-right:10px;}

.index_title {
  text-align: center;
}
.index_title h3 {
  font-size: 46px;
  font-weight: bold;
}
.index_title p {
  font-size: 30px;
  color: #bdbdbd;
  text-transform: uppercase;
}
.index_title span {
  font-size: 30px;
  color: #bdbdbd;
  font-weight: 400;
  margin-left: 38px;
}
.index_title .right {
  margin-top: 11px;
}
.index_title .right a {
  width: 142px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border-radius: 22px 22px 0 22px;
  border: 1px solid #999;
  display: block;
  transition: ease-in-out .2s;
}
.index_title .right a i {
  width: 6px;
  height: 10px;
  background-position: -10px -268px;
  margin-left: 10px;
  margin-bottom: 1px;
}
.index_title .right a:hover {
  transform: translateX(-5px);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  border-color: #0087d9;
}
.index_title .right a:hover i {
  background-position: -19px -268px;
}
.icon {
    background-image: url(http://wuxinda.cn/plugins/template/web/pc/images/icon.png) !important;
    display: inline-block;
    vertical-align: middle;
}
.floor_3_main {
  background: #fff;
  padding:0;
}
.floor_3_main .index_title {
  padding-bottom: 40px;
}
.floor_3_main .wrap {
  position: relative;
  width: 100%;
  background: url(http://wuxinda.cn/plugins/template/web/pc/images/f3_right.jpg) right bottom no-repeat;
  border-radius: 70px 0 0 0;
  overflow: hidden;
}
.floor_3_main .body {
  height: 680px;
  width: 86.25%;
}
.floor_3_main .body li {
  float: left;
  position: relative;
  width: calc(47% / 3);
  height: 100%;
  transition: ease-in-out .3s;
}
.floor_3_main .body .swiper-slide .first {
  color: #fff;
  text-align: center;
  display: block;
  height: 680px;
}
.floor_3_main .body .swiper-slide .first img {
  width: 55px;
  object-fit: cover;
}
.floor_3_main .body .swiper-slide .first h3 {
  font-size: 26px;
  font-weight: bold;
  padding-top: 210px;
  padding-bottom: 83px;
  text-shadow: 1px 1px 1px #000;
}
.floor_3_main .body .swiper-slide .two {
  position: absolute;
  right: 50px;
  top: 0;
  height: 680px;
  padding-left: 29%;
  box-sizing: border-box;
  padding-right: 23%;
  z-index: 9;
  display: none;
}
.floor_3_main .body .swiper-slide .two::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 116, 187, 0.88);
  z-index: -1;
}
.floor_3_main .body .swiper-slide .two a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
}
.floor_3_main .body .swiper-slide .two a h3 {
  font-size: 30px;
  font-weight: bold;
  padding-top: 170px;
  margin-bottom: 27px;
}
.floor_3_main .body .swiper-slide .two a img {
  width: 55px;
  margin-bottom: 29px;
}
.floor_3_main .body .swiper-slide .two a p {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 80px;
}
.floor_3_main .body .swiper-slide .two a span {
  border: 1px solid #fff;
  display: block;
  width: 92px;
  height: 45px;
  line-height: 45px;
  box-sizing: border-box;
  text-align: center;
  border-radius: 22px 22px 0 22px;
}
.floor_3_main .body .swiper-slide .two a span i {
  width: 6px;
  height: 10px;
  background-position: 0 -281px;
  margin-left: 3px;
  margin-bottom: 1px;
}
.floor_3_main .body .swiper-slide .two a span:hover {
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
}
.floor_3_main .body .on {
  width: 53% !important;
}
.floor_3_main .body .on .first {
  opacity: 0;
}
.floor_3_main .body .on .two {
  display: block;
  right: 0;
  width: 100%;
  box-sizing: border-box;
}
.floor_3_main .body {
  position: relative;
}
.floor_3_main .swiper-button-next,
.floor_3_main .swiper-button-prev {
  width: 23px;
  height: 37px;
  border-radius: 0;
  background-position: 0 -295px;
  background-size: inherit;
  position: absolute;
  left: -80px;
  top: 50%;
  margin-top: -30px;
  cursor: pointer;
  outline: none;
}
.floor_3_main .swiper-button-prev:hover {
  transform: translateX(-5px);
  transition: ease-in-out .2s;
}
.floor_3_main .swiper-button-next {
  left: auto;
  right: -8%;
  background-position: 0 -295px;
}
.floor_3_main .swiper-button-next::after{display:none}
.floor_3_main .swiper-button-next:hover {
  transform: translateX(5px);
  transition: ease-in-out .2s;
}
.floor_2_main {
  padding-top: 98px;
  overflow: hidden;
}
.floor_10_main {
    overflow: hidden;
  padding: 40px 0 100px;
  position: relative;
  background-size: cover;
}
.floor_10_main .floor_left {
  width: 200px;
  position: absolute;
  left: 50%;
  margin-left: -600px;
}
.floor_10_main .floor_left .index_title {
  padding-top: 50px;
  position: relative;
  height: 309px;
}
.floor_10_main .floor_left .index_title ul {
  font-size: 24px;
  border-left: 1px dashed #999;
}
.floor_10_main .floor_left .index_title ul li {
  position: relative;
  margin-bottom: 48px;
  line-height: 28px;
  text-align: left;
  padding-left: 37px;
}
.floor_10_main .floor_left .index_title ul li i {
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background: #999;
  box-sizing: initial;
  display: block;
  position: absolute;
  left: -6px;
  top: 50%;
  margin-top: -6px;
}
.floor_10_main .floor_left .index_title ul li.on i {
  background: #fff;
  border: 8px solid #0087d9;
  left: -14px;
  margin-top: -14px;
}
.floor_10_main .swiper-wrapper {
  position: inherit;
}
.floor_10_main .swiper-slide {
  position: relative;
  width: 1020px;
  height: 574px;
}
.floor_10_main .swiper-slide .box {
  display: block;
  width: 447px;
  height: 281px;
  background: #0087d9;
  position: absolute;
  border-radius: 16px;
  left: -73px;
  bottom: 35px;
  color: #fff;
  box-sizing: border-box;
  padding: 0 45px;
  display: none;
}
.floor_10_main .swiper-slide .box h3 {
  font-size: 36px;
  border-bottom: 1px solid #4dabe4;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  padding-top: 42px;
  padding-bottom: 25px;
  margin-bottom: 20px;
}
.floor_10_main .swiper-slide .box p {
  line-height: 26px;
}
.floor_10_main .swiper-slide img {
  display: block;
  width: 100%;object-fit:cover;
  height: 100%;
}
.floor_10_main .swiper-slide-active img {
  border-radius: 50px 0 0 0;
}
.floor_10_main .swiper-slide-active .box {
  display: block;
}
.floor_10_main .floor_right {
  width: 74%;
  float: right;
  box-sizing: border-box;
  position: relative;
  overflow: hidden; height:574px;
}
.floor_10_main .swiper-container {
  overflow: inherit;
  padding-left: 73px;
}
.floor_10_main .swiper-button-prev,
.floor_10_main  .swiper-button-next {
  width: 54px;
  height: 54px;
  outline: none;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: block;
  text-align: center;
  position: absolute;
 
}
.floor_10_main .swiper-button-prev i,
.floor_10_main  .swiper-button-next i {
  width: 8px;
  height: 14px;
  background-position: -26px -250px;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  margin-left: -5px;
  top: 50%;
  margin-top: -7px;
}
.floor_10_main .swiper-button-next {
  width: 54px;
  outline: none;
  height: 54px;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: block;
  text-align: center;
  position: absolute;
  right:140px;
  top: 50%;
  margin-top: -27px;
  transition: ease-in-out .2s;
}
.floor_10_main .swiper-slide-next {
  transform: translateX(-37px);
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{display:none;}
.floor_10_main .swiper-button-next i {
  width: 8px;
  height: 14px;
  background-position: -26px -250px;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  margin-left: -3px;
  top: 50%;
  margin-top: -7px;
}
.floor_10_main .swiper-button-next:hover {
  background: #0087d9;
}
    .floor_10_main .swiper-button-prev {
        width: 54px;
        outline: none;
        height: 54px;
        border-radius: 100%;
        background: rgba(0, 0, 0, 0.5);
        display: block;
        text-align: center;
        position: absolute;
        right:auto;
        left:0;
        top: 50%;
        margin-top: -27px;
        transition: ease-in-out .2s;
    }
    .floor_10_main .swiper-button-prev i {
        width: 8px;
        height: 14px;
        background-position: -38px -250px;
        margin: 0 auto;
        position: absolute;
        left: 50%;
        margin-left: -3px;
        top: 50%;
        margin-top: -7px;
    }

    .floor_10_main .swiper-button-prev:hover {
        background: #0087d9;
    }
    .left{float:left}
    .right{float:right;}
    .clear{clear:both;}

@media (max-width: 1400px){
.wrap{width:98%}
}

@media (max-width: 1366px){
.list_solution_list .swiper-slide .txt h3{font-size:20px}
.show_solution .solution_content .txt_img .txt{padding:35px}
.list_service .list_service_box .list_service_sidebar{width:280px;}
.list_service .list_service_box .list_service_right {width: calc(100% - 300px);}
.index_innovate .content .hd{width:250px;}
.index_innovate .content .hd span{font-size:20px;}
.index_innovate .content .bd {width: calc(100% - 250px);background: #E4F0FD;}
}

@media (max-width: 1280px){
.list_news .bd .list2 .item .txt p{margin:5px 0;}
.list_about .list_about_box .item .txt{padding:30px}
.list_channel .cooperative .bd .item:nth-child(1) {top: 130px;left: 140px}
.list_channel .cooperative .bd .item:nth-child(2) {top: 300px;left: 0;}
.list_channel .cooperative .bd .item:nth-child(3) {top: 430px;left: -300px;}
.list_channel .cooperative .bd .item:nth-child(4) {left: 100px;top: 180px;}
.list_channel .cooperative .bd .item:nth-child(5) {left: 700px;top: 380px}
.index_products .bd .item .t{font-size:20px;}
}

@media (max-width: 1200px){
.header .navigation .item{margin-left:25px}
.list_solution .list .item .pic .info{padding:20px;font-size:16px;line-height:26px;}
.list_contact .info{padding:24px 5%}
.list_channel .cooperative .bd .item:nth-child(4) {left:0;top: 180px;}
}

@media (max-width: 1024px){
.list_contact .info{padding:24px 10px}
.list_channel .cooperative .bd .item:nth-child(2) {top: 300px;left:-150px;}
.list_channel .cooperative .bd .item:nth-child(4) {left:550px;top: 180px;}
.list_channel .cooperative .bd .item:nth-child(5) {left:200px;top: 380px}
.index_innovate .content .hd{width:150px;}
.index_innovate .content .hd span{font-size:16px;}
.index_innovate .content .bd {width: calc(100% - 150px);background: #E4F0FD;}
}
#toolbar_del,#directory_btn{display:none}
@media (max-width: 992px){
.list_cases .company-item{width: 100%;}
.show_solution .solution_content .txt_img{height:auto;}
body{padding-top:60px;}
.fixed_bottom{display:flex !important;}
.head_wap{display:block !important}
.show_solution .solution_capacity #solution1_bd .swiper-slide .txt,.show_solution .solution_capacity #solution1_bd .swiper-slide .pic,.show_solution .solution_content .txt_img .pic,.show_solution .solution_content .txt_img .txt,.list_service .list_service_box .list_service_right,.list_news .bd .list2 .item .info,.list_about .list_about_box .item .txt,.list_about .list_about_box .item .pic,.list_news .bd .list2 .item .pic,.show_news .content,.show_news .sidebar,.list_news .hd .list .item .pic,.list_news .hd .list .item .info,.index_innovate .content .hd,.wrap,.index_products .bd .p1,.index_products .bd .p2,.footer .footer_top .footer_info{width:100%;}
.show_solution .solution_hot .left-content .btn div,.show_solution .solution_hot .left-content .tabs,.show_solution .solution_nav,.list_service .list_service_nav,.list_service .list_service_box .list_service_sidebar,.pc_menu,.list_contact .info .item.wx i,.list_contact .info .item.wx h3,.list_contact .info .item.wx::after,.header,.banner .banner_btn,.index_innovate .content .bd .item .pic,.footer .footer_top .footer_nav,.footer .footer_top .footer_info .ico{display:none !important;}
.show_solution .solution_capacity #solution1_bd .swiper-slide,.show_solution .solution_content .txt_img .wrap,.list_about .list_about_box .item,.list_news .bd .list2 .item a,.show_news .wrap,.index_products .bd,.index_case .bd,.index_innovate .content,.index_advantage .bd,.footer .wrap,.list_news .hd .list .item a{flex-wrap:wrap;}
.show_solution .solution_hot,.show_solution .solution_scene,.show_solution .solution_capacity,.show_solution .solution_content .txt_content,.list_video,.list_service,.list_solution,.list_about_image,.list_about,.list_solution_list,.list_pro,.show_news,.list_news,.index_products,.index_solution,.index_case,.index_innovate,.index_advantage,.index_msg,.footer,.list_channel .support,.list_channel .process{padding:30px 10px;}
.show_solution .solution_attr{padding:10px;}
.show_solution .solution_attr ul li{font-size:14px;line-height:30px;}
.show_solution .solution_hot .left-content .alt{font-size:24px;margin-bottom:80px;}
.show_solution .solution_hot .right-content .swiper-slide a h3{font-size:14px;margin-top:5px;}
.show_solution .solution_hot .right-content .swiper-slide{padding:8px;}
.show_solution .solution_hot .right-content{width:70%}
.show_solution .solution_content .txt_img{padding:20px 0;}
.show_solution .solution_content .txt_img .txt{padding:18px 18px 0 18px;}
.show_solution .solution_content .txt_img .txt h2:after{bottom:-15px;}
.show_solution .title{font-size:30px;margin-bottom:25px;}
.show_solution .solution_capacity #solution1_hd{justify-content: flex-start;}
.show_solution .solution_capacity #solution1_hd::-webkit-scrollbar{display:none;}
.show_solution .solution_capacity #solution1_hd .swiper-slide,.show_solution .solution_scene #solution2_hd .swiper-slide{white-space:nowrap;width:auto !important;max-width:min-content !important;min-width:auto;font-size:14px;padding-bottom:10px;}
.show_solution .solution_capacity #solution1_bd .swiper-slide .txt{padding:15px 15px 0 15px;}
.show_solution .solution_capacity #solution1_bd .swiper-slide .txt h3{margin-bottom:30px;font-size:24px;}
.show_solution .solution_capacity #solution1_bd .swiper-slide .txt h3:after{bottom:-15px}
.show_solution .solution_scene #solution2_bd{padding-top:25px;}
.banner .txt h2{font-size:20px;}
.banner .show{padding:0 10px;}
.banner .show h2{font-size:20px;}
.banner .show h3{margin-top:8px;font-size:14px;}
.show_solution .solution_content .txt h2,.show_cases .text_column .body h2{font-size:30px;margin-bottom:20px;line-height:1;}
.list_video .list_video_box{margin-bottom:20px;}
.list_video .list_video_box .hd h2{font-size:24px}
.list_video .list_video_box .bd .item{width:49%;margin:0 2% 10px 0}
.list_video .list_video_box .bd .item:nth-child(2n){margin-right:0;}
.list_video .list_video_box .bd .item p{font-size:14px;}
.list_service .list_service_box .list_service_list .down_list a{padding:10px}
.list_service .list_service_box .list_service_list .down_list .txt h3{font-size:15px;}
.list_service .list_service_box .list_service_list .down_list .txt p{font-size:12px;}
.list_service .list_service_box .list_service_list .list a span{font-size:14px;}
.list_solution .list .item{width:48.5%;margin:0 3% 15px 0;}
.list_solution .list .item:nth-child(2n){margin-right:0;}
.list_solution .list .item .pic .info{font-size:12px;line-height:23px;}
.list_solution .list .item .txt{padding:8px}
.list_solution .list .item .txt h3{font-size:14px;margin-bottom:5px}
.list_solution .list .item .txt p{font-size:12px;}
.list_about .list_about_box .item .txt{padding:15px;}
.list_about .list_about_box .item .txt h2{font-size:22px;margin-bottom:30px;}
.list_about .list_about_box .item .txt h2::after{font-size:60px;}
.list_about .list_about_data{margin:0;height:auto;padding:30px 0;}
.list_about .list_about_data .item h3{font-size:30px;}
.list_about .list_about_data .item p{padding:5px 15px;font-size:14px;}
.list_about_image .t span{font-size:24px;}
.list_about_image .hd{margin:30px 0;}
.list_about_image .bd .item{width:49%;margin:0 2% 10px 0;}
.list_about_image .bd .item:nth-child(2n){margin-right:0;}
.list_about_image .bd .item .t{margin:0;font-size:14px;}
.list_solution_list .alt{font-size:30px;margin-bottom:15px;}
.list_pro .list .item{width:49%;margin:0 2% 15px 0;}
.list_pro .list .item:nth-child(2n){margin-right:0;}
.list_pro .list .item .txt h3{font-size:18px}
.list_pro .list .item .txt p{margin-top:5px;font-size:12px;}
.show_news .sidebar .sidebar_box{position: static;margin-top:20px;padding:12px;}
.show_news .content{padding:12px;}
.list_case .t{margin-bottom:20px;font-size:24px;}
.list_case .bd .item{width:49%;margin:0 2% 15px 0;}
.list_case .bd .item:nth-child(2n){margin-right:0;}
.list_case .bd .item .txt{padding-top:10px}
.list_case .bd .item .txt h3{font-size:15px;}
.list_news .bd .list2 .item{margin-bottom:10px;padding:9px}
.list_news .bd .list2 .item .info{padding:10px 0;}
.list_news .bd .list2 .item .txt h3{font-size:18px;line-height:30px}
.list_news .hd .t{margin-bottom:20px;}
.list_news .hd .t h2{font-size:28px}
.list_news .hd .list .item .info{padding:20px}
.list_news .hd .list .item .info .txt h3{font-size:20px;line-height:28px;}
.list_news .hd .list .item .info .txt p{margin:10px 0;font-size:12px;line-height:22px;height:44px;}
.list_news .bd .tab{margin:50px 0 25px;overflow:auto;}
.list_news .bd .tab::-webkit-scrollbar{display:none;}
.list_news .bd .tab a{white-space:nowrap;margin-right:10px;padding-bottom:8px;}
.list_news .bd .list .item{width:49%;margin:0 2% 15px 0;}
.list_news .bd .list .item:nth-child(2n){margin-right:0;}
.list_news .bd .list .item .txt{padding:9px 0;}
.list_news .bd .list .item .txt h3{font-size:16px;}
.list_news .bd .list .item .time span{font-size:12px;}
.index_alt{font-size:25px;margin-bottom:20px;}
.index_more{margin-top:20px;}
.index_more a{font-size:18px}
.index_products .bd .p2{margin-top:10px;}
.index_products .bd .p12{margin-top:5px;}
.index_products .bd .item .t{font-size:16px;left:15px;top:15px;}
.banner .swiper-pagination{bottom:15px;}
.banner .swiper-pagination .swiper-pagination-bullet{width:20px;height:10px;margin:0 5px;}
.index_solution .swiper-slide{height:220px !important}
.index_solution .swiper-slide .pic{height: 100%;}
.index_solution .swiper-slide-active{width: 100% !important;}
.index_case .bd{justify-content: space-between;}
.index_case .bd .item{width:calc(50% - 5px);margin:0 10px 0 0 !important;}
.index_case .bd .item:nth-child(2n){margin-right:0 !important;}
.index_case .bd .item .p{margin-bottom:8px;}
.index_innovate .content .hd{border:0;}
.index_innovate .content .hd span{flex:1;height:30px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index_innovate .content .bd{width:100%;height:auto;}
.index_innovate .content .bd .item .txt{width:100%;padding:20px;}
.index_innovate .content .bd .item .txt h3{font-size:24px;margin-bottom:35px;}
.index_innovate .content .bd .item .txt h3::after{bottom:-10px;}
.index_innovate .content .bd .item .txt p{font-size:14px;line-height:24px;}
.index_innovate .content .bd .item .txt ul{margin-top:20px;display:flex;}
.index_innovate .content .bd .item .txt ul li{font-size:14px;flex:1;padding:0 0 0 15px;}
.index_innovate .content .bd .item .txt ul li::after{width:6px;height:6px;top:8px;}
.index_advantage .bd .item{width:100%;margin:0 0 15px 0;display:flex;justify-content:space-between;padding:25px;}
.index_advantage .bd .item .pic{margin:0;width:80px;display:flex;align-items:flex-start;justify-content: center;}
.index_advantage .bd .item .txt{width:calc(100% - 80px)}
.index_advantage .bd .item .txt h3{font-size:18px;margin-bottom:5px;}
.index_advantage .bd .item .txt p{font-size:12px;line-height:20px;}
.index_msg{height:auto;}
.index_msg h2{font-size:24px;}
.index_msg a{widht:140px;height:40px;font-size:14px;}
.footer{padding:30px 10px 60px}
.footer .wrap{justify-content: center;}
.footer .footer_top .footer_info{padding:0;}
.footer .footer_top .footer_info .txt p{margin:12px 0;}
.footer .footer_bottom .p{text-align:center;}
.footer .footer_bottom{padding:0;}
.footer .footer_bottom .nav{margin-top:15px;}
.list_channel .info{margin:0 10px;padding:15px;}
.list_channel h2{font-size:26px;margin:25px 0;}
.list_channel .info p{font-size:14px;line-height:22px;margin-bottom:10px;}
.list_channel .support .bd .item{width:100% !important;margin:0 0 20px 0 !important;padding:15px;}
.list_channel .support .bd .item h3{font-size:20px;margin-bottom:10px;}
.list_channel .support .bd .item h3 span{font-size:40px;}
.list_channel .support .bd .item h3 span:after{width:24px;height:24px;}
.list_channel .support .bd .item p{font-size:15px;line-height:24px;}
.list_channel .cooperative{height:auto;padding:40px 10px;}
.list_channel .cooperative .bd{text-align:center;}
.list_channel .cooperative .bd .item{position: static;margin-bottom:15px;padding:15px 30px;font-size:18px;}
.list_channel .process .txt span{padding:0 !important;font-size:14px;}
.index_form{margin:30px 10px;padding:15px;}
.index_form h2{font-size:24px;margin-bottom:20px;}
.index_form form .item p{font-size:15px;margin-bottom:5px;}
.index_form form .flex{flex-wrap:wrap;}
.index_form form .flex .item{width:100%;margin-bottom:10px;}
.list_contact .info{margin:0 10px;flex-wrap:wrap;}
.list_contact .info .item{width:50%;}
.list_contact .info .item.wx{position: static;}
.list_contact .info .item{border:0;}
.list_contact .info .item p{margin-top:10px;font-size:16px;}
.solution_show_image{display:none;}
.footer .footer_top .footer_info{display:none !important}
.footer .footer_top .footer_nav{display:block !important;width:100%;padding:0;border:0;margin-bottom:25px;}
.footer .footer_top .footer_nav dl{width:100%;text-align:left;border-bottom:1px solid #D4D4D4;padding:8px 0;}
.footer .footer_top .footer_nav dl dt{margin:0;position: relative;}
.footer .footer_top .footer_nav dl dt:after{content:"+";position: absolute;right:10px;top:0;font-size:16px;color:#666;}
.footer .footer_top .footer_nav dl dt a{font-size:14px;}
.footer .footer_top .footer_nav dl dd{display:none;margin:10px 0 0 0;}
.footer .footer_top .footer_nav dl.on dd{display:block;}
.footer .footer_top .footer_nav dl.on dt:after{content:"-"}
.show_cases{padding:70px 10px 30px;}
.show_cases::after{height:350px;}
.show_cases .version .case-name .tag{line-height:40px;font-size:20px;padding:0 16px}
.show_cases .version .case-name .name{font-size:30px;margin-right:15px;line-height:40px;}
.show_cases .version .features{font-size:16px;margin:20px 0;}
.show_cases .content{flex-wrap:wrap;}
.show_cases .content .pic{width:100%;border-radius:15px;}
.show_cases .content .pic img{width:100%;border-radius:15px;}
.show_cases .content .txt{width:100%;padding:18px;}
.show_cases .text_column{margin-top:60px;}
.show_cases .text_column .intro{width:100%;padding:12px}
.show_cases .text_column .intro .dot{width:100%;font-size:15px;}
/*从写目录插件*/
#directory_toolbar{position: fixed;left:0;display:none;top: 0;z-index: 99999;height: 100vh;width: 100%;max-width: 50%;box-shadow:0 15px 30px rgba(0,0,0,.2);border-radius:0;border: 0;}
#toolbar_del{display:block}
.directory_toolbar1 #toolbar_content{overflow:auto}
#c-followDot,#toolbar_contract{display:none !important}
#directory_btn{position: fixed;bottom:58px;display:block;padding:5px 10px;background:#fff;z-index:9999;border:1px solid #ddd;border-radius:0;font-size:14px;color:#333;right:10px;}
.show_solution .solution_hot .right-content .swiper-slide a .pic{flex-wrap:wrap;}
.show_solution .solution_hot .right-content .swiper-slide a .pic img{width:100%}
.show_solution .solution_hot .right-content .swiper-slide a .t{padding:10px;}
.show_solution .solution_hot .right-content .swiper-slide a .t h3{margin:0;font-size:15px;}
.show_solution .solution_hot .right-content .swiper-slide a .t p{font-size:14px;line-height:24px}
.show_solution .solution_content .txt_img .text_body h2{font-size:28px;margin-bottom:30px;}
}    

.banner .show{max-width:500px;background: rgba(0, 0, 0, .5);padding:18px;border-radius:15px;}
.banner .show h2{font-size:44px;margin-bottom:30px;}
.banner .show a{width:144px;height:48px;background:#228B22;line-height:48px;text-align:center;color:#fff;font-size；14px;border-radius:30px;display:block;margin-top:40px;}
.banner .show a:hover{opacity:.7;}
.show_solution .solution_content .txt_content{padding:30px 0}
.show_solution .solution_content .txt_content .txt,.show_cases .text_column .body{text-align:left;font-size:16px;line-height:32px;}
.show_solution .solution_content .txt h2,.show_cases .text_column .body h2{margin:25px 0;}
.show_solution .solution_content .txt h3,.show_cases .text_column .body h3{font-size: 30px;line-height: 38px;color: #333;margin:15px 0;}
.show_solution .solution_content .txt blockquote,.show_cases .text_column .body blockquote{margin-bottom: 10px;padding: 15px;line-height: 1.8;border-left: 5px solid #459045;border-radius: 0 2px 2px 0;background-color: #fafafa;}
.show_solution .solution_content .txt ul,.show_cases .text_column .body ul{padding:0 40px;}
.show_solution .solution_content .txt ul li,.show_cases .text_column .body ul li{list-style:initial;}
.show_solution .solution_content .txt ol,.show_cases .text_column .body ol{padding:0 40px;}
.show_solution .solution_content .txt ol li,.show_cases .text_column .body ol li{list-style:auto;}
.show_solution .solution_content .txt table,.show_cases .text_column .body  table{width: 100%;border-collapse: collapse;font-size: 14px;line-height: 1.6;margin: 10px 0;table-layout: auto;}
.show_solution .solution_content .txt table,
.show_solution .solution_content .txt table th,
.show_solution .solution_content .txt table td,.show_cases .text_column .body table,.show_cases .text_column .body tabl,.show_cases .text_column .body table td{border: 1px solid #ccc;}
.show_solution .solution_content .txt table th,.show_cases .text_column .body  table th{background-color: #f0f0f0;font-weight: bold;padding: 8px 12px;text-align: left;}
.show_solution .solution_content .txt table td,.show_cases .text_column .body  td{padding: 8px 12px;color: #333;}
.show_solution .solution_content .txt table tbody tr:nth-child(even),.show_cases .text_column .body table tbody tr:nth-child(even){background-color: #f9f9f9;}
.show_solution .solution_content .txt table tbody tr:hover,.show_cases .text_column .body table tbody tr:hover{background-color: #f5f5f5;}
@media screen and (max-width:992px) {
.banner .info{display:none}
.show_solution .solution_content .txt_content{padding:20px 10px;}
.floor_2_main{padding:30px 10px}
.index_title h3{font-size:24px;}
.index_title span{font-size:16px;margin-left:10px;}
.index_title .right{margin:0;}
.floor_10_main{padding:0 10px 30px;}    
.floor_10_main .floor_left{float:none;margin:0;position: static;width:100%;}    
.floor_10_main .floor_left .index_title{padding:0 0 20px 0;width:100%;height:auto;}
.floor_10_main .floor_left .index_title ul{font-size:16px;border:0;flex-wrap:wrap;display:flex;}
.floor_10_main .floor_left .index_title ul li{flex:1;margin:0;padding-left:15px;}
.floor_10_main .floor_left .index_title ul li i{width:8px;height:8px;margin-top:-4px;left:0;}
.floor_10_main .floor_left .index_title ul li.on i{left:-4px;border:3px solid #008716;margin-top:-6px;}
.floor_10_main .swiper-button-next{display:none;}
.floor_10_main .floor_right{width:100%;height:auto;float:none;padding:0;}
.floor_10_main .swiper-slide .box{padding:24px;width:100%;position: static;height:auto;}
.floor_10_main .swiper-slide .box h3{padding:12px 0;font-size:26px;line-height:32px;}
.floor_10_main .swiper-slide{padding:0 !important;margin:0 !important;width:100%;height:auto;}
.floor_10_main .swiper-container{padding:0 !important}
.floor_10_main .swiper-slide a{display:block} 
.floor_10_main .swiper-slide-next {transform: none;}
.floor_10_main .swiper-slide img{border-radius:10px 10px 0 0;height:220px;object-fit: cover}
.floor_10_main .swiper-slide .box{border-radius:0 0 10px 10px;background:#F4F4F4}
.floor_10_main .swiper-slide .box h3{padding-top:0;white-space: normal;margin:0;font-size:24px;line-height:28px;color:#333;font-weight:bold;border:0;}
.floor_10_main .swiper-slide .box p{font-size:16px;line-height:26px;color:#666;}
.banner .index{padding:20px 10px}
.banner .index p{display:none}
.banner .index h3{font-size:24px;line-height:32px;}
.banner .index span{width:90px;height:30px;font-size:14px}
}