@charset "utf-8";
/* CSS Document */
*{padding: 0; margin: 0;}
body{overflow-x:hidden;}
img{ border:none;font-size:0;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
a{text-decoration: none; color: black;display: inline-block;}
li{list-style:none;}
/* 高特banner */

.slideshow {
  position: relative;
  width: 100vw;
  height: 80vh;
  overflow: hidden;
}
.slideshow-image {
  position: absolute;
  width: 100%;
  height: 100%;
  background: no-repeat 50% 50%;
  background-size: cover;
  -webkit-animation-name: kenburns;
          animation-name: kenburns;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 26s;
          animation-duration: 26s;
  opacity: 1;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.slideshow-image:nth-child(1) {
  -webkit-animation-name: kenburns-1;
          animation-name: kenburns-1;
  z-index: 3;
}

@-webkit-keyframes kenburns-1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  1.5625% {
    opacity: 1;
  }
  23.4375% {
    opacity: 1;
  }
  26.5625% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  98.4375% {
    opacity: 1;
    -webkit-transform: scale(1.21176);
            transform: scale(1.21176);
  }
  100% {
    opacity: 1;
  }
}

@keyframes kenburns-1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  1.5625% {
    opacity: 1;
  }
  23.4375% {
    opacity:1;
  }
  26.5625% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  98.4375% {
    opacity: 1;
    -webkit-transform: scale(1.21176);
            transform: scale(1.21176);
  }
  100% {
    opacity: 1;
  }
}
h1 {position: absolute;  
    top: 20vw;
    left: 6%;    
    z-index: 99;
    text-align: left;
    font-size: 22px !important;
    font-weight: normal;
    line-height:35px;
    color: #270089;
    width: auto;
}
h1 small {padding-top: 1.5vw !important;
  display: block;
  font-weight: normal;
  font-size: 24px;
}
h1 small:first-child {
  border-bottom: 0px solid rgba(0, 0, 0, 0.25);
  padding-bottom: .5em;
}
h1 small:last-child {
  border-top: 0px solid rgba(0, 0, 0, 0.25);
  padding-top: .5em;
}

.gt_banner {
	background-size: cover;
	height:39vw;
    width: 100%;
    min-width: 1000px;
    clear: both;
}
.gt_banner h3 {
    font-size:22px;
    color:#270089;
    position: absolute;
    left:6vw;
    top: 23vw;
    font-weight: normal;
}
.gt_banner p {
    font-size:24px;
    color:#270089;
    position: absolute;
    left:6vw;
    top:27.5vw;
    font-weight: normal;
}
/* 高特黑底 */
.gt_shili{  
    background: url(../images/back01.jpg) no-repeat center;
	background-size: cover;
	height:314px;
    width: 100%;
    clear: both;
}
.shili{
	width:1132px;
    margin: 0 auto;}
