@charset "utf-8";
@font-face {
  font-family: 'youshebiaotihei';
  src: url('../fonts/youshebiaotihei.eot'); /* IE9 Compat Modes */
  src: url('../fonts/youshebiaotihei.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/youshebiaotihei.woff') format('woff'), /* Modern Browsers */
         url('../fonts/youshebiaotihei.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('../fonts/youshebiaotihei.svg#youshebiaotihei') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'oswald';
  src: url('../fonts/OSWALD-REGULAR.eot'); /* IE9 Compat Modes */
  src: url('../fonts/OSWALD-REGULAR.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/OSWALD-REGULAR.woff') format('woff'), /* Modern Browsers */
         url('../fonts/OSWALD-REGULAR.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('../fonts/OSWALD-REGULAR.svg#oswald') format('svg'); /* Legacy iOS */
}
/*初始化样式*/
* {-webkit-tap-highlight-color:transparent;}
body {background-color:#f5fbff; color:#333; font:16px/1.75em Arial,"Microsoft Yahei","Lucida Grande";/*设置字体*/ overflow-x:hidden;  }
table {background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size:16px; border-top:solid 1px #e4e4e4;border-left:solid 1px #e4e4e4; box-sizing: border-box;}
table th{background-color:#f9f9f9;text-align:center; box-sizing: border-box;}
table td,table th{padding:5px 10px;border:1px solid #e4e4e4; box-sizing: border-box;}

/*html5设置*/
article, aside, details, figcaption, figure, footer, header, main, nav, section {display:block;}
html,body, div, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main, p {margin:0; padding:0;}

a {text-decoration:none; outline:none; color:#666;}
a:focus {outline:none; -moz-outline:none;}
a:hover {color:#306ab3;}
a img {border:none;}
img {border:none; max-width:100% }
 
 
/*强制去除表单自带的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0;}
input:focus { outline: none;}
input,button,select,textarea{outline:none; /*-webkit-appearance:none;*/}
textarea{resize:none;/*-webkit-appearance:none;*/}
textarea,input,select { background:none; border:none; margin:0; padding:0;}

/*清楚浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}

/*该设置跟后台编辑器有关*/
.ul,.ul li,.dl,.dl dd,ul,li,ol,dl,dl dd{ list-style:none; margin:0; padding:0;}
.h1,.h2,.h3,.h4,.h5,.h6,.p,h1,h2,h3,h4,h5,h6 { padding:0px; margin:0px;}
/*该设置跟后台编辑器有关*/

/*全局样式*/
.inner {width:1200px; margin:0 auto;}

/*header*/
.header {position:absolute;left:0;top:0;width:100%;z-index:5;}
.header .inner {position:relative;}
/*logo*/
.logo {float:left;padding:10px 0;position:relative;z-index:8;}
.logo a {display:block;overflow:hidden;width:180px;height:60px; background-size:contain;}
.logo img { height:100% }

/*other*/
.other {position:absolute;right:5px; top:50%;margin-top:-12px;z-index:8;}
/*schBtn*/
.schBtn {float:right;padding:4px 0 4px 0px;position:relative;}
.schBtn:before {width:1px;height:16px;background-color:rgba(255,255,255,0.1);content:'';display:block;position:absolute;left:0;top:50%;margin-top:-8px;}
.schBtn span {display:block;width:16px;height:16px;background:url(../images/icon_01.png) no-repeat center center;background-size:contain;cursor:pointer;}

/*search*/
.search {background-color:rgba(255,255,255,0.2);width:350px;position:absolute;right:0;top:100%;padding:7px;display:none;}
.search button {display:block;position:absolute;right:0;top:0;height:100%;width:30px;background:url(../images/icon_01.png) no-repeat center center; cursor:pointer; font-size:0; border:none }
.search .form {overflow:hidden;position:relative;padding-right:37px;}
.search .text {background-color:rgba(255,255,255,0.5);height:24px;line-height:24px;padding:6px 5%;display:block;width:85%;margin-left: 10px;font-size:16px;color:#fff;}


/*language*/
.language {float:left;margin-right: 10px;font-size:16px;line-height:24px;color:#fff;padding-right:15px;position:relative;}
.language span {display:block;background:url(../images/icon_02.png) no-repeat right center;padding-right:20px;cursor:pointer;}
.language span:hover {opacity:.85;}
.language a {color:#fff;display:block;overflow:hidden; margin: 10px 0 10px 13px; }
.language ul {position:absolute;top:150%;left:-30%;width:120px;background-color:rgba(255,255,255,0.2);padding:5px 0;display:none;margin-left:-10px;}
.language ul:before {border-bottom:8px solid rgba(255,255,255,0.2);border-left:8px solid transparent;border-right:8px solid transparent;content:'';display:block;position:absolute;bottom:100%;left:50%;margin-left:-8px;}
.language li { }
.language li img { height:18px; vertical-align:middle; margin-right:6px }
/*navBtn*/
.navBtn {float:left;height:24px;width:25px;cursor:pointer;position:relative;padding-left:20px;opacity:.85;display:none;}
.navBtn span {display:block;height:2px;width:100%;position:relative;top:50%;margin-top:-1px;background-color:#fff;}
.navBtn span:before,.navBtn span:after {width:100%;height:2px;background-color:#fff;content:'';display:block;position:absolute;left:0;transition:transform 0.3s ease 0s;}
.navBtn span:before {bottom:100%;margin-bottom:5px;}
.navBtn span:after {top:100%;margin-top:5px;}
.navBtn.open span {height:0;}
.navBtn.open span:before {transform:rotate(45deg);margin-bottom:-1px;}
.navBtn.open span:after {transform:rotate(-45deg);margin-top:-1px;}
/*nav*/
.nav {margin:0 160px;}
.nav ul {float:right;margin-right: 40px;}
.nav li {float:left;font-size:16px;line-height:24px;padding:28px 20px; text-transform: capitalize; text-align:center; position:relative;background-color:transparent;}
.nav li em {display:none;}
.nav li a {color:#fff;display:block;}
.nav li a:hover {font-weight:bold;}
.nav li.cur,.nav li.on {transition:background .3s;background-color:rgba(255,255,255,0.2);}
.nav li.cur > a,.nav li.on > a {font-weight:bold;}
.nav li ul {float:none;position:absolute;top:100%;left:50%;z-index:2;white-space:nowrap;font-size:0;line-height:normal;text-align:center;display:none;transform:translateX(-50%);}
.nav li li {display:inline-block;float:none;padding-top:23px;padding-bottom:23px;}
.navbg {position:absolute;left:0;top:100%;width:100%;background-color:rgba(255,255,255,0.2);height:70px;display:none;}

.nav .compaybox{position: absolute;right: 35px;top: 25px;font-size: 16px;z-index: 9;}
.nav .compaybox .heada{display: inline-block;padding-right: 15px;background: url(../images/icon_02.png)no-repeat right center;}
.nav .compaybox a{color: white;}
.nav .compaybox a:hover{color: white;}
.nav .compaybox dl{display: none;position: absolute;right: 0;width: 145px;padding: 10px;background-color: rgba(255,255,255,.2);}


/*banner*/
.banner {background:no-repeat center center;background-size:cover;padding-bottom:530px;}
/*bar*/
.bar {background-color:#fff;border-bottom:1px solid #eee;}
/*menu*/
.menu span {display:none;}
.menu li {float:left;font-size:16px;color:#444;line-height:60px;}
.menu li a {display:block;padding:0 35px;}
.menu .cur {border-bottom:1px solid #306ab3;margin-bottom:-1px;}
.menu .cur a {background-color:#306ab3;color:#fff;}
/*breadcrumb*/
.breadcrumb {float:right;color:#888;font-size:14px;line-height:26px;padding:17px 0;}
.breadcrumb .box {padding-left:12px;background:url(../images/icon_03.png) no-repeat left 7px;}
.breadcrumb a {color:#888;background:url(../images/icon_04.png) no-repeat right center;padding:0 15px 0 10px;}
.breadcrumb a:last-child { background:none; padding-right:0 }
.breadcrumb a:hover {color:#306ab3;}
.breadcrumb span {padding-left:10px;}
/*footer*/
.footer {background-color:#f2f3f5;font-size:14px;color:#999;line-height:24px;padding:3.646% 0 2.865%;}
.footer a {color:#999;}
.footer a:hover {color:#306ab3;}
.footer .btm {display:table;table-layout:fixed;}
.footer .td {display:table-cell;vertical-align:top;}
.footer .line {padding:11.5px 0;}
.footer .line i {display:block;width:85%;height:1px;background-color:#ddd;margin-left:5%;}
.footer .top {margin-bottom:7.03125%;}
.footer .right {float:right;}
.footer .left { overflow:hidden;}
.footer dl {float:left; padding-right: 5%; max-width: 30%;}
.footer dt {font-size:18px;line-height:1.5em;margin-bottom:20px; text-transform: capitalize;}
.footer dt a {color:#666;}
.footer dt a:hover {color:#306ab3;}
.footer dd {padding:3px 0;}
/*backtop*/
.backtop {border-radius: 2px;overflow: hidden;width:47px;height:47px;background:url(../images/icon_top.png) no-repeat center center;background-size: auto;position:fixed;top:75%;right:2%;z-index:2;cursor:pointer;background-color:#eee;}
.backtop:hover{ background-color: #306ab3;}
/*pagesList*/
.pagesList {width:340px;}
.pagesList ul {overflow:hidden;}
.pagesList li {float:left;padding-right:29px;position:relative;}
.pagesList li:after {width:1px;height:12px;background-color:#ddd;content:'';display:block;position:absolute;right:14px;top:50%;margin-top:-6px;}
.pagesList li:last-child {padding-right:0;}
.pagesList li:last-child:after {display:none;}
/*copyright*/
.copyright {width:560px;text-align:right;}
/*social*/
.social {float:left;}
.social li {margin-bottom:10px;position:relative;}
.social a {display:block;width:38px;height:38px;text-indent:-99999em;overflow:hidden;background:no-repeat center center;background-size:contain;}
.social a:hover {opacity:.85;}
.social .wx a {background-image:url(../images/social_wx.png);}
.social .qq a {background-image:url(../images/social_qq.png);}
.social .wb a {background-image:url(../images/social_wb.png);}
.social .qrcode {background-color:#fff;padding:5px;border-radius:5px;border:1px solid #ddd;width:100px;position:absolute;right:100%;top:50%;margin-right:15px;transform:translateY(-50%);display:none;z-index:2;}
.social .qrcode:after {width:8px;height:8px;border-top:1px solid #ddd;border-right:1px solid #ddd;background-color:#fff;transform:rotate(45deg);content:'';display:block;position:absolute;right:-5px;top:50%;margin-top:-5px;}
.social .qrcode img {display:block;width:100%;height:auto;}
/*WeChat*/
.WeChat { color:#666;text-align:center;padding-left:20px;float:right;overflow:hidden;}
.WeChat img { width:120px;height:auto;}
.WeChat li { display:inline-block; margin-left:10px; }
.WeChat p {margin-bottom:8px;}
/*boxTitle*/
.boxTitle {margin-bottom:3.334%;overflow:hidden;}
.boxTitle .title {font-size:38px;text-align:center;color:#306ab3;line-height:1.35em;}
/*culture*/
.culture {background-color:#fafafa;padding:5.729% 0 4.6875%;}
.culture .list {overflow:hidden;}
.culture ul {overflow:hidden;}
.culture li {float:left;text-align:center;width:23%;padding:1%;position:relative;}
.culture li:after {width:19%;padding-bottom:1.752%;background:url(../images/icon_06.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;right:-9.5%;top:0;margin-top:21.772%;}
.culture li:nth-child(4n):after {display:none;}
.culture .top {width:35.638%;margin:0 auto 5.319%;}
.culture .icon {padding-bottom:114.926%;position:relative;background:url(../images/icon_05.png) no-repeat center center;background-size:contain;}
.culture .icon i {display:block;width:33.582%;padding-bottom:33.582%;background:no-repeat center center;background-size:contain;position:absolute;left:50%;top:50%;margin-left:-16.791%;margin-top:-16.791%;}
.culture h3 {font-size:24px;color:#666;font-weight:normal;line-height:1.5em;margin-bottom:2.66%;}
.culture p {font-size:16px;color:#999;line-height:1.5em;}
/*cultureList*/
.cultureList {padding:6.25% 0 5.208%;}
.cultureList .inner {overflow:hidden;}
.cultureList ul {width:103.5%;overflow:hidden;}
.cultureList li {width:30.5%;padding-right:2.5%;padding-bottom:2.5%;float:left;}
.cultureList li h3 {font-weight:normal;font-size:24px;line-height:1.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6%;}
.cultureList li .pic {overflow:hidden;margin-bottom:4.863%;}
.cultureList li .pic i {display:block;overflow:hidden;padding-bottom:58.025%;background:no-repeat center center;background-size:cover;}
.cultureList li .excerpt {font-size:14px;line-height:2em;text-align:justify;margin-bottom:9.119%;min-height:6em;overflow:hidden;}
.cultureList li .more {color:#306ab3;overflow:hidden;font-size:14px;}
.cultureList li .more span {display:block;float:left;background:url(../images/icon_07.png) no-repeat right center;padding-right:30px;}
.cultureList li a {border:1px solid #e5e5e5;display:block;overflow:hidden;background-color:#fff;padding:9.046% 7%;color:#666;}
.cultureList li a:hover {border-color:#306ab3;background-color:#306ab3;color:#fff;}

/*cultureDetails*/
.cultureDetails {padding:5.208% 0 6.771%;}
.culturePic {overflow:hidden;padding:0 20.584%;position:relative;}
.culturePic .load {padding-bottom:76.488%;}
.culturePic .item i {display:block;overflow:hidden;padding-bottom:58.025%;background:no-repeat center center;background-size:cover;transition:all .3s;position:relative;}
.culturePic .item i:after {width:100%;height:100%;background-color:rgba(0,64,153,0.9);content:'';display:block;position:absolute;left:0;top:0;opacity:1;transition:opacity .3s;}
.culturePic .active {position:relative;z-index:1;}
.culturePic .active i {transform:scale(1.317);}
.culturePic .active i:after {opacity:0;}
.culturePic .owl-carousel .owl-stage-outer {overflow:visible;padding:9.3% 0;}
.culturePic .text {font-size:16px;color:#666;line-height:1.75em;text-align:center;margin-top:3.825%;}
.culturePic .box {display:none;}
.culturePic .box:first-child {display:block;}
.culturePic .owl-dots {display:none;}
/*owl-nav*/
.ctxBtn {width:44px;height:44px;border-radius:50%;border:1px solid rgb(193,207,228);position:absolute;top:50%; z-index:2;background:no-repeat center center;background-size:34.782% auto;cursor:pointer;}
.ctxBtn.prev {left:-28%;background-image:url(../images/icon_08.png);}
.ctxBtn.next {right:-28%;background-image:url(../images/icon_09.png);}
.ctxBtn canvas {position:absolute;left:0;top:0;width:100%;height:100%;}
.ctxBtn.np{left:-5%}
.ctxBtn.nt{right:-5%}
.case .ctxBtn.prev{background-image:url(../images/next.png);transform:rotateY(180deg)}
.case .ctxBtn.next{background-image:url(../images/next.png);}
.case img{max-width: 100%;}
/*submenu*/
.submenu {margin-bottom:5%;}
.submenu ul {overflow:hidden;}
.submenu li {float:left;padding-right:3.334%;}
.submenu a {display:block;border:1px solid #306ab3;color:#306ab3;height:50px;line-height:50px;border-radius:25px;width:180px;font-size:16px;text-align:center;}
.submenu .cur a,.submenu a:hover {background-color:#306ab3;color:#fff;font-weight:bold;}
/*recruit*/
.recruit {padding:5.99% 0 7.03125%;}
.recruit .cover {margin-bottom:3.334%;}
.recruit .cover img {display:block;width:100%;height:auto;}
.recruit .pagenavi {margin-top:5.834%;}
/*jobFilter*/
.jobFilter {overflow:hidden;margin-bottom:1.667%;}
.jobFilter .item {float:left;width:36.667%;padding-right:2.083%;}
.jobFilter .submit {float:right;background-color:#306ab3;color:#fff;font-size:16px;width:22.5%;display:block;height:60px;cursor:pointer;}
.jobFilter .submit:hover {opacity:.85;}
.jobFilter .select {position:relative;}
.jobFilter .select:after {width:13px;height:7px;background:url(../images/icon_10.png) no-repeat center center;content:'';display:block;position:absolute;top:50%;right:5.68%;margin-top:-3.5px;}
.jobFilter select {display:block;height:60px;border:2px solid #eee;width:100%;font-size:16px;color:#999;-webkit-appearance:none;padding:0 4.545%;background-color:transparent;position:relative;}
.jobFilter select::-ms-expand {display:none;}
/*jobSearch*/
.jobSearch {overflow:hidden;margin-bottom:1.667%;}
.jobSearch .btn {float:right;display:block;width:77px;height:60px;background:#306ab3 url(../images/icon_11.png) no-repeat center center;}
.jobSearch .input {margin-right:77px;overflow:hidden;border:2px solid #eee;border-right:none;}
.jobSearch .text {font-size:16px;color:#444;height:24px;padding:16px 1.781%;width:96.438%;display:block;}
.jobTop {background-color:#eee;overflow:hidden;color:#333;font-size:16px;line-height:1.875em;padding:1.25% 0;}
.jobTop span {display:block;float:left;width:16%;padding:0 2%;word-break:break-all;word-wrap:break-word;}
.jobItem {border-bottom:1px solid #f5f5f5;}
.jobItem .jobTop {background-color:#fff;color:#666;cursor:pointer;}
.jobItem .jobBtm {background-color:#f2f5fa;padding:2.584% 2%;font-size:14px;color:#666;line-height:2.143em;display:none;}
.jobItem .box {margin-bottom:2.171%;}
.jobItem h3 {font-weight:normal;font-size:16px;color:#306ab3;position:relative;line-height:1.875em;padding-left:23px;margin-bottom:2px;}
.jobItem h3:before {width:8px;height:8px;border:2px solid #306ab3;border-radius:50%;content:'';display:block;position:absolute;left:0;top:9px;}
.jobItem .mail {color:#306ab3;font-size:16px;line-height:1.875em;}
.jobItem.cur .jobTop {background-color:#306ab3;color:#fff;}
.jobItem.cur .jobBtm {display:block;}
/*pagenavi*/
.pagenavi { margin:2% auto 4% auto; line-height:normal;text-align:center;}
.pagenavi li { display:inline-block;margin:0 1%; }
.pagenavi a {display:block;font-size:16px;color:#999;line-height:46px;height:46px;padding:0 1px;position:relative;}
.pagenavi a:after {width:100%;height:2px;background-color:#306ab3;content:'';display:block;position:absolute;left:0;top:77%;display:none;}
.pagenavi .active a,.pagenavi a:hover {color:#306ab3;}
.pagenavi .active a:after,.pagenavi a:hover:after {display:block;}
.pagenavi .a_prev,.pagenavi .a_next {width:44px;height:44px;background:no-repeat 0 0;background-size:100% auto;border:1px solid #dedede;border-radius:50%;padding:0;}
.pagenavi .a_prev:hover,.pagenavi .a_next:hover {background-position:0 100%;border-color:#306ab3;}
.pagenavi .a_prev:hover a:after,.pagenavi .a_next:hover a:after {display:none;}
.pagenavi .a_prev { }
.pagenavi .a_next { }

.faqlist { margin:3% auto }
.faqlist ul li { padding:25px 25px; background:#fff; margin:20px auto }
.faqlist ul li h2 { font-size:20px; color:#306ab3; margin-bottom:12px }


/*newsList*/
.newsList {padding:4% 0 2%;}
.newsList .inner {overflow:hidden;}
.newsList ul {overflow:hidden;width:102%; }
.newsList li {float:left;width:23%;padding-right:2%;padding-bottom:2%;}
.newsList li .pic {overflow:hidden;opacity:1;position:relative;}
.newsList li .pic:after {width:100%;height:100%;content:'';display:block;position:absolute;left:0;top:0;background:url(../images/cover_pic.png) no-repeat left bottom;background-size:cover;}
.newsList li .pic i {display:block;overflow:hidden;padding-bottom:56.072%;background:no-repeat center center;background-size:cover;}
.newsList li .info {padding:8% 8% 8%;background-color:#306ab3;}
.newsList li h2 {font-size:16px;line-height:1.5em;height:3em; color:#fff; margin-bottom:4.546%;overflow:hidden;font-weight:bold;}
.newsList li p {font-size:14px;line-height:22px;height:44px;overflow:hidden;color:#eee;margin-bottom:2%;}
.newsList li span {display:block;width:16px;height:5px;background:url(../images/icon_07.png) no-repeat center center;background-size:contain;opacity:1;}
.newsList li .date {position:absolute;left:10.714%;top:18.988%;color:#306ab3;font:14px/1em 'oswald';z-index:2;}
.newsList li .date i {display:block;font-style:normal;font-size:30px;line-height:1em;font-weight:normal;margin-bottom:5px;}
.newsList li a {display:block;overflow:hidden;border:1px solid transparent; position:relative;}
/*.newsList li a:hover {border-color:transparent;color:#fff;}
.newsList li a:hover .pic {opacity:1;}
.newsList li a:hover .date {color:#306ab3;}
.newsList li a:hover .info {background-color:#306ab3;}
.newsList li a:hover h2 {font-weight:bold;}
.newsList li a:hover p {color:#fff;}
.newsList li a:hover span {opacity:1;}*/
/*newsDetails*/
.newsDetails {padding:4.6875% 0 5.209%;}
.newsDetails .title {font-size:24px;color:#666;font-weight:normal;line-height:1.5em;margin-bottom:0.584%;}
.newsDetails .meta {font-size:14px;color:#999;line-height:1.5em;border-bottom:1px solid #eee;padding-bottom:2%;margin-bottom:4%;}
.entry {font-size:14px;color:#999;line-height:2em;overflow:hidden;margin-bottom:10.834%;}
.entry img {max-width:100%;height:auto!important;}
.entry h3 {color:#306ab3;font:normal 36px/1.35em 'youshebiaotihei';margin-bottom:2.917%;}
.entry h3:after {content:'';display:inline-block;width:27px;height:14px;background:url(../images/icon_14.png) no-repeat center center;background-size:contain;margin-left:10px;margin-bottom:5px;}
.entry h4 {font-size:18px;font-weight:normal;color:#666;line-height:1.35em;margin-bottom:1.334%;}
/*postnavi*/
.postnavi {border-top:1px solid #eee;font-size:16px;color:#666;line-height:1.875em;margin-bottom:5%;}
.postnavi li {border-bottom:1px solid #eee;overflow:hidden;padding:2% 2.5%;}
.postnavi li>div a {  color:#999 }
.postnavi .prev {background-image:url(../images/icon_15.png);}
.postnavi .next {background-image:url(../images/icon_16.png);}

.postnavi a:hover {color:#306ab3;}
/*back*/
.back a {display:block;width:180px;height:50px;text-align:center;line-height:50px;color:#fff;background-color:#306ab3;border-radius:25px;margin:0 auto;}
.back a:hover {background-color:#306ab3;}
/*team*/
.team {background-color:#f2f5fa;padding:6.25% 0;}
.teamItem {background-color:#434144;overflow:hidden;color:#fff;margin-bottom:10px;
    position: relative;min-height: 350px;}
.teamItem .photo {width:auto;float:right;position: relative;padding-right: 190px;padding-top: 30px;    position: absolute;
    right: 0;
    bottom: 0;}
.teamItem .photo img {display:block;width:100%;height:auto;}
.teamItem .info {padding:7.917% 4.167%;margin-right:400px;}
.teamItem .title {margin-bottom:2.376%;position: absolute;bottom: 10px;right: 0;width: 230px;text-align: center;}
.teamItem h2 {font-size:24px;font-weight:normal;line-height:1.35em;margin-bottom:5px;}
.teamItem h3 {padding: 10px 5px;font-size:16px;font-weight:normal;line-height:1.35em;background-color: rgba(255,255,255,.8);color: #000;}
.teamItem .intro {font-size:16px;line-height:2em;text-align:justify;word-break:break-all;}
/*history*/
.history {background:url(../images/bg_history.png) no-repeat 15% center;padding:7.8125% 0 8.334%;}
.history .left {width:36.667%;float:left;}
.history .left h2 {font-size:36px;color:#306ab3;line-height:1.6em;width:9em; font-weight:800;position:relative;padding-bottom:6%;}
.history .left h2:after {width:60px;height:3px;background-color:#306ab3;content:'';display:block;position:absolute;left:0;bottom:0;}
.history .right {width:63%;float:right;background-color:#f9f9f9;padding:3.334% 0;}
.history .box {margin:0 3.042% 0 10.582%;max-height:1100px;overflow:hidden;position:relative;}
.history .line {width:1px;height:100%;background-color:#ddd;position:absolute;top:24px;left:4.5px;}
.history .item {position:relative;margin-bottom:9%;padding-right:2%; z-index:9  }
.history .item:before {width:10px;height:10px;background-color:#306ab3;border-radius:50%;content:'';display:block;position:absolute;left:0;top:19px;z-index:2;}
.history .item:last-child {margin-bottom:0;}
.history .item h3 {font-size:30px;color:#306ab3;font-weight:800;line-height:1.6em;padding-right:20px;padding-left:35px;margin-bottom:2%;}
.history .item i {position:relative;display:inline-block;font-style:normal; font-weight:200}
.history .item i:after {width:10px;height:5px;background:url(../images/icon_17.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;left:100%;top:21.5px;margin-left:10px;}
.history .item .txt { padding-left:35px; position:relative; z-index:9 }
.history .item li { font-size:16px;color:#666;line-height:1.875em;padding:5px 0 5px 0;position:relative; z-index:9}
.history .item li:before {width:5px;height:5px;background-color:#999;border-radius:50%;content:'';display:block;position:absolute;left:-32px;top:16px;z-index:99;}
.history .item li .date {display:block;float:left;}
.history .item li p {margin-left:85px;overflow:hidden;}
.history .mCSB_outside + .mCSB_scrollTools {right:-9px;}
.history .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:2px;background-color:#ccc;}
.history .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#bcbcbc;}
.history .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#306ab3;}
.history .mCSB_scrollTools .mCSB_draggerRail {width:4px;background-color:#f3f3f3;}
.history .mCSB_scrollTools .mCSB_draggerRail:hover {background:yellow;background-color:#f3f3f3;}
/*honor*/
.honor {padding:4.6875% 0;}
.honor .inner {overflow:hidden;}
.honor .left {width:30.833%;float:left;border-left:1px solid #eee;}
.honor h2 {font-size:36px;color:#306ab3;line-height:1.125em;border-left:4px solid #306ab3;padding-left:6%;}
.honor .right {overflow:hidden;float:right;width:69%;}
.honor ul {overflow:hidden;width:105.073%;}
.honor .list {float:left;width:28.506%;padding-right:4.827%;padding-bottom:4.827%;}
.honor .list:nth-child(n + 7) {display:none;}
.honor .list .icon {width:48px;margin:0 auto 10.119%;}
.honor .list i {padding-bottom:79.167%;display:block;overflow:hidden;background:url(../images/icon_18.png) no-repeat 0 0;background-size:100% auto;}
.honor .list p {font-size:18px;line-height:1.65em;height:3.3em;overflow:hidden;}
.honor .list a {display:block;overflow:hidden;background-color:#f2f5fa;color:#333;text-align:center;padding:20.161% 16.129% 16.072%;}
.honor .list a:hover {background-color:#306ab3; color:#fff }
.honor .list a:hover i {background-position:0 100%;}
.honor .more {float:right;clear:both;padding-top:5px;padding-right:4.827%;display:none;}
.honor .more i {display:block;overflow:hidden;background:url(../images/icon_07.png) no-repeat right center;padding-right:40px;font-style:normal;}
.honor .more a {color:#306ab3;font-size:16px;display:block;overflow:hidden;height:48px;line-height:48px;border:1px solid #306ab3;border-radius:24px;padding:0 40px;}
.honor .more a:hover {background-color:#306ab3;color:#fff;}
.honor .more a:hover i {background-image:url(../images/icon_09.png);}
/*honorPic*/
.honorPic {padding:5.243% 8.496%;}
.honorPic span {padding-bottom:52.281%;background:no-repeat center center;background-size:cover;display:block;overflow:hidden;}
.honorPic h2 {font-size:22px;color:#306ab3;line-height:1.35em;text-align:center;margin-top:5.264%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.honorPic .ctxBtn {border-color:#dae3f0;width:5.2%;padding-bottom:5.2%;height:0;margin-top:-2.6%;}
.honorPic .prev {left:-7.5%;background-image:url(../images/icon_19.png);}
.honorPic .next {right:-7.5%;background-image:url(../images/icon_20.png);}
/*popup*/
.popup {background-color:rgba(0,0,0,0.5);position:fixed;left:0;top:0;width:100%;height:100%;z-index:9;display:none;}
.popup .box {background-color:#fff;width:53.646%;position:fixed;left:50%;top:50%;margin-left:-26.823%;transform:translateY(-50%);}
.popup .close {width:20px;height:20px;background:url(../images/icon_close.png) no-repeat center center;background-size:contain;position:absolute;left:100%;top:0;margin-left:10px;cursor:pointer;}
/*honorList*/
.honorList {padding:4.427% 0;background:#306ab3 url(../images/bg_honor.png) no-repeat left top;overflow:hidden;}
.honorList .box {padding:0 50px;}
.honorList #honorList {border-bottom:1px solid rgba(255,255,255,0.2);}
.honorList .item {margin:0 11.666%;padding-bottom:8.334%;padding-left:10.833%;position:relative;overflow:hidden;}
.honorList .item:before {width:9px;height:9px;background-color:#fff;border-radius:50%;content:'';display:block;position:absolute;left:0;top:15px;}
.honorList .item:after {width:1px;height:100%;background-color:rgba(255,255,255,0.2);content:'';display:block;position:absolute;left:4px;top:15px;}
.honorList h3 {font-size:36px;font-weight:normal;line-height:1.1em;color:#fff;margin-bottom:6.329%;}
.honorList li {font-size:16px;color:#fff;color:rgba(255,255,255,0.5);line-height:1.75em;padding:3px 0;}
.honorList .owl-stage {font-size:0;line-height:normal;}
.honorList .owl-carousel .owl-item {float:none;vertical-align:bottom;display:inline-block;}
.honorList .ctxBtn {top:auto;margin-top:0;bottom:-22.5px;}
.honorList .ctxBtn.prev {left:auto;right:100%;margin-right:2px;}
.honorList .ctxBtn.next {right:auto;left:100%;margin-left:2px;}
/*contact*/
.contact {padding:5.209% 0;}
.contact .area {border:1px solid #eee; border-bottom:none;}
.contact .area ul:after {clear:both;content:'';display:block;}
.contact .area li {float:left;width:10%;text-align:center;font-size:18px;line-height:1.5em; border-bottom:1px solid #eee;}
.contact .area a {display:block;color:#999;padding:8.996% 1%;border-right:1px solid #eee;position:relative;}
.contact .area a:before {width:100%;height:100%;border:1px solid #306ab3;content:'';display:block;position:absolute;left:-1px;top:-1px;display:none;}
.contact .area a:hover {color:#306ab3;}
.contact .area a:hover:before {display:block;}
.contact .area a.cur {background-color:#306ab3;color:#fff;}
.contact .area a.cur:before {display:block;}
.contact .areaBox {border:1px solid #eee;border-top:none;margin-bottom:5.417%;}
.contact .box {display:none;}
.contact .box:first-child {display:block;}
.contact .top {font-size:16px;color:#666;line-height:1.875em;text-align:center;padding:5.426% 2% 4.174%;}
.contact .top p {padding:1px 0;}
.contact .top span {display:inline-block;background:no-repeat left 6px;padding-left:25px;}
.contact .top .tel {background-image:url(../images/icon_21.png);}
.contact .top .addr {background-image:url(../images/icon_22.png);}
.contact .btm {border-top:1px solid #eee;padding-bottom:43.406%;position:relative;}
.contact .map {position:absolute;left:0;top:0;width:100%;height:100%;}
.contact .info {color:#666; line-height:normal;text-align:center; padding:5% 3%; background:#fff }
.contact .item {display:inline-block;vertical-align:top;text-align:left;padding:0 2%; max-width:48%; }
.contact .icon {width:35px;display:inline-block;vertical-align:top;padding:4px 10px 4px 0;}
.contact .icon i {display:block;overflow:hidden;padding-bottom:71.429%;background:no-repeat center center;background-size:contain;}
.contact .icon .hand {background-image:url(../images/icon_23.png);}
.contact .icon .weixin {background-image:url(../images/icon_24.png);}
.contact .text {display:inline-block;vertical-align:top;}
.contact .text h2 {font-size:30px;font-weight:normal;line-height:1.125em;margin-bottom:17px;}
.contact .text p {font-size:16px;line-height:1.875em;padding:3px 0;}
.contact .qrcode { margin-top:10px;clear:both;}
.contact .qrcode img { display:block; width:150px;height:auto;border:1px solid #eee;padding:9px; margin-top:12px}
/*group*/
.group {padding:4.6875% 0 5.73%;}
.group .inner {overflow:hidden;}
/*groupIntro*/
.groupIntro {overflow:hidden;margin-bottom:4.167%;}
.groupIntro .text {float:left;width:51.667%;color:#666;}
.groupIntro h2 {font-size:36px;font-weight:800;line-height:1.35em;position:relative;padding-bottom:4.194%; color:#306ab3 }
.groupIntro h2:after {width:60px;height:3px;background-color:#306ab3;content:'';display:block;position:absolute;left:0;bottom:0;}
.groupIntro .intro {font-size:16px;text-align:justify;line-height:2.25em;}
.groupIntro .intro p {margin-top:3.871%;}
.groupIntro .pic {width:40.334%;float:right;}
.groupIntro .pic img {display:block;width:100%;height:auto;}
/*groupData*/
.groupData {margin-bottom:6.25%;overflow:hidden;}
.groupData ul {overflow:hidden;}
.groupData li {float:left;font-size:0;line-height:normal;text-align:center;}
.groupData .first {text-align:left;width:20.9%;}
.groupData .first .box {border-left:none;}
.groupData .second {width:30.9%;}
.groupData .third {width:28.3%;}
.groupData .last {text-align:right;width:19.9%;}
.groupData .box {border-left:1px solid #eaeaea;}
.groupData .data {display:inline-block;text-align:left;font-size:14px;color:#666;line-height:1.35em;}
.groupData span {color:#306ab3;font-family:'oswald';font-size:36px;line-height:1em;}
.groupData .counter {font-size:50px;line-height:1em;}
.groupData .yi {font-size:18px;font-family:'Microsoft Yahei';font-weight:bold;padding-left:5px;}
/*groupText*/
.groupText {font-size:16px;color:#666;line-height:2.25em;text-align:justify;margin-bottom:5.834%;}
.groupText h3 {font-size:20px;line-height:1.8em;margin-bottom:0.834%;}
.groupText img {max-width:100%;height:auto;height:auto!important;}
/*groupAim*/
.groupAim {display:table;table-layout:fixed;width:100%;background-color:#f8f8f8;}
.groupAim .pic {width:574px;display:table-cell;vertical-align:top;}
.groupAim .pic img {width:100%;height:auto;display:block;}
.groupAim .text {display:table-cell;vertical-align:middle;font-size:16px;line-height:2.25em;color:#666;text-align:justify;padding:0 3.334%;}
.groupAim .text p {padding:3.2% 0;}
/*singlePage*/
.singlePage {font-size:18px;color:#666;line-height:2em;padding:7.03125% 0 7.8125%;text-align:justify;}
.singlePage img {max-width:100%;height:auto;height:auto!important;/*百度编辑器*/}
/*hmSlides*/
.hmSlides {overflow:hidden;}
.hmSlides .item a {display:block;overflow:hidden;padding-bottom:50%;background:no-repeat center center;background-size:cover;}
.hmSlides .load {padding-bottom:50%;}
.hmSlides .owl-dots {display:none;}
.hmSlides .owl-nav {position:absolute;z-index:1;bottom:6.25%;left:50%;transform:translateX(-50%);font-size:0;line-height:normal;text-align:center;width:auto;white-space:nowrap;display:none;}
.hmSlides .owl-page {display:inline-block;font-size:14px;color:#fff;line-height:46px;vertical-align:middle;font-family:'oswald';padding:0 30px;}
.hmSlides .owl-page i {font-style:normal;}
.hmSlides .owl-page .cur {margin-right:8px;font-size:18px;}
.hmSlides .ctxBtn {position:relative;display:inline-block;top:auto;left:auto;right:auto;margin-top:0;vertical-align:middle;}

.hmSlides .txt { position:absolute; left:20%; top:45%; width:60%; text-align:center; color:#fff; font-size:22px; }
.hmSlides .txt h3 { font-size:42px; margin-bottom:4%; font-weight:bold; line-height:1.2; text-transform: capitalize; }

/*hmTitle*/
.hmTitle {text-align:center;margin-bottom:3.7%;}
.hmTitle .title {font-size:38px;line-height:1.35em; text-transform: capitalize;}
.hmTitle p {font-size:14px;line-height:1.75em;margin-top:5px;}
/*hmAbout*/
.hmAbout {padding:6.25% 0;}
.hmAbout .top {display:table;table-layout:fixed;width:100%;margin-bottom:4.584%;}
.hmAbout .videoBox {width:44%;display:table-cell;vertical-align:top;}
.hmAbout .video {position:relative;padding-bottom:55.769%;border-radius:10px;overflow:hidden;box-shadow:11px 11px 27px rgba(0,0,0,0.08);}
.hmAbout video,.hmAbout .play {position:absolute;left:0;top:0;width:100%;height:100%;display:block;object-fit:contain;}
.hmAbout .play {background:no-repeat center center;background-size:cover;}
.hmAbout .play:after {width:100%;height:100%;background-color:rgba(0,41,99,0.2);content:'';display:block;position:absolute;left:0;top:0;}
.hmAbout .play span {display:block;width:11.346%;padding-bottom:11.346%;position:absolute;left:50%;top:50%;margin:-5.673% 0 0 -5.673%;background:url(../images/icon_play.png) no-repeat center center;background-size:contain;z-index:2;cursor:pointer;transition:all .3s;}
.hmAbout .play span:hover {transform:scale(0.8);}
.hmAbout .text {display:table-cell;vertical-align:middle;padding-left:8.334%;color:#666;font-size:14px;line-height:2em;}
.hmAbout .hmTitle {text-align:left;}
.hmAbout .btm {display:table;table-layout:fixed;width:100%;}
.hmAbout .readmore {display:table-cell;vertical-align:middle;}
.hmAbout .groupData {display:table-cell;vertical-align:middle;padding-right:12.5%;margin-bottom:0;}
.hmAbout .groupData li {text-align:left;}
.hmAbout .groupData .box {padding:0 20px;}
/*readmore*/
.readmore {width:160px;text-align:center;}
.readmore i {display:inline-block;background:url(../images/icon_09.png) no-repeat right center;padding-right:22%;font-style:normal;}
.readmore .a {background-color:#306ab3;border:1px solid #fff;color:#fff;display:block;height:42px;line-height:42px;border-radius:25px;transition:all .2s;}
.readmore .a:hover {background-color:#fff;color:#306ab3;border:1px solid #306ab3;}
.readmore .a:hover i {background-image:url(../images/icon_07.png);}
/*hmBusiness*/
.hmBusiness {overflow:hidden; background-color:#306ab3;color:#fff;padding:6% 0 6.25%;}
.hmBusiness .load {padding-bottom:37.75%;}
.hmBusiness .item .info {position:absolute;left:6%; width:90%; top:75%; z-index:2;transition:all .3s; height:6em; overflow:hidden}
.hmBusiness .item .intro {font-size:14px;line-height:1.75em; overflow:hidden }
.hmBusiness .item .intro li { margin-bottom:5px; }
.hmBusiness .item .intro li b {  } 
.hmBusiness .item h3 {font-size:20px;font-weight: bold;line-height:1.35em;margin-bottom:4%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hmBusiness .item .readmore {position:absolute;left:10%;bottom:-50%;transition:all .3s;z-index:2;opacity:0;}
.hmBusiness .item a {padding-bottom:125%;background:no-repeat center center;background-size:cover;display:block;overflow:hidden;position:relative;color:#fff;}
.hmBusiness .item a:before,.hmBusiness .item a:after {width:100%;height:100%;content:'';display:block;position:absolute;left:0;bottom:0;}
.hmBusiness .item a:before {background:#url(../images/bg_owl.png) no-repeat center bottom;background-size:cover;  }
.hmBusiness .item a:after { background-color:rgba(0,82,196,0.5);opacity:0;transition:opacity .3s;}
.hmBusiness .owl-carousel .owl-stage-outer {overflow:visible;}
.hmBusiness .owl-item {opacity:.1;position:relative;transition:opacity .3s;}
.hmBusiness .owl-item:after {width:100%;height:100%;opacity:1;background-color:transparent;content:'';display:block;position:absolute;left:0;top:0;z-index:2;}
.hmBusiness .active {opacity:1;}
.hmBusiness .active:after {display:none;}
.hmBusiness .active a:hover:after {opacity:1;}
.hmBusiness .active a:hover .info { bottom:auto; top:8%; height: auto; }
.hmBusiness .active a:hover .readmore {bottom:8%;opacity:1;}
.hmBusiness .ctxBtn.prev {left:-8%;}
.hmBusiness .ctxBtn.next {right:-8%;}

/*hmService*/
.hmService {color:#666;padding:6% 0 4%;}
.hmService .left {width:43.334%;float:left;}
.hmService .item {display:table;table-layout:fixed;padding:6.731% 5.5%;width:89%;border-radius:10px;color:#666;}
.hmService .icon {display:table-cell;vertical-align:middle;width:60px;}
.hmService .icon i {display:block;overflow:hidden;padding-bottom:100%;background:no-repeat 0 0;background-size:100% auto;}
.hmService .info {display:table-cell;vertical-align:middle;padding:0 4% 0 20px;font-size:14px;line-height:1.75em;}
.hmService .info h3 {font-size:18px;font-weight: bold;line-height:1.35em; text-transform: capitalize;}
.hmService .info p {margin-top:10px;display:none;}
.hmService .right {float:right;width:57.583%;display:inline-block;margin-right:-5%;}
.hmService .pic img { max-width:100%; height:auto;  }
 



.hmService .cur {background-color:#306ab3;color:#fff;box-shadow:11px 11px 23px rgba(0,0,0,0.08);}
.hmService .cur .icon i {background-position:0 100%;}
.hmService .cur h3 {font-weight:bold;}
.hmService .cur p {display:block;}
/*hmBrands*/
.hmBrands {color:#666;padding:0 0 4%;}
.hmBrands .inner{width: 1240px;}
.hmBrands .brands {width:1240px;margin-top:60px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.hmBrands .brands li {width:12%; height: auto;margin:1% 0.25%; float:left; text-align:center }
.hmBrands .brands li img { max-width:100%; }

/*hmNews*/
.hmNews {background: url(../images/inews.jpg) no-repeat center;color:#fff; background-size:cover; padding:6.25% 0;}
.hmNews .inner {position:relative;}
.hmNews .left {width:24%;float:left;padding-bottom:50px;}
.hmNews .left .hmTitle {text-align:left;margin-bottom:19.098%;}
.hmNews .left .btn {font-size:0;line-height:normal;margin-bottom:56%;}
.hmNews .left .ctxBtn {position:relative;left:auto;top:auto;right:auto;margin-top:0;display:inline-block;margin-right:20px;}
.hmNews .right {float:right;width:76%;}
.hmNews .right .pic {overflow:hidden;opacity:1;position:relative;}
.hmNews .right .pic:after {width:100%;height:100%;content:'';display:block;position:absolute;left:0;top:0; }
.hmNews .right .pic i {display:block;overflow:hidden;padding-bottom:56.072%;background:no-repeat center center;background-size:cover;}
.hmNews .right .info {padding:17.857% 10.714% 12.5%;background-color:#fff;}
.hmNews .right h3 {font-size:16px;line-height:1.5em;height:3em;font-weight:bold;margin-bottom:4.546%;overflow:hidden;}
.hmNews .right .date {position:absolute;left:10.714%;top:18.988%;color:#306ab3;z-index:2;font:14px/1em 'oswald';}
.hmNews .right .date i {display:block;font-style:normal;font-size:30px;line-height:1em;font-weight:normal;margin-bottom:5px;}
.hmNews .right p {font-size:14px;line-height:22px;height:44px;overflow:hidden;color:#999;margin-bottom:20.455%;}
.hmNews .right span {display:block;width:16px;height:5px;background:url(../images/icon_07.png) no-repeat center center;background-size:contain;opacity:1;}
.hmNews .right a {display:block;overflow:hidden; background:#fff;border:1px solid rgba(255,255,255,0.2);color:#306ab3;position:relative;margin-left:25px;}
/*.hmNews .right a:hover {color:#306ab3;}
.hmNews .right a:hover .pic {opacity:1;}
.hmNews .right a:hover .date {color:#306ab3;}
.hmNews .right a:hover .info {background-color:#fff;}
.hmNews .right a:hover h3 {font-weight:bold;}
.hmNews .right a:hover p {color:#999;}
.hmNews .right a:hover span {opacity:1;}*/
.hmNews .readmore {position:absolute;left:0;bottom:0;}
/*businessTitle*/
.businessTitle {text-align:center;margin-bottom:3.7%;overflow:hidden;}
.businessTitle .title {font-size:38px;line-height:1.35em;color:#306ab3;}
.businessTitle .intro {font-size:16px;line-height:1.75em;margin-top:5px;color:#999;}
/*case*/
.case {overflow:hidden; background-color:#eceff4;color:#fff;padding:6% 0 6.25%;}
 .case .intro {color:#fff;}
.case .load {padding-bottom:37.75%;}
.case .item .info {position:absolute;left:10%;bottom:7.285%;width:90%;z-index:2;transition:all .3s;}
.case .item h3 {font-size:24px;font-weight:normal;line-height:1.35em;margin-bottom:4.695%;max-height:2.7em;overflow:hidden;}
.case .item a {padding-bottom:119.211%;background:no-repeat center center;background-size:cover;display:block;overflow:hidden;position:relative;color:#fff;}
.case .item a:before {width:100%;height:100%;content:'';display:block;position:absolute;left:0;bottom:0;background:url(../images/bg_owl.png) no-repeat center bottom;background-size:cover;}
.case .owl-carousel .owl-stage-outer {overflow:hidden;}
.case .owl-item {opacity:.1;position:relative;transition:opacity .3s;}
/*.case .owl-item:after {width:100%;height:100%;opacity:1;background-color:transparent;content:'';display:block;position:absolute;left:0;top:0;z-index:2;}
*/
.case .active {opacity:1;}
.case .ctxBtn.prev {left:-8%;}
.case .ctxBtn.next {right:-8%;}


/*businessAbout*/
.businessAbout {padding:5.73% 0 8.334%;}
.businessAbout .inner {display:table;table-layout:fixed;}
.businessAbout .pic {display:table-cell;vertical-align:top;width:50%;}
.businessAbout .pic img {display:block;width:100%;height:auto;}
.businessAbout .text {display:table-cell;vertical-align:middle;width:50%;padding-right:7.5%;font-size:16px;line-height:1.75em;color:#333;}
.businessAbout .text img {max-width:100%;height:auto!important;}
.businessAbout .text p {color:#999;}
.businessAbout h2 {font-size:36px;font-weight:700; color:#306ab3; line-height:1.35em;margin-bottom:5%;}
.businessAbout h3 {font-size:30px;line-height:1.35em;font-weight:normal;margin-bottom:3%;}

.businessAbout li { margin-bottom:15px; }
.businessAbout li b { display:block; color:#306ab3 }
/*serviceList*/
.serviceList {background-color:#306ab3;padding:3% 0;}
.serviceList .inner {overflow:hidden;}
.serviceList ul {width:102%;overflow:hidden;}
.serviceList li {float:left;width:23%;padding:1% 2% 1% 0;}
.serviceList .info {border:1px solid rgba(255,255,255,0.1);padding:12% 12% 12% 12%;display:block;overflow:hidden;cursor:default;}
.serviceList .info:hover {background-color:#fff;}
.serviceList .info:hover .num {color:#dee0e5;}
.serviceList .info:hover h2 {color:#306ab3;}
.serviceList .info:hover .text {color:#999;}
.serviceList .num {font:60px / 1em 'oswald';color:rgba(255,255,255,0.3);margin-bottom:15%;}
.serviceList h2 {font-size:22px;color:#fff;line-height:1.35em;margin-bottom:8.334%;}
.serviceList .text {font-size:16px;color:#fff;line-height:1.75em;}
.serviceList .text p {padding:4px 0 4px 25px;background:url(../images/icon_25.png) no-repeat left 12px;}



/*manage*/
.manage {background-color:#fff;padding:6% 0 3.646%;}
.manage .inner {overflow:hidden;}
.manage .box {width:105%;overflow:hidden;}
.manage .item {float:left;width:29%;padding-right:4%;padding-bottom:4%;}
.manage .text {background-color:#306ab3;padding:18% 1% 6%;border-radius:5px;}
.manage .text h3 {font-size:20px;text-align:center;color:#fff;line-height:1.5em;margin-bottom:4.1%;}
 
.manage .text p {position:relative;padding-left:10px;}
.manage .text p:before {width:3px;height:3px;background-color:#95a5c9;content:'';display:block;position:absolute;left:0;top:16px;}
.manage .list {display:inline-block;position:relative;left:50%;transform:translateX(-50%);color:#eee;font-size:14px;line-height:2.25em;min-height:9em;overflow:hidden; padding:10px 20px; }
.manage .list p { margin-bottom:5px; }
.manage .icon {width:24.11%;border:6px solid #fff;background-color:#306ab3;border-radius:50%;padding-bottom:24.11%;position:relative;margin:0 auto -12.055%;}
.manage .icon i {width:51.363%;padding-bottom:51.363%;display:block;overflow:hidden;position:absolute;background:no-repeat center center;background-size:contain;left:50%;top:50%;margin:-25.6815% 0 0 -25.6815%;}



/*digitalTop*/
.digitalTop {overflow:hidden;text-align:center;color:#999;font-size:32px;line-height:1.5em;position:relative;padding:9.375% 0;}
.digitalTop canvas {position:absolute;top:0;left:0;}
.digitalTop .inner {position:relative;}
.digitalTop h2 {font-size:48px;line-height:1.35em;color:#306ab3;margin-bottom:1.25%;}


/*capability*/
.capability{background-color:#f5f5f5;}

/*CloudAlliance*/
.CloudAlliance{overflow: hidden;background:#306ab3 url(../images/5.jpg) no-repeat right center;background-size:cover;color:#fff;padding: 4% 0 3% 0;}

.CloudAlliance dl{overflow: hidden;display: flex;flex-wrap: wrap;align-items: center; }
.CloudAlliance dl dd{float: left;margin-right: 1%;width: 24%;text-align: center;color: white;}

@media (max-width:1024px) {
.CloudAlliance dl{}
.CloudAlliance dl dd{margin-bottom: 10px;width: 24%;}

}
@media (max-width:1024px) {
	.CloudAlliance dl dd{width: 49%;}
}
/*serviceAbout 共用样式*/
.serviceAbout {background:#306ab3 url(../images/bg_business_01.png) no-repeat right center;background-size:contain;color:#fff;padding:1.448% 0 2.448%;}
.serviceAbout .inner {display:table;table-layout:fixed;}
.serviceAbout .pic {display:table-cell;vertical-align:top;width:60.5%;text-align:right;}
.serviceAbout .pic img {display:block;width:auto;max-width:100%;height:auto;}
.serviceAbout .text {display:table-cell;vertical-align:middle;padding-right:4%;}
.serviceAbout h2 {font-size:38px;line-height:1.35em;position:relative;margin-bottom:10.094%;padding-bottom:7.746%;}
.serviceAbout h2:after {width:23.474%;padding-bottom:2px;background-color:#fff;content:'';display:block;position:absolute;left:0;bottom:0;}
.serviceAbout .intro {font-size:16px;line-height:2.25em;text-align:justify;}
/*advantage*/
.advantage {padding:6% 0 3.90625%;background-color:#fff;}
.advantage .inner {overflow:hidden;}
.advantage ul {overflow:hidden;width:103.5%;}
.advantage li {width:46.5%;padding-right:3.5%;padding-bottom:3.5%;color:#fff;float:left;}
.advantage .box {background-color:#306ab3;border-radius:40px;padding:3.12% 0 5.2%;}
.advantage .btm {width:79.723%;margin:0 auto;}
.advantage .btm span {display:block;overflow:hidden;padding-bottom:76.087%;background:no-repeat center center;background-size:contain;}
.advantage .top {text-align:center;padding:0 5%;font-size:18px;line-height:2em;margin-bottom:4.679%;}
.advantage h3 {font-size:36px;line-height:1.5em;font-family:'oswald';}
/*cooperation*/
.cooperation {background:no-repeat center center;background-size:cover;color:#fff;text-align:center;font-size:34px;line-height:1.5em;padding:6.51% 0;}
.cooperation h2 {font-size:58px;font-weight:normal;line-height:1.35em;margin-bottom:0.834%;}
/*excellent*/
.excellent {background-color:#fff;padding:6% 0 6.25%;}
.excellent .title {color:#306ab3;margin-bottom:4%;}
.excellent .title h2 {font-size:18px;font-weight:normal;line-height:1.5em;}
.excellent .title h3 {font-size:38px;line-height:1.5em;}
.excellent .data {border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;margin-bottom:2.917%;}
.excellent .data ul {overflow:hidden;padding:3.333% 0;}
.excellent .data li {float:left;width:13.5%;text-align:center;font-size:14px;color:#666;line-height:1.5em;}
.excellent .data li:first-child {text-align:left;width:11%;}
.excellent .data li:last-child {text-align:right;width:8%;}
.excellent .data .box {display:inline-block;text-align:left;}
.excellent .data span {font-size:20px;color:#306ab3;font-weight:bold;}
.excellent .data .counter {font-size:40px;font-weight:normal;line-height:1em;font-family:'oswald';}
.excellentBox {position:relative;}
.excellentBox .load {padding-bottom:41.667%;}
.excellentBox .item {display:table;table-layout:fixed;width:100%;}
.excellentBox .text {display:table-cell;vertical-align:middle;padding-left:4.584%;font-size:16px;color:#666;line-height:2.25em;text-align:justify;}
.excellentBox .text img {max-width:100%;height:auto;}
.excellentBox .text hr {border:none;height:1px;background-color:#eee;}
.excellentBox .text p {padding:3.33% 0;}
.excellentBox .picBox {width:51.667%;display:table-cell;vertical-align:top;overflow:hidden;}
.excellentBox .pic {float:left;border:1px solid #eee;width:48%;}
.excellentBox .pic span {display:block;overflow:hidden;padding-bottom:166.667%;background:no-repeat center center;background-size:cover;}
.excellentBox .pic:last-child {float:right;}
.excellentBox .ctxBtn {border-color:#dae3f0;}
.excellentBox .prev {left:-8.5%;background-image:url(../images/icon_19.png);}
.excellentBox .next {right:-8.5%;background-image:url(../images/icon_20.png);}



/*global*/
.global {padding:4.6875% 0;color:#fff;background:no-repeat center center;background-size:cover;}
.global .box {display:table;table-layout:fixed;width:920px;margin:0 auto;position:relative;}
.global .box:before,.global .box:after {height:100%;width:44.892%;content:'';display:block;position:absolute;top:0;}
.global .box:before {left:0;background:url(../images/square_left.png) no-repeat left center;background-size:auto 100%;}
.global .box:after {right:0;background:url(../images/square_right.png) no-repeat right center;background-size:auto 100%;}
.global .td {display:table-cell;vertical-align:middle;width:25%;text-align:center;font-size:24px;line-height:1.5em;padding:2.174% 2%;}
.global .td span {font-size:36px;}
.global .mid {width:50%;position:relative;}
.global .mid:before,.global .mid:after {width:6px;height:6px;border-radius:50%;background-color:#306ab3;content:'';display:block;position:absolute;top:50%;margin-top:-3px;}
.global .mid:before {left:0;}
.global .mid:after {right:0;}
/*chainIntro*/
.chainIntro {background:#306ab3 url(../images/bg_business_01.png) no-repeat right center;background-size:contain;color:#fff;padding:5.729% 0 4.6875%;}
.chainIntro .pic img {width:auto;max-width:100%;height:auto;margin:0 auto;display:block;}
.chainIntro .businessTitle {margin-bottom:4%;}
.chainIntro .title {position:relative;padding-bottom:2%;margin-bottom:3%;color:#fff;}
.chainIntro .title:after {width:100px;padding-bottom:2px;background-color:#fff;content:'';display:block;position:absolute;left:50%;margin-left:-50px;bottom:0;}
.chainIntro .intro {margin-top:0;color:#fff;line-height:2.25em;}
.lastbg{background:#f9f9f9;}
.lastbg .title{color: #306ab3;}
.lastbg .title:after{background-color:#306ab3;}
.lastbg .intro{color: #306ab3;}
/*mode*/
.mode {padding:5.886% 0 4.6875%;}
.mode .inner {overflow:hidden;}
.mode .list {overflow:hidden;}
.mode ul {width:102%;overflow:hidden;}
.mode li {text-align:center;width:23%;padding-right:2%;padding-bottom:2.5%;float:left;}
.mode .icon {margin:0 auto -12.435%;width:24.87%;padding-bottom:24.87%;position:relative;background-color:#306ab3;border-radius:50%;}
.mode .icon i {display:block;position:absolute;left:50%;top:50%;width:45.715%;padding-bottom:45.715%;background:no-repeat center center;background-size:contain;margin:-22.8575% 0 0 -22.8575%;}
.mode .info {background-color:#f5f5f5;padding:24% 12.5% 7.143%;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.mode .info h3 {font-size:18px;color:#306ab3;margin-bottom:3.2%;}
.mode .info p {font-size:16px;color:#666;line-height:1.75em;min-height:5.25em;overflow:hidden;}
.mode .btm {border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;background-color:#306ab3;color:#fff;font-size:14px;line-height:1.45em;padding:10.427% 12.5% 13.744%;}
.mode .btm i {display:none;margin:0 auto 5.687%;width:12.321%;padding-bottom:12.321%;background:no-repeat center center;background-size:contain;}
/*management*/
.management{padding:5.886% 0 4.6875%;background-color:#306ab3}
.management .title{color:white}
.management .intro{color:white}
.management .imgbox{width:100%;text-align:center;margin-top:6%}
.management .imgbox img{max-width:100%}
/*slideLogo*/
.slideLogo { position:relative; margin-top:3%;}
.slideLogo h3 {font-size:22px;line-height:1.5em;margin-bottom:5px;color:#306ab3}
.slideLogo .load {padding-bottom:5.167%;display: none;}
.slideLogo .owl-item {overflow:hidden;}
.slideLogo .item {width:14.222%;float:left;margin:0 15px;transition:all .3s;border: 1px solid transparent;}
.slideLogo .item a {display:block;overflow:hidden; background:no-repeat center center;background-size:contain;}
/* .slideLogo .item:hover img{border: 1px solid #306ab3;} */
.slideLogo .item img{ box-sizing:border-box; max-width: 100%; max-height:100px;}
.slideLogo .item:hover img{border: 1px solid #306ab3;}
.slideLogo .hd{ }
.slideLogo .bd{overflow: hidden;}
.slideLogo .ctxBtn.prev {left:-6%;top: 50%;transform: translateY(-50%); background-image:url(../images/next.png);transform: rotateY(180deg);}
.slideLogo .ctxBtn.next {right:-6%;top: 50%;transform: translateY(-50%);background-image:url(../images/next.png)}
/*crossBorder*/
.crossBorder {background-color:#f2f5fa;padding:5.886% 0 6.25%;}
.crossBorder .inner {overflow:hidden;}
.crossBorder .title {color:#666;}
.crossBorder .pic img {display:block;width:auto;max-width:100%;height:auto;margin:0 auto;}
.dowebok{ background:none !important;padding-top:10px !important}
.str_move{width:100%;height:100%}
/*logistics*/
.logistics {background-color:#306ab3;padding:5.886% 0 4.948%;}
.logistics .inner {overflow:hidden;}
.logistics .title,.logistics .intro {color:#fff;}
.logistics ul {overflow:hidden;width:102%;}
.logistics li {float:left;width:23%;padding-right:2%;padding-bottom:2%;color:#eee;}
.logistics li .box {border:1px solid rgba(255,255,255,0.2);}
.logistics li .pic {overflow:hidden;position:relative;}
.logistics li .pic:after {width:100%;height:100%;content:'';display:block;position:absolute;left:0;top:0;background:url(../images/cover_pic.png) no-repeat left bottom;background-size:cover;}
.logistics li .pic span {display:block;overflow:hidden;padding-bottom:56.072%;background:no-repeat center center;background-size:cover;}
.logistics li .tag {font-size:18px;font-weight:bold;color:#306ab3;position:absolute;left:10.714%;bottom:12.9%;width:78.572%;z-index:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.logistics li .tag i {width:16.39%;padding-bottom:16.39%;display:block;overflow:hidden;background:no-repeat center center;background-size:contain;margin-bottom:4.11%;}
.logistics li .info {padding:12.143% 10.714% 13.572%;}
.logistics li h3 {font-size:16px;line-height:1.75em;margin-bottom:4px;}
.logistics li p {font-size:16px;line-height:1.625em;margin-bottom:9.133%;}
/*delivery*/
.delivery {padding:6.25% 0;}
.delivery .inner {overflow:hidden;}
.delivery .item {display:table;table-layout:fixed;width:100%;}
.delivery .item:nth-child(2n) .info {padding-left:0;padding-right:5.834%;}
.delivery .pic {display:table-cell;vertical-align:top;width:50%;}
.delivery .pic img {display:block;width:100%;height:auto;}
.delivery .info {display:table-cell;vertical-align:middle;width:50%;color:#666;font-size:16px;line-height:1.75em;padding-left:5.834%;}
.delivery h2 {font-size:38px;color:#306ab3;line-height:1.35em;margin-bottom:6px;}
.delivery h3 {font-size:48px;font-weight:normal;line-height:1.35em;margin-bottom:6px;}
/*layout*/
.foreign {background-color:#306ab3;color:#fff;padding:6.25% 0;}
.foreign .inner {}
.foreign .businessTitle {margin-bottom:2%;}
.foreign .title {position:relative;padding-bottom:2.834%;color:#fff;}
.foreign .title:after {width:100px;padding-bottom:2px;background-color:#fff;content:'';display:block;position:absolute;left:50%;margin-left:-50px;bottom:0;}
.foreign .worldmap {padding-bottom:46%;background:no-repeat center center;background-size:contain;}
.foreign .list {width:105%;margin-top:3.33%;}
.foreign h3 {font-size:16px;line-height:1.5em;margin-bottom:10px;}
.foreign h3 i {font-style:normal;background:url(../images/icon_26.png) no-repeat right center;padding-right:15px;}

.foreign .item {padding-right:3.5%;padding-top:3.5%;}
.foreign ul {overflow:hidden;}

.foreign li {float:left;width:32.33%;padding-right:1%;margin-bottom:1%}
.foreign li span {display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:cover;}
/*domestic*/
.domestic {padding:6.25% 0;}
.domestic .box {overflow:hidden;}
.domestic .left {float:left;width:64.167%;padding-top:15.83%;}
.domestic .left span {display:block;overflow:hidden;padding-bottom:64.167%;background:no-repeat center center;background-size:contain;}
.domestic .right {float:right;width:35%;}
.domestic .listBox {padding-bottom:163.095%;position:relative;}
.domestic .list {position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.domestic .item {border-bottom:1px solid #eee;overflow:hidden;padding-bottom:7.143%;margin-bottom:7.143%;margin-right:9.524%;}
.domestic .item:last-child {margin-bottom:0;}
.domestic .top {padding:0 7.895%;}
.domestic h3 {font-size:16px;color:#666;line-height:1.5em;margin-bottom:2.778%;}
.domestic .meta {font-size:16px;color:#999;line-height:1.5em;margin-bottom:9.375%;}

.foreign li.w2{width:48%;margin-bottom:1%}
.foreign li.w2 span{padding-bottom:70%}
.domestic .btm {overflow:hidden;}
.domestic .btm ul {width:103.5%;overflow:hidden;}
.domestic .btm li {float:left;width:30.5%;padding-right:2.5%;}
.domestic .btm span {display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:cover;}
.domestic .mCSB_scrollTools {width:4px;}
.domestic .mCSB_outside + .mCSB_scrollTools {right:0;}
.domestic .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:2px;background-color:#ccc;}
.domestic .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#ccc;}
.domestic .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#306ab3;}
.domestic .mCSB_scrollTools .mCSB_draggerRail {width:4px;background-color:#f3f3f3;border-radius:0;}
.domestic .mCSB_scrollTools .mCSB_draggerRail:hover {background:yellow;background-color:#f3f3f3;}

@media only screen and (max-width: 1024px){
  .teamItem .photo{
    padding-right: 0px;
  }
}
@media (max-width: 768px){
  .teamItem .photo {
    position: relative;
  }
}

/*overseas*/
.overseas {background:no-repeat center center; background-size:cover; overflow:hidden;}
.overseas .pic img {display:block; max-width:100%; height:auto; margin:0 auto;}
.overseas .text {text-align:center;}
.overseas .intro {font-size:20px; line-height:1.875em; color:#999; margin-bottom:4.583%;}
.overseas .content {font-size:16px; color:#999; line-height:1.75em; margin-bottom:6.667%;}
.overseas h2 {font-size:38px; line-height:1.5em; color:#306ab3; margin-bottom:0.834%;}
.overseas .white .intro,
.overseas .white h2 {color:#fff;}
/*core*/
#core {background-color:#f5fbff; padding:6.25% 0 5.73%;}
#core .text {margin-bottom:3.334%;}

/*fulfillment*/
#fulfillment {position:relative;}
#fulfillment .text {position:absolute; left:0%; bottom:0; width:100%; margin-bottom:0%;}
#fulfillment h2 {font-size:48px; line-height:1.25em;}
/*leadToCash*/
#leadToCash {padding:5.73% 0 5.46875%;}

/*operation*/
#operation {padding:5.21% 0 6.25%;}
#operation h2 {margin-bottom:3.334%;}
/*local*/
#local {background-color:#306ab3; padding:5.73% 0 6.25%;}
#local h2 {margin-bottom:3.75%;}





.zoom { position: relative; display:block; overflow:hidden; width: 100%; height: 0; padding-bottom: 65%; }
.zoom span{ display: block; position: absolute; width: 100%; height: 100%;  background-position: center; background-repeat: no-repeat; background-size: cover;webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1); transform: scale(1);-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.zoom:hover span {webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);transform: scale(1.1); -webkit-transition: all 300ms ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
li:hover .zoom span {webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);transform: scale(1.1); -webkit-transition: all 300ms ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}



.page-tit { position:relative;  text-align: center; margin: 3% auto 4% auto;}
.page-tit h2 { font-size: 32px; font-weight: bold; color: #306ab3; margin-bottom:2%; }
.page-tit p { font-size: 18px; color: #888; max-width:80%; margin:0 auto; }

/*留言*/
.feedbackbox-box { position:relative; padding:3% 0 4% 0; background-image:url(../images/feedback.jpg); background-position:center; background-repeat:no-repeat; background-size: cover;  }
.feedbackbox { position:relative; padding:0 0 20px 0;  }
 
.feedbackbox .form-group { width:30%; float:left; margin:10px 1.5%; }
.feedbackbox .form-btn { margin:20px auto 0 auto; width:18%; } 

.feedbackbox textarea { background:#fff; border:1px solid #ccc; border-radius:10px; width:100%; min-height:80px; padding:15px 10px; box-sizing:border-box; color:#555; font-family:Arial, Helvetica, sans-serif }
.feedbackbox input[type=text] { display:inline-block; vertical-align:middle; background: #fff; border:1px solid #ccc; width:100% !important; height:48px; line-height:48px; text-indent:10px; color:#555; border-radius:10px; }

.feedbackbox input::-webkit-input-placeholder{ color:#999; }
.feedbackbox input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; }
.feedbackbox input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999; }
.feedbackbox input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#999; }
.feedbackbox textarea::-webkit-input-placeholder{ color:#999; font-family:Arial, Helvetica, sans-serif }
.feedbackbox textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999; font-family:Arial, Helvetica, sans-serif }
.feedbackbox textarea:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#999; font-family:Arial, Helvetica, sans-serif }
.feedbackbox .form-btn button { border-radius:10px; margin:0 }
 
.form-btn { text-align:center; margin:2% auto; } 
.form-btn button { display:inline-block; background:#306ab3 ; cursor:pointer; border:none; color:#fff; margin:10px 0; padding:14px 30px; font-size:16px; min-width:140px; border-radius:30px }
.form-btn button:hover { background:#306ab3; color:#fff }

/*搜索筛选*/
.screen-result { margin:4% auto 2% auto  }
.screen-factor { display:inline-block; float:left }
.screen-factor a {display:inline-block; background: #2c5ba8; color: #fff; margin-right:5px; padding:3px 8px 3px 6px; font-size:12px; border-radius:2px; }
.screen-factor a .fa-clean { display:inline-block; vertical-align:middle; width:12px; height:12px; background:url(../images/clean.png) no-repeat center;} 
.sort-group { float:right }
.sort-group a { background: #fff; border:1px solid #adadad; padding:4px 8px; font-size:12px }
.sort-group a.active { background:#e6e6e6 }
.search-null  { color:#999; font-size:16px; }
.search-null .fa-search-null {  width:18px; height:18px; background-image:url(../img/close2.png);} 



/*加入我们*/
.join li { width:40%; float:left; position:relative; font-size:24px; color:#fff }
.join li:nth-of-type(1) { width:56%; margin-right:4% }
.join li .zoom { padding-bottom:420px; }
.join li .txt { position:absolute; left:6%; bottom:7%; }
.join li .txt h3 { font-size:28px; }
.join .join-con { margin:3% auto; padding-top:60px; background:url(../img/marks-l.png) no-repeat left top; }
.join .join-con:after {
    content: ''; display:block; width:100%; height:60px; background:url(../img/marks-r.png) no-repeat center; }

.join-search { position:relative; margin:3% auto; }
.join-search .search-form { position:relative; width:40%; margin:0px auto; border-radius:30px; overflow:hidden; border:1px solid #ccc; border-radius:30px; max-width:550px;
-webkit-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .2);
    -moz-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .2);
    box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .2); }
.join-search .search-form input { width:100%; height:46px; line-height:46px; border:none; background:none; border-radius:30px; padding:0px 20px; }
.join-search .search-form input.btn { position:absolute; right:3px; top:3px; border-radius:30px; width:120px; height:40px; line-height:40px; padding:0px 20px; background:#2c5ba8; color:#fff; cursor:pointer }

.join-list { padding:4% 0 0 0; }
.join-list ul li { width:49%; float:left; background:#fff; margin-bottom:2%; }
.join-list ul li:nth-of-type(2n) { margin-left:2% }
.join-list ul li .txt { padding:20px; color:#666; min-height:120px; position:relative;}
.join-list ul li .txt span {}
.join-list ul li .txt h3 { font-size:18px; font-weight:bold; color:#333; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ddd; }
.join-list ul li .txt p { line-height:2 }
.join-list ul li .txt .more { float:right; border:1px solid #2c5ba8; color:#2c5ba8; font-size:13px; font-weight:normal; padding:1px 18px; border-radius:20px; }
 
.join-txt .close-reveal {font-size:30px;line-height:.5;position:absolute;top:20px;right:20px;color:#aaa;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer;} 
.join-txt { background:#fff; position:relative }
.join-txt .join-btn { position:absolute; right:10px; top:15px; display:inline-block; border:1px solid #2c5ba8; background:#2c5ba8; color:#fff; font-size:14px; font-weight:normal; padding:5px 20px; border-radius:20px;}
.join-txt h2 { font-size:22px;color:#2c5ba8; }
.join-txt h3 { font-size:14px;color:#666; border-bottom:1px solid #ddd; margin-bottom:15px; padding-bottom:10px; line-height:2 }
.join-txt h3 span { margin-right:20px; }


.pro-list { padding:1% 0 }
.pro-list ul li { position:relative; width:32%; float:left; margin-right:2%; margin-bottom:3%; background:#fff }
.pro-list ul li:nth-of-type(3n) { margin-right:0 }
.pro-list ul li .pic { position:relative }
.pro-list ul li .pic .zoom { padding-bottom:100%; }
.pro-list ul li .pic .zoom span { background-size:80% auto }
.pro-list ul li .text { padding:5px 5% 20px 5%; text-align:center; line-height:1.6 }
.pro-list ul li .text h3 { font-size:16px; color:#111 }
.pro-list ul li .text p { font-size:13px; color:#777 }
 
.pro-list ul li:hover .text a { background:#2c5ba8; color:#fff }
.pro-list ul li:hover .text a.more { background:#2c5ba8; color:#fff }
.pro-list ul li .text::after { display: block;content: ""; width:0; padding:0px; height:5px; background:#2c5ba8; position:absolute; bottom:0; left:0; }
.pro-list ul li:hover .text::after { width:100%; left:0; -webkit-transition: all 300ms ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;  }