@charset "utf-8";
*{ padding: 0; margin: 0;}
ul,li{ list-style: none;} 
a,a:hover,a:focus{ text-decoration: none;}
body{ font-family: "pingfang SC", "helvetica neue", arial, "hiragino sans gb", "microsoft yahei ui", "microsoft yahei", simsun, sans-serif;font-size:16px; line-height: 1.8;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ line-height:1.5 }
dt,dd{ line-height: 1.7;}
a,input{ outline: none; }

.pt-80{ padding-top: 80px;}
.mt-20{ margin-top: 20px; }
em,i{ font-style: normal; }
img{ max-width: 100%;}
p{ margin-bottom: 0;}
label{ font-weight: normal; }
.bg-grey{ background: #f7f8fa;}
.label-primary{ background-color: #4285f4; }
.mt-90{ margin-top: 90px;}
/*header*/
.navbar-inverse{ background: #fff; border-color:#e7e7e7;}
.navbar-fixed-top, .navbar-fixed-bottom{ z-index: 998;}
.navbar-brand{ height: 80px; line-height: 50px;}
.nav > li{ margin-left: 30px;}
.navbar{ margin-bottom: 0;}
.navbar-nav>li>a{ line-height: 50px; font-size: 18px;}
.navbar-inverse .navbar-nav > li > a{ color:#20242b;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{ background-color: transparent;  color:#4285f4; border-bottom: 4px #4285f4 solid;}
.navbar-toggle{ margin-top: 16px;}
.navbar-inverse .navbar-toggle{ border-color: #9d9d9d; }
.navbar-inverse .navbar-toggle .icon-bar{ background-color:#9d9d9d; }
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {color: #333; background-color: transparent;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{ width: 218px; height: auto;}
.navbar-brand > img{ width: 100%; height: 100%;  }
.sub-bar{ position: absolute; left: 0; top:80px; padding:10px 15px; width: 200px; background: #fff; display: none; box-shadow:0px 0px 6px rgba(0,0,0,0.16); border-radius: 2px;}
.case-bar{ width: 380px; height: 220px;}
.case-bar li{ float: left; width: 150px;  margin: 0 10px;}
.navbar-nav{ margin-left: 60px;}
.navbar-nav>li:hover .sub-bar{ display: block; }
.sub-bar li:last-child{ border-bottom: none;}
.sub-bar li{ border-bottom: 1px #ebeef3 solid; position: relative; }
.sub-bar li a{ color:#666; padding: 10px 20px; display: block;}
.sub-bar li a:hover{ color:#4285f4; }
.sub-bar li em{ display: none; position: absolute; left: 0; top:50%; width: 3px; height: 18px; margin-top: -9px; background: #4285f4;}
.sub-bar li a:hover em{ display: inline-block;}
.sub-bar li.active a{ color:#4285f4;}
/*.sub-bar li.active em{ display: block; }*/
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {background-color: transparent;}
.navbar-right li a span{ display: inline-block; background-image: linear-gradient(-84deg,#4285f4 0,#1AB6FF 0,#028FFF 100%); color:#fff; padding: 0 15px; border-radius: 2px;}
@media (min-width: 1200px){
.container {width: 1200px;}
}
@media (max-width: 767px) {
.sub-bar{ position:inherit; left: 0; top:0px; padding: 0px; width: 100%; background: #fff; display: block; box-shadow:0px 0px 0px rgba(0,0,0,0.16); }
.navbar-nav{ margin: 0;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border-color:#e7e7e7;}
.nav > li{ margin-left: 0;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{ width: 168px;}
.navbar-right { display:none;}
.case-bar{ width: 100%; height: auto;}
.case-bar li{ float: none; width: auto;  margin: auto;}
}
/*banner*/
.swiper-banner{ width: 100%; height: 24vw; overflow: hidden; text-align: center; }
.swiper-banner .swiper-slide img{ width: 100%; height: 100%; object-fit:none; }
@media (max-width: 767px) {
.pt-80{ padding-top: 68px;}
.swiper-banner .swiper-slide img{ object-fit: scale-down;}
}
/*首页-公司介绍*/
.intro-bg{ background: url(../images/intro-bg.png) no-repeat center; background-size: cover; min-height: 620px; }
.wrapper h1{ text-align: center; padding: 20px 0; color: #20242b; font-size: 32px; }
.wrapper h2{ text-align: center; padding: 40px 0; color: #fff; font-size: 32px; }
.intro-txt{ text-align: center; padding: 20px 40px; color:#737c8b;}
.index-data{ padding: 20px 20px 0 20px;}
.index-data ul{ display: flex; }
.index-data li{ flex: 1; padding: 0 15px; text-align: center;}
.index-data li h5{  color:#4285F4;}
.index-data li h5 span{ font-family:"jyn"; font-size: 48px; }
.index-data li h5 em{ font-size: 18px; margin-left: 5px;}
.index-data li p{ color:#737c8b;}
.index-partner{ margin-top: 40px; height: 88px; overflow: hidden; }
.index-partner ul{ display: flex; }
.index-partner li{ flex: 1; text-align: center; margin: 0 20px; width: 100%; height: 100%; overflow: hidden;}
.index-partner li img{ width: 100%; height: 100%; object-fit:scale-down;}
.view-more{ text-align: center; margin: 40px 0;}
.view-more a{ color: #4285F4;}
@media (max-width: 767px) {
	.intro-txt{ padding: 0 20px;}
	.index-data li{ }
	.index-data li h5 span{ font-size: 30px;}
	.index-data li p{ font-size: 14px;}
	.index-partner li{ margin: 0 10px;}
	.wrapper h1,.wrapper h2{ font-size: 28px; }
	.index-partner{ height: 30px;}
}
/*功能简介*/
.func-bg{ background: url(../images/func-bg.jpg) no-repeat center; background-size: cover; min-height: 480px; padding-bottom: 30px;  }
.func-box .tab-content{ color:#fff; padding: 20px 0;}
.func-box .nav-tabs{ border-bottom:1px rgba(255,255,255,0.08) solid; position: relative; text-align: center;}
.func-box .nav-tabs > li{ margin-bottom: 0; font-size: 20px; float: none; display: inline-block;}
.func-box .nav-tabs > li:last-child{ margin-right: 0;}
.func-box .nav-tabs > li.active > a{ border-bottom: 2px transparent solid; }
.func-box .nav-tabs > li.active > a, .func-box .nav-tabs > li.active > a:hover, .func-box .nav-tabs > li.active > a:focus{ border: none; color:#4285F4; border-bottom: 2px #4285F4 solid; background-color:transparent; }
.func-box .nav > li > a:hover,.func-box .nav > li > a:focus { border:  1px solid transparent; background-color:transparent;}
.func-box .nav > li { margin-left: 0; margin-right: 60px; text-align: center; }
.func-box .nav-tabs > li > a{ color:#fff; }
.func-box .nav-tabs > li > a em{ margin-right: 5px;}
.func-box .nav-tabs > li > a em.glyphicon{ top:4px;}
.index-func{ }
.more-abs{ position: absolute; right:0; top:8px; }
.more-abs a{ color:#4285F4; }
.func-item{ position: relative;  }
.func-txt{ float: left; width: 700px; }
.func-txt h3{ margin-bottom: 20px; }
.detail-more a{ display: inline-block; background-image: linear-gradient(-84deg,#4285f4 0,#1AB6FF 0,#028FFF 100%); color:#fff; padding: 0 20px; border-radius: 2px; height: 50px; line-height: 50px; }
.func-img{ float: right; width: 400px; height: 200px;}
.func-img img{ width: 130%; height: 130%; object-fit: scale-down;}

.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a{ display: block; padding: 10px 0; color:#fff;}
.panel{ background-color: rgba(255,255,255,0.2); color:#fff;}
.panel-default{ border-color:transparent;}
.panel-default > .panel-heading{ background-color:transparent; border-color: transparent;}
.panel-group{ display: none;}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group{ border-top:1px rgba(255,255,255,0.1) solid; }
@media (max-width: 767px) {
	.func-box{ display: none;}
	.panel-group{ display: block;}
	.func-item{ padding-right: 0;}
	.func-txt h3{ text-align: center;}
	.func-img{ float: none; width: 100%;}
	.func-img img{ width: 100%; height: 100%; object-fit: scale-down;}
	.func-txt{ float: none; width: 100%;}
	.detail-more a{ display: block; text-align: center;}
}
/*解决方案*/
.case-bg{ height: 760px;}
.case-box{ margin-top: 20px;}
.single-case{ float: left; width: 454px; height: 574px; background: url(../images/case-img.jpg) no-repeat center; background-size: cover; overflow: hidden; position: relative; }
.case-abs{ position: absolute; left: 0; right:30px; top:30px; background: rgba(255,255,255,0.5);transition:0.5s all;  }
.case-intro{ padding: 20px;}
.case-intro h4{ font-size: 24px;}
.case-opera a{ height: 40px; line-height: 40px; border-radius: 2px;display: inline-block;  background-color: #fff; padding: 0 20px; color:#4285f4; transition:0.5s all;}
.case-opera a.all{ display: none; line-height: 38px; transition:0.5s all;   }
.single-case:hover .case-abs{ background: rgba(255,255,255,1);  }
.single-case:hover .case-opera a,.row-case li:hover .case-opera a{  background-image: linear-gradient(-84deg,#4285f4 0,#1AB6FF 0,#028FFF 100%); color:#fff;  }
.single-case:hover .case-opera a.all,.row-case li:hover .case-opera a.all{ display: inline-block; background: #fff; color:#4285f4; border: 1px #4285f4 solid;}
.row-case{ float: left; width: 706px; margin-left: 10px;}
.row-case ul{  display: flex; }
.row-case li{ flex: 1; background: #f5f5f5; height: 282px; transition:0.5s all; }
.row-case li:hover{ background: #fff; box-shadow:0px 3px 10px rgba(0,0,0,0.2);}
.row-case li:nth-child(1){ margin-right: 10px;}
.case-opera{ margin-top: 15px;}
.solu-bg{ background: url(../images/solu-bg.jpg) no-repeat center bottom; background-size: cover; height: 440px; }
.solu-list li{ width: 273px; display: inline-block; height: 200px; margin-right: 20px;  position: relative;}
.solu-list .solu-item{position: absolute; top:0; left: 0; bottom: 0; right:0; width: 273px; height: 200px; overflow: hidden;background:rgba(255,255,255,0.1);border-radius: 10px; transition: 0.5s all;  }
.solu-list li:last-child{ margin-right: 0;}
.solu-list .solu-item img{ width: 100%; height: 100%; object-fit: cover;}
.solu-list .solu-item:hover{  top:-8px; }
.solu-bg .view-more a{ color:rgba(255,255,255,0.7);}
@media (max-width: 767px) {
	.case-bg{ height: auto;}
	.single-case{ float: none; width: 100%; height: 300px; margin-bottom: 10px;}
	.row-case{ float: none; width: 100%; margin-left: 0; }
	.row-case ul{  display:block; }
	.row-case li{ flex:auto; height: 280px; margin-bottom: 10px;}
	.row-case li:nth-child(1){ margin-right: 0;}
	.case-opera a.all{ display:inline-block; }
	.single-case .case-opera a.all,.row-case li .case-opera a.all{ display: inline-block; background: #fff; color:#4285f4; border: 1px #4285f4 solid;}
	.single-case .case-opera a,.row-case li .case-opera a{  background-image: linear-gradient(-84deg,#4285f4 0,#1AB6FF 0,#028FFF 100%); color:#fff;  }
	.cust-case dt{ float: none; width: 100%; }
	.cust-case dd{ float: none; width: 100%; margin-left: 0; }
	.more-abs{ position: inherit; margin-top: 10px; text-align: center;}
	.solu-list li{ float: none; width: 100%; margin-bottom: 10px; margin-right: 0;}
	.solu-list .solu-item{ width: 100%; }
	.solu-bg{ height: auto;}
}
/*资讯*/
.column-one{ float: left; width: 390px; height: 410px; background:url(../images/first-bg.jpg) no-repeat center top; background-size: cover; padding: 20px; }
.column-two,.column-three{ float: left; width: 380px; height: 410px; margin-left: 10px;}
.column-three{ background: #f5f5f5;}
.column-two li{ height: 200px; background: #f5f5f5;padding: 20px; }
.column-two li:nth-child(1){ background: url(../images/news-01.jpg) no-repeat; background-size: contain; margin-bottom: 10px;}
.column-two li:nth-child(2){ background:url(../images/news-02.jpg) no-repeat; background-size: contain;}
.news-box h6{ font-size: 20px; max-height: 56px; overflow: hidden; }
.news-box h6 label{ margin-right: 5px; font-size: 14px; padding: .2em .6em .2em; font-weight: normal; }
.news-box p{ color:#737c8b; }
.news-box a{ color:#20242b; }
.news-box a:hover{ color:#4285f4; }
.column-three{ padding: 20px;}
.column-three dl{ padding-bottom: 20px; border-bottom: 1px #e7e7e7 solid;}
.column-three dl:last-child{ border-bottom: none;}
@media (max-width: 767px) {
	.column-one{ float: none; height: 200px; width: 100%; margin-bottom: 10px;}
	.column-two,.column-three{ float: none; width: 100%; margin-left: 0px; margin-bottom: 10px; }
	
}
.footer{ background: #292d34; padding: 20px 0; font-size: 14px; min-height: 200px; color:rgba(255,255,255,0.6);}
.footer h6{ font-size: 18px; text-align: left; margin-bottom: 20px; color:rgba(255,255,255,0.9);}
.fast-nav ul{ float: left; width: 50%; text-align: left;}
.fast-nav li { margin-bottom: 10px;}
.fast-nav li a{ color:rgba(255,255,255,0.7); padding: 10px 0;}
.fast-nav li a:hover{ color:#fff;}
.contact dt{ color:#4285f4; font-size: 36px; margin: 15px 0; font-family: "jyn"}
.contact dt em{ margin-right: 10px;}
.footer-copy{ background: #20242b; padding: 20px; font-size: 14px; text-align: center; color:rgba(255,255,255,0.4); }
.code-box{ text-align: center; }
.code-img{ width: 140px; margin: 10px auto; height: 140px; overflow: hidden; border-radius: 6px;}
@media (max-width: 767px) {
	.footer{ display: none;}
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: -5px;}
.swiper-pagination-bullet{ width: 28px; height: 4px; border-radius: 4px;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left: 0;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right: 0;}
.swiper-button-next, .swiper-button-prev{ width: 21px; height: 34px; margin-top: -17px; background-size:21px 34px; }
.swiper-banner>.swiper-pagination-bullets{ bottom:30px;}

.login-layer{ display: none; background: #fff; border: 1px #ddd solid; border-radius: 2px; width: 400px; height: 260px; padding-top: 10px; }
.form-box{ width: 300px; margin: 20px auto;}
.fb-item{ margin-bottom: 20px; position: relative; padding-left: 70px; font-size: 16px; }
.fb-tit{ position: absolute; left: 0; top:0; width: 60px; line-height: 34px;}
.sexy-set dd{ border: none; padding: 8px;}
.fb-con a.btn-submit{ background-image: linear-gradient(-84deg,#4285f4 0,#1AB6FF 0,#028FFF 100%); color:#fff; padding: 8px 20px; border: none; }

.fixed-bar{ position: fixed; right:10px; bottom:20px; width: 48px; height: 238px; z-index: 99;}
.fixed-bar li{ background: #fff; width: 48px; min-height: 48px; margin-bottom: 10px; border-radius: 2px;box-shadow:0px 0px 6px rgba(0,0,0,0.16); text-align: center; position: relative; cursor: pointer;}
.fixed-bar li:nth-child(1){padding-top: 10px; }
.fixed-bar li:nth-child(1) p{ padding:10px 16px; }
.fixed-bar li:nth-child(1) img{ width: 24px; height: 24px;}
.fixed-bar li:nth-child(2){ height: 48px; line-height: 48px;}
.fixed-bar li:nth-child(2) img{ width: 30px; height: 30px;}
.fixed-contact{ position: absolute; right:48px; top:0; z-index: 100; height: 170px; width: 240px; background: #fff; box-shadow:0px 0px 6px rgba(0,0,0,0.16); text-align: center; padding: 15px; display: none;}
.fixed-bar li:nth-child(1):hover .fixed-contact{ display: block;}
.fixed-contact dt{ font-size: 14px; font-weight: normal; color:#737c8b; }
.fixed-contact dl{ border-bottom: 1px #e7e7e7 dashed; padding-bottom: 15px; }
.fixed-contact dl:last-child{ border-bottom: none; padding-bottom:0;}
.fixed-contact dl a{ font-size: 14px; display: inline-block; margin: 0 20px; color: #737c8b;}
.fixed-contact dl .icon {width: 40px;height: 30px;display: block;margin: 0 auto; background-image:url(../images/icon-online.png); background-repeat:no-repeat;}
.fixed-contact dl .icon-xun{ background-position:0 0;}
.fixed-contact dl .icon-qq{ background-position:-40px 0; }
.fixed-contact dl .icon-jia{ background-position:-80px 0; }

.sms-bg{  background: url(../images/banner-bg.jpg) no-repeat center bottom; background-size: cover; }
.sms-tit{ position: relative; padding-top: 50px;}
.sms-banner{  height: 240px;}
.sms-img{ position: absolute; right:0; top:20px; z-index: 99; width: 240px; height: 200px; }
.sms-img img{ width: 100%; height: 100%; object-fit: scale-down;}
.sms-tit p,.sms-bg h3{ color:#fff;}
.sms-tit h3{ font-size: 36px;  }
.sms-tab{ padding: 30px 0 0 0; position: relative;}
.sms-tab h4{ position: absolute; left: 0px; top:20px; font-size: 24px;}
.sms-tab li{ /*float: right;*/ margin-right: 20px;}
.sms-tab li a{ color:#20242b;}
.sms-intro{ padding: 20px 0; min-height: 300px;}
.sms-box{ padding: 30px 0;}
.sms-txt{ width: 600px; float: left;}
.sms-txt h5{ font-size: 24px;}
.sms-txt ol{ margin-top: 15px;}
.sms-txt ol li{ list-style: disc; margin-left: 20px; color:#737c8b;}
.sms-txt p a{ color:#4285f4;}
.sms-picture{ width: 500px; height: 240px; float: right;}
.sms-picture img{ width: 100%; height: 100%; object-fit: scale-down;}
.pro-func .nav-tabs > li.active > a, .pro-func .nav-tabs > li.active > a:hover, .pro-func .nav-tabs > li.active > a:focus{ border: none; color:#4285F4; border-bottom: 2px #4285F4 solid; background-color:transparent; }
.pro-func .nav-tabs > li > a{ color:#20242b; }
.pro-func .nav > li{margin-right:20px; float: none; display: inline-block;}
.pro-func .nav > li:last-child{ margin-right: 0;}
.pro-func .tab-content{ color:#20242b; }
.pro-func .nav-tabs {border-bottom: 1px rgba(0,0,0,0.08) solid; text-align: center;}
.pro-img{ float: left; width: 850px;}
.pro-img img{ width: 100%; height: 100%; object-fit: scale-down;}
.pro-txt{ float: right; width: 250px;}
.pro-txt h6{ font-size: 24px; margin-top:40px;}
.pro-txt ol{ margin: 20px 0;}
.pro-txt ol li{ list-style: disc; margin-left: 20px; margin-bottom: 10px; color:#737c8b;}
.prog-func .pro-txt ol li{ list-style: circle;}
.prog-func .pro-img{ width: 560px;}
.prog-func .pro-txt{ width: 500px;}
.office-func .pro-txt ol li{ list-style: square;}
@media (max-width: 767px) {
	.prog-func .pro-img{ float: none; width: 100%; }
	.prog-func .pro-txt{ float: none; width: 100%; }
	.pro-txt ol li{ display: inline-block;}
	.swiper-banner>.swiper-pagination-bullets{ bottom: 0px;}
	.sms-txt ol li{ display: inline-block;}
	.fixed-bar{ height: 60px;}
	.fixed-bar ul li:nth-child(1){ display: none;}
}


.advan-box{ padding-bottom: 40px; }
.advan-box dl{ width: 33.3%; float: left; text-align: center; min-height: 280px; padding: 40px; transition: all 0.3s ease .1s; }
.advan-box dl:hover{ box-shadow: 0px 0px 6px rgba(0,0,0,0.16);}
.advan-box dt img{ width: 56px; height: 56px;}
.advan-box dd{ margin-top: 30px; padding: 0 30px;}
.advan-box dd h6{ font-size:20px;}
.advan-box dd p{ color:#737c8b;}
.pro-partner { height: auto; padding: 30px 0; margin-top: 0;}
.pro-partner ul{ margin-bottom: 30px;}
.pro-partner li{ background: #fff; border-radius: 4px; transition: all 0.3s ease .1s; }
.pro-partner li:hover{ box-shadow: 0px 0px 6px rgba(0,0,0,0.16); transform:scale(1.1)}
.advan-office dl{ width: 50%; transition: all 0.3s ease .1s; }
.advan-prog dl{ width: 25%; }
@media (max-width: 767px) {
	.sms-img{ display: none;}
	.sms-txt{ float: none; width: 100%;}
	.sms-tab h4{ position: inherit; top:0;}
	.sms-tab li{ float: left; margin-right: 0;}
	.advan-box dl{ float: none; width:100%; box-shadow: 0px 0px 6px rgba(0,0,0,0.16);}
	.pro-func{ display: block; }
	.pro-func .nav > li{ margin-right: 0; font-size: 16px; }
	.pro-img{ float: none; width:100%;}
	.pro-img img{ object-fit: scale-down;}
	.pro-txt{ float: none; width:100%;  }
	.sms-picture{ float: none; width: 100%;}
	.advan-box dd{ padding: 0;}
}
.solution-bg{ background: url(../images/solution-bg.jpg) no-repeat center bottom; background-size: cover; }
.solution-bg h3{ color:#fff;}
.solution-box{ background: #fff;padding: 30px; margin: 30px 0; box-shadow:0px 0px 6px rgba(0,0,0,0.16);}
.solution-txt{ float: left; width: 640px; }
.solution-txt h3{ font-size: 30px; }
.solution-txt h4{ font-size: 24px; margin: 20px 0; }
.solution-txt ol { margin-left: 20px; color:#737c8b;}
.solution-txt ol li{ list-style: circle; line-height: 2;}
.solution-txt p{ line-height: 2;}
.solution-img{ width: 360px; margin-right: 60px; height: 440px; overflow: hidden; float: left; }
.solution-img img{ width: 100%; height: 100%; object-fit: cover;}
.solu-case { margin: 40px 0;}
.solu-case li{ float: left; width: 20%; text-align: center; margin-bottom: 20px;}
.case-func .nav-tabs > li{float: left; width: 14%; margin-right: 0; text-align: center; }
.relate-pro{ padding: 30px 0; text-align: center;}
.relate-pro dl{ float: left; width: 550px; margin-right: 20px; margin-bottom: 20px; background: #fff; height: 200px; position: relative; padding:20px 30px 30px 120px; text-align:left; transition: .3s all; border-radius: 4px;}
.relate-pro dt{ position: absolute; left: 30px; top:50%; width: 80px; height: 80px; margin-top: -40px;}
.relate-pro dd h4{ margin-bottom: 15px; font-size: 24px; }
.relate-pro dd p{ color:#737c8b; margin-bottom: 10px;}
.relate-pro dd p a{ color:#4285F4;}
.relate-pro dl:hover{ -webkit-box-shadow:0 4px 10px 0 rgba(202,204,209,.6);box-shadow:0 4px 10px 0 rgba(202,204,209,.6)}
@media (max-width: 767px) {
	.solution-txt{ float: none; width: 100%; }
	.solution-img{ width: 100%; margin-right: 0; height: auto; float: none; }
	.relate-pro dl{ display: block; width: 100%; height: auto; margin-right: 0;}
	.case-func .nav-tabs > li,.solu-case li{ width: 28%; margin-right: 5%; margin-bottom: 5%;}
}
.news-wrapper{ margin: 30px 0; position: relative; padding: 0 0 0 230px; min-height: 300px;}
.news-tab { position: absolute; left: 0; top:0; width: 200px; border-radius: 5px; overflow: hidden; box-shadow: 0 0 13px 0 rgba(33,86,178,.28);}
.news-tab ul{ margin-bottom: 0;}
.news-tab li{ text-align: center; transition: .3s all; }
.news-tab li:hover,.news-tab li.active{ background-image: linear-gradient(-84deg,#4285f4 0,#1AB6FF 0,#028FFF 100%); }
.news-tab li:last-child{ border-bottom: none;}
.news-tab li a{ padding: 15px 0; display: block; color:#20242b; }
.news-tab li:hover a,.news-tab li.active a{ color:#fff;  }
.news-list{   }
.news-item { position: relative; padding: 0 10px 30px 0px; margin-bottom: 30px; height: 150px; }
.news-item a{ color:#20242b; }
.news-item:hover{ background: #f5f5f5;}
.news-info{ padding-bottom: 20px; border-bottom: 1px #e7e7e7 solid;}
.news-photo{ float: left; width: 200px; height: 150px; overflow: hidden;}
.news-photo img{ width: 100%; height: 100%; object-fit: cover; }
.news-txt{ float: left; width: 700px; margin-left: 20px;}
.news-txt h5{ font-size: 24px; height: 36px; overflow: hidden;}
.news-txt p{ color:#737c8b; }
.news-txt p.brief{ height: 56px;  overflow: hidden;}
.news-txt p.time{ color:#999; margin-top: 5px; font-size: 14px;}
.pager-box{ margin-top: 10px; text-align: center; }
.nd-tit{ text-align: center; margin-bottom: 20px; }
.nd-tit h4{ font-size: 24px;}
.nd-tit p{ color:#737c8b; }
.nd-con{ padding-bottom: 30px;}
.nd-con h5{ font-size: 16px; font-weight: bold; }
.nd-con p,nd-con h5{ line-height: 2.5;}
.news-detail{ margin: 30px 0; }
.news-detail .nd-img{ text-align: center; margin: 20px 0; }
.news-detail .nd-img img{ max-width: 100%; }
.nd-con pre{ margin: 20px 0; font-size: 14px; color:#888;}
.breadcrumb li a{ color:#4285F4; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ background-color: #4285f4; border-color: #4285f4; }
@media (max-width: 767px) { 
	.news-wrapper{ padding: 0;}
	.news-info{ padding-bottom: 0;}
	.news-tab{ position: inherit; width: 100%; margin-bottom: 30px;}
	.news-tab li{ display: inline-block; width: 30%; text-align: center; }
	.news-item{ height: auto; margin-bottom: 0; padding: 0 0 30px 0;  }
	.news-photo{ float: none; width: 100%;}
	.news-txt{ float: left; width: 100%; margin-left: 0;}
}

.about-box{ padding-bottom: 30px;}
.about-banner{ background: url(../images/banner-bg.png) no-repeat; height: 240px; box-shadow: 0 8px 22px 0 rgba(17,136,255,.3); border-radius: 5px; overflow: hidden; position: relative;}
.about-logo { text-align: center;  color:#fff;}
.about-logo h6{ width: 200px; margin:20px auto; margin-top: 50px; height: 60px; overflow: hidden; font-size: 36px;}
.about-logo h6 img{ width: 100%; height: 100%; object-fit: scale-down;}
.about-logo p{ font-size: 24px; padding: 0 20px;}
.about-intro{ margin: 30px 0 20px 0;}
.about-intro p{ text-indent: 2em; margin-top: 15px; line-height: 2; color:#666;}
.about-data li h5{ color:#363f4e;}
.about-data ul{ margin-bottom: 20px;}
.about-bg{ height: 240px; box-shadow: 0 8px 22px 0 rgba(17,136,255,.3); border-radius: 5px; overflow: hidden; position: relative;}
.coopert-bg{ background-color: #16a3ff; background: linear-gradient(90deg,#16a3ff,#1fbfff);  }
.coopert-list li{ width: 31%; padding: 20px; height: 308px; margin-left: 2%; float: left;background: #fff;border: 1px solid #eee;border-radius: 4px; margin-top: 30px; transition: all .5s cubic-bezier(.4, 0, .2, 1), z-index 0s .12s;}
.coopert-list li:hover{ box-shadow: 0 0 13px 0 rgba(33,86,178,.28); border: 1px solid #fff } 
.co-img{ text-align: center; padding-bottom: 20px; border-bottom: 1px #e7e7e7 dashed; }
.co-txt{ color: #737c8b; padding: 20px 0; text-align: center;}
.channel-bg{background-color: #16a3ff; background: linear-gradient(90deg,#16a3ff,#1fbfff); }
.channel-box{ padding: 40px 0; }
.channel-txt dl{ padding: 0 0 30px 30px;}
.channel-txt dt{ position: relative; margin-bottom: 15px; font-size: 20px; font-weight: normal;}
.channel-txt dt span{ position: absolute; left: -20px; top:13px; width: 10px; height: 10px; border-radius: 10px;     background: #cfe7ff; border: 1px solid #4285F4;}
.channel-txt dd{ color:#737c8b; }
.train-box{ margin-left: 30px;}
.safty-item{ width:440px; height:200px; margin-right:30px; margin-bottom:40px; float:left; padding:30px 0 30px 90px; position:relative; min-height:60px; text-align:center; background:#fff; border-radius:4px;transition: .3s all }
.train-box .safty-item:nth-child(even){ margin-right: 0;}
.safty-item:hover{ box-shadow: 0 0 13px 0 rgba(33,86,178,.28); }
.safty-pic{ position:absolute; top:30px; left:20px; height:60px;}
.safty-pic img{ width:50px; height: 50px; }
.safty-txt{ text-align:left;}
.safty-txt h6{ font-size:18px; font-weight:700; color:#666; margin-bottom:10px;}
.safty-txt p{ line-height:30px; font-size:15px; padding-right:20px; color:#999;}

.job-list{ margin: 30px 0; background: #fff; border-radius: 5px; overflow: hidden; box-shadow: 0 0 13px 0 rgba(33,86,178,.28); }
.job-tit{     background-image: linear-gradient(-84deg,#4285f4 0,#1AB6FF 0,#028FFF 100%); height: 56px; line-height: 56px; color:#fff; }
.job-item{ border-bottom: 1px #e7e7e7 solid; padding: 20px 0; vertical-align: middle; transition: 0.5s all; }
.job-item:hover{ background: #f4f6fa; }
.job-item span,.job-tit span{ display: inline-block; padding: 0 20px; }
.job-name{ width: 25%;}
.job-type{ width: 25%; }
.job-city{ width: 25%; }
.job-date{ width: 20%; }
.job-name a{ color:#4285f4;}
.contact-box{ margin: 50px 0;}
.contact-box li{ vertical-align: middle; position: relative; padding: 0 0 0 90px; float: left; width: 50%; margin-bottom: 50px; }
.contact-photo{ position: absolute; left: 0; top:50%; display: inline-block; width: 72px; height: 72px; margin-top: -36px; overflow: hidden; border-radius: 50%; border: 1px #e7e7e7 solid;}
.contact-photo img{ width: 100%; height: 100%; object-fit: scale-down;}
.contact-txt{  white-space:normal; word-break: break-all; vertical-align: middle;}
.contact-txt h5{ font-size: 20px; margin: 0;}
.contact-txt h5 span{ font-size: 20px;}
.contact-txt p{ color:#737c8b; }
@media (max-width: 767px) { 
	.news-tab{ }
	.coopert-list li{ float: none; width: 100%; margin-left: 0; height: auto; }
	.safty-item{ float:none; width: 100%;}
	.job-tit{ display: none;}
	.job-name{ width: 50%;}
	.job-type{ width: 40%; }
	.job-city{ width: 50%; }
	.job-date{ width: 45%; }
	.contact-box li{  float: none; width: 100%;}
	.train-box{ margin-left: 0;}
}


@media screen and (min-width: 768px) and (max-width: 1200px) {
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{ width: 118px;}
	.navbar-nav{ margin-left: 0;}
  } 
.func-price{ width:380px; margin:20px auto; }
.tag-bottom{ position: relative; width: 380px; height: 260px; border-radius: 5px; box-shadow: 0 4px 12px 0 rgba(0,0,0,.2);}
.tag-yellow{ background:#fad35a;}
.tag-blue{ background:#73b7fc;}
.tag-up{ width: 380px; height: 260px; border-radius: 5px; padding:15px; background-color: #fff; position: absolute; top: -20px; left:-20px; box-shadow:0px 0px 6px rgba(0,0,0,0.16);}
.tag-up h2{ font-size: 26px;line-height: 30px; margin:16px 0; padding: 0; color:#666; }
.tag-price{ text-align:right; border-bottom:1px #eee dashed; padding:10px 0; margin-bottom:10px;}
.tag-price i{ font-family:"jyn";  font-size: 34px;font-weight: 300;color: #3d444f; margin-right:6px;}
.tag-up p{ color:#999; font-size:14px; line-height:30px; }
.tag-tip i{ margin:0 4px; color:#f15555; font-size:16px;}
.circle{ width:10px; height:10px; border-radius:50%; margin-right:10px; display:inline-block;}
.circle-one{ background:#7fb0ec;}
.circle-two{ background:#a9d89b;}
.circle-three{ background:#d8db81;}
.circle-four{ background:#e2b442; }

.prog-intro{ padding-bottom: 30px;}
.prog-intro dl{ width: 273px; float: left; margin-right: 20px; padding: 20px; transition: all 0.3s;}
.prog-intro dl:hover dt img{ transform: scale(1.2); transition: transform .5s ease; }
.prog-intro dl:hover{ box-shadow: 0 0 25px rgba(63, 90, 173, 0.3); }
.prog-intro dl:last-child{ margin-right: 0; }
.prog-intro dt{ position: relative; width: 233px; height: 120px; overflow: hidden;}
.prog-intro dt span{ position: absolute; left: 50%; top:50%; height: 40px; line-height: 40px; width:260px; margin-left: -130px; margin-top: -20px; color:#fff; text-align: center;  font-size: 24px; font-weight: normal;}
.prog-intro dd{ margin-top: 20px;}
.office-intro dl{ width: 373px; height: 328px;  }
.office-intro dt{ width: 333px; height: 160px; }
@media (max-width: 767px) { 
	.prog-intro dl{ width: 100%; float: none; margin-right: 0;}
	.prog-intro dt{ width: 100%;}
	.prog-intro dt img{ width: 100%; height: 100%; object-fit: cover;}
	.nav-tabs > li > a{ padding: 10px 5px;}
}

.history-box{ margin: 30px; padding: 0 30px; }
.his-inner{ padding: 20px 0; border-left: 1px #7fb0ec solid; }
.his-inner dl{ transition: 0.3s all; }
.his-inner dt { font-weight: normal; }
.his-inner dt span{ padding: 5px 20px 5px 10px; background-image: linear-gradient(-84deg,#4285f4 0,#1AB6FF 0,#028FFF 100%); color:#fff; border-radius: 0 40px 40px 0; }
.his-inner dd { margin-top: 15px; padding: 10px 20px; background: #f6f6f6;}
.his-inner dd p{ padding-left: 20px; list-style: circle;}

.honor-list li{ height: 280px; }
.honor-list li .co-img{ height: 168px; overflow: hidden; border-bottom: none;}
.honor-list li.long{ height: 430px;}
.honor-list li.long .co-img{ height: 332px; overflow: hidden;}

@media (max-width: 767px) { 
	.honor-list li{ height:auto; }
	.honor-list li .co-img{ height: auto;}
	.co-txt{ text-align: center;}
	.honor-list li.long{ height: auto;}
	.honor-list li.long .co-img{ height: auto; }
	.history-box{ margin: 30px 0; padding: 0 10px;}
}

.api-info{ box-shadow: 0 0 13px 0 rgba(33,86,178,.28); padding: 20px; border-radius: 5px; }
.api-intro .nav-tabs{ text-align: left; }
.api-intro .nav-tabs li{ font-size: 16px;}
.api-panel dl{  margin-bottom: 20px; }
.api-panel dt{ font-weight: normal; }
.api-row dl{ position: relative; padding: 0 0 0 120px;}
.api-row dd{ word-break: break-all; white-space: normal;}
.api-row dt{ position: absolute; left: 0; top:0; line-height: 32px; }
.api-panel .table{ margin-top: 10px; }
.table-bordered > thead > tr > th{ background: #f1f1f1; border-bottom-width:1px;}
.api-panel dd h5{ margin-bottom: -10px; background: #eee; padding: 10px 15px;}
.api-panel dd p.url{ background: #f5f5f5;  padding: 10px 15px; white-space: normal; word-break: break-all; }
.api-panel dd .demo{ margin-top: 10px; background: #f5f5f5; padding: 15px; border: 1px #ddd solid;}
.table-bordered > tbody > tr > td{ vertical-align: middle; }
.red-dot{ margin-left: 5px; color:#FF2327;}
.btn-primary{ border: none; background-image: linear-gradient(-84deg,#4285f4 0,#1AB6FF 0,#028FFF 100%);}
.api-row h5{ font-size: 16px; margin-bottom: 10px;}

.foot-code{ margin-top: 15px;}
.foot-code .nav{ float: left; width: 40px;}
.foot-code .nav-tabs{ border-bottom: none;}
.foot-code .tab-content{ float: left; width: 170px; height: 200px; border-radius: 4px 0 0 4px; background: #fff; color:#666; padding-bottom: 10px;}
.foot-code .nav li{ float: none; width: 40px; margin: 0px auto; text-align: center;}
.foot-code .nav-tabs > li.active > a, .foot-code .nav-tabs > li.active > a:hover, .foot-code .nav-tabs > li.active > a:focus{ border: none; color:#333; background-color: #fff;   }
.foot-code .nav-tabs > li > a{ border: none; color:#fff; border-radius: 0 4px 4px 0; background: rgba(255,255,255,0.6);}
.foot-code .nav-tabs > li > a:hover{ border: none;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{background-color:transparent; color:#333; }
.dropdown-menu > li > a{ padding:10px 20px; }
.navbar-nav > li > .dropdown-menu{ margin-top: -10px; margin-right: 13px;}
.job-name h4{ color:#4285f4; position: relative; padding-left: 14px;}
.job-name h4 em{ position: absolute; left: 0; top:5px; height: 16px; width: 4px; border-radius: 4px; background:#4285f4; }
.job-txt h5{ font-size: 18px; margin: 20px 0; }
.job-txt li{ margin-left: 30px; list-style:decimal-leading-zero}
.job-info p,.job-info ul{ padding-left: 20px; color:#737c8b; }
.sms-tab .nav-tabs{ text-align: left; }
.case-txt p{ padding: 0 0 0 20px; line-height: 2; position: relative; }
.case-txt p em{ position: absolute;left: 0px;top: 10px; width: 10px;height: 10px;border-radius: 10px;background: #cfe7ff;border: 1px solid #4285F4;}
.color-9{ color:#999;}

.footer-copy p a{ color: rgba(255,255,255,0.5); margin-left:10px;}
.text-indent{ text-indent: 2em;}