@charset "UTF-8";

@font-face{font-family:hs_l;src:url(https://114my.cn.114.114my.net/hxp/fonts/HarmonyOS_Sans_SC_Light.ttf.txt)}
@font-face{font-family:hs_r;src:url(https://114my.cn.114.114my.net/hxp/fonts/HarmonyOS_Sans_SC_Regular.ttf)}
@font-face{font-family:hs_m;src:url(https://114my.cn.114.114my.net/hxp/fonts/HarmonyOS_Sans_SC_Medium.ttf.txt)}
@font-face{font-family:hs_b;src:url(https://114my.cn.114.114my.net/hxp/fonts/HarmonyOS_Sans_SC_Bold.ttf.txt)}
.hs_l{font-family:hs_l}
.hs_r{font-family:hs_r}
.hs_m{font-family:hs_m}
.hs_b{font-family:hs_b}
@font-face{font-family:din_b;src:url(https://114my.cn.114.114my.net/hxp/fonts/DIN-Bold.otf)}
@font-face {
	font-family:"DIN-BOLD";src:url("https://114my.cn.114.114my.net/hxp/fonts/DIN-BOLD.woff2.txt") format("woff2"),url("https://114my.cn.114.114my.net/hxp/fonts/DIN-BOLD.woff.txt") format("woff"),url("https://114my.cn.114.114my.net/hxp/fonts/DIN-BOLD.ttf.txt") format("truetype"),url("https://114my.cn.114.114my.net/hxp/fonts/DIN-BOLD.eot.txt") format("embedded-opentype"),url("https://114my.cn.114.114my.net/hxp/fonts/DIN-BOLD.svg.txt") format("svg")}

@font-face {
	font-family:'Montserrat-Bold';
	src: url('https://114my.cn.114.114my.net/hxp/fonts/Montserrat-Bold.eot.txt');
	src: url('https://114my.cn.114.114my.net/hxp/fonts/Montserrat-Bold.woff.txt') format('woff'), url('https://114my.cn.114.114my.net/hxp/fonts/Montserrat-Bold.ttf.txt') format('truetype');	font-weight: normal; font-style: normal;}

@font-face {
font-family: "classic";
src: url("https://114my.cn.114.114my.net/hxp/fonts/classic.woff.txt") format("woff2"),
       url("https://114my.cn.114.114my.net/hxp/fonts/classic.woff.txt") format("woff"),
       url("https://114my.cn.114.114my.net/hxp/fonts/classic.txt") format("truetype"),
       url("https://114my.cn.114.114my.net/hxp/fonts/classic.eot.txt") format("embedded-opentype"),
       url("https://114my.cn.114.114my.net/hxp/fonts/classic.svg.txt") format("svg");}

*{ margin:0; padding:0; font-family: hs_r; box-sizing: border-box;list-style: none}
body{font-size: 15px; font-family: hs_r; overflow-x: hidden; }
em, i{font-style: inherit; font-weight: inherit;}
ul{list-style: none;}
img{border: none; vertical-align: middle;}
a{text-decoration: none; color: #333;}
tr, td{padding: 0 !important;}
input, textarea{outline: none; border: none;}
*{margin: 0; padding: 0; box-sizing: border-box;}
em, i{font-style: inherit; font-weight: inherit;}
ul{list-style: none;}
img{border: none; vertical-align: middle;}
a{text-decoration: none; color: #333;}
tr, td{padding: 0 !important;}
input, textarea{outline: none; border: none;}
.fl{ float:left;}
.fr{ float:right;}
.clear{height:0; overflow:hidden; clear:both;}
.cl{height:0; overflow:hidden; clear:both;}
.container{ width:1400px; margin:auto;}

.entitle-1{font-size: 50px;font-family: 'Montserrat-Bold';}
.title-2{font-size: 30px;font-family: hs_m;}

.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;max-width: 100%;max-height:100%;}
.img-block {display: block;width: 100%;height: auto;}
.img-inline {display: inline-block;width: auto;height: auto;max-width: 100%;}
.img-alt {opacity: 0;}

.w1560{width: 100%;max-width: 1560px;margin: 0 auto}
@media (max-width:1680px){.w1560{max-width: 100%;padding: 0 60px}}


.header:hover{ background: #fff; box-shadow: 0 0 30px 0px rgba(0,0,0,0.1);}
.header:hover a{color:#333;}
.header{position: fixed;top: 0;left: 0;width: 100%;height: 100px;z-index: 5000;background: transparent;transition: ease .5s; border-bottom:1px solid rgba(255,255,255,0.1);}
.header.on{box-shadow: 0 0 13px rgba(0,0,0,.1);}
.ny-header{background: #fff;}
.header-con{}
.header.on .header-con{border: none;}
.header:hover .logo{filter: grayscale(0%) brightness(100%);}
.header .logo{filter: contrast(0) brightness(2);display: block;float: left;position: relative;z-index: 1200;margin: 22px 0 31px 2%;}
.header .logo span{float:right; font-size:25px; margin-left:13px; font-family: "classic"; /*font-style:oblique; */letter-spacing:4px; margin-top:7px; color:#000;}
.header .logo span i{font-size:12px; letter-spacing:3px; display:block; margin-top:1px; color:#333; text-transform: uppercase;}
.header .logo img{}
/*

.header .logo img.logoon{display: none;}
.header.on .logo img, .ny-header .logo img{display: none;}
.header.on .logo img.logoon, .ny-header .logo img.logoon{display: block;}*/
.header-right{float: right;margin:0 2% 0 0;}
.header-top{background: url()no-repeat center;transition: ease .5s;padding: 25px 0;}
.ny-top{background: #fff;}
.ny-top .header-language a:hover{color: #F0BB44;}
.header-slogan{float: left;font-size: 22px;line-height: 40px;color: #341d17;}
.header-phone{float: right;font-size: 22px;line-height: 40px;color: #fff;margin-top:30px;position: relative;padding-left:30px;}
.header-phone h4{ font-family: "DIN-BOLD"; font-size: 22px; letter-spacing:0.5px;}
.header-phone::before{position: absolute;content: "";width: 25px;height: 25px;background: url(http://login.114my.cn/memberpic/gdckdz/uploadfile/image/20240828/20240828133243_1531341735.png)no-repeat center;background-size: 100% 100%;top: 50%;transform: translateY(-50%);left: 0;}
.header-phone span{display: inline-block;font-family: "ITCAvantGardeStd-BkCn";font-size: 22px;line-height: 30px;color: #341d17;}
.header.on .header-search{ height:86px;}

.header-search{float:right;position: relative;  height:100px; text-align:center; margin-right:20px; }

.leg{    float: right;color:#fff;margin-right:25px;}
.leg a{font-size:16px;color:#fff;line-height:100px;display:inline-block;}


.header.on .leg a{color:#222;    height: 88px; line-height: 88px;margin-right:0;}
.bt-search{position: relative;border: none;background: none;float: left;text-align: center;cursor: pointer;transition: .5s;z-index: 10;}
/* .bt-search:hover{background: #fff;} */
.bt-search .sub-bot{display: inline-block;width:47px;height:25px; margin-top:38px; background: transparent;border: none;z-index: 3;cursor: pointer;background: url(http://login.114my.cn/memberpic/gdckdz/uploadfile/image/20240828/20240828133244_1942147039.png) no-repeat center transparent;padding-right: 0px; background-size: 100% 100%;}

.header:hover .header-phone::before{background-image: url(http://login.114my.cn/memberpic/gdckdz/uploadfile/image/20240828/20240828133354_1688961819.png);}
.header:hover .header-phone{color: #ee7b1d;}
.header.on .sub-bot, .ny-header .sub-bot{background-image: url(http://login.114my.cn/memberpic/gdckdz/uploadfile/image/20240828/20240828133244_1942147039.png); margin-top:33px;}
.searchop .search-all{z-index: 10;opacity: 1;visibility: visible;}
.search-all{position: absolute;right:100px;top: 0;width:260px;height: auto;z-index: -1;opacity: 0;visibility: hidden;transition: all .2s;}
.search-all .search-box{position: relative;height: 36px;margin-top:34px;background: #fff;}
.searchop .search-all .search-box{animation: searchform-fade 400ms both;}
.searchop .search-all form{animation: searchform-slide 1s both;box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.search-all .search-box .search-txt{color: #333;line-height:36px;width: 44px;text-align: center;cursor: pointer;transition: all .3s ease-out;}
.search-all .search-box .search-txt i{font-size: 20px !important;}
.search-all .search-box .search-txt.left{float: left;}
.search-all .search-box .search-inp{margin-left: 44px;transition: all .3s ease-out 0s;margin-right: 44px;}
.search-all .search-box .search-inp input{font-size: 14px;line-height: 36px;color: #333;width: 100%;border-radius: 5px;}
.searchop .search-close{opacity: 1;transition: all .2s ease-out 0s;}
.search-all .search-box .search-close{width: 44px;height: 36px;font-size: 16px;color: #333;line-height: 36px;text-align: center;cursor: pointer;position: absolute;top: 0;right: 0;opacity: 1;}
.searchop .search-close:hover{}
.searchshow .top2-bu a{-webkit-animation: item-searchshow .4s both;animation: item-searchshow .4s both;}
.language{float: left;position: relative;padding-right: 18px;margin-right: 18px;font-size: 16px;line-height: 24px;}
.language::before{position: absolute;content: "";width: 1px;height: 17px;background: rgba(255,255,255,.6);right: 0;top: 50%;transform: translateY(-50%);}
.language a{display: block;width: 22px;height: 21px;background: url()no-repeat center;background-size: 100% 100%;transition: ease .5s;}
.language a:hover, .header.on .language a:hover, .ny-header .language a:hover{background-image: url();}
.header.on .language a, .ny-header .language a{background-image: url();}
.header.on .language::before, .ny-header .language::before{background: #414141;}
.header.on .header-phone, .ny-header .header-phone{color: #ee7b1d; margin-top:23px;}
.header.on .header-phone::before, .ny-header .header-phone::before{background-image: url(http://login.114my.cn/memberpic/gdckdz/uploadfile/image/20240827/20240827172034_1468346142.png);}
.header-navbar{}
.navbar{float: left;transition: ease .5s;margin-left:11.1%;}
.navitem{float: left;padding: 0 26px;}
.navitem > a{display: inline-block;font-size:18px;color: rgba(255,255,255,1);line-height: 30px;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;background: transparent;padding: 35px 0;position: relative;}

.dropdown-menu{display:none; width:100%; left:0;top: 100%; position:absolute; background:#fff;border-top:1px solid #cfdae3; height:120px; text-align: center;}
.dropdown-menu ul{display:flex;justify-content:center;width:100%;}
.dropdown-menu ul li{margin:0 70px;}
.dropdown-menu ul li dl{display:none;}
.dropdown-menu ul li img{display:block;margin:0 auto;height:38px;}
.dropdown-menu ul li p{margin-top: 12px;line-height:20px;}
.dropdown-menu ul li a{display: block;color: #333333;font-size:16px}
.navitem.single{/*position: relative;*/}
.navitem:hover .dropdown-menu{display: flex;align-items: center;    justify-content: center;}
.dropdown-pad{text-align: center;background: #fff;padding: 8px 20px;}
.dropdown-menu a{display: block;font-size: 16px;line-height: 30px;padding: 15px 0;color: #333;transition: ease .5s;border-top: 1px dashed #e5e5e5;}
.dropdown-menu a:hover{color: #ee7b1d; font-weight:bold; font-family: "Microsoft YaHei";}
.dropdown-menu a:first-child{border-top: none;} @media (max-width:640px){.intw-txt, .pro-ul li .intw-txt, .pro-ul li:hover .intw-txt{padding: 30px 0;}
.abtbanner-font h4, .abtbanner-font h3, .abtbanner-font p{color: #222;}
.intw-slide:hover .intw-txt{transform: none;}
.intw-slide:hover .intw-txt::before{display: none;}
.intw-slide:hover .intw-txt h3{color: #333;}
.intw-slide:hover .intw-txt p{color: #666;}
.intw-slide:hover .intw-txt span{background-color: #ee7b1d;height: 2px;width: 29px;}
.intw-txt p, .intw-slide:hover .intw-txt p{-webkit-line-clamp: 2;}}
/* .navitem.active>a{font-weight: bold;color: #fff;} */
.navitem:hover > a, .ny-header .navitem:hover > a{color: #ee7b1d;}
.navitem > a::before{position: absolute;content: "";width: 0px;height: 3px;background: #ee7b1d;left: 50%;bottom: 0%;transform: translateX(-50%);transition: ease .5s;}
.header.on .navitem:hover > a::before, .header.on .navitem.active > a::before, .ny-header .navitem.active > a::before{width: 100%;}
.header.on{background-color: #fff;border-color: transparent;height:86px;}
.header.on .navitem > a{padding:28px 0;}
.header.on .logo img{/*width: 224px;height: 35px;*/ margin-top:1.5px;}
.header.on .logo span{ margin-top:0.5px;}
.header.on .logo{filter: grayscale(0%) brightness(100%); color:#333;margin:10px 0 10px 2%;}
.header.on .logo p, .header.on .navitem > a, .ny-header .navitem > a, .header.on .language-text, .ny-header .language-text{color: #333;}
.header.on .navitem.active > a, .ny-header .navitem.active > a{color: #ee7b1d;font-weight: bold;}
.header .navitem:hover > a::before,.header.on .navitem:hover > a::before, .header.on .navitem.active > a::before, .ny-header .navitem.active > a::before{width: 100%;}
.header.on .navitem > a:hover{color: #ee7b1d;}
.header.on .language-text:hover, .ny-header .language-text:hover{color: #ee7b1d;}
#ino-p1{display: none;}
#ino-p span{opacity: 0;}
@media(max-width:1500px){.header-phone{ margin-left:20px;} 
.navbar{margin-left: 2%;}
/*.header .logo img{ width: 100px;}*/
.header .logo span{    margin-left: 7px}
}
@media(max-width:1819px){
.navitem{padding: 0 12px;}
.language{padding-right: 12px;margin-right: 12px;}
.header-phone{font-size: 22px;}
.navbar{margin-right: -22px;}} @media(max-width:1559px){.intw-swiper{padding: 0 60px;}
.intw-swiper .swiper-button-next{right: 0;}
.intw-swiper .swiper-button-prev{left: 0;}} @media(max-width:1459px){.index-tit em{font-size: 40px;}
.ino-more{margin-top: 50px;}
.ind3-txt h3{font-size: 24px;}
.navitem > a{font-size: 16px;}
.header-phone::before{width: 20px;height: 20px;}
.bt-search .sub-bot{width:38px;height: 20px; margin-top:40px;}
.header-phone{font-size: 20px;padding-left: 30px;}
.navitem > a, .header.on .navitem > a{padding:28px 6px;}
.navbar{margin-right: -18px;margin-left:3%;}
.header .logo{margin: 20px 0 0 2%;}
.header.on .logo{margin: 20px 0 0 2%;}
.ny-header .logo{margin: 38px 0;}
/*.header-search{margin-right: 10px;}*/
.intw-slide:hover .intw-txt p{-webkit-line-clamp: 3;}
.intw-txt{height: 182px;}
.intw-slide:hover .intw-txt h3, .intw-txt h3{font-size: 22px;}
.in5-li{padding: 10px 0 15px;}
.bottom1-ewm{width: auto;}
.index-two::before{height: 332px;}} @media(max-width:1259px){body{padding-top: 60px !important;}
.foot-app, .header-app{display: block;}
.index-tit em{font-size: 34px;line-height: 46px;}
.in5-ri{padding: 15px 22px;}
.in5-li{padding: 10px 0 13px;}
.intw-slide:hover .intw-txt h3, .intw-txt h3{font-size: 21px;}
.ino-font1 h3{font-size: 21px;}
.ino-font1.on h3{font-size: 26px;}
.int-ul{padding: 60px;}
.ino-con{height: 450px;}
.in5-img{height: 225px;}
.in5-img img{height: 100%;}
.in5-txt{padding: 31px 22px 24px;}
.frd-link{margin-top: 25px;padding-bottom: 20px;}}
.i_search_r{float: right; width: 262px;}
.i_search_r form { display: block; width: 260px;line-height: 38px; height:38px; margin: 0; position: relative; }
.i_search_r form #search-i{ background:url(http://login.114my.cn/memberpic/gdckdz/uploadfile/image/20240828/20240828133244_1472988023.png) no-repeat center; width:25px; height:36px; border-radius: 50%; position: absolute; right: 2px; top:0px; overflow: hidden; display: block; transition:0.3s all ease-in-out; }
.i_search_r form #search-i input{ display: block; width: 100%; height: 100%; cursor: pointer; background: none; border: 0 none; }
.i_search_r form #search-bg input { line-height: 38px; background: none; border: 0 none; width: 210px; color: #aaa; outline: none;}


.gy{width:86%; margin:auto;  }
.index-product .t{background:url()no-repeat center top;}

.t{text-align: center;}
.t h3{font-size:40px;color:#333;line-height: 64px;font-weight: bold;  position: relative; z-index: 5; font-family: "Microsoft YaHei";    display: inline-block;}
.t h3 b{font-weight: normal;}
.t h3:after {content:'';width:50px;height:4px; background-color: rgba(0,54,134,.5); position: absolute;bottom:10px;left:0%;z-index: -1;animation:myfirst 3s linear infinite;}
.t span{color: #5d5d5d; font-weight: 100; font-size: 18px; line-height:36px;display:block;}


/**/
.cop_bc{width: 100%;background:#282f36;position: relative; overflow:hidden;}
.cop_bc:after{position: absolute;content: "";width: 500px;height: 15px;background: #ee7b1d;top: -15px;right: 0;z-index: -1;}
.cop_c{ align-items: center;justify-content: center;}
.cop_lc{width:50%;/*border-right:1px solid #333a40;*/padding-top:70px; float:left;}
.copp{display: flex;justify-content: space-between;}
.copp ul:last-child{margin-right: 10%;}
.copp ul li a{font-size:15px;color:#adb2b7;padding-bottom: 11px;display: block;text-align: left;}
.copp ul li:first-child a{font-size:18px;color: #fff;padding-bottom:21px;}
.yq_c{margin-top: 52px;display: flex;align-items: center;}
.yq_c>p{font-size: 14px;color: #fff;}
.cop_rc{padding:70px 0 50px 0;display: flex;justify-content: space-between;position: relative; float:right; width:33%; color:#fff; }
.dy_c>div{padding-top: 14px;text-align: center;}
.dy_c>div p{font-size: 14px;color:#adb2b7;}
.dy_c>div p:last-child{padding-top: 10px;}
.lx_c>p{font-size:18px;color:#fff;}
.lx_c>div{font-size: 16px;color:#adb2b7;line-height: 36px;margin:30px 0 42px;}
.bq_ewm{display: flex;}
.bq_ewm li{position: relative;}
.bq_ewm li span{width: 36px;height: 36px; padding-top:7px; border-radius: 100%;text-align: center;line-height: 34px;font-size: 14px;color:#adb2b7;display: block;transition:all .5s;}
.bq_ewm li span img{  filter: contrast(0) brightness(2); opacity: 8;}
.bq_ewm li+li{margin-left: 12px;}
.foot_bc{border-top:1px solid #333a40;background:#282f36;}
.foot_c{display: flex;justify-content: space-between;height: 73px;align-items: center;}
.foot_c a,.foot_c div{font-size: 14px;color:#adb2b7;}
.ewm_cc{display: none;position: absolute;top: -155px;left:calc(50% - 75px);}
.ewm_cc img{width: 150px!important; max-width: none !important; max-height: none !important;}
@media screen and (max-width: 1500px){.cop_lc{width: 58%}
.cop_rc{padding-left: 0px; width:42%;}}
@media screen and (max-width: 1340px){.cop_rc{padding-left: 0px;}
.copp ul:last-child{margin-right: 8%;}}
@media (max-width:1400px){
	.gy{ width:1200px;}
}
.bq_ewm li:hover span{background: #ee7b1d; color: #fff;}
/*äºçº§*/.ej_menu{position: absolute;top: 78px;left: -26px;width: 124px;z-index: 2;background: #fff;transition: all .5s;transform: translateY(50px);opacity: 0;}
.ej_menu a{display: block;text-align: center;width: 100%;font-size: 18px;height: 40px;line-height: 40px;border-top: 1px solid #999;transition: all .5s;}
.ej_menu a:hover{background: #ee7b1d;color: #fff;}
.ej_menu:hover{}
.nav_c ul li:hover .ej_menu{transform: translateY(0px);opacity: 1;}


/*��*/
.kf.on{right:15px}
.kf .kf_div{box-shadow:0 0 18px rgba(0,0,0,.1);margin-bottom:8px}
.kf .kf_div:last-child{margin-bottom:0}
.kf .item{width:50px;height:50px;background:#fff;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;position:relative}
.kf .item:first-child{border-top-left-radius:6px}
.kf .item:last-child{border-bottom-left-radius:6px}
.kf { position: fixed; right: -100px; bottom: 10%; width: 50px; z-index: 9; -webkit-transition: all .5s; -o-transition: all .5s;   transition: all .5s;}
   
.kf .item .box{ font-family: "DIN-BOLD"; position:absolute;left:90px;top:50%;transform:translateY(-50%);z-index:-1;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;width:298px;height:50px;background:#fff;box-shadow:0 0 18px rgba(0,0,0,.1);border-radius:25px;margin-right:8px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;font-size:29px; color:#364d9e;}
.kf .item .box:before{width:10px;height:100%;position:absolute;right:-9px;top:0;content:''}
.kf .item .box i{width:32px;height:32px;display:block;border-radius:50%;margin:0 18px 0 17px;background:url(http://114my.cn.114.114my.net/hxp/kf5.png) no-repeat center #ee7b1d;}
.kf .item .box2{width:154px;position:absolute;left:90px;top:50%;transform:translateY(-50%);z-index:-1;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#fff;box-shadow:0 0 18px rgba(0,0,0,.1);padding:15px 0 20px;border-radius:6px}
.kf .item .box2:before{width:10px;height:100%;position:absolute;right:-9px;top:0;content:''}
.kf .item .box2 h3{width:100%;text-align:center;font-size:24px;color:#ee7b1d;font-weight:700}
.kf .item .box2 img{width:133px;height:133px;margin:5px 0}
.kf .item .box2 div{font-size:16px;line-height:22px;color:#666;text-align:center}
.kf .item:hover{background:#ee7b1d;}
.kf .item:hover .box{left:-306px}
.kf .item:hover .box2{left:-164px}
.kf .item:hover a img{display:none}
.kf .item:hover a img.on{display:block}
.kf .item a{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;position:relative;z-index:1}
.kf .item a img{-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;max-width:50%}
.kf .item a img.on{display:none;max-width:50%}
@media (max-width:768px){.kf{top:auto;bottom:10px;left:50%;margin-left:-80px;transform:translateY(0);display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row;flex-direction:row}
.kf .kf_div{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row;flex-direction:row;height:40px}
.kf .item{width:40px;height:40px;border-radius:0!important}
.kf .item a img{max-width:50%}
.kf .item:hover .box{left:-50px;opacity:1;top:-30px}
.kf .item:hover .box2{left:-40px;opacity:1;top:-70px}
.kf .item .box{left:-50px;top:-20px;opacity:0;width:140px;font-size:14px;height:40px;border-radius:20px;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}

.kf .item .box:before,.kf .item .box i{display:none}
.kf .item .box2{left:-40px;top:-50px;opacity:0;width:120px;height:120px;padding:5px}
.kf .item .box2:before,.kf .item .box2 h3,.kf .item .box2 div{display:none}
    .kf .item .box2 img{width:110px;height:110px}}
@media (max-width:1400px){
.gnb .gnb_list{ width:716px;}
.gnb .gnb_list > li{ margin-left: 38px;}
.saj-footer .saj-content{ width:1200px;}
.page{ width:1200px;}
.saj-footer .top .right ul{padding-left:8%;}
}


.top10 {padding-top: 10px;}
.top20 {padding-top: 20px;}
.top30 {padding-top: 30px;}
.top40 {padding-top: 40px;}
.top50 {padding-top: 50px;}
.top60 {padding-top: 60px;}
.top70 {padding-top: 70px;}
.top80 {padding-top: 80px;}
.top90 {padding-top: 90px;}
.top100 {padding-top: 100px;}
.top140 {padding-top: 140px;}