@charset "utf-8";
html{overflow-x:hidden}
body {font-size: 12px;line-height: 18px;color: #CCC;; margin:0; background:#20211f; font-family:"宋体"}
a{text-decoration:none; color:#ccc}
a:hover{text-decoration:underline}
a,img,span,p,form,ul,td,tr,table,div{margin:0; padding:0; border:0}


.head{width:1200px; height:425px; position:absolute; top:0; left:50%; margin:0 0 0 -600px}
.main{width:924px; margin:auto; padding:425px 0 0}
.clear{clear:both}
.line{background:url(../images/line.gif) repeat-x; padding-top:2px}

.index .p1{height:237px; padding-top:36px; background:url(../images/index-p1.gif) top no-repeat; position:relative}
.index .p1 .left{position:absolute; top:43px; left:15px; width:354px}
.index .p1 .left .list{height:160px}
.index .p1 .left .list span{display:block; padding:3px 0 0 0; line-height:16px;}
.index .p1 .left .list span a{color:#9eb854}
.index .p1 .left .list span a:hover{color:#dedede}
.index .p1 .left .button table{margin:auto}
.index .p1 .left .button td{padding:8px 15px}
.index .p1 .left .button1 img{width:86px; height:29px; background:url(../images/index-p1-button1.jpg) left top}
.index .p1 .left .button1:hover img{background:url(../images/index-p1-button1.jpg) left bottom}
.index .p1 .left .button2 img{width:86px; height:29px; background:url(../images/index-p1-button1.jpg) right top}
.index .p1 .left .button2:hover img{background:url(../images/index-p1-button1.jpg) right bottom}
.index .p1 .right{position:absolute; top:84px; left:400px; width:550px}
.index .p1 .right div{width:182px; height:94px; float:left; background:url(../images/index-p1-boxbg.jpg) left top no-repeat}
.index .p1 .right .pic{width:80px; padding:3px}
.index .p1 .right .name{height:22px; padding-top:10px; display:block; font-weight:bold}
.index .p1 .right .button img{width:64px; height:22px; background:url(../images/index-p1-button2.gif) left top}
.index .p1 .right .button:hover img{background:url(../images/index-p1-button2.gif) left bottom}

.index .p2{height:155px; background:url(../images/index-p2.gif) top no-repeat; padding-top:50px}
.index .p2 div{width:297px; float:left; color:#a7a7a6; padding-right:15px}
.index .p2 .end{padding:0}
.index .p2 div table{background:url(../images/index-p2-bg.gif) top repeat-x}
.index .p2 div img{margin-right:3px; border:3px solid #929292}
.index .p2 div strong{font-size:14px; color:#f6db00}

.index .p3{background:url(../images/index-p3.gif) top no-repeat; padding-top:20px}
.index .p3 .text{padding-left:10px}
.index .p3 .text strong{color:#fff}
.index .p3 .text .title{color:#f6db00; font-size:14px}

.index .p4{height:272px; position:relative; background:url(../images/index-p4.gif) top no-repeat}
.index .p4 .list{position:absolute; top:50px; left:5px; width:955px}
.index .p4 .list .box{height:114px; width:317px; float:left ; background:url(../images/client-boxbg.gif) left top no-repeat; display:inline;}
.index .p4 .list .box .content{padding:10px; display:block;line-height:14px; color:#fff; width:260px; height:70px; background:url(../images/index-p4-bg.gif) top repeat-x}
.index .p4 .list .box .content img{float:left; border:3px solid #888; margin-right:10px}
.index .p4 .list .box .content .name{color:#f6db00; line-height:18px; font-weight:bold}
.index .p4 .button{position:absolute; top:20px; left:863px}
.index .p4 .button img{width:55px; height:23px; background:url(../images/index-p4-button.jpg) left top}
.index .p4 .button:hover img{background:url(../images/index-p4-button.jpg) left bottom}

.index .p5{height:250px; position:relative }
.index .p5 .bg1{height:125px; background:url(../images/index-p5-bg_01.jpg)}
.index .p5 .bg2{height:125px; background:url(../images/index-p5-bg_02.jpg)}
.index .p5 .box{position:absolute; line-height:14px}
.index .p5 .box a{color:#ecbd00}
.index .p5 .box .title{color:#55b211; font-size:14px; line-height:16px; padding-bottom:10px; font-weight:bold}
.index .p5 .box .title strong{color:#fff; font-size:10px; line-height:10px; font-family:Arial, Helvetica, sans-serif}
.index .p5 .box .link{text-align:right; padding-top:5px}
.index .p5 .box .link a{color:#ecbd00}
.index .p5 .box .link a:hover{color:#fff}

.index .p6{height:285px; background:url(../images/index-p6-bg.jpg) 0 10px no-repeat; padding:55px 0 0}
.index .p6 .text{padding:0 25px 0 10px;line-height:20px}
.index .p7{height:258px; background:url(../images/index-p7-bg.gif)}
.index .p7 .title{color:#54a419; font-size:14px; padding:17px; font-weight:bold;}
.index .p7 .list{padding:0 0 0 17px}
.index .p7 .list span{display:block; padding:3px 11px; float:left; width:430px; background:url(../images/index-p7-ico.gif) left center no-repeat}
.index .p7 .list span a:hover{color:#ecbd00}
.index .p7 .pic{padding:3px 0 0 0}
.index .p7 .pic span{display:block; width:184px; float:left; text-align:center}

.friendlink{background:url(../images/friendlink-title.gif) left top no-repeat; padding:60px 0 20px 50px; color:#ecbd00}
.friendlink strong{color:#ccc}
.friendlink div span{display:block; width:140px; height:70px; float:left}

.bottom{background:url(../images/line.gif) top repeat-x; padding-bottom:60px}
.bottom .link{text-align:center; padding:10px; letter-spacing:1px; font-weight:bold; color:#5aab1b}
.bottom .link a{color:#5aab1b}
.bottom .link a:hover{color:#fff}
.bottom .copyr{width:370px; margin:auto; padding:20px; background:url(../images/bottom-logo.gif) left center no-repeat; padding-left:100px}

.floatbox{background:#333 url(../images/line.gif) top repeat-x; height:55px; width:100%; position:absolute; left:0; bottom:0; z-index:100; padding-top:2px}
.floatbox div{width:924px; margin:auto; background:url(../images/floatbg.jpg) right no-repeat}
.floatbox .box{padding-right:315px}
.floatbox .button1 img{width:172px; height:52px; background:url(../images/float-button.gif) left top}
.floatbox .button1:hover img{background:url(../images/float-button.gif) left bottom}
.floatbox .button2 img{width:125px; height:52px; background:url(../images/float-button.gif) right top}
.floatbox .button2:hover img{background:url(../images/float-button.gif) right bottom}

/*product*/
.product .p1{height:504px; position:relative}
.product .p1 .bg1{background:url(../images/product-p1-bg_01.jpg); height:84px}
.product .p1 .bg2{background:url(../images/product-p1-bg_02.jpg); height:84px}
.product .p1 .bg3{background:url(../images/product-p1-bg_03.jpg); height:84px}
.product .p1 .bg4{background:url(../images/product-p1-bg_04.jpg); height:84px}
.product .p1 .bg5{background:url(../images/product-p1-bg_05.jpg); height:84px}
.product .p1 .bg6{background:url(../images/product-p1-bg_06.jpg); height:84px}
.product .p1 .text1{position:absolute;top:182px;left:528px;width:370px; line-height:16px}
.product .p1 .text1 strong{font-size:14px; font-weight:bold; letter-spacing:1px; color:#5aab1b}
.product .p1 .text2{position:absolute;top:420px;left:510px;width:370px; line-height:28px; letter-spacing:2px}
.product .p1 .text2 a{letter-spacing:0; color:#fec600; font-size:14px;  font-weight:bold}
.product .p1 .button{position:absolute; top:432px; left:174px}
.product .p1 .button img{width:127px; height:40px; background:url(../images/product-p1-button.gif) left top}
.product .p1 .button:hover img{background:url(../images/product-p1-button.gif) left bottom}

.product .p2{height:530px; position:relative}
.product .p2 .bg1{background:url(../images/product-p2-bg_01.jpg); height:106px}
.product .p2 .bg2{background:url(../images/product-p2-bg_02.jpg); height:106px}
.product .p2 .bg3{background:url(../images/product-p2-bg_03.jpg); height:106px}
.product .p2 .bg4{background:url(../images/product-p2-bg_04.jpg); height:106px}
.product .p2 .bg5{background:url(../images/product-p2-bg_05.jpg); height:106px}
.product .p2 .text1{position:absolute;top:88px;left:41px;width:490px;line-height:16px}
.product .p2 .text1 strong{color:#fec600}
.product .p2 .text2{position:absolute;top:438px;left:75px;width:100px;line-height:20px; color:#333}
.product .p2 .text3{position:absolute;top:438px;left:213px;width:100px;line-height:20px; color:#333}
.product .p2 .text4{position:absolute;top:438px;left:350px;width:100px;line-height:20px; color:#333}

.product .p2 .button{position:absolute; top:455px; left:650px}
.product .p2 .button img{width:127px; height:40px; background:url(../images/product-p1-button.gif) left top}
.product .p2 .button:hover img{background:url(../images/product-p1-button.gif) left bottom}

/*topic*/
.topic .video{height:450px; position:relative}
.topic .video .text{position:absolute; top:85px; left:77px; color:#ccc;line-height:20px}	
.topic .video .flash{position:absolute; top:160px; left:74px}
.topic .video .list{position:absolute; top:85px; left:517px; width:324px}
.topic .video .list .box{height:76px; border-bottom:1px dashed #dedede; padding:7px 3px 0}
.topic .video .list .box table{width:220px; float:right; clear:#fff; line-height:14px}
.topic .video .list .box table .title{font-weight:bold; font-size:14px; color:#ffa5f8; padding:3px 0}
.topic .video .list .box table .title a{color:#6ac032}
.topic .video .list .box table .data{padding-top:2px}
.topic .video .list .box table .data a{color:#f4d600; padding:2px 5px 2px 18px; background:url(../images/topic-ico.gif) left center no-repeat; float:right}
.topic .video .list .box img{border:2px solid #a9a9a9; padding:2px; background:#c9c9c9}

.topic .video .bg1{height:90px; background:url(../images/topic-video-bg_01.jpg)}
.topic .video .bg2{height:90px; background:url(../images/topic-video-bg_02.jpg)}
.topic .video .bg3{height:90px; background:url(../images/topic-video-bg_03.jpg)}
.topic .video .bg4{height:90px; background:url(../images/topic-video-bg_04.jpg)}
.topic .video .bg5{height:90px; background:url(../images/topic-video-bg_05.jpg)}
.topic .focus{padding:90px 30px 0; height:304px; background:url(../images/topic-focus-bg.jpg) top center no-repeat; position:relative}
.topic .focus .content{height:230px;padding:15px 0 0}
.topic .focus .right{float:right; padding:6px 0 0 0; width:370px;}
.topic .focus .focustab{height:35px;position:absolute; left:715px; top:36px; width:200px}
.topic .focus .focustab a{display:block; float:left; padding-right:10px}
.topic .focus .focustab a img{width:52px; height:25px}
.topic .focus .focustab .box1 img{background:url(../images/topic-select-bg_01.gif) top}
.topic .focus .focustab .box1:hover img{background:url(../images/topic-select-bg_01.gif) bottom}
.topic .focus .focustab .box2 img{background:url(../images/topic-select-bg_02.gif) top}
.topic .focus .focustab .box2:hover img{background:url(../images/topic-select-bg_02.gif) bottom}
.topic .focus .focustab .box3 img{background:url(../images/topic-select-bg_03.gif) top}
.topic .focus .focustab .box3:hover img{background:url(../images/topic-select-bg_03.gif) bottom}
.topic .focus .focustab .selected img{background-position: bottom}
 
.topic .past{background:url(../images/topic-past-title.gif) left top no-repeat; padding:50px 100px 60px; overflow:hidden}
.topic .past td{padding-right:19px; text-align:center}
.topic .past img{border:6px solid #9e9e9e; margin-bottom:4px}
.topic .past a{color:#55b517}
/* darkcloud.tan */
ul.topic_past{padding:0; margin:0;}
ul.topic_past li{width:180px; text-align:center; float:left; height:120px; overflow:hidden; line-height:120%;padding:0;margin:0;list-style:none;}

/*client*/
.client{background:url(../images/client-bg.jpg) top no-repeat}
.client .listbox{position:relative; height:240px; }
.client .list{position:absolute; top:0; left:5px; width:955px}
.client .list .box{height:114px; width:317px; float:left ; background:url(../images/client-boxbg.gif) left top no-repeat; display:inline;}
.client .list .box .content{padding:10px; display:block;line-height:14px; color:#fff; width:260px; height:70px; background:url(../images/index-p4-bg.gif) top repeat-x}
.client .list .box .content img{float:left; border:3px solid #888; margin-right:10px}
.client .list .box .content .name{color:#f6db00; line-height:18px; font-weight:bold}

.client .textbox{line-height:20px;padding:60px 30px 30px; }
.client .textbox .pic{float:left; padding:0 15px 5px 0;}
.client .textbox .pic img{padding:2px; border:3px solid #a9a9a9; background:#e8e8e8}
.client .textbox .title{padding:0 0 10px; font-size:14px; font-weight:bold; color:#ffc600}

.collection{background:url(../images/collection-bg.gif) top no-repeat; padding:60px 30px 20px}
.collection .list div{width:420px; float:left; border-top:1px solid #454644; padding:4px}
.collection .list .first{border:0}
.collection .list a{background:url(../images/index-p7-ico.gif) 4px center no-repeat; padding:0 0 0 15px; color:#919191}
.collection .list a:hover{color:#f7cf00}

/*question*/
.question{position:relative; *height:370; height:auto; min-height:370px;background:url(../images/question-bg.jpg) top no-repeat;}
.question .content{padding:70px 140px 50px}
.question .content .title{font-size:14px; font-weight:bold;padding:5px; text-align:center; color:#ffc600}
.question .content .list{padding:10px 0}
.question .content .list span{padding:2px 0; display:block}
.question .content .list a{background:url(../images/index-p7-ico.gif) left center no-repeat; padding:0 0 0 15px}
.question .content .list a:hover{color:#65b11e}
.question .content .page{padding:10px 0; text-align:center; font-weight:bold; border-top:1px solid #393939}
.question .content .page a{padding:0 3px}
.question .content .page a:hover{color:#fff}
.question-ask{background:url(../images/question-ask.gif) top no-repeat; height:210px; padding:50px 0 0; position:relative; text-align:center}
.question-ask .title{font-size:14px; font-weight:bold; padding:5px; text-align:center; color:#bd01ff}
.question-ask textarea{width:500px; height:90px;scrollbar-face-color:#353535;
scrollbar-highlight-color:#353535;
scrollbar-3dlight-color:#999999;
scrollbar-darkshadow-color:#999999;
scrollbar-shadow-color:#353535;
scrollbar-arrow-color:#999999;
scrollbar-track-color:#353535; border:1px solid #6c6c6c; background:#282828; color:#ccc}
.question-ask .button table{margin:auto}
.question-ask .button td{padding:10px}
.question-ask .button1 img{width:86px; height:29px; background:url(../images/question-button.gif) left top}
.question-ask .button1:hover img{background:url(../images/question-button.gif) left bottom}
.question-ask .button2 img{width:86px; height:29px; background:url(../images/question-button.gif) right top}
.question-ask .button2:hover img{background:url(../images/question-button.gif) right bottom}
.question .article{padding:70px 150px 0;}
.question .article .title{font-size:14px; font-weight:bold;padding:5px; color:#ffc600}
.question .article .text{margin:10px 0;}