html,body {
    margin: 0 auto;
    width: 100%;
    /* background-color: rgb(177, 220, 254); */
}

ul,li {
    padding:0;
    margin:0;
    list-style:none;
}

a {
    text-decoration: none;
    color: #000;
}

.bigContainer {
    width: 100%;
    min-width: 1400px;
    margin-top: 6%;
    height: auto;
    background-color: rgb(233, 233, 233);
    display: table;
}

.topBanner {
    width: 100%;
    height: 140px;
    border-bottom: 1px solid rgb(179, 179, 179);
    text-align: center;
    position: relative;
}

.banner {
    width: 85%;
    height: 83%;
    display: inline-block;
}

#lang {
    cursor: pointer;
}

#lang:hover {
    background-color: rgb(177, 220, 254);
}

#selectlang {
    height: 70px;
    width: 75px;
    position: absolute;
    background-color: rgb(177, 220, 254);
    right: 73px;
    bottom: 24px;
    display: none;
    z-index: 100;
}

#selectlang p {
    line-height: 30px;
    margin: 0 auto;
    margin-top: 5px;
}

#selectlang p:hover {
    background-color: rgb(101, 130, 172);
}

#logo {
    float: left;
    margin-top: 75px;
}

#bannerList {
    float: right;
    width: 800px;
    margin-top: 92px;
}

.banner ul li {
    margin-right: 20px;
    max-width: 126px;
    text-align: center;
    display: inline-block;
    font-size: 112%;
}

#topImg {
    display: inline-block;
    width: 85%;
}

/* #container {
    text-align: center;
} */

#topImg {
    display: inline-block;
    width: 85%;
    margin-top: 40px;
}

#kgfx {
    width: 85%;
    display: inline-block;
    text-align: center;
    margin-top: 30px;
}

.bottomLine {
    border-bottom: 3px solid rgb(179, 73, 0);
    width: 65px;
    display: inline-block;
    margin-bottom: 10px;
}

#kgfxContent {
    width: 100%;
    height: 600px;
    margin-top: 20px;
    /* background-color: #000; */
}

#kgfxLeft {
    height: 100%;
    width: 61%;
    float: left;
    overflow: hidden;
}

#kgfxLeft ul {
    width: 400%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

#kgfxLeft ul li {
    width: 25%;
    height: 100%;
    float: left;
}

#kgfxLeft ul li img {
    width: 100%;
    height: 100%;
}

#kgfxRight {
    float: left;
    margin-left: 3%;
    width: 36%;
    height: 100%;
    background: -webkit-linear-gradient(rgb(201, 233, 254), rgb(239, 248, 255));
    /*  Safari 5.1 到 6.0 */
    background: -o-linear-gradient(rgb(201, 233, 254), rgb(239, 248, 255));
    /*  Opera 11.6 到 12.0 */
    background: -moz-linear-gradient(rgb(201, 233, 254), rgb(239, 248, 255));
    /*  Fx 3.6 到 15 */
    background: linear-gradient(rgb(201, 233, 254), rgb(239, 248, 255));
}

#kgfxRight ul li{
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

#kgfxRight ul li p {
    float: left;
    line-height: 45px;
    margin: 0 auto;
    margin-left: 8px;
    color: rgb(73, 121, 159);
}

.top a {
    color: rgb(73, 121, 159);
}

#kgfxRight ul li span {
    line-height: 45px;
}

.user-arrow{
    width:12px;
    margin-top: 20px;
    cursor:pointer;
    display:inline-block;
}


.rotate1{
    transform-origin:center center;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transition: transform 0.2s;
    -moz-transition: -moz-transform 0.2s; 
    -moz-transition: -moz-transform 0.2s; 
    -o-transition: -o-transform 0.2s; 
    -ms-transition: -ms-transform 0.2s; 
}

.selected .rotate1{
    transform-origin:center center;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transition: transform 0.2s; 
    -moz-transition: -moz-transform 0.2s; 
    -moz-transition: -moz-transform 0.2s; 
    -o-transition: -o-transform 0.2s; 
    -ms-transition: -ms-transform 0.2s; 
}

.more {
    color: rgb(149, 149, 149);
}

