*{margin:0;padding:0;}
.clearfix:before,.clearfix:after{ content:"";display:table; }
.clearfix:after{clear:both;}
.clearfix{ *zoom:1;/*IE/7/6*/ }

ul li{list-style: none;}
a{text-decoration: none;color:#000;}
.tema-body-box{padding-top:63px;min-height:700px;}
.temp-main{max-width:1180px;margin:0 auto;padding:10px;}
.temp-main-top-images{height:320px;background-size:100% 100%;width:100%;}
.about p{font-size: 20px;padding:5px 0;}
.about img{max-width: 100%;}

.temp-header{position: fixed;z-index:100;top:0;left:0;width:100%;height:62px;border-bottom:1px solid #000;background-color:#fff;}
.temp-header-relative{max-width:1200px;margin:0 auto;height:62px;position: relative;}
.temp-header-logo{height:62px;position: absolute;top:0;left:0;}
.temp-header-logo img{height: 62px;display: block;}


nav ul.header-menu{display: block;text-align: right;}
nav ul.header-menu li.header-list{display: inline-block;/*float: right;*/}
nav ul.header-menu li.header-list a{height: 62px;line-height: 62px;display: block;color:#686866;padding:0 10px;    font-size: 14px;  font-weight: normal;}
nav ul.header-menu li.header-list a:hover{color: #ffffff; background-color: #686868;}

.footer{background-color:rgb(245, 245, 245);font-size: 14px;min-height: 150px;padding:10px;}
.footer-box{max-width: 1200px;margin:0 auto;padding-top:20px;}
.copyright{font-size: 12px;line-height: 30px;color:#939393;}
.beian{  padding:20px 0;  }
#menu_button_wrapper{display: none;}
@media ( min-width:640px) {

}




.temp-main-list{padding:50px 0;}
.temp-main-list:nth-child(2n){background-color: rgb(245, 245, 245);}
.temp-main-list:last-child{background:transparent;}
.temp-main-top-images{height:320px;background-size:100% 100%;width:100%;}
.about p{font-size: 20px;padding:5px 0;}
.about img{max-width: 100%;}

.temp-service-box{  }
.temp-aboutus-desction p{text-indent: 2em;font-size: 16px;line-height: 150%;}
.temp-news-list ul li{padding:10px 0 10px 20px;position: relative;border-bottom:1px solid #ccc;}
.temp-news-list ul li div:nth-child(1){  position: absolute;width: 60px;height: 58px;background-color: #000;color:#fff;text-align: center;}
.temp-news-list ul li div:nth-child(1) p:nth-child(1){line-height: 40px; height: 40px;   font-size: 30px;font-weight: bold;padding: 0;}
.temp-news-list ul li div:nth-child(1) p:nth-child(2){font-size: 13px;height:18px;line-height: 18px;padding:0;}
.temp-news-list ul li div:nth-child(2){padding-left:90px;}
.temp-news-list ul li div:nth-child(2) p:nth-child(1){font-size: 16px;}
.temp-news-list ul li div:nth-child(2) p:nth-child(1) a:hover{color:#d3b167;}
.temp-news-list ul li div:nth-child(2) p:nth-child(2){font-size: 12px;color:#999999;}

.temp-news-list-box{border-bottom:1px solid #ccc;padding:10px 0;position: relative;  }
.temp-news-list-box-images{position: absolute;top:10px;left:0;width: 240px;height:150px;}
.temp-news-list-box-images img{width: 100%;height: 100%;display: block;}
.temp-news-list-box-info{min-height:150px;padding-left:260px;color:#58595d;}
.temp-news-list-box-title{padding:5px 0;font-size:18px;}
.temp-news-list-box-title .cate{color:#58595d;margin-right:10px;}
.temp-news-list-box-title .time{font:12px 'microsoft yahei',Verdana,Arial;}
.temp-news-list-box-desction p{font-size:14px;padding-top:3px;}

.temp-news-box{padding:50px 0;}
.temp-news-title,.temp-news-info{text-align: center;}
.temp-news-title p{font-size: 22px;line-height: 50px;}
.temp-news-info p{height: 28px;line-height: 28px;border-bottom:1px dashed #c1c1c1;}
.temp-news-desction{margin:20px 0 0 0;padding:15px;font-size:14px;border:1px dotted #ddd;background-color:#fff;}
.temp-news-desction p{line-height: 28px;}
.temp-news-content{text-align: left;font-size: 14px;line-height: 32px;max-width:640px;margin:0 auto;margin-top:30px;}
.temp-news-content img{max-width: 100%; margin:0 auto; display: block;}

.temp-job table tr th{font-size: 18px;font-weight: bold;}
.temp-job table tr td p{font-size: 16px;}
.temp-job-box{padding:20px 0;font-size: 14px;}
.temp-job-box p {line-height: 28px;}
.temp-job-title{padding:10px 0;}
.temp-job-desction{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:10px 0;}

.temp-worker-images{max-width: 400px;margin:0 auto;padding:10px;}
.hidden {  display: none;  }

@media (max-width: 640px) {
    #menu_button_wrapper{
        display: block;
        padding: 1em;
        color: #9d9d9d;
        /* border-bottom: 1px solid #101010;*/
        margin-bottom: .5em;
    }
    #menu_button {
        box-sizing: border-box;
        float: right;
        padding: .5em 1em;
        border: 1px solid #333;
        border-radius: 5px;
        color: white;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    #menu_button:hover {
        cursor: pointer;

    }
    #hamburger {
        float: right;
        padding-top: .15em;
    }
    #menu_button span{
        display: block;
        background-color: #000;
        width: 1.2em;
        height: .15em;
        border-radius: 1px;
        margin-bottom: .2em;
    }
    nav ul.header-menu {
        display: none;
        width: 100%;
        margin: 0 auto;
        padding: 0;
        box-sizing: border-box;

    }
    nav ul.header-menu li.header-list {
        display: block;
    }

    nav ul.header-menu li.header-list a {
        /* width: 100%;*/
        padding-right:20px;
        height:40px;
        line-height: 40px;
    }
    .tema-body-box{min-height:470px;}
    .temp-main-list{padding:10px 0;}
    .temp-main-top-images{height:180px;}
    .temp-news-list-box-images{width:120px;height:80px;}
    .temp-news-list-box-title{padding-top:0;}
    .temp-news-list-box-info{padding-left:130px;min-height:80px;}
    .temp-news-list-box-desc{display: none;}
    .temp-worker-images{max-width:300px;margin:0 auto;}
    .footer{min-height:30px;}
    .footer-box{padding-top:0;}
    .beian{padding:0;}
    .app-style{  text-align: center;  }
    .app-hide{  display: none;  }
    .temp-job table tr th:nth-child(3), .temp-job table tr td:nth-child(3),.temp-job table tr th:nth-child(4), .temp-job table tr td:nth-child(4){display: none;}
}