body { font-family: 微软雅黑,"Open Sans", sans-serif; font-size: 14px; }
input,
select,
textarea { font-family: 微软雅黑,"Open Sans", sans-serif; font-size: 1em;; }
.wrap { width: 100%; margin: 0 auto; max-width: 1200px; position: relative; }

img, a { border: 0; }
a:link,a:visited,a:hover,a:active{background: transparent;}
ul, li { list-style: none; }
* { margin: 0; padding: 0; }
.flt { float: left; }
.frt { float: right; }
.clear { clear: both; }
.clear:after, .clear:before { content: ''; clear: both; display: table; }

*{ transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; }
img { max-width: 100%;}
.flex{display: flex;}
label.error{color: red;position: absolute;left: 0;bottom: -20px;}

.header{position:fixed;left: 0;top: 0;width: 100%;height: 103px;background: rgba(4,47,103,0.5);
z-index: 999999;color: white;}
.logo{line-height: 103px;margin-left: 15px;position: relative;z-index: 9999999;}
.logo img{vertical-align: middle;}
.menu li { float: left; margin: 0 30px; }
.menu li a { display: block; padding: 0 10px; line-height: 100px; color: #fff; position: relative;font-size: 20px; }
.menu  li label { display: block; width: 0; height: 4px; background: #fff; margin: 0 auto;bottom: 0px; }
.menu  li.active label, .menu li a:hover label { width: 100%; }
.menu  li:last-child{margin-right: 0;}

.swiper1{height: 100%;}
.swiper1 .swiper-button-next,.swiper1 .swiper-button-prev{background: none;width: 66px;}
.swiper1 .swiper-button-next{right: 5%;}
.swiper1 .swiper-button-prev{left: 5%;}
.swiper1 .swiper-pagination-bullet{width: 48px;height: 6px;border-radius: 5px;}
.swiper1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 15px;}
.swiper1 .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 5%;}
.swiper1 .swiper-pagination-bullet-active{background: white;}
.swiper-container-horizontal>.pagination1{bottom: 5%;}

