@charset "utf-8";
* {margin: 0;padding: 0;border-radius: 0;}
body {font-size: 13px;font-family: "微软雅黑";margin: 0px auto;background: #fff;max-width: 640px;height: auto;padding-top: 60px;}
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: lighter;color: #000;}
i {font-style: normal;}

/* 头部 固定定位*/
.top_bg {width: 100%;height: 60px;position: fixed;top: 0;left: 0;right: 0;z-index: 9999;background-color: #fff;box-shadow: 0 0 10px #ddd;}
.top {width: 92%;height: auto;margin: 0 auto;}
.top_logo {float: left;margin-top: 9px;}
.top_logo img {height: 42px;}
.top_nav {position: absolute;right: 0;top: 60px;width: 50%;background-color: rgba(0,0,0,0.8);display: none;/*隐藏*/}
.top_nav ul {overflow: hidden;}
.top_nav ul li {float: none;border-bottom: 1px solid #eee;}
.top_nav ul li:last-child{border: 0;}
.top_nav ul li a {display: block;max-width: auto;font-size: 17px;color: #fff;line-height: 45px;text-align: center;}
.top_nav ul li.active a {color: #1e50ae;}
.top_nav ul li:hover a {color: #1e50ae;}
.top_right {float: right;}
.top_right img {height: 33px;width: auto;margin-top: 11px;}
.top_title {display: none;}
.top_contact {display: none;}

/* banner */
.slideBox {display: none;}
.pc_banner {display: none;}
.sj_banner img {width: 100%;height: auto;}
.box_swipe {overflow: hidden;position: relative;display: block;}
.box_swipe ul li {width: 100%;height: auto;}
.box_swipe ul li img {width: 100%;height: auto;vertical-align: middle;}
.box_swipe > ol {width: 100%;height: auto;position: absolute;text-align: center;bottom: 10px;z-index: 1;}
.box_swipe > ol > li {width: 9px;height: 9px;margin-left: 3px;margin-right: 3px;cursor: pointer;background: #646464;display: inline-block;text-align: center;border-radius: 50%;}
.box_swipe > ol > li.on {background: #fff;}

/* 服务项目 */
.iService_bg {width: 94%;margin: 0 auto;height: auto;padding-top: 35px;padding-bottom: 35px; box-sizing: border-box;}
.iService_bg .title {margin-bottom: 25px;}
.iService > h1 {font-size: 14px;line-height: 23px; color: #999;font-weight: 400;text-align: center;margin-bottom: 20px;}
.iService ul {position: relative;height: 555px;background: url(../images/s.png) no-repeat center;background-size: 50% auto;}
.iService ul li {width: 40%;position: absolute;}
.iService ul li h1 {font-size: 18px;color: #1e50ae;font-weight: 550;font-style: oblique;margin-bottom: 11px;}
.iService ul li p {font-size: 14px;color: #666;line-height: 23px;}
.iService ul li img {width: 38px;vertical-align: bottom;}
.iService ul li:nth-child(1) {top: 0px;left: 0px;}
.iService ul li:nth-child(1) h1 {text-align: left;}
.iService ul li:nth-child(1) p {text-align: left;}
.iService ul li:nth-child(2) {top: 366px;left: 0px;}
.iService ul li:nth-child(2) h1 {text-align: right;}
.iService ul li:nth-child(2) p {text-align: right;}
.iService ul li:nth-child(3) {top: 0px;right: 0px;}
.iService ul li:nth-child(4) {top: 366px;right: 0px;}

.iAboutus1 {height: 180px;background: url(../images/b.jpg) no-repeat center center;padding-top: 29px;box-sizing: border-box;text-align: center;}
.iAboutus1 h1 {font-size: 24px;color: #fff;font-weight: 550;}
.iAboutus1 h2 {font-size: 14px;color: #fff;font-weight: 400;margin-top: 15px;line-height: 23px;}
.iAboutus1 p {font-size: 16px;color: #fff;margin-top: 10px;}

.iAboutus2 {width: 94%;margin: 0 auto;overflow: hidden;margin-top: 35px;margin-bottom: 35px;}
.iAboutus2 .iAboutus2_left {width: 70%;margin: 0 auto;margin-bottom: 20px; position: relative;}
.iAboutus2 .iAboutus2_left img {width: 100%;height: auto;}
.iAboutus2 .iAboutus2_left ul {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.iAboutus2 .iAboutus2_left ul li {text-align: center;position: absolute;width: 80px;height: 80px;}
.iAboutus2 .iAboutus2_left ul li h1 {font-size: 20px;font-weight: 400;color: #fff;margin-bottom: 4px;}
.iAboutus2 .iAboutus2_left ul li p {font-size: 14px;color: #fff;}
.iAboutus2 .iAboutus2_left ul li:nth-child(1) {top: 20%;left: 34%;}
.iAboutus2 .iAboutus2_left ul li:nth-child(2) {top: 66%;left: 9%;}
.iAboutus2 .iAboutus2_left ul li:nth-child(3) {top: 66%;right: 15%;}
.iAboutus2 .iAboutus2_right {padding: 3%;padding-top: calc(3% + 20px); box-sizing: border-box;background-color: #f4f6fa;}
.iAboutus2 .iAboutus2_right ul li {position: relative;margin-bottom: 20px;}
.iAboutus2 .iAboutus2_right ul li:nth-child(1) i {background-color: #fcc003;}
.iAboutus2 .iAboutus2_right ul li:nth-child(2) i {background-color: #05c19b;}
.iAboutus2 .iAboutus2_right ul li:nth-child(3) i {background-color: #499bff;}
.iAboutus2 .iAboutus2_right h1 {font-size: 18px;color: #333;font-weight: 550;margin-bottom: 11px;padding-left: 80px;}
.iAboutus2 .iAboutus2_right p {font-size: 14px;color: #787878;line-height: 23px;padding-left: 80px;}
.iAboutus2 .iAboutus2_right i {position: absolute;top: 0;left: 0px;display: block;width: 65px;height: 65px;line-height: 65px;text-align: center;font-size: 34px;font-weight: 550;color: #fff;}
.iAboutus3 {height: auto;background: url(../images/a3_bg.jpg) no-repeat center / cover;padding-top: 35px;padding-bottom: 10px;}
.iAboutus3 ul {width: 94%;margin: 0 auto;overflow: hidden;}
.iAboutus3 ul li {float: left;width: 48%; text-align: center;position: relative;padding-bottom: 20px;margin-right: 4%; margin-bottom: 20px;border-bottom: 1px dashed #fff;}
.iAboutus3 ul li:nth-child(2n+2){margin-right: 0;}
.iAboutus3 ul li:nth-child(n+3){border: 0;}
.iAboutus3 ul li img {width: 95px;}
.iAboutus3 ul li h1 {font-size: 18px;color: #fff;font-weight: 400;margin-top: 15px;}
.iAboutus3 ul li p {font-size: 14px;color: #fff;line-height: 23px;margin-top: 14px;}

.title {text-align: center;position: relative;}
.title::after {position: absolute;top: 50%;left: 0;display: block;content: '';width: calc(50% - 70px);height: 4px;background-color: #f0f0f0;}
.title::before {position: absolute;top: 50%;right: 0;display: block;content: '';width: calc(50% - 70px);height: 4px;background-color: #f0f0f0;}
.title h1 {font-size: 24px;color: #1e50ae;font-weight: 400;}
.title p {font-size: 14px;color: #999;margin-top: 2px;}

.iAboutus_bg {width: 94%;margin: 0 auto;padding-top: 35px;padding-bottom: 35px;overflow: hidden;}
.iAboutus_bg .title {margin-bottom: 35px;}
.iAboutus {overflow: hidden;box-sizing: border-box;}
.iAboutus .iAboutus_left {}
.iAboutus .iAboutus_left ul li {overflow: hidden;margin-bottom: 34px;text-align: center;}
.iAboutus .iAboutus_left ul li h1 {font-size: 18px;color: #000;font-weight: 400;margin-top: 9px; margin-bottom: 9px;}
.iAboutus .iAboutus_left ul li p {font-size: 14px;color: #666;line-height: 23px;}
.iAboutus .iAboutus_right {}
.iAboutus .iAboutus_right img {width: 100%;height: auto;}
.iAboutus .iAboutus_img {}
.iAboutus .iAboutus_text {}

/* 服务案例 */
.case_bg {width: 94%;margin: 0 auto;padding-top: 30px;padding-bottom: 30px;}
.case_bg .title {margin-bottom: 30px;}
.case > h1 {font-size: 14px;color: #999;font-weight: 400;text-align: center;line-height: 24px;margin-bottom: 20px;}
.case ul {overflow: hidden;}
.case ul li {margin-bottom: 15px;text-align: center;}
.case .case_img img {width: 100%;height: auto;}
.case .case_text {text-align: center;font-size: 14px;line-height: 40px; color: #333;background-color: #f8f8f8;}

/* 产品 */
.pro_bg {width: 94%;margin: 0 auto;padding-top: 30px;padding-bottom: 30px;}
.pro_bg .title {margin-bottom: 33px;}
.pro > h1 {font-size: 14px;color: #999;font-weight: 400;text-align: center;line-height: 24px;margin-bottom: 20px;}
.pro ul {overflow: hidden;}
.pro ul li { margin-bottom: 15px;text-align: center;overflow: hidden;position: relative;}
.pro ul li:hover .pro_text {bottom: 0;}
.pro .pro_img img {width: 100%;height: auto;max-height: 300px;object-fit: cover;}
.pro .pro_text {position: absolute;height: 20px;bottom: -27px;left: 0;width: 100%;height: 27px;line-height: 27px;background-color: rgba(0, 0, 0, 0.7);color: #fff;transition: all 0.6s;}

/* 公司介绍 */
.aboutus1_bg {width: 94%;max-width: 880px;margin: 0 auto;padding-top: 30px;padding-bottom: 10px;}
.aboutus1_bg ul {overflow: hidden;}
.aboutus1_bg ul li { text-align: center;margin-bottom: 20px;}
.aboutus1_bg ul li h1 {font-size: 18px;color: #333;font-weight: 400;margin-top: 19px;}
.aboutus1_bg ul li p {font-size: 14px;color: #666;line-height: 24px;margin-top: 14px;}
.aboutus2_bg {background-color: #f2f2f2;padding-top: 30px;padding-bottom: 30px;}
.aboutus2_bg .title {width: 94%;margin: 0 auto;margin-bottom: 28px;}
.aboutus2_bg .title::after {background-color: #cccccc;height: 1px;}
.aboutus2_bg .title::before {background-color: #cccccc;height: 1px;}
.aboutus2 {width: 94%;margin: 0 auto;}
.aboutus2 > h1 {font-size: 14px;color: #333;font-weight: 400; margin: 0 auto;line-height: 24px;margin-bottom: 17px;}
.aboutus2 ul {overflow: hidden;}
.aboutus2 ul li { margin-bottom: 15px;overflow: hidden;}
.aboutus2 ul li:hover img {transform: scale(1.1);}
.aboutus2 ul li img {width: 100%;height: auto;max-height:300px;transition: all .4s;}

/* 新闻中心 */
.news_bg {width: 94%;margin: 0 auto;padding-top: 30px;padding-bottom: 30px;}
.news_bg .title {margin-bottom: 30px;}
.news ul li {overflow: hidden;border-bottom: 1px solid #e0e0e0;padding-top: 15px;padding-bottom: 15px;}
.news ul li:hover .news_text h1 {color: #1e76cb;}
.news ul li:last-of-type {border: none;}
.news ul li:first-of-type {padding-top: 0;}
.news .news_time {float: left;width: 64px;height: 64px;text-align: center;background-color: #f2f2f2;overflow: hidden;}
.news .news_time h1 {font-size: 22px;color: #666;font-weight: 400;margin-top: 8px;}
.news .news_time p {font-size: 13px;color: #666;margin-top: -2px;}
.news .news_text {float: right;width: calc(100% - 80px);}
.news .news_text h1 {font-size: 16px;color: #666;font-weight: 550;}
.news .news_text p {font-size: 13px;color: #797979;line-height: 24px;margin-top: 9px;}

/* 新闻内页 */
.news_de {width: 94%;margin: 0 auto;padding-bottom: 30px;}
.news_de_top {border-bottom: 1px solid #cccccc;margin-bottom: 20px;}
.news_de_top p {font-size: 16px;color: #1e50ae;height: 16px;line-height: 16px;border-left: 5px solid #1e50ae;padding-left: 5px;margin-top: 15px;margin-bottom: 12px;}
.news_de_main {text-align: center;}
.news_de_main h1 {text-align: center;font-size: 18px;color: #666;font-weight: 400;margin-bottom: 20px;}
.news_de_main p {text-align: left;font-size: 14px;color: #666;line-height: 24px;}
.news_de_main img {max-width: 100%;}

/* 联系我们 */
.contactus_bg {width: 94%;margin: 0 auto;padding-top: 30px;padding-bottom: 30px;overflow: hidden;}
.contactus_bg .title {margin-bottom: 30px;}
.map {margin-bottom: 30px;}
.map .pc_map {display: none;width: 100%;height: 400px;overflow: hidden;}
.map .sj_map {display: block;height: 280px;overflow: hidden;}
.contact_from {box-sizing: border-box;}
.contact_from h1 {font-size: 14px;color: #666;font-weight: 400;margin-bottom: 20px;}
.contact_from input[type="button"] {width: 219px;height: 44px;background: #5ab4ff url(../images/blue_middle.png);background-size: 100% 100%;color: #fff;outline: 0;border: 1px solid #55aaee;margin: 0 auto;display: block; }
.contact_input {overflow: hidden;}
.contact_input div {margin-bottom: 10px;overflow: hidden;}
.contact_input span {font-size: 14px;color: #666;float: left;width: 53px;line-height: 34px;}
.contact_input input {float: left;width: calc(100% - 63px); height: 34px;border: 1px solid #dadada;box-sizing: border-box;padding: 0 8px;}
.contact_input i {color: red;float: left;width: 10px;height: 34px;line-height: 34px; text-align: right;}
.contact_textarea {margin-bottom: 20px;overflow: hidden;}
.contact_textarea span {float: left;width: 53px;line-height: 34px; font-size: 14px;color: #666;vertical-align: middle;}
.contact_textarea textarea {float: left;width: calc(100% - 63px); font-family: '微软雅黑';padding: 8px;vertical-align: middle;height: 66px;border: 1px solid #dadada;box-sizing: border-box;resize: none;}

/* 底部 */
.bottom {width: 100%;height: auto;padding-top: 10px;padding-bottom: 10px; background: #191919;}
.bottom1 {display: none; width: 94%;height: 115px;text-align: center;margin: 0 auto;border-bottom: 1px solid #2f2f2f;}
.bottom1 ul {overflow: hidden;display: inline-block;}
.bottom1 ul li {float: left;line-height: 110px;margin: 0 47px;}
.bottom1 ul li a {font-size: 16px;color: #7e7e7e;}
.bottom2 {display: none; text-align: center;margin-top: 28px;}
.bottom2 h1 {font-size: 36px;color: #1e50ae;font-weight: 400;margin-top: 18px;margin-bottom: 15px;}
.bottom2 p {font-size: 14px;color: #737373;line-height: 32px;}
.bottom3 {line-height: 45px;text-align: center;font-size: 14px;color: #737373;}

/* 侧边栏 */
.sidebar {position: fixed;bottom: 50px;right: 3%;z-index: 9999;}
.sidebar .return {width: 50px;height: 50px;background-color: #3e89f9;border-radius: 2px;line-height: 50px;text-align: center;cursor: pointer;font-family: '宋体';font-size: 20px;box-sizing: border-box;transition: all 0.6s;}
.sidebar .return:hover {opacity: 0.5;}
.sidebar .return p {display: inline-block;transform: rotate(90deg);line-height: 50px;font-size: 30px;font-weight: 550;color: #fff;}
