@font-face { 
font-family: 'AVGARDN'; 
src: url('../fonts/AVGARDN.eot'); 
src: 
url('../fonts/AVGARDN.ttf') format('truetype'), 
url('../fonts/AVGARDN.svg#fontName') format('svg'); 
} 


body,div,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
table{border-collapse:collapse;}
.table{display: table;width: 100%}
.tr,.row{display: table-row;}
.td,.cell{display: table-cell;}
html,body{font-size:14px ;text-align:left; color:#555555;font-family:Arial, Gadget, sans-serif; background-color:#eceff8;}
input,select{outline:none;padding:8px 4px;font-size:16px;border:#c8c8c8 1px solid;color:#555555;}
p{line-height: 160%;}
img{border:0; -ms-interpolation-mode:bicubic; margin:0; padding:0;}
a{text-decoration:none;color:#555555;}
ul,li{list-style:none;}
.clear{ clear:both;}

.pw{min-width:320px;background:none repeat scroll 0% 0%; margin:0px auto;overflow:hidden; min-height:431px; width:100%;padding-top:0px;}
/*banner轮播开始*/
.swipe{width:100%;overflow:hidden;position:relative;height:100%;}
.swipe ul{
	-webkit-transition:left 800ms ease-in 0;
	-moz-transition:left 800ms ease-in 0;
	-o-transition:left 800ms ease-in 0;
	-ms-transition:left 800ms ease-in 0;
	transition:left 800ms ease-in 0;
}
.swipe #pagenavi{position:absolute;right:10px;bottom:9px;text-align:right;width:100%;z-index:1111;/* background:rgba(000, 000, 000, 0.6)!important; filter:Alpha(opacity=60);padding:5px 0px 0px 0px;*/}
.swipe #pagenavi a{line-height:90em; background:#cdcdcd;width:10px; height:10px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; margin:0 6px; overflow:hidden; cursor:pointer; display:inline-block; *display:inline; *zoom:1; position:relative;}
.swipe #pagenavi a.active{background:#00a1f5;  position:relative;}
/*banner轮播结束*/

.head{background-color:#ffffff;height:45px;padding:2px 0;position:fixed;right: 0;top:calc(100vh - 50px);width:100px;z-index:99999;}
/*.mm-opening .head{position:absolute;}*/
.head .logo{float:left;width:157px;margin-top:5px;margin-left:3%;}
.head .more{float:right;width:25px;margin:12px 12px 0;}
.cloud{width:100%;position:absolute;right:0px;bottom:0px;z-index:111;}
.buttom{margin-top:2.5%;}
.buttom a{
	float:left;
	width: 33%;
	margin-right: 0.5%;
	margin-bottom: 2px;
	overflow: hidden;
	position: relative;
}
.buttom a:after {
	content: '';
	display: block;
	padding-top: 100%;}
.buttom a span{
	display: block;
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 15%;
    font-size:1.07em;
	color: #6e6e6e;
	font-weight: bold;
}
#buttom01{
	background: url(../images/buttom01.png) no-repeat #eef5fd center;
	background-size:32%;
	background-position: 50% 32%;
}

#buttom02{
	background: url(../images/buttom02.png) no-repeat #eef5fd center;
	background-size:32%;
	background-position: 50% 32%;
}
#buttom03{
	background: url(../images/buttom03.png) no-repeat #eef5fd center;
	background-size:38%;
	background-position: 50% 32%;
	margin-right:0;
}
#buttom04{
	background: url(../images/buttom04.png) no-repeat #eef5fd center;
	background-size:38%;
	background-position: 50% 32%;
}
#buttom05{
	background: url(../images/buttom05.png) no-repeat #eef5fd center;
	background-size: 40%;
	background-position: 50% 32%;
}
#buttom06{
	background: url(../images/buttom06.png) no-repeat #eef5fd center;
	background-size: 30%;
	background-position: 50% 32%;
	margin-right:0;
}

