.area1,.area2,.area3,.area4,.area5,.area6,.area7,.area8{width:100%; height:900px;  padding:1px; position:relative;}

.area1 .content{ width:700px; margin:0 auto; margin-top:330px; text-align:center;}
.area1 .content h1{ font-size:50px; color:#0074C1; font-weight:bold; margin:20px 0;}
.area1 .content p{ font-size:22px; color:#8D95A0;line-height:40px; font-weight:500;}
.area1 .content .line{ width:84px; margin:20px auto; border:2px solid #FEAA24;}



.area2 ul{  margin:0 auto; width:980px; position:absolute; top:383px; left:50%; margin-left:-490px;}
.area2 ul li{ float:left; margin-right:120px; text-align:center;}
.area2 ul li a{ font-size:18px; color:#000;}
.area2 ul li a div{ width:246px; height:246px; position:relative; border-radius:100%; overflow:hidden; margin-bottom:15px;}
.area2 ul li a div span.mask{ display:block; position:absolute; left:0; top:0; background:rgba(0,0,0,0.6); display:none;}
.area2 ul li a img{ margin-bottom:15px; width:246px; height:246px;}
.area2 ul li:last-child{ margin-right:0;}



.area3 ul{ width:1200px; margin:0 auto; margin-top:340px;}
.area3 ul li{ width:290px; height:390px; background:url(../images/libg.png) center center no-repeat; float:left; margin-right:10px;}
.area3 ul li img{ width:290px;}
.area3 ul li:hover{ background:url(../images/libg_hover.png) center center no-repeat;}
.area3 ul li div.info{ width:100%; padding:0 20px;}
.area3 ul li div span{ font-size:15px; color:#0075C1; padding:20px 0; display:block;}
.area3 ul li div p{ font-size:13px; color:0075C1;#A4A4A4;}
.area3 ul li p{ height:78px; color:#666;}
.area3 ul li i{ display:block; width:39px; height:39px; border-radius:100%; background-color:#0075C1; text-align:center; line-height:35px; font-size:40px; color:#fff; font-weight:normal; margin:0 auto; box-shadow:1px 2px 2px #666;}
.area3 ul li:hover i{ background-color:#fff; color:#0075C1}
.area3 ul li:hover span,.area3 ul li:hover p{ color:#fff;}
.area3 ul li:last-child{ margin-right:0;}
.area3 ul li div.litimg{ width:290px; height:183px; overflow:hidden;}

.area4 .content{ width:1200px; margin:0 auto; margin-top:300px;}
.area4 .content ul{ float:left; width:780px;}
.area4 .content ul li{ width:240px; float:left; height:182px; margin-right:20px; margin-bottom:20px; }
.area4 .content ul li span,.area4 .content div.bigimg span{ display:block; height:30px; width:100%; /* line-height:30px; */ text-align:center; background-color:#0075C2; color:#fff;}
.area4 .content div.bigimg{ width:420px; height:350px; float:left;}
.area4 .content ul li div.litimg{ width:240px; height:150px; overflow:hidden;}
.area4 .content div div.litimg{ overflow:hidden;}

.area5 ul{ width:1200px; margin:0 auto; margin-top:380px;}
.area5 ul li{ width:360px; height:300px; margin-right:60px; text-align:center; float:left; position:relative;}
.area5 ul li img{ width:360px; height:300px; border:5px solid #458EC1; border-radius:30px;}
.area5 ul li:last-child{ margin-right:0;}
.area5 ul li div{ display:none;}
.area5 ul li a:hover div{ position:absolute; display:block; font-size:23px; color:#000; top:5px; left:5px; border-radius:24px; width:360px; height:300px; text-align:center; background:rgba(0,0,0,0.5);}
.area5 ul li a:hover div span{ display:inline-block; width:100%; height:50px; /* line-height:50px */; background:rgba(255,255,255,0.5); position:absolute; top:50%; left:0; margin-top:-25px;}


.area6 .content{ width:1200px; margin:0 auto; margin-top:300px;}
.area6 .content ul{ float:left; width:780px;}
.area6 .content ul li{ width:240px; float:left; height:180px; margin-left:20px; margin-bottom:20px; position:relative;}
.area6 .content ul li div.overlay,.area6 .content div.bigimg div.overlay{ position:absolute; left:0;top:0; width:100%; height:100%; text-align:center; background:rgba(0,0,0,0.5);}
.area6 .content div.bigimg{ width:420px; height:380px; float:left; position:relative;}
.area6 .content div.bigimg>img{ width:100%;}
.area6 .content span{ display:block; text-align:center; color:#fff; font-size:16px; margin-top:10px;}
.area6 .content ul li div.overlay div{ margin-top:60px;}
.area6 .content div.bigimg div.overlay div{ margin-top:154px;}
.area6 .content ul li:hover div.overlay{ display:none;}
.area6 .content div.bigimg:hover div.overlay{ display:none;}


.area7 .content{ width:1200px; margin:0 auto; margin-top:250px;}
.area7 .content .tab{ text-align:center;}
.area7 .content .tab a{ display:inline-block; width:110px; height:41px; text-align:center; line-height:41px; margin-right:100px; background-color:#7989A0; color:#fff; font-size:20px;}
.area7 .content .tab a:last-child{ margin-right:0;}
.area7 .content .tab a.on{ background-color:#008AD2;}
.area7 .content ul{ margin-top:43px;}
.area7 .content ul li{ width:100%; height:60px; line-height:60px; border:2px solid #798A9E; margin-bottom:10px; background:rgba(255,255,255,0.1);}
.area7 .content ul li:hover{ background-color:#798A9E;}
.area7 .content ul li span{ font-size:25px; color:#fff; padding:0 20px; vertical-align:middle;}
.area7 .content ul li a{ font-size:16px; color:#fff; padding-left:40px; border-left:2px solid #FFE258; margin-top:-10px; vertical-align:middle;}
.area7 .content a.more{ display:block; width:90px; height:38px; line-height:38px; text-align:center; background:rgba(255,255,255,0.1); color:#fff; margin:0 auto; margin-top:35px; }
.area7 .content a.more:hover{ background-color:#798A9E}
.area7 .newsbigtitle{ font-size:40px; color:#fff; position:absolute; top:20%; left:3%; font-weight:bold; letter-spacing:20px;}


.area8 .content{ width:1200px; height:650px; margin:0 auto; margin-top:220px; background:rgba(0,0,0,0.6); padding:40px;}
.area8 .content h4{ font-size:26px;}
.area8 .content h4 span{ font-size:20px; color:#999; display:block;}
.area8 .content .left{ float:left; width:570px; color:#fff;}
.area8 .content .left ul{ margin-top:58px;}
.area8 .content .left ul li{ margin-bottom:20px;}
.area8 .content .left ul li label{ width:90px; font-size:17px; display:inline-block;}
.area8 .content .left ul li input[type=text]{ width:476px; height:40px;}
.area8 .content .left ul li input[type=submit]{ width:120px; height:40px; background-color:#0075C2; color:#fff; font-size:17px; border:none;}
.area8 .content .left ul li textarea{ width:476px; height:220px;}
.area8 .content .right{ float:left; width:460px; margin-left:80px; color:#fff;}
.area8 .content .right div{ margin-top:58px; font-size:17px; line-height:26px;}
.area8 .content .right div b{ margin:6px 0; display:block;}


.banner{ width:100%; height:330px;}
.locationbox{ width:100%; height:36px; line-height:36px; background:url(../images/locationbg.png) repeat-x;}
.location{ width:1200px; margin:0 auto;}
.location .fr{ background-color:#0F6DB7; color:#fff; display:block; width:36px; height:36px; text-align:center; line-height:15px; font-size:12px; padding-top:3px;}

.pcontent{ width:100%; background-color:#F1F1F1; padding-top:1px;padding-bottom:50px;}
.plist{ width:1200px; margin:60px auto; }
.plist li{ float:left; width:380px; height:380px; margin-right:30px; margin-bottom:30px; background-color:#fff;}
.plist li img{ max-width:100%;}
.plist li:nth-child(3n){ margin-right:0;}
.plist li h2{ font-size:24px; padding:20px 0; text-align:center; color:#000;}
.plist li p{ font-size:15px; padding:0 10px; line-height:23px;}

.nlist{ width:1200px; margin:30px auto;}
.nlist li{ border-bottom:1px dashed #999; padding:30px 0;}
.nlist li>img{ width:200px; height:140px; margin-right:35px; box-shadow:10px 10px 0 #333; float:left;}
.nlist li div h2{ font-size:22px; color:#000;}
.nlist li div p{ font-size:14px; line-height:25px; color:#999; margin-top:10px; height:90px; margin-bottom:10px;}
.nlist li .date{ background:url(../images/date.png) left center no-repeat; padding-left:24px; color:#999;}

.pcontent .content{ width:1200px; margin:0 auto; background-color:#fff; padding:30px;}
.pcontent .content h1{ font-size:18px; text-align:center; font-weight:bold;}
.pcontent .content .info{ text-align:center; color:#999; margin:30px 0;}
.pcontent .content .info span{ margin-right:60px;}
.pcontent .content .info span:last-child{ margin-right:0;}

.relate{ margin-top:60px;}
.relate h2.title{ width:222px; margin:0 auto; border-bottom:2px solid #FFCC56; text-align:center; position:relative;}
.relate h2.title span{ font-size:22px; color:#0273BF; position:absolute; width:60%; top:-10px; left:50%; background:#F1F1F1; margin-left:-66px;}
.relate ul li{ padding:10px;}

.about{ width:1200px; margin:0 auto; padding:20px 40px; position:fixed;  left:50%; margin-left:-600px; background-color:#fff; z-index:1001; overflow-y:auto;display:none;}
.about .tab{ width:100%; height:51px; border-bottom:1px solid #eee; text-align:center;}
.about .tab a{ display:inline-block; width:118px; height:50px; text-align:center; line-height:50px; background-color:#41B5FF; color:#fff; margin-right:26px; border-radius:10px 10px 0 0;}
.about .tab a:last-child{ margin-right:0;}
.about .tab a.on{background: linear-gradient(to bottom, #55AAFC, #0C71D9);}
.about .box{ margin-top:30px; display:none;}
.about .box .company{ width:600px; height:350px; margin:0 auto; position:relative; margin-bottom:20px}
.about .box .company ul li{ width:100%; height:350px; display:none; background-size:cover!important;}
.about .box .company ul li:first-child{ display:block;}
.about .box .company .tabdot{ position:absolute; width:100%; left:;0; bottom:10px; text-align:center;}
.about .box .company .tabdot span{ display:inline-block; width:10px; height:10px; background-color:#fff; border-radius:100%; margin-right:10px;}
.about .box .company .tabdot span.on{ background-color:#0C71D9;}
.about .box .article{ line-height:20px; font-size:13px; padding:20px;}

.about .box .culture{ margin:10px 0;}
.about .box .culture li{ float:left; width:24%; font-size:16px; text-align:center; margin-left:1%;}
.about .box .culture li img{ width:100%; height:180px; margin-bottom:10px;}


.about .box .chanye{ width:700px; margin:20px auto;}
.about .box .chanye .chanyebox{ width:auto; float:left;}
.about .box .chanye ul li{ width:450px; height:350px; display:none; text-align:center; line-height:30px;}
.about .box .chanye ul li div{ width:450px; height:450px; display:table-cell; overflow:hidden; vertical-align:middle;}
.about .box .chanye ul li div img{ max-width:100%; max-height:100%;}
.about .box .chanye ul li:first-child{ display:block;}
.about .box .chanye .prebtn{ float:left; margin-right:80px; margin-top:140px;}
.about .box .chanye .nextbtn{ float:left; margin-left:80px; margin-top:140px;}



.about2 ul{ width:100%;}
.about2 ul li{ float:left; width:250px; padding:6px; text-align:center;}
.about2 ul li:last-child{ margin-right:0;}
.about2 ul li img{ margin-bottom:10px; width:100%;}
.about2 ul li a{ color:#52BFF8;}
.about2 h2{ font-weight:bold; border-left:3px solid #355C7B; padding-left:10px; font-size:17px; margin:60px 0 20px 0;}
.about2 p{ line-height:30px; font-size:15px;}

.litimg:hover img{ transform:scale(1.5); transition-duration:0.5s;}

#about1box{ height:600px; margin-top:-300px; top:-300px; display:none; overflow:hidden;}

#about2box{ height:600px; margin-top:-300px; top:-300px; display:none; overflow:hidden;}
#about2box ul li img:hover{ position:relative; right:1px;top:1px;}

#about3box{ height:600px; margin-top:-300px; top:-300px; display:none; overflow:hidden;}
#about3box .litimg img{ width:100%; height:180px;}
#about3box .prebtn,#about3box .nextbtn{ float:left; margin-top:90px; opacity:0;}

#about4box{height:600px; margin-top:-300px; top:-300px; overflow:hidden; display:none;}

#shipinbox{ width:640px; height:400px; margin-top:-200px; top:-200px; margin-left:-320px; display:none;}

.box1,.box2,.box3,.box4,.box5,.box6,.box7{ width:100%; margin:0 auto; position:relative; display:none;}
.picbox{ width:1000px; height:220px; overflow:hidden; position:relative; margin:0 auto;}
.piclist{position:absolute; height:220px; left:0px; top:0px}
.piclist li{ background:#eee; height:220px; padding:5px; float:left;}
.swaplist{ position:absolute; top:0px}
.og_prev,.og_next{ width:30px; height:50px; background:url(../images/icon.png) no-repeat; background:url(../images/icon_ie6.png) no-repeat\9; position:absolute; top:100px; z-index:99; cursor:pointer;filter:alpha(opacity=70); opacity:0.7;}
.og_prev{ background-position:0 -60px; left:4px;display:none;}
.og_next{ background-position:0 0; right:4px;}

.tabcontent{ overflow-y:auto; overflow-x:hidden; height:500px;}
.tabcontent img{ max-width:100%;}


#imgbox-loading { position: fixed; top: 0; left: 0; cursor: pointer; display: none; z-index: 1003; }
#imgbox-loading div { background: #FFF; width: 100%; height : 100%; }
#imgbox-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; display: none; z-index: 1002; }
.imgbox-wrap { position: fixed;  background: #FFF; display: none; z-index: 1003!important; }
.imgbox-img { padding: 0; margin: 0; border: none; width: 100%; height: 100%; vertical-align: top; }
.imgbox-title { padding-top: 10px; font-size: 11px; text-align: center; font-family: Arial; color: #333; display: none; }
.imgbox-bg-wrap { position: fixed; padding: 0; margin: 0; display: none; }
.imgbox-bg { position: fixed; width: 20px; height: 20px; }