@charset "utf-8";
/* CSS Document */
body{font-size:11px;padding:0px;margin:0px;color:#333333; font-family:"Arial"; background-color:#ffffff; }
img{border:0px;}
input,a,textarea,img{outline:none;}
p,form,ul,li,h1,h2,h3,h4,dt,dd,dl{margin:0px;padding:0px;list-style:none;}
.spacing5{height:5px;clear:both;overflow:hidden;}
.spacing8{height:8px;clear:both;overflow:hidden;}
.spacing15{height:15px;clear:both;overflow:hidden;}
.spacing20{height:20px;clear:both;overflow:hidden;}
.spacing{height:10px;clear:both;overflow:hidden;}
.spacing25{height:25px;clear:both;overflow:hidden;}
a{color:#333333;text-decoration:none;}
a:hover{color:#00449b;text-decoration:underline;}
input{ vertical-align:middle;}

.marks{ display:none;position:fixed; z-index:1000000; width:100%; height:100%; background-color:#000000;
filter:alpha(opacity=20); /*IE*/
-moz-opacity:0.2; /*MOZ , FF*/
opacity:0.2;/*CSS3, FF1.5*/
}

.commonwrap{ width:1150px; overflow:hidden; margin:0px auto;}
.commonwrapv2{ width:1150px; overflow:hidden; margin:0px auto; position:relative;}
.header{ width:100%; height:116px; background:url(../images/hdbg.gif) repeat-x;}
.header .hdlogo{height:100px; width:222px; display:block; float:left; background:url(../images/hdlogo.jpg) no-repeat 0px 24px;}
.headervline{ height:6px; width:100%; position:absolute; z-index:10; top:116px; background:url(../images/hkkling.png) repeat-x; overflow:hidden;}

.homebanner{ width:100%; height:500px; overflow:hidden; position:relative;}

.homevleft{ float:left; width:260px; overflow:hidden;}
.homevcenter{ float:left; width:616px; overflow:hidden; display:inline; margin-left:25px;}
.homevright{ float:right; overflow:hidden; width:225px;}
/*------------------*/
.commbox .cbtop{ height:38px; line-height:38px; overflow:hidden; border-bottom:solid 3px #c7c7c7;}
.commbox .cbtop .v1{ height:38px; border-bottom:solid 3px #00449b; position:absolute; color:#00449b; font-size:18px; padding-right:35px; padding-left:4px;}
.commbox .cbtop .v2{ float:right; line-height:38px; font-size:12px; }


.pageleft{ width:200px; float:left; overflow:hidden;}
.pageright{ float:right; overflow:hidden; width:920px;}
.pageright img{ max-width:920px;}
.pageleft .pltop{ height:45px; line-height:45px; overflow:hidden; color:#000000; font-size:18px;}
.plsearch .pl_input{ float:left; height:30px; width:158px; border:solid 1px #dfdfdf; border-right:0px; background-color:#fffbfc; line-height:30px; text-indent:10px;}
.plsearch .pl_btn{ width:39px; float:right; height:34px; background:url(../images/searchicon.gif) no-repeat center #00449b; cursor:pointer; border:0px;}
.leftname{ width:200px; height:40px; overflow:hidden; line-height:45px; text-indent:18px; font-size:24px; background-color:#00449b; color:#ffffff;}
.leftmenu{ width:200px; overflow:hidden; font-size:12px;}
.leftmenu dl dt{ margin:1px 0px; width:198px; border-left:solid 1px #eae8e9; border-right:solid 1px #eae8e9; height:30px; font-size:12px; line-height:30px; overflow:hidden; border-bottom:dotted 1px #dcdcdc; background:url(../images/listicon1.gif) no-repeat 19px 10px;}
.leftmenu dl dt a{ display:block; height:30px; text-indent:30px;}
.leftmenu dl dd a{ display:block; width:200px; height:30px; line-height:30px; border-bottom:dotted 1px #dcdcdc;text-indent:30px;}
.leftmenu dl dd{ display:block; width:200px; background-color:#eeeeee;}
.leftmenu dl.dlnow dt,.leftmenu dl:hover dt{background:url(../images/listicon2.gif) no-repeat 19px 10px #828282;border-left:solid 1px #828282; border-right:solid 1px #828282;border-bottom:solid 1px #828282;}
.leftmenu dl.dlnow dt a,.leftmenu dl:hover dt a{ color:#ffffff;}
.leftmenu dl.dlnow dd,.leftmenu dl:hover dd{ display:block;}

.common_ebox{ border:solid 1px #e9e8e8;}
.common_ebox .ceb_top{border-bottom:solid 1px #e9e8e8;height:40px; overflow:hidden; line-height:45px; text-indent:18px; font-size:24px;}
.hplist{ line-height:18px;}
.hplist dl{ width:170px; margin:10px auto; overflow:hidden;}
.hplist dt{ height:18px; line-height:18px; overflow:hidden;}
.hplist dt a{ color:#00449b;}
.only_doted{ height:0px; clear:both; overflow:hidden; border-bottom:dotted 1px #dcdcdc;}
.hplist dl dd{ line-height:18px; max-height:54px; overflow:hidden;}

.vwherenow{ height:35px; line-height:35px; border-bottom:solid 1px #dfdfdf; font-size:12px;}
.vwherenow .ap1{ float:left; font-size:18px;}
.vwherenow .ap2{ float:right;}
.pdslist_top{ width:936px; overflow:hidden;}
.pdslist_top dl{ display:inline; margin:10px 16px 10px 0px; width:216px; height:255px; border:solid 1px #dcdcdc; float:left; overflow:hidden;}
.pdslist_top dl dt{ width:190px; height:190px; padding:13px 13px; border-bottom:solid 1px #dcdcdc; margin:0px auto; overflow:hidden;}
.pdslist_top dl dt img{ width:190px; height:190px;}
.pdslist_top dl dd{ height:36px; overflow:hidden; line-height:18px; width:210px; margin:0px auto; overflow:hidden; text-align:center; font-size:14px;}
.pdslist_top dl dd td{ height:36px;}

.pdslist_in dl dt{width:190px; height:190px; padding:13px 13px; border:solid 1px #dfdfdf; margin:0px auto; overflow:hidden; float:left;}
.pdslist_in dl dd{ width:680px; float:right; overflow:hidden;}
.pdslist_in dl{ padding-top:20px; height:235px; width:920px; border-bottom:dotted 1px #dcdcdc;}
.pdslist_in dl dd .title{ height:50px; line-height:50px; overflow:hidden; font-size:18px;}
.pdslist_in dl dd .erdesc{ line-height:24px; height:72px; overflow:hidden; font-size:12px;}
.view_detailbtna{ display:block; background-color:#00449b; color:#ffffff; height:35px; line-height:35px; float:left; font-size:14px; padding:0px 20px;}
.view_detailbtna:hover{ color:#ffffff;}

/******************listpage***********/
.listpage{ text-align:center; font-size:12px;}
.listpage a{ padding:5px 10px; line-height:30px; margin:0px 2px; border:solid 1px #e7e7e7;}
.listpage span a:hover,.listpage span a.anow{ background-color:#00449b; color:#ffffff; text-decoration:none;}

/*---------------footer-------------*/
.pagefooter{ width:100%; border-top:solid 1px #dfdfdf; background-color:#ffffff;}
.footerwrap{  width:100%;position:relative; bottom:0px;}
.footer_menu{ width:100%;height:50px; line-height:54px; text-align:center; font-size:13px;}
.footer_menu span{ padding:0px 20px; color:#c7c7c7}
.footer_dbline{ width:100%; height:0px; overflow:hidden; clear:both; border-top:solid 1px #dcdcdc; border-bottom:solid 1px #ffffff;}
.footertxt{ width:100%; background-color:#f5f5f5;}
.footertxt .footertxt_ino{ width:1150px; margin:0px auto; text-align:center;}
.footertxt .footertxt_ino .ftlogo{ margin:0px 8px 0px 0px;}

.topmenu{ float:right; height:110px; overflow:hidden; margin-top:6px; z-index:10;}
.topmenu a{ display:block; height:110px; float:left; line-height:110px; color:#282828; font-size:18px; padding:0px 30px;}
.topmenu .vline{ height:109px; width:0px; float:left; overflow:hidden; border-right:solid 1px #ececec; display:inline; margin:0px 1px;}
.topmenu a:hover,.topmenu a.anow{ background:url(../images/smicon.gif) no-repeat center bottom #00449b;text-decoration:none; color:#ffffff;}
.xecmenuw{ position:absolute; width:100%; height:200px; z-index:10000000000; display:none;}
.xecmenu{display:none; width:100%; background:url(../images/submbg.png) repeat-x; height:83px; z-index:111111111; line-height:83px; overflow:hidden; position:absolute; top:116px; border-top:solid 2px #00449b;}
.xecmenu div{ display:none; width:1150px; margin:0px auto; overflow:hidden; text-align:right; font-size:13px;}


.content_detail{ font-size:13px; line-height:30px; min-height:400px; margin-top:15px;}
.content_detail2{ font-size:13px; line-height:30px;  margin-top:15px;}
.article_list .altitle{ height:30px; line-height:30px; background:url(../images/alicon.gif) no-repeat 0px center; font-size:14px; color:#acacac; text-indent:25px;}
.article_list .almtitle{ height:35px; line-height:35px; overflow:hidden;}
.article_list .almtitle a{ font-size:18px; color:#00449b;}
.article_list .aldesc{ line-height:18px; height:36px; overflow:hidden;}

.down_list .dltitle{ height:25px; line-height:25px; overflow:hidden; font-size:14px;}
.down_list .dlinfo{ height:25px; line-height:25px; overflow:hidden;}
.down_list .dldesc{ height:36px; line-height:18px; overflow:hidden;}
.down_list dl dt{ height:90px; width:740px; overflow:hidden; float:left;}
.down_list dl dd{ float:right; width:75px; height:90px; background:url(../images/pdficon.gif) no-repeat 0px center;}

.iamore{ display:block; background:url(../images/iamore.gif) no-repeat; width:70px; height:25px; overflow:hidden;}
.index_about .iadesc{ height:36px; line-height:18px; overflow:hidden; font-size:10px;}
.index_pds .p1{ float:left; width:300px; height:190px; overflow:hidden;}
.index_pds .p2{ float:right; width:300px; height:190px; overflow:hidden;}

.tdshow .img{ width:220px; height:100px; overflow:hidden;}
.tdshow .img img{ width:220px; height:100px;}
.tstitle{ font-size:14px; height:30px; line-height:30px; overflow:hidden;}
.tdsul li{ height:25px; line-height:25px; border-bottom:dotted 1px #d6d6d6;}
.impdlist li .t{ height:25px; line-height:25px; text-align:center; overflow:hidden;}
.impdlist li{ float:left; width:200px; overflow:hidden; display:inline; margin-right:8px;}
.impdlist{ width:624px; overflow:hidden;}
.impdlist li .img{ width:200px; height:170px; overflow:hidden;}
.impdlist li .img img{ width:200px; height:170px;}

.index_dn dt{ float:left; width:125px; height:175px; overflow:hidden;}
.index_dn dt img{width:125px; height:175px; padding-top:5px;}
.index_dn dd{ height:180px; width:120px; line-height:18px; overflow:hidden; font-size:11px; float:right;}
.idpdsbtna{ display:block;  height:24px; line-height:24px; font-size:13px; text-align:center; color:#ffffff; background-color:#00449b;}
.idpdsbtna:hover{ color:#ffffff;}
.idpdsbtnav2{ display:block; width:200px; height:35px; line-height:35px; float:right; font-size:13px; text-align:center; color:#ffffff; background-color:#00449b;}
.idpdsbtnav2:hover{ color:#ffffff;}

.container-fluid {
    padding: 0;
}

.navbar {
    margin: 0;
}

#activate {
    margin: 17px 0;
    width: 300px;
    height: 64px;
    font-size: 18px;
}

.headersse {
    margin:0; padding:0px;
}
.headersse img{ margin:0px; padding:0px;}
.headerImg {
    width: 100%;
	height:500px; display:block;
}

.col-lg-7 {
    padding-left: 150px;
}

.col-lg-7 p {
    font-size: 18px;
    margin: 50px 0;
}

.col-lg-5 {
    padding: 0 100px;
}

.col-lg-5 img {
    width: 100%;
    max-width:400px;
}

.col-lg-5 div {
    margin: 0 auto;
}

.credit {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 100px;
}


@media (max-width: 1200px) {
    .col-lg-7 {
        padding: 64px;
    }
}

@media (max-width: 768px) {

    .header {
        margin-bottom: 25px;
    }

    .col-lg-7 {
        padding: 15px;
    }

    .col-lg-7 h2{
        font-size: 16px;
    }

    .col-lg-7 p{
        font-size: 12px;
    }

    .credit{
        margin-bottom: 25px;
    }
}







@media (max-width: 1024px) {
    #bsaHolder, footer {
        display: none;
    }
}

.navbar-fixed-top, .navbar-fixed-bottom {
    z-index: 1;
}


/*Slideshow container*/

.slideshow {
    position: relative;
    max-width: 100%;
}

/*Slideshow images*/

.slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
	cursor:pointer;
}

/*Buttons*/

.slideBtn {
    position: absolute;
    z-index: 10;
    height: 100%;
    cursor: pointer;
	width:1150px;
}

.leftBtn {
    left: 0px;
    width:42px;
	height:500px;
	background:url(../images/bsl.gif) no-repeat 0px center;
}
.leftBtn:hover{
	background:url(../images/bshl.gif) no-repeat 0px center;
}

.rightBtn {
    right:0px;
	margin-left:575px;
	width:42px;
	height:500px;
	background:url(../images/bsr.gif) no-repeat 0px center;
}
.rightBtn:hover{
	background:url(../images/bshr.gif) no-repeat 0px center;
}

/*Arrow pointers*/

.pointer {
    position: absolute;
    top: 50%;
    margin-top: -32px;
    z-index: 9001;
    left: 12px;
    opacity: 0.8;
}

.previous {
    width: 0;
    height: 0;
     

}

.next {
    width: 0;
    height: 0;
  
    right: 12px;
    left: auto;
}

/*Helper style classes*/

.hide {
    visibility: hidden;
}


.cotnent_title{ text-align:center; font-size:20px; padding-top:15px; padding-bottom:10px;}
.content_info{ height:25px; line-height:25px; overflow:hidden; border-bottom:dotted 1px #dcdcdc; text-align:right;}
.product_detail .xinfo dt{ float:left; width:380px; height:380px; overflow:hidden; padding:15px; border:solid 1px #e7e6e7;}
.product_detail .xinfo dt img{width:380px; height:380px;}
.product_detail .xinfo dd{ float:right; width:490px; overflow:hidden;}
.product_detail .xinfo dd .title{ border-bottom:dotted 1px #dcdcdc; font-size:26px; line-height:28px; padding:15px 0px; overflow:hidden; text-align:center;}
.pdsstable th{ width:105px; text-align:right; font-weight:normal; line-height:22px;}
.pdsstable th,.pdsstable td{ line-height:22px;}
.pdsstable td{ color:#00449b;}
.pdsstable{ font-size:12px;}
.soapbtn{ display:block; background-color:#00449b; float:left; clear:both; width:200px; height:35px; line-height:35px; text-align:center; color:#ffffff; font-size:16px;}
.soapbtn:hover{ color:#ffffff;}
.pdvaline{ height:35px; line-height:25px; color:#00449b; font-size:18px; border-bottom:solid 1px #dcdcdc;}
.pdvaline2{ height:35px; line-height:25px; font-size:18px; border-bottom:solid 1px #dcdcdc;}

.message_form{ font-size:12px; }
.message_form .x1{ font-size:18px; line-height:25px;}
.message_form .x2{ line-height:24px;}
.msginput1{ width:400px; height:35px; background:none; padding:0px 20px; line-height:35px; border:solid 1px #dadada; color:#a5a5a5;}
.msginput2{ width:878px; height:35px; background:none; padding:0px 20px; line-height:35px; border:solid 1px #dadada; color:#a5a5a5;}
.floatleft{ float:left;}
.floatright{ float:right;}
.msgcontent{ width:878px;background:none; height:100px; font-size:14px; color:#a5a5a5; padding:20px;border:solid 1px #dadada; }
.ssvaimbg{ width:100%; background:url(../images/contactsse.gif) no-repeat 0px -7px;}

.msgvtbtn{ cursor:pointer; border:0px; display:block; width:100%; height:40px; line-height:40px; background-color:#00449b; font-size:18px; color:#ffffff; text-align:center;}
.msgvtbtn:hover{ color:#ffffff;}


img{border:none; vertical-align:middle;}
.code{padding:10px; margin:5px 40px; font-size:12px; background:#eeeeee; border:1px dashed #cccccc; clear:both; zoom:1;}
.code pre{margin:0; color:#00F; white-space:pre-wrap; word-wrap:break-word;}

.slideContainer{ }
.picbox li{ border:solid 1px #e9e8e8; height:170px; width:150px; display:inline; margin:0px 9px; float:left;}
.picbox li .i{ width:128px; height:128px; overflow:hidden; margin:11px 11px 5px 11px;}
.picbox li .i img{ width:128px; height:128px;}
.picbox li .t{ height:20px; line-height:20px; width:130px; margin:0px auto; text-align:center; overflow:hidden;}
.productscroll{ height:172px; width:920px; position:relative;}
.productscroll .scrvleft{ position:absolute; height:170px; width:25px;border:solid 1px #e9e8e8;background:url(../images/scrleft.gif) no-repeat center;}
.productscroll .scrvright{ position:absolute; height:170px; right:0px; width:25px;border:solid 1px #e9e8e8;background:url(../images/scrright.gif) no-repeat center;}

.swaplist{ position:absolute; left:-3000px; top:0px}

.picbox{ width:850px; height:172px; overflow:hidden; margin:0px auto; position:relative;}
.piclist{ height:172px;position:absolute; left:0px; top:0px}