@charset "utf-8";

@font-face {
    font-family: 'MaxPro';
    src: url('fonts/MaxPro-Regular.eot');
    src: url('fonts/MaxPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/MaxPro-Regular.woff') format('woff'),
        url('fonts/MaxPro-Regular.ttf') format('truetype'),
        url('fonts/MaxPro-Regular.svg#MaxPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MaxPro';
    src: url('fonts/MaxPro-Bold.eot');
    src: url('fonts/MaxPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/MaxPro-Bold.woff') format('woff'),
        url('fonts/MaxPro-Bold.ttf') format('truetype'),
        url('fonts/MaxPro-Bold.svg#MaxPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}


*{margin:0;padding:0;list-style-type:none;}
body{}
h1,h2,h4,h5,h6{text-align:center;color:#ccc;margin-bottom:5px;}
h1{font-size:18px;}
h2{font-size:14px;}


/* timeline */
#timeline{width:1000px;height:350px;overflow:hidden;margin:40px auto 0 auto;position:relative;background:url('../images/dot1.gif') left 45px repeat-x;}
#dates{width:1000px;height:60px;overflow:hidden;}
#dates li{float:left;width:100px;height:50px;font-size:16px; list-style:none;color:#d71618; font-size:14px;color:#666; text-align:center; text-decoration:none; line-height:50px;text-align:center;background:url('../images/biggerdot.png') center bottom no-repeat;}
#dates a{line-height:38px;padding-bottom:10px; list-style:none; font-size:14px;color:#666; text-align:center; text-decoration:none;}
#dates .selected{font-si{}ze:20px;color:#579b63; font-weight:bold;}
#issues{width:1000px;height:350px;overflow:hidden;}
#issues li{width:1000px;height:350px;float:left;}
#issues li img{float:left;margin:10px 30px 10px 50px;}
#issues li h1{color:#579b63;font-size:32px;margin:20px 0; font-weight: normal;}
#issues li p{font-size:14px;margin-right:70px;font-weight:normal;line-height:22px; color:#666;}
#grad_left,#grad_right{width:100px;height:350px;position:absolute;top:0;}
#grad_left{left:0;}
#grad_right{right:0;}
#next,#prev{position:absolute;top:0;font-size:70px;top:170px;width:22px;height:38px;background-position:0 0;background-repeat:no-repeat;text-indent:-9999px;overflow:hidden;}
#next:hover,#prev:hover{background-position:0 -76px;}
#next{right:0;background-image:url('../images/next.png');}
#prev{left:0;background-image:url('../images/prev.png');}
#next.disabled,#prev.disabled{opacity:0.2;}


.casemore{ margin:20px auto; padding: 0; width: 200px; height: 40px; display: block;color: #000; text-align: center; line-height: 40px; }
.casemore a{ margin:0 auto; padding: 0; width: 200px; height: 40px; display: block;border-radius: 20px; background:#fbc700 ; color: #000; text-align: center; line-height: 40px; }
.casemore a:hover{ background:#333 ; color: #fff; }

/*fanganweb*/
.fanganweb1{ margin:0 auto; padding:30px 0; width: 100%; height: auto; background: #e3e3e3;}
.fanganweb1 .title1{ margin:0 auto; padding:0; width: 100%; height: auto; text-align: center; color: #000; font-size: 34px; line-height: 40px; font-weight: bold;}
.fanganweb1 .title2{ margin:0 auto; padding:10px 0; width: 100%; height: auto; text-align: center; color: #666; font-size: 14px; line-height: 20px;}


.ng-howtodoit {position: relative;margin-top:0;}
.ng-howtodoit .ngtitle {}
.ng-howtodoit .ngtitle h2{color: #000;}
.ng-howtodoit .ngtitle h3{color: #666;}
.ng-howtodoit .ngtitle h3::after {background: #000;}
.howtodoit-nav { width:100%; max-width:  1200px;margin: 50px auto auto;text-align: center;}
.howtodoit-nav li{font-size:14px;color:#9E9E9E;position: relative; cursor: pointer;display: inline-block; margin: 0 1%;padding-bottom: 5px; padding: 5px 0; width: 100%;}
.howtodoit-nav li:hover{color:#000;}
.howtodoit-nav li.cur,.howtodoit-nav .swiper-slide-thumb-active li{color:#fff; background: #ffba00;}
.howtodoit-nav li::after {content: '';width: 0;height: 1px;position: absolute;left: 50%;bottom: 0;background: #ffba00;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease;}
.howtodoit-nav *{-webkit-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease;}
.howtodoit-nav li.cur::after,.howtodoit-nav .swiper-slide-thumb-active li::after{width: 100%;left: 0;}

.howtodoit {padding-top: 40px; overflow:hidden;}
.howtodoit { position:relative; width:75%; margin:auto;} 
.howtodoit .swiper-slide{ background:#fff; position:relative;}
.howtodoit .pic { width:50%; float:left;}
.howtodoit .pic img{ width:100%;display: block;height: auto;max-height:480px;min-height: 480px; }
.howtodoit .txt { width:50%;height:100%; position:absolute; right:0; top:0;text-align: left;}
.howtodoit .txt .position{ position:relative; width:75%; padding:0 10% 0 15%;height:100%; overflow:hidden;}
.howtodoit .txt h4 { width: 100%;font-size:20px;padding: 0; display:block;color: #999;font-family: 'Montserrat-Bold'; float: left;}
.howtodoit .txt h3 { width: 100%;font-size:40px; padding:10px 0; z-index:55;font-weight: bold; float: left;}
.howtodoit .text { width: 100%; height: auto;font-size:18px; color:#1a1a1a;line-height: 20px; font-weight:bold;  padding-top:30px;}
.howtodoit .text line{ height:1px; width:20px; background:#1a1a1a; margin-right:10px; display:inline-block; vertical-align:middle;}
.howtodoit .tnum { position:absolute; z-index:33;right: 5%;bottom: 5%;}
.howtodoit .tnum h2{color:#f7f7f7; font-size:200px; text-shadow:#e5e5e5 1px 0 0,#e5e5e5 0 1px 0,#e5e5e5 -1px 0 0,#e5e5e5 0 -1px 0;font-family: 'Montserrat-Bold';}
.howtodoit .d-table {display: table;width:100%;height:100%;}
.howtodoit .d-table-cell {display: table-cell;vertical-align: middle;}


.fanganweb2{ margin:0 auto; padding:40px 0; width: 100%; height: auto; }
.fanganweb2 .main{ margin:0 auto; padding:0; width: 100%; height: auto; max-width: 1200px; }



.fanganweb2 .title1{ margin:0 auto; padding:0; width: 100%; height: auto; text-align: center; color: #000; font-size: 40px; line-height: 60px; font-weight: bold;}
.fanganweb2 .title2{ margin:0 auto; padding:10px 0; width: 100%; height: auto; text-align: center; color: #666; font-size: 14px; line-height: 20px;font-weight: normal;}

.fanganweb2 .left{ margin:0 auto; padding:10px 0; width: 55%; height: auto; text-align: right; float: left;}
.fanganweb2 .left img{ max-width: 100%; height: auto;}
.fanganweb2 .right{ margin:0 auto; padding:30px 0 0 0; width: 44%; height: auto; float: left; margin-left: 1%;}
.fanganweb2 .right .co{ margin:0 auto; padding:10px 0; width: 100%; height: auto; min-height: 170px;}
.fanganweb2 .right .co1{ margin:0 auto; padding:0; width: 100px; height: auto; float: left;}
.fanganweb2 .right .co2{ margin:0 auto; padding:0; width: 78%; height: auto; float: left;}
.fanganweb2 .right .co2 h5{ margin:0 auto; padding:0; width: 100%; height: auto;text-align: left; color: #ff8c00; font-size: 18px; line-height: 30px; font-weight: bold;}
.fanganweb2 .right .co2 .cc{ margin:0 auto; padding:0; width: 100%; height: auto;text-align: left; color: #666; font-size: 14px; line-height: 20px; font-weight: normal;}


.fanganweb3{ margin:0 auto; padding:30px 0; width: 100%; height: auto; min-height: 580px; background:url(../image/fangan/webbg1.jpg) no-repeat center bottom #fff9dc;}
.fanganweb3 .title1{ margin:0 auto; padding:160px 0 0 0; width: 100%; height: auto; text-align: left; color: #ff8c00; font-size: 40px; line-height: 60px; font-weight: bold;}
.fanganweb3 .title2{ margin:0 auto; padding:10px 0; width: 100%; height: auto; text-align: left; color: #000; font-size: 18px; line-height: 20px;font-weight: bold;}





.fanganweb6{ margin:0 auto; padding:40px 0; width: 100%; height: auto; background: #f3f3f3; }
.fanganweb6 .title1{ margin:0 auto; padding:0; width: 100%; height: auto; text-align: center; color: #000; font-size: 40px; line-height: 60px; font-weight: bold;}
.fanganweb6 .title2{ margin:0 auto; padding:10px 0; width: 100%; height: auto; text-align: center; color: #666; font-size: 14px; line-height: 20px;font-weight: normal;}

.fanganweb6 .co{ margin:0 auto; padding:30px 0; width:100%; height:auto; max-width: 1480px;}
.fanganweb6 .co ul{ margin:0 auto; padding:0; width:100%; height:auto;}
.fanganweb6 .co ul li{ margin:0 auto; padding:50px 0; width:19%; height:auto; margin-right: 1%; float: left;background: #fff;}
.fanganweb6 .co ul li .img{ margin:0 auto; padding:0; width:100%; height:auto; text-align: center;}
.fanganweb6 .co ul li .img img{ max-width: 100%; height: auto;}

.fanganweb6 .co ul li .txt{ margin:0 auto; padding:10px 0; width:100%; height:auto; text-align: center; color: #666; font-size: 18px; line-height: 20px;font-weight: normal;}



/**/
/*main*/
.home_bg1{ margin:0 auto;; overflow:hidden; max-width: 1440px;}
.home_tit{ float:left; width:100%; margin-top:100px; text-align:center; padding:0 15px;}
.home_tit .l1{ float:left; width:100%; color:#000000; font-size:36px; line-height:36px; padding-bottom:38px; position:relative;}
.home_tit .l1:after{ float:left; width:116px; height:2px; background:#ff9a18; position:absolute; left:50%; margin-left:-58px; bottom:0; content:'';}
.home_tit .l2{ float:left; width:100%; color:#727272; font-size:14px; line-height:24px; margin-top:30px;}
.home_tit3{ margin-top:80px;}
.service_cont1{ float:left; width:100%; padding:40px 15px 70px 15px; text-align:center;}
.service_cont1 .at3{ display:inline-block; *display:inline; *zoom:1;  width:345px; height:653px; cursor:pointer;}
.service_cont1 .at1{ float:left; width:34.4%; text-align:right;}
.service_cont1 .at2{ float:right; width:34.4%; text-align:left;}
.service_cont1 .at .at_1{ float:left; width:100%; position:relative; margin:90px 0 20px 0;}


.service_cont1 .at1 .at_1{ padding-right:96px;}
.service_cont1 .at2 .at_1{ padding-left:96px;}
.service_cont1 .at .at_1 i{ float:left; width:78px; height:78px; position:absolute; right:0; top:3px; cursor:pointer;}
.service_cont1 .at2 .at_1 i{ right:auto; left:0;}
.service_cont1 .at_1 h5{ float:left; width:100%; color:#333333; font-size:16px; line-height:26px;}
.service_cont1 .at1 .at_1 h5{text-align: right;}
.service_cont1 .at2 .at_1 h5{text-align: left;}



.service_cont1 .at_1 p{ float:left; width:100%; color:#4c4c4c; font-size:14px; line-height:22px; margin-top:15px;}




@media screen and (max-width:1366px) {
.service_cont1 .at .at_1{margin:75px 0 20px 0;}
}

@media screen and (max-width:1199px) {
.service_cont1 .at3{ width:28.75%; height:auto;}
.service_cont1 .at .at_1 i{ float:left; width:50px; height:50px;}
.service_cont1 .at1 .at_1{ padding-right:65px;}
.service_cont1 .at2 .at_1{ padding-left:65px;}
.service_cont1 .at .at_1{margin:15% 0 3% 0;}
.service_cont1 .at_1 p{ margin-top:5px;}

}

@media screen and (max-width:991px) {
.service_cont1 .at .at_1{margin:10% 0 2% 0;}
.service_cont1{ padding:20px 15px 30px 15px;}
.home_tit3{ margin-top:40px;}


}


@media screen and (max-width:767px) {
.service_cont1 .at1{ float:left; width:100%; text-align:left;}
.service_cont1 .at2{ float:right; width:100%; text-align:left;}
.service_cont1 .at .at_1 i{ right:auto; left:0;}
.service_cont1 .at1 .at_1{ padding-left:65px; padding-right:0;}
.service_cont1 .at .at_1{margin:8px 0;}
.service_cont1 .at3{ width:80%;}
.home_tit3{ margin-top:30px;}

.service_cont1 .at1 .at_1 h5{text-align: left;}
.service_cont1 .at2 .at_1 h5{text-align: left;}



}


.home-banner {
  position: relative;
  overflow:hidden;
  z-index: 1; min-height:650px; padding:100px 0 30px 0;
}

/*
.home-banner:after {
  content: "";
  height: 100%;
  position: absolute;
  bottom: 50px;
  left: -50%;
  right: -50%;
  margin: auto;
  z-index: -1;
  border-radius: 50%;
  background:#f3ca20; 
}
*/

.banner-shape{
	position: absolute;
    top: 0;
    right: 0;
    width: 100%;}

.banner-shape img{
	
    width: 100%; height: auto;}






.home-banner.write {
  position: relative;
  overflow:hidden;
  z-index: 1;min-height:650px; 
}
.home-banner.write1 {
  position: relative;
  overflow:hidden;
  z-index: 1; margin-top: 100px;min-height:650px;padding:0;
}


	.home-banner.write	.banner-shape{height: 100%; width: 100%;}
	.home-banner.write	.banner-shape img{height: 100%;width: 100%;object-fit: cover; }



.home-banner.write:after {
  content: "";
  height: 100%;
  position: absolute;
  bottom: 50px;
  left: -50%;
  right: -50%;
  margin: auto;
  z-index: -1;
  border-radius: 50%;
  background:#fff; 
}

.home-banner .particles-js-canvas-el {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.9;
  height: 100%;
  width: 100%;
}

.home-banner .home-text-center {
  position: relative;
  z-index: 1;
}

.home-banner h1 {
  font-size: 48px;
  font-weight: 700;
  color: #fff;
  margin: 25px 0 0 0;
}
.home-banner p {
  width: 600px;
  max-width: 100%;
  font-weight: 300;
  font-size: 20px;
  padding: 0 0 35px;
  color: rgba(255, 255, 255, 0.97);
  margin: 0;
  opacity: 0.8;
  display: inline-block;
}

.home-banner .home-text-center1 {
  position: relative; margin-top: 30%;
  z-index: 1;
}
.home-banner .home-text-center2 {
  position: relative; margin-top: 20%; float: left; width: 100%; max-width: 600px;
  z-index: 1;
}
.home-banner.bdtg .home-text-center2 {
  position: relative; margin-top: 30%; float: right; width: 100%; max-width: 600px;
  z-index: 1;
}
.home-banner .home-text-center3 {
  position: relative; margin-top: 30px; 
  z-index: 1;
}

.home-banner.write h1 {
  font-size: 42px;
  font-weight: 400;
  color: #000; text-align: left;
  margin: 25px 0 25px 0;
}
.home-banner.write h2 {
  font-size: 32px;
  font-weight: 400;
  color: #000; text-align: left;
  margin: 25px 0 80px 0;
}
.home-banner.write.about h2 {
  font-size: 32px;
  font-weight: 400;
  color: #000; text-align: left;
  margin: 25px 0 20px 0;
}

.home-banner.write p {
  width: 600px;
  max-width: 100%;
  font-weight: 300;
  font-size: 20px;
  padding: 0 0 35px;
  color: rgba(0, 0, 0, 0.97);
  margin: 0;
  opacity: 0.8;
  display: inline-block;
}
.home-banner.write h3 {
  font-size: 30px;
  font-weight: 400;
  color: #000; text-align: left;
  margin: 0;
}

.home-banner .home-text-center2.did{max-width: 80%;}

.home-banner.write h1.did {
  font-size: 40px;
  font-weight: 400;
  color: #000; text-align: left;
  margin: 25px 0 25px 0;
  line-height: 50px!important
}

.home-banner.write1 h1 {
  font-size: 42px;
  font-weight: 400;
  color: #fff; text-align: left;
  margin: 25px 0 25px 0;
}
.home-banner.write1 h2 {
  font-size: 32px;
  font-weight: 400;
  color: #fff; text-align: left;
  margin: 25px 0 80px 0;
}
.home-banner.write1 p {
  width: 600px;
  max-width: 100%;
  font-weight: 300;
  font-size: 20px;
  padding: 0 0 35px;
  color: #fff;
  margin: 0;
  opacity: 0.8;
  display: inline-block;
}
.home-banner.write2 h1 {
  font-size: 42px;
  font-weight: 400;
  color: #000; text-align: left;
  margin: 25px 0 25px 0;
}
.home-banner.write2 h2 {
  font-size: 32px;
  font-weight: 400;
  color: #000; text-align: left;
  margin: 25px 0 80px 0;
}
.home-banner.write2 p {
  width: 600px;
  max-width: 100%;
  font-weight: 300;
  font-size: 20px;
  padding: 0 0 35px;
  color: #000;
  margin: 0;
  opacity: 0.8;
  display: inline-block;
}

.home-banner .m-btn {
  min-width: 140px;
  margin-right: 10px;
  text-align: center;
}

.home-banner .rightpic{margin: 0 auto; padding: 0; width: 100%; height: auto; background: url(../image/fangan/huizhan1.jpg) no-repeat top left;background-size: contain;} 

.home-banner .rightpic img{max-width: 100%; height: auto;}
.home-banner img{max-width: 100%; height: auto;}


.home-banner.work {
  position: relative;
  overflow:hidden;margin-top: 10px; min-height: 800px;
  z-index: 1; background: url(../image/bg112.jpg) no-repeat right top;background-size: contain;
}



.home-banner.write1{
  position: relative;
  overflow:hidden;min-height: 600px;
  z-index: 1;
}
	.home-banner.write1	.banner-shape{height: 100%; width: 100%;}
	.home-banner.write1	.banner-shape img{height: 100%; }
	
.home-banner.write2{
  position: relative;
  overflow:hidden;min-height: 600px;
  z-index: 1;
}
	.home-banner.write2	.banner-shape{height: 100%; width: 100%;}
	.home-banner.write2	.banner-shape img{height: 100%; }
		
.home-banner.web {
  position: relative;
  overflow:hidden;margin-top: 100px; min-height:660px;
  z-index: 1; background: url(../image/bg240.jpg) no-repeat right top;background-size: cover;
}
.home-banner.web h1 {
  font-size: 42px;
  font-weight: 400;
  color: #000; text-align: left;
  margin: 25px 0 25px 0;
}
.home-banner.web h2 {
  font-size: 32px;
  font-weight: 400;
  color: #000; text-align: left;
  margin: 25px 0 80px 0;
}
.home-banner.web p {
  width: 100%;
  max-width: 600px;
  font-weight: 300;
  font-size: 20px;
  padding: 0 0 35px;
  color: #000;
  margin: 0;
  opacity: 0.8;
  display: inline-block;
}



.home-banner.write3{
  position: relative;
  overflow:hidden;min-height: 660px;
  z-index: 1;
}

@media (max-width:1600px) {
.home-banner.write3{
  position: relative;
  overflow:hidden;min-height: 550px;
  z-index: 1;
}
}
@media (max-width:1400px) {
.home-banner.write3{
  position: relative;
  overflow:hidden;min-height: 480px;
  z-index: 1;
}
}



	.home-banner.write3	.banner-shape{height: 100%; width: 100%;}
	.home-banner.write3	.banner-shape img{height: auto; width:100%; }
		


.home-banner.write3 h1 {
  font-size: 42px;
  font-weight: 400;
  color: #000; text-align: left;
  margin: 25px 0 25px 0;
}
.home-banner.write3 h2 {
  font-size: 32px;
  font-weight: 400;
  color: #000; text-align: left;
  margin: 25px 0 80px 0;
}
.home-banner.write3 p {
  width: 600px;
  max-width: 100%;
  font-weight: 300;
  font-size: 20px;
  padding: 0 0 35px;
  color: #000;
  margin: 0;
  opacity: 0.8;
  display: inline-block;
}






		
	
.p100{padding-top:100px;}


.home-banner.work:after {
  content: "";
  height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -1;
  border-radius: 0;background: none;
}

.home-banner.work h1 {
  font-size: 48px;
  font-weight: 400;
  color: #000; text-align: left;
  margin: 45px 0 30px 0;
}
.home-banner.work p {
  width: 600px;
  max-width: 100%;
  font-weight: 300;text-align: left;
  font-size: 30px;
  padding: 0 0 35px;
  color: rgba(0, 0, 0, 0.97);
  margin: 0;
  opacity: 0.8;
  display: inline-block;
}
.home-banner.neimao {
  position: relative;
  overflow:hidden;
  z-index: 1; background: url(../image/fangan/neimao1.jpg) no-repeat right top;background-size: contain;
}
.home-banner.neimao:after {
  content: "";
  height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -1;
  border-radius: 0;background: none;
}


.home-banner.neimao h1 {
  font-size: 48px;
  font-weight: 400;
  color: #000; text-align: left;
  margin: 25px 0 80px 0;
}
.home-banner.neimao p {
  width: 600px;
  max-width: 100%;
  font-weight: 300;
  font-size: 20px;
  padding: 0 0 35px;
  color: rgba(0, 0, 0, 0.97);
  margin: 0;
  opacity: 0.8;
  display: inline-block;
}



.home-banner.google {
  position: relative;
  overflow:hidden;margin-top: 10px; min-height: 550px;
  z-index: 1; background: url(../image/neimaoa21.jpg) no-repeat left top;background-size: contain;
}
.home-banner.google:after {
  content: "";
  height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -1;
  border-radius: 0;background: none;
}


.home-banner.google h1 {
  font-size: 48px;
  font-weight: 400;
  color: #000; text-align: left;
  margin: 25px 0 25px 0;
}
.home-banner.google p {
  width: 600px;
  max-width: 100%;
  font-weight: 300;
  font-size: 20px;
  padding: 0 0 35px;
  color: rgba(0, 0, 0, 0.97);
  margin: 0;
  opacity: 0.8;
  display: inline-block;
}



.home-banner.waimao {
  position: relative;
  overflow:hidden;margin-top: 10px; min-height: 800px;
  z-index: 1; background: url(../image/fangan/waimao1.jpg) no-repeat right top;background-size: contain;
}
.home-banner.waimao:after {
  content: "";
  height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -1;
  border-radius: 0;background: none;
}


.home-banner.waimao h1 {
  font-size: 48px;
  font-weight: 400;
  color: #000; text-align: left;
  margin: 25px 0 80px 0;
}
.home-banner.waimao p {
  width: 600px;
  max-width: 100%;
  font-weight: 300;
  font-size: 20px;
  padding: 0 0 35px;
  color: rgba(0, 0, 0, 0.97);
  margin: 0;
  opacity: 0.8;
  display: inline-block;
}





.home-banner.hui {
  position: relative;
  overflow:hidden;
  z-index: 1; background: #f3f3f3;background-size: contain;
}
.home-banner.hui:after {
  content: "";
  height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -1;
  border-radius: 0;background: none;
}


.home-banner.hui h1 {
  font-size: 42px; position:absolute; top:50px;
  font-weight: 400;
  color: #000; text-align: left;
}
.home-banner.hui h3 {
  font-size: 20px; position:absolute;top:200px;
  font-weight: 300;
  color: #000; text-align: left;
}
.home-banner.hui p {
  width: 600px;
  max-width: 100%;
  font-weight: 300;
  font-size: 20px;
  padding: 0 0 35px;
  color: rgba(0, 0, 0, 0.97);
  margin: 0;
  opacity: 0.8;
  display: inline-block;
}

@media (max-width: 1480px) {
.home-banner.hui h1 {
  font-size:32px; 
}
.home-banner.hui h3 {
  font-size: 24px; 
}
}





.home-banner.baonian {
  position: relative;
  overflow:hidden;min-height: 750px; padding:100px 0;margin:0;
  z-index: 1; background: url(../image/bg20.jpg) no-repeat top center;background-size: cover;
}
.home-banner.baonian:after {
  content: "";
  height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -1;
  border-radius: 0;background: none;
}

.home-banner.baonian h1 {
  font-size: 40px;
  font-weight: 300;
  color: #000; text-align: left;
  margin: 25px 0;
}
.home-banner.baonian p {
  width: 600px;
  max-width: 100%;
  font-weight: 300;
  font-size: 20px;
  padding: 0 0 35px;
  color: rgba(0, 0, 0, 0.97);
  margin: 0;
  opacity: 0.8;
  display: inline-block;
}

@media (max-width: 767px){
	.home-banner {
  position: relative;
  overflow:hidden;
  z-index: 1; margin-top: 70px;
}
  .home-banner h1 {
    font-size: 25px;
    margin: 15px 0 20px;
  }
  .home-banner p {
    font-size: 14px;
    padding: 0 0 30px;text-align: center;
  }

.home-banner.write h1 {
  font-size: 30px;
  font-weight: 400;
  color: #000; text-align: center;
  margin: 15px 0;
}
.home-banner.write p {
  width: 100%;
  font-weight: 300;
  font-size: 16px;
}	
	
.home-banner.baonian h1 {
padding-top: 80px; text-align: center;
}	
	
}



.up-down {
  position: relative;
  -webkit-animation-name: up-down;
          animation-name: up-down;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

@-webkit-keyframes up-down {
    0%   { top:5px;}
    25%  { top:10px;}
    50%  { top:15px;}
    75%  { top:10px;}
    100% { top:5px;}
}

@keyframes up-down {
    0%   { top:5px;}
    25%  { top:10px;}
    50%  { top:15px;}
    75%  { top:10px;}
    100% { top:5px;}
}



.left-down {
  position: relative;
  -webkit-animation-name: left-down;
          animation-name: left-down;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

@-webkit-keyframes left-down {
    0%   { left:5px;}
    25%  { left:10px;}
    50%  { left:15px;}
    75%  { left:10px;}
    100% { left:5px;}
}

@keyframes left-down {
    0%   { left:5px;}
    25%  { left:10px;}
    50%  { left:15px;}
    75%  { left:10px;}
    100% { left:5px;}
}



.fanganfenglei{margin:0 auto; padding: 60px 0; width: 100%; height: auto;}
.fangsec{margin:0 auto; padding: 20px 0; width: 100%; height: auto;}
.fangsec .title1{ margin: 0 auto; padding: 10px auto; width: 100%; height: auto; font-size: 30px; text-align: center; line-height: 30px; color: #000;}

.fangsec .title1 .huangg{  color: #ffc838; font-weight: bold; font-size: 38px;}


.fangsec .title2{ margin: 0 auto; padding: 10px auto; width: 100%; height: auto; font-size: 16px; text-align: center; line-height: 30px; color: #666;}



.features-item-box {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 5px 19.53px 1.47px rgba(85, 80, 98, 0.1);
    padding: 25px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.features-item-icon {
    min-height: 60px;
    margin-bottom: 10px; text-align: center;
}
.features-item-icon img{
   width: 60px; height: 60px;
}
.features-item-content h4 {
    font-size: 22px;
    color: #3b3663;font-family: 'MaxPro';
    margin-bottom: 15px;
	transition: all .3s ease-in-out;
}
.features-item-content p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
	transition: all .3s ease-in-out;
}
.features-item-content i {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 26px;
	transition: all .3s ease-in-out;
}
.features-item-wrap [class*="col-"]:nth-child(2) .features-item-box {
	margin-top: 65px;
}
.features-item-wrap [class*="col-"]:nth-child(3) .features-item-box {
	margin-top: -65px;
}
.features-item-wrap {
	position: relative;
}
.features-top-shape {
    position: absolute;
    left: -90px;
    top: -25px;
    z-index: -1;
}
.features-item-box::before {
    content: '';
    position: absolute;
    background: #f3ca20;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    transform: scaleY(0);
    transform-origin: 50% 100%;
    transition: transform .4s ease-out;
}
.features-item-box:hover::before {
    transform-origin: center top;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
.features-item-box:hover .features-item-icon img {
    margin-top:-8px;
}
.features-item-box:hover .features-item-content h4,
.features-item-box:hover .features-item-content p {
    color: #fff;
}
.features-item-box:hover .features-item-content i {
    color: #fff;
}
.features-title .sub-title {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    background: #ff4b36;
    color: #fff;
    padding: 6px 22px;
    border-radius: 4px;
    margin-bottom: 16px;
}
.features-title .title {
    font-size: 45px;
    line-height: 1.15;
    margin-bottom: 30px;
}
/*fanganweb*/

.fanganline{ margin:0 auto; padding: 0; width: 100%; height: 3px; margin-top: 100px;}

.pw { max-width: 1480px; margin: 0 auto; position: relative; }
.pronavtwo { overflow: hidden; padding: 10px 0 15px 0; }
.pronavtwo li { overflow: hidden; margin-bottom: 5px; font-size:14px; width:31%; margin:10px 2% 10px 0; float:left; padding:5px 15px; line-height: 30px;  font-size:18px; font-weight:bold; word-break:keep-all; }
.pronavtwo li > span { margin:5px 0; width:100%;float: left; color: #333;padding-left:0; padding-right:5px; border-bottom:1px dashed #e3e3e3; line-height: 30px;  font-size:18px; font-weight:bold; word-break:keep-all;  }
.pronavtwo li > span.acc { color: #ffba00; }

.pronavtwo li > a { float: left; color: #333; margin-right: 5px; line-height: 30px;  font-size:18px; font-weight:bold; word-break:keep-all; }
.pronavtwo li > a:hover, .pronavtwo li > a.cur { color: #a2192b; }

.pronavtwo li > a.cur { float: left; color: #fff; margin-right: 5px; background:#B2934E;font-size:14px; }
.pronavtwo li ul { margin:0 auto; padding:0; width:100%; height:auto; clear:both; word-break:keep-all; display: block;}
.pronavtwo li ul a{margin: 0; padding:0 5px 0 0; border: 0; margin-right:10px;font-size:12px; line-height:20px; color:#888; float: left;font-weight:normal; word-break:keep-all;}

.pronavtwo li ul a.this{ color:#fff; background:#ffba00; }
.pronavtwo li ul a:hover{ color:#fff; background:#ffba00;  }

.pronavtwo li:nth-child(3n+1) { clear: both;}

.fanganbaidutuigang{ margin:0 auto; padding:0; width:100%; height:auto;}

.fanganbaidutuigang1{ margin:0 auto; padding:30px 0; width:100%; height:auto; background:#f3f3f3;}
.fanganbaidutuigang1 .title{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; font-size:24px;color:#000; text-align:center; text-decoration:none; line-height:40px;text-align:center;}
.fanganbaidutuigang1 .titletxt{ margin:0 auto; padding:5px 0; width:100%; height:auto; max-width:1200px; font-size:14px;color:#777; text-align:center; text-decoration:none; line-height:20px;text-align:center;}

.fanganbaidutuigang1 .facon{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;}
.fanganbaidutuigang1 .facon1{ margin:0 auto; padding:30px 0; width:31%; height:auto; margin:1%; float: left; border-radius:8px;}
.fanganbaidutuigang1 .facon1:hover{ background:#fbc700;}

.fanganbaidutuigang1 .facon1 .facon11{ margin:0 auto; padding:0; width:80px; height:80px;background-color:#ffba00; border:1px solid #e3e3e3; border-radius:50px; background-image:url(../image/faico.png);background-repeat:no-repeat center center; background-position:0 -80px;}
.fanganbaidutuigang1 .facon1 .facon11 img{ max-width:100%; height:auto;}
.fanganbaidutuigang1 .facon1 .facon12{ margin:0 auto; padding:0 10%; width:80%; height:auto; font-size:18px;color:#333; text-align:center; text-decoration:none; line-height:30px;text-align:center; font-weight:bold;}
.fanganbaidutuigang1 .facon1 .facon13{ margin:0 auto; padding:5px 10%; width:80%; height:auto; font-size:14px;color:#888; text-align:center; text-decoration:none; line-height:25px;text-align:center;}

.fanganbaidutuigang1 .facon1:hover .facon11{  background-color:#fff;background-image:url(../image/faico.png);background-repeat:no-repeat; background-position:0 0;}
.fanganbaidutuigang1 .facon1:hover .facon12{color:#fff;}
.fanganbaidutuigang1 .facon1:hover .facon13{color:#fff;}

.fanganbaidutuigang1 .facon1 .facon21{margin:0 auto; padding:0; width:80px; height:80px;background-color:#00ccff; border:1px solid #e3e3e3; border-radius:50px; background-image:url(../image/faico.png);background-repeat:no-repeat center center; background-position:-80px -80px;}
.fanganbaidutuigang1 .facon1:hover .facon21{ background-color:#fff;background-image:url(../image/faico.png);background-repeat:no-repeat; background-position:-80px 0;}

.fanganbaidutuigang1 .facon1 .facon31{margin:0 auto; padding:0; width:80px; height:80px;background-color:#d4257c; border:1px solid #e3e3e3; border-radius:50px; background-image:url(../image/faico.png);background-repeat:no-repeat center center; background-position:-160px -80px;}
.fanganbaidutuigang1 .facon1:hover .facon31{ background-color:#fff;background-image:url(../image/faico.png);background-repeat:no-repeat; background-position:-160px 0;}
.fanganbaidutuigang1 .facon1 .facon41{ margin:0 auto; padding:0; width:80px; height:80px;background-color:#44b12b; border:1px solid #e3e3e3; border-radius:50px; background-image:url(../image/faico.png);background-repeat:no-repeat center center; background-position:-240px -80px;}
.fanganbaidutuigang1 .facon1:hover .facon41{background-color:#fff;background-image:url(../image/faico.png);background-repeat:no-repeat; background-position:-240px 0;}
.fanganbaidutuigang1 .facon1 .facon51{ margin:0 auto; padding:0; width:80px; height:80px;background-color:#c8a139; border:1px solid #e3e3e3; border-radius:50px; background-image:url(../image/faico.png);background-repeat:no-repeat center center; background-position:-320px -80px;}
.fanganbaidutuigang1 .facon1:hover .facon51{background-color:#fff;background-image:url(../image/faico.png);background-repeat:no-repeat; background-position:-320px 0px;}
.fanganbaidutuigang1 .facon1 .facon61{ margin:0 auto; padding:0; width:80px; height:80px;background-color:#00b4c4; border:1px solid #e3e3e3; border-radius:50px; background-image:url(../image/faico.png);background-repeat:no-repeat center center; background-position:-400px -80px;}
.fanganbaidutuigang1 .facon1:hover .facon61{background-color:#fff;background-image:url(../image/faico.png);background-repeat:no-repeat; background-position:-400px 0px;}

.fanganbaidutuigang2{ margin:0 auto; padding:40px 0; width:100%; height:auto; background: url(../image/bg7.jpg) no-repeat center center;}

.fanganbaidutuigang2 .title{ margin:0 auto; padding:20px 0; width:100%; height:auto; max-width:1200px; font-size:30px;color:#fff; text-align:center; text-decoration:none; line-height:40px;text-align:center; font-weight:bold;}
.fanganbaidutuigang2 .titletxt{ margin:0 auto; padding:5px 0; width:100%; height:auto; max-width:1200px; font-size:14px;color:#fff; text-align:center; text-decoration:none; line-height:20px;text-align:center;}
.fanganbaidutuigang2 .facon{ margin:0 auto; padding:40px 0; width:100%; height:auto; max-width:1200px;}
.fanganbaidutuigang2 .facon1{ margin:0 auto; padding:0; width:29%; height:auto; margin:2%; padding:1%; float:left; border:10px; background:#fff; min-height:350px;transition:all .5s;}
.fanganbaidutuigang2 .facon1 .facon11{ margin:0 auto; padding:0; width:100%; height:auto; text-align:center; }
.fanganbaidutuigang2 .facon1 .facon11 img{ max-width:100%; height:auto;}
.fanganbaidutuigang2 .facon1 .facon12{ margin:0 auto; padding:0; width:100%; height:auto;  font-size:18px;color:#333; text-align:center; text-decoration:none; line-height:30px;text-align:center; font-weight:bold;}
.fanganbaidutuigang2 .facon1 .facon13{ margin:0 auto; padding:0; width:100%; height:auto;font-size:14px;color:#888; text-align:center; text-decoration:none; line-height:25px;text-align:center; }

.fanganbaidutuigang2 .facon1:hover{-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px); -o-transform:translateY(-20px);transform:translateY(-20px)}

.fanganbaidutuigang3{ margin:0 auto; padding:40px 0; width:100%; height:auto; max-width:1200px;}
.fanganbaidutuigang3 .facon1{ margin:0 auto; padding:0; width:31%; height:auto; margin:1%; padding:2%; float:left; border:1px solid #e3e3e3; background:#fff; min-height:140px;}
.fanganbaidutuigang3 .facon1 .ico1{ margin:0 auto; padding:0; width:100%; height:auto; font-size:18px;color:#333; text-align:center; text-decoration:none; line-height:30px;text-align:left; font-weight:bold;}
.fanganbaidutuigang3 .facon1 .ico2{ margin:0 auto; padding:5px 0; width:100%; height:auto; font-size:14px;color:#666; text-align:center; text-decoration:none; line-height:25px;text-align:left; font-weight: normal;}


.fanganbaidutuigang3 .facon1:hover{background:#fbc701;}
.fanganbaidutuigang3 .facon1:hover .ico1{ color:#fff; }
.fanganbaidutuigang3 .facon1:hover .ico2{ color:#fff;}



.fanganbaiduyouhua1{ margin:0 auto; padding:30px 0; width:100%; height:auto; background:#f3f3f3;}
.fanganbaiduyouhua1 .title{ margin:0 auto; padding:20px 0; width:100%; height:auto; max-width:1200px; font-size:30px;color:#333; text-align:center; text-decoration:none; line-height:40px;text-align:center; font-weight:bold;}
.fanganbaiduyouhua1 .titletxt{ margin:0 auto; padding:5px 0; width:100%; height:auto; max-width:1200px; font-size:14px;color:#666; text-align:center; text-decoration:none; line-height:20px;text-align:center;}


.fangangoogle1{ margin:0 auto; padding:30px 0; width:100%; height:auto; max-width:1480px;}
.fangangoogle11{ margin:0 auto; padding:0; width:58%; height:auto; float:left;}
.fangangoogle11 h2{ margin:0 auto; padding:30px 0; width:100%; height:auto; float:left; font-size:26px;color:#000; text-decoration:none; line-height:30px;text-align:left; font-weight:bold;}
.fangangoogle11 p{ margin:0 auto; padding:0; width:100%; height:auto; float:left; font-size:14px;color:#666; text-align:left; text-decoration:none; line-height:30px;text-align:left; font-weight: normal;}
.fangangoogle12{ margin:0 auto; padding:0; width:40%; height:auto; float:right; text-align:center; }
.fangangoogle12 img{ max-width:100%; height:auto;}

.fangangoogle2{ margin:0 auto; padding:30px 0; width:100%; height:auto; background:#f3f3f3;}
.fangangoogle21{ margin:0 auto; padding:30px 0; width:100%; height:auto; max-width:1480px;}
.fangangoogle211{ margin:0 auto; padding:0; width:42%; height:auto; float:left;}
.fangangoogle211 img{ max-width:100%; height:auto;}
.fangangoogle212{ margin:0 auto; padding:0; width:56%; height:auto; float:right;}
.fangangoogle212 h2{margin:0 auto; padding:0; width:100%; height:auto; float:left; font-size:26px;color:#000;text-decoration:none; line-height:30px;text-align:left; font-weight:bold;}
.fangangoogle212 span{margin:0 auto; padding:20px 0 0 0; width:100%; height:auto; float:left; font-size:18px;color:#000; text-decoration:none; line-height:30px;text-align:left; font-weight:bold;}
.fangangoogle212 p{margin:0 auto; padding:0; width:100%; height:auto; float:left; font-size:14px;color:#666; text-decoration:none; line-height:20px;text-align:left; font-weight: normal;}


.fangangoogle3{ margin:0 auto; padding:40px 0 0 0; width:100%; height:auto; background:#fff;}
.fangangoogle31{ margin:0 auto; padding:30px 0; width:100%; height:auto; max-width:1480px;}
.fangangoogle31 h2{ margin:0 auto; padding:0; width:100%; height:auto; font-size:26px;color:#000;text-decoration:none; line-height:30px;text-align:center; font-weight:bold;}
.fangangoogle31 p{margin:0 auto; padding:0; width:100%; height:auto; float:left; font-size:14px;color:#666; text-decoration:none; line-height:20px;text-align:center; font-weight: normal;}

.fangangoogle32{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1480px;}
.fangangoogle32 img{ max-width:100%; height:auto;}


.fanganaliyouhua1{ margin:0 auto; padding:30px 0; width:100%; height:auto; background:#fff;}
.fanganaliyouhua1 .title{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; font-size:24px;color:#000; text-align:center; text-decoration:none; line-height:40px;text-align:center;}
.fanganaliyouhua1 .titletxt{ margin:0 auto; padding:5px 0; width:100%; height:auto; max-width:1200px; font-size:14px;color:#777; text-align:center; text-decoration:none; line-height:20px;text-align:center;}

.fanganaliyouhua1 .facon{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1480px;}
.fanganaliyouhua1 .facon1{ margin:0 auto; padding:30px 0; width:14%; height:auto; margin:1%; float: left; border-radius:8px; background: #fff;}
.fanganaliyouhua1 .facon1:hover{ background:#fbc700;}

.fanganaliyouhua1 .facon1 .facon11{ margin:0 auto; padding:0; width:100%; height:auto; text-align:center;}
.fanganaliyouhua1 .facon1 .facon11 img{ max-width:100%; height:auto;}
.fanganaliyouhua1 .facon1 .facon12{ margin:0 auto; padding:0 5%; width:90%; height:auto; font-size:18px;color:#333; text-align:center; text-decoration:none; line-height:30px;text-align:center; font-weight:bold;}
.fanganaliyouhua1 .facon1 .facon13{ margin:0 auto; padding:5px 5%; width:90%; height:auto; font-size:14px;color:#888; text-align:center; text-decoration:none; line-height:25px;text-align:center;}

.fanganaliyouhua1 .facon1:hover .facon12{color:#fff;}
.fanganaliyouhua1 .facon1:hover .facon13{color:#fff;}


.hui{ background:#f3f3f3;}

.fanganaliyouhua2{ margin:0 auto; padding:30px 0; width:100%; height:auto; background:#fff;}
.fanganaliyouhua21{ margin:0 auto; padding:0; width:100%; height:auto; font-family:Arial; font-size:24px;color:#666; text-align:center; text-decoration:none; line-height:25px;text-align:center;}
.fanganaliyouhua22{ margin:0 auto; padding:15px 0 0 0; width:100%; height:auto; font-size:34px;color:#000; text-align:center; text-decoration:none; line-height:25px;text-align:center; font-weight:bold;}
.fanganaliyouhua22 span{color:#45aed6;}
.fanganaliyouhua23{ margin:0 auto; padding:15px 0; width:100%; max-width:800px; height:auto; font-size:18px;color:#666; text-align:center; text-decoration:none; line-height:25px;text-align:center;}
.fanganaliyouhua24{ margin:0 auto; padding:15px 0; width:100%;max-width:1200px; }
.fanganaliyouhua241{ margin:0 auto; padding:0; width:40%; float:left; }
.fanganaliyouhua241 img{ max-width:100%; height:auto;}
.fanganaliyouhua242{ margin:0 auto; padding:80px 0 0 0; width:56%; float:right; }
.fanganaliyouhua242 ul{ margin:0 auto; padding:0; width:100%; float:left; }
.fanganaliyouhua242 ul li{ margin:0 auto; padding:0; width:48%; float:left; padding-right:2%;font-size:16px;color:#666; text-align:left; text-decoration:none; line-height:70px;text-align:center; }
.fanganaliyouhua242 ul li span{ margin:0 auto; padding:0; width:auto; padding-left:20px; float:left; font-size:16px;color:#666; text-align:left; text-decoration:none; line-height:70px;text-align:center; }
.fanganaliyouhua242 ul li img{  float:left;}

#cta2 {
  background: #242a33 url(../image/cta2-bg.jpg) no-repeat 50% 50%;
  background-size: cover;
  color: #fff;
  padding-top: 70px;
}
#cta2 .btn {
  margin-top: 10px;
}
#cta2 h2 {
  color: #fff;
  font-size: 44px;
  line-height: 1;
}
#cta2 h2 > span {
  color: #45aed6;
}

.fanganaliyouhua3{ margin:0 auto; padding:30px 0; width:100%; height:auto; background:#f3f3f3;}
.fanganaliyouhua3 .title{  margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; font-size:32px;color:#000; text-align:center; text-decoration:none; line-height:40px;text-align:center;}


.fanganaliyouhua31{ margin:0 auto; padding:30px 0; width:100%; height:auto; max-width: 1480px;}
.fanganaliyouhua31 ul{ margin:0 auto; padding:0; width:100%; height:auto;}
.fanganaliyouhua31 ul li{ margin:0 auto; padding:0; width:32%; height:auto; margin-right: 1%; float: left;background: #fff;}
.fanganaliyouhua31 ul li .img{ margin:0 auto; padding:50px 0; width:100%; height:auto; text-align: center;}
.fanganaliyouhua31 ul li .img img{ max-width: 100%; height: auto;}

.fanganaliyouhua31 ul li .txt{ margin:0 auto; padding:3%; width:100%; height:auto; float: left; background: #fbc700;}
.fanganaliyouhua31 ul li .txt .txt1{ margin:0 auto; padding:0; width:100%; height:auto; float: left; font-size: 18px; color: #000; text-align: center; font-weight: bold;line-height: 30px; }
.fanganaliyouhua31 ul li .txt .txt2{ margin:0 auto; padding:10px 0; width:100%; height:auto; float: left; font-size: 12px; color: #000; text-align: center; line-height: 30px; }


.fanganaliyouhua4{ margin:0 auto; padding:30px 0; width:100%; height:auto; background:#fff;}
.fanganaliyouhua4 .title{  margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; font-size:32px;color:#f26b11; text-align:center; text-decoration:none; line-height:40px;text-align:center;}
.fanganaliyouhua4 .img{  margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;text-align:center;}
.fanganaliyouhua4 .img img{ max-width: 100%; height: auto;}

.fanganaliyouhua5{ margin:0 auto; padding:0; width:100%; height:auto; background:#de6a08;}
.fanganaliyouhua5 .left{ margin:0 auto; padding:0; width:50%; height:auto; float: left;}
.fanganaliyouhua5 .left img{ max-width: 100%; height: auto;}


.fanganaliyouhua5 .right{ margin:0 auto; padding:30px 0; width:50%; height:auto; float: right;}
.fanganaliyouhua5 .right .con{ margin:0; padding:0; width:100%; height:auto; max-width: 640px; padding-top: 60px;}
.fanganaliyouhua5 .right .con .title{ margin:0 auto; padding:0; width:100%; height:auto;font-size:32px;color:#fff; text-align:left; text-decoration:none; line-height:40px;}
.fanganaliyouhua5 .right .con .title1{ margin:0 auto; padding:15px 0; width:100%; height:auto;font-size:24px;color:#fff; font-weight: bold;text-align:left; text-decoration:none; line-height:40px;}
.fanganaliyouhua5 .right .con .title2{ margin:0 auto; padding:15px 0; width:100%; height:auto;font-size:18px;color:#fff; text-align:left; text-decoration:none; line-height:40px;}

.fanganaliyouhua5 .right .con .title3{ margin:0 auto; padding:15px 0; width:100%; height:auto; text-align: left;}
.fanganaliyouhua5 .right .con .title3 img{ max-width: 100%; height: auto;}

.fanganaliyouhua6{ margin:0 auto; padding:40px 0; width:100%; height:auto; background:#fff;}
.fanganaliyouhua6 .title{  margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; font-size:32px;color:#000; text-align:center; text-decoration:none; line-height:40px;text-align:center;}
.fanganaliyouhua6 .title1{  margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; font-size:14px;color:#000; text-align:center; text-decoration:none; line-height:40px;text-align:center;}
.fanganaliyouhua6 .title{  margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; font-size:32px;color:#000; text-align:center; text-decoration:none; line-height:40px;text-align:center;}

.fanganaliyouhua6 .con{  margin:0 auto; padding:20px 0; width:100%; height:auto; max-width:1170px; }
.fanganaliyouhua6 .con .con1{  margin:0 auto; padding:0; width:100%; height:auto; max-width:1170px; }
.fanganaliyouhua6 .con .con1 ul{  margin:0 auto; padding:0; width:100%; height:auto; max-width:1170px; }
.fanganaliyouhua6 .con .con1 ul li{  margin:0 auto; padding:0; width:14%; height:auto; float: left; text-align: center;}
.fanganaliyouhua6 .con .con1 ul li img{ max-width: 100%; height: auto;}
.fanganaliyouhua6 .con .con2{  margin:0 auto; padding:0; width:100%; height:25px; display:block;background: url(../image/fangan/f10.jpg) no-repeat top center; }

.fanganaliyouhua6 .con .con3{  margin:0 auto; padding:0; width:100%; height:auto; max-width:1170px; }
.fanganaliyouhua6 .con .con3{  margin:0 auto; padding:0; width:100%; height:auto; max-width:1170px; }
.fanganaliyouhua6 .con .con3 ul{  margin:0 auto; padding:0; width:100%; height:auto; max-width:1170px; }
.fanganaliyouhua6 .con .con3 ul li{  margin:0 auto; padding:0; width:14%; height:auto; float: left; text-align: center;}
.fanganaliyouhua6 .con .con3 ul li img{ max-width: 100%; height: auto;}

.fanganaliyouhua7{ margin:0 auto; padding:40px 0; width:100%; height:auto; background:#f4f4f4;}
.fanganaliyouhua71{ margin:0 auto; padding:40px 0; width:100%; height:auto; max-width: 1480px;}
.fanganaliyouhua71 .left{ margin:0 auto; padding:0; width:50%; height:auto; float: left;}
.fanganaliyouhua71 .left img{ max-width: 1005; height: auto;}


.fanganaliyouhua71 .right{ margin:0 auto; padding:0; width:50%; height:auto; float: right;}
.fanganaliyouhua71 .right .title1{ margin:0 auto; padding:0; width:100%; height:auto; font-size:22px; font-weight: bold;color:#000; text-align:left; text-decoration:none; line-height:40px;}
.fanganaliyouhua71 .right .title2{ margin:0 auto; padding:25px 0; width:100%; height:auto; font-size:16px;color:#000; text-align:left; text-decoration:none; line-height:25px;}
.fanganaliyouhua71 .right .title3{ margin:0 auto; padding:0; width:100%; height:auto; font-size:22px;color:#de6a08;font-weight: bold; text-align:left; text-decoration:none; line-height:30px;}

.fanganaliyouhua8{ margin:0 auto; padding:40px 0; width:100%; height:auto; background:#fff;}
.fanganaliyouhua8 .title{  margin:0 auto; padding:0; width:100%; height:auto; max-width:1480px; font-size:32px;color:#de6a08; text-align:center; text-decoration:none; line-height:40px;text-align:center;}
.fanganaliyouhua8 .title1{  margin:0 auto; padding:0; width:100%; height:auto; max-width:1480px; font-size:14px;color:#000; text-align:center; text-decoration:none; line-height:40px;text-align:center;}
.fanganaliyouhua8 .con{  margin:0 auto; padding:20px 0; width:100%; height:auto; max-width:1480px; }
.fanganaliyouhua8 .con ul{  margin:0 auto; padding:0; width:100%; height:auto; max-width:1480px; }
.fanganaliyouhua8 .con ul li{  margin:0 auto; padding:0; width:20%; height:auto; float: left; text-align: center;}
.fanganaliyouhua8 .con ul li .img{  margin:0 auto; padding:0; width:100%; height:auto; text-align: center;}
.fanganaliyouhua8 .con ul li .img img{ max-width: 1005; height: auto;}
.fanganaliyouhua8 .con ul li .txt1{  margin:0 auto; padding:0; width:100%; height:auto; text-align: center;font-size:18px;color:#000; text-align:center; text-decoration:none; line-height:40px;}
.fanganaliyouhua8 .con ul li .txt2{  margin:0 auto; padding:10px 0; width:100%; height:auto; text-align: center;font-size:14px;color:#777; text-align:center; text-decoration:none; line-height:20px;}

.fanganaliyouhua9{ margin:0 auto; padding:0; width:100%; height:auto; background:#588dca;}
.fanganaliyouhua9 .left{ margin:0 auto; padding:0; width:50%; height:auto; float: left;}
.fanganaliyouhua9 .left .con{ margin:0 auto; padding:30px 0; width:100%; padding-right: 40px; max-width: 600px; height:auto; float: right;}
.fanganaliyouhua9 .left .con .title1{ margin:0 auto; padding:0; width:100%; height:auto; }
.fanganaliyouhua9 .left .con .title2{ margin:0 auto; padding:40px 0; width:100%; height:auto; font-size:24px;color:#fff;font-weight: bold; text-align:left; text-decoration:none; line-height:30px;}
.fanganaliyouhua9 .left .con .title3{ margin:0 auto; padding:0; width:100%; height:auto; font-size:18px;color:#fff; text-align:left; text-decoration:none; line-height:30px;}

.fanganaliyouhua9 .right{ margin:0 auto; padding:0; width:50%; height:auto; float: right;}
.fanganaliyouhua9 .right img{ max-width: 100%; height: auto;}

.fanganaliyouhua10{ margin:0 auto; padding:40px 0; width:100%; height:auto; background:#f3f3f3;}
.fanganaliyouhua10 .title{  margin:0 auto; padding:0; width:100%; height:auto; max-width:1480px; font-size:32px;color:#de6a08; text-align:center; text-decoration:none; line-height:40px;text-align:center;}
.fanganaliyouhua10 .title1{  margin:0 auto; padding:0; width:100%; height:auto; max-width:1480px; font-size:14px;color:#000; text-align:center; text-decoration:none; line-height:40px;text-align:center;}
.fanganaliyouhua10 .con{  margin:0 auto; padding:20px 0; width:100%; height:auto; max-width:1480px; }
.fanganaliyouhua10 .con ul{  margin:0 auto; padding:0; width:100%; height:auto; max-width:1480px; }
.fanganaliyouhua10 .con ul li{  margin:0 auto; padding:20px 0; width:18%; height:auto; float: left; margin: 1%; text-align: center; background: #fff;}
.fanganaliyouhua10 .con ul li .img{  margin:0 auto; padding:0; width:100%; height:auto; text-align: center;}
.fanganaliyouhua10 .con ul li .img img{ max-width: 100%; height: auto;}
.fanganaliyouhua10 .con ul li .txt1{  margin:0 auto; padding:0; width:100%; height:auto; min-height: 52px; text-align: center;font-size:18px;color:#000; text-align:center; text-decoration:none; line-height:26px;}

.fanganaliyouhua11{ margin:0 auto; padding:40px 0; width:100%; height:auto; background:#fff;}
.fanganaliyouhua11 .title{  margin:0 auto; padding:0; width:100%; height:auto; max-width:1480px; font-size:32px;color:#de6a08; text-align:center; text-decoration:none; line-height:40px;text-align:center;}
.fanganaliyouhua11 .title1{  margin:0 auto; padding:0; width:100%; height:auto; max-width:1480px; font-size:14px;color:#000; text-align:center; text-decoration:none; line-height:40px;text-align:center;}
.fanganaliyouhua11 .con{  margin:0 auto; padding:20px 0; width:100%; height:auto; max-width:1480px; }
.business .box {
	width: 100%;max-width:1200px; padding-top: 40px;
	margin: 0 auto;
	position: relative;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.business .box ul.items {
	margin: 0 auto;

}

.business .box ul.items li {
	width: 200px;
	height: 300px;
	margin: 0 8px;
	background: url(../image/bg_green.png) no-repeat 0px 400px;
	overflow: hidden;
	display: inline-block;
}

.business .box ul.items li i {
	display: block;
	position: relative;
	margin: 0 auto;
	margin-top: 43px;
	height: 69px;
}

.business .box ul.items li.pc i {
	width: 69px;
	background: url(../image/words.png) no-repeat -245px -357px;
}

.business .box ul.items li.mobi i {
	width: 64px;
	background: url(../image/words.png) no-repeat -416px -291px;
}

.business .box ul.items li.sys i {
	width: 76px;
	background: url(../image/words.png) no-repeat -415px -362px;
}

.business .box ul.items li.app i {
	width: 74px;
	background: url(../image/words.png) no-repeat -244px -439px;
}

.business .box ul.items li.host i {
	width: 79px;
	background: url(../image/words.png) no-repeat -420px -439px;
}

.business .box ul.items li u {
	display: block;
	position: absolute;
	width: 156px;
	height: 156px;
	margin-left: 22px;
	background: url(../image/words.png) no-repeat 0px -363px;
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-ms-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;
}

.business .box ul.items li u.cl {
	clip: rect(0px,156px,-10px,78px);
}

.business.active .box ul.items li u.cl {
	clip: rect(0px,156px,156px,78px);
}

.business .box ul.items li u.cr {
	clip: rect(156px,78px,156px,0px);
}

.business.active .box ul.items li u.cr {
	clip: rect(0px,78px,156px,0px);
}

.business .box ul.items li strong {
	display: block;
	margin-top: 70px;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
}

.business .box ul.items li p {
	position: relative;
	top: 200px;
	color: White;
		font-size: 14px;
	line-height: 20px;
	text-align: center;
}

.business .box ul.items li:hover {
	background-position: 0px 0px;
	-webkit-transition: all .5s ease-in-out .3s;
	-moz-transition: all .5s ease-in-out .3s;
	-ms-transition: all .5s ease-in-out .3s;
	-o-transition: all .5s ease-in-out .3s;
	transition: all .5s ease-in-out .3s;
}

.business .box ul.items li:hover i {
	-webkit-transition: all .5s ease-in-out .4s;
	-moz-transition: all .5s ease-in-out .4s;
	-ms-transition: all .5s ease-in-out .4s;
	-o-transition: all .5s ease-in-out .4s;
	transition: all .5s ease-in-out .4s;
}

.business .box ul.items li.pc:hover i {
	background: url(../image/words.png) no-repeat -168px -357px;
}

.business .box ul.items li.mobi:hover i {
	background: url(../image/words.png) no-repeat -337px -291px;
}

.business .box ul.items li.sys:hover i {
	background: url(../image/words.png) no-repeat -327px -362px;
}

.business .box ul.items li.app:hover i {
	background: url(../image/words.png) no-repeat -164px -439px;
}

.business .box ul.items li.host:hover i {
	background: url(../image/words.png) no-repeat -335px -439px;
}

.business .box ul.items li:hover u.cl {
	clip: rect(0px,156px,-10px,78px);
}

.business .box ul.items li:hover u.cr {
	clip: rect(156px,78px,156px,0px);
}

.business .box ul.items li:hover strong {
	color: White;
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	-ms-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s;
}

.business .box ul.items li:hover p {
	top: 20px;
	-webkit-transition: all .3s ease-in-out .5s;
	-moz-transition: all .3s ease-in-out .5s;
	-ms-transition: all .3s ease-in-out .5s;
	-o-transition: all .3s ease-in-out .5s;
	transition: all .3s ease-in-out .5s;
}

.business .box label {
	display: block;
	margin: 0 auto;
	margin-top: -40px;
	width: 297px;
	height: 21px;
	background: url(../image/words.png) no-repeat 0px -333px;
}

section.cases {
	background: url(../image/wallpaper3.jpg);
}

}



.fanggoogle1{ margin:0 auto; padding:0; width: 100%; height: auto;}


.fanggoogle1 .title{ margin:0 auto; padding:0; width: 100%; padding-top: 40px; height: auto; font-size: 36px; color: #000; text-align: center; line-height: 30px;}
.fanggoogle1 .title1{ margin:0 auto; padding:10px 0; width: 100%; height: auto; font-size: 14px; color: #999; text-align: center; line-height: 20px;}
.fanggoogle1 .con1{ margin:0 auto; padding:10px 0; width: 100%; height: auto;}
.fanggoogle1 .con1 .con11{ margin:0 auto; padding:0; padding-top:30px; width: 31%; height: auto; float: left;}
.fanggoogle1 .con1 .con111{ margin:0 auto; padding:0; width: 80%; height: 120px; float: right; border-radius: 60px; background: #fff; display: block; }
.fanggoogle1 .con1 .con112{ margin:40px auto; padding:0; width: 80%; height: 120px; float: left; border-radius: 60px; background: #f89c1a; display: block; }
.fanggoogle1 .con1 .con113{ margin:0 auto; padding:0; width: 80%; height: 120px; float: right; border-radius: 60px; background: #fff; display: block; }


.fanggoogle1 .con1 .txt11{ width:100%; padding:20px 0 0 0; font-size: 24px; color: #ff7200; font-weight: bold; text-align: center; line-height: 30px;}
.fanggoogle1 .con1 .txt12{ width:100%; padding:10px 0 0 0;font-size: 14px; color: #666; font-weight: normal; text-align: center; line-height: 20px;}

.fanggoogle1 .con1 .txt13{ width:100%; padding:20px 0 0 0; font-size: 24px; color: #fff; font-weight: bold; text-align: center; line-height: 30px;}
.fanggoogle1 .con1 .txt14{ width:100%; padding:10px 0 0 0;font-size: 14px; color: #fff; font-weight: normal; text-align: center; line-height: 20px;}



.fanggoogle1 .con1 .con12{ margin:0 auto; padding:0; width: 37%; height: auto; float: left; text-align: center;}
.fanggoogle1 .con1 .con12 img{ max-width:100%; height:auto;}
.fanggoogle1 .con1 .con13{ margin:0 auto; padding:0;padding-top:30px; width: 31%; height: auto; float: right;}
.fanggoogle1 .con1 .con114{ margin:0 auto; padding:0; width: 80%; height: 120px; float: left; border-radius: 60px; background: #fff; display: block; }
.fanggoogle1 .con1 .con115{ margin:40px auto; padding:0; width: 80%; height: 120px; float: right; border-radius: 60px; background: #f89c1a; display: block; }
.fanggoogle1 .con1 .con116{ margin:0 auto; padding:0; width: 80%; height: 120px; float: left; border-radius: 60px; background: #fff; display: block; }

.fanggoogle1 .con2{ margin:0 auto; padding:30px 0; width: 50%; height: auto; float:left; }
.fanggoogle1 .con2 img{ max-width:100%; height:auto;}

.fanggoogle1 .con3{ margin:0 auto; padding:30px 0; width: 50%; height: auto; float:left;}
.fanggoogle1 .con3 .con31{ margin:0; padding:60px 0; width:100%; height: auto; max-width:700px;}
.fanggoogle1 .con3 .con31 .title1{ margin:0; padding:0; width:100%; height: auto; font-size: 30px; color: #ff7200; font-weight: bold; text-align: left; line-height: 30px;}
.fanggoogle1 .con3 .con31 .title2{ margin:0; padding:20px 0; width:100%; height: auto; font-size: 16px; color: #666; font-weight:  normal; text-align: left; line-height: 30px;}

.fanggoogle1 .con4{ margin:0 auto; padding:30px 0; width: 100%; height: auto; text-align:center;}
.fanggoogle1 .con4 img{ max-width:100%; height:auto;}



.fanggoogle2{ margin: 0 auto; padding:30px 0; width:100%; height:auto; background:#f89c1a;}
.fanggoogle2 .con1{ margin:0 auto; padding:0; width: 50%; height: auto; float:left;}
.fanggoogle2 .con1 .con11{ margin:0; padding:0; width:100%; height: auto; max-width:700px; float:right;}
.fanggoogle2 .con1 .con11 .title1{ margin:0; padding:0; width:100%; height: auto; font-size: 30px; color: #fff; font-weight: bold; text-align: left; line-height: 30px;}
.fanggoogle2 .con1 .con11 .list{ margin:0; padding:20px 0; width:100%; height: auto; }
.fanggoogle2 .con1 .con11 .list ul{ margin:0; padding:10px 0; width:100%; height: auto; }
.fanggoogle2 .con1 .con11 .list ul li{ margin:5px 2% 5px 0; padding:2%; width:44%; height: auto; border-radius:30px; float:left; background:#fff; display:block; }
.fanggoogle2 .con1 .con11 .list ul li .img{ margin:0 auto; padding:0; width:90%; height: auto; text-align:center; }
.fanggoogle2 .con1 .con11 .list ul li .txt1{ margin:0 auto; padding:0; width:90%; height: auto; text-align:center;font-size: 20px; color: #ff7200; font-weight: bold; line-height:36px;   }
.fanggoogle2 .con1 .con11 .list ul li .txt2{ margin:0 auto; padding:5px 0; width:90%; height: auto; text-align:center;font-size: 14px; color: #666; line-height:20px; font-weight:  normal;  }


.fanggoogle2 .con2{ margin:40px auto; padding:30px 0; width: 50%; border-top-left-radius:300px;
border-top-right-radius:0;
border-bottom-right-radius:0;
border-bottom-left-radius:300px;height: auto; background:#fff; float:left; text-align:left; padding-left: 120px;}
.fanggoogle2 .con2 img{ max-width:100%; height:auto;}



.fanggoogle3{ margin: 0 auto; padding:0; width:100%; height:auto; background:#fbbe04;}
.fanggoogle3 .con1{ margin:0 auto; padding:0; width: 50%; height: auto; float:left;}
.fanggoogle3 .con11{ margin:0 auto; padding:0; width: 100%; height: auto; float:right; max-width: 700px;}
.fanggoogle3 .con11 .title1{ margin:0 auto; padding:0; padding-top: 100px; width: 100%; height: auto;  font-size: 30px; color: #fff; font-weight: bold; text-align: left; line-height: 30px;}
.fanggoogle3 .con11 .title2{ margin:0 auto; padding:20px 0; width: 100%; height: auto;  font-size: 16px; color: #fff; font-weight: normal; text-align: left; line-height: 30px;}
.fanggoogle3 .con11 .title3{ margin:0 auto; padding:0; width: 100%; height: auto;  font-size: 30px; color: #fff; font-weight: bold; text-align: left; line-height: 30px;}


.fanggoogle3 .con2{ margin:0 auto; padding:0; width: 50%; height: auto; float:right; text-align: right;}
.fanggoogle3 .con2 img{ max-width:100%; height:auto;}

.fanggoogle4{ margin: 0 auto; padding:30px 0; width:100%; height:auto;}
.fanggoogle4 .con1{ margin: 0 auto; padding:0; padding-top: 25px; width:30%; height:auto; float: left;}
.fanggoogle4 .con1 img{ max-width:100%; height:auto;}

.fanggoogle4 .con2{ margin: 0 auto; padding:0; width:68%; height:auto; float: right;}
.fanggoogle4 .con2 .title1{ margin:0 auto; padding:0; padding-top: 20px; width: 100%; height: auto;  font-size: 30px; color: #fbbe04; font-weight: bold; text-align: left; line-height: 30px;}
.fanggoogle4 .con2 .list{ margin:0 auto; padding:0; padding-top: 10px; width: 100%; height: auto; }
.fanggoogle4 .con2 .list ul{ margin:0 auto; padding:0;width: 100%; height: auto; }
.fanggoogle4 .con2 .list ul li{ margin:0 auto; padding:0; padding-top: 20px; width: 100%; height: auto; float: left; clear: both;}
.fanggoogle4 .con2 .list ul li .left{ margin:0 auto; padding:0;width: 10%; height: auto; float: left; text-align: center;}
.fanggoogle4 .con2 .list ul li .left img{ max-width: 100%; height: auto;}

.fanggoogle4 .con2 .list ul li .right{ margin:0 auto; padding:0;width: 90%; height: auto; float: left;}
.fanggoogle4 .con2 .list ul li .right .right1{ margin:0 auto; padding:0;width: 100%; height: auto; float: left; font-size: 18px; color: #000; font-weight: bold; text-align: left; line-height: 30px;}
.fanggoogle4 .con2 .list ul li .right .right2{ margin:0 auto; padding:0;width: 100%; height: auto; float: left; font-size: 12px; color: #666; font-weight: normal; text-align: left; line-height: 20px;}


/* 5. Services */
.services-area{ margin: 0 auto; padding:20px 0 0 0; width:100%; height:auto;}
.section-title h2 {	font-size: 36px;	margin-bottom: 0;	text-transform: uppercase;}
.section-title .bar {	height: 2px;	width: 165px;	background: #d4c0f4;	margin: 20px auto 30px;	position: relative;	border-radius: 50%;}
.section-title .bar::before {	content: '';	position: absolute;	left: 0;	top: -3px;	height: 8px;	width: 8px;	border-radius: 50%;	background: #ed1d24;	-webkit-animation-duration: 4s;	animation-duration: 4s;	-webkit-animation-timing-function: linear;	animation-timing-function: linear;	-webkit-animation-iteration-count: infinite;	animation-iteration-count: infinite;	-webkit-animation-name: MOVE-BG;	animation-name: MOVE-BG;}@-webkit-keyframes MOVE-BG {  from {    -webkit-transform: translateX(0);            transform: translateX(0);  }  to {    -webkit-transform: translateX(163px);            transform: translateX(163px);  }}
@keyframes MOVE-BG {  from {    -webkit-transform: translateX(0);            transform: translateX(0);  }  to {    -webkit-transform: translateX(163px);            transform: translateX(163px);  }}
.section-title p {	margin-bottom: 0;	color: #75668f;	line-height: 28px;}
.single-delivery-services {	display: -webkit-box;	display: -ms-flexbox;	display: flex;	align-items: center;}
.single-delivery-services.pr-40 .ds-icon {	margin-left: 17px;}
.ds-content h5 {	font-size: 18px;	text-transform: uppercase;	color: #39255a;	line-height: 1;	margin-bottom: 10px;}
.ds-content p {	margin-bottom: 0;}
.single-delivery-services.pl-40 .ds-icon {	margin-right: 17px;}
.d-services-img {	text-align: center;	position: relative;}
.d-services-img::before {	content: "";	position: absolute;	background-image: url(../image/fangan/ellips_shape.png);	width: 578px;	height: 578px;	background-repeat: no-repeat;	left: -90px;	top: -15px;	z-index: -1;}
.d-services-img::after {	content: "";	position: absolute;	background-image: url(../image/fangan/services_shape.png);	width: 709px;	height: 585px;	background-repeat: no-repeat;	left: -155px;	top: -20px;	z-index: -1;}



.text-justify{text-align:justify!important}
.text-nowrap{white-space:nowrap!important}
.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.text-left{text-align:left!important}
.text-right{text-align:right!important}
.text-center{text-align:center!important}



@media (min-width:576px){
.services-area{ margin: 0 auto; padding:40px 0 0 0; width:100%; height:auto;}	
	
	.text-sm-left{text-align:left!important}
.text-sm-right{text-align:right!important}
.text-sm-center{text-align:center!important}
}
@media (min-width:768px){.text-md-left{text-align:left!important}
.text-md-right{text-align:right!important}
.text-md-center{text-align:center!important}
}
@media (min-width:992px){.text-lg-left{text-align:left!important}
.text-lg-right{text-align:right!important}
.text-lg-center{text-align:center!important}
}
@media (min-width:1200px){.text-xl-left{text-align:left!important}
.text-xl-right{text-align:right!important}
.text-xl-center{text-align:center!important}
}

@media (max-width:576px){
	.single-delivery-services.pr-40{padding-left:10px; padding-right: 10px;}	
	.single-delivery-services.pl-40{padding-left:10px; padding-right: 10px;}	
.single-delivery-services.pr-40 .ds-icon {	margin-left: 17px; margin-right: 17px; width: 80px;}
.single-delivery-services.pl-40 .ds-icon {	margin-left: 17px;margin-right: 17px; width: 80px;}	
	
	.single-delivery-services.mb-70{margin-bottom: 20px;}
	
	.text-sm-left{text-align:left!important}	
}



.pull-left{
	float: left;
}
.sec-title{
	position:relative;
	margin-bottom:50px;
}

.sec-title h2{
	position: relative;
	display: block;
	font-size:36px;
	line-height: 1.2em;
	color: #000000;
	font-weight: 600;
	margin-bottom:30px;
	text-transform:capitalize;
}

.sec-title .separater{
	position:relative;
	width:60px;
	height:3px;
}

.sec-title .separater:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:45px;
	height:4px;
	border-radius:50px;
	background-color:#53a1d9;
}

.sec-title .separater:after{
	position:absolute;
	content:'';
	right:0px;
	top:0px;
	width:9px;
	height:4px;
	border-radius:50px;
	background-color:#ffd336;
}

.sec-title.light h2{
	color: #ffffff;
}

.sec-title.centered{
	text-align:center;
}

.sec-title.centered .separater{
	margin:0 auto;
}

.services-section-two{
	position:relative;
	padding:140px 0px 120px;
	background-position:left top;
	background-repeat:no-repeat;
	background-color:#0f78c4;
	background-attachment:fixed;
}

.services-section-two .auto-container{
	max-width:1310px;
}

.services-section-two .owl-dots{
	display:none;
}

.services-section-two .owl-nav{
	position:absolute;
	right:-30px;
	top:38%;
}

.services-section-two .owl-nav .owl-prev,
.services-section-two .owl-nav .owl-next{
	position:relative;
	color:#ffffff;
	font-size:24px;
	font-weight:700;
	margin-bottom:18px;
}

.services-section-two:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	z-index:1;
	width: 0;
    height: 0;
    border-top: 100px solid #ffffff;
	border-left: 1500px solid transparent;
}

.services-section-two:after{
    position: absolute;
    content: '';
    right: 0px;
    top: 57px;
    z-index: 1;
    width: 0;
    height: 0;
    border-top: 80px solid #e4b91e;
    border-left: 500px solid transparent;
}

.services-section-two .sec-title .services{
	position:relative;
	font-size:18px;
	font-weight:500;
	color:#ffffff;
	padding-bottom:2px;
	margin-top:92px;
	letter-spacing:1px;
	display:inline-block;
	border-bottom:1px solid rgba(255,255,255,0.60);
}

.services-block{
	position:relative;
	display:inline-block; width: 14%; float: left; margin: 1%;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}

.services-block .inner-box{
	position:relative;
	text-align:center;
	min-width:150px;
	display:inline-block;
	background-color:#ffffff;
	padding:50px 15px 35px 15px;
	border-radius:3px 0px 0px 3px;
}

.services-block .inner-box .content{
	position:relative;
	left:15px;
}

.services-block .inner-box:before{
	position:absolute;
	content:'';
	right:-30px;
	top:0px;
	border-radius:0px 0px 5px;
	border-bottom: 30px solid #e4b91e; 
	border-right: 30px solid transparent; 
}

.services-block .inner-box:after{
	position:absolute;
	content:'';
	right:-28px;
	top:30px;
	width:30px;
	bottom:0px;
	border-radius:0px 0px 3px 0px;
	background-color:#ffffff;
}

.services-block .inner-box .icon-box{
	position:relative;
}

.services-block .inner-box .icon-box .icon{
	position:relative;
	color:#E8C42B;
	font-size:64px;
	line-height:1em;
	background: linear-gradient(to right, #E8C42B 0%, #d5af22 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.services-block .inner-box h3{
	position:relative;
	font-size:17px;
	font-weight:600;
	line-height:1.5em;
	margin-top:30px;
}

.services-block .inner-box h3 a{
	position:relative;
	color:#323232;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.services-block .inner-box h3 a:hover{
	color:#5ba6db;
}

.services-block.style-two .inner-box:before{
	border-bottom-color:#81c6f7;
}

.services-block.style-three .inner-box:before{
	border-bottom-color:#fd6363;
}

.services-block.style-four .inner-box:before{
	border-bottom-color:#4de8d4;
}

.services-block.style-five .inner-box:before{
	border-bottom-color:#6efaac;
}

.services-block.style-six .inner-box:before{
	border-bottom-color:#da8725;
}

.style-one{
	margin-top:30px;
}

.style-two{
	margin-top:60px;
}

.style-four{
	margin-top:50px;
}
.style-five{
	margin-top:90px;
}
.style-six{
	margin-top:30px;
}


.fanggoogle8{ margin: 0 auto; padding:30px 0; width:100%; height:auto; background: #d8d8d8; text-align: center;}
.fanggoogle8 img{ max-width: 90%; height: auto;}

.fangfenlei{ margin: 0 auto; padding:30px 0; width:100%; height:auto; }
.fangfenlei ul{ margin: 0 auto; padding:0; width:100%; height:auto; float: left; }
.fangfenlei ul li{ margin: 0 auto; padding:0; width:49%; height:auto; float: left; margin-right: 1%; display: block; background: #fff;}


.contact-info-section {
    position: relative;
    padding: 30px 0px 30px;
    background: #ffffff;
    text-align: center;
    overflow: hidden;
}

.contact-info-section .image-layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.contact-info-section .image-layer:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(241, 241, 241, 0.93);
}

.contact-info-section .sec-title {
    margin-bottom: 5px;
}
.contact-info-section .sec-title .title1{ margin: 0 auto; padding: 10px auto; width: 100%; height: auto; font-size: 30px; text-align: center; line-height: 30px; color: #000;}
.contact-info-section .sec-title .title2{ margin: 0 auto; padding: 10px auto; width: 100%; height: auto; font-size: 16px; text-align: center; line-height: 30px; color: #666;}

.contact-info-section .info-outer {
    position: relative;
}

.contact-info-section .info-box {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 23%; 
    margin: 1%;
    font-family: 'Manjari', sans-serif;
}

.contact-info-section .info-box .inner {
    position: relative;
    display: block;
    padding: 20px;min-height: 200px;
    background: #ffffff;
    text-align: center;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
}

.contact-info-section .info-box .inner:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-bottom: 2px solid #ff7200;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.contact-info-section .info-box:hover .inner:before {
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

.contact-info-section .info-box .icon {
    position: relative;
    display: block;
    line-height: 1em;
    font-size: 42px;
    color: #ff7200;
    margin: 0 0 20px;
}

.contact-info-section .info-box strong {
    position: relative;
    display: block;
    line-height: 1.4em;
    font-size: 18px;
    color: #222222;
    margin: 0 0 7px;
}

.contact-info-section .info-box .info,
.contact-info-section .info-box .info a {
    color: #757575;
    font-size: 15px;
    line-height: 24px;
}

.contact-info-section .info-box .info a:hover {
    color: #ff7200;
    text-decoration: underline;
}





.fangcontainer{ margin: 0 auto; padding: 0; width:100%; max-width: 1480px;}
/* 产品 */
.h_pro_lei{ margin:0 auto; padding:0; width:100%; max-width:1480px; height:auto; margin-top:50px;}

.h_pro_lei_02{cursor: pointer;width:17%; height:auto; float:left; min-height:400px;  margin:1%; display:inline;box-shadow: #E2E2E2 0px 0px 15px;background: #FFF;}
.h_pro_lei_02t{ width:100%; height:59px; float:left; text-align:center; margin-top:40px;}
.h_pro_lei_02z{ width:100%; height:70px; float:left; text-align:center; margin-top:27px; overflow:hidden;}
.h_pro_lei_02z p{font-size:14px; color:#686868; margin-top:10px;}
.h_pro_lei_02z span{ font-size:22px; color:#252525;}
.h_pro_lei_02w{ width:174px; height:auto; float:left;  border-top:1px #E1E1E1 solid; margin-left:20px; display:inline; margin-top:20px; padding-top:15px; color:#686868; padding-bottom:20px; text-align:center; line-height:32px;}
.h_pro_lei_02s{ width:100%; height:50px; float:left; text-align:center; color:#000; margin-top:30px;}
.h_pro_lei_02s span{ font-size:36px; color:#0af;}
.h_pro_lei_02m{display: none;}
.h_pro_lei_03{margin-right:0;}
.tpt-list-none{display: none;}
.tpt-list-none2{display: block;}

.h_pro_lei_01{cursor: pointer;width:304px;background:#fbc700;}
.h_pro_lei_01 .h_pro_lei_02t{width:304px;height:82px;margin-top:40px;}
.h_pro_lei_01 .h_pro_lei_02z{width:304px;margin-top:20px;}
.h_pro_lei_01 .h_pro_lei_02z p{color:#FFFFFF;}
.h_pro_lei_01 .h_pro_lei_02z span{color:#FFFFFF;}
.h_pro_lei_01 .h_pro_lei_02w{width:244px;height:100px;margin-left:30px;padding-top:20px; color:#FFFFFF;}
.h_pro_lei_01 .h_pro_lei_02s{width:304px;color:#FFFFFF;}
.h_pro_lei_01 .h_pro_lei_02s span{color:#fff;}
.h_pro_lei_01 .h_pro_lei_02m{display: block;}
.h_pro_lei_01 .h_pro_lei_02m a{color:#FFFFFF;width:275px; height:33px; float:left; background-color:#f80; text-align:center; margin-left:15px; display:inline; padding-top:7px;}
.h_pro_lei_01 .h_pro_lei_02m a:hover{ color:#FFFFFF; background-color:#FF9600; width:275px; height:33px; padding-top:7px;}
.h_pro_lei_01 .tpt-list-none{display: block;line-height: 20px;}
.h_pro_lei_01 .tpt-list-none2{display: none;}




.h_pro_leia{ margin:0 auto; padding:0; width:100%; max-width:1480px; height:auto; margin-top:10px;}

.h_pro_leia_02{cursor: pointer;width:17%; height:auto; float:left; min-height:400px;  margin:1%; display:inline;box-shadow: #E2E2E2 0px 0px 15px;background: #FFF;}
.h_pro_leia_02t{ width:100%; height:159px; float:left; text-align:center; margin-top:10px;}
.h_pro_leia_02z{ width:100%; height:70px; float:left; text-align:center; padding: 0; margin: 0; overflow:hidden;}
.h_pro_leia_02z p{font-size:14px; color:#686868;}
.h_pro_leia_02z span{ font-size:22px; color:#252525;}
.h_pro_leia_02w{ width:100%; height:100px;float:left;  border-top:1px #E1E1E1 solid; display:inline; padding-top:15px; color:#686868; padding-bottom:20px; text-align:center; line-height:32px;}
.h_pro_leia_02s{ width:100%; height:50px; float:left; text-align:center; color:#000; margin-top:30px;}
.h_pro_leia_02s span{ font-size:36px; color:#0af;}
.h_pro_leia_02m{display: none;}
.h_pro_leia_03{margin-right:0;}
.tpt-list-none{display: none;}
.tpt-list-none2{display: block; width: 92%; padding: 0 4%; height: auto;font-size: 14px; line-height: 20px; text-align: center; color: #888;}

.h_pro_leia_01{cursor: pointer;width:304px;background:#fbc700;}
.h_pro_leia_01 .h_pro_leia_02t{width:304px;height:159px;margin-top:10px;}
.h_pro_leia_01 .h_pro_leia_02z{width:304px;}
.h_pro_leia_01 .h_pro_leia_02z p{color:#FFFFFF;}
.h_pro_leia_01 .h_pro_leia_02z span{color:#FFFFFF;}
.h_pro_leia_01 .h_pro_leia_02w{width:244px;height:100px;margin-left:30px;padding-top:20px; color:#FFFFFF;}
.h_pro_leia_01 .h_pro_leia_02s{width:304px;color:#FFFFFF;}
.h_pro_leia_01 .h_pro_leia_02s span{color:#fff;}
.h_pro_leia_01 .h_pro_leia_02m{display: block;}
.h_pro_leia_01 .h_pro_leia_02m a{color:#FFFFFF;width:275px; height:33px; float:left; background-color:#f80; text-align:center; margin-left:15px; display:inline; padding-top:7px;}
.h_pro_leia_01 .h_pro_leia_02m a:hover{ color:#FFFFFF; background-color:#FF9600; width:275px; height:33px; padding-top:7px;}
.h_pro_leia_01 .tpt-list-none{display: block;width: 100%; height: auto;font-size: 14px; line-height: 20px; text-align: center;}
.h_pro_leia_01 .tpt-list-none2{display: none;}









.fanganbaiduyouhua2{ margin:0 auto; padding:30px 0; width:100%; height:auto; background:#fff;}
.fanganbaiduyouhua2 .img{ margin:0 auto; padding:30px 0; width:100%; height:auto; text-align:center;}
.fanganbaiduyouhua2 .img img{ max-width:100%; height:auto;}

.servicea {
	background: url(../image/bg_5.png) center top no-repeat #f3f3f3;
	padding-top: 25px;
	padding-bottom: 63px;
}
.about-info {
	text-align: center;
	font-size: 14px;
	line-height: 34px;
	color: #666;
	padding-bottom: 50px;
}

.tit-i {
	text-align: center;
	padding: 50px 0;
	line-height: 36px;
	overflow: hidden;
}
.tit-i h3 {
	font-size: 30px;
	color: #fff;
	margin-bottom: 10px;
}
.tit-i h5 {
	font-size: 20px;
	color: #cacace;
	text-transform: uppercase;
	font-family: Arial;
}
.tit-i h5 span {
	color: #e4392a;
}
.tit-i em {
	width: 45px;
	border-bottom: 1px solid #7f7f90;
	display: inline-block;
}
.process {
	overflow: hidden;
}
.process .con {
	position: relative;
}
.animate-box, .animate-box .con {
	width: 1170px;
}
.process .pad {
	padding-top: 26%;
}
.process img {
	position: absolute;
	left: 0;
	top: 0;
}
.process span {
	display: inline-block;
	color: #90a1b3;
	font-size: 16px;
	position: absolute;
}
.process span.s1 {
	left: 0%;
	top: 0%;
}
.process span.s2 {
	left: 4.6%;
	top: 0%;
}
.process span.s3 {
	left: 1.6%;
	top: 22%;
}
.process span.s4 {
	left: 1.6%;
	top: 65%;
}
.process span.s5 {
	left: 9.5%;
	top: 42%;
}
.process span.s6 {
	left: 20%;
	top: 65%;
}
.process span.s7 {
	left: 27%;
	top: 50%;
}
.process span.s8 {
	left: 38%;
	top: 89%;
}
.process span.s9 {
	left: 49%;
	top: 15%;
}
.process span.s10 {
	left: 57%;
	top: 89%;
}
.process span.s11 {
	left: 77.5%;
	top: 64%;
}
.process span.s12 {
	left: 94%;
	top: 4%;
}
.process em {
	position: absolute;
	background: url(../images/r1.png) no-repeat;
	display: inline-block;
	z-index: 60;
	opacity: 100;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.process em.q1 {
	width: 60px;
	height: 61px;
	left: 0;
	top: 40%;
}
.process em.q2 {
	width: 57px;
	height: 57px;
	top: 42%;
	left: 19%;
	background-image: url(../images/r2.png);
}
.process em.q3 {
	background-image: url(../images/r3.png);
	width: 62px;
	height: 56px;
	top: 68%;
	left: 38%;
}
.process em.q4 {
	background-image: url(../images/r4.png);
	width: 86px;
	height: 86px;
	top: 29%;
	left: 47%;
}
.process em.q5 {
	background-image: url(../images/r5.png);
	width: 63px;
	height: 59px;
	top: 68%;
	left: 57%;
}
.process em.q6 {
	background-image: url(../images/r6.png);
	width: 51px;
	height: 51px;
	left:77%;
	top: 40%;
}
.process em.q7 {
	background-image: url(../images/r7.png);
	width: 68px;
	height: 63px;
	left: 94%;
	top: 18%;
}


.containnew{ margin:0 auto; padding: 0; width: 100%; height: auto; max-width: 1440px;}
.containnew1{ margin:0 auto; padding: 0; width: 100%; height: auto; max-width: 1200px;}



@media screen and (min-width:1025px){
}
@media screen and (max-width:1290px){

#timeline{width:100%;height:auto;overflow:hidden;margin:40px auto 0 auto;position:relative;}
#dates{width:100%;height:auto;overflow:hidden;}
#dates li{float:left;width:30%;height:50px;font-size:16px; list-style:none;color:#d71618; border:1px solid #ccc; margin:1%;  font-size:14px;color:#666; text-align:center; text-decoration:none; line-height:50px;text-align:center;background:url('../images/biggerdot.png') center bottom no-repeat;}
#dates a{line-height:38px;padding-bottom:10px; list-style:none; font-size:14px;color:#666; text-align:center; text-decoration:none;}
#dates .selected{font-size:20px;color:#579b63; font-weight:bold;}
#issues{width:100%;height:auto;overflow:hidden;}
#issues li{width:100%;height:auto;float:left;}
#issues li img{margin:0 auto; width:90%; max-width:500px;}
#issues li h1{margin:0 auto;width:90%;color:#579b63;font-size:20px;margin:20px 0; font-weight: normal;}
#issues li p{margin:0 auto;width:90%;font-size:14px;font-weight:normal;line-height:22px; color:#666;}
#grad_left,#grad_right{width:100px;height:350px;position:absolute;top:0;}
#grad_left{left:0;}
#grad_right{right:0;}
#next,#prev{position:absolute;top:0;font-size:70px;top:170px;width:22px;height:38px;background-position:0 0;background-repeat:no-repeat;text-indent:-9999px;overflow:hidden;}
#next:hover,#prev:hover{background-position:0 -76px;}
#next{right:0;background-image:none;}
#prev{left:0;background-image:none;}
#next.disabled,#prev.disabled{opacity:0.2;}




}


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

	

	.process .text,.howtodoit .tnum,.howtodoit .txt h4 {display: none;}
	
	.howtodoit .pic {width: 100%;float: none;}
	.howtodoit .txt {width: 100%;height:auto;position: relative;right: auto;top: auto;}
	.howtodoit .pic img {max-height: none;min-height: auto;}
	.howtodoit .txt h3 {font-size: 20px;padding:0px 0;}
	.howtodoit .txt .position {width: 90%;padding: 5%;}
	.howtodoit .text {font-size: 13px;padding-top:20px;line-height: 13px;}
	.howtodoit {padding-top:0px;}
	.howtodoit-nav {width: 100%;margin: 5% auto auto;display: block;opacity: 0;height: 0px;overflow: hidden;}


}

@media screen and (max-width:640px) {
.pronavtwo li { overflow: hidden; margin-bottom: 5px; border-bottom:1px dashed #e3e3e3;font-size:14px; width:98%; margin:1%; float:left; padding:5px 0; }
.fanganbaidutuigang1 .facon1{ margin:0 auto; padding:30px 0; width:46%; height:auto; margin:2%; float: left; border-radius:8px;}
.fanganbaidutuigang2 .facon1{  width:96%; height:auto; margin:2%; padding:1%; min-height:250px;transition:all .5s;}
.fanganbaidutuigang3 .facon1{ width:95%; height:auto; margin:2%; padding:2%;background:#fff; min-height:100px;}

.fangangoogle11{ margin:0 auto; padding:0 2%; width:96%; height:auto; float:left;}
.fangangoogle12{ margin:0 auto; padding:0 2%; width:96%; height:auto; float:right; text-align:center; }

.fangangoogle211{ margin:0 auto; padding:0 2%; width:96%; height:auto; float:left;}
.fangangoogle212{ margin:0 auto; padding:0 2%; width:96%; height:auto; float:right;}
	
	
.fanganaliyouhua3 .title{  font-size:20px;}	
.fanganaliyouhua4 .title{  font-size:20px;}
.fanganaliyouhua31 ul li{width:96%; height:auto; margin: 2%; float: left;background: #fff;}
.fanganaliyouhua1 .facon1{ margin:0 auto; padding:10px 0; width:46%; height:auto; margin:1%; float: left; border-radius:8px; background: #fff;}
	
	
.home-banner .home-text-center1 {
  position: relative; margin-top: 15px;
  z-index: 1;
}	
.home-banner .home-text-center2 {
  position: relative; margin-top: 15px;
  z-index: 1;
}	
.home-banner.waimao {
  min-height: 400px;
}	
	
	
	
	
	
	
	.home-banner.waimao h1 {
  font-size: 30px;
  font-weight: 400;
  color: #000; text-align: center;
  margin: 25px 0 ;
}
.home-banner.waimao p {
  width: 100%; max-width:  600px;
  font-weight: 300;
  font-size: 20px;
  padding: 0 0 35px;
  color: rgba(0, 0, 0, 0.97);
  margin: 0;
  opacity: 0.8;
  display: inline-block;
}	
.home-banner p.tt {
  width: 100%; max-width:  600px;
  font-weight: 400;
  font-size: 30px; line-height:30px; padding:0; text-align:left;
  padding: 0 0 35px;
  color: rgba(0, 0, 0, 0.97);
  margin: 0;
  display: inline-block;
}
	.home-banner.work h1 {
  font-size: 30px;
  font-weight: 400;
  color: #000; text-align: center;
  margin: 25px 0 ;
}
.home-banner.work p {
  width: 100%; max-width:  600px;
  font-weight: 300;
  font-size: 20px;text-align: center;
  padding: 0 0 35px;
  color: rgba(0, 0, 0, 0.97);
  margin: 0;
  opacity: 0.8;
  display: inline-block;
}	


.home-banner.neimao {
  min-height: 400px;
}	
.home-banner.neimao h1 {
  font-size: 30px;
  font-weight: 400;
  color: #000; text-align: center;
  margin: 25px 0 ;
}
.home-banner.neimao p {
  width: 100%; max-width:  600px;
  font-weight: 300;
  font-size: 20px;
  padding: 0 0 35px;
  color: rgba(0, 0, 0, 0.97);
  margin: 0;
  opacity: 0.8;
  display: inline-block;
}	
	.mt-150{margin-top: 50px;}	
	
	
.home-banner.write {
  max-height: 550px;min-height: 500px;
}
	
	
	
.home-banner.write h1 {
  font-size: 30px;
  font-weight: 400;
  color: #000; text-align: center;
  margin: 25px 0 ;
}
.home-banner.write h1.did {
  font-size: 30px;
  font-weight: 400;
  color: #000; text-align: center;
  margin: 15px 0 ;
}	
.home-banner.write h2 {
  font-size: 30px;
  font-weight: 400;
  color: #000; text-align: center;
  margin: 25px 0 ;
}
.home-banner.write p {
  width: 100%; max-width:  600px;
  font-weight: 300;
  font-size: 20px;
  padding: 0 0 35px;
  color: #000;
  margin: 0;
  opacity: 0.8;
  display: inline-block;text-align: center;
}	
	
	
	
.home-banner.write1 {
  max-height: 550px;min-height: 500px;
}
	
	
	
.home-banner.write1 h1 {
  font-size: 30px;
  font-weight: 400;
  color: #fff; text-align: center;
  margin: 25px 0 ;
}
.home-banner.write1 p {
  width: 100%; max-width:  600px;
  font-weight: 300;
  font-size: 20px;
  padding: 0 0 35px;text-align: center;
  color: #fff;
  margin: 0;
  opacity: 0.8;
  display: inline-block;
}	
	
	.home-banner.write1 .up-down{max-width: 94%;}
	
.home-banner.write2 {
  max-height: 550px;min-height: 500px;
}
	
	
	
.home-banner.write2 h1 {
  font-size: 30px;
  font-weight: 400;
  color: #000; text-align: center;
  margin: 25px 0 ;
}
.home-banner.write2 p {
  width: 100%; max-width:  600px;
  font-weight: 300;
  font-size: 20px;
  padding: 0 0 35px;
  color: #000;
  margin: 0;
  opacity: 0.8;
  display: inline-block;
}	
	
	.home-banner.write2 .up-down{max-width: 94%; max-height:250px;}	

	
.home-banner.web {
  position: relative;
  overflow:hidden;margin-top: 60px; min-height:600px;
  z-index: 1; background: url(../image/bg2401.jpg) no-repeat center bottom;background-size: cover;
}	
	
.home-banner.web h1 {
  font-size: 30px;
  font-weight: 400;
  color: #000; text-align: center;
  margin: 25px 0 ;
}
.home-banner.web p {
  width: 100%; max-width:  600px;
  font-weight: 300;
  font-size: 20px;
  padding: 0 0 35px;text-align: center;
  color: #000;
  margin: 0;
  opacity: 0.8;
  display: inline-block;
}	
	
.home-banner.write3 {
  max-height: 550px;min-height: 400px;
}
	
	
	
.home-banner.write3 h1 {
  font-size: 30px;
  font-weight: 400;
  color: #000; text-align: center;
  margin: 25px 0 ;
}
.home-banner.write3 p {
  width: 100%; max-width:  600px;
  font-weight: 300;
  font-size: 20px;
  padding: 0 0 35px;text-align: center;
  color: #000;
  margin: 0;
  opacity: 0.8;
  display: inline-block;
}	
	
	.p100{padding-top:20px;}
	.pb-180{padding-bottom:30px;}
	
#cta2 {
  padding-top: 20px;
}

#cta2 h2 {
  color: #fff;
  font-size: 24px;
  line-height: 1;
}

.fanganaliyouhua241{ margin:2%; padding:0; width:96%; float:left; }
.fanganaliyouhua242{ margin:2%; padding:20px 0 0 0; width:96%; float:right; }
.fanganaliyouhua242 ul li{ margin:0 auto; padding:0; width:96%; float:left; padding-right:2%; line-height:30px; }
	
.fanggoogle1 .title{ font-size: 24px;}
	
.fanganaliyouhua5 .left{ margin:0 auto; padding:2%; width:96%; height:auto; float: left;}
.fanganaliyouhua5 .right{ margin:0 auto; padding:2%; width:96%; height:auto; float: right;}	
.fanganaliyouhua6 .title{  font-size:26px;color:#000; line-height:30px;text-align:center;}	
.fanganaliyouhua6 .title1{ color:#000; line-height:20px;text-align:center;}	
	
	
.fanganaliyouhua6 .con{  margin:0 auto; padding:20px 0; width:100%; height:auto; max-width:1170px; }
.fanganaliyouhua6 .con .con1{  margin:0 auto; padding:0; width:100%; height:auto; max-width:1170px; }
.fanganaliyouhua6 .con .con1 ul{  margin:0 auto; padding:0; width:100%; height:auto; max-width:1170px; }
.fanganaliyouhua6 .con .con1 ul li{  margin:0 auto; padding:0; width:33%; height:auto; float: left; text-align: center; }
.fanganaliyouhua6 .con .con1 ul li:nth-child(odd){display: none;}
.fanganaliyouhua6 .con .con1 ul li:nth-child(even){display: block;}

.fanganaliyouhua6 .con .con2{  margin:0 auto; padding:0; width:100%; height:25px; display:block;background: url(../image/fangan/f10.jpg) no-repeat top center; }

.fanganaliyouhua6 .con .con3{  margin:0 auto; padding:0; width:100%; height:auto; max-width:1170px; }
.fanganaliyouhua6 .con .con3{  margin:0 auto; padding:0; width:100%; height:auto; max-width:1170px; }
.fanganaliyouhua6 .con .con3 ul{  margin:0 auto; padding:0; width:100%; height:auto; max-width:1170px; }
.fanganaliyouhua6 .con .con3 ul li{  margin:0 auto; padding:0; width:25%; height:auto; float: left; text-align: center;}
	.fanganaliyouhua6 .con .con3 ul li:nth-child(odd){display: block;}
.fanganaliyouhua6 .con .con3 ul li:nth-child(even){display: none;}

	.fanganaliyouhua8 .con ul li{  margin:0 auto; padding:2%; width:96%; height:auto; float: left; text-align: center;}
	
	
.fanganaliyouhua9 .left{ margin:0 auto; padding:0 2%; width:96%; height:auto; float: left;}
.fanganaliyouhua9 .right{ margin:0 auto; padding:0 2%; width:96%; height:auto; float: right;}	
	
	
	
.fanganaliyouhua7{  padding:10px 0; }
.fanganaliyouhua71{ padding:10px 0;}	
.fanganaliyouhua71 .left{ margin:0 auto; padding:2%; width:96%; height:auto; float: left;}
.fanganaliyouhua71 .left img{ max-width: 1005; height: auto;}
.fanganaliyouhua71 .right{ margin:0 auto; padding:2%; width:96%; height:auto; float: right;}	
	

.fanggoogle1 .con1 .con11{ margin:0 auto; padding:2%;width: 96%; height: auto; float: left;}
.fanggoogle1 .con1 .con111{ margin:0 auto; padding:0; width: 100%; height: 120px; float: right; border-radius: 10px; background: #fff; display: block; }
.fanggoogle1 .con1 .con112{ margin:10px auto; padding:0; width: 100%; height: 120px; float: left; border-radius: 10px; background: #f89c1a; display: block; }
.fanggoogle1 .con1 .con113{ margin:0 auto; padding:0; width: 100%; height: 120px; float: right; border-radius: 10px; background: #fff; display: block; }


.fanggoogle1 .con1 .con12{ margin:0 auto; padding:0; width: 100%; height: auto; float: left; text-align: center;}

.fanggoogle1 .con1 .con13{ margin:0 auto; padding:2%; width: 96%; height: auto; float: right;}
.fanggoogle1 .con1 .con114{ margin:0 auto; padding:0; width: 100%; height: 120px; float: left; border-radius: 10px; background: #fff; display: block; }
.fanggoogle1 .con1 .con115{ margin:10px auto; padding:0; width: 100%; height: 120px; float: right; border-radius: 10px; background: #f89c1a; display: block; }
.fanggoogle1 .con1 .con116{ margin:0 auto; padding:0; width: 100%; height: 120px; float: left; border-radius: 10px; background: #fff; display: block; }

.fanggoogle1 .con2{  padding:2%; width: 96%;  }
.fanggoogle1 .con3{ padding:0 2%; width: 96%; }
.fanggoogle1 .con3 .con31{ margin:0; padding:20px 0; width:100%;}
.fanggoogle1 .con4{ margin:0 auto; padding:2%; width: 96%; }

.fanggoogle2{ margin: 0 auto; padding:0; width:100%; height:auto; background:#f89c1a;}
.fanggoogle2 .con1{ margin:0 auto; padding:2%; width: 96%; height: auto; float:left;}
.fanggoogle2 .con2{ margin:20px auto; padding:0; width: 100%; border-radius:0;height: auto; background:#fff;}
.fanggoogle2 .con2 img{ max-width:100%; height:auto;}

.fanggoogle2 .con1 .con11 .list ul li{ margin:5px 2% 5px 0; padding:2%; width:100%; height: auto; border-radius:30px; float:left; background:#fff; display:block; }

.fanggoogle3{ margin: 0 auto; padding:0; width:100%; height:auto; background:#fbbe04;}
.fanggoogle3 .con1{ margin:0 auto; padding:2%; width: 96%; }
.fanggoogle3 .con2{ margin:0 auto; padding:2%; width: 96%; }
.fanggoogle3 .con11 .title1{ padding-top: 30px; width: 100%; height: auto;  font-size: 24px; }
.fanggoogle3 .con11 .title2{ font-size: 14px;}
.fanggoogle3 .con11 .title3{ font-size: 24px; }
	
	

.fanganaliyouhua10{ margin:0 auto; padding:20px 0; width:100%; height:auto; background:#f3f3f3;}
.fanganaliyouhua10 .title{   font-size:26px;color:#de6a08;}
.fanganaliyouhua10 .con ul li{  margin:0 auto; padding:20px 0; width:98%; height:auto; float: left; margin: 1%; text-align: center; background: #fff;}

.fanganaliyouhua11{ margin:0 auto; padding:20px 0; width:100%; height:auto; background:#fff;}
.fanganaliyouhua11 .title{font-size:26px;color:#de6a08;}

.business .box ul.items li {
	width: 46%; float: left;
	height: 300px;
	margin: 1%;
	background: url(../image/bg_green.png) no-repeat 0px 400px;
	overflow: hidden;
	display: inline-block;
}
	
	
	

	
.fanggoogle4 .con1{padding:0; width:96%;}
.fanggoogle4 .con2{ margin: 0 auto; padding:2%; width:96%; }	

	.sec-title h2{font-size:24px;}

.services-section-two{
	position:relative;
	padding:140px 0px 120px;
	background-position:left top;
	background-repeat:no-repeat;
	background-color:#0f78c4;
	background-attachment:fixed;
}

.services-block{
	position:relative;
	display:inline-block; width: 48%; float: left; margin: 1%;
	
}

.style-one{	margin-top:30px;}
.style-two{	margin-top:30px;}
	.style-three{	margin-top:30px;}
.style-four{margin-top:30px;}
.style-five{margin-top:30px;}
.style-six{	margin-top:30px;}
	
.h_pro_lei_01{cursor: pointer;width:100%;background:#fbc700;}
.h_pro_lei_01 .h_pro_lei_02t{width:100%;height:82px;margin-top:40px;}
.h_pro_lei_01 .h_pro_lei_02z{width:100%;margin-top:20px;}
.h_pro_lei_01 .h_pro_lei_02z p{color:#FFFFFF;}
.h_pro_lei_01 .h_pro_lei_02z span{color:#FFFFFF;}
.h_pro_lei_01 .h_pro_lei_02w{width:92%;height:100px;margin-left:4%;padding-top:20px; color:#FFFFFF;}
.h_pro_lei_01 .h_pro_lei_02s{width:100%;color:#FFFFFF;}

.h_pro_lei_01 .h_pro_lei_02m a{color:#FFFFFF;width:92%;}



.h_pro_lei_02{cursor: pointer;width:96%;min-height:200px;  margin:2%; }
.h_pro_leia_02{cursor: pointer;width:96%; min-height:200px;  margin:2%;}
	
	
.h_pro_leia_02t{ width:100%; height:159px; float:left; text-align:center; margin-top:10px;}
.h_pro_leia_02z{ width:100%; height:70px; float:left; }
.h_pro_leia_02z p{font-size:14px; color:#686868;}
.h_pro_leia_02z span{ font-size:22px; color:#252525;}
.h_pro_leia_02w{ width:100%; height:100px;float:left; }

.h_pro_leia_01{cursor: pointer;width:100%;background:#fbc700;}
.h_pro_leia_01 .h_pro_leia_02t{width:100%;height:159px;margin-top:10px;}
.h_pro_leia_01 .h_pro_leia_02z{width:100%;}
.h_pro_leia_01 .h_pro_leia_02z p{color:#FFFFFF;}
.h_pro_leia_01 .h_pro_leia_02z span{color:#FFFFFF;}
.h_pro_leia_01 .h_pro_leia_02w{width:92%;height:100px;margin-left:4%;padding-top:20px; color:#FFFFFF;}
.h_pro_leia_01 .h_pro_leia_02s{width:100%;color:#FFFFFF;}
.h_pro_leia_01 .h_pro_leia_02s span{color:#fff;}
.h_pro_leia_01 .h_pro_leia_02m{display: block;}
.h_pro_leia_01 .h_pro_leia_02m a{color:#FFFFFF;width:92%; }


.fanganweb2 .title1{ font-size: 26px; line-height: 30px; font-weight: bold;}

.fanganweb2 .left{ margin:0 auto; padding:10px 0; width: 100%; height: auto; text-align: center; float: left;}
.fanganweb2 .right{ margin:0 auto; padding:30px 0 0 0; width: 96%; height: auto; float: left; margin-left: 1%;}
.fanganweb2 .right .co1{ margin:0 auto; padding:0; width: 100%; height: auto; float: left;text-align: center;}
.fanganweb2 .right .co2{ margin:0 auto; padding:0; width: 100%; height: auto; float: left;}
.fanganweb2 .right .co2 h5{ text-align: center; }
.fanganweb2 .right .co2 .cc{text-align: center;}


.fanganweb3{ margin:0 auto; padding:30px 2%; width: 100%; height: auto; min-height: 200px; background:#fff9dc;}
.fanganweb3 .title1{ margin:0 auto; padding:0;  font-size: 30px; line-height: 30px; font-weight: bold;}
.fanganweb3 .title2{ margin:0 auto; padding:10px 0; width: 100%; height: auto; text-align: left; color: #000; font-size: 18px; line-height: 20px;font-weight: bold;}




.fanganweb6 .title1{  font-size: 30px; line-height: 30px; }
.fanganweb6 .co ul li{ margin:0 auto; padding:50px 0; width:46%; height:auto; margin: 2%; float: left;background: #fff;}
.fanganweb6 .co ul li .img{ margin:0 auto; padding:0; width:100%; height:auto; text-align: center;}
.fanganweb6 .co ul li .img img{ max-width: 100%; height: auto;}

.fanganweb6 .co ul li .txt{ margin:0 auto; padding:10px 0; width:100%; height:auto; text-align: center; color: #666; font-size: 18px; line-height: 20px;font-weight: normal;}
	
	.process em {display:none;}
	
	.process{display:none;}
.process span.s1 { width: 50%;
	left: 0%;
	top: 0%;
}
.process span.s2 { width: 50%;
	left: 50%;
	top: 0%;
}
.process span.s3 {width: 50%;
	left: 0%;
	top: 30px;
}
.process span.s4 {width: 50%;
	left: 50%;
	top: 30px;
}
.process span.s5 {width: 50%;
	left: 0%;
	top: 60px;
}
.process span.s6 {width: 50%;
	left: 50%;
	top: 60px;
}
.process span.s7 {width: 50%;
	left: 0%;
	top: 90px;
}
.process span.s8 {width: 50%;
	left: 50%;
	top: 90px;
}
.process span.s9 {width: 50%;
	left: 0%;
	top: 120px;
}
.process span.s10 {width: 50%;
	left: 50%;
	top: 120px;
}
.process span.s11 {width: 50%;
	left: 0%;
	top: 150px;
}
.process span.s12 {width: 50%;
	left: 50%;
	top: 150px;
}	
	
.fanganfenglei{margin:0 auto; padding: 20px 0; width: 100%; height: auto;}	
.fanganfenglei .col-lg-3{width:50%;}
.features-item-box {    padding: 20px;}	
.features-item-icon {
    min-height: 40px;
    margin-bottom: 10px; text-align: center;
}
.features-item-icon img{   width: 40px; height: 40px;}	
.features-item-content h4 {    font-size: 14px;}	
.features-item-content p {display: none;}
.features-item-content .more{display: none;}
	
	
.fanganfenglei{margin:0 auto; padding: 20px 0; width: 100%; height: auto;}
.fangsec .title1{font-size: 24px; text-align: center; line-height: 30px; color: #000;}
.fangsec .title2{ font-size: 14px; text-align: center; line-height: 20px; color: #666;}	
	
.contact-info-section .sec-title .title1{ font-size: 24px; text-align: center; line-height: 30px; color: #000;}
.contact-info-section .sec-title .title2{ font-size: 14px; text-align: center; line-height: 20px; color: #666;}	
	
.contact-info-section .info-box { width: 48%;  margin: 1%;}	
.contact-info-section .info-box .inner {padding: 10px;min-height: 160px; margin: 0;}
	
	.seo-counter .col-lg-4{width: 33%;}	
	
	
}

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


.fanganaliyouhua1 .facon1{ margin:0 auto; padding:10px 0; width:96%; height:auto; margin:1%; float: left; border-radius:8px; background: #fff;}

}

@media screen and (max-width:380px) {
.fanganbaidutuigang1 .facon1{ margin:0 auto; padding:30px 0; width:96%; height:auto; margin:2%; float: left; border-radius:8px;}


}

/*新加样式*/



.welcome-section{
	position: relative;
	padding: 125px 0px 90px 0px;
}

.welcome-section .sec-title{
	margin-bottom: 47px;
}

.welcome-section .welcome-block{
	position: relative;
}

.welcome-section .welcome-block:before{
	position: absolute;
	content: '';
	background: #e5e5e5;
	width: 1px;
	height: 260px;
	top: 12px;
	right: -4px;
}

.welcome-section .welcome-block:last-child:before{
	display: none;
}

.welcome-block-one .inner-box{
	position: relative;
	display: block;
	text-align: center;
	padding: 0px 30px;
	transition: all 500ms ease;
}

.welcome-block-one .inner-box:hover{
	transform: translateY(-30px);
}

.welcome-block-one .inner-box .image-box{
	position: relative;
	width: 200px;
	height: 221px;
	margin: 0 auto;
	margin-bottom: 29px;
}

.welcome-block-one .inner-box .image-box:before{
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 0px;
    height: 0px;
    box-shadow: 0 40px 150px 70px rgba(0, 32, 134, 0.4);
    transition: all 500ms ease;
}

.welcome-block-one .inner-box .image-box .bg-pattern{
	position: absolute;
	left: -4px;
	top: 12px;
	right: 0px;
	width: 200px;
	height: 221px;
	background-repeat: no-repeat;
	transition: all 500ms ease;
}

.welcome-block-one .inner-box .image-box .overlay-pattern{
	position: absolute;
	left: -4px;
	top: 12px;
	right: 0px;
	width: 200px;
	height: 221px;
	transform: translateY(30px);
	background-repeat: no-repeat;
	transition: all 500ms ease;
	opacity: 0;
}

.welcome-block-one .inner-box:hover .image-box .overlay-pattern{
	opacity: 1;
	transform: translateY(0px);
}

.welcome-block-one .inner-box .image-box .image img{
	position: relative;
	width: auto;
	z-index: 1;
}

.welcome-block-one h3{
	position: relative;
	display: block;
	font-size: 22px;
	line-height: 30px;
	font-weight: 700;
}

.welcome-block-one h3 a{
	display: inline-block;
	color: #333;
}

.welcome-block-one .inner-box .lower-content h3{
	margin-bottom: 7px;
}

.welcome-block-one .inner-box .lower-content h3 a:hover{

}

.welcome-block-one .inner-box .lower-content .text{
	position: relative;
	opacity: 0;
	transform: translateY(15px);
	transition: all 500ms ease;
}

.welcome-block-one .inner-box:hover .lower-content .text{
	opacity: 1;
	transform: translateY(0px);
}

.about-style-five{
	position: relative;
	padding: 120px 0px;
}

.about-style-five .pattern-layer{
	position: absolute;
	left: 0px;
	bottom: 10px;
	width: 100%;
	height: 900px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
}
.about-style-five .sec-title h2{
font-size:36px; font-weight:300; color:#000; line-height:40px;
}

.about-style-five #content_block_10 .content-box{
	margin-top: 6px;
}

#content_block_10 .content-box .text{
	position: relative;
	margin-bottom: 43px;
}

#content_block_10 .content-box .two-column{
	position: relative;
	margin-bottom: 42px;
}

#content_block_10 .content-box .two-column .single-item .icon-box{
	position: relative;
	display: inline-block;
	font-size: 50px;
	line-height: 50px;
	color: #E8C42B;
	margin-bottom: 26px;
}

#content_block_10 .content-box .two-column .single-item h3{
	margin-bottom: 11px;
	font-size: 20px
}

#content_block_10 .content-box .two-column .single-item p{
	line-height: 28px;
}

#content_block_10 .content-box .sec-title{
	margin-bottom: 31px;
}

#image_block_04 .image-box{
	position: relative;
	display: block;
	margin: 0px 18px;
	z-index: 1;
}

#image_block_04 .image-box .pattern-bg{
	position: absolute;
	left: 130px;
	top: 30px;
	right: 0px;
	width: 570px;
	height: 570px;
	background-repeat: no-repeat;
	z-index: -1;
}

#image_block_04 .image-box .image img{
	position: relative;
	max-width: 700px;
}

.about-style-five .icon-layer{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	right: 0px;
}

.about-style-five .icon-layer .icon{
	position: absolute;
}

.about-style-five .icon-layer .icon-1{
	top: -220px;
	right: 150px;
}

.about-style-five .icon-layer .icon-2{
	top: -140px;
	right: 45px;
}

.about-style-five .icon-layer .icon-3{
	top: -70px;
	right: 150px;
}
.image-box.ab figure{margin: 0 0 1rem 10rem;}
.history-section{
	position: relative;
	padding: 290px 0px 120px 0px;
}

.history-section .inner-box .single-item{
	position: relative;
	float: left;
	width: 25%;
}

.history-section .inner-box .single-item .inner{
	position: relative;
	text-align: center;
	padding: 20px 10px  25px;
}

.history-section .inner-box .single-item .inner .content-box{
	position: relative;
	margin-bottom: 86px;
}

.history-section .inner-box .single-item:nth-child(2) .inner .content-box,
.history-section .inner-box .single-item:last-child .inner .content-box{
	margin-bottom: 0px;
}

.history-section .inner-box .single-item .inner .content-box h4{
	margin-bottom: 2px;
}

.history-section .inner-box .single-item .inner .year span{
	position: relative;
	display: inline-block;
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	background: #fff;
	border: 2px solid #fff;
	font-size: 18px;
	font-weight: 700;
	color: #1d165c;
	border-radius: 50%;
	box-shadow: 0 0px 30px rgba(0, 0, 0, 0.1);
	transition: all 500ms ease;
	border:1px #E8C42B solid
}

.history-section .inner-box .single-item .inner:hover .year span{
color: #E8C42B
}

.history-section .inner-box .single-item .inner .year span:before{
	position: absolute;
	content: '';
	background: #cfcfcf;
	width: 1px;
	height: 40px;
	left: 50px;
}

.history-section .inner-box .single-item:first-child .inner .year span:before,
.history-section .inner-box .single-item:nth-child(3) .inner .year span:before{
	top: -52px;
}

.history-section .inner-box .single-item:last-child .inner .year span:before,
.history-section .inner-box .single-item:nth-child(2) .inner .year span:before{
	bottom: -52px;
}

.history-section .inner-box .single-item:last-child .inner .year,
.history-section .inner-box .single-item:nth-child(2) .inner .year{
	margin-bottom: 89px;
}

.history-section .inner-box .single-item .inner .year span:after{
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 50%;
	left: 46px;
	background: #333
}

.history-section .inner-box .single-item:first-child .inner .year span:after,
.history-section .inner-box .single-item:nth-child(3) .inner .year span:after{
	top: -65px;
}

.history-section .inner-box .single-item:last-child .inner .year span:after,
.history-section .inner-box .single-item:nth-child(2) .inner .year span:after{
	bottom: -65px;
}

.history-section .inner-box .single-item:first-child{
	padding-top: 45px;
}

.history-section .inner-box .single-item:nth-child(3){
	margin-top: -266px;
}

.history-section .inner-box .single-item:last-child{
	margin-top: -310px;
}

.history-section .sec-title{
	max-width: 450px;
	width: 100%;
	margin-bottom: 110px;
}

.history-section .pattern-layer{
	position: absolute;
	left: 0px;
	top: -435px;
	right: 0px;
	width: 100%;
	height: 1430px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: -1;
}

.history-section .image-layer{
	position: absolute;
	right: 0px;
	bottom: 0px;
}

.history-section .inner-box{
	position: relative;
}

.history-section .arrow-box{
	position: absolute;
	left: 40px;
	bottom: 60px;
	right: 0px;
	width: 100%;
	height: 849px;
	background-repeat: no-repeat;
	background-position: center;
}
/** work-process **/

.work-process{
	position: relative;
	padding-bottom: 125px;
}

.work-block-one .inner-box{
	position: relative;
	display: block;
	text-align: center;
	padding: 0px 30px;
}

.work-block-one .inner-box .icon-box{
	position: relative;
	display: inline-block;
	width: 180px;
	height: 153px;
	line-height: 153px;
	text-align: center;
	font-size: 60px;
	margin-bottom: 24px;
	transition: all 500ms ease;
}

.work-block-one .inner-box:hover .icon-box{
	color: #fff;
}

.work-block-one .inner-box .icon-box i{
	position: relative;
	display: inline-block;
	z-index: 1;
}

.work-block-one .inner-box .icon-box:before{
	position: absolute;
	content: '';
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 0px;
	height: 0px;
	box-shadow: 0 0px 100px 30px rgba(0, 0, 0, 0.4);
	transition: all 500ms ease;
}

.work-block-one .inner-box:hover .icon-box:before{
	box-shadow: 0 30px 70px 70px #fdb8ba;
}

.work-block-one .inner-box .icon-box .count{
	position: absolute;
	top: -8px;
	right: -5px;
	font-size: 15px;
	font-weight: 700;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	background: transparent;
	border: 1px solid #e5e5e5;
	transition: all 500ms ease;
}

.work-block-one .inner-box .icon-box .count:before{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	border-radius: 50%;
	transform: scale(0,0);
	transition: all 500ms ease;
	z-index: -1;
}

.work-block-one .inner-box:hover .icon-box .count:before{
	transform: scale(1,1);
}

.work-block-one .inner-box:hover .icon-box .count{
	color: #fff;
}

.work-block-one .inner-box .icon-box .bg-pattern{
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	width: 180px;
	height: 153px;
	background-repeat: no-repeat;
}

.work-block-one .inner-box .icon-box .overlay-pattern{
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	width: 180px;
	height: 153px;
	opacity: 0;
	transform: translateY(30px);
	background-repeat: no-repeat;
	transition: all 500ms ease;
}

.work-block-one .inner-box:hover .icon-box .overlay-pattern{
	opacity: 1;
	transform: translateY(0px);
}

.work-block-one .inner-box h4{
	margin-bottom: 7px;
}

.work-process .sec-title{
	margin-bottom: 68px;
}

.work-process .work-block{
	position: relative;
}

.work-process .work-block:before{
	position: absolute;
	content: '';
	background: #e5e5e5;
	height: 1px;
	width: 150px;
	top: 50%;
	right: -70px;
	margin-top: -55px;
}
.work-process .work-block:last-child:before{
	display: none;
}
/** process-style-two **/

.process-style-two{
	position: relative;
	padding: 50px 0px;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}


.process-style-two .sec-title{
	margin-bottom: 60px;
}

.work-block-two .inner-box{
	position: relative;
	display: block;
	text-align: center;
}

.work-block-two .inner-box .arrow-box{
	position: absolute;
	top: 32px;
	right: -104px;
	width: 194px;
	height: 56px;
	background-repeat: no-repeat;
}

.work-block-two .inner-box .icon-box{
	position: relative;
	display: inline-block;
	font-size: 40px;
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;border: 1px dashed #E8C42B;
	border-radius: 50%;
	margin-bottom: 52px;
}

.work-block-two .inner-box .icon-box i{
	position: relative;
	color: transparent !important;
	background:#E8C42B; 
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    transition: all 500ms ease;
	padding-top: 20px
}

.work-block-two .inner-box:hover .icon-box i{
background:#fff; 
}

.work-block-two .inner-box .icon-box:before{
	position: absolute;
	content: '';
	background: #E8C42B;
	width: 80px;
	height: 80px;
	left: -1px;
	top: -1px;
	opacity: 0;
	transition: all 500ms ease;
	border-radius: 50%;
}

.work-block-two .inner-box:hover .icon-box:before{
	opacity: 1;
}

.work-block-two .inner-box .icon-box:after{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	border: 2px dotted #f6f6f6;
	left: 0px;
	top: 0px;
	border-radius: 50%;
	opacity: 0;
	transition: all 500ms ease;
}

.work-block-two .inner-box:hover .icon-box:after{
	opacity: 1;
}

.work-block-two .inner-box .icon-box .border-line{
	position: absolute;
	left: 50%;
	transform: translateY(-50%);
	bottom: -58px;
	width: 4px;
	height: 32px;
	background-repeat: no-repeat;
}

.work-block-two .inner-box .count-box{
	position: relative;
	width: 60px;
	height: 60px;
	padding: 10px;
	margin: 0 auto;
	overflow: hidden;
	border-radius: 50%;
	margin-bottom: 22px;
}

.work-block-two .inner-box .count-box:before{
	position: absolute;
	content: '';
	border: 9px solid #fff;
	width: 58px;
	height: 58px;
	left: 1px;
	top: 1px;
	border-radius: 50%;
}

.work-block-two .inner-box .count-box span{
	position: relative;
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	font-family: 'Muli', Sans-serif;
	font-weight: 700;
	color: #fff;
	border-radius: 50%;
}

.work-block-two .inner-box .content-box{
	position: relative;
	display: block;
	background: #fff;
	padding: 38px 30px 43px 30px;
	margin-bottom: 40px;
	border-radius: 10px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	height: 150px
}
/*
.work-block-two .inner-box .content-box:before{
	position: absolute;
	content: '';
	background: #fff;
	width: 70px;
	height: 55px;
	left: 51%;
	transform: translateX(-50%) rotate(45deg);
	top: -15px;
	z-index: -1;
	box-shadow: 0 10px 30px rgb(0 0 0 / 10%);
}*/

.work-block-two .inner-box .content-box h4{
	margin-bottom: 12px;color: #000;font-size: 18px
}
.work-block-two .inner-box .content-box h4 a:hover{color: #000}
.process-style-two .inner-content{
	position: relative;
}

.process-style-two .inner-content .line{
	position: absolute;
	left: 0px;
	top: 157px;
	width: 100%;
	height: 10px;
	background-repeat: no-repeat;
	background-position: center;
}

.process-style-two .more-btn{
	position: relative;
	display: block;
	text-align: center;
	margin-top: 60px;
}

.process-style-two .more-btn .theme-btn{
	padding: 11px 36px;
}


.process-style-two.alternate-2 .work-block-two .inner-box .count-box{
	background: -webkit-linear-gradient(-45deg, #E8C42B, #FDD300 100%);
}

.process-style-two.alternate-2 .work-block-two .inner-box .count-box span{
	background: -webkit-linear-gradient(-45deg, #E8C42B, #FDD300 100%);
}



/** case-section **/

.case-section{
	position: relative;
}

.case-section .inner-container{
	position: relative;
	padding-bottom: 20px;padding-top: 30px;
}

.case-block-one .inner-box{
	position: relative;
	display: block;
	background: #fff;
	padding: 20px 0px;
	border-radius: 5px;
	box-shadow: 0 0px 30px rgba(0, 0, 0, 0.1);
	transition: all 500ms ease;
	margin-bottom: 40px
}

.case-block-one .inner-box:hover{
	
	transform: translateY(-10px);
}

.case-block-one .inner-box:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.case-block-one .inner-box:hover:before{
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52,1.64,.37,.66);
    transition-timing-function: cubic-bezier(0.52,1.64,.37,.66);
}

.case-block-one .inner-box .image-box{
	position: relative;
	display: block; text-align:center;
}

.case-block-one .inner-box .image-box img{
	width: 80%; margin:0 auto;
}

.case-block-one .inner-box .lower-content{
	padding: 8px 25px 1px 25px;
}

.case-block-one .inner-box .lower-content p{
	display: block;
	padding-bottom: 13px;
	border-bottom: 1px solid #e3e2f2;
	margin-bottom: 17px;
	transition: all 500ms ease;
	position: relative;
    font-size: 22px;
    line-height: 26px;
    font-weight: 500;
    color: #000;
    margin: 0px;
	text-align: center
}

.case-block-one .inner-box:hover .lower-content p{
	
	border-color: rgba(232, 196, 43, 0.3);
}

.case-block-one .inner-box .lower-content h4{
	line-height: 28px;
	margin: 0px;
	position: relative;
    font-size: 16px;
    font-weight: 300;
    transition: all 500ms ease;
	text-align: center;
	color:#666;
	padding-top: 10px
}

.case-block-one .inner-box:hover .lower-content h4,
.case-block-one .inner-box:hover .lower-content h4 a{
	color: #E8C42B!important;
}

.case-section .more-btn{
	position: relative;
	display: block;
	text-align: center;
	margin-top: 43px;
}

.case-section .sec-title{
	margin-bottom: 60px;
}

@media only screen and (max-width: 1699px){
	  .about-style-five .icon-layer{
    display: none;
  }
		  .history-section .image-layer{
    display: none;
}
}
@media only screen and (max-width: 991px){
	  .about-style-five .pattern-layer{
    display: none;	 
  }

  .about-style-five #content_block_10 .content-box{
    margin: 0px 0px 40px 0px;
  }
  .image-box.ab figure{margin: 0 0 1rem 0rem;}
  #image_block_04 .image-box .pattern-bg{
    position: absolute;
    left: 0px;
    top: 30px;
    right: 0px;
    width: 570px;
    height: 570px;
    background-repeat: no-repeat;
    z-index: -1;
}
	.process-style-two .arrow-box{
    display: none;
  }

  .history-section .inner-box .single-item{
    padding: 0px !important;
    margin: 0px !important;
  }

  .history-section{
    padding-top: 120px;
  }
}
@media only screen and (max-width: 767px){
  .about-style-five,
  .service-style-four{
    padding: 70px 0px;
  }
	

	
	
}
	  .history-section .sec-title{
    max-width: 100%;
    margin-bottom: 40px;
  }

  .history-section .inner-box .single-item{
    width: 50%;
    margin-bottom: 30px !important;
  }

  .history-section{
    padding: 70px 0px 40px 0px;
  }

  .history-section .pattern-layer{
    display: none;
  }
	  .process-style-two{
    padding: 70px 0px;
  }

  .process-style-two .more-btn{
    margin-top: 20px;
  }
}
@media only screen and (max-width: 399px){
  .history-section .inner-box .single-item{
    width: 100%;
	}}