.weblist li{position:relative;padding:80px 0;}
 .weblist li .extra{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;}
 .weblist li .extra img{width:100%;}
 .weblist li .sub_title{position:relative;font-size:26px;margin-top:30px;margin-bottom:70px;}
 .weblist li .description{font-size:20px;line-height:35px}
 .weblist li .sub_title:before{position:absolute;content:'';bottom:-30px;background-color:#f39800;height:4px;width:45px;}
 .weblist .left,.list .right{float:left;width:45%;}
 .weblist .left video{
	 width:100%;height:500px;
 }
 
 .weblist .right{float:right;}
 .btns-box{margin-top:30px;}
 .btns-box a{position:relative;font-size:16px;padding:10px;margin:0 10px;border-radius:7px;display:inline-block;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;}
 .btns-box .iconfont{margin-left:10px;}
 .weblist li:nth-child(2n+1) .btns-box a{color:#333;border:2px solid #333;}
 .weblist li:nth-child(2n+1) .btns-box a:hover{background-color:#f39800;border-color:#f39800;color:#fff}
 .weblist li:nth-child(2n+1) .title{font-size:62px;padding-top:50px;}
 .weblist li:nth-child(2n) .btns-box a{color:#333;border:2px solid #333;}
 .weblist li:nth-child(2n) .btns-box a:hover{background-color:#f39800;border-color:#f39800;color:#fff}
 .weblist li:nth-child(2n) .title{font-size:62px;padding-top:20px;color:#fff;}
 .weblist li:nth-child(2n) .right{color:#fff;width:45%}
 .weblist li:nth-child(2n) .btns-box a{color:#fff;border:2px solid #fff;}
 .color-white{color: #fff;}
  .banner_info {
    height: 680px;
 }
 
 
 
 @media (max-width:760px){
	 .weblist .container{width:100%;}
	 .weblist .right {
		 display:block;
		 width:100%;
		 clear:both;
	 }
.weblist li:nth-child(2n) .right {
    display:block;
		 width:100%;
		 clear:both;
}
	 .weblist .left {
		 display:block;
		 width:100%;
		 clear:both;
	 }
	 .weblist .left video {
    width: 100%;
    height: 200px;
	 }
	 .weblist img{max-width:100%;}
	 
	  .weblist li:nth-child(2n+1) .title{font-size:24px;padding-top:50px;}
	  .weblist li:nth-child(2n) .title{font-size:24px;padding-top:50px;}
	  .weblist li .sub_title {
    position: relative;
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 25px;
}
	 .weblist li .sub_title:before {
    bottom: -8px;
    height: 2px;
    width: 60px;
}
.weblist li .description {
    font-size: 15px;
    line-height: 24px;
}
.weblist li:nth-child(2n+1) .btns-box a {
    color: #444;
    padding: 5PX;
    font-size: 14px;
    border: 1px solid #787878;
}
.weblist li:nth-child(2n) .btns-box a {
    color: #fff;
    padding: 5px;
    font-size: 14px;
    border: 1px solid #fff;
}


.banner_info {
    height: 600px;
}
 }
 
 

 
 
 
@keyframes anim_right{
 0%{transform:translateX(100%);}
 90%{transform:translateX(-5px);}
100%{transform:translateX(0);}
}
 
@keyframes anim_left{
 0%{transform:translateX(-100%);}
 90%{transform:translateX(5px);}
100%{transform:translateX(0);}
}
 #lanmu{width:100%;z-index:100;position:relative;}
 #lanmu .lanmu_dingwei{position:absolute;width:100%;margin:-280px auto auto;}
 #lanmu .sppb-container-inner{max-width:92%;width:1230px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;}
 
@media (min-width:576px){
 #lanmu .sppb-container-inner{max-width:540px;}
}
 
@media (min-width:768px){
 #lanmu .sppb-container-inner{max-width:720px;}
}
 
@media (min-width:992px){
 #lanmu .sppb-container-inner{max-width:960px;}
}
 
@media (min-width:1200px){
 #lanmu .sppb-container-inner{max-width:1140px;}
}
 #lanmu .sppb-row, #lanmu .sppb-container-inner{position:relative;z-index:100;}
 #lanmu .sppb-container-inner .sppb-row{display:flex;justify-content:center;align-items:center;display:-ms-flexbox;-ms-flex-wrap:wrap;margin-right:-15px;margin-left:-15px;}
 #lanmu .sppb-col-md-2{position:relative;width:100%;min-height:1px;padding:0 20px;max-width:23%;flex:23%;}
 #lanmu *{box-sizing:border-box;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
 #lanmu .sppb-column{box-shadow:0 0 0 0 #fff;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;z-index:100;}
 #lanmu .sppb-column-addons{position:relative;z-index:100;width:100%;}
 #lanmu .hover-div .sppb-addon-wrapper{width:100%;margin:0px 0px 30px 0px;height:200px;position:relative;}
 #lanmu .hover-div .sppb-addon-wrapper>div{position:absolute;width:100%;height:100%;left:0;top:0;cursor:pointer;background-position:92% 92%;background-repeat:no-repeat;background-size:30%;color:#3A3A3A;background-color:#fff;box-shadow:6px 12px 24px -3px rgb(31 63 116 / 15%);border-width:0px;border-radius:30px;padding:15px 20px 30px 20px;}
 #lanmu .hover-div .sppb-addon-wrapper>div, #lanmu .hover-div .yc-txt, #lanmu .hover-div .xsd-txt{transition:all 0.4s !important;-ms-transform:all 0.4s!important;-moz-transition:all 0.4s!important;-webkit-transition:all 0.4s!important;-o-transition:all 0.4s!important;}
 #lanmu .sppb-text-center{text-align:center;}
 #lanmu .sppb-addon-title{margin-top:60px;margin-bottom:15px;color:#333;font-size:30px;font-weight:700;}
 #lanmu .hover-div .sppb-column-addons .sppb-addon-text{position:relative;font-size:16px;font-weight:400;line-height:22px;}
 #lanmu .hover-div .xsd-txt{transition:all 0.4s !important;-ms-transform:all 0.4s!important;-moz-transition:all 0.4s!important;-webkit-transition:all 0.4s!important;-o-transition:all 0.4s!important;opacity:1;}
 #lanmu .hover-div .yc-txt{overflow:hidden;position:absolute;opacity:0;top:0;left:50%;width:320px;margin-left:-160px;line-height:1.7;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-o-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);text-align:left;}
 #lanmu .hover-div .sppb-addon-title a,#lanmu .hover-div .yc-txt a{color:#333;text-decoration:none;transition:color 300ms, background-color 300ms, opacity 300ms;}
 #lanmu .hover-div .sppb-addon-wrapper:hover .xsd-txt{opacity:0;}
 #lanmu .hover-div .sppb-addon-wrapper:hover>div{width:360px;height:360px;left:-82px;top:-82px;}
 #lanmu .hover-div .sppb-addon-wrapper:hover .yc-txt{-webkit-transform:scale(1);opacity:1;-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
 #lanmu .sppb-col-md-2:hover{position:relative;z-index:200;}

@media (max-width:760px){
#lanmu .sppb-row, #lanmu .sppb-container-inner{position:relative;z-index:100;}
 #lanmu .sppb-container-inner .sppb-row{display:flex;width: 100%;justify-content:center;align-items:center;display:-ms-flexbox;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;}
 #lanmu .sppb-col-md-2{position:relative;width:100%;min-height:1px;padding: 0 10px;max-width: 50%;flex: 50%;}
 #lanmu *{box-sizing:border-box;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
 #lanmu .sppb-column{box-shadow:0 0 0 0 #fff;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;z-index:100;}
 #lanmu .sppb-column-addons{position:relative;z-index:100;width:100%;}
 #lanmu .hover-div .sppb-addon-wrapper{width:100%;margin:0px 0px 30px 0px;height: 40px;position:relative;}
 #lanmu .hover-div .sppb-addon-wrapper>div{position:absolute;width:100%;height:100%;left:0;top:0;cursor:pointer;background-position:92% 92%;background-repeat:no-repeat;background-size:30%;color:#3A3A3A;background-color:#fff;box-shadow:6px 12px 24px -3px rgb(31 63 116 / 15%);border-width:0px;border-radius:30px;padding:15px 20px 30px 20px;}
 #lanmu .hover-div .sppb-addon-wrapper>div, #lanmu .hover-div .yc-txt, #lanmu .hover-div .xsd-txt{transition:all 0.4s !important;-ms-transform:all 0.4s!important;-moz-transition:all 0.4s!important;-webkit-transition:all 0.4s!important;-o-transition:all 0.4s!important;}
 #lanmu .sppb-text-center{text-align:center;}
 #lanmu .sppb-addon-title{margin-top: 0;margin-bottom: 0;color:#333;font-size: 16px;font-weight:700;}
 #lanmu .hover-div .sppb-column-addons .sppb-addon-text{position:relative;font-size:16px;display: none;font-weight:400;line-height:22px;}
 #lanmu .hover-div .xsd-txt{transition:all 0.4s !important;-ms-transform:all 0.4s!important;-moz-transition:all 0.4s!important;-webkit-transition:all 0.4s!important;-o-transition:all 0.4s!important;opacity:1;}
 #lanmu .hover-div .yc-txt{overflow:hidden;position:absolute;opacity:0;top:0;left:50%;width:320px;margin-left:-160px;line-height:1.7;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-o-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);text-align:left;}
 #lanmu .hover-div .sppb-addon-title a,#lanmu .hover-div .yc-txt a{color:#333;text-decoration:none;transition:color 300ms, background-color 300ms, opacity 300ms;}
 #lanmu .hover-div .sppb-addon-wrapper:hover .xsd-txt{opacity:0;}
 #lanmu .hover-div .sppb-addon-wrapper:hover>div{width:100%;height:100%;left:0;top:0;}
 #lanmu .hover-div .sppb-addon-wrapper:hover .yc-txt{-webkit-transform:scale(1);opacity:1;-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
 #lanmu .sppb-col-md-2:hover{position:relative;z-index:200;}
}
@media (max-width: 1400px) {
    .weblist .left, .list .right{width: 40%}
    .weblist .right{width: 55%}
    .weblist .right img{max-width: 100%}
}
@media (max-width: 1152px) {
    .weblist li:nth-child(2n+1) .title{padding-top: 0px}
    #lanmu .sppb-addon-title{margin-top: 20px}
}
@media (max-width: 1024px) {
    .weblist .left{width: 100%}
    .weblist .right img,.weblist .left img,.weblist .left video{display: none}
    .weblist li:nth-child(2n) .right{width: 100%}
    #lanmu .sppb-addon-title{margin-top: 30px}

}
@media (max-width: 960px) {
    #lanmu .hover-div .xsd-txt{display: none}
    #lanmu .sppb-addon-title{margin-top: 50px}
}
@media (max-width: 768px){
    .banner_info .up-cont{top:38%}
    #lanmu .sppb-addon-title{margin-top: 0px}
}