﻿/*header*/
.index_slide{padding-top:53px;}
.header_nulldiv{height:53px;}
.header{z-index: 400;background: #fff;width: 100%;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.header.on{height: 100%;overflow-y: auto;}
.header {
    z-index: 400;
    background: #fff;
    width: 100%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    position: fixed;
}
.head {
    overflow: hidden;
    padding: 8px 12px 8px 20px;
    border-bottom: 1px solid #e6e6e6;
}
.head .logo{height: 36px;display: block;overflow: hidden;float: left;}
.head .logo img{display: block;height:100%;}
.menu_click{width: 28px;height: 25px; position: relative; cursor: pointer;float: right;margin-top: 7px;}
.menu_click li{position: absolute;margin-top: 3px; height: 4px;width: 28px; background: #0095e2;border-radius: 2px;
 -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.menu_click li.li_1{top:0;left: 0;}
.menu_click li.li_2{top:9px;left: 0;}
.menu_click li.li_3{bottom:0;left: 0;}
.menu_click li:before{content: "";position: absolute;height:4px;width: 4px;background: url(../images/yuan_03.png) no-repeat center;top:50%;margin-top:-2px;left:-5px;background-size: cover;}
.head .on li:before{display: none;}


body #LXB_CONTAINER .lxb-container
{
    display:none;
}
.easy_6 .bm6_wrap
{
    text-align:center;
}
.con .tgyh5
{
    font-size: 1.5em;
    line-height: 34px;
    margin-bottom: 10px;
    color: #fff;
    text-indent: 23px;
}
.p3 a
{
    color:White;
}
.p4 a
{
    color:White;
}
.app_3  .opacity_0,.pd_14 .opacity_0
{
    opacity:1;
    filter: alpha(opacity=1);
}
.primary-navigation__media img
{
    width: 31px;
    margin: 10px 9px;
}
 .primary-navigation__media, .primary-navigation__toggle {
        -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: absolute;
    display: block;
    width: 49px;
    height: 53px;
    background: transparent;
    border: none;
    right: 49px;
    top: 0;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    color: #2d303a;
}
.menu_click.on li.li_1{top: 9px;  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);}
.menu_click.on li.li_2{display: none;}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } 
.menu_click.on li.li_3{bottom: 9px; -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);}
.nav{padding: 24px 5.5%;display: none;}
.nav>li{border-bottom: 1px solid #e6e6e6;padding: 5px 0;}
.nav>li>a{position: relative;font-size: 1em;line-height: 20px;color: #6f6f6f;display: block;padding: 5px 40px 5px 12px;}
.nav li a i,.nav_little i{position: absolute;right: 14px;top:10px;background: no-repeat center;width: 15px;background: url(../images/nav_03.jpg) no-repeat center;height: 15px;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.nav>li.active>a{color: #353535;}
.nav2,.nav3{display: none;padding: 15px 0 14px;border-top: 1px solid #e6e6e6;margin-top: 5px;}
.nav3{ padding-left: 15px;padding-top: 5px;}
.nav2 a,.nav3 a{display: block;font-size: 0.875em;color: #6f6f6f;line-height: 20px;padding: 5px 20px;margin-bottom: 5px;position: relative;}
.nav3>li{border-bottom:solid #e6e6e6 1px;}
.nav3>li>a{padding-top:11px;position: relative;}
.nav>li.active>a>i,.nav2 .on>a>i,.nav_little>.on>a>i,.nav_little2>.on>a>i{background-image: url(../images/nav_07.jpg);}
.bgimg{width:100%;overflow: hidden;padding-top:53px;}
.bgimg img{display: block;width: 100%;height:auto;}
.nav_little2,.nav_little3{margin-left: 20px;display: none;}
.nav_little a{position: relative;}



/*footer*/
.l-footer{background: #2c2c2c;}
.footer_nav{padding:0;box-sizing: border-box;padding-bottom: 20px;}

.footer_nav>li>a,.footer_nav2>li>a{padding:15px 0;color:#999;display: block;border-bottom: solid #535353 1px;box-sizing: border-box;padding-left: 0;transition: ease .5s;}
.footer_nav>li>a{font-size: 16px;}
.footer_nav>li:last-child>a{border-bottom: none;}
.footer_nav2>li>a{font-size: 14px;border-bottom: dashed #535353 1px;}
.footer_nav2>li>a:hover,.footer_nav>li>a:hover{color: #0095e2;}

.footer_nav>li>a>i{display: block;float: right;height:20px;width:13px;background: url(../images/footerimg_07.png) no-repeat center;background-size: 8px auto;transition: .5s;}
.footer_nav>.on>a>i{background:url(../images/footerimg_03.png) no-repeat center;background-size: auto 10px }
.footer_nav2{padding-left: 20px;box-sizing: border-box;display: none;}
.footer_mess{font-size: 12px;line-height: 20px;color:#888888;box-sizing: border-box;padding:0;margin-bottom: 50px;padding-bottom: 20px;}
.footer_mess a{font-size: 12px;line-height: 20px;color:#888888;transition: .5s;}
.footer_mess a:hover{color:#0095e2;}
.fixed_footer{height:50px;background: #0095e2;display: flex;align-items: center;justify-content: center;flex-grow: 1;width: 100%;box-sizing: border-box;position: fixed;bottom: 0;z-index: 10;}
.fixed_footer a{display: block;width:60px;height:30px;border-right: solid rgba(255,255,255,.5) 1px;}
.fixed_footer a:last-child{border: none;}
.common_ul{box-sizing: border-box;}
.common_ul li{background: #e8e8e8;overflow: hidden;position: relative;margin-bottom: 20px;}
.common_img{float: left;width:20px;height:20px;position: absolute;left:15px;top:50%;transform: translate(0,-50%);}
.common_img img{display: block;width: 100%;}
.common_text{font-size: 16px;line-height: 23px;float: left;border-left: solid #c0c0c0 1px;padding-left: 15px;;margin-left:30px;max-width: 82%;color:#333333;}
.common_text_box{background:#e8e8e8;overflow: hidden;padding:15px 15px;box-sizing: border-box;display: flex;align-items: center;position: relative;}
.common_text_box i{display: block;width:10px;height:10px;background: url(../images/commonjia_06.png) no-repeat center;position: absolute;top:50%;margin-top:-5px;right:15px;}
.common_ans{padding:15px;box-sizing: border-box;overflow: hidden;position: relative;display: none;}
.comtext_size{font-size: 13px;color:#888888;line-height: 23px;}
.common_ul .on{background-color:  #f6ab00;}
.on .common_text{color:#fff;border-color: #e0e0e0}
.on i{background-image: url(../images/commonjia_03.png)}
.common_img .img_h{display: none;}
.on .img_h{display: block;}
.on .img_1{display: none;}
.nav_common{display: flex;align-items: center;justify-content: center;margin-bottom: 30px;}
.nav_common a{height:10px;width: 10px;border-radius: 50%;border:solid #a1a1a1 1px;box-sizing: border-box;margin-right: 5px;transition: .5s;}
.nav_common .on{background-color: #0095e2;border-color:#0095e2;}
.li_on .common_ans{display: block;}

/* 2019.12.20 */
.l-footer{}
.lfooter-ewm{float: left;}
.lfooter-ewm1{float: left;margin-right: 10px;width: 19.5%;text-align: center;}
.lfooter-ewm1 img{width: 100%;margin-bottom: 5px;}
.lfooter-ewm1 p{font-size: 14px;color: #999;}
.lfooter-ewm2{margin-right: 0;}
.lfooter-ba{float: right;width: 53%;font-size: 14px;line-height: 22px;color: #888;}
.lfooter-ba a{display: inline-block;padding: 0 10px;position: relative;}
.lfooter-ba a.llink-ctm{padding-left: 0;}

.lfooter-ba a::before{position: absolute;content: "";width: 2px;height: 15px;background: #888;left: 0;top: 3px;}
.lfooter-ba a.llink-ctm::before{display: none;}
/*导航*/

.product_flex .flex-control-paging,.newsflex .flex-control-paging,
.product_pageflex .flex-control-paging,.qiye_showimg_box .flex-control-paging,.caseflex .flex-control-paging
,.qywhflex .flex-control-paging{display: flex;align-items: center;justify-content: center;}
.product_flex .flex-control-paging a,.newsflex .flex-control-paging a,.commonflex  .flex-control-paging a,
.product_pageflex .flex-control-paging a,.qiye_showimg_box .flex-control-paging a,.caseflex .flex-control-paging a,
.qywhflex .flex-control-paging a
{font-size: 0;display: block;width:10px;height:10px;;border-radius: 50%;border:solid #a1a1a1 1px;box-sizing: border-box;margin-right: 5px;transition: .5s;}
.product_flex .flex-control-paging .flex-active,.newsflex .flex-control-paging .flex-active,
.product_pageflex .flex-control-paging .flex-active,.qiye_showimg_box .flex-control-paging .flex-active,.caseflex .flex-control-paging  .flex-active,
.qywhflex .flex-control-paging .flex-active{background-color: #0095e2;border-color:#0095e2;}
.newsflex,.qyry,.product_pageflex,.qywhflex{margin-bottom: 20px;}
.zhuanli_list{margin-bottom: 15px}

.page{margin:0 15px 20px 15px;position: relative;display: flex;justify-content: center;}
.page a{display: block;font-size:13px;color:#252728;padding:5px 9px;border:solid #dedede 1px;margin-right: 8px;transition: 0.35s;}
.page .page_prev,.page .page_next{position: absolute;top:0;margin:0;}
.page .page_prev{left: 0;}
.page .page_next{right: 0;}
.page .qing{display:none}
.page .on,.page a:hover{color:#fff;background:#2980ea;border-color:#2980ea;}

/*nav_page*/
.nav_page{background: #0071ac;box-sizing: border-box;padding:0 15px 15px 15px;position: absolute;width: 100%;z-index: 3;display: none;}
.nav_page li a{font-size: 14px;color:#89d7ff;padding:13px 0;border-bottom:solid rgba(255,255,255,.3) 1px;display: block;transition: .5s;}
.nav_page li a:hover,.nav_page li .on{color:#fff;}
/*shipin*/
.shiping_text{font-size: 14px;padding:10px;box-sizing: border-box;background-color: #0095e2;text-align: center;color:#fff;margin-bottom: 13px;}
.shipin_a{width: 49%;display: block;box-sizing: border-box;margin-bottom: 2%;transition: .5s;}
.shipin_a img{width: 100%;display: block;}
.shiping{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.shipin_img{position: relative;transition: .5s;}
.click_open{height:30px;width: 30px;border:solid rgba(255,255,255,0.17) 1px;border-radius: 50%;position: absolute;top:50%;left:50%;margin-left: -15px;margin-top:-15px;
    background:url(../images/shipinpoint_03.png) no-repeat center;background-size:10px auto;z-index: 3;}
.video{display:none;position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,0.68);top:0;left: 0;z-index: 100000000000000;box-sizing: border-box;padding:0 20px;}
.video-con{position: relative;left: 50%;top:50%;transform: translate(-50%,-50%);}
.video-con .cancel{width: 25px;height: 25px;position:absolute;right:-12px;top:-12px;cursor: pointer;  }
.video-con .cancel img{display: block;height: 25px;width: 25px;}
.shipin_img i{display: block;position: absolute;width: 100%;height:100%;background-color:  rgba(11,79,154,.5);z-index: 2;top:0;left:0;display: none;}
.shipin_a:hover .shipin_img i{display: block;}


/* =========2019.12.19=========== */
.lmain{width: auto;padding: 0 15px;margin-top: -5px;}
/*index*/
.lindex-bannerapp{padding-top: 53px;position: relative;}
.lindex-bannerapp a{display: block;width: 100%;}
.lindex-bannerapp img{width: 100%;}
.lindex-bannerapp .swiper-pagination-bullet{width: 12px;height: 12px;background: #fff;opacity: 1;margin: 0 10px !important;}
.lindex-bannerapp .swiper-pagination-bullet-active{width:12px;height: 12px;background: transparent;position: relative;opacity: 1;border-radius: 50%;border: 1px solid #fff;}
.lindex-bannerapp .swiper-pagination-bullet-active::before{content: "";position: absolute;width: 6px;height: 6px;left: 2px;top: 2px;border-radius: 50%;background: #fff;}
.lindex-bannerapp .swiper-pagination{bottom: 15px;width: 100%;}
.lindex-tit{font-size: 26px;color: #333;line-height: 36px;text-align: center;margin-bottom: 10px;}
.lindex-des{font-size: 14px;color: #666;line-height: 22px;text-align: center;}
.padd{padding: 40px 0;overflow: hidden;}

.lindex-one .swiper-slide a{display: block;background-repeat: no-repeat;background-position: center;background-size: cover;height: 312px;position: relative;}
.lin1-text{position: absolute;top:0;left:0;width: 100%;	height: 100%;z-index: 4;}
.lin1-text>div{position: relative;height: 100%;}
.lin1-cont{padding: 0 20px;}
.lin1-text .dis-table{width: 80%;background: rgba(3,129,194,0.6);display: block;padding-top: 60px;}
.lin1-tit{font-size: 22px;color: #fff;position: relative;line-height: 32px;padding-bottom: 10px;margin-bottom: 10px;font-weight: lighter;}
.lin1-tit::before{content: "";position: absolute;width: 50px;height: 2px;background: #fff;bottom: 0;left: 0;}
.lin1-des{font-size: 15px;line-height: 26px;color: #fff;height: 100px;}
.lin1-allbtn{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.lin1-allbtn>div{position: relative;height: 100%;}
.lin1-btn{background: #fff;width: 160px;height: 40px;position: absolute;display: table;text-align: center;margin-top: 0;z-index: 5;left: 50px;bottom: 20px;}
.lin1-btn .swiper-pagination-fraction{color: #000;font-size: 22px;display: table-cell;vertical-align: middle;font-style: italic;}
.lindex-one .swiper-container{margin-top: 20px;}


.lin1-btn .swiper-pagination-current{    position: absolute;top: 10%;left: 40%;font-style: normal;font-size: 16px;}
.lin1-btn .swiper-pagination-total{position: absolute; top: 35%;left: 53%;font-style: normal;font-size: 16px;}
.lin1-allbtn .swiper-button-next,.lin1-allbtn .swiper-button-prev{width:15px;height: 14px;transition: ease .5s;opacity: 1 !important;margin-top: 0;top: 35%;background-size: cover !important;}
.lin1-allbtn .swiper-button-next{background: url(../images/in1-right1.png)no-repeat center right;right: 20px;}
.lin1-allbtn .swiper-button-prev{background:url(../images/in1-left1.png)no-repeat center left;left: 20px;}
.lin1-allbtn .swiper-button-next:hover{background: url(../images/in1-right2.png)no-repeat center right; }
.lin1-allbtn .swiper-button-prev:hover{background:url(../images/in1-left2.png)no-repeat center left;}


.lindex-two{padding-top: 0 !important;}
.lindex-two .swiper-slide img{width: 100%;}
.lindex-two .swiper-slide a{position: relative;display: block;}
.in2-cont {padding: 58px 0;}
.in2-text { position: absolute;height: 100%;  padding-left: 20px; width: 56%;overflow: hidden;top: 0; left: 0;}
.in2-tit { font-size: 22px;  color: #333;margin-bottom: 15px;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.in-pro-tit { display: inline-block; font-size: 17px;  color: #333;  transition: ease .5s;margin-right: 15px;margin-bottom: 10px;}
.in-pro-canshu { display: inline-block;font-size: 15px; line-height: 28px;color: #666;}
.in2-des {  font-size: 14px;line-height: 22px;color: #666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.banner-more { display: inline-block;font-size: 14px;color: #fff; line-height: 22px; text-align: center; border: 1px solid transparent; cursor: pointer; transition: all .4s; background: #0095e2 url(../images/more1.png)no-repeat center right 12px; padding: 5px 12px;  margin-top: 20px; padding-right: 36px;background-size: 18px 14px;}
.in2-pagination{width: 100%;text-align: center;margin-top: 20px;}
.in2-pagination .swiper-pagination-bullet{width: 12px;height: 12px;background: #0095e2;opacity: 1;margin: 0 10px;}
.in2-pagination .swiper-pagination-bullet-active{width:12px;height: 12px;background: transparent;position: relative;border-radius: 50%;border: 1px solid #0095e2;}
.in2-pagination .swiper-pagination-bullet-active::before{content: "";position: absolute;width: 6px;height: 6px;border-radius: 50%;background:#0095e2;left: 2px;top: 2px;}
@media (max-width:375px) {
	.in2-cont{padding: 48px 0;}
}
@media (max-width:360px) {
	.in2-cont{padding: 42px 0;}
}
@media (max-width:320px) {
	.in2-cont{padding: 30px 0;}
}

.lindex-three{padding-top: 0;}
.lindex-three .swiper-container,.lindex-two .swiper-container{margin-top: 20px;}
.lindex-three .swiper-slide a{display: block;}
.lindex3-img{}
.in3-text{padding: 20px 0;}
.lindex3-img img{width: 100%;}
.in3-tit{  font-size: 18px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.in3-des{    font-size: 14px;  color: #666;line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.lindex-three .swiper-button-next, .lindex-three .swiper-button-prev{width: 40px;height: 40px;transition: ease.5s;opacity: 1 !important;top: 30%;background-size: 18px 16px !important;}
.lindex-three .swiper-button-next{background: rgba(255,255,255,0.2) url(../images/in3-right.png)no-repeat center;right: 15px;}
.lindex-three .swiper-button-prev{background: rgba(255,255,255,0.2) url(../images/in3-left.png)no-repeat center;left: 15px;}
.lindex-three .swiper-button-next:hover, .lindex-three .swiper-button-prev:hover{background-color: #0095e2 !important;}


.lindex-four{}
.lindex-four .lindex-tit,.lindex-four .lindex-des{color: #fff;}
.lindex-four .lindex-tit{position: relative;padding-bottom: 5px;}
.lindex-four .lindex-tit::before{position: absolute;content: "";width: 40px;height: 2px;background: #fff;bottom: 0;;left: 44.3%;}
.lindex-four-top{background: #0095e2;width: 100%;padding: 40px 0;}
.lindex-four-bottom{}
.lindex-four-bottom img{width: 100%;}
.in4-le-bottom{margin-top: 20px;}
.in4-le-bottom ul{}
.in4-le-bottom li{float: left;width: 25%;text-align: center;}
.in4-le-bottom li p{font-size: 16px;line-height: 28px;color: #fff;}
.in4-le-bottom li h3{font-size: 22px;color: #fff;margin: 5px 0;}
.in4-le-bottom li h3 span{font-size: 28px;color: #fff;   font-family: "agl";}
.in4-icon{width: 40px;height: 40px;margin: 0 auto;}
.in4-icon img{width: 100%;transition: ease .5s;}
.in4-le-bottom li:hover .in4-icon img{transform: rotateY(180deg);}


.lindex-fiv{background: #f3f7fa;width: 100%;}
.in5-cont{margin-top: 20px;}
.in5-cont ul{}
.in5-cont li{float: left;width: 50%;text-align: center;padding: 0 10px;margin-bottom: 10px;position: relative;overflow: hidden;}
.in5-cont li h4{font-size: 16px;color: #333;line-height: 28px;position: relative;margin-top: 10px;line-height: 20px;padding-bottom: 10px;margin-bottom: 10px;transition: ease .5s;height: 30px;}
.in5-cont li:hover h4{color: #0095e2;}
.in5-cont li h4::before{content: "";position: absolute;width: 30px;height: 2px;background: #0095e2;bottom: 0;left: 40.5%;}
.in5-cont li p{font-size: 14px;line-height: 22px;color: #666;height: 66px;}
.in5-icon{width: 45px;height: 45px;margin: 0 auto;}
.in5-icon img{width: 100%;height: 100%;transition: ease .5s;}
.in5-cont li:hover .in5-icon img{transform: rotateY(180deg);}
.in5-hover{position: absolute;height: 100%;width: 100%;background: #0095E2;top: 100%;left: 0;transition: ease .8s;padding: 10px;}
.in5-cont li:hover .in5-hover{top: 0;}
.in5-hover p{color: #fff !important;}
.in5-hover .in5-hover-con{padding: 0;width: 100%;height: 188px;position: relative;}
.in5-hover .in5-hover-con p{height: 130px !important;z-index: 4;}
.in5-hover .in5-hover-con p::-webkit-scrollbar{background: white;}
.in5-hover-line{position: absolute;width: 94%; height: 94%; position: absolute; left: 3%;top: 3%;}
.in5-line1{border-top: 1px solid #fff;  border-bottom: 1px solid #fff; transform: scale(0,1);}
.in5-line2{border-right: 1px solid #fff; border-left: 1px solid #fff; transform: scale(1,0);}
.in5-line1,.in5-line2{position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; filter: alpha(opacity=0);pointer-events: none;transition: opacity 0.6s, transform 0.6s; transition-delay: 0.3s;}
.in5-cont li:hover .in5-line1,.in5-cont li:hover .in5-line2{opacity: 1;filter: alpha(opacity=100);transform: scale(1);}


.lindex-six{}
.in6-cont{margin-top: 0px;}
.in6-cont ul{}
.in6-cont li{float: left;width: 100%;margin-top: 20px;}
.in6-cont li a{display: block;width: 100%;}
.in6-img{overflow: hidden;}
.in6-img img{width: 100%;transition: ease .5s;}
.in6-cont li:hover .in6-img img{transform: scale(1.04);}
.in6-txt{width: 93%;margin: 0 auto; background: #fff;border-bottom: 2px solid #bfbfbf;position: relative;padding:30px 20px 20px;margin-top: -40px;}
.in6-txt::before{content: "";position: absolute;width: 0;height: 2px;background: #0095e2;left: 0;bottom: -2px;transition: ease .5s;}
.in6-cont li:hover .in6-txt::before{width: 100%;}
.in6-txt h3{font-size: 17px;line-height: 28px;color: #333;transition: ease .5s;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.in6-cont li:hover .in6-txt h3{color: #0095e2;}
.in6-txt span{font-size: 14px;color: #999;line-height: 22px;display: block;margin-bottom: 10px;}
.in6-txt p{font-size: 14px;line-height: 22px;color: #666;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden;}
.in-new-more{font-size: 14px;line-height: 22px;color: #999;padding-left: 30px;background: url(../images/in6-more.png)no-repeat center left;transition: ease .5s;margin-top: 15px;}
.in6-cont li:hover .in-new-more{background-image: url(../images/in6-more2.png);}


@media (max-width:320px) {
	/* .in5-cont li h4{height: 50px;} */
	.in5-cont li{padding: 0 5px;}
}


/* ============product-solution============== */
.product-solution{background-size: cover !important;padding: 93px 0 40px;}
.product-solution{padding: 93px 0 40px !important;}
.product-solution-tit{font-size: 26px;color: #fff;line-height: 36px;text-align: center;position: relative;padding-bottom: 10px;margin-bottom: 10px;}
.product-solution-tit::before{content: "";position: absolute;width: 40px;height: 2px;background: #fff;bottom: 0;left: 45%;}
.product-solution-des{font-size: 14px;line-height: 22px;color: #fff;text-align: center;width: 100%;margin: 0 auto;}
.product-solution-cont{margin-top: 40px;}
.product-solution-cont li{float: left;width: 50%;text-align: center;background: url(../images/pro-solu-more.png)no-repeat center bottom;background-image:none;transition:ease .5s;padding-bottom: 25px;}
.product-solution-cont li:hover{background: url(../images/pro-solu-more.png)no-repeat center bottom;transform: translateY(-40px);}
.product-solution-cont li a{display: block;width: 100%;}
.product-solution-icon{width: 100px;height: 100px;margin: 0 auto;position: relative; border-radius: 50%;border: 1px dashed rgba(255,255,255,0.75);text-align: center;transition: ease .5s;line-height: 100px;transition: ease .5s;}
.product-solution-icon::before{content: "";position: absolute;width:80px ;height: 80px;border-radius: 50%;background: transparent;transition: ease .5s;left: 9px;top: 9px;}
.product-solution-cont li:hover ::before{background: #0095E2;}
.product-solution-cont li:hover .product-solution-icon{border-color: #009CED;}
.product-solution-icon img{width: 40px;transition: ease .5s;position: relative;}
.product-solution-txt{font-size: 16px;line-height: 26px;color: #fff;width: 80%;margin: 0 auto;margin-top: 15px;height: 52px;}
.cont_join{overflow:hidden;height:200px;text-align: center;background: url("../images/product_04.jpg") no-repeat center;}
.phone{font-size: 16px;margin-top:53px;color: #fff;}
.phone span{letter-spacing:.1em;font-size:22px;color:#fff;width:230px;margin:0 auto;margin-bottom:3px;font-family: 'Conv_ProximaSansBlack';display: block;padding-left:35px;background: url("../images/header_19.png") no-repeat left center;background-size: 20px 20px;}
.phone a{transition:.5s;-webkit-transition:.5s;color:#fff;margin:0 auto;margin-top:15px;line-height:32px;font-size:14px;font-weight:bold;background-color:#ecc300;display: block;width: 124px;height:32px;border-radius: 18px;}
.phone a:hover{background-color: #ffd50e; }




/* ==============banner============== */
#l-banner{background-size: cover !important;width: 100%;padding-top: 53px;position: relative;}
#l-banner img{width: 100%;}
.l-banner-txt{position: absolute;width: 100%;display: table;top: 42%;left: 0;}
.l-banner-txt>div{display: table-cell;vertical-align: middle;}
.l-banner-txt h3{font-size: 24px;color: #fff;position: relative;line-height: 36px;padding-bottom: 10px;margin-bottom: 5px;}
.l-banner-txt h3::before{position: absolute;content: "";width: 40px;height: 2px;background: #0095e2;left: 0;bottom: 0;}
.l-banner-txt p{font-size: 14px;line-height: 26px;color: #fff;}
/* =========menu========= */
.l-menu{border-bottom: 1px solid #eeeeee;height: 48px;white-space: nowrap;overflow-x: auto;overflow-y: hidden;}
.l-menu a{display: inline-block;font-size: 14px;line-height: 24px;color: #555555;border-top: 4px solid transparent;transition:ease.5s;padding: 10px 30px;}
.l-menu a.on,.l-menu a:hover{border-color: #0095e2;background: #f4f5f5;}

/* =========page======== */
.l-page{text-align: center;}
.l-page a{display: inline-block;font-size: 14px;color: #666;border: 1px solid #e5e5e5;padding: 3px 10px;transition: ease .5s;}
.l-page a:hover{color: #fff;background: #0095E2;border-color: #0095E2;}
/* ==========service2=============== */
/* ============lservice=========== */
.pd{padding: 40px 0;}
.lservice-tit{text-align: center;}
.lservice-tit h3{font-size: 26px;color: #2b2b2b;line-height: 36px;}
.lservice-tit span{font-size: 14px;line-height: 22px;color: #999;position: relative;display: block;margin-top: 0px;padding-bottom: 10px;margin-bottom: 10px;}
.lservice-tit span::before{content: "";position: absolute;width: 100%;height: 1px;background: #e6e8ee;bottom: 0;left: 0;}
.lservice-tit span::after{content: "";position: absolute;width: 40px;height: 3px;background: #009ced;bottom: -1px;left: 45%;}
.lservice-des{font-size: 16px;line-height: 30px;color: #666;text-align: center;}
/*lservice-one  */
.lservice-one{}
.lservice-one-cont{margin-top: 20px;}
.lservice-one-cont a{display: block;width: 100%;}
.lservice1-img{overflow: hidden;}
.lservice1-img img{width: 100%;transition: ease .5s;}
.lservice-one-cont .swiper-slide:hover .lservice1-img img{transform: scale(1.04);}
.lservice1-text{background: #fff;box-shadow: 0px 0px 30px  rgba(0,0,0,0.05);width: 100%;padding: 18px;margin-bottom: 20px;}
.lservice1-tit{font-size:16px;line-height: 34px;color: #333;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.lservice1-tit span{display: inline-block;color: #0095e2;}
.lservice1-pagination{width: 100%;text-align: center;}
.lservice1-pagination .swiper-pagination-bullet {   width: 12px; height: 12px;    background: #0095e2;opacity: 1;margin: 0 10px;}
.lservice1-pagination .swiper-pagination-bullet-active{width: 12px; height: 12px; position: relative;border-radius: 50%;border: 1px solid #0095e2;background: transparent; }
.lservice1-pagination .swiper-pagination-bullet-active::before {  content: "";   position: absolute;  width: 6px;    height:6px;  border-radius: 50%;background: #0095e2;      left: 2px;  top: 2px;}
.lservice-one .picScroll-left .bd ul li a{display: block; float: left;width: 33.3%;padding: 0 10px;}
.lservice-one .picScroll-left .bd ul{margin: 0 !important;}
.lservice-one .picScroll-left .bd ul li{margin: 0 -10px;width: 1200px !important;}
.lservice-one .picScroll-left .bd ul li a>div{overflow: visible;transition: ease .5s;}
.lservice-one .picScroll-left .bd ul li a>div:hover{transform: translateY(-10px);}
.lservice-one .picScroll-left .hd{margin-top: 5px;}
/* lservice-two */
.lservice-two{background: #eff2f7;}
.lservice-two-cont{margin: 10px 0px 0; }
.lservice-two-cont ul{margin: 0 -5px;}
.lservice-two-cont li{float: left;width: 100%;padding: 0 5px;margin-top: 10px;}
.lservice-two-cont li>div{background: #fff;width: 100%;height: auto;transition: ease .5s;padding: 40px 0 20px;}
.lservice-two-cont li:hover>div{box-shadow: 0 0 20px rgba(0,0,0,0.3);}
.lservice2-icon{width: 60px;height: 60px;margin: 0 auto;}
.lservice2-icon img{width: 100%;transition: ease .5s;}
.lservice-two-cont li:hover .lservice2-icon img{transform: rotateY(180deg);}
.lservice2-txt{}
.lservice2-txt h4{font-size: 16px;color: #333;text-align: center;margin-top: 20px;line-height: 32px;margin-bottom: 0px;}
.lservice-two-cont li:hover .lservice2-txt h4{color: #0095E2;}
.lservice2-txt p{font-size: 14px;line-height: 22px;color: #666;text-align: center;width: 62%;margin: 0 auto;min-height: 68px;}

/* lservice-three */
.lservice-three{}
.lservice-three-cont{margin-top: 20px;}
.lservice-three-cont ul{margin: 0 -5px;}
.lservice-three-cont li{float: left;width: 50%;padding: 0 5px;}
.lservice-three-cont li a{display: block;width: 100%;}
.lservice3-img{overflow: hidden;}
.lservice3-img img{width: 100%;transition: ease .5s;}
.lservice-three-cont li:hover .lservice3-img img{transform: scale(1.04);}

.lservice3-txt{padding: 10px 0;}
.lservice3-txt h4{font-size: 16px;line-height: 26px;color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 26px;}
.lservice-three-cont li:hover .lservice3-txt h4{color: #0095e2;}
.lservice3-txt span{display: block;font-size: 14px;line-height: 22px;color: #666;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;height: 22px;}
.lservice-three-cont .banner-more{margin: 0 auto;display: block;width: 155px;margin-top: 20px;}
.lservice-three-cont .banner-more:hover{border-color: #0095e2;color: #0095e2;background-image: url(../images/more.png);}

/* ==========lservice2========== */
.lservice2{}
.lservice2 .lservice-three-cont li{margin-bottom: 10px;}

@media (max-width:320px) {
	.lservice-three-cont li{width: 100%;margin-bottom: 10px;}
}




/* ===============lhonor============= */
.lhonor-banner{}
.lhonor-banner-txt{text-align: center;top: 20%;}

.l-banner-txt h3::before{display: none;}
.lhonor-p{width:100%;margin: 0 auto;}
.lhonor-banner-txt .lhonor-p{height: 260px;}
.lhonor-banner-txt .l-banner-txt h3{padding-bottom: 5px;}
.lhonor-span{display: block;font-size: 14px;line-height: 26px;color: #fff;border-radius: 30px;background: #0095e2;width: 125px;padding: 3px 0;margin: 0 auto;margin-top: 20px;transition: ease .5s;border: 1px solid transparent;}
.lhonor-span:hover{color: #fff;border-color: #fff;background: none;}
.lhonor{background: #f1f1f1;padding-top: 50px;}
.lhonor-cont{margin-top: 20px;}
.lhonor-cont ul{margin: 0 -5px;}
.lhonor-cont li{float: left;width: 50%;text-align: center;margin-bottom: 10px;padding: 0 5px;cursor: pointer;}
.lhonor-cont li p{font-size: 15px;line-height: 24px;color: #333;}
.l-techno4-pic{margin-bottom: 8px;border: 1px solid transparent;transition: ease .5s;}
.lhonor-cont li:hover .l-techno4-pic{border-color: #0095E2;}
.l-techno4-pic img{width: 100%;}
.lhonor .l-page a{background: #fff;}
.lhonor .l-page a:hover{background:#0095E2;}
#darkbox { position: fixed; z-index: 10002;background: rgba(0,0,0,0.8) no-repeat none 50%; background-size: contain; -webkit-box-shadow: 0 0 0 3000px rgba(0,0,0,0.8); box-shadow: 0 0 0 3000px rgba(0,0,0,0.8); opacity: 0;  visibility: hidden; }
  #darkbox.on { opacity: 1;visibility: visible; height: 90% !important; width: 90% !important; left: 5% !important; top: 5% !important; }
  #darkbox_prev, #darkbox_next { cursor: pointer;-moz-user-select: none;-ms-user-select: none;    user-select: none;-webkit-user-select: none; position: absolute;  top: 50%; margin-top: -25px;height: 50px; width: 50px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border-top: 2px solid #fff; border-right: 2px solid #fff;-webkit-transition: all .3s; -o-transition: all .3s;  transition: all .3s;}
  #darkbox_prev { left: -2px; -ms-transform: rotate(-135deg);-webkit-transform: rotate(-135deg);transform: rotate(-135deg); }
  #darkbox_next { -ms-transform: rotate(45deg);-webkit-transform: rotate(45deg); transform: rotate(45deg);  right: -2px;}
  #darkbox_prev:hover,#darkbox_next:hover{border-color: #0095E2;}
  #darkbox-description {  position: absolute; width: 100%; color: #fff; font-size: 18px; bottom: 25px; text-align: center;text-shadow: 0 1px 1px #000; }
  #darkbox:after { position: absolute;  right: 0; top: 0; width: 24px; height: 24px; content: ""; color: #fff; cursor: pointer; background: url(../images/close.png) no-repeat center transparent;}
  
  
  @media (max-width:375px) {
  	.lhonor-banner-txt .lhonor-p{height: 238px;}
  }
  
  @media (max-width:360px) {
  	.lhonor-banner-txt .lhonor-p{height: 228px;}
  }
    @media (max-width:320px) {
  	.lhonor-banner-txt .lhonor-p{height: 186px;}
  }
  
  
  
  		/* ===========lteam=========*/
  /* .lteam{padding: 50px 0;} */
  .lteam-cont{margin-top: 20px;margin-bottom: 10px;}
  .lteam-cont ul{margin: 0 -5px;}
  .lteam-cont li{position: relative;margin-bottom: 10px;transition: ease .5s;padding: 0 5px;}
  .lteam-cont li:hover{box-shadow: 0 0 20px rgba(0,0,0,0.3);transform: translateY(-5px);}
  .lteam-pic{height: auto;padding: 10px 20px;}
  .lteam-pic img{width: 50%;/* text-align: center; */}
  .lteam-txt{padding: 0px 0 20px;}
  .lteam-txt h3{font-size: 18px;line-height: 28px;color: #333;margin:5px 0;}
  .lteam-txt h4{font-size: 16px;line-height: 26px;color: #666;margin-bottom: 5px;padding-bottom: 10px;position: relative;}
  .lteam-txt h4::before{content: "";position: absolute;width: 25px;height: 1px;background: #0095E2;bottom: 0;left: 0;}
  .lteam-txt p{font-size: 14px;line-height: 22px;color: #666;}
  
  
  
  /* ==========lidea========== */
  .lidea{}
  .lidea-one{padding-bottom: 30px;padding-top: 50px;}
  .lidea-two{background: #f3f7fa;}
  .lidea-two .banner-more,.lidea-four .banner-more{margin: 0 auto;display: block; width: 126px;margin-top: 20px;}
  .lidea-two .banner-more:hover,.lidea-four .banner-more:hover{color: #0095E2;border-color: #0095E2;background-image: url(../images/more.png);}
  .lidea-two .lteam-cont ul{margin: 0 -5px;}
  .lidea-two .lteam-cont li:hover>div{box-shadow: 0 0 20px rgba(0,0,0,0.3);}
  .lidea-two .lteam-cont li:hover{transform: none;box-shadow: none;}
  .lidea-two .lteam-cont li{margin-top: 10px;padding: 0 5px;}
  .lidea-two .lteam-cont li>div{background: #fff;padding: 10px;transition: ease .5s;}
  .lidea-two .lteam-cont{margin-bottom: 0;}
  .lidea-two .lteam-pic{padding: 5px;height: auto;text-align: center;}
   .lidea-two  .lteam-txt h4{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
  /* .lidea-two .lteam-txt{left: 35%;} */
  .lidea-three{}
  .lidea-three .in2-con{margin-top: 20px;}
  .lidea-three .in2-banner .swiper-slide a{height: auto;text-align: center;}
  .idea3-img{overflow: hidden;}
  .idea3-img img{width: 100%;transition: ease .5s;}
  .lidea-three .in2-banner .swiper-slide a:hover .idea3-img img{transform: scale(1.04);}
  .idea3-txt{}
  .idea3-txt h3{font-size: 16px;color: #333;line-height: 26px;position: relative;margin-top: 10px;padding-bottom: 8px;margin-bottom: 5px;text-align: center;}
  .idea3-txt h3::before{content: "";position: absolute;width: 30px;height: 1px;background: #0095E2;left: 46%;bottom: 0;}
  
  .idea3-txt p{font-size: 14px;line-height: 22px;color: #666;width: 100%;margin: 0 auto;text-align: center;}
  .lidea-three .picScroll-left .hd{margin-top: 40px;}
  .lidea-four{background: #f3f7fa;}
  .lidea-four .lhonor-cont li{margin-bottom: 0;}
  
  
  
  
  
  
  .in2-pagination{width: 100%;text-align: center;margin-top: 20px;}
.in2-pagination .swiper-pagination-bullet{width: 12px;height: 12px;background: #0095e2;opacity: 1;margin: 0 10px;}
.in2-pagination .swiper-pagination-bullet-active{width:12px;height: 12px;background: transparent;position: relative;border-radius: 50%;border: 1px solid #0095e2;}
.in2-pagination .swiper-pagination-bullet-active::before{content: "";position: absolute;width: 6px;height: 6px;border-radius: 50%;background:#0095e2;left: 2px;top: 2px;}




/* =========solution=========== */
.lsoluxqbanner-txt{top: 29%;}
  .lhonor-banner-txt .lsoluxq-p{height: 140px;}
  /* .lsolution-h3{margin-bottom: 20px !important;} */
    .lsolution-h3::before{left: 47.8% !important;}
	/* .lsolution-banner{height: 600px !important;} */
  .lsolution{}
  .lsolution-one{padding: 40px 0;}
  .lsolution-tit{font-size: 24px;color: #333;position: relative;line-height: 24px;text-align: center;padding-bottom: 20px;}
    .lsolution-tit::before{content: "";position: absolute;width: 30px;height: 1px;background: #0095E2;left: 45.5%;bottom: 0;}
  .lsolution-one-con{margin-top: 20px;}
  .lsolution-one-con ul{}
  .lsolution-one-con li{float: left;text-align: center;width: 50%;padding: 0 10px;margin-bottom: 20px;}
    .lsolution-one-con li h4{font-size: 16px;color: #0095e2;line-height: 30px;margin: 20px 0 0px;}
	  .lsolution-one-con li p{font-size: 14px;line-height: 22px;color: #666;height: 66px;}
  .lsolution1-icon{width: 50px;height: 50px;margin: 0 auto;position: relative;overflow: hidden;}
  .lsolution1-icon img{width: 100%;transition: ease .5s;position: absolute;}
  .lsolution1-icon1{top: 0;left: 0;}
  .lsolution1-icon2{top: -100%;left: 0;}
  	  .lsolution-one-con li:hover .lsolution1-icon1{top: 100%;}
	  .lsolution-one-con li:hover .lsolution1-icon2{top: 0;}
    .lsolution-two{background-size: 100% 100% !important;padding: 40px 0;}
	    .lsolution-two ul{width: 100%;margin: 0 auto;position: relative;}
		    .lsolution-two li{float: left;width: 50%;text-align: center;transition: ease .5s;text-align: center;margin-top: 10px;}
			 .lsolution-two li:hover{transform: translateY(-20px);}
			
			 .lsolution-two li h4{font-size: 16px;line-height: 30px;color: #fff;margin-top: 5px;}
			 .lsolution2-icon{width: 60px;height: 60px;margin: 0 auto;border-radius: 50%;background: rgba(0,149,226,0.3);position: relative;}
				 .lsolution2-icon::before{content: "";position: absolute;width: 60px;height: 60px;border-radius: 50%;background: transparent;border: 2px solid #0095E2;top: 0px;left: 0px;}		 
			.lsolution2-icon::after{content: "";position: absolute;width: 5px;height: 66px;background: url(../images/solution2-af.png)no-repeat center;bottom: -68px;}
			 .lsolution2-icon img{width: 100%;}
			
	
	.lsolution-three{}
	.lsolution-three-con{margin-top: 20px;}
	.lsolution-three-con ul{margin: 0 -5px;}
	.lsolution-three-con li{float: left;width: 50%;padding: 0 5px;}
	.lsolution-three-con li a{display: block;width: 100%;}
	.lsolution3-img{overflow: hidden;}
	.lsolution3-img img{width: 100%;transition: ease .5s;}
		.lsolution-three-con li:hover .lsolution3-img img{transform: scale(1.04);}
				.lsolution3-txt{background: #fff;padding: 10px 15px;box-shadow: 10px 20px 30px 10px rgba(0,0,0,0.05);}
	.lsolution3-txt h3{font-size: 16px;line-height: 30px;color: #2a2a2a;transition: ease .5s;float: left;white-space: nowrap;   text-overflow: ellipsis;   overflow: hidden; max-width: 90%;}
		.lsolution3-txt i{display: inline-block;width: 30px;height: 30px;background: url(../images/solution3-more.png)no-repeat center;transition: ease .5s;float: right;background-size: 30px 30px;}	
		.lsolution-three-con li:hover .lsolution3-txt i{background-image: url(../images/solution3-more1.png);}
		.lsolution-three-con li:hover .lsolution3-txt h3{color: #0095E2;}
	
	    @media (max-width:375px) {
			
	}
	    @media (max-width:360px) {
			
	}
	    @media (max-width:320px) {
			.lsolution-one-con li{width: 100%;float: none;}
			.lsolution-one-con li p{height: auto;}
			.lhonor-banner-txt .lsoluxq-p{height: 106px;}
			.lsoluxqbanner-txt{top: 27%;}
			.lsolution-three-con li{width: 100%;margin-bottom: 10px;}
	}