@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#666;font:12px/1.231 arial,helvetica,clean,sans-serif,"宋体";behavior:url(JS/csshover.htc);} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;font-family: "Microsoft YaHei"}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
i,em{ font-style:normal;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;font-family: "Microsoft YaHei"}
h3 { font-size:20px;font-family: "Microsoft YaHei"}
h4 { font-size:14px;font-family: "Microsoft YaHei"}
h5 { font-size:12px;}
h6 { font-size:10px;}

.mt10{ margin-top:10px;}

a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
.vam { vertical-align:middle;}
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}
p{ word-spacing:-1.5px;font-family: "Microsoft YaHei";}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;font-family: "Microsoft YaHei";}



/* -- 页面整体布局 -- */
.header , .content , .footer { width:1200px; margin:0 auto;font-family: "Microsoft YaHei";  }
.h_nav li a:-webkit-any-link{ display:block;}


 
body{width: 100%;min-width:1200px; margin:0 auto;}

        

.topWrap{ height:252px; background:url(t_bg.gif) repeat-x center 0;position:relative; z-index:2;}
.topWrap .header{ width:1200px; margin:0 auto;}
.topWrap h5{ height:38px; font-size:14px; line-height:38px;overflow:hidden; color: #666; font-weight: normal;}
.topWrap h5 span{ display:inline-block; color:#a1a1a1;}
.topWrap h5 span a{ color:#fff600; padding:0 12px; display:inline-block; height:33px;}
.topWrap h5 span a.nop{  padding-right: 0;}
.topWrap h2{ width:1200px; padding:0px 24px 0  0; height:155px; float:left; overflow:hidden;background:#0d67f3;}
.topWrap h2 img{ display:block; width:1200px; height:115px;}
.topWrap h3{ width:638px;font:18px "Microsoft Yahei";color:#333; float:left; overflow:hidden; padding:39px 0 0; line-height:28px;}
.topWrap h3 em{ display:block; font:24px "Microsoft Yahei";color:#333; font-weight: bold;}
.topWrap h3 span{ display: block; font-size: 18px; color: #666;}
.topWrap p{ font:14px "Microsoft Yahei"; color:#333; margin-top:54px; background:url(tel.gif) no-repeat 120px 4px; height:60px; float:right;padding-left: 48px; text-align: right;}
.topWrap p em{ display:block; font:28px Arial,Tahoma, Geneva, sans-serif; font-weight:bold; color:#333; padding-top:8px; font-family: Arial;}
.h_nav{ height:60px;margin-top:0px;}
.h_nav li{ font:16px "Microsoft Yahei"; float:left; text-align:center; height:60px; line-height:60px; background:url(lin.png) no-repeat right 25px;}
.h_nav li a{ display:block; color:#fff600; height:60px; line-height:54px; padding:0 55px;}
.h_nav li a:hover,.h_nav .cur a{background:#0066ff;font-weight: bold;}
.h_nav .nones{ background:none;}
.h_nav li.cur{ position: relative;}
.h_nav li em{ display: none;}
.h_nav li.cur em{ display: block;position: absolute; left: 0; top: 60px;background:url(span.png) repeat; z-index: 9; width:100%;}
.h_nav li.cur em a{ font-weight: normal;width:180px; color: #333; font-size: 14px; border-bottom:1px solid #e1e4e5; background:none; line-height: 35px;height: 35px; padding: 0; text-align: center;}
.h_nav li.cur em a:hover{;background:url(cur.png) no-repeat 20px 17px;;}


.sl_con{ overflow: hidden; width: 1200px; height: 502px;}
.sl_boxa{ height: 502px; overflow: hidden;width: 1200px; height: 502px;}

.dsa3_l1{width: 374px; overflow: hidden;}
.dsa3_l1 dl{ overflow: hidden; background: #4d7fc9;}
.dsa3_l1 dl dt{ font-size: 0; float: left; width: 134px; height: 134px; padding: 16px;}
.dsa3_l1 dl dd{ float: left; width: 183px; padding-top: 15px; color: #fff; font-size: 14px; line-height: 24px;}
.dsa3_l1 dl dd h4{ font-size: 16px; font-weight: bold; padding-bottom: 5px;}
.dsa3_l1 dl.bg{ background: #5b8ed9; padding:4px 0;}

.dsa3_l2{ width: 826px; overflow: hidden;}
.dsa3_l2 ul li{ font-size: 0; position: relative;}.dsa3_l2 ul li img{ width: 826px; height: 502px;}
.dsa3_l2 ul li span{ display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 80px; line-height: 80px;font-size: 16px; color: #333; text-align: center;}
.dsa3_l3{ width: 565px;}
.dsa3_l3 ul li{ font-size: 0; position: relative; float: left; margin:  0 2px 3px 0;}.dsa3_l3 ul li img{ width:280px; height:167px;}
.dsa3_l3 ul li span{ display: block; position: absolute; left: 0; bottom: 0; width: 100%; height:35px; line-height:35px;background:url(spn2a.png) repeat; font-size: 13px; color: #333; text-align: center; color: #fff;}
.dsa3_l4{ float: right;width:635px; font-size: 0;}
.dsa3_l4 ul li{ position: relative;}
.dsa3_l4 ul li span{ display: block; position: absolute; left: 0; bottom: 0; width:575px;line-height:25px; background:#fff; filter:Alpha(opacity=70);-moz-opacity: 0.7; -khtml-opacity: 0.7 ; opacity: 0.7;font-size: 15px; color: #333; text-align: center; padding:10px 30px 10px; text-align: left; }
.dsa3_5{ width:265px; height: 502px; background: #4d7fc9; padding-left: 35px; color: #fff;}
.dsa3_5 h4{ padding-top: 128px;  font-size: 24px;}
.dsa3_5 h4 span{ color: #afc2e3; font-size: 10px; text-transform: uppercase; display: block;}
.dsa3_5 p{ font-size: 16px; color: #fff; line-height: 28px; padding-top: 30px; padding-right: 30px;}
.dsa3_5 p strong{ display: block; font-weight:normal;}
.dsa3_6{ width:900px;}
.dsa3_6 img{ width:900px; height: 502px;}



.footWrap{ height:217px; overflow:hidden; background:#0099ff; padding-top: 61px; }
.footWrap .footer{ width:1200px; margin:0 auto;}
.f_pic{ width:190px;overflow:hidden;}
.f_pic img{ display:block;width:190px; height:105px; padding-top:18px;}
.fwz{padding:0 0 0 8px; overflow:hidden; color:#fff; font-size: 12px; line-height: 30px; float: left;}
.fwz p{ overflow: hidden;}
.fwz p em{ display:inline-block; padding-left: 53px; float: left; float: left; width: 238px;}
.fwz p em i{ display:block; height: 44px; border-bottom: 1px  solid #0066ff;margin-bottom: 9px;}
.fwz p em i a{ font-size: 16px; font-weight: bold;color:#fff;}
.fwz p span{ display: block; }
.fwz p span a{ display: inline-block; line-height: 30px;color:#fff; width:100px;}
.fwz p .long{ width:328px;}
.fwz p .long strong{ font-weight: normal; display: block;}
.fwz p .long b{ font-weight: normal; padding-left: 10px;}

.code{margin-top:53px; overflow:hidden; width: 298px; height: 160px; margin-top:0px;}
.code p{ font:12px "Microsoft Yahei"; color:#fff; }
.code p img{ display:inline-block ; width:150px; height:150px;margin-top:0px; float: left;}
.code p.fl{ padding-left:8px;}
i,em{font-style: normal}
.fwz p .long strong a{ color:#fff;}


        .client-2 {
            position: fixed;
            right: -170px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 71px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 14px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
            width: 33px;
            height: 35px;
            background-position: -27px -51px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 77px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size:18px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-left: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #063990;
            color: #fff;
            height: 56px;
            width: 247px;
            padding:9px 0 6px;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #063990;
            width: 97px;
            height: 56px;
            position: relative;
            padding:9px 0 6px;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }
    
/**/
.banner{ height:550px; width:100%; position:relative; z-index:1;}
.banner .bd{ height:550px; overflow:hidden;}
.banner .bd a{ display:block; background:url(../img/index/banner.jpg) no-repeat center top;height:550px; overflow:hidden;}
.banner .bantil{ width:193px; height:15px; position:absolute; bottom:40px;left:50%; z-index:8;}
.banner .bantil li{ width:15px; height:15px; float:left; display:inline; margin:0 12px;background:#063990;}
.banner .bantil li.cur{background:#4d7fc9;}

/*家用*/
.gy_bj{ height:380px; overflow:hidden;}
.gy{ margin-top:8px; width:1200px; margin:0 auto;}
.gy p{ margin-bottom:0px; height:50px; overflow:hidden; background:url(gy_t.gif) no-repeat left bottom; font:24px/47px "microsoft Yahei";}
.gy p a{ color:#0074d8;}
.gy p a i{ color:#898989; padding-top:0px; display:inline-block;font:14px/32px Arial, Helvetica, sans-serif;}
.gy p span{ padding-top:23px; margin-right:33px; height:23px;  overflow:hidden; font:12px/23px Arial, Helvetica, sans-serif; display:block;}
.gy p span a{ color:#afadad;}
.gy dt{ float:left;width:1200px; overflow:hidden;margin-top:10px;} 
.gy img{padding:5px;}
/*about*/
.about_bj{ background:url(about_bj.gif) repeat-x center top; height:350px;margin-top:20px; overflow:hidden;} 
.about{ height:320px; width:1200px; background-color:#f0e4d1; overflow:hidden; }
.about dl{ height:320px; overflow:hidden;}
.about dl dt{ height:320px; width:500px; overflow:hidden;}
.about dl dt img{ height:320px; width:500px;}
.about dl dd{ position:relative;width:640px; overflow:hidden;} 
.about dl dd h3{ height:82px; overflow:hidden; padding-left:40px; font:24px/82px "microsoft Yahei"; }
.about dl dd h3 a{color:#231616;}

.about dl dd ul{ height:62px; overflow:hidden; padding:12px 0 0 15px;}
.about dl dd ul li{ height:62px; overflow:hidden; float:left; font:14px/62px "microsoft Yahei"; }
.about dl dd ul li a{ padding:0 20px; display:inline-block; color:#818181;}
.about dl dd ul li a:hover,.about dl dd ul .cur a{ color:#0074d8;}
.about dl dd ul .cur{ background:none;}
.about dl dd span{ color:#474747; font:12px/24px "microsoft Yahei"; display:block; width:600px; margin-left:40px;}

.about dl dd span a{ color:#000000;}