.more:hover {
    cursor: pointer;
}

.singleRight {
    float: right;
    margin-right: 15px;
}

.blue {
    background-color: rgb(65, 126, 191);
}

.top {
    height: 45px;
    background-color: white;
}

.description {
    display: none;
}

.white {
    background-color: white;
}

.selected .top p a {
    color: white;
}

.selected .top {
    background-color: rgb(65, 126, 191);
}

.selected .top .more {
    color: white;
}

.kgfxBottom {
    width: 100%;
    height: 550px;
    margin-top: 20px;
}

.kgxc {
    width: 85%;
    height: 600px;
    display: inline-block;
    text-align: center;
    margin-top: 30px;
}

.kgxcContent {
    height:450px;
    width: 100%;
    float: left;
    margin-top: 20px;
}

.kgxcLeft {
    float: left;
    height: 100%;
    width: 49%;
    overflow: hidden;
}

.kgxcScroll {
    overflow: hidden;
    position: relative;
}

.kgxcRight {
    float: left;
    margin-left: 2%;
    width: 49%;
    height: 100%;
}

.kgxcRight ul {
    width: 100%;
    height: 100%;
    margin-top: 10px;
}

.kgxc ul li {
    width: 50%;
    height: 50%;
    float: left;
}

.kgxcLeft .kgxcScroll li {
    width: 25%;
    height: 100%;
}

.small {
    width: 22%;
    height: 25%;
    background-color: rgb(177, 220, 254);
    z-index: 2;
    position: relative;
}

.big {
    width: 80%;
    height: 80%;
    background-color: white;
    position: absolute;
    left: 10%;
    bottom: 10%;
    display: flex;
    align-items: center;
    border-radius: 0 0 3px 3px;
    border-bottom: 4px solid rgb(163, 119, 116);
    
}

.big:hover {
    border-bottom: 4px solid rgb(109, 59, 58);
    box-shadow: 0 1px 1px 0px rgb(163, 119, 116);
}

.xshd {
    width: 85%;
    height: 700px;
    margin-top: 30px;
    display: inline-block;
    text-align: center;
}

#bottomContainer {
    width: 100%;
    height: auto;
    background-color: white;
    text-align: center;
}

.slyc {
    width: 85%;
    height: 650px;
    margin-top: 50px;
    display: inline-block;
}

.slycContent {
    width: 100%;
    height: 560px;
    margin-top: 10px;
}

.fl {
    float: left;
    width: 32%;
    height: 100%;
    margin-right: 2%;
}

.leftxw {
    
    background-color: rgb(248, 248, 248);
}

.rightz {
    /* background-color: green; */
    float: left;
    width: 32%;
    height: 100%;
}

.xw {
    width: 13%;
    height: 30px;
    background-color: rgb(148, 148, 148);
}

.xw p {
    text-align: center;
    line-height: 30px;
    margin: 0 auto;
    color: white;
    font-size: 14px;
}

.leftxw ul {
    width: 90%;
    margin-left: 5%;
    height: 85%;
    margin-top: 5%;
}

.leftxw ul li {
    margin-bottom: 30px;
}

.zhhd {
    width: 17%;
    height: 30px;
    background-color: rgb(148, 148, 148);
}

.zhhd p {
    text-align: center;
    line-height: 30px;
    margin: 0 auto;
    color: white;
    font-size: 14px;
}

.topImg {
    width: 100%;
    height: 43%;
    margin-top: 15px;
    background-color: rgb(203, 225, 249);
}

.zhhdContent {
    width: 100%;
    height: 48.8%;
    background-color: rgb(248, 248, 248);
    text-align: left;
}

.djt {
    width: 85%;
    height: 450px;
    margin-top: 50px;
    display: inline-block;
}

.scrollleft {
    display: inline-block;
    width: 1600px;
    height: 355px;
    margin-top: 20px;
    background-color: rgb(246, 246, 246);
}

.scrollleft li {
    width: 390px;
    margin-right: 15px;
    margin-left: 10px;
    height: 345px;
    margin-top: 5px;
    background-color: white;
    float: left;
    display: inline;
    border-radius: 8px;
}

