@charset "utf-8";

/* CSS Document */



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}

table {border-collapse:collapse;border-spacing:0;}

fieldset,img { border:0;}

address,caption,cite,code,dfn,em,strong,th,var {}

ol,ul { list-style-type: none}

a{text-decoration:none} a:hover{text-decoration:none }

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6 {font-size:100%;}

q:before,q:after {content:'';}

abbr,acronym { border:0;}

.clear{ clear:both}

.fl{ float: left}

.fr{ float: right}

.warp{ width: 1100px; margin: 0 auto;}



/**page**/

*{ margin: 0; padding: 0;}

body{ margin: 0; padding: 0; font: 14px/22px "微软雅黑"; /**/}

.headerWarp{ width: 100%; height: 158px; background: #fff url(../images/bodyBg.gif) repeat-x; position: fixed; top:0; z-index:999999} 

.header{ margin: 0 auto 22px auto; height: 58px; width: 100%; background: #fff; display: block; padding-top: 30px}

#logo{ display: inline-block}

.headerTxt{ width: 368px; height: 58px;}

.headerTxt strong{ font-size: 16px; color: #6c6a6a; font-weight: normal; margin-bottom: 12px; display: inline-block}

.navWarp{ width: 100%; height: 48px; margin: 22px 0 0 0 }

.navWarp ul li{ float: left; width: 157px; text-align: center; line-height: 48px; font-size: 16px; position: relative}

.navWarp ul li a{ color: #fff; width: 157px; height: 48px; display: inline-block}

.navWarp ul li a:hover, .navWarp ul li:hover a, .navWarp ul li.hover{ background: #e2230f} 

.navWarp ul li ul{ display: none; position: absolute; z-index:2;}

.navWarp ul li:hover ul{ display: block; }

.navWarp ul li:hover ul li{ width: 157px; height: 34px; line-height: 34px; background: #e2230f; overflow: hidden}

.navWarp ul li:hover ul li a{ font-size: 14px;}

.navWarp ul li:hover ul li a:hover{ background: #c42312}



.banner{ width: 100%; height: 524px; overflow: hidden; margin-top: 159px;}



#productCla{ height: 270px;  width: 100%; margin: 40px 0 60px 0; overflow: hidden;}

#productClaWrap{ width: 100%; height: 270px; overflow: hidden}

#productClaScroll{ width: 800%; float: left}

#productClaScrollLayer, #productClaScrollImg{ float: left;}

#productClaWrap li a .img0, #productClaWrap li a .img1, #productClaWrap li a .img2, #productClaWrap li a .img3, #productClaWrap li a .img4, #productClaWrap li a .img5, #productClaWrap li a .img6{ width: 110px; height: 125px; background: url(../images/img.gif) no-repeat; filter:alpha(opacity=100); opacity:1; margin: 0 0 0 62px}

#productClaWrap li a .img0{ background-position:-1px 0px; }

#productClaWrap li a .img1{ background-position:-1px -126px; }

#productClaWrap li a .img2{ background-position:-1px -252px; }

#productClaWrap li a .img3{ background-position:-1px -378px; }

#productClaWrap li a .img4{ background-position:-112px 0; }

#productClaWrap li a .img5{ background-position:-112px -126px; }

#productClaWrap li a .img6{ background-position:-112px -252px; }

#productClaWrap li{ float: left; width: 231px; height: 241px; text-align: center; margin-right: 60px}

//#productClaWrap li.liWidth{ float: left; width: 60px; height: 241px; background: none}

#productClaWrap li dl{ width: 231px; height: 241px;}

#productClaWrap li a dl dd h2{ font-size: 20px; display: block; text-align: center; height: 46px; line-height: 46px; color: #717171}

#productClaWrap li dl dd{ text-align: left;  }

#productClaWrap li a dl dd{ color: #7b7a7a}

#productClaWrap li a:hover dl dd h2{ color: #000}

#productClaWrap li a:hover dl dd{ color: #585757}

#productClaWrap li a:hover .img0{ filter:alpha(opacity=85); opacity:.85;}



.tabCon{ width: 1100px; height: 524px; overflow: hidden; float: left; margin: 0 auto 40px auto; }

#tabNav0 ul{ width: 480px; margin:0 auto}

#tabNav0 ul li{ width: 110px; height: 33px; cursor: pointer; background: #1442ad; line-height: 33px; text-align: center; color: #fff; float: left; margin: 0 5px}

#tabCon0{ width: 1100px; height: 490px; border-top:1px solid #dad8d8; float: left}

#tabNav0 ul li.hover{ background: #3aa5e0}

#tabCon0 div{ display: none}

#tabCon0 div.block{ display: block;}

.picBox{ width: 1100px; padding: 15px 0 0 0; height: 475px; overflow: hidden;}

.picBox li{ float: left; width: 254px; height: 220px; text-align: center; margin-bottom: 30px; position: relative; border:1px solid #e5e5e5; overflow: hidden; box-shadow: 1px 2px 3px #ccc; border-right:0;}

.picBox li.width1{ float: left; width: 25px; height: 220px; background: none; overflow: hidden; border:0; box-shadow: none;}

.picBox .txt{width:254px;height:45px; background: url(../images/1px.png) repeat; position:absolute;left:0;bottom:-45px;color:#fff; line-height: 45px; font-size: 16px; font-weight: normal}



.w100{ width: 100%; height: 320px; background: #f8f8f8; margin-bottom: 30px}



.h4{ width: 100%; text-align: center; font-size: 32px; font-weight: normal; padding: 60px 0;}

.chooseUs li{ width: 340px; height: 130px; float: left}

.chooseUs li dl dt,.chooseUs li dd{ float: left}

.chooseUs li dl dt{ width: 100px; height: 130px; display: inline-block; font-size: 28px; color: #1442ad; padding-top: 35px; text-align: right}

.chooseUs li dl dd{ float: right; width: 230px}

.chooseUs li dl dd span{ font-size: 24px; color: #343434;}

.chooseUs li dl dd p{ color: #474545; font-size: 16px; padding: 25px 0 0 0; letter-spacing:1px}

.chooseUs li.width2{ float: left; width: 40px; height: 130px;}



.case{ height: 370px;  width: 100%; display: block; overflow: hidden; clear: both; margin-bottom: 50px}

.commTitle{ font-size: 20px}

a.more{ font-size: 14px; color: #1442ad; font-family: Arial;}

a:hover.more{ text-decoration: underline; color: #49ace2}

.case ul{ width: 1100px; height: 315px; margin: 30px 0 40px 0; float: left}

.case ul li{ float: left; width: 530px; height: 140px; margin-bottom: 30px}

.case ul li dt{ width: 240px; height: 140px; float: left}

.case ul li dd{ float: right; width: 280px;}

.case ul li dd strong{ font-size: 18px; padding-bottom: 10px; display: inline-block}

.case ul li a img, .subList li a img{ filter:alpha(opacity=100); opacity:1}

.case ul li a:hover img, .subList li a:hover img{ filter:alpha(opacity=85); opacity:.85}

.case ul li a strong{ color: #3a3939}

.case ul li a:hover strong{ color: #1442ad}

.case ul li a:hover dd{ color: #000}

.case ul li a dd{ color: #727272}

.case ul li.width3{ float: left; width: 40px; height: 140px; overflow: hidden}



.news{ width: 1100px; height: 553px; background: url(../images/bg.gif) no-repeat; margin: 0 auto 100px auto }

.cpNews{ width: 523px; height: 250px; margin-bottom: 50px} 

.news ul{ float: left; width: 523px; height: 200px; margin: 20px 0 0 0}

.news ul li .dot{ float: left; width: 6px; height: 6px; background: url(../images/dot.gif) no-repeat; margin: 12px 6px 0 0}

.timer{ float: right; width: 80px; text-align: right; color: #6c6c6c}

.news ul li a{ color: #323131}

.news ul li a:hover{ color: #1442ad; text-decoration: underline}

.news ul li{ height: 30px; line-height: 30px}

.news .width4{ width: 50px; height: 200px; overflow: hidden; float: left}



#foot{ width: 100%; height: 542px; background: url(../images/footBg.gif) repeat-x;}

.footT{ display: block; margin: 60px 0 0 0; float: left}

.footT ul{ width: 790px; height: 295px; float: left;}

.footT ul li{ float: left; width: 90px; height: 295px; border-right: 1px dashed #ccd2db; padding:0 45px 0 60px}

.footT ul li dl{ width: 90px; height: 295px}

.footT ul li dl dt{  font-size: 18px; padding-bottom: 20px}

.footT ul li dl dd a{ float: left; height: 26px; line-height: 26px; color: #666}

.footT ul li dl dd a:hover{ color: #1442ad}

.aboutUs{ width: 260px; height: 295px;  margin: 0 0 0 40px}

a.icon{ width: 58px; height: 18px; background: url(../images/icon.gif) no-repeat; float: right;}

a:hover.icon{ background: url(../images/icon1.gif) no-repeat}

.aboutTitle{ font-size: 24px; padding-bottom: 22px; display: block;}

.aboutUs p{ font-size: 16px; color: #737373; line-height: 30px}

.aboutUs p img{ padding: 12px 0 0 0}

.friendLink{ width: 100%; height: 40px; overflow: hidden; float: left; margin: 35px 0 0 0}

.friendLink a{ color: #4c4c4c}

.friendLink a:hover{ color: #1442ad}

.footInfor{ width: 100%; height: 60px;  margin: 25px auto 0 auto}

.footInfor p{ text-align: center; color: #fff;}

.footInfor p a{ color: #fff;}

.footInfor p a:hover{ text-decoration: underline}

.copyRight{ padding: 13px 0 0 0}



/***case***/

.commWarp{ width: 100%; background: #f9f9f9; overflow: hidden; padding: 18px 0 80px 0; margin: 160px 0 0 0}

.subNav{ width: 217px; background: #fff; padding: 5px 0 0 0}

.h3{ font-size: 20px; font-weight: normal; width: 218px; height: 43px; background: url(../images/arrow.gif) no-repeat; line-height: 50px; text-indent: .8em; padding-bottom: 10px}

.subNav li{ width: 217px; height: 49px; line-height: 49px; text-indent:1em}

.subNav li a{ font-size: 16px; color: #373737; width: 217px; height: 49px; border: 1px solid #e5e5e5; display: block; border-left:0; border-right:0; border-bottom:0; display: block}

.subNav li a:hover{ width: 217px; height: 48px; background: url(../images/bg1.gif) no-repeat;}

.right{ width: 865px;}

.subBanner{ width: 865px; height: 298px;}

.rightCon{ float: left; margin: 20px 0 0 0; background: #fff; width: 865px; overflow: hidden; height: auto; padding: 0 20px 15px 20px}

.rightCon h2{ font-size: 24px; text-align: center; display: block; line-height: 80px; font-weight: normal}

.subCase, .subList, .subNews, .caseDeCon{ padding: 10px 23px}

.subCase li{ float: left; height: 250px; width: 255px; text-align: center; margin-bottom: 25px}

.subCase li img{ float: left; width: 255px; height: 220px; border: 1px solid #e4e4e4; margin-bottom: 10px}

.subCase li:hover img{ border: 1px solid #3846b2}

.subCase li.width5{ float: left; width: 25px; height: 250px;}

.subCase li a{ color: #696969; font-size: 16px}

.subCase li a:hover{ color: #464f93}

.page{ height: 80px; line-height: 80px; text-align: center; display: block; float: left; width: 100%}





/***subList***/

.subList dl dt{ float: left; width: 258px; height: 168px;}

.subList dl dd{ float: right; width: 530px; height: 168px; overflow: hidden}

.subList li a dl dd strong{ padding-bottom: 10px; display: block; color: #585858; }

.subList li a dl dd p{ color: #717171; }

.subList li a:hover dd strong{ color: #3846b2; text-decoration: underline}

.subList li{ width: 815px; height: 170px; padding-bottom: 20px;  border-bottom: 1px dashed #d7d7d7; margin-bottom: 20px}



/****subNews****/

.subNews li{ height: 32px; line-height: 32px}

.subNews li .dot{ float: left; width: 6px; height: 6px; background: url(../images/dot.gif) no-repeat; margin: 15px 10px 0 0}

.ys{ width: 26px; height: 21px; }



/**caseDes**/

.yw_picShow h1{ font-size: 16px; font-weight: normal; padding-bottom: 35px}





.onClick{ width: 375px; height: 421px; float: left;}

.yw_picShow{ width: 417px; margin-top: 35px}

.yw_multiPic{ margin: 0 0 20px 0; width: 417px; height: 409px; }

.yw_multiPic ul{ width: 420px; height: 66px; margin: 15px auto 0 auto;}

.yw_multiPic ul li{ float: left; width: 70px; height: 70px; text-align: center; }

.yw_picShowArrl, .yw_picShowArrr{ width: 6px; height: 12px; position: relative; cursor: pointer;} 

.yw_picShowArrl{ background: url(../images/arrowl.gif) no-repeat; top: 35px; left: 10px; }

.yw_picShowArrr{ background: url(../images/arrowr.gif) no-repeat; top: -30px; left: -10px;}

.yw_picShowTable{ width: 338px; height: 449px;  margin: 0 0 0 15px; overflow: hidden}

.yw_picShowTable table{ font-size: 14px;}

.yw_picShowTable table tr td{ height: 35px; line-height: 35px}

.yw_picShowTable img{ vertical-align: middle}

.yw_sm{ width: 725px;  margin: 40px 0 0 0}

.yw_sm span{ height: 35px; line-height: 35px; background:#f2f2f2; display: block}

.yw_sm span strong{ font-size: 14px; font-weight: bold; border-left: 1px solid #4480d8; border-right: 1px solid #4480d8; border-top: 2px solid #4480d8;height: 29px; display: inline-block; padding: 0px 14px 0 14px }

.yw_sm p{ padding: 15px 0; font-size:14px; text-indent: 2em; line-height: 25px}



.yw_inforBoxR{ width: 232px; border-top: 2px solid #b8b8b8; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; background:#f5f5f5; padding-bottom: 25px; }

.yw_inforBoxR p{ width: 232px; text-align: center; padding-top: 25px; padding-bottom: 15px; border-bottom: 1px solid #e0e0e0; margin-bottom: 10px;}

.yw_inforBoxR .ad1{ margin-left: 35px;}

.yw_inforBoxR ul{ width: 175px; height: auto; margin: 15px auto 0 auto}

.yw_inforBoxR ul li a{ width: 155px; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #000; font-size: 14px; }

.yw_inforBoxR ul li a:hover{ color: #fc0000}

.square{ width: 12px; height: 12px; background: #ff9900; color: #fff; display: inline-block; line-height: 12px; overflow: hidden; text-align: center; margin-right: 5px; float: left; margin-top: 5px; }

.greyCol{ background:#ccc}

.yw_picShowArrl, .yw_picShowArrr{  position: relative; cursor: pointer; float: left;}

.yw_multiPicTxt{ width: 380px; height: auto; margin: 0 50px 0 30px}



.table{ float: left; width: 815px; margin: 120px 0 0 0; padding-bottom: 60px}

.table .tabMenu1{ width: 815px; border-bottom: 1px solid #d9d9d9; height: 30px}

.table .tabMenu1 ul li{ float: left; font-size: 16px; width: 120px; height: 30px; text-align: center; background: #d9d9d9; line-height: 30px; margin-right: 5px; display: inline-block; cursor: pointer}

.table .tabMenu1 ul li.hover{ background: #1442ad; color: #fff; width: 120px; height: 30px}

.tabCon1 div{ display: none; margin-top: 25px; position: relative; font-size: 14px; line-height: 30px; margin-top: 70px;}

.tabCon1 div.block{ display: block}

.pdfClick{ width: 100px; height: 90px;  float: left; position: absolute; bottom: 0; left: 0;}

.fc16{ font-size: 16px}

.price{ font-size: 28px; color: #da0202}



/*****about*****/

.pubInfor{ text-align: center; padding-bottom: 25px; color: #666}

.upDown{ width: 100%; height: 80px; line-height: 80px; color: #999}

.upDown a{ color: #000}

.upDown a:hover{ color: #e2230f; text-decoration: underline}