// 清除浮动
.clearfix() {
    &:before,
    &:after {
        content: " ";
        display: table;
        clear: both;
    }
}

.contact .business-contacts .contact-item-wrapper .contact-item .title{font-size:18px;color:#666;margin-bottom:50px;}
.contact .business-contacts .contact-item-wrapper .contact-item .contact-info .nickname{font-size:16px;line-height:1.7;color:#999;overflow:hidden;}
.container{margin-right:auto;margin-left:auto;padding-left:10px;padding-right:10px}@media (min-width:768px){.container{width:740px}}@media (min-width:992px){.container{width:960px}}@media (min-width:1200px){.container{width:1160px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:10px;padding-right:10px}
.page-title {
    line-height: 30px;
    margin: 0 0 40px;
    padding-left: 15px;
    border-left: 3px solid @green;
    h2 {
        font-size: 24px!important;
    }
    span {
        font-size: 20px!important;
        font-weight: 500;
        color: #999;
        margin-left: 15px;
    }
}
.col-lg-3 {
    width: 25%;
}





/*搴曢儴*/
.g-foot{ width:100%; height:auto; padding:20px 0 40px; background:#000; display:block; overflow:hidden;}
.g-foot p{ width:100%; height:auto; font-size:14px; font-weight:normal; color:#cecece; display:block; overflow:hidden; margin:20px 0 0 0;}
.g-foot p a{ padding:0 12px; color:#6d6969}

.g-two-nav{ width:200px; height:auto; display:none; overflow:hidden; position:absolute; left:50%; top:55px; z-index:55; margin:0 0 0 294px; background:#fff; box-shadow:0 0 5px #ddd; border-radius:4px;}
.g-two-nav li{ width:100%; height:auto; display:block; overflow:hidden; margin:2px 0 0;}
.g-two-nav li a{ width:100%; height:28px; line-height:28px; font-size:14px; font-weight:normal; color:#333; text-align:center; display:block; overflow:hidden;}
.g-two-nav li a:hover{ background:#eee;}

.g-banner{ width:100%; height:auto; display:block; overflow:hidden; margin:auto; position:relative; zoom:1}
.g-banner .m-banner-img{ width:100%; height:auto; display:block; overflow:hidden; position:relative; zoom:1}
.g-banner .m-banner-img a{ width:100%; height:auto; display:block; overflow:hidden;}
.g-banner .m-banner-img a img{ width:100%; height:auto; display:block; overflow:hidden}
.g-banner .m-banner-page{ width:100%; height:auto; display:block; overflow:hidden; text-align:center; position:absolute; left:0; bottom:52px; z-index:20;}
.g-banner .m-banner-page li{ width:12px; height:12px; background:#fff; opacity:.7; margin:0 13px; border-radius:100%; display:inline-block; overflow:hidden; white-space:nowrap; cursor:pointer}
.g-banner .m-banner-page .f-hover{ background:-webkit-linear-gradient(left,#508eff,#34b4ff,#33bffd);
    background:-o-linear-gradient(left,#508eff,#34b4ff,#33bffd);
    background:-moz-linear-gradient(left,#508eff,#34b4ff,#33bffd);
    background:repeating-linear-gradient(left,#508eff,#34b4ff,#33bffd);
    opacity:1;}
.g-banner b{ width:60px; height:60px; background:rgba(0,0,0,.4); border-radius:6px; display:block; overflow:hidden; position:absolute; left:40px; top:270px; z-index:10;cursor:pointer}
.g-banner b i{ width:20px; height:20px; border-bottom:2px solid #fff; border-left:2px solid #fff; transform:rotate(45deg); display:block; overflow:hidden; margin:18px 0 0 24px; }
.g-banner .u-banner-rightbtn{ left:inherit; right:40px;}
.g-banner .u-banner-rightbtn i{ transform:rotate(-135deg); margin-left:15px;}
.g-banner b:hover{ background:#000}

.g-banner .u-banner-bg1{ width:200%; height:50px; background:url(../images/banner-bg1.png) repeat-x; display:block; overflow:hidden; position:absolute; left:0; bottom:0; z-index:10;
    animation: wave1 25s linear .4s infinite normal;
    -moz-animation: wave1 25s linear .4s infinite normal;
    -webkit-animation: wave1 25s linear .4s infinite normal;
    -o-animation: wave1 25s linear .4s infinite normal
}
.g-banner .u-banner-bg2{ width:200%; height:50px; background:url(../images/banner-bg2.png) repeat-x; display:block; overflow:hidden; position:absolute; left:0; bottom:0; z-index:20;
    animation: wave2 60s linear .4s infinite normal;
    -moz-animation: wave2 60s linear .4s infinite normal;
    -webkit-animation: wave2 60s linear .4s infinite normal;
    -o-animation: wave2 60s linear .4s infinite normal
}
@-webkit-keyframes wave1 {
    from {
        left: 0
    }

    to {
        left: -1900px
    }
}

@-moz-keyframes wave1 {
    from {
        left: 0
    }

    to {
        left: -1900px
    }
}

@-o-keyframes wave1 {
    from {
        left: 0
    }

    to {
        left: -1900px
    }
}

@keyframes wave1 {
    from {
        left: 0
    }

    to {
        left: -1900px
    }
}

@-webkit-keyframes wave2 {
    from {
        left: 0
    }

    to {
        left: -1900px
    }
}

@-moz-keyframes wave2 {
    from {
        left: 0
    }

    to {
        left: -1900px
    }
}

@-o-keyframes wave2 {
    from {
        left: 0
    }

    to {
        left: -1900px
    }
}

@keyframes wave2 {
    from {
        left: 0
    }

    to {
        left: -1900px
    }
}

.g-title{ width:1200px; height:auto; padding:60px 0 0; margin:auto; display:block; overflow:hidden}
.g-title strong{ width:60px; height:23px; background:url(../images/index-icon.png) no-repeat; margin:auto; display:block; overflow:hidden}
.g-title h3{ width:100%; height:34px; line-height:34px; font-size:30px; font-weight:bold; color:#333; text-align:center; margin:28px 0 0; display:block; overflow:hidden}
.g-title i{ width:70px; height:2px; background:#1aaefb; margin:28px auto 0; display:block; overflow:hidden}

.g-about-box{ width:1380px; height:auto; padding:0 0 60px 0; display:block; overflow:hidden; margin:auto;}
.g-about-box .m-about-cont{ margin:60px 0 0; display:block; overflow:hidden}
.g-about-box .m-about-cont dl{ width:168px; height:auto; float:left; margin:0 0 0 90px; display:inline; overflow:hidden}
.g-about-box .m-about-cont dl dt{ width:123px; height:138px; background:url(../images/index-icon.png) no-repeat 0 -831px; margin:auto; display:block; overflow:hidden}
.g-about-box .m-about-cont dl dd{ width:100%; height:auto; display:block; overflow:hidden;}
.g-about-box .m-about-cont dl dd strong{ width:100%; height:40px; line-height:40px; font-size:36px; font-weight:normal; color:#aaa; text-align:center; margin:24px 0 0; display:block; overflow:hidden}
.g-about-box .m-about-cont dl dd p{ width:100%; height:144px; line-height:30px; font-size:14px; font-weight:normal; color:#333; text-align:center; margin:14px 0 0; display:block; overflow:hidden}
.g-about-box .m-about-cont .m-about-2 dt{ background-position:-251px -831px;}
.g-about-box .m-about-cont .m-about-3 dt{ background-position:-503px -831px;}
.g-about-box .m-about-cont .m-about-4 dt{ background-position:-752px -831px;}
.g-about-box .m-about-cont .m-about-5 dt{ background-position:-1001px -831px;}

.g-game-box{ width:100%; height:auto; background:url(../images/palte-bg.jpg) repeat; padding:0 0 60px 0; display:block; overflow:hidden}
.g-game-box .g-title strong{ background-position:0 -69px; width:57px}
.g-game-box .m-game-cont{ width:50%; height:auto; margin:13px auto 0; display:block; overflow:hidden}
.g-game-box .m-game-cont a{ width: 25%; height:200px; float:left; border-radius:6px; margin:47px 0 0 45px; display:inline; overflow:hidden; position:relative; zoom:1;border-bottom: black 1px solid}
.g-game-box .m-game-cont a img{ width:100%; height:243px; display:block; overflow:hidden}
.g-game-box .m-game-cont a dl{ width:280px; height:243px; padding:0 45px; display:block; overflow:hidden; position:absolute; left:0; top:0; z-index:10; opacity:0}
.g-game-box .m-game-cont a dl dt{ width:100%; height:auto; display:block; overflow:hidden; position:relative; zoom:1; z-index:20}
.g-game-box .m-game-cont a dl dt strong{ width:100%; height:34px; line-height:34px; font-size:30px; font-weight:bold; color:#fff; margin:52px 0 0; display:block; overflow:hidden}
.g-game-box .m-game-cont a dl dt p{ width:100%; height:42px; line-height:24px; font-size:14px; font-weight:normal; color:#fff; margin:20px 0 0; display:block; overflow:hidden}
.g-game-box .m-game-cont a dl dt i{ width:30px; height:21px; background:url(../images/index-icon.png) no-repeat 0 -735px; margin:35px 0 0; display:block; overflow:hidden}
.g-game-box .m-game-cont a dl dd{ width:100%; height:243px;
    background:-webkit-linear-gradient(left,#508eff,#34b4ff,#33bffd);
    background:-o-linear-gradient(left,#508eff,#34b4ff,#33bffd);
    background:-moz-linear-gradient(left,#508eff,#34b4ff,#33bffd);
    background:repeating-linear-gradient(left,#508eff,#34b4ff,#33bffd);
    display:block; overflow:hidden; position:absolute; left:0; top:0; z-index:10; opacity:.8}
.g-game-box .m-game-cont a:hover dl{ opacity:1}

.g-product-box{ width:100%; height:auto; padding:0 0 60px 0; display:block; overflow:hidden}
.g-product-box .g-title strong{ background-position:0 -137px; width:85px}
.g-product-box .g-product-cont{ width:1320px; height:auto; display:block; overflow:hidden; margin:60px auto 0;}
.g-product-box .g-product-cont dl{ width:568px; height:198px; border:1px solid #eee; float:left; margin:0 0 0 60px; display:inline; overflow:hidden; position:relative; zoom:1}
.g-product-box .g-product-cont dl dt{ width:123px; height:138px; background:url(../images/index-icon.png) no-repeat 0 -316px; display:block; overflow:hidden; position:absolute; left:57px; top:30px; z-index:10;}
.g-product-box .g-product-cont dl dd{ width:100%; height:auto; display:block; overflow:hidden}
.g-product-box .g-product-cont dl dd i{ width:120px; height:198px; background:url(../images/index-product-bg.jpg) repeat; float:left; display:inline; overflow:hidden}
.g-product-box .g-product-cont dl dd p{ width:320px; height:114px; line-height:30px; font-size:14px; font-weight:normal; color:#333; float:left; margin:42px 0 0 95px; display:inline; overflow:hidden}
.g-product-box .g-product-cont .m-product-289 dt{ background-position:0 -511px;}

.g-partner-box{ width:100%; height:auto; background:#fafafa; padding:0 0 60px 0; display:block; overflow:hidden}
.g-partner-box .g-title strong{ background-position:0 -206px; width:85px}
.g-partner-box .m-partner-cont{ width:1200px; height:auto; margin:60px auto 0; display:block; overflow:hidden;}
.g-partner-box .m-partner-cont b{ width:30px; height:75px; float:left; margin:0; display:inline; overflow:hidden; cursor:pointer}
.g-partner-box .m-partner-cont b i{ width:22px; height:22px; border-bottom:4px solid #ddd; border-left:4px solid #ddd; display:block; overflow:hidden; transform:rotate(45deg); margin:25px 0 0 10px;}
.g-partner-box .m-partner-cont .u-partner-rightbtn{ margin:0 0 0 22px;}
.g-partner-box .m-partner-cont .u-partner-rightbtn i{ transform:rotate(-135deg); margin-left:-6px;}
.g-partner-box .m-partner-cont b:hover i{ border-color:#00b3fe}
.g-partner-box .m-partner-cont .m-partner-show{ width:1115px; height:75px; float:left; display:inline; overflow:hidden; position:relative; zoom:1}
.g-partner-box .m-partner-cont .m-partner-show ul{ width:100%; height:auto; display:block; overflow:hidden; position:absolute; left:0; top:0;}
.g-partner-box .m-partner-cont .m-partner-show ul li{ width:200px; height:75px; float:left; margin:0 0 0 23px; display:inline; overflow:hidden}
.g-partner-box .m-partner-cont .m-partner-show ul li a{ width:198px; height:73px; border:1px solid #eee; display:block; overflow:hidden}
.g-partner-box .m-partner-cont .m-partner-show ul li a img{ width:100%; height:73px; display:block; overflow:hidden}



/*浜у搧鍒楄〃*/
.g-product-banner{ width:100%; height:auto; display:block; overflow:hidden; margin:auto}
.g-product-introduction{ width:1200px; height:211px; background:#f0f0f0; margin:30px auto 0; display:block; overflow:hidden;border-radius:5px;}
.g-product-introduction .u-product-icon{ width:320px; height:200px; float:left; margin:5px 30px 0 5px; display:inline; overflow:hidden;border-radius:5px;}
.g-product-introduction .m-product-information{ width:805px; height:auto; float:left; margin:30px 0 0; display:inline; overflow:hidden}
.g-product-introduction .m-product-information h1{ width:100%; height:40px; line-height:40px; font-size:24px; font-weight:normal; color:#000; display:block; overflow:hidden}
.g-product-introduction .m-product-information strong{ width:100%; height:46px; line-height:30px; font-size:14px; font-weight:normal; color:#999; border-bottom:1px solid #e7e7e7; display:block; overflow:hidden}
.g-product-introduction .m-product-information strong b{ font-weight:normal; float:left; margin:0 60px 0 0; display:inline; overflow:hidden}
.g-product-introduction .m-product-information p{ width:100%; height:46px; line-height:24px; font-size:14px; font-weight:normal; color:#010101; border-top:1px solid #fbfbfb; padding:10px 0 0; display:block; overflow:hidden}
.g-product-introduction .m-product-information p span{ color:#00b3fe; font-weight:bold;}

.g-previmg-box{ width:1200px; height:auto; display:block; overflow:hidden; margin:54px auto 0; padding:0 0 60px 0;}
.g-previmg-box h3{ width:100%; height:26px; line-height:26px; font-size:24px; font-weight:bold; color:#333; display:block; overflow:hidden}

.zy-Slide{font-size: 12px; position:relative; width:1200px; height:600px; margin:30px auto 0;}
.zy-Slide ul{ position:relative; width:1200px; height:600px; margin:0; padding:0;}
.zy-Slide li{ position:absolute; list-style:none; background:#000; width:0; height:0; top:146px; left:377px; z-index:0; cursor:pointer; border-radius:3px; margin:0; padding:0;}
.zy-Slide li img{ width:100%; height:100%; vertical-align:middle;}
.zy-Slide b{ width:60px; height:60px; background:rgba(0,0,0,.4); display:block; overflow:hidden; position:absolute; left:0; top:270px; z-index:10; border-radius:4px; cursor:pointer}
.zy-Slide b i{width:20px; height:20px; border-bottom:2px solid #fff; border-left:2px solid #fff; transform:rotate(45deg); display:block; overflow:hidden; margin:18px 0 0 24px; }
.zy-Slide .u-preimg-rightbtn{left:inherit;right:0;}
.zy-Slide .u-preimg-rightbtn i{ transform:rotate(-135deg); margin-left:15px;}

/*鑱旂郴鎴戜滑*/
.g-call-me{ width:1434px; height:auto; margin:60px auto 0; display:block; overflow:hidden}
.g-call-me h1{ margin:0 0 0 117px; display:block; overflow:hidden}
.g-call-me .m-callme-information{ width:100%; height:auto; display:block; overflow:hidden; margin:40px 0 0;}
.g-call-me .m-callme-information dl{ width:322px; height:auto; float:left; margin:0 0 0 117px; display:inline; overflow:hidden}
.g-call-me .m-callme-information dl dt{ width:130px; height:130px; background:url(../images/index-icon.png) no-repeat -595px 0; margin:auto; display:block; overflow:hidden}
.g-call-me .m-callme-information dl dd{ width:100%; height:auto; display:block; overflow:hidden}
.g-call-me .m-callme-information dl dd strong{ width:100%; height:16px; line-height:16px; font-size:14px; font-weight:normal; color:#000; text-align:center; margin:29px 0 0; display:block; overflow:hidden}
.g-call-me .m-callme-information dl dd b{ width:100%; height:16px; line-height:16px; font-size:14px; font-weight:bold; color:#ff0000; text-align:center; margin:14px 0 0; display:block; overflow:hidden}
.g-call-me .m-callme-information dl dd i{ width:40px; height:1px; background:#00b3fe; margin:15px auto 0; display:block; overflow:hidden}
.g-call-me .m-callme-information .m-callme-address dt{ background-position:-781px 0}
.g-call-me .m-callme-information .m-callme-email dt{ background-position:-967px 0}

.m-map-box{ width:1200px; height:auto; margin:60px auto; display:block; overflow:hidden;}
.m-map-box h1{ display:block; overflow:hidden}

/*鍏充簬鎴戜滑*/
.g-aboutme-banner{ width:1900px; height:auto; display:block; overflow:hidden; margin:auto}
.g-introduction{ width:1200px; height:355px; background:#00b3fe; display:block; overflow:hidden; position:absolute; left:50%; top:250px; margin:0 0 0 -600px; z-index:10;}
.g-introduction dl{ width:100%; height:auto;display:block; overflow:hidden}
.g-introduction dl dt{ width:100%; height:40px; line-height:40px; font-size:36px; font-weight:normal; color:#fff; text-align:center; margin:45px 0 0; display:block; overflow:hidden}
.g-introduction dl dd{ width:100%; height:26px; line-height:26px; font-size:24px; font-weight:normal; color:#fff; text-align:center; margin:14px 0 0; display:block; overflow:hidden}
.g-introduction div{ width:auto; height:auto; margin:30px 100px 0; display:block; overflow:hidden}
.g-introduction div p{ width:100%; height:auto; line-height:30px; font-size:16px; font-weight:normal; color:#fff; text-indent:2em; display:block; overflow:hidden}

.g-aboutme-title{ width:100%; height:auto;display:block; overflow:hidden}
.g-aboutme-title dt{ width:100%; height:40px; line-height:40px; font-size:36px; font-weight:normal; color:#000; text-align:center; margin:0; display:block; overflow:hidden}
.g-aboutme-title dd{ width:100%; height:26px; line-height:26px; font-size:24px; font-weight:normal; color:#aaa; text-align:center; margin:14px 0 0; display:block; overflow:hidden}

.g-culture{ width:1200px; height:auto; margin:276px auto 0; display:block; overflow:hidden}
.g-culture .m-culture-cont{ width:100%; height:auto; margin:50px 0 0; display:block; overflow:hidden}
.g-culture .m-culture-cont li{ width:200px; height:auto; float:left; margin:0; display:inline; overflow:hidden}
.g-culture .m-culture-cont li .u-culture-icon{ width:198px; height:198px; border:1px solid #ddd; background:url(../images/index-icon.png) no-repeat 51px -987px; display:block; overflow:hidden}
.g-culture .m-culture-cont li .u-culture-font{ width:140px; height:340px; background:#4ec9fd; padding:30px 30px 0; display:block; overflow:hidden}
.g-culture .m-culture-cont li .u-culture-font strong{ width:100%; height:auto; line-height:48px; font-size:30px; font-weight:normal; color:#fff;display:block; overflow:hidden}
.g-culture .m-culture-cont li .u-culture-font p{ width:100%; height:auto; line-height:30px; font-size:14px; font-weight:normal; color:#fff; margin:16px 0 0; display:block; overflow:hidden}
.g-culture .m-culture-cont li .u-culture-numb{ width:100%; height:199px; line-height:199px; font-size:72px; font-weight:normal; color:#aaa; text-align:center; border-bottom:1px solid #fff; display:block; overflow:hidden; position:relative; zoom:1;}
.g-culture .m-culture-cont li .u-culture-numb i{ width:60px; height:8px; background:#aaa; display:block; overflow:hidden; position:absolute; left:70px; bottom:46px; z-index:10; }

.g-culture .m-culture-cont .m-culture-2 .u-culture-font{ background:#bfe46f}
.g-culture .m-culture-cont .m-culture-2 .u-culture-icon{ background-position:-151px -982px}

.g-culture .m-culture-cont .m-culture-3 .u-culture-font{ background:#78cfa5}
.g-culture .m-culture-cont .m-culture-3 .u-culture-icon{ background-position:-348px -987px}

.g-culture .m-culture-cont .m-culture-4 .u-culture-font{ background:#f3cf41}
.g-culture .m-culture-cont .m-culture-4 .u-culture-icon{ background-position:-548px -982px}

.g-culture .m-culture-cont .m-culture-5 .u-culture-font{ background:#ed8c93}
.g-culture .m-culture-cont .m-culture-5 .u-culture-icon{ background-position:-750px -982px}

.g-culture .m-culture-cont .m-culture-6 .u-culture-font{ background:#46dfe1}
.g-culture .m-culture-cont .m-culture-6 .u-culture-icon{ background-position:-948px -990px}

.g-activity{ width:1200px; height:auto; margin:0px auto 0; display:block; overflow:hidden}
.g-activity .m-activity-cont{ width:100%; height:auto; margin:0; display:block; overflow:hidden}
.g-activity .m-activity-cont a{ width:392px; height:250px; float:left; margin:10px 8px 0 0px; display:inline; overflow:hidden; position:relative; zoom:1}
.g-activity .m-activity-cont a img{ width:100%; height:250px; display:block; overflow:hidden;border-radius: 5px;}
.g-activity .m-activity-cont a strong{ width:100%; height:50px; line-height:50px; font-size:22px; font-weight:normal; color:#fff; background:rgba(0,0,0,.6); text-indent:24px; display:block; overflow:hidden; position:absolute; left:0; bottom:0; z-index:10;}

.g-aboutme-partner{ width:953px; height:auto; margin:80px auto 0; display:block; overflow:hidden; padding:0 0 80px 0;}
.g-aboutme-partner .m-partner-cont{ width:100%; height:auto; display:block; overflow:hidden; margin:5px 0 0;}
.g-aboutme-partner .m-partner-cont a{ width:198px; height:73px; border:1px solid #eee; float:left; margin:40px 0 0 79px; display:inline; overflow:hidden;}
.g-aboutme-partner .m-partner-cont a img{ width:100%; height:73px; display:block; overflow:hidden}