@charset "utf-8";
/* CSS Document */

body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea { margin: 0; padding: 0; font-weight: normal; font-style: normal; font-size: 100%; font-family: inherit; }
body { color: rgb(102, 102, 102); font-family: "微软雅黑", Arial, Tahoma; font-size: 12px; }
td { color: rgb(102, 102, 102); font-family: "微软雅黑", Arial, Tahoma; font-size: 12px; }
th { color: rgb(102, 102, 102); font-family: "微软雅黑", Arial, Tahoma; font-size: 12px; }
input { color: rgb(102, 102, 102); font-family: "微软雅黑", Arial, Tahoma; font-size: 12px; }
textarea { color: rgb(102, 102, 102); font-family: "微软雅黑", Arial, Tahoma; font-size: 12px; }
select { color: rgb(102, 102, 102); font-family: "微软雅黑", Arial, Tahoma; font-size: 12px; }
html { -webkit-text-size-adjust: none; }
body { margin: 0px; }
form { margin: 0px; }
input { }
textarea { }
img { border: 0px currentColor; border-image: none; vertical-align: middle; }
table { border-collapse: collapse; }
ul { margin: 0px; padding: 0px; display: block; }
li { list-style: none; }
p { margin: 0px; padding: 0px; display: block; }
h1 { margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 26px; font-weight: normal; display: block; }
a { color: rgb(102, 102, 102); text-decoration: none; }
    a:hover { color: rgb(0, 102, 204); }
    a:active { color: rgb(0, 102, 204); }
.aGray { color: rgb(153, 153, 153); }
    .aGray:hover { color: rgb(136, 136, 136); }
    .aGray:active { color: rgb(136, 136, 136); }
.aGray2 { color: rgb(85, 85, 85); }
    .aGray2:hover { color: rgb(68, 68, 68); }
    .aGray2:active { color: rgb(68, 68, 68); }
.aBlue { color: rgb(0, 102, 204); }
    .aBlue:hover { color: rgb(255, 119, 0); }
    .aBlue:active { color: rgb(255, 119, 0); }
.fl { float: left; }
.fr { float: right; }
.clearfix:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { zoom: 1; }

#top { margin: 0 auto; width: 1200px; height: 80px; }
#logo { width: 600px; height: 60px; margin-top: 15px; float: left; }
#tel { margin-top: 25px; margin-left: 20px; padding-left: 50px; width: 150px; height: 40px; background: url(../images/tel.png) no-repeat left bottom; color: #666; font: 12px/20px "Microsoft YaHei"; }
    #tel span { color: #d00; font: 20px/20px "Arial"; }
#search { width: 220px; height: 28px; margin-top: 32px; float: right; }

#menu { margin: 0 auto; width: 1200px; height: 50px; border-top: 1px solid #ddd; }
    #menu ul { margin: 0; padding: 0; }
        #menu ul li { float: left; display: block; position: relative; z-index: 9; }
            #menu ul li.split { width: 1px; height: 20px; padding-top: 13px; float: left; display: block; }
            #menu ul li a { padding: 0px 36px; height: 50px; line-height: 41px; font-size: 16px; display: inline-block; }
                #menu ul li a:hover { background: url("../images/menu_arr.gif") no-repeat bottom; color: rgb(0, 103, 172); }
                #menu ul li a:active { background: url("../images/menu_arr.gif") no-repeat bottom; color: rgb(0, 103, 172); }
                #menu ul li a.A { background: url("../images/menu_arr.gif") no-repeat bottom; color: rgb(0, 103, 172); }
            #menu ul li div { background: rgb(0, 103, 172); padding: 10px 20px 15px; left: 0px; top: 50px; width: 99px; display: none; position: absolute; z-index: 10; }
                #menu ul li div a { padding: 8px 10px 8px 0px; width: auto; height: auto; color: rgb(194, 219, 235); line-height: normal; font-size: 12px; border-bottom-color: rgb(117, 173, 210); border-bottom-width: 1px; border-bottom-style: dotted; display: block; }
                    #menu ul li div a:hover { background: none; color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: dotted; }
                    #menu ul li div a:active { background: none; color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: dotted; }