.shili ul{
	width: 100%;
}
.shili ul li{
    float: left;
	text-align: center;	
}
.shili ul li img{
	position: relative;
    top: 105px;
}
.shili ul li p{
	font-size:20px;padding-top: 30px;
    color:#BC9C7F;	
}
.shili ul li h3{
	font-size:34px;
    color:#BC9C7F;}
.mai1{width:235px;margin-right:145px;}
.mai2{width:330px;margin-right:145px;}
.mai3{width:276px;margin-right:0px;}
/* 关于高特*/
.gt_jianjie {
	background: url(../images/jianjie.jpg) no-repeat center;
	background-size: cover;
	height:1081px;
    width: 100%;
    min-width: 1000px;
    clear: both;
}
.pinpai {
    width: 1150px;
    margin: 0px auto;
}
.pinpainei {
	position: relative;
    top: 6vw;
    text-align: center;
}
.pinpai h3 {
    text-align: center;
    color:#261F84;
    font-size: 24px;
    font-weight: normal;
	
}
.pinpai h5 {
    text-align: center;
    color: #261F84;
    font-size:18px;
    font-weight: normal;
    padding-top: 0px;
    padding-bottom: 1vw;
}
.pinpai p {
    color:#808080;line-height: 22px;
    font-size:12px;
    padding-top:10px;
}
/* 高特资质*/
.gt_zizhi {
    width: 100%;
    min-width: 1000px;
    clear: both;
    position: relative;
	margin-top: 4vw;
}
.zizhi{
    width: 75%;
    margin: 0px auto;
}
.zizhi h3 {
    text-align: center;
    color:#261F84;
    font-size:24px;
    font-weight: normal;
	
}
.zizhi h5 {
    text-align: center;
    color: #261F84;
    font-size:18px;
    font-weight: normal;
    padding-top: 0px;
    padding-bottom: 0vw;
}
.zizhi h4 {
    text-align: center;
    color:#333;
    font-size:20px;
    font-weight: normal;
	padding-top: 40px;
	
}
.zizhi p {
    color:#333;
    font-size: 0.8vw;
    padding-top:10px;
	text-align: center;
}
/* 高特网点 */
.gt_site {
	background: url(../images/site.gif) no-repeat center;
	background-size: cover;
    width: 1025px;
	height:812px;
    position: relative;
	text-align: center;
	margin: 45px auto 150px auto;
}
.site{
	width: 241px;
    margin: 0px auto;
    position: absolute;
    top: 16px;
    left: -86px;
}
.site img{width:241px;}
.site h3 {
    font-size:1.1vw;
    color:#270089;
    position: absolute;
    left:5vw;
    top: 12.5vw;
    font-weight: normal;
}
.site dd {
    font-size: 0.8vw;
    color:#270089;
    position: absolute;
    left:5vw;
    top:14vw;
    font-weight: normal;
}
.site p {
    font-size: 0.8vw;
    color:#270089;
    position: absolute;
    left:5vw;
    top:16vw;
    font-weight: normal;
	text-align: left;
}
.site p span {
	font-size: 0.8vw;
    color:#D00034;
    font-weight: normal;
	text-align: left;
}

.rexian{
	width: 241px;text-align: left;
    margin: 0px auto;
    position: absolute;
    bottom: 0px;
    left: -60px;
}
.rexian img{
	 
}
.rexian p {
    font-size: 13px;line-height: 20px;
    color:#261F84;   
    font-weight: normal;
	text-align: left;
}
.rexian h3 {
	font-size:24px;padding-top: 5px;
	color:#FF000A;
    font-weight: normal;
	text-align: left;}

#zzsc{width:1000px}
#zzsc >li{width:430px}
.mb-wrapper{margin:0 auto 20px;position:relative; height:425px;left:0;top:80px;}
.mb-slider,.mb-scroll{width:100%;height:380px;overflow:hidden;margin:0 auto;padding:0;position:relative;left:0;top:0}
.mb-active-slider{border-color:#333}
.mb-slider .mb-panel{margin-top:100px;display:block;cursor:pointer;float:left;list-style:none;margin: 0 20px;}
.mb-panel a{outline:0}
.mb-slider .mb-panel.current{cursor:auto}
.mb-inside *{max-width:100%}
a.mb-scrollButtons{display:block;width:45px;height:58px;background:transparent url(../images/arrows.png) no-repeat;position:absolute;top:40%;margin-top:-29px;cursor:pointer;text-decoration:none;outline:0;border:0;_background:transparent url(../images/arrows.gif) no-repeat}
a.mb-scrollButtons.mb-left{background-position:left top;left:-45px}
a.mb-scrollButtons.mb-right{background-position:right top;right:-45px}
a.mb-scrollButtons.mb-left:hover{background-position:left bottom}
a.mb-scrollButtons.mb-right:hover{background-position:right bottom}
a.mb-scrollButtons.disabled{display:none}
.mb-controls{margin:0 auto;text-align:center;position:absolute; top:350px; left:560px;z-index:100;display: none;}
.mb-controls a{color:#666;font:18px/2.2 Georgia, Serif;display:inline-block;text-decoration:none;padding:2px;margin:0 5px 0 0;text-align:center;outline:0}
.mb-panel{margin-top:90px}
.mb-controls a:hover{color:black}
.mb-controls a.current{color:#900}
.main-nav{display:block; text-align:center; border-bottom:2px solid #a71700;margin:0 0 20px 0;padding:0 0 10px 0}
.main-nav a{text-decoration:none;color:#3e63ec;font-size:18px;margin:0 8px}
.main-nav a:hover{color:black;border-bottom:2px solid black}
.mb-inside img{width:100%}

.pc-banner {
	background: url(images/top_main_bg01.jpg) no-repeat center top/100% auto;
	width: 80%;margin:0 auto 3vw auto;}

@media screen and (max-width: 668px) {
	.pc-banner {
		background-size: auto 100%;
	}
}

.swiper-container {
	width: 100%;
	margin: 35px 0;
}

@media screen and (max-width: 668px) {
	.swiper-container {
		margin: 20px 0 15px;
	}
}

.swiper-slide {
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
}

@media screen and (max-width: 668px) {
	.swiper-slide {
		-webkit-transform: scale(0.97);
		transform: scale(0.97);
	}
}

.swiper-slide-active,.swiper-slide-duplicate-active {
	-webkit-transform: scale(1);
	transform: scale(1);
}

@media screen and (max-width: 668px) {
	.swiper-slide-active,.swiper-slide-duplicate-active {
		-webkit-transform: scale(0.97);
		transform: scale(0.97);
	}
}

.none-effect {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
}

.swiper-slide a {
	background: #fff;
	padding:10px;
	display: block;
	border-radius: 14px;
}

@media screen and (min-width: 668px) {
	.swiper-slide a:after {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		box-sizing: border-box;
		border: 10px solid #fff;
		content: "";
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
		border-radius: 20px;
	}
}

.swiper-slide-active a:after {
	background: none;
}

@media screen and (max-width: 668px) {
	.swiper-slide a {
		padding: 5px;
		border-radius: 7px;
	}
}

.swiper-slide img {
	width: 100%;
	border-radius: 14px;
	display: block;
}

@media screen and (max-width: 668px) {
	.swiper-slide img {
		border-radius: 7px;
	}
}

.swiper-pagination {display:none;
	position: relative;
	margin-bottom: 30px;
}

.swiper-pagination-bullet {
	background: #00a0e9;
	margin-left: 4px;
	margin-right: 4px;
	width: 17px;
	height: 17px;
	opacity: 1;
	margin-bottom: 4px;
}

.swiper-pagination-bullet-active {
	width: 13px;
	height: 13px;
	background: #FFF;
	border: 6px solid #00a0e9;
	margin-bottom: 0;
}

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

	.swiper-pagination-bullet {
		background: #00a0e9;
		margin-left: 2px;
		margin-right: 2px;
		width: 8px;
		height: 8px;
		margin-bottom: 2px;
	}

	.swiper-pagination-bullet-active {
		width: 6px;
		height: 6px;
		background: #FFF;
		border: 3px solid #00a0e9;
		margin-bottom: 0;
	}
}

.button {
	width: 100%;
	margin: 0 auto;
	bottom:12vw;
	position: relative;
}

@media screen and (max-width: 668px) {
	.button {
		width: 70%;
		bottom: 22px;
	}
}

.button div:hover {
}

.swiper-button-prev {
	width: 35px !important;
	height: 44px !important;
	border-radius: 50%;
	background:url(../images/prev.png) center no-repeat !important;
}

.swiper-button-next {
	width: 35px !important;
	height: 44px !important;
	border-radius: 50%;
	background:url(../images/next.png) center no-repeat !important;
}

@media screen and (max-width: 668px) {
	.button div {
		width: 28px;
		height: 28px;
	}
}