@charset "UTF-8";
.container,.container-middle,.wrap{padding-right: 15px;padding-left: 15px;margin:0 auto;}
/* @media (min-width: 768px) {
	.wrap,.container,.container-middle{ width: 750px;}
}
@media (min-width: 992px) {
    .wrap,.container,.container-middle{width: 970px;}
} */
@media (min-width: 1260px) {
 	.wrap,.container,.container-middle{width: 1230px;}
}
@media (min-width: 1460px) {
.container-middle,.container{ width: 1430px;}
}
@media (min-width: 1920px) {
  .container-middle{ width: 1430px;}
  .container{width: 1430px;}
}


/*lheader*/
.lheader{ position: fixed; top: 0;  left: 0; width: 100%;   height: 120px;border-bottom: 1px solid #C7C7C7; z-index: 5000; background: #fff;transition: ease .5s;}
.lheader .logo{ display: block;font-size: 0; float: left; position: relative; z-index: 1200;margin: 23px 0 24px;}
.lheader .logo img{width: 176px;height: 80px;margin-top: 0px;}
.lheader .logo p{font-size: 14px;line-height: 28px;color: #fff;font-weight: bold;}
.lheader-slogan{position: relative;float: left;padding-left: 22px;margin-left: 27px;margin-top: 27px;}

.lheader-slogan::before{position: absolute;content: "";width: 1px;height: 75px;background: #d2d2d2;left: 0;top: 50%;transform: translateY(-50%);}
.lheader-slogan h4{font-size: 22px;line-height: 30px;color: #333;font-weight: bold;}
.lheader-slogan h6{font-size: 16px;line-height: 30px;color: #525252;}

.lheader-slogan h6 span{transform: translateY(2px); display: inline-block;font-size: 22px;line-height: 25px;padding: 0 5px 0 7px;margin-right: 7px; color: #fff;font-family: "Roboto-Medium";border-radius: 5px;background: #223971;}
.lheader-call{margin: 29px 0 25px; float: right;position: relative;padding-right: 70px;}
.lheader-call::before{position: absolute;content: "";width: 50px;height: 50px;background: url(../images/head-call.png)no-repeat center;background-size: 100% 100%; bottom: 0px;right: 0;}
.lheader-call h3{font-size: 24px;line-height: 30px;color: #333; font-family: "OPENSANS-BOLD";}
.lheader-call p{margin-top: 2px; font-size: 14px;line-height: 24px;color: #666;text-align: right;}
.lheader-bj{float: right;margin: 31px 0 29px;margin-left: 38px; width: 140px;height: 50px;border-radius: 50px;background: #223971;text-align: center;transition: ease .5s;}
.lheader-bj:hover{background-color: #316bff;}
.lheader-bj a{display: block;font-size: 19px;line-height: 50px;color: #fff;padding: 0 10px;}
.lheader-bot{}

.lheader-right{float: right;margin: 33px 0;}
.ny-top{background: #fff;}
.ny-top .lheader-language a:hover{color: #F0BB44;}
.lheader-search{float: left;margin: 19px 0;position: relative;margin-left: 0;}
.bt-search{ position: relative;  border: none; background: none;  float: left; width: 30px; height:22px; line-height: 18px; cursor: pointer;  transition: .5s;z-index: 10;}
.bt-search .sub-bot {  display: block;  width: 14px; height: 22px; line-height: 15px;  background: transparent; border: none; position: absolute;  z-index: 3; cursor: pointer; background: url(../images/icon-search.png) no-repeat center transparent; padding-right: 30px;}
.searchop .search-all{  z-index: 10; opacity: 1; visibility: visible;}
/* .searchop .bt-search{display: none;} */
.search-all{ position: absolute; right: 0; top: 0; width: 300px; height: auto;z-index: -1; opacity: 0;visibility: hidden; transition: all .2s;}

.search-all .search-box{  position: relative; height: 36px; margin-top: 38px;background: #fff;}
.searchop .search-all .search-box{ animation: searchform-fade 400ms both;}
.searchop .search-all form{ animation: searchform-slide 1s both; box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.search-all .search-box .search-txt{ color: #333; line-height: 34px;  width: 44px;  text-align: center;cursor: pointer; transition: all .3s ease-out;}
.search-all .search-box .search-txt i{font-size: 20px!important;}
.search-all .search-box .search-txt.left{ float: left;}
.search-all .search-box .search-inp{  margin-left: 44px;transition: all .3s ease-out 0s;margin-right: 44px;}
.search-all .search-box .search-inp input{  font-size: 16px; line-height: 36px; color: #333; width: 100%; border-radius: 5px;}
.searchop .search-close{  opacity: 1;  transition: all .2s ease-out 0s;}
.search-all .search-box .search-close{  width: 44px; height: 36px; font-size: 16px; color: #333;line-height: 36px; text-align: center; cursor: pointer; position: absolute;  top: 0;   right: 0;  opacity: 1;}
.searchop .search-close:hover{}
.searchshow .top2-bu a{-webkit-animation: item-searchshow .4s both;   animation: item-searchshow .4s both;}
.language{float: right;position: relative;margin-top: -3px;}
.lheader.on .language{}
.language-text{display: block;color: #fff;line-height:36px;font-family: "gadugi";font-size: 20px; padding:0 4px;cursor: pointer;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.language-text .icon-down{ display:block;float: right; vertical-align: middle;font-size: 14px; margin-left: 5px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;}
.language-list{position: absolute;top:100%;right: 0;z-index: 10;background: #fff;padding:0px 0;-webkit-box-shadow: 0 2px 4px 2px rgba(0,0,0,.05);box-shadow: 0 2px 4px 2px rgba(0,0,0,.05);opacity: 0;visibility: hidden;-webkit-transition: all .6s;-o-transition: all .6s;transition: all .6s;}
.language-list a{display: block;padding:10px 20px;font-family: "gadugi";font-size: 20px; -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.language-list a:hover{color: #223971}
.language:hover .language-text{color: #223971;}
.language:hover .language-text .icon-down{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.language:hover .language-list{opacity: 1;visibility: visible;}

.lheader.on  .navitem.nav-aft::before{display: none;}
.lheader-navbar{}
.navbar{float: right;transition: ease .5s;margin: 23px -27px;}
.navitem{float: left;padding: 0 17px;transition: ease .5s;}
.navitem>a{
	display: inline-block;
	font-size: 18px;
	color: #221815;
	line-height: 76px;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	background: transparent;
	padding: 0px 10px;
	padding-right: 24px;
	position: relative;
}
.navitem>a::before{position: absolute;content: "";width: 14px;height: 8px;background: url(../images/top-ri.png)no-repeat center;background-size: 100% 100%; right: 0%;top: 50%;transform: translateY(-50%);transition: ease .5s;}


.navitem:hover>a,
.navitem.active>a{color: #fff;}
.navitem:hover>a::before,
.navitem.active>a::before{background-image: url(../images/top-ri1.png);}
.navitem:hover,
.navitem.active{background: #32A639;}
/* .navitem:hover>a::before,
.navitem.active>a::before{width: 100%;}
 */
.navitem>a span{width: 0;height: 18px;display: inline-block;transition: ease .5s;opacity: 0;text-align: center;margin-right: 10px;}
.navitem>a span img{display: block;max-width: 100%;margin-top: 3px;}

.navitem.active>a span{width: 18px;opacity: 1;}
.navitem.nav-aft{position: relative;}
.navitem.nav-aft::before{content: "";position: absolute;width: 65px;height: 36px;background: url(../images/nav-aft_03.png)no-repeat center top;top: -36px;left: 30%;}
.lheader-top{transition: ease .5s;background: #1c2434;padding: 12px 0;}
.lhead-language{float: right;font-size: 0;margin-left: 10px;}
.lhead-language a{display: inline-block;vertical-align: middle;padding: 0 10px; position: relative; font-size: 16px;line-height: 26px;color: #dcdddd;transition: ease .5s;}
.lhead-language a::before{position: absolute;content: "";width: 2px;height: 18px;background: #dcdddd;right: 0;top: 50%;margin-top: -9px;}
.lhead-language a:last-child::before{display: none;}
.lhead-language a:hover{color: #ffbb50;}
.lhead-video{float: right;}
.lhead-video a{display: block;padding-left: 34px; position: relative;font-size: 16px;line-height: 26px;color: #ffbb50;}
.lhead-video a::before{position: absolute;content: "";width: 24px;height: 24px;background: url(../images/top-vedio.png)no-repeat center;background-size: 100% 100%;left: 0;top: 50%;transform: translateY(-50%);}


.lhead-vr{
    margin-right: 30px;
}
.lhead-vr a{
    padding-left: 42px;
}
.lhead-vr a::before{background: url(../images/vr.png) no-repeat center;background-size: 100%;width: 36px;height: 36px;}






.lheader-sear{margin-left: 40px; position: relative;  width: 240px;border-radius: 10px;border: 1px solid #bfbfbf;overflow: hidden;}
.lheader-sear input{padding: 0 16px;width: 75%;font-size: 16px;line-height: 40px;color: #666;}
.lheader-sear button{float: right;cursor: pointer;transition: ease .5s;width: 25%;height: 40px;background: #32A639 url(../images/top-search.png)no-repeat center;background-size: 20px 20px;}
/* .lheader-sear input::-webkit-input-placeholder{color: #9fa0a0;} */
.lheader-sear input::-webkit-input-placeholder{color:#9fa0a0;}
.lheader-sear input:-moz-placeholder{color:#9fa0a0;}
.lheader-sear input::moz-placeholder{color:#9fa0a0;}
.lheader-sear input:-ms-input-placeholder{color:#9fa0a0;}
/*lheader -end*/

/*footer*/
.footer{background: #303131;}
.bottom1{padding: 49px 0 22px;}
.bottom2{padding: 0 0 0;}
.bottom2 a{display:inline-block;font-size: 16px;line-height: 24px; color: rgba(51,51,51,0.6);transition: .5s;position: relative;}
.bottom2 a i{font-style: normal;margin: 0 10px;}
.bottom2 a.link-ctm::after{display: none;}
.bottom-ul{margin: 0 -20px;float: left;}
.bottom-ul ul{padding: 0 20px;float: left;}
.bottom-ul ul li{}
.bottom-ul ul li a{display: block; font-size: 14px;line-height: 30px;color: #a7aea6;}
.bottom-ul ul li:first-child a{font-size: 18px;line-height: 28px;color: #32A639;margin-bottom: 16px;cursor: context-menu;}
.bottom-ul ul li a:hover{color: #fff;}

.bottom-ul ul li:first-child a:hover{font-size: 18px;line-height: 28px;color: #32A639;margin-bottom: 16px;}


.bottom1-right{float: right;}
.bottom1-contact{margin-top: 40px; font-size: 26px;line-height: 52px; color: #fff;font-family: "Arial";}
.bottom1-contact h4{position: relative;display: inline-block;padding-left: 67px;color: white;}
.bottom1-contact h4::before{position: absolute;content: "";width: 54px;height: 54px;background: url(../images/bot-contact.png) no-repeat center;background-size: 100% 100%;border-radius: 50%; left: 0;top: 50%;transform: translateY(-50%);}
.bottom1-ewm{}
.bottom1-ewmul{margin: 0 -10px;}
.bottom1-ewmul li{float: right;padding: 0 10px;}
.bottom1-ewmul li>div{width: 115px;}
.bottom1-ewmpic{width: 100%;overflow: hidden;}
.bottom1-ewmpic img{width: 100%;}
.bottom1-ewmul li p{font-size: 14px; line-height: 22px; margin-top: 10px;color: #ffffff;text-align: center;}

.bottom2-con{position: relative;padding: 20px 0; padding-right: 0;}
.bottom2-bean{font-size: 0;margin-top: 0;}
.bottom2-bean span{display: inline-block;font-size: 14px;line-height: 24px;color: #fff;}
.bottom2-bean span a{display: block;font-size: 14px;line-height: 24px;color: rgba(191,191,191,.5);}


/*footer -end*/
/* 公共按钮样式1 */
.more{margin: 0 auto;display: block; position: relative;padding: 0 28px;width: 200px;text-align: left; height: 50px;line-height: 50px;border-radius: 50px; font-size: 16px;color: #fff;background: #316bff;}
.more span{display: block;position: relative;}
.more span::before{position: absolute;content: "";width: 10px;height: 9px;background: url(../images/more.png)no-repeat center;right: 0;top: 50%;margin-top: -4px;transition: ease .5s;}
.more:hover span::before{transform: translateX(-10px);}

/* 公共按钮样式2 */
.more2{margin: 0 auto;border-radius: 50px; position: relative;z-index: 22; width: 150px;font-size: 16px;border: 1px solid #326bff; height: 50px;overflow: hidden; display: block;text-align: center;color: white;line-height: 49px;transition: all .5s;}
.more2::before{
	position: absolute;content: '';
   top: 0;
    right: -30%;
    bottom: 0;
    left: -30%;
    z-index: -1;
    background: linear-gradient(to right, #326bff, #326bff);
    transition: opacity 0.4s linear, -webkit-transform 0.6s cubic-bezier(0.3, 0.69, 0.39, 1.04) 0.4s;
    transition: transform 0.6s cubic-bezier(0.3, 0.69, 0.39, 1.04) 0.4s, opacity 0.4s linear;
    opacity: 1;
    transition-delay: 0s,0s;
    transform: translate(0, 0) skew(-60deg, 0deg);
}
.more2 span{display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 11;}

.more2:hover::before{
	opacity: 0;
	    transform: translate(400px, 0) skew(-60deg, 0deg);
}
.more2:hover{color: #326bff;transition: color 0s linear;border: 1px solid #326bff;}

/*==================================home-banner==============================*/
.home-banner{position: relative;margin-top: 111px;}
.banner-scroll{display: block;width: 49px;position: absolute;left: 50%;transform: translateX(-50%);bottom: 50px;z-index: 4;}
.banner-scroll img{width: 100%;}
.indbanner-vd{position: absolute;left: 0;top: 0;width: 100%;height: 100%; background-size: cover;background-repeat: no-repeat;background-position: center;}
.indbanner-vdapp{display: none;}
.indbanner-vd source{width: 100%;height: 100%;}
.pc-banner{position: relative;}
.banner-slide{display: block;position: relative;}
.banner-slide img{width: 100%;}
.pc-banner .swiper-container{overflow-x: hidden;overflow-y: visible;}
.pc-banner .swiper-pagination{width: 100%;bottom: 30px;display: none;}
.pc-banner .swiper-pagination-bullet{border-radius: 30px;background: #fff;width: 20px;height: 6px;opacity: 1;margin: 0 5px;transition: ease .5s;}
.pc-banner .swiper-pagination-bullet-active{background: #ff9b2d;width: 40px;}
.pc-banner .swiper-button-prev{left: 60px;}
.pc-banner .swiper-button-next{right: 60px;}
.pc-banner .swiper-button-next,
.pc-banner .swiper-button-prev{color: #fff;font-weight: lighter;}
.banner-font{position: absolute;top:50%;left:0;width: 100%;z-index: 4;transform: translateY(-50%);}
.banner-cont{ filter: alpha(opacity=0);text-align: center;position: relative;}
.banner-cont h3{font-size: 80px;line-height: 80px;color: rgba(254,254,254,.9);text-align: center;position: relative; font-family: "联盟起艺卢帅正锐黑体";}
.banner-cont h4{margin-top: 25px; font-size: 30px;line-height: 40px;color: #fff;}
.banner-mo{margin-top: 66px;}

.home-banner .swiper-slide-active .banner-cont{opacity: 1; filter: alpha(opacity=100);  transition: all .8s linear; transition-delay: .1s;}
.home-banner.app{display: none;}
.home-banner.app img{width: 100%;}
.home-appbanner{width: 100%;display: none;}
.indbanner-bf{width: 100%;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center;}
/* .indbanner-bf::before{position: absolute;content: "";width: 100%;height: 100%;background: rgba(0,0,0,.5);left: 0;top: 0;z-index: 3;} */
.banner-img{width: 100%;}
.appbanner-img{width: 100%;display: none;}

/*home-banner -end*/
/* index */
.lindex-tit{color: #000;text-align: center;font-size: 0;}
.lindex-tit span{display: inline-block;vertical-align: top;font-size: 46px;line-height: 60px;}
.lindex-tit em{display: inline-block;vertical-align: top;font-size: 50px;line-height: 60px;font-weight: bold;}
.lindex-tit d{display: inline-block;vertical-align: top;font-size: 67px;line-height: 60px;  font-family: "DINPro-Bold";}
.lindex-dec{font-size: 18px;line-height: 30px;color: #3e3a39;text-align: center;margin-top: 11px;}

/* 特色产品 */
.lindex-one{padding: 60px 0 60px;}
.lindone-con{margin-top: 45px;position: relative;padding-bottom: 0px;}
.lind1-ul{margin: 0 -10px 0;}
.lind1-ul li{float: left;width: 25%;padding: 0 10px;}
.lind1-a{display: block;}
.lind1-pic{overflow: hidden;width: 100%;position: relative;height: 335px;}
.lind1-bf{position: absolute;width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;left: 0;top: 0; transition: ease .8s;}
.lind1-a:hover .lind1-bf{transform: scale(1.1);}
.lind1-font{margin-top: 18px;}
.lind1-font h4{font-size: 24px;line-height: 30px;color: #000;transition: ease .5s;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.lind1-font p{margin-top: 9px; font-size: 16px;line-height: 30px;color: #3e3a39;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.lind1-font h6{margin-top: 9px; font-size: 16px;line-height: 30px;color: #858383;}
.lind1-a:hover .lind1-font h4{color: #32A639;}

@keyframes myfirst {0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);}}
@-webkit-keyframes myfirst {0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);}}
@keyframes mylast {0% {transform:rotate(0deg);} 100% {transform:rotate(-360deg);}}
@-webkit-keyframes mylast {0% {transform:rotate(0deg);} 100% {transform:rotate(-360deg);}}
/* 解决方案 */
.lindex-two{padding: 60px 0;}
.lindtwo-con{margin-top: 45px;}
.lind2-swip{margin-top: 0;position: relative;}
.lind2-a{display: block;background: #dcdddd;}
.lind2-pic{overflow: hidden;width: 100%;position: relative;height: 280px;}
.lind2-bf{position: absolute;width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;left: 0;top: 0; transition: ease .8s;}
.lind2-a:hover .lind2-bf{transform: scale(1.1);}
.lind2-txt{position: relative;padding: 10px;text-align: center;font-size: 20px;line-height: 26px;color: #fff;background: rgba(0,0,0,.7);/* min-height: 79px; */}
.lind2-font{padding: 25px 36px;}
.lind2-font h3{font-size: 20px;line-height: 26px;color: #000;transition: ease .5s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;min-height: 52px;}
.lind2-font p{margin-top: 12px; font-size: 16px;line-height: 30px;color: #3e3a39;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.lind2-mo{margin-top: 30px;font-size: 14px;line-height: 24px;color: #32A639;}
.lind2-mo span{display: inline-block;position: relative;padding-right: 24px;}
.lind2-mo span::before{position: absolute;content: "";width: 10px;height: 12px;background: url(../images/lind2-mo.png)no-repeat center;background-size: 100% 100%;right: 0;top: 50%;margin-top: -6px;transition: ease .5s;}
.lind2-a:hover .lind2-font h3{color: #32A639;}
.lind2-a:hover .lind2-mo span::before{transform: translateX(10px);}

/* 新闻中心 */
.lindex-three{padding: 60px 0;position: relative;}
.lindthr-con{position: relative;margin-top: 45px;}
.lind3-ul{margin: 0 -10px 0;}
.lind3-ul li{float: left;width: 25%;padding: 0 10px;}
.lind3-a{display: block;background: #e9e9e9;padding: 30px;}
.lind3-font{}
.lind3-font h3{font-size: 24px;line-height: 30px;color: #000;transition: ease .5s;text-align: center;}
.lind3-hr{margin: 20px auto 0; width: 100%;height: 2px;background: #32A639;transition: ease .5s;}
.lind3-p{margin-top: 20px;height: 180px; font-size: 16px;line-height: 30px;color: #3e3a39;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;}
.lind3-a:hover .lind3-font h3{color: #32A639;}
.lind3-a:hover .lind3-hr{width: 80%;}
/* 让万物互联更简单 */
.lindex-four{padding: 60px 0;position: relative;background-size: cover;background-repeat: no-repeat;background-position: center;}
.lindex-four .lindex-tit{color: #fff;}
.lind4-con{}
.lind4-right{float: right;width: 360px;overflow: hidden;}
.lind4-right h5{margin-top: 16px;font-size: 24px;line-height: 30px;color: #fff;text-align: center;}
.lind4-vedio{display: block; width: 100%;border-radius: 20px;position: relative;overflow: hidden;}
.lind4-vedio::before{position: absolute;z-index: 2; content: "";width: 80px;height: 80px;background: url(../images/lind4-bof.png)no-repeat center;background-size: 100% 100%;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.lind4-vedio::after{position: absolute;z-index: 2; content: "";width: 100%;height: 100%;background: transparent;left: 0%;top: 0%;border-radius: 20px;border: 4px solid #fff;}
.lind4-vedio img{border-radius: 20px;width: 100%;transition: ease .8s;}
.lind4-vedio:hover img{transform: scale(1.1);}
.lind4-left{margin-right: 360px;padding-right: 20px;padding-top: 20px;}
.lind4-font{margin-top: 100px;}
.lind4-ul{margin: 0 -10px;overflow: hidden;}
.lind4-ul li{float: left;width: 20%;text-align: center;padding: 0 10px;}
.lind4-ul li>div{}
.lind4-ul li h3{font-size: 0;font-family: "DIN-BOLD";color: #fff;}
.lind4-ul li h3 span{display: inline-block;vertical-align: middle; font-size: 40px;line-height: 50px;}
.lind4-ul li h3 span:first-child{font-size: 60px;line-height: 60px;}
.lind4-ul li p{margin-top: 12px; font-size: 18px;line-height: 30px;color: #fff;}

.lindex-zx{background: #4d4948;}
.lindex-zx a{display: block;position: relative;padding: 10px;font-size: 24px;line-height: 40px;color: #ffffff;text-align: center;}
.lindex-zx a::before{position: absolute;content: "";margin-top: -18px;transition: ease .5s; width: 36px;height: 36px;border-radius: 50%;background: url(../images/lind-zx.png)no-repeat center;background-size: 100% 100%;right: 0;top: 50%;}
.lindex-zx a:hover::before{/* transform: rotate(90deg); */}

.l-next,.l-prev{background: none;font-size: 50px;font-weight: bold; color: #32A639;opacity: 1;width: auto;height: auto;margin-top: -40px;}
.l-prev:hover,
.l-next:hover{color: #32A639;}
.l-next{right: -88px;}
.l-prev{left: -88px;}


 /*视频弹窗*/
   .msg-box-bg {width: 100%;height: 100%;position: fixed;left: 0;top: 0;display: none;z-index: 10001;background: rgba(0,0,0,0.5);}
   .msg-box {width: 860px;height: 524px;padding: 50px;background-color: #F3F3F3;position: absolute;left: 50%;margin-left: -430px;top: 0;margin-top: -262px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);}
   .msg-box .close-box {width: 38px;height: 38px;font-size: 30px;color: #666; cursor: pointer;position: absolute;right: 10px;top: 10px;-webkit-transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-o-transition: .5s;transition: .5s;}
   .msg-box .close-box:hover {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
     /*视频弹窗  -end*/

/*===============弹窗==============*/
@media  (max-width:1259px) {
		.msg-box{width:800px;height:465px;padding:30px;}
.msg-box .close-box{width:24px;height:24px;font-size:24px;top:5px;right:5px}
}

/*客服*/
/*  */
.kf {display: none; transition: .8s;z-index: 999999;background-color: transparent; position: fixed;bottom: 100px;right: 20px;width: 62px;border-radius: 5px;}
.kf span {z-index: 1000001;transition: .5s;cursor: pointer;position: relative;display: block;width: 60px;height: 60px;border-radius: 5px;margin-bottom: 10px;background:#b5b5b5;}
.kf .zx {background-position: 0 0;background: #32A639 url(../images/kefu-zx.png)no-repeat center top 12px;}
.kf .back_top { border: none; background: #32A639 url(../images/kefu-top.png)no-repeat center top 18px;}
.kf span a { transition: .5s; display: block; color: #fff;line-height: 24px; font-size: 12px;  text-align: center;padding-top: 35px;}
.kfimgr{ position: absolute; bottom:23px;  right: -9px;}
.kf span div i {display: block; position: absolute;width: 15px;height: 200px;right: -15px;top: 0;}
.kf .freetel{background:#32A639 url(../images/kefu-qq.png)no-repeat center top 12px;}
.kf .inlinebj{background:#32A639 url(../images/kefu-bj.png)no-repeat center top 12px;}
.kf .zxlya{background: #32A639 url(../images/kefu-ewm.png)no-repeat center;}
.kf span:nth-child(4) div {white-space: nowrap;}
.kf a{display:block;height: 68px;position:absolute;top:0;right:0;width: 100%}
.nav_center div, .index_nav_center div, .shou, .zhan { -webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);}
.kf .zxlya .erweima{display: none;width: 120px; right: 86px;position: absolute;top: -45px; background: #fff; padding: 12px; text-align: center;box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);border-radius: 5px;}
.kf .zxzx{display: none; right: 86px;position: absolute;top: 6px; background: #fff; padding: 20px; text-align: center;box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);border-radius: 5px;width: 150px;font-size: 14px;color: #333;}
.kfimgr { position: absolute;  bottom: 23px; right: -9px;}
/* .shou{    z-index: 1000000;cursor: pointer;   width: 70px;   height: 70px; top: 104%;  margin-top: -15px; border-radius: 5px 0 0 5px;  right: -9px; background:#b5b5b5; border-radius: 5px;cursor: pointer; position: absolute;font-size: 14px;line-height: 24px;color: #fff;transition: ease .5s;text-align: center;padding: 22px 0;} */
.shou{z-index: 1000000;cursor: pointer;width: 30px;height: 40px;top: 47%;margin-top: -15px;border-radius: 5px 0 0 5px;right: 62px; background:transparent url(../images/zk1.png)no-repeat center left;position: absolute;box-shadow: none;}

.kffixed{position: fixed;display: none; bottom: 0; z-index: 20;width: 100%;height: 49px; overflow: hidden;}
.kufuul {text-align: center;padding: 2px 0;width: 100%;height: 49px;position: absolute;bottom: 0;left: 0;display: inline-block;}
.kefu{padding: 0;}
.kefu li {float: left;height: 45px;text-align: center;color:#fff;line-height:45px;color: #fff;transition:all .4s;}
.kfzx-tigg{width: 49.5%;height: 45px;display: block;float: left;line-height:45px;opacity: 1;transition:1s opacity;}
.kfzx-enter{opacity: 0}
.kf-zx{display: block; width: 100%;height: 100%; color: #fff;line-height:45px;text-align: center;background: #b5b5b5;}
.kf-zx img{display: inline-block; vertical-align: middle;margin-right:10px;}
.teldb{width: 49.5%; background: rgba(0,0,0,0.6); background-size: contain; margin: 0 1px;position: relative;}
.teldb img{ display: inline-block; vertical-align: middle; margin-right: 10px;}
.teldb a{ color: white; }
.kf span:hover{background-color: #32A639;}

	@media(max-width:1919px){
		.lindex-tit span,.lindex-tit em{font-size: 40px;line-height: 50px;}
		.lindex-tit d{font-size: 52px;line-height: 50px;}
		.inthree-ul{margin-top: 60px;}
		.lind2-swip{padding: 0 0px;}
		.l-next{right: -50px;}
		.l-prev{left:  -50px;}
		.lind4-ul li h3 span:first-child{font-size: 52px;}
		.lind4-vedio::before{width: 60px;height: 60px;}
		.lind4-right h5{font-size: 22px;}
	}	
	@media(max-width:1459px){	
		.navitem>a{font-size: 16px;}
		.navitem{padding: 0 13px;}
		.navbar{margin: 0 -13px;}
		.lindex-tit span,.lindex-tit em{font-size: 32px;line-height: 50px;}
		.lindex-tit d{font-size: 48px;line-height: 50px;}
		.lindex-one,.lindex-two,.lindex-three,.lindex-four{padding: 40px 0;}
		.lindthr-con,.lindtwo-con,.lindone-con{margin-top: 35px;}
		.lind1-pic{height: 285px;}
		.lind2-pic{height: 220px;}
		.lind4-right h5{font-size: 20px;}
		.lind4-ul li h3 span:first-child{font-size: 42px;}
		.lind4-ul li h3 span{font-size: 32px;}
		.lind3-font h3,.lind2-font h3,.lind2-txt,.lind1-font h4{font-size: 20px;}
		.lindex-zx a{font-size: 20px;}
		.lind2-font{padding: 25px 30px;}
		.lind2-font h3{font-size: 18px;}
		
	}
	@media(max-width:1259px){	
		
	}

.lheader.on{height: 120px; background-color: #fff;border-color: transparent;box-shadow: 0 0 13px rgba(0,0,0,.1);}
.lheader.on .lheader-top{display: none;}
/* .lheader.on .logo p,.lheader.on .navitem>a,.lheader.on .language-text{color: #333;}
.lheader.on .lheader-phone{color: #223971;}
.lheader.on .bt-search .sub-bot{background-image: url(../images/icon-searcha.png);}
 */
.navitem{position: relative;}
.dropdown-menu.single {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
    /* width: auto; */
	width: 160px;
    z-index: 1100;
    background: rgba(255,255,255,1);
    
    margin-top: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: max-height .5s;
    -o-transition: max-height .5s;
    transition: max-height .5s;
    border: none;
    color: #303233;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);

    height: auto;
    padding: 0;
    display: block;
}
.dropdown-menu.single ul{
	padding: 0px 10px;
}
.dropdown-menu.single li{
    display: block;
    font-size: 16px;
    width: 100%;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
	border-bottom: dashed 1px #e5e5e5;
    position: relative;
    text-align: center;
}
.dropdown-menu.single li:last-child{border-bottom: 0;}
.dropdown-menu.single li>a {
    line-height: 47px;   
    white-space: nowrap;
    display:block;
    width: 100%;
    color: #666666;
    height: auto;
    background: 0 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.dropdown-menu.single li:hover a{color:#223971;}
.navitem:hover .dropdown-menu.single{max-height: 450px;opacity: 1;}
.bsBox{width: 232px !important;height: 256px !important;}


/* 下拉 */
.navitem.drop{position: static;}
.lxiala{margin-top: 1px; position: absolute;width: 100%;left: 0;top: 100%;z-index: 1000;overflow: hidden;max-height: 0;opacity: 0;-webkit-transition: max-height .5s; -o-transition: max-height .5s; transition: max-height .5s;}
/* 新闻下拉 */
.lxiala1{/* height: 220px; */}
.navitem.drop:hover .lxiala1{max-height: 300px;opacity: 1;/* box-shadow: -3px 7px 15px 7px #5555554a; */}
.lxiala-con{}
.lxiala1 .lxiala-con{background: #fff;padding: 30px 30px 35px;/* box-shadow: 0 0 20px rgba(0,0,0,.1); *//* box-shadow: -3px 7px 15px 7px #5555554a; *//* border-bottom: 1px solid #e8e8e878; *//* margin-bottom: 10px; */}
.lxiala-ul1{margin: 0 -10px;font-size: 0;text-align: center;}
.lxiala-ul1 li{display: inline-block;padding: 0 10px;width: 20%;}
.lxiala-ul1 li a{display: block;}
.lxiala-pic1{overflow: hidden;}
.lxiala-pic1 img{transition: ease .8s;}
.lxiala-ul1 li h5{margin-top: 15px;font-size: 18px;line-height: 30px;color: #555555;transition: ease .5s;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.lxiala-ul1 li:hover .lxiala-pic1 img{transform: scale(1.1);}
.lxiala-ul1 li:hover h5{color: #32A639;}

/* 产品中心下拉 */
.lxiala2{/* height: 695px; *//* width: 800px; */}
.navitem.drop:hover .lxiala2{max-height: 800px;opacity: 1;box-shadow: -3px 7px 15px 7px #5555554a;}
.lxiala2 .lxiala-con{padding: 35px 35px 50px;font-size: 0;text-align: center;background: #ffffff;/* box-shadow: 0 0 46px #666; */}
.lxiala2-li{display: inline-block;padding: 0 30px;position: relative; vertical-align: top; max-width: 33.333%;}
.lxiala2-li:first{padding-left: 0;}
.lxiala2-li:last-child{padding-right: 0;}
.lxiala2-li::before{position: absolute;content: "";width: 1px;height: 200px;background: #aaa;right: 0;top: 0;}
.lxiala2-li:last-child::before{display: none;}
.lxiala2-li h4{margin-bottom: 5px;font-size: 22px;line-height: 30px;color: #3e3a39;text-align: left;}
.lxiala2-ul{}
.lxiala2-ul li{text-align: left;}
.lxiala2-ul li a{display: block;font-size: 16px;line-height: 30px;color: #555555;transition: ease .5s;}

.lxiala2-ul li a:hover{color: #32A639;}
.pro-ddl{
    width: 30%;
    max-width: 30%;
}
.pro-ddl2{
    width: 40%;
    max-width: 40%;
}
.pro-ddl2 .lxiala2-ul{
    width: 48%;
    float: left;
    margin-right: 2%;
}




/* 解决方案下拉 */
.lxiala3{width: 800px;/* height: 410px; */left: 50%;transform: translateX(-50%);}
.navitem:hover .lxiala3{max-height: 800px;opacity: 1;box-shadow: -3px 7px 15px 7px #5555554a;background-color: white;}
.lxiala3 .lxiala-con{background: #fff;padding: 30px 30px 35px;box-shadow: 0 0 20px rgba(0,0,0,.1);}
.lxiala-ul3{margin: 0 -10px;}
.lxiala-ul3 li{float: left;width: 33.333%;padding: 0 10px;}
.lxiala-ul3 li a{display: block;font-size: 16px;line-height: 30px;color: #555555;transition: ease .5s;}
.lxiala-ul3 li a:hover{color: #32A639;}
.lxiala-pic3{overflow: hidden;}
.lxiala-pic3 img{transition: ease .8s;}
.lxiala-ul3 li:hover .lxiala-pic3 img{transform: scale(1.1);}
.lxiala-ul3 li a h4{font-size: 18px;margin: 15px 0;font-weight: bold;color: #555555;}

@media (max-width:1459px) {
	.lxiala-ul1 li h5{font-size: 16px;}
	.lxiala2-li h4{font-size: 20px;}
}



.dbmsg{
    opacity: 0;
    height: 0px;
    width: 80%;
    margin: auto;
    max-width: 1100px;
    margin-top: 0px;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    overflow: hidden;
}

.ytp_cont2{
    margin: 0px auto!important;
    width: 100%!important;
}
.dbmsg-on{
 opacity: 1;
 margin-top: 20px;
 height: 330px;
}
.dbmsg2{
    width: 50%;
    float: left;
}
.dbmsg3{
    width: 50%;
    float: right;
    margin-top: 6px;
}


.ytp_cont2 table td{
    padding: 0px;
}
.ytp_cont2 table td:first-child{
    color: white;
    font-size: 15px;
    width: 100%!important;
    text-align: left!important;
}

.ytp_cont table .txt{color:#666;line-height:28px;text-indent:10px;border:1px solid #d6d6d6;width: 238px;height: 28px;background-color: #fff;}
.ytp_cont2 table textarea.txt{text-indent:0;line-height:24px;width: 80%!important;height: 90px!important;padding:10px;font-size: 16px;}

.ytp_cont2 table td span,.ytp_cont2 div span{

color: #ffffff!important;

padding-right: 5px;
}

.ytp_cont2 table .txt{
    border-radius: 0px;
    color: #666;
    line-height: 28px;
    text-indent: 10px;
    border: 1px solid #d6d6d6;
    width: 238px;
    height: 32px!important;
    background-color: #fff;
    width: 80%!important;
    font-size: 16px;
}
.wxts{
    color: white;
}

.dbmsg3 h3{
    color: white;
    font-size: 20px;
    margin-bottom: 20px;
}
.dbmsg3 p{
    color: rgba(232, 232, 232, 0.67);
    font-size: 16px;
    line-height: 32px;
    height: 32px;
}
.lindex-zx-on a::before{transform: rotate(90deg);}
 


 .lind3-ul li:hover .lind3-a{
    background-color: #32A639;
}
  .lind3-ul li:hover .lind3-font h3{
    color: white;
}
   .lind3-ul li:hover .lind3-hr{
    background-color: white;
}
   .lind3-ul li:hover .lind3-p{
    color: white;
}
 
 
.container-middle2{
    width: 450px;
    /* height: 300px; */
    /* border-bottom: 1px solid red; */
    /* left: 80%; */
    padding-right: 0px;
    padding-left: 0px;
} 
.lxiala-con2{
    /* height: 220px; */
    /* border-bottom: 2px solid #0075c1; */
    display: inline-block;
}
.lxiala-con2 .nav01{
    width: 35%;
    float: left;
    border-right: 1px solid rgba(158, 158, 158, 0.35);
}
.lxiala-con2 .nav01 a{
    display: block;
    font-size: 16px;
    line-height: 27px;
    color: #555555;
    width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lxiala-con2 .nav01 a:hover{
    color: #32A639;
}

 .lxiala-con2 .nav02{
    width: 60%;
    float: right;
}
  .lxiala-con2 .nav02 img{
    max-width: 100%;
}

.px-li {
    position: relative!important;
}
 
 .lxiala-x
 {
   width: 450px;
   box-shadow: -3px 7px 15px 7px #5555554a;
   background-color: white;
 }
 
 .container-middle3{
    width: 900px;
    padding: 0px;
    margin: 0;
    /* box-shadow: 38px 35px 46px #e8e8e8; */
}
 .navitem2{
    position: relative!important;
}
 
.navitem2 .lxiala2{
    width: 900px;
}
.lindex-tit2 span{color:#555555;}

 
@media (max-width: 1640px){

.container-x {
	
    width: 1230px;
}
.lindex-dec{font-size:16px}
	
}


 @media (max-width: 1460px)
 {
     .lheader-top {
    transition: ease .5s;
    background: #1c2434;
    padding: 12px 0;
   }
     .lhead-language a {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
    position: relative;
    font-size: 14px;
    line-height: 24px;
    color: #dcdddd;
    transition: ease .5s;
}
     
     .lhead-video a
     {
         font-size: 14px;
    line-height: 24px;
      }
     
    .lhead-video a::before {
   
       width: 22px;
    height: 22px;
   
} 

 .lhead-vr a::before {
   
width: 36px;
   
height: 36px;
} 


.lxiala2-li h4{
    font-size: 16px;
    font-weight: bold;
}
.lxiala2-ul li:first-child a {
    font-size: 16px;
}

.lxiala2-ul li a {
   
font-size: 14px;
}


.container-x{
    width: 1080px;
}

.lxiala-ul3 li a h4{

font-size:16px;

}
.lxiala-ul3 li a {font-size:14px;}
.lxiala-con2 .nav01 a{font-size: 16px;}
     
  }
 @media (max-width: 1260px)
 {
      .lheader-top {
    transition: ease .5s;
    background: #1c2434;
    padding: 12px 0;
   }
     .lhead-language a {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
    position: relative;
    font-size: 14px;
    line-height: 24px;
    color: #dcdddd;
    transition: ease .5s;
}
     
     .lhead-video a
     {
         font-size: 14px;
    line-height: 24px;
      }
     
    .lhead-video a::before {
   
       width: 22px;
    height: 22px;
   
} 
.lhead-vr a::before {
    width: 36px;
    height: 36px;
}

.navitem>a {
   
      padding: 0px 8px;
    padding-right: 16px;
   
}
    .lxiala2-li h4{}
.lxiala2-ul li:first-child a {
    font-size: 16px;
}

.lxiala2-ul li a {
   
} 

.container-x{
    width: 960px;
}
     
   }
   .logo{

width: 176px!important;

}




.container-middle-ny
{
    
width: 1100px;
    
/* border-bottom: 1px solid red; */
    
padding: 0;
 }
 
 .lheader-right2{
    float: right;
    margin: -2px 0px -2px 23px;
}


 .lheader-right2 .lheader-sear {
    margin-left: 0px;
    position: relative;
    width: 220px;
    border-radius: 4px;
    border: 1px solid #e9e9e9;
    overflow: hidden;
}

 .lheader-right2 .lheader-sear input{padding: 0 16px;width: 166px;font-size: 14px;line-height: 28px;color: #666;}
 .lheader-right2 .lheader-sear button{float: right;cursor: pointer;transition: ease .5s;width: 41px;height: 28px;background: #32A639 url(../images/top-search.png)no-repeat center;background-size: 16px 16px;}
.container-middle-ny .navitem{
    padding: 0 22px;
}

.container-middle-ny .navbar{
    margin: 0 0px;
}

.container-middle-ny .navitem>a{
    font-size: 16px;
}
.lheader-bot2{
    border-bottom: 1px solid #ececec;
    /* margin-bottom: 20px; */
}

.lxiala-x2
{
    left: auto;
    right: 0;
}


.lindex-zx-po
{
   position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999; 
    
 }