@import "font-awesome.css";
@import "michuan.css";
@import "slick.css";
@import "animate.css";
@import "banner.css";
*{box-sizing:border-box} 
.wrap{max-width:100%;max-width:1520px;margin:0 auto;}
.wrap-tab{max-width:100%;max-width:1440px;margin:0 auto;}
.wrap-max{max-width:100%;max-width:1720px;margin:0 auto;}
.flex{display: flex;flex-wrap:wrap;justify-content:space-between}
.line{padding:60px 0;}
.list.flex{justify-content:flex-start;}
.header{display:flex;height:110px;line-height:110px;position: fixed;left:0;top:0;z-index: 999999;width: 100%;background: #fff !important;}
.header>.wrap{flex-wrap: nowrap;}
.header .logo{display:flex;}
.header .logo a span{font-size:20px;color:#201F1F;font-weight:bold;margin-left:10px}
.header .menu{height:110px;}
.header .menu.flex{flex-wrap:nowrap;}
.header .menu h1{position: relative;}
/*.header .menu h1 a{position: relative;line-height:110px;height: 100% !important;}*/
.header .menu h1{line-height:110px;font-size:18px;color:#000000;position:relative;margin-left:60px;}
.header .menu h1.on:before{content:"";width:calc(100% + 30px);;height:3px;background:#D90113;position:absolute;left:-15px;bottom:0;z-index:999999;}
.header .menu h1:hover{color:#D90113}
.header .menu h1:first-child{margin-left:0;}
.header .lang{margin-left:60px;display:flex;align-items:center;}
.header .lang span{width:1px;height:16px;background:#202020;margin:0 16px}

.header .menu h1 .sub{transform: scaleY(0);transform-origin: top;transition:transform 0.3s ease-in-out;position: fixed;background:#fff;z-index: 9999;left:0;top:110px;width:100%;box-shadow:0 15px 30px rgba(0,0,0,.1);}
.header .menu h1:hover .sub{transform: scaleY(1);}
.header .menu h1 .sub ul{display:flex;padding:25px 0;justify-content: flex-start;}
.header .menu h1 .sub ul li{margin-right:40px;}
.header .menu h1 .sub ul li:last-child{margin-right:0;}
.header .menu h1 .sub ul li h3{transition-duration:.5s;font-size:18px;color:#000000;margin-top:19px;}
.header .menu h1 .sub ul li:hover h3{color:#DC0C1C}
.header .menu h1 .pro_tab{width:100%;}
.header .menu h1 .pro_tab:after{background:#DC0C1C;height:3px;content:"";position: absolute;left:0;width:100%;top:67px;}
.header .menu h1 .pro_tab .wrap-tab{display:block;}
.header .menu h1 .pro_tab .pro_tab_hd{background: #d90113;height:70px;position: relative;}
.header .menu h1 .pro_tab .pro_tab_hd .lines{width: 100%;height: 1px;background: #fff;position: absolute;left: 0;bottom: 3px;}
.header .menu h1 .cursors{width: 0;height: 0;border: 8px solid transparent;border-top-color:#fff;position: absolute;left:50%;transform:translate(-50%);bottom: -16px;z-index:99999;display:none}
.header .menu h1:hover .cursors{display: inline-block;}
.header .menu h1 .pro_tab .pro_tab_hd .wrap-tab{display:flex;align-items: center;height:100%;}
.header .menu h1 .pro_tab .pro_tab_hd .t{margin-right:40px;height:70px;display:flex;align-items: center;}
.header .menu h1 .pro_tab .pro_tab_hd .t:last-child{margin:0;}
.header .menu h1 .pro_tab .pro_tab_hd .t span{font-size:18px;color:#fff;}
/*.header .menu h1 .pro_tab .pro_tab_hd .t.on span,.header .menu a .pro_tab .pro_tab_hd .t:hover span{color:#DC0C1C}*/
.header .menu h1 .pro_tab .pro_tab_bd{padding:25px 0;}
.header .menu h1 .pro_tab .pro_tab_bd .box{display:flex;justify-content: space-between;overflow-y:auto;max-height:calc(100vh - 300px);padding-right: 15px}
.header .menu h1 .pro_tab .pro_tab_bd .left{width:19.5%;}
.header .menu h1 .pro_tab .pro_tab_bd .left a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position: relative;height:40px;display:flex;align-items: center;padding:0 40px;background:linear-gradient(225deg, transparent 10px, #000000 0);margin-bottom:10px;font-size:16px;color:#fff;}
.header .menu h1 .pro_tab .pro_tab_bd .left .on{background:linear-gradient(225deg, transparent 10px, #dc0c1c 0);}
.header .menu h1 .pro_tab .pro_tab_bd .left a:after{content:"";width:18px;height:18px;background:url(../images/ico26.png);position: absolute;left:10px;top:50%;margin-top:-9px;}
.header .menu h1 .pro_tab .pro_tab_bd .right{width:78%}
.header .menu h1 .pro_tab .pro_tab_bd .right .box{justify-content: flex-start;flex-wrap: wrap;}
.header .menu h1 .pro_tab .pro_tab_bd .right a{width:calc((100% - 240px) / 5);margin-right:60px;overflow:hidden;margin-bottom: 15px;}
.header .menu h1 .pro_tab .pro_tab_bd .right a:nth-child(5n){margin-right:0;}
.header .menu h1 .pro_tab .pro_tab_bd .right a .txt{border-top:1px solid #c1c1c1;padding-top:15px;position: relative;}
.header .menu h1 .pro_tab .pro_tab_bd .right a .txt:after{transition-duration:.5s;width:100%;height:1px;background:#DC0C1C;content:"";position: absolute;top:-1px;left:-100%;}
.header .menu h1 .pro_tab .pro_tab_bd .right a .txt h3{transition-duration:.5s;font-size:14px;color:#000000;line-height: 1;margin-top: 8px;}
.header .menu h1 .pro_tab .pro_tab_bd .right a .txt p{font-size:16px;color:#000000;line-height: 1;}
.header .menu h1 .pro_tab .pro_tab_bd .right a .p img{transition: 0.5s;}
.header .menu h1 .pro_tab .pro_tab_bd .right a:hover .p img{transform: scale(1.1);}
.header .menu h1 .pro_tab .pro_tab_bd .right a:hover .txt:after{left:0;}
.header .menu h1 .pro_tab .pro_tab_bd .right a:hover .txt p{color:#DC0C1C}

/*html {*/
/*	scrollbar-width: thin;*/
/*	scrollbar-color: var(--bgcolor) #f1f1f1;*/
/*  }*/
  .header .menu h1 .pro_tab .pro_tab_bd .box::-webkit-scrollbar {
	width: 3px !important;
  }
  .header .menu h1 .pro_tab .pro_tab_bd .box::-webkit-scrollbar-track {
	background: #f1f1f1 !important;
  }
  .header .menu h1 .pro_tab .pro_tab_bd .box::-webkit-scrollbar-thumb {
	background: #DC0C1C;
	border-radius: 3px;
  }
.banner{position:relative;}
.banner img{width:100%;}
.banner form{border:10px solid rgba(0,0,0,.5);border-radius:10px;position:absolute;top:50%;z-index:2;width:600px;left:50%;margin-left:-300px;margin-top:-40px}
.banner form input,.banner form button{background:#FFFFFF;border:0;cursor:pointer;height:55px;line-height:55px;display:block;}
.banner form input{color:#292929;font-size:16px;float:left;width: calc(100% - 110px);padding-left:20px}
.banner form button{transition-duration:.5s;background:#2F2F2F;text-align:center;float:right;width:110px;}
.banner form button:hover{background:#D90113;}
.banner form button i{font-size:20px;color:#fff}

.pc-menu{padding:25px 0;border-bottom:1px solid #ECECEC;display:flex;justify-content:center;align-items:center;}
.pc-menu a{transition-duration:.5s;height:50px;display:flex;justify-content:center;align-items:center;margin-right:40px;padding:0 45px;font-size:18px;color:#292929;}
.pc-menu:last-child{margin-right:0;}
.pc-menu a:hover,.pc-menu a.on{background:#D90113;color:#fff;border-radius:40px}

.footer{padding:60px 0;background:#2F2F2F}
.footer .menu{width:56%}
.footer .menu dl dt{margin-bottom:25px}
.footer .menu dl dt a{font-weight:bold;font-size:18px;color:#F4F4F4;}
.footer .menu dl dd,.footer .menu dl dd a{font-size:15px;color:#BDBDBD;line-height:33px;}
.footer .menu dl dd a{transition-duration:.5s;border-bottom:2px solid #2F2F2F;}
.footer .menu dl dd a:hover{border-color:#fff;color:#fff;}
.footer .info{width:33%}
.footer .info .wx p{padding:8px;background:#fff;}
.footer .info .txt{text-align:right;}
.footer .info .txt .item{margin-bottom:30px;}
.footer .info .txt .item h3{color:#F4F4F4;margin-bottom:15px;font-size:16px;}
.footer .info .txt .item p{font-size:15px;color:#BDBDBD}
.footer .info .txt .ico a{margin-left:20px;}

.bottom{background:#2F2F2F;padding:30px 0;border-top:1px solid #414141;}
.bottom p,.bottom p a{font-size:15px;color:#BDBDBD;}
.bottom p a{margin-left:5px;}

.list-news{background:#F6F7FA;}
.list-news .list .item{width:48.5%;margin:0 3% 40px 0;}
.list-news .list .item:nth-child(2n){margin-right:0;}
.list-news .list .item .txt{color:#141414;background:#FFFFFF;padding:30px 35px;}
.list-news .list .item .txt h3{transition-duration:.5s;font-size:23px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px;}
.list-news .list .item .txt p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:15px;line-height:24px;}
.list-news .list .item:hover .txt h3{color:#D90113}

.show-news h1{font-size:24px;color:#1C1F23;}
.show-news .time{padding:15px 0;margin-bottom:20px;border-bottom:1px solid #D2D2D3;opacity:.5;color:#1C1F23}
.show-news .body{font-size:16px;line-height:30px;}
.show-news .body p{margin-bottom:15px;}
.show-news .body p:last-child{margin-bottom:0;}
.show-news .more{margin-top:40px;padding-top:30px;border-top:1px solid #D2D2D3;}
.show-news .more .up p,.show-news .more .up p a{font-size:16px;line-height:30px;}
.show-news .more .btn{transition-duration:.5s;border-radius:4px;width:120px;height:40px;background:#2F2F2F;text-align:center;line-height:40px;}
.show-news .more .btn a{display:block;color:#fff;font-size:14px;}
.show-news .more .btn a img{margin-left:10px;}
.show-news .more .btn:hover{background:#D90113;}

.list-download .wrap{max-width:1300px}
.list-download ul li{width:46%;margin-bottom:40px;}
.list-download ul li .name{border-radius:6px 0 0 6px;transition-duration:.5s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:43px;border:1px solid #E0E0E0;border-right:0;padding:0 10px;width: calc(100% - 130px);}
.list-download ul li .more{border-radius:0 6px 6px 0;transition-duration:.5s;width:130px;font-size:15px;line-height:45px;background:#585858;text-align:center;color:#fff;}
.list-download ul li .more i{margin-right:10px;}
.list-download ul li:hover .name{border-color:#C31211;color:#C31211}
.list-download ul li:hover .more{background:#C31211}

.list-video .wrap{max-width:1300px;}
.list-video .item .pic video,.list-video .item .pic img{width:100%;max-height:500px;}
.list-video .item .txt{font-size:38px;text-align:center;font-weight:100;padding:40px 0;}

.list-contact .t{font-size:53px;color:#333;font-weight:bold;margin-bottom:50px}
.list-contact .info{padding-bottom:30px;}
.list-contact .info .pic{text-align:right;width:50%}
.list-contact .info .txt{width:50%}
.list-contact .info .txt .item{display:flex;align-items:center;margin-bottom:30px}
.list-contact .info .txt .item img{margin:0 30px;}
.list-contact .info .txt .item p,.list-contact .info .txt .item p a{color:#202020;font-size:28px;}
.list-contact .info .txt .item p a{transition-duration:.6s;font-family: 'Roboto-Regular';border-bottom:1px solid #fff;}
.list-contact .info .txt .item p a:hover{border-color:#000}
.list-contact .form form input{transition-duration:.5s;height:50px;width:49%;margin-bottom:20px;border-radius:4px;border:1px solid #E6E6E6;padding:0 20px;}
.list-contact .form form textarea{transition-duration:.5s;width:100%;border:1px solid #E6E6E6;padding:20px;min-height:120px;}
.list-contact .form form input:hover,.list-contact .form form textarea:hover{border-color:#FF151E;color:#FF151E;}
.list-contact .form form .code{margin:20px 0;width:100%;}
.list-contact .form form .code input{width:40%}
.list-contact .form form .code img{cursor:pointer;height:50px}
.list-contact .form form .btn{transition-duration:.5s;width:255px;cursor:pointer;line-height:55px;border-radius:30px;height:55px;font-size:18px;background:#FF151E;text-align:center;color:#fff;}
.list-contact .form form .btn:hover{background:#2F2F2F}

.list-pro{background:#F6F7FA;}
.list-pro.list .wrap{max-width:1710px}
.list-pro .hd{position:relative;margin-bottom:50px;}
.list-pro .hd:before{content:"";position:absolute;width:100%;z-index:1;height:1px;background:#E5E5E5;left:0;top:25px;}
.list-pro .hd h2{background:#F6F7FA;position:relative;padding-right:30px;z-index:2;font-weight:bold;font-size:62px;color:#D90113;font-family:"Verdana";text-transform:uppercase;line-height:65px;}
.list-pro .hd .btn{background:#F6F7FA;position:relative;z-index:2;padding-left:40px;}
.list-pro .hd .btn a{display:block;width:230px;height:55px;border-radius:8px;line-height:55px;text-align:center;font-family: 'Roboto-Regular';font-size:17px;color:#fff;background:#C10818;}
.list-pro .hd .btn a i{margin-left:40px}
.list-pro .bd .sidebar{width:330px;z-index: 99999 !important;}
.list-pro .bd .sidebar .sticky{position:sticky;top:10px;padding:15px;box-shadow:0 10px 20px rgba(0,0,0,.1);background:#fff;}
.list-pro .bd .sidebar h2{padding:17px 20px;margin-bottom:13px;border-bottom:5px solid #D90113;color:#D90113;font-size:28px;}
.list-pro .bd .sidebar .menu .item h3{position:relative;height:51px;line-height:50px;border-bottom:1px solid #E9E9E9;}
.list-pro .bd .sidebar .menu .item h3 a{font-size:16px;color:#212121;font-weight:bold;display:block;padding:0 20px}
.list-pro .bd .sidebar .menu .item h3:before{content:"";position:absolute;right:23px;top:50%;margin-top:-1px;width:15px;background:#D90113;height:2px;}
.list-pro .bd .sidebar .menu .item .sub{padding:20px 0 5px}
.list-pro .bd .sidebar .menu .item .sub h4{padding:0 20px 0 45px;color:#212121;font-size:16px;position:relative;margin-bottom:20px;display:block;}
.list-pro .bd .sidebar .menu .item .sub h4:last-child{margin-bottom:5px;}
.list-pro .bd .sidebar .menu .item .sub h4>a:before{top:3px;position:absolute;left:20px;width:14px;height:14px;border:1px solid #8D8D8D;content:"";}
.list-pro .bd .sidebar .menu .item h3 a.on,.list-pro .bd .sidebar .menu .item h3 a:hover,.list-pro .bd .sidebar .menu .item .sub a.on,.list-pro .bd .sidebar .menu .item .sub h4:hover{color:#D90113}
.list-pro .bd .sidebar .menu .item .sub a.on:before{background:#D90113;border-color:#D90113}
.list-pro .bd .sidebar .menu .item .list-no{background: #d90113;position: absolute;top: 0;left:95%;transform: scaleY(0);transform-origin: top;transition:transform 0.5s ease-in-out;padding: 20px 45px;z-index: 99999 !important;}
.list-pro .bd .sidebar .menu .item .list-no a{display:block;line-height:24px;font-size: 14px;color: #fff;white-space:nowrap;transition: 0.5s;}
.list-pro .bd .sidebar .menu .item .list-no a:hover{color: #fff;transform: translate(8px);}
.list-pro .bd .sidebar .menu .item .sub h4:hover .list-no {transform: scaleY(1);}
.list-pro .bd .sidebar .menu .item:hover>h3 .list-no {transform: scaleY(1);}
.list-pro .bd .sidebar .wx{margin:40px auto;text-align:center;}
.list-pro .bd .content{width: calc(100% - 360px);}
.list-pro .bd .content .list .item{transition-duration:.6s;width:23.5%;margin:0 2% 25px 0;background:#fff;border-radius:6px;box-shadow:0 10px 20px rgba(0,0,0,.1)}
.list-pro .bd .content .list .item:nth-child(4n){margin-right:0;}
.list-pro .bd .content .list .item .p{padding:0 10px;}
.list-pro .bd .content .list .item .p a{display:block;padding:15px 0;border-bottom:1px solid #F2F1F1}
.list-pro .bd .content .list .item .txt{border-radius:0 0 6px 6px;transition-duration:.6s;align-items:center;padding:15px;}
.list-pro .bd .content .list .item .txt .ico i{transition-duration:.6s;color:#FFAB00}
.list-pro .bd .content .list .item .txt h2{margin:6px 0;}
.list-pro .bd .content .list .item .txt h2 a{transition-duration:.6s;font-size:16px;color:#535353}
.list-pro .bd .content .list .item .txt h3 a{transition-duration:.6s;font-size:16px;color:#535353;font-family:"Verdana";}
.list-pro .bd .content .list .item .txt .more{transition-duration:.6s;width:36px;height:36px;border-radius:4px;background:#939393;text-align:center;line-height:36px;}
.list-pro .bd .content .list .item .txt .more a{transition-duration:.6s;color:#fff;display:block;}
.list-pro .bd .content .list .item:hover .txt{background:#D90113;}
.list-pro .bd .content .list .item:hover .ico i{color:#fff;}
.list-pro .bd .content .list .item:hover h2 a{color:#fff;}
.list-pro .bd .content .list .item:hover h3 a{color:#fff;}
.list-pro .bd .content .list .item:hover .more{background:#fff;}
.list-pro .bd .content .list .item:hover .more a{color:#D90113;}
.list-pro .bd .content .show_pro{padding:0 70px 0 30px}
.list-pro .bd .content .show_pro .show_t{display:flex;width:100%;}
.list-pro .bd .content .show_pro .show_t span,.list-pro .bd .content .show_pro .show_t a{transition-duration:.4s;cursor:pointer;width:33.3%;height:65px;line-height:65px;font-size:22px;text-align:center;background:#222;color:#fff;}
.list-pro .bd .content .show_pro .show_t span.on{background:#333333;}
.list-pro .bd .content .show_pro .show_c{padding:40px 0;}
.list-pro .bd .content .show_pro .txt_box{font-size:16px;line-height:24px;}
.list-pro .bd .content .show_pro .images_box li{width:49%;margin-bottom:25px;}
.list-pro .bd .content .show_pro .images_box li img{width:100%}
.list-pro .bd .content .show_pro .show_h{margin-bottom:60px}
.list-pro .bd .content .show_pro .show_h .tupian_list{width:520px;}
.list-pro .bd .content .show_pro .show_h .tupian_list .datu{margin-bottom:30px;padding:10px;box-shadow:0 10px 20px rgba(0,0,0,.1);border-radius:8px;background:#fff;}
.list-pro .bd .content .show_pro .show_h .tupian_list .datu img{width:100%}
.list-pro .bd .content .show_pro .show_h .info{width: calc(100% - 600px);}
.list-pro .bd .content .show_pro .show_h .xiaotu{height:90px;}
.list-pro .bd .content .show_pro .show_h .xiaotu .pro_prev,.list-pro .bd .content .show_pro .show_h .xiaotu .pro_next{font-size:20px;width:50px;align-items:center;display:flex;color:#343531;justify-content:center;cursor:pointer;}
.list-pro .bd .content .show_pro .show_h .xiaotu .zoom-desc{display:flex;}
.list-pro .bd .content .show_pro .show_h .xiaotu .zoom-desc li{margin-right:20px;border-radius:4px;width:90px;height:90px}
.list-pro .bd .content .show_pro .show_h .xiaotu .zoom-desc li img{border-radius:4px;border:1px solid #E2E3E5;width:90px;height:90px}
.list-pro .bd .content .show_pro .show_h .info h2{font-size:26px;color:#535353}
.list-pro .bd .content .show_pro .show_h .info h3{margin-top:10px;font-family:"Verdana";font-weight:bold;font-size:26px;color:#535353}
.list-pro .bd .content .show_pro .show_h .info .body{font-size:15px;line-height:24px;color:#010101;padding:25px 0;}
.list-pro .bd .content .show_pro .show_h .info .info-nav{display:flex;border-top:1px dashed #7C7C7C;border-bottom:1px dashed #343531;padding:20px 0;}
.list-pro .bd .content .show_pro .show_h .info .info-nav a{transition-duration:.5s;width:50px;height:50px;font-size:20px;text-align:center;align-items:center;justify-content:center;border:1px solid #7C7C7C;margin-left:10px;display:flex;}
.list-pro .bd .content .show_pro .show_h .info .info-nav a:last-child{width:170px;height:50px;border:0;background:#343531;font-size:17px;color:#fff;}
.list-pro .bd .content .show_pro .show_h .info .info-nav a:hover{background:#C31110;border-color:#D90113;color:#fff;border-radius:50px;}

.list-about .body{padding:50px 0 60px;}
.list-about .body h2{text-align:center;margin-bottom:40px;color:#292929;font-size:45px;font-weight:100;}
.list-about .body p{font-size:17px;line-height:38px;color:#413C3C;margin-bottom:40px;}
.list-about .body p:last-child{margin-bottom:0;}
.list-about .data{background:url(../images/data.jpg) no-repeat center;height:222px;display:flex;align-items:center;}
.list-about .data li{text-align:center;width:25%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;}
.list-about .data li span{position:relative;line-height:100px;font-family: 'BEBASNEUE';font-size:100px;color:#fff;}
.list-about .data li span:before{content:"+";color:#fff;font-size:38px;position:absolute;right:-15px;top:-15px;}
.list-about .data li span:after{color:#fff;font-size:16px;position:absolute;right:-35px;top:-20px;}
.list-about .data li:first-child span:before{display:none;}
.list-about .data li:nth-child(2) span:after{content:"项";}
.list-about .data li:nth-child(3) span:after{content:"万套";right:-50px;}
.list-about .data li:nth-child(4) span:after{content:"人";}
.list-about .data li p{color:#fff;margin-top:5px;font-size:16px;}
.list-about .images{padding:60px 0 20px;background:#F7F7F7;}
.list-about .images h2{text-align:center;font-size:45px;color:#333333;font-weight:100;margin-bottom:45px;}
.list-about .images .list .item{width:31%;margin:0 3.5% 40px 0;}
.list-about .images .list .item:nth-child(3n){margin-right:0;}
.list-about .images .list .item .txt{transition-duration:.6s;color:#333333;font-size:20px;margin-top:15px;text-align:center;}
.list-about .images .list .item:hover .txt{color:#DE0000}
.list-about .link{padding:45px 0}
.list-about .link .item{width:32%}
.partner{padding:40px 0;}
.partner .item{background:#fff;height:120px;justify-content:center;display:flex;align-items:center;border-radius:10px;box-shadow:0 15px 30px rgba(0,0,0,.1);width:22%;margin:0 4% 40px 0;}
.partner .item:nth-child(4n){margin-right:0;}
.partner .item a{width:100%;justify-content:center;align-items:center;height:100%;transition-duration:.5s;display:flex;overflow:hidden}
.partner .item a img{transition-duration:.5s;}
.partner .item a:hover img{transform: scale(1.08);}

.index-develop{display:flex;background:url(../images/develop.jpg);height:750px;position:relative;}
.index-develop:after{width:50%;position:absolute;content:"";background:#B40620;right:0;top:0;height:100%;z-index:1;}
.index-develop .pic{width:50%;display:flex;justify-content:center;align-items:center;}
.index-develop .txt{position:relative;z-index:2;width:50%;padding:50px 20px 20px 50px;}
.index-develop .txt:after{width:1px;content:"";height:calc(100% - 160px);;background:#C4394D;position:absolute;left:63px;top:82px}
.index-develop .txt .item{position:relative;margin-bottom:55px;display:flex;justify-content:space-between;}
.index-develop .txt .item:after{left:-3px;top:50%;margin-top:-16px;content:"";width:32px;height:32px;border-radius:100%;position:absolute;background:#CA737F;z-index:2;}
.index-develop .txt .item:before{left:7px;top:50%;margin-top:-6px;content:"";width:12px;height:12px;border-radius:100%;position:absolute;background:#ffffff;z-index:3;}
.index-develop .txt .item:last-child{margin-bottom:0;}
.index-develop .txt .item .time{position:relative;font-family: 'Roboto-Black';display:flex;justify-content:center;color:#A7081F;font-size:29px;align-items:center;width:123px;margin-left:50px;height:63px;border-radius:5px;background:#fff;border-radius:6px;}
.index-develop .txt .item .time:after{left:-8px;content:"";position:absolute;width:0;height:0;border-top: 10px solid transparent;border-right: 8px solid #fff;border-bottom: 10px solid transparent;}
.index-develop .txt .item .body{color:#FFFFFF;font-size:16px;line-height:22px;position:relative;padding-left:30px;display:flex;align-items:center;width: calc(100% - 230px);}
.index-develop .txt .item .body:after{width:16px;height:16px;content:"";position:absolute;border-radius:16px;background:#fff;left:0;top:50%;margin-top:-8px;}

.index-news{background:#F6F7FA;padding:70px 0 40px;}
.index-news .hd{margin-bottom:73px;position:relative;}
.index-news .hd h3{font-size:45px;color:#EBEFF3;line-height:38px;font-family:"Verdana";font-weight:bold;text-transform:uppercase;}
.index-news .hd h2{position:absolute;top:55px;font-size:37px;color:#333333;font-weight:bold;}

.index-pro{background:#FFFFFF}
.index-pro .title{font-size:18px;color:#626262;line-height:25px;font-weight:100;margin-bottom:15px;font-family: 'Roboto-regular';}
.index-pro .hd h2{background:#FFFFFF}
.index-pro .hd .btn{background:#FFFFFF}
.index-pro .hd .btn a{font-family:"Microsoft YaHei";font-size:15px;}
.index-pro .hd .btn .p{margin:17px 0 0 38px;}
.index-pro .wrap{max-width:1680px;}
.index-pro .bd .content{width:100%;}
.index-pro .bd .content .list .item .txt{padding:30px 35px;}

.index-banner{position:relative;overflow:hidden}
.index-banner .slider-nav{height:110px;width:820px;bottom:60px;left:50%;margin-left:-410px;position:absolute;}
.index-banner .slider-nav span{height:110px;width:25% !important;font-size:15px;line-height:22px;color:#fff;text-align:center;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;cursor:pointer;}
.index-banner .slider-nav .slick-current{background:#D90113;}
.index-banner .slider-nav .slick-track{transform:none !important}

.index-about{display:flex}
.index-about .txt{width:53%;padding:5% 3% 0 7.5%}
.index-about .txt h2{font-size:46px;font-weight:bold;color:#CED0D4;text-transform:uppercase;font-family:"Verdana"}
.index-about .txt h3{display:flex;align-items:center;margin:10px 0 24px;}
.index-about .txt h3 span{font-size:45px;color:#292929;font-weight:bold;}
.index-about .txt h3 img{margin-left:20px}
.index-about .txt h4{font-size:16px;color:#413C3C;line-height:33px;}
.index-about .txt .more{margin:40px 0 60px;border-radius:30px;transition-duration:.6s;width:180px;display:block;height:58px;background:#1E1E1E;line-height:58px;text-align:center;color:#fff;font-size:17px;}
.index-about .txt .more:hover{background:#D90113}
.index-about .txt .box{display:flex;margin-bottom:70px;}
.index-about .txt .box:last-child{margin-bottom:0px;}
.index-about .txt .box .item{margin-right:12%}
.index-about .txt .box .item:last-child{margin-right:0%}
.index-about .txt .box .item h5{color:#272727;font-size:16px;margin-bottom:12px}
.index-about .txt .box .item .c{display:flex;align-items:flex-end}
.index-about .txt .box .item .c span{position:relative;font-size:82px;font-weight: bolder;line-height:64px;color:#D90113;font-family: 'BEBASNEUE';}
.index-about .txt .box .item .c span:before{content:"+";color:#D90113;position:absolute;font-size:30px;right:-18px;top:-18px;}
.index-about .txt .box .item .c p{color:#272727;font-size:16px;margin:0 15px;}
.index-about .pic{width:47%;}
.index-about .pic img,.index-about .pic video{width:100%;object-fit: fill}

.index-pro-type{display:flex;margin-top:5px;height:802px;background-image:url(../images/pro_bg.jpg);background-repeat: no-repeat;background-position: center;}
.index-pro-type .wrap{max-width:1680px;position:relative;}
.index-pro-type .hd{color:#fff;text-transform:uppercase;padding-top:150px;}
.index-pro-type .hd h2{font-size:38px;font-weight:bold;font-family:"Verdana"}
.index-pro-type .hd h3{font-size:48px;font-weight:bold}
.index-pro-type .bd{justify-content:center;background:#FFFFFF;height:160px;width:100%;align-items:center;border-radius:8px;position:absolute;bottom:100px;}
.index-pro-type .bd .item{transition-duration:.5s;position:relative;flex:1;display:flex;justify-content:center;}
.index-pro-type .bd .item:before{content:"";width:1px;height:50px;background:#E6E6E6;position:absolute;right:0;top:50%;margin-top:-25px;}
.index-pro-type .bd .item:last-child:before{display:none;}
.index-pro-type .bd .item a{align-items:center;flex-direction: column;justify-content: center;}
.index-pro-type .bd .item .t{transition-duration:.6s;padding:0 10px;font-size:17px;color:#6D6D6D;line-height:20px;text-align: center;margin-top: 10px;}
.index-pro-type .bd .item.on .t{color:#D90113}
.index-pro-type .btn a{transition-duration:.5s;border-radius:4px;position:absolute;top:40%;text-align:center;color:#fff;font-size:30px;display:block;width:70px;height:70px;line-height:70px;background:rgba(0,0,0,.5);}
.index-pro-type .btn a.down{right:0;}
.index-pro-type .btn a:hover{background:#C10818}

.develop .t{margin:50px 0;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:#C41514;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:32%;color:#DCDCDC;font-size:30px;font-family: 'Verdana';}
.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:#C41514;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: 'Verdana';display:flex;align-items:center;justify-content:center;font-size:22px;background:#C41514;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:#C41514;position:absolute;left:0;top:50%;margin-top:-8px;content:"";}


@media (max-width: 1720px){
	.index-about .txt{padding:2% 2% 0 2%}
	.list-pro .wrap,.wrap-max{max-width:98%}
}

@media (max-width: 1680px){
	.index-pro .wrap,.index-pro-type .wrap{max-width:98%}
	.list-pro .bd .content .show_pro{padding:0;}
}

@media (max-width: 1520px){
	.wrap{max-width:98%}
	.header .menu h1{margin-left:45px}
	.index-about .txt h3 span{font-size:40px}
	.index-about .txt .more{margin:30px 0;}
	.index-about .txt .box{margin-bottom:35px}
	.index-about .txt .box .item .c span{font-size:60px;line-height:40px;}
	.pc-menu a{margin-right:15px}
	.list-about .data li span{font-size:80px}
}

@media (max-width: 1300px){
	.list-video .wrap,.list-download .wrap{max-width:98%}
}

@media (max-width: 1366px){
    .header .menu h1 .pro_tab .pro_tab_hd .t{margin-right:25px;}
	.index-about .txt h3{margin:0;}
	.index-pro-type .bd .item .t{padding-left:10px;font-size:24px;}
	.list-pro .bd .content .show_pro .show_h .info{width: calc(100% - 540px);}
}

@media (max-width: 1280px){
    .header .menu h1 .pro_tab .pro_tab_hd .t{margin-right:15px;}
	.header .menu h1{margin-left:25px}
	.index-about .txt h4{line-height:28px}
	.index-about .txt .more{margin:15px 0;}
	.index-about .txt .box .item .c span{font-size:40px;line-height:30px;}
	.index-pro-type .bd .item a .p{width:100%;display:flex;justify-content:center;align-items:center;height:100px}
	.index-pro-type .bd .item a .p img{max-height:100px;}
	.index-pro-type .bd .item a .t{width:100%;text-align:center;}
	.index-pro-type .bd .item a .t br{display:none;}
	.pc-menu a{margin-right:10px;}
	.click_qrcode{display:none !important;}
	.list-pro .bd .content .show_pro .show_h .info .info-nav a:last-child{width:100px;font-size:15px}
}

@media (max-width: 1200px){
	.header .menu h1{margin-left:15px}
	.index-about .txt{padding:0 20px;}
	.index-about .txt h3 img{display:none;}
	.index-pro-type .bd .item .t{padding-left:0px;font-size:18px;}
	.footer .info{justify-content:flex-end;}
	.footer .info .wx{display:none;}
	.pc-menu a{padding:0 25px}
}

@media (max-width: 1024px){
	.header .menu h1{margin-left:35px}
	.header .logo a span{display:none;}
	.index-about .txt h4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
	.index-develop .txt{padding:30px}
	.index-develop .txt:after{left:42px;top:42px;height: calc(100% - 120px);}
	.index-develop .txt .item{margin-bottom:35px}
}

@media screen and (max-width:992px) {
	.list-video .wrap,.list-download .wrap,.wrap,.index-pro .wrap,.index-pro-type .wrap,.list-pro .wrap,.wrap-max{max-width:100% !important;}
	.index-banner .slider-nav,.list-pro .hd .btn,.show-news .more .btn,.pc-menu,.footer .menu dl,.footer .info,.tupian_list,.list-pro .bd .sidebar,.header{display:none !important;}
	.footer .menu dl:last-child,.show-banner{display:block !important;overflow:hidden;}
	.index-about .txt,.index-about .pic,.list-contact .info .txt,.list-contact .info .pic,.footer .menu,.list-pro .bd .content .show_pro .show_h .info,.list-pro .bd .content{width:100%}
	.list-about .body,.footer,.line{padding:30px 10px}
	.banner img{min-height:220px;object-fit: cover;}
	.banner form{margin:0;width:90%;left:5%;top:40%}
	.banner form input, .banner form button{height:45px;line-height:45px}
	.banner form input{width: calc(100% - 80px);}
	.banner form button{width:80px}
	.list-pro .bd .content .show_pro .show_h{margin-bottom:20px}
	.list-pro .bd .content .show_pro .show_h .info{padding-top:20px;}
	.list-pro .bd .content .show_pro .show_h .info .body{padding:15px 0;font-size:15px;line-height:26px}
	.list-pro .bd .content .show_pro .show_t span, .list-pro .bd .content .show_pro .show_t a{height:45px;line-height:45px;font-size:15px}
	.list-pro .bd .content .show_pro .show_c{padding:20px 0}
	.footer .menu dl dt{margin-bottom:10px}
	.bottom{padding:20px 10px 60px}
	.bottom .mc{margin:20px auto 0;}
	.list-video .item .txt{padding:20px 0;font-size:22px}
	.list-pro .hd{margin-bottom:25px}
	.list-pro .hd h2{font-size:30px;line-height:30px}
	.list-pro .bd .content .list .item{width:48%;margin:0 4% 15px 0}
	.list-pro .bd .content .list .item:nth-child(2n){margin-right:0}
	.list-pro .bd .content .list .item .txt h2 a{font-size:15px;}
	.list-pro .bd .content .list .item .txt h3 a{font-size:15px;}
	.list-news .list .item{width:100%;margin:0 0 15px 0}
	.list-news .list .item .txt{padding:15px}
	.list-news .list .item .txt h3{font-size:18px}
	.list-news .list .item .txt p{font-size:14px}
	.list-download ul li{width:100%;margin:0 0 10px 0}
	.list-contact .t{font-size:30px;margin-bottom:20px}
	.list-contact .info .txt .item img{margin:0 10px}
	.list-contact .info .txt .item{margin-bottom:20px}
	.list-contact .info .txt .item p, .list-contact .info .txt .item p a{font-size:16px}
	.list-contact .form form .code input{width:60%}
	.list-about .body h2{font-size:30px;margin-bottom:20px}
	.list-about .body p{font-size:16px;line-height:28px;margin-bottom:20px}
	.list-about .data{height:auto;padding:40px 10px}
	.list-about .data li{width:50%;margin-bottom:20px}
	.list-about .data li span{font-size:40px;line-height:50px}
	.list-about .data li span:before{font-size:20px;right:-15px;top:-5px}
	.list-about .images{padding:30px 10px;}
	.list-about .images h2{font-size:25px;margin-bottom:30px}
	.list-about .images .list .item{width:48% !important;margin:0 4% 15px 0 !important;}
	.list-about .images .list .item:nth-child(2n){margin-right:0 !important;}
	.list-about .images .list .item .txt{margin-top:10px;font-size:15px}
	.partner,.list-about .link{padding:20px 10px}
	.list-about .link .item{width:100%;margin:0 0 15px 0}
	.partner .item{width:48% !important;height:auto;padding:20px 10px;box-shadow:0 5px 15px rgba(0,0,0,.1);margin:0 4% 15px 0 !important}
	.partner .item:nth-child(2n){margin-right:0 !important;}
	.index-about{display:block;padding:30px 10px;}
	.index-about .txt{padding:0 0 20px 0;}
	.index-about .txt .box .item .c p{margin:0 10px}
	.index-pro-type{height:auto;padding:100px 10px;}
	.index-pro-type .hd{padding:0 0 50px 0;}
	.index-pro-type .hd h2{font-size:28px}
	.index-pro-type .hd h3{font-size:28px}
	.index-pro-type .btn{display:none;}
	.index-pro-type .bd{position:static;height:auto;padding:20px;flex-wrap:wrap;}
	.index-pro-type .bd .item{width:33.3%;flex:none;}
	.index-pro-type .bd .item a .p img{max-width:60%;max-height:auto;}
	.index-pro .bd .content .list .item .txt{padding:15px}
	.index-news{padding:40px 10px;}
	.index-news .hd h3{font-size:28px;line-height:28px}
	.index-develop{height:auto;padding:0 0 30px 0}
	.index-develop:after{width:100%}
	.index-develop .txt .item .body:after,.index-develop .pic{display:none}
	.index-develop .txt{width:100%;padding:15px;}
	.index-develop .txt:after{left:25px;height: calc(100% - 120px);}
	.index-develop .txt .item{margin-bottom:20px}
	.index-develop .txt .item .time{font-size:18px;height:43px;width:73px;}
	.index-develop .txt .item .body{width: calc(100% - 140px);font-size:14px;line-height:20px;padding-left:0;}
	.index-develop .txt .item:before{margin:0;top:15px;}
	.index-develop .txt .item:after{margin:0;top:5px;}
	.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}
}