﻿/* CSS Document */

/*--------------------------top----------------------------------------*/
.top{width:1000px;height:80px;margin:0 auto;}
.logo{width:300px; height:100px; /* margin-top:-17px; background:url(../images/logo.png) no-repeat; */ }
.topcon{width:700px;height:50px; margin-top:25px;}
.topcon a{ float:left; margin-left:30px;font-size:18px;}
.topcon a:hover{color:#13b3fd;}

.top_social span{ color:#000; padding-left:20px; float:left; line-height:24px; width:100%;}	
.top_social span.tel{ background:url(../images/tel.png) no-repeat left center; margin-left:18px; width:100%;}
.top_social span em{color: #d70100; font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold;font-style:normal;width:100%;}

/*-------------------banner--------------------------------------*/
#banner{width:100%;height:420px;position:relative;margin:auto;}
#banner .imglist{width:100%;height:420px;background: url(../images/banner_03.jpg) 50% 0% no-repeat;position:absolute;top:0px;left:0px;}
#banner .imglist2{width:100%;height:420px;background: url(../images/banner_02.jpg) 50% 0% no-repeat;position:absolute;top:0px;left:0px;}
#banner .imglist h1{ z-index:1000; text-indent:-999999px;}
#banner .imglist2 h1{ z-index:1000; text-indent:-999999px;}
.bannera{height:420px;}
.btn{position:absolute;bottom:10px;left:47.5%;display:inline-block;padding:2px 15px;}
.btn li{float:left;height:16px;width:16px;margin:0px 2px;background:url(../images/1.png) no-repeat; cursor:pointer;}
.btn .hover{background:url(../images/2.png) no-repeat;}

/*----------------------导语------------------------------------------*/
.daoyu{width:1000px; height:320px; margin:25px auto; background:url(../images/daoyu.jpg); position:relative;}
.daoyutitle{ width:10%; height:24px; position:absolute; left:371px; top:47px; text-align:center; line-height:64px; color:#FFF;}
.daoyuword{ width:362px; position:absolute; left:370px; top:117px; line-height:24px; text-indent:2em;font-size:16px;}
#nav1{ width:252px; height:48px; position:absolute; left:748px; top:111px;}
#nav2{ width:246px; height:54px;position:absolute; left:754px; top:164px;}
#nav3{ width:230px; height:40px; position:absolute; left:770px; top:230px;}

.part{ width:100%; height:102px; background:#4285f4; margin-bottom:1px;}
.part6{background:#0f9d58; }
.part3{background:#ff9800; }
.part2,.part4{background:#db4437;}
.parttitle{ width:80%; height:102px; margin:0 auto; color:#FFF; line-height:102px; font-size:36px; text-align:center; }
.comtitle{ width:1000px; height:63px;line-height:63px; font-size:24px; text-align:center; color:#595757; margin:20px auto 20px;}
.part1-botton{ margin-top:10px; }
.part1-botton a{background:#4285f4; padding:10px 15px; cursor:pointer; color: #fff;}
.part1-botton a:hover{background:#3367d6;}

/*--------------------------PART 1--------------------------------------------*/
.part1main{ width:1000px; margin:20px auto 30px; line-height:26px;}
.partdy{ font-size:18px; color:#01aafd;} /*--导语--*/
.tips1{ width:1000px; height:223px; background:url(../images/tips1.png); margin-top:20px; position:relative;}
.tips1title{ height:46px; position:absolute; left:340px; top:10px; line-height:46px; font-size:18px;}
.tips1main{ width:618px; height:64px; background:url(../images/tipsmainbg.png); position:absolute; left:0;top:74px; padding:30px 32px; color:#3e3a39;}
.tips2{ width:1000px; height:223px; background:url(../images/tips2.png); position:relative;}
.tips2title{ height:46px;position:absolute; left:664px; top:23px; line-height:46px; font-size:18px;}
.tips2main{ width:618px; height:84px; background:url(../images/tipsmainbg.png); position:absolute; left:335px;;top:86px; padding:20px 32px; color:#3e3a39;}

/*--------------------------PART 2--------------------------------------------*/
.part2main,.part6main{ width:1000px; margin:20px auto 30px;line-height:26px; position:relative;}
	/*--------2.1-----------*/
.p2t{ height:50px; font-size:18px; line-height:50px;}
.p2t a{ height:50px; font-size:18px; line-height:50px; color:#009cff;}
.p2a{width:1000px; height:250px; background:url(../images/pa2.png);margin-top:10px;position:relative;}
.p2atitle{ font-size:18px; position:absolute; left:111px; top:19px; text-align:center;}
.p2amain{ width:832px;position:absolute; left:138px;top:52px;}
.p2b{ width:1000px; height:250px; background:url(../images/pb1.png);margin-top:10px;position:relative;}
.p2btitle{ height:30px; text-align:center; line-height:30px; color:#ff9800; font-size:18px; position:absolute; left:617px; top:60px;}
.p2bmain{ width:477px;  position:absolute;left:400px; top:114px;}
.p2c{ width:1000px; height:250px; background:url(../images/pc1.png);margin-top:10px;position:relative; }
.p2ctitle{font-size:18px; position:absolute; left:111px; top:65px; text-align:center;}
.p2cmain{ width:506px; position:absolute; left:138px;top:115px;}
.pa1{ width:1000px; height:250px; background:url(../images/pa1.png);margin-top:10px;position:relative;}
.p1atitle{ font-size:18px;color: #0f9d58;position:absolute; left:111px; top:67px; text-align:center;}
.p1amain{ width:500px;position:absolute; left:138px;top:116px;}
.pb2{ width:1000px; height:250px; background:url(../images/pb2.png);margin-top:10px;position:relative;}
.p3a{ width:1000px; height:250px; background:url(../images/pa3.png);margin-top:10px;position:relative;}
.p3atitle{ width:225px; height:30px; text-align:center; line-height:30px; color:#ff9800; font-size:18px; position:absolute; left:660px; top:60px;}
.p3amain{ width:477px;  position:absolute;left:395px; top:128px;}
	/*------------2.2----------------*/
.zc1{ width:856px; height:78px; padding-left:144px; background:url(../images/zcico.png) no-repeat; margin:20px auto;}
.zc2{ width:533px; height:95px; margin-top:10px;}
.zcimg{ width:660px; height:134px; position:absolute; left:400px; top:1739px;}
.zcround{ width:136px; height:134px; background:url(../images/zcround.jpg); text-align:center; line-height:130px; float:left;}
.zcplus{ width:34px; height:34px; background:url(../images/zcplus.png); margin:28px 24px;; float:left;}
/*--------------------------PART 3--------------------------------------------*/
.part3main,.part4main,.part5main{ width:1000px; margin:20px auto;line-height:26px; position:relative;}
	/*---------------3.1 PRO LIST--------------------*/
.seven{ width:585px; height:290px; background:url(../images/companyimg1.jpg) no-repeat; margin:0 auto 30px; padding-left:415px; position:relative;}
.sevenimg{ width:585px; height:178px; background:url(../images/companyimg2.jpg) no-repeat; position:absolute; left:415px; top:106px;}
.prolist{ width:1000px; height:300px; margin-top:20px;}
.prolist dl{ width:307px; height:131px; background:url(../images/prolistdlbg.png) repeat-y;border:#aaaaaa 1px dashed; margin-right:31px; border-left:none; float:left; margin-bottom:26px;}
.prolist dl.nomargin{ margin-right:0;}
.prolist dl dt{ height:16px; line-height:16px; margin-left:12px; margin-top:14px;}
.prolist dl dt.btitle{ color:#009cff;}
.prolist dl dd{ width:275px;margin-top:16px; margin-left:12px; font-size:12px; line-height:20px; font-family:"宋体"}
	/*---------------3.2 PRO IMG-------------------*/
.proimg{width:1000px; height:272px; margin-top:20px; }
.proimg ul li{ width:235px; height:270px; margin-right:20px; overflow:hidden;}

#p1{ background:url(../images/asme-s.jpg);}
#p2{ background:url(../images/asme-u.jpg);}
#p3{ background:url(../images/a.jpg);}
#p4{ background:url(../images/iso.jpg);margin-right:0;}
.protxt{ width:199px; height:270px;background:#ff9800; font-size:12px;  color:#FFF; margin-top:240px;padding:0 18px; line-height:20px;}
.prott{ width:199px; height:30px; line-height:30px;text-align:center; border-bottom:1px solid #FFF; margin-bottom:10px;}
.prott a{ color:#fff;}
	/*-----------------3.3 	CASE-----------------*/
.case{ width:1000px; margin:30px 0; position:relative;}
.case dl{ width:560px; height:135px; border:#898a86 1px dashed; border-left:#535353 4px solid; border-right:#535353 4px solid; margin-bottom:8px;}
.case dl.big{ height:150px;}
.case dl dt{ height:16px; border-left:#db4437 5px solid; margin-left:7px; margin-top:12px; line-height:16px; text-indent:6px;}
.case dl dd{ width:548px; font-size:13px; line-height:26px; margin-left:7px; margin-top:15px; }
.caseimg{ width:380px; height:440px; position:absolute; left:610px; top:0;}
.casexian{ width:1px; height:467px; border-left:#db4437 1px solid; position:absolute; left:596px;}
#caseico{ width:16px; height:16px; background:url(../images/caseico.png) no-repeat; position:absolute; left:592px; top:61px;}
#case1{ height: 145px;}
#case2{ height: 165px;}
	/*-----------------3.4 HOT SALE--------------------*/

.HotSale{ width:1000px; height:480px; border:1px #4285f4 solid; border-top:2px #4285f4 solid; border-bottom:2px #4285f4 solid;}
.hd ul li{width:198px;height:34px; border-right:2px #4285f4 solid; border-bottom:1px #4285f4 solid; float:left;text-align:center; line-height:34px;}
.hd ul li.on{ background:#4285f4; color:#FFF; cursor:pointer;}
.hd ul li.noborder{ border-right:0;width:250px;}

.HotSaleMain{ width:954px; height:430px; margin-left:42px; margin-top:2px;position:relative; color:#3e3a39;}
.HotSaleIco{ width:40px; height:40px; background:url(../images/hotsaleico.png);position:absolute; left:185px; top:104px; cursor:pointer;}
.HotSaleImg{ width:740px; height:420px; position:absolute; left:207px; overflow:hidden;margin-top:10px;}
.HotSaleMain h2 a{ font-size:18px; height:60px; line-height:60px; font-weight:normal;}
.tuijian{ width:300px; height:26px; line-height:26px; background:url(../images/tuijianico.png) no-repeat 0px;}
.canshu{ width:200px; margin-top:9px;}
/*-----------------------------Service-------------------------------------------------*/
.service{ overflow:hidden; width:100%; margin:20px 0;}
.service img{ width:425px; float:left;}
.service dl{ margin-left:15px; width:560px;float:left;}
.service dl dd{ background:url(../images/service.png) no-repeat 0px 4px; padding:0 20px;}
.service-2{width:560px;float:left;}
.service img.ser-img{ width:545px; margin-top:8px;}
.cl{clear:both; overflow:hidden;}
/*-----------------------------contact-------------------------------------------------*/
.shouhou{ width:1000px; height:440px; margin:0 auto;border:1px solid #ddddde; color:#000; margin-top:10px; margin-bottom:20px; position:relative;}
.shouhoutitle{ width:467px; height:66px; font-size:18px; line-height:60px; text-align:center;}
		/*---------------left-------------*/
.shouhouleft{ width:467px; height:440px; border-right:1px solid #ddddde; padding-left:16px; padding-right:16px; line-height:24px;}
.five{ width:467px; height:180px; margin:17px auto 10px; line-height:30px;}
.five a.button{ background:#4285f4; padding:10px; color:#fff; }
.five a.button:hover{background:#3367d6;}
.fuwu{width:108px; height:25px; background:#ddddde; line-height:25px; text-align:center; color:#595757;}
.fuwu a{color:#000;}
.fuwu a:hover{ background:#71d2ff; display:block; color:#FFF;}
	/*----------------------right-------------------------*/
.ser{width:470px; height:395px; margin-left:30px;}
.inname{width:90px; height:22px; padding-right:15px;line-height:22px;text-align:right;}
.ser input{width:168px; height:22px; text-indent:5px; line-height:22px; text-indent:5px;}
.ser textarea{padding:5px;}
.tijiao{width:170px; margin:20px 90px 0;}
.xing{color:red; font-size:12px;}
#submit2{ width:170px; height:30px; text-align:center; line-height:30px; background:#4285f4; color:#fff; cursor:pointer; border:0;}
#submit2:hover{ background:#3367d6;}
/*----------------------------left nav----------------------------------------*/
.lnav{width:153px; height:310px; position:fixed;top:40%; left:2%; z-index:20;}
.lnav ul li{width:80%; _height:30px;text-align:center;  margin-bottom:20px;line-height:30px;  border:2px solid #fff;}
.lnav ul li.subnav1,.lnav ul li.subnav5{ background:#4285f4;}
.lnav ul li.subnav6{ background:#0f9d58;}
.lnav ul li.subnav4{ background:#ff9800;}
.lnav ul li.subnav2,.lnav ul li.subnav3{ background:#db4437;}
.lnav ul li.subnav7{ background:#898a86;}
.lnav ul li.nownav{ font-size:20px;color:#ff5551; background:#ff5551; background:#fee579; display:block;}
.lnav ul li a{color:#fff;font-size:20px;}
.lnav ul li.subnav1 a:hover,.lnav ul li.subnav5 a:hover{background:#3367d6;}
.lnav ul li.subnav6 a:hover{background:#199052;}
.lnav ul li.subnav4 a:hover{background:#fd920c;}
.lnav ul li.subnav2 a:hover,.lnav ul li.subnav3 a:hover{background:#cc3f33;}
.lnav ul li a:hover{ display:block;}
.navword{width:384px; height:20px;}

/*-------------------footer--------------------------------*/
.foot{width:auto;height:56px; background:#535353;}
.footer{width:999px; height:56px; line-height:56px; color:#FFF; margin:0 auto;}
.ftel{width:300px; height:56px; text-align:right;}
.xinxi{width:600px; height:56px;}


