/*
    Modify     : 网站全方面大改
    Created on : 2019-3-11, 23:30:45
    Author     : Snake
*/
/* ----------------------------------------------------------------
        滚动效果样式(不能删)
-----------------------------------------------------------------*/
body{-webkit-text-size-adjust:none;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl, dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,iframe{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
body,button,input,select,textarea {font-size:62.5%; line-height:1.5;}
html,body{ width:100%; height:100%; overflow:hidden;}

.section-wrap{ width:100%;height:100%;overflow:visible;transition:transform 1s cubic-bezier(0.86,0,0.03,1);-webkit-transition:-webkit-transform 1s cubic-bezier(0.86,0,0.03,1);}
.section-wrap .section{ position:relative; width:100%; height:100%; background-position:center center; background-repeat:no-repeat;overflow: hidden;}
.section-wrap .section .title{width:100%;color:#fff;font-size:2.4em;text-align:center;}
.section-wrap .section .title.active .tit{ opacity:1;transform:translateY(-25px);-webkit-transform:translateY(-25px);transition:all 2s cubic-bezier(0.86,0,0.8,1);-webkit-transition:all 2s cubic-bezier(0.86,0,0.8,1);}

.section-wrap .section-1{ background-color:#ffffff}
.section-wrap .section-2{ background-color:#ffffff}
.section-wrap .section-3{ background-color:#ffffff}
.section-wrap .section-4{ background-color:#ffffff}
.section-wrap .section-5{ background-color:#ffffff}
.section-wrap .section-6{ background-color:#393939}

.put-section-0{ transform:translateY(0);-webkit-transform:translateY(0);}
.put-section-1{ transform:translateY(-100%);-webkit-transform:translateY(-100%);}
.put-section-2{ transform:translateY(-200%);-webkit-transform:translateY(-200%);}
.put-section-3{ transform:translateY(-300%);-webkit-transform:translateY(-300%);}
.put-section-4{ transform:translateY(-400%);-webkit-transform:translateY(-400%);}
.put-section-5{ transform:translateY(-500%);-webkit-transform:translateY(-500%);}

.section-btn{ width:14px;position:fixed;left:1%;top:50%;}
.section-btn li{ width:14px;height:14px;cursor:pointer;text-indent:-9999px;border-radius:50%;-webkit-border-radius:50%;margin-bottom:12px; background:#bfb4b4;text-align:center; color:#fff; onsor:pointer;}
.section-btn li.on{ background:#23ac38;}
.arrow{ opacity:1;animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;transform:rotate(-90deg);-webkit-transform:rotate(-90deg); position:absolute;bottom:10px;left:50%;margin-left:-30px;width:60px;height:60px;border-radius:100%;-webkit-border-radius:100%;line-height:60px;text-align:center;font-size:20px;color:#fff;border:1px solid #fff;cursor:pointer;overflow:hidden;}
.arrow:hover{ animation-play-state:paused;-webkit-animation-play-state:paused;}
@keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} }
@-webkit-keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} }

/* ----------------------------------------------------------------
        幻灯片
-----------------------------------------------------------------*/
.casebanner {
    display: none;
}

/* ----------------------------------------------------------------
        首页.第一层
-----------------------------------------------------------------*/
/* 背景视频 */
.section1 {
    position: relative;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.section1 .bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.section1 .bg video{
    position: absolute;
    top: 0px;
    left: 0px;
}

/* 图片动画 */
.section1 .hgroup {
    position: relative;
    height: 100%;
    margin: 0 auto;
}

.hgroup-li li {
    width: 100%;
}

.active .hgroup-li li {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-duration: 2s;
    animation-iteration-count: 3;
}

.hgroup-li li img {
    width:100%;
    opacity:0.5;
}

/* 域名查询 */
.sec-domain {
    width: 100%;
    top: 60px;
    position: relative;
}

.d-cont {
    width: 100%;
    height: 100%;
    position: relative;
}

.d-main {
    width: 1200px;
    margin: 0 auto;
}

.d-cont .d-left {
    width: 90px;
    float: left;
}

.d-cont .d-right {
    width: 1085px;
    float: right;
}

/* 域名查询第一部分 */
.d-tbg {
    height: 70px;
    z-index: 9;
    background: #2aae41;
}

.d-tbg .d-left img {
    width: 90px;
}

.d-tbg .d-right {
    margin-top: 15px;
}

.d-tbg .input-box {
    float: left;
    width: 830px;
    height: 40px;
    border: 1px solid #eee;
    border-right: 0;
    border-radius: 3px 0 0 3px;
}

.d-tbg .input-box input {
    color: #000;
    width: 100%;
    height: 40px;
    border: 0;
    outline: none;
    font-size: 14px;
    line-height: 40px;
    padding: 10px 15px;
}

.d-tbg .input-select {
    float: left;
    height: 40px;
    border: 1px solid #eee;
}

.d-tbg .input-select select {
    color: #000;
    height: 40px;
    border: 0;
}

.d-tbg .search-btn {
    float: left;
    font-size: 14px;
    width: 130px;
    height: 42px;
    line-height: 42px;
    background-color: #0e711f;
    color: #fff;
    text-align: center;
    border: 1px solid #0e711f;
    border-radius: 0 3px 3px 0;
    border-left: none;
    cursor: pointer
}

.d-tbg .d-radio {
    top: 8px;
    position: relative;
    display: inline-block;
}

.d-tbg .d-radio label {
    margin-right: 5px;
}

.d-tbg .d-radio input {
    width: 15px;
    height: 15px;
    position: relative;
    top: 2px;
    margin-right: 5px;
}

.d-tbg .domain-root {
    float: left;
    margin-top: 35px;
    width: 1035px;
    color: #000;
}

.d-tbg .domain-root .domainType label {
    display: inline-block;
    width: 94px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    padding-right: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.d-tbg .domain-root .domainType label input {
    width: 16px;
    height: 16px;
    top: 3px;
    margin-right: 5px;
    position: relative;
}

/* 域名查询第二部分 */
.d-second {
    height: 135px;
    z-index: 1;
    background: #f4f4f4;
}

/* 域名查询第三部分 */
.d-three .result-cont {
    width: 100%;
}

.d-three .result-item {
    color: #000;
    font-size: 14px;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #ebebeb;
}

.d-three .d-alln {
    width: 100%;
    height: 60px;
    line-height: 60px;
}

.d-three .d-alln a {
    color: red;
}

/* ----------------------------------------------------------------
        首页.第二层
-----------------------------------------------------------------*/
.section2 .title div { position:absolute; overflow:hidden;}
.zhuti1 { background-color:#2aae41; left:-400px; top:0; width:25%; height:100%; transition: all 0.5s; }
.zhuti2 {background-color:#247f8b; left:-400px; top:0; width:25%; height:100%; transition: all 0.5s;}
.zhuti3 {background-color:#98d333; left:-400px; top:0; width:25%; height:100%; transition: all 0.5s;}
.zhuti4 {background-color:#0e711f; left:-400px; top:0; width:25%; height:100%; transition: all 0.5s; }

.section2 .tb img,.section2 .tb1 img { height:130px;}

.zhuti1zi, .zhuti2zi, .zhuti3zi, .zhuti4zi {position:absolute; bottom:0px; width:100%; height:91px; display:none; text-align:center; color:#fff; }
.ztitle { width:80%; height:60px; font-size:36px; color:#19ac2a; text-align:center; position:absolute; left:10%; top:49%; transition: top 0.5s; }
.zhuti1:hover .ztitle ,.zhuti2:hover .ztitle,.zhuti3:hover .ztitle ,.zhuti4:hover .ztitle { color:#FFFFFF;  }
.zhuti1:hover .ztitle ,.zhuti2:hover .ztitle,.zhuti3:hover .ztitle ,.zhuti4:hover .ztitle {top:44%; transition-delay: 0s; }
.zhuti1:hover ,.zhuti2:hover , .zhuti3:hover , .zhuti4:hover {
    cursor:pointer;
}

.zhuti1:hover .zhuti1zi, .zhuti2:hover .zhuti2zi, .zhuti3:hover .zhuti3zi, .zhuti4:hover .zhuti4zi{
    display:block;
}

.zhuti1 .tb,.zhuti2 .tb, .zhuti3 .tb, .zhuti4 .tb{
    width:230px;
    height:186px;
    position:absolute;
    top:20%;
    left:50%;
    margin-left:-115px;
    text-align:center;
    transition: all 0.5s;
}

.zhuti1 .tb1,.zhuti2 .tb1, .zhuti3 .tb1, .zhuti4 .tb1{
    width:230px;
    height:186px;
    position:absolute;

    top:20%;
    left:50%;
    margin-left:-115px;
    text-align:center;
    transition: all 0.5s;
}

.zhuti1:hover .tb,.zhuti2:hover .tb, .zhuti3:hover .tb, .zhuti4:hover .tb{
    width:230px;
    height:186px;
    position:absolute;
    display: none;
    top:20%;
    left:50%;
    margin-left:-115px;
    text-align:center;
    transition-delay: 0.5s;
}

.zhuti1:hover .tb1,.zhuti2:hover .tb1, .zhuti3:hover .tb1, .zhuti4:hover .tb1{
    width:230px;
    height:186px;
    position:absolute;
    display: block;
    top:25%;
    left:50%;
    margin-left:-115px;
    text-align:center;
    transition-delay: 0s;
}

.zms { top:56%;  color:#FFFFFF; text-align:center; width:100%; padding:0 10%; transition: all 0.5s; }
.zms p { font-size:20px;}
.zms span { color:#FFFFFF; display:block; text-align:center; padding-top:50px;font-size:16px;}
.zhuti1:hover .zms ,.zhuti2:hover .zms ,.zhuti3:hover .zms ,.zhuti4:hover .zms  { top:51%; transition-delay: 0s;}
.zhuti1:hover .zms p ,.zhuti1:hover .zms span { color:#FFFFFF; }
.zhuti2 .zms p ,.zhuti2 .zms span { color:#FFFFFF;}
.zhuti3:hover .zms p ,.zhuti3:hover .zms span { color:#FFFFFF;}
.zhuti4 .zms p ,.zhuti4 .zms span { color:#FFFFFF; }

.active .zhuti1 {  left:0; transition-delay: 0.5s;}
.active .zhuti2 { left:25%; transition-delay:  0.5s;}
.active .zhuti3 { left:50%;  transition-delay:  0.5s;}
.active .zhuti4 { left:75%;  transition-delay: 0.5s;}

.zhuti1 .ztbg ,.zhuti2 .ztbg,.zhuti3 .ztbg ,.zhuti4 .ztbg {opacity: 0; }
.zhuti1:hover .ztbg { background:#2aae41; opacity: 0.8; width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:0;}
.zhuti2:hover .ztbg { background:#247f8b; opacity: 0.8; width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:0;  }
.zhuti3:hover .ztbg { background:#98d333; opacity: 0.8; width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:0; }
.zhuti4:hover .ztbg { background:#0e711f; opacity: 0.8; width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:0;  }

/* ----------------------------------------------------------------
        首页.第三层
-----------------------------------------------------------------*/
/* 标题 */
.section3 .case-title {
    width: 100%;
    height: 51px;
    margin-top: 8%;
    padding: 0 4%;
}

.section3 .case-title .case-anli {
    color: #23ac38;
    font-size: 50px;
    float: left;
}

.section3 .case-title .case-more {
    height: 50px;
    float: right;
    margin-top: 20px;
}

.section3 .case-title .case-more font {
    font-size: 24px;
    margin-right: 10px;
}

.section3 .case-title .case-more span {
    font-size: 25px;
    color: #fff;
    padding: 5px 13px;
    border-radius: 50%;
    background: #000;
}

.section3 .case-title .case-more a {
    color: #757575;
}

.active .case-anli, .active .case-more {
    animation-name: fadeInDown;
    -webkit-animation-name: fadeInUp;
    animation-duration: 1s;
}

/* 列表 */
.case-demo {
    position: relative;
}

.active .case-demo {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-duration: 1s;
}

.owl-carousel{
    display: inline-block;
    position: relative;
    width: 100%;
}

.og-grid {
    list-style: none;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

.og-grid li {
    display: inline-block;
    margin:10px 10px;
    vertical-align: top;
}

.og-grid li a {
    width: 100%;
    border: none;
    outline: none;
    display: block;
    position: relative;
}

.og-grid li a img {
    border: none;
    outline: none;
    display: block;
    position: relative;
    transition: all 0.5s;
}

.og-grid li a:hover {
    border: none;
    outline: none;
    display: block;
    position: relative;
}

.og-grid li a:hover img {
    border: none;
    outline: none;
    display: block;
    position: relative;
    -webkit-transform:scale(1.1, 1.1);
    transform:scale(1.1,1.1);
    transition-delay: 0s;
}

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

.gridtit {
    display: none;
    /*padding-left:40px;*/
    text-align: center;
    line-height:40px;
}

figure.effect-bubba {
    background:#000;

}

figure.effect-bubba img {
    opacity: 1;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}

figure.effect-bubba:hover img {
    opacity: 0.4;
}

/* ----------------------------------------------------------------
        首页.第四层
-----------------------------------------------------------------*/
.section-wrap .section-4 {
    width: 100%;
    background: #eeeeee;
}

.wenhua-bg-left {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 60px;
}

.wenhua-bg-left img {
    /*width: 460px;*/
}

.active .wenhua-bg-left img {
    visibility: visible;
    animation-name: fadeInLeft;
    -webkit-animation-name: fadeInLeft;
    animation-duration: 5s;
}

.wenhua-bg-right {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
}

.wenhua-bg-right img {
    /*width: 360px;*/
}

.active .wenhua-bg-right img {
    visibility: visible;
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-duration: 5s;
}

/* 中间动画效果 */
.wenhua-cont {
    width: 650px;
    /*margin: 80px auto 0 auto;*/
}

.active .wenhua-logo {
    text-align: center;
    animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-duration: 2s;
}

.wenhua-logo img {
    /*width: 100px;*/
}

.wenhua-logo img {
    visibility: visible;
}

.wenhua-box {
    /*margin-top: 20px;*/
}

.wenhua-box .wenhua-item {
    width: 100%;
    height: 100px;
    position: relative;
}

.wenhua-item .wenhua-item-img {
    position: absolute;
}

.wenhua-item .wenhua-item-img img {
    width: 100%;
}

.wenhua-item .wenhua-item-txt {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    position: relative;
}

.wenhua-box .wenhua-item-box:nth-child(1) .wenhua-item {
    z-index: 2;
}

.wenhua-box .wenhua-item-box:nth-child(2) .wenhua-item {
    top: -15px;
    left: 30px;
    z-index: 5;
}

.wenhua-box .wenhua-item-box:nth-child(3) .wenhua-item {
    top: -15px;
    right: 25px;
    z-index: 4;
}

.wenhua-box .wenhua-item-box:nth-child(4) .wenhua-item {
    top: -25px;
    left: 45px;
    z-index: 3;
}

.wenhua-box .wenhua-item-box:nth-child(5) .wenhua-item {
    top: -40px;
    z-index: 2;
}

.wenhua-box .wenhua-item-box:nth-child(1) .wenhua-item-txt {
    top: 35%;
}

.wenhua-box .wenhua-item-box:nth-child(2) .wenhua-item-txt {
    top: 43%;
    right: 38px;
}

.wenhua-box .wenhua-item-box:nth-child(3) .wenhua-item-txt {
    top: 40%;
    left: 35px;
}

.wenhua-box .wenhua-item-box:nth-child(4) .wenhua-item-txt {
    top: 45%;
    right: 35px;
}

.wenhua-box .wenhua-item-box:nth-child(5) .wenhua-item-txt {
    top: 50%;
    left: 45px;
}

.wenhua-box .wenhua-gray {
    width: 650px;
    position: relative;
    display: block;
}

.wenhua-box .wenhua-gray span {
    width: 100%;
    z-index: 1;
    box-shadow: 5px 5px 5px #888888;
}

.wenhua-box .wenhua-item-box:nth-child(1) .wenhua-gray span {
    position: absolute;
    height: 104px;
    top: -102px;
    right: 1px;
}

.wenhua-box .wenhua-item-box:nth-child(2) .wenhua-gray span {
    position: absolute;
    height: 98px;
    top: -111px;
    left: 29px;
}

.wenhua-box .wenhua-item-box:nth-child(3) .wenhua-gray span {
    position: absolute;
    height: 104px;
    top: -117px;
    right: 26px;
}

.wenhua-box .wenhua-item-box:nth-child(4) .wenhua-gray span {
    position: absolute;
    height: 98px;
    top: -121px;
    left: 45px;
}

.wenhua-box .wenhua-item-box:nth-child(5) .wenhua-gray span {
    position: absolute;
    height: 104px;
    top: -139px;
    right: 5px;
    transform:rotate(1deg);
    -ms-transform:rotate(1deg); /* Internet Explorer */
    -moz-transform:rotate(1deg); /* Firefox */
    -webkit-transform:rotate(1deg); /* Safari 和 Chrome */
    -o-transform:rotate(1deg); /* Opera */
    box-shadow: 9px 12px 5px #888888
}

.wenhua-box .wenhua-item-box:nth-child(1):hover {
    position: relative;
    z-index: 9;
    visibility: visible;
    animation-name: swing;
    -webkit-animation-name: swing;
    animation-iteration-count: 2;
    animation-duration: 5s;
}

.wenhua-box .wenhua-item-box:nth-child(2):hover {
    position: relative;
    z-index: 9;
    visibility: visible;
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-iteration-count: 5;
    animation-duration: 1s;
}

.wenhua-box .wenhua-item-box:nth-child(3):hover {
    position: relative;
    z-index: 9;
    visibility: visible;
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-iteration-count: 5;
    animation-duration: 1s;
}

.wenhua-box .wenhua-item-box:nth-child(4):hover {
    position: relative;
    z-index: 9;
    visibility: visible;
    animation-name: swing;
    -webkit-animation-name: swing;
    animation-iteration-count: 2;
    animation-duration: 5s;
}

.wenhua-box .wenhua-item-box:nth-child(5):hover {
    position: relative;
    z-index: 9;
    visibility: visible;
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-iteration-count: 5;
    animation-duration: 1s;
}

.wenhua-box .wenhua-item-box:hover .wenhua-gray {
    display: none;
}

/* ----------------------------------------------------------------
        首页.第五层
-----------------------------------------------------------------*/
.section5 .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.section5 .bg img {
    display: block;
    width: 100%;
    height: 100%;
}

.ib-container {
    position: relative;
    width: 1250px;
    margin: 0 auto;
}

.ib-box {
    width: 230px;
    height: 434px;
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    position:relative;
    background-color: #f3f3f3;
}

.active .ib-box:nth-child(1) {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-duration: 1.5s;
}

.active .ib-box:nth-child(2) {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-duration: 2.5s;
}

.active .ib-box:nth-child(3) {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-duration: 3.5s;
}

.active .ib-box:nth-child(4) {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-duration: 4.5s;
}

.active .ib-box:nth-child(5) {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-duration: 5.5s;
}

.ib-container .ib-box {
    margin-bottom: 2px;
    position: relative;
    top: 1px;
    padding: 80px 10px 20px 10px;
    border: 1px solid #f3f3f3;
}

.ib-container .ib-box .text1 {
    color: #fff;
    font-size: 30px;
    line-height: 1.2;
    position: absolute;
    left: 50%;
    top: -80px;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 8px solid #ffffff;
    background-color:#009933;
}

.ib-container .ib-box .text1:after, .ib-container .ib-box .text1:before {
    content: "";
    position: absolute;
    border-radius: 50%;
    z-index: -1;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-transform: scale(0);
    transform: scale(0);
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.ib-container .ib-box .text1:after {
    -moz-transition-delay: 0.13s;
    -o-transition-delay: 0.13s;
    -webkit-transition-delay: 0.13s;
    transition-delay: 0.13s;
    background-color: #373b41;
}

.ib-container .ib-box .text1:before {
    background-color: #ffffff;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.ib-container .ib-box:hover .text1:after, .ib-container .ib-box:hover .text1:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.ib-container .ib-box .text2 {
    width:180px;
    height:330px;
    font-size:12px;
    text-align: center;
    margin:0 15px;
}

.text2 ul li { float:left; width:90px; }


.ib-container .ib-box .text2 p {
    width:100%;
    line-height:30px;
    color: #000;
    text-align: left;
    display:block;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
}

.ib-container .ib-box .text2 p:hover {
    color:#006600;
}

.ib-container .ib-box .text2-sign, .ib-container .ib-box .text2-sign p {
    text-align: center;
}

.ib-container .ib-box .text2-sign p:nth-child(2), .ib-container .ib-box .text2-sign p:nth-child(4) {
    margin: 10px 0;
}

.ib-container .ib-box .text2-sign p img {
    width: 120px;
    height: 120px;
    border: 1px solid #d3d3d3;
}

/* ----------------------------------------------------------------
        首页.第六层
-----------------------------------------------------------------*/
.section6 .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 65px;
}

.section6 .sect-footer {
    position: relative;
    width: 100%;
    margin: 7% auto 0 auto;
}

.sect-footer-contact {
    width: 980px;
    text-align: center;
    margin: 0 auto;
}

.sect-footer-contact .sectitle {
    font-size: 40px;
    color: #23ac3a;
    font-weight: bold;
}

.sect-footer-contact .secztitle {
    font-size: 32px;
}

.sect-footer-contact .secztitle span {
    font-size: 32px;
    color: #23ac3a;
}

.sect-footer-contact .sect-footer-link {
    width: 100%;
    display: inline-block;
    margin-top: 25px;
}

.sect-footer-contact .sect-footer-link ul li {
    list-style: none;
    width: 155px;
    height: 100%;
    float: left;
    text-align: center;
    margin-right: 6px;
    margin-bottom: 20px;
    overflow:hidden;
    position:relative;
}

.sect-footer-contact .sect-footer-link .foot-two-img {
    width: 145px;
    height: 100%;
    text-align: center;
    margin: 0 auto;
    border-radius: 5%;
    /*border: 1px solid #8ebbb9;*/
}

.sect-footer-contact .sect-footer-link ul li img {
    width: 70px;
    height: 70px;
    margin-top: 9px;
}

.sect-footer-contact .sect-footer-link .foot-two-cont {
    color: #fff;
    font-size: 18px;
    margin-top: 5px;
}

.sect-footer-contact .footer-link-all {
    width: 100%;
    margin-bottom: 10px;
}

.sect-footer-contact .footer-link-all img {
    width: 91%;
}

/* 底部 - 二维码,联系方式 */
.sect-message {
    width: 500px;
    margin: 0 auto;
}

.sect-message .sect-message-title {
    width: 100%;
    margin: 30px 0 20px 0;
    text-align: center;
}

.sect-message .sect-message-title img {
    width: 100%;
}

.sect-message .sect-message-left {
    width: 120px;
    float: left;
    margin-left: 8px;
}

.sect-message .sect-message-left img {
    width: 120px;
    height: 120px;
}

.sect-message .sect-message-right {
    width: 350px;
    float: right;
}

.sect-message .sect-message-right p {
    font-size: 16px;
    margin-top: 15px;
}

.sect-message .sect-message-right .foot-rexian {
    font-size: 26px;
    margin-top: 0;
}

.sect-message .sect-message-right .font-tel {
    font-size: 32px;
    margin-top: 6px;
}

/* 底部 - 版权 */
.section6 .sect-copyright {
    width: 100%;
    background: #202020;
    position: absolute;
    bottom: 0px;
}

.sect-copyright-contact {
    width: 1200px;
    text-align: center;
    margin: 15px auto;
}

.sect-copyright .sect-copyright-contact p {
    font-size: 13px;
    color: #999;
    margin-bottom: 5px;
}

/* 首页底部 */
.section6 .footers {
    display: block;
    position: absolute;
    bottom: 0;
    border-top: 5px solid #29ae40;
}