/*内页样式*/
/* #globalnav{position:relative;}
#globalnav .active1{color: #000}
#globalnav .gn-link{color: #000;}
#globalnav .active1{color: #238ed7;border-bottom: 2px solid #2698d8;}
#globalnav .gn-link:hover { color:#2698d8;}
#globalnav .toptel{color: #238ed7}
#globalnav .tel_inco{background: url(../images/toptel2.jpg)no-repeat} */

.container{max-width:1200px;margin:50px auto 50px auto;padding: 0 10px;position: relative;}
.subbanner{max-height: 275px;overflow: hidden;position: relative;width: 100%}
.subbanner .txtarea{z-index: 2;position: absolute;top: 26%;color: #fff;margin-left: 0}
.subbanner h2{font: 500 36px microsoft yahei;margin-bottom: 5px}
.subbanner span{font: 500 27px Arial;text-transform: uppercase}

.breadcrumb-bar{height: 50px;line-height: 50px;margin-bottom: 10px;background: #eeeeee}
.breadcrumb-bar .cont{max-width:1200px;margin:0 auto;padding: 0 10px; }
.breadcrumb-bar .path{float: left;}
.breadcrumb-bar .path .fa-home{font-size: 18px;display: inline-block;padding: 5px;background: #f6f6f6;color: #12a077;border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;margin-right: 5px}
.breadcrumb-bar .path a{margin: 0 5px}
.breadcrumb-bar .fa-reply{float: right;line-height: 50px;color: #12a077;font-size: 18px}
/* left Sidebar */

.left_sides{float: left;width: 270px;overflow: hidden;position: relative;margin-right: 60px}
.sidebar .overview{height: 80px;line-height: 80px;position: relative;background: #197458;border-top: 5px solid #12a077;color: #fff;padding: 0 20px;overflow: hidden;text-align: center}
.left_sides h2 span{font-size: 14px;text-transform: uppercase;font-family: Arial, Helvetica, sans-serif}
.left_sides  h2{font: 500 24px/70px microsoft yahei;}
.sidenav{background: #fff;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-bottom:5px solid #e5e5e5;;padding: 0 20px}
.sidenav li{line-height: 60px;padding: 0 20px;font-size: 16px;border-bottom: 1px solid #dddddd;text-align: center}
.sidenav li:last-child{border-bottom: none}
.sidenav .active a,.sidenav .active .fa-plus-square-o{color: #12a077}
.sidenav .fa-plus-square-o{font-size: 15px;line-height: 60px;float: left;;color: #999}
.sidenav li:hover a,.sidenav li:hover .fa-plus-square-o{color: #12a077}
.sidenav .show{display: block;}
.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: #12a077; }

.hotnews .title{text-align: center;height: 80px;line-height: 70px;position: relative;background: #197458;border-top: 5px solid #12a077;color: #fff;margin-top: 40px}
.hotnewsbd{border: 1px solid #dddddd}
.hotnewsbd ul{padding: 0 20px}
.hotnewsbd .fa-circle-o{font-size: 8px;color: #12a077;margin-right: 8px}
.hotnewsbd ul li{height: 50px;line-height: 50px;border-bottom: 1px solid #dddddd;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hotnewsbd ul li:last-child{border-bottom: none}
.tag .title{text-align: center;height: 80px;line-height: 70px;position: relative;background: #197458;border-top: 5px solid #12a077;color: #fff;margin-top: 40px}
.tag .tagbd{border: 1px solid #dddddd;padding: 10px 15px}
.tagbd a{display: inline-block;padding: 3px 5px;border: 1px dashed #12a077;border-radius: 5px;color: #12a077;margin: 5px 3px}

/* right block */
.right-block{float: right;width: 850px;padding-top:15px }
.right-block .title h3{font:500 24px/60px microsoft yahei;margin-bottom: 2vw;;height: 60px;border-bottom: 1px solid #dddddd;color: #12a077;}
.right-block .title h3 span{font-size: 14px;text-transform: uppercase;font-family: Arial, Helvetica, sans-serif}
.right-block .content{overflow: hidden;}
.right-block .content .art{margin-top: 20px;line-height:2.5em }
.right-block .content .art img{float: right;margin-left: 50px}
/* case */
.caselist li{width: 33.3%;float: left;overflow: hidden;margin-bottom: 20px;text-align: center;}
.caselist li .cont{padding: 0 15px;}
.caselist li .imgarea{border: 1px solid #dddddd;overflow: hidden;width: 100%;height: 170px;overflow: hidden;}
.caselist .cont .title{height: 50px;line-height: 50px;}
.caselist img{max-width: 100%;transition: transform 1s;min-height: 100%}
.caselist img:hover{ transform: scale(1.1);}

/* pro */
.right-cont .title h3{font:500 24px/60px microsoft yahei;margin-bottom: 20px;height: 60px;border-bottom: 1px solid #dddddd;color: #12a077;}
.right-cont .title h3 span{font-size: 14px;text-transform: uppercase;font-family: Arial, Helvetica, sans-serif}
.prolist li{width: 33.3%;float: left;overflow: hidden;text-align: center;padding: 15px 15px;overflow: hidden;}
.prolist li .imgarea{width: 100%;position: relative;height: 190px;overflow: hidden;border: 1px solid #dddddd}
.prolist li .imgarea a>img{min-height: 100%;max-width:100% }
.prolist li .pro_logo{background-color: rgba(0, 128, 215, 0.3);position: absolute;left: 0;top: 0;vertical-align: middle;opacity: 0;height: 100%;}
.prolist .imgarea:hover .pro_logo{opacity: 1;}
.prolist .title{height: 50px;line-height: 50px;bottom: 0;width: 100%;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: #12a077;color: #fff}
.prolist .title a{color: #fff}
/* proshow */
.pro_title{text-align: center;padding: 20px 0;line-height: 30px;}
.pro_title h3{font:500 24px microsoft yahei;}
.article .subtitle{text-align: center;margin: 20px 0}
.article .subtitle .squre{display: inline-block;width: 16px;height: 16px;background: url(../images/squre.jpg)no-repeat;margin: 0 10px}
.article .subtitle h3{font: 500 26px microsoft yahei;color:#12a077 }
.relate .prolink{width: 25%;float: left;padding: 0 10px;text-align: center;overflow: hidden;}
.relate .prolink .imgarea{width: 100%;height: 130px;overflow: hidden;border: 1px solid #ddd;padding: 5px}
.relate .prolink .imgarea img{width: 100%;height:100%;}
.relate .prolink .tit{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.prolink .title{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.relate .downlink{border-bottom: 1px solid #dddddd;line-height: 50px;height: 50px;margin-bottom: 5px}

/* news */
.right-cont .bot_n h3{border-bottom: none}
.news_imgarea{width: 220px;height: 160px;overflow: hidden;float: left;margin-right: 30px}
.newslist .imgarea{width: 200px;height: 135px;overflow: hidden;float: left;margin-right: 30px;display: flex;justify-content: center;align-items: center;}
.newslist .imgarea img{width: 100%;height: auto;}
.newslist .date{margin: 10px 20px 10px 0;display: inline-block}
.newslist .tag{margin: 10px 0;display: inline-block}
.newslist li{padding: 30px;border-bottom: 1px dashed #ddd}
.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% - 240px);}
.newslist .txtarea h2{font: 500 24px microsoft yahei;margin-bottom: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 1em}
.newslist .txtarea .desc{word-break: break-all;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden}
.newslist .txtarea .fa-tag{color: #999999;margin-right: 5px;font-size: 18px}
.newslist .tag:hover .fa-tag{color: #12a077}

/* newsdetail */
.right-cont{float: right;width: 850px;}
.right-cont .article_cont{border: 1px solid #dddddd;padding: 30px;}
.sub_title {text-align: center;padding: 20px 0;border-bottom: 1px dashed #dfdfdf;line-height: 30px;}
.sub_info,.sub_info a{color: #777;}
.sub_info span{margin-right: 10px}
.sub_title h3{font:500 24px microsoft yahei;margin-bottom: 20px}
.article{margin: 20px 0;line-height: 25px}
.article img{text-align: center;height: auto !important;}
.tab .fa-tag{font-size: 18px;display: inline-block;padding: 5px;color: #12a077;margin-right: 10px}
.tab .share{float: right;}
.skip{margin-top: 50px;margin-bottom: 30px;background: #f6f6f6;padding: 5px;}
.skip>div{width: 46%;line-height: 30px;height: 30px;overflow: hidden; text-overflow:ellipsis;white-space: nowrap;}
.skip .fl{float: left;margin-left: 10px}
.skip .fr{float: right;}

.relate{margin-top: 50px;border: 1px solid #dddddd;padding: 30px;}
.relate .tit h3{font: 500 18px microsoft yahei;float: left;color: #12a077;margin-bottom: 10px}
.relate .tit h3 span{font-size: 14px;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase}
.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: 75%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.relate .fa-caret-right{margin-right: 10px;font-size: 8px}
.relate .newslink .date{float: right;}

/* message */
#feedback-form{margin-top: 20px}
.field {padding: 0 10px 20px 200px;line-height: 26px}
.field .ui-label {float: left;width: 150px;margin-left: -170px;text-align: right;font: 300 14px/28px microsoft yahei;color:#0f214e;display: inline-block}
.field .ui-input {line-height: 28px;width: 300px;border:1px solid #acabab;}
#content {width: 400px;height: 120px;line-height: 18px; padding: 5px;border:1px solid #acabab;}
.ui-btn {font-family:"Microsoft Yahei";padding: 8px 40px;font-size: 16px; text-transform: uppercase;  color: #fff;
  vertical-align: border-bottom;  margin-right: 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px
}
.ui-btn1 { background:#12a077;border: none}
.ui-btn2 {background:#979899;border: none}


/* --------------news---------------- */
#dcms_pager { margin-top: 50px; text-align: right;position: relative;margin-bottom: 50px}
#dcms_pager ul{position: absolute;right: 0;}
#dcms_pager li{display: inline-block; padding: 3px 12px; margin: 0 2px;color: #333; cursor: pointer; border:1px solid #dedede;float: left;}
#dcms_pager .active { color: #fff; background-color: #12a077; cursor: default; }
#dcms_pager .active a{color: #fff}


/* contact */
.inner-cont .company{margin: 40px;line-height: 40px}
.company h2{font: 500 24px/40px microsoft yahei;color: #12a077;margin-bottom: 15px}
.company .fa-user{color:#12a077;font-size: 18px;width: 30px;text-align: center}
.company .fl{width: 50%}
.company .fr{width: 50%}
.company .fa-phone{font-size: 18px;color:#12a077;width: 30px;text-align: center}
.company .fa-envelope{font-size: 18px;color:#12a077;width: 30px;text-align: center}
.company .fa-globe{font-size: 18px;color:#12a077;width: 30px;text-align: center}
.company .fa-mobile{font-size: 18px;color:#12a077;width: 30px;text-align: center}
.company .fa-map-marker{font-size: 18px;color:#12a077;width: 30px;text-align: center}
.company .fa-fax{font-size: 18px;color:#12a077;width: 30px;text-align: center}
.company .fa-envelope-o{font-size: 18px;color:#12a077;width: 30px;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: #12a077;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: 1200px){
  #globalnav .gn-list{width: 680px}
  .subbanner img{width: 140%;margin-left: -20%}
  .left_sides{width: 25%;margin-right: 0;}
  .right-cont,.right-block{width: 70%;}
  .relate .prolink .imgarea{height: 10vw;}
}
@media only screen and (max-width: 1000px){
  #globalnav .gn-list{width: 100%}
  .subbanner img{width: 160%;margin-left: -40%}
    .level2{display: none}
    #globalnav .active1{color: #12a077;border-bottom: none;}
    .container{margin: 10px auto 30px auto;}
    .left_sides{float: none;width: 100%}
    .sidebar .overview{display: none}
    .sidenav{border: none;background: none;margin-bottom: 10px;margin-top: 10px;}
    .sidenav li{float: left;font-size: 14px;margin: 5px;padding: 0 20px;border-bottom:none;background: #f0efef;height: 30px;line-height: 30px;border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px}
    .sidenav li:hover{background: #12a077;}
    .sidenav li:hover a{color: #fff}
    .sidenav .active{background: #12a077;}
    .sidenav .active a{color: #fff}
    .sidenav .fa-plus-square-o{line-height: 30px;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: 18vw;}
    .subbanner .txtarea{top: 22%;}
    .subbanner .txtarea{z-index: 2;position: absolute;top: 26%;color: #fff;margin-left: 0}
.subbanner h2{font: 500 30px microsoft yahei;}
.subbanner span{font: 500 24px Arial;}
#globalnav .gn-link{color: #fff;}
#globalnav .active1{color: #fff;}
#globalnav .gn-link:hover { color:#fff;}
}

@media only screen and (max-width: 640px){
  .subbanner img{width: 160%;margin-left: -40%;}
    .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;}
    .caselist li{width: 47%;margin: 1.5%;}
    .caselist li .cont{padding: 0;}
    .caselist li .imgarea {height: 35vw;}
    .sidenav{padding: 0;}
    .sidenav li{margin: 5px 10px 5px 0;}
    .prolist li{width: 50%;padding: 0 2.5vw;margin-bottom: 10px;}
    .prolist li .imgarea{height:32vw; }
    .prolist .title{line-height: 2em;height: auto;}
    .right-cont .article_cont{padding: 10px;}
    .pro_title{padding: 2vw 0 1vw;}
    .pro_title h3{font-size: 18px;}
    .article table tr>td:first-child{width: 30vw;}
    .subbanner h2{font: 500 24px microsoft yahei;}
    .subbanner span{display: none}
    .company .fl{width: 100%}
.company .fr{width: 100%}
.field{padding: 0 10px 20px 20vw;}
.field .ui-label{width: 80px;margin-left:-80px;}
.field .ui-input{width: 220px}
#content{width: 250px;}
.ui-btn{padding: 5px 30px;}
#dcms_pager{margin-top: 5vw;margin-bottom: 7vw;}
.relate .prolink .imgarea{height: 26vw;}

}
@media only screen and (max-width: 480px){
    .relate .prolink .imgarea{height:45x;}
    .newslist li{padding: 15px 5px;}
    .newslist .imgarea{width: 30%;height: 22vw;margin-right: 3vw;display: flex;justify-content: center;justify-items: center;}
    .newslist .date{height: 1em;display: block;margin:5px 0;}
    .newslist .date h3{margin-top:0;margin-bottom:0}
    .news_imgarea{margin-right: 2vw;}
    .subbanner h2{font: 500 24px microsoft yahei;}
    .subbanner span{display: none}
    .field .ui-label{width:100px;margin-left:-80px;}
  .field .ui-input{width: 60vw}
  #content{width: 60vw;}
  .ui-btn{padding: 5px 30px;}
}
@media only screen and (max-width: 768px){
    .prolist li{width: 50%}
    .prolist li .imgarea {height: 30vw;}
    .right-cont .article_cont{padding: 15px;}
    .pro_title h3 {font: 500 17px microsoft yahei;}
    .pro_title{padding: 10px 0;}
}



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