@charset "utf-8";

@import url('iconfont1.css');

@import url("message.css");

:root{--fontbold3:300;--fontbold4:400;--fontbold5:500;--fontbold6:600;--fontbold7:700;--fontcolor:#111111;--color:#ffa608;/*--fontfamily:'Roboto', 'Lato', 'Open Sans', 'Poppins', 'Oswald', 'Noto Sans', 'Montserrat', sans-serif;*/--fontfamily:'Bai Jamjuree', sans-serif;}

*,html,body,h1,h2,h3,h4,h5,h6,table,th,td,ul,li,dl,dt,dd,div,p,pre,form,input,button,textarea {margin:0px;padding:0px;box-sizing:border-box;-webkit-tap-highlight-color:transparent}

html{margin:0px;padding:0px;overflow-x:hidden;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none}

body{margin:0px auto;/*padding-top:118px;*//*max-width:1920px;*/font-size:18px;line-height:1.6;color:var(--fontcolor);font-family:var(--fontfamily)}

a,a:hover{text-decoration:none;color:var(--fontcolor);cursor:pointer}

h1,h2,h3,h4,h5,h6{font-weight:var(--fontbold5);text-transform:capitalize}

button,input,textarea{outline:0;border:none;font:inherit;-webkit-appearance:none;border-radius:0}

button{cursor:pointer}

i{vertical-align:middle}

img{vertical-align:bottom;max-width:100%;height:auto;border:none;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}

img[data-src]{opacity:0}

img[src]{opacity:1}

input::placeholder,textarea::placeholder{font-family:inherit}

li,ol,ul{list-style:none}

iframe,video{max-width:100%;border:none}

video {

  max-width: 100%;

  border: none;

  /*height: 600px;*/

  margin: 0 auto;

  display: block;

  min-width: 60%;

}

.ab_img video {

  height: 600px !important;

}

.nyabright video {

  height: 396px !important;

}

table{border-collapse:collapse}
table td {
  width: calc(100% / var(--columns-count));
  border: 1px solid #ccc;
  padding: 8px;
  text-align: center;
  vertical-align: middle;
}
header{/*position:fixed;*/top:0px;left:0px;width:100%;background:#FFF;box-shadow:1px 2px 10px rgba(0,0,0,.02);z-index:99;transition:all .2s linear}

header.scrollhead{box-shadow:1px 2px 10px rgb(0 0 0 / 10%)}

header.scrollhead .head-top{margin-top:-40px}

.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}



.l-wrap{/*max-width:1200px;margin:0px auto*/width: 100%;

  /*max-width: 1440px;*/
max-width: none !important;
  padding: 0px 70px;

  margin: 0px auto;}

.line1{display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}

.line2{display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}

.line3{display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}

.line4{display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}

.line5{display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}

.ma_top30{ margin-top:30px;}

.ma_top40{ margin-top:40px;}

.ma_top50{ margin-top:50px;}

.ma_top60{ margin-top:60px;}

.ma_top70{ margin-top:70px;}

.ma_top80{ margin-top:80px;}

.ma_top90{ margin-top:90px;}

.ma_top100{ margin-top:100px;}

.ma_bottom30{ margin-bottom:30px;}

.ma_bottom40{ margin-bottom:40px;}

.ma_bottom50{ margin-bottom:50px;}

.ma_bottom60{ margin-bottom:60px;}

.ma_bottom70{ margin-bottom:70px;}

.ma_bottom80{ margin-bottom:80px;}

.ma_bottom90{ margin-bottom:90px;}

.ma_bottom100{ margin-bottom:100px;}

.table td,.table th{border:1px solid #E5E5E5;padding:6px 16px}

.table-bottom td,.table-bottom th{border-bottom:1px solid #E5E5E5;padding:8px}

.head-top{height:40px;border-bottom:1px solid #E9E9E9;transition:all .3s linear;padding:0px 20px;z-index:99999;background:#FFF}

.head-top .l-wrap{height:100%;display:flex;justify-content:space-between;align-items:center}

.head-link{display:flex;align-items:center;font-size:14px}

.head-link div{margin-right:25px;display:inline-flex;align-items:center}

.head-link div em{margin-right:5px;font-size:18px}

.head-link div img{margin-right:5px}

.head-share{display:flex}

.head-share>ul{margin-right:20px;display:flex;align-items:center}

.head-share>ul a{display:inline-flex;align-items:center;justify-content:center;/*width:30px;*/height:30px;margin: 0 8px;;font-size: 16px;transition:all .2s linear}

.head-share>ul li{ position:relative;}

.top_tc{ position:absolute;display: none; width:104px; text-align:center;background: #FFF;border: 1px solid #EBEEF5;border-radius: 4px;box-shadow: 0px 2px 12px 0 rgb(0 0 0 / 10%);}

.top_tc img{ max-width:100%;}

.head-share>ul li:hover .top_tc{ display:block;}

.head-share>ul li:nth-child(1) a,.head-share>ul li:nth-child(2) a{ color:#1f84c1;}

.head-share>ul a i{font-size:20px}

.head-share>ul a:hover{color:var(--color) !important;}

.head-share>ul a:hover i{color:var(--color)}

.head-info{z-index:999;background:#1f84c1;height:50px;position:relative;padding:0px 20px}

.head-info .l-wrap{display:flex;align-items:center;height:100%}

.logo{max-width:20%;height:100%;display:inline-flex;align-items:center}

.logo img{max-height:78px;width:auto;height:auto}

#nav{flex:1;display:flex;/*justify-content:flex-end;*/height:100%;z-index:9}

.nav-ul{display:flex;align-items:center;height:100%}

#nav > ul > li{height:100%;padding:0px 25px;font-size:18px;position:relative}

#nav > ul > li:last-child{/*padding:0px 0px 0px 16px*/}



#nav > ul > li .submenu{z-index:99;display:none;height:auto;position:absolute;top:100%;left:0px;flex-direction:column;background:#fff;/*color:#FFF;*/min-width:200px;white-space:nowrap;align-items:baseline;width: 650px;

  height: auto;padding: 10px 10px;}

#nav > ul > li .submenu2{z-index:99;display:none;height:auto;position:absolute;top:100%;left:0px;flex-direction:column;white-space:nowrap;align-items:baseline;width: 122px;}

#nav > ul > li .submenu2 li{ width:100%;background: #1f84c1; overflow:hidden;text-align: center;line-height: 50px;height: 50px;}

#nav > ul > li .submenu2 li a{font-size: 16px; display:inline-block;}

#nav > ul > li .submenu2 li:hover{background: var(--color);}

.enxlnav{ overflow:hidden; width:900px; margin:0 auto;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;padding: 30px 0;}

.naverl{ float:left; width:60%;/*margin-top: 20px;*/}

.naverr{ float:right; width:40%; text-align:center;}

.naverr img{ max-width:100%;}

.slideTxtBox_nav{   }

.slideTxtBox_nav .hd{  position:relative; }

.slideTxtBox_nav .hd ul li.on{  }

.slideTxtBox_nav .hd ul li.on a{ color:#fcc501; }

#nav > ul > li .submenu li{width:47%;padding:0px;height: auto;

  float: left;

  display: flex;

  position: unset;

  font-size: 14px;}

#nav > ul > li:hover .submenu,#nav ul li:hover .submenu2{display:block;}



.nymbx{font-size: 14px;border-bottom: 1px dashed #dcdcdc; height:47px; line-height:47px;}

.nymbx b{border-left: 10px solid #262523;

  font-weight: normal;

  padding-left: 8px;}









.default-btn {

  border: none;

  position: relative;

  display: inline-block;

  text-align: center;

  overflow: hidden;

  z-index: 1;

  color: #ffffff;

  background-color: #fcc501;

  -webkit-transition: 0.4s;

  transition: 0.4s;

  border-radius: 50px;

  font-weight: 600;

  font-size: 22px;

  padding-left: 35px;

  padding-right: 35px;

  padding-top: 12px;

  padding-bottom: 12px;

}





.main-banner-content {



	text-align: center;



	padding-top: 16%;



}







.main-banner-content h3 {



    color: #fd5a1b;



    font-size: 15px;



    font-weight: 600;



    padding: 7px 25px;



    margin: 0 0 15px 0;



    background-color: #ffffff;



    display: inline-block;



    border-radius: 50px;



    word-spacing: 2px;



}







.main-banner-content h1 {



	font-size: 60px;



	color: #ffffff;



	margin: 0 0 20px 0;



	font-weight: 700;



}







.main-banner-content p {



	color: #ffffff;



	font-size: 24px;



	margin: 0 0 0 0;



}







.main-banner-content .banner-btn {



	margin-top: 25px;



}





/*en-nav*/





.macro-responsive-nav {



	display: none;



}







.macro-nav {



	background-color: transparent;



	padding-top: 15px;



	padding-bottom: 15px;



	padding-right: 0;



	padding-left: 0;



}


/*.macro-nav .l-wrap{max-width: unset !important;}*/




.macro-nav .navbar {



	padding-right: 0;



	padding-top: 0;



	padding-left: 0;



	padding-bottom: 0;



}







.macro-nav .navbar ul {



	padding-left: 0;



	list-style-type: none;



	margin-bottom: 0;



}







.macro-nav .navbar .navbar-nav {



	margin: auto;



}







.macro-nav .navbar .navbar-nav .nav-item {



	position: relative;



	padding-top: 15px;



	padding-bottom: 15px;



	padding-left: 0;



	padding-right: 0;



}







.macro-nav.index-navber .navbar .navbar-nav .nav-item a {



	color: #555;



}



.macro-nav .navbar .navbar-nav .nav-item a {



	font-size: 32px;



	font-weight: 500;



	color: #ffffff;



	text-transform: capitalize;



	padding-left: 0;



	padding-right: 0;



	padding-top: 0;



	padding-bottom: 0;



	margin-left: 15px;



	margin-right: 15px;

font-weight: bold;

}



/*



.macro-nav .navbar .navbar-nav .nav-item a:hover, .macro-nav .navbar .navbar-nav .nav-item a:focus, .macro-nav .navbar .navbar-nav .nav-item a.active {



	color: #1f84c1;



}



*/



.macro-nav .navbar .navbar-nav .nav-item a i {



	font-size: 10px;



	position: relative;



	top: -1px;



	margin-left: 1px;



}







.macro-nav .navbar .navbar-nav .nav-item:last-child a {



	margin-right: 0;



}







.macro-nav .navbar .navbar-nav .nav-item:first-child a {



	margin-left: 0;



}



/*



.macro-nav .navbar .navbar-nav .nav-item:hover a, .macro-nav .navbar .navbar-nav .nav-item:focus a, .macro-nav .navbar .navbar-nav .nav-item.active a {



	color: #1f84c1;



}



*/



.macro-nav .navbar .navbar-nav .nav-item .dropdown-menu {



	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);



	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);



	background: #ffffff;



	position: absolute;



	border: none;



	top: 80px;



	left: 0;

  width: 230px;

  z-index: 99;

  display: block;

  opacity: 0;

  visibility: hidden;

  border-radius: 5px;



    overflow: hidden;



	-webkit-transition: all 0.3s ease-in-out;



	transition: all 0.3s ease-in-out;



	padding: 0px;



}







.macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li {



	padding: 0;



	border-bottom: 1px solid #f1f1f1;





}



.macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li:last-child {



	border-bottom: 0px solid transparent;



}







.macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {



	text-transform: capitalize;

  padding: 10px 15px;

  margin: 0;

  position: relative;

  color: #505060;

  font-size: 16px;

  font-weight: 500;

  border-left: 3px solid transparent;



}







.macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {



	color: #fcc501;



	/*background: #f8f8f8;



	padding-left: 20px;



	border-left: 3px solid #1f84c1;*/

	text-decoration: underline;



}







.macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {



	left: -245px;



	top: 0;



	opacity: 0;



	visibility: hidden;



}







.macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {



	color: #696997;



}







.macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {



	color: #1f84c1;



}







.macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {



	left: -245px;



	top: 0;



	opacity: 0;



	visibility: hidden;



}







.macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {



	color: #696997;



	text-transform: capitalize;



}







.macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {



	color: #1f84c1;



}







.macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {



	left: -245px;



	top: 0;



	opacity: 0;



	visibility: hidden;



}







.macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {



	color: #696997;



	text-transform: capitalize;



}







.macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {



	color: #1f84c1;



}







.macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {



	left: 195px;



	top: 0;



	opacity: 0;



	visibility: hidden;



}







.macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {



	color: #696997;



	text-transform: capitalize;



}







.macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {



	color: #1f84c1;



}







.macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {



	left: 195px;



	top: 0;



	opacity: 0;



	visibility: hidden;



}







.macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {



	color: #696997;



	text-transform: capitalize;



}







.macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {



	color: #1f84c1;



}







.macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {



	left: 195px;



	top: 0;



	opacity: 0;



	visibility: hidden;



}







.macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {



	color: #696997;



	text-transform: capitalize;



}







.macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {



	color: #1f84c1;



}







.macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {



	color: #1f84c1;



}







.macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {



	opacity: 1;



	visibility: visible;



	top: -15px;



	-webkit-transition: 0.4s;



	transition: 0.4s;



}







.macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {



	color: #1f84c1;



}







.macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {



	opacity: 1;



	visibility: visible;



	top: -15px;



	-webkit-transition: 0.4s;



	transition: 0.4s;



}







.macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {



	color: #1f84c1;



}







.macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {



	opacity: 1;



	visibility: visible;



	top: -15px;



	-webkit-transition: 0.4s;



	transition: 0.4s;



}







.macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {



	color: #1f84c1;



}







.macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {



	opacity: 1;



	visibility: visible;



	top: -15px;



	-webkit-transition: 0.4s;



	transition: 0.4s;



}







.macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {



	color: #1f84c1;



}







.macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {



	opacity: 1;



	visibility: visible;



	top: -15px;



	-webkit-transition: 0.4s;



	transition: 0.4s;



}







.macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {



	color: #1f84c1;



}







.macro-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {



	opacity: 1;



	visibility: visible;



	top: -15px;



	-webkit-transition: 0.4s;



	transition: 0.4s;



}







.macro-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {



	opacity: 1;



	visibility: visible;



	top: 125%;



	-webkit-transition: 0.4s;



	transition: 0.4s;



}







.macro-nav .navbar .other-option {



	margin-left: 0;



	margin-top: 5px;



}







.macro-nav .navbar .other-option .default-btn {



    font-size: 22px;



	box-shadow: 0 2px 15px rgb(123, 104, 238, 0.15);



}







.macro-nav .navbar .other-option .default-btn.nav-btn-1 {



	margin-right: 15px;



}



.macro-nav .white-logo{filter: grayscale(100) brightness(100);}



.macro-nav .black-logo {



	display: none;



}







.navbar-area {



	background-color: transparent;



	-webkit-transition: 0.4s;



	transition: 0.4s;



	position: absolute;



	z-index: 999;



	left: 0;



	top: 0;



	width: 100%;



	height: auto;



}







.navbar-area.is-sticky {



	position: fixed;



	top: 0;



	left: 0;



	width: 100%;



	z-index: 9999;



	-webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);



	box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);



	background: #ffffff !important;



	-webkit-animation: 500ms ease-in-out 0s normal fadeInDown;



	animation: 500ms ease-in-out 0s normal fadeInDown;



	-webkit-transition: 0.4s;



	transition: 0.4s;



}







.navbar-area.is-sticky .navbar-nav .nav-item a {



	color: #505050;



}







.navbar-area.is-sticky .navbar-nav .nav-item a:hover, .navbar-area.is-sticky .navbar-nav .nav-item a:focus, .navbar-area.is-sticky .navbar-nav .nav-item a.active {



	color: #fcc501;



}







.navbar-area.is-sticky .macro-nav .navbar-brand .white-logo {



	display: none;



}







.navbar-area.is-sticky .macro-nav .navbar-brand .black-logo {



	display: block;



}







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



	.navbar-area {



		padding-top: 20px;



		padding-bottom: 20px;



	}









	.navbar-area.is-sticky {



		border-bottom: none;



		-webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);



		box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);



		padding-top: 20px;



		padding-bottom: 20px;



	}







	.navbar-area.is-sticky .logo .white-logo {



		display: none;



	}







	.navbar-area.is-sticky .logo .black-logo {



		display: block;



	}







	.macro-responsive-nav {



		display: block;



	}







	.macro-responsive-nav .macro-responsive-menu {



		position: relative;



	}







	.macro-responsive-nav .macro-responsive-menu.mean-container .mean-nav ul {



		font-size: 15px;



	}







	.macro-responsive-nav .macro-responsive-menu.mean-container .mean-nav ul li a {



		font-size: 15px;



	}







	.macro-responsive-nav .macro-responsive-menu.mean-container .mean-nav ul li a.active {



		color: #1f84c1;



	}







	.macro-responsive-nav .macro-responsive-menu.mean-container .mean-nav ul li li a {



		font-size: 15px;



	}







	.macro-responsive-nav .macro-responsive-menu.mean-container .navbar-nav {



		overflow-y: scroll;



		height: auto;



		-webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);



		box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);



	}







	.macro-responsive-nav .macro-responsive-menu.mean-container .others-options {



		display: none;



	}







	.macro-responsive-nav .mean-container a.meanmenu-reveal {



		color: #505060;



	}







	.macro-responsive-nav .mean-container a.meanmenu-reveal span {



		background: #505060;



	}







	.macro-responsive-nav .logo {



		position: relative;



		width: 50%;



		z-index: 999;



	}







	.macro-responsive-nav .logo .white-logo {



		display: block;filter: grayscale(100) brightness(100); 	



	}







	.macro-responsive-nav .logo .black-logo {



		display: none;



	}







	.macro-nav {



		display: none;



	}



}

