/*
	author:weijiafen;
	date:2016.07.05;
*/
/*reset*/
html,body{margin: 0;padding: 0;font-family: Microsoft Yahei;}
p{padding: 0;margin: 0;}
.container{padding: 0 4%;}
.container-fluid{padding: 0;}
@media (min-width: 768px) {.container {width: 768px;padding: 0 9px;}}
@media (min-width: 992px) {.container {width: 970px;padding: 0;}}
@media (min-width: 1024px) {.container {width: 1000px;}}
@media (min-width: 1200px) {.container {width: 1000px;}}
.navbar{height: 66px;}
.navbar-nav li a{line-height: 36px;}
.navbar-brand{margin-top: 12px;padding: 0 0 0 15px;}
footer{padding: 13px 0;line-height: 2;}
.navbar-toggle{margin-top: 15px;}
/*structure*/

.main_section_title{
	text-align: center;
	font-size: 28px;
	margin-top: 35px;
	margin-bottom: 5px;
}
.about_us_text{line-height: 2.2;padding: 35px 0 40px;}
.jobs_list{padding-top: 5px;margin-bottom: 20px;}
.products_list{padding-top: 35px;margin-bottom: 35px;margin-left: -2px;}
.apply_box {
    overflow: hidden;
    width: 100%;
    margin-top: 35px;
    margin-bottom: 15px;
}
.aux_section_title1{display: inline-block;position: relative;left:50%;margin-left: -35px;}
.aux_section_title2{display: inline-block;position: relative;left:50%;margin-left: -17px;}
.aux_section_title3{display: inline-block;position: relative;left:50%;margin-left: -38px;}
.aux_section_title4{display: inline-block;position: relative;left:50%;margin-left: -51px;width: 102px;text-align: center;}
.aux_section_title1:before{content: "";position: absolute;width: 50px;height: 1px;top: 50%;left: -60px;}
.aux_section_title1:after{content: "";position: absolute;width: 50px;height: 1px;top: 50%;left: 80px;}
.aux_section_title2:before{content: "";position: absolute;width: 50px;height: 1px;top: 50%;left: -60px;}
.aux_section_title2:after{content: "";position: absolute;width: 50px;height: 1px;top: 50%;left: 44px;}
.aux_section_title3:before{content: "";position: absolute;width: 50px;height: 1px;top: 50%;left: -60px;}
.aux_section_title3:after{content: "";position: absolute;width: 50px;height: 1px;top: 50%;left: 85px;}
.aux_section_title4:before{content: "";position: absolute;width: 50px;height: 1px;top: 50%;left: -60px;}
.aux_section_title4:after{content: "";position: absolute;width: 50px;height: 1px;top: 50%;left: 110px;}
.watch_more_btn{font-size: 16px;padding: 5px 12px;display:block;margin: 30px auto 40px;width: 91px;}
.jobs_list .job_item{padding: 0;}
.jobs_list .job_item p{margin:5px 8px;background-color: #fffdfd;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.jobs_list .job_item p a{line-height: 36px;display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.jobs_list .job_item p a:hover{text-decoration: none;}
.jobs_list .job_item p a:before{content: "";width: 20px;height: 20px;display: inline-block;background:url(../images/job_item_icon.png);vertical-align: -5px;margin-left: 3px;}
.jobs_list .job_item p:hover a:before{background-image: url(../images/job_item_iconh.png);}
.product_item{padding: 0;}
.product_item_wrap{margin: 5px 4px;overflow: hidden;position: relative;}
.product_item_wrap:hover{cursor: pointer;}
.product_description{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: -100%;
    padding: 10px 20px;
        transition: all .5s;
-moz-transition: all .5s;  /* Firefox 4 */
-webkit-transition: all .5s;   /* Safari 和 Chrome */
-o-transition: all .5s;    /* Opera */
}
.show_product_description{
    top: 0;
    transition: all .5s;
-moz-transition: all .5s;  /* Firefox 4 */
-webkit-transition: all .5s;   /* Safari 和 Chrome */
-o-transition: all .5s;    /* Opera */
}
.contact_map{width: 100%;}
#roll dd{float: left;width: 242px;margin-right: 10px;}
#roll dd img{width: 100%;height: 170px;}
.apply_prev {
    background:url("../images/page_prev.png") no-repeat scroll center center;
    bottom: 40%;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    height: 32px;
    left: -40px;
    position: absolute;
    text-align: center;
    width: 32px;
    z-index: 90;
}
.apply_next {
    background:url("../images/page_next.png") no-repeat scroll center center;
    bottom: 40%;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    height: 32px;
    left: auto;
    position: absolute;
    right: -40px;
    text-align: center;
    width: 32px;
    z-index: 90;
}
.contact_wrap{margin-top: 35px;margin-bottom: 40px;background-color: #fafafa;}
.contact_wrap h3{font-size: 18px;font-weight: bold;margin-bottom: 18px;margin-top: 34px;}
.contact_wrap p{margin-bottom: 15px;}
.contact_wrap .map_wrap{
    padding-left:0;
}
.product_des_title{font-size: 18px;line-height: 2}
.product_des_text{line-height: 1.8;}
.navbar_bg{height: 65px;}

.depart_name{font-size: 18px;color: #666;padding: 5px 0 10px;}
@media(max-width: 640px){
    .navbar{height: 50px;margin-bottom: 0;}
    .navbar_bg{height: 50px;}
.navbar-nav li a{line-height: 30px;}
.navbar-brand{margin-top: 0px;padding: 0 0 0 15px;display: inline-block;height: 50px;}
.navbar-toggle{margin-top: 8px;}
	.main_section_title{font-size: 24px;margin-top: 20px;}
	.about_us_text{line-height: 2.2;padding-top: 15px;}
	.jobs_list{padding-top: 15px;}
	.products_list{padding-top: 15px;margin-left: -15px;}
	.apply_box{margin: 15px auto 0;width: 80%;}
	.apply_prev{left: 0;}
	.apply_next{right: 0;}
	.contact_wrap{margin-top: 15px;}
    .product_description{padding:5px 3px 2px 3px;}
    .product_des_title{font-size: 14px;line-height: 1.4}
.product_des_text{line-height: 1.3;font-size: 12px;overflow: hidden;}
.index_banner .flexslider .slides li{min-height: 180px;}
}
#invironment{padding-bottom: 15px;}
.contact_wrap > div >h3,.contact_wrap > div >p{padding-left: 20px;}
@media(max-width: 768px){
	.apply_prev{left: 0;}
	.apply_next{right: 0;}
    .navbar-nav{margin-top: 0;}
    .navbar-nav{background-color: rgba(40,47,53,0.92);}
}

.product_item_wrap > img{width: 100%;}

/*后期修改维护 by hjf*/

.co_name{
float:left;
font-size:12px;
margin:30px 0 0 5px;
color:#fff;
/*-webkit-transform:scale(0.83,0.83); */ 
}
@media (max-width: 640px){
    .co_name{
        margin:23px 0 0 10px;
    }
}
@media (min-width: 992px) {
   .co_name{
        margin:32px 0 0 20px;
    } 
}
.en_des{
    text-align:center;
    margin-top:10px;
}
.navbar-brand > img{
    height:50px;
    margin:-2px 0 0 -40px;
}
@media (max-width: 1100px) {
    .navbar-brand > img{
        margin:-2px 0 0;
    }
}
@media (max-width: 1026px) {
   .navbar-brand > img{
        height:34px;
        margin:2px 0 0 -6px;
    } 
}
@media (max-width: 640px) {
   .navbar-brand > img{
        height:33px;
        margin:8px 0 0 -6px;
    } 
}

