@charset "utf-8";
.band{ width:100%; height:400px;position:relative;}
.yiyuan{background:url(../img/yyband.jpg) no-repeat center;}
.anli{background:url(../img/alband.jpg) no-repeat center;}
.news{background:url(../img/fwband.jpg) no-repeat center;}
.zz{background:url(../img/band.jpg) no-repeat center;}
.zj{background:url(../img/zjband.jpg) no-repeat center;}
.bq{background:url(../img/band.jpg) no-repeat center;}
.band .position {
    width: 100%;
    height: 58px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../img/bg.png) no-repeat;
    background-size: cover;
}
.band .position .position_cen {
    width: 1170px;
    height: auto;
    margin: 0 auto;
    line-height: 58px;
    font-size: 14px;
    color: #fff;
    background: url(../img/home.png) no-repeat left center;
    padding-left: 30px;
}
.band .position .position_cen a{ color:#fff;}

.list{ width:100%; padding:40px 0; background-color:#F4F6F8;}
.list .cat{ width:1200px; height:80px; margin:0 auto; background-color:#fff; padding:0 20px;border-radius:10px;}
.list .cat ul li{ float:left; line-height:80px; margin-right:20px;}
.list .cat ul li a{ font-size:18px; letter-spacing:1px; padding-bottom:10px;}
.list .cat ul li a.hover{border-bottom:3px solid #f29c9f;}
.list .cat ul li a:hover{border-bottom:3px solid #f29c9f;}
.list .con{ width:1200px; margin:0 auto; margin-top:40px;}
.list .con ul li{ width:285px; float:left; margin-right:20px; margin-bottom:20px; overflow:hidden; background-color:#f9f9f9;}
.list .con ul li:nth-child(4n){ margin-right:0;}
.list .con ul li a{border:1px solid #eee; display:block;padding:10px;border-radius:5px; height:320px;}
.list .con ul li a .img img{ width:100%;}
.list .con ul li a .name{ font-size:16px; text-align:left; margin-top:8px; color:#000;}
.list .con ul li a .memo{ margin-top:6px; color:#777; text-align:left; line-height:20px;}
.list .con ul li a:hover{ border:1px solid #e8727e;}
.list .con ul li a:hover .name{ color:#e8727e;}


/*详情*/
.mian{ width:100%; padding:20px 0 80px; background-color:#F4F6F8;}
.mian .cats{background-color:#eff3f8;border-top:1px solid #dee7f2; border-bottom:1px solid #dee7f2; border-left:1px solid #dee7f2; width:1200px; margin:0 auto; margin-bottom:20px;}
.mian .cats ul li{ width:25%;display:table-cell;width:1%; text-align:center;}
.mian .cats ul li a{
    padding: 16px;
    font-size: 14px;
    text-transform: uppercase;
    color: #7e93ae;
    font-weight: 500;
    border-right: 1px solid #dee7f2;
	display:block;
}
.mian .cats ul li a:hover{ background-color:#fff; color:#e8727e;}
.mian .cats ul li a.hover{ background-color:#fff; color:#e8727e;}
.mian .cont{ width:1200px; margin:0 auto;}
.mian .cont .contL{ width:900px; float:left;}
.mian .cont .contL .contLcm{background-color:#fff;border-radius:6px; padding:20px;}
.mian .cont .contL .contLcm h1{ font-size:22px; border-bottom:1px solid #EEEEEE; padding-bottom:8px;}
.mian .cont .contL .contLcm .tit{ font-size:14px; color:#67696d; line-height:45px;}
.mian .cont .contL .contLcm .tit span::after {
    margin-left: 15px;
    margin-right: 15px;
    color: #b0b0b0;
    content: "|";
}
.mian .cont .contL .contLcm .tit span:last-child::after {
    margin-left: 0px;
    margin-right: 0px;
    content: "";
}

.mian .cont .contL .contLcm .title{ border-bottom:1px solid #EEEEEE; padding-bottom:8px; margin-bottom:20px;}
.mian .cont .contL .contLcm .title h1{ border-bottom:none;}
.mian .cont .contL .contLcm .cons{ overflow:hidden;}
.mian .cont .contL .contLcm .cons strong{ font-size:16px;}
.mian .cont .contL .contLcm .cons p{ font-size:16px; line-height:30px; margin-bottom:15px;}
.mian .cont .contL .contLcm .cons img{ max-width:100%; margin-bottom:10px;}
.mian .cont .contL .fenye{ width:100%; padding:30px 0; background-color:#fff; margin-top:20px;border-radius:6px; padding:10px 20px; }
.mian .cont .contL .fenye ul li{ font-size:16px; line-height:30px;}
.mian .cont .contL .fenye ul li a{}
.mian .cont .contL .fenye ul li a:hover{color:#ea572b;}
.mian .cont .contR{ width:270px; float:left; margin-left:30px;}
.mian .cont .contR .adv{ width:100%; text-align:center;}
.mian .cont .contR .adv img{ width:100%;}
.mian .cont .contR .biaoqian{background-color:#fff;border-radius:6px; padding:10px 20px 20px;}
.mian .cont .contR .biaoqian .titl{ border-bottom:1px solid #e8eaec; font-size:18px; font-weight:bold; width:100%; padding-bottom:12px; background:url(../img/biaoqian.jpg) no-repeat 0px 0px; text-indent:30px; margin-bottom:20px;}
.mian .cont .contR .biaoqian a{text-transform:uppercase;border:1px solid #e8eaec;padding:9px 14px;display:inline-block;margin-bottom:5px;font-size:12px;line-height:12px;color:#9a9fab;border-radius:20px;letter-spacing:1px; margin-bottom:5px; margin-right:5px;}
.mian .cont .contR .biaoqian a:hover{
    background-color: #ea572b;
    color: #fff;
    border-color: #ea572b;
}
.mian .cont .contR .xgzx{background-color:#fff;border-radius:6px; padding:10px 20px 20px; margin-top:20px;}
.mian .cont .contR .xgzx .titl{border-bottom:1px solid #e8eaec; font-size:18px; font-weight:bold; width:100%; padding-bottom:12px; background:url(../img/biaoqian2.jpg) no-repeat 0px 4px; text-indent:30px; margin-bottom:20px;}
.mian .cont .contR .xgzx ul{}
.mian .cont .contR .xgzx ul li{ border-bottom:1px dashed #e8eaec; padding:10px 0;}
.mian .cont .contR .xgzx ul li a{ font-size:16px; color:#666; line-height:25px; padding-left:20px;background:url(../img/biaoqian3.jpg) no-repeat 0px 4px;}
.mian .cont .contR .xgzx ul li a:hover{ color:#ea572b;}

/*案例列表*/
.anlilist{ background-color:#fff;border-radius:6px; padding:20px;}
.anlilist ul li{ border-bottom:1px solid #e8eaec; padding:40px 0;}
.anlilist ul li .alL{ width:215px; float:left;}
.anlilist ul li .alL img{ width:100%;}
.anlilist ul li .alR{ width:600px; float:right;}
.anlilist ul li .alR h3 a{ color:#3c4d6b; font-size:22px; font-weight:400px;}
.anlilist ul li .alR h3 a:hover{color:#ea572b;}
.anlilist ul li .alR .meta{font-size:14px;text-transform:uppercase;color:#67696d;margin-bottom:14px;margin-top:14px;}
.anlilist ul li .alR .meta span::after {
    margin-left: 15px;
    margin-right: 15px;
    color: #b0b0b0;
    content: "|";
}
.anlilist ul li .alR .meta span:last-child::after {
    margin-left: 0px;
    margin-right: 0px;
    content: "";
}
.anlilist ul li .alR p{ font-size:15px; line-height:26px;}