@charset "utf-8";
/*公共样式*/
html, body, td, input, textarea, select, button, ul, ol, li, dl, dt, dd,p, h1, h2, h3, h4, h5, h6, form, fieldset, a {box-sizing: content-box;}
body {background: #ffffff;color: #666;margin: 0 auto;width: auto;min-width: 1210px;min-height: 400px;}
html, body {margin: 0;padding: 0;}
body, td, input, textarea, select, button {color: #666;font-size: 12px;font-family: "Microsoft Yahei", "Lucida Grande", Verdana, Lucida,Helvetica, Arial, sans-serif;}
label {font-weight: normal;}
body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset{margin: 0;padding: 0;}
ul, ol, li {list-style-image: none;list-style-type: none;}
a {color: #666;text-decoration: none;outline: none;}
a:hover {text-decoration: none;cursor: pointer;color: #37c3e3}
a:focus, input[type=button], input[type=submit] {outline: none;}
input, button, select, textarea {outline: none}
a img {border: none;}
i, em {font-style: normal;font-size: 14px;}
.w1210 {width: 1210px;margin: 0px auto;}
.w50{width: 50%; margin:0 auto;}
.w60{width: 60%; margin:0 auto;}
.w70{width: 70%; margin:0 auto;}
.w80{width: 80%; margin:0 auto;}
.hide {display: none;}
.cl333{color: #333333;}.cl999{color: #999999;}.red{color: #FF0000;}.blue{color: #0000FF;}.green{color: #008000;}.black{color: #000000;}
.clear{clear: both;height: 0;overflow: hidden;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.none {display: none !important;}
.Ad-Box1{width: 100%}
.swiper-container img{width:100%;}
.Ad-Box1 .swiper-slide{font-size: 0}
.ad-box li img{width:100%;}
/*左右漂浮*/
.fixed-lt{position: fixed; top:200px; left:20px;}
.fixed-rt{position: fixed; bottom:60px; right:20px;}
.backtop{background: rgba(255,250,240,0.4);transition: all 1s;border-radius: 5px}
.backtop:hover{background: #F0FFFF; right: 30px!important;}
.backtop img{width:60px;}
.pc-topadbg{height: 400px;padding-top: 110px; background:rgba(0,0,0,0.6);transition: all 0.8s;}
.pc-topadbg:hover{background: rgba(0,0,0,0.1);}

/*网站LOGO行*/
.demo9-top{position: fixed;width: 100%; top: 0; left: 0; height: 100px;z-index: 999;transition: background 0.5s;background:#fff;}
.demo9-bg1{background: #fff!important;box-shadow: 2px 2px 5px #ccc;}
.demo9-bg2{color: #000!important}
.demo9-top ul{float:  left;}
.demo9-top ul:nth-child(1){width: 15%}
.demo9-top ul:nth-child(2){width: 75%}
.demo9-top .right{width: 10%;background: url(../images/pc1.png) left center no-repeat; height: 100%;}
.demo9-top .right li{width: 40px; height: 40px;text-align:center;float: left;margin-top:30px;position: relative;cursor: pointer;}
.demo9-top .right li img{display: none;position: absolute;right: 0; top:40px;max-height: 200px; max-width: 150px;}
.demo9-top .logo{text-align:center; line-height: 100px;}
.demo9-top .logo img{display: inline-block;vertical-align: middle; max-width: 220px; max-height: 90px;}
.demo9-top .navlist li{display: inline-block; width: 10%; height: 40px; line-height: 40px;font-size:14px; position: relative;transition: all 0.6s;color: #ddd;margin-top:30px;}
.demo9-top .navlist .navproduct{width: 140px;display: inline-block;height: 40px; margin-top:30px;position: relative; line-height: 40px;color: #ddd;cursor: pointer;}
.demo9-top .navlist .navproduct em{height: 3px; background: #ccc; width:20px; display: inline-block;position: relative;margin-left:10px;margin-bottom: 3px;}
.demo9-top .navlist .navproduct em:before{height: 3px; background: #ccc; width:20px;content:"";position: absolute;display: inline-block; top:6px; left: 0;}
.demo9-top .navlist .navproduct em:after{height: 3px; background: #ccc; width:20px;content:"";position: absolute;display: inline-block;top:-6px; left: 0;}
.demo9-top .navlist .navproduct .emhover{background: #03999a}
.demo9-top .navlist .navproduct .emhover:before{background: #03999a}
.demo9-top .navlist .navproduct .emhover:after{background: #03999a}
.demo9-top .navlist .cn{display: inline-block;position: absolute; left:50%; top:5px;transition: all 0.6s;font-size: 14px;opacity: 1;transform: translateX(-50%); width: 100%;text-align:center;color: #000}
.demo9-top .navlist .en{position: absolute; left:50%; top:-40px;transition: all 0.6s;opacity: 0;transform: translateX(-50%);width: 100%; font-size:8px;text-align:center;}
.demo9-top .navlist .cn_active{position: absolute; left: 50%; top:40px;font-size:12px;opacity: 0;transform: translateX(-50%);width: 100%;}
.demo9-top .navlist .en_active{display: inline-block;position:absolute;left: 50%; top:5px;font-size:16px;opacity: 1;color: #03999a; transform: translateX(-50%);width: 100%;font-weight: bold;}
.demo9-top .navlist .navproduct span{position: absolute; top:40px; left: 0;display: block;height: 1px;width: 100%;}
.demo9-top .navlist li span{position: absolute; top:28px; left: 50%;display: block;height: 1px;width: 100%;transform: translateX(-50%);}
.demo9-top .navlist .navline{animation: navline 0.4s linear forwards;background:#03999a;}
.demo9-top .navlist .navlines{animation: navlines 0.4s linear forwards;background:#03999a;}
@keyframes navline {
    from {
        width: 0
    }
    to {
        width: 100%
    }
}
@keyframes navlines {
    from {
        width: 100%
    }
    to {
        width: 0
    }
}

.demo9-top .navlist li .list{position: absolute; top: 70px; left: -30px;width: 160px;background: #fff;z-index: 10; display: none;padding-left: 30px;box-shadow: 2px 2px 5px #333}
.demo9-top .navlist li .list ol{line-height: 40px; height: 40px;color: #333; font-size:14px;position: relative;border-left: 1px solid #ccc;padding-left: 30px;}
.demo9-top .navlist li .list ol:hover{ font-weight: bold; }
.demo9-top .navlist li .list ol::before{content: "";position: absolute;top: 0;left: -1px;width: 1px;height: 0;border-left: 2px solid #03999a;transition: 0.2s all linear;}
.demo9-top .navlist li .list ol:hover::before {height: 100%;left: -1px;}
.demo9-top .navlist li .list ol:hover ~ .demo9-top .navlist .list ol::before {left: -1px; height: 0;}

.demo9-top .productclass{background: #fff; height: 600px;width: 100%;display: none;position: absolute; left: 0; top:100px;box-shadow: 2px 2px 5px #ccc;z-index: 8;}
.demo9-top .productclass .outpost{padding:100px 200px;}
.demo9-top .productclass ul{float: left; width: 33.3%;color: #000; font-size: 25px;}
.demo9-top .productclass ul li{line-height: 80px;padding-left: 80px;}
.demo9-top .productclass ul:nth-child(1) li:nth-child(1){background: url(../images/a1.png) left center no-repeat;}
.demo9-top .productclass ul:nth-child(1) li:nth-child(2){background: url(../images/a2.png) left center no-repeat;}
.demo9-top .productclass ul:nth-child(1) li:nth-child(3){background: url(../images/a3.png) left center no-repeat;}
.demo9-top .productclass ul:nth-child(1) li:nth-child(4){background: url(../images/a4.png) left center no-repeat;}
.demo9-top .productclass ul:nth-child(2) li:nth-child(1){background: url(../images/a5.png) left center no-repeat;}
.demo9-top .productclass ul:nth-child(2) li:nth-child(2){background: url(../images/a6.png) left center no-repeat;}
.demo9-top .productclass ul:nth-child(2) li:nth-child(3){background: url(../images/a7.png) left center no-repeat;}
.demo9-top .productclass ul:nth-child(2) li:nth-child(4){background: url(../images/a8.png) left center no-repeat;}
.demo9-top .productclass ul:nth-child(3) li:nth-child(1){padding-left: 50px;background: url(../images/pc2.png) left center no-repeat;background-size: 7%}
.demo9-top .productclass ul:nth-child(3) li:nth-child(2){padding-left: 50px;background: url(../images/pc3.png) left center no-repeat;background-size: 7%}
.demo9-top .productclass ul:nth-child(3) li:nth-child(3){padding-left: 50px;background: url(../images/pc4.png) left center no-repeat;background-size: 7%}
.demo9-top .productclass a{color: #000;}

/*网站LOGO行*/
.demo1-top{width:100%;height: 105px;overflow: hidden;background:#333333;position:fixed;top:0;z-index:999;position: fixed;top:0;}
.demo1-top ul{margin:0 auto;}
.demo1-top .nav .logo{width:28%;line-height: 105px;float: left;    margin-left: 0;}
.demo1-top .logo img{max-height: 85px;display: inline-block;max-width: 260px;vertical-align: middle;}
.demo1-top .nav{width:1230px;margin:0 auto;    overflow: hidden;}
.demo1-top .nav a{display:block;overflow: hidden; float: left;    margin-left:58px;}
.demo1-top .nav li{font-size: 16px; color: #fff;position: relative;text-align:center;font-weight: bold;height: 105px; line-height: 105px;}
.demo1-top .nav li:hover{color: #fff;background: rgba(0,0,0,0);}
.demo1-top .nav li span{position: absolute; top:0px; left: 0;display: block;height: 105px;width: 100%;z-index: -1;transition: all 0.5s}
.demo1-top .nav li:hover span{}
.demo1-top .list{display: none;}
.demo1-top .list{position: absolute; top: 70px; left: -30px;width: 160px;background: #fff;z-index: 10; display: none;padding-left: 30px;box-shadow: 2px 2px 5px #333}
.demo1-top .list ol{line-height: 40px; height: 40px;color: #333; font-size:14px;position: relative;border-left: 1px solid #ccc;padding-left: 30px;}
.demo1-top .list ol:hover{ font-weight: bold; }
.demo1-top .list ol::before{content: "";position: absolute;top: 0;left: -1px;width: 1px;height: 0;border-left: 2px solid #03999a;transition: 0.2s all linear;}
.demo1-top .list ol:hover::before {height: 100%;left: -1px;}
.demo1-top .list ol:hover ~ .demo1-top .list ol::before {left: -1px; height: 0;}

/*底部公司信息版权*/
.copyright{text-align: center; color: #757575; height: 35px; line-height:35px;background:#333;border-top:1px solid #535353;}
.copyright a{color: #757575}
.copyright span{margin:0 30px;}
.demo1-bottom{background:#333;padding:30px 0 50px;overflow: hidden}
.demo1-bottom .w1210{margin:50px auto;    overflow: hidden;}
.demo1-bottom ul{float: left;}
.demo1-bottom ul:nth-child(1){width: 25%}
.demo1-bottom ul:nth-child(1) img{max-width: 100%;}
.demo1-bottom ul:nth-child(1) .dianhua{color:#fff;font-size:16px; line-height: 2;margin-top: 1rem;padding: 0 10px;}
.demo1-bottom ul:nth-child(1) .dianhua b{font-size:33px;display:block;font-family: "PingFang SC","Source Han Sans CN";}
.demo1-bottom ul:nth-child(2){width: 35%;margin-left:15%;}
.demo1-bottom ul:nth-child(2) li a{color:#e0e0e0;font-size:14px;line-height:2;}
.demo1-bottom ul:nth-child(2) li:nth-child(1){font-size: 16px; font-weight: bold;margin-bottom:10px;color:#e0e0e0;line-height:2;}
.demo1-bottom ul:nth-child(3) li:nth-child(1){font-size: 16px; font-weight: bold;margin-bottom:10px;}
.demo1-bottom ul:nth-child(3) li{color:#e0e0e0;font-size:14px;line-height:2;}

/*分页样式代码*/
.common-page {width: 100%;margin:40px auto 0;padding-bottom: 50px}
.common-page .page_list{color: #ccc;margin:0 auto;font-size: 14px;text-align:center;line-height: 35px; height: 37px}
.common-page .num{display:  inline-block;width: 35px; height: 35px ; border: 1px solid #eee;cursor: pointer;color: #666;margin-right: 5px}
.common-page .num:hover{background: #facc0c; color: #fff}
.common-page .curr {background: #facc0c; color: #fff}
.common-page .prev,.common-page .next{display:  inline-block;width: 70px; height: 35px ; border: 1px solid #eee;margin-right: 5px;cursor: pointer;background: #fff}
.common-page .prev:hover,.common-page .next:hover{background: #facc0c; color: #fff}
.common-page .total{display:  inline-block;width: 70px; height: 35px ; border: 1px solid #eee;}
.common-page .disabled:hover{background: #FFF!important; color: #ccc!important}

/*单页样式，关王我们，联系我们，招商加盟*/
.demo1-pagelist{width:100%;background: #fff}
.demo1-pagelist .pic{max-height:600px;overflow:hidden;}
.demo1-pagelist .pic img{width:100%;}
.demo1-pagelist .title{height: 80px; line-height:80px; text-align: center;font-size: 30px; color:#000 }
.demo1-pagelist .desc{padding:20px;line-height:26px;text-align:justify;}
.demo1-pagelist .desc img{max-width: 100%;margin:0 auto;}
.demo1-pagelist .classlist{text-align: center;}
.demo1-pagelist .classlist li{width:200px; text-align:center; height: 35px; line-height:35px;border:1px solid #ccc;margin-right:5px;margin-bottom: 20px;display: inline-block;}
.demo1-pagelist .classlist li:hover{background: #000;color: #fff}
.demo1-pagelist .classlist .curr{background: #000;color: #fff}
.map-canvas{width: 100%; height: 400px;}
.addresslist li{ line-height: 25px; }
.addresslist li:nth-child(1){color: #ff0000; font-weight: bold;}
/*波纹动画开始*/
@-webkit-keyframes wateranimate {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(2);
        opacity: 0;
    }
}
@keyframes wateranimate {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
    }
}           
.ripple {
    position: relative;
    width: 300px;
    height: 300px;
}           
.w1 {
    -webkit-animation: wateranimate 6s 3s ease-out infinite;
    animation: wateranimate 6s 3s ease-out infinite;
}           
.w2 {
    -webkit-animation: wateranimate 6s 2s ease-out infinite;
    animation: wateranimate 6s 2s ease-out infinite;
}           
.w3 {
    -webkit-animation: wateranimate 6s 1s ease-out infinite;
    animation: wateranimate 6s 1s ease-out infinite;
}           
.w4 {
    -webkit-animation: wateranimate 6s 0s ease-out infinite;
    animation: wateranimate 6s 0s ease-out infinite;
}           
.w1, .w2, .w3, .w4 {
    padding: 20%;
    position: absolute;
    left: 30%;
    top: 30%;
    border: 1px solid pink;
    box-shadow: 0 0 120px 30px #0f3484 inset;
    border-radius: 100%;
    z-index: 1;
    opacity: 0;
}