/*banner*/
.page-banner{
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 100%;
    min-width:1200px;
    height: 400px;
    position: relative;}
.page-banner-about{background-image:url("../images/banner/about.jpg");}
.page-banner-news{background-image:url("../images/banner/news.jpg");}
.page-banner-partner{background-image:url("../images/banner/partner.jpg");}
.page-banner-cases{background-image:url("../images/banner/cases.jpg");}
.page-banner-service{background-image:url("../images/banner/service.jpg");}
.page-banner-contact{background-image:url("../images/banner/contact.jpg");}

/**/
.page-body{position:relative;}
/*路径*/
.path{margin: 15px auto;color:#666;}
.path li{display: inline;}
/*分页*/
.pagination{text-align: left;margin:10px 0;display:block;}
.pagination li{display:inline-table;}
.pagination li a,
.pagination li.disabled span,
.pagination li.active span{padding:5px 10px;border:1px solid #ccc;margin-left: 5px;display: block;border-radius:2px;}
.pagination li a:hover{color:#3ca6da;}
.pagination li.active span{background:#3ca6da;color:#fff;border-width:0px;}
.pagination li.disabled span{color:#ccc;border:1px solid #efefef;}
/*分类*/
.page-category{overflow:hidden;margin-bottom:15px;background: #efefef;border-radius:2px;}
.page-category li{overflow:hidden;float: left; width: 13%;text-align: center;line-height: 50px;}
.page-category li a{display:block;}
.page-category li a:hover{background: #ff6000; color: #fff;}
.page-category li a.curr{background: #3ca6da; color: #fff;font-size: 16px;}


    /*新闻动态*/
.list-news{position: relative;}
.list-news li{overflow: hidden;    padding: 20px 0; border-bottom:#efefef 1px solid;}
.list-news li.bg{background-color: #f2f2f2;}
.list-news li .news-date{display: block;width: 200px;height: 120px;float: left;text-align: center;
    border-right: 1px solid #d4d4d4;font-size: 16px;color:#666;}
.list-news li .news-date span{display: block;font-size: 54px;width:80px;font-family: Georgia;    border-bottom:2px #ccc solid;padding-bottom: 8px;margin:0px auto 8px;}
.list-news li .img{width: 200px;height: 120px;float:left;overflow:hidden;margin-left: 20px}
.list-news li .img img{min-width: 200px;min-height: 120px;}
.list-news li .news-info{width: 803px;float: left;padding: 10px 0 0 40px;}
.list-news li .news-info .title{height: 24px;line-height: 24px;
    font-size: 18px;
    padding-bottom: 15px;
    margin-bottom: 20px;font-weight:bold;position: relative;
}
.list-news li .news-info .title span{display: block;width: 40px;height: 7px;
    background-color: #ccc;position: absolute;left:0;bottom:0;}
.list-news li .news-info .title i{display: block;height: 12px;
   color: #ccc;position: absolute;left:55px;bottom:0;font-size: 12px;font-weight:400;line-height: 12px;margin-bottom: -2px;}
.list-news li .news-info .title a{color:#000;}
/*.list-news li .news-info .title a:hover{color:#b60005;}*/
.list-news li .news-info p{font-size: 13px;line-height: 22px; max-height: 44px;overflow: hidden;}
.list-news li:hover .news-info .title a{color:#3ca6da}
.list-news li:hover .news-info .title span{background-color:#3ca6da;}
/*新闻详情---------------------------*/
.news-body{overflow: hidden;padding: 30px 0 0;}
.news-body .news-body-top{padding: 0 80px 20px 0; margin-bottom: 20px;
    border-bottom: 1px solid #ddd;}
.news-body .news-body-top .title{font-size: 24px;color: #000; margin-bottom: 10px;}
.news-body .news-body-top p{font-size:12px;color:#999;}
.news-body .content{min-height: 570px;font-size: 14px;line-height: 24px;}
.news-body .news-body-bottom{padding: 20px 0;border-top: 1px solid #ddd;}
.news-body .news-body-bottom .previous,
.news-body .news-body-bottom .next{color:#ccc;line-height: 35px;}
.news-body .news-body-bottom .previous span,
.news-body .news-body-bottom .next span{color:#000;}

/*通用详情页面*/
.info-body{ background-color:#fff; position:relative;padding:5px 0px;}
.info-body .title{text-align:center;font-size: 22px;padding: 20px 0 15px 0;line-height: 25px;}
.info-body .info-head{ padding:1em; border-bottom:1px solid #efefef;border-top:1px solid #efefef; color:#999;font-size:12px;}

.info-body .content{position:relative; overflow:hidden; margin:10px auto; min-height:380px;line-height: 2;}
.info-body .content img{ max-width:100%; margin:0.5em auto;}

.info-body .order-form{background:#efefef; padding:15px;border-radius:4px;}
.info-body .content {padding:10px 20px 30px;}
.info-body .content-service {padding:10px 0px 30px;}
.info-body .content tabel{width:100%;}

/*产品列表*/
.product{overflow:hidden;max-width:1200px;  margin:20px auto 0px;}
.product li{float:left;width: 273px;  margin-bottom: 30px;margin-right: 30px; overflow: hidden;
    border-radius: 3px;
    border:2px solid #efefef;cursor:pointer;}
.product li a{display:block;}
.product li a:hover{color: #ff6000;}

.product li.m-r{margin-right: 0px;}
.product li .img{width: 100%;display: block; height: 272px;overflow: hidden;border-radius: 2px 2px 0px 0px;}
.product li .img img{opacity: 0.9;border-radius: 3px 3px 0px 0px;}
.product li .price{ margin: 5px auto 10px; background-color: #605454;text-align:center;width: 120px;line-height: 20px;
    color: #fff; font-size: 12px;font-weight:bold; border-radius:5px;}
.product li .title{width:80%;margin: 10px auto 5px;text-align: left; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;font-weight:bold;
    overflow: hidden;text-align: center;}
.product li p{width:80%;color:#666;font-size: 12px;margin: 0px auto 30px;line-height: 25px;height: 78px;
    overflow: hidden;
    text-align: center;
}
.product li:hover .img img{transform: scale(1.05);opacity: 1;}
.product li:hover{border-color:#ff6000;}

/*产品详情---------------------------*/
.pro-info{overflow: hidden;padding: 30px 0 0;}
.pro-info .pro-info-top{padding: 0 80px 20px 0; margin-bottom: 20px;
    border-bottom: 1px solid #ddd;}
.pro-info .pro-info-top .title{font-size: 24px;color: #000; margin-bottom: 10px;}
.pro-info .pro-info-top p{font-size:12px;color:#999;}
.pro-info .content{min-height: 570px;font-size: 14px;line-height: 24px;}
.pro-info .pro-info-bottom{padding: 20px 0;border-top: 1px solid #ddd;}
.pro-info .pro-info-bottom .previous,
.pro-info .pro-info-bottom .next{color:#ccc;line-height: 35px;}
.pro-info .pro-info-bottom .previous span,
.pro-info .pro-info-bottom .next span{color:#000;}


/*联系我们*/
.contact{position: relative;overflow: hidden;margin:10px auto 20px;}
.contact li{margin:15px auto;background-color: #efefef; overflow: hidden;}
.contact li .contact-info{padding: 30px; line-height: 180%;}
.contact li .contact-info h1{margin: 20px auto 10px;}
.contact li .contact-img{padding: 30px;}
.contact li .contact-btn{margin-top: 50px;display: block;clear: both;}
.contact li .contact-btn button{width: 120px;height: 36px;border: none;
    color: #ffff;border-radius: 3px;    background: #3ca6da;    cursor: pointer;}
.contact li .contact-btn button:hover{background-color: #ff6000;color: #fff;}

/*人才招聘*/
.list-job{position: relative;}
.list-job li{overflow: hidden;    padding: 20px 20px; border-bottom:#efefef 1px solid;margin-bottom: 20px;}
.list-job li.bg{background-color: #f2f2f2;}
.list-job li .job-title{position:relative; overflow: hidden;margin-bottom: 20px;}
.list-job li .job-title .title{font-size: 20px; width: 40%;overflow: hidden; margin-bottom: 10px;font-weight:bold;float: left;}
.list-job li .job-title .other{font-size: 16px; line-height: 30px; float:left;width: 150px;}
.list-job li .job-title .adds{font-size: 16px; line-height: 30px;width: 300px; float:left;}
.list-job li .job-title a{float:right;width: 120px;height: 36px;border: none;
    color: #fff;border-radius: 3px;    background: #3ca6da; line-height: 36px; text-align: center;}
.list-job li .job-title a:hover{background-color: #ff6000;color: #fff;}

.list-job li .job-info{overflow: hidden;background-color: #fff;padding: 20px;color:#666;}
.list-job li .job-info .title{font-size: 16px;font-weight:bold;}
.list-job li .job-info p{font-size: 13px;line-height: 22px; max-height: 44px;overflow: hidden;}

/*.list-news li .news-info .title a:hover{color:#b60005;}*/

.list-job li:hover .news-info .title a{color:#3ca6da}
.list-job li:hover .news-info .title span{background-color:#3ca6da;}