﻿@charset "utf-8";




/*搜索*/
.ss{ overflow:hidden; width:100%; height:110px; background:#fff; border-bottom:1px solid #dadada;}
.ss .ssBox{ overflow:hidden;}
.ss .ssBox p{ line-height:110px; color:#333;  font-size:14px; float:left}
.ss .ssBox p a{ color:#333333; padding:0 5px; }
.ss .ssBox p a.last{ border-right: none}
.ss .ssK{overflow:hidden;float:right;height:47px;width:324px;margin-top: 30px;background:#f6f6f6}
.ss .ssK input{float:left;height:47px;line-height:47px;font-size:13px;padding: 0 10px;width: 250px;outline:none;background:none;border:none;color:#797979;}
.ss .ssK a{ display:block; float:right; background:url(Img/Index/ssFdj.png) no-repeat center; width:54px; height:47px;}

/*标题*/
.title{ overflow: hidden; width: 100%; text-align: center; margin-top: 35px;}
.title h2{ font-size: 28px; color: #333333;}
.title h2 a{color: #333333;}
.title  i{display: inline-block;width: 40px;height: 1px;background: #a1a1a1;margin: 0 10px;position: relative;top: -10px;}
.title  i {*display: inline}
.title  em{ font-size: 12px; color: #999999; margin-top: 10px;}
.title  em{ font-size: 12px; color: #999999; margin-top: 10px;}

/*Partner*/
.Partner{ overflow: hidden; width: 100%; background-color: #fff; padding-bottom: 30px;}
.Partner .partnerBox{ overflow: hidden; width: 1000px; height:135px  ; margin-top: 30px; position: relative}
.Partner ul{ position: absolute}
.Partner ul li{ float: left; width: 192px; margin-right: 10px;}
.Partner ul li img{ border: 1px solid #d1d1d1; display:block}
.Partner ul li span{ display: block; text-align: center; font-size: 14px; color: #333; margin-top: 15px;}

/*产品*/
.pro{ overflow: hidden; width: 100%; background: url("Img/Index/proBg.png") repeat center; padding-bottom: 35px;}
.pro .proBox { overflow: hidden; width: 100%; margin-top: 30px;}
.pro .title img{ display: block; margin: 0 auto}
.pro .proLt{ float: left; width: 240px; background-color: #fff}
.pro .proLt h2{ color: #fff; background: url("Img/Index/pro_h2Bg.png") no-repeat center; height: 84px; text-indent:75px; overflow: hidden }
.pro .proLt h2 a{font-size: 24px;color: #fff;margin-top: 18px;display: block;}
.pro .proLt h2 span{ display: block; font-size: 14px; color: #fff; font-weight: normal}
.pro .proLtBox{ overflow: hidden; padding: 10px 20px 30px;}
.pro .proDl dt{ background: url("Img/Index/pro_dtBg.png") no-repeat center; height: 44px; line-height: 44px; text-indent: 15px; margin: 10px 0;}
.pro .proDl dt a{ color: #fff}
.pro .proDl dd a{ display: block; line-height: 36px; color: #333333; font-size: 13px; background: url("Img/Index/pro_aXjx.png") no-repeat 15px center; text-indent: 25px;}
.pro .proRt{ float: right; width: 740px; background-color: #fff;}
.pro .proNav{ width: 100%;height: 59px;}
.pro .proNav li{ width: 246px; float: left; background: url("Img/Index/proNavBg.png") repeat-x; margin-left: 1px; height: 59px; text-align: center; font-size: 18px; line-height: 59px; position: relative}
.pro .proNav li a{ color: #fff}
.pro .proNav li:first-child{ margin-left: 0}
.pro .proNav li i{ background: url("Img/Index/proRt_xjx.png") no-repeat center; width: 11px; height: 6px; position: absolute; left:50%; margin-left: -6px; bottom: -6px; display: none}
.pro .proNav li:hover,.pro .proNav li.cur{ background: url("Img/Index/proNav_hover.png") repeat-x center; font-weight: bold}
.pro .proNav li:hover i,.pro .proNav li.cur i{  display: block}
.pro .proNav li:hover a,.pro .proNav li.cur a{ color: #fff; text-decoration: none}
.pro .proRtBox{margin: 18px 18px 0 18px;overflow: hidden;width:704px;height: 786px;position: relative;}
.pro .proCon{
    overflow: hidden;
    height: 786px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.pro .proCon:first-child{ display: block}
.pro .proRtDl{width:227px;margin-right: 11px;float: left;margin-bottom: 10px;}
.pro .proRtDl dt{ width: 225px; border: 1px solid #d1d1d1; height: 218px; overflow: hidden}
.pro .proRtDl dt img{width: 225px; height: 218px; display: block}
.pro .proRtDl dd{ text-align: center; line-height: 32px; font-size: 13px;}
.pro .proRtDl dd a{ color: #333333; text-decoration: none}
.pro dl.last{ margin-right: 0}
.pro .proRtDl:hover dt{ border-color: #ff9600}
.pro .proRtDl:hover dd a{color: #ff9600}
.pro  .proSp{ overflow: hidden; background-color: #fff; padding: 25px 20px 30px; margin-top: 20px;}
.pro  .proSp li{ float: left; margin-right: 20px; position: relative; width: 306px;}
.pro  .proSp li.last{ margin-right: 0}
.pro  .proSp li img{    position: relative;z-index: 9;}
.pro  .proSp li i{ display: block; background: url("Img/Index/pro_yy.png") no-repeat center ; width: 306px; height: 19px; position: absolute; bottom: -8px; margin-left: -153px; left:50%;}

/*品质*/
.Quality{ overflow: hidden; width: 100%; background: url("Img/Index/QuBg.jpg") no-repeat center; height: 677px;}
.Quality dl{width: 590px;padding-left: 70px;background: url("Img/Index/Qu_dlBg.png") no-repeat left bottom;overflow: hidden;margin: 19px  0 20px 290px;padding-bottom: 25px;}
.Quality dl dt{ width: 105px; height: 105px; position: relative; float: left; border-radius: 50%;}
.Quality dl dt i{ display: none; width: 130px; height: 130px; position: absolute; top:0; left:0; background: url("Img/Index/Qu_dtBg.png") no-repeat center;}
.Quality dl dd{ float: right; width: 445px;}
.Quality dl dd h3{font-size: 24px;color: #fff;margin-top: 10px;}
.Quality dl dd p{ font-size:14px; line-height: 28px; margin-top: 5px; color: #fff}
.Quality dl.first{margin-top: 165px;}

/*按钮*/
em.em{display:block;cursor:pointer;position:absolute;width: 25px;height:41px;}
em.sclt{ background:url(Img/Index/sclt.png) no-repeat center top; left:0}
em.scrt{background:url(Img/Index/scrt.png) no-repeat center top;right: 37px;}
em.em:hover{ background-position:bottom}

/*细节铸就品质*/
.S_C{ overflow:hidden; width:100%; background:url("Img/Index/proBg.png") repeat; padding-bottom: 38px}
.S_C .scBox{ overflow:hidden; width:1000px;  margin: 0 auto; margin-top:25px; position:relative}
.S_C .scBox em.em{ top:60px ;z-index: 999;}
.S_C .scCon{overflow:hidden;width:896px;height:210px;/* margin:0 auto; */position:relative;margin-left: 40px;}
.S_C ul{ position:absolute; top:0; left:0}
.S_C ul li{ width:215px;float:left; margin-right:9px;}
.S_C ul li a{ text-decoration:none}
.S_C ul li img{ display:block; margin:0 auto; background-color: #fff;  padding: 2px;  border: 1px solid #d1d1d1}
.S_C ul li span{ display:block; text-align:center; font-size:14px; margin-top: 18px; color:#333}
.S_C ul li:hover img{ opacity:.85;}

/*优势*/
.ys{ overflow: hidden; width: 100%; background: url("Img/Index/ysBg.jpg") no-repeat center; height: 614px;}
.ys .ysBox{ height: 460px; width: 1000px; overflow: hidden; margin-top: 154px;}
.ys .ysCon{ width: 1000px; height: 384px; position: relative}
.ys dl{  overflow: hidden; width: 100%; position: absolute; top:0; left:0; display: none}
.ys dl dt{ float: left; width: 538px; height: 384px}
.ys dl dt img{ display: block}
.ys dl dd{float: right;width: 435px;margin-right: 27px;margin-top: 73px;text-align: justify;}
.ys dl dd h3{ font-size: 32px ;color: #000000; line-height: 55px;}
.ys dl dd h3 span{ display: block; background: url("Img/Index/ysNUm.png") no-repeat center; line-height: 55px; width: 55px; height: 55px;  text-align: center; color: #fff; font-size: 24px; float: left; margin-right: 15px; font-weight: normal}
.ys dl dd p{ line-height: 30px; font-size: 15px; color: #141414; margin-top: 20px;}
.ys dl dd p strong{ color: #004a95; font-weight: normal}
.ys dl:first-child{ display: block}
.ys .ysNav{ width: 100%; height: 76px; background-color: #fff;  position: relative; z-index: 99}
.ys .ysNav li{width: 165px;height: 76px;float: left;background: url("Img/Index/ysNavBg.png") repeat-x center top;margin-left: 1px;line-height: 76px;font-size: 18px;color: #fff; position: relative}
.ys .ysNav li img{ display: block; float: left; margin: 0 10px 0 30px;}
.ys .ysNav li i{ background: url("Img/Index/ysXjx.png") no-repeat center; width: 11px;
    height:6px; top:-6px; left:50%; margin-left: -6px; position: absolute; display: none}
.ys .ysNav li:first-child{margin-left: 0;width: 170px;}
.ys .ysNav li:hover,.ys .ysNav li.cur{ background-position: bottom}
.ys .ysNav li:hover i,.ys .ysNav li.cur i{  display: block}
.ys .ysNav li a{font-size: 18px;color: #fff;text-decoration:none;}

/*vs*/
.vs{ overflow: hidden; width: 100%; background-color: #fff; padding-bottom: 50px;}
.vs .title{ margin-top: 65px;}
.vs .title h2{ font-weight: normal}
.vs .title h2 strong{ color: #004489}
.vs .vsBox{ overflow: hidden; width: 100%; margin-top: 28px;}
.vs .list{ width: 200px; float: left; height: 420px;}
.vs .list li{ width:200px; background: url("Img/Index/vsNavBg.png") 0 0; height: 84px; line-height: 84px; text-indent:30px; color: #fff; font-size: 18px;}
.vs .list li a{color: #fff; font-size: 18px;text-decoration:none;}
.vs .list li.last{ height: 83px; border-bottom: 1px solid #343434}
.vs .list li:hover,.vs .list li.cur{ background-position:0 -84px}
.vs .list li.last:hover,.vs .list li.last:hover{  border-bottom: 1px solid #004081; height: 83px;}
.vs .vsCon{ width: 800px; height: 420px; position: relative; float: right; overflow: hidden;}
.vs dl{ width: 731px; height: 351px; background-color: #fff; border: 20px solid #0063c7; padding: 15px; position: absolute; top:0; left:0; display: none}
.vs dl dt img{ display: block;}
.vs dl dd{ width:375px; float: left; text-align: center}
.vs dl dd h3{ margin: 15px 0; color: #004489; font-size: 18px;}
.vs dl dd p{ font-size: 14px; line-height: 25px; color: #000; text-align: left}
.vs dl dd p span{ color: #004489}
.vs dl dd.last{ float: right; width: 322px;}
.vs dl dd.last h3{ color: #333}
.vs dl:first-child{ display: block}


/*关于我们*/
.aB{ overflow: hidden; width: 100%; background: url("Img/Index/aBBigBg.jpg") no-repeat center; height: 912px;}
.aB .title h2 a,.aB .title  em{ color: #fff}
.aB .abDl{ background-color: #fff; padding: 20px; overflow: hidden; margin-top: 30px;}
.aB .abDl dt{ width: 468px; height: 267px; float: left;}
.aB .abDl dd{ float: right; width: 465px; margin-right: 10px;}
.aB .abDl dd h3{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top:25px; font-size: 16px; font-weight: normal}
.aB .abDl dd h3 a{ color: #004a95}
.aB .abDl dd p{ line-height: 28px; text-align: justify;  height: 112px; overflow: hidden; font-size: 14px; color: #333; margin-top: 10px;}
.aB .abDl dd a.more{ width: 146px; height: 41px; background-color: #004a95;text-decoration:none; color: #fff; display: block; margin-top: 25px; line-height: 41px; text-align: center; }

.aB .abBox{ overflow: hidden; width:960px; margin-top: 20px; padding: 20px; background: #fff}
.aB .aBNav{ width: 207px; float: left; }
.aB .aBNav li{ width: 100%;  height: 95px; background: url("Img/Index/aBnavBg.png") repeat-x center top; text-align: center; border-top:1px solid #fff; overflow: hidden;}
.aB .aBNav li img{ display: block; margin: 15px  auto 5px}
.aB .aBNav li span{ display: block; font-size: 14px ;color: #fff}
.aB .aBNav li a{ text-decoration: none}
.aB .aBNav li:first-child{ border-top:none;}
.aB .aBNav li:hover,.aB .aBNav li.cur{ background-position: bottom}
.aB .abRt{float: right;width: 734px; height: 383px; position: relative; overflow: hidden}
.aB .abUl{ position: absolute; top:0; left:0}
.aB .abUl li{overflow: hidden; width: 100%; height: 383px;}
.aB .abUl li a{ display: block; width:238px; height: 184px; margin-bottom:15px;margin-right: 10px; position: relative; overflow: hidden; float: left;*margin-bottom:5px;}
.aB .abUl li a span{ display: block; background: url("Img/Index/abZhe.png") repeat center; line-height: 30px ;text-align: center; width: 100%;position: absolute; left:0; bottom: 0;  color: #fff;}
.aB .abUl li a.last{ margin-right: 0}
.aB .abUl li a.abBtm{ margin-bottom: 0}
.aB .abUl li a img{ display: block; width: 238px; height: 184px;}

/*Production*/
.Production{ background:#fff}
.Production .scCon{ height: 207px;}
.Production .scCon ul li{ width: 215px;overflow: hidden; }
.Production .scCon ul li img{padding: 0;}
.Production .scCon ul li span{margin-top: 16px;}

/*客户见证*/
.Customer{ overflow: hidden; width: 100%; background: url("Img/Index/proBg.png") repeat; padding-bottom: 45px}
.Customer .cusBox{ overflow: hidden; width: 100%;}
.Customer dl{ width: 480px; overflow: hidden; margin-top: 35px;}
.Customer dl dt{ width: 160px; height: 149px; padding: 9px; border: 1px solid #d0d0d0; float: left; background-color: #fff }
.Customer dl dt img{ display: block; width: 160px; height: 149px;}
.Customer dl dd{ float: right; width: 280px;}
.Customer dl dd h3{ margin-top: 12px; font-size: 14px; overflow: hidden; white-space: normal; text-overflow: ellipsis;}
.Customer dl dd h3 a{ color: #333333}
.Customer dl dd p{ line-height: 25px; overflow: hidden;
    height:75px; margin-top: 5px;  font-size: 13px; color: #666666}
.Customer dl dd a.more{ display: block; width: 134px; height: 34px; line-height: 34px; text-align: center; font-size: 13px; color: #666; margin-top: 10px; background-color: #fff}
.Customer dl:hover dd a.more{  color: #004489;}

/*留言*/
.message{ overflow: hidden; width: 100%; padding: 40px 0; background-color: #fff}
.message .messageBox{ background-color: #fff; border: 10px solid #004a95; width: 900px; overflow: hidden; margin: 0 auto; padding: 30px 40px;}
.message .messLt{width:420px; float: left; background: url("Img/Index/messageBg.png") no-repeat  right center; padding-right: 45px;}
.message .messLt h3{font-weight: normal;color: #0e0e0e;font-size: 26px;/* margin-top: 35px; */}
.message .messLt h3 b{ font-weight: normal; color: #ff9600;}
.message .messLt h2{ font-size: 24px; color: #333333; margin: 5px 0}
.message .messageUl{ overflow: hidden; width: 100%; margin: 15px 0}
.message .messageUl li{ background: url("Img/Index/meassage_d.png") no-repeat left center; line-height: 30px; font-size: 14px; color:#0e0e0e; text-indent: 20px; width: 180px; float: left;}
.message .img{ width: 391px; height: 161px; position: relative}
.message .img p{ background: url("Img/Index/messageTm.png") repeat center; line-height: 35px; text-align: center; font-size: 12px; color: #fff; position: absolute; left:0; bottom: 0; width: 100%;}
.message .img p b{ color: #ff9600; font-size: 24px;}
.message .mesRt{ float: right; width: 357px;}
.message .mesRt h3{ font-size: 16px; color: #0e0e0e; font-weight: normal}
.message .mesRt h3 span{ color: #0576b8}
.message .messList{ overflow: hidden; width: 100%; margin-top: 16px;}
.message fieldset{ display: block; height: 41px; width: 355px; border: 1px solid #dfdfdf; margin-bottom: 10px;}
.message fieldset label{ width: 39px; height: 41px; float: left;}
.message fieldset label img{ display: block}
.message fieldset input{width: 294px;line-height: 41px;height: 45px;border: none;background: none;padding: 0 10px;font-size: 14px;color: #666;float: right; outline: none}
.message .fieldset{ height: 130px;}
.message .fieldset textarea{ height: 110px; padding: 10px;width: 294px;border: none;background: none;font-size: 14px; line-height:30px; color:#666;float: right; resize: none; outline: none}
.message a.more{ width: 100%; display: block}
.message a.more img{ display: block}

/*新闻*/
.news{ overflow:hidden; width:100%; background:url("Img/Index/proBg.png") repeat; padding:40px 0;}
.news .newlt{width:665px;float:left;overflow: hidden; background-color: #fff}
.news .titNew{ width:100%; padding: 6px; background-color: #004a95; height: 47px;}
.news .titNew li{height:47px;font-size:16px;line-height:47px;text-align:center;float:left;width:323px;background-color:#fff;position:relative;}
.news .titNew li i{ display:none; position:absolute;background:url(Img/Index/new-xjx.png) no-repeat center; height:6px; width:11px; left:50%; margin-left:-6px; bottom:-12px;}
.news .titNew li a{ color: #000}
.news .titNew li:hover,.news .titNew li.cur{ background-color:#004a95;}
.news .titNew li:hover a,.news .titNew li.cur a{ color:#fff; font-weight: bold; text-decoration: none}
.news .titNew li:hover i,.news .titNew li.cur i{ display:block}
.news .newImg{overflow:hidden;width:665px;height: 369px;position:relative;}
.news .newltBox{ position:absolute; top:0; left:0; display:none; padding:25px 20px; width: 625px;}
.news .newdl{ overflow:hidden; width: 100%;}
.news .newdl dt{ width:203px; height:140px; overflow:hidden; border:1px solid #dcdcdc; float:left; padding: 9px;}
.news .newdl dd{ float:right; width:380px; }
.news .newdl dd h3{ font-size:14px; margin-top:15px; margin-bottom:10px; overflow: hidden; white-space: nowrap;  text-overflow: ellipsis}
.news .newdl dd h3 a{ color:#393939}
.news .newdl dd p{ line-height:25px; height:100px; overflow:hidden; font-size: 13px; color: #333; text-align: justify}
.news .newdl dd a.more{ font-size:13px; color:#333}
.news .newdul{ overflow:hidden;  margin-top:15px;}
.news .newdul li{font-size:13px;color:#333;background:url(Img/Index/new-p.png) no-repeat left center;line-height: 36px;padding-left:15px;width: 97%;overflow: hidden;}
.news .newdul li a{display:block;float:left;width: 466px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333;}
.news .newdul li span{display:block;width:85px;float:right;color: #666666;text-align: right;}
.news .newsHz{ overflow:hidden; width:315px; float:right; position:relative; background-color: #fff}
.news .newsHz h3{ background-color:#004a95; height:61px; line-height:61px; padding: 0 20px;font-size: 16px}
.news .newsHz h3 a{ color:#fff; display: block; float: left}
.news .newsHz h3 a.h3_A{ float: right; font-weight: normal; font-size: 14px; }
.news .wenda{margin-top:30px;width:100%;height:318px;overflow:hidden;position: relative;margin-bottom: 20px;}
.news .wenda ul{ position:absolute; top:0 ;left:0; width: 265px; padding: 0 20px; }
.news .wenda ul li{ padding:10px 0; border-bottom: 1px solid #ebebeb;}
.news .wenda ul li h5{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  font-size:14px;  background:url(Img/Index/newWen.png) no-repeat left center; padding-left:30px; line-height:25px;}
.news .wenda ul li h5 a{ color:#333333}
.news .wenda ul li p{ margin-top:10px; font-size:13px; color:#333333;  line-height:25px; height: 50px;  background:url(Img/Index/newDa.png) no-repeat left 5px; padding-left:30px;}
.news .newsHz.last{ margin-right:0;}


/*link*/
.link{overflow: hidden;width: 100%;background-color: #fff;padding-top: 20px;}
.link h3{ background: url("Img/Index/linkH3.png") no-repeat center bottom; padding-bottom: 10px; font-size: 16px; color: #999999; margin-top: 10px;}
.link h3 a{ color: #004a95}
.link h3 span{ font-weight: normal; margin-left: 5px;}
.link .list{ padding: 15px 0; overflow: hidden; width: 100%; ;}
.link .list li{ float: left; font-size: 14px;  border-left:1px solid #707070; padding: 0 15px; margin: 8px 0;}
.link .list li a{ color: #666666;}
.link .list li:first-child{ padding-left: 0; border: none}
