@charset "utf-8";
body{padding:0;margin:0}
.head_ban.head_ban_new{background:url(../images/head_new_bg.png) right no-repeat}
.head_ban.head_ban_new > span{display:block;width:100%;height:100%;float:left;overflow:hidden}

.project-main{width:95%;margin:0 auto;padding:20px 0}
.project-left-one{float:left;width:220px;background:#02A3E8;border-right:none;box-sizing: border-box;color:#fff;position: relative;z-index:5;overflow-y:auto;}
.project-left-one h1{font-size:20px;font-weight: bold;border-bottom: 1px #fff solid;line-height:48px;padding:0 8px;text-align: center;background:url(../images/project-head.png)}
.project-left-one ul{font-size:14px;line-height:24px;overflow: auto;margin: 10px 5px;}
.project-left-one ul li > a{padding:8px;display:block;color:#fff;border-bottom: 1px #aae5ff solid;background:url(../images/fjt.png) 8px 14px no-repeat;text-indent: 1.2em}
.project-left-one ul li.active > a,.project-left-one ul li:hover > a{background:url(../images/fjt.png) 8px 14px no-repeat #FC9C0E;color:#fff;font-weight: bold}

.project-left-two{float:left;width:182px;height:525px;background:url(../images/bg_s01.jpg) repeat-x bottom center #fff;border: #b3defc 1px solid;border-left: #fff 1px solid;box-sizing: border-box;position: relative;z-index:5}
.project-left-two h1{font-size:20px;font-weight: bold;color:#0275D5;border-bottom: 1px #0E9FEE solid;line-height:48px;padding:0 8px;text-align: center;background:#eef9ff}
.project-left-two ul{font-size:14px;line-height:24px;padding:10px 0;background:url(../images/project.png) 20px repeat-y;margin:15px 0 0}
.project-left-two ul li a{padding:16px 10px 16px 45px;;display:block;background:url(../images/project-i.png) 10px center no-repeat}
.project-left-two ul li.active a,.project-left-two ul li:hover a{color:#ff7200;background:url(../images/project-i-active.png) 10px center no-repeat;font-weight: bold;font-size:15px;}

.project-left-three{float:left;margin:0 0 0 15px;position: relative;z-index:5}
.project-left-three li{border-bottom:1px #fff solid;border-right:1px #fff solid;background:#0F9DE9;}
.project-left-three li:hover,.project-left-three li.active{background:#FC9C0E;}
.project-left-three li a{color:#fff;display: block;padding:10px 10px;width:20px;text-align: center}

.project-right{position: absolute;;padding:0 0 0 458px;width:95%;left:2.5%;top:312px;color:#000;box-sizing: border-box;z-index: 4}
.project-right-body{background:#C1C4CD;display:none;position: relative;box-sizing: border-box;padding:20px 10px}
.project-right-overflow{height:485px;overflow: auto;position: relative;}
.project-right-body-top{position: absolute;top:0;left:0;width:100%;height:20px;}
.project-right-body-top img{width:100%;}
.project-right-body-cont{width:100%;min-height: 460px;padding:0 20px 0 15px;margin:20px 0 0;box-sizing: border-box;position: relative;}
.project-right-body-cont iframe{position: relative;z-index:2}
.project-right-body-cont .project-center{width:100%;height:100%;position: absolute;top:0;left:0;z-index: 1}
.project-right-body-bottom{width:100%;height:20px;}
.project-right-body-bottom img{width:100%;}

#head_menu{width:100%;background: url(../images/project-menu.jpg) left no-repeat;}
#head_menu ul{margin-left:0px;background: url(../images/project-menu.jpg) right top no-repeat;}
#head_menu .one{width:11%;}
#head_menu li{width:8%}
.public_head, .main-colum{width:95%;}
.footer{width:95%;}

.project-right-body-img{position:relative;}

.project-download-title{color:#0e95de;font-size:24px;font-weight:bold;text-align: center;line-height:33px;padding:15px 0 0;margin:0;}
.project-download-title span{border-bottom:2px #0f9de9 solid;padding:12px 20px;}
.project-download-title i{width:33px;height:33px;display:inline-block;margin:0 8px 0 0;vertical-align: middle;}
.project-download-title .icon-01{background:url(../images/project-download.png) center no-repeat;}
.project-download-title .icon-02{background:url(../images/project-fxzn.png) center no-repeat;}
.project-download{padding:25px 5px 0;list-style-type:none;margin:0}
.project-download:after{clear: both;display:block;content:''}
.project-download li{border-bottom:1px #bbb dashed;line-height:50px;list-style-type:none;float:left;width:96%;margin:0 1%}
.project-download li:after{clear: both;display: block;content:''}
.project-download li span{float:left;max-width: 85%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;background:url(../images/project-list-i.png) 5px center no-repeat;padding:0 0 0 22px}
.project-download .project-download-href{background:url(../images/project-download-i.png) right center no-repeat;padding:0 25px 0 20px}

.project-download-children{padding:25px 5px 0;list-style-type:none;margin:0}
.project-download-children:after{clear: both;display:block;content:''}
.project-download-children li{border-bottom:0px #bbb dashed;line-height:30px;list-style-type:none;float:left;width:96%;}
.project-download-children li:after{clear: both;display: block;content:''}
.project-download-children li span{float:left;max-width: 85%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;background:url(../images/ico.gif) 5px center no-repeat;padding:0 0 0 22px}
.project-download-children .project-download-href{background:url(../images/project-download-i.png) right center no-repeat;padding:0 25px 0 20px}


.project-modal{position: fixed;top:2.5%;left:50%;width:1325px;margin:0 0 0 -660px;height:95%;-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);box-shadow: 0 5px 15px rgba(0,0,0,.5);background:#fff;border-radius:6px;z-index:20;padding:35px 20px;box-sizing: border-box;opacity: 0;display:none}
.project-modal-head{position: relative;}
.project-modal-close{width:49px;height:49px;position: absolute;right:-44px;top:-58px;background:url(../images/project-modal-close.png) center no-repeat;opacity: 0.9;filter:alpha(opacity=90);cursor:pointer;cursor: pointer;}
.project-modal-close:hover{opacity: 1;filter:alpha(opacity=100);}
.project-modal img{width:1285px;}
.project-modal-body{overflow: auto;height:100%;text-align: center}
.project-modal-bg{position: fixed;top:0;left:0;width:100%;height:100%;background:url(../images/enlarge-bg.png);z-index:19;display:none}

.enlarge-bg{background:url(../images/enlarge-bg.png);position: absolute;;top:0;left:0;z-index:3;display:none;cursor: pointer;width:100%;height:100%;}
.enlarge-i{width:128px;height:128px;display:none;position: absolute;top:60%;left:60%;margin:-64px 0 0 -64px;z-index:4;background: url(../images/enlarge-i.png) center no-repeat;cursor: pointer;}

.project-enlarge-bg{background:url(../images/enlarge-bg.png);position: absolute;;top:0;left:0;z-index:3;display:none;cursor: pointer;width:100%;height:100%;}
.project-enlarge-i{width:128px;height:128px;display:none;position: absolute;top:50%;left:50%;margin:-64px 0 0 -64px;z-index:4;background: url(../images/enlarge-i.png) center no-repeat;cursor: pointer;}
.project-left-one ul li > a{font-weight: bold;font-size:15px;position: relative}
.project-left-one ul li.active > a{font-size:16px}
.project-left-one ul li .icon-project-open{display:block;width:21px;height:18px;background:url(../images/project-lc-i.png) center no-repeat;cursor: pointer;position: absolute;right:5px;top:50%;margin:-9px 0 0}
.project-left-one ul li > dl{display:none;padding:5px 0 10px;background:#11B1F6}
.project-left-one ul li > dl dd{clear:both;padding:0;background:url(../images/project-dd-i.png) 8px 12.5px no-repeat}
.project-left-one ul li > dl dd.project-three-title{font-size:16px;position:relative;text-align:center;background:none;border-bottom:3px #fff solid;}
.project-left-one ul li > dl dd.project-three-title a{display:inline-block;font-size:16px;font-weight:bold;border-bottom:none;position:relative;z-index:2;padding:5px 10px 10px;background:#11B1F6}
.project-left-one ul li > dl dd+dd.project-three-title{padding:10px;}
.project-left-one ul li > dl dd.project-three-title hr{position:absolute;left:0;width:100%;top:7px;height:3px;background:#d2f2ff;z-index:1;border:none}
.project-left-one ul li > dl dd+dd.project-three-title hr{top:12px}
.project-left-one ul li > dl dd:hover,.project-left-one ul li > dl dd.active{font-weight: bold;background:url(../images/project-dd-i.png) 8px 12.5px no-repeat #59C9F9}
.project-left-one ul li > dl dd a{color:#fff;padding:7px 0 7px 19px;border-bottom:1px #b5e9ff solid;display: block;}
.project-left-two .btn_sb_t{display:inline-block;background:#0F9DE9;border-radius: 5px;border:none;color:#fff;padding:10px 20px;font-size:16px;clear:both;margin:18px 35px;cursor:pointer;font-weight: bold;letter-spacing: 1px;}
.project-left-two .btn_sb_t:hover{background:#FC9C0E;}


.x_ul li{ clear: both;padding: 0;background: url(../images/project-dd-i.png) 8px 12.5px no-repeat;}
.x_ul li a{color: #fff;padding: 7px 0 7px 19px;border-bottom: 1px #b5e9ff solid;display: block;}

@media screen and ( max-width: 1200px ) {
    .project-download-title{font-size:22px;margin:0 0 15px}
    .project-download-title span{display: inline-block;padding: 10px 20px 8px;line-height: 28px;}
    .project-download-title .icon-01{width:28px;height:28px;background-size:100%;vertical-align:top;margin:0 7px 0 0}
    .project-download{padding:0 5px 0}
    .project-download li{line-height:30px;}
    .project-download li span{float:left;max-width: 80%;white-space: normal;text-overflow: initial;overflow: visible;/*max-width: 85%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;*/background:url(../images/project-list-i.png) 5px center no-repeat;padding:15px 0 15px 22px}
    .project-download .project-download-href{background:url(../images/project-download-i.png) right center no-repeat;padding:0px 25px 0 20px;height:60px;float:left;}
    .project-download .bszn-download-tishi{clear: both;display:block;padding:0 0 5px}
    .project-download-children li span{float:left;max-width: inherit;white-space: normal;text-overflow: initial;overflow: visible;/*max-width: 85%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;*/background:url(../images/ico.gif) 5px center no-repeat;padding:5px 0 5px 22px}
    .project-download-children .project-download-href{background:url(../images/project-download-i.png) right center no-repeat;padding:5px 25px 0 20px;height:35px;float:left;}
}

.project-body{padding:20px;clear: both;height: 530px;overflow:auto;}
.project-body ul,.project-body li,.project-body dl,.project-body dd{list-style-type: none;margin:0;padding:0;}
.project-body ul li{clear: both;}
.project-body ul li a{color:#333;text-decoration:none;position:relative;display: block;line-height: 1;padding:20px;padding-left: 26px;padding-right: 45px;border-bottom:1px #e3e3e3 dashed;font-size:18px;}
.project-body ul li > a:hover,.project-body ul li.active > a{background:#f1faff;border-color:#7ac7f7;color:#1e93dc;font-weight: bold;}
.project-body ul li > a:before,.project-body ul li > a:after{position: absolute;content:'';display:block;}
.project-body ul li > a:before{background:#ff7302;width:5px;height:16px;border-radius:2px;left: 10px;top: 21px;}
.project-body ul li > a:after{background:url(../images/icon-xia.png) center no-repeat;width:24px;height:24px;right:10px;top: 17px;}
.project-body ul li.active > a:after{background:url(../images/icon-shang.png) center no-repeat;}
.project-body ul li.project-no-dl > a:after,.project-body ul li.project-no-dl.active > a:after{background:none;}
.project-body ul li dl{display:none;padding:5px 0 0;}
.project-body ul li dd a{padding: 18px;padding-left: 36px;font-size:16px;/* padding: 16px; */}
.project-body ul li dd a:before{position: absolute;left: 20px;top: 23px;background:#bbb;width:7px;height:7px;content:'';display: block;border-radius: 50%;}
.project-body ul li dd a:hover{color:#1e93dc;}
.project-body ul li dd a:hover:before{background:#1e93dc;}