@charset "utf-8";
/* reset */
*{padding:0;margin:0 auto;}
html {font-family: "Lucida Grande", Verdana, Geneva,sans-serif, 宋体;background:#FFF;min-width:1200px;}
body {overflow-x:hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0;}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle;font-family:arial,Helvetica,Tahoma,sans-serif;}
button {border:0 none;background-color:transparent;cursor:pointer}
body {background:#fff;min-width:1200px;overflow-x:hidden;}
body,th,td,input,select,textarea,button a{font-size:14px;line-height:1 ;color:#333}
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
caption {display:none;}
table {width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}
img{vertical-align:top}
a {outline: none;}
input{outline:none;}
textarea,select{outline:none;}
*{margin:0; padding: 0; border: 0;}
b {font-weight:bold;}
strong {font-weight:bold;}
dd.phone {color:#F4641D;font-size:24px;font-weight:bold;}
dd.time {line-height:35px;font-size:12px;}
.nav_fixed{position:fixed;top:0;}
.fl {float:left;}
.fr {float:right}
.fontred {color:#E13B29;}
.fontfff {color:#FFF;}

/*--INDEX--*/
#top {width:100%;height:40px;float:left;background:#F2F2F2;}
.top-con {width:1200px;height:40px;margin:0 auto;}
.top-welcome {float:left;}
.top-index {float:right;}
.top-index span {float:left;margin-left:15px;}
.top-welcome span , .top-index span {height:40px;line-height:40px;text-align:center;}
.top-index span a:hover {color:#009ED6;}
/*--LOGO--*/
#logo {width:100%;height:103px;float:left;}
.logo-con {width:1200px;margin:0 auto;}
.logo {width:300px;height:100px;float:left;/*margin-top:15px;*/}
.tel {width:300px;height:100px;float:right;/*margin-top:15px;*/background:url("../images/icon-tel.png") left center no-repeat;}
.tel dl {width:220px;height:auto;float:right;margin-top:20px;}
.tel dl dt {width:100%;height:25px;line-height:25px;float:left;font-size:14px;}
.tel dl dd {width:100%;height:35px;line-height:35px;float:left;font-size:24px;font-weight:bold;color:#009ED6;}
/*--MENU--*/
#menu {width:100%;height:72px;float:left;background:#009ED6;}
.menu-con {width:1200px;margin:0 auto;}
.menu-con ul {width:100%;float:left;}
.menu-con ul li {float:left;height:72px;line-height:72px;text-align:center;width:190px;}
.menu-con ul li a {width:100%;height:100%;color:#FFF;font-size:25px;font-weight:bold;float:left;}
.menu-con ul li.active {background:#0079D6;}
.menu-con ul li:hover {background:#0079D6;}
/*--BANNER--*/
#banner {width:100%;height:auto;float:left;overflow:hidden;}
/* 本例子css */
.focusBox {
    position:relative;
    width:100%;
    height:580px;
    overflow: hidden;
}
.focusBox .pic{
    position:relative;
    z-index:0;
}
.focusBox .pic img {
    width:100%;
    height:580px;
    display: block;
}
.focusBox .hd {width:100%;
    position: absolute;
    bottom: 10px;
    text-align: center;
    font-size:0;
    z-index:1;
}
.focusBox .hd li{
    margin: 0 5px;
    background: url('../images/dot.png') no-repeat 0 -16px;
    height: 16px;
    overflow: hidden;
    width: 16px;
    cursor: pointer;
    display:inline-block;
    *display:inline;
    zoom:1;
    _background: url('../images/dot8.png') no-repeat 0 -16px;
}
.focusBox .hd .on{ background-position:0 0;}
.focusBox .prev,
.focusBox .next {
    width: 60px;
    height: 90px;
    margin: -60px 0 0;
    display: none;
    background: url('../images/ad_ctr.png') no-repeat 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    filter:alpha(opacity=20);
    opacity:0.2;
}
.focusBox .prev {
    left: 0;
}
.focusBox .next {
    background-position: 0 -90px;
    right: 0;
}
.focusBox .prev:hover,
.focusBox .next:hover {
    filter:alpha(opacity=50) !important;
    opacity:0.5 !important;
}
/*--SLIDE--*/
.slider{ width:100%;  min-width:1200px;  height:500px;  position:relative; overflow:hidden; background:#fff; text-align:center;overflow:hidden;}
.slider .bd{ width:1200px; position:absolute;left:50%; margin-left:-600px;}
.slider .bd li{ width:1200px;overflow:hidden;}
.slider .bd li img{ display:block; width:1200px; height:500px;}
.slider .tempWrap{ overflow:visible !important}
.slider .tempWrap ul{  margin-left:-1200px !important; /*强制位置*/}
.slider .hd{ position:absolute; width:100%; left:0;  z-index:1; height:8px; bottom:20px;  text-align:center;}
.slider .hd li{ display:inline-block; *display:inline; zoom:1; width:8px; height:8px; line-height:99px; overflow:hidden; background:url('../images/slider-btn.png') 0 -10px no-repeat; 
	margin:0 5px; cursor:pointer; filter:alpha(opacity=60);opacity:0.6;}
.slider .hd li.on{ background-position:0 0; filter:alpha(opacity=100);opacity:1;}
.slider .pnBtn{  position:absolute; z-index:1; top:0; width:100%;  height:500px; cursor:pointer;}
.slider .prev{ left:-50%;margin-left:-600px;height:500px;margin-top:0px;}
.slider .next{ left:50%;margin-left:600px;}
.slider .pnBtn .blackBg{ display:block;  position:absolute; left:0; top:0; width:100%; height:500px; background:#000; filter:alpha(opacity=50);opacity:0.5;}
.slider .pnBtn .arrow{position:absolute; top:0; z-index:1; width:60px; height:500px;}
/* .slider .pnBtn .arrow:hover{ filter:alpha(opacity=60);opacity:0.6; } */
.slider .prev .arrow{ right:0; background:url('../images/slider-arrow.png') -120px 50px no-repeat;}
.slider .next .arrow{ left:0; background:url('../images/slider-arrow.png') 0 50px no-repeat;}
/*--ABOUT--*/
#about {
    width:100%;
    height:1700px;
    float:left;
    background-image:url("../images/new-bj.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#about2 {
    width:100%;
    height:600px;
    float:left;
    background-image:url("../images/new-bj.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.about-title {width:100%;height:130px;line-height:130px;float:left;text-align:center;border-bottom:1px solid #ccc;}
.about-title span {height:128px;font-size:38px;color:#949494;border-bottom:4px solid #009ED6;display:inline-block;}
.about-con {width:1200px;height:515px;margin:0 auto;position: relative;}
.about-img {width:100%;float:left;margin-top:10px;overflow:hidden;display:flex;justify-content:space-between}
.about-img img {width:590px;height:auto;float:left;}
.about-info {height:auto;float:right;margin-top:30px;}
.about-info p {line-height:46px;font-size:20px;}
.about-con span {width:170px;height:45px;line-height:45px;text-align:center;border-radius:10px;position: absolute;right:0;bottom:0;background:#FFF;}
.about-con span a {width:100%;height:100%;float:left;}
.about-con span:hover a {color:#009ED6;}
.more {width:100%;height:40px;line-height:40px;float:left;text-align:center;}

.about-con2 {padding-top:30px;width:1200px;margin:0 auto;position: relative;display:flex;justify-content:space-between}
.about-img2 {margin-top:10px;overflow:hidden;display:flex;justify-content:space-between}
.about-img2 img {height:auto;float:left;}
.about-info2 {width:600px;height:auto;float:right;/*margin-top:30px;*/}
.about-info2 p {line-height:45px;font-size:19px;}
/*--CASE--*/
#case {
    width:100%;
    float:left;
    background-image: url("../images/work-bj.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top:-1px;
    z-index:-1;
	padding-bottom:50px
}
.case-title {width:100%;height:130px;line-height:130px;float:left;text-align:center;border-bottom:1px solid #ccc;}
.case-title span {height:128px;font-size:38px;color:#fff;border-bottom:4px solid #009ED6;display:inline-block;}
.case-con {width:1200px;margin:0 auto;padding-top:180px;}
.case-con dl {width:260px;height:auto;float:left;margin:30px 15px auto 23px;}
.case-con dl dt {width:260px;height:150px;float:left;overflow:hidden;}
.case-con dl dt img {width:100%;height:100%;float:left;}
.case-con dl dd {width:100%;height:50px;line-height:50px;float:left;text-align:center;color:#ccc;}
.case-con dl:hover dd {color:#009ED6;}
.case-con dl:hover dt img{
    animation:gif 0.5s;
    -webkit-animation:gif 0.5s;
    animation-fill-mode : forwards;
}
@keyframes gif
{
    from {
        -ms-transform:scale(1,1); /* IE 9 */
        -moz-transform:scale(1,1); /* Firefox */
        -webkit-transform:scale(1,1); /* Safari and Chrome */
        -o-transform:scale(1,1); /* Opera */
        -khtml-transform:scale(1,1);
        transform:scale(1,1);
    }
    to {
        -ms-transform:scale(1.3,1.3); /* IE 9 */
        -moz-transform:scale(1.3,1.3); /* Firefox */
        -webkit-transform:scale(1.3,1.3); /* Safari and Chrome */
        -o-transform:scale(1.3,1.3); /* Opera */
        -khtml-transform:scale(1.3,1.3);
        transform:scale(1.3,1.3);
    }
}
-webkit-@keyframes gif{
            from {
                transform:scale(1,1);
            }
            to {
                transform:scale(1.2,1.2);
            }
        }
/*--PEITAO--*/
#peitao {
    width:100%;
    height:600px;
    float:left;
    background-image:url("../images/new-bj.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.peitao-list {width:100%;height:auto;float:left;margin-bottom:30px;}
.ladyScroll{width:1200px;height:250px;margin:70px auto 15px auto;position:relative;}
.ladyScroll:hover .prev ,.ladyScroll:hover .next {display:block;}
.ladyScroll .prev,.ladyScroll .next{display:none;width:51px;height:45px;position:absolute;top:100px;left:0;z-index:100; cursor:pointer; background:url('../images/btns.png') no-repeat;}
.ladyScroll .prev{position:absolute;top:50px;left:0;}
.ladyScroll .next{ left:auto; right:0; background-position:0 -90px;}
.ladyScroll .prev:hover{ background-position:0 -45px; }
.ladyScroll .next:hover{ background-position:0 -135px; }
.ladyScroll .scrollWrap{width:1169px;margin-left:31px;padding-top:15px;overflow:hidden;position:absolute;}
.ladyScroll dl{float:left;width:298px;text-align:center;position:relative;margin:auto 40px auto 40px;}
.ladyScroll  dt{margin:0 auto;width:298px;height:200px;overflow:hidden;}
.ladyScroll  img{display:block;width:100%;height:200px;}
.ladyScroll  dd{width:100%;height:50px;line-height:50px;font-size:16px;color:#fff;text-align:center;overflow:hidden;float:left;}
.ladyScroll  dd a{ color:#000;}
.ladyScroll dl:hover dd a {color:#009ED6;}
/*--联系我们--*/
#contact {
    width:100%;
    height:580px;
    float:left;
    background-image:url("../images/muyu-top-bj.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.contact-con {width:1200px;margin:0 auto;}
.contact-map {width:500px;height:300px;float:left;overflow:hidden;margin-top:40px;}
.contact-info {width:500px;height:300px;float:right;margin-top:40px;}
.contact-info dl {width:100%;height:auto;float:left;}
.contact-info dt {width:100%;height:110px;line-height:110px;float:left;text-align:left;font-size:32px;font-weight:600;color:#009ED6;}
.contact-info dd {width:100%;height:40px;line-height:40px;float:left;text-align:left;}
/*--FOOTER--*/
#footer {width:100%;height:90px;float:left;padding-top:30px;background:#F2F2F2;}
.footer-con {width:1200px;margin:0 auto;}
.footer-con label {width:100%;height:40px;line-height:40px;float:left;text-align:center;}
.footer-con label span {margin:auto 5px auto 5px;}
/*--ABOUT--*/
/*--PEITAO--*/
#about-peitao {
    width:100%;
    height:auto;
    float:left;
    margin-bottom:50px;
}
.about-peitao-list {width:100%;height:auto;float:left;margin-top:50px;}
.dowebok {width:1200px;margin:0 auto;}
.dowebok .rthumbnail {width:260px;height:240px;float:left;margin:auto 20px auto 20px;}
.dowebok .rthumbnail img {width:100%;height:180px;float:left;}
.dowebok .rthumbnail span {width:100%;height:40px;line-height:40px;float:left;text-align:center;}
/*--场地资料--*/
#down {width:100%;height:auto;float:left;margin-bottom: 15px}
.down-con {width:1200px;margin:0 auto;}
.down-left {float:left;width:790px;height:auto;padding:30px;margin-top:60px;}
.down-left p {font-size:16px;line-height:35px;}
.down-left img {max-width:100%;width:auto;height:auto;}
.down-right {width:330px;height:300px;border-left:1px solid #ddd;float:right;margin-top:60px;}
.down-right span {width:100%;height:50px;line-height:50px;float:left;text-align:center;}
.down-right span a {border:1px solid #CCC;padding:15px 70px;font-size:16px;}
.down-right span a:hover {background:#019ED6;color:#FFF;border:1px solid #019ED6;}
/*--活动案例--*/
.case-list {width:100%;height:auto;float:left;margin-top:50px;display:flex;flex-wrap:wrap;justify-content:space-between}
.case-list dl {height:auto;float:left;}
.case-list dl dt {display:flex;justify-content:center}
.case-list dl dt img {width:570px;height:362px;float:left;}
.case-list dl dd {width:100%;height:40px;line-height:40px;float:left;text-align:center;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;font-size:16px}
.case-list dl:hover dd {color:#019ED6;}
.page-list {width:100%;float:left;text-align:right;}
.page-list a {font-size:16px;}
.page-list b {font-size:16px;}
/*--活动案例详情页--*/
.case-content-left {float:left;width:790px;height:auto;padding:30px;margin-top:60px;}
.case-content-left h1 {width:100%;height:auto;line-height:35px;float:left;text-align:center;margin-bottom:10px;}
.case-content-left label {width:100%;height:80px;line-height:80px;float:left;}
.case-content-left label span {float:left;margin-right:40px;color:#CCC;}
.case-content {width:100%;height:auto;float:left;}
.case-content p {width:100%;height:auto;line-height:40px;float:left;}
.case-content p img {max-width:100%;width:auto;height:auto;}
.prev {width:100%;height:auto;float:left;margin-top:50px;}
.prev li {width:100%;height:40px;line-height:40px;float:left;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.prev li a {font-size:16px;}
.prev li a:hover {color:#009ED6;}
/*--联系我们--*/
.contact-list {width:100%;height:auto;float:left;}
.contact-list h2 {width:100%;height:160px;line-height:170px;float:left;text-align:center;font-size:38px;color:#019ED6;}
.contact-ditu {width:100%;height:auto;float:left;}
.contact-in {width:100%;height:auto;float:left;margin-bottom:50px;}
.contact-in dl {width:378px;height:200px;float:left;border:1px solid #ddd;margin:auto 10px auto 10px;}
.contact-in dl:hover {background:#019ED6;cursor: pointer;border:1px solid #019ED6;}
.contact-in dl:hover dd {color:#FFF;}
.contact-in dl dt {width:100%;height:120px;line-height:120px;float:left;text-align:center;}
.contact-in dl dd {width:100%;height:35px;line-height:35px;float:left;text-align:center;}
.contact-in dl dt.telephone {
    background-image:url("../images/tel-a.png");
    background-position: center center;
    background-repeat: no-repeat;
}
.contact-in dl dt.address {
    background-image:url("../images/address-a.png");
    background-position: center center;
    background-repeat: no-repeat;
}
.contact-in dl dt.website {
    background-image:url("../images/web-a.png");
    background-position: center center;
    background-repeat: no-repeat;
}
.contact-in dl:hover dt.telephone {
    background-image:url("../images/tel-s.png");
    background-position: center center;
    background-repeat: no-repeat;
}
.contact-in dl:hover dt.address {
    background-image:url("../images/address-s.png");
    background-position: center center;
    background-repeat: no-repeat;
}
.contact-in dl:hover dt.website {
    background-image:url("../images/web-s.png");
    background-position: center center;
    background-repeat: no-repeat;
}
@media only screen and (max-width: 1200px) {

}
.case-list a{
	margin-bottom:20px;
	width:50%
}
.dowload2{
	margin-top:50px;
	display:flex;
	justify-content:flex-end
}
.dowload2 a{
	font-size:16px;
}