/**
 * fullPage 2.4.6
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
 *{ padding:0; margin:0 ; margin:0;}
html, body {
    margin: 0;
    padding: 0;
    overflow:hidden;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
a{ transition:all 0.5s;}
*{ margin:0; padding:0;}
ul{ list-style:none;}
#superContainer {
    height: 100%;
    position: relative;

    /* Touch detection for Windows 8 */
    -ms-touch-action: none;

    /* IE 11 on Windows Phone 8.1*/
    touch-action: none;
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: scroll;

}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
}
#fp-nav.right {
    right: 17px;
}
#fp-nav.left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span {
    background: #fff;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 2px solid #fff;
    background: rgba(0, 0, 0, 0);
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
}
#fp-nav ul li:hover .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}

#loading{ position:fixed; left:0; top:0; background:#000; width:100%; height:100%; z-index:1000;}
#move{ margin:0 auto; text-align:center; width:1px; background:#fff; transition:background 0.5s; overflow:hidden;}


/*头部导航*/
#top{ width:100%; position:fixed; z-index:100; transition:all 0.5s;}
#top:hover{ background:rgba(0,0,0,0.8);}
#logo{ float:left; margin:27px 0 10px 30px;}

#menu{ float:right; margin-right:20px; margin-top:27px; overflow:hidden;}
#menu ul li{ float:left; margin-right:30px;}
#menu ul li a{ display:block; line-height:60px; padding:0 30px 0 0px; color:#fff; font-size:18px; text-decoration:none; background:url(../image/line.jpg) no-repeat left bottom/0px 2px;}
#menu ul li a:hover{ color:#089bec;background:url(../image/line.jpg) no-repeat left bottom/100% 2px; }

#menu ul li .zmenu{ background:#eee; position:absolute; padding:30px; display:none;}
#menu ul li .zmenu a{ line-height:40px; font-size:14px; color:#000;}
#menu ul li .zmenu a img{ width:30px; vertical-align:middle; margin-right:10px;}

#close{ display:none;}
#menu_btn{ display:none;}

#lan{ float:right; margin:43px 22px 0 0; overflow:hidden;}
#lan_btn{ width:25px; line-height:25px; text-align:center; color:#fff; display:block; text-decoration:none; font-size:12px; border-radius:50%; border:solid 2px #fff; float:left; margin-right:10px;}
#lan_btn span:nth-child(2){ display:none;}
#search_btn{ display:block;width:29px; height:29px; border-radius:50%; background:#fff; overflow:hidden;}

#lan_search{ float:right; overflow:hidden;}
#lan_search p{float:left;}
#lan_search input{ height:28px; border-top-left-radius:50px;border-bottom-left-radius:50px; background:none; border:solid 1px #fff; width:150px; font-size:12px; text-indent:10px; color:#fff; margin:0;float:left;outline:none;}
#lan_search input::placeholder{ color:#fff; text-indent:10px;}
#lan_search button{ background:#fff; line-height:30px;width:70px;border-top-right-radius:50px;border-bottom-right-radius:50px; cursor:pointer; border:0;}


#search{ position:absolute; width:100%; background:rgba(0,0,0,0.8); height:200px; display:none;}
#search div{ width:90%; max-width:800px; margin:79px auto 0 auto; overflow:hidden; border:solid 1px #d60c1c; transition:all 0.5s;}
#search div input{ width:70%; border:solid 0px #d60c1c; background:none; height:40px; line-height:40px; float:left; text-indent:10px; color:#fff;}
#search div button{ width:30%; height:40px; background:#d60c1c; float:left; font-size:16px; color:#fff; cursor:pointer; transition:all 0.5s; border:0;}
#search div:hover{ border:solid 1px #d60c1c;}
#search div button:hover{ background:#d60c1c; color:#fff;}

#search div p{ position:absolute; width:11px; height:11px; background:#000; border:solid 2px #333; padding:5px; border-radius:50%; overflow:hidden; margin:-20px 0 0 790px; cursor:pointer;}
#search div p img{ width:100%;}

