@charset "UTF-8";
/* CSS Document */
/*
-----------------------------首页样式start-----------------------------
*/
#indexPage{
    transition: all 1s cubic-bezier(0.6, 0, 0, 0.6) !important;
	transition-delay: 0.4s !important;
}
#fp-nav.right ul li{
	width: 34px !important;
	overflow: visible !important;
}
#fp-nav.right ul li a{
	margin-top: 0 !important;
}
#fp-nav.right ul li a.active{
	background: url(../images/floIco1.png) center center no-repeat;
	width: 38px;
	height: 20px;
	position: relative;
	top: -5px;
}
#fp-nav.right.active ul li a{
	background: #b1b1b1;
}
#fp-nav.right.active ul li a.active{
	background: url(../images/floIco1_h.png) center center no-repeat;
}
#fp-nav.right ul li a:after{
	display: none !important;
}
/*头部开始*/
.topBox{ height: 118px;position:fixed;top: 0;left: 0;width:100%;z-index:999}
.top{ width: 100%; height: 118px; background: #FFF; position: fixed; left: 0px; top: 0px; z-index: 10000; box-shadow: 0px 0px 20px rgba(0,0,0,0.1);}
.logo{ height: 70px; overflow: hidden; padding-top: 25px;}
.logo a{display: block;width:550px;  float:left}
.logo img{ height: 70px;}
.topR{ position: relative; width:50% ; margin-right:2%; margin-left:5%}
.topRBtn{ overflow: hidden; width:55%;  height: 30px; margin-right:2%; margin-top:16px }

.topRBtn  .icn a{ display: block;  background:url(../images/icn1.png) no-repeat 7px center #dddddd; width:101px; height:25px; text-align:center; line-height:25px; padding-left:20px; color:#575757}
.topRBtn .icn a:hover {  background:url(../images/icn3.png) no-repeat 7px center #e74401; color:#fff}
.topRBtn .ic2  { width:40px; height:25px; text-align:center; color:#fff; background:#018ccf; line-height:25px;}
.topRBtn .ic2 a{ color:#fff}
.topRBtn a span{ display: block; height: 25px; line-height: 25px; text-align: center; font-size: 14px; color: #ffffff;}
.topRBtn a:hover{ opacity: .95;}

.ba{ margin-top:80px}



















/*头部结束*/
/*menu开始*/
.menu dd{flex:1; float:left; display:inline; position:relative; }
@media only screen and (max-width:1600px) {
	.menu dd{}
}
@media only screen and (max-width:1440px) {
	.menu dd{}
}
@media only screen and (max-width:1366px) {
	.menu dd{padding:0;}
}


.menu{ display:flex}
.menu dd .yj a{ display:block; height:70px; line-height:60px;text-align:center; font-size:16px; position: relative; color: #333333;transition: all 0.1s;-webkit-transition: all 0.1s; flex:1}
.menu dd .yj a:before{ display: block; content: ''; position: absolute; left: 50%; margin-left: 0;transition: all 0.5s;-webkit-transition: all 0.5s; bottom: 5px; width: 0%; border-top: 3px solid #007ab5;}
.menu dd .ej{ position: absolute; left: 0px; top: 80px; width: 550%; padding-top: 10px; visibility: hidden; opacity: 0; transform: translateY(20px);-webkit-transform: translateY(20px); transition: all 0.5s;-webkit-transition: all 0.5s;

background: rgba(255, 255, 255, 1); border-radius: 5px; padding: 8px 0; box-shadow: 0px 0px 20px rgba(0,0,0,0.2); min-height:200px
}
.menu dd .ej:before{ display: block; width: 13px; height: 5px; content: ''; background: url(../images/icn2.png) no-repeat center center; position: absolute; left: 50%; margin-left: -6px; top: 5px;}
.menu dd .ej .ejC{  width:30%; float:left; padding-top:20px; padding-bottom:20px}
.menu dd .ej .ejC2{ width:61%; float:left; padding-left:9%; padding-top:20px}
.menu dd .ej .ejC2 img{ width:96%}

@media only screen and (max-width:1440px) {
	.menu dd .yj a {
    display: block;
    height: 70px;
    line-height: 60px;
    padding: 0 2px;
    text-align: center;
    font-size: 15px;
    position: relative;
    color: #333333;
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
}
}



.menu dd .ej .ejC a{ display: block; padding: 5px 5px; line-height: 20px; font-size: 15px; color: #333333; text-align:left; transition: all 0.5s;-webkit-transition: all 0.5s; padding-left:30px;}
.menu dd .ej .ejC a:hover{ color: #007ab5; margin-left:5px; transition:all 0.4s; background:url(../images/you.png) no-repeat right center}
.menu dd .ej .ejC a.hover{ color: #007ab5;}
.menu dd .ej.active{ visibility: visible; opacity: 1; transform: translateY(0px);-webkit-transform: translateY(0px);}
.menu dd.hover .yj a{ color: #007ab5;}
.menu dd.hover .yj a:before{width: 100%; margin-left: -50%;}
/*menu结束*/
.topSearch{ height: 30px; line-height: 30px; width:40px; border-radius: 30px; margin-left: 10px; transition: all 0.3s; -webkit-transition: all 0.3s; position: absolute; right: 0;top: 35px;}
.topSearch input{ float: left; display: inline; width: 0; height: 30px; background: none; border: none; color: #666; transition: all 0.3s; -webkit-transition: all 0.3s;}
.topSearch a{ float: left; display: inline; width: 40px; height: 30px; background: url(../images/search.png) no-repeat center center;}
.topSearch.active{ background: #e1e1e1; width:230px;}
.topSearch.active input{ width:175px; padding-left: 15px; color: #666;}
.topSearch.active a{ background-image: url(../images/searchh.png); background-size: auto 20px;}
/*indexBanner开始*/
.indexBanner{overflow:hidden;width:100%;position:relative;margin-top:100px;}
.indexBanner .myslide{ 
	background-position: center center; 
	background-repeat: no-repeat; 
	background-size: cover; 
	position: relative; 
	height: 710px;
}
.indexBanner .slick-dots{ position: absolute; bottom: 50px; width: 100%; text-align: center;}
.indexBanner .slick-dots li{ width:9px; height: 9px; line-height: 9999px; text-align: center;color: #ffffff; display: inline-block; margin: 0 5px; cursor: pointer;overflow: hidden;border:1px solid #fff;border-radius:100%}
.indexBanner .slick-dots li.slick-active{background: #fff;}
.indexBanner .con1{ position: absolute; left:50%; top: 50%; margin-top: -143px;}
/* 云 */
.cloudWave{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/banner/cloudWave1.png) left top no-repeat;
    background-size: contain;
    -webkit-animation: cloud 100s linear infinite;
    -moz-animation: cloud 100s linear infinite;
    -o-animation: cloud 100s linear infinite;
    animation: cloud 100s linear infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    

}
.cloudWave.cloudWave2{
    background: url(../images/banner/cloudWave2.png) center center no-repeat;
    background-size: contain;
}
@keyframes cloud {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(1920px);
  }
}

@font-face {
	font-family: 'Montserrat-Bold';
	src: url('../fonts/Montserrat-Bold.otf');
	src: local('☺'), url('../fonts/Montserrat-Bold.woff') format('woff'), url('../fonts/Montserrat-Bold.ttf') format('truetype'), url('../fonts/Montserrat-Bold.svg') format('svg'), url('../fonts/Montserrat-Bold.eot') format('eot');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat-Light';
	src: url('../fonts/Montserrat-Light.otf');
	src: local('☺'), url('../fonts/Montserrat-Light.woff') format('woff'), url('../fonts/Montserrat-Light.ttf') format('truetype'), url('../fonts/Montserrat-Light.svg') format('svg'), url('../fonts/Montserrat-Light.eot') format('eot');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat-Hairline';
	src: url('../fonts/Montserrat-Hairline.otf');
	src: local('☺'), url('../fonts/Montserrat-Hairline.woff') format('woff'), url('../fonts/Montserrat-Hairline.ttf') format('truetype'), url('../fonts/Montserrat-Hairline.svg') format('svg'), url('../fonts/Montserrat-Hairline.eot') format('eot');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Barlow-Regular';
	src: url('../fonts/Barlow-Regular.ttf');
	src: local('☺'), url('../fonts/Barlow-Regular.ttf') format('woff'), url('../fonts/Barlow-Regular.ttf') format('truetype'), url('../fonts/Montserrat-Hairline.svg') format('svg'), url('../fonts/Montserrat-Hairline.eot') format('eot');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Barlow-Bold';
	src: url('../fonts/Barlow-Bold.ttf');
	src: local('☺'), url('../fonts/Barlow-Bold.ttf') format('woff'), url('../fonts/Barlow-Bold.ttf') format('truetype'), url('../fonts/Montserrat-Hairline.svg') format('svg'), url('../fonts/Barlow-Bold.eot') format('eot');
	font-weight: normal;
	font-style: normal;
}



.tit{ text-align:center; font-size:60px; color:#2f2f2f; font-family:'Barlow-Bold'; text-transform:uppercase}
.tit1{ text-align:center; font-size:36px; color:#2b2b2b; }
.ppttite{ text-align:center; font-size:18px; color:#585858; line-height:50px}
 line {
    width: 18px;
    height: 1px;
    background: #007ab5;
    margin: 0 15px;
    display: inline-block;
    vertical-align: middle;
}








/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:550px){  
.tit {
    text-align: center;
    font-size: 30px;
    color: #2f2f2f;
    font-family: 'Barlow-Bold';
    text-transform: uppercase;
}.tit1 {
    text-align: center;
    font-size: 22px;
    color: #2b2b2b;
}

.gsjj {
    width: 100%;
    height: 595px;
    background: #f3f3f3;
    float: left;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,.1);
    margin-top: 68px;
}
.peoooo{ height:755px!important}



}