

.home-hero{ width: 1200px; height: 456px; position: relative;}
.category-list{ height: 443px;width: 200px;
    padding-top: 13px; background: url("../images/tmbg.png") repeat; position: absolute; top: 0; left: 0; z-index: 20;}
.category-list li{ display: list-item; height: 56px; line-height: 56px; border-top: 1px; border-bottom: 1px;}
.category-list li .title{ position: relative; padding-left: 17px; font-size: 16px; color: #f4f0f0; display: block; width: 100%; height: 100%; cursor: pointer;}
.category-list li .title i{ position: absolute; right: 23px; font-size: 16px;font-style:normal; top: 0; line-height: 56px; background: url("../images/index-pointer.png") no-repeat 0 22px;  overflow: hidden; width: 11px; height: 100%; text-indent: -10000px;}
.category-list li:hover{ background: #fff; }
.category-list li:hover .title{ color: #00a15c;}
.category-list li:hover .title i{background: url("../images/index-pointered.png") no-repeat 0 22px;}
.category-list .children{ display: none; position: absolute; top: 0 ;left: 200px; z-index: 100; height: 456px; border: 1px solid #ccc; background: #fff; width:760px; border-left: none;}
.category-list li.last{ height: 85px; background: #00a15c; text-indent: 50px; font-size: 17px; line-height: 70px;}
.category-list li.last i{ line-height: 85px;}
.category-list li.last:hover a{ color: #fff; text-indent: 50px;}
.category-list li .ka{ width: 28px; height: 32px; display: block; background: url("../images/index-ico.png") no-repeat 0 -46px; position: absolute; top: 25px;}
.category-list li .title em{ position: absolute; font-size: 13px; top: 13px; left: 20px;font-style:normal;}

.childen-box{ width: 85%; padding-left: 5%;}
.childen-list{ width: 100%; border-bottom: 1px solid #CCCCCC;padding-top: 20px;}
.childen-list .list-title{ font-size: 16px; color: #00a15c;  height: 16px; line-height: 16px; border-left: 3px solid #00a15c; text-indent: 15px;}
.childen-list .kc-list{
    line-height: 16px; margin-top: 17px; width: 115%; overflow: hidden; padding-top:10px;}
.childen-list .kc-list i{    font-style: inherit; display: block; width: 121px; float: left; font-size: 14px; color: #666; height: 16px; padding-bottom: 20px; }
.childen-list .kc-list i a{color: #666;}
.childen-list .kc-list i a:hover{ color: #00a15c; cursor: pointer;}
.childen-list .kc-list.kc-lista i{ display: block; width: 242px; float: left; font-size: 14px; color: #666; height: 16px; padding-bottom: 20px; }
.childen-list .kc-list.kc-listb i{ display: block; width: auto; padding: 0 30px 0 0; float: left; font-size: 14px; color: #666; height: 16px; padding-bottom: 20px; }
.childen-list .kc-list.kc-lista i a:hover{ color: #00a15c; cursor: pointer;}
.childen-list .kc-list.kc-listb i a:hover{ color: #00a15c; cursor: pointer;}

/*轮播图*/
.banner{ width: 1200px;
    height: 456px;
    float: left;

    overflow: hidden;

     z-index: 10;}
.lubo {
    width: 100%;
    clear: both;
    position: relative;
    height: 456px;
}

.lubo_box {
    position: relative;
    width: 100%;
    height:456px;
}

.lubo_box li {
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 456px;

}

.lubo_box li a {
    display: block;
    width: 100%;
    height: 100%;
}

.lubo_box li img {
    width: 100%;
    height: 456px;
}

.hd {
    overflow: hidden;
    position: absolute;
    /*margin-left: 429px!important;*/
    bottom: 4%!important;
    right: 8%;
}

.hd li {
    float: left;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    cursor: pointer;
    background: #fff;
     border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    /*opacity: 0.8;*/
    /*filter: alpha(opacity=80);*/
}

.hd li:hover{background: #00a15c !important;}
.hd li.on{background: #00a15c !important;}

.lubo_btn {
    position: absolute;
    width: 900px;
    top: 159px;
    left:60%;
    margin-left:-450px; display: none;
}

.left_btn, .right_btn {
    width: 30px;
    height: 80px;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: pointer;
    color: #fff;
    line-height: 80px;
    font-size: 30px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.left_btn {
    float: left;
}

.right_btn {
    float: right;
}
/*轮播图 end*/


.cphd{ width: 100%; height: 60px; border-bottom: 2px solid #a2ddc4;}
.cphd h3{ font-size: 19px; color: #313236; font-weight: 500; float: left; line-height: 65px;  }
.cphd a{ color: #63656c; font-size: 14px; float: left; line-height: 60px;    width: 82px;
    height: 60px;
    display: block;}
.cphd a span{ font-size: 28px; float:right; color: #999;width: 20px;
    height: 60px; line-height: 61px;
    display: block; *margin-top:-60px;}

.cplb{width: 100%; margin: 16px 0 46px 0;}
.cplb li{ width: 289px; height: 290px; float: left; /* margin-right: 10px;*/ margin:0 54px; background: #f7f8f9; text-align: center; border: 1px solid #f0f0f1; overflow: hidden; position: relative;}
.cplb li:last-child{ margin-right: 0;}
.cplb .lastitem{ margin-right: 0;}
.cplb li img{ width: 289px; height: 216px; display: block;}
.cplb li .cpname{ font-size: 16px; color: #313236; line-height: 73px; font-weight: 500;}
.cplb li .cpjsao{ color: #a2a2a4;  font-size: 13px;    width: 289px;
    height: 216px;
    position: absolute;
    top: 0;
    left: 0; background: url("../images/tmbg5.png") repeat; cursor: pointer;}
.cplb li .cpjsao i{ width: 114px; height: 94px; display: block;position: absolute;top: 57px;
    left: 89px;}
.cplb li .cpjsao i.i1{background: url("../images/index-cplb11.png") no-repeat top center;}
.cplb li .cpjsao i.i2{background: url("../images/index-cplb22.png") no-repeat top center;}
.cplb li .cpjsao i.i3{background: url("../images/index-cplb33.png") no-repeat top center;}
.cplb li .cpjsao i.i4{background: url("../images/index-cplb44.png") no-repeat top center;}

/*ydcp*/
.ydcp{ width: 100%; background: #f7f8f9; }
.cpjs{ width: 1200px; height: 440px; overflow: hidden; position: relative; margin: 18px 0 6px 0;}
.cpjs img{  width: 100%; height: 100%;}
/*.cpjs .fc{ width: 100%; height: 100%; padding-top: 95px; position: absolute; top: 0; left: 0;background-color: rgb(0, 0, 0);*/
    /*filter: alpha(opacity=60);*/
    /**zoom: 1; background: rgba(0,0,0,0.6); text-align: center;}*/
/*.cpjs .fc h3{ color: #dae0e5; font-size: 23px; font-weight: 500;}*/
/*.cpjs .fc em{ width: 67px; height: 4px; background: #109fd6; display:block; margin: 22px auto 17px;}*/
/*.cpjs .fc p{ width: 756px; margin: 0 auto; text-align: center;color: #dae0e5; font-size: 13px; line-height: 20px; margin-top: 30px;}*/
/*.cpjs .fc p span{ font-size:10px; }*/
.cpjs .fc{ width: 100%;height: 100%; position: absolute; top: 0; left: 0; text-align: center;}
.cpjs .fc p{ color: #8a8a8b; text-align: center;  line-height: 30px;
    letter-spacing: 15px;}
.cpjs .cpcontent h3{ text-align: left;
    font-family: fztys;
    font-size: 39px; color: #e0dddd; line-height: 50px; font-weight: 500;}
.cpjs .cpcontent h4{font-family: zzgflscgt; text-align: left; font-size: 37px; color: #8a8a8b; font-weight: 400;}
.cpjs .cpcontent p{font-family: zzgflscgt; text-align: left; color: #a3a3a4; font-size: 20px; line-height: 50px;}
.cpjs .clickjr{ width: 104px; height: 32px; border: 1px solid #aaa; text-align: center; line-height: 32px; font-size: 12px; color: #e0dddd; cursor: pointer; margin: 5px 0 0 0; }

.cpjs1 .cpcontent{width: 520px; position: absolute;top: 59px; right: 0;}
.cpjs1 .cpcontent h3{ line-height: 40px;}
.cpjs1 .cpcontent p{ line-height: 28px;}
.cpjs1 .cpcontent h4{ line-height: 53px;}
.cpjs1 .clickjr{ margin-top: 15px;}
.cpjs1 .clickjr,.cpjs2 .clickjr{ float: left;}
.cpjs2 .cpcontent{ position: absolute; top: 120px; left: 170px;}
.cpjs2 .cpcontent p{ line-height: 30px;letter-spacing: 8px; color: #ccc9c9;}
.cpjs2 .clickjr{ margin-top: 10px;}
.cpjs3 .cpcontent{ width: 266px; position: absolute;     right: 145px;
    bottom: 45px;}
.cpjs3 .cpcontent h3{ font-size: 30px; color: #fff; text-align: center;}
.cpjs3 .cpcontent p{ font-family: "Microsoft Yahei", "微软雅黑"; font-size: 12px; letter-spacing: 8px; color: #fff; text-align: center;}
.cpjs3 .clickjr{border-color: #fff; color: #fff; margin: 10px auto 0;}
.cpjs4 .fc{background: url("../images/tmbg5.png") repeat;}
.cpjs4 .cpcontent{width: 100%;  position: absolute; top: 102px; left: 0;}
.cpjs4 .cpcontent h3{ text-align: center; color: #fff;}
.cpjs4 .cpcontent p{ color: #fff; text-align: center;}
.cpjs4 .clickjr{ margin: 10px auto 0; border-color: #fff; color: #fff;}

.footer{ margin-top:30px;}

/*自定义字体*/
/*方正特雅宋*/
/*@font-face {
    font-family: "fztys";
    src: url("../images/fztys.TTF");
}

@font-face {
    font-family: "fztys";
    src: url(//:) format("no404"), url("../images/fztys.TTF") format("truetype");
    font-weight: normal;
    font-style: normal;
}*/

/*@font-face {*/
    /*font-family: "zzgflscgt";*/
    /*src: url("../images/zzgflscgt.otf");*/
/*}*/

/*@font-face {*/
    /*font-family: "zzgflscgt";*/
    /*src: url(//:) format("no404"), url("../images/zzgflscgt.otf") format("truetype");*/
    /*font-weight: normal;*/
    /*font-style: normal;*/
/*}*/