.swiper1 .img1 img { display: block; width: 100%; }
.swiper1 .text { position: absolute; left: 0; top: 50%; margin-top: -150px; line-height: 50px; text-align: center; width: 100%; color: #fff;  text-transform: uppercase; font-weight: normal;}
.swiper1 .text h1{font-weight: normal;font-size: 66px;}
.swiper1 .text p{font-size: 36px;margin: 60px 0;}
.swiper1 .text div{font-size: 30px;width: 438px;height: 88px;border: 1px solid white;line-height: 88px;margin: 0 auto;}

.section2,.section3,.section4{padding-top: 100px;}
.swiper2{padding-top: 50px;}
.pagination2 {top: 0;}
.swiper-container-horizontal>.pagination2{bottom: inherit;}
/*  */
.partTitle{color: #009eee;text-align: center;font-size: 36px;}
.partTitle h1{margin-top: 45px;}
.partTitle p{font-size: 22px;text-transform: uppercase;margin: 15px 0 45px 0;}
.serveBox{position: relative;}
.serveBox .img{position: relative;overflow: hidden;}
.serveBox .img img{display: block;}
.bgBlack{position: absolute;left: 0;bottom: 0;width: 100%;height: 182px;background: url(../img/bg4.png);
display: flex;opacity: 1;}
.bgBlack h3{font-size: 20px;color: white;}
.bgBlack p{font-size: 14px;color: white;margin-top: 10px;}
.word{position: absolute;left: 5%;bottom: 20%;width: 70%;}
.bgBlack img{position: absolute;right: 5%;bottom: 20%;}

.hideWord{position: absolute;left: 0;top:0;background: rgba(0,158,238,0.8);width: 82%;height: 100%;padding: 0 9%;opacity: 0;}
.hideWord h1{font-size: 32px;color: white;font-weight: normal;margin: 62px 0 45px 0;}
.hideWord ol li{list-style: square;color: white;}
.hideWord ol li span{font-size: 18px;color: white;}
.hideWord ol li p{font-size: 16px;color: white;margin: 10px 0 20px 0;line-height: 28px;}
.swiper2 .swiper-slide:hover .hideWord{opacity: 1;}
.swiper2 .swiper-slide:hover .bgBlack{opacity: 0;}

.section3{background-image: url(../img/banner5.png);background-size: 100% 100%; background-repeat: no-repeat;}
.section3 .wrap{height: 100%;}
.leftWord{color: white;width: 42%;}
.leftWord h1{font-size: 36px;margin: 40px 0 15px 0;}
.leftWord>span,.rightWord>span{font-size: 22px;text-transform: uppercase;}
.leftWord p.intro{font-size: 16px;text-align: justify;line-height: 30px;margin: 20px 0 20px 0;}
.original>div{margin-right: 70px;}
.original p{font-size: 36px;margin-bottom: 10px;}
.original sub{font-size: 22px;}
.rightWord {position: absolute;right: 3%;bottom: 20%;width: 42%;}
.rightWord h1{font-size: 36px;color: #009eee;margin-bottom: 20px;}
.rightWord>span{color: #009eee;}
.rightWord p{font-size: 16px;color: #292c2e;line-height: 30px;margin-top: 20px;}
.pic{display: none;}

.newsList{flex-wrap: wrap;justify-content:center;}
.newsList li{margin: 1%;width: 42%;cursor: pointer;}
.newsList li .img1{position: relative;color: white;overflow: hidden;}
.newsList li .img1 img{display: block;}
.newsList li .img1:hover img{transform: scale(1.1);}
.newsList li .mask{position: absolute;left: 0;top: 0%;bottom: 0;right: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);opacity: 0;}
.newsList li .img1:hover .mask{opacity: 1;}
.newsList li .cell{position: absolute;top:60%;left: 0;width: 100%;margin-top: -40px;text-align: center;opacity: 0;}
.newsList li .cell h4{font-size: 24px;transform: translateY(20px);}
.newsList li .cell p{font-size: 16px;transform: translateY(40px);margin: 30px 10% 0 10%;line-height: 30px;}
.newsList li .img1:hover .cell{top: 50%;opacity: 1;}
.newsList li .img1:hover .cell h4,.newsList li .img1:hover .cell p{transform: translateY(0px);}

.section5{background: #102e49;}
.footer{display: flex;flex-direction: column;align-content: stretch;}
.foot{background: #102e49;border-bottom: 1px solid #586d80;}
.foot .wrap{padding:2% 0;align-items: center;}
.fNav{margin-left: 19%;}
.fNav li{float: left;}
.fNav li a{margin: 0 15px;color: white;font-size: 18px;}
.copyright{line-height:60px ;text-align: center;background: #102e49;color: white}
.leavmsg{background: url(../img/bg3.png) no-repeat;background-size: cover;background-position: center center;}
.linkway{justify-content: space-between;padding: 3% 0;}
.linkway span{font-size: 28px;color: #292c2e;}
.linkway button{width: 100px;height: 46px;line-height: 46px;text-align: center;color: white;background: #009eee;border: none;font-size: 20px;cursor: pointer;}
.telBox{justify-content:space-between ;}
.telBox>div{width: 45%;position: relative;}
.telBox input{width: 95%;padding: 15px 20px;border-radius: 5px;font-size: 16px;border: none;}
.leavmsg{padding-bottom: 3%;}
.leavmsg textarea{height: 70px;border: none;padding:15px 20px ;border-radius: 5px;font-size: 16px;width: 97%;margin: 2% 0 0 0;}
.contact{padding: 5% 0;background: url(../img/bg1.png) no-repeat;background-size: cover;background-position: center center;}
.opac{background: url(../img/bg2.png) no-repeat;
width: 70%;margin: 0 auto;color: white;text-align: center;font-size: 16px;line-height: 35px;}
.opac h1{font-size: 28px;padding: 7% 0 4% 0;}
.opac span{margin-right: 4%;}

.tip{width: 100px;height: 50px;line-height: 50px;background: rgba(0,0,0,0.8);color: white;transform: translate(-50%,-50%);position: fixed; left:50%;top: 50%;text-align: center;border-radius: 5px;z-index: 99999999;display: none;}


@media only screen and (max-width: 1660px){
	.header{height: 72px;}
	.logo{line-height: 72px;}
	.menu li a{line-height: 70px;font-size: 16px;}
	.menu  li label{height: 3px;}
	.swiper1 .swiper-button-next,.swiper1 .swiper-button-prev{width: 44px;}
	.swiper1 .swiper-pagination-bullet{width: 24px;height: 3px;border-radius: 5px;}
	.swiper1 .text{margin-top: -80px;}
	.swiper1 .text h1{font-size: 40px;}
	.swiper1 .text p{font-size: 26px;margin: 30px 0;}
	.swiper1 .text div{font-size: 18px;width: 200px;height: 40px;line-height: 40px;}
	
	.swiper2{max-width: 1200px;margin: 0 auto;}
	.swiper2>.swiper-pagination-bullets .swiper-pagination-bullet{font-size: 16px;margin: 0 10px;}
	.partTitle h1{font-size: 28px;margin-top: 20px;}
	.partTitle p{font-size: 16px;margin-bottom: 20px;}
	.bgBlack h3{font-size: 16px;}
	.bgBlack p{font-size: 12px;}
	.bgBlack img{width: 24px;}
	.hideWord h1{font-size: 20px;margin: 30px 0 20px 0;}
	.hideWord ol li span{font-size: 14px;}
	.hideWord ol li p{font-size: 12px;line-height: 18px;margin: 5px 0 10px 0;}
	
	.pic{display: none;}
	.leftWord h1,.rightWord h1{font-size: 24px;margin: 10px 0 10px 0;}
	.leftWord>span, .rightWord>span{font-size: 16px;}
	.leftWord p.intro,.rightWord p{font-size: 14px;line-height: 18px;}
	.original p{font-size: 16px;}
	.original p sub{font-size: 12px;}
	.rightWord{bottom: 15%;}
	
	.section4 .wrap{width: 72%;}
	.newsList li{width: 32%;}
	.newsList li .cell h4{font-size: 16px;}
	.newsList li .cell p{font-size: 12px;line-height: 18px;}
	
	.contact{padding: 2% 0;}
	.opac h1 {padding: 10% 0 3% 0;}
	.opac{font-size: 14px;line-height: 22px;}
	.linkway{padding: 2% 0;}
	.linkway span{font-size: 22px;}
	.linkway button{width: 60px;height: 26px;line-height: 26px;font-size: 14px;}
	.telBox input,.leavmsg textarea{padding: 5px 10px;font-size: 14px;}
	.foot .wrap{padding: 1% 0;}
	.foot .wrap img{width: 100px;}
	.fNav{margin-left: 24%;}
	.fNav li a{font-size: 14px;}
	.leavmsg textarea{width: 98%;}
	.swiper2{padding-top: 15px;}
}

@media only screen and (max-width: 1024px){
	.header{background: transparent;}
	.section2, .section3, .section4{padding-top: 50px;}
	.hideWord h1{font-size: 16px;margin: 15px 0;}
	.section2{margin-bottom: 50px;}
	.newsList li{width: 100%;}
	.newsList li .img1 img{width: 100%;}
	.section5{margin-top: 4%;}
	.contact{padding-bottom: 5%;}
	.section3{padding-bottom: 30%;}
	.rightWord{bottom: -100%;}
	.leftWord{margin-left: 10px;}
	
	.newsList li .mask{opacity: 1;}
	.newsList li .cell{opacity: 1;}
	.newsList li .cell h4,.newsList li .cell p{transform: translateY(0px);}
	.newsList li .cell h4{font-size: 22px;}
	.newsList li .cell p{font-size: 14px;}
	.newsList li .cell{top: 50%;}
	
	.serveBox .img img{width: 100%;}
}


@media only screen and (max-width: 800px){
	.section2{padding-bottom: 20px;margin-bottom: 0px;}
	.swiper-container-thumbs{padding-top: 5%;}
	.swiper-container-thumbs .swiper-slide{opacity: 0;}
	/* .my-slide-thumb-active{color: red;} */
	.menu{position: fixed;height: 100%;background: #102e49;top: 0%;left: -100%;width: 100%;display: table}
	#myMenu ul{display: table-cell;vertical-align: middle;}
	.menu ul li {float: none;margin: 0 10px;text-align: center;margin: 0 35%;}
	/* .menu ul li:first-child label{display: block;} */
	.menu.flt{float: right;}
	.menu li:last-child{margin-right: 35%;}
	.on{left: 0;}
	.menu li label,.menu li.active label{width: 100%;display: none;}
	.menu li.active label{display: block;}
	.header{border-bottom: none;height: 50px;line-height: 50px;}
	.logo{width: 100px;line-height: 50px;}
	.wap_menu {position: absolute;top: 0;right: 10px;width: 50px;height: 50px;
		background: url(../img/nav.png) no-repeat center center;background-size: auto 22px;}
	.menu li{margin: 0 15px;}
	.swiper1 .swiper-button-next, .swiper1 .swiper-button-prev{display: none;}
	.swiper1 .text{margin-top: -10%;}
	.swiper1 .text h1{font-size: 16px;line-height: initial;}
	.swiper1 .text p{font-size: 12px;margin:10px 0;line-height: initial;}
	.swiper1 .text div{font-size: 12px;width: 120px;height: 34px;line-height: 34px;}
	.word{width: 72%;}
	.bgBlack p{line-height: 18px;}
	.partTitle h1{font-size: 20px;margin-top: 0;}
	.partTitle p{font-size: 14px;margin-bottom: 0;}
	.rightWord{bottom: -80%;}
	.leftWord{width: 46%;}
	
	.section2{padding-top: 30px;}
	.swiper2{padding-top: 70px;margin-top: 30px;}
	.word,.bgBlack img{bottom: 9%;}
	.hideWord ol li p{margin: 10px 0 15px 0;} 
	.swiper2 .swiper-pagination-bullets .swiper-pagination-bullet{background: none;width: auto;font-size: 14px!important;
	margin-bottom: 20px;opacity: 1;}
	.swiper2 .swiper-pagination-bullet-active{color: #009eee;}
	.serveBox{margin: 0 4%;}
	
	
	.section3{padding-bottom: 0;background: none;padding-top: 0;}
	.pic{display: block;}
	.leftWord{background: #009EEE;width: 80%;margin-left: 0;padding: 8%;margin-top: -6%;position: relative;}
	.leftWord h1, .rightWord h1{margin: 0;margin-bottom: 10px;}
	.original>div{margin-right: 30px;}
	.rightWord{position: relative;background: #f0f4f8;width: 80%;right: 0;left: 4%;margin-top: -6%;padding: 8%;}
	.hideWord{opacity: 1;background:rgba(0,0,0,0.5);width: 72%;padding: 0 14%;}
	.hideWord ol li p{margin: 15px 0;}
	.bgBlack{opacity: 0;}
	.hideWord h1{margin: 15% 0;}
	
	.section4{padding-top: 30px;}
	.section4 .wrap{width: 94%;}
	.section4 .partTitle p{margin-bottom: 20px;}
	
	.contact{padding-bottom: 10%;}
	.opac{width: 93%;}
	.opac p{font-size: 12px;}
	.opac h1{font-size: 20px;}
	.opac img{width: 12px;}
	.opac span{display: block;}
	.linkway{padding: 4% 0;}
	.linkway span{font-size: 16px;}
	.telBox>div{width: 48%;}
	.leavmsg{padding: 2% 3% 9% 3%;}
	label.error{font-size: 12px;bottom: -13px;}
	.leavmsg textarea{width: 94%;margin-top: 6%;}
	.telBox input{width: 87%;}
	.foot .wrap{flex-direction:column;align-items: center;padding: 7% 0;}
	.fNav{margin-left: 0;margin-top: 15px;}
	.fNav li a{font-size: 12px;margin: 0 8px;}
	.copyright{margin: 0 5%;line-height: 18px;padding: 3% 0;}
}