*{margin:0px;padding:0px;box-sizing:border-box;}
html,body{height:100%;}
body{font-family:"Microsoft Yahei","Helvetica Neue", Helvetica, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;}
ul,h1, h2, h3, h4, h5, h6{margin:0px;padding:0px;font-weight:normal;}
li{list-style:none;}
a,a:hover{text-decoration:none;}
i{font-style:normal;}
.f_l{float:left;}
.f_r{float:right;}
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden} 

.header{width:100%;position:fixed;top:0px;left:0;z-index:999;transition:all 0.5s ease-in-out;}
.header_bd{width:1190px;height:60px;margin:0 auto;}
.header .logo{display:block;margin-right:50px;padding:8px 0px;width:150px;height:60px;display:block;background-image:url("../images/home/logo.png");background-position:0px 10px;background-repeat:no-repeat;}
.nav li{float:left;}
.nav li a{display:block;padding:0px 20px;font-size:16px;color:#FFF;height:60px;line-height:60px;}
.nav li.active a{color:#00aedf;}
.tel_contact{background:url("../images/home/tel_ico.png") no-repeat 0px 0px;padding-left:40px;font-size:20px;color:#FFF;display:block;margin-top:15px;height:35px;line-height:35px;}
.tel_contact:hover{color:#FFF;}

.wrapper{width:100%;height:100%;overflow:hidden;}
.cont_item1{background:url(../images/home/bg1.jpg);background-size:cover;position:relative;}
.cont_item1 .slogan{position:absolute;top:50%;left:50%;font-family: arial, 微软雅黑, "microsoft yahei", 华文细黑, STXihei;margin-top:-160px;margin-left:-330px;}
.cont_item1 .slogan h1{font-size: 48px;letter-spacing: 3px;line-height: 91px;color: #fff;text-shadow: 0 4px 18px rgba(23,23,23,.54);text-align:center;padding-bottom:20px;}
.cont_item1 .slogan h3{line-height: 33px;color: #fff;font-size: 18px;letter-spacing: 3px;text-shadow: 0 5px 7px rgba(23,23,23,.7);text-align:center;}
.cont_item1 .slogan h2{font-size:30px;color: #fff;text-shadow: 0 4px 18px rgba(23,23,23,.54);text-align:center;letter-spacing: 3px;padding-bottom:30px;}
.cont_item1 .slogan .login_btn{width:240px;height:60px;line-height:60px;margin:50px auto 0px;display:block;color:#FFF;font-size:25px;background:#1ebafb;text-align:center;border-radius:10px;}
.cont_item1 .slogan .login_btn:hover{background:#0F81C6;}
.cont_item1 .arrow_down{background:url("../images/home/arrow_down.gif") no-repeat;width:40px;height:50px;position:absolute;bottom:10px;left:50%;margin-left:-20px;}

.cont_item2{background:url("../images/home/bg2.jpg") no-repeat 50% bottom;background-size:cover;position:relative;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;padding-top:60px;}
.cont_item2 {padding-bottom:20px;text-align:center;}
.cont_item2 .container{width:1200px;height:480px;position:absolute;top:50%;left:50%;margin-left:-600px;margin-top:-240px;}
.cont_item2 h2{margin-bottom:30px;}
.cont_item2 li{float: left;width:30%;height:auto;text-align: center;margin: 0 1.6% 2px 1.6%;position:relative;cursor:pointer;}
.cont_item2 li .item{width:280px;height:280px;margin:0 auto;position:relative;padding-top:50px;}
.cont_item2 li .ico{background:url("../images/home/sms_ico.png") no-repeat;width:70px;height:75px;margin:0 auto;}
.cont_item2 li .bg{position:absolute;left:0px;top:0px;width:280px;height:280px;background:url("../images/home/circle_bg.png") no-repeat;background-size:cover; transition:all 1s ease-in-out;opacity:0;padding:10px;}
.cont_item2 li .bg:hover{ transform:rotate(180deg);opacity:1;}
.cont_item2 li .item1 .ico{background-position:0px 0px;}
.cont_item2 li .item2 .ico{background-position:0px -80px;}
.cont_item2 li .item3 .ico{background-position:0px -165px;}
.cont_item2 h3{line-height: 52px;font-size: 24px;color:#333;}
.cont_item2 p{font-size:15px;}
.cont_item2 .slogan{background:url("../images/home/slogan1.png") no-repeat;width:500px;height:33px;margin:20px auto 0px;}

.header.active{background:#00aedf;opacity:1;box-shadow:0px 1px 6px 0px #00aedf;background-color: #fff;box-shadow: 0 0 9px rgba(0,0,0,.3);}
.header.active a{color:#333;}
.header.active .logo{background-position:0px -45px;}

.cont_item_title{padding-top:65px;background:url("../images/home/title_bg.png") no-repeat;width:300px;text-align:center;margin:0px auto 20px;font-size:24px;margin-top:20px;}
.cont_item2 .cont_item_title{background-position:10px 0px;}
.header.active .tel_contact{background-position:0px -40px;}

.cont_item3{background:url("../images/home/bg3.jpg") no-repeat 50% bottom;background-size:cover;position:relative;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;padding-top:60px;}
.cont_item3 .container{width:1155px;height:456px;position:absolute;top:50%;left:50%;margin-left:-577.5px;margin-top:-228px;}
.cont_item3 .cont_item_title{background-position:0px -120px;}
.cont_item3  ul{margin: 0 auto;margin-top: 45px;width: 1155px;overflow: hidden;background:rgba(255,255,255,0.3);}
.cont_item3  ul li{position: relative;padding: 0;width: 230px;height: 150px;overflow: hidden;float:left;border-right:1px dotted #ddd;border-bottom:1px dotted #ddd;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;background:rgba(255,255,255,0);}
.cont_item3  ul li:hover{background:rgba(238,238,238,0.5);}
.cont_item3  ul li.no_border_right{border-right:none;}
.cont_item3  ul li.no_border_bottom{border-bottom:none;}
.cont_item3  ul li .icon{background:url("../images/home/clients.png") no-repeat;width:100%;height:100%;transition:all 0.5s ease-in-out;}
.cont_item3  ul li .icon1:hover{background-position:0px -150px;}
.cont_item3  ul li .icon2{background-position:-230px 0px;}
.cont_item3  ul li .icon2:hover{background-position:-230px -150px;}
.cont_item3  ul li .icon3{background-position:-460px 0px;}
.cont_item3  ul li .icon3:hover{background-position:-460px -150px;}
.cont_item3  ul li .icon4{background-position:-690px 0px;}
.cont_item3  ul li .icon4:hover{background-position:-690px -150px;}
.cont_item3  ul li .icon5{background-position:-920px 0px;}
.cont_item3  ul li .icon5:hover{background-position:-920px -150px;}
.cont_item3  ul li .icon6{background-position:-1150px 0px;}
.cont_item3  ul li .icon6:hover{background-position:-1150px -150px;}
.cont_item3  ul li .icon7{background-position:-1380px 0px;}
.cont_item3  ul li .icon7:hover{background-position:-1380px -150px;}
.cont_item3  ul li .icon8{background-position:-1610px 0px;}
.cont_item3  ul li .icon8:hover{background-position:-1610px -150px;}
.cont_item3  ul li .icon9{background-position:-1840px 0px;}
.cont_item3  ul li .icon9:hover{background-position:-1840px -150px;}
.cont_item3  ul li .icon10{background-position:-2070px 0px;}
.cont_item3  ul li .icon10:hover{background-position:-2070px -150px;}

.cont_item4{background:url("../images/home/bg4.png") no-repeat 50% bottom;background-size:cover;position:relative;padding-top:60px;}
.cont_item4 .container{width:1200px;height:496px;position:absolute;top:50%;left:50%;margin-left:-600px;margin-top:-248px;}
.cont_item4 .cont_item_title{background-position:50px -225px;color:#FFF;}
.cont_item4 ul{margin-top:30px;}
.cont_item4 li{float:left;width:230px;height:350px;background:url("../images/home/li_bg.png") no-repeat;margin-right:10px;text-align:center;color:#FFF;padding-top:30px;}
.cont_item4 li h2{font-size:22px;}
.cont_item4 li h3{fotn-size:22px;padding:20px 0px;}
.cont_item4 li h3 b{font-weight:bold;font-size:36px;margin-right:5px;}
.cont_item4 li h4{font-size:22px;color:#00aedf;font-style:italic;}
.cont_item4 li p{padding:20px 0px 30px;font-size:16px;}
.cont_item4 li a{display:block;height:50px;line-height:50px;width:150px;border-radius:5px;margin:0 auto;text-align:center;background:#00aedf;color:#FFF;font-size:20px;}
.cont_item4 li a:hover{background:#0070CC;}

.cont_item5{background:url("../images/home/bg5.jpg") no-repeat 50% bottom;background-size:cover;position:relative;padding-top:60px;}
.cont_item5 .container{width:1000px;height:306px;position:absolute;top:50%;left:50%;margin-left:-500px;margin-top:-153px;}
.cont_item5 .qrcode{width:150px;height:150px;}
.cont_item5 .qrcode img{width:150px;height:150px;}
.cont_item5 .cont_item_title{background-position:10px -325px;}
.cont_item5 ul{padding-top:20px;}
.cont_item5 li{float:left;margin-right:80px;}
.cont_item5 li p{line-height:30px;font-size:14px;}
.cont_item5 .copyright{position:absolute;bottom:0px;text-align:center;font-size:12px;line-height:30px;width:100%;color:#666;}

.swiper-pagination{position:absolute;right:50px;top:50%;z-index:9999;width:10px;}
.swiper-pagination-bullet{width:4px;height:4px;border-radius:50%;background:#00aedf;display:block;margin:0px auto 10px;cursor:pointer;}
.swiper-pagination .swiper-pagination-bullet-active{width:10px;height:10px;transition: all 100ms ease;box-shadow:0px 0px 8px #00aedf;}