#language{ position:absolute; background:#eee; margin-top:50px; text-align:left; right:20px; overflow:hidden; padding:10px 20px; border-top-left-radius:20px;border-bottom-right-radius:20px; display:none;}
#language a{ display:block; line-height:40px;background:url(../image/line.jpg) no-repeat left bottom/0% 2px; font-size:14px; color:#000; text-decoration:none;}
#language a:hover{background:url(../image/line.jpg) no-repeat left bottom/100% 2px; }





#index1{ }
#index2{ background:url(../image/di2.jpg) no-repeat center /120% auto; transition:all 5s ease-out;}
#index2 .k1{ overflow:hidden;}
#index2 .k1 p.a1{ font-size:48px; font-weight:900; text-transform:uppercase; line-height:80px; letter-spacing:5px; opacity:0;}
#index2 .k1 p.a2{ font-size:16px; opacity:0; margin-top:10px; line-height:24px;}
#index2 .k2{ overflow:hidden; text-align:center; margin-top:30px;}
#index2 .k2 ul{ width:1248px; margin:0 auto;}
#index2 .k2 ul li{ float:left; margin:15px 15px 0 15px; opacity:0; padding-bottom:30px;}
#index2 .k2 ul li a{ display:block; border:solid 1px rgba(255,255,255,0.2); color:#fff; width:210px; height:auto; text-decoration:none;}
#index2 .k2 ul li a p.a1{ overflow:hidden; margin-top:20px;}
#index2 .k2 ul li a img{ width:100%;}

#index2 .k2 ul li a p.a2{ overflow:hidden; margin-top:10px; padding-bottom:10px;}

#index2 .k2 ul li a:hover{ border:solid 1px #fff;}

#index2 .k2 ul li:nth-child(5) a:hover p.a1 img{-webkit-animation:myfirst2 3s linear infinite;}




#index3{ background:url(../image/di3.jpg) no-repeat center /120% auto; transition:all 5s ease-out;}
#index3 .k{ overflow:hidden;}
#index3 .k p.a1{ font-size:48px; font-weight:900; text-transform:uppercase; line-height:80px; letter-spacing:5px; opacity:0;}
#index3 .k p.a2{ font-size:16px; line-height:24px; opacity:0; margin-top:80px; width:1300px; margin:80px auto 0 auto}
#index3 .k p.a2 br{ display:none;}
#index3 .k p.a3{ overflow:hidden; margin:60px auto; opacity:0;}
#index3 .k p.a3 a{ display:block; line-height:36px; width:120px; text-align:center; font-size:16px; color:#fff; border:solid 2px #fff; border-radius:50px; margin:0 auto; text-decoration:none;}
#index3 .k p.a3 a:hover{ background:#d60c1c; border:solid 2px #d60c1c; width:140px;}
#index3 .k div.a4{ width:100%; text-align:center; overflow:hidden; opacity:0;}
#index3 .k div.a4 ul{ display:inline-block;}
#index3 .k div.a4 ul li{ float:left; width:320px;}
#index3 .k div.a4 ul li p.b1{ font-size:48px; line-height:60px; font-weight:900; color:#089bec;}
#index3 .k div.a4 ul li p.b2{ font-size:16px; line-height:30px;}

#index4{ background:url(../image/di4.jpg) no-repeat center /120% auto; transition:all 5s ease-out;}
#index4 .k{ overflow:hidden;}
#index4 .k p.a1{ font-size:48px; font-weight:900; text-transform:uppercase; line-height:80px; letter-spacing:5px;}
#index4 .k div.a2{ overflow:hidden; text-align:center; margin-top:20px;}
#index4 .k div.a2 ul{ display:inline-block;}
#index4 .k div.a2 ul li{ float:left; width:400px; margin:50px 30px 0 30px;}
#index4 .k div.a2 ul li a{ display:block; background:#089bec; overflow:hidden; color:#fff; text-decoration:none; line-height:24px; font-size:16px;}
#index4 .k div.a2 ul li a p.date{ width:66px; height:66px; text-align:center; background:#089bec; border-radius:5px; position:absolute; overflow:hidden; margin:10px; font-size:12px; line-height:14px; z-index:10;}
#index4 .k div.a2 ul li a p.date span{ display:block; font-size:30px; line-height:30px; margin-top:13px;}
#index4 .k div.a2 ul li a p.pic{ overflow:hidden;}
#index4 .k div.a2 ul li a p.pic img{ width:100%; transition:all 0.5s;}
#index4 .k div.a2 ul li a p.tt{ padding:5px 30px 20px 30px; height:48px; overflow:hidden; text-align:left;}

