@media (min-width: 1201px) {
.wrap { max-width: 1200px; }
.wrap.type-full { max-width: 100%; padding-left: 15px; padding-right: 15px; }
}
@media (min-width: 1231px) {
.wrap { padding-left: 0; padding-right: 0; }
}
@media (min-width: 1471px) {
.wrap { max-width: 1440px; }
.wrap.type-wid-a { max-width: 1400px; }
}
@media (min-width: 1571px) {
.wrap.type-full { max-width: 1500px; padding-left: 65px; padding-right: 65px; }
}
@media (max-width: 1200px) {
.wrap { max-width: 768px; }
}
.bg0 { background-color: #ffffff; }
.bg1 { background-color: #101010; }
.bg2 { background-color: #1c1c1c; }
.bg3 { background-color: #f8f8f8; }
.bg4 { background-color: #f6f6f6; }
.bg5 { background-color: #f3f4f8; }
.bg6 { background-image: linear-gradient(#efefed, #ffffff); }
.bg7 { background-color: #414141; }
.bg8 { background-color: #f3f3f3; }
.bg9 { background-color: #f7f7f7; }
.colorf { color: #ffffff; }
.color1 { color: #222222; }
.color2 { color: #333333; }
.color3 { color: #888888; }
.color4 { color: #555555; }
.color-main { color: #2e80d4; }
/***箭头***/
.jt-a-css { position: relative; }
.jt-a-css.left, .jt-a-css.right { display: block; border-radius: 50%; background: #f8f8f8 no-repeat center; transition: all 0.3s; }
.jt-a-css.left:hover, .jt-a-css.right:hover { background-color: #f5bb00; }
.jt-a-css.left { background-image: url(../images/icon_jt_1_1_1.png); }
.jt-a-css.left:hover { background-image: url(../images/icon_jt_1_1_3.png); }
.jt-a-css.right { background-image: url(../images/icon_jt_1_2_1.png); }
.jt-a-css.right:hover { background-image: url(../images/icon_jt_1_2_3.png); }
.jt-a { width: 46px; height: 46px; position: relative; }
.jt-a.left, .jt-a.right { display: block; border-radius: 50%; background: #f8f8f8 no-repeat center; transition: all 0.3s; }
.jt-a.left:hover, .jt-a.right:hover { background-color: #f5bb00; }
.jt-a.left { background-image: url(../images/icon_jt_1_1_1.png); }
.jt-a.left:hover { background-image: url(../images/icon_jt_1_1_3.png); }
.jt-a.right { background-image: url(../images/icon_jt_1_2_1.png); }
.jt-a.right:hover { background-image: url(../images/icon_jt_1_2_3.png); }
@media (max-width: 992px) {
.jt-a { width: 36px; height: 36px; }
}
.jt-c-css { position: relative; }
.jt-c-css::before, .jt-c-css::after { content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 12px; height: 2px; background: rgba(51, 51, 51, 0.6); transition: all 0.3s; }
.jt-c-css::before { transform: translate(-85%, 0) rotate(45deg); }
.jt-c-css::after { transform: translate(-15%, 0) rotate(-45deg); }
.jt-c-on-css::before { transform: translate(-85%, 0) rotate(-45deg); }
.jt-c-on-css::after { transform: translate(-15%, 0) rotate(45deg); }
.jt-c-on-css.on::before { transform: translate(-85%, 0) rotate(-45deg); }
.jt-c-on-css.on::after { transform: translate(-15%, 0) rotate(45deg); }
.jt-c { width: 22px; height: 10px; position: relative; }
.jt-c::before, .jt-c::after { content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 12px; height: 2px; background: rgba(51, 51, 51, 0.6); transition: all 0.3s; }
.jt-c::before { transform: translate(-85%, 0) rotate(45deg); }
.jt-c::after { transform: translate(-15%, 0) rotate(-45deg); }
.jt-c-on.on .jt-c::before { transform: translate(-85%, 0) rotate(-45deg); }
.jt-c-on.on .jt-c::after { transform: translate(-15%, 0) rotate(45deg); }
.jt-c-on.on .jt-c.on::before { transform: translate(-85%, 0) rotate(-45deg); }
.jt-c-on.on .jt-c.on::after { transform: translate(-15%, 0) rotate(45deg); }
.swiper-container .swiper-points { padding: 0; text-align: center; }
.swiper-container .swiper-points .swiper-pagination-bullet { margin: 0 7px; width: 10px; height: 10px; border: solid 2px #ffffff; background: transparent; opacity: 1; }
.swiper-container .swiper-points .swiper-pagination-bullet-active { border-color: #2e80d4; background-color: #2e80d4; }
/**头部导航**/
#header { position: fixed; left: 0; width: 100%; top: 0; z-index: 999999; background: rgba(2, 2, 2, 0.3); transition: all 0.3s ease-in; }
#header .logo-box { transition: all 0.3s; }
#header .logo-box img { width: auto; transition: all 0.3s; }
#header .logo-box .i { display: block; }
#header .logo-box .i_h { display: none; }
#header .menu { vertical-align: middle; }
#header .menu .menu-box { display: flex; }
#header .menu .menu-son { transition: all 0.3s; }
#header .menu .menu-title { display: block; padding-left: 15px; padding-right: 15px; color: #000000; transition: all 0.3s; }
/**********/
.language-block { color: #fff; padding: 5px 14px 5px 19px; }
.hasdrop { position: relative; height: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer }
.hasdrop .drop { position: absolute; top: 30px; min-width: 80px; left: 0; margin-left: 0; background-color: #fff; text-align: center; padding: 5px 0; line-height: 30px; font-size: 14px; opacity: 0; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); pointer-events: none; -webkit-box-shadow: 0px 0 0.17rem 0 rgba(37, 37, 37, 0.05); box-shadow: 0px 0 0.17rem 0 rgba(37, 37, 37, 0.05) }
.hasdrop .drop a { display: block }
.hasdrop .drop a:hover, .hasdrop .drop a.cur { color: #ef851d }
.hasdrop:hover .drop { pointer-events: all; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 }
#header .right-box .language-block i { display: block; height: 19px; width: 19px; background: url(../img/lan1.png) no-repeat center / contain; }
.small-header header#header .right-box .language-block i { background-image: url(../img/lan.png); }
/************/
#header .right-box .language-block { border: 0 none; }
#header .right-box .language-block .word-li { padding-right: 0; color: #ffffff; }
#header .right-box .language-block .word-li.default::after { display: none; }
#header .right-box .language-block + .line { display: block; }
#header .right-box .line { display: none; margin: 0 24px; width: 1px; height: 18px; background-color: #ffffff; opacity: 0.28; }
#header .right-box .search-check { display: block; height: 19px; width: 19px; background: url(../img/so_btns1.png) no-repeat center / contain; }
body[data-them="white"] #header .logo-box .i { display: block; }
body[data-them="white"] #header .logo-box .i_h { display: none; }
body[data-them="white"] #header .right-box .language-block .word-li { color: #ffffff; }
body[data-them="white"] #header .menu .menu-title { color: #ffffff; }
body[data-them="white"] #header .search-check { background-image: url(../img/so_btns.png); }
body[data-them="gray"] #header .logo-box .i { display: none; }
body[data-them="gray"] #header .logo-box .i_h { display: block; }
body[data-them="gray"] #header .right-box .language-block .word-li { color: #333333; }
body[data-them="gray"] #header .menu .menu-title { color: #333333; }
body[data-them="gray"] #header .search-check { background-image: url(../img/so_btns1.png); }
.small-header header#header { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); background-color: #ffffff; padding:10px 0 }
.small-header header#header .logo-box .i { display: none; }
.small-header header#header .logo-box .i_h { display: block; }
.small-header header#header .right-box .line { background: #666666; }
.small-header header#header .right-box .language-block .word-li { color: #888888; }
.small-header header#header .right-box .search-check { background-image: url(../img/so_btns1.png); }
.phone-menu { display: none; position: relative; order: 2; border-radius: 5px; height: 32px; width: 36px; flex-wrap: wrap; background: #1492ff; }
.phone-menu .phone-menu-i { display: block; position: absolute; left: 15%; top: 50%; margin-top: -1.5px; border-radius: 1.5px; width: 70%; height: 3px; background: #fff; opacity: 1; transform: rotate(0); transition: all 0.3s; }
.phone-menu .phone-menu-i.i1 { margin-top: -9.5px; }
.phone-menu .phone-menu-i.i3 { margin-top: 6.5px; }
.menu-show .phone-menu .phone-menu-i.i1 { margin-top: -1.5px; transform: rotate(45deg); }
.menu-show .phone-menu .phone-menu-i.i2 { opacity: 0; }
.menu-show .phone-menu .phone-menu-i.i3 { margin-top: -1.5px; transform: rotate(-45deg); }
.header-type-a #header { background-color: #fff; }
.header-type-a #header .logo-box .i { display: none; }
.header-type-a #header .logo-box .i_h { display: block; }
.header-type-a #header .right-box .line { background: #666666; }
.header-type-a #header .right-box .language-block .word-li { color: #888888; }
.header-type-a #header .right-box .search-check { background-image: url(../img/so_btns1.png); }
@media (min-width: 1201px) {
header#header:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); background-color: #ffff; }
header#header:hover .logo-box .i { display: none; }
header#header:hover .logo-box .i_h { display: block; }
header#header:hover .menu-son .menu-title { color: #333333; }
header#header:hover .menu-son.on .menu-title, header#header:hover .menu-son:hover .menu-title { color: #008cff; }
header#header:hover .right-box .line { background: #666666; }
header#header:hover .right-box .language-block .word-li { color: #888888; }
header#header:hover .right-box .search-check { background-image: url(../images/icon_search_h.png); }
header#header .wrap-box { position: relative; }
header#header .logo-box { position: absolute; left: 0; top: 0; height: 100%; }
header#header .logo-box img { height: 60%; }
header#header .mid-box { width: 100%; }
header#header .menu { text-align: center; }
header#header .menu .menu-box { margin: 0 auto; width: auto; }
header#header .menu .menu-title { position: relative; font-size: 17px; line-height: 100px; color: #ffffff; }
header#header .menu .menu-title::after { content: ""; display: block; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background: #008cff; transition: all 0.3s; }
header#header .menu .pc-hide { display: none !important; }

/******二级下拉导航****/

header#header .menu-son { display: flex; padding: 0 20px; align-items: center; }
header#header .menu-son.on .menu-title, header#header .menu-son:hover .menu-title { color: #008cff; }
header#header .menu-son.on .menu-title::after, header#header .menu-son:hover .menu-title::after { left: 0; width: 100%; }
header#header .menu-son.on .menu-title::after, header#header .menu-son:hover .menu-title::after { left: 0; width: 100%; }
header#header .menu-son .menu-lib-btn { display: none; }
header#header .menu-son:hover .lib-box { margin-top: 0; opacity: 1; pointer-events: auto; }
header#header .lib-box { display: block !important; position: absolute; top: 100%; left: 50%; margin-top: -10px; transform: translateX(-50%); width: 1400px; max-width: 100%; padding: 45px 0 55px; opacity: 0; text-align: left; white-space: nowrap; pointer-events: none; transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out, padding 0.3s ease-in-out; }
header#header .lib-box::before { content: ""; display: block; position: absolute; left: 0; top: 0; margin-left: -100vw; border-top: 1px solid #ededed; height: 100%; width: 200vw; background: #ffffff; box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05); }
header#header .lib-box .flex-box { position: relative; }
header#header .lib-box .flex-box .flex-left { flex-direction: column; }
header#header .lib-box .flex-box .flex-left .menu-lib-title { width: 100%; }
header#header .lib-box .flex-box .line { margin: 0 75px; width: 1px; background: #ebebeb; }
header#header .lib-box .flex-box .img-box { width: 415px; }
header#header .lib-box .flex-box .img-box::before { content: ""; display: block; width: 100%; padding-top: 54.216%; }
/********二级下拉*******/
#header .menu .menu-son:hover .lib-box{ opacity:1}
 
 header#header .lib-box .sub_body{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 240px 0 0;
}
 header#header .lib-box ul {display: block;float: none;position: relative;height: auto;min-height: 220px;}



header#header .lib-box li:hover > a{
  color: #fff;
}
header#header .lib-box .sub_body>a{
    width: 200px;
    float: left;
}
header#header .lib-box .sub_index_pic{
    position: absolute;
    right: 0;
    top: 10px;
    width: 240px;
    background: #fff;
    min-height: 100px;
}
header#header .lib-box .sub_index_pic img{
    max-width: 100%;
    height: auto;
}

/*

header#header .lib-box .sub_body .sub_pic .sub_index_list{max-width:100%;width: 100%;padding: 0;height: auto;}
header#header .lib-box .sub_body .sub_pic img{max-width:100%;}
header#header .lib-box .sub_body .sub_pic{
    width: 100%;
    max-width: 360px;
    right: 0;
    float: right;
}

*/

/*
.c_portalResnav_main-01001006 .header1 .nav_list1[date-id="10"] .type2_body .type2{calc((100% - 180px)/6);}
.c_portalResnav_main-01001006 .header1 .nav_list1[date-id="10"] .type2_body .type2 .sub_pic{display:block;}*/
header#header .lib-box .type2_body .type2.on>ul{display:block;}
header#header .lib-box .type2_body .type2>ul{}
header#header .lib-box .type2_body .type2{
    transition:all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    width: calc((100% - 120px)/6);
    margin: 0 10px;
    cursor: pointer;
}

/*
.c_portalResnav_main-01001006 .header1.scroll nav{
  height:70px;
  line-height:70px;
}

.c_portalResnav_main-01001006 .header1 nav li:hover a:after{height: 2% !important;}
.c_portalResnav_main-01001006 .header1 nav li:hover .nav-sub{opacity:1;z-index: 9999;padding: 26px 0;height: auto;transition: all 0.8s;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s;}
*/
header#header .lib-box  li{float:left;display:inline-block;text-align:center;font-size: 16px;-webkit-transition:all 0.3s cubic-bezier(0.86, 0.5, 1, 1);transition:all 0.3s cubic-bezier(0.86, 0.5, 1, 1); list-style:none}

header#header .lib-box  li{
  -webkit-transition:all .3s ease;
  transition:all .3s ease;
  -webkit-transition-delay:0s !important;
  transition-delay:0;
}
 
header#header .lib-box a.sub_index{
    
    font-size: 20px;
    height: auto;
    width: 100%;
    pointer-events: none;
    margin: 0 0px 20px 0px; padding-left:30px
}

header#header .lib-box .type2_body .type2.on{background: #fff;}
header#header .lib-box .type2_body .type2 .sub_pic{
    margin-bottom: 2px;
    padding: 9px;
    
    display: none;
}
header#header .lib-box .type2_body .type2 .sub_pic img{}
header#header .lib-box ul.type2_body li.type2>a{
    width: 100%;
    display: block;
    padding: 3px 6px;
    font-size: 15px;
    color: #fff;
    line-height: 32px;
    height: auto;
    text-align: center;
    background: #00a1e9;
}

/******三级********/
header#header .lib-box ul#pronav{ min-height:350px}
header#header .lib-box .type2_body .type2 .type3_body{
    width: 100%;
    display: block;
    width: calc(100% - 240px);
    clear: both;
    
    position: absolute;
    top: 120px;
    left: 50px;
    height: auto;
    padding: 2px 20px 0 20px;
    
    z-index: 999999;
}
header#header .lib-box .type2_body .type2 .type3_body .type3_li .type_info_body .type3_title{
    padding: 0 10px 8px;
}
header#header .lib-box .type2_body .type2 .type3_body .type3_li .type_info_body .type3_info{
    font-size: 12px;
    text-align: left;
    padding: 0 10px;
}
header#header .lib-box .type2_body .type2 .type3_body .type3_li .type_info_body .type3_pic{
    padding: 8px;
}
header#header .lib-box .type2_body .type2 .type3_body .type3_li .type_info_body .type3_pic img{
    max-width: 100%;
}
header#header .lib-box .type2_body .type2 .type3_body .type3_li.on .type_info_body{
    
}
header#header .lib-box .type2_body .type2 .type3_body .type3_li .type_info_body{
    display: none;
    right: -240px;
    position: absolute;
    top: -180px;
    width: 236px;
    background: #fff;
    z-index: 999;
    min-height: 320px;
}
header#header .lib-box .type2_body .type2 .type3_body .type3_li{
    width: calc((100% - 60px)/6);
    display: block;
}
header#header .lib-box .type2_body .type2 .type3_body .type3_li a{
    padding: 0 0px;
    font-size: 15px;
    line-height: 32px;
    height: auto;
    width: 100%;
    color: #333;
}


/****************/
header#header .menu-lib-title { display: block; }
header#header .menu-lib-title .a { display: block; position: relative; transform: translateX(0); padding: 8px 10px; font-size: 14px; line-height: 1.4em; color: #333; transition: all 0.3s; }
header#header .menu-lib-title .a.on, header#header .menu-lib-title .a:hover { color: #008cff; }
header#header .menu-lib-title .a:hover { transform: translateX(3px); }
header#header .right-box { position: absolute; right: 0; top: 0; height: 100%; }
.header-type-a { height: 101px; border-bottom: 1px solid #e6e6e6; }
.header-type-a #header .logo-box img { height: 30px; }
.header-type-a #header .menu .menu-son .menu-title { color: #333333; }
.header-type-a #header .menu .menu-son .menu-title:hover { color: #008cff; }
.header-type-a #header .menu .menu-son.on .menu-title { color: #008cff; }
.small-header #header .logo-box img { height: 100%; }
.small-header #header .menu .menu-son .menu-title { font-size: 15px; line-height: 60px; color: #333333; }
.small-header #header .menu .menu-son.on .menu-title, .small-header #header .menu .menu-son:hover .menu-title { color: #008cff; }
.small-header #header .lib-box { padding: 25px 0; }
.small-header #header .menu-lib-title .a { font-size: 14px; }
}
@media (max-width: 1200px) {
body[data-them="white"] #header .right-box .language-block .word-li { color: #333333; }
body[data-them="white"] #header .menu .menu-title { color: #333333; }
.header-box { position: sticky; top: 0; z-index: 99; height: 0; }
#header { position: static; }
#header .logo-box { height: 56px; }
#header .logo-box img { height: 100%; }
#header .mid-box .menu { display: flex; flex-wrap: wrap; position: fixed; flex-flow: column; top: 56px; left: 0; height: calc(100% - 56px); width: 100%; padding: 0; background: #fafafa; overflow-y: auto; pointer-events: none; opacity: 0; z-index: -1; transform: scale(0.99) translateY(5%); transition: transform 0.2s ease-in-out, opacity 0.3s, height 0.3s, top 0.3s; }
#header .mid-box .menu-box { margin: 0 auto; max-width: 100%; width: 768px; padding: 0 15px; flex-wrap: wrap; }
#header .mid-box .menu-son { display: flex; width: 100%; flex-wrap: wrap; }
#header .mid-box .menu-son .menu-title { display: flex; position: relative; border-bottom: 1px solid #eee; height: auto; width: 100%; padding: 5px 10px; justify-content: space-between; align-items: center; font-size: 16px; line-height: 38px; color: #555555; }
#header .mid-box .menu-son .menu-title .menu-lib-btn { height: 100%; }
#header .mid-box .menu-lib { display: none; border-bottom: 1px solid #eee; width: 100%; padding: 7px 0; }
#header .mid-box .menu-lib .flex-box { justify-content: unset; }
#header .mid-box .menu-lib .flex-box .line { display: none; }
#header .mid-box .menu-lib .flex-box .flex-right { display: none; }
#header .mid-box .menu-lib .menu-lib-title { display: block; width: 100%; }
#header .mid-box .menu-lib .menu-lib-title .a { display: block; padding: 5px 25px; font-size: 14px; color: rgba(0, 0, 0, 0.7); }
#header .right-box .language-block { display: none; }
#header .right-box .language-block + .line { display: none; }
#header .right-box .phone-menu { display: block; margin-left: 25px; }
.header-type-a { height: 56px; }
.menu-show #header .mid-box .menu { pointer-events: auto; z-index: 999; opacity: 1; transform: scale(1) translateY(0); background: #fafafa; }
}
@media (max-width: 768px) {
#header .logo-box { height: 46px; }
#header .logo-box img { height: 80%; }
#header .mid-box .menu { top: 46px; height: calc(100% - 46px); }
#header .right-box .search-check { height: 16px; width: 16px; }
#header .right-box .phone-menu { width: 32px; height: 28px; margin-left: 15px; }
#header .right-box .phone-menu .phone-menu-i.i1 { margin-top: -7.5px; }
#header .right-box .phone-menu .phone-menu-i.i3 { margin-top: 4.5px; }
.menu-show #header .right-box .phone-menu .phone-menu-i { margin-top: -1.5px; }
}
.language-block { position: relative; border: solid 1px #dfdfdf; }
.language-block:hover .word-ul { transform: translateY(0); opacity: 1; pointer-events: auto; }
.language-block .word-li { padding: 5px 14px 5px 19px; color: #888888; }
.language-block .word-li:hover { color: #008cff; }
.language-block .word-li .word { padding-left: 10px; font-size: 14px; line-height: 30px; }
.language-block .word-li.default::after { content: ""; display: block; margin-bottom: 2px; margin-left: 13px; width: 8px; height: 4px; background: url(../images/icon_jt_4_1_1.png) no-repeat center / contain; }
.language-block .word-li.default:hover::after { background-image: url(../images/icon_jt_4_1_2.png); }
.language-block .word-ul { position: absolute; left: 0; transform: translateY(10px); opacity: 0; pointer-events: none; transition: opacity 0.3s, transform 0.3s; background: #ffffff; }
.language-block.top .word-ul { top: 100%; }
.language-block.bot .word-ul { bottom: 100%; }
.form-type-a { display: flex; position: fixed; top: 0; left: 0; margin-top: 0; z-index: -1; width: 100%; height: 100%; pointer-events: none; align-items: center; opacity: 0; transition: all 0.4s ease-in-out; background-color: rgba(0, 0, 0, 0.6); }
.form-type-a .form-box { display: flex; width: 100%; padding: 45px 40px; }
.form-type-a .form { display: flex; position: relative; z-index: 9; margin-left: auto; margin-right: auto; border: 1px solid #2e80d4; border-radius: 4px; width: 1200px; max-width: 100%; font-size: 0; background: #ffffff; }
.form-type-a .form .key { display: inline-flex; position: relative; width: 100%; height: 52px; padding: 0 30px; line-height: 50px; font-size: 16px; color: #333; }
.form-type-a .form .key:focus { border-color: #fff; }
.form-type-a .form .key:placholder-show {
 color: #c4cbd4;
}
.form-type-a .form .submit { display: inline-flex; flex-shrink: 0; border-radius: 4px; height: 100%; width: 50px; padding: 0; background: #f1f1f1 url(../images/icon_search_h.png) no-repeat center; cursor: pointer; }
.form-type-a .form .submit:hover { background-color: #dedede; }
.form-type-a .exit { display: flex; position: absolute; left: 0; top: 0; height: 100%; width: 100%; border: 0 none; cursor: pointer; }
.form-type-a .exit::after, .form-type-a .exit::before { display: none; }
.search-show .form-type-a { pointer-events: auto; opacity: 1; z-index: 9999; }
.form-type-b .form { margin: 0; border: solid 1px #aaaaaa; padding: 0; }
.form-type-b .form .key { width: 100%; height: 52px; padding: 0 25px; font-size: 16px; line-height: 52px; color: #666666; }
.form-type-b .form .submit { margin: 0; width: 78px; padding: 0; flex-shrink: 0; background: transparent url(../images/icon_search2.png) no-repeat center; cursor: pointer; transition: all 0.3s; }
.form-type-b .form .submit:hover { background-color: #f1f1f1; }
@media (max-width: 1200px) {
.form-type-b .form .key { height: 42px; padding: 0 20px; font-size: 14px; line-height: 42px; }
.form-type-b .form .submit { width: 58px; background-size: 22px auto; }
}
.footer-type-a { border-top: 1px solid #eaeaea; }
.footer { padding-top: 56px; font-size: 14px; color: #898989; background:url(../img/copyright_bgs.jpg); background-repeat: no-repeat;
    background-position: top center;
    background-color: #414141; }
.footer a { color: #898989; }
.footer a:hover { color: #008cff; }
.footer .title { margin-bottom: 10px;font-size: 18px;
    margin-bottom: 15px;
    color: #fff;
    display: block; }
.footer .contact .title{font-size:28px}
.footer .lxwm{color:#D3D3D3}



.footer .top { padding-bottom:30px }
.footer .top .list { width: 77%; }
.footer .top .list .list-li { width: 195px; padding-right: 10px; }
.footer .top .list .list-li.lxwm { width: 355px; padding-right: 0; }
.footer .top .list .a-box .a-li { padding: 5px 0; }
.footer .top .list .a-box .a { display: block; transform: translateX(0); transition: all 0.3s; }
.footer .top .list .a-box .a:hover { transform: translateX(3px); }
.footer .top .list .cont { line-height: 24px; }
.footer .top .list .cont .con-mid { margin: 17px 0 17px; }
.footer .top .list .cont .flex-box span { flex-shrink: 0; }
.footer .top .code-block {  width: 20%; padding-left: 2.16%; }
.footer .top .code-block .code-li { max-width: 32%; text-align: center; }
.footer .top .code-block .code-li img { height: auto; }
.footer .top .code-block .txt { margin-top: 5px; }
.footer .top .friend { padding-top: 72px; padding-bottom: 24px; }
.footer .top .friend .friend-tit { flex-shrink: 0; }
.footer .top .friend a { margin-right: 45px; }
.footer .top .friend .line { margin: 0 18px; width: 1px; height: 14px; background-color: #dddddd; }
.footer .links .line { margin: 0 15px; width: 1px; height: 15px; background-color: #b5b4b4; }


.footer .foot-bot { padding-top: 18px; padding-bottom: 18px; color: #b5b4b4;background: #454545; }
.footer .foot-bot a { color: #b5b4b4; }
.footer .foot-bot a:hover { color: #008cff; }
.footer .foot-bot .copy { display: inline-block; }
@media (max-width: 1200px) {
.footer { padding-top: 35px; }
.footer .title { margin-bottom: 5px; }
.footer .top .flex-box { flex-wrap: wrap; }
.footer .top .list { width: 100%; }
.footer .top .list .list-li { display: none; }
.footer .top .list .list-li.contact { display: block; width: 100%; }
.footer .top .list .cont .con-mid { margin: 0; }
.footer .top .code-block { justify-content: start; border-left: 0 none; width: 100%; padding-left: 0; }
.footer .top .code-block .code-li { margin-right: 5%; max-width: 28%; }
.footer .top .code-block .code-li img { width: 100px; }
.footer .top .share-box { margin: 5px 0 10px; }
.footer .top .friend { padding: 10px 0; }
.footer .top .friend a { line-height: 24px; margin-right: 15px; }
.footer .top .friend .line { margin: 0 15px; }
.footer .foot-bot { text-align: center; }
.footer .foot-bot .left { width: 100%; }
.footer .foot-bot .right { display: none; width: 100%; }
}
@media (max-width: 992px) {
.footer .top .code-block .code-li img { width: 80px; height: auto; }
}
/**首页**/
/**banner**/

@keyframes slideOutUp {  0% {
 -webkit-transform: translateY(0);
 -o-transform: translateY(0);
 transform: translateY(0)
}
 100% {
 visibility: hidden;
 -webkit-transform: translateY(-100%);
 -o-transform: translateY(-100%);
 transform: translateY(-100%)
}
}
.slideOutUp { -webkit-animation-name: slideOutUp; -o-animation-name: slideOutUp; animation-name: slideOutUp }
.commonweb {  padding-left: -webkit-calc((158/1920)*100%);
 padding-left: calc((158/1920)*100%);
 padding-right: -webkit-calc((158/1920)*100%);
 padding-right: calc((158/1920)*100%)
}
a, img { -webkit-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s }
.pic_m img { -webkit-animation: pic_m 6s ease; -o-animation: pic_m 6s ease; animation: pic_m 6s ease }
.indexbanner { width: 100%; overflow: hidden; position: relative }
.indexbanner ul { width: 100%; padding: 0; margin: 0 }
.indexbanner ul li { width: 100%; height: auto; overflow: hidden; z-index: 44; position: relative }
.indexbanner ul li .img img { position: relative; width: 100%; transition: all 1s ease 2.5s; transform: perspective(1000px) translate3d(0, 0, 100px); left: 0px; top: 0px; height: 100%; object-fit: cover; max-height: 960px; }
.indexbanner .swiper-slide-active .img img { transition: all 5s ease 0s; transform: perspective(1000px) translate3d(0, 0, 0px); }
.indexbanner ul li .banner_info { position: absolute; top: 40%; left: 0; width: 100%; z-index: 2 }
/*
.indexbanner ul li .banner_info h2 {
    font-size: 32px;
    line-height: 1;
    color: #fff;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    font-family: "InterB"
}

.indexbanner ul li .banner_info h4 {
    font-size: 0.24rem;
    font-weight: bold;
    color: #fff;
    padding: 0.4rem 0 0.9rem;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s
}
*/
.indexbanner ul li .text * { transform: translateY(3rem); opacity: 0; }
.indexbanner .swiper-slide-active .text * { transition: all 2s ease .5s; transform: translateY(0); opacity: 1; }
.indexbanner ul li .banner_info .text { position: absolute; top: 42%; width: 96%; max-width: 1380px; left: 0px; right: 0px; margin: 0 auto; transform: translateY(-50%); }
.indexbanner ul li .banner_info .bannerTitle img { width: auto; height: auto }
.indexbanner ul li .banner_info .bannerTitle { color: #105daf; position: relative; font-size: 48px; font-weight: 700; text-align: left; height: auto }
.indexbanner ul li .banner_info .bannerTitle i { font-size: 66px; color: #ec0c01; font-weight: 700; font-style: inherit; }
.indexbanner ul li .banner_info .summry span { display: block; font-size: 26px; font-weight: bold; }
.indexbanner ul li .banner_info .summry { -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; color: rgb(255 255 255 / 70%); font-size: 32px; letter-spacing: 0px; text-align: center; text-transform: uppercase; font-family: arial; text-align: left; color: #fff; }
.indexbanner ul li .banner_info .abtn { -webkit-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); opacity: 0; -webkit-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; min-width: 2.2rem; min-height: 0.6rem }
.indexbanner ul li.active .banner_info h2, .indexbanner ul li.active .banner_info h4, .indexbanner ul li.active .banner_info .abtn { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) }
.indexbanner .swiper-pages span { display: inline-block; margin-right: 12px; width: 12px; height: 12px; background: #fff; cursor: pointer; transition: all .5s; border-radius: 50%; }
.indexbanner span.swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--theme-color); background: #ff6501; }
.indexbanner .bot { position: absolute; left: 0; width: 100%; bottom: 50px; z-index: 9999; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; height: 60px; }
.indexbanner .swiper-pages { width: 200px; text-align: center; margin: 0 auto }
.indexbanner .swiper-pages span { width: 15px; display: inline-block; height: 15px; background-color: #6e6e6e; opacity: 1; margin: 0 10px; border-radius: 50%; cursor: pointer }
.indexbanner .swiper-pages .swiper-pagination-bullet-active { background-color: #cccccc }
/*
.indexbanner .btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.indexbanner .btns .btn {
    position: static;
    color: #cccccc;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    border: 1px solid #ccc;
    margin: 0 0 0 0.15rem;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s
}

.indexbanner .btns .btn::after {
    font-size: 0.16rem
}

.indexbanner .btns .btn:hover {
    background-color: #ef851d;
    border-color: #ef851d;
    color: #fff
}
*/

/*
.index-banner { position: relative; text-align: center; }
.index-banner .box { display: block; }
.index-banner .swiper-btns { position: absolute; left: 0; bottom: 50%; z-index: 2; width: 100%; }
.index-banner .swiper-btns .btns-box { height: 0; }
.index-banner .swiper-btns .btn { width: 30px; height: 60px; background: no-repeat center; opacity: 0.13; }
.index-banner .swiper-btns .btn:hover { opacity: 1; }
.index-banner .swiper-btns .prev { background-image: url(../images/icon_jt_1_1_1.png); }
.index-banner .swiper-btns .next { background-image: url(../images/icon_jt_1_2_1.png); }
.index-banner .swiper-points { position: absolute; left: 0; bottom: 4.21%; z-index: 2; width: 100%; }
@media (max-width: 768px) {
.index-banner .box img { display: block; height: 200px; object-fit: cover; }
.index-banner .swiper-btns .btn { background-size: 20px auto; }
}


*/
/***************/
#ibanner .bannerBox{
  width:100%;
  height:auto;
  overflow: hidden;
}
#ibanner .content{
  position:relative;
  width:100%;
  height: auto;
}
#ibanner .picB{
  width:100%;
  height:auto;
  overflow:hidden;
}
#ibanner .bannerPic{
  position:relative;
  width:100%;
  transition:all 1s ease 2.5s;
  transform:perspective(1000px) translate3d(0, 0, 100px);
  display:block;
  left:0px;
  top:0px;
  height:100vh;
  object-fit:cover;
  max-height: 960px;
}
#ibanner .swiper-slide-active .bannerPic{
  transition:all 5s ease 0s;
  transform:perspective(1000px) translate3d(0, 0, 0px);
}
#ibanner .swiper-button-prev{
  width:45px;
  height:100px;
  cursor:pointer;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:1;
  left:0;
  background-color:rgba(0, 0, 0, 0.5);
  color:#adacac;
  text-align:center;
  line-height:100px;
  font-size:38px;
  font-weight:100;
}
#ibanner .swiper-button-next{
  width:45px;
  height:100px;
  cursor:pointer;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:1;
  right:0;
  background-color:rgba(0, 0, 0, 0.5);
  color:#adacac;
  text-align:center;
  line-height:100px;
  font-size:38px;
  font-weight:100;
}
#ibanner .text{
  
  position:absolute;
  top: 42%;
  width:96%;
  max-width: 1380px;
  left:0px;
  right:0px;
  margin:0 auto;
  transform:translateY(-50%);
  text-align:right;
}
#ibanner .bannerTitle img{width: auto;}
#ibanner .bannerTitle{
  color: #105daf;
  position:relative;
  font-size: 48px;
  font-weight:700;
  text-align: left;
}
#ibanner .bannerTitle i{
  font-size:66px;
  color:#ec0c01;
  font-weight:700;
  font-style:inherit;
}
#ibanner .summry span{display:block;font-size: 26px;font-weight: bold;}
#ibanner .summry{
  overflow:hidden;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  text-overflow:ellipsis;
  color:rgb(255 255 255 / 70%);
  font-size: 32px;
  letter-spacing: 0px;
  text-align: center;
  text-transform:uppercase;
  font-family:arial;
  text-align: left;
  color: #fff;
}
#ibanner .bannerLink{
  display:block;
  width:6rem;
  height:2rem;
  border-radius:1rem;
  background-color:#fff;
  text-align:center;
  line-height:2rem;
  color:#ccc;
  margin-top:3rem;
}
#ibanner .text *{
  transform:translateY(3rem);
  opacity:0;
}
#ibanner .swiper-slide-active  .text *{
  transition:all 2s ease .5s;
  transform:translateY(0);
  opacity:1;
  
}
#ibanner .bannerLink:hover{
  background-color:rgba(227, 70, 70, 1);
  color:#fff;
  transition:all 2s ease;
}
@media only screen and (max-width: 1024px) and (min-width: 769px){
  
#ibanner .bannerTitle {
    font-size: 1.25rem;
  }
#ibanner .summry {
    font-size: 1rem;
  }
}
#ibanner .L_moreBth{
  position:relative;
  margin-top:3em;
  width: 155px;
  height: 40px;
  line-height: 40px;
  
  font-size: 16px;
  font-family:"Arial";
  color: #fff;
  transition:all .5s !important;
  display:block;
  z-index:9999;
  margin-left:auto;
  text-align:center;
  background:var(--theme-color);
  border:1px solid var(--theme-color);
  margin: 2em auto 0;
  
  background: #105daf;
  float: left;
  display: none;
}
@media only screen and (max-width: 768px){
  body #ibanner .bannerTitle img{
    max-width: 100%;
    transform: translateY(0rem);
    opacity: 1;
    position: relative;
    left: 0;
}
#ibanner .bannerBtn {
    display:none;
  }
#ibanner .bannerPic{
  max-height: 380px;
  }
#ibanner .bannerTitle {
    font-size: 26px;
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
    height: auto;
    max-width: 100%;
  }
#ibanner .text{
    max-width: 440px;
    top: 46%;
    max-width: 300px;
}
#ibanner .summry {
    font-size: 18px;
    letter-spacing: 0;
    text-align: center;
    word-break: break-word !important;
    width: 100%;
    margin: 0 auto;
  }
#ibanner .L_moreBth {
    position: relative;
    margin-top: 3em;
    width: 140px;
    height: 35px;
    line-height: 35px;
    border-radius: 20px;
    font-size: 15px;
    font-family: "Arial";
    color: #fff;
    transition: all .5s !important;
    display: block;
    z-index: 9999;
    margin-left: auto;
    text-align: center;
    background: var(--theme-color);
    border: 1px solid var(--theme-color);
    margin: 10vw auto;
    border: solid #fff 1px;
    float: none;
}
}
#ibanner .L_moreBth img{
  width:auto!important;
  position:absolute;
  top:50% !important;
  transform:translateY(-50%) !important;
  right:15% !important;
  transition:all 0.3s !important;
  left:auto !important;
}
#ibanner .L_moreBth:hover{
  
  
}
#ibanner .swiper-pagination{
  position:absolute;
  z-index:20;
  bottom:5%;
  width:100%;
  text-align:center;
}
#ibanner .swiper-pagination span{
  display:inline-block;
  margin-right: 12px;
  width: 12px;
  height: 12px;
  background:#fff;
  cursor:pointer;
  transition:all .5s;
  border-radius:50%;
}
#ibanner span.swiper-pagination-bullet.swiper-pagination-bullet-active{
  background:var(--theme-color);
  background: #ff6501;
}


/***********/

@media (max-width: 768px) {
	.indexbanner ul li{ }
	.indexbanner ul li .img img{ max-height:100%}
.banner_info .bannerTitle img{
    max-width: 100%;
    transform: translateY(0rem);
    opacity: 1;
    position: relative;
    left: 0;
}
.banner_info .bannerBtn {
    display:none;
  }
.banner_info .bannerPic{
  max-height: 380px;
  }
.banner_info .bannerTitle {
    font-size: 26px;
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
    height: auto;
    max-width: 100%;
  }
  .indexbanner ul li .banner_info .text {
    position: inherit;
    top: inherit; 
    width: 96%;
    max-width: 100%;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    transform: translateY(0);
}



.banner_info .text{ position:static;
    max-width: 440px;
    top: inherit;
    max-width: 300px;
}
.banner_info .summry {
    font-size: 18px;
    letter-spacing: 0;
    text-align: center;
    word-break: break-word !important;
    width: 100%;
    margin: 0 auto;
  }
.banner_info .L_moreBth {
    position: relative;
    margin-top: 3em;
    width: 140px;
    height: 35px;
    line-height: 35px;
    border-radius: 20px;
    font-size: 15px;
    font-family: "Arial";
    color: #fff;
    transition: all .5s !important;
    display: block;
    z-index: 9999;
    margin-left: auto;
    text-align: center;
    background: var(--theme-color);
    border: 1px solid var(--theme-color);
    margin: 10vw auto;
    border: solid #fff 1px;
    float: none;
}
}
.banner_info .L_moreBth img{
  width:auto!important;
  position:absolute;
  top:50% !important;
  transform:translateY(-50%) !important;
  right:15% !important;
  transition:all 0.3s !important;
  left:auto !important;
}
	
	
}
.more-box-a { font-size: 0; line-height: 0; }
.more-box-a .btn { border-radius: 5px; padding:0 20px;      font-size: 16px;
    font-weight: 100;
      width: 140px;
    height: 36px;
    color: #333; text-align:center; margin:0 auto;   line-height:36px;   background-color: #fff; border:1px solid #0f5cae }




.more-box-a .btn:hover { background-color: #008cff; color:#fff }
.more-box-a .btn:hover::before, .more-box-a .btn:hover::after { background-color: #0094fb; transform: translateX(-5px); }
.more-box-b .btn { display: block; width: 132px; height: 42px; background: #2c80d4 url(../images/icon_jt_5_1_1.png) no-repeat center; }
.more-box-b .btn:hover { background-color: #008cff; }
.more-box-b .btn.on { transform: rotate(180deg); }
.auto-title { padding-top: 60px; padding-bottom: 25px; }
.auto-title .auto-title-h1 { font-size: 30px; font-weight: 600; line-height: 1.4em; letter-spacing: 4px; }
.auto-title .auto-title-h1 .line { display: block; margin: 12px auto 0; width: 36px; height: 1px; background-color: #333333; }
.auto-title .auto-title-h1 + .auto-title-h2 { margin-top: 3px; }
.auto-title .auto-title-h2 { font-size: 24px; line-height: 1.4em; letter-spacing: 1px; }
.auto-title .auto-title-h2 + .auto-title-h1 { margin-top: 3px; }
.auto-title-b { padding-top: 60px; padding-bottom: 25px; }
.auto-title-b .auto-title-h1 { font-size: 38px; font-weight: 400; line-height: 1.4em; letter-spacing: 1px; }
.auto-title-b .auto-title-h1 + * { margin-top: 5px; }
.auto-title-b .auto-title-h2 { font-size: 16px; line-height: 1.4em; opacity: 0.25; }
.auto-title-b .auto-title-h2 + * { margin-top: 5px; }
.auto-title-b .auto-title-h3 { font-size: 15px; line-height: 1.4em; }
.auto-title-b .auto-title-h3 + * { margin-top: 5px; }
.auto-title-b .auto-title-h4 { font-size: 18px; line-height: 1.4em; }
.auto-title-b .auto-title-h4 + * { margin-top: 5px; }
@media (max-width: 1200px) {
.auto-title { padding-top: 35px; padding-bottom: 20px; }
.auto-title .auto-title-h1 { font-size: 20px; letter-spacing: 2px; }
.auto-title .auto-title-h2 { font-size: 16px; }
.auto-title-b { padding-top: 35px; padding-bottom: 20px; }
.auto-title-b .auto-title-h1 { font-size: 20px; }
.auto-title-b .auto-title-h2 { font-size: 14px; }
.auto-title-b .auto-title-h3 { font-size: 14px; }
.auto-title-b .auto-title-h4 { font-size: 14px; }
.more-box-a .btn { border-radius: 18px; padding-left: 20px; font-size: 14px; line-height: 36px; }
.more-box-a .btn::after { margin-left: 15px; width: 20px; height: 20px; background-size: 4px auto; }
}
@media (max-width: 992px) {
.auto-title .cn { font-size: 18px; }
}
@media (max-width: 768px) {
.more-box-a .btn { border-radius: 15px; padding-left: 15px; font-size: 13px; line-height: 32px; }
.more-box-a .btn::after { margin-left: 10px; }
}
.video-auto-a { position: relative; }
.video-auto-a img { display: block; position: static; width: 100%; height: auto; }
.video-auto-a .video-play { display: block; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.2); transition: all 0.3s; }
.video-auto-a .video-play .icon { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; width: 50px; height: 50px; background: #ffffff no-repeat center / contain; transition: all 0.3s; }
.video-auto-a .video-play .icon::before { content: ""; display: block; position: absolute; left: 50%; top: 50%; margin-left: -4px; margin-top: -7px; border-left: 13px solid #f5bb00; border-top: 7px solid transparent; border-bottom: 7px solid transparent; transition: all 0.3s; }
.video-auto-a .video-play:hover { background: rgba(0, 0, 0, 0.5); }
.video-auto-a .video-play:hover .icon { background-color: #f5bb00; }
.video-auto-a .video-play:hover .icon::before { border-left-color: #ffffff; }
@media (max-width: 992px) {
.video-auto-a .video-play .icon { width: 40px; height: 40px; }
.video-auto-a .video-play .icon::before { margin-left: -3px; margin-top: -6px; border-left-width: 10px; border-top-width: 6px; border-bottom-width: 6px; }
}
.index-block-a { overflow: hidden; }
.index-block-a + .index-block-a .auto-title { padding-top: 0; }

/***产品展示*****/
#iproBox .p_Product{
width:calc((100% - 0px)/4);
}
#iproBox .p_CommonSummaryBoxA{
text-align:center;
}
#iproBox .p_MatteIcon .iconfont:before{
content:'\e602';
}
#iproBox >div{
animation-fill-mode:both;
}
#iproBox .p_page .pre .iconfont:before{
shadow-angle:0px;
shadow-distance:0px;
shadow-angle-ofInset:0px;
shadow-distance-ofInset:0px;
}
#iproBox .p_page .next .iconfont:before{
shadow-angle:0px;
shadow-distance:0px;
shadow-angle-ofInset:0px;
shadow-distance-ofInset:0px;
}
#iproBox .p_more .iconfont:before{
shadow-angle:0px;
shadow-distance:0px;
shadow-angle-ofInset:0px;
shadow-distance-ofInset:0px;
}
#iproBox .p_loading .iconfont:before{
shadow-angle:0px;
shadow-distance:0px;
shadow-angle-ofInset:0px;
shadow-distance-ofInset:0px;
}
#iproBox{  width:98%;
  max-width:1450px;
  min-width:0px;
  height:auto;
  max-height:none;
  min-height:0px;
  margin-top:10px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:30px;
  padding-top:0px;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
}


#proBox_list.proBox{
  width:100%;
  height:auto;
  overflow:hidden;
}
#proBox_list .proContainer{
  width:100%;
  height:auto;
  margin:1rem auto;
  padding: 0 0rem;
  overflow:hidden;
}
#proBox_list .proLi{
  position:relative;
  overflow:hidden;
  padding:1rem;
  height:auto;
}
#proBox_list .proLink{
  display:block;
  width:100%;
  overflow:hidden;
  border: solid 0px #e9e9e9;
  transition:all .5s ease;
}
.index#proBox_list .proLi:hover .pro_ru{opacity:1;}
.index#proBox_list .pro_ru{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 6;
    background: rgba(0,0,0,0.3);
    
    
    opacity: 0;
}
.index#proBox_list .pro_ru .pro_ru_add{
    position: absolute;
    top: 40%;
    left: 46%;
    z-index: 999;
    background: #fff;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
    font-size: 32px;
    color: #00a1e9;
}
.index#proBox_list .proImgBox{
    height: 0;
    padding: 0 0 75% 0;
}
#proBox_list .proImgBox{
  position:relative;
  width:100%;
  height: 368px;
  overflow:hidden;
  
  background: #fff;
}
#proBox_list .proImg{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50% ,-50%) scale(1.0);
  width:100%;
  height:auto;
  transition:all .5s ease;
  max-width: 100%;
}
#proBox_list .txtBox{
  width:100%;
  overflow:hidden;
}
#proBox_list .proTitle{
  position:relative;
  width:100%;
  padding-right: 0px;
  height:auto;
  border-bottom: solid 0px #e9e9e9;
  padding-bottom: 2px;
}
#proBox_list .name{
  display:block;
  width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:1.375rem;
}
#proBox_list .imgLink{
  position:absolute;
  top: 1px;
  right: 0px;
  display:block;
  width: 24px;
  height: 24px;
  overflow:hidden;
  display: none;
}
#proBox_list .proSummry{
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  margin-top:20px;
  color:#333;
  display: none;
}
#proBox_list .proLi:hover .proLink{
  -moz-box-shadow:0px 0px 30px #ccc;
  
  
}
#proBox_list .proLi:hover .proImg{
  transform:translate(-50% ,-50%) scale(1.1);
}
@media only screen and (min-width: 769px){
.index#proBox_list .proLink{
    position: relative;
    box-shadow: 0 5px 5px rgb(0 0 0 / 5%);
}
.index#proBox_list .txtBox{
 position: relative;
 background: rgba(255,255,255,1);
 padding: 10px
 0px 12px;
 z-index: 6;
 }
