@charset "UTF-8";

/* 顶部 */
.top {height: 90px;width: 100%;}
.fixednav {position: fixed;background-color: #ffffff;z-index: 99;box-shadow: 0px 0px 15px #666666;}
.toppart {width: 1500px;height: 100%;margin: 0 auto;}
.logo {line-height: 90px;width: 25%;}
.logo a {display: block;}
.logo a img {height: 50px;}
.nav {width: 70%;height: 100%;}
.nav ul li {float: left;text-align: center;position: relative;height: 90px;}
.nav ul li a {display: block;color: #000000;font-size: 16px;padding: 22px 18px 0px;}
.nav ul li a p {padding-top: 5px;font-size: 13px;text-transform: uppercase;color: #999999;}
.nav ul li a:hover,.nav ul li.nav_active a {color: #e0332c;}
.nav ul li a:hover p,.nav ul li.nav_active a p {color: #e0332c;}
.navxl {width: 175px;background-color: rgba(0, 0, 0, .5);padding-bottom: 10px;margin-top: 21px;display: none;z-index: 99;position: absolute;top: 68px;left: -28px;}
.navxl .naver {color: #ffffff !important;font-size: 13px;padding: 10px 16px 0px;display: block;line-height: 30px;}
.navxl .naver:hover {color: #ff9c99 !important;}
/* .nav ul li:hover .navxl{display: block;} */
.waptop {width: 100%;height: 80px;}
.waplogo {width: 70%;height: 100%;line-height: 80px;padding-left: 5%;}
.waplogo a img {height: 50px;}
.wapnavico {width: 30%;height: 100%;line-height: 80px;text-align: right;padding-right: 5%;}
.wapnavico span {font-size: 50px;font-weight: bold;}
.wapnavbg {position: fixed;top: 0px;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.4);display: none;z-index: 199;}
.wapnav {position: fixed;top: 0px;right: -100%;width:55%;height: 100%;background-color: #e0332c;transition: right .5s;z-index: 999;}
.wapnavshow {right: 0px;}
.wapnavoff {text-align: right;padding: 5%;}
.wapnavoff span {font-size: 20px;color: #ffffff;}
/* .wapnav ul {overflow-y: scroll;position: absolute;top: 40px;width: 100%;} */
.wapnav ul li {border-bottom: 1px solid #ffffff;height: auto;}
.wapnav ul li a {display: block;padding-left: 15px;line-height: 60px;color: #ffffff;font-size: 16px;width: 85%;float: left;}
.wapnav ul li .wapnavxl {display: block;float: right;width: 15%;text-align: right;padding-right: 10px;line-height: 60px;}
.wapnav ul li .wapnavxl span {font-size: 24px;color: #ffffff;}
.wapnav ul li a span {text-transform: uppercase;font-size: 14px;color: #cccccc;padding-left: 5px;}
.wapernav {display: none;padding-bottom: 20px;height: auto;float: left;width: 100%;}
.wapernav .wapername {font-size: 13px;padding-left:30px;border-bottom: 0px;line-height: 40px;width: 100%;}
.wapsearch {width: 90%;height: auto;margin: 40px auto;}
.wapsearch input {border: 1px solid #ffffff;padding-left: 10px;height: 40px;width: 75%;color: #ffffff;}
.wapsearch input::-webkit-input-placeholder {color: #ffffff;}
.wapsearch button {border: 0px;background-color: #e0332c;color: #ffffff;}
.wapsearch button span {font-size: 20px;color: #ffffff;}
/* 幻灯片 */
.banner {width: 100%; height: 800px;}
/* .banner-swiper {z-index: -1;} */
.banner-slide a {display: block;width: 100%;height: 100%;}
.neibanner {height: 550px;}
/* 产品中心 */
.pro {width: 100%;height: auto;background-color: #ffffff;padding: 50px 0px;}
.index_sort {width: 100%;height: auto;text-align: center;}
.index_sort h2 {font-size: 24px;padding-bottom: 10px;letter-spacing: 2px;}
.index_sort p {color: #999999;font-size: 16px;}
.indexpro {width: 100%;height: auto;margin-top: 50px;position: relative;}
.indexpro a {display: block;}
.indexpro a img {width: 100%;height: auto;}
.indexpro_info {width: 90%;height:60px;background-color: #ffffff;padding: 20px 10px;position: absolute;bottom: -30px;left:5%;transition: all .5s;}
.indexpro_info h2 {font-size: 18px;padding-bottom: 15px;}
.indexpro_info p {color: #000000;}
.indexpro:hover .indexpro_info {box-shadow: 0px 0px 5px #999999;}
.indexpro:hover .indexpro_info h2 {color: #e0332c;letter-spacing: 2px;}
.indexpro:hover a img {transform: scale(1.05);box-shadow: 0px 0px 15px #999999;}
/* 智能产业链 */
.index_sulotion {height:300px;}
.index_sulotion .indexpro_info p {font-size: 14px;text-align: left;}
.solution-swiper .solution-pagination {bottom: 0px;}
/* 新闻媒体 */
.news {width: 100%;height: auto;background-color: #fbfbfb;padding: 50px 0px 0px;}
.indexnews {width: 100%;height:500px;}
.news-slide a {display: block;text-align: left;margin-top: 60px;}
.news-slide a img {max-width: 100%;}
.indexnews_date {font-size: 26px;font-weight: bold;padding: 15px 0px 10px 15px;}
.indexnews_title {font-size: 18px;padding-bottom: 10px;color: #000000;padding-left: 15px;}
.indexnews_desc {font-size: 14px;color: #888888;padding:0px 15px;}
.news-slide a button {border: 1px solid #000000;color: #000000;padding: 5px 15px;font-size: 15px;background-color: #ffffff;margin-top: 20px;margin-left: 15px;}
.news-slide a:hover img {box-shadow: 0px 0px 10px #666666;}
.news-slide a:hover .indexnews_date,.news-slide a:hover .indexnews_title {color: #e0332c;}
.news-slide a:hover button {background-color: #e0332c;color: #ffffff;letter-spacing: 1px;border-color: #e0332c;}
.news-pagination {top:20px;z-index: 1;height: 70px;}
.indexnews .swiper-container{--swiper-theme-color: #e52029;--swiper-pagination-color: #e52029;/* 两种都可以 */}
/* 底部 */
.foot {width: 100%;height: auto;padding: 50px 0px;background-color: #f6f6f6;}
.footpart {width: 100%;height: auto;}
.footpart dl {float: left;margin-left: 56px;}
.footpart dl dt .footnav  {padding-bottom: 15px;font-size: 16px;color: #5d5d5d;display: block;}
.footpart dl dt .footnav img {max-width: 130px;}
.footpart dl dd,.footpart dl dd a {color: #7b7b7b;line-height: 26px;transition: all .5s;}
.footpart dl dd a:hover {color: #e0332c;}
.footpart dl:first-child {margin-left: 0px;}
.footpart dl dt.footnav img {width: 100px;}
.footpart dl dd .icon-weixin6 {font-size: 40px;display: block;margin-top: 20px;}
.copyright {width: 100%;height: 70px;background-color: #ffffff;}
.footcopy,.footsup {width: 100%;line-height: 70px;height: 100%;}
.footcopy p a,.footsup p a {color: #333333;}
.footsup {text-align: right;}
.wapfoot {width: 100%;height: auto;background-color: #f6f6f6;padding: 50px 0px 30px;}
.wapfootnav {width: 100%;height: auto;}
.wapfootnav ul li {float: left;text-align: center;width: 25%;margin-bottom: 20px;}
.wapfootnav ul li a {display: block;font-size: 16px;color: #333333;}
.wapfootlogo {width: 100%;height: auto;text-align: center;}
.wapfootlogo img {max-width: 100%;}
.wap_weixin {font-size: 30px;}
.wapcopy {width: 100%;height: 60px;}
.wapcopy p {line-height: 60px;text-align: center;}
#tong {margin-top: 15px;width: 100px;}




/* 分辨率样式 */
@media (max-width:1700px) {
    .banner {height: 700px;}
}
@media (max-width:1500px) {
    .toppart {width: 1200px;}
    .nav {width: 70%;}
    .nav ul li a {padding: 22px 12px 0px;font-size: 14px;}
    .nav ul li a p {font-size: 13px;}
    .banner {height: 600px;}
}
@media (max-width:1200px) {
    .logo {width: 25%;}
    .nav {width: 75%;}
    .toppart {width: 95%;}
    .nav ul li a {padding: 22px 11px 0px;}
    .banner {height: 550px;}
    .footpart dl {margin-left: 37px;}
    .footpart dl dd, .footpart dl dd a {font-size: 12px;}
    .indexpro_info h2 {font-size: 16px;}
    .solution-swiper .solution-pagination{bottom: 10px;}
}
@media (max-width:1080px) {
    .logo {width: 25%;}
    .nav {width: 74%;}
    .nav ul li a {font-size: 14px;}
    .banner,.neibanner {height: 450px;}
}
@media (max-width:1000px) {
    .indexpro_info {position:static;width: 100%;height: auto;}
    .index_sulotion {height: 350px;}
    .indexpro:hover a img {transform: scale(1);box-shadow: 0px 0px 15px #999999;}
}
@media (max-width:990px) {
    .solution-swiper .solution-pagination {bottom: 0px;}
    .ipad_index_sulotion {height: 400px;}
    .ipad-solution-swiper {height: 430px;}
    .ipad-solution-swiper .ipad-solution-pagination {bottom: 0px;}
}
@media (max-width:900px) {
    .banner,.neibanner {height: 400px;}
}
@media (max-width:768px) {
    .banner,.neibanner {height: 350px;}
    .indexpro_info {box-shadow: 0px 0px 4px #cccccc;}
}
@media (max-width:767px) {
    /* .pro {height: 2500px;} */
    .wap_index_sulotion {height: 450px;}
}
@media (max-width:590px) {
    .wapnav {width: 70%;}
    .wapnavico span {font-size: 40px;}
    .wapnav ul li a {font-size: 14px;padding-left: 10px;line-height: 50px;}
    .wapnav ul li a span  {font-size: 12px;}
    .wapnav ul li .wapnavxl {line-height: 50px;}
    .wapnav ul li .wapnavxl span {font-size: 20px;}
    .banner,.neibanner {height: 200px;}
    .pro {height: 600px;}
    .wapfootnav ul li a {font-size: 13px;}
    .wapfootlogo img {width: 80%;display: block;margin: 20px auto;}
    .wapfootlogo img.ewmfoot {max-width: 100%;width: auto;}
    .copyright {height: auto;}
    .footcopy p, .footsup p{height: 30px;}
    .waplogo a img {height: auto;width: 80%;}
    .news-slide a img {width: 100%;}
}
@media (max-width:390px) {
    .banner,.neibanner {height: 180px;}
}
@media (max-width:320px) {
    .wapnav ul li a {font-size: 13px;}
    .wapnavico span {font-size: 30px;}
    .wapnav ul li a span  {font-size: 12px;}
    .banner,.neibanner {height: 150px;}
    .pro {height: 1580px;}
    .wapcopy p,.wapfootnav ul li a {font-size: 12px;}
}<!--0.00016593933105469-->