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

*{list-style:none;border:0;}
html{width:100%;height:100%; overflow-x:hidden; overflow-y:auto; }  
body{width:100%; min-width:1232px;height:100%; background:#fff;background-attachment:fixed; font-size:14px;color:#222;line-height:30px;margin:0px;font-family:"Microsoft YaHei","Arial", "Helvetica", sans-serif;}
@media screen and (max-width: 1024px) and (min-width: 0px){
body{width:100%; min-width:100%;height:100%; background:#fff;background-attachment:fixed; font-size:14px;color:#222;line-height:30px;margin:0px;font-family:"Microsoft YaHei","Arial", "Helvetica", sans-serif;}
}
form,dl,ul,li,ol,dl,dt,dd,span,input,textarea,p{margin:0px;padding:0px;list-style:none} 
img{border:0px} 
h1{margin:0px}
h2{margin:0px}
h3{margin:0px}
hr{border-top:1px #999 solid;overflow:hidden;height:0}
p{margin:0px;word-wrap:break-word;overflow:hidden} 
a{color:#222; text-decoration: none}
a:hover{color:#1e51ad; text-decoration: none}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;vertical-align:middle;outline:none;}
input,button,textarea,select{*font-size:100%;}
.clear{clear:both;}
.clearfix:after{ content:"."; display:block; height:0; visibility:hidden;overflow: hidden; clear:both; }/*伪类清除*/
.clearfix { *zoom: 1;}    
.clearit{ clear:both; height:0; font-size:0; overflow:hidden; }/*设置class名清除*/
form {display: inline;}
.none {display: none;}
.f5_bg{ background:#f5f5f5}
/**/
.main{width:100%;clear:both;margin:0 auto;}
.wrap{width:1232px;clear:both;margin:0 auto;}
.wrap1{width:1232px;clear:both;margin:0 auto;}
@media screen and (max-width: 1024px) and (min-width: 0px){
.wrap{width:100%;clear:both;margin:0 auto;}
.wrap1{width:100%;clear:both;margin:0 auto;}
}

.bg{ background:#efefef}

.fanyue{ width:100%; float:left; text-align:center; margin-top:10px;}

.xsy{ width:100%; float:left; margin-top:40px;padding-top:50px;border-top:1px #ddd dotted;}
.xsy .x_left{ width:420px; overflow:hidden;float:left;}
.xsy .x_right{ width:420px;overflow:hidden;float:right;}
.xsy2{ width:100%; float:left; margin-top:10px;padding-top:30px;}
.xsy2 .x_left{ width:420px; overflow:hidden;float:left;}
.xsy2 .x_right{ width:420px;overflow:hidden;float:right;}
@media screen and (max-width: 1024px) and (min-width: 0px){ 
.xsy{ width:100%; float:left; margin-top:20px;padding-top:20px;border-top:1px #ddd dotted; font-size: 12px;}
.xsy .x_left{ width:100%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float:left;}
.xsy .x_right{ width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float:right;}
.xsy2{ width:100%; float:left; margin-top:0px;padding-top:0px;font-size: 12px;}
.xsy2 .x_left{ width:40%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float:left;}
.xsy2 .x_right{ width:40%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float:right;}
}

/*导航*/
        header{width:100%; background:#fff; height: 65px; box-sizing: border-box; margin: 0 auto;}
        .n_wrap{width: 1232px;border-top:2px solid #a9a9a9 ;position: relative;margin: 0 auto;}
        #nav {display: flex;display: flex;flex-direction: row;justify-content: center;align-items: center;flex-wrap: wrap;}
        .n_box{width:calc(100% - 80px); padding: 50px 40px;position: relative;margin: 0 auto;}
        .n_wrap ul.nav {display: inline-flex;flex: 1;padding-left:50px;}
        .n_wrap ul li{ margin: 0 5px}
        .n_wrap ul li.nav-item {flex: 1;}
        .n_wrap ul li.nav-item>a{display: block;text-align: center;line-height: 52px;font-size: 18px;position: relative;}
        .n_wrap ul li.nav-item>a:hover{ border-bottom: 2px #1e50ae solid;color: #1959ba;}
        
        
/*        li.nav-item>a::before{ display: none; content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); border-width: 0 10px 10px; border-style: solid; border-color: transparent transparent #119f0f; position: absolute;}*/
        .n_wrap ul li.nav-item:hover>a ,li.nav-item.active>a{}
        .n_wrap ul li.nav-item:hover>a::before,li.nav-item.active>a::before{display: block;}
        
        .n_wrap ul ol{ margin: 0 5px}
        .n_wrap ul ol.nav-item {flex: 1;border-bottom: 2px #1e50ae solid;}
        .n_wrap ul ol.nav-item>a{display: block;text-align: center; color: #1959ba;line-height: 52px;font-size: 18px;position: relative;}

        
        
/*        li.nav-item>a::before{ display: none; content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); border-width: 0 10px 10px; border-style: solid; border-color: transparent transparent #119f0f; position: absolute;}*/
        .n_wrap ul ol.nav-item:hover>a ,ol.nav-item.active>a{color:#1959ba;}
        .n_wrap ul ol.nav-item:hover>a::before,ol.nav-item.active>a::before{display: block;}
        
        /* 二级菜单 产品中心 */
        .subMenu{display: none;position: absolute;top: 54px;left: 0;right:0;width: 100%; height: auto;font-size: 16px; z-index: 999;background-color: #fff;}
        .subMenu>ul{display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;}
        .subMenu>ul>li{ width: 24%; float: left;}
        .subMenu>ul>li>a{display:block;padding:0 18px;line-height: 40px;color: #7e7e7e;}
        .subMenu>ul>li>a:hover{color:#2e5fa1}
        .subMenu>ul>ol{ width: 24%; float: left;}
        .subMenu>ul>ol>a{display:block;padding:0 18px;line-height: 40px;color: #1959ba;}
        .subMenu>ul>ol>a:hover{color:#1959ba}
        /* 二级菜单 产品视频 */
        .subMenu>.n_video{ padding-top: 60px;display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;align-items: center;}
        .subMenu>.n_video .v_box{width:calc(100% - 80px); padding: 0px 40px 50px 40px;position: relative;margin: 0 auto;}
        .subMenu>.n_video .v_box .list{width:calc(20% - 20px); padding: 0 10px; text-align: center; float: left;}
        .subMenu>.n_video .v_box .list .pic{width:100%;float: left;}
        .subMenu>.n_video .v_box .list .title{width:100%;font-size: 14px;float: left;}

        /* 二级菜单 资讯动态 */
        .subMenu>.n_news{ padding-top: 60px;display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;align-items: center;}
        .subMenu>.n_news .v_box{width:calc(100% - 80px); padding: 0px 40px 10px 40px;position: relative;margin: 0 auto;}
        .subMenu>.n_news .v_box .list{width:calc((100%)/3); text-align: center; float: left;}
        .subMenu>.n_news .v_box .list .pic{width:100%;float: left;}
        .subMenu>.n_news .v_box .list .title{width:100%;line-height: 100px;font-size: 14px;float: left;}


        /* 二级菜单 解决方案 */
        .subMenu>.n_fangan{ padding-top: 60px;display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;align-items: center;}
        .subMenu>.n_fangan .v_box{width:calc(100% - 80px); padding: 0px 40px 10px 40px;position: relative;margin: 0 auto;}
        .subMenu>.n_fangan .v_box .list{width:calc((100%)/3); text-align: center; float: left;}
        .subMenu>.n_fangan .v_box .list .pic{width:100%;float: left;}
        .subMenu>.n_fangan .v_box .list .title{width:100%;line-height: 100px;font-size: 14px;float: left;}

        /* 二级菜单 技术支持 */
        .subMenu>.n_support{ padding-top: 60px;display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;align-items: center;}
        .subMenu>.n_support .v_box{width:calc(100% - 80px); padding: 0px 40px 50px 40px;position: relative;margin: 0 auto;}
        .subMenu>.n_support .v_box .list{width:calc(20% - 20px); padding: 0 10px; text-align: center; float: left;}
        .subMenu>.n_support .v_box .list .pic{width:100%;float: left;}
        .subMenu>.n_support .v_box .list .title{width:100%;font-size: 14px;float: left;}

        /* 二级菜单 关于我们 */
        .subMenu>.n_about{ padding-top: 60px;display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;align-items: center;}
        .subMenu>.n_about .v_box{width:calc(100% - 80px); padding: 0px 40px 50px 40px;position: relative;margin: 0 auto;}
        .subMenu>.n_about .v_box .list{width:calc(20% - 20px); padding: 0 10px 20px 10px; text-align: center; float: left;}
        .subMenu>.n_about .v_box .list .pic{width:100%;float: left;}
        .subMenu>.n_about .v_box .list .title{width:100%;font-size: 14px;float: left;}

@media screen and (max-width: 1024px) and (min-width: 0px){
/*导航*/
        header{display: none}
}