.index#proBox_list .name{
    color: #333;
    font-size: 18px;
}



#proBox_list .proContainer{
  max-width:1600px;
  
  padding: 0px;
}
#proBox_list .proLi:hover .txtBox{background:#00a1e9;}
#proBox_list .proLi:hover .txtBox *{color:#fff;}
#proBox_list .proLi{
  float:left;
}
#proBox_list .proLink{
  
  display: block;
  position: relative;
}
#proBox_list .txtBox{
  height:auto;
  padding: 15px 0px 12px;
  background: rgba(0,0,0,0.7);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
#proBox_list .name{
  font-size:1rem;
  color: #fff;
  font-weight: normal;
  
  
  text-align: center;
}

}
@media only screen and (max-width: 1024px) and (min-width: 769px){
  
#proBox_list .proContainer {
    max-width: 900px;
  }
#proBox_list .proLi {
    width: 50%;
  }
#proBox_list .proLink {
    
    height: 400px;
  }
#proBox_list .proImgBox {
    height: 245px;
  }
}
@media only screen and (max-width: 768px){
  #proBox_list .proContainer {
    min-width: 220px;
  }
#proBox_list .proLi {
    width: 100%;
    width: calc((100% - 0px)/1)!important;
    padding: 0;
  }
#proBox_list .proLink {
    height: auto;
  }
