﻿@charset "utf-8";
@import url(dll.css);
@import url(font.css);
@import url(main.css);
@import url(/onlinecss/onlineeditor.css);
@import url(ddsmoothmenu.css);
@import url(indexbanner.css);
/* ҳֿʼ */
.header{width:100%; height:84px; padding-bottom:16px; background:url(../images/header_bg.jpg) repeat-x left bottom #ffffff;}
.logo{float:left; width:250px; height:84px; overflow:hidden;}
.header_r{float:right; width:730px;}
.lan{ height:15px; padding-top:10px; float:right; display:block; width:730px; }
.lan ul{ float:right; }
.lan li{ float:left;}
.lan li a{color:#000; padding:0px 5px;}
.i_nav{float:right; display:block;  height:25px; margin-top:15px;}

.i_banner{}
.i_banner .i_banner_t{width:989px; height:4px; overflow:hidden; background:url(../images/banner_t.jpg) no-repeat left top;}
.i_banner .i_banner_b{width:989px; height:6px; overflow:hidden; background:url(../images/banner_b.jpg) no-repeat left top;}
.i_banner .i_banner_c{width:987px; padding-left:2px; background:url(../images/banner_bg.jpg) repeat-y left top;}
.i_banner .i_banner_c img{width:981px; height:324px;}

.caption{display:none;}
.i_container{}

.title01{width:989px; height:30px; background:url(../images/bg_title01.jpg) no-repeat left top;}
.title01 strong{color:#ffffff; padding:0 10px; line-height:30px;}

.title02{width:222px; height:30px; background:url(../images/bg_title02.jpg) no-repeat left top;}
.title02 strong{color:#ffffff; padding:0 10px; line-height:30px;}

.title03{width:530px; height:30px; background:url(../images/bg_title03.jpg) no-repeat left top;}
.title03 strong{color:#ffffff; padding:0 10px; line-height:30px;}

.title04{width:760px; height:30px; background:url(../images/bg_title04.jpg) no-repeat left top;}
.title04 span{ font-weight:bold;color:#ffffff; padding:0 10px; line-height:30px; width:350px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; display:block;}

.bottom01{width:989px; height:9px; overflow:hidden; background:url(../images/bg_bottom01.jpg) no-repeat left top;}
.bottom02{width:222px; height:9px; overflow:hidden; background:url(../images/bg_bottom02.jpg) no-repeat left top;}
.bottom03{width:530px; height:9px; overflow:hidden; background:url(../images/bg_bottom03.jpg) no-repeat left top;}
.bottom04{width:760px; height:9px; overflow:hidden; background:url(../images/bg_bottom04.jpg) no-repeat left top;}

.i_news01{ height:36px; background:url(../images/bg_n01.jpg) no-repeat left top;}
.i_news01 h3{display:block; float:left; padding:0 10px; font-weight:bold; line-height:30px;}
.i_news01 .list{float:left; width:900px; overflow:hidden;}
.i_news01 .list li{float:left; line-height:30px; width:300px;}

.i_pro01{margin-top:5px; background:url(../images/bg_b01.jpg) repeat-y left top;}
.i_pro01 .list{margin:10px;width:969px; overflow:hidden;}
.i_pro01 .list li{float:left; width:285px; padding-right:5px;}
.i_pro01 .list li img{float:left; margin-right:5px; width:155px; height:115px; border:1px solid #cecece;}
.i_pro01 .list li h4{ font-weight:bold; line-height:30px; width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.i_pro01 .list li span{ display:block; height:54px; line-height:18px; overflow:hidden;}
.i_pro01 .list li a.i_pmore{display:block; float:right; margin-top:10px; color:#e61111;}

.i_prosort{width:222px; float:left; margin-top:5px;}
.i_prosort .list{width:144px; margin:0 auto; padding:10px 0;overflow:hidden;}
.i_prosort .list li{width:109px; height:31px; padding-left:35px; background:url(../images/icon01.jpg) no-repeat left top; line-height:31px;}

.i_about{width:530px; float:left; margin:5px 0 0 8px;}
.i_about .content{padding:10px; line-height:18px; overflow:hidden; background:url(../images/bg_b03.jpg) repeat-y left top;}
.i_about .content img{float:left; margin:0 10px 0 0;}

.i_contact{width:222px; float:left; margin:5px 0 0 7px;}
.i_contact .content{padding:11px; line-height:21px; overflow:hidden; background:url(../images/bg_b02.jpg) repeat-y left top;}
.i_contact .content a.kf{line-height:30px; padding:0 15px 0 25px; background:url(../images/icon02.jpg) no-repeat left top;}

.i_ad{margin-top:5px;width:989px; height:130px; background:url(../images/ad_bg.jpg) no-repeat left top;}
.i_ad img{width:974px; height:114px; padding:5px 0 0 5px;}

.i_news02{width:222px; float:left; margin-top:5px; background:url(../images/bg_b02.jpg) repeat-y left top;}
.i_news02 .list{padding:10px; width:202px;}
.i_news02 .list li{width:187px; height:30px; padding-left:15px; line-height:30px; background:url(../images/icon03.jpg) no-repeat left top;}
.i_news02 .list li a{ display:block; width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}


.i_case{width:760px; float:left; margin:5px 0 0 7px; background:url(../images/bg_b04.jpg) repeat-y left top;}
.i_case .list{padding:10px; width:740px; float:left;}
.i_case .list li{float:left; width:350px; height:110px; margin-top:10px; padding-left:10px; line-height:20px;}
.i_case .list li img{float:left; width:138px; height:104px; margin-right:5px; border:1px solid #cecece; padding:1px;}
.i_case .list li h4{ line-height:30px;}
.i_case .list li h4 a{ display:block;color:#f50707; width:203px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.i_case .list li span{display:block; height:80px;width:203px; overflow:hidden;}

.footer{width:100%; margin-top:10px; text-align:center; padding:20px 0 10px; line-height:20px; background:url(../images/footer_bg.jpg) repeat-x left top; border-top:1px solid #c7cdd7;}
.footer_nav{}
.copyright{}
/* ҳֽ */

/* ҳֿʼ */
.p_banner{}
.p_banner .p_banner_t{width:989px; height:4px; overflow:hidden; background:url(../images/banner_t.jpg) no-repeat left top;}
.p_banner .p_banner_b{width:989px; height:6px; overflow:hidden; background:url(../images/banner_b.jpg) no-repeat left top;}
.p_banner .p_banner_c{width:987px; padding-left:2px; background:url(../images/banner_bg.jpg) repeat-y left top;}
.p_banner .p_banner_c img{width:981px; height:238px;}

.p_path{float:right; padding-right:20px; height:30px; line-height:30px; text-align:right;}

.p_container{padding-top:10px;}
.p_left{float:left; width:222px; overflow:hidden;}
.p_right{float:right; width:760px; overflow:hidden; }

.p_sidebar{width:222px; background:url(../images/bg_b02.jpg) repeat-y left top;}
.p_sidebar .list{width:144px; margin:0 auto; padding:10px 0;}
.p_sidebar .list li{width:109px; height:31px; padding-left:35px; background:url(../images/icon01.jpg) no-repeat left top; line-height:31px;}
.p_sidebar .list1{ margin:0 auto; padding:10px; line-height:20px;}
.p_sidebar .sortnavt a{ color:#A92928;}

.p_contact{width:222px; margin-top:5px; background:url(../images/bg_b02.jpg) repeat-y left top;}
.p_contact .content{padding:10px; line-height:22px;}
.p_contact .content a.kf{line-height:30px; padding:0 15px 0 25px; background:url(../images/icon02.jpg) no-repeat left top;}

.p_about{padding:10px 25px 20px 20px; line-height:20px;background:url(../images/bg_b04.jpg) repeat-y left top; float:left; width:715px;}

/* ҳֽ */

.marqueebox li{ width:300px; float:left;}

.marqueebox1{ height:164px; overflow:hidden;}
.marqueebox{ height:30px; line-height:30px; width:900px; overflow:hidden;}
.marqueebox a{width:300px; display:block; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.title_01{ display: block;background: url(../images/bg_title01.jpg) no-repeat left top;color: #fff;
    float: left;
    font-weight: bold;
    line-height: 30px;
    padding: 0 10px;}
.com,ccon{ float:left;}