.inner_cont {font-size: 14px; color: #454545; width: calc(100% - 310px); float: right;}
.inner_cont  img{max-width: 100%;}
.inner_left{width: 250px; float: left; position: relative; margin-top: -98px;z-index: 999;}
.content {padding-top:10px;padding-bottom: 30px;position: relative;min-height: 400px; background:#f2f4f7 url(../images/homebg.jpg) left top repeat-x;}
.content img{max-width: 100%;}
.sunbanner .pc_pic{width:100%;}
.sunbanner .pc_pic img{width: 100%;}
.sunbanner .mc_pic{display: none;width:100%;}
.sunbanner .mc_pic img{width: 100%;}
.sunbanner {position: relative;}

@media only screen and (max-width: 640px) {
.sunbanner .pc_pic{display: none;}
.sunbanner .mc_pic{display: block;}
}
/* ==========================================================================
   Sidebar
   ========================================================================== */

.siderbar .title{ background: #0d41ad;color: #fff; height: 88px; text-align: center;font: 300 28px/88px microsoft yahei; 
  filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5078950', endColorstr='#E5078950');background:rgba(7,137,80,0.9); position: relative;
}
.siderbar .title .btn_jt{display: none;}
.siderbar .sunnav{padding:20px 20px 80px 20px; background: #fff;border:1px solid #e5e5e6;}
.siderbar .sunnav li{height: 50px;font: 300 16px/50px microsoft yahei; border-bottom: 1px solid #e2e6ea; text-align: center;}
.siderbar .sunnav li:hover { background: #2c9a6d;}
.siderbar .sunnav li:hover a{color: #fff;}
.siderbar .sunnav li.active a{ color: #2c9a6d;}
.siderbar .sunnav li.active{ background: #fff;}

.quickcontact{width: calc(100% - 60px);padding:30px; overflow: hidden;background:#2c9a6c url(../images/pic03.jpg) left bottom no-repeat; color: #fff;}
.quickcontact .title{color: #fff;font: 300 24px/38px microsoft yahei;}
.quickcontact .title  .more{float: right;color: #fff;}
.quickcontact .inco{height:25px;margin: 20px 0 10px 0;}
.quickcontact .inco .fa{font-size: 25px;}
.olinebox{padding:10px;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 {text-align: right; height: 50px; line-height: 50px; border-bottom: 1px solid #cccad0;margin-bottom: 20px;}
.breadcrumb-bar .fa{color: #2c9a6d;}
.breadcrumb-bar a:last-child{color: #2c9a6d;}
@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{ background: #2c9a6d;color: #fff; height: 50px;text-align: left;font: 300 22px/50px microsoft yahei;padding-left: 10px; }
.siderbar .title .btn_jt{ display: block; height: 24px; text-align: center;width: 50px; cursor: pointer;position: absolute; right: 0;top:0;}
.siderbar .title .fa{font-size: 24px;     transition: all 0.5s;}

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

.lastnew{margin-top: 30px; padding-bottom: 30px;}
.lastnew .imgarea{width:374px;height: 247px; overflow: hidden; float: left;}
.lastnew .imgarea img{width:374px;height: 247px;transition: transform 2s;}
.lastnew:hover .imgarea img{ transform: scale(1.1);}
.lastnew .txtarea{width: calc(100% - 400px); height: 247px; overflow: hidden; float: right;}
.lastnew .txtarea h3{ width:100%; height: 50px ; color: #00864a; font: 300 22px/50px microsoft yahei;  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.lastnew .txtarea .desc{height: 120px; overflow: hidden; margin-bottom: 20px; color: #666666;font: 300 14px/30px microsoft yahei;}
.lastnew .txtarea .more{ font-size: 18px;}

.newlist02 li{width: 100%; height: 145px; overflow: hidden; margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #e7e7e7;}

.newlist02 li .imgarea{width:218px;height: 145px; overflow: hidden; float: left;}
.newlist02 li .imgarea img{width:218px;height: 218px;transition: transform 2s;}
.newlist02 li:hover .imgarea img{ transform: scale(1.1);}
.newlist02 li .txtarea{width: calc(100% - 240px); height: 247px; overflow: hidden; float: right;}
.newlist02 li .txtarea h3{ width:100%; height: 50px ; color: #333333; font: 300 18px/50px microsoft yahei;  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.newlist02 li .txtarea .desc{height: 52px; overflow: hidden; color: #999999;font: 300 13px/26px microsoft yahei;margin-bottom: 10px;}
.newlist02 li .txtarea .more{ font-size: 14px;}

@media only screen and (max-width: 800px) {
.lastnew .imgarea{ float: none; text-align: center;margin:0 auto;}
.lastnew .txtarea{width: 100%;float: none;}
.lastnew{padding-bottom: 0; height: auto;}
}
@media only screen and (max-width: 420px) {
.newlist02 li{ height: auto;}
.newlist02 li .imgarea{ float: none; text-align: center;margin:0 auto;}
.newlist02 li .txtarea{width: 100%;float: none; height: auto;}
}
@media only screen and (max-width: 380px) {
.lastnew{padding-bottom: 0; height: auto;}
.lastnew .imgarea{width:100%;height: auto;}
.lastnew .imgarea img{width:100%;height: auto;}

}

.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;}

.toolbar{padding:30px 20px 0 20px; border-top:1px solid #d8d8d8; position:relative;font: 12px/24px microsoft yahei; margin-top:20px;}
.toolbar .toolleft{float: left;} 
.fhshare{float: right;}
.fhshare a{padding:8px 30px;border:1px solid #d8d8d8;color:#666;}
.fhshare a:hover{border:1px solid #2c9a6d;color:#fff; background-color: #2c9a6d; text-decoration: none;}
.fhshare .fa{margin-right:10px;}

@media only screen and (max-width: 767px) {
  .toolbar .toolleft{float: none; margin-bottom: 20px;} 
  .fhshare{float: none;}
}

/* ==========================================================================
   prolist
   ========================================================================== */
.prolist li{width:33.3%;height: auto; float: left;margin-bottom: 30px; }
.prolist li .warp{width: 250px;height: auto; overflow: hidden; margin:0 auto;}
.prolist li .imgare{width: 250px;height: 180px; overflow: hidden;}
.prolist li .imgare img{width: 250px;height: 180px;transition: transform 2s;}
.prolist li:hover .imgare  img{ transform: scale(1.1);}
.prolist li .title{height: 55px;font: 300 14px/55px microsoft yahei; text-align: center;background: #fff;border:1px solid #e5e5e5;border-top: 0;}

@media only screen and (max-width: 1100px) {
.prolist li .warp{width: 220px;}
.prolist li .imgare{width: 220px;height: 158px;}
.prolist li .imgare img{width:220px;height: 158px;}
}
@media only screen and (max-width: 1000px) {
.prolist li .warp{width: 250px;}
.prolist li .imgare{width: 250px;height: 158px;}
.prolist li .imgare img{width:250px;height: 158px;}
}
@media only screen and (max-width: 767px) {
.prolist li .warp{width: 220px;}
.prolist li .imgare{width: 220px;height: 158px;}
.prolist li .imgare img{width:220px;height: 158px;}
}

@media only screen and (max-width: 480px) {
.prolist li{width:100%;}
.prolist li .warp{width: 250px;}
.prolist li .imgare{width: 250px;height: 158px;}
.prolist li .imgare img{width:250px;height: 158px;}
}



/* ==========================================================================
   Pagination
   ========================================================================== */
#dcms_pager { margin-top: 30px;margin-bottom:20px; text-align: center; font-family: microsoft yahei;}
#dcms_pager .pages a { display: inline-block; padding: 2px 9px; margin: 0 4px; color: #333; cursor: pointer; line-height: 24px; height: 24px; background:#fff; border:1px solid #dddddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
#dcms_pager .pages .pgnext{padding: 2px 15px; }
#dcms_pager .pages .pgcurrent { color: #fff;cursor: default;background-color: #00864a;}
#dcms_pager .pages .pgempty { cursor: not-allowed }
#dcms_pager .pages a:hover{color: #fff; text-decoration: none;background-color: #00864a;}

.contactmod01 ul{width: 50%; float: left;}
.contactmod01 ul li .fa{color: #ffb400;margin-right: 20px;}
.contact_map{margin-top: 20px;}
.contact_map .map{width: 100%;height: 255px; overflow: hidden;}
.contact_map .map img{width: 100%;height: 255px; }
.contact_map h3{color: #158852;font: 300 18px/24px microsoft yahei;margin-bottom: 20px; }

.feedback{padding-top: 40px;}
.feedback .title{ color: #158852;font: 300 18px/24px microsoft yahei;margin-bottom: 20px;}
.feedback .modtop1{width: 100%; height: auto;}

.feedback .modtop1 .ui-input{width: calc(50% - 52px); height: 18px; line-height: 18px; padding:10px 20px;background-color: #fff;border:1px solid #e5e5e5; float: left; font-family: microsoft yahei; color: #999;}
.feedback .modtop2{width: 100%; height: auto;margin-top: 15px;}
.feedback .ui-textarea{width: calc(100% - 42px); height: 90px; line-height: 18px; padding:10px 20px;background-color: #fff;border:1px solid #e5e5e5; font-family: microsoft yahei; color: #999;}
.feedback .modtop3{width: 100%; height: auto;margin-top: 40px;}
.feedback .modtop3 .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 .modtop3 .ui-btn01{ width: 200px;background: #3cc382;}
.feedback .modtop1 .ui-input02{margin-left:20px;}

@media only screen and (max-width: 767px) {
  .contactmod01 ul{width: 100%; float: left;}
.feedback .modtop1 .ui-input{width: calc(100% - 42px);  float: none; }
.feedback .modtop1 .ui-input02{margin-left:0;margin-top: 15px;}
}

/************download*******/
.downtit{width: 100%; background: #f1f1f1; height: 50px;font: 300 14px/50px microsoft yahei;}
.downtit .mod01,.downtit .mod02,.downtit .mod03,.downtit .mod04{ text-indent: 20px;}
.downtit .fa{font-size: 24px; margin-right: 10px; vertical-align: middle;}
.downtit .mod01{width: 15%; float: left;}
.downtit .mod02{width: 45%; float: left;}
.downtit .mod03{width: 20%; float: left;}
.downtit .mod04{width: 20%; float: left;}

.downbox{width: 100%; height: 50px; line-height: 50px; border-bottom: 1px dashed #c9c9c9;}
.downbox .mod01,.downbox .mod02,.downbox .mod03,.downbox .mod04{ text-indent: 40px;}
.downbox .mod01{width: 15%; float: left;}
.downbox .mod02{width: 45%; float: left;}
.downbox .mod03{width: 20%; float: left;}
.downbox .mod04{width: 20%; float: left;}
.downbox .mod02 h3 { max-width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }

@media only screen and (max-width: 767px) {
.downbox .mod01,.downbox .mod03{display: none; }
.downtit .mod01,.downtit .mod03{display: none;}
.downtit .mod02{width: 70%;text-indent: 20px;}
.downtit .mod04{width: 30%;text-indent: 0;}
.downbox .mod02{width: 70%;text-indent: 20px;}
.downbox .mod04{width: 30%;text-indent: 0;}
}