/*内页样式*/
.container{max-width:1400px;margin:0 auto 50px auto;padding: 0 10px;position: relative;}
.subbanner{overflow: hidden;position: relative;width: 100%;text-align: center}

/* topbar */
.topbar{width: 100%;line-height: 18px;margin: 1.5% 0;}
.topbar .path{float: right;}
.path .fa-home{width: 30px;height: 30px;border-radius: 100%;background: #eeeeee;color: #d60000;margin-right: 8px;display: inline-block;line-height: 30px;text-align: center;font-size: 18px}
.path a{margin: 0 5px}

/* left_sides */
.left_sides{float: left;width: 24%;overflow: hidden;position: relative;margin-right: 4%}
.sidebar .overview{line-height:80px;position: relative;background: #333333;text-align: center;overflow: hidden;}
.sidebar .overview i{width: 35px;height: 80px;background: url(../images/inco_nav.png)center no-repeat;display: inline-block;vertical-align: top;margin-right: 15px}
.left_sides  .overview a{font: 500 24px "microsoft yahei";color: #ffc107 ;line-height: 80px}
.sidenav{background: #fff;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;padding: 0 20px;margin-bottom: 40px}
.sidenav i{float: right;color: #000000;font-size: 20px;font-family: "arial"}
.sidenav li{line-height: 60px;padding: 0 20px;font-size: 15px;border-bottom: 1px dotted #ddd}
.sidenav li.active a,.sidenav li.active i{color: #d60000;}
.sidenav li a{color: #333333;font-size: 15px}
.sidenav li:last-child{border-bottom: none}
.sidenav li:hover i,.sidenav li:hover a{color: #d60000}
.level2 {*zoom:1;  overflow: hidden;}
.level2 li {border-bottom: 0 none;margin: 5px 10px;padding: 0 10px;line-height: 40px;height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.level2 li:first-child{border-top: 1px solid #cdcbcb;}
.sidenav .level2 li a { color: #333; background: none; font-size: 12px; line-height: 24px; padding:5px 0;}
.sidenav .level2 .active a,
.sidenav .level2 li a:hover { color: #d60000; }

.left_sides .hotnews,.left_sides .tag{border: 1px solid #ddd;padding:10px 30px 0;margin-bottom: 40px}
.left_sides .title h2{font: 500 22px "microsoft yahei";line-height: 60px;border-bottom: 1px solid #ddd}
.hotnewsbd ul li{color: #666666;margin: 15px 0}
.hotnewsbd ul li .date{color: #999999;font-size: 13px}
.hotnewsbd ul .fa-circle-o{margin-right: 8px}
.left_sides .tag h2{font: 500 22px "microsoft yahei";line-height: 60px;border-bottom: 1px solid #ddd}
.tagbd{margin-top: 15px}
.tagbd a{display: block;width: 46%;color: #666666;margin:0 2%;line-height: 40px;background: #f2f2f2;margin-bottom: 10px;text-align: center;float: left;}

/* right block */
.right-cont{float: right;width: 72%;}
.right-cont .tag_sq{width: 100%;height: 60px;line-height: 60px;background: #f2f2f2;border: 1px solid #dddddd}
.right-cont .tag_sq span{border-right: 1px solid #dddddd;color: #000;display: inline-block;padding: 0 30px}
.right-cont .article_cont{overflow: hidden;}
.article_cont .title{text-align: center;font-size: 28px;color: #000;margin-top: 30px;margin-bottom: 20px}
.article_cont .title span{margin: 0 10px;color: #bbbbbb}

/* prolist */
.right-cont .col_title{padding: 20px;color: #555;line-height: 2.2;font-size:18px;}
.right-cont .col_txt{border: 1px solid #ddd;padding: 20px;color: #555;margin: 0 1.5% 3%;line-height: 2.2}
.right-cont .prolist li{width: 30.33%;margin:0 1.5%;float: left;overflow: hidden;border: 1px solid #dddddd;margin-bottom: 3%;position: relative;box-sizing: border-box}
.right-cont .prolist li .txt{text-align: center;border-top: 1px solid #dddddd;box-sizing: border-box;padding: 10px 0 15px}
.right-cont .prolist li .tit{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 5px 0 5px}
.right-cont .prolist .des{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow : hidden;word-break:break-all;margin: 0 15px;line-height: 24px;height: 48px;}
.right-cont .prolist li:hover{border: 1px solid #d60000;color: #fff}
.right-cont .prolist li:hover .txt{background: #d60000;border-top: none;border-top: 1px solid #d60000}
.right-cont .prolist li:hover a{color: #fff}
.right-cont .prolist li .imgarea{height: 215px;width: 100%;display: block;overflow: hidden;}
.right-cont .prolist li img{width: 100%;height: 100%; }


/* case */
.right-cont .caselist li{width: 30.33%;margin:0 1.5%;float: left;overflow: hidden;border: 1px solid #dddddd;margin-bottom: 3%;position: relative;box-sizing: border-box}
.right-cont .caselist li .txt{height: 50px;line-height: 50px;text-align: center;border-top: 1px solid #dddddd;box-sizing: border-box}
.right-cont .caselist li:hover{border: 1px solid #d60000;color: #fff}
.right-cont .caselist li:hover .txt{background: #d60000;border-top: none}
.right-cont .caselist li .imgarea{height: 190px;width: 100%;display: block;overflow: hidden;}
.right-cont .caselist li img{width: 100%;height: 100%; }

/* news */
.news_imgarea{width: 220px;height: 160px;overflow: hidden;float: left;margin-right: 30px}
.newslist .imgarea{width: 240px;height: 170px;overflow: hidden;float: left;margin-right: 30px}
.newslist .imgarea img{width: 100%;height: 100%;}
.newslist .date{margin: 0 20px 0 0;display: inline-block;color: #666666}
.newslist .tag{margin: 0 0;display: inline-block;color: #666666}
.newslist .tag a{color: #666666}
.newslist li{padding: 30px;border-top: 1px dashed #ddd;border-bottom: 1px dashed #ddd;;margin-top: -1px;box-sizing: border-box}
.newslist li:first-child{margin-top: 0;}
/* .newslist li:hover{box-shadow: 0 0 5px #cbcac8;-moz-box-shadow: 0 0 5px #cbcac8;-webkit-box-shadow: 0 0 5px #cbcac8;border-bottom: none} */
.newslist .txtarea{float: right;width: calc(100% - 280px);}
.newslist .txtarea h2{font: 500 24px "microsoft yahei";margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 1em}
.newslist .txtarea .desc{margin-top: 5px;word-break: break-all;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;color: #666666}
.newslist .txtarea .fa-tag{color: #999999;margin-right: 5px;font-size: 16px}
.newslist .txtarea .fa-clock-o{color: #999999;font-size: 17px}
.newslist .tag:hover .fa-tag{color: #f5aa00}
.newslist .txtarea .more{display: inline-block;padding: 5px 35px;border: 1px solid #cccccc;bottom: 30px;color: #666666;margin-top: 15px}
.newslist li:hover .more{background: #d60000;border: 1px solid #d60000;color: #fff}
 
/* newsdetail */
.sub_title {text-align: center;padding: 20px 0;line-height: 30px;}
.sub_info{color: #777;border-bottom: 1px dashed #ddd;line-height: 40px}
.sub_info span{margin-right: 30px}
.sub_title h1{font:500 24px "microsoft yahei";margin-bottom: 20px;margin-top: 10px}
.article{margin: 10px 0;line-height: 25px}
.article img{text-align: center;height: auto !important;}
.skip{margin-top: 5%;margin-bottom: 2%;background: #f6f6f6;padding: 5px;}
.skip>div{width: 46%;line-height: 30px;height: 30px;overflow: hidden; text-overflow:ellipsis;white-space: nowrap;}
.skip a{color: #666666}
.skip .fl{float: left;margin-left: 10px}
.skip .fr{float: right;}
.bdshare-button-style0-16{display: inline-flex}
.relate{padding: 30px 0;}
.relate .tit h3{font: 600 20px "microsoft yahei";float: left;color: #333333;margin-bottom: 10px}
.relate .tit h3 span{font-size: 14px;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;color: #666666;font-weight: 500}
.relate .newslink{width: 46%;margin: 0 15px;border-bottom: 1px dashed #dfdfdf;line-height: 40px;float: left;height: 40px;}
.relate .newslink a{display: inline-block;width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.relate .newslink i{margin-right: 10px;color: #d60000;font-size: 18px}
.relate .newslink .date{float: right;color: #999999;font-family: Arial}

.relate .caselink{width: 30.33%;margin-right: 3%;float: left;text-align: center;margin-top: 15px;}
.relate .caselink .case_img{display: block;width: 100%;height: 180px;margin-bottom: 10px}
.relate .caselink .case_img img{width: 100%;height: 100%;}

/* --------------news---------------- */
#dcms_pager { margin-top: 3%; text-align: center;position: relative;margin-bottom: 3%}
#dcms_pager li{display: inline-block;color: #333; cursor: pointer;height: auto;}
#dcms_pager a, #dcms_pager span {float: left;color: #666;line-height: 2.4rem;text-align: center;border: 1px solid #BBB;min-width: 14px;padding: 0 1rem;margin: 0 5px 0 0;border-radius: 3px;}
#dcms_pager a:hover {text-decoration: none;background: #d60000;color:#fff}
#dcms_pager .active {color: #FFF;border:none; cursor: default;}
#dcms_pager .active a{background: #d60000;color: #fff;border: 1px solid #d60000;}
#dcms_pager .disabled {color: #ccc;cursor: default;}

/* message */
.container .contact .contact_info li{width: 30.33%;margin: 0 1.5%;float: left;}
.container .contact .contact_info li img{width: 65px;height: 65px;display: block;}
.container .contact .contact_info li .txt{font-size: 16px;color: #333333;margin-top: 10px;margin-bottom: 20px}
.container .contact .contact_info li .txt p{font-size: 30px;font-family: Arial, Helvetica, sans-serif}

.message{width: 100%;padding: 2% 0;background: #f7f7f7;}
.message .container{max-width: 1400px;margin: 0 auto}
.container .contact h2,.message .container h2{font: 500 30px "microsoft yahei" ;margin-bottom: 2%}
.message .container .field {margin: 20px 0 0;text-align: justify;}
.message .container .field:after{content: "";width: 100%;display: inline-block;font-size: 0;line-height: 0;}
.message .container .field li{float: left;}
.message .container .field .ui-input {display: inline-block;width: 30%;line-height: 36px;border:1px solid #dddddd;padding-left:10px;color: #bdbcbc;background: #f8f8f8}
.message .container .field input:last-child{margin-right: 0}
.message .container .ui-textarea{margin-bottom: 2vw;width: 100%;height: 150px;border:1px solid #dddddd;padding-left: 10px;font-family: "microsoft yahei";background: #f8f8f8}
.message .container .ui-btn1 { background:#d60000;border: none;color: #fff;width: 120px;padding: 10px;margin-right: 30px;margin-bottom: 3vw;}
.message .container .ui-btn2 {background:#bbbbbb;border: none;color: #fff;width: 120px;margin-bottom: 3vw;padding:10px;}
.message .mod3{text-align: center}

/* tag */
.breakerDiv h2{font: 500 26px/40px "microsoft yahei";color: #333333}
.searchbox{margin-top: 10px;}
.search-body li{margin-bottom: 18px;height: 96px;overflow: hidden;}
.search-body .date{width: 100px;text-align: center;float: left;font: 300 14px/24px "microsoft yahei";background: #06245f;color: #fff;padding: 16px}
.search-body .date h3{font: 300 30px/40px Arial;}
.search-body .date span{font: 300 18px/20px Arial;}
.search-body .txtarea{float: right;width: calc(100% - 125px);background: #f7f7f7;padding: 10px 20px}
.search-body .txtarea h3{font: 700 18px/30px "microsoft yahei";width: 100%;height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}



@media only screen and (max-width: 1400px){
  #globalnav .gn-list{width: 650px}
  #globalnav .gn-link{font-size: 15px}
  .relate .caselink .case_img{height: 14vw;}
  .right-cont .prolist li .imgarea{height: 14vw;}
}

@media only screen and (max-width: 1000px){
  #globalnav .gn-list{width: 100%}
  .subbanner img{width: 130%;margin-left: -15%}
  .container{margin: 30px auto 30px auto;}
  .level2{display: none}
  .sidebar .overview{display: none}
  .sidenav{display: none}
  .left_sides .hotnews{display: none}
  .left_sides .tag{display: none}
  .right-block{width: 100%;padding-top: 0;}
  .right-cont{width: 100%;}
  .relate .newslink{width: 100%}
  .prolist li .imgarea{height:21vw;}
  #dcms_pager{margin-top: 3vw;margin-bottom: 3vw;}
  .relate .prolink .imgarea{height: 110px;}
  .topbar{margin: 0;background: #f5f5f5;padding: 10px 0}
  .topbar .topnav{display: none}
  .topbar .path{float: left;}
  .right-cont .prolist li .imgarea{height: 21vw;}
  .right-cont .caselist li .imgarea{height: 20vw;}
  .relate .caselink .case_img,.right-cont .prolist li .imgarea{height: 18vw;}
}

@media only screen and (max-width: 768px){
  .sub_info span{margin-right: 10px}
  .bdsharebuttonbox{display: none}
  .newslist .txtarea .more{display: none}
  .container .contact .contact_info li{width: 100%;}
}

@media only screen and (max-width: 640px){
  .right-cont .tag_sq span{padding: 0 10px;}
  .sub_title h3{font: 500 22px "microsoft yahei";}
  .newslist li {padding: 13px;}
  .newslist .imgarea{width: 30%;height: 21vw;margin-right: 3vw;}
  .newslist .txtarea{float: none;width: auto;}
  .newslist .tag{display: none;}
  .newslist .txtarea .desc {line-height: 1.7; }
  .newslist .date {line-height: 1em;font-size: 12px;}
  .newslist .txtarea h2{font-size:18px;}
  .copyright{padding-bottom:60px;box-sizing: inherit;height: auto;padding-top:15px;line-height: 1.9em;text-align: center;}
  .skip .fr{margin-left: 10px;float: left;}
  .copyright a{float: none;}
  .newslist li {padding: 13px;}
  
}

@media only screen and (max-width: 480px){
    .relate .prolink .imgarea{height:45x;}
    .newslist li{padding: 15px 5px;}
    .newslist .imgarea{width: 30%;height: 21vw;margin-right: 3vw;}
    .newslist .date{height: 1em;display: block;margin:5px 0;}
    .newslist .date h3{margin-top:0;margin-bottom:0}
    .news_imgarea{margin-right: 2vw;}
    .message .container .field .ui-input{display: block;margin-bottom: 10px;width: 100%}
    .right-cont .prolist .des{display: none}
}

.breadcrumb-bar{white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}