@charset "utf-8";

.container { height: 850px; overflow: hidden;}
.container .wrap { width:1000px; height: 650px; margin: 200px auto 0; }
.sidebar { float:left; padding-bottom: 21px; width:200px; background: #fff; border-radius: 8px; }
.sidebar h2 { position: relative; display: table; margin: 21px 0 0 17px; padding: 0 3px 15px 3px; border-bottom: 1px solid #26647d; color: #26647d; font-size: 22px; font-weight: normal; line-height: 22px;}
.menu ul { margin-top: -1px; border-top: 1px solid #eee;}
.menu li>a { display: block; padding-left: 28px; border-bottom: 1px solid #eee; color: #6e7a81; font-size: 12px; line-height: 40px; cursor: pointer;}
.menu li:hover>a,.menu li.dq>a { color: #34b234;}
.menu li.dq dl { display: block;}
.menu dl { display: none; padding: 10px 22px; background: #f5f5f5; border-bottom: 1px solid #eee; overflow: hidden;}
.menu dl dd { position: relative; color: #26647d; font-size: 12px; line-height: 24px; padding: 0 14px;}
.menu dl dd:hover,.menu dl dd.dq { text-decoration: underline;}

.main { float:right; width:790px; height: 650px; background: #fff; border-radius: 8px 8px 0 0; }
.main .tittle { padding: 0 26px 15px 32px; border-bottom: 7px solid #26647d;}
.breadcrumbs { float:right; margin-top: 24px; color:#666; font:normal 12px/16px "宋体"; }
.breadcrumbs a { color:#666; font:normal 12px/16px "宋体";}
.breadcrumbs em,.breadcrumbs a:hover { color: #26647d;}
.colCurTit { float: left; padding-top: 20px; color: #26647d; font-size: 22px; line-height: 22px;}

.slimScrollRail { width: 1px !important; right: 2px !important;}
/* article */
.article { position: relative; padding: 30px 30px 10px; line-height:200%; word-wrap:break-word; text-align:justify; }
.article img { max-width: 726px;}
.article .text { padding-right: 20px;}
#dituContent img { max-width: 2000px;}
.fh { position: absolute; top: 0px; right: 0; padding: 0 8px; background: #26647d; color: #fff; z-index: 2222; font-size: 12px; line-height: 18px;}
.fh:hover { text-decoration: underline;}
/* news */
.news { padding: 10px 32px 0;}
.news li { clear: both; padding: 15px 0 12px; border-bottom: 1px solid #c7c7c7;}
.news li img { float: left; padding-right: 10px;}
.news li h2 { color: #26647d; font:normal 14px/14px "microsoft yahei";}
.news li h2:hover {color: #1c841c;}
.news li h2:hover a { text-decoration: underline;}
.news li h2 span { float: right; padding-top: 2px; color: #999; font-size: 12px;}
.news li p { margin: 5px 0 8px; color: #888; font:normal 12px/18px "宋体";}
.news li .more { display: block; color: #000; font:normal 12px/12px "宋体";}
.news li .more:hover { color: #1c841c;}
.news-detail { position: relative; padding-right: 20px;}
.news-tittle { height: 68px; margin-bottom: 25px;}
.news-tittle h2 { text-align: center; color: #696969; font:bold 14px/14px "宋体"; padding: 16px 0 10px;}
.news-tittle p { display: table; margin: 0 auto;}
.news-tittle span { color: #696969; font:normal 12px/12px "宋体"; margin: 0 12px;}
.news-page { margin-top: 40px; padding-top: 20px; border-top: 1px solid #d7d7d7;}
.news-page a { display: block; color: #656565; font:normal 12px/30px "宋体";}
.news-page a:hover { color: #26647d;}
/* page */
.page { color:#666; line-height:24px; clear:both; display:table; margin:20px auto 0;  }
.page a {display:table-cell; float:left; padding:0 12px; color:#b7b7b7; font:normal 12px/12px "宋体"; }
.page a.prev { color: #26647d;}
.page a.next { color: #26647d;}
.page a.prev:before { content: ""; float: left; display: block; margin: 3px 6px 0 0; border-color: transparent #26647d transparent transparent; border-width: 3px; border-style: solid;}
.page a.next:before { content: ""; float: right; display: block; margin: 3px 0 0 6px; border-color: transparent transparent transparent #26647d; border-width: 3px; border-style: solid;}
.page a.prev:hover,.page a.next:hover { text-decoration: underline;}
.page a:hover,.page a.current { color:#26647d; }

/* form */
.form-panel { padding: 40px 35px 0;}
.form-panel .field { float: left; border: 0; width: 350px; margin-bottom: 17px; }
.form-panel .field1 { float: left; border: 0; width: 720px; margin-bottom: 17px; }
.form-panel li.field label,.form-panel .field1 label { display:block; color: #878787; font:normal 14px/16px "microsoft yahei"; margin: 0 0 0 8px; }
.form-panel li.field label em,.form-panel .field1 label em { text-transform: uppercase; color: #c1c1c1; font:normal 14px/16px "Arial";}
.form-panel .input { color:#666; zoom:1; }
.form-panel .field:after { content:'\20'; display:block; height:0; clear:both; }
.form-panel .text { margin: 10px 0; width: 310px; height:30px; padding:3px 20px; border: 1px solid #e4e4e4; background: #e4e4e4; border-radius: 20px; color:#878787; line-height: 30px; outline: none; }
.form-panel .textarea { outline: none;  margin: 10px 0; float: left; width:680px; height:205px; padding:10px 20px; border: 1px solid #e4e4e4; background: #e4e4e4; border-radius: 20px; color: #878787; font:normal 14px/16px "宋体"; overflow: hidden; resize:none;}
.form-panel .text:focus,.form-panel .text1:focus,.form-panel .textarea:focus { border: 1px solid #c9c9c9; background: #fff; }
.form-panel .btn-submit { margin: 0 auto; display: block; width:150px; height: 45px; border:none; background: #26647d; border-radius: 20px; cursor:pointer; font-size: 20px; color:#fff;}
.form-panel .btn-submit:hover { background: #1c8e1c;}
/* case */
.case { margin: 0 33px; overflow: hidden;}
.case ul { padding: 35px 0  20px; margin-bottom: 40px; margin-right: -33px; border-bottom: 1px dotted #c7c7c7; overflow: hidden;}
.case ul li { position: relative; float: left; margin:0 32px 30px 0; width: 220px; text-align: center; overflow: hidden;}
.case ul li .more { display: none; position: absolute; top: 0; left: 0; background: url(../images/md-icon-9.png) repeat; width: 220px; height: 150px;}
.case ul li .more em { position: absolute; top: -50px; left: 50%; margin-left: -20px; background: url(../images/md-icon-8.png) no-repeat; width: 40px; height: 40px;}
.case ul li h2 { margin-top: 14px; color: #26647d; font-size: 12px; line-height: 12px; font-weight: normal;}
.case ul li:hover h2 { text-decoration: underline;}
/* case-detail */
.case-detail { position: relative; padding: 30px 35px 0;}
.case-detail .text { padding-right: 20px; line-height:200%; word-wrap:break-word; text-align:justify;}
.case-img { position:relative; margin-top: 30px; width: 720px; height:300px; border-radius: 4px; overflow: hidden;}
.case-img .bd { position:relative; width: 720px; text-align: center; }
.case-img .bd li,.case-img .bd li a { display:block; width: 720px; height:300px; }
.case-img .prev,.case-img .next { position:absolute; left: 0; top:110px; display:block; width: 40px; height: 80px; background:url(../images/prev.png) no-repeat; cursor:pointer; z-index: 1; }
.case-img .next { right: 0; left:auto; background:url(../images/next.png) no-repeat; }

/*contact*/
.contact { padding: 40px 35px 0;}
.contact .text { float: left; width: 500px;}
.contact .text h2 { margin-bottom: 12px; color: #26647d; font-size: 18px; font-weight: normal; line-height: 18px;}
.contact .text p { color: #666; font-size: 12px; line-height: 24px;}
.contact .cset { margin: 15px 0 38px;}
.contact .cset a { position: relative; float: left; margin-right: 13px; width: 31px; height: 31px;}
.contact .cset a.i1 { background:url(../images/s1.jpg) no-repeat;}
.contact .cset a.i2 { background:url(../images/s2.jpg) no-repeat;}
.contact .cset a.i3 { background:url(../images/s3.jpg) no-repeat;}
.contact .cset a.i1:hover { background:url(../images/s1-on.jpg) no-repeat;}
.contact .cset a.i2:hover { background:url(../images/s2-on.jpg) no-repeat;}
.contact .cset a.i3:hover { background:url(../images/s3-on.jpg) no-repeat;}
.contact .cset a.i2 img { display: none; position: absolute; top: -100px; left: -35px;}
.contact .cset a.i2:hover img { display: block;}
.contact .map { clear: both; width: 720px; height: 300px; border-radius: 4px;}

.yz { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.7); z-index: 999}
.yz .text .close { position:absolute;  top:-10px; right:5px; font-size:30px; }
.yz .text { position:absolute; top:50%; left:50%; margin: -100px 0 0 -150px; width:300px; height:200px; background: #fff; border-radius:10px; overflow:hidden; }
.yz .text input { margin: 50px 20px 20px; width: 240px; height:20px; padding:3px 10px; border: 1px solid #e4e4e4; background: #e4e4e4; color:#878787; line-height: 20px; outline: none; }
.yz .text button { margin: 0 auto; display: block; margin: 0 20px; width: 260px; height: 26px; border:none; background: #26647d; cursor:pointer; font-size: 16px; color:#fff;}

.gs{padding: 30px;}
.gs .gsa{border:1px solid #eeeeee;border-radius: 3px;font-size: 0;}
.gs .gsa .txt{width: 85%;height: 38px;border:0;outline: 0;font-size: 14px;box-sizing: border-box;padding: 0 12px;border-right: 1px solid #eee;vertical-align: middle;}
.gs .gsa .sbt{width: 15%;height: 38px;border:0;outline: 0;background: #f4f4f4 url(../images/gs1_03.png) no-repeat center;vertical-align: middle;}
.gs .gsb{margin-top: 30px;}
.gs .gsb ul{margin-bottom: 35px;}
.gs .gsb ul li{line-height: 40px;border-bottom: 1px solid #eaeaea;}
.gs .gsb ul li a{display: block;font-size: 0;}
.gs .gsb ul li a b{font-weight: normal;font-size: 16px;padding-left: 25px;float: left;margin-right: 12px;}
.gs .gsb ul li a b.green{background: url(../images/gs2_07.png) no-repeat 2px center;color: #4f984f;}
.gs .gsb ul li a b.blue{background: url(../images/gs3_10.png) no-repeat 2px center;color: #417cfe;}
.gs .gsb ul li a b.gray{background: url(../images/gs4_12.png) no-repeat 2px center;color: #888888;}
.gs .gsb ul li a span{font-size: 14px;color: #555555;width: 555px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;vertical-align: middle;float: left;}
.gs .gsb ul li a s{float: right;font-size: 14px;color: #555555;text-decoration: none;}
.gs .gsb ul li:hover a span{color: #34b234;text-decoration: underline;}
.gsc{line-height: 36px;margin-bottom: 30px;}
.gsc .gscl{float: left;font-size: 14px;color: #333333;}
.gsc .gscl span{font-size: 16px;color: #34b234;}
.gsc .gscr{float: right;}
.gsc .gscr a{display: block;padding: 0 17px;background: #34b234;border-radius: 18px;color: #fff;font-size: 14px;}

.dgs{padding-right: 15px;}
.dgs .dgsi{margin-bottom: 35px;}
.dgs .dgsi .dgsia{line-height: 1;font-size: 24px;color: #555555;font-weight: bold;text-align: center;}
.dgs .dgsi .dgsib{margin-top: 30px;}
.dgs .dgsi .dgsib table{ width: 100%; border-collapse: collapse;  }
.dgs .dgsi .dgsib table tbody tr{ }
.dgs .dgsi .dgsib table tbody tr td{padding: 8px 10px; font-size: 14px; width: 28%;vertical-align: top;color: #333333;border: 1px solid #ccc;}
.dgs .dgsi .dgsib .bold{font-weight: bold;}
.dgs .dgsi .dgsic{font-size: 14px;color: #333333;line-height: 30px;margin-top: 10px;}
.signup{text-align: center;margin-bottom: 35px;}
.signup a{display: inline-block; padding: 10px 30px; border: 1px solid #4f984f; color: #4f984f; background-color: #fff;  font-size: 14px; margin: 10px 20px; border-radius: 5px;}
.signup a:hover{background-color: #4f984f; color: #fff; border-color: #4f984f;}
.signup a.disable{display: inline-block; padding: 10px 30px; border: 1px solid #ccc; color: #ccc; background-color: #f3f3f3; font-size: 14px;}

.lg{padding: 30px;}
.lg .text .lgb{padding-bottom: 30px;}
.lg .lga{text-align: center;font-size: 26px;color: #333333;}
.lg .lgb{margin-top: 50px;}
.lg .lgb .lgbi{padding-bottom: 35px;position: relative;}
.lg .lgb .lgbi .Validform_checktip{position: absolute;bottom: 10px;left: 0;font-size: 14px;color: #f00;}
.lg .lgb .lgbi .Validform_checktip.Validform_right{color: #34b234}
.lg .lgb .lgbi .lgbia{font-size: 16px;color: #333333;} 
.lg .lgb .lgbi .lgbia span{color: #ff0000;}
.lg .lgb .lgbi .lgbib{margin-top: 12px;} 
.lg .lgb .lgbi .lgbib input{width: 100%;box-sizing: border-box;height: 42px;border:1px solid #e6e6e6;border-radius: 4px;padding: 0 18px;font-size: 14px;}
.lg .lgb .lgbi .lgbib input.Validform_error{border-color: #ff0000;}
.lg .lgb .lgbi .lgbib input:hover{border-color: #34b234}
.lg .lgb .lgbs input{width: 100%;height: 42px;color: #34b234;border:0;background: #34b234;font-size: 14px;color: #fff;border-radius: 4px;}
.lg .lgb .lgbd{text-align: center;font-size: 14px;color: #333333;margin-top: 30px;}
.lg .lgb .lgbd a{color: #4f984f;}
.lg .lgb .lgbk .item-box{float: left;width: 160px;margin-right: 23px;margin-bottom: 35px;}
.lg .lgb .lgbk .item-box:nth-child(4n){margin-right: 0;}
.lg .lgb .lgbk .item-box .item_title{font-size: 16px;color: #333333;}
.lg .lgb .lgbk .item-box .item_title span{color: #ff0000;}
.item-box .item .upload {line-height:normal;padding:63px 0;}
.item-box .item .upload .iconfont {font-size:30px;}
.item-box .item{position: relative;border: 1px dashed #e6e6e6;text-align: center;cursor: pointer;position: relative;overflow: hidden;margin-top: 10px;}
.item-box .item:hover{border-color: #34b234;}
.item-box .item .layui-upload-file{position: absolute;width: 160px !important;height: 160px !important;left:0;top:0;padding: 0 !important;opacity: 0;}
.item-box .item .upload.on{padding: 0;display: flex;justify-content: space-around;align-items: center;height: 160px;}
.item-box .item .upload.on img{max-width: 160px;}




.gs_state{margin-top: 120px;}
.gs_state .gs_state1a,.gs_state .gs_state2a,.gs_state .gs_state3a{text-align: center;}
.gs_state .gs_state1b,.gs_state .gs_state2b,.gs_state .gs_state3b{margin-top: 22px;font-size: 18px;color: #333333;text-align: center;font-weight: bold;}
.gs_state .gs_state2c{text-align: center;font-size: 14px;color: #666666;margin-top: 5px;}
.gs_state .gs_state3c{margin-top: 33px;}
.gs_state .gs_state3c div a{display: block;width: 100%;height: 42px;line-height: 42px;text-align: center;background: #34b234;color: #fff;font-size: 14px;border-radius: 4px;}
.gs_state .gs_state3c div.gs_state3cb{margin-top: 15px;}

.tc{position: fixed;top:0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.2);z-index: 999;display: none;}
.tc .tcc{width: 600px;margin:50px auto 0;background: #fff;border-radius: 2px;box-shadow: 0 1px 3px rgb(0 0 0 / 30%);box-sizing: border-box;position: relative;padding: 20px;}
.tc .tcc .tcc_close{position: absolute;right: 20px;top:20px;font-size: 18px;cursor: pointer;}
.tc .tcc .tccc .tccca{line-height: 24px;font-size: 18px;color: #303133;}
.tc .tcc .tccc .tcccb{margin-top: 30px;}
.tc .tcc .tccc .tcccb .tcccbl{float: left;font-size: 14px;color: #606266;line-height: 40px;padding: 0 12px 0 0;width: 162px;}
.tc .tcc .tccc .tcccb .tcccbl span{color: #f00}
.tc .tcc .tccc .tcccb .tcccbr{float: left;width: 160px;}
.tc .tcc .tccc .tcccc{margin:25px 0;}
.tc .tcc .tccc .tcccc input{width: 160px;height: 36px;border:0;outline: 0;background: #34b234;font-size: 14px;color: #fff;margin-left: 105px;}

.tc .tcc .tccc .tcccb .tcccbr .layui-text{border: 1px solid #e6e6e6;height: 40px;width: 160px;font-size: 14px;color: #333;padding: 0 5%}