/*===全局===*/
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%;}
body{font-family: "Microsoft Yahei",Helvetica, Arial, sans-serif; font-size: 1.4rem; color:#333;}
body, button, input, optgroup, select, textarea, h1, h2, h3, h4, h5, h6, p, figure, form, blockquote, ul, ol, li, dl, dd{margin:0;padding:0}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{display: block;}
input[type="button"], input[type="submit"], input[type="reset"]{-webkit-appearance:none;}
img{vertical-align:middle; max-width:100%; border:0; height: auto;}
ul,ol,li{list-style:none;}
input,textarea,select{outline:none; font-size:100%;}
a{color:#333; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.table{border-collapse:collapse; border-spacing:0;}
.clear{clear:both; height:0; overflow:hidden;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.fl{float:left;}
.fr{float:right;}
.tr {text-align: right;}
html,body{height:99.9%; min-height:100%; position:relative;}
.page{width:100%; min-height:100%; overflow-x:hidden; position: relative;}
.page_header{padding-top:50px;}
.page_footer{padding-bottom: 50px;}
.page_header_footer{padding: 44px 0 49px 0;}
.page_full{width:100%; height: 100%; position:absolute; top:0; left:0; overflow:hidden;}
.pad100 {width: 100%; padding: 0 3%;}
.bgfff {background: #fff;}
.bgGray {background: #f2f2f2;}
.padTB10 {padding-top: 10px; padding-bottom: 10px;}
.padTB20 {padding-top: 20px; padding-bottom: 20px;}
.padTop {padding-top: 20px;}
.padBottom {padding-bottom: 20px;}
body {background: #fff;}
body.isMask {overflow: hidden !important;}
html.isMask {overflow: hidden !important;}

.ellipsis{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ellipsis-2{display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ellipsis-3{display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.ellipsis-4{display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}

/*===头部===*/
.header {width: 100%; height: 50px; position: fixed; top: 0; left: 0; z-index: 999; padding: 0 3%; box-shadow: #666 0 2px 5px;}
.header .logo {padding: 12px 0;}
.header .logo img {height: 26px; display: block;}
.header .menu {padding-left: 3%;}
.header .menu i {font-size: 24px; line-height: 52px; color: #666;}

.in_banner_swiper .swiper-pagination {display: none;}

.panel {width: 200px; height: 100%; position: absolute; top: 0; left: 0; background: #fff; z-index: 9999; -webkit-transform: translate(-200px,0); -moz-transform: translate(-200px,0); -ms-transform: translate(-200px,0); transform: translate(-200px,0); -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; transition: 300ms;}
.panel .close {height: 40px; line-height: 40px; color: #333; display: block; border-bottom: 1px solid #eaeaea; text-align: right; padding: 0 12px;}
.panel li a {height: 40px; line-height: 40px; color: #333; display: block; padding-left: 10px;border-bottom: 1px solid #eaeaea;}
.panel li .icon-dian {color: #d6d6d6;}
.panel .hasChild a {position: relative;}
.panel .hasChild em {position: absolute; top: 0; right: 0; font-style: normal; display: block; width: 40px; text-align: center; font-size: 20px; color: #888;}
.panel .child {display: none;}
.panel dd a {padding-left: 3em; position: relative;}
.panel dd i {position: absolute; top: 0; right: 0; display: block; width: 40px; text-align: center; color: #999;}
.panel li.current > a {color: #fff; background: #e77817;}
.panel li.current > a i {color: #fff;}
.panel li.current > a em {color: #fff;}
.panelActive {-webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0);}
.panelBg {width: 100%; height: 100%; position: fixed; top: 0; bottom: 0; background-color: rgba(0,0,0,.6); z-index: 9998; display: none;}

.in_solution_title {text-align: center; padding: 30px 0 10px;}
.in_solution_title_c {display: inline-block; text-align: center;}
.in_solution_title .left {font-size: 20px; font-weight: bold; color: #505050;}
.in_solution_title .left span {color: #e77817;}
.in_solution_title .right {font-size: 13px; color: #505050; font-weight: bold; line-height: 15px; padding: 1px 0 0 10px;}
.in_solution_list {padding-bottom: 40px;}
.in_solution_list .swiper-container {overflow: initial;}
.in_solution_list li {position: relative;}
.in_solution_list .bottom {background: #f6f6f6; position: absolute; top: 100px; left: 0; width: 100%;}
.in_solution_list .bottom_c {padding: 8px 8% 10px;}
.in_solution_list .title {font-size: 14px; color: #333; line-height: 24px;}
.in_solution_list .des {font-size: 12px; color: #666; line-height: 22px;}

.in_title {padding: 10px 0;}
.in_title .title_en {font-size: 17px; font-weight: bold; line-height: 20px; color: #333; font-family: arial;}
.in_title .title_cn {font-size: 14px; line-height: 20px; color: #555;}

.in_about {padding-top: 15px; padding-bottom: 20px; background: url(../img/in_about.jpg) repeat-y center center; background-size: 100%;}
.in_about .in_title {padding: 6px 0;}
.in_about .title_en {color: #fff;}
.in_about .title_cn {color: #fff;}
.in_about .line span {display: block; width: 20px; height: 2px; background: #fff;}
.in_about .content {font-size: 13px; color: #eee; line-height: 22px; padding-top: 13px;}
.in_about .btn {padding-top: 15px; text-align: center;}
.in_about .btn a {display: inline-block; width: 80px; height: 24px; background: none; border-radius: 5px; border: 1px solid #fff; line-height: 24px; text-align: center; font-size: 14px; color: #fff;}
.in_about .data {padding: 8px 0 0;}
.in_about .data li {float: left; width: 33.33%; text-align: center;}
.in_about .data .num {font-size: 19px; color: #fff; line-height: 28px; font-family: arial; font-weight: bold;}
.in_about .data .en {font-size: 12px; color: #bbb; line-height: 16px; font-family: arial;}
.in_about .data .cn {font-size: 12px; color: #ddd; line-height: 16px;}

.caseType ul {width: 102%;}
.caseType li {float: left; width: 22%; margin-right: 3%; text-align: center; border: 1px solid #adadad; border-radius: 3px; font-size: 12px; line-height: 24px; color: #4c4c4c;}
.caseType li i {font-size: 14px; color: #666;}
.caseType_mask {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,.6); z-index: 9998; display: none;}
.caseType_container {width: 70%; position: fixed; left: 15%; top: 50%; z-index: 9999; margin-top: -90px; background: #fff; border-radius: 5px; display: none;}
.caseType_container .title {text-align: center; font-size: 16px; color: #666; height: 40px; line-height: 42px; border-bottom: 1px solid #ccc;}
.caseType_container .list {padding: 5px 4%; height: 140px; overflow-y: scroll;}
.caseType_container .list li a {display: block; font-size: 14px; height: 34px; line-height: 36px; border-bottom: 1px solid #eaeaea; padding: 0 4%;}

.in_case {padding-top: 15px; padding-bottom: 30px;}

.in_team {padding-top: 10px; padding-bottom: 30px;}
.in_team_top .more {padding-top: 15px;}
.in_team_top .more a {font-size: 13px; color: #333; height: 26px; line-height: 28px; display: inline-block; width: 80px; text-align: center; border: 1px solid #333;}
.in_team_container {overflow: hidden;}
.in_team_container img {width: 100%;}
.in_team_container .big_img {display: none;}
.in_team_container .big_img.on {display: block;}
.in_team_container .small_img {float: left; width: 25%; position: relative; cursor: pointer;}
.in_team_container .small_img i {position: absolute; left: 0; top: -9px; width: 100%; height: 12px; background: url(../img/in_team_on.png) no-repeat center center; background-size: 100%; display: none;}
.in_team_container .small_img.on i {display: block;}
.in_team_container .content {padding: 15px 0; display: none; background: #f4f4f4;}
.in_team_container .content.on {display: block;}
.in_team_container .content .left {width: 45%; padding: 0 5%; border-right: 1px solid #e3e3e3;}
.in_team_container .content .d1 {font-size: 13px; color: #333; line-height: 22px;}
.in_team_container .content .d2 {font-size: 17px; color: #333; line-height: 26px; font-weight: bold;}
.in_team_container .content .d3 {font-size: 13px; color: #666; line-height: 18px;}
.in_team_container .content .bottom {padding-top: 15px;}
.in_team_container .content .bottom .work {padding-left: 10%; text-align: center;}
.in_team_container .content .bottom .title {font-size: 15px; color: #666; line-height: 22px; font-weight: bold;}
.in_team_container .content .bottom .num {font-size: 18px; color: #333; text-align: center; line-height: 22px; font-weight: bold;}
.in_team_container .content .right {width: 55%; padding: 0 8%;}
.in_team_container .content .des {font-size: 13px; color: #333; line-height: 24px; font-weight: ; min-height: 72px;}
.in_team_container .content .more {text-align: right;}
.in_team_container .content .more a {font-size: 12px; color: #2b2a2a; line-height: 30px;}

.in_news {padding-top: 10px; padding-bottom: 20px;}
.in_news .first {padding-bottom: 10px;}
.in_news .first .title {font-size: 15px; color: #373636; line-height: 36px;}
.in_news .first .des {font-size: 13px; color: #7e7e7e; line-height: 22px;}
.in_news .list li {padding: 10px 0; border-top: 1px dashed #ccc;}
.in_news .list .title {font-size: 15px; color: #373636; line-height: 36px;}
.in_news .list .des {font-size: 13px; color: #7e7e7e; line-height: 22px;}

.in_partner {padding-top: 20px; padding-bottom: 30px;}
.in_partner_title {text-align: center;}
.in_partner_title .t1 {font-size: 14px; color: #333; line-height: 16px; padding: 3px 0;}
.in_partner_title .t2 {font-size: 13px; color: #666; line-height: 15px; padding: 2px 0;}
.in_partner_list {padding-top: 15px;}
.in_partner_list ul {border-left: 1px solid #eee; border-top: 1px solid #eee;}
.in_partner_list li {float: left; width: 33.33%;}
.in_partner_list li a {display: block; padding: 5% 15%; border-right: 1px solid #eee; border-bottom: 1px solid #eee;}
.in_partner_list li img {width: 100%; -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -ms-filter: grayscale(1); -o-filter: grayscale(1); filter: grayscale(1); transition: all 0.3s ease-out;}

.footer {background: #383838; padding-top: 10px; padding-bottom: 15px;}
.footer .title {font-size: 16px; color: #fff; line-height: 36px; border-bottom: 1px solid #ccc;}
.footer .title span {font-size: 13px; color: #fff; line-height: 36px; padding-left: 10px;}
.footer .list {padding-top: 10px;}
.footer .list li {font-size: 14px; color: #fff; line-height: 26px;}
.footer .list li a {font-size: 14px; color: #fff; line-height: 26px;}

.newsList li {padding: 15px 0; border-bottom: 1px solid #eaeaea;}
.newsList li .img {width: 40%;}
.newsList li .right {width: 60%; padding-left: 3%;}
.newsList li .title {font-size: 15px; color: #3a3a3a; line-height: 30px;}
.newsList li .des {font-size: 12px; color: #767676; line-height: 18px;}

.newsDetail_top {padding: 15px 0;}
.newsDetail_top .title {font-size: 15px; color: #3a3a3a; line-height: 22px;}
.newsDetail_top .info {font-size: 13px; color: #888; line-height: 22px; padding-top: 5px;}
.newsDetail_con {padding: 0 0 15px;}

.caseList li {float: left; width: 48%; margin-right: 4%; box-shadow: #ccc 0 3px 5px; margin-top: 15px;}
.caseList li:nth-of-type(2n) {margin-right: 0;}
.caseList li .title {font-size: 14px; color: #4d4d4d; line-height: 30px;}
.caseList li .bottom {padding: 6px 0; transition: all 0.5s; background: #fff; padding: 0 4%;}
.caseList li .more {border-top: 1px solid #e4e4e4;}
.caseList li .left {font-size: 12px; color: #888; line-height: 30px;}
.caseList li .right i {color: #888; line-height: 30px;}

.caseDetail {padding-top: 15px;}
.caseDetail .img img {width: 100%;}
.caseDetail .title {font-size: 15px; color: #4b4b4b; line-height: 36px; padding-top: 5px;}
.caseDetail .list {font-size: 13px; color: #7f7f7f; line-height: 26px; padding-bottom: 10px;}
.caseDetail .contact {padding: 10px 0; border-bottom: 1px solid #eaeaea; border-top: 1px solid #eaeaea;}
.caseDetail .contact .num {font-size: 15px; color: #4b4b4b; line-height: 26px;}
.caseDetail .contact .text {font-size: 12px; color: #7f7f7f; line-height: 26px;}
.caseDetail .contact .btn a {display: block; width: 90px; height: 30px; background: #e77817; font-size: 14px; color: #fff; line-height: 30px; text-align: center; border-radius: 5px;}
.caseDetail .contact .btn {padding-top: 6px;}
.caseDetail .content {padding: 10px 0 20px;}
.caseDetail_pa {text-align: center;}
.caseDetail_pa .swiper-pagination-bullet-active {background: #e77817;}

.page_banner img {width: 100%;}

.page_culture_bottom .title {font-size: 16px; color: #333; line-height: 40px;}
.page_culture_bottom .des {font-size: 14px; color: #333; line-height: 24px; padding-top: 10px;}
.page_culture_bottom .line span {display: block; width: 20px; height: 2px; background: #333;}
.page_culture_bottom .bottom {padding-top: 15px; padding-bottom: 40px;}

.page_service li {margin-bottom: 15px;}
.page_service .img {width: 55%;}
.page_service .text {width: 45%;}
.page_service img {width: 100%;}
.page_service .text_c {padding: 8% 6% 0;}
.page_service .text_c .title {font-size: 15px; color: #333; line-height: 20px;}
.page_service .text_c .des {font-size: 13px; color: #666; line-height: 20px; padding-top: 3%;}

.page_history_title {text-align: center; font-size: 19px; color: #555; font-weight: bold; line-height: 30px;}
.page_history_dot {text-align: center;}
.page_history_list .left {width: 50%; padding-top: 50px; border-right: 1px solid #d3d3d3;}
.page_history_list .right {width: 49.5%; padding-top: 100px;}
.page_history_list .left li {margin-bottom: 60px;}
.page_history_list .right li {margin-bottom: 60px;}
.page_history_list .top .line span {display: block; width: 35px; height: 1px; background: #d3d3d3; margin-top: 12px;}
.page_history_list .left .top .line span {margin-left: 8px;}
.page_history_list .right .top .line span {margin-right: 8px;}
.page_history_list .top .year {font-size: 16px; color: #666; line-height: 24px;}
.page_history_list .box {width: 90%; margin-top: 15px;}
.page_history_list .box .year {font-size: 16px; color: #fff; line-height: 40px; background: #e77817; padding: 0 5%;}
.page_history_list .box .bottom {background: #f7f7f7; text-align: center; padding: 10px 4%;}
.page_history_list .box .text {font-size: 13px; color: #666; line-height: 24px; padding: 15px 0 0;}

.page_about_title {text-align: center; padding: 20px 0 10px;}
.page_about_title .title1 {font-size: 17px; color: #333; line-height: 26px; font-weight: bold;}
.page_about_title .title2 {font-size: 14px; color: #a3a3a3; line-height: 24px;}
.page_about .about .content {font-size: 14px; color: #333; line-height: 26px; text-indent: 2em;}
.page_about .gaikuang {background: url(../img/page_about_bg.png) no-repeat center 88px; background-size: 100%; padding-bottom: 30px;}
.page_about .gaikuang .date {font-size: 14px; color: #a3a3a3; line-height: 32px;}
.page_about .gaikuang .content {font-size: 14px; color: #555; line-height: 26px; text-align: center;}
.page_about .gaikuang .data {padding: 10px 5% 20px;}
.page_about .gaikuang .data li {width: 33%; text-align: center; float: left;}
.page_about .data .num {font-size: 19px; color: #333; line-height: 28px; font-family: arial; font-weight: bold;}
.page_about .data .en {font-size: 12px; color: #333; line-height: 16px; font-family: arial;}
.page_about .data .cn {font-size: 12px; color: #333; line-height: 16px;}
.page_about .company .img {width: 50%;}
.page_about .company .text {width: 50%;}
.page_about .company li {background: #f7f7f7;}
.page_about .company .text_c {padding: 20% 10%;}
.page_about .company .title {font-size: 15px; color: #333; line-height: 30px;}
.page_about .company .des {font-size: 13px; color: #666; line-height: 24px;}

.page_contact {padding-top: 15px;}
.page_contact .company {font-size: 16px; color: #5c5c5c; line-height: 36px;}
.page_contact .list li {font-size: 14px; color: #666666; line-height: 26px;}
.page_contact .bottom {padding-top: 10px; padding-bottom: 30px;}

.ajaxpage{display:none;}
.ajax_tips{height: 30px; line-height: 30px; background-color: #efefef; text-align:center; margin-top: 10px;}
.fixedloading{width:80px; height:80px; position:fixed; top:50%; left:50%; margin:-40px 0 0 -40px; z-index:9999; display:none; background: url(../img/loading.svg) 0 0 no-repeat; background-size: cover;}
.fixedloadingbg{position:fixed; top:0px; left:0; width:100%; height:100%; background-color: rgba(0,0,0,.5); z-index:9998; display:none;}

.in_video {padding: 10px 3%;}
.in_video .pagination {width: 100%; left:0; bottom:20px; z-index: 9; text-align: center;}
.in_video span {display: inline-block; width: 5px; height:5px; line-height: 0px; font-size: 0px;  background: #939393; margin: 6px 3px; border-radius: 50%; cursor: pointer; opacity: 0.5; transition: all .5s;}
.in_video .swiper-pagination-bullet-active {background: #e7791a; opacity: 1; width: 20px; opacity: 1; border-radius: 5px;}