html {
    font-size: 62.5%;
    scroll-behavior: smooth;
}
body{
    margin:0;
    font-family: "Noto Sans SC", sans-serif;
    width: 100%;
    min-width: 100%;
    font-size: 1.2rem;
    font-weight: 350;
    line-height: 1.6;
    color: #333333;
    scroll-behavior: smooth;
}a {
    color: #333333;
    text-decoration: none;
    outline: none;
    transition: 0.5s;
}
ul{list-style-type: none;padding-inline-start: 0;}
p{margin-block-start: 0;
    margin-block-end: 0;}
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,
.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,
.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,
.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,
.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; float: left;}
.col{-ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%}
.col-auto{-webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none}
.col-1{-webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%}
.col-2{-webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%}
.col-3{-webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%}
.col-4{-webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%}
.col-5{-webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%}
.col-6{-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%}
.col-7{-webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%}
.col-8{-webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%}
.col-9{-webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%}
.col-10{-webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%}
.col-11{-webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%}
.col-12{-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%}
@media (min-width: 576px){.col-sm{-ms-flex-preferred-size:0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%} .col-sm-auto{-webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none} .col-sm-1{-webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%} .col-sm-2{-webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%} .col-sm-3{-webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%} .col-sm-4{-webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%} .col-sm-5{-webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%} .col-sm-6{-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%} .col-sm-7{-webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%} .col-sm-8{-webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%} .col-sm-9{-webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%} .col-sm-10{-webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%} .col-sm-11{-webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%} .col-sm-12{-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%}}
@media (min-width: 768px){.col-md{-ms-flex-preferred-size:0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%} .col-md-auto{-webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none} .col-md-1{-webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%} .col-md-2{-webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%} .col-md-3{-webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%} .col-md-4{-webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%} .col-md-5{-webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%} .col-md-6{-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%} .col-md-7{-webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%} .col-md-8{-webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%} .col-md-9{-webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%} .col-md-10{-webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%} .col-md-11{-webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%} .col-md-12{-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%}}
@media (min-width: 992px){.col-lg{-ms-flex-preferred-size:0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%} .col-lg-auto{-webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none} .col-lg-1{-webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%} .col-lg-2{-webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%} .col-lg-3{-webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%} .col-lg-4{-webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%} .col-lg-5{-webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%} .col-lg-6{-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%} .col-lg-7{-webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%} .col-lg-8{-webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%} .col-lg-9{-webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%} .col-lg-10{-webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%} .col-lg-11{-webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%} .col-lg-12{-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%}}
@media (min-width: 1200px){.col-xl{-ms-flex-preferred-size:0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%} .col-xl-auto{-webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none} .col-xl-1{-webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%} .col-xl-2{-webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%} .col-xl-3{-webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%} .col-xl-4{-webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%} .col-xl-5{-webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%} .col-xl-6{-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%} .col-xl-7{-webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%} .col-xl-8{-webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%} .col-xl-9{-webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%} .col-xl-10{-webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%} .col-xl-11{-webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%} .col-xl-12{-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%}}
.bg-white{
    background-color:#fff!important;
}
.bg-gray1, .bg-gray1-hover:hover {
    background-color: #242A37 !important;
}.gray1, .gray1-hover:hover {
    color: #f8f8f8 !important;
}.gray5, .gray5-hover:hover {
    color: #aaa !important;
}
.inner{width: 100%;max-width: 1110px;margin: 0 auto;padding: 0 40px;box-sizing: border-box;}
.inner::after{content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}
.large_inner{width: 100%;max-width: 1540px;margin: 0 auto;padding: 0 40px;box-sizing: border-box;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.d-flex{ display: flex!important; }
.m-l-10 {
    margin-left: 10px!important;
}.p-l-5 {
    padding-left: 5px!important;
}
.icon_triangle_down {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/icon_triangle_down.png) no-repeat right center;
    background-size: 100%;
}
.dropdown{position:relative}
.dropdown-menu{
    font-size:1rem;
    position:absolute;z-index:1200;top:100%;left:0;
    display:none;
    display:block;
    min-width:160px; padding:5px 0;list-style:none;
    text-align:left;color:#76838f;border:1px solid #e4eaec;border-radius:.215rem;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 3px 12px rgba(0,0,0,.05);box-shadow:0 3px 12px rgba(0,0,0,.05);-webkit-transition:.25s;-o-transition:.25s;transition:.25s}
.dropdown-menu-right {
    right: 0!important;
    left: auto!important;
}
/*---------------------------------------- header----------------------------------------*/
.header_main{display: flex;justify-content: space-between;align-items: flex-end;}
.header_main .logo{ float: left; width:180px; height: 60px; padding: 25px 0 12px 0;}
.header_main .logo a:hover{opacity: 1;}
.header_main .logo img{ width:180px; height: 60px; }
.header_main .header_nav{ float: left; }
.header_main .header_info{display: flex;justify-content: space-between;align-items: center;padding: 0 16px;}
.header_nav_list{display: flex;justify-content: space-between;align-items: center;
list-style:none;
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 0;}
.header_nav_list .nav-item{
    position: relative;
    font-size: 1.5rem;font-weight: bold;padding: 23px 15px; }
.header_nav_list .nav-item .icon_triangle_down{ vertical-align: -2px; margin-left: 10px; }
.header_nav_list .nav-item>a{color: #333;text-decoration: none;}
.header_nav_list .dropdown-menu.animate{
    display: none;
    /*display: block;*/
    overflow: visible;background: rgba(1,159,232, 0.7);border:0;padding-bottom: 20px;}
.header_nav_list .dropdown-menu.animate a{text-decoration: none; color: #fff!important;display: block!important;color: #fff;font-weight: normal;padding: 10px 0;font-size: 1.4rem;position: relative;text-align: center;}
.header_nav_list .dropdown-menu.animate::before{content: '';width: 27px;height: 14px;background: url(../images/ico-jiantou.png) no-repeat center;background-size: 20px auto;position: absolute;left: 50%;margin-left: -13px;top: -12px;}
.header_nav_list .dropdown-menu.animate a::after{content: '';width: 80px;height: 1px;background: #eeeeee;position: absolute;left: 50%;margin-left: -40px;bottom: 0;}
.header_nav_list .dropdown-menu.animate a::first::after{background:none;}
.header_nav_list .nav-item:hover .dropdown-menu { display: block; }

.header_nav_list .header_nav_item:nth-child(3){position: relative;}
.header_nav_list .header_nav_item:nth-child(3) .header_nav_aside{position: absolute;z-index: 99;width: 120px;text-align: center;left: 50%;margin-left: -60px;top: 70px;background: rgba(1,159,232, 0.7);display: none;}
.header_nav_list .header_nav_item:nth-child(3) .header_nav_aside::before{content: '';width: 27px;height: 14px;background: url(/skin/share/img/ico-jiantou.png) no-repeat center;background-size: 20px auto;position: absolute;left: 50%;margin-left: -13px;top: -12px;}
.header_nav_list .header_nav_item:nth-child(3) .header_nav_aside li a{display: block;color: #fff;font-weight: normal;padding: 10px 0;font-size: 1.4rem;position: relative;}
.header_nav_list .header_nav_item:nth-child(3) .header_nav_aside li:nth-child(n+2) a::after{content: '';width: 80px;height: 1px;background: #eeeeee;position: absolute;left: 50%;margin-left: -40px;top: 0;}
.header_main .header_info .header_language{display: flex;justify-content: space-between;margin-left: 30px;}
.header_main .header_info .header_language .nav-link{
    color: #333;
    text-decoration: none;
    font-size: 1.5rem;
    font-weight: bold;
}
/*
.header_main .header_info .header_language li:not(:first-child){margin-left: 6px;}
.header_main .header_info .header_language li a{display: block;background-color: #d2d2d2;border-radius: 50%;width: 36px;height: 36px;line-height: 36px;text-align: center;color: #666;font-size: 1.3rem;font-weight: bold;}
.header_main .header_info .header_language li a:hover,
.header_main .header_info .header_language li.current a{background-color: #491c7d;color: #fff;}*/

.main-swiper-container{ height: 300px; }

.large_inner .swiper-container img{width:100%}

/*---------------------------------------- section----------------------------------------*/
.section{padding: 0 0 80px;}
.section_title{font-size: 2.8rem; text-align: center; position: relative; padding-bottom: 18px; margin-bottom: 50px;}
/*.section_title::after{content: ""; width: 60px; height: 3px; background: linear-gradient(to right, #019FE8 , #262cf5); position: absolute; bottom: 0; left: 50%; margin-left: -30px;}*/

.container {
  max-width: 1110px;
  margin: 0 auto;
  padding: 0 40px;
}
/* .button_more */
.button_more{width: 300px; margin: 50px auto 0 auto;}
.button_more a{ text-decoration: none; display: flex; justify-content: center; align-items: center; height: 65px; font-size: 2rem; color: #fff; font-weight: bold; background: linear-gradient(45deg, #019FE8, #262cf5); border-radius: 75px; position: relative;}
.button_more a:after{content: ''; display: block; width: 11px; height: 11px; margin-top: -7px; position: absolute; top: 50%; right: 25px; transform: rotate(-45deg); border-right: 4px solid #fff; border-bottom: 4px solid #fff;}
/*---------------------------------------- about----------------------------------------*/
.about{background: #f5f3f2 url(../images/bg-about.png) no-repeat right bottom;padding: 17% 0 80px 0;margin-top: -12%;}
.about .about_main{display: flex;justify-content: space-between;align-items: center;}
.about .about_main .video{width: 41%;max-width: 450px;background: #2f2f2f;border-radius: 0 0 10px 10px;overflow: hidden;}
.about .about_main .video video{width: 100%;}
.about .about_main .video .sns{background-color: #2f2f2f;display: flex;align-items: center;padding: 0 20px;color: #fff;height: 50px;font-size: 1.3rem;}
.about .about_main .video .sns ul{display: flex;margin-left: 8px;}
.about .about_main .video .sns ul li{margin-left: 8px;position: relative;}
.about .about_main .video .sns ul li.qr_code .qr_code_block{content: "";width: 258px;position: absolute;bottom: -270px;left: 50%;margin-left: -129px;display: none;z-index: 99;}
.about .about_main .introduction{width: 53.5%;}
.about .about_main .introduction h3{font-size: 2.2rem;margin-bottom: 30px;}
.about .about_main .introduction p{font-size: 1.6rem;line-height: 1.8;}

/*---------------------------------------- service----------------------------------------*/
.service{background-color: #efe9f4;}
.service .service_list{display: flex;justify-content: space-between; list-style-type: none;padding-inline-start: 0;}
.service .service_list li{width: 24%;background-color: #fff;border-radius: 10px;box-sizing:border-box;padding: 3px;}
.service .service_list li a{display: block;background-color: #fff;border-radius: 10px;overflow: hidden; text-decoration: none; color:#333;}
.service .service_list li a:hover{opacity: 1;}
.service .service_list li h3{padding: 20px 0;}
.service .service_list li h3 span{display: block;text-align: center; }
.service .service_list li h3 span.icon{max-width: 51px;margin: 0 auto;}
.service .service_list li h3 span.en{font-size: 2.2rem;margin: 3px 0;}
.service .service_list li h3 span.cn{font-size: 1.4rem;}
.service .service_list li .photo{position: relative; height:200px}
.service .service_list li .photo .photo_text{
    display: flex;position: absolute;width: 100%;height: 100%;box-sizing: border-box;top: 0;
    background-color: rgba(0, 0, 0, 0.6);
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../images/ico-see.png');
    background-size: 60px;
    align-items: center;padding: 0 40px;color: #fff;font-size: 1.5rem;line-height: 2;opacity: 0;
margin-block-start: 0;
    margin-block-end: 0;

}
.service .service_list li .photo .image {
    width: 100%;
    height: auto;
}
.service .service_list li:hover{background: -webkit-linear-gradient(45deg, #019FE8, #262cf5);background: -ms-linear-gradient(45deg, #019FE8, #262cf5);}
.service .service_list li:hover .photo .photo_text{animation:fade-in 1s ease 0s 1;-moz-animation:fade-in 1s ease 0s 1;-webkit-animation:fade-in 1s ease 0s 1;-o-animation:fade-in 1s ease 0s 1;animation-fill-mode: forwards;}
@keyframes fade-in{0%{opacity: 0;}100%{opacity:1;}}
@media screen and (max-width: 1060px){
    .service .service_list li h3 span.en{font-size: 1.4rem;}
    .service .service_list li .photo .photo_text{padding: 0 10px;font-size: 1.2rem;line-height: 1.6;}
}

.section {
    padding-top: 70px;
}

/*---------------------------------------- case----------------------------------------*/
.case{background-color: #f5f3f2;position: relative;overflow: hidden;}
.case::after{content: "";position: absolute;width: 0;height: 0;top: 100px;left: 0;border-top: 1000px solid transparent;border-bottom: 500px solid transparent;border-left: 1320px solid #ede8ed;}
.case .large_inner{position: relative;z-index: 9;}
.case .case-grid{ padding-inline-start: 0; }
.case .case-grid li{ display: inline-block; float: left; width: 20%; }
.case .case-grid li .box{ display: block; margin: 10px; text-align: center; position: relative; }
.case .case-grid li .box img{width: 100%;}
.case .case-grid li .box .text{ 
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-top: -20px;
    margin-left: -100px;
    font-size: 24px;
    color: #fff;
}
.case .case-grid-3 li{ width: 33.3% }
.case .case_list {padding-inline-start: 0;}
.case .case_list li{display: flex;}
.case .case_list li:not(:first-child){margin-top: 30px;}
.case .case_list li:nth-child(2n){flex-direction: row-reverse;}
.case .case_list li .photo{width: 52%;}
.case .case_list li:nth-child(1) .photo{background: url(../images/img-case_1.png) no-repeat center;background-size: 110% auto;}
.case .case_list li:nth-child(2) .photo{background: url(../imagefs/img-case_2.png) no-repeat center;background-size: 110% auto;}
.case .case_list li:nth-child(3) .photo{background: url(../images/img-case_3.png) no-repeat center;background-size: 110% auto;}
.case .case_list li .text{width: 48%;background-color: rgba(255, 255, 255, 0.8);padding: 4% 3%;box-sizing: border-box;position: relative;z-index: 0;min-height: 350px;}
.case .case_list li .btn{background: -webkit-linear-gradient(45deg, #019FE8, #262cf5);background: -ms-linear-gradient(45deg, #019FE8, #262cf5);max-width: 180px;margin-top: 30px;border-radius: 26px;}
.case .case_list li .btn:hover{opacity: 0.7;}
.case .case_list li .btn a{display: block;text-align: center;font-size: 1.4rem;padding: 6px 0;border-radius: 20px;color: #fff;}
.case .case_list li .btn a:hover{opacity: 1;}
.case .case_list li .text h3{font-size: 2.2rem;padding-bottom: 10px;position: relative;margin-bottom: 25px;}
.case .case_list li .text h3::after{content: "";width: 45px;height: 3px;background: linear-gradient(to right, #019FE8 , #262cf5);position: absolute;bottom: 0;left: 0;}
.case .case_list li .text p{font-size: 1.4rem;line-height: 1.9;}

/*//============================== add --------------------------------------------from xf */

/*---------------------------------------- news----------------------------------------*/
.news{background: url(../images/bg-news.png) no-repeat center bottom;background-size: cover;}
.news .news_box .news_tab{display: flex;border: 1px solid #019FE8;background-color: #fff;margin-bottom: 32px;border-radius: 5px;overflow: hidden;
    padding-inline-start: 0;list-style-type: none;}
.news .news_box .news_tab li{flex: 1 1 50%;text-align: center;font-size: 1.8rem;color: #019FE8;font-weight: bold;padding: 10px 0;cursor: pointer;}
.news .news_box .news_tab li:not(:first-child){border-left: 1px solid #019FE8;}
.news .news_box .news_tab li:hover,
.news .news_box .news_tab li.current{background-color: #019FE8;color: #fff;}
.news .news_box .news_tabcontent{display: none;}
.news .news_box .news_tabcontent.current{display: block;}
.news .news_box .news_main li{display: flex;align-items: center;font-size: 1.6rem;padding: 13px 0;border-bottom: 1px solid #c2c2c3;}
.news .news_box .news_main li .date{width: 135px;}
.news .news_box .news_main li .category{width: 80px;height: 26px;margin-right: 17px;background-color: #019FE8;color: #fff;font-size: 1.1rem;text-align: center;line-height: 26px;border-radius: 26px;}
.news .news_box .news_main li a{text-decoration: none;color: #019FE8;}
.new-list .n-item{ border:1px solid #f2f2f2; border-radius: 20px; margin-bottom: 20px; padding:20px; }
.new-list .n-item p{ margin-top: 10px; }
.new-list .n-item .ico{
    width: 180px;
    height: 100px;
    margin-right: 20px;
    background-repeat: no-repeat;
    background-size: 100px;
    background-position: center;
    
}
.new-list .n-item:nth-child(1) .ico{background-image: url(../images/ico-new-1.png);}
.new-list .n-item:nth-child(2) .ico{background-image: url(../images/ico-new-2.png);}
.new-list .n-item:nth-child(3) .ico{background-image: url(../images/ico-new-3.png);}
.new-list .n-item .info{ margin-left: 200px; }
.new-list .n-item h3{margin-block-start: 0;
    margin-block-end: 0; font-size: 30px;}
.new-list .n-item p{ color: gray; font-size: 20px; 
    max-height: 65px;
    overflow: hidden;}
/*---------------------------------------- faq----------------------------------------*/
.faq{background-color: #f5f3f2;}
.faq .faq_list li{background-color: #fff;border-radius: 8px;padding: 0 30px;}
.faq .faq_list li:not(:first-child){margin-top: 20px;}
.faq .faq_list li h3{color: #019FE8;font-size: 2.0rem;font-weight: bold;padding: 20px 0;background: url(../images/ico-faq.png) no-repeat right center;cursor: pointer;transition: 0.5s;}
.faq .faq_list li h3.current{background: url(../images/ico-faq_close.png) no-repeat right center;}
.faq .faq_list li h3:hover{opacity: 0.7;}
.faq .faq_list li .faq_text{display: none;}
.faq .faq_list li .faq_text .faq_text_content{font-size: 1.6rem;line-height: 1.7;padding: 18px 0 35px;text-align: justify;display: flex;justify-content: space-between;align-items: flex-start;}
.faq .faq_list li .faq_text .faq_text_content a{text-decoration: none; display: block;flex: 0 0 130px;text-align: center;background: #019FE8;text-align: center;font-size: 1.2rem;padding: 4px 0;border-radius: 20px;color: #fff;margin-left: 40px;}

.main_nav{background: rgba(1,159,232, 0.7);}
.main_nav ul{width: 100%;display: flex;height: 60px;justify-content: center;align-items: center;}
.main_nav ul{width: 100%;display: flex;height: 60px;justify-content: center;align-items: center;}
.main_nav ul li{margin: 0 20px;}
.main_nav ul li a{color: #fff;font-size: 1.5rem;}
.main_nav ul li a:hover ,.main_nav ul li a.active,.main_nav ul li a:active{ color: #fff;}
@media screen and (max-width: 1060px) {
 .main_nav ul li {margin: 0 15px;}
}
@media screen and (max-width: 920px) {
 .main_nav ul li { margin: 0 5px;}
}
/*---------------------------------------- business----------------------------------------*/
.business_inner{width: 100%;max-width: 1115px;margin: 0 auto;padding: 0 40px;box-sizing: border-box;}
.product-layout{background-color: #f5f3f2;padding-bottom: 100px;}
.product-layout .business_list{ padding-inline-start: 0;list-style-type: none; overflow: hidden;padding-top: 50px;}
.product-layout .business_list li{background-color: #f5f3f2;border-radius: 10px;margin: 0 1.5% 1.5% 0;float: left;width: 32.3%;box-sizing: border-box;padding: 3px;}
.product-layout .business_list li:hover{background: -webkit-linear-gradient(right, #019FE8, #262cf5);background: -ms-linear-gradient(right, #019FE8, #262cf5);}
.product-layout .business_list li a{display: block;background-color: #fff;border-radius: 10px;overflow: hidden;}
.product-layout .business_list li a:hover{opacity: 1;}
.product-layout .business_list li:nth-child(3n){margin-right: 0;}
.product-layout .business_list li .business_title{background: #fff;text-align: center;padding: 18px 0 20px;}
.product-layout .business_list li .business_title a{ text-decoration: none;    color: #333333; }
.product-layout .business_list li .business_title .business_en{font-size: 2.2rem;font-weight: bold;}
.product-layout .business_list li .business_title .business_ch{font-size: 1.4rem;font-weight: bold;}
.product-layout .business_list li .business_content img{max-width: 100%;height: auto;}
.product-layout .business_list li .business_content{position: relative;}
.product-layout .business_list li .business_content .business_text{display: flex;position: absolute;width: 100%;height: 100%;box-sizing: border-box;top: 0;background: rgba(0, 0, 0, 0.6);align-items: center;padding: 0 40px;color: #fff;font-size: 1.5rem;line-height: 2;opacity: 0;}
.product-layout .business_list li a:hover .business_content .business_text{animation:fade-in 1s ease 0s 1;-moz-animation:fade-in 1s ease 0s 1;-webkit-animation:fade-in 1s ease 0s 1;-o-animation:fade-in 1s ease 0s 1;animation-fill-mode: forwards;}
@keyframes fade-in{0%{opacity: 0;}100%{opacity:1;}}
@media screen and (max-width: 1060px){
    .product-layout .business_list li .business_title .business_en{font-size: 1.4rem;}
    .product-layout .business_list li .business_content .business_text{padding: 0 10px;font-size: 1.2rem;line-height: 1.6;}
}
@media screen and (max-width: 767px){
    .product-layout{padding-bottom: 60px;}
    .business_inner{padding: 0 15px;}
    .product-layout .business_list li{width: 49%;}
    .product-layout .business_list li:nth-child(3n){margin-right: 2%;}
    .product-layout .business_list li:nth-child(even){margin-right: 0;}
    .product-layout .business_list li .business_icon{max-width: 50px;margin: 0 auto;}
    .product-layout .business_list li .business_title{padding: 10px 0;}
    .product-layout .business_list li .business_title .business_en{margin-top: 5px;}
    .product-layout .business_list li .business_title .business_ch{font-size: 1.2rem;}
    .product-layout .business_list li .business_content .business_text{font-size: 1rem;}
}
.case-layout{background-color: #efe9f5;padding: 0;padding-top: 50px;}
.case-layout .case_area{/* background: url(/skin/case/img/bg-case_bottom.png) no-repeat right bottom; */padding: 0 0 56px;}
.case-layout .case_inner{width: 100%;max-width: 1377px;padding: 0 40px;margin: 0 auto;box-sizing: border-box;}
.case-layout .case_list{display: flex;flex-wrap: wrap;padding-bottom: 45px;position: relative;}
.case-layout .case_list li{width: 23.8%;position: relative;z-index: 1;}
.case-layout .case_list li:nth-child(n+5){margin-top: 44px;}
.case-layout .case_list li:not(:nth-child(4n+1)){margin-left: 1.6%;}
.case-layout .case_list li a{transform: translateY(0);display: block;}
.case-layout .case_list li a:hover{transform: translateY(-14px);opacity: 1;}
.case-layout .case_photo img{width: 100%;}
.case-layout .case_text{background-color: #f7f7f7;padding: 11px 17px 18px 17px;}
.case-layout .case_list li a:hover .case_text{background-color: #522290;color: #ffffff;}
.case-layout .case_date{font-size: 1.4rem;color: #522290;position: relative;padding-bottom: 13px;margin-bottom: 12px;}
.case-layout .case_date:after{content: '';display: block;border-bottom: 3px solid #522290;position: absolute;bottom: 0;left: 0;width: 46px;}
.case-layout a:hover .case_date{color: #ffffff;}
.case-layout a:hover .case_date:after{border-bottom: 3px solid #ffffff;}
.case-layout .case_text .text{font-size: 2.2rem;line-height: 1.3;}
@media screen and (max-width: 767px){
    .case-layout{background: /* url(/skin/case/img/bg-case.png) no-repeat center 105px */ #efe9f5;background-size: 105% auto;}
    .case-layout .case_area{padding: 40px 0;}
    .case-layout .case_inner{padding: 0 15px;}
    .page_section_title{font-size: 2rem;padding-bottom: 10px;margin-bottom: 40px;}
    .case-layout .case_list{display: block;margin-top: 65px;padding-bottom: 30px;}
    .case-layout .case_list li{width: 100%;margin-top: 20px;}
    .case-layout .case_list li:not(:nth-child(4n+1)){margin-left: 0;}
    .case-layout .case_text .text{font-size: 1.6rem;}
    .case-layout .pagination_list .pagination_list_item,
    .case-layout .pagination_list .o-current,
    .case-layout .pagination .pagination_prev,
    .case-layout .pagination .pagination_next{width: 25px;height: 25px;line-height: 21px;font-size: 1.4rem;}
    .case-layout .pagination .pagination_prev:before,
    .case-layout .pagination .pagination_next:before{top: 7px;}
    .case-layout .pagination .pagination_prev:after,
    .case-layout .pagination .pagination_next:after{top: 7px;}
    .case-layout .pagination .pagination_prev:before{left: 8px;}
    .case-layout .pagination .pagination_prev:after{left: 11px;}
    .case-layout .pagination .pagination_next:before{right: 8px;}
    .case-layout .pagination .pagination_next:after{right: 11px;}
    .case-layout .pagination_list .pagination_list_item{margin-left: 15px;}
    .case-layout .pagination .pagination_list_ellipsis{margin-left: 15px;width: 25px;height: 25px;}
    .case-layout .pagination .pagination_next{margin-left: 15px;}
}

.news-layout{background:  #efe9f4;padding-bottom: 55px;  }
.news_list_inner{max-width: 1110px;margin: 0 auto;padding: 0 40px;}
.news-layout .page_section_title{margin-bottom: 60px;}
.news-layout .news_list_box .news_class{display: flex;align-items: center;}
.news-layout .news_list_box .news_class:not(:first-child) ul{margin-top: 15px;}
.news-layout .news_list_box .news_class span{display: block;font-size: 1.8rem;width: 138px;color: #019FE8;}
.news-layout .news_list_box .news_class ul{display: flex;font-size: 1.5rem;color: #019FE8;}
.news-layout .news_list_box .news_class ul li a,
.news-layout .news_list_box .news_class ul li span{display: block;width: 100px;height: 26px;line-height: 1.8;border-radius: 26px;text-align: center;border: 2px solid #019FE8;margin: 0 5px;font-size: 1.5rem;}
.news-layout .news_list_box .news_class ul li:hover a{background-color: #019FE8;color: #fff;opacity: 1;}
.news-layout .news_list_box .news_class ul li.active a,
.news-layout .news_list_box .news_class ul li.active span{background-color: #019FE8;color: #fff;}
.news-layout .news_list_box .news_list_info{display: flex;flex-wrap: wrap; margin-top: 40px;}
.news-layout .news_list_box .news_list_info .news_list_item{width: 23.5%;border-radius: 10px;overflow: hidden;margin-bottom: 20px;margin-right: 2%;}
.news-layout .news_list_box .news_list_info .news_list_item:nth-child(4n){margin-right: 0;}
.news-layout .news_list_box .news_list_info .news_list_item .news_list_img img{width: 100%;/*height: auto;*/}
.news-layout .news_list_box .news_list_info .news_list_item .news_list_title{display: flex;align-items: center;padding: 15px 5% 7px;background-color: #fff;}
.news-layout .news_list_box .news_list_info .news_list_item .news_list_title span{display: block;}
.news-layout .news_list_box .news_list_info .news_list_item .news_list_title span.news_list_icon{padding: 1px 5%;font-size: 1.2rem;border-radius: 15px;background-color: #019FE8;color: #fff;margin-right: 5%;}
.news-layout .news_list_box .news_list_info .news_list_item .news_list_title span.news_list_year{font-size: 1.6rem;color: #019FE8;}
.news-layout .news_list_box .news_list_info .news_list_item .news_list_desc{
    margin-block-start: 0;
    margin-block-end: 0;font-size: 1.8rem;padding: 0 5% 20px;text-align: justify;background-color: #fff;}
.news-layout .news_list_box .news_list_info .news_list_item a:hover .news_list_title,
.news-layout .news_list_box .news_list_info .news_list_item a:hover .news_list_desc{background-color: #019FE8;}
.news-layout .news_list_box .news_list_info .news_list_item a:hover .news_list_title span.news_list_icon{background-color: #fff;color: #4f0287;}
.news-layout .news_list_box .news_list_info .news_list_item a:hover .news_list_title span.news_list_year{color: #fff;}
.news-layout .news_list_box .news_list_info .news_list_item a:hover .news_list_desc{color: #fff;}
@media s-layout and (max-width:880px){
    .news-layout .news_list_box .news_list_info .news_list_item{width: 24%;}
    .news-layout .news_list_box .news_list_info .news_list_item .news_list_title{display: block;padding-bottom: 0;}
    .news-layout .news_list_box .news_list_info .news_list_item .news_list_title span.news_list_icon{width: 60px;text-align: center;margin-bottom: 5px;}
    .news-layout .news_list_box .news_list_info .news_list_item .news_list_desc{font-size: 1.4rem;line-height: 1.3;}
    .news-layout .news_list_box .news_class span{width: 110px;font-size: 1.6rem;}
    .news-layout .news_list_box .news_class ul{font-size: 1.4rem;}
    .news-layout .news_list_box .news_class ul li{flex: 0 0 80px;}
}
@media screen and (max-width: 767px){
    .news_list_inner{padding: 0 15px;}
    .news-layout .page_section_title{margin-bottom: 30px;}
    .news-layout .news_list_box .news_class{margin-top: 10px;}
    .news-layout .news_list_box .news_class span{font-size: 1.4rem;width: 90px;}
    .news-layout .news_list_box .news_class ul{font-size: 1.2rem;}
    .news-layout .news_list_box .news_class ul li a{height: 22px;}
    .news-layout .news_list_box .news_class ul li a,
    .news-layout .news_list_box .news_class ul li span{line-height: 1.5;}
    .news-layout .news_list_box .news_class:not(:first-child) ul{margin-top: 0;}
    .news-layout .news_list_box .news_list_info{display: block;}
    .news-layout .news_list_box .news_list_info .news_list_item{width: 100%;}
    .news-layout .news_list_box .news_list_info .news_list_item .news_list_title{display: flex;padding-bottom: 7px;}
    .news-layout .news_list_box .news_list_info .news_list_item .news_list_title span.news_list_icon{margin-bottom: 0;}
    .news-layout .news_list_box .news_list_info .news_list_item .news_list_desc{font-size: 1.6rem;padding: 0 17px 18px;}
}
.news-layout .mod-title{
    height: 130px;
}
.news-layout .mod-title h1{padding-top: 42px;    font-size: 28px;
    color: #fff;}
.news-layout .mod-title .breadcrumb{margin-top: 56px;  
    font-size: 13px;}.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    color: #6c757d;
    content: "/";
}
.news-layout .new-content{
    margin-top:90px; font-size: 18px; line-height: 2;
}
.recommend-list{margin-left: 30px;background-color: #fff;margin-bottom: 20px;box-shadow: 3px 3px 3px #cbcbcb;}
.recommend-list h3{font-size: 2.2rem;display: flex;align-items: center;padding: 13px 14px;border-bottom: 1px solid #dfdfdf;font-weight: normal;margin-top: 0;}
.recommend-list ul{padding: 10px 7% 30px 12%;}
.recommend-list li{position: relative;}
.recommend-list li:not(:first-child){margin-top: 17px;}
.recommend-list li .indet{position: relative;left: -10px;}
.recommend-list li::before{content: '';width: 9px;height: 9px;background-color: #dadada;position: absolute;top: 50%;margin-top: -5px;left: -8%;}
.recommend-list ul li a{font-size: 1.6rem;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
@media screen and (max-width: 767px){
    .recommend-list{
        margin-left: 0;
    }
}



/* .main_title*/
.main_title{height: 300px;position: relative;display: flex;justify-content: center;align-items: center;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.main_title h1{font-size: 2.8rem;padding-bottom: 18px;position: relative;}
.main_title h1::after{content: "";width: 60px;height: 3px;background: linear-gradient(to right, #019FE8 , #262cf5);position: absolute;bottom: 0;left: 50%;margin-left: -30px;}
.main_title .main_nav{position: absolute;width: 100%;top: 0;left: 0;background: rgba(1,159,232, 0.7);}
.main_title .main_nav ul{
    list-style-type: none; padding-inline-start: 0;width: 100%;display: flex;height: 60px;justify-content: center;align-items: center;}
.main_title .main_nav ul li{margin: 0 20px;}
.main_title .main_nav ul li a{color: #fff;font-size: 1.5rem; text-decoration: none;}
@media screen and (max-width: 1060px){.main_title .main_nav ul li{margin: 0 15px;}}
@media screen and (max-width: 920px){.main_title .main_nav ul li{margin: 0 5px;}}
.main_title {
    background-image: url(../images/bg-main_title.png);
}
.main_title.news{ background-image: url(../images/bg-main_title-news.png); }


/*---------------------------------------- footer----------------------------------------*/

.contact{background: url(../images/bg-contact.png) repeat center;background-size: cover;padding: 50px 0 30px 0;}
.contact .section_title{margin-bottom: 40px;}
.contact .contact_main{display: flex;justify-content: space-between;align-items: center;}
.contact .contact_main .tel,
.contact .contact_main .mail{flex: 1 1 360px;margin-right: 20px;border-radius: 5px;background-color: #491c7d;color: #fff;font-size: 1.8rem;display: flex;justify-content: center;flex-direction: column;align-items: center;height: 111px;line-height: 1.3;font-weight: bold;}
.contact .contact_main .tel{flex: 1 1 320px;}
.contact .contact_main .tel a{font-size: 4.0rem;color: #fff;pointer-events: none; text-decoration: none;}
.contact .contact_main .mail span{font-size: 2.8rem;}
.contact .contact_time{display: flex;justify-content: center;font-weight: bold;font-size: 2.4rem;color: #491c7d;margin-top: 25px;}
.contact .contact_time dt{margin-right: 30px;}
.copyright .copyright_mian .copyright_text a{color: #9fa0a0;}
@media screen and (max-width: 901px){ 
    .contact .contact_main .tel a{font-size: 3.0rem;}
    .contact .contact_main .mail span{font-size: 2.2rem;}
}
#footer{background-color: #313131;}
#footer .inner{min-width: 700px; max-width: 1200px;}
#footer .links{padding: 45px 0;}
#footer .links_nav{display: flex;justify-content: space-between;}
#footer .links_nav .links_item{width: 16%;}
#footer .links_nav .links_item .column_2{display: flex;flex-wrap: wrap;}
#footer .links_nav .links_item .column_2 li{width: 47%;}
#footer .links_nav .links_item h2{font-size: 1.6rem;color: #fff;padding-bottom: 10px;border-bottom: 1px solid #959595;}
#footer .links_nav .links_item h2.multiple{margin-top: 30px;}
#footer .links_nav .links_item li{margin-top: 10px;}
#footer .links_nav .links_item a{font-size: 1.4rem;color: #9fa0a0; text-decoration: none;}
#footer .links_nav .links_item a:hover{text-decoration: underline;}
#footer .copyright{background-color: #000000;color: #9fa0a0;font-size: 1.4rem;padding: 10px 0;text-align: center;}
#footer .copyright .copyright_mian{display: flex;justify-content: center;}
#footer .copyright .copyright_text{margin-right: 13px;}
.copyright_mian{padding-top:10px;}
.powered_by_youmumu{padding:15px 0;}

.footer {    padding: 45px 0 0;}
.footer .f-title{height: 75px;border-bottom: 1px solid #393939;line-height: 75px;margin: 0}
.footer .f-title .fr{color: #7dcfa0}
.footer .f-title .fl li{float: left}
.footer .f-title .fl li.nav_f{position: relative;text-align: left}
.footer .f-title .fl li.nav_f:hover .sitemap-quick{display: block}
.footer .f-title .fl li.nav_f .sitemap-quick{display: none;width: 200px;position: absolute;background: rgba(71,78,88,.95);padding: 15px;line-height: 20px;border-radius: 3px;right: -70px;top: 49px;z-index: 999;-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.25);box-shadow: 0 2px 5px rgba(0,0,0,.25);background: #333\9}
.footer .f-title .fl li.nav_f .sitemap-quick p{color: #fff3be;font-size: 14px;font-weight: 700}
.footer .f-title .fl li.nav_f .sitemap-quick dd a{height: auto;margin: 5px 0;color: #dbece1}
.footer .f-title .fl li.nav_f .sitemap-quick .nav_area{clear: both;width: 200px;border-bottom: 1px solid #777;margin-bottom: 10px;padding-bottom: 10px}
.footer .f-title .fl li.nav_f .sitemap-quick .last{border: none;margin: 0;padding: 0}
.footer .f-title .fl li.nav_f .sitemap-quick a{color: #ddd;font-size: 12px;margin-right: 9px;height: 20px;line-height: 20px;padding: 0;float: none;display: inline-block}
.footer .f-title .fl li a{color: #fff;margin-right: 15px;font-size: 14px}
.footer .f-title .fl li a:hover{text-decoration: none}
.footer .link-box{padding: 13px 0 20px;border-bottom: 1px solid #393939;background: 0 0;overflow: hidden}
.footer .link-box .fl{width:500px}
.footer .link-box .fl .tab{height: 40px}
.footer .link-box .fl .tab span{padding: 8px 10px;background: #121212;color: #999;float: left;margin-right: 12px;cursor: pointer;font-size: 12px;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out}
.footer .link-box .fl .tab span.hover{background: #3d3d3d;color: #fff}
.footer .link-box .fl .link-list div{display: none;height: 89px;overflow: hidden}
.footer .link-box .fl dd{margin-inline-start: 0;}
.footer .link-box .fl dd a{color: #999;font-size: 12px;display: inline-block;margin: 10px 10px 0 0;padding: 0}
.footer .link-box .fr img{border: 5px solid #fff;border-radius: 2px;width: 129px;height: 129px;margin-left:20px;}

.footer .link-list{ padding-bottom: 40px; }
.footer .list_cont{width: 33%; padding-right: 60px;float: left;  box-sizing: border-box;}
.footer .list_cont.last{margin-right: 0;width: 330px}
.footer .list_cont .tit{border-bottom: 2px solid #15181f;position: relative;font-size: 20px;color: #fff;line-height: 30px;padding-bottom: 15px;margin-bottom: 20px}
.footer .list_cont .tit hr{margin: 0;padding: 0;height: 0;width: 40px;border: none;border-bottom: 4px solid #b8becc;position: absolute;left: 0;bottom: -2px}
.footer .list_cont p{position: relative;padding-left: 40px;font-size: 14px;line-height: 28px;color: #7a8499}
.footer .list_cont p .ico{display: inline-block;width: 28px;height: 28px;position: absolute;left: 0;top: 0px;background: url(../images/contact/ico2.png) no-repeat center}
.footer .list_cont p .ico2{background-image: url(../images/contact/ico3.png)}
.footer .list_cont p .ico3{background-image: url(../images/contact/ico4.png)}
.footer .list_cont p .qqIco{display: inline-block;width: 24px;height: 28px;vertical-align: middle;margin-right: 5px;background: url(../images/contact/qqIco.png) no-repeat center}
.footer .list_cont p b{font-size: 16px;color: #2295fe;font-weight: normal}
.footer .list_cont p a{     color: #a9a9a9; }
.footer .list_cont p.lh24{color: #a9a9a9;line-height: 24px}
.footer .list_cont p.lh30{color: #a9a9a9;line-height: 30px;font-size: 16px}
.footer .list_cont .wx{text-align: center}
.footer .list_cont .wx img{width: 130px;height: 130px}
.footer .list_cont .wx p{padding: 0;font-size: 14px;color: #fff;line-height: 22px}
.footer .list_cont .mb20{margin-bottom: 20px}
.footer .list_cont .mt35{margin-top: 35px}
.footer .list_cont .wx img {
    border: 5px solid #fff;
    border-radius: 2px;
    width: 100px;
    height: 100px;
    margin-left: 20px;
}


.main-im{position: fixed;right: 10px;top: 50%;z-index: 1000000;width: 110px;height: 302px;margin-top: -200px}
.main-im .qq-a{display: block;width: 106px;height: 116px;font-size: 14px;color: #0484cd;text-align: center;position: relative}
.main-im .qq-a span{bottom: 5px;position: absolute;width: 90px;left: 10px}
.main-im .qq-hover-c{width: 70px;height: 70px;border-radius: 35px;position: absolute;left: 18px;top: 10px;overflow: hidden;z-index: 9}
.main-im .qq-container{z-index: 99;position: absolute;left: 0;top: 0;width: 109px;height: 118px;border-top-left-radius: 10px;border-top-right-radius: 10px;border-bottom: 1px solid #dddddd;background: url(../images/im/qq-icon-bg.png) no-repeat center 8px}
.main-im .img-qq{max-width: 60px;display: block;position: absolute;left: 6px;top: 3px;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s}
.main-im .im-qq:hover .img-qq{max-width: 70px;left: 1px;top: 8px;position: absolute}
.main-im .im_main .im-tel .solution{display: none}
.main-im .im_main{background: #F9FAFB;border: 1px solid #dddddd;border-radius: 10px}
.main-im .im_main .im-tel{color: #000000;text-align: center;width: 109px;border-bottom: 1px solid #dddddd;padding-bottom: 10px}
.main-im .im_main .im-tel .saas{display: none}
.main-im .im_main .im-tel div{font-weight: bold;font-size: 12px;margin-top: 6px}
.main-im .im_main .im-tel .tel-num{font-family: Arial;font-weight: bold;color: #e66d15}
.main-im .im_main .im-tel:hover{background: #fafafa}
.main-im .im_main .weixing-container{width: 55px;height: 47px;border-right: 1px solid #dddddd;border-bottom-left-radius: 10px;background: #f5f5f5 url(../images/im/weixing-icon.png) no-repeat center center;float: left}
.main-im .im_main .weixing-show{width: 112px;height: 172px;background: #ffffff;border-radius: 10px;border: 1px solid #dddddd;position: absolute;left: -125px;top: -126px;display: none}
.main-im .im_main .weixing-show .weixing-sanjiao{width: 0;height: 0;border-style: solid;border-color: transparent transparent transparent #ffffff;border-width: 6px;left: 112px;top: 134px;position: absolute;z-index: 2}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width: 0;height: 0;border-style: solid;border-color: transparent transparent transparent #dddddd;border-width: 8px;left: 112px;top: 132px;position: absolute}
.main-im .im_main .weixing-show .weixing-ma{width: 104px;height: 103px;padding-left: 5px;padding-top: 5px}
.main-im .im_main .weixing-show .weixing-txt{position: absolute;top: 110px;left: 7px;width: 100px;margin: 0 auto;text-align: center}
.main-im .im_main .go-top{width: 50px;height: 47px;background: #f5f5f5;border-bottom-right-radius: 10px;background: url(../images/im/totop-icon.png) no-repeat center center;float: right}
.main-im .im_main .go-top a{display: block;width: 52px;height: 47px}
.main-im .close-im{position: absolute;right: 10px;top: -12px;z-index: 100;width: 24px;height: 24px}
.main-im .close-im a{display: block;width: 24px;height: 24px;background: url(../images/im/close_im.png) no-repeat left top}
.main-im .close-im a:hover{text-decoration: none}
.main-im .open-im{cursor: pointer;margin-left: 68px;width: 40px;height: 133px;background: url(../images/im/open_im.png) no-repeat left top;display: none}