/*定义全局*/
*{margin:0;padding:0;border:0;outline:0;font-family:'微软雅黑'}
ul{list-style:none}
li{list-style:none;}
body {
  font-size: 12px;
  line-height: 200%;
  color: #333;
  width: 100%;
  text-align: left;
  background-color: #f3f4f9;
  word-break: break-all;
  font-family: "微软雅黑",Arial, Helvetica, sans-serif;
  background: linear-gradient(to top, #F3F4F9 90%, #ffffff);
  background: -webkit-linear-gradient(to top, #F3F4F9 90%, #ffffff);

}
a{text-decoration: none;color:#595959;}
a:hover{text-decoration: underline;color:#ff0016;}

.blank5{height:5px;clear:both;}
.blank10{height:10px;clear:both;}
.blank15{height:15px;clear:both;}
.blank20{height:20px;clear:both;}
.blank25{height:25px;clear:both;}
.fl{float:left;}
.fr{float:right;}
.hidden{display:none;}
.font1{color:#1b73ba;}
.font2{color:#4cb050;}
.font3{color:#f37927;}
.font4{color:#de373e;}
.layoutfull,.layout01,.layout02,.layout03{padding:10px 0; overflow:hidden;}
.layout02 .boxleft{float:left; width:920px;margin-right:0;  }
.layout02 {border:solid 0px red;}
.layout01 .boxright{}
.layout02{margin:0 auto; position:relative; width:1200px; } 
.layout02 .boxleft1{margin-right:0;}
.layout02 .boxright{float:left; width:270px;margin-left:10px; }
.layout03 .boxleft{float:left;}
.layout03 .boxright{}
/* End */


 .BGwhite {
    background: #fff;
  }

  .header_active {
    position: fixed;
    backdrop-filter: blur(18px);
    background: rgba(255, 255, 255, .4);
  }

  .navigation-down .menu-1 dl {
    width: 20%;
  }
  
.header_1 {width: 100%; transition: all linear 0.3s;z-index:99;}
.header_1 .box {width: 1200px;margin: 0 auto; display: flex;
    justify-content: space-between; align-items: center; }
.header_1 .logo {float:left;cursor: pointer;width: 140px;}
.header_1  img { width: 100%;}
.header_1 .menu {float:left;font-size: 16px;width: 400px; text-align: center;}
.header_1 .menu ul{ display: inline-flex;}
.header_1 .menu ul li { padding: 0 18px; text-align: center; cursor: pointer;}
.header_1 .menu ul li:hover { color: #004ddd; transition: all linear 0.3s;  }     
.header_1 .button_box {float:left;  padding: 10px 0;}
 

  
  #header:hover {
    background: #fff;
  }

  #header .menu li{ float:left;
    position: relative;
    padding: 27px 18px;
  }
   #header .subMenu{
     display: block;
     position: absolute;
     top: 65px;
     left: 0px;
     background: #fff;
     width: 200px;
     border-radius: 10px;
     box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
     padding: 10px 0;
     transition: .3s;
     top: 120%;
     opacity: 0;
     visibility: hidden;
   }
   #header .subMenu::before{
     content: "";
     display: block;
     width: 0;
     height: 0;
     border: 12px solid #000;
     border-color: transparent transparent #fff transparent;
     position: absolute;
     top: -24px;
     left: 39px;
     filter:drop-shadow(0 -3px 3px rgba(0, 0, 0, 0.1));
   }
   #header .subMenu li{
     display: block;
     width: 100%;
     height: 42px;
     line-height: 42px;
     box-sizing: border-box;
     text-align: left;
     padding: 0;
   }
    #header .menu li:hover .subMenu{
        top: 65px;
        visibility: visible;
        opacity: 1;
    }
   #header .subMenu li:hover{
     background: #f3f4f9;
   }
   #header .subMenu li a{
     display: block;
     width: 100%;
     padding: 0 15px;
     box-sizing: border-box;
     font-size: 16px;
   }
   #header .subMenu li img{
     width: 25px;
     vertical-align:middle;
     margin-right: 8px;
  
   }



.search{float:left;width:320px; position: relative;
    height: 40px;
    overflow: hidden;}
