@import "font-awesome.css";
@import "michuan.css";
@import "slick.css";
@import "animate.css";
@import "banner.css";
*{box-sizing:border-box}
.wrap{width:1500px;margin:0 auto;}
.flex{display: flex;flex-wrap:wrap;justify-content:space-between}
.list.flex{justify-content:flex-start;}
.main{padding:60px 0;}

.header{transition-duration:.5s;height:110px;display:flex;top:0;z-index:999999999999999999999;background:#fff;}
.header .wrap{align-items: center;}
.header .logo{display:flex;width:400px;align-items: center;}
.header .logo img{padding:0 28px 0 32px;max-height:52px}
.header .logo h3{font-size:25px;color:#101010;}
.header .info{width:calc(100% - 400px);justify-content: flex-end;display:flex;}
.header .info .menu .item{position: relative;;margin-left:60px;height:110px;display:flex;align-items: center;}
.header .info .menu .item:last-child{margin-left:45px}
.header .info .menu .item h3{position: relative;}
.header .info .menu .item h3 a{font-size:18px;color:#101010;}
.header .info .menu .item h3:after{transition-duration:.5s;width:0%;height:2px;background:#0063B2;content:"";position: absolute;left:0;bottom:-3px;}
.header .info .menu .item.on h3 a,.header .info .menu .item:hover h3 a{color:#0063B2}
.header .info .menu .item.on h3:after,.header .info .menu .item:hover h3:after{width:100%;}
.header .info .ico{display:flex;align-items:center}
/* 搜索表单容器样式 */
.header .info .ico form {
    display: flex;
    align-items: center;
    max-width: 200px;
    margin: 0 auto;
    position: relative;
    border: 2px solid #333333;
    border-radius: 50px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

/* 悬停时边框变色 */
.header .info .ico form:hover {
    border-color: #3498db;
    box-shadow: 0 4px 12px rgba(52, 152, 219, 0.15);
}

/* 输入框样式 */
.header .info .ico input {
    width: calc(100% - 50px);
    height: 44px;
    padding: 0 20px;
    font-size: 15px;
    color: #000;
    background:none;
    border: none;
    outline: none;
    transition: all 0.3s ease;
}

.header .info .ico input::placeholder {
    color: #000;
}

/* 提交按钮样式 */
.header .info .ico button[type="submit"] {
    width: 50px;
    height: 50px;
    background: none;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -3px; /* 微调居中 */
    color:#000 !important;
    transition: all 0.3s ease;
    position: relative;
}

.header .info .ico button[type="submit"] i.fa-search {
    color: #000;
    font-size: 18px;
}
.header .info .ico .lang,.header .info .ico .search-btn{cursor: pointer;margin-left:40px;height:110px;position: relative;display:flex;align-items: center;}
.header .info .ico .lang h3 i{color:#666;font-size:18px;margin-left:10px;transition-duration:.5s;}
.header .info .ico .lang:hover h3 i{transform: rotate(360deg)}
.header .info .ico .lang .sub{min-width:150px;z-index:999;transform: scaleY(0);transform-origin: top;transition:transform 0.3s ease-in-out;position: absolute;background:#fff;box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.3);border-radius:0px  0px  10px  10px;left:-50%;width:100%;top:110px;}
.header .info .ico .lang .sub a:last-child{border-radius:0px  0px  10px  10px;}
.header .info .ico .lang .sub a{text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;height:40px;font-size:15px;color:#67778F;line-height:40px;padding:0 10px;}
.header .info .ico .lang a:hover{background: #0063B2;color:#fff}
.header .info .ico .lang:hover .sub{transform: scaleY(1);}
.header .info .menu .item .sub{min-width:220px;z-index:999;transform: scaleY(0);transform-origin: top;transition:transform 0.3s ease-in-out;position: absolute;background:#fff;box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.3);border-radius:0px  0px  10px  10px;left:-50%;width:100%;top:110px;}
.header .info .menu .item .sub a{text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;height:40px;font-size:15px;color:#67778F;line-height:40px;padding:0 10px;}
.header .info .menu .item .sub a:last-child{border-radius:0px  0px  10px  10px;}
.header .info .menu .item .sub a:hover{background: #0063B2;color:#fff}
.header .info .menu .item:hover .sub{transform: scaleY(1);}
.header.height{box-shadow:0 15px 30px rgba(0,0,0,.1);height:80px;position: fixed;width:100%;background:#fff !important
    
}
.header.height .info .menu .item{height:80px}
.header.height .info .menu .item .sub{top:80px}
.header.height .info .ico .lang,.header.height .info .ico .search-btn{height:80px;}
.header.height .info .ico .lang .sub{top:80px}

.banner{position: relative;}
.banner img{width:100%}
.banner .contact{position: absolute;left:0;top:0;z-index:1;width:100%;height:100%;display:flex;}
.banner .contact .wrap{padding:3.2% 0;display:flex;}
.banner .contact .txt{color:#fff;padding:4%;width:100%;max-width:660px;background-image: linear-gradient(to right, #209cff, #0059aa);}
.banner .contact .txt h2{font-size:39px;}
.banner .contact .txt h3{position: relative;;margin-bottom:50px;font-size:32px;font-family: 'Roboto-Light';}
.banner .contact .txt h3:after{width:40px;height:3px;content:"";position: absolute;left:2px;background:#FBFCFC;bottom:-14px;}
.banner .contact .txt h4{font-size:18px;}
.banner .contact .txt a{font-family: 'Roboto-Black';font-size:52px;color:#fff;}
.banner .product{position:absolute;left:0;top:0;text-align:center;;width:100%;height:100%;display:flex;align-items: center;justify-content: center;}
.banner .product h2{font-weight:bold;color:#FFFFFF;font-size:52px;color:#FFFFFF;}
.banner .product p{margin-top:10px;font-size:16px;color:#ECECEC;}

.location_menu{height:85px;border-bottom:1px solid #E5E5E5;}
.location_menu .location{font-size:18px;color:#101010;height:84px;display:flex;align-items: center;}
.location_menu .location span{margin:0 10px;font-family:"宋体";}
.location_menu .location img{margin-left:15px}
.location_menu .menu{display:flex;}
.location_menu .menu a{height:84px;display:flex;align-items: center;margin-right:60px;padding:0 5px;position: relative;;font-size:18px;color:#101010}
.location_menu .menu a:first-child{margin-left:0}
.location_menu .menu a.on,.location_menu .menu a:hover{color:#0063B2}
.location_menu .menu a.on:after{width:100%;height:2px;content:"";position: absolute;left:0;bottom:-1px;background:#0063B2}

.product_menu{height:84px;border-bottom:1px solid #E5E5E5;position:relative;z-index:999999}
.product_menu .item{position: relative;width: calc(100% / 9);z-index:999999;}
.product_menu .item .sub{box-shadow:0 15px 30px rgba(0,0,0,.1);text-align:center;z-index:999999;transform: scaleY(0);transform-origin: top;transition:transform 0.3s ease-in-out;position: absolute;background:#0063B2;left:-26px;width:150px;top:83px;}
.product_menu .item .sub a{text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;height:42px;font-size:13px;color:#fff;line-height:42px;padding:0 10px;}
.product_menu .item .sub a:hover{background: #fff;color:#0063B2}
.product_menu .item:hover .sub{transform: scaleY(1);}
.product_menu .item:first-child{margin-left:0;}
.product_menu .item h3 a{height:83px;display:flex;align-items: center;text-transform:capitalize;font-size:15px;text-align:center;}

.title{text-align:center;margin-bottom:60px}
.title h2{font-size:66px;color:#E5E5E5;font-family: 'Roboto-Medium';text-transform:capitalize;}
.title h3{font-size:42px;color:#464646;margin-top:-45px}
.title p{margin-top:7px;font-size:24px;color:#5F5F5F;font-family: 'Roboto-Regular';}

.list-news .list .item{transition-duration:.5s;width:calc(100% / 3 - 30px);margin:0 0 30px 45px;padding:25px 25px 35px 25px;background:#fff;border-radius:15px;}
.list-news .list .item:nth-child(3n){margin-left:0;}
.list-news .list .item .pic{border-radius:10px;}
.list-news .list .item .pic img{border-radius:10px;}
.list-news .list .item .txt{padding:35px 0 0;}
.list-news .list .item .txt h3{transition-duration:.5s;font-size:21px;color:#000000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-news .list .item .txt p{transition-duration:.5s;font-size:17px;line-height:36px;color:#010101;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3}
.list-news .list .item .txt .btn{margin-top:30px;display:flex;align-items: center;;}
.list-news .list .item .txt .btn span{font-size:17px;color:#010101;margin-right:15px;}
.list-news .list .item:hover{box-shadow:0 15px 30px rgba(0,0,0,.1)}
.list-news .list .item:hover .txt h3{color:#0063B2}
.list-news .list .item:hover .txt p{text-decoration:underline}
.list-news .show .t{padding:22px 0;font-size:24px;line-height:24px;color:#190807;text-transform:uppercase;}
.list-news .show .c{font-family: 'times';font-size:16px;line-height:24px;color:#190807;border-top:1px solid #B4B8BE;border-bottom:1px solid #B4B8BE;padding:25px 0;}
.list-news .show .c p{margin-bottom:12px;}
.list-news .show .more{margin-top:25px;}
.list-news .show .up p,.list-news .show .up p a{color:#190807;font-size:16px;line-height:24px;}
.list-news .show .up p a:hover{color:#0063B2;}
.list-news .show .m{font-size:18px;color:#0063B2;}

.footer{border-top:1px solid #F4F4F4;padding:65px 0 55px;}
.footer .logo{display:flex;margin-bottom:36px;color:#101010;align-items: center;}
.footer .logo .pic{margin-left:15px;}
.footer .logo .pic img{max-height:50px;} 
.footer .logo .txt h3{font-size:25px;}
.footer .logo .txt p{text-transform:uppercase;font-size:14px;font-family: 'Roboto-Medium';}
.footer .info .sidebar{width:310px}
.footer .info .sidebar .txt .item{display:flex;margin-top:17px;}
.footer .info .sidebar .txt .item:first-child{margin:0;}
.footer .info .sidebar .txt .item .i{width:50px;padding-left:10px}
.footer .info .sidebar .txt .item .t{width:50px;font-size:16px;color:#494949;}
.footer .info .sidebar .txt .item .p{width:calc(100% - 100px)}
.footer .info .sidebar .txt .item .p,.footer .info .sidebar .txt .item .p p a{font-size:16px;color:#494949;}
.footer .info .sidebar .txt .item:last-child{line-height:39px;margin-top:11px}
.footer .info .sidebar .ico{display:flex;margin-top:50px;align-items: center;}
.footer .info .sidebar .ico .hd span{font-size:16px;color:#494949;margin:0 10px 0 5px}
.footer .info .sidebar .ico .bd{display:flex;}
.footer .info .sidebar .ico .bd a{margin-right:15px;}
.footer .info .sidebar .ico .bd a img{transition-duration:.5s;}
.footer .info .sidebar .ico .bd a:hover img{border-radius:100%;}
.footer .info .menu{width:calc(100% - 310px - 370px);padding:0 10% 0 20px;display:flex;}
.footer .info .menu dl{width:22%;}
.footer .info .menu dl:nth-child(2){width:34%}
.footer .info .menu dl dt{margin-bottom:12px}
.footer .info .menu dl dd{padding:0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.footer .info .menu dl dt a{font-size:19px;font-weight:bold;color:#222222;}
.footer .info .menu dl dd a{font-size:16px;color:#494949;line-height:33px;}
.footer .info .menu dl dd a:hover{padding-left:5px;color:#0053A5}
.footer .info .wx{width:370px}
.footer .info .wx .ewm{width:160px;}
.footer .info .wx .sub{width:calc(100% - 210px)}

.button{transition-duration:.5s;width:100%;max-width:160px;cursor: pointer;;overflow:hidden;border-radius:20px 0 20px 0;margin-bottom:15px;align-items: center;justify-content: center;color:#fff;display:flex;height:45px;background:#0063B2;font-size:18px;}
.button:hover{border-radius:0 20px 0 20px;color:#fff;}

.bottom{height:50px;display:flex;background:#0063B2;}
.bottom .wrap{align-items: center;}
.bottom .copyright p,.bottom .copyright p a{color:#FFFFFF;font-size:16px;}
.bottom .copyright p a{margin-left:15px}
.bottom .michuan a{margin-left:20px;color:#FFFFFF}

.list-contact .bd .item{text-align:center;padding:40px 10px 60px 10px;width:calc(100% / 4 - 15px);margin:0 0 0 20px;background:#fff;border-radius:12px;box-shadow:0 15px 30px rgba(0,0,0,.1);}
.list-contact .bd .item:nth-child(4){margin-left:0;}
.list-contact .bd .item .pic{border:1px solid #ECECEC;width:132px;height:132px;border-radius:100%;display:flex;align-items: center;justify-content: center;margin:0 auto;}
.list-contact .bd .item .txt{margin-top:55px;}
.list-contact .bd .item .txt h3{margin-bottom:15px;font-size:18px;color:#101010;}
.list-contact .bd .item .txt p,.list-contact .bd .item .txt p a{font-size:18px;color:#5F5F5F;}
.list-contact .form .t{margin:60px 0 30px;}
.list-contact .form .t h2{font-size:24px;color:#000000;}
.list-contact .form .t h2 span{font-size:40px;color:#0063B2;}
.list-contact .form .btn{display:flex;margin-bottom:30px;}
.list-contact .form .btn span{cursor: pointer;;margin-right:20px;padding-left:35px;display:flex;align-items: center;position: relative;font-size:18px;color:#000000;}
.list-contact .form .btn span:after{width:22px;height:22px;border:2px solid #D3D8DD;border-radius:100%;content:"";position: absolute;left:0;top:0;}
.list-contact .form .btn span.on:after{border-color:#0063B2}
.list-contact .form .btn span.on:before{width:18px;height:18px;background:#0063B2;position: absolute;left:4px;content:"";border-radius:100%;top:50%;margin-top:-8px;}
.list-contact .form .form_box input{transition-duration:.5s;margin-bottom:20px;width:calc(50% - 5px);display:flex;padding:0 20px;border:2px solid #D3D8DC;height:58px;align-items: center;font-size:18px;color:#9B9B9B;}
.list-contact .form .form_box textarea{transition-duration:.5s;width:100%;padding:15px 20px;border:2px solid #D3D8DC;min-height:150px;r;font-size:18px;color:#9B9B9B;}
.list-contact .form .form_box .button{margin-top:35px;}
.list-contact .form .form_box input:hover,.list-contact .form .form_box textarea:hover{border-color:#0063B2}

.list-about .body{font-size:18px;line-height:42px;color:#101010;}
.list-about .body p{margin-bottom:35px}
.list-about .video{position: relative;}
.list-about .video .txt{position: relative;;width:230px;display:flex;justify-content: center;align-items: center;}
.list-about .video .txt:after{width:17px;height:17px;background:#B4B4B3;border-radius:17px;content:"";position: absolute;left:-60px;top:25px}
.list-about .video .txt h2{left:0;top:50%;margin-top:-62px;position: absolute;font-size:24px;color:#1B1B1B;}
.list-about .video .txt h3{font-size:109px;color:#1B1B1B;font-family: 'Roboto-Black';transform: rotate(90deg); /* 旋转90度 */
    transform-origin: center;}
.list-about .video .pic{cursor: pointer;width:calc(100% - 230px);position: relative;}
.list-about .video .pic img.videolist{width:100%;}
.list-about .video .pic .i{position: absolute;width:61px;height:61px;top:50%;left:50%;margin:-30px 0 0 -30px;}
.list-about .video .pic .i img{transition-duration:.5s;}
.list-about .video .pic:hover .i img{transform: rotate(360deg);}
.list-about-menu .item{width:calc(50% - 5px)}
.list-about-menu .item a{display:block;position: relative;}
.list-about-menu .item .txt{color:#fff;text-align:center;position: absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items: center;justify-content: center;;}

.list-about-menu .item .txt h3{font-size:38px;padding:31px 0 9px}
.list-about-menu .item .txt h4{font-size:26px;}
.list-about-menu .item .txt p{font-size:18px;max-width:420px;margin:17px auto 0;font-family: 'Roboto-Regular';}
.list-about-certificate{margin-top:10px;color:#000000;text-align:center;;height:801px;background:url(../images/honor.jpg) no-repeat center;}
.list-about-certificate h2{padding:90px 0 30px;font-size:50px;font-weight:bold;}
.list-about-certificate p{margin-bottom:10px;font-weight:100;font-size:22px;}
.list-about-images{padding:100px 0;}
.list-about-images .hd{margin-bottom:60px;}
.list-about-images .hd .t h2{font-size:40px;color:#101010}
.list-about-images .hd .t p{margin-top:10px;color:#3A3A3A;font-size:22px;}
.list-about-images .hd .btn{display:flex;}
.list-about-images .hd .btn a{cursor: pointer;margin-left:20px;width:66px;height:66px;border-radius:66px;background:#1C79C4;text-align:center;display:flex;align-items: center;justify-content: center;}
.list-about-images .hd .btn a:first-child{background:#7990AA}
.list-about-images .bd .item{margin:0 12px;}
.list-about-images .bd .item .pic{border-radius:10px}
.list-about-images .bd .item .pic img{border-radius:10px}
.list-about-images .bd .item .txt{font-size:20px;color:#101010;text-align:center;padding:10px  10px 0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.list-pro .list .item{transition-duration:.5s;border:2px solid #F8F8F8;background:#fff;;border-radius:15px;position: relative;;width:calc(100% / 3 - 30px);margin:0 0 50px 45px;}
.list-pro .list .item a{display:block;position: relative;border-radius:15px;}
.list-pro .list .item:nth-child(3n){margin-left:0;}
.list-pro .list .item .logo{position: absolute;left:30px;top:30px;}
.list-pro .list .item .logo img{max-height:50px;}
.list-pro .list .item .pic{margin:30px 10px;}
.list-pro .list .item .txt{border-radius:0 0 15px 15px;;height:88px;text-transform:capitalize;display:flex;align-items: center;justify-content: center;text-align:center;color:#fff;background:#0063B2;font-size:20px;color:#fff;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;;}
.list-pro .list .item:hover{border-color:#fff;box-shadow: 0 15px 30px rgba(0,0,0,.1);}

.show-pro .t{height:45px;width:100%;background:#F4F4F4;border-radius:25px 0 25px 0;}
.show-pro .t h2{border-radius:25px 0 25px 0;width:200px;height:45px;display:flex;align-items: center;justify-content: center;align-items: center;;font-size:18px;color:#F0F4F6;background:#0063B2;;}
.show-pro .three_columns{padding:40px 30px 30px 30px}
.show-pro .three_columns .item{width:calc(100% / 3 - 30px);margin:0 0 15px 45px}
.show-pro .three_columns .item:nth-child(3n){margin-left:0;}
.show-pro .three_columns .item .pic{border-radius:20px;}
.show-pro .three_columns .item .pic img{border-radius:20px}
.show-pro .three_columns .item .txt{font-size:17px;color:#050505;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items: center;height:45px;justify-content: center;}
.show-pro .four_columns{padding:45px 0 30px}
.show-pro .four_columns .item{width:calc(100% / 4 - 12px);margin:0 0 15px 16px}
.show-pro .four_columns .item:nth-child(4n){margin-left:0;}
.show-pro .head .tupian_list{width:700px}
.show-pro .head .tupian_list .datu{display:flex;justify-content: center;align-items: center;width:calc(100% - 140px);border-radius:10px;box-shadow: 0 15px 30px rgba(0,0,0,.1);}
.show-pro .head .tupian_list .xiaotu{width:100px}
.show-pro .head .tupian_list .xiaotu li{display:flex;align-items: center;width:100px;height:100px;;margin-bottom:5px;border:1px solid #E6E6E6;border-radius:5px}
.show-pro .head .tupian_list .xiaotu li img{width:100%;}
.show-pro .head .tupian_list .xiaotu .btn{display:flex;}
.show-pro .head .tupian_list .xiaotu .btn a{width:50%;text-align:center;background:#0063B2;color:#fff;}
.show-pro .head .info_list{width:calc(100% - 760px)}
.show-pro .head .info_list .i{border-bottom:1px solid #E9E9E9;padding:18px 0 30px;}
.show-pro .head .info_list .i h2{font-size:30px;color:#000000;text-transform:capitalize;}
.show-pro .head .info_list .c{padding:30px 5px 15px;}
.show-pro .head .info_list .c h2{margin-bottom:20px;font-size:16px;font-weight:bold;color:#000000}
.show-pro .head .info_list .c p{font-size:16px;line-height:38px;color:#000000;}
.show-pro .head .info_list .partner{border:1px solid #E6E6E6;padding:20px;}
.show-pro .head .info_list .partner .pic{width:184px;}
.show-pro .head .info_list .partner .pic img{width:100%;}
.show-pro .head .info_list .partner .txt{width:calc(100% - 214px)}
.show-pro .head .info_list .partner .txt h2{margin-bottom:13px;font-size:24px;font-weight:bold;color:#000000;}
.show-pro .head .info_list .partner .txt p,.show-pro .head .info_list .partner .txt p a{font-size:17px;color:#767676;}
.show-pro .head .info_list .partner .txt .message_btn{transition-duration:.5s;width:100%;height:40px;display:flex;align-items: center;justify-content: center;background:#0063B2;color:#fff;cursor: pointer;;text-align:center;font-size:17px;border-radius:8px;margin-top:35px;}
.show-pro .head .info_list .partner .txt .message_btn:hover{border-radius:30px;}

.index-banner{overflow:hidden}
.index-banner .pic img,.index-banner .bd{width: 100% !important;}
.index-banner .bd a{position: relative;display:block}
.index-banner .bd a .txt{color:#000;padding-left:8%;align-items: center;display:flex;position: absolute;width:100%;height:100%;top:0;left:0;}
.index-banner .bd a .txt h2{text-transform:uppercase;font-family: 'Roboto-Black';font-size:68px;line-height:68px;}
.index-banner .bd a .txt h3{font-size:58px;font-weight:bold;}
.index-banner .bd a .txt p{margin:15px 0 50px;font-size:48px;line-height:51px;font-family: 'Roboto-Bold';}
.index-banner .bd a .txt .btn{display:flex;align-items: center;}
.index-banner .bd a .txt .btn span{font-family: 'Roboto-Bold';text-transform:uppercase;}
.index-banner .bd a .txt .btn img{width:16px;height:15px;margin-left:10px;}
.index-banner .slick-dots{bottom:100px;padding-left:8%;}
.index-banner .slick-dots li{position: relative;width:52px;border-radius:52px;transition-duration:.6s;position:relative;height:52px;opacity:1;}
.index-banner .slick-dots li button{display:none;}
.index-banner .slick-dots li:after{width:6px;border-color:#fff;height:6px;background:#fff;border-radius:6px;content:"";position: absolute;left:50%;top:50%;margin:-3px 0 0 -3px;}
.index-banner .slick-dots li.slick-active{border:1px solid #fff}

.index-header{border-bottom:1px solid rgba(255,255,255,.22);;background:transparent;position:absolute;top:0;width:100%;}
.index-header .info .ico a span,.index-header .info .menu .item h3 a,.index-header .logo h3,.index-header .info .menu .item.on h3 a,.index-header .info .menu .item:hover h3 a
{color:#000}

.index-data{height:192px;border-bottom:1px solid #F6F6F6;display:flex;align-items: center;}
.index-data .data .item{width:25%;text-align:center;}
.index-data .data .item h3{position: relative;;font-size:70px;color:#333333;font-family: 'Roboto-Black';}
.index-data .data .item p{font-size:16px;color:#7D7D7D;}
.index-data .data .item h3:after{content:"+";position: absolute;top:10px;color:#333333;font-size:34px;font-family: 'Roboto-Black';}
.index-data .data .item:nth-child(1) h3:after{content:"年";font-size:20px;top:20px}
.index-data .data .item:nth-child(3) h3:after{display:none;}

.index-absolute{position:absolute;left:0;top:0;display:flex;align-items:center;width:100%;height:100%;}
.index-absolute2{align-items:flex-end}
/*.index-about:after{content:"Professional Manufacture";font-size:150px;right:-32px;position: absolute;top:10px;font-family: 'Roboto-Black';color:#F0F4F6;}*/
.index-about .txt{width:45%;padding-top:80px;padding-top: 80px;flex-direction: column;justify-content: center;display: flex;}
.index-about .txt h2{font-size:18px;color:#1A1A1A;font-family: 'Roboto-Medium';text-transform:uppercase;}
.index-about .txt h3{font-size:48px;color:#1A1A1A;position: relative;}
.index-about .txt h3:after{width:180px;height:5px;position: absolute;right:0;bottom:4px;content:"";background:#0063B2;}
.index-about .txt p{margin:25px 0;font-size:18px;line-height:32px;color:#1A1A1A;}
.index-about .txt a{height:55px;padding:0 30px;display:flex;align-items: center;font-size:17px;color:#1A1A1A;position: relative;}
.index-about .txt a:after{transition-duration:.5s;width:55px;height:55px;border-radius:55px;background:#BED9EA;position: absolute;right:0;top:0;content:""}
.index-about .txt a span{position: relative;z-index:2;}
.index-about .txt a:hover:after{width:155px;}
.index-about .pic{width:53%;position: relative;display:flex;align-items:center;padding-top:80px;}
.index-about .pic .i{position: absolute;left:0;width:100%;height:100%;top:0;display:flex;align-items: center;justify-content: center;cursor: pointer;;}
.index-about .pic .i img{transition-duration:.5s;}
.index-about .pic .i:hover img{transform: rotate(360deg);}

.index-pro .t{padding:100px 0 23px;text-align:center;}
.index-pro .t h2{font-size:45px;font-weight:bold;color:#1A1A1A;}
.index-pro .so{width:410px;margin:0 auto;border-radius:30px;border:3px solid #BFC4C8;height:44px;display:flex;align-items:center;}
.index-pro .so form{width:100%;}
.index-pro .so button{width:50px;display:flex;align-items: center;height:38px;text-align:center;justify-content: center;cursor: pointer;border:0;color:#8E8E8E;background:none;}
.index-pro .so input{background:none;width:calc(100% - 50px);padding:0 25px;font-size:16px;color:#737272;}
.index-pro .hd{padding:25px 0 57px;display:flex;justify-content: center;;}
.index-pro .hd span{transition-duration:.5s;position: relative;font-size:16px;color:#1A1A1A;cursor: pointer;margin-right:30px;text-align: center;}
.index-pro .hd span:last-child{margin-right:0;}
.index-pro .hd span.on{color:#0063B2}
.index-pro .hd span.on:after{transition-duration:.5s;width:100%;height:3px;background:#0063B2;content:"";position: absolute;left:0;bottom:0;}
.index-pro .bd .item{box-shadow: 0 15px 30px rgba(0,0,0,.1);background:#fff;;border-radius:15px;position: relative;;width:calc(100% / 4 - 15px);margin:0 0 0 20px;}
.index-pro .bd .item a{display:block;position: relative;border-radius:15px;}
.index-pro .bd .item:nth-child(4n){margin-left:0;}
.index-pro .bd .item .logo{position: absolute;left:25px;top:0;}
.index-pro .bd .item .logo img{height:35px}
.index-pro .bd .item .pic{margin:25px 10px;}
.index-pro .bd .item .txt{position: relative;transition-duration:.5s;border-radius:0 0 15px 15px;;height:90px;border-top:1px solid #EFEFEF;display:flex;align-items: center;color:#1F1F1F;font-size:20px;padding:0 60px 0 40px;;}
.index-pro .bd .item .txt i{transition-duration:.5s;width:26px;height:26px;background:url(../images/ico22.png);position: absolute;top:32px;right:35px;}
.index-pro .bd .item .txt h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index-pro .bd .item:hover .txt{background-color:#0063B2;color:#fff;}
.index-pro .bd .item:hover .txt i{background:url(../images/ico23.png);}

.index-news{position: relative;}
.index-news .hd{padding:80px 0 50px}
.index-news .hd .t h2{font-size:36px;color:#000000;}
.index-news .hd .t p{margin-top:15px;font-size:18px;color:#626161;}
.index-news .hd .more{display:flex;width:270px;height:45px;padding:2px;background:#0063B2;border-radius:15px 0 15px 0;}
.index-news .hd .more a{width:50%;height:41px;display:flex;justify-content: center;align-items: center;font-size:18px;color:#fff;}
.index-news .hd .more a:hover{background:#FFFFFF;border-radius:15px 0 15px 0;color:#0063B2}
.index-news .bd .datu{width:60%;background:#f7f7f7;border-radius:10px;}
.index-news .bd .datu .pic{border-radius:10px;}
.index-news .bd .datu .pic img{border-radius:10px;}
.index-news .bd .datu .txt{padding:35px 50px;color:#4e4e4e;}
.index-news .bd .datu .txt .time{font-size:18px;font-family: 'Roboto-Regular';}
.index-news .bd .datu .txt h2{margin:9px 0 13px 0;font-size:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index-news .bd .datu .txt p{margin-bottom:20px;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index-news .bd .datu .txt span{font-size:16px;}
.index-news .bd .xiaotu{padding:20px;width:38%;background:#f7f7f7;border-radius:10px;}
.index-news .bd .xiaotu .item{display:flex;align-items: center;width:100%;height:50%;border-bottom:1px solid #e3e3e3;}
.index-news .bd .xiaotu .item:last-child{border:0;}
.index-news .bd .xiaotu .item a{display:block;width:100%;color:#414141;}
.index-news .bd .xiaotu .item .time{font-size:18px;font-family: 'Roboto-Regular';}
.index-news .bd .xiaotu .item h2{margin:10px 0 24px;font-size:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index-news .bd .xiaotu .item p{font-size:16px;text-decoration: underline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.index-news .bd .xiaotu .item span{margin-top:36px;display:block;font-size:16px;}

.index-Advantages .hd{padding:60px 0 60px;}
.index-Advantages .hd h2{font-family: 'Roboto-Black';font-size:63px;color: transparent;-webkit-text-stroke:1px white;}
.index-Advantages .hd h3{font-size:31px;margin-top:7px;color:#4e4e4e;}
.index-Advantages .hd p{margin-top:5px;font-size:22px;color:#4e4e4e;}
.index-Advantages .bd .item{transition-duration:.5s;border-radius:10px;border:4px solid transparent;;width:calc(100% / 4 - 15px);margin:0 0 0 20px}
.index-Advantages .bd .item:nth-child(4n){margin-left:0;}
.index-Advantages .bd .item .pic{border-radius:10px 10px 0 0;}
.index-Advantages .bd .item .pic img{width:100%;border-radius:10px 10px 0 0;}
.index-Advantages .bd .item .txt{border-radius:0 0 10px 10px;padding:35px 30px 30px 30px;background:#fff;}
.index-Advantages .bd .item .txt h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:22px;color:#222222;}
.index-Advantages .bd .item .txt p{margin:10px 0 25px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:14px;line-height:28px;color:#636363;height:84px;}
.index-Advantages .bd .item .txt .btn{height:55px;padding:0 30px;display:flex;align-items: center;font-size:17px;color:#1A1A1A;position: relative;}
.index-Advantages .bd .item .txt .btn:after{transition-duration:.5s;width:55px;height:55px;border-radius:55px;background:#BED9EA;position: absolute;right:0;top:0;content:""}
.index-Advantages .bd .item .txt .btn span{position: relative;z-index:2;}
.index-Advantages .bd .item:hover .txt .btn:after{background:#0063B2;}
.index-Advantages .bd .item:hover{border-color:rgba(255,255,255,.5)}

.index-online{color:#fff;display:flex;align-items: center;justify-content: center;background: url(../images/online_bg.jpg) no-repeat center;height:351px;}
.index-online .txt h2{font-size:26px;}
.index-online .txt .info .en{margin-right:45px;font-size:107px;font-family: 'Roboto-Bold';}
.index-online .txt .info .p{display:flex;align-items: center;}
.index-online .txt .info .p h3{font-size:40px;font-family: 'Roboto-Bold';}
.index-online .txt .info .p p{font-size:40px;font-weight:bold;}
.index-online .txt .btn{display:flex;}
.index-online .txt .btn p,.index-online .txt .btn p a{font-size:26px;color:#FFFFFF;}
.index-online .txt .btn .button{margin-right:30px}

.index-develop{padding:60px 0;}
.index-develop .bd .item .pic{width:calc(100% - 480px)}
.index-develop .bd .item .pic img{width:100%;}
.index-develop .bd .item .txt{width:440px;display:flex;align-items: center;}
.index-develop .bd .item .txt h2{display:flex;align-items: center;margin-bottom:15px;font-size:32px;color:#3E3E3E;}
.index-develop .bd .item .txt h2 span{margin-right:10px;font-size:52px;color:#3E3E3E;font-family: 'Roboto-Black';}
.index-develop .bd .item .txt p{font-size:24px;line-height:38px;color:#3E3E3E;}
.index-develop .hd{padding-top:60px;display:flex;}
.index-develop .hd .item{cursor: pointer;flex:1;text-align:center;}
.index-develop .hd .item h3{font-size:28px;color:#3E3E3E;font-family: 'Roboto-Regular';}
.index-develop .hd .item .txt{padding-top:50px;position: relative;}
.index-develop .hd .item .txt:after{top:32px;left:0;;width:100%;content:"";background:#DDDDDD;position: absolute;height:1px;}
.index-develop .hd .item .txt:before{margin-left:-0.5px;width:1px;height:25px;background:#DDDDDD;position: absolute;left:50%;top:7px;content:"";}
.index-develop .hd .item .txt p{font-size:16px;line-height:24px;color:#3E3E3E;}
.index-develop .hd .item.on .txt:after{background:#0063B2;height:5px;top:28px}
.index-develop .hd .item.on .txt:before{width:5px;background:#0063B2;margin-left:-2.5px;}

.develop .t{margin-bottom:50px;text-align:center;}
.develop .t h2{font-size:36px;padding-bottom:25px;position:relative;display:inline-block}
.develop .t h2:before{content:"";width:60px;height:6px;background:#0063B2;position:absolute;left:50%;margin-left:-30px;bottom:0;}
.develop .hd{position:relative;background:url(../images/develop_bg.jpg) no-repeat;}
.develop .hd .btn span{left:50%;margin-left:-10px;position:absolute;color:#D2D2D2;font-size:20px;}
.develop .hd .btn .down{top:-30px}
.develop .hd .btn .up{top:30px}
.develop .hd .txt .item{padding:30px 0;display:flex;width:47%;text-align:center;}
.develop .hd .txt .item span{width:25%;color:#DCDCDC;font-size:30px;font-family: 'Roboto-Bold';}
.develop .bd{padding-left:16px}
.develop .bd ul{border-left:1px solid #D2D2D2;margin-top:50px;}
.develop .bd li{position:relative;padding-bottom:60px;display:flex;}
.develop .bd li:before{left:-16px;top:16px;width:32px;height:32px;z-index:1;background:#0063B2;border-radius:32px;position:absolute;content:"";}
.develop .bd li:after{left:-6px;top:26px;width:12px;height:12px;z-index:2;background:#fff;border-radius:12px;position:absolute;content:"";}
.develop .bd li span{position:relative;margin:0 50px 0 35px;color:#fff;font-family: 'Roboto-Bold';display:flex;align-items:center;justify-content:center;font-size:22px;background:#0063B2;width:123px;height:63px;border-radius:10px}
.develop .bd li span:before{content:"";width:9px;height:20px;background:url(../images/ico35.jpg);position:absolute;left:-9px;top:50%;margin-top:-10px;}
.develop .bd li p{display:flex;align-items:center;color:#2C2C2C;padding-left:26px;position:relative;}
.develop .bd li p:before{width:16px;height:16px;border-radius:16px;background:#0063B2;position:absolute;left:0;top:50%;margin-top:-8px;content:"";}

@media (max-width: 1920px){
    .index-about:after{display:none;}
}
@media (max-width: 1500px){
    .wrap{width:98%}
    .index-about{padding-top:100px;height: calc(100% - 100px);}
    .index-about:after{display:none;}
    .index-about .txt p{font-size:15px;line-height:25px;margin:30px 0;}
    .index-pro .t{padding-top:30px}
}

@media (max-width: 1280px){
    .header .logo{width:300px}
    .header .logo h3{font-size:18px}
    .header .logo img{padding:0 15px}
    .header .info{width:calc(100% - 300px)}
    .header .info .menu .item{margin-right:40px;}
    .location_menu .menu a{margin-left:30px;}
    .product_menu .item{margin-left:25px;}
    .product_menu .wrap{justify-content: flex-start;}
}

@media (max-width: 1200px){
    .banner .contact,.footer .info .wx{display:none;}
    .footer .info .menu{width:calc(100% - 310px);}
    .show-pro .head .info_list {width: calc(100% - 720px);}
    .list-news .list .item{padding:15px;}
}

@media (max-width: 1024px){
    .list-about-menu .item .txt h4{font-size:20px}
    .show-pro .head .info_list{width:100%;}

}

@media screen and (max-width:992px) {
    .index-absolute{display:block;position: static;}
    .footer .info .sidebar,.list-about-menu .item,.wrap{width:100% !important}
    .show-pro .head .tupian_list,.list-pro .list .item .logo,.banner .product,.product_menu,.develop .hd,.footer .info .menu,.list-about-images .hd .btn,.header,.location_menu{display:none !important}
    .show-banner{display:block !important;overflow:hidden;}
    .show-pro .four_columns,.show-pro .three_columns,.footer,.list-about-images,.main{padding:30px 10px}
    .list-about-images .hd,.title{margin-bottom:30px;}
    .show-pro .head .info_list .i h2,.list-about-images .hd .t h2,.list-about-certificate h2,.title h2{font-size:30px;}
    .title h3{margin-top:0;font-size:26px}
    .show-pro .head .info_list .c p,.list-about .body{font-size:15px;line-height:25px;}
    .list-about .body p{margin-bottom:15px;}
    .list-about .body p:last-chid{margin-bottom:0;}
    .list-about .video .txt h3{font-size:26px}
    .list-about-menu .item{margin-bottom:10px;}
    .list-about .video .txt{width:100px;}
    .list-about .video .pic{width:calc(100% - 100px);}
    .list-about-certificate{height:auto;background:#F5F4F2;padding-bottom:30px}
    .list-about-certificate h2{padding:50px 0 25px;}
    .list-about-certificate p{margin:0 10px 10px 10px;font-size:18px}
    .footer .info .sidebar .ico{margin-top:20px;}
    .bottom{height:auto;padding:20px 10px 50px}
    .bottom .copyright p, .bottom .copyright p a{font-size:14px;}
    .bottom .michuan{margin:20px auto 0;}
	.develop{padding:10px}
	.develop .hd .txt .item span{font-size:14px}
	.develop .hd .btn .down{top:-20px}
	.develop .hd .btn .up{top:20px}
	.develop .bd li{padding-bottom:20px}
	.develop .bd li span{width:80px;margin:0 10px 0 30px;font-size:15px;height:45px}
	.develop .bd li p:before{top:18px;margin:0;width:10px;height:10px;}
	.develop .bd li p{width: calc(100% - 120px);}
	.develop .bd li:before{top:7px;}
	.develop .bd li:after{top:17px}
	.show-pro .four_columns,.show-pro .three_columns,.list-pro .list{justify-content: space-between;}
	.show-pro .four_columns .item,.show-pro .three_columns .item,.list-pro .list .item{width:49%;margin:0 0 15px 0;}
	.list-pro .list .item .pic{margin:10px}
	.list-pro .list .item .txt{height:50px;font-size:18px}
	.show-pro .head .info_list .i{padding:10px 0;}
	.show-pro .head .info_list .c{padding:10px 5px}
	.show-pro .head .info_list .partner{padding:10px}
	.show-pro .head .info_list .partner .pic{width:100px}
	.show-pro .head .info_list .partner .txt{width: calc(100% - 120px);}
	.show-pro .head .info_list .partner .txt p, .show-pro .head .info_list .partner .txt p a{font-size:14px}
	.show-pro .head .info_list .partner .txt .message_btn{margin-top:15px}
    .show-pro .t{margin:0 10px;}
    .show-pro .three_columns .item .txt{font-size:14px;height:35px}
    .list-news .list .item{padding:0;width:100%;margin:0 0 15px 0;}
    .list-news .list .item .txt{padding:15px 0;}
    .list-contact .bd .item{width:100%;margin:0 0 15px 0;}
    .list-contact .form .btn span{margin-right:10px;font-size:14px;height:24px;}
    .list-contact .bd .item{padding:30px 10px}
    .list-contact .bd .item .pic{width:80px;height:80px;}
    .list-contact .bd .item .txt{margin-top:30px}
    .index-banner .bd a .txt h2{font-size:30px;line-height:30px}
    .index-banner .bd a .txt h3{font-size:26px}
    .index-banner .bd a .txt p{margin:10px 0;font-size:16px;line-height:26px}
    .index-banner .slick-dots li{width:26px;height:26px;border-radius:26px}
    .index-banner .slick-dots{bottom:10px;padding:0;text-align:right;}
    .index-data{height:auto;padding:20px 10px;}
    .index-data .data .item{width:50%;}
    .index-data .data .item h3{font-size:50px}
    .index-about:after{display:none;}
    .index-about{padding:0;height:auto;padding:0 10px 30px;}
    .index-about .txt{width:100%;padding-top:30px;}
    .index-about .pic{width:100%;margin-top:10px;padding-top:30px;}
    .index-about .txt h3{font-size:28px}
    .index-about .txt p{margin:15px 0;font-size:15px;line-height:24px}
    .index-pro {padding:0 10px;}
    .index-pro .t{padding:20px 0;}
    .index-pro .t h2{font-size:20px;font-weight:normal;}
    .index-pro .so{width:100%;}
    .index-pro .hd{overflow: scroll;white-space: nowrap;padding:0 0 20px 0;margin:15px 0;}
    .index-pro .hd span{margin-right:10px;font-size:14px}
    .index-pro .bd .list-pro-box{justify-content: space-between;}
    .index-pro .bd .item{width:49%;margin:0 0 10px 0;}
    .index-pro .bd .item .logo{display:none}
    .index-pro .bd .item .pic{margin:8px}
    .index-pro .bd .item .txt{height:45px;font-size:15px;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;line-height:45px;}
    .index-pro .bd .item .txt i{display:none}
    .index-news{padding:30px 10px;}
    .index-news:after{display:none;}
    .index-news .hd{padding:0 0 30px 0;}
    .index-news .hd .t{width:45%;}
    .index-news .hd .t h2{font-size:26px}
    .index-news .hd .t p{font-size:12px;margin-top:0;}
    .index-news .hd .more{width:50%;}
    .index-news .hd .more a{font-size:14px}
    .index-news .bd .datu{width:100%;}
    .index-news .bd .datu .txt{padding:20px;}
    .index-news .bd .xiaotu{width:100%;padding:15px;margin:15px 0;}
    .index-news .bd .xiaotu .item{padding-bottom:15px;margin-bottom:15px;}
    .index-news .bd .xiaotu .item span{margin-top:10px;}
    .index-Advantages{padding:0 10px;}
    .index-Advantages .hd{padding:20px 0;}
    .index-Advantages .hd h2{font-size:32px}
    .index-Advantages .hd h3{font-size:24px;}
    .index-Advantages .hd p{font-size:15px}
    .index-Advantages .bd .item{width:100%;margin-bottom:15px;}
    .index-Advantages .bd .item .txt{padding:12px;}
    .index-Advantages .bd .item .txt h3{font-size:18px;}
    .index-Advantages .bd .item .txt p{margin:10px 0;height:auto;}
    .index-develop{padding:30px 10px;}
    .index-develop .bd .item .pic{width:100%;}
    .index-develop .bd .item .txt{width:100%;margin-top:10px;}
    .index-develop .bd .item .txt h2{font-size:20px;margin:0;}
    .index-develop .bd .item .txt p{font-size:15px;line-height:24px}
    .index-develop .hd{overflow: scroll;white-space: nowrap;padding:20px 0 10px}
    .index-develop .hd .item{margin-right:15px;}
    .index-develop .hd .item h3{font-size:16px;}
    .index-develop .hd .item .txt{padding-top:35px}
    .index-develop .hd .item .txt p{font-size:12px;line-height:23px}
    .index-online{height:auto;padding:40px 10px;background:#899EAF}
    .index-online .txt .info .en{font-size:50px;margin:0;}
    .index-online .txt .info .p h3{font-size:26px;}
    .index-online .txt .info .p p{font-size:18px}
    .index-online .txt .btn{margin-top:20px}
    .index-online .txt .btn p, .index-online .txt .btn p a{font-size:16px;}
}