/*全局*/
html, body, div, p, h1, h2, h3, h4, ul, li, a, dd, dl, dt, ul, li, ol, fieldset, legend, form, label, table, caption, tbody, tfoot, thead, tr, td { margin: 0px; padding: 0px; }
html { background: #ffffff; }
body { height: 100%; font: normal normal normal 12px/25px 'Microsoft YaHei',Arial,​Helvetica,​sans-serif; color: #555; position: relative; word-break: break-all; zoom: 1; }
ul, li, ol { list-style: none; }
img { border: 0px; vertical-align: bottom; }
a { text-decoration: none; color: #0075CA; }
    a:hover { text-decoration: underline; color: #EF4034; }
*:focus { outline: none; }
input { vertical-align: middle; font-family: "微软雅黑", ​"Microsoft Yahei"; }
.right { float: right; }
.clear { clear: both; float: none; height: 1px; line-height: 1px; font-size: 1px; border: 0px solid transparent; }
.f12 { font-size: 12px !important; }
.f14 { font-size: 14px !important; }
.f16 { font-size: 16px !important; }
.underline { text-decoration: underline; }
.b { font-weight: bold; }
.red { color: #FF2200; }
.green { color: #16960E !important; }
.blue { color: #0075CA !important; }
.black { color: #222222 !important; }
.gray { color: #999999 !important; }
.graymore { color: #666666 !important; }
.grayvery { color: #A5A5A5 !important; }
.right { float: right; }
.filter3 { filter: Alpha(opacity=30); -moz-opacity: .3; opacity: 0.3; }
.filter5 { filter: Alpha(opacity=50); -moz-opacity: .5; opacity: 0.5; }
.filter8 { filter: Alpha(opacity=80); -moz-opacity: .8; opacity: 0.8; }

.headtop { padding: 0px; margin: 0px; height: 35px; line-height: 35px; background-color: #EEEEEE; overflow: hidden; }
.headtop_wrap { margin: 0 auto; width: 1200px; }
.headtop_left { float: left; width: 50%; font-size: 14px; color: #888888; }
    .headtop_left a { color: #444444; display: inline-block; margin-right: 15px; }
.headtop_right { float: right; width: 280px; text-align: right; }
    .headtop_right a { font-size: 14px; color: #888888 !important; }

.header { padding: 0px 0; margin: 0px;background-color: #ffffff;}
.header_wrap {padding: 5px 0; margin: 0px auto 0px auto; width: 1200px; }
.header_logo { float: left; width: 480px; height: 90px; }
    .header_logo img { width: 480px; height: 80px; margin-top: 5px; }
.header_right { float: right; text-align: right; width: 300px; height: 60px; padding: 15px 0; }
    .header_right span { height: 30px; line-height: 30px; font-size: 14px; color: #333; }
    .header_right p { height: 30px; line-height: 30px; font-size: 26px; font-weight: bolder; color: #ec293b; }

.header_menu { margin: 0 auto 0px auto; width: 100%; height: 60px; background-color: #0075CA; }
.headmenu { margin: 0 auto; height: 60px; width: 1200px; background-color: #0075CA; }
    .headmenu li { position: relative; float: left; display: inline-block; width: 171px; height: 60px; line-height: 60px; vertical-align: top; background: url("image/split.png") no-repeat center right; }
        .headmenu li:last-child { background: none; }
            .headmenu li:last-child a:hover { text-decoration: none; background: #ef4034; color: #FFFFFF; }
        .headmenu li:hover { background: #0075CA url("image/split.png") no-repeat center right; }
        .headmenu li a { display: block; height: 60px; line-height: 60px; color: #ffffff; font-size: 14px; text-align: center; }
            .headmenu li a:hover { text-decoration: none; background: #ef4034 url("image/split.png") no-repeat center right; color: #FFFFFF; }
        .headmenu li ul { position: absolute; top: 60px; width: 120px; min-width: 100%; background: #0075CA; z-index: 10000; display: none; }
            .headmenu li ul li { display: block; width: 100%; height: auto; background: none; }
                .headmenu li ul li a { display: block; padding: 15px 10px 15px 20px; height: auto; line-height: 20px; text-align: left; }
                    .headmenu li ul li a:hover { text-decoration: none; background: #ef4034; color: #FFFFFF; }

.index_banner { position: relative; height: 450px; overflow: hidden; margin-bottom: 50px; }
.index_banner_wrap { display: block; width: 100%; height: 450px; position: relative; margin: 0 auto; overflow: hidden; }
    .index_banner_wrap li { display: block; width: 1920px; height: 450px; }
    .index_banner_wrap img { display: block; width: 1920px; height: 450px; margin: 0 auto; position: absolute; margin-left: -960px; left: 50%; }
.index_banner_btns { position: absolute; width: 100%; top: 0px; margin: 0px auto; background-color: transparent; }
.index_banner_box { position: relative; width: 1200px; top: 0px; margin: 0px auto; background-color: transparent; }
    .index_banner_box .btn { position: absolute; width: 100%; height: 16px; top: 400px; text-align: center; }
        .index_banner_box .btn span { display: inline-block; _display: inline; _zoom: 1; width: 16px; height: 16px; border-radius: 8px; _font-size: 0; margin-left: 10px; cursor: pointer; background: #0075CA; }
            .index_banner_box .btn span.on { background: #EF4034; }
    .index_banner_box .preNext { position: absolute; width: 36px; height: 36px; top: 200px; cursor: pointer; }
    .index_banner_box .pre { left: 10px; background: url(Image/prev.png) 0 0 no-repeat; }
    .index_banner_box .next { right: 10px; background: url(Image/next.png) 0 0 no-repeat; }

/*首页项目*/
.index_content { width: 1200px; margin: 0 auto 10px auto; }

.index_leftbox { float: left; width: 302px; }
    .index_leftbox .leftitem { width: 100%; border: 1px solid #DDDDDD; border-radius: 5px; margin-top: 15px; margin-bottom: 40px; background-color: #fafafa; }
        .index_leftbox .leftitem h3 { margin-top: -15px; margin-left: 15px; width: 100px; height: 28px; line-height: 28px; border-radius: 5px; background-color: #0075CA; color: #FFFFFF; font-size: 14px; font-weight: normal; text-align: center; border: 3px double #FFFFFF; }
        .index_leftbox .leftitem .leftcase { margin: 10px; width: 200px; height: 150px; overflow: hidden; }
            .index_leftbox .leftitem .leftcase li { display: block; }
                .index_leftbox .leftitem .leftcase li img { display: block; border: 1px solid #EEEEEE; width: 198px; height: 148px; }
        .index_leftbox .leftitem .leftcontact { margin: 10px; }
            .index_leftbox .leftitem .leftcontact li { padding: 5px 0px; line-height: 20px; border-bottom: 1px solid #DDDDDD; color: #0075CA; }
                .index_leftbox .leftitem .leftcontact li:last-child { border-bottom: none; }

.index_mainbox { width: 1200px; margin: 0px auto 50px auto; padding-top: 10px; }
    .index_mainbox .infobox { width: 100%; margin-top: 30px; border-top: 1px solid #DDDDDD; }
        .index_mainbox .infobox h3 { margin-top: -30px; margin-left: 520px; width: 160px; height: 60px; line-height: 60px; line-height: 30px; background-color: #FFFFFF; color: #333; font-size: 28px; font-weight: bolder; text-align: center; margin-bottom: 20px; }
            .index_mainbox .infobox h3 span { display: block; font-size: 18px; font-weight: normal; color: #bbb; }
        .index_mainbox .infobox .infos { margin: 15px 0; line-height: 25px; font-size: 14px; line-height: 30px; }
        .index_mainbox .infobox .more { display: block; clear: both; margin: 0px auto; width: 120px; height: 35px; line-height: 35px; background: #0075CA; color: #fff; font-size: 14px; text-align: center; }
            .index_mainbox .infobox .more:hover { background: #EF4034; text-decoration: none; }

        .index_mainbox .infobox .newsleft { float: left; width: 550px; padding-top: 20px; margin-bottom: 30px; }
        .index_mainbox .infobox .newsright { float: right; width: 600px; padding-top: 20px; margin-bottom: 20px; }
            .index_mainbox .infobox .newsright ul { }
                .index_mainbox .infobox .newsright ul li { display: block; padding: 15px 0; width: 600px; height: 80px; margin-bottom: 22px; }
                    .index_mainbox .infobox .newsright ul li .no { float: left; margin-right: 19px; width: 100px; border-right: 1px solid #DDD; text-align: center; line-height: 80px; font-size: 60px; color: #333; }
                    .index_mainbox .infobox .newsright ul li .newsinfo { float: left; width: 470px; }
                        .index_mainbox .infobox .newsright ul li .newsinfo h4 { height: 30px; line-height: 30px; overflow: hidden; color: #333; font-size: 18px; font-weight: normal; margin-bottom: 10px; }
                            .index_mainbox .infobox .newsright ul li .newsinfo h4 span { float: right; width: 120px; text-align: right; color: #999; font-size: 14px; }
                        .index_mainbox .infobox .newsright ul li .newsinfo div { line-height: 25px; height: 50px; overflow: hidden; color: #666; text-indent: 25px; }

                    .index_mainbox .infobox .newsright ul li:hover { background-color: #0075CA; }
                        .index_mainbox .infobox .newsright ul li:hover .no { color: #FFFFFF; }
                        .index_mainbox .infobox .newsright ul li:hover .newsinfo { color: #FFFFFF; }
                            .index_mainbox .infobox .newsright ul li:hover .newsinfo h4 { color: #FFFFFF; }
                                .index_mainbox .infobox .newsright ul li:hover .newsinfo h4 span { color: #FFFFFF; }
                            .index_mainbox .infobox .newsright ul li:hover .newsinfo div { color: #FFFFFF; }


.index_productbox { width: 1200px; margin: 0 auto 50px auto; }
.leftproduct { float: left; width: 280px; border: 2px solid #0075CA; border-radius: 10px; overflow: hidden; }
    .leftproduct h3 { width: 100%; padding: 14px 0; height: 50px; line-height: 25px; background-color: #0075CA; color: #FFFFFF; font-size: 18px; text-align: center; }
        .leftproduct h3 span { display: block; font-size: 14px; }
    .leftproduct .leftmenu { margin: 0; }
        .leftproduct .leftmenu li { display: block; border-bottom: 1px dashed #dddddd; }
            .leftproduct .leftmenu li a { display: block; padding: 14px 35px; height: 28px; color: #666; line-height: 28px; background: url('image/tip.png') no-repeat 235px center; overflow: hidden; font-size: 16px; font-weight: bolder; }
                .leftproduct .leftmenu li a:hover { text-decoration: none; color: #FF2200; }

.index_productbox .rightitem { float: right; width: 860px; overflow: hidden; }
    .index_productbox .rightitem .protitle { height: 50px; border-bottom: 2px dashed #CCCCCC; margin-bottom: 20px; }
        .index_productbox .rightitem .protitle h3 { display: block; width: 180px; height: 50px; line-height: 50px; background-color: #0075CA; color: #FFFFFF; font-size: 18px;  text-align: center; }
        .index_productbox .rightitem .protitle a { display: block; float: right; text-align: right; width: 120px; margin-top: 20px; height: 30px; line-height: 20px; font-size: 14px; color: #666; }
    .index_productbox .rightitem .proimg { float: left; width: 320px; margin-bottom: 30px; }
        .index_productbox .rightitem .proimg img { width: 320px; height: 240px; border: 1px solid #222; }
    .index_productbox .rightitem .proinfo { float: right; width: 480px; height: 240px; overflow: hidden; font-size: 14px; line-height: 30px; }
    .index_productbox .rightitem .prolist { clear: both; width: 1000px; }
        .index_productbox .rightitem .prolist img { float: left; width: 178px; height: 133px; margin-right: 46px; border: 1px solid #222; }

.index_middle { width: 100%; height: 247px; background: url("image/cont3_bg.jpg") no-repeat center center; margin-bottom: 50px; }
    .index_middle .middlebox { position: relative; width: 1200px; height: 247px; margin: 0 auto; }
        .index_middle .middlebox span { position: absolute; top: 140px; right: 50px; font-size: 38px; font-weight: bolder; text-align: right; color: #ffffff; }

.index_middleimg { width: 100%; margin-bottom: 50px; }
    .index_middleimg img { width: 1200px; display: block; margin: 0 auto; }

/*内容页面*/
.top_banner { width: 100%; height: 220px; margin-top: 10px; margin-bottom: 25px; background: url("image/top1.jpg") no-repeat center center; z-index: -1; }
.top_banner2 { background-image: url("image/top2.jpg"); }
.top_banner3 { background-image: url("image/top3.jpg"); }
.top_banner4 { background-image: url("image/top4.jpg"); }
 
.content { width: 1200px; margin: 0 auto 30px auto; min-height: 500px; }

.leftbox { float: left; width: 280px; } 
 
.contentbox { float: right; width: 860px; }
    .contentbox h2 { height: 40px; line-height: 40px; font-size: 18px; text-indent: 10px; font-weight: normal; color: #ef4034; }
    .contentbox h2 a{ color: #ef4034 !important; }
    .contentbox .contentmain { padding: 30px; width: 800px; min-height: 688px; overflow: hidden; line-height: 28px; font-size: 14px; color: #555; border: 1px solid #dddddd; border-radius: 5px 5px 0 0; }
        .contentbox .contentmain p { margin-bottom: 15px; line-height: 26px; font-size: 14px; color: #555; }


.contenttitle { margin-bottom: 20px; }
    .contenttitle .news_title { line-height: 35px; font-size: 18px; font-weight: normal !important; color: #222222; }
    .contenttitle .news_data { height: 30px; line-height: 30px; color: #999999; }
    .contenttitle .news_download { margin: 15px 0; }
        .contenttitle .news_download a { display: inline-block; line-height: 35px; padding: 0 30px; background-color: #ef4034; color: #ffffff; }

.table { font-size: 12px; margin-bottom: 20px; border-collapse: collapse; width: 100%; }
    .table th { height: 32px; line-height: 32px; background-color: #90CCEB; border-right: 2px solid #E5E5E5; color: #37506b; text-align: left; padding: 0 5px; }
    .table td { height: 35px; line-height: 35px; text-align: left; padding: 0 5px; }
.tables { font-size: 14px; margin-bottom: 20px; border-collapse: collapse; width: 100%; }
    .tables th { height: 32px; line-height: 32px; border: 1px solid #37506b; border-top-width: 2px; text-align: left; padding: 0 5px; }
    .tables td { height: 35px; line-height: 35px; text-align: left; padding: 0 5px; border: 1px solid #37506b; }
    .tables tr.alt td { background-color: #d8e5f2; }

.infoother { padding-top: 30px; }

.infoimgs { margin: 40px auto; }
.infoimg { float: left; width: 500px; height: 375px; margin-right: 20px; }
    .infoimg img { width: 498px; height: 373px; border: 1px solid #CCCCCC; }
.infoimglist { float: left; width: 280px; height: 375px; overflow: hidden;overflow-y: auto; }
    .infoimglist ul { width: 340px; }
        .infoimglist ul li { float: left; margin: 0px 20px 20px 0px; }
            .infoimglist ul li img { width: 118px; height: 90px; border: 1px solid #DDDDDD; }

.infovideo { width: 649px; height: 400px; margin: 20px 0px 30px 0px; position: relative; }
    .infovideo img { width: 535px; height: 400px; margin: 0px; }

/*公司新闻*/
.newsitem { margin-bottom: 10px; padding-top: 5px; }
    .newsitem:hover { background-color: #FAFAFA; }
    .newsitem .newsdata { float: right; margin-left: 40px; color: #777; }
    .newsitem .newssize { float: right; margin-left: 20px; color: #777; }
    .newsitem .newstitle { clear: left; font-size: 14px; margin-bottom: 5px;color: #333; }
        .newsitem .newstitle a.showtitle0 { }
        .newsitem .newstitle a.showtitle1 { color: #ef4034; }
        .newsitem .newstitle a.showtitle2 { color: #16960E; }
        .newsitem .newstitle a.showtitle3 { color: #0075CA; }
        .newsitem .newstitle a.showtitle4 { color: black; }
    .newsitem .newssummary { clear: both; line-height: 20px; color: #999; font-size: 14px; }
        .newsitem .newssummary img { float: left; margin-right: 10px; width: 80px; height: 60px; }
    .newsitem .newssplit { height: 1px; line-height: 1px; margin: 20px 0px; border-bottom: 1px solid #F0F0F0; }
.newskey { margin-bottom: 30px; font-size: 14px; color: #444444; }
/*产品*/
.productul { }
    .productul li { clear: left; height: 130px; margin-bottom: 20px; padding: 10px 0px 20px 0; border-bottom: 1px solid #EEEEEE; }
        .productul li img { float: left; display: block; width: 178px; height: 128px; margin-right: 20px; border: 1px solid #CCCCCC; }
        .productul li a { float: left; display: block; width: 600px; height: 30px; line-height: 30px; font-size: 16px; overflow: hidden; }
        .productul li span { float: left; display: block; width: 600px; height: 20px; margin-bottom: 5px; color: #999999; overflow: hidden; }
        .productul li p { float: left; display: block; width: 600px; height: 75px; line-height: 25px; overflow: hidden; }
        .productul li.over { background-color: #F0F0F0; }
            .productul li.over img { border: 1px solid #ef4034; margin-left: 10px; }
            .productul li.over a { color: #ef4034; width: 590px; }
            .productul li.over span { color: #999999; width: 590px; }
            .productul li.over p { color: #BBBBBB; width: 590px; }

/*案例分析*/
.caseul { width: 880px; }
    .caseul h3 { display: block; height: 40px; line-height: 40px; margin-bottom: 10px; font-size: 16px; color: #0075CA; font-weight: normal; }
    .caseul ul { display: block; width: 100%; }
        .caseul ul li { float: left; width: 240px; margin-right: 40px; margin-bottom: 25px; }
            .caseul ul li a { display: block; }
            .caseul ul li img { width: 238px; height: 178px; border: 1px solid #dddddd; }
            .caseul ul li a:hover { color: #FFFFFF; text-decoration: none; }
                .caseul ul li a:hover img { border: 1px solid #ef4034; }

/*简介*/
.info { }
/*留言*/
.text { width: 140px; height: 22px; font: normal normal normal 12px/22px 'Microsoft YaHei',Arial,​Helvetica,​sans-serif; color: #666666; border: 1px solid #AAAAAA; }
    .text:hover { border: 1px solid #0075CA; }
.textarea { width: 100%; height: 150px; }
.msgshow { margin-bottom: 40px; font-size: 14px; color: #222222; }
.msgul { width: 100%; margin: 20px 0px; }
    .msgul li { margin-bottom: 20px; }
        .msgul li.msgli { float: left; width: 33%; }
.msgbutton { display: inline-block; height: 32px; line-height: 32px; padding: 0px 30px; border: none; font-size: 14px; color: #FFFFFF; background-color: #0075CA; }
    .msgbutton:hover { color: #FFFFFF; text-decoration: none; background-color: #ef4034; }
.msglist { width: 100%; margin: 0 auto; }
    .msglist li { width: 100%; padding: 15px 0px; border-bottom: 1px solid #F0F0F0; }
        .msglist li .msgtitle { height: 30px; line-height: 30px; color: #222222; }
            .msglist li .msgtitle span { float: right; font-weight: normal; color: #666666; }
        .msglist li .msginfo { margin: 5px 0px; white-space: normal; word-break: break-all; color: #666666; }
        .msglist li .msgask { margin: 5px 0px 10px 10px; padding: 8px; white-space: normal; word-break: break-all; border: 1px solid #DDDDDD; background-color: #F5F5F5; color: #888888; }


/*错误页*/
.error { height: 300px; line-height: 300px; margin: 50px auto; text-align: center; font-size: 280px; font-weight: bold; color: #BBBBBB; }
.errorinfo { height: 40px; line-height: 40px; margin: 50px auto; text-align: center; font-size: 18px; color: #999999; }
    .errorinfo a { color: #0075CA; }

/*分页*/
.pages { margin: 15px auto; clear: both; }
.paging { line-height: 35px; height: 35px; display: block; margin: 0px 15px; text-align: center; }
    .paging a { margin: 0px 3px; padding: 5px 10px; border: 1px solid #999999; border-radius: 3px; background-color: #FAFAFA; font-size: 12px; cursor: pointer; color: #333333; }
        .paging a:hover { color: #FFFFFF; background-color: #ef4034; border: 1px solid #ef4034; }
        .paging a.current { background-color: #ef4034; border: 1px solid #ef4034; color: #FFFFFF; }
            .paging a.current:hover { text-decoration: none; color: #FFFFFF; }
        .paging a.no { color: #999999; background-color: #DDDDDD; cursor: default; border: 1px solid #cccccc; }
            .paging a.no:hover { text-decoration: none; }
    .paging span { margin: 0px 3px; cursor: default; color: #888888; }
        .paging span.recordcount { color: #333333; }
        .paging span.pageindex { color: #333333; }
        .paging span.pagecount { color: #333333; }

.footer { margin: 0 auto; padding: 10px 0; border-top: 1px solid #DDDDDD; background-color: #333; }
.footer_nav { margin: 20px auto; width: 1200px; }
.footlink { float: left; width: 400px; color: #bbb; height: 115px; margin-bottom: 20px; }
    .footlink h4 { line-height: 40px; font-size: 16px; color: #ccc; font-weight: normal; }
    .footlink p { line-height: 25px; font-size: 14px; }
.footname { float: right; width: 500px; line-height: 115px; font-size: 32px; text-align: right; color: #ccc; }
.copyright { clear: both; border-top: 1px solid #666; text-align: center; color: #bbb; line-height: 60px; height: 40px; font-size: 16px; }
    .copyright a { color: #bbb; }


/*lightbox*/
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
    #jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; background: url("image/lightbox-ico-loading.gif") no-repeat center center; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; cursor: pointer; background-image: url("image/lightbox-blank.gif"); }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-nav-btnPrev div { position: absolute; display: none; width: 63px; height: 32px; background: url("image/lightbox-btn-prev.gif"); left: 0px; top: 50px; }
#lightbox-nav-btnNext div { position: absolute; display: none; width: 63px; height: 32px; background: url("image/lightbox-btn-next.gif"); right: 0px; top: 50px; }

#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
    #lightbox-container-image-data #lightbox-image-details { width: 80%; float: left; text-align: left; }
#lightbox-image-details-caption { font-size: 12px; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; font-size: 12px; padding-top: 10px; }
#lightbox-secNav-btnClose { width: 20px; height: 20px; float: right; padding-bottom: 0.7em; background: url("image/lightbox-btn-close.gif") no-repeat top right; }
    #lightbox-secNav-btnClose:hover { background-position: top left; }