@charset "utf-8";
body{background: none !important;}

.headerbox {
    width: 100%;
    height: 220px;
    background: url(/xxgk/template/zhuanqu/images/banner.png) top center no-repeat;
    text-align: center;
}
.headerbox img {
    margin-top: 40px;
}
.is-main {
    padding: 20px 0 50px;
    width: 1200px;
    margin: 0 auto;
}
.xqlist {
    width: 266px;
}
.xqlisttitle {
    width: 266px;
	height: 90px;
	background-color: #346fe8;
    text-align: center;
    line-height: 90px;
    font-size: 24px;
	font-weight: bold;
	color: #ffffff;
    margin-bottom: 10px;
}
.xqkfqlist ul li {
    width: 128px;
	height: 55px;
	background-color: #f5f5f5;
    text-align: center;
    line-height: 55px;
    font-size: 20px;
	color: #333333;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
    margin-bottom: 10px;
    cursor: pointer;
}
.xqkfqlist ul li:nth-child(2n) {
    float: right;
}
.xqkfqlist ul li.on {
	background-color: #346fe8;
    color: #fff;
}
.xqkfqlist ul li.on a{color: #fff;}
.xqkfqlist ul li a{
    display: block;
    width: 100%;
    height: 100%;
}

.xqjs {
    width: 913px;
    padding-left: 19px;
    border-left: 1px solid #ededed;
}
.xqjstitle {
    margin-bottom: 10px;
}
.xqjstitle ul li a {
    display: block;
	width: 100%;
	height: 100%;
}
.xqjstitle ul{margin-bottom: 0;}
.xqjstitle ul li {
    width: 170px;
	height: 40px;
	background-color: #ffffff;
	border: solid 1px #dddddd;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
	color: #333333;
    float: left;
    margin: 0 9px 10px 0;
    cursor: pointer;
}
.xqjstitle ul li:nth-child(5n) {
    margin-right: 0;
}
.xqjstitle ul li.on {
    border: solid 2px #346fe8;
    color: #346fe8;
}

.rotation {
    width: 100%;
}
.rotation .bd {
    width: 893px;
	height: 550px;
}
.rotation .bd ul li {
    width: 893px;
	height: 550px;
}
.rotation .bd img {
    width: 100%;
    height: 100%;
}
.rotation .hd {
    width: 100%;
    height: 54px;
}
.rotation .hd ul{margin-bottom: 0;}
.rotation .hd ul li {
    width: 80px;
	height: 54px;
    border: solid 4px #a3a3a3;
    float: left;
    margin: 2px 1px 0 0;
}
.rotation .hd ul li img{width: 100%;height: 100%;}
.rotation .hd ul li.on {border: solid 4px #346fe8;}






/*media query*/
/*large pcScreen*/
@media (min-width:1280px) {}

/*medium pcScreen lg*/
@media screen and (max-width: 1279px) {}

@media screen and (max-width: 1200px) {}

/*pad md*/
@media screen and (max-width: 991px) {}

/*phone sm*/
@media screen and (max-width: 767px) {
    
}

/*small xs*/
@media screen and (max-width: 600px) {}

@media screen and (max-width: 580px) {}

@media screen and (min-width:768px) and (max-width: 1025px){
    .xqlist,.xqjs,.rotation .bd,.rotation .bd ul li{width: 100%;}
    .xqjs{padding-left: 0;border-left: none;}
    .is-main{width: 100%;padding: 20px 15px 50px;box-sizing: border-box;}
    .headerbox div{width: 100% !important;padding: 0 15px;left: 0;margin-left: 0;}
    .xqkfqlist ul li:nth-child(2n){float: left;margin: 0 10px 10px;}
}