/*@font-face {
font-family: siyuan-light;
src: url('../fonts/SourceHanSansSC-Light-2.otf');
font-display: swap;
}

@font-face {
font-family: siyuan-normal;
src: url('../fonts/SourceHanSansSC-Normal-2.otf');
font-display: swap;
}
@font-face {
font-family: siyuan-bold;
src: url('../fonts/SourceHanSansSC-Medium-2.otf');
font-display: swap;
}*/

*{

	-webkit-transition: all .2s linear;

    -moz-transition: all .2s linear;

    -o-transition: all .2s linear;

    transition: all .2s linear;



}

[class^="bi-"]::before, [class*=" bi-"]::before {

    vertical-align: middle;

}

:root{

--bs-main-color:#1569a2;	
--bs-second-color:#e4a125;	
}

 *::selection{
	color:#fff;	
	background:var(--bs-main-color);
}
html {
    width: 100%;
    overflow-x: hidden
}


.btn-primary {

  background-color:  var(--bs-main-color);

  border-color:  var(--bs-main-color);

}

.text-primary{color: var(--bs-main-color) !important;}

body{max-width: 1920px;  margin: auto; font-family:/*'siyuan-normal',*/Arial, Helvetica, sans-serif; font-size:14px;overflow-x:hidden; color:#333; line-height:1.6}

/*.bold-tit{ font-family:"siyuan-bold";}
.light-tit{ font-family:"siyuan-light";}*/

a{ color:#333; text-decoration:none;}

a:hover{color: var(--bs-main-color); text-decoration:none;}

.border-green{ border-color:#56b700 !important}

.text-green{ color:#6eb92b !important;}



.btn-red{ background:#de2221; color:#fff; padding:0.5rem 1.5rem; text-transform:capitalize; border-radius:20px; font-size:12px;}

.btn-red:hover,.btn-red.active{ background:#de2221; color:#fff}



.btn-orange{ background:#e4a125; color:#fff; padding:0.4rem 1.1rem; text-transform:capitalize; border-radius:20px; font-size:12px;}

.btn-orange:hover{ background:var(--bs-main-color); color:#fff}



.btn-green{ background:var(--bs-main-color); color:#fff; border-radius:20px; padding:7px 25px;}



.btn-gray{ background:#fff; color:#333; border-radius:20px;  padding:7px 25px;}

.btn-gray:hover{color:var(--bs-main-color); background:#fff; }

.btn-gray.active{background:var(--bs-main-color); color:#fff; }

.bg-light{ background-color:#f3f3f3 !important;}

/*图标抖动*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}




.PageMain img{ max-width:100%}

.PageMain .container {

    max-width: 1160px;

  }



.fs-16{ font-size:16px;}

.fs-large{ font-size:2.85em;}
.fs-80{ font-size:80px;}



.header{  z-index:30;background-color:none;box-sizing:border-box; position:absolute; left:0; top:15px; right:0; color:#fff;}
/*.header:hover{ background:#fff;color:#333;}*/


#navfix{ }

.navbar {

    margin-bottom:10px;

    border-radius: 0;

	position:relative;	

}



.navbar .container{ position:relative; z-index:10;}

.navbar-header{  }



.navbar-default {

    background-color:transparent;

    border-color: transparent;

	border:0;

}

.navbar-brand {

	height:auto;

}

.navbar-brand .img1{ display:inline-block;}
.navbar-brand .img2{ display:none;}

.navbar-collapse {

    padding-right: 0;

    padding-left: 0;

}



.navbar-toggle {

    position: inherit;

	right:0;

	margin-right: 10px;

    padding: 0 0;

	top:10px;

    background-color: transparent;

    background-image: none;

    border: 0 solid transparent;

    border-radius: 0;

}

.main_menu {padding:0; margin:0; font-size:20px;}

.main_menu li{ list-style:none; padding:0; margin:0;}



.main_menu > li{  height:60px; line-height:60px; margin:0 20px;position:relative;}

.main_menu > li > a{ color:#fff; display:block; text-transform:capitalize; white-space:nowrap; }
/*.header:hover .main_menu > li > a{ color:#333; }*/

.main_menu > li > a:hover{ text-decoration:none; color:var(--bs-main-color) !important;  }

.main_menu > li.active > a,.main_menu > li > a.now{color:var(--bs-main-color);  }

.main_menu > li > .nav-sub{ position:absolute; left:-20px; top:100%; min-width:200px; background:#fff; margin:0; padding:10px 0 10px 0; box-shadow:0 3px 5px -1px rgba(0,0,0,0.2);  display:none !important; z-index:10}

.main_menu li > ul { margin:0; padding:0; list-style:none;  text-align:left;}

.main_menu li > ul  li{ margin-left:0; height:auto; float:none;  display:block; padding:8px 0; position:relative;}

.main_menu > li > .nav-sub li span{ position:absolute; right:20px; top:9px; color:var(--bs-main-color);}

.main_menu li > ul  li a{ padding:0 0 0 20px;float:none; display:block; white-space:nowrap; color:#555;border-left:3px solid #fff; line-height:1.2;}

.main_menu li > ul  li a:hover{ color:var(--bs-main-color); border-left:3px solid var(--bs-main-color);}

.main_menu > li:hover > .nav-sub{ display:block !important;}



#mobile .main_menu { font-size:14px; border-top:1px solid #ddd; }

#mobile .main_menu > li{  height:auto; line-height:2;margin-left:0; text-align:center; border-bottom:1px solid #ddd;}

#mobile .main_menu > li > a{ line-height:2.8; display:block;}

#mobile .main_menu > li > a:hover{ background:#f2f2f2;}

#mobile .navbar-brand img {

  max-height: 40px;

}

	

.navbar-nav .navbar-toggler {

    color: rgba(0,0,0,.5);

    border-color: rgba(0,0,0,.1);

}

.navbar-toggler {

    display: none;

    color: #fff;

    font-weight: bold;

    position: absolute;

    right:10px;

	top:12px;    

    background-color: transparent;

    border: 0;

	padding: 0 0.25rem;

}

.navbar-toggler i{font-size: 18px !important;}

.transparent-top{ border-bottom:1px solid #999; border-bottom-color:rgba(255,255,255,0.3)}

.header:hover .navbar-toggler {color: #333;}



#desktop.fixed-top{ background:#fff; color:#333;box-shadow: 0 3px 3px rgba(0,0,0,0.05); top:0; position:fixed !important}

#desktop.fixed-top .navbar-brand img{/* width:150px; height:auto;*/}

#desktop.fixed-top .navbar-brand .img1{ display:none;}
#desktop.fixed-top .navbar-brand .img2{ display:inline-block;}

#desktop.fixed-top .main_menu > li{  height:60px; line-height:58px;}

#desktop.fixed-top .main_menu > li > a{color:#333;}



.product-page .header{background-color:#fff; position:relative; color:#333;}

.product-page .header .container-fluid{ max-width:1160px; padding-left:0; padding-right:0;}

.product-page .main_menu > li > a{ color:#333}

.product-page .main_menu > li > a:hover{ color:var(--bs-main-color)}

.header .tel:hover{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;color:var(--bs-second-color)}

/* language xiala */

.topLanguage{position:relative; display:inline-block; z-index:10000 }

	.topLanguage i{ font-size:16px; cursor:pointer; line-height:56px;}

	.innerbox{ position:absolute; top:99.9%; left:50%; transform:translateX(-50%);background:#fff; text-align:center; width:100px; padding:15px 15px; display:none; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); font-size:13px; border-radius:3px; border:1px solid #eee;}

	.innerbox a.active{color: #5ba95f;}

	.innerbox a,.innerbox span{ display:block;}

	.innerbox a{ color:#333; white-space:nowrap; line-height:36px;}

	.innerbox span{ width:60px; height:0; border-bottom:1px solid #ccc; margin:10px auto;}

	.innerbox:before{ position:absolute; top:-11px; left:50%; margin-left:-5px; content:""; width:0; height:0; border-width:6px; border-style:solid; border-color:transparent transparent #e0e0e0 transparent; }

	.topLanguage:hover ,.topLanguage:hover i{ color:var(--bs-main-color);}

	.topLanguage:hover .innerbox{ display:block;}

/* search xiala */

	.searchtop{position:relative; display:inline-block; z-index:10000 }

	.searchtop i{ font-size:16px; cursor:pointer; line-height:42px; }

	.search-send{ position:absolute; top:99.9%; right:-20px; background:#fff; padding:15px 15px; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); width:280px; display:none; border-radius:3px; border:1px solid #eee;}

	.search-send input{font-size:12px; }

	.searchtop:hover ,.searchtop:hover i{ color:var(--bs-main-color);}

	.searchtop:hover .search-send{ display:block;} 


.index-video{ position:relative;  padding-top:calc(100/192 * 100%);overflow:hidden; z-index:3;}

.index-video:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.01)/* background-image: linear-gradient(130deg,rgba(0,0,0,0.01) 30%,rgba(0,0,0,0.45) 80%);*/}

.index-video video{ position:absolute; top:0; left:0; width:100%; z-index:0;}

.index-video .fix-video-txt{position:absolute; bottom:20%; left:auto; right:5%; font-size:18px; width:60%; max-width:900px; z-index:10}

.index-video .fix-video-txt .main{/*text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;*/}

.index-video .fix-video-txt .btn-play{ text-align:center; font-size:54px; color:rgba(0,0,0,0.4)}

.index-video .fix-video-txt .btn-play:hover{color:var(--bs-main-color);}

/*.index-slide{ background:#212121 url(../images/slidebg.jpg) no-repeat center center; background-size:cover; position:relative; height:calc(100vh);overflow:hidden;}
.index-slide .container{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); height:calc(100% - 100px)  }
.index-slide .container > div{ height:100%; }
.index-slide .stxt{}
.index-slide .simg{  margin-right:20px; height:100%; text-align:center;}
.index-slide .simg img{ height:100%;}
*/
#homeSlide{ position:relative;}
#homeSlide:after{
	content:"";
	position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height:160px;
  background-image: linear-gradient(180deg,rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.6) 60%,rgba(0,0,0,0) 100%);
  z-index: 1;}
#homeSlide .swiper-pagination-bullet{ background:var(--bs-main-color); opacity:1;}
#homeSlide .swiper-pagination-bullet-active {
  background: var(--bs-second-color);
}
.index-slide .sblank{ width:20%;}
.index-slide .stlist p{ padding-left:30px;}
.index-slide .stlist .scc{ position:relative;}
.index-slide .stlist .scc:before{ content:""; position:absolute; top:12px; left:0; width:8px; height:8px; border-radius:4px; box-shadow:0 0 5px #fff; background:#fff;}

@media(max-width: 991px){.index-slide .simg img{height:75% !important;}}
@media(max-width: 576px){
	.navbar-header .slgn,.navbar-header span { display:none;}
	 .header .right {    min-width:inherit; width:60px;  }
	.index-slide .container{ height:calc(100% - 80px)  }
	
	.index-slide .simg img{height:100% !important;}
	.index-slide .stlist .scc{ display:none;}
	.index-slide .stxt{ width:50%}
	.index-slide .stlist p { padding-left: 0;}
	.index-slide .sblank{ width:1%}
	.index-slide .simg{ width:45%}
	.fs-4 {  font-size: calc(1rem + 0.3vw) !important;}
	.btn-green,.btn-gray {
	  border-radius: 16px;
	  padding: 5px 20px;
	  font-size:0.85rem;
	}
	#toolbar{ display:none;}
	}


@keyframes dou {

  0% {

    bottom:50px

  }

  50% {

    bottom:45px

  }

  100% {

    bottom:50px

  }

}

.mouse {

  position:absolute;

  bottom:70px;

  left:50%;

  text-align:center;

  transform:translateX(-50%);

  -webkit-transform:translateX(-50%);

  -moz-transform:translateX(-50%);

  -ms-transform:translateX(-50%);

  -o-transform:translateX(-50%);

  z-index:9;

  cursor:pointer;

  animation:dou 1s infinite ease-in-out;

  -moz-animation:dou 1s infinite ease-in-out;

  -webkit-animation:dou 1s infinite ease-in-out;

  -o-animation:dou 1s infinite ease-in-out

}

.mouse i {

  width:20px;

  height:28px;

  border-radius:10px;

  border:2px solid #fff;

  position:relative;

  margin:auto;

  display:block

}

.mouse i:after {

  content:'';

  display:block;

  width:2px;

  height:6px;

  background:#fff;

  position:absolute;

  left:50%;

  margin-left:-1px;

  top:4px

}



 .mySwiper {

        width: 100%;

      }



  .mySwiper .swiper-slide {

        text-align: center;

        font-size: 14px;

        background: #000;



        /* Center slide text vertically */

        display: -webkit-box;

        display: -ms-flexbox;

        display: -webkit-flex;

        display: flex;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        -webkit-justify-content: center;

        justify-content: center;

        -webkit-box-align: center;

        -ms-flex-align: center;

        -webkit-align-items: center;

        align-items: center;

		width:1200px;

      }



      .mySwiper .swiper-slide img {

        display: block;

        width: 100%;

        height: 100%;

        object-fit: cover;

		opacity:0.7;

      }

	  .mySwiper .swiper-slide.swiper-slide-active img{ opacity:1}

	  .mySwiper .swiper-slide .content{ position:relative; color:#fff;}

	  .mySwiper .swiper-slide .content .swfix{ position:absolute; top:10%; left:0; right:0; text-align:center; opacity:0}

	  .mySwiper .swiper-slide.swiper-slide-active .content .swfix{ opacity:1}

	  .mySwiper .swiper-slide .content .swfix h4{ font-size:28px;}

	  .mySwiper .swiper-slide .content .swfix a{ color:#fff;}

	  .mySwiper .swiper-slide .content .swfix a:hover{ text-decoration:underline;}

	  .mySwiper .swiper-slide .content .swfix .catename{ color:rgba(255,255,255,0.6)}

	  .mySwiper .swiper-button-prev,.mySwiper .swiper-button-next {

			outline: none;

			width: 28px;

			height: 28px;	

			color:#fff;		

		}

		.mySwiper .swiper-button-next:after, .mySwiper .swiper-rtl .swiper-button-prev:after,.mySwiper .swiper-button-next:after, .mySwiper .swiper-button-prev:after {

 font-size:20px;

}

		

		.mySwiper .swiper-button-prev:hover,.mySwiper .swiper-button-next:hover {

			color:var(--bs-main-color);				

		}

		

		.mySwiper .swiper-button-prev {

			left: calc(50% - 550px);

		}

		

		.mySwiper .swiper-button-next {

			right: calc(50% - 550px);

		}

		.mySwiper  .swiper-pagination {  bottom: 7%;}

		.mySwiper .swiper-pagination-bullet{ background:#fff; height:2px; width:12px; border:0;border-radius:0; opacity:0.5; margin-left:5px; }

		.mySwiper .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1}



.bg-darker{ background-color:#121212}		

 .mySulutions {

        width: 100%;

      }



  .mySulutions .swiper-slide {

        text-align: center;

        font-size: 14px;

        background: #121212;



        /* Center slide text vertically */

        display: -webkit-box;

        display: -ms-flexbox;

        display: -webkit-flex;

        display: flex;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        -webkit-justify-content: center;

        justify-content: center;

        -webkit-box-align: center;

        -ms-flex-align: center;

        -webkit-align-items: center;

        align-items: center;		

		border-radius:10px;

		transition: 300ms;

		transform: scale(0.8);

		

      }

	 



      .mySulutions .swiper-slide img {

        display: block;

        width: 100%;

        height: 100%;

        object-fit: cover;

		border-radius:10px;

		opacity:0.5

      }

	   .mySulutions .swiper-slide-active,.mySulutions .swiper-slide-duplicate-active{

      transform: scale(1);

	}

	 .mySulutions .swiper-slide-active img,.mySulutions .swiper-slide-duplicate-active img{      

	  opacity:1

	}

	 .mySulutions .swiper-slide .content{ position:relative; color:#fff;}

	 .mySulutions .swiper-slide .content h4{ font-size:30px; position:absolute; top:50%; transform:translateY(-50%); left:7%; right:7%; text-align:center;}

	

	  

	.mySulutions  .swiper-pagination {  bottom: 0;}

	.mySulutions .swiper-pagination-bullet{ background-color:transparent;height:12px; width:12px; border:2px solid #fff;border-radius:50%; opacity:1; margin-left:5px; margin-left:5px; }

	.mySulutions .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#de2221;border:2px solid #de2221;}

		
.suluSlide .swiper-button-prev {
	left: -50px;
	width: 100px;
	height: 100px;
	background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 0;
	background-size: 100%;
	transition:none;
}

.suluSlide .swiper-button-prev:hover {
	background-position: 0 -100px;
	background-size: 100%
}

.suluSlide .swiper-button-next {
	right: -50px;
	width: 100px;
	height: 100px;
	background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 -200px;
	background-size: 100%;
	transition:none;
}

.suluSlide .swiper-button-next:hover {
	background-position: 0 -300px;
	background-size: 100%
}
.suluSlide .swiper-button-prev::after,.suluSlide .swiper-button-next::after{
	content: '';
}
.sulution{ position:relative; overflow:hidden; }
.sulution a{ display:block;}
.sulution .tbox{ position:absolute; bottom:0%; left:0; right:0; padding:4% 7% 10%; text-align:center}
.sulution a:hover .tbox{background-image: linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,0.7) 100%);}

.probox{ position:relative; overflow:hidden; }
.probox a{ display:block; position:relative;}
.probox .sbox{ position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%,-50%); text-align:center; z-index:2}
.probox a:hover .sbox{}
.probox:after{ content:""; position:absolute; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,0.5); z-index:1}
.probox .tag{ position:absolute; top:10%; right:0; z-index:3; background-color:var(--bs-second-color); color:#fff; padding:8px 20px; }

.homeAbout {
  width:100%;
  position:relative;
  margin-bottom:3%
}
.homeAbout:before {
  content:'';
  display:block;
  width:100%;
  height:100%;
  background:#f3f3f3;
  position:absolute;
  right:100%;
  top:0;
  z-index:14
}
.homeAbout .swiper {
 /* max-width:478px;
  overflow:initial;*/
  position:relative;
  z-index:12;
  margin-left:initial;
  padding-bottom:10px
}
.homeAbout .p-lists {
  width:100%;
  position:relative;
  border-radius:16px
}
.homeAbout .p-lists:hover {
  box-shadow:2px 0 10px rgba(0,0,0,0.2)
}
.homeAbout .thumbs {
  border-radius:16px;
  overflow:hidden;
  display:block;
}
.homeAbout .thumbs img {
	width:100%;
}
.homeAbout .lis-boxs {
  width:63.5%;
  position:absolute;
  left:0;
  bottom:0;
  z-index:20;
  background:rgba(255,255,255,1);
  border-top-right-radius:12px;
  padding:30px 20px 20px 16px;
  min-height:150px;
  display:none;
  
}
.homeAbout .p-lists:hover .lis-boxs {
	display:block;
}
.homeAbout .i-boxs {
  width:32px;
  height:32px;
  position:absolute;
  top:50%;
  margin-top:-16px;
  left:128%;
  margin-left:-16px
}
.homeAbout .i-boxs img {
  max-width:100%;
  width:32px;
  position:relative;
  left:0
}
.homeAbout .i-boxs:hover img {
  left:8px
}
.homeAbout .cc-boxs {
  display:none
}
.homeAbout .titles-a {
  line-height:30px;
  display:block;
}
.homeAbout .titles-a:hover {
  color:var(--bs-main-color);
}
.swiper-pagination{ bottom:0}
.swiper-pagination-bullet-active {
  background:var(--bs-main-color);
}

/* end */



.downix,.phoneix{ display:inline-block; width:30px; height:30px; background-color:#e5e5e5; border-radius:5px; vertical-align:middle; background-repeat:no-repeat; background-position:center center; background-size:65% auto}

.downix{ background-image:url(../images/redcloudico.png)}

.phoneix{ background-image:url(../images/redphoneico.png)}



.footer{ background:#434343 ;  color:#fff;  position:relative; font-size:1em;}

.footer a{ color:#d6d6d6;}

.footer a:hover{ color:var(--bs-main-color); }

.footer .container{ }



.dingyue .btn-sm{ font-size:1em;}



.newsletter{ border-bottom:1px solid #777;}

.foot-menu{ position:relative;}

.footShare{ }

.footShare a{ display:inline-block; font-size:16px; margin:0 5px; color:#d6d6d6; width:20px; text-align:center; }

.footShare a:hover{ color:var(--bs-main-color);}



.foot-widget{ margin-bottom:1em;}

.foot-widget h4{ font-size:1em; margin-bottom:20px;}

.foot-widget li{ padding:3px 0; }



.footline{background-color: #888;}

.f_ban p{font-size: 18px;color: #fff;line-height: 26px;height: 70px;overflow: hidden;}
.f_ban p i{display: block;font-size: 14px;color: #999; font-style:normal;}
.f_ban ul{ margin:0; padding:0; list-style:none;}
.f_ban ul li{font-size: 14px;color: #fff;width: 93px;float: left;text-align: center; background:url(../images/f_line.png) no-repeat;position: relative;}
.f_ban ul li.cur:before{content: "";width: 0;height: 0;position: absolute;top: 70px;left: 40px;
border-bottom:7px solid #fff; 
border-left:7px solid transparent;
border-right:7px solid transparent;
}
.f_ban ul li em{width: 30px;height: 35px;display: block;margin: 0 auto 5px;}
.f_ban ul li em img{width: 32px;height: 35px;}
.f_ban ul li b{display: none;font-size: 16px;color: #666;width: 280px;text-align: center;height: 30px;line-height: 30px;background: #fff;overflow: hidden;border-radius: 5px;position: absolute;top: 75px;left: 0;}
.f_ban ul li.f_li02 b{left: -93px;}
.f_ban ul li.f_li03 b{left: -186px;font-size: 12px;height:40px;line-height:20px;padding:8px;}
.f_ban ul li:first-child{background: none;}
.f_ban ul li.cur b{display: block;}
.f_ban ul li b a{ color:#666;}
.f_ban ul li b a:hover{ color:var(--bs-main-color);}



.homefxu{position:relative; }

.homefxu .pic{ position:relative; padding-top:calc(66/90 * 100%); overflow:hidden;background:#000;}

    .homefxu .pic img{ position:absolute; top:0; left:0;

	width:100%;

}

    .homefxu:hover .pic img{ opacity:0.7}

	.homefxu .pic:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.28); z-index:1;}

	.homefxu .content{ position:absolute; z-index:2; top:50%; left:5%; transform:translateY(-50%); color:#fff;}

	

	.homefxu .content .circle{ display:block; width:100px; height:100px; text-align:center; line-height:90px; border:5px solid #fff; border-radius:50%; font-size:24px;}

	.homefxu:hover .content .circle{  background-color:var(--bs-main-color);}



    .articleItem{  position:relative;  margin:0 auto; text-align:left; z-index:1 }

    .articleItem .pic{ position:relative; padding-top:calc(25/37 * 100%); overflow:hidden;background:#eee;}

    .articleItem .pic img{ position:absolute; top:0; left:0;

	width:100%;

    -webkit-transition: all .2s linear;

    -moz-transition: all .2s linear;

    -o-transition: all .2s linear;

    transition: all .2s linear;

}

    .articleItem .pic:hover img{ transform:scale(1.05,1.05); opacity:0.8}

    .articleItem .content{ padding:10px 0; margin:0 18px;}

    .articleItem .content h4{ font-size:18px; line-height:1.5; margin-bottom:0;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;}

	

    .articleItem .meta{color:#646464; font-size:14px;}

    .articleItem .meta .date{ display:inline-block; margin-right:20px;}

	

.atgIndex{ /*background:#000 url(../images/daolu.jpg) center center no-repeat; background-size:cover;  height:700px;*/ position:relative;color:#fff;}

.atgIndex .container{ position:absolute; top:50%; left:50%; transform:translateX(-50%); margin-top:-1.5em;}

 .icon-item{ margin:5% auto; }

 .icon-item h4{}

 .atgIndex .fixbt{ position:absolute; bottom:-120px; left:50%; transform:translateX(-50%)}



/* pages */



.page-banner{padding-top:calc(55/192 * 100%); background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative; color:#fff; background-color:#121212}

.page-banner .mask{ position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.7); z-index:1;}

.page-banner .container{ position:absolute; z-index:2; text-align:center; top:50%; left:50%; transform:translate(-50%,-50%); height:100%}

.page-banner .container .inner{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }

.page-banner h2{ font-size:42px; text-transform:uppercase;line-height:1.5; display:none;}

.page-banner .location{  color:#fff; position:absolute; bottom:12px; left:2px;}

.page-banner .location a,.page-banner .location span{ color:#fff; margin:0 8px;}

.page-banner .location a:hover{color:var(--bs-main-color);}



.ls2{ letter-spacing:3px;}



/* faqs  */

.faq{ margin-bottom:10px;border:0; box-shadow:none; border-bottom:1px solid #ccc; padding-bottom:10px;}

.faq-header .accordion-button{ background:none; color:#333; border-radius:0; padding:0.9rem 0; position:relative;font-size: 0.9rem; }

.faq-header .accordion-button:not(.collapsed):after{ color:#fff;}

.faq-header .accordion-button.collapsed{background:none;  border:0 solid #fff;box-shadow:none;}

.faq-header .accordion-button:not(.collapsed){box-shadow:none; color:var(--bs-main-color);}

.faq-header .accordion-button i{ margin-right:5px;}

.faq-body{ box-shadow:none; padding:0 0 20px 0; background:none; line-height:1.8; color:#666; }



.accordion-button:after{ background:none;}

.accordion-button:not(.collapsed):after{ background:none;}



.faq-header .accordion-button .jia,.faq-header .accordion-button .jian{ display:block;font-size:21px; position:absolute; top:50%; margin-top:-12px; right:12px;}

.faq-header .accordion-button .jia i,.faq-header .accordion-button .jian i{ margin:0 auto; }

.faq-header .accordion-button.collapsed .jia{ display:block;}

.faq-header .accordion-button.collapsed .jian{ display:none;}

.faq-header .accordion-button:not(.collapsed) .jia{ display:none;}

.faq-header .accordion-button:not(.collapsed) .jian{ display:block;}





.page-contact-info{ color:#666; border-bottom:1px solid #e0e0e0; padding-bottom:2.5%; }

.page-contact-info:last-child{ border-bottom:0}

.page-contact-info h4{ font-size:16px; margin-bottom:10px;font-family:"siyuan-bold"; text-transform:uppercase;}

.page-contact-info p{ min-height:30px; line-height:1.8; margin:5px 0 0; position:relative; padding-left:30px;}

.page-contact-info p i{ position:absolute; top:0; left:0;  color:var(--bs-main-color);  width:30px; font-size:16px; }

.cshare a{ font-size:16px; margin:0 5px; color:#bbb; display:inline-block;}

.cshare a:hover{ color:var(--bs-main-color);}

.contact-left{ padding-left:7%; border-left:1px solid #ddd;}



.contact-form .form-control{ font-size:0.8rem;padding: 0.7rem 0.75rem; border:0; border-radius:0; background-color:#f5f5f5}



.blue-border-tit{ position:relative; padding-bottom:10px;}

.blue-border-tit:after{ content:""; position:absolute; left:50%; bottom:0; width:20px; height:3px; background-color:var(--bs-main-color); transform:translateX(-50%)}



.red-left-bottom-tit{ position:relative; padding-bottom:15px;}

.red-left-bottom-tit:after{ content:""; position:absolute; left:0; bottom:0; width:40px; height:2px; background-color:#de2221; }





.blue-left-tit{ position:relative; text-transform:capitalize;}

.blue-left-tit span{ display:inline-block;padding-left:20px;position:relative;}

.blue-left-tit span:after{ content:""; position:absolute; left:0; top:8px; width:3px; height:20px; background-color:var(--bs-main-color); }



.mw700{ max-width:700px; margin-left:auto; margin-right:auto;}



.menu-item{ width:150px; text-align:center; margin:0 10px 20px; font-size:18px; display:inline-block; vertical-align:top;}

.icos{ display:block; position:relative; width:100px; height:100px; box-shadow:0 0 5px rgba(0,0,0,0.3); border-radius:50%; background-position:0 -93px; background-repeat:no-repeat; margin:0 auto; margin-bottom:15px;transition:none;-webkit-transition:none;    -moz-transition: none;    -o-transition: none;}

.icos:after{ content:""; position:absolute; top:5px; right:-5px; width:10px; height:10px; border-radius:50%;background-color:#de201f}

.icos.ico01{ background-image:url(../images/bluiding.png);}

.icos.ico02{ background-image:url(../images/jiangbei.png);}

.icos.ico03{ background-image:url(../images/book.png);}



.icos.ico04{ background-image:url(../images/caidan.png);}

.icos.ico05{ background-image:url(../images/qiche.png);}

.icos.ico06{ background-image:url(../images/wuliao.png);}

.icos.ico07{ background-image:url(../images/jiadian.png);}

.icos.ico08{ background-image:url(../images/yiliao.png);}

.icos.ico09{ background-image:url(../images/shuma.png);}

.icos.ico10{ background-image:url(../images/riyong.png);}



.icos.ico11{ background-image:url(../images/gongying.png);}

.icos.ico12{ background-image:url(../images/xiazai.png);}

.icos.ico13{ background-image:url(../images/faq.png);}



.menu-item:hover .icos,.menu-item.active .icos{ background-position:0 0; background-color:#de201f}

.menu-item.active a{pointer-events:none;}





.mwMap{ max-width:400px;}



.down-item img{ max-width:100%;}

.honor-item img{ max-width:100%;}

	

.entry-title{ text-align:center; margin:1rem auto 1.5%; font-size:24px;}

.entry-info{ text-align:center; margin:30px auto; color:#646464; font-size:12px;}

.entry-info .date{  background:#de201f;  color:#fff; padding:3px 15px; border-radius:13px; margin-right:20px;}



.entry-content{ margin-bottom:30px;color:#646464; line-height:1.8}

.entry-content p{ margin-bottom:20px;}



.post-share { padding: 20px 0; position:relative; text-align:center;}

.post-share:after{ content:""; position:absolute; z-index:1; top:50%; left:0; width:100%; border-top:1px solid #ddd;}

.post-share .inner{ position:relative; z-index:2;  background:#fff; margin:0 auto; padding:0 20px;}

.post-share a{ margin:0 3px; display:inline-block; color:#888; font-size:20px;}

.post-share a:hover{ color:#6eb92b;}



.pro-pages-item{ border:1px solid #ddd; background:#fff; position:relative; text-align:center;}

.pro-pages-item a{ display:block;}

.pro-pages-item .pic{ background:#fff; text-align:center; padding:0 7% 2%; padding-top:90%; position:relative; overflow:hidden;}

.pro-pages-item .pic img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); height:auto; width:75%;}

.pro-pages-item .txt{  padding:10px 7% 15px 7%; }

.pro-pages-item .txt h4{font-size:13px;color:#666;}

.pro-pages-item .txt p{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

.pro-pages-item .tag{ position:absolute; top:5%; left:5%; background:#14e08d; color:#fff; padding:2px 8px; font-size:12px; border-radius:3px;}

.pro-pages-item .tag.hot{ background:#ea5c5c;}

.pro-pages-item:hover{ border:1px solid #fedc09; }

.pro-pages-item:hover .pic img{transform:translate(-50%,-50%) scale(1.1); }



.indexForm {

  max-width: 1000px;

  margin: 0 auto;

  background: #fff;

  border: 1px solid #ccc;

  box-shadow: 0 0 7px #ccc;

  padding: 3.5rem 6% 2rem;

  font-size: 14px;

  border-radius: 5px;

}

.indexForm .form-control{ font-size:14px;}



.catelist{ background-color:#041319;}

.catelist .catetxt{ max-width:550px; color:#fff; margin-left:5%}

.catelist:nth-child(2n+1) .catetxt{ margin:0 5% 0 auto;}



.shadow-locaction {

  box-shadow: 0 0.15rem 0.15rem rgba(0, 0, 0, 0.15);

  height:5px;

  background:#fff;

}

#prolist .col-6{position:relative; margin-bottom:30px; padding-bottom:4px;}

#prolist .col-6:after{ content:""; position:absolute; top:0; left:13px; right:13px; bottom:0; background-color:#fff; z-index:0}

#prolist .proItem{ position:relative; padding-bottom:125%; text-align:center; z-index:1}

#prolist .proItem .pic{ position:absolute; top:40%; left:50%; transform:translate(-50%,-50%); width:65%;}

#prolist .proItem .content{ position:absolute; bottom:5%; left:5%; right:5%; text-align:center; color:#888;}

#prolist .proItem h4{font-size:16px; margin-bottom:10px;}

#prolist .proItem h4 a{ color:var(--bs-main-color);}
#prolist .proItem h4 a:hover{ text-decoration:underline;}

#prolist .proItem:hover{ background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.2);}

.bg-yellow{background:var(--bs-second-color);}

.view_li > a{display: block;position: relative;overflow: hidden;text-align:center}
.view_li > a:before,.view_li > a:after{content: '';position:absolute;width: 100%;height: 100%;background: rgba(144,144,144,.15);opacity: 0;top:0;left: -100%;z-index: 3;-webkit-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s}
.view_li > a:after{left:auto;right:-100%}
.view_li:hover > a:before{left:50%;opacity: 1}
.view_li:hover > a:after{right:50%;opacity: 1}

.home-pro .col-6{position:relative; margin-bottom:30px; padding-bottom:4px;}

.home-pro .col-6:after{ content:""; position:absolute; top:0; left:10px; right:10px; bottom:0; background-color:#fff; z-index:0}

.home-pro .proItem{ position:relative; text-align:center; z-index:1; padding:5% 8% 10%;}
.home-pro .proItem:hover{ box-shadow:0 0 10px rgba(0,0,0,0.2);}

.home-pro .proItem .pic{ position:relative;padding-bottom:80%; margin:0 auto;}
.home-pro .proItem .pic img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%;}
.home-pro .proItem .pic .tag{ position:absolute; right:0; top:0; background:var(--bs-second-color); color:#fff; width:36px; height:36px; line-height:35px; text-align:center; border-radius:50%;}

.home-pro .proItem .content{ text-align:center; color:#888; padding-top:30px;}

.home-pro .proItem h4{font-size:21px; margin-bottom:8px;}

.home-pro .proItem h4 a{ color:#333;} 
.home-pro .proItem h4 a:hover{ color:var(--bs-main-color);} 
.home-pro .proItem .model{ color:var(--bs-main-color);}

.functio_btns {
  position: absolute;
  width: 100%;
  height: 50px;
  bottom: 0px;
  left: 0px;
  opacity: 0;
  -webkit-transition:all .3s;
  -o-transition:all .3s;
  transition:all .3s
}
.functio_btns .fav_btn,
.functio_btns .cart_btn {
  float: left;
  width: 50%;
  line-height: 50px;
  font-size:16px;
  color: #fff;
  text-decoration: none
}
.functio_btns .fav_btn {
  background: #000000
}
.functio_btns .cart_btn {
  background: var(--bs-main-color);
}
.proItem:hover .functio_btns {
  opacity: 1;
  bottom: -27px;
  -webkit-box-shadow:0px 5px 7px #ccc;
  box-shadow:0px 5px 7px #ccc
}

/* product details */

/* product detail slide */



 #proslide {

        width: 100%;

		padding:0 0 7% 0;

      }



  #proslide .swiper-slide {

        text-align: center;

        font-size: 14px;

        background: none;



        /* Center slide text vertically */

        display: -webkit-box;

        display: -ms-flexbox;

        display: -webkit-flex;

        display: flex;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        -webkit-justify-content: center;

        justify-content: center;

        -webkit-box-align: center;

        -ms-flex-align: center;

        -webkit-align-items: center;

        align-items: center;

		

      }

	 



      #proslide .swiper-slide img {

        display: block;

        max-width: 100%;

        object-fit: cover;	

      }  

	   #proslide .swiper-button-prev,#proslide .swiper-button-next {



			outline: none;

			color:var(--bs-main-color);	

			background:rgba(255,255,255,0.5);

			

		}

		#proslide .swiper-button-next:after, #proslide .swiper-rtl .swiper-button-prev:after,#proslide .swiper-button-next:after, #proslide .swiper-button-prev:after {

 font-size:20px;

}

		

	



	#prothumb{

        width: 100%;

      }



  #prothumb .swiper-slide {

        text-align: center;

        font-size: 14px;

        /* Center slide text vertically */

       /* display: -webkit-box;

        display: -ms-flexbox;

        display: -webkit-flex;

        display: flex;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        -webkit-justify-content: center;

        justify-content: center;

        -webkit-box-align: center;

        -ms-flex-align: center;

        -webkit-align-items: center;

        align-items: center;*/

				

		padding:2px;

		

      }

	 

   

      #prothumb .swiper-slide img { 

        display: block;		

        max-width: 100%;

        height: 100%;

        object-fit: cover;

      }  

	  #prothumb .swiper-slide.swiper-slide-thumb-active  img{ }

	  #prothumb .swiper-slide.swiper-slide-thumb-active {background:url(../images/products-_03.gif) no-repeat 0 0;background-size:100% 100%;	}

	 .prothumbww{ padding:2px 70px; margin-bottom:30px; position:relative;}
	  .prothumbww .swiper-button-prev,.prothumbww .swiper-button-next {

			outline: none;
			
			color:#ccc;	
			
		}
		.prothumbww .swiper-button-next:after, .prothumbww .swiper-rtl .swiper-button-prev:after,.prothumbww .swiper-button-next:after, .prothumbww .swiper-button-prev:after {
 font-size:16px;
}
		
		.prothumbww .swiper-button-prev:hover,.prothumbww .swiper-button-next:hover {			
			color:var(--bs-main-color);	
		}
		
		.prothumbww .swiper-button-prev {
			left: 30px;
		}
		
		.prothumbww .swiper-button-next {
			right: 30px;
		}	

.profirst .pall,.profirst .ptch{ display:none;}

.profirst .pall.show,.profirst .ptch.show{ display:block;}



.prolist .proShow{ display:block;}

.prolist .proHide{ display:none;}

.prolist .proHide.show{display:block;}

.proCatAd{ background-color:#f2f2f2; border-radius:5px; background-position:right bottom; background-repeat:no-repeat; background-size:contain }

.bg-line{ position:relative; width:100%;}

.bg-line a{ position:relative; z-index:3}

.bg-line:after{ content:""; position:absolute; top:50%; left:0; right:0; border-top:1px solid #ccc; z-index:0}

.bg-line .btnAct  i.bi-plus{ display:block;}

.bg-line .btnAct  i.bi-dash{ display:none;}

.bg-line .btnAct.dash i.bi-plus{ display:none;}

.bg-line .btnAct.dash i.bi-dash{ display:block;}



.bg-gray {

  background: #d5d5d5;

}



.richtext ul {

  list-style:none !important;

  max-width:100%;

  padding:0;

  margin:0;

}

.richtext ul li {

  list-style:none !important;

  position:relative;

  padding-left:18px;

  color:inherit;

  margin-bottom:0;

}

.richtext ul li:last-child {

  margin-bottom:0

}

.richtext ul li em {

  font-style:initial

}

.richtext ul li * {

  font-size:inherit;

  color:inherit;

  line-height:inherit

}

.richtext ul li:before {

  content:'';

  display:block;

  width:8px;

  height:8px;

  border-radius:100%;

  position:absolute;

  left:0;

  top:6px;

  border:2px solid var(--bs-main-color);

}



.tbmenu{ border-bottom:1px dashed #999; font-size:18px; margin-bottom:20px;}

.tbmenu ul{ margin:0; padding:0}

.tbmenu li{ position:relative; padding-bottom:10px; cursor:pointer; color:#999;}

.tbmenu li.active,.tbmenu li:hover{color:#333;}

.tbmenu li.active:after{ content:""; position:absolute; bottom:-5px; left:50%; margin-left:-5px;width:10px;

  height:10px;

  border-radius:50%;

  background:var(--bs-main-color);}

.tbcontent .plist{ display:none;}

.tbcontent .plist.selected{ display:block;}	



.reproItem .pic{ position:relative; padding-top:100%;}	

.reproItem .pic img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); height:70%; width:auto;}

.imgs-hovers {

 position:relative;

 overflow:hidden;

}

.imgs-hovers:hover img {

 -webkit-transform:scale(1.05);

 -moz-transform:scale(1.05);

 -ms-transform:scale(1.05);

 -o-transform:scale(1.05);

 transform:scale(1.05)

}







.pdf-item {

  width: 176px;

  flex: 0 1 20%;

  margin-bottom: 2rem;

}

.down-it{ background:#fff; border-top:5px solid #6eb92b; margin:0 10px; overflow:hidden;}

.down-it h3{ font-size:14px; position:relative; padding:12px 10px ; border-bottom:1px solid #ccc;}

.down-it h3 i{ position:absolute; right:9px; top:8px; color:#bbb;}

.down-it p{ padding:10px 10px 1rem; font-size:12px;vertical-align:text-top}

.down-it p a{color: #0462be;}

.down-it p a:hover{ text-decoration:underline; color:#6eb92b }



.prolist .proShow{ display:block;}

.prolist .proHide{ display:none;}

.prolist .proHide.show{display:block;}

.proCatAd{ background-color:#f2f2f2; border-radius:5px; background-position:right bottom; background-repeat:no-repeat; background-size:contain }

.bg-line{ position:relative; width:100%;}

.bg-line a{ position:relative; z-index:3}

.bg-line:after{ content:""; position:absolute; top:50%; left:0; right:0; border-top:1px solid #ccc; z-index:0}

.bg-line .btnAct  i.bi-plus{ display:block;}

.bg-line .btnAct  i.bi-dash{ display:none;}

.bg-line .btnAct.dash i.bi-plus{ display:none;}

.bg-line .btnAct.dash i.bi-dash{ display:block;}



/* history */



.greendotli{ margin:10px 0; padding:0;}

.greendotli li{ list-style:none; position:relative; padding-left:15px; margin:10px 0; color:#666}

.greendotli li:before{ content:""; position:absolute; top:8px; left:0; width:5px; height:5px;background-color:var(--bs-main-color); border-radius:50%	}

#history-time{ text-align:center; background:url(../images/history_03.png) repeat-x 0 0; padding-top:30px; font-size:16px;font-family:"siyuan-bold";}

#history-time .swiper-slide{ position:relative; padding-top:8px; color:#afafaf;}

#history-time .swiper-slide.swiper-slide-thumb-active{color:var(--bs-main-color);}

#history-time .swiper-slide:before{content:""; position:absolute; top:0; left:50%; margin-left:-2px; width:4px; height:4px;background-color:#afafaf; border-radius:50%}

#history-time .swiper-slide.swiper-slide-active:before{background-color:var(--bs-main-color);}



/* solution*/

.soluItem{ position:relative; overflow:hidden;}

.soluItem img{ max-width:100%}

/*.soluItem .content{ position:absolute; bottom:0%; left:0; right:0;background-color:var(--bs-main-color); color:#fff; padding:2% 4%; opacity:0.9}*/

.soluItem .content{ position:absolute; bottom:4%; left:3%; display:inline-block; background-color:var(--bs-main-color); color:#fff; padding:2% 4%; opacity:0.9}
.soluItem a{ color:#fff; display:block;}

.soluItem a:hover .content{ bottom:5.5%;}

/* 右侧浮动 */
.Suspension {

    position: fixed;

    bottom: calc(10% + 49px);

    right: 5px;

    width: 50px;

    height: auto;

    z-index: 9998;

	border-bottom:0;

}



.Suspension a,.sFrame{ display:block; width:48px; height:48px; line-height:42px; background:var(--bs-main-color); text-align:center; font-size:24px; position:relative; margin-bottom:1px;  }

/*.Suspension a.color01{ background-color:#17cedd;}

.Suspension a.color02{ background-color:#f5b13c;}

.Suspension a.color03{ background-color:#3dbb2b;}

.Suspension a.color04{ background-color:#de1918;}*/

.sFrame div{ position:absolute; right:30px; top:0; overflow:hidden; z-index:-1;}

.f-skybox,.f-whatbox{position: absolute;

top: 0;

right: 100%;

padding:0 10px;

width:120px;

background:none;

height:auto;

border-bottom:0;

font-size:12px;

line-height:1.8;

display:none;

}

.f-skybox .inner,.f-whatbox .inner{ padding:10px; border:1px solid #ddd; background:#fff; position:relative; right:auto;}

.f-skype img,.f-whatbox img{ width:100%}

.f-skype:hover .f-skybox,.f-what:hover .f-whatbox{ display:block; color:#333;}



div.subFrame_03{width:0px; height:48px; background-color:#eda41a; font-size:16px; line-height:47px; color:#fff; border-radius:60px 0 0 60px; text-align:left;}

.sFrame:hover div.subFrame_03{width:220px; padding-left:20px;}



.Suspension a{ color:#fff; }

.Suspension a.f-email{ font-size:21px;}

.Suspension a i{line-height:45px !important;}

.Suspension a:hover{ color:#fff; background:#e4a125;}

/* 右侧浮动end */

@media screen and (max-width: 1199px){

	.fs-large {

		  font-size: 2em;

		}

	.index-video .fix-video-txt {

  position: absolute;

  top: auto;

  left: auto;

  right: 5%;

  bottom:5%;

}
.header .right{ min-width:200px;}


}



@media screen and (max-width: 1024px){

	.navbar-nav{ display:flex;flex-direction: column;}

.mySulutions .swiper-slide .content h4{ font-size:16px;}

.protab .goback{ left:auto; right:0; top:0; border-right:0;}

.icon-item .h3{ font-size:1.3em;}



	}



@media screen and (max-width: 640px){

.proCatInfo{ padding-bottom:50%}

.picFocus .smallImg li{ width:50px; margin-bottom:10px;}

.mySulutions .swiper-slide .content h4{ display:none;}

.icon-item .h3{ font-size:1.1em;}

.Suspension{ display:none;}

	}

	

	@media screen and (max-width: 768px){



	.top .main_menu > li > a {

	  padding-top: 8px;

	  padding-bottom: 10px;

	}

	.navbar-brand img{ width:120px;}

	.carousel-indicators {

    margin-right: 0;

    margin-left: 0;

		}

		

	.navbar-toggler {

    display: block;

	}



	.main_menu{ float:none; display:block; margin:0;}

	.main_menu > li{ float:none;  }

.main_menu > li > a{ float:none;  line-height:45px; padding:0 0; border-top:0}

.main_menu > li > a:hover{ text-decoration:none; border-top:0}

.main_menu > li > .nav-sub{ z-index:1000; opacity:0.93;}



.navbar-header,#navbar{ width:100%;}

#navbar{ padding:1rem 1.5rem; margin-left:calc(-1rem - 15px); margin-right:calc(-1rem - 15px); width:calc(100% + 2rem + 30px) }

.main_menu > li > .nav-sub{ left:0; width:100%}


.main_menu > li{ border-bottom:1px solid #ddd}

.main_menu > li > a{ line-height:35px;}


.mouse{ display:none;}

.focus-meta {

  position:relative;

  right:0;

  bottom:0;

}

.post-meta span{ margin:0 4px;}

.post-meta .bi{ margin-right:1px;}

.post-meta { font-size:13px;}



.main_menu > li > a {

  color: #333;

}

.page-banner{ min-height:150px;}

.page-banner h2{ font-size:24px;}



.top {

	height:auto;
	background: #f2f2f2;
    padding: 3px 0;

}

.navbar-brand {

  padding: 10px 0;

  border-left: 0;

  border-right:0;

}



.fs-large {

		  font-size: 1.3em;

		}

 .header {
    position: relative;
	top:0;
    color: #333;
  }	
 
#homeSlide:after{
	content:none;
  background-image: none;}
#proslide{ width:80%;}  
}

@media screen and (min-width: 769px){

.navbar-main {

    display:block !important;

}



}



/* mobile nav  */

.nav-top{ background:#000;color:#aaa;}

.nav-top a{ color:#aaa;}

.nav-top a:hover{ color:#00a0e9;}


/* language xiala */
.topLanguage{position:relative; display:inline-block; z-index:10000 }
	.topLanguage i{ font-size:16px; cursor:pointer; line-height:42px;}
	.innerbox{ position:absolute; top:99.9%; left:50%; transform:translateX(-50%);background:#fff; text-align:center; width:100px; padding:15px 15px; display:none; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); font-size:13px; border-radius:3px; border:1px solid #eee;}
	.innerbox a.active{color: var(--bs-main-color)}
	.innerbox a,.innerbox span{ display:block;}
	.innerbox a{ color:#333; white-space:nowrap; line-height:36px;}
	.innerbox span{ width:60px; height:0; border-bottom:1px solid #ccc; margin:10px auto;}
	.innerbox:before{ position:absolute; top:-11px; left:50%; margin-left:-5px; content:""; width:0; height:0; border-width:6px; border-style:solid; border-color:transparent transparent #e0e0e0 transparent; }
	.topLanguage:hover ,.topLanguage:hover i{ color:var(--bs-main-color);}
	.topLanguage:hover .innerbox{ display:block;}

@media (min-width: 768px) {
    .container {max-width: 740px;padding-left: 0 !important;padding-right: 0 !important; } .main_menu{  font-size: 14px;} .main_menu > li{margin: 0 12px;} .header .slgn{ font-size:16px;}.header .slgn{ display:none;}
}

@media (min-width: 992px) {
    .container {max-width: 960px;}
}

@media (min-width: 1100px) {
    .container {max-width: 1000px;}
}

@media (min-width: 1200px) {
    .container {max-width: 1100px;}
	.header .slgn{ display:none;}
}
@media (min-width: 1240px) {
    .container {max-width: 1200px;}
	.main_menu > li{margin: 0 13px;} 
	.header .slgn{ display:inline-block;}
}
@media (min-width: 1480px) {
    .container {max-width: 1440px;}
	.main_menu{  font-size: 18px;}
	.main_menu > li{margin: 0 20px;}
	.header .slgn{ font-size:18px;}
}
@media (min-width: 1700px) {
    .container {max-width: 1440px;}
	.main_menu{  font-size: 18px;}
	.header .slgn{ font-size:20px;}
}
@media (min-width: 1900px) {
    .container {max-width: 1666px;}
	.main_menu{  font-size: 20px;}
}
.iserve dl{position: relative;margin: 50px 0 0;}
.iserve dl dt{width: 100px;height: 100px;margin: 0 auto;position: relative;}
.iserve dt .hover,.iserve dt .default{background:url(../images/iserve_bg.png);}
.iserve dt i{display:block;width:100px;height:100px;background:url(../images/iserve_icon.png);}
.iserve dt .hover,.iserve dt .default{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition:all .5s linear;-webkit-transition:all .5s linear;}
.iserve dt .default{background-position:0 -200px;}
.iserve dt .hover{background-position:0 -100px;color:#fff;opacity:0;visibility:hidden;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
.iserve dt.d1 .default i{background-position:0 0;}
.iserve dt.d1 .hover i{background-position:-100px 0;}
.iserve dt.d2 .default i{background-position:0 -100px;}
.iserve dt.d2 .hover i{background-position:-100px -100px;}
.iserve dt.d3 .default i{background-position:0 -200px;}
.iserve dt.d3 .hover i{background-position:-100px -200px;}
.iserve dt.d4 .default i{background-position:0 -300px;}
.iserve dt.d4 .hover i{background-position:-100px -300px;}
.iserve dt.d5 .default i{background-position:0 -400px;}
.iserve dt.d5 .hover i{background-position:-100px -400px;}
.iserve dt:hover .hover,.iserve dl.cur .hover{opacity:1;visibility:visible;-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}
.iserve dt:hover .default,.iserve dl.cur .default{opacity:0;visibility:hidden;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.iserve dd{text-align: center;padding: 8px 0 0;}
.iserve dd h5{font-size: 22px;color: #333;height: 60px;line-height: 60px;position: relative;}
.iserve dd h5:before{content: "";width: 26px;height: 3px;background: #7d7d7d;position: absolute;bottom: 0;left: 50%;margin-left: -13px;}
.iserve dd p{font-size: 16px;color: #4c4c4c;line-height: 24px;padding: 10px 0 0;}
.iserve dd b{display: block;}
.iserve dl.cur dd h5{color: #0071bd;}
.iserve dl.cur dd h5:before{background: #0071bd;}
@media(max-width: 576px){
.iserve dl{ width:50%}
.suluSlide .swiper-button-next,.suluSlide .swiper-button-prev{ width:50px; height:50px;}
.suluSlide .swiper-button-prev {  left: -25px;}
.suluSlide .swiper-button-prev:hover {
	background-position: 0 -50px;
}
.suluSlide .swiper-button-next{right: -25px;background-position: 0 -100px;}
.suluSlide .swiper-button-next:hover {
	background-position: 0 -150px;
}
}

/*2024.6.5修改手机版头部*/
.msearchtop{ cursor:pointer; padding:0 5px;}
.search-moblie{ background:rgba(0,0,0,0.9); position:fixed; top:0; left:0; right:0; bottom:0; z-index:20000; display:none;}
.search-moblie .zhongjian{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:92%;}
.search-moblie.show{ display:block;}
.search-moblie .close{ font-size:3rem; color:#ccc !important; cursor:pointer;}

.float {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999;
  font-size: 14px;
  line-height: 28px;
}
.float .float-closed {
  right: 0;
  top: -25px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  cursor: pointer;
  font-weight: 100;
  border-radius: 50%;
  color: #fff;
  font-size: 12px;
  text-align: center;
  position: absolute;
  background-color: #232323;
}
.float .return-top {
  width: 64px;
  height: 64px;
  display: none;
  cursor: pointer;
  background: url(../images/top-icon.png) no-repeat center #333333;
}
.float .return-top:hover {
  background-color: var(--bs-main-color);
}
.float .float-box{ margin:0; padding:0}
.float .float-box li {
  width: 64px;
  height: 64px;
  list-style:none;
  margin-top: 1px;
  cursor: pointer;
  position: relative;
  background-repeat: no-repeat;
  background-position: center 0;
  background-color: #4c4c4c;
  transition: All 0.2s ease-in-out;
  -webkit-transition: All 0.2s ease-in-out;
  -moz-transition: All 0.2s ease-in-out;
  -o-transition: All 0.2s ease-in-out;
}
.float .float-box li .item {
  bottom: 0;
  right: 107%;
  width: 133px;
  color: #7f7f7f;
  display: none;
  text-align: center;
  position: absolute;
  padding: 10px;
  background-color: #4c4c4c;
  padding-top: 20px;
}
.float .float-box li:hover .item { display: block; }
.float .float-box li .item:before {
  content: "";
  right: -9px;
  bottom: 20px;
  position: absolute;
  border-style: dashed dashed dashed solid;
  border-color: transparent transparent transparent #4c4c4c;
  border-width: 5px;
  width: 0;
  height: 0;
}
.float .float-box li .item .btn-warning {
  padding-top: 5px;
  padding-bottom: 5px;
}
.float .float-box li .item .p-1 {
  font-size: 12px;
}
.float .float-box li .item .p-2 {
  font-size: 13px;
  color: #dcdcdc;
}
.float .float-box li > a {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 12px;
  line-height: 90px;
}
.float .float-box li:hover {
  background-color: var(--bs-second-color);
}
.float .float-box li .qq {
  line-height: 30px;
}
.float .float-box li .qq span {
  font-size: 16px;
  color: #a8a8a8;
  margin-bottom: 15px;
}
.float .float-box li .qq a {
  display: block;
  margin-bottom: 15px;
  color:#fff;
}
.float .float-box li .qq span {
  color: #fff;
  font-size: 12px;
}
.float .float-box li .qq img {
  vertical-align: middle;
  background: #8e8e8e;
  border-radius: 50%;
  display: block;
  height: 50px;
  width: 50px;
  margin-left: auto;
  margin-right: auto;
}
.float .float-box li .item-message {
  width: 225px;
  color: #ffffff;
}