.foot{text-align:center;padding:4% 0;color:#545454;font-size:0.9em;}
.mm-menu.mm-offcanvas{width: 120px!important}
html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate3d(-120px,0,0);transform:translate3d(-120px,0,0)!important}
.mm-listview>li{position:inherit;}
.mm-panels>.mm-panel{padding:0;}
.mm-panels>.mm-panel>.mm-listview {margin:0;}
.mm-listview>li, .mm-listview>li .mm-next, .mm-listview>li .mm-next:before, .mm-listview>li:after{border-color: #44556b;}
.mm-listview> li:not(.mm-divider):after{content:'';border-bottom-width:0px;border-bottom-style:solid;display:block;position:absolute;right:0;bottom:0;left:20px;color:#646e7f;}
.mm-menu{background-color:#28374a;} 

.menu-mi li{text-align:center;border-bottom: 1px solid #304664;}
.menu-mi li a{
	background:url(../images/home.png) no-repeat top center;
	background-size:20px;
	background-position:center 22px; padding: 46px 0px 15px 0px;
}
#menu-mian02{
	background:url(../images/buttom01.png) no-repeat top center;
	background-size: 16px;
    background-position: center 16px;
}
#menu-mian03{
	background:url(../images/buttom02.png) no-repeat top center;
	background-size: 20px;
    background-position: center 19px;
}
#menu-mian04{
	background:url(../images/buttom03.png) no-repeat top center;
	background-size:20px;
	background-position:center 20px;
}
#menu-mian05{
	background:url(../images/buttom04.png) no-repeat top center;
	background-size:20px;
	background-position:center 18px;
}
#menu-mian06{
	background:url(../images/buttom05.png) no-repeat top center;
	background-size:26px;
	background-position:center 20px;
}
#menu-mian07{
	background:url(../images/buttom06.png) no-repeat top center;
	background-size:19px;
	background-position:center 20px;
}





/*波浪开始*/
@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }
    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}
.waveWrapper {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}
.waveWrapperInner {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 100%;
    bottom: -1px;
}
.bgTop {
    z-index: 15;
    opacity: 1;
}
.bgMiddle {
    z-index: 10;
    opacity: 1;
}
.bgBottom {
    z-index: 5;
}
.wave {
    position: absolute;
    left: 0;
    width: 650%;
    height: 100%;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    transform-origin: center bottom;
}
.waveTop {
    background-size: 50% 100px;
}
.waveAnimation .waveTop {
  animation: move-wave 3s;
   -webkit-animation: move-wave 3s;
   -webkit-animation-delay: 1s;
   animation-delay: 1s;
}
.waveMiddle {
    background-size: 50% 120px;
}
.waveAnimation .waveMiddle {
    animation: move_wave 30s linear infinite;
}
.waveBottom {
    background-size: 50% 100px;
}
.waveAnimation .waveBottom {
    animation: move_wave 40s linear infinite;
}
/*波浪结束*/