/*en-nav*/





/**********************************************



 ** - 26 - Footer & Copyright Section CSS



 **********************************************/



.footer-area {



	position: relative;



	z-index: 1;



	padding: 100px 0;



	background-color: #121630;  /* fallback for old browsers */



}







.footer-about {



    padding-right: 15px;



}



.footer-logo {



	margin-bottom: 20px;



	display: inline-block;



}

.footer-logo img{filter: grayscale(100) brightness(100); 	}





.footer-list h5 {



	font-size: 18px;



	font-weight: 700;



	color: #ffffff;



	margin-bottom: 25px;



}







.footer-list p {



	font-size: 16px;



	color: #efefef;



}







.footer-list ul li {



	margin-bottom: 12px;



	color: #efefef;



}







.footer-list ul li:last-child {



	margin-bottom: 0px;



}







.footer-list .footer-contact-info ul li i {



	color: #007bff;



	font-size: 16px;



	margin-right: 5px;



}







.footer-list ul li a {



	display: inline-block;



	font-size: 18px;



	color: #efefef;



}







.footer-list ul li a:hover {



	color: #fcc501;



    text-decoration: underline;



}







.footer-contact-info .footer-contact-list li span {



	display: inline-block;



	color: #efefef;



	font-size: 16px;



	font-weight: 700;



}







.footer-social-icon {



	margin-top: 25px;



}







.footer-social-icon li {



	margin-right: 10px;



	display: inline-block;



}







.footer-social-icon li a {



	color: #fff !important;



	font-size: 15px !important;



	width: 40px;



	height: 40px;



	line-height: 40px;



    border-radius: 30px;



    text-align: center;



    border: 1px solid rgb(255, 255, 255, 0.25);



    background: transparent;



	display: block;



	-webkit-transition: all .3s;



	transition: all .3s;



}







.footer-social-icon li a:hover {



	color: #fff !important;



    border: 1px solid #007bff;



	background: #007bff;



}







.newsletter-form {



	max-width: 580px;



	position: relative;



	margin-left: auto;



	margin-right: auto;



	margin-top: 30px;



}







.newsletter-form .input-newsletter {



	display: block;



	color: #0b0b31;



	width: 100%;



	height: 54px;



	font-weight: 500;



	padding-left: 15px;



	border-radius: 3px;



	outline: 0;



	border: none;



	margin-bottom: 20px;



	background-color: #ffffff;



}







.newsletter-form .input-newsletter::-webkit-input-placeholder {



	color: #747576;



}







.newsletter-form .input-newsletter:-ms-input-placeholder {



	color: #747576;



}







.newsletter-form .input-newsletter::-ms-input-placeholder {



	color: #747576;



}







.newsletter-form .input-newsletter::placeholder {



	color: #747576;



}







.newsletter-form button {



	width: 100%;



	color: #ffffff;



	font-size: 16px;



	border: none;



    height: 46px;



    line-height: 46px;



	padding: 0 20px;



	border-radius: 3px;



    -webkit-transition: all 400ms ease-out;



    transition: all 400ms ease-out;



    will-change: transform;

background: #007bff;

}