.slbk {
    width: 100%;
    height: 450px;
    margin-top: 50px;
    display: inline-block;
    background-color: white;
}

.slbkContent {
    width: 100%;
    height: 355px;
    margin-top: 20px;
    background: url("slbk.png") no-repeat;
    background-size: 100% 100%;
}

.slbkContent ul {
    width: 100%;
    height: 100%;
}

.slbkContent ul li {
    width: 25%;
    height: 100%;
    opacity: .6;
    float: left;
    position: relative;
}

.green {
    background-color: rgb(7, 51, 36);
    border-bottom: 15px solid rgb(138, 164, 223);
}

.blue {
    background-color: rgb(11, 44, 116);
    border-bottom: 15px solid rgb(130, 202, 178);
}

.jiantou {
    width: 6px;
    height: 6px;
    border: 1px solid white;
    border-left-width: 0;
    border-bottom-width: 0;
    position: absolute;
    top: 180px;
    right: 30px;
    transform: matrix(0.71,0.71,-0.71,0.71,0,0);
}

.slbkMore {
    position: absolute;
    right: 39px;
    top: 174px;
    font-family: fangsong;
    color: white;
}

.slml {
    width: 100%;
    height: auto;
    background-color: white;
    text-align: center;
}

.photos {
    width: 100%;
    height: 750px;
    margin-top: 30px;
}

.photos ul {
    width: 100%;
    height: 100%;
}

.singlePhoto {
    width: 20%;
    float: left;
    overflow: hidden;
}

.singlePhoto img {
    width: 100%;
    height: 100%;
    transition: all 0.6s ease 0s;
    cursor: pointer;
}

.singlePhoto img:hover {
    transform: scale(1.1);
    
}

.short {
    height: 65%;
}

.longer {
    height: 80%;
}

.midlonger {
    height: 90%;
}

.longest {
    height: 97%;
}

.first {
    border-top: 15px solid rgb(101, 130, 172);
}

.second {
    border-top: 15px solid rgb(137, 96, 90);
}

.third {
    border-top: 15px solid rgb(242, 199, 165);
}

.fourth {
    border-top: 15px solid rgb(112, 157, 238);
}

.fifth {
    border-top: 15px solid rgb(44, 146, 148);
}

.h50 {
    width: 100%;
    height: 50px;
    display: inline-block;
}

.h90 {
    width: 100%;
    height: 90px;
    display: inline-block;
    background-color: #fcc596;
}

.h5 {
    width: 100%;
    height: 90px;
    background-color: #fcc596;
	margin-bottom: 2px;
}

.websites {
    width: 100%;
    height: 180px;
    display: inline-block;
    position: relative;
	background-color: #fcc596;
}

.sitenav {
    width: 100%;
    display: inline-block;
    height: 60px;
    /* border-bottom: 1px solid rgb(238, 250, 246); */
}

.sitenav li {
    height: 40px;
    margin-left: 30px;
    margin-top: 10px;
    float: left;
    text-align: center;
}

.sitenav li p{
    /* color: rgb(152, 205, 236);*/
	color: white;
    font-size: 20px;
    cursor: pointer;
    margin-bottom: 0px;
}

.sitenavLine {
    border-bottom: 4px solid white;
    width: 120px;
    position: absolute;
    top: 50px;
    left: 8px;
}

.sxhdScroll {
    width: 100%;
    height: 600px;
    margin-top: 30px;
    overflow: hidden;
}

.sxhdScroll ul {
    width: 400%;
    height: 100%;
    position: relative;
}

.sxhdScroll ul li {
    width: 25%;
    height: 100%;
    float: left;
}

.sites {
    width: 96%;
    margin-left: 2%;
    height: 100px;
    margin-top: 10px;
    text-align: left;
    display: none;
}

.sites span {
    margin-right: 10px;
    white-space: nowrap;
    /* color: rgb(173, 214, 242); */
	color: white;
    line-height: 28px;
}

.final {
    width: 100%;
    height: 120px;
    background-color: #fcc596;
    display: inline-block;
}

.selectsite {
    display: block;
}

@media (min-device-width: 320px) and (max-width: 689px),
(max-device-width: 480px) {
    .scrollleft {
        width: 1200px;
    }
}