﻿@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: #FF0D00}
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;}
.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;}
.image-lazyload {background: url(/images/lazyload_image.png) no-repeat center center}
.swiper-container img{width:100%;}
.swiper-container .swiper-slide{font-size: 0}

/* 广告切换焦点图 */
.full-screen-slides {width: auto;height: auto;position: relative;z-index: 1;margin: 0 auto}
.full-screen-slides ol {width: 100%;height: auto;position: absolute;z-index: 1;top: 0;left: 0;background-size: auto; text-align: center;}
.full-screen-slides ol a {display: block;width: 100%;height: 100%;position: absolute;z-index: 2;top: 0px;}
.full-screen-slides-pagination {font-size: 0;text-align: center;display: block;list-style: none;height: 10px;position: absolute;left: 48%;bottom: 30px;z-index: 3;}
.full-screen-slides-pagination ol {display: inline-block;width: 10px;height: 10px;margin-left: 6px;background: #dad4d4;overflow: hidden;cursor: pointer;border-radius: 9px;}
.full-screen-slides-pagination a {display: block;width: 100%;height: 100%;padding: 0;margin: 0;}
.full-screen-slides-pagination .current {background: #FF0D00;}

/*网站LOGO行*/
.demo1-pc-top{width:100%;height: 100px;background:#693286;}
.demo1-pc-top ul{float: left;}
.demo1-pc-top .logo{width:25%;margin-top: 10px}
.demo1-pc-top .logo img{max-height: 80px;}
.demo1-pc-top .nav{width:50%;height: 50px;margin-top: 35px}
.demo1-pc-top .nav li{font-size: 15px; color: #fff;float: left;width:12%;position: relative;text-align:center;margin-right:10px;}
.demo1-pc-top .nav li:hover{color: #d585ff}
.demo1-pc-top .nav li span{position: absolute; bottom:-20px; left: 50%;display: block;height: 2px;width: 100%;transform: translate(-50%);}
.demo1-pc-top .navline{animation: navline .3s linear forwards;background: #d585ff;}
@keyframes navline {
    from {
        width: 0
    }
    to {
        width: 100%
    }
}
.demo1-pc-top .phone{width:20%;margin-top: 35px;font-size: 16px;color: #fff;}
.demo1-pc-top .seachinfo{width:5%;text-align: right;padding-top: 35px;cursor: pointer;}

/*头部第二类排版*/
.demo3-top{background: #000; height: 70px;padding: 10px 0; }
.demo3-top li{float: left; color: #fff}
.demo3-top li:nth-child(1){width:16%;}
.demo3-top li:nth-child(1) img{max-height: 80px;max-width: 100%;}
.demo3-top li:nth-child(2){width:15%;font-size: 36px;text-align: center;line-height:60px;}
.demo3-top li:nth-child(3){width:44%;font-size: 36px;line-height:60px;padding-left: 5%}
.demo3-top li:nth-child(4){width:20%;color: #b97246; font-size: 16px;padding-top: 10px}
.demo3-top li:nth-child(4) b{font-size: 25px;}

.demo3-nav{background: #b97246;width:100%; height: 45px}
.demo3-nav li{float: left; margin-right:10px; width:150px;text-align: center; height: 45px; line-height:45px;font-size: 16px;color: #fff;position: relative;font-weight: bold;}
.demo3-nav .curr{background: #e69661; color: #000; font-weight: bold;}
.demo3-nav li:hover{background: #e69661; color: #000;font-weight: bold;}
.demo3-nav li span{position: absolute; bottom:2px; left: 50%;display: block;height: 2px;width: 60%;transform: translate(-50%);}
.demo3-nav .navline{animation: navlines .3s linear forwards;background: #000;}
@keyframes navlines {
    from {
        width: 0
    }
    to {
        width: 60%
    }
}
/*底部公司信息版权*/
.dibu{background: #000000;width:100%;}
.dibu .w1200{width:1210px;margin:0 auto;padding-top:50px;overflow: hidden;}
.dibu .w1200 .dlogo{width:43%;float: left;padding-top:50px}
.dibu .w1200 .tel{margin-left:0;font-size: 17px;color: #d60611;margin-top:10px;}
.dibu .w1200 .contact{width:33%; color: #fff;float: left;margin-top:10px;}
.dibu .w1200 .contact .d1{font-size: 16px;}
.dibu .w1200 .contact .d2{margin-top:10px;line-height:25px;}
.dibu .w1200 .ewm{width:24%;float: left;margin-top:45px; text-align:right;color: #fff;}
.dibu .w1200 .ewm span{display: inline-block;width: 140px;text-align:center;}
.dibu .w1200 .ewm span:nth-child(1){margin-left:0;}
.dibu .w1200 .ewm span img{width: 108px; height: 108px}
.dibu .ddd{width:100%;color:#fff}
.dibu .ddd .xian{width:100%;height:1px;background:#a9a9a9;margin-top:45px;}
.dibu .ddd .yh{text-align:center;height: 40px;line-height: 45px;}

/*底部第二类排版*/
.copyright{text-align: center; color: #999; background: #000; height: 25px; line-height:25px;}
.copyright a{color: #999}
.copyright span{margin:0 60px;}
.demo3-bottom{background: #000; color: #b97246;padding:50px 0;}
.demo3-bottom .w1210{overflow: auto}
.demo3-bottom ul{float: left; width: 15%}
.demo3-bottom ul:nth-child(5){width: 25%;margin-left:15%;}
.demo3-bottom ul li{height: 30px; line-height:30px;}
.demo3-bottom ul li:nth-child(1){font-size: 16px; font-weight: bold;}
.demo3-bottom ul li:nth-child(2){margin-top:10px;}
.demo3-bottom ul li a{color: #b97246}
.demo3-bottom ul li a:hover{color: #ec9260}

/*分页样式代码*/
.common-page {width: 100%;margin:20px auto;}
.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: #FF0000; color: #fff}
.common-page .curr {background: #FF0000; color: #fff}
.common-page .prev,.common-page .next{display:  inline-block;width: 70px; height: 35px ; border: 1px solid #eee;margin-right: 5px;cursor: pointer;}
.common-page .prev:hover,.common-page .next:hover{background: #FF0000; 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}
/*左右漂浮*/
.fixed-lt{position: fixed; top:200px; left:20px;}
.fixed-rt{position: fixed; bottom:60px; right:20px;}
.backtop{background: url(../images/backtop.png) no-repeat; width: 33px ;height: 90px;background-size: 33px 90px}
/*单页样式，关王我们，联系我们，招商加盟*/
.demo1-pagelist{width:100%;}
.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;}
.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}



