.inner_cont {font-size: 14px; color: #454545; width: calc(100% - 300px); float: right;}

.inner_cont  img{max-width: 100%;}

.inner_left{width: 250px; float: left;}

.content {padding:40px 0;position: relative;min-height: 400px;}

.sub-banner {height:400px;}

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

  .sub-banner {height: 150px;}

}

/* ==========================================================================

   Sidebar

   ========================================================================== */

.siderbar{margin-bottom: 40px;}

.siderbar .title{background:#0053a3;color: #fff; height: 40px;padding:25px 20px;text-align: center; position: relative;}

.siderbar .title h3{font: 300 26px/40px microsoft yahei; }

.siderbar .title .btn_jt{display: block; height:40px;width: 50px; cursor: pointer; position: absolute; top: 25px; right: 0; text-align: center; line-height: 40px; display: none;}

.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 .sunnav{background: #f7f7f7;border-bottom: 5px solid #dbdada;}



.siderbar .sunnav li{font: 300 16px/60px microsoft yahei; border-bottom: 1px solid #ebeef5; text-indent: 30px; position: relative;}

.siderbar .sunnav li a{width: 100%; display: block; height:60px;background: url(../images/arr02.png) 95% no-repeat;}

.siderbar .sunnav li a:hover {color: #ffb800;background:#fff url(../images/arr03.png) 95% no-repeat;}

.siderbar .sunnav li.active a{color: #ffb800;background:#fff url(../images/arr03.png) 95% no-repeat;}



.siderbar .sunnav .level2 li{border-bottom: 0; font-size: 13px; height: 35px; line-height: 35px;}

.siderbar .sunnav .level2 li a{text-indent: 30px;height: 35px;}



.quickcontact{overflow: hidden;color: #333;}

.quickcontact .title{font: 300 18px/24px microsoft yahei;padding:20px 0; background: #f7f7f7;}

.quickcontact .title .warp{border-left:5px solid #0053a5;padding-left:10px;}

.quickcontact .title span{font-size: 14px;text-transform:Uppercase;color: #666;}

.olinebox{border:1px solid #ffffff; text-align: center; line-height: 25px;margin-top: 30px;}

.olinebox .fa{font-size: 25px;margin-right: 10px;}

.olinebox a{color: #fff;}



.breadcrumb-bar {min-height: 50px; line-height: 50px;text-align: right; margin-bottom: 10px;}

.breadcrumb-bar .fa{color: #737373;}

.breadcrumb-bar a:last-child{color: #737373;}



.innertit{font: 300 24px/30px microsoft yahei; color: #0053a5;margin-bottom: 10px;}

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

.inner_left {float:none; width: 100%;margin-top: 0px;}

.inner_left .quickcontact {display:none; }

.inner_cont {width: 100% ; float: none;}

.siderbar .sunnav{display: none;padding-bottom: 20px;}

.siderbar .title{padding:10px 20px;}

.siderbar .title .btn_jt{ top: 10px; display: block;}

.breadcrumb-bar {text-align: left;}

}



.hnews02{}

.hnews02 li{height:120px; overflow: hidden;float: left;margin-bottom:19px;cursor: pointer;border-bottom: 1px solid #eeeeee;position: relative;}

.hnews02 li .txtarea{height: 120px; width: calc(100% - 180px); float: left;font: 300 14px/24px microsoft yahei;}

.hnews02 li .txtarea h3{font-size: 18px; width: 100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:10px;}

.hnews02 li .txtarea h3 a{color: #333;}

.hnews02 li .txtarea .desc{height:24px; overflow: hidden;color: #666;}

.hnews02 li .date{width:90px; height:90px; color: #666; margin-right: 20px; float: left; overflow: hidden; background: #f7f7f7; text-align: center;font-size: 16px;}

.hnews02 li .date h2{font-size: 30px;height: 30px;margin-bottom: 10px;margin-top:10px;}

.hnews02 li:hover .date{background: #0053a5;color: #fff;}

.hnews02 li .link{position: absolute;right: 0; top: 30px;}

.hnews02 li .link .more{width: 36px;height: 36px;display: block; transition: background 0.5s;background: url(../images/inco12.png) left top no-repeat;}

.hnews02 li:hover .link .more{background: url(../images/inco12.png) left bottom no-repeat;}

.hnews02 li .txtarea .byline{height:30px;color:#999;line-height:30px;}

.hnews02 li .txtarea .byline span{margin-right:20px;display: inline-block;}

.hnews02 li .txtarea .byline .bdsharebuttonbox{display: inline-block;}

.hnews02 li .txtarea .byline .bdshare-button-style0-16:after {    display: inline-block;}

.hnews02 li .txtarea .byline .bdshare-button-style0-16 a, .hnews02 li .txtarea .byline .bdshare-button-style0-16 .bds_more {

    float: left; line-height: 30px; height: 30px; margin:0;}

.hnews02 li .txtarea .byline a{color: #999;}





.newsh{width:100%;text-align: center; margin-top: 30px;}

.newtitle {font: 18px/24px microsoft yahei;color:#666;}

.newsh_cn {padding:20px 0;}

.newsh_cn p{text-indent:20px; font: 14px/24px microsoft yahei;margin-top: 15px;}

.newsh .byline{height:50px;color:#999;line-height:50px;border-bottom:1px solid #e9e9e9;}

.newsh .byline span{margin-right:20px;display: inline-block;}

.newsh .byline .bdsharebuttonbox{display: inline-block;}

.newsh .byline .bdshare-button-style0-16:after { display: inline-block;}

.newsh .byline .bdshare-button-style0-16 a, .newsh .byline .bdshare-button-style0-16 .bds_more {

    float: left; line-height: 50px; height: 50px; margin:0;}

.newsh .byline a{color: #999;}

.toolbar{padding:30px 20px 0 20px; border-top:1px solid #d8d8d8; position:relative;font: 12px/24px microsoft yahei; margin-top:20px;}

.fhshare{float: right;}

.fhshare a{padding:8px 30px;border:1px solid #d8d8d8;color:#666;}

.fhshare a:hover{border:1px solid #0d41ad;color:#fff; background-color: #0d41ad; text-decoration: none;}

.fhshare .fa{margin-right:10px;}

.toolbarleft{float: left;}

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

  .toolbarleft{float: none;}

.fhshare{float: none;margin-top:20px;}

}



/* ==========================================================================

   prolist

   ========================================================================== */

.hprolist02 li{width: 33.3%; height: 320px;float: left;margin-bottom: 20px;}

.hprolist02 li .warp{margin:0 10px; background: #fff;border:3px solid #ecebeb;position: relative;}

.hprolist02 li .imgarea{width: 100%;height: 274px; overflow: hidden; line-height: 274px; text-align: center;}

.hprolist02 li .imgarea img{max-width: 90%;max-height: 100%;}



.hprolist02 li .cover{width: 100%;height:0; overflow: hidden;position: absolute; left: 0; bottom: 0; text-align: center;color: #333;background: #fff;

  -webkit-transition: all 0.5s;

   -moz-transition: all 0.5s;

   -o-transition: all 0.5s;

   transition: all 0.5s;

}

.hprolist02 li .protit{font: 300 16px/40px microsoft yahei; text-align: center;}

.hprolist02 li:hover .cover{height: 100%;color: #fff;

  filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E50053A5', endColorstr='#E50053A5');background:rgba(0,83,165,0.9);

}

.hprolist02 li:hover .cover .cover_con{padding:50px 60px;font: 300 14px/24px microsoft yahei;}

.hprolist02 li:hover .cover .cover_con .desc{max-height: 72px; overflow: hidden;margin-bottom: 20px;}

.hprolist02 li:hover .warp{border:3px solid #ffb800;}



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

  .hprolist02 li{width:50%;}

}

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

  .hprolist02 li{width:100%;}

}



.profouse{width:420px;overflow: hidden; float: left;}

.profouse .gallery-top {border:1px solid #e0e0e0;}

.profouse .gallery-top .swiper-slide{width:100%; height: 278px; line-height: 278px; text-align: center;}

.profouse .gallery-top .swiper-slide img{max-width: 90%;max-height: 90%;}

.profouse .gallery-thumbs {margin-top: 20px;}

.profouse .gallery-thumbs .swiper-wrapper{width:400px;}

.profouse .gallery-thumbs .swiper-slide{height:100px; line-height: 100px; text-align: center;}

.profouse .gallery-thumbs .swiper-slide img{max-width: 90%;max-height: 90%;}



.protxtarea{width: calc(100% - 450px); float: right;}

.protxtarea .desc{border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;padding:20px 0;}

.protxtarea .bold{font-weight: bold; line-height: 30px;}

.protxtarea h3{font-size: 24px;margin-bottom: 20px;}

.protxtarea .more a{width:126px; height: 36px;display: block;font: 300 16px/36px microsoft yahei;color: #fff; text-align: center;

    border:2px solid #365da8; background: #365da8; margin-top: 20px;

    -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  -ms-border-radius: 4px;

  -o-border-radius: 4px;

  border-radius: 4px;

  }

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

.siderbar {margin-bottom:10px;}

}

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

.profouse{width:100%;overflow: hidden; float: none;}

.protxtarea{width:100%; float: right;}

.protxtarea .more{display:none;}

}

.prodetial_box{margin-top: 20px;}

.prodetial_box .hd {border-bottom: 2px solid #f1efef;}

.prodetial_box .hd li{width:150px;height: 38px;float: left; text-align: center;font: 300 16px/38px microsoft yahei; background: #f1efef;border-right: 1px solid #dcdada;cursor: pointer; }

.prodetial_box .hd li.on{background: #0053a5;color: #fff;}

.prodetial_box .bd{margin:20px 0 0 0 ;}



.caselist li{width: 33.3%;float: left;margin-bottom: 20px;margin-bottom: 20px;}

.caselist li .warp{margin:0 10px;padding:15px; background: #fff;border:2px solid #ecebeb;}

.caselist li .imgarea{width: 100%;height:90px; overflow: hidden; line-height:90px;margin-bottom: 10px;}

.caselist li .imgarea img{max-width:100%;max-height: 100%;}

.caselist li .casetit{font: 300 16px/24px microsoft yahei;height: 48px; overflow: hidden;margin-bottom:5px;}

.caselist li .casetit a{color: #0053a5;}

.caselist li .txtarea .desc{font: 300 14px/24px microsoft yahei;height:96px; overflow: hidden;}

.caselist li .txtarea .more a{width:100px; height: 30px;display: block;font: 300 14px/30px microsoft yahei;color: #fff; text-align: center;

   background: #365da8; margin-top: 20px;  }

.caselist li:hover .warp{border:2px solid #ffb800;}

.caselist li:hover .txtarea .more a{ background: #ffb800;}



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

.caselist li{width: 50%;}

.prodetial_box .hd li{width: 30%;}

}

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

.caselist li{width: 100%;}

}

/* ==========================================================================

   Pagination

   ========================================================================== */

#Lb_pager { margin-top: 30px;margin-bottom:20px; text-align: center; font-family: microsoft yahei;}

#Lb_pager .pages a { display: inline-block; padding: 0 10px;color: #333; cursor: pointer; line-height: 30px; height: 30px;border:1px solid #e8e7e7;border-left:0; }

#Lb_pager .pages a:first-child { border-left:1px solid #e8e7e7; }

#Lb_pager .pages .pgnext{padding: 0 15px; }

#Lb_pager .pages .pgcurrent { color: #fff;cursor: default;background-color: #2e479e;}

#Lb_pager .pages .pgempty { cursor: not-allowed }

#Lb_pager .pages a:hover{color: #fff; text-decoration: none;background-color: #2e479e;}







.feedback{padding-top: 20px;}

.feedtitle{font: 300 14px/24px microsoft yahei; border-bottom: 1px dashed #8c8c8c;padding-bottom: 15px;margin-bottom: 10px;}

.feedback .mod01{margin-bottom: 20px; }

.ftitle{width:120px; text-align: right;float: left;line-height: 40px;padding-right: 10px;}

.feedrig{width: calc(100% - 180px);float:left; }

.feedback .ui-input{width:280px; height: 18px; line-height: 18px; padding:10px 20px;background-color: #fff;border:1px solid #bebdbd;}



.feedback .ui-textarea{width: calc(100% - 42px); height: 90px; line-height: 18px; padding:10px 20px;background-color: #fff;border:1px solid #bebdbd;}



.feedback .ui-btn{background-color: #82c0c7; border: 0 none;  cursor: pointer;

    text-align: center; padding:10px 20px;font: 300 14px/24px microsoft yahei; color: #fff;width: 100%;}

.feedback .ui-btn01{ width: 200px;background: #0048b3;}

.feedback .ui-btn02{ width: 200px;background: #dddddd;color: #333;margin-left: 10px;}

.feedback  .ask{color: #f00;}



.feedback .mod02{margin-bottom: 20px; }

.feedback .modtop3{padding-left: 130px;}

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

  .ftitle{float: none;text-align: left;}

.feedrig{width:100%;float:none; }

.feedback .modtop3{padding-left: 0;}

.feedback .ui-input{width: calc(100% - 42px); height: 18px; line-height: 18px; padding:10px 20px;background-color: #fff;border:1px solid #bebdbd;}

.feedback .ui-btn01,.feedback .ui-btn02{ width:120px;}

}



/* ==========================================================================

   network

   ========================================================================== */

.netmap{width: calc(100% - 310px); height: 500px; float: left;}

.netmap img{width: 100%; height: 100%;}

.netright{width: 290px; float: right;}

.netright .mode{padding:10px;font: 300 12px/24px microsoft yahei;border:1px solid #ededed; margin-bottom: 20px;cursor: pointer;}

.netright .mode:hover{background: #9e9e9e;color: #fff;}



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

.netmap{width:100%; height: auto; float: none;margin-bottom: 20px;}

.netright{width: 100%; float: none;}

}