.navLayer{ display: none; }
/*@font-face{font-family:'brown';src:url("https://www.logitech.com/asset/fonts/lineto-brown-pro-thin.woff") format("woff");font-weight:100;font-style:normal}
@font-face{font-family:'brown';src:url("https://www.logitech.com/asset/fonts/lineto-brown-pro-light.woff") format("woff");font-weight:200;font-style:normal}
@font-face{font-family:'brown';src:url("https://www.logitech.com/asset/fonts/lineto-brown-pro-regular.woff") format("woff");font-weight:300;font-style:normal}
@font-face{font-family:'brown';src:url("https://www.logitech.com/asset/fonts/lineto-brown-pro-bold.woff") format("woff");font-weight:800;font-style:normal}
@font-face {
	font-family:'Helvetica';
	src: url(../font/Helvetica.ttf);
}
@font-face {
	font-family:'two';
	src: url(../font/HelveticaBold.ttf);
}*/

/*banner*/
/*.ind-banner{}
.ind-banner .imgBig{ position: relative; }
.ind-banner .imgBig img{ width: 100%; }
.ind-banner .imgBig img.on{ display: block; }
.ind-banner .imgBig img.off{ display: none; }
.ind-banner .imgBig .ico{ position: absolute; left: 50%; bottom: 30px; height: 66px; margin-left: -16px; width: 32px; animation: aaa 1s infinite linear; }
.ind-banner .swiper-slide{ height: auto; width: 100%; position: relative; }
.ind-banner .swiper-container{ height: 100%; }

body .ind-banner .swiper-pagination{ bottom: 30px; }

.ind-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ width: 6px; height: 10px; margin: 0 7px; border: 1px solid #FFFFFF;  opacity: 1; border-radius: 0; transition: .5s; }
.ind-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{ background: #F0832B; border-color: #F0832B; }*/
.ind-banner{overflow:hidden; min-height:7.0rem; }
.ind-banner .imgBig{ position: relative; }
.ind-banner .imgBig img{ width: 100%; }
.ind-banner .imgBig img.on{ display: block; }
.ind-banner .imgBig img.off{ display: none; }
.ind-banner .imgBig .ico{ position: absolute; left: 50%; bottom: 30px; height: 66px; margin-left: -16px; width: 32px; animation: aaa 1s infinite linear; }
.ind-banner .swiper-slide{ height: auto; width: 100%; position: relative; }
.ind-banner .swiper-container{ height: 100%; }

body .ind-banner .swiper-pagination{ bottom: 30px; }