#index4 .k div.a2 ul li a:hover{ background:#d60c1c;}
#index4 .k div.a3{ overflow:hidden; margin-top:50px; }
#index4 .k div.a3 a{ display:block; line-height:36px; width:120px; text-align:center; font-size:16px; color:#fff; border:solid 2px #fff; border-radius:50px; margin:0 auto; text-decoration:none;}
#index4 .k div.a3 a:hover{ background:#d60c1c; border:solid 2px #d60c1c; width:140px;}

/*#index4 .ku{ width:100%; overflow:hidden; margin:0 auto;}
#index4 .ku .mes{ cursor:pointer; position:absolute; max-width:300px; transition:all 0.5s; background:rgba(255,255,255,0.9); border-radius:10px; box-shadow:0 0 5px rgba(0,0,0,0.1); padding:10px 20px; color:#000; text-align:left;left:0; top:300px;}
#index4 .ku .mes p.name{ font-size:18px; line-height:30px; border-bottom:solid 1px rgba(0,0,0,0.1);}
#index4 .ku .mes p.text{ font-size:14px; line-height:18px; padding:10px 0; color:#666;}
#index4 .ku .mes p.add{border-top:solid 1px rgba(0,0,0,0.1); font-size:12px; color:#666; line-height:30px;}
*/


















#index5{ background:url(../image/di5.jpg) no-repeat center /120% auto; transition:all 5s ease-out;}




