*{
	margin: 0;
	padding: 0;
    font-family: "Arial", "Times New Roman", "Verdana","Tahoma","Microsoft YaHei","Hiragino Sans GB",tahoma,arial,simhei;
    color: #666;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td，img {
padding: 0;
margin: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset,img {
border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-weight: normal;
font-style: normal;
}
ol,ul {
list-style: none;
}
caption,th {
text-align: left;
}
h1,h2,h3,h4,h5,h6 {
font-weight: normal;
font-size: 100%;
}

abbr,acronym { border: 0;
}
.clear{ height:0px;line-height:0px;clear:both;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
*+html .clearfix { overflow:hidden;}
* html .clearfix { height: 1%;}
body{
    min-width: 1200px;	
    background:#fff url( "../images/bg.png")no-repeat center bottom;
	padding:0; margin: 0;

}
a img{
    border: 0;
}
a{
	color: #666;
    text-decoration:none;
}
a:hover{
	color:#ff0000;
}
.float_l{
	float:left;
}
.float_r{
	float:right;
}
.red{
	color:#cc0000
}
.header{
    background:url("../images/headbg.png") no-repeat center top;
    height: 323px;
    padding-top:29px;
}
.logo{
	width: 1200px;
	height: 73px;
    margin: 0 auto;
	
}
.logo a{
	width: 601px;
	height: 73px;
	display: block;
background: url(../../images/banner2023.png) no-repeat left center;
 background-size: 600px;
}

.nav{

    background: #1C649F;
    height: 60px;
   
    
}

.nav .menu{
	width: 1200px;
	margin: 0 auto;
	height: 29px;
	padding-top:15px;
	font-weight: 500;
    font-size: 24px
}
.nav .menu a{
	display:inline;
	padding-right:70px;
	color: #fff;
}

.nav .menu span{
	display:inline;
	margin-right:70px;
	color: #fff;
	border-right:#fff solid 2px;
	opacity: 0.8;
}
.nav .menu a:hover{
	display:inline;
	color: #d75f00;
}

.main{
    width:1200px;
    margin:0 auto;
}

.main .img_show{
    margin: 84px auto;
    height: 720px;
}

.img_list{
    height: 100%;
    overflow: hidden;
}
.img_list .imgcon{
    float:left;
    height: 250px;
    width: 587px;
    margin-bottom: 32px;
   
}
.img_list .imgcon:nth-child(even){
    margin-right: 0px !important;
   
}
.img_list .imgcon .img-box{
    float:left;
    width: 350px;
    height: 250px;
}
.img_list .imgcon .textcon{
    float:left;
    width: 197px;
    height: 210px;
    background: #666666;
    color: #fff;
    padding:20px;
    
}
.img_list .textcon h2{
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    line-height: 30px;
    border-bottom: #fff solid 1px;
    padding-bottom: 5px;
}
.img_list .textcon p{
    color: #fff;
    font-size: 20px;
    line-height: 28px;
    font-weight: 100;
    padding-top:20px;
}
.img_list .textcon h2 a{
    
    color: #ffffff;
}
.img_list .textcon h2 a:hover{
    
    color: #CC0000;
}

/*****底部*****/

.footer{
    width: 100%;
    height: 180px;
    background-image: url(../images/footer.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: relative;
	margin-top:50px;
}
.footer-top{
    height: 45px;
    width: 100%;
    background-color: #E6E6E6;
    text-align: center;
    line-height: 45px;
    font-size: 16px; 
}
.footer-top a{
	font-weight:bold;
    margin:0 34px;
    color: #373737;
}
.footer-top a:hover{
    color: #19629F;
}
.footer-top .quick{
    color: #19629F;
    font-size: 20px;
    position: relative;
    padding-left: 40px;
}
.footer-top .quick img{
    margin-right: 10px;
    position: absolute;
    top:-4px;
    left: 0;
}

.footer .footer-content{
    padding-top: 33px;
    background-color: #1C649F;

}
.footer .select-bar{
    height: 40px;
    width: 1200px;
    margin: auto;
    position: relative;
}

.select-list{
    float: left;
    margin-right: 35px;
}
.select-div{
    width: 139px;
    height: 36px;
    position: relative;
    display: inline-block;
    background-position: 100% 50%;
    border: 1px solid #2B74AF;
    background-image: url(../images/arrow_bottom.png);
    background-repeat: no-repeat;
    background-position: 124px 16px;
    cursor: pointer;
}
}


.select-list select{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0)
}
.select-list .check-box{
    width: 1156px;
    background-color: #f3f3f3;
    border:1px solid #D9D8D8;
    position: absolute;
    bottom: 42px;
    left: 0;
    display: none;
    padding:20px;
}
.check-box.on{
    display: block
}

.check-box .check-title{
    font-size: 20px;
    font-weight: bold;
    border-left: 4px solid #C80000;
    height: 24px;
    line-height: 24px;
    color: #0E4C95;
    text-indent: 10px;
}
.check-list span{
    display: block;
    float: left;
    width: 144px;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    color: #333;
    margin-top: 20px;
    cursor: pointer;
}
.check-list span:hover{
    color: #19609E;
}





.footer .footer-bottom{
    width: 800px;
    margin: auto;
    padding-left:230px;
    padding-right: 170px;
    position: relative;
}

.footer .footer-bottom div{
    padding:24px 0; 
}
.footer .footer-bottom p{
    font-size:14px;
    color: #fff;
    line-height: 30px;
    text-align: left;
}
.icp{
    position: relative;
    height: 14px;
    margin-right: 3px;
    top:1px;
}
.link-list a{
    margin: 0 17px;
    color: #fff;
}


.right-nav{
    width: 64px;
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: -228px;
}
.right-nav-list{
    width: 64px;
    height: 64px;
    background-color: #FAFAFA;
    border:1px solid #DCDCDC;
    text-align: center;
    margin-bottom:10px; 
    cursor: pointer;
    position: relative;
}
.right-nav-list:hover{
    background-color: #EBF4FD;
}
.right-nav-list .hide-box{
    display: none;
    position: absolute;
    right:  64px;
    top: -1px;
}



.right-nav-list:hover .hide-box{
    display: block;
    
}
.right-nav-list .img-box{
    height: 40px;
    line-height: 40px;
    
}
.right-nav-list .img-box img{
    position: relative;
}
.right-nav-list span{
    font-size: 14px;
    color: #000;
    line-height: 24px;
}




.right-search-bar{
    width: 300px;
    height: 64px;
    background-color: #EBF4FD;
    border: 1px solid #DCDCDC;
    text-align: left
}
.right-search-bar input{
    height: 40px;
    width: 230px;
    margin: 10px;
    font-size: 16px;
    text-indent: 5px;
}
.right-search-bar img{
    margin-top:16px;
    margin-right: 18px;
    float: right;
    cursor: pointer
}

.right-text-box{
    height: 64px;
    width: 128px;
    border: 1px solid #DCDCDC;
    background-color: #EBF4FD;
    text-align: center;
    line-height: 64px;
    color: #000;
    font: 16px;
}

.qrcode-box{
    padding: 10px;
    border: 1px solid #DCDCDC;
    background-color: #EBF4FD;
    border-radius: 5px;
}
.qrcode-img{
    width: 160px;
    height: 160px;
}
.qrcode-text{
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    color: #333;
}




/******************/

#wrapper{
	width:1200px;
	margin:84px auto;
	height:720px;
	position:relative;
	color:#fff;
}