#proBox_list .proImgBox {
    height: 180px;
    width: 100%;
    position: relative;
    padding: 0 0 75% 0;
    height: 0;
  }
#proBox_list .txtBox {
    
    padding: 0px;
    background: #fff;
  }
#proBox_list .proTitle {
    height:40px;
    padding-bottom: 6px;
  }
#proBox_list .proSummry {
    margin-top: 15px;
  }
  #proBox_list .name{
    text-align: center;
    font-size: 18px;
    font-weight: normal;
}
}



/*
.index-block-a .swiper-box { position: relative; margin: 0 -20px; text-align: center; }
.index-block-a .swiper-box .swiper-container { padding: 20px 10px; }
.index-block-a .swiper-box .box { display: block; margin: 10px; }
.index-block-a .swiper-box .box:hover .img-box { box-shadow: 0px 0px 21px 0px rgba(99, 99, 99, 0.13); }
.index-block-a .swiper-box .box:hover .cont .title { color: #008cff; }
.index-block-a .swiper-box .img-box { display: block; box-shadow: 0px 0px 21px 0px rgba(99, 99, 99, 0); border-radius: 10px; width: 330px; max-width: 100%; background-color: #ffffff; }
.index-block-a .swiper-box .img-box::after { content: ""; display: block; width: 100%; padding-top: 100%; }
.index-block-a .swiper-box .cont { padding: 43px 0; }
.index-block-a .swiper-box .cont .title { margin-bottom: 4px; font-family: Arial-BoldMT; font-size: 16px; font-weight: 600; line-height: 1.4em; letter-spacing: 1px; color: #222222; }
.index-block-a .swiper-box .cont .des { font-size: 14px; line-height: 1.4em; color: #999999; }
.index-block-a .swiper-btn .btn { display: block; position: absolute; top: 0; z-index: 2; width: 25px; height: 100%; background: no-repeat center; }
.index-block-a .swiper-btn .btn.prev { left: -60px; background-image: url(../images/icon_jt_2_1_1.png); }
.index-block-a .swiper-btn .btn.prev:hover { background-image: url(../images/icon_jt_2_1_2.png); }
.index-block-a .swiper-btn .btn.next { right: -60px; background-image: url(../images/icon_jt_2_2_1.png); }
.index-block-a .swiper-btn .btn.next:hover { background-image: url(../images/icon_jt_2_2_2.png); }
.index-block-a .swiper-btn .btn.swiper-button-disabled { display: none; }
@media (max-width: 1200px) {
.index-block-a + .index-block-a { margin-top: 0; }
.index-block-a .swiper-box { margin: 0 -10px; }
.index-block-a .swiper-box .swiper-container { padding: 0 10px; }
.index-block-a .swiper-box .box { margin: 0 10px; }
.index-block-a .swiper-box .cont { padding: 20px 10px 0; }
.index-block-a .swiper-btn .btn { background-size: 16px auto; }
}
*/
@media (max-width: 768px) {
.index-block-a .swiper-btn .btn.prev { left: 0; }
.index-block-a .swiper-btn .btn.next { right: 0; }
}

