﻿/*头部*/

.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:900px; 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 0px;}

.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;}