@charset "utf-8";

.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}

.info-banner{width: 100%;position: relative;height:34.5vw; margin-top:67px;}
.info-banner:before {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0; background:rgba(0,0,0,0.4);}
@media (max-width: 500px){.info-banner.solution-info{height: 8rem;padding: 0;}}
.info-banner .img{width: 100%;height: 100%;display: flex; }
.info-banner .img img{width: 100%;height: 100%;object-fit: cover;}
.info-banner .tbox{width: 90%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 2;text-align: left;padding-top: 1rem; text-transform: capitalize; }
.info-banner .tbox .title{ color: #fff;font-size:50px;line-height: 1; font-family: 'GothamBold' text-transform: uppercase;}
.info-banner .tbox .line {width: 80px;height: 4px;background: #000;margin: 15px 0;}
.info-banner .tbox .txt{font-size:16px;line-height: 30px;color:#000;text-transform: uppercase;  font-family: 'GothamBold'}
@media (max-width: 1600px){.info-banner .tbox .txt{font-size: 16px;}}
@media (max-width: 1440px){.info-banner .tbox .txt{font-size: 14px;}}
.info-banner .tbox2{width: 90%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 2;text-align: center;padding-top: 1rem;}
.info-banner .tbox2 .title{font-size: 0.4rem;font-weight: 500;color: #FFFFFF;display: flex;justify-content: center;align-items: center;line-height: 1;}
.info-banner .tbox2 .title img{width: 1.73rem;margin-right: 0.1rem;}
.info-banner .tbox2 .ts{background: #D90012;font-size: 22px;color: #fff;line-height: 24px;display: table;margin: 0.2rem auto 0;padding: 0.13rem 0.4rem;}
.info-banner .tbox2 .txt{max-width: 960px;font-weight: 500;color: #fff;line-height: 30px;margin: 0.35rem auto 0;}
@media (max-width: 1600px){.info-banner .tbox2 .txt{line-height: 28px;}}
@media (max-width: 1440px){.info-banner .tbox2 .txt{line-height: 26px;}}
@media (max-width: 1366px){.info-banner .tbox2 .txt{line-height: 24px;}}
@media (max-width: 500px){.info-banner .tbox2 .txt{display: none;}}

.page-support{background: url(../images/bg.png) center top no-repeat; background-size: cover; overflow: hidden; padding-bottom:50px;}

/*.product{width: 100%;}*/
.product .product-menu{width: 100%; border-bottom: 1px solid #E5E5E5;}
.product .product-menu ul{display: flex; justify-content: center; margin-bottom: -1px;}
.product .product-menu ul li{margin: 0 0.5rem; border-bottom: 3px solid transparent;}
@media (max-width: 500px){.product .product-menu ul li{margin: 0 0.2rem;}}
.product .product-menu ul li a{font-size: 18px; line-height: 0.78rem; color: #111;}
@media (max-width: 1600px){.product .product-menu ul li a{font-size: 16px;}}
@media (max-width: 1440px){.product .product-menu ul li a{font-size: 14px;}}
.product .product-menu ul li:hover a{color: #D90012;}
.product .product-menu ul li.cur{border-bottom: 3px solid #D90012;}
.product .product-menu ul li.cur a{color: #D90012;}
.product .box{margin: auto; display: flex; flex-wrap: wrap;}
.product .box.product1{padding: 0.4rem 0 0.8rem;}
.product .box.product2{padding:80px 0 0 0;}
.product .box.product3{padding: 0.8rem 0; flex-wrap: nowrap;}
@media (max-width: 768px){.product .box.product3{flex-wrap: wrap;}}
.product .box .list{width: 100%;}
.product .box .list ul{display: flex; flex-wrap: wrap;}
.product .box .list ul li{width: 48.5%; margin-right: 3%; background: #fff; overflow: hidden; border-radius: 0.1rem; margin-bottom: 0.4rem;}
.product .box .list ul li:nth-child(2n){margin-right: 0;}
@media (max-width: 768px){.product .box .list ul li{width: 100%; margin-right: 0;}}
.product .box .list ul li a{display: flex; align-items: center; padding: 0.3rem 0.5rem 0.3rem 0.2rem;}
.product .box .list ul li a .img{width: 2rem; height: 1.6rem; display: flex; justify-content: center; align-items: center; flex-shrink: 0; margin-right: 0.15rem;}
.product .box .list ul li a .img img{max-width: 100%; max-height: 100%;}
.product .box .list ul li a .tbox{width: 100%;}
.product .box .list ul li a .tbox .t1{font-size: 22px; line-height: 24px; color: #111;}
@media (max-width: 1600px){.product .box .list ul li a .tbox .t1{font-size: 20px;}}
@media (max-width: 1440px){.product .box .list ul li a .tbox .t1{font-size: 18px;}}
@media (max-width: 1366px){.product .box .list ul li a .tbox .t1{font-size: 16px;}}
.product .box .list ul li a .tbox .t2{font-size: 14px; line-height: 24px; color: #666; margin-top: 0.1rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.product .box .product2-box{width: 100%; padding-bottom: 0.4rem; display: flex; align-items: flex-start;}
@media (max-width: 768px){.product .box .product2-box{flex-wrap: wrap;}}
.product .box .product2-box.pinfo{padding-bottom: 0;}
.product .box .product2-box .product2-menu{width:330px; position: sticky; top:0; flex-shrink: 0; background:#fff; padding-top:20px;}
@media (max-width: 1024px){.product .box .product2-box .product2-menu{width: 240px;}}
@media (max-width: 768px){.product .box .product2-box .product2-menu{width: 100%; position: relative; top: initial;}}
.product .box .product2-box .product2-menu::after{content: ''; width: 1px; height: 100%; position: absolute; top: 0; left: calc(100% + 4vw); background: #e5e5e5;}
@media (max-width: 768px){.product .box .product2-box .product2-menu::after{display: none;}}
.product .box .product2-box .product2-menu ul{width: 100%; max-height: 70vh; padding-bottom:10px; overflow-y: auto; /* 滚动条 */}
.product .box .product2-box .product2-menu ul::-webkit-scrollbar{width: 0;}
.product .box .product2-box .product2-menu ul::-webkit-scrollbar-track{background: rgba(0, 0, 0, 0.08); border-radius: 0;}
.product .box .product2-box .product2-menu ul::-webkit-scrollbar-thumb{background: #D90012; border-radius: 25px;}
.product .box .product2-box .product2-menu ul::-webkit-scrollbar-corner{background: #D90012;}
@media (max-width: 768px){.product .box .product2-box .product2-menu ul{display: flex; overflow-x: auto; white-space: nowrap;} .product .box .product2-box .product2-menu ul::-webkit-scrollbar{height: 3px;}}
.product .box .product2-box .product2-menu ul li{background: #fff; border-bottom: 1px solid #f5f5f5;}
@media (max-width: 768px){.product .box .product2-box .product2-menu ul li{display: inline-block;}}
.product .box .product2-box .product2-menu ul li:first-child{border-radius:4px 4px 0 0;}
.product .box .product2-box .product2-menu ul li:last-child{border-bottom: none; border-radius: 0 0 0.1rem 0.1rem;}
.product .box .product2-box .product2-menu ul li .menu-link{width: 100%; height:50px; display: flex; align-items: center; padding-left:40px; font-size:17px; color: #666;}
@media (max-width: 1600px){.product .box .product2-box .product2-menu ul li .menu-link{font-size: 16px;}}
@media (max-width: 1440px){.product .box .product2-box .product2-menu ul li .menu-link{font-size: 14px;}}
@media (max-width: 768px){.product .box .product2-box .product2-menu ul li .menu-link{padding: 0 0.2rem;}}
.product .box .product2-box .product2-menu ul li .menu-link span{width: 6px; height: 6px; display: flex; position: relative; margin-right:20px;}
.product .box .product2-box .product2-menu ul li .menu-link span img{width: 100%;}
.product .box .product2-box .product2-menu ul li .menu-link span img:nth-child(2){position: absolute; left: 0; top: 0; z-index: 2; opacity: 0;}
.product .box .product2-box .product2-menu ul li .s-menu{width: 100%; padding-left:66px; line-height:50px; padding-bottom:25px;/* display: none;*/}
@media (max-width: 768px){.product .box .product2-box .product2-menu ul li .s-menu{display: none;}}
.product .box .product2-box .product2-menu ul li .s-menu a{display: block; font-size: 14px; color:#555; line-height:34px; transition: all ease-in 0.3s; }
.product .box .product2-box .product2-menu ul li .s-menu a:hover{color: #D90012;}
.product .box .product2-box .product2-menu ul li .s-menu .cur{color: #D90012;}
.product .box .product2-box .product2-menu ul li:hover .menu-link,
.product .box .product2-box .product2-menu ul li.cur .menu-link{color: #111;}
.product .box .product2-box .product2-menu ul li:hover .menu-link span img:nth-child(2),
.product .box .product2-box .product2-menu ul li.cur .menu-link span img:nth-child(2){opacity: 1;}
.product .box .product2-box .product2-menu ul li.cur .menu-link{color: #111;}
.product .box .product2-box .product2-menu ul li.cur .menu-link span img:nth-child(2){opacity: 1;}
.product .box .product2-box .product2-menu ul li.cur .s-menu{display: block;}
@media (max-width: 768px){.product .box .product2-box .product2-menu ul li.cur .s-menu{display: none;}}
.product .box .product2-box .product2-list{width: 100%; margin-left:8vw;}
@media (max-width: 768px){.product .box .product2-box .product2-list{margin-left: 0; margin-top: 0.5rem;}}
.product .box .product2-box .product2-list ul li{width: 100%; display: flex; align-items: center; background: #fff;/* border-radius:3px;*/ margin-bottom:2vw; padding: 0.3rem 0.45rem;}
@media (max-width: 500px){.product .box .product2-box .product2-list ul li{flex-wrap: wrap;}}
.product .box .product2-box .product2-list ul li:last-child{margin-bottom: 0;}
.product .box .product2-box .product2-list ul li .img{width: 3.6rem; height: 3.4rem; margin-right: 0.2rem; flex-shrink: 0;}
@media (max-width: 500px){.product .box .product2-box .product2-list ul li .img{width: 100%; height: 5.05rem; margin-right: 0;}}
.product .box .product2-box .product2-list ul li .img img{width: 100%; height: 100%; object-fit: cover; transition: all ease-in 0.3s;}
@media (max-width: 500px){.product .box .product2-box .product2-list ul li .tbox{margin-top: 0.2rem;}}
.product .box .product2-box .product2-list ul li .tbox .title{font-size: 0.32rem; line-height: 0.42rem; color: #161B27;}
.product .box .product2-box .product2-list ul li .tbox .txt{color: #999; line-height: 30px; margin-top: 0.1rem;}
@media (max-width: 1600px){.product .box .product2-box .product2-list ul li .tbox .txt{line-height: 28px;}}
@media (max-width: 1440px){.product .box .product2-box .product2-list ul li .tbox .txt{line-height: 26px;}}
@media (max-width: 1366px){.product .box .product2-box .product2-list ul li .tbox .txt{line-height: 24px;}}
.product .box .product2-box .product2-list ul li .tbox .more{width: 1.5rem; height: 40px; border: 1px solid #D90012; border-radius: 20px; color: #D90012; display: flex; justify-content: center; align-items: center; margin-top: 0.45rem; transition: all ease-in 0.3s;}
@media (max-width: 1280px){.product .box .product2-box .product2-list ul li .tbox .more{width: 1.6rem; height: 0.6rem;}}
@media (max-width: 1024px){.product .box .product2-box .product2-list ul li .tbox .more{width: 1.8rem; height: 0.6rem;}}
.product .box .product2-box .product2-list ul li .tbox .more span{width: 6px; height: 10px; margin-left: 0.2rem; position: relative; display: flex;}
.product .box .product2-box .product2-list ul li .tbox .more span img{width: 100%;}
.product .box .product2-box .product2-list ul li .tbox .more span img:nth-child(2){position: absolute; left: 0; top: 0; z-index: 2; opacity: 0; transition: all ease-in 0.3s;}
.product .box .product2-box .product2-list ul li:hover .img img{transform: scale(1.05);}
.product .box .product2-box .product2-list ul li:hover .tbox .more{background: #D90012; color: #fff;}
.product .box .product2-box .product2-list ul li:hover .tbox .more span img:nth-child(2){opacity: 1;}
.product .box .product2-box .product2-info{width: 100%; margin-left: 0.8rem;}
@media (max-width: 768px){.product .box .product2-box .product2-info{margin-left: 0; margin-top: 0.5rem;}}
.product .box .product2-box .product2-info .box1{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; padding-bottom: 0.6rem; border-bottom: 1px solid #E5E5E5;}
.product .box .product2-box .product2-info .box1 .tbox{width: 44.75%;}
@media (max-width: 500px){.product .box .product2-box .product2-info .box1 .tbox{width: 100%;}}
.product .box .product2-box .product2-info .box1 .tbox .t1{font-size: 0.32rem; color: #111111; line-height: 0.52rem;}
.product .box .product2-box .product2-info .box1 .tbox .txt{font-size: 16px; color: #666666; line-height: 30px; margin-top: 0.2rem;}
@media (max-width: 1600px){.product .box .product2-box .product2-info .box1 .tbox .txt{font-size: 14px; line-height: 24px;}}
.product .box .product2-box .product2-info .box1 .imgbox{width: 50%; position: relative;}
@media (max-width: 500px){.product .box .product2-box .product2-info .box1 .imgbox{width: 100%; margin-top: 0.3rem;}}
.product .box .product2-box .product2-info .box1 .imgbox .imglist{width: 100%;}
.product .box .product2-box .product2-info .box1 .imgbox .imglist ul li{display: none; width: 100%; border-radius: 0.15rem; overflow: hidden;}
.product .box .product2-box .product2-info .box1 .imgbox .imglist ul li.cur{display: block;}
.product .box .product2-box .product2-info .box1 .imgbox .imgmenu{position: absolute; left: 0; bottom: 0; width: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3)); border-radius: 0 0 0.12rem 0.12rem; padding-top: 0.3rem;}
.product .box .product2-box .product2-info .box1 .imgbox .imgmenu ul{width: 100%; display: flex; justify-content: center;}
.product .box .product2-box .product2-info .box1 .imgbox .imgmenu ul li{margin: 0 0.25rem; color: #fff; line-height: 24px; padding: 0.23rem 0; cursor: pointer; border-bottom: 2px solid transparent;}
.product .box .product2-box .product2-info .box1 .imgbox .imgmenu ul li.cur{border-bottom: 2px solid #D90012;}
.product .box .product2-box .product2-info .box2{width: 100%; margin-top: 0.4rem; padding-bottom: 0.5rem; border-bottom: 1px solid #E5E5E5;}
.product .box .product2-box .product2-info .box2:last-child{padding-bottom: 0; border-bottom: none;}
.product .box .product2-box .product2-info .box2 .t1{font-size: 0.32rem; color: #111111; line-height: 0.52rem;}
.product .box .product2-box .product2-info .box2 .tbox{width: 100%; background: #fff; border-radius: 0.1rem; padding: 0.4rem 0.4rem 0.3rem; margin-top: 0.23rem;}
.product .box .product2-box .product2-info .box2 .tbox .txt{width: 100%; display: flex; margin-bottom: 0.1rem; cursor: pointer;}
.product .box .product2-box .product2-info .box2 .tbox .txt span{width: 10px; height: 10px; background: #FFFFFF; border: 2px solid #CCCCCC; border-radius: 5px; flex-shrink: 0; margin-right: 0.2rem; margin-top: 9px;}
.product .box .product2-box .product2-info .box2 .tbox .txt .ts{color: #666666; line-height: 28px;}
.product .box .product2-box .product2-info .box2 .tbox .txt:hover span{border: 2px solid #D90012;}
.product .box .product2-box .product2-info .box2 .tbox .txt:hover .ts{color: #111;}
.product .box .product2-box .product2-info .box2 .abox{width: 100%; display: flex; flex-wrap: wrap; margin-top: 0.1rem;}
.product .box .product2-box .product2-info .box2 .abox a,
.product .box .product2-box .product2-info .box2 .abox span{background: #E5E5E5; border-radius: calc(12px + 0.2rem); padding: 0.12rem 0.2rem; cursor: pointer; display: flex; align-items: center; color: #666; margin-top: 0.2rem; margin-right: 0.2rem; line-height: 24px;}
.product .box .product2-box .product2-info .box2 .abox a:hover,
.product .box .product2-box .product2-info .box2 .abox span:hover{color: #fff; background: #D90012; box-shadow: 0px 0px 0.36rem 0px rgba(217, 0, 18, 0.3);}
.product .box .product2-box .product2-info .box2 .bbox{width: 100%; display: flex; flex-wrap: wrap; margin-top: 0.23rem;}
.product .box .product2-box .product2-info .box2 .bbox a{margin-right: 1.02rem;}
@media (max-width: 500px){.product .box .product2-box .product2-info .box2 .bbox a{margin-right: 0.3rem; margin-top: 0.2rem;}}
.product .box .product2-box .product2-info .box2 .bbox a .icon{width: 0.78rem; margin: auto;}
.product .box .product2-box .product2-info .box2 .bbox a .icon img{width: 100%;}
.product .box .product2-box .product2-info .box2 .bbox a .ts{text-align: center; font-size: 14px; color: #666666; line-height: 24px; margin-top: 0.13rem;}
.product .box .menu{width: 360px; position: sticky; top: 2rem; flex-shrink: 0;}
@media (max-width: 1024px){.product .box .menu{width: 240px;}}
@media (max-width: 768px){.product .box .menu{width: 100%; position: relative; top: initial;}}
.product .box .menu::after{content: ''; width: 1px; height: 100%; position: absolute; top: 0; left: calc(100% + 0.4rem); background: #e5e5e5;}
@media (max-width: 768px){.product .box .menu::after{display: none;}}
.product .box .menu ul{width: 100%; max-height: 70vh; overflow-y: auto; /* 滚动条 */}
.product .box .menu ul::-webkit-scrollbar{width: 0;}
.product .box .menu ul::-webkit-scrollbar-track{background: rgba(0, 0, 0, 0.08); border-radius: 0;}
.product .box .menu ul::-webkit-scrollbar-thumb{background: #D90012; border-radius: 25px;}
.product .box .menu ul::-webkit-scrollbar-corner{background: #D90012;}
@media (max-width: 768px){.product .box .menu ul{display: flex; overflow-x: auto; white-space: nowrap;} .product .box .menu ul::-webkit-scrollbar{height: 3px;}}
.product .box .menu ul li{background: #fff; border-bottom: 1px solid #f5f5f5;}
@media (max-width: 768px){.product .box .menu ul li{display: inline-block; width: 2rem; flex: none;}}
.product .box .menu ul li:first-child{border-radius: 0.1rem 0.1rem 0 0;}
.product .box .menu ul li:last-child{border-bottom: none; border-radius: 0 0 0.1rem 0.1rem;}
.product .box .menu ul li a{width: 100%; height: 1.2rem; display: flex; justify-content: center; align-items: center;}
.product .box .menu ul li a img{max-width: 100%; max-height: 100%; -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */ filter: grayscale(100%);}
.product .box .menu ul li:hover a img,
.product .box .menu ul li.cur a img{-webkit-filter: grayscale(0); /* Chrome, Safari, Opera */ filter: grayscale(0);}
.product .box .content{width: 100%; margin-left: 0.8rem;}
@media (max-width: 768px){.product .box .content{margin-left: 0; margin-top: 0.5rem;}}
.product .box .content .box1{width: 100%; background: #fff; border-radius: 0.1rem; padding: 0.3rem; display: flex; align-items: center;}
@media (max-width: 500px){.product .box .content .box1{flex-wrap: wrap;}}
.product .box .content .box1 .img{width: 3rem; height: 3rem; display: flex; justify-content: center; align-items: center; flex-shrink: 0; margin-right: 0.2rem;}
@media (max-width: 500px){.product .box .content .box1 .img{width: 100%; height: 5rem;}}
.product .box .content .box1 .img img{max-width: 100%; max-height: 100%;}
.product .box .content .box1 .tbox{width: 100%;}
.product .box .content .box1 .tbox .t1{font-size: 0.32rem; line-height: 0.42rem; color: #111;}
.product .box .content .box1 .tbox .t2{line-height: 30px; color: #999; margin-top: 0.1rem;}
.product .box .content .box2{width: 100%; margin-top: 0.4rem; background: #fff; border-radius: 0.1rem; min-height: 3.25rem;}
.product .box .content .box2 .ms{width: 100%; border-bottom: 1px solid #f5f5f5; padding-left: 0.5rem;}
.product .box .content .box2 .ms ul{display: flex;}
.product .box .content .box2 .ms ul li{font-size: 18px; font-weight: 500; color: #111111; line-height: 24px; padding: 0.22rem 0; margin-right: 0.4rem; border-bottom: 2px solid transparent; cursor: pointer;}
@media (max-width: 1600px){.product .box .content .box2 .ms ul li{font-size: 16px;}}
@media (max-width: 1440px){.product .box .content .box2 .ms ul li{font-size: 14px;}}
.product .box .content .box2 .ms ul li.cur{border-bottom: 2px solid #D90012;}
.product .box .content .box2 .ls{width: 100%; padding: 0.3rem 0.5rem;}
.product .box .content .box2 .ls ul li{width: 100%; display: none;}
.product .box .content .box2 .ls ul li.cur{display: flex; flex-wrap: wrap; align-items: center;}
.product .box .content .box2 .ls ul li span{width: 30%; display: flex; color: #666; line-height: 24px; margin-bottom: 0.15rem; margin-right: 5%;}
.product .box .content .box2 .ls ul li span:nth-child(3n){margin-right: 0;}
@media (max-width: 768px){.product .box .content .box2 .ls ul li span{width: 50%; margin-right: 0;}}
@media (max-width: 500px){.product .box .content .box2 .ls ul li span{width: 100%;}}

/*资料下载*/
.service-list {width:100%;float: right;}
.service-item {margin-bottom: 3%;overflow: hidden;}
.service-item h6{margin: 0;font-size: 14px;color:#000;font-weight: normal;padding-bottom:8px; }
.service-item a {display: block;position: relative;background: #fff;padding:2.6% 3%;overflow: hidden; font-size:18px;}
.service-item .title-1 {color: #4c4c4c;}
/*.service-item .icon-1 { width: 55px;height: 55px;background: #cccccc;border-radius: 100%;position: absolute;right: 5%;top: 50%;margin-top: -26px;z-index: 11;}
.service-item .icon-1 i {display: block;width: 19px;height: 22px;position: absolute;left: 50%;top: 50%;background: url('../images/pdf1.png');margin-top: -11px;transform: translateX(-50%);}*/


.service-item .icon-1{position: absolute;right:2%;top:50%;margin-top: -20px;padding: 10px 20px; font-size: 0;border: 1px solid #e5e5e5;text-align: center;}
.service-item .icon-1 i{display: inline-block;vertical-align: middle;margin-right: 10px;background: url("../images/d2.png");width: 14px;height: 16px;opacity: .5;}
.service-item .icon-1 span{color: #666666;display: inline-block;vertical-align: middle;font-size: 14px; }

.download-list {overflow: hidden;padding:0 0 40px 0;}
.download-list a{display: block;position: relative;overflow: hidden;float: left;width:32.6%;margin-right: 1%;}
.download-list a .text{position: absolute;z-index: 63;padding:7% 0 7% 7%;height:100%; width: 100%;}
.download-list a .text h6{margin: 0;font-size: 14px;color: #000;font-weight: normal;padding-bottom: 15px; }
.download-list a .text h3{margin: 0;font-size: 18px;line-height: 24px;color: #fff;}
.download-list a .text h5{position: absolute;left: 10%;bottom: 15%; font-size: 0;padding-bottom: 10px;display: inline-block;}
.download-list a .text h5 i{display: inline-block;vertical-align: middle;margin-right: 10px;background: url("../images/d.png");width: 14px;height: 16px;}
.download-list a .text h5 span{color: #fff;display: inline-block;vertical-align: middle;font-size: 14px; }
.download-list a .text h5::after {content: '';display: block;width: 100%;height: 2px;background: #fff;position: absolute;left: 0;bottom: 0;}
.download-list a .img {position: relative;overflow: hidden;}
.download-list a .img img{display: block;width: 100%;height: auto;z-index: 13;position: relative;}
.download-list a .img img.img-center{position: absolute;left: 0;top: 0;bottom: 0;right: 0;z-index: 33;margin: auto;width: auto;height: auto;}
.download-list a:hover .text h3{color: #000;}
.download-list a:hover .text h5 span {color: #000;}
.download-list a:hover .text h5 i {background: url("../images/d2h.png");}
.download-list a:hover .text h5::after {background: #000;}
.img-center{max-width: 100%; max-height: 100%;}


.service-item a:hover {background: url('../images/pdfbg.png') center no-repeat;background-size: cover;}
.service-item a:hover h6{color: #fff;transform: translateX(2%);}
.service-item a:hover .title-1 {color: #fff;transform: translateX(2%);}
.service-item a:hover .icon-1 {background: #fff;}
.service-item a:hover .icon-1 i {background: url('../images/d2h.png'); opacity:1;}

a{font-size: 14px;text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;color: #1a1a1a;} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}

/*分页*/
.pagination { padding:3rem 0 0 0; text-align: center; overflow: hidden; position: relative;z-index: 333; text-transform: capitalize;font-weight:bold;}
.pagination a { vertical-align: middle; font-weight:bold; font-size:14px; line-height:20px; display: inline-block; height:20px; padding: 0 5px; text-align: center; color: #000; border: 1px solid #fff; margin-left: 5px;/* border-radius:5px;*/ background:#fff;}
.pagination a.a1{ line-height:20px; height:20px; margin-top:0; padding:0 12px; }
.pagination a:hover{ text-decoration:none; color:#fff; background:#989898; border: 1px solid #989898; }
.pagination span { vertical-align: middle; line-height:20px; display: inline-block; height:20px; font-size:14px; text-align: center; color: #fff; margin-left: 5px; background-color: #989898; width:20px; }

/*联系我们*/
.page_contact .contact_box{width:100%;height:auto;padding:180px 0 4.1vw 0;background: url(../images/bg.png) center top no-repeat; background-size: cover; position:relative;z-index:2}
.page_contact .contact_box .contact_main{/*width:100%;*/height:auto}
.page_contact .contact_box .contact_main .contact_title{width:100%;height:auto;position:relative;z-index:1}
.page_contact .contact_box .contact_main .contact_title .title{font-family:hs_m;padding:30px 0 0;font-size:40px;color:#161b27}
.page_contact .contact_box .contact_main .contact_title .subtitle{font-size:38px;color:#1a1a1a;position:absolute;top:0;left:0;z-index:-1; text-transform: uppercase; font-weight:bold; font-family: 'GothamBold'; line-height: 60px;margin: 8px 0 20px 0;}
.page_contact .contact_box .contact_main .contact_title .line {width: 80px;height: 4px;/*background: #000*/;margin:10px 0 0 0;}
.page_contact .contact_box .contact_main .contact_title .details{margin:30px 0 0 0;/* border-bottom: 1px solid #e6e6e7; */ font-size:16px;color:#666;}
.page_contact .contact_box .contact_list{width:100%;height:auto;/*margin-top:2.6vw;*/display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
.page_contact .contact_box .contact_list .item{flex:1;margin-right:2vw;padding:2vw; border:1px solid #EAEAEA; border-radius:5px;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;cursor:pointer}
.page_contact .contact_box .contact_list .item.last .qrcode .links .link_head .icon i:before{ font-size:18px;}
.page_contact .contact_box .contact_list .item .title{font-size:22px; font-weight:bold; color:#161b27;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.page_contact .contact_box .contact_list .item .info{width:100%;height:auto;margin-top:15px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:baseline;overflow:hidden}
.page_contact .contact_box .contact_list .item .info .icon{margin-right:10px;color:#dbdbdb;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.page_contact .contact_box .contact_list .item .info .icon i{font-size:20px; color:#1a1a1a;}
.page_contact .contact_box .contact_list .item .info .icon i:before{font-size:17px;}
.page_contact .contact_box .contact_list .item .info .details{flex:1;font-size:16px;line-height:1.8;color:#666;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.page_contact .contact_box .contact_list .item .info .details p{ line-height:25px; margin-bottom:10px !important;}
.page_contact .contact_box .contact_list .item:hover .info .icon i{ color:#fff;}
.page_contact .contact_box .contact_list .item:hover .icon-dizhi:before{ color:#fff;}
.page_contact .contact_box .contact_list .item:hover .icon-76:before{ color:#fff;}
.page_contact .contact_box .contact_list .item:hover .icon-youxiangfill:before{color:#fff;}
@media screen and (min-width:991px){.page_contact .contact_box .contact_list .item:hover{background:#000;border:1px solid #EAEAEA;}

.page_contact .contact_box .contact_list .item:hover .title,.page_contact .contact_box .contact_list .item:hover .info .icon,.page_contact .contact_box .contact_list .item:hover .info .details{color:#fff!important}
.page_contact .contact_box .contact_list .item:hover .title span,.page_contact .contact_box .contact_list .item:hover .info .icon span,.page_contact .contact_box .contact_list .item:hover .info .details span{color:#fff!important}}.page_contact .contact_box .contact_list .item.last .info .details{color:#222}
.page_contact .contact_box .contact_list .item.last .info .details span{vertical-align:middle;font-size:14px;color:#999;line-height:1}
.page_contact .contact_box .contact_list .item.last .qrcode{width:100%;height:auto;margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
.page_contact .contact_box .contact_list .item.last .qrcode .links{margin-right:20px;position:relative;z-index:1;cursor:pointer}
.page_contact .contact_box .contact_list .item.last .qrcode .links .link_head{width:100%;height:auto;/*border:1px solid #EAEAEA;*/ background:#fff; border-radius:3px;padding:5px 13px 5px 13px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;position:relative;z-index:2;overflow:hidden}
.page_contact .contact_box .contact_list .item.last .qrcode .links .link_head .icon{font-size:0;color:#fff}
.page_contact .contact_box .contact_list .item.last .qrcode .links .link_head .icon i{font-size:30px}
.page_contact .contact_box .contact_list .item.last .qrcode .links .link_head .txt{width:0;font-size:14px;color:#161b27;opacity:0;overflow:hidden;white-space:nowrap;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s; }
.page_contact .contact_box .contact_list .item.last .qrcode .links .images{width:140px;height:auto;background:#fff;position:absolute;top:100%;left:0;z-index:1;text-align:center;padding:10px;box-shadow:0 0 15px rgba(0,0,0,.1);margin-top:5px;opacity:0;visibility:hidden;overflow:hidden;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.page_contact .contact_box .contact_list .item.last .qrcode .links:hover .link_head .txt{margin-left:10px;width:6em;opacity:1}
.page_contact .contact_box .contact_list .item.last .qrcode .links:hover .images{margin:0;opacity:1;visibility:initial}
.page_contact .contact_box .contact_list .item.last .qrcode .links:last-child{margin:0}
.page_contact .contact_box .contact_list .item:last-child{margin-right:0}
@media (max-width:1280px){.page_contact .contact_box .contact_main .contact_title .title{font-size:36px}
.page_contact .contact_box .contact_main .contact_title .subtitle{font-size:68px}
.page_contact .contact_box .contact_main .contact_title .details{font-size:13px}
.page_contact .contact_box .contact_list .item .title{font-size:20px}
.page_contact .contact_box .contact_list .item .info .icon{margin-right:8px}
.page_contact .contact_box .contact_list .item .info .icon i{font-size:14px}
.page_contact .contact_box .contact_list .item .info .details{font-size:14px}
.page_contact .contact_box .contact_list .item.last .qrcode .links .link_head{padding:3px 15px}
.page_contact .contact_box .contact_list .item.last .qrcode .links .link_head .icon i{font-size:24px}
.page_contact .contact_box .contact_list .item.last .qrcode .links .link_head .txt{font-size:12px}
.page_contact .contact_box .contact_list .item.last .qrcode .links .images{width:130px}}@media (max-width:1024px){.page_contact .contact_box{padding:67px 0 30px 0;}
.page_contact .contact_box .contact_main .contact_title .title{padding:68px 0 0;font-size:30px}
.page_contact .contact_box .contact_main .contact_title .subtitle{font-size:54px}
.page_contact .contact_box .contact_list{flex-wrap:wrap;-ms-flex-wrap:wrap;margin:30px 0 0}
.page_contact .contact_box .contact_list .item{width:calc(50% - 10px);flex:initial;margin-right:20px;padding:25px}
.page_contact .contact_box .contact_list .item .title{font-size:18px}
.page_contact .contact_box .contact_list .item:nth-child(2){margin:0}
.page_contact .contact_box .contact_list .item.last{width:100%;margin:20px 0 0}
.page_contact .contact_box .contact_list .item.last .info .details span{font-size:12px}
.page_contact .contact_box .contact_list .item.last .qrcode .links{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column-reverse}
.page_contact .contact_box .contact_list .item.last .qrcode .links .images{width:100px;box-shadow:none;padding:0;position:relative;top:0;opacity:1;margin:0;visibility:initial}
.page_contact .contact_box .contact_list .item.last .qrcode .links .link_head{margin-top:10px;padding:0;background:0 0}
.page_contact .contact_box .contact_list .item.last .qrcode .links .link_head .icon{width:36px;height:36px;margin:0 auto;border-radius:50%;border:1px solid #000;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;color:#000}
.page_contact .contact_box .contact_list .item.last .qrcode .links .link_head .icon i{font-size:20px}
.page_contact .contact_box .contact_list .item.last .qrcode .links .link_head .txt{display:none}
.page_contact .contact_box .contact_list .item.last .qrcode .links:first-child .link_head .icon{border-color:#000;color:#000}
.page_contact .contact_box .contact_list .item.last .qrcode .links:nth-child(2) .link_head .icon{border-color:#000;color:#000}
.page_contact .contact_box .contact_list .item.last .qrcode .links:hover .link_head{background:0 0}}@media (max-width:768px){.page_contact .contact_box .contact_main .contact_title .title{padding:15px 0 0;font-size:24px}
.page_contact .contact_box .contact_main .contact_title .subtitle{font-size:29px;}
.page_contact .contact_box .contact_list .item{width:calc(50% - 7.5px);margin-right:15px;padding:20px}
.page_contact .contact_box .contact_list .item .title{font-size:16px}
.page_contact .contact_box .contact_list .item .info .details{font-size:12px}
.page_contact .contact_box .contact_list .item.last{margin-top:15px}
.page_contact .contact_box .contact_list .item.last .qrcode .links .link_head .icon{width:30px;height:30px}
.page_contact .contact_box .contact_list .item.last .qrcode .links .link_head .icon i{font-size:16px}}@media (max-width:480px){.page_contact .contact_box .contact_list{display:block}
.page_contact .contact_box .contact_list .item{width:100%}
.page_contact .contact_box .contact_list .item:first-child~.item{margin-top:10px}}.page_contact .contact_map{width:100%;height:auto;overflow:hidden}
.page_contact .contact_map .map_box{width:100%;height:auto;margin:5.2vw auto;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;position:relative;z-index:1;overflow:hidden}
.page_contact .contact_map .map_box .map_tab{width:15%;align-self:center;position:relative;z-index:1;overflow:hidden}
.page_contact .contact_map .map_box .map_tab::after{content:'';width:5px;height:100%;border-radius:5px;background:#ddd;position:absolute;left:0;top:0;z-index:1}
.page_contact .contact_map .map_box .map_tab ul{position:relative;z-index:3}
.page_contact .contact_map .map_box .map_tab li{padding:15px 0;padding-left:3vw;line-height:1.5;font-size:22px;color:#333;cursor:pointer;position:relative;z-index:1;overflow:hidden}
.page_contact .contact_map .map_box .map_tab li::after{content:'';width:5px;height:0;position:absolute;bottom:0;left:0;z-index:1;background:#000;border-radius:5px;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.page_contact .contact_map .map_box .map_tab li.active,.page_contact .contact_map .map_box .map_tab li:hover{color:#000}
.page_contact .contact_map .map_box .map_tab li.active::after{top:0;height:100%}
.page_contact .contact_map .map_box .map_tab.active li::after{top:0;bottom:auto}
.page_contact .contact_map .map_box .map_tab.active li.active::after{bottom:0;top:auto}
.page_contact .contact_map .map_box .map_images{width:45%;height:auto;align-self:center;overflow:hidden}
.page_contact .contact_map .map_box .map_info{width:29.48%;max-width:460px;height:100%;overflow:hidden}
.page_contact .contact_map .map_box .map_info ul{width:100%;height:100%;overflow:hidden}
.page_contact .contact_map .map_box .map_info ul li{width:100%;height:100%;border-radius:10px;overflow:hidden}
.page_contact .contact_map .map_box .map_info ul li .images{width:100%;height:auto;background:#f5f5f5;text-align:center;overflow:hidden}
.page_contact .contact_map .map_box .map_info ul li .images .pb{padding-bottom:65.2%}
.page_contact .contact_map .map_box .map_info ul li .images img{width:100%;height:100%;object-fit:cover;vertical-align:middle}
.page_contact .contact_map .map_box .map_info ul li .info{width:100%;height:auto;padding:2.6vw;background:#f5f5f5 url(../images/icon_con.png) no-repeat calc(100% - 2.6vw) 2.6vw;overflow:hidden}
.page_contact .contact_map .map_box .map_info ul li .info .title{font-size:28px;color:#222}
.page_contact .contact_map .map_box .map_info ul li .info .details{width:100%;height:auto;padding:20px 0;border-bottom:1px solid #e5e5e5;font-size:14px;color:#111;overflow:hidden}
.page_contact .contact_map .map_box .map_info ul li .info .details span{font-size:18px;color:#000}
.page_contact .contact_map .map_box .map_info ul li .info .details:last-child{border:0;padding-bottom:0}
@media (max-width:1440px){.page_contact .contact_map .map_box .map_tab .dot,.page_contact .contact_map .map_box .map_tab::after{width:4px}
.page_contact .contact_map .map_box .map_tab ul li{padding:12px 0;padding-left:3vw;font-size:20px}
.page_contact .contact_map .map_box .map_info ul li .info .title{font-size:24px}}@media (max-width:1024px){.page_contact .contact_map .map_box{margin:40px 0;flex-wrap:wrap;-ms-flex-wrap:wrap}
.page_contact .contact_map .map_box .map_tab{width:100%}
.page_contact .contact_map .map_box .map_tab .dot,.page_contact .contact_map .map_box .map_tab::after{display:none}
.page_contact .contact_map .map_box .map_tab ul li{padding:10px;text-align:center;background:#f5f6fb;font-size:18px;border-radius:30px;color:#333}
.page_contact .contact_map .map_box .map_tab ul li.active{background:#000;color:#fff}
.page_contact .contact_map .map_box .map_images{width:55%;margin:50px 0 0}
.page_contact .contact_map .map_box .map_info{width:40%;margin:50px 0 0;padding-left:50px}
.page_contact .contact_map .map_box .map_info ul li .info{padding:20px;background-size:24px auto;background-position:calc(100% - 20px) 35px}
.page_contact .contact_map .map_box .map_info ul li .info .title{font-size:20px}
.page_contact .contact_map .map_box .map_info ul li .info .details{padding:15px 0;font-size:13px}
.page_contact .contact_map .map_box .map_info ul li .info .details span{font-size:16px}}@media (max-width:990px){.page_contact .contact_map .map_box{display:block}
.page_contact .contact_map .map_box .map_tab,.page_contact .contact_map .map_box .map_images{display:none}
.page_contact .contact_map .map_box .map_info{width:100%;max-width:100%;margin:0;padding:0}
.page_contact .contact_map .map_box .map_info ul{width:100%;height:auto;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px 20px}
.page_contact .contact_map .map_box .map_info ul li{width:100%;height:auto;background:#f5f5f5}
.page_contact .contact_map .map_box .map_info ul li .info{background:0 0}}@media (max-width:768px){.page_contact .contact_map .map_box .map_info ul{grid-gap:15px 15px}
.page_contact .contact_map .map_box .map_info ul li .info .title{font-size:18px}
.page_contact .contact_map .map_box .map_info ul li .info .details{font-size:12px}
.page_contact .contact_map .map_box .map_info ul li .info .details span{font-size:12px}}@media (max-width:480px){.page_contact .contact_map .map_box .map_info ul{grid-template-columns:1fr}
.page_contact .contact_map .map_box .map_info ul li .info .title{font-size:16px}
.page_contact .contact_map .map_box .map_info ul li .info .details{padding:10px 0;border-color:#e9e9e9;font-size:10px}
.page_contact .contact_map .map_box .map_info ul li .info .details span{font-size:10px}}

.contact_us03{margin-bottom:100px; margin-top:40px;}
.contact_us03 .content{margin-top:30px;}
.contact_us03 .content .inp_wrap{float:left; width:48%; margin-right:4%; margin-bottom:20px;}
.contact_us03 .content .inp_wrap_two{margin-right:0;}
.contact_us03 .content .inp_wrap label{display:block; font-size:16px; font-weight:bold; color:#666; margin-bottom:10px;}
.contact_us03 .content .inp_wrap label em{color:#000; display:inline-block; margin-right:5px;}
.contact_us03 .content .inp_wrap .inp{width:100%; border:1px solid #EAEAEA; height:40px; line-height:40px; padding:0; text-indent:20px; font-size:14px; font-weight:lighter;border-radius: 8px;}
.contact_us03 .content .inp_wrap_last{width:100%;}
.contact_us03 .content .inp_wrap_last .inp{line-height:35px; height:125px; padding:20px; box-sizing:border-box; text-indent: 0;}
.contact_us03 .content .btn_wrap{text-align:center; }
.contact_us03 .content .btn_wrap .btns{display:inline-block; width:200px; height:50px; text-transform: uppercase; border-radius:3px;  line-height:46px; margin:0;  border:2px solid #1e1e1e;
  color: #1e1e1e;  font-weight:bold; font-size:18px; letter-spacing:2px; background:#fff; /*transform:skewX(-20deg);*/ box-sizing:border-box; cursor:pointer;}
.contact_us03 .content .btn_wrap .btns span{display:block; transform:skewX(20deg); font-size:15px;}
.contact_us03 .content .btn_wrap .btns i{display:inline-block; padding-left:10px; transition:all 0.5s ease;}
.contact_us03 .content .btn_wrap .btns:hover{background:#1e1e1e; color:#fff;}
.contact_us03 .content .btn_wrap .btns:hover i{padding-left:30px;}
.contact_us03 .infor .tit{font-size:26px; color:#1a1a1a; text-align:center; font-weight:bold; text-transform: uppercase; font-family: 'GothamBold' }
.contact_us03 .infor en{ text-align:center; display:block; font-size:14px; margin:6px auto 40px;color: #666;}
.contact_us03 .infor .line {width: 80px;height: 4px;/*background:#1e1e1e;*/ margin:6px auto 0;}	
/* academy */
.page-academy {padding: 4% 0;overflow: hidden;}
.product-nav {border-bottom: none;}
.academy-list {padding: 0 0 2% 0;overflow: hidden;}
.academy-item {overflow: hidden; margin-top:2.5%;}
.academy-item a {display: block;position: relative;padding: 2.5% 4%;overflow: hidden;border-bottom: 1px solid #ededed;}
.academy-item .img {float: left;width: 30%;}
.academy-item .text {float: left;margin-left: 5%;width: 65%;position: relative;}
.academy-item .data-1 {margin-top: 4%;color: #000;}
.academy-item .title-1 {color: #202020;margin-top: 2%; font-size:24px; font-weight:600; line-height:1vw;}
.flh28{ line-height:27px;}
.academy-item .text-1 {color: #666666;margin-top: 2%;width: 84%; font-size:16px;}
.more-2 {position: absolute;right: 0;top: 42%;z-index: 11;}
.more-2 span{display: inline-block;vertical-align: middle;margin-right:10px; color: #999999;}
.more-2 i{display: inline-block;vertical-align: middle;width: 17px;height: 13px;background: url('../images/more1.png') no-repeat;filter: grayscale(100%);opacity: .5;}
.academy-item a:hover {background: #f8f8f8;border-bottom: 1px solid #f8f8f8;}
.academy-item a:hover .title-1,.academy-item a:hover .more-2 span {color: #000;}
.academy-item a:hover .more-2 {opacity: 1;}
.academy-item a:hover .more-2 i {filter: grayscale(0);opacity: 1;}
.academy-item a:hover .pic {transform: scale(1.05);}
.page-news-detail {overflow: hidden; position: relative;}
.page-news-detail .div-container {position: relative;}
.news-detail{overflow: hidden;}
.news-detail-left {float: left;width:100%;overflow: hidden;}
.prevnext-2{ font-size:15px; }
.news-detail-top {text-align: left;border-bottom: 1px solid #ededed;padding-bottom:2.5%;}
.news-detail-top .title-1{color: #000; font-size:3.6vw; margin-bottom:4%; font-family: 'Montserrat-Extra-Bold',Microsoft Yahei,Arial; text-transform: capitalize;}
.news-detail-top .date-1{background:#000; color:#fff; letter-spacing:1px; font-size:14px;border: rgba(0, 0, 0, 0.1) solid 1px; border-radius: 50px; line-height:32px; text-align:center; width:120px; text-align:center; margin-bottom:3%;}
.news-detail-center {padding:2% 0 3% 0;overflow: hidden;}
.news-detail-text {color:#666; line-height:30px; font-size:16px;}
.news-detail-text p{font-size:12px; line-height:24px; margin-bottom:8px;}
.news-detail-text img {max-width: 100%;height: auto!important;}
.news-detail-bottom {padding:2% 0;overflow: hidden;}
.news-detail-bottom .button-1 {margin-top: 2%;}
.news-detail-bottom .button-1 a{min-width: 15%; font-size:14px;}
.news-detail-right {width:100%;overflow: hidden;margin-left: 3%;}
.news-detail-right .prevnext-2 {margin-top:1%;overflow: hidden;}
.news-detail-right .prevnext-2 a {display: block;padding:2% 0; font-size:12px; overflow: hidden;color: #2e2e2e;border-bottom: 1px solid #ededed;}
.news-detail-right .prevnext-2 a:hover {color: #000;}
.news-detail-right .share-3 {margin-top: 5%;}
.news-detail-right .share-3 .title-1 {color: #cccccc;padding-bottom:20px; font-size:15px;}
.relevant-information-4 {margin-top:1%;position: relative;overflow: hidden;}
.relevant-information-4 .title-1 {color: #000; font-size:14px; font-family: 'Montserrat-Extra-Bold',Microsoft Yahei,Arial;}
.relevant-information-list .academy-item a {padding: 5% 0;}
.relevant-information-list .academy-item .img {width: 40%;}
.relevant-information-list .academy-item .text {width:51%;}
.relevant-information-list .academy-item .data-1 {margin-top:2%;}
.relevant-information-list .academy-item .title-1 {margin-top:4%; line-height:18px; word-break: break-all;     font-family: 'Raleway', sans serif;}
.nf { line-height:40px; font-size:18px; color:#333; margin-bottom:5px; margin-top:10px;}
.nf b{ padding-right:15px; font-size:18px; color:#ADADAD; font-weight:normal; width: 173px; display: block; float: left;}

.product-nav {text-align: center;border-bottom: 1px solid #ededed;padding-bottom:4%; margin-top:4%;}
.product-nav a{display: inline-block;vertical-align: middle; font-size:0.9vw; padding:1vw;margin-right: 10px;border: 1px solid #eeeeee;border-radius: 100px;text-align: center;min-width: 50px;}
.product-nav a.cur{background: #000;color: #fff;}
.product-nav a:hover {border: 1px solid #000;background: #000;color: #fff;}


.news_box{height:auto;margin-top:4%;}
.news_box .news_main{width:100%;height:auto}
.news_box .news_main .news_list{width:100%;height:auto}
.news_box .news_main .news_list ul{width:100%;height:auto;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2vw 2vw}
.news_box .news_main .news_list ul li{width:100%;height:auto;background:#fff;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;overflow:hidden}
.news_box .news_main .news_list ul li .images{width:100%;height:auto;text-align:center;position:relative;z-index:1;overflow:hidden}
.news_box .news_main .news_list ul li .images .pb{font-size:0}
.news_box .news_main .news_list ul li .images img{vertical-align:middle; width:100%;}
.news_box .news_main .news_list ul li .images .details{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;padding:2vw;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;opacity:0;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;overflow:hidden}
.news_box .news_main .news_list ul li .images .details::after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background:#1a1a1a;opacity:.5}
.news_box .news_main .news_list ul li .images .details .txt{width:100%;height:auto;position:relative;top:15px;z-index:2;line-height:1.5;text-align:left;font-size:16px;color:#fff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.news_box .news_main .news_list ul li .info{width:100%;height:auto;padding:1.7vw 1.7vw 2vw 2vw;overflow:hidden}
.news_box .news_main .news_list ul li .info .time{line-height:1;font-size:18px;color:#929192;}
.news_box .news_main .news_list ul li .info .title{height:calc(2em * 1.5);margin-top:15px;line-height:1.4;font-size:18px;color:#161b27;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.news_box .news_main .news_list ul li .info .more{width:100%;height:18px;margin-top:20px}
.news_box .news_main .news_list ul li .info .more .center{width:auto;height:auto;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;position:relative;color:#ccc;line-height:1.5;overflow:hidden;font-size:0}
.news_box .news_main .news_list ul li .info .more .center .word{width:auto;height:20px; color:#424142; line-height:20px;font-size:14px;margin-left:0;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.news_box .news_main .news_list ul li .info .more .center .icon{width:20px;height:20px;position:relative;z-index:1;overflow:hidden}
.news_box .news_main .news_list ul li .info .more .center .icon::before,.news_box .news_main .news_list ul li .info .more .center .icon::after{content:'';width:40%; font-weight:bold; height:1px;background:#000;position:absolute;top:50%;left:0;transform-origin:right center;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.news_box .news_main .news_list ul li .info .more .center .icon::before{transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg)}
.news_box .news_main .news_list ul li .info .more .center .icon::after{transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg)}
.news_box .news_main .news_list ul li:hover{box-shadow:0 0 20px rgba(0,0,0,.08);transform:translateY(-10px)}
.news_box .news_main .news_list ul li:hover .images .details{opacity:1}
.news_box .news_main .news_list ul li:hover .images .details .txt{top:0}
.news_box .news_main .news_list ul li:hover .info .more .center .word{margin-left:10px;color:#000;}
.news_box .news_main .news_list ul li:hover .info .more .center .icon::before,.news_box .news_main .news_list ul li:hover .info .more .center .icon::after{background:#000;}
.news_box .news_main .layui-laypage{margin-top:3vw}
@media (max-width:1024px){.news_box{margin-top:80px}
.news_box .news_main .news_list ul li{grid-gap:20px 20px}
.news_box .news_main .news_list ul li .info{padding:20px}
.news_box .news_main .news_list ul li .info .time{font-size:14px}
.news_box .news_main .news_list ul li .info .title{font-size:16px}
.news_box .news_main .news_list ul li .info .more .center a .word{font-size:12px}
.news_box .news_main .news_list ul li .info .more .center a .icon{width:14px;height:14px}
.news_box .news_main .layui-laypage{margin-top:30px}}@media (max-width:990px){.news_box .news_main .news_list ul{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.news_box .news_main .news_list ul li .info .time{font-size:12px}
.news_box .news_main .news_list ul li .info .title{margin:10px 0 0;font-size:14px}
.news_box .news_main .news_list ul li .info .more{margin-top:15px}}@media (max-width:480px){.news_box .news_main .news_list ul{grid-template-columns:1fr}}


/* academy */
.page-academy {padding: 4% 0;overflow: hidden;}
.page-academy .product-nav {margin-top: 3%;border-bottom: none;}
.academy-list {padding: 0 0 2% 0;overflow: hidden;}
.academy-item {overflow: hidden;}
.academy-item a {display: block;position: relative;padding: 2.5% 4%;overflow: hidden;border-bottom: 1px solid #ededed;}
.academy-item .img {float: left;width: 30%;}
.academy-item .text {float: left;margin-left: 5%;width: 65%;position: relative;}
.academy-item .data-1 {margin-top: 4%;color: #000;}
.academy-item .title-1 {color: #202020;margin-top: 2%;}
.academy-item .text-1 {color: #666666;margin-top: 2%;width: 84%;}
.more-2 {position: absolute;right: 0;top: 42%;z-index: 11;}
.more-2 span{display: inline-block;vertical-align: middle;margin-right: 5px; color: #999999;}
.more-2 i{display: inline-block;vertical-align: middle;width: 17px;height: 13px;background: url('../images/more1.png') no-repeat;filter: grayscale(100%);opacity: .5;}
.academy-item a:hover {background: #f8f8f8;border-bottom: 1px solid #f8f8f8;}
.academy-item a:hover .title-1,.academy-item a:hover .more-2 span {color: #000;}
.academy-item a:hover .more-2 {opacity: 1;}
.academy-item a:hover .more-2 i {filter: grayscale(0);opacity: 1;}
.academy-item a:hover .pic {transform: scale(1.05);}

 
.path-1 {color:#555; font-size:12px; padding:20px 0 6px 0; text-transform: capitalize; }
.path-1 a {display: inline-block;vertical-align: middle; padding-bottom:3px; color: #555;  font-size:12px; }
.path-1 a:hover {color: #555;}
.return-2 {position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.return-2 a{display: block;padding: 20px 0;width: 280px;text-align: center; border-radius: 100px;background:#fff;color: #3c3c3c; font-size:15px; }
.return-2 a:hover {background: #000;color: #fff;}

.button-1 {margin-top: 40%;}
.button-1 a{display: inline-block;vertical-align: middle;padding:6px 24px;border-radius: 100px;text-align: center;color: #3c3c3c;background:#ededed; font-size:15px;}
.button-1 a:hover {background: #000;color: #fff;}
.markets-detail-right {float: left;width: 40%;position: relative;overflow: hidden;padding: 0 3%;}
.markets-detail-text {overflow: hidden;padding: 8% 0;}
.markets-detail-text .text-2 {overflow: hidden;color: #999999;overflow-y: auto;height: 500px;padding-right: 5%;}

/*FAQ*/
.faqs {padding-top:3%; overflow:hidden;}
.faqs-title {}
.faqs-title h1{ font-size:36px; font-weight:bold;}
.faqs-title i{ height:2px; width:70px; margin:20px 0; background:#666; display:block;}
.sideMenu{ width:100%; margin:10px 0; clear:both; overflow:hidden;}
.sideMenu h3{overflow:hidden;  padding:10px 0px 10px 2%; font-size: 16px;color: #ccc;cursor: pointer;position: relative;background: url(../images/pro_left.svg) 95% center no-repeat;background-size:4%;}
.sideMenu h3 i {float:left;width:31px; height:31px; background:url(../images/faq.svg) left center no-repeat;background-size:100%; display:block;}
.sideMenu h3 strong{float:left;font-size: 16px; padding-top:8px; padding-left:8px;display:block; font-weight:normal;}
.sideMenu .nLi.on h3 { background:url(../images/pro_down.svg) 95% center no-repeat ;background-size:4%;color: #fff;}
.sideMenu ul .nLi {border-radius:10px ; border:#767886 1px solid;margin-bottom:10px;}
.sideMenu ul .nLi.on { background:rgba(0,0,0,0.2); }
.sideMenu ul .nLi.on .sub{ display: block; margin-bottom:10px; }
.sideMenu ul .sub{ line-height: 24px; font-size:14px; overflow:hidden;color:#b9b9b9;padding:3%;border-top:#767886 1px solid;}
.sideMenu ul .nLi .sub{display: none;}
.sideMenu ul .nLi .sub strong{font-weight:bold; font-size:19px; height:32px; color:#f1f1f1;display:block;}
.nfl { width:60%; clear: both;}
.sideMenu ul li h3:hover{}
.sideMenu .nLi.on h3:hover {background: url(../images/pro_down.svg) 95% center no-repeat;background-size:4%;}

.w1300 { width:1300px; margin:auto;}

.w90{width:90%; margin:auto !important; position: relative;}
.product{ margin-bottom:4%;}
.pro-list{ position: relative; }
.product .col12 h2{ margin-top: auto !important; font-family: 'GothamBold'}
.pro-list .pro-ul{overflow: hidden;}
.pro-list .pro-ul ul li{float:left;width:50%; margin:12px;}
.pro-list .pro-ul ul li span{display: block; line-height: 0; overflow: hidden;  border-bottom:0;}
.pro-list .pro-ul ul li span img{width:86%; margin:auto; /* height:100%;*/ transition: 1s;}
.pro-list .pro-ul ul li em{display: block; height:40px; line-height:40px; font-size:16px; text-align: center; color:#333;  position: relative; z-index:1;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-style: normal;}
.pro-list .pro-ul ul li em:before{width:0;height:40px;background:#000; color:#fff; content:""; position: absolute;left:0;top:0; transition: .5s;z-index:-1;}
.pro-list .pro-ul ul li:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1); color:#fff;
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.pro-list .pro-ul ul li:hover em:before{width:100%; color:#fff;}
.pro-jt i{display: block; width:24px; height:43px;cursor: pointer;}
/*.pro-jt i.pro-prev{background:url(../images/pro-prev.png) no-repeat center; position: absolute; left:-2.7%;top:37%;}
.pro-jt i.pro-next{background:url(../images/pro-next.png) no-repeat center; position: absolute; right:-2.7%;top:37%;}*/

.pro-list .pro-ul ul li em:hover { color:#fff;}
.pro-list .pro-ul ul li:hover em{ color:#fff;}
@media (max-width: 1800px) {
.w90{width:90%; margin:auto; position: relative;}
.pro-list .pro-ul ul li{float:left;width:23.7%; margin:10.5px;}
.pro-list .pro-ul ul li em{display: block; height:40px; line-height:40px; text-align: center; font-size:16px; color:#333;  position: relative; z-index:1;}
.pro-list .pro-ul ul li em:before{width:0;height:40px;background:#000; color:#fff; content:""; position: absolute;left:0;top:0; transition: .5s;z-index:-1;}
.video{ padding:0 3%;}
}
@media (max-width: 1600px) {
.w90{width:90%; margin:auto; position: relative;}
 .pro-list .pro-ul ul li{float:left;width:23.7%; margin:10px;}
 .pro-list .pro-ul ul li em{display: block; height:40px; line-height:40px; text-align: center; font-size:15px; color:#333;  position: relative; z-index:1;}
.pro-list .pro-ul ul li em:before{width:0;height:40px;background:#000; color:#fff; content:""; position: absolute;left:0;top:0; transition: .5s;z-index:-1;}
.video{ padding:0 2%;}

}
@media (max-width: 1440px) {.pro-list .pro-ul ul li{float:left;width:23.7%; margin:9px;}
.product-range {/*padding: 100px 0 70px 0;*/}
.w90{width:90%; margin:auto; position: relative;}
 .pro-list .pro-ul ul li em{display: block; height:40px; line-height:40px; text-align: center; font-size:15px; color:#333;  position: relative; z-index:1;}
.pro-list .pro-ul ul li em:before{width:0;height:40px;background:#000; color:#fff; content:""; position: absolute;left:0;top:0; transition: .5s;z-index:-1;}
.video{ padding:0 1.6%;}
}
@media (max-width: 1366px) {.pro-list .pro-ul ul li{float:left;width:50%;}
.w90{width:90%; margin:auto; position: relative;}
 .pro-list .pro-ul ul li em{display: block; height:48px; line-height:48px; text-align: center; font-size:14px; color:#333;  position: relative; z-index:1;}
.pro-list .pro-ul ul li em:before{width:0;height:48px;background:#000; color:#fff; content:""; position: absolute;left:0;top:0; transition: .5s;z-index:-1;}

}


/*产品*/
.screen-2 .title-style h2{ text-align:left;}
.title-style h2{text-transform: uppercase; font-size:30px; line-height:46px; margin: 8px 0 20px 0; color: #1a1a1a; font-family: 'GothamBold'}
.product-range {/*padding:120px 0;*/ overflow: hidden;}
.product-range .title-style{text-align: center;}
.product-range .title-style h2{}
.product-range .title-style .line {margin: 20px auto auto;}
.product-range-list {width:90%;position: relative;padding:0 5%; margin:auto;}
.product-range-list .item-2{background: #fff;position: relative;overflow: hidden;}
.product-range-list .item-2 .text{position: absolute;left:5%;top: 0;width:50%;height: 100%;z-index: 31;color: #000;}
.product-range-list .item-2 .text h3{font-size:1.24vw;color: #1a1a1a;margin: 0; margin-top:12.5%; position: relative;padding-bottom:17px;margin-bottom:13px; font-family: 'GothamBold' word-break:break-all;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.product-range-list .item-2 .text h3::before,.product-range-list .item-2 .text h3::after {content: '';display: block;width: 100%;height: 2px;background: #ccc;position: absolute;left: 0;bottom: 0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.product-range-list .item-2 .text h3::before {width: 100px;background: #000;z-index: 3;}
.product-range-list .item-2 .text h5{font-size: 14px;line-height: 24px; color: #999999;font-weight:normal;margin: 0;}
.product-range-list .item-2 .text h6{display: inline-block;clear: both; font-size: 14px;color: #999999;font-weight:normal;margin:9% 0 0 0;padding-right: 25px;background: url("../images/right1.png") right center no-repeat;}
.product-range-list .item-2 .img{position: relative; width:100%;}
.product-range-list .item-2 .img img{display: block;width: 100%;height: auto;}
.product-range-list .item-2 .img .img-center{position: absolute; right:0; top: 0;bottom: 0;right: 0;z-index: 3;margin: auto;width: auto;height: auto;}
.product-range-list .item-2 a {display: block;overflow: hidden;}
.product-range-list .item-2 a:hover h3::before {width: 100%;}
.product-range-list .pr-next,.product-range-list .pr-prev { background-color:none;opacity: .2;}
.product-range-list .pr-next:hover,.product-range-list .pr-prev:hover { opacity: 1;}
.product-range-list .pr-next {background: url("../images/right2.png") center no-repeat;}
.product-range-list .pr-prev {background: url("../images/left2.png") center no-repeat;}


/*项目*/
.section{ }
.evcharger-data{background: url("../images/1-01.jpg") no-repeat;background-size: 100% 100%;padding: 70px 0;overflow: hidden;}
.evcharger-data .item{text-align: center;}
.evcharger-data .item li{display: inline-block;vertical-align: middle;color: #fff;position: relative;}
.evcharger-data .item li::after {content: '';display: block;width: 1px;height: 100%;background: #fff;position: absolute;right: 0;top: 0;opacity: .1;}
.evcharger-data .item li:last-child::after {display: none;}
.evcharger-data .item li h2{margin: 0;}
.evcharger-data .item li h2 strong{font-size: 50px;}
.evcharger-data .item li h2 span{font-size:30px;}
.evcharger-data .item li h5{font-size: 16px;opacity: .6;margin: 0;font-weight: normal;}
.evcharger-data .item.item4 li{width: 20%;}

.evcharger-our-project {padding:0 0  0px 0;overflow: hidden;}
.evcharger-our-project .top {margin: auto;overflow: hidden;}
.evcharger-our-project .top .left{width: 45%;}
.evcharger-our-project .top .right{width: 55%;}
.evcharger-our-project .top .right .text{font-size: 16px;color: #666666;line-height:34px;padding-top:10px; text-transform: capitalize;}
.evcharger-our-project .top .right .text li en{ font-size:34px; line-height:30px; color:#000; font-weight:bold; padding:0 10px 0 20px; display:block; float:left;}
.our-project-swiper-3 {margin-top: 60px;overflow: hidden;}
.our-project-swiper-3 .project-3 {position: relative;overflow: hidden;}
.our-project-swiper-3 .text{position: absolute;width:100%;padding:4% 0 4% 4%;overflow: hidden;bottom: 0;z-index: 4;color: #fff;}
.our-project-swiper-3 .text h4{font-size:1.5vw;margin: 10px 0; font-family: 'GothamBold' text-transform: capitalize;}
.our-project-swiper-3 .text h6{font-weight: normal;font-size:15px; letter-spacing:1px; line-height: 20px;opacity: .6;margin: 0;}
.our-project-swiper-3 .img{}
.our-project-swiper-3 .img img{display: block;width: 100%;height: auto;position: relative;z-index: 3;}
.our-project-swiper-3 .img .img-center{position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin: auto;width: auto;height: auto;z-index: 1;}
.our-project-swiper-3 .swiper-button-next,.our-project-swiper-3 .swiper-button-prev {width: 60px;height: 60px;margin-top: -30px; border-radius: 100%; background-color:rgba(0,0,0,.5);}
.our-project-swiper-3 .swiper-button-next {right: 50%;left: auto;margin-right: -460px; background-image: url("../images/right21.png");background-size: auto;}
.our-project-swiper-3 .swiper-button-prev {left: 50%;margin-left: -460px;background-image: url("../images/left1.png");background-size: auto;}
.our-project-swiper-3 .swiper-button-next:hover,.our-project-swiper-3 .swiper-button-prev:hover {background-color:#e32119;}
.our-project-swiper-3 .project-3 a {display: block;}
.our-project-swiper-3 .project-3 a:hover .img .img-center{transform: scale(1.1);}
.section .title-style {overflow: hidden; text-align:center; margin-top:90px; margin-bottom:57px;}

.about-ours .title-style{margin-bottom: 40px;}

.title-style h3 {text-transform: uppercase;font-size: 36px;margin:5px 0 0 0;color: #e32119;}
.title-style h1 {text-transform: uppercase;font-size: 60px;line-height: 60px; margin:8px 0 20px 0;color: #1a1a1a;}
.title-style h2 {text-transform: uppercase;font-size: 50px;line-height: 60px; margin:8px 0 20px 0;color: #1a1a1a; font-family: 'GothamBold'}
.title-style h5 {font-size: 20px;margin:0;color: #666;line-height: 30px;}
.title-style h4 {text-transform: uppercase;font-size: 20px;margin:18px 0 0 0;color: #e32119;}
.title-style .line {width: 80px;height: 4px;background: #e32119;/* margin: 20px auto;*/}
.title-style en{ margin-top:30px; font-size:16px;}


/*内页证书*/
.cx-photos-wrap{padding:100px 0 0 0;clear:both;overflow:hidden;  text-transform: capitalize;}
.cx-photos-list{margin:-15px;overflow:hidden;}
.cx-photos-list .item{float:left;margin: 15px 1%;width: calc(15% - 10px);border-radius:5px;/*box-shadow:0 0 10px rgba(0,0,0,0.1); border: #f0f0f0 solid 1px;*/}
.cx-photos-list .pic{overflow:hidden; border: 1px solid #efefef;}
.cx-photos-list .pic img{display:block;width:96%; padding:2%; transition:all 1s;}
.cx-videos-list .pic a{display:block;position:relative;}
.cx-videos-list .pic a:after{display:block;position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;content:"";background:rgba(0,0,0,0.5);transition:all 0.5s;}
.cx-videos-list .pic a:before{display:block;position:absolute;z-index:3;left:50%;top:50%;font-size:36px;color:#fff;font-family:'iconfont' !important;content:"\e618";transform:translate(-50%,-50%);transition:all 0.5s;}
.cx-photos-list .text{width:100%;text-align:center;overflow:hidden;line-height:60px;}
.cx-photos-list .text h3{font-size:17px;color:#333;overflow:hidden; font-weight:normal; text-overflow:ellipsis;white-space:nowrap;}
.cx-photos-list .text h3 a{color:#333;}
.cx-photos-list .text p{height:24px;display: none;line-height:24px;font-size:16px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cx-photos-list .item:hover .pic img{transform:scale(1.1);}
.cx-photos-list .item:hover .text h3 a{color:#e91e2e;}
.cx-videos-list .item:hover .pic a:after{background-color:rgba(0,0,0,0.2);}
.cx-photos-list.hzhb{margin:-10px;}
.cx-photos-list.hzhb .item{margin:10px 10px;width:calc(16.66% - 20px);}
@media(max-width:1200px){.cx-photos-wrap{padding:40px 10px;} .cx-photos-list{margin:-10px;} .cx-photos-list .item{margin:10px;width:calc(50% - 20px);}}
@media(max-width:750px){.cx-photos-list{margin:0;} .cx-photos-list .item{margin: 0 1% 2% !important;width: 48% !important;} .cx-photos-list .text h3{font-size:14px;}}
.h40{height:40px; overflow:hidden;}


/* 内页标语 */
.nyby{height: 290px; display: flex; align-items: center; }
.nyby_txt{width: 100%; text-align: center; margin-bottom:70px;}
.nyby_txth{font-size:50px; color:#1a1a1a; text-transform: uppercase; text-transform: uppercase; font-family: 'GothamBold'}
.nyby_txtp{font-size: 30px; color: #333333;}
.nyby_txt .line {width: 80px;height: 4px;background: #000; margin:15px auto 0;}	

/*解决方案*/
.wp {width:90%; margin:auto;}

@media screen and (min-width:1000px) and (max-width:1219px) {.wp {width:96%;margin:40px auto;}}
@media screen and (max-width:999px) {.wp {width: 95%;margin:40px auto;}}

.wp ul li:nth-child(1){ margin-left:0 !important;}
.wp ul li:nth-child(4){ margin-left:0 !important; }
.wp ul li:nth-child(5){}
.wp ul li:nth-child(6){}
@media screen and (min-width:1220px) {.no_margin{margin-left: auto!important;}}
@media screen and (min-width:1000px) and (max-width:1219px) {.no_margin{margin-left: auto!important;}}

.syp{ padding-bottom: 5px;position: relative;}
.sypbt1{display: block;font-size:24px;font-size:2.4rem;line-height: 26px;text-align: center;}
.sypbt2{display: block;font-size: 40px;font-size: 4rem;font-weight: bold;text-align: center;margin-top: 8px;margin-bottom: 12px;}
.sypbt3{display: block;text-align: center;font-size:18px;font-size:1.8rem;color: #888888;line-height: 26px;margin-bottom: 73px;}
.phang{padding-top: 52px;margin-bottom: 80px;}
.phang1{background: url(../images/sybg1.jpg) no-repeat center top;}
.phang2{background: url(../images/sybg2.jpg) no-repeat center top;}
.sypbox{text-align: center;background: #fff;transition: 0.5s;box-shadow: none;padding-bottom:24%;position: relative;z-index: 999;}
.wp ul li{margin-left:40px; float: left; width:31.2%; margin-bottom:6%;}
/*.syptu{display: block;}
.syptu img{display: block;width: 100%; transition: 0.5s; overflow:hidden;}
.sypxia{padding: 0 25px;padding-top:34px;padding-bottom:20px;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);width:88.2%;position: absolute;bottom: 0;height:200px;left:6%;background:#fff;}
.sypxia a{display: block;}
.sypp1{font-size:1.5vw;line-height:24px; color:#000; overflow: hidden; text-align:left;  text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.sypp2{font-size:16px; color:#777; overflow: hidden; margin:12px auto; line-height:24px; text-align:left; }
.sypp3{width: 135px;height: 36px;line-height: 36px;text-align: center;border-radius: 18px;margin: 0 auto;border: 1px solid #888;color: #444;}*/

.syptu img{display: block;width: 100%; transition: 0.5s; overflow:hidden;}
.sypxia{padding: 0 25px;padding-top:30px;padding-bottom:20px;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);width:88.2%;position: absolute;bottom: 0;height:210px;left:6%;background:#fff;}
.sypxia a{display: block;}
.sypp1{font-size:22px;line-height: 27px; font-family:Arial; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color:#333;}
.sypp2{font-size:16px; color:#777; line-height:25px;  overflow: hidden; margin:12px auto 24px; width:100%; font-weight: lighter;}
.sypp3{width: 135px;height: 36px;line-height: 36px;text-align: center;border-radius: 18px;margin: 0 auto;border: 1px solid #888;color: #444;}

.sypp1:hover{color: #000;}
/*.sypp2:hover{color: #000;}*/
.sypp3:hover{color: #fff;background: #000;border: 1px solid #000; }
.sypbox:hover .sypcon{box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);}
.sypbox:hover .syptu img{transform: scale(1.1);}
.sypcon{position: relative; overflow:hidden;}
.sypbox:hover .sypxia{top:12%; display: inline-block; opacity: .9;}
.sypbox:hover .sypp1{ color:#000; padding-top:8px;}
.sypxia :hover{top:24%; display: inline-block; opacity: .9;}
.sypcover{position: absolute;left: 0;top: -100%;width: 100%;height: 100%;background: url(../images/sypcover.png);}
.sypbox:hover .sypcover{top: 0;}
#canvas{position: absolute; top: 0; left: 0; width: 100%;height: 100%;}
@media screen and (max-width:1219px) {
    .sypbox{margin-left: 30px;/*width: 306px;*/}
}
@media screen and (max-width:999px) {
    .syp{padding-top: 40px;}
    .sypbt1{font-size:20px;}
    .sypbt2{font-size: 30px;}
    .sypbt3{margin-bottom: 40px;}
    .sypbox{width: 31.3333%;margin: 0 1%;}
    .sypxia{padding-left: 15px;padding-right: 15px;}
    .sypp1{font-size:16px;}
    .sypp2{font-size:14px;}
    .sypcover{display: none;}
}
@media screen and (max-width:767px) {
    .phang{margin-bottom: 45px;}
    .sypbt2{font-size:24px;}
    .sypbt3{font-size:16px;}
    .sypp3{width: 114px;}
}
@media screen and (max-width:500px) {
    .sypbox{width: 48%;margin-bottom: 20px;}
    .phang{margin-bottom: 25px;padding-top: 25px;}
    .sypbt3{margin-bottom: 25px;}
    .sypp3{width: 100px;}
}


.col12 span{ font-size:16px; color:#666; padding-top:4px; text-transform: capitalize; }

/*内页*/
.banner{position:relative;height:500px;overflow:hidden;background-repeat:no-repeat;background-position:center;}
.banner:after{display:block;position:absolute;z-index:1;left:0;width:100%;height:1px;content:"";background:rgba(255,255,255,.3);}
.banner .inner{position:absolute;top:30%;left:50%;padding-top:6.25rem;transform:translate(-50%,-50%); }
.banner .text{padding-top:0.625rem;overflow:hidden;animation:fadeInRight 1s;}
.banner .text em{display:block;font-size:0.9vw;color:#fff; padding-top:28px;}
.banner .text h2{position:relative;padding:1rem 0;height:66px;font-weight:normal;font-size:30px; color:#ef001e;overflow:hidden; font-weight:bold; letter-spacing:0.9px; text-transform: capitalize;}
.banner .text h2:after{display:block;position:absolute;left:0;bottom:0;width:3.6rem;height:2px;content:"";background:#fff;}
.banner .crumbs{margin-top:6.25rem;padding-left:1.5rem;overflow:hidden;background:url(../images/Inpage/crumbs_home.png) no-repeat 0 center;}
.banner .crumbs li{float:left;margin-right:0.75rem;font-size:0.875rem;}
.banner .crumbs li a{padding-right:1rem;color:#999;background:url(../images/Inpage/crumbs_list.png) no-repeat right center;}
.banner .crumbs li a:hover{text-decoration:underline;}
.banner .crumbs li:last-child a{padding-right:0;background-image:none;}
.w1400{ width:1400px; margin:auto;}


.detail{width: 92.2%; margin:auto; padding-bottom:56px; }
.detail .soptit{padding:53px 0 10px 0; font-family: 'GothamBold'}
.detail p{ padding-top:40px; font-size:20px; font-weight:lighter; line-height:36px; text-align:left;}
.detail dd span{ color:#062550; font-weight:normal; font-size:20px;}
.detail dd{ padding-top:60px;}
.detail dd p{ padding-top:24px;}
.detail p em{ font-size:37px; color:#1a1a1a; padding-right:8px; position: absolute;}


.cade{width: 92.2%; margin:auto; padding-bottom:56px; text-align:center; padding-top:40px;}
.cade p{font-size:18px; font-weight:lighter; line-height:34px; text-align:left; padding-top:20px;}
.cade img{ padding:40px 0;}



/*产品方案*/
.sopro{ background:#F0F0F0 !important; padding-bottom:2.8%;}
.soptit{font-size:42px; line-height: 50px; color: #1a1a1a; padding:70px 0 46px 0; text-align:center; font-family: 'GothamBold'}
.pro_call{width: 92.8%; margin: auto; overflow: hidden;}
.pro-case-list li{ float: left; width:23.7%; margin:0 0.8% 2.4% 0.5%;/*box-shadow: 0 0 15px 0px rgba(0,0,0,0.09);*/}
.pro-case-list li:nth-child(4n+1){ clear: both;}
.pro-case-list .item{ display: block;}
.pro-case-list .item .img{ position: relative; overflow: hidden; display: block; }
.pro-case-list .item .img-vertical i{ padding-bottom:57%; }
.pro-case-list .item .pop{ position: absolute; bottom:0; left:0; width: 100%; height:0;  text-align: center; overflow: hidden;}
.pro-case-list .item .pop .con{ display: inline-block; vertical-align: middle; padding:15.6% 20px;}
.pro-case-list .item .pop i{ display: inline-block; vertical-align: middle; height: 100%;}
.pro-case-list .item .pop p{ margin:0 auto 20px;  max-width: 340px; color: #ffffff; font-size:15px; line-height: 28px; max-height:84px; overflow: hidden;}
.pro-case-list .item .pop span{ display: inline-block; width:48px; height:48px; }
.pro-case-list .item .text{ padding: 0 0 0 0;}
.pro-case-list .item .tit{ position: relative;}
.pro-case-list .item .tit span{ display: block; color:#666; font-size:18px; width:100%; line-height:60px; padding:0 0 0 40px; font-weight:lighter; margin-top:2px;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.pro-case-list .item .tit i{position: absolute; top:0; left:0; line-height:26px;  background: url(../images/ico_heart.png) no-repeat left; padding-left:20px; top: 15px; float: right; color:#1a1a1a; font-weight:lighter;
font-size:26px; font-style: normal; cursor: pointer;}
.pro-case-list .item .des{ margin-top: 8px; /*font-size: 12px;*/ color:#fff;}
.pro-case-list .item .des span{ margin: 0 11px;}
.pro-case-list .item:hover .img img{ transform: scale(1.05); -webkit-transform: scale(1.05); -webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
.pro-case-list .item:hover .pop{ height: 100%;}
.pro-case-list .item:hover .tit span{ color:#fff; background:#ef001e;}
.pro-case-list .item:hover .tit i{ color:#fff; font-weight:lighter;}
.pro-case-list .item .tit{position: relative; background:#efefef;}

.pro-case-list .item:hover .tit:after{ content:"";position:absolute;left:0;bottom:-1px;width:100%;height:1px; background:#ff0008; transition:transform .5s;transform: scale(0,1);transform-origin:right;}

.pro-case-list .item .text:after{transform: scale(1);transform-origin:left; height:1px; background:#ff0008; transition:transform .5s;transform: scale(0,1);transform-origin:right;}


.detail{width: 92.2%; margin:auto; padding-bottom:56px; }
.detail .soptit{padding:53px 0 10px 0; font-family: 'GothamBold' text-transform: capitalize;}
.detail p{ padding-top:20px; font-size:18px; font-weight:lighter; line-height:30px; text-align:left;}
.detail span{ color:#000; font-weight:normal; font-size:26px; font-weight: bold; display:block; padding-top:30px;}
.detail dd{ padding-top:60px;}
.detail dd p{ padding-top:24px;}
.detail p em{ font-size:37px; color:#1a1a1a; padding-right:8px; position: absolute;}


.cade{width: 92.2%; margin:auto; padding-bottom:56px; text-align:center; padding-top:40px;}
.cade p{font-size:18px; font-weight:lighter; line-height:34px; text-align:left; padding-top:20px;}
.cade img{ padding:40px 0;}


.endit-content #map img,.endit-content #dituContent img,.endit-content #platform img{max-width: inherit;}
.endit-content em,.endit-content i{font-style: italic;}
.endit-content .img-p{text-indent: 0px; padding-top: 14px; margin: 0px; text-align: center;}
.endit-content .img-container{}
.endit-content .img-block {text-indent: 0px;padding-top: 14px;margin: 0px;text-align: center;}

.img-block{ text-align: center; padding:20px 0 12px 0;}



/*场景滚动*/
.pr{position: relative;}
.pa{position: absolute;}
.prod_list{padding:5% 5% 0 5%; }
.prod_list h3{height:4.7rem;line-height: 4.7rem;margin-bottom: 0.8rem;font-size: 24px;}
.prod_list h3 a{display: block;color: #000;}
.prod_list h3 .pro_more{float: right;width: 185px;line-height: 49px;border: solid 2px #c70303;margin-top: 1.4rem;text-align: center;font-size: 16px;border-radius: 25px;}
.prod_list h3 .pro_more span{display: inline-block;background:url(../images/ico01.png) no-repeat right center;padding-right: 40px;}
.prev1,.next1{width:36px;height:36px;display: block;cursor: pointer;top:198px;right:-56px; z-index: 9;overflow: hidden;}
.prev1{left:-56px;}
.prev1 img,.next1 img{display: block;}

.prod_lc{overflow: hidden;text-align: center;}
.prod_lc li{width:48%;float: left;margin:0 20px 30px 4px; position: relative; border: 0.0625rem solid #f2f2f2; box-shadow: 0 0.1875rem 0.75rem -0.25rem rgb(0 0 0 / 12%); transition: box-shadow .3s ease;}
.prod_lc li p{width:100%;border: solid 1px #d7d7d7;overflow: hidden;}
.prod_lc li p img{width: 100%;display: block;overflow: hidden;}
.prod_lc li span{display: block;color: #333;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;line-height:50px; font-size:12px;}
/*.prod_lc li:hover p{border-color: #c70303;}*/
.prod_lc li:hover{ box-shadow: 0 0.9375rem 0.9375rem -0.5625rem rgb(0 0 0 / 30%);}
.prod_lc li:hover span{color:#000; font-weight: bold;}


 
.prod_lc li p img,.news_l01 p img,.case_c li p img, .super_c dt img, .about_p img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.prod_lc li:hover p img,.news_l01 p:hover img,.case_c li:hover p img, .super_c dl:hover dt img, .about_p:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.prod_lc li p{ margin-bottom:0px;}

@-webkit-keyframes swing{
    20%,40%,60%,80%,100%{-webkit-transform-origin:top center}
    20%{-webkit-transform:rotate(15deg)}
    40%{-webkit-transform:rotate(-10deg)}
    60%{-webkit-transform:rotate(5deg)}
    80%{-webkit-transform:rotate(-5deg)}
    100%{-webkit-transform:rotate(0deg)}
}
@-moz-keyframes swing{
    20%,40%,60%,80%,100%{-moz-transform-origin:top center}
    20%{-moz-transform:rotate(15deg)}
    40%{-moz-transform:rotate(-10deg)}
    60%{-moz-transform:rotate(5deg)}
    80%{-moz-transform:rotate(-5deg)}
    100%{-moz-transform:rotate(0deg)}
}

@-webkit-keyframes spinAround {
	from {
		-webkit-transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@keyframes spinAround {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(360deg);
	}
}


.prev1{left:20px;}
.next1{right:20px;}
.prev1, .next1{transform: scale(0);transition: 0.3s ease all;}
.prod_list:hover .prev1,.prod_list:hover .next1{transform: scale(1);}


@media (min-width: 1210px){.container{width: 96%;}}
@media (min-width:1366px){ .container{width: 96%;}}
@media (min-width:1440px){.cont87{width: 94%;} .container{width: 94%;}}
@media (min-width: 1580px){.cont87{width: 92%;} .container{width: 92%;}}
@media (min-width: 1600px){.cont87{width:92%;} .container{width: 92%;}}
@media (min-width: 1680px){.cont87{width:92%;} .container{width: 90%;}}