/* Body 
------------------------------------- */
@import 'animate.min.css';
@import 'bootstrap.min.css';
@import 'bxslider.css';

 @font-face {
    font-family: 'OswaldMedium';
    src: url('../fonts/OswaldMedium.eot');
    src: url('../fonts/OswaldMedium.eot') format('embedded-opentype'),
         url('../fonts/OswaldMedium.woff2') format('woff2'),
         url('../fonts/OswaldMedium.woff') format('woff'),
         url('../fonts/OswaldMedium.ttf') format('truetype'),
         url('../fonts/OswaldMedium.svg#OswaldMedium') format('svg');
}

body {
    background: #ffffff;
    font-family: OswaldMedium, "微软雅黑";
    font-weight: normal;
    position: relative;
}

html,body {
     overflow-x: hidden;
     font-size: 100%;
     width: 100%;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     -moz-osx-font-smoothing: grayscale;
     vertical-align: baseline;
  }

img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

input, select, textarea {
	font-family: OswaldMedium, "微软雅黑";
	font-size: 1em;
}
.wrap {
	width: 96%;
	margin: 0 auto;
	max-width: 1200px;
	
}
img, a {
	border: 0;
}
ul, li {
	list-style: none;
	font-family: OswaldMedium;
}
.font1{font-family:OswaldMedium;}
/* Typography
------------------------------------- */
h1,h2,h3,h4,h5 {
  font-family: OswaldMedium, "微软雅黑";
  font-weight: bold;
}

h3 {
  color: #525252;
  letter-spacing: 1px;
}

h5 {
  color: #ffa400;
  letter-spacing: 4px;
  padding-top: 22px;
}

.heading {
  color: #000000;
  font-size: 62px;
}

p {
  color: #727272;
  letter-spacing: 0.9px;
  line-height: 28px;
  
}

a {
  outline: none !important;
}

hr {
  width: 120px;
}

.color-white {
  color: #FFF;
}

.color-white a {
  color: #FC3;
}

.mt-15 {
    margin-top: 15px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-100 {
    margin-top: 100px;
}

.mt-150 {
    margin-top: 150px;
}

.mr-15 {
    margin-right: 15px;
}

.mr-30 {
    margin-right: 30px;
}

.mr-50 {
    margin-right: 50px;
}

.mr-100 {
    margin-right: 100px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-100 {
    margin-bottom: 100px;
}

.ml-15 {
    margin-left: 15px;
}

.ml-30 {
    margin-left: 30px;
}

.ml-50 {
    margin-left: 50px;
}

.ml-100 {
    margin-left: 100px;
}

.jianbian{background-image: linear-gradient(to right,#31c1fe, #0087ff, #0087ff);}

.clearfix {clear: both;}
 @media (max-width:767px)
 
 {
   body{
     margin: 0;
     padding: 0;
   }
 }
 @media (max-width:970px)
 {
   body{
     margin: 0;
     padding: 0;
   }container-fluid
	 .wrap {
		 100%!important;
	 }
 }
 @media (max-width:480px)
 {
   body{
     margin: 0;
     padding: 0;
   }container-fluid
 }
/* All Section styles
------------------------------------- */
.section-title {
  border: 4px solid #000;
  padding: 50px;
  position: relative;
  text-align: center;
  margin-bottom: 92px;
}

#about .section-title, #plan .section-title {
  border-color: #ffffff;
}

.panel {
	background-color: #161616;
	border: 0px;
}

.panel-title {
	color: #FFF;
}

.panel-body p {
	color: #CCC;
}

.medium-icon {
  color: #ffa400;
  font-size: 36px !important;
  font-weight: bold;
}

.parallax-section {
  background-attachment: fixed !important;
  background-size: cover !important;
}


/* preloader styles
/* ========================================== */
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    background: none repeat scroll 0 0 #fff;
}

.sk-rotating-plane {
  width: 40px;
  height: 40px;
  background-color: #0086ff;
  -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
          animation: sk-rotatePlane 1.2s infinite ease-in-out; }

@-webkit-keyframes sk-rotatePlane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
            transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
            transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

@keyframes sk-rotatePlane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
            transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
            transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

.bt img{
	height:60px;
}
@media (max-width:768px){
	.bt img{
	height:40px;
}
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#home{background-color: #090c13;}
#header {
  height: 80px;
  z-index: 997;
  transition: all 0.5s;
  background: #313747;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}
#header .logo {
  background-image: url(../images/logo.svg); background-size: 100%;width: 400px; height: 50px;background-repeat: no-repeat;margin: 5px; vertical-align: -0.15em;fill: currentColor;overflow: hidden;
}

#header .logo h1 a, #header .logo h1 a:hover {
  color: #425451;
  text-decoration: none;
  font-family: "Poppins", sans-serif,黑体, OswaldMedium;
  font-weight: 600;
}

#header .logo img {
  padding: 0;
  margin: 0;
  max-height: 40px;
}

.scrolled-offset {
  margin-top: 50px;
 
}
.line-w{background-color:#ffffff;width:80px;height: 2px;margin-left: 1%;}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
  padding: 0;
}

.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}

.navbar li {
  position: relative;
}

.navbar a, .navbar a:focus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0 10px 30px;
  font-family: "Roboto", sans-serif,OswaldMedium;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  white-space: nowrap;
  transition: 0.3s;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}

.navbar a i, .navbar a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}

.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
  color: #0087ff;
}

.navbar .getstarted {
  background: #1bbca3;
  padding: 8px 20px;
  margin-left: 30px;
  border-radius: 4px;
  color: #fff;
}

.navbar .getstarted:hover {
  color: #fff;
  background: #1ed2b6;
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: #ffffff;
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
}

@keyframes fadeInRight
{
    from {
        opacity: 0;
        -webkit-transform: translate(1000px,0); 
        transform: stranslate(1000px,0); 
    }
    to {
        opacity:1;
        -webkit-transform: translate(0,0); 
        transform: stranslate(0,0); 
    }
}
 
@-webkit-keyframes fadeInRight 
{
    from {
        opacity:0;
       -webkit-transform: translate(1000px,0); 
        transform: stranslate(1000px,0); 
    }
    to {
        opacity:1;
        -webkit-transform: translate(0,0); 
        transform: stranslate(0,0); 
    }
}

.mobile-nav-toggle.bi-x {
  color: #fff;
}

@media (max-width: 991px) {
  .mobile-nav-toggle {
    display: block;
  }
  .navbar ul {
    display: none;
  }
}

.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(21, 27, 26, 0.8);
  transition: 0.3s;
  z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}

.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10px 0;
  background-color: #313747;
  overflow-y: auto;
  transition: 0.3s;
  animation-name: fadeInRight;
  animation-duration: 1s;
  animation-fill-mode: both;
}
.navbar-mobile li{padding-left:30%;}

.navbar-mobile a {
  padding: 10px 20px;
  font-size: 15px;
  color: #ffffff;
  text-align: center;
}

.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {
  color: #0087ff;
}

.navbar-mobile .getstarted {
  margin: 15px;
}
.navbar-mobile li{
		border-bottom: 1px solid rgb(255,255,255,0.5);width:95%;margin: 0 auto;
	}
.navbar-mobile li{background-image: url(../images/shizi_b.svg); background-repeat: no-repeat;background-size: 20px 26px;background-position: 0 10px;border-bottom: 1px solid rgb(255,255,255,0.5);width:95%;margin: 0 auto;}
.navbar-mobile a, .navbar-mobile a:focus {
	  font-size: 18px;
	  font-weight: 400;
	}
.logo-mobile{display:none;}
.call-mobile{display:none;}
.copyright-mobile{display:none;}

@media (min-width: 1440px) and (max-width: 1680px) {
    #header .logo{background-image: url(../images/logo.svg); background-size: 100%;width: 400px; height: 50px;background-repeat: no-repeat;margin: 5px; vertical-align: -0.15em;fill: currentColor;overflow: hidden;}
    .navbar a, .navbar a:focus {
		font-size: 16px;
	}
}
@media (min-width: 1200px) and (max-width: 1439px) {
	#header {
		height: 60px;
	}
     #header .logo{background-image: url(../images/logo.svg); background-size: 100%;width: 300px; height: 40px;background-repeat: no-repeat;margin: 5px; vertical-align: -0.15em;fill: currentColor;overflow: hidden;}
    .navbar a, .navbar a:focus {
		font-size: 14px;
   }
}
@media (min-width: 992px) and (max-width: 1199px) {
	#header {
		height: 60px;
	}
    #header .logo{background-image: url(../images/logo.svg); background-size: 100%;width: 300px; height: 40px;background-repeat: no-repeat;margin: 5px; vertical-align: -0.15em;fill: currentColor;overflow: hidden;}
    .navbar a, .navbar a:focus {
	  font-size: 14px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#header {
		height: 80px;
	}
    #header .logo{background-image: url(../images/logo.svg); background-size: 100%;width: 350px; height: 40px;background-repeat: no-repeat;margin: 5px; vertical-align: -0.15em;fill: currentColor;overflow: hidden;}
	.logo-mobile{display: block;width:50%;padding: 30px;}
	
	.call-mobile{display: block;width: 90%!important;position:absolute;bottom: 100px;}
	.call-mobile p{text-align: left;padding-left: 170px;font-size: 24px;padding-top: 10px;}
	
	.call-mobile h2{text-align: left;padding-left: 170px;font-size: 30px;}
	.copyright-mobile{display: block;position:absolute;bottom: 50px;color:#606060;font-size: 12px;padding-left:25%;}
	.copyright-mobile a{color:#606060;font-size: 12px;}
	.copyright-mobile a：hover{font-size: 12px;}
}
@media (max-width: 768px){
    #header {
		height: 80px;
	}
    #header .logo{background-image: url(../images/logo.svg); background-size: 100%;width: 320px; height: 40px;background-repeat: no-repeat;margin: 5px; vertical-align: -0.15em;fill: currentColor;overflow: hidden;}
	
   .logo-mobile{display: block;width:60%;padding: 20px;}
	
	.call-mobile{display: block;width: 90%!important;position:absolute;bottom: 100px;}

	.call-mobile h2{text-align: left;padding-left: 170px;font-size: 30px;}
	.copyright-mobile{display: block;position:absolute;bottom: 50px;color:#606060;font-size: 12px;padding-left:25%;}
	.copyright-mobile a{color:#606060;font-size: 12px;}
	.copyright-mobile a：hover{font-size: 12px;}
}
	

/* BxSlider Section Style
/* ========================================== */
.site-slider {background-color: #090c13;}
.site-slider ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100vw;
  height: 92vh;

}
.site-slider ul li {
  margin: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-position: center 0;
  background-attachment:fixed;
}
.site-slider ul li img {
  float: left;
  margin: 0;
  width: 100%;
  height: 100%;
}

.bx-wrapper img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  object-fit: cover;
}

.bx-wrapper {
  background-color: #000000;
}

.bx-thumbnail-wrapper {
  text-align: center;
  margin-top: -73px;
  position: relative;
  z-index: 989;
}

#bx-pager a {
  width: 24.7%;
  padding: 20px 15px 20px 40px;
  display: inline-block;
  filter: alpha(opacity=40);
  outline: 0;
  border: 0;
  text-decoration:none;
  background: #ffffff;
  font-family: "黑体";
  font-weight: 600;
  font-size: 20px;
  color: #1f2025;
  border-style: outset;
  border-width: 1px;
  border-color: #6e6e6e;background-image: url(../images/shizi_h.svg); background-repeat: no-repeat;background-size: 20px 26px;background-position: 60px 22px;
}
.bx2{background-position: 50px 22px !important; }
.bx3{background-position: 40px 22px !important; }
#bx-pager a:hover {
  background: #0087ff;
  color:#ffffff;
  border-style: outset;
  border-width: 1px;
  border-color: #0086ff;
  background-image: url(../images/shizi_b.svg); background-repeat: no-repeat;background-size: 20px 26px;background-position: 60px 22px;
}
#bx-pager a.active {
  opacity: 1;
  filter: alpha(opacity=100);
  background: #0086ff;
  color:#ffffff;
  border-style: outset;
  border-width: 1px;
  border-color: #0086ff;background-image: url(../images/shizi_b.svg); background-repeat: no-repeat;background-size: 20px 26px; background-position: 60px 22px;
}

