@import url(/css/icon-awesome/css/font-awesome.min.css);
@import url(/css/icon-hs/style.css);
@import url(/css/icon-line-pro/style.css);
@import url(/css/public.css);

/*------------------------------------
  Default Styles
------------------------------------*/
html {
  font-size: 14px;
}
body {
  font-weight: 500;
  font-size: 1rem;
 font-family: "Arial", sans-serif;
  line-height: 1.6;
  color: #333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga", "kern";
  text-rendering: optimizelegibility;
  background-color: #fff;
}

a {
  color: #333;


}


p {
 word-break:break-all;
word-wrap:break-word;
}

.g-bg-x {
  background-color: #0269ac;
}



.u-list-inline a {
  color: #fff;
}

.list-inline-item a {
  color: #fff;
}

.nav-link {
  color: #555;
}

.d-flex {
  outline: none;
  font-size: 14px;
color: #bbb;
}

.d-flex a{
  outline: none;
  font-size: 14px;
color: #bbb;
}

.xia li a{
color: #bbb;
}
.xia{
color: #aaa;
}
.xia li{
 padding: 0.35429rem 0;
color: #aaa;
}

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

.nav-link {
  color: #999;
}

.nav-link:focus,
.nav-link:hover {
  color: #555;
}

figure {
  margin-bottom: 0;
}

/*------------------------------------
  Headings
------------------------------------*/
.h1, .h2, .h3, .h4, .h5, .h6, .h7,
h1, h2, h3, h4, h5, h6 {
 font-family: "Roboto", sans-serif;
  line-height: 1.4;
}

.h7 {
  font-size: .75rem;
}

/*------------------------------------
  Displays
------------------------------------*/
.display-5 {
  font-size: 3rem;
  font-weight: 300;
  line-height: 1.1;
}

/*------------------------------------
  Highlight Color
------------------------------------*/
::-moz-selection {
  color: #fff;
  background-color: #FF9900;
}

::selection {
  color: #fff;
  background-color: #FF9900;
}

.g-bg-primary ::-moz-selection {
  color: #FF9900;
  background-color: #fff;
}

.g-bg-primary ::selection {
  color: #FF9900;
  background-color: #fff;
}

