@charset "utf-8";
html{ font-size: 100px;}
body{font-family:"Microsoft YaHei","Source Han Sans CN"; color:#333; font-size:14px; background: #fff;}

body.ff{ background:#FFF}
* {margin:0;padding:0;outline:none;list-style:none;text-decoration:none;box-sizing: border-box;font-family: Microsoft YaHei,arial;}
img{border:0px; max-width: 100%;}
a{text-decoration:none;color:#333;　-webkit-transition:all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
a:hover{color:#463a8a;}
i{ font-style: normal; }
em{ font-style:normal;}
.clear{clear:both;}
.l{float:left;}
.r{float:right;}
.layui-layer-setwin .layui-layer-close2 {
    right: -6px!important;
    top: -6px!important;
}
p.wap_p{ display:none}
.wap{ display: none; }
.bak{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;  display: block; }
.bak:hover {-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.pic,.pic1{ overflow: hidden; margin: auto; position: relative;}
.pic span{ background-repeat: no-repeat; background-position: center; background-size: cover; display: block;}
.pic span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; transition: all 0.5s;}

.pic1 span{background-repeat: no-repeat; background-position: center; background-size:contain; display: block;}
.pic1 span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: contain; transition: all 0.5s;}


.w1420{width: 1420px; margin: auto; }
.w1440{width: 1440px; margin: auto;  }
.w1200{ width: 1200px; margin: auto;max-width:96% }
.content{ margin:20px auto; }
.middle{ margin: 40px auto; position: relative;  }


input[type="submit"], input[type="reset"], input[type="button"], button, select {-webkit-appearance: none;  }

body,html,li,a:active, body,html,li,a:hover, body,html,li,a:visited{
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
}

/* 动画缓存公共文件  最好放最下面 */
a,*:before,*:after,.navSub{-webkit-transition:all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

input:focus-visible{outline: none;}
input::-webkit-input-placeholder{color: #999;} /* WebKit browsers */
input:-moz-placeholder{color: #999;} /* Mozilla Firefox 4 to 18 */
input::-moz-placeholder{color: #999;} /* Mozilla Firefox 19+ */
input:-ms-input-placeholder {color: #999;} /* Internet Explorer 10+ */
select::-ms-expand {
    display: none;
}
a:active, a:hover, a:visited{
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
}


/* 移入放大 */
#grad:hover{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
/* 移入位移 */
#grad:hover{ -webkit-transform: translate(0, -10px);-moz-transform: translate(0, -10px);transform: translate(0, -10px);}
/* 从上到下渐变 */
#grad {
    background: -webkit-linear-gradient(red, blue); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(red, blue); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(red, blue); /* Firefox 3.6 - 15 */
    background: linear-gradient(red, blue); /* 标准的语法 */
  }  
/* 从左到右渐变 */
#grad {
    background: -webkit-linear-gradient(left, red , blue); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, red, blue); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, red, blue); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, red , blue); /* 标准的语法 */
  }




.top{ margin: auto; padding:20px 0; }
.logo{ float: left;  }
.nav_box{ background: #624995; }
.nav{ font-size: 16px;  display: grid; grid-template-columns: repeat(9, 1fr);  }
.nav li{ text-align: center; position: relative; z-index: 999;}
.nav li a{ display: block;  height: 60px; line-height: 60px; color: #fff; font-size: 18px;}
.nav li a:hover,.nav li.on a{  background: #9358d5;}
.nav li .sub-box1{ position:absolute;text-transform:none; top:60px; left: 0;  width:100%; overflow: hidden; height: 0px; display: block; z-index: 999; transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;  z-index: -1;opacity:0; filter:alpha(opacity=0); -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2); }

.nav li:hover .sub-box1{ display: block; display: none;  height: auto; z-index: 1;opacity:1; filter:alpha(opacity=1); }
.nav li .sub-box{ background:#7f5fa3; }
.nav li .sub-box a{ display: block; margin: auto; font-size: 15px;  padding:0px 10px; text-align: center; border-top: #004F88 1px dotted; line-height: 45px; height: 45px; color: #fff; }
.nav li .sub-box a:hover{ background: #624995; color: #fff; }


.tel{ display: flex; align-items: center; margin-left: 1rem; margin-top: 5px; font-weight: bold;}
.tel img{ margin-right: 10px; }
.tel dl dd{font-size: 24px; color: #463a8a; }

.sou_box{ width: 400px; border:#7a4f9a 1px solid; border-radius: 5px; height: 42px; line-height: 42px;  margin-top: 10px;  }
.sou_box form{display: flex; align-items: center;}
.sou_box a{ width: 120px; display: block; background: linear-gradient(to right, #7c509b, #373d8c); color: #fff; text-align: center; font-size: 16px;}
.sou_box a i { padding-right: 10px; }
.sou_box input{ display: block; width: calc(100% - 120px); height: 42px; line-height: 42px; background: none; border:none;  text-indent: 10px;}










.foot{ background: #0d072f; margin: auto;   color: #919191; }
.foot_nr{ padding:40px 0; border-bottom: #262044 1px solid; }
.foot a{ color: #919191; }

.foot_l{ width: 30%; }
.foot_nav{ width: 51.4%; display: grid; grid-template-columns: repeat(4, 1fr);  }
.foot_nav ul li.t{ margin-bottom: 15px; }
.foot_nav ul li.t a{ font-size: 16px; color: #fff; }

.foot_nav ul li.small{margin:10px auto; display: block;}
.foot_nav ul li.small a{ color: #fff;  opacity: .6; }
.foot_nav ul li.small a:hover{ opacity: 1; }
.foot_tel{  font-size: 16px;}
.foot_tel p{ font-size: 30px; color: #fff;  margin: 10px auto 0 auto; font-weight: bold;}
.foot_gzh{ width: 17.6%;  display: grid; grid-template-columns: repeat(2, 1fr); gap:20px;}
.foot_gzh li{ text-align: center;  }
.foot_gzh li p{ line-height: 2;}

#goTopBtn{ position:fixed; right: 0px; bottom: 125px; width: 38px; height: 38px; background:url(../images/go_top.png) center no-repeat; text-align: center;  border-radius: 100%; z-index: 99999; cursor: pointer;}

.bd{padding: 20px 0; text-align: center;}


.route{  margin:20px auto;  color: #999; }
.route a{color: #999; }