/*头部*/
.c0 { clear:both; height:0px; line-height:0px; font-size:0px;}
.c10 { clear:both; height:10px; line-height:10px; font-size:0px;}
a:link { color:#333333; text-decoration:none;}
a:visited { color:#333333; text-decoration:none;}
a:hover { color:#333333; text-decoration:none;}
a:active { color:#333333; text-decoration:none;}
.link01 a:link  { color:#666666; }
.link01 a:visited  { color:#666666; }
.link01 a:hover  { color:#f57b05; }
.link01 a:active  { color:#f57b05; }
.h_pic a:link  { color:#fff; }
.h_pic a:visited  { color:#fff; }
.h_pic a:hover  { color:#f57b05; }
.h_pic a:active  { color:#f57b05; }

/*头部*/
.box-m {height: 152px; width: 100%; }
.header-fixed {width:100%; height:165px; background:#e6e6e6 url(../images/nav_bg.png) center 112px no-repeat;position: fixed; top: 0; transition:.3s; z-index: 999;}
.box-fixed-x{
    top: -112px;
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
}
.header-fixed_box { width:1100px; height:160px; margin:0 auto;} 
.header { width:1100px; height:112px; background:url(../images/top_bg.png) 744px 56px no-repeat;}
.header .h_right { float:right; height:16px; margin:20px 0px 0px 0px;}
.header .h_right div span { display:inline-block; margin-right:5px; padding-top:8px;}
.header .h_right div .banben { float:right;width:80px; height:28px; padding-top:0px; margin-right:0px; background:url(../images/v.png) left bottom no-repeat;}
.header .h_right div .banben a { display:inline-block; height:28px; line-height:28px; font-size:12px;}
.banben01 { width:35px; margin-right:5px; }
.banben02 { width:40px; }
.logo { float:left; margin:25px 0px 0px 0px;}
.nav { clear:both; width:1120px; height:48px; margin:0px auto;}
.nav ul {  height:48px; }
.nav ul li { float:left; display:inline; width:160px; height:48px; line-height:48px; text-align:center; font-size:16px; font-weight:bold;}

/*首页内容开始*/
.h_pic { width:1000px; margin:40px auto 66px;}
.h_pic ul li { position:relative; float:left; display:inline; height:274px; margin-bottom:6px;}
.h_pic ul li a { position:relative; z-index:10; display:block; width:100%; height:100%;}
.h_pic ul li a h3 { font-size:22px; font-weight:bold; line-height:22px; margin:12px 0px 3px; padding-left:18px;}
.h_pic ul li a p { font-size:22px; font-weight:bold;line-height:22px; padding-left:18px;}
.h_li01 { width:384px; background:#666 url(../images/h_pic01.jpg) left top no-repeat; margin-right:6px;}
.h_li02 { width:610px; background:#666 url(../images/h_pic02.jpg) left top no-repeat;}
.h_li03 { width:610px; background:#666 url(../images/h_pic03.jpg) left top no-repeat; margin-right:6px;}
.h_li04 { width:384px; background:#666 url(../images/h_pic04.jpg) left top no-repeat;}
.h_li05 { width:329px; background:#666 url(../images/h_pic05.jpg) left top no-repeat; margin-right:6px;}
.h_li06 { width:329px; background:#666 url(../images/h_pic06.jpg) left top no-repeat; margin-right:6px;}
.h_li07 { width:330px; background:#666 url(../images/h_pic07.jpg) left top no-repeat;}
.h_li08 { width:384px; background:#666 url(../images/h_pic08.jpg) left top no-repeat; margin-right:6px;}
.h_li09 { width:610px; background:#666 url(../images/h_pic09.jpg) left top no-repeat;}
.h_li10 { width:245px; background:#666 url(../images/h_pic10.jpg) left top no-repeat; margin-right:6px;}
.h_li11 { width:494px; background:#666 url(../images/h_pic11.jpg) left top no-repeat; margin-right:6px;}
.h_li12 { width:249px; background:#666 url(../images/h_pic12.jpg) left top no-repeat;}
/*js*/
.h_pic ul li div { position:absolute; left:0px; top:0px; z-index:2; width:100%; height:100%; background-color:#000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}

/*底部*/
.bottom_icon { clear:both; width:1100px; height:90px; margin:0px auto 188px;}
.bottom_icon ul { padding-left:30px;}
.bottom_icon ul li { float:left; width:90px; text-align:center; margin-left:80px;}
.bottom_icon ul li div { width:90px; height:90px; background-color:#484443; border:0px solid; border-radius:45px;-moz-border-radius:45px; display:table-cell; vertical-align: middle; overflow:hidden; width:px;height:px;line-height:px; height:px=line-height:px;}
.bottom_icon ul .ml0 { margin-left:80px;}
.bottom_icon ul li a {height:100%\9; writing-mode:tb-rl\9;}
.bottom_icon ul li img{ vertical-align:middle;}
.bottom_icon ul li h6 { font-size:17px; height:24px; line-height:24px; padding-top:32px;}
/*底部导航*/
.footer { width:1100px; margin: 0px auto 10px; padding:20px 0;}
.footer ul {}
.footer ul li { float:left; display:inline-block; min-height:180px; border-right:1px solid #666; }
.footer ul li h4 { padding:2px 0px 10px 34px; font-size:16px; font-weight:bold; height:20px; line-height:20px;color: #666;}
.footer ul li div { padding-left:34px; line-height:18px; font-size:14px;color: #666;}
.footer ul .f_li01 { background:url(../images/f_cion01.gif) 16px 2px no-repeat; width:179px;}
.footer ul .f_li02 { background:url(../images/f_cion02.gif) 16px 2px no-repeat; width:230px;}
.footer ul .f_li03 { background:url(../images/f_cion03.gif) 16px 2px no-repeat; width:289px;}
.footer ul .f_li04 { background:url(../images/f_cion04.gif) 16px 2px no-repeat; width:217px;}
.footer ul .f_li05 { background:url(../images/f_cion05.gif) 16px 2px no-repeat; width:180px;border-right:0;}
.footer ul li p { padding:5px 0;}
.footer ul li p a{color: #666;}

/*2关于我们*/
#about_in_con { padding-top:95px;}
.about_box { margin:0px auto 80px;}
#about_in_con .about_box table { font-size:14px;}
.about_tb01 { float:left; width:465px; margin-right:60px;}
.about_nav_tb th { padding-bottom:16px; text-align:right; vertical-align:middle;}
.about_nav_tb td { padding-bottom:16px; vertical-align:middle; font-size:12px; font-weight:bold; line-height:20px;}
.about_nav_tb td p { padding-left:8px;}
.about_nav_tb td div { text-align:right;}
.about_nav_tb td div img { border:0px solid; border-radius:5px;-moz-border-radius:5px;}
.about_tb02 { float:left; width:475px;}
.about_pic { clear:both; margin-top:80px;}
.about_pic .left { float:left; width:518px; margin-right:18px;}
.about_pic img { margin-bottom:15px; margin-left:19px;}
.about_pic .ml0 { margin-left:0px;}
.about_pic .right { float:left; width:464px;}
/*3模具*/
.object { width:1100px; margin:34px auto 0px;}
.object .obj_name {}
.object .obj_name h5 { padding-top:78px; font-size:50px; font-weight:bold; line-height:60px; color:#4c4847;}
.object .obj_pic { float:right; margin-right:88px;}
.object .obj_more { float:right; margin:0px 10px;background-color: #f79420; padding:10px 30px; margin-top:85px;}
.object .obj_more a{
	display:block;
    text-align: center;
    margin: 0 !important;
    color: #FFF;
    font-weight:bold;
    font-size: 16px;
}

.in_con { width:1100px; margin:0px auto; line-height:22px; font-size:18px;}
.in_con.search{padding-top:20px;}
.in_con .mj_box { margin:0px auto 168px; font-size:18px; line-height:34px;}
.mj_icon { padding-bottom:180px;}
.mj_icon li { float:left; width:184px; height:150px; margin-left:88px; padding-bottom:48px;}
.mj_icon li img { display:block;}
.mj_icon .ml0 { margin-left:0px;}
/*4小批量产品*/
.in_con .xiaopiliang_box { margin:0px auto 680px; font-size:18px; line-height:34px;}
/*5压铸模具*/

/*6CNC手板*/
.in_con .cnc_box { margin:0px auto 680px; font-size:18px; line-height:34px;}

/*7 3d_box*/
.in_con .d3d_box { margin:0px auto 200px; font-size:18px; line-height:34px;}
.d3d_icon { margin:0px auto 200px;}
.d3d_icon span { margin-left:27px; display:inline-block; overflow:hidden; border:0px solid; border-radius:16px;-moz-border-radius:16px;}
.d3d_icon .ml0 { margin-left:0px;}
/*8硅胶覆膜*/
.in_con .gjfumo_box { margin:0px auto 200px; font-size:18px; line-height:34px;}

/*9注塑/喷油/丝印*/
.zs_box { margin-bottom:75px;}
.zs_box .zs_part1 { margin:0px auto 100px;}
.zs_box .zs_part1 .right { float:right; margin-top:50px;}
.zs_box .zs_part1 .right img { border:0px solid; border-radius:30px;-moz-border-radius:30px;}
.zs_box .zs_part1 .left { width:666px; float:left; line-height:22px; font-size:16px;}
.zs_box .zs_part1 .left h5 { font-size:24px; line-height:26px; font-weight:bold; margin-bottom:10px;}

.zs_box .zs_part2 { line-height:22px; font-size:16px;}
.zs_box .zs_part2 h5 { font-size:24px; font-weight:bold;line-height:26px; margin-bottom:15px;}

.zs_part2_icon { margin:50px auto 0px;}
.zs_part2_icon span { margin-left:18px; margin-bottom:30px; display:inline-block;}
.zs_part2_icon .ml0 { margin-left:0px;}
.zs_part2_icon span img { border:1px solid #d2d2d2; border-radius:10px;-moz-border-radius:10px;}
.zs_part2 table { margin-bottom:25px;}
.zs_part2 table th { text-align:left; font-size:32px; height:100px; line-height:100px; vertical-align:middle;}
.zs_part2 table td { width:196px; height:36px; font-size:20px; vertical-align:middle;}
/*10 汽车解决方案*/
.in_con .car_box { margin:0px auto 200px; font-size:18px; line-height:34px;}
.car_icon { margin:0px auto 200px;}
.car_icon span { margin-left:16px; display:inline-block;}
.car_icon .ml0 { margin-left:0px;}

/*11钣金手板*/
.in_con .bjshouban_box { margin:0px auto 200px; font-size:18px; line-height:34px;}
.bjshouban_icon { margin:0px auto 200px;}
.bjshouban_icon span { margin-left:10px; display:inline-block; overflow:hidden; border:0px solid; border-radius:16px;-moz-border-radius:16px;}
.bjshouban_icon .ml0 { margin-left:0px;}

/*12车件*/
.in_con .bjshouban_box { margin:0px auto 200px; font-size:18px; line-height:34px;}
.chejian_icon { margin:0px auto 200px;}
.chejian_icon span { margin-left:54px; display:inline-block; overflow:hidden; border:0px solid; border-radius:20px;-moz-border-radius:20px;}
.chejian_icon .ml0 { margin-left:0px;}
/*13设计*/
.in_con .sheji_box { margin:0px auto 200px; font-size:18px; line-height:34px;}
.sheji_box .sheji_tit { text-align:center; font-size:22px; height:36px; line-height:36px; margin:0px 0px 35px;}
/*14新闻*/
.news_top { width:1100px; margin:0px auto;}
.top_news_pic { margin-top:22px; overflow:hidden; border:0px solid; border-radius:16px;-moz-border-radius:16px;}
.in_con .news_box { margin:0px auto 200px; font-size:16px; line-height:28px;}
.newslist {
  padding-top: 10px;
}
.newslist:after, .newslist:before{
    display: table;
    content: " ";
}
.newslist li {
  border-bottom: 1px dashed #666;
  margin-bottom: 20px;
}
.newslist .news-title{ position:relative; padding-right:100px;}
.newslist .news-title .news-time{ position:absolute;right:0; top:0; text-align:right; width:100px;}
.newslist .news-title a {
  font-size: 18px;
  font-weight: bold;
  color: #111;
  text-decoration: none;
}
.newslist .news-title a:hover{
  color: #ff7d0c
}
.news-info{width:100%;height:137px; margin-top:10px;overflow:hidden;}
.newslist .news-img {
    display: block;
    float: left;
    width: 128px;
    height: 117px;
	margin:0 20px 20px 0;
}
.newslist .news-img img{
    width: 128px;
    height: 117px;
}
.newslist .news-data {
  margin-top: 5px;
  font-size: 12px;
  color: #999
}
.newslist .news-cont {
  margin-top: 5px;
  color: #666;
  margin-bottom: 20px;
}
.list-np { 
  text-align: center; 
}
.list-np a { 
  display: inline-block; 
  padding: 3px 8px; 
  border:1px solid #dfdfdf; 
  font-size: 12px; 
}

.news_box .title {
  font-size: 40px;
  font-weight: bold;
  color: #ff7d0c
}
.newsxq-title {
  font-size: 24px;
  font-weight: bold;
  color: #ff7d0c;
  text-align: center;
}
.newsxq-data {
  margin-top: 10px;
  border-top: 1px dashed #666;
  padding-top: 10px;
  font-size: 12px;
  text-align: center;
  color: #999
}
.newsxq-cont {
  color: #666;
  margin-top: 10px;
}
.newxxp-pn { padding-top: 20px; border-top: 1px dashed #333; margin-top: 30px; padding-bottom: 30px;font-size: 16.67px;}
.newxxp-pn a { font-size: 16.67px; }
.newxxp-pn div:hover,.newxxp-pn div:hover a{ color:#ff742a;}

.case-pn { padding-top: 20px; margin-top: 30px; padding-bottom: 30px; }
.case-pn .pn-a{ /*float:left;margin-left:150px;*/font-size: 16.67px;}
.case-pn .pn-a:first-child{margin-left:0;}
.case-pn .pn-a:hover,.case-pn .pn-a:hover a{ color:#ff742a;}
.case-pn a {font-size: 16.67px; }
.case-return{ width:100%; text-align:center;}
.case-return a{ margin:20px auto;
    background-color: #ff7424;
    color: #FFF;
    -webkit-font-smoothing: antialiased;
    border-radius: 3px;
    display: inline-block;
    line-height: 1;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 10px;
}
.case-return a:hover{color:#FFF;background-color: #b54f14;}
/*15技术品质*/
.object .pinzhi_obj_pic { float:right; margin-right:0px;}
.object .pinzhi_obj_pic img { border:0px solid; border-radius:28px;-moz-border-radius:28px;}
.pinzhi_box { margin:0px auto 136px;}
.tit01 { font-size:22px; font-weight:bold; text-align:center;}
.pz_part1 table { font-family:Arial, Helvetica, sans-serif; width:993px; margin:28px auto 0px; background-color:#7d7d7d;}
.pz_part1 table th { width:164px; font-weight:normal; line-height:22px; vertical-align:middle; font-size:16px; color:#129d62; background-color:#dcdedd;}
.pz_part1 table td { background-color:#faf39b;}
.pz_part1 table thead td { height:50px; width:164px; background-color:#d4e7ba; text-align:center; line-height:22px; vertical-align:middle; font-size:15px;}
.pz_part1 table tbody td { font-size:12px; line-height:16px; vertical-align:middle;}
.pz_part2 { font-family:Arial, Helvetica, sans-serif;}
.pz_part2 h4 { text-align:center; font-size:17px; font-weight:bold; margin:75px auto 26px;}
.pz_part2 h5 { font-size:16px; font-weight:bold;}
.pz_part2 table { width:993px; margin:8px auto 0px; background-color:#7d7d7d;}
.pz_part2 table th { font-weight:normal; line-height:22px; height:44px; text-align:center; vertical-align:middle; font-size:16px; background-color:#f8d4a0;}
.pz_part2 table td { text-align:center; background-color:#faf399;}
.pz_part3 { font-family:Arial, Helvetica, sans-serif; margin:75px auto 0px;}
.pz_part3 h5 { font-size:16px; font-weight:bold;}
.pz_part3 table { width:993px; margin:8px auto 0px; background-color:#7d7d7d;}
.pz_part3 table th { font-weight:normal; line-height:22px; height:44px; text-align:center; vertical-align:middle; font-size:16px; background-color:#f8d59f;}
.pz_part3 table td { text-align:center; background-color:#faf39b;}
.pinzhi_bottom { width:993px; margin:0px auto; font-size:16px;}
.pinzhi_bottom h3 { font-size:50px; font-weight:bold; line-height:60px; margin:80px auto 20px; font-family:Tahoma, Geneva, sans-serif;}
.pinzhi_bottom .pinzhi_b_pic { margin:55px auto 0px;}
.pinzhi_bottom .pinzhi_b_pic .right { float:right; width:371px; height:653px; text-align:center; background-color:#d3d3d3;}
.pinzhi_b_pic .right div { width:371px; height:653px; text-align:center; display:table-cell; vertical-align: middle; overflow:hidden; width:px;height:px;line-height:px; height:px=line-height:px;}
.pinzhi_b_pic .right div span { height:100%\9; writing-mode:tb-rl\9;}
.pinzhi_b_pic .right div span img{ vertical-align:middle;}

/*16询价*/
#xunjia_con { padding-top:50px;}
.xunjia_top { width:1000px; margin:0px auto;}
.xunjia_top .right { float:right; width:260px; text-align:center;}
.xunjia_top .right div { width:162px; height:162px; margin:90px auto 0px; background-color:#5f5d5e; overflow:hidden; border:0px solid; border-radius:81px;-moz-border-radius:81px;}
.xunjia_top .right div p{ width:162px; height:162px; text-align:center; display:table-cell; vertical-align: middle; overflow:hidden; width:px;height:px;line-height:px; height:px=line-height:px;}
.xunjia_top .right p  span { height:100%\9; writing-mode:tb-rl\9;}
.xunjia_top .right p span img{ vertical-align:middle;}
.xunjia_top .right h6 { font-size:17px; height:24px; line-height:24px; margin-top:34px;}
.xunjia_top .left { float:left;}
.xunjia_top .left h6 { font-size:24px; font-weight:bold; height:30px; line-height:24px; margin-top:76px;}
.xunjia_top .left div { line-height:26px; font-size:15px; margin-top:20px;}
.xunjia_top .weixincenter{width:460px; text-align:center;}
.xunjia_top .left div p span{font-weight: bold;}




.xunjia_box table { background-color:#656565; width:100%;}
.xunjia_box table th { background-color:#e5e5e5; font-weight:normal; vertical-align:middle; font-size:12px; line-height:18px; padding:5px 0px;}
.xunjia_box table th h4 { font-size:16px; height:30px; line-height:30px; font-weight:bold;}
.xunjia_box table th p { height:30px; line-height:30px;}
.xunjia_box table td { background-color:#e5e5e5; vertical-align:middle; font-size:12px; padding:5px 0px;}
.xunjia_box table td div{ text-indent:5px;}
.xunjia_box table td input { width:100%; text-indent:5px;}
.xunjia_box table .tit02 { color:#b72525; font-weight:bold;}
.red { color:#b72525;}
.xunjia_box .xunjia_tb01 th { text-align:center; font-size:14px; /*font-weight:bold;*/}
.xunjia_box .xunjia_tb02 th { text-align:left; padding-left:5px;font-size:14px; /*font-weight:bold;*/}
.xunjia_box .xunjia_tb03 th { text-align:center; background-color:#949494; color:#000;font-size:14px; /*font-weight:bold;*/}
.xunjia_box .xunjia_tb03 td { text-align:center;}
.xunjia_box .xunjia_tb01 { margin-bottom:-1px;}
.xunjia_box .xunjia_tb03 { margin-top:-1px;}
.xunjia_box .xunjia_tb03 td div { text-align:left;}
.tit03 { font-size:24px; font-weight:bold; height:30px; margin-bottom:10px; line-height:30px;}
.submin_btn { margin-top:15px;}
.submin_btn input{width:60px; height:26px; border:1px solid #666; line-height:26px; text-align:center;}
.submin_btn button { text-align:center;}
.xunjia_b p { margin-bottom:15px;}
.xunjia_box { font-family:Arial, Helvetica, sans-serif; margin:0px auto 50px;}
.xunjia_b { margin:15px auto 0px; padding-bottom:100px; font-size:14px;}
.yanzhang { line-height:18px; margin-top:15px;}
.yanzhang span{ float:left; margin-right:5px;}
.yanzhang input { width:50px; height:18px; line-height:18px; margin-right:5px; border:1px solid #666;}
.shangchuan { display:inline-block; padding-left:10px; height:20px; background:url(../images/sc.gif) left top no-repeat;}
.shangchuan button { width:60px; height:20px; line-height:20px;ext-align:center; padding-right:10px;  background:url(../images/sc.gif) right top no-repeat;}


/*17联系我们*/
.object .contact_obj_pic { float:right; margin-right:0px; padding-top:68px;}
.contact_con { width:1092px; height:1851px; margin:135px auto 132px; background:url(../images/contact_bg.png) left top no-repeat;}
.contact_con .pinzhi_box { float:right; width:650px; line-height:24px;}
.contact_con .pinzhi_box p { margin-bottom:10px; font-size:16px;}
/*18项目案例*/
.cases-all { width:1100px; margin:30px auto 80px;}
.cases { width:900px; float:left; overflow:hidden;}
.cases ul li { float:left; width:286px; margin-right:21px; margin-bottom:15px; text-align:center;}
.cases ul .mr0 { margin-right:0px;}
.cases ul li div { width:284px; height:200px; border:1px solid #999; border-radius:10px;-moz-border-radius:10px; overflow:hidden;}
.cases-left{width:775px; float:left;}
.cases-right{width:180px; float:right;}
.r-box{ margin-bottom:20px; border:1px solid #cccccc; padding:10px;}
.r-title{ font-size:20px; line-height:45px; font-weight:700;}
.r-title .tag_name{ text-align:center; display:inline-block; padding:0 20px;}
.r-title h3 {
    font-size: 20.83px;
    font-size: calculate-rem(45);
    line-height: 45px;
    line-height: calculate-rem(45);
    font-weight: 700;
	position: relative;
	text-align:center;
}
.r-title h3 .tag_line:after {
    content: '';
    display: block;
    width: 60px;
    height:2px;
    background: #7d7d7d;
    position: absolute;
	z-index:-1;
    bottom: 22px;
    left: 0;
    margin-left:0;
}
.r-title h3 .tag_line2:after {
    content: '';
    display: block;
    width: 60px;
    height:2px;
    background: #7d7d7d;
    position: absolute;
	z-index:-1;
    bottom: 22px;
    right: 0;
    margin-right:0;
}

.diecasting-tags .r-title{ color:#ff742a;}
.diecasting-tags .r-title h3 .tag_line:after, .diecasting-tags .r-title h3 .tag_line2:after{background: #ff742a;}

.r-tags-list li{padding:15px 0 0;}
.r-tags-list a{display:block; font-size:14px;}
.r-tags-list a:hover{color:#ff7424;text-decoration:underline;}

.r-news-box{ margin-bottom:20px;}
.r-news-list li{padding:10px 0 0;}
.r-news-list a{display:block; color:#ff7424;font-size:14px; font-weight:700;}
.r-news-list a:hover{text-decoration:underline;}

.cases ul li h6 { line-height:26px; font-size:17px; height:52px; margin-top:5px; overflow:hidden;}
/*19项目展示页面*/
.cases_show { width:1000px; margin:100px auto 180px;}
.cases_show ul li:after {content:"."; display:block; height:0; clear:both; visibility:hidden; } 
* html>body .cases_show ul li { display:inline-block; width:100%; }
* html .cases_show ul li { height:1%;  /* End hide from IE-mac */}
*+html .cases_show ul li { min-height:1%; }
.cases_show ul li { padding:80px 40px;}
.cases_show ul li .left { float:left; width:450px; margin-right:20px;}
.cases_show ul li .right { float:left; width:450px;}
.cases_show ul li h6 { font-size:22px; margin-bottom:5px;}
.cases_details { width:1100px; margin:30px auto 180px; position:relative;}
.cases_details ul li.cases_li:after {content:"."; display:block; height:0; clear:both; visibility:hidden; } 
* html>body .cases_details ul li.cases_li { display:inline-block; width:100%; }
* html .cases_details ul li.cases_li { height:1%;  /* End hide from IE-mac */}
*+html .cases_details ul li.cases_li { min-height:1%; }

.cases_details ul li.cases_li { padding-bottom:40px;}
.cases_details ul li.cases_li .left {float:left; width:420px; margin-right:20px;}
.cases_details ul li.cases_li .right {float:left; width:660px;}
.cases_details ul li.cases_li h1 { font-size:22px; margin-bottom:5px;}
.cases_imgs{ width:500px; margin-right:20px; float:left;}
.cases_txt{ width:480px;float:left;}

.homeimgWrap { width:999px; margin: 20px auto 15px auto; zoom:1; padding-left:1px;}
.homeimgWrap:after{ display: block; clear: both; content:""; visibility:hidden;height:0}
.homeimgWrap li { float:left; list-style:none; font-size:0; margin-bottom:8px; position:relative; }
.homeimgWrap .add-mr-10 { margin-right:8px;}
.homeimgWrap li a { display:block; width:88%; height:80%; color:#fff; font-size: 17px; left:0; top:0; z-index:10;  position:absolute; text-decoration:none; padding:6%; font-weight: bold;}
.homeimgWrap li a:hover { color:#f57b05}
.homeimgWrap li h3 { font-weight: bold; font-size: 17px}  
.z-div  { position:absolute; left:0px; top:0px; z-index:2; width:100%; height:100%; background-color:#000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5; display:none;}
.imgItem1,.imgItem1 img { width:220px; height:180px}
.imgItem2,.imgItem2 img { width:296px; height:180px}
.imgItem3,.imgItem3 img { width:267px; height:180px}
.imgItem4,.imgItem4 img { width:190px; height:180px}
.imgItem5,.imgItem5 img { width:220px; height:200px}
.imgItem6,.imgItem6 img { width:296px; height:200px}
.imgItem7,.imgItem7 img { width:267px; height:200px}
.imgItem8,.imgItem8 img { width:190px; height:200px}


.imgItem1-1,.imgItem1-1 img { width:360px; height:193px}
.imgItem1-3,.imgItem1-3 img { width:200px; height:193px}

.imgItem2-1,.imgItem2-1 img { width:360px; height:193px}
.imgItem2-3,.imgItem2-3 img { width:200px; height:193px}

.imgItem3-1,.imgItem3-1 img { width:360px; height:213px}
.imgItem3-3,.imgItem3-3 img { width:200px; height:213px}



.yd-row { margin-left: -15px; margin-right: -15px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.yd-row .yd-col { padding-left: 15px; padding-right: 15px; float: left; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;margin:30px 0px 40px;}
.yd-row .yd-col img { display: block; max-width: 100%; height: auto; }


@media (min-width: 750px) {
	.yd-row3 .yd-col { width: 33.333333333%; }
	.yd-row4 .yd-col { width: 25%; }
	.yd-row5 .yd-col { width: 20%; }
	.yd-row6 .yd-col { width: 16.666666667%; }
	.yd-row7 .yd-col { width: 14.222222222%; }
}
.topsearch{
	width: 100%;
    position: absolute;
    top: 332px;
    z-index: 8;
}
.searchbox {width:425px;float: left; margin-left:40px;}
.searchbox .input-text{width:300px; height:30px; line-height:30px; border:1px solid #cccccc; padding-left:20px;background-color: #ffffff;}
.searchbox .search-submit{
    border-radius: 0;
    background-color: #00aff0;
    text-align: center;
    line-height:32px;
    cursor: pointer;
    color: #fff;
	padding:0 20px;
}

/*2020 .02 .21*/
.home-about{
  background:#f1f3f4 url(../images/h_a_bj.png) center center no-repeat;
  padding: 70px 0;
  overflow: hidden;
}
.home-about .about-title {
    padding-bottom: 55px;
    text-align: center;
    text-transform: uppercase;
}
.home-about .about-title h3 {
    font-size: 25px;
    font-size: calculate-rem(45);
    line-height: 45px;
    line-height: calculate-rem(45);
    font-weight: 700;
	position: relative;
}
.home-about .about-title a {
    color: #000000;
}
.home-about .about-title h3:after {
    content: '';
    display: block;
    width: 50px;
    height:5px;
    background: #7d7d7d;
    position: absolute;
    bottom: -2px;
    left: 50%;
    margin-left: -25px;
}
.home-about .about-icon{float:left; width:484px; height:330px; text-align:right;}
.home-about .about-txt{float:left; width:546px; text-align:justify; margin-right:70px;
    font-size: 14.58px;
    line-height: 30px;
    font-weight: 500;
}

.home-stats{
  background-color: #e9edee;
  padding-top: 55px;
  overflow: hidden;
}
.home-stats .stats-title {
    padding-bottom: 55px;
    text-align: center;
    text-transform: uppercase;
}
.home-stats .stats-title h3 {
    font-size: 25px;
    font-size: calculate-rem(45);
    line-height: 45px;
    line-height: calculate-rem(45);
    font-weight: 700;
	position: relative;
}
.home-stats .stats-title a {
    color: #000000;
}
.home-stats .stats-title h3:after {
    content: '';
    display: block;
    width: 50px;
    height:5px;
    background: #7d7d7d;
    position: absolute;
    bottom: -2px;
    left: 50%;
    margin-left: -25px;
}

.home-stats .stat-column{
    width: 326px;
	float: left;
	height:90px;
	padding:40px 20px;
}
.home-stats .stat-column:hover{background-color: #fb9338; color:#FFF; cursor:pointer;}

.home-stats .stat .stat-icon {
    float: left;
    text-align: left;
    width: 80px;
	padding-right:20px;
}
.home-stats .stat .stat-details {
    float: left;
    width: 226px;
}
.home-stats .stat .stat-details .stat-title {
    font-size: 15px;
    font-size: calculate-rem(19);
    text-transform: uppercase;
    padding-bottom: 10px;
    font-weight: 600;
}
.home-stats .stat .stat-details .stat-sign{ color:#F00;font-size: 20px;}
.home-stats .stat .stat-details .stat-number {
    font-size: 28px;
    font-size: calculate-rem(28);
    font-weight: 700;
}


.home-series{
  background-color: #f1f3f4;
  padding-top: 55px;
  overflow: hidden;
}
.home-series .series-title {
    padding-bottom: 55px;
    text-align: center;
    text-transform: uppercase;
}
.home-series .series-title h1 {
    font-size: 25px;
    font-size: calculate-rem(45);
    line-height: 45px;
    line-height: calculate-rem(45);
    font-weight: 700;
	position: relative;
}
.home-series .series-title a {
    color: #000000;
}
.home-series .series-title h1:after {
    content: '';
    display: block;
    width: 50px;
    height:5px;
    background: #7d7d7d;
    position: absolute;
    bottom: -2px;
    left: 50%;
    margin-left: -25px;
}

.home-series .serie-column{
    width: 200px;
	float: left;
	height:140px;
	padding:40px 10px;
	text-align:center;
	color:#666;
}
.home-series .serie-column:hover{background-color: #fb9338; color:#FFF; cursor:pointer;}
.home-series .serie .serie-icon {
	display:block;
    text-align:center;
    width: 200px;
}
.home-series .serie .serie-title {
	width: 200px;
	display:block;
	padding:30px 0;
	text-align:center;
    font-size: 16px;
    font-size: calculate-rem(19);
    padding-bottom: 10px;
    font-weight: 600;
}


.home-why{
  background-color: #e9edee;
  padding: 55px 0;
  overflow: hidden;
}
.home-why .why-title {
    padding-bottom: 55px;
    text-align: center;
    text-transform: uppercase;
}
.home-why .why-title h2 {
    font-size: 25px;
    font-size: calculate-rem(45);
    line-height: 45px;
    line-height: calculate-rem(45);
    font-weight: 700;
	position: relative;
}
.home-why .why-title a {
    color: #000000;
}
.home-why .why-title h2:after {
    content: '';
    display: block;
    width: 50px;
    height:5px;
    background: #7d7d7d;
    position: absolute;
    bottom: -2px;
    left: 50%;
    margin-left: -25px;
}
.home-why .why-column{ margin-bottom:40px;}
.home-why .why-column .why-body{float:left; width:560px; text-align:left;}
.home-why .why-column .why-icon{float:left; width:540px; text-align:center;}
.home-why .why-column .why-body .why-b-title{
	text-align:left;
	color: #ff7424;
    padding: 20px 0;
    font-size: 24px;
    font-weight:bold;
    line-height: 30px;
    overflow: hidden;
}
.home-why .why-column .why-body .why-b-desc{
	text-align:left;
    font-size: 16.67px;
	line-height:30px;
	font-weight: 500;
}
.home-why .why-column .why-icon img{ max-width:100%; margin:0 auto;}

.home-why .why1 .why-body{width:903px;}
.home-why .why1 .why-icon{width:197px;text-align:right;}
.home-why .why1 .why-icon img{width:100%;}

.home-why .why2 .why-body{width:903px;}
.home-why .why2 .why-icon{width:197px; text-align:left;}
.home-why .why2 .why-icon img{width:100%;}

.home-why .why3 .why-body{width:903px;}
.home-why .why3 .why-icon{width:197px; text-align:right;}
.home-why .why3 .why-icon img{width:100%;}

.home-why .why4 .why-body{width:903px;}
.home-why .why4 .why-icon{width:197px; text-align:left;}
.home-why .why4 .why-icon img{width:100%;}

.home-why .why5 .why-body{width:903px;}
.home-why .why5 .why-icon{width:197px; text-align:right;}
.home-why .why5 .why-icon img{width:100%;}

.home-quote{
  background-color: #f1f3f4;
  padding-top: 50px;
  padding-bottom: 50px;
  overflow: hidden;
}
.home-quote h2 {
	/*font-family: 'Raleway', sans-serif;*/
    font-size: 31.25px;
    font-style:normal;
    font-weight: 300;
    line-height: 46px;
    margin-bottom: 10px !important;
}

.home-quote .quote{ position:relative;}
.home-quote .quote-qrcode{ position:absolute; right:0px; top:-37px; width:348px; height:130px; display:inline-block;}
.home-quote .quote-qrcode .quote-qrcode-item{ float:left; width:96px; height:126px; margin-left:20px;}
.home-quote .quote-qrcode .quote-qrcode-item img{ width:96px; height:96px;}
.home-quote .quote-qrcode .quote-qrcode-item .qrcode-item-name{width:96px; height:30px; line-height:30px; text-align:center; font-size:12px;}


.weixincenter{ position:relative;margin: auto;}
.weixincenter .quote-qrcode{ position:relative; right:0px; top:165px; width:430px; height:130px; display:inline-block;}
.weixincenter .quote-qrcode .quote-qrcode-item{ float:left; width:96px; height:126px; margin-left:20px;}
.weixincenter .quote-qrcode .quote-qrcode-item img{ width:96px; height:96px;}
.weixincenter .quote-qrcode .quote-qrcode-item .qrcode-item-name{width:106px; height:30px; line-height:30px; text-align:center; font-size:12px;}





.phoneClick {
    color: #ff7c0b;
	font-size:12.5px;
    font-weight: 700;
    padding-left: 10px;
}
a.phoneClick{color: #ff7c0b;}
.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.fa-phone{background: url(../images/ico_i_tel.png) left center no-repeat; width:16px; height:15px;}
.fa-envelope{background: url(../images/ico_i_email.png) left center no-repeat;width:20px; height:15px;}

.firstContact,.secondContact{
    float: left;
    display: block;
    position: relative;
	overflow: hidden;
}
.firstContact {
	width:650px;
    overflow: visible;
}

.secondContact {
	width:450px;
    overflow: visible;
}
.firstContact span{
    float: left;
	width:305px;
	display:block;
	margin-right:20px;
}

.home-quote input, .home-quote textarea, .home-quote select {
    border: 1px solid rgb(204, 204, 204);
    outline: none;
    background: rgb(250, 250, 250);
    color: #333333;
    padding: 10px;
    margin: 0 0 10px 0;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
.firstContact input{width: 283px; font-size:10.42px;}
.firstContact .myfile input{width: 608px;}
.firstContact .myfile {
	position: relative;
	display: block;
}

.firstContact .myfile .yzm {
	position: absolute;
	right: 30px;
	top: 15px;
	width: 112px;
	height: 36px;
}

.firstContact .myfile .yzmcode{
	position: absolute;
	right: 150px;
	top: 15px;
	width: 120px;
	height: 32px;
	margin:0px;
	padding:0 5px;
}

.home-quote input {
    margin-top: 10px;
    margin-bottom: 30px;
}

.home-quote .your-message textarea {
    width:428px;
	height:106px;
    margin-top: 10px;
	font-size:10.42px;
	font-family:Arial;
}
.home-quote .quote-submit {
    padding: 13px;
    width: 450px;
    float: left;
    background-color: #ff7c0b;
    border-color: #ff7c0b;
    color: #FFF;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
}

.home-quote ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: red;
}
.home-quote ::-moz-placeholder { /* Firefox 19+ */
    color: red;
}
.home-quote :-ms-input-placeholder { /* IE 10+ */
    color: red;
}
.home-quote :-moz-placeholder { /* Firefox 18- */
    color: red;
}

.quoteContact{ overflow:hidden;}
.tips{ display:block;}

.home-links{padding:20px 0; min-height:120px; background-color: #f1f3f4;}
.home-links a{margin-right:20px;text-transform: uppercase; color: #6d6e6e;margin-bottom: 15px;white-space: pre-line;}
.home-links a:hover{ text-decoration:underline;color: #ff7c0b;}

.page-c { 
  position: relative;
  width: 1100px; 
  margin: 0 auto;
}
.page-c:before{
  content: " ";
  display: table;
}
.page-c:after{
  clear: both;
}

/*page submenu*/
.submenu { 
  width: 100%;
  position: absolute;
  top: 165px;
  z-index: 8;
}
.pa { position: absolute; z-index: 8 }
.pf { position: fixed; top: 60px;}

.menulist {
  height: 122px;
  background:url(../images/bj_png1.png);
}
.menulist.service-menu{height: 144px;}
.submenu .service-menu li {
  width: 16.66666%;
  float: left;
  height: 144px;
}
.submenu .case-menu li {
  width: 10%;
  float: left;
  height: 122px;
}
.submenu .choose-menu li {
  width: 20%;
  float: left;
  height: 122px;
}
.submenu li a {
  display: block;
  padding-top: 15px;
  height: 107px;
  -webkit-transition: all ease-in .2s;
  -ms-transition: all ease-in .2s;
  -o-transition: all ease-in .2s;
  -moz-transition: all ease-in .2s;
  transition: all ease-in .2s;
  color: #333;
  text-decoration: none;
  text-align: center;
  font-size: 12px;
  line-height:18px;
  font-weight: bold;
}
.submenu li span {
  display: block;
  height: 57px;
  text-align: center;
  overflow: hidden;
  margin: 0 auto;
  margin-bottom: 10px;
}
.submenu  li span i {
  display: block; -webkit-transition: all ease-in .2s;
  -ms-transition: all ease-in .2s;
  -o-transition: all ease-in .2s;
  -moz-transition: all ease-in .2s;
  transition: all ease-in .2s;
  font-size: 0;
}
.submenu a:hover,.submenu a.active {
  background: #ff7d0c;
  color: #fff;
}
.submenu a:hover span i,.submenu a.active span i { 
  margin-top: -57px; 
}

.submenu .service-menu li a{padding-top: 37px; height: 107px;}


.page-news {
  padding-top: 20px;
  margin-bottom: 20px;
}
.page-news .left {
  width: 860px;
  float: left;
}
.page-news .right {
  width: 220px;
  float: right;
}
.news-title h3 {
    font-size: 25px;
    font-size: calculate-rem(45);
    line-height: 45px;
    line-height: calculate-rem(45);
    font-weight: 700;
	position: relative;
}
.news-nav{height:45px; margin:10px 0;}
.news-nav li{ float:left; padding:10px 0; line-height:20px; margin-right:20px;background-color:#ff7424; color:#FFF; width:145px;}
.news-nav li a{display:block; font-size:16px; font-weight:bold;color:#FFF; text-align:center;}
.news-nav li.on,.news-nav li:hover{ background-color:#b54f14; color:#FFF;}
.news-nav li.on a,.news-nav li:hover a{color:#FFF;}
.post-listing{margin-right:-10px;}
.post-item{
  float: left;
  display: block;
  width:258px;
  margin-right:10px;
  margin-bottom:10px;
  border:1px solid #cccccc;
  box-shadow:1px 2px 2px #cccccc;
  /*background-color:#FFF;*/
  padding:10px;
}
.post-image img{
  display:block;
  margin: 0 auto;
  /*width: 100%;*/
  width:258px;
  height:161px;
}
.post-header h2{
	color: #ff7424;
	padding-top:10px;
	font-size:16px;
	font-weight:600;
	line-height:20px;
	height:40px;
	overflow: hidden;
}
.post-header h2 a{color: #ff7424;}
.post-topic{
	margin:10px 0;
	min-height:60px;
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
	overflow: hidden;
}
.post-topic a {
	font-size: 14px;
    color: #ff7424;
    text-transform: uppercase;
    text-decoration: none;
}
.post-body {
    overflow: hidden;
	padding-top:15px;
	padding-bottom:15px;
    position: relative;
}
.post-body p {
	height:88px;
	display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    font-size: 14px;
	overflow: hidden;
}
.post-body:after {
    position: absolute;
    content: "";
    /*background-image: url(../images/post-item.png);*/
    height: 48px;
    width: 100%;
    left: 0;
    bottom: -7px;
    background-repeat: repeat;
    background-position: left top;
    background-size: 100% 48px;
}
a.post-btn{color:#FFF;}
.post-btn{
	margin:10px 0;
	background-color: #ff7424;
	color:#FFF;
    -webkit-font-smoothing: antialiased;
    border-radius: 3px;
    display: inline-block;
    line-height: 1;
	font-size:16px;
	font-weight:600;
    padding:12px 10px;
}
.post-btn:hover{color:#FFF;background-color: #b54f14;}
.post-date{
    display: block;
    color: #3e3a3a;
	padding-top:10px;
    margin-top:10px;
    border-top: 1px solid #cccccc;
}

.page-subscribe{ width:100%; height:205px; overflow:hidden;background-color: #d5d7d8;}
.page-subscribe .subscribe-title{
	float:left; 
	height:205px;
	color:#FFF;
	padding-right:60px;
}
.page-subscribe .subscribe-title h3{
	height:205px;
	line-height:205px;
    font-size: 20.83px;
    font-weight:bold;
    position: relative;
	color:#FFF;
}
.page-subscribe .subscribe-body{float:left;height:205px; padding:30px 0;color:#FFF;}
.page-subscribe .subscribe-b-name{font-size:14.58px; line-height:40px;}
.page-subscribe .subscribe-b-tips{ font-size:14.58px; font-weight:bold;line-height:40px;}
.page-subscribe .subscribe-b-form input.subscribe-email{ 
	float: left;
	width: 220px;
	height:40px;
	background-color: #FFFFFF;
    border-color: #FFFFFF;
	color: #ff742a;
	font-size:14.58px;
	border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
	margin-right:5px;
}
.page-subscribe .subscribe-b-form .subscribe-submit{
    float: left;
	width: 130px;
	height:40px;
    background-color: #ff742a;
    border-color: #ff742a;
    color: #FFF;
    text-transform: capitalize;
    font-size: 16.67px;
	font-weight:bold;
	border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
.d_title{color:#1979c3; text-align:left; font-size:31.25px; padding-bottom:30px;}
.d_part1 table { width:1100px; margin:80px auto 80px; background-color:#959595;}
.d_part1 table th,.d_part1 table td{ padding:10px;}
.d_part1 table th { font-weight:normal; line-height:22px; height:44px; text-align:center; vertical-align:middle; font-size:16.67px; background-color:#d8d8d8;}
.d_part1 table td { text-align:left; background-color:#ededed;}
.d_part1 table th.maintit{ font-size:25px; color:#1979c3;background-color:#ededed;text-align:center; padding:30px 0;}

.d_part2 table { width:1100px; margin:0px auto 80px; background-color:#959595;}
.d_part2 table th,.d_part2 table td{ padding:5px;}
.d_part2 table th { font-weight:normal; line-height:22px; text-align:center; vertical-align:middle; font-size:14.58px; background-color:#d8d8d8;}
.d_part2 table td { text-align:left;background-color:#d8d8d8;}
.d_part2 table tr:nth-child(2n) td{background-color:#ededed;}

.d_part3 table { width:1100px; margin:0px auto 80px; background-color:#959595;}
.d_part3 table th,.d_part3 table td{ padding:5px;}
.d_part3 table th { line-height:22px; text-align:center; vertical-align:middle; font-size:14.58px;background-color:#d8d8d8;}
.d_part3 table td { text-align:left; background-color:#d8d8d8;}
.d_part3 table tr:nth-child(2n) td{background-color:#ededed;}

.d_title4{margin-top:80px;}
.d_part4 table { width:1100px; margin:0 auto 80px; background-color:#959595;}
.d_part4 table th,.d_part4 table td{ padding:10px;}
.d_part4 table th { line-height:22px; height:44px; text-align:center; vertical-align:middle; font-size:16.67px; background-color:#d8d8d8;}
.d_part4 table td { text-align:left; background-color:#d8d8d8;}
.d_part4 table tr:nth-child(2n) td{background-color:#ededed;}

.d_part5 table { width:1100px; margin:0 auto 80px; background-color:#959595;}
.d_part5 table th,.d_part5 table td{ padding:10px;}
.d_part5 table th { line-height:22px; height:44px; text-align:center; vertical-align:middle; font-size:16.67px; background-color:#ededed;}
.d_part5 table td { text-align:left; background-color:#ededed;}
.d_part5 table tr:nth-child(2n) th,.d_part5 table tr:nth-child(2n) td{background-color:#d8d8d8;}
.d_part5 table th.maintit{ font-size:25px; color:#1979c3;background-color:#ededed;text-align:center; padding:30px 0;}


.page-s-title{ font-size:32px; font-weight:bold; padding-top:60px;}
.page-s-body{ padding:30px 0;font-size:14px; line-height:22px;}
.quality-img-box{ margin:30px 0; width:904px;}
.quality-img-left{ float:left; width:632px; margin-right:10px;}
.quality-img-left .quality01{width:320px; height:429px; margin-right:5px; margin-bottom:5px;}
.quality-img-left .quality02{width:302px; height:429px;margin-bottom:5px;}
.quality-img-left .quality03{width:632px; height:245px;}
.quality-img-right{ float:left; width:262px; height:684px;} 
.quality-img-right img{width:262px; height:684px;}

.page-diecasting{ margin-top:60px;}
.diecasting-left{float:left; width: 780px;}
.diecasting-right{float:right;width: 260px;}
.diecasting-left .diecasting-l-item{ float:left; width:360px; margin-right:60px; margin-bottom:60px;}
.diecasting-left .diecasting-l-item:nth-child(2n){margin-right:0;}
.diecasting-left .diecasting-l-item-title{ font-size:25px; font-weight:bold; margin-bottom:20px; color:#ff742a;}
.diecasting-left .diecasting-l-item-txt{ padding:20px 0; }
.diecasting-left .diecasting-l-item-txtinner h4 span{display:inline-block; width:165px; margin-right:15px;font-size:18px; font-weight:bold; margin-bottom:10px; color:#ff742a;overflow:hidden;}
.diecasting-left .diecasting-l-item-txtinner h4 span:nth-child(2n){margin-right:0;}

.diecasting-left .diecasting-l-item-txtinner p a{display:inline-block; width:165px; margin-right:15px;font-size:14px; margin-bottom:5px; overflow:hidden;}
.diecasting-left .diecasting-l-item-txtinner p a:nth-child(2n){margin-right:0;}

.body-service{ background-image:none; background-color:#ededed;}

.specification-title{color:#1979c3; text-align:center; font-size:25px; font-weight:bold; padding:30px 0;}
.cnc-title{color:#1979c3; text-align:left; font-size:30px; padding-bottom:30px;}
.specification-capability{ padding-bottom:110px;}
.materials-list .materials-item{ float:left; width:251px; height:199px; margin-right:32px; margin-bottom:32px; position:relative; overflow:hidden;}
.materials-list .materials-item:nth-child(4n){margin-right:0;}
.materials-list .materials-item .materials-item-img{width:251px; height:199px; overflow:hidden;}
.materials-list .materials-item img{width:251px; height:199px;}
.materials-list .materials-item-title{width:251px; height:60px; line-height:60px;position:absolute; bottom:0; left:0; color:#FFF; background-color:rgba(0,0,0,0.6);}
.materials-list .materials-item-title .materials-item-title-txt{ padding:0 15px;}

.steel-list .steel-item{ float:left; width:312px; height:200px; margin-right:82px; margin-bottom:82px; position:relative; overflow:hidden;}
.steel-list .steel-item:nth-child(3n){margin-right:0;}
.steel-list .steel-item .steel-item-img{width:312px; height:200px; overflow:hidden;}
.steel-list .steel-item img{width:312px; height:200px;}
.steel-list .steel-item-title{width:312px; height:30px; line-height:30px;position:absolute; bottom:0; left:0; color:#FFF; background-color:rgba(0,0,0,0.6);}
.steel-list .steel-item-title .steel-item-title-txt{ padding:0 15px;}

.reviewButton {
    background-color: #f79420;
    width: 150px;
    padding: 20px;
	position: fixed;
    top: 0;
	right: 0;
    z-index: 99999999;
}
.reviewButton h3 {
    text-align: center;
    margin: 0 !important;
    color: #FFF;
    font-weight: 700;
    font-size: 20px;
}
.banner-case{ width:100%; /*height:135px; display:block; overflow:hidden;*/ }
.banner-service{ width:100%; /*height:157px; display:block; overflow:hidden;*/}
.close_more, .close_more:hover {
    color: #ff7424;
    cursor: pointer;
	font-weight:bold;
}
.service-box{ width:100%; height:0;}
.service-tags{
    position: absolute;
    top: -140px;
    right: 0;
    z-index: 10;
    width: 220px;
}
.service-tags .tag_name{ cursor:pointer; width:150px; text-align:center; color:#FFF;}
.service-tags .tag_line:after,.service-tags  .tag_line2:after{width:35px!important;color:#FFF;background: #FFF;}
.service-tags .r-box{ display:none;background-color:#FFF;}
.service-tags .r-title h3 .tag_line2:after,.service-tags .r-title h3 .tag_line:after{color:#FFF;background: #FFF;}

.cases-tags-box{ width:100%; height:0;}
.cases-tags{
    position: absolute;
    top: -140px;
    right: 0;
    z-index: 10;
    width: 220px;
}
.cases-tags .tag_name{ cursor:pointer; width:120px; text-align:center; color:#FFF;}
.cases-tags .tag_line:after,.cases-tags  .tag_line2:after{width:50px!important;color:#FFF;background: #FFF;}
.cases-tags .r-box{ display:none; background-color:#FFF;}
.cases-tags .r-title h3 .tag_line2:after,.cases-tags .r-title h3 .tag_line:after{color:#FFF;background: #FFF;}

.home-resources{
  background-color: #f1f3f4;
  padding-top: 55px;
  overflow: hidden;
}
.home-resources .resources-title {
    padding-bottom: 55px;
    text-align: center;
    text-transform: uppercase;
}
.home-resources .resources-title h3 {
    font-size: 25px;
    font-size: calculate-rem(45);
    line-height: 45px;
    line-height: calculate-rem(45);
    font-weight: 700;
	position: relative;
}
.home-resources .resources-title a {
    color: #000000;
}
.home-resources .resources-title h3:after {
    content: '';
    display: block;
    width: 50px;
    height:5px;
    background: #7d7d7d;
    position: absolute;
    bottom: -2px;
    left: 50%;
    margin-left: -25px;
}
.resource-column{
	width:245px;
    padding: 0 15px;
	float: left;
    height: 100%;
    min-height: 1px;
	display: block;
}
.resource {
	margin-bottom: 30px;
	position: relative
}

.resource:hover .resource-category {
	background-color: #2a2c32
}

.resource:hover .resource-image:before {
	background-color: rgba(42,44,50,.3)
}

.resource .resource-image {
	height: 165px;
	position: relative;
	overflow: hidden
}
.resource .resource-image:before {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: transparent;
	content: '';
	z-index: 1;
	-webkit-transition: all 500ms ease 0ms;
	-o-transition: all 500ms ease 0ms;
	transition: all 500ms ease 0ms
}

.resource .resource-category {
	background-color: #ff7c0b;
	color: #fff;
	padding: 5px 10px;
	text-transform: uppercase;
	font-size: 16px;
	font-size: calculate-rem(14);
	line-height: 15px;
	line-height: calculate-rem(15);
	display: table-cell;
	height: 50px;
	width: 800px;
	vertical-align: middle;
	font-weight: 700;
	-webkit-transition: all 500ms ease 0ms;
	-o-transition: all 500ms ease 0ms;
	transition: all 500ms ease 0ms
}

.resource .resource-content h2 {
	margin: 15px 0;
	font-size: 16px;
	font-size: calculate-rem(16);
	line-height: 24px;
	line-height: calculate-rem(24);
	font-weight: 700;
	border: none;
	padding-bottom: 0;
	height: 48px;
    overflow: hidden;
}
.resource .resource-content time {
	margin: 0 0 15px;
	font-style: italic;
	display: block;
	color: #a7a8aa
}

.resource .resource-content .caption {
	color: #6d6e6e;
	margin-bottom: 15px;
	white-space: pre-line;
	min-height: 168px;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.resource .resource-content .cta-text {
	text-transform: uppercase;
	font-size: 16px;
	font-size: calculate-rem(16);
	color: #ff7c0b;
	font-weight:700;
}
.resource .resource-content .cta-text:hover{ border-bottom:2px  solid #ff7c0b; padding-bottom:7px;}

.resource .resource-content .cta-text:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2
}

.bg-cover {
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%
}

.bg-cover img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-transition: all 300ms ease 0ms;
	-o-transition: all 300ms ease 0ms;
	transition: all 300ms ease 0ms;
	margin: auto;
	min-width: 50%;
	min-height: 50%;
	overflow-x: hidden;
	display: block;
	max-width:100%;
}

.bg-cover img.wide-image {
	max-height: 50%;
	max-width: none
}

.bg-cover img.tall-image {
	max-width: 50%
}

.page-index .home-quote{background-color: #e9edee;}