@charset "utf-8";
/* CSS Document */
html{ padding:0px; margin:0px; overflow-x:hidden;}
body { font-size:100%; font-family:Arial, "微软雅黑", "Microsoft YaHei"; padding:0px; margin:0px;} 
a{ text-decoration:none;}

@font-face { 
    font-family: 'ALBERTA';
	src: url('fonts/ALBERTA.eot');
	src: url('fonts/ALBERTA.woff') format('woff'), url('fonts/ALBERTA.ttf') format('truetype'), url('fonts/ALBERTA.svg') format('svg');
	font-weight: normal;
	font-style: normal;
  
  
  
} 



/**************Page页********************/
.f_pagebanner{ position:relative;}
.f_lmname{ font-family: 'ALBERTA';text-transform:uppercase;width:1200px;position:absolute;margin:0px auto;font-size:1.625vw;color:#ffffff;text-align:right; top:40%;right: 6.3%;}

.f_dh_box{ width:100%; margin:0px auto; border-bottom:1px solid #eeeded;}
.f_dh{ width:1200px; margin:0px auto; line-height:44px;font-size:0.75em; color:#b12923; }
.f_dh span{ font-size:0.75em; color:#dadada; padding:0px 8px;}
.f_dh a{color:#737373; text-decoration:none;}

.f_box{ width:1200px; margin:0 auto;background: #fff;} 

.f_box_left{ width:250px; float:left; margin-right:65px; background-color:#f9f9f9;  margin-top:23px;}
.f_menu_t{ width:250px; height:49px; padding-bottom:7px; background:url(../images/menu_line.jpg) no-repeat left bottom; color:#333333;}
.f_menu_t span{ padding:17px 29px; display:inline-block;}
.f_menu_d{ width:250px; height:auto; padding-bottom:17px;}
.f_menu_d a{ font-size:0.875em; display:block; margin:20px 29px; color:#686868; text-decoration:none;}
.f_menu_d a:hover{ color:#b12923; background:url(../images/navon.jpg) no-repeat right center; }
#f_on{ color:#b12923; background:url(../images/navon.jpg) no-repeat right center; }

.f_menu_d_mobile{display:none;}
#f_onm{ color:#b12923;}

.f_box_right{ width:885px; float:right; font-size:0.875em; color:#575757; line-height:1.875em; /*padding-top:15px;*/  margin-top:23px; padding-bottom:20px;min-height:400px;}




@media screen and (max-width: 1200px) { 
.f_box {width:100%;}
.f_dh{ width:94%;}
.f_box_left{ display:none;}
.f_box_right{ width:94%;padding:0 3%;} 
.f_menu_d_mobile{ display:block; width:94%; color:#b12923; font-size:0.875em; background-color:#f6f6f6; border-bottom:1px solid #d6d6d6; padding:1% 3%; }
} 
@media screen and (max-width: 640px) { 
.f_dh{ display:none;}
.f_box {width:100%;}
.f_box_left{ display:none;}
.f_box_right{ width:94%;padding: 0 3%;} 
.f_menu_d_mobile{ display:block; width:94%; color:#b12923; font-size:0.875em; background-color:#f6f6f6; border-bottom:1px solid #d6d6d6; padding:2% 3%; }
.f_lmname{display:none;}
} 


/*****************contact ****************/
.f_contact_box{ width:50%; height:auto; float:left; margin-top:2%; font-size:1rem;}

@media screen and (max-width: 640px) { 
.f_contact_box{ width:100%; }
}

/***************culture*******************/
.f_culture{ width:calc(100% + 30px); }
.f_culture_box{margin-right:28px;margin-bottom:5%;float:left;width:33%;max-width:275px;border:1px solid #ebebeb;height:27em;}
.f_c_img img{ width:100%; height:auto;}
.f_c_t{ color:#333333; text-align:center; padding:9%; font-size:1.14em;}
.f_c_bd{ color:#888888; font-size:1em; line-height:1.875em; text-align:left; padding:0px 20px;}
@media screen and (max-width: 640px) { 
.f_culture{width: 100%;margin-top:-15px;}
.f_culture_box{width:100%;text-align:center;margin:0px auto;margin-bottom:5%;float:none;max-width: 640px;height: 100%;padding:0px 0 5% 0;}
.f_c_t{color:#333333;text-align:center;padding:2%;font-size:1.14em;}
}

/*****************join*********************/
.f_join{ border-top:1px solid #ebebeb; overflow:hidden; margin-bottom:80px;}
.f_join_left{width:37.5%; float:left; }
.f_join_right{width:50.5%; float:left; padding-top:30px; padding-left:2%; padding-right:10%;}

.f_join_left2{width:37.5%; float:right; text-align:right; }
.f_join_right2{width:50.5%; float:right; padding-top:30px; padding-left:5%; padding-right:7%;}
@media screen and (max-width: 1200px) {
.f_join_left img{ width:100%; height:auto; max-width:300px;}
.f_join_left2 img{ width:100%; height:auto; max-width:300px;}		
	 }
@media screen and (max-width: 640px) { 
.f_join{width:96%; margin-bottom:5%; border:none;}
.f_join_left{ float:none; width:100%; margin:0px auto; text-align:center; border-bottom:1px solid #ebebeb; padding-bottom:5%; }
.f_join_right{ float:none; width:96%; padding-top:30px; }

.f_join_left2{ float:none; width:100%; margin:0px auto; text-align:center; border-bottom:1px solid #ebebeb; padding-bottom:5%; }
.f_join_right2{ float:none; width:96%; padding-top:30px; padding-left:2%;}
}


/*****************产品列表*********************/
/*product_list*/
.f_pro_box ul{margin:0; padding:0; width:915px; overflow:hidden; height:auto;color:#a0a0a0;}
.f_pro_box ul li{width:280px;float:left; margin-right:25px; list-style:none; margin-bottom:32px;position: relative;}
.f_pro_box ul li a{display:block;}
.f_pro_box ul li .list_img{width:280px; max-height:200px; overflow:hidden; vertical-align:middle; text-align:center; line-height:normal;}
.f_pro_box ul li .list_img img{
max-width:280px;
-webkit-transition: all 0.6s ease-in-out;
   -moz-transition: all 0.6s ease-in-out;
   -o-transition: all 0.6s ease-in-out;
   -ms-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;

   
   }
.f_pro_box ul li:hover img {filter:alpha(opacity=80);-moz-opacity:0.80; opacity:0.80;-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.f_pro_box ul li .product_title{overflow:hidden;display:block;padding:10px 15px;height:25px;line-height:25px;text-align: left;font-size:16px;color:#959595;background-color:#e5e5e5;
   -webkit-transition: all 0.8s ease-in-out;
   -moz-transition: all 0.8s ease-in-out;
   -o-transition: all 0.8s ease-in-out;
   -ms-transition: all 0.8s ease-in-out;
   transition: all 0.8s ease-in-out
}
.f_pro_box ul li .product_title span{display:block; width:18px; height:18px; border:1px solid #ffffff; color:#ffffff; border-radius:9px; float:right; text-align:center; line-height:18px; margin-top:3px; font-size:1.145em; }
.f_pro_box ul li:hover .product_title{color:#fff;background:#838383;  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(32, 32, 32, 0.28);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(32, 32, 32, 0.28);padding-left:52px;}
.f_pro_box ul li:hover .product_title span{ border:1px solid #B02923; color:#B02923;} 
  


@media screen and (max-width: 1200px) {
/*product_list*/
.f_pro_box ul{width:calc(100% + 1.5em);margin-top:1em;}
.f_pro_box ul li{width:calc(100% / 3 - 2px - 1.5em);float:left; margin-right:1.5em; margin-bottom:3em;}
.f_pro_box ul li .list_img{width:100%;}
.f_pro_box ul li .list_img img{width:100%; } 
.f_pro_box ul li .product_title{padding:0.5em 2em;height:1.562em;line-height:1.562em;font-size:1em;}
.f_pro_box ul li:hover .product_title{padding-left:3.25em;}

}

@media screen and (max-width: 640px) { 
/*product_list*/
.f_pro_box ul{width:calc(100% + 0.625em);margin-top:0;}
.f_pro_box ul li{width:calc(50% - 2px - 0.625em);float:left; margin-right:0.625em; margin-bottom:1.5em;}
.f_pro_box ul li .list_img{width:100%;height:100%;}
.f_pro_box ul li .list_img img{max-width:100%; max-height:100%;  } 
.f_pro_box ul li .product_title{padding:0.3em 1em;height:3em;line-height:1.5em;font-size:0.9em;}
.f_pro_box ul li:hover .product_title{padding-left:2.25em;}

}



/***************project2*************************/
.f_project2_pic{ width:100%; height:auto;}

.f_project2_box{ 
width:39%;
position:absolute;
top:0px;
height:100%;
background-color:#ffffff; 
opacity: 0.8; 
background:rgba(255, 255, 288, 0.8); 
filter:Alpha(opacity=80);
}
.f_project2_title{ font-size:1.5em; color:#333333; padding-left:1.2em; padding-top:2.4em}
.f_project2_bd{ font-size:1em; color:#5f5f5f; line-height:1.6em; padding-left:2em; padding-top:1.5em; padding-right:3em;}

.f_project2_bt{ font-size:1.2em; color:#333333; padding-bottom:5px; border-bottom:1px solid #ececec; margin-top:6%; margin-bottom:3%;}

.f_back{ display:none;}
@media screen and (max-width: 1200px) {
.f_project2_box{ position:static; width:100%; 
  }
  
.f_project2_title{ font-size:1.5em; color:#333333; padding-left:0; padding-top:2.4em}
.f_project2_bd{ font-size:1em; color:#5f5f5f; line-height:1.6em; padding-left:0; padding-top:1.5em; padding-right:3em;}
.f_project2_content img{ width:100%;}
.f_back{ display:block; width:100%; margin:0px auto; text-align:center; margin:2% 0; }
.f_back span{ padding:1% 5%; background-color:#B22923; color:#ffffff; }
.f_back span a{color:#ffffff; font-size:0.875rem;}  
}
.f_projet2_pic #wrap{    position: relative;}
@media screen and (max-width: 640px) { 
.f_back{display:block; width:100%; margin:0px auto; text-align:center; margin:2% 0; }
.f_back span{ padding:1% 5%; background-color:#B22923; color:#ffffff; }
.f_back span a{color:#ffffff; font-size:0.875rem;}
}
.f_project2_content td{vertical-align: middle;}

/**************内页三级下来栏目******************/
.f_menu_d ul{ padding:0px; margin:0px;}
.f_menu_d ul li{ list-style:none; padding:0px; margin:0px;}
#sub_pro{ padding-left:8px; display:none; background-color:#ffffff; padding-top:2px; padding-bottom:2px;}
#sub_pro ul li{ border:none; height:auto; padding:0px;}
#sub_pro ul li a{color:#8f8f8f; margin:10px 29px;}
#sub_pro ul li a:hover{color:#b12923; background:url(../images/navon.jpg) no-repeat right center; }
.active a{color:#000000; background:url(../images/icon_act.png) no-repeat right center;}


/*history*/
.f_history .f_history_l{ background:#fafafa;padding:25px 60px 25px 34px;border-left:2px solid #b12923;margin-top:50px;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;}
.f_history .f_history_l:hover{margin-left:10px;}
.f_history .f_history_l img{float:left;margin-right:27px;}
.f_history .f_history_l span{font-size:16px;color:#b12923;}
.f_history .f_history_l p {font-size:14px;color:#666666;line-height:30px;}
.f_history .f_h1{ background:url(../images/history1.png) no-repeat right center #fafafa;}
.f_history .f_h2{ background:url(../images/history2.png) no-repeat right center #fafafa;}
.f_history .f_h3{ background:url(../images/history3.png) no-repeat right center #fafafa;}
@media screen and (max-width: 767px) {
.f_history .f_history_l{padding:0.9em 0 1em 0.9em;margin-top:1em;}
.f_history .f_history_l:hover{margin-left:0;}
.f_history .f_history_l img{width:135px;margin-right:0.9em;}
.f_history .f_history_l span{font-size:1em;}
.f_history .f_history_l p {font-size:0.875em;line-height:1.5em;}
.f_history .f_h1,.f_history .f_h2,.f_history .f_h3{ background:#fafafa;}
}


/*new*/
.news_list {width:900px;height:auto;overflow:hidden;margin:0;padding:0;margin-bottom: 20px;}
.news_list li{list-style:none;overflow:hidden;float:left;width:285px;margin-right:15px;height:auto;font-size:14px;color:#878787; margin-bottom:40px;   
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;}
.news_list .title:hover {border-bottom:1px solid #b12923;}
.news_list .title:hover a{color:#b12923;}
.news_list li a{color:#333333;}
.news_list li a:hover{color:#b12923;}
.news_list .img{float:left; width: 285px;height: 165px;overflow: hidden;position:relative;}
.news_list .img img{width:100%;max-width:380px;max-height:220px;}
.news_list .img img:hover{filter:alpha(opacity=70);-moz-opacity:0.70; opacity:0.70;}
.news_list .img a{display:block;}
.news_list .new_info{float:left; width:100%}
.news_list .title{font-size:16px;height:30px;line-height:30px;padding:5px 0;margin-top:15px;margin-bottom:10px;overflow:hidden;border-bottom:1px solid #e8e8e8;}
.news_list .info{overflow:hidden;height:48px;line-height:24px;margin-bottom: 5px;}
.news_list .new_info .date{text-align:right;}
.news_list li .mask{position:absolute;top:0;display:block;width:100%;height:100%;filter:alpha(opacity=0);-moz-opacity:0; opacity:0;
background:url(../images/hover-magnify.png) no-repeat center center #333;
   -webkit-transition: all 0.8s ease-in-out;
   -moz-transition: all 0.8s ease-in-out;
   -o-transition: all 0.8s ease-in-out;
   -ms-transition: all 0.8s ease-in-out;
   transition: all 0.8s ease-in-out;}
.news_list li:hover .mask{filter:alpha(opacity=70);-moz-opacity:0.70; opacity:0.70;}
@media screen and (max-width:1200px) {
.news_list {width:calc(100% + 1.4em);}
.news_list li{width:calc(100% / 3 - 1.4em);margin-right:1.4em;}
.news_list .img{max-width:100%;}

}
@media screen and (max-width:767px) {
.news_list {width:100%;margin-bottom:2em;}
.news_list li{width:100%;margin-right:0;font-size:0.875em;margin-bottom: 1em;border-bottom: 1px solid #e8e8e8;}
.news_list .title:hover {border-bottom:0;}
.news_list li .mask{display:none;}
.news_list .img{width: calc(40% - 1.25em);margin-right: 1.25em;height: 100%;}
.news_list .new_info{float:none; }
.news_list .title{font-size:1em;height: 3.6em;line-height: 1.8;padding: 0 0;margin-top: 0;margin-bottom:0.625em;/* float: left; */border-bottom: 0;}
.news_list .info{height:3em;line-height:1.5em;margin-bottom: 0.3em;width: 100%;display: block;padding-top: 0.5em;}
}


/*feedback*/
.page_fb{margin-top:30px;color:#333;}
.page_fb .feedback2 .text{display:inline-block;width:470px;height:36px;line-height:36px;margin-bottom:10px;padding:0 15px;outline:none;font-size:14px;font-family:Arial,"微软雅黑",Sans-Serif;border:1px solid #dbdbdb;background-color:#fff;color:#666666;margin-left: 18px;}
.page_fb .feedback2 .text2{display:inline-block;float: left;width:470px;height:110px;padding:15px 15px 0 15px;outline:none;margin-bottom:10px;background-color: #ffffff;font-size:14px;color:#998675;font-family:Arial,"微软雅黑",Sans-Serif;border: none;border:1px solid #dbdbdb;margin-left: 18px;}
.page_fb .feedback2 .input_Code{display:block;float:left;width:271px;height:36px;line-height:36px;margin-right:27px;margin-bottom:10px;padding:0 15px;outline:none;font-size:14px;color:#a0a0a0;font-family:Arial,"微软雅黑",Sans-Serif;border:1px solid #dbdbdb;background-color:#fff;color:#666666;margin-left: 19px;}
.page_fb .feedback2 .input{display:inline-block;width:120px;height:36px;text-align:center;margin:0;padding: 0;outline:none;font-size:14px;color:#333;background-color:#e2e2e3;font-family:Arial,"微软雅黑",Sans-Serif;text-transform: uppercase;border:none;float:left;}
.page_fb .feedback2 .text:focus,.page_fb .feedback2 .text2:focus  {
  border-color: #c5c1c1;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(32, 32, 32, 0.28);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(32, 32, 32, 0.28);
}
.page_fb .feedback2 .red{margin-left:10px;color:#b12923;}
.page_fb .feedback2 .text3{display:inline-block;float: left;height:70px;}
.page_fb .feedback2 #send{margin-left: 87px;margin-right: 20px;background-color:#b12923;color:#fff;}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
 border-radius: 0;
}


@media screen and (max-width:767px) {
/*feedback*/
.page_fb{margin-top:1.875em;}
.page_fb .feedback2 .text{display:block;float:none;width: calc(100% - 2px);margin-bottom: 1.5em;margin: 0;padding: 0 0.5em;font-size:0.875em;margin-left: 0;margin-top: 0.5em;}
.page_fb .feedback2 .text2{display:block;float: none;width: calc(100% - 2px);height:6.875em;padding: 0;margin-bottom:0.5em;font-size:0.875em;margin-left: 0;}
.page_fb .feedback2 .r{margin-left:0}
.page_fb .feedback2 .input_Code{display: inline-block;float: none;width: 50%;margin-right: 2em;margin-bottom: 0.5em;outline:none;font-size:0.875em;float: left;}
.page_fb .feedback2 .input{display:block;width: 100%;height:3em;text-align:center;margin: 0;font-size:0.875em;line-height:3em;margin-top: 1em;}
.page_fb .feedback2 .text3{display:block;float: none;height:auto;}
.page_fb .feedback2 .text4{display:block;float: left;}
.page_fb .feedback2 #send{display: block;width: 100%;margin:0;padding: 0;margin-top: 2em;}
.page_fb .feedback2 .red{display:none;}

}

/*jobs*/
.f_job_list{height: 100%;position: relative;background: #f9f9f9;}
.f_job_list .f_job_t{font-size: 16px;color: #b12923;height:48px;line-height: 48px;padding:0 25px;border-bottom: 1px solid #e2e2e2;}
.f_job_list ul{margin:0; padding:0; width: 100%; overflow:hidden; height:auto;margin-top: 12px;padding-bottom: 40px;}
.f_job_list ul li {list-style:none;float: left;height: 39px;line-height: 39px;overflow: hidden;width:392.5px;margin: 0 25px;border-bottom: 1px solid #ccc;}
.f_job_list ul li a{color:#373737;font-size: 14px;}
.f_job_list ul li a:hover{color:#b12923;}
.f_job_list ul li .f_job_title{display: table-cell;float: left;margin-right:10px;height: 39px;line-height: 39px;width: 268px;overflow:hidden;}
.f_job_list ul li .f_job_date{font-size: 12px;color:#777;float: left;display: table-cell;height: 39px;line-height: 39px;}
.f_job_list ul li .f_job_more{width:40px;padding:3px 8px;font-size: 12px;color:#fff;border-radius: 3px;background:#b12923;margin-left: 10px;}
.f_job_list ul li .f_job_more:hover{background:#9a241f;}
.f_job_t2{font-size: 16px;color: #b12923;height:48px;line-height: 48px;padding:0px;border-bottom: 1px solid #e2e2e2;}
.f_job_buttom{display:inline-block;width: 120px;height: 36px;line-height: 36px;background: #b12923;text-align: center;color: #fff;}
.f_job_buttom:hover{width: 120px;height: 36px;line-height: 36px;background: #a0211c;text-align:center;color: #fff;}
@media screen and (max-width:1200px) {
.f_job_list .f_job_t{padding:0 2%;}
.f_job_list ul li {width:calc(100% / 2 - 4%);margin:0 2%;}
.f_job_list ul li .f_job_title{width:calc(100% - 124px);margin-right:10px;}
.f_job_list ul li .f_job_date{width: 64px;}
.f_job_list ul li .f_job_more{width:calc(100% - 88% - 36px);margin-left: 10px;}

}
@media screen and (max-width:767px) {
.f_job_list{height: 100%;background: #fff;}
.f_job_list .f_job_t{display:none;}
.f_job_list ul{width: 100%;margin-top: 0;padding-bottom: 2em;}
.f_job_list ul li {width:100%;height: 2.5em;line-height: 2.5em;margin:0;}
.f_job_list ul li a{display: block;font-size: 0.875em;}
.f_job_list ul li .f_job_title{display: block;width:calc(100% - 74px);margin-right:10px;height: 2.5em;line-height:  2.5em;}
.f_job_list ul li .f_job_date{font-size: 0.75em;height: 2.5em;line-height:  2.5em;}
.f_job_list ul li .f_job_more{display:none;}
.f_job_buttom{display: none;}
}



/*honor*/
.honor_list{height:auto; overflow:hidden;margin-bottom:60px;}
.honor_list li{margin-bottom: 30px;height:auto;list-style: none;overflow:hidden;}
.honor_list li .honor_box{width:100%;}
.honor_list li .honor_box .year{width:69px;float: left;background:url(../images/honor_yearbg.png) no-repeat left top; height:80px; line-height:80px; font-size:14px;color:#fefefe;display: table-cell;vertical-align: middle;text-align: center;}
.honor_list li .honor_box .ss{width:34px; height:80px;float: left;background:url(../images/honor_bgss2.png) no-repeat center center;}
.honor_list li .honor_box .honor_info{width: 720px;min-height: 60px;padding: 10px 30px 10px 30px;float:left; font-size:14px;color:#333333;  line-height:30px;border:1px solid #dcdcdc; border-top: 1px solid #b12923;display:table-cell; vertical-align:middle;}
@media screen and (max-width:1200px) {
.honor_list li .honor_box .honor_info{width:calc(100% - 165px);}
}
@media screen and (max-width:767px) {
.honor_list{margin-bottom:5em;}
.honor_list li{margin-bottom:1.5em;}
.honor_list li .honor_box{width:100%;}
.honor_list li .honor_box .year{width:42px;background-size:100%;height:48px;line-height:48px;font-size:0.875em;display: inline-block;}
.honor_list li .honor_box .ss{width: 22px;background-size: contain;height:48px;line-height:48px;display: inline-block;margin: 0 4px;}
.honor_list li .honor_box .honor_info{width: calc(100% - 74px - 3em);min-height: 1.5em;padding: 0.5em 1.5em;font-size:0.875em;line-height:1.5em;display: inline-block;}

}