@charset "utf-8";
* {margin: 0;padding: 0;border-radius: 0;box-sizing: border-box;}
body {font-size: 12px;font-family: "微软雅黑";margin: 0px auto;background: #fff;padding-top: 90px;}
ul,
li {list-style: none;margin: 0;padding: 0;}
a {text-decoration: none;}
img {border: none;vertical-align: middle;}
h1,
h2,
h3,
h4,
h5,
h6 {color: #000;}
i {font-style: normal;}

/* 头部 固定定位*/
.top_bg {position: fixed;top: 0;left: 0;width: 100%;background-color: #fff;z-index: 9999;box-shadow: 0 1px 3px #eee;}
.top_bg2 .top {max-width: 94% !important;}
.top_bg2 .top .top_nav {left: 12.7%;}
.top_bg_style {background-color: transparent;box-shadow: none;border-bottom: 1px solid #7c9bbe;}
.top_bg_style .top_logo img {filter: grayscale(1) brightness(500%);}
.top_bg_style .top_nav ul li.top_active a {color: #fff;}
.top_bg_style .top_nav ul li.top_active a::after {width: 100%;background-color: #cad1dc;}
.top_bg_style .top_nav ul li a {color: #fff;}
.top {width: 94%;max-width: 1400px;margin: 0 auto;overflow: hidden;height: 90px;}
.top_logo {float: left;width: 17.3%;line-height: 90px;}
.top_logo img {max-width: 242px;width: 100%;height: auto;}
.top_nav {position: relative;display: inline-block;left: 8%;}
.top_nav ul {overflow: hidden;}
.top_nav ul li {float: left;margin-right: 49.5px;}
.top_nav ul li.top_active a {color: #0b6cb8;}
.top_nav ul li.top_active a::after {width: 100%;}
.top_nav ul li:hover a {color: #0b6cb8;}
.top_nav ul li:hover a::after {width: 100%;}
.top_nav ul li a {display: block;font-size: 16px;color: #333;line-height: 90px;padding: 0 8px;position: relative;}
.top_nav ul li a::after {content: '';display: block;position: absolute;left: 50%;bottom: 0;width: 0;height: 3px;background-color: #0b6cb8;-webkit-transform: translate(-50%);transform: translate(-50%);-webkit-transition: width 0.4s ease;transition: width 0.4s ease;}
.top_phone {float: right;}
.top_phone a {display: block;width: 190px;height: 45px;line-height: 45px;margin-top: 22.5px;background-color: #0b6cb8;border-radius: 30px;text-align: center;font-size: 15px;color: #fff;}
.top_phone img {margin-top: -3px;}
.top_search {float: right;line-height: 90px;cursor: pointer;}
.top_right {display: none;}

/* banner */
.banner {width: 100%;height: 100%;}
.banner .swiper-slide a {display: block;}
.banner .swiper-slide img {display: block;width: 100vw;height: 100vh;object-fit: cover;}
.banner .swiper-pagination {left: 16.6%;bottom: 3%;}
.banner .swiper-pagination-bullet {width: auto !important;height: auto !important;margin: 0 7.5px;font-size: 16px;color: #fff;background: none !important;opacity: 0.4;position: relative;text-align: left;}
.banner .swiper-pagination-bullet::before {content: '';display: block;width: 0;height: 1px;background-color: #fff;opacity: 0.1;margin-left: 35px;margin-bottom: -16px;-webkit-transition: width 0.4s;transition: width 0.4s;}
.banner .swiper-pagination-bullet-active {background: none !important;opacity: 1 !important;}
.banner .swiper-pagination-bullet-active::after {content: '';display: block;width: 16px;height: 3px;background-color: #fff;margin-top: 7px;opacity: 1;}
.banner .swiper-pagination-bullet-active::before {width: 242px;}
.banner .swiper-button-next {top: auto !important;bottom: 4% !important;width: 5px !important;right: 0 !important;height: auto !important;background: none !important;margin-top: 0px;}
.banner .swiper-button-next::after {font-size: 14px;}
.banner .swiper-button-prev {top: auto !important;left: 15.6% !important;bottom: 4% !important;width: 5px !important;height: auto !important;background: none !important;margin-top: 0px;}
.banner .swiper-button-prev::after {font-size: 14px;}
.banner .swiper-button-disabled {opacity: 1 !important;cursor: pointer !important;pointer-events: initial !important;}
.sj_banner {display: none;}
.box_swipe {display: none;}
.pc_banner img {width: 100%;height: auto;}

/* 标题 */
.title {width: 94%;max-width: 1400px;margin: 0 auto;text-align: center;margin-bottom: 46px;}
.title h1 {font-size: 55px;color: #2f2f2f;font-weight: 400;margin-bottom: 3px;}
.title p {font-size: 28px;color: #000;margin-bottom: 28px;}
.title i {display: block;width: 24px;height: 4px;background-color: #0b6cb8;margin: 0 auto;}

/* 产品中心 */
.iproducts_bg {background: url(../images/p_bg.jpg) no-repeat top #f3f3f3;background-size: 100% auto;padding-top: 41px;padding-bottom: 48px;overflow: hidden;}
.iproducts_bg .products {margin-top: 50px;}
.products {width: 94%;max-width: 1400px;margin: 0 auto;}
.products ul {overflow: hidden;}
.products ul li {float: left;width: 31.3%;margin-right: 3.05%;margin-bottom: 2.05%;background-color: #fff;}
.products ul li:nth-child(3n+3) {margin-right: 0%;}
.products ul li:hover .products_img img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.products_img {overflow: hidden;}
.products_img img {width: 100%;height: auto;-webkit-transition: all 0.4s;transition: all 0.4s;}
.products_text {padding: 0 7%;padding-top: 17px;padding-bottom: 31px;}
.products_text h1 {font-size: 20px;color: #000;margin-bottom: 14px;}
.products_text p {font-size: 14px;color: #c3c3c3;line-height: 28px;}

/* 销售网络 */
.network_bg {height: 823px;padding-top: 53px;background: url(../images/n_bg.jpg) no-repeat center / cover;overflow: hidden;}
.network_bg .title {text-align: left;margin-bottom: 74px;}
.network_bg .title h1 {color: #fff;}
.network_bg .title p {color: #fff;}
.network_bg .title i {margin: 0;background-color: #fff;}
.network {width: 94%;max-width: 1400px;margin: 0 auto;}
.network_main {width: 41.8%;height: 400px;overflow-y: auto;/*设置宽度,轨道颜色*//*滚动条*/}
.network_main::-webkit-scrollbar {width: 3px;background: #449ed2;/*可以设置轨道颜色*/padding-right: 2px;}
.network_main::-webkit-scrollbar-thumb {background: #77b8de;border-radius: 10px;}
.network_main ul li {overflow: hidden;height: 140px;}
.network_img {float: left;width: 65px;}
.network_text {float: right;width: calc(100% - 65px);}
.network_text h1 {font-size: 23px;color: #fff;font-weight: 400;margin-top: 10px;margin-bottom: 13px;}
.network_text p {font-size: 14px;color: #a4bed5;line-height: 26px;}

/* 新闻资讯 */
.inews_bg {width: 94%;max-width: 1400px;margin: 0 auto;padding-top: 66px;padding-bottom: 125px;overflow: hidden;}
.inews_bg .title {width: 100%;text-align: left;}
.inews_bg .title i {margin: 0;}
.inews_bg .swiper-slide {border: 1px solid #e6e6e6;}
.inews_bg .swiper-slide:hover .inews_img img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.inews_bg .swiper-slide:hover .inews_text h1 {color: #0b6cb8;}
.inews_bg .swiper-button-next {width: 54px !important;height: 54px !important;top: -50px !important;right: 0 !important;border-radius: 50% !important;}
.inews_bg .swiper-button-next::after {font-size: 22px;}
.inews_bg .swiper-button-prev {width: 54px !important;height: 54px !important;top: -50px !important;left: auto !important;right: 68px !important;border-radius: 50% !important;}
.inews_bg .swiper-button-prev::after {font-size: 22px;}
.inews_img {overflow: hidden;}
.inews_img img {width: 100%;height: auto;-webkit-transition: all 0.4s;transition: all 0.4s;}
.inews_text {padding: 0 8%;padding-bottom: 18px;}
.inews_text h1 {font-size: 17px;color: #000;line-height: 26px;font-weight: 400;margin-top: 19px;margin-bottom: 15px;}
.inews_text p {font-size: 14px;color: #999;line-height: 26px;margin-bottom: 17px;}
.inews_text span {font-size: 14px;color: #999;}

/* 合作客户 */
.icoop_bg {background: url(../images/c_bg.jpg) no-repeat center / cover;padding-top: 55px;padding-bottom: 60px;overflow: hidden;}
.icoop {width: 94%;max-width: 1400px;margin: 0 auto;}
.icoop ul::after {content: '';display: block;clear: both;}
.icoop ul li {float: left;width: 18.4%;margin-right: 2%;margin-bottom: 2%;-webkit-transition: all 0.4s;transition: all 0.4s;cursor: pointer;}
.icoop ul li:nth-child(5n+5) {margin-right: 0%;}
.icoop ul li:hover {box-shadow: 0 0 20px #cee4f9;}
.icoop ul li img {width: 100%;height: auto;}

/* 关于我们 */
.aboutus_bg {padding-top: 45px;}
.aboutus {width: 94%;max-width: 1400px;margin: 0 auto;}
.aboutus_text {font-size: 14px;color: #a9a9a9;line-height: 32px;}
.aboutus_img {margin-top: 49px;cursor: pointer;}
.aboutus_img img {width: 100%;height: auto;}
.aboutus2 {background-color: #f9f9f9;height: 338px;padding-top: 102px;margin-top: 25px;}
.aboutus2 ul {width: 94%;max-width: 1400px;margin: 0 auto;overflow: hidden;}
.aboutus2 ul li {float: left;width: 25%;text-align: center;}
.aboutus2 ul li img {margin-bottom: 13px;}
.aboutus2 ul li p {font-size: 18px;color: #000;}

/* 产品分类 */
.products_list {text-align: center;margin-bottom: 47px;}
.products_list ul {display: inline-block;}
.products_list ul::after {content: '';display: block;clear: both;}
.products_list ul li {float: left;overflow: hidden;width: 240px;height: 82px;border-radius: 5px;border: 1px solid #ebebeb;margin: 0 10.5px;background-color: #fff;-webkit-transition: all 0.4s;transition: all 0.4s;}
.products_list ul li:hover {box-shadow: 0 0 10px #0b6cb8;background-color: #0b6db8;border-color: #0b6db8;}
.products_list ul li:hover .products_list_icon img {filter: none;}
.products_list ul li:hover .products_list_text h1 {color: #fff;}
.products_list ul li:hover .products_list_text p {color: #fff;}
.products_list ul li.products_list_active {box-shadow: 0 0 10px #0b6cb8;background-color: #0b6db8;border-color: #0b6db8;}
.products_list ul li.products_list_active .products_list_icon img {filter: none;}
.products_list ul li.products_list_active .products_list_text h1 {color: #fff;}
.products_list ul li.products_list_active .products_list_text p {color: #fff;}
.products_list_icon {display: inline-block;line-height: 82px;}
.products_list_icon img {margin-top: -28px;margin-right: 10px;filter: invert(1) opacity(0.5);}
.products_list_text {display: inline-block;text-align: left;}
.products_list_text h1 {font-size: 16px;color: #717171;font-weight: 400;margin-top: 19px;}
.products_list_text p {font-size: 12px;color: #b7b7b7;margin-top: 4px;}

/* 产品中心 */
.products_bg {background-color: #f5f5f5;padding-top: 47px;padding-bottom: 133px;}

/* 产品中心详情页 */
.products_detail1_bg {background-color: #f8f8f8;padding-top: 55px;padding-bottom: 100px;border-bottom: 1px solid #ebebeb;}
.products_detail1 {width: 94%;max-width: 1400px;margin: 0 auto;overflow: hidden;}
.products_detail1_left {float: left;width: 41.2%;}
.products_detail1_left .swiper-slide img {width: 100%;height: auto;}
.products_detail1_left .mySwiper {margin-top: 17px;}
.products_detail1_left .mySwiper .swiper-slide {cursor: pointer;border: 2px solid transparent;}
.products_detail1_left .mySwiper .swiper-slide-thumb-active {border: 2px solid #43acff;}
.products_detail1_right {float: right;width: 54.8%;}
.products_detail1_right h1 {font-size: 22px;color: #000;background: url(../images/border.jpg) bottom;background-repeat: repeat-x;padding-bottom: 18px;margin-top: 10px;}
.products_detail1_right p {font-size: 16px;color: #000;opacity: 0.7;line-height: 36px;}
.products_detail2 {width: 94%;max-width: 1400px;margin: 0 auto;padding-bottom: 80px;}
.products_detail2 .hd {text-align: center;background: url(../images/border.jpg) bottom;background-repeat: repeat-x;padding-bottom: 28px;margin-top: 48px;}
.products_detail2 .hd ul {display: inline-block;overflow: hidden;}
.products_detail2 .hd ul li {float: left;width: 103px;height: 38px;line-height: 38px;text-align: center;font-size: 16px;color: #5c5c5c;background-color: #f8f8f8;margin: 0 10px;border-radius: 5px;cursor: pointer;}
.products_detail2 .hd ul li.on {background-color: #0b6cb8;color: #fff;}
.products_detail2 .bd {padding-top: 20px;}
.products_detail2 .bd ul li {font-size: 15px;color: #666;line-height: 36px;}

/* 合作流程 */
.service1_bg {width: 94%;max-width: 1400px;margin: 0 auto;padding-top: 49px;padding-bottom: 97px;}
.service1 {margin-top: 62px;}
.service1 ul {overflow: hidden;}
.service1 ul li {float: left;width: 33.33%;text-align: center;padding: 0 6%;}
.service1 ul li h1 {font-size: 20px;color: #454545;font-weight: 400;margin: 28px 0;}
.service1 ul li p {font-size: 14px;color: #999;line-height: 34px;}
.service_title {text-align: center;}
.service_title h1 {font-size: 28px;color: #000;font-weight: 400;margin-bottom: 8px;}
.service_title p {font-size: 20px;color: #2f2f2f;text-transform: uppercase;margin-bottom: 19px;}
.service_title span {display: block;margin: 0 auto;width: 24px;height: 4px;background-color: #0b6cb8;}

/* 服务支持 */
.service2 {overflow: hidden;background-color: #f7f7f7;}
.service2 .service_title {text-align: left;margin-top: 44px;}
.service2 .service_title span {margin: 0;}
.service2_left {float: left;width: 50%;}
.service2_left img {width: 100%;height: 739px;object-fit: cover;}
.service2_right {float: left;width: 48%;max-width: 700px;padding-left: 71px;box-sizing: border-box;}
.service2_right ul {padding-left: 33px;margin-top: 70px;}
.service2_right ul li {overflow: hidden;margin-bottom: 63px;}
.service2_icon {float: left;}
.service2_text {float: left;margin-left: 30px;}
.service2_text h1 {font-size: 20px;color: #262626;font-weight: 400;margin-bottom: 16px;}
.service2_text p {font-size: 14px;color: #999;line-height: 24px;}

/* 新闻资讯 */
.news {width: 94%;max-width: 1400px;margin: 0 auto;padding-top: 54px;}
.news ul::after {content: '';display: block;clear: both;}
.news ul li {float: left;width: 23.25%;margin-right: 2.33%;margin-bottom: 2.33%;border: 1px solid #e6e6e6;-webkit-transition: all 0.4s;transition: all 0.4s;}
.news ul li:nth-child(4n+4) {margin-right: 0%;}
.news ul li:hover {box-shadow: 0 0 10px #ddd;}
.news ul li:hover .inews_img img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.news ul li:hover .inews_text h1 {color: #0b6cb8;}
.news2 {width: 94%;max-width: 1400px;margin: 0 auto;margin-top: 10px;}
.news2 ul {border-top: 1px solid #e5e5e5;}
.news2 ul li {border-bottom: 1px solid #e5e5e5;padding-top: 24px;padding-bottom: 33px;-webkit-transition: all 0.4s;transition: all 0.4s;}
.news2 ul li::after {content: '';display: block;clear: both;}
.news2 ul li:hover {box-shadow: 0 0 10px #ddd;}
.news2 ul li:hover .news_text h1 {color: #0b6cb8;}
.news_text {float: left;width: calc(100% - 171px);padding-left: 24px;}
.news_text h1 {font-size: 17px;color: #333;line-height: 40px;margin-bottom: 12px;font-weight: 400;}
.news_text p {font-size: 14px;color: #808080;}
.news_time {float: left;width: 171px;text-align: center;}
.news_time h1 {font-size: 40px;color: #000;font-weight: 400;}
.news_time p {font-size: 16px;color: #000;opacity: 0.5;}

/* 新闻资讯详情页 */
.news_detail {width: 94%;max-width: 1300px;margin: 0 auto;padding-top: 50px;padding-bottom: 78px;}
.news_detail_title {text-align: center;border-bottom: 1px solid #e5e5e5;padding-bottom: 22px;margin-bottom: 24px;}
.news_detail_title h1 {font-size: 24px;color: #0f0f0f;font-weight: 400;margin-bottom: 15px;}
.news_detail_title p {font-size: 16px;color: #0f0f0f;opacity: 0.5;}
.news_detail_main {font-size: 14px;color: #a4a4a4;line-height: 30px;}

/* 分页 */
.fy {text-align: center;margin-top: 45px;margin-bottom: 55px;}
.fy ul {display: inline-block;overflow: hidden;}
.fy ul li {float: left;}
.fy ul li.fy_active a {color: #fff;background-color: #dd2211;border-color: #dd2211;}
.fy ul li:hover a {color: #fff;background-color: #dd2211;border-color: #dd2211;}
.fy ul li:hover img {filter: grayscale(1) brightness(500%);}
.fy ul li:first-child img {transform: rotate(180deg);}
.fy ul li a {display: block;padding: 5px 13px;font-size: 16px;color: #666;border: 1px solid #cccccc;border-radius: 5px;margin: 0 7.5px;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.fy ul li img {width: 9px;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;}

/* 联系电话 */
.contactus {width: 94%;max-width: 1400px;margin: 0 auto;margin-top: 74px;margin-bottom: 70px;}
.contactus ul {overflow: hidden;}
.contactus ul li {float: left;width: 25%;text-align: center;}
.contactus ul li p {font-size: 14px;color: #666;margin-top: 24px;line-height: 21px;}
.map {width: 94%;max-width: 1400px;margin: 0 auto;overflow: hidden;margin-bottom: 70px;}

/* 底部 */
.bottom_bg {background-color: #222222;padding-top: 52px;}
.bottom {width: 94%;max-width: 1400px;margin: 0 auto;overflow: hidden;}
.bottom_left {float: left;width: 201px;}
.bottom_left h1 {font-size: 14px;color: #5c5c5c;font-weight: 400;margin-top: 98px;margin-bottom: 23px;}
.bottom_left img {margin-right: 12px;}
.bottom_logo img {width: 100%;filter: grayscale(1) brightness(500%);}
.bottom_center {float: left;width: calc(100% - 201px - 353px);overflow: hidden;padding-left: 7%;padding-right: 3.2%;}
.bottom_center dl {float: left;width: 20%;}
.bottom_center dl dt {margin-bottom: 19px;}
.bottom_center dl dt a {font-size: 18px;color: #fff;}
.bottom_center dl dd a {font-size: 14px;color: #5c5c5c;line-height: 36px;}
.bottom_right {float: right;width: 345px;}
.bottom_right h1 {font-size: 22px;color: #fefefe;text-transform: uppercase;margin-bottom: 24px;}
.bottom_right p {margin-bottom: 15px;}
.bottom_right p img {margin-right: 16px;}
.bottom_right p b {font-size: 18px;color: #c3c3c3;}
.bottom_right p i {font-size: 14px;color: #c3c3c3;line-height: 26px;}
.bottom_right span {display: table-cell;}
.bottom_text {font-size: 14px;color: #5c5c5c;text-align: center;line-height: 68px;border-top: 1px solid #393939;margin-top: 93px;}
.bottom_text a {font-size: 14px;color: #5c5c5c;}

@media screen and (max-width: 1500px) {
.top_bg2 .top .top_nav {left: 5.7%;}
.banner .swiper-pagination {left: 5%;}
.banner .swiper-button-prev {left: 3.5% !important;}
}

@media screen and (max-width: 1400px) {
.top_nav ul li {margin-right: 38px;}
.top_nav ul li a {font-size: 14px;}
.top_phone a {width: 143px;height: 32px;line-height: 32px;font-size: 13px;margin-top: 27.5px;}
}
