@charset "utf-8";
/* CSS Document */
body{color:#000; font-size:14px; font-family:"微软雅黑"} /* 背景渐变 */
*{padding:0; margin:0;}
img{border:none;}
dl,dt,dd,ul,li{list-style:none;}
html{height:100%;}
a{text-decoration:none; color:#008fd0;}
a:hover{text-decoration:none;}
.w-900{width:900px; margin:0 auto;}
.clear{clear:both;}
.f-left{float:left;}
.f-right{float:right;}
.line-h24{line-height:24px;}
.line-h32{line-height:32px;}
.padding-10{padding:20px 0;}
.padding-20{padding:2px 20px;}
.font-14{font-size:14px;}
.font-18{font-size:18px;}
.bg-60{ background:rgba(0,0,0,0.6 ); background:#000 6; filter:alpha(opacity=60);}
/* 首页头部 */
.header{background:#fff;}
.ad{width:100%; height:344px; overflow:hidden;}
.ad ul li{float:left;}
.ad ul li a{display:block; float:left; width:686px; height:344px; position:relative;}
.ad ul li a dl{position:absolute; bottom:60px; left:40px;}
.ad ul li a dl dt{position:relative; font-size:32px; font-family:Arial; color:#fff; padding:5px 20px;}
.ad ul li a dl dd{padding:20px; width:344px; height:80px; background:rgba(0,0,0,0.6 ); background:#000 6; filter:alpha(opacity=60); color:#fff;} 
.ad ul li a div p{position:relative; font-size:14px; font-weight:bold;}
.ad ul li a div h2{position:relative; font-size:16px; padding:4px 0; font-weight:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
/* 首页nav */
.nav{width:1000px; margin:0 auto; position:relative; height:5px;}
.nav ul{height:344px; background:#fff; width:200px; overflow:hidden; position:absolute; bottom:5px; left:-5px;}
.nav ul li img{display:block; margin:0 auto; padding:3px 0;}
.nav ul li a{border-bottom:1px dashed #dedede; line-height:24px; display:block; width:200px; color:#000;}
.nav ul li a p{background:url(/images/b2b/icon.png) 30px 0 no-repeat;  padding:6px 0 6px 60px; width:130px;}
.nav ul li a p.a-p1{background-position:30px -38px;}
.nav ul li a p.a-p2{background-position:30px -76px;}
.nav ul li a p.a-p3{background-position:30px -114px;}
.nav ul li font{display:block; text-align:center; line-height:22px; padding-top:5px;}
.nav ul li font b{font-family: Adobe Caslon Pro; color:#F30; font-size:22px;}
.nav ul li a:hover{background:#00b0ff; color:#fff;}/*  */
.nav ul li a.a-a{background:#00b0ff; color:#fff;} /*  */
.a-button{display:block; background:#fff; color:#008fd0; height:42px; padding:4px 25px; margin-top:15px; border-radius:30px; font-weight:bold; line-height:42px; font-size:16px; float:right;}
.button{line-height:38px; height:38px; font-weight:bold; background:#00b0ff; color:#fff; text-align:center; border:none; font-size:18px; font-weight:bold;}  
.button:hover{background:#F90; cursor:pointer;}
/*首页footer*/
.footer{width:900px; margin:0 auto; padding:40px 0; position:relative;}
.footer ul li{margin-top:10px; width:860px; padding-bottom:10px;}
.footer ul li a{display:inline-block; background:url(/images/b2b/qq.png) 10px 6px no-repeat #FFF; font-weight:bold; padding:5px 20px 5px 40px; height:28px; line-height:28px; border-radius:20px; margin:6px 5px 0;}
.footer ul li a:hover{background:url(/images/b2b/qq.png) 10px 6px no-repeat #ffb400; color:#fff;}
.footer p{margin:6px 0 0;color:#fff;}
.footer p a{color:#fff; margin-left:10px; margin-top:6px; font-weight:bold;}
.footer p a:hover{color:#008fd0;}
.footer .dw{position:absolute; right:-60px; top:30px; padding:4px;}
.footer .dw img{display:block; margin:0 auto;}
/* line top */
.header-choose{width:980px; margin:0 auto;}
.header-choose dl{width:600px; margin:0 auto; padding-top:140px; padding-left:100px;}
.header-choose dl dt{padding:10px; background:rgba(0,0,0,0.6 ); background:#000 6; filter:alpha(opacity=60);}
.header-choose dl dt input{background:#fff; height:38px; width:440px; padding:0 10px; line-height:38px; color:#000; position:relative; border:none;}
.header-choose dl dt button{width:100px;}
.header-choose dl dd{color:#fff; padding-top:10px; font-weight:bold;}
.header-choose dl dd a{margin-left:6px; color:#fff; padding:0 4px;}
.header-choose table{width:660px; color:#FFF; padding:20px;}
.header-choose table tr td{padding:1px;}
.header-choose table tr td input{width:97%; height:26px; line-height:26px; border:1px solid #dedede; padding:0 1%; font-size:16px;}
.header-choose table tr td p{text-align:right; font-size:14px; font-weight:bold;}
.header-choose table tr td p b{font-size:24px; color:#F60;}
.header-choose table tr td textarea{width:98%; padding:2px; line-height:26px; font-size:16px; height:52px;}
.header-choose dl dd a:hover{background:#ffc000;}/* day choose */
.header-choose dl dd a.a-choose{background:#ffc000;}/* day choose */
/* 产品查看 */

.view-port {overflow: hidden; position: relative;}
.track {width:100%; position:relative; padding:10px 0 20px; background:#fff; height:500px;}
.track .inner {position: relative; margin:0 auto; padding: 10px; border-radius: 4px;}
.track a.prev, .track a.next {display: block; position: absolute; top: 35%; margin-top: -32px; width: 64px; height: 200px; background: url("../images/arrows.png"); background-repeat: no-repeat;}
.track a.prev.disabled, .track a.next.disabled { display: none;}
.track a.prev {left: 0; background-position: 0 0;}
.track a.prev:hover { background-position: 0 -200px;}
.track a.prev:active {background-position: 0 -200px;}
.track a.next { right: 0; background-position: -64px 0;}
.track a.next:hover { background-position: -64px -200px;}
.track a.next:active {background-position: -64px -200px;}
.slider-container {position: relative; margin: 0; padding: 0; height:404px;}
.slider-container .item { position: absolute; width:310px; height: 400px; margin-right:16px; margin-bottom: 16px;}
.slider-container .item a{display:block;}
.slider-container .item a:hover ul li{background:#fff8d3;}
.slider-container .item img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.slider-container .item ul{position:relative; border:1px solid #dedede; -moz-box-shadow:-1px 3px 7px #7D7D7D; -webkit-box-shadow:-1px 3px 7px #7D7D7D; box-shadow:-1px 3px 7px #7D7D7D;}
.slider-container .item ul li{position:relative; height:200px; width:310px; overflow:hidden;}
.slider-container .item ul li img{width:100%; min-width:310px; min-height:200px;}
.slider-container .item ul li dl dt{position:absolute; top:36px; left:5%; color:#333; width:80%; padding:10px 5%; background:rgba(255,255,255,0.7 ); background:#fff 7; filter:alpha(opacity=70); text-align:center;}
.slider-container .item ul li dl dt h3{font-size:1.25em; max-height:56px; line-height:28px;}
.slider-container .item ul li dl dt p{white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:0.75em;}
.slider-container .item ul li dl dt p span{padding:0 2px; background:#ffae00; color:#fff; border-radius:4px;}
.slider-container .item ul li dl dd{width:100%; padding-top:10px}
.slider-container .item ul li dl dd font{padding-left:30px; color:#fff; background:url(/images/b2b/icon.png) 4px -294px no-repeat; position:absolute; bottom:10px; left:0; }
.slider-container .item ul li dl dd h2{position:absolute; background:url(/images/b2b/line-cp-text1.png) no-repeat; font-weight:normal; bottom:6px; right:10px; color:#fff; font-size:0.75em; padding:5px 0 5px 40px; line-height:28px; height:28px;}
.slider-container .item ul li dl dd h2 b{font-size:2.5em;}
.slider-container .item ul li h4{background:url(/images/b2b/icon.png) 20px -204px no-repeat; font-size:22px; padding:10px 60px 2px; color:#06F; height:38px; line-height:38px;}
.slider-container .item ul li .p{padding:2px 8px; height:58px; overflow:hidden;}

.img-block { margin-bottom: 16px;}
.bullet-pagination {width:100%;text-align: center; margin-top: 15px;}
.bullet {display: inline-block; background: #999; padding: 6px; border-radius: 10px; margin-right: 5px; opacity: 0.4; -webkit-transition: opacity 0.5s linear; -moz-transition: opacity 0.5s linear; -ms-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; transition: opacity 0.5s linear;}
.bullet.active { opacity: 1; width:100px;}
.bullet:last-child { margin-right: 0;}
.slider-container {position: relative; margin: 0; padding: 0;}
.item{position: absolute;}
.slider-container .item.cover-2 .img-area .img-block:first-child { margin-right: 14px;}
.slider-container .item.cover .img-block { height: 128px;}
.slider-container .item.cover-2 .img-block { float: left;}

/* about */
.content{background:#fff;}
.content table{width:960px; margin:10px auto 0;}
.about{padding:30px 0;}
.about h2{font-size:32px; font-weight:normal; color:#999;}
.about-footer{color:#fff;}
.about-footer a{color:#fff; font-weight:bold;}
.about-footer img{display:block; margin:0 auto; padding:10px 0;}
.about-footer ul{padding-bottom:20px;}
.about-footer ul li{float:left; background:url(/images/b2b/about-f-img.png) no-repeat; width:188px; height:141px; margin:10px 20px 0; color:#000; text-align:center; padding-top:50px;}