.hs-sub-menu a{
  font-size: 0.99rem;
}
.hs-sub-menu li{
 width: 19.489rem;
}
.indll {
    background: linear-gradient(to bottom, #fafafa, #f7f8fa);
}

.gundong {
 padding-top: 2.22857rem !important;
	padding-bottom: 0px;
}

.gundong h1 {
	color: #000;
font-weight: bold;
	 font-size: 1.040rem;
}

.gundong span {
	color: #666;
   font-weight: 600;	
	font-size: 42px;
 padding-bottom: .22857rem !important;
}

.gundong p {
  padding: 10px 0 0 0 !important;
	color: #444;
	font-size: 16px;

}
.gundong h3 {
	color: #666;
	font-weight: bold;
	font-size: 20px;
	text-transform: uppercase;
	font-family: arial
display:inline-block!important
}

.ss {
	padding-bottom: 30px;
}

.ss h1 {
color: #666;
font-size: 42px;
   font-weight: 600;	
}

.ss span {
	color: #333;
	font-weight: bold;
	 font-size: 1.040rem;
}

.ss p {
  padding: 10px 0 0 0 !important;
	color: #555;
	font-size: 16px;
}
.phone-menu0 ul, .phone-menu1 ul{ margin:0;}
/*榛戣壊鏍峰紡*/
.phone-menu0{ height:54px; border-top:1px solid #1d1d1d; border-bottom:1px solid #000; position:fixed; bottom:0; width:100%; display:none; padding:0; margin:0;z-index: 9999;
	background-image: -webkit-gradient(linear, center top, center bottom, from(#333), to(#2f2f2f));
	background-image: -webkit-linear-gradient(top, #333, #2f2f2f);
	background-image: -moz-linear-gradient(top, #333, #2f2f2f);
	background-image: -o-linear-gradient(top, #333, #2f2f2f);
	background-image: -ms-linear-gradient(top, #333, #2f2f2f);
	background-image: linear-gradient(to bottom, #333, #2f2f2f);
	
	/*--鍏煎ie鐨勮儗鏅壊鍜屽渾瑙 --*/
	background: #333;
	background: -moz-linear-gradient(top, #333 0%, #2f2f2f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333), color-stop(100%,#2f2f2f));
	background: -webkit-linear-gradient(top, #333 0%,#2f2f2f 100%);
	background: -o-linear-gradient(top, #333 0%,#2f2f2f 100%);
	background: -ms-linear-gradient(top, #333 0%,#2f2f2f 100%);
	background: linear-gradient(to bottom, #333 0%,#2f2f2f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333', endColorstr='#2f2f2f',GradientType=0 );
}
.phone-menu0 li{ width:50%;  text-align:center; color:#FFF; float:left; list-style:none;margin-bottom:0px; }
.phone-menu0 li:hover,.phone-menu li.active{ background-color:#333;}
.phone-menu0 li a{ color:#FFF; font-size:12px; text-decoration:none;}
.phone-menu0 li i{ background:url('/Img/phone-menu0.png') no-repeat; background-size:25px; display:block; width:25px; height:25px; float:none; margin-left:auto; margin-right:auto; margin-top:6px; margin-bottom:2px}
.phone-menu0 li i.icon1{ background-position:0 0;}
.phone-menu0 li i.icon2{ background-position:0 -25px;}
.phone-menu0 li i.icon3{ background-position:0 -50px;}
.phone-menu0 li i.icon4{ background-position:0 -75px;}

.phone-menu0, .phone-menu1{ margin:0 -20px; width:108%;}
@media screen and (max-width: 800px) {
	.phone-menu0,.phone-menu1{ display:block;}
}


/*Sidebar Menu v1*/
.sidebar-nav-v1 li {
  padding: 0;
}

.sidebar-nav-v1 li a {
  display: block;
  padding: 10px 0px 10px 24px;

font-weight: 500;
text-transform: capitalize;
}

.sidebar-nav-v1 li a:hover {
  text-decoration: none;
color: #fff;
}

.sidebar-nav-v1 > li.actives {
 font-size: 16px;
color: #fff;
 margin:0px 0px;
 font-weight:600;
padding: 15px 0px 10px 40px;
background: url('/img/0.jpg') no-repeat;
}

/*Sidebar Sub Navigation*/
.sidebar-nav-v1 li ul {
  padding: 0;
  list-style: none;
}

#currclass a{
  background-color: #3398dc;
  color: #fff;
}




.list-group-item:hover {
  background-color: #3398dc;
}

.list-group-item a:hover {
 color: #fff ;
}


.list-group-border-0 .list-group-item:first-child,
.list-group-border-0 .list-group-item:last-child {
  border-radius: 0;
}


.navbar-nav li{
font-weight: 400;
  font-size: 1.2rem;
 font-family: "Roboto", sans-serif;
  color: #000;
}

.light-theme .hamburger-inner, .light-theme
.hamburger-inner::after, .light-theme
.hamburger-inner::before {
  background-color: #666;
}
.light-theme .nav-item .nav-link {
 font-size: 1.2rem;
  color: #333;
}

.light-theme .nav-item .nav-link:hover {
  color: #333;
}

.light-theme .nav-item.active .nav-link {
  color: #c94645;
}

/* Main navigation */
.light-theme .nav-link {
  color: #333;
}

.light-theme:hover {
  color: #f5f219;
}

.light-theme li.active .nav-link {
  color: #f5f219;
}

.dark-theme a {
  color: #777;
}

.dark-theme:hover {
  color: #f5f219;
}

.dark-theme li.active .nav-link {
  color: #f5f219;
}

@media (max-width: 991px) {
  .u-header__section:not(.js-header-change-moment) .navbar-collapse {
    padding: 0 20px 10px;
  
  }
  .u-header__section:not(.js-header-change-moment) .navbar-collapse .nav-item .nav-link {
    color: #777;
  }
  .u-header__section:not(.js-header-change-moment) .navbar-collapse .active.nav-item .nav-link {
    color: #f5f219;
  }
}

.common-navbar{width: 100%;position: absolute;left: 0;bottom: 0;opacity: 0;animation: navbar 2s ease both .2s;z-index: 1;padding-right:0;padding-left:0}
@keyframes navbar{0%{opacity: 0;transform: translateY(0px);}100%{opacity: 1;transform: translateY(0);}}
.common-navbar ul{display: flex;justify-content: center;width: 100%;}
.common-navbar ul li{width: 20%;transition: all .4s ease;}
.common-navbar ul li+li{border-left: 1px solid rgba(0,0,0,.11);}
.common-navbar ul li a{display: flex;justify-content: center;align-items: center;width: 100%;height: 60px;background-color: rgba(0,0,0,.5);font-size: 16px;color: #fff;transition: all .4s ease;}
.common-navbar ul li:hover a,.common-navbar ul li.currclass a{background-color: #3398dc;color:#FFFFFF;}
.common-navbar.common-nav2 li{width:50%;}
.common-navbar.common-nav3 li{width: 33.333%;}
.common-navbar.common-nav4 li{width: 25%;}
.common-navbar.common-nav5 li{width: 20%;}
.common-navbar.common-nav6 li{width: 16.6666%;}
.common-navbar #currclass a{ background:#3398dc; color:#FFFFFF; }
ul, ol{list-style-type: none;margin: 0;padding: 0;}
ul, ol, li{list-style: none;}


.zzt{width: 100%;position: absolute;left: 0;bottom: 0;opacity: 0;animation: h2 2s ease both .2s;z-index: 1;transition: all .4s ease;padding-right:0;padding-left:0}
@keyframes h2{0%{opacity: 0;transform: translateY(100px);}100%{opacity: 1;transform: translateY(0);}}

#fenye table {clear:both; border:2px solid #fff;}
#fenye{clear:both; margin:0px 20px 0 0;}
#fenye a{text-decoration:none; display:inline;border-radius: 3px;line-height:36px;font-size:11px;}
#fenye .prev,#fenye .next{width:52px; text-align:center;line-height:36px;}
#fenye a.curr{width:36px; border:1px solid #dcdddd; color:#666; font-size: 11px;font-weight:bold; text-align:center;}
#fenye a.curr:visited {color:#ccc;}
#fenye a{color:#333333;background:#fff; margin:0px 2px; border:1px solid #dcdddd; float:left; text-align:center;height:36px;line-height:36px}
#fenye a:hover{color:#fff;background:#FF9900;}
#fenye a.num{width:36px;}
#fenye a:visited{color:#333;} 
#fenye a:hover{ float:left;}
#fenye span{line-height:30px; font-size:13px; height:30px;color:#333;}


.zzt{width: 100%;position: relative;z-index: 1;}
.zzt h2{font-size: 22px;color: #fff;font-weight: 700; margin-top: 2.78571rem !important; letter-spacing: 0.4rem;}
.zzt h2.size{font-size: 36px; margin-top: -22px;}
.zzt p{font-size: 18px;color: #fff;margin-top: 0px;}
.zzt span{font-size: 72px;color: #fff;line-height: 1;opacity: 0.2;font-weight: 700;text-transform: uppercase;font-family:'Roboto Slab';position: absolute;top: -8px;z-index: -1;}

.ind_tit {
	text-align: center;
	padding-top: 50px;
	padding-bottom: 30px;
}

.ind_tit h1 {
	font-size: 42px;
                font-weight: 400;	
color: #555;	
}


.ind_tit p {
	color: #333;
	font-size: 35px;
	font-weight: bold;
	padding-bottom: -25px;
}

.ind_tit span {
	color: #ddd;
	font-weight: bold;
	font-size: 30px;
	text-transform: uppercase;
	font-family: arial
}
.ind_tit::after {
  margin-top: 1.07143rem;
  width: 4rem;
  border-top-width: 1px;
 border-bottom: 2px solid transparent;
 border-color: #f00 !important;
}

.inbanner{width: 100%;position: relative;}
.inbannerBg-pc,.inbannerBg-mb{width: 100%;object-fit: cover;}
.inbannerBg-pc{display: block;}
.inbannerBg-mb{display:none}
.inbanner .banner-video{background: #fff;}
.inbanner .banner-video .inbanner-bg{opacity: 0;}
.inbanner-content{position:absolute;width:100%;height:100%;top:0;left:0;display: flex;flex-direction: column;justify-content: center;}
.inbanner-content span{font-size: 28px;color: #fff;line-height: 1;text-transform: uppercase;transition: all .4s ease;}
.inbanner-content h2{font-size: 56px;color: #fff;line-height: 1;margin: 0px 0 32px;font-weight: 600;position: relative;padding-bottom: 28px;text-transform: uppercase;}
.inbanner-content h2::after{content: '';width: 0px;height: 3px;background-color: #d6000f;position: absolute;left: 0;bottom: 0;transition: all 6s ease;}
.swiper-slide-active .inbanner-content h2::after{width: 76px;}
.inbanner-content p{font-size: 16px;color: #fff;line-height: 22px;transition: all .4s ease;width:50%;}
.inbanner-content .btn{margin-top: 20px;}
.inbanner .swiper-pagination{width:100%;text-align:center;font-size:0;bottom:42px;height: 20px;line-height: 20px;}
.inbanner .swiper-pagination-bullet{width:60px;background:rgba(255, 255, 255, .3);border-radius:0px;opacity:1;position:relative;overflow:hidden;margin:0 3px;height:4px;}
.inbanner .swiper-pagination-bullet:after{left:-100%;content:'';display:block;width:100%;height:100%;background:#d6000f;border-radius:10px;position:absolute}
.inbanner .active:after{transition:all 4s linear;left:0}
.inbanner-bg{transform:scale(1);transition:all 4s linear}
.inbanner .swiper-slide-active .inbanner-bg{transform:scale(1.06)}
#banner-video{position: absolute;width: 100%;height: 100%;object-fit:cover; display: flex;flex-direction: column;justify-content: center;text-align: center;z-index: 9;top: 0;left: 0;}
/* 效果 */
.inbanner-content span, .inbanner-content h2,.inbanner-content p{opacity: 0;}
.swiper-slide-active .inbanner-content span{animation: indbanDown 1s ease both 0.5s;}
.swiper-slide-active .inbanner-content h2{animation: indbanDown 1s ease both 0.4s;}
.swiper-slide-active .inbanner-content p{animation: indbanDown 1s ease both 0.3s;}
@keyframes indbanDown {0%{opacity: 0;transform: translateY(-100px);}100%{opacity: 1;transform: translateY(0);}}



/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .inbanner-content span{font-size: 20px;}
    .inbanner-content h2 {font-size: 32px;margin:16px 0 22px;padding-bottom: 24px;}
    .inbanner-content p{font-size: 15px;line-height: 25px;}

    .incom-title h2 {font-size: 28px;margin-bottom: 10px;}

}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .inbannerBg-pc{display: none;}
   .inbannerBg-mb{display:block;min-height: 320px;}
   .inbanner-content span{font-size: 16px;}
   .inbanner-content h2 {font-size: 24px;margin:10px 0 16px;padding-bottom: 20px;}
   .inbanner-content p{font-size: 14px;line-height: 20px;}
}
.z{background:url(/img/z.png) no-repeat;margin: 0 2px 0 2px;padding:10px 0 0 11px;}
.y{background:url(/img/y.png) no-repeat;margin: 0 2px 0 2px;padding:10px 0 0 11px;}
.f{background:url(/img/f.png) no-repeat;margin: 0 2px 0 2px;padding:10px 0 0 1px;}
.x{background:url(/img/x.png) no-repeat;margin: 0 2px 0 2px;padding:10px 0 0 11px;}
.e{background:url(/img/e.png) no-repeat;margin: 0 2px 0 2px;padding:0px 0 0 0px;}

 .dh h1 {font-size: 28px; font-weight: 300;text-transform: uppercase;}
 .dh h2 {font-size: 24px; font-weight: 500;}

@media (min-width: 1000px) {
 .dh h1 {font-size: 46px; font-weight: 300;text-uppercase;}
 .h2 {font-size: 32px; }
}

@media (min-width: 640px) {
 .dh h1 {font-size: 46px; font-weight: 300;text-transform: uppercase;}
 .dh h2 {font-size: 32px; font-weight: 400;color:#333;}
}

@media (min-width: 640px) {
 .dh h1 {font-size: 46px; font-weight: 300;text-transform: uppercase;}
 .dh h2 {font-size: 32px; font-weight: 400;color:#333;}
}

@media (max-width: 991px) {
 .u-nav-v2-1 .nav-link {
font-size: 16px;
padding: 4px 30px;
color: #666;}

  .u-nav-v2-1 .nav-link.active,
  .u-nav-v2-1 .cbp-filter-item-active .nav-link {
    background-color: #eee;
  }
  .u-nav-v2-1.u-nav-primary .nav-link.active,
  .u-nav-v2-1.u-nav-primary .cbp-filter-item-active .nav-link {
    color: #fff;
    background-color: #0269ac;
font-size: 16px;
padding: 4px 10px;
  }
}