@charset "utf-8";
* {margin: 0;padding: 0;border-radius: 0;}
body {font-size: 12px;font-family: "微软雅黑";margin: 0px auto;background: #fff;}
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: 150px;}
.top {width: 96%;height: 60px;max-width: 1200px;margin: 0 auto;padding: 20px 0;}
.top_logo {float: left;padding-right: 50px;margin-left: 15px;}
.top_logo p {font-size: 32px;color: #f13a3a;font-weight: 550;line-height: 60px;}
.top_logo span {color: #cccccc;}
.top_contact {float: right;}
.top_contact div {float: right;margin-left: 20px;margin-top: 5px;}
.top_contact img {width: 41px;height: auto;margin-top: 5px;display: inline-block;}
.top_contact h1 {font-size: 17px;color: #666;font-weight: 500;}
.top_contact p {font-size: 20px;color: #666;}
.top_nav {height: 50px;background-color: #1e50ae;}
.top_nav ul {width: 96%;max-width: 1200px;margin: 0 auto;overflow: hidden;}
.top_nav ul li {float: left;}
.top_nav ul li a {display: block;min-width: 120px;max-width: auto;font-size: 16px;color: #eaeaea;line-height: 50px;margin-right: 1px;text-align: center;}
.top_nav ul li.active a {color: #1e50ae;background-color: #fff;}
.top_nav ul li:hover a {color: #1e50ae;background-color: #fff;}
.top_right,
.top_right img {display: none;}

/* banner */
.slideBox {width: 100%;height: auto;overflow: hidden;position: relative;}
.slideBox .hd {overflow: hidden;position: absolute;right: 50%;bottom: 4%;z-index: 1;transform: translateX(50%);}
.slideBox .hd ul {overflow: hidden;zoom: 1;margin-bottom: 2px;}
.slideBox .hd ul li {float: left;width: 10px;height: 10px;background-color: #8cabc9;border-radius: 50%;margin: 0 10px;}
.slideBox .hd ul li.on {background-color: #fff;}
.slideBox .bd {position: relative;height: 100%;z-index: 0;}
.slideBox .bd img {width: 100%;height: auto;display: block;}
.slideBox .bd ul li a {display: block;width: 100%;height: 100%;overflow: hidden;}
.box_swipe {display: none;}
.sj_banner {display: none;}
.pc_banner img {width: 100%;height: auto;}

/* 服务项目 */
.iService_bg {width: 96%;max-width: 1200px;margin: 0 auto;height: 880px;padding-top: 70px;box-sizing: border-box;overflow: hidden;}
.iService_bg .title {margin-bottom: 25px;}
.iService > h1 {font-size: 15px;color: #999;font-weight: 400;text-align: center;margin-bottom: 11px;}
.iService ul {position: relative;height: 535px;background: url(../images/s.png) no-repeat center;}
.iService ul li {width: 340px;position: absolute;}
.iService ul li h1 {font-size: 24px;color: #1e50ae;font-weight: 550;font-style: oblique;margin-bottom: 29px;}
.iService ul li p {font-size: 14px;color: #666;line-height: 26px;}
.iService ul li img {width: 75px;vertical-align: bottom;}
.iService ul li:nth-child(1) {top: 73px;left: 20px;}
.iService ul li:nth-child(1) h1 {text-align: right;}
.iService ul li:nth-child(1) p {text-align: right;}
.iService ul li:nth-child(2) {top: 346px;left: 20px;}
.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: 73px;right: 20px;}
.iService ul li:nth-child(4) {top: 346px;right: 20px;}
.iAboutus1 {height: 467px;background: url(../images/b.jpg) no-repeat center center;padding-top: 115px;box-sizing: border-box;text-align: center;overflow: hidden;}
.iAboutus1 h1 {font-size: 52px;color: #fff;font-weight: 550;}
.iAboutus1 h2 {font-size: 16px;color: #fff;font-weight: 400;margin-top: 15px;line-height: 25px;}
.iAboutus1 p {font-size: 26px;color: #fff;margin-top: 26px;}
.iAboutus2 {width: 96%;max-width: 1200px;margin: 0 auto;overflow: hidden;margin-top: 90px;margin-bottom: 120px;}
.iAboutus2 .iAboutus2_left {width: 34.9%;float: left;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: 28px;font-weight: 400;color: #fff;margin-bottom: 4px;}
.iAboutus2 .iAboutus2_left ul li p {font-size: 18px;color: #fff;}
.iAboutus2 .iAboutus2_left ul li:nth-child(1) {top: 20%;left: 39%;}
.iAboutus2 .iAboutus2_left ul li:nth-child(2) {top: 66%;left: 14%;}
.iAboutus2 .iAboutus2_left ul li:nth-child(3) {top: 66%;right: 20%;}
.iAboutus2 .iAboutus2_right {width: 57%;float: right;padding-top: 35px;padding-left: 80px;padding-right: 50px;box-sizing: border-box;background-color: #f4f6fa;}
.iAboutus2 .iAboutus2_right ul li {position: relative;margin-bottom: 36px;}
.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;}
.iAboutus2 .iAboutus2_right p {font-size: 13px;color: #787878;line-height: 26px;}
.iAboutus2 .iAboutus2_right i {position: absolute;top: 0;left: -121px;display: block;width: 81px;height: 81px;line-height: 81px;text-align: center;font-size: 50px;font-weight: 550;color: #fff;}
.iAboutus3 {height: 619px;background: url(../images/a3_bg.jpg) no-repeat center / cover;overflow: hidden;}
.iAboutus3 ul {width: 96%;max-width: 1200px;margin: 0 auto;overflow: hidden;}
.iAboutus3 ul li {float: left;width: 25%;text-align: center;position: relative;}
.iAboutus3 ul li::after {position: absolute;top: 51%;right: -17%;content: '';width: 105px;height: 30px;background: url(../images/hr.png);display: block;}
.iAboutus3 ul li:last-child::after {display: none;}
.iAboutus3 ul li img {margin-top: 169px;}
.iAboutus3 ul li h1 {font-size: 24px;color: #fff;font-weight: 400;margin-top: 25px;}
.iAboutus3 ul li p {font-size: 14px;color: #fff;line-height: 26px;margin-top: 24px;}
.title {text-align: center;position: relative;}
.title::after {position: absolute;top: 50%;left: 0;display: block;content: '';width: calc(50% - 100px);height: 4px;background-color: #f0f0f0;}
.title::before {position: absolute;top: 50%;right: 0;display: block;content: '';width: calc(50% - 100px);height: 4px;background-color: #f0f0f0;}
.title h1 {font-size: 40px;color: #1e50ae;font-weight: 400;}
.title p {font-size: 18px;color: #999;margin-top: 6px;}
.iAboutus_bg {width: 96%;max-width: 1200px;margin: 0 auto;padding-top: 70px;padding-bottom: 109px;overflow: hidden;}
.iAboutus_bg .title {margin-bottom: 63px;}
.iAboutus {overflow: hidden;padding: 0 75px;box-sizing: border-box;}
.iAboutus .iAboutus_left {float: left;width: 52.8%;margin-top: 95px;}
.iAboutus .iAboutus_left ul li {overflow: hidden;margin-bottom: 34px;}
.iAboutus .iAboutus_left ul li h1 {font-size: 20px;color: #000;font-weight: 400;margin-bottom: 7px;}
.iAboutus .iAboutus_left ul li p {font-size: 14px;color: #666;line-height: 26px;}
.iAboutus .iAboutus_right {float: right;width: 42.3%;}
.iAboutus .iAboutus_right img {width: 100%;height: auto;}
.iAboutus .iAboutus_img {float: left;width: 96px;}
.iAboutus .iAboutus_text {float: right;width: calc(100% - 110px);}

/* 服务案例 */
.case_bg {width: 96%;max-width: 1200px;margin: 0 auto;padding-top: 99px;padding-bottom: 77px;}
.case_bg .title {margin-bottom: 33px;}
.case > h1 {font-size: 18px;color: #999;font-weight: 400;text-align: center;line-height: 30px;margin-bottom: 79px;}
.case ul {overflow: hidden;}
.case ul li {float: left;width: 31.6%;margin-right: 2.6%;margin-bottom: 2.6%;text-align: center;}
.case .case_img img {width: 100%;height: auto;}
.case .case_text {height: 70px;text-align: center;line-height: 70px;font-size: 18px;color: #333;background-color: #f8f8f8;}

/* 产品 */
.pro_bg {width: 96%;max-width: 1200px;margin: 0 auto;padding-top: 99px;padding-bottom: 77px;overflow: hidden;}
.pro_bg .title {margin-bottom: 33px;}
.pro > h1 {font-size: 18px;color: #999;font-weight: 400;text-align: center;line-height: 30px;margin-bottom: 79px;}
.pro ul {overflow: hidden;}
.pro ul li {float: left;width: 23%;margin-right: 2.66%;margin-bottom: 2.66%;text-align: center;overflow: hidden;position: relative;}
.pro ul li:hover .pro_text {bottom: 0;}
.pro .pro_img img {width: 100%;height: auto;}
.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: 96%;max-width: 880px;margin: 0 auto;padding-top: 99px;padding-bottom: 113px;}
.aboutus1_bg ul {overflow: hidden;}
.aboutus1_bg ul li {float: left;width: 28%;margin-right: 8%;text-align: center;}
.aboutus1_bg ul li h1 {font-size: 22px;color: #333;font-weight: 400;margin-top: 19px;}
.aboutus1_bg ul li p {font-size: 15px;color: #666;line-height: 26px;margin-top: 24px;}
.aboutus2_bg {background-color: #f2f2f2;padding-top: 73px;padding-bottom: 114px;overflow: hidden;}
.aboutus2_bg .title {width: 96%;max-width: 1200px;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: 96%;max-width: 1200px;margin: 0 auto;}
.aboutus2 > h1 {font-size: 14px;color: #333;font-weight: 400;text-align: center;width: 75%;margin: 0 auto;line-height: 27px;margin-bottom: 57px;}
.aboutus2 ul {overflow: hidden;}
.aboutus2 ul li {float: left;width: 18.7%;margin-right: 8.4%;overflow: hidden;}
.aboutus2 ul li:hover img {transform: scale(1.1);}
.aboutus2 ul li img {width: 100%;height: auto;transition: all 0.4s;}

/* 新闻中心 */
.news_bg {width: 96%;max-width: 1200px;margin: 0 auto;padding-top: 100px;padding-bottom: 86px;}
.news_bg .title {margin-bottom: 24px;}
.news ul li {overflow: hidden;border-bottom: 1px solid #e0e0e0;padding-top: 35px;padding-bottom: 20px;}
.news ul li:hover .news_text h1 {color: #1e76cb;}
.news ul li:last-of-type {border: none;}
.news .news_time {float: left;width: 84px;height: 84px;text-align: center;background-color: #f2f2f2;overflow: hidden;}
.news .news_time h1 {font-size: 22px;color: #666;font-weight: 400;margin-top: 18px;}
.news .news_time p {font-size: 13px;color: #666;margin-top: -2px;}
.news .news_text {float: right;width: calc(100% - 100px);}
.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: 96%;max-width: 1200px;margin: 0 auto;padding-bottom: 60px;}
.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: 60px;}
.news_de_main p {text-align: left;font-size: 14px;color: #666;}
.news_de_main img {max-width: 100%;}

/* 联系我们 */
.contactus_bg {width: 96%;max-width: 1200px;margin: 0 auto;padding-top: 100px;padding-bottom: 134px;}
.contactus_bg .title {margin-bottom: 54px;}
.map {margin-bottom: 71px;}
.map .pc_map {display: block;width: 100%;height: 400px;overflow: hidden;}
.map .sj_map {display: none;}
.contact_from {padding-left: 10%;box-sizing: border-box;}
.contact_from h1 {font-size: 14px;color: #666;font-weight: 400;margin-bottom: 31px;}
.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-left: 47px;}
.contact_input {margin-bottom: 22px;overflow: hidden;}
.contact_input div {float: left;width: 33.33%;}
.contact_input span {font-size: 14px;color: #666;}
.contact_input input {margin-left: 5px;width: 174px;height: 34px;border: 1px solid #dadada;box-sizing: border-box;padding: 0 8px;}
.contact_input i {color: red;}
.contact_textarea {margin-bottom: 34px;}
.contact_textarea span {font-size: 14px;color: #666;vertical-align: middle;}
.contact_textarea textarea {font-family: '微软雅黑';padding: 8px;margin-left: 5px;vertical-align: middle;width: 256px;height: 66px;border: 1px solid #dadada;box-sizing: border-box;resize: none;}

/* 底部 */
.bottom {width: 100%;height: 389px;background: #191919;overflow: hidden;}
.bottom1 {width: 96%;max-width: 1200px;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 {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: 5%;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;}