body{font-family:"微软雅黑"!important;font:14px Microsoft YaHei!important;line-height: 24px;background: #ffffff;}
body,div,p,span,ul,li,dl,dd,h1,h2,h3,a,input,img{margin:0;padding:0;box-sizing: border-box;}
li,ol{list-style:none;}
a,input,img,textarea{border:none;outline:none;}
i,em{font-style:normal;}
.fl{float: left;}.fr{float: right;}.tc{text-align:center;}.tr{text-align:right;}.tl{text-align:left;}
.db{display: block;}.ma{margin: 0 auto;}.pr{position: relative;}.pa{position: absolute;}.pf{position: fixed;}
.transition{-webkit-transition: all  0.3s ease-out;-moz-transition: all  0.3s ease-out;-o-transition: all  0.3s ease-out; transition: all  0.3s ease-out; }
a{text-decoration: none;color: #8f8f8f;}
a:focus{text-decoration: none;}
a:hover,a:focus{text-decoration: none!important;color: #fff;}
.hide{display: none}
.show{display: block}
.modal a{outline:none;}
label{font-weight: normal;width:100%;}
a:focus {outline:none;outline-offset:0;}
.container{margin:0 auto;padding:0!important;width: 100%}
.bgf6{background-color: #f6f6f6;}
.bgfff{background-color: #fff;}
#wrap_index{overflow: hidden;position: relative;}
/*头部*/
#header{width: 100%;height: 72px;position: fixed;top: 0;left: 0;z-index: 60;/*border-bottom: 1px solid #e6e6e6;transition: 400ms; background-color: rgba(255, 255, 255, 0.3);*/}
#header .logo{height: 72px;padding:0;}
#header .logo a{width: 100%;height:72px;display: table-cell;vertical-align: middle;/*transition: 400ms;*/}
#header .logo img{/*max-width: 100%; transition: 400ms;*/height: 49px}
#header .nav_box{height:100%;padding: 0;}

/* --------------------- */
#blackLogo{
    display: none;
}

.header_container a{
    color: #000;
}

 .header_nav_content{
     width: 100%;
     height: 72px;
     display: flex;
    position: relative;
 }
.header_nav_content_noe{
    display: flex;
    width: 160px;
    height: 72px;
    justify-content: center;
    align-items: center;
    transition: 400ms;color: #222222;font-size: 16px;overflow: hidden;
    border-radius: 20px 20px 0px 0px;
}
.header_nav_content_two_item{
    width: 160px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-bottom: 1px solid #f6f6f6;
    transition: 400ms;color:#808080;font-size: 16px;overflow: hidden;

}
.header_nav_content_noe:hover {
    /* border-bottom: 2px solid #222222; */
    background: linear-gradient(#fff, #fff) no-repeat;
    background-color: #0353a2;
    background-size: 100% 2px;
    background-position: 0 66px;
    /* text-shadow: .05em 0 white, -.05em 0 white; avoid parts below the baseline */
    animation: text-underline-slideInLeft 1.2s linear infinite forwards;
}
.header_nav_content_noe:hover a{color: #fff;}
.header_nav_content_noe:hover .header_nav_content_two_item a{color: #000;}
.header_nav_content_noe .header_nav_content_two_item:hover{
    background-color: #0353a2ba;
}
.header_nav_content_noe .header_nav_content_two_item:hover a{color: #fff;}
@keyframes text-underline-slideInLeft {
    from {
      background-position-x: -300px;
    }
    50% {
      background-position-x: 0;
    }
    to {
      background-position-x: 300px;
    }
  }

.header_nav_content_noe:hover .header_nav_content_two{
    display: block;
    transition: 400ms;
}
/* .header_nav_content_noe:hover .A_activa{
    color:#fff;
} */
.acvt_content_two{
    color: #808080;
    font-size: 14px;
    font-weight: 400;
    display: block;
    width: 100%;
    height: 100%;
}
.header_nav_content_two{
    background-color: #fff;
    position: absolute;
    top: 72px;
    /* flex-direction: column; */
    display: none;
}
.nav_home{
    width: 160px;
    transition: 400ms;display: block;line-height:72px;font-size: 16px;height:72px;overflow: hidden;
    text-align: center;
    color: #fff;
    border-radius: 20px 20px 0px 0px;
}
/* .nav_home:hover{
   border-bottom: 2px solid #fff;
} */
.nav_home:hover{
    /* background: linear-gradient(#0a0a0a, #131312) no-repeat; */
    background: linear-gradient(#fff, #fff) no-repeat;
    background-color: #0353a2;
    background-size: 100% 2px;
    background-position: 0 68px;
    /*text-shadow: .05em 0 white, -.05em 0 white;  avoid parts below the baseline*/
    animation: text-underline-slideInLeft 1.2s linear infinite forwards;
   /* border-bottom: 2px solid #222222; */
}

.nav_home:hover .A_activa{
    color: #fff;
}
.current{
    color: #fff;
    font-weight: bold;border-bottom: 2px solid #fff;
}
/* 添加 */
/* .actvcurrent{
 border-bottom: 2px solid #222222;
} */

.A_activa{
    color: #fff;
}
.porblk{
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 72px;
}

/* 三级 */
.header_nav_content_three{
    display: none;
    position: absolute;
    /* top: -6px;
    left: 161px; */
    margin-left: 161px;
     margin-top: -34px;
    background-color: #fff;
}
.header_nav_content_three_item{
    width: 160px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-bottom: 1px solid #ccc;
    transition: 400ms;color: #222222;font-size: 16px;overflow: hidden;
}
.header_nav_content_two_item:hover .header_nav_content_three{
   display: block;
   transition: 400ms;

}
.acvt_content_two_more{position: absolute;right: 17px;}
/* .header_nav_content_two li */


/* --------------------- */

/* #header .nav_box .yiji .libox .more{position: relative;right: -16px;}
#header .nav_box .yiji .libox a:hover .sanji{display: block;}
#header .nav_box .yiji .libox .sanji{width: 160px;height: auto; background: #fff;padding: 5px 0;display: none;position: relative;top: -40px;left: 161px;}
#header .nav_box .yiji .libox .sanji a{display: block;color: #808080;font-size: 14px;line-height: 40px;width: 100%;height: 40px;}
#header .nav_box .yiji .libox .sanji a:hover{color: #65a9f5;} */

/* #sanji{
    display: block !important;
} */
/* #header .nav_box .yiji:hover a.one:before,#header .nav_box .yiji.current a.one:before{content: "";width: 100%;height: 3px;background:#65a9f5;position: absolute;bottom:0;left: 0;animation: lines 0.3s ease forwards;} */
/* #header .nav_box .yiji:hover a.one:after,#header .nav_box .yiji.current a.one:after{content: "";border: 7px solid transparent;border-bottom: 7px solid #65a9f5;position: absolute;bottom: 3px;left: 50%;margin-left: -4px;animation: sanjiao 0.3s ease forwards;} */
@keyframes lines {  
    0% {opacity: 0;transform: scale(0);} 
    100% {opacity: 1;transform: scale(1);}  
  }
@keyframes sanjiao {  
    0% {opacity: 0;transform: translateY(-5px);} 
    100% {opacity: 1;transform: translateY(0);}  
  } 

/*鼠标下拉头部上缩*/
#header.head_up,#header.head_up .logo a{height: 72px;/*transition: 400ms;*/ background-color: #fff;}
#header.head_up .logo img{/*max-width: 80%;head_uptransition: 400ms;*/}
#header.head_up .nav_box .yiji a.one{height: 72px;line-height: 72px;transition: 400ms;}
#header.head_up .nav_box .yiji .libox{top: 72px;}
/*手机头部*/
#molheader{width: 100%;height: 66px;padding: 0 20px;background: #fff;}
#molheader.index_head{position: fixed;top: 0;left: 0;z-index: 30;border-bottom: 1px solid #e6e6e6;}
#molheader .mol_logo img{height: 66px;width: auto;}
#molheader .mol_navbutton{width: 32px;height:32px;top: 16px;right: 20px;}
#molheader .mol_navbutton img{width:100%;}
/*大图*/
#banner {height:650px;position: relative;overflow: hidden;} /*margin-top: 90px*/
.mobBanner{height:650px;}
.mobBanner .swiper-slide{overflow: hidden; position: relative;text-align: center;}
.mobBanner img{height:650px;max-width:none;position: absolute;bottom:0;left:50%; transform: translate(-50%);-webkit-transform:translate(-50%);}
#banner .pagination{position: absolute;bottom:4%;left:0;width:100%;text-align:center;z-index:25;}
#banner .pagination span{margin:0 5px;width:10px;height:10px;border-radius: 50%;display: inline-block;background: none;border: 1px solid #fff;opacity: 1;}
#banner .pagination span.swiper-pagination-bullet-active{background: #fff;}
#banner .a-arrow{display: block;width: 60px;height:94px;position: absolute;top: 50%;margin-top: -47px;z-index: 26;}
#banner .swiper-button-prev{background: url(../img/prev.png) center no-repeat;left:8%;}
#banner .swiper-button-next{background: url(../img/next.png) center no-repeat;right:8%;}
#banner .swiper-button-prev:hover:before{content: "";width: 36px;height: 1px;background: #fff;position: absolute;left: 30px;top:50%;}
#banner .swiper-button-next:hover:before{content: "";width: 36px;height: 1px;background: #fff;position: absolute;right: 30px;top:50%;}

#banner .banner-conent{
    background: url("../img/homebanner.jpg") no-repeat center;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
    height: 650px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#banner .banner-conent .banner-title{
    font-size: 50px;
    font-weight: 700;
}
#banner .banner-conent .banner-decs{
    justify-content: left;
    line-height: 36px;
    margin-top: 40px;
    min-width: 420px;
    min-height: 110px;
    font-size: 15px;
}

.catlog{/*height:530px;*/position: relative;overflow: hidden;}
.fore_navs{width: 100%;height:auto;z-index: 6;bottom: 60px;}
.fore_navs ul{width: 100%;height:200px;}
.fore_navs ul li{height:200px;text-align: center;position: relative;padding: 0;margin-bottom: 60px;
	background-color: rgba(19, 32, 48, 0.9);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2f132030,endcolorstr=#2f132030);}
.fore_navs ul li a{display:block;width: 100%;height: 280px;position: absolute;transition: 400ms;}
.fore_navs ul li:before{content: "";width: 1px;height: 76px;background: #666;position: absolute;top: 50%;margin-top: -38px;right: 0;}
.fore_navs ul li:last-child:before{display: none;}
.fore_navs ul li i{width: 70px;height: 70px;display: inline-block;margin: 18px 0px 13px;}
.fore_navs ul li i img{width: 100%;}
.fore_navs ul li .navs_title{font-size: 12px;text-transform: uppercase;}
.fore_navs ul li .navs_title .small{color: #ffffff;}
.fore_navs ul li .navs_title .title{font-size: 18px;color: #fff;font-weight:900;margin-top:10px;}
.fore_navs ul li .navs_title .desc{color: #808080;margin-top: 10px;}
.fore_navs ul li .navs_title .effect{display: none;margin-top: 10px;}
.fore_navs ul li:hover{background: #00509c;}
.fore_navs ul li:hover a{background: #00509c;padding-top: 20px;animation: fores 0.3s ease forwards;border-radius: 6px;}
.fore_navs ul li:hover a .navs_title{color: #fff;}
.fore_navs ul li:hover a .navs_title .title{font-size: 28px;}
.fore_navs ul li:hover a .navs_title .desc{opacity: 0.6;color: #fff;}
.fore_navs ul li:hover a .navs_title .effect{display:block;opacity: 0.6;font-size: 14px;}
@keyframes fores {  
    0% { transform: translateY(0);} 
    100% { transform: translateY(-50px);}  
  } 

/*内容*/
#main{width: 100%;height: auto;position: relative;}
#main .main_about{padding: 100px 0;}
#main .main_about .about_bg{width: 100%;height: 280px;background: #f5f5f5;bottom: 0;left: 0;}
#main .main_about .about_l{padding-left: 0;font-size: 14px;color: #333;line-height: 1.8;}
#main .main_about .about_l .about_text{padding-top: 30px;}
#main .main_about .about_l .about_text a{display: block;font-size: 14px;color: #65a9f5;margin-top: 30px;}
#main .main_about .about_r{padding:20px 20px 0 28px;}
#main .main_about .about_r .a_img{width: 100%;z-index: 6;position: relative;}
#main .main_about .about_r .a_img img{width: 100%;}
#main .main_about .about_r .a_imgbg{width:92%;height: 93%;background: #65a9f5;top: 0;right: 0; }
#main .main_about .box .title{background: url(../img/i1.png) left top no-repeat;}
#main .main_about .box .title i{left: 34px;}

#main .box .title{width: 100%;padding-top: 50px;font-size: 24px;color: #333;/*background: url(../img/i1.png) center top no-repeat;*/background-size: 81px 41px;}
#main .box .title a{color: #333;}
#main .box .title span{display:block;font-size: 18px;color: #808080;text-transform: uppercase;line-height: 20px;}
#main .box .title i{display: block;width: 10px;height: 20px;background: #3a76b9;position: absolute;left: 50%;margin-left: -5px;top: 0;}

.index1 {margin: 130px auto 60px;text-align: center;}
.index1 .title{font-size: 28px;font-weight: 700;position: relative;padding-bottom: 10px}
.index1 .title:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -19px;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid;
    border-color: #00509c transparent transparent;
}
.index1 .title:after {
    content: "";
    position: absolute;
    width: 100px;
    height: 3px;
    background-color: #00509c;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%)
}
.index1 .subtitle {margin-top: 30px;text-align: center;font-size: 16px;color: #777;}

/*新闻资讯*/
.main_new{width: 100%;height:740px;padding:50px 0;overflow: hidden;background: url(../img/pic2.jpg) fixed no-repeat left 100%;}
.main_new .container{z-index: 8;}
#main .main_new .title{margin-bottom: 60px;}
.main_new .main_new_l{padding: 13px 20px;background-color: rgba(255, 255, 255, 0.8);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2fffffff,endcolorstr=#2fffffff);}
.main_new .main_new_l .n_title{width: 100%;height: 46px;line-height: 46px;font-size: 20px;font-weight: bold;color: #00509c;border-bottom: 1px solid #e7e7e7;}
.main_new .main_new_l .n_title a{display: block;width: 20%;height: 100%;text-align: right;float: right;color: #00509c;font-size: 24px;}
.main_new .main_new_l .newlist{margin-top: 15px;width: 100%;height: auto;overflow: hidden;}
.main_new .main_new_l .newlist li a{transition: 400ms;overflow: hidden;position: relative;padding-left: 14px;display: block;width: 100%;height: 60px;line-height: 60px;font-size: 16px;color: #333;border-bottom: 1px solid #e7e7e7;}
.main_new .main_new_l .newlist li:last-child a{border-bottom: none;}
.main_new .main_new_l .newlist li .new_title{width: 100%;height: 60px;overflow: hidden;}
.main_new .main_new_l .newlist li a:before{content: "";width: 4px;height: 4px;background: #00509c;border-radius: 50%;position: absolute;top: 50%;margin-top: -2px;left: 2px;transition: 400ms;}
.main_new .main_new_l .newlist li a:hover{padding-left: 30px;color: #00509c;transition: 400ms;}
.main_new .main_new_l .newlist li a span{float: right;margin-left: 10px;color: #999}
.main_new .main_new_l .newlist li a:hover:before{left: 12px;transition: 400ms;}
.main_new .main_new_r{padding: 0;}
.main_new .main_new_r .newbox{padding-left: 20px;padding-right: 0;}
.main_new .main_new_r .newbox1,.main_new .main_new_r .newbox2{padding: 13px 20px;width: 100%;height: auto;background-color: rgba(0, 80, 156, 0.8);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2f65a9f5,endcolorstr=#2f65a9f5);}
.main_new .main_new_r .newbox .n_title{margin-bottom: 20px;width: 100%;height: 46px;line-height: 46px;font-size: 20px;font-weight: bold;color: #fff;border-bottom: 1px solid #e7e7e7;}
.main_new .main_new_r .newbox .n_title a{display: block;width: 20%;height: 100%;text-align: right;float: right;color: #fff;font-size: 24px;}
.main_new .main_new_r .newbox .new_img,.main_new .main_new_r .newbox .new_img img{width: 100%;overflow: hidden;}
.main_new .main_new_r .newbox dl{width: 100%;height: auto;overflow: hidden;}
.main_new .main_new_r .newbox dl dd a{display: block;width: 100%;height: 56px;line-height: 28px;overflow: hidden;font-size: 16px;font-weight: bold;color: #fff;margin: 14px 0;}
.main_new .main_new_r .newbox dl dt{width: 100%;height: auto;overflow: hidden;font-size: 14px;color: #bcdffe;font-weight: normal;margin-bottom: 6px;}
.main_new .main_new_r .newbox dl dt .new_d{width: 100%;height:84px;line-height: 28px;overflow: hidden; }
/*案例展示*/
.main_case{width: 100%;height: auto;overflow: hidden;padding: 50px 0;}
.main_case .case_list{width: 100%;height: auto;text-align: center;padding: 40px 0; margin: 0 auto;max-width: 1280px;}
.main_case .case_list .item{width: 100%;height: auto;overflow: hidden;}
.main_case .case_list .item ul li{width: 25%;overflow: hidden;float: left;}
.main_case .case_list .item ul li a{display: block;width: 100%;overflow:hidden;}
.main_case .case_list .item ul li a .case_img{border-bottom: 2px solid #fff;width: 100%;overflow: hidden;}
.case_list .item ul li a .case_img img{width: 100%;}
.main_case .case_list .item ul li .case_dt{width: 100%;padding: 16px 20px;transition: 400ms;}
.main_case .case_list .item ul li .case_dt h1{width: 100%;height: auto; line-height:1.6;font-size: 18px;color: #333;text-align: center;position: relative;}
.main_case .case_list .item ul li .case_dt h1:before{content: "";width: 84px;height: 1px;background: #00509c;position: absolute;bottom: -8px;left: 50%;margin-left: -42px;}
.main_case .case_list .item ul li .case_dt .case_text{width: 100%;height: 22px;overflow: hidden;font-size: 14px;color: #fff;margin: 6px 0;text-align: left;}
.main_case .case_list .item ul li a .case_img .c_img_hover{opacity: 0;width:200px;height: 200px;top: 50%;margin-top: -100px;left: 50%;margin-left: -100px;line-height: 200px;text-align: center;font-size:40px;color: #fff;
background-color: rgba(0, 80, 156, 0.8);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2f65a9f5,endcolorstr=#2f65a9f5);
-webkit-transition: all  0.3s ease-out;-moz-transition: all  0.3s ease-out;-o-transition: all  0.3s ease-out; transition: all  0.3s ease-out;}
.main_case .case_list .item ul li a:hover .case_img .c_img_hover{opacity: 1;width:100px;height: 100px;margin-top: -50px;margin-left: -50px;line-height: 100px;
-webkit-transition: all  0.3s ease-out;-moz-transition: all  0.3s ease-out;-o-transition: all  0.3s ease-out; transition: all  0.3s ease-out;}
.main_case .case_list .item ul li a:hover .case_img{border: 2px solid #65a9f5;}
.main_case .case_list .item ul li a .case_img img{transition: 0.8s transform;}
.main_case .case_list .item ul li:hover a .case_img img{transform: scale(1.1, 1.1);transition: 0.8s transform;}
.main_case .case_list .item ul li a:hover .case_dt{background: #00509c;transition: 400ms;}
.main_case .case_list .item ul li a:hover .case_dt h1{color: #fff;text-align: left;}
.main_case .case_list .item ul li a:hover .case_dt h1:before{display: none;}

.main_case .case_list .carousel-control{width: 54px;height: 54px;line-height: 54px;font-size: 40px;color: #e0e3e6;text-shadow:none;top: 40%;margin-top: -27px;border-radius: 50%;background-image:none;
background-color: #65a9f5;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2fffffff,endcolorstr=#2fffffff);}
.main_case .case_list .carousel-control:hover{background-color: rgba(5, 95, 203, 0.8);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2f65a9f5,endcolorstr=#2f65a9f5);}
.main_case .case_list .carousel-control.left{left: -70px;}
.main_case .case_list .carousel-control.right{right: -70px;}
/*手机轮播*/
#mol_cases{position: relative;width: 100%;height:auto ;overflow: hidden;padding:30px 16px;}
.swiper-case{position: relative;z-index: 1;width:100%;height:100%;overflow: hidden;}
.swiper-case .ser-img li{overflow: hidden;}
.swiper-case .ser-img li .pic{text-align:center;display: block;width: 100%;overflow:hidden;}
.swiper-case .ser-img li img{width: 100%;}
.swiper-case .ser-img li h1{width: 100%;height: 80px;line-height: 80px;font-size: 24px;color: #333;border-bottom: 1px solid #65a9f5; }
#mol_cases .swiper-button-prev,#mol_cases .swiper-button-next{width:50px;height: 50px;text-align: center;line-height: 50px;font-size: 40px;color: #bababa;font-family: "幼圆";background: rgba(36,113,200,0.8);border-radius: 50%;}
#mol_cases .pagination{position: absolute;bottom:0;left:0;width:100%;text-align:center;z-index:25;margin: 0;}
#mol_cases .pagination span{margin:0 5px;width:10px;height:10px;border-radius: 50%;display: inline-block;background: none;border: 1px solid #65a9f5;opacity: 1;}
#mol_cases .pagination span.swiper-pagination-bullet-active{background: #65a9f5;}
/*页脚*/
#footer{width: 100%;height: auto;overflow: hidden; background: #2d2d2d;}
#footer .foot_l,#footer .foot_r{padding: 0;}
#footer .f_contact{line-height: 30px;font-size: 14px;color: #fff;}
#footer .copy{line-height: 30px;font-size: 14px;color: #585f67;}
#footer .copy a{color: #585f67;}
#footer .copy a:hover{color: #fff;}
#footer .foot_r form .links{display: block;width: 70%;height: 42px;line-height: 42px;margin: 0 auto;margin-top: 20px;padding: 0 10px;border: 2px solid #374557;background: #132030;color: #fff;outline: none;}

.back-top{transition: 400ms;position: fixed;z-index: 60;bottom: 130px;right:20px;width: 70px;background: #fff;box-shadow:0px 2px 23px -17px #636363;}
.back-top i{display: block;width: 44px;height: 44px;text-align: center;}
.mob-back-top-sj.on{opacity: 1;right:20px;transition: 400ms;}

.mob-back-top-sj{
    opacity: 0;
    transition: 400ms;
    position: fixed;
    z-index: 60;
    bottom: 130px;
    right:-60px;
    width: 44px;
    display: none;
    background-color: #032f56;
    cursor: pointer;
}
.mob-back-top-sj i{
    display: block;width: 44px;height: 44px;text-align: center;
}
@media (max-width: 767px){
    .back-top{
        display: none;
    }
    .mob-back-top-sj{
        display: block;
    }
}

/* ------------ */
.back-top-list{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.back-top-list-item{
    width: 70px;
    height: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
}

.back-top-list-item:hover{
    background: #0353a2;
}
.back-top-list-item:hover .back-top-title-doc{
    color: #fff;
}
.back-top-list-item:hover .back-top-xuanzhong-tubiao-img{
    display: block;
}
.back-top-xuanzhong-tubiao-img{
    display: none;
}
.back-top-list-item:hover .back-top-xuanzhong-img{
    display: block;
}
.back-top-list-item:hover .back-top-moren-img{
    display: none;
}
.back-top-list-box{
    width: 50px;
    height: 1px;
    border: 1px solid #f5efef;
}

.back-top-xuanzhong-img{
    display: none;
}
.back-top-moren-img{
}
.back-top-xuanzhong-tubiao-img{
    position: absolute;
    left: -220px;
    /* top: -62px; */
}

/* ------------ */



.footer .container .footer_content .list {
    width: 18%;
    height: 360px;
    float: left;
    border-left: 1px solid #3c3c3c;
}
.footer .container .footer_content .list p {
    font-size: 20px;
    color: #fff;
    float: left;
    padding: 60px 0px 0px 60px;
}
.footer .container .footer_content .list p a {
    font-size: 14px;
    display: block;
    margin-top: 22px;
    color: #6b6b6b;
}
.footer .container .footer_content .listr {
    float: left;
    width: 46%;
    height: 400px;
    background-color: #282828;
}
.footer .container .footer_content .listr .tel {
    text-align: center;
    padding-top: 60px;
}
.footer .container .footer_content .listr .tel img {
    width: 100%;
    max-width: 352px;
}
.footer .container .footer_content .listr .addres {
    text-align: center;
    color: #6b6b6b;
    line-height: 22px;
    padding-top: 16px;
}
.footer .container .footer_content .listr .logoimg {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.footer .container .footer_content .listr .logoimg p {
    text-align: center;
    padding: 10px;
}
.footer .container .footer_content .listr .logoimg span {
    display: block;
    color: #6b6b6b;
    padding-top: 10px;
}
.copy {
    height: 60px;
    background: #000;
    text-align: center;
    padding: 8px 10px;
    color: #8a8a8a;
    line-height: 40px;
    font-size: 12px;
}



/*about*/
#banner_ny{position: relative;/*margin-top: 72px;*/}
#banner_ny img{width: 100%;height: inherit;}
#banner_ny .title{width: 100%;padding-top: 50px;font-size: 30px;color: #333;position: absolute;top: 50%;left: 0;text-align: center;margin-top: -94px;/*background: url(../img/i1.png) center top no-repeat;*/background-size: 81px 41px;}
#banner_ny .title a{color: #fff;}
#banner_ny .title span{display:block;font-size: 60px;color: #fff;text-transform: uppercase;line-height: 66px;}
#banner_ny .title i{display: block;width: 10px;height: 20px;background: #3a76b9;position: absolute;left: 50%;margin-left: -5px;top: 0;}

.main_ny{width: 100%;height: auto;margin-bottom:50px; }
.main_nynavs{width: 100%;height: 50px;background: #f2f2f2;}
.main_nynavs .nav_ny{height:50px;padding: 0;}
.main_nynavs .nav_ny .yiji{/*width:17%;*/height:100%;float: left;position: relative;}
.main_nynavs .nav_ny .yiji a.one{transition: 400ms;/*padding: 0 20px*/padding: 0px 47px 0 20px;;color: #333;display: block;line-height:50px;font-size: 16px;height:50px;overflow: hidden;position: relative;}
.main_nynavs .nav_ny .yiji a.on{/*background: #65a9f5;color: #fff;*/border-bottom: 3px solid #0260b5;}
.main_nynavs .nav_ny .yiji:hover a.one{background: #00509c;color: #fff;}
.main_nynavs .nav_ny .yiji:after{content: "";width: 1px;height: 34px;background: #ccc;position: absolute;right: 0;top: 8px;}
.main_nynavs .nav_ny .yiji:hover:after{display: none;}
.main_nynavs .nav_ny .yiji:before{content: "∨";width: 21px;height: 21px;border: 1px solid #8e8e8e;text-align: center;line-height: 18px;font-size: 14px;color: #8e8e8e;position: absolute;/*right: 18px;*/right: 14px;top: 15px;border-radius: 50%;z-index: 6;}
.main_nynavs .nav_ny .yiji:hover:before{content: "∧";border: 1px solid #fff;color: #fff;}
.main_nynavs .nav_ny .yiji .libox{width: 100%;height: auto; background: #65a9f5;padding: 5px 0;display: none;position: absolute;top: 50px;left: 0;z-index: 6;}
.main_nynavs .nav_ny .yiji .libox a{padding: 0 20px;display: block;color: #9fc8f8;font-size: 14px;line-height: 40px;width: 100%;height: 40px;position:relative;}
.main_nynavs .nav_ny .yiji .libox a:hover{color: #fff;}
.main_nynavs .nav_ny .yiji .libox a:hover:before{content: ">";position: absolute;right: 20px;line-height: 40px;height: 40px;width: auto;}

.adress{width: 100%;height: 42px;line-height: 42px;text-align: right;margin: 16px 0;font-size: 14px;color: #808080;}
.adress a{color: #808080;}
.adress a:hover{color: #00509c;}
.about_dec{width: 100%;height: auto;overflow: hidden;color: #333;line-height: 1.6;margin: 20px 0;}
.mol_navs{margin-bottom: 10px; padding: 0 16px;background: #65a9f5;color: #fff;height: 56px;line-height: 56px;font-size: 20px;position: relative;}
.mol_navs:before{content: "+";position: absolute;right: 16px;line-height: 56px;height: 56px;width: auto;font-size: 40px;}
.mol_navs2:before{content: "-";position: absolute;right: 16px;line-height: 56px;height: 56px;width: auto;font-size: 40px;}
.mol_nav_ny{width:100%;height:auto;overflow: hidden;position: relative;display: none;}
.mol_nav_ny .mol_ce{width: 100%;display: block;height: auto;overflow: hidden;background: #f2f2f2;}
.mol_nav_ny .mol_ce li{line-height: 40px;border-bottom: 1px solid #cccccc;}
.mol_nav_ny .mol_ce li:last-child{border-bottom: none;}
.mol_nav_ny .mol_ce li a{display:block;padding: 0 16px;height:50px;line-height: 50px; overflow: hidden;color: #333;font-size: 18px;}
.mol_nav_ny .mol_ce li .molicon{color:#919191;width:40px;height:50px;line-height:50px;text-align:center;font-size:16px;position: absolute;z-index: 3;right: 10px;}
.mol_nav_ny .mol_ce li .molicon .icon1{ display:none;}
.mol_nav_ny .mol_ce li .molicon.xz .icon1{ display:block;}
.mol_nav_ny .mol_ce li .molicon.xz .icon2{ display:none;}
.mol_nav_ny .mol_ce ul.mol_er{display: none;height: auto;overflow: hidden;position: relative;}
.mol_nav_ny .mol_ce ul.mol_er li{line-height: 40px;border-bottom:none; }
.mol_nav_ny .mol_ce ul.mol_er li a{color: #808080;height: 40px;line-height: 40px;font-size: 16px;padding-left:32px;position: relative;}
.mol_nav_ny .mol_ce ul.mol_er li a:before{content:"";width: 4px;background: #808080;height: 4px;border-radius: 50%;position: absolute;left: 20px;top: 18px;}
/*服务范围*/
.main_ny .ny_posnav{width: 100%;height:40px;line-height: 40px;font-size: 24px;color: #65a9f5;}
.main_ny .ny_posnav span{padding: 0 80px;position: relative;display:inline-block;width: auto;}
.main_ny .ny_posnav span:before{content: "";width: 62px;height: 1px;background: #65a9f5;position: absolute;right: 0;top: 50%;}
.main_ny .ny_posnav span:after{content: "";width: 62px;height: 1px;background: #65a9f5;position: absolute;left: 0;top: 50%;}
/*新闻资讯*/
.main_ny .dectil{width: 100%;height: auto;overflow: hidden;margin: 20px 0 50px 0;}
.main_ny .dectil.list ul{width: 100%;height: auto;overflow: hidden;}
.main_ny .dectil .newlist li{padding:15px; }
.main_ny .dectil .newlist li .newbox{border: 1px solid #ccc;transition: 400ms;}
.main_ny .dectil .newlist li dl{padding: 20px;}
.main_ny .dectil .newlist li dl dd{padding-left: 14px;font-size: 14px;color: #808080;}
.main_ny .dectil .newlist li dl dt{padding-left: 14px;font-size: 16px;color: #333;width: 100%;height: 30px;line-height: 30px;overflow: hidden;font-weight: normal;position: relative;}
.main_ny .dectil .newlist li dl dt:before{content:"";width: 4px;background: #65a9f5;height: 4px;border-radius: 50%;position: absolute;left: 0;top: 13px; }
.main_ny .dectil .newlist li .n_more{width: 100%;height: 30px;background: #ccc;line-height: 30px;padding: 0 30px;color: #fff;position: relative;transition: 400ms;}
.main_ny .dectil .newlist li .n_more i{display: block;width: 15px;height: 15px;border: 1px solid #fefefe;text-align: center;line-height: 10px;color: #fefefe;font-size: 12px;border-radius: 50%;position: absolute;right: 20px;top: 7px;transition: 400ms;}
.main_ny .dectil .newlist li:hover .newbox{border: 1px solid #65a9f5;box-shadow: 0 0 16px #ccc;transition: 400ms;}
.main_ny .dectil .newlist li:hover .n_more{background: #65a9f5;color: #fff;transition: 400ms;}
.main_ny .dectil .newlist li:hover .n_more i{color: #65a9f5;background: #fefefe;transition: 400ms;}
/*页码*/
.page{height: 34px;margin-top:30px;}
.page a{display: inline-block;width:32px;height: 32px;line-height: 32px;color: #808080;border:1px solid #cccccc;margin: 0 8px;font-size: 14px;}
.page a:hover,.page a.on{background: #00509c;border:1px solid #00509c;color: #fff;}
/*图文列表*/
.main_ny .dectil .newlist2 li{padding:20px 15px;}
.main_ny .dectil .newlist2 li .newbox2{padding:22px 18px;border: 1px solid #ccc;transition: 400ms;}
.main_ny .dectil .newlist2 li dl{font-size: 16px;color: #333;line-height: 24px;margin-bottom: 30px;}
.main_ny .dectil .newlist2 li dl dt{width: 100%;height: 26px;line-height: 26px;overflow: hidden;font-weight: normal;}
.main_ny .dectil .newlist2 li .new_img,.new_img img{width: 100%;height: 150px;}
.main_ny .dectil .newlist2 li .new_text{width: 100%;height: 48px;line-height: 24px;font-size: 14px;color: #808080;margin-top: 24px;margin-bottom: 14px;overflow: hidden;}
.main_ny .dectil .newlist2 li .n_more{width: 100px;height: 30px;line-height: 30px;text-align: center;background: #ccc;color: #fff;}
.main_ny .dectil .newlist2 li:hover .new_text{color: #bcdffe;}
.main_ny .dectil .newlist2 li:hover dl{color: #fff;}
.main_ny .dectil .newlist2 li:hover .newbox2{background: #00509c;border: 1px solid #00509c;}
.main_ny .dectil .newlist2 li:hover .n_more{background: #fff;color: #65a9f5;}
/*新闻详情*/
.main_ny .dectil .art_title{width: 100%;height: auto;overflow: hidden;font-size: 20px;color: #333;margin-bottom: 20px;}
.main_ny .dectil .art_title span{display: block;font-size: 14px;color:#808080;margin-top: 10px;}
.main_ny .dectil .art_title span i{padding-left:24px;background: url(../img/icon5.png) left center no-repeat;margin-left: 5px; }
.main_ny .dectil .newdec{width: 100%;height: auto;overflow: hidden;color: #333;line-height: 1.6;margin: 10px 0 30px 0;}

.share2{width: 100%;height:34px;line-height: 34px;}
#bdshare span{height: 34px;}
#bdshare a {display: inline-block; padding: 20px 12px;}
.chose_art{width: 100%;height: auto;overflow: hidden;line-height: 34px;padding-top: 16px;border-top: 1px solid #e6e6e6;}
.chose_art a{display: inline-block;width: auto;padding: 0 12px;height: 34px;color: #808080;font-size: 14px;border: 1px solid #ccc;overflow: hidden;border-radius: 17px;transition: 400ms;}
.chose_art .prev{padding: 0;padding-right:10px;}
.chose_art .next{padding: 0;padding-left:10px;text-align: right;}
.chose_art a:hover{background: #65a9f5;border: 1px solid #65a9f5;color: #fff;transition: 400ms;}
/*经典案例*/
.main_ny .dectil .caselist li{padding: 15px;}
.main_ny .dectil .caselist li .caseimg,.main_ny .dectil .caselist li .caseimg img{width: 100%;transition: 400ms;}
.main_ny .dectil .caselist li .caseimg{border: 2px solid #fff;border-bottom: 2px solid #fff;}
.main_ny .dectil .caselist li h1{width: 100%;height: 56px;line-height: 56px;text-align: center;font-size:16px;color: #333;border-bottom: 1px solid #00509c;transition: 400ms;}
.main_ny .dectil .caselist li:hover .caseimg{border: 2px solid #00509c;transition: 400ms;}
.main_ny .dectil .caselist li:hover h1{background: #00509c;color: #fff;transition: 400ms;}

.prodecbox{width: 50%;height:auto;margin: 30px auto;position: relative;}
.prodecbox .swiper-pdec ul li img{width: 100%;border: 3px solid #fff;}
/*精英团队*/
.main_ny .dectil .teamlist li{padding: 15px 10px;}
.main_ny .dectil .teamlist li .teamimg,.main_ny .dectil .teamlist li .teamimg img{width: 100%;overflow: hidden;}
.main_ny .dectil .teamlist li .teamimg .team_text{width: 100%;height: 100%;bottom: 0;left: 0;opacity: 0;
  background-color:rgba(5,95,203,.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2f65a9f5,endcolorstr=#2f65a9f5);
  -webkit-transition: all  0.3s ease-out;-moz-transition: all  0.3s ease-out;-o-transition: all  0.3s ease-out; transition: all  0.3s ease-out;}
.main_ny .dectil .teamlist li .teamimg:hover .team_text{opacity: 1;-webkit-transition: all  0.3s ease-out;-moz-transition: all  0.3s ease-out;-o-transition: all  0.3s ease-out; transition: all  0.3s ease-out;}
.main_ny .dectil .teamlist li a{color: #fff;display: block;width: 100%;height: 100%;}
.teamimg .team_text .t_dec{padding: 0 14px;width: 100%;height: 130px;position: absolute;bottom: -30px;left: 0;font-size: 16px;line-height: 30px; -webkit-transition: all  0.3s ease-out;-moz-transition: all  0.3s ease-out;-o-transition: all  0.3s ease-out; transition: all  0.3s ease-out;}
.teamimg .team_text .t_dec p{text-transform: uppercase;}
.teamimg .team_text .t_dec p span{font-size: 24px;}
.teamimg .team_text .t_dec i{font-size: 14px;padding-top: 14px;display: inline-block;}
.teamimg:hover .team_text .t_dec{bottom: 0;-webkit-transition: all  0.3s ease-out;-moz-transition: all  0.3s ease-out;-o-transition: all  0.3s ease-out; transition: all  0.3s ease-out;}

#main .main_ny_bg{width: 50%;height: 100%;background: #f5f5f5;}
#main .team_dec{width: 100%;height: auto;padding: 90px 0;overflow: hidden;}
#main .team_dec .teamdec_l{padding-right: 8%;padding-left:19%;}
#main .team_dec .teamdec_l .team_img,#main .team_dec .teamdec_l .team_img img{width: 100%;}
#main .team_dec .teamdec_l .t_muse{width: 100%;height: 74px;line-height: 74px;font-size: 14px;color: #333;}
#main .team_dec .teamdec_l .t_muse span{font-size: 24px;margin-right: 6px;}
#main .team_dec .teamdec_r{padding-right: 0;padding-left: 80px;}
#main .team_dec .teamdec_r .tmen_ry{border-top: 1px solid #cccccc;padding: 22px 0;font-size: 14px;color: #333;line-height: 1.6;}
#main .team_dec .teamdec_r .tmen_ry .title{width:100%;height:auto;overflow: hidden;margin-bottom: 10px;}
#main .team_dec .teamdec_r .tmen_ry .title span{display: inline-block;height:30px;line-height: 30px;padding: 0 6px;background: #65a9f5;color: #fff;font-size: 16px;font-weight: bold; }

.chose_team{width: 100%;height: auto;overflow: hidden;line-height: 34px;padding-top: 30px;border-top: 1px solid #cccccc;}
.chose_team a{display: inline-block;width: 50%;height: 34px;text-align: center;color: #808080;font-size: 14px;border: 1px solid #ccc;overflow: hidden;border-radius: 17px;transition: 400ms;}
.chose_team .prev{padding: 0;}
.chose_team .next{padding: 0;text-align: right;}
.chose_team a:hover{background: #65a9f5;border: 1px solid #65a9f5;color: #fff;transition: 400ms;}





/*panle导航开始*/
.left_nav{width:280px;height:100%;z-index:7; background:#132030; position: fixed; top:0px; right:0px; color:#fff;z-index: 66;}
.left_nav .class-top{height:66px;overflow:hidden;background:#fff;margin: 0;}
.left_nav .class-close{width:66px;height:66px;line-height:66px;float:right;display:block;text-align:center;font-size:36px;color: #65a9f5;}
.class-m{height: 90%;overflow-y:auto;padding: 10px 0;}
.opacity2{width:100%; height:100%; position: fixed; top:66px; left:0px; background:rgba(0,0,0,0.5); z-index:50; display:none;}
.overflow{height:100%; overflow:hidden;}

.class-m .nnav{width:280px;height: auto;overflow: hidden;}
.class-m .nnav li{width: 100%;height: auto;overflow: hidden;border-bottom: 1px solid #1a2b3f;}
.class-m .nnav li a.ce{padding-left: 20px;color: #fff;font-size: 16px;display: block;height:50px;line-height:50px;}
.menu_head .ericon{margin-right: 8px;color:#fff; width:40px;height:50px;line-height:50px;text-align:center;float:right;display:inline;font-size:18px;position: relative;z-index: 3;/*background: #d55342;border-radius: 50%;*/}
.menu_head .ericon .icon1{ display:none;}
.menu_head .ericon.xz .icon1{ display:block;}
.menu_head .ericon.xz .icon2{ display:none;}

.class-m .nnav li .menu_body{display: none;background: #071628;}
.class-m .nnav li .menu_body li{border-bottom: none;}
.menu_body li a.er{padding-left: 20px;font-size:16px;display: block;height:44px;line-height:44px;color: #fff;}
.menu_body .thricon{margin-right: 8px;color:#fff;width:40px;height:44px;line-height:44px;text-align:center;float:right;display:inline;font-size:25px; position: relative;z-index: 3;}
.menu_body .thricon .icont1{ display:none;}
.menu_body .thricon.tz .icont1{ display:block;}
.menu_body .thricon.tz .icont2{ display:none;}
.class-m .nnav li .thr_body{display: none;}
.class-m .nnav li .thr_body li{border-bottom: none;padding: 0;}
.thr_body li a.thr{position: relative;padding-left:38px;font-size: 14px;display: block;height:40px;line-height:40px;color: #7e8d9e;}
.thr_body li a.thr:before{content: "";width: 4px;height: 4px;background: #7e8d9e;border-radius: 50%;left: 22px;top: 18px;position: absolute;}

.nav_botell{width: 100%;height: 100px;background: #323232;padding: 20px 0;text-align: center;position: absolute;bottom: 0;}
.nav_botell .tell p{display: inline-block; height: 26px; padding-left:28px;background: url(../img/tell.png) left center no-repeat;font-size: 14px;line-height: 26px;}
.nav_botell .tell{font-size: 24px;line-height: 30px;}
/*panle导航结束*/
.page-prev {
transform:translate3d(280px, 0, 0);
-ms-transform:translate3d(280px, 0, 0);
-webkit-transform:translate3d(280px, 0, 0);  
-o-transform:translate3d(280px, 0, 0); 
-moz-transform:translate3d(280px, 0, 0);
}
.page-in {
  -webkit-transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}
.page-out {
  -webkit-transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
  -ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
}

/*在线客服*/
.banner_online{width: 100%;height: 560px;background: url(../img/banner/banner_online.jpg) no-repeat center;position: relative;/*margin-top: 72px; background-size: cover;*/}
.banner_online .banner_text {position: absolute;bottom: 30%;text-align: left;left: 22%}
.banner_online .banner_text h4{font-size: 1.4rem;line-height: 2rem;width: 280px;text-align: left;}
.onlineserve .vioceico{background: #65a9f5;padding: 16px;border-radius: 50%;}
.onlineserve ul li{background-color: #fff;border-radius: 10px;float: left;width:calc(25% - 20px);text-align: center;padding: 64px 0px 10px;margin: 10px;border: #fff solid 1px;height: 370px}
.onlineserve ul li:hover{background-color: #F8F8FF;/*border-radius: 18px;*/border: #00509c solid 1px;color:#00509c;  border-radius: 20px;  
  -webkit-transition: all 0.1s ease-in-out 0s;
  -moz-transition: all 0.1s ease-in-out 0s;
  -o-transition: all 0.1s ease-in-out 0s;
  -ms-transition: all 0.1s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;}
.onlineserve ul li p{line-height: 2.2rem}
.onlineserve .t{padding:40px 0px 10px;font-weight: 700;font-size: 16px}
.onlineserve .j{color: #999;padding: 6px;text-align: left;padding: 4px 30px;}
.onlineserve .f6{font-size: 6rem !important;}

.os1{margin: 50px auto 50px;padding:50px 0px 50px;}
.os1 .container{display: flex;justify-content: space-between;}
.os1 .container .imgr img{width: 100%;max-width: 460px}
.os1 .container .info{padding-top: 5rem}
.os1 .container .info h2{font-size: 25px!important;padding: 30px 0px;}
.os1 .container .info p{line-height: 3rem;font-size: 16px;color: #666}
.os2{margin: 50px auto 50px;padding:50px 0px 50px;background-color: #f6f6f6;border-top: #ddd solid 1px;border-bottom: #ddd solid 1px;}
.os2 .container{display: flex;justify-content: space-between;}
.os2 .container .imgr img{width: 100%;max-width: 460px}
.os2 .container .info{padding-top: 5rem}
.os2 .container .info h2{font-size: 25px!important;padding: 30px 0px;}
.os2 .container .info p{line-height: 3rem;font-size: 16px;color: #666}
.os3{margin: 50px auto 50px;padding:50px 0px 50px;}
.os3 .container{display: flex;justify-content: space-between;}
.os3 .container .imgr img{width: 100%;max-width: 460px}
.os3 .container .info{padding-top: 5rem}
.os3 .container .info h2{font-size: 25px!important;padding: 30px 0px;}
.os3 .container .info p{line-height: 3rem;font-size: 16px;color: #666}





/*语音客服*/
.banner_vioce{width: 100%;height: 560px;background: url(../img/banner/banner_voice.jpg) no-repeat center;position: relative;/*margin-top: 72px; background-size: cover;*/}
.banner_vioce .banner_text {position: absolute;bottom: 32%;text-align: left}
.banner_vioce .banner_text h4{font-size: 1.4rem;line-height: 2rem;width: 310px;text-align: left;}
.viocecall .vioceico{background: #65a9f5;padding: 16px;border-radius: 50%;}
.viocecall ul li{background-color: #fff;border-radius: 10px;float: left;width:calc(25% - 20px);text-align: center;padding: 64px 0px 10px;margin: 10px;border: #fff solid 1px;height: 270px}
.viocecall ul li:hover{background-color: #F8F8FF;/*border-radius: 18px;*/border: #65a9f5 solid 1px;color:#65a9f5;  border-radius: 20px;  
  -webkit-transition: all 0.1s ease-in-out 0s;
  -moz-transition: all 0.1s ease-in-out 0s;
  -o-transition: all 0.1s ease-in-out 0s;
  -ms-transition: all 0.1s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;}
.viocecall ul li p{line-height: 2.2rem}
.viocecall .t{padding:40px 0px 10px;font-weight: 700;font-size: 16px}
.viocecall .j{color: #999;padding: 6px;text-align: left;padding: 4px 30px;}
.viocecall .f6{font-size: 6rem !important;}
.voice-box{padding-bottom: 50px}
.voice-box .aicenter-ins {
    width: 100%;
    height: auto;
    display: flex;
}
.voice-box .aicenter-inner-ins {
    flex: 1;
}
.voice-box .aicenter-inner-ins img {
    display: block;
    margin: 0 auto;
    /*height: 46px;*/
    padding: 10px 0px 16px 0px;
}
.voice-box .aicenter-inner-ins h3 {
    font-weight: 500;
    font-size: 20px;
    color: #333;
    text-align: center;
    padding-bottom: 36px;
}
.voice-box .aicenter-inner-ins p {
    color: #999;
    font-size: 14px;
    text-align: center;
    padding-bottom: 100px;
}
.contactme_voice {
    background: url(../img/voice/webvoicebg.jpg) center no-repeat;
    background-size: cover;
    padding: 100px;
    text-align: center;
}
.contactme_voice p {
    font-size: 28px;
    color: #ffffff;
    text-align: center;
    line-height: 36px;
    margin-bottom: 30px;
}
.contactme_voice a {
    display: inline-block;
    padding: 11px 55px;
    background-image: linear-gradient(-135deg, #f5f5f5 0%, #fff 100%);
    box-shadow: 0 6px 10px 0 rgba(245, 75, 75, 0.5);
    border-radius: 4px;
    font-size: 16px;
    color: #666;
    line-height: 24px;
    transition: all .3s;
}
.contactme_voice a:hover {
  box-shadow: 0px 3px 16px 0 #f54b4b;
}



/*云呼叫中心*/
.banner_call{width: 100%;height: 560px;background: url(../img/banner/callbanner.png) no-repeat center;position: relative; /*margin-top: 72px;background-size: cover;*/}
.banner_call .banner_text {position: absolute;bottom: 26%;left:calc(50% - 150px);text-align: center;}
.banner_text h2 {font-size:4rem;color: #FFFFFF;text-align: left;letter-spacing: 2px;font-family: "YaHei-Light";padding-bottom: 16px}
.banner_text h4 {
    font-size: 1.6rem;
    color: #FFFFFF;
    width: 300px;
    text-align: center;
    letter-spacing: 1px;
    line-height: 1.5rem;
}
.banner_text em {
    display: inline-block;
    width: 125px;
    height: 40px;
    line-height: 40px;
    border-radius: 10px;
    background-color: #fe5b5f;
    border: 1px solid #fe5b5f;
    color: #FFFFFF;
    font-style: normal;
    margin-top: 20px;
    cursor: pointer;
    text-align: center;
}
.banner_text em:hover {
  border: 1px solid #e13a3e;
  background: #e13a3e;
  color: #ffffff;
}

/*CDP*/
.banner_cdp{width: 100%;height: 600px;background: url(../img/banner/cdp-banner.png) no-repeat center;position: relative;background-size: cover;}
.banner_cdp .banner_text {position: absolute;bottom: 26%;left: 15%;text-align: left;}
.banner_cdp .banner_text h4{font-size: 1.4rem;line-height: 2rem}
.banner_cdp .img1{position: absolute;bottom: 16%;right:25%;text-align: left;}
.cdp .img2{text-align: center;}
.cdp .img2 img{width: 100%;max-width:900px}
.cdp2{margin: 50px auto 50px;background-color: #f6f6f6;border-top: #ddd solid 1px;border-bottom: #ddd solid 1px;padding:50px 0px 100px;}
.cdp2 .container ul li{background-color: #fff;border-radius: 18px;float: left;width:calc(25% - 20px);text-align: center;padding: 44px 0px;margin: 10px;border: #fff solid 1px;}
.cdp2 .container ul li:hover{background-color: #fdfdfd;border-radius: 18px;border: #65a9f5 solid 1px;color:#65a9f5;    
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  /* 动画效果
      all：所有属性都将获得过渡效果
      0.4s：完成过渡效果需要花费的时间
      ease-in-out：规定以慢速开始和结束的过渡效果
      0s：规定过渡效果何时开始
  */
  transition: all 0.4s ease-in-out 0s;}
.cdp2 .container ul li p{line-height: 2.2rem}
.cdp2 .container .t{padding:20px 0px 0px;font-weight: 700;font-size: 16px}
.cdp2 .container .j{color: #999;padding: 6px}
.cdp3{margin: 50px auto 50px;padding:50px 0px 100px;}
.cdp3 .container ul li{list-style:none;  margin:10px;float: left;width:calc(25% - 20px);text-align: center;padding: 24px 0px 24px 0px;
    background-color: #f6f6f6;border-style: solid;border-width: 1px 1px 1px 1px;border-color: #dddddd;font-size: 20px;}
.cdp3 .container ul li:hover{
    background: #fff;border: #00509c solid 1px;color:#00509c; 
    -webkit-transition: background .3s,border .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
    transition: background .3s,border .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
    -o-transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s
}
.cdp4{margin: 50px auto 50px;padding:50px 0px 50px;}
.cdp4 .container{display: flex;justify-content: space-between;}
.cdp4 .container .imgr img{width: 100%;max-width: 460px}
.cdp4 .container .info{padding-top: 5rem}
.cdp4 .container .info h2{font-size: 25px!important;padding: 30px 0px;}
.cdp4 .container .info p{line-height: 3rem;font-size: 16px;color: #666}
.cdp5{margin: 50px auto 50px;padding:50px 0px 50px;background-color: #f6f6f6;border-top: #ddd solid 1px;border-bottom: #ddd solid 1px;}
.cdp5 .container{display: flex;justify-content: space-between;}
.cdp5 .container .imgr img{width: 100%;max-width: 460px}
.cdp5 .container .info{padding-top: 5rem}
.cdp5 .container .info h2{font-size: 25px!important;padding: 30px 0px;}
.cdp5 .container .info p{line-height: 3rem;font-size: 16px;color: #666}
.cdp6{margin: 50px auto 50px;padding:50px 0px 50px;}
.cdp6 .container{display: flex;justify-content: space-between;}
.cdp6 .container .imgr img{width: 100%;max-width: 460px}
.cdp6 .container .info{padding-top: 5rem}
.cdp6 .container .info h2{font-size: 25px!important;padding: 30px 0px;}
.cdp6 .container .info p{line-height: 3rem;font-size: 16px;color: #666}
.contactme {
    background: url(../img/footer-register.svg) center no-repeat;
    background-size: cover;
    padding: 100px;
    text-align: center;
}
.contactme p {
    font-size: 28px;
    color: #ffffff;
    text-align: center;
    line-height: 36px;
    margin-bottom: 30px;
}
.contactme a {
    display: inline-block;
    padding: 11px 55px;
    background-image: linear-gradient(-135deg, #ff7a13 0%, #ff522e 100%);
    box-shadow: 0 6px 10px 0 rgba(245, 75, 75, 0.5);
    border-radius: 4px;
    font-size: 16px;
    color: #ffffff;
    line-height: 24px;
    transition: all .3s;
}
.contactme a:hover {
  box-shadow: 0px 3px 16px 0 #f54b4b;
}

/*营销自动化*/
.banner_automk{width: 100%;height: 600px;background: url(../img/banner/banner_automk2.jpg) no-repeat center;position: relative;background-size: cover;}
.banner_automk .banner_text {position: absolute;bottom: 26%;/*left: 25%;*/text-align: center;margin: 0 auto;width: 100%}
/*.banner_automk .banner_text h4{font-size: 1.4rem;line-height: 2rem;text-align: center;}*/
.banner_automk .img1{position: absolute;bottom: 16%;right:25%;text-align: left;}
.banner_automk .banner_text h2{text-align: center;}
.banner_automk .banner_text h4 {
    font-size: 1.6rem;
    color: #FFFFFF;
    width: auto;
    text-align: center;
    letter-spacing: 1px;
    line-height: 1.5rem;
}
.banner_automk .banner_text em {
    display: inline-block;
    width: auto;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    border-radius: 10px;
    background-color: #fe5b5f;
    border: 1px solid #fe5b5f;
    color: #FFFFFF;
    font-style: normal;
    margin-top: 20px;
    cursor: pointer;
    text-align: center;
}
.banner_automk .banner_text em:hover {
  border: 1px solid #e13a3e;
  background: #e13a3e;
  color: #ffffff;
}

.automk2{background-color: #fff;padding-bottom:100px;}
.automk2 .container ul li{background-color: #f6f6f6;border-radius: 18px;float: left;width:calc(50% - 20px);text-align: center;padding: 44px 0px;margin: 10px;border: #fff solid 1px;}
.automk2 .container ul li:hover{background-color: #fdfdfd;border-radius: 8px;border: #00509c solid 1px;color:#00509c;    
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;}
.automk2 .container ul li:hover .icon{filter: invert(80%); transition: 400ms;}
.automk2 .container ul li p{line-height: 2.2rem}
.automk2 .container .t{padding:20px 0px;font-weight: 700;font-size: 26px}
.automk2 .container .j{color: #999;padding: 6px;padding: 4px 30px;}
.automk2 .container .icon{filter: invert(40%);}
.f-white{ color:#fff !important;}
.f-purple{ color:#ff6089 !important;}
.f-purple2{ color:#7e57c2 !important;}
.f-yellow{ color:#ff8737 !important;}
.f-lyellow{ color:#ffb72b !important;}
.f-blue{ color:#3899ec !important;}
.f-lblue{ color:#46c4f3 !important;}
.f-green{ color:#43c5c0 !important;}
.f-lgreen{ color:#7dd79a !important;}
.f-gray{ color:#71737b !important;}
.f-lgray{ color:#aaaaaa !important;}
.f-white{ color:#ffffff !important;}
.f-red{ color:#3399CC !important;}
.f-cor1{ color:#CCCCFF !important;}
.f-cor2{ color:#CCCC99 !important;}
.f-cor3{ color:#FF99CC !important;}
.f-cor4{ color:#669966 !important;}
.f-cor5{ color:#006699 !important;}
.f-cor6{ color:#99CCFF !important;}
.f-cor7{ color:#CC9933 !important;}
.f-cor8{ color:#993399 !important;}
.f-cor9{ color:#CCCC99 !important;}
.f-cor10{ color:#0099CC !important;}
.automk2 .f40 {font-size: 60px !important;line-height: 1.2 !important;}

.crow{margin:0px auto;padding:80px 0px;border-top: #ddd solid 1px;}
.crow .container{display: flex;justify-content: space-between;}
.crow .container .imgr img{width: 100%;max-width: 460px;border-radius: 10px;}
.crow .container .info{padding-top: 5rem}
.crow .container .info h2{font-size: 24px!important;padding: 30px 0px;font-weight: 700;}
.crow .container .info p{line-height: 3rem;font-size: 16px;color: #666}

/*云呼叫*/
.zxicon{font-size: 7rem !important;}
.productcall ul li{/*background-color: #f6f6f6;border-radius: 18px;*/float: left;width:calc(20% - 20px);text-align: center;padding: 44px 0px;margin: 10px;border: #DCDCDC solid 1px;height: 250px}
.productcall ul li:hover{background-color: #F8F8FF;/*border-radius: 18px;*/border: #65a9f5 solid 1px;color:#65a9f5;    
  -webkit-transition: all 0.1s ease-in-out 0s;
  -moz-transition: all 0.1s ease-in-out 0s;
  -o-transition: all 0.1s ease-in-out 0s;
  -ms-transition: all 0.1s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;}
.productcall ul li p{line-height: 2.2rem}
.productcall .t{padding:20px 0px 0px;font-weight: 700;font-size: 16px}
.productcall .j{color: #999;padding: 6px;text-align: left;padding: 4px 30px;}






.contactme_call {
    background: url(../img/webcallbg.png) center no-repeat;
    background-size: cover;
    padding: 100px;
    text-align: center;
}
.contactme_call p {
    font-size: 28px;
    color: #ffffff;
    text-align: center;
    line-height: 36px;
    margin-bottom: 30px;
}
.contactme_call a {
    display: inline-block;
    padding: 11px 55px;
    background-image: linear-gradient(-135deg, #f5f5f5 0%, #fff 100%);
    box-shadow: 0 6px 10px 0 rgba(245, 75, 75, 0.5);
    border-radius: 4px;
    font-size: 16px;
    color: #666;
    line-height: 24px;
    transition: all .3s;
}
.contactme_call a:hover {
  box-shadow: 0px 3px 16px 0 #f54b4b;
}

.aicenter-box .aicenter-ins {
    width: 100%;
    height: auto;
    display: flex;
}
.aicenter-box .aicenter-inner-ins {
    flex: 1;
}
.aicenter-box .aicenter-inner-ins img {
    display: block;
    margin: 0 auto;
    /*height: 46px;*/
    padding: 20px 0px 56px 0px;
}
.aicenter-box .aicenter-inner-ins h3 {
    font-weight: 500;
    font-size: 24px;
    color: #333;
    text-align: center;
    padding-bottom: 36px;
}
.aicenter-box .aicenter-inner-ins p {
    color: #999;
    font-size: 14px;
    text-align: center;
    padding-bottom: 100px;
}

.call2 .container .imgr img{width: 100%;max-width: none !important; }





.content {margin: 50px auto 50px;text-align: center;}
.content .title{font-size: 28px;font-weight: 700;position: relative;padding-bottom: 10px}
.content .title:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -19px;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid;
    border-color: #00509c transparent transparent;
}
.content .title:after {
    content: "";
    position: absolute;
    width: 100px;
    height: 3px;
    background-color: #00509c;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%)
}
.content .subtitle {margin-top: 30px;text-align: center;font-size: 16px;color: #777;text-transform: uppercase}


/*首页优势*/
.advantage{background-color: #f7f8fa;padding:20px 0 50px;}
.advantage .container .div_video{margin: 40px 20px 0px;}
.advantage .container .div_video video{width: 700px;height: 100%;}
.advantage .container ul{display: flex;flex-direction: row;justify-content: center;}
.advantage .container ul li{/*background-color: #f6f6f6;*/float: left;width:calc(33% - 20px);text-align: center;padding: 44px 0px;margin: 10px;border-top: 1px solid #e7e7e7;}
.advantage .container ul li:hover{background-color: #fdfdfd;border-top: 2px solid #3ac0ff;color:#00509c; transition: 200ms;   
    -webkit-box-shadow: 0 0 13px rgba(35,24,21,0.2);
  box-shadow: 0 0 13px rgba(35,24,21,0.2);}
.advantage .container ul li p{line-height: 2.2rem}
.advantage .container .t{padding:30px 0px 0px;font-weight: 400;font-size: 22px;letter-spacing: 3px;}
.advantage .container .j{color: #999;text-align: center;padding: 20px 30px;line-height: 30px;}
.advantage .f40 {font-size: 60px !important;line-height: 1.2 !important;}


/*联系我们*/
.pad1 .wrap {
    /*max-width: 1400px;*/
    margin: 0 auto;
}
.lx_item {
    font-size: 18px;
    width:calc(33.33% - 40px);
    margin:20px;
    float: left;
    padding: 30px;
    box-shadow: 0px 0px 10px #f5f5f5;
    text-align: center;
    min-height: 262px;
}
.lx_item:hover{
    box-shadow: 0px 0px 10px #d2d2d2;
}
.lx_item .tit {
    text-align: center;
    color: #65a9f5;
}
.lx_item .txt{
    line-height: 30px
}
.lx_item .txt .explain{
    font-size: 12px;
    color: #999;
}
.lxad_item {
    font-size: 18px;
    width:calc(33.33% - 40px);
    margin:20px;
    float: left;
    padding: 50px 30px;
    box-shadow: 0px 0px 10px #f5f5f5;
    text-align: center;
}
.lxad_item:hover{
    box-shadow: 0px 0px 10px #d2d2d2;
}
.lxad_item .title{
    font-size: 20px;
    font-weight: 700;
}
.lxad_item .tel{
    margin-top: 20px;
}
.lxad_item .tel .zxicon{
    font-size: 16px !important;
    color: #999;
}
.lxad_item .address .zxicon{
    font-size: 20px !important;
    color: #999;
}
.lxad_item .address{
    font-size: 14px;
    color: #999;
}
/*关于*/
.about_comp{text-align: center;padding: 50px 0px 30px;}
.about_comp .lower_box{ width: 1000px; display: inline-block; padding:0px 55px; text-align: left; }
.about_comp .lower_box .box_info{ padding: 0 62px; position: relative;}
.about_comp .lower_box .box_info::after{ content: ''; width: 40px; height: 40px; background: url("../img/yh_1.png") no-repeat left; position: absolute; left: 0; top: 0;}
.about_comp .lower_box .box_info::before{ content: ''; width: 40px; height: 40px; background: url("../img/yh_2.png") no-repeat right; position: absolute; right: 0; top: 0;}
.about_comp .lower_box .box_info strong{ display: block; font-size: 32px; line-height: 1.3; color: #ce2a2c;}
.about_comp .lower_box .box_info p{ margin-top: 15px; font-size: 16px;}
.about_comp .lower_box .box_info a{ color: #ce2a2c;}
/*.about_comp .aboutlogo{text-align: center;max-width: 1000px;margin: 50px auto; font-size: 16px;line-height: 30px;}
.about_comp .aboutlogo img{padding: 20px;}
.about_comp .aboutlogo .logotitle{font-size: 22px; padding-bottom: 20px}
.about_comp .aboutlogo .info{color: #666;}*/

.jianz{
    height: 585px;
/*  background-color: gainsboro;*/
    border-bottom: 1px solid #cccccc;
}

.jianz-mid{
    width: 1200px;
    /* height: 480px; */
    background-color: white;
    margin: 0 auto;
   position: relative;
   text-align: left;
}

.jianz-mid-ht{
    height: 70px;
}

.jianz-mid h1{
    font-size: 32px;
    font-weight: bold;
    /* margin-left: 44px; */
}

.jianz-mid .jianz-p1, .jianz-mid .jianz-p2{
    /* margin-left: 44px; */
    font-size: 22px;    
    margin-top: 15px;
}

.jianz-p1{
    font-size: 22px;

}

.jianz-p2{
    font-size: 14px!important;
    color: #666666;
}
.jianz-p2::after{
    content: "";
    position: absolute;
    /* bottom: -4px; */
    top: 130px;
    left: calc(50% - 80px);
    width: 160px;
    height: 2px;
    background-color: #cccccc;
}

/* .jianz-mid div{
    float: left;
} */

.jianz-left{
    /* width: 790px;
    height: 480px; */
/*  background-color: gray;*/
    margin-right: 5px;
    /* background-image: url(http://hlwyx.dgg.cn/static/images/gywm/jzhs-bg.png); */
    background-repeat: no-repeat;   
    background-position: 100% 100%;
    text-align: center;
}
.jianz-left p{
    /* padding-bottom: 10px; */
}
.jianz-right{
    width: 400px;
    height: 480px;
    overflow: hidden;
    margin-top: 50px;
/*  background-color: gray;*/
}

.jz-line{
    width: 117px;
    height: 2px;
    background-color: #cccccc;
    margin-top: 10px;
    /* margin-left: 44px; */
}

.jianz-jj{
    /* width: 520px; */
    /* height: 288px; */
    padding-top: 20px;
    font-size: 16px!important;
    color: #666666;
    /* margin-left: 190px!important; */
    line-height: 4rem!important;
    display: flex;
    flex-direction: column;

}


.aboutlogo{background-color: #f6f6f6;border-top: #ddd solid 1px;border-bottom: #ddd solid 1px;padding:50px 0px;}
.aboutlogo .container{text-align: center;padding: 44px 0px;max-width: 1000px;margin: 50px auto; font-size: 16px;line-height: 30px;}
/*.about_comp .aboutlogo{text-align: center;max-width: 1000px;margin: 50px auto; font-size: 16px;line-height: 30px;}*/
.aboutlogo img{padding: 20px;}
.aboutlogo .logotitle{font-size: 22px; padding-bottom: 20px}
.aboutlogo .info{color: #666;}




.culture{background-color: #f6f6f6;border-top: #ddd solid 1px;border-bottom: #ddd solid 1px;padding:50px 0px 100px;}
.culture .container ul li{background-color: #fff;border-radius: 18px;float: left;width:calc(33.33% - 20px);text-align: center;padding: 44px 0px;margin: 10px;border: #fff solid 1px;height: 280px}
.culture .container ul li:hover{background-color: #fdfdfd;border-radius: 18px;border: #65a9f5 solid 1px;color:#65a9f5;    
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  /* 动画效果
      all：所有属性都将获得过渡效果
      0.4s：完成过渡效果需要花费的时间
      ease-in-out：规定以慢速开始和结束的过渡效果
      0s：规定过渡效果何时开始
  */
  transition: all 0.4s ease-in-out 0s;}
.culture .container ul li p{line-height: 2.2rem}
.culture .container .t{padding:20px 0px 0px;font-weight: 700;font-size: 16px}
.culture .container .j{color: #999;padding: 6px}


.organization{margin: 100px auto;background-color: #fff;}
.organization .container{text-align: center;padding: 44px 0px;margin: 10px;border: #fff solid 1px;margin: 0 auto;}


/* 关于我们 */
.league-building-activities{
    width: 100%;
    height: 100%;
    padding: 60px 0;
    background-color: #fff;
}
.league-building-activities-content{
    width: 1280px;
    height: 100%;
    margin: 0 auto;

}
.league-building-activities-title{
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    padding-bottom: 60px;
    color: #333333;
}

.activities-content-list{
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.activities-content-list img{
    border-radius: 6px;
}
/* 成长时间轴 */
.growth{
    background-color: #f6f6f6;
    border-bottom: #ddd solid 1px;
    padding: 50px 0px 60px;
}
.growth .container{
    text-align: center;
}
.growth .container .growth-pc{
    display: inline;
}
.growth .container .growth-mobile{
    display: none;
}
.corporateculture{
    border-bottom: #ddd solid 1px;
    padding: 50px 0px 50px;
}
.corporateculture .container .small{
    display: flex;
    flex-direction: row;
    justify-content: center;
    font-size: 16px;
}
.corporateculture .container .small em{
    margin: 0px 20px;
}
.corporateculture .container .introduce{
    margin-top: 50px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.corporateculture .container .introduce .photos{
    max-width: 1200px;
    display: flex;
    flex-direction: row;
}
.corporateculture .container .introduce .photos .left{flex: 2;} 
.corporateculture .container .introduce .photos .center, 
.corporateculture .container .introduce .photos .right{
    flex: 1;
}
.corporateculture .container .introduce .photos img{
    width: 100%;
    padding: 6px;
}
.corporateculture .tab{ overflow:hidden; text-align: center;margin-bottom: 50px;}
.corporateculture .tab a{text-decoration:none; color:#333; font-size: 16px;}
.corporateculture .tab a:not(:last-child)::after {content: "|";padding: 0 15px;color: #ccc;}
.corporateculture .tab a:hover{ color:#0353a2; text-decoration:none;}
.corporateculture .tab a.on{  color:#E64E3F; text-decoration:none;}
.corporateculture .contentimg{ overflow:hidden; width:1200px; height:450px; position:relative;}
.corporateculture .contentimg ul{ position:absolute; left:0; top:0; height:450px;}
.corporateculture .contentimg ul li{ width:1200px; height:300px; float:left;display: flex;flex-direction: column;}
.corporateculture .contentimg ul li .photos{display: flex;flex-direction: row;}
.corporateculture .contentimg ul li .photos .single{display: flex;flex-direction: column;align-items: center;width: 33%;}
.corporateculture .contentimg ul li .photos .single .title2{color: #999;margin-top: 10px;}
.corporateculture .contentimg ul li img{ padding:4px; height: 100%;width: 100%;border-radius: 16px;max-height: 276px;}
.corporateculture .contentimg ul li .details{margin: 20px 0px;text-align: left;font-size: 16px;line-height: 32px;}
.news{
    border-bottom: #ddd solid 1px;
    padding: 50px 0px 100px;
}
.news .container{
    display: flex;
    flex-direction: column;
}
.news .container .list{
    padding: 30px;  
    border-top: 1px solid #e7e7e7;  
    transition: 400ms;
}
.news .container .list:hover{
    background: #00509c;
}
.news .container .list:hover .info .desc .title{
    color: #ffffff;
}
.news .container .info{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.news .container .info .left{
    display: flex;
    flex-direction: row;
    justify-content: left;
    width: 100%;
}
.news .container .info .left .photo{
    height: 100px;
    width: 150px;
    border-radius: 10px;
    overflow: hidden;
    margin: 0px 20px;
}
.news .container .info .left .photo img{
    width: 100%;
    height: 100%;
}
.news .container .info .left .desc{
    display: flex;
    flex-direction: column;
    align-content: space-between;
    width: 100%;
}
.news .container .info .left .desc .title{
    color: #383838;
    font-size: 26px;
    font-weight: 700;
}
.news .container .info .left .desc .txt{
    margin-top: 20px;
    line-height: 26px;
}
.news .container .info .time{
    color: #999;
    min-width: 100px;
    margin-left: 30px;
}
.news .container .more{
    padding: 30px;  
    text-align: center;
    border-top: 1px solid #e7e7e7;  
    font-size: 16px;
}
.news .container .more a:hover{
    color: #00509c;
}

/* 首页公司优势 */
.solution_area .advantage_list .tab{ overflow:hidden; background:#ccc;margin: 0 auto;width: 320px;display: flex;justify-content: space-between;}
.solution_area .advantage_list .tab a{ display:block; padding:10px 20px; float:left; text-decoration:none; color:#333;width: 33.33%;text-align: center;}
.solution_area .advantage_list .tab a:hover{ background:#0353a2; color:#fff; text-decoration:none;}
.solution_area .advantage_list .tab a.on{ background:#0353a2; color:#fff; text-decoration:none;}
.solution_area .advantage_list .advantage_content{ overflow:hidden; width:1280px; height:330px; position:relative;}
.solution_area .advantage_list .advantage_content ul{ position:absolute; left:0; top:0; height:330px;}
.solution_area .advantage_list .advantage_content li{ width:1280px; height:330px; float:left;padding: 20px;}
/* .solution_area .advantage_list .advantage_content li p{ padding:10px;}  */
.solution_area .advantage_list .advantage_content .skill{display: flex; line-height: 30px;}
.solution_area .advantage_list .advantage_content .skill .left{display: flex;flex: 26%;flex-direction: column;font-size: 16px;padding-right: 30px;}
.solution_area .advantage_list .advantage_content .skill .left h4{font-weight: 700;margin:50px 0px 30px;}
.solution_area .advantage_list .advantage_content .skill .right{display: flex;flex: 74%;}
.solution_area .advantage_list .advantage_content .skill .right h5{color: #0353a2; font-size: 16px;margin-bottom: 20px;}
.solution_area .advantage_list .advantage_content .skill .right div{flex: 1;padding:20px;background-color: #eee;margin: 10px;border-radius: 8px;border: #eee solid 1px;}
.solution_area .advantage_list .advantage_content .skill .right div:hover{background-color: #fdfdfd;border: #00509c solid 1px;color:#00509c;    
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;}
.solution_area .advantage_list .advantage_content .team{display: flex;flex-direction: row;justify-content: space-between;margin-top: 20px;}
.solution_area .advantage_list .advantage_content .team h5{font-weight: 700; color:#0353a2;}
.solution_area .advantage_list .advantage_content .certification{background-color: #eee;border-radius: 8px;padding:10px;}


@media (max-width: 768px){

    .league-building-activities-content{
        width: 100%;
    }
    .league-building-activities{
        padding: 30px 0;
    }
    .league-building-activities-title{
        font-size: 24px;
        padding-bottom: 20px;
    }
    .activities-content-list{
        justify-content: space-around;
    }
    .activities-content-list img{
        width: 100%;
        height: 100%;
        margin-top: 30px;
    }
}





@media (min-width: 1400px){
    .container{width: 1280px !important;}
}
@media (min-width: 1220px) and (max-width: 1399px){
    .container{width: 1200px !important;}
    .main_new .main_new_r .newbox .n_title{margin-bottom: 24px;}
    .main_new .main_new_r .newbox dl dt{margin-bottom: 14px;}
    #banner_ny{height: 280px;}
    #banner_ny img{height: 280px;width: auto;position: absolute;left: 50%;transform:translateX(-50%);}
}
@media (min-width: 1200px) and (max-width: 1220px){
    .container{width: 1150px !important;}
    .main_new .main_new_r .newbox .n_title{margin-bottom: 24px;}
    .main_new .main_new_r .newbox dl dt{margin-bottom: 14px;}
    #banner_ny{height: 280px;}
    #banner_ny img{height: 280px;width: auto;position: absolute;left: 50%;transform:translateX(-50%);}

}
@media (min-width: 992px) and (max-width: 1199px){
    #header .nav_box .yiji{padding: 0 8px;}
	  #banner,.mobBanner,.mobBanner img {height:600px;}
    .main_new .main_new_r .newbox .n_title{margin-bottom: 26px;}
    .main_new .main_new_r .newbox dl dt .new_d{height: 100px;line-height: 25px;margin-bottom: 8px;}
    .main_new .main_new_r .newbox dl dt{margin-bottom: 24px;}

    #banner_ny{height: 280px;}
    #banner_ny img{height: 280px;width: auto;position: absolute;left: 50%;transform:translateX(-50%);}
}
@media (max-width: 991px){
   
}
@media (min-width: 768px) and (max-width: 991px){

	#header .nav_box .yiji{padding: 0 5px;}
    #banner,.mobBanner,.mobBanner img {height:320px;}
    .fore_navs{bottom: 30px;}
    .index1{margin: 80px auto 60px;}

    .main_new .main_new_r .newbox .n_title{margin-bottom: 26px;}
    .main_new .main_new_r .newbox dl dt .new_d{height: 125px;line-height: 25px;margin-bottom: 14px;}
    .main_new .main_new_r .newbox dl dt{margin-bottom: 24px;}
    .main_case .case_list .item ul li .case_dt{padding: 12px;}
    .main_case .case_list .item ul li .case_dt h1{font-size: 16px;}

    #banner_ny{height: 280px;}
    #banner_ny img{height: 280px;width: auto;position: absolute;left: 50%;transform:translateX(-50%);}

    .main_nynavs .nav_ny .yiji a.one{padding: 0 10px;font-size: 14px;}
    .main_nynavs .nav_ny .yiji:before{width: 18px;height: 18px;line-height: 16px;right: 8px;}
    .main_nynavs .nav_ny .yiji .libox a{padding: 0 10px;height: 32px;line-height: 32px;}
    .main_nynavs .nav_ny .yiji .libox a:hover:before{content: ">";position: absolute;right: 10px;line-height: 32px;height: 32px;width: auto;font-family: "幼圆";}
    #main .team_dec .teamdec_l{padding-left: 14%;}
    #main .team_dec .teamdec_r{padding-left: 60px;}
    .chose_team a{width: 70%;}

}
.mymobBanner{
    width: 100%;
    height: 510px;
    display: none;
}
/* .mymobBanner img{
    width: 100%;
    height: 510px;
} */

@media (max-width: 767px){
    .mymobBanner img{
        width: 100%;
        /* height: 510px; */
    }
    .mymobBanner{display: block;}
    .mobBanner_oneimg{display: none;}
     #banner{margin-top: 66px;height:574px;}
     .mobBanner,.mobBanner img {height:310px;}
     #banner .pagination{bottom: 4%;}
     #banner .a-arrow,.fore_navs ul li:before{display: none;}

    .index1 {margin: 50px auto 30px;}
    .home-technology{margin-bottom: 30px !important;}
     .fore_navs{padding: 0;bottom:0;}
     .fore_navs ul li{margin-bottom: 4px;}
     .fore_navs ul li,.fore_navs ul li a{height: 132px;}
     .fore_navs ul li:first-child{border-right: 1px solid #666;}
     .fore_navs ul li:nth-child(3){border-right: 1px solid #666;border-top: 1px solid #666;}
     .fore_navs ul li:last-child{border-top: 1px solid #666;}
     .fore_navs ul li:hover a{padding-top: 0;animation:none;}
     .fore_navs ul li .navs_title{height: 24px;overflow: hidden;}
     .fore_navs ul li i{width: 66px;height: 66px;margin: 13px 0 8px 0;}
     
     #main .main_about .box .title{text-align: center;background: url(../img/i1.png) center top no-repeat;}
     #main .main_about .box .title i{left: 50%;}
     #main .main_about{padding: 50px 16px;}
     #main .main_about .about_l{padding-right: 0;}
     #main .main_about .about_l .about_text{padding: 30px 0;}
     #main .main_about .about_bg{bottom: 50%;margin-bottom: -140px;}
     #main .main_about .about_r{padding-left: 0;}
     .main_new{padding: 50px 16px;}
     #main .main_new .title{margin-bottom: 30px;}
     .main_new{height: 1060px;}
     .main_new .main_new_l .n_title,.main_new .main_new_r .newbox .n_title{font-weight: normal;}
     .main_new .main_new_l .newlist li .new_title{height: 34px;line-height: 34px;}
     .main_new .main_new_l .newlist li a{padding-left: 30px;}
     .main_new .main_new_l .newlist li a span{float: left;margin-left: 0;line-height: 1.5;font-size: 14px;color: #808080;}
     .main_new .main_new_l .newlist li a:before{top: 15px;margin-top: 0;left: 12px;}
     .main_new .main_new_r .newbox dl dd a{font-weight: normal;line-height: 24px;height: 48px;}
     .main_new .main_new_r .newbox dl dt{color: #fff;}
     .main_new .main_new_r .newbox_l{padding:0;padding-right: 10px;}
     .main_new .main_new_r .newbox_r{padding:0;padding-left: 10px;}
     .main_new .main_new_r{padding-top: 20px;}
     .swiper-case .ser-img li h1{font-size: 18px;height: 60px;line-height: 60px;}

     #footer{padding:30px 20px;}
     .back-top{bottom: 6px;}

     #banner_ny{height: 200px;margin-top: 66px;}
     #banner_ny img{height: 200px;width: auto;position: absolute;left: 50%;transform:translateX(-50%);}
     .main_ny{padding: 0 16px;}
     .main_nynavs{background: none;height: auto;}
     .main_ny .ny_posnav{margin: 20px 0;}
     
     .main_ny .dectil .newlist li{padding: 10px 0;}
     .main_ny .dectil .newlist2 li .n_more{background: #65a9f5;color: #fff;width: 100%;}
     .chose_art a,.chose_team a{width: 70%;text-align: center;background: #65a9f5;border: 1px solid #65a9f5;color: #fff;}
     .main_ny .dectil .caselist li:nth-child(2n){padding: 10px 0px;padding-left: 5px}
     .main_ny .dectil .caselist li:nth-child(2n+1){padding: 10px 0px;padding-right: 5px}
     .prodecbox{width: 70%;margin: 28px auto;}
     
     .main_ny .dectil .teamlist li:nth-child(2n){padding: 14px 0px;padding-left: 8px}
     .main_ny .dectil .teamlist li:nth-child(2n+1){padding: 14px 0px;padding-right: 8px}
     .main_ny .dectil .teamlist li .teamimg .team_text{opacity: 1;height: 100px;}
     .teamimg .team_text .t_dec{height: 100px;bottom: 0;padding:18px 14px;}
     #main .team_dec{padding: 0;}
     #main .team_dec .teamdec_l{padding:70px 20% 30px 20%;background: #f5f5f5;}
     #main .team_dec .teamdec_r{padding:30px 16px 50px 16px;}

     .banner_call {
        background: url(../img/banner/callbanner.png) no-repeat center;
        height: 30rem;
        background-size: cover;
        margin-top: 66px;
    }
    .banner_call .banner_text {left: calc(50% - 70px);}
    .banner_text h4{display: none;}
    .productcall .j{padding: 4px 10px;}
    .catlog{margin: 10px}
    .index1 .subtitle{font-size: 1.4rem;width: 80%;margin: 30px auto 10px;line-height: 2rem}
    .about_dec{margin: 0}
    .advantage .container ul li{width: calc(50% - 20px);padding: 30px 0px 2px;}
    .advantage .container .t{font-size: 1.6rem;letter-spacing:0px;}
    .advantage .container .j {padding: 10px 6px;font-size: .8rem;line-height: 2rem;}
    .content {margin: 20px;text-align: center;}
    .content .subtitle{line-height: 2rem;font-size: 1.4rem}
    .pro-title{padding: 80px 0 20px 0 !important;}
    .solution_area{padding-bottom: 30px !important;}
    .solution_area .pro-title .subtitle{font-size: 1.4rem;line-height: 2rem;width: 96%;margin: 20px auto 10px;}
    .solution_area .advantage_list .advantage_content{width: 100vw;height: 720px;}
    .solution_area .advantage_list .advantage_content li{width: 100vw;}
    .solution_area .advantage_list .advantage_content .skill{flex-direction: column;}
    .solution_area .advantage_list .advantage_content .skill .left{padding-right: 0px;}
    .solution_area .advantage_list .advantage_content .skill .left h4 {font-weight: 700;margin: 20px 0px 10px;}
    .solution_area .advantage_list .advantage_content .skill .right{flex-flow: wrap;}
    .solution_area .advantage_list .advantage_content .skill .right div{flex: none;width: 44%;padding: 10px;}
    .solution_area .advantage_list .advantage_content .team{flex-direction: column;}
    .solution_area .advantage_list .advantage_content .team .left p{margin: 10px 0px 30px;}
    .solution_area .advantage_list .advantage_content .team .right img{width: 100%;margin-top: 20px;}
    .solution_area .advantage_list .advantage_content .certification img{width: 100%;margin-top: 20px;}
    
    .main_ny .dectil .newlist2 li .new_img,.new_img img{width: 100%;height: auto;}
    .main_new_r .newbox1 .new_img img,.main_new_r .newbox2 .new_img img{height: 10rem}
    .footer .footer_content {width: 100%;display: flex;flex-direction: column;}
    .footer .container .footer_content .link{margin: 10px 0px 20px}
    .footer .container .footer_content .listr{width: 100%;height: auto;}
    .footer .container .footer_content .list{width: 33.33%;border: 0;height: auto;}
    .footer .container .footer_content .list p{padding: 10px}
    .footer .container .footer_content .list p a{margin-top: 6px}
    .footer .container .footer_content .listr .tel {padding-top: 30px;}

    .about_comp{padding: 10px;}
    .jianz-mid {width: 100%;height: 100%;overflow: hidden;}
    .jianz-mid div{float: none;margin: 20px 0px;}
    .jz-line{margin-top: 5px}
    .jianz-jj{margin-left: 0!important;width: 100%;height: auto; padding-top: 0;font-size: 14px!important;line-height: 3.2rem!important;}
    .jianz-left {width: 100%;height: auto;}
    .aboutlogo{padding:0 20px}
    .aboutlogo img{width: 50vw}
    .aboutlogo p{font-size: 14px}
    .culture .container ul{width: 94%}
    .culture{padding: 20px 0px;}
    .culture .container ul li{width:100%;height: auto;padding: 10px}
    .growth{padding: 20px 0px;}
    .growth .container img{width: 90%;}
    .growth .container .growth-pc{display: none;}
    .growth .container .growth-mobile{display: inline;}
    .corporateculture{padding: 20px 0px 20px;}
    .corporateculture .container .small em{margin: 0px 2px;}
    .corporateculture .container .introduce{margin-top: 20px;}
    .corporateculture .tab{margin: 0px 50px 30px;line-height: 3rem;}
    .corporateculture .tab a:not(:last-child)::after{padding: 0px 4px;}
    .corporateculture .contentimg{height: 1180px;}
    .corporateculture .contentimg ul{height: 1180px;}
    .corporateculture .contentimg ul li{width: 100vw;height: 1180px;display: flex;flex-direction: column;}
    .corporateculture .contentimg ul li img{width: 80%;}
    .corporateculture .contentimg ul li .photos{flex-direction: column;}
    .corporateculture .contentimg ul li .photos .single{width: 100%;margin-bottom: 3rem;}
    .corporateculture .contentimg ul li .details{margin: 0px 30px;}
    .corporateculture .contentimg ul li .details p{ text-align: justify; margin: 0 auto; /* 将左右外边距设为自动 */}

    .news{padding: 30px 0px 50px;}
    .news .container .list{padding: 20px;}
    .news .container .info{flex-direction: column;}
    .news .container .info .time{margin-left: 0px;margin-top: 10px;}
    .news .container .info .left .photo{margin: 0px; margin-top: 10px; margin-right: 20px;}
    .news .container .info .left .desc .title{font-size: 18px;}

    .productcall ul li{width: calc(44% - 2px);padding: 44px 0px 10px}
    .aicenter-box .aicenter-ins{display: inherit;}
    .aicenter-box .aicenter-inner-ins {flex: 1;width: 100%;}
    .aicenter-box .aicenter-inner-ins img{padding: 10px 0px 16px 0px;}
    .aicenter-box .aicenter-inner-ins h3{padding-bottom: 10px}
    .aicenter-box .aicenter-inner-ins p{padding-bottom: 40px}
    .crow{padding: 40px}
    .crow .container{flex-direction: column;}
    .crow .container .info{padding-top: .5rem}
    .contactme_call{padding: 50px 20px}
    .contactme_call p{font-size: 22px}

    .banner_automk {
        width: 100%;
        height: 30rem;
        background: url(../img/banner/banner_automk2.jpg) no-repeat center;
        position: relative;
        background-size: cover;
        margin-top: 66px;
    }
    .banner_automk .banner_text{bottom: 30%}
    .banner_text h2{font-size: 2rem;font-weight: 700}
    .content .title{width: 84%;margin: 0 auto;}
    .automk2{padding: 50px 0 50px}
    .automk2 .container ul li{width: 96%}
    .automk2 .container .j{padding: 4px 10px}
    .automk2 .container ul li{padding: 10px 0}
    .crow .container .info h2{font-size: 22px!important}
    .crow .container .info p{line-height: 2.4rem}
    .contactme p{font-size: 22px;line-height: 36px}
    .contactme{padding: 40px}

    .banner_cdp{height: 30rem;    margin-top: 66px;}
    .banner_cdp .img1 img{width: 40vw}
    .banner_cdp .banner_text {position: absolute;top: 20%;left: 25%;text-align: center;}
    .banner_text h2{padding-bottom: 0}
    .banner_cdp .img1 {position: absolute;bottom: 8%;left: 25%;text-align: center;}
    .about_dec{margin-top: 2rem;margin-bottom: 3rem;}
    .cdp2 .container ul li{width: 44%}
    .cdp2 {margin: 0;padding: 50px 0px 50px;}
    .cdp4 .container,.cdp5 .container,.cdp6 .container{flex-direction: column;margin: 0 40px}
    .cdp4,.cdp6{margin: 0;padding: 0}
    .cdp4 .container .imgr img,.cdp5 .container .imgr img ,.cdp6 .container .imgr img {width: 100%;max-width: 80%;}
    .cdp5 {margin: 50px auto 0px}
    .cdp5 .container .info{padding-top: 1rem}
    .cdp6 {margin-bottom: 50px}
    .cdp3{padding: 0;margin: 0 20px 30px}
    .cdp3 .container ul li{width: 44%;font-size: 14px;padding: 8px 0px;margin: 4px 10px}

    .main_ny{margin-bottom: 0}
    .lx_item{width: 100%;margin: 0;padding: 10px;}
    .lxad_item{width: 100%;margin: 0;padding:30px 10px;}
    #mapbox{margin-bottom: 3rem}
    .copy{height: auto;line-height: 2rem}
    .copy a{display: block;}
    #mol_cases .swiper-button-prev, #mol_cases .swiper-button-next{display: none;}

    .banner_vioce {
        background: url(../img/banner/banner_voice.jpg) no-repeat center;
        height: 30rem;
        background-size: cover;
        margin-top: 66px;
    }
    .banner_online {
        background: url(../img/banner/banner_online.jpg) no-repeat center;
        height: 30rem;
        background-size: cover;
        margin-top: 66px;
    }
    .banner_online .banner_text {bottom: 10%;text-align: center;left: 10%;}
    .banner_vioce .banner_text {bottom: 10%;text-align: center;left: 10%;}
    .viocecall ul li{width: calc(50% - 20px);height: 310px;}
    .viocecall .j{padding: 4px 10px}
    .voice-box .aicenter-ins{display: block;}
    .voice-box .aicenter-inner-ins {display: inline-grid;}
    .voice-box{padding-bottom: 20px}
    .contactme_voice p{font-size: 22px}
    .contactme_voice{padding: 50px}
    .onlineserve ul li{width: calc(50% - 20px);}
    .os1 .container,.os2 .container,.os3 .container{flex-direction: column;margin: 0 30px}
    .os1,.os2,.os3{margin: 0;padding: 0}
    .os1 .container .imgr img,.os2 .container .imgr img ,.os3 .container .imgr img {width: 100%;max-width: 80%;}
    .os2 {margin: 50px auto 0px;}
    .os2 .container{margin: 30px auto}
    .os2 .container .info{padding-top: 1rem;padding-left: 4rem}
    .os3 {margin-bottom: 50px}
    .os1 .container .info p{width: 80vw}

    .joinus {
        background-color: #f6f6f6;
        padding: 30px 0px 50px!important;
    }
    .joinus .container .process ul{flex-direction: column;}
    .joinus .container .process ul li{width: 90% !important;margin: 10px 20px;}
    .advantage .container .div_video{margin: 20px 0px 0px;}
    .advantage .container .div_video video{width: 90vw;height: 100%;}
    

}
@media (max-width: 414px){
     #banner{height:220px;}
     #banner .banner-conent{height: 220px;background-size: cover;}
     #banner .banner-conent .banner-title{font-size: 28px;}
     #banner .banner-conent .banner-decs{font-size: 12px;line-height: 24px;min-width: 340px;min-height: 80px;margin-top: 28px;}
     .mobBanner,.mobBanner img {height:180px;}
     .fore_navs ul li,.fore_navs ul li a{height:98px;overflow: hidden;}
     .fore_navs ul li i{width:40px;height: 40px;}
     .fore_navs ul li .navs_title p{font-size: 16px;}
     .main_new{height: 936px;}
     .back-top{bottom: 70px;}

     #main .box .title{padding-top: 42px;font-size: 20px;}
     #main .box .title span{font-size: 16px;line-height: 16px;}
     .main_new .main_new_l .n_title,.main_new .main_new_r .newbox .n_title{height: 34px;line-height: 34px;font-size: 18px;}
     .swiper-case .ser-img li h1{font-size: 16px;}

     .mol_navs{height: 40px;line-height: 40px;font-size: 16px;}
     .mol_navs:before{height: 40px;line-height: 40px;font-size: 30px;}
     .mol_nav_ny .mol_ce li a,.mol_nav_ny .mol_ce li .molicon{height: 44px;line-height: 44px;font-size: 14px;}
     .mol_nav_ny .mol_ce li .molicon{font-size: 18px;}
     .mol_nav_ny .mol_ce ul.mol_er li a{font-size: 14px;}
     .prodecbox{width: 100%;margin: 0 auto;margin-bottom: 20px;}

     .main_ny .dectil .teamlist li .teamimg .team_text{opacity: 1;height: 70px;}
     .teamimg .team_text .t_dec{font-size: 14px;height: 70px;line-height: 26px;padding:10px 14px;}
     .teamimg .team_text .t_dec p span{font-size: 18px;}
     #banner_ny .title{font-size: 24px;margin-top: -68px;}
     #banner_ny .title span{font-size: 40px;line-height: 50px;}
     #main .team_dec .teamdec_l{padding: 50px 20% 14px 20%;}


}

@media (max-width: 320px){
     #banner{height:384px;}
     .mobBanner,.mobBanner img{height:200px;}
     #banner_ny .title{font-size: 20px;margin-top: -68px;}
     #banner_ny .title span{font-size: 36px;line-height: 42px;}
     .fore_navs ul li,.fore_navs ul li a{height: 92px;overflow: hidden;}
     .fore_navs ul li i{width:36px;height: 36px;}
     .main_new .main_new_r .newbox_l{padding:0;padding-right:5px;}
     .main_new .main_new_r .newbox_r{padding:0;padding-left: 5px;}
	   .main_new .main_new_r .newbox .n_title{font-size: 15px;}
     .main_new .main_new_l .newlist li a{font-size: 14px;}
     .main_new .main_new_l .newlist li a span,.main_new .main_new_r .newbox dl dt{font-size: 12px;}
     .main_new .main_new_r .newbox1, .main_new .main_new_r .newbox2{padding: 12px 16px;}
     .main_new .main_new_r .newbox dl dd a{font-size: 14px;}
     .page a{width: 18%;}
     .back-top{bottom: 314px;}
}

/* 小型设备（平板电脑，768px 起） */
@media (min-width: @screen-sm-min) {


}   


.solution-swiper {width: 100%;overflow: hidden;}
.solution-swiper .swiper-container8 {
    width: 100%;
    height: 300px;
}
.solution-swiper .swiper-container8 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #ffffff66;
    position: relative;
    display: flex;
    flex-direction: column;
    color: #fff;        
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.solution-swiper .swiper-container8 .swiper-slide:hover{
    background-color:#fff;
    color:#1096ff;
    border: 1px solid #1096ff;
    -webkit-box-shadow: 0 5px 40px rgba(0,0,0,.5);
    -moz-box-shadow: 0 5px 40px rgba(0,0,0,.5);
    box-shadow: 0 5px 40px rgba(0,0,0,.5);
}
.solution-swiper .swiper-container8 .s1{background: url(../img/index/solution_bg02.png) no-repeat center;}
.solution-swiper .swiper-container8 .s2{background: url(../img/index/solution_bg03.png) no-repeat center;}
.solution-swiper .swiper-container8 .s3{background: url(../img/index/solution_bg06.png) no-repeat center;}
.solution-swiper .swiper-container8 .s4{background: url(../img/index/solution_bg05.png) no-repeat center;}
.solution-swiper .swiper-container8 .s5{background: url(../img/index/solution_bg05.png) no-repeat center;}
.solution-swiper .swiper-container8 .s6{background: url(../img/index/solution_bg06.png) no-repeat center;}
.solution-swiper .swiper-container8 .s7{background: url(../img/index/solution_bg07.png) no-repeat center;}
.solution-swiper .swiper-container8 .swiper-slide h5{ 
    width: 25px;
    height: 3px;
    background: #00509c;
}

/* 首页盒子 */
.index_col-lg-4{
    width: 25%;  /* 16 */
}


/* -------------------------------直播搭建 -------------------------------*/
.banner_live{
    width: 100%;height: 650px;background: url(../img/banner/banner_live.jpg) no-repeat center;position: relative;; /*background-size: cover;*/
}
.banner_live .banner_text {position: absolute;bottom: 30%;left:300px;}
.banner_live .banner_text h1{
    font-size: 50px;
    font-weight: 500;
    color: #ffffff;
    padding-bottom: 15px;
}
.banner_live .banner_text p{
    font-size: 40px;
    color: #ffffff;
    padding-bottom: 50px;
}

/* 常见问题 */
.live .live_main{
    background: #f6faff;
    width: 100%;
    padding: 60px 0px;
    box-sizing: border-box;
}
.live_main_title{
    font-size: 40px;
    color: #050505;
    letter-spacing: 1.6px;
    text-align: center;
    padding-bottom: 50px;
    box-sizing: border-box;
}
.live_productcall{
    width: 100%; height: 550px; background: url(../img/live/nandian.png) no-repeat center; /*background-size: cover;*/
}
.live_productcall_list{
    width: 1208px;
    position: relative;
    left: 62px;
    display: grid;
    height: 100%;
    margin: 0 auto;
    grid-template-columns: 3fr 1fr;
    grid-template-rows: 1fr 1fr;
    /* place-content: space-around space-evenly */
    align-items: center;
    justify-content: space-between;
}
.live_productcall_list li{
    width: 304px;
}
.live_productcall_list li .title{
    width: 170px;
    height: 45px;
    background: #00509c;
    border-radius: 5px;
    text-align: center;
    line-height: 45px;
    color: #fff;
}
.live_productcall_list li .doc{
    padding-top: 14px;
    font-size: 16px;
    text-align: left;
    color: #050505;
}

.live_productcall_list li:nth-child(2n+2){

    text-align: left;
}
/* -----全场景直播及应用行业 */
.live .live_industry{
width: 100%;
background-color: #fff;
padding: 60px 0;
box-sizing: border-box;
}
.live_industry_content{
    width: 1280px;
    margin: 0 auto;
}
.industry_broadcast{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.industry_broadcast li{
    width: 310px;
    height: 190px;
    position: relative;
    margin-bottom: 14px;
}
.industry_broadcast li .item_doc{
    position: absolute; 
    width: 120px;
    text-align: center;
    height: 30px;
    left: 0;
    top: 0;   
    bottom: 0;
    right: 0;
    margin: auto;
    font-size: 20px;
    color: #ffffff;
}
.industry_broadcast li img{
    border-radius: 0px;
}
.text_click{
    margin-top: 60px;
    text-align: center;
}
.live_obtain{
    display:inline-block;
    width: 140px;
    padding: 10px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 400;
    color: #0353a2;
    border: 1px solid #0353a2;
    border-radius: 6px;
    cursor: pointer;
    text-align: center;
}

/* -------------- */

/* 我们的优势 */
.live_advantage{
    width: 100%;
    padding: 60px 0px;
    background: #f6faff;
}
.live_advantage_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.live_advantage_list li{
    width: 298px;
    height: 264px;
    background-color: #fff;
    border-radius: 10px;
    color: #050505;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 36px;
    box-sizing: border-box;
}
.live_advantage_list li p{
    margin-top: 18px;
    text-align: center;
}
.live_advantage_list li p:last-child{
    font-size: 16px;
    color: #050505;
    width: 100%;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.live_advantage_list li .advantage_title{
    font-size: 24px;
    color: #000f1d;
}

/* ---------------------------- */

/* 解决方案 */
.live_Solution{
    width: 100%;
    padding: 60px 0px;
    box-sizing: border-box;
    background: url('../img/live/bgone.png') no-repeat center;
}
.live_Solution_title{
    font-size: 40px;
    text-align: center;
    color: #ffffff;
    letter-spacing: 1.6px;
    padding-bottom: 60px;
    box-sizing: border-box;
}
.live_Solution_list{
    display: flex;
    justify-content: space-between;
}
.live_Solution_list li{
    width: 289px;
    height: 370px;
    background: rgba(0, 0, 0, .4);
    border: 3px solid #ccc;
    /* box-shadow: 2px 3.46px 76px 0px #000000;  */
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #ffffff;
}
.live_Solution_list li:hover{
    background: #0353a2;
    border: 3px solid #ffffff;
}
.live_Solution_list li h2{
    padding-top: 30px;
    box-sizing: border-box;
    font-size: 30px;
    font-weight: 400;
    color: #ffffff;
}
.one_display{
    padding-top: 30px;
    box-sizing: border-box;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.noe_border{
    width: 47px;
    height: 1px;
    opacity: 0.8;
    background: #ffffff;
}
.noe_main{
    flex: 1;
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    color: #ffffff;
}
.live_Solution_list li p{
    padding: 30px;
    opacity: 0.8;
    font-size: 16px;
    text-align: center;
    color: #ffffff;
    box-sizing: border-box;
}
.live_Solution_footer{
    width: 100%;
    margin-top: 60px;
    height: 373px;
    display: flex;
}
.live_Solution_footer img{
    flex: 1;
}
.live_Solution_footer_right{
    padding: 30px;
    box-sizing: border-box;
    width: 480px;
    height: 373px;
    background: #f6faff;
}
.live_Solution_footer_right h1{
    font-size: 40px;
    text-align: left;
    color: #050505;
}
.live_Solution_footer_right h2{
    padding-top: 30px;
    font-size: 30px;
    text-align: left;
    color: #050505;
}
.live_Solution_footer_right p{
    padding-top: 15px;
    opacity: 0.8;
    font-size: 16px;
    text-align: left;
    color: #050505;
}
.footer_right_conp{
    padding-top: 15px;
}

/* ----------------------- */

/* 流程 */
.live_process{
    width: 100%;
    padding: 60px 0 ;
    box-sizing: border-box;
    background: #ffffff;
}
.live_process_describe{
    padding-top: 30px;
    box-sizing: border-box;
}
.live_process_describe p{
    font-size: 24px;
    text-align: center;
    color: #050505;
}
.live_process_imgBox{
    padding-top: 60px; 
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.live_process_imgBox li{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.live_process_imgBox li .post_img{
    position: relative;
    top: -36px;
}
.live_process_imgBox li .process_title{
    font-size: 24px;
    padding-top: 30px;
    text-align: center;
    color: #050505;
    letter-spacing: 0.72px;
}
.live_process_imgBox li p:last-child{
    font-size: 16px;
    color: #050505;
    text-align: center;
}
/* --------------------- */

@media (max-width: 375px) {
.live_process_imgBox li {
    width: 100%;
}
}

@media (max-width: 767px){
    .live_process_imgBox li .process_title{
        font-size: 20px;
    }
    .live_Solution_footer_right h1{
        font-size: 24px;
    }
    .live_Solution_footer_right h2{
        font-size: 24px;
    }
    .live_Solution_footer_right p{
        font-size: 14px;
    }
    .live .live_main{
        padding: 30px 0;
    }
    .live_main_title{
        font-size: 24px;
        padding:0 20px 25px 20px;
    }
    .live_process .live_main_title{
        padding:0 20px 0px 20px;
    }
.banner_live {
    height: 30rem;
    margin-top: 66px;
}
.banner_live .banner_text {
    bottom: 18%;
    left: 20px;
}
.banner_live .banner_text h1{
    font-size: 24px;
}
.banner_live .banner_text p{
    font-size: 20px;
    padding-bottom: 25px;
}
.banner_live .banner_text em{
    width: 100px;
    height: 34px;
    line-height: 34px;
    border-radius: 6px;
    margin-top: 0;
}
/* .banner_live .banner_text h1,.banner_live .banner_text p{
    display: none;
} */

.live_industry_content{
    width: 100%;
    padding: 0px 20px;
}
.live_Solution .live_industry_content{
    padding: 0 ;
}

.live_industry_text_click{
    margin-top: 30px;
}

}


@media (max-width: 767px){
    .live .live_industry{
        padding: 30px 0;
    }

    .live_productcall_list li .title{
        font-size: 16px;
    }
    .index_col-lg-4{
        width: 100%;
    }

    .live_productcall_list{
      display: flex;
      flex-direction: column;
      position: relative;
      left: 0%;
      width: 100%;
    }
    .live_productcall{
        height: 100%;
    }
    .live_productcall_list li{
        padding: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        /* height: 200px; */
        margin-bottom: 20px;
        background-color: rgba(0,0,0,.3);
        border-radius: 6px;
    }
    .live_productcall_list li .doc{
        color: #fff;
        font-size: 14px;
        text-align: center;
    }

    .industry_broadcast{
      justify-content: space-around;
    }
    /* .text_click{
        text-align: left;
        margin-left: 110px;
    } */
    .industry_broadcast li{
        animation-delay: 0.8s !important;
    }
    /* 我们的优势 */
    .live_advantage{
        padding: 30px 0;
    }
    .live_advantage_list{
        display: flex;
    }
    .live_advantage_list li{
       margin-top: 20px;
       width: 100%;
       height: 100%;
    }
    .live_advantage_list li .advantage_title{
        font-size: 20px;
    }
    .live_Solution{
        padding: 30px 20px 0 20px;
    }
    /* 解决方案 */
    .live_Solution_title{
        font-size: 24px;
        padding-bottom: 0px;
        color: #000;
    }
    .live_Solution_list li h2{
        font-size: 24px;
    }
    .noe_main{
        font-size: 20px;
    }
    .live_Solution_list li p{
        font-size: 14px;
    }

    .live_Solution_list{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .live_Solution_list li{
        height: 100%;
        background-color: #032f56;
        margin-top: 20px;
    }
    .live_Solution{
        background-image: none !important;
    }
    .live_Solution_footer{
        display: flex;
        flex-direction: column;
        height: 100%;
        margin-top: 30px;

    }
     .footer_imgs{
        /* width: 375px; */
    }
    .live_Solution_footer_right{
        width: 100%;
        height: 100%;
    }

    /* 流程 */
    .live_process{
        padding: 30px 0;
    }
    .live_process_imgBox{
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        padding-top: 10px;
    }
    .live_process_describe{
        padding: 0;
    }
    .live_process_describe p{
        font-size: 14px;
        padding-top: 18px;
        /* width: 375px; */
    }
    .live_process_describe p:last-child{
        padding-top: 6px;
    }
    .live_process_title{
        margin-top: 0px;
    }
    .live_process_imgBox li{
        margin-top: 20px;
    }

    .live_process_imgBox li .post_img{
        display: none;
    }
   
}
    
/* ------------------加入我们 ----------------*/
.main .join{
    margin-bottom: 0px;
}

.joinus{
    background-color: #f6f6f6;
    padding: 50px 0px 100px;
}
.joinus .container ul li h2{
    color: rgba(74,74,74,1);
    line-height: 25px;
    font-weight: 600;
    font-size: 22px;
    padding-top: 20px;
}
.joinus .container .process ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    min-height: 100px;
  }
  .joinus .container .process ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0 25px;
    width: 25%;
    min-height: 130px;
  }
  .joinus .container .process .title{
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    line-height: 40px;
  }
  .joinus .container .process .desc{
    color: #999; 
    text-align: center;
    margin-top: 10px;
  }
  .joinus .container .process ul li:not(:last-child){
    margin-right: 20px;
  }
  .joinus .container .process ul li:not(:last-child)::after {
    /* content: ">"; */
    position: absolute;
    height: 100px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #000;
    top: 0;
    right: -25px;
  }
  .joinus .container .process .exam{
    color: #333;
    background-color: #fff;
  }
.joinus .container .num{
    padding-left: 20px;
}
.joinus .container .list .intro{
    color: #808080;
    /* line-height: 60px; */
    border-bottom: #ddd solid 1px;
    padding: 16px 0px;
}
.joinus .container .list .intro .lab{
    padding-right: 30px;
}
.joinus .container .list .detail{
    margin-top: 30px;
}
.joinus .container ul li{
    background-color: #fff;
    border-radius: 8px;
    /* float: left; */
    padding: 30px;
    margin: 10px 0px;
    border: #fff solid 1px;
}
.joinus .container ul li:hover{
    background-color: #fdfdfd;
    border-radius: 8px;
    border: #65a9f5 solid 1px;
    /* color:#65a9f5;     */
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  /* 动画效果
      all：所有属性都将获得过渡效果
      0.4s：完成过渡效果需要花费的时间
      ease-in-out：规定以慢速开始和结束的过渡效果
      0s：规定过渡效果何时开始
  */
  transition: all 0.4s ease-in-out 0s;}
.joinus .container ul li p{line-height: 2.2rem}
.joinus .join_contact{
    margin: 60px auto 0px;
    width: 40%;
}
.joinus .join_contact p{
    /* line-height: 45px; */
    background: #292929;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border-radius: 8px;
    padding: 20px;
}

.exam{
    background-color: #f6f6f6;
    padding: 0px 0px 100px;    
}
.exam .about_dec{
    background-color: #FFF;
    border-bottom: #DDD solid 1px;
    margin: 0;
}
.exam .list{
    background-color: #FFF;
}

.home-technology{
    display: flex; 
    justify-content: center; 
    align-items: center;
    margin-bottom: 60px;
}
.home-technology img{
    max-width: 100%;
}