html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {margin:0;padding:0;border:0;font-size:100%;font-weight:normal;vertical-align:baseline;background:transparent;}
article, aside, figure, footer, header, nav, section, details, summary {display:block;}html {box-sizing:border-box;}img,object,embed {max-width:100%;}
html {}ul {list-style:none;}a {margin: 0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;}a:hover {text-decoration:none;}
input, select {vertical-align:middle;}select, input, textarea {font: 99% sans-serif;}strong {font-weight:bold;}button, input, select, textarea {margin:0;}
/*common*/
body {color:#333333; background:#fff;font-family:'Microsoft YaHei'; margin: 0 !important; padding: 0;}
.fl{ float:left;}
.fr{ float:right;}
.overHide{ overflow:hidden;}
.container{ width:1000px; margin:0 auto; padding:0;}
.posiR{ position:relative;}
.hide{ display:none;}
.clear{ clear:both;}
.head_nav{text-align:center;font-size:12px; width:1000px;line-height:24px; height:24px; color:#fff; background-color:#444;margin:0 auto}
.head_nav a:visited,.head_nav a:link{font-size:12px; color:#fff; margin:0 5px}
.head_nav a:hover,.head_nav a:active{font-size:12px; color:#FF0}

.foot{ text-align:center; font-size:12px; width:950px; padding:25px; line-height:22px; color:#fff; background-color:#666;  margin:0 auto; clear:both}
.foot a:visited,.foot a:link{ color:#fff}
.content{ width:100%;}
/*header*/
.box{ width:100%; margin:0 auto; padding:0; }
/*nav*/

.nav-list{
    color: #ffffff;
    position: fixed;
    width: 100px;
    height: 204px;
    right:40px;
    z-index: 999;
    top: 50%;
    margin-top: -102px;
}
.nav-list ul{
    width: 100px;
    float: left;
    height: 204px;
}
.nav-list ul li{
    width: 100px;
    color: #ccd5ff;
    text-align: center;
    float: left;
}
.nav-list ul li a{
    color: #ccd5ff;
}
.nav-list ul li:hover a p,.nav-list ul li.active a p{
    opacity: 1;
    color: #ffeb01;
}
.nav-list ul li a span{
    float: right;
    width: 34px;
    height: 34px;
    display: block;
    background: url("../images/nav-dot.png") no-repeat center;
}

.nav-list ul li.active a span.no1{
    background: url("../images/nav-icon01.png") no-repeat center;
}.nav-list ul li.active a span.no2{
    background: url("../images/nav-icon02.png") no-repeat center;
}.nav-list ul li.active a span.no3{
    background: url("../images/nav-icon03.png") no-repeat center;
}.nav-list ul li.active a span.no4{
    background: url("../images/nav-icon04.png") no-repeat center;
}.nav-list ul li.active a span.no5{
    background: url("../images/nav-icon05.png") no-repeat center;
}
.nav-list ul li.active a span.no6{
     background: url("../images/nav-icon06.png") no-repeat center;
 }
.nav-list ul li a p{
    font-size: 14px;
    line-height: 34px;
    width: 56px;
    text-align: center;
    opacity: 0.4;
    float: left;
    color: #ffffff;
}
.nav-list-left{
    width: 187px;
    height: 110px;
    float: left;
    background: url("../images/nav-left-bg.png")no-repeat right center;
    text-align: left;
}
.nav-list-left p{
    font-size: 18px;
    color: #ccd5ff;
    padding-top: 27px;
    padding-top: 16px;
}
.nav-list-left h3{
    font-size: 27px;
    color: #ccd5ff;
}

/*第一屏*/
.cont-1{
    width: 100%;
    height: 100%;
    background: url("../images/cont-1.jpg") no-repeat center !important;
    background-size: 100% 100%;
    min-height: 600px !important;
}
.cont-1-h2{
    font-size: 30px;
    color: #ffffff;
    text-align: center;
    top: 22%;
}
.cont-1-c{
    width: 556px;
    height: 491px;
    background: url("../images/cont-1-computer.png") no-repeat center bottom;
    margin: 0 auto;
    padding: 7% 36px 0 36px;
}
.cont-1-c p{
    font-size: 16px;
    line-height: 26px;
    color: #ffffff;
    text-indent: 2em;
}
.cont-1-c p.no1{
    text-indent: 0em;
    padding-top: 36px;
}

/*第二屏*/
.cont-2{
    width: 100%;
    height: 100%;
    background: url("../images/cont-2.jpg") no-repeat center !important;
    background-size: 100% 100%;
}
.cont-2-c{
    width: 100%;
    height: 522px;
    background: url("../images/cont-2-c.png") no-repeat top center;
    margin-top: 4%;
}
#thenceThen{
    margin: 0 auto;
    text-align: center;
    font-size: 50px;
}
#thenceThen i{
    font-size: 50px;
    color: #ffffff;
    text-align: center;
    padding: 0 8px;
    margin: 0 8px;
    font-style: normal;
    background: #4e35d0;
}
#thenceThen span{
    color: #55bdff;
    margin: 0;
    text-align: center;
    display: inline-block;
}

/*第三屏*/
.cont-3{
    width: 100%;
    height: 100%;
    background: url("../images/cont-3.jpg") no-repeat center !important;
    background-size: 100% 100%;
}
.hiSlider-pages,.hiSlider-title{position:absolute;z-index:3}
.hiSlider-btn-prev,.hiSlider-btn-next{position:absolute;z-index:5;top:272px;height:56px;width:30px;text-indent:-200px;overflow:hidden;}
.hiSlider-btn-prev{left:0px;background: url("../images/prev.png") no-repeat top center;}
.hiSlider-btn-next{right:0px;background: url("../images/next.png") no-repeat top center;}
.hiSlider-btn-prev:hover,.hiSlider-btn-next:hover{opacity:1;filter:alpha(opacity:100)}
.hiSlider-title{bottom:0;width:100%;color:#fff;text-indent:10px;background:rgba(0,0,0,.6);z-index:2;font:14px/2 "Microsoft YaHei",Arial,Tahoma}
.hiSlider-pages{bottom:0px; left:442px;text-align:right; }
.hiSlider-pages a{height:17px;width:18px;margin:0 10px;display:inline-block;overflow:hidden;text-indent:-100px;font-size:0;border-radius:50%;background:url("../images/page.png") no-repeat top center;}
.hiSlider-pages a.active{background:url("../images/page-active.png") no-repeat top center;}

.hiSlider-wrap{
    height: 600px !important;
}
.hiSlider{
    /*padding: 0 64px !important;*/
}
.cont-3-img{
    padding-left: 64px;
    padding-top: 100px;
}
.cont-3-clist{
    padding: 161px 63px 0 127px;
}
.cont-3-clist ul{
    margin-left: -166px;
}
.cont-3-clist ul li{
    height: 224px;
    float: left;
    margin-left: 166px;
    width: 133px;
    text-align: center;
}
.cont-3-clist ul li img{
    text-align: center;
    margin-bottom: 20px;
}
.cont-3-clist ul li p{
    font-size: 30px;
    color: #ffffff;
}
.cont-3-clist ul li p em{
    font-size: 14px;
    font-style: normal;
}
.cont-3-clist ul li span{
    font-size: 18px;
    color: #ccd5ff;
}
.cont-3-1{
    width: 350px;
    height: 350px;
    float: left;
    margin-left: 16px;
}
.cont-3-1 h3{
    font-size: 20px;
    color: #ffffff;
    line-height: 40px;
    text-align: center;
}
.cont-3-1-t{
    width: 350px;
    height: 291px;
    margin-top: 20px;
    background: url("../images/table-1.png") no-repeat top center;
}
.cont-3-1-t table{
    width: 100%;
    text-align: center;
    color: #ffffff;
}
.cont-3-1-t table thead th{
    line-height: 44px;
    font-size: 16px;
}
.cont-3-1-t table thead th span{
    font-size: 14px;
}
.cont-3-1-t table tr td{
    font-size: 14px;
    line-height: 38px;
}
/*第四屏*/
.cont-4{
    width: 100%;
    height: 100%;
    background: url("../images/cont-4.jpg") no-repeat center !important;
    background-size: 100% 100%;
}
.cont-4-c1{
    padding: 52px 194px 0 193px;
    width: 613px;
    height: 449px;
    background: url("../images/table-2.png") no-repeat bottom center;
}
.cont-4-c1 table{
    width: 100%;
    color: #ffffff;
    text-align: center;
}
.cont-4-c1 table thead th{
    line-height: 44px;
    font-size: 16px;
}
.cont-4-c1 table tr td{
    line-height: 38px;
    font-size: 14px;
}
.cont-4-c2{
    padding: 45px 111px 0 111px;
    width: 778px;
    height: 465px;
    background: url("../images/table-3.png") no-repeat bottom center;
}
.cont-4-c2 table{
    width: 100%;
    color: #ffffff;
    text-align: center;
}
.cont-4-c2 table tr{
    margin-bottom: 10px;
    height: 92px;
}

.cont-4-c2 table tr td{
    font-size: 14px;
    padding-top: 20px;
    overflow: hidden;

}
.cont-4-c2 table tr td b{
    display: inline-block;
    text-align: center;
    padding-left: 53px;
    line-height: 45px;
}


.cont-4-c2 table tr td em{
    font-size: 18px;
    font-style: normal;
}
.cont-4-c2 table tr td em.no1{
    font-size: 24px;
    color: #ffea00;
}
.cont-4-c2 table tr td span{
    color: #ffea00;
}
.cont-4-c2 table tr td p{
    font-size: 14px;
    color: #ccd5ff;
}
.cont-4-c3{
    padding: 135px 59px 0 59px;
    width: 881px;
    height: 314px;
    background: url("../images/cont-4-icon01.png") no-repeat bottom center;
}
.cont-4-c4{
    padding: 83px 134px 0 133px;
    width: 733px;
    height: 311px;
    background: url("../images/cont-4-icon02.png") no-repeat bottom center;
}




/*第五屏*/
.cont-5{
    width: 100%;
    height: 100%;
    background: url("../images/cont-5.jpg") no-repeat center !important;
    background-size: 100% 100%;
}

.cont-5-c1{
    padding: 0px 93px 0 93px;
    width: 812px;
    height: 495px;
    background: url("../images/table-4.png") no-repeat  center;
    margin-top: 30px;
}
.cont-5-c1 table{
    width: 100%;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
}
.cont-5-c1 table tr td{
    line-height: 30px;
    font-size: 14px;
}
.cont-5-c1 table tr td.no1{
    line-height: 40px;
}
.cont-5-c1 table tr td.no2 {
    color:#ffea00;
}
.cont-5-c1 table tr td.no3{
    font-size: 16px;
}
.month-list{
    width: 362px;
    height: 38px;
    background: url("../images/month-bg.png") no-repeat center;
    margin: 30px auto 35px auto;
}
.month-list ul {
    margin-top: 1px;
}
.month-list ul li{
    width: 90px;
    height: 36px;
    float: left;
    color: #ffffff;
    opacity: 0.8;
    text-align: center;
    font-size: 20px;
    line-height: 36px;
    cursor: pointer;
}
.month-list ul li.active{
     color: #ffeb01;
    opacity: 1;
    background: url("../images/month-bgon.png") no-repeat center;
}
.month-box{
    margin: 0 60px ;
}
.month{
    width: 880px;
    height: 430px;
}

/*第六屏*/
.cont-6{
    width: 100%;
    height: 100%;
    background: url("../images/cont-6.jpg") no-repeat center !important;
    background-size: 100% 100%;
}
.cont-6-c{
    padding: 106px 100px 0 100px;
}
.cont-6-c ul{
    margin-left: -28px;
}
.cont-6-c ul li{
    float: left;
    margin-left: 28px;
    padding: 154px 20px 0px 20px;
    height: 195px;
    width: 208px;
    font-size: 14px;
    line-height: 26px;
    color: #ffffff;
    text-indent: 2em;
}
.cont-6-c ul li.no1{
    background: url("../images/cont-6-icon01.png") no-repeat top center;
}
.cont-6-c ul li.no2{
    background: url("../images/cont-6-icon02.png") no-repeat top center;
}
.cont-6-c ul li.no3{
    background: url("../images/cont-6-icon03.png") no-repeat top center;
}

.swiper-container{
    width: 1000px;
    height: 600px !important;
}
.swiper-button-prev{
    position:absolute;z-index:5;top:272px;height:56px !important;width:30px !important;text-indent:-200px;overflow:hidden;left:0px;background: url("../images/prev.png") no-repeat top center !important;
}
.swiper-button-next{
    position:absolute;z-index:5;top:272px;height:56px !important;width:30px !important;text-indent:-200px;overflow:hidden;right:0px;background: url("../images/next.png") no-repeat top center !important;
}
.swiper-pagination-bullet{
    height:17px !important;width:18px !important;margin:0 10px !important;display:inline-block;overflow:hidden;text-indent:-100px;font-size:0;border-radius:50%;background:url("../images/page.png") no-repeat top center !important;
}
.swiper-pagination-bullet-active{background:url("../images/page-active.png") no-repeat top center !important;}

.swiper-pagination-bullets{
    bottom:0px !important; left:442px !important;text-align:right !important;
    width: auto !important;
}
.mapFenbu{
   width: 778px;
    height: 467px;
    background: url('../images/map-fenbu.png') no-repeat center;
}