﻿body{min-width:1260px;}
.container{width:1200px;margin:0 auto}
.footer{background-color:#141415;color:rgba(255,255,255,.4)}
.footer a{color:rgba(255,255,255,.4)}
.footer a:hover{color:rgba(255,255,255,.6)}
.footer .bottom{border-top:1px solid rgba(247,248,250,.06);padding:25px 0}
.footer .bottom .links{font-size:0;float:left;width:40%}
.footer .bottom .links .link-item::after{content:"";display:inline-block;vertical-align:middle;width:1px;height:12px;background-color:#2c2c2d;margin:0 10px}
.footer .bottom .links .link-item:last-child:after{display:none}
.footer .bottom .link-item{float:left;font-size:13px;line-height:30px}
.footer .bottom .copyright{float:right;font-size:13px;line-height:30px;width:56%;text-align:right}
.footer .top{padding:76px 0 60px}
.footer .top .group{width:69.6%;float:left}
.footer .top .group .list{float:left;margin-right:26%}
.footer .top .group .list:last-child{margin-right:0}
.footer .top .group .list dt{font-size:16px;color:#fff;margin-bottom:30px}
.footer .top .group .list dd{line-height:1.5;margin-bottom:14px}
.footer .top .group .list dd:last-child{margin-bottom:0}
.footer .top .service{float:right;width:30.4%;padding-left:30px}
.footer .top .service .title{font-size:16px;margin:0 0 36px;color:#fff}
.footer .top .service .hot-tel span{display:block;line-height:100%}
.footer .top .service .hot-tel .tel{font-size:26px;color:#fff;margin-bottom:10px}
.footer .top .service .shares{margin-top:38px}
.footer .top .service .share-item{float:left;position:relative;margin-right:20px}
.footer .top .service .share-item:last-child{margin-right:0}
.footer .top .service .share-item .icon{display:block;width:38px;height:38px;border-radius:50%;overflow:hidden;background:#2d2d2e no-repeat center center}
.footer .top .service .share-item .icon-wx{background-image:url(../images/share_wx.png)}
.footer .top .service .share-item .icon-wb{background-image:url(../images/share_wb.png)}
.footer .top .service .share-item .icon-xhs{background-image:url(../images/share_xhs.png)}
.footer .top .service .share-item .icon-dy{background-image:url(../images/share_dy.png)}
.footer .top .service .share-item .icon:hover{opacity:.8}
.header{position:relative;width:100%;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;z-index: 2;}
.header .nav-list{float:right;line-height:80px}
.header .nav-list .item{float:left;margin-right:36px;font-size:16px}
.header .nav-list .item:last-child{margin-right:0}
.header .nav-list .item.position{position:relative}
.header .nav-list .item .subnav{position:absolute;top:100%;left:0;background-color:#fff;z-index:1;padding:10px 14px;min-width:100%;display:none;overflow:hidden}
.header .nav-list .item .subnav::before{content:"";position:absolute;left:0;top:-80px;width:100%;box-shadow:0 1px 16px 0 rgba(0,0,0,.06);height:80px}
.header .nav-list .item.position .subnav{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}
.header .nav-list .subnav-list .subnab-item{line-height:40px;font-size:14px}
.header .nav-list .products-subnav{overflow:hidden;position:relative}
.header .nav-list .products-subnav::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#fff}
.header .nav-list .products-subnav .box{float:left;width:33.3333%;line-height:normal;padding:25px 0;border-bottom:1px solid #f0f0f0}
.header .nav-list .products-subnav .box .inner{border-right:1px solid #f0f0f0;padding:0 10px}
.header .nav-list .products-subnav .image{width:42%;float:left;overflow:hidden}
.header .nav-list .products-subnav .image-cover{display:block;width:100%;padding-top:100%;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.header .nav-list .products-subnav .image:hover .image-cover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.header .nav-list .products-subnav .content{float:left;width:58%;padding-left:15px}
.header .nav-list .products-subnav .content .label{margin:0;font-size:16px;font-weight:700}
.header .nav-list .products-subnav .content .desc{color:#999;font-size:14px}
.header .nav-list .products-subnav .content dt{margin-bottom:18px}
.header .nav-list .products-subnav .content dd{line-height:32px}
.header .nav-list .products-subnav .content dd a{color:#666;font-size:15px}
.header .nav-list .products-subnav .content dd a:hover{color:#1c49c0;text-decoration:underline}
.header .logo{float:left;line-height:80px; font-size:0;}
.header .logo .logo-hover{display:none}
.header .logo a{ display:inline-block; vertical-align:middle;}
.header .logo a img{ max-height:44px;}
.header .logo em{ display:inline-block; height:44px; width:1px; background-color:#191919; margin:0 19px; vertical-align:middle;}
.header .logo em:last-child { display:none;}
.header .search{float:right;line-height:80px;margin-left:36px}
.header .search .icon-search{display:inline-block;vertical-align:middle;width:20px;height:20px;cursor:pointer;background:url(../images/search_hover.png) no-repeat center center}
.header .search-content-wrap{position:absolute;left:0;top:0;height:100%;width:100%;background-color:#fff;z-index:1;display:none}
.header .search-content{height:100%;width:1200px;margin:0 auto;position:relative;overflow:hidden}
.header .search-content .close{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:50px;height:50px;cursor:pointer;background:url(../images/close.png) no-repeat center center}
.header .search-content .search-text{width:60%;height:50px;margin:15px auto 0;position:relative}
.header .search-content .search-text input{display:block;width:100%;height:100%;font-size:16px;border:none;padding-left:50px}
.header .search-content .search-text .icon-search{width:50px;height:50px;position:absolute;left:0;top:0;background:url(../images/search_hover.png) no-repeat center center}
.header.absolute{position:absolute;left:0;top:0;z-index:6}
.header.absolute .nav-list .item>a{color:#fff}
.header.absolute:hover{background-color:#fff}
.header.absolute:hover .nav-list .item>a{color:#333}
.header.absolute .search .open-search{background:url(../images/search.png) no-repeat center center}
.header.absolute:hover .search .open-search{background:url(../images/search_hover.png) no-repeat center center}
.header.absolute .logo img{display:none}
.header.absolute .logo .logo-hover{display:inline-block}
.header.absolute:hover .logo img{display:inline-block}
.header.absolute:hover .logo .logo-hover{display:none}
.header.absolute .logo em{ background-color:#fff;}
.header.absolute:hover .logo em{ background-color:#191919;}
.view-mask{position:fixed;top:80px;bottom:0;left:0;right:0;z-index:100;background-color:rgba(0,0,0,.5);display:none}
.column-banner{position:relative;overflow:hidden;color:#fff}
.column-banner .pc{display:block}
.column-banner .mobile{display:none}
.column-banner .container{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align: left;}
.column-banner .container h1{font-size:36px;margin:0 0 10px}
.column-banner .container small{font-size:20px}
.columnbar{background-color:#f7f7f7}
.columnbar .column-list{float:left}
.columnbar .column-list .item{float:left;margin-right:32px}
.columnbar .column-list .item a{display:block;height:80px;line-height:80px;position:relative;color:#999;font-size:15px}
.columnbar .column-list .item a.active{color:#333}
.columnbar .column-list .item a.active::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#000}
.columnbar .location{float:right;height:80px;line-height:80px;color:#b8b8b8;font-size:13px}
.columnbar .location a{color:#b8b8b8}
.columnbar .location a::after{content:"/";margin-left:5px}
.columnbar .location a:hover{color:#333}
.text-center{text-align:center}
.md-title{font-size:36px;margin:0}
.md-title span{font-size: 28px;}
.image-cover{display:block;width:100%;background:no-repeat center center;background-size:cover}
@media (max-width:992px){
.column-banner .pc{display:none}
.column-banner .mobile{display:block}
}
@media (max-width:768px){
.md-title{font-size:24px}
}
.Pages{overflow:hidden;text-align:center;font-size:0}
.Pages span{padding:0 2px;display:inline-block;vertical-align:top}
.Pages a{display:inline-block;vertical-align:top;margin:0 4px;height:40px;line-height:40px;min-width:40px;text-align:center}
.Pages .p_cur b{color:red}
.Pages .p_count b{color:red}
.Pages .p_total b{color:red}
.Pages .p_page em{font-style:normal;font-family:Arial}
.Pages .p_page em a{padding:0 7px;font-size:16px}
.Pages .p_page em a.a_cur{color:#fff;background-color:#000}
.Pages .p_page b{font-weight:400}
.Pages .i_text{width:30px;padding:0;text-align:center;font-size:12px;border:inset 1px #ddd;background:#fff}
.Pages .i_button{position:relative;top:5px;width:32px;height:20px;cursor:pointer;border:none;background:url(page_goto.jpg) no-repeat}
.Pages .a_end,.Pages .a_first,.Pages .p_count,.Pages .p_cur,.Pages .p_jump,.Pages .p_total{display:none}
.Pages .a_next,.Pages .a_prev{font-size:14px;padding:0 10px}
.Pages .a_next::after,.Pages .a_prev::before{content:"";display:inline-block;vertical-align:middle;width:7px;height:12px;margin-bottom:2px}
.Pages .a_prev::before{background:url(../images/page_prev.png) no-repeat;margin-right:10px}
.Pages .a_next::after{background:url(../images/page_next.png) no-repeat;margin-left:10px}
.products-main{padding:80px 0 100px}
.products-main .md-title{margin-bottom:40px}
.tabs-header{font-size:0;text-align:center;margin-bottom:25px}
.tabs-header .tabs-item{display:inline-block;vertical-align:top;width:160px;height:50px;line-height:50px;color:#000;font-size:16px;border-radius:25px;background-color:#f7f7f7;text-align:center;margin:0 5px}
.tabs-header .tabs-item.active{background-color:#000;color:#fff}
.tabs-content{overflow:hidden}
.tabs-content .products-list{margin:0 -50px}
.tabs-content .products-list .data{ display: inline-block; padding: 0 50px;}
.tabs-content .products-list .item{width:50%;float:left;padding:15px 50px}
.tabs-content .products-list .item .image{min-height:1px;position:relative}
.tabs-content .products-list .item .image::after{content:"";width:100%;height:1px;position:absolute;left:0;bottom:0;background-color:#e5e5e5}
.tabs-content .products-list .item .image-cover{display:block;padding-top:83.6363%}
.tabs-content .products-list .item .image-hover{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;opacity:0; border-radius: 15px;}
.tabs-content .products-list .item .image:hover .image-hover{opacity:1}
.tabs-content .products-list .item .content{position:relative;padding:30px 150px 0 0;height:110px}
.tabs-content .products-list .item .content .btn{position:absolute;right:0;top:30px;width:126px;height:50px;line-height:46px;border-radius:25px;border:2px solid #ebebeb;text-align:center}
.tabs-content .products-list .item .content .btn:hover{background-color:#000;color:#fff;border-color:#000}
.tabs-content .products-list .item .products-title{margin:0 0 8px;color:#000;font-size:20px}
.tabs-content .products-list .item .desc{margin:0;color:#999;font-size:16px}
.products-main .Pages{margin-top:50px}
@media (max-width:768px){
.tabs-content .products-list .item{padding:8px}
.tabs-content .products-list{margin:0 -8px}
.tabs-content .products-list .item .content{padding:15px 0 15px;height:auto;overflow:hidden}
.tabs-content .products-list .item .content .btn{display:block;position:static;float:right;width:110px;height:38px;line-height:36px;border-width:1px}
.tabs-content .products-list .item .products-title{font-size:18px;margin-bottom:4px}
.tabs-content .products-list .item .desc{font-size:14px;margin-bottom:14px}
.tabs-header .tabs-item{width:auto;min-width:70px;padding:0 16px;height:38px;line-height:38px;font-size:14px;margin:2px 5px}
.products-main{padding:30px 0 50px}
.products-main .md-title{margin-bottom:20px}
.products-main .Pages{margin-top:24px}
}
.products-pavilion{padding:80px 0 110px;overflow:hidden}
.products-pavilion .md-title{margin-bottom:60px}
.pavilion-wrap .pavilion-list{margin:0 -20px}
.pavilion-wrap .pavilion-list .item{width:25%;float:left;padding:25px 20px;position:relative}
.pavilion-wrap .pavilion-list .item .image-cover{padding-top:100%;position:relative;z-index:2;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.pavilion-wrap .pavilion-list .item .info{border-top:1px solid #ebebeb;line-height:1.9;padding-top:12px;position:relative;z-index:2}
.pavilion-wrap .pavilion-list .item .info .label{color:#666;float:left}
.pavilion-wrap .pavilion-list .item .info li.last{padding-left:70px;position:absolute;left:0;top:116px;opacity:0;width: 100%; word-break: break-word;}
.pavilion-wrap .pavilion-list .item .info li.transparent{opacity: 0;}
.pavilion-wrap .pavilion-list .item .info li:nth-child(1) .txt,.pavilion-wrap .pavilion-list .item .info li:nth-child(2) .txt{margin-left:42px;display:block}
.pavilion-wrap .pavilion-list .item .info li:nth-child(4) .txt{margin-left:70px;display:block}
.pavilion-wrap .pavilion-list .item .mask{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background-color:#fff;display:none}
.pavilion-wrap .pavilion-list .item:hover .mask{box-shadow:0 2px 26px 0 rgba(0,0,0,.1)}
.pavilion-wrap .pavilion-list .item:hover{z-index:3}
.pavilion-wrap .pavilion-list .item:hover .info .last{opacity:1}
.pavilion-wrap .pavilion-list .item:hover .info li.transparent{opacity: 1;}
.pavilion-wrap .pavilion-list .item:hover .image-cover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.pavilion-wrap .Pages{margin-top:55px}
@media (max-width:1200px){
.pavilion-wrap .pavilion-list{margin:0}
}
@media (max-width:992px){
.pavilion-wrap .pavilion-list .item{width:33.3333%}
}
@media (max-width:768px){
.pavilion-wrap .pavilion-list .item{width:100%;padding:8px 0}
.pavilion-wrap .pavilion-list .item .info li.last{position:static;opacity:1}
.pavilion-wrap .pavilion-list .item .mask{display:none!important}
.products-pavilion{padding:30px 0 50px}
.pavilion-wrap .Pages{margin-top:24px}
.products-pavilion .md-title{margin-bottom:20px}
.pavilion-wrap .pavilion-list .item .info li.last{display: none;}
.pavilion-wrap .pavilion-list .item .info li.transparent{display: none;}
}
.contact-info .item{width:33.3333%;float:left;padding:1.5px;text-align:center}
.contact-info .item .top{display:table;width:100%;height:300px;background-color:#f7f7f7}
.contact-info .item .top .inner{display:table-cell;vertical-align:middle}
.contact-info .item .top .QR-code{display:inline-block;padding:7px;background:url(../images/block.png) no-repeat;background-size:100% 100%;margin-bottom:28px}
.contact-info .item .top .QR-code img{width:96px;height:96px}
.contact-info .item .top .tel{display:block;font-size:30px;margin-bottom:10px}
.contact-info .item .top .tel-icon{display:block;width:72px;height:72px;margin:0 auto 24px;background:url(../images/tel.png) no-repeat;background-size:100% auto}
.contact-info .item .top .label{display:block}
.contact-info .item .bottom .inner{display:inline-block;vertical-align:top;text-align:left;padding-top:58px}
.contact-info .item .bottom p{margin:0 0 15px;line-height:26px;padding-left:28px;background:no-repeat left center}
.contact-info .item .bottom .address{background-image:url(../images/icon_address.png)}
.contact-info .item .bottom .qq{background-image:url(../images/icon_QQ.png)}
.contact-info .item .bottom .director{background-image:url(../images/icon_author.png)}
.contact-info .item .bottom .tel{background-image:url(../images/icon_tel.png)}
.contact-info .item .bottom .service{background-image:url(../images/icon_service.png)}
.contact-us-main{padding:80px 0 100px}
.contact-us-main .content-top .desc{font-size:18px;margin:15px 0 60px}
.contact-info2 { margin-top: 30px;}
.contact-info2 .item{width:33.3333%;float:left;padding:1.5px;}
.contact-info2 .item h2{ font-size: 20px; }
/* @media (max-width:768px){
.contact-info .item,
.contact-info2 .item{width:100%}
.contact-info .item .bottom .inner{padding:15px 0}
.contact-info .item .top{height:240px}
.contact-info .item .top .tel{font-size:24px}
.contact-info .item .top .tel-icon{width:50px;height:50px;margin:0 auto 14px}
.contact-info .item .top .QR-code{margin-bottom:20px}
.contact-us-main{padding:30px 0 50px}
.contact-us-main .content-top .desc{font-size:16px;margin:14px 0 20px}
.contact-info2 .item h2{ font-size: 18px;}
} */
.news-wrap{margin-top:40px}
.news-wrap .news-list{width:calc(93% - 330px);overflow:hidden;float:left}
.news-wrap .news-list .list{margin:-20px}
.news-wrap .news-list .list .item{width:50%;float:left;padding:20px}
.news-wrap .news-list .list .item .image{overflow:hidden}
.news-wrap .news-list .list .item .image-cover{display:block;width:100%;padding-top:75.1336%;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.news-wrap .news-list .list .item .image:hover .image-cover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.news-wrap .news-list .list .item .content{padding:20px 20px 15px 0}
.news-wrap .news-list .list .item .time{color:#666}
.news-wrap .news-list .list .item .news-tit{height:52px;line-height:26px;margin:4px 0 0}
.news-wrap .news-list .list .item .news-tit a{color:#000;font-size:16px}
.news-wrap .news-list .Pages{margin-top:40px}
.news-wrap .sidenews{float:right;width:330px;background-color:#f7f7f7;padding:0 20px}
.news-wrap .sidenews .list .title{color:#000;font-size:18px;padding:18px 0 6px}
.news-wrap .sidenews .list .title .icon{vertical-align:bottom;margin-right:10px;margin-bottom:3px}
.news-wrap .sidenews .list .item a{display:block;border-top:1px solid #ebebeb;overflow:hidden;padding:20px 0}
.news-wrap .sidenews .list .item .image{width:100px;float:left;overflow:hidden}
.news-wrap .sidenews .list .item .image-cover{padding-top:75%;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.news-wrap .sidenews .list .item .content{float:left;width:calc(100% - 100px);padding-left:10px;padding-top:3px}
.news-wrap .sidenews .list .item time{color:#666}
.news-wrap .sidenews .list .item p{margin:4px 0 0;line-height:1.6}
.news-wrap .sidenews .list .item:hover .image-cover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.slick-news .slick-item{padding:0 50px;opacity:.3;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;position:relative}
.slick-news .slick-item::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}
.slick-news .slick-item.slick-current{opacity:1}
.slick-news .slick-item.slick-current::after{display:none}
.slick-news .slick-item .inner{display:table;background-color:#f7f7f7;width: 100%;}
.slick-news .slick-item .inner>div{display:table-cell;vertical-align:middle;width:50%}
.slick-news .slick-item .image{overflow:hidden}
.slick-news .slick-item .image-cover{padding-top:75%;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.slick-news .slick-item .inner:hover .image-cover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.slick-news .slick-item .content{padding:0 48px}
.slick-news .slick-item .time{color:#000;font-size:16px}
.slick-news .slick-item .news-tit{margin:26px 0 14px;color:#000;font-size:24px;line-height:1.5}
.slick-news .slick-item .desc{margin:0;color:#666;font-size:16px;line-height:1.9}
.slick-news .slick-item .btn{display:inline-block;padding-right:14px;line-height:20px;margin-top:14%;background:url(../images/icon_2.png) no-repeat right center}
.slick-news .slick-arrow{position:absolute;top:50%;width:40px;height:40px;margin-top:-25px;z-index:5;border:none;font-size:0;cursor:pointer}
.slick-news .slick-prev{left:calc((100% - 1336px)/ 2);background:url(../images/slick_prev.png) no-repeat center center}
.slick-news .slick-next{right:calc((100% - 1336px)/ 2);background:url(../images/slick_next.png) no-repeat center center}
.main-news{padding:80px 0 110px}
.main-news .md-title{margin-bottom:60px}
.main-policy{padding:80px 0 118px}
.main-policy .md-title{margin-bottom:12px}
.list-policy .item{margin-bottom:74px}
.list-policy .item:last-child{margin-bottom:0}
.list-policy .item .ball{width:146px;height:146px;border-radius:50%;overflow:hidden;float:left;position:relative;-webkit-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;transform-origin:right bottom}
.list-policy .item .ball .image-cover{position:absolute;left:0;top:0;width:100%;height:100%}
/* .list-policy .item .ball .image-cover::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);-webkit-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;} */
/* .list-policy .item:hover .ball{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);} */
/* .list-policy .item:hover .ball .image-cover::after{ background-color:rgba(0,0,0,.2)} */
.list-policy .item .ball .number{position:absolute;left:50%;top:46%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1;color:#000;font-size:66px;font-style:oblique;font-family:Fester;line-height:100%}
.list-policy .item .content{margin-left:146px;padding-left:30px;padding-top:44px}
.list-policy .item .content dl dt{border-bottom:1px solid #ebebeb;color:#000;font-size:16px;padding-left:28px;padding-bottom:6px;margin-bottom:12px;position:relative}
.list-policy .item .content dl dt .icon{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);margin-top:-3px}
.list-policy .item .content dl dd{color:#666;font-size:16px;line-height:2}
.list-policy .item .content dl dd .dot {display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 5px; height: 5px; border-radius: 50%;  background-color: #000; margin-right: 10px;}
.list-policy .item .content dl dd .icon{margin-right:10px;margin-top:-3px}
.comment .form{font-size:0}
.comment .form .item{border:1px solid #ebebeb;margin-bottom:20px}
.comment .form .item input,.comment .form .item textarea{display:block;width:100%;border:none;resize:none;font-size:14px;padding-left:20px;padding-right:20px}
.comment .form .input-block{width:100%}
.comment .form .input-inline{width:49%;display:inline-block;margin-right:2%}
.comment .form .input-inline:nth-child(3){margin-right:0}
.comment .form .item textarea{height:138px;padding-top:20px;padding-bottom:20px}
.comment .form .item input{height:58px}
.comment .form .submit{display:block;width:256px;height:60px;border-radius:30px;background-color:#000;border:none;cursor:pointer;color:#fff;font-size:16px;margin:20px auto 0}
.comment{padding:80px 0}
.comment .md-title{margin-bottom:20px}
.common-problem{background-color:#f7f7f7;padding:80px 0 100px}
.common-problem .md-title{margin-bottom:30px}
.common-problem .list .item{border-bottom:1px solid #e6e6e6;font-size:16px;padding-top:30px}
.common-problem .list .item p{margin:0}
.common-problem .list .item .top{padding:0 70px;position:relative;color:#000;padding-bottom:30px}
.common-problem .list .item .top .icon{position:absolute;left:30px;top:0;width:22px;height:22px;background:url(../images/icon_7.jpg) no-repeat}
.common-problem .list .item .top .switch{position:absolute;right:0;top:0;width:50px;height:22px}
.common-problem .list .item .top .switch .rol-line,.common-problem .list .item .top .switch .row-line{background-color:#000;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.common-problem .list .item .top .switch .rol-line{width:2px;height:10px}
.common-problem .list .item .top .switch .row-line{width:10px;height:2px}
.common-problem .list .item.active .top .switch .rol-line{display:none}
.common-problem .list .item .bottom{padding-left:70px;position:relative;color:#666;padding-bottom:30px;display:none}
.common-problem .list .item .bottom .icon{position:absolute;left:30px;top:0;width:22px;height:22px;background:url(../images/icon_8.jpg) no-repeat}
.common-problem .Pages{margin-top:60px}
.service-network{padding:80px 0 105px}
.service-network .md-title{margin-bottom:40px}
.service-network .map{text-align:center;margin-bottom:60px}
.service-network .list .item{background-color:#f7f7f7;padding:36px 44px 38px;margin-bottom:20px;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s; position: relative;}
.service-network .list .item:hover{box-shadow:0 0 10px rgba(0,0,0,.1)}
.service-network .list .item .icon{ position: absolute; left: 0; top: 0; background-color: #000; color: #fff; padding: 0 12px; border-radius: 0 0 15px 0; line-height: 30px;}
.service-network .list .item p{margin:0}
.service-network .list .item .label{color:#000;font-size:20px;margin:0 0 24px}
.service-network .list .item .info>div{float:left;font-size:16px}
.service-network .list .item .info .address{width:52%}
.service-network .list .item .info .tel{width:28%}
.service-network .list .item .info .time{width:20%}
.service-network .list .item .info h4{margin:0 0 10px;padding-left:26px;line-height:24px}
.service-network .list .item .info p{line-height:22px}
.service-network .list .item .info .btn{display:inline-block;line-height:22px;font-size:14px;color:#888;padding-right:15px;background:url(../images/icon_9.png) no-repeat right center}
.service-network .list .item .info .address h4{background:url(../images/icon_address2.png) no-repeat 0 center}
.service-network .list .item .info .tel h4{background:url(../images/icon_tel2.png) no-repeat 0 center}
.service-network .list .item .info .time h4{background:url(../images/icon_time.png) no-repeat 0 center}
.guide-video{padding:80px 0 112px}
.guide-video .md-title{margin-bottom:40px}
.guide-video .tabs-header{margin-bottom:40px}
.guide-video .video-play{margin-bottom:20px;position:relative;overflow:hidden}
.guide-video .video-play .image{padding-top:46.0833%}
.guide-video .video-play .title{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;margin:0;z-index:2;text-align:center;color:#fff;font-size:36px}
.guide-video .video-play video{position:absolute;z-index:1;left:0;top:0;height:100%;width:100%; background-color: #000;}
.guide-video .video-play .mask-play .icon-play{width:48px;height:48px;position:absolute;right:10px;bottom:10px;background:url(../images/icon_play.png) no-repeat;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s; z-index: 100; cursor: pointer;}
.guide-video .video-play .mask-play .pauseBtn{ background-image: url(../images/icon_pause.png);}
.guide-video .slick-video{padding:0 75px}
.guide-video .slick-video .slick-item{padding:0 5px;cursor:pointer}
.guide-video .slick-video .slick-item .image{position:relative}
.guide-video .slick-video .slick-item .image-cover{padding-top:56.5%}
.guide-video .slick-video .slick-item .mask-play{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.guide-video .slick-video .slick-item .mask-play .icon-play{width:48px;height:48px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:url(../images/icon_play.png) no-repeat;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.guide-video .slick-video .slick-item .title{text-align:center;font-size:16px;margin:0;padding:10px 0}
.guide-video .slick-video .slick-item.active .mask-play{border:3px solid #000}
.guide-video .slick-video .slick-item.active .mask-play .icon-play{opacity:0}
.guide-video .slick-video .slick-arrow{position:absolute;top:calc(50% - 20px);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:35px;height:35px;font-size:0;border:none;background:0 0;z-index:5;cursor:pointer}
.guide-video .slick-video .slick-prev{left:20px;background:url(../images/slick_prev.png) no-repeat center center}
.guide-video .slick-video .slick-next{right:20px;background:url(../images/slick_next.png) no-repeat center center}
.index-banner .slick-wrap .slick-item{position:relative}
.index-banner .slick-wrap .content{position:absolute;top:50%;-webkit-transform:translateY(-40%);-ms-transform:translateY(-40%);transform:translateY(-40%);z-index:1;color:#fff;text-align:center;-webkit-transition:all 1s .5s;-ms-transition:all 1s .5s;transition:all 1s .5s;opacity:0}
.index-banner .slick-wrap .slick-item.slick-active .content{-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);opacity:1}
.index-banner .slick-wrap .content.top{top:37%;left:50%;margin-left:-600px}
.index-banner .slick-wrap .content.right{right:50%;margin-right:-544px}
.index-banner .slick-wrap .content.left{top:47%;left:50%;margin-left:-600px;color:#000}
.index-banner .slick-wrap .content .tag{font-size:22px;font-weight:300}
.index-banner .slick-wrap .content .title{font-size:50px;margin:6px 0 0}
.index-banner .slick-wrap .content .desc{font-size:22px;font-weight:300;margin:10px 0 0}
.index-banner .slick-wrap .content .btn{display:block;margin:24px auto 0;width:126px;height:56px;line-height:52px;border:2px solid #fff;border-radius:26px;text-align:center;color:#fff}
.index-banner .slick-wrap .content .btn::after{content:"";display:inline-block;vertical-align:middle;width:6px;height:10px;background:url(../images/icon_10.png) no-repeat;margin-bottom:1px;margin-left:8px}
.index-banner .slick-wrap .content .btn:hover::after{ background-image: url(../images/icon_2.png);}
.index-banner .slick-wrap .content .btn:hover,
.index-banner .slick-wrap .content.left .btn{color:#000;border-color:#000}
.index-banner .slick-wrap .content.left .btn::after{background:url(../images/icon_2.png) no-repeat}
.index-banner .slick-wrap .content.left .btn:hover{ border-color: #fff; color: #fff; }
.index-banner .slick-wrap .content.left .btn:hover::after{ background-image: url(../images/icon_10.png);}
.index-banner .slick-arrow{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:50px;height:50px;z-index:5;cursor:pointer;border:none;font-size:0;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;opacity:0}
.index-banner:hover .slick-arrow{opacity:1}
.index-banner .slick-prev{left:0;background:url(../images/slick_prev2.png) no-repeat center center}
.index-banner .slick-next{right:0;background:url(../images/slick_next2.png) no-repeat center center}
.index-banner .nav-slick-banner{position:absolute;left:0;width:100%; bottom:15%;z-index:5;color:#fff;}
.index-banner .nav-slick-banner .item{margin:10px 0;cursor:pointer;opacity:.6}
.index-banner .nav-slick-banner .item.slick-current{opacity:1}

.index-banner #navBanner {margin-left:22px;}
.index-banner #navBanner::after{content:"";position:absolute;left:-22px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:2px;height:14px;background-color:#1c49c0}

.index-service{width:100%;background-color:#eeeff0;margin:30px 0}
.index-service .list .item{width:33.3333%;float:left;text-align:center}
.index-service .list .item a{display:table;width:100%;height:400px;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.index-service .list .item a:hover{background-color:#dbdbdb}
.index-service .list .item a .cell{display:table-cell;vertical-align:middle}
.index-service .list .item .icon{display:block;width:80px;height:80px;margin:0 auto;background:no-repeat center center}
.index-service .list .item .label{color:#000;font-size:26px;margin:20px 0}
.index-service .list .item .btn{padding-right:14px;background:url(../images/icon_2.png) no-repeat right 5.5px}
.index-service .list .item .btn:hover{text-decoration:underline}
.index-product{overflow:hidden;margin:30px 0 22px}
.index-product .inner{margin:-8px}
.index-product .item{width:50%;float:left;padding:8px}
.index-product .item a{display:block;position:relative}
.index-product .item .image{position:relative}
.index-product .big-item .image{padding-top:90.3361%}
.index-product .small-item .image{padding-top:44.3277%}
.index-product .item .image .image-cover{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.index-product .item .image .image-hover{opacity:0}
.index-product .item .content{position:absolute;left:0;top:0;z-index:1;width:100%;text-align:center}
.index-product .item .content .tag{font-size:18px}
.index-product .item .content .title{font-size:32px;margin:8px 0 24px}
.index-product .item .content .btn{display:block;width:110px;height:56px;line-height:52px;border-radius:28px;border:2px solid #000;text-align:center;margin:0 auto; transition: 0.3s ease;}
.index-product .item.big-item .content{top:8.6%}
.index-product .item.small-item .content{left:12%;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:auto}
.index-product .item:first-child a:hover .content .btn{ border-color: #fff!important; color: #fff!important;}
.index-product .item-2 .content{color:#252525}
.index-product .item-2 .content .btn{border-color:#b2b2b5;}
/* .index-product .item a:hover .image .image-hover{opacity:1;z-index:2} */
.index-product .item a:hover .content .btn {border-color: #000 !important; color: #000 !important;}
.index-video .slick-video{max-width: 1200px; margin: 0 auto;}
.index-video .slick-video .slick-list{overflow: visible;}
.index-video .slick-video .item{padding:0 8px;position: relative}
.index-video .slick-video .item a{position:relative;display:block;overflow:hidden}
.index-video .slick-video .item .image-cover{padding-top:60%}
.index-video .slick-video .item video{position:absolute;z-index:1;left:0;top:0;height:100%;width:100%;opacity:0;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;object-fit: cover;}
.index-video .slick-video .item.slick-current video{opacity:1; background-color: #000;}
.index-video .slick-video .slick-dots{position:absolute;left:0;bottom:6%;width:100%;font-size:0;text-align:center;z-index:5}
.index-video .slick-video .slick-dots li{display:inline-block;padding:2px;margin:0 8px;cursor:pointer}
.index-video .slick-video .slick-dots li button{font-size:0;width:10px;height:10px;border-radius:50%;background:0 0;border:2px solid rgba(255,255,255,.6);cursor:pointer}
.index-video .slick-video .slick-dots li.slick-active button{background:#fff;border-color:#fff}
.index-video .slick-video .item .content{text-align:center;position:absolute;top:10%;left:0;width:100%;transform:translateY(-30%);opacity:0;transition:all 1s .3s;z-index:2}
.index-video .slick-video .item .tag{color:#fff;font-size:20px;font-weight:400}
.index-video .slick-video .item .label{color:#fff;font-size:42px;margin:6px 0 26px;display: none;}
.index-video .slick-video .item .more{width: 150px; color:#fff;font-size:14px; line-height: 50px; border: 2px solid #fff; border-radius: 25px	; margin: 5% auto 0;cursor: pointer}
.index-video .slick-video .item .more::after{content:"";display:inline-block;vertical-align:middle;width:16px;height:16px;background:url(../images/xz.png) no-repeat;margin-bottom:2px;margin-left:8px}

.index-video .slick-video .item .btn{display:block;margin:0 auto;width:126px;height:56px;line-height:52px;border:2px solid rgba(255,255,255,.6);border-radius:28px;text-align:center;color:#fff}
.index-video .slick-video .item .btn::after{content:"";display:inline-block;vertical-align:middle;width:6px;height:10px;background:url(../images/icon_10.png) no-repeat;margin-bottom:2px;margin-left:8px}
.index-video .slick-video .item.slick-current .content{transform:translateY(0);opacity:1}
.backtop{width:40px;height:40px;bottom:20%;cursor:pointer;position:fixed;right:2%;background:url(../images/backtop.png) no-repeat center center;z-index:50;display:none; background-color: rgba(0,0,0,0.4);}
.index-video .slick-video .slick-arrow {position: absolute; top: 50%; width: 50px; height: 50px; z-index: 10; font-size: 0; border: none; cursor: pointer;background-color: rgba(0,0,0,0.2) !important;}
.index-video .slick-video .slick-prev {left: 8px; background: url(../images/slick_prev2.png) no-repeat center center;}
.index-video .slick-video .slick-next {right: 8px; background: url(../images/slick_next2.png) no-repeat center center;}

.indexvideo_video{ position:fixed; z-index:999; left:0; top:0; height:100%; width:100%; background:rgba(0,0,0,0.5);}
.indexvideo_video .close{ cursor:pointer; position:absolute; right:2%; top:5%; width:40px; height:40px;z-index: 2}
.indexvideo_video .close::before,
.indexvideo_video .close::after{ position:absolute; content:''; transform:rotate(-45deg); width:100%; height:3px; background:#fff;top: 18px}
.indexvideo_video .close::after{ transform:rotate(45deg);}
.indexvideo_video .ytable{height: 100%;}
.indexvideo_video .files{ margin:0 auto; width:100%;height:100%;position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.indexvideo_video .files video{ background:#000;height: 100%;z-index: 1}


.news_info {background-color: #fff;padding: 4% 8%;margin: 2% 0;}

.news_info .title {text-align: center;padding-bottom: 2.5%;border-bottom: 1px solid #eeeeee;margin-bottom: 5%;}

.news_info .title h1 {
	font-size: 24px;
	color: #333333;
}

.news_info .title time {
	font-family: 'Bahnschrift';
	font-size: 18px;
	color: #999999;
}

.news_info article {
	max-width: 800px;
	margin: 0 auto;
	line-height: 30px;
}

.news_info .info_pn {
	margin-top: 4%;
	border-top: 1px solid #eeeeee;
	padding-top: 3%;
	position: relative;
	padding-right: 140px;
	min-height: 85px;
}

.news_info .info_pn .info_back {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 120px;
	line-height: 50px;
	text-align: center;
	background-color: #000;
	color: #fff;
}

.news_info .info_pn span {
	margin: 8px 0;
}

.news_info .info_pn span a {
	color: #666666;
}

.news_info .info_pn span a:hover {
	color: #000;
}

.service_search{ padding: 40px; margin-bottom: 5%; background: #f8f8f8;border-bottom: 1px solid #eeeeee; }
.service_search dt{ float: left; margin-right: 2%; line-height: 40px; font-size: 16px;}
.service_search dl dd{ float: left; width: 26%; margin-right: 2%;  }
.service_search dl dd select{height: 40px; line-height: 40px; border: 1px solid #e5e5e5; background: #fff; padding: 0 15px; color: #7f7f7f;display: inline-block!important; width: 250px;}
.service_search .box{width: 470px;}
.service_search .title{width: 120px;float: left;line-height: 38px;}
.bd_weixin_popup{ width: 250px!important; height: 300px!important;}
.bd_weixin_popup *{max-width: none;}}

.SiteMap{ padding: 3% 0;}
.SiteMap li{ padding:10px 0; border-bottom:dotted 1px #e4e4e4}
.SiteMap li b{ display:block; font-size:16px; font-weight:normal;}
.SiteMap li span{ opacity:0.8; display:inline-block; white-space:nowrap; padding-right:20px;}


.FriendLinks ul { padding: 3% 0}
.FriendLinks ul li{ float: left; width: 25%; padding: 1%; text-align: center}
.FriendLinks ul li a{ display: block; border: solid 1px #666; padding: 10px;}
.FriendLinks ul li .pic{ padding-bottom: 40%; position: relative;}
.FriendLinks ul li .pic img{ max-height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto}
.FriendLinks ul li .name{ padding: 10px 0; font-size: 16px; color: #ccc;}

.newsList_box{ padding: 5% 0;}
.newsList_box ul{ margin-bottom: 5%;}
.newsList_box li {
	line-height: 55px;
	border-bottom: 1px dashed #e5e5e5;
}

.newsList_box li a {
	padding-right: 10px;
}

.newsList_box li time {
	float: right;
}


.popup-container {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 1000; display: none;}
.popup-container .main {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 1000px; width: 90%;}
.popup-video {width: 100%; padding: 30px; background-color: #fff; border-radius: 10px; position: relative;}
.popup-video video {display: block; width: 100%;}
.popup-video .close {position: absolute; right: 0; top: 0; width: 30px; height: 30px; background: url(../images/close.png) no-repeat center center; background-size: 50% auto; cursor: pointer;}
.mainContent {position: relative;}
.pro-tabs {position: absolute; left: 0; top: 0; width: 100%; background-color: rgba(255,255,255,0.6); z-index: 1; border-bottom: 1px solid #fff; }
.pro-tabs .tab-list {float: right;}
.pro-tabs .tab-list li {float: left; height: 50px; line-height: 50px; margin-left: 50px;}
.pro-tabs .tab-list li a {color: #666666;}
.pro-tabs .tab-list li .shop {padding: 5px 18px; border-radius: 5px; background-color: #e60012; color: #fff;}


/* 产品详情 */
.details-content{display: none;}
body{overflow-x: hidden;}
.det-contain{min-width: 1200px; max-width: 1920px; margin: 0 auto;}
.auto-1528{width: 90%; max-width: 1528px; margin: 0 auto; min-width: 1200px; }
.auto-1268{width: 96%; max-width: 1268px; margin: 0 auto; min-width: 1200px;} 
.bg_cover{background-position: center center ; background-repeat: no-repeat; background-size: cover;}

.det-part1{position: relative;}
.det-part1 .txt{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.det-part1 .container{height: 100%; position: relative; padding-top: 11.65%;}
.det-part1 .des{font-size: 60px;color: #3b5678;line-height: 1.333; padding-top: 20px;font-family: "Source Han Sans CN"; font-weight: bold; margin: 0;}
  
  
.det-part1 .pic{position: absolute; width: 40.53%; right: 12.416%; top: 55%; margin: auto;}
.det-part1 .pic img{position: absolute; width: 100%; left: 0; top: 0; bottom: 0; margin: auto;}


.det-part2 .container{padding: 6.25% 0 7.8125%;}
.det-part2 .container li{width: 25.6%; float: left; margin-right: 11.6%; margin-bottom: 2.5%; transition: all .3s;}
.det-part2 .container li:hover{transform: scale(1.1);}
.det-part2 .container li:nth-of-type(3n){margin-right: 0;}
.det-part2 .container li .img{padding-top: 100%;}
.det-part2 .container li .pic{  position: relative;padding: 0 11%;}
.det-part2 .container li .pic img{position: absolute; right: 0; top: 0; bottom: 0; left: 0; margin: auto; max-width: 50%; max-height: 50%;}
.det-part2 .container li .txt{font-size: 25px;font-family: "Source Han Sans CN";color: rgb(48, 62, 79);line-height: 1.333; text-align: center; }


.det-part3{position: relative;}
.det-part3 .pic{position: absolute; width: 30%; min-width: 360px; left: 33%;bottom: 8.44%; }

/* .det-part4{padding-top: 6.25%; padding-bottom: 5.83%;} */
.det-part4 .auto-1528{border-radius: 16px; overflow: hidden;}
.det-part4 img{border-radius: 16px; width: 100%;}
.det-part5{position: relative;}
.det-part5 .txt{position: absolute; width: 100%; height: 100%; ;left: 0; top: 0;}
.det-part5 .txt .container{height: 100%; position: relative;}
.det-part5 .txt .txt-box{position: absolute; top: 31.6%; padding-left: 120px;}

.det-part5 .txt .txt-box p{font-size: 30px;font-family: "Source Han Sans CN";color: rgb(64, 69, 90);margin: 0; line-height: 70px;  border-bottom: 1px dotted rgb(161, 177, 196); font-weight: bold;}
.det-part5 .txt .txt-box p:last-of-type{border-bottom: 0;}
.det-part5 .txt .has-dot p{position: relative; padding-left: 40px;}
.det-part5 .txt .has-dot p::before{content: ''; width: 22px; height: 22px; border-radius: 50%; background: url(../images/dot.png) center center no-repeat; position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}

.det-part6{padding-top: 5.47%; padding-bottom: 6.25%;}
.det-part6 .ytable{border-radius: 16px; border: 2px solid #dadbdd; background-color: #fbfdfe; }

.ytable{display: table; table-layout: fixed; width: 100%;}
.ytable-cell{display: table-cell; vertical-align: middle;}

.det-part6 .pic{width: 50%; overflow: hidden;}
.det-part6 .pic figure{padding-top: 87.93%; transition: all .5s;}
.det-part6 .pic figure:hover{transform: scale(1.1);}

.det-part6 .txt{padding: 7.6%;}
.det-part6 .txt li{margin-bottom: 13.86%; position: relative;}
.det-part6 .txt li:last-of-type{margin-bottom: 0;}
.det-part6 .txt h1{padding-left: 57px;margin: 0; position: relative;line-height: 1.5;font-size: 40px;color: rgb(69, 79, 100);font-family: "Source Han Sans CN";}
.det-part6 .txt h2{padding-left: 57px;margin: 0;line-height: 1.5;font-size: 23px;color: rgb(114, 122, 139);font-family: "Source Han Sans CN";} 
.det-part6 .txt h1::before{content: ''; width: 34px; height: 34px; border-radius: 50%; background: url(../images/dot2.png) center center no-repeat; position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}

.det-part6 .txt li:last-of-type::after{content: ''; width: 500px; height: 1px;  background: url(../images/line1.png) center center no-repeat; position: absolute; left: -250px; top: -32px;}
  
.det-part7{position: relative;}
.det-part7 .txt{position: absolute; right: 7.92%; top: 50%; transform: translateY(-50%);}


.det-part8{font-family: "Source Han Sans CN";}
.det-part8 .title{font-size: 65px; text-align: center;color: rgb(0, 0, 0);line-height: 1.425; padding-top: 7.166%; padding-bottom: 3.75%; font-weight: bold;}
.det-part8 .con{background-size: cover; background-position: right top; background-repeat: no-repeat; padding-top: 5.83%; padding-bottom: 5.83%;padding-right: 276px;}
.det-part8 .con h3{font-size: 36px;color: rgb(69, 79, 100);line-height: 1.389; margin: 0; margin-bottom: 10px;}
.det-part8 .con p{font-size: 20px;color: rgb(105, 105, 105); line-height: 2; margin: 0;margin-bottom: 52px;  text-align: justify; text-indent: 2em;}
.det-part8 .con .blue{color: #1d2faf;}
.det-part8 .con p:last-of-type{margin-bottom: 0;}


  
  
.det-part8 .pic{padding-top: 18.33%; padding-bottom: 17.08%;}

.det-part9{position: relative;}
.det-part9 .det-contain{height: 900px;}
.det-part9 .txt{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.det-part9 .txt .container{height: 100%; position: relative;}
.det-part9 .txt .container .txt-box{width: 50%; position: absolute; right: 0; padding: 7.33% 10%;}
.det-part9 .txt .container .txt-box h1{font-size: 45px;	color: rgb(254, 254, 254);	line-height: 1.364; font-weight: normal; margin: 0;font-family: "Source Han Sans CN";}
.det-part9 .txt .container .icon{position: relative; padding-top: 16.33%;}
.det-part9 .txt .container .icon img{position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto;}
.det-part9 .txt .container p{font-size: 30px;color: rgb(255, 255, 255);	line-height: 2.514; text-align: center; margin: 0;font-family: "Source Han Sans CN";}
.det-part9 .txt .container ul{padding-top: 19%; }
.det-part9 .txt .container ul li{margin-bottom: 16.33%;}
  
.det-part10{padding-top: 2.6%; padding-bottom: 2.08%;}
.det-part10 .pic{width: 57.5%;position: relative;}
.det-part10 .item{margin-bottom: 2.5%;}
.det-part10 .item i{width: 0; height: 0; border: 18px solid transparent; display: block; transform: scaleY(0.6); margin-top: 10.4%;}
/* .det-part10 .item .pic img{opacity: 0.8; background-color: #000; transition: all 0.5s;}
.det-part10 .item:hover .pic img{opacity: 1;} */
.det-part10 .item:nth-of-type(odd) .pic{padding-left: 0.83%;}
.det-part10 .item:nth-of-type(odd) .txt{padding-left: 6.33%; padding-right: 4.17%;}
.det-part10 .item:nth-of-type(odd) i{border-right-color: #1d2088;}
.det-part10 .item:nth-of-type(odd) .pic::before{ content: ''; width: 99.17%; height: 100%; position: absolute; right: 0; top: 0; background-color: #000; opacity: 0.4; transition: all .5s;}
.det-part10 .item:nth-of-type(even) .pic{padding-right: 0.83%;}
.det-part10 .item:nth-of-type(even) .txt{padding-left: 0.83%; padding-right: 2.5%;}
.det-part10 .item:nth-of-type(even) i{border-left-color: #1d2088; float: right; margin-right: 5%;}
.det-part10 .item:nth-of-type(even) .pic::before{ content: ''; width: 99.17%; height: 100%; position: absolute; left: 0; top: 0; background-color: #000; opacity: 0.4; transition: all .5s;}
.det-part10 .item .txt h1{font-size: 36px;color: rgb(69, 79, 100);line-height: 2; margin: 0;font-family: "Source Han Sans CN";}
.det-part10 .item .txt p{font-size: 26px;color: rgb(135, 135, 137);	line-height: 1.5; margin: 0;}
.det-part10 .item:hover .pic::before{opacity: 0;}


  
.det-part11{background-size: cover; background-repeat: no-repeat; background-position: center center; padding-top: 6.25%; padding-bottom: 7.3%; }

.det-part11 .con{max-width: 1280px; min-width: 1200px; margin: 0 auto;}
.det-part11 .con .top{width: 89%;  margin: 0 auto; padding: 3.91% 5.47%; padding-bottom: 8.6%;}
.det-part11 .con table{ width: 100%; text-align: left;}
.det-part11 .con .tit{width: 160px; height: 42px; border-radius: 21px; background-color: #434343; color: #fff;font-size: 35px; display: block; text-align: center; line-height: 42px;}

.det-part11 .con table tr{border-bottom: 1px solid #bcbcbc;}
.det-part11 .con table td{font-size: 36px;color: rgb(135, 135, 137); padding: 2.2% 0; width: 50%;font-family: "Source Han Sans CN";}
.det-part11 .con table td small{font-size: 26px;}
.det-part11 .con table th{padding: 2.2% 0;}
.det-part11 .con table .td2{padding-left: 7%;}
.det-part11 .con table td span{color: #434343;}
.tc001 .con table td{padding: 6% 0 2%;}
.tc001 .con .bot{padding-top: 5.9%; padding-bottom: 4%;}
.protc001 .con table td{padding: 4% 0 2%;}

.det-part11 .con .bot{padding-top: 3.9%; padding-bottom: 2%; text-align: center;}
.det-part11 .con .bot img{margin: 0 2.34%;}

.det-part12{position: relative;}
.det-part12 .txt{position: absolute; width: 35.42%; right: 14.625%; top: 15.77%; text-align: center;}
.det-part12 .pic{position: absolute; width: 77.86%; position: absolute; left: 14%; bottom: 8.11%;}
.det-part12 .txt h1{font-size: 70px;color: rgb(22, 22, 22);line-height: 1.518; margin: 0; font-weight: normal; margin-bottom: 10.38%; letter-spacing: 4px;}
.det-part12 .txt .red{color: #882b02; }


  
.det-part12 .txt h2{font-size: 2.97vw;color: rgb(22, 22, 22);line-height: 1.573; margin: 0; margin-bottom: 10px;}
.det-part12 .txt .tit{font-size: 30px; display: inline-block; padding: 0 15px; line-height: 30px; border-radius: 15px;}

.det-part13{ padding-top: 5.21%; padding-bottom: 145px;}
.det-part13 li{width: 25%; float: left; text-align: center; margin-top: 10%; padding-top: 2.5%; border-radius: 5px; border: 1px solid transparent; transition: all .3s;}
.det-part13 li:hover{transform: scale(1.1); border-color: #ddd;}
.det-part13 li .pic{position: relative ; padding-top: 21.65%; }
.det-part13 li .pic img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}

.det-part13 li .txt{font-size: 25px;color: rgb(33, 34, 35);line-height: 2.492; margin-top: 15px;font-family: "Source Han Sans CN";}


  
.det-part14{position: relative;}
.det-part14 .pic{position: absolute; width: 47.8%; min-width: 570px; left: 0%; right: 0; bottom: 6.44%; margin: auto;}
.det-part15 img{transform: scale(0.8); border-radius: 40px; }
.det-part16{position: relative; min-width: 1200px;}
.det-part16 .pic{position: absolute; width: 63.8%; min-width: 756px; left: 0%; right: 0; bottom: 0%; margin: auto;}
.det-part16 .txt{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.det-part16 .txt .container{height: 100%; position: relative;}
.det-part16 .txt .container p{font-size: 30px;color: rgb(195, 195, 195);line-height: 1.08; margin: 0; position: absolute; right: 0; width: 150px; text-align: left;font-family: "Source Han Sans CN";}
.det-part16 .txt .container p:nth-of-type(1){top: 14%;}
.det-part16 .txt .container p:nth-of-type(2){top: 23%;}
.det-part16 .txt .container p:nth-of-type(3){top: 37.5%;}
.det-part16 .txt .container p:nth-of-type(4){top: 66.5%;}
@media(max-width:1400px){
	.det-part16 .txt .container p{right: 7.3%;}
}

.det-part17{position: relative; }
.det-part17 .pic{position: absolute; width: 81.14%; min-width: 973px; left: 0%; bottom: 0%; }
.det-part17 .txt{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff; font-size: 2vw;}
.det-part17 .mask{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #000; opacity: 0.2;}
.det-part18{position: relative; }
.det-part18 .txt{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.det-part18 .txt .container{position: relative ; height: 100%;}
.det-part18 .txt .container .ul{width: 50%; position: absolute; right: 0; bottom: 0; padding-bottom: 7.5%;}
.det-part18 .txt .container .ul li{margin-bottom: 7.17%; padding-left: 38%;}
.det-part18 .txt .container h3{font-size: 2.08vw;color: rgb(226, 226, 226); line-height: 1.5; margin: 0;font-family: "Source Han Sans CN";}
.det-part18 .txt .container p{font-size: 1.56vw;color: rgb(134, 134, 134); line-height: 1.5 ; margin: 0;font-family: "Source Han Sans CN"; font-weight: 200;}

.det-part10 .item:nth-of-type(odd) i.bgred{border-right-color: #88310b;}
.det-part10 .item:nth-of-type(even) i.bgred{border-left-color: #88310b;}
 
.det-part10 .auto-1268{padding: 0 2.08%;}
  

  
  
/* 20210401 */
.rea{position: relative;}

.tb001 .part1 .txt{position: absolute; width: 100%; height: 100%; left: 0 ; top: 0;}
.tb001 .part1 .txt .container{height: 100%; position: relative;}
.tb001 .part1 .txt .container .txt-box{position: absolute; top: 42%; left: 0; width: 29.83%;}

.tb001 .part2 .txt{position: absolute; width: 100%; height: 100%; left: 0 ; top: 0;}
.tb001 .part2 .txt .det-contain{height: 100%; position: relative;}
.tb001 .part2 .txt .det-contain .txt-box{position: absolute; top: 38%; transform: translateY(-50%); right: 0; width: 29.83%;font-family: "Source Han Sans CN";}
.tb001 .part2 .txt .det-contain .txt-box h1{font-size: 48px;color: rgb(51, 51, 51);margin: 0; line-height: 2;}
.tb001 .part2 .txt .det-contain .txt-box p{font-size: 26px;	color: rgb(51, 51, 51);	line-height: 1.497; margin: 0;}
.tb001 .part2 .txt .det-contain .pic{width: 40.6%; position: absolute; bottom: 0; left: 16.14%;}



  
.tb001 .absotxt{position: absolute; width: 100%; height: 100%; left: 0 ; top: 0;}
.tb001 .absotxt .container{height: 100%; position: relative;}
.tb001 .absotxt .container .txt-box{position: absolute; top: 42%; transform: translateY(-50%); width: 31.08%;}

.tb001 .part3 h1{font-size: 48px;	color: rgb(255, 255, 255);line-height: 1.5;margin: 0;font-family: "Source Han Sans CN"; letter-spacing: 4px;}
.tb001 .part3 p{font-size: 26px;color: rgb(255, 255, 255);line-height: 1.497; margin: 0; font-weight: 200; letter-spacing: 4px;}
.tb001 .part3 p:first-of-type{margin-top: 5.55%;}

  
.tb001 .part4{ padding-bottom: 5.21%; margin-bottom: 10px;}
.tb001 .part4 .title{text-align: center; padding-top: 7.5%; padding-bottom: 5%;}
.tb001 .part4 .title h1{font-size: 48px;color: rgb(51, 51, 51); line-height: 1.5; margin: 0;font-family: "Source Han Sans CN";}
.tb001 .part4 .title h3{font-size: 26px;color: rgb(51, 51, 51);line-height: 2; margin: 0;}
.tb001 .part4 .item{float: left; width: 43.33%; margin-right: 13.34%;text-align: center; }
.tb001 .part4 .item:last-of-type{margin: 0;}
.tb001 .part4 .item .pic{overflow: hidden; border-radius: 8px;box-shadow: 0px 0px 84px 0px rgba(0, 0, 0, 0.07);}
.tb001 .part4 .item .pic img{transition: all .8s;}
.tb001 .part4 .item .tag{width: 260px; height: 56px; line-height: 56px; color: #fff;font-size: 24px; border-radius: 28px;margin: -28px auto 0;position: relative;z-index: 1;}
.tb001 .part4 .item .tag.red{background-color: #e05555;  box-shadow: 0px 7px 27px 0px rgba(224, 85, 85, 0.39);}
.tb001 .part4 .item h1{font-size: 24px;color: rgb(51, 51, 51);line-height: 1.622; margin: 0; margin-top: 5.77%;}
.tb001 .part4 .item .tag.blue{box-shadow: 0px 7px 27px 0px rgba(24, 137, 209, 0.39);background-color: rgb(24, 137, 209);}
.tb001 .part4 .item:hover .pic img{transform: scale(1.1);}


.tb001 .part5{margin-bottom: 10px; font-family: "SourceHanSansCN";}
.tb001 .part5 .item{width: 50%; float: left; position: relative;}
.tb001 .part5 .item:nth-of-type(odd){padding-right: 5px;}
.tb001 .part5 .item:nth-of-type(even){padding-left: 5px;}
.tb001 .part5 .item .txt{position: absolute; bottom: 75.83%; width: 100%; text-align: center; left: 0;}
.tb001 .part5 .item .txt h1{font-size: 48px;color: rgb(38, 38, 38);	line-height: 1; margin: 0;font-family: "Source Han Sans CN";}
.tb001 .part5 .item .txt .big{font-size: 72px;}
.tb001 .part5 .item .txt p{font-size: 26px;color: rgb(51, 51, 51); line-height: 1; margin: 0; margin-top: 2.1%;}

.tb001 .part7{padding-bottom: 6.77%; overflow: hidden;}
.tb001 .part7 .tit{text-align: center; padding-top: 8.33%; padding-bottom: 5.42%;}
.tb001 .part7 .tit h1{font-size: 48px;color: rgb(51, 51, 51); line-height: 1; margin: 0;	font-family: "Source Han Sans CN";}
.tb001 .part7 li{width: 30.83%; float: left;margin-right: 3.755%; text-align: center; border-radius: 5px; background-color: #fff;box-shadow: 0px 0px 84px 0px rgba(0, 0, 0, 0.07);}
.tb001 .part7 li:nth-of-type(3n){margin-right: 0;}
.tb001 .part7 li .txt{padding: 10.3% 0;font-size: 24px;color: rgb(51, 51, 51); line-height: 1;}
.tb001 .part7 li .pic{overflow: hidden;}
.tb001 .part7 li .pic figure{padding-top: 81.08%; transition: all 1s;}

  
.tb001 .part7 li:hover figure{transform: scale(1.1);}
.tb001 .part8 .pic{width: 36.46%; position: absolute; bottom: 3.9%; left: 15.1%;}
.tb001 .part8 .txt{width: 26.6%; position: absolute; right: 14.375%; top:30%; transform: translateY(-50%);}
.tb001 .part8 .txt h1{font-size: 48px;color: rgb(51, 51, 51); line-height: 1; padding: 5.9% 0; border-bottom: 1px solid #c8c8c8; margin: 0;}

.tb001 .part8 .txt .table-box{border-top: 1px solid #fff;padding-top: 5.9%;}
.tb001 .part8 .txt table{width: 100%;}
.tb001 .part8 .txt td{font-size: 1.25vw;color: rgb(51, 51, 51);line-height: 2;}
.tb001 .part8 .txt td:first-of-type{width: 45%;}
  
  
.menu_intro{border-bottom: 1px solid #e0e0e0;}
.menu_intro a{font-size: 20px;color: rgb(51, 51, 51);line-height: 80px; margin-right: 5%;}

.intro-part{min-width: 1200px;}
.intro-tit{text-align: center;font-size: 40px;line-height:1; padding-top: 3.4375%; padding-bottom: 3.6458%;}
.intro-tit h1{ position: relative; margin: 0;font-size: 40px; line-height: 1; font-family: "Source Han Sans CN";}
.intro-tit p{font-size: 24px;color: rgb(51, 51, 51);	line-height: 1.5; margin: 0;}
  
.intro-tit h1 span{display: inline-block; padding: 0 1.67%;}
.intro-tit h1 i{height: 1px; position: absolute; top: 0; bottom: 0; margin: auto; background-color: rgb(183, 183, 183); opacity: 0.529; width: 100px; }
.intro-tit h1 i.bf{left: 0;}
.intro-tit h1 i.af{right: 0;}

  
.intro-part1 .txt{font-family: "Source Han Sans CN"; width: 58.33%; padding-right: 3.67%;}
.intro-part1 .txt h3{ font-size: 19px; font-weight: bold; margin: 0;line-height: 1.6;text-indent: -84px;}
.intro-part1 .txt p{font-size: 18px;color: rgb(39, 39, 39);line-height: 1.6; margin: 5px 0;text-indent: 30px; text-align: justify; letter-spacing: 1px;}
.intro-part1 .ytable{padding-bottom: 5.83%;}
.intro-part1 .intro-tit h1 i{background-color: #b7b7b7;}

  
.intro-part2{position: relative; min-width: 1200px;}
.intro-part2 .intro-tit{position: absolute; top: 0; left: 50%; transform: translateX(-50%); color: #fff;}
.intro-part2 .con{max-width: 1400px; min-width: 1200px; margin: 0 auto; position: relative; height: 660px;}
.intro-part2 .con .img{width: 0; width: 100%; transition: all .5s; height: 100%; position: absolute; bottom: 0; left: 0; overflow: hidden;}
.intro-part2 .con .img img{max-width: none;}
.intro-part2 .item{position: absolute;  text-align: center;}
.intro-part2 .item .year{ font-size: 36px;text-shadow: 0px 0px 9.8px rgba(59, 89, 107, 0.6); line-height: 1;background: linear-gradient(to bottom, #fff, #fff, #b7d9f4);-webkit-background-clip: text; color: transparent; font-weight: bold;}
.intro-part2 .item .txt{font-size: 18px;color: rgb(255, 255, 255);line-height: 2;}
.intro-part2 .item i{display: block; margin: 0 auto;}
.intro-part2 .item .spot{width: 15px; height: 15px;border: 1px solid rgb(31, 74, 158);background-color: rgb(197, 221, 243);border-radius: 50%;-webkit-filter:brightness(1.5);-o-filter:brightness(1.5);-moz-filter:brightness(2);filter:brightness(1.5); box-shadow: 0 0 20px 15px rgba(31, 74, 158,.2); margin-top: 10px; animation: spot infinite ease-in-out 1s;}
.intro-part2 .item .line{width: 0; height: 50px; border-right: 1px dashed rgba(255,255,255,.4); margin: 5px auto;}

.intro-part2 .item .spot2{width: 25px; height: 25px; border-radius: 50%; border: 1px solid #b5bac1; position: relative; background-color: rgba(255,255,255,.1);}
.intro-part2 .item .spot2::before{ content: ''; width: 14px; height: 14px; border-radius: 50%; background-color: #335e80; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; box-shadow: 0 0 15px 15px rgba(41, 119, 180, 0.4);}
  


  
@keyframes spot{
	0%{box-shadow: 0 0 15px 0px rgba(41, 119, 180, 0.4);}
	25%{box-shadow: 0 0 15px 5px rgba(41, 119, 180, 0.4);}
	50%{box-shadow: 0 0 15px 10px rgba(41, 119, 180, 0.4);}
	100%{box-shadow: 0 0 15px 15px rgba(41, 119, 180, 0.4);}
}
.intro-part3 .intro-tit{padding-bottom: 1.0416%;}
.intro-part3 .list{padding-top: 1.3%; padding-bottom: 1.67%; }
.intro-part3 .container .con{min-height: 478px;background-repeat: no-repeat;}
.intro-part3 .container .con .ytable-cell{padding-left: 31.5%;}
.intro-part3 .container .con .item{font-size: 20px;color: rgb(102, 102, 102);line-height: 1; padding: 18px 0; position: relative;font-family: "Source Han Sans CN";}
.intro-part3 .container .con .item span{padding-left: 60px;}
.intro-part3 .container .con .item i{font-style: normal;font-size: 16px;font-family: "Arial";color: rgb(246, 246, 246); width: 27px; height: 27px; border-radius: 50%; background-color: #28303f;  position: absolute; left: 7px; top: 0; bottom: 0; margin: auto; line-height: 27px; text-align: center;}
.intro-part3 .container .con .item i::before{content: ''; width: 43px; height: 43px;background-color: rgba(0,0,0,.1);   position: absolute; border-radius: 50%; left: 50%; top: 50%;  transform: translate(-50%,-50%); z-index: 0; }

.intro-part3 .container .con .item:nth-of-type(2){margin-left: 50px;}
.intro-part3 .container .con .item:nth-of-type(6){margin-left: 51px;}
.intro-part3 .container .con .item:nth-of-type(7){margin-left: 14px;}
.intro-part3 .container .con .item:nth-of-type(3){margin-left: 70px;}
.intro-part3 .container .con .item:nth-of-type(5){margin-left: 70px;}
.intro-part3 .container .con .item:nth-of-type(4){margin-left: 80px;}
.intro-part4 .intro-tit{color: #fff;}
.intro-part4 .con{max-width: 1000px; margin: 0 auto;}
.intro-part4 .con .tit{text-align: center; padding-bottom: 25px; padding-top: 5px; }
.intro-part4 .con .tit h3{font-size: 25px;color: rgb(255, 255, 255); line-height: 1; margin: 0; margin-bottom: 27px; letter-spacing: 4px;}
.intro-part4 .con .tit h1{font-size: 48px;font-family: "Source Han Sans CN";color: rgb(255, 255, 255); line-height: 1;text-shadow: 0px 8px 2px rgba(4, 0, 0, 0.35); margin: 0;}
.intro-part4 .con .des{ padding: 30px 15px 90px;}
.intro-part4 .con .des p{font-size: 19px;	color: rgb(149, 159, 170);text-indent: 30px;line-height: 1.563; text-align: justify;font-family: "Source Han Sans CN"; margin: 0; margin-bottom: 18px	;}
  
  
  
/* .intro-part5 .intro-tit{color: #fff;} */
.intro-part5 .intro-tit{color: #fff; padding-top: 58px; padding-bottom: 2.86%;}
.intro-part5 .con{text-align: center;  padding-bottom: 90px; padding-top: 10px;}
.intro-part5 .con .item{display: inline-block; margin: 0 4.83%;}

.intro-part5 .con .item .txt{font-size: 36px;color: rgb(255, 255, 255);line-height: 1.8;}


.intro-part6 img{margin: 0 auto; display: block;max-width: 100%;}
.intro-part6{padding-bottom: 140px;}


/* .intro-part7 .intro-tit{color: #fff;} */
.intro-part7 .intro-tit{color: #fff; padding-top: 4.427%; padding-bottom: 4.479%;}
.intro-part7 .container{padding-bottom: 70px;}
.intro-part7 .container .img{display: block; margin: 0 auto 60px;}
.intro-part7 .container p{text-align: center;font-size: 22px;color: rgb(165, 165, 165);line-height: 1.818; margin: 0;  }
.intro-part7 .chain{position: relative; width: 370px; margin: 0 auto;}
.intro-part7 .chain>div{background-repeat: no-repeat;}
.intro-part7 .chain .jiantou1{position: absolute; z-index: 1; left: 28px; top: 10px; transition: all .3s; max-width: none; max-height: none; height: 116px; width: 73px;}
.intro-part7 .chain .jiantou2{position: absolute; z-index: 1; left: 130px; top: 5px; transition: all .3s;  max-width: none; max-height: none; width: 13px; height: 60px;}
.intro-part7 .chain .jiantou3{position: absolute; z-index: 1; left: 225px; top: 5px; transition: all .3s;  max-width: none; max-height: none;width: 13px; height: 60px;}
.intro-part7 .chain .jiantou4{position: absolute; z-index: 1; left: 273px; top: 10px; transition: all .3s;  max-width: none;max-height: none; width: 73px; height: 108px;}
.intro-part8{padding-bottom: 76px;}
.intro-part8 .intro-tit{padding-top: 4.6875%;}
.intro-part8 .tit{font-size:55px;font-family: "LiSu";color: rgb(48, 48, 48);line-height: 1.423; text-align: center;}
.intro-part8 .pic{max-width: 656px; margin: 0 auto; padding-top: 40px; border-radius: 8px; border: 1px solid #c3c2c5; margin-top: 40px; margin-bottom: 50px;}
.intro-part8 .pic img{margin: 0 auto; display: block;}
.intro-part8 .pic p{ font-size: 25px;color: rgb(48, 48, 48);line-height: 1.252;text-align: center; margin: 0 ; padding: 40px 0 23px;font-family: "Source Han Sans CN";font-weight: bold;}
.intro-part8 .tag{text-align: center;font-size: 25px;color: rgb(31, 31, 31); line-height: 36px; max-width: 655px; margin: 0 auto;font-family: "Source Han Sans CN"; font-weight: bold;}
.intro-part8 .tag span{display: inline-block;  margin-left: 12px; border-radius: 5px; border: 1px solid rgb(83, 83, 83); width: 130px; text-align: center;}
.intro-part9{padding-bottom: 22px;}
.intro-part9 .intro-tit{padding-top: 4.16%; padding-bottom: 2.8645%;}
.intro-part9 .slick-box{position: relative;}
.intro-part9 .item{width: 25%; text-align: center; position: relative; padding-top: 20px; padding-bottom: 10px;}
.intro-part9 .item::after{content: ''; width: 1px ; background-color: #e8e8e8; position: absolute; left: 1px; top: 0; height: 100%; }
.intro-part9 .item .pic{position: relative;padding-top: 63.33%;overflow: hidden;}
.intro-part9 .item .pic img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;max-height: 100%;max-width: 80%;transition: 0.3s;}
.intro-part9 .item .pic:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);}
.intro-part9 .item .txt h3{font-size: 20px;color: rgb(51, 51, 51);line-height: 1.8; margin: 0;font-family: "Source Han Sans CN";}
.intro-part9 .item .txt{padding-top: 20px;}
.intro-part9 .item .txt p{font-size: 16px;color: rgb(153, 153, 153);line-height: 1.5; margin: 0;}
.intro-part9 .slick-box1{padding: 10px 0 27px;}
.intro-part9 .slick-arrow{width: 34px; height: 34px; font-size: 0;background-color: transparent; border: 5px solid transparent; border-left-color: #7d7d7d; border-top-color: #7d7d7d; transform: rotateZ(-45deg); cursor: pointer;position: absolute; top: 0; bottom: 0; margin: auto; left: 10px;z-index: 5;}
.intro-part9 .slick-arrow.slick-next{transform: rotateZ(135deg); right: 10px; left: auto;}
/* .intro-part9 .slick-arrow[aria-disabled="true"]{opacity: 0.3;} */
.intro-part9 .item.slick-current::after{display: none;}

.intro-part10{padding: 80px; padding-bottom: 50px; background-color: #3f4145; text-align: center; margin-top: 70px;}
.intro-part10 img{margin-bottom: 65px;}
.intro-part10 p{font-size: 28px;color: rgb(255, 255, 255);margin: 0 ;line-height: 1; letter-spacing: 15px;}

.footer .shares a{position: relative; overflow: visible !important;}

.footer .shares .qrcode{width: 110px; height: 110px; background-color: #fff; position: absolute; top: -120px; left: 50%; transform: translateX(-50%); z-index: 1; border-radius: 3px; display: none;}
.footer .shares .qrcode:after{content: ''; width: 0; height: 0; border: 5px solid transparent; border-top-color:  #fff; position: absolute; left: 50%; bottom: -10px; transform: translateX(-50%);}
.footer .shares .qrcode img{position: absolute; left: 0; top: 0; bottom: 0 ; right: 0; margin: auto; max-width: 90%; max-height: 90%;}


/* 运营链 */
.intro-part7 .list{padding: 0 10px;}
.intro-part7 .list .item{width: 80px; height: 80px; text-align: center; padding:12px 0;font-size: 21px;color: #222532;line-height: 1.333;font-family: "Source Han Sans CN";float: left; margin-right: 20px;border: 1px solid #0661dc;box-shadow: 0px 0px 30px 0px rgb(1 55 255 / 30%); position: relative;
	border-radius: 8px;
	background-image: -moz-linear-gradient( 90deg, rgba(206,221,253,1) 0%, rgba(236,245,265,1) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgba(206,221,253,1) 0%, rgba(236,245,265,1) 100%);
	background-image: -ms-linear-gradient( 90deg, rgba(206,221,253,1) 0%, rgba(236,245,265,1) 100%);
	box-shadow: 2.517px 3.109px 2px 0px rgba(0, 0, 0, 0.52),inset 0px 1px 0px 0px rgba(255, 255, 255, 0.48);}
	.intro-part7 .list .item:last-of-type{margin-right: 0;}
	.intro-part7 .list .item i{width: 35px; height: 27px; background: url(../images/jiantou.png) left center no-repeat; position: absolute; top: 0; bottom: 0; margin: auto; left: 73px; z-index: 1; transition: all .3s;}

.canshu{padding-top: 50px; background-color: #f9f9f9; padding-bottom: 90px;}
.canshu .container{padding-top: 64px;}
.canshu .container h1{line-height: 1; margin: 0;font-size: 30px;font-family: "Source Han Sans CN";color: rgb(51, 51, 51); text-align: center; margin-bottom: 80px;}
.canshu .container .img{text-align: center;}
.canshu .container .img img{display: block; margin: 0 auto;}
.canshu .container .tag{width: 230px; height: 40px; line-height: 40px; text-align: center; color: #fff;font-size: 24px;font-family: "Source Han Sans CN";color: rgb(249, 249, 249); border-radius: 20px; background-color: #4f5766; margin: 20px auto 10px;}
.canshu .container .con{max-width: 760px; margin: 0 auto;}
.canshu .container .con .title{font-size: 20px;font-family: "Source Han Sans CN";color: rgb(79, 87, 102);line-height: 2; margin-bottom: 20px;}
.canshu .container .con li{font-size: 18px;font-family: "Source Han Sans CN";color: rgb(102, 102, 102);line-height: 2.222; border-bottom: 1px dotted rgb(153, 153, 153); float: left; width: 44%; margin-right: 12%; margin-bottom: 15px;}
.canshu .container .con li:nth-of-type(2n){margin-right: 0;}

.det-video{padding-top: 50px; padding-bottom: 84px;}
.det-video .container{padding-top: 64px;}
.det-video .container h1{font-size: 30px;font-family: "Source Han Sans CN";color: rgb(51, 51, 51); line-height: 1; margin: 0; text-align: center;font-family: "Source Han Sans CN"; font-weight: normal; margin-bottom: 60px;}
.det-video .video-top{max-width: 800px; margin: 0 auto 70px;}
.det-video .video-top .video{position: relative;}
.det-video .video-top .video figure{padding-top: 56.25%;}
.det-video .video-top .video video{position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: none;}
.det-video .video-top .video .play{width: 74px; height: 74px; border-radius: 50%; background-color: rgba(252, 252, 252, 0.431); position: absolute; left: 0; top: 40%; right: 0; margin: auto;background-position: 60% center ; background-repeat: no-repeat; background-image: url(../images/play.png); cursor: pointer;}
.det-video .video-top .video .controls{width: 750px; height: 20px; background: url(../images/control.png) center center no-repeat; position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%);}
.det-video .video-top .txt{font-size: 18px;font-family: "Source Han Sans CN";color: rgb(51, 51, 51);line-height: 2.222; text-align: center; padding: 20px 0;} 
.det-video .video-bot{padding: 0 37px;}
.det-video .video-bot .item{padding: 0 15px;}
.det-video .video-bot .item .video{padding: 0 40px; position: relative;}
.det-video .video-bot .item figure{padding-top: 56.82%; cursor: pointer;}
.det-video .video-bot .item .txt{font-size: 16px;font-family: "Source Han Sans CN";color: rgb(0, 0, 0);line-height: 2.5; text-align: center; padding:  6px 0;}
.det-video .video-bot .video .play{width: 47px; height: 47px; border-radius: 50%; background-color: rgba(252, 252, 252, 0.431); position: absolute; left: 0; top: 40%; right: 0; margin: auto;background-position: 60% center ; background-repeat: no-repeat; background-image: url(../images/play.png); cursor: pointer; background-size: 30%;}
.det-video .video-bot .slick-arrow{width: 30px; height: 30px; position: absolute; top: 30.83%; transform: rotateZ(45deg);font-size: 0; background: no-repeat; border: 0; z-index: 1; cursor: pointer;}
.det-video .video-bot .slick-prev{left: 0; border-left: 2px solid #000; border-bottom: 2px solid #000; }
.det-video .video-bot .slick-next{right: 0; border-top: 2px solid #000; border-right: 2px solid #000; }

.det-part12 .txt h1.f60{ font-size: 60px;}

.pro_rea{ position: relative;}
.pro_absotxt{ position: absolute; left: 0; top: 0; width: 100%;}
.pro_part1{ position: relative; background-position: center top; padding: 132px 0 105px; }
.pro_part1 .container{ padding: 50px 55px 30px 75px;}
.pro_part1 .tit{ text-align: center; font-size: 50px; padding: 10px 0; color: #3d3c3c; width: 1000px; margin: 0 auto; border-bottom: 1px solid #d2d2d2;}
.pro_part1 .tit::after{ content: ''; display: block; border: 10px solid transparent; border-top-color:#3d3c3c; margin: 40px auto 0; width: 0;}
.pro_part1 .list{ overflow: hidden; padding-top: 62px;}
.pro_part1 .item{ width: 50%; float: left; margin-bottom: 62px;}
.pro_part1 .item .pic{ width: 149px;}
.pro_part1 .item .txt{ padding-left: 0px;}
.pro_part1 .item h3{ margin: 0; color: #666666; font-size: 35px;}
.pro_part1 .item p{ color: #8f8f8f; font-size: 28px; margin: 0;}

.pro_part2 .txt_box{ color: #3d3c3c; padding-left: 60px;}
.pro_part2 .txt_box h2{ padding: 65px 0 45px; margin: 0; font-size: 60px; line-height: 84px;}
.pro_part2 .txt_box p{ font-size: 45px; margin: 0;}

.pro_part3{ background: url(../images/pro_bg.jpg) repeat center; padding: 200px 0 72px;}
.pro_part3 h2{ padding-left: 79px; margin: 0; font-size: 60px;}
.pro_part3 .con{ text-align: right; position: relative;}
.pro_part3 .txt{ position: absolute; left: 72px; top: 240px; font-size: 45px; line-height: 80px; color: #4c4c4c;}
.pro_part3 .con::before{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 478px; background-color: #fff; border-radius: 30px;}

.pro_part4{ padding-bottom: 46px;}
.pro_part4 .tit{ padding: 100px 0 42px; text-align: center; font-size: 50px;}
.pro_part4 .container .ytable{ border: 1px solid #919191; border-radius: 50px; overflow: hidden;}
.pro_part4 .left{ width: 600px;}
.pro_part4 .right{ padding-left: 53px;}
.pro_part4 .right p{ font-size: 30px; color: #5f5f5f; margin: 0 0 20px;}
.pro_part4 .right .item:first-child{ margin-bottom: 50px;}

.pro_part5{ background-color: #ebebeb;}
.pro_part5 .txt_box { padding-top: 405px;}
.pro_part5 .txt_box h2{ margin: 0; font-size: 60px; line-height: 74px;}
.pro_part5 .txt_box p{ font-size: 45px; line-height: 70px;}

.pro_part6{ background-color: #ebebeb; padding-bottom: 68px;}
.pro_part6 .tit{ text-align: center; font-size: 60px; padding: 110px 0 75px;}
.pro_part6 .list{ overflow: hidden;}
.pro_part6 .item{ width: 50%; float: left; text-align: center; font-size: 30px;}
.pro_part6 .item h2{ font-size: 45px; color: #282828; margin: 30px 0 15px;}

.pro_part7 .txt_box{ color: #fff; padding-left: 30px;}
.pro_part7 .txt_box h2{ padding: 110px 0 15px; margin: 0; font-size: 60px;}
.pro_part7 .txt_box p{ font-size: 45px; margin: 0;}

.pro_part8{ padding: 125px 0 34px; color: #474747;}
.pro_part8 .tit{ margin-bottom: 75px;}
.pro_part8 .left{ font-size: 60px; line-height: 80px; padding-left: 38px;}
.pro_part8 .right{ text-align: right; font-size: 45px; vertical-align: bottom; }
.pro_part8 .pic{ text-align: center;}

.pro_part9{ text-align: center;}
.pro_part9 .tab{ padding-top: 69px;}
.pro_part9 .tab span{ display: inline-block; padding: 0 18px; font-size: 20px; border-radius: 50px; background-color: #a83300; line-height: 33px; color: #fff;}
.pro_part9 h2{ font-size: 60px; color: #232323; margin: 25px 0 10px;}
.pro_part9 p{ margin: 0; font-size: 34px; color: #1f1f1f;}

.pro_part10{ background-size: cover;}
.pro_part10 ul{ padding: 48px 50px 88px;}
.pro_part10 li{ float: left; width: 33.33%; padding: 35px 0; text-align: center; color: #10394c; font-size: 33px;padding-top: initial;}
.pro_part10 li .pic{ width: 209px; margin: 0 auto;}
.pro_part10 li .pic img{ transition: all 0.5s;}
.pro_part10 li .pic:hover img{ transform: rotateY(180deg);}

.pro_part11,
.pro_part12{ background-color: #e1ecfb;}
.pro_part12{ padding-bottom: 70px;}
.pro_part12 ul{ background-color: #fff; box-shadow: 2.5px 4.33px 5px 0px rgba(47, 56, 68, 0.2); border-radius: 15px;}
.pro_part12 ul li{ width: 40%; float: left; text-align: center; font-size: 38px;}
.pro_part12 ul li:nth-child(2){ float: right;}
.pro_part12 ul li p::before{ content: ''; display: inline-block; vertical-align: middle; width: 16px; height: 16px; background-color: #000; border-radius: 100%; margin-right: 5px;}
.pro_part12 ul li p span{ color: #2471a7;}

.pro_part13{ padding: 40px 0; background-color: #f0f6fe;}
.pro_part13 .right.txt{ padding-left: 72px;}
.pro_part13 .left.txt{ padding-right: 72px; text-align: right;}
.pro_part13 .item{ padding: 37px 0;}
.pro_part13 .item1 .ytable-cell{ vertical-align: bottom;}
.pro_part13 .item1 .pic{ margin:53px 0 10px;}
.pro_part13 .item h2{ color: #10394c; font-size: 36px; margin: 0;}
.pro_part13 .item p{ margin: 20px 0 0; font-size: 30px; color: #758389;}

.pro_part14 .item{ width: 50%; float: left;}
.pro_part14 .txt{ text-align: center; padding-top: 75px; font-size: 72px;}

.pro_part15 .txt{ top: 50%; text-align: right; transform: translateY(-50%); font-size: 48px; color: #dadada; line-height: 72px;}
.pro_part15 .txt span{ display: block;}

.det-part10 .item:nth-of-type(even) i.black{border-left-color: #252525;}
.det-part10 .item:nth-of-type(odd) i.black{border-right-color: #252525;}
.det-part10 .item .pic_no::before{ opacity: 0!important;}

.pro_part16 .item{ width: 50%; float: left; text-align: center;}
.pro_part16 .item .txt{ padding: 0 0 0 20px;}
.pro_part16 .item:nth-child(2n) .txt{ padding: 0 55px 0 0 ;}
.pro_part16 .item h3{ font-size: 36px; color: #10394c; margin-bottom: 0;}
.pro_part16 .item p{ font-size: 21px; color: #667281; margin-bottom: 0;}
.pro_part16 .item p::after{ content: ''; width: 0; height: 0; border: 18px solid transparent; display: block; transform: scaleX(0.6); margin: 10px auto;border-top-color: #252525;}

.pro_part17{ background: url(../images/pro_bg2.png) no-repeat center bottom #e9eef4;}
.pro_part17 .con{ background: url(../images/pro_bg3.png) no-repeat;}
.pro_part17 .con .top{ padding-right: 0; padding-top: 14px; padding-bottom: 20px;}
.pro_part17 .top .right{ width: 712px; text-align: center;}
.pro_part17 .top .right img{ vertical-align: bottom;}
.pro_part17 .top li{ padding: 25px 0 10px; border-bottom: 1px dashed rgba(197,200,208,.8); font-size: 30px; color: #878789;}
.pro_part17 .top li .tit{ font-size: 31px; color: #ffffff; background-color: #86878a; line-height: 40px; display: inline-block; margin-right: 20px; width: 122px;}


.message-txt{padding:0 0 2%; text-align: center; margin: 0; font-size: 16px;}
@media (max-width:1366px){
    .pro_part9 h2{ font-size:44px;}
    .pro_part9 p{ font-size:24px;}
}
