@charset "UTF-8";
/*通用样式*/
*{ margin:0; padding:0;}
body,ol,ul,h1,h2,h3,h4,h5,h6,dl,dt,dd,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0; font-family:"微软雅黑",'Microsoft Yahei',Tahoma,Arial,Helvetica,sans-serif;line-height: 20px;font-weight: normal}
body{font-size:14px; -webkit-text-size-adjust:100%; color:#333; background:#fff; }
em{font-style:normal}
li{list-style:none}
i{font-style:normal;}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
.clear{ clear:both;overflow: hidden; }
.clearfix { zoom:1; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#000; }
.container{
	width:1200px;
	margin: 0 auto;
}
.vertical-middle{display:table-cell;vertical-align: middle;}
.justify{display: flex;justify-content: space-between;}

/*头部样式*/
.banner{height:620px; position: relative;}
.banner1{background: url(../img/banner1.jpg) no-repeat top center;background-size: cover;height: 620px;}
.banner2{background: url(../img/banner2.jpg) no-repeat top center;background-size: cover;height: 620px;}
/* .banner .container {
	background: #000;
	height: 108px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
} */
.banner .swiper-container .swiper-slide{height: 620px;background-size: cover;position: relative;z-index: 999;background-repeat: no-repeat;}
.header{height: 108px;color: #FFFFFF; background: rgba(6, 63, 82, 0.6);}
.banner .fl-head{float: left;height: 108px;line-height: 108px; position: absolute; top: 0; z-index: 100;color: #FFFFFF;}
.banner .fl-head p{font-size: 32px;display: inline-block;margin-right: 5px;}
.banner .fr-head{float: right;font-size: 14px; position: absolute; top: 0; right: 0px; z-index: 100;}
.banner .fr-head ul li{float: left;margin-right: 45px;height: 108px;line-height: 108px;position: relative;}
.banner .fr-head ul li:last-child {margin-right: 0px;}
.banner .fr-head ul li a{display: block;color: #FFFFFF;font-size: 18px;}
.banner .fr-head ul li ul{display: none;}
.banner .fr-head ul li a.cur-nav{border-bottom: 2px solid #FFFFFF;}
.banner .fr-head ul li a:hover{border-bottom: 2px solid #FFFFFF;}
.banner .fr-head ul li:hover ul{display: block;position: absolute;top: 80px;left: -25px;    background: rgba(0,29,51,.7);}
.banner .fr-head ul li:hover ul li{display: block;float: none;height: 45px;line-height: 45px;width: 125px;margin-right: 0px;text-align: center;}
.banner .swiper-container { margin: 0; width: 100%;position: absolute;}
.banner .swiper-container .swiper-pagination-bullet{ background:#fff; opacity:.5; width:50px; height:3px; border-radius:0; }
.banner .swiper-container .swiper-pagination-bullet-active{ background:#33cde5;opacity:1;}
.header .fr-head ul li a.cur-nav{border-bottom: 2px solid #FFFFFF;}
.header .fr-head ul li a:hover{border-bottom: 2px solid #FFFFFF;}
.banner .swiper-slide .yx-text{font-size: 40px;}
.banner-text{width: 1200px;margin: 0 auto;margin-top: 250px;color: #FFFFFF;}
.banner .swiper-slide .fh-text{font-size: 30px;margin-top: 40px;}
.head-nav{position: absolute;z-index: 999;width: 1200px;}
/*优势区域开始*/
.adv{height: 200px;color: #FFFFFF;}
.adv .fl-adv{width: 40%;float: left;background: #00c2de;height: 200px;position: relative;}
.fl-adv-box{    width: 400px;height: 200px;float: right;text-align: center;display: table;}
.fr-adv-box{    width: 400px;height: 200px;float: left;text-align: center;display: table;}
.adv .fc-adv{width: 20%;float: left;background: #38a1ce;height: 200px;text-align: center;display: table;}
.adv .fr-adv{width:40%;float: right;background: #63b9ea;height: 200px;}
.adv .adv-num{font-size: 48px;color: #333;height: 50px;line-height: 50px;color: #FFFFFF;margin-bottom: 20px;}
.adv .adv-text p{font-size: 18px;margin-bottom: 10px;}
/*特点区域开始*/
.specialty{padding: 86px 0px;background: #f7f8fa;}
.specialty .tit{margin-bottom: 66px;}
.tit .tit-line{width:40px;height: 2px;background: #01c0dd;margin-bottom: 10px;}
.tit-name{font-size: 26px;color: #333;height: 30px;line-height: 30px;margin-bottom: 10px;}
.tit-intro{font-size: 20px;color: #666;}
.specialty-icon i{width: 40px;height: 40px;display: block;margin: 0 auto;}
.specialty-icon i.zz-icon{background: url(../img/zz.png);background-size: cover;}
.specialty-icon i.cb-icon{background: url(../img/cb.png);background-size: cover;}
.specialty-icon i.qd-icon{background: url(../img/qd.png);background-size: cover;}
.specialty-line{width: 26px;height: 3px;background: #000000;margin: 0 auto;}
.specialty-icon{margin-bottom: 30px;}
.specialty-intro{font-size: 24px;color: #333;margin-bottom: 10px;}
.specialty-english{font-size: 14px;color: #999;margin-bottom: 10px;}
.specialty-p{margin-top: 25px;}
.specialty-p p{font-size: 16px;color: #666;margin-bottom: 10px;}
.specialty-box ul li{background: #FFFFFF;width: 366px;float: left;text-align: center;height: 500px;display: table;margin-right: 50px; transition: all 1s linear;}
.specialty-box ul li:last-child{margin-right: 0px;}
.specialty-box ul li:hover{background: #00C2DE;margin-top: -26px;-webkit-box-shadow: #c7c7c7 0px 0px 18px;-moz-box-shadow: #c7c7c7 0px 0px 18px;box-shadow: #c7c7c7 0px 0px 18px;}
.specialty-box ul li:hover .specialty-line{background: #FFFFFF;}
.specialty-box ul li:hover .specialty-intro,.specialty-box ul li:hover .specialty-p p,.specialty-box ul li:hover .specialty-english{color: #FFFFFF;}
.specialty-box ul li:hover .specialty-icon i.cb-icon{background: url(../img/cb-white.png);background-size: cover;}
.specialty-box ul li:hover .specialty-icon i.zz-icon{background: url(../img/zz-white.png);background-size: cover;}
.specialty-box ul li:hover .specialty-icon i.qd-icon{background: url(../img/qd-white.png);background-size: cover;}
/*模式区域开始*/
.pattern{background: url(../img/ms.jpg) no-repeat;height: 735px; padding: 60px 0px 90px 0px;box-sizing: border-box;background-size: cover;}
.pattern .tit,.pattern .tit-intro,.pattern .tit-name{color: #FFFFFF;}
.pattern-box{margin-top: 36px;}
.pattern-box ul li{width: 300px;background: rgba(0,0,0,.6);color: #FFFFFF;padding:0px 55px 0px 20px;box-sizing: border-box;height: 476px;display: table;letter-spacing: 2px;float: left;    border-right: 1px solid #666;}
.pattern-box ul li:last-child{border-right: none;}
.pattern-box ul li .pattern-num{font-size: 40px;color: #FFFFFF;height: 40px;line-height: 40px;}
.pattern-box ul li:hover .pattern-num{color:  #00c1e0;}
.pattern-box ul li .pattern-icon{margin: 40px 0px;}
.pattern-box ul li .pattern-icon i{width: 40px;height: 40px;display: block;}
.pattern-box ul li .pattern-icon i.sj-icon{background: url(../img/sj.png);background-size: cover;}
.pattern-box ul li .pattern-icon i.cx-icon{background: url(../img/cx.png);background-size: cover;}
.pattern-box ul li .pattern-icon i.yy-icon{background: url(../img/yx.png);background-size: cover;}
.pattern-box ul li .pattern-icon i.cy-icon{background: url(../img/cy.png);background-size: cover;}
.pattern-box ul li .pattern-tit{font-size: 22px;margin-bottom: 14px;}
.pattern-box ul li .pattern-english{margin-bottom: 10px;}
.pattern-box ul li .pattern-line{width: 30px;height: 2px;background:#FFFFFF;margin-bottom: 20px;}
.pattern-box ul li .pattern-p p{line-height:26px;}
.line{width: 70px;height: 2px;background: #00c1e0;    margin: 0 auto; margin-top: 60px;}
/*解决方案区域开始*/
.solution .tit{padding: 86px 0px 38px 0px;}
.solution .fr-solution{width: 390px;position: absolute;right: 0;top: 45px;}
.fr-solution li{height: 106px;background: #5a5a5a;font-size: 22px;color: #fff;font-weight: bold;padding-left: 112px;border-bottom: 1px solid #525659;cursor: pointer; position: relative;}
.fr-solution li:hover {background: #00c2de;}
.fr-solution li p:nth-child(2) {font-size: 22px;padding-top: 30px; }
.fr-solution li p:last-child {font-size: 14px;padding-top: 24px; }.solution .solutionRight li i {position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 0;height: 0;border-top: 12px solid transparent;border-left: 12px solid #fff;border-bottom: 12px solid transparent;display: inline-block;display: none;}
.fr-solution li:hover i {display: block;}
.solution {margin: 10px auto;position: relative;background: #f7f8fa;}
.solution  .fl-solution {width: 850px;height: 520px;box-shadow:1px  0px 10px #eeeff1,-1px 0px 10px #eeeff1,0px 1px 10px #eeeff1,0px -1px 10px #eeeff1;background: #FFFFFF;}
.solution  .fl-solution ul{margin-left: 56px;}
.solution  .fl-solution li{padding-top: 46px;}
.solution .fl-solution li img{margin-left: 10px;}
.solution  .fl-solution ul li span{font-size: 18px;color:#333333;padding-left: 11px;    border-left: 2px solid #00c1dd;font-size: 16px;}
.solution  .fl-solution ul li p{font-size: 14px;color: #666666;padding: 14px 0 0 11px;}
.fr-solution li.active{background: #00c2de;}
.solution  .fr-solution ul li:hover i{display: block;}
.solution  .fr-solution ul li i {position: absolute;left: 0;top: 50%;transform: translateY(-50%); width: 0;height: 0;border-top: 12px solid transparent;border-left: 12px solid #fff;border-bottom: 12px solid transparent;display: inline-block;display: none;}
/*.solution  .fr-solution:last-child ul li:hovers i.sjx{display: block;}*/
.solution  .fr-solution ul li.active i{position: absolute;left: 0;top: 50%;transform: translateY(-50%); width: 0;height: 0;border-top: 12px solid transparent;border-left: 12px solid #fff;border-bottom: 12px solid transparent;display: inline-block;}
.solution  .fr-solution:last-child ul li.active i.sjx{position: absolute;left:378px!important;top: 50%;transform: translateY(-50%); width: 0;height: 0;border-top: 12px solid transparent;border-right: 12px solid #fff;border-left: none;border-bottom: 12px solid transparent;display: inline-block;}
.solution  .fr-solution:last-child ul li i.sjx {position: absolute;left:378px!important;top: 50%;transform: translateY(-50%); width: 0;height: 0;border-top: 12px solid transparent;border-right: 12px solid #fff;border-left: none;border-bottom: 12px solid transparent;display: inline-block;display: none;}
.solution  .fr-solution:last-child ul li:hover i{display: block;left: 378px;}
.solution-box{position: relative;padding-bottom: 106px;}
.solution .fr-solution:last-child{left: 0px;}
.solution .food{font-size: 18px;color: #666;line-height: 30px;padding: 0px 120px 0px 145px;margin: 80px 0px;}
.solution .food p{line-height: 30px;}
.consult-btn{padding: 0px 120px 0px 145px;}
.consult-btn a{font-size: 20px;color: #3d9aea;height: 60px;line-height: 60px;border:1px solid #3d9aea;width: 195px;display: block;border-radius: 10px;text-align: center;}
.food-img{padding: 0px 120px 0px 145px;margin-top: 35px;text-align: center;}
.food-img img{margin-right: 40px;}
.top{    position: fixed;right: 5px; top: 80%;}
.tel-box{background: #33cde5;height: 68px;line-height: 68px;width: 200px;color: #FFFFFF;text-align: center;border-top-left-radius: 10px;border-bottom-left-radius: 10px;    position: fixed;top: 250px;z-index: 99;right: 0px;}
.tel-box span{font-size: 18px;}
.tel-box i{background: url(../img/tel.jpg);width: 40px;height: 40px;display: inline-block;background-size: cover;vertical-align: middle;}
.phone-box{background: #33cde5;width: 200px;color: #FFFFFF;    position: fixed;right: 0px;top: 340px;z-index: 999;padding: 25px 0px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.phone-box .phone-tit{font-size: 18px;text-align: center;margin-bottom: 15px;}
.form{text-align: center;margin-bottom: 15px;}
.phone-box input{width: 178px;background: #FFFFFF;color: #a7a7a7;height: 50px;line-height: 50px;border-radius: 10px;border:none;text-align: center;outline: none;}
.phone-box .apply-btn{background: #00a6c9;color: #FFFFFF;font-size: 16px;width: 178px;border-radius: 10px;text-align: center;height: 50px;line-height: 50px;margin: 0 auto;cursor: pointer;}
/*底部样式*/
.footer{background: #373737;padding: 54px 0px 60px 0px;}
.footer-a{padding-bottom: 24px;border-bottom: 1px solid #5e5e5e;}
.footer-a ul li{width: 33.33%;float: left;text-align: center;}
.footer-a ul li div{display: inline-block;}
.footer-a ul li i{width: 60px;height: 60px;display: inline-block;vertical-align: middle;}
.footer-a ul li i.fa-icon{background: url(../img/fa.jpg);background-size: cover;}
.footer-a ul li i.fb-icon{background: url(../img/fb.jpg);background-size: cover;}
.footer-a ul li i.fc-icon{background: url(../img/fc.jpg);background-size: cover;}
.footer-a ul li span{font-size: 20px;color: #FFFFFF;}
.footer-b{margin: 60px 0px;}
.footer-b .fl-footer{width: 70%;float: left;color: #FFFFFF;}
.footer-b .fl-footer ul li{float: left;width: 25%;}
.footer-b .fl-footer ul li p{margin-bottom: 36px;}
.footer-b .fl-footer ul li span{font-size: 20px;margin-bottom: 42px;display: block;border-left:3px solid #00c1e0;padding-left: 10px;    height: 30px;line-height: 30px;}
.footer-b .fl-footer ul li em{display: block;font-size: 18px;display: block;margin-bottom: 10px;}
.footer-b .fl-footer ul li .position{margin-top: 42px;}
.footer-b .fl-footer ul li{font-size: 18px;}
.footer-b .fr-footer{width: 30%;float: left;text-align: center;}
.footer-c{color: #FFFFFF;font-size: 14px;text-align: center;}