@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: "microsoft yahei", Helvetica Neue, Helvetica, Arial, sans-serif;
	color: #333;
	font-size: 13px;
}
.apple-banner {
	width: 100%;
	height: 580px;
	overflow: hidden;
}
.apple-banner .swiper-container {
	// margin-top: -40px;
	width: 100%;
	height: 100%;
}
.swiper-button-prev,.swiper-button-next{
	width: 15%;
	height: 100%;
	top:0;
	background:none;
	}
.swiper-button-prev{
	left:0;}
.swiper-button-next{
	right:0;}
.swiper-button-prev span,.swiper-button-next span{
	display:block;
	width: 64px;
	height: 64px;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top:-32px;
	border-radius: 100%;
	background: rgba(180,180,180,0.25) url(../img/arrows.png) no-repeat center 17px;
	/*opacity: 1;*/
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.swiper-button-next span{
	background: rgba(180,180,180,0.25) url(../img/arrows.png) no-repeat center -71px;
	left:auto;
	right:20px;
	}
.swiper-button-prev:hover span,.swiper-button-next:hover span{
	/*opacity: .6;*/
}
/*分页器*/
.apple-banner .swiper-pagination{
	top:auto;
	bottom:50px;
	background:none;
}
/*.apple-banner  .swiper-pagination-bullet {
	
}
.apple-banner  .swiper-pagination-bullet span {
	
}
.apple-banner .swiper-pagination-bullet-active span{
    
}
.apple-banner .autoplay .swiper-pagination-bullet-active span{
    
}
.apple-banner  .swiper-pagination-bullet i{
	
}*/
.apple-banner .autoplay .firsrCurrent i{
	transition:transform 2.9s linear;
	transform:scaleX(1);
}
.apple-banner .autoplay .current i{
	transition:transform 4s linear;
	transform:scaleX(1);
}
.apple-banner  .autoplay .replace span{
  background:gray;
}
/*内容样式*/

.slide1 {
	/*background: #000 url(../img/banner.png) no-repeat 50% 10%;
	background-size: auto 100%;*/
}

.slide1 .title {
	text-align: center;
	margin-top: 100px;
	font-size: 30px;
	font-weight: normal;
	color: #fff;
}

.slide2 {
	background: #f3f3f3 url(../img/banner.png) no-repeat center 50%;
	background-size: auto 100%;
}

.slide2 .title {
	padding-top: 100px;
	text-align: center;
}

.slide2 h2 {
	bottom: 100px;
	text-align: center;
	font-size: 30px;
	font-weight: normal;
	position: absolute;
	width: 100%;
}

.slide3 {
	background: #fff url(../img/macbookpro_large.jpg) no-repeat center 110%;
	background-size: auto 70%;
}

.slide3 .title {
	text-align: center;
	margin-top: 100px;
	font-size: 40px;
	font-weight: normal;
}
.main-list-gray{
	background: #f5f5f5;
}
.power{
	background-repeat: no-repeat ;
	background-position: center center;
	margin:10px;
	border-radius:15px;
	margin:20px 0;
	height:165px;
	background-size:cover;
	overflow:hidden;
	box-shadow: 0 10px 20px rgba(0,0,0,.1);
	transition: margin .2s;
    -webkit-transition: margin .2s; /* Safari */
}
.power>*{
	margin:10px 10px 0 10px;
}
.power>p{
	font-size:1.5em;

}
.power>h2{
	font-size:2em;

}
.power>article{
	font-size:1.3em;
}
.power:hover{
	box-shadow: 0 10px 20px rgba(0,0,0,.3);
	cursor:pointer;
	margin:0 0 40px 0;
}
@media (max-width:992px) and (min-width:1px) {
          .power{
			box-shadow: 0 10px 20px rgba(0,0,0,0.1);
            margin:10px;
          }
          .power:hover{
				box-shadow: 0 10px 20px rgba(0,0,0,0.2);
				cursor:pointer;
				 margin:10px;
			}
			.swiper-button-prev span, .swiper-button-next span {
				display: none;
			}
}
 .item-title {
    margin-bottom:  30px;
}
.item-title img {
    display: block;
    max-width: 100%;
    height: auto;
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto;
}
.cc{
    background: rgba(0,34,90,0.5);
	color:#fff;
    height:300px;
    margin:10px 0;
}
.cc>*{
	color:#fff;
	text-align:center;
	display:block;
}
.main-bg {
    -webkit-background-size: 100%;

    background-repeat: no-repeat;
    background-size:cover;
    background-position:center center;
}
.cc>p{
	padding:30px;
	font-size:5em;

}
.cc>h2{
	font-size:2em;
}
.cc>div{
	width:50px;
	height:50px;
	margin:0 auto;
}
.cc>span{
	font-size:2em;
}
.dd{
	box-shadow: 0px 0px 6px #BFBFBF;
    border-radius: 5px;
    overflow: hidden;
    padding-bottom: 30px;
    padding-top: 20px;
    background: #ffffff;
    height:389px;
}
.dd>h6{
	line-height:36px;
}
.dd>h3{
	padding:20px 0;
}
.ddrr{
	position: relative;
    right: 67px;
    z-index: 9;
    top: 51px;
}
.ddll{
	position: relative;
    left: 67px;
    z-index: 9;
    top: 51px;
}
.dddd{
	line-height:36px;
}
 /* ipad */

@media (max-width:768px) and (min-width:1px) {

	 .ddll,.ddrr{
		top:0;

		height:auto;
	}
	.ddll{
		left:0;

	}
	.ddrr{
		right:0;
	}
}
.contact-particular {
    background: #fff;
    color: #333;
    padding-bottom: 40px;
}
.category-item {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    margin: 10px auto;
    overflow: hidden;
}
.col-blue {
    color: #617fef;
}
.col-green {
    color: #37d19c;
}
.col-cyan {
    color: #18acfc;
}
.contact-title {
    border-bottom: 1px solid #eee;
    padding: 15px;
    background: #fff;
    font-weight: 600;
    font-size: 20px;
}
.contact-text-title {
    font-size: 16px;
    color: #333;
    padding-top: 30px;
}
.contact-particular .contact-text-phone {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-top: 20px;
}
.contact-btn {
    color: #ffffff;
    border-radius: 5px;
    background: #617fef;
    margin-right: 50px;
    margin-left: 50px;
    margin-top: 20px;
    padding-bottom: 15px;
    padding-top: 15px;
}
@media (max-width:992px) and (min-width:1px) {
	#sticky-nav .container {
		background-color: #fff;

	}
}
#jianjie h5{
	font-size: 14px;
	line-height: 30px;
}
#tome{
  position: fixed;
  bottom: 100px;
  right:20px;
	z-index: 9999999;
}
#guding{
	 position: fixed;
	 bottom:0;
	 left:0;
	 width:100vw;
	 height:10vh;
	z-index: 999999;
	background-color: #617fef;
	color:#fff;
 }
#guding>*{
	display:block;
	width:33.33%;
	height:100%;
	float:left;
	color:#fff;
}
#guding>*>div{
	text-align: center;
}
#guding>*>img{
	display: block;
	width: 24px;
	margin: 4px auto;
}

@media(max-width: 768px){
	.m_1 {
	    width: 34px !important;
		height: 34px !important;
		margin-right: 13px !important;
	}
	.m_2 {
	font-size: 16px !important;
	}
	.m_3 {
		font-size: 12px !important;
	}
	.apple-banner {
		height: 200px !important;
	}
	.banner_center_text {
		top: 30px !important;
	}
	.apple-banner .swiper-pagination{
		display: none;
	}
}