#nav ul li h3,.top_menu{transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}
#header{z-index:999;width:100%;height:5rem;position:fixed;top:0;z-index:998;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;}
#header>.wrap{display:flex;height:100%;justify-content:space-between;align-items:center;position:static}
#header .fr{margin-left:10rem;display:flex;justify-content:space-between;flex-grow:1;}
#logo{flex-shrink:0}
#logo a{display:flex;height:100%;align-items:center}
#logo img{width: 20rem;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
#logo .img01{display:none}
#logo .img02{display:block}
#nav{flex-grow:1}
#nav ul{display:flex;flex-grow:1}
#nav ul li{float:left;position:relative;z-index:0;flex-grow:1}
#nav ul li>a{display:block;text-transform:uppercase;font-size:0;text-align:center}
#nav ul li>a>h3{font-size:1rem;text-align:center;color:#fff;line-height:5rem;overflow:hidden;text-align:center;position:relative;z-index:1;display:inline-block;font-weight:normal}
#nav ul li>a>h3:before{content:"";width:100%;height:3px;position:absolute;bottom:0;left:0;background:#fff;transition:.3s ease-in-out;transform:scaleX(0);transform-origin:center}
#nav ul li.on>a>h3:before,#nav ul li:hover>a>h3:before{transform:scaleX(1)}
#nav li .sub{position:absolute;position:absolute;padding-top:.5rem;left:50%;top:100%;z-index:999;transform-origin:0 0 0;transform:translateY(10px) translateX(-50%);-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;transition:all .3s ease 0s;opacity:0;visibility:hidden}
#nav li .sub .box{text-align:center;background:#fff;width:120px;padding:1rem 1rem;border-radius:5px;-webkit-box-shadow:0 3px 5px rgba(0,0,0,.2);-moz-box-shadow:0 3px 5px rgba(0,0,0,.2);box-shadow:0 3px 5px #3333334d}
#nav li .sub a{padding:0;line-height:2rem;transition:.3s;font-size:.875rem;color:#505050;text-align:center;white-space:nowrap}
#nav li .sub a:hover{color:#0060e1}
#nav li:hover .sub{-moz-opacity:1;-khtml-opacity:1;opacity:1;visibility:visible;transform:translateY(0) translateX(-50%)}
#nav li:last-child>a .h3:after{display:none}
#nav li:nth-child(7) .sub,#nav li:nth-child(8) .sub{left:auto;right:0;right: -60px;}
#nav li:nth-child(4) .sub{width:9rem;}
#nav li:nth-child(4) .sub .box {  text-align: left; width: 9rem;}
.wrap{width:100%;max-width: 1440px;margin: 0 auto;}
@media (max-width:1800px){
    .wrap{width: 85%;}
}
@media (max-width:1200px){
    .wrap{width: 90%;}
}
.img_zd {position: relative;width: 100%}
.img_zd .img_hezi {padding-bottom: 60% !important}∂
.img_zd>img {position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.slow {overflow: hidden}
.slow img:hover {transform: scale(1.05);}
/*图片放大*/
.slow img {-moz-transition: all 0.9s ease-in-out;-webkit-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;-ms-transition: all 0.9s ease-in-out;transition: all 0.9s ease-in-out;}
.more{ text-align:center;}
.more .a{display:flex;border: rgba(255,255,255,.5) 1px solid;width: 10rem;height: 3.5rem;align-items:center;justify-content:center;font-size: 1rem;color: rgba(255,255,255,.8);border-radius: 1.625rem;transition:.5s;}
.more .a img, .more .a svg{ margin:0 0 0 .5rem; transition:.5s; width:1.25rem; height:1.25rem; fill:rgba(255,255,255,.8)}
.more .a:hover{ background:#0060e1; border:#0060e1 1px solid;color:#fff}
#qdcs, #cpcs,#gsjs, #qywh{position: relative;transform: translateY(-5rem); display: block;}
.cart-concern-btm-fixed{display:none}
@media (max-width:768px){
#m_header  .icon {border: none;display: block; width: 20px; height: 20px;}
}

.pro_navlist{position:fixed;left:0;top:6rem;width:100%;background:#fff;opacity:0;visibility:hidden;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}
.pro_navlist:before{content:'';display:block;width:100%;height:1px;position:absolute;left:0;top:0;background:#f5f5f5}
.pro_navlist dl{border-right:1px solid #ececec;text-align:left}
.pro_navlist dt{margin-bottom:1.25rem}
.pro_navlist dt h3{font-size:1.125rem;color:#262626;font-weight:700;margin-bottom:.625rem}
.pro_navlist dt h4{font-size:.75rem;color:#7c7c7c}
.pro_navlist dd a{display:block;font-size:.875rem;color:#555;line-height:2rem}
.pro_navlist .bd{overflow:hidden;position:relative;padding:3.5rem 0 4.5rem}
.pro_navlist .bd .innerbox{flex-flow:wrap;justify-content:space-between;display:grid;grid-template-columns:repeat(5,1fr);column-gap:2.125rem;row-gap:2.125rem}
.pro_navlist dl:nth-child(6n){border:0}
.pro_navlist dd a:hover{color:#0060e1}
.pro_navlist .close{position:absolute;top:2rem;right:0;width:3rem;height:3rem;cursor:pointer;transition:.3s;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}
.pro_navlist .close:hover{background:#eee}
.pro_navlist.act{opacity:1;visibility:visible}
.top_menu_box{display:flex;margin-left:2rem;align-items:center}
.top_menu_box p{color:#fff;font-size:1.25rem;margin-left:0.5rem}

#header.xg{background:#fff;box-shadow:0 1px 0 0 rgba(0,0,0,.09);transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
#header.xg #nav>ul>li>a>h3{color:#333}
#header.xg #nav>ul>li>a>h3:before{background:#0060e1}
#header.xg #logo .img01{display:block}
#header.xg #logo .img02{display:none}
#header.xg .top_menu_box .top_menu svg path{fill:#282828!important}
#header.xg .top_menu_box .top_menu span{color:#333}
#header.xg .top_menu_box .top_menu:before{background:rgba(0,0,0,.2)}
#header.xg .top_menu_box path{fill:#0060e1!important}
#header.xg .top_menu_box p{color:#333}
#header:hover{background:#fff;box-shadow:0 1px 0 0 rgba(0,0,0,.09);transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
#header:hover #nav>ul>li>a>h3{color:#333}
#header:hover #nav>ul>li>a>h3:before{background:#0060e1}
#header:hover #logo .img01{display:block}
#header:hover #logo .img02{display:none}
#header:hover .top_menu_box .top_menu svg path{fill:#282828!important}
#header:hover .top_menu_box .top_menu span{color:#333}
#header:hover .top_menu_box .top_menu:before{background:rgba(0,0,0,.2)}
#header:hover .top_menu_box path{fill:#0060e1!important}
#header:hover .top_menu_box p{color:#333}
#m_header{display:none;height:4.5rem;position:fixed;top:0;width:100%;z-index:999;transition:0s 1.5s;background:#fff;box-shadow:0 0 3px rgba(0,0,0,.15)}
#m_header .wrap{position:relative;height:100%;display:flex;align-items:center;justify-content:space-between}
#m_header .top_menu_box{margin-right:4rem}
#m_header .top_menu_box .top_menu{height:4.5rem}
#m_header .language_sub{left:-10px}
#m_header .language_sub .box:before{left:20px}
#m_header .top_menu_box .top_menu.btn_language svg path{fill:#333}
#m_header .top_menu_box .top_menu.on svg path{fill:#333}
.m_user{height:4.5rem;line-height:4.5rem;margin-right:4rem;color:#999}
.m_user a{display:inline-block;margin:0 .625rem;color:#666}
.m_user a svg{width:16px}
.m_user a:hover{color:red}
.m_user a:hover svg path{fill:red}
#m_logo{transition:0s 1.5s;height:100%;visibility:visible;float:left;display:flex;align-items:center}
#m_logo img{display:block;height:3rem}
#nav_btn_box{height:100%;z-index:99999;margin-left:20px;position:fixed;height:4.5rem;right:5%;top:0;display:none}
#nav_btn_box .wrap{height:100%;display:flex;align-items:center;padding-left:0}
#nav_btn_box.on{background:0 0}
#nav_btn .point.on .navbtn::after,#nav_btn .point.on .navbtn::before{background:#a0a0a0}
#nav_btn{cursor:pointer;text-align:center;z-index:99999;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;outline:0;box-shadow:none}
#nav_btn .point{display:inline-block;width:1.875rem;height:26px;position:relative;outline:0}
#nav_btn .navbtn{position:relative;display:inline-block;width:24px;height:2px;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;background:#333}
#nav_btn .navbtn::after,#nav_btn .navbtn::before{position:absolute;left:0;display:inline-block;width:100%;height:2px;content:'';-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;background:#333}
.ny #nav_btn .navbtn::after,.ny #nav_btn .navbtn::before{background:#333}
#nav_btn .navbtn::after{top:-8px}
#nav_btn .navbtn::before{top:8px}
#nav_btn .point.on .navbtn{background:0 0}
#nav_btn .point.on .navbtn::after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:0}
#nav_btn .point.on .navbtn::before{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:0}
.m_nav_list{width:100%}
.m_nav_list::-webkit-scrollbar{display:none}
#m_nav{z-index:-1;position:fixed;background:#eef2f6;width:100%;height:100vh;right:0;top:0;display:none;padding:50px 0;overflow:hidden;pointer-events:none;transition:all .5s cubic-bezier(.445,.145,.355,1);-webkit-transition:all .5s cubic-bezier(.445,.145,.355,1);-moz-transition:all .5s cubic-bezier(.445,.145,.355,1);-o-transition:all .5s cubic-bezier(.445,.145,.355,1);-ms-transition:all .5s cubic-bezier(.445,.145,.355,1);display:block;overflow:auto;visibility:hidden;opacity:0}
#m_nav::-webkit-scrollbar{display:none}
#m_nav.act{pointer-events:auto;top:0;visibility:visible;opacity:1;z-index:9999}
#m_nav>ul>li{width:80%;overflow:hidden;padding:0 1rem;margin:0 auto}
#m_nav>ul>li+li{border-top:1px solid rgb(111 111 111 / 10%)}
#m_nav li .a h3{line-height:4.5rem;height:4.5rem;color:#3d3d3d;padding:0;font-size:1.25rem;float:left;font-weight:700}
#m_nav li .a span{display:block;position:absolute;top:0;right:10px;width:20px;height:50px;text-align:center}
#m_nav li .a span i{font-size:0}
#m_nav .title i{opacity:1;display:inline-block;width:16px;height:4.5rem;float:right;display:inline-block;background:url(../images/arrow_down.svg) center no-repeat;background-size:contain}
#m_nav li.on.title i{transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg)}
#m_nav .on.title i{transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg)}
#m_nav li{display:block;width:100%}
.slide_nav{position:absolute;left:0;height:70px;z-index:998;padding:15px;top:0;width:100%}
#m_nav .title .list{display:none;position:relative;width:100%;z-index:9;left:0;margin-left:0;background:0 0;border:0;clear:both;padding-bottom:10px}
#m_nav .title .list span{background:0 0}
#m_nav .title .list span a:hover{color:#014085}
#m_nav .title .list a{display:block;font-size:1.125rem;color:#666;text-align:left;line-height:35px;height:35px;border:0}
#m_nav .title .list .void>a{background-size:10px;position:relative}
#m_nav .title .list .void>a:before{content:"·";position:absolute;left:-1em;font-size:12px;font-weight:700}
#m_nav .title .list span{position:relative;display:block}
#m_nav .title .list span .sub{position:static;width:100%;display:block!important;overflow:hidden}
#m_nav .title .sub a{background:0 0;font-size:.875rem;opacity:.8;min-width:50%;float:left;display:inline-block;color:#999}
.nav_mask{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background-color:rgba(0,0,0,.4);display:none}

.btn_more{width:12rem;height:3rem;margin-top:1.5rem;  position:relative;z-index:1;border-radius:1.25rem;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:1rem;border-radius: 50px;}
.btn_more:before{content:"";display:block;width:100%;height:100%;transition:.5s;position:absolute;left:0;top:0;z-index:-1;background-image:-moz-linear-gradient(0deg,#0060e1 0,rgba(175,30,40,0) 100%);background-image:-webkit-linear-gradient(0deg,#0060e1 0,rgba(175,30,40,0) 100%);background-image:-ms-linear-gradient(0deg,#0060e1 0,rgba(175,30,40,0) 100%)}
.btn_more:after{opacity:0;visibility:hidden;content:"";display:block;width:100%;height:100%;transition:.5s;position:absolute;left:0;top:0;z-index:-1;background-image:-moz-linear-gradient(180deg,#0060e1 0,rgba(175,30,40,0) 100%);background-image:-webkit-linear-gradient(180deg,#0060e1 0,rgba(175,30,40,0) 100%);background-image:-ms-linear-gradient(180deg,#0060e1 0,rgba(175,30,40,0) 100%)}
.btn_more:hover:before{opacity:0;visibility:hidden}
.btn_more:hover:after{opacity:1;visibility:visible}
.banner{height:100vh;position:relative}
.banner .swiper-slide{overflow:hidden}
.banner .txt{color:#fff;height:100%;display:flex;flex-direction:column;align-items:center;padding-top:calc(5% + 4rem)}
.banner .txt h3{font-weight:700;font-size:2.5rem;opacity:0;transform:translateY(-60px);text-shadow:0 0 5px rgba(0,0,0,0.25)}
.banner .txt p{font-size:1.5rem;margin-top:1rem;margin-bottom:0.5rem;opacity:0;transform:translateY(-60px);text-shadow:0 0 5px rgba(0,0,0,0.25)}
.banner .txt .btn_more{opacity:0;transform:translateY(-60px)}
.banner .swiper-button-prev{left:4%}
.banner .swiper-button-next{right:4%}
.banner .slide-inner { position: absolute;width: 100%; height: 100%;left: 0;top: 0;background-size: cover; background-position: center; background-repeat: no-repeat!important;}
.banner .swiper-slide.swiper-slide-active .slide-inner{ animation: scaleUpDown 5s linear forwards; -webkit-animation: scaleUpDown 5s linear forwards;}
.banner .swiper-slide.swiper-slide-active .txt h3{transform:translateY(0) translateZ(0);opacity:1;transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s}
.banner .swiper-slide.swiper-slide-active .txt p{transform:translateY(0) translateZ(0);opacity:1;transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s}
.banner .swiper-slide.swiper-slide-active .txt .btn_more{transform:translateY(0) translateZ(0);opacity:1;transition:opacity .6s linear .3s,transform .6s cubic-bezier(.215,.61,.355,1) .3s}
@-webkit-keyframes svgrotate{0%{stroke:#fff;stroke-dasharray:0,62.8;stroke-dashoffset:62.8}
100%{stroke:#fff;stroke-dasharray:62.8,0;stroke-dashoffset:62.8}
}
@-webkit-keyframes enter{0%{opacity:0;transform:translateY(100px);-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px)}
20%{opacity:0;transform:translateY(100px);-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px)}
100%{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}
}
@keyframes enter{0%{opacity:0;transform:translateY(100px);-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px)}
20%{opacity:0;transform:translateY(100px);-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px)}
100%{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}
}
.banner-pagination{bottom:1rem!important}
.banner-pagination .swiper-pagination-bullet{width:0.5rem;height:0.5rem;}
.swiper-button-next, .swiper-button-prev{color:#0060e1}
.swiper-pagination-bullet-active{color:#0060e1;position:relative}
.swiper-pagination-bullet-active:before{content: '';position: absolute;width: 1.5rem;height: 1.5rem;left: -8px;top: -8px;border: 2px solid #008ae7;border-top: 1px solid #000;border-left: 1px solid #000;border-radius: 50%;animation: rotate 3s infinite linear;}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 10px}
.swiper-pagination-bullet{background:#fff}
@keyframes rotate {100% {transform: rotate(360deg);}}

.s_tt{text-align:center;margin-bottom:3rem}
.s_tt h3{font-size:2.5rem;color:#1f1f1f;font-weight:700;margin-bottom:1.5rem}
.s_tt p{font-size:1rem;color:#505050;line-height:1.5}

.btn_arr{width:1.875rem;height:1.875rem;border-radius:50%;border:1px solid #cecece;display:flex;align-items:center;justify-content:center;transition:.5s}
.btn_arr:hover,li:hover .btn_arr{background:#0060e1!important;border:1px solid #0060e1!important}
.btn_arr:hover svg path,li:hover .btn_arr svg path{fill:#fff}
.circlebox{position:relative;overflow:hidden;z-index:1}

/*首页产品*/
.s_pro {padding:5rem 0;background:#f5f5f5;position:relative;z-index:1}
.s_pro ul{display:flex;flex-wrap:wrap}
.s_pro ul li{width:49%;margin-right:2%}
.s_pro ul li:nth-child(2n){margin-right:0}
.s_pro ul li img{display:block;transition: .5s;opacity:1}
.s_pro ul li .s_pro_con{position:relative}
.s_pro ul li .s_pro_txt{position:absolute;left:0;top:0;right:0;bottom:0;padding:3rem 2rem;text-align:center}
.s_pro ul li .s_pro_txt h6{font-size:2rem;color:#333;margin-bottom:1rem}
.s_pro ul li .s_pro_txt p{font-size:1rem;}
.s_pro ul li:hover img{opacity:0;}
.s_pro ul li .v-more {display: inline-block;vertical-align: top;background-color: rgba(255,255,255,0.15);border-radius: 22px;border: solid 1px #ddd;margin-top: 2rem;color: #333;font-size: 14px;line-height: 24px;padding: 3px 24px 3px 24px;overflow: hidden;position: relative;opacity:1;}
.s_pro ul li .v-more:before {content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(255,255,255,0.2);width: 0;transition: all 0.4s ease}
.s_pro ul li .v-more:hover:before {width: 100%}
.s_pro ul li:hover .v-more{background-color:rgba(255,255,255,0.4);color:#333;border:1px solid #fff}

.s_case{padding:5rem 0 0;}
.case-ul {transform-origin: top;}
.case-ul li {position: relative;overflow: hidden;margin:0 1rem;}
.case-ul li .pic{height:65vh}
.case-ul li .pic img {display: block;width: 100%;transition: all .3s ease-in-out}
.case-ul li .text {position: absolute;left: 0;top: 0%;width: 100%;padding: 6rem 4rem 0rem;z-index: 2;text-align: center;opacity: 0;}
.case-ul li .text .tit {display: block;font-size: 2rem;font-weight: bold;line-height: 1.5;color: #ffffff;margin-bottom: 1rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-shadow: 0px 0 3px rgb(0 0 0 / 30%);opacity:0;}
.case-ul li .text p {font-size: 1rem;color: #ffffff;line-height: 1.75;overflow: hidden;text-shadow: 0px 0 3px rgb(0 0 0 / 30%);opacity:0;}
.case-ul li.slick-current .text .tit{transform:translateY(0) translateZ(0);opacity:1;transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s}
.case-ul li.slick-current .text p{transform:translateY(0) translateZ(0);opacity:1;transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s}
.case-ul li .v-more {display: inline-block;vertical-align: top;background-color: rgba(255,255,255,0.15);border-radius: 22px;border: solid 1px #ffffff;margin-top: 2rem;color: #fff;font-size: 14px;line-height: 24px;padding: 3px 36px 3px 24px;overflow: hidden;position: relative;opacity:0;}
.case-ul li.slick-current .v-more{transform:translateY(0) translateZ(0);opacity:1;transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s}
.case-ul li .v-more:before {content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(255,255,255,0.2);width: 0;transition: all 0.4s ease}
.case-ul li .v-more:after {content: '';display: block;position: absolute;right: 20px;top: 7px;width: 8px;height: 16px;background: url(../images/read_more.png) center center no-repeat;background-size: 100% auto}
.case-ul li .v-more:hover:before {width: 100%}

.case-ul li .text .tit:hover {}
.case-ul li .mark {position: absolute;bottom: 0%;left: 0;width: 100%;height: 100%;z-index: 1;transition: all .3s ease-in-out}
.case-ul li .mark a {display: block;position: absolute;top: 50%;left: 50%;margin-left: -2rem;margin-top: -2rem;}
.case-ul li.slick-current .text{opacity: 1}
.case-ul li.slick-current .mark {opacity: 0}
.case-ul li:hover .pic img {transform: scale(1.05)}
.case-ul .slick-dots {position: absolute;text-align: center;left: 0;bottom: 3rem;width: 100%;height: 1rem;}
.case-ul .slick-dots li {display: inline-block;vertical-align: top;width: 2rem;height: 1.25rem;margin: 0 6px;position: relative;cursor: pointer;}
.case-ul .slick-dots li button{display: none;}
.case-ul .slick-dots li:before {content: '';display: block;position: absolute;left: 0;top: 0.5rem;width: 100%;height: 0.375rem;background-color: #fff;opacity: 0.3;}
.case-ul .slick-dots li:after {content: '';display: block;position: absolute;left: 0;top: 0.5rem;width: 0;height: 0.375rem;background-color: #fff;}
.case-ul .slick-dots .slick-active:after {width: 100%;}
.s_case .slick-arrow{width: 3rem;height: 3rem;position: absolute;top: 50%;margin-top: -1.5rem;font-size: 0;z-index: 1;cursor: pointer;border: none;outline: none;}
.s_case .slick-prev{left: 2rem;background: url(../images/index_left.png) center center no-repeat;background-size: 10px auto;}
.s_case .slick-next{right: 2rem;background: url(../images/index_right.png) center center no-repeat;background-size: 10px auto;}
.s_case .slick-arrow:before{content: '';display: block;position: absolute;top: 0;width: 100%;height: 100%;background-color: #fff;border-radius: 50%;opacity: 0;left: 1px;transition: all 0.3s ease;}
.s_case .slick-arrow:hover:before{opacity: 0.3}


    
/*首页关于我们*/
.about{width: 100%;position: relative;height: 420vh;background: #000;}
.about-sticky{width: 100%;top: 0;left: 0;position: sticky;overflow: hidden;}
.about-bg{width: 100%;height: 100vh;object-fit: cover;}
.about-logo{position: absolute;z-index: 2;width: 100%;height: 100vh;top: 0;left: 0;}
.about-logo img{width: 100%;height: 100%;object-fit: cover;background-color:#fff}
.about-text{width: 100%;position: absolute;z-index: 3;justify-content: center;left: 0;top: 86vh;color: #333;transition: all .4s ease;}
.about-text span{position: relative;}
.about-text span:first-child{margin-left: 0;}
.about-text.active{opacity: 0;}
.about-shade{position: absolute;z-index: 1;width: 100%;height: 100vh;top: 0;left: 0;background: rgba(0, 0, 0, 0.3);opacity: 0;}
.about-content{position: absolute;width: 100%;z-index: 4;height: 100vh;display: flex;align-items: center;justify-content: center;top: 0;left: 0;}
.about-desc{max-width: 1000px; margin-left: auto; margin-right: auto; text-align: center; color: #fff; font-size: 1.125rem;line-height: 2;}
.about-num{width: 100%;color: #fff;}
.about-num li{width: 25%;text-align: center;}
.about-num li .num{font-size: 1.5rem;}
.about-num li .title{line-height: 1.1;}
.about-more{width: 100%;justify-content: center;}
.about-more a{    margin: 0 auto;display: flex;align-items: center;position: relative;justify-content: center;width: 230px;height: 52px;padding-top: 2px;border: 1px solid #fff;border-radius: 26px;line-height: 1;font-size: 14px;color: #fff;transition: all .4s ease;}
.about-more a::after{content: "";width: 24px;height: 12px;position: absolute;top: 50%;margin-top: -4px;right: 22px;
background: url('../images/rightjt.png') no-repeat center;transition: all .4s ease;}
.about-more a:hover{background: #0060e1;border-color: #0060e1;}
.about-more a:hover::after{transform: translateX(-26px);}
.about-content{opacity: 0;pointer-events: none;transition: all .8s ease;}
.about-content.active{opacity: 1;pointer-events: auto;}
.about-content.active .indTitle{animation: aboutRun 1s ease both .4s;}
.about-content.active .about-desc{animation: aboutRun 1s ease both .6s;}
.about-content.active .about-num{animation: aboutRun 1s ease both .8s;}
.about-content.active .about-more{animation: aboutRun 1s ease both 1s;}
@keyframes aboutRun {0%{opacity: 0;transform: translateY(60px);filter: blur(6px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
.about-text{width: 100%; position: absolute; z-index: 3;justify-content: center; left: 0; top: 80vh;  color: #333; transition: all .4s ease;font-size: 3rem;  font-weight: 600; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);text-align: center;}
.about-num ul{display:flex;margin: 4rem 0;}
.about-num li .text{line-height:2;font-size:1.5rem}
.aboutTimer{font-family: "impact";line-height: 1;font-size: 3rem;margin-right:0.5rem}
.about .text0{font-family:arial;font-weight: 600;   line-height: 1; position: absolute; width: 100%; font-size: 3rem; text-align: center;
    color: #f5f7f9; text-transform: uppercase;opacity: 0.2; left: 0;top: 0;}
.indTitle.white .text { color: #fff; opacity: 0.1;}
.about .title{font-weight: 600; text-align: center;  font-size: 3rem; z-index: 99999; color: #fff; padding-top: 2rem; padding-bottom: 2rem;}

.s_news{ padding:5rem 0; overflow:hidden}
.s_news .title{text-align:left;display: flex;justify-content: space-between;align-items: center;margin-bottom:2rem}
.s_news .title h3{ font-size:2.5rem; }
.s_news .title .more a{ border:#e4e4e4 2px solid; font-size:1rem; color:#858585}
.s_news .title .more a svg{ width:1rem; height:1rem; fill:#858585}
.s_news .title .more:hover a{color:#fff;}
.s_news .title .more:hover a svg{fill: #fff;}
.s_news .content{ display: flex; flex-wrap: wrap;}
.s_news .content .left{ width: 50%; padding: 0 5rem 0 0;}
.s_news .content .right{ width: 50%;}
.s_news .left ul li .img .img_hezi{ padding-bottom: 64.23% !important;}
.s_news .left ul li .con{ padding: 1.75rem 0 0;}
.s_news .left ul li .con h5{font-size: 1.5rem;color: #303131;line-height: 1.25;transition: .5s;position: relative;padding: 0 5rem 0 0;}
.s_news .left ul li .con h5 span{position:absolute;top: 1px;right:0;background: #0060e1;width: 4.5rem;height: 1.75rem;font-size: .875rem;color:#fff;display:flex;justify-content:center;align-items:center;border-radius: 5px;}
.s_news .left ul li .con p{font-size: 1rem;color: #666;line-height: 1.625rem;height: 3.25rem;margin: 1rem 0 .75rem;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.s_news .left ul li .con h6{ display: flex; align-items: center; font-size: .9375rem; color: #848484;}
.s_news .left ul li .con h6 img{ margin: 0 .75rem 0 0;}
.s_news .right ul li{ padding-bottom: 2rem; margin-bottom: 2rem; border-bottom: #e1e1e1 1px dashed ;}
.s_news .right ul li .con h5{ font-size: 1.5rem; color: #303131; line-height: 1.25; transition: .5s;position: relative;padding: 0 5rem 0 0;}
.s_news .right ul li .con h5 span{position:absolute;top: 1px;right:0;background: #0060e1;width: 4.5rem;height: 1.75rem;font-size: .875rem;color:#fff;display:flex;justify-content:center;align-items:center;border-radius: 5px;}
.s_news .right ul li .con h5:hover{color:#0060e1}
.s_news .right ul li .con p{font-size: 1rem;color: #666;line-height: 1.75rem;height: 3.5rem;margin: 1rem 0 .75rem;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.s_news .right ul li .con h6{ display: flex; align-items: center; font-size: 1rem; color: #848484;display:block;font-weight:normal}
.s_news .right ul li .con h6 img{ margin: 0 .75rem 0 0;}

/*==========================================底部 开始=============================================*/
#foot{background:#272727;width:100%;overflow:hidden;padding-top:5rem}
#foot .box1{display:flex;justify-content:space-between;padding-bottom:1.875rem;border-bottom:1px solid #525252;margin-bottom:1.75rem}
#foot .box1 .left{margin-right:10rem}
#foot .box1 .right{flex-grow:1}
#foot .box2{display:flex;justify-content:space-between;padding-bottom:2rem}
.foot_tel dl{margin-bottom:1.5rem}
.foot_tel dt{font-size:1rem;color:#fff;font-weight:700;margin-bottom:.5rem}
.foot_tel dd{font-size:1rem;color:#7f8181;line-height:1.5}
.foot_tel dd b{font-size:1.75rem;color:#fff;font-family:DINPRO-REGULAR}
.foot_ewm{display:flex}
.foot_ewm .ewm{margin-right:1.75rem}
.foot_ewm .ewm .pic{position:relative;width:7.125rem;height:7.125rem;border:1px solid #525252;padding:7px}
.foot_ewm .ewm p{font-size:1rem;color:rgba(255,255,255,.3);text-align:center;padding-top:1rem}
.foot_nav{display:flex;justify-content:space-between}
.foot_nav dl dt{font-size:1.125rem;color:#fff;font-weight:700;padding-bottom:1.5rem;position:relative;margin-bottom:1rem}
.foot_nav dl dt:before{content:"";display:block;width:1.5rem;height:2px;position:absolute;left:0;bottom:0;background-image:-moz-linear-gradient(0deg,#0060e1 0,rgba(175,30,40,0) 100%);background-image:-webkit-linear-gradient(0deg,#0060e1 0,rgba(175,30,40,0) 100%);background-image:-ms-linear-gradient(0deg,#0060e1 0,rgba(175,30,40,0) 100%)}
.foot_nav dl dd{font-size:1rem;color:#a3a6a7;line-height:2}
.foot_nav dl dd:hover{color:#fff}
.foot_lianxi{flex-grow:1}
.foot_lianxi .title{display:block;text-align:center;line-height:24px;width:80px;height:24px;align-items:center;justify-content:center;color:#fff;background:#0060e1;border-radius:12px;font-size:12px;margin-bottom:7px}
.foot_lianxi dl{font-size:1rem;line-height:3.5rem;color:#bec0c1;margin-right:3.5rem}
.copyright{font-size:1rem;flex-shrink:0;color:#6a6a6a;line-height:1.5rem;margin-top:.3rem}
.copyright p{font-size:1rem}
.copyright a:hover{color:#fff}
.copyright .flex{display:flex;flex-wrap:wrap;align-items:center}
.copyright>.flex p{margin-right:1rem}
.copyright .ico{width:1.125rem;margin-left:1.125rem;height:1.125rem}
.copyright .ico:hover path{fill:#0060e1}
.qr-scanner{position:absolute;left:0;top:0;height:100%;width:100%;pointer-events:none}
.qr-scanner .box{height:100%;width:100%;position:relative;left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden}
.qr-scanner .line{height:100%;width:100%;background:linear-gradient(180deg,rgba(0,255,51,0) 43%,#0060e1 211%);border-bottom:1px solid #0060e1;transform:translateY(-100%);animation:radar-beam 2s infinite;animation-timing-function:cubic-bezier(.53,0,.43,.99);animation-delay:1.4s}
@keyframes radar-beam{0%{transform:translateY(-100%)}
100%{transform:translateY(0)}
}
.links{display:flex;flex-grow:1}
.links .tt{flex-shrink:0;font-size:1rem;color:#fff;font-weight:700;width:3.5rem;height:1.875rem}
.links .tt svg{width:1.875rem;height:1.875rem}
.links .con{flex-grow:1}
.links .con a{font-size:.875rem;color:#a7a7a7;margin-right:1.25rem;display:inline-block;line-height:1.875rem;transition:.2s}
.links .con a:hover{color:rgba(255,255,255,.8)}
#foot .box2 .line{display:block;width:1px;height:auto;background:rgba(255,255,255,.1);margin:0 3rem}


/*==========================================内页 开始=============================================*/
.n_banner{height:30rem;overflow:hidden;position:relative}
.n_banner>img{position: absolute;top: 0;right:0;width:100%;height: 100%;object-fit: cover;z-index: -1;animation: scaleUpDown 4s linear forwards;-webkit-animation: scaleUpDown 4s linear forwards;}
@-webkit-keyframes scaleUpDown{from{-webkit-transform:scale(1.08);transform:scale(1.08)}
to{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes scaleUpDown{from{-webkit-transform:scale(1.08);transform:scale(1.08)}
to{transform:scale(1);transform:scale(1)}
}

.n_banner .wrap{padding-top:13rem;padding-bottom:8rem;height:100%}
.n_banner h6{font-size: 2.5rem;color: #fff;margin-bottom: 1.5rem;font-weight: bold;text-shadow: 0 0 5px rgba(0,0,0,0.25);}
.n_banner p{font-size: 1.25rem;color: #fff;line-height:2;text-shadow: 0 0 5px rgba(0,0,0,0.25);}

.n_nav{line-height: 4;border-bottom: 1px solid #ddd}
.n_nav .wrap{display: flex;justify-content: space-between;}
.n_nav ul.n_nav_left{display: flex;justify-content: space-between;}
.n_nav ul.n_nav_left li{margin-right: 2rem;position: relative;}
.n_nav ul.n_nav_left li a{display: block;}
.n_nav ul.n_nav_left li:last-child{margin-right: 0;}
.n_nav ul.n_nav_left li:before{content: '';position: absolute;bottom: 0;width: 0%;background-color: #0060e1;height: 2px;transition: 0.5s}
.n_nav ul.n_nav_left li:hover::before{width: 100%}
.n_nav ul.n_nav_left li.on:before{width: 100%}
.n_nav ul.n_nav_left li.on a{color: #0060e1}
.n_nav .n_nav_right{padding-left: 1.5rem;position: relative;}
.n_nav .n_nav_right:before{position: absolute;content: '';width: 1rem;height: 1rem;background-image: url(../images/n_home.png);background-size: cover;left: 0;top: calc(50% - 0.5rem)}
.pagelist{padding:3rem 0 0rem;margin:0 auto;text-align: center;font-size: 1rem;}
.pagelist a{padding:0.5rem 0.75rem;border:1px solid #ddd;margin:0 0.25rem;display:inline-block;background-color:#fff}
.pagelist a:hover{border:1px solid #015198;}
.pagelist a.cur{padding:0.5rem 0.75rem;border:1px solid #015198;margin:0 0.25rem;background-color: #015198;font-weight: normal;color: #fff}

/*n_about*/
.n_guanyu{padding:5rem 0}
.n_guanyu .innerbox{ padding-right: 211px; background: url(../images/n_guanyu_bg.jpg) right top no-repeat; position: relative; padding-bottom: 4rem;} 
.n_guanyu .tt{ margin-bottom: 2.5rem;}
.n_guanyu .tt span{ font-size: 1.75rem; color: #0060e1; text-transform: uppercase; margin-bottom: 1rem; display: block;}
.n_guanyu .tt h3{ font-size: 1.75rem; color: #000000; font-weight: bold;}
.n_guanyu .con{ font-size: 1rem; line-height: 2.25rem; padding-right: 2rem; color: #333; margin-bottom: 2.25rem;}
.n_shuzi{ margin-top: 3rem; margin-right: 20rem;}
.n_shuzi ul{ text-align: center; overflow: hidden; font-size: 0; display: flex; justify-content: space-between; margin: 0 -4rem;}
.n_shuzi ul li{ float: left; overflow: hidden; position: relative; z-index: 1; flex-grow: 1; display: inline-block; text-align: center;}
.n_shuzi ul li+li:before{ content: ""; display: block; position: absolute; width: 1px; height: 100px; background: #dcdcdc; left: 0; top: 0;}
.n_shuzi ul li .box{  text-align: center; } 
.n_shuzi ul li p span{color: #0060e1; font-size:2.5rem; margin-bottom:.8rem; text-transform: uppercase;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}

.n_shuzi ul li p font{color: #0060e1; font-size: 1.5rem; margin-left: .75rem;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}
.n_shuzi ul li h5{ font-size:1rem; color: #413f3f; margin-top: .8125rem; white-space: normal; line-height: 1.5;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s; display: block; }
.n_shuzi ul li i{ font-size: .8745rem; color: #0060e1; font-weight: normal;}
.n_gg{ text-align: right; background: rgba(10, 61, 137, 0.77); padding: 175px 30px 66px 54px; display: inline-block; position: absolute; bottom: 0; right: 0;}
.n_gg h4{ font-size: 1.5rem; line-height: 2.25rem; color: #fff;}
.n_gg p{ font-size: 1rem; color: #ffffff; line-height: 1.125rem; opacity: .4;}
.n_wenhua{ padding-top: 4rem; padding-bottom: 5rem; background: #f5f5f5;}
.n_wenhua ul{ overflow: hidden; margin: -5px;}
.n_wenhua ul li{ width: 20%; float: left; transition: .5s ease-out; -webkit-transition: .5s ease-out; -moz-transition: .5s ease-out; -ms-transition: .5s ease-out; -o-transition: .5s ease-out; }
.n_wenhua ul li .box{ height: 60vh; position: relative; z-index: 1; padding: 3.125rem; background-size: 918px 100% !important; }
.n_wenhua ul li .ico{ margin-bottom: 1.375rem; width: 2rem; height: 2rem; margin-top: 20rem; transition: .5s; }
.n_wenhua ul li .ico img{ transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.n_wenhua ul li .ico img.img02{ display: none;}
.n_wenhua ul li h3{ font-size: 2rem; color: #fff; margin-bottom:2rem; }
.n_wenhua ul li span{ font-size: 1rem; color: #fff; margin-left: 8px;   }
.n_wenhua ul li p{ font-size: 1.125rem; line-height: 1.5rem; color: #fff; font-weight: bold; position: relative; display: inline-block; transition: .5s; opacity: 0; }
.n_wenhua ul li i{ display: block; width: 34px; height: 33px; position: absolute; background: url(../images/yinhao.png) center no-repeat; background-size: contain; right: -3rem; border-bottom: -1.625rem;}
.n_wenhua ul li.on{ width: 60%; }
.n_wenhua ul li.on .ico{ margin-top: 0; }
.n_wenhua ul li.on p{ color: #fff; opacity: 1; }

/*n_news*/
.n_news{background-color:#f5f5f5;padding-bottom:5rem;}
.n_news .n_news_top{display: flex;justify-content: space-between;padding: 5rem 0 3rem ;}
.n_news .n_news_top img{width: 50%}
.n_news .n_news_top .n_news_top_right{padding:3rem;background-color: #fff}
.n_news .n_news_top .n_news_top_right span{font-size: 1rem;color: #015198;margin-bottom: 1rem;display: inline-block;}
.n_news .n_news_top .n_news_top_right h6{font-size: 1.5rem;color: #000;margin-bottom: 1rem;line-height: 1.5;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.n_news .n_news_top .n_news_top_right h6:hover{color: #015198}
.n_news .n_news_top .n_news_top_right p{font-size: 1rem;color:#666;line-height: 1.5;margin-bottom: 1rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.n_news .n_news_top .n_news_top_right a.news-a{font-size: 1rem;color: #333;margin-top: 2rem;display: inline-block;}
.n_news .n_news_top .n_news_top_right a.news-a:hover{color: #015198}
.n_news .n_news_list li{display: flex;justify-content: space-between;align-items: center;padding:2rem;background-color: #fff;margin-bottom: 2rem;transition: 0.5s;position: relative;}
.n_news .n_news_list li:before{content: '';position: absolute;left: 0;top: 0;width: 0;height: 2px;background-color: #015198;transition: 0.5s;}
.n_news .n_news_list li .n_news_list_right{width: 100%;}
.n_news .n_news_list li .n_news_list_right h6{font-size: 1.25rem;color: #000;margin-bottom: 1rem}
.n_news .n_news_list li .n_news_list_right span{color:#666;margin-bottom:0.5rem;display:block}
.n_news .n_news_list li .n_news_list_right p{font-size: 1rem;margin-bottom:1rem;color: #666;line-height: 1.5;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.n_news .n_news_list li .n_news_list_right .news-a{display:inline-block}
.n_news .n_news_list li:hover::before{width: 100%}
.n_news .n_news_list li:hover{box-shadow: 0 0 25px #ddd;}
.n_news .n_news_list li:hover .n_news_list_right h6{color: #015198}
.n_news .n_news_list a:nth-last-child(2) li{margin-bottom:0}

/*新闻详情*/
.n_news_detail{padding: 0;}
.n_news_detail .content{display: flex;flex-wrap: wrap;justify-content: space-between;}
.n_news_detail .left{width: calc(100% - 340px);padding: 4rem 3.125rem 5rem 0;}
.n_news_detail .left > video{ margin-bottom:2rem}
.n_news_detail .ar_title{margin-bottom: 2rem;border-bottom: #e7eaed 1px solid;padding-bottom: 20px;}
.n_news_detail .ar_title h3{font-size: 2rem;color: #3d3d3d;line-height: 1.5;margin-bottom: 1.5rem;}
.n_news_detail .ar_title h6 span{position:relative;font-size: .875rem;color: #717171;display:inline-block;height: 40px;line-height: 40px;font-weight:normal;margin-right: 15px;vertical-align: top;}
.n_news_detail .ar_title h6 span img{margin: -2px 0.5rem 0 0;vertical-align:middle}
.n_news_detail .ar_title h6 span font{}
.n_news_detail .ar_title h6{position:relative;display: flex;justify-content: space-between;align-items: center;} 
.n_news_detail .ar_title h6:before{content:"";position:absolute;bottom:-3px;width:6.25rem;height:3px;background:#ff9637;display: none;}
.n_news_detail .ar_title h6 span svg{width: 18px;height: 18px;fill:#808080;margin-right: .5rem;display: inline-block;vertical-align: middle;margin-top: -3px;}
.n_news_detail .ar_title h6 span.shart_box svg{ width:26px; height:26px; fill:#808080}
.n_news_detail .ar_article p{color:#333;line-height:2}
.n_news_detail .right{width: 340px;border-left: #e2e3e7 1px solid;}
.n_news_detail .right .sticky{position:sticky;top: 120px;}
.n_news_detail .right .right_box{background: #fff;padding: 4rem 0 3rem 3rem;}
.n_news_detail .right h3{font-size: 1.375rem;color: #393939;margin-bottom: 1.25rem;font-weight: 600;}

.n_news_detail .right .fl03 ul{ margin-top:-10px}
.n_news_detail .right .fl03 ul li{border-bottom: #e7e7e7 1px solid;padding: 1.125rem 0;}
.n_news_detail .right .fl03 ul li:last-child{border:none;margin-bottom: 0;}
.n_news_detail .right .fl03 ul li a{ display:block; overflow:hidden}
.n_news_detail .right .fl03 ul li a .img, .n_news_detail .right .fl03 ul li a .img img{width: 120px;height: 78px;overflow:hidden;float:left;object-fit: cover;border-radius: 5px;}
.n_news_detail .right .fl03 ul li a .con{width: calc(100% - 120px);overflow:hidden;float:right;padding-left:1rem;padding-top: 0.5rem;}
.n_news_detail .right .fl03 ul li a .con .time img{display:inline-block;fill: #adadad;vertical-align:middle;margin: -1px 5px 0 0;}
.n_news_detail .right .fl03 ul li a .con .time{font-size: 12px;color: #858789;margin-bottom: .625rem;}
.n_news_detail .right .fl03 ul li a .con h4{font-size: 1rem;color: #252525;height: 44px;line-height: 22px;overflow:hidden;transition:0.6s;}
.n_news_detail .right .fl04 ul li a .img, .n_news_detail .right .fl04 ul li a .img img{width: 144px;height: 95px;overflow:hidden;float:left;object-fit: cover;}
.n_news_detail .right .fl04 ul li a h5{ font-size:15px; color:#3a3a3a; font-weight:bold; line-height:1.25; margin:.5rem 0; transition:.5s}
.n_news_detail .right .fl04 ul li a .con h4{font-size: 15px;color: #8f8f8f;height: 40px;line-height: 20px;overflow:hidden;font-family:PingFang;transition:0.6s;}
/*n_pro*/


/*n_case*/
.n_case{ padding: 5rem 0;background-color:#f5f5f5}
.n_case ul{ overflow: hidden;display:flex;flex-wrap:wrap}
.n_case ul li{ width: 32%; float: left;margin-right:2%;margin-bottom:2%;cursor:pointer}
.n_case ul li:nth-child(3n){margin-right:0}
.n_case ul li .img{ position: relative;}
.n_case ul li .img:before{ content: ""; display: block; width: 100%; height: 0; padding-top: 68.6%;}
.n_case ul li .img img{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.n_case ul li .txt{ background: #fff; padding: 2.5rem 2rem; position: relative; z-index: 1;}
.n_case ul li .txt:before{ content: ""; display: block; width: 100%; height: 0; position: absolute; left: 0; top: 0; background: #0060e1; z-index: -1; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_case ul li .txt h5{ font-size: 1.5rem; line-height: 2.25rem; color: #000000; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_case ul li .txt p{ font-size: 1rem; color: #666; line-height: 1.5rem; height: 3rem; margin-top: 1rem; margin-bottom: 2rem; text-align: justify; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s;overflow:hidden; }
.n_case ul li .txt .btn_xq2{ font-size: 1rem; color: #5a5a5a; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_case ul li .txt .btn_xq2 svg{ width: 1.125rem; margin-left: .25rem;display: inline-block;vertical-align: middle;}
.n_case ul li:hover .txt:before{ height: 100%;}
.n_case ul li:hover .txt h5,.n_case ul li:hover .txt h4{ color: #fff;}
.n_case ul li:hover .txt p{ color: #fff; color: rgba(255,255,255,.63);}
.n_case ul li:hover .txt .time{ color: #fff;}
.n_case ul li:hover .txt .btn_xq2 svg path{ fill: #fff;}
.n_case ul li:hover .txt .btn_xq2{ color: rgba(255,255,255,.5);}
.n_case ul li a{ display: flex; flex-direction: column;}
.n_case ul li:nth-child(3n+2) a{ flex-direction: column-reverse;}
.n_case.n_hudong ul li a{ display: block; overflow: hidden; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.yy_gaishu{padding: 4rem 0;}
.yy_gaishu .con{ text-align: left; font-size: 1rem; line-height: 1.75;}
.yy_gaishu .n_tt2{ text-align: center; margin-bottom: 2rem;}
.yy_gaishu .n_tt2 h3{ font-size: 2.5rem; color: #333; font-weight: bold; margin-bottom: 1rem;}
.yy_gaishu .n_tt2 p{ font-size: 1.25rem; color: #333; opacity: .4; text-transform: uppercase;}

/*==========================================内页选型 开始=============================================*/
.n_xuanxing{padding:4rem 0;background:#f5f5f5;overflow: hidden;}
.n_xuanxing .title h3{ font-size:2.5rem; color:#303131;font-weight:bold;margin-bottom: 2rem;text-align: center;}
.table-wudi{background-color:#fff}
.table-wudi tr td {border: #ccc 1px solid;padding: 0.75rem;word-break: break-all;font-size: 1rem;background: none;text-align: center;}
.table-wudi tr:nth-child(2n-1) td {background: #dfdfdf;}
.table-wudi tr:first-child td {padding: 1rem 0.75rem;background: linear-gradient(to left, #005da3, #3993fa);color: #fff;font-size: 1.25rem;}

.n_tt{text-align:center;margin-bottom:3rem}
.n_tt span{font-size:1.375rem;color:#0060e1;text-transform:uppercase;display:block;margin-top:.5rem}
.n_tt h3{font-size:2.5rem;color:#000;font-weight:700;text-transform:uppercase}

.btn_arrdown{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;position:relative}
.btn_arrdown .arr{width:1.5rem;height:1.5rem}
.btn_arrdown .border{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;transition:0s;opacity:.6;animation:rotate0 2s ease infinite}
.btn_arrdown:hover .border{transform:rotate(360deg);transition:2s}

/*==========================================产品详情=============================================*/
.n_prodetail{padding-top: 8rem;}
.n_prodetail .breadnav{color:#333;margin-bottom:2rem}
.proone {position: relative;display:flex;justify-content:space-between;align-items: center;;padding-bottom:4rem}
.proone .proonefl {width: 48%;position: relative;z-index: 1}
.proone .proonefl .prooneflpic {display: block;overflow: hidden;}
.proone .proonefl .prooneflpic img{border:1px solid #ddd}
.proone .proonefl .prooneflicon {clear: both;text-align: left;line-height: 1;padding-top: 2rem}
.proone .proonefl .prooneflicon span {padding-right: 1.5rem;display: inline-block;font-size: 1rem;padding-left: 1rem;background: url(../images/prodot01.png) left center no-repeat}
.proone .proonefr {width: 48%;position: relative;z-index: 1}
.proone .proonefr h1 {color: #333;font-size: 2rem;display: inline-block;position: relative;line-height: 1;margin-bottom: 2rem;padding-left:1rem;position:relative;}
.proone .proonefr h1:before {position: absolute;content: '';right: -1rem;top: 0;width: 0.5rem;height: 0.5rem;border-radius: 50%;border: 1px solid #015198;}
.proone .proonefr .proonefrtab{display:flex;justify-content:space-between;padding:0 1rem}
.proone .proonefr .proonefrtab li {width:32%;font-size: 1rem;color: #fff;border-radius: 5px 5px 0 0;background-image: linear-gradient(to right, #005da3, #3993fa);background-position: left center;background-size: 100% 100%;background-repeat: no-repeat;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align: center;line-height: 2.5rem}
.proone .proonefr .proonefrbox {margin: 0.75rem;position: relative;border-radius: 5px;padding: 2rem 2rem;z-index: 2}
.proone .proonefr .proonefrbox:after {content: "";position: absolute;left: 0;bottom: 0;right: 0;top: 0;background: #fff;z-index: 2;border-radius: 5px;box-shadow: 0 4px 20px rgba(0,0,0,.2) inset}
.proone .proonefr .proonefrbox:before {content: "";position: absolute;left: -0.75rem;right: -0.75rem;top: -0.75rem;bottom: -0.75rem;background: url(../images/homefivebg.jpg);z-index: 1;box-shadow: 0 4px 20px rgba(0,0,0,.2);border-radius: 5px}
.proone .proonefr .proonefrbox p {position: relative;z-index: 3;clear: both;display: block;font-size: 1rem;line-height: 2rem;padding: 5px 0;color: #1b1b1b}
.proone .proonefr .proonefrbox p:first-child,.proone .proonefr .proonefrbox p:nth-child(2) {clear: none;background: url(../images/prooneicon02.jpg) left 15px no-repeat;padding-left: 1.5rem;}
.proone .proonefr .proonefrbox p:first-child span,.proone .proonefr .proonefrbox p:nth-child(2) span {color: #0060e1;font-size: 1.125rem;font-weight: 700}
.proone .proonefr .proonefrbox p:first-child {padding-right: 5rem}
.proone .proonefr .proonefrbox p:nth-child(3) {border-top: 1px solid #e8e8e8;padding-top: 1rem}
.proonefrbom {padding-top: 2rem;text-align: left;font-size: 1rem}
.proonefrbom a {display: inline-block;color: #fff;background-color:#0060e1;background-image: linear-gradient(to right, #005da3, #3993fa);background-position: left center;background-size: 200% 100%;background-repeat: no-repeat;width: 10rem;line-height: 2.5rem;border-radius: 1.25rem;text-align: center;cursor: pointer;transition: background-position .6s ease}
.proonefrbom a:hover {background-position: right center}
.proonefrbom span {float: right;font-size: 1rem;line-height: 2.5rem}
.proonefrbom span strong {font-size: 1.75rem;color: #0060e1}
.proonefritem {clear: both;padding-top: 1.25rem;position: relative;}
.proonefritem .proonefritempic {position: absolute;width: 50px;margin-right: 10px;left: 0;top: 20px}
.proonefritem .proonefritemtit {float: left;border: 1px dashed #eee;line-height: 2rem;border-radius: 10px;padding: 0 1rem;position: relative;margin-top: 1.25rem}
.proonefritem .proonefritemtit:after,.proonefritem .proonefritemtit:before {color: #0060e1;font-size: 1.75rem;font-weight: 700;position: absolute;line-height: 1}
.proonefritem .proonefritemtit:after {content: "“";left: -18px;top: -7px}
.proonefritem .proonefritemtit:before {content: "”";right: -15px;bottom: -19px}
.n_pro_con{padding-top:4rem;background:#f5f5f5;}
.n_pro_conxq p{line-height:2rem;font-size:1rem}
.n_pro_con ul.n_pro_adv {margin-top:2rem;display:flex;flex-wrap:wrap}
.n_pro_con ul.n_pro_adv li{margin-right:2%;width:23.5%;padding:2rem;border:1px solid #ddd;text-align:center;margin-bottom:2rem;border-radius:0.5rem;background:#fff}
.n_pro_con ul.n_pro_adv li:nth-child(4n){margin-right:0}
.n_pro_con ul.n_pro_adv li h6{font-size:1.5rem;padding-bottom:1rem;border-bottom:1px solid #ddd;margin-bottom:1rem}
.n_pro_con ul.n_pro_adv li p{font-size:1rem;line-height:2;color:#666}
.n_pro_con ul.n_pro_adv li img{max-width:3rem;margin-bottom:1rem}

/*联系我们*/
.contact-top {padding-top: 2rem;height: 90vh;display:flex;align-items: center;}
.contact-top .wrap>strong {display: block;font-size: 2.5rem;color: #ffffff;position: relative;z-index: 1;}
.contact-top .wrap>h6{color: #fff;margin-bottom: 2.5rem;font-size: 1.25rem;margin-top: 1.5rem;font-weight: normal;}
.contact-top .qt {margin-bottom: 4rem}
.contact-top .qt span {display: inline-block;color: #fff;font-size: 1.25rem;line-height: 2rem;padding-left: 2.5rem;background: url(../images/case-icon.png) no-repeat left center;margin-right: 1.25rem;}
.contact-top p {padding-left: 3rem;margin-bottom: 1.5rem;line-height: 3.5rem;font-size: 1.25rem;color: #c7dff5;background: url(../images/lx-bg1.png) no-repeat left center;background-size: auto 100%;}
.contact-top p strong {color: #fff}
.contact-list {position: relative;margin-top: -10vh;margin-bottom: 5rem;}
.contact-list ul {overflow: hidden;background: #ffffff;box-shadow: 0 0 13px rgba(0,0,0,0.15);border-radius: 0.5rem;padding-top: 2rem;display:flex;justify-content:space-between}
.contact-list li {width: 25%;text-align: center;padding-bottom: 2rem;position: relative;}
.contact-list li p {font-size: 1.125rem;color: #333;line-height: 1.5;}
.contact-list li:after {content: '';width: 1px;height: 6rem;background: url(../images/lx-line.png) no-repeat;position: absolute;top: 12px;left: -2px;background-size: cover;}
.contact-list li .img{text-align:center;display:inline-block}
.contact-list li .img img{width: 4rem;}
.contact-box{margin-bottom: 3rem;}
.contact-box h2 {text-align: center;padding: 1.5rem 0;font-size:2.5rem}
.contact-box h2:before {width: 20rem;height: 3rem;background: url(../images/lx-txt1.png) no-repeat;left: 50%;margin-left: -10rem;background-size: cover;}
.contact-box h2:after {display: none}
.contact-box p {font-size: 1rem;color: #666666;line-height: 1.75rem;text-align: center;}
.contact-box ul {margin-top: 3rem;margin-left: -3.33%;}
.contact-box ul li {width: 30%;margin-left: 3.33%;float: left;}
.contact-box ul li .img {border-radius:0.5rem;}
.contact-box ul li .img img {display: block;width: 100%;border-radius: 0.5rem;}
.contact-box ul li span {display: block;font-size: 1.5rem;color: #333;line-height: 2rem;text-align: center;padding: 1.5rem 0;}
.contact-box ul li span img {margin-right: 0.5rem}
@media (min-width:1440px) and (max-width:1599px){
    #header .fr{margin-left: 4rem;}
}
@media  (min-width:767px) and (max-width:1440px){
    #qdcs, #cpcs,#gsjs, #qywh{position: relative;transform: translateY(-4rem); display: block;}
    #logo img{width:16rem}
    #header .fr{margin-left: 4rem;}
    #header{height:4rem}
    #nav ul li:first-child{display:none;}
    #nav ul li>a>h3{line-height:4rem}
    .top_menu_box{margin-left: 1rem;}
    .banner .txt h3{font-size:2rem;}
    .banner .txt p{font-size:1.25rem}
    .s_tt h3{font-size:2rem;margin-bottom:1rem}
    .s_tt{margin-bottom:2rem}
    .s_pro{padding: 4rem 0;}
    .s_pro ul li .s_pro_txt{padding: 2rem 2rem;}
    .s_pro ul li .s_pro_txt h6{font-size:1.75rem;}
    .s_pro ul li .v-more{margin-top:1.5rem}
    .s_case{padding: 4rem 0;}
    .case-ul li .text{padding: 4rem 2rem 0rem;}
    .case-ul li .pic{height:60vh}
    .about{height: 480vh;}
    .about .title{padding-bottom: 1rem;}
    .about-content .contain{padding-top:3rem}
    .about-text{font-size:2.5rem}
    .about .text0{font-size:2.5rem}
    .about .title{font-size:2.5rem}
    .about-desc{font-size:1rem}
    .about-num li .text{font-size:1.25rem}
    .about-num ul{margin: 3rem 0;}
    .s_news{padding: 4rem 0;}
    .s_news .title h3{font-size:2rem}
    .s_news .content .left{padding: 0 4rem 0 0;}
    .s_news .right ul li .con h5{font-size:1.25rem}
    .more .a{height:3rem}
    .s_news .right ul li{padding-bottom: 1.5rem;margin-bottom: 1.5rem;}
    .n_banner h6 {font-size:2rem;}
    .n_banner p{font-size:1rem}
    .n_case{padding: 4rem 0;}
    .n_case ul li .txt{padding:2rem}
    .n_xuanxing .title h3{font-size:2rem;}
    .n_news .n_news_top{padding: 4rem 0 2rem;}
    .n_news_detail .ar_title h3{font-size:1.75rem}
    .contact-top .wrap>strong{font-size:2rem;}
    .contact-top .wrap>h6{font-size:1.125rem}
    .contact-top .qt span{font-size:1.125rem}
    .contact-box h2{font-size:2rem;}
    .contact-box ul li span{font-size:1.25rem}
    .contact-list{margin-bottom: 4rem;}
}
@media (max-width:1200px){
    #header{display:none;}
    #m_header{display:block;}
    #nav_btn_box{display:block;}
}

@media (max-width:767px){
    #qdcs, #cpcs,#gsjs, #qywh{position: relative;transform: translateY(-4rem); display: block;}
    #m_header{height:4rem}
    #nav_btn_box{height:4rem}
    #m_logo img{height:2.5rem}
    .banner{height:50vh;margin-top:4rem}
    .banner .txt{padding-top: calc(5% + 1rem);}
    .banner .txt h3{font-size:1.5rem}
    .banner .txt p{font-size:1rem}
    #m_nav{background:#fff}
    #m_nav li .a h3{font-size:1.125rem}
    .s_pro{padding: 3rem 0;}
    .s_tt h3{font-size:1.75rem}
    .s_tt h3{margin-bottom:1rem}
    .s_tt{margin-bottom:2rem}
    .s_pro ul li{width:100%;margin-right:0;margin-bottom:1rem}
    .s_pro ul li .s_pro_txt h6{font-size:1.25rem;}
    .s_pro ul li .s_pro_txt{padding: 1.5rem 1rem;}
    .s_pro ul li .s_pro_txt p{line-height:1.5}
    .s_pro ul li .s_pro_con{padding-top:4rem;background:#fff!important}
    .s_pro ul li .v-more{margin-top:1rem}
    .s_pro ul li:hover img{opacity:1;}
    .s_case{padding: 3rem 0;}
    .case-ul li .pic{height:50vh}
    .case-ul li{margin:0 0.5rem}
    .case-ul li .text .tit{font-size:1.5rem}
    .case-ul li .text{padding: 2rem 1rem 0rem;}
    .about-logo{display:none;}
    .about-shade{display:none;}
    .about-content{opacity:1!important;height:unset;padding:3rem 0;position:relative;background:url(../images/aboutBg.jpg) center;background-size:cover;z-index:9}
    .about-bg{display:none;}
    .about-text{display:none;}
    .about{height:unset}
    .about .text0{font-size:1.5rem;position:relative}
    .about .title{font-size:2rem;padding-top:0}
    .about-desc{font-size:1rem;line-height:1.5;text-align:left;padding:0 5%}
    .about-num li{width:50%;margin-bottom:1rem}
    .about-num ul{flex-wrap:wrap;margin: 2rem 0;}
    .about-num li .num{font-size: 1.125rem;}
    .about-num li .text{font-size:1rem}
    .aboutTimer{font-size:1.5rem}
    .about-more a{width:200px}
    .s_news{padding: 3rem 0;}
    .s_news .more{display:none;}
    .s_news .title{display:block;text-align:center}
    .s_news .title h3{font-size:2rem}
    .s_news .content .left{width:100%;padding:0}
    .s_news .left ul li .con h5{font-size:1.25rem}
    .s_news .content .right{width:100%;margin-top:1rem}
    .s_news .right ul li{padding-bottom: 1rem;margin-bottom: 1rem;}
    .s_news .right ul li .con h5{font-size:1.25rem}
    .s_news .right ul li .con p{line-height:1.5;height: 3rem;}
    .s_news .left ul li .con h5 span{height:1.5rem}
    .s_news .right ul li .con h5 span{height:1.5rem}
    .s_news .content .left{padding-bottom: 1rem;border-bottom: #e1e1e1 1px dashed;}
    .about-sticky{position:relative}
    .about-more{display:none;}
    .n_banner{margin-top:4rem;height:16rem}
    .n_banner .wrap{padding-top: 5rem;}
    .n_banner h6{font-size:2rem;margin-bottom:1rem}
    .n_banner p{font-size:1rem;line-height:1.5rem}
    .n_nav ul.n_nav_left li{margin-right: 1rem;}
    .n_guanyu{padding: 3rem 0;}
    .n_guanyu .innerbox{padding-right:0;padding-bottom:0}
    .n_guanyu .tt span{font-size:1.5rem}
    .n_guanyu .tt{margin-bottom:2rem}
    .n_shuzi{margin-right:0;margin-top:0rem}
    .n_guanyu .con{padding-right:0}
    .n_gg{position:relative;padding: 50px 30px 66px 50px;}
    .n_shuzi ul{margin:0;flex-wrap:wrap}
    .n_shuzi ul li{width:50%;margin-bottom:1rem}
    .n_shuzi ul li:nth-child(3):before{display:none}
    .n_wenhua{padding-top:3rem;padding-bottom:3rem}
    .n_tt h3{font-size:2rem}
    .n_wenhua ul li{width:100%}
    .n_wenhua ul li.on{width:100%}
    .n_wenhua ul li .ico{margin-top: 0;}
    .n_wenhua ul li p {color: #fff;opacity: 1;}
    .n_wenhua ul li .box{height:40vh;padding:2rem}
    #foot{padding-top:3rem;padding-bottom:3rem}
    #foot .box1 .left{margin-right:0}
    .foot_nav{display:none;}
    #foot .box1{border-bottom: 0px solid #525252;margin-bottom: 0rem;}
    #foot .box2{display:none;}
    .n_nav .n_nav_right{display:none;}
    .n_case{padding: 3rem 0;}
    .n_case ul li{width:100%;margin-right:0;margin-bottom:1rem}
    .n_case ul li:nth-child(3n+2) a{flex-direction:column}
    .n_case ul li .img:before{padding-top:60%}
    .n_case ul li .txt{padding:1.5rem}
    .yy_gaishu{padding:3rem 0}
    .yy_gaishu .n_tt2 h3{font-size:2rem}
    .yy_gaishu .n_tt2 p{font-size: 1.125rem;}
    .n_xuanxing{padding:3rem 0}
    .n_xuanxing .title h3{font-size:2rem}
    .table-wudi tr:first-child td {font-size:1rem}
    .table-wudi tr td{padding:6px 2px;font-size:0.875rem}
    .table-wudi{overflow-y:auto}
    .table-wudi table{width:200%}
    .n_news .n_news_top{padding:3rem 0rem 2rem}
    .n_news .n_news_top img{width:100%}
    .n_news .n_news_top{flex-wrap:wrap}
    .n_news .n_news_top .n_news_top_right{padding:1.5rem}
    .n_news .n_news_top .n_news_top_right h6{font-size:1.25rem}
    .n_news .n_news_top .n_news_top_right p{margin-bottom:0}
    .pagelist{padding: 2rem 0 0rem;}
    .n_news_detail .left{width:100%;padding: 3rem 0rem 3rem 0;}
    .n_news_detail .ar_title h3{font-size:1.5rem;margin-bottom:0.5rem}
    .n_news_detail .right{display:none;}
    .contact-top{height:unset;padding-top:3rem;margin-top:4rem;padding-bottom:6rem}
    .contact-top .wrap>strong{font-size:2rem}
    .contact-top .wrap>h6{line-height:1.5;font-size:1.125rem;margin-bottom:2rem}
    .contact-top p{font-size:1.125rem;padding-left:1rem;line-height:3rem}
    .contact-top p.address{display:none;}
    .contact-list ul{flex-wrap:wrap;padding-top:1rem}
    .contact-list li{width: 50%;padding-bottom:1.5rem}
	.contact-list li p{font-size: 0.875rem;}
	.contact-list{margin-bottom: 3rem;}
	.contact-list li .img img {font-size:3.5rem}
	.contact-box ul{margin-left: 0;margin-top:2rem}
	.contact-box ul li{margin-left: 0;width: 100%;}
	.contact-box h2{font-size:2rem}
	.contact-box ul li span{font-size:1.25rem;padding:1rem 0}
	.contact-top .qt span{font-size:1.125rem}
	.contact-top .qt{margin-bottom:2rem}
	.proone{flex-wrap:wrap;padding-bottom:3rem}
	.proone .proonefl{width:100%}
	.proone .proonefr{width:100%}
	.n_prodetail{padding-top:6rem}
	.proone .proonefr h1{font-size:1.5rem;margin-top:1rem;width:100%;text-align:center;margin-top:2rem;margin-bottom:1.5rem}
	.proone .proonefr .proonefrbox{padding:1rem}
	.proone .proonefr .proonefrbox p:first-child{padding-right:0}
	.proone .proonefr .proonefrbox p:first-child, .proone .proonefr .proonefrbox p:nth-child(2){padding-left:0;background-image:unset}
	.proone .proonefr h1:before{display:none}
	.proone .proonefr .proonefrtab li{font-size:0.875rem}
	.proonefrbom{text-align: center;}
	.proonefrbom span{float:unset;display:block;margin-top:1rem}
	.n_pro_con{padding-top:3rem}
	.n_pro_con ul.n_pro_adv li{width:49%;padding:1.5rem 1rem}
	.n_pro_con ul.n_pro_adv li:nth-child(2n){margin-right:0}
	.n_pro_con ul.n_pro_adv li p{font-size:0.85rem;line-height:1.5rem}
	.n_pro_con ul.n_pro_adv li h6{font-size:1.25rem}
	.proonefrbom span strong{font-size:1.5rem}
	
	.cart-concern-btm-fixed { bottom: 0;height: 50px; left: 0; position: fixed; text-align: center; width: 100%; z-index: 99999999999999;display:block; } 
	.four-column .concern-cart { width: 100%; } 
	.concern-cart { background-color: #005bac; float: left; } 
	.concern-cart a { color: #FFFFFF; font-size: 12px; width: 25%; display: inline-block; float: left; height: 50px; } 
	.concern-cart a span { display: block; height: 18px; line-height: 0px; text-align: center; } 
	em.dibuyangshi { display: inline-block; height: 20px; width: 20px; background-position: 0 0; margin:8px 2px 5px 2px;}

}