/******为什么选择我们

************/
.index-block-f{ padding-bottom: 30px; }
#c_portalResPublic_codeContainer-16474228379538853{  width:100%;
  max-width:none;
  min-width:0px;
  height:auto;
  max-height:none;
  min-height:100px;
  margin-top:0px;
  margin-left:0px;
  margin-right:0px;
  margin-bottom:40px;
  padding-top:0px;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
}

#index_youshi ul{ padding:0; margin:0}

#index_youshi ul.L_top_box{max-width: 1430px;width:94%;margin:30px auto;display:flex;justify-content:space-around;}
#index_youshi ul.L_top_box li{position:relative;padding-left: 50px;color:#333;height: auto;flex-direction:column;justify-content:center;cursor:pointer;overflow:hidden;padding-right: 50px;}
#index_youshi ul.L_top_box li:before{content:'';font-family:"L_tb" !important;font-size:36px;background:#fff;position:absolute;width:80px;height:80px;border-radius:50%;left:0;color:var(--theme-color);align-items:center;justify-content:center;height: 0;width: 0;opacity: 0;}
#index_youshi ul.L_top_box li:nth-of-type(1):before{
content:'\e607';
}
#index_youshi ul.L_top_box li:nth-of-type(2):before{
content:'\e666';
}
#index_youshi ul.L_top_box li:nth-of-type(3):before{
content:'\e624';
}
#index_youshi ul.L_top_box li:nth-of-type(4):before{
content:'\e622';
}
#index_youshi ul.L_top_box li h2{font-size: 16px;font-weight: normal;padding: 1px 0 1px 0;text-align:center;}
#index_youshi ul.L_top_box li p{line-height: 70px;font-size:18px;margin: 20px auto 10px;text-align: center;width: 72px;height: 72px;background:none;border-radius: 50%;display: block;}
#index_youshi ul.L_top_box li.active p{background:#00a1e9;}
#index_youshi ul.L_top_box li p img{
filter: drop-shadow(0px 100px 0 #fff);}
#index_youshi ul.L_top_box li.active p img{transform: translate(0%,-95px) !important;}
#index_youshi ul.L_bottom_box .L_img{
position:relative;
height:0;
padding-bottom:25%;
background-attachment:fixed;
background-position:center;
background-repeat:no-repeat;
}
#index_youshi ul.L_bottom_box li{
position:relative;
padding-bottom:80px;
background:#fff;
display:none;
}
#index_youshi .L_taxt_box{max-width: 1430px;position:absolute;left:50%;bottom:10px;transform:translateX(-50%);background:#fff;box-shadow:1px 1px 10px rgba(0, 0, 0, .2);padding: 28px 35px;display:flex;flex-wrap:wrap;width:100%;}
#index_youshi .L_text_right{width: 66%;padding-left:10%;border-left:1px solid #eee;color:#000;font-size: 16px;line-height:2;padding: 32px 25px 22px 50px;line-height: 20px;}
#index_youshi .L_text_left{position:relative;padding-left: 10px;color:#333;height: auto;flex-direction:column;justify-content:center;cursor:pointer;width: 34%;border-right: 1px solid #ccc;}
#index_youshi .L_text_left:before{content:'';font-family:"L_tb" !important;font-size:36px;background:var(--theme-color);position:absolute;width:80px;height:80px;border-radius:50%;left:0;color:#fff;display:flex;align-items:center;justify-content:center;opacity: 0;height: 0;width: 0;}
#index_youshi .L_text_left_one:before{
content:'\e607';
}
#index_youshi .L_text_left_two:before{
content:'\e666';
}
#index_youshi .L_text_left_three:before{content:'\e624';}
#index_youshi .L_text_left_four:before{content:'\e622';}
#index_youshi .L_text_left h2{font-size:20px;font-weight:700;width: 200px;float:left;line-height: 76px;padding: 6px 0 0 25px;}
#index_youshi .L_text_left p img{filter: drop-shadow(0px 100px 0 #fff);transform: translate(0%,-90px) !important;}
#index_youshi .L_text_left p{font-size:18px;margin-top: 0px;width: 90px;float:left;height: 90px;border-radius: 50%;background: #00a1e9;text-align: center;line-height: 90px;overflow: hidden;}
#index_youshi ul.L_bottom_box .active{display:block;}
#index_youshi ul.L_top_box .active{
color:var(--theme-color);
}
#index_youshi ul.L_top_box .active:before{background:var(--theme-color);color:#fff;height: 0;width: 0;}

@media only screen and (max-width: 768px){
#index_youshi ul.L_bottom_box li{width: calc((100% - 0px)/2);float:left;}
#index_youshi ul.L_bottom_box .active{width: 100%;float:left;}
#index_youshi ul.L_top_box li{width: calc((100% - 0px)/2);display: block;padding: 0;flex-direction: inherit;justify-content: inherit;float: left;}
body #index_youshi ul.L_top_box{display: block;width: 100%;padding: 0;margin: 0 auto;height: auto;overflow: hidden;}
body #index_youshi ul.L_top_box li h2{text-align: center;padding: 0px 0 0;}
body #index_youshi ul.L_bottom_box{
    overflow: hidden;
    padding: 20px 0 0 0;
}
#index_youshi ul.L_top_box li p{
    margin: 10px auto 6px;
}

#index_youshi ul.L_bottom_box .L_taxt_box{
    position: relative;
    transform: translateX(0%);
    left: auto;
    bottom: 0;
    padding: 5px;
}
#index_youshi ul.L_bottom_box .L_img{
    position: relative;
    background-attachment: inherit;
    padding-bottom: 45%;
    background-size: 140%;
}
#index_youshi .L_text_left p{
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: 8px auto 2px auto;
    float: none;
}
#index_youshi .L_text_left h2{
    width: 100%;
    padding: 0;
    line-height: 32px;
    font-size: 14px;
    text-align: center;
    font-weight: normal;
}
#index_youshi .L_text_right{
    padding: 10px 4px 10px 10px;
    font-size: 16px;
}

}
body #index_youshi ul.L_bottom_box{}


/******为什么选择我们

************/

/*****案例展示********/
.index-block-b { padding:78px 0; background: url(../img/index_case_bg.jpg) no-repeat center / 100% 100%; }

.ihd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.ihd .right {
      width: 100%;
    max-width: 140px;
    min-width: 0px;
    height: 100%;
    max-height: 0px;
    min-height: 42px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: 0px;
    margin-bottom: 2px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;background: #00a1e9;
}
.comtitle {
    position: relative;
    z-index: 3
}

.comtitle .cn {
font-size:42px ;   line-height:1.4; color:#333
}

.comtitle .en {
font-size:16px ;   line-height: 1;
    font-family: "InterB"
}

.comtitle.white .cn,
.comtitle.white .en {
    color: #fff
}

.comtitle.center {
    text-align: center
}
 
 

 .right a {background: #00a1e9; line-height:42px;
   min-height: inherit;
  font-size: 16px;
    font-weight: 100;
    color: #fff;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    z-index: 99;
    position: relative;text-align: center;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

 .right a:hover,
 .right a.cur {
     font-weight: bold
}

/***************/


#case.proBox{
  padding: 30px 0;
}
#case .container{
    padding: 0;
}
#case .proContainer{
  width:100%;
  overflow:hidden;
}
#case .pro-swiper-box{
  display:none;
}
#case .proLi:hover *{color: #00a1e9;}
#case .proLi:hover img{transform:translate(-50% ,-50%) scale(1.1);}
#case .proLi{
  margin: 10px;
  background: #fff;
  width: calc((100% - 80px)/4);
  padding: 0 0 10px 0;
  position: relative;
}



.index#case .proLi{width: calc((100% - 50px)/3);margin: 10px;padding: 0;}
.index#case .txtBox-mo .proTitle-mo{width: 100%;}

#case .box .linkside{position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;z-index: 88;}
#case .box{
  width:100%;
  
  overflow:hidden;
position: relative;}
#case .proImgBox{
  position:relative;
  width:100%;
  
  cursor:pointer;
  overflow:hidden;
  padding: 0 0 125% 0;
}
#case .proImg{
  transition:all 0.5s;
  -webkit-transition:all 0.5s;
  -moz-transition:all 0.5s;
  -o-transition:all 0.5s;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  min-width:100%;
  max-width: 100%;
  
}
#case .swiper-btn{
  position:absolute;
  top:30%;
  background:rgba(0,0,0,.3);
  z-index:999;
}
#case .btn-left5{
  left:10px;
}
#case .btn-right5{
  right:10px;
}
#case .proIcon{
  display:flex;
  justify-content:center;
  align-items:center;
  width:50px;
  height:100px;
  color:#fff;
  font-size:2rem;
  cursor:pointer;
}
#case .proTitle{
  position:relative;
}
#case .linkMore{
  position:absolute;
  top:0px;
  right:10px;
  display:block;
  color:#fff;
  font-size:1rem;
}

#case .lastproLi { display:none}

@media (max-width: 767px){
.index#case .proLi {
    width: calc((100% - 20px)/2);
    margin: 5px;
    padding: 0;
}

#case .proLi.lastProLi{ display:block}

  
#case .txtBox-mo {
    display:block;
  }
#case .box {
    height:auto;
  }
#case .proImgBox {
    
    
  }
#case .proPicLink-mo{
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:100%;
    height:100%;
  }
#case .proLi {
    padding:0;
    margin-bottom:20px;
    width: calc((100% - 40px)/2);
    float: left;
  }
#case .txtBox-mo{
    padding: 5px;
  }
#case .proTitle-mo{
    margin-bottom: 0px;
  }
#case .proLink-mo{
    display:block;
    width:100%;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    padding: 0;
  }
#case .proSummry-mo {
    font-size: 0.875rem;
    line-height: 1.8;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
  }
}
#case .txtBox-mo .p_summary {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
#case .txtBox-mo *{display:block;text-align:center;font-size: 14px;line-height: 20px;color: #696969;}
#case .txtBox-mo .proTitle-mo{}
#case .txtBox-mo .proTitle-mo a{
    font-size: 20px;
    line-height: 42px;
    color: #00a1e9;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
@media (min-width: 768px){
.index#case .txtBox-mo .proTitle-mo a{color:#fff;}
.index#case .proLi:nth-child(1){margin-left: 0;}
.index#case .proLi:nth-last-child(1){margin-right: 0;}
.index#case .txtBox-mo{transition:all 0.5s;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;
    background: rgba(0,161,233,0.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 66;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    opacity: 0;
}
.index#case .proLi:hover .txtBox-mo{opacity:1;}
#case .txtBox-mo {
    
    padding: 6px 10px 10px;
  }
#case .pro-swiper-box {
    position: fixed;
    top: 0;
    left: 0;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    opacity:0;
    z-index:-1;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
  }
#case .show-swiper {
    opacity:1;
    z-index:9999;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
#case .swiper-container-wyz5{
    width: 700px;
    height: 550px;
    border: 10px solid #ccc;
    border-radius: 20px;
  }
#case .proImgBox-pc{
    position: relative;
    width: 100%;
    height: 530px;
    overflow: hidden;
  }
#case .proImg-pc {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    max-width: 110%;
    height: 100%;
  }
#case .boc {
    position:relative;
  }
#case .txtBox{
    position:absolute;
    bottom:0;
    left:0;
    width: 100%;
    padding: 20px 40px;
    background: rgba(0,0,0,.5);
  }
#case .proTitle{
    margin-bottom:10px;
  }
#case .proLink-swiper{
    display:block;
    width:100%;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
#case .proSummry{
    font-size: 0.875rem;
    line-height: 1.8;
    color: #eee;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
  }
#case .close-box{
    position: absolute;
    top: 5%;
    right: 5%;
  }
#case .close{
    color: #fff;
    opacity: 1;
    font-size: 2rem;
  }
}
@media only screen and (min-width:1200px){
#case .container{
  max-width: 1430px!important;
  width: 100%;
}
}







