.mauto {max-width:1200px}
.img-scale{ background-color: #f8f9fa;}
.img-scale,.hover-scale {width:100%;height:100%;overflow:hidden;transition:all .8s ease; cursor: pointer;}
.img-scale img {width:100%;height:100%;display:block;transition:all .8s ease;}
.img-scale:hover img,.hover-scale:hover {transform:scale(1.1);transition:all .8s ease;}
.h5,.db-1200{ display: none !important; }


.wrap { width:90%; max-width: 1400px; margin:0 auto; overflow: hidden;}
@media (max-width:1200px) {
    .mauto {max-width:92% !important}
    .wrap{ width: 92%;}
    .dn-1200{display: none !important;}
    .db-1200{display: block !important;}

}

@media (max-width:767px) {
    .pc{display: none !important; }
    .h5{ display: block !important;}
}

/* 顶部导航begin */
header {position:fixed;z-index:555;left:0;top:0;width:100%}
.header-wrap{ width: 90%; height: 82px; display: flex; align-items: center; justify-content: space-between; margin: 0 auto;}
.header-wrap .header-logo{ height: 82px; display: flex; align-items: center;}
.header-wrap .header-logo::after{ content: ''; background-image: url('../images/logo.png'); background-repeat: no-repeat; width: 212px; height: 47px; display: block;}
.header-wrap .header-search{ background-image: url('../images/icon-search-white.png'); background-repeat: no-repeat; width: 23px; height: 24px;}
.header-wrap .header-right{ display: flex; align-items: center;}
.header-wrap .header-language{display: block; font-size: 16px; color: #fff; margin-left: 20px;}
.header-nav{ height: 100%; display: flex; margin-right: 70px;}
.header-nav li {position:relative; margin:0 20px; width:110px; cursor: pointer;}
.header-nav li > a{ display: block; line-height: 82px; font-size:16px;font-weight:bold;text-align:center;color:#fff;}
.header-nav li > a.active,.header-nav li > a:hover,.header-nav li > a.on{ color: #e70 !important;}
.header-nav li > a.on::after,.header-nav li > a.active::after,.header-nav li > a:hover::after{ content: ''; display: block; height: 2px; width: 30%; position: absolute; left: 35%; bottom: 20px; background: #e70; transition: all .6s linear; -webkit-transition: all .6s linear; -moz-transition: all .6s linear; -ms-transition: all .6s linear; -o-transition: all .6s linear; }
.header-nav li .sub-nav { visibility:hidden; opacity:0; z-index:1; position: absolute; top:82px; left:-20px; padding:10px; width:150px; background:rgba(255,255,255,0.9); transition:all .5s; -webkit-transition:all .5s}
.header-nav li:hover .sub-nav{visibility:visible;opacity:1}
.header-nav li .sub-nav a { display:block; line-height:23px; padding:8px 0; text-align:center; border-bottom:1px solid rgba(0,0,0,0.1);}
.header-nav li .sub-nav a:hover{color:#fff;background:#e70;}
.header-nav li.h-icon-show:hover .suspension-menu{ visibility:visible; opacity:1; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; display: block; }

.suspension-menu {visibility:hidden;opacity:0;position:fixed;left:0; top:83px;width:100vw; padding: 40px 0;background-color:#fff;transition:all .5s;-webkit-transition:all .5s; display: none;}
.suspension-menu-wrap{display:flex;justify-content:center; margin-left: -340px;}
.suspension-menu-img{width:450px; height:250px; overflow: hidden;}
.suspension-menu-img img{ width: 100%; height: 100%;}
.suspension-menu-nav {width:259px; padding: 0 40px; box-sizing: content-box; border-right: 1px solid #e9e9e9; position: relative;}
.suspension-menu-nav dl{ width: 100%;}
.suspension-menu-nav dl a{width: 100%; height: 40px; line-height: 40px; padding: 25px 0; display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:bold;color:#4A4A4A;cursor:pointer;border-bottom:1px solid #E9E9E9;}
.suspension-menu-nav dl a:hover::after,.suspension-menu-nav dl a.active::after{ content: ''; display: block; width: 5px; height: 10px; background: url('../images/h-right.png') no-repeat;}
.suspension-menu-nav dl a:hover,.suspension-menu-nav dl a.active {color:#EE7700;visibility:visible;opacity:1;}
.suspension-menu-nav dd{ width: 100%; position: absolute; top: 0; left: 380px; display: none;}

.header.active { background-color:#fff; border-bottom: 1px solid #ccc; transition:  all .5s ease; -webkit-transition:  all .5s ease; -moz-transition:  all .5s ease; -ms-transition:  all .5s ease; -o-transition:  all .5s ease; }
.header.active .header-nav li > a{ color: #000;}
.header.active .header-wrap .header-search{ background-image: url('../images/icon-search-black.png');}
.header.active .header-wrap .header-logo::after{ background-image: url('../images/logo-black.png');}
.header.active .header-wrap .header-language{color: #000;}
/* 顶部导航end */


/* 搜索 */
.fix-search {z-index:9999;top:0;left:0}
.fix-search .hide {width:20px;height:50px;margin-right:10px;cursor:pointer}
.fix-search .hide::before,.fix-search .hide::after {position:absolute;content:'';top:50%;left:50%;width:1px;height:35%;margin-top:-35%;background:#000}
.fix-search .hide::before {transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.fix-search .hide::after {transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.fix-search .hide:hover {opacity:.5}
.fix-search .txt,.fix-search .btn {height:50px;line-height:50px}
.fix-search .txt {width:calc(100% - 30px);font-size:15px;padding:0 15px 0 5px;border-bottom:1px solid #e1e1e1}
.fix-search .txt:focus {border-color:#666}
.fix-search .btn {width:30px;height:50px;line-height:50px;font-size:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAilBMVEUAAABmZmZmZmZlZWVmZmZmZmZmZmZmZmZmZmZmZmZmZmZlZWVmZmZlZWVlZWVlZWVmZmZmZmZmZmZmZmZmZmZiYmJmZmZmZmZmZmZlZWVmZmZmZmZmZmZmZmZmZmZkZGRmZmZmZmZmZmZlZWVmZmZlZWVnZ2dmZmZmZmZnZ2dmZmZqampnZ2dmZmbkjhFbAAAALXRSTlMAr5hB9NSAem7q5YxpRjcw+thfVSsU38zHwLq2k3NkIqmhhlpRGhDuSjwKJB5esRyhAAACPElEQVRIx8WW2XaDIBCGcY9b3Go0ajQ2exre//XKclqKIpDkov8dM/NxZBhmBALFn2Pj+OmmNrroAZ5QeRgv8K+2u0QTPXsBnMuIddhV9gvYWR0wfFyr0HVFI9MmSkpiGazwZ7tQzh5pVJuX/JauT89+l7AeDSnmniFMsevyscg25KC92JnsIdYSTbyb5UsxCX0S+j6xq5ZeBI5wzgJPTzxAKovc+Nz+CBiruA1X+NHOoC4hnPKvifHDRtYrUMsQFEuHbHu2lB875W9kgEg3oKMRRXacJUIWE2hpjYuBs7TIEgM9NZPslGw3tXaTr4xYCtU6oWB/kmsL6GqLokv+8hJt2OAfV42WgzY88tndkA9Rix0yZ0vcJVQI/ww8tsQd6q4Nhyg6YktH1CGkHeXIlo24OUna1ZrLH1nq1+eJT0GvDft8ei3WmvRedDPZLC2fSLY3TeBBE66mCSrwgFJRLDTjZ3KgnbJ63nw9NgvUrSCYFNQ5IxsqNQQ4TjiHdlpvOTgJkwgtjbKGkeDubexQP0bYiTwHCBXdqOWH5PzYMF9Cv2oyhJden0toU+zOHUiULdE34rbDx7yutvBHWbL0aTTGNwvOumrprpEr/W25m5DK3nvR4Wod85VbQarKAsAj9GLjuO2hULZZ/v6qBcttJzbmaOYNrLgRLZnlD3xIpjosaGNmtC/9E7jHudcZren2MX1sU1o9GCXVdIn/hY5I/q8v0v37dHp8kc7fp2GhD8y7RwXeoB3wqopq634DOx1tNyykjbUAAAAASUVORK5CYII=) no-repeat center / 60% auto}


@media (max-width:1200px) {
    /* body {padding-top:70px !important} */
    header {height:70px}
    .header-m {left:0;top:0;width:100%;height:70px;background:#fff;box-shadow:1px 1px 10px rgba(0,0,0,0.1)}
    .header-m::after {display:none;position:fixed;content:'';top:70px;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5)}
    .header-m .logo {position:absolute;left:5%;height:70px;line-height:70px;z-index: 1001;}
    .header-m .logo img {max-height:35px}
    .header-m .m-menu-b {display:block;position:absolute;top:0;right:0;width:60px;height:70px;cursor:pointer}
    .header-m .m-menu-b::before,.header-m .m-menu-b::after {position:absolute;content:'';top:50%;left:calc(35px / 2);width:25px;height:1px;z-index:999;transition:all .3s ease-out .3s;-webkit-transition:all .3s ease-out .3s;background:#222}
    .header-m .m-menu-b::before {transform:translateY(-4px) rotate(0);-webkit-transform:translateY(-4px) rotate(0)}
    .header-m .m-menu-b::after {transform:translateY(4px) rotate(0);-webkit-transform:translateY(4px) rotate(0)}
    .header-m .m-menu {display:none;z-index:888;position:fixed;width:100%;width:260px;height:100%;top:0;left:-260px;opacity:1;background:#fafafa;text-align:left;padding-top:70px}
    .header-m .m-menu::after {position:absolute;top:70px;content:'';width:100%;height:1px;background:#ebebeb}
    .header-m .nav {height:calc(100% - 82px);overflow-x:hidden;overflow-y:auto}
    .header-m .nav>li {border-bottom:1px solid #ebebeb;animation:resize .5s both;-webkit-animation:resize .5s both}
    .header-m .nav>li>a {position:relative;display:block;width:100%;font-size:15px;padding:0 40px;color:#666;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;overflow:hidden;height:50px;line-height:50px}
    .header-m .nav>li>a::after {position:absolute;content:'';left:20px;top:50%;width:8px;height:8px;margin-top:-5px;border:1px solid #999;border-radius:50%;background:transparent;transition:all .3s;-webkit-transition:all .3s}
    .header-m .nav>li .sub-nav {display:none}
    .header-m .nav>li .sub-nav a {position:relative;display:block;line-height:24px;padding:12px 40px;background:#f2f2f2;color:#4E4E4E}
    .header-m .nav>li .sub-nav a::before,.header-m .nav>li .sub-nav a::after {position:absolute;content:'';width:0;height:0;left:20px;top:20px;border:5px solid transparent;overflow:hidden;transition:all .3s;-webkit-transition:all .3s}
    .header-m .nav>li .sub-nav a::before {left:21px;border-left:5px solid #555}
    .header-m .nav>li .sub-nav a::after {border-left:5px #ebebeb solid}
    .header-m .nav>li.cur {position:relative}
    .header-m .nav>li.cur .sub-nav-extend{ cursor: pointer; position: absolute; right: 0; top: 0; width: 25%; height: 50px; z-index: 3;}
    .header-m .nav>li.cur .sub-nav-extend::after,.header-m .nav>li.cur .sub-nav-extend::before {position:absolute;content:'';background:#999;transition:all .5s;-webkit-transition:all .5s}
    .header-m .nav>li:nth-child(3) .sub-nav-extend, .header-m .nav>li:nth-child(4) .sub-nav-extend,.header-m .nav>li:nth-child(6) .sub-nav-extend{ width: 100%;}
    .header-m .nav>li.cur .sub-nav-extend::before {top:19px;right:25px;width:2px;height:12px}
    .header-m .nav>li.cur .sub-nav-extend::after {top:24px;right:20px;width:12px;height:2px}
    .header-m .nav>li.active .sub-nav-extend::after {background:#fff}
    .header-m .nav>li.active .sub-nav-extend::before {height:0}
    .header-m .nav>li.active>a {color:#fff;background:#e70}
    .header-m .nav>li.active>a::after {border-color:#fff;background:#fff}
    .header-m .nav>li.active .sub-nav li {animation:ReturnToNormal .5s both;-webkit-animation:ReturnToNormal .5s both}
    .header-m .m-search-b {display:block;position:absolute;top:0;right:0;width:40px;height:70px;cursor:pointer;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAVFBMVEUAAABVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVW+WkCdAAAAG3RSTlMA86cS1Qd0zb+G48R+W0E4lVIhm5BKLeppGrQHXWddAAABjklEQVRIx6VV2XLDIAzkBgdf8d3o//+zg6GtB5DiTPfNi1cCrTRiV8i1Fc5aJ0yv2R30gsMv9mV7K9hekGGWtMJACf6kFOLnLyvGWShIaHCFgxOu+4rfk7GRWegcqr9y3X6SLfUOkbHSn3RfU0zx2khyrrGHiFowhcQaznewGuTpraynH4hXmpzVIZJnCELZbE6uIRBqcxNOv0oyVAXBUAsostTFtUs7fVHhos5zxoVmGunuE/+XuHcXKyOKzPvC/9LLNlYeQZ+KXFb+wCRztclCakXZ4gp6DIG6umSpn02AtswWj5Dhs+i4HNiFQZQKhQ/fEwLslJVyD+xDElMB3OhLisBRLi/x/NH0Mm6AmUOCwmxuIYEr7xWHC3ZsBawPKJAoPmBGNzwTdHqBiBXtWmP/9oTrdKpLbAAU07MdxdyYVWZr52D3cQBQGwD3GRl2asrKjqKxpVK+PtBMySCv72ukSs0j72u0T/ZO7D5eyWKk4bCtja5bakDQhUcPiGcfwMQSsE/QVbctjcFZw74Bhtc3xlH5qhwAAAAASUVORK5CYII=) no-repeat left center;background-size:23px}
    html.active {height:100%;overflow:hidden}
    html.active body {height:100%;overflow:hidden}
    html.active .header-m {background: #fafafa;}
    html.active .header-m::after {display:block}
    html.active .header-m .m-menu-b::before,html.active .header-m .m-menu-b::after {background:#000}
    html.active .header-m .m-menu-b::before {transform:translateY(0) rotate(225deg);-webkit-transform:translateY(0) rotate(225deg)}
    html.active .header-m .m-menu-b::after {transform:translateY(0) rotate(-225deg);-webkit-transform:translateY(0) rotate(-225deg)}
    html.active .header-m .m-menu {display:block;left:0;}
    html.active footer,html.active main,html.active .i-banner,html.active .banner {transform:translateX(260px);-webkit-transform:translateX(260px)}
}

.part { height: 100%; background-repeat:no-repeat; background-position: center center; background-size: cover; width:100%;overflow:hidden; display: flex; flex-direction: column;}
.p-title {text-align:center; padding-bottom: 10px;}
.p-title dt {font-size:40px;color:#525252; word-break: break-all;}
.p-title dd {font-size:16px;color:#525252;margin-top:10px; line-height: 25px; word-break: break-all;}
.p-title.white dt,.p-title.white dd {color:#fff}
.p-title.border dt::after {width:85px;height:5px;content:'';display:block;background:#EE7700;margin:10px auto}

.banner {background-repeat:no-repeat;background-size:cover;width:100%;overflow:hidden;}
.banner .wrap {height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.banner-title {font-size:72px;color:#fff;font-weight:bold;}
.banner-subtitle {font-size:60px;color:#fff;font-weight:bold;}

@media (max-width: 1200px) {
    .p-title dt{ font-size: 22px;}
    .banner-title {font-size:42px;}
    .banner-subtitle {font-size:24px; margin-top: 20px;}
}

@media (max-width: 767px) {
    .banner-title {font-size:32px; margin-top: 100px  !important;}
    .banner-subtitle {font-size:22px;}
}

/* 首页 begin */
.swiper01 {width:100%;height:100vh;position:relative;overflow:hidden;}
.swiper01 .swiper-slide {font-size:18px;background:#fff;overflow:hidden;}
.swiper01 .slide-inner {width:100%;height:100%;left:0;top:0;background-size:cover;background-position:center;color:#fff;display:flex;justify-content:center;align-items:center;}
.swiper01 .slide-inner h1 {font-size:72px;font-weight:bold;}
.swiper01 .slide-inner h2 {font-size:60px;font-weight:bold;}

/* .swiper01 .slide-inner h1 {font-size:60px;font-weight:bold; text-align: center;}
.swiper01 .slide-inner h2 {font-size:50px;font-weight:bold; text-align: center; margin-top: 30px;} */

.swiper01 .slide-inner a {width:86px;height:37px;line-height:37px;font-size:14px;color:rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.7);border-radius:5px;overflow:hidden;margin-right:20px;}
.swiper01 .slide-inner a.m-link::before {content:'';background:url('../images/icon-link.png') no-repeat;width:25px;height:15px;display:inline-block;margin-right:5px;}
.swiper01 .slide-inner a:hover {color:rgba(255,255,255,1);border:1px solid rgba(255,255,255,1);}
.swiper01 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper01 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {background-color:#fff;}
.swiper01 .p01-cen-video{ height: 100%;}

.p01{ justify-content: flex-end;}
.p01-cen {width:100%; height: calc(100% - 120px); position:relative;overflow:hidden}
.p01-cen-video {min-width:100%; position:absolute;left:0;top:0;z-index:1}
.product-swiper{ height: 100%;}
.product-swiper .swiper-slide img {display:block;width:100%;height:100%;object-fit:cover;}
.product-swiper-thumb-wrap{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3;}
.product-swiper-thumb{ width: 100%; height: 100%;}
.product-swiper-thumb .swiper-slide { border-right: 1px solid rgba(255,255,255,.3); transition:all 1s ease;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;cursor:pointer; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.product-swiper-thumb .swiper-slide:hover { transition:all 1s ease; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; }
.product-swiper-thumb .swiper-slide p {background-color:#fff;width:92px;height:92px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;transition: all .6s linear;}
.product-swiper-thumb .swiper-slide h1 {font-size:48px;color:#fff;margin-top:20px;transition: all .6s linear;}
.product-swiper-thumb .swiper-slide:hover h1{ color: #e70;}
.product-swiper-thumb .swiper-slide-thumb-active:hover p,.product-swiper-thumb .swiper-slide-thumb-active:hover:hover h1{ transform: translate(0,-30px); -webkit-transform: translate(0,-30px); -moz-transform: translate(0,-30px); -ms-transform: translate(0,-30px); -o-transform: translate(0,-30px); transition: all .6s linear; -webkit-transition: all .6s linear; -moz-transition: all .6s linear; -ms-transition: all .6s linear; -o-transition: all .6s linear; }

.p02{ justify-content: center;}
.p02-wrap {background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,0.6);display:flex;justify-content:space-between;height:480px;overflow:hidden; margin-top: 10px;}
.p02-wrap-l {width:45%;border-right:1px solid rgba(255,255,255,0.6);color:#fff;padding:0 50px 5%;display:flex;justify-content:center;flex-direction:column}
.p02-wrap-l h1 { height:90px;line-height:89px;font-size:24px;overflow:hidden}
.p02-wrap-l h1::after {content:'';display:block;width:142px;border-bottom:1px solid rgba(255,255,255,0.6)}
.p02-wrap-l p {font-size:16px;line-height:30px;word-break:break-all;margin:30px 0;max-height:180px;overflow:hidden}
.p02-wrap-l a {font-weight:bold;font-size:16px;line-height:30px;color:#fff;display:flex;align-items:center}
.p02-wrap-l a:hover {text-decoration:underline; color: #e70;}
.p02-wrap-l a::before {content:'';display:block;background:url('../images/icon-more.png') no-repeat;width:22px;height:22px;margin-right:10px}
.p02-wrap-r {width:55%;display:flex;justify-content:space-between;flex-wrap:wrap;position:relative;color:#fff;padding-bottom: 20px;}
.p02-wrap-r li {border-right:1px solid rgba(255,255,255,0.6);border-bottom:1px solid rgba(255,255,255,0.6);width:33.33%;height:240px;position:relative;cursor:pointer;overflow:hidden;transition:all .6s;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;-o-transition:all .6s}
.p02-wrap-r li:nth-child(3n) {border-right:none}
.p02-wrap-r li:hover {background:#EE7700;transition:all .8s;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s}
.p02-wrap-r li h3 {font-size:48px;margin-left:30px;margin-top:60px}
.p02-wrap-r li h4 {font-size:18px;margin:15px 0 0 30px}
.p02-wrap-r li h5 {font-size:14px;margin:10px 0 0 30px}
.p02-wrap-r li img {width:38px;height:38px;position:absolute;right:50px;top:40px}
.introduce-swiper{ width: 100%; display: none;}


.p03 {position:relative}
.p03-title-wrap {display:flex;justify-content:space-between;align-items:center;}
.p03-title {display:flex; align-items: center;}
.p03-title dd {margin-left:20px}
.p03-cont-wrap{ width: 100%; position: absolute; left: 0; top:10%; z-index: 3;}
.p03-title-wrap a {color:#fff;display:flex;align-items:center}
.p03-title-wrap a:hover {text-decoration:underline; color: #e70;}
.p03-title-wrap a::before {content:'';display:inline-block;background:url('../images/icon-more.png') no-repeat;width:22px;height:22px;margin-right:10px;vertical-align:middle}
.p03-cont-title { width: 100%; position: absolute; left: 0; top: 25%; z-index: 3;}
.p03-cont-title dt{ font-size: 72px; font-weight: bold;}
.index-case-swiper-wrap{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.index-case-swiper{ width: 100%; height: 100%;}
.index-case-swiper .swiper-slide img{ width: 100%; height: 100%; object-fit: cover;}
.index-case-swiper-thumb-wrap{ height: 274px; position: absolute; left: 50%; transform: translate(-50%,0); bottom: 0; z-index: 3; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); }
.index-case-swiper-thumb {width: 100%; height: 100%; border:1px solid rgba(255,255,255,0.6);border-bottom:none; border-right: 0 none;}
.index-case-swiper-thumb .swiper-slide{ height: calc(100% / 2);}
.index-case-swiper-thumb .swiper-slide a{width:100%;height:136px;border-right:1px solid rgba(255,255,255,0.6);border-bottom:1px solid rgba(255,255,255,0.6);display:flex;align-items:center;justify-content:center}
.index-case-swiper-thumb .swiper-slide a img {width:60px;height:60px}
.index-case-swiper-thumb .swiper-slide a p {font-size:20px;color:#fff}
.index-case-swiper-thumb .swiper-slide a:hover {background-color:#EE7700}

.p04 {background-image:url(../images/p04-bg.jpg); justify-content: center;}
.p04 .p-title{ margin-bottom: 2%;}
.swiper05 {width:330px;overflow:visible;margin-bottom:30px}
.swiper05 .swiper-slide {background-color:#ebebeb;text-align:center;cursor:pointer;font-size:18px;color:#999;line-height:45px;position:relative}
.swiper05 .swiper-slide p{ font-size: 16px; color: #525252;}
.swiper05 .swiper-slide-thumb-active {background-color:#EE7700;color:#fff}
.swiper05 .swiper-slide-thumb-active p{ color: #fff;}

.swiper04{ height: 450px;}
.index-news { display: flex; justify-content: space-between; height: 100%; overflow: hidden;}
.index-news-l {width:48%;height:100%;position:relative;overflow:hidden;}
.index-news-l-cont{ background-color: #ededed; width: 100%; height: 100%; display: none;}
.index-news-l img { position:relative; object-fit: cover;}
.index-news-l .index-news-l-txt{padding:0 40px 0 35px;position:absolute;left:0;bottom:20px;font-size:20px;font-weight:800;color:#FFFFFF;}
.index-news-l p:first-child {margin-bottom:10px;font-weight:normal;font-size:16px;}
.index-news-l p:last-child{ text-overflow: ellipsis; white-space: normal; overflow: hidden; height: 40px; line-height: 40px; width: 100%; font-size: 20px;}
.index-news-r{ width: 48%; height: 100%; overflow: hidden;}
.index-news-r .index-news-r-item{ font-size:14px;color:#525252;line-height:24px;padding-bottom:5%; display: flex; justify-content: space-between; position: relative;}
.index-news-r .index-news-r-time{ width: 80px; height: 30px; line-height: 30px;}
.index-news-r .index-news-r-item::after{ content: ''; height: 80%; width: 1px; background-color: #ccc; display: block; position: absolute; top: 30px; left: 43px;}
.index-news-r .index-news-r-cont{ width: calc(100% - 100px);}
.index-news-r h4 { white-space: normal; text-overflow: ellipsis; overflow: hidden; height: 30px; line-height: 30px; font-size:16px;color:#090909;margin-bottom:10px;}
.index-news-r p{ max-height: 60px; line-height: 30px; overflow: hidden;}
.index-news-r .index-news-r-item:hover h4{ color: #e70;}
.index-news-r .index-news-r-item.active::before,.index-news-r .index-news-r-item:hover::before{ content: ''; display: block; background: url('../images/h-icon.png') no-repeat; background-size: 100% 100%; width: 30px; height: 30px; position: absolute; left: 29px; top: 50px; z-index: 3; transition: all .6s ease;}
.index-news a.more{font-weight:bold;font-size:16px;line-height:30px;color:#000;display:flex;align-items:center; margin-top: 20px;}
.index-news a.more:hover {text-decoration:underline; color: #e70;}
.index-news a.more::before {content:'';display:block;background:url('../images/h-more.png') no-repeat; background-size: 100% 100%; width:22px;height:22px;margin-right:10px}

.p05 {background-image:url(../images/p05-bg.jpg); justify-content: center;}
.p05 .p-title{ margin-bottom: 3%;}
.contacts {display:flex;justify-content:space-between;align-items:center}
.contacts-map {width:480px;height:380px}
.contacts-way {width: 360px; margin: 0 20px; display:flex;justify-content:center;flex-direction:column}
.contacts-way li {font-size: 14px; height:50px;line-height:50px;display:flex;align-items:center;margin-bottom:20px}
.contacts-way-icon {display:flex;align-items:center;justify-content:center;background:#fff;width:50px;height:50px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border:1px solid #ccc}
.contacts-way-label {margin:0 10px}
.contacts-way-value {width:calc(100% - 130px);word-break:break-all;line-height:25px}
.contacts-way-value.tel {font-size:22px;color:#F47921;font-weight:bold}
.contacts-way-value.address{ line-height: 20px; margin-top: 10px;}
.contacts-way-bwrap {width:500px}
.contacts-form-wrap {display:flex;justify-content:space-between;margin-bottom:20px}
.contacts-form-item {width:48%;background:#f1f1f1;display:flex}
.contacts-form-item-label,.contacts-form-item-input {height:50px;line-height:50px;display:block}
.contacts-form-item-label {width:60px;margin-left:10px}
.contacts-form-item-input {background:none;border:0 none;width:calc(100% - 80px)}
.contacts-form-item-textarea {background:none}
.contacts-form-wrap.active {width:100%;height:100px}
.contacts-form-wrap.active .contacts-form-item {width:100%;overflow:hidden}
.contacts-form-wrap.active .contacts-form-item-textarea {padding:12px 0;height:87px;line-height:25px;width:calc(100% - 80px);word-break:break-all}
.contacts-form-btn {display:block;height:50px;line-height:50px;text-align:center;background-color:#EE7700;color:#fff}


@media (max-width:1200px) {
    .p-title{ margin-top: 20px;}
    .p-title dd{ margin-top: 2%; font-size: 14px;}
    .p02 .p-title.border dt::after{ margin: 10px auto;}
    
    .swiper01{ margin-top: 70px;}
    .swiper01 .slide-inner h1 {font-size:48px; text-align: center;}
    .swiper01 .slide-inner h2{font-size:26px; margin-top: 20px; text-align: center;}

    
    
    .product-swiper-thumb .swiper-slide{ border-right: none;}
    .product-swiper-thumb .swiper-slide p{ width: 80px; height: 80px;}
    .product-swiper-thumb .swiper-slide h1{ font-size: 22px;}

    .p02-wrap{ flex-direction: column; height: 100%; margin-top: 0; margin-bottom: 30px;}
    .p02-wrap-l,.p02-wrap-r{ width: 100%;}
    .p02-wrap-l{ padding: 6%;}
    .p02-wrap-l h1{ font-size: 16px; height: auto; line-height: 2; font-weight: bold;}
    .p02-wrap-l h1::after{ margin-top: 10px; width: 100%;}
    .p02-wrap-l p{ margin: 10px 0; font-size: 14px;}
    .p02-wrap-l a{ justify-content: center; font-size: 14px; display: none;}
    .p02-wrap-r{ flex-wrap: nowrap;}
    .p02-wrap-r li{ width: 100%; height: 130px; border: none; text-align: center;}
    .p02-wrap-r li:hover{ background: none;}
    .p02-wrap-r li img{ top: 0; right: 50%; margin-right: -19px;}
    .p02-wrap-r li h3{ margin-left: 0; margin-top: 40px; font-size: 26px;}
    .p02-wrap-r li h4{ margin: 10px 0 0 0; font-size: 14px;}
    .p02-wrap-r li h5{ margin-left: 0;}
    
    
    
    .p03-cont-title{ top: 30%}
    .p03-cont-title dt{ font-size: 28px;}
    .index-case-swiper-thumb{ border: none;}
    .index-case-swiper-thumb-wrap{ height: 136px;}
    .index-case-swiper-thumb .swiper-slide{ height: 100%;}
    .index-case-swiper-thumb .swiper-slide a{ border: none}
    .index-case-swiper-thumb .swiper-slide a:hover {background:none}
    .index-case-swiper-thumb .swiper-slide a p{ font-size: 18px;}
    .index-case-swiper-thumb .swiper-pagination-bullet{ background-color: #fff;}

    .swiper04{ height: auto;}
    .index-news-l{ height: 225px;}

    .swiper05{ width: 92%; margin-bottom: 20px;}
    .swiper05 .swiper-slide p{ font-size: 15px;}
    .index-news{ height: auto; flex-direction: column;}
    .index-news-l .index-news-l-txt{ padding: 0 10px; bottom: 10px;}
    .index-news-l p:first-child{ font-size: 13px;}
    .index-news-l p:last-child{ font-size: 14px;}
    .index-news-l,.index-news-r{ width: 100%;}
    .index-news-r{ margin-top: 20px;}
    .index-news-r .index-news-r-item{ padding-bottom: 20px;}
    .index-news-r p{ font-size: 13px;}
    .index-news a.more{ justify-content: center; margin-bottom: 20px;}

    .p05-wrap .map{ width: 100%;}
    .contacts{ flex-direction: column;}
    .contacts-map {width:100%; height: 300px;}
    .contacts-way,.contacts-form,.contacts-form-bwrap{ width: 100%; margin-top: 5%;}
    .contacts-form{ margin-top: 0;}
    .contacts-way-bwrap{ width: 100%; margin-top: 0;}
    .contacts-form-bwrap{ margin-bottom: 5%;}
    .contacts-way-value.tel{ font-size: 22px;}
    .contacts-way-icon{ width: 30px; height: 30px;}
    .contacts-way-value.address{ margin-top: 0;}

    .p01-cen-item{ width: 100%; height: 240px; position: relative;}
    .p01-cen-item img{ width: 100%; height: 100%;}
    .p01-cen-item-txt{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3; display: flex; align-items: center; justify-content: center; flex-direction: column;}
    .p01-cen-item-txt p{ width: 60px; height: 60px; border-radius: 50%; background-color: #fff;}
    .p01-cen-item-txt p img{ width: 40px; height: 40px;}
    .p01-cen-item-txt h1{ font-size: 22px; color: #fff; margin-top: 10px;}
}
/* 首页 end */

@media (max-width:767px) {
    .swiper01{ height: 320px !important; margin-top: 70px;}
    .swiper01 .slide-inner h1 {font-size:32px;}
    .swiper01 .slide-inner h2{font-size:22px;}
    .product-swiper{ height: 320px;}
    .p03{ height: 320px;}
}


/* 关于我们 begin */
.about-banner{ justify-content: center; position: relative;}
.about-banner-img{ width: 100%; height: 100%;}
.about-banner-wrap{ width: 100%; height: 100%; position: absolute; z-index: 3;}
.about-banner-wrap h1{ margin-top: 80px;}
.banner .about-banner-wrap .wrap{ align-items: flex-start;}
.about-p01{ justify-content: center; position: relative;}
.about-p01-wrap{ position: absolute; height: 100%; left: 50%; top: 0; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0);  display: flex; flex-direction: column; justify-content: center;}
.about-p01-wrap .p-title{ margin-bottom: 30px;}
.about-p01-bg{ width: 100%; height: 100%;}
.about-p01 p {margin:0 auto 20px;line-height:36px;font-size:16px;color:#fff; word-break: break-all;}
.about-p01-list { width: 100%; justify-content: space-between; margin:0 auto 30px;display:flex;align-items:flex-start;}
.about-p01-list li {width:16%;color:#fff; text-align: center;}
.about-p01-list h3 {font-size:48px;font-weight:bold;}
.about-p01-list h4 {font-size:18px;margin-top:10px;}
.about-p01-list h5 {font-size:14px;margin-top:10px;}

.about-p02{ justify-content: center;}
.about-p02 .p-title dt{ margin-top: 20px;}
.patent-swiper{width:100%; height: calc(100vh - 280px); display: flex; justify-content: center;}
.patent-swiper .swiper-slide { width: 520px; transform: scale(.8);}
.patent-swiper .swiper-slide a{ width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center;}
.patent-swiper .swiper-slide img { max-width: 100%; height: calc(100% - 40px); display:block; margin: 0 auto; object-fit:contain;}
.patent-swiper .swiper-slide p {line-height:40px;text-align:center;color:#fff;font-size:16px; display: none; overflow: hidden;}
.patent-swiper .swiper-button-next{ right: 5%; z-index: 3;}
.patent-swiper .swiper-button-prev{ left: 5%; z-index: 3;} 
.patent-swiper .swiper-button-prev,.patent-swiper .swiper-button-next{ background: rgba(0,0,0,.6); width: 50px; height: 50px;}
.patent-swiper .swiper-button-prev:hover,.patent-swiper .swiper-button-next:hover{ background: #e70;}
.patent-swiper .swiper-button-prev:after,.patent-swiper .swiper-rtl .swiper-button-next:after,.patent-swiper .swiper-button-next:after,.patent-swiper.swiper-rtl .swiper-button-prev:after {color:#fff; font-size: 20px;}
.patent-swiper .swiper-slide-active,.patent-swiper .swiper-slide-duplicate-active{ transform: scale(1);}
.patent-swiper .swiper-slide-active p,.patent-swiper .swiper-slide-duplicate-active p{ display: block; }


.about-p03{ height: 644px; margin-top: 30px;}
.culture {height:100%;display:flex;justify-content:space-between;align-items:center;}
.culture-item {width:30%;display:flex;flex-direction:column;align-items:center;background:rgba(0,0,0,0.45);border:1px solid rgba(255,255,255,0.42);box-shadow:8px 16px 152px 0px rgba(0,0,0,0.15); cursor: pointer;}
.culture-item-icon {background-color:#d70;width:93px;height:93px;margin-top:-47px;border-radius:50%;display:flex;justify-content:center;align-items:center;}
.culture-item-title {font-size:24px;color:#fff;text-align:center;margin:42px 0;}
.culture-item-desc {font-size:16px;color:#fff;text-align:center;padding:0 20px;height:120px;line-height:30px; overflow: hidden;}
.culture-item.active {-webkit-backface-visibility: visible !important;-ms-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipInY; animation-name: flipInY;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;} 

.about-p04{ justify-content: center;}
.about-p04 .p-title{ margin-bottom: 2%;}
.support {display:flex; align-items: center;}
.support-img{ max-width: 75%; }
.support-text {margin-left:0;}
.support-text dl{ margin-bottom: 30px;}
.support-text dt {font-size:24px;color:#525252;}
.support-text dt::after {width:45px;content:'';display:block;border-bottom:3px solid #e70;margin-top:10px;}
.support-text dd {font-size:15px;line-height:30px;color:#525252;margin-top:10px; word-break: break-all;}

.about-p05{ justify-content: center;}
.about-p05 .p-title{ margin-bottom: 5%;}
.history-wrap {position:relative; margin-top: 50px;}
.history-swiper {position:relative; width: 40%;}
.history-swiper .swiper-slide { text-align:center;}
.history-swiper h1 { width: 100%; display: flex; justify-content: center; height:140px;line-height:140px;font-weight:bold;font-size:110px;color:#fff; overflow: hidden;}
.history-swiper p {font-size:24px;color:#fff;line-height:36px; height: 144px; overflow: hidden;}
.history-wrap .swiper-button-next{ right: 0;}
.history-wrap .swiper-button-prev{ left: 0;}
.history-wrap .swiper-button-next,.history-wrap .swiper-button-prev { top: 30px; height: 140px; line-height: 140px; width: 30%;}
.history-wrap .swiper-button-next::after,.history-wrap .swiper-button-prev::after {content:'';}
.history-wrap .swiper-button-next i,.history-wrap .swiper-button-prev i{ background-repeat: no-repeat;width:52px; min-width: 52px; height:52px; background-size: 100% 100%; display: block;}
.history-wrap .swiper-button-next i{background-image:url('../images/about/icon-next.png'); margin-left: 10px;}
.history-wrap .swiper-button-prev i{background-image:url('../images/about/icon-prev.png'); margin-right: 10px;}
.history-wrap .swiper-button-wrap{ width: 50%; height: 72px; display: flex; justify-content: center; align-items: center; overflow: hidden;}
.history-wrap .swiper-button-wrap b{ color: #fff; font-size: 40px; line-height: 36px; text-align: center; word-break: break-all;}
.history-wrap .swiper-button-next::before,.history-wrap .swiper-button-next::after,.history-wrap .swiper-button-prev::before,.history-wrap .swiper-button-prev::after{ content: ''; height: 1px; background: #fff; display: block; width: 28%; margin: 0 1%; opacity: 1}

.about-p06{ justify-content: center;}
.honer-swiper { width: 90%; margin-top: 30px;}
.honer-swiper .swiper-slide { height: 436px;}
.honer-swiper .swiper-slide .border { height: 386px; display: flex; align-items: center; flex-direction: column; justify-content: flex-end;}
.honer-swiper .swiper-slide img { width: 100%; max-height: 380px; border: 3px solid #33090b;}
.honer-swiper .swiper-slide p {text-align:center;display:block; font-size: 14px; height: 50px; line-height: 50px; color: #000;}
.honer-swiper .swiper-button-prev,.honer-swiper .swiper-button-next{ background: rgba(0,0,0,.6); width: 50px; height: 50px;}
.honer-swiper .swiper-button-prev:hover,.honer-swiper .swiper-button-next:hover{ background: #e70;}
.honer-swiper .swiper-button-prev:after,.honer-swiper .swiper-rtl .swiper-button-next:after,.honer-swiper .swiper-button-next:after,.honer-swiper.swiper-rtl .swiper-button-prev:after {color:#fff; font-size: 20px;}

.about-p07{ justify-content: center;}
.about-p07 .p-title dd{ margin-top: 0;}
.partner-wrap{ width: 96%; margin: 10px auto 0; height: calc(100vh - 200px);}
.partner-swiper.swiper {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
.partner-swiper .swiper-slide{ height: calc((100% - 25px) / 5); display: flex; align-items: center; justify-content: center; margin-bottom: 5px;}
.partner-swiper .swiper-slide-wrap { width: 100%; height: 100%; display: flex;justify-content: center;align-items: center;}
.partner-swiper .swiper-slide-wrap img{ width: 100%; height: 100%; object-fit: contain;}
.partner-swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.partner-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {background-color:#fff;}

.fixed-left {width:132px;position:fixed;left:0; bottom: 5%;  z-index:3; border-radius: 0 10px 10px 0; overflow: hidden; display: none;}
.fixed-left a { background: rgba(0,0,0,.6); padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:40px;line-height:40px;font-size:14px;color:#fff;}
.fixed-left a.active{ background: #e70;}
.fixed-left a.active::after { content:'';background:url(../images/icon-arrow-01.png) no-repeat;background-size:100% 100%;width:15px;height:15px;display:block;}
.search-title{ font-size: 16px; color: #414141; margin-bottom: 26px;}
.search-area{ display: flex; justify-content: space-between; margin-bottom: 26px;}
.search-area select{ height: 46px; border: 1px solid #ccc; width: 24%; margin-right: 1%; border-radius: 6px;}
.search-area input{ height: 46px; border: 1px solid #ccc; border-right: none; width: 24%; border-radius: 6px 0 0 6px; overflow: hidden; display: block;}
.search-area a{ width: 50px; border:1px solid #ccc; border-left: none; border-radius: 0 6px 6px 0; height: 46px; display: flex; justify-content: center; align-items: center;}
.search-area a::after{ content: '';  background: url('../images/icon-search-e70.png') no-repeat; width: 15px; height: 16px; display: block;}

@media (min-width:1500px) {
    .about-p01-text{ margin: 50px 0;}
}

@media (max-width:1200px) {
    .p01 .p-title,.p02 .p-title,.p03 .p-title,.p04 .p-title,.p05 .p-title{ margin-top: 30px;}
    .about-p01 .p-title,.about-p02 .p-title,.about-p05 .p-title{ margin-top: 40px;}
    .about-p01 p{ margin: 0 auto 10px; line-height: 30px; font-size: 14px;}
    .about-p01 p:last-child{ margin-bottom: 0;}
    .about-p01-list{ flex-wrap: wrap; justify-content: space-around; margin: 20px auto;}
    
    .about-p01-list h3{ font-size: 28px;}
    .about-p01-list h4{ font-size: 16px;}
    .about-p03{ margin: 0 auto; height: auto;}
    .culture{ flex-direction: column; margin-top: 100px; overflow: visible;}
    .culture-item{ width: 100%; height: auto; margin-bottom: 80px;}
    .culture-item-title{ margin: 20px auto; font-size: 20px;}
    .culture-item-desc{ font-size: 14px;}
    
    .support{ flex-direction: column; margin-top: 0;}
    .support-img{ max-width: 100%; height: auto;}
    .support-text{ margin-left: 0; width: 100%; margin-top: 0;}
    .support-text dl{ margin-bottom: 20px;}
    .support-text dt{ text-align: center; font-size: 18px;}
    .support-text dt::after{ margin: 10px auto 0;}
    .support-text dd{ font-size: 14px; line-height: 25px;}
    .history-wrap{ margin-top: 0;}
    .history-swiper{ width: 100%;}
    .history-wrap .swiper-button-prev{ left: -20px;}
    .history-wrap .swiper-button-next{ right: -20px;}
    .history-wrap .swiper-button-prev,.history-wrap .swiper-button-next{ height: auto; line-height: 1; top: 5px;}
    .history-wrap .swiper-button-next::before,.history-wrap .swiper-button-next::after,.history-wrap .swiper-button-prev::before,.history-wrap .swiper-button-prev::after{ display: none;}
    .history-wrap .swiper-button-wrap b{ display: none;}
    .history-wrap .swiper-button-prev i,.history-wrap .swiper-button-next i{ width: 40px; height: 40px; min-width: 40px;}
    .history-swiper h1{ font-size: 40px; height: auto; line-height: 1;}
    .history-swiper p{ height: 125px; font-size: 14px; margin-top: 10px; line-height: 25px; width: 90%; margin: 10px auto 0;}
    .honor-wrap{ margin-top: 0;}
}

@media (max-width:767px) {
    .about-p02{height: 600px; padding-bottom: 20px; justify-content: center;}
    .about-p02 .p-title{ margin-top: 20px;}
    .about-p02 .p-title dt,.about-p02 .p-title dd{ height: auto; line-height: 1;}
    .patent-swiper{ height: calc(100% - 100px);}
    .about-p01-list li{ width: 33%; margin-bottom: 30px; text-align: center;}
    .patent-swiper{ width: 96%;}
    .partner-wrap{ margin-top: 10px; height: auto; padding-bottom: 20px;}
    .honer-swiper .swiper-slide {height: auto; padding-bottom: 20px;}
    .honer-swiper .swiper-slide .border { height:auto;}
}


/* 关于我们 end */

@media screen and (min-width: 1200px) and (max-width: 1399px){
    .support{ flex-direction: column;}
    .wrap{ width: 90%;}
    .culture{ justify-content: center;}
    .culture-item{ margin: 0 1%;}
    .swiper04{ height: 350px;}
    .index-news-r .index-news-r-item{ padding-bottom: 1%;}
    .index-news-r h4{ margin-bottom: 0;}
    .about-p01 p{ margin: 20px auto 0;}
    .culture-item{ margin-top: -80px;}
    .support{ overflow: visible}
    .support-text{ margin-top: -50px;}
    .patent-swiper .swiper-slide-active,.patent-swiper .swiper-slide-duplicate-active{ transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); }
}


/* 内页banner begin*/
.ny-banner {padding:15% 8%; height: 640px; background:no-repeat center center;background-size:cover;color:#fff;line-height:1}
.ny-banner .d1 {font-family:"Impact";font-size:60px;text-transform:uppercase;opacity:0.2}
.ny-banner .d2 {font-size:48px;padding-bottom:20px;position:relative;margin-top:-25px}
.ny-banner .d2:before {content:"";position:absolute;left:0;bottom:0;height:1px;width:100px;background:#fff}
.ny-banner .d3 {margin-top:20px;background:url(../images/icon-home.png) no-repeat left center;line-height:25px;padding-left:25px}
.ny-banner .d3 a {color:#fff}
.ny-banner .d3 span {margin:0 10px}

.ny-nav {margin-top:25px;}
.ny-nav span {display:none}
.ny-nav p {float:left;background:rgba(0,0,0,0.6);width:auto;border-radius:5px}
.ny-nav p a {display:block;font-size:16px;float:left;padding:0 30px;text-align:center;line-height:42px;color:#fff;border-radius:5px}
.ny-nav p a.cur,.ny-nav p a:hover {background:#EE7700}
@media (max-width:1200px) {
    .ny-banner { height: auto; margin-top: 70px;}
    .ny-banner .d1 { font-size: 32px; }
    .ny-banner .d2 { font-size: 24px; margin-top: -10px;  padding-bottom: 15px;}
    .ny-nav span {position:relative;display:block;padding:0 55px 0 20px;border-radius:5px;background:rgba(0,0,0,0.6);font-size:16px;height:42px;line-height:42px; width: 50%; font-size: 14px;}
    .ny-nav span:before {content:"";position:absolute;right:20px;top:0;height:100%;width:15px;background:url(../images/xx2.png) no-repeat center center;background-size:100% auto}
    .ny-nav p {float:none;display:none;position:absolute;z-index:5;left:0;top:42px;width:50%;}
    .ny-nav p a {width:100%;text-align:left;padding:0 20px;font-size:14px;line-height:42px;font-size: 14px;}
}
/* 内页banner end */


/* 底部版权 begin */
.footer {background-color:#121212}
.footer-wrap {padding:30px 0 0 0;display:flex;justify-content:space-between}
.footer-left {width:80%;display:flex; justify-content: center;}
.footer-left dl {width:20%;color:#ccc;margin-right:1%}
.footer-left dl.contact {width:30%}
.footer-left dt {font-size:16px;color:#fff;font-weight:bold;margin-bottom:20px}
.footer-left a {color:#999;height:40px;line-height:40px;overflow:hidden;display:block;word-break:break-all}
.footer-left a:hover {text-decoration:underline;color:#fff}
.footer-right {width:20%;color:#fff;display:flex;align-items:center;flex-direction:column}
.footer-right img {width:140px;height:140px;margin:20px auto 10px}
.footer-right p {font-size:16px;color:#fff;font-weight:bold;text-align:center}
.footer-copy {min-height: 60px; background-color:#121212;border-top:1px solid #2a2a2a; font-size: 13px; line-height: 25px; padding: 15px 0; text-align:center;color:#999}
/* 底部版权 end */


/* 3.1产品中心 begin */
.ubnteae {margin-top:30px;}
.ubnteae li {width:29%;float:left;margin:0 2% 3%;}
.ubnteae li a {display:block;border-radius:8px;overflow:hidden;position:relative;transition:all 1s ease;}
.ubnteae li a .pic {overflow:hidden}
.ubnteae li a .pic img {width:100%;height:13vw;object-fit:contain;transition:all 0.5s ease}
.ubnteae li a .con {background:#f8f9fa;text-align:center;padding:3% 3% 4% 3%;position:relative}
.ubnteae li a .con:before { content:""; top:50%; transform:translateY(-50%); height:0; position:absolute; background-image:linear-gradient(to right,#46b5f0,#1686cf); width:100%; left:0; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; }
.ubnteae li a .con .cont {position:relative;z-index:2}
.ubnteae li a .con .cont .d1 { line-height:25px; height:25px; text-align:center; font-weight:bold; font-size:16px; letter-spacing: 2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; }
.ubnteae li a .con .cont .d2 {margin-top:10px;text-align:left;color:#666;line-height:22px;height:44px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;transition:all 0.5s ease}
.ubnteae li a .con .cont .d3 {margin-top:15px;height:6px;background:url(../images/icon-arrow-03.png) no-repeat center center}
.ubnteae li a:hover .con .cont .d1 {color:#EE7700;}
.ubnteae li a:hover .con .cont .d3 {background:url(../images/icon-arrow-02.png) no-repeat center center}
.ubnteae li a:hover::after {content:'';display:block;width:100%;height:8px;background-color:#e70;position:absolute;bottom:0;left:0;transition:all 1s ease;}

@media (max-width:1200px) {
    .ubnteae li{ float: none; width: 100%; margin: 0 0 3% 0;}
    .ubnteae li a .pic{ height: 200px; padding: 1% 1% 0 1%;}
    .ubnteae li a .pic img{ height: 100%;}
}
/* 3.1产品中心 end */


/* 3.2产品详情 begin */
.product-banner{ height: 760px;}
.product-banner .wrap{ height: calc(100% - 100px); margin-top: 100px; max-width: 1500px;}
.product-detail-swiper{ width: 100%; height: 100%; position: relative;}
.product-detail-swiper .swiper-slide{ text-align: center; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.product-detail-swiper .swiper-slide img{ max-width: 60%; object-fit: contain; max-height: 666px;}
.product-detail-swiper .p-title{ text-align: left; width: 50%;}
.product-detail-swiper .p-title dt{ display: flex; align-items: center; font-size: 38px; word-break: break-word;}
.product-detail-swiper .p-title dt::before{ content: ''; display: inline-block; width: 7px; height: 26px; margin-right: 10px; background-color: #ee7700; margin-top: 5px;}
/* .product-detail-swiper .p-title dd p::before{ background: rgba(255,255,255,1); content: ''; width: 6px; height: 6px; display: inline-block; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; } */
.product-detail .p-title{ padding: 80px 0 40px;}
.product-desc {display:flex;justify-content:center;align-items:center; padding: 30px 0;}
.product-desc .wrap {display:flex;align-items:center;justify-content:space-between;}
.product-desc-img {width:44%;height:450px;overflow:hidden;}
.product-desc-img img {width:100%;height:100%;object-fit:contain;}
.product-desc-con {width:45%;background:rgba(0,0,0,.6);padding:2%;}
.product-desc-con dt {font-size:24px;color:#EE7700;border-bottom:1px solid rgba(255,255,255,0.6);padding-bottom:26px;margin-bottom:26px;}
.product-desc-con dd {font-size:14px;color:#fff; margin-bottom: 10px; word-break: break-all; display: flex; line-height:25px;}
.product-desc-con dd .label {margin-right:10px; font-weight: bold;}
.product-desc-con dd .value{ word-break: break-all; width: calc(100% - 110px);}
.product-params-more {max-width:30%;background-color:#e70;height:37px;line-height:37px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:30px 0 0 0;text-align:center;font-size:14px;color:#fff;}
.product-params-more::before {background:url('../images/icon-add.png') no-repeat;width:18px;height:18px;content:'';display:block;margin-right:10px;}
.product-params-more:hover{ transform: scale(1);}
.product-scene {margin-bottom:100px;}
.scene-swiper {width:100%;height:400px;margin:0 auto 50px;}
.scene-swiper .swiper-slide { width:50%;height:100%;position:relative; opacity: .4;}
.scene-swiper .swiper-slide-img img {display:block;width:100%;height:100%;object-fit:cover;}
.scene-swiper .swiper-slide-txt {position:absolute;left:5%;bottom:5%;color:#fff;z-index:3; width: 90%;}
.scene-swiper .swiper-slide-txt h1 {font-size:30px;height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.scene-swiper .swiper-slide-txt p {font-size:18px;height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.scene-swiper .swiper-button-prev:after,.scene-swiper .swiper-rtl .swiper-button-next:after,.scene-swiper .swiper-button-next:after,.scene-swiper .swiper-rtl .swiper-button-prev:after {color:#fff; font-size: 20px;}
.scene-swiper .swiper-button-prev,.scene-swiper .swiper-button-next{ background: rgba(0,0,0,.6); width: 50px; height: 50px;}
.scene-swiper .swiper-button-prev:hover,.scene-swiper .swiper-button-next:hover{ background: #e70;}
.scene-swiper .swiper-slide-active { opacity: 1;}
.params-swiper-thumb-wrap {width:100%;display:flex;justify-content:flex-start;border-bottom:1px solid rgba(255,255,255,0.6);margin-bottom:24px;}
.params-swiper-thumb {width:100%;margin:0;}
.params-swiper-thumb .swiper-slide { width: auto !important; padding: 0 3%; padding-bottom:18px;color:#fff;font-size:20px;font-weight:normal;cursor:pointer;text-align:center;}
.params-swiper-thumb .swiper-slide-thumb-active {font-size:20px;color:#EE7700;border-bottom:2px solid #e70;}
.params-swiper-thumb .swiper-slide.one-tabs{ padding: 0 0 18px 0;}
.params-swiper-thumb .swiper-slide.two-tabs{ width: 50% !important;}
.params-swiper-thumb .swiper-slide.third-tabs{ width: 33.33% !important;}
.params-swiper {width:100%;height:calc(100% - 60px);}

@media (max-width:1200px){
    .product-banner{ height: auto; padding-bottom: 20px;}
    .product-banner .wrap{ height: 100%; margin-top: 70px;}
    .product-detail .p-title{ padding: 40px 0 20px;}
    .product-detail-swiper .p-title dt{ font-size: 22px;}
    .product-detail-swiper .swiper-slide{ flex-direction: column;}
    .product-detail-swiper .p-title{ width: 100%; margin-top: 50px;}
    .product-detail-swiper .swiper-slide img{ width: 100%; max-width: 100%; height: 450px;}
    .product-desc{ height: auto;}
    .product-desc .wrap { flex-direction: column;}
    .product-desc-img{ width: 100%; height: 270px;}
    .product-desc-con{ width: 100%; height: auto; margin-top: 30px;}
    .product-desc-con dt{ margin-top: 20px; padding-bottom: 20px;}
    .product-params-more{ max-width: 80%; width: 80%; margin: 20px auto;}
    .product-params-more.link{ max-width: 80%;}
    .scene-swiper{ height: 300px;}
    .scene-swiper .swiper-slide-txt h1{ font-size: 22px;}
    .scene-swiper .swiper-slide-active {width:100% !important;}
    .params-swiper-thumb{ width: 100%; margin-top: 6px;}
    .params-swiper-thumb .swiper-slide-thumb-active{ font-size: 16px; padding-bottom: 12px;}
    .params-swiper-thumb .swiper-slide {font-size:16px; padding-bottom: 12px;}
}
/* 3.2产品详情 ebnd */

/* 解决方案 begin */
.case-wrap {background-color:#f1f1f1;height:220px;display:flex;align-items:center;justify-content:center;}
.case-swiper .swiper-slide ,.case-swiper .swiper-slide a{display:flex;flex-direction:column;align-items:center;justify-content:center;}
.case-swiper .swiper-slide a.active .swiper-slide-icon,.case-swiper .swiper-slide a:hover .swiper-slide-icon{ background: #e70;}
.case-swiper .swiper-slide-icon {width:94px;height:94px;background:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;}
.case-swiper .swiper-slide-icon img{ width: 50px; height: 50px;}
.case-swiper p {text-align:center;margin-top:20px;}
.case-swiper .swiper-button-next:after,.case-swiper .swiper-button-prev:after{ color: #333;}

.solution-list-item {margin-bottom:30px;}
.solution-list-item .bar {width:100%;border-left:4px solid #e70;cursor:pointer;height:73px;font-size:18px;background-color:#f1f1f1;line-height:73px;padding:0 42px; position: relative; overflow: hidden;}
.solution-list-item .bar::after{ content: ''; background-image: url('../images/case/icon-extend-01.png'); background-repeat:  no-repeat; background-size: 100% 100%; width: 20px; height: 20px; display: block; position: absolute; right: 20px; top: 50%; margin-top: -10px;}
.solution-list-item .bar.cur {background-color:#e70;color:#fff;}
.solution-list-item .bar.cur::after{ background-image: url('../images/case/icon-extend-02.png');}
.solution-list-item .info {line-height:30px;}
.solution-list-item .info img{ height: auto !important;}

.download-list{ display: none;}
.download-list.active{ display: block;}
.download-list .solution-list-item .bar{ display: flex; padding-right: 0;}
.download-list .solution-list-item .bar em{ width: calc(100% - 40px);}
.download-list .solution-list-item .bar a{ width: 10%; position: relative; display: flex; align-items: center;}
.download-list .solution-list-item .bar a::before{ content: '下载'; font-size: 18px; color: #414141; margin-right: 10px;}
.download-list .solution-list-item:hover .bar::before{color: #fff;}
.download-list .solution-list-item .bar::before{ display: none;}
.download-list .solution-list-item .bar::after{ display: none;}
.download-list .solution-list-item .bar a::after{ content: ''; display: block; background-image: url('../images/icon-download-black.png'); background-repeat:  no-repeat; background-size: 100% 100%; width: 20px; height: 20px;}
.download-list .solution-list-item:hover .bar {background-color:#e70;color:#fff;}
.download-list .solution-list-item:hover .bar a::before{ color: #fff;}
.download-list .solution-list-item:hover .bar a::after{ content: ''; display: block; background-image: url('../images/icon-download-white.png');}

.download-tab { height: 40px; line-height: 40px; text-align: center; margin: 3% auto 5%;}
.download-tab a{ margin: 0 2%; font-size: 16px; color: #6A6A6A; padding-bottom: 10px;}
.download-tab a.active{ border-bottom: 3px solid #e70; font-size: 24px; color: #e70;}

.download-tab.ny-nav span,.download-tab.ny-nav a{ font-size: 16px; color: #fff; margin: 0;}
.download-tab.ny-nav a.active{ background: #e70;  border-bottom: 0; font-size: 16px;}
@media (max-width:1200px) {
    .download-tab.ny-nav{ margin: 3% auto 8%;}
    .solution-list-item .bar{ padding: 0 20px; height: 50px; line-height: 50px; font-size: 16px;}
    .case-swiper  .swiper-button-prev{ left: 0;}
    .case-swiper  .swiper-button-next{ right: 0;}
    .case-swiper  .swiper-button-prev::after, .case-swiper .swiper-button-next::after{ font-size: 20px; color: #000;}
    .download-list .solution-list-item .bar::before{ display: none;}
}
/* 解决方案 end */

/* 典型案例列表 begin */
.case-list {display:flex;flex-wrap:wrap;margin:100px auto;}
.case-list-item {width:31%;margin: 0 1%;margin-bottom:40px;transition:all .6s ease;}
.case-list-item .img-scale {height:300px;}
.case-list-item img {object-fit:cover;display:block;}
.case-list-item p {border-bottom:1px solid transparent;height:68px;line-height:68px;text-align:center;font-size:16px;color:#272727;transition:all .6s ease; overflow: hidden;}
.case-list-item:hover p {border-bottom:1px solid #e70; display:flex;justify-content:space-between;align-items:center;color:#e70;text-align:left;transition:all 1s ease;}
.case-list-item:hover p::after {background:url(../images/case/icon-extend.png) no-repeat;content:'';width:21px;height:21px;display:block;}
@media (max-width:1200px) {
    .case-list{ margin: 10% auto;}
    .case-list-item{ width: 100%; margin-bottom: 2%;}
    .case-list-item .img-scale {height:150px; background: none;}
}
/* 典型案例列表 end */


/* 典型案例详情 begin */
.case-detail {height:400px;display:flex;justify-content:space-between;margin:100px 0;overflow:hidden;}
.case-detail-l {width:50%;position:relative;}
.case-detail-msg {width:100%;padding:0 10%;display:flex;flex-direction:column;justify-content:flex-end;height:100%;position:absolute;left:0%;bottom:5%;z-index:3;color:#fff; overflow: hidden;}
.case-detail-msg h1 {font-size:18px;border-bottom:2px solid #e70;padding-bottom:10px;margin-bottom:10px;}
.case-detail-msg h2 {color:rgba(255,255,255,0.36);}
.case-detail-msg p {line-height:30px; font-size: 14px;}
.case-detail-r {padding-left:10%;width:50%;display:flex;justify-content:center;flex-direction:column;}
.case-detail-r h1 {font-size:30px;color:#EE7700;}
.case-detail-r h2 {font-size:18px;color:#303030;margin:36px 0 20px;}
.case-detail-r p {font-size:16px;color:#434343;line-height:30px;}
.case-detail-text{font-size:16px;color:#fff;line-height:30px; }
@media (max-width:1200px) {
    .case-detail{  height: auto; flex-direction: column; margin: 10% 0 0 0;}
    .case-detail-l{ width: 100%;}
    .case-detail-r{ width: 100%; padding-left: 0;}
    .case-detail-r h1 {margin-top: 20px;}
    .case-detail-r h2 {margin:10px 0;}
    .case-detail-msg{ padding: 0 5%; bottom: 0; height: 100%; justify-content: center;}
    .case-detail-desc{ margin-bottom: 10%;}
    .case-detail-text{ display: block !important;}
}
/* 典型案例详情 end */


/* 新闻中心 begin */
.news-list li {margin-bottom:.4rem}
.news-list li a:hover {color:#fff;background:#e70;border-color:#e70}
.news-list li a:hover .info-w {border-color:transparent}
.news-list li a:hover .info .els,.news-list li a:hover .info .els2 {color:#fff}
.news-list li a:hover .icon {transform:translateX(.2rem);-webkit-transform:translateX(.2rem);background:url(../images/news_list_icons.png) no-repeat center}
.news-list .img {width:402px;height:240px}
.news-list .info-w {width:calc(100% - 402px);height:240px;border-bottom:1px solid #e8e8e8}
.news-list .date {width:135px}
.news-list .date em {font-size:28px}
.news-list .info {width:calc(100% - 260px);padding:0 3.5%;border-left:1px solid #e8e8e8}
.news-list .info h3 {color:#575757;font-size:16px;font-weight:bold;padding-bottom:.1rem}
.news-list .info .els2 {height:48px;line-height:24px;font-size:13px;color:#5b5c5d}
.news-list .icon {width:65px;height:100%;background:url(../images/news_list_icon.png) no-repeat center}

.news-info {margin:100px auto;}
.news-info .con {padding:.4rem .54rem;box-shadow:0 0 .1rem rgba(0,0,0,0.1);border-top:6px solid #e70}
.news-info .head {border-bottom:1px solid #e1e1e1}
.news-info .head .con-l {width:calc(100% - 140px);color:#7a7a7a}
.news-info .head .con-l h3 {font-size:32px;color:#000}
.news-info .head .bdsharebuttonbox {font-size:0;padding-left:45px}
.news-info .head .bdsharebuttonbox i {left:0;top:0;font-size:14px;height:28px;line-height:28px}
.news-info .head .bdsharebuttonbox a {width:30px !important;height:30px !important;margin:0 2px !important;padding:0 !important}
.news-info img{ max-width: 100% !important; height: auto !important;}
.news-info .edit a,.news-info .edit em, .news-info .edit i, .news-info .edit span{ display: inline;}
.news-info .edit{ color: #666; line-height: 2; font-size: 16px; padding: 3% 2%;}

@media (max-width:1200px){
    .news-list .info-w {padding:.3rem 0}
    .news-list .date {width:100px}
    .news-list .info {width:calc(100% - 100px)}
    .news-info{ margin: 10% auto 3%}
    .news-info .con{ padding: .2rem}
    .news-info .head .con-l { text-align: center;}
    .news-info .head .con-l h3{ font-size: 22px; text-align: center;}
    .news-info .head .bdsharebuttonbox i{ position: relative;}
    .news-info .edit{ font-size: 15px;}
}
/* 新闻中心 end */


/* 招聘列表 begin */
.join-banner{ height: 956px;}
.join .contacts {margin:80px auto;}
.recruit .wrap {display:flex;justify-content:space-between;margin-top:80px;}
.recruit-enter {width:50%;height:460px;position:relative;}
.recruit-enter-title {width:calc(100% - 200px);height:40px;line-height:40px;font-size:30px;color:#fff;position:absolute;left:100px;bottom:40px;}
.recruit-enter-title::before {content:'';display:block;width:calc(100% - 180px);border-top:1px solid #fff;position:absolute;left:135px;top:19px;}
.recruit-enter-title::after {content:'';display:block;width:30px;height:30px;background:url('../images/icon-arrow-01.png') no-repeat;position:absolute;top:5px;right:0;}

.join-list .join-head {border-top-left-radius:10px;border-top-right-radius:10px;background:#EE7700;}
.join-list .join-head li,.join-list .join-body li {width:13.33333333%;line-height:26px;padding:.17rem 0}
.join-list .join-head li:first-child,.join-list .join-body li:first-child {text-align:left;width:20%}
.join-list .join-body {cursor:pointer}
.join-list .join-body.cur .btn::after {transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.join-list .btn::after {position:absolute;content:'';top:50%;left:50%;width:22px;height:22px;margin:-11px 0 0 -11px;background:url(../images/icon-arrow-04.png) no-repeat center;transition:all .3s;-webkit-transition:all .3s}
.join-list .item {margin-top:16px;border-radius:10px;background-color:#f1f1f1;}
.join-list .info .txt {border-top:1px solid #f0f1f3; padding-top: 0;}
.join-btn{ display: flex; align-items: center; justify-content: center; background-color: #e70; width: 150px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #fff; border-radius: 10px; margin: 20px 0 0;}
.join-btn::before{ content: ''; display: inline-block; background: url('../images/icon-join.png') no-repeat; width: 14px; height: 18px; vertical-align: middle; margin-right: 10px;}
@media (max-width:1200px) {
    .join .map{ width: 100%;}
    .join-banner{ height: 320px; margin-top: 70px;}
    .join-list .join-head li:first-child,.join-list .join-body li:first-child {width:calc(100% - 80px)}
    .join-list .join-head li:last-child,.join-list .join-body li:last-child {width:80px}
    .join .contacts{ margin: 10% auto;}
    .recruit-enter{ height: 320px;}
}
@media (max-width:767px) {
    .recruit .wrap{ flex-direction: column; margin: 40px auto 0;}
    .recruit-enter{ width: 100%; height: 230px;}
}
/* 招聘列表 end */



/* 分页 begin */
.in-page {color:#888; margin: 30px auto;}
.in-page span,.in-page a {padding:.08rem .15rem;border:1px solid #e8e8e8}
.in-page a {margin-bottom:5px}
.in-page a:hover,.in-page a.cur {color:#fff;border-color:#1d7ec8;background:#1d7ec8}
.page a {width:48%;font-size:15px;color:#000;padding:.35rem .3rem;margin-bottom:.15rem;background:#f1f1f1;}
.page a:hover {color:#fff;background:#e70}
.news-return a {width:153px;height:47px;line-height:47px;border-radius:5px;box-shadow:0 0 .1rem rgba(0,0,0,0.1);background-color:#e70;}
/* 分页 end */


/* 联系我们 begin */
.us-con {display:flex; justify-content: space-between; margin: 10% auto;}
.us-info { width: 48%;}
.us-info h1 {font-size:32px;font-family:PingFang SC;font-weight:bold;color:#222222;padding-bottom:31px;border-bottom:3px solid #8A8A8A; text-align: center;}
.us-menu {display:flex;margin-top:28px; justify-content: center;}
.us-menu-item {height:94px; width: 50%; display:flex;align-items:center;}
.us-menu-item-b {border-right:1px dashed #B5B5B5;}
.us-menu-img {width:57px;height:57px;border-radius:50%;border:2px solid #E7E7E7; display:flex;justify-content:center;align-items:center;margin: 0 20px;}
.us-menu-con {font-size:16px;font-family:PingFang SC;font-weight:500;color:#7E7E7E;line-height:24px; width: calc(100% - 108px);}
.us-menu-con p:last-child {color:#222222;font-size:18px; word-break: break-all;}
.us-line {width:-webkit-fill-available;height:1px;border-bottom:1px dashed #B5B5B5;margin:27px 0 0 0;}
.us-menu-item-second {display:flex;justify-content:center;}
.us-menu-item-second span {height:94px;margin-top:20px; display: flex; align-items: center; justify-content: center;flex-direction: column;}
.us-menu-item-second span:nth-child(2) {border-left:1px dashed #B5B5B5;border-right:1px dashed #B5B5B5;}
.us-con .contacts-map{ width: 48%;}

.us-con.map{ margin: 10% auto 0;}
.wrap.us-con{ margin: 5% auto; flex-direction: column;}
.contact-list .title,.contacts-form-bwrap .title{ font-weight: bold; font-size: 18px; color: #e70; margin-bottom: 30px;}
.contact-list-tabs{ display: flex; align-items: center; justify-content: center; margin-bottom: 30px;}
.contact-list-tabs h2{ width: 180px; height: 45px; line-height: 45px; text-align: center; border: 1px solid #e70; font-size: 20px; color: #e70; cursor: pointer; margin: 0 10px;}
.contact-list-tabs h2.active,.contact-list-tabs h2:hover{ background-color: #e70; color: #fff;}
.contact-list{ width: 90%; display: none; margin: 0 auto;}
.contact-list li{ display: flex; height: 37px; line-height: 37px;}
.contact-list li:nth-child(1n){ background-color: #f1f1f1;}
.contact-list li:nth-child(2n){ background-color: #fff;}
.contact-list li:first-child{ background-color: #e70; color: #fff;}
.contact-list li div{ font-size: 15px; color: #333; width: 33%; height: 37px; line-height: 37px; overflow: hidden; word-break: break-all; text-align: center;}
.contact-list li:first-child div{color: #fff;}
.contact-list.platform li div{ width: 20%;}
.contact-list.platform li div:nth-child(2){ width: 40%;}
.wrap.us-con .contacts-form-bwrap{ width: 48%; display: none;}
.wrap.us-con .contacts-form-wrap.active{ height: 235px;}

@media (max-width:1200px) {
    .us-con { flex-direction: column;}
    .us-con .contacts-map{ width: 100%;}
    .us-con .contact-list{ width: 100%;}
    .wrap.us-con .contacts-form-bwrap{ width: 100%; margin-top: 30px;}
    .contact-list .title,.contacts-form-bwrap .title{ margin-bottom: 20px;}
    .contact-list.platform .title{ margin-top: 20px;}
    .contact-list.platform li div{ width: 23%;}
    .contact-list.platform li div:nth-child(2){ width: 30%;}
    .contact-list-tabs h2{ font-size: 16px;}
    .us-info{ width: 100%; margin: 5% 0;}
    .us-info h1{ font-size: 18px; margin-top: 10px; padding-bottom: 10px;}
    .us-line{ display: none;}
    .us-menu{ flex-direction: column; margin-top: 0;}
    .us-menu-item{ width: 100%;  border-right: none; border-bottom: 1px dashed #B5B5B5;}
    .us-menu-item-second{ flex-direction: column;}
    .us-menu-item-second span{ width: 100%; border-right: none; border-bottom: 1px dashed #B5B5B5; margin-top: 0;}
    .us-menu-item-second span:nth-child(2){ border-left: none; border-right: none;}
    .us-menu-item-second .us-menu-con{ position: relative; align-items: flex-start; padding-left: 100px;}
    .us-menu-item-second .us-menu-con::before{ content: ''; background: url('../images/icon-tel-e70.png') no-repeat; display: block; width: 27px; height: 25px; position: absolute; left: 39px;}
    .us-menu-item-second .us-menu-con::after{ content:''; width:57px;height:57px;border-radius:50%;border:2px solid #E7E7E7; display: block; position: absolute; left: 26px;}
}
/* 联系我们 end */


/* 右侧悬浮 begin */
.sild-float{ position:fixed;z-index:21;right:0;bottom: 35%;width:46px;}
.sild-float .list{margin-bottom:2px}
.sild-float .list > a{display:block;width:100%;height:46px;background:rgba(0,0,0,0.5) no-repeat center center;transition:all 0.5s ease}
.sild-float .list a.a1{background-image:url(../images/fix-right-tel.png);}
.sild-float .list a.a2{background-image:url(../images/fix-right-weixin.png)}
.sild-float .list a.a3{background-image:url(../images/fix-right-facebook.png)}
.sild-float .list a.a4{background-image:url(../images/fix-right-in.png)}
.sild-float .list a.a5{background-image:url(../images/fix-right-return.png)}
.sild-float .list:hover > a{background-color:#e70;transition:all 0.5s ease}
.sild-float .list .rolme{transform:translateX(-30px);opacity:0;visibility:hidden;transition:all 0.5s ease;position:absolute;right:46px;top:0;padding:10px;line-height:26px;width:184px;background:rgba(0,0,0,0.5)}
.sild-float .list:hover .rolme{transform:translateX(0px);opacity:1;visibility:visible;transition:all 0.5s ease}
.sild-float .list .rolme .ltt{font-size:20px;color:#fff;text-align:center;word-break: break-all;}
.sild-float .list .rolme .emv img{border-radius:10px}
.sild-float .list:nth-child(1) .fplae{border-top-left-radius:5px;overflow:hidden}
.sild-float .list:last-child > a{border-bottom-left-radius:5px;overflow:hidden}
.sild-float .bpmaeb{height:46px;width:46px;background:url(../images/fix-right-tel.png) no-repeat center center;transition:all 0.5s ease}
.sild-float .email .bpmaeb{background:url(../images/fix-right-email.png) no-repeat center center;}
.sild-float .fplae{line-height:46px;height:46px;width:226px;background:rgba(0,0,0,0.5);transition:all 0.5s ease}
.sild-float .fplae:hover{transform:translateX(-180px);transition:all 0.5s ease}
.sild-float .fplae:hover .bpmaeb{background-color:#e70;transition:all 0.5s ease}
.sild-float .fplae .ltt{width:180px;text-align:center;font-size:20px;color:#fff; word-break: break-all;}
.sild-float .email .fplae .ltt{ font-size: 14px;}
/* 右侧悬浮 end */