.content {padding:20px 0 60px 0;position: relative;min-height:600px; margin-top: 100px;}
.content img{max-width: 100%;}

.inner_cont {font-size: 16px; color: #454545; width: calc(100% - 320px); float: right;}
.inner_cont  img{max-width: 100%;}
.inner_left{width: 260px; float: left;} 
.inner-tit{text-align: center;margin-bottom:20px;height: 50px; line-height: 50px;}
.inner-tit h3{font-size: 30px;letter-spacing:10px;}
.inner-tit .txten{font-size:60px;color: #eff4fa;text-transform:Uppercase;margin-top: -50px;position: relative;display: none;}

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

}

@media only screen and (max-width:920px) {
.content {padding:30px 0;}
}

@media only screen and (max-width:768px) {
.inner_cont {font-size: 12px;}
.inner-tit h3{font-size:18px;}
.inner-tit .txten{font-size:30px;margin-top: -50px;}
.inner-tit{margin-bottom:0;}
}


/* ==========================================================================
   Sidebar
   ========================================================================== */
.siderbar .title{ display: none; padding:0 20px;background-image: none; background:#71acce;height: 40px; line-height: 40px; position: relative;}
.siderbar .title h3{font-size: 16px; color: #fff; line-height: 40px;display: inline-block;max-width:300px;}
.siderbar .title .btn_jt{display: block; height:40px;width: 50px; cursor: pointer; position: absolute; top:0; right: 0; text-align: center; line-height: 40px;}
.siderbar .title .inco01{ height:40px;width: 50px; display: block; background: url(../images/inco14.png) center no-repeat;}
.siderbar .title .cur .inco01{ height:40px;width: 50px; display: block; background: url(../images/inco13.png) center no-repeat;}

.siderbar{background: #dce6ec;width: 100%;position: fixed;bottom: 0; left: 0;z-index: 10px;}
.siderbar .sunnav{max-width: 1400px; margin:0 auto; text-align: right;}

.siderbar .sunnav li{ height: 50px; line-height: 50px;display: inline-block; font-size: 16px;}
.siderbar .sunnav li:hover{background:#0f356c;color: #fff;}
.siderbar .sunnav li a{color: #333;display: inline-block;padding:0 30px;}
.siderbar .sunnav li:hover a{color: #ffff;}
.siderbar .sunnav li.active{background:#0f356c;}
.siderbar .sunnav li.active a{color: #fff;}



@media only screen and (max-width: 1000px) {
.inner_left {float:none; width: 100%;margin-top: 0px;}
.inner_cont {width: 100% ; float: none;}
.content{padding:20px 0;margin-top: 60px;}
.siderbar .sunnav li a{padding:0 20px;font-size: 14px;}
}

@media only screen and (max-width: 768px) {
.content{margin-top: 60px;padding-bottom: 50px;}
.siderbar .title{ display: block;}
.siderbar .sunnav{display: none;}
.siderbar{background: #fff;}
.siderbar .sunnav li{width: 100%;text-align: center;border-bottom: 1px solid #dce6ec;height: 40px; line-height: 40px;}
.siderbar .sunnav li.active{background:#0f356c;}
}

.lwnynav {text-align: center;margin-bottom:50px;}
.lwnynav a{width:200px; font-size: 16px;display: inline-block;color: #333;
 height:50px;text-align: center; line-height: 50px;border:1px solid #d5d5e0;}
.lwnynav a:hover,.lwnynav a.on{background: #757f8b;color: #fff;}
.lwnynav a.on{font-weight: bold;}

@media only screen and (max-width: 768px) {
  .lwnynav a{width:auto;padding:0 15px;font-size: 14px; height: 40px; line-height: 40px;}
  .lwnynav{margin-bottom: 30px;}
}

/* ==========================================================================
   about
   ========================================================================== */
.innertit{font-size: 30px;color: #193a7b;}
.inner-about{line-height: 2em;}
.inner-about .txtarea{float: left;width: calc(40% - 60px);overflow: hidden;}
.inner-about .txtarea h3{font-size: 30px;margin-bottom: 20px;}
.inner-about .videobox{float: right;width: 60%;position: relative;background: #000;cursor: pointer;}
.inner-about .videobox img{max-width: 100%;}
.inner-about .videobox .cover{width: 100%; font-size:68px; text-align: center;height:120px; line-height:120px;position: absolute;top: 50%;
  margin-top: -60px;color: #fff;}
.inner-about .videobox .cover img{display: inline-block;}
.inner-about .videobox:hover .aboutpic{filter: alpha(opacity=50);opacity: 0.5;}

@media only screen and (max-width:1000px) {
.inner-about .txtarea,.inner-about .videobox{float: none;width: 100%;}
.inner-about .txtarea{margin-bottom: 20px;}
.inner-about .txtarea h3{font-size: 18px;}
}

@media only screen and (max-width:768px) {
.inner-about .txtarea h3{margin-bottom: 10px;}
.inner-about .videobox .cover img{height:50px;}
}

/* ==========================================================================
   honor
   ========================================================================== */

.honorlist{margin-left: -10px;}
.honorlist li{width: calc(20% - 10px);margin-left: 10px; margin-bottom:10px; float: left;}
.honorbox{background: #ecf0f3;padding:10px;}
.honorbox .pic {position: relative; height: auto;overflow: hidden;  box-sizing: border-box;  
  border: 1px solid #e7e7e7; background: #fff;  vertical-align: middle;
  -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.honorbox .bgimg{width: 100%;}
.honorbox .uppic{max-width: 90%!important;  max-height: 90%;  position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.honorbox:hover .pic{box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);}
.honorbox .tit{width: 100%; height: 30px;  line-height: 30px;font-size:14px; text-align: center;color: #333;margin-top:10px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }

@media only screen and (max-width:1200px) {
.honorbox .tit{font-size: 14px;}
}

@media only screen and (max-width:920px) {
.honorlist li{width: calc(33.33% - 20px);}
}

@media only screen and (max-width:768px) {
.honorlist li{width: calc(50% - 10px);margin-left: 10px;}
.honorlist{margin-left: -10px;}
.honorbox .tit{font-size: 12px;}
}

/* ==========================================================================
   history
   ========================================================================== */

.inner-history .left{width:300px; float: left; }
.innertit04{width: 100%;height: 100px;color: #fff; text-align: center; line-height: 100px;font-size: 36px;}

.historymenu{background: #f1f1f1;}
.historymenu li{width: 100%;height:50px; font-size:20px;text-align: center; line-height:50px;border-bottom: 1px solid #fff;}
.historymenu li.on{background: #01579b;color: #fff;}
.historymenu li.on a{color: #fff;}
.histool{font-size: 24px;margin-top: 20px;}
.histool a.on{color: #01579b;}
.histool a{margin-right: 10px;}

.inner-history .right{float: right;width: calc(100% - 340px);border-left: 1px solid #e7e7e7;}
.historylist{margin-left:50px;}
.historylist li{border:4px solid #eaeaea;margin-bottom: 40px;padding:20px;position: relative;cursor: pointer;}
.historylist li:before {
    content: "";
    display: block;
    top:30px;
    left: -24px;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-right: 20px solid #eaeaea;
    border-bottom: 16px solid transparent;
}
.historylist li:after {
content: "";display: block; top:38px; left:-63px; position: absolute; width:8px;height: 8px; background: #fff;border:4px solid #cccccc;
-webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
}

.historylist li:hover{border-color: #265ba6;}
.historylist li:hover:before{border-right: 20px solid #265ba6;}
.historylist li:hover:after{border-color: #265ba6;}

.historylist li .txtarea{ float: none;width:100%}
.historylist li .txtarea h3{font-size: 30px;color: #265ba6;}
.historylist li .txtarea p ,.historylist li .txtarea span{font-size: 16px!important;}
.historylist li .pic{float: left;display: none;}
.historylist li .pic img{width:320px;}
.historylist li:last-child {margin-bottom: 0;} 

@media only screen and (max-width:1400px) {
.inner-history .left{width:280px;}
.inner-history .right{width: calc(100% - 340px);}
}

@media only screen and (max-width:1000px) {
 .inner-history .left{width:220px;}   
 .historymenu li { height: 60px; font-size:16px; line-height:60px;}

 .historylist li .txtarea h3{font-size: 18px;}
 .historylist li .pic img{width: 200px;}

}

@media only screen and (max-width:768px) {
.inner-history .left{width:100%; float: none;}
.inner-history .left .pic{display: none;}
.inner-history .right{width:100%;float: none;margin-top: 20px;}
.historylist li .pic{float: none;}
.historylist li .txtarea {width:100%;float: none;margin-bottom: 10px;}
.historylist li .txtarea h3 { font-size: 14px;}
.historymenu li {width: 33.33%;float: left; height: 40px; font-size: 12px; line-height: 40px;}
.historylist li{border:2px solid #eaeaea;}

.historylist li:before {top:30px; left: -10px; border-top: 6px solid transparent;
    border-right: 8px solid #eaeaea;    border-bottom: 6px solid transparent;}
.historylist {margin-left:23px; }
.historylist li:after {left: -33px;top: 28px;}

.innertit04{height: 80px; line-height:80px;font-size:24px;}
}

/* ==========================================================================
   news
   ========================================================================== */
.newsbox{overflow: hidden;margin-bottom: 30px;padding:30px; background: #f8f8f9;cursor: pointer;
   -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.newsbox .date{ font-size:30px;font-weight: bold; line-height:30px;color: #666666; text-align: center;margin:50px 0 0 0;width: 150px;float: left;}
.newsbox .date h3{font-size:48px; line-height: 48px;}
.newsbox .pic{float: left;margin:0 30px;}
.newsbox .pic,.newsbox .pic img{width: 325px;height: 200px;}
.newsbox .txtarea{width: calc(100% - 550px);float: right;}
.newsbox .txtarea h3{line-height:24px; font-size: 20px;margin-top: 20px;}
.newsbox .txtarea h3 a{ color: #333333;}
.newsbox .txtarea .desc{font-size: 16px;color: #676767;margin:20px 0 0 0;line-height: 2em;
  overflow:hidden;text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp:3;    -webkit-box-orient: vertical;
}
.newsbox .txtarea .mdate{display: none;}
.newsbox:hover{
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    transform: translate3d(0, -2px, 0);
}
.newsbox:hover .date{color: #0065b4;}
.newsbox:hover .txtarea h3 a{ color: #0065b4;}

.newsbox .inco{position: absolute; right: 30px; top: 50%;margin-top: -30px;}
.newsbox .inco{width: 60px; height: 60px;transition: background 0.5s;background:url(../images/inco07.png) top center no-repeat;}
.newsbox:hover .inco{background-position: center bottom;}

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

}

@media only screen and (max-width:920px) {
.newsbox .txtarea h3{font-size: 16px;}
.newsbox .txtarea .desc{font-size: 14px;line-height: 1.6em;}
.newsbox .pic,.newsbox .pic img{width:250px;height:160px;}
.newsbox .date{font-size: 28px;margin-top: 30px;}
.newsbox .txtarea{width: calc(100% - 540px);}
}

@media only screen and (max-width:768px) {
.newsbox .date{display: none;}
.newsbox .mdate{display: block;}
.newsbox .pic,.newsbox .pic img{width:100%;height: auto;margin:0;}
.newsbox .txtarea,.newsbox .pic{width:100%;}
.newsbox .inco{display: none;}
.newsbox{padding:10px;margin-bottom: 10px;}
.newsbox .txtarea h3{font-size: 14px;line-height: 18px;}
.newsbox .txtarea .desc{margin-top: 10px;line-height: 1.5em;font-size: 12px;}
}


.innernews .newsdetails{width: calc(100% - 400px); float: left;}
.newtitle {margin-bottom:40px;}
.newtitle h1 {font-size: 30px;font-weight: bold;}
.newtitle .byline{height:50px;color:#999;line-height:50px;font-size: 16px; border-bottom:1px solid #e9e9e9;}
.newtitle .byline span{margin-right:20px;display: inline-block;}
.newtitle .byline .bdsharebuttonbox{display: inline-block;}
.newtitle .byline .bdshare-button-style0-16:after {    display: inline-block;}
.newtitle .byline .bdshare-button-style0-16 a, .newtitle .byline .bdshare-button-style0-16 .bds_more {
    float: left; font-size: 16px;
    line-height: 50px;
    height: 50px;
    margin:0;
}
.newtitle .byline a{color: #999;}

.newsh_cn {padding:20px 0;}
.newsh_cn p{font-size: 16px;}

.toolbar{margin-top:40px;}
.toolbar .xwydbox{width: calc(50% - 180px); height: 60px; padding:20px 40px; float: left;border:1px solid #d5d5e0;
  margin-right: 20px;box-sizing:content-box;}
.toolbar .xwydbox h5{font-size: 18px;margin-bottom:5px;}
.toolbar .xwydbox p{overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;}
.toolbar .xwydbox a{color: #777777;}
.toolbar .xwydbox a:hover{color: #00459c;}
.fhshare{padding:20px 0;width: 150px; height:60px; line-height: 60px; text-align: center; float: left;box-sizing:content-box;
  border:1px solid #d5d5e0;font-size: 16px;}
.fhshare a{line-height: 45px;color: #00459c;}
.fhshare a .fa{margin-right: 10px;}


.innernews .right{width:350px;float: right;border:1px solid #dfe4eb;border-top: 5px solid #00459c;padding:20px 30px 30px 30px;}
.innernews .right h3.tit{font-size: 20px; height: 50px; line-height: 50px;}
.innernews .right h3.tit i{font-weight: bold;}

.zxnewslist{}
.zxnewslist li{margin-top: 20px;}
.zxnewslist li p.date{color: #00459c;font-size: 12px;}
.zxnewslist li p.tit{font-size: 16px;margin-bottom: 10px;}

@media only screen and (max-width:1200px) {
.newtitle h1{font-size:18px;}
.innernews .right {width:250px;}
.innernews .newsdetails { width: calc(100% - 350px);}
.zxnewslist li p.tit{font-size: 14px;}
}

@media only screen and (max-width:920px) {
.newtitle h1{font-size: 20px;}
.innernews .right {display: none;}
.innernews .newsdetails { width:100%;float: none;}
}

@media only screen and (max-width:768px) {
.newtitle h1{font-size:16px;}
.newtitle .byline{font-size: 12px;}
.newtitle .byline .bdshare-button-style0-16 a, .newtitle .byline .bdshare-button-style0-16 .bds_more{font-size: 12px;}
.newtitle{margin-bottom: 0;}
.newsh_cn,.newsh_cn p{font-size: 12px;}
.toolbar{margin-top: 0;}
.toolbar .xwydbox,.fhshare { height: auto;width: calc(100% - 42px);padding: 20px; float: none;margin-right: 0;margin-bottom: 10px; }
.fhshare{line-height: 30px;padding:10px 20px;font-size: 14px;}
.toolbar .xwydbox h5{font-size: 14px;}
}

/* ==========================================================================
   pro
   ========================================================================== */

.innerpro .left{width:300px; float: left;background:#f2f2f2;padding:50px; }
.innerpro .right{float: right;width: calc(100% - 340px);}

.sideMenu{}
.sideMenu a{color: #666;}
.sideMenu h3{font-size: 16px; height:40px; line-height:40px;cursor:pointer;color: #666;}
.sideMenu h3 em{ display:inline-block;float: left; width:20px; height:40px; margin-right: 10px;
  background:url(../images/icoAdd.png) left top no-repeat; cursor:pointer; }
.sideMenu h3.on em{ background-position:left bottom; }
.sideMenu ul{ padding:8px 0 8px 25px; color:#999; display:none;}
.sideMenu li{line-height: 30px;}
.sideMenu a:hover{color: #154375;}
.sideMenu ul.level3{padding: 8px 0 8px 20px;font-size: 14px;}


.bartit{height:40px; line-height:40px;font-size:36px; font-weight: bold;position: relative;margin-bottom: 20px;}
.bartit h3{position: relative;display: inline-block;z-index: 1;}
.bartit:before {
content: "";display: block; bottom: 0; left:0; position: absolute; width:100px;height: 12px; background: #71acce; z-index: 0;
}
.bartit .btnopen{float: right;width: 40px; height: 40px; line-height: 40px; text-align: center;display: none; color: #fff;
  font-weight: normal;cursor: pointer; }

.prolist{margin-left: -20px;}
.prolist li{width: calc(33.33% - 20px);height: auto;margin-bottom: 20px;margin-left: 20px; float: left;overflow: hidden;}

.probox{padding:10px;background: #fafafa;}
.probox .warp{padding:10px;
  background:#ffffff;
  background-image: -webkit-linear-gradient(top,#ffffff 0%,#f2faff 100%);
  background-image: -moz-linear-gradient(top,#ffffff 0%,#f2faff 100%);
  background-image: linear-gradient(top,#ffffff 0%,#f2faff 100%);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, EndColorStr='#ffffff', StartColorStr='#f2faff');
}
.probox .warp{padding:30px;}
.probox .pic {position: relative; height: auto;overflow: hidden;}
.probox .bgimg{width: 100%;}
.probox .uppic{max-width: 100%;height: 100%; transition: transform 1s;position: absolute;left:0;top:0;}
.probox:hover .uppic{ transform: scale(1.05);}
.probox .txtarea{position: relative;margin-top: 20px;}

.probox .txtarea h3{font-size:18px;font-weight: bold; width: 100%;height: 20px; line-height:20px;
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
 .probox .txtarea .txt01{display: none;}
.probox .txtarea:before {
content: "";display: block; top:10px; right:-90px; position: absolute; width:32px;height:32px; 
background:url(../images/inco01.png) left top no-repeat;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-ms-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.probox:hover .txtarea:before{right:0;}


.proxqwarp table{ border:1px solid #000;margin-bottom:30px;}
.proxqwarp th {  height:45px; line-height: 45px;text-align:center; font-weight:bold; color:#fff; background: #5777b2;}
.proxqwarp td  { line-height:18px; padding:12px 5px;  }
.proxqwarp td,.proxqwarp th{ border:1px solid #000; text-align: center;  }
.proxqwarp a{ color:#1a70b0; }
.proxqwarp tr:nth-child(1){background: #f7fbfd;color:#fff; background: #5777b2;}

@media only screen and (max-width:1200px) {
.probox .txtarea h3{font-size:16px;}
.prolist{margin-left: -10px;}
.prolist li{width: calc(50% - 10px);margin-bottom: 10px;margin-left: 10px;}
}

@media only screen and (max-width:768px) {
.innerpro .right{width: 100%;float: none;}
.innerpro .left{width: 100%;float: none;margin-bottom: 20px;padding:10px;}
.sideMenu{display: none;}
.bartit .btnopen{display: block;font-size:20px;color: #71acce;}
.bartit:before{display: none;}
.bartit{margin-bottom: 0;}
.bartit h3{font-size: 16px;float: left;margin-left: 5px;}
.sideMenu h3{font-size: 14px;}
.prolist{margin-left:0;}
.prolist li{width:100%;margin-bottom: 20px;margin-left: 0; float: none;}
.probox .txtarea h3{font-size: 16px;margin-bottom: 0;}
.probox{padding:5px;}
.proxqwarp td,.proxqwarp th{ padding:5px!important;font-size: 12px!important; }
}

/* ==========================================================================
   case
   ========================================================================== */

.innercase .left{width:350px; float: left;background:#f2f2f2;padding:50px 30px; }
.innercase .right{float: right;width: calc(100% - 390px);}

.sidecasenav{}
.sidecasenav li em{ display:inline-block;float: left; width:20px; height:40px; margin-right: 10px;
  background:url(../images/icoAdd.png) left bottom no-repeat; cursor:pointer; }
.sidecasenav li{line-height: 30px;font-size: 16px; height:40px; line-height:40px;cursor:pointer;color: #666;}
.sidecasenav a{color: #666;}
.sidecasenav a:hover{color: #154375;}
.caselist{margin-left: -10px;}
.caselist li{width: calc(33.33% - 10px);height: auto;margin-bottom: 10px;margin-left: 10px; float: left;overflow: hidden;}

.casebox{}
.casebox .pic {position: relative; height: auto;overflow: hidden;}
.casebox .bgimg{width: 100%;}
.casebox .uppic{max-width: 90%!important;  max-height: 90%;  position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.casebox .txtarea{position: relative;margin-top: 20px;border-bottom: 3px solid #eeeeee;}
.casebox .txtarea .txt01{font-size: 14px;}
.casebox .txtarea h3{font-size:16px;width: calc(100% - 30px);height: 30px; line-height: 30px;margin-bottom: 10px;padding-right: 30px;
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.casebox .txtarea:before {
content: "";display: block; top:10px; right:-90px; position: absolute; width:32px;height:32px; 
background:url(../images/inco01.png) left top no-repeat;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-ms-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.casebox:hover .txtarea:before{right:0;}
.casebox:hover .txtarea{border-color: #154375;}

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

.caselist li{width: calc(50% - 10px);}
}

@media only screen and (max-width:768px) {
.innercase .right{width: 100%;float: none;}
.innercase .left{width: 100%;float: none;padding:10px;}
.caselist{margin-left:0;}
.caselist li{width:100%;margin-bottom: 20px;margin-left: 0; float: none;}
.sidecasenav{display: none;}
.sidecasenav li{font-size: 14px;}
.casebox .txtarea h3{font-size: 16px;}
}






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

.careerMenu .nwms{padding:30px; border:2px solid #0f356c; 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{margin-top:10px;padding:0 0 0 20px;}
.careerMenu h3 .tit01{font-size: 14px;}
}

.contactrow01 .left{width: 600px; float: left;}
.contactrow01 .warp{background:#fff;border:1px solid #e5e5e5; border-top:8px solid #71acce;padding:50px;
  position: relative;z-index:2;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.contactrow01 .txtarea{line-height: 2em;font-size: 18px;}
.contactrow01 .txtarea h3{font-size: 24px;margin-bottom: 10px;}
.contactrow01 .ewmbox{margin-top:20px;}
.contactrow01 .ewmbox .ewmrow{display: inline-block;margin-right: 10px; text-align: center;}
.ewmrow img{width: 150px;height: 150px;padding:10px;background:#fff;border:1px solid #c1c1c1;}
.ewmrow p{text-align: center;margin-top: 10px;}
.contactrow01 .map{width: calc(100% - 650px); float: right;}

@media only screen and (max-width:1200px) {
  .contactrow01 .txtarea{font-size: 14px;}
  .contactrow01 .txtarea h3{font-size: 18px;}
  .contactrow01 .left{width:380px; float: left;}
  .contactrow01 .warp{padding:30px;}
  .ewmrow img{width: 120px;height: 120px;padding:8px;}
  .contactrow01 .map{width: calc(100% - 400px); }
}

@media only screen and (max-width: 768px) {
.contactrow01 .left,.contactrow01 .map{width:100%; float: none;}
.contactrow01 .map{margin-top: 10px;}
}

/* ==========================================================================
   feedback
   ========================================================================== */
.feedback .left{width: calc(100% - 520px);float: left;}
.feedback .right{width: 437px; float: right;}
.feedtext01{text-align: center;margin-bottom:50px;}
.feedback .ui_item{border:1px solid #c1c1c1;position: relative; background:#fff;overflow: hidden;}
.feedback .row{margin-bottom:40px;}

.feedback .ui_item em{font-weight: bold;color: #fff; text-align: center; background: #757575; font-size: 16px;width:120px;line-height: 60px; height: 60px; display: inline-block;}
.feedback .row01{margin-left: -30px;}
.feedback .row01 .ui_item{width: calc(50% - 32px); float: left;margin-left:30px; }
.feedback .ui-input{width: calc(100% - 160px); font-family: microsoft yahei; font-size: 14px;display: inline-block;
  height: 18px; line-height: 18px;background:#fff;border:none;color: #999;}

.feedback .ui-textarea{width: calc(100% - 160px); font-family: microsoft yahei; height: 150px; line-height: 18px;
  background:#fff;border:none;color: #999;}
.feedback .row02 .ui_item em{height: 150px;}
.feedback .ui-btn{ float: left; margin-right: 20px; border: 0 none; cursor: pointer;text-align: center; 
 font-size: 16px;line-height: 24px;color: #fff; width: 140px;background: #0f356c; width:160px; height: 50px;border:1px solid #0f356c;

}
.checkcode .ui-input{ width:200px;}
.checkcode{float: left;border: 1px solid #c1c1c1;margin-right: 10px;padding:4px 0; }
.rowyzm .ui_item{padding:20px;}

.feedback .ui-btn{background: #0f356c;}


@media only screen and (max-width: 1000px) {
.feedback .left{width:100%;float: none;}
.feedback .right{display: none;}
}

@media only screen and (max-width: 768px) {
.feedback .ui-btn{width: 130px; height: 40px; line-height: 40px;font-size: 14px;}
.checkcode .ui-input{width: 120px;}
.feedback .row01{margin-left:0;margin-bottom: 0;}
.feedback .row01 .ui_item{width: calc(100% - 2px); float: none;margin-left:0; margin-bottom: 20px;padding:0 20px;}
.feedback .ui-textarea {height: 80px;}
.feedback .row02 .ui_item{padding-left: 20px;}
.feedback .ui_item em{font-size: 14px;width: 80px;background: #fff;color: #333;}
.feedback .ui-input {width: calc(100% - 90px);}
.feedback .row02 .ui_item em{height: 80px;}
.checkcode .ui-input{ width:100px;}
.checkcode{width: 100%;margin-bottom: 10px;}
.feedback .row02{margin-bottom: 20px;}
.feedtext01{margin-bottom: 20px;font-size: 12px;}
}


.propart01{margin-top: 93px;padding:30px 0 0 0;background:url(../images/innerprobg01.jpg) center no-repeat;background-size: cover;}
.propart01 .txtarea{width: 320px;float: left;padding-top:60px;font-size: 24px;}
.propart01 .txtarea .txt01{color: #0f356c;}
.propart01 .txtarea .txt02{font-size: 60px;font-weight: bold;}
.propart01 .txtarea .txt03{margin:20px 0 40px 0;}
.propart01 .pic{width: calc(100% - 330px);float: right; text-align: right;max-height: 350px;}
.propart01 .pic img{max-width: 100%;display: inline-block;margin-top: -100px;}
.propart01 .wrapper{max-width: 1680px;}
.xqmore a{width:240px; height:60px;text-align: center; line-height: 60px;font-size:18px;
 display: inline-block;border:2px solid #0f356c; background: #f1f1f2;color: #0f356c;}
 .xqmore i{margin-right: 5px;}
 .xqmore a:hover{background: #0f356c;color: #fff;}


.provideolist{margin-left: -30px;}
.provideolist li{width: calc(50% - 30px); margin-left: 30px; float: left;overflow: hidden;}
.provideolist li .videotit{text-align: center;margin-top: 10px;font-size: 18px;}
.videobox02 {position: relative;background: #000;cursor: pointer;}
.videobox02 img{max-width: 100%;}
.videobox02 .pic {position: relative; height: auto;overflow: hidden;}
.videobox02 .bgimg{width: 100%;}
.videobox02 .uppic{width: 100%;transition: transform 1s;position: absolute;left: 0;top:0;}
.videobox02:hover .uppic{ transform: scale(1.05);filter: alpha(opacity=50);opacity: 0.5;}
.videobox02 .cover{width: 100%; font-size:68px; text-align: center;height:120px; line-height:120px;position: absolute;top: 50%;
  margin-top: -60px;color: #fff;}
.videobox02 .cover img{display: inline-block;}
.prosection{padding:30px 0; background:url(../images/innerprobg02.jpg) top center no-repeat;background-size: cover;background-attachment: fixed;}
.prosection .wrapper{position:relative; }
.prosection .proxq_left{width: 300px;position: absolute;top: 20px;left: 0;}
.prosection .proxq_right{width: calc(100% - 350px); float: right;}
.x-botton {margin-top: 50px; border-top: 1px solid #dddddd;padding-top: 50px;}
.x-botton .x-text {font-size: 24px; font-weight: bold; margin-bottom: 10px; }
.x-botton p {font-size: 18px; color: #999; }
.x-botton p a {font-size: 18px; color: #999; }
.x-botton .c-common-btn {margin-top: 30px; font-size: 16px; height: 50px; }
.x-botton .c-common-btn {display: flex; align-items: center; justify-content: center; width: 250px; height: 60px; border: 2px solid #1c4798; background: #1c4798; color: #fff; transition: all 0.3s; }
.x-botton .c-common-btn i{margin-left: 10px;}
.x-botton .c-common-btn:hover {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    transform: translate3d(0, -2px, 0);
}
.protab li{ height: 60px; line-height: 60px; position: relative;padding-left:30px; font-size:24px;}
.protab li:before { content: ""; display: block; top:25px; left: 0; position: absolute; 
width:11px; height:11px; background: #c5c5c5;z-index: 1;}
.protab li:after { content: ""; display: block; top:25px; left: 5px; position: absolute; 
width:1px; height:60px; background: #c5c5c5;}
.protab li:last-child:after{ display: none; }
.protab li.on a{color: #0f356c;font-weight: bold;}
.protab li.on:before {background: #0f356c;}

.proxq_right .x_title{font-size: 36px;font-weight: bold;margin-bottom: 30px;}
.proyxbox,.projscsbox{padding-bottom:0;}
.protab02{margin-top: 50px; text-align: right;}
.protab02 a{font-size: 18px;margin:0 20px;}
.protab02 a.on{color: #0f356c;font-weight: bold;}
.proxqwarp{min-height: 450px;}

@media only screen and (max-width: 1440px) {
.propart01{margin-top: 75px;padding: 80px 30px 40px 30px;}
.prosection{padding: 80px 30px;}
}

@media only screen and (max-width: 1040px) {
.propart01{padding: 40px 20px;}
.prosection{padding: 80px 30px;}
.innertit{font-size: 24px;}
.propart01 .txtarea{font-size: 16px;padding-top:40px;}
.propart01 .txtarea .txt02{font-size: 30px;}
.xqmore a{width: 200px;font-size: 16px;}
.x-botton .x-text{font-size: 18px;}
.x-botton .c-common-btn{width: 180px;}
.prosection .proxq_left{width: 200px;}
.prosection .proxq_right {    width: calc(100% - 350px);}
.propart01 .pic img{margin-top:0;}
}

@media only screen and (max-width:768px) {
.propart01{padding: 20px 0 0 0;margin-top: 60px;}
.prosection{padding: 20px 0;}
.propart01 .txtarea,.propart01 .pic{width: 100%;float: none;}
.innertit{font-size:14px;}
.breadcrumb-bar{font-size: 12px;}
.propart01 .txtarea{font-size: 12px;margin-bottom: 20px;padding-top: 10px;}
.propart01 .txtarea .txt02{font-size: 14px;}
.propart01 .txtarea .txt03{margin:10px 0 20px 0;}
.xqmore a{width:140px; height:40px;line-height:40px;font-size:14px;}
.prosection .proxq_left{display: none;}
.prosection .proxq_right{width: 100%;float: none;}
.proxq_right .x_title{font-size: 16px;margin-bottom: 20px;}
.proxq_right {font-size: 12px;}
.protab02 a{font-size: 14px;margin:0 10px;}
.protab02{margin-top: 20px;}
.proyxbox, .projscsbox{padding-bottom: 30px;}
.provideolist li .videotit{font-size: 14px;}
.provideolist{margin-left:0;}
.provideolist li{width:100%; margin-left: 0; float: none;margin-bottom: 20px;}
.videobox02 .cover img{width: 40px;}
.proxqwarp,.proxqwarp p,.proxqwarp span{font-size: 12px!important;line-height:2em!important;}
.propart01 .pic img{max-height:150px;}
.propart01 .pic{text-align: center;}
}

.baselist{margin-left: -30px;}
.baselist li{width: calc(33.33% - 30px); margin-left: 30px; margin-top: 30px; float: left;overflow: hidden;}
.basebox{overflow: hidden;position: relative;cursor: pointer;}
.basebox .pic {position: relative; height: auto;overflow: hidden;}
.basebox .bgimg{width: 100%;}
.basebox .uppic{width: 100%;transition: transform 1s;position: absolute;left: 0;top:0;}
.basebox:hover .uppic{ transform: scale(1.05);}
.basebox .tit{position: absolute; width: 100%;height:50px;text-align: center;color: #fff;line-height: 50px;
  bottom:-50px; left: 0;background: rgba(0, 0, 0, .6);
-webkit-transition: all 0.5s;
   -moz-transition: all 0.5s;
   -o-transition: all 0.5s;
   transition: all 0.5s;
}

.basebox:hover .tit{bottom: 0;}

@media only screen and (max-width:1040px) {
.baselist li{width: calc(50% - 30px);}
}

@media only screen and (max-width:768px) {
.baselist{margin-left:0;}
.baselist li{width:100%; margin-left: 0; margin-top: 10px;}
.basebox .tit{bottom: 0;}
}

.innerhonor .left{width: 250px;}
.innerhonor .right{width: calc(100% - 280px);}
.innerhonor .bartit h3{font-size: 30px;font-weight: normal;}
@media only screen and (max-width:768px) {
.innerhonor .left,.innerhonor .right{width:100%;float: none;}
.innerhonor .bartit h3{font-size:18px;}
}
/* ==========================================================================
   Pagination
   ========================================================================== */
#Lb_pager { margin-top:10px;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: #6c0f84;}
#Lb_pager .pages .pgempty { cursor: not-allowed;}
#Lb_pager .pages a:hover{color: #fff; text-decoration: none;background-color: #6c0f84;}