/*
.index-block-b .auto-title { padding-top: 20px; }
.index-block-b .des { margin-top: -15px; font-size: 16px; line-height: 32px; color: #333333; opacity: 0.68; }
.index-block-b .swiper-container { margin: 0 -16px; padding-top: 45px; padding-top: 20px; }
.index-block-b .swiper-container .swiper-li { display: none; }
.index-block-b .swiper-container .swiper-slide { display: block; }
.index-block-b .swiper-container .box { display: block; margin: 0 16px; border-radius: 4px; }
.index-block-b .swiper-container .box::before { content: ""; display: block; width: 100%; padding-top: 126.966%; }
.index-block-b .btns { padding-top: 20px; text-align: center; }
.index-block-b .btns .btn { width: 16.666%; }
.index-block-b .btns .btn.on .top img { opacity: 1; }
.index-block-b .btns .btn.on .top .word { opacity: 0; }
.index-block-b .btns .btn.on .bot .word { opacity: 1; }
.index-block-b .btns .btn.on .line::before { left: 0; width: 100%; }
.index-block-b .btns .word { font-size: 17px; line-height: 1.4em; letter-spacing: 1px; color: #ffffff; }
.index-block-b .btns .top { position: relative; width: 100%; padding: 20px 15px; }
.index-block-b .btns .top img { display: block; margin: 0 auto; height: auto; opacity: 0; transition: all 0.3s; }
.index-block-b .btns .top .word { position: absolute; left: 5%; bottom: 20px; width: 90%; padding-bottom: 15px; opacity: 1; transition: all 0.3s; }
.index-block-b .btns .line { position: relative; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.18); }
.index-block-b .btns .line::before { content: ""; display: block; position: absolute; left: 50%; bottom: 0; height: 2px; width: 0; background: #2e80d4; transition: all 0.3s; }
.index-block-b .btns .bot { width: 100%; padding: 15px; }
.index-block-b .btns .bot .word { display: flex; align-items: center; justify-content: center; height: 2.8em; opacity: 0; transition: all 0.3s; }
@media (max-width: 1200px) {
.index-block-b .des { margin-top: -15px; font-size: 14px; line-height: 24px; }
.index-block-b .swiper-container { margin: 0 -5px; padding-top: 15px; }
.index-block-b .swiper-container .box { margin: 0 5px; }
.index-block-b .btns { padding-top: 10px; }
.index-block-b .btns .btn { width: 25%; }
.index-block-b .btns .word { font-size: 14px; }
.index-block-b .btns .top { padding: 10px; }
.index-block-b .btns .top img { width: 40px; opacity: 1; }
.index-block-b .btns .top .word { bottom: 10px; padding-bottom: 10px; opacity: 0; }
.index-block-b .btns .bot { padding: 10px 10px 0; }
.index-block-b .btns .bot .word { height: 2.8em; opacity: 1; }
}
*/
.index-block-c { padding: 100px 0 115px; background: url(../images/bg2.jpg) no-repeat center / 100% 100%; }
.index-block-c .des { margin-top: 8px; font-size: 16px; line-height: 32px; color: #666666; }
.index-block-c .more-box-a { margin: 40px 0; }
.index-block-c .left-box { width: 40%; }
.index-block-c .right-box { width: 51.389%; }
.index-block-c .left-box  .swiper-container{ max-width:100%}

.index-block-c .scontainer .swiper-slide { text-align: center; width:25%; float:left }
.index-block-c .scontainer .swiper-slide.swiper-slide-active .box::before { right: -1px; top: 50%; transform: translateY(-50%); width: 1px; height: 90px; max-height: 70%; }
.index-block-c .scontainer .swiper-slide .box { display: block; position: relative; padding: 35px 15px; color: #555555; }
.index-block-c .scontainer .swiper-slide .box::before, .index-block-c .scontainer .swiper-slide .box::after { content: ""; display: block; position: absolute; background-color: #efefef; }

/*
.index-block-c .scontainer .swiper-slide .box:hover { color: #008cff; }
.index-block-c .scontainer .swiper-slide .box:hover .img .i { opacity: 0; }
.index-block-c .scontainer .swiper-slide .box:hover .img .i_h { opacity: 1; }

*/

.index-block-c .porTbox{
    transition:all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    text-align: center;
    width: 86px;
    margin: 0 auto;
    padding: 20px;
    
    
    height: 86px;
    line-height: 32px;
    position: relative;
    overflow: hidden;
}

.index-block-c .swiper-slide:hover .porTbox:before{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);}
.index-block-c .swiper-slide:hover .porTbox:after{-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);}
.index-block-c .swiper-slide .porTbox:before{content:"";width: calc(100% - 24px);height: calc(100% - 24px);position: absolute;left: 12px;top: 12px;border: 2px solid #00a1e9;border-radius: 5px;transition:all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;}
.index-block-c .swiper-slide .porTbox:after{content:"";width: calc(100% - 24px);height: calc(100% - 24px);position: absolute;left: 12px;top: 12px;border: 2px solid #00a1e9;border-radius: 5px;transition:all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);}
.index-block-c .porTbox img{filter: drop-shadow(0px 64px 0 #fff);max-width: 40px;}



/*******************/



.index-block-c .scontainer .swiper-slide .box + .box::after { left: 50%; top: 0; transform: translateX(-50%); width: 90px; height: 1px; max-width: 90%; }
.index-block-c .scontainer .swiper-slide .img { display: inline-block; position: relative; margin-bottom: 11px; vertical-align: top; }
.index-block-c .scontainer .swiper-slide .img img { display: block; height: auto; }
.index-block-c .scontainer .swiper-slide .img .i { opacity: 1; }
.index-block-c .scontainer .swiper-slide .img .i_h { position: absolute; left: 0; top: 0; opacity: 0; }
.index-block-c .scontainer .swiper-slide .txt { font-size: 17px; line-height: 1.4em; letter-spacing: 1px; }
.index-block-c .swiper-points span { margin: 0 6.5px; width: 13px; height: 13px; opacity: 1; background-color: #d5d5d5; }
.index-block-c .swiper-points span.swiper-pagination-bullet-active { background-color: #2e80d4; }
@media (min-width: 1201px) {
.index-block-c .auto-title { padding-top: 0; }
}
@media (max-width: 1200px) {
.index-block-c { padding: 35px 0 30px; }
.index-block-c .left-box { order: 2; width: 100%; }
.index-block-c .right-box { order: 1; width: 100%; }
.index-block-c .auto-title { padding-top: 20px; }
.index-block-c .des { margin-top: -15px; font-size: 14px; line-height: 24px; }
.index-block-c .more-box-a { margin: 20px 0; }
.index-block-c .scontainer .swiper-slide .box { padding: 25px 15px; }
.index-block-c .scontainer .swiper-slide .img { margin-bottom: 10px; zoom: 0.6; }
.index-block-c .scontainer .swiper-slide .txt { font-size: 14px; }
.index-block-c .swiper-points span { margin: 0 5px; width: 10px; height: 10px; }
}
.index-block-d { padding: 145px 0; background: url(../images/bg3.jpg) no-repeat center / 100% 100%; }
.index-block-d .flex-box { position: relative; }
.index-block-d .flex-box .left-box { position: relative; z-index: 2; width: 490px; }
.index-block-d .flex-box .right-box { position: relative; z-index: 2; min-width: 270px; height: 485px; padding-right: 50px; overflow-y: auto; color: #ffffff; }
.index-block-d .flex-box .right-box .ul .li + .li { margin-top: 40px; border-top: 1px solid rgba(255, 255, 255, 0.09); padding-top: 40px; }
.index-block-d .flex-box .right-box .ul .img { border-radius: 50%; padding: 13px; background: rgba(255, 255, 255, 0.04); }
.index-block-d .flex-box .right-box .ul .img img { display: block; border-radius: 50%; background: #ffffff; }
.index-block-d .flex-box .right-box .ul .cont { padding-left: 18px; }
.index-block-d .flex-box .right-box .ul .cont .num { padding-bottom: 5px; font-size: 0; line-height: 0; }
.index-block-d .flex-box .right-box .ul .cont .num .num-val { font-family: Bebas; font-size: 54px; line-height: 50px; letter-spacing: 2px; }
.index-block-d .flex-box .right-box .ul .cont .num .ico { vertical-align: top; font-style: normal; font-size: 14px; line-height: 18px; }
.index-block-d .flex-box .right-box .ul .cont .txt { font-size: 16px; line-height: 24px; }
.index-block-d .flex-box .mid-box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding-left: 3%; }
.index-block-d .flex-box .mid-box .img-map { position: relative; }
.index-block-d .flex-box .mid-box img { display: block; max-width: 100%; height: auto; }
.index-block-d .flex-box .mid-box .point { position: absolute; height: 0; width: 0; }
.index-block-d .flex-box .mid-box .point .bg { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; width: 6px; height: 6px; background: #ffffff; }
.index-block-d .flex-box .mid-box .point .bg::before { content: ""; display: block; position: absolute; left: -70%; top: -70%; border-radius: 50%; height: 240%; width: 240%; background: rgba(255, 255, 255, 0.12); animation: index-points 1.1s ease-in-out infinite alternate; }
.index-block-d .flex-box .mid-box .point.point1 { left: 19.5%; top: 28.5%; }
.index-block-d .flex-box .mid-box .point.point2 { left: 18.5%; top: 38.5%; }
.index-block-d .flex-box .mid-box .point.point3 { left: 45.5%; top: 39.5%; }
.index-block-d .flex-box .mid-box .point.point4 { left: 48%; top: 39.8%; }
.index-block-d .flex-box .mid-box .point.point5 { left: 49.5%; top: 51.5%; }
.index-block-d .flex-box .mid-box .point.point6 { left: 55.5%; top: 40%; }
.index-block-d .flex-box .mid-box .point.point7 { left: 54.5%; top: 75%; }
.index-block-d .flex-box .mid-box .point.point8 { left: 57%; top: 31.5%; }
.index-block-d .flex-box .mid-box .point.point9 { left: 56.2%; top: 22%; }
.index-block-d .flex-box .mid-box .point.point10 { left: 59.7%; top: 40%; }
.index-block-d .flex-box .mid-box .point.point11 { left: 62.7%; top: 42.9%; }
.index-block-d .flex-box .mid-box .point.point12 { left: 64.3%; top: 35.4%; }
.index-block-d .flex-box .mid-box .point.point13 { left: 65.1%; top: 23%; }
.index-block-d .flex-box .mid-box .point.point14 { left: 69.1%; top: 44%; }
.index-block-d .flex-box .mid-box .point.point15 { left: 70.1%; top: 37%; }
.index-block-d .flex-box .mid-box .point.point16 { left: 72%; top: 40.3%; }
.index-block-d .flex-box .mid-box .point.point17 { left: 73.3%; top: 42.6%; }
.index-block-d .flex-box .mid-box .point.point18 { left: 74.4%; top: 45.5%; }
.index-block-d .flex-box .mid-box .point.point19 { left: 75.4%; top: 43.1%; }
.index-block-d .flex-box .mid-box .point.point20 { left: 75.4%; top: 49%; }
.index-block-d .flex-box .mid-box .point.point21 { left: 77.1%; top: 47.5%; }
.index-block-d .flex-box .mid-box .point.point22 { left: 77%; top: 14.5%; }
.index-block-d .flex-box .mid-box .point.point23 { left: 78%; top: 26.5%; }
.index-block-d .flex-box .mid-box .point.point24 { left: 81%; top: 42.5%; }
.index-block-d .flex-box .mid-box .point.point25 { left: 81%; top: 49.5%; }
.index-block-d .flex-box .mid-box .point.point26 { left: 80.8%; top: 59.9%; }
.index-block-d .flex-box .mid-box .point.point27 { left: 85%; top: 75%; }
.index-block-d .flex-box .des { width: 420px; max-width: 100%; -webkit-line-clamp: 3; font-size: 17px; line-height: 36px; color: #ffffff; opacity: 0.73; }
.index-block-d .flex-box .phone { margin-top: 70px; margin-bottom: 55px; width: 100%; }
.index-block-d .flex-box .phone .phone-li { padding-left: 43px; font-family: Bebas; font-size: 32px; line-height: 40px; color: #ffffff; background: url(../images/icon_phone.png) no-repeat left center; }
.index-block-d .flex-box .phone .phone-li + .phone-li { margin-top: 10px; }
@media (min-width: 1201px) {
.index-block-d .auto-title { padding-top: 0; }
}
@keyframes index-points { 0% {
 transform: scale(0.5);
}
 100% {
 transform: scale(1.6);
}
}
@media (max-width: 1200px) {
.index-block-d { padding: 0 0 35px; }
.index-block-d .flex-box { position: relative; }
.index-block-d .flex-box .left-box { width: 100%; }
.index-block-d .flex-box .right-box { width: 100%; height: auto; padding-right: 0; }
.index-block-d .flex-box .right-box .ul { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; }
.index-block-d .flex-box .right-box .ul .li { width: 50%; flex-wrap: wrap; border-top: 0 none!important; border-bottom: 1px solid rgba(255, 255, 255, 0.09); padding-top: 20px; }
.index-block-d .flex-box .right-box .ul .li + .li { margin-top: 0; padding-top: 20px; }
.index-block-d .flex-box .right-box .ul .img { margin: 0 auto; padding: 10px; }
.index-block-d .flex-box .right-box .ul .img img { width: 52px; height: 52px; }
.index-block-d .flex-box .right-box .ul .cont { width: 100%; padding-top: 10px; padding-bottom: 15px; padding-left: 0; text-align: center; }
.index-block-d .flex-box .right-box .ul .cont .num { padding-bottom: 10px; }
.index-block-d .flex-box .right-box .ul .cont .num .num-val { font-size: 26px; line-height: 24px; letter-spacing: 0; }
.index-block-d .flex-box .right-box .ul .cont .num .ico { font-size: 12px; }
.index-block-d .flex-box .right-box .ul .cont .txt { font-size: 14px; line-height: 22px; }
.index-block-d .flex-box .mid-box { position: static; margin: 25px 0 0; width: 100%; height: auto; padding-left: 0; }
.index-block-d .flex-box .des { margin-top: -15px; width: 100%; font-size: 14px; line-height: 24px; }
.index-block-d .flex-box .phone { margin-top: 15px; margin-bottom: 20px; width: 100%; }
.index-block-d .flex-box .phone .phone-li { width: 100%; padding-left: 30px; font-size: 29px; line-height: 30px; background-size: 20px auto; }
}
.index-block-e { padding-top: 20px; }
.index-block-e .flex-box { padding-top: 20px; padding-bottom: 85px; }
.index-block-e .flex-box .wid { position: relative; width: 31.25%; background-color: #f4f4f4; }
.index-block-e .flex-box .type-word { position: absolute; left: 0; top: 0; z-index: 2; padding: 0 16px; font-size: 14px; line-height: 32px; letter-spacing: 1px; color: #ffffff; background-color: rgba(0, 0, 0, 0.4); transition: all 0.3s; }
.index-block-e .flex-box .type-word:hover { background-color: #008cff; }

/**********/


#News_list .newListBox{
  width:100%;
  height:auto;
  overflow:hidden;
}
#News_list .container{
  width:100%;
  overflow:hidden;
  margin:0rem auto;
  padding:0;
  margin-top:0 !important;
}
#News_list .newList{
  overflow:hidden;
  display: block;
}
#News_list .newPicBox{
  position:relative;
  overflow:hidden;
}
#News_list .newPic{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  transition:all .5s ease;
  width:auto;
  height:100%;
  max-width: 100%;
  width: auto;
  height: auto;
}
#News_list .leftBox .newTitle{
  color: #fff;}
  #News_list .leftBox .newMs{color: #bccce0;}
#News_list .newTitle{
  width:100%;
  overflow:hidden;
  text-overflow: ellipsis;
  
  font-size: 18px;
  padding-left: 0px;
  margin-bottom: 12px;
  transition:all .5s ease;
  font-weight: normal;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.3em;
  margin-top: 10px;
  min-height: 36px;
  overflow: hidden;
  
  font-weight: 600;
  max-height: 42px;
}
#News_list .newDetailLink{
  display:block;
  width:100%;
  height:100%;
  position: relative;
}
#News_list .leftBox .content{
  
  width:100%;
  height:auto;
  padding: 20px 0 0 10px;
  transition:all .5s ease;
  margin-top: 0px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(23,54,93,0.75);
}
#News_list .leftBox .content::before{
  content:'';
  position:absolute;
  left:0px;
  top:50px;
  width:0px;
  height:1px;
  background: #159b8b;
  transition:all .5s ease;
}
#News_list .newMs{
  display:-webkit-box;
  overflow:hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient:vertical;
  text-overflow:ellipsis;
  font-size:14px;
  color: #888;
  padding-left: 0px;
  line-height:1.5;
  margin-bottom: 8px;
  display: none;
  min-height: 46px;
}
#News_list .leftBox  .newMs{
  margin-bottom: 15px;
  color: #bccce0;
}
#News_list .rightBox .newList:nth-child(1):after{opacity:0;}
#News_list .rightBox .newList:after{content:"";height: 100%;width: 1px;position: absolute;left: -30px;top: -10px;}
#News_list .rightBox .newList{
  width: calc((100% - 180px)/3);
  height:calc(100% / 3);
  float: left;
  margin: 0 30px;
  
  position: relative;
  overflow: visible;
}
#News_list .rightBox .newList:nth-child(-n+2){
  
}
#News_list .rightBox .newDetailLink{
  
  
  padding:0;
  display: block;
  overflow: hidden;
}
#News_list .rightBox .newPicBox{
  width: 100%;
  
  overflow:hidden;
  display: block;
  min-height: 0px;
  float: left;
  padding-top: 50%;
  height: 0;
  max-width: 100%;
  
  overflow: hidden;
}
/************/

#News_list .newListBox{
  width:100%;
  height:auto;
  overflow:hidden;
}
#News_list .container{
  width:100%;
  overflow:hidden;
  margin:0rem auto;
  padding:0;
  margin-top:0 !important;
}
#News_list .newList{
  overflow:hidden;
  display: block;
}
#News_list .newPicBox{
  position:relative;
  overflow:hidden;
}
#News_list .newPic{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  transition:all .5s ease;
  width:auto;
  height:100%;
  max-width: 100%;
  width: 100%;
  height: auto;
}
#News_list .leftBox .newTitle{
  color: #333;
  margin-bottom: 18px;
  }
  #News_list .leftBox .newMs{color: #666;}
#News_list .newTitle{
  width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color: #333;
  font-size: 20px;
  padding-left: 0px;
  margin-bottom: 10px;
  transition:all .5s ease;
  padding: 0 0 10px 0px;
}
#News_list .rightBox .newTitle{
  border-bottom: 1px solid rgba(155,155,155,0.3);
  
  padding: 0 0 4px 0px;
  }
  