.ind-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ width: 6px; height: 10px; margin: 0 7px; border: 1px solid #FFFFFF;  opacity: 1; border-radius: 0; transition: .5s; }
.ind-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{ background: #F0832B; border-color: #F0832B; }

.ind-banner .swiper-button-prev{ z-index:3; left:30px; width:50px; height:50px; border-radius:50%; background:rgba(255,255,255,0.6); margin-top:-25px;}
.ind-banner .swiper-button-prev:after{ content:''; position:absolute; left:50%; top:50%; width:15px; margin-left:-8px; height:29px; margin-top:-15px; background:url(../images/l1.png) no-repeat;}
.ind-banner .swiper-button-next{ z-index:3; right:30px; width:50px; height:50px; border-radius:50%; background:rgba(255,255,255,0.6); margin-top:-25px;}
.ind-banner .swiper-button-next:after{ content:''; position:absolute; left:50%; top:50%; width:15px; margin-left:-8px; height:29px; margin-top:-15px; background:url(../images/r1.png) no-repeat;}
.ind-banner .swiper-button-prev:hover{ background:#fff;}
.ind-banner .swiper-button-next:hover{ background:#fff;}


.ind-banner .txtLayer{ z-index:2; position:absolute; left:0; width:100%; text-align:center; top:50%; transform:translateY(-50%);}
.ind-banner .txt{ color:#fff; font-size:36px; line-height:36px; font-weight:bold;opacity: 0;
  transform: translatey(30px);
  -o-transform: translatey(30px);
  -moz-transform: translatey(30px);
  -webkit-transform: translatey(30px);
  transition: all 0.5s 1s;
  -o-transition: all 0.5s 1s;
  -moz-transition: all 0.5s 1s;
  -webkit-transition: all 0.5s 1s;}

.ind-banner .swiper-slide-active .txt{
  opacity: 1 !important;
  transform: translatey(0) !important;
  -o-transform: translatey(0) !important;
  -moz-transform: translatey(0) !important;
  -webkit-transform: translatey(0) !important;
}
.ind-banner .txtLayer2{ z-index:2; position:absolute; left:0; width:100%; text-align:center; top:0px; background:rgba(0,0,0,0.5);}
.ind-banner .wen{ color:#fff; font-size:30px; line-height:80px; opacity: 0;
  transform: translatey(30px);
  -o-transform: translatey(30px);
  -moz-transform: translatey(30px);
  -webkit-transform: translatey(30px);
  transition: all 0.5s 1s;
  -o-transition: all 0.5s 1s;
  -moz-transition: all 0.5s 1s;
  -webkit-transition: all 0.5s 1s;}
.ind-banner .swiper-slide-active .wen{
  opacity: 1 !important;
  transform: translatey(0) !important;
  -o-transform: translatey(0) !important;
  -moz-transform: translatey(0) !important;
  -webkit-transform: translatey(0) !important;
}
.ind-banner .swiper-slide video {
  position: absolute;
  width: 100%;
  height:100%;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  object-fit: cover;
  }

.ind-banner .videoDiv{ display: none; }
.ind-banner .btnDiv{ z-index: 2; position: absolute; left: 10%; top: 65%; transform: translateY(-35%); width: 1.0rem; height: 1.0rem; }
.ind-banner .btnDiv img{ width:1.0rem;}


.ind-banner2{ overflow:hidden;  }
.ind-banner2 .imgBig{ position: relative; }
.ind-banner2 .videoH{ display:none;}
.ind-banner2 .imgBig img{ width: 100%; }
.ind-banner2 .imgBig img.on{ display: block; }
.ind-banner2 .imgBig img.off{ display: none; }
.ind-banner2 .imgBig .ico{ position: absolute; left: 50%; bottom: 30px; height: 66px; margin-left: -16px; width: 32px; animation: aaa 1s infinite linear; }
.ind-banner2 .swiper-slide{ height: auto; width: 100%; position: relative; }
.ind-banner2 .swiper-container{ height: 100%; }

.ind-banner2 .swiper-pagination{ bottom: 30px!important; }

.ind-banner2 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ width: 6px; height: 10px; margin: 0 7px; border: 1px solid #FFFFFF;  opacity: 1; border-radius: 0; transition: .5s; }
.ind-banner2 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{ background: #F0832B; border-color: #F0832B; }

.ind-banner2 .swiper-button-prev{ z-index:3; left:30px; width:50px; height:50px; border-radius:50%; background:rgba(255,255,255,0.6); margin-top:-25px;}
.ind-banner2 .swiper-button-prev:after{ content:''; position:absolute; left:50%; top:50%; width:15px; margin-left:-8px; height:29px; margin-top:-15px; background:url(../images/l1.png) no-repeat;}
.ind-banner2 .swiper-button-next{ z-index:3; right:30px; width:50px; height:50px; border-radius:50%; background:rgba(255,255,255,0.6); margin-top:-25px;}
.ind-banner2 .swiper-button-next:after{ content:''; position:absolute; left:50%; top:50%; width:15px; margin-left:-8px; height:29px; margin-top:-15px; background:url(../images/r1.png) no-repeat;}
.ind-banner2 .swiper-button-prev:hover{ background:#fff;}
.ind-banner2 .swiper-button-next:hover{ background:#fff;}

.ind-banner2 .txtLayer{ z-index:2; position:absolute; left:0; width:100%; text-align:center; top:50%; transform:translateY(-50%);}
.ind-banner2 .txt{ color:#fff; font-size:36px; line-height:36px; font-weight:bold;opacity: 0;
  transform: translatey(30px);
  -o-transform: translatey(30px);
  -moz-transform: translatey(30px);
  -webkit-transform: translatey(30px);
  transition: all 0.5s 1s;
  -o-transition: all 0.5s 1s;
  -moz-transition: all 0.5s 1s;
  -webkit-transition: all 0.5s 1s;}
.ind-banner2 .swiper-slide-active .txt{
  opacity: 1 !important;
  transform: translatey(0) !important;
  -o-transform: translatey(0) !important;
  -moz-transform: translatey(0) !important;
  -webkit-transform: translatey(0) !important;
}

.ind-banner2 .swiper-slide video {
  position: absolute;
  width: 100%;
  height:100%;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  object-fit: cover;
  }
  
.ind-banner2 .videoDiv{ display: none; }
.ind-banner2 .btnDiv{ z-index: 2; position: absolute; left: 50%; margin-left:-0.5rem; top: 50%; margin-top:-20px; width: 40px; height: 40px; }
.ind-banner2 .btnDiv img{ width:40px;}
/*banner END*/

/*首页*/
.indexPage1{ padding: 18px 0 0; }
.title1{ background: url(../images/bor_01.jpg) repeat no-repeat left center; text-align: center; padding: 40px 0; position: relative; }
.title1 em{ font-size: 14pt; padding: 0 24px; background: #FFFFFF; color: #333333; text-transform: uppercase; font-weight:bold; }
.title1 a{ position: absolute; left: 50%; margin-left: -27px; bottom: 32px; color: #333333; font-size: 16px; line-height: 18px; border-bottom: 2px solid #727272; width: 56px; }
.title1 a:hover{ color: #F0832B; border-bottom-color: #F0832B; }

.indexPage1 .liDiv{ width: 25%; float: left; } 
.indexPage1 .liDiv .pjDiv{ margin: 0 45px 0 0; }
.index-slick1{ margin-right: -45px; margin-bottom: 50px; }

/*.index-slick1{ margin: 0 -27px; position: relative; }
.index-slick1 .slick-list{ padding: 20px 0; margin: -20px 0 0; }*/

.index-slick1 .myborder{
	border: 1px solid #f2f2f2;
	-webkit-transition: 400ms;
    transition: 400ms;
}
.index-slick1 .myborder:hover{
	-webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 30px rgba(0, 0, 0, .15);
}
.index-slick1 .slick{  margin: 0 27px; box-shadow: 0 11px 30px rgba(0,0,0,0.05); }
.index-slick1 .index-slick2 .slick{ margin: 0; box-shadow: none;}
.index-slick2{ border-bottom: 1px solid #f2f2f2; }
.index-slick1 .h6{ font-size: 12pt;  color: #333333; font-weight: bold; margin: 0px 0 14px;  height: 24px;line-height:24px;
    overflow: hidden;text-align: center;
}
.index-slick1 .p{ font-size: 11pt;line-height: 21px; color: #333333; height:84px;overflow:hidden;}
.index-slick1 .con{ border-bottom: 1px solid #f2f2f2; }
.index-slick1 .con { padding: 28px 30px 10px; display: block; }
.w290{ max-width: 100%; height: auto;}
/*230926改 .index-slick1 .con a{ padding: 28px 30px 10px; display: block; }*/
.index-slick1 .ind_btn{  border-bottom: 1px solid #f2f2f2; cursor: pointer; }
.index-slick1 .ind_btn span{ font-size: 12pt; padding: 13px 26px 13px 30px; display: block; color: #333333; overflow: hidden; background: url(../images/more2.png) no-repeat right center; margin-right: 30px; }
.index-slick1 .ind_btn span em{ display: block; float: right; border-bottom: 2px solid #727272; color: #333333; }
.index-slick1 .ind_btn span em:hover{ color: #F0832B; border-bottom-color:#F0832B; }
.index-slick1 .ind_btn.open span{ background: url(../images/more2on.png) no-repeat right center; }
.index1_con{ padding: 0 32px 14px; display: none; }
.index1_con li{ position: relative; padding: 0 0 0 12px; margin-bottom: 14px; }
.index1_con li:last-child{ margin-bottom: 0; }
.index1_con li:before{ content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background: #333333; position: absolute; left: 0; top: 8px; }
.index1_con li a{ color: #666666; font-size: 14px; line-height: 16px; }
.index-slick1 .num{ padding: 0 30px; font-family: "Arial"; font-size: 18px; color: #333333; line-height: 58px; }
.index-slick1 .slick-prev ,
.index-slick1 .slick-next{ width: 50px; height: 50px; position: absolute; top: 223px; border-radius:50%; z-index: 10; }
.index-slick1 .slick-prev{ background: url(../images/l1.png) no-repeat center; left: -55px; }
.index-slick1 .slick-next{ background: url(../images/r1.png) no-repeat center; right: -15px; }
.index-slick2 .slick-dots{ position: absolute; bottom: 0px; text-align: center; left: 0; right: 0; }
.index-slick2 .slick-dots li{ width: 8px; height: 8px; border: 1px solid #d4d4d4; border-radius: 50%; display: inline-block; margin: 0 7.5px; }
.index-slick2 .slick-dots .slick-active{ background: #F0832B; border-color: #F0832B; }
.index-slick2 img{ width: 100%; }

.indexPage2{ padding: 0; }
.index_slick3{ padding-bottom: 62px; position: relative; }
.index_slick3 .slick{ position: relative; }
.index_slick3 .slick img{ width: 100%; }
.index_slick3 .text{ position: absolute; left: 0; top: 0; bottom: 0; padding: 162px 0 0 166px;font-family:"Arial"; }
.index_slick3 .name{ font-size: 18px; color: #FFFFFF; text-transform: uppercase; margin-bottom: 6px; }
.index_slick3 .p1{ font-size: 36px; color: #FFFFFF; text-transform: uppercase; font-weight: bold; margin-bottom: 26px; }
.index_slick3 .money{ color: #FFFFFF; font-size: 24px; margin-bottom: 22px; }
.index_slick3 .money em{ color: #FFFFFF; font-size: 20px; }
.index_slick3 .more{ font-size: 14px; color: #FFFFFF; line-height: 14px; border-bottom: 2px solid #b0b0b0; display: inline-block; text-transform: uppercase; }
.index_slick3 .slick-prev ,
.index_slick3 .slick-next{ width: 50px; height: 50px; position: absolute; top: 50%; margin-top:-25px; border-radius:50%; overflow:hidden; z-index:2;  }
.index_slick3 .slick-prev{ left: -60px; }
.index_slick3 .slick-next{ right: -60px;  }
.index_slick3 .slick-prev:after{ content: ''; position:absolute; left:50%; margin-left:-8px; top:50%; margin-top:-15px; width:15px; height:29px; background: url(../images/l1.png) no-repeat center;}
.index_slick3 .slick-next:after{ content: ''; position:absolute; left:50%; margin-left:-8px; top:50%; margin-top:-15px; width:15px; height:29px; background: url(../images/r1.png) no-repeat center;}

.indexPage3{ padding: 18px 0 84px; }
.index3_list1{ margin: -28px -34px 0 0; }
.index3_list1:after{ content: ''; display: block; clear: both; visibility: hidden; height: 0; }
.index3_list1 li{ width: 505px; float: left; margin-right: 34px; transition: .5s; }
.index3_list1 a{ display: block; padding: 28px 28px 25px; }
.index3_list1 .img{ display: block; overflow: hidden;max-height: 260px;min-height: 260px;
 }
.index3_list1 .img img{ width: 100%; transition: .5s; }
.index3_list1 .text{ display: block; padding: 28px 0 0; }
.index3_list1 .h6{ font-size: 12pt; display: block; color: #333333; margin-bottom: 22px; }
.index3_list1 .p{ display: block; font-size: 14px; color: #333333; line-height: 20px; margin-bottom: 26px;height: 60px;
    overflow: hidden;
 }
.index3_list1 .time{ display: inline-block; width: 94px; height: 24px; line-height: 24px; text-align: center; font-size: 14px; color: #333333; background: #e8e8e8; }
.index3_list1 li:hover{ box-shadow: 0 11px 30px rgba(0,0,0,0.11); }

.the-more{
	text-align: center;
	margin-top: 20px;
}
.the-more a{
	color: #F0832B;
	font-size: 13pt;
	text-decoration: underline;
}
/*产品分类*/
.header_padding{ height: 77px; background: #171717; }
.productPage1{ position: relative; }
.productPage1 .img img{ width: 100%; }
.productPage1 .text{ position: absolute; left: 50%; transform: translateX(-50%); top: 70px; text-align: center; }
.productPage1 .txtImg{ display: inline-block; }
.productPage1 .txtImg img{ margin-right: -27px; }
.productPage1 .p{ font-size: 22px; color: #FFFFFF; font-family: "Arial"; margin-top: -4px; }
.productPage1 .more1{ display: inline-block; width: 130px; line-height: 30px; background: #F0832B; text-align: center; color: #FFFFFF; font-size: 20px; font-family: "Arial"; margin-top: 22px; transition: 0.5s; }
.productPage1 .more2{ background:none;width:auto}
.productPage2{ position: relative; }
.productPage2 .img img{ width: 100%; }
.productPage2 .text{ position: absolute; left: 50%; transform: translateX(-50%); top: 60px; text-align: center; }
.productPage2 .txtImg{ display: inline-block; margin-bottom: 20px; }
.productPage2 .txtImg img{	 }
.productPage2 .p{ font-size: 22px; color: #212121; font-family: "Arial"; }
.productPage2 .more1{ display: inline-block; width: 130px; line-height: 30px; background: #0db2f0; text-align: center; color: #FFFFFF; font-size: 20px; font-family: "Arial"; margin-top: 22px; transition: .5s; } 

/*产品列表*/
.withtinNavTop{ position: fixed; left: 0; top: 77px; right: 0;z-index: 50; }
.within_Ban img{ width: 100%; }
.within_Nav{ margin: 0px 0 72px; background:rgba(233,233,233,0.9); } 
.withinNav{ text-align: center; height:50px; }
.withinNav:after{ content: ''; display: block; visibility: hidden; clear: both; height: 0; }
.withinNav li,.withinNav li a{ display: inline-block;height: 50px;line-height: 50px; width: auto;padding: 0 10px 0;text-align: center; margin: 0 -2px 0;font-size: 15.5px; cursor: pointer; }
.withinNav li.open{ background: #F0832B; position: relative; }
.withinNav li.open:before{ position: absolute; left: 50%; margin-left: -11px; top: 100%; content: ''; display: block; border: 11px solid #F0832B; border-bottom: none; border-right-color: transparent; border-left-color: transparent; z-index: 10; }
.withinNav li.open a{ color: #FFFFFF; }
.withinNav li:hover , .withinNav .liNow{ background: #F0832B; position: relative; }
.withinNav li:hover a , .withinNav .liNow a
{ color: #FFFFFF; }


.withinNav2{ text-align: center; /*height: 60px;*/ border-bottom:#ddd solid 1px; background:#fff; }
.withinNav2 li,.withinNav2 li a{ display: inline-block;height: 50px;line-height: 50px; padding: 0 10px 0;text-align: center; margin: 0 -2px 0;font-size: 14px; font-family: 'Arial';cursor: pointer; }
.withinNav2 li.open{ background: #F0832B; position: relative; }
.withinNav2 li.open:before{ position: absolute; left: 50%; margin-left: -11px; top: 100%; content: ''; display: block; border: 11px solid #F0832B; border-bottom: none; border-right-color: transparent; border-left-color: transparent; z-index: 10; }
.withinNav2 li.open a{ color: #F0832B; }
.withinNav2 li:hover{ color: #F0832B; position: relative; }
.withinNav2 li:hover a{ color: #F0832B; }
.withinNav2 li a.anow{ color: #F0832B; }

/*手机-内页2级栏目*/
.selTitle{position: relative;background: #F0832B url(../images/m11.png) no-repeat 96%;height: 45px;line-height: 45px;background-size: 3%;box-shadow: 0 0 5px #ddd;}
.selTitle a{display:block;padding: 0 3%;font-size: 16px;color: #fff;}
.selCont{display: none;position: absolute;width: 100%;background: #ebebeb; padding: 10px 0; z-index: 99;} 
.selCont ul li{height: 40px;line-height: 40px;} 
.selCont ul li a{border-bottom: 1px solid #cecece;}
.selCont ul li:last-child a{border-bottom: 0;}
.selCont ul li a{display: block;margin: 0 3%;color: #787878;}
.selTitle.on{background:#F0832B url(../images/m11_on.png) no-repeat 96%;background-size: 4%;}
.selCont ul li.nav3{display: none; background: #fff; height: auto; } 
.selCont ul li.nav3 a{border-bottom: 0; padding-left: 15px; line-height: 32px; font-size: 12px; } 
.selCont ul li.has-nav3 a{background: url(../images/m7_1.png) no-repeat 98%; } 
.selCont ul li.has-nav3.on a{background: url(../images/m7.png) no-repeat 98%; }


.product2Page1{ padding-bottom: 62px; }
.product2_2{  }
.product2_2 .index-slick1:after{ content: ''; display: block; visibility: hidden; clear: both; height: 0; }
.product2_2 .index-slick1{ margin-right: -45px; margin-bottom: 50px; }
.product2_2 .liDiv{ width: 25%; float: left; } 
.product2_2 .liDiv .pjDiv{ margin: 0 45px 0 0; }
.product2Page2 .img img{ width: 100%; }

.Big_more{ display: block; text-align: center; padding: 8px 0 0; }
.Big_more .off{ display: none; }
.Big_more:hover .on{ display: none; }
.Big_more:hover .off{ display: inline-block; }

/*产品详情*/
.productshowpage1{ height: 770px; background: #ffa200;padding-top:78px; }
.productshow1{ overflow: hidden; position: relative; }
.productshow1 .text{ position: absolute; right: 0; top: 14%; width: 440px; }
.productshow1 .text .h6{ font-size: 20pt;font-weight: 700; color: #FFFFFF; margin-bottom: 4px; }
.productshow1 .text .p{ font-size: 14pt; color: #FFFFFF; line-height: 32px;}
.productshow1 .text .bor{ height: 1px; background: #FFFFFF; margin: 16px 0 20px; }
.productshow1 .text .button{ width: 234px; }
.productshow1 .text .button a{ width: 232px; display: block; line-height: 60px; border: 1px solid #FFFFFF; text-align: center; font-size: 15pt; color: #FFFFFF; cursor: pointer; }
.productshow1 .text .button a:hover{ background: #363636; }
.productshow1 .text .img{ text-align: center; margin: 10px 0 6px; }
.productshow_ban{ }
.productshow_ban .slider-for{ width: 846px; height: 630px;
    overflow: hidden;
 }
.productshow_ban .slider-for img{ width: 100%; }
.productshow_ban .slider-for .slick-current{  }
.productshow_list{ margin: 0 -15px; border-top: 1px solid #FFFFFF; padding: 20px 0 0; }
.productshow_list .slick-slide{ margin: 0 15px; opacity: 0.75; position:relative }
.productshow_list .slick-slide .ico{ position:absolute; left:50%; top:50%; margin-left:-18px; margin-top:18px; width:36px; height:36px; background:url(../images/nimg50_1.png) no-repeat center; background-size:36px;}
.productshow_list .slick-current{ opacity: 1; }
.productshow_list img{ width: 100%; }

.productshowPage2{ padding: 0 0 36px; }
/*.productshow2 div{ word-break:break-all}*/
.w1616{ width: 1616px; margin: 0 auto; }
.w1216{ width: 1216px; margin: 0 auto;}
.productshow2_list1{ margin-bottom: 65px; }
.productshow2_list1 li{ overflow: hidden; margin-bottom: 65px;}
.productshow2_list1 li:last-child{ margin-bottom: 0; }
.productshow2_list1 .img{ /*width: 885px;*/max-width: 885px; overflow: hidden; }
.productshow2_list1 .img img{ width: 100%; transition: .5s; }
.productshow2_list1 .text{ width: 688px; }
.productshow2_list1 .h6{ font-size: 26px; color: #201f20; margin-bottom: 20px;font-weight:bold; }
.productshow2_list1 .p{ font-size: 17px; color: #201F20;line-height: 1.5;text-align: justify;}
/*.productshow2_list1 .liow1 .text{ padding: 66px 0 0; }
.productshow2_list1 .liow2 .text{ padding: 98px 0 0; }
.productshow2_list1 .liow3 .text{ padding: 66px 0 0; }
.productshow2_list1 .liow4 .text{ padding: 98px 0 0; }
.productshow2_list1 .liow5 .text{ padding: 98px 0 0; }
.productshow2_list1 .liow6 .text{ padding: 98px 0 0; }
.productshow2_list1 .liow7 .text{ padding: 98px 0 0; }
.productshow2_list1 .liow8 .text{ padding: 98px 0 0; }
.productshow2_list1 .liow9 .text{ padding: 98px 0 0; }*/
.productshow2_list1 .liow .text{ padding: 40px 0 0; }

.productshow_Con1{ padding: 48px 0; overflow: hidden; }
.productshow_Con1 .name{ width: 250px; color: #201F20; font-size: 18pt; /*text-indent: 100px;*/}
.productshow_Con1 .content{ width: 966px; }
.productshow_Con1 li{ padding-left: 24px; position: relative; line-height: 30px; font-size: 20px; font-family: "Arial"; color: #201F20; margin-bottom: 8px; }
.productshow_Con1 li:before{ content: ''; display: block; position: absolute; left: 0; top: 13px; width: 6px; height: 6px; background: #666666; border-radius: 50%; }
.productshow_Con1 li:last-child{ margin-bottom: 0; }

.productshow_Con2{ padding: 48px 0 62px; overflow: hidden; }
.productshow_Con2 .name{ width: 250px; color: #201F20; font-size: 18pt;line-height:60px; /*text-indent:100px;*/ }
.productshow_Con2 .content{ width: 966px; }
.productshow_Con2 li{ overflow: hidden; }
.productshow_Con2 li .tit{ padding: 9px 36px; width: 288px; float: left; margin-right: 4px; line-height: 30px; text-align: right; font-size: 15px; font-family: "Arial"; color: #201f20; }
.productshow_Con2 li .p{ width: 728px; padding: 9px 36px; float: left; line-height: 30px; font-size: 15px; font-family: "Arial"; color: #201f20; }
.productshow_Con2 li:nth-of-type(2n+1) .tit{ background: #f4f4f4; }
.productshow_Con2 li:nth-of-type(2n+1) .p{ background: #f4f4f4; }
.productshow_Con2 li:last-child{ margin-bottom: 0; }

.productshow_Con3{ padding: 48px 0; overflow: hidden; }
.productshow_Con3 .name{ width: 250px; color: #201F20;font-size: 18pt;/*text-indent:100px;*/ }
.productshow_Con3 .content{ width: 1166px; }
.productshow_Con3 li{ padding: 0 0px 0 26px; margin-bottom: 4px; position: relative; }
.productshow_Con3 li span{ position: relative; line-height: 30px; display: block; color: #201F20; font-size: 12pt; width: 420px; background: url(../images/ico_02.jpg) no-repeat right center; padding: 0 32px 0 0; cursor: pointer; }
.productshow_Con3 li em{ width: 20px; height: 20px; line-height: 20px; text-align: center; background: #c6c4c6; border-radius: 50%; display: block; position: absolute; left: -26px; top: 5px; color: #FFFFFF; }
.productshow_Con3 li .p{ line-height: 30px; color: #606060; font-size: 14px; display: none; width: 380px; background: #f4f4f4; padding: 18px 20px;overflow: hidden;word-break: break-all; }
.productshow_Con3 li.open span{ background: url(../images/ico_02on.jpg) no-repeat right center; }

.productshow_Con4{ padding: 48px 0 62px; overflow: hidden; }
.productshow_Con4 .name{ width: 250px; color: #201F20; font-size: 18pt; /*text-indent: 100px;*/  }
.productshow_Con4 .content{ width: 1166px; }
.productshow_Con4 .content .p{ font-size: 20px; color: #201F20; padding-left: 24px; position: relative; line-height: 30px; }
.productshow_Con4 .content .p:before{ content: '';display: block;position: absolute;left: 0;top: 13px;width: 6px;height: 6px;background: #666666;border-radius: 50%;}
.productshow_Con4 .con{ margin: 32px 0 32px;overflow:hidden; }
.productshow_Con4 .con .leftDiv{ width: 160px; margin-right: 26px; }
.productshow_Con4 .con .leftDiv img{ width: 100%; }
.productshow_Con4 .con .rightDiv{ width: 496px; }
.productshow_Con4 .con .rightDiv span{ font-size: 18px; color: #5e5e5e; display: block; line-height: 30px; }
.productshow_Con4 .con .button{ width: 124px; text-align: center; line-height:  34px; display: block; background: #F0832B; color: #FFFFFF; font-size: 16px; margin-top: 16px; transition: .5s; }
.productshow_Con4 .con .button:hover{ transform: translateY(-10px); }

.productshow_Con5{ padding: 48px 0 162px; overflow: hidden; }
.productshow_Con5 .name{ width: 250px; color: #201F20; font-size: 18pt; /*text-indent: 100px;*/ }
.productshow_Con5 .content{ width: 1166px; }
.productshow_Con5 .content .p{ font-size: 20px; color: #201F20; padding-left: 24px; position: relative; line-height: 30px; }
.productshow_Con5 .content .p a{ font-size: 20px; color: #201F20; padding-left: 24px; position: relative; line-height: 30px; }
.productshow_Con5 .content .p a:hover{color:#f0832b;}
.productshow_Con5 .content .p:before{ content: '';display: block;position: absolute;left: 0;top: 13px;width: 6px;height: 6px;background: #666666;border-radius: 50%;}
.productshow_Con5 .content .download{ display: inline-block; width: 122px; line-height: 32px; text-align: center; font-size: 16px; color: #3c3c3c; border: 1px solid #686868; margin-left: 32px; }
.productshow_Con5 .content .download img{ margin: -4px 0 0 8px; }
.productshow_Con5 .content .download .off{ display: none; }
.productshow_Con5 .content .download:hover{ background: #F0832B; border-color: #F0832B; color: #FFFFFF; }
.productshow_Con5 .content .download:hover .on{ display: none; }
.productshow_Con5 .content .download:hover .off{ display: inline-block; }


/*关于我们*/
.aboutPage1{ padding: 0 0 100px; }
.about{  }
.about .title1{ padding: 56px 0; margin-bottom: 44px; }
.about_Con{ overflow: hidden; }
.about_Con .leftDiv{ width: 457px; }
.about_Con .leftDiv .img img{ width: 100%; }
.about_Con .rightDiv{ width: 1088px; }
.about_Con .h6{ padding: 34px 0 20px; font-size: 18px; font-weight: bold; color: #333333; font-family: "Arial"; }
.about_Con .p{ font-size: 13px; color: #666666; line-height: 19px; font-family: "Arial"; }
.about_Con .rightDiv .h6:nth-of-type(1){ padding-top: 0; }
.about_Con .mapDiv{ width:750px; height:550px; background:#f6f6f6;}
/*联系我们*/
.contactPage1{ padding-bottom: 100px; }
.contact{  }
.contact .title1{ padding: 56px 0; }
.contact_Con{ overflow: hidden; margin: -16px 0 0; }
.contact_Con .leftDiv{ width: 800px; }
.contact_Con .rightDiv{ width: 800px; }
.contact_Con .h6{ font-size: 24px; color: #333333; text-align: center; margin-bottom: 32px; }

.contact_LCon{ padding: 23px 30px 21px; }
.contact_Con .tit{ text-align: center; padding-bottom: 16px; border-bottom: 1px solid #D2D2D2; }
.contact_Con .tit em{ line-height: 26px; font-size: 14px; color: #666666; margin-right: 14px; }
.contact_Con .select{ display: inline-block; position: relative; height: 26px; line-height: 26px; width: 170px; border: 1px solid #d2d2d2; text-align: left; color: #333333; font-size: 14px; font-family: "Arial"; }
.contact_Con .select span{ display: block; padding: 0 24px 0 10px; background: url(../images/ico_03.png) no-repeat right center; }
.contact_Con .select ul{ position: absolute; left: 0; right: 0; top: 100%; border: 1px solid #D2D2D2; margin: 0 -1px; background: #FFFFFF; z-index: 10; display: none; }
.contact_Con .select li{ padding: 0 10px; cursor: pointer; }
.contact_Con .select li:hover{ background: #F0832B; color: #FFFFFF; }
.contact_List1{ padding: 32px 0 0; margin-right: -19px;position: relative; left: 7px; }
.contact_List1:after{ content: ''; display: block; height: 0; visibility: hidden; clear: both; }
.contact_List1 li{ float: left; width: 167px; margin: 0 19px 19px 0; box-shadow: 0 0 20px rgba(0,0,0,0.17); transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}
.contact_List1 li:hover{ -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0);}
.contact_List1 .img img{ width: 100%; }

.contact_RCon{ background: #e5e5e5; padding: 23px 30px 21px; min-height: 473px; }
.contact_List2{ border: 1px solid #d6d6d6; border-top: none; width:100%;text-align:center;border-collapse:collapse;border-spacing:1;border-spacing:0; background: #FFFFFF; }
.contact_List2 tr{ overflow: hidden; line-height: 20px;  }
.contact_List2 tr th{ text-align: center; padding: 20px 5px 15px 5px; border-right: 1px solid #d6d6d6; font-size: 15px; }
.contact_List2 td{ padding: 20px 5px 15px 5px; color: #333333; font-size: 15px; border-right: 1px solid #d6d6d6; border-bottom: 1px solid #e5e5e5;word-break: break-all; }
.contact_List2 tr:last-child td{ border-bottom: none; }
.contact_List2 .name{ width: 220px; text-align: left; padding-left: 30px; }
.contact_List2 .phone{ width: 90px; }
.contact_List2 .email{ width: 150px; }
.contact_List2 .slte{ width: 50px; }
.contact_List2 .liow1{ background: #333333; }
.contact_List2 .liow1 th{ color: #FFFFFF; font-weight: normal; text-align: center;}


/*搜索页*/
.seekBigPage1{ padding: 0 0 60px; }
.seekbig .tit{ padding: 48px 0; line-height: 20px; font-size: 22px; color: #333333; text-transform: uppercase; }
.Big_more{ margin-right: 50px; }
.seekBigPage1 .Big_more{ margin-top: -12px; }


.within_Ban{ position: relative; min-height: 0.76rem;}
.within_Ban1{ display:none}
.within_Ban .text{ font-size: 60px; color: #FFFFFF; text-align: center; text-align: center; position: absolute; transform: translateY(-50%); top: 50%; left: 0; right: 0; text-transform: uppercase; }

/*文宣1*/
.propagandaPage1{ background: #777777; padding: 29px 0 22px; } 
.propaganda1{ text-align: center; font-size: 18px; color: #FFFFFF; font-family: "Arial"; line-height: 46px; }
.propaganda1 a{ display: inline-block; width: 166px; line-height: 44px; color: #FFFFFF; border: 1px solid #FFFFFF; border-radius: 2px; margin-left: 20px; }
.propaganda1 a:hover{ border-color: #F0832B; background: #F0832B; }


.propagandaPage2{ padding: 0 0 60px;display: none; } 
.propaganda2_list1{ }
.propaganda2_list1:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden; }
.propaganda2_list1 li{ width: 360px; box-shadow: 0 0 20px rgba(0,0,0,0.17); float: left; margin: 0 53px 45px 0; }
.propaganda2_list1 li:nth-of-type(4n){ margin-right: 0; }
/*.propaganda2_list1 li a{ display: block; padding: 15px 17px 20px; }*/
.propaganda2_list1 li .div {display: block;padding: 15px 17px 20px;	}
.propaganda2_list1 .img{ display: block; width: 100%; overflow: hidden;height: 200px; text-align: center;}
.propaganda2_list1 .img img{ transition: 0.5s;max-width:180px; }

.propaganda2_list1 .img1{ display: block; width: 100%; overflow: hidden;height: 140px; text-align: center;}
.propaganda2_list1 .img1 img{ transition: 0.5s;max-width:220px; }

.propaganda2_list1 .text{ display: block; padding: 10px 0 0; }
.propaganda2_list1 .name{ font-size: 17px; font-family: "Arial"; color: #333333; font-weight: bold; display: block; margin-bottom: 10px;   height: 48px;
    line-height: 24px;
    overflow: hidden;
}
.propaganda2_list1 .p{
    font-size: 14px;
    color: #333333;
    line-height: 20px;
    display: block;
    height: 60px;
    overflow: hidden;
    }
.propaganda2_list1 .button{ display: block; width: 151px; line-height: 33px; text-align: center; border: 1px solid #666666; color: #666666; font-size: 16px; font-family: "Arial"; border-radius: 64px; margin: 20px auto 0; padding:0px;}
.propaganda2_list1 .button img{ margin: -4px 0 0 16px; }
.propaganda2_list1 .button .off{ display: none; }
.propaganda2_list1 .button:hover{ background: #F0832B; border-color: #F0832B; color: #FFFFFF; }
.propaganda2_list1 .button:hover .on{ display: none; }
.propaganda2_list1 .button:hover .off{ display: inline-block; }

.propaganda2 .Big_more{ margin-right: 0; }

/*文宣2*/
.propagandaB2_list1{  }
.propagandaB2_list1:after{ content: ''; display: block; visibility: hidden; height: 0; clear: both; }
.propagandaB2_list1 li{ float: left; width: 359px; margin: 0 54px 46px 0; box-shadow: 0 0 20px rgba(0,0,0,0.17); }
.propagandaB2_list1 li:nth-child(4n){ margin-right: 0; }
.propagandaB2_list1 li a{ display: block; padding: 15px 15px 24px; }
.propagandaB2_list1 .img{ display: block; overflow: hidden; }
.propagandaB2_list1 .img img{ transition: 0.5s; width: 100%; }
.propagandaB2_list1 .text{ display: block; padding: 20px 0 0; font-size: 14px; line-height: 20px; color: #333333; font-family: "Arial"; height: 100px;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.propagandaBPage2{ padding-bottom: 58px;display: none; } 
.propagandaBPage2 .Big_more{ margin: 0; padding: 0; }

/*新闻详情*/
.newshowPage2{ padding: 0 0 60px; }
.title2{ font-size: 24px; color: #333333; font-family: "Arial"; text-align: center; padding: 56px 0 22px; border-bottom: 1px solid #e5e5e5; }
.title2 .time{ font-size: 14px; color: #999999; margin-top: 6px; }

.newshow {}
.newshow .content{ padding: 20px 0 48px; }
.newshow .p{ font-size: 13px; color: #333333; font-family: "Arial"; line-height: 20px; }
.newshow .tit{ font-size: 18px; font-weight: bold; color: #333333; font-weight: bold; margin: 40px 0 24px; }
.newshow .img{ margin: 32px 0 38px; width: 1340px; }
.newshow .img img{ width: 100%; }

/*新闻*/
.newsPage1{ padding: 0 0 72px; }
.news{ }
.news .title1{ padding: 56px 0; }
.news_list{ margin: -18px 0 0; }
.news_list li{ margin-bottom: 28px; }
.news_list li:last-child{ margin: 0; }
.news_list a{ display: block; overflow: hidden; padding: 39px 0 28px 117px; position: relative; margin: 0; transition: 0.5s; }
.news_list .time{ position: absolute; left: 0; top: 0; padding: 39px 0 0; font-size: 18px; color: #333333; text-align: center; padding-bottom: 22px; }
.news_list .time em{ font-size: 60px; font-family: "Arial"; display: block; color: #333333; margin-bottom: -6px; }
.news_list .time:before{ content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 24px; height: 2px; background: #000000; }
.news_list .img{ display: block; float: left; width: 280px; overflow: hidden; }
.news_list .img img{ width: 100%; transition: .5s; }
.news_list .img img:hover{ transform: scale(1.2); }
.news_list .content{ display: block; width: 1150px; margin-left: 52px; float: left; transition: .5s; }
.news_list .content .name{ font-size: 18px; color: #333333; display: block; margin-bottom: 24px; font-family: "Arial"; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news_list .content .p{ display: block; font-size: 14px; font-family: "Arial"; line-height: 20px; height: 60px;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #666; }
.news_list .content .btn{ font-size: 14px; color: #333333; line-height: 14px; border-bottom: 1px solid #a1a1a1; color: #333333; text-transform: uppercase; font-family: "Arial"; margin-top: 26px; display: inline-block; }
.news_list li:hover{ background: #333333; }
.news_list li:hover a{ margin: 0 60px 0 56px; }
.news_list li:hover .content{ width: 1034px; }
.news_list li:hover .time{ color: #999999; }
.news_list li:hover .time:before{ background: #999999; }
.news_list li:hover .time em{ color: #999999; }
.news_list li:hover .name{ color: #FFFFFF; }
.news_list li:hover .p{ color: #999999; }
.news_list li:hover .btn{ color: #999999; border-bottom-color: #999999; }
.news_list li .btn:hover{ color: #F0832B; border-bottom-color: #F0832B; }
.news .Big_more{ margin: 22px 0 0; padding: 0; }


.height1{ height: 169px; }

.xxx-tag{ text-align:center; padding-top:35px; height:300px;}
.xxx-tag ul{ float:none; margin-left:0;left: 0;width: 100%;}
.xxx-tag li{ float:none; display:inline-block; font-family:"Arial";}
.xxx-tag li h2{ font-size:16px; color:#fff;}
.xxx-tag li dt{ font-size:14px; line-height:28px;text-align:center;}
.xxx-tag li dt a{text-transform:Uppercase;color:#f0832b;font-size:16px;}
.xxx-tag li dd{ font-size:14px; line-height:28px;text-align:center;}
.xxx-tag li dd a{ color:#fff;}
.xxx-tag li dd a:hover{ text-decoration:underline;}




.pageNavLayer{position:absolute; z-index:10; color:#666;height:50px; background:#fff; border-bottom:#ddd solid 1px; width:auto;}
.pageNavLayer dd{ float:left; line-height:50px; padding:0 25px;}
.pageNavLayer dd a{ height:50px; line-height:50px; width:auto; padding:0; margin:0; display:block; float:left; color:#382323!important;}
.pageNavLayer dd a:hover{color:#F0832B!important;}




.videoLayer{ display:none; position:absolute; width:800px; /*height:500px; background:#fff;*/ z-index:115;}
.videoLayer .close{ position:absolute; right:-30px; top:-18px; width:20px; height:19px; background:url(../images/close.png) no-repeat;z-index: 11;}
.videoLayer .imgDiv{ text-align:center; padding-top:0px;}
.videoLayer .imgDiv img{ width:760px;}


#Layer1{
	position:absolute;
	position:fixed;
	_position:absolute;
	width:100%;
	z-index:111;
	top:0; left:0px;
	background-color:#000;
	display:none;
}

/*2021.10.23*/
.w1100{ width:1100px;}
.w420{ width:420px;}
.newshow .img{ margin: 32px 0 38px; width: 100%; }

.sideNews{ padding-top:56px;}
.sideNews .title{ font-size:20px; line-height:20px; color:#000; padding-bottom:25px; border-bottom:#000 solid 1px;}
.sideNews .list{ padding-top:20px;}
.sideNews .list li{ padding-bottom:15px;}
.sideNews .list li .name{ border-bottom:#eee dashed 1px;}
.sideNews .list li .name a{ display:block; padding-left:80px; height:30px; line-height:30px; overflow:hidden; font-size:15px; color:#333; position:relative;}
.sideNews .list li .name em{ position:absolute; left:0; color:#f0832b;}
.sideNews .list li .time{ text-align:right; font-size:14px; color:#ccc; padding-top:10px;}
.sideNews .list li .name a:hover{ color:#f0832b;}

.indexPage3 .leftDiv{ width:48%;}
.indexPage3 .rightDiv{ width:48%;}
.indexPage3 .list li{ border-bottom:#eee solid 1px; margin-bottom:5px;}
.indexPage3 .list li .name{font-size:18px;}
.indexPage3 .list li .name a{ display:block; height:30px; line-height:30px; overflow:hidden; color:#333;}
.indexPage3 .list li .name a:hover{ color:#f0832b;}
.indexPage3 .list li .conDiv{ margin-top:5px; position:relative; padding-left:140px; height:90px;}
.indexPage3 .list li .imgDiv{ position:absolute; left:0; top:0;}
.indexPage3 .list li .imgDiv img{ width:130px; height:75px;}
.indexPage3 .list li .content{ font-size:12px; height:48px; line-height:24px; overflow:hidden;}
.indexPage3 .list li .content a{ color:#CF0202;}
.indexPage3 .list li .content a:hover{ color:#f00;}
.indexPage3 .list li .time{ padding-top:10px; color:#999; font-size:13px;}
.indexPage3 .more{ float:right; padding-top:5px;}

.indexPage3 .detail{padding-left:160px;position:relative;padding-bottom: 22px;min-height: 100px;border-bottom:#eee solid 1px;}
.indexPage3 .detail .imgDiv{ position:absolute; left:0; top:0;}
.indexPage3 .detail .imgDiv img{ width:150px;height:100px}
.indexPage3 .detail .name{ font-size:18px;}
.indexPage3 .detail .name a{ display:block; line-height:30px; height:30px; overflow:hidden; color:#333;}
.indexPage3 .detail .name a:hover{ color:#f0832b;}
.indexPage3 .detail .content{ font-size:12px; height:48px; line-height:24px; overflow:hidden;}
.indexPage3 .detail .content a{ color:#CF0202;}
.indexPage3 .detail .content a:hover{ color:#f00;}
.indexPage3 .detail .time{ text-align:right; padding-top:10px; font-size:13px; color:#999;}

.indexPage3 .list2{ padding-top:25px;}
.indexPage3 .list2 li{ height:28px; position:relative; padding-right:80px; font-size:12px;}
.indexPage3 .list2 li a{ display:block; height:28px; line-height:28px; overflow:hidden; color:#5a5a5a;}
.indexPage3 .list2 li em{ position:absolute; color:#9f9f9f; right:0; top:0; line-height:28px;}
.indexPage3 .list2 li a:hover{ color:#f0832b;}


/*2022.10.17*/
.botNews{ padding-top:56px;}
.botNews .title{ font-size:20px; line-height:20px; color:#000; padding-bottom:25px; border-bottom:#000 solid 1px;}
.botNews .list{ padding-top:20px;}
.botNews .list ul{ margin-right:-30px;}
.botNews .list li{ float:left; width:25%;}
.botNews .list li .lbox{ margin-right:30px;}
.botNews .list li .imgDiv img{ width:100%;}
.botNews .list li .name{ padding-top:15px; height:72px; line-height:36px; overflow:hidden; font-size:18px; color:#333;}

.indexP2{ margin-bottom:30px;}
.indexP2 .list ul{ margin-right:-12px;}
.indexP2 .list li{ float:left; width:50%; padding-bottom:12px;}
.indexP2 .list li .lbox{ margin-right:12px; position:relative; overflow:hidden;border:#ddd solid 1px;}
.indexP2 .list li .imgDiv img{ width:100%; transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;  }
.indexP2 .list li .name{ position:absolute; left:0; bottom:0; z-index:1; font-size:24px; width:100%; background:rgba(0,0,0,0.5); text-align:center; height:60px; line-height:60px; color:#fff;}
.indexP2 .list li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.videoBan{ padding-bottom: 75px; word-break:break-all;}
.videoBan img{ width:100%;}

.videoP1{ padding:75px 0; background:#f5f5f5;}
.videoP1 .leftCon{ width:630px; padding-top:35px;}
.videoP1 .leftCon .title{ font-size:24px; line-height:24px; color:#333; padding-bottom:45px;}
.videoP1 .leftCon .content{font-size: 14px;color:#474b51;line-height:30px;}
.videoP1 .leftCon .btnDiv{ padding-top:60px;}
.videoP1 .leftCon .btnDiv a{ display:block; width:190px; height:52px; line-height:52px; border: #a0a0a0 solid 1px; border-radius:36px; position:relative; text-indent:80px; font-size:16px; color:#333;}
.videoP1 .leftCon .btnDiv a:before{ content:''; position:absolute; left:7px; top:50%; width:40px; height:40px; margin-top:-20px; background:url(../images/nimg40_1.png) no-repeat;}
.videoP1 .leftCon .btnDiv .videoDiv{ display:none;}

.videoP1 .rightDiv{ width: 914px; }
.videoP1 .videobox{ width: 100%; height:486px;  position: relative; overflow: hidden; }
.videoP1 .videobox .imgDiv {display: none;}
.videoP1 .videobox .imgDiv img{ width: 100%; }
.videoP1 .videobox video{width:100%;object-fit:fill;}
.videoP1 .videobox.cur{ background:#000;}
.videoP1 .videobox.cur .imgDiv,.videoP1 .videobox.cur .playbox{z-index:-1;visibility:hidden;opacity:0;}
.videoP1 .videobox.cur video{z-index:2;visibility:visible;opacity:1;}
.videoP1 .videobox .playbox{ cursor:pointer; position:absolute; left:50%; top:50%; width:60px; height:60px; border-radius:50%; background:#444546; margin-left:-30px; margin-top:-30px; z-index:1;}
.videoP1 .videobox .playbox img{ position:absolute; left:50%; top:50%; margin-left:-5px; margin-top:-6px;}
.videoP1 .videoX{ width: 100%; height:406px; position: relative; overflow: hidden; }
.videoP1 .videoX iframe{ width:100%; height:100%; object-fit:cover;}

.videoP2{ padding: 0 0 65px;}
.videoP2 .title{ padding-top:65px; font-size:24px; line-height:24px; color:#333; padding-bottom:20px;}
.videoPic{ position:relative;}
.videoPic .lbox{ overflow: hidden; cursor: pointer; }
.videoPic .imgDiv{ position: relative; /*height:220px;*/ }
.videoPic .imgDiv:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-top:-20px; width: 40px; height: 40px; margin-left: -20px; background: url(/template/images/nimg40_1.png) no-repeat; }
.videoPic .imgDiv img{ width: 100%; /*height:100%; object-fit:cover;*/ }
.videoPic .conDiv{ height: 135px; padding: 20px 22px 0; box-sizing: border-box; background: #f5f5f5;}
.videoPic .name{ height: 24px; line-height: 24px; font-size: 18px; color: #474b51; overflow: hidden; font-weight:bold; }
.videoPic .wen{ font-size: 15px; color: #474b51; height: 72px; line-height: 24px; overflow: hidden; }
.videoPic .videoDiv{ display: none; }
.videoPic .arrow{ z-index: 5; display: block; position: absolute; width: 46px; height: 46px; top: 50%; margin-top: -23px; border-radius:50%; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16); }
.videoPic .prev{ left: -23px; background: #fff url(../images/l1.png) center no-repeat; background-size:11px;} 
.videoPic .next{ right: -23px; background: #fff url(../images/r1.png) center no-repeat; background-size:11px; } 


.video-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; align-items: center; z-index: 999; background: rgba(0, 0, 0, 0.5); display: none;}
.video-box.on {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
}

.shipinLayer { width: 1200px; margin: 0 auto; background: #fff; padding: 50px; position: relative; box-sizing: border-box;}

.shipinLayer .close{position: absolute; display: block; right: 10px; top: 10px; width:20px; height: 19px; background: url(../images/close_02.png) no-repeat;}
.shipinLayer video{ width:100%;}

.shipinLayer iframe{ width:100%; height: 600px;}

.xxxLayer {width: 1200px;margin: 0 auto;background: #fff;padding: 50px;position: relative;box-sizing: border-box;text-align: center;}

.xxxLayer .close{position: absolute; display: block; right: 10px; top: 10px; width:20px; height: 19px; background: url(../images/close_02.png) no-repeat;}
.xxxLayer video{ width:100%;}
.xxxLayer iframe{width: 97%;height: 600px;}

/*2023.2.xx*/
.videoModal-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; align-items: center; z-index: 999; background: #fff; display: none;}
.videoModal-box.on {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
}
.videoModal-box .close{position: absolute; z-index:2; display: block; right: 10px; top: 10px; width:20px; height: 20px; background: url(../images/close.png) no-repeat;transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;}

.shadogLayer{ width: 100%; margin: 0 auto; background: none; padding: 10px; position: relative; box-sizing: border-box;}
.shadogLayer video{ width:100%;}


/*2023.06.27*/
.productshow_list{ position:relative; padding:20px 30px 0;}
.productshow_list .slick-prev ,
.productshow_list .slick-next{ width: 15px; height: 29px; position: absolute; top: 50%;  z-index: 10; }
.productshow_list .slick-prev{ background: url(../images/l11.png) no-repeat center; background-size: cover; left: 15px; opacity:0.5; }
.productshow_list .slick-next{ background: url(../images/r11.png) no-repeat center; background-size: cover; right: 15px; opacity:0.5; }
.productshow_list .slick-prev:hover, .productshow_list .slick-next:hover{ opacity:1;}