﻿/*----------网站建设---------------*/



.ft1{ color:#25B2BB;}

.ft2{ color:#fff;}

/**/

.WebFlash{ width:100%; height:570px; position:relative; padding-top:120px; background:url(../image/webr2_c1.jpg) no-repeat center bottom;}

.WebFlash .wbr{  width:1920px; height:304px; position:absolute; bottom:-187px; left:50%; margin-left:-960px; background:url(../image/web/webr.png) no-repeat center top; z-index:100;}

.WebFlash ul,.WebFlash li{ padding:0px; margin:0px; list-style:none;}

.WebFlash ul{  margin-top:206px; position:relative; left:50%;}

.WebFlash li{

filter:alpha(opacity=0); 

-moz-opacity:0; 

opacity:0;

}

.WebFlash li.w1{ width:103px; height:380px; position:absolute; left:50%;top:301px; margin-left:-709px; z-index:10;}

.WebFlash li.w2{ width:660px; height:185px; position:absolute; left:50%; margin-left:-330px; top:-20px;}

.WebFlash li.w3{ 

width:284px; height:72px; position:absolute; left:50%; margin-left:350px; top:296px;

}

.Nwebsbody{ width:100%; height:822px; background:url(../image/web/webs_r3_c1.jpg) no-repeat center top; position:relative;}

.Nwebsbody .NwebTop{ width:1200px; height:534px; position:relative;}

.Nwebsbody .NwebTop div{

filter:alpha(opacity=0);

-moz-opacity:0; 

opacity:0;

}



.Nwebsbody ul,.Nwebsbody li{ padding:0px; margin:0px;  top:109px;list-style:none; left:50%; position:absolute;margin-left:-375px;}

.Nwebsbody li.liws{ 

width:1506px; height:814px; position:absolute;  

}

.Nwebsbody .NwebTop .bigTop{ width:356px; height:95px; position:absolute; left:50%; margin-left:-177px; top:364px;}

.Nwebsbody .NwebTop .bigBottom{ width:606px; height:59px; position:absolute; left:50%; margin-left:-310px; top:487px;}



.Nwebsbody .NwebBotms{ width:1183px; height:288px; padding-left:18px;}



.Nwebsbody .NwebBotms .ProList{ 
width:20%; height:288px; float:left; position:relative;top:50px; cursor:pointer;
filter:alpha(opacity=0); -moz-opacity:0; opacity:0;

}

.Nwebsbody .NwebBotms .ProList .Imgs{ width:194px; height:auto; padding-top:38px; text-align:center;}

.Nwebsbody .NwebBotms .ProList .Tigles{ width:194px; height:40px; text-align:center; line-height:40px;  font-size:18px;}



.NwebsDz{ width:100%; height:633px; background:url(../image/p_r2_c1.jpg) no-repeat center top; }

.NwebsDzs{ width:1200px; height:633px;}

.NwebsDzs .Tops{ width:1200px; height:176px; float:left;}

.NwebsDzs .Bottoms{ width:650px; height:457px; float:left; position:relative; }

.NwebsDzs .Bottoms div ,.NwebsDz .Rights{

filter:alpha(opacity=0); 

-moz-opacity:0; 

opacity:0;

}

.NwebsDz .Rights{ width:505px; height:400px; position:relative; float:right; top:50px;}





.NwebsDzs .Bottoms .Titles{ width:420px; height:48px; position:absolute; line-height:48px; font-size:24px; top:47px; left:20px;}

.NwebsDzs .Bottoms .Cotms{ width:620px; height:120px; position:absolute; top:106px; left:24px; line-height:26px;}

.NwebsDzs .Bottoms .Webans{ width:360px; height:40px;position:absolute; top:256px; left:20px;}

.NwebsDzs .Bottoms .Webans a{ width:167px; height:40px; display:block; float:left; margin-right:12px; line-height:40px; text-align:center; font-size:20px; color:#FFFFFF;}

.NwebsDzs .Bottoms .Webans a.a1{ background:#FF6600;}

.NwebsDzs .Bottoms .Webans a.a2{ background:#424B54;}

.NwebsDs{ width:100%; height:634px; border-bottom:2px solid #F2F3F5; background:#FFFFFF; }

.NwebsDs .titles{ width:1200px; height:58px; padding-top:62px; color:#00A8B5; font-size:38px; text-align:center;}

.NwebsDs .titles b{color:#FF6600;}

.NwebsDs .titbot{ width:1200px; height:58px; font-size:18px; text-align:center; line-height:30px;}

.NwebsDs .MeunBody{ width:1200px; height:72px; }

.NwebsDs .MeunBodys{ width:504px; height:37px; background:url(../image/d_r5_c12.jpg);}

.NwebsDs .MeunBodys ul,.NwebsDs .MeunBodys li{ padding:0px; margin:0px;}

.NwebsDs .MeunBodys li{ list-style:none; width:168px; height:37px; float:left; line-height:37px; text-align:center;}



.NwebsDs .MeunBodys li.Li0{

	background-image: url(../image/limanus.jpg);

	background-repeat: no-repeat;

	background-position: left top;color:#FFFFFF;

}

.NwebsDs .MeunBodys li.Li1{

	background-image: url(../image/limanus.jpg);

	background-repeat: no-repeat;

	background-position: -168px top;color:#FFFFFF;

}

.NwebsDs .MeunBodys li.Li2{

	background-image: url(../image/limanus.jpg);

	background-repeat: no-repeat;

	background-position: right top;color:#FFFFFF;

}

.NwebsDs .bodys{ width:1200px; height:360px;}











.aboutNewsCon { width: 100%; height: 610px; background: url(../images/bg2.jpg) center bottom no-repeat; overflow: hidden; }





.NwebsSer{ width:100%; height:554px;background:url(../image/p2_r4_c2.jpg) repeat-x center top;}

.NwebsSer .bodys{ width:1200px; height:554px;}

.NwebsSer .bodys h3{ width:1200px; height:78px; text-align:center; font-size:38px; padding-top:70px; font-weight:normal; color:#FF6600;}

.NwebsSer .bodys h3 span{ color:#01A8B0;}





.NwebsSer .zdcom{ width:1200px; height:350px;}





/* 横向滚动------------------------------ */





		.picScroll-left{ width:1200px;  position:relative;  height:350px;   }

		.picScroll-left .hd{  height:30px;  padding:0 10px; position:absolute; z-index:1000; bottom:0px; left:50%; margin-left:-53px; }

		.picScroll-left .hd .prev{ display:block;  width:32px; height:41px; position:absolute; overflow:hidden; left:-582px; top:-180px;

			 cursor:pointer; background:url("../image/r13_c2.png") no-repeat left top;

			 }

			 .picScroll-left .hd .next{ display:block;  width:32px; height:41px; position:absolute; overflow:hidden; right:-612px;top:-180px;

			 cursor:pointer; background:url("../image/r13_c2.png") no-repeat right top;

			 }

			  



		.picScroll-left .hd .prevStop{ background-position:-60px 0; }

		.picScroll-left .hd .nextStop{ background-position:-60px -50px; }

		.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin:0px; padding:0px; margin-top:10px;  }

		.picScroll-left .hd ul li{ float:left;  width:13px; height:13px; margin:0px; padding:0px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../image/r14_c7.png")  no-repeat right top; }

		.picScroll-left .hd ul li.on{ background-position:left top; }

		.picScroll-left .hd .pageState{ display:none;}

		.picScroll-left .bd{ padding:0px; width:1200px; height:300px; overflow:hidden;   }

		.picScroll-left .bd ul{ overflow:hidden; zoom:1; padding:0px; margin:0px;}

		.picScroll-left .bd ul li{ _display:inline;  float:left;width:1200px; height:300px; list-style:none; margin:0px; padding:0px; text-align:center; color:#FFFFFF;  }

		.picScroll-left .bd ul li .NwebsSerp{ width:1200px; height:58px; font-size:32px; text-align:center; color:#FFFFFF;}

		.picScroll-left .bd ul li .box{ width:240px; height:250px; float:left;} 

		.picScroll-left .bd ul li .box .imgs{ width:240px; height:146px; padding-top:17px; text-align:center; position:relative; }

		.picScroll-left .bd ul li .box  .titles{ width:240px; height:40px; font-size:18px;}

		.picScroll-left .bd ul li .box  .coms{ width:240px; height:30px; font-size:14px;}



/* ------图片滚动------------------------------ */





		.picScroll-img{ width:1200px;  position:relative;  height:340px;   }

		.picScroll-img .hd{  height:30px;  padding:0 10px; position:absolute; z-index:1000; bottom:0px; left:50%; margin-left:-53px; }

		.picScroll-img .hd .prev{ display:block;  width:62px; height:290px; position:absolute; overflow:hidden; left:-550px; top:-290px;

			 cursor:pointer; background:url("../image/d2_r5_c2.jpg") no-repeat left top;

			 }

		.picScroll-img .hd .next{ display:block;  width:62px; height:290px; position:absolute; overflow:hidden; right:-550px;top:-290px;

			 cursor:pointer; background:url("../image/d2_r5_c2.jpg") no-repeat right top;

			 }

			  



		.picScroll-img .hd .prevStop{ background-position:-60px 0; }

		.picScroll-img .hd .nextStop{ background-position:-60px -50px; }

		.picScroll-img .hd ul{ float:right; overflow:hidden; zoom:1; margin:0px; padding:0px; margin-top:10px;  }

		.picScroll-img .hd ul li{ float:left;  width:13px; height:13px; margin:0px; padding:0px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../image/f2_r7_c7.gif") no-repeat left top; }

		.picScroll-img .hd ul li.on{ background-position:right top; }

		.picScroll-img .hd .pageState{ display:none;}

		

		.picScroll-img .bd{ padding:0px; width:1074px; height:290px; overflow:hidden;   }

		.picScroll-img .bd ul{ overflow:hidden; zoom:1; padding:0px; margin:0px;}

		.picScroll-img .bd ul li{ _display:inline;  float:left;width:1074px; height:290px; list-style:none; margin:0px; padding:0px; text-align:center; color:#FFFFFF; font-size:20px;  }

		









.NwebsLc{ width:100%; height:675px;background:#f8f8f8;}



.NwebsLc .bodys{ width:1200px; height:675px;}

.workFlow { padding-top: 74px; height: 500px; background-color: #f8f8f8; }

.workFlow .aboutTit{ width:1200px; height:auto;text-align:center; position:relative;

filter:alpha(opacity=0); 

-moz-opacity:0; top:50px;

opacity:0;



}

.workFlow .aboutTit h4{ font-size:36px; height:60px; line-height:60px; font-weight:normal; color:#FF6400;}

.workFlow .aboutTit h4 b{ font-weight:normal; color:#02AAB5;}

.workFlow .aboutTit .grayWord{ font-size:16px; height:36px; width:1200px; line-height:30px;}

.workFlow ul,.workFlow li,.workFlow h6{ padding:0px; margin:0px;}

.wfBox { position: relative; margin-top: 85px; height: 230px; }

.wfBox .line { position: absolute; top: 63px; left: 59px; width: 1087px; height: 112px; background: url(../images/line1.png) no-repeat; z-index: 1; }

.wfBox .dot { position: absolute; width: 128px; height: 128px; background-image: url(../images/about.png); background-repeat: no-repeat; cursor: pointer; -webkit-opacity: 0; opacity: 0; filter: alpha(opacity=0); z-index: 2; }

.wfBox .icon { position: relative; margin-left: auto; margin-right: auto; background-image: url(../images/about.png); background-repeat: no-repeat; z-index: 4; }

.wfBox .wfBoxBg { position: absolute; top: 0; left: 0; width: 100%; z-index: 3; overflow: hidden; }

.wfBox .wfBoxBg .bg { height: 0; overflow: hidden; }

.wfBox h6 { position: relative; padding-top: 10px; text-align: center; font-size: 18px; color: #fff; z-index: 4; }

.wfBox .topCir { display: none; width: 128px; height: 64px; background: url(../images/about.png) 0 -182px no-repeat; z-index: 3; }

.wfBox .bottomCir { position: relative; display: none; width: 128px; height: 64px; background: url(../images/about.png) 0 -118px no-repeat; z-index: 3; }

.wfBox ul { position: relative; padding-top: 45px; margin-bottom: -6px; background-color: #01A9B2; overflow: hidden; z-index: 4; }

.wfBox ul li { font-size: 12px; text-align: center; line-height: 24px; }

.wfBox ul li a { color: #fff; }

.wfBox .odd { top: 0; }

.wfBox .even { bottom: 0; }

.wfBox .dot1 { left: 0; background-position: 0 -886px; }

.wfBox .dot1 .icon { margin-top: 32px; margin-bottom: -1px; width: 27px; height: 33px; background-position: 0 -1270px; }

.wfBox .dot2 { left: 154px; background-position: 0 -758px; }

.wfBox .dot2 .icon { margin-top: 33px; margin-bottom: -1px; width: 36px; height: 33px; background-position: 0 -1303px; }

.wfBox .dot3 { left: 307px; background-position: 0 -1142px; }

.wfBox .dot3 .icon { margin-top: 25px; margin-bottom: -1px; width: 41px; height: 34px; background-position: 0 -1336px; }

.wfBox .dot4 { left: 461px; background-position: 0 -1014px; }

.wfBox .dot4 .icon { margin-top: 27px; margin-bottom: -1px; width: 40px; height: 41px; background-position: 0 -1370px; }

.wfBox .dot5 { left: 615px; background-position: 0 -374px; }

.wfBox .dot5 .icon { margin-top: 27px; margin-bottom: -1px; width: 51px; height: 38px; background-position: 0 -1411px; }

.wfBox .dot6 { left: 769px; background-position: 0 -246px; }

.wfBox .dot6 .icon { margin-top: 32px; margin-bottom: -1px; width: 28px; height: 36px; background-position: 0 -1449px; }

.wfBox .dot7 { left: 922px; background-position: 0 -630px; }

.wfBox .dot7 .icon { margin-top: 32px; margin-bottom: -1px; width: 42px; height: 36px; background-position: 0 -1485px; }

.wfBox .dot8 { left: 1076px; background-position: 0 -502px; }

.wfBox .dot8 .icon { margin-top: 35px; margin-bottom: -1px; width: 32px; height: 34px; background-position: 0 -1521px; }





.NwebsTcs{ width:100%; height:788px; background:#F0E4D4;}

.NwebsTcs .titles{ width:1200px; height:70px; position:relative;}

.NwebsTcs .titles .titDiv{ 

width:534px; height:68px; position:relative; left:50%; margin-left:-267px; top:-13px; background:url(../image/divtit_c10.jpg) no-repeat;

color:#FFFFFF; text-align:center; line-height:46px; font-size:24px;

}



.NwebsTcs .bodys{ width:1200px; height:646px; position:relative;}

.NwebsTcs .bottoms{ width:1200px; height:72px; line-height:50px; color:#F0660D; font-size:16px; text-align:center;}



.NwebsTcs .bodys .list{

 width:285px; height:627px; position:absolute;

 -webkit-box-shadow:0 0 5px 1px #DFD3C5;  

  -moz-box-shadow:0 0 5px 1px #DFD3C5;  

  box-shadow:0 0 5px 1px #DFD3C5; text-align:center;  color:#FFFFFF;

}

.NwebsTcs .bodys .tits{ width:285px; height:40px; padding-top:24px; line-height:40px; font-size:24px;}



.NwebsTcs .bodys .titsbt{ width:285px; height:24px; line-height:24px;}

.NwebsTcs .bodys .pacst{ width:285px; height:36px; padding-top:98px;}

.NwebsTcs .bodys .pacst b{ font-size:24px;}

.NwebsTcs .bodys .toptitles{ width:285px; height:42px; padding-top:33px; color:#5BAD41; font-size:16px; line-height:42px;}

.NwebsTcs .bodys .bodyts{ width:285px; height:252px; padding-top:12px; color:#898989; line-height:30px;}


.NwebsTcs .bodys .ans{ width:285px; height:48px; position:relative;}
.NwebsTcs .bodys a{display:block; width:100%; height:auto;position:absolute;}
.NwebsTcs .bodys a:hover { top:-1px;}

.NwebsTcs .bodys .p1{ left:0px; top:0px; background:url(../image/f_r17_c3.jpg) no-repeat;}

.NwebsTcs .bodys .p2{ left:304px; top:0px; background:url(../image/c2_r17_c11.jpg) no-repeat;}

.NwebsTcs .bodys .p3{ left:610px; top:0px; background:url(../image/dr17_c15.jpg) no-repeat;}

.NwebsTcs .bodys .p4{ right:0px; top:0px; background:url(../image/d_r17_c21.jpg) no-repeat;}





.WebCases{ width:100%; height:608px; background:#F1F2F4;}

.WebCases .bodys{ width:1200px; height:608px;}

.WebCases .bodys .titles{ width:1200px; height:56px; padding-top:58px; line-height:56px; font-size:36px; color:#01AAB1; text-align:center;}

.WebCases .bodys .entitle{ width:1200px; height:70px; font-size:60px; text-align:center; padding-bottom:33px;}

.WebCases .bodyes{ width:1158px; height:330px; border:9px solid #EBE9EA;}