html,body{ background: #1d1b20;}
.top-banner{ background: url("/images/zt/zttpl2017/banner-back.jpg") no-repeat 50% 0; min-width: 1100px;}
.main-wrap{ width: 1100px; margin: 0 auto; padding-top: 590px; position: relative;}
.main-wrap:after{ content: "."; display: block; height: 0; overflow: hidden; clear: both;}
.main-wrap .header{ height: 376px;}
.main-wrap .header .slideBox{ width:580px; height:376px; overflow:hidden; position:relative; float: left;}
.main-wrap .header .slideBox .hd{ height:8px; overflow:hidden; position:absolute; right:10px; bottom:5px; z-index:1; }
.main-wrap .header .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.main-wrap .header .slideBox .hd ul li{ float:left; margin-right:5px;  width:8px; height:8px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.main-wrap .header .slideBox .hd ul li.on{ background:#e52f25; color:#fff; }
.main-wrap .header .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.main-wrap .header .slideBox .bd li{ zoom:1; vertical-align:middle; position: relative; }
.main-wrap .header .slideBox .bd li a{ display:block;}
.main-wrap .header .slideBox .bd li a:before {content: "";position: absolute;width: 100%;height: 100%;z-index: 0;opacity: 1; -webkit-transition: all .3s ease;transition: all .3s ease;background: -webkit-gradient(linear,0 40%,0 100%,from(rgba(0,0,0,0)),to(#121515));background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#121515);background: -ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#121515);background: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#121515);}
.main-wrap .header .slideBox .bd li p{ position: absolute; left:0; right:0; bottom:0; padding: 15px 10px; color:#FFF; font-size: 18px; line-height: 22px; z-index: 2;}
.main-wrap .header .slideBox .bd img{ width:580px; height:376px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */

.main-wrap .header .slideBox .prev,
.main-wrap .header .slideBox .next{ background: url("/images/zt/zttpl2017/fang-l0.png") no-repeat 50% 50%; position:absolute; left:0; top:50%; margin-top:-34px; display:block; width:35px; height:54px; font-size: 22px; text-align: center; line-height: 54px; background-color: rgba(225, 225, 225, 0.5); filter:alpha(opacity:30) ;opacity:0.3 ;-moz-opacity:0.3;transition: all .3s ease;-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease;}
.main-wrap .header .slideBox .next{ background: url("/images/zt/zttpl2017/fang-r0.png") no-repeat 50% 50%; left:auto; right:0; border-right:none;  background-color: rgba(225, 225, 225, 0.5);filter:alpha(opacity:50) ;opacity:0.5 ;-moz-opacity:0.5;}
.main-wrap .header .slideBox .prev:hover{ background-color: rgba(225, 225, 225, 0.5); filter:alpha(opacity:90) ;opacity:0.9 ;-moz-opacity:0.9;}
.main-wrap .header .slideBox .next:hover{ background-color: rgba(225, 225, 225, 0.5);filter:alpha(opacity:90) ;opacity:0.9 ;-moz-opacity:0.9; }
.main-wrap .header .slideBox .prevStop{ display:none;  }
.main-wrap .header .slideBox .nextStop{ display:none;  }

.main-wrap .header .list-box{ width: 495px; height: 376px; float: right; color:#FFF;}
.main-wrap .header .list-box a{ color:#FFF;}
.main-wrap .header .list-box h3{ font-size: 20px; height: 25px; line-height: 25px; overflow: hidden; padding-left: 20px; position: relative;}
.main-wrap .header .list-box h3 i{ display: block ; width: 20px; height:25px; position: absolute; top:0; left:0; background: url("/images/zt/zttpl2017/icon.png") no-repeat -13px -10px;}
.main-wrap .header .list-box p{ height: 44px; overflow: hidden; line-height: 22px; margin: 10px 0 35px;}
.main-wrap .header .list-box ul{ padding-right: 10px;}
.main-wrap .header .list-box ul li{border-bottom: 1px solid #4a4a4a; margin-bottom: 35px;}
.nano>.nano-pane>.nano-slider{ background: rgba(255, 255, 255, 0.66);}

.main-wrap .main-box{ margin-top: 60px;}
.main-wrap .main-box:after{ content: "."; display: block; height: 0; overflow: hidden; clear: both;}
.main-wrap .main-box .main-left{ width: 758px; float: left;}
.main-wrap .main-box .main-left .go-title{ width: 758px; height: 22px; margin-bottom: 22px; border-bottom: 1px dashed #bebebe; color:#baf861; text-align:  center;}
.main-wrap .main-box .main-left .go-title span{height: 43px; line-height: 43px; font-size: 32px; padding: 0 38px 0 78px; background: #1d1b20; position: relative;}
.main-wrap .main-box .main-left .go-title span .i01{position: absolute; display: block; height: 43px; width: 37px; top:0;left:0; background: url("/images/zt/zttpl2017/icon.png") no-repeat -53px -53px;}
.main-wrap .main-box .main-left .go-title span .i02{position: absolute; display: block; height: 43px; width: 37px; top:0;left:37px; background: url("/images/zt/zttpl2017/icon.png") no-repeat -3px -53px;}
.main-wrap .main-box .main-left .go-title span .i03{position: absolute; display: block; height: 43px; width: 37px; top:0;right:0; background: url("/images/zt/zttpl2017/icon.png") no-repeat -96px -53px;}
.main-wrap .main-box .main-left .list-box ul{ overflow: hidden;}
.main-wrap .main-box .main-left .list-box ul li{ border-top: 1px solid #353535; padding: 40px 0; margin-top: -1px;}
.main-wrap .main-box .main-left .list-box ul li .img-box{ width: 220px; height: 147px; float: left; }
.main-wrap .main-box .main-left .list-box ul li .img-box img{ width: 220px; height: 147px; display: block; }
.main-wrap .main-box .main-left .list-box ul li .content-box{ display: table-cell; padding-left: 23px; }
.main-wrap .main-box .main-left .list-box ul li .content-box h3{ font-size: 20px; height: 60px; line-height: 30px; overflow: hidden;}
.main-wrap .main-box .main-left .list-box ul li .content-box h3 a{ color:#FFF;transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s;}
.main-wrap .main-box .main-left .list-box ul li .content-box h3 a:hover{ color: #82bb30; text-decoration: none;}
.main-wrap .main-box .main-left .list-box ul li .content-box p{ color: #c8c8c8; line-height: 24px; margin-top: 21px; height: 72px; overflow: hidden;}
.main-wrap .main-box .main-left .addlist{ border:1px solid #3e3e3e; color:#8c8c8c; display: block; width: 150px; text-align:  center; line-height: 30px; height:30px; margin: 10px auto 50px;transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s;}
.main-wrap .main-box .main-left .addlist:hover{ text-decoration: none; color:#82bb30; border-color: #82bb30;}
.main-wrap .main-box .main-left .addlist i{ font-style: normal;font-family: "SimSun"; margin-left: 3px;}
.main-wrap .images-box .title05 {width: 1100px; height: 22px; margin-bottom: 50px; border-bottom: 1px dashed #bebebe; color:#baf861; text-align:  center;}
.main-wrap .images-box .title05 span{height: 43px; line-height: 43px; font-size: 32px; padding: 0 38px 0 78px; background: #1d1b20; position: relative;}
.main-wrap .images-box .title05 span .i01{position: absolute; display: block; height: 43px; width: 37px; top:0;left:0; background: url("/images/zt/zttpl2017/icon.png") no-repeat -53px -53px;}
.main-wrap .images-box .title05 span .i02{position: absolute; display: block; height: 43px; width: 37px; top:0;left:37px; background: url("/images/zt/zttpl2017/icon.png") no-repeat -3px -53px;}
.main-wrap .images-box .title05 span .i03{position: absolute; display: block; height: 43px; width: 37px; top:0;right:0; background: url("/images/zt/zttpl2017/icon.png") no-repeat -96px -53px;}
.main-wrap .images-box .cywl-banner-mrap{ width:1100px; overflow:hidden; position:relative; margin: 20px 0; }
.main-wrap .images-box .cywl-banner-mrap .hd{ width: 1100px; height:54px; overflow:hidden; z-index:1; }
.main-wrap .images-box .cywl-banner-mrap .hd ul{ overflow:hidden; zoom:1; text-align: center; margin-top: 22px;  }
.main-wrap .images-box .cywl-banner-mrap .hd ul li{ display: inline-block; width: 10px; height: 10px; margin: 0 3px; background:#e3e2e2;  float: none; padding:0; cursor: pointer;border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%;  }
.main-wrap .images-box .cywl-banner-mrap .hd ul li.on{ background:#82bb30; border:none; }
.main-wrap .images-box .cywl-banner-mrap .bd{ position:relative; height:100%; z-index:0; background: #FFF; }
.main-wrap .images-box .cywl-banner-mrap .bd li{ zoom:1; vertical-align:middle; width:1080px; height:347px; padding: 10px; }
.main-wrap .images-box .cywl-banner-mrap .bd li .zl{ width: 530px; height: 348px; float: left; overflow: hidden; position: relative;}
.main-wrap .images-box .cywl-banner-mrap .bd li .zl p{ position: absolute; bottom: 0; left:0; right:0; padding: 10px 15px; line-height: 30px; overflow: hidden; color: #FFF; z-index: 2; font-size: 20px; transition: bottom 0.3s; -moz-transition: bottom 0.3s; -webkit-transition: bottom 0.3s; -o-transition: bottom 0.3s; -ms-transition: bottom 0.3s;}
.main-wrap .images-box .cywl-banner-mrap .bd li .zl img{ width: 550px; height: 367px; transition: transform .3s ease;-webkit-transition: -webkit-transform .3s ease; -moz-transition: -moz-transform .3s ease; -ms-transition: -ms-transform .3s ease;}
.main-wrap .images-box .cywl-banner-mrap .bd li .zl a:hover img{ transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); /* IE 9 */-moz-transform:scale(1.1,1.1); /* Firefox */-webkit-transform:scale(1.1,1.1); /* Safari and Chrome */-o-transform:scale(1.1,1.1); /* Opera */}
.main-wrap .images-box .cywl-banner-mrap .bd li .zl a{ display: block; position: relative;}
.main-wrap .images-box .cywl-banner-mrap .bd li .zl a:before {content: "";position: absolute;width: 100%;height: 100%;z-index: 1;opacity: 1; -webkit-transition: all .3s ease;transition: all .3s ease;background: -webkit-gradient(linear,0 40%,0 100%,from(rgba(0,0,0,0)),to(#121515));background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#121515);background: -ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#121515);background: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#121515);}
.main-wrap .images-box .cywl-banner-mrap .bd li .yr { width: 550px; float: right; }
.main-wrap .images-box .cywl-banner-mrap .bd li .yr .yr-img{ width: 265px; height: 169px; overflow: hidden; margin-bottom: 10px; position: relative; float: left; margin-left: 10px;}
.main-wrap .images-box .cywl-banner-mrap .bd li .yr .yr-img p{ font-size: 16px; padding: 10px 15px; position: absolute; bottom: 0; left:0; right:0; line-height: 22px; overflow: hidden; color: #FFF; z-index: 2; transition: bottom 0.3s; -moz-transition: bottom 0.3s; -webkit-transition: bottom 0.3s; -o-transition: bottom 0.3s; -ms-transition: bottom 0.3s;}
.main-wrap .images-box .cywl-banner-mrap .bd li .yr .yr-img img{ width: 265px; height: 177px; transition: transform .3s ease;-webkit-transition: -webkit-transform .3s ease; -moz-transition: -moz-transform .3s ease; -ms-transition: -ms-transform .3s ease;}
.main-wrap .images-box .cywl-banner-mrap .bd li .yr .yr-img a{ display: block; position: relative;}
.main-wrap .images-box .cywl-banner-mrap .bd li .yr .yr-img a:hover img{ transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1); /* IE 9 */-moz-transform:scale(1.1,1.1); /* Firefox */-webkit-transform:scale(1.1,1.1); /* Safari and Chrome */-o-transform:scale(1.1,1.1); /* Opera */}
.main-wrap .images-box .cywl-banner-mrap .bd li .yr .yr-img a:before {content: "";position: absolute;width: 100%;height: 100%;z-index: 1;opacity: 1; -webkit-transition: all .3s ease;transition: all .3s ease;background: -webkit-gradient(linear,0 40%,0 100%,from(rgba(0,0,0,0)),to(#121515));background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#121515);background: -ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#121515);background: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0),#121515);}
.main-wrap .images-box .cywl-banner-mrap .bd img{ display:block; }
.main-wrap .images-box .cywl-banner-mrap .prev,
.main-wrap .images-box .cywl-banner-mrap .next{ background: url("/images/zt/zttpl2017/fang-l0.png") no-repeat 50% 50%; position:absolute; left:0; top:50%; margin-top:-59px; display:block; width:35px; height:54px; font-size: 22px; text-align: center; line-height: 54px; background-color: rgba(225, 225, 225, 0.5); filter:alpha(opacity:30) ;opacity:0.3 ;-moz-opacity:0.3;transition: all .3s ease;-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease;}
.main-wrap .images-box .cywl-banner-mrap .next{ background: url("/images/zt/zttpl2017/fang-r0.png") no-repeat 50% 50%; left:auto; right:0; border-right:none;  background-color: rgba(225, 225, 225, 0.5);filter:alpha(opacity:50) ;opacity:0.5 ;-moz-opacity:0.5;}
.main-wrap .images-box .cywl-banner-mrap .prev:hover{ background-color: rgba(225, 225, 225, 0.5); filter:alpha(opacity:90) ;opacity:0.9 ;-moz-opacity:0.9;}
.main-wrap .images-box .cywl-banner-mrap .next:hover{ background-color: rgba(225, 225, 225, 0.5);filter:alpha(opacity:90) ;opacity:0.9 ;-moz-opacity:0.9; }
.main-wrap .images-box .cywl-banner-mrap .prevStop{ display:none;  }
.main-wrap .images-box .cywl-banner-mrap .nextStop{ display:none;  }



.main-wrap .main-box .main-right{ width: 300px; float: right; overflow: hidden;}
.main-wrap .main-box .main-right .title-right{ border-left: 5px solid #82bb30; height: 22px; line-height: 22px; padding-left: 10px; font-size: 20px; color:#FFF;}
.main-wrap .main-box .main-right .erwm-box{ width: 330px; margin: 25px 0 50px; height: 163px;}
.main-wrap .main-box .main-right .erwm-box img{ width: 135px; height: 163px; display: block; float: left; margin-right: 30px;}
.main-wrap .main-box .main-right .past-one img{ width: 300px; display: block; margin: 30px 0 0;}
.main-wrap .main-box .main-right .past-one p{ max-height: 44px; line-height: 22px; padding: 0 10px; text-align: center; margin: 8px 0 20px;}
.main-wrap .main-box .main-right .past-one p a{ color:#FFF;transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s;}
.main-wrap .main-box .main-right .past-one p a:hover{ color: #82bb30; text-decoration: none;}

.footer{ background: url("/images/zt/zttpl2017/footer-back.jpg") no-repeat 50%; height: 108px; min-width: 1100px; }
.footer p{ text-align: center; color:#FFF; padding: 20px 0 0;}
.footer p a{ border-left: 1px solid #FFF; display: inline-block; height: 14px ;line-height: 14px; margin-right: 10px; padding-left: 10px; color:#FFF;}
.footer p a.no-border{ border:none;}

.main-wrap .sidebar-nav-box{ position: absolute; top:589px; right:50%; margin-right:570px;}
.main-wrap .sidebar-nav-box .title-box{ font-size: 20px; width: 101px; text-align: center; height: 46px; line-height: 46px; background: #FFF; border:1px solid #4984a7; color:#4984a7;}
.main-wrap .sidebar-nav{ width: 103px; background: url("/images/zt/zttpl2017/float.jpg") no-repeat; /*height:248px;*/ padding-top: 15px;}
.main-wrap .sidebar-nav a{ display: block; width: 103px; height: 40px;line-height: 40px; font-size: 18px; text-align: center; color:#FFF; transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px;}
.main-wrap .sidebar-nav a.on{ color: #82bb30;position: relative;}
.main-wrap .sidebar-nav a.on:after{ content:' '; display: block; width: 10px; height: 40px; background: url("/images/zt/zttpl2017/icon.png") no-repeat -116px -2px; position: absolute;top:0;left:0;}
.main-wrap .sidebar-nav a:hover{ color: #82bb30; text-decoration: none;}
.main-wrap .sidebar-nav .gotop i{ display: block; width: 35px; height: 25px; margin: 0 auto; background: url("/images/zt/zttpl2017/icon.png") no-repeat -52px -7px; }
.main-wrap .sidebar-nav .gotop{height: 25px; margin-top: 10px; cursor: pointer;}