@charset "utf-8";
/* CSS Document */
.top_contact{ display: flex; align-items: center;}
.top_contact .top_search{ line-height: 100px; width: 100px; text-align: center;cursor: pointer; font-size: 24px; border-left: 1px solid rgba(0,0,0,.3); border-right: 1px solid rgba(0,0,0,.3);}
.top_contact .follow_list{ padding: 0 25px;}
.top_contact .lang{ position: relative;}
.top_contact .lang p{ display: inline-block; line-height: 28px; font-size: 14px; padding: 0 7px; cursor: pointer; transition: .3s ease;}
.top_contact .lang p i{ margin: 0 3px;}
.top_contact .lang p i.icon-xiangxia1{ font-size: 14px;}
.top_contact .lang p:hover{color: #0d408c;}
.lx_link{ line-height: 54px; padding: 0 30px; border-radius: 28px; border: 1px solid #0d408c; background: #0d408c; color: #fff; transition: .3s ease; margin-left: 15px;}


.sy-ban{ width: 100%;position: relative; overflow: hidden; background: #efefef;}
.sy-ban img{ width: 100%;}
.swiper-pagination-bullet:focus{ outline: 0;}
.sy-ban .swiper-pagination{bottom: 50px!important;}
.sy-ban .swiper-pagination .swiper-pagination-bullet{ width: 20px; height: 6px; border-radius: 3px; background: none; overflow: hidden; position: relative; opacity: 1;}
.sy-ban .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 50px;}
.sy-ban .swiper-pagination .swiper-pagination-bullet:after,.sy-ban .swiper-pagination .swiper-pagination-bullet:before{position: absolute;width:0; transition:width 6s; height: 100%; left: 0; top: 0; background: #fff; content: ''; border-radius: 3px; opacity: 0 }
.sy-ban .swiper-pagination .swiper-pagination-bullet:before{ width: 100%; opacity: .2}
.sy-ban .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{width: 100%; opacity: 1;}
.sy-ban .txt1{ position: absolute; width: 100%; left: 0; top: 35%; color: #fff;}
.sy-ban .txt1 b{color: #fff; font-size: 60px; line-height: 80px; width: 50%; margin-bottom: 70px;}

        /* 逐字显示动画样式 */
        .char-by-char {
            font-size: 1.2rem;
            line-height: 1.8;
            color: #333;
            min-height: 60px;
        }
        
        /* 初始状态 - 文字隐藏 */
        .char-by-char .char {
            display: inline-block;
            opacity: 0;
            transform: translateX(30px);
        }
        
        /* 动画激活状态 */
        .char-by-char.active .char {
            animation: charReveal 0.5s cubic-bezier(0.19, 1, 0.22, 1) forwards;
        }
        
        /* 空格字符处理 */
        .space {
            width: 0.3em;
        }
        
        @keyframes charReveal {
            from {
                opacity: 0;
                transform: translateX(30px);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{display: none;}
.top_h{ height: 100px;}

.amore{ align-items: center; flex-wrap: wrap; line-height: 54px; display: inline-block; padding: 0 30px; border-radius: 29px; border:2px solid #666666;transition: .3s ease; overflow: hidden; position: relative;}
.amore:after{ position: absolute;width: 0; display: block; height: 58px; left: 50%; transform: translateX(-50%); top: 0; background: #0d408c; transition: .3s ease; content: '';}
.amore:hover:after{ width: 100%;}
.amore.wb{ border-color: #fff; color: #fff;}
.amore span{position: relative; z-index: 2}
.amore:hover,.amore.on{color: #fff; border-color: #0d408c; }
.commain{ overflow: hidden;}
.amore.on{ background: #063a87; color: #fff;}
.sy_title{margin-bottom: 45px;}
.dtop{padding-top: 100px;}

.item_top .sy_title{ margin-bottom: 0; margin-right: auto; max-width: 42%;}
.item_top{ margin-bottom: 50px;}

.sy_who{ position: relative;}
.sy_who .imgfdd{ width: 30%; border-radius: 32px; margin-right: 100px;}
.sy_who .txt{ width: 37%; position: relative; z-index: 3}
.popb60{ font-family: popb; font-size: 60px; line-height: 60px; text-transform: uppercase;}
.sy_who .sy_title{ margin-bottom: 30px;}
.sy_who .txt .amore{ margin-top: 55px;}
.sy_number{margin-top: 136px;}
.sy_number dt{ width: 30%; margin-right: auto;}
.sy_number dt:nth-child(3){ margin-right: 0;}
.sy_number dt b{ font-size: 70px; line-height: 70px; height: 70px; color: #0d408c;}
.sy_number dt sup{ font-size: 50px; line-height: 40px;}
.sy_number dt p{ color: #2b2b2b; height: 60px; margin-top: 15px;}
.sy_map{ position: absolute; width: 39%; right: 0; top: 70px;}
.commap .pic .mpic{ width: 100%;}
.commap .dot img{ width: 20px; position: absolute; right: 17%; top: 35%;}
.commap .dot i{ display:inline-block; width: 6px; height: 6px; background: #0054ba; border-radius: 50%; position:absolute; cursor:pointer; z-index:8;}
.commap .dot i:after{ position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius:50%; animation: maocircle 2.5s ease-out infinite; background:#0054ba; content:'';}
@keyframes maocircle{
	0%{ width:150%; height:150%; opacity:.5;}
	35%{ width:250%; height:250%; opacity:.3;}
	65%{ width:300%; height:300%; opacity:.2;}
	100%{ width:200%; height:200%; opacity:.5;}
}
@-webkit-keyframes maocircle{
	0%{ width:150%; height:150%; opacity:.5;}
	35%{ width:250%; height:250%; opacity:.3;}
	65%{ width:300%; height:300%; opacity:.2;}
	100%{ width:200%; height:200%; opacity:.5;}
}
.commap .dot i:nth-child(2){ left:14%; top: 44%;}
.commap .dot i:nth-child(3){ left:20%; top: 26%;}
.commap .dot i:nth-child(4){ left:23%; top: 41%;}
.commap .dot i:nth-child(5){ left:32%; top: 68%;}
.commap .dot i:nth-child(6){ left:45%; top: 39%;}
.commap .dot i:nth-child(7){ left:47%; top: 17%;}
.commap .dot i:nth-child(8){ left:48%; top: 29%;}
.commap .dot i:nth-child(9){ left:58%; top: 19%;}
.commap .dot i:nth-child(10){ left:64%; top: 21%;}
.commap .dot i:nth-child(11){ left:60%; top: 36%;}
.commap .dot i:nth-child(12){ left:63%; top: 37%;}
.commap .dot i:nth-child(13){ left:78%; top: 48%;}
.commap .dot i:nth-child(14){ left:78.2%; top: 55%;}
.commap .dot i:nth-child(15){ left:82%; top: 60%;}
.commap .dot i:nth-child(16){ left:92%; top: 73%;}
.commap .dot i:nth-child(17){ left:84.5%; top: 37%;}
.commap .dot i:nth-child(18){ left:90%; top: 42%;}

.sy_room{ width: 360px; position: absolute; right: 22px; bottom: 110px;}
.roswiper{ overflow: hidden; position: relative; text-align: center;}
.roswiper .imgfd{ border-radius: 24px; padding-top: 71.4%; margin-bottom: 10px;}
.roswiper p{ height: 30px;}
.roswiper .swiper-pagination{bottom: 50px;}
.roswiper .swiper-pagination .swiper-pagination-bullet{ background: #fff;}

.procenter{position: relative;}
.pro_left{position: absolute; width: 24%; left: 0; top: 0; z-index: 3;}
.pro_left .sy_title b{ color: #fff;}
.pro_left .p_nav li{ height: 84px; padding-left: 20px; border-left: 4px solid #778bae;background: linear-gradient( to right,rgba(255,255,255,.7),rgba(255,255,255,0)); margin-bottom: 25px;}
.pro_left .p_nav li a{ color: #fff; height: 100%;}
.pro_left .p_nav li a i{ font-size: 30px;opacity: 0;}
.pro_left .p_nav li a h2{ font-size: 20px; color: #fff; width: calc(100% - 40px); margin-right: auto;line-height: 30px; }

.tab-panel,.tab-panell {
            display: none; /* 默认隐藏所有面板 */
        }
.tab-panel.active,.tab-panell.active {
            display: block; /* 激活的面板显示 */
        }
.pro_left .p_nav li.active{ background: linear-gradient( to right,rgba(13,64,140,.7),rgba(13,64,140,0)); border-color: #3094f2; }
.pro_left .p_nav li.active a i{ opacity: 1;}
.pro_left .p_nav li.active a h2{ font-family: popsb;}
.pswiper{ overflow: hidden; position: relative;}
.pflex{ align-items: flex-end;}
.tabswiper{ overflow: hidden; width: 720px; position: absolute;; right: 0; top: 0; z-index: 3}
.tabswiper p{ line-height: 64px; color: #fff;}
.tabswiper .swiper-slide{ text-align: center; border-radius: 32px; background: #778bae; color: #c6c6c6; cursor: pointer;}
.tabswiper .swiper-slide.swiper-slide-thumb-active{ background: #0d408c; color: #fff;}
.pswiper .pdes{ width: 380px; background: rgba(15,45,90,.4); padding: 40px 38px 35px; border-radius: 12px; border: 1px solid #5babf7; margin-bottom: 80px; transition: .3s ease;}
.pswiper .pdes h2{ font-size: 28px; color: #fff; line-height: 40px; font-family: popb; margin-bottom: 15px;}
.pswiper .pdes p{ font-size: 16px; line-height: 24px; height: 48px; margin-bottom: 30px; overflow: hidden; color: #fff;}
.pswiper .pdes:hover{ box-shadow: 8px 6px 20px rgba(59,108,159,.6);}
.smore i{ font-size: 28px; margin-left: 12px;}
.smore{ display: inline-flex; align-items: center; transition: .3s ease;}
.smore.wsm{ color: #fff;}
.smore:not(.wsm):hover{ color: #0d408c;}

.pswiper .pic{ width: 740px; height: 740px; border-radius: 50%; margin: 0 auto; padding: 120px 120px 0 ;background: linear-gradient( to bottom,rgba(13,64,140,.6),rgba(13,64,140,0))}
.pswiper .pic .imgfd{ padding-top: 100%;}
.pswiper .swiper-slide{opacity: 0!important;}
.pswiper .swiper-slide.swiper-slide-active{opacity: 1!important;}
.pswiper .p_para{ padding-bottom: 100px; width: 360px;}
.pswiper .p_para dt{ margin-bottom: 35px;}
.pswiper .p_para dt .txt{ width: calc(100% - 140px); margin-left: auto;}
.pswiper .p_para dt span{ color: #8d929c; font-size: 20px;}
.pswiper .p_para dt p{ color: #fff; font-size: 30px; font-family: popsb; margin-top: 15px;}
.com_pagination.swiper-pagination .swiper-pagination-bullet{ width: 8px; height: 8px; background: none; border: 1px solid #acacac; opacity: 1;}
.com_pagination.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #0d408c; border-color: #0d408c;}
.com_pagination.swiper-pagination.wb .swiper-pagination-bullet{ border-color: #fff}
.com_pagination.swiper-pagination.wb .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fff; border-color: #fff;}

.sy_title p{ font-size: 16px; margin-top: 15px;}
.scaseswiper{ overflow: hidden;}
.sy_case{position: relative;}
.sy_case .sol_nav a{ display: block; width: 160px; text-align: center; line-height: 64px; border-radius: 32px; background: #f2f4f7; margin-left: 15px; transition: .3s ease;}
.sy_case .sol_nav li.active a{ background: #0d408c; color: #fff;}
.scaseswiper .left{ width: 42%; margin-right: auto;}
.scaseswiper .right{ width: 52%;}
.scaseswiper .right .imgfd{ border-radius: 24px; padding-top: 63.5%;}
.scaseswiper  .sol_tit h2{ font-size: 40px; font-family: popb; margin-bottom: 20px;}
.scaseswiper  .sol_tit p{ line-height: 27px; height: 54px; overflow: hidden; margin-bottom: 20px;}
.swiperall{ position: relative;}
.swiperbtn{ font-size: 60px; transition: .3s ease; top: 50%;}
.swiperbtn:hover{ color: #0d408c;}
.swiperall .swiper-button-prev{ left: -80px;}
.swiperall .swiper-button-next{ right: -80px;}
.swiper-button-prev.swiperbtn{ transform: rotateY(180deg);}
.sol_case{ position: absolute; left: 0; bottom: 0; width: 42%;}
.sol_case b{ font-size: 24px; font-family: popsb; margin-bottom: 15px;}
.sol_case a{ display: block;}
.sol_case dt{ width: 49%; margin-right: auto;}
.sol_case dt:nth-child(2){ margin-right: 0;}
.sol_case dt:nth-child(n+3){ display:none;}
.sol_case dt .imgfd{ padding-top: 63%; border-radius: 12px;}

.sy_case .canvas-box{ position: absolute; height: 350px; width: 100%; left: 0; bottom: 0;}

.sy_soft .sy_title{ text-align: center; color: #fff;}
.sy_soft .sy_title b{ color: #fff;}
.sy_soft .soft_box{ position: relative; margin:0 auto; width:1100px;}
.sy_soft .soft_box .softimg{ width: 100%;}
.soft_box .soft_list li{ position: absolute; opacity:0; transition:.3s ease;}
.soft_box .soft_list li .pic{ width: 100%; transition:.3s ease;}
.soft_box .soft_list li .pic img{ width: 100%;}
.soft_box .soft_list li:first-child{ width:53%; top: 10px; left:50%; transform:translateX(-50%);}
.soft_box .soft_list li p{ width:220px; position:absolute; right:152%; bottom:50%; margin-bottom:-20px; padding: 5px 0; text-align: center; background: rgba(0,0,0,.3); border-radius:5px; color: #fff; font-size: 18px; border: 1px solid #5babf7; box-shadow: 8px 6px 20px rgba(59,108,159,.6); }
.soft_box .soft_list li:hover{ opacity:1;}
.soft_box .soft_list li:hover .pic{ transform: scale(3.5);}
.soft_box .soft_list li:first-child:hover .pic{  transform: scale(2);}
.soft_box .soft_list li:nth-child(2){ width:18%; left: 10px;top: 10px;}
.soft_box .soft_list li:nth-child(3){ width:18%; left: 10px;top: 25%;}
.soft_box .soft_list li:nth-child(4){ width:18%; left: 10px;top: 50%;}
.soft_box .soft_list li:nth-child(5){ width:18%; left: 10px;bottom: 10px;}
.soft_box .soft_list li:nth-child(6){ width:18%; left: 19%;bottom: 10px;}
.soft_box .soft_list li:nth-child(7){ width:18%; left: 38%;bottom: 10px;}
.soft_box .soft_list li:nth-child(8){ width:18%; left: 57%;bottom: 10px;}
.soft_box .soft_list li:nth-child(9){ width:18%; right: 10px;bottom: 10px;}
.soft_box .soft_list li:nth-child(10){ width:18%; right: 10px;top: 50%;}
.soft_box .soft_list li:nth-child(11){ width:18%; right: 10px;top: 25%;}
.soft_box .soft_list li:nth-child(12){ width:18%; right: 10px;top: 10px;}
.soft_box .soft_list li:nth-child(n+9) p{ right:auto; left: 152%;}
.soft_box .soft_list li:nth-child(6) p,.soft_box .soft_list li:nth-child(7) p,.soft_box .soft_list li:nth-child(8) p{ bottom:auto; top: 150%; right: 50%; transform:translateX(50%);}
/*.fd_list li{ position: absolute; width: 100%; height: 100%; left:0; top:0; opacity:0; transition:.3s ease; transform: scale(0.5);}*/


.certswiper{ width:1100px; margin:0 auto; overflow: hidden; position: relative; padding-bottom:60px; margin-top:60px;z-index:3;}
.certswiper .item{ width: 270px;transform-origin: center bottom; transition:1s ease; border: 7px solid #616b81;}
.certswiper .item .imggd{ padding-top: 137.3%;}
.certswiper .swiper-wrapper{align-items:flex-end; transform-style: preserve-3d;}
.ab_cert{  position:relative;}
.ab_cert .swiper-button-prev{ left: 4%;}
.ab_cert .swiper-button-next{ right: 4%;}
.ab_cert .dettit{ text-align: center; position:relative; z-index:4;}
.ab_cert .cirbg{ position: absolute; z-index: 2; bottom: 60px; left: 50%; margin-left:-275px; width:550px; animation: xuanzhuan 20s linear infinite; -webkit-animation: xuanzhuan 20s linear infinite; transform:rotate(0deg);}
.ab_cert .cirbg img{ width: 100%;}
.ctitle{ max-width: 75%; margin: 0 auto; margin-bottom: 55px; text-align: center;}
.popb48{ font-size: 48px; font-family: popb; line-height: 65px;}
.ab_cert .sy_title{ position: relative; z-index: 3;}
@-webkit-keyframes xuanzhuan{
0%{transform: rotate(0deg);}
	50%{ transform: rotate(180deg); }
	100%{ transform: rotate(360deg); }
}
@keyframes xuanzhuan{
0%{transform: rotate(0deg);}
	50%{ transform: rotate(180deg); }
	100%{ transform: rotate(360deg); }
}
.ab_cert .certbox{ position: relative;}
.ab_cert .certbox .swiper-button-prev{ left: 80px;}
.ab_cert .certbox .swiper-button-next{ right: 80px;}
.sy_look .sy_title{ color: #fff;}
.sy_look .sy_title span{ color: #fff; font-size: 20px;}
.sy_look .sy_title b{ color: #fff;}
.lookpic img{ width: 100%;}

.popb56{ font-size: 56px; font-family:popb; line-height: 60px }
.news_list ul li{ float: left; width: 32%; margin-right: 2%; padding-bottom: 25px; border-bottom:1px solid #cfcfcf; position: relative;}
.news_list ul li:after{ width: 0; height: 1px; background:#0d408c; transition: .3s ease; content: ''; position: absolute; left: 0; bottom: -1px;}
.news_list ul li:nth-child(3n){ margin-right: 0;}
.news_list ul li .imgfd{ padding-top: 62%; border-radius: 12px; margin-bottom: 35px;}
.news_list ul li p{ font-size: 16px;}
.news_list ul li h2{ font-size: 22px; line-height: 33px; height: 66px; margin: 15px 0 40px; font-family: popsb; overflow:hidden;}
.news_list ul li:hover h2{ color: #0d408c;}
.news_list ul li:hover:after{ width: 100%;}
.news_list ul li:nth-child(3n+2){ animation-delay: .1s;}
.news_list ul li:nth-child(3n){ animation-delay: .2s;}




.com_foot .scotop{ position: absolute; top: -700px; left: 0; width: 2px; height: 1px;}
.com_foot{ max-width: 100%; min-width: 93%; margin: 0 auto;position: relative;color: #fff; background: url("../images/fbg_25.jpg") no-repeat center; background-size: cover; border-top-left-radius: 48px; border-top-right-radius: 48px;}
.f_center{ padding: 70px 0 60px; position: relative;}
.com_foot .flogo{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.f_nav .b_top{ font-size: 18px; transition: .3s ease; cursor: pointer; margin-left:auto;}
.f_nav .b_top i{ display: inline-block; width: 50px; height: 50px; line-height: 50px; text-align: center; border: 1px solid #fff;font-size: 20px; margin-left: 15px; border-radius: 50%; transition: .3s ease;}
.f_nav .b_top:hover { color: #0d408c;}
.f_nav .b_top:hover i{ background: #0d408c; border-color: #0d408c; color: #fff;}
.f_center .f_left{ width: 22%;}
.f_center .f_nav{ width: 70%;}
.f_center .flogo img{ width: 110px;}
.f_left .f_cont{margin-top: 40px;}
.f_left .f_cont .add{ font-size: 22px; font-family: popm;}
.f_left .f_cont .add i{ font-size: 20px; color: #8a8a8a; margin-right: 3px;}
.f_left .f_cont .item .p span{margin-right: 25px;}
.f_left .f_cont .item{ margin-top: 18px;}
.f_left .f_cont .item .p{display: block; line-height: 24px; width: calc(100% - 80px);margin-left: auto; color: #fff; font-size: 18px;}
.f_left .f_cont .item i{ font-size: 18px; color: #999999; line-height: 24px; text-transform: uppercase; font-family: popm;}
.f_left .f_cont .item.fl{ width: 48%}
.f_left .f_cont .item a.p:hover{color: #0d408c;}
.f_center .f_left .follow_list{ margin-top: 60px;}
.f_nav dl{ margin-bottom: 150px;}
.f_nav dt{ margin-left: auto;}
.f_nav dt b,.f_nav dt a{ display: block;}
.f_nav dt b{ color: #fff; font-size: 22px; font-family: popm; margin-bottom: 20px;}
.f_nav dt a{ margin-top: 17px; color: #c1c1c1; font-size: 16px;}
.f_nav dt a:hover{ color: #fff;}
.f_nav .follow_list{margin-right: auto;}
.f_nav .follow_list p{ font-size: 16px; text-transform: uppercase;}
.copy{ padding: 30px 0; border-top: 1px solid rgba(232,232,232,.2); font-size: 16px; color: #b3b3b3;}
.copy .power{ margin-left: auto;}



@media (max-width: 1700px){
	.swiperall .swiper-button-prev{ left:.5%;}
	.swiperall .swiper-button-next{ right: .5%;}
}


@media (max-width: 1600px){
	.popb60{font-size:56px; line-height:56px;}
	.sy_who .sy_title{ margin-bottom: 25px;}
	.soft_box .soft_list li p{ right: 102%;}
	.soft_box .soft_list li:nth-child(n+9) p{ left:102%;}
	.sy_case .swiperall .swiper-button-prev{ left: 35.5%; font-size:50px;}
	.sy_case .swiperall .swiper-button-next{ left: calc(42% - 40px); right:auto; font-size:50px;}
}
@media (max-width: 1541px){
	.index_head .nav .nav_li{ margin-left: 40px;}
	.index_head .logo img{ max-height: 54px;}
	.sy-ban .txt1 b{font-size: 52px; line-height: 65px;}
	.sy_number dt b{ font-size: 60px; line-height: 60px; height: 60px;}
	.sy_number dt p{ font-size:16px; line-height:24px; height:48px;}
	.sy_number{ margin-top: 110px;}
	.pswiper .pic{ width: 680px; height: 680px; padding: 90px 90px 0;}
	.pswiper .p_para dt img{ width: 100px;}
	.padd65{ padding: 90px 0;}
	.index_head .nav li .sol_xiala{ margin-left: -550px;}
	.soft_box .soft_list li:hover .pic{ transform: scale(2.2);}
	.soft_box .soft_list li p{ right: 50%;}
	.soft_box .soft_list li:nth-child(n+9) p{ left:50%;}
}
@media (max-width: 1441px){
	.index_head .logo img{ max-height:48px;}
	.sy_who .imgfdd{ margin-right: 60px;}
	.sy_who .txt .amore{margin-top: 30px;}
	.sy_number{ margin-top: 60px;}
	.pswiper .pic{ width: 580px;height: 580px; padding: 70px 70px 0;}
	.pswiper .pdes{ margin-bottom: 40px; padding:30px 25px;}
	.pswiper .p_para{padding-bottom: 60px;}
	.pswiper .p_para dt img{ width: 80px;}
	.pswiper .p_para dt .txt{width: calc(100% - 110px);}
	.scaseswiper .sol_tit h2{ font-size: 36px;}
	.certswiper{ width: 900px;}
	.certswiper .item{ width: 231px;}
	.popb48{ font-size: 44px; line-height:60px;}
	.index_head .nav li .sol_xiala{ position:fixed; width:100%; left:0; margin-left:0;}
	
}

@media (max-width: 1281px){
	.top_contact .follow_list{ display: none;}
	.lx_link{ line-height: 48px; padding: 0 25px;}
	.sy-ban .txt1 b{ font-size: 48px; line-height: 55px; margin-bottom:50px;}
	.sy_map{display: none;}
	.sy_room{display: none;}
	.sy_who .txt{ width: calc(70% - 60px);}
	.popb60{ font-size: 50px; line-height: 50px;}
	.sy_title{ margin-bottom: 30px;}
	.pswiper .pdes h2{ font-size: 24px; line-height: 32px;}
	.pswiper .pdes{ width: 300px; padding:25px 20px;}
	.pswiper .pdes p{display: none;}
	.pro_left .p_nav li a h2{ font-size: 18px; line-height: 27px;}
	.tabswiper p{ line-height: 54px;}
	.pswiper .pic{ width: 500px; height: 500px;}
	.pswiper .p_para dt p{ font-size: 24px;}
	.pswiper .p_para dt span{ font-size: 18px;}
	.pswiper .p_para dt{ margin-bottom: 20px;}
	.ab_cert .cirbg{ width: 420px; margin-left:-210px;}
	.popb48{ font-size: 40px; line-height:54px;}
	.news_list ul li .imgfd{margin-bottom: 25px;}
	.f_center .f_left{ width: 24%;}
	.popb56{ font-size:50px; line-height: 52px;}
	.index_head .nav li .pro_xiala{ margin-left: -350px;}
	.index_head .nav li .second{ padding: 30px 40px 40px;}
	.sy_soft .soft_box{ width: 900px;}
}

@media (max-width: 1024px){
	.sy-ban{ margin-top: 54px;}
	.popb60{ font-size: 44px; line-height: 44px;}
	.sy_who .sy_title{ margin-bottom: 15px;}
	.char-by-char{ min-height: 44px;}
	p{ line-height: 27px;}
	.sy_number dt b{ font-size: 46px; line-height: 46px; height: 46px;}
	.sy_number dt sup{ font-size: 30px; line-height: 30px; height: 30px;}
	.sy_who .txt .amore{ margin-top: 20px;}
	.sy_number{ margin-top: 35px;}
	.amore{line-height: 48px; padding: 0 20px;}
	.pro_left{ position: unset; width: 100%;}
	.p_nav ul{ display: flex; align-items: center; flex-wrap:wrap;}
	.pro_left .p_nav li{ width: 45%; margin-right: auto;}
	.tabswiper{ position: unset; width: 100%; margin-bottom:25px;}
	.pswiper .pdes{ display: none;}
	.pswiper .pic{margin-left: 0;}
	.scaseswiper li{ align-items: center;}
	.sol_case{ position: unset; width: 100%; margin-top: 20px;}
	.certswiper{ width: 700px;}
	.certswiper .item{ width: 200px;}
	.certswiper .item{ width: 188px;}
	.ctitle{ max-width: 85%;}
	.item_top .sy_title{ max-width: 48%;}
	.news_list ul li h2{ font-size: 20px; line-height: 30px;height: 60px; margin:10px 0 25px;}
	.f_center{ display: none;}
	.com_foot{ width: 100%!important;border-top-left-radius:8px;border-top-right-radius:8px;}
	.padd65{padding: 50px 0;}
	.item_top{ margin-bottom: 30px;}
	.sy_soft { display: none;}
	
	
}
@media (max-width: 768px){
	.sy-ban .txt1 b{ width: 70%; font-size: 40px; line-height: 55px; margin-bottom:30px;}
	.sy_who{ padding-bottom: 140px;}
	.sy_who .imgfdd{ width: 55%;}
	.sy_who .txt{ position: absolute; right: 0; border-radius:12px; top: 200px; width: 80%; background:rgba(255,255,255,.8); padding:30px 40px 40px; box-shadow:0 0 8px rgba(0,0,0,.15);}
	.popb60{ font-size: 38px; line-height: 38px;}
	.char-by-char{ min-height: 38px;}
	p{ line-height: 24px;}
	.sy_number dt p{ margin-top: 5px;}
	.pswiper .pic{ width:380px; height:380px; padding:50px 50px 0;}
	.pswiper .p_para{ width: 280px;}
	.pswiper .p_para dt img{ width: 60px;}
	.pswiper .p_para dt .txt{width: calc(100% - 75px);}
	.pswiper .p_para dt p{ font-size: 20px; margin-top:10px;}
	.item_top{ display: block;}
	.item_top .sy_title{ max-width: 100%; width: 100%;}
	.sy_case .sol_nav{ margin-top: 25px;}
	.sy_case .sol_nav li{ width: 40%; margin: 0 auto;}
	.sy_case .sol_nav li a{ width: 100%;}
	.scaseswiper li{ display: block;}
	.scaseswiper .left{ width: 100%; margin-bottom: 20px;}
	.scaseswiper .sol_tit h2{ font-size: 28px;}
	.scaseswiper .right{ width: 100%;}
	.sol_case{ display: none;}
	.ctitle{ max-width: 95%;}
	.popb48{ font-size: 32px; line-height: 32px;}
	.item_top .amore{ display: none;}
	.popb56{ font-size:36px; line-height: 40px;}
	.news_list ul li p.info{ display: none;}
	.news_list ul li h2{ font-size: 18px; line-height: 24px; height: 48px; margin: 0;}
	.news_list ul li .smore{ display: none;}
	.news_list ul li .imgfd{ margin-bottom: 15px;}
	.sy_who .imgfdd{ width: 75%; margin-right: 0;}
	.ctitle{ margin-bottom: 30px;}
}

@media (max-width: 450px){
    .sy-ban .txt1 b{ font-size: 24px; line-height: 32px; width:80%;}
    .sy-ban .txt1 .amore{ display: none;}
.popb60{ font-size: 30px; line-height: 30px;}
.char-by-char{ min-height: 30px;}

.sy_who .txt{ width: 90%; padding: 25px 20px 30px;}
.amore{line-height: 44px;}
.sy_number{display: none;}
.pro_left .p_nav li{ width: 85%;}
.pswiper .p_para{ display:none;}
.sy_case .sol_nav a{ line-height: 54px;}
.scaseswiper .sol_tit h2{ margin-bottom: 10px;}
.swiperbtn{ font-size: 36px;}
.popb48{ font-size: 26px; line-height: 30px;}
.certswiper{ width: 320px; margin-top:30px;padding-bottom:30px;}
.certswiper .item{ width: 138px; border-width:4px;}
.ab_cert .certbox .swiper-button-prev{ left: 30px;}
.ab_cert .certbox .swiper-button-next{ right: 30px;}
.ab_cert .cirbg{ width: 300px; margin-left:-150px;}
.sy_look .sy_title span{ font-size: 18px;}
.sy_look .sy_title b{ margin-top: 10px;}
.padd65{padding: 40px 0;}
.pswiper .pdes{ display:block; width:100%;} 
.pswiper .pdes h2{ font-size: 20px;}
.news_list ul li{ width: 100%; margin-bottom:20px; padding-bottom:15px;}
.copy{ padding: 18px 0; font-size: 14px;}
.copy .power{ display: none;}
.sy_who{padding-bottom: 120px;}
}

.ny_ban{ position: relative; overflow: hidden;}
.ny_ban img{ width:100%;}
.ny_ban .txt{ position:absolute; width: 100%; left: 0; top: 50%; color: #fff; margin-top:-35px; text-align:center;}
.ny_ban .txt b{ font-size: 70px; color: #fff; font-family:popb; text-transform:uppercase; line-height:70px;}
.popb50{ font-size: 50px; line-height: 55px; font-family: popb;}
.pro_list li{ float: left; width: 49%; margin-right: 2%; margin-bottom: 40px;}
.pro_list li:nth-child(2n){ animation-delay:.15s; margin-right:0;}
.proli{ background: #fff; border-radius:12px;}
.proli .imgfd{ padding-top: 100%;}
.proli a{padding: 50px 45px 50px 60px;}
.proli .txt{ width: 52%; margin-right: auto;}
.proli .pic{ width: 45%;}
.proli .txt h2{ font-size: 28px; font-family: popsb; line-height: 30px; height: 30px; overflow:hidden;}
.proli .txt .tit{ padding-bottom: 20px; border-bottom: 1px solid #f3f3f3; position:relative; margin-bottom:20px;}
.proli .txt .tit:after{position:absolute; left: 0; bottom: 0; height: 2px; width: 75px; background:#0d408c; content: ''; transition:.3s ease;}
.proli .txt p{ font-size: 16px; line-height: 24px; height: 72px; overflow: hidden; margin-bottom: 20px;}
.proli:hover .smore{color:#0d408c;}
.proli:hover h2{ color:#0d408c;}
.proli:hover .txt .tit:after{ width:100%;}
@media (max-width: 1601px){
    .proli a{ padding: 40px 30px 40px 50px;}
    .proli .txt h2{ font-size:26px;}
}
@media (max-width: 1441px){
	.ny_ban .txt b{  font-size:60px; line-height:60px;}
	.proli a{ padding: 25px 20px 25px 40px;}
	.proli .txt h2{ font-size: 24px;}
	
}
@media (max-width: 1281px){
    .popb50{ font-size: 44px; line-height:50px;}
    .proli .txt h2{ font-size: 22px;}
}
@media (max-width: 1024px){
    .proli a{padding: 30px 20px 20px 30px;}
    .proli .txt h2{ font-size: 20px; line-height: 22px; height: 22px;}
    .proli .txt .tit{ padding-bottom: 17px; margin-bottom: 15px;}
    .proli .txt p{height: 48px;}
    .top_h{ height: 54px;}
}
@media (max-width: 768px){
    .popb50{ font-size: 36px; line-height: 40px;}
    .ny_ban .txt b{ font-size: 46px; line-height: 46px;}
    .pro_list li{ width: 100%; margin-bottom: 25px;}
}
@media (max-width: 450px){
    .ny_ban .txt b{ font-size: 36px; line-height: 36px;}
    .ny_ban .txt{ margin-top: -18px;}
    .proli .txt .smore{ display: none;}
    .proli .txt p{margin-bottom: 0;}
    .proli a{ padding: 20px 10px 20px 20px;}
    .proli .txt h2{ font-size: 18px; height:auto;}
    .ctitle{margin-bottom: 25px;}
    .popb50{ font-size: 32px; line-height: 36px;}
    .proli .txt .tit{ padding-bottom: 12px; margin-bottom: 10px;}
}
.posi{ padding: 45px 0; font-size:16px; color:#888888;}
.posi a{ color: #888;}
.posi a:last-child{ color:#333333;}

.show_top{ padding-bottom:100px;}
.show_top .picswiper{ position: relative; width: 44%; background:#fff; border-radius:24px; overflow:hidden; padding:20px 50px;}
.show_top .picswiper .imgfd{ padding-top: 100%;}
.show_top .picswiper .swiper-pagination{ bottom: 25px;}
.show_top .txt{ width: 46%; margin-left:auto;}
.show_top .txt .tit span{ font-size: 16px; color: #0c458b;}
.show_top .txt .tit h1{ font-size: 48px; font-family: popb; line-height:55px; margin: 10px 0 30px;}
.show_top .txt .tit{ border-bottom: 1px solid #d2d2d2; position:relative; margin-bottom:25px;}
.show_top .txt .tit:after{ position:absolute; width: 126px; height: 3px; background: #0d408c; content: ''; left: 0; bottom: 0;}
.show_top .txt .des p{ line-height: 30px; font-size: 17px;}
.show_top .txt .des{margin-bottom: 70px;}
.show_top .txt .btn{ display: block; line-height: 54px; width: 54px; text-align: center; height: 54px; border: 2px solid #666666; margin-left:15px; font-size:22px; transition:.3s ease; cursor:pointer;}
.show_top .txt .btn:hover{background:#005df8; color: #fff;}
.show_top .txt .follow{ margin-top: 60px; font-size:16px;}
.show_top .txt .follow p{margin-right: 5px;}

.det_item{margin-bottom: 90px;}
.det_item .popb48{ margin-bottom: 40px;}
.det_box{ overflow: hidden;}
.det_box img{ max-width: 100%!important;}
.det_box table{ width: 100%;}
.feat_item .tab-hd{ margin-bottom: 30px;}
.feat_item .tab-hd li{ float:left; margin-bottom:20px; background: #f4f4f4; height: 110px; border-radius: 6px; padding: 0 40px 0 25px; width:24%; margin-right:1.33%; transition:.3s ease;}
.feat_item .tab-hd li:nth-child(4n){ margin-right:0;}
.feat_item .tab-hd li p{ width: calc(100% - 70px); margin-left: auto;}
.feat_item .tab-hd li .ic img{ width: 58px;}
.feat_item .tab-hd li.active{ background:#0d408c; color:#fff;}
.feat_item .tab-hd li.active .ic img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.feat_item .tab-bd li{ background: #f6f6f6; border-radius:16px; overflow:hidden; position:relative;}
.feat_item .tab-bd li .pic{ width: 32%;}
.feat_item .tab-bd li .pic .imgfd{ padding-top: 65%;}
.feat_item .tab-bd li .txt{ width: 68%; padding: 0 110px 0 90px; position:relative; z-index:2;}
.feat_item .tab-bd li .txt h2{ font-size: 32px; font-family: popb; margin-bottom: 25px;}
.feat_item .tab-bd li .txt p{ font-size: 22px; line-height: 36px; color:#666;}
.feat_item .tab-bd li .ic{ position: absolute; right: 75px; bottom: 50px;}
.feat_item .tab-bd li .ic img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(80%);-webkit-filter: brightness(0%) invert(80%); width:110px;}
.det_box table td{ padding: 12px 15px 12px 10px; font-size: 16px; border-color:#ddd;}
.det_box table td:first-child{ width:35%;}
.det_box table tr:nth-child(2n+1){background:#f4f4f4;}

.det_touch{ border-radius: 32px; box-shadow: 0 0 8px rgba(0,0,0,.15); overflow:hidden;}
.det_touch .pic{ width: 25%;}
.msg_box{ width: 75%; padding: 0 80px;}
.det_touch .imgfd{ padding-top: 135.55%;}
.msg_box .tit{ margin-bottom:30px;}
.msg_box .tit .popb50 span{ color: #0d408c;}
.msg_box .tit p{ color: #666;}
.msg_box .left,.msg_box .right{ width: 49%;}
.msg_box input,.msg_box textarea{ width: 100%; line-height: 30px; padding: 12px 20px; border:1px solid #dddee2; font-size:16px; border-radius:6px; margin-bottom:20px;}
.msg_box i{ font-size: 20px;}
.msg_box .t-flex p{ font-size: 14px; line-height: 24px; width: 55%; margin: 0 auto 0 8px;}
.msg_box .sub{ line-height: 54px; width: 120px; text-align: center; border-radius: 6px; background: #0d408c; color: #fff; font-size: 16px; cursor:pointer; transition:.3s ease;}
.msg_box .sub:hover{ box-shadow:0 0 12px rgba(13,64,140,.6);}


.caseswiper { position: relative; padding-bottom: 50px; overflow: hidden; text-align:center;}
.caseswiper .imgfd{ padding-top: 63.4%; border-radius: 12px; margin-bottom:35px;}
.caseswiper h2{ font-size: 20px; font-family: popm; line-height: 30px; height: 90px; overflow: hidden;}
.caseswiper li:hover h2{ color:#0d408c;}
.caseswiper li:nth-child(3n+2){ animation-delay:.15s;}
.caseswiper li:nth-child(3n){ animation-delay:.3s;}

@media (max-width: 1551px){
	.msg_box{ width: 72%; padding: 0 60px;}
	.det_touch .pic{ width: 28%;}
}
@media (max-width: 1441px){
    .show_top .txt .tit h1{ font-size: 40px; line-height: 50px;}
}
@media (max-width: 1281px){
    .posi{ padding: 30px 0;}
    .show_top .txt{ width: 49%;}
    .show_top .txt .des{margin-bottom: 50px;}
    .show_top .txt .follow{ margin-top: 40px;}
    .det_item{margin-bottom: 65px;}
    .feat_item .tab-hd li{padding: 0 25px 0 15px;}
    .feat_item .tab-bd li .txt p{ font-size: 20px; line-height: 30px;}
    .feat_item .tab-bd li .txt h2{ font-size: 28px;}
    .msg_box input, .msg_box textarea{padding: 8px 15px; margin-bottom:15px;}
    .caseswiper h2{ font-size: 18px;}
    .caseswiper .imgfd{margin-bottom: 25px;}
    .dtop{ padding-top: 80px;}
}
@media (max-width: 1024px){
    .show_top .txt .tit h1{ font-size: 32px; line-height: 36px;}
    .show_top .txt .des{ margin-bottom: 30px;}
    .show_top .txt .follow{margin-top: 25px;}
    .feat_item .tab-bd li .txt h2{ font-size: 24px; margin-bottom: 20px;}
    .feat_item .tab-bd li .txt p{ font-size: 18px; line-height: 27px;}
    .feat_item .tab-bd li .txt{ padding: 0 80px 0 50px;}
    .feat_item .tab-bd li .ic img{ width: 80px;}
    .feat_item .tab-bd li .ic{ right: 40px;}
    .det_touch .pic{display: none;}
    .msg_box{ width: 100%; padding:40px 50px;}
    .dtop{ padding-top: 60px;}
}
@media (max-width: 768px){
    .show_top .picswiper{ width: 100%; margin-bottom: 30px;}
    .show_top .txt{ width: 100%;}
    .show_top{padding-bottom: 60px;}
    .feat_item .tab-hd li{ width: 49%; margin-right: 2%;}
    .feat_item .tab-hd li:nth-child(2n){ margin-right:0;}
    .feat_item .tab-bd li .ic{ display: none;}
    .feat_item .tab-bd li .txt h2{margin-bottom: 10px;}
    .feat_item .tab-bd li .txt p{ font-size: 16px; line-height: 24px;}
    .feat_item .tab-bd li .txt{ padding: 0 40px 0 30px;}
    .msg_box .t-flex p{ width: calc(100% - 30px); margin-right: 0; line-height:20px;}
    .msg_box .sub{ width: 100%; margin-top: 20px;}
    .dtop{padding-top: 40px;}
}
@media (max-width: 450px){
    .posi{padding: 20px 0; font-size:14px;}
    .show_top .txt .tit h1{ font-size: 24px; line-height: 30px; margin-bottom:20px;}
    .show_top .txt .des p{ font-size: 16px; line-height: 26px;}
    .det_item .popb48{margin-bottom: 25px;}
    .det_item{ margin-bottom: 35px;}
    .feat_item .tab-hd li{ width: 100%; height:72px;}
    .feat_item .tab-hd li .ic img{ width: 40px;}
    .feat_item .tab-hd li p{ width: calc(100% - 55px);}
    .feat_item .tab-bd li .pic{ display: none;}
    .feat_item .tab-bd li .txt{ width: 100%; padding: 20px 35px 20px 20px; width:100%;}
    .feat_item .tab-bd li .txt h2{ font-size: 20px; line-height: 30px;}
    .det_box table td{ font-size: 14px;}
    .msg_box{ padding: 30px 25px;}
    .det_touch{border-radius: 12px;}
    .msg_box .left, .msg_box .right{ width: 100%; float: none;}
    .caseswiper h2{ font-size: 16px; line-height: 24px; height: 72px;}
    .caseswiper .imgfd{margin-bottom: 15px;}
    .msg_box .sub{line-height: 50px;}
}
.sol_page{ background: url(../images/map2_25.png) no-repeat center 60px;}
.sol_page .list li{ float: left; width: 48.5%; margin-right: 3%; border:1px solid #ebebeb; border-radius:24px; overflow:hidden;}
.sol_page .list li:nth-child(2n){ margin-right:0;animation-delay:.15s;}
.sol_page .list li .imgfd{ padding-top: 54%;}
.sol_page .list li .txt{ padding: 35px 35px 35px 50px;}
.sol_page .list li .txt .left{ width: calc(100% - 130px); margin-right: auto;}
.sol_page .list li .txt h2{ font-size: 24px; font-family: popsb; margin-bottom: 20px;}
.sol_page .list li .txt p{ line-height: 27px; height: 54px; overflow: hidden;}
.sol_page .list li .txt .ic{ transition: 2s ease;}
.sol_page .list li:hover h2{ color:#0d408c;}
.sol_page .list li:hover .ic{ transform:rotateY(180deg);}

.sol_list ul li { float: left; width: 32%; margin-right:2%; margin-bottom: 75px;}
.sol_list ul li:nth-child(3n+2){ animation-delay:.15s;}
.sol_list ul li:nth-child(3n){ margin-right:0; animation-delay: .3s;}

.sol_list ul li .imgfd{ border-radius: 12px; padding-top: 63.5%; margin-bottom: 32px;}
.sol_list ul li h2{ font-size: 24px; font-family: popb; line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 15px;}
.sol_list ul li p{ line-height: 27px; height: 54px; overflow: hidden; margin-bottom: 40px;}
.sol_list ul li:hover h2{ color:#0d408c;}
.sol_list ul li:hover .smore{ color:#0d408c;}
@media (max-width: 1281px){
    .sol_page .list li .txt{padding: 30px 25px 35px;}
    .sol_page .list li .txt h2{ font-size: 20px; margin-bottom:10px;}
}
@media (max-width: 1024px){
    .sol_page .list li .txt .ic img{ width: 50px;}
}
@media (max-width: 768px){
    .sol_page .list li{ width: 100%; margin-bottom: 30px;}
    .sol_list ul li{ width: 49%; margin-bottom: 40px;}
    .sol_list ul li:nth-child(3n){ margin-right:2%;}
    .sol_list ul li:nth-child(2n){ margin-right:0;}
    .sol_list ul li .imgfd{margin-bottom: 20px;}
    .sol_list ul li p{margin-bottom: 0; display:none;}
    .sol_list ul li h2{ font-size: 20px;}
}
@media (max-width: 450px){
    .sol_page .list li{ border-radius: 12px;}
    .sol_page .list li .txt{padding: 20px 15px 25px;}
    .sol_page .list li .txt .left{ width: calc(100% - 80px);}
    .smore i{ font-size: 24px; margin-left: 8px;}
    .sol_list ul li h2{ font-size: 18px; margin-bottom:10px;}
    .sol_list ul li .imgfd{margin-bottom: 10px;}
    .sol_list ul li{margin-bottom: 30px;}
}
.soldet_top{ text-align: center; width: 88%; margin: 0 auto; padding-bottom:100px;}
.popb50 span{ color: #0d408c;}
.soldet_top .des{ margin: 40px 0 80px;}
.btns .amore.on{ margin-right: 20px;}

.sol_detail{ text-align: center;}
.sol_detail .ctitle{padding-bottom: 30px; position: relative; margin-bottom:50px;}
.sol_detail .ctitle:after{ width:130px; height: 3px; background: #0d408c; content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.sol_detail .box{ width: 75%; margin: 0 auto 50px;}
.sol_multi{ position: relative;}
.solswiper{ width: 75%; margin: 0 auto; border-radius: 24px; overflow: hidden;}
.solswiper .imgfd{ padding-top: 47.27%;}
.sol_adv .left{ width: 42%; margin-right: auto;}
.sol_adv .right{ width: 54%;}
.sol_adv .right .imgfd{ padding-top: 58.4%; border-radius:24px;}
.sol_adv .left li{ padding: 30px 0 25px; border-bottom: 1px solid #dfdfdf;}
.sol_adv .left li h2{ font-size: 22px; font-family: popsb;}
.sol_adv .left li p{ margin: 22px 0 15px; display:none; transition:.3s ease;}
.sol_adv .left li.active p{ display: block;}
.sol_adv .left li.active h2{ color: #0d408c;}

.proswiper{ overflow: hidden; padding-bottom: 50px; position: relative;}

@media (max-width: 1281px){
    .sol_adv .left li{ padding: 20px 0 15px;}
    .sol_adv .left li h2{ font-size: 20px;}
    .sol_adv .left li p{margin: 18px 0 10px;}
}
@media (max-width: 1024px){
    .sol_detail .box{ width: 85%;}
}
@media (max-width: 768px){
    .soldet_top .des{ margin: 30px 0 50px;}
    .soldet_top{ width: 95%; padding-bottom:40px;}
    .sol_adv { display: block;}
    .sol_adv .left{width: 100%;}
    .sol_adv .right{ width: 100%; margin-top: 25px;}
    
}
@media (max-width: 450px){
    .btns .tc_btn{ display: none;}
    .soldet_top .des{margin: 20px 0 30px;}
    .sol_detail .box{ width: 96%; margin-bottom: 25px;}
}
.case_des{padding: 0 10%; text-align:center;}
.case_des p{ font-family: popsb; font-size: 36px; line-height: 54px;}
.case_nav{ text-align: center; margin-bottom:50px;}
.case_nav a{ display: inline-block;line-height: 64px; padding: 0 40px; border-radius: 32px; margin: 0 10px; background:#f7f7f7; transition:.3s ease;}
.case_nav a.active,.case_nav a:hover{ background: #0d408c; color: #fff;}
.case_list li{ float:left; width: 32%; margin-right: 2%; margin-bottom: 80px; text-align: center;}
.case_list li:nth-child(3n){ margin-right:0;}
.case_list li .imgfd{ padding-top: 63.4%; border-radius: 12px; margin-bottom: 35px;}
.case_list li h2{ font-size: 20px; font-family: popm; line-height: 30px; height: 90px; overflow: hidden;}
.case_list li:hover h2{ color:#0d408c;}

@media (max-width: 1441px){
    .case_des p{ font-size: 32px; line-height: 48px;}
}
@media (max-width: 1281px){
    .case_des{padding: 0 4%;}
}
@media (max-width: 768px){
    .case_des p{ font-size: 24px; line-height: 34px;}
    .case_list li{ width: 49%; margin-right: 2%;}
    .case_list li:nth-child(3n){margin-right:2%;}
    .case_list li:nth-child(2n){ margin-right:0;}
    .case_list li{margin-bottom: 35px;}
}
@media (max-width: 450px){
    .case_list li .imgfd{margin-bottom: 15px;}
    .case_list li h2{font-size: 16px; line-height: 24px; height: 72px;}
    .case_des p{ font-size: 22px; line-height: 32px;}
    .case_nav a{line-height: 50px; padding: 0 25px;}
}
.case_top .pic{ width: 46%; margin-right: auto;}
.case_top .txt{ width: 50%;}
.case_top .pic .imgfd{ padding-top: 63.4%; border-radius: 16px;}
.case_top .txt h1{ font-size: 28px; line-height: 44px; font-family: popsb; margin-bottom: 25px;}
.case_top .txt .btns{ margin-top: 60px;}
.case_left{ width: calc(100% - 490px);}
.case_right{ width: 440px;}
.case_left .popb48{padding-bottom: 15px; position: relative; border-bottom:1px solid #ececec; margin-bottom:65px;}
.case_left .popb48:after{ position:absolute; left: 0; bottom: 0; background: #0d408c; content: ''; width: 112px; height: 4px;}
.page_btn{ border-top: 1px solid #ececec; margin-top:65px;}
.page_btn .prev,.page_btn .next{ margin-top: 40px; font-size:16px;}
.page_btn span{ display: block; font-size: 16px; color: #999999; margin-bottom:5px;}
.page_btn a:hover{ color:#0d408c;}

.r_item { margin-bottom: 45px;}
.r_item b{ font-size: 24px; line-height: 22px; padding-left: 15px; border-left: 4px solid #0d408c; margin-bottom:30px;}
.r_item a{margin-bottom: 30px;}
.r_pro a .pic{ border-radius: 12px; border: 1px solid #dbdbdb; width: 48%; margin-right:auto; padding: 20px 40px; transition:.3s ease;}
.r_pro a .txt{ width: 45%;}
.r_pro a .txt h2{ line-height: 36px; font-family: popsb; font-size: 20px; height: 72px; overflow: hidden; margin-bottom: 10px;}
.r_pro a:hover .pic{ border-color:#0d408c;}
.r_pro a:hover .txt h2{ color:#0d408c;}
.r_case a .pic{ width: 42%; margin-right: auto;}
.r_case a .imgfd{ padding-top: 63.4%; border-radius:12px;}
.r_case a h2{ width:52%; font-size: 18px; line-height: 30px; font-family: popsb; max-height: 120px; overflow: hidden;}
.r_case a:hover h2{ color:#0d408c;}
@media (max-width: 1024px){
    .case_left{ width: 100%;}
    .case_right{ display:none;}
    .case_top .txt .btns{margin-top: 30px;}
    .case_top .txt h1{ font-size: 24px; line-height: 38px;}
    .case_left .popb48{margin-bottom: 40px;}
    .page_btn{margin-top: 40px;}
    .page_btn .prev, .page_btn .next{margin-top: 25px;}
}
@media (max-width: 768px){
    .case_top {display:block}
    .case_top .pic{ width: 100%; margin-bottom: 25px;}
    .case_top .txt{ width: 100%;}
}
@media (max-width: 450px){
    .case_top .txt h1{ font-size: 20px; line-height: 30px; margin-bottom: 20px;}
    .case_left .popb48{margin-bottom: 25px;}
    .page_btn{margin-top: 20px;}
    .page_btn a{ font-size: 14px; line-height:20px; display:block;}
}
.news_top{ margin-bottom: 55px;}
.news_top .popb60{ margin-right: auto; text-transform:inherit;}
.news_nav a{ display: inline-block;line-height: 64px; padding: 0 40px; border-radius: 32px; margin-left:20px;background:#fff; transition:.3s ease;}
.news_nav a.active,.news_nav a:hover{ background: #0d408c; color: #fff;}

.hotswiper{ position: relative; padding-bottom: 50px; overflow:hidden;}
.hotswiper li{ background: #fff; border-radius: 32px; overflow:hidden;}
.hotswiper li .pic{ width: 46%;}
.hotswiper li .pic .imgfd{padding-top: 62%;}
.hotswiper li .txt{ width: 54%; padding: 0 100px 0 90px;}
.hotswiper li .txt span.info{font-size: 16px;}
.hotswiper li .txt h2{ font-size: 30px; font-family: popb; line-height: 45px; margin:10px 0 30px; max-height:90px; overflow:hidden;}
.hotswiper li:hover h2,.hotswiper li:hover span.smore{ color:#0d408c;}
.hotswiper li .txt p{ max-height: 90px; overflow: hidden; margin-bottom: 60px;}
.news_list.ny_list li{ margin-bottom: 85px;}
@media (max-width: 1281px){
    .hotswiper li .txt{ padding: 0 70px 0 50px;}
    .hotswiper li .txt h2{font-size: 26px; line-height: 40px; max-height: 80px; margin-bottom:20px;}
    .hotswiper li .txt p{ margin-bottom: 35px;}
}
@media (max-width: 1024px){
    .hotswiper li .txt p{ display: none;}
    .hotswiper li .txt h2{ font-size: 22px; line-height: 30px; max-height: 60px;}
}
@media (max-width: 768px){
    .news_nav a{line-height: 50px; padding: 0 20px;}
    .hotswiper li .txt{padding: 0 30px 0 20px;}
    .news_list.ny_list li{ margin-bottom: 30px;}
}
@media (max-width: 450px){
    .hotswiper{ display: none;}
    .news_top{ margin-bottom: 0;}
    .news_top .popb60{ text-align: center; margin-bottom: 15px; width:100%;}
    .news_nav{ display: flex; align-items: center; flex-wrap: wrap; width:100%;}
    .news_nav a{margin: 0 auto;}
}
.news_main .left{ width: 27%;}
.news_main .news_det{ width: 67%;}
.left_search{margin-bottom: 60px; border-radius:12px; overflow:hidden;}
.left_search input.search_sub{ width: 60px; height: 60px; background: #0d408c url(../images/ss.png) no-repeat center; background-size:30px; cursor:pointer;}
.left_search input{ line-height: 60px;}
.left_search input.fl{font-size:14px; background:#f7f7f7; padding-left:18px; width:calc(100% - 60px);}

.left_news b{ font-size: 24px; font-family: popsb;position: relative; padding-bottom:5px; text-transform:uppercase;}
.left_news b:after{ position:absolute; left: 0; bottom: 0; content: ''; background: #0d408c; width: 60px; height: 3px;}
.left_news a{ margin-top: 48px; padding-bottom:23px; border-bottom:1px solid #e2e2e2;}
.left_news a .pic{ width: 31%;}
.left_news a .imgfd{ padding-top: 62%; border-radius: 8px;}
.left_news a .txt{ width: 65%; margin-left: auto;}
.left_news a span{ font-size: 14px;}
.left_news a h2{ font-size: 18px; font-family: popsb; line-height: 24px; height: 48px; overflow: hidden; margin-top: 5px;}
.left_news a:hover h2{ color:#0d408c;}

.news_det h1{ font-size: 33px; font-family: popb; line-height: 50px;}
.news_det .news_info{padding: 30px 0; border-bottom:1px solid #e3e3e3; margin-bottom:70px;}
.news_det .news_info span{ display: inline-block; font-size: 14px;}
.news_det .news_info span.colname{ padding: 0 15px; border-radius: 4px; background: #f2f5f8; color: #0d408c; line-height:38px; margin-right:17px;}
.news_det .news_info i{ display: inline-block; width: 6px; height: 6px;background: #cbcbcb; border-radius: 50%; margin: 0 17px;}
.news_det .news_info .share{margin-left: auto;}
.news_det .news_info .share p{ font-size: 14px; margin-right: 15px;}
.mainh{ height: 100px;}
@media (max-width: 1024px){
    .news_main .left{ display: none;}
    .news_main .news_det{ width:100%;}
}
@media (max-width: 768px){
    .news_det h1{ font-size: 26px; line-height: 40px;}
    .news_det .news_info{padding: 25px 0; margin-bottom: 40px;}
}
@media (max-width: 450px){
    .news_det .news_info span.colname{ display:none;} 
    .news_det .news_info span:nth-child(2),.news_det .news_info i{ display:none;}
    .news_det h1{font-size: 24px; line-height: 35px;}
    .news_det .news_info{ padding:20px; margin-bottom:25px;} 
}
.info_page .ctitle{ text-transform: inherit;}
.down_list li{ border-radius: 12px; margin-bottom: 28px; background: #fff; transition:.3s ease;}
.down_list li.tit{padding: 35px 75px 35px 100px; background: #dddddd;}
.down_list li a{ padding: 44px 75px 44px 100px;}
.down_list li p:first-child{ width:40%; padding-right:30px;}
.down_list li p:nth-child(2),.down_list li p:nth-child(3){ width:25%; padding-right:30px;}
.down_list li h2{ font-size: 18px; line-height: 30px; width:40%; padding-right:30px;}
.down_list li span{ display: block; width: 25%; padding-right:30px;}
.down_list li i{ font-size: 30px;}
.down_list li:not(.tit):hover{ background:#0d408c; color: #fff;}
.down_list li:not(.tit):hover a,.down_list li:not(.tit):hover h2{ color:#fff;}

.faq_list li{ background: #ffffff; border-radius: 12px; margin-bottom: 20px; padding:0 50px;}
.faq_list li .tit{ padding: 50px 0;cursor:pointer;}
.faq_list li .tit h2{ font-size: 22px; font-family:popsb; line-height: 33px; max-width: calc(100% - 120px); margin: 0 auto 0 20px;}
.faq_list li .tit i{ font-size: 26px;}
.faq_list li .tit span{display: block; width: 40px; height: 40px; position: relative;}
.faq_list li .tit span:after,.faq_list li .tit span:before{ content:''; background: #000000; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.faq_list li .tit span:after{ width:100%; height: 2px;}
.faq_list li .tit span:before{ height:100%; width: 2px;}
.faq_list li .ans{ padding:40px 0 65px; border-top:1px solid #eeeeee; display:none;}
.faq_list li .ans i{ display: block; width: 22px; height: 22px; font-size: 14px; text-align: center; border: 1px solid #333333; line-height: 22px; border-radius:50%;}
.faq_list li .ans .des{ width: calc(100% - 60px); margin-left: 20px;}
.faq_list li.on span:before{display:none;}
.faq_list li.on .tit,.faq_list li.on .tit h2{ color: #0d408c;}
.faq_list li.on .tit span:after{ background:#0d408c;}
@media (max-width: 1441px){
    .down_list li a{ padding: 35px 50px 35px 70px;}
    .down_list li.tit{padding: 25px 50px 25px 70px;}
}
@media (max-width: 1024px){
    .down_list li.tit{padding: 20px 30px 20px 40px;}
    .down_list li a{ padding: 25px 30px 25px 40px;}
    .faq_list li{padding: 0 30px;}
    .faq_list li .tit{padding: 30px 0;}
    .faq_list li .ans{ padding: 30px 0 50px;}
    .faq_list li .tit h2{ font-size: 20px; line-height: 30px;}
    .faq_list li .tit span{ width: 30px; height: 30px;}
}
@media (max-width: 450px){
    .down_list li p:nth-child(2), .down_list li p:nth-child(3),.down_list li span:nth-child(3){ display:none;}
    .down_list li p:first-child,.down_list li h2{ width:75%;}
    .down_list li.tit{ padding: 15px 20px;}
    .down_list li a{ padding: 15px 20px;}
    .down_list li i{ font-size: 24px; width:25%; text-align:center;display:inline-block;}
    .down_list li h2{ font-size: 16px; line-height: 24px;}
    .down_list li{ margin-bottom: 20px;}
    .faq_list li .tit h2{ font-size: 16px; line-height: 24px;}
    .faq_list li{ padding: 0 20px;}
    .faq_list li .tit{padding: 20px 0;}
    .faq_list li .tit span{ width: 20px; height: 20px;}
    .faq_list li .tit i{ font-size: 22px;}
    .faq_list li .tit h2{ width: calc(100% - 60px); margin-left: 10px;}
    .faq_list li .ans i{ width: 18px; height: 18px; font-size: 12px;}
    .faq_list li .ans .des{ width: calc(100% - 40px);}
}
.ab_number{ padding: 0 110px; margin-top:60px; position:relative;}
.ab_number dt{ width: 20%;}
.ab_number dt:nth-child(2){ margin:0 auto;}
.ab_number dt b{ font-size: 70px; font-family: popb; line-height:70px; height:70px; color:#0d408c;}
.ab_number dt b sup{ font-size: 50px; line-height: 40px; height: 40px;}
.ab_who .imgfdd{ position: relative; overflow: hidden; border-radius: 12px; width:45%; margin-right:auto;}
.vbl{overflow: hidden; position: relative; padding-top: 56.5%;}
.vbl iframe{ width: 100%; height: 100%; transition: all 0.5s ease;object-fit: cover;display: block; position: absolute; top: 0; left: 0;}
.ab_who .imgfdd i{ font-size: 80px; color: #ff0014; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); cursor:pointer;}
.ab_who .txt{ width: 50%;}
.ab_who .txt b.popb60{ text-transform: inherit; margin-bottom:50px;}
.ab_number p{ font-size: 16px; height: 30px;}
.ab_number:after,.ab_number:before{ height:108px; width: 1px; background: #e0e0e0; position:absolute; content: ''; content: ''; top: 50%; transform: translateY(-50%);}
.ab_number:before{ left:30%;}
.ab_number:after{ right:30%;}

.ab_str .item_top p.des{ width: 46%; margin-left: auto;}
.ab_str .item_top .popb60{ text-transform: inherit; margin-bottom:50px;}
.ab_str li{overflow: hidden; border-radius: 32px; overflow: hidden; width:28%; transition:.3s ease; position:relative;}
.ab_str li .imgfdd{ height:540px;}
.ab_str li .imgfdd img{ width: 100%; height: 100%; object-fit: cover;}
.ab_str li:first-child{ margin-right:auto;}
.ab_str li.on{ width: 70%;}
.ab_str li .bot{ position: absolute; width: 100%; bottom: 45px; padding: 0 30px 0 55px; color:#fff;}
.ab_str li .amore{ line-height: 50px; border-width: 1px;}
.ab_str li .btns{ display: none;}
.ab_str li.on .btns{ display: block;}
.ab_str li h2{ font-size: 24px; font-family: popsb; line-height: 27px; color:#fff;}
.ab_str li.on .left{max-width: calc(100% - 420px); margin-right: auto;}
.ab_str li p{display: none;}
.ab_str li.on p{ display: block;}
.ab_str li.on h2{ display: none;}

.ab_part  .popb60{ text-transform: inherit; margin-bottom:20px;}
.partswiper{ position: relative; overflow: hidden; padding-bottom: 50px;}
.partswiper li{ border: 1px solid #e9e9e9;}
.partswiper .imgfd{padding-top: 43.33%;}

.abb_cert .left{ width: 40%;}
.abb_cert .cert_box{ width: calc(50% + 80px); overflow:hidden;}
.abb_cert .swiperbtn,.abb_cert .swiper-pagination { position: unset;}
.abb_cert .swiper-pagination{ width: auto; margin:0 20px;}
.abb_cert .swiperbtn{ margin-top: 0; width:50px; font-size:50px;}
.abb_cert .left b{ margin-bottom: 40px;}
.abb_cert .cert_control{ margin-top: 90px;}
.cerswiper{ width: 75%;}
.cerswiper li{background: #f3f3f3; text-align: center; padding: 45px 50px;}
.cerswiper li .imgfd{ padding-top: 141%; border: 6px solid #545d72; margin-bottom:15px;}
.cerswiper li p{height: 30px;}

.ab_room .popb60{ text-transform: inherit; margin-bottom:20px;}
.roomswiper{ overflow: hidden; position: relative; padding-bottom: 50px;}
.roomswiper li{ position: relative; border-radius:12px; overflow:hidden;}
.roomswiper li .txt{ background: rgba(12,32,61,.3); padding:20px; text-align:center; position:absolute; width:100%; bottom:0; opacity:0; transition:.3s ease;}
.roomswiper li p{ color: #fff;}
.roomswiper li .imgfd{padding-top: 62%;}
.roomswiper li:hover .txt{opacity:1;}
.roomswiper li.platimg .imgfd{ padding-top: 47.8%;}
.ab_cult .ctitle,.ab_cult .ctitle b{color: #fff;}
.ab_cult .ctitle b{margin-bottom: 20px;}
.ab_cult dt{ width: 32%; margin-right: auto; background: rgba(255,255,255,.6); border-radius: 12px; padding: 52px 40px 80px; transition:.3s ease;}
.ab_cult dt:nth-child(2){ animation-delay:.15s;}
.ab_cult dt:nth-child(3){ animation-delay:.3s;}
.ab_cult dt .ic{margin-bottom: 40px;}
.ab_cult dt h3{ font-size: 24px; font-family: popm; line-height: 30px; height: 30px; overflow: hidden; margin-bottom:40px;}
.ab_cult dt p{ font-size: 16px; height: 60px;}
.ab_cult dt:hover{ transform:translateY(-20px); background: rgba(255,255,255,.9);}

.ab_global{position: relative;}
.ab_global .popb50{ margin-bottom: 30px;}
.ab_global .left{ width: 36%;}
.ab_global .left .amore{margin-top: 80px;}
.ab_global .ab_map{ width: 52%; position: absolute; top: 0; right: 0;}

.video_bg{ width: 1150px; position:fixed; left:50%; margin-left:-575px; top:120px;display: none; z-index:9999; }
.video_box{ width:100%; background: #fff; height:auto; position: relative; transition: all 0.5s linear;}
.video_box iframe{width:1150px;}
.video_box video{ height: 100%; width: 100%!important;}
.video_box iframe{ height:650px;}
.video_close{ position: absolute; right: 15px; top: 15px; font-size: 30px; cursor: pointer; z-index:9999;}
.video_gb{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; display: none;z-index: 9998; background:rgba(0,0,0,.3); }
.video_close i{ font-size: 30px; color: #fff;}
@media (max-width: 1281px){
    .ab_number{ padding: 0 60px;}
    .cerswiper li{ padding: 30px 40px;}
}
@media (max-width: 1024px){
   .ab_who .txt b.popb60{ margin-bottom: 35px;} 
   .ab_number dt b{ font-size: 60px;line-height: 60px; height: 60px;}
   .ab_str li .amore.wb{ display: none;}
   .ab_str li .amore.on{ margin-right: 0;}
   .ab_str li.on .left{ max-width: calc(100% - 200px);}
   .ab_str li .bot{padding: 0 20px 0 25px;}
   .ab_str li h2{ font-size: 20px;}
   .cerswiper li{ padding: 20px;}
   .roomswiper li .txt{ padding: 10px 15px;}
   .ab_cult dt h3{ font-size: 22px; margin-bottom: 30px;}
   .ab_cult dt .ic{ margin-bottom: 30px;}
   .ab_global .left .amore{ margin-top: 50px;}
   .video_box iframe{width:92%; height:450px;}
   .ab_who .imgfdd iframe{ width: 100%; height:320px;}
}
@media (max-width: 768px){
    .ab_who .imgfdd{ width: 100%; margin-bottom: 30px;}
    .ab_who .txt{ width: 100%;}
    .ab_number{ padding: 0 20px;}
    .ab_number dt b{ font-size: 40px; line-height: 40px; height: 40px;}
    .ab_number dt b sup{ font-size: 28px; line-height: 25px; height: 25px;}
    .ab_number dt{ width: 26%;}
    .ab_number:after, .ab_number:before{height:60px;}
    .ab_str .item_top .popb60{ margin-bottom: 25px;}
    .ab_str .item_top p.des{ width: 100%;}
    .ab_str ul{display: block;}
    .ab_str li{ width: 100%; margin-top: 20px;}
    .ab_str li.on{ width: 100%;}
    .ab_str li .imgfdd{ height: 450px;}
    .ab_str li .btns{ display: block;}
    .ab_str li .left{max-width: calc(100% - 200px); margin-right: auto;}
    .ab_str li p{ display: block;}
    .ab_str li h2{ display: none;}
    .abb_cert .left{ width: 100%; float: none; margin-bottom:40px;}
    .abb_cert .cert_control{ margin-top: 30px;}
    .abb_cert .cert_box{ width: 100%;}
    .cerswiper{ width: 100%;}
    .ab_cult dt{padding: 30px 30px 40px;}
    .ab_cult dt .ic img{height: 50px;}
    .ab_cult dt h3{ margin-bottom: 20px;}
    .ab_global .left{ width: 100%;}
    .ab_global .ab_map{ display: none;}
    .ab_global .left .amore{margin-top: 30px;}
}
@media (max-width: 450px){
    .ab_who .imgfdd i{ font-size: 50px;}
    .ab_who .txt b.popb60{ margin-bottom: 20px;}
    .ab_number p{ font-size: 14px; line-height: 20px;}
    .ab_number:after, .ab_number:before{ display:none;}
    .ab_number:before{ width:32%;}
    .ab_number{ padding: 0; margin-top: 30px;}
    .ab_str li .bot{ display: block; bottom:30px;}
    .ab_str li .bot .left,.ab_str li.on .left{ max-width: 100%;}
    .ab_str li .amore.on{line-height: 42px; margin-top:20px;}
    .ab_str li .imgfdd{ height: 380px;}
    .abb_cert .left b{ margin-bottom:25px;} 
    .ab_cult dl{ display: block;}
    .ab_cult dt{ width: 100%; padding:15px 20px; display:flex; align-items:flex-start; flex-wrap:wrap; margin-bottom:15px;}
    .ab_cult dt .ic{ margin-bottom: 0;}
    .ab_cult dt .txt{ width: calc(100% - 65px); margin-left:auto;}
    .ab_cult dt h3{ font-size: 20px; margin-bottom: 10px;}
    .ab_cult dt p{height: auto;}
    .ab_global .popb50{ margin-bottom: 20px;}
    .video_box iframe{width:96%; height:300px;}
    .ytp-large-play-button{ width: 40px; height: 28px;}
}
.lx_top .popb60{ text-transform: inherit; margin-bottom:20px;}
.lx_top .tab_hd{ margin-left: auto;}
.lx_top .tab_hd li{ line-height: 64px; border-radius: 32px; padding: 0 30px; background: #f2f4f7; margin-left: 15px;}
.lx_top .tab_hd li.active{ color: #fff; background: #0d408c;}
.lx_top .tab_bd .pic{ width: 48%;border-radius: 16px; overflow:hidden;}
.lx_top .tab_bd .pic .imgfd{padding-top: 60%;}
.lx_top .tab_bd .lx_box{ width: 48%; border-radius: 16px; border: 1px solid #e7e7e7; padding: 45px 65px;}
.lx_top .lx_box b{ font-size: 24px; margin-bottom: 25px;}
.lx_top .lx_box .item i{ display: inline-block; width: 50px; height: 50px; border: 1px solid #d2d2d2; border-radius: 50%; text-align: center; line-height: 50px; font-size:26px;}
.lx_top .lx_box .item .txt{width: calc(100% - 65px); margin-left: auto;}
.lx_top .lx_box .item h4{ font-size: 24px; font-family: popm; margin-bottom: 10px;}
.lx_top .lx_box .item.fl{ width: 48%; margin-right: 2%;}
.lx_top .lx_box .item{margin-bottom: 40px;}
.lx_top .lx_box a:hover{ color:#0d408c;} 
.lx_top .lx_box .follow p{ margin-right: 10px;}
.lx_msg .popb60{ text-transform: inherit; text-align:center; margin-bottom:45px;}
.lx_msg .formbox{ margin-bottom: 28px;}
.lx_msg .formbox.fl{ width: 32%; margin-right: 2%;}
.lx_msg .formbox.fl:nth-child(3n){ margin-right:0;}
.lx_msg .formbox input,.lx_msg .formbox textarea{ width: 100%; padding: 15px 20px; border-radius: 8px; border: 1px solid #e5e5e5; font-size: 16px; margin-top:16px;}
.lx_msg .exp{ width: 50%; font-size: 16px; line-height: 24px; margin: 0 auto 0 8px;}
.lx_msg i{ font-size: 18px;}
.lx_msg .sub{ width: calc(50% - 100px); line-height: 58px; color: #fff; text-align: center; background: #0d408c; text-transform:uppercase; cursor:pointer; border-radius:8px; transition:.3s ease;}
.lx_msg .sub i{ font-size: 18px; margin-left: 15px;}
.lx_msg .sub:hover{ box-shadow:0 0 10px rgba(13,64,140);}

.msg_tanchuang{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; display:none; z-index:100;}
.tc_bg{ position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.4);}
.tc_box{ position: absolute; width: 1200px; border-radius: 24px; padding: 40px 55px; left:50%; top:50%; background:#fff; transform:translate(-50%,-50%);}
.tc_box .popb48{ text-align: center; margin-bottom: 40px;}
.tc_box .close{ position: absolute; right: 30px; top: 30px; font-size: 38px; cursor:pointer; transition:1s ease;}
.tc_box .close:hover{ color:#0d408c; transform:rotate(180deg);}


.mappic{ position: relative; border-radius:24px; overflow:hidden;}
.mappic iframe{ max-width: 100%!important;}
.mappic .pic{ width: 100%;}
.mappic .maplogo{ position: absolute; left:50%; top:50%; transform: translate(-50%,-50%);}
.mappic .maplogo .lobox{ width: 75px; height: 75px; background: #fff; border-radius: 50%; position:relative; z-index:3;}
.mappic .maplogo:after,.mappic .maplogo:before{ position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius:50%; animation: maocircle1 2.5s  infinite; background:#0054ba; content:'';}
.mappic .maplogo:before{ animation-delay:1.5s; opacity:.5;}
.mappic .maplogo img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width:50px;}
@keyframes maocircle1{
	0%{ width:100%; height:100%; opacity:.5;}
	50%{ width:180%; height:180%; opacity:.3;}
	100%{ width:100%; height:100%; opacity:.5;}
}
@-webkit-keyframes maocircle1{
	0%{ width:100%; height:100%; opacity:.5;}
	50%{ width:180%; height:180%; opacity:.3;}
	100%{ width:100%; height:100%; opacity:.5;}
}


@media (max-width: 1441px){
    .lx_top .tab-bd .lx_box{ padding: 30px 40px;}
    .lx_top .lx_box b{ font-size: 22px;}
    .lx_top .lx_box .item{ margin-bottom: 30px;}
}
@media (max-width: 1281px){
    .lx_top .lx_box .item h4{ font-size: 22px; line-height: 30px;}
}
@media (max-width: 1024px){
    .lx_top .tab-bd .pic{ width: 100%; float: none; margin-bottom: 20px;}
    .lx_top .tab-bd .lx_box{width: 100%;}
    .mappic .maplogo .lobox{ width: 60px; height: 60px;}
    .mappic .maplogo img{ width: 40px;}
    
}
@media (max-width: 768px){
    .lx_top .tit{ text-align: center; margin-bottom: 25px;}
    .lx_top .tab_hd li{margin: 0 auto;}
    .lx_top .tab_hd li{ width: 45%; line-height: 54px; text-align:center;}
    
}
@media (max-width: 450px){
    .lx_top .tab-bd .lx_box{ padding: 25px 20px;}
    .lx_top .lx_box .item.fl{ width: 100%; float: none;}
    .lx_msg{ margin-bottom: 40px;}
    .lx_msg .formbox.fl{ width: 100%; margin-bottom:20px;}
    .lx_msg .formbox input, .lx_msg .formbox textarea{margin-top: 10px;}
    .lx_msg .exp{ width: calc(100% - 30px);}
    .lx_msg .sub{ width: 100%; margin-top: 20px; line-height: 50px;}
    .lx_map{ display: none;}
}