.newsletter-form button:hover{background: #fcc501;}





.copyright-area {



    padding: 35px 0;



    border-top: 1px solid rgb(255, 255, 255, 0.15);



    background-color: #121630;



}







.copyright-area p {



	color: #efefef;



	font-size: 16px;


text-align: center;
}







.copyright-area ul {



	padding-left: 0;



	margin-bottom: 0;



	list-style-type: none;



	text-align: right;



}







.copyright-area ul li {



	display: inline-block;



	color: #efefef;



	font-size: 16px;



	position: relative;



	margin-left: 10px;



	margin-right: 10px;



}







.copyright-area ul li a {



	display: inline-block;



	color: #efefef;



}







.copyright-area ul li a:hover {



	color: #007bff;



}







.copyright-area ul li::before {



	content: '';



	position: absolute;



	top: 5px;



	right: -13px;



	width: 1px;



	height: 14px;



	background-color: #ffffff;



}







.copyright-area ul li:last-child {



	margin-right: 0;



}







.copyright-area ul li:last-child::before {



	display: none;



}







.copyright-area ul li:first-child {



	margin-left: 0;



}

/*foot——en*/







.section-padding {

  padding: 100px 0;

}

.section-title {

  text-align: center;

  margin-bottom: 65px;

  line-height: 1.5;

}

.section-title h2 {

  font-size: 35px;

  color: #505060;

  margin: 0 0 0 0;

  font-weight: 700;

}

.bg-grey {

  background-color: rgb(215, 215, 215, 0.17);

}





/************************************************



 ** - 18 - Blog Page Number Pagination CSS



 ************************************************/



.pagination-area {



	margin-top: 20px;



	text-align: center;



}



.pagination-area .page-num {



	color: #505060;



	font-size: 18px;



	font-weight: 600;



	width: 45px;



	height: 45px;



	line-height: 48px;



	margin: 0 3px;



	border-radius: 3px;



	display: inline-block;



	background-color: #ffffff;



	-webkit-box-shadow: 0 2px 10px 0 #d8dde6;



	box-shadow: 0 2px 10px 0 #d8dde6;



}



.pagination-area .page-numbers {



	color: #505060;



	font-size: 18px;



	font-weight: 600;



	width: 45px;



	height: 45px;



	line-height: 48px;



	margin: 0 3px;



	border-radius: 3px;



	display: inline-block;



	background-color: #ffffff;



	-webkit-box-shadow: 0 2px 10px 0 #d8dde6;



	box-shadow: 0 2px 10px 0 #d8dde6;



}







.pagination-area .page-numbers.current,.pagination-area .page-num:hover, .pagination-area .page-numbers:hover, .pagination-area .page-numbers:focus,.pagination-area .page-num-current {



	color: #ffffff;



	background-color: #007bff;



	-webkit-box-shadow: 0 2px 10px 0 #d8dde6;



	box-shadow: 0 2px 10px 0 #d8dde6;



}





/*******************************************



 ** - 21 - Other Page Banner Title CSS



 *******************************************/

.d-table {



	width: 100%;



	height: 100%;



}

.d-table-cell {



	vertical-align: middle;



}

.page-title-area {



	position: relative;



	z-index: 1;



	/*background-image: url(../image/banner-bg.jpg);



	background-position: center center;



	background-size: cover;



	background-repeat: no-repeat;



	height: 400px;*/



}







.page-title-area::before {



	content: "";



	position: absolute;



	z-index: -1;



	height: 100%;



	width: 100%;



	left: 0;



	top: 0;



	opacity: 0.7;



    background-color: #1b1b1bdb;



}







.page-title-content {



	text-align: center;



	margin-top: 45px;



}







.page-title-content h2 {



	margin-bottom: 0;



	color: #ffffff;



	font-size: 38px;



	font-weight: 700;



}







.page-title-content ul {



	padding-left: 0;



	list-style-type: none;



	margin-top: 12px;



	margin-bottom: 0;



}







.page-title-content ul li {



	color: #ffffff;



	display: inline-block;



	position: relative;



	font-weight: 600;



	font-size: 17px;



	margin-left: 10px;



	margin-right: 10px;



}







.page-title-content ul li a {



	display: inline-block;



	color: #ffffff;



	-webkit-transition: 0.4s;



	transition: 0.4s;



}







.page-title-content ul li a:hover {



	color: #007bff;



}







.page-title-content ul li::before {



    content: '';



    position: absolute;



    right: -15px;



    top: 10px;



    width: 7px;



    height: 7px;



    border-radius: 50%;



    background-color: #fd5a1b;



}







.page-title-content ul li:last-child::before {



	display: none;



}







.item-bg1 {



	background-image: url(https://barakahit.net/html/macro/assets/img/page-title-bg-2.jpg);



}







.item-bg2 {



	background-image: url(https://barakahit.net/html/macro/assets/img/page-title-bg-3.jpg);



}















.shousuo{ overflow:hidden; width:100%;border-bottom:1px solid #E9E9E9; padding:12px 0;}

.shousuo_left{ float:left;}

.shousuo_right{ float:right;}

.shousuo_left ul{ overflow:hidden;}

.shousuo_left ul li{ overflow:hidden; float:left; font-size: 15px;color:#000;}

.shousuo_left ul li a{ color: #404040;font-size: 15px;border-right: 2px solid #aaa;padding: 0 5px;}

.shousuo_left ul li a:hover {

  color: #fcc501;

}

.shousuo_left ul li img{float: left;margin: 2px 6px 0 0;}

.sskuan{ border: 1px solid #E9E9E9;

  padding: 3px 15px 3px;

  font-size: 14px;

  float: left;}

.ssbutton{background: #1f84c1;

  width: 35px;

  height: 30px;}

.ssbutton img{width: 20px;

  margin-bottom: 3px;}



/*关于我们*/

.nyabnav{margin: 30px auto;}

.nyabnav ul{ display:flex;}

.nyabnav ul li{ float:left; flex:1;height: 55px;

  font-size: 18px;

  line-height: 55px;

  text-align: center;

  float: left;

  border-right: 1px solid #d8d8d8;

  box-sizing: border-box;

  background: #f4f4f4;

  cursor: pointer;

  text-overflow: ellipsis;

  overflow: hidden;

  white-space: nowrap;}

.nyabnav ul li a{display: block;

  height: 55px;

  color: #333;}

.nyabnav ul li.active, .nyabnav ul li:hover {

  background: url(../images/about1.png) no-repeat bottom center var(--color);

  border-color: var(--color);

}

.nyabnav ul li.active a,.nyabnav ul li:hover a{ color:#fff;}

.about-info{ overflow:hidden;margin: 0 0 30px;}

.nyableft{ overflow:hidden; float:left; width:50%;padding: 20px 30px 0 0;}

.nyabright{ overflow:hidden; float:right; width:49%;}

.inshugun{ overflow:hidden; width:100%;margin: 10px 0;}

.inshugdiv{ float:left; width:20%; /*margin-right:4px;*/ text-align:center;/*border-right: 1px dashed #ccc;*/}

.inshugtu{ overflow:hidden; max-width: 40px;margin-bottom: 8px;}

.inshugtu img{ max-width:100%;}

.inshugdiv h3 span{/*font-family: Impact !important;*/font-size: 36px; color: var(--color);line-height: 40px;font-weight: 600;}

.inshugdiv h3 sup{font-size: 16px;color: var(--color);margin-left: 2px;}

.inshugdiv h4{line-height: 30px;font-size: 20px;font-weight: normal;color:#000; margin-top:15px;}

.aboutyuanjing{ overflow:hidden; width:100%;}

.aboutyuanjing ul{ overflow:hidden; display:flex;}

.aboutyuanjing ul li{ /* flex: 1;*/width: 25%;height: 60vh;display: flex;justify-content: center;align-items: center; text-align:center;transition: 1.0s;}

.aboutyuanjing ul li::before {

  content: "";

  position: absolute;

  width: 100%;

  height: 60vh;

  left: 0;

  opacity: 0.2;

  background: #000;

}

.aboutyuanjing ul li:nth-child(1){ background:url(../images/about1_2.jpg) no-repeat center;background-size: cover;}

.aboutyuanjing ul li:nth-child(2){ background:url(../images/about2_2.jpg) no-repeat center;background-size: cover;}

.aboutyuanjing ul li:nth-child(3){ background:url(../images/about3_2.jpg) no-repeat center;background-size: cover;}

.aboutyuanjing ul li:nth-child(4){ background:url(../images/about4_2.jpg) no-repeat center;background-size: cover;}

.aboutyuanjing ul li:nth-child(5){ background:url(../images/about3.jpg) no-repeat center;background-size: cover;}

.aboutyuanjing ul li h2{ width:100%; font-size:26px; color:#fff;z-index: 99;line-height: 38px;}

.aboutyuanjing ul li h2 span{ width:100%;font-size:15px; color:#fff;}

.aboutyuanjing ul li:hover{ width:30%;transition: 1.0s;}

.aboutyuanjing ul li::before:hover {opacity: 0;}







.pc_all .pc_all_content {

  max-width: 1200px;

  margin: 0 auto;

}

.Development{ background:url(../images/bg17.jpg) no-repeat 50%/cover; position:relative;}



.Development:before{ content:""; display:inline-block; width:100%; left:0; bottom:70px; height:1px; background:#c1c1c1; position:absolute;}



.Development .Honor_title{ margin-bottom:0px;}



.Development .Development_content .Development_content_top{ margin-bottom:80px;}



.Development .Development_content .Development_content_top .content_top_list{ display:flex; align-items:center; justify-content:space-between; overflow:hidden;}



.Development .Development_content .Development_content_top .content_top_list .top_list_left{ width:53%;}



.Development .Development_content .Development_content_top .content_top_list .top_list_left .list_left_dd{ font-size:65px; color:var(--color); }

.list_left_dd2{font-size: 24px;margin-bottom: 10px;}



.Development .Development_content .Development_content_top .content_top_list .top_list_left .list_left_dt{ height:198px; overflow:auto; padding-right:25px;}



.Development .Development_content .Development_content_top .content_top_list .top_list_left .list_left_dt::-webkit-scrollbar-track { background-color: #e1e1e1; } /* 滚动条的滑轨背景颜色 */ 



.Development .Development_content .Development_content_top .content_top_list .top_list_left .list_left_dt::-webkit-scrollbar-thumb { background:var(--color); } /* 滑块颜色 */ 



.Development .Development_content .Development_content_top .content_top_list .top_list_left .list_left_dt::-webkit-scrollbar-button { background-color: #e1e1e1; } /* 滑轨两头的监听按钮颜色 */ 



.Development .Development_content .Development_content_top .content_top_list .top_list_left .list_left_dt::-webkit-scrollbar-corner { background-color: #e1e1e1; } /* 横向滚动条和纵向滚动条相交处尖角的颜色 */ 



.Development .Development_content .Development_content_top .content_top_list .top_list_left .list_left_dt::-webkit-scrollbar { width: 3px; height: 0px; border-radius:3px; } /* 这是针对缺省样式 (必须的)*/



.Development .Development_content .Development_content_top .content_top_list .top_list_left .list_left_dt .left_dt_li{ display:flex; justify-content:space-between; margin-bottom:30px;}



.Development .Development_content .Development_content_top .content_top_list .top_list_left .list_left_dt .left_dt_li:last-child{ margin-bottom:0px;}



.Development .Development_content .Development_content_top .content_top_list .top_list_left .list_left_dt .left_dt_li .dt_li_time{ font-size:16px; color:var(--color); width:65px;}



.Development .Development_content .Development_content_top .content_top_list .top_list_left .list_left_dt .left_dt_li .dt_li_txt{ font-size:16px; color:#333333;width:calc(100% - 70px);}



.Development .Development_content .Development_content_top .content_top_list .top_list_right{ width:42%;}



.Development .Development_content .Development_content_top .content_top_list .top_list_right .list_right_dd{ border-radius:10px; overflow:hidden; box-shadow:0px 0px 50px rgba(0,0,0,.12); overflow:hidden;}



.Development .Development_content .Development_content_top .content_top_list .top_list_right .list_right_dd img{ width:100%;

-webkit-transform: scale(1);

   -moz-transform: scale(1);

    -ms-transform: scale(1);

     -o-transform: scale(1);

           filter: scale(1);

           filter: transform;

       transition: all 0.5s ease 0s;

-webkit-transform: all 0.5s ease 0s;

}

.Development .Development_content .Development_content_top .content_top_list .top_list_right .list_right_dd:hover img{

-webkit-transform: scale(1.15);

   -moz-transform: scale(1.15);

    -ms-transform: scale(1.15);

     -o-transform: scale(1.15);

           filter: scale(1.15);

           filter: transform;

       transition: all 0.5s ease 0s;

-webkit-transform: all 0.5s ease 0s;

}



.Development .Development_content .Development_content_top .content_top_list .top_list_right .list_right_dt{ font-size:16px; color:#333333; text-align:center; margin-top:40px;}



.Development .Development_content .Development_content_bottom{ position:relative;}



.Development .Development_content .Development_content_bottom .swiper-button-next,.Development .Development_content .Development_content_bottom .swiper-button-prev{ width:42px; height:42px; border-radius:100%; border:1px solid var(--color); top:73%; background:#fff; opacity:1;}



.Development .Development_content .Development_content_bottom .swiper-button-next.swiper-button-disabled,.Development .Development_content .Development_content_bottom .swiper-button-prev.swiper-button-disabled{ border:1px solid #cdcdcd;}



.Development .Development_content .Development_content_bottom .swiper-button-next{ right:-93px;}



.Development .Development_content .Development_content_bottom .swiper-button-prev{ left:-93px;}



.Development .Development_content .Development_content_bottom .swiper-button-next:after,.Development .Development_content .Development_content_bottom .swiper-button-prev:after{ color:#888888; font-size:15px;}



.Development .Development_content .Development_content_bottom .content_bottom_list{ cursor:pointer;}



.Development .Development_content .Development_content_bottom .content_bottom_list .bottom_list_dd{ font-size:18px; color:#000; text-align:center; margin-bottom:20px;font-weight: bold;}



.Development .Development_content .Development_content_bottom .content_bottom_list .bottom_list_dt{ background:rgba(255,255,255,0); border-radius:100%; width:50px; height:50px; display:flex; align-items:center; justify-content:center; margin:0 auto; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;}



.Development .Development_content .Development_content_bottom .content_bottom_list .bottom_list_dt span{ width:9px; height:9px; border-radius:100%; background:#c1c1c1; margin:0 auto; border:3px solid rgba(255,255,255,0); transition: all 0.5s ease; -webkit-transform: all 0.5s ease;}



.Development .Development_content .Development_content_bottom .content_bottom_list.swiper-slide-thumb-active .bottom_list_dd{ color:var(--color);f}



.Development .Development_content .Development_content_bottom .content_bottom_list.swiper-slide-thumb-active .bottom_list_dt{ background:rgba(255,255,255,1); transition: all 0.5s ease; -webkit-transform: all 0.5s ease;}



.Development .Development_content .Development_content_bottom .content_bottom_list.swiper-slide-thumb-active .bottom_list_dt span{ border:3px solid var(--color); background:#fff; transition: all 0.5s ease; -webkit-transform: all 0.5s ease; width:15px; height:15px;}

.swiper-container {

  margin-left: auto;

  margin-right: auto;

  position: relative;

  overflow: hidden;

  list-style: none;

  padding: 0;

  z-index: 1;

}



.Honor{ padding:45px 0px; background:#f3f3f3 url(../images/bn32.png) no-repeat 20% 100%;}



.Honor .Honor_title{ display:flex; align-items:center; justify-content:space-between; margin-bottom:65px;}



.Honor .Honor_title .Honor_title_left .title_left_dd{ font-size:18px; color:#00833e; text-transform:uppercase;}



.Honor .Honor_title .Honor_title_left .title_left_dt{ font-size:32px; color:#000000; margin-top:13px;}



.Honor .Honor_title .Honor_title_left .title_left_dt span{ font-size:16px; color:#666666; margin-left:30px;}



.Honor .Honor_title .Honor_title_right ul{ display:flex; align-items:center;}



.Honor .Honor_title .Honor_title_right ul li{ display:flex; align-items:center; width:170px; height:50px; justify-content:center; background:#fff; cursor:pointer; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;}



.Honor .Honor_title .Honor_title_right ul li:last-child{ margin-left:20px;}



.Honor .Honor_title .Honor_title_right ul li span{ width:23px; height:23px; position:relative; margin-right:9px;}



.Honor .Honor_title .Honor_title_right ul li span img{ position:absolute; left:0; top:0; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;}



.Honor .Honor_title .Honor_title_right ul li span img:last-child{ opacity:0;}



.Honor .Honor_title .Honor_title_right ul li.on{ background:#00833e; color:#fff; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;}



.Honor .Honor_title .Honor_title_right ul li.on span img{ opacity:0; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;}



.Honor .Honor_title .Honor_title_right ul li.on span img:last-child{ opacity:1; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;}



.Honor .Honor_content .Honor_content_l{ display:flex; align-items:center; justify-content:space-between;}



.Honor .Honor_content .Honor_content_l .Honor_content_list{ width:23%; background:#fff; box-shadow:0px 0px 18px rgba(0,0,0,.1); padding-bottom:30px;} 



.Honor .Honor_content .Honor_content_l .Honor_content_list .content_list_img{ padding:26px 40px; text-align:center; height:250px; display:flex; align-items:center; justify-content:center;}



.Honor .Honor_content .Honor_content_l .Honor_content_list .content_list_img img{ max-height:198px; max-width:100%;}



.Honor .Honor_content .Honor_content_l .Honor_content_list .content_list_title{ font-size:18px; color:#333333; padding:0px 30px; text-align:center;height: 48px;}



.Honor .Honor_btn{ display:flex; align-items:center; justify-content:center; padding:0px 26px; height:53px; border-radius:100px; border:1px solid #bfbfbf; font-size:15px; color:#666666; margin-top:80px; max-width:170px; margin:0 auto; margin-top:65px;}

.Honor .Honor_btn span{ display:flex; align-items:center; justify-content:center; width:19px; height:19px; position:relative; margin-left:7px; top:1px;}

.Honor .Honor_btn span img{ position:absolute; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}

.Honor .Honor_btn span img:last-child{ opacity:0;}

.Honor .Honor_btn:hover span img{ opacity:0; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}

.Honor .Honor_btn:hover span img:last-child{ opacity:1; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}

.Honor .Honor_btn:hover{ background:#00833e; color:#fff; border:1px solid #00833e;}







.txtScroll-left{ width:100%;  position:relative;    margin-bottom: 70px;box-shadow: 0 10px 30px rgba(0,0,0,0.1);}

.txtScroll-left .hd{ /*overflow:hidden;  height:30px;*//* background:#f4f4f4;*/ padding:0 10px; position: absolute;bottom: 20px;width: 100%;z-index: 999; }

.txtScroll-left .hd .prev,.txtScroll-left .hd .next{ display:block;  /*width:5px; height:9px;*/ float:right; margin-right:10px; /*margin-top:10px;  overflow:hidden;*/ cursor:pointer;font-size: 25px; /*background:url("../images/arrow.png") no-repeat;*/}

.txtScroll-left .hd .prev:hover,.txtScroll-left .hd .next:hover{ color:var(--color);}

.txtScroll-left .hd .next{ /*background-position:0 -50px; */ }

.txtScroll-left .hd .prevStop{ /*background-position:-60px 0;*/ }

.txtScroll-left .hd .nextStop{ /*background-position:-60px -50px;*/ }

.txtScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:30px; margin-right: 39%; }

.txtScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }

.txtScroll-left .hd ul li.on{ background-position:0 0; }

.txtScroll-left .bd{  width:100%; overflow:hidden;    }

.txtScroll-left .bd ul{ overflow:hidden; zoom:1; }

.txtScroll-left .bd ul li{  width:100%;  float:left; /*height:24px;*/ line-height:24px;  text-align:left; _display:inline;}

.topnewsflleft{ float:left; width:45%;}

.topnewsimg{ width:100%;}

.topnewsimg img{ width:100%;object-fit: cover;}

.topnewsflright{ float:right; width:50%;padding: 0 21px 0 0;}

.topnewsfltitle{margin-bottom: 30px; font-size: 30px; color: #333;font-weight: bold; line-height: 35px;margin: 40px 0 30px;}

.topnewsflp{font-size: 16px; color: #333; line-height: 25px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical; line-clamp: 3; }

.topnewsfltime{margin: 21px 0; font-size: 16px; color: #999; line-height: 21px;}

.topnewsfla{display:inline-block; font-size:14px; color:#fff; padding: 6px 20px;background: #c3c3c3;float: right;}

.txtScroll-left .bd ul li:hover .topnewsfltitle{color:var(--color);}

.txtScroll-left .bd ul li:hover .topnewsfla{ background:var(--color);}

.topnewsfla:hover{ color:#fff;}







.cs { margin-bottom: 40px; }

.ny_c { max-width: 1200px; margin: 0 auto; width: 100%; min-width: 1200px; }

.ny_contact { display: flex; }

.contact_one { display: inline-block; width: 33%; }

.contact_one span { font-size: 40px; line-height: 30px; color: var(--color); margin-bottom: 22px; display: block; font-weight: bold; }

.contact_one div { margin-bottom: 32px; font-size: 30px; line-height: 30px; }

.contact_one i { width: 40px; height: 3px; background: var(--color); display: block; margin-bottom: 30px; }

.contact_two { width: 33%; position: relative; background: #f2f2f2 url() no-repeat; background-position: 325px 315px; padding: 50px 34px; font-size: 17px; line-height: 35px; margin-left: 18px; display: inline-block; float: left; box-sizing: border-box; }

.contact_two strong { font-size: 24px; color: var(--color); }

.contact_title { position: absolute; width: 172px; height: 45px; background: var(--color); border-radius: 10px; font-size: 24px; color: #fff; line-height: 45px; font-weight: bold; text-align: center; }

.contact_content1 { line-height: 38px; font-size: 15px; }

.contact_content1 span { font-size: 20px; font-weight: bold; display: block; margin-bottom: 10px; }

.contact_content { margin-top: 70px; color: #555; line-height: 38px; font-size: 17px; }

.contact_content a { text-decoration: none; font-size: 17px; color: #555; }

.contact_img { text-align: center; width: 130px; margin-top: 40px; }

.contact_img img { width: 130px; background: #fff; border: 1px solid #ccc; padding: 3px; background: #fff; }

.tup { margin-bottom: 0px!important; }

.tup img { width: 100%; }



.contact_left{ width:50%; float:left;}

.contact_luxian{ overflow:hidden; width:100%; margin:0 0 34px;}

.luxian_left{ float:left; width:15%;text-align: center;padding-top: 8px;}

.luxian_left img{ max-width:50%;}

.luxian_right{ float:right; width:85%;}

.luxian_title{ font-size:22px;margin-bottom: 5px;}

.luxian_p{ font-size:15px; color:#9F9E9E; line-height:25px;}

.contact_right{ float:right; width:50%;}

.contact_right_title{font-size: 30px;line-height: 30px; color:#000; margin-bottom:19px;}

.contact_right_i {

  width: 40px;

  height: 3px;

  background: var(--color);

  display: block;

  margin-bottom: 10px;

  overflow:hidden;

}

.contact_right ul{ overflow:hidden;}

.contact_right ul li{ overflow:hidden; float:left; width:30%; margin-right:10px; font-size:14px; color: #7f7f7f;text-align: center;margin-bottom: 23px;}

.contact_right ul li:nth-child(3n){margin-right:0;}

.contact_right ul li img{ /*width:100%*/;aspect-ratio: 9/9;}

.contact_map{ width:1200px; margin:0 auto 30px;}





.flex-wrap {

  flex-wrap: wrap;

}

.abjzl{}

.abjzldov{overflow: hidden;}

.abjzldiv{ overflow:hidden; float:left; width:50%; height: 390px;position: relative;}

.abjzldiv_tu{ width:100%; height:100%;}

.abjzldiv_tu img{ width:100%; height:100%;}

.abjzldiv_wzbg{ background: #0000007d;width: 100%;height: 100%;position: absolute;top: 0;}

.abjzldiv_wenzi{ text-align:center;}

.abjzldiv_title{ color:#fff; font-size:24px; margin:100px 0 14px;}

.abjzldiv_p{color:#fff; font-size:16px; line-height:27px; width:78%;margin: 0 auto 20px;}

.abjzldiv:hover .abjzldiv_wzbg{background: #1f84c199;}

.abjzldiv_a{background: #fff;padding: 10px 14px;font-size: 14px;}

.abjzldiv:hover .abjzldiv_a{background: var(--color); color:#fff;}



.infootbg {

  background: url('../images/index13.jpg') center;

    background-size: auto;

  background-size: cover;

  margin-top: 40px;

  padding: 3% 0;

}





@media(min-width:1025px){

#nav ul li .submenu li:hover ul{display:block}

#nav ul li .submenu li ul{position:absolute;left:100%;top:0px;display:none;background:rgba(0,0,0,.6);height:auto;min-width:200px}}

#nav ul li .submenu a{padding:0px 15px 8px;width:100%;height:100%;justify-content:flex-start;transition:all .2s linear;color:#000;font-size: 15px;}

#nav ul li .submenu a:hover{/*background:var(--color);*/color:var(--color)}

#nav ul li .submenu a::after{display:none}

.scnli:hover{ background:var(--color);}

#nav ul li a{height:100%;display:inline-flex;align-items:center;justify-content:center;position:relative;white-space:nowrap;text-transform:capitalize;color: #fff;}

#nav ul li a::after{content:"";width:2px;height:18px;background:#fff;position:absolute;/*bottom:0px;*/right: -26px;transition:all .2s linear}

#nav ul li:last-child a::after{ display:none;}

/*#nav ul li a:hover{color:var(--color)}*/

#nav ul li:hover a::after{ display:none;}

#nav ul li a.inmenu_1{color:var(--color)}

#nav ul li a.inmenu_1::after{height:2px}

.head-search button{background:0 0;height:100%}

.head-search button i{font-size:24px;color:var(--color);font-weight:var(--fontbold6)}

.head-search button::after{display:none}

.search-box{position:absolute;width:100%;top:100%;left:0px;background:#FFF;padding:20px 0px;transform:translateY(-200px);opacity:0;z-index:-1;transition:all .2s linear}

.search-box .search-input{width:600px;margin:0px auto;background:#EEE;display:flex;justify-content:space-between;align-items:center;height:40px;padding:0px 10px}

.search-box .search-input input{background:0 0;flex:1;padding-left:10px}

.search-box .search-input .search-btn{cursor:pointer;background:var(--color);color:#FFF;border-radius:4px;height:30px;line-height:30px;padding:0px 10px;transition:all .3s linear}

.search-box .search-input .search-btn:hover{opacity:.9}

.search-box.search-box-show{transform:translateY(0);opacity:1;z-index:1}

.mob-btn{display:none}

.opacity{display:none;position:fixed;top:0px;left:0px;width:100vw;height:100vh;background:rgba(0,0,0,.6);z-index:99}



.banner-warp{width: 1300px;height: 310px;

  margin: auto;

  position: absolute;

  top: 40px;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 2;}

.banner-text {

  color: #fff;

  text-transform: Uppercase;

}

.banner-text h1 {

  font-size: 40px;

  line-height: 100px;

  letter-spacing: 2px;

  font-weight: bold;

}

.banner-text h1::after {

  content: '';



  width: 30%;



  background: white;



  height: 3px;



  display: block;



}

.banner-text h2 {

  font-size: 20px;

  line-height: 100px;

  letter-spacing: 2px;

  font-weight: normal;

}

.nybanner{ text-align:center;top: 100px;}

.nybanner h1{ text-align:center;text-shadow: 2px 3px 2px #3d3d3d;}

.nybanner h1::after{ display:none;}



.home-about,.home-application,.home-honor,.home-news,.home-product,.home-static,.home-video{padding:35px 20px}

.home-title{font-size:32px;text-align:center;/*font-weight:var(--fontbold5);*/font-weight: bold;position:relative;color:#000;line-height:1;padding-bottom:15px}

.home-title-line{position:relative;margin:0px auto;width:30px;height:5px;background:#fcc501;}

.home-title-line::after,.home-title-line::before{content:"";width:90px;height:1px;background:#EEE;position:absolute;right:calc(100% + 0px);top:2px}

.home-title-line::after{right:auto;left:calc(100% + 0px)}

.home-des{max-width:94%;margin:0px auto;font-size:18px;color:#555;text-align:center;padding:0px 0px 20px}

.home-contact{max-width:94%;margin:0px auto;font-size:20px;color:#555;text-align:left;padding:20px 0px 20px;line-height: 35px;}

.home-about .l-wrap{display:flex;flex-wrap:wrap}

.home-about .l-wrap>div{width:50%}

.home-about .about-info{padding-right:60px}

.home-about .about-info .home-title{text-align:left}

.home-about .about-info .home-des{text-align:left;padding-bottom:20px;font-size:16px;color:var(--fontcolor)}

.home-about .about-info .home-title-line{margin-left:100px}

.home-about .about-info .text{font-size:16px;color:#333;line-height:24px}

.home-about .about-info .more{margin-top:40px}

.home-about .about-info .more a{display:inline-flex;align-items:center;justify-content:center;width:150px;height:50px;background:var(--color);border:2px solid var(--color);color:#FFF;transition:all .2s linear;box-shadow:0 10px 20px 0 rgba(200, 117, 84, 0.3)}

.home-about .about-info .more a:hover{background:#FFF;color:var(--color)}

.home-about .about-img{position:relative}

.home-about .about-img img{width:100%;height:100%;object-fit:cover}

.home-about .about-img .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.5);border-radius:50%;width:60px;height:60px;cursor:pointer}

.home-about .about-img .play::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80%;height:80%;background:#FFF;border-radius:50%}

.home-about .about-img .play .iconfont{color:var(--color);font-size:22px;z-index:99;margin-left:3px}

.home-static{background:var(--color) no-repeat center;background-size:cover}

.home-static .list{display:flex;justify-content:space-between;flex-wrap:wrap}

.home-static .list li{width:23%;display:flex;flex-direction:column;align-items:center;color:#FFF}

.home-static .list li .num{font-size:50px;font-weight:var(--fontbold6);position:relative;line-height:1;padding-bottom:20px}

.home-static .list li .num sup{font-size:20px}

.home-static .list li .num::after{content:"";position:absolute;bottom:0px;left:50%;transform:translateX(-50%);width:40px;height:4px;background:#FFF}

.home-static .list li .inner{padding:20px 0px;font-size:18px;color:#FFF}

.home-static .list li .icon img{height:50px;width:auto}



.footdiv1{ background:#1d4492; text-align:center; padding:28px 0;}

.foologo{ width:85%;margin: 0 auto;}

.foologo img{ max-width:100%;}

.divewm{overflow: hidden;text-align: center;display: flex;padding: 0 5px;}

.fooewm{ width:95px; margin: 15px 5px 0px;flex: 1;}

.fooewm img{ max-width:100%;border: 1px dashed #eee;padding: 5px;margin: 0 0 5px;width: 125px;}

.fooewmwz{ font-size:14px; color:#fff;}

.xfootnav{ border-top:1px solid #fff;border-bottom:1px solid #fff;padding: 20px 0;}

.xfootdwbxx{padding: 10px;font-size: 14px;line-height: 30px;color: #fff;}

.xfootdwbxx a{color: #fff;}

.ny-more{display:inline-flex;align-items:center;justify-content:center;min-width:140px;height:50px;background:#FFF;border:1px solid #007bff;position:relative;/*text-transform:lowercase;*/z-index:1;overflow:hidden;border-radius:5px;margin: 30px auto 0;}
.ny-more::before{content:"";position:absolute;left:0px;top:0px;height:100%;width:0px;transition:all .15s linear;background:#007bff;z-index:-1}
.ny-more:hover{color:#FFF}
.ny-more:hover::before{width:100%}

footer{clear:both;margin:0px auto;padding:0px 0px 0px}

.foot-top{max-width:1600px;margin:0px auto;background:var(--color) no-repeat center;background-size:cover;display:flex;justify-content:space-between;align-items:center;color:#FFF;padding:40px 40px;line-height:1;position:relative;z-index:9}

.foot-top .left span{font-size:28px;font-weight:var(--fontbold5)}

.foot-top .left p{padding-top:20px;font-size:16px}

.foot-top .right a{width:160px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:#FFF;color:var(--color);transition:all .2s linear;border:2px solid #FFF}

.foot-top .right a:hover{background:0 0;color:#FFF}

.foot-main{background:url('../images/index65.jpg') center;color:#fff;background-size: cover;}

.foot-main .foot-wrap{display:flex;justify-content:space-between;flex-wrap:wrap;padding:80px 20px 40px}

.foot-main .foot-item{width:28%}

.foot-main .contact{width:30% !important;}

.foot-main .foot-item .title{font-size:20px;font-weight:var(--fontbold5);line-height:1;position:relative;padding-bottom:10px;color:#FFF}

.foot-main .foot-item .title::after{content:"";position:absolute;bottom:0px;left:0px;width:40px;height:3px;background:var(--color)}

.foot-main .foot-item .navlist{margin-top:10px}

.foot-main .foot-item .navlist li{position:relative;padding-left:20px}

.foot-main .foot-item .navlist li::before{content:"";position:absolute;left:0px;top:43%;/*transform:translateY(-50%);*/font-size:12px;width:4px;height:6px;background:url('../images/index61.png') no-repeat;}

.foot-main .foot-item .navlist li a{padding:6px 0px;transition:all .2s linear;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:5px;box-sizing:border-box;display:block;color:#fff}

.foot-main .foot-item .navlist li a:hover{/*transform:translateX(5px);*/color:var(--color)}

.foot-main .foot-item.navigation{width:38%}

.foot-main .foot-item.contact .foot-logo{display:block;max-height:140px}

.foot-main .foot-item.contact ul.contactlist{margin-top:20px}

.foot-main .foot-item.contact ul.contactlist li{display:flex;align-items:baseline;padding:0px 0px;font-size:18px;position:relative;padding-left:35px;line-height: 24px;color: #fff;margin-bottom: 10px;}

.foot-main .foot-item.contact ul.contactlist li span{ font-size:18px; font-weight:bold;}

.foot-main .foot-item.contact ul.contactlist li a{color:#D0D0D0}

.foot-main .foot-item.contact ul.contactlist li em{font-size:20px;position:absolute;left:0px;top:6px}

.foot-main .foot-item.contact ul.contactlist li a:hover{color:var(--color)}

.foot-main .foot-item.contact .foot-share ul{display:flex;align-items:center;flex-wrap:wrap;margin-top:20px}

.foot-main .foot-item.contact .foot-share ul a{width:30px;height:30px;margin-right:10px;color:#FFF;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:all .2s linear}

.foot-main .foot-item.contact .foot-share ul a:hover{background:var(--color)}

.foot-main .foot-item.navigation ul{display:flex;flex-wrap:wrap}

.foot-main .foot-item.navigation ul li{width:33%}

.footlink{ overflow:hidden; padding:15px 0 30px;border-top: 1px solid #fff;}

.flinktitle{ font-size: 17px;font-weight: bold;letter-spacing: 2px;padding: 0 5px;}

.footlink ul{ overflow:hidden;}

.footlink ul li{ float:left;line-height: 22px;}

.footlink ul li a{ font-size:14px; color:#fff; border-right:1px solid #fff; padding:0 5px;}



.foot-main .copyright{border-top:1px solid #4B4F58;text-align:center;padding:15px 0px;font-size:14px}

.foot-main .copyright a{margin-left:10px;color:#D0D0D0}

.bottom-btn{display:none;background:#FCFCFCFB;align-items:center;position:fixed;bottom:0px;left:0px;width:100%;z-index:99;box-shadow:1px 2px 10px rgba(0,0,0,.1);transition:all .2s linear;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}

.bottom-btn .btn-item{width:25%;height:14vw;color:#333;transition:all .2s linear}

.bottom-btn .btn-item a,.bottom-btn .btn-item>div{text-transform:capitalize;width:100%;height:100%;font-size:12px;display:flex;flex-direction:column;align-items:center;justify-content:center}

.bottom-btn .btn-item i{color:#333;font-size:22px;height:28px}

.bottom-btn .btn-item p{font-size:12px;text-transform:capitalize}

.top-btn{display:none}

.bottom-btn .btn-item .top-btn{display:flex !important;width:35px;height:35px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:none;background:none;border:1px solid #ccc}

.bottom-btn .btn-item .top-btn:hover{background:none;box-shadow:none}

.bottom-btn .btn-item .top-btn:hover i{color:#000}

.top-btn{cursor:pointer;display:none;height:40px;width:40px;border-radius:50%;position:fixed;bottom:150px;right:35px;background:#FFF;box-shadow:0 5px 5px 0 rgba(0,0,0,.1);transition:all .4s ease;z-index:9;overflow:hidden}

.top-btn:hover{background:#c1c1c1}

.top-btn i{font-size:24px;width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center}





.nyabvideo{width:100%;height: 84vh;overflow: hidden;background: black;margin: 40px 0 0;}

.pabout-culture{background: url(../images/img1.jpg) no-repeat; background-size: 100% 100%; padding: 90px 0;}

.pr {

  position: relative;

}

.pb {

  position: absolute;

}

.weui-flex-warp {

  display: flex;

}

.pabout-culture-list{ margin-top: 30px;  justify-content: space-between; flex-wrap: wrap;}



.pabout-cul-list-item{width: 32%; background: #FFFFFF;box-shadow: 0px 8px 16px 0px rgba(192, 192, 192, 0.1);padding: 49px 36px; margin-bottom: 20px;}



.pabout-cul-list-item .cul-img{ width: 90px; right: 25px; top: 38% ; margin-top: -15px; transform: scale(1); transition: all .5s;}



.pabout-cul-list-item h5{font-size: 26px;font-weight: 400;color: var(--color);line-height: 26px; max-width:65%;  margin-bottom: 10px;}



.pabout-cul-list-item p{font-size: 16px;font-weight: 400;color: #666666;line-height: 24px;max-width: 65%; }



.pabout-cul-list-item:hover .cul-img{ transform: scale(1.5);}

.pjoin-title h4{font-size: 34px;font-weight: 600;color: #222222;line-height: 34px;text-align: center;}



.pjoin-title p{font-size: 22px;font-weight: 300;color: #999999;line-height: 22px; margin-top: 20px;text-transform:uppercase;text-align: center;}



#culture .container{width: 1200px;margin: 0px auto;}





.bg-f7f7f7 {

  background: #F7F7F7;padding: 50px 0;

}

/*.container-fluid {

 padding: 0;

  margin-right: auto;

  margin-left: auto;

}*/













#contact .container{width: 1200px;margin: 0 auto;padding: 0;}

.kefu-info{background: #FFFFFF;  margin-bottom: 1.2rem; min-height: 1rem;}



.kefu-info .kefu-left{padding: 30px 20px;width: 40%;}



.kefu-info .kefu-left .kefu-title h4{font-size: 24px;font-weight: 600;color: var(--color);line-height: 24px;}



.kefu-info .kefu-left .kefu-title p{font-size: 14px;font-weight: 400;color: #888888;line-height: 20px; margin-top: 4px;}







.kf-line{display: inline-block; width: 12px; height: 1px ;background: #888888; margin-bottom: 24px;margin-top: 24px;}



.kefu-info .kefu-left .kefu-tp p,.kefu-info .kefu-left .kefu-tp a{font-size: 18px;line-height: 40px; display: block;}



.kefu-info .kefu-left .kefu-tp p span,.kefu-info .kefu-left .kefu-tp a span{color: #888888;}



.kefu-info .kefu-mid{padding: 30px 10px;width: 26%; }



.kefu-info .kefu-mid >p{font-size: 18px;color: #212121;line-height: 25px;}



.kefu-info .kefu-mid div{display: flex; align-items: center;}



.kefu-info .kefu-mid div img{width: 135px;margin-right: 10px;}



.kefu-info .kefu-mid div p{font-size: 16px;color: #484848;line-height: 22px;}



.kefu-info .kefu-right{padding: 30px 20px;width: 34%; background: var(--color); color: #fff;}



.kefu-info .kefu-right .kf-p1{font-size: 18px;line-height: 25px; margin-bottom: .12rem;}



.kefu-info .kefu-right .kf-p2{font-size: 24px;line-height: 24px; font-family: "DIN-bold"; font-weight: bold; margin-top: 20px; color: #fff; display: block;}



.kefu-info .kefu-right .kf-p2 span{font-weight: 400;font-size: 20px;}



.kefu-info .kefu-right .kf-line{ background: #fff;}



.kf-message{margin-top: 40px; margin-bottom: 30px; }



.kf-message-left{width: 50%;  padding-right: 50px;}



.kfmart60{margin-top: .6rem;}



.kf-message-txt{margin-top: 20pxm;}



.kf-message-txt >p{font-size: 20px;color: #888888;line-height: 34px; margin-bottom: 40px;}



.kf-message-txt div{display: flex; flex-wrap: wrap;}



.kf-message-txt div p{width: 50%; border-top: 1px solid #E6E6E7; border-bottom: 1px solid #E6E6E7; padding-top: 10px; padding-bottom: 10px;}



.kf-message-txt div p samp,.kf-message-txt div p span{display: block;}



.kf-message-txt div p samp{font-size: 14px;color: #8C9199;line-height: 20px; margin-bottom: 3px;font-family: futura,"Microsoft Yahei","Arial",Verdana,Arial,sans-serif;}



.kf-message-txt div p span{font-size: 18px;color: #212121;line-height: 25px;font-weight: 600;}



.kf-message-right{  width: 50%;}







.message-form{margin-top: 20px;}







.message-form  .form-group{ width: 49%; margin-bottom: 10px; position: relative; }











.message-form  .form-group:nth-child(odd){margin-right: 1%;}







.message-form  .form-control{background-color: #F5F6F7; width: 100%; height: 42px;line-height: 42px; border-radius: 10px; border: 0; padding-left: 12px;box-shadow:none}







.form-texttarea{width: 100%  !important; }







.form-texttarea  .form-control{height: 150px ; border: 0;border-radius: 10px;}







.message-form input::-webkit-input-placeholder,.message-form textarea::-webkit-input-placeholder{







	color: #888888 !important;







 }







 .message-form input::-moz-placeholder,.message-form textarea::-webkit-input-placeholder{   /* Mozilla Firefox 19+ */







  color: #888888 !important;







 }







 .message-form input:-moz-placeholder,.message-form textarea::-webkit-input-placeholder{    /* Mozilla Firefox 4 to 18 */







	color: #888888 !important;







 }







 .message-form input:-ms-input-placeholder,.message-form textarea::-webkit-input-placeholders{  /* Internet Explorer 10-11 */ 







  color: #888888 !important;







 }







 .submit-btn{width: 144px;height: 50px;background: var(--color);color: #ffffff; font-size: 20px;border-radius: 10px;}



 .formw100{width: 100% !important;}

 

 

/*服务*/

.mabo30{ margin-bottom:30px;}

.zizhufwudiv{margin: 0px auto 30px;text-align: center;}

.fuzcul{ overflow:hidden; width:100%;}

.fuzcul li{ display: inline-block;

width: calc(23% - 30px);

margin: 0 9px 30px;

padding: 50px 16px;

text-align: center;

background: #f5f5f5;}

.fuzctu{ text-align:center;}

.fuzctitle{display: block; text-align:center;

color: #333;

font-size: 20px;

margin-top: 20px;}

.fuzcp{display: block;

color: #999;

font-size: 15px;

margin-top: 5px;}

.xiazzhongxin{background: url(../images/bg04.jpg) no-repeat center;background-size: cover;padding: 50px 0;}

.xiazzhongx_ul{ overflow:hidden; width:100%; background: #fff;}

.xiazzhongx_ul li{color: #666;

font-size: 15px;

padding: 20px 40px;

border-bottom: 1px #ddd solid;

overflow: hidden;}

.xzzx_time{float: left;}

.xzzx_title{float: left;margin-left: 100px;}

.xzzx_p{ float:right;}



.in_mfzxbg{ background-image:url('../images/bj02.jpg');background-repeat: no-repeat;background-position: center center; text-align:center;padding: 6%; /*margin-top: 20px;*/}

.in_mfzx_title{font-weight: bold;font-size: 30px;color: #FFFFFF;}

.in_mfzx_p{font-size: 14px;color: #FFFFFF;width: 65%;

margin: 30px auto;

line-height: 28px;}

.in_mfzxbg_a {

  width: 188px;

  height: 55px;

  border: 2px solid #262f2f;

  display: inline-block;

line-height: 52px;

  cursor: pointer;

  background: #262f2f;

  margin:0 10px;

}

.in_mfzxbg_a a {

  font-size: 16px;

  font-family: Microsoft YaHei;

  font-weight: 400;

  color: #fff;

}

.in_mfzxbg_a:hover {

  transition: all 0.8s;

  background-color: #f49712;

border: 2px solid #f49712;

}







@media (max-width:1440px){

.foot-main .foot-item{width:28%}}

@media (max-width:1024px){body{/*padding-top:55px*/}

header{border-bottom:1px solid #F3F3F3;z-index:999}

#jljw_IM_GdImBox{z-index:900 !important}

.search-box .search-input{padding:0px 15px}

.head-top{display:none}

.head-info{height:55px;padding:0px 15px}

.head-info .l-wrap{justify-content:space-between}

.logo{max-width:inherit;padding-right:15px}

.search-box.m-search-box{display:none;position:static;opacity:1;z-index:1;transform:translate(0);padding:0px}

.search-box.m-search-box .search-input{height:50px;width:100%}

.search-box .search-input i{font-size:22px}

.head-info #nav{background:#FFF;position:fixed;top:55px;left:0px;width:100%;display:block;height:0px;z-index:-1;transition:all .2s linear;display:none}

.head-info #nav.is-active{height:calc(100vh - 55px);opacity:1;z-index:1;display:block}

.head-info #nav .nav-ul{height:auto;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);overflow-y:scroll;height:0px}

.head-info #nav.is-active .nav-ul{height:calc(100vh - 100px)}

.head-info #nav .nav-ul.iosnav{padding-bottom:70px}

.head-info #nav.is-active .search-box.m-search-box{display:block}

.head-info #nav ul{flex-direction:column;align-items:flex-start}

.head-info #nav ul li{padding:0px;width:100%;border-bottom:1px solid rgba(0,0,0,.08);height:auto;font-weight:var(--fontbold5)}

.head-info #nav ul li a{display:block;font-size:20px;padding:15px 50px 15px 30px;width:100%;height:auto;color:var(--fontcolor)}

.head-info #nav ul li a::after{display:none}

.head-info #nav ul li.head-search{display:none}

.head-info #nav ul li:hover .submenu{display:none}

.head-info #nav ul li.nav0>a{color:var(--color)}

.head-info #nav ul li.nav0 .showmenu::after{width:15px;height:2px;background:var(--color)}

.head-info #nav ul li.nav0 .submenu{display:block!important}

.head-info #nav ul li.nav0 .submenu ul{padding-left:15px}

.head-info #nav ul li .submenu{display:none!important;position:static;background:0 0;color:var(--fontcolor);padding-left:10px}

.head-info #nav ul li .submenu li{height:auto;font-weight:400}

.head-info #nav ul li .submenu li:last-child{border:none}

.head-info #nav ul li .submenu.nav2{display:block}

.head-info #nav ul li .showmenu{position:absolute;width:60px;height:40px;right:0px;top:4px;display:flex;align-items:center;justify-content:center}

.head-info #nav ul li .showmenu::after,.head-info #nav ul li .showmenu::before{content:"";width:15px;height:2px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#666}

.head-info #nav ul li .showmenu::after{width:2px;height:15px}

.mob-btn{display:flex;align-items:center;justify-content:flex-end;position:relative;width:50px;height:50px;cursor:pointer}

.mob-btn i{color:var(--fontcolor);font-size:28px;transform:rotate(180deg);font-weight:var(--fontbold5)}

.home-title{font-size:36px}

.home-static .list li{width:50%}

.home-static .list li:nth-child(1),.home-static .list li:nth-child(2){margin-bottom:20px}

.foot-main .foot-item{width:50%;margin-bottom:20px}



.nyabvideo {height: auto;}

.pabout-culture{padding: 40px 0;}

#culture .container {

  width: 100%;

  margin: 0px auto;

}

.pjoin-title h4 {

  font-size: 28px;

  line-height: 30px;

}

.pjoin-title p {

  font-size: 18px;

  line-height: 18px;

}

.pabout-cul-list-item {

  width: 100%;

  margin: 0 10px 20px;

}

.mabo30 {

  font-size: 24px;

}

 .fuzcul li {

    width: calc(100% - 30px);

  }

.in_mfzxbg {

    padding: 10% 5%;

  }

 .in_mfzx_title {

    font-size: 20px;

  }

  .in_mfzx_p {

    width: 100%;

  }

   .in_mfzxbg_a {

    margin: 0 10px 10px;

  }

#contact .container {

  width: 100%;

  padding: 0 15px;

}

.weui-flex-warp {

  display: flex;

  flex-wrap: wrap;

}

.kefu-info .kefu-left {

  padding: 30px 20px;

  width: 100%;

}

.kefu-info .kefu-mid {

  padding: 30px 10px;

  width: 100%;

}

.kefu-info .kefu-right {

  padding: 30px 15px;

  width: 100%;

}

.kf-message-left {

  width: 100%;

  padding-right: 0;

}

.kf-message-right {

  width: 100%;

}













}

@media (max-width:768px){

.home-about,.home-application,.home-honor,.home-news,.home-product,.home-static,.home-video{padding:50px 15px 20px}

.logo img{max-height:44px}

.head-info #nav ul li a{font-size:18px;padding:10px 50px 10px 15px;font-weight:normal}

.home-title{font-size:30px}

.home-title-line::after,.home-title-line::before{width:12vw}

.home-des{padding:15px 20px 6.66667vw;display:none}

.home-title-line{margin-bottom:26px!important}

.home-about .l-wrap>div{width:100%}

.home-about .about-info{padding:0px}

.home-about .about-info .home-title{text-align:center}

.home-about .about-info .home-title-line{margin:0px auto}

.home-about .about-info .home-des{padding-left:0px}

.home-about .about-info .more{margin-top:20px}

.home-about .about-info .more a{width:100px;height:33px}

.home-about .about-img{margin-top:30px}

.home-static .list li .num{font-size:30px}

.home-static .list li .inner{font-size:3.46667vw;padding:10px 0px}

.home-static .list li .icon img{height:8.26667vw}

.foot-top{display:block;padding:30px 20px;background-size:cover}

.foot-top .left span{font-size:6.13333vw;font-weight:var(--fontbold5);line-height:1.2}

.foot-top .left p{font-size:3.46667vw;padding:10px 0px;line-height:1.4}

.foot-top .right{margin-top:40px}

.foot-top .right a{width:120px;height:33px}

.foot-main{margin:0px;margin-bottom:calc(14vw + constant(safe-area-inset-bottom));margin-bottom:calc(14vw + env(safe-area-inset-bottom))}

.foot-main .foot-wrap{padding:40px 20px 0px}

.foot-main .foot-wrap .foot-item{width:100%}

.foot-main .foot-wrap .foot-item .title{font-size:4.53333vw}

.foot-main .foot-wrap .foot-item .navlist{display:flex;flex-wrap:wrap}

.foot-main .foot-wrap .foot-item .navlist li{width:50%}

.foot-main .foot-wrap .foot-item .navlist li a{font-size:16px}

.copyright{font-size:2.93333vw}

.top-btn{right:24px;bottom:calc(140px + constant(safe-area-inset-bottom));bottom:calc(140px + env(safe-area-inset-bottom));display:none !important}

.bottom-btn{display:flex;transform:translateY(100%)}

.bottom-btn.bottom-btn-keep{transform:translateY(0)}

.bottom-btn.is-active{transform:translateY(0)}

.bottom-btn.show-cart{transform:translateY(0)}}

@-webkit-keyframes sk-scaleout{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1);opacity:0}}

@keyframes sk-scaleout{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}

.mobile-bottom-bag{display:none}

.rfixed{position:fixed;bottom:calc(190px + constant(safe-area-inset-bottom));bottom:calc(190px + env(safe-area-inset-bottom));right:35px;z-index:99}

.compare-panel{width:280px;background:#FFF;position:fixed;z-index:1000;bottom:0px;right:0px;box-shadow:-1px -1px 3px #CCC;display:none;transition:bottom .2s}

.compare-t{background-color:var(--color);font-size:14px;color:#FFF;display:flex;align-items:center;padding:6px 10px}

.compare-close{position:relative;width:24px;height:24px;background:0 0}

.compare-close::after,.compare-close::before{content:"";display:block;width:10px;height:2px;background-color:#FFF;position:absolute;top:50%;border-radius:2px}

.compare-close::before{transform:rotate(45deg);left:4px}

.compare-close::after{transform:rotate(-45deg);right:4px}

.compare-tit{text-align:center;flex:1;line-height:1.5}

.compare-checked{color:#FFF;margin:0px 4px}

#productChache_list{padding:0px 10px;height:220px;overflow-y:auto}

#productChache_list::-webkit-scrollbar{width:4px}

#productChache_list::-webkit-scrollbar-track{border-radius:0;background-color:rgba(0,0,0,.05)}

#productChache_list::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgba(0,0,0,.15)}

.selected-item{position:relative;border-bottom:1px solid #EFEFEF;padding:10px 0px;display:flex;align-items:center}

.item-clear{position:relative;width:20px;height:20px;background-color:transparent;cursor:pointer}

.item-clear::after,.item-clear::before{content:"";display:block;position:absolute;width:70%;height:2px;background-color:#555;border-radius:2px;top:50%;margin-top:-1px}

.item-clear::before{transform:rotate(45deg);left:3px}

.item-clear::after{transform:rotate(-45deg);left:3px}

.item-content{flex:1;display:flex;align-items:center}

.item-img{width:50px;height:50px;background:#FFF;border:1px solid #EFEFEF;display:flex;align-items:center;justify-content:center}

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

.item-c{width:calc(100% - 50px);padding:0px 10px;font-size:12px}

.item-title{max-height:34px;word-break:break-word;display:block;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;color:var(--fontcolor)}

.item-price{color:#d4322c}

.compare-b{padding:20px 10px;display:flex;justify-content:space-between}

.compare-b *{display:block;width:80px;text-align:center;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:30px;border-radius:2px;padding:0px 2px}

.clear-all{color:var(--fontcolor);background-color:#EDEDED}

.compare-inquire,.compare-inquire:hover{color:#FFF;background-color:var(--color)}

.compare-b .orderNow{margin:0px;background:#F66F08;color:#FFF;line-height:30px;padding:0px 2px;border:none;border-radius:2px;font-size:12px;cursor:pointer;display:block;width:80px}

.rfixed-sc{width:40px;height:40px;background:var(--color);border-radius:50%;text-align:center;line-height:38px;color:#FFF;position:relative;margin-bottom:10px;cursor:pointer;display:none}

.rfixed-sc i{font-size:20px}

.rfixed-scnum{position:absolute;right:25px;top:5px;width:16px;height:16px;background:#E00;border-radius:50%;text-align:center;font-size:12px;color:#FFF;transform:scale(.9);line-height:16px}

@media (max-width:768px){

.compare-panel{width:100%;bottom:14vw}}

.lang{width:auto;position:relative; /*display:none;*/}

.lang-icon>img{margin-right:5px}

.lang-icon{display:flex;align-items:center;width:100%;height:30px;border:none;cursor:pointer;font-size:14px;user-select:none;white-space:nowrap}

.lang-icon span{position:relative;padding-right:18px}

.lang-icon span::before{content:'';position:absolute;right:4px;top:11px;width:8px;height:1px;background:#fff;transform:rotate(50deg)}

.lang-icon span::after{content:'';position:absolute;right:0px;top:11px;width:8px;height:1px;background:#fff;transform:rotate(-50deg)}

.navbar-area .lang-icon span{ color:#fff;}

.navbar-area.is-sticky .lang-icon span{ color:#505050;}

.navbar-area.is-sticky .lang-icon span::before,.navbar-area.is-sticky .lang-icon span::after{ background:#333;}

.lang-drop{position:absolute;top:calc(100% + 26px);right:50%;transform:translateX(50%);background:#FFF;border:1px solid #EBEEF5;border-radius:4px;box-shadow:0px 2px 12px 0 rgb(0 0 0 / 10%);z-index:9999;visibility:hidden;opacity:0;transition:opacity .3s,top .3s}

.lang-drop.active{visibility:visible;opacity:1;top:calc(100% + 12px)}

.lang-arrow{display:block;width:10px;height:10px;background-color:#FFF;border-top:1px solid #EBEEF5;border-left:1px solid #EBEEF5;transform:translateX(-50%) rotate(45deg);position:absolute;top:-6px;left:50%}

.lang-wrap{width:140px;padding:8px 0px;box-sizing:border-box}

.lang-drop.lang-flex{transform:translateX(20%)}

.lang-drop.lang-flex .lang-arrow{left:80%}

.lang-flex .lang-wrap{width:340px;display:flex;flex-wrap:wrap;padding:8px}

.lang-wrap li{width:100%;padding:8px 16px;box-sizing:border-box;transition:background-color .3s}

.lang-flex .lang-wrap li{width:33%;padding:8px 6px}

.lang-wrap li.lang-active,.lang-wrap li:hover{background-color:#EEE}

.lang-wrap li a{display:block;color:#000;font-size:12px;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

.lang-wrap li img{display:inline-block;width:24px;height:16px;vertical-align:-.25em;margin-right:4px}

@media(max-width:1024px){

.lang{margin-left:auto}

.lang-icon span{display:none}

.lang-icon>img{width:36px;height:24px;margin:2px 0px 0px 0px}

.lang-drop.lang-flex{right:auto;left:50%;transform:translateX(-50%);top:60px!important;position:fixed;width:calc(100vw - 20px)}

.lang-drop.lang-flex.active{top:54px!important}

.lang-flex .lang-wrap{width:100%}

.lang-drop.lang-flex .lang-arrow{left:82%}

.lang-drop{display:none}

.lang-drop.active{display:block}}

h4.cate-h4, h4.pro-h4 {clear:both;font-weight:bold}

ul.cate-ulli, ul.pro-ulli {clear:both;padding:10px 0px 10px 20px}

ul.cate-ulli li, ul.pro-ulli li {list-style-type:disc;line-height:1.7}

ol.cate-ulli, ol.pro-ulli {clear:both;padding:10px 0px 10px 30px}

ol.cate-ulli li, ol.pro-ulli li {list-style-type:decimal;line-height:1.7}

.prohome-content{clear:both;margin:0px auto 20px;padding:0px;max-width:1560px;line-height:1.6;box-sizing:border-box}

.prolist-bottom{clear:both;margin:0px auto 20px;padding:0px;max-width:1560px;line-height:1.6;box-sizing:border-box}

.prolist-bottom a{text-decoration:underline}

.prolist-bottom a:hover{color:var(--color)}

@media(max-width:1600px){.prohome-content,.prolist-bottom{margin-left:20px;margin-right:20px}}

@media(max-width:768px){.prohome-content{clear:both;margin:0px 15px 20px;padding:0px}

.prolist-bottom{clear:both;margin:0px 15px 20px;padding:0px}}

.prolist-content{clear:both;margin:0px auto 15px;line-height:1.6}

.ck-widget-toc{display:table;border:1px solid #A2A9B1;background-color:#F8F9FA;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}

.ck-widget-toc ol{padding:0px 0px 0px 30px;counter-reset:item}

.ck-widget-toc ol li{display:block;position:relative;list-style:none}

.ck-widget-toc ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}

.ck-widget-toc-title{text-align:left;font-weight:700;margin:0px 0px 5px 0px;padding:0px 0px 0px 5px}

.ck-widget-pt{padding-top:100px;margin-top:-100px}

.ck-widget-toc1{display:table;border:1px solid #A2A9B1;background-color:#F8F9FA;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}

.ck-widget-toc1 ol{padding:0px 0px 0px 30px;counter-reset:item}

.ck-widget-toc1 ol li{display:block;position:relative;list-style:none}

.ck-widget-toc1 ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}

.icon-videoplay{position:absolute;left:50%;top:50%;transform:translate(-52%,-50%);background:rgba(0,0,0,.5);color:#FFF;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:18px;z-index:1;display:none}

img.lazy.loaded+.icon-videoplay{display:flex}

@media(max-width:768px){.icon-videoplay{width:30px;height:30px}}

.ab_img img{ max-width:100% !important; height:auto !important;display:inline-block;}

.ab_img p{text-wrap: inherit !important;color: #7A7A7A;}

.ab_img p span{text-wrap: inherit !important;}





.pagebar { padding:20px; overflow:hidden; clear:both}

.pagebar .pagination {

  display: flex;

  justify-content: center;

  margin-top: 10px;

}

.pagination a {

  background: #fff;

  border: 1px solid #ccc;

  color: #333;

  font-size: 12px;

  padding: 8px 10px;

  margin: 0 2px;

  border-radius: 3px; line-height:100%

}

.pagination span {

    color: #333;

    font-size: 12px;

    padding: 0 2px;

    margin: 0 2px;

    border-radius: 3px;

}

.pagination a:hover {

  color: #333;

  border: 1px solid var(--color);

}

.pagination a.page-num-current {

  color: #fff;

  background: var(--color);

  border: 1px solid var(--color);

}

.pagination .st{ font-family:宋体}

.text-secondary{ text-align:center; padding:20px 0}

.home-about{ /*background:#f8f8f8;*/}





.cpnypcfl{ overflow:hidden; width:100%; margin:0 0 30px; text-align:center;}

.cp_active{background:var(--color);color:#fff; }

.cpnypcfl a{overflow:hidden; display:inline-block; font-size: 16px;width:150px; height:50px; line-height:50px;border: 1px solid #eee; text-align:center; margin:0 10px 0 0;transition: all .2s linear;}

.cpnypcfl a:hover{background:var(--color);color:#fff;}



.nyrptj{overflow: hidden;margin-top:40px;}

.pro3 {overflow: hidden;margin-top:40px;}

    

    .pro3 ul {/*width: 1200px;*/width: 90%;

  margin: 0 auto;}

    

    .pro3 ul li {

        width: 48%;

        float: left;

        margin-bottom: 20px;

    }

    

    .pro3 ul li:nth-child(2n) {

        float: right;

    }

    

    .pro3 ul li h3 {

        position: relative;

        border-bottom: 1px dashed #bfbfbf;

    }

    

    .pro3 ul li h3:after {

        content: "";

        position: absolute;

        width: 10px;

        height: 1px;

        background: #ffffff;

        left: 10px;

        bottom: 8px;

    }

    

    .pro3 ul li h3 i {

        font-style: normal;

        background: var(--color);

        width: 30px;

        height: 50px;

        display: inline-block;

        line-height: 50px;

        color: #Ffffff;

        text-align: center;

        font-size: 18px;

        font-weight: normal;

    }

    

    .pro3 ul li h3 b {

        font-size: 22px;

        margin-left: 15px;

        color: #000;

    }

    

    .pro3 ul li h3 b span {

        font-weight: normal;

        font-size: 14px;

        margin-left: 10px;

        text-transform: uppercase;

    }

    

    .pro3 ul li p {

        color: #000000;

        height: 50px;

		margin: 15px 0;

    }

    

    .pro3 ul li a {

        display: block;

        color: #000;

        font-weight: normal;

        height: 300px;

       /* background: #dddddd;*/

        margin-top: 20px;

    }



/*联系我们*/

    

    .lxwm {

        overflow: hidden;

  width: 100%;

  margin: 10px auto 0;

    }

    

    .lxwm dl {}

    

    .lxwm dl dt {

        width: 32%;

        overflow: hidden;

        float: left;

        /*background: #dddddd;*/

        height: 273px;

    }

    

    .lxwm dl dd {

        float: right;

        width: 65%;

        border: 1px solid #ebebeb;

        height: 273px;

        padding: 15px 3%;

    }

    

    .lxwm dl dd h3 {

        font-size: 18px;

        color: #333333;

        margin-top: 22px;

        margin-bottom: 17px;

        border-bottom: 1px solid #ddd;

        padding-bottom: 10px;

		font-weight: bold;

    }

    

    .lxwm dl dd h3:after {

        content: ""

    }

    

    .lxwm dl dd p {

        color: #000000;

        text-align: justify;

    }

    

    .lxwm dl dd p b {

        font-size: 22px;

        color: var(--color);

    }

    /**/

    

    .lianxi {

        overflow: hidden;

  width: 100%;

  margin: 30px auto 0;

    }

	.lianxi ul{display: flex;}

    

    .lianxi li {

		flex: 1;

        float: left;

        width: 30.5%;

        height: 196px;

        text-align: center;

        /*margin-right: 1%;*/

        color: #666;

        margin: 30px 20px;

        line-height: 160%;

        padding: 0 10px;

        font-family: 微软雅黑;

        background: #fff;

        box-shadow: 1px 0px 20px 3px #e4dfdf;

    }

    

    .lianxi li.last {

        float: right;

        margin-right: 0px

    }

    

    .lianxi li img {

        width: 42px;

        padding-top: 30px;

    }

    

    .lianxi li i {

        display: block;

        font-size: 14px;

        color: #333;

        padding-bottom: 8px;

        font-style: normal;

        padding-top: 10px;

    }

    

    .lianxi li span {

        display: block;

        color: #333;

        font-size: 15px;

    }

    

    .lianxi li.last span {

        font-size: 15px;

    }





.shoujinav{ display:none;}

.nyvideo{border: medium;width:44%;min-height:343px; margin:0 auto; display:block;}





/*768以下*/

@media screen and (min-width:320px) and (max-width:767px) {	

.cpnypcfl{ display:none;}

.nyvideo{width:100%;}

.shoujinav{ display:block;}

.honner{ display:none;}

.swiper-slide{height: 25vh;}

.home-banner .swiper-slide a img {

  height: 25vh;

}

.banner-warp { height:260px; padding-top:40px;width: 86%;}

.banner-text h1 { line-height:30px; font-size:22px;}

.banner-text h1::after{ margin-top:10px;}

.banner-text h2 { line-height:26px; font-size:14px;margin-top: 10px;letter-spacing: 0px;}



.pro3 ul {width: 100%;}

.pro3 ul li{ width:100%;}

.pro3 ul li p {height: auto;}

.pro3 ul li a{height: auto;}



.common-main {padding-bottom: 30px;}



.lxwm {width: 100%;}

.lxwm dl dt {width: 100%;}

.lxwm dl dd {width: 100%;height: auto;}

.lxwm dl dd h3 {margin-top: 8px;}

.lianxi {width: 100%;}

.lianxi ul {

  display: block;

}

.lianxi li {

  float: none;

  width: 90%;

  height: 188px;

  margin: 30px auto;}



}



/*****************************************************************



*****************************************************************/



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

	.navbar-light .navbar-brand {

		position: relative;

		margin-left: 0;

		margin-right: 0;

		padding-top: 0;

		padding-bottom: 0;

		top: 0;

		left: 0;

	}



	.navbar-area.is-sticky .navbar-light .navbar-brand {

		position: relative;

		margin-left: 0;

		margin-right: 0;

		padding-top: 0;

		padding-bottom: 0;

		top: 0;

		left: 0;

	}

	

	.about-content h2 {

		font-size: 33px;

	}



	.testimonial-slider.owl-theme .owl-nav [class*=owl-] {

		left: 0;

	}



	.testimonial-slider.owl-theme .owl-nav [class*=owl-].owl-next {

		right: 0;

	}



	.choose-content .features-list li span.active {

		color: #fff;

		padding-left: 15px;

	}



}



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

	.section-title span {

		font-size: 15px;

	}



	.section-title h3 {

		font-size: 26px;

		margin: 5px 0 0 0;

	}



	.navbar-area.is-sticky .macro-responsive-nav .mean-container a.meanmenu-reveal {

		padding-top: 6px;

		color: #000000;

	}



	.navbar-area.is-sticky .macro-responsive-nav .mean-container a.meanmenu-reveal span {

		background: #000000;

	}



	.mean-container .mean-nav {

		margin-top: 43px;

	}



	.macro-responsive-nav .mean-container a.meanmenu-reveal {

		color: #fff;

		padding-top: 6px;

	}

	.macro-responsive-nav.index-navber-responsive .mean-container a.meanmenu-reveal {

		color: #505050;

		padding-top: 6px;

	}



	.macro-responsive-nav.index-navber-responsive .mean-container a.meanmenu-reveal span {

		background: #333;

	}

	.macro-responsive-nav .mean-container a.meanmenu-reveal span {

		background: #fff;

	}



	.other-option {

		display: none;

	}

	.banner-btn .default-btn-one {

		margin-right: 10px;

	}



	.about-content.about-content-2 {

		margin-right: 0;

		margin-left: 0;

	}

	.home-area {

		padding-top: 150px;

		padding-bottom: 100px;

		height: 100%;

	}

	.home-area .banner-image {

		text-align: center;

		padding-top: 40px;

	}

	.main-banner-content {

		margin: auto;

		text-align: center;

		padding-top: 30px;

	}



	.main-banner-content h1 {

		font-size: 42px;

		margin: 0 0 15px 0;

	}



	.main-banner-content .banner-btn {

		margin-top: 20px;

	}

	

	.home-area.home-3 .main-banner-content h1 {

		font-size: 45px;

	}

	

	.about-content {

		margin-left: 0;

	}



	.about-content h2 {

		font-size: 33px;

	}

	.about-image {

		margin-bottom: 35px;

	}

	.about-area .about-image-2 {

		margin-top: 35px;

		margin-bottom: 0px;

	}

	

	.solutions-list-tab .tabs li {

		-ms-flex: unset;

		-webkit-box-flex: unset;

		flex: unset;

		max-width: unset;

		padding-bottom: 25px;

		margin-right: 25px;

	}

	.solutions-list-tab .tabs li a {

		padding-left: 40px;

		padding-right: 40px;

	}

	.tab-image {

		margin-top: 35px;

	}

	

	.hire-inside-wrapper {

		padding: 70px 75px;

	}

	

	.partner-title {

		margin-bottom: 30px;

	}



	.partner-list .partner-item {

		-ms-flex: 0 0 50%;

		-webkit-box-flex: 0;

		flex: 0 0 50%;

		max-width: 50%;

	}



	.partner-list .partner-item:nth-child(6) {

		margin-left: 0;

	}

	.choose-content span {

		font-size: 15px;

	}



	.choose-content h2 {

		font-size: 33px;

		margin: 5px 0 8px 0;

	}



	.choose-image {

		margin-top: 35px;

		text-align: center;

	}

	.choose-image-2 {

		text-align: center;

		margin-bottom: 35px;

	}

	.single-counter {

		padding: 15px 0;

	}

	.hire-content h2 {

		font-size: 33px;

	}

	.hire-content p {

		font-size: 15px;

	}

	.blog-single-item .blog-description {

		padding: 25px 15px 0px 15px;

	}

	.blog-image img {

		width: 100%;

	}

	

	.partner-list .partner-item a {

		padding: 0px 50px;

	}

	.contact-information-box-1 {

		margin-bottom: 50px;

	}

	.page-title-area {

		height: 300px;

	}



	.page-title-content h2 {

		font-size: 35px;

	}



	.page-title-content ul {

		margin-top: 6px;

	}

	.services-details-image {

		margin-bottom: 40px;

	}



	.services-widget {

		margin-top: 40px;

	}

	

	.gallery-area .gallery-list .nav li {

		margin: 10px 10px;

	}

	.gallerys-details-desc .gallery-details-info {

		margin-top: 20px;

	}



	.gallerys-details-desc .gallery-details-info .single-info-box {

		-ms-flex: 0 0 50%;

		-webkit-box-flex: 0;

		flex: 0 0 50%;

		max-width: 50%;

		padding-bottom: 10px;

		margin-bottom: 10px;

	}

	.widget-area {

		margin-top: 50px;

	}

	.widget-area .widget_macro_posts_thumb .item .info .title {

		font-size: 16px;

	}



	.tagcloud.section-top {

		margin-bottom: 30px;

	}



	.tagcloud.section-bottom {

		margin-bottom: 0;

	}



	.footer-box-item {

		margin-bottom: 35px;

	}

	.footer-box-item:nth-last-child(-n + 2) {

		margin-bottom: 0px;

	}



	.copyright-area {

		text-align: left;

	}



	.copyright-area ul {

		text-align: right;

	}

}



.inbannerh{height: 720px !important;}

.nybannerh{height: 400px !important;}

.nybiaoge{overflow-x: auto;

  -webkit-overflow-scrolling: touch;

  width: 100%;}

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

.l-wrap{padding: 0px 15px !important;}

.inbannerh{height: 60vh !important;}

.nybannerh{height: 30vh !important;}

.section-padding{padding: 50px 0;}

.section-title {margin-bottom: 5px;}

	.section-title h2 {

		font-size: 30px;

	}



	.section-title h3 {

		font-size: 26px;

		margin: 5px 0 0 0;

	}



	.default-btn-one {

		margin-right: 10px;

	}



	.other-option {

		display: none;

	}



	.navbar-area.is-sticky .macro-responsive-nav .mean-container a.meanmenu-reveal {

		color: #000000;

		padding-top: 6px;

	}

	.macro-responsive-nav.index-navber-responsive .mean-container a.meanmenu-reveal {

		color: #505050;

		padding-top: 6px;

	}



	.navbar-area.is-sticky .macro-responsive-nav .mean-container a.meanmenu-reveal span {

		background: #000000;

	}



	.mean-container .mean-nav {

		margin-top: 43px;

	}



	.macro-responsive-nav .mean-container a.meanmenu-reveal {

		padding-top: 8px;

		color: #fff;

	}



	.macro-responsive-nav.index-navber-responsive .mean-container a.meanmenu-reveal span {

		background: #333;

	}

	.macro-responsive-nav .mean-container a.meanmenu-reveal span {

		background: #fff;

	}



	.home-area {

		height: 100%;

		padding-top: 100px;

		padding-bottom: 50px;

	}



	.main-banner-content {

		text-align: center;

		padding-top: 38%;

	}



	.main-banner-content h1 {

		font-size: 38px;

		margin: 0 0 18px 0;

	}



	.main-banner-content .banner-btn {

		margin-top: 20px;

	}

	.home-area .banner-image {

		text-align: center;

		padding-top: 40px;

	}

	

	.slider .parallax-slider .caption {

		text-align: center;

		padding-top: 0px;

	}

	.slider .parallax-slider .caption h1 {

		font-size: 35px;

	}

	.home-area.home-3 .main-banner-content h1 {

		font-size: 38px;

	}

	

	.about-content {

		margin-left: 0;

	}



	.about-content h2 {

		font-size: 32px;

	}



	.about-image {

		margin-bottom: 35px;

	}



	.about-area .about-image-2 {

		margin-top: 35px;

		margin-bottom: 0px;

	}

	.about-content.about-content-2 {

		margin-right: 0;

		margin-left: 0;

	}

	.team-image {

		height: auto;

	}



	.solutions-list-tab .tabs {

		justify-content: center;

		margin-bottom: 30px;

	}

	.solutions-list-tab .tabs li {

		-ms-flex: unset;

		-webkit-box-flex: unset;

		flex: unset;

		max-width: unset;

		padding-bottom: 25px;

		margin-right: 25px;

	}

	.solutions-list-tab .tabs li a {

		padding-left: 25px;

		padding-right: 25px;

		padding-top: 18px;

		padding-bottom: 18px;

	}

	.tab-image {

		text-align: center;

		margin-top: 30px;

	}

	.blog-image img {

		width: 100%;

	}



	.partner-title {

		margin-bottom: 30px;

	}



	.partner-title span {

		font-size: 15px;

	}



	.partner-title h3 {

		font-size: 26px;

		margin: 5px 0 0 0;

	}



	.partner-list .partner-item {

		-ms-flex: 0 0 50%;

		-webkit-box-flex: 0;

		flex: 0 0 50%;

		max-width: 50%;

	}



	.partner-list .partner-item:nth-child(6) {

		margin-left: 0;

	}



	.choose-content span {

		font-size: 15px;

	}



	.choose-content h2 {

	    font-size: 25px;

		margin: 0px 0 15px 0;

	}



	.choose-content .features-list-1 li,

	.choose-content .features-list li {

		-ms-flex: 0 0 100%;

		-webkit-box-flex: 0;

		flex: 0 0 100%;

		max-width: 100%;

	}



	.choose-image {

		margin-top: 35px;

		text-align: center;

	}

	.choose-image-2 {

		text-align: center;

		margin-bottom: 35px;

	}

	.single-counter {

		padding: 15px 0;

	}

	.single-testimonial {

		padding: 30px 10px;

	}



	.hire-content h2 {

		font-size: 35px;

	}

	.hire-content p {

		font-size: 15px;

	}

	.hire-content .hire-btn .hire-btn-one {

		margin-left: 0;

	}

	

	.partner-list .partner-item a {

		padding: 0px 15px;

	}

	

	.contact-box {

		margin-bottom: 35px;

	}

	.contact-information-box-1 {

		margin-bottom: 50px;

	}

	.page-title-area {

		height: 300px;

	}



	.page-title-content h2 {

		font-size: 35px;

	}



	.page-title-content ul {

		margin-top: 6px;

	}

	.pricing-content {

		padding: 45px 15px;

	}

	.services-details-image {

		margin-bottom: 20px;

	}

	.services-widget {

		margin-top: 40px;

	}

	.gallery-area .gallery-list .nav li {

		margin: 10px 5px;

	}

	.gallerys-details-desc h2 {

		font-size: 28px;

	}

	.gallerys-details-desc .gallery-details-info {

		margin-top: 16px;

	}



	.gallerys-details-desc .gallery-details-info .single-info-box {

		-ms-flex: 0 0 100%;

		-webkit-box-flex: 0;

		flex: 0 0 100%;

		max-width: 100%;

		padding-bottom: 10px;

		margin-bottom: 20px;

	}



	.single-pricing-box .pricing-header h3 {

		margin-bottom: 4px;

		font-size: 22px;

	}



	.single-pricing-box .price {

		font-size: 40px;

		margin-bottom: 5px;

		margin-top: 8px;

	}

	.pagination-area {

		margin-top: 0;

	}



	.pagination-area .page-numbers {

		width: 40px;

		height: 40px;

		margin: 0px 1px;

		line-height: 40px;

		font-size: 15px;

	}



	.blog-details-desc .article-content .wp-block-gallery.columns-3 li {

		-ms-flex: 0 0 100%;

		-webkit-box-flex: 0;

		flex: 0 0 100%;

		max-width: 100%;

		padding-right: 10px;

		padding-left: 10px;

		margin-bottom: 20px;

	}

	.blog-details-desc .article-content .wp-block-gallery.columns-3 li:last-child {

		margin-bottom: 0px;

	}

	.blog-details-desc .article-content h3 {

		font-size: 20px;

	}

	

	.widget-area {

		margin-top: 50px;

	}

	

	.widget-area .widget_macro_posts_thumb .item .info .title {

		font-size: 16px;

	}



	.tagcloud.section-top {

		margin-bottom: 30px;

	}



	.tagcloud.section-bottom {

		margin-bottom: 0;

	}



	.comments-area .comment-respond .comment-form-author {

		float: left;

		width: 100%;

		padding-right: 0px;

	}

	.comments-area .comment-respond .comment-form-email {

		float: left;

		width: 100%;

		padding-left: 0px;

	}



	.coming-soon-area {

		height: 100%;

		padding-top: 160px;

		padding-bottom: 150px;

	}



	.coming-soon-content h1 {

		margin-bottom: 10px;

		font-size: 30px;

	}



	.coming-soon-content #timer div {

		margin-bottom: 30px;

	}



	.footer-box-item {

		margin-bottom: 35px;

	}

	.footer-box-item:last-child {

		margin-bottom: 0px;

	}

	

	.copyright-area {

		text-align: center;

	}



	.copyright-area ul {

		text-align: center;

		margin-top: 15px;

	}

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

	.home-area {

		height: 100%;

		padding-top: 120px;

		padding-bottom: 100px;

	}

	.gallery-image img {

		width: 100%;

	}

	

}



@media only screen and (min-width: 0px) and (max-width: 479px) {

	.page-title-content h2 {

		font-size: 28px;

	}

	.banner-btn .default-btn-one {

		margin-right: 10px;

	}

	

	.main-banner-content h1 {

		font-size: 30px;

	}

	

	.slider .parallax-slider .caption h1 {

		font-size: 30px;

	}

	

	.home-area.home-3 .main-banner-content h1 {

		font-size: 32px;

	}

	

	.about-content.about-content-2 {

		margin-right: 0;

		margin-left: 0;

	}



	.about-content {

		margin-left: 0;

	}

	.about-content h2 {

		font-size: 25px;

	}

	.gallerys-details-desc h2 {

		font-size: 25px;

	}

	.team-image {

		height: auto;

	}

	.hire-content h2 {

		font-size: 30px;

	}

	.partner-list .partner-item a {

		padding: 0px 50px;

	}



	.solutions-list-tab .tabs li {

		width: 100%;

		margin-right: 0;



	}



	.blog-details-desc .article-footer .article-tags {

		-ms-flex: 0 0 100%;

		-webkit-box-flex: 0;

		flex: 0 0 100%;

		max-width: 100%;

		margin-bottom: 25px;

	}

	.blog-details-desc .article-footer .article-share {

		-ms-flex: 0 0 100%;

		-webkit-box-flex: 0;

		flex: 0 0 100%;

		max-width: 100%;

	}

	.blog-details-desc .article-footer .article-share .social {

		text-align: left;

	}

	.partner-list .partner-item {

		-ms-flex: 0 0 100%;

		-webkit-box-flex: 0;

		flex: 0 0 100%;

		max-width: 100%;

	}

	.faq-accordion .accordion .accordion-item .accordion-title {

		font-size: 16px;

		padding: 25px 0;

		padding-right: 35px;

	}

	

	.comments-area .comment-list .children {

		padding-left: 0;

	}

	.comments-area {

		padding: 0;

		box-shadow: none;

	}



	.contact-box {

		margin-bottom: 35px;

	}

	.contact-information-box-1 {

		margin-bottom: 50px;

	}

}