﻿@charset "utf-8";
/* CSS Document */
html{margin:0; padding:0; border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code,del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section{margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}
ui,li{list-style:none;}
em{font-style:normal;}

body{font:normal 12px/20px "微软雅黑" ; background:#fff; color:#333;}

/* index_首页 */
.w1040{width:1040px; margin:0px auto; display:block; clear:both;}
.top{height:105px;}
.logo{float:left; width:180px; height:60px; background:url(../images/logo.gif) no-repeat; margin-top:25px;}
.logo a{float:left; width:180px; height:60px;}
.top ul{float:left; margin-top:43px; width:600px;}
.top li{float:right;}
.top li a{float:left; padding:0 1px; height:30px; line-height:28px; color:#454545; font-size:16px; margin:0px 3px; text-decoration:none;}
.top li a.hover,.top li a:hover{color:#fff; background:url(../images/top_li.gif) #66cc00;}
.top li em{float:left; padding:0 16px;}
.top li a.hover em,.top li a:hover em{background:#66cc00; height:30px; cursor:pointer;}

.header{height:450px; margin-bottom:15px; background:url(../images/head_bg.jpg) no-repeat center;}
.header img{float:left;}
.header span{float:left; width:488px;}
.download{float:left; width:488px; height:102px; background:url(../images/download.gif) no-repeat;}
.download a{float:left; width:360px; height:102px; text-decoration:none;}
.download a:hover{background:url(../images/download_z.gif) no-repeat;}
.download em{float:right; color:#fff; padding-top:18px; line-height:16px; margin-right:25px;}
.head_3{float:left; width:468px; height:105px; background:url(../images/head_3.gif) no-repeat; padding:5px 10px; color:#beedff;}
.head_3 a{color:#beedff; text-decoration:none; padding-left:10px; margin-right:5px;}
.head_3 a:hover{color:#fb6400; text-decoration:underline;}
.head_3 a.icon1{background-position:0px 1px;}
.head_3 a.icon2{background-position:0px -15px;}
.head_3 a.icon3{background-position:0px -31px;}
.head_3 a.icon4{background-position:0px -46px;}
.head_3 a.icon5{background-position:0px -64px;}
.head_3 a.icon6{background-position:0px -80px; padding-left:5px;}

.product{height:460px; padding-top:5px;}
.product li{float:left; width:480px; height:120px; font-size:12px; color:#999; line-height:18px; margin-right:40px;}
.tit_1{background:url(../images/tit_1.gif) no-repeat center; width:980px; height:70px; line-height:45px; margin:0px auto; margin-bottom:10px; font-size:31px; text-align:center; color:#333;}
.product em{float:left; width:80px; height:80px; margin-right:13px;}
.product em.ico_1{background:url(../images/ico_1.gif) no-repeat;}
.product em.ico_2{background:url(../images/ico_2.gif) no-repeat;}
.product em.ico_3{background:url(../images/ico_3.gif) no-repeat;}
.product em.ico_4{background:url(../images/ico_4.gif) no-repeat;}
.product em.ico_5{background:url(../images/ico_5.gif) no-repeat;}
.product em.ico_6{background:url(../images/ico_6.gif) no-repeat;}
.product em.ico_7{background:url(../images/ico_7.gif) no-repeat;}
.product span{float:left; width:385px; font-size:19px; color:#454545; margin-top:8px; line-height:28px;}
.product span a{color:#454545; text-decoration:none;}
.product span a:hover{color:#fb6400; text-decoration:underline;}

.evaluation{height:400px; padding-top:20px; margin-bottom:60px;}
.evaluation li{float:left; width:520px; height:120px; font-size:12px; color:#666; line-height:25px;}
.evaluation span{float:left; text-align:center;}
.evaluation span p{color:#71b9d0; text-decoration:none; line-height:22px;}
.evaluation span a:hover{color:#fb6400; text-decoration:underline;}
.evaluation div.pl_nr{float:left; background:#f6f6f6; width:455px; height:100px;}
.evaluation div.pl_nr dd{float:left; width:15px; height:100px; background:url(../images/pl_dd.gif) no-repeat #fff;}
.evaluation div.pl_nr span{float:left; padding:10px 25px; padding-bottom:0px; width:390px; text-align:left; line-height:23px;}
.evaluation div.pl_nr em{float:left; width:420px; color:#999; margin-right:10px; line-height:14px; text-align:right;}

.footer{clear:both; background:#223605; height:210px; color:#999; padding-top:25px;}
.footer h1{color:#66cc00; font-size:14px; font-weight:bold; line-height:20px;}
.footer a{color:#999; padding:0 15px; text-decoration:none;}
.footer a:hover{color:#fb6400;text-decoration:underline;}
.footer div.geshi{float:left; width:360px; line-height:16px;}
.footer div.link{float:left; width:160px; height:160px; line-height:24px; border-left:1px solid #52525c;}
.footer div.yq_link{float:left; width:280px; height:160px; line-height:24px; border-left:1px solid #52525c;}
.footer div.yq_link h1{padding-left:15px;}
.footer div.yq_link li{float:left; width:130px;}
.footer div.sw_link{float:left; width:200px; height:160px; line-height:16px; border-left:1px solid #52525c; padding-left:13px;}
.footer div.sw_link h1{width:81px;}
.footer div.sw_link h1.sw{background:url(../images/sw.gif) no-repeat right;}
.footer em.email{float:left; width:15px; height:10px; margin-top:3px; background:url(../images/email.gif) no-repeat 0 1px;}
.footer em.tel{float:left; width:15px; height:15px; margin-top:1px; background:url(../images/qq_gray.png) no-repeat 0 3px;}