.bannerbg{background: url(../images/bn.jpg);background-size:100%;  height: 120px; }
.bannerbg h1{padding-top: 40px; font-size: 24px;color: #ffffff; font-weight: 100; text-align: center; }
.bannerbg h2{font-size: 18px; letter-spacing: 3px; color: #ffffff; opacity: .6; text-align: center;font-weight: 100;}

.mainbody{padding:20px 0;}
.newslist li {background: #ffffff; margin-bottom: 15px;box-shadow: 0px 3px 5px #e0e6eb;}
.newslist li a{padding: 25px 20px ; display: block;}
.newslist li h1{color: #000000;font-size: 16px;padding-bottom: 10px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; line-height: 140%; }
.newslist li p{color: #4c4c4c;line-height: 160%;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; font-size: 12px;padding-bottom: 5px; }
.newslist li h2{font-size: 26px; font-weight: 100; color: #0276c4; padding-bottom:10px;font-family:'AVGARDN' }  
.newslist li h2 span{font-size: 14px;}  


/*page开始*/
.pages{text-align: center;padding: 10px 0;}
.pages a,.pages div{display: inline-block;}
.pages a{padding: 8px 15px;background: #ffffff;}
.pages a:hover,.pages a.active{color: white;background: #0276c4;}

/*page结束*/

.secondnav{margin-top: 15px;}
.secondnav li{float: left;width: 50%;display: inline-block;}
.secondnav li a{background: #ffffff; color: #000000; display:block; text-align: center;padding: 15px 0;margin: 1px 1px 0 0; }
.secondnav li.on a{background: #5BBE51; color: #ffffff;}


.passage{padding: 20px 20px;background: #ffffff;}
.passage h1{ text-align: center; color: #000000; padding: 20px 0px; font-size: 18px; font-weight: 900;}
.passage .date{  display: block; text-align: center; padding: 10px 0; border:1px solid #ebebeb; color: #737373; border-left:0;  border-right:0; }
.passage .proj{  display: block; text-align: center; padding: 15px 0; background: #f2f2f2; font-size: 16px;  color: #333333;  }

.newsdetail {
    padding: 25px 0 20px;
    color: #4c4c4c;
}
.newsdetail p{padding-bottom: 20px;}
.newsdetail img{
    max-width: 100%;
}
.newsdetail table{
    max-width: 100%;
}
/*goback*/
.goback{ text-align: center;}
.goback a{ display: inline-block; padding: 8px 15px;  border: 1px solid #c0c0c0; color:#8c8c8c;  font-size: 14px; margin: 40px 10px 30px;}
.goback a:hover{border: 1px solid #095cab; color:#095cab;}


/*project*/
.project li{margin-bottom: 15px;}
.project li a{background: #ffffff;display: block;}
.project li img{width: 200px; height: 160px;float: right;}
.project li .infor{padding: 25px 20px 0;}
.project li .infor h1{font-size: 1.2em; font-weight: 900;color: #000000;padding: 5px 0 10px;}
.project li .infor h2{font-size: 1em;font-weight: 100; color: }
.project li .infor span{background: url(../images/arr.png)no-repeat;background-size: 25px;display: inline-block;width: 25px; height: 25px;margin-top: 20px;}

.passage .proj {
    display: block;
    text-align: center;
    padding: 15px 15px;
    background: #f2f2f2;
    font-size: 16px;
    color: #333333;
}

.ntitle{color: #333333;
    font-size: 1.5em;
    font-weight: 900;
    background: url(../images/ni.png) no-repeat left top;
    padding: 15px 0 20px 35px;margin-top: 10px;background-size:30px; }
.ntitle span {
    color: #c3c3c3;
    padding-left: 5px;
    font-size: 0.9em;
    font-weight: 100;
    text-transform: uppercase;
}   

.content p{line-height: 180%;
    padding-bottom: 25px;}

.ertitle {padding: 20px 0 0;}
.ertitle span{font-size: 3em;line-height: 100%; font-family: arial;color: #59be51;}
.ertitle h1{font-size: 1.2em; color: #333333;display: inline-block; }

.bluebold{color: #0d8ee4;font-weight: bold;line-height: 230%;}  
.join2{padding: 0px 0 30px}    
.join2 li{width: 92%;background: #f2f2f2;padding: 20px 4%;float: left;margin-bottom: 10px;}  
.join2 li:hover{margin-top: -5px;background: #0d8ee4;}  
.join2 li h1{font-size: 1.1em;display: inline-block;padding: 5px 0;}
.join2 li h2{display: inline-block;float: right; font-size: 1em;background: #ccc;padding: 5px 15px; border-radius: 20px;font-weight: 100;}
.join2 li p{padding-top: 5px;color: #838383;padding-bottom: 0;}
.join2 li:hover h1{color: #ffffff;}
.join2 li:hover h2{color: #0d8ee4;background: #ffffff;}
.join2 li:hover p{color: #ffffff; opacity: .8}

.join li .dt{color: #333333; line-height: 30px; margin-bottom: 20px;padding: 8px 20px;background: url(../images/join1.png) no-repeat right center #f5f6fa;background-size:25px; }
.join li.on .dt{color: #ffffff;background: url(../images/join2.png) no-repeat right center #0d8de4;background-size:25px; }

.join .main{padding: 0 20px;}
.join li .main{opacity: 0;visibility: hidden;height: 0}
.join li .main h1{padding: 0 0 10px; text-align: left; font-size: 1em;}
.join .on .main{visibility: visible;opacity: 1;margin: 0px 0 30px;transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;height: auto;}
.join li a{display: inline-block;background: #0d8de4; color: #ffffff;padding: 3px;margin-top: 10px; }
.join li a i{margin-right: 5px}
.join li a span{border:1px solid #ffffff; padding:8px 18px;display: inline-block;}
.secondnav li.width100{width: 100%;}
.nav100 li{width: 100%;}

.contact{padding-top: 15px;}
.contact li{border-bottom: 1px solid #eee;margin-bottom: 20px;padding-bottom: 20px;background-repeat: no-repeat;padding-left: 50px;background-size:30px;}
.contact li h1{text-align: left; font-size: 1.2em;padding: 0px 0;}
.contact li p{padding:5px 0 0  }
.contact li.coicon1{background-image:url(../images/co1.png); }
.contact li.coicon2{background-image:url(../images/co2.png); }
.contact li.coicon3{background-image:url(../images/co3.png);border-bottom:0; }


/*about*/
.about .subheading {
    font-size: 18px;
    margin-bottom: 10px;
    color: #59be51;
}
.about_intr{
    width: 100%;
    padding-bottom: 30px;
    padding-top: 25px;
}
.about_intr .line{
    width: 50px;
   border-top:2px solid #0C8EE4;
    text-align: left;
    margin: 25px 0px 20px;
}
.about_intr .tit{
    padding: 0;
    font-weight: bold;
    font-size: 1.5em;
    text-align: left;
}
.about_intr  .entit{
    color: #CFCFCF;
     font-size: 1em;
     padding-bottom: 10px;
}

.about_intr>p.pcontent{
    font-size: 1em !important;
    line-height: 170% !important;

}

.about .about_blk{
    border-bottom: 1px dashed #ccc;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    padding-bottom:30px;
}
.about  .about_blk p{padding-left: 36px;}
.about  .about_blk h2{font-size: 16px;padding:15px 0px 15px 40px;}
.about  .about_blk .about_btit1{color:#5169CB;background: url(../images/ap1.png) no-repeat left;background-size:35px;}
.about  .about_blk .about_btit2{color:#0D8FE5;background: url(../images/ap2.png) no-repeat left;background-size:35px;}
.about  .about_blk .about_btit3{color:#0F9999;background: url(../images/ap3.png) no-repeat left;background-size:35px;}
.about  .about_blk .about_btit4{color:#C65560;background: url(../images/ap4.png) no-repeat left;background-size:35px;}

.culture li{padding: 40px 0 20px;margin-left: 15px; border-bottom: 1px dashed #ccc; list-style-type:disc; color: #0b82e0; }
.culture li h1{text-align: left;font-size: 1.2em;font-weight: 100;color: #0b82e0;line-height: 160%;padding: 0 0 10px 0;}
.culture li p{padding-bottom: 20px;color: #4c4c4c}


.honor{padding:0px; background: url(../images/honor.jpg)no-repeat bottom right;background-size:100%; }
.honor .item{padding:40px 0 20px;}
.honor a{display: inline-block;padding: 10px 10px;border-radius: 3px; font-size: 1.1em; border:1px solid #cccccc;}
.honor a.on{ border:1px solid #0275c4;background: #0275c4;color: #ffffff;}
.honor ul{min-height: 500px; }
.honor li{ line-height: 200%;display: inline-block;width: 300px;}
.prodnav {padding: 0px 0;}
.prodnav a{margin-bottom:10px ;display:block; }
.prodnav img{border-radius: 5px;}

.product{padding-top: 30px;}
.product li{background: #f2f2f2;margin-bottom: 20px ;padding: 5px;border:1px solid #f2f2f2;position: relative;}
.product li:hover{border:1px solid #0f8ce0;background: #dcecf7;}
.product li img{width: 150px;float: left; padding-right: 9px;}
.product li h1{font-size: 1.2em; color: #333333;padding:15px 0 15px;text-align: left;}
.product li:hover h1{ color: #0f8ce0;}
.product li h2{font-size: 1em; font-weight: 100; display: inline-block; color: #333333; position: absolute; bottom:15px;right: 15px;background: url(../images/arr.png) no-repeat right center;background-size:15px;padding-right: 20px; }
.product li:hover h2{ color: #0f8ce0;}
.product li p{color: #777777;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}


.pronav{padding: 0px 0 25px}
.pronav a{display: inline-block;width:45%; text-align: center;line-height: 40px;border:1px solid #ccc;margin-right: 1%;border-radius: 25px;margin-bottom: 10px;}    
.pronav a:hover{border:1px solid #0f8ce0;color: #0f8ce0}
.pronav a.on{border:1px solid #0f8ce0;color: #ffffff;background: #0f8ce0} 

.prod {}
.prod .img{width: 100%;padding:30px 0;}  
.prod .img img{width: 100%;}  
.prod .img p{text-align: center}  
.prod .infor{width:100%;}  
.prod th{background: #54c44c;padding: 10px 10px; }
.prod td{padding: 10px 10px;}
.prod tr.title{background: #54c44c; }
.prod th span{color: #ffffff;font-weight: bold; }


.buttom{margin-top:2.5%;padding: 0 3px;}
.buttom a{
    float:left;
    width: 33%;
    margin-right: 0.5%;
    margin-bottom: 2px;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
}
.buttom a:after {
    content: '';
    display: block;
    padding-top: 100%;}
.buttom a span{
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 15%;
    font-size:1.1em;
    color: #000000;
    font-weight: 100;
}
#buttom01{
    background: url(../images/ind1.png) no-repeat #ffffff center;
    background-size:60%;
    background-position: 50% 32%;
}

#buttom02{
    background: url(../images/ind2.png) no-repeat #ffffff center;
    background-size:60%;
    background-position: 50% 32%;
}
#buttom03{
    background: url(../images/ind3.png) no-repeat #ffffff center;
    background-size:60%;
    background-position: 50% 32%;
    margin-right:0;
}
#buttom04{
    background: url(../images/ind4.png) no-repeat #ffffff center;
    background-size:60%;
    background-position: 50% 32%;
}
#buttom05{
    background: url(../images/ind5.png) no-repeat #ffffff center;
    background-size: 60%;
    background-position: 50% 32%;
}
#buttom06{
    background: url(../images/ind6.png) no-repeat #ffffff center;
    background-size: 60%;
    background-position: 50% 32%;
    margin-right:0;
}


/*2018-03-09*/
.passage img{max-width: 100%;}
.ppbody p{padding-bottom: 20px; }
.prodtit{background: #f2f2f2;line-height: 48px;font-size: 16px;font-weight: bold;color: #5168ca;margin-bottom: 10px;margin-top: 20px; }
.prodtit .pdnumber{display:inline-block;background: #5168ca;color: #ffffff; line-height: 48px;width: 54px;text-align: center;margin-right: 15px; }
.prodtit2{font-size: 16px;font-weight: bold;color: #000000;margin:10px 0 10px;margin-top: 22px;  }
.prodtit2 .pdnumber2{display:inline-block;font-size: 16px;color: #5168ca; }
.protable td{padding:10px;}
.protable tr.firstRow td{color: #ffffff; }
.protable td p{line-height: 150%;    padding-bottom: 0px; }
.propart01{background: #f2f2f2;padding:10px 4%; border-radius: 20px;width: 92%;margin: 0px 0 20px}
.propart01 h1{color:#5168ca;font-size: 16px;padding-bottom: 10px;  }
.propart01 li{list-style-type:disc;margin-left: 20px; }
.propart01 li p{padding: 0;}
.fontpp{color: #333333; font-weight: bold;}

.prodtit3{font-weight: bold;margin: 20px 0 5px;display:list-item; list-style-type:square; margin-left:20px;color: #019090;font-size: 15px; }
.ertitle span.fontpp {
    font-size: 14px;
    line-height: 100%;
    font-family:"Microsoft YaHei","微软雅黑", Arial;
    color: #333333;
    font-weight: bold;
}
.pplist li span {
    color: #ffffff;
    background: #787878;
    font-size: 0.8em;
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 25px;
    display: inline-block;
    text-align: center;
    margin-right: 5px;
    margin-bottom: 5px;
}
.pplist li{list-style-type: none;padding:0;margin:0 0 5px 0}
.lineal{border-top:1px dashed #cccccc ;  height: 0px; width: 100%; margin-top:-30px;margin-bottom: 25px;}
.prodtit4{color: #019090;font-weight: bold;font-size: 18px;text-align: center;width: 100px;margin: 20px auto 10px;padding: 13px 20px;position: relative;}
.prodtit4:before{content: '';background:#019090 ;width: 300px; height: 1px;display: block; position: relative; top: 14px; left: 100px;opacity: .3}
.prodtit4:after{content: '';background:#019090 ;width: 300px; height: 1px;display: block; position: relative; top:-10px; right:300px;opacity: .3}

#ppart{padding: 30px 0 10px}
#ppart a{border:1px solid #59be51;color: #ffffff;background: #59be51;-webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;}
#ppart a:hover{border:1px solid #59be51;color: #59be51;background: #ffffff}
#ppart a.changbtn{width: 93%;}


/*2024-07-29*/
.video {
    padding:20px;
    background-color: #ffffff;
}

.videoleft .darken {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 100%;
}

.videoleft .name {
    background-color: #ffffff;
    display: flex;
    align-items: center;
    height:50px;
}

.videoleft .name p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: initial;
}

.videoleft .player {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-28px, -28px);
}

.videoleft .player p {
    padding: 8px;
    background-color: rgba(255, 255, 255, .15);
    border-radius: 50%;
}

.videoleft .player span {
    border-radius: 50%;
    display: inline-block;
    padding: 5px;
    background-color: rgba(255, 255, 255, .3);
}

.videoleft .player i {
    background-color: #ffffff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.videoleft .player i:before {
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-left: 8px solid #59be51;
    border-bottom: 7px solid transparent;
    display: block;
    content: '';
    margin-left: 3px;
}

.videoright {
    width: 100%;
    position: relative;
}
/* .videoright ul{padding: 0 30px;} */
.videoright .swiper{
    overflow: hidden;
    position: relative;
}
/* .videoright .swiper-wrapper {
    display: flex;
    flex-direction: row;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
    gap: 10px;
}
.videoright li {
    width:50%;
} */
.videoright p {
    text-align: center;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: initial;
    height: 40px;
}
.videoright .pic {
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.videoright .pic img {
    max-width: 100%;
    max-height: 100%;
}

.videoright .swiper-button {
    background-color: #59be51;
    height: 100%;
    width: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
}

.videoright .swiper-button:first-child {
    left:0;
}

.videoright .swiper-button:last-child {
    right:0;
}

.videoright .swiper-button i {
    border: 1px solid #ffffff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
}

.videoright .swiper-button:first-child i {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    margin-left: 5px;
}

.videoright .swiper-button:last-child i {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-right: 5px;
}

.video-product {
    padding: 0;
    margin-bottom:40px;
}