#banner { background: rgb(255, 255, 255); width: 100%; height: 600px; overflow: hidden; clear: both; position: relative; z-index: 1; }
    #banner div { left: 50%; top: 0px; width: 1920px; height: 600px; margin-left: -960px; display: none; position: absolute; z-index: 2; }
.solution { background: rgbA(255, 255, 255, 0.8); left: 0px; top: 355px; width: 210px; height: 245px; border-left-color: rgb(238, 238, 238); border-left-width: 1px; border-left-style: solid; position: absolute; z-index: 6; cursor: pointer; }
.prolist { margin: 0 auto; height: 150px; width: 170px; overflow: hidden; }
    .prolist ul { margin: 0; padding: 0; }
        .prolist ul li { float: left; dipslay: block; color: #333; font: 12px/25px "Microsoft YaHei"; height: 25px; width: 170px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }


.w1200 { margin: 0 auto; width: 1200px; height: auto; }

    .w1200 .newlinks { width: 1180px; border-top: 1px solid #ffffff; padding: 10px; line-height: 200%; background: #f0f0f0; }
        .w1200 .newlinks span { font-weight: bold; color: #074D95; }
        .w1200 .newlinks a { padding: 0 10px; }
        .w1200 .newlinks h3 { font-size: 12px; display: inline; }





/* content start */
.w280 { width: 280px; height: auto; overflow: hidden; background: #f0f0f0; padding: 10px 0; }
.w890 { width: 890px; height: auto; overflow: hidden; padding: 10px 0; }
.tit1 { height: 40px; background: url(../images/tit_bg1.png) no-repeat left top; padding: 0 10px; }
    .tit1 h2 { float: left; color: #fff; font: 18px/32px "Microsoft YaHei"; }
    .tit1 span { float: right; margin-top: 17px; }
        .tit1 span a { height: 16px; padding: 0 10px; background: #fff; border-radius: 10px; color: #1c80d6; font: 16px/16px "Microsoft YaHei"; }
            .tit1 span a:hover { background: #064c8a; color: #fff; }
.protype { margin: 0 auto; width: 280px; height: auto; overflow: hidden; }
    .protype ul { margin: 0; padding: 0; }
        .protype ul li { float: left; display: block; width: 280px; height: 40px; }
            .protype ul li a { display: block; background: url(../images/index_news_list2.png) no-repeat 10px center; text-indent: 30px; color: #666; font: 14px/40px "Microsoft YaHei"; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
                .protype ul li a:hover { background: url(../images/index_news_list1.png) no-repeat 10px center #fff; color: #1c80d6; }
.tit2 { height: 32px; border-bottom: 1px dotted #ddd; margin-bottom: 15px; }
    .tit2 h2 { float: left; color: #000; font: 18px/32px "Microsoft YaHei"; }
    .tit2 span { float: right; margin-top: 4px; width: 24px; height: 24px; }
.w1230 { margin: 0 auto; width: 1230px; height: auto; overflow: hidden; }
.w380 { float: left; width: 380px; height: 327px; overflow: hidden; margin: 15px; background: #f0f0f0; }
.tit3 { height: 40px; background: url(../images/1x1.jpg) repeat-x left 32px; }
    .tit3 h2 { float: left; width: 115px; height: 40px; text-align: center; color: #fff; font: 18px/32px "Microsoft YaHei"; background: url(../images/tit_bg2.png) no-repeat left top; }
    .tit3 span { float: right; margin-top: 4px; width: 24px; height: 24px; }
.i_news { width: 360px; height: 290px; overflow: hidden; padding: 10px; }
    .i_news ul { margin: 0; padding: 0; }
        .i_news ul li { float: left; width: 360px; height: 30px; overflow: hidden; }
            .i_news ul li a { float: left; display: block; width: 280px; text-indent: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: url(../images/pro_ico1.png) no-repeat left center; color: #666; font: 12px/30px "Microsoft YaHei"; }
                .i_news ul li a:hover { color: #0065b7; background: url(../images/pro_ico1.png) no-repeat left center; }
            .i_news ul li span { float: right; display: block; color: #999; font: 11px/30px "Microsoft YaHei"; -webkit-text-size-adjust: none; }
.about { width: 360px; height: 280px; color: #333; font: 12px/30px "Microsoft YaHei"; overflow: hidden; margin: 5px;padding:0 5px; }
    .about img { float: left; margin-right: 15px; }




/* content end */


#qr { background: url("../images/qr_bgg.png"); left: 20px; top: 662px; width: 150px; height: 170px; position: absolute; z-index: 999; }
#qr_close { background: url("../images/qr_close.png") no-repeat left top; top: 0px; width: 13px; height: 13px; right: 20px; display: block; position: absolute; }
    #qr_close:hover { background-position: left bottom; }
    #qr_close:active { background-position: left bottom; }


.index_con_box04 { height: 100%; overflow: hidden; clear: both; margin-top: 10px; }
    .index_con_box04 .tit { height: 28px; text-align: center; line-height: 28px; clear: both; font-size: 18px; }
        .index_con_box04 .tit a { background: rgb(243, 244, 245); padding: 0px 20px; color: rgb(0, 0, 0); display: inline-block; }
    .index_con_box04 .conbox { background: rgb(243, 244, 245); padding: 25px 0px; height: 100%; overflow: hidden; clear: both; }
        .index_con_box04 .conbox .scrollbox { margin: 0px auto; width: 1200px; height: 124px; overflow: hidden; clear: both; }
            .index_con_box04 .conbox .scrollbox .btn { width: 30px; height: 24px; margin-top: 50px; float: left; }
                .index_con_box04 .conbox .scrollbox .btn a { background: url("../images/lkbtn.png") no-repeat 0px; width: 15px; height: 23px; display: block; }
                    .index_con_box04 .conbox .scrollbox .btn a.prev { background-position: 0px 0px; }
                    .index_con_box04 .conbox .scrollbox .btn a.next { background-position: -15px 0px; float: right; }
            .index_con_box04 .conbox .scrollbox .scrollmain { width: 1140px; height: 124px; overflow: hidden; float: left; }
                .index_con_box04 .conbox .scrollbox .scrollmain li { width: 228px; height: 124px; text-align: center; float: left; }
                    .index_con_box04 .conbox .scrollbox .scrollmain li img { width: 200px; height: 124px; }


#bottom { background: rgb(0, 103, 172); width: 100%; height: 50px; clear: both; }
#bottom_l { width: 950px; height: 50px; color: rgb(255, 255, 255); line-height: 48px; padding-left: 50px; font-size: 14px; float: left; position: relative; background-image: url("../images/bottom_bg.png"); background-repeat: no-repeat; }
#bottom_r { background: rgb(255, 153, 0); width: 150px; height: 50px; text-align: center; color: rgb(255, 255, 255); line-height: 46px; font-size: 14px; float: right; position: relative; cursor: pointer; }

#foot { background: rgb(238, 238, 238); width: 100%; height: auto; overflow: hidden; }

.link { border-radius: 5px; border: 1px solid rgb(209, 209, 209); border-image: none; overflow: hidden; position: relative; background-color: rgb(255, 255, 255); -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 1200px; margin: 10px auto; }
    .link .link-top { background: url("../images/linktopBg.png") repeat-x left top; padding: 0px 10px; height: 33px; color: rgb(102, 102, 102); line-height: 33px; font-size: 14px; font-weight: 700; border-bottom-color: rgb(209, 209, 209); border-bottom-width: 1px; border-bottom-style: solid; }
    .link .link-ctt { padding: 10px; }
        .link .link-ctt a { margin-right: 10px; float: left; white-space: nowrap; }
.w2m { position: fixed; right: 10px; top: 220px; width: 160px; z-index: 9999; }
    .w2m img { width: 160px; }