.dfinput{float:left;width:190px; height:28px;margin:5px 5px 5px 5px; line-height:28px; border-top:solid 1px #a7b5bc; border-left:solid 1px #a7b5bc; border-right:solid 1px #ced9df; border-bottom:solid 1px #ced9df;  text-indent:10px;}
.dfinput:focus{border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}

.btn-search{float:left;width:85px;height:35px; background:#1a9ccb;font-size:14px;font-weight:bold;color:#fff; cursor:pointer;border-radius:3px; }

 



 
.head-v3 {
  position: relative;
  z-index: 100;
  min-width: 1000px;
}

.head-v3 .navigation-inner {
  margin: 0 auto;
  width: 980px;
  position: relative;
}

.navigation-up {
  height: 60px;
  background: #27303f;
}

.navigation-up .navigation-v3 {
  margin-left: 155px;
  float: left;
}

.navigation-up .navigation-v3 ul {
  float: left;
}

.navigation-up .navigation-v3 li {
  float: left;
  color: #fff;
}

.navigation-up .navigation-v3 .nav-up-selected {
  background: #fff;
}

.navigation-up .navigation-v3 .nav-up-selected-inpage {
  background: #202833;
}

.navigation-up .navigation-v3 li h2 {
  font-weight: normal;
  padding: 0;
  margin: 0;
}

.navigation-up .navigation-v3 li h2 a {
  padding: 0 25px;
  color: #fff;
  display: inline-block;
  height: 60px;
}

.navigation-down {
  position: fixed;
  top: 70px;
  left: 0px;
  width: 100%;
  z-index: 9999;
}

.navigation-down .nav-down-menu {
  border-top: 1px solid #e5e6ea;
  width: 100%;
  margin: 0;
  background: #fff;
  position: absolute;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
}

.navigation-down .nav-down-menu .navigation-down-inner {
  margin: auto;
  width: 1200px;
  position: relative;
  padding: 30px 15px 15px 0px;
  overflow: hidden;
  display: flex;
}

.navigation-down .nav-down-menu dl {
  float: left;
}

.navigation-down .menu-1 dl {
  width: 285px;
  margin-left: 15px;
}

.navigation-down .menu-1 dt {
  color: #999;
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 15px;
  margin-bottom: 15px;
  font-size: 18px;
}

.navigation-down .menu-1 dd {
  margin-bottom: 15px;
  float: left;
}

.navigation-down .menu-1 dd a {
  color: #333;
  font-size: 16px;
  float: left;
  width: 285px;
  line-height: 115%;
}

.navigation-down .menu-1 dd a:hover {
  color: #2866e2;
}

.navigation-down .menu-1 dd a:hover .font999 {
  color: #2866e2;
}

.navigation-down .menu-1 dd a:hover .iconfont_menu {
  color: #2866e2;
}

.navigation-down .menu-1 dd .borderB .iconfont_menu {
  color: #3578fb;
  transition: background 0.3s, color 0.3s;
  -webkit-transition: background 0.3s, color 0.3s;
}

.navigation-down .menu-1 dd .borderB:hover .iconfont_menu {
  color: #fff;
}

.navigation-down .menu-1 dd .borderB .font999 {
  text-shadow: none;
  transition: background 0.3s, color 0.3s;
  -webkit-transition: background 0.3s, color 0.3s;
}

.navigation-down .menu-1 dd .borderB:hover .font999 {
  color: #fff;
}

.navigation-down .menu-1 dd .borderB {
  transition: background 0.3s, color 0.3s;
  -webkit-transition: background 0.3s, color 0.3s, border 0.3s;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  padding: 20px 10px;
  width: calc(100% - 20px);
  display: flex;
}

.navigation-down .menu-1 dd .borderB:hover {
  background: #3578fb;
  color: #fff;
  border: 1px solid #3578fb;
}

.navigation-down .menu-1 dd .flex {
  display: flex;
}

.navigation-down .menu-2 dd a,
.navigation-down .menu-3 dd a {
  color: #333;
}


/*分类*/

.displayNone {display: none;}

.proSubmenu {width: 1200px;margin: 0 auto;	height: 350px;position: relative;transition: 0.4s;}
.proSubmenu .menuL {float: left;width: 215px;height: 100%;padding: 20px 0;box-sizing: border-box;}
.proSubmenu .menuList {display: block;width: 100%;height: 30px;line-height: 30px;box-sizing: border-box;color: #333;
			font-size: 16px;cursor: pointer;position: relative; text-align: right; padding-right: 30px;}
.proSubmenu .menuList span::after{transition: 0.3s; }
.proSubmenu .menuList span{ position: relative; }
.proSubmenu .menuList .new{ font-size: 12px; font-style: normal; color: #fff; background: #FF4F4F; border-radius: 20px;
      padding: 1px 6px; margin-left: 5px; height: 16px; line-height: 15px; position: absolute; top: 10px;}
.proSubmenu .menuR {width: 985px;height: 100%;margin-left: 215px;background-color: #fff;}
.proSubmenu .menuR .menuSub {height: 100%;padding: 10px 0px 15px;box-sizing: border-box;}
.proSubmenu .menuR .menuSub ul {display: flex;justify-content: left; align-items: center;flex-wrap: wrap;}
.proSubmenu .menuR .menuSub li {width: 10.6%;margin: 0 10px 10px 0;}
.proSubmenu .menuR .menuSub li:nth-of-type(3n){ margin-right: 0; }
.proSubmenu .menuR .menuSub li a {display: flex; justify-content: left; align-items: center;
			background: #fff;border-radius: 8px;	/* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); */
			padding: 28px 20px;background: #fff;background-size: cover;transition: 0s; align-items: flex-start;}
.proSubmenu .menuR .menuSub li a .proIcon{ width: 25px; height: 25px; margin-top: 4px;
    }
.proSubmenu .menuR .menuSub li a .proIconA{ width: 25px;height: 25px; }
.proSubmenu .menuR .menuSub li a .proIcon img{width: 100%;}
.proSubmenu .menuR .menuSub li a .proTit{ width: 75%; margin-left: 15px; line-height: 1.7;}
.proSubmenu .menuR .menuSub li a p {font-size: 16px;color: #333;}
.proSubmenu .menuR .menuSub li a .describe {font-size: 12px;color: #888;}
 .menuActive span{ color: #1D70F9;position: relative; }
 .proSubmenu .menuList span::after{ content: ""; display: block; width: 0; height: 2px;  background-color: #1D70F9;
      position: absolute; bottom: -10px;left: 0;}
 .proSubmenu .menuList hover:span::after{ width: 100%;}
 .menuActive span::after{ width: 100%!important;  }
 .proSubmenu .menuR .menuSub li a:hover{background: #f3f4f9;}
    /* 新产品导航样式end */

/*页脚*/
.footer { background-color: #f6f6f6;min-width: 1200px;}
.footerfixed { background-color: #f8f8f8; position: fixed; width: 100%; bottom: 0; left: 0; }
.bottompage { padding: 30px; overflow: hidden; height: 118px; border-bottom: 1px solid #ddd; width: 1140px; margin: 0 auto; }
.bottompage .columns { float: left; width: 17.5%; }
.bottompage .columns .h3 { padding-bottom: 12px; }
.bottompage .columns .h3 a { font-size: 20px; color: #333; }
.bottompage .columns li a { font-size: 14px; color: #999; height: 24px; line-height: 24px; }
.bottompage .columns li a:hover { color: #00a1e9; }
.bottompage .columns-us { width: 30%; float: left; box-sizing: border-box; border-left: 1px solid #ddd; overflow: hidden; }
.columns-us .qrcode { float: left; margin-left: 68px; }
.columns-us .qrcode h3 { font-size: 20px; padding-bottom: 12px; }
.columns-us img { width: 85px; height: 85px; }
.login-footer{
	width: 100%;
	margin: 20px auto 0;
	text-align: center;
	
}
.login-footer a{
	font-size: 12px;
	color: #666;
    text-decoration: none;
    margin: 0 10px;
}
.copyright{
	margin-top: 10px;
	font-size: 12px;
	color: #666;
}
.reg-content{
	width: 400px;
	margin-left: 500px;
}
/*页脚结束*/