/* 菜单 */
.nav_div{background: #173bd4; background: rgba(23,59,212,.9); z-index: 12; width: 100%; position: fixed; top: 0 ; height: 90px; 
box-shadow: 0 1px 2px rgba(0,0,0,.15)}
.nav{max-width:1200px; margin: 0 auto;  position: relative; top:0; height: 90px; }


.nav ul{ position: absolute; right:0;}
.nav ul li{  font-size:17px; color: #cacaca; padding: 0 1.8em; float: left; line-height: 90px }
.nav.add ul li{padding: 0 2em;}
.nav ul li a{color: #d7d7d7;text-align: left; display: block; overflow: hidden;cursor: pointer; }
.nav ul li a label{ width:100%; display: block; cursor: pointer; }
.nav ul li a span{ font-size: 14px; color: #888}
.nav ul li a:hover,.nav ul li a:hover span{color: #fff}
.nav ul li.active {  background:rgba(0,0,0,.2)}
.nav ul li.active a{color: #fff}
.nav ul li.active a span{color: #fff}
.nav img{ width: 176px; display: block; float: left; height: 60px; padding-top: 15px; }


.nav_login{ background:#f66f6b; border-radius:3px; color: #fff;  position: absolute; right:0%; height: 34px; line-height: 34px; text-align: center; 
font-size: 15px; padding: 0 5px; top: 50%; margin-top: -17px;transition: all 0.5s;-moz-transition: all 0.5s;	-webkit-transition:  all 0.5s;	-o-transition: all 0.5s; }
.nav_login a{ color: #fff; padding: 0 8px; }
.nav_login:hover{background:#e7443f;transition: all 0.5s;-moz-transition: all 0.5s;	-webkit-transition:  all 0.5s;	-o-transition: all 0.5s; }

/*banner*/

.banner { position: relative; width: 100%; height:780px; background: #fff; float: left;}
.banner .arrow-left {
  background: url(../images/slider-left.png) no-repeat left center;position: absolute; left: 10px;top: 50%;margin-top: 0px;width: 50px;height: 50px; z-index: 10}
.banner .arrow-right {
  background: url(../images/slider-right.png) no-repeat right center;position: absolute;right: 10px; top: 50%; margin-top: 0px;width: 50px; height: 50px; z-index: 10}

.swiper-container {width: 100%;  height: 780px;}
.content-slide {padding: 20px;color: #fff;}
.swiper-slide{ width: 100%;  height:780px;  }
.swiper-slide a{ display: block; width: 100%; height:780px;   vertical-align: middle;}
.title {font-size: 25px;margin-bottom: 10px;}
.pagination01 { position: absolute;left: 0;text-align: center;bottom:5px;width: 100%; z-index: 10}
.swiper-pagination-switch {
  display: inline-block;width:30px;height: 5px;border-radius: 10px;background: #999;margin: 0 3px;cursor: pointer;}
.swiper-active-switch { background: #fff;}


.swiper-slide  h1,.swiper-slide  h2,.swiper-slide  h3{ font-size: 40px;   z-index: 10; display: block; font-weight: normal; }


.swiper-slide.swiper-slide-active  h1,.swiper-slide.swiper-slide-active  h2,.swiper-slide.swiper-slide-active  h3
{-webkit-animation: lefttran 1s  ; animation: lefttran 1s ;}

.swiper-slide  h1 {  margin: 0 auto;font-size:22px;color: #242323; padding-top: 240px;   }
.swiper-slide  h2{ font-size: 30px;   padding-top: 4%;color: #e03b36;  font-size: 44px}
.swiper-slide  h3{ font-size: 30px;   padding-top: 4%;color: #242323;  font-size: 20px}

.swiper_width50{ width: 45%; text-align: right;}

  /* 产品服务 */
.gong01{  overflow: hidden; margin:2% 0 2%; padding: 3px }
.gong01 li{ width:30%; float: left; margin: 0 1.66666%; font-size: 16px; padding: 1% 0; height:240px; }
.gong01 li h1{ font-size:20px; font-weight: normal; line-height: 38px; padding-top: 10px;color: #333333}
.gong01 li a{ color: #fff}
.gong01 li label{font-size: 14px; line-height: 20px;color: #666666; padding:2% 5px; }
.gong01 li p{ font-size: 14px; padding: 14px 15px 5px; color: #fafafa; line-height: 20px  }

.gong01 li:hover span{transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);	-moz-transform: rotate(360deg);
transition: all 0.5s;-moz-transition: all 0.5s;	-webkit-transition:  all 0.5s;	-o-transition: all 0.5s; }

.gs_icon01,.gs_icon02,.gs_icon03,.gs_icon04,.gs_icon05,.gs_icon06{ color: #333333; text-align: center;}



.gs_icon01 span,.gs_icon02 span,.gs_icon03 span,.gs_icon04 span,.gs_icon05 span,.gs_icon06 span{ display: block; width:50px; height:50px; margin:30px auto 20px}

.gs_icon01 span{ background: url(../images/icon01.png) center center no-repeat; background-size: 100%; }
.gs_icon02 span{ background: url(../images/icon02.png) center center no-repeat; background-size: 100%; }
.gs_icon03 span{ background: url(../images/icon03.png) center center no-repeat; background-size: 100%; }
.gs_icon04 span{ background: url(../images/icon04.png) center center no-repeat; background-size: 100%; }
.gs_icon05 span{ background: url(../images/icon05.png) center center no-repeat; background-size: 100%; }
.gs_icon06 span{ background: url(../images/icon06.png) center center no-repeat; background-size: 100%; }


/* 关于我们 */

.about{ width: 100%; background: #f2f5f8; overflow: hidden; position: relative; margin: 40px 0}
.about_left{  width: 60%; height: 100%; height:500px ; float: left; }


.about_right{ width: 40%; color: #333;height:500px ; float: right; background: #3d58cc; color: #fff; font-size: 18px; float: right;}

.about_right .divcont{ width: 80%;  margin:6% auto; }
.about_right .divcont h1{ font-size: 24px; line-height: 40px; padding-bottom: 20px}
.about_right .divcont p{ font-size: 15px; line-height: 32px; padding: 5px 0;
text-overflow: -o-ellipsis-lastline;  overflow : hidden;  text-overflow: ellipsis;  display: -webkit-box;  
-webkit-line-clamp:8;  -webkit-box-orient: vertical;}



/*联系我们*/
.lx{ width: 100%; margin:1% auto ; overflow: hidden;}
.lx li{ padding:10px 0; float: left; font-size: 18px; line-height: 30px; width: 100%}
.lx li span{ padding-left: 30px; display: inline-block;}
.lx li.about_icon01{ background: url(../images/lx_icon01.png) left 10px no-repeat; background-size: 20px}
.lx li.about_icon02{ background: url(../images/lx_icon02.png) left 10px  no-repeat; background-size: 15px;}
.lx li.about_icon03{ background: url(../images/lx_icon03.png) left 10px  no-repeat; background-size: 18px;}




/*流程开发*/
.h1tit{ text-align: center;padding-bottom: 0px; margin: 5% auto 1%;}
.h1tit h1{ font-size: 28px; color: #333;  overflow: hidden;  line-height:60px ; letter-spacing:2px  }
.h1tit h1.white{ color: #fff}
.h1tit h1 img{ display: block; height: 32px; width: auto; margin: 10px auto}
.h1tit h2{font-size: 22px; color: #888;font-weight: normal;line-height: 60px ; font-family: arial}

.hr{  background: #3d5dcd; height: 3px; width: 5em; margin: 0 auto}
.hr.white{background: #fff;  }

.liuc{ width: 100%; margin: 100px auto 150px;background: url(../images/liuc.png) center 14px no-repeat; background-size: 100% 2px}
.liuc img{ display: block; width: 100%}

.anlitext{ width:90%; text-align: center; font-size: 16px; line-height: 30px; color: #fff; margin: 0% auto 2%}

.liucul{ width: 100%; }
.liucul li{ width: 14.66666%; margin: 0 1%; text-align: center; background: url(../images/liuc_d.png) top center no-repeat; background-size: 28px; float: left; }
.liucul li p{ color: #fff; line-height: 30px; padding-top: 40px; font-size: 18px;  text-shadow: 0 1px 2px rgba(0,0,0,.3)}



/*项目案例*/
.tab01{ width: 100%; text-align: center; margin-top: 40px}
.tab01 li{ display: inline-block; text-align: center; font-size: 24px; color: #666;margin: 0 1.5em;border-bottom: 2px solid #fff; line-height: 40px; cursor: pointer;
transition: all 0.5s;-moz-transition: all 0.5s;	-webkit-transition:  all 0.5s;	-o-transition: all 0.5s;}
.tab01 li.on{ border-bottom: 2px solid #3d5dcd; color: #333;transition: all 0.5s;-moz-transition: all 0.5s;	-webkit-transition:  all 0.5s;	-o-transition: all 0.5s; }

.tab02{ width: 100%; text-align: center; margin-top: 30px}
.tab02 li{ display: inline-block; text-align: center; font-size:14px; color: #999;margin: 0 1em;border: 1px solid #999; line-height: 36px;padding: 0 2%; border-radius: 50px;cursor: pointer;
transition: all 0.5s;-moz-transition: all 0.5s;	-webkit-transition:  all 0.5s;	-o-transition: all 0.5s; }
.tab02 li.on{ border: 1px solid #3d5dcd; color: #3d5dcd;
transition: all 0.5s;-moz-transition: all 0.5s;	-webkit-transition:  all 0.5s;	-o-transition: all 0.5s; }


.anli_cont{ width: 90%;  margin:60px auto 20px;  position: relative;}
.anli{ width: 100%; height: 467px ; overflow: hidden; padding: 20px 0}


.anli .swiper-slide{ width:100%;  height: auto; }
.anli .swiper-slide a{ display: block;height: auto;}
.anli.pc .anli_div{ width: 454px; position: relative; height: 437px;  margin: 0 auto }

.anli_div{ width: 297px; position: relative; height: 437px;  margin: 0 auto }

.anli_div .anli_text{ position: absolute; width: 100%; height: 100%;top: 0; left: 0; background: rgba(2,128,216,.85); display: table; 
vertical-align: middle; text-align: center; opacity: 0;
transition: all 0.5s;-moz-transition: all 0.5s;	-webkit-transition:  all 0.5s;	-o-transition: all 0.5s;}
.anli_div .anli_text span{display: table-cell; vertical-align: middle; text-align: center; color: #fff; font-size: 18px}

.anli_div:hover .anli_text{  opacity: 1;	
transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition:  all 0.5s;	-o-transition: all 0.5s;}

.anli_div:hover img{
transform: scale(1.05);-ms-transform: scale(1.05);	-webkit-transform:scale(1.05);	-o-transform: scale(1.05);	-moz-transform: scale(1.05);
transition: all 0.5s;-moz-transition: all 0.5s;	-webkit-transition:  all 0.5s;	-o-transition: all 0.5s; }

.anli_div img{ display: block; width: 100%; height: auto; min-height: 14vw;
transition: all 0.5s;-moz-transition: all 0.5s;	-webkit-transition:  all 0.5s;	-o-transition: all 0.5s; }
.anli.pc .anli_div img{ padding: 60px 0 0}

.anli_cont .arrow_left {
  background:#4d6ddf url(../images/slider-left.png) no-repeat center center; background-size: 20px; border-radius: 5px; 
  position: absolute; left: -20px;top: 50%;margin-top: -25px;width: 50px;height: 50px; z-index: 1000}
.anli_cont .arrow_right {
  background:#4d6ddf url(../images/slider-right.png) no-repeat center center;background-size: 20px;border-radius: 5px;
  position: absolute;right:-20px; top: 50%; margin-top: -25px;width: 50px; height: 50px; z-index: 1000}

.anli_textcon{ text-align: center; font-size: 14px; color: #333; line-height: 30px; width: 90%; margin: 0 auto 50px}

/*我们的客户*/
.customer{ width:100%; margin: 50px auto 80px; position: relative; overflow: hidden;}
.customer .img01{ display: block; width: 100%}
.customer .img02{ position: absolute; left: 50%; top: 50%; width: 198px; height: 200px; margin-left: -89px; margin-top: -100px}

/*加入我们*/
.aboutus{ width: 100%; margin:40px 0 60px; overflow: hidden;}
.aboutus .left{ width:44% ; overflow: hidden;float: left;}
.aboutus .left img{ display: block; width: 100%;  max-width: 534px}
.aboutus .right{ width:52%;float: right; color: #fff;font-size: 18px; line-height: 40px; overflow: hidden; padding-top: 12% }
.aboutus .right span{ font-size:46px;}
/*加入我们详情页*/

/*地图*/
 #allmap {height:500px;width:100%;border-top: none;}
.anchorBL{ display: none;}


.pagination{ width: 100%; display: inline-block; text-align: center; margin: 10px 0; position:relative;}
.pagination li{ display: inline-block;font-size: 15px; color: #666; border:1px solid #ddd; padding: 2px 10px; margin: 0 5px; cursor: pointer;}
.pagination li.active,.pagination li:hover{ background: #f66f6b; color: #fff ;border:1px solid #f66f6b; }

@media screen and ( max-width:1200px){
.nav img{ width:170px; display: block; float: left; height: auto; padding-top:20px; margin-left: 2%}
.nav ul li{color: #cacaca; padding: 0 1.6em; float: left; }

.banner {  height:680px; }
.swiper-container { height: 680px;}
.swiper-slide{  height:680px;  }
.swiper-slide a{  height:680px; }

}


@media screen and ( max-width:1100px){
.nav ul li{color: #cacaca; padding: 0 1.4em; float: left;font-size: 16px  }
.nav img{ width:160px; display: block; float: left; height: auto; padding-top:20px; margin-left: 2%}
.banner {  height:600px; }
.swiper-container { height: 600px;}
.swiper-slide{  height:600px;  }
.swiper-slide a{  height:600px; }
.aboutus{ width: 90%;margin:40px auto 60px}
}


@media screen and ( max-width:1000px){
.nav ul li{color: #cacaca; adding: 0 1.1em; float: left;font-size: 16px  }
.nav img{ width:160px; display: block; float: left; height: auto; padding-top:20px; margin-left: 2%}
.anli.pc .anli_div{ width: 410px}
.anli.pc .anli_div{ height: 430px;}
}


@media screen and ( max-width:960px){
.nav img{ width:120px; display: block; float: left; height: auto; padding-top:24px; margin-left: 2%}
.nav ul li{   padding: 0 1.1em; float: left; font-size: 16px }	
.anli_cont{ margin: 10px auto 40px}
.anli{ height: 440px}
.anli_div{ width: 270px; position: relative; height: 430px;  margin: 0 auto }
.anli_div img{ padding-top: 30px}

.anli.pc .anli_div{ width: 360px}
.anli.pc .anli_div{ height: 430px;}
}

/* 
@media screen and ( max-width:880px){
	.nav img{ width:160px; display: block; float: left; height: auto; padding-top:20px; margin-left: 2%}
	.nav ul li{padding: 0 0.8em; }
	.swiper-slide  h1{ font-size:16px}
.swiper-slide  h2{ font-size:34px}
.swiper-slide  h3{ font-size:16px}
.swiper_width50{ width:56%; text-align: right;}
}
*/
@media screen and ( max-width:860px){
	/* 菜单 */
.nav_div{background: #173bd4; background: rgba(23,59,212,.9); z-index: 1000; width: 100%; position: fixed; top: 0 ; height:50px;box-shadow: 0 1px 2px rgba(0,0,0,.15) }
.nav_menu2{background: #202020; z-index: 1000; width: 100%; position: fixed; top: 0 ; height: 50px;}

.nav{max-width: 1120px;margin: 0 auto;  position: relative; top:0; height: 50px; }
.nav ul{ overflow: hidden;  width: 100% ;display: none; background: rgba(23,59,212,.9); position: absolute; top:50px; box-shadow: 0 0 1px rgba(0,0,0,.2) ;
 right: 0; margin-right: 0}
.nav ul li{ float: left; font-size:16px; line-height: 40px; color: #cacaca; width: 100%; text-align: left;padding:5px 0 ;
 border-bottom: 1px solid rgba(255,255,255,.4)}
.nav ul li:last-child{ border: none; }
.nav ul li a{color: #cacaca; display: block;text-align: left; text-indent: 2em}
.nav ul li a label{ width: 8rem; display: inline-block; text-align: left;text-indent:0; }
.nav ul li a:hover{color:#fff}


.nav img{ width:100px; display: block; float: left; height: auto; padding-top: 10px; margin-left: 2%}

.nav_line{ float: right;  width: 50px; margin-top: 14px; display: block;}
.nav_line span{ height:3px; width: 20px; background: #fff; margin: 4px auto; display: block; border-radius: 5px;}


/*banner*/

.banner { position: relative; width: 100%; height: 52vw;float: left;}

.banner .arrow-left ,.anli_cont .arrow_left{  background: url(../images/slider-left.png) no-repeat center center;background-size:14px;
	left: 10px;top: 50%;margin-top: 0px;width: 30px;height: 30px;}
.banner .arrow-right,.anli_cont .arrow_right{background: url(../images/slider-right.png) no-repeat center center;background-size:14px;
 right: 10px;top: 50%;margin-top: 0px;width: 30px;height: 30px;}

.swiper-container {width: 100%;  height: 52vw; background: #06c;}
.content-slide {padding: 20px;color: #fff;}
.swiper-slide{ width: 100%;  height: 52vw;  }
.swiper-slide a{ display: block; width: 100%; height:52vw;  vertical-align: middle;}



.swiper-slide  h1{ font-size:16px; padding-top: 24vw;}
.swiper-slide  h2{ font-size:34px}
.swiper-slide  h3{ font-size:16px}
.swiper_width50{ width:55%; text-align: right; }


.h1tit h1{ font-size: 20px; line-height: 36px }
.h1tit h2{ font-size: 16px; line-height: 32px}
	/*产品服务*/
	  /* 产品服务 */
.gong01{ width: 100%; overflow: hidden; margin:0% 0 8%}
.gong01 li{ width: 90%; float: left;  font-size: 16px; padding: 1% 0; margin:2% 5%; text-align: left; position: relative; border-radius: 5px;
 height: auto;}

.gong01 li h1,.gong01 li label,.gong01 li p{width: 80%;float: left; margin-left:15vw;}
.gong01 li h1{ font-size:1.05rem; font-weight: normal;line-height: 1.6rem;    padding:12px 2vw 0.5vw }
.gong01 li label{font-size: 0.95rem; line-height: 1.4rem; padding:0.5vw 2vw 0.5vw  }
.gong01 li p{ font-size: 0.85rem;color: #fafafa; line-height: 1.2rem;  padding:0.5vw 2vw 0.5vw }



.gs_icon01 span,.gs_icon02 span,.gs_icon03 span,.gs_icon04 span,.gs_icon05 span,.gs_icon06 span{ 
 display: block; width: 50px; height:50px;  position: absolute; left: 2vw; top: 50%; margin-top: -25px }

.anlitext{ width: 80%; text-align: center; font-size: 14px; line-height: 30px;  margin: 0% auto 2%;}
.liuc{ margin: 30px auto 60px}
.liucul li p{ font-size: 16px;}

.tab02{ width: 90%; margin: 30px auto 0}
.tab02 li{ margin: 10px 2%; padding: 0 3%}



.nav_login{ right: 50px; background: none; color: #f66f6b; border-right: 1px solid #ddd}
.nav_login a{color: #f66f6b; display: inline-block;  font-size: 14px;}

.anli_cont{ margin: 10px auto 40px}
.anli{height: 50vw;}
.anli_div{ width: 100%; position: relative; height: 50vw;  margin: 0 auto }
.anli_div img{ padding-top:0vw; width: 100%;}
.anli.pc .anli_div img{ padding-top: 20px}
.anli.pc .anli_div{ width: 100%;}
.anli.pc .anli_div{ height:340px;}

.anli_cont .arrow_left {
  background:#4d6ddf url(../images/slider-left.png) no-repeat center center; background-size: 10px; border-radius: 5px; 
  position: absolute; left: -20px;top: 50%;margin-top: -15px;width: 30px;height: 30px; z-index: 1000}
.anli_cont .arrow_right {
  background:#4d6ddf url(../images/slider-right.png) no-repeat center center;background-size: 10px;border-radius: 5px;
  position: absolute;right:-20px; top: 50%; margin-top: -15px;width:30px; height: 30px; z-index: 1000}
.anli_cont{ margin: 30px auto 10px}

.aboutus .right{ font-size: 15px; line-height: 26px}
.aboutus .right span{ font-size: 28px}

.customer .img02{ width: 18vw; height: 18vw; margin-left: -9vw; margin-top: -9vw}



.about01{ width: 100%; background: #f2f5f8; overflow: hidden; position: relative;}

.about01_right{  width: 100%;  height: 50vw;display: block; position: relative; top: 0; right: 0;float: left;}


.about01_left{  width: 100%; color: #333; float: left;  background: #fff; float: left;}
.about01_left .divcont{ width: 90%;  margin:6% 5% 10%; background: #fff; }
.about01_left .divcont h1{ font-size: 20px;}
.about01_left .divcont p{ font-size: 15px; line-height: 30px; padding: 5px 0}


.right_cont .img01{ display: block; width: 90%; margin: 5px auto }

.lx li.about_icon03{ width: 100%}
.lx li.about_icon05{ width: 100%}
.ewm_div .wem_img img{ margin: 0 auto; width: 40%}
.about01_left .divcont .ewm_div .wem_img p{ width: 100%; text-align: center;}

.right01{ width:100%; float: right; overflow: hidden; background: #fff ; }
.tab01{ margin-top: 20px}
.tab02{ margin: 20px auto 0}
.tab01 li{ font-size: 18px; margin: 0 2vw}

}


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

.swiper-slide  h1,.swiper-slide  h2,.swiper-slide  h3{ text-shadow: 0 0 3px rgba(255,255,255,.5)}
.swiper-slide  h1{ font-size:14px; padding-top: 24vw;}
.swiper-slide  h2{ font-size:20px}
.swiper-slide  h3{ font-size:14px}
.swiper_width50{ width:90%; text-align: center; margin: 0 auto}


.gong01 li h1,.gong01 li label,.gong01 li p{width: 70%;float: left; margin-left:18vw;}
.gong01 li h1{ font-size:1.05rem; font-weight: normal;line-height: 1.6rem;   padding:7px 2vw 0.5vw }
.gong01 li:last-child h1{padding:5px 2vw 0.5vw}
.gong01 li label{font-size: 0.95rem; line-height: 1.4rem; padding:0.5vw 2vw 0.5vw  }
.gong01 li p{ font-size: 0.85rem;color: #fafafa; line-height: 1.2rem;  padding:0.5vw 2vw 0.5vw }


.gs_icon01 span,.gs_icon02 span,.gs_icon03 span,.gs_icon04 span,.gs_icon05 span{ 
 display: block; width: 60px; height:60px;  position: absolute; left: 2vw; top: 50%; margin-top: -30px }

/*关于我们*/

.about_left{  width: 100%; height:40vw; display: block; float: left;position:relative; }

.about_right{ width: 100%; height:40vw; }
.about_right .divcont{ width: 90%;  margin:6% 7%;  }
.about_right .divcont h1{ font-size: 20px;}
.about_right .divcont p{ font-size: 15px; line-height: 30px; padding: 5px 0}
.lx li{ font-size: 14px; padding: 0}
#allmap{ height: 40vw}

.aboutus .left{ width: 80%; margin: 0 auto; margin-left: 10%}
.aboutus .left img{ display: block; margin: 0 auto}
.aboutus .right{ width: 88%; margin: 0 auto; margin-left: 6% ; float: left}

.banner {  height:56vw; }
.swiper-container { height:56vw;}
.swiper-slide{  height:56vw; }
.swiper-slide a{  height:56vw; }

}

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

.swiper-slide  h1,.swiper-slide  h2,.swiper-slide  h3{ text-shadow: 0 0 3px rgba(255,255,255,.5)}
.swiper-slide  h1{ font-size:12px; padding-top: 24vw;}
.swiper-slide  h2{ font-size:18px}
.swiper-slide  h3{ font-size:12px}
.swiper_width50{ width:90%; text-align: center; margin: 0 auto}

.h1tit h1 img{ display: block; height: 22px; width: auto; margin: 10px auto}


.gong01 li h1,.gong01 li label,.gong01 li p{width: 72%;float: left; margin-left:22vw;}
.gong01 li h1{ font-size:1.05rem; font-weight: normal;line-height: 1.6rem;   padding:10px 2vw 0.5vw }
.gong01 li label{font-size: 0.9rem; line-height: 1.1rem; padding:0.5vw 2vw 0.5vw  }
.gong01 li p{ font-size: 0.85rem;color: #fafafa; line-height: 1.2rem;  padding:0.5vw 2vw 0.5vw }


.gs_icon01 span,.gs_icon02 span,.gs_icon03 span,.gs_icon04 span,.gs_icon05 span{ 
 display: block; width: 40px; height:40px;  position: absolute; left: 2vw; top: 50%; margin-top: -20px }

/*关于我们*/



.foot_ul ul li{ padding: 0 3px }
.foot_bqu{ font-size: 12px; padding: 0 20px; }



.backtop{ position:fixed;display:none;bottom:100px;right:2%; background:rgba(61,88,204,.8) url(../images/backtop.png) center center no-repeat;
 background-size: 20px; width: 36px; height: 36px; border-radius: 5px}
.backtop:hover{ background:#ee5755 url(../images/backtop.png) center center no-repeat;
 background-size: 20px; }
.liucul li p{ font-size: 13px;}

/*.anli{ width: 80%; margin: 0 auto height: 80vw}
.anli_div{ width: 100%; height: 80vw}*/
}

@media screen and ( max-width:320px){
.h1tit h1 img{ display: block; height: 20px; width: auto; margin: 5px auto}
.gong01 li h1,.gong01 li label,.gong01 li p{width: 70%;float: left; margin-left:60px;}
.gong01 li h1{ font-size:1.05rem; font-weight: normal;line-height: 1.6rem;  padding:10px 2vw 0.5vw ;float: right;}
.gong01 li label{font-size: 0.95rem; line-height: 1.4rem; padding:0.5vw 2vw 0.5vw; float: right;  }
.gong01 li p{ font-size: 0.85rem;color: #fafafa; line-height: 1.2rem;  padding:0.5vw 2vw 0.5vw }

.gs_icon01 span,.gs_icon02 span,.gs_icon03 span,.gs_icon04 span,.gs_icon05 span{
 display: block; width:40px; height:40px;  position: absolute; left: 2vw; top: 50%; margin-top: -20px }

.foot_ul ul li{ padding: 0 3px }
.foot_bqu{ font-size: 12px }

.banner {  height:64vw; }
.swiper-container { height:64vw;}
.swiper-slide{  height:64vw; }
.swiper-slide a{  height:64vw; }


}