@charset "utf-8";
/* home @Army 2014-07-22 */

/* channel */
.channel{width:100%;height:88px;background:#333;border-bottom:#2d2d2d 1px solid;}
.channel .logo{float:left;width:287px;height:88px;overflow:hidden;}
.channel .channelNav{float:right;width:70%;height:88px;line-height:88px;font-size:14px;font-family:Arial,Helvetica,sans-serif;font-weight:normal;text-align:right;color:#484848;overflow:hidden;}
.channel .channelNav a{color:#FFF;padding:0 24px;}
.channel .channelNav a:visited{color:#999;}
.channel .channelNav a:hover,.channel .channelNav a:active{color:#32a2e3;text-decoration:none;}
/* focus */
.focusBox{width:100%;position:relative;overflow:hidden;}
.focusBox .note{width:397px;height:48px;line-height:48px;background:url(../images/note.png) no-repeat;position:absolute;left:0;bottom:0;font-family:DaxCondensed Light,Open Sans,Arial,Helvetica,sans-serif;font-size:16px;font-weight:normal;text-align:right;z-index:10;color:#FFF;padding-right:40px;}
#focus{width:980px;height:320px;position:relative;margin:0 auto;overflow:hidden;}
#focus ul{height:420px;position:absolute;}
#focus ul li{width:980px;height:320px;float:left;background:#000;position:relative;overflow:hidden;}
#focus ul li div{position:absolute;overflow:hidden;}
#focus .btnBg{width:980px;height:20px;background:#000;position:absolute;left:0;bottom:0;}
#focus .btn{width:960px;height:16px;text-align:right;position:absolute;right:0;bottom:0;padding:2px 10px;}
#focus .btn span{width:25px;height:10px;display:inline-block;_display:inline;_zoom:1;_font-size:0;background:#fff;cursor:pointer;margin-left:5px;}
#focus .btn span.on{background:#fff;}
#focus .preNext{width:45px;height:100px;background:url(../images/sprite.png) 0 0 no-repeat;position:absolute;top:110px;cursor:pointer;}
#focus .pre{left:0;}
#focus .next{right:0;background-position:right top;}
/* nav */
.nav{width:980px;height:61px;background:url(../images/navBg.jpg) no-repeat;line-height:50px;font-size:15px;text-align:center;margin:0 auto;overflow:hidden;}
.nav a{color:#333;padding:0 15px;}
.nav a:visited{color:#999;}
.nav a:hover,.nav a:active{font-weight:bold;text-decoration:none;}
/* content */
.content{width:980px;margin:0 auto 80px;overflow:hidden;}
.content .left{float:left;width:672px;border-right:#cdcdcd 1px solid;padding-right:70px;}
.content .right{float:right;width:207px;}
.content .txt{font-size:13px;line-height:20px;text-align:left;color:#333;}
.content .contentPic{max-width:673px;margin:10px 0 20px 0;overflow:hidden;}
.content .contentTitle{font-size:14px;line-height:32px;font-weight:bold;padding-top:15px;}
.content .contentTitle .block{width:50px;height:10px;display:inline-block;margin-right:5px;background:#32a2e3;}
/* column */
.colLeft{line-height:48px;}
.colRight{font-size:15px;font-weight:bold;line-height:42px;}
/* picBox */
.picBox{clear:both;}
.picBox .pic{float:left;width:146px;height:97px;background:#FFF;border:#ddd 1px solid;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;margin-right:24px;overflow:hidden;}
.picBox .pic img{width:146px;height:97px;border:none;}
.picBox .pic img:hover{opacity:0.8;}
.picBox p{line-height:20px;color:#666;}
/* search */
#searchForm .searchInput{width:205px;height:35px;line-height:35px;border:#ddd 1px solid;background:#FFF url(../images/magnifier.png) 180px center no-repeat;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;font-family:Open Sans,Arial,Helvetica,sans-serif;font-size:13px;color:#666;text-indent:10px;}
#searchForm .searchInput:hover{border:#999 1px solid;}
#searchForm .searchInput:focus{color:#666;}
/* contact */
.contact li{font-size:13px;color:#333;}
.contact .tel{background:url(../images/tel.png) 189px center no-repeat;line-height:42px;}
.contact .fax{background:url(../images/fax.png) right center no-repeat;line-height:42px;}
.contact .chat{background:url(../images/chat.png) right center no-repeat;line-height:42px;}
.contact .email{background:url(../images/email.png) right 14px no-repeat;line-height:26px;padding:8px 0;}
.contact .btn{display:block;width:100%;height:34px;font-size:14px;line-height:34px;background-color:#32a2e3;border-bottom:#2b8ac1 1px solid;font-weight:bold;text-align:center;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;color:#FFF;margin-top:8px;}
.contact .btn:hover{background-color:#76c7c0;}
/* product */
.product{width:100%;background:url(../images/grayBg.jpg) left top repeat-x;margin-bottom:160px;}
.product .col{font-size:36px;line-height:96px;font-weight:bold;text-align:center;}
.product ul li{float:left;width:228px;overflow:hidden;margin-right:22px;}
.product ul li img{width:228px;height:220px;border:none;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.product ul li img:hover{opacity:0.8;}
.product ul li.end{margin-right:0;}
.product ul li p{font-size:18px;line-height:48px;font-weight:bold;color:#666;text-align:center;}
.product .title{font-size:36px;line-height:64px;text-align:center;}
.product .abs{font-size:13px;line-height:20px;text-align:center;color:#666;}
/* proList */
.proTitle{line-height:32px;font-weight:bold;}
.proList li{background:url(../images/arrow.png) 0 center no-repeat;float:left;width:320px;height:32px;line-height:32px;padding-left:16px;overflow:hidden;}
.proList li,.proList li a{font-size:13px;}
/* location */
.location{width:670px;height:306px;border:#ccc 1px solid;overflow:hidden;}
/* form */
#contactForm .contactInput{float:left;width:310px;height:32px;line-height:32px;border:#ddd 1px solid;background:#FFF;font-family:Open Sans,Arial,Helvetica,sans-serif;font-size:13px;color:#999;text-indent:10px;margin-right:24px;}
#contactForm .contactInput:hover,#contactForm .contactText:hover{border:#999 1px solid;}
#contactForm .contactInput:focus{color:#666;}
#contactForm .contactText{width:646px;height:100px;line-height:20px;border:#ddd 1px solid;color:#666;}
#contactForm label{font-size:13px;line-height:25px;text-align:left;color:#999;}
#contactForm .contactBtn{width:310px;height:42px;line-height:42px;border:none;cursor:pointer;background:#f08437;font-family:Open Sans,Arial,Helvetica,sans-serif;font-size:18px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;text-align:center;color:#fff;}
#contactForm .contactBtn:hover{background:#32a2e3;}
/* footer */
#footer{width:100%;height:126px;background:#FFF;overflow:hidden;}
#footer .left{float:left;width:565px;height:96px;border-right:#eee 1px solid;padding-top:30px;}
#footer .left p{font-size:12px;line-height:42px;color:#999;}
#footer .right{float:right;width:380px;height:114px;padding-top:10px;}
#footer .right ul li{font-size:12px;line-height:36px;color:#666;text-indent:42px;}
#footer .right .tel{background:url(../images/tel.png) 4px center no-repeat;}
#footer .right .fax{background:url(../images/fax.png) 1px center no-repeat;}
#footer .right .chat{background:url(../images/chat.png) 1px center no-repeat;}
#footer .right .email{background:url(../images/email.png) 1px center no-repeat;}