﻿body {margin: 0px auto;padding: 0px; font-family:'Arial','Microsoft YaHei','SimSun'; font-size: 14px; background:#fff;}

.TopLine{ width:100%; height:40px; background:#003262;}
.TopLine .TopLineCon{ width:1200px; height:40px; line-height:40px; color:#fff; font-size:16px; margin:0 auto;}
.TopLine .TopLineCon a{ color:#fff; font-size:16px; float:left; margin-right:15px; line-height:40px;}
.TopLine .TopLineCon a:hover{ color:#7f97af;}
.TopLine .TopLineCon .Search{float:right; width:201px; border-bottom:1px solid #8099b1; margin-top:5px;}
.TopLine .TopLineCon .Search input[type="text"]{height:28px; width:169px; border:none; border:0; float:left; color:#7f97af; line-height:32px;}
.TopLine .TopLineCon .Search input[type="search"]{height:28px; width:169px; border:none; border:0; float:left; color:#7f97af;  line-height:32px; background:none;}
.TopLine .TopLineCon .Search input[type="button"]{ height:28px; width:32px; float:left; background:url(../../images/searchicon.png) no-repeat 8px 5px; cursor:pointer; border:none;}

.Top{ width:100%; height:120px; background:#fff;}
.Top .TopCon{ width:1200px; height:120px; margin:0 auto;}
.Top .TopCon .Logo{ width:700px; height:60px; float:left; margin-top:30px;}
.Top .TopCon .NavCon{ width:500px; height:60px; float:right; margin-top:30px;}
.Top .TopCon .NavCon ul li{ height:60px; line-height:60px; text-align:center; float:right;}
.Top .TopCon .NavCon ul li a{ color:#333; font-size:15px; display:block; height:60px; font-family:"Microsoft YaHei UI"; margin-left:20px; font-weight: bold;}
.Top .TopCon .NavCon ul li:hover a{ color:#af0525;}

.Banner{ width:100%; height:600px; overflow:hidden;background: #fff;}
.Banner .POP{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.Banner .POP ul{width:100% !important; height:520px; overflow:hidden;}
.Banner .POP ul li{ width:100% !important;float:left;height:520px; overflow:hidden;text-align:center; float:left; position:relative; background:#a6a6a6;}
.Banner .POP ul li .BanImg{ width:100; height:520px; margin:0 auto;}
.Banner .POP ul li .BanImg img{ width:1920px; height:520px;}
.Banner .BanInfor{ width:1401px; height:80px; margin:0 auto; background: #fff;}
.Banner .BanInfor ul span{ display:inline-block; width:1px; height:60px; float:left; background:#cccccc;}
.Banner .BanInfor ul li{ width:350px; height:80px; float:left;}
.Banner .BanInfor ul li span{ display:inline-block; width:1px; height:60px; float:left; background:#cccccc;}
.Banner .BanInfor ul li h3{ width:300px; height:80px; font-weight: normal; text-align:left; line-height:24px; position:relative; left:15px; float:left;}
.Banner .BanInfor ul li h3 a{ width:300px; height:80px; color:#333; font-size:14px; line-height:20px; display:table-cell; vertical-align:middle;}
.Banner .BanInfor ul li i{ display:block; width:15px; height:9px; background:url(../../images/bannericon1.png) no-repeat; margin:36px 10px 36px 0; float:right;}
.Banner .BanInfor ul li:hover span{ background:#af0525;}
.Banner .BanInfor ul li:hover h3 a{ color:#af0525;}
.Banner .BanInfor ul li:hover i{ background:url(../../images/bannericon2.png) no-repeat;}
.now span{ background:#af0525 !important;} 
.now h3 a{ color:#af0525 !important;}
.now i{ background:url(../../images/bannericon2.png) no-repeat !important;}

.Main2{ width:100%; height:auto; overflow:hidden; background:#f5f5f5;}
.Main2 .Main2Con{ width:1400px; height:auto; margin:60px auto;}

.Main3{ width:100%; height:auto; overflow:hidden; background:#fff;}
.Main3 .Main3Con{ width:1400px; height:auto; margin:0 auto;}
.Main3 .Main3Con .Title{ width:1400px; height:145px; overflow:hidden;}
.Main3 .Main3Con .Title h3{ height:40px; margin:55px auto 0; color:#003262; font-size:36px; line-height:40px; text-align:center; font-weight:600;}
.Main3 .Main3Con .Title i{ display:block; width:60px; height:6px; background:#af0525; margin:12px auto 0;}
.Main3 .Main3Con ul{ width: 1432px; height: 440px; overflow: hidden;}
.Main3 .Main3Con ul li{ width: 684px; height: 440px; float: left; margin-right: 32px;}
.Main3 .Main3Con ul li .ProductsImg{ width: 684px; height: 280px; overflow: hidden;}
.Main3 .Main3Con ul li .Infor{ width: 622px; height: 159px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 0 30px; overflow: hidden;}
.Main3 .Main3Con ul li .Infor h3{ color: #333; font-size: 18px; line-height: 20px; margin-top: 25px;}
.Main3 .Main3Con ul li .Infor span{ display: block; width: 30px; height: 3px; background: #00356b; margin-top: 10px;}
.Main3 .Main3Con ul li .Infor .Art{ width: 622px; height: 60px; overflow: hidden; margin-top: 15px;}
.Main3 .Main3Con ul li .Infor .Art p{ width: 560px; height: 60px; color: #999; font-size: 13px; text-align: justify; float: left; line-height: 22px;}
.Main3 .Main3Con ul li .Infor .Art a{ display: block; width: 30px; height: 26px; float: right; background:url(../../images/more.png) right center no-repeat; margin-top: 19px;}
.Main3 .Main3Con ul li:hover{ background: #00356b;}
.Main3 .Main3Con ul li:hover .Infor{ border-left: 1px solid #00356b; border-right: 1px solid #00356b; border-bottom: 1px solid #00356b;}
.Main3 .Main3Con ul li:hover h3{ color: #fff;}
.Main3 .Main3Con ul li:hover span{  background: #fff;}
.Main3 .Main3Con ul li:hover .Art p{ color: #fff;}
.Main3 .Main3Con .More{ display: block; width: 180px; height: 40px; border: 1px solid #E5E5E5; margin: 30px auto; border-radius: 100px; text-align: center; line-height: 40px; color: #333; font-weight: lighter;}
.Main3 .Main3Con .More:hover{ color: #fff; background: #00356b; border: 1px solid #00356b;}

.Main4{ width:100%; height:auto; overflow:hidden; background:#f5f5f5;}
.Main4 .Main4Con{ width:1400px; height:620px; margin:0 auto; padding-bottom: 60px;}
.Main4 .Main4Con .Title{ width:1400px; height:145px; overflow:hidden;}
.Main4 .Main4Con .Title h3{ height:40px; margin:55px auto 0; color:#003262; font-size:36px; line-height:40px; text-align:center; font-weight:600;}
.Main4 .Main4Con .Title i{ display:block; width:60px; height:6px; background:#af0525; margin:12px auto 0;}
.Main4 .Main4Con .Con{ width: 1400px; height: 480px;}
.Main4 .Main4Con .Con .CoopImg{ width: 980px; height: 480px; float: left;}
.Main4 .Main4Con .Con .Infor{ width: 420px; height: 480px; background: #fff; float: left; position: relative;}
.Main4 .Main4Con .Con .Infor p{ width: 340px; height: auto; margin: 60px auto 0; color: #333; font-size: 15px; text-align: justify; text-indent: 2em; font-weight: 200px; line-height: 32px;}
.Main4 .Main4Con .Con .Infor a{ display: block; width: 420px; height: 160px; position: absolute; bottom: 0;}

.Footer1{ width:100%; height:260px; background:#112953;}
.Footer1 .FooterCon{ width:1400px; height:260px; margin: 0 auto; background:url(../../images/logo1.png) right center no-repeat;}
.Footer1 .FooterCon span{ display:inline-block; width:300px; height:16px; line-height:16px; color:#fff; font-size:14px; text-indent:24px;}
.Footer1 .FooterCon .Con1{ width:260px; height:60px; padding:100px 0; float:left;}
.Footer1 .FooterCon .Con1 .Tel{background:url(../../images/tel.png) no-repeat left center; margin-bottom:20px;}
.Footer1 .FooterCon .Con1 .Mail{background:url(../../images/mail.png) no-repeat left center;}
.Footer1 .FooterCon .Con2{ width:260px; height:60px; padding:100px 0; float:left;}
.Footer1 .FooterCon .Con2 .Zip{background:url(../../images/zip.png) no-repeat left center; margin-bottom:20px;}
.Footer1 .FooterCon .Con2 .Add{background:url(../../images/add.png) no-repeat left center;}
.Footer2{ width:100%; height:40px; background:#0c1e3d;}

.Footer2 p{ width:1400px; height:40px; margin:0 auto; line-height:40px; color:#949caa; font-size:13px; text-align:left;}

.Products{ width: 100%; height: auto; background: #fff;}
.Products .ProductsCon{ width: 1400px; height: auto; margin: 0 auto 60px; overflow: hidden;}
.Products .ProductsCon .Title{ width: 1400px; height: 48px; margin-top: 50px;}
.Products .ProductsCon .Title i{ display: block; width: 6px; height: 48px; background: #00356b; margin-right: 5px; float: left;}
.Products .ProductsCon .Title .Name{ width: 300px; height: 48px; float: left;}
.Products .ProductsCon .Title .Name h3{ color: #333333; font-size: 32px; font-weight: bold; line-height: 34px;}
.Products .ProductsCon .Title .Name span{ display: inline-block; font-size: 14px; color: #999; line-height: 14px; text-transform:uppercase;}
.Products .ProductsCon .Title a{ display: block; width: 120px; height: 40px; border: 1px solid #bfbfbf; float: right; margin: 4px 0; border-radius: 100px; text-align: center; line-height: 40px; color: #333; font-weight: lighter;}
.Products .ProductsCon .Title a:hover{ color: #fff; background: #00356b; border: 1px solid #00356b;}
.Products .ProductsCon ul{ width: 1432px; height: auto; overflow: hidden; margin-top: 40px;}
.Products .ProductsCon ul li{ width: 684px; height: 400px; float: left; margin-right: 32px; margin-bottom: 30px;}
.Products .ProductsCon ul li .ProductsImg{ width: 684px; height: 240px; overflow: hidden;}
.Products .ProductsCon ul li .Infor{ width: 622px; height: 159px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 0 30px; overflow: hidden;}
.Products .ProductsCon ul li .Infor h3{ color: #333; font-size: 18px; line-height: 20px; margin-top: 25px;}
.Products .ProductsCon ul li .Infor span{ display: block; width: 30px; height: 3px; background: #00356b; margin-top: 10px;}
.Products .ProductsCon ul li .Infor .Art{ width: 622px; height: 60px; overflow: hidden; margin-top: 15px;}
.Products .ProductsCon ul li .Infor .Art p{ width: 560px; height: 60px; color: #999; font-size: 13px; text-align: justify; float: left; line-height: 20px;}
.Products .ProductsCon ul li .Infor .Art a{ display: block; width: 30px; height: 26px; float: right; background:url(../../images/more.png) right center no-repeat; margin-top: 9px;}
.Products .ProductsCon ul li:hover{ background: #00356b;}
.Products .ProductsCon ul li:hover .Infor{ border-left: 1px solid #00356b; border-right: 1px solid #00356b; border-bottom: 1px solid #00356b;}
.Products .ProductsCon ul li:hover h3{ color: #fff;}
.Products .ProductsCon ul li:hover span{  background: #fff;}
.Products .ProductsCon ul li:hover .Art p{ color: #fff;}


