<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* CSS Document */ 
div,ul,ol,li,dl,dd,dt,table,form,h1,h2,h3,h4,h5,h6,p{ padding:0; margin:0;}
ul,ol,li{ list-style:none; list-style-type:none;}
body{ margin:0px; padding:0px; font-size:12px; color: #444; line-height:24px; font-family:"微软雅黑"; background-color:#fff;} 
/*table{ margin:0 auto;}*/
table {table-layout: fixed;word-wrap:break-word;} 
img{ border:none;}
a{ color: #444; text-decoration: none;}
a:active{text-decoration:none!important;}
a:hover { color:#10ae71; text-decoration: none; } 
a.red{ color:#f00;}
a.red:hover{ color:#009900;}
img{border:none;}  
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */ 
.clear{ clear:both; } 
.fl_l{ float:left; }
.fl_r{ float:right; }
.margin0{ margin:0 auto;}
.margin5{ margin:5px auto 0; }  
.margin10{ margin:10px auto 0; }  
.margin15{ margin:15px auto 0; } 
.margin20{ margin:20px auto 0; }  
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.blank20{ height:20px; overflow:hidden; }
.flexstyle {
    display: flex;
    justify-content: space-between;
}

@font-face {
    font-family: 'DIN';
    src: url('../fonts/DIN-BOLD.OTF');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

.wrap{ margin:auto; }

.topbox {
    height: 194px;
    background: url(../images/topbg.jpg) no-repeat top center;
}
.main {
    margin: auto;
    width: 1200px; 
    overflow:hidden; 
}
.tlink {
    width: 117px;
    background: url(../images/toplg.png) no-repeat top center;
    height: 27px;
    line-height: 27px;
    font-size: 12px;
    color: #7AA2CA;
    text-align: center;
}
.tlink a{ color:#fff;}
.tqlink{ width:95px; text-align:center;}
    .tqlink .img {
        margin-left:10px;
        width:16px;
        height:16px;
        float:left;
        margin-top:2px;
    }
    .tqlink .txt {
        float:left;
        margin-left:5px;
        color:#fff;
        font-size:12px;
        height:20px;
        line-height:20px;
    }
        .tqlink .txt a {
            color:#fff;
        }

.zzewm{position:relative; display:inline-block; }
.zzewm .ewm{width:70px; height:120px; position:absolute; top:22px; right:-8px; background:#fff; border:solid 1px #eee; display:none;}
.zzewm .ewm img{ width:70px; height:70px; }
.zzewm .ewm&gt;li:last-child{padding:0px 3px 5px; line-height:15px!important;}
.zzewm:hover .ewm{display:block!important;}

.tsearch{
    width:280px;
    background-color:#fff;
    height:45px;
    float:right;
    margin-top:45px;
}
    .tsearch .btn {
        height: 45px;
        width: 50px;
        border: none;
        background: none;
        background: url(../images/schbtn.jpg) no-repeat top center;
        cursor:pointer;
    }
    .tsearch select {
        width: 60px;
        border: none;
        height: 35px;
        outline: none;
    }
    .tsearch .inputstyle{ 
        height:35px;
        line-height:35px;
        padding:0px;
        outline:none;
        background:none;
        width:150px;
        margin-top:5px;
        border:0;
    }

.navbg {
    background-color: #10AF71;
    height: 60px;
    width: 100%;
}

.navbox {
    width: 1200px;
    text-align: center;
    color: #fff;
    height: 60px;
    margin: auto;
}

    .navbox ul {
        margin: auto;
    }

    .navbox li {
        width: 120px;
        color: #fff;
        float: left;
        height: 60px;
        line-height: 60px;
        text-align: center;
        font-weight: 300;
        font-family: "Microsoft Yahei";
        font-size: 16px;
    }
        .navbox li a {
            font-weight:bold;
            text-decoration:none;
            display: block;
            color: #fff;
            background: url(../images/nava.png) no-repeat bottom center;
            -webkit-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
            -moz-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
            -o-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
            transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        }
        .navbox li a:hover {
            color: #fff;
            background: url(../images/navhover.png) no-repeat bottom center;
           
        }

.CurrMenu {
    background: url(../images/navhover.png) no-repeat bottom center!important;
    color: #fff!important;
    font-weight:bold!important;
}

.copyright{ background-color:#10AF71; height:150px; margin-top:40px;}
.copyrightbox{ width:1200px; margin:auto; text-align:left; overflow:hidden; }
.copyrightbox .left{ width:480px; float:left; margin-top:45px;}
.copyrightbox .mid{ width:620px; float:left; line-height:24px; font-size:14px; color:#fff; margin-top:38px;}
.copyrightbox .mid a{ color:#fff;}
.copyrightbox .mid span{ margin-right:20px;}
.copyrightbox .right{ width:83px; margin-left:17px; float:left; text-align:center; line-height:30px; font-size:12px; color:#fff; margin-top:25px;}
.copyrightbox .right img{ display:block;}

.plug_qq{ width:70px; position:absolute; z-index:998;}
.plug_qq ul{list-style:none;margin:0;padding:0; }
.plug_qq ul li{  height:70px; width:70px; line-height:70px; margin:1px 0px; text-align:center; cursor:pointer; position:relative; background-color:#10AF71; border-radius:5px;}
.plug_qq ul li img{ vertical-align:middle; }
.plug_qq ul li .ewmpic img{ width:100px; height:100px;}
.plug_qq ul .title{background:#187EC6;border:1px solid #187EC6;font-family:microsoft yahei;font-size:16px;color:#fff;border-radius:20px 0 0 0}
.plug_qq ul li:hover{ background-color:#339900; }
.plug_qq ul li .tel{ height:44px; line-height:44px; padding:0px 20px; width:150px; border-radius:22px; background-color:#0272B9; color:#fff; font-size:20px; position:absolute; right:48px; top:0px; z-index:99; opacity:0;
    -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
}
.plug_qq ul li:hover .tel{ opacity:1; right:60px;}
.plug_qq ul li .tel a{ color:#fff;}
.plug_qq ul li .ewmpic{ height:100px; line-height:100px; padding:10px; width:100px; border-radius:3px; background-color:#10AF71; position:absolute; right:70px; top:0px; z-index:99; display:none;
    -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
}
.plug_qq ul li:hover .ewmpic{ display:block; right:70px;}

.zynotice{
    background-color: #F3FBF8;
    height:54px;
    padding:13px;
}
.zynotice .img{ width:60px; float:left;}
.zynotice .nli{ 
    width:500px; float:left; margin:5px 20px;
}
    .zynotice .data {
        width: 90px;
        text-align: center;
        border-right: 1px solid #DDD5D4;
        color: #427d66;
        font-size: 14px;
        float: left;
        line-height: 24px;
    }
    .zynotice .data b{ font-size:28px; font-weight:bold; display:block;}
    .zynotice .title{ 
        width:380px;
        font-size:16px;
        color:#000;
        font-weight:bold;
        float:left;
        line-height:24px;
        margin-left:20px;
    }

.indexnewsbox{ margin-top:30px; width:380px; margin-right:30px; float:left;}
.indexnewsbox2{ margin-top:30px; width:790px; margin-right:30px; float:left;}
.indexnewstitle {
    height: 26px;
    font-size: 24px;
    font-weight: bold;
    color: #000;
    text-indent: 18px;
    background: url(../images/titlebg.png) no-repeat center center;
}
.indexnewstitle span{ width:26px; height:26px; float:right; display:inline-block; }
.indexnewstitle span a{ display:block;}
.indexnewstitle2 {
    height: 26px;
    font-size: 24px;
    font-weight: bold;
    color: #000;
    text-indent: 18px;
    background: url(../images/titlebg2.png) no-repeat center center;
}
    .indexnewstitle2 span {
        width: 26px;
        height: 26px;
        float: right;
    }
.indexnewstitle2 span a {
    display: block;
}

.indeximgli{ margin-top:15px;}
.indeximgli .img{ width:130px; height:85px; float:left; overflow:hidden;}
    .indeximgli .img img {
        width: 130px;
        height: 85px;
        object-fit: cover;
        transform: scale(1.0, 1.0);
        transition: all 1s;
    }
.indeximgli .txtbox{ width:235px; float:left; margin-left:15px;}
    .indeximgli .title {
        height: 48px;
        line-height: 24px;
        color: #000;
        font-size: 15px;
        font-weight: bold;
        -webkit-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -moz-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -o-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    }
.indeximgli .time{ margin-top:13px; line-height:24px; font-family:Arial; font-size:14px; color:#000;}
.indeximgli:hover img {
        transform: scale(1.05, 1.05);
        transition: all 1s;
    }
.indeximgli:hover .title{ color:#10AF71;}

.indextxtli{ margin-top:0px;}
    .indextxtli li {
        height: 36px;
        line-height: 36px;
        font-size: 14px;
        color: #0b0b0b;
        background: url(../images/ico2.png) no-repeat left center;
        text-indent:18px;
        overflow: hidden;
    }
.indextxtli li span{ float:right; color:#6ca991;}
        .indextxtli li{
            color: #0b0b0b;
        }
        .indextxtli li:hover {
            color: #10AF71!important;
        }
        .indextxtli li:hover span {
            color: #10AF71!important;
        }



.adpic{ height:145px;}
.adpic img{ height:145px; display:block;}

.indeximgnews{ 
    width:380px;
    height:100px;
    margin-top:10px;
    position:relative;
}
.indeximgnews img{ width:380px; height:100px; object-fit:cover;}
    .indeximgnews .imgmb {
        width: 380px;
        height: 100px;
        background: rgba(0, 0, 0, 0.5);
        position:absolute;
        left:0;
        top:0;
        right:0;
        z-index:99;
    }
    .indeximgnews .title { color:#fff; font-size:16px; margin:0px 15px; height:40px; line-height:40px; margin-top:60px; overflow:hidden; font-weight:bold;}

.indexadli{ margin-top:20px;}
.indexadli img{ display:block;}

.indexjlnews{ 
    margin-top:10px;
}
    .indexjlnews .time {
        width: 54px;
        height: 48px;
        float: left;
        color: #fff;
        line-height: 24px;
        font-weight: bold;
        background-color: #10AF71;
        text-align:center;
        padding:3px 0px;
        
    }
.indexjlnews .time span{ font-size:24px; display:block;}
.indexjlnews .txtbox{ width:300px; margin-left:15px; float:left;}
.indexjlnews .title{ height:24px; line-height:24px; margin-top:3px; color:#000; font-size:15px; font-weight:bold;}
    .indexjlnews .txt {
        height: 24px;
        line-height: 24px;
        color: #6b6b6b;
        font-size:13px;
        overflow:hidden;
    }
    .indexjlnews:hover .title {
        color: #10AF71;
    }

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.swiper {
    margin-left: auto;
    margin-right: auto;
}

.swiperbg {
    position: absolute;
    height: 160px;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
}
    .swiperbg .time {
        height: 30px;
        line-height: 30px;
        font-size: 16px;
        color: #fff;
        text-align: left;
        margin-top: 70px;
        text-indent: 20px;
    }
.swiperbg .title{ height:32px; line-height:32px; font-size:20px; font-weight:bold; color:#fff; text-align:left; text-indent:20px;}

.tab-container {
    max-width: 600px;
    margin: 0 auto;
}

.tab-header {
    display: flex;
    border-bottom: 1px solid #ccc;
}

.tab-link {
    width: 143px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #696969;
    font-size: 16px;
    cursor: pointer;
    border: none;
    background-color: #F3F3F3;
    margin-right: 5px;
    transition: background-color 0.3s;
}

    .tab-link.active {
        background-color: #10AF71;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
    }

    .tab-link:hover {
        background-color: #10AF71;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
    }

.tab-content {
    
    border-top: none;
}

.tab-pane {
    padding-top:3px!important;
    display: none; 
}

    .tab-pane.active {
        display: block;
    }

.tabtop{padding:10px 0px; border-bottom:1px solid #E7E7E7; } 
.tabtop .title{
    height:42px; 
    line-height:42px;
    font-size:18px;
    color:#000;
    font-weight:bold;
    overflow:hidden;
}
    .tabtop .txt {
        line-height: 24px;
        height: 48px;
        overflow: hidden;
        color: #414141;
        font-size:15px;
    }
    .tabtop:hover .title {
        color: #10AF71;
    }
.tabnewsli{ 

}
.tabnewsli li{ height:48px; line-height:48px; font-size:16px; overflow:hidden; color:#000;}
.tabnewsli li span{ margin-right:20px; color:#444;}
    .tabnewsli li:hover,  
    .tabnewsli li:hover span{
        color: #10AF71!important;
    }

.indexqlink{ margin-top:20px;}
.indexqlink li{ width:185px; float:left; margin-bottom:10px;}
.indexqlink li img{ display:block; width:185px; height:50px;}
.indexqlink li:nth-child(2n+1){ width:185px; float:right;}

.indexvideo{

}
.indexvideo .img{ width:180px; height:110px;}
    .indexvideo .img img {
        width: 180px;
        height: 110px;
        object-fit: cover;
        transform: scale(1.00, 1.00);
        transition: all 1s;
    }
.indexvideo .title{ 
    height:48px; line-height:24px; font-size:15px; color:#000; text-align:left;
    font-weight:bold; margin-top:10px;
}
    .indexvideo:hover .img img {
        transform: scale(1.05, 1.05);
        transition: all 1s;
    }
    .indexvideo:hover .title {
        color: #10AF71;
    }

.leftadpic {
    position: fixed;
    left: 5px;
    top: 300px;
    z-index: 99;
    box-shadow: 0px 0 5px 1px #aaa;
}
.leftadpic img{ display:block;}
.leftnumbg {
    background: url(../images/numbg.png) no-repeat top center;
    background-size:100% 100%;
    width: 206px;
    height: 245px;
    position: fixed;
    right: 5px;
    top: 300px;
    z-index: 99;
    border-radius:25px; 
    box-shadow: 0px 0 5px 1px #aaa;
}
    .leftnumbg img {
        display: block;
    }
    .leftnumbg .num {
        margin-top:170px;
        color: #10AF71;
        font-size:45px;
        font-family:Arial;
        font-weight:bold; 
        text-align:center;
    }
    .leftnumbg .num .txt {
        font-size: 30px!important; 
        color: #10AF71; 
        margin-top:20px;
    }


/*新闻列表页*/
.leftbox { 
    width:810px;
    padding-right:35px;
    border-right:1px solid #eee;
    float:left;
    min-height:500px;
}
.lefttitle {
    background: url(../images/title1.png) no-repeat left center;
    height: 25px;
    line-height: 25px;
    font-size: 24px;
    font-weight: bold;
    color: #000;
    text-indent: 18px;
}
.rightbox{
    width:330px;
    float:right;
}
.righttitle {
    background: url(../images/title2.png) no-repeat left center;
    height: 25px;
    line-height: 25px;
    font-size: 24px;
    font-weight: bold;
    color: #000;
    text-indent: 18px;
}
.fulltitle {
    background: url(../images/title3.png) no-repeat left center;
    height: 25px;
    line-height: 25px;
    font-size: 24px;
    font-weight: bold;
    color: #000;
    text-indent: 18px;
}
.littletitle {
    background: url(../images/title4.png) no-repeat left center;
    height: 25px;
    line-height: 25px;
    font-size: 24px;
    font-weight: bold;
    color: #000;
    text-indent: 18px;
}
    .littletitle span {
        float: right;
        background: url(../images/ico5.jpg) no-repeat left center;
        color: #666;
        font-size: 14px;
        font-weight: normal;
        padding-left:10px;
    }
.newslist{ 

}
.newslist li{ 
    padding:25px 0px;
}
    .newslist li .img {
        width: 190px;
        height: 120px;
        float: left;
        overflow: hidden;
    }
        .newslist li .img img {
            width: 190px;
            height: 120px;
            object-fit: cover;
            transform: scale(1.0, 1.0);
            transition: all 1s;
        }
    .newslist li .txtbox {
        width:560px;
        float:left;
        margin-left:30px;
    }
.newslist li .title{ height:38px; line-height:38px; font-size:20px; color:#000;}
.newslist li .txt{  line-height:22px; font-size:16px; color:#6f6f6f;}
.newslist li .time{ height:28px; line-height:28px; margin-top:20px; color:#787878; font-size:14px;}
    .newslist li:hover img {
        transform: scale(1.05, 1.05);
        transition: all 1s;
    }
    .newslist li:hover .title {
        color: #10AF71;
    }


.newscon{ 
    padding:30px 0px 30px 0px;
}
.newstitle{ line-height:30px; margin:10px auto;color:#000;   font-size:26px; }
.newsinfo {
    height: 48px;
    line-height: 48px;
    color: #787878;
    font-size: 14px;
}
    .newsinfo .time {
        margin-right: 30px;
        background: url(../images/ico6.jpg) no-repeat 0px center;
        text-indent:25px;
        float:left;
    }
    .newsinfo .num {
        margin-right: 30px;
        background: url(../images/ico7.jpg) no-repeat 10px center;
        text-indent: 40px;
        float:left;
    }
.newsdetail{ font-size:16px; line-height:36px; min-height:300px; overflow:hidden; color:#000; }
    .newsdetail img {
        border: 0;
        margin: 10px 0px;
        padding: 0;
        max-width: 810px;
        width: expression(this.width &gt; 810 &amp;&amp; this.width &gt; this.height ? 810px : 'auto';
        );
    }
.newsdetail a:link,.newsdetail a:visited,.newsdetail a:hover{ color:#333; text-decoration:none;}


    .righttxtli {
        margin-top: 20px;
    }

    .righttxtli li {
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        color: #0b0b0b;
        background: url(../images/ico2.png) no-repeat left center;
        text-indent: 18px;
        white-space: nowrap; /* 强制文本在一行显示 */
        overflow: hidden; /* 隐藏超出部分 */
        text-overflow: ellipsis; /* 超出部分显示为省略号 */
    }

        .righttxtli li span {
            float: right;
            color: #6ca991;
        }

        .righttxtli li a {
            color: #0b0b0b;
        }

            .righttxtli li a:hover {
                color: #10AF71;
            }

.hotnewsli{
     margin-top:20px;
}
.hotnewsli .img{ width:330px; height:210px; overflow:hidden; background:#f2f2f2;}
    .hotnewsli .img img {
        width: 330px;
        height: 210px;
        object-fit: cover;
        display: block;
        transform: scale(1.0, 1.0);
        transition: all 1s;
    }
.hotnewsli .title{ height:56px; overflow:hidden; line-height:28px; color:#333; font-size:16px; margin-top:10px;}
    .hotnewsli:hover img {
        transform: scale(1.05, 1.05);
        transition: all 1s;
    }
    .hotnewsli:hover .title {
        color: #10AF71;
    }
.videonews {
}

    .videonews .img {
        width: 330px;
        height: 210px;
    }

        .videonews .img img {
            width: 330px;
            height: 210px;
            object-fit: cover;
            transform: scale(1.00, 1.00);
            transition: all 1s;
        }

    .videonews .title {
        height: 48px;
        line-height: 24px;
        font-size: 15px;
        color: #000;
        text-align: left;
        font-weight: bold;
        margin-top: 10px;
    }

    .videonews:hover .img img {
        transform: scale(1.05, 1.05);
        transition: all 1s;
    }

    .videonews:hover .title {
        color: #10AF71;
    }

.videolist{ width:1220px;}
    .videolist li {
        width: 285px;
        height: 244px;
        background-color: #F8F8F8;
        -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        float:left;
        margin-right:20px;
        margin-top:20px;
    }
.videolist li .img{ width:285px; height:180px; background:#f8f8f8; overflow:hidden;}
        .videolist li .img&gt;img {width:285px; height:180px;
            object-fit: contain;
        }
        .videolist li .title {
            font-weight:bold;
            height: 64px;
            line-height: 64px;
            font-size: 16px;
            color: #000;
            margin: 0px 10px;
            white-space: nowrap; /* 强制文本在一行显示 */
            overflow: hidden; /* 隐藏超出部分 */
            text-overflow: ellipsis; /* 超出部分显示为省略号 */
        }
        .videolist li:hover {
            background-color: #10AF71;
        }
        .videolist li:hover .title{ color:#fff;}

.dzbtn{ margin:30px auto; width:88px; cursor:pointer;}
    .dzbtn .img {
        display:inline-block;
        width: 88px;
        height: 88px;
        background: url(../images/dzbtn.png) no-repeat center center;
        -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    }
    .dzbtn .txt {
        height: 56px;
        line-height: 56px;
        text-align: center;
        color: #8c8c8c;
        font-size:18px;
        font-family:Arial;
    }
    .dzbtn .img:hover  {
        background: url(../images/dzbtnhover.png) no-repeat center center;
        -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    }
    .dzbtn.active .img {
        background: url(../images/dzbtnhover.png) no-repeat center center;
        -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    }

.messagebox{ border-top:1px solid #ddd; padding-top:10px;}
.messagetitle {
    height:38px; 
    font-size:16px;
    color:#000; 
    padding:10px 0px;
    display:flex; align-items:center;
}
.messagetitle .uphoto{
    width:30px;
    height:30px;
    border-radius:50%;
    margin-right:5px;
}
.messagetxt {
    font-family: 'Microsoft YaHei';
    padding: 10px;
    line-height: 30px;
    font-size: 15px;
    color: #000;
    background-color: #F6F6F6;
    border: none;
    outline: none;
    border-radius: 8px;
    width: 100%;
    box-sizing: border-box;
}
.messagebtn {
    position: absolute;
    right: 10px;
    bottom: 20px;
    z-index: 9;
    border-radius:5px;
    border:none;
    background-color: #10AF71;
    color:#fff;
    width:80px;
    height:34px;
    line-height:34px;
    text-align:center;
}

.newsbot{ 
   margin:30px 0px;
}
.newsbot .left{ line-height:36px; font-size:16px; color:#666; float:left;}
.newsbot .left a{ color:#000;}
    .newsbot .left a:hover {
        color: #10AF71;
    }
.newsbot .right{ float:right; margin-top:12px;}


/*会员中心*/
.centerleft {
    width: 190px;
    background-color: #fff;
    min-height: 610px;
    float: left;
}

.centerright {
    width: 990px;
    float: right;
}
.centericoli{ 

}

.centericoli .user_infobox{padding:10px 0;}
.centericoli .user_infobox .user_photo{ text-align:center; }
.centericoli .user_infobox .user_photo&gt;.photo{ width:80px; height:80px; border-radius:50%;}
 
.centericoli .user_infobox .user_name{ text-align:center; font-size:14px; font-weight:bold;}
.centericoli .user_infobox .user_points{ text-align:center; }
.centericoli .user_infobox .user_points&gt;span{font-weight:bold; color:#f00;}


.centericoli li{ height:40px; line-height:40px; font-size:14px; margin:15px 0px;}
    .centericoli li.ico1 {
        background: url(../images/ico11.png) no-repeat 18px center;
        text-indent: 50px;
        -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    }
    .centericoli li.ico1:hover {
        background: url(../images/ico12.png) no-repeat 18px center;
        text-indent: 50px;
    }
        .centericoli li.ico1 a {
            display: block;
            color: #000;
            -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
            -moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
            -o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
            transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        }
            .centericoli li.ico1 a:hover {
                color: #10AF71;
            }
       .centericoli li.ico1.active {
            background: url(../images/ico12.png) no-repeat 18px center;
            text-indent: 50px;
        }
        .centericoli li.ico1.active a {
            color: #10AF71;
        }

    .centericoli li.ico2 {
        background: url(../images/ico21.png) no-repeat 18px center;
        text-indent: 50px;
        -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    }

        .centericoli li.ico2:hover {
            background: url(../images/ico22.png) no-repeat 18px center;
            text-indent: 50px;
        }

        .centericoli li.ico2 a {
            display: block;
            color: #000;
            -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
            -moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
            -o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
            transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        }

            .centericoli li.ico2 a:hover {
                color: #10AF71;
            }

        .centericoli li.ico2.active {
            background: url(../images/ico22.png) no-repeat 18px center;
            text-indent: 50px;
        }

            .centericoli li.ico2.active a {
                color: #10AF71;
            }

    .centericoli li.ico3 {
        background: url(../images/ico31.png) no-repeat 18px center;
        text-indent: 50px;
        -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    }

        .centericoli li.ico3:hover {
            background: url(../images/ico32.png) no-repeat 18px center;
            text-indent: 50px;
        }

        .centericoli li.ico3 a {
            display: block;
            color: #000;
            -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
            -moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
            -o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
            transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        }

            .centericoli li.ico3 a:hover {
                color: #10AF71;
            }

        .centericoli li.ico3.active {
            background: url(../images/ico32.png) no-repeat 18px center;
            text-indent: 50px;
        }

            .centericoli li.ico3.active a {
                color: #10AF71;
            }

    .centericoli li.ico4 {
        background: url(../images/ico41.png) no-repeat 18px center;
        text-indent: 50px;
        -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    }

        .centericoli li.ico4:hover {
            background: url(../images/ico42.png) no-repeat 18px center;
            text-indent: 50px;
        }

        .centericoli li.ico4 a {
            display: block;
            color: #000;
            -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
            -moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
            -o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
            transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        }

            .centericoli li.ico4 a:hover {
                color: #10AF71;
            }

        .centericoli li.ico4.active {
            background: url(../images/ico42.png) no-repeat 18px center;
            text-indent: 50px;
        }

            .centericoli li.ico4.active a {
                color: #10AF71;
            }

    .centericoli li.ico5 {
        background: url(../images/ico51.png) no-repeat 18px center;
        text-indent: 50px;
        -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    }

        .centericoli li.ico5:hover {
            background: url(../images/ico52.png) no-repeat 18px center;
            text-indent: 50px;
        }

        .centericoli li.ico5 a {
            display: block;
            color: #000;
            -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
            -moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
            -o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
            transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        }

            .centericoli li.ico5 a:hover {
                color: #10AF71;
            }

        .centericoli li.ico5.active {
            background: url(../images/ico52.png) no-repeat 18px center;
            text-indent: 50px;
        }

            .centericoli li.ico5.active a {
                color: #10AF71;
            }
            

    .centericoli li.ico6 {
        background: url(../images/ico61.png) no-repeat 18px center;
        text-indent: 50px;
        -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    }

        .centericoli li.ico6:hover {
            background: url(../images/ico62.png) no-repeat 18px center;
            text-indent: 50px;
        }

        .centericoli li.ico6 a {
            display: block;
            color: #000;
            -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
            -moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
            -o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
            transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        }

            .centericoli li.ico6 a:hover {
                color: #10AF71;
            }

        .centericoli li.ico6.active {
            background: url(../images/ico62.png) no-repeat 18px center;
            text-indent: 50px;
        }

            .centericoli li.ico6.active a {
                color: #10AF71;
            }

    .centericoli li.ico7 {
        background: url(../images/ico11.png) no-repeat 18px center;
        text-indent: 50px;
        -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    }

        .centericoli li.ico7:hover {
            background: url(../images/ico12.png) no-repeat 18px center;
            text-indent: 50px;
        }

        .centericoli li.ico7 a {
            display: block;
            color: #000;
            -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
            -moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
            -o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
            transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        }

            .centericoli li.ico7 a:hover {
                color: #10AF71;
            }

        .centericoli li.ico7.active {
            background: url(../images/ico12.png) no-repeat 18px center;
            text-indent: 50px;
        }

            .centericoli li.ico7.active a {
                color: #10AF71;
            }

    .centericoli li.ico8 {
        background: url(../images/ico81.png) no-repeat 18px center;
        text-indent: 50px;
        -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    }

        .centericoli li.ico8:hover {
            background: url(../images/ico82.png) no-repeat 18px center;
            text-indent: 50px;
        }

        .centericoli li.ico8 a {
            display: block;
            color: #000;
            -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
            -moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
            -o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
            transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        }

            .centericoli li.ico8 a:hover {
                color: #10AF71;
            }

        .centericoli li.ico8.active {
            background: url(../images/ico82.png) no-repeat 18px center;
            text-indent: 50px;
        }

            .centericoli li.ico8.active a {
                color: #10AF71;
            }
.personbox{ 
    background-color:#fff; padding:35px; height:90px;
}
.personbox .img{ width:90px; height:90px; float:left;}
.personbox .txtbox{ float:left;
    margin-left:25px;
}
.personbox .title{ 
    height:35px; line-height:35px; color:#000; font-size:24px;
}
    .personbox .txt {
        background: url(../images/ico4.png) no-repeat left center;
        text-indent: 30px;
        height: 35px;
        line-height: 35px;
        color: #10ae71;
        font-size: 14px;
    }

.crightbox{
    background-color:#fff;
    padding-bottom:35px;
}
.crighttitle{
    height:72px; line-height:72px; font-size:18px; color:#000; font-weight:bold; text-indent:35px;
}
.crighttitle i{
    height:72px; line-height:72px; font-size:16px; color:#000; font-style:normal; color:#666; font-weight:normal;
}
.crighttitle span{ float:right; font-size:14px; font-weight:normal;}
.crighttitle span a{ padding:0px 10px;}
    .crighttitle span a:Hover {
        color: #10ae71;
    }
.personjf {
    background: url(../images/jfbg.png) no-repeat left center;
    height: 104px;
    width: 238px;
    margin-left: 35px;
    overflow: hidden;
}
.personjf .num {
    height: 32px;
    line-height: 32px;
    font-size: 24px;
    color: #10ae71;
    font-weight:bold;
    text-indent:20px;
}
.personjf .txt{
    font-size:16px;
    height:32px;
    line-height:32px;
    color:#000;
    text-indent:20px;
}

.orderbox{
    padding:2px;
}
.ordertop {
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    color: #000;
    font-weight: bold;
    background-color: #F8F8F8;
}
.ordertop li{ text-align:center; width:15%; float:left;}
.orderlist{

}
.orderlist li{ 
    padding-bottom:30px; border-bottom:1px solid #eee;
}
.orderlist li .num{ height:48px; font-size:14px; color:#888; line-height:48px; margin-left:35px;}
.orderlist li .num span{ margin-right:30px;}
.orderlist li .left{ width:55%; float:left;}
    .orderlist li .img {
        width: 90px;
        height: 90px;
        border: 1px solid #eee;
        border-radius: 10px;
        margin-left: 35px;
        float: left;
    }
    .orderlist li .img img {
        width: 90px;
        height: 90px;
        object-fit: cover;
        border-radius: 10px;
    }
.orderlist li .title{ margin-top:30px; line-height:30px; font-size:16px; float:left; margin-left:20px;}
.orderlist li .txt{ width:15%; line-height:90px; font-size:16px; color:#222; float:left; text-align:center;} 

.jflist{
    padding:0px 35px;
}
.jflist li{ padding:20px 5px; border-bottom:1px solid #eee;}
.jflist li .txtbox{ width:700px; float:left;}
.jflist li .title{ height:24px; line-height:24px; font-size:16px; color:#000;}
.jflist li .time{ height:24px; line-height:24px; font-size:14px; color:#696969;}
.jflist li .num{ width:100px; float:right; text-align:right; font-size:24px; font-weight:bold; font-family:DIN; line-height:48px;}
.jflist li .color1{ color:#000;}
.jflist li .color2 {
    color: #10ae71!important
}

.jfshop{ 
    padding:0px 15px;
}
.jfshop ul{overflow:hidden;}
    .jfshop li {
        width: 190px;
        padding: 10px 10px;
        border: 1px solid #ddd;
        border-radius: 8px;
        margin: 14px;
        float: left;
        -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    }
    .jfshop li:hover {
        border: 1px solid #10ae71 !important
    }
.jfshop li .img{ width:190px; height:190px;}
.jfshop li .img img{ width:190px; height:190px; object-fit:cover;}
.jfshop li .title{ margin-top:10px; height:36px; line-height:20px; font-size:15px; color:#000;}
.jfshop li .price{ height:28px; line-height:28px; font-size:14px; color:#e03712;}
.jfshop li .price b{ font-size:20px;}

.orderpay{ padding:0px 35px;}
.addresstitle{ height:36px; line-height:36px; font-size:16px; color:#000;}
.addressinput{ height:45px; margin-top:10px;}
    .addressinput span{ margin-right:15px;}
    .addressinput input{ border:1px solid #ddd; height:45px; padding:0px 10px; border-radius:3px; font-size:14px; outline:none;}
    .addressinput input:focus{border:1px solid #10AF71}

.paynum {
    width: 310px;
    height: 72px;
    line-height: 72px;
    padding: 0px 20px;
    border: 1px solid #F7C9BF;
    background-color: #FEF7F6;
    font-size:16px;
    color:#222;
    float:left;
}
    .paynum span {
        float: right;
        font-size: 16px;
        color: #e03712;
        font-weight:bold;
    }
    .paynum b{ font-size:28px; font-family:Arial;}

.paybtn {
    float: right;
    height: 54px;
    line-height: 54px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    background-color: #10AE71;
    border-radius:27px;
    border:none;
    width:220px;
    cursor:pointer;
}

.loginbg {
    background: url(../images/loginbg.jpg) no-repeat left 250px;
}
.loginbox {
    width: 420px;
    background:#fff url(../images/regbg.png) no-repeat top center;
    margin:75px auto;
    border-radius:8px;
}
.logintitle{ 
    height:70px; line-height:70px; font-size:24px; color:#000; font-weight:bold; text-indent:25px;
}
.logincon{ width:360px; margin:0 auto; margin-top:20px; padding-bottom:20px;}
.loginli{ height:54px; line-height:54px; margin:15px 0px; text-align:center;}
.logininput {
    height: 54px;
    border: 1px solid #eee;
    border-radius: 5px;
    text-indent: 10px;
    width: 100%;
    font-size:15px;
    box-sizing: border-box;
    outline:none;
}
.logininput:focus{
    border:solid 1px #10AF71!important;
}
.logintxt{ height:30px; line-height:30px; text-align:right; font-size:14px;}
.loginbtn {
    height: 54px;
    line-height: 54px;
    background-color: #10AE71; border-radius:10px;
    color:#fff;
    font-size:18px;
    width:100%;
    border:none;
}
.logintxt2{ 
    height:40px; line-height:40px; font-size:16px; color:#333; text-align:center;
}
    .logintxt2 a {
        color: #10ae71 !important
    }


/*联盟论坛*/
.membertop{ 
    height:42px;
}
    .membertop .left {
        width: 110px;
        float: left;
        margin-right: 15px;
        height: 42px;
        line-height:42px;
        text-align:center;
        color:#000;
        font-size:16px;
        border-radius:5px;
    }
        .membertop .left a:hover {
            background-color: #E0F1EC;
            color: #10AE71;
        }
    .membertop .left a{ color:#000; display:block;}
        .membertop .left.active {
            background-color: #E0F1EC;
            color: #10AE71;
        }
            .membertop .left.active a {
                color: #10AE71;
            }
.membertop .right{ float:right;}
.postbtn {
    display:inline-block;
    height: 42px;
    line-height: 42px;
    width: 110px;
    font-size: 16px;
    text-align: center;
    background-color: #10AE71;
    color:#fff;
    border:none;
    border-radius:5px;
}
.postbtn:hover{
    background:#28c387;
    color:#fff;
}

.membercon{
    background-color:#fff;
    min-height:330px;
}
.membertop {
    height: 60px;
    border-bottom: 1px solid #E9E9E9;
}
.typebtn {
    float: left;
    height: 60px;
    line-height: 60px;
    width: 100px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    cursor:pointer;
}
    .typebtn:hover {
        background: url(../images/posthover.jpg) no-repeat bottom center;
        color: #10AE71;
    }
    .typebtn.active {
        background: url(../images/posthover.jpg) no-repeat bottom center;
        color: #10AE71;
    }
.typeli{
    float:right;
    line-height:60px;
    font-size:14px;
}
    .typeli a{  padding:0px 20px; color:#000}
        .typeli a:hover {
            color: #10AF71
        }
    .typeli a.active{ color:#10AF71;}

.memberli{ 
    margin:0px 30px;
    
}
    .memberli li {
        padding: 30px 0px;
        border-bottom: 1px solid #eee;
    }
        .memberli li .title{ font-size:16px; color:#000; font-weight:bold;}
        .memberli li .title span{ margin-right:10px;}
            .memberli li .title span.col1 {
                color: #fff;
                font-size: 12px;
                padding: 2px;
                border-radius: 3px;
                background-color: #10AD71;
            }
            .memberli li .title span.col2 {
                color: #ba0e14;
                font-size: 12px;
                padding: 2px;
                border-radius: 3px;
                background-color: #EEC5C7;
            }
            .memberli li .title span.col3 {
                color: #ba0e14;
                font-size: 12px;
                padding: 2px;
                border-radius: 3px;
                border: 1px solid #ba0e14;
            }
.memberli li .txt{ line-height:24px; font-size:14px; color:#1c1c1c; margin:15px 0px;}
.memberli li .time{ height:30px; line-height:30px; font-size:14px; color:#666; width:100%;}
.memberli li .img{ width:24px; height:24px; border-radius:12px; border:1px solid #eee; float:left;}
.memberli li .img img{ width:24px; height:24px; object-fit:cover; border-radius:12px; border:1px solid #eee;}
.memberli li .name{ float:left; margin-left:15px; }
.memberli li .ttxt{ float:left; margin-left:15px; }
.memberli li .right{ float:right; margin-left:15px;}

 
        .bannerquick {
            position: absolute;
            bottom: 20px;
            right: 150px;
            z-index: 1;
        }
.bannerquick .left{ float:left; width:120px; margin-right:10px;}
.bannerquick .right{ float:left; width:120px;}
.navwrap{ height:56px; border-bottom:1px solid #fff; width:100%; background:url(../images/topnav_bg.jpg) repeat-y center center;}



.indexcort {
    border-left: 1px solid #eee;
    border-bottom: 5px solid #fff;
    padding-top: 44px;
    width: 299px;
    text-align:left;
    -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.indexcort .num{  margin-left:20px; height:36px; line-height:36px; font-size:18px; color:#d1d1d1; font-family:Arial; font-weight:bold;}
.indexcort .title{ height:40px; margin-left:20px; line-height:40px; font-size:22px; color:#333; font-family:Impact; }
    .indexcort .img img {
        width: 100%;
        max-width: 300px;
        /*-webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
        _filter: none;*/
    }
.indexcort:hover{ border-left:1px solid #fff; background-color:#eee; border-bottom:5px solid #FCB313;}
    .indexcort:hover .img img {
        /*-webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        -o-filter: grayscale(0%);
        filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
        _filter: none;*/
    }

.neicort {
    border-bottom: 5px solid #fff;
    padding-top: 24px;
    width: 200px;
    text-align:left;
    -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.neicort .num{  margin-left:20px; height:36px; line-height:36px; font-size:18px; color:#d1d1d1; font-family:Arial; font-weight:bold;}
.neicort .title{ height:30px; margin-left:10px; line-height:30px; font-size:16px; color:#333; font-family:Impact; }
    .neicort .img{ text-align:center;}
    .neicort .img img {
        width: 80%;
        max-width: 300px;
       /* -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
        _filter: none;*/
    }
    .neicort:hover {
        background-color: #eee;
        border-bottom: 5px solid #FCB313;
    }
        .neicort:hover .img img {
            /*-webkit-filter: grayscale(0%);
            -moz-filter: grayscale(0%);
            -ms-filter: grayscale(0%);
            -o-filter: grayscale(0%);
            filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
            _filter: none;*/
        }

.quickimgleft {
    width: 600px;
    height:300px;
    float: left;
    background: url(../images/img1.jpg)no-repeat left center;
}
.quickimgleft .title{ margin-left:40px; height:72px; line-height:72px; margin-top:36px; color:#000; font-family:Impact; font-size:36px;}
.quickimgleft .txt{ line-height:20px; font-size:14px; font-family:Arial; font-weight:bold; margin-left:40px; color:#000;}
    .quickimgleft .more {
        margin-left: 40px;
        margin-top: 40px;
        width: 45px;
        height: 45px;
        background: #000 url(../images/ico1.png)no-repeat center center;
        -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    }
        .quickimgleft .more a {
            width: 45px;
            height: 45px;
            display: block;
        }
        .quickimgleft .more:hover {
            background: #FCB313 url(../images/ico2.png)no-repeat center center;
        }

.quickimgright {
    width: 600px;
    height:300px;
    float: left;
    background: url(../images/img2.jpg)no-repeat left center;
}
.quickimgright .title{ margin-left:40px; height:72px; line-height:72px; margin-top:36px; color:#000; font-family:Impact; font-size:36px;}
.quickimgright .txt{ line-height:20px; font-size:14px; font-family:Arial; font-weight:bold; margin-left:40px; color:#999;}
    .quickimgright .more {
        margin-left: 40px;
        margin-top: 40px;
        width: 145px;
        height: 45px;
        background: #FCB313 url(../images/ico2.png)no-repeat right 15px center;
        -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        font-size:16px; font-weight:bold;
        text-indent:20px;
        line-height:45px;
    }
        .quickimgright .more a {
            width: 145px;
            height: 45px;
            display: block;
        }
        .quickimgright .more:hover {
            background: #000 url(../images/ico1.png)no-repeat right 10px center;
            color: #FCB313;
        }
            .quickimgright .more:hover a {
                color: #FCB313;
            }

.navindex{ height:70px; border-bottom:5px solid #DFDFDF; width:1200px; margin:auto;}
.navnei{ height:70px; border-top:5px solid #414141; border-bottom:1px solid #DFDFDF;  margin:auto;}

#kinMaxShow{ visibility:hidden;width:100%; height:840px; overflow:hidden;}

.banneryy{ position:relative; z-index:999; background:url(../images/nav_bottom.png) repeat-x;}
.topnavbottom{ position:absolute; background:url(../images/nav_bottom.png) repeat-x; top:80px; left:0; width:100%; z-index:99; height:10px;}
.banner{overflow:hidden; margin:0px auto;}

.indexprocort{background-color:#efefef;}
.indexpromain{}
.indexprolist{ width:100%;}
.indexprolist li{ width:25%; float:left; height: 300px; text-align: center; margin: auto; overflow: hidden; }
.indexprolist li img{}
.indexprolist li.ico1{ background:url(../images/indexpro11.jpg) no-repeat; width:160px; height:350px;} 
.indexprolist li.ico1:hover{ background:url(../images/indexpro12.jpg) no-repeat; width:160px; height:350px;}
.indexprolist li.ico2{ background:url(../images/indexpro21.jpg) no-repeat; width:160px; height:350px;} 
.indexprolist li.ico2:hover{ background:url(../images/indexpro22.jpg) no-repeat; width:160px; height:350px;} 
.indexprolist li.ico3{ background:url(../images/indexpro31.jpg) no-repeat; width:160px; height:350px;} 
.indexprolist li.ico3:hover{ background:url(../images/indexpro32.jpg) no-repeat; width:160px; height:350px;} 
.indexprolist li.ico4{ background:url(../images/indexpro41.jpg) no-repeat; width:160px; height:350px;} 
.indexprolist li.ico4:hover{ background:url(../images/indexpro42.jpg) no-repeat; width:160px; height:350px;} 
.indexprolist li.ico5{ background:url(../images/indexpro51.jpg) no-repeat; width:160px; height:350px;} 
.indexprolist li.ico5:hover{ background:url(../images/indexpro52.jpg) no-repeat; width:160px; height:350px;} 
.indexprolist li.ico6{ background:url(../images/indexpro61.jpg) no-repeat; width:160px; height:350px;} 
.indexprolist li.ico6:hover{ background:url(../images/indexpro62.jpg) no-repeat; width:160px; height:350px;}

.indexpro{ min-width:1200px; max-width:1920px;}
.indexpro .boxleft{ width:25%; float:left;}
.indexpro .boxright{ width:75%; float:left;}
.indexpro .box1{ width:33.3%; float:left;}
.indexpro .box2{ width:66.6%; float:left;}
.indexpro img{ width:100%;}
 
.indexabout{ background:url(../images/aboutbg.jpg) no-repeat top center; height:675px; margin-top:90px; overflow:hidden;}
.indexaboutcon{ width:460px;}
.indexaboutbg{ margin-top:30px; height:700px; background:url(../images/indexaboutbg.jpg) no-repeat top center;}

.indexaboutcon .title{ height:72px; line-height:72px; margin-top:92px; font-size:48px; font-family:Impact; color:#000; background:url(../images/ico3.png) no-repeat left center; text-indent:65px;}
.indexaboutcon .ltitle{ height:40px; line-height:40px; font-size:24px; color:#fff; font-weight:300;}
.indexaboutcon .txt{ margin-top:16px; line-height:26px; color:#000; font-size:18px; font-weight:bold; font-family:Arial;}
.indexaboutcon .btn {
    margin-top: 100px;
    width: 145px;
    height: 45px;
    background: #000000 url(../images/ico1.png)no-repeat right 15px center;
    -webkit-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -moz-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -o-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    font-size: 16px;
    font-weight: bold;
    text-indent: 20px;
    line-height: 45px;
    -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.indexaboutcon .btn a{ display:block; color:#FCB313;}
.indexaboutcon .btn:hover{ background: #000000 url(../images/ico1.png)no-repeat right 5px center;}
.iaboutleft{ width:300px; float:left; margin-top:80px; }
.iaboutleft .img{ text-indent:5px;}
.iaboutleft .num{ height:50px; line-height:50px; font-size:42px; font-family:DIN; color:#000; font-weight:bold; margin-top:15px;}
.iaboutleft .ttxt{ height:26px; line-height:26px; font-size:16px; font-family:Arial; color:#000; text-indent:3px;}
.iaboutright{ width:150px; float:left; margin-top:80px; }
.iaboutright .img{ text-indent:5px;}
.iaboutright .num{ height:50px; line-height:50px; font-size:42px; font-family:DIN; color:#000; font-weight:bold; margin-top:15px;}
.iaboutright .ttxt{ height:26px; line-height:26px; font-size:16px; font-family:Arial; color:#000; text-indent:3px;}

.indextitle{ margin-top:80px; height:45px; line-height:45px; font-size:48px; font-family:Impact; color:#000; background:url(../images/ico4.png) no-repeat left center; text-indent:65px; margin-bottom:40px;}
.indextitle span{ float:right;}


.indexproject{ width:358px; height:288px; float:right; padding:20px; padding-top:10px; background-color:#fff;}
.indexproject .title{ height:42px; line-height:42px; border-bottom:1px solid #E6E6E6; background:url(../images/title_bg1.png) no-repeat left bottom; font-size:18px; color:#333; text-indent:10px;}
.indexproject .title span{ float:right; height:30px; margin-top:12px; line-height:30px; font-size:14px;}
.indexproject .title span a{ color:#999;}
.indexproject .con{ margin-top:10px;}
.indexproject .img{ text-align:center; height:130px;}
.indexproject .txt{ line-height:30px; font-size:16px; color:#333; margin-top:20px;}

.mainindexbg{ background:url(../images/indexmain_bg.jpg) repeat-x; overflow:hidden;}
.mainaboutbg{ background:url(../images/indexabout_bg.jpg) no-repeat center center; height:196px; width:1176px; margin:0 auto; margin-top:28px; padding:16px;}
.mainnei{ margin:auto; width:1000px; overflow:hidden;}
.maintd{background-color:#efefef; padding-top:35px;}
.indexprobox{ margin-top:25px;}
.indexprobox .left{ width:590px; float:left;}
.indexprobox .mid{ width:290px; float:left; margin-left:14px;}
.indexprobox .right{ width:292px; float:right;}
.indexprobox .img{}
.indexprobox .txt{ height:34px; line-height:34px; background-color:#22809C; text-align:center; color:#fff; font-size:14px;}
.indexmidpro{ width:250px; padding:15px 20px; background-color:#22809C;}
.indexmidprotitle{ height:30px; line-height:30px; font-size:18px; color:#fff; font-weight:bold;}
.indexmidlist{ margin-top:15px; min-height:130px;}
.indexmidlist li{ height:26px; line-height:26px; font-size:14px; color:#fff;}
.indexmidlist li a{ color:#fff;}
.indexmidbot{ margin-top:14px;}
.view_more{border-top:1px solid #686868; width:150px; height:40px; line-height: 40px; margin:40px auto; border-bottom:1px solid #686868; text-align: center; }
.view_more a{color:#686868; font-size:15px; }
 
.mainboxindex{ width:576px; float:left; background:url(../images/indexline.jpg) no-repeat left center; height:200px; padding-left:24px;}
.maintitle{ height:34px; line-height:34px; margin-top:15px;}
.maintitle span{ float:right; margin-top:6px; margin-right:10px;}
.mainboxcon{ margin-top:20px;}
.mainboxpic{ float:left; width:279px; margin-top:20px;}
.mainboxpic1{ float:left; width:178px; height:106px; }
.mainnewslist{ float:right; width:440px;  border-bottom:1px solid #ddd; height:165px; overflow:hidden; margin-top:20px;}
.mainnewslist li{ height:32px; line-height:32px; font-size:14px; border-bottom:1px dotted #ddd; overflow:hidden;}
.mainnewslist li a{ color:#666;}
.mainnewslist li a:hover{ color:#DA251D;}
.mainnewslist li span{ float:left; width:86px; color:#278067;}
.mainanlilist{ float:left; margin-left:2px; width:386px; overflow:hidden;}
.mainanlilist li{ height:26px; line-height:26px; font-size:12px; overflow:hidden; background:url(../images/icon1.jpg) no-repeat left center; text-indent:10px; width:190px; float:left;}
.mainanlilist li a{ color:#666;}
.mainanlilist li a:hover{ color:#DA251D;}

.mainbox2{ width:630px; float:left; margin-top:20px;}
.mainboxtitle2{ height:38px;}
.mainboxtitle2 span{ float:right; color:#E94A01; line-height:38px; font-size:12px; font-family:"song"}

.mainbox3{ float:right; width:340px; margin-top:20px;}
.maincon{ height:182px; }
.maincon .pic{ margin-top:20px; height:118px;}
.maincon .title{ height:36px; line-height:36px; color:#22809C; font-size:14px; margin-top:5px; font-family:"微软雅黑";}
.maincon .txt{ line-height:30px; font-size:14px; color:#222;}

.topsearch{ width:500px; margin:0px auto; color:#222;}
.topsearch .input{ width:188px; height:34px; line-height:34px; border:1px solid #ccc; float:left; text-indent:30px;}
.topsearch .btn{ width:44px; float:left;  }
.schbtn{ width:44px; height:28px; background-color:#333;}


 
 /* 效果CSS开始 */
.mkeFocus { height: 220px; width: 260px; border: 1px solid #C9CACB; border-radius:8px; padding-top: 7px; margin:0 auto }
.mkeUl { margin: 0px auto; height: 220px; width: 260px; overflow: hidden; position: relative; }
.mkeUl ul { position: absolute; left: 0px; top: 0px; height: 220px; }
.mkeUl ul li { float: left; width:260px; }
.mkeUl ul li img { }
.mkeUl ul li .txt{ height:30px; line-height:30px; color:#fff; text-indent:5px; font-size:14px; background-color:#D9341E;}
.mkeul ul li .txt a{ color:#fff;}
.mkeNum { background: #FFF url(../images/banNum.jpg); height: 35px; width: 37px; position: absolute; z-index: 1; left: 13px; bottom: 4px; font: 14px Arial; }
.mke_ns1 { line-height: 16px; text-align: center; height: 16px; width: 16px; position: absolute; left: 0px; top: 0px; }
.mke_ns2 { line-height: 16px; color: #9FA0A0; text-align: center; display: block; height: 16px; width: 16px; position: absolute; right: 0px; bottom: 0px; }
.mkeLbtn { background: url(../images/kelBtn.png) no-repeat; height: 98px; width: 36px; position: absolute; left: 6px; top: 165px; cursor: pointer; z-index: 10; }
.mkeRbtn { position: absolute; top: 165px; right: 6px; background: url(../images/kerBtn.png) no-repeat; height: 98px; width: 36px; cursor: pointer; z-index: 10; }
/* 效果CSS结束 */
 

/*内页样式*/
.mainbox{ width:1000px;}
.neimain{ width:1200px; margin:0px auto; margin-top:20px;}
.neibanner{ height:380px;}
.nowsite{ height:60px; line-height:60px; background-color:#fff;}

.neiabout{ }
.neiaboutleft{ width:395px; float:left;}
.neiaboutright{ width:745px; float:right;}
.neiabouttitle{ height:40px; line-height:40px; font-size:22px; color:#222;}
.neiaboutcon{ line-height:30px; font-size:13px;}

.nei_l{ width:1200px; overflow:hidden;  
    /*box-shadow: -2px 2px 5px #ddd;*/
}
.nei_r{ width:1000px; float:left; margin-left:20px; margin-top:20px; background:#f7f7f7;} 
.leftmenu{ margin-top:20px; margin-bottom:30px; }
.leftTit{ height:43px; line-height:43px; background:url(../images/lefttit.jpg) no-repeat; color:#fff; text-indent:20px; font-size:14px;}
.leftline{ height:8px; background-color:#CCCCCC;} 
.leftmenu ul{ margin:0 auto;}
.leftmenu ul li{ width:120px;  float:left; text-align:center; margin-right:10px; height:40px; line-height:40px;  background-color:#fff; font-family:"微软雅黑"; font-size:14px;}
.leftmenu ul li a:link,.leftmenu ul li a:visited{ display:block; line-height:40px; color:#222;  }
.leftmenu ul li span{ float:right; margin-right:20px;}

.leftcon{ border:1px solid #ccc; background:url(../images/contact_bg.jpg) no-repeat right bottom; padding:5px; width:238px; margin-top:10px; height:240px;}
.leftcontitle{ height:27px; margin-top:5px;}
.lefttxt{ font-size:14px; line-height:30px; color:#111; margin-top:10px;}


.leftphone{ margin-top:5px; width:236px; background:url(../images/leftphone.jpg) no-repeat; height:62px; font-size:14px; text-indent:80px; padding-top:40px;}

#currcol{ color:#fff; background-color:#22809C; }

.btnbg{ width:100px; height:30px; line-height:30px; background-color:#0270AB;}

.mainleft{ width:220px; margin-top:10px; background:url(../images/neititle.jpg) no-repeat; float:left; overflow:hidden; min-height:271px;}
.mainlefttitle{ margin-left:16px; margin-top:18px; }
.mainleftlist{ padding:20px 20px; overflow:hidden; }
.mainleftlist li{ height:30px; line-height:30px; background:url(../images/title_bg.jpg) no-repeat left center; text-indent:20px; }
.mainleftlist li a{ font-size:14px; font-family:"微软雅黑"; border-bottom:1px #ccc solid; display:block; }

.mainright{ width:1200px; background-color:#fff; }
.mainrighttitle{ line-height:62px; height:62px; font-size:12px; font-family:"song"; text-indent:10px; position:absolute; top:200px; left:0;}
.mainneititle{ width:960px; height:36px; margin-top:15px; text-align:center;}
.mainrighttitle span{ float:right; font-size:12px; font-family:"宋体"; line-height:30px; padding-right:20px;}
.main_content{ padding:20px;   min-height:500px;}
.pro_content{ background-color:#Ffffff;   min-height:500px;}



.productlist{ }
.productlist li{ width:210px; height:200px; background:url(../images/pro_bg.jpg) no-repeat; float:left; padding:15px; }
.proneipic{   } 
.proneititle{ text-align:center; height:40px; line-height:40px; overflow:hidden; background-color:#22809C;}
.proneititle a{ color:#fff;}

.artilelist{}
.artilelist li{ height:36px; line-height:36px;background:url(../images/dot3.jpg) no-repeat left center; text-indent:15px; border-bottom:dashed 1px #ddd;}
.artilelist li span{ float:right; color:#666;}

.resultlist{ width:500px; margin:0px auto; border:1px solid #ddd; padding:8px;  background-color:#f7f7f7;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius:8px;

}
.resultlist li{ height:36px; line-height:36px;background:url(../images/dot3.jpg) no-repeat left center; text-indent:15px; border-bottom: dotted 1px #ddd; color:#222;}
.resultlist li span{ float:right; color:#222;}

.page {font-size:12px;font-family:microsoft yahei;text-align:center; padding-top: 5px; padding-right: 0; padding-bottom: 10px; padding-left: 0; }
.page a{ color:#333; text-decoration:none; margin:0 3px; background:url(../images/pagebg0.gif) repeat-x; border:solid 1px #b4b4b4; padding:0px 5px;}
.page a:hover{ color:#0C7DD7; background:url(../images/pagebg.gif) repeat-x; border:solid 1px #cbcbcb; }
.page a.current{ color:#0C7DD7; font-weight:bold; background:url(../images/pagebg.gif) repeat-x; border:solid 1px #cbcbcb; }

.flinksort{ width:670px; overflow:hidden; margin:10px auto 10px; font:bold 14px/28px "微软雅黑"; border-bottom:1px dashed #ccc;}
.flinklist{ width:670px; overflow:hidden; margin:10px auto;}
.flinklist ul li { float:left; border:1px #ccc dotted;}




/*========fy========*/
.fy{ width:720px; height:36px; overflow:hidden; margin:15px auto; }
.fy ul {  text-align:center;}
.fy ul li{ display:inline-block; *display:inline; *zoom:1; color:#fff; margin:0 5px 0 0;}
.fy ul li a{ font:normal 14px/32px "Microsoft Yahei"; color:#333; text-align: center; text-decoration:none; height:32px; border-radius:5px;}
.fy ul li a:hover{ font:normal 14px/32px "Microsoft Yahei"; color:#fff; text-align: center; text-decoration:none; height:32px; } 
 

.fydd001 a{ height:24px; padding:0 5px; _width:15px; color:#333; display:block; color:#333; overflow:hidden; border:1px solid #ddd;}
.fydd001 a:hover{ height:24px; padding:0 5px; _width:15px; display:block; color:#fff; overflow:hidden; border:1px solid #ddd; background:#02906A; } 
  
#fydd002 a{ height:32px; padding:0 5px; color:#fff; _width:15px; display:block; overflow:hidden; border:1px solid #ddd; background:#2A98CA;}

.fypang a{ width:80px; height:32px; border:1px solid #ddd; overflow:hidden; display:block;}
.fypang a:hover{ width:80px; height:32px; border:1px solid #ddd; background:#02906A; overflow:hidden; display:block;}

.fypang02 a{ width:80px; height:32px; border:1px solid #ddd; overflow:hidden; display:block;}
.fypang02 a:hover{ width:80px; height:32px; border:1px solid #ddd; background:#02906A; overflow:hidden; display:block;}

.fypang03 a{ width:80px; height:32px; border:1px solid #ddd; overflow:hidden; display:block;}
.fypang03 a:hover{ width:80px; height:32px; border:1px solid #ddd; background:#02906A; overflow:hidden; display:block;}
 
.fypang04 a{ width:80px; height:32px; border:1px solid #ddd; overflow:hidden; display:block; }
.fypang04 a:hover{ width:80px; height:32px; border:1px solid #ddd; background:#02906A; overflow:hidden; display:block;}   
  
.procont{ padding:10px; line-height:24px; color:#333; width:740px; overflow:hidden; margin:10px auto; word-break:break-all; word-wrap : break-word;} 
.procont img{
  border:0; 
  margin:0; 
  padding:0; 
  max-width:740px; 
  width: expression(this.width &gt; 740 &amp;&amp; this.width &gt; this.height ? 740px : 'auto';); 
}
.procont a:link,.procont a:visited,.procont a:hover{ color:#333; text-decoration:none;}

.joblist th{ background:#eee; height:30px; line-height:30px; text-align:center;}
.joblist td{ height:30px; line-height:30px; border-bottom:1px dotted #ccc; }
.jobdet{border-collapse:collapse; margin:0 auto; background:#eee;}
.jobdet td{ height:28px;}
  
.pager{ color:#000; font-size:12px; padding-top:10px;}
.pager a:link,.pager a:visited,.pager a:hover{ color:#887747; text-decoration:none;}  

.footer{ width:1000px; line-height:20px; color:#fff; margin:10px auto 0; background:url(../images/foot_bg.gif) repeat-x; height:51px; padding-top:15px; overflow:hidden; text-align:center;}
.footer a:link,.footer a:visited{ color:#fff; text-decoration:none;}
.footer a:hover{ color:#f60; text-decoration:none;}  

.newsprenext{ border-top:1px dashed #ccc; margin-top:10px; padding:5px 0;  color:#585858;}
.newsprenext a{ color:#585858; text-decoration:none;}
.newsprenext a:hover{ color:#f00; text-decoration:none;}
.newspre{ background:url(../images/arr4.gif) no-repeat 0 center; text-indent:12px; }
.newsnext{  background:url(../images/arr4.gif) no-repeat 0 center; text-indent:12px; }

.inputxt1{ border:1px solid #ccc; height:20px; line-height:20px; color:#333;}
.areatxt{ border:1px solid #ccc; line-height:18px; color:#333; width:450px;}
.jobbtn{ background-color:#22809C; width:93px; height:32px; text-align:center; color:#fff; cursor:pointer; border:none;}

.designer_name{ display:block; width:120px; background:#22809C; line-height:30px; height:30px; text-align:center; font:bold 14px/30px "";}
.designer_name a:link,.designer_name a:visited{ color:#fff; text-decoration:none;}
.designer_name a:hover{ color:#fff; text-decoration:none; }

.qqbox{ width:98px;overflow:hidden; position:absolute; right:5px; top:200px; color:#000000; font-size:12px;  z-index:999; }
.qqbox a:hover,a:active { color: #f80000; text-decoration: underline; }  
.qqtop{ }
.qqend1{height:45px;}
.qqend2{height:68px; display:block; cursor:pointer;}
.qqkf{background:url(../images/qq_bg.gif) repeat-y;top:0; z-index:99px; padding-top:10px;min-height:120px; padding-right:15px; } 
.qqkf ul li{ text-align:center;line-height:35px;} 
.qqkf ul li a{ text-decoration:none;}
.qqkf ul li a:hover{ text-decoration:none;}
.qqkf ul li img{}
.weixin a:hover,a:active { color: #f80000; text-decoration: underline; } 
.weixin{width:135px; text-align:center;height:auto; overflow:hidden;color:#000000; font-size:12px; letter-spacing:0px; }

.ViewPic{width:730px;height:555px; position:relative; margin:10px auto; }
.ViewPic #center{position:relative;clear:both;overflow:hidden}
.ViewPic .bigpic{margin:0 auto;color:#333;line-height:18px}
.ViewPic .bigpic .img{margin:0 auto;text-align:center}
.ViewPic .bigpic h2{font-size:14px;padding:10px 0 5px}
.ViewPic .sz{font-size:24px;position:absolute;right:15px;bottom:10px}
.ViewPic .sz span{font-size:48px}
#num{display:none}
.ViewPic .picls{height:60px;padding-top:10px}
.ViewPic .ls_cen{width:728px;float:left}
.ViewPic .smls{width:694px;float:left;height:60px;overflow:hidden}
.ViewPic .smls ul{width:710px}
#nav,.ViewPic .smls ul{padding:0;margin:0;list-style:none}
.ViewPic .smls li{float:left;list-style:none}
.ViewPic .js1_lf_bd{left:0}
.ViewPic .js1_rg_bd{right:0}
.ViewPic .js1_lf_bd,.ViewPic .js1_rg_bd{z-index:10;width:72px;height:72px;position:absolute;top:206px;background:#60b029;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7}
.ViewPic .js1_lf{background:url(../images/js_a.gif) no-repeat 0 0;left:24px}
.ViewPic .js1_rg{background:url(../images/js_a.gif) no-repeat -24px 0;right:24px}
.ViewPic .js1_lf,.ViewPic .js1_rg{z-index:11;display:block;width:24px;height:42px;position:absolute;top:221px}
.ViewPic .an_left a{display:block;background:url(/images/js2_lf.gif) no-repeat;width:15px;height:60px;float:left;margin-right:4px}
.ViewPic .an_right a{display:block;background:url(/images/js2_rg.gif) no-repeat;width:15px;height:60px;float:right}
.ViewPic li{float:left;margin:0 10px 0 0;position:relative;width:80px;height:60px}
.ViewPic li .li_pst_bd{background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5}
.ViewPic li .li_pst_nr{color:#fff;line-height:20px;text-align:center;z-index:3}
.ViewPic li .li_pst_bd,.ViewPic li .li_pst_nr{width:80px;height:20px;position:absolute;top:40px;left:0}
.ViewPic li .bor{border:#60b029 solid 3px;position:absolute;top:0;left:0;width:74px;height:54px;display:none}
.menu_nav ul,.ViewPic .smls li.one .bor,.ViewPic li .li_pst_pho{display:block}

 
.prodetail{ line-height:24px; color:#333; width:730px; overflow:hidden; margin:20px auto; word-break:break-all; word-wrap : break-word;} 
.prodetail img{
  border:0; 
  margin:0; 
  padding:0; 
  max-width:730px; 
  width: expression(this.width &gt; 730 &amp;&amp; this.width &gt; this.height ? 730px : 'auto';); 
}
.prodetail a:link,.prodetail a:visited,.prodetail a:hover{ color:#333; text-decoration:none;}
.about_bg{ background: url(../images/index_aboutpic.png) no-repeat top center; height: 358px;}
.about_bg .aboutus{ text-align: center; height:55px; line-height: 55px; padding-top: 55px; color:#fff; font-size:36px; font-weight: bold; font-family:Arial, Helvetica, sans-serif;}
.aboutustitle{ color:#fff; line-height:30px; font-size:14px; width:1120px; margin: auto; margin-top:20px; }
.aboutview_more{width:150px;  line-height: 50px; font-family:Arial, Helvetica, sans-serif; height:50px; background-color:#E36901; margin:30px auto;  text-align: center; font-weight:bold; }
.aboutview_more a{font-size:16px; color:#fff;}
.Tell_me{ background-color:#fff; padding: 50px 0px;}
.tell_title {
    color: #2B2724;
    text-align: center;
    padding-top: 45px;
    font-size: 26px;
    font-family: "Impact"
}
.tell_phone{font-size:25px; color:#000; font-weight: bold; text-align: center; margin-top: 20px;font-family: "宋体"}
.telinput{ margin:30px auto; text-align:center; margin-bottom:30px;}
  
.folderlist{padding-top:5px;}
.folderlist&gt;a{display:block; }
.folderlist&gt;a div.one{display:block;}
.folderlist&gt;a div.two{display:none;}
.folderlist&gt;a:last-child .tabtop{border-bottom:none!important; }

.currhov div.one{display:none!important;}
.currhov div.two{display:block!important;}

.postingbox{padding:30px 20px; border-bottom:solid 1px #ddd;}
.postingtitlebox{display:flex; justify-content:space-between; align-items:center;}
.postingbox .postingtitle{font-size:16px; color:#000; font-weight:bold;}
.postingviews{font-size:15px; color:#666;}
.postingbox .postingauthor{display:flex; align-items:center; padding:20px 0; color:#999; font-size:14px; }
.postingbox .postingauthor&gt;img{width:30px; height:30px; border-radius:50%; margin-right:10px; }
.postingbox .postingdes{font-size:14px; color:#333; line-height:20px; padding:0px 0 0px;}
.postingbox .postingtitle span {
    font-size: 12px;
    padding: 0 4px;
    border-radius: 3px;
    margin-right:10px;
    display:inline-block; height:22px; line-height:20px;
    box-sizing:border-box;
}
.postingbox .postingtitle span.col1 {
    color: #fff;
    background-color: #10AD71;
}
.postingbox .postingtitle span.col2 {
    color: #ba0e14; 
    background-color: #EEC5C7;
}
.postingbox .postingtitle span.col3 {
    color: #ba0e14; 
    border: 1px solid #ba0e14;
}


.postingreplybox{ 
    margin:0px 0px; 
}
.postingreplybox li {
    padding: 20px 20px;
    border-bottom: 1px solid #eee;
} 
.postingreplybox li .time{ height:30px; line-height:30px; font-size:14px; color:#999; width:100%; }
.postingreplybox li .img{ width:24px; height:24px; border-radius:12px; border:1px solid #eee; float:left;}
.postingreplybox li .img img{ width:24px; height:24px; object-fit:cover; border-radius:12px; border:1px solid #eee;}
.postingreplybox li .name{ float:left; margin-left:15px; }
.postingreplybox li .ttxt{ float:left; margin-left:15px; }
.postingreplybox li .txt{ line-height:24px; font-size:14px; color:#1c1c1c; margin:15px 0px;}
.postingreplybox li .right{ float:right; margin-left:15px;}

.uphoto{ width:80px; height:80px; cursor:pointer;}
.editbox{width:98%; margin:20px auto; padding:20px; box-sizing:border-box;}
.editwrap{display:flex; align-items:center; padding:10px 0;}
.editwrap .label{min-width:60px; color:#333; font-size:14px; padding-right:10px;}
.editwrap .input-inline{flex-grow:1;}
.editwrap .input-inline .inputxt{
    height:20px; line-height:20px; padding:10px; color:#333; 
    border:solid 1px #eee; border-radius:5px; outline:none;
}
.editwrap .input-inline .inputxt:focus{border:solid 1px #10AF71}
.editwrap .input-inline .seltxt{
    height:40px; line-height:40px; padding:0 10px; color:#333; 
    border:solid 1px #eee; border-radius:5px; outline:none;
}
.editareawrap{ padding:10px 0;}
.editareawrap .label{min-width:80px; color:#333; font-size:14px;}

.noinfo{height:80px; line-height:80px; text-align:center; font-size:15px; color:#333;}

.goodsdetbox{display:flex; padding:0 35px; }
.goodspicbox{width:395px; }
.goodsinfobox{flex-grow:1; margin-left:25px; display:flex; flex-direction:column; justify-content:space-between; }
 
    .goodszs .img {
        width: 395px;
        height: 395px;
    } 
        .goodszs .img img {
            width: 395px;
            height: 395px;
            object-fit: cover;
            transform: scale(1.00, 1.00);
            transition: all 1s;
        } 

    .goodszs:hover .img img {
        transform: scale(1.05, 1.05);
        transition: all 1s;
    }
.goodsinfo&gt;div:first-child{color:#000; font-size:20px; padding-bottom:10px; font-weight:bold;}
.goodsinfo&gt;div:last-child{color:#E03712; font-size:14px;}
.goodsinfo&gt;div:last-child&gt;span{font-size:20px; font-weight:bold;}
.goodsbtnbox{display:flex; justify-content:space-between;}
.goodsbtnbox a{display:inline-block; width:225px; height:55px; line-height:55px; border-radius:28px; border:solid 1px #10AF71; text-align:center; font-size:16px; color:#10AF71;}
.goodsbtnbox a:hover{background:#10AF71; color:#fff;}

.goodsdetwrap{border-top:1px solid #eee; margin:30px 35px; padding-top:20px; font-size:14px;}
.goodsdetwrap img{max-width:100%!important; }

.replybtn{background:#10ae71; height:50px; line-height:50px; text-align:center; color:#fff; font-size:15px; border:none; width:100%; border-radius:5px; margin-top:10px; cursor:pointer;}
 
.swiper_alert_box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999991;
    display:none;
}

.swiper_alert_box_bg {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
}

.swiper_alert {
    z-index: 999991;
    width: 500px;
    height:230px;
    box-sizing:border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #ffffff;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    border-radius:10px;
    overflow:hidden;
} 

.swiper_alert .swiper_alert_tit { 
    display:flex; justify-content:space-between;
}

.swiper_alert .swiper_alert_tit&gt;span:first-child {
    font-size:20px; font-weight:bold; color:#333; margin:10px 0 0 10px;
} 

.swiper_alert .swiper_alert_tit .close {
    opacity: 1;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    font-size:0;
}

.swiper_alert_txt {
    padding: 15px 15px 0;
    font-size: 20px;
    color: #666666;
    text-align: center; 
} 

.swiper_alert_txt .replydes{
    width:470px; height:110px; resize:none; outline:none; border:solid 1px #ccc; padding:10px; box-sizing:border-box; border-radius:5px;
    font-family:'Microsoft YaHei';
}

.swiper_alert_btn{text-align:right; padding-right:15px;}
.swiper_alert_btn .replybtn{ 
    width:120px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    background: linear-gradient(#25b8e1, #0691fa);
    color: #fff;
    cursor: pointer;
}
</pre></body></html>