#slider-wrap{
	width:1200px;
	height:720px;
	position:relative;
	overflow:hidden;
}

#slider-wrap ul#slider{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;		
}

#slider-wrap ul#slider li{
	float:left;
	position:relative;
	width:1200px;
	height:720px;	
}

#slider-wrap ul#slider li > div{
	position:absolute;
	z-index: 100;

	top:50%;

}

#slider-wrap ul#slider li > div h3{
	font-size:36px;
	text-transform:uppercase;	
	margin-top:600px; 
	text-align:center;
    font-weight:100;
	color: #fff;
	
}

#slider-wrap ul#slider li > div span{
	
	font-size:30px;
}

#slider-wrap ul#slider li i{
	text-align:center;
	line-height:720px;
	display:block;
	width:100%;
	font-size:90px;	
}


/*btns*/

.btns{
	position:absolute;
	width:50px;
	height:60px;
	top:50%;
	margin-top:-25px;
	line-height:57px;
	text-align:center;
	cursor:pointer;	
	background:rgba(0,0,0,0.1);
	z-index:100;
	
	
	-webkit-user-select: none;  
	-moz-user-select: none; 
	-khtml-user-select: none; 
	-ms-user-select: none;
	
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

.btns:hover{
	background:rgba(0,0,0,0.3);	
}

#next{right:-50px; border-radius:7px 0px 0px 7px;}
#previous{left:-50px; border-radius:0px 7px 7px 7px;}
#counter{
	top: 30px; 
	right:35px; 
	width:auto;
	position:absolute;
}

#slider-wrap.active #next{right:0px;}
#slider-wrap.active #previous{left:0px;}


/*bar*/
#pagination-wrap{
	
	margin-top:600px;
	margin-left: auto; 
	margin-right: auto;
	height:15px;
	position:relative;
	text-align:center;
	z-index: 10;
}

#pagination-wrap ul {
	width:1200px;;
	background:url("../images/imgbg.png") repeat;
	
	height: 120px;
}

#pagination-wrap ul li{
	margin:80px  4px 0 0;
	display: inline-block;
	width:100px;
	height:7px;
	
	background:#cc0000;
	opacity:0.5;
	position:relative;
  top:0;
  
  
}

#pagination-wrap ul li.active{
	width:100px;
	height:7px;
	opacity:1;
	background:#666;
	box-shadow:rgba(0,0,0,0.1) 1px 1px 0px;	
}





/*ANIMATION*/
#slider-wrap ul, #pagination-wrap ul li{
	-webkit-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	-moz-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	-o-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	-ms-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	transition: all 0.3s cubic-bezier(1,.01,.32,1);	
}



#slider-wrap ul#slider li .showTitleInfo h3{
	font-size:36px;
	text-transform:uppercase;	
	margin-top:600px; 
	text-align:center;
    font-weight:100;
	color: #fff;
	
}

.check-list span a:hover{
	color:#0A5F9E;
}



.select-list .select-span{
        position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 38px;
    text-indent: 16px;
    color: #fff;
    font-size: 17px;
}