@charset "utf-8";
/* CSS Document */

/* 通用属性 */
* { margin:0; padding:0; list-style:none; }
html{ overflow-x:hidden;}
body { font-family:Verdana, Arial, Helvetica, sans-serif, "宋体"; font-size:12px; background:#f2f2f2 url(../images/bg.png) repeat-x; }
img { border:none; }
.red { color:red; }
.green { color:green; }
.blue { color:blue; }
.gray { color:gray; }
.purple { color:purple; }
.clear { clear:both; }
a { text-decoration:none; color:#0F459C; }
a:hover {color:#00f; }
.wrapper{width:1002px; margin:0 auto; background:#fff;}

/*头部*/
.header{height:78px; background:url(../images/header_bg.gif) no-repeat; border-bottom:solid 2px #f00;}
.header .l{width:222px; float:left;}
.header .r{width:750px; float:right; text-align:right;}
.header .logo{width:177px; height:52px; background:url(../images/logo.gif) no-repeat; margin:13px 0 0 21px;}
.header .logo a{width:177px; height:52px; display:block;}
.header .logo span{display:none;}
.header .r .link{ margin-top:5px; height:46px; line-height:46px; margin-right:20px;}
/*
.header .r .menu{height:27px; line-height:27px; background:url(../images/menu_bg.png) repeat-x;}
.header .r .menu li{float:left; background:url(../images/menu_bg0.gif) no-repeat; width:100px; text-align:center; padding-left:18px;color:#333;}
.header .r .menu li.first{ background:url(../images/menu_bg1.gif) no-repeat;}
.header .r .menu li.second{width:125px;}
.header .r .menu li a{color:#333;}
.header .r .menu li a:hover{color:#000;}
*/

/*首页banner*/
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#slideshow em{height:200px; width:1px; background:#fff;position:relative; left:300px;}
#wrapper {display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; height:247px; background:#000}
#information {position:absolute; bottom:0; height:0;width:260px;left:720px; background:none; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70); line-height:150%;}
#information h3 {padding:4px 8px 3px 0; font-size:12px; color:#ffd200;}
#information p {padding:0 8px 8px 0; color:#fff;}
#image {width:1002px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:247px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../images/scroll-left.gif) left center no-repeat}
#imgnext {right:0; background:url(../images/scroll-right.gif) right center no-repeat}
#imglink {position:absolute; height:247px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {display:none;}
#slideleft {float:left; width:20px; height:81px; background:url(../images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(../images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}

/*首页解决方案链接*/
.solutionlink{padding:10px; background:#fc0; margin-bottom:10px;}
.solutionlink .box{float:left; width:105px; height:95px; border:solid 1px #ccc; background:#fff; margin-right:10px;}
.solutionlink .box a{width:105px; height:95px; display:block; cursor:pointer;}
.solutionlink .box p{display:block;width:105px; height:62px;}
.solutionlink .box p.text{height:33px; background:url(../images/ico1.gif) no-repeat 5px center; padding-left:18px; line-height:33px; width:84px; overflow:hidden;white-space:nowrap;word-break :keep-all;}
.solutionlink .box p.img1{ background:url(../images/s1.gif) no-repeat;}
.solutionlink .box p.img2{ background:url(../images/s2.gif) no-repeat;}
.solutionlink .box p.img3{ background:url(../images/s3.gif) no-repeat;}
.solutionlink .box p.img4{ background:url(../images/s4.gif) no-repeat;}
.solutionlink .box p.img5{ background:url(../images/s5.gif) no-repeat;}
.solutionlink .box p.img6{ background:url(../images/s6.gif) no-repeat;}
.solutionlink .select {padding:30px 0 0 85px; float:left;}
.solutionlink .select p{ line-height:150%;}

/*首页主体*/
.main {margin-bottom:10px;}
.main .box1{float:left;width:250px; border-right:#ccc solid 1px; height:170px;}
.main .box2{float:left;width:438px; border-right:#ccc solid 1px; height:170px;}
.main .box3{float:left;width:312px; height:170px;}
.main h4{margin-left:30px; background:url(../images/ico2.gif) no-repeat left center; padding-left:10px; margin-bottom:5px; font-size:12px;}
.main h4 a{color:#000;}
.main .quicklink{margin-left:30px;}
.main .quicklink li{ background:url(../images/ico3.gif) no-repeat left center; float:left; margin-right:10px; width:80px; padding-left:10px; line-height:200%;}
.main .quicklink li.last{ background:url(../images/btn_bg.gif) no-repeat; line-height:21px; color:#fff;}
.main .quicklink li.last1{ background:url(../images/btn_bg1.gif) no-repeat; line-height:21px; color:#fff;}
.main .quicklink li.last a,
.main .quicklink li.last1 a{color:#fff;}
.main .news{margin-left:38px;}
.main .news li{line-height:200%; width:380px;white-space:nowrap; word-spacing:keep-all;text-overflow:ellipsis; overflow:hidden;}

/*底部*/
.footer{ border-top:1px solid #ccc;padding:10px 30px; color:#555; background:#fff;}
.footer p{ line-height:150%;}
.footer a{ color:#555;}

/*warp*/
.warp { background:url(../images/warp_bg.gif) repeat-y;_position:absolute;}
.warp .l{width:221px; float:left;position:relative;}
.warp .r{width:761px; float:right; margin:0 10px; margin-bottom:30px;position:relative;}
.nav{margin:10px;}
.nav h4{font-size:14px; border-bottom:solid 1px #fff; height:35px; line-height:35px; padding-left:18px;}
.nav h4 a{color:#000;}
.nav ul{margin: 0 10px 10px 10px;}
.nav li{color:#000; border-bottom:solid 1px #fff; height:26px; line-height:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break :keep-all;width:180px;}
.nav li a{color:#000; padding-left:10px;}
.nav li a:hover{color:#333; background:url(../images/ico3.gif) no-repeat left center;}
.nav li.s{ text-indent:1em;}
.nav li.s a{ background:url(../images/ico4.gif) no-repeat left center;}
.nav li.ss{ text-indent:2em;}
.nav li.ss a{ color:#333;}
.warp .r .position{height:35px; line-height:35px; color:#999;}
.warp .r h1{font-size:22px; color:#333; margin-bottom:10px;}
.warp .r .banner{border:solid #ccc 1px; padding:2px; margin-bottom:10px;}
.warp .r .banner img{width:755px; height:165px;}
.warp .r .pic{border:solid #ccc 1px; padding:2px; margin-bottom:10px;}
.warp .r .brief{ line-height:150%; font-size:14px; color:#333; margin-bottom:10px;}
.warp .r .brief p{padding:5px 0;}
.warp .r .list{margin-bottom:15px;}
.warp .r .list h3{font-size:12px; font-weight:bold; border-bottom:#ccc solid 1px; line-height:30px; margin-bottom:10px;}
.warp .r .list img{float:left;width:105px; height:62px;}
.warp .r .list p{float:left;margin-left:10px; width:640px; line-height:170%; color:#333;text-overflow:ellipsis; display:block;}
.warp .r .list p img{width:43px; height:13px;}
.warp .r .content{margin-bottom:15px;line-height:180%;padding:0 10px;}
.products_list {padding:0 20px;}
.products_list li{height:26px; border-bottom:dashed #ccc 1px; line-height:26px; background:url(../images/ico4.gif) no-repeat left center; padding-left:10px;}
.products_list li a{float:left;width:600px;}
.products_list li span{float:right;width:85px; text-align:right; color:#999;}


.products_list_category {padding:0 20px;_width:685px;}
.products_list_category li{height:142px; width:112px;float:left;margin:15px 0; margin-right:30px;  text-align:center;_margin-right:25px;}
.products_list_category li a{display:block; height:142px; width:112px;}
.products_list_category li img{height:112px; width:112px; text-align:center; margin-bottom:10px;}


.page_turner{margin:5px auto; text-align:center;}
.page_turner a{width:20px; height:20px; display:block; background:#e1e1e1; text-align:center; float:left; margin:3px; line-height:20px; border:solid #CCCCCC 1px;}
.page_turner span{ float:left; margin:3px; line-height:20px;}
.page_turner a:hover{ background:#FFFF00;}
.page_turner a.c{ background:#ddd;}
.alllist{width:335px; float:left; padding:10px; border:solid 0px #ddd; margin-right:45px; border-top:none; border-bottom:none;padding-top:0px;}
.alllist .alllist_r{width:234px; height:72px;float:left; margin-left:15px; line-height:1.4em; color:#54595C; overflow:hidden;}
.alllist h3{font-size:12px;margin-bottom:5px;}
.alllist img{width:84px; height:72px;float:left;}
.alllist .alllist_line{width:335px;height:1px; background:#ddd; margin-top:10px; line-height:0; font-size:0; padding:0;}

.newsindex ul{width:360px; float:left; margin-bottom:20px;}
.newsindex ul.right{float:right;}
.newsindex ul li{height:26px; border-bottom:dashed #ccc 1px; line-height:26px; background:url(../images/ico4.gif) no-repeat left center; padding-left:10px;white-space:nowrap;}
.newsindex ul li.title{color:#0F459C; font-weight:bold; background:none;}
.newsindex ul li a{color:#555; width:250px; float:left;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.newsindex ul li span{color:#999; width:80px; float:right; text-align:right;}
.newsindex ul li.title a{color:#0F459C;}

.common_form { }
.common_form p{ line-height:20px;}
.common_form li { padding:2px; overflow: auto; zoom:1; }
.common_form label { float:left; width:120px; display:block; height:25px; line-height:25px; text-align:right; margin-right:10px;}
.form_text{border:1px solid #ccc; height:20px; line-height:20px;}
.form_textarea{border:1px solid #ccc; height:100px; line-height:20px; width:350px;}
.form_submit{width:60px; height:22px; border:1px solid #996600; background:#FFCC00; color:#0F459C; margin-right:20px; margin-top:15px;}