/* CSS Document */

.wrap{ width:100%; background:url(../images/hbg.jpg) left top repeat-x ; overflow:auto;}

/*======================== top ======================== */

.top{ width:1006px; margin:0 auto;}

.topnav{ width:350px; height:29px; float:right;}

.topnav ul li{ height:29px; line-height:29px; float:left; padding:0px 10px; color:#FFFFFF;}

.topnav ul li a{ color:#FFFFFF;}

.topnav ul li a:hover{ color:#FF0000;}

/*======================== logo ======================== */

.logo{ width:506px; height:93px; float:left; background:url(../images/logo.jpg) left top no-repeat; padding-left:500px; }

/*======================== nav ======================== */

.nav{ width:996px; height:45px; background:url(../images/navbg.jpg) left top no-repeat; padding-left:10px;}

.nav ul li{ height:45px; line-height:35px; float:left; padding:0px 32px; color:#323232; font-weight:bold;}

.nav ul li.none{ padding:0px 35px; padding-right:0px; }

.nav ul li a{ color:#323232;text-transform: uppercase;}

.nav ul li a:hover{ color:#FF0000;}

/*======================== main1 ======================== */

.main1{ width:1006px; margin:0 auto;}

.pic{ width:686px; height:249px; float:left;}

.main1right{ width:316px; height:249px; float:right;}

/*======================== notice ======================== */

.notice{ width:1006px; height:45px; background:url(../images/ggbg.jpg) left top repeat-x; margin:0 auto;}

.noticeleft{ width:46px; height:45px; background:url(../images/ggleft.jpg) left top no-repeat; float:left;}

.noticeright{ width:950px; height:45px; background:url(../images/ggright.jpg) right top no-repeat; float:right; padding-right:10px;}

.noticeright ul li{ width:270px; height:45px; line-height:45px; background:url(../images/dot.jpg) left center no-repeat; float:left; padding-left:10px; margin-left:10px; display:inline;}

.noticeright ul li a{ height:45px; margin-right:40px;}

.noticeright span.more{ height:32px; float:right; margin-top:13px; margin-right:20px;}
/*======================== main2 ======================== */

.main2{ width:1006px; margin:0 auto;}


#banner {height: 249px;position: relative;}
.banner-box {width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;color:#fff;
}
#banner .swiper-pagination-bullet, #banner-mobile .swiper-pagination-bullet, #xskt-banner .swiper-pagination-bullet, #xskt-banner_mobile .swiper-pagination-bullet {width: 7px;height: 7px;background-color: #fff;opacity: 1;border-radius: 0;margin: 0 5px;}
#banner .swiper-pagination-bullet.swiper-pagination-bullet-active, #banner-mobile .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity: 1;background-color: #ff9900;}

.left{ width:676px; float:left;}

/*======================== left1 ======================== */

.left1{ width:676px;}

.left1 ul li{ width:222px; height:159px; float:left;}

/*======================== left2 ======================== */

.left2{ width:676px; height:84px; background:url(../images/dzbg.jpg) left top repeat-x;}

.left2left{ width:10px; height:84px; background:url(../images/dzleft.jpg) left top no-repeat; float:left;}

.left2center{ width:658px; height:84px; background:url(../images/dztit.jpg) left top no-repeat; float:left;}

.left2centertit{ width:50px; height:15px; line-height:15px; float:right; margin-top:10px;}

.left2centercon{ width:648px; margin:15px 5px 5px 5px;}

.left2centercon ul li{ width:92px; height:28px; margin:0px 10px; float:left; display:inline; background:url(../images/dzcon.jpg) left top no-repeat; padding-top:3px; text-align:center; padding-right:10px;}

.left2centercon ul li a{ text-transform:uppercase; color:#636363; font-family:"Times New Roman", Times, serif; font-size:18px; font-weight:bold;}

.left2centercon ul li a:hover{ color:#990000;}

#gundong { overflow:hidden; width: 648px;}
#gundong img {border:none;}
#ingundong { float: left; width: 800%;}
#gundong1 { float: left;}
#gundong2 { float: left;}

.left2right{ width:8px; height:84px; background:url(../images/dzright.jpg) right top no-repeat; float:right;}

/*======================== left3 ======================== */

.left3{ width:676px; height:146px;}

.left3left{ width:340px; height:146px; background:url(../images/jhbg.jpg) left top repeat-x; float:left;}

.left3leftl{ width:11px; height:146px; background:url(../images/jhleft.jpg) left top no-repeat; float:left;}

.left3leftc{ width:319px; height:146px; background:url(../images/jhtit.jpg) left top no-repeat; float:left;}

.left3leftctit{ width:50px; height:15px; line-height:15px; float:right; margin-top:10px;}

.left3leftccon{ width:314px; padding-top:15px; padding-left:5px;}

.left3leftccon ul li{ width:299px; height:24px; line-height:24px; background:url(../images/dot2.jpg) left center no-repeat; padding-left:10px;}

.left3leftccon ul li a{ width:209px; float:left;}

.left3leftr{ width:10px; height:146px; background:url(../images/jhright.jpg) right top no-repeat; float:right;}

/*======================== left3right ======================== */

.left3right{ width:333px; height:144px; float:right; padding-top:2px;}

/*======================== right ======================== */

.right{ width:325px; background:url(../images/dcbg.jpg) left top repeat-y; float:right;}

.righttit{ width:325px; height:52px; background:url(../images/dctit.jpg) left top no-repeat;}

.rightcon{ width:325px; height:335px; background:url(../images/dcf.jpg) left bottom no-repeat;}


.dccon{width:202px; height:289px !important; height:281px; padding:5px; margin-right:15px; display:inline; overflow:hidden; float:right;  margin-top:10px; }

.dc{ position:absolute; z-index:4; width:98px;}

.dc ul{list-style:none; padding:0; margin:0;}

.dc ul li{ height:67px; width:98px; margin:15px 0px; cursor:pointer; background:url(../images/sw.jpg) left top no-repeat;}

.dc ul li.on{ background:url(../images/swb.jpg) left top no-repeat;}

.dc span{display:block;}

.dis{display:block;}

.undis{display:none;}

/*======================== add ======================== */

.add{ width:1006px; height:108px; margin:0 auto;  background:url(../images/lxbg.jpg) left top repeat-x;}

.addleft{ width:11px; height:108px; background:url(../images/lxl.jpg) left top no-repeat; float:left;}

.addcenter{ width:984px; height:108px; float:left; line-height:20px;}

.addcenter ul li{ width:220px; height:96px; float:left; background:url(../images/lxline.jpg) right top no-repeat; padding-top:12px; text-align:center;}

.addcenter ul li.dh{ width:300px; height:108px; float:left; background:none; padding-top:0px; text-align:center;}

.addright{ width:11px; height:108px; background:url(../images/lxr.jpg) left top no-repeat; float:right;}

/*======================== link ======================== */

.link{ width:1006px; height:63px; margin:0 auto;  background:url(../images/linkbg.jpg) left top repeat-x;}

.linkleft{ width:9px; height:63px; background:url(../images/linkl.jpg) left top no-repeat; float:left;}

.linkcenter{ width:984px; height:63px; float:left; line-height:20px;}

.linkcentertit{ width:70px; height:53px; float:left; padding-left:10px; padding-top:10px;}

.linkcentercon{ width:904px; height:55px; float:right; padding-top:8px;}

.linkcentercon a{ margin:3px 20px; height:20px; float:left; display:inline;}

.linkright{ width:13px; height:63px; background:url(../images/linkr.jpg) left top no-repeat; float:right;}

/*======================== footer ======================== */

.footer{ width:100%; height:132px; background:url(../images/fbg.jpg) left top repeat-x; }

.footercon{ width:986px; margin:0 auto; background:url(../images/f.jpg) center top no-repeat; padding-left:20px; padding-top:20px; font-family:Arial, Helvetica, sans-serif;}

.footercon ul li{ margin-right:5px; float:left;}

.footercon ul li a{ margin-right:5px;}