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

.top{height:40px;background:#000000;justify-content: flex-end;display:flex;align-items: center;}
.top a.btn{margin-left:15px;font-size:14px;color:#FFFFFF;border-bottom:1px solid #FFF;}
.top a.btn:hover{color:#DB261B;border-color:#DB261B;padding:0 5px}
.top .lang{display:flex;border-bottom:1px solid #FFF;color:#fff;margin-left:15px;}
.top .lang a{font-size:14px;color:#FFFFFF;}
.top .lang a:hover{color:#DB261B}
    
.header{display:flex;width:100%;background:#fff;}
.header.height{position:fixed;top:0;left:0;box-shadow:0 15px 30px rgba(0,0,0,.1);z-index:999999}
.header .wrap{width:100%;height:80px;align-items: center;display:flex;justify-content: space-between;position: relative;}
.header .wrap .boxs{height:80px;align-items: center;display:flex;position: relative;}
.header .menu .item .sj{margin-left: 10px;}
/*.header .logo{position: absolute;left:50%;margin-left:-22px}*/
.header .menu{display:flex;margin-left: 80px;}
.header .menu .item{display:flex;height:80px;align-items:center;margin-right:50px;position: relative;}
.header .menu .item .sub{z-index:9999;display:none;position: absolute;left:0;width:150px;top:80px;background:#000000}
.header .menu .item .sub a{font-size:16px;padding:10px;display:block;color:#fff;border-bottom:1px dashed rgba(255,255,255,.5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.header .menu .item .sub a:last-child{border:0}
.header .menu .item .sub a:hover{background:#DB261B;}
.header .menu .item:hover .sub{display:block;}
.header .menu .item:last-child{margin-right:0;}
.header .menu .item h3 a{font-size:18px;color:#000000;font-family: 'Roboto-Medium';}
.header .menu .item h3 a:hover,.header .menu .item h3 a.on{border-color:#DB261B;color:#DB261B}
.header .so input{width:90px;height:19px;line-height:19px;color:#B3B3B3;font-size:14px;}
.header .so button{transition-duration:.5s;width:19px;height:19px;background:url(../images/so.png);border:0;cursor: pointer;}
.header .so button:hover{background:url(../images/so_on.png)}

.banner{position: relative;}
.banner img{width:100%;}
.banner .box{display:flex;position: absolute;left:;top:0;z-index:1;width:100%;height:100%;}
.banner .box .wrap-1300{display:flex;align-items: center;}
.banner .box span,.banner .box a{color:#FFFFFF;font-size:24px;font-family: 'Roboto-Medium';}

.footer{background:#000000;padding-top:70px;color:#fff;}
.footer .footer-info .left{width:70%}
.footer .footer-info .left .logo-box{width:25%;}
.footer .footer-info .left .logo-box .logo{align-items:center;}
.footer .footer-info .left .logo-box .logo img{width:72px}
.footer .footer-info .left .logo-box .logo span{width: calc(100% - 85px);font-size:14px;line-height:24px;}
.footer .footer-info .left .logo-box .ico{margin-top:70px;display:flex;}
.footer .footer-info .left .logo-box .ico a{padding:0 8px;border-right:1px solid #FFFFFF;color:#FFFFFF;}
.footer .footer-info .left .logo-box .ico a:hover{color:#DB261B}
.footer .footer-info .left .menu-box{width:65%;display:flex;}
.footer .footer-info .left .menu-box dl{flex:1;}
.footer .footer-info .left .menu-box dl a{color:#fff;}
.footer .footer-info .left .menu-box dl dt{margin-bottom:20px;}
.footer .footer-info .left .menu-box dl dt a{font-size:18px;font-family: 'Roboto-Medium';}
.footer .footer-info .left .menu-box dl dt{margin-bottom:20px;}
.footer .footer-info .left .menu-box dl dd a{font-size:14px;line-height:30px}
.footer .footer-info .left .menu-box dl dd a:hover{color:#DB261B;padding-left:10px}
.footer .footer-info .right{width:23%}
.footer .footer-info .right h2{padding-bottom:10px;font-size:24px;font-family: 'Roboto-Medium';}
.footer .footer-info .right h3{font-size:14px;line-height:20px;max-width:75%}
.footer .footer-info .right form{padding-bottom:5px;margin:35px 0 20px 0;border-bottom:1px solid #FFFFFF;}
.footer .footer-info .right form input{width: calc(100% - 20px);line-height:16px;font-size:14px;color:#FFFFFF;background:none;}
.footer .footer-info .right form input::placeholder {color: #FFFFFF;}
.footer .footer-info .right form button{cursor: pointer;background:url(../images/email.png);border:0;width:20px;height:16px}
.footer .footer-info .right form button:hover{background:url(../images/email_on.png)}
.footer .footer-info .right p{font-size:14px;}
.footer .bottom{margin-top:60px;padding:30px 0 80px;border-top:1px solid #333333}
.footer .bottom p,.footer .bottom p a{font-size:14px;color:#FFFFFF;font-family: 'Roboto-Medium';}

.new-pro{padding-bottom:100px;}
.new-pro .titles{margin: 60px 0 40px;}
.new-pro .titles h1{font-size:40px;font-family: 'Roboto-Bold';color: #000;line-height:1;font-weight: bolder;}
.new-pro .titles h2{font-size:26px;color: #000;font-family: 'Roboto-Medium';line-height:1;margin: 10px 0;}
.new-pro .titles h3{font-size:15px;color: #000;line-height:1;}
.new-pro .titles h4{font-size:22px;color: #000;font-family: 'Roboto-Bold';margin-top: 22px;line-height:1;}
.new-pro .t{font-size:30px;color:#000000;font-family: 'Roboto-Medium';padding:80px 15px 20px}
.new-pro .hd{text-align:center;margin-bottom:60px}
.new-pro .hd h2{font-size:60px;color:#0B0B0B;line-height:60px;font-family: 'Roboto-Bold';}
.new-pro .hd span{display:inline-block;width:50px;height:5px;background:#DB0000}
.new-pro .bd .item{margin:0 20px;}
.new-pro .bd .item .pic{position: relative;overflow:hidden;border-radius: 12px;}
.new-pro .bd .item .pic::after{transition-duration:.8s;top:0;width:100%;position: absolute;left:0;background:rgba(0,0,0,.5);content:"";height:100%}
.new-pro .bd .item:hover .pic::after{top:-100%}
.new-pro .bd .item h3{margin-top:20px;font-size:18px;}
.new-pro .slick-dots{bottom:-60px;}
.new-pro .slick-dots .slick-active{width:40px;background:#DB261B}

.index-main .sidebar{width:230px;}
.index-main .sidebar .box{position: sticky;top:90px;}
.index-main .sidebar a i{display:block;width:7px;height:10px;background:url(../images/right.png) no-repeat 0 center;}
.index-main .sidebar .sub .on i,.index-main .sidebar .item.on h3 a i,.index-main .sidebar a:hover i{background:url(../images/right_on.png) no-repeat 0 center;}
.index-main .sidebar .item h3 a{height:50px;border-bottom:1px solid #CCCCCC;align-items:center;font-size:18px;color:#000000;display:flex;position:relative;}
.index-main .sidebar .item h3 a i{position:absolute;right:5px;top:50%;margin-top:-5px;}
.index-main .sidebar .item.on h3 a,.index-main .sidebar .item h3 a:hover{color:#DB261B}
.index-main .sidebar .item .sub{padding:20px 0;border-bottom:1px solid #CCCCCC;}
.index-main .sidebar .item .sub a{margin-bottom:20px;display:flex;align-items:center;}
.index-main .sidebar .item .sub a i{width:25px;margin-left:10px;}
.index-main .sidebar .item .sub a span{width: calc(100% - 35px);}
.index-main .sidebar .item .sub a:last-child{margin-bottom:0;}
.index-main .sidebar .item .sub a.on,.index-main .sidebar .item .sub a:hover{color:#DB261B}
.index-main .content{width: calc(100% - 280px);}
.index-main .content .list{margin-bottom:50px}
.index-main .content .news-list .item{padding:40px 0;border-bottom:1px solid #CCCCCC;}
.index-main .content .news-list .item:first-child{padding-top:0}
.index-main .content .news-list .item .pic{width:325px;}
.index-main .content .news-list .item .txt{width: calc(100% - 350px);color:#000000;}
.index-main .content .news-list .item .txt h3{transition-duration:.5s;font-family: 'Roboto-Medium';font-size:24px;}
.index-main .content .time{display:flex;align-items:center;margin:20px 0 30px;}
.index-main .content .time span{font-size:14px;}
.index-main .content .time .line{margin:0 10px;width:9px;height:9px;background:#DB261B;}
.index-main .content .news-list .item .txt p{  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;font-size:16px;line-height:30px;}
.index-main .content .news-list .item:hover .txt h3{color:#DB261B}
.index-main .content .show-news{color:#000000;}
.index-main .content .show-news h1{font-family: 'Roboto-Medium';font-size:24px;}
.index-main .content .show-news .body{border-top:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;padding:40px 0;}
.index-main .content .show-news .body p{font-size:16px;line-height:30px;margin-bottom:20px;}
.index-main .content .show-news .more{padding-top:30px;}
.index-main .content .show-news .more .pege p,.index-main .content .show-news .more .pege p a{font-family: 'Roboto-Medium';font-size:16px;line-height:24p;color:#111111;}
.index-main .content .show-news .more .pege p a:hover{color:#DB261B}
.index-main .content .show-news .more .pege p{margin-bottom:10px;}
.index-main .content .show-news .more .back{align-items: center;width:100px;display:flex;height:40px;font-family: 'Roboto-Medium';background:#DB261B;justify-content: center;font-size:18px;color:#fff;;}
.index-main .content .show-news .more .back img{transition-duration:.5s;margin-right:5px}
.index-main .content .show-news .more .back:hover{border-radius:40px;}
.index-main .content .show-news .more .back:hover img{transform: rotate(180deg);}
.index-main .content .pro-list{margin-bottom:30px}
.index-main .content .pro-list .item{flex: 0 0 calc(100% / 3 - 20px);margin-right: 20px;}
.index-main .content .pro-list .item:nth-child(3n) {margin-right: 0;}
.index-main .content .pro-list .item .txt{padding:20px 0 40px }
.index-main .content .pro-list .item .txt h3{transition-duration:.5s;color:#000000;font-size:18px;font-family: 'Roboto-Medium';}
.index-main .content .pro-list .item .txt p{color:#3C3C3C;font-size:16px;}
.index-main .content .pro-list .item:hover .txt h3{color:#DB261B}
.index-main .content .title{position: relative;margin:40px 0 20px;}
.index-main .content .title:after{z-index:-1;content:"";width:100%;position: absolute;left:0;top:0;background:#0B0B0B;height:80px}
.index-main .content .title h2{display:inline-block;margin:20px;height:70px;line-height:70px;font-size:30px;color:#FFFFFF;font-family: 'Roboto-Bold';padding:0 20px;background:#DB261B;}
.index-main .content .show_body{font-family: 'Roboto-Medium';}
.index-main .content .show_body h3{padding-bottom:20px;font-size:24px;line-height:35px;color:#0B0B0B;font-family: 'Roboto-Bold';}
.index-main .content .show_body ul{padding-bottom:20px;display:flex;justify-content: space-between;flex-wrap:wrap;}
.index-main .content .show_body ul li{text-decoration: underline;text-decoration-color:#A5A5A5;width:49%;font-size:16px;line-height:35px;color:#0B0B0B;}
.index-main .content .show_body table{border-collapse: collapse;width:100%}
.index-main .content .show_body table th,.index-main .content .show_body table td{padding:0 15px;border: 1px solid #CECECE;line-height:45px;font-size:16px;color:#0B0B0B;font-weight:normal;text-align:left;}
.index-main .content .show .tupian_list{width:510px}
.index-main .content .show .tupian_list .datu{position: relative;z-index: 9999;}
.index-main .content .show .tupian_list .datu #zoom1 img{width:100%;}
.index-main .content .show .tupian_list .datu .btn a{cursor: pointer;top:50%;margin-top:-16px;width:32px;height:32px;display:block;z-index:999999999;position: absolute;}
.index-main .content .show .tupian_list .datu .btn a.pro_next{left:10px;background:url(../images/ico17.png) no-repeat center}
.index-main .content .show .tupian_list .datu .btn a.pro_prev{right:10px;background:url(../images/ico18.png) no-repeat center}
.index-main .content .show .tupian_list .datu .btn a.pro_next:hover{background:url(../images/ico13.png) no-repeat center;background-size:100% 100%}
.index-main .content .show .tupian_list .datu .btn a.pro_prev:hover{background:url(../images/ico15.png) no-repeat center;background-size:100% 100%}
.index-main .content .show .tupian_list .xiaotu{margin-top:10px;}
.index-main .content .show .tupian_list .xiaotu li{transition-duration:.5s;float:left;margin-right:16px;width:115px;height:115px;border:1px solid #9D9D9D}
.index-main .content .show .tupian_list .xiaotu li img{width:113px;height:113px}
.index-main .content .show .tupian_list .xiaotu li:hover{border-color:#DB261B}
.index-main .content .show .info{width: calc(100% - 550px);display:flex;align-content: space-between;flex-wrap:wrap}
.index-main .content .show .info-t{width:100%}
.index-main .content .show .info-t .t p{font-size:16px;color:#0B0B0B;font-family: 'Roboto-Medium';padding-top:5px;}
.index-main .content .show .info-t .t .p{padding-top:15px;margin-top:15px;border-top:1px solid #CECECE}
.index-main .content .show .info-t .nav{padding:40px 0 20px;border-bottom:1px solid #CECECE;display:flex}
.index-main .content .show .info-t .nav a{width:44px;height:44px;background:#131A24;display:flex;justify-content: center;align-items: center;margin-left:8px;border-radius:4px;}
.index-main .content .show .info-t .nav a:hover{background: #DB261B;}
.index-main .content .show .info-t .nav .message_btn{cursor: pointer;border-radius:4px;width:130px;height:44px;display:flex;justify-content: center;align-items: center;background:#DB261B;color:#fff;text-transform:uppercase;}
.index-main .content .show .info-t .nav .message_btn img{margin-right:8px;}
.index-main .content .show .info-t .txt{padding-top:20px;color:#0B0B0B;font-size:16px}
.index-main .content .show .info-t .txt h3{font-size:24px;color:#0B0B0B;font-family: 'Roboto-Bold';}
.index-main .content .show .info-t .txt p{font-size:16px;line-height:35px;color:#0B0B0B;text-decoration: underline;text-decoration-color:#A5A5A5;}
.index-main .content .show .info-b{width:100%;padding:15px 0;border-top:1px solid #CECECE}
.index-main .content .show .info-b span{text-transform:uppercase;color:#000000;font-family: 'Roboto-Medium';}
.index-main .content .show .info-b .ico{display:flex;}
.index-main .content .show .info-b .ico a{margin-right:8px;padding-right:8px;color:#000000;border-right:1px solid #CCCCCC}
.index-main .content .show .info-b .ico a:last-child{border:0;margin:0;padding:0;}
.index-main .content .show .info-b .ico a:hover{color:#DB261B}

.liat-about .body{overflow:hidden;color:#000000;}
.liat-about .body .video{float:left;margin-right:40px}
.liat-about .body .video img{width:100%;cursor: pointer;}
.liat-about .body h3{margin-top:10px;font-size:24px;line-height:30px;padding:10px;color:#fff;background:#DB261B;display:inline-block;border-radius:8px;font-family: 'Roboto-Bold';}
.liat-about .body h2{padding:20px 0 50px;font-size:60px;line-height:60px;color:#000000;font-family: 'Roboto-Bold';}
.liat-about .body p{font-size:16px;line-height:30px;margin-top:25px;}
.liat-about .title{position: relative;border-bottom:1px solid #E5E5E5;padding-bottom:30px;margin-bottom:45px;}
.liat-about .title h2{font-size:60px;line-height:60px;color:#DB261B;font-family: 'Roboto-Bold'}
.liat-about .title p{font-size:24px;color:#0B0B0B;font-family: 'Roboto-Medium';}
.liat-about .honor{padding-bottom:100px}
.liat-about .honor .title .btn{display:flex;position: absolute;bottom:30px;right:0;}
.liat-about .honor .title .btn a{width:16px;height:16px;}
.liat-about .honor .title .btn a.prev{background:url(../images/ico17.png) no-repeat center;background-size:100%}
.liat-about .honor .title .btn a.next{margin-left:10px;background:url(../images/ico18.png) no-repeat center;background-size:100%}
.liat-about .honor .title .btn a.prev:hover{background:url(../images/ico13.png) no-repeat center;background-size:100%}
.liat-about .honor .title .btn a.next:hover{background:url(../images/ico15.png) no-repeat center;background-size:100%}
.liat-about .honor .bd .item{padding:20px;border-radius:8px}
.liat-about .honor .bd .item a{padding:15px;border-radius:8px;display:block;box-shadow:0 5px 10px rgba(0, 0, 0,.1);}
.liat-about .honor .bd .item .t{padding-top:10px;margin-top:10px;border-top:1px solid #CCCCCC;color:#0B0B0B}
.liat-about .honor .bd .slick-dots{bottom:-50px;}
.liat-about .honor .bd .slick-dots li{margin:0 16px 0 0;width:16px;height:16px;background:#000000;}
.liat-about .honor .bd .slick-dots li:last-child{margin-right:0}
.liat-about .honor .bd .slick-dots li.slick-active{background:#DB0000}
.liat-about .contact .pic{width:430px;padding-top:60px;}
.liat-about .contact .info{width: calc(100% - 550px);color:#000000;}
.liat-about .contact .info .item{padding:13px 0;margin-right:140px;border-bottom:1px solid #E3E3E3;display:flex;}
.liat-about .contact .info .item .i{width:35px;justify-content: flex-start;align-items: flex-start;}
.liat-about .contact .info .item .p{width: calc(100% - 35px);}
.liat-about .contact .info .item .p,.liat-about .contact .info .item .p a{font-size:16px;line-height:22px;}
.liat-about .contact .info .item .p span{margin-right:40px;}
.liat-about .contact .info .item .p span:last-child{margin-right:0;}
.liat-about .contact .info .item .p a:hover{color:#DB261B}
.liat-about .contact .info .item_t{padding:40px 0 20px;}
.liat-about .contact .info .item_t h2{font-size:36px;font-family: 'Roboto-Bold';}
.liat-about .contact .info .item_t p{font-size:16px;}
.liat-about .contact .info .form{padding-top:50px;color:#000000;font-family: 'Roboto-Medium';}
.liat-about .contact .info .form .t{margin-bottom:40px;color:#000000;font-family: 'Barlow-Medium'}
.liat-about .contact .info .form .t h2{display:flex;align-items:center;margin-bottom:15px;}
.liat-about .contact .info .form .t h2 span{font-size:24px;margin-left:10px;color:#DB261B;}
.liat-about .contact .info .form .t p{font-size:16px;line-height:24px;}
.liat-about .contact .info .form .input_item .p{width:47%}
.liat-about .contact .info .form .text_item{margin:25px 0 22px;}
.liat-about .contact .info .form .end_item{align-items:flex-end}
.liat-about .contact .info .form .code{position:relative;width:47%}
.liat-about .contact .info .form .code img{position:absolute;right:1px;bottom:1px;height:44px;cursor:pointer;}
.liat-about .contact .info .form form h3{font-size:18px;color:#2F2F2F;margin-bottom:16px;}
.liat-about .contact .info .form form input{color:#fff;width:100%;height:46px;line-height:46px;padding:0 15px;font-size:16px;background:#000000;}
.liat-about .contact .info .form form textarea{color:#fff;width:100%;font-size:16px;background:#000000;line-height:30px;min-height:110px;padding:10px 15px;}
.liat-about .contact .info .form .btn{transition-duration:.5s;cursor:pointer;background:#DB0000;height:47px;display:flex;justify-content:center;align-items:center;width:150px;}
.liat-about .contact .info .form .btn span{color:#fff;margin-left:10px}
.liat-about .contact .info .form .btn:hover{border-radius:40px}

.index-banner{position:relative;overflow:hidden;}
.index-banner .slick-dots{bottom:50px}
.index-banner .slick-dots li{background:rgba(255,255,255,.5);width:16px;border:0;transition-duration:.6s;position:relative;border-radius:16px;margin:0 16px 0 0;height:16px;opacity:1;}
.index-banner .slick-dots li button{display:none;}
.index-banner .slick-dots li.slick-active{background:#DB0000;width:35px}
.index-banner .prev,.index-banner .next{transition-duration:.5s;width:39px;height:39px;cursor: pointer;position:absolute;top:50%;margin-top:-18px;cursor:pointer;}
.index-banner .prev{left:80px;background:url(../images/ico12.png) no-repeat center center}
.index-banner .next{right:80px;background:url(../images/ico14.png) no-repeat center center}
.index-banner .prev:hover{background:url(../images/ico13.png) no-repeat center center}
.index-banner .next:hover{background:url(../images/ico15.png) no-repeat center center}

.index-btn{font-family: 'Barlow-Medium';font-size:16px;margin-top:50px;width:200px;height:60px;display:flex;justify-content: center;align-items: center;background:#DB261B;text-align:center;color:#fff;;}
.index-btn:hover{border-radius:50px;color:#fff;}

.index-hot-pro .hd{margin-bottom:30px;color:#000000;font-family: 'Roboto-Bold';text-align:center;text-transform: uppercase;}
.index-hot-pro .hd h1{font-size: 60px;}
.index-hot-pro .hd h2{font-size: 25px;margin-top: 10px;}
.index-hot-pro .bd{position: relative;}
.index-hot-pro .bd .txt{width:530px;display:flex;align-items: center;position: absolute;left: 80px;top: 50%;z-index: 999;transform: translateY(-40%) !important;}
.index-hot-pro .bd .txt p{font-size:40px;color:#FFFFFF;line-height:45px;text-transform: uppercase;font-family: 'SourceHanSansCN-Heavy';max-width: 350px;}
.index-hot-pro .bd .pic{width:100%;}
.index-hot-pro .bd .pic img{width:100%}


.index-find{text-align:center;background:url(../images/index_01.webp) no-repeat center fixed;background-size: cover;height:770px;display:flex;justify-content: center;align-items: center;}
.index-find h2{font-size:80px;line-height:80px;color:#fff;font-family: 'Roboto-Bold';}
.index-find p{font-family: 'Roboto-Medium';margin:20px auto 0;font-size:24px;line-height:30px;color:#fff;}
.index-find .index-btn{margin:80px auto 0;}

.index-pro{padding:120px 0 120px 60px;overflow:hidden}
.index-pro .hd{width:30%;display:flex;align-items: center;}
.index-pro .hd h2{font-size:48px;color:#000000;font-family: 'Roboto-Bold';line-height:67px}
.index-pro .hd p{font-size:18px;color:#000000;font-family: 'Roboto-Medium';padding:15px 0 25px}
.index-pro .bd{width:70%}
.index-pro .bd .item{padding-right:20px;margin: 20px 30px 0 30px;}
.index-pro .bd .item .pic{border-radius:16px;box-shadow: 0 2px 8px rgba(0,0,0,.18);padding: 20px 10px 0 10px}
.index-pro .bd .item .logop{position:absolute;left: 16px;top: 12px;max-width:28px;}
.index-pro .bd .item .txt{padding-top:20px;text-align: center;margin-top: 20px;}
.index-pro .bd .item .txt h3{font-size:18px;color:#000000;font-family: 'Roboto-Medium'}
.index-pro .bd .item .txt p{font-size:16px;color:#3C3C3C;margin-top:8px;}
.index-pro .bd .slick-dots{bottom:-50px;}
.index-pro .bd .slick-dots li{margin:0 16px 0 0;width:30px;height:8px;background:#E5E5E5;}
.index-pro .bd .slick-dots li:last-child{margin-right:0}
.index-pro .bd .slick-dots li.slick-active{background:#DB0000}

.index-video{position: relative;color:#fff;display:flex;}
.index-video video{width:100%;object-fit: fill;max-height:770px;}
.index-video .txt{position: absolute;left:0;top:0;width:100%;/*background:rgba(0,0,0,.4);*/text-align:center;height:100%;display:flex;justify-content: center;align-items: center;}
.index-video .txt h3{font-size:30px;font-family: 'Roboto-Bold';}
.index-video .txt h2{font-family: 'Roboto-Bold';padding-bottom:30px;font-size:120px;line-height:120px}
.index-video .txt p{max-width:1100px;margin:0 auto 0;font-size:20px;line-height:24px}
.index-video .txt .index-btn{margin:50px auto 0;}

.index-news{padding:120px 0 100px 60px;overflow:hidden;display:flex;}
.index-news .hd{width:25%;display:flex;flex-direction: column;align-items:center;padding-right: 100px;}
.index-news .hd h2{font-size:48px;color:#000000;font-family: 'Roboto-Bold';line-height:60px;position: relative;padding:0 30px;text-transform: uppercase;text-align:center;}
.index-news .hd h3{font-size:20px;color:#000000;font-family: 'Roboto-Bold';margin-top: 15px;text-align: center;}
/*.index-news .hd h2::after{writing-mode: vertical-rl;content:'STORIES';color:#000000;font-size:18px;font-family: 'Roboto-Medium';position: absolute;left:-15px;top:13px;}*/
.index-news .hd p{font-size:18px;color:#000000;font-family: 'Roboto-Medium';padding:15px 0 25px}
.index-news .hd .btn{display:flex;padding:50px 0 60px 0}
.index-news .hd .btn div{cursor: pointer;transition-duration:.5s;display:block;width:27px;height:17px;}
.index-news .hd .btn .prev{background:url(../images/ico19.png)}
.index-news .hd .btn .next{margin-left:20px;background:url(../images/ico20.png)}
.index-news .hd .btn .prev:hover{background:url(../images/ico21.png)}
.index-news .hd .btn .next:hover{background:url(../images/ico22.png)}
.index-news .hd a{font-size:16px;color:#000000;font-family: 'Roboto-Medium';height:60px;width:200px;border:1px solid #000000;display:flex;justify-content: center;align-items: center;text-align: center;}
.index-news .hd a:hover{border-radius:40px;background:#DB261B;border-color:#DB261B;color:#fff;}
.index-news .bd{width:75%;}
.index-news .bd .item{margin-left:40px;}
.index-news .bd .item .pic{border-radius:20px;}
.index-news .bd .item .pic img{width:100%}
.index-news .bd .item .txt h3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; margin:30px 0 10px;;transition-duration:.5s;font-family: 'Roboto-Bold';font-size:24px;line-height:32px;text-align: center;text-transform:uppercase;}
.index-news .bd .item .txt .time{display:flex;align-items:center;margin:20px 0 30px;}
.index-news .bd .item .txt span{font-size:14px;color:#000}
.index-news .bd .item .txt .line{margin:0 10px;width:9px;height:9px;background:#DB261B;}
.index-news .bd .slick-dots{bottom:-40px;}
.index-news .bd .slick-dots li{margin:0 16px 0 0;width:30px;height:8px;background:#E5E5E5;}
.index-news .bd .slick-dots li:last-child{margin-right:0}
.index-news .bd .slick-dots li.slick-active{background:#DB0000}

@media (max-width: 1900px){
    .wrap{padding:0 40px;}
    .index-pro,.index-news{padding-left:40px;}
}

@media (max-width: 1366px){
    .wrap{padding:0 20px;}
    .index-pro,.index-news{padding-left:20px;}
}

@media (max-width: 1300px){
    .wrap-1300{width:98%}
    .new-pro .bd .item{margin:0 10px}
    .index-news .bd .item{margin-left:20px}
    .index-news .bd .item .txt h3{font-size:18px;line-height:26px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
    .index-news .bd .item .txt span{font-size:12px}
    .index-main .content .time{margin:15px 0 25px}
}

@media screen and (max-width:992px) {
    
    .index-banner .slick-dots li{background:rgba(255,255,255,.5);width:10px;border:0;transition-duration:.6s;position:relative;border-radius:10px;margin:0 10px 0 0;height:10px;opacity:1;}
    
    .liat-about .contact .info .form .code img{bottom: 16px;}
    
    .wrap{padding:0;}
    .index-news .hd,.index-news .bd,.index-pro .hd,.index-pro .bd,.index-hot-pro .bd .txt,.index-hot-pro .bd .pic,.index-main .content .show .info,.liat-about .contact .info .form .input_item .p,.liat-about .contact .info .form .code,.liat-about .contact .pic,.liat-about .contact .info,.footer .footer-info .right,.index-main .content,.index-main .content .news-list .item .pic,.index-main .content .news-list .item .txt,.wrap-1300{width:100%;}
    .index-banner .prev, .index-banner .next,.click_qrcode,.tupian_list,.index-main .content .show-news .more .back,.footer .footer-info .left,.index-main .sidebar,.top,.header{display: none !important;}
    .show-banner{display:block !important;overflow:hidden}
    .paging{text-align: center;}
    .main{padding:30px 10px}
    .banner .box{padding:0 10px}
    .banner img{min-height:150px;object-fit:cover}
    .index-main .content .news-list .item{padding:20px 0;}
    .index-main .content .time{margin:8px 0}
    .index-main .content .list{margin-bottom:30px}
    .index-main .content .news-list .item .txt h3{font-size:18px;margin-top:10px}
    .index-main .content .news-list .item .txt p{font-size:14px;line-height:22px}
    .footer{padding:30px 10px 60px}
    .footer .footer-info .right h3{max-width:100%}
    .footer .bottom{padding:15px 0 0 0;margin-top:20px}
    .footer .bottom .mc{margin:15px auto 0}
    .liat-about .body .video{width:100%;margin:0}
    .liat-about .body h2{font-size:40px;line-height:40px;padding:20px 0}
    .liat-about .body p{margin-top:10px;line-height:22px;font-size:14px}
    .liat-about .title{padding-bottom:15px;margin-bottom:25px}
    .liat-about .title h2{font-size:24px;line-height:24px}
    .liat-about .title p{font-size:18px}
    .liat-about .honor{padding:0 0 50px 0}
    .liat-about .honor .bd .slick-dots{bottom:-30px}
    .liat-about .honor .bd .slick-dots li{margin-right:8px}
    .liat-about .honor .bd .item{padding:10px}
    .liat-about .contact .info .item{margin-right:0}
    .liat-about .contact .info .item .p span{display:block;margin:0}
    .liat-about .contact .info .item_t{padding:20px 0 10px}
    .liat-about .contact .info .item_t h2{font-size:24px}
    .liat-about .contact .info .form{padding-top:20px}
    .liat-about .contact .info .form .t{margin-bottom:20px}
    .liat-about .contact .info .form form h3{font-size:16px;margin-bottom:5px}
    .liat-about .contact .info .form .text_item{margin:0;}
    .liat-about .contact .info .form input{margin-bottom:15px;}
    .liat-about .contact .info .form .btn{margin:0 auto}
    .index-main .content .pro-list .item {flex: 0 0 calc(100% / 2 - 10px);margin-right: 20px !important;}
    .index-main .content .pro-list .item:nth-child(2n){margin-right:0 !important;}
    .index-main .content .pro-list .item .txt{padding:10px 0 20px}
    .new-pro .hd{margin-bottom:30px}
    .new-pro .hd h2{font-size:34px;line-height:34px}
    .index-main .content .show-news .body{padding:20px 0;font-size:14px;line-height:22px}
    .index-main .content .show .info-t .nav{padding:20px 0}
    .index-main .content .show .info-t .txt{padding:10px 0;}
    .index-main .content .show_body table{overflow-x: auto;display: block; }
    .index-main .content .show_body table th,.index-main .content .show_body table td {white-space: nowrap;}
    .index-main .content .show_body ul li{width:100%;line-height:30px;}
    .index-banner .slick-dots{bottom:20px;}
    .new-pro{padding-bottom:50px}
    .new-pro .slick-dots{bottom:-30px}
    .new-pro .t{padding:30px 10px 10px}
    .index-video .txt h2,.index-pro .hd h2,.index-find h2,.index-hot-pro .hd{font-size:40px;line-height:40px}
    .index-hot-pro .bd .txt{padding:40px 10px}
    .index-find{height:470px}
    .index-find p{max-width:90%}
    .index-news,.index-pro{padding:30px 10px 60px}
    .index-pro .index-btn{margin:0 0 30px 0;}
    .index-video video{min-height:400px}
    .index-video .txt h2{padding-bottom:0}
    .index-video .txt h3{font-size:20px}
    .index-video .txt p{max-width:98%;font-size:14px;line-height:22px;margin-top:10px}
    .index-video .txt .index-btn{margin-top:30px}
    .index-news{flex-wrap:wrap;}
    .index-news .hd .btn{padding:25px 0 25px 30px}
    .index-news .hd a{margin-bottom:20px;width:150px;height:45px}
    .index-news .bd .item{margin-left:0;}
}