@charset "utf-8";
/* CSS Document */
*{margin:0px;padding:0px; }
a{color: #404040; text-decoration: none;transition: all 0.5s;}
a:hover{color:#aa1a20;}
ul,li,ol{ list-style:none;border:none;}
body{font-size:16px;line-height:1.5;font-family:"Arial","Microsoft Yahei",simsun,sans-serif;color: #000;background:#f6ece0 url(../images/topbg.jpg) no-repeat top center; }  
img,video {max-width: 100%; height: auto;border:0; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
/*导航*/
.area { width: 100%; height:100%; position: relative;  overflow: hidden }
.content { margin: 0px auto 20px; position: relative; overflow: hidden }
.contentA { margin: 0px auto 20px; position: relative; overflow: hidden;}
.topbox { height: 600px; }
.section-content { background: #eee; margin: auto; line-height: 500px; text-align: center; }
.nav-height { position: relative; }
.nav-wrap { width: 100%; height: 114px; float: left;background: url(../images/navbg.png)  no-repeat center center;}
.nav-wrap.navFix { position: fixed; top:-33px; left: 0;  z-index: 99999; }
.nav-wrap ul {display: block; width:1100px; margin:0 auto; padding-top:20px; }
.nav-wrap li{ float:left;}
.nav-wrap li a {display: block;float:left;transition: all 0s;width:91px;height: 46px;padding-top: 24px;text-align: center;}
.nav-wrap li a:hover { background: url(../images/nav-red.png) no-repeat center center; }
.nav-wrap li a.active {  background: url(../images/nav-red.png) no-repeat center center; }
.nav-wrap li a.on { background: none }
.nav-wrap.navFix li { }


.line1{width:100%; margin:0 auto; padding-top:27px;background:url(../images/bg-01.jpg) no-repeat center top;}
.line1 .tit{ text-align:center; padding-bottom:30px;}
.line1 .tit img{ }

.line2{ padding:60px 0px 30px; background:url(../images/bg-02.jpg) no-repeat center top;}
.line2 .tit{ text-align:center; padding-bottom:40px;}
.line2 .tit img{ margin-left:29px;}
.line2 .box{ overflow:hidden; zoom:1; width:1100px; margin:0 auto;}
.line2 .box .jg{ float:left; width:112px;}
.line2 ul{ overflow:hidden;zoom:1; float:right; padding:20px 0px 20px 20px; background:rgba(255,255,255,0.5); border:1px solid #cccccc;}
.line2 ul li{ float:left; width:286px; float:left; padding-right:20px;}
.line2 ul li img{width:100%; display:block;}
.line2 ul li h3{ font-weight:700px; font-size:18px; padding-top:15px;}

.line3{padding:60px 0px 0px; background:url(../images/bg-03.jpg) no-repeat center top;}
.line3 .tit{ text-align:center; padding-bottom:40px;}
.line3 .tit img{ margin-left:29px;}
.line3 .box{ width:1058px; margin:0 auto; overflow:hidden;zoom:1; padding:20px;background:rgba(255,255,255,0.5); border:1px solid #cccccc;}
.line3 .box .pic{ float:left; width:460px; position:relative;}
.line3 .box .pic img{ width:100%; display:block;}
.line3 .box .pic h3{ font-weight:700px; font-size:18px;position:absolute;bottom: 0px;left: 0px;width: 440px;overflow: hidden;zoom: 1;background-color: rgba(0,0,0,0.5); padding:5px 10px;}
.line3 .box .pic h3 a{ color:#fff;}
.line3 .box .pic i{ background: url(../images/videobg.png); display:block; position:absolute; width:68px; height:68px; top:50%; left:50%; margin-top:-34px; margin-left:-34px;}
.line3 .box ul{ float:right; width:560px; padding-right:10px;}
.line3 .box ul li{ padding:15px 0px;}
.line3 .box ul li h3{ font-size:20px; font-weight:300;}
.line3 .box ul li p{ font-size:14px; font-family:simsun; padding-top:10px;}

.line4{padding:60px 0px 0px; background:url(../images/bg-04.jpg) no-repeat center top;}
.line4 .tit{ text-align:center; padding-bottom:40px;}
.line4 .tit img{ margin-left:-160px;}
.line4 ul{ overflow:hidden;zoom:1; width:1100px; margin:0 auto;}
.line4 ul li{ width:540px; overflow:hidden;zoom:1; padding-bottom:20px;}
.line4 ul li img{ float:left; width:250p; margin-right:20px;}
.line4 ul li h3{ font-size:20px; font-weight:300;}
.line4 ul li p{ font-size:14px; font-family:simsun; padding-top:10px;}
.line4 ul li.gleft{ clear:both;float:left;}
.line4 ul li.gright{ float:right;}

.line5{padding:60px 0px 0px; background:url(../images/bg-05.jpg) no-repeat center top;}
.line5 .tit{ text-align:center; padding-bottom:40px;}
.line5 .tit img{ margin-left:-160px;}
.line5 .box{ width:1100px; margin:0 auto; overflow:hidden;zoom:1;}
.line5 ul.left{float:left; width:550px; padding:15px 0px;}
.line5 ul.left li{ font-size:22px; background:url(../images/dotbg.png) no-repeat left 13px; padding-left:15px; padding-bottom:10px;}
.line5 .right{ float:right; width:536px;}
.line5 ul.right { overflow: hidden;zoom:1;}
.line5 ul.right li{ float:left; width:248px; position:relative; margin-left:20px; margin-bottom:20px;}
.line5 ul.right li img{ width:100%; display:block;}
.line5 ul.right li h3{ font-weight:300; font-size:16px;position:absolute;bottom: 0px;left: 0px;width: 238px;overflow: hidden;zoom: 1;background-color: rgba(0,0,0,0.5); padding:5px;}
.line5 ul.right li h3 a{ color:#fff;}
.line5 ul.right li i{ display:block; position:absolute; width:30px; height:30px; top:10px; left:10px;}
.line5 ul.right li.last{ width:246px; line-height:0px;}

.line6{padding:60px 0px 0px; background:url(../images/bg-06.jpg) no-repeat center 62px;}
.line6 .tit{ text-align:center; padding-bottom:40px;}
.line6 .tit img{ margin-left:-20px;}
.line6 ul.pic{ width:1100px; overflow:hidden;zoom:1; margin:0 auto; padding-top:45px;}
.line6 ul.pic li{ width:330px; float:left;}
.line6 ul.pic li h3{ font-size:18px; font-weight:300; padding-top:3px;}
.line6 ul.pic li h3 a{ color:#410b01;}
.line6 ul.pic li.center{ padding:0px 55px;}

.piclist{width:1100px; margin:0 auto;}
.piclist ul{overflow:hidden;zoom:1; }
.piclist ul li{position: relative; overflow: hidden; text-align: center; width:260px; height:380px; float:left; margin-right:20px;}
.piclist ul li.last{ margin-right:0px;}
.piclist ul li img{transition: 0.5s; width:100%;}
.piclist ul li:hover img{transform: scale(1.2);}
.piclist ul li .text-desc{top: -100%; transition: 0.5s;  padding: 20px 0px 20px; box-sizing:border-box;position: absolute; left: 0;background:rgba(0,0,0,.5); height: 100%;  width: 100%;}
.piclist ul li .text-desc h3 { font-size:20px; font-weight:300; padding-bottom:10px; margin:10px 20px 0 20px; text-align:left;}
.piclist ul li.a1 .text-desc h3,.pic ul li.a2 .text-desc h3{ border-bottom:none; margin:10px 20px 0px; font-weight:300; }
.piclist ul li .text-desc{*height:90%; *top:-130%;}
.piclist ul li .text-desc a{ color:#fff;}
.piclist ul li:hover .text-desc{top: 0;}
.piclist .more{ text-align:center; font-size:24px; padding:15px 0px;}
.piclist .more a{ color:#410b01;}

.line7{padding:60px 0px 0px;}
.line7 .tit{ text-align:center; padding-bottom:40px;}
.line7 .tit img{ margin-left:-51px; }
.line7 .box{ width:1100px; margin:0 auto; text-align:center; }
.line7 .box img{ margin:0 auto;}

.line8{padding:60px 0px 0px; background:url(../images/bg-08.jpg) no-repeat center 62px;}
.line8 .tit{ text-align:center; padding-bottom:40px;}
.line8 .tit img{ margin-left:-184px;}
.line8 ul{ width:1100px; margin:0 auto; background:url(../images/zjjdbg.png) no-repeat center center; overflow:hidden;zoom:1;}
.line8 ul li{ width:490px;}
.line8 ul li.zleft{ clear:both;float:left;}
.line8 ul li.zright{ float:right;}
.line8 ul li h3{ background:url(../images/hbg.png) no-repeat; height:68px; font-size:20px; padding:20px 80px 0 45px; line-height:1.1em;}
.line8 ul li h3 a{ color:#fff;}
.line8 ul li p{ padding:0px 60px 20px 30px;}


.line9{padding:60px 0px 0px; background:url(../images/bg-09.jpg) no-repeat center 69px;}
.line9 .tit{ text-align:center; padding-bottom:40px;}
.line9 .tit img{ margin-left:146px;}


.line10{padding:60px 0px 0px; background:url(../images/bg-10.jpg) no-repeat center 69px;}
.line10 .tit{ text-align:center; padding-bottom:40px;}
.line10 .tit img{ margin-left:158px;}
.line10 ul { overflow: hidden;zoom:1; width:1100px; margin:0 auto;}
.line10 ul li{ float:left; width:340px; position:relative; margin-bottom:20px;}
.line10 ul li.center{ margin-left:40px; margin-right:40px;}
.line10 ul li img{ width:100%; display:block;}
.line10 ul li h3{ font-weight:300; font-size:20px;position:absolute;bottom: 0px;left: 0px;width: 330px;overflow: hidden;zoom: 1;background-color: rgba(0,0,0,0.5); padding:5px;}
.line10 ul li h3 a{ color:#fff;}
.line10 ul li i{ display:block; position:absolute; width:40px; height:40px; top:10px; left:10px;}

.line11{padding:60px 0px 680px; background:url(../images/bg-11.jpg) no-repeat center 69px;}
.line11 .tit{ text-align:center; padding-bottom:40px;}
.line11 .tit img{ margin-left:185px;}
.line11 ul{ overflow:hidden;zoom:1; padding:20px 0px 20px 23px; background:rgba(255,255,255,0.5); border:1px solid #cccccc;width:1078px; margin:0 auto;}
.line11 ul li{ float:left; width:335px; float:left; padding-right:23px;}
.line11 ul li img{width:100%; display:block;}
.line11 ul li h3{ font-weight:700px; font-size:18px; padding-top:15px;}

.line12{padding:0px 0px 0px; background:url(../images/bg-12.jpg) no-repeat center top;}
.line12 .tit{ text-align:center; padding-bottom:40px;}
.line12 .tit img{ padding-top:40px;}
.line12 .box{ width:1100px; margin:0 auto;}
.footer{ padding:50px 0px 80px;}
.footer div{ width:1100px; margin:0 auto; overflow:hidden;zoom:1;}
.footer div img{ float:left; margin-left:60px; padding-bottom:20px; margin-right:20px;}
.footer div p{ color:#275d8d; font-size:14px; font-family:simsun; padding-bottom:5px;}
.footer div p a{color:#275d8d; padding:0 5px 0px;}

/********二维码********/
.code{width:85px;position:fixed;top:720px;left:50%;margin-left:610px;}
.code p{ font-size:12px; color:#0f84d1;}

#slide { width: 1100px; height: 500px; position: relative; overflow: hidden; padding: 6px; z-index: 2; margin: 0 auto; }
.gallery { width: 1100px; position: relative; z-index: 2 }
.items { display: none; }
.pag { width: 1080px; padding: 10px 0; margin: 5px auto; position: relative; overflow: hidden; background: url(../images/timelinebg.png) no-repeat center center; }
.img-pags { position: static; left: 52px; z-index: 1; display: block; }
.img-pags ul { margin: 0; }
.img-pags li { width: 330px; background: url(../images/timelinebg-black.png) no-repeat center center;*float:left;}
.img-pags li a { position: relative; display: block; padding: 5px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background: url(../images/timelinebg-black.png) no-repeat center center; height: 75px; width: 93px; text-align: center; margin: 0 auto; color: #fff; font-size: 18px; font-weight: 700; padding-top: 30px; }
.img-pags li a:hover { background: url(../images/timelinebg-red.png) no-repeat center center; }
.img-pags li.current a { background: url(../images/timelinebg-red.png) no-repeat center center; }
.img-pags li.active a img, .img-pags li a:hover img { opacity: 1; }
.prev { display: none; line-height:0px; height:0px; }
.prev:hover { color: #999; display:none;}
.next { display: none; }
.button1 { left: 0; top: 39px; display: block; position: absolute; z-index: 15; text-decoration: none; padding: 7px 11px 6px; white-space: nowrap; vertical-align: middle; color: #666; background: transparent; cursor: pointer; background: url(../images/timelinebg-left-red.png); width: 157px; height: 40px; }
.button1:hover { background: url(../images/timelinebg-left-red.png); }
.button2 { right: 0px; top: 39px; display: block; position: absolute; z-index: 15; text-decoration: none; padding: 7px 11px 6px; white-space: nowrap; vertical-align: middle; color: #666; background: transparent; cursor: pointer; background: url(../images/timeline-right.png); width: 157px; height: 40px; }
.button2:hover { background: url(../images/timeline-right.png); }
.play { display: none; }
.paused span { display: block; }
.paused em { display: none; }
.banner { width: 420px; overflow: hidden; position: absolute; top: 30px; right: 0px; z-index: 15; padding: 0px; }
.banner h3 { font-size: 30px; font-weight: 300; line-height: 1.5em; padding-right: 40px; }
.banner p { font-size: 18px; line-height: 1.8em; padding-top: 20px; padding-right: 40px; }
.progbar { background: #000; width: 100%; height: 2px; position: absolute; bottom: 0px; left: 0px; z-index: 999; }
.numStatus { display: block; padding: 6px 10px 6px; position: absolute; z-index: 15; bottom: 30px; right: 75px; text-align: center; text-decoration: none; border: 1px solid #DDD; text-shadow: 0 1px 1px white; box-shadow: 0 1px 1px #fff; font: bold 11px Sans-Serif; white-space: nowrap; vertical-align: middle; color: #666; background: transparent; cursor: pointer; border-color: #ddd; border-radius: 3px; background: -webkit-linear-gradient(top, white, #E0E0E0); background: -moz-linear-gradient(top, white, #E0E0E0); background: -ms-linear-gradient(top, white, #E0E0E0); background: -o-linear-gradient(top, white, #E0E0E0); background: linear-gradient(top, white, #E0E0E0); -pie-background: linear-gradient(top, white, #E0E0E0); box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff; }
/*-------- end slider -----------*/


#jdjxc .clear{clear:both;}
#jdjxc ul{list-style:none;}
#jdjxc{width:1200px;margin:0 auto;}
#imgRolling{clear:both;}
#imgRolling .imagebg{height:394px;overflow:hidden;position:relative;}
#imgRolling .imagebg li{height:394px;overflow:hidden;width:700px;margin:0 auto;display:block;text-align:center;}
#imgRolling .imagebg li h3{ position:absolute; background:#000; bottom:8px; left:50%; width:680px; margin-left:-350px; text-align:center; color:#fff;background-color: rgba(0,0,0,0.5); padding:5px 10px;}
#imgRolling .imagebg li h3 a{ color:#fff;}
#imgRolling .scrollbg{height:222px;}
#imgRolling .scroll{width:1090px;height:222px;position:relative;margin:0 auto;}
#imgRolling .pre, #imgRolling .next{display:block;position:absolute;width:20px;height:48px;}
#imgRolling a.pre{background:url(../images/arr_l.png);top:80px;left:0;}
#imgRolling a.pre:hover{background:url(../images/arr_l.png);}
#imgRolling a.next{background:url(../images/arr_r.png);top:80px;right:0;}
#imgRolling a.next:hover{background:url(../images/arr_r.png);}
#imgRolling .outScroll_pic{ width:952px;height:272px;overflow:hidden;margin-left:70px;position:relative;top:2px;}
#imgRolling .outScroll_pic .scroll_img{position:absolute}
#imgRolling .scroll_img{margin:0 auto;width:40000px;height:222px;}
#imgRolling .scroll_img li{float:left;height:94px;width:171px;margin:60px 9px;_margin:5px 14px 5px 4px;cursor:pointer;}
#imgRolling .scroll_img li img{height:94px;width:171px;}
#imgRolling .scroll .present{width:170px;height:94px;border:2px #fff solid;background:url(../images/arr_on.png) 50% -4px no-repeat;z-index:10;position:absolute;top:60px;left:0;}

@media \0screen\,screen\9 {
    .line3 .box .pic h3,#imgRolling .imagebg li h3,.line5 ul.right li h3,.line10 ul li h3{background-color: #000;filter:Alpha(opacity=50);*zoom:1;}
   .line3 .box .pic a,#imgRolling .imagebg li h3 a,.line5 ul.right li h3 a,.line10 ul li h3 a{position: relative;}

}