@charset "utf-8";
/* CSS Document */
/* common */
body,div,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,a,form,select,input,span,ul,ol,li{margin:0px; padding:0px; text-indent:0; font-weight:normal;font-size:12px; font-family:'Microsoft YaHei',Verdana, Arial, Helvetica, sans-serif;}
ul,ol{list-style:none; text-indent:0; list-style-position:outside;}
img{border:0px;}
.clear{width:0px; height:0px; font-size:0px; line-height:0px; margin:0px; padding:0px; clear:both}
b{font-weight:normal;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
/* link : style */
a{text-decoration:none;}
a:hover{text-decoration:none;}

body{
    margin:0 auto;
    width:100%;
    overflow-x:hidden;
	min-width:1200px;
}

#wrap{text-align:center;}

.fl {float: left;display: inline;}
.fr {float: right;display: inline;}
.header{margin:0 auto;width:100%;background:#e8e8e8;font-family:"Microsoft YaHei";text-align:center;}
.header-main{margin:0 auto;width:1000px;height:95px;}
.logo{margin-top:36px;}
.logo-text{margin-top:35px;margin-left:11px;padding-left:17px;height:42px;border-left:1px solid #bababa;}
.logo-text img{margin-top:1px;}
.logo-text p{margin-left:18px;line-height:20px;color:#222222;font-family: "Microsoft YaHei";font-size: 14px;text-align:left;}
.phone{margin-top:38px;}
.phone p{font-family: "Microsoft YaHei";line-height:18px;color:#222222;font-size: 14px;text-align:left;}
.phone p b{color:#f64747;}
.phone p a{color:#f64747;font-weight:bold;}


.nav{margin:0 auto;width:100%;height:45px;background:#19A97B;}
.nav ul{margin:0 auto;width:1000px;}
.nav ul li{float:left;}
.nav ul li a{width:100px;height:45px;font-family: "Microsoft YaHei";font-size: 15px;line-height:45px;color:#ffffff;text-align:center;display:block;text-decoration: none;}
.nav ul li .act{background:#f68a3d;font-weight: bold;border-bottom: 3px solid #d46414;margin-top:-3px;}
.nav ul li a:hover{background:#f68a3d;}


/*.banner{width:100%;height:395px;background:url(../images/banner.jpg) center no-repeat;background-size:100%;display:block;margin-top:-2px;}*/

#content{text-align:center;}

.conOne{margin-top:30px;width:990px;margin:0 auto;}
.conOne_nr{margin-top:30px;}
.conOne .conOne_nr .conOne_nrList{float:left;width:310px;height:285px;margin-right:30px;margin-top:20px;}
.kc_js_l{width:100%;}
.conOne_tit h3{font-size:20px;line-height:50px;text-align:left;}
.kc_tit{background:url(../images/kc_gx.jpg) left no-repeat;padding-left:20px;width:45%;text-align:left;}
.kc_tit span{color:#ff4117;}
.kc_js_r{width:20%;font-size:14px;color:#333;background:url(../images/fivexing.png) left no-repeat;padding-left:82px;}
.kc_js_r a{font-size:24px;color:#3f9637;}
.conOne_nrList a:hover .kc_img{display:block !important;}
.kc_img01{width:310px;height:195px; }

.kc_img_bg{position:absolute;}


.kc_img{width:310px;height:195px;text-align:center;line-height:199px; display:none;position:absolute; overflow:hidden;}
.kc_img a{color:#fff;font-size:32px;}
.kc_img a:hover{text-decoration:none;}

.kc_img_b01{background:#19A97B; opacity:1;}

.conTwo{width:1000px;margin:0 auto;}


table {
    border-collapse: collapse;
    border-spacing: 0;
}

#main6 {
	background: #fbfbfb;
	overflow: hidden;
	border-top: 1px solid #fff;
}

.wrap {width: 1100px;margin: 0 auto;clear: both;overflow: hidden;}
.title {line-height: 40px;text-align: center;padding: 35px 0 20px;}
.title h2 {font-size: 36px;color: #586273;font-weight:bold;}
.title h2 font {color: #41ae77;}
.title h3 {font-size: 18px;font-weight: normal;color: #586273;line-height: 25px;padding-top: 10px;}
.course {margin: 30px auto 40px auto;width: 1047px;}
.course-con {background: #f6f6f6;}
.course-table {background: url(../images/table-bg.gif) no-repeat 0px 0px;clear: both;padding-left: 112px;width: 988px;margin: 0 auto;padding-bottom: 40px;}
.course-con table {border-left: #cbcbcb 1px solid;border-top: #cbcbcb 1px solid;}
.course-con table td {border-right: #cbcbcb 1px solid;border-bottom: #cbcbcb 1px solid;padding: 11px 10px;}
.table-tit td {color: #6a6a6a;font-size: 16px;font-family: "Microsoft YaHei";text-align: center;}
.project {background: #eee;}
.project .pro-con {width: 1170px;margin: 0 auto;overflow: hidden;padding-bottom: 20px;}
.project .pro-con .img-l {float: left;width: 22px;padding-top: 125px;}
.project .pro-con .img-r {float: left;width: 22px;padding-top: 125px;}
.project .pro-con ul {float: left;width: 1120px;}
.project .pro-con ul li {float: left;padding: 15px;}

.conThree{width:1023px;margin:0 auto;margin-top:50px;}
.conThree .conThree_list .conThree_list_nr{text-align:center;}
.ssbz_3{background:url(../images/ssbz_3.jpg) center no-repeat;width:100%;height:154px;}
.ssbz_3 .ssbz_3_nr div{float:left;width:205px;margin-left:56px;}
.ssbz_3 .ssbz_3_nr div h3{color:#fe0002;font-size:16px;font-weight:bold;padding: 28px 0px 10px;}
.ssbz_3 .ssbz_3_nr div p{color:#7a7a78;font-size:13px;text-align:left;}

.conFour{width:100%;background:#f3f7fb;margin-top:30px;}
.conFour .conFour_nr{width:1000px;margin:0 auto;}
.conFour img{display:block;}

.footer{width:100%;background:#343434;line-height:60px;height:60px;text-align:center;}
.footer p{color:#fff;}







/* 左侧悬浮53 */

#kf{
    width: 86px;
    height: 465px;
    background:#222;
    position: fixed;
    left: 0;
    top: 50%;
    margin-top: -230px;
    z-index: 999999;
}
#kf ul{
    margin-top: 3px;
}
#kf li{
    width: 80px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 3px;
    overflow: hidden;
}
#kf li img{
    border: none;
    display: block;
}
#kf li span{
    color: #fff;
    width: 100%;
    text-align: center;
    font-size: 14px;
    position: absolute;
    left: 0px;
    top:50px;
}
#kf li .hov{
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#kf li h3{
    width: 0;
    height: 80px;
    border: 3px solid #222;
    border-left: none;
    position: absolute;
    left: 76px;
    top: -3px;
    background: #ff5500;
    opacity: 0;
    filter:alpha(opacity=0);
    transition: 0.2s;
    box-sizing: content-box;
}
#kf li.sec h3{
    background: #00a8a9;
}
#kf li.thr h3{
    background: #5b45a9;
}
#kf li.fou h3{
    background: #f43244;
}
#kf li.fiv h3{
    background: #ffb848;
}
#kf li.last span{
    top: 10px;
    animation: show2 1s infinite;
}
#kf li:hover{
    overflow: visible;
}
#kf li:hover h3{
    opacity: 1;
    filter:alpha(opacity=100);
    width: 152px;
}
#kf li h3 p{
    height: 66px;
    border-left: 1px dashed #fff;
    margin-top: 7px;
    margin-left: 4px;
    padding-left: 10px;
}
#kf li h3 p a{
    display: block;
    width: 130px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    padding-top: 10px;
    text-align: center;
}
#kf li h3 p a.fir{
    border-bottom:1px solid #fff ;
    padding-bottom: 10px;
    padding-top: 5px;
    height: 14px;
    box-sizing: content-box;
}
@keyframes show2{
    0%{
        font-size: 14px;
    }
    50%{
        font-size: 16px;
    }
    100%{
        font-size: 14px;
    }
}
@keyframes show3{
    0%{
        font-size: 15px;
    }
    50%{
        font-size: 14px;
    }
    100%{
        font-size: 15px;
    }
}
#kf li p a:hover{
    animation: show3 1.5s infinite;
}
