@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; font-size:12px; font-family:微软雅黑,宋体,Arial, Helvetica, sans-serif; color:#555; }
fieldset,img {border:0; }
body{ background: url(../images/bg_02.jpg) repeat;font-size:12px; color:#666666;}
ol,ul {list-style:none; }
h1,h2,h3,h4,h5,h6,p {font-size:100%; word-wrap:break-word; }
a{ color:#555; text-decoration:none; }
a:hover{ color:#c00; text-decoration:none;}
.fs-12{ font-size:12px; }
.fs-14{ font-size:14px; }
.fs-18{ font-size:18px; }
.fs-24{ font-size:24px; }
.fs-30{ font-size:30px; }
.fs-20{ font-size:20px; }
.pt-12{ padding-top:12px; }
.pt-6{ padding-top:6px; }
.pb-10{padding-bottom:10px; }
.pb-20{padding-bottom:20px; }
.pb-30{padding-bottom:30px; }
.pl-12{ padding-left:12px; }
.p1-4{ padding-left:4px;}
.pr-6{ padding-right:6px;}
.lh-20{line-height:20px; }
.lh-22{ line-height:22px;}
.lh-24{line-height:24px; }
.lh-26{line-height:26px; }
.lh-35{line-height:35px; }
.tc{ text-align:center; }
.tr{ text-align:right; }
.ml-5{ margin-left:5px; }
.mt-10{ margin-top:10px; }
.mb-10{ margin-bottom:10px; }
.mb-50{ margin-bottom:50px; }
.fb{ font-weight:bold; }
.mc{ margin:0 auto; }
.ma{ margin:10px auto 10px auto}
.bn{ background:none;}
.relative{ position:relative; }
.of{overflow:hidden;}
textarea, input{font-size: 12px; }
i, cite, em, var, dfn, address {font-style: normal; }
a:active, a:focus{outline:none}
.clear {clear:both; width:0px; height:0px; line-height:0px;}
.font{ font-family:宋体,微软雅黑,Arial, Helvetica, sans-serif; }
.fl{float:left; display:inline}.fr{float:right;display:inline;}
.b{ color:#43b7b1; font-size:14px;}
.bb{border-bottom:dashed 1px #d9d9d9; }
.rounded{background:#fff;-moz-border-radius:10px;-webkit-border-radius:5px 5px 5px 5px;border-radius:4px;
-moz-box-shadow:2px 2px 2px #ccc;-webkit-box-shadow:2px 2px 2px #ccc;
box-shadow:2px 2px 2px #ccc; border:solid 1px #a7a7a7; }
.cl{ color:#43b7b1;}
.ds{ display:block;}
.bd{border:solid 1px #dedede; border-top:0;}
/*-----------------------------------------------------header-----------------------------------*/
.index{ width:100%; position:absolute; top:0px;z-index:999;}
.header-top{ height:28px; color:#FFF; line-height:24px;width:960px;margin:0 auto;}
.header-top .hello{ padding-left:4px;}
.header-top .Favorite{ width:155px; text-align:left;}
.header-top .Favorite a{ padding-right:10px; color:#fff;}
.header-top .phone{ padding-right:10px;}

/*-----------------------------------------------------menu-----------------------------------*/
.nav{ background: url(../images/navbg.png) no-repeat left top; height:60px;width:960px;margin:0 auto;}

.menu { width:650px;  margin:0; list-style-type: none;padding-left:300px;}
.menu li {float:left; position:relative;line-height:54px; font-size:16px; font-weight:bold; height:54px;width:90px; font-family:"微软雅黑"}
.menu li a, .menu ul li a:visited {display:block; text-align:center; text-decoration:none;  height:54px;color:#fff;   }
.menu li ul {display: none;}
.menu li:hover a {color:#fff; background: url(../images/hoverbg.jpg) no-repeat center bottom; display:block;}
.menu li:hover ul {display:block; position:absolute; top:54px; left:0; width:150px;}
.menu li:hover ul li{ width:150px;height:30px; line-height:30px; font-size:12px; font-weight:normal;}
.menu li:hover ul li a {display:block; background:url(../images/navabg.jpg) repeat-x left top; color:#fff; padding-left:10px; text-align:left; }
.menu li:hover ul li a:hover { background:url(../images/navhoverbg.jpg) repeat-x left top; color:#fff; padding-left:10px;text-align:left;}

/*-----------------------------------------------------banner-----------------------------------*/
.banner{background:url(../../../images/junguan_01.jpg) no-repeat center top;width:100%; height:501px; }

/*-----------------------------------------------------indexbox-----------------------------------*/
.indexbox{ width:100%;  padding-top:10px; width:958px;background:#fff; border-left:1px #dddddd solid;border-right:1px #dddddd solid; }
.contbox{padding:0 8px; width:942px; }


/*-----------------------------------------------------news-----------------------------------*/
.newsbox{ width:324px; height:205px;}
.newsbox h1{ background:url(../images/bg1-1.jpg) repeat-x left bottom; font-weight:normal; height:32px; padding-left:16px; font-size:18px; color:#000; line-height:32px; display:block;}
.newsbox ul{padding:10px 2px;}
.newsbox ul li{height:22px; line-height:22px; padding-right:18px; font-family:"宋体"}
.newsbox ul li a{ padding-left:13px; display:block; color:#555;  height:22px; overflow:hidden;}
.newsbox ul li a:hover{  display:block; color:#c00}
.newsbox ul li span{ float:right; color:#999}

/*-----------------------------------------------------Products and services-----------------------------------*/
.Productsbox{ width:618px; height:205px;}
.Productsbox h1{ padding-right:12px; background:url(../images/bg1-1.jpg) repeat-x left bottom; font-weight:normal; height:32px; padding-left:16px; font-size:18px; color:#000; line-height:32px; display:block;}
.Productsbox h1 span{ display:block; padding-right:22px; background:url(../images/right.jpg) no-repeat right center;  float:right; font-size:12px; font-family:"宋体"}
.Productsbox h1 span a{color:#7c7c7c; }
.Products-contbox{ padding-top:14px;}
.Products-contbox li{ padding:0 14px; line-height:18px; width:170px; color:#7f7f7f; float:left;font-family:"宋体"}
.Products-contbox li span{ display:block;padding:5px; border:solid 1px #dedede; text-align:center; color:#e9070d; font-weight:bold; margin-bottom:5px; margin-top:5px;}

/*-----------------------------------------------------case and services-----------------------------------*/
.casebox{ width:942px; height:312px; overflow:hidden; clear:both; }
.casebox h1{ padding-right:12px; background:url(../images/bg1-1.jpg) repeat-x left bottom; font-weight:normal; height:32px; padding-left:16px; font-size:18px; color:#000; line-height:32px; display:block;}
.casebox h1 span{ display:block; float:right; width:75px; padding-top:5px;}
.casebox h1 span a{color:#7c7c7c; }
.casebox h1 span .case1{ float:left; padding:0 5px;}
.casebox .LeftBotton,.casebox .RightBotton { width:18px; overflow:hidden; height:18px; cursor: pointer; float:left;  }
.casebox .Cont {width:922px;  height:265px; overflow: hidden; padding:15px 10px 0px 10px; }
.casebox .Cont li{ width:278px; float:left; list-style:none; padding:0 14px; height:280px; overflow:hidden;background:url(../images/newcasebg2.jpg) no-repeat center 173px; }
.casebox .ScrCont {width: 234666px;}
.casebox #List1_1 {float:left}
.casebox #List1_2 {float:left}
.casebox .Cont li img{width:260px; height:155px; padding:9px; border:solid 1px #c8c8c8;}
.casebox .Cont li b{ font-size:14px; color:#000; font-weight:normal;}
.casebox .Cont li span{ padding-top:5px; color:#666; display:block; font-size:12px; padding-left:12px; line-height:20px;}


/*-----------------------------------------------------case and services-----------------------------------*/
.customers-cont{ width:942px; overflow:hidden; height:260px;}
.customers-cont h1{ padding-right:12px; background:url(../images/bg1-1.jpg) repeat-x left bottom; font-weight:normal; height:32px; padding-left:16px; font-size:18px; color:#000; line-height:32px; display:block;}
.customers-cont h1 span{ display:block; padding-right:22px; background:url(../images/right.jpg) no-repeat right center;  float:right; font-size:12px; font-family:"宋体"}
.customers-cont h1 span a{color:#7c7c7c; }
.customers-pic{ padding:12px 15px; height:274px; overflow:hidden;}
.customers-pic li{ padding:10px 24px; height:40px; overflow:hidden;  float:left;}
.customers-pic li img{ width:131px; height:40px;}

/*-----------------------------------------------------foot-----------------------------------*/
.foot{ width:960px; margin:0 auto; height:37px; overflow: hidden; background:url(../images/footbg.jpg) no-repeat left top; padding-top:6px;}
.foot .Copyright { font-family:"微软雅黑"; line-height:24px; color:#FFF; padding-left:150px; width:405px;}
.foot .link{ float:right; padding:4px 17px 13px 13px; height:18px; width:145px;}
.foot .share{float:right; width:200px;}
.foot .link .selectW{ width:145px;}

/*-----------------------------------------------------foot-----------------------------------*/
.footbox{ width:960px; margin:0 auto; height:86px; overflow: hidden; padding-top:20px;}
.footbox .website { width:250px; padding-left:30px; font-size:14px; line-height:18px;}
.footbox .tel { width:250px; font-size:14px; line-height:18px; padding-right:50px;}
.footbox .address { width:350px; font-size:14px; line-height:18px; }
.bgbg{ width:100%; height:22px;background:url(../images/bg1-11.png) repeat-x left bottom;  z-index:999px; position: absolute; top:501px;}

.phoneduba-slidediv {top: 0px; width: 100%; height: 501px;  clear: both; position: relative;}
.phoneduba-slidediv .slideDiv {	left: 0px; width: 100%; height: 501px; bottom: 0px; overflow: hidden; position: absolute; z-index: 11;}
.phoneduba-slidediv .pt {	width: 100%; overflow: hidden; position: relative;}
.phoneduba-slidediv .pt_cont {width: 100%; height: 501px; overflow: hidden; position: relative;}
.phoneduba-slidediv .pt_cont div {	background: url("../images/slide-1bg.jpg") repeat-x; left: 0px; top: 0px; width: 100%; height: 501px; color: rgb(255, 255, 255); overflow: hidden; position: absolute; z-index: 23;}
.phoneduba-slidediv .pt_cont div.backa {	background: url("../images/slide-2bg.jpg") repeat-x;}
.phoneduba-slidediv .pt_cont div.backb {	background: url("../images/slide-3bg.jpg") repeat-x;}
.phoneduba-slidediv .pt_cont div.backc {	background: url("../../../images/slide-4bg.jpg") repeat-x;}
.phoneduba-slidediv .pt_cont div dl {background: url("../images/banner/banner2.jpg") no-repeat top; width: 100%; height: 501px;}
.phoneduba-slidediv .pt_cont div dl.back1 {background: url("../images/banner/banner1.jpg") no-repeat top;}
.phoneduba-slidediv .pt_cont div dl.back2 {	background: url("../images/banner/banner3.jpg") no-repeat top;}
.phoneduba-slidediv .pt_cont div dl.back3 {	background: url("../images/banner/banner4.jpg") no-repeat top;}
.phoneduba-slidediv .pt_cont div dl dd {margin: 0px auto; width: 980px; height: 501px; overflow: hidden; position: relative;}
.phoneduba-slidediv .pt_cont div dl dd .boat{ position:absolute; top:123px; left:-74px;}
.phoneduba-slidediv .pt_cont div dl dd .values{ position:absolute; top:180px; left:377px;}
.phoneduba-slidediv .pt_cont div dl dd .values2{ position:absolute; top:178px; left:20px;}
.wt-487{ width:487px;}
.wt-600{ width:600px;}
.phoneduba-slidediv .pt_cont div dl dd .yingwen{ font-size:20px;  font-weight:bold; font-family:"Arial"; line-height:24px;}
.phoneduba-slidediv .pt_cont div dl dd .yingwen2{ font-size:20px; font-weight:bold; font-family:"Arial";padding-left:43px; width:817px; display:block;line-height:24px; color:#fff;}
.phoneduba-slidediv .pt_cont div dl dd .yingwen3{ font-size:16px; font-weight:bold; font-family:"Arial";padding-left:43px; width:817px; display:block; line-height:24px; color:#fff;}
.phoneduba-slidediv .pt_cont div dl dd .widthe02{padding-left:43px; width:817px;line-height:20px; color:#fff;}
.phoneduba-slidediv .pt_cont h2 {	padding: 213px 0px 5px; width: 487px; color:#000; line-height: 24px; clear: both; font-size: 30px;}
.phoneduba-slidediv .pt_cont h3 {padding: 205px 0px 5px; width:490px; padding-left:43px; color:#fff; line-height: 34px; clear: both; font-size: 30px;}
.phoneduba-slidediv .pt_cont p {	 color:#000; line-height: 20px; clear: both; font-size:14px; position: relative;}
.phoneduba-slidediv .pt_cont p .textspan {	color: rgb(9, 52, 74); padding-left: 10px; text-decoration: underline; cursor: pointer;}
.phoneduba-slidediv .pt_cont p a {	color: rgb(9, 52, 74); padding-left: 8px; text-decoration: none;}
.phoneduba-slidediv .pt_cont p a {	text-decoration: underline;}
.phoneduba-slidediv .pt_cont div dl dd img {	position: absolute;}
.phoneduba-slidediv .pt_cont .smask {	display: none; z-index: -1;}
.phoneduba-slidediv .pt_nav { width:100%; height: 43px; bottom: 0px;  overflow: hidden; position: absolute; z-index: 80;}
.phoneduba-slidediv .pt_nav ul{ width:980px; margin:0 auto; height: 43px;background:url(../images/nx_07.png) no-repeat left bottom;}
.phoneduba-slidediv .pt_nav ul li {	width:270px; height: 43px; text-align: center; margin-right: 20px; float: left; cursor: pointer;}
.phoneduba-slidediv .pt_nav a { width: 324px; height: 34px; color:#000;  padding-top:9px; line-height:34px; display: block; position: relative; z-index: 12;}
.phoneduba-slidediv .pt_nav a:hover{ text-decoration:none;}
.phoneduba-slidediv .pt_nav a span{ font-family: Arial; font-size:12px; color:#82888d; padding-top:3px; padding-left:10px; }
.phoneduba-slidediv .pt_nav .current a { font-weight:bold; background:url(../images/junguanx_07.png) no-repeat 50px top;}
.phoneduba-slidediv .pt_nav .current a span{ color:#000; font-weight:normal;}
.yaHei {font-family: "Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti;}

.nTba{} 
.nTba .TbaTitle{ font-size:14px; background:url(../images/bg.gif) no-repeat left -24px; border-bottom:solid 2px #343434; height:22px;  overflow: hidden;}
.nTba .TbaTitle span{padding-left:14px; font-size:15px; color:#fff; font-family:"微软雅黑";line-height:22px;}
.nTba .TbaTitle ul{ float:right; width:82px; padding-top:6px;} 
.nTba .TbaTitle li{ width:10px; height:10px; margin-right:5px; float:left; cursor:pointer } 
.nTba .TbaTitle .act{ background: url(../images/bg.gif) no-repeat -3px -55px    ; } 
.nTba .TbaTitle .nor{ background: url(../images/bg.gif) no-repeat -18px -55px    ;} 
.nTba .TbaCon{ overflow:hidden;background:#fff;} 
.none {display:none;} 



/*--*/
#slideshow{width:615px; height:165px;overflow:hidden;}
#slideshow .tl{  font-size:14px; background:url(../images/bg.gif) no-repeat left -24px; border-bottom:solid 2px #343434; height:22px;  overflow: hidden;}
#slideshow .tl span{ padding-left:14px; font-size:15px; color:#fff; font-family:"微软雅黑"; line-height:22px; width:130px; float:left;}
#slideshow {width: 615px;  height:165px; background:url(../../../images/mongnisbg.jpg) no-repeat left top;}
#slideshow ul {margin: 0;padding: 0;list-style-type: none;height: 1%; /* IE fix */}
#slideshow ul:after {content: ".";clear: both;display: block;height: 0;visibility: hidden;}            

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshow .slides {overflow: hidden;width:615px;}
#slideshow .slides ul {width: 1990px;}
#slideshow .slides li {width:615px;float: left; height:143px; }
#slideshow .slides h2 {margin-top: 0;}
/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */
#slideshow .slides-nav {float:right; width:92px; padding-top:6px;}
#slideshow .slides-nav li {width:10px; height:10px; margin-right:5px; float:left; cursor:pointer}
#slideshow .slides-nav li a {display: block;width:7px; padding-right:7px; background: url(../images/bg.gif) no-repeat -18px -55px    ;}
.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a {background: url(../images/bg.gif) no-repeat -3px -55px    ; display:block;}
.js #slideshow .slides-nav li.on a {position: relative;}