#News_list .newDetailLink{
  display:block;
  width:100%;
  height:100%;
  position: relative;
}
#News_list .leftBox .content{
  position:relative;
  width: calc(50% - 25px);
  height:auto;
  
  
  margin-top: 0px;
  
  
  
  
  float: left;
  padding: 0 0 0 0px;
  height: 300px;
  border-bottom: 1px solid #e7e7e7;
  margin: 0 0 0 25px;
}
#News_list .leftBox .p_times{
  height:auto;
  padding: 0 0 28px 0;
  transition:all .5s ease;
  margin-top: 0px;
  
  
  width: 110px;
  color: #898989;
  text-align: left;
  font-size: 18px;
  font-family: arial;
  overflow: hidden;
}
#News_list .leftBox .p_times .p_times_right{
    font-size: 14px;
    float: left;
    padding: 14px 0 0 6px;
}
#News_list .leftBox .p_times .p_times_left{
    font-size: 30px;
    float: left;
    border-bottom: 3px solid #ffe2ce;
    padding: 0 0 8px 0;
}
#News_list .leftBox .content::before{
  content:'';
  position:absolute;
  left:0px;
  top:50px;
  width:0px;
  height:1px;
  background: #fff;
  transition:all .5s ease;
}
#News_list .newMs{
  display:-webkit-box;
  overflow:hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient:vertical;
  text-overflow:ellipsis;
  font-size: 16px;
  color: #999;
  padding-left: 0px;
  line-height: 1.6;
}
#News_list .rightBox .newMs{}
#News_list .leftBox  .newMs{
  margin-bottom: 18px;
  color: #666;
  
  line-height: 28px;
}
.hezuo#News_list .rightBox .newList{
    width: calc((100% - 45px) / 3);
}
#News_list .rightBox .newList{
  width: calc((100% - 30px) / 2);
  height:calc(100% / 3);
  margin: 4px 15px 0 0;
  float: left;
  
  padding: 5px;
}
#News_list .rightBox .newList:nth-child(-n+2){
  
}
#News_list .rightBox .newList{
  
}
#News_list .rightBox .newList:nth-last-child(1){
    margin: 4px 0px 0 0;
}
#News_list .rightBox .newDetailLink{
  
  
  padding:0;
}
#News_list .rightBox .newPicBox{
  width: 100%;
  height:100%;
  overflow:hidden;
  display: block;
  min-height: 60px;
  float: left;
}
#News_list .rightBox .content{
  width: calc((100% - 0px) / 1);
  height:100%;
  overflow:hidden;
  
  transition:all .5s ease;
  float: right;
  
  background: none;
}
@media only screen and (min-width: 769px){
  
#News_list .container{
  max-width: 100%;
  
  flex-wrap:nowrap;
  
}
#News_list .leftBox .newList{
  width:100%;
  height:100%;
  overflow:hidden;
  padding: 0 0 20px 0;
}
#News_list .leftBox .newPicBox{
  width: 50%;
  height: 300px;
  float: left;
  overflow: hidden;
}
#News_list .leftBox{
  width: 100%;
  float: left;
}
#News_list .rightBox{
  width: 100%;
  padding-left: 0px;
  float: right;
  padding: 36px 0 25px 0;
}
#News_list .newList:hover .newPic{
  transform:translate(-50%,-50%) scale(1.1);
}
#News_list .newList:hover .contentL{
  
}
#News_list .newList:hover .contentL::before{
  width: 40px;
  opacity: 0;
}
#News_list .newList:hover .contentR{
  
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px){
  #News_list .container {
    max-width: 900px;
  }
#News_list .newList {
    width: 50%;
  }
}
@media only screen and (max-width: 768px){
#News_list .rightBox .newList{
    width: 100%;
}
	#News_list .leftBox .newTitle{
    padding-top: 20px;
    margin-bottom: 10px;
}
  #News_list .leftBox .newMs{
    margin-bottom: 15px;
}
#News_list .newPic{
    
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: auto !important;
}
#News_list .newList {
    width: 100%;
    height:100%;
    height: auto;
  }
#News_list .newDetailLink{}
#News_list .leftBox {
    width:100%;
    height:300px;
    height: auto;
  }
#News_list .leftBox .newPicBox {
    width:100%;
    height: auto;
    overflow: hidden;
  }
  #News_list .leftBox .p_times .p_times_right{
    font-size: 16px;
}
#News_list .leftBox .content {
    width:100%;
    height:120px;
    padding: 0px;
    position: relative;
    left: auto;
    bottom: auto;
    height: auto;
    overflow: hidden;
    margin: 0;
    border: none;
  }
#News_list .leftBox .p_times{
    position: relative;
    width: 100%;
    padding: 5px 0;
}
#News_list .rightBox {
    margin-top: 0px;
  }
#News_list .rightBox .newDetailLink {
    padding: 0;
  }
#News_list .rightBox .newPicBox {
    height: auto;
    min-height: 0;
    height: 0;
  }
#News_list .rightBox .content {
    padding: 0 0px;
  }
}
#News_list .p_hot .iconfont:before{
  shadow-angle:0;
  shadow-distance:0;
  shadow-angle-ofInset:0;
  shadow-distance-ofInset:0;
}
#News_list .p_new .iconfont:before{
  shadow-angle:0;
  shadow-distance:0;
  shadow-angle-ofInset:0;
  shadow-distance-ofInset:0;
}
#News_list .p_page .pre .iconfont:before{
  shadow-angle:0;
  shadow-distance:0;
  shadow-angle-ofInset:0;
  shadow-distance-ofInset:0;
}
#News_list .p_page .next .iconfont:before{
  shadow-angle:0;
  shadow-distance:0;
  shadow-angle-ofInset:0;
  shadow-distance-ofInset:0;
}
#News_list .p_more .iconfont:before{
  shadow-angle:0;
  shadow-distance:0;
  shadow-angle-ofInset:0;
  shadow-distance-ofInset:0;
}
#News_list .p_loading .iconfont:before{
  shadow-angle:0;
  shadow-distance:0;
  shadow-angle-ofInset:0;
  shadow-distance-ofInset:0;
}
#News_list .time{
  margin-left: 0px;
  margin-top: 0px;
  color:#828282;
  font-size: 16px;
  width: 60%;
  float: left;
  margin-bottom: 10px;
  display: none;
}
#News_list .More{
    width: 50px;
    margin-top: 8px;
    color: #828282;
    float: right;
    font-size: 12px;
    position: relative;
    text-align: center;
}
#News_list .More:after{content:"";width: 100%;height: 2px;background: #ffceae;display: block;bottom: 2px;position: absolute;z-index: 0;}
#News_list .leftBox .More{
    float: left;
}