@media (min-width: 1440px) and (max-width: 1680px) {
    .site-slider ul {
	  height: 92vh;
	}
}
@media (min-width: 1200px) and (max-width: 1439px) {
	.site-slider ul {
	  height: 91vh;
	}
	.bx-thumbnail-wrapper {
	  margin-top: -62px;
}
	#bx-pager a {
 	 padding: 17px 10px 16px 25px; font-size: 18px;border-color: #6e6e6e;background-image: url(../images/shizi_h.svg); background-repeat: no-repeat;background-size: 20px 20px; background-position: 50px 20px;
}
	#bx-pager a:hover {
 	 background-image: url(../images/shizi_b.svg); background-repeat: no-repeat;background-size: 20px 20px;background-position: 50px 20px;
}
	#bx-pager a.active {
     background-image: url(../images/shizi_b.svg); background-repeat: no-repeat;background-size: 20px 20px; background-position: 50px 20px;
}
	.bx2{background-position: 40px 20px !important; }
    .bx3{background-position: 30px 20px !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
	.site-slider ul {
	  height: 91vh;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.site-slider ul {
	  height: 93vh;
	}
}
@media (max-width: 768px){
	.site-slider{margin-top: -50px;}
    .site-slider ul {
	  max-width:100vw;
	  height: 91vh;
	}
	.site-slider ul li {
	  background-attachment:scroll;
	 
	}
	.site-slider .slider1{background-image: url(../images/slider/01v.jpg)!important;}
	.site-slider .slider2{background-image: url(../images/slider/02v.jpg)!important;}
	.site-slider .slider3{background-image: url(../images/slider/03v.jpg)!important;}
	.site-slider .slider4{background-image: url(../images/slider/04v.jpg)!important;}
}

/* 首页案例
/* ========================================== */

.case{
	background-image: url(../images/anli_bj.jpg); 
	background-size:100% 100%; background-repeat: no-repeat;vertical-align: -0.15em;fill: currentColor;overflow: hidden;background-color: #090c13;
}
.myswiper3 {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1
}

.myswiper3 .swiper-wrapper {
	width: 10%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.myswiper3 .swiper-slide {
	filter: brightness(100%);
	-webkit-transform: scale(1);
}
.myswiper3 .swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.myswiper3 .swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	position: relative;
}
.myswiper3 .swiper-slide img {
	width: 100%;
	height: 100%;
	display: block;
}
.myswiper3 .text {
	background-color:rgba(0,0,0,0.5);
	right: 0;
	width: 30%;
	height: 100%;
	z-index: 100;
	text-align: left;
	padding: 0 10px;
	color: #FFFFFF;
	font-weight: 600;
	position: absolute;
	top: 50%;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.myswiper3 .line-w{margin-left:6%;}
.myswiper3 .swiper-slide:hover .text {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.myswiper3 .text h2 {
	font-size: 30px;
	font-weight: 600;
	color: #FFFFFF;
	padding-bottom: 30px;
	margin-top: 80%;
	padding-left: 20px;
}

.myswiper3 .text h2:after {
	
}

.myswiper3 .text p {
	font-size: 14px;
	margin: 1.5em 0;
	color: #FFFFFF;
	padding: 0 20px;
}

.zixun{
	width: 80px; height: 80px; position: absolute;right: 0;bottom: 0;
}

.myswiper3 .text p a{
	  padding: 10px 20px;
	  display: inline-block;
	  filter: alpha(opacity=40);
	  outline: 0;
	  border: 0;
	  background: rgba(0,0,0,0.15);
	  text-decoration:none;
	  color: #ffffff;
	  font-weight: 600;
	  border-style: outset;
	  border-width: 1px;
}

.myswiper3 .text p a:hover {
  background: #0087ff;
  color:#ffffff;
  border-style: outset;
  border-width: 1px;
  border-color: #0086ff;
}
.myswiper3 .text p a.active {
  opacity: 1;
  filter: alpha(opacity=100);
  background: #0086ff;
  color:#ffffff;
  border-style: outset;
  border-width: 1px;
}
.bt p{font-size: 26px!important;line-height: 35px!important;margin-top: 20px;}

@media (min-width: 768px) and (max-width: 991px) {
	
.myswiper3 .text{
		display: none;
	}
.bt p{font-size: 20px!important;}
}

@media (max-width: 768px){
	.myswiper3 .text{
		display: none;
	}
	.bt p{font-size: 16px!important;}
}

/*案例轮播图结束*/

.page {
	overflow: hidden;
	margin-top: 50px;
}
.page:after {
	content: '';
	display: block;
	clear: both;
}

.page_tit {
	margin-top: 80px;
	text-align: center;
}

.page_tit p {
	color: #ffffff;
}

.page_tit p span {
	color: #0087fd;
}

.page_tag {
	text-align: right;
}

.page .tit{
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
	float: left;
}
.page .case_tit{display:none;}
.page_tag a {
	display: block;
	line-height: 50px;
	padding-right:25px;
	color: #ffffff;
	position: relative;
}

@media (max-width: 768px){
	.page {
	margin-top: 20px;
	}
	.page_tag a {padding-right:5px;}
	.page {overflow: hidden;padding: 0!important;
    }
	.page_tit{margin-top: 50px;}
	.page_tit p {
	font-size: 14px;
	margin-bottom: 0;
    }
	.page .tit{
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
	float: none;
	text-align: center;
	}
	.page_tag {
	margin-top: 10px;
	padding-bottom: 20px;
	text-align: left;
	}
	.page_tag ul{padding: 0;}
	.page_tag ul li{
		margin-right:20px;
		margin-top: 20px;
	}
	.page_tag a {
	line-height: 30px;
	}
}
.page_tag ul li {
	margin-left: 10px;
	display: inline-block;
	text-decoration:none;
	border-top:1px solid #fff;
}
.page_tag ul li a {
	text-decoration:none;
}

.page_tag ul li a:hover {
	color: #0087fd;
}

.page_tag ul li a:after{
   content: '';
	height: 60px;
	width: 0;
	box-sizing: border-box;
	position: absolute;
	top: -1px;
	right: 0;
	transition: 0.2s ease width;
}

.page_tag ul li a:hover:after{
    content: '';
	height: 60px;
	width: 100%;
	box-sizing: border-box;
	position: absolute;
	top: -1px;
	left: 0;
	border-top: 1px solid #0087fd;	
}

.page_tag .on a, .page_tag a:hover {
	color: #0087fd;
	top: -1px;
	left: 0;
	border-top: 1px solid #0087fd;
}
.page_tag .on a:before, .page_tag a:hover:before {
	
}
.page_tag a:before {
	display: block;
	position: absolute;
}
.page_tag li:first-child a:before {
	display: none;
}
.select_box input{display:none;}

@media (max-width: 991px) {
	.xuan{display:block;}
	
	.pro_list{margin-top:50px;}
}
@media (max-width: 768px) {	
	.pro_list{margin-top:-20px!important;}
}
.pro_list ul:after {
	content: '';
	display: block;
	clear: both;
}
.pro_list li {
	float: left;
	text-align: center;	
	border: 1px solid rgb(0,0,0,0.1)
}
.pro_list h3 {
	
}
.pro_list p {
	padding: 10px 0 15px;
	color: #be9a78;
	background: no-repeat bottom center;
}
.pro_list a:hover p {
	
}
.pro_list ul {
	margin-top: 20px;
	display: none;
}
.pro_list ul.on {
	display: block;
}
.pro_list ul.on li {
	animation-name: zoomIn;
	animation-duration: 1s;
	animation-fill-mode: both;
}

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

.pro_list li a:hover {
	
}
.pro_list li a:hover .img {
	
}
.zoomImage{
    width:100%;
    height:0;
    padding-bottom: 56%;
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
}
@media (max-width: 991px) {

}
@media (max-width: 768px) {

}
@keyframes zoomIn {
 from {
opacity: 0;
top:50px;
}
 50% {
opacity: 1;
top:0;
}
}

.fplus-portfolio {
    margin-left: -38px;
}

.fplus-portfolio .pro_item {
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.fplus-portfolio .pro_item img {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
	border: 2px solid rgb(0,0,0,0.1);
}

.gallery-hover-overlay {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    padding: 20px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.gallery-hover-overlay .port-hover-text > p {
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 5px;
    display: block;
    letter-spacing: 2px;
	text-align: left;
	text-overflow: ellipsis;
}

.port-hover-text p a{
	  padding: 5px 10px;
	  display: inline-block;
	  filter: alpha(opacity=40);
	  outline: 0;
	  border: 0;
	  background: rgba(0,0,0,0.15);
	  text-decoration:none;
	  color: #ffffff;
	  font-weight: 600;
	  border-style: outset;
	  border-width: 1px;
}

.port-hover-text p a:hover {
  background: #0087ff;
  color:#ffffff;
  border-style: outset;
  border-width: 1px;
  border-color: #0086ff;
}

.gallery-hover-overlay .port-hover-text > h2 {
    color: #ffffff;
    padding-bottom: 10px;
	text-align: left;
	font-size: 20px;
	text-overflow: ellipsis;
}

.port-hover-text h2:after {
    
}

.fplus-portfolio .pro_item:hover .gallery-hover-overlay {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.fplus-portfolio .pro_item:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
@media (max-width: 991px) {
	.pro_list .gallery-hover-overlay {
    position: static;
    background-color: rgba(0,0,0,0.1);
    padding: 20px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    }
	.gallery-hover-overlay .zixun{display:none;}
	.gallery-hover-overlay .index_xg{display:none!important;}
	.gallery-hover-overlay .line-w{display:none!important;}
	.gallery-hover-overlay .port-hover-text > h2 {
    color: #ffffff;
    padding-bottom: 0!important;
	text-align: left;
	font-size: 16px;
	text-overflow: ellipsis;
    }
}
@media (max-width: 768px){
	.gallery-hover-overlay .port-hover-text > h2 {font-size: 14px!important;padding: 10px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.gallery-hover-overlay .port-hover-text > p {
		margin-bottom: 20px;
        font-size: 12px!important;
		height:30px;
		line-height: 25px;
		padding-top: 0;
	    
    }
	.gallery-hover-overlay{padding: 5px!important;}
}

.more {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	height: 50px;
	text-align: right;
	margin: 50px 0;
}

.more a {
	display: block;
	line-height: 50px;
	padding-right:10px;
	color: #ffffff;
	text-decoration:none;
}

.more a img{
	width:40px;
	height:30px;
	margin-left: 20px;
}

.more>.li:after{
	
}
.more a:after{
	content: '';
	height: 50px;
	width: 62px;
	box-sizing: border-box;
	position: absolute;
	top: -1px;
	right: 0;
	transition: 0.2s ease width;
	border-top: 1px solid #0087fd;
	border-bottom: 1px solid #0087fd;
}

@media (min-width: 992px){
	.more a img:hover{
	padding-right:5px;
	}

	.more a:hover {
		padding-right:5px;
		transition: 0.2s;
		color: #0087fd;
	}
	.more a:hover:after {
	content: '';
	height: 50px;
	width: 100%;
	box-sizing: border-box;
	position: absolute;
	top: -1px;
	right: 0;
	border-top: 1px solid #0087fd;
	border-bottom: 1px solid #0087fd;
}
}

@media (max-width: 768px){
	.more {
	margin: 20px 0;
}
	
}
/* 客户服务
/* ========================================== */
.client{
	text-align: center;
	color: #ffffff !important;
	padding: 30px 0;
	letter-spacing:5px;
}
.client-con{width:80%;margin: 0 auto;}
.client a{
	padding: 10px 50px 10px 80px;
    display: inline-block;
    filter: alpha(opacity=40);
    outline: 0;
    border: 0;
    text-decoration:none;
    background: #000000;
    color: #0087fd;
	font-size: 26px;
    font-weight: 600;
    border-style: outset;
    border-width: 1px;
    border-color: #6e6e6e;background-image: url(../images/3.svg); background-repeat: no-repeat;background-size: 30px 30px;background-position: 30px 17px;
}

.client a:hover{
  background: #003d96;
  transition: 0.3s;
  border-color: #6e6e6e;background-image: url(../images/3.svg); background-repeat: no-repeat;background-size: 30px 30px;background-position: 30px 17px;
}

.client h4{
	font-size: 36px;
	line-height: 50px;
}

.client h5{
	font-size: 36px;
	font-weight: 400;
	padding: 8px 0;
	color: #ffffff;
}

.client h5 img{
	width:20px;
	height: 15px;
	margin: 0 10px;
}
.client2 {display:none;}
@media (min-width: 1440px) and (max-width: 1680px) {
    .client-con{width:96%;margin: 0 auto;}
	.client a{
		font-size: 26px;
		font-weight: 600;
		border-color: #6e6e6e;background-image: url(../images/3.svg); background-repeat: no-repeat;background-size: 30px 30px;background-position: 30px 17px;
	}

	.client h4{
		font-size: 30px;
	}

	.client h5{
		font-size: 30px;
	}

}
@media (min-width: 1200px) and (max-width: 1439px) {
	.client-con{width:96%;margin: 0 auto;}
	.client h4{
		font-size: 26px;
	}

	.client h5{
		font-size: 26px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.client-con{width:96%;margin: 0 auto;}
	.client h4{
		font-size: 18px;line-height: 30px!important;
	}

	.client h5{
		font-size: 18px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.client1 {display:none;}
	.client2 {display:block;}
	.client2 h5{font-size:16px;font-weight: 400;}
	.client2 li{text-align:center;font-size: 20px;font-weight: 600;line-height: 35px;}
}
@media (max-width: 768px){
	.client-con{width:100%;margin:0;padding: 0;}
	.client1 {display:none;}
	.client2 {display:block;}
	.client2 h5{font-size:14px;font-weight: 400;}
	.client2 li{text-align:center;font-size: 16px;font-weight: 600;}
	.qiye li{width:33.33333%!important;float: left;}
}

.service{
	background-image: url(../images/fu_bj.jpg); 
	background-size:100% 100%; background-repeat: no-repeat;vertical-align: -0.15em;fill: currentColor;overflow: hidden;
}
.ser_tit{
	text-align: center;
	width: 100%;
	height: 100%;
	margin-top: 80px;
	margin-bottom: 40px;
}
.ser_tit p {
	width: 100%;
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
}

.ser_tit p span {
	color: #0087fd;
}
@media (max-width: 768px){
	.service{
	background-image: url(../images/fu_bj1.jpg); 
	background-size:100% 100%; background-repeat: no-repeat;vertical-align: -0.15em;fill: currentColor;overflow: hidden;
    }
	.ser_tit{
	margin-top: 50px;
	margin-bottom: 20px;
}
	.ser_tit p {
	font-size: 14px!important;
    }
}

.qiye{
	margin: 0;
    padding: 0;
}
.qiye li{width:25%;float:left;border: 2px solid rgb(0,0,0,0.1);}
.qiye img{
	-webkit-filter: grayscale(100%); 
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}
.qiye img:hover {
	-webkit-filter: grayscale(0); 
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
}

/* 品牌恩嘉
/* ========================================== */
.brand1 img{
	width: 100vw;
	height: 100%;
}

.brand{
	background-image: url(../images/pinpai_bj2.jpg); 
	background-size:100% 100%; background-repeat: no-repeat;vertical-align: -0.15em;fill: currentColor;overflow: hidden;padding-bottom: 350px;
}

.brand_tit{
	text-align: center;
	width: 100%;
	height: 100%;
	margin-top: 80px;
}

.brand_tit p{
	color: #ffffff;
	font-size: 20px;
}

.brand-con p{
	color: #ffffff;
	font-size: 30px;
	text-align: center;
	padding: 30px 0;
}

.brand-con span{
	color: #0087fd;
}

/* 播放图标 */


.video1{position:relative;}
.video1 #play_icon{
	display: block;
	position: absolute;
	width: 80px;
	height: 80px;
	top: 50%;
	left: 50%;
	z-index: 3;
	border-radius: 50%; 
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

#play_icon:hover{
	cursor: pointer;
	-webkit-filter: drop-shadow(0px 0px 20px #0087fd);
}
/* 暂停图标 */
.video1 #pause_icon{
	display: none;
	position: absolute;
	width: 80px;
	height: 80px;
	top: 50%;
	left: 50%;
	z-index: 3;
	border-radius: 50%; 
	opacity: 0;
	 -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

#pause_icon:hover{
	cursor: pointer;
	-webkit-filter: drop-shadow(0px 0px 5px white);
}
 
video::-webkit-media-controls-play-button {
    
}

@media (min-width: 992px) and (max-width: 1199px) {
	.brand{padding-bottom: 320px;}
}
@media (min-width: 768px) and (max-width: 991px) {
	
}
@media (max-width: 768px){
	.brand_tit{
	margin-top: 50px;
	}
}


@media (max-width: 991px) {
	
#play_icon {
    display: none !important;
}
#pause_icon{display: none !important;}


}

.index1{margin: 0 auto;padding-top: 30px;}

.countbox{display: flex;justify-content: space-between;flex-wrap: wrap;}
.countbox .item .num{font-size: 140px;font-weight: bold;color: #ffffff;line-height: 1;display:inline-block}
.countbox .item p{font-size: 30px;color: #ffffff;margin-top: .1rem;}
.countbox .line{background-color:#ffffff;width:1px;height: 120px;}
.countbox .item .numbox{font-size:0;position:relative;display:inline-block;}
.countbox .item .txt{font-size:60px;color:#0087fd;font-weight: bold;display:inline-block;position: absolute;top:-20px;}

@media (max-width: 991px) {
	.countbox .item .num{font-size: 80px;}
	.countbox .item p{font-size: 18px;}
	.countbox .line{height: 90px;}
	.brand-con p{
	font-size: 20px!important;padding: 10px 0;
	}
	.brand{
	padding-bottom: 250px;
}
	.core_team p{line-height: 30px!important;}
	.banner-box {
	margin-top: 10px!important;
}
}
@media (max-width: 768px) {
	.countbox .item .num{font-size: 40px;}
	.countbox .item p{font-size: 12px;}
	.countbox .line{height: 50px;}
	.countbox .item .txt{font-size:35px;}
	.brand-con p{
	font-size: 16px!important;padding-top: 10px;
    }
	.core_team p{line-height: 25px!important;}
   .brand{
	padding-bottom: 160px;
   }
	.index1{padding-top: 0;}

}

.team{
	background-color: #ffffff;text-align: center;overflow: hidden;margin-bottom: 50px;
}

.core_team{margin-top:80px;}
.core_team p{line-height: 50px;}
@media (max-width: 768px) {
	.core_team{margin-top:50px;}
}

/* 团队
/* ========================================== */
.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
	float: left
}
.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column
}
.swiper-wrapper {
	position: relative;
	width: 10%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 50%;
	height: 100%;
	position: relative;
	padding: 0;
	-webkit-box-shadow: rgba(0,0,0,.2) 0px 0px 10px;
	-moz-box-shadow: rgba(0,0,0,.2) 0px 0px 10px;
	box-shadow: rgba(0,0,0,.2) 0px 0px 10px;
}
.swiper-button-next, .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 50px;
	margin-top: -25px;
	-moz-background-size: 27px 44px;
	-webkit-background-size: 27px 44px;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;z-index: 100;
	opacity: 0;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image: url("../images/anniu_r.svg");background-size:100% 100%; width: 100px;height: 100px; background-repeat: no-repeat;
	right: 10px;
	left: auto
}
.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10;
}
.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #fff;
	opacity: .2;
	margin: 0 5px;
	cursor: pointer;
}
.swiper-slide:hover {
	
}
.banner-box {
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden;
	margin-top: 30px;
}
.swiper-container {
	width: 100%;
	margin: 12px 0;
}
.swiper-slide {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transform: scale(.8);
	filter: brightness(60%);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(0.9);
	-moz-box-shadow: rgba(0,0,0,.2) 0px 0px 0px;
}
.swiper-container .swiper-slide-active, .swiper-container .swiper-slide-duplicate-active {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	filter: brightness(100%);
	z-index: 100;
}
.swiper-slide img {
	width: 100%;
	display: block;
}
.swiper-pagination {
	position: relative;
	bottom: 60px;
}
.swiper-pagination-bullet-active {
	opacity: 1;
	background: #0087fd;
}

@media screen and (max-width: 668px) {
	.swiper-pagination {
		position: relative;


	}
	.swiper-pagination-bullet-active {
		opacity: 1;
		background: #0087fd;
	}
}
.banner-arrow div:hover {
	filter: brightness(50%);
}
.swiper-button-prev {
	display: none;
}
.swiper-button-next {
	display: none;
}
.banner-top {
	padding-top: 3.730928444707274%;
}

.banner-text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.2);
    padding:40px 20px 20px 20px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.banner-text img{
	width:50%;
	height: 50%;
}
.banner-text .tuandui{
	font-size: 20px;
	color:#ffffff;
	font-weight: 600;
	text-align: center;
	margin-top: 120%;
	padding-bottom: 10px;
}
.banner-text .line-w{width:150px;margin: 10px 0;}
.banner-text > p {
    font-size: 14px;
	line-height: 24px;
    color: #ffffff;
    text-transform: uppercase;
    display: block;
    letter-spacing: 2px;
	text-align: center;
}

.banner-text > h2 {
    color: #ffffff;
    padding-bottom: 20px;
	text-align: left;
	font-size: 25px;
}

.swiper-container .swiper-slide-active .banner-text:hover, .swiper-container .swiper-slide-duplicate-active .banner-text:hover{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.photo{
	text-align: right;clear:both;
}
.photo img{
	width:60%;
	height: 60%;
	margin-left: 40%;
	margin-bottom: 10%;
}
@media (min-width: 1200px) and (max-width: 1439px) {
	.swiper-container .banner-text > p {
    font-size: 14px;
	}

    .swiper-container .banner-text > h2 {
	font-size: 30px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.banner-text .tuandui{
	font-size: 16px;
	margin-top: 115%;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
     .banner-text .tuandui{
	font-size: 16px;
	margin-top: 100%;
	}
	.banner-text > p {
    font-size: 12px;
	}
}
@media (max-width: 768px){
	.banner-text {
	padding-left: 5px;
	padding-right: 5px;
	background-color: rgba(0,0,0,0.1);
	}	
	.banner-text img{
		display:none;
	}
	.banner-text .tuandui{
		font-size: 12px;
		color:#ffffff;
		font-weight: 600;
		text-align: center;
		margin-top: 80%;
	}
	.banner-text .line-w{width:50px;margin: 5px 0;}
	.banner-text > p {
		display:none;
	}
	.swiper-container .swiper-slide-active .banner-text, .swiper-container .swiper-slide-duplicate-active .banner-text{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
}

.mySwiper1 .swiper-container1 {
	width: 60%;
}
.mySwiper1 .swiper-button-prev {
	background: url("../images/anniu_l.svg");background-size:100% 100%; width: 40px;height: 40px; background-repeat: no-repeat;
	left: 0;
}
.mySwiper1 .swiper-button-next {
	background: url("../images/anniu_r.svg");background-size:100% 100%; width: 40px;height: 40px; background-repeat: no-repeat;right: 0;
}
.mySwiper:hover .swiper-button-next, .mySwiper:hover .swiper-button-prev{opacity: 1;transition: 0.8s;}
.mySwiper1:hover .swiper-button-next, .mySwiper1:hover .swiper-button-prev{opacity: 1;transition: 0.8s;}
.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev{opacity: 1;transition: 0.8s;}

.mySwiper1 .swiper-slide {
   -webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transform: scale(.8);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(1);
	-moz-box-shadow: rgba(0,0,0,.2) 0px 0px 30px;
	filter: brightness(100%);
}
/*.mySwiper1 .swiper-slide-active, .mySwiper1 .swiper-slide-duplicate-active {
	-webkit-transform: scale(1);
	transform: scale(1);
	filter: brightness(100%);
}*/
.mySwiper1 .swiper-slide:hover{
	-webkit-transform: scale(1);
	transform: scale(1);
	z-index: 200;
}
.mySwiper1 .banner-text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
	background-color: rgba(0,0,0,0.6);
    padding-top: 120%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}
.mySwiper1 .banner-text:hover{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.mySwiper1 .banner-text h2{
	font-size: 18px;text-align: center;margin-bottom: -10px;
}
.mySwiper1 .banner-text p{
	font-size: 12px;line-height: 20px;
}

.mySwiper .swiper-container1 {
	width: 60%;
}
.mySwiper .swiper-button-prev {
	background: url("../images/anniu_l.svg");background-size:100% 100%; width: 40px;height: 40px; background-repeat: no-repeat;
	left: 0;
}
.mySwiper .swiper-button-next {
	background: url("../images/anniu_r.svg");background-size:100% 100%; width: 40px;height: 40px; background-repeat: no-repeat;right: 0;
}
.mySwiper .swiper-slide {
   -webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transform: scale(.8);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	filter: brightness(100%);
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(1);
	-moz-box-shadow: rgba(0,0,0,.2) 0px 0px 30px;
}
.mySwiper .banner-text {
    padding: 20px;
}
.mySwiper .banner-text h2{
	font-size: 30px;
}
.mySwiper .banner-text p{
	font-size: 18px;
}
@media (min-width: 1200px) and (max-width: 1439px) {
	.mySwiper1 .banner-text {
    padding-top: 110%;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.mySwiper1 .banner-text {
    padding-top: 90%;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
   .mySwiper1 .banner-text {
    padding-top: 90%;
	}

	.mySwiper .banner-text p{
	display:none;
	}
}

@media (max-width: 768px){
	.mySwiper1 .banner-text h2 {
    font-size: 12px;
	}
	.mySwiper1 .banner-text {
	background-color: rgba(0,0,0,0.1);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
}
.team3{
	margin-top: 40px;
}
.team3 li{
	float:left;
}

.team3 .fplus-portfolio .pro_item img {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
	border: 1px solid rgb(255,255,255,0.5);
}

.team3 .fplus-portfolio .pro_item .gallery-hover-overlay {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.team3 .more-bj{
	width: 100%; height: 100%; position: absolute;right: 0;bottom: 0;
}
.team3 .more-bj img{
	-webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.team3 .more-bj:hover img{
	-webkit-transform: scale(1.2);
    transform: scale(1.2);
}

/* 公司资质
/* ========================================== */
.zizhi{
	text-align: center;overflow: hidden;padding-bottom: 50px;
}
.hui{background-color: #f0f0f0;}
.zizhi_tit{margin-bottom: 50px;margin-top: 80px;}
.zizhi_tit p{line-height: 30px;font-size: 16px;}

.zizhi_con li{
	width: 50%;
	float: left;
}

@media (max-width: 768px){
	.team3{
	margin-top: 0;
	}
	.zizhi_tit p{line-height: 20px;}
	.zizhi_tit{margin-bottom: 30px;margin-top: 50px;}
}

/* 新闻版块
/* ========================================== */
.news{
	background-image: url(../images/news_bj.jpg); 
	background-size:100% 100%; background-repeat: no-repeat;vertical-align: -0.15em;fill: currentColor;overflow: hidden;
	padding: 50px 0;
}

.news_tit{
	text-align: center;
	width: 100%;
	height: 100%;
}

.news p{
	color: #ffffff;line-height: 30px;
}

.news_con{
	background-color: #c8c9cb;padding: 50px;overflow: hidden;margin-top: 50px;
}

.news .tuijian{
	width: 40%; border-right: 2px solid #8e8e90;padding-right: 30px;float: left;
}

.news .tuijian img{width:100%;height: 100%;}
.news .tuijian h3{font-size:20px;font-weight: 600;}
.news .tuijian p{color: #444349;font-size: 14px;}

.news .news_list{
	width: 60%;overflow: hidden;
}

.news .news_list li{line-height: 50px;border-bottom: 1px solid #8e8e90;background-image: url(../images/shizi_h.svg); background-repeat: no-repeat;background-size: 20px 20px;background-position: 10px 14px;overflow: hidden;}

.news .news_list li a{color:#444349;padding-left: 40px;}

.news .news_list li a:hover{color:#0086ff; text-decoration: none;display: inline-block;}

.news_list li span{float: right;}

.news p a{
  padding: 5px 20px;
  display: inline-block;
  filter: alpha(opacity=40);
  outline: 0;
  border: 0;
  font-size: 14px;
  text-decoration:none;
  color: #0086ff;
  font-weight: 600;
  border-style: outset;
  border-width: 1px;  
  border-color: #0086ff;
}

.news p a:hover {
  background: #0087ff;
  color:#ffffff;
  border-style: outset;
  border-width: 1px;
  border-color: #0086ff;
}
.news .mor{text-align:right;}


@media (max-width: 991px){
	.tuijian {
   display: none;
}
	.news_list{
		width: 100%!important;
	}
	.news .news_list li{width:100%;padding-right: 20px;}
	.news_list ul{padding:0!important;}
	
}
@media (max-width: 768px){
	.news{
	background-image: url(../images/news_bj1.jpg); 
	background-size:100% 100%; background-repeat: no-repeat;vertical-align: -0.15em;fill: currentColor;overflow: hidden;
	padding: 50px 0;
}
	.news_list{
		width: 100%!important;
	}
	.news_list li span{float: left;margin-left: 35px;height: 25px;color:#0087fd;}
	.news_con{padding: 5px!important;overflow: hidden;text-overflow: ellipsis;margin-top: 20px;}
	.bt p{line-height:25px!important;}
	.news .news_list li{font-size:16px;background-image: url(../images/shizi_h.svg); background-repeat: no-repeat;background-size: 25px 25px;background-position: 5px 30px;overflow: hidden;height:80px;}
	.news .news_list li a{padding-left: 10px;}
	.news .news_list .news10{width:95%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top:20px;margin-left: 25px;}
}


.ad{
	background-image: url(../images/ad_bj.jpg); 
	background-size:100% 100%; background-repeat: no-repeat;vertical-align: -0.15em;fill: currentColor;overflow: hidden;
	padding: 50px 0;
}
.ad img{margin-right: 30px;}
.ad_tit{color: #ffffff;text-align: center;}
.ad_tit h2{font-size: 50px;}
.ad_tit h2 span{color:#000000;}
.ad_tit p{color:#ffffff;font-size: 18px;}
@media (max-width: 991px){
	.ad_tit h2{font-size:20px;}
	.ad img {
		content: url(../images/ad_con1.svg);
	}
}
@media (max-width: 768px){
	.ad_tit p{font-size: 14px;padding: 0 40px;}
	.ad{
	background-image: url(../images/ad_bj1.jpg); 
	background-size:100% 100%; background-repeat: no-repeat;vertical-align: -0.15em;fill: currentColor;overflow: hidden;
	padding: 50px 0;
    }
	.ad img{margin-right: 0!important;}
}

/* footer section styles
/* ========================================== */
footer {
  background-image: url(../images/footer_bj.jpg);background-size: 20px 20px;background-position: 10px 14px;overflow: hidden;
  color: #ffffff;padding: 50px;
}

footer p{color:#ffffff; font-size: 14px;line-height: 20px;}

footer .foot_con{width:95%;margin: 0 auto;}

footer .weixin{float:left;text-align: center;}

footer .weixin img{width:70%;padding-top: 20px;}

footer .fen_gs{float:left;}

footer .fen_gs .xian{background-color: rgb(255,255,255,0.5);height: 1px;width: 100%;}

footer h5 {
  color:#ffffff;font-size: 16px;font-weight: 600;background-image: url(../images/shizi_b.svg); background-repeat: no-repeat;background-size: 20px 30px;background-position: 0 15px;padding-left: 30px;
}
footer .fen_gs p{padding-left:30px;font-size: 13px;}
.foot2 .line{border-right: 1px solid rgb(255,255,255,0.3);}
.copyright{color:#cbcbcc;font-size: 14px;text-align: right;width: 60%;float: left;}
.copyright a{color:#cbcbcc;}
.call{width: 300px;float: left;margin-left: 30px;}
.foot1{display:block;}
.foot2{display:none;}
.navbar1{width:90%;text-align: center;margin: 30px auto;}
.navbar2{width:50%;text-align: center;margin: 30px auto;}
.navbar1 p ,.navbar2 p{float:left;border-right: 1px solid rgb(255,255,255,255);}
.navbar1 p a ,.navbar2 p a {font-size:18px;font-weight: 600;color:#ffffff;padding: 0 10px;text-align: center;text-decoration:none}
.navbar1 p:last-child ,.navbar2 p:last-child{border-right:none;}
.navbar1 p a:hover , .navbar2 p a:hover{color:#0087fd;}

@media (max-width: 991px) {
	footer .weixin{display:none;}
	footer .foot_con{width:100%!important;margin: 0 auto;}
    .foot2{display:block;}
    .foot1{display:none;}
	.call {width: 85%;text-align: center;}
	.copyright{width: 90%;text-align: center;margin: 0 auto;}
	footer .fen_gs{float:left;width:50%;}
	footer .fen_gs h5{background-image:none;padding-left: 0!important;}
	footer .fen_gs p{padding-left:0;}
	
}
@media (max-width: 768px){
	footer{padding:10px;}
	footer .fen_gs h5{font-size:14px;}
	footer .fen_gs p{font-size:10px;padding-left:0;}
	.copyright{width: 100%;text-align: center;margin: 0 auto;font-size: 11px;padding-top: 20px;}
}

/* 关于我们内容页
/* ========================================== */
.about1 img{
	width: 100vw;
	height: 100%;
	margin-top:-10px;
}

.about2_tit{text-align:center;margin-top: 80px;}

.about2{background-image: url(../images/pinpai_bj2.jpg); 
	background-size:100% 100%; background-repeat: no-repeat;vertical-align: -0.15em;fill: currentColor;overflow: hidden;padding-bottom: 400px;}

.about2 p {
	color: #ffffff;
	font-size: 20px;
}

.about2_con p{color:#ffffff;font-size: 14px;}
.about2_con .aboutus p{font-size:18px;line-height: 35px;padding-left: 40px;}
.about2_con { margin: 0 auto;}

.about2_con .index1{width:20%;float: left; margin-top: -30px;}
.fw1{display:none;}
.about2_con .countbox .line{display:none;}
#c2 {
  overflow: hidden;
  height: 240px;
  width: 100%;
}
#b2{width: 100%;background-color: #ffffff;text-align: center;height: 50px;line-height: 50px; color:#0087fd;margin-top: 5px;font-weight: 600;}
#b2 img{width:20px;height:20px;}
.about3 .kehu ul{margin:0;padding: 0;}
@media (min-width: 992px) and (max-width: 1199px) {
	.about2_con .aboutus p{font-size:16px;}
	.about3 .kehu li{width:33.3%!important;}
}
@media (max-width: 991px) {
	.about2_con .index1{width:100%;}
	.about2_con .aboutus{width:100%!important;text-align: left;border-left: none!important;padding:0!important;}
	.about2_con .aboutus p{font-size:14px;line-height: 25px;padding-left: 0;}
	.fw1{display:block;}
	.fw2{display:none;}
	.about2{padding-bottom: 330px;}
	.about2_con .countbox .line{display: block;background-color:#ffffff;width:1px;height: 110px;}
	.about3 .kehu li{width:50%!important;}
}
@media (max-width: 768px) {
	.about2_tit{margin-top: 50px;padding-bottom: 10px;}
	.about2_con .countbox .num{font-size: 30px!important;}
	.about2_con .countbox .item p{font-size: 12px!important;}
	.about2_con .countbox .line{display: block;background-color:#ffffff;width:1px;height: 60px;}
	.about2_con .aboutus p{font-size:14px;line-height: 25px;padding-left: 0;margin-bottom: 10px;}
	.about3 .kehu li{width:100%!important;font-size:18px;color:#606060;}
	.about2{background-image: url(../images/pinpai_bj4.jpg); 
	background-size:100% 100%; background-repeat: no-repeat;vertical-align: -0.15em;fill: currentColor;overflow: hidden;padding-bottom: 130px;}
}

.about2_con .countbox{}
.about2_con .countbox .item .num{font-size: 100px;font-weight: bold;color: #ffffff;display:inline-block}
.about2_con .countbox .item p{font-size: 14px;color: #ffffff;}
.about2_con .countbox .item .numbox{font-size:0;position:relative;display:inline-block;}
.about2_con .aboutus{width:75%;text-align: left;border-left: 1px solid rgb(255,255,255,0.5);float: right;padding-left: 20px;}

.about3{background-image: url(../images/about_con.jpg); 
	background-size:100% 100%; background-repeat: no-repeat;vertical-align: -0.15em;fill: currentColor;overflow: hidden;}
.about3 .kehu{background-color: #ffffff;padding: 20px;color:#000000;overflow: hidden;}
.about3 .kehu li{width:25%;float: left;text-align: center;line-height: 35px;}
@media (max-width: 768px) {
	.about1 img{content: url(../images/about1.jpg)}
	.about3{background-image: url(../images/about_con1.jpg); 
	background-size:100% 100%; background-repeat: no-repeat;vertical-align: -0.15em;fill: currentColor;overflow: hidden;}
}
.about4{background-image: url(../images/wenhua.png); 
	background-size:100% 100%; background-repeat: no-repeat;vertical-align: -0.15em;fill: currentColor;overflow: hidden;padding-bottom: 100px;}

.main-nav { 
    margin: 0 auto;
    padding: 0;
    width: 1100px;
    height: 730px;
	background-image: url(../images/wenhu1.png); 
	background-size:100% 100%; 
	background-repeat: no-repeat;
	position: relative;
}

.main-nav li .con {
    width: 100%;
    height: 100%;
    transform: scale(1.1);
	color: #000000;
}
.main-nav li {
    list-style: none;
    position: absolute;
    width: 200px;
    height: 200px;
    transition: 0.5s;
	text-align: center;
	padding-top: 50px;
    
}
.main-nav li h3{color:#4bbeff;font-size: 20px;font-weight: 600;}
.main-nav li p{font-size:14px;}
.main-nav li span{color:#4bbeff;}
.main-nav li:hover {
    opacity: 1;
}
.main-nav li.item1 {
    top: 10%;
    left: 24%;
}
.main-nav li.item2 {
    top: 10%;
    left: 58%;
}

.main-nav li.item3 {
    top: 33%;
    left: 7%;
}
.main-nav li.item4 {
    top: 38%;
    left: 41%;
}
.main-nav li.item5 { 
	top: 33%;
    left: 75%;
	
}
.main-nav li.item6 {
	top: 61%;
    left: 24%;
    
}
.main-nav li.item7 {
    top: 61%;
    left: 58%;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.about4{height: 900px;}
	.main-nav { 
    width: 900px;
    height: 598px;	
}
	.main-nav li h3{font-size: 16px;font-weight: 600;}
	.main-nav li p{font-size:12px;}
	.main-nav li.item1 {
    top: 8%;
    left: 22%;
}
.main-nav li.item2 {
    top: 8%;
    left: 56%;
}

.main-nav li.item3 {
    top: 32%;
    left: 5%;
}
.main-nav li.item4 {
    top: 32%;
    left: 39%;
}
.main-nav li.item5 { 
	top: 32%;
    left: 73%;
	
}
.main-nav li.item6 {
	top: 59%;
    left: 22%;
    
}
.main-nav li.item7 {
    top: 59%;
    left: 56%;
}
	
}

@media (max-width: 991px) {
	.about4{height: 1300px;}
	.main-nav { 
    width: 680px;
    height: 1006px;
	background-image: url(../images/wenhu2.png); 
}
.main-nav li.item1 {
    top: 4%;
    left: 35%;
}
.main-nav li.item2 {
    top: 23%;
    left: 9%;
}

.main-nav li.item3 {
    top: 23%;
    left: 60%;
}
.main-nav li.item4 {
    top: 40%;
    left: 35%;
}
.main-nav li.item5 { 
	top: 56%;
    left: 9%;
	
}
.main-nav li.item6 {
	top: 56%;
    left: 60%;
    
}
.main-nav li.item7 {
    top: 73%;
    left: 35%;
}

}
@media (max-width: 768px) {
	.about4{background-image: url(../images/wenhua1.jpg); 
	background-size:100% 100%; background-repeat: no-repeat;vertical-align: -0.15em;fill: currentColor;overflow: hidden;padding-bottom: 100px;}
	.main-nav li h3{font-size: 14px;}
    .main-nav li p{font-size:11px!important;line-height: 15px;}
	.about4{height: 850px;}
	.brand{
	background-image: url(../images/pinpai_bj3.jpg); 
	background-size:100% 100%; background-repeat: no-repeat;vertical-align: -0.15em;fill: currentColor;overflow: hidden;padding-bottom: 150px;
    }
	.main-nav { 
    width: 350px;
    height: 527px;
	background-image: url(../images/wenhu2.png); 
    }
	.main-nav li {
    width: 100px;
    height: 200px;
    }
	.main-nav .item7{width:115px;}
	.main-nav li.item1 {
    top: 0;
    left: 37%;
    }
	.main-nav li.item2 {
		top: 19%;
		left: 10%;
	}

	.main-nav li.item3 {
		top: 17%;
		left: 62%;
	}
	.main-nav li.item4 img{
		width:50%;
	}
	.main-nav li.item4 {
		top: 36%;
		left: 36%;
	}
	.main-nav li.item5 { 
		top: 51%;
		left: 10%;

	}
	.main-nav li.item6 {
		top: 53%;
		left: 62%;

	}
	.main-nav li.item7 {
		top: 68%;
		left: 35%;
	}
}

@media (max-width: 1439px){
	.post_nav{display:none;}
}

/*------------------------------------------------------
  案例页 
--------------------------------------------------------*/

.case1 img{
	width: 100vw;
	height: 100%;
	margin-top:-10px;
}

.case2{
	background-image: url(../images/anli_bj.jpg);
	background-size:100% 100%; background-repeat: no-repeat;vertical-align: -0.15em;fill: currentColor;overflow: hidden;
}
.case2 .pro_list {}

.case2 .page_tit{margin-bottom:40px;}
.case2 .pro_list ul{display: block;}
.pro_list h2 a{color:#ffffff;}

@media (max-width: 768px){
	.case1 img{content: url(../images/anli1.jpg)}
	.case2 .page_tit{margin-bottom:0;}
}

/*------------------------------------------------------
  数字美学
--------------------------------------------------------*/

.meixue1 img{
	width: 100vw;
	height: 100%;
	margin-top:-10px;
}

.meixue_tit {
	margin-top:50px;
	text-align: center;
}

.meixue_tit p {
	color: #ffffff;
	font-size: 26px;
	font-weight: 600;
	margin-top: .5rem;
	line-height: 40px;
}
.meixue_con{margin-top:50px;}
.meixue_con ul{width: 104%}
.meixue_con1{width:50%;float: left;}

.meixue .meixue-text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.meixue .meixue-text p {
    font-size: 16px;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 5px;
    display: block;
    letter-spacing: 2px;
	text-align: left;
	line-height: 30px;
}

.meixue .meixue-text h2 {
    color: #ffffff;
    padding-bottom: 20px;
	text-align: left;
	font-size: 40px;
	line-height: 50px;
}


.meixue li{
	background-image: url(../images/meixue3.png); 
	background-size:100% 100%; background-repeat: no-repeat;
}
.meixue img{
	opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.meixue .meixue-text:hover {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}
.meixue:hover img{
	opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.meixue{margin-bottom:5px;margin-top: 5px;}
.meixue_con .port-hover-text h2{font-size:40px;}
.meixue_con .port-hover-text p{font-size:16px;}

.meixue2{padding:50px;background: #0f1629;overflow: hidden;}

@media (min-width: 992px) and (max-width: 1199px) {
	.meixue_con .port-hover-text h2{font-size:30px;}
    .meixue_con .port-hover-text p{font-size:14px;}
	.meixue_con .meixue-text h2{font-size:30px;}
    .meixue_con .meixue-text p{font-size:14px;}
}

@media (min-width: 768px) and (max-width: 991px) {
    .meixue_con .port-hover-text h2{font-size:25px;}
    .meixue_con .port-hover-text p{display: none;}
	.meixue_con .meixue-text h2{font-size:30px;line-height: 35px;}
    .meixue_con .meixue-text p{display: none;}
	.meixue2 .gallery-hover-overlay {
    background-color: rgba(0,0,0,0.1);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
}

@media (max-width: 768px){
	.meixue1 img{content: url(../images/meixue1.jpg)}
	.meixue_con{margin-top:0;}
	.meixue2{padding:20px;}
	.meixue .meixue-text {padding: 10px;}
	.meixue_con .port-hover-text h2{font-size:14px;padding-top: 10px;}
    .meixue_con .port-hover-text p{display: none;}
	.meixue_con .meixue-text h2{font-size:14px;line-height: 35px;}
    .meixue_con .meixue-text p{display: none;font-size:12px;}
	.meixue_tit p {font-size: 14px;font-weight: 400;line-height: 20px;}
	.meixue_con ul{width: 120%}
	.meixue2 .gallery-hover-overlay {
    background-color: rgba(0,0,0,0.1);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
}

/*N+服务*/
.service1 img{
	width: 100vw;
	height: 100%;
	margin-top:-10px;
}
.service_tit {
	text-align: center;
}

.service_tit p {
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
	margin-top: 0.5rem;
}
.service2 {background-image: url(../images/footer_bj.jpg);background-position: 10px 14px;overflow: hidden;
  color: #ffffff;padding: 50px;}
@media (max-width: 768px){
	.service1 img{content: url(../images/fuwu1.jpg);}
}
.qy_main11{
    width: 100%;
    position: relative;
	padding: 50px 5px;
}
.qy_main11 .pic img{
    width: 100%;
}
.qy_main11 .title{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.qy_main11 .title .item{
    font-family: "PingFangSC Thin";
    font-size: 14px;
    color: #fff;
    width: 10%;
    height: 15%;
    text-align: center;
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.qy_main11 .title .item:nth-child(1){
    
    top: 9%;
    left: 19%;
}
.qy_main11 .title .item:nth-child(2){
   
    top: 26%;
    left: 37%;
   
}
.qy_main11 .title .item:nth-child(3){
    top: 60%;
    left: 37%;
}
.qy_main11 .title .item:nth-child(4){
    top: 75%;
    left: 19%;
    transform:rotate(-90deg);
    -ms-transform:rotate(-90deg); /* Internet Explorer 9*/
    -moz-transform:rotate(-90deg); /* Firefox */
    -webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
    -o-transform:rotate(-90deg); /* Opera */
}

.qy_main11 .title .item:nth-child(5){
    top: 60%;
    left: 0;
}
.qy_main11 .title .item:nth-child(6){
    top: 26%;
    left: 0;
    transform:rotate(-90deg);
    -ms-transform:rotate(-90deg); /* Internet Explorer 9*/
    -moz-transform:rotate(-90deg); /* Firefox */
    -webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
    -o-transform:rotate(-90deg); /* Opera */
}
.qy_main11 .title .item:hover,.qy_main11 .title .item.on{
    color: #e61c49;
}
.qy_main11 .content{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.qy_main11 .content .item{
    width: 30%;
    position: absolute;
    top: 41%;
    right: 10%;
    z-index: 2;
    display: none;
}

.qy_main11 .content .item .item2{
    font-family: "PingFangSC Thin";
    font-size: 16px;
    color: #fff;
    width: 100%;
    line-height: 25px;
    /* margin-top: 1.5rem; */
}

.qy_main11 .content .item .item2 h3{
    font-family: "PingFangSC Thin";
    font-size: 18px;
    color: #fff;
    width: 100%;
    line-height: 25px;
	font-weight: 600;
    /* margin-top: 1.5rem; */
}
.qy_main11 .content .item:nth-child(1){
    display: block;
}

.qy_main12{display:none;}

.service3{margin-bottom:50px;}
.service3_tit {
	margin-top:80px;
	margin-bottom: 20px;
	text-align: center;
}

.service3_tit p {
	color: #606060;
	font-size: 20px;
	margin-top: 0.5rem;
}

.service3_con{width:100%;text-align:center;padding-bottom: 600px;}
@media (max-width: 1200px) {
	.service3_con{padding-bottom: 500px;}
}
@media (max-width: 991px) {
	.service3_tit {
	margin-top:50px;
}
	.qy_main11{display:none;}
	.qy_main12{display:block;}
	.qy_main12{
		width: 100%;
		position: relative;
		padding: 10px 5px;
	}
	.qy_main12 .pic img{
		width: 100%;
	}
	.qy_main12 .title{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.qy_main12 .title .item{
		font-family: "PingFangSC Thin";
		font-size: 14px;
		color: #fff;
		width: 19%;
		height: 9%;
		text-align: center;
		position: absolute;
		z-index: 3;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
	}
	.qy_main12 .title .item:nth-child(1){

		top: 4%;
		left: 40%;
	}
	.qy_main12 .title .item:nth-child(2){

		top: 14%;
		left: 78%;

	}
	.qy_main12 .title .item:nth-child(3){
		top: 33%;
		left: 78%;
	}
	.qy_main12 .title .item:nth-child(4){
		top: 43%;
		left: 40%;
		transform:rotate(-90deg);
		-ms-transform:rotate(-90deg); /* Internet Explorer 9*/
		-moz-transform:rotate(-90deg); /* Firefox */
		-webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
		-o-transform:rotate(-90deg); /* Opera */
	}

	.qy_main12 .title .item:nth-child(5){
		top: 33%;
		left: 5;
	}
	.qy_main12 .title .item:nth-child(6){
		top: 14%;
		left: 5;
		transform:rotate(-90deg);
		-ms-transform:rotate(-90deg); /* Internet Explorer 9*/
		-moz-transform:rotate(-90deg); /* Firefox */
		-webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
		-o-transform:rotate(-90deg); /* Opera */
	}
	.qy_main12 .title .item:hover,.qy_main12 .title .item.on{
		color: #e61c49;
	}
	.qy_main12 .content{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.qy_main12 .content .item{
		width: 80%;
		position: absolute;
		top: 66%;
		left: 7%;
		z-index: 2;
		display: none;
	}

	.qy_main12 .content .item .item2{
		font-family: "PingFangSC Thin";
		font-size: 16px;
		color: #fff;
		width: 100%;
		line-height: 25px;
		/* margin-top: 1.5rem; */
	}

	.qy_main12 .content .item .item2 h3{
		font-family: "PingFangSC Thin";
		font-size: 20px;
		color: #fff;
		width: 100%;
		line-height: 25px;
		font-weight: 600;
		/* margin-top: 1.5rem; */
	}
	.qy_main12 .content .item:nth-child(1){
		display: block;
	}
}
@media (max-width: 768px){
	.service2 {padding: 20px;}
	.service3_con{padding-bottom: 520px;}
	.service_tit p {font-size: 14px;font-weight: 400;line-height: 25px;}
	.service3_tit p {font-size: 14px;line-height: 20px;}
	.qy_main12 .content .item{
		width: 85%;
		position: absolute;
		top: 66%;
		left: 6%;
		z-index: 2;
		display: none;
	}
	.qy_main12 .title .item:nth-child(1){

		top: 5%;
		left: 40%;
	}
	.qy_main12 .title .item:nth-child(2){

		top: 16%;
		left: 76%;

	}
	.qy_main12 .title .item:nth-child(3){
		top: 35%;
		left: 76%;
	}
	.qy_main12 .title .item:nth-child(4){
		top: 43%;
		left: 40%;
		transform:rotate(-90deg);
		-ms-transform:rotate(-90deg); /* Internet Explorer 9*/
		-moz-transform:rotate(-90deg); /* Firefox */
		-webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
		-o-transform:rotate(-90deg); /* Opera */
	}

	.qy_main12 .title .item:nth-child(5){
		top: 34%;
		left: 8;
	}
	.qy_main12 .title .item:nth-child(6){
		top: 15%;
		left: 8;
		transform:rotate(-90deg);
		-ms-transform:rotate(-90deg); /* Internet Explorer 9*/
		-moz-transform:rotate(-90deg); /* Firefox */
		-webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
		-o-transform:rotate(-90deg); /* Opera */
	}
	.qy_main12 .content .item .item2{
		font-size: 14px;
		/* margin-top: 1.5rem; */
	}

	.qy_main12 .content .item .item2 h3{
		font-size: 16px;
		/* margin-top: 1.5rem; */
	}
	.qy_main12 .content .item:nth-child(1){
		display: block;
	}
}

@media (min-width: 1200px){
	.service3_con li{padding:40px 20px;border: 1px solid #606060;margin:5px;width: 32%;height: 300px; align-items: center;}
	.service3_con .jianbian2{background-image: linear-gradient(to right,#31c1fe, #038aff, #0087ff);color: #ffffff;border: 1px solid #0087ff;}
	.service3_con .jianbian2 h2{color: #ffffff;font-size: 50px;line-height: 40px;}
	.service3_con .jianbian2 h3{color: #ffffff;font-size: 30px;line-height: 30px;}
	.service3_con .jianbian2 p{color: #ffffff;font-size: 18px;line-height: 30px;padding: 10px 0;}
	.service3_con .service3_1 h2{color: #606060;font-size: 50px;line-height: 40px;}
	.service3_con .service3_1 h3{color: #606060;font-size: 30px;line-height: 30px;}
	.service3_con .service3_1 p{color: #606060;font-size: 18px;line-height: 30px;padding: 10px 0;}
	}

@media (min-width: 992px) and (max-width: 1199px) {
	.service3_con li{padding:20px;border: 1px solid #606060;margin:5px;width: 32%;height: 250px; align-items: center;}
	.service3_con .jianbian2{background-image: linear-gradient(to right,#31c1fe, #038aff, #0087ff);color: #ffffff;border: 1px solid #0087ff;}
	.service3_con .jianbian2 h2{color: #ffffff;font-size: 50px;line-height: 40px;}
	.service3_con .jianbian2 h3{color: #ffffff;font-size: 24px;line-height: 30px;}
	.service3_con .jianbian2 p{color: #ffffff;font-size: 16px;line-height: 30px;padding: 10px 0;}
	.service3_con .service3_1 h2{color: #606060;font-size: 50px;line-height: 40px;}
	.service3_con .service3_1 h3{color: #606060;font-size: 24px;line-height: 30px;}
	.service3_con .service3_1 p{color: #606060;font-size: 16px;line-height: 30px;padding: 10px 0;}
}

@media (min-width: 768px) and (max-width: 991px) {
    .service3_con li{padding:20px;border: 1px solid #606060;margin:5px;width: 31%;height: 250px; align-items: center;}
	.service3_con .jianbian2{background-image: linear-gradient(to right,#31c1fe, #038aff, #0087ff);color: #ffffff;border: 1px solid #0087ff;}
	.service3_con .jianbian2 h2{color: #ffffff;font-size: 40px;line-height: 35px;}
	.service3_con .jianbian2 h3{color: #ffffff;font-size: 20px;line-height: 25px;}
	.service3_con .jianbian2 p{color: #ffffff;font-size: 14px;line-height: 20px;padding: 10px 0;}
	.service3_con .service3_1 h2{color: #606060;font-size: 40px;line-height: 35px;}
	.service3_con .service3_1 h3{color: #606060;font-size: 20px;line-height: 25px;}
	.service3_con .service3_1 p{color: #606060;font-size: 14px;line-height: 20px;padding: 10px 0;}

}

@media (max-width: 768px){
	.service3_con li{padding:20px 5px 5px 5px;border: 1px solid #606060;margin:4px;width: 47%;height: 180px; align-items: center;}
	.service3_con .jianbian1{background-image: linear-gradient(to right,#31c1fe, #038aff, #0087ff);color: #ffffff;border: 1px solid #0087ff;}
	.service3_con .jianbian1 h2{color: #ffffff;font-size: 30px;line-height: 25px;}
	.service3_con .jianbian1 h3{color: #ffffff;font-size: 16px;line-height: 15px;margin-bottom: 5px;}
	.service3_con .jianbian1 p{color: #ffffff;font-size: 12px;line-height: 18px;padding: 5px 0;}
	.service3_con .service3_2 h2{color: #606060;font-size: 30px;line-height: 25px;}
	.service3_con .service3_2 h3{color: #606060;font-size: 16px;line-height: 15px;margin-bottom: 5px;}
	.service3_con .service3_2 p{color: #606060;font-size: 12px;line-height: 18px;padding: 5px 0;}
}

/*------------------------------------------------------
  案例内容页 
--------------------------------------------------------*/
.case_con{background-color: #ffffff;}
.imagelist{margin:0 auto;width:100%;} /*总宽度*/
.imagelist .imagetop{display: none}
.imagelist .defaultimagesrc{text-align:center;padding-bottom:10px;}
.imagelist .defaultImagesrc img{border:1px solid red;padding:2px;width:100px;height: 100px;}
.tp_ct img{width:100%;height: 85vh;margin-top: -10px;}
.tp_ct .content .tit h2{font-size:30px!important;}
.tp_ct .content .tit{color:#0087fd;border-bottom: 1px solid #878787;padding-bottom: 10px;width:80%;}
.tp_ct .content{width: 75%;margin-top: -50px;margin-left: 100px;}
.tp_ct .content .con{padding-top: 20px;}
.imagelist .imageintro{display: none}

.thumb {width: 70%;}
.thumb_1 {display: none}
.thumb_1 .font-28{font-size:28px;color:#000;}
.thumb_2 {float: right;}
.thumb_2_1 {background:url(../images/anli_l.svg) no-repeat;float: left;height: 60px;width: 60px;cursor:pointer;margin-left:0px;}
.thumb_2_2 {background:url(../images/anli_r.svg) no-repeat;float: left;height: 60px;width: 60px;cursor:pointer;margin-left:10px;}
#scrool_div {width:780px;position:relative;height:120px;overflow:hidden;display: none}
#scrool_wrap {height:109px;position:absolute;width:20000px;}
#scrool_wrap li {float:left;position:relative;margin-right:5px;}
#scrool_div img{width:120px;height:90px;margin:5px;}

@media (min-width: 1200px) and (max-width: 1439px){
	.thumb {width: 78%;}
	.tp_ct .content .tit{width:80%;}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.tp_ct img{width:100%;height: 100%;margin-top: -10px;}
	.tp_ct .content .tit{width:75%;}
	.tp_ct .content .tit h2{font-size:26px!important;}
}

@media (min-width: 768px) and (max-width: 991px) {
    .tp_ct img{width:100%;height: 100%;margin-top: -10px;}
	.tp_ct .content .tit{width:65%;}
	.tp_ct .content .tit h2{font-size:20px!important;}
	.thumb_2_1 {height: 50px!important;}
    .thumb_2_2 {height: 50px!important;}
	.tp_ct .content{margin-top: -40px!important;}
}

@media (max-width: 768px){
	.tp_ct img{width:100%;height: 100%;}
	.tp_ct .content .tit{width:50%;}
	.tp_ct .content .tit h2{font-size:16px!important;}
	.thumb {width: 95%;}
	.thumb_2_1 {height: 50px!important;margin-left:20px;}
    .thumb_2_2 {height: 50px!important;}
	.thumb_2 {}
	.tp_ct .content{width: 100%!important;margin-top: -38px!important;margin-left:0!important;}
}

.div2 .mySwiper2 {
	width: 100%;
}
.div2 .swiper-button-prev {
	background: url("../images/anniu_l.svg");background-size:100% 100%; width: 60px;height: 60px; background-repeat: no-repeat;
}
.div2 .swiper-button-next {
	background: url("../images/anniu_r.svg");background-size:100% 100%; width: 60px;height: 60px; background-repeat: no-repeat;
}
.mySwiper2:hover .swiper-button-next, .mySwiper2:hover .swiper-button-prev{opacity: 1;}

.div2 .swiper-slide {
   -webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transform: scale(.8);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	filter: brightness(100%);
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(0.95);
	-moz-box-shadow: rgba(0,0,0,.2) 0px 0px 30px;
}


.case_con1 .banner-text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    padding: 30px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.case_con1 .banner-text p {
    font-size: 16px;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 5px;
    display: block;
    letter-spacing: 2px;
	text-align: left;
	line-height: 30px;
}

.case_con1 .banner-text p a{
	  padding: 5px 10px;
	  display: inline-block;
	  filter: alpha(opacity=40);
	  outline: 0;
	  border: 0;
	  background: rgba(0,0,0,0.15);
	  text-decoration:none;
	  color: #ffffff;
	  font-weight: 600;
	  border-style: outset;
	  border-width: 1px;
	  margin-top: 10px;
}
.mySwiper2 .banner-text:hover{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.case_con1 .banner-text p a:hover {
  background: #0087ff;
  color:#ffffff;
  border-style: outset;
  border-width: 1px;
  border-color: #0086ff;
}

.case_con1 .banner-text h2 {
    color: #ffffff;
    padding-bottom: 20px;
	text-align: left;
	font-size: 30px;
	line-height: 50px;
}

.case_con1 .banner-text h2:after {
        content: '';
        position: absolute;
        top: auto;
        bottom: 0;
        left: 0;
        height: 2px;
        width: 80px;
        background-color: #ffffff;
}

.case_con1 .zixun{
	width: 100px; height: 100px; position: absolute;right: -50px;bottom: -50px;
}
.xgal .tit{text-align: center;font-size: 30px;font-weight: 600;padding: 20px;color: #ffffff;}
.xgal{display:none;}
.xgal ul{margin-top:20px;}
.xgal li{border: 1px solid rgb(255,255,255,0.1)}
.xgal-text h2{font-size: 14px;margin-top: 10px;}
.xgal-text h2 a{color:#606060;}
.xgal-text p{font-size:12px;line-height: 20px;}

@media (min-width: 1200px) and (max-width: 1439px) {
	
}

@media (min-width: 992px) and (max-width: 1199px) {
	.case_con1 .banner-text h2 {
	font-size: 24px;
	line-height: 30px;
}
	.case_con1 .banner-text p {
    font-size: 14px;
}
}

@media (max-width: 768px) {
	.xgal{display:block;}
	.xgal1{display:none;}

}

.meixue_tit {
	margin-bottom: 20px;
	text-align: center;
}
/*新闻页面*/

.news1 img{
	width: 100vw;
	height: 100%;
	margin-top:-10px;
}
.news2{margin-top:80px;}
.m1{margin-top:140px;}
@media (max-width: 768px){
	.news2{margin-top:40px;}
	.m1{margin-top:140px;}
}

.news_l {
	max-width: 100%;
	margin: 0 auto;
	width:70%;
	float: left;
}
.news_l .news_list1 .img {
	width: 30%;
	float: left;
	margin-right: 10px;
}
.news_l .news_list1 .text {
	overflow: hidden;
}
.news_l .news_list1 li {
	margin-bottom: 40px;
}

.news_l .news_list1 .text h3 {
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 10px;
	width:80%;
    float: left;
}
.news_l .news_list1 .text a:hover {
	color: #0086ff;
}
.news_l .news_list1 .text a {
  filter: alpha(opacity=40);
  outline: 0;
  border: 0;
  text-decoration:none;
  color: #000000;
  font-weight: 600;
}

.news_l .news_list1 .time {
	line-height: 20px;
	font-size: 14px;
	color: #a8a8a8;
	width:90px;
	float: right;
}
.news_l .news_list1 .text p {
	line-height: 27px;
	height: 81px;
	font-size: 14px;
	overflow: hidden;
	color: #737373;
	margin-top:30px;
}
.news_l .news_list1 .btn{float:right;}
.news_l .news_list1 .btn a {
    padding: 10px 20px;
    display: inline-block;
    filter: alpha(opacity=40);
    outline: 0;
    border: 0;
    text-decoration:none;
    color: #0087ff;
	font-size: 14px;
    font-weight: 600;
    border-style: outset;
    border-width: 1px;
	border-color: #0087ff;
}
.news_l .news_list1 .btn a:hover {
  background: #0087ff;
  color:#ffffff;
  border-style: outset;
  border-width: 1px;
  border-color: #0086ff;
}
@media (max-width: 991px) {
	.news_r {display:none;}
	.news_l {width:100%;}
	.news_l .content .next p{text-align: left!important;}
}
@media (max-width: 768px) {
	.news_l li{float: left;}
	.news_l .news_list1 .img {width: 100%;float: none;}
	.news_l .news_list1 .text p{display:none;}
	.news_l .news_list1 .text h3{margin-top: 10px;font-size: 12px;line-height: 15px;margin-bottom: 5px;}
	.news_l .news_list1 .time {
	line-height: 15px;
	font-size: 12px;
	color: #000000;
	width:90px;
	float: left;
    }
	.col-sm-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}
	.news_l .news_list1 .btn{display:none;}
	.news_l .content .wx h2{font-size: 34px!important;}
    .news_l .content .wx p{font-size: 20px!important;}
}
.news_r{width:28%;float: right;}
.news_r .pro_list li{border: none;padding-top: 1px;}
.news_r .tit{text-align: center;font-size: 30px;font-weight: 600;padding: 20px;color: #ffffff;}
.news_r .port-hover-text > h3 {
	position: absolute;
    color: #ffffff;
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	bottom: 10px;
}

.news_r .mor{
	width: 60px; height: 60px; position: absolute;left:40%;top:35%;
}

.news_l .content h2{font-size:26px;color:#0087ff;}

/*新闻内容页*/
.news_l .content .zx{width: 100%;}
.news_l .content .zx1 img{height:90px;float: left;}
.news_l .content .zx2{height:90px;margin-left: 185px; padding: 17px 0 0 20px;}
.news_l .content .zx2 p{color:#ffffff;line-height: 20px;font-size: 20px;margin-bottom: 10px;}
.news_l .content .wx{background-color: #d8d8d8;margin-top: 10px;height:180px;padding: 20px;}
.news_l .content .wx img{height:140px;float: left;}
.news_l .content .wx1{margin-left:150px;}
.news_l .content .wx h2{color:#444446;font-size: 56px;margin-bottom: 20px;}
.news_l .content .wx p{color:#444446;font-size: 36px;}
.news_l .content .next{margin:50px 0;}
.news_l .content .next p{line-height: 15px;font-size: 18px;text-align: center;}
.news_l .content .next a{color:#606060;}
.news_l .xg .tit{color:#ffffff;font-size: 40px;font-weight: 600;line-height: 80px;padding-left: 20px;}

.news_l .xg .news_list {padding-top: 20px;}
.news_l .xg .news_list li{width:100%;line-height: 50px;background-image: url(../images/shizi_h.svg); background-repeat: no-repeat;background-size: 15px 25px;background-position: 10px 12px;overflow: hidden;border-bottom: 1px solid #8e8e90;}

.news_l .xg .news_list .xgxw{width:85%;float: left;height:30px;text-overflow: ellipsis;}
.news_l .xg .news_list li a{color:#606060;padding-left: 40px;}

.news_l .xg .news_list li a:hover{color:#0086ff; text-decoration: none;display: inline-block;}

.news_l .xg .news_list li span{float: right;}
.news_l .more {
	border-top: 1px solid #606060;
	border-bottom: 1px solid #606060;
	height: 50px;
	text-align: right;
	
}
@media (max-width: 768px) {
	.news_l .content h2{font-size:16px!important;}
	.news_l .content .zx1 img{height:60px;float: left;}
	.news_l .content .zx2{height:60px;margin-left: 125px; padding: 17px 0 0 20px;}
	.news_l .content .zx2 p{font-size:14px;line-height: 8px!important;}
	.news_l .content .wx{background-color: #d8d8d8;margin-top: 10px;height:120px;padding: 20px;}
	.news_l .content .wx img{height:80px;float: left;}
	.news_l .content .wx1{margin-left:100px;}
	.news_l .content .wx h2{font-size: 32px!important;margin-bottom: 10px;}
    .news_l .content .wx p{font-size: 14px!important;margin-bottom: 0;}
	.news_l .content .next{margin:20px 0;}
	.news_l .content .next p{line-height: 15px;font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width:100%;}
	.news_l .xg .tit{font-size: 20px;line-height: 50px;}
	.news_l .xg .news_list li{font-size:16px;background-image: url(../images/shizi_h.svg); background-repeat: no-repeat;background-size: 25px 25px;background-position: 5px 28px;overflow: hidden;height:80px;}
	.news_l .xg .news_list li a{padding-left: 10px;}
	.news_l .xg .news_list li span{float: left;margin-left: 35px;height: 25px;color:#0087fd;}
	.news_l .xg .news_list .xgxw{width:95%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top:5px;margin-left: 25px;height: 60px;}
}

.news2 .more a {
	display: block;
	line-height: 50px;
	padding-right:10px;
	color: #606060;
	text-decoration:none;
}
.news2 .more a:hover {
	padding-right:5px;
	transition: 0.2s;
	color: #0087fd;
}

 /*联系我们*/

.lianxi1{}
.lianxi1 img{
	width: 100vw;
	height: 100%;
	margin-top:-10px;
}

.lianxi1_tit{text-align:center;margin-top: 80px;}

.lianxi2{margin-top: 50px;}
.lianxi2 .con_map{width:1200px;height: 500px;}

.lianxi2 .tit{width:40%;float: left;}
.lianxi2 .tit img{width:40px;height: 40px;float: left;margin-right: 20px;}
.lianxi2 p{width:100%;float: left; color: #606060;font-size: 14px;line-height: 15px;}
.lianxi2 .tel{width:20%;float: right;color: #606060;font-size: 14px;text-align: right;}
.lianxi2 h2{width:50%;float: left;color: #606060;}
.lianxi2 .dizhi{width:40%;float: left;}
.lianxi2 .dt img{
	max-width: 100%;
	max-height: 100%;
	display: block;
	margin: 0 auto;
}
.lianxi2 .dt1{width:140px;margin-top: 20px;}
.poptrox-popup{padding:0 0 60px!important;}
#gallery{padding-bottom:50px;}
.c_line{background-color:#373737;height: 1px;width:100%;margin: 50px 0;}
.allmap {width:100%;height:500px;overflow: hidden;margin:0;}
.myframe{display: block;border: none;width:100%;height: 510px;}
@media (max-width: 991px) {
	.lianxi2 .tit img{width:30px;height: 30px;}
	.lianxi2 h2{font-size: 24px;}
	.lianxi2 p{width:100%;}
}
@media (max-width: 768px) {
	.caption{line-height: 25px!important;}
	.c_line{margin: 20px 0;}
	.y1{display:none;}
	.lianxi2 {margin-top: 20px;}
	.lianxi2 .dizhi{width:100%;}
	.lianxi2 .dizhi p{font-size: 14px;line-height: 20px; margin-bottom: 5px;}
	.lianxi2 .tit{width:100%;}
	.lianxi2 .tel{width:100%;text-align: left;font-size: 16px;margin-bottom: 10px;}
	.lianxi1_tit{margin-top: 50px;}
	.lianxi1 img{content: url(../images/lianxi1.jpg);}
	.lianxi2 .tit h2{font-size: 24px;}
	.lianxi2 p{width:100%;font-size: 12px;}
}


 /*正文分页样式*/

.fenye {
	text-align: right;
	position: relative;	
}

/*.fenye table:after{
	content: '';
	height: 60px;
	width: 80%;
	position: absolute;
	top: -1px;
	left: 0;
	transition: 0.2s ease width;
	border-top: 1px solid #606060;
	border-bottom: 1px solid #606060;
	z-index: -1
}
*/

.fenye table{width:100%;text-align: right;margin-bottom: 40px;}
 #pagelist{}
.fenye .next{}
.fenye .next img{width:60px;height: 60px;}
.fenye .curr{float: left;text-align: left;padding: 5px;line-height: 50px;display: none;}
.fenye a:hover{color:#0087fd;}
.fenye .num{
	float: left;text-align: left;padding: 5px; line-height: 50px;color: #606060;display: none;
}

@media (max-width: 768px) {
	.fenye table:after{ height: 40px;width: 70%;}
    .fenye .curr{line-height: 30px;}
	.fenye .num{line-height: 30px;}
	.fenye table{margin-bottom: 20px;}
	.fenye .next img{width:40px;height: 40px;}
}

#pageNext{padding:10px 12px 6px; clear:both;}
#pageNext .prev,#pageNext .next{width:52px; text-align:center;}
#pageNext a.curr{width:22px;background:#1f3a87; border:1px solid #dcdddd; color:#fff; font-weight:bold; text-align:center;}
#pageNext a.curr:visited {color:#fff;}
#pageNext a{margin:5px 4px 0 0; color:#1E50A2;background:#fff; display:inline-table; border:1px solid #dcdddd; float:left; text-align:center;height:22px;line-height:22px}
#pageNext a.num{width:22px;}
#pageNext a:visited{color:#1f3a87;} 
#pageNext a:hover{color:#fff; background:#1E50A2; border:1px solid #1E50A2;float:left;}
.news-nav {background: #fff;padding:0;box-shadow:0px 3px 2px 0px rgba(92,128,255,0.06);position: inherit;width: auto;text-align: left}
.news-nav li {display: inline-block;text-align: center;width: 62px;height: 28px;line-height: 28px;margin: 0 20px}
.news-nav li:first-child{padding-left: 0}
.news-nav li a {display: block;color:#aaa}
.news-nav .curr a{color: #008AFF}
.news-bar {color: #888;padding: 5px 0}
.news-bar a {color:#888}


/*------------------------------------------------------
  在线客户 
--------------------------------------------------------*/
.full {
	position: fixed;
	top: 30%;
	right: 0;
	z-index: 1001;
}
.full li a {
	display: block;
	width: 35px;
	height: 100px;
	margin-bottom: 1px;
	position: relative;
	z-index: 1;
}

.full li:last-child a {
	border-bottom: 0;
}
.full li a span {
	display: block;
	width: 35px;
	height: 100px;
	position: relative;
	z-index: 100;
	background-position: center center;
	background-repeat: no-repeat;
}
.full li:nth-child(2) a, .full li:nth-child(1) a {
	z-index: 2;
}
.full li a label {
	display: block;
	width: 274px;
	white-space: nowrap;
	position: absolute;
	height: 100px;
	z-index: 10;
	bottom: -8px;
	left: 100%;
	box-sizing: inherit;
}
.full .zx3 label {
	display: block;
	width: 137px;
	white-space: nowrap;
	position: absolute;
	height: 100px;
	z-index: -1;
	bottom: -8px;
	left: 100%;
	box-sizing: inherit;
}
.full .zx3 a:hover label {
	left: -102px;
}
.full li a:hover label {
	left: -239px;
}

.full li a span.span1 {
	background-image: url(../images/zx_10.svg);background-repeat: no-repeat;background-size: 100% 100%;overflow: hidden;
}
.full li a:hover span.span1 {
	background-image: none;
}
.full li a span.span2 {
	background-image: url(../images/zx_20.svg);background-repeat: no-repeat;background-size: 100% 100%;overflow: hidden;
}
.full li a:hover span.span2 {
	background-image: none;
}
.full li a span.span3 {
	background-image: url(../images/zx_30.svg);background-repeat: no-repeat;background-size: 100% 100%;overflow: hidden;
}
.full li a:hover span.span3 {
	background-image: none;
}

.zx4 {
	position: fixed;
	top: 28%;
	left: -200px;
	z-index: 1001;
}
.zx4 a {
	display: block;
	width: 400px;
	height: 400px;
	margin-bottom: 1px;
	position: relative;
	z-index: 1;
}


.zx4 span {
	display: block;
	width: 400px;
	height: 400px;
	position: relative;
	z-index: 100;
	background-position: center center;
	background-repeat: no-repeat;
}

.zx4 .span4 {
	
}
.zx_y1{display:none;}
@media (max-width: 991px) {
	.full {
	display: none;
	}
		.zx4 {
		display: none;
	}
}
@media (max-width: 768px) {
	.zx_y1{disition: fixed;top: 0;left: 0;width: 96%;height: 100%;background: rgba(0,0,0,0.3);z-index: 1000;display:block;}
	.zx_y{
		position: fixed;top: 50%;left: 50%;width: 90%;transform: translate(-50%, -50%);border-radius: 40px;z-index: 1000;
	}
	.zx_y li{float: left;width:50%;}
}
/*------------------------------------------------------
  鼠标十字
--------------------------------------------------------*/

.cursores {
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 9999;
	top: 0;
	left: 0;
	pointer-events: none
}

.cursores html.ie10 {
	display: none
}

.cursores.over span {
	background: rgba(0,134,255,0.5)
}

.cursores span {
	position: absolute;
	display: block;
	background: rgba(0,0,0,0.2);
	-webkit-transition: 0s liner;
	transition: 0s liner
}

.cursores span.lineX {
	width: 1px;
	height: 100%
}

.cursores span.lineY {
	width: 100%;
	height: 1px
}

@media (max-width: 768px) {
	.cursores {
		display: none
	}
}
 #x_div, #y_div { position:absolute; top:0px;left:0px; width:100%; height:1px;display: block;background: rgba(0,0,0,0.2);-webkit-transition: 0s liner;transition: 0s liner }
 #y_div { height:100%; width:1px; }
 #y_div:hover{background-color: #F80206;}	

/*------------------------------------------------------
  RESPONSIVE STYLES 
--------------------------------------------------------*/
@media (max-width: 1200px) {
  .bx-thumbnail-wrapper {
    display: none;
  }

  .slider-caption {
    bottom: 90px;
  }

  .bx-controls-direction {
    bottom: 30px;
  }
}

@media (max-width: 980px) {
  .slider-caption {
	  bottom: 60px;
  }
  .slider-caption h2 {
	font-size: 32px;
  }
  .slider-caption p {
	  font-size: 18px;
  }
  .bx-controls-direction {
    right: 30px;
  }
  .bx-controls-direction {
    bottom: -40px;
  }
  .heading {
    font-size: 62px;
  }
  .custom-navbar .navbar-brand  {
	  border: none;
	  font-size: 18px;
  }
}

@media (max-width: 768px) {
	
  .slider-caption {
	  bottom: 30px;
  }
  .slider-caption h2 {
	font-size: 18px;
  }
  .slider-caption p {
	  font-size: 12px;
	  line-height: 14px;
  }
  
  .bx-controls-direction {
    bottom: -40px;
  }
  
  #about .mobile-top {
    padding-top: 32px;
  }
  #work .col-md-4 {
    text-align: center;
  }
  #work .col-md-4 hr {
    margin-left: auto;
  }
  .grid figure img {
  margin-bottom: 22px;
  }
  #portfolio .portfolio-bottom {
    position: relative;
    top: 62px;
  }
  #contact .contact-detail {
    border: 0;
  }
  #contact .contact-detail .col-md-6:first-child {
    border-right: 0;
  }
  #contact .contact-detail .col-md-6 {
    padding: 42px;
  }
  #contact .contact-detail {
    top: 40px;
  }
}

@media (max-width: 767px) {
  .site-slider {
    padding-top: 50px;
  }
  #plan .plan {
    padding-right: 0;
    margin: 54px auto 54px auto;
    width: 360px;
  }
}

@media (max-width: 502px) {
  #plan .plan {
    width: 310px;
  }
}

@media (max-width: 440px) {
  .heading {
    font-size: 37px;
  }
}

@media (max-width: 320px) {
  .heading {
    font-size: 32px;
  }
  h5 {
    font-size: 11px;
  }
}




@media (max-width: 767px) {
  .site-slider {
    padding-top: 50px;
  }
}