.banner { width: 100%; overflow: hidden; position: relative;  height:603px;}
.banner .hd { height: 15px; overflow: hidden; position: absolute; right: 0; bottom: 113px; z-index: 1;text-align:center;width:100%; }
.banner .hd ul li { margin:0 10px;display:inline-block; margin-right: 2px; width: 11px; height: 11px;  cursor: pointer;border-radius:10px;border:2px solid #e0d3bb;}
.banner .hd ul li.on { background: #fff; color: #fff;border-color:#fff ; }
.banner .bd { position: relative; height: 100%; z-index: 0; }
.banner .bd li { zoom: 1; vertical-align: middle;position:relative; }
.banner .bd img { width: 100%; height: 603px; display: block; }
.banner .bd .img{position:absolute;top:0;left:0;}
.nav{position:absolute;top:539px;height:64px;opacity:0.9;-moz-opacity:0.9;filter:alpha(opacity=90);background:#333;width:1220px;line-height:64px;padding-left:80px;z-index:9999;}
.nav a{color:#fff;font-size:16px; display:inline-block;position:relative;margin-right:30px;}
.nav a span{width:100%;height:5px;background:#6a5e4a;position:absolute;left:0;bottom:5px;display:none;}
.nav a:hover span,.nav a.on span{display:inline-block;}
.page2{width:100%;height:736px;background:url(../images/page2.jpg) no-repeat;overflow:hidden;}
.page2 .con{margin:50px 0 0 450px;color:#fff;}
.page2 .con .title{font-size:24px;margin-bottom:10px; text-indent: 0;}
.page2 .con .keyword{font-size:12px;line-height:20px; text-indent: 0;}
.page2 .con .desc{margin:30px 0 45px;font-size:14px;line-height:25px;width:700px;}
.page2 .con .pic li{float:left;margin-right:45px;}
.page2 .con .pic li img{width:200px;}
.page2 .con .pic li p{text-align:center;margin-top:20px;line-height:25px;font-size:14px;}
.page3{height:695px;width:100%;background:url(../images/page3/page3.jpg) no-repeat;overflow:hidden;color:#fff;}
.page3 p{width:1000px;font-size:16px;margin-left:150px;margin-top:30px;line-height:25px;}
.page3 .title{margin:40px 150px 50px;font-size:26px;text-align:center;}
.page3 .qz{text-align:right;}
.icon { background: url(../images/icon.png) no-repeat; }
.page4{height:731px;width:100%;background:Url(../images/page4/page4.jpg) no-repeat;overflow:hidden;}
.page4 .title{text-align:center;font-size:26px;color:#fff;margin:45px 25px;}
.page4 .title i{background-position:0 -20px ;width:28px;height:28px;display:inline-block;margin-right:10px;position:relative;top:5px;}
.page4 .bd{width:900px;height:511px;margin:0 auto ;position:relative;}
.page4 .bd li{width:172px;height:511px;overflow:hidden;position:relative;margin-right:9px;}
.page4 .bd li img{height:100%;width:auto ;}
.page4 .bd li p{position:absolute;bottom:20px;left:14px;font-size:14px;color:#fff;}
.next,.prev{position:absolute;top:50%;margin-top:-25px;width:30px;height:50px;display:inline-block;z-index:999999;}
.next{background-position:-44px -59px;right:-50px;}
.prev{background-position:0 -59px;left:-50px;}

.page5{background:#17181c;width:100%;overflow:hidden;}
.page5 .title{text-align:center;font-size:26px;color:#fff;margin:40px 0 25px;width:100%;}
.page5 .title i{background:url(../images/page5/wrh.jpg) ;width:24px;height:25px;display:inline-block;margin-right:10px;position:relative;top:5px;}
.page5 > p{width:988px;margin-left:150px;font-size:16px;color:#fff;line-height:28px;}
.page5 .pic{width:100%;height:635px;background:url(../images/page5/page5.jpg) no-repeat;overflow:hidden;position:relative;margin-top:60px;}
.page5 .pic .bd{width:988px;height:511px;margin:0 auto ;position:relative;}
.page5 .pic .bd li{width:100%;height:511px;overflow:hidden;position:relative;}
.page5 .pic .bd li .pic1{height:100%;width:340px;position:relative;float:left;overflow:hidden;margin-right:5px;}
.page5 .pic .bd li .pic2{height:100%;width:248px;position:relative;float:left;overflow:hidden;margin-right:5px;}
.page5 .pic .bd li .pic2 .pic4{height:253px;width:248px;position:relative;overflow:hidden;margin-bottom:5px;}
.page5 .pic .bd li .pic3{height:100%;width:190px;position:relative;float:left;overflow:hidden;margin-right:5px;}
.page5 .pic .bd li  p{position:absolute;bottom:20px;left:14px;font-size:14px;text-indent: 0;color:#fff;padding:15px 0 15px 15px;width:100%;opacity:0.9;-moz-opacity:0.9;filter:alpha(opacity=90);background:#333;position:absolute;left:0;bottom:0;line-height:25px;}
.page5 .pic .hd { height: 15px; overflow: hidden; position: absolute; right: 0; bottom: 55px; z-index: 1;text-align:center;width:100%; }
.page5 .pic .hd ul li { display:inline-block; margin-right: 2px; width: 9px; height: 9px;  cursor: pointer;border-radius:10px;border:2px solid #e0d3bb;}
.page5 .pic .hd ul li.on { background: #8b8c8e; color: #fff;border-color:#8b8c8e ; }

.page6{background:#212129;width:100%;overflow:hidden;}
.page6 .title{text-align:center;font-size:26px;color:#fff;margin:40px 0 25px;width:100%;}
.page6 .title i{background-position:-66px -20px ;width:26px;height:28px;display:inline-block;margin-right:10px;position:relative;top:5px;}
.page6 > p{width:988px;margin-left:150px;font-size:16px;color:#fff;line-height:28px;}
.page6 .pic{width:100%;height:652px;background:url(../images/page6/page6-1.jpg) no-repeat;overflow:hidden;position:relative;margin-top:60px;}
.page6 .pic .bd{width:988px;height:531px;margin:0 auto ;position:relative;}
.page6 .pic .bd li{width:100%;height:531px;overflow:hidden;position:relative;}
.page6 .pic .bd li .pic1{height:100%;width:172px;position:relative;float:left;overflow:hidden;margin-right:5px;}
.page6 .pic .bd li .pic2{height:100%;width:360px;position:relative;float:left;overflow:hidden;margin-right:5px;}
.page6 .pic .bd li .pic2 .pic4{height:385px;width:360px;position:relative;overflow:hidden;margin-bottom:5px;}
.page6 .pic .bd li .pic2 .pic5{height:141px;width:360px;position:relative;overflow:hidden;}
.page6 .pic .bd li .pic3{height:100%;width:225px;position:relative;float:left;overflow:hidden;margin-right:5px;}
.page6 .pic .bd li .pic6{height:100%;width:210px;position:relative;float:left;overflow:hidden;margin-right:5px;}
/*.page6 .pic .bd li img{height:100%;}*/
.page6 .pic .bd li  p{position:absolute;bottom:20px;left:14px;font-size:14px;text-indent: 0;color:#fff;padding:15px 0 15px 15px;width:100%;opacity:0.9;-moz-opacity:0.9;filter:alpha(opacity=90);background:#333;position:absolute;left:0;bottom:0;line-height:25px;}
.page6 .pic .hd { height: 15px; overflow: hidden; position: absolute; right: 0; bottom: 55px; z-index: 1;text-align:center;width:100%; }
.page6 .pic .hd ul li { display:inline-block; margin-right: 2px; width: 9px; height: 9px;  cursor: pointer;border-radius:10px;border:2px solid #e0d3bb;}
.page6 .pic .hd ul li.on { background: #8b8c8e; color: #fff;border-color:#8b8c8e ; }

.page7{background:#000000;width:100%;overflow:hidden;}
.page7 .title{text-align:center;font-size:26px;color:#fff;margin:40px 0 25px;width:100%;}
.page7 .title i{background:url(../images/page7/fjh.jpg) no-repeat;width:26px;height:40px;display:inline-block;margin-right:10px;position:relative;top:5px;}
.page7 > p{width:988px;margin-left:150px;font-size:16px;color:#fff;line-height:28px;}
.page7 .pic{width:100%;height:607px;background:url(../images/page7/page7-1.jpg) no-repeat;overflow:hidden;position:relative;margin-top:60px;}
.page7 .pic .bd{width:988px;height:508px;margin:0 auto ;position:relative;}
.page7 .pic .bd li{width:100%;height:508px;overflow:hidden;position:relative;}
.page7 .pic .bd li .pic1{height:100%;width:122px;position:relative;float:left;overflow:hidden;margin-right:5px;}
.page7 .pic .bd li .pic2{height:100%;width:338px;position:relative;float:left;overflow:hidden;margin-right:5px;}
.page7 .pic .bd li .pic3{height:252px;width:254px;position:relative;float:left;overflow:hidden;margin-right:5px;}
.page7 .pic .bd li .marb{margin-bottom:5px;}
/*.page6 .pic .bd li img{height:100%;}*/
.page7 .pic .bd li  p{position:absolute;bottom:20px;left:14px;font-size:14px;text-indent: 0;color:#fff;padding:15px 0 15px 15px;width:100%;opacity:0.9;-moz-opacity:0.9;filter:alpha(opacity=90);background:#333;position:absolute;left:0;bottom:0;line-height:25px;}
.page7 .pic .hd { height: 15px; overflow: hidden; position: absolute; right: 0; bottom: 55px; z-index: 1;text-align:center;width:100%; }
.page7 .pic .hd ul li { display:inline-block; margin-right: 2px; width: 9px; height: 9px;  cursor: pointer;border-radius:10px;border:2px solid #e0d3bb;}
.page7 .pic .hd ul li.on { background: #8b8c8e; color: #fff;border-color:#8b8c8e ; }
.page8{width:100%;height:900px;background:url(../images/page8/page8.jpg) no-repeat;overflow:hidden;}
.page8 .title{text-align:center;font-size:26px;color:#fff;margin:40px 0 25px;width:100%;}
.page8 .pic{position:relative;width:978px;height:351px;margin:0 auto ;}
.page8 .pic .bd{width:978px;margin:0 auto ;position:relative;}
.page8 .pic .bd li{width:100%;position:relative;}
.page8 .pic .bd li{width:100%;height:351px;}

.page8 .pic .hd { height: 15px; overflow: hidden; position: absolute; right: 0; top: 325px; z-index: 1;text-align:center;width:100%; }
.page8 .pic .hd ul li { display:inline-block; margin-right: 2px; width: 14px; height: 14px;  cursor: pointer;border-radius:10px;background:#fff;}
.page8 .pic .hd ul li.on { background: #b81c1f; }
.page8 .tit{text-align:center;font-size:20px;color:#fff;margin:25px 0 30px;width:100%;}
.page8 .desc{font-size:14px;color:#fff;line-height:25px;width:980px;margin:0 auto ;}
.page9{background:#303238;width:100%;overflow:hidden;height:580px;}
.page9 .title{text-align:center;font-size:26px;color:#fff;margin:50px 0 30px;width:100%;}
.page9 .title i{background-position:-100px -20px ;width:26px;height:28px;display:inline-block;margin-right:10px;position:relative;top:5px;}
.page9 .er{margin-left:186px;margin-right:57px;}
.page9 .tit{width:604px;padding-left:20px;color:#fff;font-size:16px;line-height:40px; text-indent: 0;background:#3b3c42;margin-bottom:10px;}
.page9 .desc{padding-left:20px;font-size:14px;color:#fff;line-height:28px;text-indent: 0;}
.page9 .mart{margin-top:30px;}
.page10{background:url(../images/page10/page10.jpg);width:100%;overflow:hidden;height:591px;}
.page10 .title{text-align:center;font-size:26px;color:#fff;margin:50px 0 25px;width:100%;}
.page10 .container_image{height:367px;width:970px;position:relative;margin:0 auto ;}
.page10 .slide_img {width:827px;height:367px;position:relative;z-index:1;}
.page10 .slide_img li{width:64px;height:367px;overflow:hidden;position:absolute;top:15px;}
/*.slide_img li a{display:block;position:relative;width:100%;height:100%;height:800px;}*/
.page10 .slide_img li  img{position:absolute;}
.page10 .slide_img li.on a{height:800px;}
.page10 .slide_img li.on{width:828px;left:100px;top:0;overflow:hidden;}
.page10 .slide_img li.on img{width:100%;}
.page10 .slide_img li.left{left:0;}
.page10 .slide_img li.right{left:800px;}
.page10 .slide_img li.left img,.slide_img li.right img{width:auto;height:100%;}
.page11{background:#282a31;height:720px;overflow:hidden;}
.page11  .title{text-align:center;font-size:26px;color:#fff;margin:50px 0 25px;width:100%;}
.page11 .con{width:990px;height:561px;background:#202227;margin:0 auto ;}

.page12{background:url(../images/page12/page12.jpg);height:590px;overflow:hidden;}
.page12  .title{text-align:center;font-size:26px;color:#fff;margin:50px 0 18px;width:100%;}
.page12 ul{margin-left:480px;}
.page12 ul li{width:631px;border-right:1px solid #0d0d0e;margin-bottom:2px;}
.page12 ul li p{font-size:14px;color:#fff;width:630px;height:38px;line-height:38px;background:#444;letter-spacing:0;opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);text-indent:20px;}
.page13{width:100%;height:574px;background:#000000;overflow:hidden;}
.page13 .con{margin-top:106px;}
.page13 .con > img{margin-left:158px;float:left;margin-right:50px;}
.page13 .con .conn{color:#fff;width:420px;}
.page13 .con .conn .title{font-size:26px;margin-bottom:20px;text-indent: 0;}
.page13 .con .conn .keyword{font-size:18px;line-height:25px;margin-bottom:10px;text-indent: 0;}
.page13 .con .conn .time{font-size:14px;line-height:25px;text-indent: 0;}
.page13 .con .conn .desc{font-size:14px;margin-top:30px;line-height:25px;text-indent:34px;}
.page14{background:#30333a;overflow:hidden;}
.page14 .con{width:720px;margin:0 auto ;color:#fff;}
.page14 .con .title{padding-top:25px;padding-bottom:15px;text-align:center;font-size:26px;color:#fff;border-bottom:1px solid #6f7175;}
.page14 .con .tit{font-size:20px;height:60px;line-height:60px;color:#fff;text-indent:20px;}
.page14 .con .pli{height:35px;line-height:35px;margin-bottom:2px;color:#45484e;width:100%;background:#45484e;color:#fff;position:relative;font-size:14px;text-indent:20px;  }
.page14 .con .pli i{font-size:40px;color:#505258;position:absolute;top:0px;left:-15px;}
.page14 .con .hei{height:95px;}
.page14 .pic div{position:relative;}
.page14 .pic div a{width:60px;height:60px;display:block;position:absolute;left:50%;top:50%;margin-left:-30px;margin-top:-30px;background:url(../images/video.png)}


.page15{background:#26292e;width:100%;padding-bottom:20px;overflow:hidden;}
.page15 .title{text-align:center;font-size:26px;color:#fff;margin:40px 0 30px;width:100%;}
.page15 .container{width:1000px;margin:0 auto ;}

.page16{background:#222429;width:100%;height:445px;overflow:hidden;}
.page16  .con{width:980px;margin:0 auto ;}
.page16  .con .title{padding:20px 0 15px;width:100%;font-size:26px;color:#fff;text-align:center;border-bottom:1px solid #414349;}
.page16  .con  .desc{text-align:center;font-size:18px;color:#fff;line-height:35px;margin-top:20px;  }
.page17{height:280px;background:#26292e;width:100%;overflow:hidden; border-top:rgba(255,255,255,0.5) 1px dashed }
.page17 .wb{background:url(../images/wb.jpg) no-repeat;width:103px;height:45px;margin:70px auto  20px;}
.page17 .wb a{height:45px;width:45px;display:inline-block;}
.page17 .wb a.xl{margin-right:7px;}
.page17 .con{width:1000px;height:57px;margin:0 auto ;background:url(../images/page17.png) no-repeat center center ;line-height:57px;color:#fff;font-size:14px;}
.page17 p{color:#fff;text-align:center;margin-top:30px;}
.f_content{display:none;}
.f_bg{padding-top:20px;height:100%;z-index:999999999999999999999;background:url(../images/fbg.png) repeat;width:100%;position:fixed;top:0;left:0;display:none;overflow-y:auto;}
.f_bg .f_con{background:#202229;width:1240px;padding-bottom:20px;margin:0 auto ;padding-top:15px;}
.f_bg .f_con .f_pic{text-align:center;position:relative;}
.f_bg .f_con .f_pic .bd ul li{height:600px;width:100%;overflow:auto;}
 .close{top:10px ;right:30px;position:absolute;background:url(../images/close.png) no-repeat;width:40px;height:40px;display:block;z-index:999999999999999999999;}
 .f_bg .f_content a.wz{position:relative;width:100px;background:#fff;height:30px;display:block;margin:20px auto;color:#666;text-align:center;line-height:30px;border-radius:5px;}
.f_bg .f_con  .bd a{position:absolute;top:262px;width:52px;height:76px;background:url(../images/flr.png) no-repeat;display:inline-block;z-index:999999999999999999999;}
.f_bg .f_con  .bd a.f_prev{right:0;background-position:-75px 0;}
.f_bg .f_con  .bd a.f_next{left:0;}
.f_bg .f_con .f_pic img{display:block;margin:0 auto ;}
.f_bg .f_content{display:block;width:996px;margin:0 auto;font-size:14px;color:#fff;line-height:28px;}

.f_bg .f_content .f_title{font-size:24px;color:#fff;text-align:center;line-height:60px;text-indent: 0;}
.f_bg .f_content .desc{text-align:center;}
.cursor{cursor:pointer;}

div.cursor img{position:absolute;left:0;top:0;}


.f_bg .f_con .f_pic .bd ul li::-webkit-scrollbar {
 width: 12px;
 height:12px;
}
.f_bg .f_con .f_pic .bd ul li::-webkit-scrollbar-track {
 background-color:#f5f5f5;
 -webkit-border-radius: 2em;
 -moz-border-radius: 2em;
 border-radius:2em;
}
.f_bg .f_con .f_pic .bd ul li::-webkit-scrollbar-thumb {
 border-radius: 10px;
 background-color: #aaa;
  background-image: -webkit-linear-gradient(90deg,  #aaa,  transparent 25%,  transparent 50%,  #aaa,  #aaa,  transparent 75%,  transparent);
 -webkit-border-radius: 2em;
 -moz-border-radius: 2em;
 border-radius:2em;
}