@charset "UTF-8";*{margin: 0;padding: 0}
body{font: 15px "Microsoft YaHei", Arial, Helvetica, sans-serif;color: #333;background: #d7ccc8;font-size: 15px;}
img{border: 0;display: block}
ul, li{list-style: none;}
a{text-decoration: none;color: #333;}
a:hover{color: #CE2700;text-decoration: none;}
h1{font-size: 28px}
h2{font-size: 18px}
h3{font-size: 16px}
i{font-style: normal;display: block}
span{display: block}
.clear, .blank{clear: both;width: 100%;overflow: hidden;}
.blank{height: 20px}
.fl{float: left}
.fr{float: right}
.htitle{text-align: center;font-weight: 700;font-size: 36px;margin: 30px auto}
.box,article{width: 1000px;margin: auto;overflow: hidden}
.whitebg{background: #efebe9;border: 1px solid #eee;background-image: url(../images/texture.png);}
.plr20{padding: 0 20px;}
header{margin: 0;width: 100%;z-index: 9;transition: all 0.4s;position:absolute;}
.logo-section{padding:  0;}
.logo{overflow: hidden; float:left;width: 320px;
   }
.logo img{width: 70px;float: left;margin-right: 10px; float:left;}
.logo-title{font-size: 35px;color: #B34B3B;float:left;line-height:76px;margin-right:10px;}
.logo p{font-size: 13px;color: #fefefe;text-align: center;float:left;width:50px;margin-top:22px}
.logo-title a{color: #a4040e;}
.logo-text{margin-top: 5px;color: #999;text-indent: 3px;font-size:12px;}
.search{float: right;margin-top: 20px;border-radius: 0 5px 5px 0;width: 300px;background: linear-gradient(to right, #0062ff 0%, #00a0ec 100%);}
.search p{margin-bottom: 10px;}
.search .input_submit{border: 0;background:#a4040e url(../images/search.png) no-repeat left 3px center;color: #fff;outline: none;line-height: 36px;font-size: 15px;width: 70px;cursor: pointer;letter-spacing: 5px;text-indent: 1.5em;}
.search input.input_text{border: 0;line-height: 36px;height: 36px;outline: none;width: 230px;background: #f3f3f3;float: left;text-indent: 1em;}
.topnav{width: 60%;}
.topnav h2{color: #fff;position: fixed;top: 0;padding-left: 10px;font-weight: normal;height: 40px;line-height: 40px;display: none;}
.topnav h2 a{color: #fff;}
.topnav:before{display: table;content: " ";}
.topnav:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
nav{text-align: center;line-height: 76px;width: 100%;}
nav #starlist{margin: auto;width: 1170px;}
#starlist li{position: relative;display: inline;float: left;font-size: 18px;margin-right: 15px;}
#starlist li a{display: inline;float: left;padding: 0 15px;color: #fefefe;}
#starlist li a:hover{color: #fefefe;}
#selected{position: relative}
#starlist ul.sub{padding: 5px 0;position: absolute;left: 0;top: 50px;background: rgb(9, 118, 220);z-index: 9;display: none;}
#starlist ul.sub li{height: 34px;line-height: 34px;margin-left: 0;width: 100%;font-size: 14px;}
#starlist ul.sub li a{padding: 0;display: block;width: 100%;}
#starlist ul.sub li a:hover{color: #a4040e;}
#starlist li:hover ul.sub{display: block}
a#selected{color:#a4040e!important;}
#starlist ul.sub:before{content: "";height: 15px;width: 15px;background: rgb(9, 118, 220);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);border-left: 0;border-bottom: 0;position: absolute;top: -8px;left: 42%;}
#mnavh{display: none;width: 70px;height: 40px;background: #a4040e;text-align: center;}
.navicon{display: block;position: relative;width: 30px;height: 3px;background-color: #fff;margin-top: 20px;float: left;margin-left: 20px;}
.navicon:before, .navicon:after{content: '';display: block;width: 30px;height: 3px;position: absolute;background: #fffefe;-webkit-transition-property: margin, -webkit-transform;transition-property: margin, -webkit-transform;transition-property: margin, transform;transition-property: margin, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.navicon:before{margin-top: -10px;}
.navicon:after{margin-top: 10px;}
.open .navicon{background: none}
.open .navicon:before{margin-top: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.open .navicon:after{margin-top: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.open .navicon:before, .open .navicon:after{content: '';display: block;width: 30px;height: 3px;position: absolute;background: #fff;}
.is-fixed{position: fixed;top: 0;box-shadow: 0px 3px 10px 1px rgba(144, 161, 180, 0.4);z-index: 99;}
.banner{width: 40%;float: left;height: 219px;}
.swiper-slide{position: relative}
.swiper-slide a{width: 100%;height:100%;}
.swiper-slide a img{height: 100%;}
.swiper-slide span{position: absolute;right: 0;font-size: 12px;padding: 2px 5px 2px 10px;top: 10px;background: #0CF;color: #fff;border-radius: 3px 0 0 3px}
.swiper-slide:nth-child(2) span{background: #F60}
.swiper-slide:nth-child(3) span{background: #3C0}
.headline-box{width: 329px;float: left;margin-left:20px;    border-radius: 5px;}
.headline-news{overflow: hidden;padding: 8px 8px 2px 8px;background-image: url(../images/texture.png);}
.headnews{width: 510px;float: left;background:#efebe9;border: 1px solid #eee;position:relative;}
.headnews h3{position: absolute;
    top: 0;
    left: 0;
    border-bottom: 1px solid #a4040e;
    width: 530px;
    margin: 0 20px;color: #a4040e;
    line-height: 50px;font-size: 18px;}
.headnews .headline-news-title{margin-top:50px;}
.headnews h3:after{content: "";position: absolute;width: 70px;height: 2px;content: "";background: #a4040e;left: 0;bottom: -1px;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;transition: all .5s ease;}
.headnews h3:hover:after{width: 80px;}
.headline-news-title{margin-bottom: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #a4040e;
    border-left: 3px solid #a4040e;padding-left: 10px;}
.headline-news-title a{color: #555;}
.headline-news-title span{float: left;font-size: 12px;font-weight: normal;border: #ff6600 1px solid;padding: 0 5px;border-radius: 3px;color: #ff6600;margin: 4px 8px 0 0;}
.headline-news-smalltext{line-height: 20px;font-size: 14px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 3;height: 60px;margin-bottom: 10px;color: #888;}
.headline-news-list{line-height: 32px;}
.headline-news-list li{    padding-left: 0;

    line-height: 30px;
    position: relative;
    width: 100%;
    float: left;
    border-radius: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;}
.headline-news-list li.liehuo_line{margin-right: 0;}
.headline-news-list li a:nth-child(2){padding-left: 6px;float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 60%;}
.headline-news-list li a{float: left;    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;display:block;width:80%;}
 .headline-news-list li i{float:right;font-size:12px;}   
.headline-news-list li span{float: right;font-size:12px;}
/*.headline-news-list li:before{position: absolute;content: "";width: 3px;height: 3px;background: #000;border-radius: 10px;left: 0;top: 15px;}*/
.left-box{width: 100%;}
.right-box{width: 320px;float: right}
.index-left{width: 100%;}
.index-list{
    height: auto;
    clear: both;
    background-color: #efebe9;
    overflow: hidden;
    margin-bottom: 20px;
    border: 1px solid #C8C7BC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    background-image: url(../images/texture.png);
    
}
.index-list ul{
    height: auto;
    clear: both;
    margin-top: 15px;
    font-size: 14px;
    margin-left: 20px;
    margin-right: 20px;
    line-height: 200%;
    overflow: hidden;
}
.index-list ul a{font-size: 18px;line-height: 22px;color: #19537D;font-weight: 700;}
.index-list ul span{line-height: 28px;font-size: 12px;}
.index-list ul .list{font-size: 14px ;line-height: 24px;padding-bottom: 10px;}


.mr{margin-left:20px;}
.mr1{margin-right: 0;}
.index-list ul li{margin-bottom: 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;position: relative;padding-left: 12px;}
.index-list ul li:before{position: absolute;content: "";width: 3px;height: 3px;background: #000;border-radius: 10px;left: 0;top: 10px;}
.index-list h2{font-size: 18px;border-bottom: 1px solid #eee;color: #484848;font-weight: 700;position: relative;margin: 15px 20px 0 20px;padding-bottom: 10px;}
.index-list h2:after{content: "";position: absolute;width: 70px;height: 2px;content: "";background: #000;left: 0;bottom: -1px;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;transition: all .5s ease;}
.index-list h2:hover:after{width: 80px;}
.shijian{overflow:hidden; background:#efebe9; padding:10px 10px 0;background-image: url(../images/texture.png);    border-radius: 5px;}
.shijian ul{width:100%; }
.shijian ul li{
    width: 47.5%;
    height: auto;
    background-color: #ded3cf;
    background-image: url(../images/texture.png);
    padding: 1%;
    border-radius: 5px;

    margin-right: 1%;
    margin-bottom: 1%;
    float: left;
}
.shijian ul li .img {
    float: left;
    width: 110px;
    height: 150px;
    margin-right: 20px;
}
.shijian .img img {
       width: 100%;
    height: 100%;

}


.shijian ul li p a{
    font-size: 16px;
    color: #19537D;
    text-decoration: none;
    font-weight: 700;
    border-radius: 5px;
    display: block;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: left;
    overflow: hidden;
    height: 28px;
    line-height: 28px;
}
.shijian ul .list{    
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;font-size:12px;
    line-height: 20px;max-height: 100px;
}

.shijian .last{margin-right:0;}
.shijian h2{font-size: 18px;border-bottom: 1px solid #eee;color: #a4040e;font-weight: 700;position: relative;margin:0 0 20px 0;padding-bottom: 10px;}
.shijian h2 a{color: #a4040e;}
.shijian h2:after{content: "";position: absolute;width: 70px;height: 2px;content: "";background: #a4040e;left: 0;bottom: -1px;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;transition: all .5s ease;}
.shijian h2:hover:after{width: 80px;}

.shijian-list{overflow:hidden;  padding:10px 10px 0 10px;}
.shijian-list ul{width:105%; }
.shijian-list ul li{width:143px; float:left;margin-right:20px;margin-bottom: 10px;}
.shijian-list ul li img{width:100%; height:90px;}
.shijian-list ul li p{font-size:15px;line-height: 32px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.shijian-list .last{margin-right:0;}


.gwsx-sidebar {
    width: 490px;
    height: auto;
    float: right;
}
.biankuang {
    background-color: #efebe9;
    border-radius: 5px;
    padding-top: 2px;
    background-image: url(../images/texture.png);
}
.biankuang .title {
    line-height: 22px;
    border-left: 4px solid #B34B3B;
    text-indent: 10px;
    color: #B34B3B;
    margin: 15px 10px;
    display: flex;
    font-weight: bold;
}
.biankuang .title a {
    font-size: 1.3rem;
    color: #B34B3B;
    text-decoration: none;
}


.sidebar-hot {
    margin: 0 10px 20px 10px;
    overflow: hidden;
}

.sidebar-hot li {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 1rem;
    overflow: hidden;
    border-bottom: 1px dashed #DAD9D1;
}

.zuozhe-content {
    width: 100%;
    height: auto;
    
}
.zuozhe {
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
    background: #efebe9;
    background-image: url(../images/texture.png);
}

.zuozhe-cont {
    clear: both;
    height: auto;
    margin-bottom: 2px;
    overflow: hidden;
    color: #555;
}

.zuozhe-img {
    float: left;
    width: 120px;
    height: 150px;
    margin-right: 20px;
}
.zuozhe-img img {
    width: auto;
    height: auto;
    max-width: 100%;
}
.zuozhe-title a {
    text-decoration: none;
    font-size: 1.2rem;
}
.zuozhe-title{font-weight: 700;line-height: 35px;}
.zuozhe-works {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    line-height: 32px;
}

.sidebarlist {
    width: 395px;
    height: auto;
    float: right;
}
.sidebar-box {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
    box-shadow: 0 1px 4px rgba(0,0,0,.07);
}
.sidebar-case {
    margin: 0 0 15px 20px;
    overflow: hidden;
}
.sidebar-case a {
    float: left;
    width: 29%;
    height: 30px;
    line-height: 30px;
    font-size: 1rem;
    text-align: center;
    color: #555;
    border: 1px solid #a94913;
    border-radius: 15px;
    overflow: hidden;
    margin: 5px 10px 5px 0;
}
.indexlist{width: 320px;float:right;}
.listindex{width: 100%;float:left;}
.mainlist{width: 660px;float: left;}


.gs-sons {
    padding: 15px 20px;
    margin-bottom: 10px;
    box-shadow: 0 1px 4px rgba(0,0,0,.07);
    background-color: #F0EFE2;
    border-radius: 5px;
}
.gs-cont {
    clear: both;
    height: auto;
    margin-bottom: 15px;
    overflow: hidden;
}

.gs-cont-title {
    line-height: 26px;
    font-size: 20px;
    color: #0F0F0F;
    display: flex;
    font-weight: bold;
    margin-bottom: 10px;
}
.gs-cont-service {
    line-height: 30px;
    height: 30px;
    overflow: hidden;
}
.gs-works-text {
    clear: both;
    margin-top: 10px;
    overflow: hidden;
    position: relative;
        max-height: 96px;
}
.gs-works-text p {
    font-size: 16px;
    line-height: 32px;
    color: #343853;
}

.tool {
    height: 24px;
    clear: both;
}
.l {
    float: left;
}
.tool button{border: none;}
.ld {
    display: block;
    width: 18px;
    height: 18px;
    cursor: pointer;
    margin-right: 20px;
    float: left;
    background-image: url(../images/icons.png);
    background-repeat: no-repeat;
}
.ld{background-position:-25px -50px;}
.ld-on, .ld:hover {
    background-position: -25px -70px;
}












.listright {
    float: left;
    width: 100%;
}

.zuozhelist .cont {
    margin: 0 0 15px 20px;
    overflow: hidden;
}
.zuozhelist .cont a {
    float: left;
    width: 22%;
    height: 30px;
    line-height: 30px;
    font-size: 1rem;
    text-align: center;
    color: #555;
    border: 1px solid #a94913;
    border-radius: 15px;
    overflow: hidden;
    margin: 5px 9px 5px 0;
}

.zuozhelist h2 {
    font-size: 18px;
    text-align: center;
    border-bottom: 2px solid #C8C7BC;
    padding-bottom: 8px;
    margin-bottom: 3px;
}
.zuozheindex .cont {
    margin: 0 10px 15px 10px;
    overflow: hidden;
}
.zuozheindex .cont a {
    float: left;
    width: 23%;
    height: 30px;
    line-height: 30px;
    font-size: 1rem;
    text-align: center;
    color: #555;
    border: 1px solid #a94913;
    border-radius: 15px;
    overflow: hidden;
    margin: 5px 4.5px 5px 4.5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 10px;
}

.zuozheindex .contt{
    margin: 0 10px 15px 10px;
    overflow: hidden;
}
.zuozheindex .contt a {
    float: left;
    width: 90%;
    height: 30px;
    line-height: 30px;
    font-size: 1rem;
    text-align: center;
    color: #555;
   
    overflow: hidden;
    margin: 3px 4.5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 10px;
}
.center {
    width: 100%;
    clear: left;
    display: inline-block;
    text-align: justify;
    margin-top: 0;
}


.center .sonspic {
    height: auto;
    clear: both;
    background-color: #efebe9;
    overflow: hidden;
    border: 1px solid #C8C7BC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-image: url(../images/texture.png);
    margin-bottom: 15px;
}
.center .sonspic .cont {
    height: auto;
    clear: both;
    font-size: 14px;
    margin-left: 20px;
    margin-right: 20px;
    line-height: 200%;
    overflow: hidden;
    margin-top: 10px;
}

.center .sonspic .cont .divimg {
    float: left;
    width: 105px;
    height: 150px;
    margin-right: 20px;
}
.center .sonspic .cont .divimg img{

    width: 100%;
    height: 100%;

}
.center .sonspic .cont p {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 32px;
}

.center  .contyishang {
    height: auto;
    clear: both;
    margin-top: 10px;
    font-size: 15px;
    margin-left: 20px;
    margin-right: 20px;
    line-height: 32px;
        border-bottom: 1px solid #ddd;
    padding: 20px 0;
    margin-bottom: 20px;
}
.center  .contyishang a b{color:#B34B3B}
.center .contyishang h3,h2.box-title{
    height: 30px;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
    clear: both;
    border-bottom: 1px dashed #B34B3B;
    padding: 20px 0 5px 0;
    color:#B34B3B;
}

.center .contyishang h3:after,h2.box-title:after{
    height: 21px;
    width: 3px;
    margin-top: 5px;
    float: left;
    clear: left;
    background-color: #B34B3B;
    margin-right: 8px;
    content: '';
}
.center .source{color: #888;}


.center  .contyishang p {
    margin-bottom: 10px;
    line-height: 28px;
}






.zuozhecont {
    height: auto;
    clear: both;
    font-size: 14px;
    line-height: 200%;
    overflow: hidden;
    width: 380px;
    padding: 5px 10px 5px 5px;
}

.zuozheimg {
    float: left;
    width: 105px;
    height: 150px;
    margin-right: 10px;
    margin-top: 10px;
    padding-left: 10px;
}
.zuozheimg img{width: 100%;height: 100%;}

.zuozhecont p {
    font-size: 13px;
    line-height: 200%;
    color: #0F0F0F;
    margin:0px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 5px;
    text-align: justify;
}

.zuozhecont p b a {
    font-size:18px; line-height:22px; height:22px;color: #B34B3B;
}

.zzlist{
    height: auto;
    clear: both;
    font-size: 14px;
    line-height: 200%;
    overflow: hidden;
    width: 380px;
    padding: 5px 10px 5px 5px;
}

.zzlist a{ height: 30px;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
    clear: both;
    padding: 20px 0 5px 0;
    color:#B34B3B;}
.zzlist p{font-size: 14px;line-height: 30px;}
.zzlist .source{font-size: 12;color: #888;}














.tab-a-more{position: absolute;right: 20px;top: -3px;}
.tab-a-more a{display: block;background-size: 32px;overflow: hidden;width: 50px;height: 30px;}
.tab-a-more a i{position: absolute;top: 16px;width: 8px;height: 8px;animation: bounce_fountainG 1.2s linear infinite;border-radius: 8px;background: #09F;}
.tab-a-more a i:first-child{right: 20px;animation-delay: .4s;background: #09F;}
.tab-a-more a i:nth-child(2){right: 10px;animation-delay: .6s;background: #3c0;}
.tab-a-more a i:nth-child(3){right: 0;animation-delay: .8s;background: #f60;}
@keyframes bounce_fountainG{0%{transform:scale(1);}
100%{transform:scale(.3);}}
.blogs-list ul{padding:10px 20px 20px 20px}
.wrop .blogs-list ul{padding:0px 20px}

.blogs-list ul li{line-height:36px;border-bottom:1px dashed #ddd;overflow:hidden;position:relative}
.blogs-list ul li span{float:right;color:#888;font-size:12px;}
.blogs-list h2{font-size:15px;}
.blogs-list h2 a{color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-left:12px;display: block;width:80%;float:left;font-weight:normal;}
.wrop .blogs-list h2 a{width: 96%;}
.blogs-list ul li:before{position: absolute;content: "";width: 3px;height: 3px;background: #555;border-radius: 10px;left: 0;top: 15px;}
.news-title{border-bottom: #e4e3e3 1px solid;margin: 20px 20px 0 20px;padding-bottom: 10px;overflow: hidden;}
.news-title h2{color: #a4040e;font-size: 16px;font-weight: 700;position: relative;float: left;/* width: 84px;*/text-align: center;}
.news-title h2 a{color: #a4040e;}
.news-title h2:after{content: "";background: #a4040e;background: linear-gradient(to right, #000 0%, #000 100%);width: 100%;height: 2px;position: absolute;bottom: -10px;left: 0;}
.links{background:#efebe9;overflow:hidden;color:#555;padding:10px 20px;font-size:13px;background-image: url(../images/texture.png);    border-radius: 5px;
}
.links a{color:#555;margin:5px;font-size:13px;line-height: 24px;}
footer{background-color: #efebe9;background-image: url(../images/texture.png);width: 100%;padding: 20px 0;color: #777;font-size: 14px;position: relative;overflow: hidden}

.endnav p{margin-bottom: 5px;text-align:center;font-size:12px;}
.endnav a{color: #777;font-size:12px;}
.endnav a:hover{text-decoration: underline}
.pagelist{text-align: center;color: #666;width: 100%;clear: both;margin: 0 0 10px;}
.pagelist a{color: #fff;margin: 0 5px 10px;padding: 5px 10px;background: #B1B1B1;display: inline-block;}
.pagelist a:hover, .pagelist > b{color: #3690cf;color: #FFF;background: #a4040e;}
.pagelist > b{padding: 5px 10px;}
a.thisclass{color: #ffffff;font-weight: bold;background: #a4040e;}
.side-title{font-size: 16px;border-bottom: 1px solid #eee;color: #333;font-weight: normal;position: relative;margin-bottom: 10px;padding-bottom: 10px;font-weight:700;}
.side-title:after{content: "";position: absolute;width: 64px;height: 2px;content: "";background: #000;left: 0;bottom: -1px;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;transition: all .5s ease;}
.side-title:hover:after{width: 80px;}
.hnav, .weizhi{float: right;font-size:12px;}
.hnav a{position: relative;font-size:12px;}
.paihang{padding: 20px}
.paihang ul{overflow: hidden;}
.paihang ul li{height: 30px;line-height: 30px;margin-bottom: 3.8px;padding-left: 5px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.paihang ul li i{display: block;width: 16px;height: 16px;background: #B1B1B1;float: left;margin-top: 8px;margin-right: 10px;position: relative;font-style: normal}
.paihang ul li i::before{position: absolute;left: 0;top: 0;font-size: 9px;color: #fff;line-height: 16px;width: 16px;text-align: center}
.paihang ul li:first-child i, .paihang ul li:nth-child(2) i, .paihang ul li:nth-child(3) i{background: #CE2700;}
.paihang ul li:first-child i::before{content: "1";}
.paihang ul li:nth-child(2) i::before{content: "2";}
.paihang ul li:nth-child(3) i::before{content: "3";}
.paihang ul li:nth-child(4) i::before{content: "4";}
.paihang ul li:nth-child(5) i::before{content: "5";}
.paihang ul li:nth-child(6) i::before{content: "6";}
.paihang ul li:nth-child(7) i::before{content: "7";}
.paihang ul li:nth-child(8) i::before{content: "8";}
.paihang ul li:nth-child(9) i::before{content: "9";}
.paihang ul li:nth-child(10) i::before{content: "10";}
.paihang ul li:nth-child(11) i::before{content: "11";}
.paihang ul li:nth-child(12) i::before{content: "12";}
.paihang ul li:nth-child(13) i::before{content: "13";}
.paihang ul li:nth-child(14) i::before{content: "14";}
.paihang ul li:nth-child(15) i::before{content: "15";}
.paihang ul li:nth-child(16) i::before{content: "16";}
.paihang ul li:nth-child(17) i::before{content: "17";}
.paihang ul li:nth-child(18) i::before{content: "18";}
.paihang ul li:hover{-moz-transition: all .2s ease;-webkit-transition: all .2s ease;transition: all .2s ease;}
.suiji{padding: 20px;overflow: hidden}
.suiji ul{overflow: hidden;padding-top: 10px}
.suiji li{line-height: 22px;margin-bottom: 10px;position: relative;padding-left: 15px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.suiji li:before{position: absolute;content: "";width: 3px;height: 3px;background: #000;border-radius: 10px;left: 0px;top: 10px;}
.newstext-box{padding: 0 20px 20px;}
.news-title-h1{font-size: 22px;margin: 20px 0;text-align: center;}
.keywords{overflow: hidden;}
.keywords a{display: block;float: left;border: #a4040e 1px solid;color: #a4040e;padding: 2px 8px;margin: 0 5px 5px 0;border-radius: 3px;font-size: 14px;}
.keywords a:nth-child(1), .keywords a:hover{background: #a4040e;color: #fff}
.picview-other{overflow: hidden;color: #888;margin-bottom: 15px;text-align:center;}
.picview-other span{margin-right: 15px;padding-left: 20px;display: inline-block;}
.smalltext{margin-bottom: 20px;background: #f1f1f1;padding: 20px;color: #888;line-height: 22px;}
.smalltext i{background: url(../images/quote.png) no-repeat left center;width: 24px;height: 15px;background-position: 0 0;float: left;}
.newstext{line-height: 24px;margin-bottom: 10px;overflow: hidden;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 20px 0;}
.newstext a b,.newstext b,.center .sonspic .cont p a b{color:#a4040e;}

/*
.newstext a b:before,.center .sonspic .cont p a b:before {
    content: '\f002';
    font-family: FontAwesome;
    background-size: cover;
    font-size: 13px;
    vertical-align: super;
    color: #a4040e;
    padding: 0 2px;
    font-weight: normal;
}*/

.newstext video{margin: 20px auto;display: block;max-width: 100% !important;height: auto !important;z-index: 0;}
.newstext p{margin-bottom: 20px;}
.newstext span{display:inline}
.newstext img{max-width: 100% !important;height: auto !important;margin: 10px auto;}
.newstext table{margin: auto !important}
.newstext iframe{margin: auto !important}
.newstext h2, .newstext h3, .newstext h4, .newstext h5, .newstext h6{font-size: 16px;margin: 20px 0;position: relative;padding-left: 10px;}
.newstext h2:before, .newstext h3:before, .newstext h4:before, .newstext h5:before, .newstext h6:before{position: absolute;content: "";background: #a4040e;width: 3px;height: 100%;left: 0;bottom: 0;}
span.po-from{background: url(../images/icon-yonghu.png) no-repeat center left;background-size: 16px;}
span.po-date{background: url(../images/date.png) no-repeat center left;background-size: 16px;}
span.po-classname{background: url(../images/icon-lm.png) no-repeat center left;background-size: 16px;}
span.po-view{background: url(../images/view.png) no-repeat left center;background-size: 16px;}
.share{padding: 10px 0;overflow: hidden;display: table;width: 100%;margin: 20px auto;line-height: 24px;background: #f1f1f1;}
.share>div{padding-right: 20px;margin-top: 16px;overflow: hidden;}
.share img{width: 100px;float: left;margin: 0 20px;}
.share a{color: #a4040e}
.share a:hover{text-decoration: underline}
.info-pre-next{overflow: hidden;margin: 10px 0;}
.center .info-pre-next{    padding: 0 20px;}
.info-pre-next ul li{width: 100%;float: left;overflow: hidden;line-height: 30px;}
.info-pre-next ul li a{overflow: hidden;}
.info-pre-next ul li i{display: block;width: 130px;height: 80px;overflow: hidden;float: left;margin-right: 10px;position: relative;}
.info-pre-next em{position: absolute;left: 0;top: 0;font-style: normal;color: #ffffff;font-size: 16px;width: 100%;line-height: 80px;text-align: center;background: rgba(0,0,0,.2);z-index: 1;}
.info-pre-next img{width: 100%;transition: .5s;}
.info-pre-next h2{font-size: 15px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.info-pre-next p{font-size: 14px;margin-top: 10px;line-height: 20px;height: 40px;color: #888;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;}
.info-pre-next li:hover img{transform: scale(1.2);}
.otherlink ul{padding: 0 20px 20px;overflow: hidden;}
.otherlink ul li{position: relative;line-height: 30px;width: 48%;float: left;}
.otherlink ul li:nth-child(even){float: right;}
.otherlink ul li a{display: block;padding-left: 15px;position: relative;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.otherlink ul li:before{position: absolute;content: "";width: 3px;height: 3px;background: #000;border-radius: 10px;left: 0px;top: 15px;}
.is-search{display:none;}






@media screen and (max-width: 839px){body{overflow-x: hidden}
.box, article{width: 100%;}
.toolbar-open, .toolbar{top: 40%}
.logo-section{display: block;padding:0;}
.logo img,.logo-text{}
.logo img {
    width: auto;
    float: left;
    margin-right: 10px;
    float: inherit;
    height: 40px;
    z-index: 11;
    position: fixed;
    top: 5px;
    left: 5px;
}
.logo-text {
    text-indent: 0;
    font-size: 12px;
    position: fixed;
    z-index: 11;
    top: 22px;
    left: 50px;}
.logo-title{position: fixed;z-index:11;font-size: 25px;margin:0px;color:#fff;background:none;padding:0px 0 0 10px;line-height:50px;}
.logo p{ position: fixed;
    z-index: 11;
    font-size: 12px;
    color: #fff;
    top: 8px;
    left: 120px;
    margin: 0;}

.indexlist,.mainlist{width: 100%;float: initial;}
.indexlist .zuozheindex .cont{    margin: 10px 10px 0px 10px;}
.listindex{width: 98%;
    margin: 0 auto;float: initial;}
article{margin-top: 0}
header{margin-bottom: 22px;    height: 32px;}
.topnav{position: fixed;top: 0;z-index: 9;;border-top: #8d6e63 50px solid;width: 100%;}
nav #starlist{width: 100%;}
nav{line-height: 50px;}
#mnavh{display: block;top: -45px;position: absolute;right: 0;background: #8d6e63;}


#starlist li{background: #efebe9;
    background-image: url(../images/texture.png);}
#starlist{display: none}
#starlist li{width: 60%;margin: 0;border-bottom: #eee 10px solid;}
#starlist li a:hover, .selected > a, #starlist li:hover{color: #a4040e;background: #fff;}
#starlist #selected{color: #fff;}
#starlist li a{text-align: left;text-indent: 2em;color: #000;width: 100%;padding: 0;}
#starlist ul.sub{background: none;width: 100%;display: block;position: initial;padding: 0}
#starlist ul.sub:before{display: none}
#starlist ul.sub li{border-bottom: none;width: 100%;overflow: hidden;line-height: 40px !important;border-top: none;height: 40px !important;}
#starlist ul.sub li:first-child{border-top: #eee 1px solid}
#starlist ul.sub li a{display: block;padding-left: 10px;text-indent: 3em;}
#starlist ul.sub li:hover a, #starlist li:hover a{background: none}
#starlist ul.sub li #selected{color: #000 !important}

.shijian-list{padding:0;}
.shijian-list ul li,.shijian ul li{width:48%;margin:1%;}
.shijian-list ul li img,.shijian ul li img{height:160px;}
.shijian ul .list{display: block;
    overflow: inherit;}
    .zuozhelist .cont{margin: 0;}
    .zuozhelist .cont a{    margin: 1%;width: 45%;padding: 0 1%;border:0;}
.menu:hover:after{transform: none;color: #a4040e;}
.menu span{display: block;; position: absolute;width: 50px;height: 50px;background: #fff;top: 0;right: 0;border-left: #eee 1px solid;}
#starlist li:last-child{padding-bottom: 100%;}
#starlist ul.sub li:last-child{padding-bottom: 0}
.toolbar-open{display: none}
.banner{width: 50%;height:auto;}
.headline-box{width: 48%}
.tuijian-news-list ul li{margin-bottom: 10px}
.tuijian-news-pic i{height: 140px}
.ad-big, .left-box{width: 100%;}
.ad-small, .right-box{display: none;}
.pics .pic-list-img li:first-child i{height: 205px;line-height: 205px;}
.pic-list-img li i{height: 80px;line-height: 80px;}
.videos-list li i{height: 110px;}
.down-list li h2{margin-right: 0}
.down-list li h2 span{display: none}
.tags ul a{width: 14%}
.tags ul a:nth-child(n+22){display: none}
.blogs-list li i{width: 140px;height: auto;}
.middle-inner{display: block}
.lanmu-keywords{margin-top: 20px;clear: both;}
#sidetab{margin: 20px 10px 0}
.down-view{overflow: hidden}
.down-view .btn-blue a{display: block;position: static;float: right;}
.pics-list-box li a, .pics-list-price li a{margin: 0 5px 5px}
.pics-list-box li i{height: 110px;}
.mp-pics ul li a{height: 70px;line-height: 70px}
.pics-list-price li i{height: 110px;line-height: 110px}
.page-box{width: 55%;}
.qq_join li{width: 50%;padding: 10px 0}
.qq_join li section{margin: 0 5px}
.product{width: 45%}
.product-suiji li{width: 33.333%}
.product-suiji li i{height: 90px;line-height: 90px;}
.product-suiji li:last-child{display: none}
.topnav h2{display: block}
.is-search{display: block}
.left-box{margin-top:30px;}


}
@media screen and (max-width: 768px){.left-box,.index-left{width: 98%;margin: 0 auto;float: none;}
.index-list{width:100%;left:inherit;    margin-bottom: 1%;}
.mr{margin-left:0;}
aside{width: 0 !important;height: 0 !important;}
.down-view .btn-blue a{display: block;position: absolute;float: none;}
.mp-pics ul li a{height: 110px;line-height: 110px;}
.page-title{width: 30%;float: left;}
.page-box{width: 60%;}
.endmenu{display: block}
.lanmu h1{margin: 5px 0;}
.blogs-list li i img{height: 60px;min-height: auto;}
.is-search{position: fixed;top: 12px;right: 60px;width: 20%;height: 28px;line-height: 28px;color: #888;z-index: 10;margin: 0px auto;display: block;}
.is-search section{display: block;background: #fff;border-radius: 20px;margin: 0 20px;font-size: 12px;}
.is-search i{display: block;width: 34px;height: 28px;background: url(../images/searchm.png) no-repeat left 10px center;background-size: 20px;float: left;margin-right: 10px;}
.search .input_submit{width:30%;background: #8d6e63 url(../images/search.png) no-repeat left 10px center;}
.search input.input_text{width:70%;}
.search{border-radius:0;}
.search-page{border:1px solid #8d6e63;width: 90%;left:5%;height: auto;background: #fff;position: fixed;z-index: 9999;top: 40px;display: none}
.search-page .search{width: 90%;margin-right: 20px;}
.search-page .search input.input_text{width: 80%}
.search-page .search .input_submit{width: 20%}
.search-page .go-left{background: url(../images/prev_blank.png) no-repeat left center;width: 32px;height: 32px;float: left;background-size: 32px;margin: 20px 0 0 10px}
.hot-search, .new-search{margin: 40px 20px;overflow: hidden}
.hot-search p, .new-search p{font-size: 15px;font-weight: bold;margin-bottom: 10px;border-left: #0094ef 3px solid;padding-left: 10px;color: #0091f0;}
.search-paihang li{width: 50%;float: left;line-height: 26px;height: 26px;margin-bottom: 5px;}
.search-paihang li a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.search-paihang li i{font-size: 14px;border-radius: 2px;-webkit-border-radius: 2px;text-align: center;color: #c7c7c7;display: block;font-style: normal;width: 20px;height: 20px;line-height: 20px;margin-right: 10px;margin-top: 6px;float: left;}
.search-paihang li:first-child i{color: #ff6b66 !important;}
.search-paihang li:nth-child(2) i{color: #ff8652 !important;}
.search-paihang li:nth-child(3) i{color: #ffa742 !important;}
.banner{width: 100%;height: 100%;margin-top:0;margin-bottom: 2%;}
.headline-box{width: 98%;margin:0 auto;float: none;}
.tuijian-news-list ul li{width: 100%;}
.tuijian-news-list ul li:nth-child(n+4){display: none}
.videos-list li i{height: 90px;}
.down-list li:hover .d-list-hover{display: none;}
.pics-list-price li{width: 33.3333%}

.shijian{padding: 0;width: 98%;margin:0 auto;}
.shijian ul li{padding: 0;}
.gwsx-sidebar,.blogs-box,.zuozhe-content,.sidebarlist,.center,.listright{width: 98%;margin: 0 auto;float: none;}
.sidebar-hot{margin: 0;padding: 0 10px;}

.shijian-list ul{width: 100%;}
.biankuang{margin-bottom: 1.5%;}
.shijian-list ul li:nth-child(n+7),.shijian ul li:nth-child(n+7){display: none}
.zuozhe{padding: 10px;margin-bottom: 10px;}
.zuozhe-works{display: block;overflow: initial;}
.zuozhe-img{width: 105px;}
.zuozhe-img img{width: 100%;}
.center{display: block;}
.center .sonspic .cont{margin: 10px;}
.center .contyishang{margin-left: 10px;margin-right: 10px;}

.center .sonspic{margin-bottom: 10px;}

.zzlist,.zuozhecont{    width: 96%;
    padding: 2%;}







}
 @media screen and (max-width: 767px){
 .blogs-list ul{padding:0 10px;}
.search-page .search{margin-right: 10px;width: 80%;}
.search-page .search input.input_text{width: 76%;}
.search-page .search .input_submit{background: none;}
.gd-box{overflow-x: scroll;}
#tab{width: 800px;}
.tab-a-more{display: none;}
.whitebg{border: none;overflow: hidden;    margin-bottom: 1%;}
.news-title{margin: 20px 0}
.news-title h2{width: fit-content;padding-left: 10px}
.news-title h2:after{left: 10px;width: 90%}
#tab{margin: 10px 0}
#tab-content{margin: 0;padding: 0 10px}
.tuijian-news-pic{width: 100%;margin-top: 10px;}
.btn-blue-border{display: none}
.tuijian-news-pic i{height: auto;margin-bottom: 10px;}
.tuijian-news-pic i img{margin: auto;max-width: 100%;}
.tuijian-news-pic i span{display: none}
.tuijian-news-pic h2{margin: 5px 0}
.tuijian-news-pic p{-webkit-line-clamp: 2;height: 40px;}
.tuijian-news-list{width: 100%;margin: 20px 0;}
.tuijian-news-list ul li a{margin: 0}
.shijian-list ul li,.shijian ul li{width:48%;margin:1%;}
.shijian-list ul li img{height:120px;}

.blogs-list li span{display: none;}
.pics .pic-list-img li:first-child{width: 50%;}
.pics .pic-list-img li:first-child i{height: 100px;line-height: 100%;}
.pic-list-img li{width: 50%;margin-bottom: 10px;}
.pic-list-img li a{margin: 0 5px}
.pic-list-img li span{text-align: left;font-size: 12px;margin-top: 0;line-height: 20px;}
.pic-list-img li i{height: 100px;line-height: 100%;margin-bottom: 5px;}
.pic-list-img li i img{}
.pic-list-img li:nth-child(n+7){display: none}
.pic-list-img{padding-bottom: 10px;overflow: hidden;}
.news-zuixin-pic{width: 60px;height: 60px;}
.news-zuixin-pic img{height: 60px;}
.news-zuixin li{width: 100%}
.news-zuixin p{font-size: 12px}
.news-zuixin li:nth-child(n+5){display: none}
.videos-list li{width: 50%}
.videos-list li:nth-child(n+7){display: none}
.videos-list li a{margin: 0 3px}
.videos-list li i{}
.videos-list li h2{font-size: 12px;overflow: hidden;background-size: 20px;line-height: 20px;}
.videos-list li p{display: none}
.wenzi-left{width: 100%}
.wenzi-right{display: none}
.down-list li{width: 100%}
.down-list li:nth-child(n+7){display: none}
.tags ul a{width: 33.333%;}
.tags ul a:nth-child(n+13){display: none}
.blank{height: 2px;}
.endnav b{display: none}
.endnav{text-align: center;padding: 0 20px;clear: both;}
.endnav p{margin-bottom: 12px}
.topnav h2{display: block}
.blogs-box{overflow: hidden}
.hnav{margin-top:4px;padding-right:10px;}
.share{display: block}
.share img{float: none;margin: 10px auto;}
.share-text{padding: 0 10px;word-break: break-all;}
.info-pre-next ul li{width: 100%;overflow: hidden;float: none;margin-bottom: 0;border-bottom: #eee 1px solid;padding-bottom: 0;}
.info-pre-next ul li:last-child{border-bottom: none}
.info-pre-next ul li:nth-child(1) a{margin-right: 0;}
.info-pre-next ul li:nth-child(2) a{margin-left: 0;}
.otherlink, .pinglun-box{overflow: hidden}
.otherlink ul li{width: 100%}
.down-view .btn-blue a{position: static;margin: 10px auto 0;}
.down-view .down-info{width: 100%;clear: both;font-size: 12px;}
.down-view i{margin-bottom: 10px}
.down-links ul li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.down-otherlink ul li{width: 100%}
.plr20{padding: 0 10px;}
#tab li:hover:after, #tab li.tab-current:after{left: 10px;width: 66px;}
.pics-list-box li{width: 50%}
.mp-pics ul li a{height: 70px;line-height: 70px;}
.mp-pics ul li a img{height: 70px;width: auto;}
.pics-list-price li{width: 50%;margin-bottom: 10px;}
.shopview{width: 90%;padding: 0;border: 0;margin: auto;float: none;}
.product{padding: 0 20px;margin-right: 0;float: none;width: 90%;}
.product-suiji li{width: 50%;}
.product-suiji li i{height: 110px;line-height: 110px;}
.product-suiji li:nth-child(n+3){display: none}
#pageContents{overflow-x: scroll;}
#pageContents ul{width: 800px;}
.page-title{width: 100%;float: left;}
.page-box{width: 100%;margin-left: 0;padding-left: 0;border: none;margin-top: 10px;}
.page-title li{width: 100px;float: left;margin-right: 10px}
.qq_join li{width: 50%;padding: 0;margin: auto;float: none;float: left;}
.qq_join li section{margin: 0;padding: 0;box-shadow: none;font-size: 12px;}
.qq_join li p{margin: 0;padding-left: 5px;}
.qq_join li img{width: 140px;height: 140px}
.blogs-list ul li{border-bottom: #eee 1px solid;}
.blogs-list li i{width: 60px;height: 60px;float: right;margin-right: 0;margin-left: 10px;}
.blogs-list li i img{width: auto;}
.blogs-list li h2{white-space: inherit;overflow: hidden;margin-top: 0;font-size: 14px;font-weight: normal;height: auto;}
.blogs-list li h2 a{color: #000;display: inherit;width: auto;float: inherit;}
.blogs-list li p{display: none}
footer{padding: 20px 0 0 0;}
.headline-news{overflow: hidden;padding: 17px 20px 20px;}
.endmenu{display: block}
.swiper-container{height: auto !important;}
a.btn-add{margin: auto}
.videos-list .viewd, .wenzi-list li span{display: none}
.tags ul, .links ul{margin: 0 10px 10px;}
span.po-classname, .po-view{display: none}
.news-title-h1{font-size: 18px;margin-top: 20px;}
.info-pre-next em{line-height: 70px;font-size: 12px;}
.info-pre-next ul li i{width: 70px;height: 70px;}
.info-pre-next img{height: 70px;width: auto}
.newstext-box{padding: 0 10px 0;}
.info-pre-next{margin: 10px 0;}
.lanmu img{width: 100%;margin-bottom: 10px}
.lanmu{padding: 10px;}
.lanmu h1{font-size: 18px;margin-bottom: 5px;}
.lanmu-keywords{margin-top: 10px;}
.pagelist{margin:15px 0 0 0;}
.mp-info{display: none}
.wztitle-list li span{display: none}
.pics-list-price span.pics-btn, .pics-list-price li p{display: none;}
.pics-list-price li h2{line-height: 20px;font-size: 14px;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;white-space: inherit;height: 40px;}
.pics-list-price li i{height: 100px;line-height: 100px;}
.keywords a{font-size: 12px}
.keywords a:last-child{margin-bottom: 20px}
     
 .headline-news-list li{}
.headnews{width: 94%;padding:0 3%;}    
.headnews h3{display:none;}     
 .headnews .headline-news-title{margin-top:20px;}   
 .swiper-slide a img{max-height: 200px;}
 }


@media (min-width: 901px){
.slide_03 {
    width: 100%;position: relative;
    height: 260px;
}
.slide_03 img {
    height: 260px;    
    
}

}
.slide_03 img {
    width: 100%;
}
.ceo-position-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: max-content;
    max-width: 100%;
    box-sizing: border-box;position: absolute;
}
.slide_03 .searchs {
    padding: 0 15px;
    bottom: 15%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: max-content;
    max-width: 100%;
    box-sizing: border-box;position: absolute;    margin-top: 20px ;
}

.slide_03 .slide_text {
    color: rgba(255, 255, 255, 0.9);
    text-align: center;
    font-size: 25px;
    margin-bottom: 40px;
}
.ceo-flex-middle {
    align-items: center;
}

.ceo-flex {
    display: flex;
}
.slide_03 .searchs input {
    padding-left: 15px;
    width: 601px;
    height: 45px;    outline: none;
    border: 1px solid rgba(0, 0, 0, 0.6);
    background: rgba(255, 255, 255, 0.6);
    color: #FFF;
    font-size: 16px;
    -webkit-text-fill-color: rgba(0, 0, 0, 0.5);    flex: 1;vertical-align: middle;
    display: inline-block;border-radius: 4px;
}
.slide_03 .searchs button {
    margin-left: 5px;
    background: #006eff;
    height: 45px;
    color: #fff;
    padding: 0 20px;
    font-size: 16px;
    letter-spacing: 3px;
    transition: all .3s;    border: 0;
    cursor: pointer;
    outline: none;border-radius:4px;
}
@media only screen and (max-width: 800px){
.slide_03 {
    width: 100%;position: relative;
    height: 208px;    margin-bottom: 5px;
}
.slide_03 .searchs input {
    height: 28px;
    font-size: 12px;
}
.slide_03 .slide_text {
    font-size: 16px;
    margin-bottom: 18px;
}
.slide_03 .searchs {
    padding: 0 30px;
}
.slide_03 .searchs button {
    height: 28px;
    padding: 0 9px;
    font-size: 12px;
}    
.slide_03 img {
    height: 208px;
}    
.zuozheindex .cont a{    width: 24%;}    
}