*{box-sizing:border-box}
.wrap{max-width:100%;max-width:1730px;margin:0 auto;}
.container{max-width: 100%;max-width:1200px;margin:0 auto;}
.flex{display: flex;flex-wrap:wrap;justify-content:space-between;}
body{overflow-x: hidden;}

.top{height: 45px;background-color: #2c2d30;line-height: 45px;}
.top p{font-size: 14px;color: #fff;font-family: "Bold";}
.top .info .ico a{font-size: 16px;color: #ffffff;padding: 0 15px;}
.top .info .lang{margin-left: 20px;}
.top .info .lang a{margin-left: 10px;}

.header{height: 90px;line-height: 90px;}
.header.height{position:fixed;top:0;width:100%;left:0;z-index:99999999999;background:#fff;box-shadow:0 15px 30px rgba(0,0,0,.15);}
.header ul li h3{position: relative;overflow: hidden;transition-duration: .4s;}
.header ul li h3 a{display: block;transition-duration: .4s;color: #272727;font-size: 20px;font-family: "Bold";}
.header ul li h3 a:hover{transform: translateY(100%);}
.header ul li h3 a::after{transition-duration: .4s;content: attr(data-title);position: absolute;top: 0;left: 0;transform: translateY(-100%);width: 100%;height: 100%;color: #00459c;}
.header ul li h3::before{transition: all .8s ease;transform: translateX(-50%);position: absolute;bottom: 30px;width: 0;opacity: 0;left: 50%;content: "";height: 2px;background: #00459c;}
.header ul li:hover h3:before, .header .nav ul li.on h3:before{width: 100%;opacity: 1;}
.header ul li.on h3 a{transform: none;color: #00459c;}
.header ul li:hover h3:before, .header ul li.on h3:before{width: 100%;opacity: 1;}

.index-contact{position: relative;}
.index-contact a{font-family: 'Bold';font-size: 16px; color:#1b1b1b; padding: 15px 38px;border-radius: 5px;background: #ffffff;position: absolute;top: 60%;left: 45%;z-index: 2;}
.index-contact a:hover{color: #00489f;}

.footer{padding: 60px 0;}
.footer .menu{width: 57%;position: relative;}
.footer .menu::before{content: '';height: 140%;width: 1px;background-color:  #f0f0f0;position: absolute;bottom: -10px;right: 30px;}
.footer .form{width: 38.5%;}
.footer .menu .le{width: 55%;}
.footer .menu .ri{width: 40%;}
.footer h2{font-size: 63.34px;color: #00489f;font-family: 'Black';margin-bottom: 20px;}
.footer h4{line-height: 30px;line-height: 30px;font-size: 17px;color: #454545;width: 80%;}
.footer h6{padding: 30px 0;line-height: 30px;font-size: 17px;color: #454545;}
.footer .info a{margin-left: 30px;}
.footer .info a:nth-child(1){margin-left: 0px;}
.footer a:hover{color: #00429d;}
.footer .form h2{font-size: 18px;color: #535353;font-family: 'Bold';}
.footer .form h4{font-size: 16px;color: #2a2a2a;font-family: 'Bold';margin-bottom: 10px;}
.footer .form form .email{margin-right: 2%;margin-bottom: 10px;height: 44px;line-height: 44px;background: #f1f1f3;padding: 0 10px;width:75%;}
.footer .form form p{color: #a6a6a6;font-size: 15px;font-family: 'Bold';padding: 10px 0 20px 0;}
.footer .form form .check{
    width: 15px;height: 15px;background-color: #fff;-webkit-appearance: none;border: 1px solid #c9c9c9;border-radius: 2px;outline: none;
}
.footer .form form .check:checked{
    background: url("../image/footer1.jpg") no-repeat center;background-size: 100% 100%;
}
.footer .form form .submit{
    font-size: 18px;cursor: pointer;background: #2a2a2a;color: #fff;text-align: center;padding: 0;width: 75%;height: 44px;
}
.bottom{padding:22px 0;border-top: 1px solid #ededed;}
.bottom p{font-size:15px;color:#2a2a2a;}

.new-menu{padding: 30px 0;border-bottom: 1px solid #efefef;text-align: center;}
.new-menu a{font-family: 'Medium';display: inline-block;width: 200px;height: 50px;background: #f0f0f0;color: #242424;border-radius: 30px;font-size: 16px;line-height: 50px;margin-left: 20px;}
.new-menu a:nth-child(1){margin-left: 0px;}
.new-menu a:hover{background-color: #242424;color: #fff;}
.new-menu .on{background-color: #1b1b1b;color: #fff;}

.index-banner .swiper-button-prev,
.index-banner .swiper-button-next{width: 50px;height: 50px;color: #fff;font: 25px/50px '宋体';text-align: center;background: rgba(0, 0, 0, .4);border-radius: 100%;}
.index-banner .swiper-button-prev{left:2%;}
.index-banner .swiper-button-next{right:2%;}
.index-banner .swiper-pagination{width: 800px !important;box-shadow: 0px 15px 30px rgb(0 0 0 / 50%);background: rgba(0, 0, 0, .2);left: 50% !important;bottom: 80px !important;margin-left: -400px;}
.index-banner .swiper-pagination-bullet{display: flex;justify-content: center;align-items: center;text-transform: Uppercase;float: left;width: 24%;height: 110px;box-sizing: border-box;color: #fff;font-size: 16px;line-height: 30px;padding: 25px 0;background: 0;border-radius: 0;margin: 0;opacity: 1;}
.index-banner .swiper-pagination-bullet-active{background:#40679e}

.index-type{padding: 20px 0 90px 0;}
.index-type h1{font-size: 48px;color: #000000;font-family: 'Light';text-align: center;text-transform:Uppercase;}
.index-type h3{font-size: 20px;color: #3a3939;font-family: 'Light';padding: 10px 0 40px 0;text-align: center;}
.index-type .box{position: relative;width: 48.95%;background-color: #f9f9f9;border-radius: 5px;}
.index-type .box .txt{padding: 110px 60px;font-family: 'Light';}
.index-type .box .txt h2{font-size: 48px;color: #353535;}
.index-type .box .txt h4{font-size: 24px;color: #353535;padding: 15px 0 25px 0;}
.index-type .box .txt h6{font-size: 28px;color: #ffffff;background-color: #000;width: 150px;padding: 3px 0;text-align: center;}
.index-type .box .pic{position: absolute;top: 4%;right: 0%;}

.index-pro-js{padding: 60px 0;}
.index-pro-js h1{font-size: 48px;color: #000000;font-family: 'Light';text-align: center;text-transform:Uppercase;}
.index-pro-js h3{font-size: 20px;color: #3a3939;font-family: 'Light';padding: 5px 0 45px 0;text-align: center;}
.index-pro-js li{width: 18%;padding: 0 20px;}
.index-pro-js li:hover .pic{background-color: #fff;box-shadow: 3px 15px 20px rgb(0 0 0 / 12%);transition: .3s;}
.index-pro-js li .pic{background-color: #fafafa;}
.index-pro-js li .txt{padding: 20px 5px 40px 5px;}
.index-pro-js li .txt .t{width:80%;}
.index-pro-js li .txt h2{font-size: 16px;color: #2c2c2c;font-family: 'Medium';}

.index-about{padding: 80px 0 40px 0;}
.index-about h2{font-family: 'Light';font-size: 18px;color: #5e636b;line-height:34px;}
.index-about .data li{width: 22%;border-bottom: 6px solid #7f7f7f;padding: 90px 0 50px 0;}
.index-about .data li:hover span,.index-about .data li:hover p{color: #00429d;cursor: pointer;}
.index-about .data li:hover{border-bottom: 6px solid #00429d;}
.index-about .data li span{font-size: 92px;color: #7f7f7f;font-family: 'Medium';}
.index-about .data li p{font-size: 20px;color: #a1a1a1;font-family: 'Light';}
.index-about h4{font-family: 'Medium';font-size: 52px;color: #5e636b;padding: 105px 0 40px 0;text-transform:Uppercase;}
.index-about a{color: #fff;width: 160px;height: 60px;line-height: 60px;background-color: #bcbcbc;text-align: center;display: block;font-size: 14px;}
.index-about a:hover{color: #fff;}
.index-about .technology{padding: 40px 0 15px 0;display: flex;justify-content: space-between;}

.index-about .technology li{padding-bottom: 20px;width: 31%;}
.index-about .technology .txt h2{color: #00429d;padding: 25px 0 100px 30px;border-bottom: 3px solid #00429d;font-size: 22px;font-family: 'Medium';}

.index-pro-tuiche{padding: 30px 0;}
.index-pro-tuiche li{width: 24.3%;padding-bottom: 30px;}
.index-pro-tuiche li a{border-radius: 5px;box-shadow: 0px 0px 23px rgb(0 0 0 / 12%);position: relative;display: block;}
.index-pro-tuiche li .logo img{position:absolute;top:50px;right:20px;z-index:2;}

.index-pro-tuiche li .pic{overflow: hidden;padding:10px;border-radius:5px;}
.index-pro-tuiche li h2{padding: 10px 35px;color: #f53436;font-size: 20px;font-family: 'Light';}
.index-pro-tuiche li .txt{padding: 0px 30px 40px 30px;}
.index-pro-tuiche li .txt .t h3{padding-bottom: 10px;font-size: 22.01px;color: #323232;font-family: 'Medium';}
.index-pro-tuiche li .txt .t h4{font-size: 19.81px;color: #323232;font-family: 'Medium';}
.index-pro-tuiche li .txt .i i{
    font-size: 24px;
    background-color: #d6d6d9;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: #fff;
    display: block;
    text-align: center;
    line-height: 48px;
}
.index-pro-tuiche li:hover .txt .i i{background-color: #0054a6;}

.pro-menu h2{color: #0054a6;font-family: 'Bold';font-size: 24px;padding: 20px 0;}
.pro-menu ul{border-top: 2px solid #6b6c6c;background-color: #f5f7f8;}
.pro-menu ul li{padding: 20px 10px;text-align: center;}
.pro-menu ul .on a{color: #0054a6 !important;}
.pro-menu ul li:nth-child(1){padding-left: 30px !important;}
.pro-menu ul li:nth-child(10){padding-right: 30px !important;}
.pro-menu ul li a{font-size: 14px;color: #585859;font-family: 'Medium';}
.pro-menu ul li a .on{color: #3f71b2;}


.list-pro{padding: 30px 0 50px 0;}
.list-pro ul{display: flex;flex-wrap:wrap;justify-content: flex-start;}
.list-pro li{
    width: 30.9%;
    margin: 0 3.5% 40px 0;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 11%);
    border-radius: 10px;
    position: relative;
}
.list-pro li:nth-child(3n){margin-right: 0px;}

.list-pro li .logo img{position:absolute;top:20px;left:20px;z-index:2;}

.list-pro li a{display: block;transition: 0.5s;}
.list-pro li .pic{overflow: hidden;padding: 10px;}
.list-pro li h2{font-size: 22px;color: #f53436;padding: 0px 40px;}

.list-pro li .txt{padding: 12px 40px 20px 40px;line-height:24px;border-radius: 0px 0px 10px 10px;}
.list-pro li .txt h3{margin-bottom: 5px;font-size: 20px !important;}
.list-pro li .txt h3,.list-pro li .txt h4{font-size: 18px;color: #323232;font-family: "Medium";}
.list-pro li .txt .i i{
    font-size: 24px;background-color: #d6d6d9;width: 50px;height: 50px;border-radius: 50%;color: #fff;display: block;
    text-align: center;line-height: 50px;
}
.list-pro li a:hover .txt{background-color: #0054a6;}
.list-pro li a:hover .txt .t h3,.list-pro li a:hover .txt .t h4{color: #fff;}
.list-pro li a:hover .i i{background-color: #0054a6;}
.list-pro li a:hover h2{color: #0054a6;background-color:#0054a6;}

.list-banner form{
    border-radius: 10px;
    position: absolute;
    top: 55%;
    margin-top: -40px;
    left: 50%;
    margin-left: -386px;
    width: 780px;
    border: 5px solid rgba(255,255,255,.2);
}
.list-banner form input {
    width: calc(100% - 80px);
    padding-left: 2%;
    height: 60px;
    line-height: 60px;
    float: left;
    background: #fff;
    color: #000;
    border: 0;
    border-radius: 5px;
}
.list-banner form button {
    width: 80px;
    float: right;
    cursor: pointer;
    background: #0054a6;
    height: 60px;
    color: #fff;
    text-align: center;
    border: 0;
}

.show-products .content .show-pro{padding:30px 0 60px 0;}
.show-products .content .show-pro .show-banner{overflow:hidden;display:none;}
.show-products .content .show-pro .prolist{width:620px;position:relative;z-index:2;}
.show-products .content .show-pro .prolist .bd{width:500px; box-shadow: 0px 0px 23px rgb(0 0 0 / 12%); padding: 5px;border-radius: 5px;}
.show-products .content .show-pro .prolist .hd{width:100px;display:flex;align-content:space-between;flex-wrap:wrap}
.show-products .content .show-pro .prolist .hd li{width:100px;height:100px;margin-bottom:10px;}
.show-products .content .show-pro .prolist .hd li img{width:100px;height:100px;border: 1px solid #efefef;}
.show-products .content .show-pro .prolist .hd .btn{width:100%}
.show-products .content .show-pro .prolist .hd .btn a{font-size:20px;width:50%;height:28px;background:#2459A5;text-align:center;color:#fff;cursor:pointer;line-height:28px;}
.show-products .content .show-pro .prolist .hd .btn .prev{background: #131a24;}
.show-products .content .show-pro .prolist .hd .video{cursor:pointer;margin-bottom:10px;}

.show-products .content .show-pro .info{width:calc(100% - 650px);position:relative;z-index:1;}
.show-products .content .show-pro .info .n{padding: 50px 0 30px 0;}
.show-products .content .show-pro .info .n h1{font-size: 22px;color: #f53436;padding-bottom: 10px;}
.show-products .content .show-pro .info .n h2{font-size:27.34px;color:#323232;font-family: 'Medium';}
.show-products .content .show-pro .info .n h3{font-size:24.6px;color:#323232;padding: 10px 0 15px 0;font-family: 'Medium';}
.show-products .content .show-pro .info .n h4 p{font-size:18.04px;color:#323232;font-family: 'Medium';padding-bottom: 5px;}

.show-products .content .show-pro .info .info-nav a{margin-bottom:5px;transition-duration:.6s;width:44px;height:44px;line-height:44px;text-align:center;display:inline-block;color:#fff;background:#131A24;border-radius:4px;margin-right:7px;}
.show-products .content .show-pro .info .info-nav a:first-child{width:130px;background:#2459A5;}
.show-products .content .show-pro .info .info-nav a:hover{background:#2459A5;}
.show-products .content .show-pro .info .share span{color:#000;text-transform:uppercase;}
.show-products .content .show-pro .info .share .ico a{margin-bottom:5px;transition-duration:.6s;width:36px;height:36px;line-height:34px;display:inline-block;margin-left:12px;border:1px solid #2B2B2B;text-align:center;color:#000;border-radius:4px;}

.show-products .show-content{padding: 0 0 30px 0;}
.show-products .show-content div{border-bottom: 1px solid #dfdfdf;text-align: center;padding: 20px 0;}
.show-products .show-content div a{font-size: 18px;color: #0e0e0e;font-family: 'Medium';padding: 18px 0;margin-left: 70px;}
.show-products .show-content div a:first-child{border-bottom: 5px solid #0054a6;margin-left: 0px;padding: 21px 0;}
.show-products .show-content h2 p{font-size: 16px;color: #333333;line-height: 30px;padding: 30px 0;}
.show-products .show-content h4{font-size: 24px;color: #0d0d0d;font-family: 'Black';}
.show-products .show-content h6{font-size: 15px;color: #333333;padding: 25px 0;}
.show-products .show-content h6 p{padding-bottom: 7px;}

.list-about .txt .t{
    font-family: 'Black';font-size: 48px;color:#242424;text-align: center;margin-bottom: 30px;
    background: url(../image/about1.jpg) no-repeat center center;
    height: 128px;text-transform:Uppercase;
    line-height: 155px;
}
.list-about .txt .content p{font-size: 18px;color: #5e636b;padding-bottom: 30px;line-height: 30px;}
.list-about .develop{
    background: url(../image/about7.jpg) no-repeat;
    height: 543px;width: 100%;
}
.list-about .develop .up{max-width:900px;margin:0 auto;padding: 80px 0 25px 0;}
.list-about .develop .up li{width: 25%;}
.list-about .develop .down{max-width:1220px;margin:0 auto;padding: 25px 0 80px 0;}
.list-about .develop .down li{width: 20%;}
.list-about .develop .up li h2,.list-about .develop .down li h2{font-family: 'Black';font-size: 30px;color: #5a5a5a;}
.list-about .develop .up li h4,.list-about .develop .down li h4{font-family: 'Medium';font-size: 18px;color: #3c3c3c;padding: 5px 0;}
.list-about .develop .up li p,.list-about .develop .down li p{font-size: 14px;color: #a9a9a9;}

.list-about .idea{align-self: stretch;display:flex;}
.list-about .idea .pic{width: 50%;}
.list-about .idea .txt{width: 45%;}

.list-about .idea .txt h2{color: #5e636b;font-size: 40.36px;font-family: 'Black';padding:9%  0 25px 0;}

.list-about .idea .txt p span{color: #5e636b;font-size: 18px;font-family: 'Black';}
.list-about .idea .txt p{padding: 10px 0;}

.list-about-model{display: flex;flex-wrap: wrap;justify-content: flex-start;}
.list-about-model li{width: 24.5%; padding:30px 10px 30px 10px;}
.list-about-model li a{border-radius: 5px;box-shadow: 0px 0px 23px rgb(0 0 0 / 12%);position: relative;display: block;}
.list-about-model li .pic{overflow: hidden;padding: 10px;}

.list-about-model li .txt h2{padding: 10px 0;font-size: 22.01px;color: #323232;text-align: center;}


.link{padding: 10px 0;}
.link li{width: 33%;overflow: hidden;}
.link li a{position: relative;}
.link li .txt{
    transition-duration: .6s;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: rgba(0,0,0,.5);
    z-index: 4;
    padding: 0 !important;
    transition-duration: 1s;
    opacity:0;
}
.link li .txt h6{
    font-family: 'Bold';
    color: #fff;
    font-size: 24px;
}
.link li:hover .txt{
    opacity:1;
}



.list-news{padding: 70px 0;}
.list-news li{width: 48.5%;border: 1px solid #e5e5e5;border-radius: 10px;box-shadow: 7px 7px 11px rgb(0 0 0 / 10%);padding: 70px 0px 60px 40px;margin-bottom:40px;}
.list-news .pic{width: 30%;}
.list-news .txt{width: 65%;padding-right: 50px;}
.list-news .txt h2{font-size: 21.12px;color: #303030;font-family: 'Black';padding-bottom: 10px;}
.list-news .txt p{font-size: 17.28px;padding: 5px 0;color: #303030;font-family: 'Medium';}
.list-news li:hover{background-color: #06539f;cursor: pointer;}
.list-news li:hover .txt h2,.list-news li:hover .txt p{color: #ffffff;}
.list-news .paging{padding: 70px 0 20px 0;}

.show-news{padding:30px 0;}
.show-news h2{color:#06539f;font-size: 18px;}
.show-news .time{padding: 15px 0;
    border-bottom: 1px solid rgba(255,255,255,.1);
    font-size: 14px;
    color: #06539f;}
.show-news .body{
	padding: 20px 0;
	font-size: 14px;
	line-height: 24px;
	color: #ffffff;
    border-bottom: 1px solid rgba(255,255,255,.1);
}
.show-news .body p{font-family: "Bold" !important;color:#303030;}
.show-news .back_page .up_down p{line-height: 26px;}
.show-news .back_page{padding: 30px 0;border-top: 1px solid #f0f0f0;}
.show-news .back_page .up_down p,.show-news .back_page .up_down a{font-size: 14px;}
.show-news .back_page .back a{
	    transition-duration: .6s;
	    display: block;
	    width: 100px;
	    height: 40px;
	    line-height: 40px;
	    background: #06539f;
	    border-radius: 50px;
	    text-align: center;
	    font-size: 12px;
        color: #ffffff;
}
.show-news .back_page .back a i{margin-left: 10px;}


.list-contact{padding: 70px 0 110px 0;}
.list-contact li{width: 30%;}
.list-contact li:first-child{width: 35%;}
.list-contact li:last-child{width: 21%;}
.list-contact li h2{font-family: 'Black';font-size: 34.11px;color: #242424;}
.list-contact li h4{font-size: 17px;color: #454545;padding: 20px 0;line-height:28px:}
.list-contact li h6 {font-size: 17px;color: #454545;}
.list-contact li .box{border-radius: 10px;box-shadow: 4px 8px 10px rgb(0 0 0 / 8%);}  
.list-contact li .pic{padding: 10px 22px 0 20px;margin-left: 10px;}
.list-contact li .txt{color: #00459c;font-family: 'Bold';font-size: 20px;text-align: center;padding: 15px 0 25px 0;}

.list-faq .body,.list-sales .body{
    padding: 60px 0;
    font-size: 14px;
    line-height: 24px;
}
.list-faq .body p,.list-sales .body p{
    
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 18px;
}

@media (max-width: 1720px){
    .wrap{max-width:96% !important;}
}

@media (max-width: 1500px){
    .index-type .box .pic{width:50%}
}

@media (max-width: 1400px){
    .wrap{max-width:94% !important;}
}

@media screen and (max-width:992px) {
    .wrap,.container{max-width:100% !important;}
    .footer .menu,.show-products .content .show-pro .show-banner{display: block !important;}
    .top,.swiper-pagination,.index-contact a,.footer .form,.footer .menu .ri,.footer .menu::before{display: none !important;}
    .pro-menu ul,.list-banner form,.new-menu,.list-about .develop,.show-products .content .show-pro .prolist{display: none !important;}
    .index-about .data li,.footer .menu .le,.footer .menu,.footer h4,.list-news li{width: 100% !important;}
    .list-about .idea .pic,.list-about .idea .txt,.list-contact li,.show-products .content .show-pro .info{width: 100% !important;}
    .index-pro-js,.index-pro-tuiche,.show-products .content .show-pro .info{padding: 0 10px;}
    .index-type,.index-about,.footer,.pro-menu h2,.list-pro{padding: 10px;}
    .show-news{padding: 30px 10px;}
    .index-pro-js h3{padding: 5px 0 15px 0;}
    .index-type h1{font-size: 24px;}
    .index-type .box .pic{position:static;width:100%;}
    .index-type .box .txt{padding: 0;text-align: center;}
    
    .index-type .box .txt h6{width: 100%;}
    .index-pro-js li,.index-pro-tuiche li,.list-about-model li{width: 49%;}
    .index-about .data li,.list-news li{padding: 30px 0;}
    .index-about h4{font-size:24px;padding:30px 0;}
    
    .bottom{padding: 30px 10px 60px 10px;text-align: center;}
    .bottom .mc{position: static;display: block;margin: 15px auto 0;text-align: center;}
    .list-news .pic{margin-top: 30px;}
    .list-news .txt{padding: 0;}
    .list-news{padding: 30px 10px;}
    .show-news .back_page{padding: 30px 0 0 0;}
    .back_page .back{display: none;}
    .list-about .txt .t{font-size: 34px;margin-bottom:30px;}
    .link li{width: 100%;padding: 5px 0;}
    .list-about .idea .txt p{padding: 5px 0;}
    .list-about .txt{padding: 0 10px 30px 10px;}
    .list-contact{padding: 30px 10px;}
    .list-contact li{padding: 10px 0;}
    .index-about a{line-height: 40px;width: 130px;height: 40px;}
    .index-pro-tuiche li{padding: 10px 0;}
    .show-products .content .show-pro{width: 100% !important;}
    .show-products .show-content div a:nth-child(2),.show-products .show-content div a:nth-child(3){display: none;}
    .show-products .show-content div{text-align: left;}
    .show-products .show-content{padding: 0 10px;}
    .footer h4,.footer h2,.footer h6{text-align: left;}
    .footer h6{padding: 10px 0;}
    .show-products .content .show-pro{padding: 30px 0;}
    .show-banner .slick-dots{bottom: 0;}
    .show-products .content .show-pro .info .n{padding: 0px 0 30px 0;}



    .index-type .box{width: 49%;}
    .index-type .box:nth-child(1) .txt{padding-top:10%;} 
    
    .index-type .box .txt h2{font-size: 20px;}
    .index-type .box .txt h4{font-size: 10px;padding:10px 0;}
    .index-pro-js h1{font-size: 30px;}
    .index-about .technology .txt h2{padding: 5px 0 ;}
    .index-about .technology{padding: 10px 0;}
    .index-pro-tuiche li .logo img{width: 40%;top:10px;right:10px;}
    .index-pro-tuiche li .txt{padding: 5px 10px;}
    .index-pro-tuiche li .txt .t{width: 80%;}
    .index-pro-tuiche li .txt .i{width: 20%;}
    .index-pro-tuiche li .txt .t h3,.index-pro-tuiche li .txt .t h4{font-size: 10px;padding-bottom: 0px;}
    .index-pro-tuiche li h2{padding: 0px 10px;}
    .index-pro-tuiche li .txt .i i{width:0px;height: 0px;color:#000;display: block;line-height: 28px;}

    .list-pro ul{display: flex;flex-wrap: wrap;justify-content: space-between}
    .list-pro li{width: 47%;margin: 0 1.5% 40px 0;}
    .list-pro li .logo img{width: 20%;top:10px;right:10px;}
    .list-pro li .txt{padding: 5px 10px;}
    .list-pro li .txt .t{width: 80%;}
    .list-pro li .txt .i{width: 20%;}
    .list-pro li .txt h3{font-size: 18px !important;padding-bottom: 0px !important;}
    .list-pro li .txt h4{font-size: 16px;}
    .list-pro li h2{padding: 0px 10px;}
    .list-pro li .txt .i i{width:0px;height: 0px;color:#000;display: block;line-height: 80px;}
    .list-about-model li{padding: 15px 10px 10px 10px;}
    .index-pro-js h1{padding-top:10px;}
    .list-faq{padding:10px 10px}
}