@charset "utf-8";
*{margin:0;padding:0}
html {
    font-size: 5.2083333333333vw;
}
@media (max-width:1199px) {
    html {
        font-size: 6.6vw !important;
    }
}
@media (max-width:767px) {
    html {
        font-size: 13.3vw !important;
    }
}
body{width:100%;min-width:320px;min-height:100vh;margin:0 auto;font-family:Source Han Sans CN,sans-serif; background:#fff;overflow-x:hidden;text-align:left;position:relative;font-size:16px;color:#000}
img{border:none}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;outline:none;}
input,select,textarea{font-family:Source Han Sans CN,sans-serif; font-size:16px;outline:0;margin:0;padding:0}
input[type=button],input[type=date],input[type=number],input[type=reset],input[type=search],input[type=submit],input[type=text],input[type=time]{-webkit-appearance:none}
select{-webkit-appearance:none}
textarea{-webkit-appearance:none}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0}
ol,ul{padding:0;list-style-type:none}
em{font-style:normal}
input.sub,label{border:none;cursor:pointer}
input,textarea{font-family:Source Han Sans CN,sans-serif; outline:0;margin:0;padding:0}
table{border-collapse:collapse}
td,th{padding:0}
*{box-sizing:border-box}
.clear { clear:both;}
i{ font-style:normal;}
.wrap{ max-width: 19.2rem; margin-left: auto; margin-right: auto; padding-left: 1.6rem; padding-right: 1.6rem;position:relative;max-width:100%;margin:0 auto}
/*自定义*/
/*header*/
.header {height:1.2rem; position:absolute; top:0; left:0; width:100%; z-index:3; }
.header .wrap { height:1.2rem; display:flex; align-items: center; justify-content: space-between; }
.header .logo{ width:7%; height:1.2rem;  }
.header .logo a{display:block; width:100%; height:100%; display: flex;  align-items: center; justify-content: center;}
.header .logo img{ max-width:100%; max-height:100%; vertical-align:middle; }
.h-right { height:100%; display: flex;  align-items: center; justify-content: center; }
.header .nav{  }
.header .nav ul li{float:left; width:auto; color:#edf7ff; font-size:0.22rem; line-height:0.6rem; margin-left:0.6rem; position:relative; } 
.header .nav ul li:after{content:""; position:absolute; left:0; bottom:0; width:0; height:3px; background-color:#edf7ff; left: 50%; transform: translateX(-50%); transition: all .5s ease; }
.header .nav ul li a { display:block; color:#edf7ff;  }
.header .nav ul li:hover:after{ width:0.3rem;transform:translateX(-50%) scale(1.1); }
.header .nav ul li.active:after{ width:0.4rem; }

.header .nav ul li .sub { position: absolute;width:200%;left:-50%; text-align:center; top:0.6rem;z-index:30000; }
.header .nav ul li .sub ul li { float:left; min-width:auto; width:100%; line-height:0.45rem; position:relative;text-align:center;  margin:0; padding:0; font-size:0.15rem; font-weight:normal;  background-color:#FFF;}
.header .nav ul li .sub ul li:after { display:none; }
.header .nav ul li .sub ul li a { color:#000000; }
.header .nav ul li .sub ul li:hover { background-color:#f5f5f5; color:#000000;}
.header .nav ul li .sub ul li:hover a { color:#000000;}
.h-search { float:left; width:0.22rem; height:1.2rem; position:relative;  margin-left:0.6rem; }
.h-search-top { width:100%; height:1.2rem; cursor:pointer; border-radius:0.1rem; color:#edf7ff; font-size:0.22rem; line-height:1.2rem; text-align:center;  }
.h-search-top i:nth-child(1) { display:inline-block; }
.h-search-top i:nth-child(2) { display:none; }
.h-search-top.active i:nth-child(1) { display:none;  }
.h-search-top.active i:nth-child(2) { display:inline-block;  }
.h-search-top:hover { opacity:0.8; }
.h-search-con { display:none; width:3.45rem; height:0.42rem; position:absolute; right:0; top:1.2rem; text-align:right;  z-index:333;   }
.h-search-con input[type=text] { width:calc(100% - 0.8rem); height:0.42rem;color:#333333; font-size:0.16rem; border:none; vertical-align:middle; background-color:#FFF;border-top-left-radius:0.05rem; border-bottom-left-radius:0.05rem; padding-left:0.1rem; }
.h-search-con .submit {  width:0.8rem; text-align:center; height:0.42rem; color:#edf7ff; background-color:#eb1c24; font-size:0.16rem; cursor:pointer; border:none;vertical-align:middle; border-top-right-radius:0.05rem; border-bottom-right-radius:0.05rem;  }
.h-search-con.active { display:block;}
.h-search-top:focus{outline:none;}
/*header2*/
.header2{height:60px;position:fixed;background:transparent;z-index:22;top:0;width:100%; display:none; }
.header2.black { background-color:rgba(0, 0, 0, 0.7); }
.header2 .main-wrap{height:60px;padding:0 3%;box-shadow:0 0 10px 0 rgba(0,0,0,.1)}
.header2 .logo{width:200px; height:40px;margin-top:10px;overflow:hidden;  float: left; display: inline;}
.header2 .logo a{display:block; width:100%; height:100%; display: flex;  align-items: center; justify-content: left;}
.header2 .logo img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.header2 .nav-btn{width:25px;height:16px;position:relative;cursor:pointer;margin-top:22px; float: right; display: inline;}
.header2 .nav-btn .zi { display:none; width:20px; color:#ffffff; font-size:16px; line-height:1; position:absolute; right:-10px; top:-8px; }
.header2 .nav-btn.active{-webkit-animation:rotate .5s linear 0s;animation:rotate .5s linear 0s}
.header2 .nav-btn .line{display:block;width:100%;height:2px;border-radius:2px;background-color:#ffffff;position:absolute;left:50%;margin-left:-15px}
.header2 .nav-btn .line1{-webkit-transform-origin:4px 0;-ms-transform-origin:4px 0;transform-origin:4px 0}
.header2 .nav-btn.active .line1{top:0}
.header2 .nav-btn.hover .line{background:#ffffff}
.header2 .nav-btn .line2{top:7px}
.header2 .nav-btn .line3{bottom:0;-webkit-transform-origin:1px center;-ms-transform-origin:1px center;transform-origin:1px center}
.header2 .sub-menu{width:100%;padding:0 3%;display:none;position:absolute;left:0;top:70px;z-index:2;overflow-y:auto}
.header2 .sub-menu ul{width:100%;overflow-y:auto;height:calc(100vh - 55px - 1.5rem)}
.header2 .js-m-3{opacity:0;-webkit-transform:translate(30px,0);-ms-transform:translate(30px,0);transform:translate(30px,0);-webkit-transition:all .8s ease;transition:all .8s ease}
.header2 .js-m-3.animate{opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
.header2 .sub-menu li{border-bottom:1px solid #555;font-size:16px;padding:0 20px}
.header2 .sub-menu .tit{display:inline-block;text-decoration:none;width:80%;line-height:50px;color:#fff;position:relative;box-sizing:border-box}
.header2 .sub-menu .sub-tit.on{background-color:#e9e9e9}
.header2 .sub-menu .sec-list{line-height:40px; padding-bottom:10px; display:none}
.header2 .sub-menu .jt{position:relative;display:inline-block;width:10%;height:50px;text-align:center;background:0 0;float:right}
.header2 .sub-menu .jt:after{content:'';display:block;width:26px;height:26px;background:url(../images/mobile_nav_jia.png) no-repeat center;background-size:17px auto;position:absolute;right:3%;top:10px}
.header2 .sub-menu .jt.jtRote:after{background:url(../images/mobile_nav_jian.png) no-repeat center;background-size:20px auto}
.header2 .sub-menu .sec-list p{background:url(../images/mobile_nav_dian.png) no-repeat left center;background-size:3px auto;font-size:14px}
.header2 .sub-menu .sec-list a{padding-left:5%;color:#cccccc;display:block}
.header2 .sub-menu .sec-list a:active{color:#37a3dc}
.header2 .icon-close:before{content:"\e6d3"}
.search-bg{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:20; background-color:rgba(55,55,55,.95); display:none; } 
.header-wrap { display:none;}
/* nav_zzc */
.nav_zzc{display: none;background: rgba(0, 0, 0, 0.6);position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99990;}
.nav_menu {  width:0; position:fixed;  right:0; top:0; height: 100%;z-index: 99999;overflow: scroll;background: #fff;}
.nav_menu .nav_menu_top{width: 100%; height:50px;}
.nav_menu .nav_menu_btn{display: block;width:25px;position: absolute;top:16px;right:20px;}
.nav_menu .nav_menu_btn img{display: block;width:25px; }
.nav_menu ul{overflow:hidden; width:100%;overflow: scroll;height: 80%;}
.nav_menu li{ width:100%; overflow:hidden; background:url(../images/nav_icon01.png) no-repeat 89% center;height:50px;border-bottom: 1px solid #eaeaea;}
.nav_menu li a{ color:#333333;font-size:14px;display: block;height:50px;line-height:50px;box-sizing: border-box;padding-left: 6%;}
/*banner*/
.banner { position:relative; height:8rem; }
.banner .swiper{width:100%;height:100%}
.banner .swiper-slide{display:flex;justify-content:center;align-items:center}
.banner .swiper-pagination { bottom: 0.3rem; }
.banner .swiper-pagination-bullet { background: #ffffff; opacity:0.5; }
.banner .swiper-pagination-bullet-active { background-color:#ffffff; opacity:1;  }
.banner .swiper-button-next { outline:none; width:0.5rem; height:0.5rem; background: rgba(0, 0, 0, 0.2);}
.banner .swiper-button-next:hover { background: rgba(0, 0, 0, 0.5); }
.banner .swiper-button-next:after { color:#ffffff; font-size:0.3rem; }
.banner .swiper-button-prev { outline:none; width:0.5rem; height:0.5rem; background: rgba(0, 0, 0, 0.2);}
.banner .swiper-button-prev:after { color:#ffffff; font-size:0.3rem;   }
.banner .swiper-button-prev:hover { background: rgba(0, 0, 0, 0.5); }
.banner-li { display:block; width:100%; height:100%; overflow:hidden; }
.banner-li .pic { width:100%; height:100%; }
.banner-li .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;}
.banner-li .con { position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items: center; justify-content: center;  }
.banner-li .con .wrap { display:flex; align-items: center;  justify-content: center;flex-direction: column; }
.banner-li .con .tit { color:#edf7ff; font-size:0.5rem; line-height:1.5; font-weight:bold; }
.banner-li .con .des { color:#edf7ff; font-size:0.22rem; line-height:1.5; margin-top:0.4rem; }
.banner-li .con .more { width:3rem; height:0.6rem; color:#edf7ff; font-size:0.3rem; line-height:0.58rem; border:#edf7ff solid 1px;  border-radius:0.3rem; text-align:center; margin-top:0.5rem; transition: all .4s ease; }
.banner-li .con .more a { display:block; color:#edf7ff; transition: all .4s ease; }
.banner-li .con .more:hover { background-color:#edf7ff; }
.banner-li .con .more:hover a { color:#000000; }
/*banner动画 纯CSS实现*/
.banner .swiper-slide .pic img { transition: transform 6s ease; transform: scale(1.1); }
.banner .swiper-slide-active .pic img { transform: scale(1); }
.banner .swiper-slide .ani { opacity: 0; transform: translate3d(0, 0.4rem, 0); transition: all 0.8s ease;}
.banner .swiper-slide-active .ani { opacity: 1; transform: translate3d(0, 0, 0);}
/* 分页器 */
.pagination{padding-left:0;margin:0.4rem 0;border-radius:4px;text-align:center;width:100%}
ul.pagination{display:inline-block;width:auto}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#eb1c24;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#eb1c24;border-color:#eb1c24}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}
/*i-public*/
.i-public { text-align:center; }
.i-public .tit { text-align: center; font-size: 0.45rem; color: #000000; font-weight: bold; }
.i-public .des { text-align: center; font-size: 0.28rem; color: #000000; font-weight: bold; margin-top:0.1rem; }
/*i-cate*/
.i-cate { padding: 0.8rem 0; }
.i-cate-list { margin-top:0.3rem; height:9.16rem; position:relative; }
.i-cate-list .item { position:absolute; overflow:hidden; }
.i-cate-list .item .pic { width:100%; height:100%; }
.i-cate-list .item .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;}
.i-cate-list .item .mask { position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.3); }
.i-cate-list .item .con { position:absolute; top:0; left:0; width:100%; height:100%; display: flex; align-items: center;  justify-content: center;  flex-direction: column;}
.i-cate-list .item .con .tit { color:#ffffff; font-size:0.4rem; line-height:1.3; text-transform:uppercase; font-weight:bold; text-align:center; padding:0 0.3rem; transition: transform 0.3s ease; }
.i-cate-list .item:hover .con .tit { transform: translateY(-5px); }
.i-cate-list .item .con .more { width:2.15rem;height:0.5rem; background-color:#FFF; text-align:center; color:#eb1c24; font-size:0.18rem; line-height:0.5rem; border-top-left-radius:0.25rem; border-top-right-radius:0.25rem; border-bottom-left-radius:0.25rem; border-bottom-right-radius:0; margin-top:0.24rem; transition: all 0.3s ease; display:flex; align-items: center; justify-content: space-between; padding:0 0.3rem; font-weight:bold; }
.i-cate-list .item:hover .con .more { background-color:#eb1c24; color:#ffffff; }
.i-cate-list .item .pic img { transition: transform 0.5s ease; }
.i-cate-list .item:hover .pic img { transform: scale(1.05); }
.i-cate-list .item .mask { transition: background-color 0.3s ease; }
.i-cate-list .item:hover .mask { background-color:rgba(0, 0, 0, 0.15); }
.i-cate-list .item:nth-child(1) { top:0; left:0; width:24.5%; height:3.4rem;  }
.i-cate-list .item:nth-child(2) { top:0; left:26.5%; width:47%; height:4.9rem; }
.i-cate-list .item:nth-child(3) { top:0; left:75.5%; width:24.5%; height:5.5rem; }
.i-cate-list .item:nth-child(4) { top:3.7rem; left:0; width:24.5%; height:5.5rem; }
.i-cate-list .item:nth-child(5) { top:5.2rem; left:26.5%; width:22.5%; height:4rem; }
.i-cate-list .item:nth-child(6) { top:5.2rem; left:51%; width:22.5%; height:4rem; }
.i-cate-list .item:nth-child(7) { top:5.8rem; left:75.5%; width:24.5%; height:3.4rem; }
.i-cate-list .item:nth-child(1) { background-color:#eb1c24; }
.i-cate-list .item:nth-child(1) .con .tit { font-size:1.2rem; line-height:1; }
.i-cate-list .item:nth-child(1) .con .des { color:#ffffff; font-size:0.2rem; line-height:1.5; }
.i-cate-list .item:nth-child(1) .con .more { background-color:#ffffff; color:#eb1c24; }
.i-cate-list .item:nth-child(2) .con { top:auto; bottom:0; width:40%; height:auto; padding-bottom:0.4rem;  }
/*i-hot*/
.i-hot { padding-bottom:0.8rem; display:flex; align-items: center; justify-content: space-between; }
.i-hot-left { width:58%; height:9.78rem; }
.i-hot-left .swiper{width:100%;height:100%}
.i-hot-left .swiper-slide{display:flex;justify-content:center;align-items:center}
.i-hot-left .swiper-pagination { bottom: 0.3rem; }
.i-hot-left .swiper-pagination-bullet { background: #ffffff; opacity:0.5; }
.i-hot-left .swiper-pagination-bullet-active { background-color:#ffffff; opacity:1;  }
.i-hot-left .swiper-button-next { outline:none; width:0.5rem; height:0.5rem; border:#2c2c2c solid 1px; border-radius:50%; }
.i-hot-left .swiper-button-next:hover { background: rgba(255, 255, 255, 0.5); }
.i-hot-left .swiper-button-next:after { color:#2c2c2c; font-size:0.2rem; }
.i-hot-left .swiper-button-prev { outline:none; width:0.5rem; height:0.5rem;  border:#2c2c2c solid 1px; border-radius:50%; }
.i-hot-left .swiper-button-prev:after { color:#2c2c2c; font-size:0.2rem;   }
.i-hot-left .swiper-button-prev:hover { background: rgba(255, 255, 255, 0.5); }
.i-hot-left-li { display:block; width:100%; height:100%; position:relative; overflow:hidden; }
.i-hot-left-li .pic { width:100%; height:100%; }
.i-hot-left-li .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;}
.i-hot-left-li .con { position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items: center; justify-content: center; }
.i-hot-left-li .con .box {width:100%; height:2.24rem; display:flex; align-items: center; justify-content: center; flex-direction: column;  background: rgba(255, 255, 255, 0.7); transition: background 0.3s ease; }
.i-hot-left-li:hover .con .box { background: rgba(255, 255, 255, 0.6); }
.i-hot-left-li:hover .pic img { transform: scale(1.05); transition: transform 0.5s ease; }
.i-hot-left-li .pic img { transition: transform 0.5s ease; }
.i-hot-left-li .con .tit { color:#000000; font-size:0.45rem; line-height:1.5; font-weight:bold;  text-transform:uppercase; }
.i-hot-left-li .con .des { color:#000000; font-size:0.3rem; line-height:1.5; font-weight:bold;  text-transform:uppercase; }
.i-hot-right { width:42%; }
.i-hot-right ul li { height:3.26rem; border:#eb1c24 solid 0.2rem; border-top:none; position:relative; }
.i-hot-right ul li:first-child { border-top:#eb1c24 solid 0.2rem; }
.i-hot-right ul li .box { display:block; width:100%; height:100%; display:flex; align-items: center; justify-content: space-between; padding:0.1rem; }
.i-hot-right ul li .box .pic { width:58%; height:100%; overflow:hidden; }
.i-hot-right ul li .box .pic img { width: 100%;height: 100%; object-fit: contain; transition: transform 0.5s ease; }
.i-hot-right ul li .box .con { width:40%; }
.i-hot-right ul li .box .con .tit { color:#000000; font-size:0.25rem; line-height:1.5; font-weight:bold; transition: transform 0.3s ease; }
.i-hot-right ul li .box .con .des { color:#000000; font-size:0.16rem; line-height:1.5; }
.i-hot-right ul li .box .con .des p { margin-top:0.1rem; }
.i-hot-right ul li .box .nob { position:absolute; top:0.06rem; left:0.06rem; width:0.95rem; height:0.75rem; background:url(../images/hot-right-icon.png) no-repeat center center; background-size:100% 100%; color:#ffffff; font-size:0.22rem; line-height:0.6rem; text-align:center;  }
.i-hot-right ul li:hover .box .pic img  { transform: scale(1.05); transition: transform 0.5s ease; }
.i-hot-right ul li:hover .box .con .tit {  color:#eb1c24;  }
/*i-reasons*/
.i-reasons { background: #333 url(../images/reasons-bg.jpg) no-repeat center center; background-size:cover; position:relative;  }
.i-reasons-ban { position:absolute; top:0.8rem; left:0; width:100%; height:auto; text-align:center; font-size: 0.45rem; color: #ffffff; font-weight: bold; }
.i-reasons-list { height:auto; }
.i-reasons-list ul li { float:left; width:20%; text-align:center;height:8.4rem; position:relative; padding-top:2.9rem; }
.i-reasons-list ul li::after{content:""; position:absolute; left:0; top:0; width:1px; height:100%; background-color:rgba(255, 255, 255, 0.2); }
.i-reasons-list ul li:first-child::after { display:none; }
.i-reasons-list ul li .inner { width:100%; display: flex; align-items: center;  justify-content: flex-start; flex-direction: column; }
.i-reasons-list ul li .tit { color:#ffffff; font-size:0.28rem; line-height:1.5;  text-transform:uppercase;transition: all 0.3s ease;}
.i-reasons-list ul li .des { color:#ffffff; font-size:0.18rem; line-height:2; padding:0 0.2rem; margin-top:0.5rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; transition: all 0.3s ease;}
.i-reasons-list ul li .more { width:2.15rem;height:0.5rem; background:transparent;  text-align:center; color:#ffffff; font-size:0.18rem; line-height:0.48rem; border-top-left-radius:0.25rem; border-top-right-radius:0.25rem; border-bottom-left-radius:0.25rem; border-bottom-right-radius:0; margin-top:1rem; transition: all 0.3s ease; display:flex; align-items: center; justify-content: space-between; padding:0 0.3rem; border:#ffffff solid 1px; }
.i-reasons-list ul li:hover .more { background-color:#ffffff; color:#333333; }
.i-reasons-list ul li:hover .tit { transform: translateY(-5px); }
.i-reasons-list ul li:hover .des { transform: translateY(-5px); }
/*i-culture*/
.i-culture { background-color:#f0f0f0; padding-top:0.8rem; padding-bottom:0.8rem; }
.i-culture-list { padding-top:0.35rem; }
.i-culture-list ul li { float:left;  width:calc((100% - 0.6rem) / 4); margin-left:0.2rem; height:4.17rem; background-color:#FFF; padding-top:1rem; text-align:center; transition: all 0.3s ease; }
.i-culture-list ul li:hover { transform: translateY(-5px); box-shadow: 0 0.1rem 0.3rem rgba(0,0,0,0.1); }
.i-culture-list ul li:first-child { margin-left:0; }
.i-culture-list ul li .pic { width:0.6rem; height:0.6rem; margin:0 auto; }
.i-culture-list ul li .pic img { width: 100%;height: 100%; object-fit: contain; }
.i-culture-list ul li .tit { color:#000000; font-size:0.28rem; line-height:1.5; font-weight:bold; margin-top:0.08rem; margin-bottom:0.32rem; position:relative; }
.i-culture-list ul li .tit::after{content:""; position:absolute; left:50%; bottom:-0.17rem; width:0.45rem; height:0.03rem; background-color:#bd2d37; border-radius:0.02rem; transform: translateX(-50%);  }
.i-culture-list ul li .des { color:#000000; font-size:0.18rem; line-height:1.7; padding:0 0.2rem; }
/*i-data*/
.i-data { background: linear-gradient(to bottom, #f0f0f0 50%, #10284d 0);  }
.i-data-box { background-color:#eb1c24; border-radius:0.15rem;padding:0.4rem 0; }
.i-data-box ul { display: flex; flex: 1; width: 100%; }
.i-data-box ul li { flex: auto; min-width: 1.2rem; text-align:center;  position:relative; text-align:center; }
.i-data-box ul li::after{content:""; position:absolute; left:0; top:0; width:1px; height:1.3rem; background-color:#ffffff; }
.i-data-box ul li:first-child::after { display:none; }
.i-data-box ul li .tit { color:#ffffff; font-size:0.8rem; line-height:1; font-weight:bold; }
.i-data-box ul li .tit span { font-size:0.5rem; font-weight:normal; }
.i-data-box ul li .des { color:#ffffff; font-size:0.16rem; line-height:1.5; margin-top:0.18rem; }
/*i-about*/
.i-about { background: #10284d url(../images/about-bg.jpg) no-repeat center center; background-size:cover; padding-top:1rem; padding-bottom:2rem; }
.i-about-left { width:59%; }
.i-about-left .ban { color:#ffffff; font-size:0.45rem; line-height:1.5; font-weight:bold; }
.i-about-left .des { color:#ffffff; font-size:0.4rem; line-height:1.5; font-weight:bold; margin-top:0.1rem; }
.i-about-left .con { color:#ffffff; font-size:0.2rem; line-height:2; margin-top:0.5rem; }
.i-about-left .more { width:2.15rem;height:0.5rem; background-color:#eb1c24; text-align:center; color:#ffffff; font-size:0.18rem; line-height:0.5rem; border-top-left-radius:0.25rem; border-top-right-radius:0.25rem; border-bottom-left-radius:0.25rem; border-bottom-right-radius:0; margin-top:0.68rem; transition: all 0.3s ease; display:flex; align-items: center; justify-content: space-between; padding:0 0.3rem; font-weight:bold; }
.i-about-left .more:hover {  background: #ff3038;  box-shadow: 0 0 0.1rem rgba(235, 28, 36, 0.4); }
/*i-contact*/
.i-contact { background: #000000 url(../images/contact-bg.jpg) no-repeat center center; background-size:cover; border-bottom:#37393a solid 1px; }
.i-contact-list { padding-top:0.8rem; padding-bottom:0.8rem; }
.i-contact-list ul { display: flex; flex: 1; width: 100%; }
.i-contact-list ul li { flex: auto; min-width: 1.2rem; text-align:center;  position:relative; text-align:center; }
.i-contact-list ul li .icon { color:#ffffff; font-size:0.5rem; line-height:1.5; }
.i-contact-list ul li .tit { color:#ffffff; font-size:0.26rem; line-height:1.5; font-weight:bold; margin-top:0.2rem; }
.i-contact-list ul li .des { color:#ffffff; font-size:0.18rem; line-height:1.5; margin-top:0.06rem; }
.i-contact-list ul li .tel { color:#ffffff; font-size:0.3rem; line-height:0.46rem; margin-top:0.25rem; }
.i-contact-list ul li .more { width:1.5rem; margin:0 auto; height:0.46rem; text-align:center; color:#ffffff; font-size:0.18rem; line-height:0.44rem; border-top-left-radius:0.25rem; border-top-right-radius:0.25rem; border-bottom-left-radius:0.25rem; border-bottom-right-radius:0; transition: all 0.3s ease; border:#ffffff solid 1px; margin-top:0.25rem; }
.i-contact-list ul li .more a { display:block; color:#ffffff; }
.i-contact-list ul li .more:hover { background-color: #eb1c24; }
/*footer*/
.footer { background: #000000 url(../images/footer-bg.jpg) no-repeat center center; background-size:cover; padding-top:0.8rem; padding-bottom:0.4rem; }
.footer .wrap { display:flex; align-items: flex-start; justify-content: space-between; }
.footer .f-logo { width:20%; margin-left:4%; }
.footer .f-logo img { width: 100%;height: 100%; object-fit: contain; }
.footer .f-contact {  width:46%;  color:#ffffff; font-size:0.18rem; line-height:2.3;  }
.footer .f-contact i { display:inline-block; width:0.3rem; text-align:center;}
.footer .f-ewm { width:10%; color:#ffffff; font-size:0.18rem; line-height:2.3;  }
.footer .f-ewm img { max-width:100%; margin-top:0.05rem; border:#ffffff solid 1px; padding:0.1rem; }
/*f-copy*/
.f-copy { text-align:center; color:#ffffff; font-size:0.16rem; line-height:2; margin-top:0.4rem; text-transform:uppercase;}


/*========== 关于我们页 about ==========*/
/*a-banner*/
.a-banner { position:relative; height:5.5rem; overflow:hidden; }
.a-banner .pic { width:100%; height:100%; }
.a-banner .pic img { width:100%; height:100%; object-fit:cover; object-position:center 30%; }
.a-banner .con { position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; }
.a-banner .con .wrap { display:flex; align-items:center; justify-content:center; flex-direction:column; }
.a-banner .con .tit { color:#ffffff; font-size:0.5rem; line-height:1.5; font-weight:bold; opacity:0; transform:translateY(30px); animation:fadeInUp 0.6s ease forwards;  }
.a-banner .con .des { color:#ffffff; font-size:0.22rem; line-height:1.5; margin-top:0.2rem; opacity:0; transform:translateY(30px); animation:fadeInUp 0.6s ease forwards;  }
@keyframes fadeInUp { to { opacity:1; transform:translateY(0); } }
/*a-public*/
.a-public { text-align:center; }
.a-public .tit { text-align:center; font-size:0.45rem; color:#000000; font-weight:bold; }
.a-public .des { text-align:center; font-size:0.28rem; color:#000000; font-weight:bold; margin-top:0.1rem; }
/*a-about*/
.a-about { padding-top:0.8rem; padding-bottom:0.8rem; }
.a-data-box { background-color:#eb1c24; border-radius:0.15rem; padding:0.4rem 0; margin-top:0.5rem; }
.a-data-box ul { display:flex; flex:1; width:100%; }
.a-data-box ul li { flex:auto; min-width:1.2rem; text-align:center; position:relative; text-align:center; }
.a-data-box ul li::after{ content:""; position:absolute; left:0; top:0; width:1px; height:1.3rem; background-color:#ffffff; }
.a-data-box ul li:first-child::after { display:none; }
.a-data-box ul li .tit { color:#ffffff; font-size:0.8rem; line-height:1; font-weight:bold; }
.a-data-box ul li .tit span { font-size:0.5rem; font-weight:normal; }
.a-data-box ul li .des { color:#ffffff; font-size:0.16rem; line-height:1.5; margin-top:0.18rem; }
.a-about-con { margin-top:0.5rem; }
.a-about-con p { color:#000000; font-size:0.2rem; line-height:2; margin-top:0.3rem; text-indent:0.3rem; }
.a-about-con p:first-child { margin-top:0; }

/*a-reasons*/
.a-reasons { background:#333 url(../images/reasons-bg.jpg) no-repeat center center; background-size:cover; position:relative; }
.a-reasons-ban { position:absolute; top:0.8rem; left:0; width:100%; height:auto; text-align:center; font-size:0.45rem; color:#ffffff; font-weight:bold; }
.a-reasons-list { height:auto; }
.a-reasons-list ul li { float:left; width:20%; text-align:center; height:auto; position:relative; padding-top:2.5rem; padding-bottom:1rem; }
.a-reasons-list ul li::after{ content:""; position:absolute; left:0; top:0; width:1px; height:100%; background-color:rgba(255, 255, 255, 0.2); }
.a-reasons-list ul li:first-child::after { display:none; }
.a-reasons-list ul li .inner { width:100%; display:flex; align-items:center; justify-content:flex-start; flex-direction:column; padding:0 0.2rem; }
.a-reasons-list ul li .tit { color:#ffffff; font-size:0.28rem; line-height:1.5; text-transform:uppercase; transition:all 0.3s ease; }
.a-reasons-list ul li .des { color:#ffffff; font-size:0.18rem; line-height:2; margin-top:0.5rem; transition:all 0.3s ease; }
.a-reasons-list ul li:hover .tit { transform:translateY(-5px); }
.a-reasons-list ul li:hover .des { transform:translateY(-5px); }

/*========== 产品中心页 products ==========*/
/*p-main*/
.p-main { padding-top:0.4rem; padding-bottom:0.8rem; background-color:#f0f0f0; }
.p-main .wrap { display:flex; align-items:flex-start; justify-content:space-between; }
.p-sidebar { width:20%; margin-top:0.3rem; }
.p-cate-tit { background-color:#eb1c24; color:#ffffff; font-size:0.18rem; line-height:0.6rem; text-align:center; font-weight:bold; text-transform:uppercase; position:relative; cursor:pointer; }
.p-cate-tit::before{content:""; position:absolute; right:-0.2rem; top:0; width:0.2rem; height:100%; background-color:#eb1c24;  }
.p-cate-tit::after{content:""; position:absolute; right:-0.2rem; bottom:-0.14rem; width:0.2rem; height:0.14rem; background:url(../images/pro-left-icon.png) no-repeat center center; background-size:100% 100%; }
.p-cate-tit2 { margin-top:0.3rem; }
.p-cate-list { background-color:#ffffff; padding:0.2rem 0; }
.p-cate-list ul li { margin-top:0.1rem;color:#8a8a8a; font-size:0.16rem; line-height:0.5rem; text-align:center; transition:all 0.3s ease; font-weight:bold;padding:0 0.15rem; position:relative; }
.p-cate-list ul li::after{content:""; position:absolute; right:0; top:0; width:0; height:100%; background-color:#eb1c24; }
.p-cate-list ul li .inner { background-color:#f0f0f0;   border-radius:0.05rem; }
.p-cate-list ul li:first-child { margin-top:0; }
.p-cate-list ul li.active .inner { background-color:#f2f7fc; color:#eb1c24; }
.p-cate-list ul li.active::after {width:3px; }
.p-cate-list ul li:hover .inner { background-color:#f2f7fc; color:#eb1c24; }
.p-cate-list ul li:hover::after {width:3px; }
.p-content { width:76%; }
.p-pro-list ul { margin-left:-0.3rem; }
.p-pro-list ul li { float:left; width:calc((100% - 0.9rem) / 3); margin-left:0.3rem; margin-top:0.3rem; text-align:center;  background-color:#ffffff; padding:0.2rem; transition:all 0.3s ease;}
.p-pro-list ul li a:hover { box-shadow:0 0.1rem 0.3rem rgba(0,0,0,0.1); }
.p-pro-list ul li .pic { width:100%; height:3rem; overflow:hidden; }
.p-pro-list ul li .pic img { width:100%; height:100%; object-fit:contain; transition:transform 0.3s ease; }
.p-pro-list ul li:hover .pic img { transform:scale(1.05); }
.p-pro-list ul li .tit { color:#000000; font-size:0.18rem; line-height:1.5; margin-top:0.15rem; }
/*p-detail*/
.p-detail-content { width:76%; background-color:#FFF; margin-top:0.3rem; }
.p-detail-tit { text-align:center; font-size:0.3rem; color:#000000; font-weight:bold; line-height:1.5; padding-top:0.3rem; padding-bottom:0.3rem; border-bottom:#f0f0f0 solid 2px; }
.p-detail-show { font-size:0.18rem; color:#000000; line-height:2; padding:0.3rem; min-height:4rem; }
.p-detail-show img { max-width:100%; }
.p-prev-next { display:flex; align-items:center; justify-content:space-between; margin-top:0.5rem; padding:0.3rem; border-top:#e0e0e0 solid 1px; }
.p-prev-next .prev { color:#666666; font-size:0.16rem; line-height:1.5; }
.p-prev-next .prev i { margin-right:0.1rem; }
.p-prev-next .next { color:#666666; font-size:0.16rem; line-height:1.5; }
.p-prev-next .next i { margin-left:0.1rem; }
.p-prev-next a:hover { text-decoration:underline; }

/*========== 联系我们页 contact ==========*/

/*c-info*/
.c-info { padding-top:0.8rem; padding-bottom:0.8rem; background-color:#f0f0f0; }
.c-info-list { background-color:#FFF; padding:0.3rem 0; }
.c-info-list ul { display:flex; flex:1; width:100%; }
.c-info-list ul li { flex:auto; min-width:1.2rem; text-align:center; position:relative; text-align:center; }
.c-info-list ul li .icon { color:#000000; font-size:0.5rem; line-height:1.5; }
.c-info-list ul li .tit { color:#000000; font-size:0.26rem; line-height:1.5; font-weight:bold; margin-top:0.2rem; }
.c-info-list ul li .des { color:#666666; font-size:0.18rem; line-height:1.5; margin-top:0.1rem; }
.c-info-list ul li .val { color:#000000; font-size:0.24rem; line-height:1.5; margin-top:0.15rem; font-weight:bold; }
/*c-map*/
.c-map { padding-bottom:0.8rem; }



@media (max-width:1200px){
.wrap { padding-left: .2rem; padding-right: .2rem; width: 100%; }
}

@media (max-width:992px){
/*header992*/
.welcome { display:none;}
.header{ display:none;}
.nav{ display:none;}
.header2{ display: block; } 
.header-wrap { display:none; height:60px;}
/*i-cate992*/
.i-cate-list .item .con .more { width:2.5rem;}
.i-reasons-list ul li .more { width:2.5rem;}
.i-about-left .more { width:2.5rem;}

}

@media (max-width:767px){
/*i-cate767*/
.i-cate-list { height:auto; margin-top:0; }
.i-cate-list .item { position:relative; margin-top:0.3rem; }
.i-cate-list .item:nth-child(1) { top:auto; left:auto; width:100%; height:3rem;  }
.i-cate-list .item:nth-child(2) { top:auto; left:auto; width:100%; height:3rem;  }
.i-cate-list .item:nth-child(3) { top:auto; left:auto; width:100%; height:3rem;  }
.i-cate-list .item:nth-child(4) { top:auto; left:auto; width:100%; height:3rem;  }
.i-cate-list .item:nth-child(5) { top:auto; left:auto; width:100%; height:3rem;  }
.i-cate-list .item:nth-child(6) { top:auto; left:auto; width:100%; height:3rem;  }
.i-cate-list .item:nth-child(7){ top:auto; left:auto; width:100%; height:3rem;  }
.i-cate-list .item:nth-child(2) .con { top:0; bottom:auto; width:100%; height:100%; padding-bottom:0;  }
/*i-hot767*/
.i-hot { display:block; }
.i-hot-left { width:100%; height:6rem; }
.i-hot-right { width:100%; }
.i-hot-right ul li .box .con .tit { font-size: 16px; } 
/*i-reasons767*/
.i-reasons-list { padding-top:2rem; }
.i-reasons-list ul li { float:none; width:100%; height:auto; position:relative; padding:0.8rem 0; }
.i-reasons-list ul li::after{ width:100%; height:1px; }
.i-reasons-list ul li:first-child::after { display:block; }
.i-reasons-list ul li .tit { font-size: 18px; }
.i-reasons-list ul li .des  { font-size: 14px; margin-top:0.3rem; }
.i-reasons-list ul li .more { margin-top:0.5rem; }
/*i-culture767*/
.i-culture-list ul li { float:none;  width:100%; margin-left:0; height:auto; padding:0.6rem 0; margin-top:0.3rem; }
.i-culture-list ul li .tit { font-size: 18px; }
.i-culture-list ul li .des {  font-size: 14px; }
/*i-data767*/
.i-data-box { padding:0.2rem 0.4rem;  }
.i-data-box ul { display: block;}
.i-data-box ul li { width: 100%; padding:0.3rem 0; }
.i-data-box ul li::after{ width:100%; height:1px; }
.i-data-box ul li .des {  font-size: 14px; }
/*i-about767*/
.i-about-left { width:100%; }
.i-about-left .con  {  font-size: 14px; }
/*i-contact767*/
.i-contact-list { padding:0.3rem 0; }
.i-contact-list ul { display:block; }
.i-contact-list ul li { width:100%; padding:0.3rem 0; }
.i-contact-list ul li .tit  {  font-size: 16px; }
.i-contact-list ul li .more { width:2.5rem; }
/*footer767*/
.footer .wrap { display:block; }
.footer .f-logo { width:50%; margin-left:0; margin:0 auto; }
.footer .f-contact {  width:100%;  font-size: 15px; margin-top:0.3rem; }
.footer .f-contact i { width:40px; }
.footer .f-ewm { width:100%;  font-size: 15px;  }
.footer .f-ewm img  { display:block; width:120px;  margin:0 auto; }
/*关于页767*/
.a-banner { height:4rem; }
.a-banner .con .tit { font-size:0.4rem; }
.a-banner .con .des { font-size:0.18rem; }
.a-data-box { padding:0.2rem 0.4rem; }
.a-data-box ul { display:block; }
.a-data-box ul li { width:100%; padding:0.3rem 0; }
.a-data-box ul li::after{ width:100%; height:1px; }
.a-data-box ul li .des { font-size:14px; }
.a-about-con p { font-size:14px; }
.a-reasons { padding-top:2rem; }
.a-reasons-list ul li { float:none; width:100%; height:auto; position:relative; padding:0.8rem 0; }
.a-reasons-list ul li::after{ width:100%; height:1px; }
.a-reasons-list ul li:first-child::after { display:block; }
.a-reasons-list ul li .tit { font-size:18px; }
.a-reasons-list ul li .des { font-size:14px; margin-top:0.3rem; }
/*产品页767*/
.p-main .wrap { display:block; }
.p-sidebar { width:100%; margin-top:0; }
.p-cate-tit:before { display:none; }
.p-cate-tit:after { display:none; }
.p-cate-tit { font-size:16px; }
.p-cate-tit .toggle-icon { display:inline-block; margin-left:0.1rem; transition: transform 0.3s ease; }
.p-cate-tit.active .toggle-icon { transform: rotate(180deg); }
.p-cate-list { display:none; }
.p-cate-list.active { display:block; }
.p-cate-list ul li a { font-size:14px; }
.p-content { width:100%; }
.p-pro-list ul { margin-left:0; }
.p-pro-list ul li { width:100%; margin-left:0; }
.p-pro-list ul li .pic { height:auto; }
.p-pro-list ul li .tit { font-size:16px; }
.p-detail-content { width:100%; }
.p-detail-tit { font-size:16px; }
.p-detail-show { font-size:15px; }
.p-prev-next { display:block; }
.p-prev-next .prev { margin-bottom:0.2rem; font-size:14px;  }
.p-prev-next .next { font-size:14px; }
/*联系页767*/
.c-info-list ul { display:block; }
.c-info-list ul li { width:100%; padding:0.5rem 0; }
.c-info-list ul li .tit { font-size:18px; }
.c-info-list ul li .des { font-size:14px; }
.c-info-list ul li .val { font-size:16px; }

}