@charset "utf-8";
.banner { position:relative; left:50%; width:1920px; margin-left:-960px; background:#fff; text-align:center; z-index:3; }
.banner .hd { position:absolute; bottom:5%; width:100%; height:14px; z-index:1; }
.banner .hd ul { width:1200px; margin:0 auto; text-align:center; }
.banner .hd ul li { display:inline-block; *display:inline; zoom:1; width:34px; height:6px; margin:0 6px; border-radius:5px; background:transparent; line-height:999px; overflow:hidden; cursor:pointer;border:1px solid #e29722;}
.banner .hd ul .on { background:#e29722; }
.container { position:relative; z-index:4; }
.container img { vertical-align:top; }

.con-01{background:url(../images/bg-03.jpg) repeat;padding:50px 0;}
.title{text-align: center;margin-bottom: 40px;}
.notice{height: 48px;line-height: 48px;background:#3e3e3e;padding:0 22px;font-size: 18px;color: #ffc000;margin-bottom:5px;}
.notice .hd{float: left;padding: 0 8px 0 0;}
.notice .bd{float: left;}
.notice .bd a{color: #ffc000;}
.videobox .video{float:left;}
.videobox .info{float: right;width:236px;background:#3e3e3e;padding:78px 42px;}
.videobox .info h2{font-size: 30px;color: #facd89;font-weight: normal;}
.videobox .info .c{padding:25px 0;color: #fff;font-size: 14px;line-height: 2;text-align: justify;min-height: 225px;}
.videobox .info .m a{font-size: 14px;color: #fff;display: inline-block;border:1px solid #eee;height: 25px;line-height: 25px;width: 96px;text-align: center;}
.videobox .info .m a:hover{background:#ffc000;border-color: #ffc000;color: #fff;}

.con-02{background:#fde6bd;padding:80px 0;}
.c2-l{float: left;background:#facd89;color: #333;padding:95px 24px 85px;}
.c2-l .top {margin-bottom: 78px;}
.c2-l .top p{font-size:46px;font-family: Tahoma;text-transform: uppercase;font-weight: bold;letter-spacing:-4px;line-height: 1;}
.c2-l .top h2{padding:10px 0 0;display:block;font-size: 24px;letter-spacing:3px;font-weight: normal;}
.c2-l .hd {font-size:18px;}
.c2-l .hd p{margin-bottom: 36px;}
.c2-l .hd p a{color: #333;}
.c2-l .hd li{margin-bottom: 36px;height: 20px;line-height: 20px;cursor:pointer;padding-right: 24px;}
.c2-l .hd li.on{color: #e29722;background:url(../images/ico03.jpg) no-repeat center right 100px;}
.c2-r{float: left;width: 950px;}
.c2-r .box li{float: left;}

.con-03{position: relative;left:50%;margin-left:-960px;}
.con-04{background:url(../images/bg-04.jpg) no-repeat center top;padding:55px 0;}

.con-05{background:url(../images/bg-03.jpg) repeat;padding:72px 0 34px;}
.con-05 .bd {margin-bottom: 18px;padding:0 34px;}
.con-05 .bd li{float: left;margin:0 10px;}
.con-05 .bd li a{position: relative;display: block;}
.con-05 .bd li .info{position:absolute;top: 0;left:0;background:rgba(0,0,0,.35);right: 0;bottom: 0;color: #fff;z-index: 9;text-align: center;padding:100px 0 0;opacity: 0;transition:all 0.5s ease-out;}
.con-05 .bd li .info h3{font-size: 24px;font-weight: normal;}
.con-05 .bd li .info p{font-size: 14px;text-transform: uppercase;padding:2px 0;position: relative;display: inline-block;margin:10px 0;}
.con-05 .bd li .info p:after{content:"";position: absolute;left: 0;right: 0;height: 1px;background:#fff;top: 0;}
.con-05 .bd li .info p:before{content:"";position: absolute;left: 0;right: 0;height: 1px;background:#fff;bottom: 0;}
.con-05 .bd li .info i{display: block;margin-top:15px;}
.con-05 .bd li:hover .info{opacity: 1;}
.btns{text-align: center;}

.con-06{background:url(../images/bg-06.jpg) no-repeat center top;padding: 75px 0 68px;}
.con-06 .bdbox{background:#fff;padding:12px;}
.con-06 .bd{overflow: hidden;}
.con-06 .bd li{float: left;margin-right:12px;}
.con-06 .bd li img{border:2px solid transparent;}
.con-06 .bd li:hover img{border-color: #ffff00;}

.con-07{background:url(../images/bg-03.jpg) repeat;padding:60px 0 30px;}
.con-07 .bd {padding:0 22px;}
.con-07 .bd li{float: left;margin:0 10px;overflow: hidden;}
.con-07 .bd li a{display: inline-block;position: relative;}
.con-07 .bd li img {transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;  }
.con-07 .bd li:hover img{transform:scale(1.08);-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);transform:scale(1.08);}
/*.con-07 .bd li a:after{content:"";position: absolute;left: 0;right: 0;bottom: 0;top: 0;background:url(../images/bg-07.png) no-repeat center;opacity: 0;background-size: cover;}
.con-07 .bd li:hover a:after{opacity: 1;}*/

#bg{background:url(../images/bg-03.jpg) repeat center top;}
.con-08{background:url(../images/bg-08.png) no-repeat center top;padding:112px 0 68px;}
.con-08 .bd ul{width: 1250px;}
.con-08 .bd li{float: left;width: 386px;background:#fff;transition:all 0.5s ease-out;margin-right:30px;}
.con-08 .bd li dl{padding:30px 45px;}
.con-08 .bd li .d{font-size: 16px;color: #666;}
.con-08 .bd li .d i{font-size: 50px;line-height: 1;display: inline-block;margin-right:10px;}
.con-08 .bd li dt{display: block;font-size: 18px;font-weight: bold;padding:8px 0;}
.con-08 .bd li .c{font-size: 14px;color: #999;line-height: 1.7;margin-bottom: 10px;}
.con-08 .bd li .m{font-size: 16px;color: #999;}
.con-08 .bd li:hover {background:#ffb544;color: #fff;}
.con-08 .bd li:hover .d,.con-08 .bd li:hover .m,.con-08 .bd li:hover .c{color: #fff;}
.con-08 .bd li:hover dt{color: #fff;}