/**********/
.index-block-e .singale-li .img-box { display: block; }
.index-block-e .singale-li .img-box::before { content: ""; display: block; width: 100%; padding-top: 62.2222%; }
.index-block-e .singale-li .cont { display: block; padding: 27px 25px; color: #333333; }
.index-block-e .singale-li .cont .title { font-size: 18px; line-height: 22px; }
.index-block-e .singale-li .cont .time { margin-top: 15px; margin-bottom: 15px; padding-left: 23px; font-size: 15px; line-height: 26px; color: #333333; background: url(../images/icon1.png) no-repeat left center; }
.index-block-e .singale-li .cont .des { font-size: 15px; line-height: 30px; color: #999999; }
.index-block-e .singale-li:hover .cont { color: #008cff; }
.index-block-e .list .ul { width: 100%; padding: 25px 0; }
.index-block-e .list .box { display: block; padding: 20px 35px; color: #333333; transition: all 0.3s; }
.index-block-e .list .box:hover .title { transform: translateX(3px); color: #008cff; }
.index-block-e .list .title { margin-bottom: 7px; transform: translateX(0); font-size: 18px; line-height: 24px; transition: all 0.3s; }
.index-block-e .list .time { font-size: 15px; line-height: 22px; color: #666666; }
@media (max-width: 1200px) {
.index-block-e { padding-top: 0; }
.index-block-e .flex-box { padding-top: 0; padding-bottom: 35px; }
.index-block-e .flex-box .wid { width: 100%; }
.index-block-e .singale-li { margin-bottom: 15px; }
.index-block-e .singale-li .cont { display: block; padding: 20px 20px 25px; color: #333333; }
.index-block-e .singale-li .cont .title { font-size: 16px; }
.index-block-e .singale-li .cont .time { margin-top: 5px; margin-bottom: 5px; padding-left: 20px; font-size: 14px; line-height: 24px; }
.index-block-e .singale-li .cont .des { font-size: 14px; line-height: 24px; }
.index-block-e .list .ul { width: 100%; padding: 35px 0 15px; }
.index-block-e .list .box { display: block; padding: 10px 20px; }
.index-block-e .list .title { margin-bottom: 5px; font-size: 16px; }
.index-block-e .list .time { font-size: 14px; }
}
/**内页banner**/
.auto-banner { position: relative; overflow: hidden; }
.auto-banner .cont { position: absolute; left: 0; top: 0; height: 100%; width: 100%; letter-spacing: 1px; text-align: center; color: #ffffff; }
.auto-banner .cont .title { margin-bottom: 6px; font-size: 43px; line-height: 1.4em; }
.auto-banner .cont .long-title { font-size: 17px; line-height: 1.4em; }
@media (max-width: 1200px) {
.auto-banner .cont { padding-top: 16px; }
.auto-banner .cont .title { font-size: 22px; }
.auto-banner .cont .long-title { font-size: 14px; }
}
@media (max-width: 768px) {
.auto-banner { height: 180px; }
.auto-banner .img { position: absolute; left: 50%; transform: translate(-50%, 0); height: 100%; width: auto; max-width: 999999px; }
.auto-banner .cont { padding-top: 26px; }
.auto-banner .cont .title { margin-bottom: 3px; font-size: 20px; }
}
/**分类菜单**/
.type-menu { height: 0; }
.type-menu .wrap { position: relative; }
.type-menu .flex-box { position: absolute; bottom: 0; border: solid 1px rgba(255, 255, 255, 0.16); width: 100%; background: rgba(0, 0, 0, 0.16); }
.type-menu .flex-box .btn { border-right: 1px solid rgba(255, 255, 255, 0.16); text-align: center; font-size: 14px; line-height: 70px; color: #ffffff; display: inline-block; padding: 0 25px; float: left }
.type-menu .flex-box .btn:hover { background-color: #008cff; border-right-color: #008cff; }
.type-menu .flex-box .btn.on { background-color: #008cff; }
/**三级菜单**/
.next-menu .swiper-slide { width: auto; }
.next-menu .link { display: block; position: relative; margin: 0 25px; padding: 0 14px; font-size: 15px; line-height: 62px; color: #555555; transition: all 0.3s; }
.next-menu .link:hover { color: #008cff; }
.next-menu .link::after { content: ""; display: block; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background-color: #008cff; transition: all 0.3s; }
.next-menu .on .link { color: #008cff; }
.next-menu .on .link::after { left: 0; width: 100%; }
@media (max-width: 1200px) {
/**分类菜单**/
.type-menu { height: auto; }
.type-menu .flex-box { position: static; border: 0 none; overflow: hidden }
.type-menu .flex-box .btn { font-size: 14px; line-height: 24px; }
/**三级菜单**/
.next-menu { border-top: 1px solid #e6e6e6; }
.next-menu .link { margin: 0 15px; padding: 0 10px; font-size: 14px; line-height: 42px; }
}
@media (max-width: 768px) {
/**分类菜单**/
.type-menu { height: auto; }
.type-menu .flex-box .btn { width: 25%; padding: 0; line-height: 35px; border-bottom: 1px solid rgba(255, 255, 255, 0.16); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 5px; }
/**三级菜单**/
.next-menu .link { margin: 0; }
}
/**面包屑地址**/
.website-map { background-color: #f7f7f7; padding: 22px 0; font-size: 14px; line-height: 22px; color: #555555; }
.website-map a { color: #555555; }
.website-map a:hover { color: #008cff; }
.website-map .home img { margin-right: 10px; }
.website-map .jt { margin: 0 8px; }
@media (max-width: 1200px) {
/**面包屑地址**/
.website-map { padding: 12px 0; }
}
@media (max-width: 768px) {
/**面包屑地址**/
.website-map { font-size: 13px; }
.website-map .home img { margin-right: 5px; width: 14px; height: auto; }
}
/**公司介绍**/
.brand-block-a { padding-top: 75px; padding-bottom: 70px; }
.brand-block-a .left-box { margin-right: 3%; width: 300px; flex-shrink: 0; }
.brand-block-a .left-box img { display: block; margin-bottom: 13px; }
.brand-block-a .left-box .h2 { font-weight: 400; font-size: 36px; line-height: 1.4em; color: #333333; }
.brand-block-a .right-box { width: 1015px; font-size: 18px; line-height: 38px; color: #666666; background: url(../images/bg1.png) no-repeat right 15%; }
.brand-block-a .right-box p + p { margin-top: 20px; }
@media (max-width: 1200px) {
.brand-block-a { padding-top: 35px; padding-bottom: 30px; }
.brand-block-a .left-box { margin-right: 0; width: 100%; padding-bottom: 10px; }
.brand-block-a .left-box img { margin-bottom: 10px; zoom: 0.6; }
.brand-block-a .left-box .h2 { font-size: 20px; }
.brand-block-a .right-box { width: 100%; font-size: 14px; line-height: 24px; }
.brand-block-a .right-box img { height: auto!important; }
.brand-block-a .right-box p + p { margin-top: 5px; }
}
.brand-block-b { padding-bottom: 80px; background-image: url(../images/bg2.jpg); background-repeat: no-repeat; background-position: bottom center; background-size: 100% auto; }
.brand-block-b .list2 { margin-top: 35px; }
@media (max-width: 1200px) {
.brand-block-b { padding-bottom: 35px; }
.brand-block-b .list2 { margin-top: 0; }
}
.brand-block-c .swiper-box { margin: -11px; padding-bottom: 80px; text-align: center; }
.brand-block-c .swiper-box .swiper-container { padding: 11px 0; }
.brand-block-c .swiper-box .box { display: block; margin: 11px; box-shadow: 0px 0px 18px 0px rgba(182, 182, 182, 0.31); padding: 40px 40px 26px; }
.brand-block-c .swiper-box .box:hover .txt { color: #008cff; }
.brand-block-c .swiper-box .img-box { display: inline-block; overflow: visible; }
.brand-block-c .swiper-box .img-box img { display: block; position: static; height: auto; width: auto; }
.brand-block-c .swiper-box .txt { margin-top: 14px; font-size: 15px; line-height: 24px; color: #555555; }
@media (max-width: 1200px) {
.brand-block-c .swiper-box { padding-bottom: 30px; }
.brand-block-c .swiper-box .swiper-container { padding: 0; }
.brand-block-c .swiper-box .box { padding: 20px 20px 15px; }
.brand-block-c .swiper-box .txt { margin-top: 10px; font-size: 14px; }
}
/**产品中心**/
.product-list-a { padding-top: 40px; }
@media (max-width: 1200px) {
.product-list-a { padding-top: 30px; }
}
/**产品详情**/
.product-info-a { padding-top: 35px; padding-bottom: 100px; }
.product-info-a .left-box { width: 50%; }
.product-info-a .left-box .swiper-nav { position: relative; width: 100px; padding-top: 40px; padding-bottom: 40px; }
.product-info-a .left-box .swiper-nav .swiper-container { height: 540px; }
.product-info-a .left-box .swiper-nav .img-box { display: block; border: 1px solid #e4e4e4; transition: all 0.3s; }
.product-info-a .left-box .swiper-nav .img-box::before { content: ""; display: block; width: 100%; padding-top: 100%; }
.product-info-a .left-box .swiper-nav .img-box img { opacity: 0.35; }
.product-info-a .left-box .swiper-nav .img-box:hover { border-color: #008cff; }
.product-info-a .left-box .swiper-nav .on .img-box { border-color: #008cff; }
.product-info-a .left-box .swiper-nav .on .img-box img { opacity: 1; }
.product-info-a .left-box .swiper-btns .btn { display: block; position: absolute; left: 0; width: 100%; height: 36px; background: no-repeat center; opacity: 0.5; }
.product-info-a .left-box .swiper-btns .btn:hover { opacity: 1; }
.product-info-a .left-box .swiper-btns .prev { top: 0; background-image: url(../images/icon_jt_6_1_1.png); }
.product-info-a .left-box .swiper-btns .next { bottom: 0; background-image: url(../images/icon_jt_6_2_1.png); }
.product-info-a .left-box .big-img { width: calc(100% - 100px); padding-left: 5%; }
.product-info-a .left-box .big-img .img-box { width: 600px; max-width: 100%; }
.product-info-a .left-box .big-img .img-box::before { content: ""; display: block; width: 100%; padding-top: 100%; }
.product-info-a .right-box { width: 40.714%; padding-top: 30px; }
.product-info-a .right-box .ad { font-size: 16px; line-height: 1.4em; color: #777777; }
.product-info-a .right-box .title { font-size: 46px; font-weight: normal; line-height: 1.4em; color: #333333; }
.product-info-a .right-box .cont { margin-top: 13px; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; padding-top: 38px; padding-bottom: 58px; font-size: 15px; line-height: 22px; color: #777777; }
.product-info-a .right-box .cont.type2 { margin-bottom: 35px; padding-bottom: 24px; }
.product-info-a .right-box .cont ul { margin: 0; padding-left: 18px; }
.product-info-a .right-box .cont ul li { padding: 8px 0; }
.product-info-a .right-box .cont-tit { margin-bottom: 20px; font-size: 16px; font-weight: 600; line-height: 1.4em; color: #333333; }
@media (max-width: 1200px) {
.product-info-a { padding-top: 35px; padding-bottom: 35px; }
.product-info-a .left-box { width: 100%; }
.product-info-a .left-box .swiper-nav { order: 2; margin-top: 15px; width: 100%; padding: 0 40px; }
.product-info-a .left-box .swiper-nav .swiper-container { height: auto; }
.product-info-a .left-box .swiper-btns .btn { left: auto; top: 0; width: 30px; height: 100%; background-size: 14px auto; }
.product-info-a .left-box .swiper-btns .prev { left: 0; background-image: url(../images/icon_jt_1_1_2.png); }
.product-info-a .left-box .swiper-btns .next { right: 0; background-image: url(../images/icon_jt_1_2_2.png); }
.product-info-a .left-box .big-img { width: 100%; padding-left: 0; }
.product-info-a .left-box .big-img .img-box { margin: 0 auto; width: 600px; }
.product-info-a .right-box { width: 100%; padding-top: 20px; }
.product-info-a .right-box .ad { font-size: 14px; }
.product-info-a .right-box .title { font-size: 20px; }
.product-info-a .right-box .cont { margin-top: 10px; padding-top: 18px; padding-bottom: 18px; font-size: 14px; }
.product-info-a .right-box .cont.type2 { margin-bottom: 18px; padding-bottom: 20px; }
.product-info-a .right-box .cont ul li { padding: 2px 0; }
.product-info-a .right-box .cont-tit { margin-bottom: 5px; }
}
.product-info-b { position: relative; padding-bottom: 15px; }
.product-info-b::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 355px; max-height: 25%; background: linear-gradient(#f3f3f3, #ffffff); }
.product-info-b .wrap { position: relative; }
.product-info-b .list4 { margin-top: -10px; }
@media (max-width: 1200px) {
.product-info-b { padding-bottom: 0; }
}
/**服务支持**/
/*常见问题*/
.server-block-a { padding-bottom: 90px; }
@media (max-width: 1200px) {
.server-block-a { padding-bottom: 35px; }
}
/*下载专区*/
.down-block-a .form-type-b { margin-top: 8px; margin-bottom: 7px; }
.down-block-a .list6 { margin-top: -10px; padding-bottom: 72px; }
@media (max-width: 1200px) {
.down-block-a .form-type-b { margin-top: 5px; margin-bottom: 5px; }
.down-block-a .list6 { margin-top: 0; padding-bottom: 25px; }
}
/***数目增加减少***/
.number-box { position: relative; border: 1px solid #d9d9d9; }
.number-box .n-btn { position: relative; height: 46px; width: 50px; cursor: pointer; }
.number-box .n-btn:hover { background-color: #f1f1f1; }
.number-box .n-btn::before, .number-box .n-btn::after { content: ''; display: block; position: absolute; left: 50%; top: 50%; background-color: #b7b7b7; transition: all 0.3s; }
.number-box .n-btn::before { margin-top: -1px; margin-left: -6px; height: 2px; width: 12px; }
.number-box .n-btn::after { margin-top: -6px; margin-left: -1px; height: 12px; width: 2px; }
.number-box .n-btn:hover::before, .number-box .n-btn:hover::after { background-color: #008cff; }
.number-box .reduce::after { display: none; }
.number-box .number { margin: 0; border: 0 none; padding: 0; height: 46px; width: 34px; line-height: 36px; font-size: 16px; color: #444444; }
@media (max-width: 1200px) {
/***数目增加减少***/
.number-box .n-btn { height: 34px; width: 40px; }
.number-box .number { height: 34px; line-height: 34px; font-size: 14px; }
}
/**礼品定制**/
/**购物车**/
.checkbox-box { position: relative; }
.checkbox-box .checkbox { position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; }
.checkbox-box .checkbox:checked + .checkbox-icon { background: url(../images/icon4.png) no-repeat center; }
.checkbox-box .checkbox-icon { display: block; border-radius: 50%; width: 20px; height: 20px; background-color: #dbdbdb; }
.cart-block-a { padding: 60px 0 90px; }
.cart-block-a .form-box { border-radius: 16px; padding: 15px 25px; }
.cart-block-a .form { display: block; }
.cart-block-a .car-title { padding-top: 30px; padding-bottom: 30px; font-size: 28px; line-height: 1.4em; color: #333333; }
.cart-block-a .dl { margin-bottom: 8px; font-size: 16px; line-height: 22px; color: #333333; }
.cart-block-a .dl .dl-li { margin-left: 0; padding-left: 45px; padding-right: 25px; }
.cart-block-a .dl .dl-li:last-child { padding-top: 60px; padding-bottom: 50px; }
.cart-block-a .dl .dt { padding-top: 18px; padding-bottom: 18px; font-weight: 400; background-color: #f5f6f6; }
.cart-block-a .dl .dd { border-bottom: 1px solid #f0f0f0; padding-top: 25px; padding-bottom: 25px; }
.cart-block-a .dl .wid { padding: 0 10px; text-align: center; }
.cart-block-a .dl .wid1 { flex-shrink: 0; width: 50px; padding-left: 0; padding-right: 0; text-align: left; }
.cart-block-a .dl .wid2 { margin-left: 65px; margin-right: 135px; width: 125px; padding-left: 0; padding-right: 0; }
.cart-block-a .dl .wid3 { margin-right: 40px; width: 330px; }
.cart-block-a .dl .wid4 { width: 275px; }
.cart-block-a .dl .wid5 { width: 260px; }
.cart-block-a .dl .txt { font-size: 16px; line-height: 24px; color: #888888; }
.cart-block-a .dl .title .img-box { margin-right: 25px; flex-shrink: 0; border: solid 1px #f0f0f0; width: 67px; }
.cart-block-a .dl .title .img-box::before { content: ""; display: block; width: 100%; padding-top: 100%; }
.cart-block-a .dl .title .title-word { width: 100%; text-align: left; font-size: 16px; line-height: 24px; color: #333333; }
.cart-block-a .dl .title:hover .img-box { border: solid 1px #008cff; }
.cart-block-a .dl .title:hover .title-word { color: #008cff; }
.cart-block-a .dl .edit-btn { display: inline-block; height: 26px; width: 26px; background: url(../images/icon5_1.png) no-repeat center; }
.cart-block-a .dl .edit-btn:hover { background-image: url(../images/icon5_2.png); }
.cart-block-a .dl .line { margin: 0 15px; width: 1px; height: 14px; background-color: #dddddd; }
.cart-block-a .dl .delete-all { color: #888888; }
.cart-block-a .dl .delete-all:hover { color: #008cff; }
.cart-block-a .info-block .pad-box { margin: -10px -15px; }
.cart-block-a .info-block .info-li { padding: 10px 15px; }
.cart-block-a .info-block .input { border: 1px solid #e0e0e0; width: 100%; padding: 11px 18px; font-size: 15px; line-height: 24px; color: #666; }
.cart-block-a .info-block .submit-box { padding-top: 10px; padding-bottom: 40px; }
.cart-block-a .info-block .submit-box .form-btn { border-radius: 21px; width: 162px; height: 42px; font-size: 16px; line-height: 42px; color: #ffffff; background-color: #d8262c; cursor: pointer; }
.cart-block-a .info-block .submit-box .form-btn:hover { background-color: #008cff; }
@media (max-width: 1470px) {
.cart-block-a .car-title { padding-top: 20px; padding-bottom: 20px; }
.cart-block-a .dl .wid1 { width: 35px; }
.cart-block-a .dl .wid2 { margin-left: 50px; margin-right: 50px; }
.cart-block-a .dl .wid3 { margin-right: 30px; }
.cart-block-a .dl .wid4 { width: 200px; }
}
@media (max-width: 1200px) {
.checkbox-box .checkbox:checked + .checkbox-icon { background-size: contain; }
.checkbox-box .checkbox-icon { width: 14px; height: 14px; }
.cart-block-a { padding: 35px 0; }
.cart-block-a .form-box { border-radius: 10px; padding: 15px; }
.cart-block-a .car-title { padding-top: 10px; padding-bottom: 10px; font-size: 18px; }
.cart-block-a .dl { margin-bottom: 8px; font-size: 14px; }
.cart-block-a .dl .dl-li { position: relative; padding-left: 35px; padding-right: 15px; }
.cart-block-a .dl .dl-li:last-child { padding-top: 15px; padding-bottom: 15px; }
.cart-block-a .dl .dt { padding-top: 10px; padding-bottom: 10px; justify-content: space-between; }
.cart-block-a .dl .dt .wid { margin: 0; position: static; width: auto; }
.cart-block-a .dl .dt .wid1 { display: none; }
.cart-block-a .dl .dd { padding-top: 10px; padding-bottom: 15px; }
.cart-block-a .dl .wid { padding: 0; text-align: left; }
.cart-block-a .dl .wid1 { position: absolute; left: 10px; width: auto; padding-left: 0; padding-right: 0; }
.cart-block-a .dl .wid2 { margin-left: 0; margin-right: 0; margin-bottom: 5px; width: 100%; }
.cart-block-a .dl .wid3 { margin-right: 0; width: 100%; text-align: left; }
.cart-block-a .dl .wid4 { position: absolute; top: 0; left: 125px; margin-top: 82px; width: auto; }
.cart-block-a .dl .wid5 { position: absolute; top: 8px; right: 15px; width: auto; line-height: 0; }
.cart-block-a .dl .txt { font-size: 14px; padding-right: 30px; }
.cart-block-a .dl .title { align-items: flex-start; }
.cart-block-a .dl .title .img-box { margin-right: 10px; width: 80px; }
.cart-block-a .dl .title .title-word { height: 44px; overflow: hidden; font-size: 14px; line-height: 22px; }
.cart-block-a .dl .edit-btn { background-size: 14px auto; }
.cart-block-a .dl .line { margin: 0 10px; }
.cart-block-a .info-block .pad-box { margin: -6px; }
.cart-block-a .info-block .info-li { padding: 6px; }
.cart-block-a .info-block .input { padding: 9px 15px; font-size: 14px; line-height: 22px; }
.cart-block-a .info-block .submit-box { padding-top: 0; padding-bottom: 10px; }
.cart-block-a .info-block .submit-box .form-btn { border-radius: 18px; width: 130px; height: 36px; font-size: 14px; line-height: 36px; }
}
/**联系我们**/
.contact-block-a { padding-bottom: 75px; }
.contact-block-a .block-box { margin: -15px; }
.contact-block-a .block-li { padding: 15px; }
.contact-block-a .block-info { padding: 65px 2% 55px; line-height: 0; }
.contact-block-a .block-info .h2 { font-size: 34px; font-weight: 400; line-height: 1.4em; letter-spacing: 1px; color: #222222; }
.contact-block-a .block-info .hr { display: inline-block; vertical-align: top; margin: 20px 0; border: 0 none; border-top: 1px solid #ededed; width: 45%; }
.contact-block-a .block-info .words { font-size: 17px; line-height: 24px; color: #999999; }
.contact-block-a .block-info:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); }
.contact-block-a .block-cont { height: 100%; padding: 60px 40px 35px; }
.contact-block-a .block-cont .title { margin-bottom: 10px; font-size: 24px; font-weight: 600; line-height: 1.4em; letter-spacing: 1px; color: #222222; }
.contact-block-a .block-cont .info { font-size: 16px; font-weight: 400; line-height: 28px; letter-spacing: 1px; color: #222222; }
.contact-block-a .block-cont .info .info-li { padding-right: 10px; }
.contact-block-a .block-cont .info .info-li img { display: inline-block; vertical-align: middle; margin-right: 10px; margin-top: -2px; }
.contact-block-a .block-cont .info .address-btn { color: #008cff; }
.contact-block-a .block-cont:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); }
.contact-block-b { padding-bottom: 80px; }
.contact-block-b .form { border-top: 1px solid #e6e6e6; padding: 0; }
.contact-block-b .form .form-li { margin-top: 28px; }
.contact-block-b .form .input { display: block; margin: 0; border: solid 1px #d0d0d0; height: 48px; width: 100%; padding: 12px 20px; font-size: 15px; line-height: 24px; color: #555555; }
.contact-block-b .form textarea.input { height: auto; padding-top: 20px; padding-bottom: 20px; }
.contact-block-b .form .code-li .code-input { width: 235px; }
.contact-block-b .form .code-li img { margin-left: 18px; width: 135px; flex-shrink: 0; cursor: pointer; }
.contact-block-b .form .submit-box .form-btn { width: 220px; height: 48px; padding: 0; text-align: center; font-size: 16px; line-height: 48px; color: #ffffff; background-color: #008cff; transition: all 0.3s; cursor: pointer; }
.contact-block-b .form .submit-box .form-btn:hover { background-color: #b71120; }
@media (min-width: 1201px) {
.contact-block-b .form .lw-w-4 { width: 32%; }
}
.contact-block-c { padding-bottom: 60px; }
.map-tank { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.64); }
.map-tank .flex-box { height: 100%; width: 100%; }
.map-tank img { max-width: 99999px; }
.map-tank .map-box { position: relative; padding: 40px; }
.map-tank .map-box .exit { position: absolute; top: 0; right: 0; border-radius: 0; height: 40px; width: 40px; background-color: transparent; transition: all 0.3s; }
.map-tank .map-box .exit:hover { background-color: #008cff; }
.map-tank .map-box .exit:hover::after, .map-tank .map-box .exit:hover::before { background-color: #ffffff; }
.map-tank .map-box .map { height: 610px; max-height: 60vh; }
@media (max-width: 1200px) {
/**联系我们**/
.map-tank .map-box { padding: 25px; }
.map-tank .map-box .exit { height: 25px; width: 25px; }
.map-tank .map-box .map { height: 80vh; max-height: 68vh; }
.contact-block-a { padding-bottom: 30px; }
.contact-block-a .block-box { margin: 0; }
.contact-block-a .block-li { padding: 5px 0; }
.contact-block-a .block-info { padding: 25px 15px; }
.contact-block-a .block-info .h2 { font-size: 18px; }
.contact-block-a .block-info .hr { margin: 10px 0; width: 95%; }
.contact-block-a .block-info .words { font-size: 14px; line-height: 22px; }
.contact-block-a .block-cont { height: auto; padding: 25px 15px; }
.contact-block-a .block-cont .title { margin-bottom: 5px; font-size: 18px; }
.contact-block-a .block-cont .info { font-size: 14px; line-height: 24px; }
.contact-block-a .block-cont .info .info-li img { zoom: 0.8; }
.contact-block-b { padding-bottom: 35px; }
.contact-block-b .form .form-li { margin-top: 12px; }
.contact-block-b .form .input { height: 36px; width: 100%; padding: 6px 15px; font-size: 14px; }
.contact-block-b .form textarea.input { height: auto; padding-top: 12px; padding-bottom: 12px; }
.contact-block-b .form .code-li .code-input { width: 100%; }
.contact-block-b .form .code-li img { margin-left: 10px; width: 115px; height: 36px; }
.contact-block-b .form .submit-box .form-btn { width: 120px; height: 36px; font-size: 14px; line-height: 36px; }
.contact-block-c { padding-bottom: 30px; }
}
/**新闻中心**/
.news-list-a { padding-top: 75px; }
@media (max-width: 1200px) {
/**新闻中心**/
.news-list-a { padding-top: 30px; }
}
/**详情页上一篇下一篇**/
.info-page { margin-top: 40px; padding-top: 15px; padding-bottom: 15px; font-size: 14px; line-height: 30px; color: #2e9aff; background: #dfeffc; transition: all 0.3s; }
.info-page a { color: #2e9aff; }
.info-page a:hover { color: #008cff; }
.info-page p { max-width: 48%; }
@media (max-width: 1380px) {
/**详情页上一篇下一篇**/
.info-page { margin-top: 30px; padding-top: 12px; padding-bottom: 12px; }
}
@media (max-width: 1200px) {
/**详情页上一篇下一篇**/
.info-page { margin-top: 25px; padding-top: 10px; padding-bottom: 10px; }
}
@media (max-width: 992px) {
/**详情页上一篇下一篇**/
.info-page { line-height: 26px; }
.info-page p { width: 100%; max-width: 100%; }
}
/***详情页分享***/
.share-box-a { font-size: 0; }
.share-box-a .btn { display: inline-block; position: relative; border-radius: 50%; height: 40px; width: 40px; vertical-align: middle; background: #bdbdbd no-repeat center / contain; }
.share-box-a .btn + .btn { margin-left: 16px; }
.share-box-a .btn:hover { background-color: #008cff; }
.share-box-a .btn:hover .code-box { margin-bottom: 0; opacity: 1; pointer-events: auto; }
.share-box-a .wechat { background-image: url(../images/icon_share_1.png); }
.share-box-a .sina { background-image: url(../images/icon_share_2.png); }
.share-box-a .contact { background-image: url(../images/icon_share_3.png); }
.share-box-a .qq { background-image: url(../images/icon_share_4.png); }
.share-box .btn:hover { background-color: #008cff; }
.share-box .btn:hover .code-box { margin-bottom: 0; opacity: 1; pointer-events: auto; }
.share-box .code-box { position: absolute; left: 50%; bottom: 100%; margin-left: -66px; margin-bottom: -10px; width: 122px; padding: 6px; opacity: 0; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); pointer-events: none; transition: margin 0.3s, opacity 0.3s; }
.share-box .code-box img { width: 100%; }
.share-box .code-box canvas { width: 110px; height: 110px; }
.share-box .code-box .code-text { text-align: center; font-size: 12px; line-height: 18px; color: #333; }
@media (max-width: 1200px) {
.share-box-a .a { width: 36px; height: 36px; }
}
/***详情***/
.info-block-a img { max-width: 100%; }
.info-block-a .share-box .btn { height: 30px; width: 30px; }
.info-block-a .share-box .btn + .btn { margin-left: 7px; }
.info-block-a .left-box { width: 66.5%; padding-top: 60px; padding-bottom: 38px; }
.info-block-a .left-box .h2 { font-weight: 600; font-size: 30px; line-height: 1.4em; color: #222222; }
.info-block-a .left-box .other { padding-top: 10px; padding-bottom: 25px; font-size: 15px; line-height: 30px; color: #c8c8c8; }
.info-block-a .left-box .other .looks { margin-left: 12px; }
.info-block-a .left-box .content { border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; padding: 40px 0; font-size: 15px; line-height: 28px; color: #555555; }
.info-block-a .left-box .content img { height: auto!important; }
.info-block-a .right-box { width: 28%; padding-top: 62px; }
.info-page-box { padding: 20px 0; }
.info-page-box .p { max-width: 48%; font-size: 15px; line-height: 30px; color: #555555; }
.info-page-box .p a { color: #555555; }
.info-page-box .p a:hover { color: #008cff; }
.put-news-b .title { font-size: 22px; line-height: 30px; color: #333333; }
.put-news-b .ul { padding-top: 25px; }
.put-news-b .ul li + li { margin-top: 18px; border-top: 1px solid #f0f0f0; padding-top: 18px; }
.put-news-b .ul .li-title { display: block; font-size: 16px; line-height: 32px; color: #333333; }
.put-news-b .ul .li-title:hover { color: #008cff; }
.put-news-b .ul .other { font-size: 14px; line-height: 24px; color: #c8c8c8; }
.put-news-b .ul .other .looks { margin-left: 13px; }
@media (max-width: 1200px) {
.info-page-box { padding: 10px 0; }
.info-page-box .p { max-width: 100%; width: 100%; line-height: 26px; }
.info-block-a .left-box { padding-top: 30px; width: 100%; padding-bottom: 0; }
.info-block-a .left-box .h2 { text-align: center; font-size: 18px; }
.info-block-a .left-box .other { padding-top: 5px; padding-bottom: 10px; text-align: center; }
.info-block-a .left-box .other .word { width: 100%; }
.info-block-a .left-box .other .share-box { display: block; margin: 0; width: 100%; }
.info-block-a .left-box .other .share-box .btn { height: 26px; width: 26px; }
.info-block-a .left-box .content { padding: 20px 0 15px; font-size: 14px; line-height: 26px; }
.info-block-a .right-box { width: 100%; padding-top: 20px; padding-bottom: 25px; }
.put-news-b { width: 100%; }
.put-news-b .title { font-size: 20px; line-height: 26px; }
.put-news-b .ul { padding-top: 15px; }
.put-news-b .ul li + li { margin-top: 15px; padding-top: 15px; }
.put-news-b .ul .li-title { font-size: 15px; line-height: 26px; }
.put-news-b .ul .other { font-size: 14px; line-height: 20px; }
.put-news-b .ul .other .looks { margin-left: 15px; }
}
/***单页***/
.info-block-b { padding: 65px 0; }
.info-block-b img { max-width: 100%; }
.info-block-b .cont-box { padding: 35px; }
.info-block-b .cont-box .h2 { text-align: center; font-weight: 600; font-size: 30px; line-height: 1.4em; color: #222222; }
.info-block-b .cont-box .content { border-bottom: 1px solid #f0f0f0; padding: 20px 0 40px; font-size: 15px; line-height: 28px; color: #555555; }
.info-block-b .cont-box .content img { height: auto!important; }
@media (max-width: 1200px) {
.info-block-b { padding: 35px 0; }
.info-block-b .cont-box { padding: 25px 15px 10px; }
.info-block-b .cont-box .h2 { font-size: 18px; }
.info-block-b .cont-box .content { padding: 20px 0 15px; font-size: 14px; line-height: 26px; }
}
/**列表翻页**/
.page-btn-box { display: flex; padding: 90px 15px 120px; flex-wrap: wrap; align-items: center; justify-content: center; font-size: 0; text-align: center; }
.page-btn-box .page-btn { margin: 2.5px; border: 1px solid #cccccc; height: 40px; min-width: 40px; padding: 0 10px; font-size: 14px; line-height: 40px; color: #666666; background: #ffffff; transition: all 0.3s; }
.page-btn-box .page-btn:hover { background: #f1f1f1; }
.page-btn-box .page-btn.on { color: #fff; border-color: transparent; background: #008cff; }
.page-btn-box .page-btn.text { border-color: transparent; padding: 0 20px; background-color: transparent; }
.page-btn-box .page-btn.prev, .page-btn-box .page-btn.next { padding-left: 20px; padding-right: 20px; }
.page-btn-box .page-btn .jt { display: inline-block; height: 9px; width: 5px; background: no-repeat center; }
.page-btn-box .page-btn .jt.left { margin-right: 9px; background-image: url(../images/icon_jt_1_1_1.png); }
.page-btn-box .page-btn .jt.right { margin-left: 9px; background-image: url(../images/icon_jt_1_2_1.png); }
.page-btn-box .key { border: 1px solid #cccccc; width: 60px; padding: 0 10px; text-align: center; background: #fff; }
.page-btn-box .submit { cursor: pointer; }
@media (max-width: 1380px) {
.page-btn-box { padding: 40px 15px 60px; }
}
@media (max-width: 1200px) {
.page-btn-box { padding: 35px 10px 45px; }
}
@media (max-width: 992px) {
.page-btn-box { padding: 30px 0 35px; }
.page-btn-box .page-btn { margin: 2px; height: 34px; min-width: 30px; padding: 0 15px; line-height: 34px; }
.page-btn-box .page-btn.text { padding: 0 10px; }
.page-btn-box .page-btn.prev, .page-btn-box .page-btn.next { padding-left: 10px; padding-right: 10px; }
.page-btn-box .page-btn .jt.left { margin-right: 7px; }
.page-btn-box .page-btn .jt.right { margin-left: 7px; }
.page-btn-box .key { width: 40px; }
}
/**网站地图**/
.site-map { padding-bottom: 35px; }
.site-map .title { margin: 35px 0 20px; font-size: 26px; color: #444; line-height: 1.2em; }
.site-map .ul .li { border-bottom: 1px solid #ddd; padding: 15px 0; }
.site-map .ul .li-type { font-size: 20px; line-height: 1.4em; }
.site-map .ul .aBox { margin: -5px -8px; padding-top: 10px; }
.site-map .ul .aBox .div { display: inline-block; padding: 5px 8px; font-size: 14px; }
.site-map .ul .aBox a:hover { color: #008cff; }
@media (max-width: 1200px) {
.site-map { padding-bottom: 25px; }
.site-map .title { margin: 30px 0 15px; font-size: 20px; }
.site-map .ul .li { padding: 10px 0; }
.site-map .ul .li-type { font-size: 16px; }
.site-map .ul .aBox { margin: -3px -5px; }
.site-map .ul .aBox .div { padding: 3px 5px; }
}
@media (max-width: 1200px) {
.site-map { padding-bottom: 25px; }
.site-map .title { margin: 25px 0 0px; font-size: 18px; }
}
/******留言板**********/


.p_productInfoForm .form-group { margin: 2px 0% 8px 0%; }
.p_productInfoForm .InputText { border-radius: 0px; padding-left: 6px; padding-right: 6px; box-shadow: none; height: 32px; border: 1px solid #a1a1a1; background: transparent; }
.p_productInfoForm .e_input { height: 38px; width: 100%; }
.p_productInfoForm .control-label { padding-top: 0px; padding-bottom: 10px; }
.p_productInfoForm .asdfg { width: 100%; display: inline-block; font-size: 0px; }
.p_productInfoForm .p_groupBox textarea { height: 72px; padding: 6px 2px 6px; }
.p_productInfoForm .btn-primary { background-color: #00a1e9; border-color: #00a1e9; border: 0px; border-radius: 0px; width: 100%; height: 36px; }
.p_intentionIntroTitle { display: none }
/****底部导航链接***/


/*#bnav .botUl{
  display:block;
  width:auto;
  text-align:left;
}
#bnav .box{
  display:flex;
  justify-content:space-between;
}*/
footer a.a { }
footer a.a { font-size: 14px; color: #c3c3c3; line-height: 2em; padding: 0 0 6px 16px; display: block; width: 100%; position: relative; }
footer a.a:after { content: ""; position: absolute; left: 0px; top: 12px; height: 10px; width: 7px; height: 7px; border-top: 1px solid #909090; border-right: 1px solid #909090; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
#bnav a:hover { color: #00a1e9 !important; }



@media only screen and (max-width: 768px){

.index-block-c .left-box{ order:0}
.index-block-c .right-box{}
.index-block-c .scontainer .swiper-slide{ width:50%}
.more-box-a{ display:none}
.a-box{ width:90%; margin:0 auto}
.p_ContactInfo{ width:100%}
}

.commonweb {
    padding-left: -webkit-calc((258/1920)*100%);
    padding-left: calc((258/1920)*100%);
    padding-right: -webkit-calc((258/1920)*100%);
    padding-right: calc((258/1920)*100%)
}

@media screen and (max-width: 980px) {

    .commonweb,
    .header_wrap {
        padding-left: -webkit-calc((100/1420)*100%);
        padding-left: calc((100/1420)*100%);
        padding-right: -webkit-calc((100/1420)*100%);
        padding-right: calc((100/1420)*100%)
    }
	
	
	
}
/****内页*****/
.inside_banner {
    position: relative;
    overflow: hidden
}

.inside_banner>img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.inside_banner .info {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    color: #fff
}

.inside_banner .info .en {
     font-size: 16px;
    margin-top: 0.2rem;
    text-align: left;    opacity: 0.9;
}

.inside_banner .info .cn {
    font-size: 30px;
    font-weight: bold;
    text-align: left;     line-height: 1;
    opacity: 0.9;
    margin-top: 0.4rem;
    font-family: 'Arial';    opacity: 0.9;
}/*


  .detail_banner {
        margin-top: 70px
    }

    .inside_banner {
        height: 3rem
    }

    .inside_banner img {
        height: 100%
    }

    .inside_banner .info .en {
        font-size: 0.4rem
    }

    .inside_banner .info .cn {
        font-size: 0.2rem
    }
*/






#wyz.wyz{transition:all 0.5s;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;
  position:fixed;
  right:0;
  bottom: 0%;
  height:482px;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  z-index:99;
}
#wyz .wyz-form.cur{
  width:200px;
  opacity:1;
}
#wyz .wyz .transition{
  -webkit-transition-duration:.8s;
  -moz-transition-duration:.8s;
  -o-transition-duration:.8s;
  transition-duration:.8s;
}
#wyz .wyz .wyz-title{
  background-color:rgb(232 40 34 / .8);
  color:#fff;
  padding:15px 20px 0;
  white-space:nowrap;
  position:relative;
}
#wyz .wyz .wyz-title .cf-close{
  position:absolute;
  left:166px;
  top:0;
  padding:10px;
}
#wyz .wyz-item-block{
  transition:all 0.5s;
  -webkit-transition:all 0.5s;
  -moz-transition:all 0.5s;
  -o-transition:all 0.5s;
  position:absolute;
  right:0;
  width:70px;
  height:70px;
  background-color: #646464;
  border: 1px solid #646464;
  border-right:none;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
#wyz .wyz-item-block:nth-child(1){
  top:50px;
}
#wyz .wyz-item-block:nth-child(2){
  top:128px;
}
#wyz .wyz-item-block:nth-child(3){
  top:206px;
}
#wyz .wyz-item-block:nth-child(4){
  top:284px;
}
#wyz .wyz-item-block:nth-child(5){
  top:362px;
}
#wyz .wyz-item{
  width:100%;
  height:100%;
}
#wyz .wyz-item-p{
  color:#fff;
  font-size:12px;
  margin-top:5px;
}
#wyz .wyz-item-in{
  height:100%;
  display:none;
  position:relative;
  z-index:1;
  overflow:hidden;
}
#wyz .wyz-item-in-p{
  color:#fff;
  text-align:center;
  line-height:68px;
  height:68px;
  white-space:nowrap;
}
#wyz .wyz-in.cur{
  width:156px;
  background-color:transparent;
  border: 1px solid rgba(0,161,233,1);
}
#wyz .wyz-in.cur .wyz-item-in{
  width:100%;
  display:block;
}
#wyz .wyz-in.cur .wyz-item{
  display:none;
}
#wyz .wyz-in:before{
  content:"";
  background-color: rgba(0,161,233,0.8);
  position:absolute;
  height:100%;
  width:0;
  -webkit-transition:all .8s ease;
  -o-transition:all .8s ease;
  -moz-transition:all .8s ease;
  transition:all .8s ease;
}
#wyz .wyz-in.cur:before{
  width:100%;
}
#wyz .wyz-item-block.wyz-top{
  display:none;
  cursor:pointer;
  width:46px;
  height:46px;
  top:480px;
}
#wyz .wyz-item-block.wyz-top .wyz-item-p{
  font-size:14px;
  margin-top:0;
}
#wyz .wyz-in.wyz-search.cur{
  border-left:none;
}
#wyz .wyz-form{
  position:absolute;
  width:0;
  right:156px;
  bottom:-1px;
  z-index:999;
  overflow:hidden;
  opacity:0;
}
#wyz .wyz-form .cf-form{
  background-color:#00a1e9;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  padding:10px 20px 20px;
  border-bottom:1px solid #00a1e9;
}
#wyz .wyz-form .cf-form-item{
  margin-bottom:10px;
  font-size:0;
  white-space:nowrap;
}
#wyz .wyz-form .cf-form-item:last-of-type{
  margin:0;
}
#wyz .wyz-form input{
  padding:0 8px;
  margin:0;
  border:none;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:160px;
  height:28px;
  line-height:28px;
  font-size:12px;
  display:inline-block;
  vertical-align:middle;
  background-color:#fff;
}
#wyz .wyz-form .verify{
  width:86px;
  margin-right:5px;
}
#wyz .wyz-form .submit{
  width:160px;
  height:28px;
  line-height:28px;
  font-size:14px;
}
#wyz .wyz-qr-show .img-block{transition:all 0.5s;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
#wyz .wyz-qr-show .img-block img{
    max-width: 100%;
}
#wyz .wyz-qr-show{
  transition:all 0.5s;
  -webkit-transition:all 0.5s;
  -moz-transition:all 0.5s;
  -o-transition:all 0.5s;
  display:none;
  position:absolute;
  z-index:1;
  border:0px solid #00a1e9;
  left: -132px;
  top: -58px;
  width: 132px;
}
#wyz .flex-col{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}



@media only screen and (max-width: 1024px) {
#wyz .wyz-item-block{
    
    
    
}
#wyz .wyz-item-p{
    margin: 0;
}
#wyz.wyz{-webkit-transform: scale(0.82, 0.82); -ms-transform: scale(0.82, 0.82); transform: scale(0.82, 0.82);}

}



.pc{ display:block; }
.wap{ display:none}


@media (max-width: 768px) {
    .pc{ display:none; }
.wap{ display:block}

    
 .nav_lan{
    width: 100%;
    height: auto;
    z-index: 999999999;
    display: block;
    min-height: 52px;
    float: right;
    padding: 30px 8px 20px 8px;
}
.nav_lan li{
    width: 33%;
    float: left;
    padding: 0 10px;
}
.nav_lan li a:hover{background:#00a1e9;}
.nav_lan li a{
    display: block;
    text-align: center;
    width: 100%;
    line-height: 40px;
    background: #fff;
    font-size: 16px;
}


    
}