@charset "utf-8";
/* CSS Document */
/** {margin: 0;padding: 0;border-radius: 0;box-sizing: border-box;}
body {font-size: 13px;font-family: 'Inter', 'Roboto', 'Open Sans', sans-serif;margin: 0px auto;background: #fff;max-width: 640px;height: auto;padding-top: 68px;}
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 {font-weight: normal;color: #000;}
i {font-style: normal;}
*//* 滚动条 */
/*::-webkit-scrollbar {width: 6px;background: #ffffff;}
::-webkit-scrollbar-thumb {background: #999;border-radius: 10px;}
*//* 头部*/
.top_bg {width: 100%;max-width: 640px;height: 68px;border-bottom: 1px solid #eeeeee;position: fixed;left: 50%;top: 0px; background:#FFFFFF;box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.11);box-sizing: border-box;z-index: 9999;transform: translateX(-50%);transition: all 0.4s ease;}
.top_t{display:none!important;}
.top {width: 96%;margin: 0 auto;}
.top .top_logo {float: left; margin-top: 10px;}
.top .top_logo img {height: 50px;}
.top .top_nav {display: none;}
/*右边三横*/
.top_rr {float: right;}
.menu {float: right;width: 20px;overflow: hidden;display: inline;position: relative;height: 40px;margin-top: 21px;margin-left: 13px;cursor: pointer;}
.menu span {width: 100%;overflow: hidden;position: absolute;left: 0px;top: 5px;z-index: 12;height: 2px;border-radius: 1px;background: #333;transition: all 0.4s ease;}
.menu span:nth-child(2) {top: 12px;transition: all 0.4s ease;}
.menu span:nth-child(3) {top: 19px;transition: all 0.4s ease;}
.menu_show {top: 4px;}
.menu_show span { transform: rotate(45deg);top: 8px;}
.menu_show span:nth-child(2) {transform: rotate(-45deg);top: 8px;}
.menu_show span:nth-child(3) {display: none;}
/*手机版主菜单*/
.nav_sj {display: none;width: 80%;position: absolute;top: 68px;right: 0px;height: auto;background: rgba(24, 24, 24, 0.9);overflow: hidden;padding: 0px 0px;z-index: 99999;}
.nav_sj ul {float: none;display: block;}
.nav_sj ul li {float: none;font-size: 16px;padding: 0 5%;line-height: 50px;text-align: left;border-bottom: 1px #666 solid;box-sizing: border-box;}
.nav_sj ul li span {float: right;}
.nav_sj ul li span img {width: 15px;}
.nav_sj ul li a {color: #f1f1f1;text-align: left;height: 50px;line-height: 50px;display: inline-block;}
.nav_sj ul li a.hover {color: #cccccc; /*font-weight: bolder;*/border-bottom: 0px #666 solid;}
.nav_sj ul li .nav1 {display: none;width: 86%;margin-left: 6%;}
.nav_sj ul li .nav1 a {color: #999;height: 40px;line-height: 40px;font-size: 15px;}
/* 下拉搜索 */
.top_search {float: right;text-align: right;margin-top: 17px;position: relative;}
.top_search i {display: block; float: left;width: 2px;height: 15px;background-color: #999999;margin-top: 9px;}
.ss {display: none;position: fixed;top: 100px;left: 5%;width: 90%;cursor: pointer;border: 1px solid transparent;box-sizing: border-box;background-color: #f1f1f1;}
.ss .input {height: 40px; background:#fffff;width: 100%;padding-left: 10px;font-size: 14px; color: #666;line-height: 40px;border: 1px #eeeeee solid; border-radius:20px;outline: none;}
.ss .inputimg { position:absolute; top:5px; right:5px;width: auto;height: auto;padding-right: 12px;padding-top: 3.5px;filter: grayscale(100%);}
.ss:hover .input {display: block;}
.ss:hover .inputimg {filter: grayscale(1);}
.ss .tclose{width:93%; text-align:right; margin:10px auto; font-size:20px; color:#555; font-weight:bold;}
.topss{width:96%; margin:10px auto; margin-bottom:20px; overflow:hidden; position:relative;}
.sj_search {float: left;margin-right: 10px;margin-top: 4px;}
.sj_search img {filter: grayscale(1);}
/* banner */
.pc_banner_swiper { display: none;}
.sj_banner_swiper .swiper-slide img {width: 100%;height: auto;}
.sj_banner_swiper .swiper-pagination-bullet {width: 18px;height: 5px;border-radius: 2.5px;background: #ffffff;opacity: 1;margin: 0 5px !important;}
.sj_banner_swiper .swiper-pagination-bullet-active { background: #0081cc;}
/*内页banner*/
.pc_banner {display: none;}
.banners{ position:relative;}
.sj_banner img {width: 100%;height: auto;}
.banner_conbg{width:100%; position:absolute; overflow:hidden; top:6%; left:0;}
.banner_conbg .banner_con{width:92%; margin:0 auto; text-align:center; overflow:hidden;}
.banner_conbg .banner_con dt{ font-size:20px; line-height:20px; color:#ffffff; font-weight:bold; text-align:center;}
.banner_conbg .banner_con h1{ font-size:20px; line-height:20px; color:#ffffff; font-weight:bold; text-align:center;}
.banner_conbg .banner_con i{ display:block;font-size:20px; color:#ffffff; font-weight:bold; margin-top:10px;}
.banner_conbg .banner_con p{ font-size:12px; line-height:16px;color:#ffffff;margin-top:10px; width:94%; padding-left:5px;}
.banner_conbg .banner_con span{ display:block; margin:0 auto; margin-top:10px;color:#ffffff; width:100px; padding:5px 10px; text-align:center; border:1px rgba(255,255,255,0.5) solid; font-size:12px; border-radius:22px; }
.banner_conbg .banner_con span b{ font-family: 'Noto Serif SC', '思源宋体', serif;}
.banner_con:hover span{color:#fff; background:#0079c2;border:1px #0079c2 solid;}
/* banner视频 */
.aboutvideo{position:absolute; /*top:20%; left:40%;*/ width:60px;margin-left:-30px;  margin:0 auto; overflow:hidden; padding-top:5%;}
.aboutvideo img{width:60px;transition: all 0.4s ease;}.aboutvideo:hover img{transform: scale(1.1);}
/*弹出层*/
.video_bg{display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #101010;z-index: 9999999999999;}
.video_close img{position: absolute;right: 24px;top: 24px;width: 28px;height: auto;opacity: 0.5;cursor: pointer;}
.video{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 96%;height: 40vh;}
.video iframe{width: 100%;height: 100%;object-fit: cover;}
/*弹出层*/
.inquiry_bg{display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color:rgba(0,0,0,0.5);z-index: 9999999999999;}
.sj_inquiry_bg{display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color:rgba(0,0,0,0.5);z-index: 9999999999999;}
.inquiry_close img{position: absolute;right: 14px;top: 14px;width: 36px;height: auto;opacity: 0.5;cursor: pointer;}
.inquiry{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100vw;height: 77vh; }
#sjinquiry_bg .inquiry{ top:62vh;}
.inquiry_con{background:#ffffff; padding:20px; border-radius:10px; position:relative;}
.in_feedback {width: 94%;margin: 0 auto;margin-bottom: 51px;}
.in_feedback_input {width: 100%!important;height: 40px;border-radius: 5px;margin-bottom: 3.05%;border: 1px solid #dddddd;overflow: hidden; line-height:45px; padding-left:5px;}
.in_feedback_input input[type=text] {width: 100%;height: 100%;border: 0;outline: 0;font-size: 16px;padding: 0 15px;color: #666666;}
.in_feedback_textarea textarea {display: block;width: 100%;height: 239px;border: 1px solid #dddddd;border-radius: 5px;padding: 15px;margin-top: 14.5px;resize: none;outline: 0;font-size: 16px;color: #666666;font-family: 'Inter', 'Roboto', 'Open Sans', sans-serif;}
.in_feedback_btn {text-align: center;margin-top: 25px;}
.in_feedback_btn a{border-radius:25px; padding:10px 20px; height:40px; line-height:40px; font-size:16px;color:#ffffff; background:#000;}
.in_feedback_btn a:hover {background-color: #0079c2;}
/* 标题 */
.title {text-align: center; width: 90%;margin:0 auto; position:relative; height:auto; overflow:hidden;}
.title h2 { position:absolute; left:50%; top:0px;width: 500px; margin-left:-250px; text-align:center;text-transform: uppercase;font-size: 42px;color:rgba(255,255,255,0.2); z-index:-1;font-weight: bold;}
.title .title_con{width:100%;text-align:center; margin-top:28px;margin-bottom: 30px; overflow:hidden; }
.title a{display:block;font-weight: bold; font-size:24px; color:#ffffff;  line-height:26px;text-transform: uppercase; margin-bottom:10px;}.title a:hover{color: #0081cc;}
.title span{ color:#ffffff; line-height:20px; font-size:18px;}
.title p{ color:#ffffff; line-height:20px; font-size:12px; margin-top:10px;}
.title2 {text-align: center;width: 90%;margin:0 auto; position:relative;overflow:hidden;}
.title2 h2 { position:absolute; left:50%; top:0px;width: 500px; margin-left:-250px; text-align:center;text-transform: uppercase;font-size: 42px;color:rgba(0,0,0,0.05); z-index:-1;font-weight: bold;}
.title2 .title_con{width:100%; text-align:center; margin-top:28px;margin-bottom: 30px; overflow:hidden;}
.title2 a{display:block;font-weight: bold; font-size:24px; color:#0079c2; z-index:2; line-height:26px;text-transform: uppercase; margin-bottom:10px;}.title2 a:hover{color: #0081cc;}
.title2 span{ color:#666666; line-height:20px; font-size:18px;}
.title2 p{ color:#666666; line-height:20px; font-size:12px; margin-top:5px;}
.title1 {text-align: center; width: 90%;  margin:0 auto; position:relative;overflow:hidden;}
.title1 h2 { position:absolute; left:50%; top:0px;width: 500px; margin-left:-250px; text-align:center;text-transform: uppercase;font-size: 42px;color:rgba(0,121,194,0.05); z-index:-1;font-weight: bold;}
.title1 .title_con{width:100%;text-align:center; margin-top:28px;margin-bottom: 30px; overflow:hidden;}
.title1 a{display:block;font-weight: bold; font-size:24px; color:#333333; z-index:2; line-height:26px;text-transform: uppercase;}.title2 a:hover{color: #0081cc;}
.title1 span{ color:#666666; line-height:20px; font-size:18px;}
.title1 p{ color:#666666; line-height:16px; font-size:12px; margin-top:5px;}
/* 标题 */
/* 内页导航 */
.navigation_bg { background:#f1f1f1;display: block; width: 100%;position:relative; height:48px; line-height:48px; margin:0 auto;}
.navigation {width: 96%;margin: 0 auto; overflow:hidden; background:url(../images/location.png) no-repeat left; background-size:20px; padding-left:22px;}
.navigation a {font-size: 14px;color: #000;}
.navigation a:hover{color:#0079c2;}
/* faq */
.join_bg {position: relative;padding-top: 20px;height: auto;}.faq_bg{background:#f9f9f9;padding-bottom: 100px;}
.join {width: 94%;margin: 0 auto; overflow:hidden;border-bottom: 1px solid #dddddd;}
.join_item {border-top: 1px solid #dddddd;}
.join_item_active .join_right{ color:#0079c2!important; font-size:40px!important;}
.join_item_active .join_title dt {color: #0079c2;}
.join_item_active .join_title dt img{filter:none;}
.join_item:hover .join_right {color:#0079c2;}
.join_item:hover .join_title dt {color: #0079c2;}.join_item:hover .join_title dt img{filter:none;}
.join_title {cursor: pointer;padding: 20px 0.3%;font-size: 14px;box-sizing: border-box;overflow: hidden;}
.join_title dt { float:left;color: #666;font-weight: 500;}
.join_title dt img{ width:30px; filter:grayscale(100%);}
.join_title dt:first-child{ width:10%;}.join_title dt:nth-child(2){ width:70%;}
.join_title .join_right { float:right;width:10%; text-align:right;color:#000000; font-weight:bold; font-size:24px;}
.join_text {display: none;height: auto;box-sizing: border-box;padding: 0 3.3%;position: relative;padding-bottom: 25px;}
.join_text p {font-size: 14px;color: #666;line-height: 22px; width:100%;}
/*产品推荐*/
.pro_recom{width:94%;margin:30px auto; overflow:hidden;}
.pro_recom ul{width:100%; margin:0 auto; overflow:hidden; margin-bottom:30px;}
.pro_recom ul { margin-left:0; padding-left:0;}
.pro_recom ul li{width:100%; margin:0px auto; margin-bottom:10px; border:1px #dddddd solid; border-radius:10px; list-style:none;}
.pro_recom ul li .pro_recom_con{ width:90%; margin:0 auto; overflow:hidden; text-align:center; }
.pro_recom ul li .pro_recom_con img{ max-width:100%; margin:10px auto;transition: all 0.4s ease;}
.pro_recom ul li .pro_recom_con h3{font-size: 18px;color: #333333;font-weight: bold;overflow:hidden; line-height:25px; margin-top:10px;}
.pro_recom ul li .pro_recom_con p{font-size:14px; color:#666666; line-height:20px; text-align:left;  overflow:hidden; margin-top:10px; margin-bottom:25px;}
.pro_recom ul li .pro_recom_con span{ display:block; margin:0px auto; margin-bottom:30px;}
.pro_recom ul li .pro_recom_con span a{ font-size: 14px;color: #fff;padding: 6px 12px;border: 1px solid #0079c2;background-color: #0079c2;border-radius: 20px; margin-left:3%; margin-right:3%;}
/*产品推荐结束*/
/*新闻推荐*/
.news_recom{width:94%; margin:30px auto; overflow:hidden;}
.news_recom ul{width:100%; margin:0 auto; overflow:hidden; margin-bottom:30px;}
.news_recom ul li{width:100%;border-bottom:1px #dddddd solid;margin-bottom:15px;}
.news_recom ul li .news_recom_img{width:100%; overflow:hidden;border-radius: 8px; }
.news_recom_img img {width: 100%;height: auto;}
.news_recom_text { width:100%; overflow:hidden; margin-top:10px;}
.news_recom_text .news_recom_titlea {font-size: 18px;color: #333333;font-weight: bold;line-height: 25px; overflow:hidden;margin-bottom: 9px;transition: all 0.4s ease;}
.news_recom_more {font-size: 14px; margin-top: 10px; overflow:hidden; padding-top:4px;padding-bottom:10px;}
.news_recom_text .news_recom_more span {display: block;font-size: 14px; height:30px; line-height:30px;}
.news_recom_more .time{float:left; width:60%; color:#0079c2; background:url(../images/time.png) no-repeat left; background-size:20px; padding-left:25px;}
.news_recom_more .more{float:right; text-align:right; width:35%; padding-right:5%;color: #666;}.news_recom_more .more  b { font-family: 'Noto Serif SC', '思源宋体', serif; font-size:14px;}
/* 底部 */
.bottom_bg {padding-bottom: 15px;background-color: #0082d0;}
.bottom {width: 100%;margin: 0 auto;}
.bottom1 {margin-top: 100px;padding-top: 11px;padding-bottom: 11px; width:100%;border-top: 1px solid rgba(255, 255, 255, 0.6);background-color: #0082d0;border-bottom: 1px solid rgba(255, 255, 255, 0.6); overflow:hidden; position: fixed; bottom:0px;}
.bot1_left{ display:none;}
.bot1_right{display:none;}
.bota_right{display:block;width:100%; text-align:center;}.bota_right a{display:block; height:40px; line-height:40px; font-size:16px; color:#ffffff;}
.bottom_logo {float: left; margin-top: -7px;}
.bottom_logo img {height: 42px;filter: grayscale(1) brightness(500%);}
.bottom_terraces {width:94%; margin:0px auto; overflow:hidden; padding-top:10px;}
.bottom_terraces ul{ text-align:center;}
.bottom_terraces ul li { display:inline-table;margin-left: 6px;}
.bottom_terraces ul li a:hover {opacity: 0.8;}
.bottom_terraces ul li a img {width: 32px;height: 32px;}
.bottom2 {display: none;}
.bottom3 {text-align: center;font-size: 13px;color: rgba(255, 255, 255, 0.7); margin-top: 13px; padding-bottom:60px;}
.bottom3 a {display: inline-block;margin-left: 10px;color: rgba(255, 255, 255, 0.7);}
.bottom3 a:hover {opacity: 0.8;}
.ibotprice_bg{display:none;}
/* 侧边栏 */
.online {position: fixed; right: 0;top: 50%; margin-top: -163px; width: 40px;z-index: 999; }
.online ul.icons { position: absolute;list-style: none;right: 0px;width: 40px;}
.online ul.icons li {text-align: center;margin-bottom: 1px;}
.online ul.icons li i {display: block;position: relative;width: 40px;height: 40px; cursor: pointer;z-index: 210;background: url(../images/onlinebg1.png) no-repeat;}
.online ul.icons li.wechat i {background-position: 0 -82px;}
.online ul.icons li p {display: block;position: absolute;top: 0px;right: -190px;color: #FFFFFF; line-height: 40px;background: rgba(0, 0, 0, 0.7);overflow: hidden;z-index: 201; transition: all 0.3s;width: 155px;height: 177px;padding: 10px;}
.online ul.icons li p span {display: block; color: #ffffff;font-size: 14px;line-height: 35px;}
.online ul.icons li:hover p { right: 40px;}
.online ul.icons li p a {color: #fff;}
.online ul.icons li.tel i {background-position: 0 -205px;}
.online ul.icons li.tel p {width: 150px;margin-top: 2px;height: auto;padding: 10px;}
.online ul.icons li.xinxi i {background-position: 0 -246px;}
.online ul.icons li.xinxi p {width: 150px;margin-top: 82px;height: auto; padding: 0px;}
.online ul.icons li.ali i {background-position: 0 -123px;}
.online ul.icons li.ali p {width: 150px;margin-top: 162px;height: auto; padding: 0px;}
.online ul.icons li.up i { background-position: 0 -287px;}