﻿@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}





/*产品*/
.pro{ padding-top: 62px; height: 1000px; background: url(img/index/pro_bg.gif) #efefef no-repeat center 0; overflow: hidden;}

.pro_l{ float: left; width: 220px; overflow: hidden; background: url(img/index/pro_bg1.gif) repeat-y;}

.pro_lbox{ margin-top: 13px;height: 659px;}
.pro_lbox h3{ margin-bottom: 2px; height: 48px; overflow: hidden;}
.pro_lbox h3 a{ padding-left: 65px; display: block; font-size: 15px; color: #fff; line-height: 48px; background: url(img/index/icobox.png) no-repeat 0 -464px;}

.pro_lbox h3.cur a,.pro_lbox h3 a:hover{ background: url(img/index/icobox.png) no-repeat -222px -464px;}

.pro_lbox ul{ margin: 0 auto; width: 180px;}

.pro_lbox li{ padding-left: 23px; height: 42px; border-bottom: 1px dashed #ccc; overflow: hidden; font-size: 0; line-height: 42px;}
.pro_lbox li i{ float: left; margin: 14px 5px 0 0; width: 6px; height: 10px; vertical-align: middle; background: url(img/index/icobox.png) no-repeat -580px -26px;}
.pro_lbox li a{ margin-left: 10px; font-size: 12px; color: #555;}
.pro_lbox li a:hover{ text-decoration: underline;}
.pro_lbox li.last{ border-bottom: 0;}

.pro-pho{ margin-top: 14px; padding-top: 23px; height: 141px; overflow: hidden; background: url(img/index/pro-pho-bg.gif) no-repeat;}

.pro-pho p{ font-size: 16px; color: #555; text-align: center;}
.pro-pho p i{ margin-left: 10px;}
.pro-pho b{ margin: 10px auto 0; padding-top: 16px; display: block; width: 170px; height: 56px; font-size: 24px; color: #00971b; text-align: center; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
.pro-pho b i{ display: block; font-size: 16px; color: #555;}

.pro_r{ float: right; margin-top: 18px; width: 755px; overflow: hidden;}

.pro_rt{ margin-bottom: 27px; height: 50px; border-bottom: 1px solid #ddd; overflow: hidden;}
.pro_rt ul{ line-height: 28px; background: url(img/index/pro_ico1.gif) no-repeat 130px 8px;}
.pro_rt li{ float: left; margin-right: 9px; padding-bottom: 20px; display: block; width: 130px; text-align: center; overflow: hidden;}
.pro_rt li i{ float: left; display: inline-block; width: 28px; height: 28px; overflow: hidden; background: url(img/index/icobox.png) no-repeat -488px -464px;}
.pro_rt li a{ display: inline-block; font-size: 16px; color: #333; font-weight: bold;}
.pro_rt li:hover,.pro_rt li.cur{ border-bottom: 2px solid #0954b5;}
.pro_rt li.cur a,.pro_rt li:hover a{ color: #0954b5;}

a.more{ float: right; line-height: 28px; font-size: 12px; color: #777;}

.pro_rb li{ float: left; margin-right: 29px; width: 232px; height: 290px; overflow: hidden;}
.pro_rb li.last{ margin-right: 0;}
.pro_rb li img{ display: block; width: 230px; height: 230px; border: 1px solid #e6e6e6;}
.pro_rb li p,.sam_b li p{ margin-top: 15px; height: 24px; font-size: 12px; text-align: center; line-height: 24px; overflow: hidden;}
.pro_rb li p a,.sam_b li p a{ color: #555;}


/*独立样品库*/
.sample{ height: 550px; background: #efefef;}

.sample h2{ font-size: 20px; text-align: center; background: url(img/index/h_bg.png) no-repeat center 7px;}
.sample h2 a{ color: #333;}
.sample h2 p{ margin-top: 5px; font-size: 20px; color: #c3c3c3; font-weight: normal; text-transform: uppercase; letter-spacing: -1px;}

.samplebox{ position: relative; margin-top: 36px;}

.sam_prev,.sam_next{ position: absolute; top: 205px; display: block; width: 41px; height: 41px; overflow: hidden;}
.sam_prev{ left: -66px; background: url(img/index/icobox.png) no-repeat -43px -514px;}
.sam_next{ right: -66px; background: url(img/index/icobox.png) no-repeat 0 -514px;}
.sam_prev:hover,.sam_next:hover,.par_prev:hover,.par_next:hover,.honor_prev:hover,.honor_next:hover,.photo_prev:hover,.photo_next:hover{ opacity: 0.5;}

.sam_t{ margin: 0 auto; width: 944px;}
.sam_t li{ float: left; width: 118px; height: 32px; overflow: hidden; font-size: 15px; text-align: center; line-height: 32px;}
.sam_t li a{ display: block; color: #333;}
.sam_t li a:hover,.sam_t li.cur a{ color: #fff; font-weight: bold; background: url(img/index/sam_btn.png) no-repeat;}

.sam_b{ margin-top: 35px;}
.sam_b ul{ font-size: 0; text-align: center;}
.sam_b li{ float: left; padding: 0 10px; width: 312px; overflow: hidden;}
.sam_b li img{ display: block; width: 310px; height: 310px; border: 1px solid #e6e6e6;}


/*优势*/
.ys{ height: 1230px; overflow: hidden;}
.ys h2{ height: 138px; background: url(img/index/hf1.jpg) no-repeat center 0;}

.ys1{ padding-top: 71px; height: 469px; overflow: hidden; background: url(img/index/ys1.jpg) no-repeat center 0;}
.ys2{ padding-top: 52px; height: 500px; overflow: hidden; background: url(img/index/ys2.jpg) no-repeat center 0;}

.ysn1{ padding-left: 100px; width: 380px; overflow: hidden; background: url(img/index/ys_n1.gif) no-repeat;}
.ysn2{ padding-left: 100px; width: 380px; overflow: hidden; background: url(img/index/ys_n2.gif) no-repeat;}
.ys2 .ysn2{ float: right;}

.ysnbox{ height: 237px; overflow: hidden;}
.ysnbox h3{ padding-top: 10px; font-size: 24px; color: #0954b5; line-height: 28px;}
.ysnbox h3 i{ display: block; font-size: 20px; color: #333; font-weight: normal;}

.ysnbox p{ margin-top: 25px; font-size: 14px; color: #333; line-height: 36px;}
.ysnbox p b{ color: #00921b;}


/*实力铸造品质*/
.str{ height: 916px; background: url(img/index/str_bg.jpg) no-repeat center 0px;}

.str h2{ padding-top: 36px; height: 102px; overflow: hidden; font-size: 32px; color: #fff; text-align: center; background: url(img/index/h_bg1.jpg) no-repeat center 0;}
.str h2 p{ margin-top: 12px; font-size: 16px; color: #a3e8ac; font-weight: normal; text-transform: uppercase;}

.str ul{ margin-top: 70px;}

.str li{ float: left; width: 331px; height: 216px; overflow: hidden;}
.str li.right{ float: right;}

.str dl{ height: 78px; overflow: hidden; line-height: 78px; background: url(img/index/str_bg.png) no-repeat;}

.str dt{ float: left; margin-right: 13px; width: 71px; font-size: 32px; color: #fff; font-weight: bold; text-align: center; letter-spacing: -2px;}

.str dd{ float: left; width: 220px; font-size: 20px; color: #fff; font-weight: bold;}

.str p{ font-size: 14px; color: #333; line-height: 36px;}
.str p b{ color: #00951c;}


/*检测环节*/
.detection{ padding-top: 60px; height: 814px; overflow: hidden;}

.detection h2{ font-size: 0; padding-bottom: 46px; text-align: center; background: url(img/index/h_img1.jpg) no-repeat center bottom;}
.detection h2 b{ display: block; height: 72px; font-size: 32px; color: #0954b5; line-height: 72px; background: url(img/index/h_bg3.gif) no-repeat center 0;}
.detection h2 p{ font-size: 24px; color: #333; font-weight: normal;}

.detection ul{ margin-top: 47px;}
.detection li{ float: left; margin-right: 12px; width: 190px; height: 237px; text-align: center; background: #eee;}
.detection li.det5,.detection li.det10{ margin-right: 0;}
.detection li i{ margin: 30px auto 18px; display: block; width: 114px; height: 114px; overflow: hidden;}
.detection li b{ display: block; font-size: 16px; color: #272a26;}
.detection li p{ font-size: 16px; color: #6e726b; text-transform: uppercase;}

.detection li.detshow{ padding-bottom: 6px; background: url(img/index/flow_bg.gif) #eee no-repeat center bottom;}

.detection em{ margin: 43px auto 0; display: block; width: 595px; height: 58px; border-top: 2px solid #dcdcdc; border-bottom: 2px solid #dcdcdc; font-size: 20px; color: #0954b5; text-align: center; line-height: 58px;}

.det1 i{ background: url(img/index/icobox.png) no-repeat 0 0;}
.det2 i{ background: url(img/index/icobox.png) no-repeat -116px 0;}
.det3 i{ background: url(img/index/icobox.png) no-repeat -116px -232px;}
.det4 i{ background: url(img/index/icobox.png) no-repeat -232px 0;}
.det5 i{ background: url(img/index/icobox.png) no-repeat -232px -232px;}
.det6 i{ background: url(img/index/icobox.png) no-repeat -348px 0;}
.det7 i{ background: url(img/index/icobox.png) no-repeat -348px -232px;}
.det8 i{ background: url(img/index/icobox.png) no-repeat -464px 0;}
.det9 i{ background: url(img/index/icobox.png) no-repeat -464px -232px;}
.det10 i{ background: url(img/index/icobox.png) no-repeat 0 -116px;}

.det1:hover i{ background-position: 0 -348px;}
.det2:hover i{ background-position: -116px -116px;}
.det3:hover i{ background-position: -116px -348px;}
.det4:hover i{ background-position: -232px -116px;}
.det5:hover i{ background-position: -232px -348px;}
.det6:hover i{ background-position: -348px -116px;}
.det7:hover i{ background-position: -348px -348px;}
.det8:hover i{ background-position: -464px -116px;}
.det9:hover i{ background-position: -464px -348px;}
.det10:hover i{ background-position: 0 -232px;}


/*合作伙伴*/
.partner{ padding-top: 50px; height: 268px; background: url(img/index/partner_bg.jpg) no-repeat center 0;}

.partner h2{ text-align: center;}
.partner h2 b{ display: block; font-size: 24px; color: #fff; background: url(img/index/partner_h_bg.gif) no-repeat center center;}
.partner h2 p{ margin-top: 4px; font-size: 16px; color: #4c76c1; text-transform: uppercase;}

.parbox{ position: relative; margin-top: 38px;}

.par_prev,.par_next{ position: absolute; top: 28px; display: block; width: 41px; height: 41px;}
.par_prev{ left: -55px; background: url(img/index/icobox.png) no-repeat -258px -514px;}
.par_next{ right: -55px; background: url(img/index/icobox.png) no-repeat -215px -514px;}

.parconbox li{ float: left; padding: 0 5px; width: 190px; overflow: hidden;}
.parconbox li img{ display: block; width: 190px; height: 98px;}
.parconbox li p{ margin-top: 20px; height: 16px; overflow: hidden; font-size: 14px; text-align: center;}
.parconbox li p a{ color: #fff;}


/*客户感言*/
.client{ padding-top: 41px; height: 610px; overflow: hidden; background: url(img/index/client_h_bg.jpg) no-repeat center 41px;}

.client h2{ font-weight: normal; text-align: center;}
.client h2 b{ position: relative; display: block; font-size: 24px; color: #333; line-height: 28px;}
.client h2 b a{ position: absolute; left: 50%; top: 2px; margin-left: 210px; _margin-left: -110px; font-size: 14px; color: #fff; font-weight: normal;}
.client h2 p{ font-size: 16px; color: #cbcbcb; text-transform: uppercase;}

.clientbox{ margin-top: 43px;}

.clientbox dl{ float: left; margin-bottom: 18px; padding: 28px 16px 28px 23px; width: 450px; height: 169px; border: 1px solid #ddd; overflow: hidden;}

.clientbox dt{ position: relative; float: left; width: 169px; height: 169px;}
.clientbox dt img{ margin: 2px auto 0; display: block; width: 165px; height: 165px;}
.clientbox dt p{ position: absolute; left: 0; top: 0; z-index: 10;}
.clientbox dt p a{ display: block; width: 169px; height: 169px; background: url(img/index/client_mb.png) no-repeat;}

.clientbox dd{ float: right; width: 255px; overflow: hidden;}
.clientbox dd h3{ font-size: 14px; color: #333; line-height: 36px;}
.clientbox dd i{ font-size: 12px; color: #0954b5;}
.clientbox dd p{ margin: 13px 0; height: 72px; overflow: hidden; font-size: 12px; color: #555; line-height: 24px;}
.clientbox dd a{ font-size: 12px; color: #00951c;}


/*资质认证*/
.honor{ height: 423px;}

.honor h2{ height: 48px; border-bottom: 1px solid #ddd; font-weight: normal;}
.honor h2 a{ font-size: 12px; color: #777;}
.honor h2 b{ float: left; margin-right: 5px; display: block; height: 46px; border-bottom: 2px solid #0954b5; font-size: 20px; color: #333;}
.honor h2 em{ float: left; display: block; font-size: 16px; color: #333; vertical-align: top; text-transform: uppercase;}

.honorbox{ position: relative; margin-top: 39px;}

.honorbox li{ float: left; padding: 0 8px; width: 184px; overflow: hidden;}
.honorbox li img{ padding: 2px; display: block; width: 178px; height: 228px; border: 1px solid #ddd;}
.honorbox li p{ margin-top: 26px; height: 20px; overflow: hidden; font-size: 12px; text-align: center; line-height: 20px;}
.honorbox li p a{ color: #333;}

.honor_prev,.honor_next{ position: absolute; top: 87px; display: block; width: 41px; height: 41px;}
.honor_prev{ left: -55px; background: url(img/index/icobox.png) no-repeat -301px -514px;}
.honor_next{ right: -55px; background: url(img/index/icobox.png) no-repeat -172px -514px;}


/*走进公司*/
.company{ height: 862px; border-bottom: 1px solid #fff; background: url(img/index/company_bg.jpg) no-repeat center 94px;}

.company h2{ padding-top: 16px; height: 78px; font-size: 24px; color: #fff; text-align: center; background: url(img/index/company_h_bg.jpg) no-repeat center 0;}
.company h2 p{ margin-top: 12px; font-size: 20px; font-weight: normal;}

.company dl{ margin-top: 42px;}

.company dt{ float: left; padding-bottom: 22px; width: 480px; height: 314px; background: url(img/index/company_bg.gif) no-repeat 0 bottom;}
.company dt img{ display: block; width: 480px; height: 314px;}

.company dd{ float: right; padding-top: 30px; width: 488px;}
.company dd h3{ margin-bottom: 15px; font-size: 18px; color: #555; text-align: center; word-spacing: 10px;}
.company dd h3 i{ color: #ddd; font-weight: normal;}
.company dd p{ height: 180px; overflow: hidden; font-size: 12px; color: #555; text-align: left; line-height: 30px;}
.company dd a{ margin: 12px auto 0; display: block; width: 114px; height: 28px; border: 1px solid #0954b5; font-size: 14px; color: #0954b5; text-align: center; line-height: 28px;}

/*相册*/
.photo{ position: relative; margin-top: 23px;}

.photo_prev,.photo_next{ position: absolute; top: 156px; display: block; width: 41px; height: 41px;}
.photo_prev{ left: -55px; background: url(img/index/icobox.png) no-repeat -43px -514px;}
.photo_next{ right: -55px; background: url(img/index/icobox.png) no-repeat 0 -514px;}

.photobox{ height: 350px; text-align: center; overflow: hidden; background: url(img/index/photo_bg.gif) no-repeat center center;}
.photobox li{ position: relative; display: inline-block; width: 430px; height: 315px; overflow: hidden;}
.photobox li p{ position: absolute; left: 0; bottom: 0; width: 100%; height: 36px; overflow: hidden; font-size: 12px; text-align: center; line-height: 36px; background: url(img/index/mb_black.png) repeat;}
.photobox li p a{ color: #fff;}


/*新闻资讯*/
.information{ padding-top: 45px; height: 540px; border-top: 7px solid #eee; overflow: hidden;}

.tit2{ height: 46px; overflow: hidden; font-weight: normal;}
.tit2 b{ float: left; margin-right: 5px; font-size: 16px; color: #0954b5;}
.tit2 em{ float: left; margin-top: 2px; font-size: 14px; color: #555; text-transform: uppercase;}
.tit2 a{  font-size: 14px; color: #686868;}

.inf_l{ float: left; margin-right: 30px; width: 314px; overflow: hidden;}
.inf_m{ float: left; width: 314px; overflow: hidden;}
.inf_r{ float: right; width: 314px; overflow: hidden;}

.inf_l img,.inf_r img{ width: 314px; height: 130px;}
.inf_m img{ margin: 0 auto; width: 300px; height: 130px;}

.information img{ display: block;}

.information ul{ margin-top: 20px; font-size: 0;}

.information li{ padding-left: 10px; height: 44px; border-bottom: 1px solid #ddd; overflow: hidden; font-size: 12px; line-height: 44px;}
.information li.last{ border-bottom: 0;}
.information li a{ color: #555;}
.information li i{ float: left; margin: 17px 16px 0 0; display: block; width: 9px; height: 9px; overflow: hidden; background: url(img/index/icobox.png) no-repeat -580px 0;}


/*友情链接*/
.link{ height: 130px; overflow: hidden;margin-bottom:28px;}

.link h2{ background: url(img/index/link_line.gif) no-repeat 160px 8px;}

.linkbox{}
.linkbox a{width: 120px; float:left; font-size: 12px; color: #555; height:30px; line-height:30px; overflow:hidden;}


