html {transition:all .3s;font-size:14px;word-break:break-all;max-width: 3840px;}
html::-webkit-scrollbar {width:0;height:10px;background-color:#f5f5f5}
html::-webkit-scrollbar-track {background-color:#f3f4f5}
html::-webkit-scrollbar-thumb {background-color:#165ae3}
.container_center {width:1400px;margin-left:auto;margin-right:auto;max-width:95vw}
.absolute .container_center {max-width:100vw}
.container {width:1680px;max-width:100vw;margin:0 auto;position:relative}
.com-title {color:#222;text-align:center}
.com-title .t1 {font-size:50px;line-height:50px;font-family:"Microsoft YaHei", '寰蒋闆呴粦',"榛戜綋"}
.com-title .t2 {font-size:36px;line-height:36px;margin-top:18px}
.com-more {width:161px;height:47px;line-height:47px;border-radius:3px;text-align:center;border:solid 1px #fff;color:#fff;display:inline-block}
.fixed {overflow:hidden}
.header {width:100%;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 50px;position:fixed;top:0;left:0;z-index:101;transition:all .3s;max-width: 3840px;}
.header .nav-left {height:100%;display:flex;align-items:center}
.header .nav-left .logo {height:43px;display:inline-block}
.header .nav-left .logo img {height:100%;min-width:80px;object-fit:contain}
.header .nav-left .logo .lg01 {display:none}
.header .nav-left .logo .lg02 {display:block}
.header .nav-left .nav {height:100%;display:flex;align-items:center;margin-left:70px}
.header .nav-left .nav > item:active { color:#165ae3!important }
.header .nav-left .nav > li {height:100%;position:relative;margin-right:3.5vw}
.header .item {cursor:default;white-space:nowrap;font-size:16px;color:#fff;line-height:100px;display:inline-block}
.header .in-login.item,.header .no-login.item { display: flex; }
.header .in-login.item.hide,.header .no-login.item.hide { display: none; }
.no-login .person {
display: inline-block;
vertical-align: middle;
height: 24px;
}
.header .nav-left .nav > li .item[href] {cursor:pointer}
.header .nav-left .nav > li:before {content:'';position:absolute;bottom:0;left:0;width:0;height:4px;border-radius:2px;background-color:#165ae3;transition:width .3s}
.header .nav-left .nav > li .nav_more {padding-left:40px;padding-bottom:30px;flex:auto;background-color:#f7f9fc;position:relative}
.header .nav-left .nav > li .nav_more:before {content:"";display:block;position:absolute;left:0;right:0;top:-40px;height:40px;background:#f7f9fc}
.header .nav-left .nav > li .nav_more a.link {display:block;box-shadow:0 0 24px 0 rgba(137,164,205,.15);border-radius:10px;width:330px;height:50px;line-height:50px;text-align:center;margin-bottom:16px;background-color:#fff;transition:all .3s}
.header .nav-left .nav > li .nav_more a.flex {display:flex;height:auto;line-height:2;padding:10px;text-align:left;align-items:initial}
.header .nav-left .nav > li .nav_more a.flex p:first-child {width:20%;text-align:center}
.header .nav-left .nav > li .nav_more a.flex p:last-child {width:75%}
.header .nav-left .nav > li .nav_more a.link:hover {background-color:#165ae3;color:#fff}
.header .nav-left .nav > li .nav-down {position:fixed;width:100%;top:100px;left:0;background-color:#fff;padding:0 0 0 245px;max-height:0;overflow:hidden;transition:all .6s;box-shadow:2px 2px 10px 0 rgba(0,0,0,.06)}
.header .nav-left .nav > li .nav-down .list {display:flex;padding:40px 0 0}
.contant .map{margin:100px 200px;width: auto;overflow: hidden; }
.contant .map .hr{border: 1px solid #e6e6e6; margin-top: 16px;}
.contant .map .hr:after {content:'';position:absolute;width:110px;height:4px;border-radius:2px;background-color:#165ae3;transition:width .3s}
.contant .map .nav-down .list > li .items > a {font-size:14px;line-height:32px;color:#666;display:block}
.contant .map .nav-down .list {display:flex;padding:40px 0 0; justify-content: space-between;}
.contant .map .nav-down .list li{ width:350px }
.contant .map .many { display:flex; justify-content:space-between;}
.contant .map .many .one{ width:25% }
.contant .map .many .one .nav-down .list{ padding: 10px 0 0 }
.header .nav-left .nav > li .nav-down .list > li {min-width:160px;margin-right:80px}
.header .nav-left .nav > li .nav-down .list > li .tt {font-weight:700;color:#165ae3;font-size:14px;line-height:14px;padding-bottom:20px;border-bottom:1px solid #e6e6e6;margin-bottom:15px}
.contant .map .nav-down .list > li .tt {font-weight:700;color:#165ae3;font-size:14px;line-height:14px;margin-bottom:15px}
.header .nav-left .nav > li .nav-down .list > li .t1 {font-size:14px;color:#333;font-weight:700}
.contant .map .nav-down .list > li .t1 {font-size:14px;color:#333;font-weight:700}
/*.header .nav-left .nav > li .nav-down .list > li .items {padding:6px 0 40px}*/
.contant .map .nav-down .list > li .items {padding:6px 0 40px}
.contant .map .nav-down .list > li .items-tip { font-size: 14px;color: #999999;padding-left: 28px; }
.contant .map .nav-down .list > li .items-tip span {position: relative;}
.contant .map .nav-down .list > li .items-tip span::before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 1px;
background-color: #999999;
left: -28px;
}
.contant .map .nav-down .list > li .items-tip span::after {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 1px;
background-color: #999999;
right: -28px;
}
.contant .map .nav-down .list > li .items > .items-link {
display: flex;
flex-direction: column;
justify-content: flex-start;
padding-left: 28px;
}
.contant .map .nav-down .list > li .items > .items-link a {
font-size: 14px;
line-height: 32px;
color: #666;
display: block;
}
.header .nav-down .list .items a:first-child .absolute{display:block;}
.header .nav-down .list .items .absolute{
left: 100%; max-width: 30vw; min-width: 400px; padding: 10px 15px;
min-height: 160px; background-color: white;box-shadow: 0 0 10px rgba(112,150,227,.5);
}
.header .nav-left .nav > li .nav-down .list > li .items > a {font-size:14px;line-height:32px;color:#666;display:block}
.header .nav-left .nav > li .nav-down .list > li .items > a:hover .absolute {display: block; z-index: 2;}
.header .nav-left .nav > li .nav-down .list > li .items-tip { font-size: 14px;color: #999999;padding-left: 28px; }
.header .nav-left .nav > li .nav-down .list > li .items-tip span {position: relative;}
.header .nav-left .nav > li .nav-down .list > li .items-tip span::before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 1px;
background-color: #999999;
left: -28px;
}
.header .nav-left .nav > li .nav-down .list > li .items-tip span::after {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 1px;
background-color: #999999;
right: -28px;
}
.header .nav-left .nav > li .nav-down .list > li .items > .items-link {
display: flex;
flex-direction: column;
justify-content: flex-start;
padding-left: 28px;
}
.header .nav-left .nav > li .nav-down .list > li .items > .items-link a {
font-size: 14px;
line-height: 32px;
color: #666;
display: block;
}
.header .nav-left .nav > li.hover .item {color:#165ae3}
.header .nav-left .nav > li.hover .nav-down {max-height:490px;transition:all .6s;overflow-y:auto}
.header .nav-left .nav > li:last-child {margin-right:0}
.header .nav-left .nav > li.active:before,.header .nav-left .nav > li:hover:before {width:100%}
.header .nav-right {height:100%;display:flex;align-items:center }
.header .nav-right > a {display:flex;align-items:center;padding:0 10px}
.header .nav-right .search {display:flex;align-items:center;height:100%;position:relative;padding:0 3px;cursor:pointer}
.header .nav-right .search .icon {display:inline-block;width:24px;height:24px;background-image:url(../img/sprite.png);background-position: 0 0; background-repeat:no-repeat;}
.header .nav-right .search .search-box {position:absolute;right:0;width:280px;height:42px;border:1px solid #e6e6e6;border-radius:21px;background-color:#fff;display:none;align-items:center}
.header .nav-right .search .search-box input {width:100%;height:100%;border:none;background-color:transparent;padding-left:18px}
.header .nav-right .search .search-box .close {flex-shrink:0;padding:0 10px;height:100%;line-height:42px;cursor:pointer}
.header .nav-right .search .search-box .close .c-icon {display:inline-block;width:18px;height:100%;background-size:100%;background-position:center center;background-repeat:no-repeat;background-image:url(../img/35.png);}
.header .nav-right .search .search-box .close+.close {padding-right:20px}
.header .nav-right .search .search-box .close+.close .c-icon {width:12px;height:12px;background-image:url(../img/17.png)}
/* .header .nav-right .person {height:100%} */
.header .nav-right .person .icon {
display:inline-block;width:24px;height:24px;background-image:url(../img/sprite.png);background-position: -24px 0; background-repeat:no-repeat;
margin:0 3px;
}
/* .header .nav-right .product {height:100%} */
.header .nav-right .product {
display: inline-block;
vertical-align: middle;
height: 24px;
}
.header .nav-right .product .icon {display:inline-block;width:24px;height:24px;background-image:url(../img/sprite.png);background-position: 0 -24px; background-repeat:no-repeat}
.header .nav-right .free-btn {width:100px;height:32px;line-height:32px;background-color:#165ae3;border-radius:4px;text-align:center;font-size:14px;color:#fff;display:inline-block;margin-left:20px}
.header .nav-right .free-btn .icon {width:10px;height:8px;display:inline-block;background-position:center;background-size:100%;background-repeat:no-repeat;background-image:url(../img/23.png);margin-left:10px}
.header .nav-right .tel {font-size:24px;color:#fff;margin-left:30px}
.header.BgFixed,.header.headerBg {background-color:rgba(255,255,255,.965) !important;transition:all .3s;box-shadow:2px 2px 10px 0 rgba(0,0,0,.06)}
.header.BgFixed .nav-left .logo .lg01,.header.headerBg .nav-left .logo .lg01 {display:block}
.header.BgFixed .nav-left .logo .lg02,.header.headerBg .nav-left .logo .lg02 {display:none}
.header.BgFixed .item,.header.headerBg .item {color:#333}
.contant .map .item {font-weight:700;color:#165ae3;font-size:18px;line-height:18px;padding-top:30px;}
.header.BgFixed .nav-left .nav > li.active .item,.header.BgFixed .nav-left .nav > li:hover .item,.header.headerBg .nav-left .nav > li.active .item,.header.headerBg .nav-left .nav > li:hover .item {color:#165ae3!important}
.header.BgFixed .nav-right .search .icon,.header.headerBg .nav-right .search .icon {background-image:url(../img/sprite.png);background-position: -48px 0;}
.header.BgFixed .nav-right .person .icon,.header.headerBg .nav-right .person .icon {background-image:url(../img/sprite.png);background-position: -24px -24px;}
.header.BgFixed .nav-right .product .icon,.header.headerBg .nav-right .product .icon {background-image:url(../img/sprite.png);background-position: -48px -24px;}
.header.BgFixed .nav-right .tel,.header.headerBg .nav-right .tel {color:#165ae3}
.header .nav-left .nav > li .nav-down .list > li .items > a:hover {color:#165ae3}
.header .nav-left .nav > li .nav-down .list > li .items > .items-tip:hover {color:#999999}
.header .nav-left .nav > li .nav-down .list > li .items > .items-link a:hover {color:#165ae3}
.header .item.active{ color:#165ae3 }
.header_mobile {display:none}
.header_mobile {z-index:102;height:50px}
.header_mobile dl {display:none}
.header_mobile.open {bottom:0;height:100%;box-shadow:inset 30vw 0 0 #f0f0f0;z-index: 999;}
.header_mobile.open dl {display:block}
.header_mobile.open > h3 .iconfont.absolute.open {display:none}
.header_mobile.open > h3 .iconfont.absolute.close {display:block}
.header_mobile > h3 {background-color:#fff;height:50px;border-bottom:solid 1px #e6e6e6;justify-content:center}
.header_mobile > h3 .iconfont.absolute {line-height:50px;width:50px;text-align:center;color:#999}
.header_mobile > h3 .iconfont.absolute.close {background-color:#f0f0f0;display:none}
.header_mobile > h3 img {height:30px}
.header_mobile dt {width:30%;min-width:30%;padding:20px 0}
.header_mobile dt .on {color:#165ae3}
.header_mobile dt hr {height:2px;background:rgba(55,55,55,.1)}
.header_mobile dt ul {text-align:center;line-height:2.4;margin-bottom:10px}
.header_mobile dt .btn {width:80%;color:#165ae3;background-color:transparent!important;border:solid 1px #ccc;margin:20px auto;border-radius:50px}
.header_mobile dd {left:30%;top:50px;overflow-y:auto;padding:20px 0}
.header_mobile dd ul {display:none}
.header_mobile dd li {border-bottom:solid 10px #f0f0f0;line-height:2.6;text-indent:20px;padding:10px 0 5px;color:#999}
.header_mobile dd li p {color:#555;display:inline-block}
.header_mobile dd li.close {color:#222;position:relative}
.header_mobile dd li.close>a,.header_mobile dd li.close>p {display:none}
.header_mobile dd li .iconfont.rotate90{opacity: 0;user-select: none; z-index: -1;}
.header_mobile dd li.close .iconfont.rotate90{display:block !important; opacity: 1; bottom:10px;right:5%;z-index:2 }
.header_mobile dd ul.on {display:block}
.header_mobile dd li>a {display:block;border:solid 1px #dbdbdb;padding:0 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60vw;margin:10px auto;text-indent:0;color:#222;line-height:2.6}
@media screen and (max-width: 1735px) {
.header .nav-left .nav > li {
margin-right: 2vw;
}
}
@media screen and (max-width:1000px) {
.header.pc {display:none !important}
.header_mobile {display:block}
.footer .foot-top {display:none}
.contant .map .many .one {
width: 100%;
}
}
.footer {max-width:100vw;overflow:hidden}
.footer .foot-top {background-color:#2e2e2e}
.footer .foot-top .container_center {display:flex;text-align:left}
.footer .foot-top .bor-bot {border-bottom:1px solid #3e3e3e}
.footer .foot-top .navs {flex:1;padding:50px 7% 50px 0;border-right:1px solid #3e3e3e}
.footer .foot-top .navs > ul {display:flex;justify-content:space-between}
.footer .foot-top .navs > ul li .tt {color:#fff;font-size:16px}
.footer .foot-top .navs > ul li .items {margin-top:40px}
.footer .foot-top .navs > ul li .items .item {font-size:14px;line-height:28px;color:#999;display:block}
.footer .foot-top .navs > ul li .items .item:hover {color:#218ad4}
.footer .foot-top .onlines {padding:50px 0 50px 7%;width:425px;flex-shrink:0}
.footer .foot-top .onlines .tt {font-size:16px;color:#fff}
.footer .foot-top .onlines .code-box {display:flex;justify-content:space-between;margin:30px 0}
.footer .foot-top .onlines .code-box img {width:96px}
.footer .foot-top .onlines .code-box .outer{ display: table;width: 96px; }
.footer .foot-top .onlines .code-box .outer .inner{ display: table-cell;text-align: center;color: #fff;width: 96px; }
.footer .foot-top .onlines .lines {font-size:16px;line-height:24px;color:#999}
.footer .foot-top .onlines .lines span {color:#218ad4}
.footer .foot-top .link {display:flex;align-items:center;padding:30px 0}
.footer .foot-top .link .label {flex-shrink:0;color:#fff;margin-right:20px}
.footer .foot-top .link .item {color:#999;font-size:14px}
.footer .foot-top .link .line {width:1px;height:14px;display:inline-block;margin:0 14px;background-color:#999}
.footer .foot-bottom {height:60px;background-color:#2a2a2a}
.footer .foot-bottom .container_center {height:100%;display:flex;align-items:center;justify-content:space-between;color:#777}
.footer .foot-bottom .container_center a {color:#777}
.footer .foot-bottom .container_center .right img {margin-right:14px}
@media screen and (max-width:1000px) {
.footer .foot-bottom {height:auto;padding:5px;font-size:12px;background-color:rgba(120,120,120,.1)}
.footer .foot-bottom .container_center {text-align:center;color:#ccc;display:block}
.footer .foot-bottom .container_center a {color:#ccc}
.footer .foot-bottom .container_center div {display:inline}
.footer .foot-bottom .container_center .right {display:none}
}
.nav-next,.nav-prev {width:40px;height:40px;background-position:center;background-size:100%;background-repeat:no-repeat;position:absolute;z-index:100;cursor:pointer;top:calc(50% - 20px);outline:0;opacity: 0.3;}
div:hover>.nav-next,div:hover>.nav-prev{ opacity: 1; }
.nav-prev {background-image:url(../img/left_arr.png);left:2.6%} .nav-prev:hover{ background-image:url(../img/left_arr_01.png); }
.nav-next {background-image:url(../img/right_arr.png);right:2.6%} .nav-next:hover{background-image:url(../img/right_arr_01.png);}
.right-slide {width:60px;position:fixed;right:0;bottom:5%;z-index:101}
.right-slide .item:last-child {display:none}
.right-slide .item{ width: 48px;height:48px; flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:12px;background-color:#306fea;margin-bottom:1px;cursor:pointer;position:relative;display: flex;margin-bottom: 5px; }
.right-slide .item > img {width:24px;margin-bottom:5px}
.right-slide .item .tel-box {width:200px;height:100%;background-color:#fff;box-shadow:0 0 13px 0 rgba(110,114,122,.25);border-radius:6px 0 0 6px;overflow:hidden;position:absolute;top:0;right:-300px;transition:all .3s;z-index:10;display:flex;align-items:center}
.right-slide .item .tel-box .icon {width:34px;height:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:#306fea}
.right-slide .item .tel-box .icon img {width:20px}
.right-slide .item .tel-box .inner {padding:4px 10px 0 14px}
.right-slide .item .tel-box .inner .t1 {font-size:12px;color:#999}
.right-slide .item .tel-box .inner .t2 {font-size:16px;margin-top:4px;color:#306fea}
.right-slide .item:hover .tel-box {right:0;transition:all .3s}
.right-slide.more .item {display:flex;margin-bottom: 5px;}
@media screen and (max-width:1560px) {
.header .nav-left .nav{ margin-left: 38px; }
.header .nav-right .tel{ font-size: 15px; }
.header .nav-left .nav > li { margin-right:25px; }
.header{padding:0 2vw }
}
@media screen and (max-width: 1425px) {
.header .nav-left .nav > li {
margin-right: 5px;
}
}
@media screen and (max-width:1000px) {
.right-slide .item{ display: none; }
.right-slide .item:last-child {display:flex}
}
.max100{max-width:100px}.max150{max-width:150px}.max200{max-width:200px}.max250{max-width:250px}.max300{max-width:300px}.max350{max-width:350px}.max400{max-width:400px}.max450{max-width:450px}.max500{max-width:500px}.max550{max-width:550px}.max600{max-width:600px}.max650{max-width:650px}.max700{max-width:700px}.max750{max-width:750px}.max800{max-width:800px}.max850{max-width:850px}.max900{max-width:900px}.max950{max-width:950px}.max1000{max-width:1000px}.max1200{max-width:1200px}
.pointer {cursor:pointer}
@media screen and (max-width: 1580px) {
.header .nav-left .nav > li .nav_more {
padding-left: 20px;
box-sizing: border-box;
}
.header .nav-left .nav > li .nav-down {
padding: 0 0 0 195px;
}
.header .nav-left .nav > li .nav_more a.link {
width: 220px;
}
}
@media screen and (max-width:1200px){
.header .nav-left .nav > li .nav_more{ display: none; }
}
@media screen and (max-width:1400px) and (min-width:1000px){
/* 绗旇鏈昂瀵 */
/* .nav-prev{left:-40px; }
.nav-next{right:-40px } */
.container_center{ width:1186px }
.header .nav-left .nav > li .nav-down .list > li{ margin-right: 26px; }
}
.fixedHide{ display: none !important;opacity: 0 !important;height: 0 !important;width: 0 !important;overflow: hidden; }