/*标签初始化*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, img,button {margin: 0;padding: 0;border: none; } 
dl,dt,dd,ul,ol,li,p {list-style-type: none; margin:0; padding:0;}
em, cite, th,h1,h2,h3,h4,h5,h6 { font-style: normal; font-weight: normal;}
input,img{vertical-align:middle;}
html,body{height:100%;}
body{color:#333; font-size:12px; line-height:24px; background-color:#fff ;}
h1,h2,h3,h4{font-family:"微软雅黑", "宋体", Arial, Helvetica, sans-serif;}
a{ color:#333; text-decoration: none; cursor:pointer;}
a:hover {color:#f00; text-decoration:underline;}
input:focus,textarea:focus{outline:none;}
/*左右浮动*/
.fr{ float:right;}
.fl{ float:left;}
/*色彩*/
.red{ color:#ff0000;}
.org{ color:#ff6600;}
.blud{color:#0090ff;}
.blck000{color:#000;}

.mgauto{ margin:0 auto;}
.widht1200{ width:1200px;}
/*标签初始化 ok*/

.header{}
.header .topbar{ width:1200px;height:62px; margin:0 auto; font-family:"微软雅黑", Verdana, Geneva, sans-serif, Arial;}
.header .topbar .logo{ float:left; padding:12px;}
.header .topbar .logo a{}
.header .topbar .logo a img{ display:block;}
.header .topbar .fivsere{ float:left;width:140px; height:62px;  padding-left:42px; font-size:14px; color:#343434; position:relative; z-index:10;}
.header .topbar .fivsere dl{ padding:0 12px 12px; line-height:28px; position:absolute; top:0; right:0;;}
.header .topbar .fivsere dl:hover{ background-color:#f1f1f1;}
.header .topbar .fivsere dl dt{ padding-top:16px;}
.header .topbar .fivsere dl dt span{}
.header .topbar .fivsere dl dt i{}
.header .topbar .fivsere dl dt i img{}
.header .topbar .fivsere dl dd{ display:none;}
.header .topbar .fivsere dl:hover dd{ display:block;}
.header .topbar .fivsere dl dd a{ display:block; font-size:12px;color:#000;}
.header .topbar .fivsere dl dd a:hover{ color:#ff0000;}
.header .topbar .toptelbox{ float:left; padding-left:45px; font-size:14px; line-height:56px;}
.header .topbar .toptelbox i{}
.header .topbar .toptelbox i img{ margin-top:-6px;}
.header .topbar .loginbox{ float:right; color:#505050; font-size:14px; line-height:62px;}
.header .topbar .loginbox a{ color:#0078d7; margin-right:20px;}
.header .topbar .loginbox a:hover{ color:#ff0000;}

.header .navwarp{ background-color:#0078d7;}
.header .navwarp .navbox{height:60px; font-family:"微软雅黑", Verdana, Geneva, sans-serif, Arial;}
.header .navwarp .navbox .nav{ float:left; width:940px;}
.header .navwarp .navbox .nav ul{ display:block;height:60px;}
.header .navwarp .navbox .nav ul li{float:left;}
.header .navwarp .navbox .nav ul li a{ display:block; padding:0 22px; line-height:60px; font-size:14px; color:#fff; text-decoration:none; }
.header .navwarp .navbox .nav ul li a:hover{background-color:#0068bb;}

.header .navwarp .navbox .nav ul li dl{display:inline-block;height:60px; position:relative; z-index:3;}
.header .navwarp .navbox .nav ul li dl dt{height:60px;}
.header .navwarp .navbox .nav ul li dl dd{ display:none; width:150px; padding:0px 0 10px; position:absolute; top:60px; left:0; color:#fff; background-color:#0068bb; z-index:3;}
.header .navwarp .navbox .nav ul li dl dd a{ padding:0 22px; line-height:36px; font-size:12px;color:#fff;}
.header .navwarp .navbox .nav ul li dl dd a:hover{background-color:#0360aa;}

.header .navwarp .navbox .nav ul li dl:hover dt a{background-color:#0068bb;}
.header .navwarp .navbox .nav ul li dl:hover dd{display:block;}

.header .navwarp .navbox .abobox{ float:right; width:240px;}
.header .navwarp .navbox .abobox .ctaclnk{float:right;}
.header .navwarp .navbox .abobox .ctaclnk a{display:block; padding:0 18px; line-height:60px; font-size:14px; color:#fff; text-decoration:none; }
.header .navwarp .navbox .abobox .ctaclnk a:hover{background-color:#0068bb;}
.header .navwarp .navbox .abobox .helplnk{float:right;}
.header .navwarp .navbox .abobox .helplnk a{display:block; padding:0 18px; line-height:60px; font-size:14px; color:#fff; text-decoration:none; }
.header .navwarp .navbox .abobox .helplnk a:hover{background-color:#0068bb;}
.header .navwarp .navbox .abobox .helplnk a img{}

.footer{ background-color:#f1f1f1;}
.footer .hpmod{ overflow:hidden;}
.footer .hpmod .hpsever{ float:left; width:800px;padding:30px 0 50px 20px;}
.footer .hpmod .hpsever ul{ display:block;overflow:hidden;}
.footer .hpmod .hpsever ul li{ float:left; width:25%;}
.footer .hpmod .hpsever ul li dl{}
.footer .hpmod .hpsever ul li dl dt{ font-family:"微软雅黑", Verdana, Geneva, sans-serif, Arial;}
.footer .hpmod .hpsever ul li dl dt span{ font-size:14px;}
.footer .hpmod .hpsever ul li dl dd{}
.footer .hpmod .hpsever ul li dl dd a{display:block; color:#666;}
.footer .hpmod .hpsever ul li dl dd a:hover{ color:#f00;}
.footer .hpmod .smamod{float:right; width:280px;padding:30px 0 0px 0px;}
.footer .hpmod .smamod ul{display:block;overflow:hidden;}
.footer .hpmod .smamod ul li{float:left; width:50%;}
.footer .hpmod .smamod ul li dl{ width:84px; margin:0 auto;}
.footer .hpmod .smamod ul li dl dt{ font-family:"微软雅黑", Verdana, Geneva, sans-serif, Arial;}
.footer .hpmod .smamod ul li dl dt span{ display:block; text-align:center; font-size:14px; color:#000;}
.footer .hpmod .smamod ul li dl dd{ padding-top:8px;}
.footer .hpmod .smamod ul li dl dd i{}
.footer .hpmod .smamod ul li dl dd i img{}
.footer .copyright{ padding:20px 0; border-top:1px solid #ccc; text-align:center; font-size:12px; color:#666666;}


/*2018-08-16 add*/
.header .topbar .helpbtn{ float:right; color:#505050; font-size:14px; line-height:62px;}
.header .topbar .helpbtn a{ color:#000; margin-right:20px;}
.header .topbar .helpbtn a:hover{ color:#f00;}
.header .topbar .helpbtn a img{ vertical-align:middle; margin-top:-4px;}

.mpvideobanner{ padding-top:72px;background:#307EF2;}
.videowarp{ width:100%; height:576px;}
.videobox{ width:1200px; padding-top:120px; margin:0 auto;}
.videobox .videomod{ width:600px; float:right;}
.videobox .videomod video{}

/*2018-08-16 end*/


/*下拉菜单改为3列20-04-21*/
 .header .navwarp .navbox .nav ul li dl dd{ display:none; width:450px; padding:0px 0 10px; position:absolute; top:60px; left:0; z-index:3;}
 .header .navwarp .navbox .nav ul li dl dd:after {  display:table;clear:both;content: "";height: 0;}
 .header .navwarp .navbox .nav ul li dl dd a{ float:left; width:150px; box-sizing:border-box;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
 
 /*关于我们下拉菜单20-04-21*/
.header .navwarp .navbox .abobox .ctaclnk dl{display:inline-block;height:60px; position:relative; z-index:3;}
.header .navwarp .navbox .abobox .ctaclnk dl dt{height:60px;}
.header .navwarp .navbox .abobox .ctaclnk dl dd{ display:none; width:92px; padding:0px 0 10px; position:absolute; top:60px; left:0; color:#fff; background-color:#0068bb; z-index:3;}
.header .navwarp .navbox .abobox .ctaclnk dl dd a{ padding:0 22px; line-height:36px; font-size:12px;color:#fff;}
.header .navwarp .navbox .abobox .ctaclnk dl dd a:hover{background-color:#0360aa;}

.header .navwarp .navbox .abobox .ctaclnk dl:hover dt a{background-color:#0068bb;}
.header .navwarp .navbox .abobox .ctaclnk dl:hover dd{display:block;}

/*菜单调整2020-10-28*/
.header .navwarp .navbox .nav ul li dl.submuendl{ position:static;}
.header .navwarp .navbox .nav ul li dl dd.submuenlayers{ display:block;transform:translateY(-99999px);width:100%; padding-top:20px;  background-color:#fff; padding-bottom:20px; box-shadow:0 12px 12px rgba(0,0,0,0.1);  position: absolute; top:120px;}
.header .navwarp .navbox .nav ul li dl.submuendl:hover dd.submuenlayers{ transform:translateY(0px);}
.header .navwarp .navbox .nav ul li dl dd.submuenlayers:after{ content:""; display:block; width:0; height:0; border:6px solid rgba(255,255,255,0);border-bottom:6px solid rgba(255,255,255,1); position:absolute; top:-12px; left:50%;}
.header .navwarp .navbox .nav ul li dl dd.promuenmod:after{ margin-left:-484px;}
.header .navwarp .navbox .nav ul li dl dd.fananmuenmod:after{ margin-left:-378px;}
.submuenwrap{ width:1200px; margin:0 auto;transform:translateY(36px);transition:0.8s;}
.header .navwarp .navbox .nav ul li dl.submuendl:hover dd.submuenlayers .submuenwrap{transform:translateY(0px);}
.submuenth{ display:flex;width:100%;color:#000;font-size:16px; font-weight:bold; line-height:48px;}
.submuenth .submuthleft{  width:75%; }
.submuenth .submuthleft span{ padding-left:24px;}
.submuenth .submuthright{ width:25%;}
.submuenth .submuthright span{ padding-left:24px;}
.submuenmain{ width:100%; display:flex;}
.submuenmain .submuencol{ width:25%;}
.submuenmain .submuencol .submuenitems{ padding:0 8px 16px; }
.submuenmain .submuencol .submuenitems a{ width:100% !important; float:none !important; padding:12px 20px!important;border-radius:6px; background-color:#eee;}
.submuenmain .submuencol .submuenitems a .submuenproname{color:#000; font-size:14px; line-height:20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.submuenmain .submuencol .submuenitems a .submuenproname span{ position:relative;}
.submuenmain .submuencol .submuenitems a .submuenproname span .submuenflaghot{ margin-left:4px; padding:0 6px; display:inline-block; height:18px; line-height:18px; border-radius:40px; background-color:#f00; font-size:12px; color:#fff;}
.submuenmain .submuencol .submuenitems a .submuenproname span .submuenflagnew{margin-left:4px; padding:0 6px; display:inline-block; height:18px; line-height:18px; border-radius:40px; background-color:#38a30e; font-size:12px; color:#fff;}
.submuenmain .submuencol .submuenitems a .submuenprodescrip{ color:#666; font-size:12px;line-height:20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.submuenmain .submuencol .submuenitems a:hover{ background-color:#17b2f3 !important;}
.submuenmain .submuencol .submuenitems a:hover .submuenproname{color:#fff;}
.submuenmain .submuencol .submuenitems a:hover .submuenprodescrip{color:#fff;}

.header .navwarp .navbox .nav ul li dl.submuendl dt{ padding-right:6px;}
.header .navwarp .navbox .nav ul li dl.submuendl dt a{ position:relative;}
.header .navwarp .navbox .nav ul li dl.submuendl dt a:after{ content:""; display:block; width:6px; height:6px; border-right:1px solid #eee;border-bottom:1px solid #eee;-webkit-transform:rotate(45deg);transform:rotate(45deg); position:absolute; top:25px; right:10px;}


.digg {
    width: 810px;
    margin-top: 12px;
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    PADDING-BOTTOM: 3px;
    MARGIN: 3px;
    PADDING-TOP: 3px;
    TEXT-ALIGN: center;
}

    .digg .xLink {
        cursor: pointer;
        BORDER-RIGHT: #aaaadd 1px solid;
        PADDING-RIGHT: 8px;
        BORDER-TOP: #aaaadd 1px solid;
        PADDING-LEFT: 8px;
        PADDING-BOTTOM: 4px;
        MARGIN: 2px;
        BORDER-LEFT: #aaaadd 1px solid;
        COLOR: #999999;
        PADDING-TOP: 4px;
        BORDER-BOTTOM: #aaaadd 1px solid;
        TEXT-DECORATION: none
    }

        .digg .xLink A {
            BORDER-RIGHT: #aaaadd 1px solid;
            PADDING-RIGHT: 8px;
            BORDER-TOP: #aaaadd 1px solid;
            PADDING-LEFT: 8px;
            PADDING-BOTTOM: 4px;
            MARGIN: 2px;
            BORDER-LEFT: #aaaadd 1px solid;
            COLOR: #999999;
            PADDING-TOP: 4px;
            BORDER-BOTTOM: #aaaadd 1px solid;
            TEXT-DECORATION: none
        }

            .digg .xLink A:hover {
                BORDER-RIGHT: #aaaadd 1px solid;
                BORDER-TOP: #aaaadd 1px solid;
                BORDER-LEFT: #aaaadd 1px solid;
                COLOR: #000;
                BORDER-BOTTOM: #aaaadd 1px solid
            }

            .digg .xLink A:active {
                BORDER-RIGHT: #aaaadd 1px solid;
                BORDER-TOP: #aaaadd 1px solid;
                BORDER-LEFT: #aaaadd 1px solid;
                COLOR: #000;
                BORDER-BOTTOM: #aaaadd 1px solid
            }

    .digg SPAN.current {
        BORDER-RIGHT: #aaaadd 1px solid;
        PADDING-RIGHT: 8px;
        BORDER-TOP: #aaaadd 1px solid;
        PADDING-LEFT: 8px;
        FONT-WEIGHT: bold;
        PADDING-BOTTOM: 4px;
        MARGIN: 4px;
        BORDER-LEFT: #aaaadd 1px solid;
        COLOR: #ff0000;
        PADDING-TOP: 2px;
        BORDER-BOTTOM: #aaaadd 1px solid;
        BACKGROUND-COLOR: #f5f5f5
    }

    .digg SPAN.disabled {
        BORDER-RIGHT: #eee 1px solid;
        PADDING-RIGHT: 8px;
        BORDER-TOP: #eee 1px solid;
        PADDING-LEFT: 8px;
        PADDING-BOTTOM: 4px;
        MARGIN: 4px;
        BORDER-LEFT: #eee 1px solid;
        COLOR: #ddd;
        PADDING-TOP: 4px;
        BORDER-BOTTOM: #eee 1px solid
    }

    /*菜单调整2023*/
.header .navwarp .navbox .nav ul li dl.submuendl{ position:relative;}
.header .navwarp .navbox .nav ul li dl dd.submuenlayers{ padding:0 !important;}
.header .navwarp .navbox .nav ul li dl dd.submuenlayers:after{ left:56%;border-bottom: 6px solid #EDF7FF;}
.header .navwarp .navbox .nav ul li dl dd.submuenlayers.promuwex{ width:940px;  position: absolute; top:60px; left:0;}
.header .navwarp .navbox .nav ul li dl dd.submuenlayers.promuwex .submuenwrap{ width:100%;transform:translateY(0px);}

.submuenmainx{min-height:512px; display:flex;flex-direction: row;flex-wrap: wrap;justify-content:flex-start;align-items:flex-start;}
.submuenmainxhauto{min-height:auto !important;}
.submuenmainx .submuenbx{ padding:12px; box-sizing:border-box;display:flex;flex-direction: row;flex-wrap: wrap;justify-content:flex-start; align-items:flex-start;}
.submuenmainx .submuenwidthcalc{width:calc(100% - 212px);}
.submuenmainx .submuenbx .submuenitems{ width:33.33%; padding:12px 8px; box-sizing:border-box; }
.submuenmainx .submuenbx .submuenitems a{ width:100% !important; float:none !important; padding:6px 20px!important;}

.submuenmainx .submuenbx .submuenitems a{ position:relative; padding-left:50px!important;}
.submuenmainx .submuenbx .submuicon{ position:absolute; top:9px; left:12px;}
.submuenmainx .submuenbx .submuicon img{ width:28px; height:28px;}

.submuenmainx .submuenbx .submuenitems a .submuenproname{color:#000; font-size:15px;line-height:20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.submuenmainx .submuenbx .submuenitems a .submuenproname span{ position:relative;}
.submuenmainx .submuenbx .submuenitems a .submuenprodescrip{ color:#aaa; font-size:12px;line-height:20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.submuenmainx .submuenbx .submuenitems a:hover{ background:none !important;}
.submuenmainx .submuenbx .submuenitems a:hover .submuenproname{color:#0068BB;}


/*左则菜单*/
.submuenmainx .subleftmuens{ width:212px;  min-height:512px; box-sizing:border-box; padding:20px 0; background-color:#EDF7FF;}
.subleftitem{ display:flex; padding:0 22px; height:62px;justify-content:flex-start;align-items: center; cursor:pointer;}

.sublticon{ display:block; width:16px; height:16px; display:block;}
.sublticon img{ display:block;} 
.sublttxt{ padding-left:4px; display:block; color:#000; font-size:15px;} 

.slactive{ background-color:#fff;}
.slactive .sublttxt{color:#0078d7;}

.slticon1{ background:url(../images/sublticon1h.png) no-repeat 0 0; background-size:16px 16px;}
.slticon2{ background:url(../images/sublticon2h.png) no-repeat 0 0; background-size:16px 16px;}
.slticon3{ background:url(../images/sublticon3h.png) no-repeat 0 0; background-size:16px 16px;}
.slticon4{ background:url(../images/sublticon4h.png) no-repeat 0 0; background-size:16px 16px;}

.subleftitem.slactive .slticon1{ background:url(../images/sublticon1.png) no-repeat 0 0; background-size:16px 16px;}
.subleftitem.slactive .slticon2{ background:url(../images/sublticon2.png) no-repeat 0 0; background-size:16px 16px;}
.subleftitem.slactive .slticon3{ background:url(../images/sublticon3.png) no-repeat 0 0; background-size:16px 16px;}
.subleftitem.slactive .slticon4{ background:url(../images/sublticon4.png) no-repeat 0 0; background-size:16px 16px;}

/*常用工具*/
.subcytool{ position:absolute; bottom:0; right:0;}
.subcytit{ padding-left:20px; height:40px; line-height:40px; color:#000 !important; font-weight:bold;}
.subcytlbx{ height:48px; border-top:1px solid #ebebeb; display:flex;}
.subcyitems{ width:20%; display: flex;justify-content: center;align-items: center;}
.subcyitems a{ font-size:14px; color:#000 !important;}
.subcyitems a:hover{ background:none !important;}

.video-background {
    position: relative; 
    width: 100%; 
    height: 576px; 
    overflow: hidden;
    cursor:pointer;
}
 
.video-background video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width:2560px;
    z-index: -1;
}