@charset "utf-8";
/* CSS Document */
.pro_xiala{ width: 100%; position: fixed; left: 0; top: 115px; background:#fff; box-shadow:0 8px 8px rgba(0,0,0,.05); padding:40px 0 65px; display:none;}
.pro_xiala .imgfdd{ width: 25%;}
.xiala_nav{ width: 30%; padding: 0 55px; margin-right: auto; border-right:1px solid #efefef;}
.xiala_pro{ width: 40%;}
.xiala_nav li a{ font-size: 26px; line-height: 26px;font-family:teko;}
.xiala_nav li.active a{ color: #0f40bd;}
.xiala_nav li{ margin-bottom: 15px; }
.xiala_pro .nav_des{ font-size: 20px; margin-bottom: 35px;}
.xiala_pro a.c-flex{ width:45%; margin-right:auto; font-size: 18px; padding-left:10px;line-height:16px; border-left:3px solid #0f40bd; margin-bottom: 20px;}
.xiala_pro a.c-flex:nth-child(2n){ margin-right:0;}
.xiala_pro a.c-flex i{ font-size: 20px; margin-left: auto; color: #0f40bd; opacity:0;}
.xiala_pro a.c-flex p{ max-width: calc(100% - 35px); line-height:16px;}
.xiala_pro .amore{margin-top: 45px;}
.xiala_pro a.c-flex:hover i{opacity:1;}
.xiala_pro a.c-flex:hover{ color:#0f40bd;}
.index_head .nav .navli:hover .pro_xiala{ display:block;}
#st-1{ z-index: 6!important;}


.search_box{ width: 100%; position: fixed; left: 0; top: 115px; background: #fff;z-index:3; padding:40px 0; display:none;z-index:88;}
.search_box form{ width: 100%; border: 2px solid #1e4fb1;}
.search_box form input{ line-height: 60px; height: 60px;}
.search_box form .search_sub{ width: 150px; line-height:60px; text-align:center; color:#fff; font-size:30px; text-align: center;background:#1e4fb1; cursor:pointer;}
.search_box form input.fl{ padding: 0 25px; width:calc(100% - 150px);}

.right_online{position: fixed;top: 40%;right: 20px;z-index: 999;}
.right_online li{text-align: center;position: relative;margin-bottom: 5px;cursor: pointer;}
.right_online li span{font-size: 24px;color: #fff;background:#1e4fb1 ;position: relative;z-index: 2;border-radius: 3px;display: block;line-height: 50px;width: 50px;height: 50px; transition:.3s ease;}
.right_online li .box{
	position: absolute;right: 25px;top: 0;max-width: 0px;height: 50px;line-height: 50px;background: #1e4fb1 ;border-radius: 3px;border-top-right-radius: 0;border-bottom-right-radius: 0;
	overflow:hidden;
	-webkit-transition:max-width 0.3s linear;
	-moz-transition:max-width 0.3s linear;
	transition:max-width 0.3s linear;
}
.right_online li:hover span{ background:#1e4fb1;}
.right_online li:hover .box{max-width:300px;z-index: 1;}
.right_online li .box .p{color: #fff;font-size: 16px;width: 100%;white-space: nowrap;padding-left: 30px;padding-right: 40px;display: flex;}
.right_online li.inq .addnum{width: 18px;height: 18px;position: absolute;top: 0;right: 0;text-align: center;line-height: 18px;background: red;color: #fff;border-radius: 500px;display: block;font-size: 12px;z-index: 9;}
.right_online li .ewmtp{width: 120px;height: 120px;right: 55px;background: none;border-radius: 0;}
.right_online li .ewmtp .p{padding: 0;}
.right_online li .ewmtp img{ width: 120px; height:120px;}
.top_search i{ font-size: 22px;}
.top_search{ font-size: 22px; font-family: teko; cursor: pointer;}
.top_search:hover{ color: #1e4fb1;}
.cont_link{ display: block; width: 126px; line-height: 48px; border-radius: 24px; text-align: center; color: #fff; font-family: teko; font-size: 26px;background: linear-gradient( to left,#1e4fb1,#0581d6); margin: 0 55px 0 30px; transition: .3s ease;}
.cont_link:hover{background: linear-gradient( to right,#1e4fb1,#0581d6);}
.top_h{ height: 115px;}
.sy-ban{ width: 100%;position: relative; overflow: hidden; background: #111; font-size:0;}


.amore{ display: inline-block; border-radius: 29px; padding: 5px 5px 5px 32px; color: #333; position: relative;transition: .5s ease; overflow: hidden; background: linear-gradient( to left,#1e4fb1,#0581d6); text-transform: uppercase; color: #fff;}
.amore i{ line-height: 48px; width: 48px; background: #fff; border-radius: 50%; display: inline-block; color: #1e4fb1; font-size: 18px; text-align: center; margin-left: 18px;}
.amore.on{ color: #fff;}
.amore span{ position: relative; z-index: 2; line-height: 25px; color: #fff;}

.amore.on i{ color: #fff;}
.amore.on:hover{ box-shadow: 0 0 8px rgba(229,82,4,.6);}
.amore.op{background: rgba(255,255,255,.3);}
.amore.grb{ background: none; border: 1px solid #999999;}
.amore.grb i{ background: #333; color: #fff;}
.amore.grb span{ color: #333;}
.amore.wb{ background: none; border: 1px solid #fff;}
.amore.wb i{ background: #fff; color: #333;}
.amore.wb span{ color: #fff;}
.amore:hover{ background: linear-gradient( to right,#1e4fb1,#0581d6);}
.amore:hover span{color: #fff;}


.sy_title{ margin-bottom: 30px;}
.item_top{ margin-bottom: 40px; align-items: flex-start;}
.item_top .sy_title{ margin-bottom: 0; margin-right: auto;}
.btn_box{ margin-top: 40px; text-align: center; }
.mainh{ height: 85px;}
.tsb72{ font-size: 72px; font-family: tsb; line-height: 70px;}

.dtop{ padding-top: 80px;}

.sypro_list{ height: 540px; position: relative;}
.sypro_list a{ display: block; position: absolute;}
.sypro_list a:first-child{ width: 50%; height: 100%; left: 0; top: 0; }
.sypro_list a .imgfdd{ height: 100%;}
.sypro_list a .imgfdd img{ height: 100%;}
.sypro_list a:last-child{ width: calc(50% - 20px); right: 0; bottom: 0; height: calc(50% - 10px);}
.sypro_list a:nth-child(2){ width: calc((50% - 40px) / 2); height: calc(50% - 10px); left: calc(50% + 20px); top: 0;}
.sypro_list a:nth-child(3){ width: calc((50% - 40px) / 2); height: calc(50% - 10px); right: 0; top: 0;}
.sypro_list a .tit{ width: 100%; position: absolute; width: 100%; left: 0; bottom: 0; background: rgba(30,80,178,.7); text-align: center; padding: 15px 15px; opacity: 0; transition: .3s ease;}
.sypro_list a .tit h2{ font-size: 24px; color: #fff; line-height: 30px; height: 30px; overflow: hidden; font-family: teko;}
.sypro_list a:first-child .tit h2{ font-size: 28px;}
.sypro_list a:first-child  .tit{padding: 20px 15px;}
.sypro_list a:hover .tit{ opacity: 1;}

.sy_about{ background:#f5f5f5 url("../images/mapbg_03.jpg") no-repeat center 80px;}
.c_txt{ text-align: center; width: 78%; margin: 0 auto 40px;}
.c_txt .tsb60{margin-bottom: 20px;}
.sy_about .title span{ color: #b81b25; text-transform: uppercase; font-size: 18px;}
.sy_about .title b{ font-size: 60px; line-height: 72px; margin-top: 15px; }
.sy_about .title{ margin-bottom: 25px;}
.ab_des p{ font-size: 18px; line-height: 27px;}

.ab_number{ margin: 60px 0;}

.com_list li{ width: 32.5%; margin-right: auto; position: relative;}
.com_list li:nth-child(3){ margin-right: 0;}
.com_list li .imgfd{ padding-top: 66.67%;}
.com_list li h2{ color: #fff; position: absolute; padding-bottom: 20px; font-size: 28px; line-height: 30px; font-family: teko; right: 50px; bottom: 30px; z-index: 3;}
.com_list li h2:after{ position: absolute; width: 34px; height: 3px; content: ''; background: #fff; right: 15px; bottom: 0;}
.com_list li:after{ position: absolute; width: 260px; height: 110px; right: 0; bottom: 0; background: rgba(15,64,168,.7); transition: .3s ease; content: ''}
.com_list li:hover:after{ width: 100%;}

.appswiper{ overflow: hidden; padding-bottom: 40px; position: relative;}
.appswiper li{ background: #f5f5f5;}
.appswiper .imgfd{ padding-top: 60%;}
.appswiper .txt{ padding: 30px 35px;}
.appswiper .txt .left{ width: 100%;}
.appswiper .txt h2{ font-family: teko; font-size: 30px; line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 25px;}
.appswiper .txt span{ font-size: 16px;}
.appswiper .txt img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(30%);-webkit-filter: brightness(0%) invert(30%); height: 58px}
.appswiper li:hover .txt img{filter: unset;}
.appswiper li:hover .txt h2,.appswiper li:hover .txt{ color: #1e4fb1;}
.swiper-pagination-bullet{ transition: .2s ease; border-radius: 4px;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background: #0f40bd; width: 30px;}

.sy_choose{ background: #f7f7f7;}
.choitem .cho_tech dt{ height: 375px;}
.choitem .cho_tech{ width: 100%;}
.choitem .cho_tech dt{ width:32%;margin-left: 2%; background: #fff; padding: 50px; position: relative;}
.choitem .cho_tech dt:first-child{ margin-left: 0;}
.choitem .pic img{ height: 100%; object-fit: cover;}
.choitem .pic{ position: relative;}
.choitem .pic h2{ width: 100%; color: #fff;font-family: teko;font-size: 40px; line-height:45px; left: 0; top: 60px; padding: 0 60px; position: absolute;}
.choitem .pic .amore{ position: absolute; left: 60px; bottom: 60px; opacity: 0;}
.choitem .pic:hover .amore{ opacity: 1;}
.choitem .cho_tech dt h4{ font-size: 40px; font-family: tekom; line-height: 45px;}
.choitem .cho_tech dt .list{ position: absolute; width: 100%; padding: 0 50px 50px; bottom: 0; left: 0; bottom: 0;}
.choitem .cho_tech dt p{ font-size: 18px; position: relative; padding-left: 14px;}
.choitem .cho_tech dt p:after{ width: 4px; height: 4px; border-radius: 50%; background: #b6b6b6; content: ''; left: 0; top: 13px; position: absolute;}
.choitem .cho_tech dt b{ font-family: teko; font-size: 120px; opacity: .05; position: absolute; line-height: 120px; right: 50px; top: 100px;}

.pro_client{ position: relative;}
.pro_client:after{ position:absolute; width: 1px; height: 330px; border-right: 1px dashed #1e4fb1; content:''; left:45%; top:50%; transform:translateY(-50%);}
.pro_client .left{ width: 35%;}
.pro_client .cliswiper{ width: 45%; overflow:hidden; background:#f8f8f8;}
.pro_client .left .tit p{ display: block; font-size: 18px; margin-bottom: 15px; padding-left:75px; position:relative;}
.pro_client .left .tit p:after{ width:60px; height: 3px; background: #1e4fb1; content: ''; left: 0; top: 13px; position:absolute;}
.pro_client .left .tit b span{ color: #1e4fb1;}
.pro_client .left .des{ font-size: 20px; margin-bottom:40px;}
.cliswiper{ position: relative; overflow: hidden;}
.clibox{ padding: 60px 70px 45px;}
.clibox p{ font-size: 18px;}
.clibox .says{ position: relative; margin-bottom:30px;}
.clibox .says:after{ position:absolute; content: ' " '; font-family:arial; left: -50px; top: 0px; font-size: 150px; line-height:80px; color: #7b7b7b; opacity:.1;}
.clibox .says:before{ position:absolute; content: ' " '; font-family:arial; right: -50px; bottom: -80px; font-size: 150px; line-height:80px; color: #7b7b7b; opacity:.1;}
.clibox .says p{ height: 120px;}
.cli_person .photo{ width: 78px; height: 78px; margin-right:20px;}
.cli_person .photo .imgfd{ border-radius: 50%; padding-top: 100%;}
.cli_person .photo .name p{ font-size: 20px; margin-bottom: 10px;}
.cliswiper .swiperbtn{ position: unset; width: 40px; height: 40px; border-radius: 20px; margin-top: 0; text-align: center; line-height: 40px; background: #1e4fb1; margin-left: 10px; display:inline-block; color:#fff; font-size:22px;}
.cliswiper .btns{ position: absolute; right: 70px; bottom: 50px; z-index:3;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{ display:none;}
.pro_cust{ background: #fbfbfb;}
.pro_cust .center{ background: url(../images/mapbg_03.png) no-repeat right center;}
.pro_cust .custswiper{ width:50%; position: relative; padding-bottom:40px; overflow:hidden;}
.custswiper .swiper-wrapper{ height: 245px; overflow: hidden;}
.custswiper .imgfd{ padding-top: 45.2%; background:#fff;}
.custswiper ul li{height: calc((100% - 20px) / 2) !important;}
.pro_cust .cus_txt{ width: 45%;}
.tsb72 span{ color: #1e4fb1;}
.pro_cust .cus_txt .tsb72{ margin-bottom: 25px;}
.pro_cust .cus_txt p{ font-size: 20px; margin-bottom: 40px;}
.swiper-pagination-bullet{ outline: none;}

.news_list li{ float: left; width: 32%; margin-right: auto; margin-right: 2%; background: #f9f9f9; margin-bottom: 50px;}
.news_list li:nth-child(3n){ margin-right: 0;}
.news_list li .imgfd{ padding-top: 60%;}
.news_list li .txt{ padding: 35px 30px 22px;}
.news_list li h2{ font-size: 30px; font-family: tekom; line-height: 40px; height: 80px; overflow: hidden; margin-bottom: 25px;}
.news_list li p{ font-size: 16px; line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 35px;}
.news_list li span{ font-size: 16px;}
.news_list li .more{ margin-right: auto;}
.news_list li:hover h2,.news_list li:hover .more{ color: #1e4fb1;}


.com_foot{ background: url("../images/fbg_51.jpg") no-repeat center; background-size: cover; color: #fff;}
.foot_msg{padding: 75px 0; border-bottom: 1px solid rgba(255,255,255,.2);}
.foot_msg .msgbox{ width: 51%; margin-left: auto;}
.foot_msg b{ color: #fff;}
.foot_msg .left{ width: calc(100% - 150px); margin-right: auto;}
.foot_msg .left input{ width: 49%; margin-right: 2%; margin-bottom: 10px; line-height: 30px; padding: 11px 10px 11px 22px; background: rgba(222,222,222,.5); color: #fff;}
.foot_msg .left input:nth-child(2){ margin-right: 0;}
.foot_msg .left textarea{ line-height: 38px; padding: 11px 10px 11px 22px; background: rgba(222,222,222,.5); color: #fff; width: 100%;}
.foot_msg .left input::placeholder,.foot_msg .left textarea::placeholder{ color: #fff;}
.foot_msg .sub{ width: 130px; height: 162px; background: #0f40bd; color: #fff; text-align: center; cursor: pointer; transition: .3s ease;}
.foot_msg .sub p{ text-transform: uppercase; margin-top: 10px;}
.foot_msg .sub i{ font-size: 28px;}
.foot_msg .sub:hover{ background: #1e4fb1;}

.com_foot .foot_center{padding: 80px 0 50px; position: relative;}
.foot_center .fleft{ width: 22%; margin-right: auto;}

.foot_center .fleft p{ font-size: 18px; margin-top: 40px;}
.foot_center .fleft .follow{margin-top: 44px;}
.foot_center .fleft .follow span{display: block; font-size: 20px; margin-bottom:10px;}
.foot_center .f_nav{ width: 72%;}
.foot_center .f_nav li{max-width: 32%; margin-right: auto;}
.foot_center .f_nav li:last-child{margin-right: 0;}
.foot_center .f_nav li b,.foot_center .f_nav li a{ display: block;}
.foot_center .f_nav li b{ font-family: teko; font-size: 28px; margin-bottom: 25px; color:#fff; text-transform: uppercase;}
.foot_center .f_nav li a{ line-height: 30px; margin-bottom: 10px; color: #fff;}
.foot_center .f_nav li.flx,.foot_center .f_nav li a { line-height: 30px;}
.foot_center .f_nav li i{margin-right: 2px;}
.foot_center .f_nav li span{ display: inline-block; max-width: calc(100% - 110px);}
.foot_center .f_nav li p{ margin-right: 3px;}
.foot_center .f_nav li.flx{max-width: 39%;}
.foot_center .f_nav li.flx .t-flex{margin-bottom: 30px;}
.foot_center .f_nav li.flx i{ display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; border: 1px solid #d8d8d8; color: #fff;border-radius: 50%;}
.foot_center .f_nav li.flx a,.foot_center .f_nav li.flx span{ display: block; padding-top: 10px; margin-left: 10px;}

.foot_center .b_top{position: absolute; bottom: 30px; right: 0; font-size: 18px; transition: .3s ease; cursor: pointer;}
.foot_center .b_top i{ display: inline-block; width: 44px; height: 44px; line-height: 44px; text-align: center; border: 1px solid #666666; font-size: 20px; margin-left: 15px; border-radius: 50%; transition: .3s ease;}
.foot_center .b_top:hover i{ background: #1e4fb1; border-color: #1e4fb1; color: #fff;}
.copy{ font-size: 16px; padding: 25px 0; border-top: 1px solid #e7e7e7;}
.copy .copyright{ margin-right: auto;}
.copy a{ color: #fff;}


.ab_number dt{ width: 20%; margin-right: auto; position:relative;}
.ab_number dt:last-child{ margin-right:auto;}
.ab_number dt:after{ position:absolute; content:' '; width: 1px; height: 70px; right: 0; top: 50%; transform: translateY(-50%); background:#e4e4e4;}
.ab_number dt:last-child:after{ display:none;}
.ab_number dt:last-child{margin-right:0;}
.ab_number{ margin-top: 55px;}
.ab_number .ic{ margin-right: 35px;}
.ab_number b{ font-size: 90px; font-family: tekom; line-height:90px; height:90px;}
.ab_number sup{ font-size: 80px; line-height: 60px; height: 60px; margin-left:5px;}
.ab_number p{ font-size: 18px; height: 30px;}
.c_txt p{ font-size: 18px;}
@media (max-width: 1680px) { 
    
    
}
@media (max-width: 1540px) { 
    .index_head .nav .navli .tarA a{ font-size: 24px;}
    .tsb72{ font-size: 64px; line-height: 64px;}
    .c_txt{ width: 85%;}
    .sy_about .title b{ font-size: 54px; line-height: 58px;}
    .ab_number b{ font-size: 80px; line-height: 80px; height: 80px;}
    .ab_number dt{ width: 22%;}
    .cont_link{ margin-right: 30px;}
    .index_head .nav .navli{margin-left: 55px;}
    .index_head .logo img{ max-height: 42px;}
}
@media (max-width: 1281px){
    .index_head .nav .navli .tarA a{ font-size: 22px;}
    .index_head .logo img{ max-height: 36px;}
    .index_head .nav .navli{margin-left: 40px;}
    .cont_link{ width: 110px; line-height:42px; font-size:22px;}
    .tsb72{ font-size: 50px; line-height: 50px;}
    .amore i{line-height: 40px; width: 40px; line-height: 40px;}
    .amore{padding-left: 22px;}
    .sypro_list{height: 480px;}
    .ab_number .ic img{ height: 60px;}
    .xiala_nav{ padding: 0 35px;}
    .xiala_nav li a{ font-size: 24px; line-height: 24px;}
    .xiala_pro .nav_des{ font-size: 18px;}
    .ab_number dt{width: 24%;}
    .appswiper .txt{ padding:25px 30px;}
    .appswiper .txt h2{margin-bottom: 15px;}
    .choitem .pic, .choitem .cho_tech dt{height: 340px;}
    .choitem .pic h2{padding: 0 40px; top: 40px; font-size:36px; line-height:40px;}
    .choitem .cho_tech dt{padding: 35px;}
    .choitem .cho_tech dt .list{ padding: 0 35px 35px;}
    .choitem .cho_tech dt h4{ font-size: 32px; line-height: 34px;}
    .choitem .cho_tech dt b{ font-size: 100px; line-height: 100px;}
    .choitem .cho_tech dt p{ font-size: 16px;}
    .clibox{padding: 45px 55px 40px;}
    .pro_client .cliswiper{ width: 48%;}
    .custswiper .swiper-wrapper{ height: 200px;}
    .pro_cust .cus_txt p{ font-size: 18px;}
    .pro_cust .cus_txt p{ margin-bottom: 30px;}
    .news_list li .txt{ padding: 30px 25px 25px;}
    .news_list li h2{ font-size: 26px; line-height: 30px; height:60px; margin-bottom:20px;}
    .sy_about .title b{ font-size: 48px; line-height: 50px;}
    
}
@media (max-width: 1024px){
    .m_img .headlf .m_logo{ height: 30px;}
    .m_img .headlf{ padding-top: 12px;}
    .top_h{ height: 54px;}
    .sypro_list{height: 420px;}
    .sypro_list a:first-child .tit h2{ font-size:22px;}
    .sypro_list a .tit h2{ font-size: 20px;}
    .tsb72{ font-size: 44px; line-height: 44px;}
    .c_txt{ width: 95%;}
    .sy_about .title b{ font-size: 42px; line-height: 44px;}
    .dtop{ padding-top: 50px;}
    .c_txt p{ font-size: 16px;}
    .ab_number b{ font-size: 50px; line-height: 50px; height: 50px;}
    .ab_number sup{ font-size: 36px; line-height: 36px; height: 36px;}
    .ab_number p{ font-size: 16px;}
    .ab_number dt{ display: block; width:22%;}
    .ab_number .ic{margin-right: 0; margin-bottom: 20px;}
    .choitem .pic, .choitem .cho_tech{ float: none;}
    .choitem:first-child .cho_tech,.choitem:nth-child(2) .pic{ float:none;}
    .choitem .cho_tech{ width: 100%; margin-top: 20px;}
    .choitem .pic{ width: 100%;}
    .choitem .cho_tech dt:first-child{ margin-left:0;}
    .pro_client .left .des{ font-size: 18px;}
    .custswiper .swiper-wrapper{height: 170px;}
    .com_foot .foot_center,.foot_msg{ display: none;}
    .right_online{ display: none;}
}
@media (max-width: 450px){
    .tsb72{ font-size: 32px; line-height: 32px;}
    .item_top .amore{ display: none;}
    .item_top{ margin-bottom: 20px;}
    .sypro_list{height: auto;}
    .sypro_list a:first-child,.sypro_list a:nth-child(2),.sypro_list a:nth-child(3),.sypro_list a:last-child{ height: 200px; width:100%; left:0;}
    .sypro_list a{ position: relative; margin-bottom:15px;}
    .sypro_list a .tit{opacity: 1;}
    .sypro_list a:first-child .tit{ padding:15px 10px;}
    .dtop{ padding-top: 35px;}
    .sy_about .title b{ font-size: 30px; line-height: 34px;}
    .ab_number dt{ width: 45%; margin-bottom: 20px;}
    .ab_number dt:nth-child(2n){ margin-right:0;}
    .ab_number dt:nth-child(2n):after{ display:none;}
    .com_list{ display: none;}
    .ab_number{margin: 30px 0;}
    .appswiper .txt{ padding: 15px 20px;}
    .appswiper .txt h2{ font-size: 24px; height: 24px; line-height: 24px; margin-bottom: 10px;}
    .appswiper .txt span{ font-size: 14px;}
    .appswiper .txt img{ height: 48px;}
    .c_txt{ margin-bottom: 25px;}
    .choitem .pic, .choitem .cho_tech dt{ height: 280px;}
    .choitem .pic h2{ font-size: 30px; line-height: 32px; padding:0 30px;}
    .choitem .pic .amore{ opacity: 1; left: 30px;}
    .choitem .cho_tech dt{ width: 100%; margin-bottom:15px;}
    .choitem .cho_tech{ display: block;}
    .pro_client .left{ width: 100%; float: none;}
    .pro_client:after{ width:100%; height: 1px; border-right: none; border-bottom: 1px dashed #1e4fb1; left: 0; top: 45%;}
    .pro_client .cliswiper{ width: 100%; margin-top: 40px;}
    .pro_client .left .des{margin-bottom: 25px;}
    .cliswiper .swiperbtn{ width: 30px; height: 30px; line-height: 30px; font-size:18px;}
    .clibox .says:before,.clibox .says:after{ font-size:100px;}
    .clibox .says:after{ left:-20px;}
    .clibox .says:before{ right:-20px;}
    .clibox{padding: 35px 25px;}
    .cli_person .photo{ width: 60px; height: 60px;}
    .pro_cust .custswiper{ width: 100%; margin-bottom: 25px; padding-bottom:20px;}
    .pro_cust .cus_txt{ width: 100%;}
    .custswiper .swiper-wrapper{height: 140px;}
    .pro_cust .cus_txt .tsb72{ margin-bottom: 15px;}
    .pro_cust .cus_txt p{ margin-bottom: 20px;}
    .pro_cust .cus_txt p{ font-size: 16px;}
    .amore{ font-size: 14px;}
    .news_list li{ width: 100%; float:none;}
    .news_list li p{ display: none;}
    .news_list li .txt{ padding: 20px 15px;}
    .news_list li{margin-bottom: 30px;}
    .copy p:last-child{ display:none;}
    .copy{ padding: 15px 0;}
    .amore i{ width: 32px; line-height: 32px; height: 32px; margin-left: 10px; font-size: 16px;}
    .news_list li h2{ font-size: 22px; line-height: 24px; height: 48px;}
    .news_list li span{ font-size: 14px;}
}
.ny_ban{ position: relative;}
.ny_ban img{ width: 100%;}
.ny_ban .ban_txt{ width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #fff;}
.ny_ban .ban_txt b{ font-size: 60px; color: #fff; line-height: 60px; margin-bottom: 15px;}
.ny_ban .ban_txt p{ font-size: 18px;}
.ny_ban .posi{ position: absolute; width: 100%; left: 0; bottom: 30px; color: #fff;}
.ny_ban .posi a{ color: #fff;}

.pro_page .pro_nav{ width: 440px;}
.pro_page .probox { width: calc(100% - 500px);}
.pro_page .pro_nav b{ font-family: tsb; font-size: 50px; line-height: 50px; margin-bottom: 45px;}
.pro_page .pro_nav a{ padding: 15px 0; border-bottom: 1px solid #e2e2e2; margin-bottom:10px; position:relative;}
.pro_page .pro_nav p{ font-size: 28px; font-family: teko; line-height: 28px; margin-right: auto; position:relative; max-width:calc(100% - 40px); transition:.2s ease;}
.pro_page .pro_nav p:after{ position:absolute; left: 0; top: 12px; background: #0f40bd; width: 5px; height: 5px; border-radius: 50%; content: ''; opacity:0;}
.pro_page .pro_nav a:after{ position:absolute; width: 0; height: 1px; background: #0f40bd; content: ''; left: 0; bottom: -1px; transition:.3s ease;}
.pro_page .pro_nav a i{ font-size: 22px;}
.pro_page .pro_nav a:hover p,.pro_page .pro_nav a.act p{ padding-left:20px;}
.pro_page .pro_nav a:hover p:after,.pro_page .pro_nav a.act p:after{ opacity:1;}
.pro_page .pro_nav a:hover,.pro_page .pro_nav a.act{ color:#0f40bd;}
.pro_page .pro_nav a:hover:after,.pro_page .pro_nav a.act:after{ width:100%;}

.col_des{ background: #f8f8f8; padding: 35px 50px; margin-bottom:25px;}
.col_des h1{ font-size: 40px;font-family: teko; line-height: 40px; margin-bottom: 15px;}
.col_des p{ font-size: 18px;}

.pro_list ul li{ float: left; width:49%; background:#f8f8f8; margin-right:2%; margin-bottom:60px;}
.proli .imgfd{ padding-top: 60%;}
.pro_list ul li:nth-child(2n){ margin-right:0;}
.proli .txt{padding: 25px 40px;}
.proli h2{ font-size: 32px; font-family: teko; line-height: 32px; height: 64px; overflow: hidden; margin-bottom: 20px;}
.proli:hover h2{ color:#0f40bd;}
@media (max-width: 1540px) { 
    .col_des{padding: 30px 40px;}
    .pro_page .pro_nav b{ font-size: 44px; line-height: 44px; margin-bottom: 30px;}
    .col_des h1{ font-size: 36px; line-height: 36px;}
    
}
@media (max-width: 1281px) { 
    .pro_page .pro_nav{ width: 380px;}
    .pro_page .pro_nav p{ font-size: 24px; line-height: 24px;}
    .pro_page .probox{ width: calc(100% - 430px);}
    .proli .txt{padding: 20px 30px;}
    .proli h2{ font-size: 28px; line-height: 28px; height: 56px;}
    .ny_ban .ban_txt b{ font-size: 52px; line-height: 52px;}
}
@media (max-width: 1024px) { 
    .pro_page .pro_nav{ display: none;}
    .pro_page .probox{ width: 100%;}
    .ny_ban .ban_txt b{ font-size: 46px; line-height: 46px; margin-bottom:0;}
    .ny_ban .ban_txt p{ font-size: 16px;}
    .ny_ban .posi{ bottom: 20px;}
}
@media (max-width: 450px) { 
    .ny_ban img{ height: 200px;}
    .ny_ban .posi{ font-size: 12px;}
    .ny_ban .ban_txt b{ font-size: 36px; line-height: 36px;}
    .ny_ban .ban_txt p{ font-size: 14px;}
    .col_des{padding:15px 20px;}
    .col_des h1{ font-size: 26px; line-height: 26px;}
    .col_des p{ font-size: 16px;}
    .pro_list ul li{ width: 100%; float: none; margin-bottom:20px;}
    .proli .txt{padding: 15px 20px;}
    .proli h2{ font-size: 24px; line-height: 24px; height: 24px;}
}
.showposi{padding: 30px 0; color:#999;}
.showposi a{ color: #999;}
.showposi a:last-child{ color:#333;}

.show_top{ padding: 80px 0;}
.show_top .picswiper{ width: 49%; margin-right: auto; overflow:hidden; padding-bottom:40px; position:relative;}
.show_top .txt{ width: 46%;}
.show_top .picswiper .imgfd{padding-top: 60%;}
.show_top .txt h1{ font-size: 60px; font-family: teko; line-height:60px; margin-bottom:30px;}
.show_top .txt .des{ font-size: 18px; margin-bottom:65px;}
.showbtn{ display: block; line-height: 58px; border-radius: 30px; width: 220px; text-align: center; border:1px solid #0f40bd; font-family:teko; font-size:24px; color:#0f40bd; text-transform:uppercase; transition:.3s ease;}
.showbtn i{ font-size: 20px; margin-left: 20px;}
.showbtn.md-trigger{ margin-right: 30px; background:#0f40bd; color:#fff;}
.showbtn:hover{ background:#1e4fb1; color: #fff; border-color: #1e4fb1;}
.show_top .txt .share{ margin-top: 70px;}
.show_top .txt .share span{ margin-right: 10px; text-transform: uppercase;}

.tsb60{ font-family:tsb; font-size: 60px; line-height: 60px; margin-bottom: 45px;}
.show_det{ overflow: hidden;}
.show_det img{ max-width: 100%!important;}

.page_btn{ align-items: flex-start; padding-top:40px; border-top:1px solid #e3e3e3; margin-top:40px;}
.page_btn span{ display: inline-block; line-height: 20px;}
.page_btn .back{ display: inline-block; margin: 0 auto; line-height: 46px; border: 1px solid #b1b1b1; padding: 0 40px; text-transform: uppercase; transition:.2s ease;}
.page_btn .back i{ margin-left: 10px;}
.page_btn .back:hover{background: #1e4fb1; border-color: #1e4fb1; color: #fff;}
.page_btn .next{ text-align: right;}
.page_btn i{ font-size: 14px;}
.page_btn .next i{ margin-left: 10px; font-size:14px;}
.page_btn .prev i{margin-right: 10px; font-size:14px;}
.page_btn .next:hover a,.page_btn .prev:hover a{ color: #1e4fb1;}
.page_btn .prev,.page_btn .next{ width:40%;}
.page_btn span{ display: block; margin-bottom:15px;}
.page_btn a{ display: block; line-height: 24px;}

.othswiper { position: relative; padding-bottom: 50px; overflow: hidden;}
.othswiper li{ background: #fff;}
@media (max-width: 1540px) { 
    .tsb60{ font-size: 54px; line-height: 54px;}
}
@media (max-width: 1281px) { 
    .show_top{ padding: 55px 0;}
    .show_top .txt h1{ font-size: 54px; line-height: 54px; margin-bottom:25px;}
    .show_top .txt .des{ font-size: 16px; margin-bottom: 40px;}
    .show_top .txt .share{margin-top: 40px;}
    .tsb60{ font-size: 48px; line-height: 48px; margin-bottom:35px;}
    .showposi{padding: 20px 0;}
}
@media (max-width: 1024px) { 
    .show_top .txt h1{ font-size: 46px; line-height: 46px;}
    .showbtn{ line-height: 48px; width:190px; font-size:22px;}
    .show_top{padding: 30px 0 40px;}
    .page_btn{padding-top: 30px; margin-top: 30px;}
    
}
@media (max-width: 450px) { 
    .show_top { display: block;}
    .show_top .picswiper{ width: 100%; margin-bottom: 20px;}
    .show_top .txt{ width: 100%; margin-top: 25px;}
    .showposi{ font-size: 12px; padding:15px 0;}
    .show_top .txt h1{ font-size: 30px; line-height: 30px; margin-bottom: 20px;}
    .showbtn{ line-height: 40px; width: 170px;}
    .show_top .txt .des{margin-bottom: 20px;}
    .show_top .txt .share{margin-top: 20px;}
    .tsb60{ font-size: 30px; line-height: 30px; margin-bottom: 20px;}
    .mainh{height: 40px;}
}
.ab_circor{ position: relative;}
.ab_circor .logo_bg img{ height: 120px;  filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(90%);-webkit-filter: brightness(0%) invert(90%); opacity:.3;}
.ab_circor .logo_bg{ position: absolute; left: 0; top: 50%; width:100%;}
.ab_circor .logo_bg img:nth-child(2){ margin:0 auto;}
.ab_circor .center{ position: relative; z-index: 2;}
.ab_circor .left{ width: 44%;}
.ab_circor .left .tit p{ font-size: 24px;}
.ab_circor .left .tit .tsb72{ margin-bottom: 20px;}
.ab_circor .left .tit{ margin-bottom: 80px;}
.ab_circor .right{ width: 48%;}
.ab_circor .right b{ font-size: 60px; font-family: tekom; line-height:60px; margin-bottom:35px}
.ab_circor .right p{ font-size: 20px;}


.com_tech{ background: #f9f9f9;}
.com_tech  .imgfdd{ width: 46%;}
.com_tech .txt{ width: 48%; padding-top:150px; font-size:18px; background:url(../images/mapbg_03.png) no-repeat right center;}

.com_choose dt{ width: 24%; margin-right: auto; border:1px solid #dddddd;text-align:center; padding:60px 30px; font-size:18px; transition:.2s ease;}
.com_choose dt:last-child{ margin-right:0; }
.com_choose dt .ic{ margin-bottom: 35px; transition:3s ease;}
.com_choose dt b{ font-size: 30px; line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 15px;}
.com_choose dt p{ height: 150px;}
.com_choose dt:hover .ic{ transform:rotateY(360deg);}
.com_choose dt:hover{ border-color:#0f40bd;}

.com_mach{ background: #f8f8f8 url(../images/mapbg_03.png) no-repeat center 80px;}
.com_mach .c_txt .tsb72{ margin-bottom: 20px;}
.com_mach .c_txt{ font-size:18px;}
.com_mach .imgfdd{ width: 58%;}
.com_mach .right{ width: 34%; font-size:18px;}
.com_mach .right .top b{ font-size: 48px; line-height:48px; font-family: tekom; margin-bottom: 20px;}
.com_mach .right .bot{ border: 1px solid #dddddd; padding: 55px 45px; margin-top:40px;}
.com_mach .right .bot b{ font-size: 36px; font-family: teko;margin-bottom:25px;}

.source_fac dt{ width: 48%; margin-right: auto; text-align:center; font-size:20px;}
.source_fac dt:nth-child(2n){ margin-right:0;}
.source_fac dt .imgfd{ padding-top: 56.4%; margin-bottom:20px;}

.facswiper{ overflow: hidden; padding-bottom: 40px; position: relative;}
.facswiper .imgfd{ padding-top: 64%;}
@media (max-width: 1700px) { 
    .ab_circor .logo_bg img{ height: 100px;}
}
@media (max-width: 1540px) { 
    .com_tech .txt{ padding-top: 110px;}
    .com_mach .right .bot{ padding: 40px 30px;}
    .com_mach .right .bot b{ font-size: 30px; margin-bottom: 20px;}
    .ab_circor .right b{ font-size: 54px; line-height: 54px;}
}
@media (max-width: 1281px) { 
    .ab_circor .left .tit p{ font-size: 20px;}
    .ab_circor .right b{ font-size: 50px; line-height: 50px;}
    .ab_circor .right p{ font-size: 18px;}
    .ab_circor .logo_bg img{ height: 80px;}
    .com_tech .txt{padding-top: 60px;}
    .com_tech .txt{ font-size: 16px;}
    .com_choose dt{ padding: 40px 20px; font-size:16px;}
    .com_choose dt .ic img{ height: 70px;}
    .com_choose dt .ic{ margin-bottom: 25px;}
    .com_choose dt b{ font-size: 26px; line-height: 26px; height:26px;}
    .c_txt p{ font-size: 16px;}
}
@media (max-width: 1024px) { 
    .ab_circor .left{ width: 100%; float: none;}
    .ab_circor .left .tit{ margin-bottom: 30px;}
    .ab_circor .right{ width: 100%;}
    .ab_circor .right b{ font-size: 38px; line-height: 38px; margin-bottom: 25px;}
    .ab_circor .logo_bg img{height: 60px;}
    .com_choose dl{ display: block;}
    .com_choose dt{ display: flex; align-items:flex-start; flex-wrap:wrap; width:100%; margin-bottom:20px;}
    .com_choose dt .txt{ width: calc(100% - 85px); margin-left: auto; text-align:left;}
    .com_choose dt p{height: auto;}
    .com_choose dt .ic{margin-bottom: 0;}
}
@media (max-width: 450px) { 
    .ab_circor .left .tit p{ font-size: 18px;}
    .ab_circor .right b{ font-size: 30px; line-height: 30px; margin-bottom:20px;}
    .ab_circor .right p{ font-size: 16px;}
    .ab_circor .logo_bg{ display: none;}
    .ab_number .ic img{ height: 50px;}
    .com_tech .imgfdd{ width: 100%; float: none;}
    .com_tech .txt{ width: 100%; padding: 35px 20px 20px;}
    .com_choose dt{padding: 25px 20px;}
    .com_choose dt .ic img{ height: 60px;}
    .com_choose dt .txt{width: calc(100% - 75px);}
    .com_choose dt b{ font-size: 22px; line-height: 22px; height: auto; margin-bottom:10px;}
    .com_mach .imgfdd{ width: 100%; float: none;}
    .com_mach .right{ width: 100%; float: none; margin-top:25px;}
    .com_mach .right .top b{ font-size: 30px; line-height: 30px; margin-bottom:15px;}
    .com_mach .right .bot{padding: 25px 20px; margin-top:25px;}
    .com_mach .right .bot b{margin-bottom: 5px; font-size:26px;}
    .source_fac dt .imgfd{ margin-bottom: 10px;}
    .swiper-pagination-bullet{ width: 6px; height: 6px;}
    .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 20px;}
    .facswiper{padding-bottom: 30px;}
}
.app_page .appitem{ float: left; width: 48%; margin-right: 4%; margin-bottom: 60px; background:#f9f9f9; transition:.3s ease;}
.app_page .appitem:nth-child(2n){margin-right:0;}
.app_page .appitem .imgfd{ padding-top: 60%;}
.app_page .appitem .txt{ padding: 35px 50px;}
.app_page .appitem h2{ font-size: 40px; font-family: tsb; line-height: 40px; height: 40px; overflow: hidden; margin-bottom: 15px;}
.app_page .appitem p{ font-size: 18px; height: 90px; overflow: hidden;}
.app_page .appitem:hover{ background:#0f40bd; color: #fff;}
.app_page .appitem:hover h2,.app_page .appitem:hover p{ color:#fff;}
@media (max-width: 1540px) { 
    .app_page .appitem .txt{padding: 30px 40px;}
}
@media (max-width: 1281px) { 
    .app_page .appitem h2{ font-size: 32px; line-height: 32px; height: 32px;}
    .app_page .appitem p{ font-size: 16px; line-height: 24px; height: 72px;}
}
@media (max-width: 450px) {
    .app_page .appitem{ width: 100%; float: none; margin-bottom:30px;}
    .app_page .appitem .txt{padding:15px 20px ;}
    .app_page .appitem h2{ font-size: 26px; line-height: 26px; height: auto;}
}
.sol_det{ background: #f7f7f7;}
.sol_txt{ font-size: 18px; margin-bottom:65px;}
.soldet_box{ position: relative;}
.soldet_box .pic{ width: 57.5%;}
.soldet_box .pic .imgfd{ padding-top: 60%;}
.soldet_box .txt{ width: 38%; padding-top:40px; font-size:18px; position:relative; z-index:3;}
.sol_youshi{ position: absolute; width:52%; background: #fff; padding:45px 0; right:0; bottom:40px;}
.sol_youshi dt{ width: 33.33%; text-align: center; position:relative; padding:0 45px;}
.sol_youshi dt p{ font-size: 18px; line-height:24px; height: 48px; margin-top: 15px; transition:.3s ease;}
.sol_youshi dt:after{ position:absolute; right: 0; width: 1px; height: 80px; background: #ececec; content: ''; top:50%; transform:translateY(-50%);}
.sol_youshi dt:last-child:after{ display:none;}
.sol_youshi dt .ic{ transition: 2s ease;}
.sol_youshi dt:hover .ic{ transform:rotateY(360deg);}
.sol_youshi dt:hover p{ color:#1e4fb1;}

.caseswiper{ overflow: hidden; padding-bottom: 40px; position:relative;}
.caseswiper .imgfd{ padding-top: 63%; margin-bottom:30px;}
.caseswiper h2{ font-family: tekom; font-size: 30px; line-height: 40px; height: 80px; overflow: hidden; margin-bottom:35px;}
.caseswiper span i{ margin-left: 5px;}
.caseswiper li{ padding-bottom: 25px; border-bottom: 1px solid #e9e9e9;}
.caseswiper li:after{ position:absolute; width: 0; height: 1px; bottom: -1px; background:#1e4fb1; left:0;transition: .3s ease; content: '';}
.caseswiper li:hover:after{ width:100%;}
.caseswiper li:hover h2{ color:#1e4fb1;}


@media (max-width: 1540px) {
    .sol_youshi{ padding: 25px 0; bottom:30px;}
    .soldet_box .txt{ padding-top: 30px;}
    .soldet_box .txt b{ font-size: 36px; line-height: 40px;}
    
}
@media (max-width: 1281px) {
    .sol_det{padding: 40px 0 60px;}
    .soldet_box .pic .imgfd{ padding-top: 70%;}
    .sol_youshi dt p{ font-size: 16px; line-height: 24px; height: 48px; margin-top:10px;}
    
}
@media (max-width: 1024px) {
    .sol_youshi{ position: unset; width: 100%;}
    .rel_case .tsb72{margin-bottom: 25px;}
    
}
@media (max-width: 450px) {
    .sol_det{ padding: 25px 0 40px;}
    .sol_txt{ margin-bottom: 30px;}
    .soldet_box .pic{ width: 100%; float:none;}
    .soldet_box .pic .imgfd{ padding-top: 60%;}
    .soldet_box .txt{ width: 100%;float: none;}
    .soldet_box .txt b{ font-size: 26px; line-height: 30px;}
    .sol_youshi dt{ padding: 0 10px;}
    .sol_youshi dt p{ font-size: 14px; line-height: 20px;}
    .sol_youshi dt .ic img{ height: 40px;}
    .caseswiper .imgfd{margin-bottom: 15px;}
    .caseswiper h2{ font-size: 24px; line-height: 24px; height: 48px; margin-bottom:20px;}
    .caseswiper li{padding-bottom: 15px;}
    .caseswiper li span{ font-size: 14px;}
}

.case_det{ padding: 50px 240px 0;}
.case_det h1.tit{ font-size: 60px; font-family: tekom; line-height:80px; }
.news_info{margin: 20px 0 45px; padding: 22px 0; border-bottom: 1px solid #e3e3e3;}
.news_info i{ display: inline-block; width: 4px; height: 4px; background: #9b9b9b; margin: 0 12px;}
.news_info .share{ margin-left: auto;}


.page_btn{ align-items: flex-start; padding-top:40px; border-top:1px solid #e3e3e3;}
.page_btn span{ display: inline-block; line-height: 20px;}
.page_btn .back{ display: inline-block; margin: 0 auto; line-height: 46px; border: 1px solid #b1b1b1; padding: 0 40px; text-transform: uppercase; transition:.2s ease;}
.page_btn .back i{ margin-left: 10px;}
.page_btn .back:hover{background: #1e4fb1; border-color: #1e4fb1; color: #fff;}
.page_btn .next{ text-align: right;}
.page_btn i{ font-size: 14px;}
.page_btn .next i{ margin-left: 10px; font-size:14px;}
.page_btn .prev i{margin-right: 10px; font-size:14px;}
.page_btn .next:hover a,.page_btn .prev:hover a{ color: #1e4fb1;}
.page_btn .prev,.page_btn .next{ width:40%;}
.page_btn span{ display: block; margin-bottom:15px;}
.page_btn a{ display: block; line-height: 24px;}


@media (max-width: 1540px) {
    .case_det h1.tit{font-size: 58px; line-height: 66px;}
    
}
@media (max-width: 1281px) {
    .case_det h1.tit{font-size: 48px; line-height: 50px;}
    .case_det{padding: 35px 40px 0;}
    
}

@media (max-width: 450px) {
    .case_det{ padding: 20px 0 0;}
    .case_det h1.tit{font-size: 26px; line-height: 34px;}
    .news_info{padding: 18px 0; margin: 15px 0 25px;}
    .news_info .share{ width: 100%; margin-top: 15px;}
    .page_btn{display: block; padding-top:25px;}
    .page_btn .back{ display: none;}
    .page_btn .prev, .page_btn .next{ width: 100%;}
    .page_btn .next{text-align: left; margin-top: 20px;}
}

.news_nav{ justify-content: center; margin-bottom:90px; border-bottom:1px solid #e8e8e8;}
.news_nav a{ display: block; margin: 0 100px; font-family:teko; font-size:30px; line-height:90px; position:relative;}
.news_nav a:after{ height:2px; width: 0; transition: .3s ease; content:''; background:#0f40bd; position:absolute; left:0; bottom:-1px;}
.news_nav a.act,.news_nav a:hover{ color: #0f40bd;}
.news_nav a.act:after,.news_nav a:hover:after{ width:100%;}

.news_center{padding: 70px 0 90px;}
.news_left{ width: 460px;}
.news_right{ width: calc(100% - 530px);}
.news_left .tsb60{ text-transform: uppercase; margin-bottom:0;}
.hot_news .pic{ width: 135px; margin-right: auto;}
.hot_news a{ padding: 35px 0 25px; border-bottom: 1px solid #e6e6e6;}
.hot_news .imgfd{padding-top: 66.67%;}
.hot_news .txt{ width: calc(100% - 155px);}
.hot_news .txt h2{ font-family: teko; font-size: 24px; line-height: 26px; height: 52px; overflow: hidden; margin-bottom: 26px;}
.hot_news a:hover h2{ color:#1e4fb1;}
.news_right h1{ margin-bottom: 20px;}
.news_info .colname{ display: inline-block; line-height: 38px; padding: 0 20px; margin-right: 20px; background: #f5f5f5; color: #0f40bd;}
@media (max-width: 1540px) {
    .news_left{ width: 400px;}
    .news_right{ width: calc(100% - 450px);}
    
}
@media (max-width: 1024px) {
    .news_left{ display: none;}
    .news_right{ width: 100%;}
}
@media (max-width: 450px) {
    .news_nav a{ font-size: 24px; line-height: 50px; margin: 0 auto;}
    .news_nav{margin-bottom: 35px;}
    .news_center{padding: 30px 0 40px;}
}
.lx_top .item_top p{ font-size: 18px; width: 49%; margin-left: auto;}

.lx_main{ padding: 75px 0; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb;}
.lx_main .left{ width: 45%;}
.lx_main .right{ width: 45%;}
.lx_main .right b{ font-family: tekom; font-size: 60px; line-height:60px;}
.lx_main .right dt{ margin-top: 50px;}
.lx_main .right dt i{ display: block; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; border: 1px solid #d8d8d8; margin-right:18px; text-align:center; font-size:24px;}
.lx_main .right dt.fl{ width: 50%;}
.lx_main .right dt .txt{ width: calc(100% - 70px); font-size:18px;}
.lx_main .right dt .txt h4{ font-size: 30px; font-family: tekom; margin-bottom: 5px;}
.lx_main .right .follow p{ font-size: 26px; text-transform:uppercase; font-family:teko; margin-right:20px;}
.lx_main .right .follow{ margin-top: 50px;}
.lx_main .left span{ display: block; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; background: #0f40bd; text-align: center; color:#fff; transform:translateY(20px);}
.lx_main .left .box{ width: calc(100% - 60px); margin-left:auto;}
.lx_main .left dt{ margin-bottom: 55px;}
.lx_main .left dt h4{ font-size: 36px; font-family: tekom; margin-bottom: 10px;}
.lx_main .left dt p{ font-size: 18px;}

.lx_bot .map{ width: 52%; overflow: hidden; margin-right:auto;}
.lx_bot .map iframe{ width: 100%!important;}
.lx_bot .lx_msg{ width: 43%;}
.lx_msg .formbox{ padding: 15px 25px 15px 30px; border:1px solid #e1e1e1; margin-bottom:18px;}
.lx_msg .formbox input,.lx_msg .formbox textarea{ width: calc(100% - 30px); margin-right: auto; line-height:22px;}
.lx_msg .formbox i{ font-size: 22px; color: #999;}
.lx_msg .sub{ width: 100%; line-height: 58px; text-align: center; background: #1e4fb1; color: #fff; font-size: 30px; font-family: teko; margin-top:30px; cursor:pointer; transition:.2s ease; text-transform:uppercase;}
.lx_msg .sub:hover{ background:#0f40bd;}

@media (max-width: 1540px) {
    .lx_main .right{ width: 49%;}
    
}
@media (max-width: 1281px) {
    .lx_main .right b{ font-size: 48px; line-height: 48px;}
    .lx_main .right dt{margin-top: 40px;}
}
@media (max-width: 450px) {
    .item_top { display: block;}
    .lx_top .item_top p{ width: 100%; font-size:16px; margin-top:20px;}
    .lx_main{padding: 35px 0;}
    .lx_main .left{ width: 100%; float: none;}
    .lx_main .left dt h4{ font-size: 26px; line-height: 26px;}
    .lx_main .left dt p{ font-size: 16px;}
    .lx_main .left dt{margin-bottom: 30px;}
    .lx_main .left span{ transform: translateY(10px);}
    .lx_main .right{ width: 100%;}
    .lx_main .right b{ font-size: 36px; line-height: 36px;}
    .lx_main .right dt.fl{ width: 100%; float: none; margin-top:20px;}
    .lx_main .right dt .txt h4{ font-size: 24px; line-height: 24px;}
    .lx_main .right .follow{margin-top: 30px;}
    .lx_main .right .follow p{ font-size: 22px;}
    .lx_bot .map{ display: none;}
    .lx_bot .lx_msg{ width: 100%; float: none;}
    .lx_msg .formbox{padding: 10px 15px 10px 12px; font-size: 14px;}
    .lx_msg .sub{line-height: 48px; font-size:26px; margin-top:20px;}
    
}