@charset "utf-8";
/* header */
.banner-swiper .swiper-slide{height: 685px;background: url(../images/public/banner2.jpg) center top no-repeat;}
.banner-swiper .swiper-nav{display: none;}
.banner-swiper .swiper-pagination .swiper-pagination-bullet{width: 60px;height: 4px;background: #fff;opacity:0.5;filter: alpha(opacity = 50);margin-left: 12px;border-radius: 0;}
.banner-swiper .swiper-pagination{width: 1200px;margin:0 auto;text-align: right;bottom: 113px;left: 50%;margin-left: -600px;}
.banner-swiper .swiper-pagination .swiper-pagination-bullet-active{opacity:1;filter: alpha(opacity = 100);}
.banner-swiper .swiper-slide.banner2{background: url(../images/public/banner4.jpg) center top no-repeat;}
.banner-swiper .swiper-slide.banner3{background: url(../images/public/banner5.jpg) center top no-repeat;}
.banner-swiper .swiper-slide.banner4{background: url(../images/public/banner3.jpg) center top no-repeat;}
.banner-swiper .swiper-slide.banner5{background: url(../images/public/banner1.jpg) center top no-repeat;}



.header{position: relative;}
.header a{color:#fff;}
.header .container{position:absolute;top: 0;left: 50%;margin-left: -720px;}
.header .version{position:absolute; top:30px; right:4%; z-index:11;}
.header .version li{float:left;}
.header .version li a{position:relative; display:block; padding-right:12px; padding-left:12px;}
.header .version li a font{display:inline-block; vertical-align:top; line-height:22px;}
.header .version li a:before{display:inline-block; margin-right:8px; background-repeat:no-repeat; background-image:url(../images/public/header_top_icons.png); background-position:0 0;}
.header .version li.user a:before{background-position:0 -22px;}
.header .version li.user a:before{background-position:0 -44px;}
.header .version li a:after{position:absolute; top:50%; left:0; content:""; width:1px; height:16px; margin-top:-8px; background-color:rgba(255,255,255,.3);}
.header .version li a.hasIco:before{width:22px; height:22px; content:"";}
.header .version li:first-child a:after{content:normal;}
.header .version li.slh{display: none;}
.header .logo{padding-top:144px; padding-bottom:45px; text-align:center;position: relative;z-index: 9;}
.header .logo .department dt{text-align:center; margin-bottom:15px;}
.header .logo .department dd{text-align:center; font-weight:bold; font-size:2.5em; color:#fff; letter-spacing:0.1em;}
.header .search{width:68%; margin:0 auto 165px;position: relative;z-index: 9;}
.header .search .search-type ul li{float: left;width: 185px;height: 48px;color: #fff;font-size: 1.125em;line-height: 48px;text-align: center;position: relative;z-index: 9;cursor: pointer;}
.header .search .search-type ul li.on{color: #333;z-index: 15 !important;}
.header .search .search-type ul li.sqz{width: 205px;background: url(../images/public/search_sqz_bg.png) left top no-repeat;z-index: 10;}
.header .search .search-type ul li.sqz.on{background: url(../images/public/search_sqz_onbg.png) left top no-repeat;}
.header .search .search-type ul li.sfw{background: url(../images/public/search_sfw_bg.png) left top no-repeat;margin-left:-25px;z-index: 11;}
.header .search .search-type ul li.sfw.on{background: url(../images/public/search_sfw_onbg.png) left top no-repeat;}
.header .search .search-type ul li.szc{background: url(../images/public/search_szc_bg.png) left top no-repeat;margin-left:-25px;z-index: 12;}
.header .search .search-type ul li.szc.on{background: url(../images/public/search_szc_onbg.png) left top no-repeat;}
.header .search .search-type ul li i{display: inline-block;width: 22px;height: 18px;vertical-align: middle;background: center top no-repeat;}
.header .search .search-type ul li.sqz i{background-image: url(../images/public/search_sqz_icon1.png);}
.header .search .search-type ul li.sqz.on i{background-image: url(../images/public/search_sqz_icon2.png);}
.header .search .search-type ul li.sfw i{background-image: url(../images/public/search_sfw_icon1.png);}
.header .search .search-type ul li.sfw.on i{background-image: url(../images/public/search_sfw_icon2.png);}
.header .search .search-type ul li.szc i{background-image: url(../images/public/search_szc_icon1.png);}
.header .search .search-type ul li.szc.on i{background-image: url(../images/public/search_szc_icon2.png);}


.header .search dl{position:relative; padding:8px 10px;background: #fff;}
.header .search dl dd{position:relative; margin-right:118px; padding-right:20px; padding-left:10px; background-color:#fff;}
.header .search dl dd input[type="text"]{padding:0; height:48px; line-height:48px; width:100%; font-size:16px; color:#999; background:url(../images/public/search_fdj_icon.png) left center no-repeat; border:0; vertical-align:top;padding-left: 25px;}
.header .search dl dt.button{position:absolute; top:8px; right:10px; z-index:2; width:118px; height:48px;}
.header .search dl dt.button .searchBtn{width:100%; height:100%; font-size:18px; color:#fff; background:#008FFF; -webkit-appearance:none; border:none; vertical-align:top; cursor:pointer;border-radius: 7px;}
.header .search dl dt.button .searchBtn:hover{background-color:#0C7AD0;}
.search-hot-word{margin-top: 20px;color: #fff;}
.search-hot-word a{color: #fff;padding-right: 10px;}



.mainnav{position:absolute; top:0; right:0; left:0; z-index:10; -webkit-transition:150ms; -moz-transition:150ms; -o-transition:150ms; transition:150ms;}
.mainnav:after{position:absolute; bottom:1px; right:0; left:0; content:""; width:100%; height:1px; background-color:rgba(255,255,255,.3);}
.header .mainnav .container{position: relative;}

.swiper-nav{width:62%; margin-left:0 !important;}
.swiper-nav .swiper-slide{position:relative; float:left; width:14%; text-align:center;}
.swiper-nav .swiper-home{width:10%;}
.swiper-nav .swiper-slide .link{position:relative; display:inline-block; font-size:1.25em; line-height:84px; text-align:center; white-space:nowrap;font-weight: bold;}
.swiper-nav .swiper-slide .link:after{position:absolute; bottom:0; right:0; left:0; content: ""; width:0; height:3px; margin:0 auto; background:#fff; -webkit-transition:150ms; -moz-transition:150ms; -o-transition:150ms; transition:150ms;} 
.swiper-nav .swiper-slide:hover .link:after,
.swiper-nav .swiper-slide.checked .link:after{width:100%;} 
.swiper-nav .swiper-slide.checked{background: url(../images/public/mainnav_li_onbg.png) left top repeat-x;}


.header-toggle-btn{position:absolute; right:0; top:0; z-index:100; width:89px; height:83px; color:#fff; background-color:rgba(255,255,255,.3); cursor:pointer;}
.header-toggle-btn div{position:relative; width:30px; height:20px; margin:30px auto; cursor:pointer;}
.header-toggle-btn span{position:absolute; display:block; left:0; width:100%; height:10%; background:#fff; transition:all .3s; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.header-toggle-btn span:nth-child(1){top:0;}
.header-toggle-btn span:nth-child(2){top:50%;}
.header-toggle-btn span:nth-child(3){top:100%;}
.header-open-the-picker .header-toggle-btn{width:62px; height:62px; background-color:#370000;}
.header-open-the-picker .header-toggle-btn div{margin-top:20px; margin-bottom:20px;}
.header-open-the-picker .header-toggle-btn span:nth-child(1){
        top:50%;
        -webkit-transform:translateY(-50%) rotate(-45deg);
        -ms-transform:translateY(-50%) rotate(-45deg);
        transform:translateY(-50%) rotate(-45deg);
}
.header-open-the-picker .header-toggle-btn span:nth-child(2) {
        -webkit-transform:translateY(-50%) scaleX(0);
        -ms-transform:translateY(-50%) scaleX(0);
        transform:translateY(-50%) scaleX(0);
}
.header-open-the-picker .header-toggle-btn span:nth-child(3) {
        top:50%;
        bottom:auto;
        -webkit-transform:translateY(-50%) rotate(45deg);
        -ms-transform:translateY(-50%) rotate(45deg);
        transform:translateY(-50%) rotate(45deg);
}
.header-open-the-picker .version{z-index:98 !important;}
.header-picker-mark{position:fixed; top:0; bottom:0; left:0; right:0; z-index:9; display:none;}
.header-picker{position:absolute; top:0; right:0; left:0; z-index:99; padding-top:40px; width:100%; height:0; opacity:0; display:none; transition:all .3s; -webkit-transition:all .3s; background:url(../images/header_drop_menu.png) no-repeat center bottom #c04b4b; box-sizing:border-box;}
.header-picker-mobile{opacity:100; display:block; height:100%;}
.picker-hall-over{width:100%; height:100%; overflow-x:hidden;}
.picker-hall-scroll{position:relative; width:100%; padding-right:20px; height:100%; overflow-x:hidden;}
.picker-hall-main{padding:30px 30px 0;}
.picker-hall-main ul li{float:left; width:20%; margin-bottom:20px;}
.picker-hall-main ul li dl{margin-right:15%; margin-left:15%;}
.picker-hall-main ul li dl dt{padding-bottom:20px;}
.picker-hall-main ul li dl dt a{font-size:1.125em; font-weight:bold; color:#ffe1e1;}
.picker-hall-main ul li dl dd.submenu span{display:block; padding-top:10px; padding-bottom:10px;}
.picker-hall-main ul li dl dd.submenu a{font-size:1.0675em; color:#facbcb;}
.picker-hall-main ul li dl a:hover{color:#fff !important;}
.header .picker-hall-main .container{position: relative;}

/*responsive*/

@media (max-width:1199px) {
	body{min-width:360px;font-size: 15px;}
	.container{width:auto;}	
	.header{min-width:360px; height:auto;}
	.swiper-nav{width: 68%;}
	.swiper-nav .swiper-slide{width:12%;}
	.header .version li a{ padding-right:6px; padding-left:6px;}
	.header .version{right:90px;}
	.header .container{width:100%;left: 0;margin-left: 0;padding: 0;}
	.banner-swiper .swiper-pagination{width: 100%;left: unset;right: 20px;margin-left: 0;}
}


@media (max-width: 1023px) {
	
}
@media (max-width:1004px){
	.swiper-nav .swiper-slide{width:12%}
}

@media (max-width: 991px) {
	.header .version li a{ padding-right:12px; padding-left:12px;}
	.header{background-size:auto 100%;}
	.header .version{position:relative; top:0; right:0; left:auto; z-index:100; padding:15px;}
	.header .version li.wza{display:none;}
	.header .logo{padding:40px 15px;}
	.header .search{width:auto; margin-right:15px; margin-bottom:40px; margin-left:15px;}
	.header .search dl dd{margin-right:80px; padding-right:15px; padding-left:15px;}
	.header .search dl dd input[type="text"]{height:45px; line-height:45px;}
	.header .search dl dt.button{width:80px; height:45px;}
	.header-toggle-btn{width:50px !important; height:50px !important;}
	.header-toggle-btn div{margin-top:15px !important; margin-bottom:15px !important;}
	.header-open-the-picker .header-toggle-btn{position:fixed;}
	.header-picker{position:fixed;}
	.picker-hall-main{padding-top:0;}
	.picker-hall-main ul li dl{margin-right:0; margin-left:5%;}
	.mainnav{position:static; background-color:#e45858; border-bottom:none;}
	.mainnav:after{content:normal;}
	.mainnav .swiper-nav{width:100%;}
	.swiper-nav .swiper-slide.checked{background: none;}
	.swiper-nav-pc.swiper-container{padding:5px 0;}
	.swiper-nav-pc .swiper-wrapper{display:block !important;}
	.swiper-nav-pc .swiper-slide{width:16.66667%;}
	.swiper-nav-pc .swiper-slide .link{display:block; margin:1px 5px; line-height:38px;}
	.swiper-nav-pc .swiper-slide .link:after{content:normal;}
	.swiper-nav-pc .swiper-slide:before{position:absolute; top:50%; left:0; z-index:1; content:""; width:1px; height:20px; margin-top:-10px; background-color:rgba(255,255,255,.35);}
	.swiper-nav-pc .swiper-home:before{visibility:hidden;}
	.swiper-nav-pc .swiper-slide.checked a,
	.swiper-nav-pc .swiper-slide a:hover{color:#fff; background-color:rgba(255,255,255,.2);}
	.swiper-nav-pc .swiper-slide a:after{content:normal;}


	.swiper-nav-m .swiper-slide{width:16.66667%!important; min-width:110px !important;}
	.swiper-nav-m .swiper-slide .link{line-height:normal!important; padding-top:12px; padding-bottom:16px;}
	.swiper-nav-m .swiper-slide .link:after{bottom:0;}
	.swiper-nav-m .swiper-slide:hover, 
	.swiper-nav-m .swiper-slide.checked{}
}

@media (max-width: 860px) {

}


/* xs mobile*/
@media (max-width: 768px) {
	body{font-size:15px;}
	.header .logo .department dd{font-size:2.2em; letter-spacing:0;}
	.swiper-nav-pc .swiper-slide{width:33.33333%;}
	.picker-hall-main ul li{width:100% !important;}
	.picker-hall-main ul li dl{margin-right:0; margin-left:0;}
	.picker-hall-main ul li dl dd.submenu span{float:left; margin-right:30px; padding-top:5px; padding-bottom:5px;}
	.picker-hall-main ul li dl dt{padding-bottom:10px;}
}

@media (max-width: 767px) and (min-width: 375px) {
	
}


@media (max-width: 640px) {
	.header .logo .department dd{font-size:2em;}
	.header .search .search-type ul li{width: 100px !important;margin-right: 0 !important;margin-left: 0 !important;background-position: center top !important;}
	.header .search .search-type ul li i{display: none;}
}
@media (max-width:550px){
.banner-swiper .swiper-slide{height: 400px;}	
.logo img{width: 50%;}
.header .logo{ padding: 15px;}
}

@media (max-width: 480px) {
	.header .logo{padding-top:30px; padding-bottom:30px;}
	.header .logo .department dt img{height:50px;}
	.header .logo .department dd{font-size:1.5em;}
	.header .search dl dd{margin-right:40px;}
	.header .search dl dd input[type="text"]{height:40px; line-height:40px;}
	.header .search dl dt.button{width:70px; height:40px;}
	.header-toggle-btn{width:40px !important; height:40px !important;}
	.header-toggle-btn div{width:20px; height:14px; margin-top:13px !important; margin-bottom:13px !important;}
	.header-toggle-btn div span{height:15%;}
	
}

@media (max-width: 414px) {
	.header .logo .department dd{font-size:1.375em;}

}

@media (max-width: 375px) {
	
	
}


@media (max-width: 320px) {
	
}