h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		margin: 0;
		font-family: MontLight;
		font-weight: 400;
		color: #1e1a19;
	}
	
	h1 {
		margin-bottom: 14px; 
		font-size: 48px;
		line-height: 72px;
	}
	
	h2 {
		margin-bottom: 10px;
		font-size: 36px;
		line-height: 48px;
	}
	
	h3 {
		margin-bottom: 5px;
		font-size: 24px;
		line-height: 30px;
	}
	
	h4 {
		margin-bottom: 4px;
		font-size: 18px;
		font-weight: 400;
		line-height: 30px;
	}
	
	h5 {
		font-size: 16px;
		font-weight: 400;
		line-height: 26px;
	}
	
	h6 {
		font-size: 14px;
		font-weight: 400;
		line-height: 21px;
	}
	
	h1 a, 
	h2 a, 
	h3 a, 
	h4 a, 
	h5 a, 
	h6 a { 
		text-decoration: none;
		color: #1e1a19;
		-webkit-transition: all .2s;
				transition: all .2s;
	}
	
	h1 a:hover, 
	h2 a:hover, 
	h3 a:hover, 
	h4 a:hover, 
	h5 a:hover, 
	h6 a:hover {
		color: #f97422;
		text-decoration: none;
	}
	
	
	
	a  {color: #666; }
	
	a:hover,
	a:focus { 
		outline: 0;
		text-decoration: none;
		color: #f97422;
	}
	
	img {
		max-width: 100%; 
	}
	
	ul,
	ol {
		padding: 0;
		list-style-position: inside;
	}
	ul li { list-style: none; }
	
	ul ul,
	ol ol,
	ul ol 
	ol ul {
		margin-left: 20px;
	}
	
	dl {
		margin-bottom: 20px;
	}
	
	.last { 
		margin-bottom: 0; 
	}
	.tcenter { text-align: center; }
	.hr {
		margin: 30px 0;
		border-top: 1px solid #ebebeb;
	}
	
	.hr.default { border-color: #f97422; }
	
	.text-default-color { color: #f97422; }
	
	label { font-weight: normal; }
	
	input,
	select,
	textarea {
		display: block;		
		max-width: 100%;
		padding: 5px 10px;
		border: 1px solid #d2d2d2;
		font-weight: 400;
	}
	
	select { width: 100%; }
	
	textarea:focus,
	input[type="url"]:focus,
	input[type="tel"]:focus,
	input[type="date"]:focus,
	input[type="datetime"]:focus,
	input[type="datetime-local"]:focus,
	input[type="week"]:focus,
	input[type="month"]:focus,
	input[type="text"]:focus,
	input[type="color"]:focus,
	input[type="email"]:focus,
	input[type="image"]:focus,
	input[type="number"]:focus,
	input[type="search"]:focus,
	input[type="password"]:focus	{
		box-shadow: none;
		outline: 0;
		border-color: #f97422;
		-webkit-appearance:none;
	}
	
	input[type="reset"]:focus,
	input[type="submit"]:focus,
	input[type="button"]:focus {
		box-shadow: none;
		outline: 0;
	}
	
 

/***********************************************************************************
 *	+ GLOBAL
 ***********************************************************************************/
 	.flex { display: flex; }
 	.flexcenter { display: flex; justify-content: center; align-items: center; }
 	.flexbetween { display: flex; justify-content: space-between; align-items: center; }
 	.flexwrap { flex-wrap: wrap; }
 	.logobetween { display: flex; justify-content: space-between; align-items: center; }
 	.flextop { align-items: flex-start; }
 	.flexColumn { flex-direction: column; }
 	.mt30 { margin-top: 30px; }
 	.mt5 { margin-top: 5px; }
 	.mb20 { margin-bottom: 20px; }
 	.mtfu20 { margin-top: -20px; }
 	.padtb15 { padding-top: 15px; padding-bottom: 15px; }
 	.gbmargin { margin-left: 5%; margin-right: 5%; overflow: hidden;}
 	.about p {  margin-bottom: 10px; }
 	.laywhite { color: #fff; }
 	.mr15 { margin-left: 15px; margin-right: 15px; }
 	.page_postion i { font-size: 12px; margin-top: 4px; margin-left: 5px; margin-right: 5px; }
 	.page_postion a { color: #000; }
 	.mtfu10 { margin-top: -10px; }
 	.showtext { line-height: 28px; }

 	a.price { padding: 0 25px; height: 36px; line-height: 36px; border-radius: 18px; color: #fff; background-color: var(--hcolor);  -webkit-transition: all .6s;
				transition: all .6s; }
 	a.price:hover {  color: #fff; padding:0 40px; }

/***********************************************************************************
 *	+ HOME
 ***********************************************************************************/
  	.about { line-height: 28px; color: #666; font-weight: 300; }
  	ul.maisuibox { display: flex; justify-content: space-between; align-items: center; text-align: center; padding: 10px 0;   }
  	ul.maisuibox li { position: relative; height: 120px;  }
  	ul.maisuibox li .boximg { position: absolute; left: 0; top: 0; z-index: 1; text-align: center;  width:100%;  }
  	ul.maisuibox li .boxinfo { position: absolute; left: 0; top: 15px; text-align: center; z-index: 2;  width:100%;  }
  	ul.maisuibox li .boxinfo h4 { font-size: 28px; font-weight: bold; }

  	/*case*/
  	.caselist { position: relative;  }
  	.caselist .thumb { overflow: hidden; }
  	.caselist .thumb img { -webkit-transition: all .6s;
				transition: all .6s; }
	.caselist:hover .thumb img {
		-webkit-transform: scale(1.1);
	    transform: scale(1.1);
	}
  	.caselist h3 { position: absolute; left: 5px; bottom: 5px; width: 80%; background: rgba(0,0,0,.4); padding: 2px 10px 4px; }
  	.gototent h4 { height:60px; line-height:22px; padding:5px 10px; font-size:12px; box-shadow: 0 1px 2px #ddd; }
  	.caselist h3 a { font-size: 14px; color: #fff; }

  	.videolist { position: relative;  }
  	.videolist .thumb { overflow: hidden; }
  	.videolist .thumb img { -webkit-transition: all .6s;
				transition: all .6s; }
	.videolist:hover .thumb img {
		-webkit-transform: scale(1.1);
	    transform: scale(1.1);
	}
  	.videolist h3 { position: absolute; left: 5px; bottom: 5px; width:calc(100% - 10px); padding: 2px 10px 4px; }
  	.videolist p { position: absolute; left: 5px; top: 80px; width:calc(100% - 10px); padding: 2px 10px 4px; }
  	.videolist p i { color: #fff; font-size: 48px; }
  	.videolist h3 a { font-size: 14px; display: inline-block; padding: 2px 20px; border: #fff solid 1px; color: #fff; }

  	#caseHome .caselist:last-child h3 { position: absolute; left: 0; bottom: 40%; width: 100%; background: none; padding: 0;  }
  	#caseHome .caselist:last-child h3 a { display: inline-block; background: rgba(0, 0, 0, .3); border: #fff solid 1px; padding: 4px 50px; }
  	#videoHome .videolist:last-child h3 { position: absolute; left: 0; bottom: 40%; width: 100%; background: none; padding: 0;  }
  	#videoHome .videolist:last-child h3 a { display: inline-block; background: rgba(0, 0, 0, .3); border: #fff solid 1px; padding: 4px 50px; }

  	#layTab .layui-this {  }
  	.layui-tab-brief>.layui-tab-title .layui-this { color: var(--hcolor);}
  	.layui-tab-brief>.layui-tab-title .layui-this:after{border:none;border-radius:0;border-bottom:2px solid var(--hcolor);}
  	.tentinnsText { font-size: 12px; font-weight: 400; line-height: 22px; color: #666; }
  	.tentinnsText p {  margin-bottom: 5px; }

  	.videotitle { background: #494e53; }
  	.guestitle { background: #946040; }
  	.newstitle { background: #b1a18a; }


  	#newsList,
  	#viewList { display: flex; justify-content:space-between; flex-wrap:wrap; }
  	.newslist { display: flex; flex-direction: column; margin-bottom:10px; max-width:24%; }
  	.viewitem { display: flex; flex-direction: column; margin-bottom:10px; max-width:20%; }
  	.newsr20 { margin-right: 20px; }
  	.newslist .thumb { overflow: hidden; }
  	.newslist .thumb img { max-width: 100%; -webkit-transition: all .6s;
				transition: all .6s; }
    .newslist:hover .thumb img { -webkit-transform: scale(1.1);
	    transform: scale(1.1); }
	.newslist:hover .newsinfo p { color: var(--hcolor); }
	.newslist:hover .newsinfo h3 a{ color: var(--hcolor); }
  	.newslist .newsinfo { overflow: hidden; }
  	.newslist .newsinfo h3 { font-size: 14px; line-height:21px; height:48px; padding-top:5px; }
  	.newslist .newsinfo p { font-size: 12px; line-height: 18px; color: #666; max-height: 100px; }
  	.newslist .newsinfo i  { margin-right: 4px; }

  	/* index edit 2023 - 10-1*/

  	.findpro { margin-left: 1%; margin-right: 1%; }
	  .findpro .finditem { position: relative; overflow: hidden;  }
	  .findpro .finditem .findname { position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
	    background: rgba(0,0,0,.5); color: #fff; text-align: center; z-index: 1; }
	  .findpro .finditem a { color: #fff; }
	  .findpro .finditem h3 {position: absolute; bottom: -10px; left: 0; z-index: 2; width: 100%; justify-content: center; align-items: center; display: flex; flex-direction: column; height: 120px; padding: 20px 0; }
	  .findpro .finditem h3 a.title { font-size: 1.4rem; }
	  .findpro .finditem h3 a.view { margin-top: 20px; font-size: 12px; display: inline-block; background: #999; padding: 0 10px; width: 50px; border-radius: 5px; }
	  .findpro .finditem img { -webkit-transition: all ease-in-out 0.3s;
	    transition: all ease-in-out 0.3s;  }
	  .findpro .finditem:hover .findname { background: none; }
	  .findpro .finditem:hover h3 { background-color: #000; animation:mymove 1s;
	  -webkit-animation:mymove 1s; }
	  .findpro .finditem:hover h3 a.title { color: var(--hcolor); }
	  .findpro .finditem:hover h3 a.view { background: var(--hcolor); }
	  .findpro .finditem:hover img {
	    -webkit-transform: scale(1.1);
	    transform: scale(1.1);
	  }
	  @keyframes mymove
	  {
	    from {bottom: -100px; background-color: rgba(0,0,0,.2); }
	    to { bottom: -10px; background-color: rgba(0,0,0,1);}
	  }

	  @-webkit-keyframes mymove /*Safari and Chrome*/
	  {
	    from {bottom: -100px; background-color: rgba(0,0,0,.2); }
	    to { bottom: -10px; background-color: rgba(0,0,0,1);}
	  }

	  .mySwiper .swiper-button-next,.mySwiper .swiper-button-prev {
	    top: 40%;
	    color: rgba(255,255,255, .8);
	  }
	  .mySwiper .swiper-button-next:hover,.mySwiper .swiper-button-prev:hover {
	    color: var(--hcolor);
	  }
	  .viewList .vbutton-next,.viewList .vbutton-prev {
	    top: 42%; position: absolute; z-index: 9999;
	    color: rgba(255,255,255, .8); background: rgba(0, 0, 0, .5);
	  }
	  .viewList .vbutton-next {
	  	 right: 0;
	  }
	  .viewList .vbutton-prev {
	  	 left: 0;
	  }
	  .viewList .vbutton-next i,.viewList .vbutton-prev i {
	      font-size: 30px;
	  }
	  .viewList .vbutton-next:hover,.viewList .vbutton-prev:hover {
	    color: var(--hcolor);
	  }
	  :root {
        --swiper-navigation-size: 26px
      }
	  

/***********************************************************************************
 *	+ FOOTER
 ***********************************************************************************/
  	#footer { padding: 30px 0; background: #353535; }
  	.flextop { align-items: flex-start; padding-bottom: 20px; }
  	dl.footer_nav dt a { color: #fff; line-height: 26px; }
  	dl.footer_nav dd a { color: #ddd; font-size: 12px; line-height: 26px; }
  	dl.footer_nav a:hover { color: var(--hcolor); }
  	dl.footer_nav dd { flex-direction: column; }
  	dl.footer_nav dd.wechat {flex-direction: row; text-align: center; font-size: 12px; color: #fff; }
  	dl.footer_nav dd.wechat img { max-width: 120px; }
  	dl.footer_nav dd.wechat p:first-child { margin-right: 20px;  }
  	.foot_navt { padding: 20px 0 0; margin-top: 30px; text-align: center; border-top: #313131 solid 1px; }
  	.foot_navt a { color: #ddd; line-height: 26px; }
  	.foot_navt a:hover { color: var(--hcolor); }
  	.copyright { padding: 15px 0 0; font-size: 12px; color: #ddd; }


  	 .client-container {
          width: 100%; overflow: hidden;
          margin-bottom: 40px;
          height: 120px;
      }
      .client-container .swiper-slide {
        text-align: center;
        height: 120px;
        transition-property:all;
      }
      .client-container .swiper-slide img { 
          width: 100%;
      }
      #progressEffect{
          position: absolute;
          z-index: 10;
          top: 20px;
          left: 20px;
      }
      
      .client-container .swiper-button-next,.client-container .swiper-button-prev {
        top: 78%;
        color: rgba(0,0,0, .5);
      }
      .client-container .swiper-button-next { right: -30px; }
      .client-container .swiper-button-prev { left: -30px; }
      .client-container .swiper-button-next:hover,.client-container .swiper-button-prev:hover {
          color: var(--hcolor);
      }
      .client-container .swiper-pagination { bottom: -15px; }

      @media (max-width: 767px) {
      		.client-container { height:100px; }
          .client-container .swiper-slide {
             height: 100px;
          }
          .client-container .swiper-button-next,.client-container .swiper-button-prev {
            top: 78%;
            color: rgba(0,0,0, .5);
          }
          .client-container .swiper-button-next { right: 5px; }
          .client-container .swiper-button-prev { left: 5px; }
          .client-container .swiper-pagination { bottom: -10px; }
      }

/***********************************************************************************
 *	+ CASES
 ***********************************************************************************/
  	.quicknav { padding: 20px 0; }
	.quicknav span { font-size: 12px; }

	#caseList { 
		width: calc(100% - 260px); margin-bottom: 30px;  max-width: 880px;
	}

	.news-icon { display: flex; color: #999; margin: 5px 0 10px; }
 	.news-icon span i { margin-right: 5px; }
 	.news-icon span { display: flex; font-size: 10px; margin-right: 25px; font-weight: 200; color: #999; }

  @media (min-width: 768px) and (max-width: 991px) {
		
		ul.maisuibox li .boxinfo h4 { font-size: 24px;  }
		ul.maisuibox li .boxinfo {  top: 5px;}
		ul.maisuibox li { position: relative; height: 120px;  }
		.logobetween {  justify-content: flex-start;  }
		.mt30 { margin-top: 25px; }
		#caseHome { margin-top: 15px; }
		.gbmargin { margin-left: 2%; margin-right: 2%;}
		#caseHome { margin-top: 0; }
		#about_m,
		.mg15 { margin:0 15px; }
		.guestitle span:last-child { font-size: 12px; }
		.caselist h3 a {   font-size: 12px; }
		#newsList,
		#viewList { margin: 0 5px; }
		#guestList { margin: 30px 5px 0; }
		#layTab { display: none; }
		.newslist,
		.viewitem { max-width:100%; }
		.newslist .newsinfo { padding-top: 5px; }
		.caselist h3 {   width: 82%; }
		.mtfu20 { margin-top: -30px; }
		#caseList { 
			width: 100%; margin-bottom: 0;
		}
		.page_postion { padding: 15px; }
		
	}
	
	@media (max-width: 767px) {
		ul.maisuibox li .boxinfo h4 { font-size: 20px;  }
		ul.maisuibox,
		.mpagepostion { flex-wrap: wrap; }
		ul.maisuibox li .boxinfo {  top: 0;}
		ul.maisuibox li .boxinfo p { font-size: 12px; color:#666; }
		ul.maisuibox { padding: 0; }
		.logobetween { justify-content: flex-start; }
		.mt30 { margin-top: 20px; }
		.about { font-size: 12px; line-height: 23px; }
		.gbmargin { margin-left: 0; margin-right: 0;}
		#caseHome { margin-top: 0; }
		#about_m,
		.mg15 { margin:0 15px; }
		.guestitle span:last-child { font-size: 12px; }
		.caselist h3 a {   font-size: 12px; }
		#newsList,
		#viewList { margin: 0 5px; }
		#guestList { margin: 30px 5px 0; }
		#layTab { display: none; }
		.newslist,
		.viewitem { max-width:100%; }
		.newslist .newsinfo { padding-top: 5px; }
		.caselist h3 {   width: 82%;  padding: 0 6px 0; } 
		.mtfu20 { margin-top: -30px; }
		.mlfu15 { margin-left: -15px;  }
		.videolist h3 a { font-size: 12px; }
		.videolist p { position: absolute; left: 5px; top: 60px; }
		#caseHome .caselist:last-child h3 {  bottom: 32%; }
		.layui-tab-brief .layui-tab-item { display: block; }
		.tentinnsText { margin-top: -15px; }

		dl.footer_nav { width: 33%; }
		dl.footer_nav h4 { font-size: 14px; }
		dl.footer_nav dd a,
		.foot_navt a { font-size: 12px; }
		.foot_navt { padding: 10px 15px; }
		dl.footer_nav dd.wechat { font-size: 12px; }
	  	dl.footer_nav dd.wechat img { max-width: 100px; }
	  	dl.footer_nav dd.wechat p:first-child { margin-right: 10px;  }
	  	.copyright { font-size: 12px; }

	  	
	  	.page_postion { padding: 15px; font-size: 12px; }
	  	.page_postion a { font-size: 12px; }
	  	.page_postion span:last-child { display: none; }
	  	.prenext { flex-direction: column; align-items: flex-start; }

	  	#caseList { 
			width: 100%; margin-bottom: 0; margin-left: 0;
		}
		#newsList,
		#viewList { 
	 		margin-top: 20px;
	 	}

	 	.findpro { flex-wrap: wrap; }
	 	.findpro .finditem { width: 33%; max-width:33%; }
	 	/*.findpro .finditem .findname h3 { margin-top: 300px;  }
	 	.findpro .finditem .findname h3 a.title { font-size: 1.2rem; }
	  	.findpro .finditem .findname h3 a.view { margin-top: 10px; }
	  	.findpro .finditem:hover .findname h3 { background-color: #000; animation:mymovet 1s;
	  -webkit-animation:mymovet 1s; }

	 	@keyframes mymovet
		  {
		    from {margin-top: 40vw; background-color: rgba(0,0,0,.2); }
		    to { margin-top: 40vw; background-color: rgba(0,0,0,1);}
		  }

		  @-webkit-keyframes mymovet  
		  {
		    from {margin-top: 40vw; background-color: rgba(0,0,0,.2); }
		    to { margin-top: 40vw; background-color: rgba(0,0,0,1); }
		  }*/
	 	
	}

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



/***********************************************************************************
 *	+ ERROR PAGE
 ***********************************************************************************/	
	 
	
 

/***********************************************************************************
 *	+ ISOTOPE
 ***********************************************************************************/
	 
 

/***********************************************************************************
 *	+ PAGINATION
 ***********************************************************************************/
 
	 
	
/***********************************************************************************
 *	+ PROCESS STEPS
 ***********************************************************************************/	
   
	
 
	
/***********************************************************************************
 *	+ FULL SECTIONS
 ***********************************************************************************/
	  
	 

/***********************************************************************************
 *	+ ANIMATIONS
 ***********************************************************************************/
	
	 
	
/***********************************************************************************
 *	+ TEXT BOXES
 ***********************************************************************************/	
 
	 
	
/***********************************************************************************
 *	+ WIDGETS
 ***********************************************************************************/
 	
	 
	
/***********************************************************************************
 *	+ SEARCH RESULTS
 ***********************************************************************************/	
 
/***********************************************************************************
 *	+ PAGINATION
 ***********************************************************************************/
 #scroll-up {
		z-index: 8000; 
		display: none;
		position: fixed;
		bottom: 50px;
		right: 50px;
		height: 45px;
		width: 45px;
		font-size: 15px;
		line-height: 40px;
		text-decoration: none;
		text-align: center;
		cursor: pointer;
		background-color: #333; color: #fff;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	#scroll-up i { font-size: 32px; }
	
	#scroll-up:hover {
		background-color: var(--hcolor);
		
	}




	.pagination {
		display: block;
		margin: 0 0 20px 0;
		font-size: 12px;
	}
	
	.pagination li {
		display: inline-block; cursor: pointer;
		margin-right: 10px;
	}
	
	.pagination li:last-child { margin-right: 0;}
	
	.pagination li a {
		display: block;
		height: 32px;
		width: 32px; font-size: 12px;
		padding: 0;
		font-weight: 700;
		text-align: center;
		box-sizing: border-box;
		line-height: 28px;
		background-color: transparent;
		border: 1px solid #999;
		border-radius: 4px;
		color: #333;
		-webkit-transition: all 0.3s ease 0s;
				transition: all 0.3s ease 0s;
	}
	.pagination > li:last-child > a,
	.pagination > li:first-child > a,
	.pagination > li:last-child > span,
	.pagination > li:first-child > span { border-radius: 4px; }
	
	.pagination li a:hover,
	.pagination li.active a,
	.pagination li.active a:hover {
		background-color: var(--hcolor);
		border-color: var(--hcolor);
		color: #fff; 
	}

	@media (max-width: 767px) {
		.pagination li {
		  margin-right: 5px;
		}
		.pagination li a {
			display: block;
			height:22px;
			width:22px; font-size: 12px;
			padding: 0;
			font-weight: 700;
			text-align: center;
			box-sizing: border-box;
			line-height: 20px;
			background-color: transparent;
			border: 1px solid #999;
			border-radius: 2px;
			color: #333;
			-webkit-transition: all 0.3s ease 0s;
					transition: all 0.3s ease 0s;
		}
	}