.content {padding:60px 0;position: relative;min-height: 300px;}
.content img{max-width: 100%;}
.sub-banner {height:660px;}
.sub-banner .wrapper{height: 100%;position: relative;}
.sub-banner .bannertxt{position:  absolute; left: 0; bottom: 100px;color: #fff;}
.sub-banner .bannertxt h3{font-size: 48px;font-weight: 500;}
.sub-banner .bannertxt .link{margin-top: 20px;}
.sub-banner .bannertxt .link a{padding:0 50px; height:35px; font-weight: bold;line-height: 35px; display: inline-block;
 background: #1776e3;color: #fff;text-align: center;}
.sub-banner .bannertxt .link i{margin-left:20px;}
.sub-banner .bannertxt .link a:hover{background: #166dd0;}

.inner_cont {font-size: 14px; color: #454545; width: calc(100% - 300px); float: right;}
.inner_cont  img{max-width: 100%;height: auto!important;}
.inner_left{width: 260px; float: left;}

@media only screen and (max-width:1440px) {
.sub-banner {height:500px;}
}

@media only screen and (max-width:1200px) {
.sub-banner {height:400px;padding:0 20px;}
.sub-banner .bannertxt h3{font-size: 36px;}
}

@media only screen and (max-width:920px) {
.sub-banner {height:250px;}
.sub-banner .bannertxt{bottom: 40px;}
.sub-banner .bannertxt h3{font-size: 24px;}
.content {padding:30px 0;}
}

@media only screen and (max-width:768px) {
.sub-banner {height:200px;}
.sub-banner .bannertxt .link a{padding:0 30px;}
}

@media only screen and (max-width:420px) {
.sub-banner .bannertxt .link{margin-top: 0;}
.sub-banner .bannertxt .link a{padding:0 20px;}
.sub-banner .bannertxt{bottom: 20px;}
}





.inner_tit{text-align: center; font-size: 36px;color: #1776e4;}


@media only screen and (max-width:1200px) {
.inner_tit{font-size: 24px;}
}

@media only screen and (max-width:920px) {
.inner_left {float:none; width: 100%;margin-top: 0px;}
.inner_cont {width: 100% ; float: none;}
.inner_tit{font-size: 20px;}
}

@media only screen and (max-width:768px) {
.inner_tit{font-size:18px;}
}



/* ==========================================================================
   about
   ========================================================================== */
.aboutpart01{padding:70px 0;}
.aboutpart01 .wrapper{ position: relative;}
.aboutpart01 .txtarea{font-size: 16px;line-height: 2em; color: #666666;margin-top:40px;}

.companyfzbox{margin-left: -15px; margin-top: 40px;}
.companyfzbox li{width: calc(25% - 15px);margin-left: 15px; float: left; overflow: hidden;}

.companyfzbox .numbox{padding:0 20px; height: 208px; background: #1776e4; text-align: center;}
.companyfzbox .numbox>p{font-size: 18px; line-height: 30px;color: #fff;margin-top: 10px;}
.companyfzbox .numbox h3{ padding-top:50px;text-align: center;color:#fff; height: 50px; line-height: 50px;}
.companyfzbox .numbox h3 span.timer,.companyfzbox .numbox h3 span.gp{font-size: 48px;}
.companyfzbox .numbox h3 span.unit{font-weight:500;margin:0 5px;font-size: 14px;}
.companyfzbox .numbox h3 span.unit02{font-weight:700;margin:0 5px;font-size:24px;}

.aboutpart02{padding:0 0 60px 0;}
.historylist{position: relative; margin-top: 20px; padding:60px 0 0 0; background:url(../images/fzlcinco01.png) top center no-repeat;}
.historylist:before { content: ""; display: block; top:30px; left: 50%;margin-left: -2px;
 position: absolute; width:4px; height: 100%; background: #1776e3;}
.historylist:after { content: ""; display: block; bottom:-36px; left: 50%;margin-left: -16px;
 position: absolute; width:33px; height:19px;background:url(../images/fzlcinco04.png) bottom center no-repeat;}

.historylist li{margin:60px 0;}
.historylist li .date{width: calc(50% - 120px); position: relative; float: left; text-align: right;}
.historylist li .date span{width: 160px; height:50px; font-weight: bold; text-align: center; line-height: 50px;
 display: inline-block; background: #1776e3;color: #fff; font-size: 24px;
  -webkit-border-radius:50px;
  -moz-border-radius:50px;
  -ms-border-radius:50px;
  -o-border-radius:50px;
  border-radius:50px;
}
.historylist li .date:after{content: ""; display: block; top:12px; right:-134px;
 position: absolute; width:119px; height:26px;background:url(../images/fzlcinco03.png) right center no-repeat;}


.historylist li .txtarea{width: calc(50% - 80px);float: right; text-align: left;font-size: 18px; line-height: 2em;color: #666; }
.historylist li:nth-child(2n) .date{float: right; text-align: left;}
.historylist li:nth-child(2n) .txtarea{float: left; text-align: right;}
.historylist li:nth-child(2n) .date:after{left:-134px;background:url(../images/fzlcinco02.png) right center no-repeat;}
.historylist li:hover .date span{background: #00428e; }
.historylist li:hover .txtarea{color: #00428e;}



@media only screen and (max-width:1200px) {
.companyfzbox .numbox h3 span.timer, .companyfzbox .numbox h3 span.gp{font-size: 28px;}
.companyfzbox .numbox>p{font-size: 16px;}

.historylist li .date span{width: 160px; height:40px;line-height: 40px;font-size: 18px;}
.historylist li .date:after {top: 8px;}
.historylist li .txtarea{font-size: 16px;}
}

@media only screen and (max-width:920px) {
.historylist li .txtarea{font-size: 14px;}
}

@media only screen and (max-width:768px) {
.aboutpart01 {padding: 30px 0;}
.aboutpart01 .txtarea {font-size: 12px; line-height:1.5em; margin-top: 20px; }
.companyfzbox {margin-left:-10px;}
.companyfzbox li{width: calc(50% - 10px);margin-left: 10px;margin-bottom: 10px;}
.companyfzbox .numbox h3 span.timer, .companyfzbox .numbox h3 span.gp{font-size: 24px;}
.companyfzbox .numbox>p{font-size: 14px;line-height: 24px;}
.companyfzbox .numbox h3{padding-top: 20px;}
.companyfzbox .numbox{padding:0 10px; height: 150px;}

.historylist{margin-top: 20px; padding:0; background:none;}
.historylist:before,.historylist:after {display: none;}
.historylist li .date,.historylist li .txtarea{width:100%;float: none; text-align: left; }
.historylist li:nth-child(2n) .txtarea{float: none; text-align: left;}
.historylist li .date span{width: 100%; height:30px;text-align: left; line-height: 30px; background: none;color: #333;}
.historylist li .date:after{display: none;}
.historylist li {margin:20px 0;}
.aboutpart02{padding:0;}
}

/* ==========================================================================
   Community
   ========================================================================== */

.communitylist{margin-left: -15px;margin-top: 50px;}
.communitylist li{width: calc(33.33% - 15px); margin-left: 15px;float: left;}
.communitybox{background: #f6f6f6;cursor: pointer;border-bottom: 3px solid #f6f6f6;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.communitybox:hover{transform: translate3d(0, -2px, 0);border-color: #1776e3;}
.communitybox .pic {position: relative; height: auto;overflow: hidden;}
.communitybox .bgimg{width: 100%;}
.communitybox .uppic{width: 100%;height: 100%; transition: transform 1s;position: absolute;left: 0;top:0;}
.communitybox:hover .uppic{ transform: scale(1.05);}
.communitybox .txtarea{padding:20px;}
.communitybox .txtarea>h2{font-size:16px;font-weight: normal; width: 100%;height: 30px; line-height: 30px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.communitybox:hover .txtarea>h2 a{color: #024099;}
.communitybox .txtarea .desc{font-size: 14px; color: #7e7d7d; line-height: 24px;height: 48px;
 overflow: hidden;margin:10px 0;}
.communitybox .txtarea .date{font-size: 14px;color: #989898;}
.communitybox .txtarea .more a{color: #1776e3;}
.communitybox .txtarea .more{}


@media only screen and (max-width:1200px) {
.communitybox .txtarea>h2{font-size:16px;height:48px; line-height: 24px; }
}

@media only screen and (max-width:920px) {
.communitylist{margin-left: -10px;margin-top: 20px;}
.communitylist li{width: calc(33.33% - 10px); margin-left: 10px;}
.communitybox .txtarea>h2{font-size:14px;}
}

@media only screen and (max-width:768px) {
.communitylist{margin-left:0;margin-top: 20px;}
.communitylist li{width:100%; margin-left:0; margin-bottom: 10px; float: none;} 
}

/* ==========================================================================
   culture
   ========================================================================== */

.culture-tit01{font-size:30px;height: 30px; line-height: 30px; color: #004086; font-weight:700; margin-top:60px;}

.culture-row01{background: #348cf1;margin-top: 50px;}
.culture-row01 .pic{width: 300px; height: 228px; float: left;}
.culture-row01 .pic img{width: 100%; height:100%;}
.culture-row01 .txt-row{width: calc(50% - 260px);padding-left:25px;padding-top: 60px; margin-left: 80px;float: left; color: #fff;}
.culture-tit02{height: 40px; line-height: 40px;font-weight: normal;  font-size: 30px;color: #333;position: relative;z-index: 0;}
.culture-tit02:before { content: ""; display: block; top:5px; left:-25px; position: absolute; width:30px; height:30px; background: #fff;
border-radius:50%;}
.culture-tit02 span{position: relative;z-index: 1;}
.culture-row01 .txt-row .txt{font-size: 20px; line-height: 30px;}
.culture-row01 .txt-row p.line{width: 50px; height: 2px; background: #fff;margin:15px 0 10px 0;}

.culturelist{margin-left: -15px;margin-top: 50px;}
.culturelist li{width: calc(25% - 15px); margin-left: 15px;float: left;}
.culturebox{cursor: pointer;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.culturebox .culture-tit02{margin-bottom: 20px;margin-left: 25px;}
.culturebox .culture-tit02:before{background: #fff100;}

.culturebox .pic {position: relative; height: auto;overflow: hidden;}
.culturebox .bgimg{width: 100%;}
.culturebox .uppic{width: 100%;height: 100%; transition: transform 1s;position: absolute;left: 0;top:0;}
.culturebox:hover .uppic{ transform: scale(1.05);}
.culturebox  h2{font-size:18px;font-weight: normal; width: 100%;height: 60px; line-height: 30px; overflow:hidden;color: #666;margin-top: 10px;}
.culturebox:hover h2{color: #1776e3;}

@media only screen and (max-width:1200px) {
.culture-tit01{font-size:20px;}
.culture-tit02 {font-size: 20px;}
.culture-row01,.culturelist{margin-top: 20px;}
.culturebox h2{font-size: 16px;}
}

@media only screen and (max-width:920px) {
.culturelist{margin-left: -10px;}
.culturelist li{width: calc(25% - 10px); margin-left: 10px;}
.culture-tit01{font-size:16px;margin-top: 30px;}
.culture-tit02 {font-size:18px;}
.culture-row01 .txt-row .txt{font-size: 14px;}
.culture-row01 .txt-row { padding-top: 50px; margin:0  30px;width: calc(50% - 240px);}
.culturebox h2{font-size: 14px;}
}

@media only screen and (max-width:768px) {
.culturelist{}
.culturelist li{width: calc(50% - 10px);margin-bottom: 10px;} 
.culture-row01{padding-bottom: 20px;}
.culture-row01 .pic{width: 100%; height: auto; float: none;}
.culture-row01 .txt-row { padding: 20px 30px 0 60px ; margin:0;width: calc(100% - 90px);}
.culture-row01 .txt-row p.line {margin:0;}
.culture-tit02:before{width: 15px; height: 15px;top: 13px;}
.culture-row01 .txt-row .culture-tit02{color: #fff; font-weight: bold;}
.culturebox .culture-tit02 {margin-bottom:10px;}
}




/* ==========================================================================
   sustainable
   ========================================================================== */


.sustainable-row01{padding:100px 0;}

.sustainable-row01 .txtarea{margin-top: 50px;}
.sustainable-row01 .txtarea .txt01{width: calc(50% - 50px); float: left;color: #1776e3;font-size: 18px; line-height:36px;}
.sustainable-row01 .txtarea .txt02{width:50%; float: right;color: #909090;font-size:14px; line-height: 32px;}

@media only screen and (max-width:1200px) {
.sustainable-row01{padding:60px 0;}
.sustainable-row01 .txtarea .txt01{font-size: 16px;line-height: 30px;}
.sustainable-row01 .txtarea .txt02{font-size: 14px;line-height: 30px;}
}

@media only screen and (max-width:920px) {
.sustainable-row01 .txtarea{margin-top: 20px;}
.sustainable-row01{padding:40px 0;}
.sustainable-row01 .txtarea .txt02{line-height:24px;}
}

@media only screen and (max-width:768px) {
.sustainable-row01 .txtarea .txt01{font-size: 14px;line-height: 24px;}
.sustainable-row01 .txtarea .txt02{font-size: 12px;line-height: 24px;}
}

@media only screen and (max-width:420px) {
.sustainable-row01 .txtarea .txt01,.sustainable-row01 .txtarea .txt02{width: 100%;float: none;}
.sustainable-row01 .txtarea .txt02{margin-top: 10px;}
}

.sustainable-row02{padding:50px 0;background: #f5f5f5;}
.sustainable-row02 img{max-width: 100%;}
.sustainable-row02 .wrapper{max-width: 1280px;}
.sustainable-row02 .left{width:450px; float: left;}
.sustainable-row02 .right{width: calc(100% - 500px); float: right;}
.sustainablelist02{margin-left: -10px;}
.sustainablelist02 li{width: calc(33.33% - 10px);margin-left: 10px; height: auto;position: relative; float: left;overflow: hidden;}
.sustainablelist02 li:nth-child(2){margin-top:50px;}
.sustainablebox02 .pic {position: relative; height: auto;overflow: hidden;}
.sustainablebox02 .bgimg{width: 100%;}
.sustainablebox02 .uppic{width: 100%;height: 100%; transition: transform 1s;position: absolute;left: 0;top:0;}
.sustainablebox02:hover .uppic{ transform: scale(1.05);}

.sustainablebox02 .cover{position: absolute; width: calc(100% - 40px);padding:20px;height:60px;bottom: 0; left: 0;background: rgba(0, 0, 0, .6);}
.sustainablebox02 .cover .tit{color: #fff;font-size: 24px;font-weight: bold;line-height: 30px;}
.sustainablebox02 .cover p.txt01{font-size: 14px;color: #fff;}


@media only screen and (max-width:1200px) {
.sustainable-row02 .left{width:400px;}
.sustainable-row02 .right{width: calc(100% - 450px);}
.sustainablebox02 .cover .tit{font-size: 20px;}
}

@media only screen and (max-width:920px) {
.sustainable-row02 .left{width:300px;}
.sustainable-row02 .right{width: calc(100% - 330px);}

}

@media only screen and (max-width:768px) {
.sustainable-row02 .left,.sustainable-row02 .right{width:100%; float: none;}
.sustainable-row02 .left{text-align: center;margin-bottom: 30px;}
}

@media only screen and (max-width:420px) {
  .sustainablelist02{margin-left:0;}
.sustainablelist02 li{width:100%;margin-left: 0;float: none;}
.sustainablelist02 li:nth-child(2){margin:10px 0;}
.sustainablebox02 .bgimg{height: 300px;}
.sustainablebox02 .uppic{position: absolute; height: auto; top: 50%;left: 50%;transform: translate(-50%,-50%);}
.sustainablebox02 .cover .tit{font-size: 16px;}
.sustainable-row02{padding:20px 0;}
}

/* ==========================================================================
   promise
   ========================================================================== */
.promisepart02{padding: 0 0 60px 0;background: #fff;}

.promiselist{margin-left: -25px;}
.promiselist li{width: calc(33.33% - 25px);margin-left: 25px;margin-bottom: 30px;  height: auto;position: relative; float: left;overflow: hidden;}

.promisebox02 .pic {position: relative; height: auto;overflow: hidden;}
.promisebox02 .bgimg{width: 100%;}
.promisebox02 .uppic{width: 100%;height: 100%; transition: transform 1s;position: absolute;left: 0;top:0;}
.promisebox02:hover .uppic{ transform: scale(1.05);}

.promisebox02 .cover{position: absolute; width:100%;height:100%;bottom: 0; left: 0;
  background:url(../images/promisebg02.png) left bottom no-repeat;background-size: cover;
}
.promisebox02 .cover .txtarea{padding:30px;width: calc(100% - 60px);height:140px;position: absolute;bottom: 0;left: 0;}
.promisebox02 .cover .tit{color: #fff;font-size: 24px;font-weight: bold;line-height: 30px;}
.promisebox02 .cover .txt01{font-size: 14px;color: #fff;height: 36px; overflow: hidden;line-height: 18px;margin:15px 0;}
.promisebox02 .cover .more a{background:#1e50ae;color: #fff;width: 130px; height: 30px; line-height:30px; text-align: center;display: inline-block; }
.promisebox02 .cover .more .fa{margin-left: 10px;}



@media only screen and (max-width:920px) {
.promisebox02 .cover .tit{font-size: 18px;}
.promiselist{margin-left: -10px;}
.promiselist li{width: calc(33.33% - 10px);margin-left:10px;margin-bottom:10px;}

}

@media only screen and (max-width:768px) {
.promisebox02 .cover .tit{font-size: 16px;}
.promiselist li{width: calc(50% - 10px);}
}

@media only screen and (max-width:420px) {
.promisebox02 .cover .txtarea {padding: 20px; width: calc(100% - 40px);}
.promisebox02 .cover .txt01{font-size: 12px;}
.promisebox02 .cover .more a{width: 100px;}
.promisepart02{padding-bottom:0;}
}



/* ==========================================================================
   innovation
   ========================================================================== */
.innovation-row01{padding:30px;background: #f5f5f5;margin:60px 0;}
.innovation-row01 li{width: 33.33%;float: left; text-align: center;}
.innovation-row01 li p{font-size:18px;color: #666;font-weight: 200;margin: 10px;height: 30px; line-height: 30px; overflow: hidden;}
.innovation-row01 li h4{font-size:30px;color: #333;font-weight: 300; height: 30px; line-height: 30px; overflow: hidden;}
.innovation-row01 li .inco{width: 100%; height: 100px;transition-duration:800ms;}
.innovation-row01 li .inco img{max-width: 100%;}
.innovation-row01 li:hover .inco {transform:rotateY(360deg);}

.innovation-row02{padding-bottom: 50px;border-bottom: 1px solid #d4d4d6;}
.innovation-row02 .txt01{width: calc(50% - 20px); float: left;color: #1776e3;font-size: 24px; line-height:36px;}
.innovation-row02 .txt02{width: calc(50% - 20px); float: right;color: #666;font-size:18px; line-height:24px;}

.innovation-row03{margin-top: 60px;}
.innovation-row03 .inner_tit{text-align: left;}


.feedback{padding-top: 40px; max-width: 620px;margin:0 auto; }
.feedback .label{font: 300 14px/30px microsoft yahei;margin-bottom:5px;display: block;}
.feedback .ui-input{width: calc(100% - 42px); height: 18px; line-height: 18px; padding:10px 20px;background-color: #fff;
  border:1px solid #bfbfbf;}
.feedback .ui-textarea{width: calc(100% - 42px); height: 90px; line-height: 18px; padding:10px 20px;background-color: #fff;
  border:1px solid #bfbfbf;}

.feedback .ui-btn{background: #1776e4; border: 0 none;  cursor: pointer;
    text-align: center;font: 300 16px/24px microsoft yahei; color: #fff;width:130px; height: 40px;}
.checkcode .ui-input{ width:100px;}
.checkcode{float: left;margin-right: 10px;}
.feedback .ui-btn:hover{background: #207dc5;}
.feedback-form-item{margin-bottom:20px;}
.feedback-form-item .feedback-inline{width: calc(50% - 15px); float: left;}
.feedback-form-item .feedback-inline:nth-child(1){margin-right: 30px;}


@media only screen and (max-width:420px) {
.feedback-form-item{margin-bottom:10px;}
.feedback-form-item .feedback-inline{width: calc(50% - 5px);}
.feedback-form-item .feedback-inline:nth-child(1){margin-right: 10px;}
.checkcode .ui-input{ width:70px;}
.feedback .ui-btn{width: 80px;font-size: 14px;}
.feedback .label{font-size: 12px;}
}


@media only screen and (max-width:1200px) {
.innovation-row01 li h4 {font-size:24px;}
.innovation-row01 li p {font-size: 16px;}
.innovation-row02 .txt02{font-size: 16px;}
.innovation-row02 .txt01{font-size: 22px;}
}

@media only screen and (max-width:920px) {
.innovation-row02 .txt01{font-size: 18px;}
.innovation-row01 li h4 {font-size:20px;}
}

@media only screen and (max-width:768px) {
  .innovation-row01 {margin:20px 0;}
  .innovation-row03{margin-top: 20px;}
.innovation-row01 li p {font-size: 14px;}
.innovation-row02 .txt01{font-size: 16px;}
.innovation-row02 .txt02{font-size: 14px;}
}

@media only screen and (max-width:420px) {
.innovation-row01{padding:20px 0;}
.innovation-row01 li p{font-size: 12px;font-weight: 500; line-height: 18px; height: 36px;}
.innovation-row01 li .inco{height:80px;}
.innovation-row01 li .inco img{height:80px;}
.innovation-row01 li h4{font-size: 14px;font-weight: 700;}
.innovation-row02 .txt01,.innovation-row02 .txt02{width: 100%;float: none;}
.innovation-row02 .txt01{line-height: 24px;margin-bottom: 10px;}
.innovation-row02{padding-bottom: 30px;}
}

/* ==========================================================================
   qhsse
   ========================================================================== */
.qhsse-row01{font-size:16px; line-height:24px;color: #6e6e6e;margin:60px 0 30px 0;}
.qhsse-row01 .txt01{color: #1776e3;font-size: 20px; line-height:2em;margin-bottom: 30px;}
.qhsse-row01 .txt02{color: #666;font-size:18px; line-height:2em;}

.qhsselist{margin-left: -15px;0}
.qhsselist li{width: calc(25% - 15px); margin-left: 15px;float: left;}
.qhssebox{cursor: pointer;}

.qhssebox .pic {position: relative; height: auto;overflow: hidden;}
.qhssebox .bgimg{width: 100%;}
.qhssebox .uppic{width: 100%;height: 100%; transition: transform 1s;position: absolute;left: 0;top:0;}
.qhssebox:hover .uppic{ transform: scale(1.05);}
.qhssebox .txtarea{margin-top: 20px;}
.qhssebox .txtarea>h2{font-size:20px;font-weight: normal; width: 100%;height: 30px; line-height: 30px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.qhssebox:hover .txtarea>h2 a{color: #024099;}
.qhssebox .txtarea .desc{font-size: 14px; color: #7e7d7d; line-height: 24px;height: 48px;
 overflow: hidden;margin:10px 0 20px 0;}
.qhssebox .txtarea .date{font-size: 14px;color: #989898;}
.qhssebox .txtarea .more a{background:#1e50ae;color: #fff;width: 130px; height: 30px; line-height:30px; text-align: center;display: inline-block; }
.qhssebox .txtarea .more .fa{margin-left: 10px;}

@media only screen and (max-width:1200px) {
.qhssebox .txtarea>h2{font-size:16px;}
.qhsse-row01{margin-top:20px;}
.qhsse-row01 .txt01{font-size: 16px;}
.qhsse-row01 .txt02{font-size: 14px;}
.qhssebox .txtarea .desc{font-size: 12px;}
.qhssebox .txtarea .more a{width: 100px;font-size: 12px;}
}

@media only screen and (max-width:920px) {
.qhsselist{margin-left: -10px;}
.qhsselist li{width: calc(25% - 10px); margin-left: 10px;}
.qhssebox .txtarea>h2{font-size:14px;}
.qhsse-row01 .txt01{font-size: 14px;}
}

@media only screen and (max-width:768px) {
.qhsselist li{width: calc(50% - 10px);margin-bottom:20px;} 
}



/* ==========================================================================
   news
   ========================================================================== */
.sub-banner-news{height: 250px;position: relative;overflow: hidden;}
.breadcrumb{font-size: 16px; color: #fff;height: 40px; line-height: 40px; overflow: hidden;position: absolute;bottom:50px;width: 100%;}
.breadcrumb a{color: #fff;}
.breadcrumb a:last-child {font-weight: bold;}
.breadcrumb .wrapper{padding:0;}

@media only screen and (max-width: 768px) {
.breadcrumb{font-size: 12px;}

}


.newtitle{text-align: center;}
.newtitle h1 {font-size:24px;font-weight: bold;}
.newsdetails .byline{color:#666;margin-top: 10px;border-bottom: 1px solid #e3e5e8;padding-bottom: 10px;}
.newsdetails .byline{height:50px;color:#999;line-height:50px;border-bottom:1px solid #e9e9e9;}
.newsdetails .byline span{margin-right:20px;display: inline-block;}
.newsdetails .byline .bdsharebuttonbox{display: inline-block;}
.newsdetails .byline .bdshare-button-style0-16:after {    display: inline-block;}

.newsdetails .byline .bdshare-button-style0-16 a, .newsdetails .byline .bdshare-button-style0-16 .bds_more {
    float: left;
    line-height: 50px;
    height: 50px;
    margin:0;
}
.newsdetails .byline a{color: #999;}

.newsh_cn {padding:20px 0;}
.newsh_cn p{font-size: 16px;}
.newsh_cn img{height: auto!important;}

.toolbar{ border-top: 1px solid #e3e5e8; margin-top:30px;padding:30px 0; font-size: 16px;color: #333;}
.toolbar a{color:#333;margin-left: 10px; }
.toolbar p:hover a{text-decoration: underline;color: #265087;}
.toolbar i{color: #265087;}




.innertit03{font-size: 24px; line-height: 30px; margin:50px 0 30px 0;}
.zxnewslist{margin-left: -15px;}
.zxnewslist li{width: calc(33.33% - 15px); margin-left: 15px; margin-bottom: 15px; float: left;}

.zxnewslist li .pic {position: relative; height: auto;overflow: hidden;}
.zxnewslist li .bgimg{width: 100%;}
.zxnewslist li .uppic{width: 100%;height: 100%; transition: transform 1s;position: absolute;left: 0;top:0;}
.zxnewslist li:hover .uppic{ transform: scale(1.05);}
.zxnewslist li p.tit{font-size:16px;font-weight: normal; width: 100%;height:48px; margin-top: 10px;
 line-height:24px; overflow:hidden;}



@media only screen and (max-width:1200px) {
.newtitle h1 { font-size:18px;}
.newsh_cn,.newsh_cn p{font-size: 14px;}
}

@media only screen and (max-width:920px) {
.zxnewslist li p.tit{font-size: 14px;}
.innertit03{font-size: 18px;}
}


@media only screen and (max-width:420px) {
.zxnewslist{margin-left: -10px;}
.zxnewslist li{width: calc(33.33% - 10px); margin-left: 10px;}
.newtitle h1{font-size: 16px;}
}


/* ==========================================================================
   solutions
   ========================================================================== */
.solutionpart01{padding:60px 0 120px 0;}

.solutionpart01 .txt01{width: calc(50% - 20px); float: left;color: #1776e3;font-size: 20px; line-height:36px;}
.solutionpart01 .txt02{width: calc(50% - 20px); float: right;font-size:14px; line-height: 30px;}

@media only screen and (max-width:1200px) {
.solutionpart01 .txt01{font-size: 16px;line-height: 30px;}
.solutionpart01{padding:40px 0 60px 0;}
}

@media only screen and (max-width:920px) {
.solutionpart01{padding:30px 0 40px 0;}
.solutionpart01 .txt02{line-height:24px;}
}

@media only screen and (max-width:768px) {
.solutionpart01 .txt01{font-size: 14px;line-height: 24px;}
.solutionpart01 .txt02{font-size: 12px;line-height: 24px;}
}

@media only screen and (max-width:420px) {
.solutionpart01 .txt01,.solutionpart01 .txt02{width: 100%;float: none;}
.solutionpart01 .txt02{margin-top: 10px;}
.solutionpart01{padding:20px 0 20px 0;}
}



.solutionpart02{padding-bottom: 60px;}
.solutionlist02{margin:0 20px;}
.solutionlist02 li{width: calc(33.33% - 10px); margin:0 5px;float: left;}
.solutionbox02{padding-bottom: 200px; position: relative;}
.solutionbox02 .pic {position: relative; height: auto;overflow: hidden;}
.solutionbox02 .bgimg{width: 100%;}
.solutionbox02 .uppic{width: 100%;height: 100%; transition: transform 1s;position: absolute;left: 0;top:0;}
.solutionbox02:hover .uppic{ transform: scale(1.05);}
.solutionbox02 .cover{position: absolute;width: calc(100% - 60px);height:150px;bottom:0; left: 0;background:#1776e3; color: #fff;
  padding:40px 30px;
-webkit-transition: all 0.5s;
   -moz-transition: all 0.5s;
   -o-transition: all 0.5s;
   transition: all 0.5s;
}
.solutionbox02:hover .cover{height: 170px;}
.solutionbox02 .cover a{color: #fff;}
.solutionbox02 h3.title{font-size: 24px;font-weight: normal;}
.solutionbox02 .cover .desc{font-size: 16px;margin:20px 0; line-height: 24px; height: 48px; overflow: hidden;}

@media only screen and (max-width:1200px) {
.solutionbox02 h3.title{font-size: 18px;}
.solutionbox02 .cover .desc{font-size: 14px;margin:10px 0;}
.solutionbox02{padding-bottom: 210px;}
.solutionbox02 .cover{height: 130px;}
.solutionbox02:hover .cover{height: 150px;}
}

@media only screen and (max-width:920px) {
.solutionbox02 h3.title{font-size:16px;}
.solutionbox02{padding-bottom:170px;}
.solutionbox02 .cover{height: 110px;padding:30px 20px;width: calc(100% - 40px);}
.solutionbox02 .cover .desc{font-size: 12px;margin:0 0 10px 0;}
.solutionbox02:hover .cover{height: 130px;}
.solutionpart02{padding-bottom:40px;}
}

@media only screen and (max-width:768px) {
.solutionbox02 h3.title{font-size:14px;font-weight: bold;} 
.solutionlist02{margin:0 10px;}
.solutionbox02 .cover .desc{font-size: 12px; line-height: 18px; height: 54px; }
.solutionbox02 .cover{padding:20px 10px;width: calc(100% - 20px);}
.solutionbox02{padding-bottom:150px;}
}

@media only screen and (max-width:420px) {
.solutionlist02{margin:0 10px;}
.solutionlist02 li{width:100%; margin:0 0 10px 0;float: none;}
.solutionbox02{padding-bottom:130px;}
.solutionpart02{padding-bottom:20px;}
}


.solutionpart03{position: relative;margin-bottom: 60px;}
.solutionpart03:before { content: ""; display: block; top: 0; right: 0; 
position: absolute; width:50%; height:calc(100% - 36px); background: #1776e3;z-index: 0;}
#owl-solutionpic .pic {position: relative; height: auto;overflow: hidden;}
#owl-solutionpic .bgimg{width: 100%;}
#owl-solutionpic .uppic{width: 100%;height: 100%; transition: transform 1s;position: absolute;left: 0;top:0;}
#owl-solutionpic:hover .uppic{ transform: scale(1.05);}
.solutionpart03 .left{width: calc(50% - 50px);float: left;margin-left: 30px;}
.solutionpart03 .right{width:50%;float: right;position: relative;z-index: 1;}
.solutionpart03 .right .warp{padding:50px 10px 0 50px;color: #fff;}
.solutionpart03 .right a{color: #fff;}
.solutionpart03 .right h3.tit{font-size: 36px; line-height: 40px;margin-bottom: 10px;}
.solutionpart03 .right li{width: calc(50% - 30px);float: left;margin-right: 30px;margin-top: 20px;padding-top: 20px; 
border-top: 1px solid #fff;}
.solutionpart03 .right li h4{height: 30px; line-height: 30px; font-size: 24px; overflow: hidden;font-weight: normal;}
.solutionpart03 .right li .desc{ font-size: 14px; line-height: 24px; height: 96px; overflow: hidden;margin:20px 0; }

@media only screen and (max-width:1600px) {
.solutionpart03 .right h3.tit{font-size:24px; line-height: 30px;}
.solutionpart03 .right li h4{font-size: 18px;}
.solutionpart03 .right li .desc {line-height: 18px;height:72px;margin:10px 0;}
}


@media only screen and (max-width:1440px) {
.solutionpart03 .right .warp{padding:30px 0 0 30px;}
.solutionpart03 .right li .desc {line-height: 18px;height:54px;}
}

@media only screen and (max-width:1200px) {
.solutionpart03 .right li h4{font-size: 16px;height: 20px; line-height: 20px;}
.solutionpart03 .right h3.tit{font-size:18px; line-height: 20px;}
.solutionpart03 .right li{width: calc(50% - 20px);margin-right: 20px;margin-top: 10px;padding-top: 10px;}
.solutionpart03 .right li .desc{font-size: 12px;}
}

@media only screen and (max-width:920px) {
.solutionpart03 .right li h4{font-size: 14px;font-weight: bold;}
.solutionpart03 .right li .desc {line-height: 18px;height:36px;margin:0;}
.solutionpart03 .right .warp{padding:20px 0 0 20px;}
}

@media only screen and (max-width:768px) {
.solutionpart03{margin:0 15px 30px 15px;}
.solutionpart03 .left{width:100%;float: none;margin-left: 0;}
.solutionpart03 .right{width:100%;float: none;background: #1776e3;}
.solutionpart03:before {display: none;}
.solutionpart03 .right .warp{padding:20px 0 20px 20px;}
.solutionpart03 .right li .desc {margin:10px 0;}
}



.solutionpart06{padding:60px 0 80px 0;}
.solutionpart06 .txtarea{font-size: 16px;line-height: 36px;margin: 30px 0 20px 0;color: #666;}
.solutionpart06 .more a{padding:0 70px; height:35px; font-weight: bold;line-height: 35px; display: inline-block;
 background: #1776e3;color: #fff;font-size: 12px;}

.solutionpart07{position: relative;}
.solutionpart07:before { content: ""; display: block; top: 0; right: 0; 
position: absolute; width:50%; height:100%; background: #1776e3;z-index: 0;}
.solutionpart07 .wrapper{max-width: 1500px;position: relative;z-index: 1;}
.solutionpart07 .pic{width: calc(50% - 50px);float: left;}
.solutionpart07 .pic img{max-width: 100%;}
.solutionpart07 .txtarea{width:50%;float: right;}
.solutionpart07 .txtarea .desc{padding:60px 0 0 80px; font-size: 18px; line-height:36px;color: #fff;}

.solutionpart08{padding:80px 0;}
.solutionpart08 .wrapper{max-width: 1660px;}
.solutionpart08 .titms{text-align: center;font-size: 18px;}

.solutionpart09 .wrapper{padding:60px 20px;border-top: 1px solid #d4d4d6;}
.solutionpart09 .left{width: 40%;float: left;}
.solutionpart09 .left .inner_tit{text-align: left;}
.solutionpart09 .right{width: 60%;float: right;}
.solutionpart09 .right .feedback{padding-top: 0;}


@media only screen and (max-width:1440px) {
.solutionpart07 .txtarea .desc {padding: 40px 20px 0 60px; font-size: 16px; line-height: 30px;}
}

@media only screen and (max-width:1200px) {
.solutionpart07 .txtarea .desc {padding: 30px 20px 0 40px; font-size: 14px; line-height: 28px;}
}

@media only screen and (max-width:920px) {
.solutionpart07 .pic{width:50%;}
.solutionpart07 .txtarea .desc {padding: 30px 10px 30px 30px;line-height: 24px;}
}

@media only screen and (max-width:768px) {
  .solutionpart06 .txtarea {    font-size: 14px;    line-height: 30px;}
  .solutionpart06 .more a { padding: 0 40px;}
  .solutionpart09 .wrapper{padding:30px 10px;}
  .solutionpart09 .left,.solutionpart09 .right{width:100%;float: none;}
  .solutionpart09 .left .inner_tit{text-align: center;margin-bottom: 30px;}
}

@media only screen and (max-width:450px) {
 .solutionpart07 .pic,.solutionpart07 .txtarea{width:100%;float: none;} 
 .solutionpart07:before{display: none;}
 .solutionpart07 .txtarea{background: #1776e3;}
 .solutionpart07 .txtarea .desc{padding:30px;}
 .solutionpart06,.solutionpart08 {padding:30px 0;}
 .solutionpart06 .txtarea {font-size: 12px; line-height:24px; margin:20px 0;}
.solutionpart08 .titms{font-size: 14px;}
}

/* ==========================================================================
   case
   ========================================================================== */
.sub-banner-case{height: 350px;position: relative;overflow: hidden;}
.sub-banner-case .bannertxt{bottom: 50px;}

.caselist{margin-left: -15px;margin-top: 50px;}
.caselist li{width: calc(33.33% - 15px); margin-left: 15px; margin-bottom: 15px; float: left;}
.casebox{position: relative;}
.casebox .pic {position: relative; height: auto;overflow: hidden;}
.casebox .bgimg{width: 100%;}
.casebox .uppic{width: 100%;height: 100%; transition: transform 1s;position: absolute;left: 0;top:0;}
.casebox:hover .uppic{ transform: scale(1.05);}
.casebox .cover{position: absolute; width: 100%;height:100%;bottom:0; left: 0;color: #fff;
background: rgba(23, 118, 227, .1);
-webkit-transition: all 0.5s;
   -moz-transition: all 0.5s;
   -o-transition: all 0.5s;
   transition: all 0.5s;
}
.casebox:hover .cover{background: rgba(23, 118, 227, .5);}
.casebox .cover h2 a{font-size:18px;font-weight: bold;color: #fff;}
.casebox .cover p.txt01{font-size: 18px;}
.casebox .cover p.txt02{margin:20px 0;}
.casebox .cover .warp{padding:150px 50px 60px 50px;}
.casebox .cover .more a{padding:0 20px; height:35px;line-height: 35px; display: inline-block;
 background: #1776e3;color: #fff;}

.casebox .cover .more i{margin-left:20px;}
.casebox:hover .cover .more a{ background: #fff;color: #1776e3;}


@media only screen and (max-width:1200px) {
.casebox .cover .warp{padding-top: 100px;}
}

@media only screen and (max-width:980px) {
.casebox .cover .warp{padding-top:60px;}
}

@media only screen and (max-width:920px) {
.caselist li{width: calc(50% - 15px);}
.casebox .cover .warp{padding-top: 100px;}
}

@media only screen and (max-width:450px) {
  .caselist{margin:0;}
  .caselist li{width:100%;float: none;margin-left: 0;}
  .casebox .cover p.txt01 {font-size: 16px; }
}


.casepart01{height: 565px;position: relative;}
.casepart01:before { content: ""; display: block; bottom:0; right: 0; 
position: absolute; width:30%; height:240px; background: #348cf1;z-index: 0;}
.casepart01 .txt-row{width: 100%;height:240px;position: absolute;bottom:0; left: 0; color: #fff; }
.casepart01 .txt-row .tit{width:580px;float: left;font-size: 36px;font-weight: 700;}

.casepart01 .txt-row .right{height: 240px; width: calc(100% - 600px);float: right;background: #348cf1;}
.casepart01 .txt-row .txtarea{padding:50px;}
.casepart01 .txt-row .txt01{font-size: 18px;line-height:30px;}
.casepart01 .txt-row .txt02{font-size: 36px;font-weight: 700;line-height: 40px;margin-bottom: 20px;}
.casepart01 .txt-row .txt03{font-size: 24px;font-weight: 700;line-height: 30px;}

.casepart02{height: 420px;position: relative;}
.casepart02:before { content: ""; display: block; bottom:0; right: 0; 
position: absolute; width:30%; height:100%; background: #f6f6f5;z-index: 0;}
.casepart02 .left{width:580px;float: left;font-size: 36px;font-weight: 700;padding-top:80px;}
.casepart02 .left li{width: 33.33%;float: left;}
.casepart02 .right{height: 420px; width: calc(100% - 600px);float: right;background: #f6f6f5;}
.casepart02 .xmys .txt01{font-size: 18px;color: #666;font-weight: normal;}
.casepart02 .txtarea{padding:50px;font-size: 18px;color: #666;line-height: 36px;}

.casepart03{padding:60px 0;}
.casepart03 .wrapper{max-width: 1400px;}
.casepiclist{margin-left: -15px;}
.casepiclist li{width: calc(25% - 15px); margin-left: 15px;float: left;cursor: pointer;}
.casepiclist li .pic {position: relative; height: auto;overflow: hidden;}
.casepiclist li .bgimg{width: 100%;}
.casepiclist li .uppic{width: 100%;height: 100%; transition: transform 1s;position: absolute;left: 0;top:0;}
.casepiclist li:hover .uppic{ transform: scale(1.05);}

@media only screen and (max-width:1600px) {
.casepart01:before,.casepart02:before { width:200px;}
}

@media only screen and (max-width:1440px) {
.casepart01:before,.casepart02:before { width:100px;}
}

@media only screen and (max-width:1200px) {
.casepart01 .txt-row .txt02{font-size:24px;}
.casepart01 .txt-row .txt03{font-size: 18px;}
.casepart01 .txt-row .tit {font-size:28px;}
}

@media only screen and (max-width:1000px) {
.casepart01 .txt-row .tit{width:480px;}
.casepart01 .txt-row .right{width: calc(100% - 500px);}
.casepart02 .left{width:480px;}
.casepart02 .right{width: calc(100% - 500px);}
.casepart02 .xmys .txt01{font-size: 14px;}
.casepart02 .xmys .timer{font-size: 24px;}
.casepart02 .txtarea{font-size: 16px;}
.casepart02 .right,.casepart02,.casepart02:before{height: 280px;}
.casepart01 .txt-row .txt02{font-size:20px;}
.casepart01:before,.casepart02:before { width:40px;}
}

@media only screen and (max-width:920px) {
.casepiclist{margin-left: -10px;}
.casepiclist li{width: calc(25% - 10px); margin-left: 10px;}
}

@media only screen and (max-width:768px) {
.casepiclist li{width: calc(50% - 10px);margin-bottom:20px;} 
}


/* ==========================================================================
   compliance
   ========================================================================== */
.compliancepart01{padding:60px 0;}
.txtrow01{padding-top: 20px;}
.compliancepart01 .txt01{width: calc(45% - 20px); float: left;color: #1776e3;font-size:18px; line-height:36px;}
.compliancepart01 .txt02{width: calc(55% - 20px); float: right;font-size:14px; line-height: 30px;}

@media only screen and (max-width:1200px) {
.compliancepart01 .txt01{font-size: 16px;line-height: 30px;}
.compliancepart01{padding:40px 0 60px 0;}
}

@media only screen and (max-width:920px) {
.compliancepart01{padding:30px 0 40px 0;}
.compliancepart01 .txt02{line-height:24px;}
}

@media only screen and (max-width:768px) {
.compliancepart01 .txt01{font-size: 14px;line-height: 24px;}
.compliancepart01 .txt02{font-size: 12px;line-height: 24px;}
}

@media only screen and (max-width:420px) {
.compliancepart01 .txt01,.compliancepart01 .txt02{width: 100%;float: none;}
.compliancepart01 .txt02{margin-top: 10px;}
.compliancepart01{padding:20px 0 20px 0;}
}

.compliancepart02{padding: 70px 0;margin-bottom: 70px; background: #f5f5f5;}
.compliancepart02 .left{width: 300px; float: left;color: #999;}
.compliancepart02 .inner_tit{text-align: left;margin-bottom:30px;}
.compliancepart02 .right{width: calc(100% - 370px); float: right;}


.compliancebox{cursor: pointer;margin:0 10px;}
.compliancebox .pic {position: relative; height: auto;overflow: hidden;}
.compliancebox .bgimg{width: 100%;}
.compliancebox .uppic{width: 100%;height: 100%; transition: transform 1s;position: absolute;left: 0;top:0;}
.compliancebox:hover .uppic{ transform: scale(1.05);}
.compliancebox .txtarea{padding:20px;background: #fff;}
.compliancebox .txtarea>h2{font-size:20px;font-weight: normal; width: 100%;height: 30px; line-height: 30px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin-bottom: 10px; }
.compliancebox:hover .txtarea>h2 a{color: #024099;}
.compliancebox .txtarea .more a{background:#1e50ae;color: #fff;width: 130px; height: 30px; line-height:30px; text-align: center;display: inline-block; }
.compliancebox .txtarea .more .fa{margin-left: 10px;}

#owl-compliance .owl-dots{height: 0px;overflow: hidden;}
#owl-compliance .owl-prev,#owl-compliance .owl-next{width:50px;top:50%; height:50px;background: none;
 text-indent: 100px;overflow: hidden;padding:0;margin:0;margin-top: -25px;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    filter: Alpha(Opacity=100);
    opacity: 1;
}
#owl-compliance .owl-prev{position: absolute;left:-50px; background:url(../images/arr03.png) center no-repeat;}
#owl-compliance .owl-next{position: absolute;right:-50px;background:url(../images/arr04.png) center no-repeat;}

#owl-compliance .owl-prev:hover{background:url(../images/arr05.png) center no-repeat;}
#owl-compliance .owl-next:hover{right:-50px;background:url(../images/arr06.png) center no-repeat;}


@media only screen and (max-width:1200px) {
.compliancepart02 .right{width: calc(100% - 420px); padding-right: 20px;}
.compliancebox .txtarea>h2{font-size: 16px;}
}

@media only screen and (max-width:920px) {
.compliancepart02 .right{padding-right: 40px;}
.compliancebox .txtarea>h2{font-size: 14px;}
.compliancebox .txtarea .more a{font-size: 12px;width: 100px;}
}

@media only screen and (max-width:768px) {
.compliancepart02 .left{width: 100%; float: none;text-align: center; }
.compliancepart02 .right{width: calc(100% - 100px); float: none;padding:0 50px;margin-top: 20px;}
.compliancepart02 .inner_tit {text-align: center; margin-bottom: 20px; }
.compliancepart02{padding: 40px 0;margin-bottom: 40px;}
}






/* ==========================================================================
   contactpart01
   ========================================================================== */
.contactpart01{padding:100px 0;}

.contactpart02{padding:90px 0 60px 0;background: #f5f5f5;margin-bottom: 60px;}
.contactpart02 ul{border-top: 1px solid #d4d4d6;padding-top: 30px;}
.contactpart02 li:nth-child(1){width: 40%;}
.contactpart02 li:nth-child(2){width: 60%;}
.contactpart02 li {float: left;font-size: 16px; color: #666;line-height: 36px;}
.contactpart02 li h3.tit01{color: #1776e3;font-size: 18px;margin-bottom: 10px;}

@media only screen and (max-width:1200px) {
.contactpart01{padding:60px 0;}
.contactpart02 li {font-size: 14px;line-height: 30px;}
.contactpart02{padding:40px 0;margin-bottom: 40px;}
}

@media only screen and (max-width:920px) {

.contactpart01{padding:40px 0;}
}
@media only screen and (max-width:768px) {
.contactpart02 li:nth-child(1),.contactpart02 li:nth-child(2){width:100%;float: none;}
.contactpart02 li:nth-child(2){margin-top: 30px;}
.contactpart02 li h3.tit01{font-size: 16px;}
.contactpart02 .wrapper{padding:0 20px;}
}

@media only screen and (max-width:420px) {
   .contactpart01{padding:20px 0;}
   .contactpart02 li {font-size: 14px; line-height: 24px;}
   .contactpart02{padding-top: 0;margin-bottom: 0;}
   .contactpart02 li h3.tit01{font-size: 14px;}
}


/* ==========================================================================
   careers
   ========================================================================== */
.careerMenu{width:100%;border-top: 1px solid #d6d6d6;margin:40px 0;}
.careerMenu h3{ height:40px;padding:15px 0; border-bottom: 1px solid #d6d6d6;cursor:pointer; line-height: 40px; font-size: 16px; color: #555;
  font-weight:normal;padding-left:30px;background: #f9f9f9;}
.careerMenu h3 em{ float:right;display:block; width:50px; height:40px; background:url(../images/icoAdd02.png) center top no-repeat;
 cursor:pointer;}
.careerMenu h3.on em{ background-position:center bottom; }
.careerMenu h3.on{background: #1776e4;color: #fff;}
.careerMenu h3 .date{width:180px;overflow: hidden;float: left; height: 44px;font-size: 14px;}
.careerMenu h3 .tit01{width: calc(100% - 600px);margin-right: 20px; height:40px;float: left; font-weight: bold; overflow: hidden; text-overflow:ellipsis;white-space:nowrap;}
.careerMenu h3 .tit02{width:150px; height:40px;margin-right: 20px; float: left;}
.careerMenu h3 .tit03{width:150px; height:40px;margin-right: 20px; float: left;}

.careerMenu .nwms{padding:30px; border:1px solid #d5d6de; border-top: 0;}


@media only screen and (max-width: 768px) {
.careerMenu h3 .tit01{width: calc(100% - 70px);margin-right: 0;}
.careerMenu h3 .date,.careerMenu h3 .tit03,.careerMenu h3 .tit02{display: none;}
.careerMenu h3 .tit01{font-size: 14px;}
.careerMenu .nwms{padding:20px;}
.careerMenu h3{padding:5px 0 5px 20px;}
.careerMenu{margin-top: 10px;}
}


/* ==========================================================================
   Pagination
   ========================================================================== */
#Lb_pager { margin-top: 30px;margin-bottom:20px; text-align: center;}
#Lb_pager .pages a { display: inline-block; background: #fff; margin: 0 3px; padding: 0 13px;color: #333; cursor: pointer; line-height: 30px; height: 30px;
    border:1px solid #cbcbcb;
    -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
     }
#Lb_pager .pages .pgnext{padding: 0 15px; }
#Lb_pager .pages .pgcurrent { color: #fff;cursor: default;background-color: #0065b3;border-color: #0065b3;}
#Lb_pager .pages .pgempty { cursor: not-allowed;}
#Lb_pager .pages a:hover{color: #fff; text-decoration: none;background-color: #0065b3;border-color: #0065b3;}




/* ==========================================================================
   Sidebar
   ========================================================================== */
.overview {
    color: #fff;
    font: 300 18px/59px microsoft yahei;
    background: #006db9;
    padding-left: 18px;
}

.sidenav{background:#fff;}
.sidenav li {
    position: relative;
    display: inline-block;
    font-size: 14px;
    text-align: center; background: #767676; margin-right:5px;
}
.sidenav li a{padding-left:60px;padding-right:60px; color: #fff;}

.sub_nav {background:#fff;}
.sub_nav .wrapper{padding:0;}

.sidenav li:hover,
.sidenav .active {background: #1776e3;}

.sidenav .active:after {  display: none;
        content: "";
        position: absolute;
        width: 100px;
        height: 2px;
        overflow: hidden;
        left: 50%;
        margin-left: -50px;
        bottom: 0;background: #024099;
    }
.sidenav li a:hover,
.sidenav li.active a {color: #fff;}
.sidenav li:last-of-type a {}

/* overview */
.ln-menu-link {
    display: block;
    font-size:16px; position: relative;
    *zoom: 1;
    font-family: microsoft yahei; font-weight: bold;
    line-height:50px;}

#ln-menustate {
    display: none;
}
@media only screen and (max-width: 767px) {
  .innertit{display: none;}
    .relatedtit{display: block;}
.sidenav{background:#fff;}
    .sidenav li {
        width: 100%;
        text-align: center;border-right:0;padding:0;border:0;
    }
    .sub_nav {background:#fff;}
    .ln-menu-link .inco{width:30px; height: 30px;position: absolute;top: 10px; left: 30px;}
    .ln-menu-link {
        line-height: 20px;
        border-bottom: 1px solid #d7d7d7;
        border-right: none;
        border-left: none;
        border-top: none;
        margin: 0;
    }
    
    .overview.hidden {
        display: block;
    }
    
    .sidenav li.on {
        border-bottom: none;
    }
    
    .sub_nav li:first-child .ln-menu-link {
        border-left: none;
    }
}
.sidenav li.on a {
    color: #10924e;
}

}
#ln-menustate {
    display: none;
}
.localnav {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}
.ln-wrapper {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    min-height: 100%;
    z-index: 1
}

/* background */
.ln-background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.95);
    -webkit-transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1);
    transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1)
}

/*.ln-background:after { background-color: rgba(153,153,153,0.4); content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; }*/
#ln-menustate:checked ~ .localnav .ln-background,
#ln-menustate:target ~ .localnav .ln-background {
    background-color: rgba(255, 255, 255, 1);
    max-height: none;
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease
}
#ln-menustate:checked ~ .localnav .ln-background:after,
#ln-menustate:target ~ .localnav .ln-background:after {
    background-color: #d6d6d6
}
.ln-content {
    margin: 0 auto;
    max-width: 1280px;
    position: relative;
    z-index: 2
}
.ln-curtain {
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    z-index: 9;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
#ln-menustate:checked ~ .localnav .ln-curtain,
#ln-menustate:target ~ .localnav .ln-curtain {
    -webkit-transition: opacity 1s ease 0.1s;
    transition: opacity 1s ease 0.1s
}
.ln-actions {
    float: left;
    display: none;
}
.ln-action {
    float: left;
    margin-left: 24px
}

/* chevron */
.ln-menucta {
    cursor: pointer;
    display: block;
    margin-right: -11px;
    overflow: hidden;
    width: 40px;
    height: 48px;
    -webkit-tap-highlight-color: transparent;
}
.ln-menucta-chevron {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1),
    -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
    transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1),
    -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1),
    transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1),
    transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1),
    -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1),
    -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1),
    -ms-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%)
}
.ln-menucta-chevron::before,
.ln-menucta-chevron::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 12px;
    height: 1px;
    z-index: 1;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1),
    -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
    transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1),
    -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1),
    transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1),
    transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1),
    -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1),
    -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1),
    -ms-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1)
}
.ln-menucta-chevron::before,
.ln-menucta-chevron::after {
    background: #333
}
.ln-menucta-chevron::before {
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: rotate(40deg) scaleY(1.5);
    -ms-transform: rotate(40deg) scaleY(1.5);
    transform: rotate(40deg) scaleY(1.5);
    right: 50%
}
.ln-menucta-chevron::after {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: rotate(-40deg) scaleY(1.5);
    -ms-transform: rotate(-40deg) scaleY(1.5);
    transform: rotate(-40deg) scaleY(1.5);
    left: 50%
}
#ln-menustate:checked ~ .localnav .ln-menucta-chevron,
#ln-menustate:target ~ .localnav .ln-menucta-chevron {
    -webkit-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    transform: translateY(-10%)
}
#ln-menustate:checked ~ .localnav .ln-menucta-chevron::before,
#ln-menustate:target ~ .localnav .ln-menucta-chevron::before {
    -webkit-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-transform: rotate(-40deg) scaleY(1.5);
    -ms-transform: rotate(-40deg) scaleY(1.5);
    transform: rotate(-40deg) scaleY(1.5)
}
#ln-menustate:checked ~ .localnav .ln-menucta-chevron::after,
#ln-menustate:target ~ .localnav .ln-menucta-chevron::after {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: rotate(40deg) scaleY(1.5);
    -ms-transform: rotate(40deg) scaleY(1.5);
    transform: rotate(40deg) scaleY(1.5)
}
.ln-menucta-anchor {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    z-index: 10
}
.ln-menucta-anchor:focus {
    outline-offset: -6px;
    width: 100%;
    height: 100%
}
.ln-menucta-anchor-close {
    display: none
}
.ln-menucta-anchor-label {
    position: absolute;
    top: 0;
    left: 0;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0
}
#ln-menustate:checked ~ .ln-menucta-anchor-open,
#ln-menustate:target ~ .ln-menucta-anchor-open {
    display: none
}
#ln-menustate:checked ~ .ln-menucta-anchor-close,
#ln-menustate:target ~ .ln-menucta-anchor-close {
    display: block
}

@media only screen and (max-width: 768px) {    
    .content {
        position: relative;
        padding: 20px 0;
    }
    .col-main {
        margin: 0;
    }
    .col-left {
        float: left;
        width: 200px;
        margin-left: -100%;
        margin: 0;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }
    .localnav {
        height: 48px
    }
    .overview {
        float: left;
        line-height: 48px;
        padding: 0;
        background: none;
        color: #333;
    }
    .sidenav {
        border-width: 0;
    }
    .ln-menu-link {
        border-bottom: 0 none;
    }
    .ln-background {
        min-height: 48px;
        -webkit-transition: background-color 0.5s ease 0.7s;
        transition: background-color 0.5s ease 0.7s
    }
    .ln-menu {
        line-height: 48px;
        padding-top: 0;
        width: 100%
    }
    .ln-menu-tray {
        overflow: hidden;
        pointer-events: none;
        visibility: hidden;
        width: 100%;
        max-height: 0;
        -webkit-transition: max-height 0.5s cubic-bezier(0.28, 0.11, 0.32, 1) 0.4s, visibility 0s linear 1s;
        transition: max-height 0.5s cubic-bezier(0.28, 0.11, 0.32, 1) 0.4s, visibility 0s linear 1s;
    }
    #ln-menustate:checked ~ .localnav .ln-menu-tray,
    #ln-menustate:target ~ .localnav .ln-menu-tray {
        max-height: 400px;
        max-height: -webkit-calc(100vh - 48px - 48px);
        max-height: calc(100vh - 48px - 48px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        pointer-events: auto;
        visibility: visible;
        -webkit-transition-delay: 0.2s, 0s;
        transition-delay: 0.2s, 0s
    }
    #ln-menustate:checked ~ .localnav.ln-opening .ln-menu-tray,
    #ln-menustate:target ~ .localnav.ln-opening .ln-menu-tray {
        overflow-y: hidden
    }
    #ln-menustate:checked ~ .localnav.ln-sticking .ln-menu-tray,
    #ln-menustate:target ~ .localnav.ln-sticking .ln-menu-tray {
        max-height: -webkit-calc(100vh - 48px);
        max-height: calc(100vh - 48px)
    }
    .ln-curtain {
        -webkit-transition: opacity 1s ease 0.2s, width 0s ease 1.2s, height 0s ease 1.2s;
        transition: opacity 1s ease 0.2s, width 0s ease 1.2s, height 0s ease 1.2s
    }
    #ln-menustate:checked ~ .ln-curtain,
    #ln-menustate:target ~ .ln-curtain {
        opacity: 1;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%
    }
    .ln-actions {
        display: block;
        margin-left: 0;
        padding: 0 16px;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        left: 50%
    }
    .ln-action {
        margin-left: 16px
    }
    .ln-action-menucta {
        margin-left: -20px;
        position: absolute;
        left: 0;
        z-index: 1
    }
    .ln-action-button {
        float: right;
        margin-left: 27px
    }
    .ln-content {
        padding: 0 20px;
    }
    .inner-cont {
        margin: 10px;
    }
    .sidenav {
        opacity: 1;
        padding: 17px 10px 28px 10px;
        -webkit-transform: translate3d(0, -150px, 0);
        transform: translate3d(0, -150px, 0);
        -webkit-transition: opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
        transition: opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
        transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s, opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
        transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s, opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s
    }
    .sidenav .level2 li,
    .sidenav .level2 li a {
        line-height: 20px;
    }
    #ln-menustate:checked ~ .localnav .sidenav,
    #ln-menustate:target ~ .localnav .sidenav {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition-delay: 0.2s, 0.4s;
        transition-delay: 0.2s, 0.4s
    }
    .ln-menu-item {
        display: block;
        line-height: 48px;
        margin-left: 0;
        width: 100%; padding:0;
    }
    .ln-menu-item:first-child .ln-menu-link {
        border-top: 0
    }
    .ln-menu-item:nth-child(1) .ln-menu-link {
        -webkit-transition-delay: 0.07s;
        transition-delay: 0.07s
    }
    .ln-menu-item:nth-child(2) .ln-menu-link {
        -webkit-transition-delay: 0.14s;
        transition-delay: 0.14s
    }
    .ln-menu-item:nth-child(3) .ln-menu-link {
        -webkit-transition-delay: 0.21s;
        transition-delay: 0.21s
    }
    .ln-menu-item:nth-child(4) .ln-menu-link {
        -webkit-transition-delay: 0.28s;
        transition-delay: 0.28s
    }
    .ln-menu-item:nth-child(5) .ln-menu-link {
        -webkit-transition-delay: 0.35s;
        transition-delay: 0.35s
    }
    .ln-menu-item:nth-child(6) .ln-menu-link {
        -webkit-transition-delay: 0.42s;
        transition-delay: 0.42s
    }
    .ln-menu-item:nth-child(7) .ln-menu-link {
        -webkit-transition-delay: 0.49s;
        transition-delay: 0.49s
    }
    #ln-menustate:checked ~ .localnav .ln-menu-item:nth-child(1) .ln-menu-link,
    #ln-menustate:target ~ .ln-menu-item:nth-child(1) .ln-menu-link {
        -webkit-transition-delay: 0.56s;
        transition-delay: 0.56s
    }
    #ln-menustate:checked ~ .ln-menu-item:nth-child(2) .ln-menu-link,
    #ln-menustate:target ~ .ln-menu-item:nth-child(2) .ln-menu-link {
        -webkit-transition-delay: 0.49s;
        transition-delay: 0.49s
    }
    #ln-menustate:checked ~ .ln-menu-item:nth-child(3) .ln-menu-link,
    #ln-menustate:target ~ .ln-menu-item:nth-child(3) .ln-menu-link {
        -webkit-transition-delay: 0.42s;
        transition-delay: 0.42s
    }
    #ln-menustate:checked ~ .ln-menu-item:nth-child(4) .ln-menu-link,
    #ln-menustate:target ~ .ln-menu-item:nth-child(4) .ln-menu-link {
        -webkit-transition-delay: 0.35s;
        transition-delay: 0.35s
    }
    #ln-menustate:checked ~ .ln-menu-item:nth-child(5) .ln-menu-link,
    #ln-menustate:target ~ .ln-menu-item:nth-child(5) .ln-menu-link {
        -webkit-transition-delay: 0.28s;
        transition-delay: 0.28s
    }
    #ln-menustate:checked ~ .ln-menu-item:nth-child(6) .ln-menu-link,
    #ln-menustate:target ~ .ln-menu-item:nth-child(6) .ln-menu-link {
        -webkit-transition-delay: 0.21s;
        transition-delay: 0.21s
    }
    #ln-menustate:checked ~ .ln-menu-item:nth-child(7) .ln-menu-link,
    #ln-menustate:target ~ .ln-menu-item:nth-child(7) .ln-menu-link {
        -webkit-transition-delay: 0.14s;
        transition-delay: 0.14s
    }
    .ln-menu-link {
        border-top: 1px solid rgba(214, 214, 214, 0.5);
        display: block;
        padding-top: 14px;
        padding-bottom: 14px;
        opacity: 0;
        -webkit-transform: translate3d(0, -25px, 0);
        transform: translate3d(0, -25px, 0);
        -webkit-transition: 0.5s ease;
        transition: 0.5s ease;
        -webkit-transition-property: opacity, -webkit-transform;
        transition-property: opacity, -webkit-transform;
        transition-property: transform, opacity;
        transition-property: transform, opacity, -webkit-transform
    }
    #ln-menustate:checked ~ .localnav .ln-menu-link,
    #ln-menustate:target ~ .localnav .ln-menu-link {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .ln-menucta-anchor {
        display: block
    }
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
    #ln-menustate:checked ~ .ln-menu-tray,
    #ln-menustate:target ~ .ln-menu-tray {
        max-height: 280px;
        max-height: -webkit-calc(100vh - 48px - 48px);
        max-height: calc(100vh - 48px - 48px)
    }
}

@media only screen and (max-width: 767px) {
.ln-menu-link{    
-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;

}
}