/*通用样式--fosenGQ*/
@charset "utf-8";
@font-face {
  font-family: 'icon';  /* Project id 4833532 */
  src: url('//at.alicdn.com/t/c/font_4833532_finw6ljs40g.woff2?t=1772616615512') format('woff2'),
       url('//at.alicdn.com/t/c/font_4833532_finw6ljs40g.woff?t=1772616615512') format('woff'),
       url('//at.alicdn.com/t/c/font_4833532_finw6ljs40g.ttf?t=1772616615512') format('truetype');
}
.icon{font-family:icon!important;font-size:16px;display:inline-block;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;
-moz-osx-font-smoothing:grayscale}

body {
    font: 14px "微软雅黑", "Microsoft Yahei", 'Arial', 'san-serif';
    color: #666;
    margin: 0 !important;
    padding: 0 !important;
}
html{overflow-y:scroll;overflow:auto;/*scrollbar-width:thin;scrollbar-color: #c1c1c1 #e1e1e1;*/}
*{margin:0;padding:0;box-sizing: border-box;}
a,img{border:0;}
img{max-width:100%;height:auto;-ms-interpolation-mode:bicubic;vertical-align:middle;}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}
input{margin:0;padding:0;border:0;}
a:focus, a:active, button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
border: 0;
outline : 0;
}
input[type=radio],input[type=checkbox]{margin-right:5px}
ul,p{padding:0;margin:0;}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:100;}
ul,ol,li{padding:0;margin:0;list-style:none;}
a{color:#666}
a,a:hover{text-decoration:none;}
a:focus{outline:none;}
.border-none{border:0;}
.radius-none{border-radius:0;}
.text-middle{font-size:16px;}
input:focus,textarea:focus,button:focus,select:focus{outline:0;}

.clearfix:after,.clearfix:before{content:"";display:table;clear:both}
.clearfix{*zoom:1}
a{text-decoration:none}
a,a:hover{color:#133b28}
h1,h2,h3,h4,h5,h6{text-decoration:none;font-weight:400;font-size:100%}
em,i,s{font-style:normal;text-decoration:none}

.w{width:6.25rem;margin:0 auto}
.fl{float:left}
.fr{float:right}
.al{text-align:left}
.ac{text-align:center}
.ar{text-align:right}
.hide{display:none}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.common-box{padding:30px 0 30px;}
.common-box .w{background:#fff;box-shadow:0 0 .041667rem 0 rgba(19,59,40,.25);border-radius:.052083rem;padding-bottom:.15625rem}
.common-box .title{font-size:.1875rem;color:#133b28;letter-spacing:.052083rem;text-align:center;font-weight:700;padding-top:.260417rem;padding-bottom:.208333rem}
.common-box .time{font-size:.09375rem;color:#888;text-align:center}
.bg-gray{background: #f7f7f7;}
/*通用顶部样式*/
.header-top {
    height: 30px;
    line-height: 24px;
    background: #f4f4f4;
    border-bottom: 1px #eee solid;
    font-size: 12px;
    padding: 3px 110px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-top .header-font{width:40%;display:flex;justify-content:flex-start;}
.header-top .header-right {
    width: 40%;
    color: #666;
    line-height: 16px;
    padding: 4px 0;
    display: flex;
    justify-content: flex-end;
}
.header-top .header-right a{color:#666;margin-left:20px;padding-left:20px;border-left:1px #ccc solid;}
.header-top .header-right a:first-child{margin-left:0;padding-left:0;border-left:none;}
.header-top .header-right a:hover{color:#00a2e9;}
.header {
    width: 100%;
    height: 90px;
    background: rgba(255, 255, 255, 0.6);
    padding: 0 110px;
    display: flex;
    justify-content: space-between;
}

.headActive {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9995;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 3px 12px 0 rgba(0,0,0,0.1);
    animation: fadeInDown;
    animation-duration: 0.5s;
}
.header_logo{margin:10px 50px 10px 10px;}
.header_logo,.header_logo a{display:flex;justify-content:center;align-items:center;}
.header_logo .logoFont {display:inline-block;padding:0 0 0 15px;margin-left:15px;border-left:1px #ddd solid;line-height:24px;}
.header_logo .logoFont p {font-size:12px;color:#666;}
.header_logo .logoFont p:first-child {font-size:13px;}
@media(min-width: 320px) and (max-width:1510px) {
.header_logo .logoFont {display:none;}
}

.header .nav>li{margin-right:50px;position:relative;display:inline-block;font-size:16px;}
.header .nav>li:last-child{margin:0}
.header .nav>li>a{text-transform:capitalize;position:relative;display:block;padding-top:30px;line-height:30px;color:#333;text-align:center;}
.header .nav>li.active>a,.header .nav>li:hover>a{color:#00a2e9;font-weight:600;}
.header .nav>li .tip {position:absolute;left:20px;top:12px;color:#fff;}
.header .nav>li a .fa{margin-left:6px;font-size:18px;position:relative;display: inline-block;-webkit-transition:.3s;transition:.3s;}
.header .nav>li:hover>a .fa{
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  transform: rotate(180deg);
}

/*PC端导航样式--开始*/
.header .nav-list {padding-left:0;flex-wrap:nowrap;}
.header .nav-list>li:before {
    position: absolute;
    bottom: 0;
    left: 50%;
    content: '';
    display: block;
    width: 0;
    margin: 0 auto;
    height: 3px;
    background: #aacd06;
    -webkit-transform: translateX(-50%) scaleX(0);
    -ms-transform: translateX(-50%) scaleX(0);
    transform: translateX(-50%) scaleX(0);
    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all 0.3s ease-out;
}

/*.header .nav-list li:hover {
    color: #00a2e9;
}*/
.header .nav-list>li:hover:before, .header .nav-list>li.active:before {
    width: 70%;
    -webkit-transform: translateX(-50%) scaleX(1);
    -ms-transform: translateX(-50%) scaleX(1);
    -moz-transform: translateX(-50%) scaleX(1);
    transform: translateX(-50%) scaleX(1)
}
/*.header .nav-list>li.active:before{width:70%;}*/
/*#menu_hover_bg {
  width: 100%;
  height: 0;
  background: #fff;
  position: absolute;
  left: 0;
  top: 140px;
  z-index: 9;
  overflow: hidden;
  -webkit-box-shadow:0 3px 10px rgba(0,0,0,0.1);
  -moz-box-shadow:0 3px 10px rgba(0,0,0,0.1);
  box-shadow:0 3px 10px rgba(0,0,0,0.1);
}
#menu_hover_bg .line{padding-top:1px;background:#e0e0e0;}*/
/*.header .nav li a::before{content:"";position:absolute;width:0;height:3px;background:#d5572a;bottom:0;opacity:0;visibility:hidden;
-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.header .nav li.active a::before,.header .nav li:hover a::before{opacity:1;visibility:visible;transform:scaleY(1);width:60%;}
*/
.nav-submenu {
    position: fixed;
    left: 0;
    top: 120px;
    z-index: 18;
    width: 100%;
    height: 0;
    overflow: hidden;
    background: #fff;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}
.headActive .nav-submenu {
    top: 90px;
}
.solu-submenu {}
.case-submenu {}
.news-submenu {}
.about-submenu {}
.pro-submenu {background:#f7f7f7;}


.submenu-lt {
    border-right: 1px #ddd solid;
    padding-top: 40px;
    padding-bottom: 40px;
    display:-webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.submenu-lt .small-img-bt{height:auto;overflow:hidden;}
.submenu-lt .small-img-bt img{width:100%;display:block;}
.submenu-lt .small-menu-bt{height:auto;overflow:hidden;}
.submenu-lt .small-menu-bt li,.pro-menu-box .pro-navTitle li{line-height:36px;margin-bottom:4px;}
.submenu-lt .small-menu-bt li a,.pro-menu-box .pro-navTitle li a{position:relative;display:block;color:#666;font-size:15px;}
.submenu-lt .small-menu-bt li a .fa{position:absolute;right:10px;top:5px;font-size:20px;display:none;}
.submenu-lt .small-menu-bt li:hover a,.submenu-lt .small-menu-bt li.submenu-active a {color:#00a2e9;font-weight:bold;}
.submenu-lt .small-menu-bt li:hover a .fa,.submenu-lt .small-menu-bt li.submenu-active a .fa{display:block;}
.submenu-lt .small-menu-tel{margin-top:0;}
.submenu-lt .small-menu-tel p{line-height:24px;color:#aacd06;}
.submenu-lt .small-menu-tel span {
    line-height: 24px;
    color: #00a2e9;
    font-size: 20px;
    margin-top: 15px;
    display: block;
    font-weight: bold;
}
.submenu-lt .small-menu-tel span .fa{font-size:20px;margin-right:10px;}
.submenu-rt{padding:40px 10px 40px 40px;height:auto;}
.nav-more-box{padding-top:40px;padding-bottom:40px;}
.submenu-rt .more-menu,.nav-moreMenu {line-height: 24px;}
.submenu-rt .more-menu a,.nav-moreMenu a {color: #666;font-weight: bold;font-size: 16px;}
.header .nav>li .submenu-rt .more-menu a .fa,.header .nav>li .all-menu-box .all-menu-item a .fa,.nav-moreMenu a .fa {font-size: 20px; margin-left: 10px;}
.submenu-rt .more-menu a:hover,.all-menu-box .all-menu-item a:hover,.all-menu-box .solu-menu-item a:hover,.nav-moreMenu a:hover {color: #00a2e9;}
.all-menu-box {
    display:-webkit-flex;
    display: flex;
    /*flex-direction: column;*/
    align-items: flex-start;
    margin-top: 30px;
    flex-wrap: wrap;
    width: 100%;
    max-height: 360px;
    /*overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: #c1c1c1 #e1e1e1;*/
}
/* 整个滚动条 */
.all-menu-box::-webkit-scrollbar {
    width: 12px;
    height: 12px;/* 滚动条的高度，对水平滚动条有效 */
    background: #f9f9fd;
}
/* 滚动条轨道 */
.all-menu-box::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #e1e1e1;/* 滑块的背景颜色 */
}
/* 滚动条滑块 */
.all-menu-box::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #c1c1c1;/* 滑块的背景颜色 */
    border: 3px #e1e1e1 solid;/* 滑块的边框和轨道相同的颜色，可以制造“边距”的效果 */
}
/* 滚动条滑块：悬停效果 */
.all-menu-box::-webkit-scrollbar-thumb:hover {
    background-color: #a8a8a8;
}
/* 滚动条滑块：激活时的效果 */
.all-menu-box::-webkit-scrollbar-thumb:active {
    background-color: #888;
}
/* 滚动条按钮（上下箭头） */
.all-menu-box::-webkit-scrollbar-button {
    display: none;
}

.all-menu-box .all-menu-item {
    width: 22.5%;
    margin-right: 40px;
    margin-bottom: 30px;
}
.all-menu-box .all-menu-item:nth-child(4n) {
    margin-right: 0;
}
.all-menu-box .all-menu-item li,.all-menu-box .solu-menu-item li {
    line-height: 30px;
}
.all-menu-box .all-menu-item a,.all-menu-box .solu-menu-item a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #666;
    font-size: 14px;
}
.all-menu-box .all-menu-item span,.all-menu-box .solu-menu-item span {
    display: inline-block;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.all-menu-box .all-menu-item p,.all-menu-box .solu-menu-item p {
    font-size: 12px;
    color: #999;
    line-height: 24px;
    overflow: hidden;
    padding-top: 10px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.all-menu-box .solu-menu-item{width:30%;margin-right:40px;margin-bottom:30px;}
.all-menu-box .solu-menu-item:nth-child(3n){margin-right:0;}


/*.nav-submenu .small-menu {
    width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
    line-height: 30px;
    display:-webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap:nowrap;
}
.nav-submenu .small-menu li{position:relative;padding:0 20px;margin:0 20px;}
.nav-submenu .small-menu li a{display:block;text-align:center;padding:0;overflow:hidden;color:#666;}
.nav-submenu .small-menu li a:hover {color:#00a2e9;font-weight:bold;}*/


/*导航产品中心菜单栏样式*/
.pro-submenu .pro-menu-box{display:-webkit-flex;display:flex;justify-content:space-between;padding:0;background:#f2f2f2;}
.pro-menu-box .pro-navTitle{padding-top:30px;padding-bottom:30px;display:-webkit-flex;display:flex;flex-direction:column;}
.pro-menu-box .pro-navTitle h3{font-size:18px;font-weight:700;line-height:24px;padding-left:20px;}
.pro-menu-box .pro-navTitle ul{margin-top:20px;}
.pro-menu-box .pro-navTitle li a{background:transparent;padding-right:50px;padding-left:20px;}
.pro-menu-box .pro-navTitle li a .fa{position:absolute;right:10px;top:7px;font-size:20px;}
.pro-menu-box .pro-navTitle li:hover a,
.pro-menu-box .pro-navTitle li.pronav-active a {color:#00a2e9;font-weight:bold;background:#fff;}
.pro-menu-box .pro-navTitle li.pronav-active a .fa {display:none;}
.pro-menu-box .pro-navMenu{padding:30px 30px;display:-webkit-flex;display:flex;flex:2;background:#fff;}
/*.pro-menu-box .pro-navTitle li:hover a .fa,.pro-menu-box .pro-navTitle li.pronav-active a .fa {display: none;}*/
.pro-navMenu .pro-menu-item{width:100%;height:auto;overflow:hidden;display:flex;justify-content:flex-start;flex-wrap:wrap;}
.pro-navMenu .pro-menu-item dl{width:18%;text-align:center;margin-right:40px;margin-bottom:20px;}
.pro-navMenu .pro-menu-item dl:last-child{margin-right:0;}
.pro-navMenu .pro-menu-item dl dd{display:block;width:78px;margin:0 auto;border-radius:5px;background:#f7f7f7;transition:all .3s ease-out 0s;}
.pro-navMenu .pro-menu-item dl dd a{display:block;width:60px;height:60px;padding:9px;margin:0 auto;}
.pro-navMenu .pro-menu-item dl:hover dd{background:#00a2e9;}
.pro-navMenu .pro-menu-item dl dt{line-height:24px;margin-top:6px;font-size:14px;}
.pro-navMenu .pro-menu-item .pro-link{width:19%;display:-webkit-flex;display:flex;flex-direction:column;/*justify-content: center;align-items: center;*/
color:#333;margin-right:30px;margin-bottom:20px;}
.pro-navMenu .pro-menu-item .pro-link:last-child{margin-right:0;}
.pro-navMenu .pro-menu-item .pro-link .icon {
    display: block;
    margin: 0 auto;
    padding: 9px;
    font-size: 45px;
    color: #787878;
    border-radius: 5px;
    background: #f7f7f7;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.pro-navMenu .pro-menu-item .pro-link img {display:block;width:63px;margin:0 auto;}
.pro-navMenu .pro-menu-item .pro-link p {line-height:24px;font-size:14px;margin-top:6px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pro-navMenu .pro-menu-item .pro-link p.two-hang{line-height:20px;white-space:wrap;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.pro-navMenu .pro-menu-item .pro-link:hover .icon {background:#00a2e9;color:#fff;}
.pro-navMenu .pro-menu-item .pro-link:hover p {font-weight:bold;}
.pro-navMenu .pro-menu-item li{line-height:30px;margin:0 30px 20px 0;float:left;}
.pro-navMenu .pro-menu-item a{color:#333;}
.pro-navMenu .pro-menu-item a .fa{font-size:20px;margin-left:10px;}
.pro-navMenu .pro-menu-item a:hover{color:#00a2e9;}
.pro-nav-rt {
    padding: 0;
    background: url(../images/pro-menuBg.jpg) no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.pro-nav-rt h3{font-size:18px;font-weight:700;line-height:24px;}
.pro-nav-rt ul{margin:20px auto 0;}
.pro-nav-rt ul li{margin-bottom:15px;line-height:36px;display:flex;flex-direction:row;justify-content:space-between;}
.pro-nav-rt ul li a{display:block;padding:0 15px;color:#333;font-size:14px;border:2px #c0c0c0 solid;transition:all .3s ease-out 0s;}
.header .nav .pro-nav-rt ul li a .fa{font-size:20px;margin-left:20px;}
.pro-nav-rt ul li a:hover{color:#fff;background:#00a2e9;border:2px transparent solid;}
.pro-nav-rt .pro-tel{line-height:28px;}
.pro-nav-rt .pro-tel span{font-size:14px;}
.pro-nav-rt .pro-tel p{font-weight:bold;font-size:18px;color:#00a2e9;}

/*导航产品中心新菜单列表栏样式-开始*/
.top-pro-box{display:-webkit-flex;display:flex;justify-content:space-around;}
.top-pro-box .pro-nav-item{padding-top:20px;padding-bottom:20px;flex:1;margin-right:15px;}
.top-pro-box .pro-nav-item:last-child {margin-right:0;}
.top-pro-box .pro-nav-item h3 {
    font-size: 17px;
    font-weight: 600;
    line-height: 24px;
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
    text-shadow: 1px 1px 2px #000;
    padding: 10px;
    border-bottom: 2px #ddd solid;
    border-radius: 8px 8px 0 0;
    background: #02509b;
    background: -webkit-linear-gradient(to bottom,rgba(2,80,155,1),rgba(255,255,255,1));
    background: -o-linear-gradient(to bottom,rgba(2,80,155,1),rgba(255,255,255,1));
    background: -moz-linear-gradient(to bottom,rgba(2,80,155,1),rgba(255,255,255,1));
    background: linear-gradient(to bottom,rgba(2,80,155,1),rgba(255,255,255,1));
}
.top-pro-box .pro-nav-item ul{padding-top:0;/*background:#fff;*/}
.top-pro-box .pro-nav-item li {font-size:14px;}
.top-pro-box .pro-nav-item li a{display:block;background:transparent;color:#333;line-height:28px;padding:5px 10px;border-bottom:1px #ddd solid;
-webkit-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.top-pro-box .pro-nav-item li a .fa{vertical-align:text-top;font-size:20px;margin-left:8px;}
.top-pro-box .pro-nav-item li:hover a,
.top-pro-box .pro-nav-item li.pronav-active a {color:#00a2e9;font-weight:bold;background:#fff;border-bottom:1px #00a2e9 solid;}
.top-pro-box .pro-nav-item li.pronav-active a .fa {display:none;}

/*导航产品中心新菜单列表栏样式-结束*/

/*新闻中心导航下拉菜单内容样式*/
.news-submenu .newsmenu-box {padding:30px 0;display:-webkit-flex;display:flex;justify-content:space-between;flex-wrap:nowrap;}
.newsmenu-box .newsmenu-item {
    display: block;
    width: 310px;
    background: #f7f7f7;
    text-align: center;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
}
.newsmenu-box .newsmenu-item.hyzx-item{/*margin:0 135px;*/}
.newsmenu-box .newsmenu-item .news-area{position:relative;width:100%;height:150px;overflow:hidden;}
.newsmenu-box .newsmenu-item p{color:#666;padding:12px 0;}
.newsmenu-box .newsmenu-item .news-mask {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .45);
    width: 100%;
    height: 100%;
    margin: auto;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
    display: block;
}
.newsmenu-box .newsmenu-item .iconmask {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -35px;
    margin-left: -35px;
    box-sizing: border-box;
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius:50%;
    text-align: center;
    background: #00a2e9;
    transition: transform 0.5s ease-out;
    transform:rotate(0deg);
}
.newsmenu-box .newsmenu-item .iconmask img{width:36px;vertical-align:middle;-webkit-animation-delay:0.3s;animation-delay:0.3s;transition:0.5s;}
.newsmenu-box .newsmenu-item .iconmask .icon{font-size:45px;color:#fff;}
.newsmenu-box .newsmenu-item:hover {background:#fff;-webkit-box-shadow:0 0 15px #cdcdcd;-moz-box-shadow:0 0 15px #cdcdcd;box-shadow:0 0 15px #cdcdcd;}
.newsmenu-box .newsmenu-item:hover .iconmask {background:#aacd06;transform:rotate(360deg);}
.newsmenu-box .newsmenu-item:hover p {color:#00a2e9;font-weight:bold;}
.newsmenu-box .newsmenu-item:hover .news-mask {top:-100%;}

/*关于我们导航下拉菜单内容样式*/
.about-submenu .aboutmenu-box {padding:30px 0;display:-webkit-flex;display:flex;justify-content:space-between;flex-wrap:nowrap;}
.aboutmenu-box .aboutmenu-item{
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #f7f7f7;
    color:#666;
    border-radius: 6px;
    padding: 20px 25px 15px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
}
.aboutmenu-box .aboutmenu-item .icon {font-size:2em;}
.aboutmenu-box .aboutmenu-item p{padding:12px 0;}
.aboutmenu-box .aboutmenu-item:hover {color:#00a2e9;-webkit-box-shadow:0 0 15px #cdcdcd;-moz-box-shadow:0 0 15px #cdcdcd;box-shadow:0 0 15px #cdcdcd;}
.aboutmenu-box .aboutmenu-item:hover p {font-weight:bold;}
/*PC端导航样式--结束*/

/*顶部导航联系电话样式*/
.top-contact{width:155px;height:50px;margin:20px 0 0 0;display:flex;flex-direction:column;justify-content:space-between;}
.top-contact-title{height:24px;line-height:24px;font-size:15px;color:#666;}
.top-contact-title i{font-size:18px;margin-right:10px;color:#aacd06;}
.top-contact-phone{width:154px;height:22px;overflow-wrap:break-word;color:#00a2e9;font-size:18px;letter-spacing:1px;font-weight:700;
text-align:center;white-space:nowrap;line-height:18px;}
/*顶部导航联系电话--结束*/
/*顶部导航搜索样式*/
.top-searchBox{width:60px;height:100%;display:flex;justify-content:center;}
.top-searchBox a{display:block;width:100%;line-height:90px;text-align:center;color:#fff;background:#00a2e9;
    -webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.top-searchBox a i{font-size:24px;}
.top-searchBox a:hover{background:#aacd06;}
/*顶部导航搜索样式--结束*/

/*关于福申通用版块样式*/
.aboutus-bottom{padding:60px 0 30px;background:transparent;}
.aboutus-bottom .aboutus-item{position:relative;width:100%;display:inline-block;text-align:center;transition:0.5s;}
.aboutus-bottom>div:nth-child(2) .aboutus-item{-webkit-animation-delay:0.3s;animation-delay:0.3s;}
.aboutus-bottom>div:nth-child(3) .aboutus-item{-webkit-animation-delay:0.6s;animation-delay:0.6s;}
.aboutus-bottom>div:last-child .aboutus-item{-webkit-animation-delay:0.9s;animation-delay:0.9s;}
.aboutus-bottom .aboutus-item:after{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:"";height:40px;width:1px;background:#ccc;}
.aboutus-bottom>div:last-child .aboutus-item:after{width:0;}
.aboutus-bottom .aboutus-item .num{position:relative;display:inline-block;padding:0 10px;font-size:60px;font-weight:bold;line-height:1.5;}
.aboutus-bottom .aboutus-item .num p{position:absolute;top:10px;right:-20px;font-size:16px;color:#999;display:block;}
.aboutus-bottom .aboutus-item .title{color:#666;font-size:16px;}

/*关于福申通用版块样式--结束*/

/* 弹出搜索 begin */
.searchBar-m {display:none;width:100%;height:100%;position:fixed;top:0px;z-index:9999;text-align:center;}
.searchBar-m .mask {position:absolute;left:0;right:0;width:100%;height:100%;background:#000;opacity:0.8;}
.searchBar-m .mask-ico i{font-size:36px;}
.searchBar-m a {display:block;position:absolute;right:5%;top:5%;width:60px;height:60px;line-height:56px;font-size:48px;z-index:9999;color:#fff;}
.searchBar-m a:hover{color:#00a2e9;}
.searchBar-m .form-group {width:70%;max-width:720px;position:absolute;left:50%;top:40%;transform:translate(-50%,-200%);}
.searchBar-m .input{width:88%;background:transparent;border:0;border-bottom:2px solid #f2f2f2;color:#999;height:60px;line-height:60px;float:left;padding:0 10px;}
.searchBar-m .button {width:8%;height:60px;line-height:60px;border-bottom:2px solid #f2f2f2;display:block;float:left;background:transparent;color:#fff;transition:all .5s ease;}
.searchBar-m .button:hover{background:#00a2e9;}
.searchBar-m .button i {font-size:36px;}
/* 弹出搜索 end */
/*通用底部信息版块样式*/
.footer{background-color:#333;}
.footer .footer-top{padding:20px 0;}
.footer .single-widget{margin-top:30px}
.footer .single-widget h3{color:#fff;font-size:18px;position:relative;text-transform:capitalize;margin-bottom:15px;padding-bottom:15px}
.footer .single-widget h3::before{content:"";position:absolute;left:0;width:40px;height:2px;bottom:-1px;background:#fff;display:block;}
.footer p{color:#f1f1f1;}
.footer-about{padding-right:30px}
.footer-about .logo{margin-bottom:15px}
.footer-about .text-logo a{color:#fff;font-size:20px;font-weight:700}
.footer-about .text{margin-bottom:35px}
.footer-about .button .bizwheel-btn{background:#179E66;margin-top:20px;color:#fff}
.footer-about .button .bizwheel-btn:hover{background:#fff;color:#179E66;}

.footer .ewm-box{height:auto;display:-webkit-flex;display:flex;justify-content:space-between;align-items:center;padding:10px 30px 10px 0;}
.footer .ewm-box .ewm-item {width:100px;}
.footer .ewm-box .ewm-item p {font-size:12px;display:block;line-height:24px;padding-top:5px;color:#fff;text-align:center;}

.footer .ec-tb{height:auto;display:-webkit-flex;display:flex;justify-content:space-around;align-items:center;padding-right:30px;}
.footer .ec-tb a{display:block;margin-right:20px;text-align:center;-webkit-animation-delay:0.3s;animation-delay:0.3s;transition:0.5s;}
.footer .ec-tb a:last-child{margin-right:0;}
.footer .ec-tb a .icon{font-size:2em;line-height:100%;background:#fff;text-align:center;border-radius:5px;}
.footer .ec-tb a img{display:block; width:30px;border-radius:5px;-webkit-animation-delay:0.3s;animation-delay:0.3s;transition:0.5s;}
.footer .ec-tb a.qq img{background:#fff;}
.footer .ec-tb a.taobao img{background:#ff5500;}
.footer .ec-tb a.ali img{background:#ec6c00;}
.footer .ec-tb a img{display:block; width:30px;background:#fff;border-radius:5px;}
.footer .ec-tb a span {font-size:12px;display:block;line-height:24px;padding-top:5px;color:#fff;}
.footer .ec-tb a.jd {color:#e71c05;}
.footer .ec-tb a.taobao {color:#ff5500;}
.footer .ec-tb a.ali {color:#ec6c00;}
.footer .ec-tb a:hover.taobao,.footer .ec-tb a:hover.ali,.footer .ec-tb a:hover.jd {color:#fff;}
.footer .ec-tb a:hover .icon {background:#ff5500;}
.footer .ec-tb a:hover.jd .icon {background:#e71c05;}
.footer .ec-tb a:hover.qq img{content: url(../images/foot-qqB.png);background:#eb1c26;}
.footer .ec-tb a:hover.taobao img{content: url(../images/foot-taobaoB.png);background:#fff;}
.footer .ec-tb a:hover.ali img{content: url(../images/foot-1688B.png);background:#fff;}
.footer .ec-tb a:hover.jd img{content: url(../images/foot-jdB.png);background:#e71c05;}
.footer .ec-tb a:hover span {font-weight:bold;}
.footer .f-link ul li{margin-bottom:0;position:relative;padding-left:20px;line-height:32px;}
.footer .f-link ul li:before{position:absolute;content:"";left:0;top:50%;height:8px;width:8px;border-radius:100%;margin-top:-5px;background:#d4d4d4;
    -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.footer .f-link ul li:hover:before{background:#aacd06}
.footer .f-link ul li:last-child{margin-bottom:0}
.footer .f-link ul li a{display:inline-block;color:#f1f1f1;padding:0;margin:0;background:transparent;font-size:14px;font-weight:normal;}
.footer .f-link ul{box-shadow:none;margin:0}
.footer .f-link ul li a::before{display:none}
.footer .f-link ul li a:hover{color:#aacd06}

.footer-news .single-f-news .content{padding-left:85px}
.footer-news .single-f-news .content .title{font-size:14px}
.footer-news .single-f-news .content .title a{color:#ccc}
.footer-news .single-f-news .content .title a:hover{color:#F2A611}

.footer .single-f-news .post-meta i{color:#aacd06}
.footer .address-widget-list li{display:block;margin-bottom:10px;line-height:25px}
.footer .address-widget-list li,.footer .address-widget-list li a{font-weight:normal;color:#f1f1f1;}
.footer .address-widget-list li i{width:25px;color:#fff;width:28px;height:28px;line-height:28px;border:1px solid #eee;text-align:center;border-radius:100%;font-size:13px;margin-right:10px;
    -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.footer .address-widget-list li:last-child{margin-bottom:0;}
.footer_contact p{margin-bottom:15px;}
.footer .social{margin-top:22px}
.footer .social li{display:inline-block;margin:0 10px 0 0}
.footer .social li:last-child{margin-right:0}
.footer .social li a{color:#fff;display:block;font-size:16px;text-align:center;line-height:initial;border:0}
.footer .social-icons li:before{display:none}
.footer .copyright{text-align:center;overflow:hidden;padding:20px 0;border-top:1px solid #ebebeb3b;background:#111;}
.footer .copyright-content p,.footer .copyright-content a{color:#999;}
.footer .copyright-content p span{}
.footer .copyright-content p span>a{display:none;}
.footer .copyright-content p a {margin:0 10px;}
.footer .copyright-content a:hover{color:#aacd06;}
.footer .link-con {height:auto;overflow:hidden;padding-top:15px;}
.footer .link-con .link-title,.footer .link-con a {display:inline-block;float:left;color:#f1f1f1;}
.footer .link-con a {margin-right:15px;color:#f1f1f1;}
.footer .link-con a:hover {color:#aacd06;}
.footer .link-con a:last-child {margin-right:0;}
.footFloat {display:none;}
@media only screen and (max-width:767px) {
.footer {padding-bottom:20px;}
.footer .footer_contact,.footer .link-con {display:none;}
.footer .copyright {padding:20px 0 60px;}
.footFloat{display:block;position:fixed;bottom:0;left:0;width:100%;z-index:500;background:#095795;}
.footFloat .footNavBox{display:-webkit-flex;display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;}
.footFloat .footNavBox li{position:relative;flex:1;padding:10px;line-height:36px;background:#d5572a;}
.footFloat .footNavBox li:last-child {background:#062d4c;}
.footFloat .footNavBox li a{display:block;color:#fff;width:100%;text-align:center;}
.footFloat .footNavBox li a .fa{font-size:18px;margin-right:8px;}
.footFloat .footNavBox li a p{font-size:16px;padding-top:0;color:#fff;display:inline-block;}
.footer .ec-tb,.footer .footer-top,.footer .copyright {display:none;}
}
/*通用底部信息版块样式 end*/
@media(max-width: 768px) {
.nap-container{padding:0 16px;width:100%;}
}

@media(min-width: 768px)and (max-width:991px) {
.nap-container{padding:0 60px;width:100%;}
}

@media(min-width: 991px)and (max-width:1540px) {
.nap-container{padding:0 90px;width:100%;}
}

@media(min-width: 1541px) {
.nap-container{margin:0 auto;width:1280px;}
}


.sidebar {
    height: .9375rem;
    width: .3125rem;
    background: #fff;
    position: fixed;
    right: 0;
    top: 60%;
    z-index: 300;
    box-shadow: 0 0 .078125rem .005208rem rgba(19,114,195,.07);
    border-radius: .15625rem
}

.sidebar .arrow {
    display: none;
    background: #1660bb;
    position: absolute;
    width: .3125rem;
    height: .3125rem;
    top: 0;
    z-index: 2;
    border-radius: 50%
}

.sidebar .arrow:hover {
    cursor: pointer
}

.sidebar .arrow i {
    font-size: .140625rem;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.sidebar .icon {
    position: absolute;
    top: 0;
    height: .9375rem;
    width: .3125rem;
    background: #fff;
    transition: 1s;
    border-radius: .15625rem
}

.sidebar .icon .message {
    height: .3125rem;
    width: .3125rem;
    position: absolute;
    top: 0;
    border-radius: 50%
}

.sidebar .icon .message:hover {
    cursor: pointer;
    background: #1660bb
}

.sidebar .icon .message:hover>i {
    color: #fff
}

.sidebar .icon .message i {
    font-size: .140625rem;
    color: #1660bb;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.sidebar .icon .contact {
    height: .3125rem;
    width: .3125rem;
    position: absolute;
    top: .3125rem;
    border-radius: 50%
}

.sidebar .icon .contact:hover {
    cursor: pointer;
    background: #1a67d9
}

.sidebar .icon .contact:hover>i {
    color: #fff
}

.sidebar .icon .contact:hover .contactUs {
    overflow: visible;
    width: 1.145833rem;
    height: .677083rem
}

.sidebar .icon .contact>i {
    font-size: .140625rem;
    display: block;
    color: #1a67d9;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.sidebar .icon .contact .contactUs {
    position: absolute;
    right: .390625rem;
    top: .15625rem;
    transform: translateY(-50%);
    width: 0;
    overflow: hidden;
    height: .885417rem;
    background: #fff;
    box-shadow: 0 0 .078125rem .005208rem rgba(19,114,195,.07);
    border-radius: .052083rem;
    box-sizing: border-box
}

.sidebar .icon .contact .contactUs>h2 {
    margin-top: .078125rem;
    margin-left: .161458rem;
    font-size: .09375rem;
    font-family: Source Han Sans CN;
    font-weight: 600;
    color: #333;
    line-height: 1;
    margin-top: .098958rem;
    margin-bottom: .098958rem
}

.sidebar .icon .contact .contactUs>div {
    margin-left: .151042rem;
    padding-right: .15625rem;
    margin-bottom: .15625rem;
    overflow: hidden;
    display: flex;
    justify-content: space-between
}

.sidebar .icon .contact .contactUs>div ul {
    overflow: hidden
}

.sidebar .icon .contact .contactUs>div ul li {
    font-size: .072917rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333;
    margin-bottom: .067708rem
}

.sidebar .icon .contact .contactUs>div>img {
    width: .390625rem;
    height: .390625rem
}

.sidebar .icon .contact .contactUs div:nth-of-type(2) {
    margin-bottom: 0
}

.sidebar .icon .contact .contactUs .coin {
    position: absolute;
    right: 0;
    transform: translateX(90%);
    top: 50%
}

.sidebar .icon .focus {
    height: .3125rem;
    width: .3125rem;
    position: absolute;
    top: .625rem;
    border-radius: 50%
}

.sidebar .icon .focus:hover {
    cursor: pointer;
    background: #1a67d9
}

.sidebar .icon .focus:hover>i {
    color: #fff
}

.sidebar .icon .focus:hover .code {
    width: .833333rem;
    white-space: nowrap
}

.sidebar .icon .focus>i {
    font-size: .140625rem;
    color: #1660bb;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.sidebar .icon .focus .code {
    transition: 1s;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: .364583rem;
    width: 0;
    height: .911458rem;
    background: #fff;
    box-shadow: 0 0 .078125rem .005208rem rgba(19,114,195,.07);
    border-radius: .052083rem;
    overflow: hidden
}

.sidebar .icon .focus .code .coin {
    z-index: 100;
    position: absolute;
    right: 0;
    transform: translateX(90%) translateY(-50%);
    top: 50%
}

.sidebar .icon .focus .code .gzh {
    display: block;
    border: 0;
    margin: .052083rem auto 0;
    width: .6875rem;
    height: .6875rem
}

.sidebar .icon .focus .code>p {
    margin-top: .041667rem;
    text-align: center;
    height: .0625rem;
    font-size: .0625rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333;
    white-space: nowrap
}

.sidebar .mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #20253b;
    opacity: .44;
    z-index: 999
}

.sidebar .model {
    overflow-x: hidden;
    z-index: 1000;
    width: 3.59375rem;
    background: #fff;
    border-radius: .052083rem;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    box-sizing: border-box;
    padding: .192708rem .28125rem;
    padding-bottom: 0
}

.sidebar .model::-webkit-scrollbar {
    width: .026042rem
}

.sidebar .model::-webkit-scrollbar-track {
    border-radius: .052083rem
}

.sidebar .model::-webkit-scrollbar-thumb {
    border-radius: .015625rem;
    background: rgba(0,0,0,.1)
}

.sidebar .model::-webkit-scrollbar-thumb:window-inactive {
    background: #ccd0d3
}

.sidebar .model>h2 {
    padding-left: .067708rem;
    border-left: .020833rem solid #1660bb;
    font-size: .125rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333;
    line-height: 1
}

.sidebar .model>h2>img {
    float: right
}

.sidebar .model>h2>img:hover {
    cursor: pointer
}

.sidebar .model>p {
    margin-top: .145833rem;
    margin-bottom: .208333rem;
    width: 3.015625rem;
    font-size: .083333rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333;
    line-height: .125rem;
    height: .21875rem
}

.sidebar .model>p span {
    color: red;
    font-weight: 500
}

.sidebar .model>p span:hover {
    cursor: pointer
}

.sidebar .model .buttonOutside {
    display: flex;
    justify-content: center;
    margin-top: .125rem;
    margin-bottom: .296875rem
}

.sidebar .model .msg-button {
    width: 1.213542rem;
    height: .244792rem;
    background: #1660bb;
    border-radius: .052083rem
}

.sidebar .model .msg-button:hover {
    background: #409eff
}

.sidebar .model .el-form-item__label {
    text-align: left;
    font-size: .078125rem;
    font-family: Source Han Sans CN
}

.sidebar .model .el-form-item__content .el-radio {
    margin-right: .052083rem
}

.sidebar .model .el-form-item {
    width: 3.015625rem
}

.sidebar .model .anotherIndustryName {
    font-size: .072917rem;
    height: .078125rem;
    width: .364583rem;
    position: absolute;
    right: -.416667rem;
    top: .015625rem;
    border-bottom: .005208rem solid grey
}

.sidebar .lxwm {
    box-shadow: 0 0 .083333rem 0 rgba(86,86,86,.58);
    z-index: 1000;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    box-sizing: border-box;
    padding-left: .208333rem;
    padding-top: .182292rem;
    width: 2.932292rem;
    height: 2.161458rem;
    background: #fff;
    border-radius: .052083rem;
    overflow: hidden
}

.sidebar .lxwm .close {
    width: .072917rem;
    height: .072917rem;
    position: absolute;
    top: .182292rem;
    right: .208333rem;
    cursor: pointer
}

.sidebar .lxwm>h1 {
    font-size: .125rem;
    font-family: SourceHanSansCN-Medium;
    font-weight: 400;
    color: #333;
    line-height: 1;
    padding-left: .03125rem;
    border-left: .020833rem solid #1660bb
}

.sidebar .lxwm>ul {
    margin: .208333rem 0 0 .104167rem
}

.sidebar .lxwm>ul li {
    height: .78125rem
}

.sidebar .lxwm>ul li .info {
    float: left
}

.sidebar .lxwm>ul li .info>h2 {
    font-size: .104167rem;
    font-weight: 500;
    font-family: SourceHanSansCN-Medium
}

.sidebar .lxwm>ul li .info p {
    font-size: .078125rem;
    margin-top: .0625rem;
    font-family: SourceHanSansCN-Medium
}

.sidebar .lxwm>ul li>img {
    float: right;
    width: .520833rem;
    height: .520833rem;
    margin-right: .364583rem
}

.AtTop {
    height: 1.25rem
}

.AtTop .arrow {
    display: block
}

.AtTop .icon {
    top: .3125rem
}

 .el-textarea__inner {
    -webkit-font-smoothing: antialiased
}

 .el-textarea__inner::-webkit-scrollbar {
    width: .026042rem
}

 .el-textarea__inner::-webkit-scrollbar-track {
    border-radius: .052083rem
}

 .el-textarea__inner::-webkit-scrollbar-thumb {
    border-radius: .015625rem;
    background: rgba(0,0,0,.1)
}

 .el-textarea__inner::-webkit-scrollbar-thumb:window-inactive {
    background: #ccd0d3
}

.textArea {
    -webkit-font-smoothing: antialiased
}

/*分页 begin*/
.pagination-box {text-align: center;margin-top: 30px;}
.pagination {list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom}
.pagination li {display:inline-block!important;border:solid 1px #EBEBEB;border-radius:4px;background:#fff;margin:0 5px;}
.pagination a {color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB}
.pagination .active {pointer-events:none;background:#00a2e9;color:#fff;border:1px solid #00a2e9;}
.pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s;}

/*返回顶部*/
#izl_rmenu {
    position: fixed;
    bottom: 50px;
    right: 30px;
    z-index: 10;
}
#izl_rmenu .back-top {
    display: block;
    width: 42px;
    height: 42px;
    border-radius: 8px;
    text-align: center;
    line-height: 42px;
    color:#fff;
    background: linear-gradient(120deg, rgba(0,162,233,1),rgba(0,82,184,1));
}
#izl_rmenu .back-top:hover {background:rgba(170,205,6,1);}
#izl_rmenu .back-top i{font-size:28px;display:block;}