
/* CSS Document */
html,body{
	margin:0;
	padding:0;
	font-size:14px;
	font-family:"微软雅黑", Arial, Helvetica, sans-serif;
	position: relative;
	background: #fff;
	text-align: justify;
	}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,textarea,img,a,span{
	margin:0;
	padding:0;
	list-style:none;
	border:0;
	font-weight: normal;
	font-size: 14px;
	/*transition:all 0.2s ease-in-out;*/
	}
@font-face {
    font-family: 'KAITISJ';
    src: url('http://dzsb.hisense.com/font/KAITISJ.woff');
    src: url('../font/FZWBJW.TTF') format('truetype'),
    font-weight: normal;
    font-style: normal;
}			
a{text-decoration:none;}
.clear{clear: both;}
.hide{display: none;}

.pro .li_ups .pro1 p{height: auto}


input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
}
textarea {  -webkit-appearance: none;}
/*nav*/
.head{width: 90%;height: 90px;background: #fff;position: fixed;top: 0;left: 0;z-index: 99999999;padding: 0 5%;}
.logo{width: 10%;float: left;margin-top: 33px;}
.logo img{width: 100%;display: block;}
.head1{float: left;color: #009ea1;font-size: 20px;font-weight: bold;margin-top: 36px;margin-left: 10px;letter-spacing: 1px;}
.head2{width: 53%;float: right;}
.nav{float: left;width: 90%;}
.nav li{float: left;margin-left: 4.8%;position: relative;}
.nav li h1{line-height: 90px;}
.nav li h1 a{display: block;}
.nav li h1 a span{color: #655f6b;font-size: 18px;padding-bottom: 5px;position:relative;}
.nav li:hover a span{color: #009ea1;}
.nav li:nth-of-type(1){margin-left: 0;}
.nav li h1 a span:after{position:absolute;left:50%;right:50%;bottom:0;right:0;width:0;height:2px;line-height:0;background:#009ea1; content: "";transition:all 0.6s linear;}
.nav li h1 a:hover span:after{width:100%;left:0;right:0;}
.nav .ua1 span{background: url(../image/bg.jpg) center bottom no-repeat;}
.lan{float: right;width: 21px;height: 21px;border-radius: 100%;line-height: 21px;border: 1px solid #655f6b;
text-align: center;margin-top: 33px;display: none}
.lan a{display: block;color: #655f6b;font-size: 11px;letter-spacing: normal;}
.search{float: right;margin-top: 33px;margin-right: 15px;cursor: pointer;}
.search img{display: block;width: 26px;}
.navchild{width: 1610px;position: absolute;top: 98px;left: -960px;z-index: 9999999999;height: 0;overflow: hidden;transition:all 0.5s ease-in-out;}
.navchild dl{width: 21%;float: left;padding-top: 18px;}
.navchild dl h2{color: #333333;font-size: 20px;font-weight: bold;}
.navchild dl img{display: block;margin-top: 30px;margin-bottom: 30px;}
.navchild dl dt{height: 34px;line-height: 34px;overflow: hidden;}
.navchild dl dt a{color: #333333;font-size: 16px;display: block;letter-spacing: normal;}
.navchild dl:nth-of-type(2){width: 25%;}
.navchild dl:nth-of-type(5){width: 10%;}
.navchild dl dt:hover a{color: #009ea1;text-decoration: underline;}
.bg1{width: 100%;height: 0;background: rgba(255,255,255,0.9);position: fixed;top: 90px;left: 0;border-top: 1px solid #cccccc;
z-index: 9999;transition:all 0.5s ease-in-out;}
.active2{height: 400px !important;}
.active3{height: 400px !important;}
/*搜索*/
.find{width: 100%;background: rgba(255,255,255,0.9);height: 0;position: fixed;top: 90px;left: 0;
z-index: 999;transition:all 0.2s ease-in-out;overflow: hidden;border-top: 1px solid #cccccc;}
.find1{width: 60%;margin: auto;border-bottom: 1px solid #000;overflow: hidden;padding-top: 70px;}
.find1a{width: 90%;height: 50px;float: left;}
.find1a input{width: 100%;height: 100%;background: none;outline: none;}
.find1b{width: 10%;height: 50px;float: left;}
.find1b input{width: 100%;height: 100%;background: url(../image/icon2.png) center no-repeat;
outline: none;background-size: 20px;cursor: pointer;}
.active1{height: 200px !important;}
.bot_icon{width:100%;position:absolute;bottom:20px;left:0;text-align:center;z-index:999;animation:boticon 1s infinite;}
@keyframes boticon {
  0% {transform:translatey(-8px)}
  50% {transform:translatey(0)}
  100% {transform:translatey(-8px)}
}
@-webkit-keyframes boticon {
  0% {transform:translatey(-8px)}
  50% {transform:translatey(0)}
  100% {transform:translatey(-8px)}
}


/*第一页*/
.page{width:100%;height:100%;overflow:hidden;position:absolute;left:0;top:0;}
.page1_bg{position: relative;background: #f9f9f9;background-size: cover;overflow:hidden;}
.banner{width: 100%;height: 100%;}
.banner .swiper-container {width: 100%;height: 100%;}
.banner .swiper-slide{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;
-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;position: relative;cursor: pointer}


.ban1{position: absolute;top: 250px;left: 15%;z-index: 99}
.ban1 h1{color: #fff;font-size: 45px;letter-spacing: 3px;margin-bottom: 30px}
.ban1 p{font-size: 20px;color: #fff;}
.ban1 span{width: 150px;height: 40px;background: #009ea1;font-size: 16px;line-height: 40px;
	color: #fff;display: block;text-align: center;letter-spacing: 2px;margin-top: 80px}

.ban2{position: absolute;top: 250px;left: 15%;z-index: 99}
.ban2 h1{color: #fff;font-size: 45px;letter-spacing: 3px;margin-bottom: 30px}
.ban2 p{font-size: 20px;color: #fff;line-height: 30px}
.ban2 span{width: 150px;height: 40px;background: #009ea1;font-size: 16px;line-height: 40px;
	color: #fff;display: block;text-align: center;letter-spacing: 2px;margin-top: 40px}

.ban3{position: absolute;top: 350px;right: 12%;z-index: 99;text-align: right}
.ban3 h1{color: #fff;font-size: 45px;letter-spacing: 3px;margin-bottom: 30px}
.ban3 p{font-size: 20px;color: #fff;line-height: 30px}
.ban3 h2{overflow: hidden;}
.ban3 span{width: 150px;height: 40px;background: #009ea1;font-size: 16px;line-height: 40px;
	color: #fff;display: block;text-align: center;letter-spacing: 2px;margin-top: 40px;float: right}

.ban4{position: absolute;top: 250px;left: 0;z-index: 99;text-align: center;width: 100%}
.ban4 h1{color: #fff;font-size: 45px;letter-spacing: 3px;margin-bottom: 30px}
.ban4 p{font-size: 20px;color: #fff;line-height: 30px}
.ban4 span{width: 150px;height: 40px;background: #009ea1;font-size: 16px;line-height: 40px;
	color: #fff;display: block;text-align: center;letter-spacing: 2px;margin: auto; margin-top: 40px}

/*第二页*/
.page2_bg{position: relative;background: url(../image/bg2.jpg) center top no-repeat;background-size: cover;overflow:hidden;}
.page2_bg canvas{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.all1{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.pic1{width: 50%;height: 100%;float: right;position: relative;opacity: 0;transform: translateX(105px);transition: all 1s ease 0.2s;}
.active .pic1{opacity: 1;transform: translateX(0);}
.pic1 .swiper-container {width: 100%;height: 100%;}
.pic1 .swiper-slide{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;
-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.pic1 .swiper-pagination{bottom: 70px !important;}
.pic1 .swiper-pagination-bullet{width: 13px;height: 13px;display: inline-block;vertical-align: top;
background: url(../image/bg1b.png) center no-repeat;background-size: 100% 100%;}
.pic1 .swiper-pagination-bullet-active{background: url(../image/bg1a.png) center no-repeat;background-size: 100% 100%;}
.pic1 .swiper-button-next{width: 63px;height: 93px;position: absolute;top: 50%;margin-top: -31.5px;left: 0;
background: url(../image/left1.png) center no-repeat;transition:all 0.2s ease-in-out;}
.pic1 .swiper-button-prev{width: 63px;height: 93px;position: absolute;top: 50%;margin-top: -31.5px;left: auto;right: 0;
background: url(../image/right1.png) center no-repeat;transition:all 0.2s ease-in-out;}
.pic1 .swiper-button-next:hover{background: url(../image/left1a.png) center no-repeat;}
.pic1 .swiper-button-prev:hover{background: url(../image/right1a.png) center no-repeat;}
.sypro{float: left;padding-left: 6.7%;opacity: 0;transform: translateX(-105px);transition: all 1s ease 0.2s;}
.active .sypro{opacity: 1;transform: translateX(0);}
.index1 h1{color: #6a6a6a;font-size: 36px;font-weight: bold;padding-top: 300px;}
.index1 p{color: #8b8b8b;font-size: 18px;font-weight: lighter;margin-top: 15px;}
.index1 img{display: block;margin-top: 25px;}
.sypro1{margin-top: 80px;}
.sypro1 li{width: 283px;height: 36px;border: 1px solid #9f9f9f;text-align: center;line-height: 36px;margin-top: 20px;transition:all 0.2s ease-in-out;}
.sypro1 li a{color: #6a6a6a;font-size: 18px;display: block;letter-spacing: 1px;transition:all 0.2s ease-in-out;}
.sypro1 li:hover{background: #009EA1;border-color: #009EA1;}
.sypro1 li:hover a{color: #fff;}
/*第三页*/
.page3_bg{position: relative;background: url(../image/bg3.jpg) center top no-repeat;background-size: cover;overflow:hidden;}
.padding2{padding: 0 6%;}
.all2{background: url(../image/bg4.jpg) center top no-repeat;}
.index2{text-align: center;color: #fff;font-size: 36px;font-weight: bold;padding-top: 180px;opacity: 0;transform: translateY(-105px);transition: all 1s ease 0.2s;}
.active .index2{opacity: 1;transform: translateY(0);}
.sycase{padding-top: 120px;position: relative;}
.sycase .swiper-container{width: 94%;margin: auto;padding: 30px 0;opacity: 0;transform: translateY(105px);transition: all 1s ease 0.2s;}
.active .sycase .swiper-container{opacity: 1;transform: translateY(0);}
.sycase .swiper-slide{background: #fff;transition:all 0.4s ease-in-out;}
.pic2 img{width: 100%;display: block;}
.sycase1{padding: 35px 10%;}
.sycase1 h1{color: #6a6a6a;font-size: 18px;border-left: 4px solid #6a6a6a;height: 20px;line-height: 20px;overflow: hidden;
padding-left: 13px;background: url(../image/bg7.png) right center no-repeat;background-size: 18px;}
.sycase .swiper-button-next{width: 13px;height: 23px;position: absolute;top: 360px;right: 0;left: auto;
background: url(../image/right2.png) center no-repeat;background-size: 100% 100%;}
.sycase .swiper-button-prev{width: 13px;height: 23px;position: absolute;top: 360px;left: 0;right: auto;
background: url(../image/left2.png) center no-repeat;background-size: 100% 100%;}
.sycase  .swiper-slide:hover{background: #009EA1;transform: scale(1.1);}
.sycase  .swiper-slide:hover .sycase1 h1{color: #fff;border-color: #fff;background: url(../image/bg7a.png) right center no-repeat;background-size: 18px;}
.sycase .swiper-pagination{bottom: auto;top: 25px;left: 0;width: 100%;opacity: 0;transform: translateY(-105px);transition: all 1s ease 0.2s;}
.active .swiper-pagination{opacity: 1;transform: translateY(0);}
.sycase .swiper-pagination .swiper-pagination-bullet{width: 90px;height: 13px;background: none;color: #fff;
text-align: center;line-height: 13px;margin: 0;background: url(../image/bg5.jpg) left center no-repeat;padding: 5px 0;}
/*.sycase .swiper-pagination .swiper-pagination-bullet:nth-of-type(1){background: none;}*/
.sycase .swiper-pagination .swiper-pagination-bullet:nth-of-type(1)::before{content: "ICT行业";color: #fff;font-size: 16px;}
.sycase .swiper-pagination .swiper-pagination-bullet:nth-of-type(2)::before{content: "轨道交通";color: #fff;font-size: 16px;}
.sycase .swiper-pagination .swiper-pagination-bullet:nth-of-type(3)::before{content: "政企事业";color: #fff;font-size: 16px;}
.sycase .swiper-pagination .swiper-pagination-bullet:nth-of-type(4)::before{content: "教育文化";color: #fff;font-size: 16px;}
.sycase .swiper-pagination .swiper-pagination-bullet:nth-of-type(5)::before{content: "石油石化";color: #fff;font-size: 16px;}
.sycase .swiper-pagination .swiper-pagination-bullet:nth-of-type(6)::before{content: "医疗行业";color: #fff;font-size: 16px;}
.sycase .swiper-pagination .swiper-pagination-bullet:nth-of-type(7)::before{content: "制造行业";color: #fff;font-size: 16px;}
.sycase .swiper-pagination .swiper-pagination-bullet:nth-of-type(8)::before{content: "电力行业";color: #fff;font-size: 16px;}
.sycase .swiper-pagination .swiper-pagination-bullet:nth-of-type(9)::before{content: "金融行业";color: #fff;font-size: 16px;}

.sycase .swiper-pagination .swiper-pagination-bullet-active{
	background: url(../image/bg5.jpg) left center no-repeat,url(../img/bg8.png) center bottom no-repeat;
}
/*第四页*/
.page4_bg{position: relative;background: url(../image/bg2.jpg) center top no-repeat;background-size: cover;overflow:hidden;}
.page4_bg canvas{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.all3{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.padding3{padding: 0 15%;}
.index3{overflow: hidden;padding-top: 190px;opacity: 0;transform: translateY(-105px);transition: all 1s ease 0.2s;}
.active .index3{opacity: 1;transform: translateY(0);}
.index3 h1{float: left;color: #6a6a6a;font-size: 36px;font-weight: bolder;background: url(../image/bg9.jpg) left bottom no-repeat;
padding-bottom: 25px;}
.index3 a{float: right;color: #fff;font-size: 16px;width: 87px;height: 28px;background: #009ea1;text-align: center;
line-height: 28px;margin-top: 10px;}
.synews{overflow: hidden;margin-top: 40px;}
.synews1{width: 34%;float: left;background: #fff;padding-top: 50px;padding-bottom: 45px;opacity: 0;transform: translateX(-105px);transition: all 1s ease 0.2s;}
.active .synews1{opacity: 1;transform: translateX(0);}
.synews1 a{padding: 0 10%;display: block;}
.synews1 span{display: block;color: #009ea1;font-size: 25px;}
.synews1a{border-bottom: 1px solid #009EA1;padding-bottom: 30px;margin-top: 25px;}
.synews1a h1{color: #009EA1;font-size: 18px;line-height: 23px;height: 46px;overflow: hidden;font-weight: bold;}
.synews1 p{color: #009ea1;line-height: 24px;height: 72px;overflow: hidden;margin-top: 20px;}
.synews1 img{width: 100%;display: block;margin-top: 20px;}
.synews2{width: 60%;float: right;opacity: 0;transform: translateX(105px);transition: all 1s ease 0.2s;}
.active .synews2{opacity: 1;transform: translateX(0);}
.synews2 li{overflow: hidden;border-top: 1px solid #009EA1;padding-top: 30px;margin-top: 30px;}
.synews2 li:nth-of-type(1){padding-top: 0;margin-top: 0;}
.pic3{width: 29%;float: left;}
.pic3 img{width: 100%;display: block;}
.synews2a{width: 65%;float: right;}
.synews2a h1{color: #6a6a6a;font-size: 18px;font-weight: bold;height: 40px;line-height: 40px;overflow: hidden;}
.synews2a p{color: #6a6a6a;line-height: 25px;height: 50px;overflow: hidden;margin-top: 15px;}
.synews2a span{display: block;color: #6a6a6a;height: 23px;line-height: 23px;overflow: hidden;
background: url(../image/bg7.png) right center no-repeat;background-size: 23px;margin-top: 15px;}
.synews2 li:nth-of-type(1){border: none;}
/*第四页*/
.page6_bg{position: relative;background: url(../image/bg26.jpg) center top no-repeat;background-size: cover;overflow:hidden;}
.xin{width: 84%;position: absolute;top: 0;left: 0;z-index: 999}
.xin2{transform: translateX(-305px);transition: all 1s ease 0.2s;}
.active .xin2{opacity: 1;transform: translateX(0);}
.xin2 h1{color: #fff;font-size: 36px;padding-top: 360px;font-weight: bold}
.xin2a{width: 30%;color: #fff;line-height: 30px;margin-top: 50px;font-size: 16px;text-align: justify;}
.background{transition: all 15s ease 0.2s;}
.page6_bg:hover .background{transform: scale(1.2);}
/*第五页*/
.page5_bg{background: url(../image/bg10.jpg) center top no-repeat;background-size: cover}
.padding4{padding: 0 9%;}
.index4{text-align: center;padding-top: 160px;opacity: 0;transform: translateY(-105px);transition: all 1s ease 0.2s;}
.active .index4{opacity: 1;transform: translateY(0);}
.index4 h1{color: #6a6a6a;font-size: 36px;font-weight: bold;}
.index4 p{color: #6a6a6a;font-size: 16px;margin-top: 20px;}
.index4 img{display: block;margin: auto;margin-top: 30px;}
.partner{overflow: hidden;margin-top: 40px;}
.partner li{width: 11.3%;float: left;margin-top: 20px;margin-left: 1.3%;}
.partner li img{width: 100%;display: block;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;opacity: 0.7;transition:All 0.2s ease-in-out;}
.partner li:nth-of-type(8n-7){margin-left: 0;}
.partner li:hover img{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);
-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter: gray;opacity: 1;}
/*foot*/
.foot{background: #313131;overflow: hidden;}
.foot1{float: left;color: #fff;font-size: 16px;line-height: 185px;}
.foot2{float: right;text-align: center;margin-top: 32px;}
.foot2 p{color: #ffffff;margin-top: 12px;}
.foot2 img{display: block;margin: auto;}

/*关于我们*/
.banner1{margin-top: 88px;position: relative;} 
.banner1 .ua2{width: 100%;display: block;}
.position{width: 100%;position: absolute;top: 0;left: 0;text-align: center;}
.position h1{color: #fff;font-size: 52px;font-weight: 550;padding-top: 195px;}
.position p{color: #fff;font-size: 30px;margin-top: 5px;}
.position ul{width: 52%;margin: auto;margin-top: 10px;}
.position ul li{display: inline-block;vertical-align: top;border-left: 3px solid #fff;height: 30px;line-height: 30px;margin-top: 15px;}
.position ul li a{display: block;color: #fff;font-size: 30px;padding: 0 30px;transition:all 0.4s ease-in-out;}
.position ul li:nth-of-type(1){border: none;}
.position ul li a:hover{color: #009ea1}
.now{width: 84%;padding: 0 8%;height: 50px;background: rgba(0,0,0,0.4);position: absolute;
bottom: 0;left: 0;overflow: hidden;line-height: 50px;}
.now img{float: left;width: 20px;margin-top: 15px;}
.now ul{float: left;}
.now ul a{color: #fff;font-size: 16px;background: url(../image/icon3.png) left center no-repeat;padding-left: 23px;margin-left: 20px;}
.now ul a:nth-of-type(1){padding-left: 10px;background: none;margin-left: 0;}
.now ul a:hover{color: #009EA1;}
.now ul a:last-child{color: #009EA1;}
.know{width: 100%;overflow: hidden;margin-top: 100px;}
.pic4{width: 46%;float: left;position: relative;}
.pic4 img{width: 100%;display: block;}
.pic4 h1{width: 134px;height: 2px;background: url(../image/bg12.png) center no-repeat;background-size: 100% 100%;
position: absolute;top: 100px;right: -67px;}
.know1{width: 42%;float: right;margin-right: 8%;margin-top: 70px;}
.know1 h1{color: #333333;font-size: 36px;font-weight: bold;}
.know1 h2{color: #009EA1;font-size: 24px;margin-top: 50px;}
.know1a{color: #333333;font-size: 18px;line-height: 32px;margin-top: 20px;}
.know1a p{margin-top: 7px;font-size: 16px}
.hangye{width: 100%;overflow: hidden;margin-top: 100px;}
.hangye li{width: 32%;float: left;background: #f7f7f7;border-bottom: 1px solid #009ea1;height: 760px;margin-left: 2%;
transition:all 0.4s ease-in-out;}
.hangye li h1{width: 85%;margin: auto;color: #333333;font-size: 30px;font-weight: bold;margin-top: 35px;transition:all 0.4s ease-in-out;}
.hangye li p{width: 85%;margin: auto;color: #333333;font-size: 16px;line-height: 35px;margin-top: 35px;transition:all 0.4s ease-in-out;}
.pic5{overflow: hidden;}
.pic5 img{width: 100%;display: block;transition:all 2s ease-in-out;}
.hangye li:hover{background: #009EA1;}
.hangye li:hover h1{color: #fff;}
.hangye li:hover p{color: #fff;}
.hangye li:hover .pic5 img{transform: scale(1.1);}
.hangye li:nth-of-type(1){margin-left: 0;}
.culture{width: 100%;height: 860px;position: relative;
margin-top: 100px;margin-bottom: 100px;}
.padding5{padding: 0 8%;}
.culture1{overflow: hidden;width: 84%;position: absolute;top: 0;left: 0;z-index: 99;}
.culture2{width: 54%;float: left;overflow: hidden;padding-top: 215px;}
.culture2 li{width: 45%;float: left;height: 140px;padding: 10px 10px 5px 10px;border-radius: 10px;
background: rgba(255,255,255,0.7);overflow: hidden;margin-top: 36px;transition:all 0.4s ease-in-out;}
.culture2 dl{width: 45%;float: left;height: 140px;padding: 10px 10px 5px 10px;border-radius: 10px;
overflow: hidden;margin-top: 36px;}
.culture2 li h1{color: #fff;font-size: 36px;font-weight: bold;background: url(../image/bg14.jpg) left bottom no-repeat;
padding-bottom: 28px;padding-top: 20px;}
.culture2 dl h1{color: #fff;font-size: 36px;font-weight: bold;background: url(../image/bg14.jpg) left bottom no-repeat;
padding-bottom: 28px;padding-top: 20px;}
.culture2 li img{width: 44%;float: left;border-radius: 10px;}
.culture2 li ul{width: 50%;float: right;margin-top: 25px;}
.culture2 li ul h2{color: #333333;font-size: 30px;font-weight: bold;transition:all 0.4s ease-in-out;}
.culture2 li ul p{color: #333333;font-size: 16px;margin-top: 10px;transition:all 0.4s ease-in-out;}
.culture2 li:nth-of-type(1){float: right;}
.culture2 li:nth-of-type(2n){float: right;}
.culture2 li:hover{background: rgba(53,177,179,0.65);}
.culture2 li:hover ul h2{color: #fff;}
.culture2 li:hover ul p{color: #fff;}
/*.culture2 .selected {background: rgba(53,177,179,0.65);}
.culture2 .selected ul h2{color: #fff;}
.culture2 .selected ul p{color: #fff;}*/

.culture3{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.culture3 ul{width: 100%;height: 100%;transition:all 0.4s ease-in-out;opacity: 1}
/*内页foot*/
.foota{background: #313131;overflow: hidden;padding-top: 40px;padding-bottom: 40px;}
.foota1{width: 60%;float: left;overflow: hidden;}
.foota1 ul{width: 20%;float: left;line-height: 36px;}
.foota1 ul h1{color: #ffffff;font-size: 20px;margin-bottom: 30px;}
.foota1 ul li a{display: block;color: #b2b2b2;font-size: 16px;}
.foota1 ul dl{overflow: hidden;}
.foota1 ul dl dt{width: 50%;float: left;}
.foota1 ul dl dt a{display: block;color: #b2b2b2;font-size: 16px;}
.foota1 ul:nth-of-type(1){width: 14%;}
.foota1 ul:nth-of-type(2){width: 22%;}
.foota1 ul:nth-of-type(3){width: 22%;margin-left: 5%;}
.foota1 ul:nth-of-type(4){width: 15%;margin-left: 3%;}
.foota1 ul:nth-of-type(5){width: 17%;float: right;}
.foota2{float: right;overflow: hidden;}
.foota2 img{float: left;}
.foota2 ul{float: right;margin-left: 16px;margin-top: 8px;}
.foota2 ul h1{color: #cccccc;font-size: 18px;}
.foota2 ul h2{color: #cccccc;font-size: 18px;margin-top: 50px;}
.foota2 ul h3{color: #ffffff;font-size: 24px;font-weight: bold;margin-top: 5px;}
.foota3{height: 50px;line-height: 50px;background: #1f1f1f;color: #808080;font-size: 16px;}
.foota3 p{float: left}
.foota3 li{width: 145px;float: right;background: url(../image/bg27a.png) 110px center no-repeat;
border-right: 1px solid #313131;text-align: center;background-size: 15px;cursor: pointer;position: relative;}
.foota3 li:nth-of-type(2){border-left: 1px solid #313131;}
.foota3 li:hover{background: #009EA1 url(../image/bg27b.png) 110px center no-repeat;background-size: 15px;}
.foota3 li:hover h1{color: #fff;}

.bg2{width: 100%;height: 100px;background: #313131;position: absolute;bottom: 50px;left: 0;border-top: 1px solid #666666;display: none;}




.demo2{width: 1600px;position: absolute;top: -95px;left: 50%;margin-left: -1330px;overflow: hidden;z-index: 99999;display: none;}
.demo2 ul{padding-bottom: 30px;overflow: hidden;padding-top: 20px;}
.demo2 dt{float: left;height: 30px;line-height: 30px;margin-right: 2%;width: 7%;overflow: hidden}
.demo2 dt a{color: #fff;}
.demo2 dt:hover{background: #009EA1;color: #fff;}
.demo3{width: 1600px;position: absolute;top: -95px;left: 50%;margin-left: -1500px;overflow: hidden;z-index: 999999;display: none;}
.demo3 ul{padding-bottom: 30px;overflow: hidden;padding-top: 20px;height: 50px}
.demo3 dt{float: left;height: 30px;line-height: 30px;margin-right: 2%;}
.demo3 dt a{color: #fff;padding: 0 15px}
.demo3 dt:hover{background: #009EA1;color: #fff;}

.active01{background: #009EA1 url(../image/bg27b.png) 110px center no-repeat !important;background-size: 15px;}
.active01 h1{color: #fff !important}
/*场景案例*/
.case{position: relative;margin-top: 100px;padding-bottom: 50px;}
.case .swiper-container {width: 100%;}
.case .swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;position: relative;
justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.case .swiper-slide img{width: 100%;display: block;}
.case .swiper-button-next{width: 50px;height: 90px;background: rgba(255,255,255,0.7) url(../image/left3.png) center no-repeat;
left: 0;top: 50%;margin-top: -45px;}
.case .swiper-button-prev{width: 50px;height: 90px;background: rgba(255,255,255,0.7) url(../image/right3.png) center no-repeat;
top: 50%;margin-top: -45px;right: 0;}
.case .swiper-pagination{width: 100%;position: absolute;bottom: 0;left: 0;}
.case .swiper-pagination .swiper-pagination-bullet{width: 60px;height: 3px;background: #e6e6e6;margin: 0 5px;}
.case .swiper-pagination .swiper-pagination-bullet-active{background: #009EA1;}
.case1{width: 28%;position: absolute;top: 65px;left: 50%;margin-left: -42%;z-index: 9999;}
.demo1{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(../image/bg28.png) left center no-repeat;z-index: 99}
.case1 h1{color: #fff;font-size: 32px;font-weight: bold;background: url(../image/bg15.jpg) left bottom no-repeat;
padding-bottom: 35px;}
.case1 ul{overflow: hidden;color: #fff;line-height: 30px;margin-top: 20px;font-size: 16px;}
.caseList{overflow: hidden;}


.caseList li{width: 31%;float: left;position: relative;margin-top: 50px;margin-left: 3.5%;overflow: hidden;}
.caseList li img{width: 100%;display: block;transition:all 2s ease-in-out;}
.caseList li:hover img{transform: scale(1.1);}
.caseList li h1{height: 40px;width: 94%;padding: 0 3%;background: rgba(51,177,180,0.8);position: absolute;
bottom: -40px;left: 0;line-height: 40px;overflow: hidden;color: #fff;font-size: 16px;transition:all 0.5s ease-in-out;}
.caseList li:nth-of-type(3n-2){margin-left: 0;}

.caseList li:hover h1{bottom: 0;}
.loading{width: 47%;height: 42px;text-align: center;line-height: 42px;margin: auto;margin-top: 85px;margin-bottom: 120px;}
.loading a{display: block;background: #e6e6e6;color: #333333;font-size: 16px;transition:all 0.4s ease-in-out;}
.loading a:hover{background: #009EA1;color: #fff;}
.amap-toolbar,.amap-copyright, .amap-logo,.amap-scalecontrol,.amap-overviewcontrol{z-index: 10 !important}
/*新闻列表*/
.news{margin-top: 100px;}
.news li{overflow: hidden;margin-top: 40px;}
.pic6{width: 31%;float: left;}
.pic6 img{width: 100%;display: block;}
.news li ul{width: 66%;float: right;margin-top: 15px;}
.news li ul h1{color: #333333;font-size: 24px;font-weight: bold;height: 30px;line-height: 30px;overflow: hidden;}
.news li ul span{display: block;color: #666666;font-size: 18px;margin-top: 25px;}
.news li ul p{color: #666666;font-size: 18px;line-height: 37px;height: 74px;overflow: hidden;margin-top: 20px;}
.news li ul h2{width: 44px;height: 5px;background: url(../image/bg16a.png) center no-repeat;background-size: 100% 100%;margin-top: 35px;}
.news li:hover h1{color: #009EA1;}
.news li:hover span{color: #009EA1;}
.news li:hover p{color: #009EA1;}
.news li:hover h2{background: url(../image/bg16b.png) center no-repeat;background-size: 100% 100%;}
.fenye{text-align: center;margin-top: 100px;margin-bottom: 100px;font-size: 0;}
.fenye a{display: inline-block;vertical-align: top;height: 45px;background: #e6e6e6;line-height: 45px;color: #333333;
font-size: 16px;padding: 0 17px;margin: 0 3px;}
.fenye a:hover{background: #009EA1;color: #fff;}
.fenye a.page-num-current{background: #009EA1;color: #fff;}
/*新闻详情*/
.title1{text-align: center;margin-top: 65px;}
.title1 h1{color: #333333;font-size: 36px;font-weight: bold;}
.title1 span{display: block;color: #666666;font-size: 18px;margin-top: 25px;}
.title1 span img{display: inline-block;vertical-align: top;width: 18px;margin-top: 3px;margin-right: 7px;}
.content1{color: #333333;font-size: 18px;line-height: 36px;margin-top: 80px;}
.content1 img{max-width: 100%;}
.content1 h1{text-align: center;font-size: 30px;}
.xyp{overflow: hidden;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;height: 75px;line-height: 75px;
margin-top: 105px;margin-bottom: 115px;}
.xyp li{width: 40%;float: left;background: url(../image/bg17a.png) left center no-repeat;}
.xyp li a{display: block;color: #333333;font-size: 16px;padding-left: 35px;}
.xyp li:nth-of-type(2){background: url(../image/bg17b.png) right center no-repeat;text-align: right;float: right;}
.xyp li:nth-of-type(2) a{padding-left: 0;padding-right: 35px;}
.back{width: 19%;float: left;border-left: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;text-align: center;}
.back a{display: block;}
.back img{display: inline-block;vertical-align: top;margin-top: 30px;margin-right: 10px;}
.back span{color: #333333;font-size: 16px;}
/*渠道合作*/
.index5{text-align: center;color: #333333;font-size: 36px;font-weight: bold;margin-top: 70px;}
.apply{overflow: hidden;background: #f7f7f7 ;
padding: 55px 0;margin-top: 60px;margin-bottom: 90px;}
.apply1{width: 50%;float: left;border-right: 1px solid #e6e6e6;padding-bottom: 45px;}
.apply1a{padding: 0 10%;}
.form1{overflow: hidden;margin-top: 35px;}
.form1 label{float: left;width: 17%;text-align: right;line-height: 45px;color: #333333;font-size: 16px;letter-spacing: 1px;}
.form1 label span{color: #ff0000;font-size: 16px;}
.form1 input{width: 78%;height: 45px;background: #fff;border: 1px solid #e6e6e6;float: right;color: #333333;font-size: 16px;}
.form2{margin-top: 65px;}
.form2 input{width: 150px;height: 48px;display: block;background: #3a3a3a;color: #fff;font-size: 18px;cursor: pointer;margin: auto;}
.apply2{width: 49.5%;float: right;}
.apply2a{padding: 0 10%;margin-top: 50px}
.apply2a img{width: 100%;display: block;}
.apply2b p{color: #333333;font-size: 16px;line-height: 35px;text-indent: 32px;}
.apply2b p:nth-of-type(1){text-indent: 0;}
.apply2b h1{color: #333333;font-size: 16px;line-height: 35px;text-indent: 32px;text-align: right;margin-top: 15px}
/*项目优势*/
.project li{overflow: hidden;}
.project li a{cursor: pointer}
.pic7{width: 50%;float: left;overflow: hidden;}
.pic7 img{width: 100%;display: block;transition:all 2s ease-in-out;}
.project1{width: 50%;float: right;text-align: center;position: relative;}
.project1 h1{width: 100%;color: #f7f7f7;font-size: 300px;font-family: impact;padding-top: 20px;}
.project1a{width: 100%;position: absolute;top: 0;left: 0;}
.project1a img{display: block;margin: auto;width: 55px;padding-top: 130px;}
.project1a h2{color: #333333;font-size: 32px;font-weight: bold;}
.project1a p{color: #333333;font-size: 16px;margin-top: 35px;}
.project li:nth-of-type(2n) .pic7{float: right;}
.project li:nth-of-type(2n) .project1{float: left;}
.project li:hover .pic7 img{transform: scale(1.1);}
/*产品及解决方案*/
.list{height: 78px;line-height: 78px;border: 1px solid #e6e6e6;background: #f7f7f7;margin-top: 100px;overflow: hidden;}
.list li{width: 19.94%;float: left;text-align: center;border-left: 1px solid #e6e6e6;transition:all 0.4s ease-in-out;}
.list li a{display: block;color: #333333;font-size: 24px;transition:all 0.4s ease-in-out;}
.list li:nth-of-type(1){border: none;}
.list li:hover{background: #009ea1;}
.list li:hover a{color: #fff;}
.list .ua5{background: #009ea1;}
.list .ua5 a{color: #fff;}
.pro{margin-top: 100px;border-bottom: 1px solid #f7f7f7;}
.pro li{overflow: hidden;transition:all 0.4s ease-in-out;}
.pic8{width: 34%;float: left;}
.pic8 img{width: 100%;display: block;}
.pro1{width: 51%;float: right;margin-right: 4%;margin-top: 90px;}
.pro1 h1{color: #333333;font-size: 30px;height: 50px;line-height: 50px;overflow: hidden;margin-bottom: 40px;text-align: left}
.pro1 p{color: #666666;font-size: 16px;line-height: 35px;height: 140px;overflow: hidden;}
.pro1 span{display: block;width: 160px;height: 50px;text-align: center;line-height: 50px;
font-size: 16px;margin-top: 75px;border: 1px solid #cccccc;color: #333333;transition:all 0.4s ease-in-out;}
.pro li:hover .pro1 span{background: #009EA1;color: #fff;border-color: #009EA1;}
.pro li:hover{-webkit-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.2); 
  -moz-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.2); 
  box-shadow: 0 0px 20px rgba(0, 0, 0, 0.2);}
/*产品详情*/
.prode1{overflow: hidden;background: #f7f7f7;margin-top: 100px;}
.pic9{width: 44%;float: left;}
.pic9 img{width: 100%;display: block;}
.prode1a{width: 42%;margin-right: 6%;float: right;margin-top: 80px;}
.prode1a h1{color: #009ea1;font-size: 48px;font-weight: bold;word-wrap: break-word;white-space: normal;word-break:break-all;}
.prode1a h2{color: #009ea1;font-size: 30px;margin-top: 85px;}
.prode1a h2 img{display: inline-block;vertical-align: top;width: 32px;margin-top: 5px;margin-right: 15px;}
.prode1a_1{color: #333333;font-size: 18px;line-height: 35px;margin-top: 30px;}
.prode1a_1 p{font-size: 16px}
.prode2a{margin-top: 55px;color: #009ea1;font-size: 30px;}
.prode2a img{display: inline-block;vertical-align: top;width: 26px;margin-top: 8px;margin-right: 24px;}
.prode2b{color: #333333;font-size: 18px;line-height: 35px;margin-top: 30px;}
.prode2b p{font-size: 16px}
.prode3{overflow: hidden;padding-bottom: 30px;}
.prode3 ul{overflow: hidden;}
.prode3a{width: 40%;float: left;margin-top: 30px;}
.prode3 .prode3a:nth-of-type(2n){float: right;}
.prode3a h1{color: #009ea1;font-size: 30px;line-height: 72px;}
.prode3a h1 img{display: inline-block;vertical-align: top;margin-right: 20px;}
.prode3a_1{color: #333333;font-size: 18px;line-height: 35px;margin-top: 20px;}
.prode3a_1 p{font-size: 16px}
.xypa{margin-top: 80px;margin-bottom: 150px;border-top: 1px solid #e6e6e6;}
.xypa li{overflow: hidden;width: 50%;float: left;}
.pic10{width: 41%;float: left;}
.pic10 img{width: 100%;display: block;}
.xypa1{width: 43%;float: right;margin-right: 5%;margin-top: 60px;}
.xypa1 h1{color: #333333;font-size: 30px;font-weight: bold;line-height: 50px;height: 100px;overflow: hidden;}
.xypa1 span{display: block;width: 158px;height: 48px;border: 1px solid #e6e6e6;text-align: center;line-height: 48px;
color: #333333;font-size: 16px;margin-top: 60px;}
.xypa li:hover{-webkit-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.2); 
  -moz-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.2); 
  box-shadow: 0 0px 20px rgba(0, 0, 0, 0.2);}
.xypa li:hover .xypa1 span{background: #009EA1;color: #fff;border-color: #009EA1;}
.xypa li:nth-of-type(2n){float: right;}
/*服务支持*/
.service1{position: relative;overflow: hidden;margin-top: 100px;}
.pic11{width: 66%;float: left;position: relative;background: #f7f7f7;padding-top: 15px;padding-bottom: 35px}
.hao1{position: absolute;bottom: 20px;left: 20px}
.hao2{position: absolute;bottom: 100px;right: 345px}
#container-04{float: left;margin-left: 5%}

.pic11 h1{width: 146px;height: 15px;background: url(../image/bg19.png) center top no-repeat;
position: absolute;top: 130px;right: -40px;}
.pic11a{position: absolute;bottom: 10%;right: 5%;background: #d2eaea;text-align: center;border-radius: 10px;line-height: 48px;padding: 20px;}
.pic11a li{color: #333333;font-size: 18px}
.pic11a li span{color: #009ea1;font-size: 24px;font-weight: bold;display: inline-block;vertical-align: top;padding: 0 15px}

.prode1a_1 .product_remart{font-weight: bold;font-size: 18px;color: #009ea1;margin-top: 10px;}

.prode1a_1 .product_remart p{font-weight: bold;}
.product_remart{margin-top: 10px}
.product_remart p{font-weight: bold;color: #009ea1}

.service1a{width: 30%;float: right;margin-top: 110px;}
.service1a h1{color: #333333;font-size: 36px;font-weight: bold;margin-bottom: 35px;}
.service1a li{color: #333333;font-size: 18px;line-height: 35px;background: url(../image/bg20.png) left center no-repeat;
padding-left: 22px;}
.service1b{color: #009ea1;font-size: 55px;margin-top: 75px;}
.service1b img{margin-right: 20px;}
.service1 h2{font-size: 285px;color: #f7f7f7;font-family: impact;position: absolute;bottom: 0;right: 0;z-index: -10;}
.service2{background: #f7f7f7;margin-top: 100px;padding-top: 160px;padding-bottom: 90px;position: relative;}
.index6{color: #333333;font-size: 36px;font-weight: bold;position: absolute;width: 92%;top: 80px;left: 0;z-index: 1;
background: url(../image/bg21.png) left center no-repeat;padding-left: 8%;}
.pc-banner .swiper-slide{position: relative;border-radius: 10px;overflow: hidden;}
.hide1{width: 100%;height: 100%;position: absolute;top: 0;left: 0;text-align: center;}
.hide1 h1{color: #fff;font-size: 30px;padding-top: 115px;}
.hide1 p{color: #fff;font-size: 18px;width: 70%;margin: auto;line-height: 38px;margin-top: 50px;}
.service2 h2{font-size: 285px;color: #f0f0f0;font-family: impact;position: absolute;top: 15px;left: 0;z-index: 0;}
.service3{width: 100%;position: relative;margin-bottom: 50px;}
.index7{text-align: right;color: #333333;font-size: 36px;font-weight: bold;letter-spacing: 2px;margin-top: 90px;
background: url(../image/bg22.png) right center no-repeat;}
.service3 h2{font-size: 285px;color: #f0f0f0;font-family: impact;position: absolute;bottom: 0;right: 0;z-index: 99999;}
.service3a{width: 100%;position: relative;}
.service3a_1440{width: 100%;position: relative;display: none;}
.service3a_phone{width: 94%;position: relative;display: none;margin: auto}
.pic12{width: 100%;border-radius: 5px;overflow: hidden;}
.pic12 img{width: 100%;display: block;}
.service4{margin-top: 30px;}
.demo{width: 30%;height: 445px;background: #fff;position: absolute;top: 0;right: 0;z-index: 999;}
.service3a .swiper-container{padding-bottom: 100px;}
.service3a .swiper-slide{position: relative;}
.service3a_1440 .swiper-container{padding-bottom: 100px;}
.service3a_1440 .swiper-slide{position: relative;}
.hide2{width: 50%;border-radius: 5px;background: #009EA1;position: absolute;bottom: -20%;right: -17%;
	z-index: 9999;padding: 40px 0;opacity: 0;transition:all 0.5s ease-in-out;}
.hide2 h1{width: 74%;margin: auto;color: #fff;font-size: 18px;background: url(../image/bg23.png) left bottom no-repeat;
padding-bottom: 30px;}
.hide2 p{width: 74%;margin: auto;color: #fff;font-size: 15px;line-height: 25px;margin-top: 15px;}
.service3a .swiper-slide:hover .hide2{opacity: 1;}
.service3a .swiper-button-next{width: 22px;height: 22px;background: url(../image/right4.png) center no-repeat;
position: absolute;bottom: 50px;left: 52%;top: auto;}
.service3a .swiper-button-next:hover{background: url(../image/right4a.png) center no-repeat;}
.service3a .swiper-button-prev{width: 22px;height: 22px;background: url(../image/left4.png) center no-repeat;
position: absolute;bottom: 50px;left: 47%;top: auto;}
.service3a .swiper-button-prev:hover{background: url(../image/left4a.png) center no-repeat;}
.service3a .swiper-pagination{width: 40% !important;bottom: 50px !important;left: 35.5% !important;}

.service3a_1440 .swiper-slide:hover .hide2{opacity: 1;}
.service3a_1440 .swiper-button-next{width: 22px;height: 22px;background: url(../image/right4.png) center no-repeat;
position: absolute;bottom: 50px;left: 52%;top: auto;}
.service3a_1440 .swiper-button-next:hover{background: url(../image/right4a.png) center no-repeat;}
.service3a_1440 .swiper-button-prev{width: 22px;height: 22px;background: url(../image/left4.png) center no-repeat;
position: absolute;bottom: 50px;left: 47%;top: auto;}
.service3a_1440 .swiper-button-prev:hover{background: url(../image/left4a.png) center no-repeat;}
.service3a_1440 .swiper-pagination{width: 40% !important;bottom: 50px !important;left: 35.5% !important;}

.service4a{width: 30%;position: absolute;right: 8%;top: 110px;z-index: 99999;text-align: right;line-height: 65px;}
.service4a li{font-size: 18px;background: url(../image/bg24a.png) right center no-repeat;padding-right: 20px;}
.service4a li:hover{color: #009EA1;background: url(../image/bg24b.png) right center no-repeat;}
/*营销网络*/
.index8{color: #333333;font-size: 36px;font-weight: bold;background: url(../image/bg25.jpg) left bottom no-repeat;padding-bottom: 30px;}
.inter1{overflow: hidden;}
.inter2{width: 52%;float: left;}
.inter2 img{width: 100%;display: block;}
.inter3{width: 37%;float: right;margin-top: 30px}
.inter3a{margin-top: 55px;}
.inter3a h1{color: #009ea1;font-size: 24px;font-weight: bold;margin-bottom: 25px;}
.inter3a ul{overflow: hidden;line-height: 45px;}
.inter3a ul li{width: 25%;float: left;font-size: 16px;}
.inter3a ul li:nth-of-type(1){color: #009ea1}
.inter3a ul li:nth-of-type(2){width: 72%;float: right}
.inter3a ul li:nth-of-type(3){text-align: center;}
.inter3a ul li:nth-of-type(4){text-align: right;}
.inter3 .inter3a:nth-of-type(1){margin-top: 0;}
/*加入我们*/
.join{width: 100%;position: relative;margin-top: 80px;background: url(../image/join.jpg) center no-repeat;background-size: cover;padding-top: 100px;padding-bottom: 290px}
.join img{width: 100%;display: block;}
.join1{width: 84%;margin: auto}
.join2{overflow: hidden;margin-top: 50px;}
.join2 ul{float: left;border-radius: 10px;overflow: hidden;background: rgba(255,255,255,0.4);padding: 0 25px;height: 125px;margin-right: 20px;}
.join2 ul img{width: 20px;float: left;margin-top: 15px;}
.join2 ul dl{float: right;margin-left: 15px;line-height: 35px;margin-top: 5px;}
.join2 ul dl dt{font-size: 16px;}
/*联系我们*/
.contact{overflow: hidden;margin-top: 80px;}
.map{width: 58%;float: right;}
.map img{width: 100%;display: block;}
.contact1{width: 32%;padding-left: 8%;float: left}
.contact2{margin-top: 90px;}
.contact2 li{margin-top: 35px;line-height: 45px;cursor: pointer;width: 85%;border-radius: 10px;padding: 10px 0;transition:all 0.2s ease-in-out;}
.contact2 li h1{color: #333333;font-size: 22px;transition:all 0.2s ease-in-out;}
.contact2 li p{color: #666666;font-size: 16px;transition:all 0.2s ease-in-out;}
.contact2 .selected{background: #009ea1;padding: 10px 18px;}
.contact2 .selected h1{color: #fff;}
.contact2 .selected p{color: #fff;}
.contact2 li:hover{background: #009ea1;padding: 10px 18px;}
.contact2 li:hover h1{color: #fff;}
.contact2 li:hover p{color: #fff;}
/*信息留言*/
.message{background: #f7f7f7;padding-top: 75px;margin-top: 80px;padding-bottom: 80px;}
.message2{overflow: hidden;}
.message2a{width: 28.8%;float: left;height: 40px;line-height: 40px;border-bottom: 1px solid #cccccc;margin-left: 6.8%;margin-top: 50px;}
.message2a label{float: left;color: #333333;font-size: 16px;}
.message2a label span{color: #ff0000;}
.message2a input{width: 83%;height: 40px;float: right;background: none;outline: none;color: #333333;font-size: 16px;}
.message2 .message2a:nth-of-type(1){margin-left: 0;}

.message2b_1{width: 28.8%;height: 40px;line-height: 40px;border-bottom: 1px solid #cccccc;margin-top: 50px;float: left;margin-left: 6.8%;}
.message2b_1 label{float: left;color: #333333;font-size: 16px;}
.message2b_1 label span{color: #ff0000;}
.message2b_1 input{width: 78%;height: 40px;float: right;background: none;outline: none;color: #333333;font-size: 16px;}
.message2c_1{width: 28.8%;height: 40px;line-height: 40px;border-bottom: 1px solid #cccccc;margin-top: 50px;float: left}
.message2c_1 label{float: left;color: #333333;font-size: 16px;}
.message2c_1 label span{color: #ff0000;}
.message2c_1 input{width: 78%;height: 40px;float: right;background: none;outline: none;color: #333333;font-size: 16px;}

.message2b label span{color: #ff0000;}
.message2b{height: 40px;line-height: 40px;border-bottom: 1px solid #cccccc;margin-top: 50px;}
.message2b label{float: left;color: #333333;font-size: 16px;}
.message2b input{width: 95%;height: 40px;float: right;background: none;outline: none;color: #333333;font-size: 16px;}
.message2c{margin-top: 50px;}
.message2c input{display: block;margin: auto;width: 160px;height: 50px;background: #009EA1;color: #fff;font-size: 16px;
cursor: pointer;}

/*搜索页面*/
.sou{width: 800px;height: 48px;background: #fff;position: absolute;top: 50%;margin-top: -24px;
left: 50%;margin-left: -400px;}
.sou1{width: 85%;height: 48px;float: left;}
.sou1 input{width: 94%;height: 100%;display: block;padding: 0 3%;color: #000;}
.sou2{width: 15%;height: 48px;float: right;}
.sou2 input{width: 100%;height: 100%;display: block;background: #009ea1;cursor: pointer;color: #fff;}
.more{font-size: 18px;margin-top: 50px;}


/*详情2*/
/*.content2{margin-top: 80px;}*/
.content2 img{max-width: 100%;display: block;margin: auto}
.title2{color: #009ea1;font-size: 48px;font-weight: bold;height: 120px;line-height: 120px;
background: #f7f7f7;padding: 0 40px;}
.content3{overflow: hidden;}
.content3a{width: 45%;float: left;margin-top: 90px;}
.content3 .content3a:nth-of-type(2n){float: right;}
.content3a h1{color: #009ea1;font-size: 30px;}
.content3a h1 img{display: inline-block;vertical-align: top;margin-right: 20px;width: 30px;margin-top: 7px}
.content3a_1{color: #333333;font-size: 18px;line-height: 35px;margin-top: 20px;}
.my-map { margin: 0 auto; width: 1200px; height: 650px; }


/*手机导航*/
.sp_nav{width:70px;position:absolute;cursor:pointer;height:40px;top: 32%;right: 2%;display: none;}
.sp_nav span{display:block;background:#000;width:40px;height:3px;position:absolute;right:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:12px}
.sp_nav span:nth-of-type(3){top:24px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.active5{right: 0 !important;}
.nav_phone{width: 60%;height: 100%;z-index: 999999;background: rgba(255,255,255,0.9);
position: fixed;top: 0;right: -60%;text-align: center;transition:all 0.4s ease-in-out;}
.nav_phone ul{line-height: 25px;padding-top: 60px;line-height: 50px;padding-top: 40%;}
.nav_phone ul li a{font-size: 20px;color: #474646;display: block;}
.banner_phone{display: none;padding-top: 60px}
.banner_phone .swiper-container {width: 100%;height: 100%;}
.banner_phone .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;  -webkit-align-items: center;align-items: center;}
.banner_phone .swiper-slide img{width: 100%;display: block;}
.pic1_phone{display: none;float: right;width: 50%}
.pic1_phone .swiper-container {width: 100%;height: 100%;}
.pic1_phone .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;  -webkit-align-items: center;align-items: center;}
.pic1_phone .swiper-slide img{width: 100%;display: block;}





.sycase_phone{padding-top: 65px;position: relative;display: none}
.sycase_phone .swiper-container{width: 94%;margin: auto;padding: 30px 0;opacity: 0;transform: translateY(105px);transition: all 1s ease 0.2s;}
.active .swiper-container{opacity: 1;transform: translateY(0);}
.sycase_phone .swiper-slide{background: #fff;transition:all 0.4s ease-in-out;}
.pic2 img{width: 100%;display: block;}
.sycase1{padding: 35px 10%;}
.sycase1 h1{color: #6a6a6a;font-size: 18px;border-left: 4px solid #6a6a6a;height: 20px;line-height: 20px;overflow: hidden;
padding-left: 13px;background: url(../image/bg7.png) right center no-repeat;background-size: 18px;}
.sycase_phone .swiper-button-next{width: 13px;height: 23px;position: absolute;top: 360px;left: 0;
background: url(../image/left2.png) center no-repeat;background-size: 100% 100%;}
.sycase_phone .swiper-button-prev{width: 13px;height: 23px;position: absolute;top: 360px;right: 0;left: auto;
background: url(../image/right2.png) center no-repeat;background-size: 100% 100%;}
.sycase_phone  .swiper-slide:hover{background: #009EA1;transform: scale(1.1);}
.sycase_phone  .swiper-slide:hover .sycase1 h1{color: #fff;border-color: #fff;background: url(../image/bg7a.png) right center no-repeat;background-size: 18px;}
.sycase_phone .swiper-pagination{bottom: auto;top: 25px;left: 0;width: 100%;opacity: 0;transform: translateY(-105px);transition: all 1s ease 0.2s;}
.active .swiper-pagination{opacity: 1;transform: translateY(0);}
.sycase_phone .swiper-pagination .swiper-pagination-bullet{width: 90px;height: 13px;background: none;color: #fff;
text-align: center;line-height: 13px;margin: 0;background: url(../image/bg5.jpg) left center no-repeat;padding: 5px 0;}
/*.sycase .swiper-pagination .swiper-pagination-bullet:nth-of-type(1){background: none;}*/
.sycase_phone .swiper-pagination .swiper-pagination-bullet:nth-of-type(1)::before{content: "ICT行业";color: #fff;font-size: 12px;}
.sycase_phone .swiper-pagination .swiper-pagination-bullet:nth-of-type(2)::before{content: "轨道交通";color: #fff;font-size: 12px;}
.sycase_phone .swiper-pagination .swiper-pagination-bullet:nth-of-type(3)::before{content: "政企事业";color: #fff;font-size: 12px;}
.sycase_phone .swiper-pagination .swiper-pagination-bullet:nth-of-type(4)::before{content: "教育文化";color: #fff;font-size: 12px;}
.sycase_phone .swiper-pagination .swiper-pagination-bullet:nth-of-type(5)::before{content: "化工行业";color: #fff;font-size: 12px;}
.sycase_phone .swiper-pagination .swiper-pagination-bullet:nth-of-type(6)::before{content: "医疗行业";color: #fff;font-size: 12px;}
.sycase_phone .swiper-pagination .swiper-pagination-bullet:nth-of-type(7)::before{content: "制造行业";color: #fff;font-size: 12px;}
.sycase_phone .swiper-pagination .swiper-pagination-bullet:nth-of-type(8)::before{content: "电力行业";color: #fff;font-size: 12px;}
.sycase_phone .swiper-pagination .swiper-pagination-bullet:nth-of-type(9)::before{content: "金融行业";color: #fff;font-size: 12px;}
.sycase_phone .swiper-pagination .swiper-pagination-bullet:nth-of-type(10)::before{content: "其他";color: #fff;font-size: 12px;}
.sycase_phone .swiper-pagination .swiper-pagination-bullet-active{
	background: url(../image/bg5.jpg) left center no-repeat,url(../img/bg8.png) center bottom no-repeat;
}



.service2_phone{width: 100%;margin: auto;display: none}
.service2_phone li{width: 100%;position: relative;border-radius: 5px;overflow: hidden;margin-top: 10px}
.service2_phone li img{width: 100%;display: block;}


/*项目优势-品质*/
.pinzhi1{overflow: hidden;background: #f7f7f7;margin-top: 80px;margin-bottom: 80px;}
.pic13{width: 50%;float: left;}
.pic13 img{width: 100%;display: block;}
.pinzhi1a{width: 50%;float: right;text-align: center;margin-top: 140px;}
.pinzhi1a h1{color: #333333;font-size: 30px;font-weight: bold;background: url(../image/bg25.jpg) center bottom no-repeat;
padding-bottom: 30px;}
.pinzhi1a p{color: #666666;font-size: 16px;line-height: 35px;margin-top: 40px;}
.system{margin-top: 80px;overflow: hidden;}
.system li{width: 24.2%;float: left;background: #f7f7f7;position: relative;margin-left: 1%;overflow: hidden;}
.pic15 img{width: 100%;display: block;transition:all 2s ease-in-out;}
.system1{text-align: center;position: relative;}
.system1 h1{color: #f0f0f0;font-size: 384px;line-height: 400px;font-family: impact;}
.system2{width: 100%;position: absolute;top: 0;left: 0;}
.system2 img{width: 45px;display: block;margin: auto;padding-top: 65px;}
.system2 h2{color: #333333;font-size: 30px;font-weight: bold;margin-top: 40px;}
.system2 p{color: #666666;font-size: 18px;line-height: 35px;margin-top: 30px;}
.hide3{width: 100%;position: absolute;bottom: 0;left: 0;background: #009EA1;text-align: center;opacity: 0;transition:all 0.4s ease-in-out;}
.hide3 h1{line-height: 400px;font-size: 384px;color: #33a9ab;font-family: impact;}
.hide3a{width: 100%;position: absolute;top: 0;left: 0;}
.hide3a img{width: 45px;display: block;margin: auto;padding-top: 85px;}
.hide3a h2{color: #fff;font-size: 30px;font-weight: bold;margin-top: 40px;}
.hide3a p{color: #fff;font-size: 18px;line-height: 35px;margin-top: 30px;}
.system li:hover .hide3{opacity: 1;}
.system li:hover .hide3 h1{line-height: 500px;}
.system li:hover .pic15 img{transform: scale(1.1);}
.system li:nth-of-type(1){margin-left: 0;}
.pinzhi2{overflow: hidden;background: #f7f7f7;margin-top: 80px;margin-bottom: 80px;}
.pic14{width: 50%;float: right;}
.pic14 img{width: 100%;display: block;}
.pinzhi2a{width: 50%;float: left;text-align: center;margin-top: 140px;}
.pinzhi2a h1{color: #333333;font-size: 30px;font-weight: bold;background: url(../image/bg25.jpg) center bottom no-repeat;
padding-bottom: 30px;}
.pinzhi2a p{color: #666666;font-size: 16px;line-height: 35px;margin-top: 40px;}


/*新的场景案例*/
.case_new li{overflow: hidden;}
.pic16{width: 91.6%;float: right;position: relative;overflow: hidden;}
.pic16 img{width: 100%;display: block;transition:all 5s ease-in-out;}
.hide4{width: 42%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,158,161,0.8);}
.hide4a{width: 75%;margin: auto;}
.hide4a h1{color: #fff;font-size: 32px;font-weight: bold;background: url(../image/bg28.jpg) left bottom no-repeat;
padding-top: 65px;padding-bottom: 35px;}
.hide4a p{color: #fff;line-height: 35px;margin-top: 30px;font-size: 16px;text-align: justify;}
.case_new li:nth-of-type(2n) .pic16{float: left;}
.case_new li:nth-of-type(2n) .pic16 .hide4{right: 0;left: auto;}
.case_new li:nth-of-type(2n) .pic16 .hide4 .hide4a h1{text-align: right;background: url(../image/bg28.jpg) right bottom no-repeat;}
.case_new li:nth-of-type(2n) .pic16 .hide4 .hide4a p{text-align: right;}
.case_new li:hover .pic16 img{transform: scale(1.2);}


/*新的场景详情*/
.case_detial{width: 84%;margin: auto; position: relative;margin-top: 80px;overflow: hidden;background: #009ea1}
.pica{width: 62.5%;float: right;overflow: hidden;}
.case_detial img{width: 100%;transition:all 4s ease-in-out;float: right}
.hide5{width: 28%;float: left;margin-left: 5%;margin-top: 5%}
.hide5 h1{color: #fff;font-size: 32px;font-weight: bold;}
.hide5 p{color: #fff;font-size: 16px;line-height: 35px;margin-top: 25px;}
.case_detial1{width: 84%;margin: auto;color: #333333;font-size: 32px;font-weight: bold;margin-top: 80px}
.case_detial:hover img{transform: scale(1.1);}

#container-05{display: none;margin-left: 3%}
#container-06{display: none;margin-left: 3%}
#container-07{display: none;margin-left: 3%}
#container-08{display: none;margin-left: 2%}
#container-09{display: none;margin-left: 2%}



.service2_phone1{width: 100%;height: 100%;display: none}
.service2_phone1 .swiper-container {width: 100%;height: 100%;}
.service2_phone1 .swiper-slide{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;
-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;position: relative;border-radius: 5px;overflow: hidden;}
.service2_phone1 .swiper-slide a{display:block;width: 100%;height: 100%}
.service2_phone1 .swiper-slide img{width: 100%;display: block;}









