/* RESET CSS */
html{background:#FFF;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;color:#333;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td,button{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.5 arial,\5b8b\4f53;}
input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
iframe{display:block;}
ol,ul{list-style:none;}
th{text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:500;}
a{text-decoration:none;color:#666;}
a:hover{color:#F00;}
.fn-clear{zoom:1;}
.fn-clear:after{clear:both;content:" ";display: block;font-size: 0;height:0;visibility:hidden;}
.fn-left,
.fn-right{display:inline;}
.fn-left{float:left;}
.fn-right{float:right;}
.fn-text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.paging{clear:left;margin-bottom:30px;text-align:center;overflow:hidden;}
.paging a{display:inline-block;padding:0 7px;height:20px;margin:0 3px;border:1px solid #e2e2e2;color:#333;line-height:20px;text-align:center;}
.paging a:hover{border:1px solid #ccc;}
.paging a.prevbtn,.paging a.nextbtn{color:#666;}
.paging a.active{color:#ff2900;}

/* LAYOUT CSS */
.header{background:url(../images/head_bg.gif) repeat;}
.header .header-inner{width:970px;margin-right:auto;margin-left:auto;background:url(../images/head_tel_bg.gif) no-repeat 99% 0;}
.header .header-r{float:right;width:690px;padding-top:20px;}

.header .header-logo{display:block;width:270px;padding-top:15px;height:119px;background:url(../images/head_logo.jpg) no-repeat 0 15px;outline:none;}

.header .header-slogan{padding-right:20px;height:14px;margin-bottom:12px;text-align:right;}
.header .header-slogan a,
.header .header-slogan span{display:inline-block;height:14px;vertical-align:top;}
.header .header-slogan .header-slogan-cn{width:23px;background:url(../images/lang_cn_bg.gif) no-repeat;}
.header .header-slogan .header-slogan-top{margin-left:5px;width:45px;background:url(../images/top_bg.gif) no-repeat;}
.header .header-slogan .header-slogan-text{margin-left:7px;width:176px;background:url(../images/slogan_text.gif) no-repeat;}

.header .header-tel400{height:18px;margin-bottom:55px;background:url(../images/head_tel400.gif) no-repeat 92% 0;}
.header .header-tel400 p{text-indent:-9999px;}

.header-nav{padding-right:9px;height:30px;text-align:right;}
.header-nav a{display:inline-block;height:30px;margin-left:50px;vertical-align:top;line-height:1;font-size:17px;color:#FFF;outline:none;}
.header-nav a:hover,
.header-nav a.active{background:url(../images/nav_arrow.gif) no-repeat 50% 100%;color:#dd7a1f;}

.slide{position:relative;height:459px;background:url(../images/slide_bg.jpg) repeat-x;}
.slide .slide-shadow{position:absolute;width:100%;height:10px;top:0;left:0;background:url(../images/slide_shadow.png) repeat-x;z-index:100;}
.slide .slide-inner{position:absolute;width:970px;height:459px;top:0;left:50%;margin-left:-485px;z-index:60;overflow:hidden;}
.slide .links{position:absolute;width:250px;height:40px;top:273px;left:0;z-index:50;}
.slide .links a{display:inline-block;width:116px;height:40px;vertical-align:top;}

.slide li{position:absolute;width:970px;height:459px;top:0;left:0;z-index:30;}
.slide li .slide-intro{position:absolute;width:465px;height:350px;top:50px;left:0;z-index:10;}
.slide li .slide-intro h2{margin-bottom:5px;font:44px/1.3 "Franklin Gothic Medium","Hiragino Sans GB",arial;color:#000;}
.slide li .slide-intro h3{margin-bottom:25px;width:385px;font:normal 16px/1.5 arial;color:#000;}

.slide li .img{position:absolute;display:block;width:970px;height:459px;top:0;left:0;z-index:5;}

.main{width:970px;margin-right:auto;margin-left:auto;overflow:hidden;}
.main .main-l{display:inline;float:left;width:224px;margin-bottom:40px;background:url(../images/line3.gif) repeat-y;overflow:hidden;}
.main .main-l h2.leftitle{padding-left:22px;height:30px;margin-bottom:22px;background:#1f4e99 url(../images/subnav_arrow.gif) no-repeat 92% 14px;font-size:14px;font-weight:bold;color:#FFF;line-height:30px;}
.main .main-l b.bottom{display:block;height:10px;background:url(../images/line4.gif) no-repeat;}
.main .main-r{display:inline;float:left;width:746px;padding-top:30px;overflow:hidden;}
.main .main-r .main-title{padding-left:46px;height:32px;margin-bottom:20px;/*background:url(../images/main_title.gif) no-repeat;*/ background:#1c8ed6;font-size:18px;color:#fff;line-height:32px;}

.main .home-option{padding:80px 30px 0 30px;margin-bottom:55px;overflow:hidden;}
.main .home-option div{display:inline;float:left;width:205px;margin-right:30px;}
.main .home-option .news-top{padding-top:25px;}
.main .home-option .news-list{width:440px;padding-top:26px;background:url(../images/line2.gif) no-repeat 0 25px;}
.main .home-option .faq-list{margin-right:0;}

.main .home-option .news-top h2{margin-bottom:5px;font-family:tahoma;font-size:22px;}
.main .home-option .news-top p{color:#666;line-height:20px; word-break:break-all;}
.main .home-option .news-top p.more{padding-top:5px;}

.main .home-option .news-list li{display:inline;float:left;width:205px;padding:7px 0;margin-right:30px;background:url(../images/line1.gif) repeat-x 0 100%;line-height:17px;}
.main .home-option .news-list li.break{margin-right:0;}

.main .home-option .faq-list h3{height:25px;background:url(../images/line1.gif) repeat-x 0 100%;font-size:14px;color:#333;}
.main .home-option .faq-list li{padding:7px 0;background:url(../images/line1.gif) repeat-x 0 100%;line-height:17px;}

.home-product{margin-bottom:28px;}
.home-product .item{display:inline;float:left;width:232px;margin-right:14px;background:#f5f5f5;}
.home-product .item a.img{display:block;position:relative;height:134px;overflow:hidden;}
.home-product .item a.img img{position:absolute;display:block;width:100%;height:177px;top:-21px;left:0;}
.home-product .item.break{margin-right:0;}

.home-product .item .intro{padding:25px 17px 17px 17px;overflow:hidden;}
.home-product .item .intro p{margin-bottom:5px;line-height:1.5;color:#666;}
.home-product .item .intro a{font-size:14px;color:#333;}
.home-product .item .intro a:hover{color:#F00;}

.banner{height:150px;background:url(../images/banner_bg.jpg) repeat-x;}
.banner .banner-inner{position:relative;width:970px;height:150px;margin-right:auto;margin-left:auto;}
.banner .banner-intro{position:absolute;width:500px;height:90px;top:40px;left:0;z-index:100;}
.banner .banner-intro h2{margin-bottom:5px;font:24px/1.3 "Franklin Gothic Medium","Hiragino Sans GB",arial;color:#333;}
.banner .banner-intro h3{font:normal 16px/1.5 arial;color:#333;word-break:break-all;}
.banner .banner-img{position:absolute;top:0;right:0;z-index:50;}

.product-category{padding:0 18px;margin-bottom:28px}
.product-category li{padding-left:20px;ight:28px;background:url(../images/icon1.gif) no-repeat 0 50%;line-height:28px;}
.product-category li a{color:#333;text-decoration:underline;}
.product-category li a:hover,.product-category li a.active{color:#F00;}

.left-list{padding:0 18px;margin-bottom:28px;}
.left-list li{padding:7px 0;background:url(../images/line1.gif) repeat-x 0 100%;line-height:17px;}
.left-list li a{color:#666;}
.left-list li a:hover{color:#F00;}
.left-list .summary{overflow:hidden;}
.left-list .summary h2{margin-bottom:10px;font-family:tahoma;font-size:22px;color:#666;}
.left-list .summary p{margin-bottom:5px;line-height:1.6;color:#666;word-break:break-all;}
.left-list .summary p.more{margin-bottom:12px;}
.left-list .summary p.more a{color:#F00;}
.left-list .summary p.more a:hover{color:#000;}

.left-contact{padding:0 18px;margin-bottom:100px;}
.left-contact h3{width:188px;height:28px;margin-bottom:12px;background:url(../images/left_contact1.gif) no-repeat;text-indent:-9999px;}
.left-contact p{line-height:1.6;color:#666;word-break:break-all;}
.left-contact p em{font-style:normal;color:#333;}

.main-text{padding-left:46px;width:695px;margin-bottom:20px;overflow:hidden;}
.main-text p{margin-bottom:20px;font-size:14px;line-height:24px;}
.main-text h1.title{padding:18px 0;margin-bottom:18px;background:url(../images/line6.gif) repeat-x 0 100%;font-size:16px;font-weight:bold;text-align:center;}
.main-text h2.name{margin-bottom:10px;font-size:18px;}
.main-text .date{display:block;margin-bottom:20px;color:#999;text-align:center;}

.list1{padding-top:20px;padding-left:46px;width:687px;overflow:hidden;}
.list1 table{margin-bottom:40px;padding-bottom:1px;background:url(../images/line6.gif) repeat-x 0 100%;}
.list1 td{padding-top:1px;height:36px;background:url(../images/line6.gif) repeat-x;line-height:35px;}
.list1 td.date{width:20%;color:#999;text-align:center;}
.list1 td.title{width:80%;}
.list1 td.title a{color:#000;}
.list1 td.title a:hover{color:#F00;}

.list2{padding-top:5px;padding-left:21px;width:740px;overflow:hidden;}
.list2 .item{display:inline;float:left;width:176px;margin-right:12px;margin-bottom:23px;background:#f5f5f5;}
.list2 .item a.img{display:block;height:134px;overflow:hidden;}
.list2 .item.break{margin-right:0;}

.list2 .item .intro{padding:20px 14px 14px 14px;overflow:hidden;}
.list2 .item .intro p{margin-bottom:5px;line-height:1.5;color:#666;}
.list2 .item .intro a{font-size:14px;color:#333;}
.list2 .item .intro a:hover{color:#F00;}


.footer{height:130px;background:url(../images/foot_bg.gif) repeat-x;}
.footer .footer-inner{padding-top:16px;width:970px;margin-right:auto;margin-left:auto;text-align:center;}
.footer p{margin-bottom:5px;line-height:2;}