/*banner*/
.swiper-container {	width:100%; margin-left:auto; margin-right:auto;}
.swiper-slide {	text-align:center; font-size:18px; background:#fff; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content: center; justify-content:center; -webkit-box-align:center; -ms-flex-align: center; -webkit-align-items:center; align-items:center;}
.swiper-slide{overflow:hidden;}
.swiper-slide img {width:100%;}

@keyframes myfirst2
{
0%{-webkit-transform: rotate(0deg);}
100% {-webkit-transform: rotate(-360deg);}
}

@keyframes myfirst3
{
0%{ background:url(../image/an1.png) no-repeat center top/ auto;}
50%{background:url(../image/an2.png) no-repeat center top/ auto;}
100% {background:url(../image/an3.png) no-repeat center top/ auto;}
}

@keyframes myfirst4
{
0%{ background:url(../image/bn1.png) no-repeat center top/ auto;}
50%{background:url(../image/a5.png) no-repeat center top/ auto;}
100% {background:url(../image/bn2.png) no-repeat center top/ auto;}
}


#banner1{ background:url(../image/di1.jpg) no-repeat center/120% auto; width:100%; height:100%; overflow:hidden; transition:all 2s;}
#banner1 .k{ width:90%; max-width:1500px; text-align:left; margin:0 auto;}
#banner1 .k p.a1{ font-size:20px; font-weight:900; line-height:40px; text-transform:uppercase;  opacity:0; margin-left:50px;}
#banner1 .k p.a2{ font-size:40px; font-weight:900; line-height:40px; text-transform:uppercase; padding-bottom:30px; opacity:0;margin-left:50px;}
#banner1 .k p.a2 span{ color:#d60c1c;}
#banner1 .k p.a3{ font-size:14px;  line-height:24px;  opacity:0;margin-left:50px;}
#banner1 .k p.a4{ font-size:14px;  line-height:24px;  opacity:0;margin-left:50px; margin-top:80px;}
#banner1 .k p.a4 img{ width:auto;}
#banner1 .k p.a5{ overflow:hidden; margin-top:40px;  opacity:0;margin-left:50px;}
#banner1 .k p.a5 span{ display:block; float:left; margin-right:20px; width:35px; height:35px; overflow:hidden;}
#banner1 .k p.a5 span:nth-child(1){-webkit-animation:myfirst2 3s linear infinite;}
#banner1 .k p.a5 span:nth-child(2){-webkit-animation:myfirst2 3s linear infinite;}
#banner1 .k p.a5 span:nth-child(3){-webkit-animation:myfirst2 3s linear infinite;}


#banner2{ background:url(../image/di11.jpg) no-repeat center/120% auto; width:100%; height:100%; overflow:hidden; transition:all 2s}
#banner2 .k{ width:90%; max-width:1500px; text-align:left; margin:0 auto;}
#banner2 .k p.a1{ font-size:20px; font-weight:900; line-height:40px; text-transform:uppercase;  opacity:0; margin-left:50px;}
#banner2 .k p.a2{ font-size:40px; font-weight:900; line-height:40px; text-transform:uppercase; padding-bottom:30px; opacity:0;margin-left:50px;}
#banner2 .k p.a2 span{ color:#d60c1c;}
#banner2 .k p.a3{ font-size:14px;  line-height:24px;  opacity:0;margin-left:50px;}
#banner2 .k p.a4{ font-size:14px;  line-height:24px;  opacity:0;margin-left:50px;margin-top:80px;}
#banner2 .k p.a4 img{ width:auto;}
#banner2 .k p.a5{ overflow:hidden; margin-top:40px;  opacity:0;margin-left:50px;}
#banner2 .k p.a5 span{ display:block; float:left; margin-right:20px; width:35px; height:35px; overflow:hidden;}
#banner2 .k p.a5 span:nth-child(1){-webkit-animation:myfirst2 3s linear infinite;}
#banner2 .k p.a5 span:nth-child(2){-webkit-animation:myfirst2 3s linear infinite;}
#banner2 .k p.a5 span:nth-child(3){-webkit-animation:myfirst2 3s linear infinite;}

#banner3{ background:url(../image/di12.jpg) no-repeat center/120% auto; width:100%; height:100%; overflow:hidden; transition:all 2s}
#banner3 .k{ width:90%; max-width:1500px; text-align:left; margin:0 auto;}
#banner3 .k p.a1{ font-size:20px; font-weight:900; line-height:40px; text-transform:uppercase;  opacity:0; margin-left:50px;}
#banner3 .k p.a2{ font-size:40px; font-weight:900; line-height:40px; text-transform:uppercase; padding-bottom:30px; opacity:0;margin-left:50px;}
#banner3 .k p.a2 span{ color:#d60c1c;}
#banner3 .k p.a3{ font-size:14px;  line-height:24px;  opacity:0;margin-left:50px;}
#banner3 .k p.a4{ font-size:14px;  line-height:24px;  opacity:0;margin-left:50px;margin-top:80px;}
#banner3 .k p.a4 img{ width:auto;}
#banner3 .k p.a5{ overflow:hidden; margin-top:40px;  opacity:0;margin-left:50px;}
#banner3 .k p.a5 span{ display:block; float:left; margin-right:20px; width:35px; height:35px; overflow:hidden;}
#banner3 .k p.a5 span:nth-child(1){-webkit-animation:myfirst2 3s linear infinite;}
#banner3 .k p.a5 span:nth-child(2){-webkit-animation:myfirst2 3s linear infinite;}
#banner3 .k p.a5 span:nth-child(3){-webkit-animation:myfirst2 3s linear infinite;}


#bottom{ background:rgba(8,155,236,0.9); position:fixed; bottom:0; left:0; width:100%; display:none;}
#bottom ul{ width:90%; max-width:1200px; margin:30px auto 40px auto; overflow:hidden;}
#bottom ul li{ float:left; width:25%;}
#bottom ul li a{ color:rgba(255,255,255,0.9); text-decoration:none; line-height:24px; font-size:14px;}
#bottom ul li a:hover{ color:#fff;}
#bottom ul li p.tt a{ font-size:18px; line-height:60px; color:#fff;}

#copyright{ text-align:center; color:#fff; line-height:100px; font-size:13px; border-top:solid 1px rgba(255,255,255,0.2); width:90%; max-width:1200px; margin:0 auto;}

#servicer{ position:fixed; right:20px; bottom:30px;}
#servicer ul li{ background:#089bec; margin-bottom:10px; height:50px; border-radius:50%;}
#servicer ul li a{ display:block; padding:0;}

#c_contact{ width:90%; max-width:1200px; margin:0px auto 10px auto; padding-top:30px; overflow:hidden; color:#fff; border-top:solid 1px rgba(255,255,255,0.2);}
#c_contact .left{ float:left;}
#c_contact .left p.tt{ font-size:20px; line-height:40px; text-transform:uppercase;}
#c_contact .left p.cc{ font-size:14px; line-height:24px;color:rgba(255,255,255,1);}
#c_contact .left p.cc span{ display:block; border:solid 2px rgba(255,255,255,0.2); border-radius:50px; width:26px; height:26px; float:left; margin-right:10px; }


#c_contact .tel{ float:left; overflow:hidden; line-height:30px; margin:37px 0 0 50px; font-size:14px;}
#c_contact .tel span{ display:block; border:solid 2px rgba(255,255,255,0.2); border-radius:50px; width:26px; height:26px; float:left; margin-right:10px; }
#c_contact .tel a{ color:#fff; text-decoration:none;}

#c_contact .email{ float:left; overflow:hidden; line-height:30px; margin:37px 0 0 50px; font-size:14px;}
#c_contact .email span{ display:block; border:solid 2px rgba(255,255,255,0.2); border-radius:50px; width:26px; height:26px; float:left; margin-right:10px; }
#c_contact .email a{ color:#fff;}

#c_contact .share{ float:right; overflow:hidden; margin-top:0px;}
#c_contact .share ul li{ float:left; margin-left:5px;}

#ad_voice{ width:100%; overflow:hidden; position:fixed; z-index:1; top:120px;}
#ad_voice marquee{position: relative; width:50%; color:#fff; float:right; z-index:0; line-height:40px; font-size:14px;}
#ad_voice marquee li{ float:left;}

@media(max-width:1500px){

#index1{ }
#index2{ background:url(../image/di2.jpg) no-repeat center /120% auto; transition:all 5s ease-out;}
#index2 .k1{ overflow:hidden; padding-top:100px;}
#index2 .k1 p.a1{ font-size:40px; font-weight:900; text-transform:uppercase; line-height:60px; letter-spacing:5px; opacity:0;}
#index2 .k1 p.a2{ font-size:14px; opacity:0; margin-top:10px; line-height:18px;}
#index2 .k2{ overflow:hidden; text-align:center; margin-top:20px;}
#index2 .k2 ul{ width:1208px; margin:0 auto;}
#index2 .k2 ul li{ float:left; margin:10px 10px 0 10px; opacity:0; padding-bottom:20px;}
#index2 .k2 ul li a{ display:block; border:solid 1px rgba(255,255,255,0.2); color:#fff; width:280px; height:auto; text-decoration:none;}
#index2 .k2 ul li a p.a1{ overflow:hidden; margin-top:20px;}
#index2 .k2 ul li:nth-child(1) a:hover p.a1 img{-webkit-animation:myfirst2 3s linear infinite;}

#index2 .k2 ul li:nth-child(2) a:hover p.a1{-webkit-animation:myfirst4 0.2s linear infinite;}
#index2 .k2 ul li:nth-child(2) a:hover p.a1 img{ opacity:0;}

#index2 .k2 ul li:nth-child(3) a:hover p.a1 img{-webkit-animation:myfirst2 3s linear infinite;}

#index2 .k2 ul li:nth-child(4) a:hover p.a1{-webkit-animation:myfirst3 0.1s linear infinite;}
#index2 .k2 ul li:nth-child(4) a:hover p.a1 img{ opacity:0;}

#index2 .k2 ul li:nth-child(6) a:hover p.a1 img{-webkit-animation:myfirst2 3s linear infinite;}
#index2 .k2 ul li:nth-child(7) a:hover p.a1 img{-webkit-animation:myfirst2 1s linear infinite;}
#index2 .k2 ul li:nth-child(8) a:hover p.a1 img{-webkit-animation:myfirst2 1s linear infinite;}

#index2 .k2 ul li a p.a2{ overflow:hidden; margin-top:10px; padding-bottom:10px; font-size:14px;}

#index2 .k2 ul li a:hover{ border:solid 1px #fff;}


#index3{ background:url(../image/di3.jpg) no-repeat center /120% auto; transition:all 5s ease-out;}
#index3 .k{ overflow:hidden; padding-top:100px;}
#index3 .k p.a1{ font-size:40px; font-weight:900; text-transform:uppercase; line-height:80px; letter-spacing:5px; opacity:0;}
#index3 .k p.a2{ font-size:14px; line-height:24px; opacity:0; margin-top:80px; width:1300px;}
#index3 .k p.a3{ overflow:hidden; margin:60px auto; opacity:0;}
#index3 .k p.a3 a{ display:block; line-height:36px; width:120px; text-align:center; font-size:16px; color:#fff; border:solid 2px #fff; border-radius:50px; margin:0 auto; text-decoration:none;}
#index3 .k p.a3 a:hover{ background:#d60c1c; border:solid 2px #d60c1c; width:140px;}
#index3 .k div.a4{ width:100%; text-align:center; overflow:hidden; opacity:0;}
#index3 .k div.a4 ul{ display:inline-block;}
#index3 .k div.a4 ul li{ float:left; width:320px;}
#index3 .k div.a4 ul li p.b1{ font-size:48px; line-height:60px; font-weight:900; color:#d60c1c;}
#index3 .k div.a4 ul li p.b2{ font-size:16px; line-height:30px;}


#index4{ background:url(../image/di4.jpg) no-repeat center /120% auto; transition:all 5s ease-out;}
#index4 .k{ overflow:hidden; padding-top:100px;}
#index4 .k p.a1{ font-size:40px; font-weight:900; text-transform:uppercase; line-height:60px; letter-spacing:5px; opacity:0;}
#index4 .k div.a2{ overflow:hidden; text-align:center; margin-top:20px;}
#index4 .k div.a2 ul{ display:inline-block;}
#index4 .k div.a2 ul li{ float:left; width:300px; margin:50px 30px 0 30px; opacity:0;}
#index4 .k div.a2 ul li a{ display:block; background:#5a5f6a; overflow:hidden; color:#fff; border-top-right-radius:30px; border-bottom-left-radius:30px; text-decoration:none; line-height:24px; font-size:14px;}
#index4 .k div.a2 ul li a p.date{ width:66px; height:66px; text-align:center; background:#b99d5b; border-radius:5px; position:absolute; overflow:hidden; margin:10px; font-size:12px; line-height:14px; z-index:10;}
#index4 .k div.a2 ul li a p.date span{ display:block; font-size:30px; line-height:30px; margin-top:13px;}
#index4 .k div.a2 ul li a p.pic{ overflow:hidden; width:100%;}
#index4 .k div.a2 ul li a p.pic img{ width:100%; transition:all 0.5s;}
#index4 .k div.a2 ul li a p.tt{ padding:5px 30px 20px 30px; height:48px; overflow:hidden; text-align:left;}

#index4 .k div.a2 ul li a:hover{ background:#b99d5b;}
#index4 .k div.a3{ overflow:hidden; margin-top:30px; opacity:0;}
#index4 .k div.a3 a{ display:block; line-height:36px; width:120px; text-align:center; font-size:16px; color:#fff; border:solid 2px #fff; border-radius:50px; margin:0 auto; text-decoration:none;}
#index4 .k div.a3 a:hover{ background:#d60c1c; border:solid 2px #d60c1c; width:140px;}



#index5{ background:url(../image/di5.jpg) no-repeat center /120% auto; transition:all 5s ease-out;}





#logo{ float:left; margin:27px 0 10px 30px;}
#logo img{ width:300px;}

#ad_voice{ width:100%; overflow:hidden; position:fixed; z-index:1; top:100px;}
#ad_voice marquee{ width:900px; color:#fff; float:right; z-index:0; line-height:40px; font-size:14px;}
#ad_voice marquee li{ float:left;}



}