.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;font-size: 0;}
.clearfix { display:block; }
/*top*/
.top{height:56px;}
.topmain{height:56px;position:fixed;top:0;left:0;right:0;background:#fff;box-shadow:0 2px 5px 1px rgba(0,0,0,.1);z-index:99999}
.top img{display:block;}
.top img.logo{margin-left:1em;margin-top:0.2em;width:24%;}
.top img.navbtn{margin-right:1em;margin-top:0.7em;width:10%;}
.phone{font-size:21px; color:#087bc7; font-family:Arial; font-weight:bold;margin-top:0.7em;margin-right:1em}
.phone a{ color:#fc6805}
.phone img{display:inline-block; height:20px;margin-right:8px;-webkit-animation: tiao 550ms linear infinite;-moz-animation: tiao 550ms linear infinite;-o-animation: tiao 550ms linear infinite;animation: tiao 550ms linear infinite; position:relative; top:0}
@keyframes tiao {from { top: 3px; } to { top: 0; } } 
@-webkit-keyframes tiao {from { top:3px; } to { top: 0; } }
@-moz-keyframes tiao { from { top:3px; } to { top: 0; } } 
@-o-keyframes tiao { from { top:3px; } to { top: 0; } } 
/*nav*/
.nav{width:60%;height:100%;overflow:hidden;background:rgba(0,0,0,0.8);z-index:999999;position:absolute;top:0;right:0;margin-right:-60%;display:none;}
.nav ul{}
.nav ul li{width:100%;text-align:center;}
.nav ul li a{font-size:1em;line-height:1.3em;color:#fff;display:block;border-bottom:1px solid #fff;line-height:38px;margin:10px 0;}
.nav-2 { clear:both;
    background:rgba(8,123,199,.98); left:0;
    position: fixed; top:56px; right:0; transform:translateX(100%); transition:all 450ms ease-out;
    z-index: 130000; height:100%; overflow-y: auto;
}
.nav-2.active{ transform:translateX(0);}
.nav-2 > ul{padding:0 3em}
.nav-2 > ul > li {
    background:url(../images/tico.png) right center no-repeat;
    height:50px;
    line-height: 50px;
    border-bottom: 1px solid rgba(255,255,255,.15);
}
.nav-2 > ul > li > a {
    font-size: 14px; display:block;
    width: 100%;
    color: #fff; font-size:16px;
}
.nav-2 > ul > li ul{ display:none}
.nav-2 > ul > li ul{ margin-left:25px}
.nav-2 > ul > li ul li{ line-height:2.5;}
.nav-2 > ul > li ul li a{ color:#fff; font-size:16px;}
.nav-2 > ul > li ul li a i{ font-family:"宋体"}
.nav-2 > ul > li ul li:first-child{border-top: 0;}
#nav-2-heidi {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background:rgba(55,57,52,.9);
    display: none;
}
.menuico{margin-top:0.7em;margin-right:1em; }
.menuico span{ background:#333; display:block; width:28px; margin:0 auto; height:3px; margin-top:6px; transition:all 500ms ease-in-out;}
.menuico.pdtop{padding-top:5px;}
.animated .mtop {
    -webkit-transform: translateY(5px) rotateZ(45deg);
    -moz-transform: translateY(5px) rotateZ(45deg);
    -ms-transform: translateY(5px) rotateZ(45deg);
    -o-transform: translateY(5px) rotateZ(45deg);
    transform: translateY(5px) rotateZ(45deg);
}
.animated .middle {
    width: 0;
}
.animated .bottom {
    -webkit-transform: translateY(-13px) rotateZ(-45deg);
    -moz-transform: translateY(-13px) rotateZ(-45deg);
    -ms-transform: translateY(-13px) rotateZ(-45deg);
    -o-transform: translateY(-13px) rotateZ(-45deg);
    transform: translateY(-13px) rotateZ(-45deg);
}
/*banner*/
.banner{/*background:url(../images/banner-bg.png) 0 0 no-repeat;background-size:100%*/;}
/*可滑动banner*/
/*.links{padding: 8px; background-color: #52b529; margin: 5px; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
.links a{color: #fff; display: inline-block; width: 100%; height: 100%; text-decoration: none; }
.links:hover{background-color: #1e824c; }
.current{background-color: #22a7f0; }*/
.swiper-container {}
.swiper-slide {text-align:center; font-size: 18px; background: #fff; /* Center slide text vertically */ 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; }
.swiper-slide img{width:100%;display:block;}
.swiper-pagination-bullet{width:8px!important;height:8px!important;margin:0 3px!important}
.imgstyle {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.imgstyle > img {
	width: 100%
}

/*合作伙伴*/
.hzbox{background:url(../images/hzbg.jpg) bottom center no-repeat;background-size:100% auto;padding:5% 0;}
.hzbox .friend h1{font-size:1.2em;text-align:center;color:#fff;line-height:2em;}
.link{margin-top:5%;}
.picScroll-left{width:90%;overflow:hidden;position:relative;margin:auto;background:#fff;box-shadow:0 2px 2px 1px rgba(0,0,0,.08)}
.picScroll-left .bd{padding:10px;}
.picScroll-left .bd ul{overflow:hidden; zoom:1;}
.picScroll-left .bd ul li{float:left; _display:inline;text-align:center;width:33%;margin:0 0.8px;}
.picScroll-left .bd ul li img{ width:100%;display:block;}

/*底部*/
.foot{background:#232323;padding:5%}
.xinxi{margin-top:4%}
.erweima{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content:center;
}
.erweima div{margin:0 8px;text-align:center}
.erweima div dt img{ height:80px;}
.erweima div dd{color:#888;font-size:12px;margin-top:5px;}
.xinxi p{color:#fff;font-size:13px;line-height:1.8;}
.xinxi p.email{/*padding-left:2em;*/background-size:5%;}
.xinxi p.tel{/*padding-left:2em;*/background-size:5%;}
/*电话脚部*/

.foot-special{height:3.6em;z-index:10;position:fixed;bottom:0;left:0;width:100%;}
.foot-special ul li{width:50%;height:3.6em; line-height:3.6em;float:left;}
.foot-special ul li a{display:block;width:50%;margin:auto;}
.foot-special ul li a img{width:22%; margin-top:1.1em;}
.foot-special ul li a p{color:#fff;font-size:1.1em;}

/*首页内容*/
.titleimg{display:block;margin:1em auto;width:82%;}
/*我们的服务*/
.tilte{text-align:center}
.tilte h2{font-size:17px}
.tilte h3{color:#504f54;font-size:13px;margin-top:0.3em}
.service{padding:5% 0}
.service ul{padding: 3%;box-sizing:border-box}
.service ul li{float:left;width:33.333%;margin-top:4%;text-align:center}
.service ul li dt{display:inline-block}
.service ul li dt img{height:60px}
.service ul li dd{text-align:center;font-size:1em;margin-top:0.5em}
/*我们的套餐*/
.taocan{background:url(../images/tcbg.jpg) bottom center no-repeat;background-size:100% auto;padding:2% 0;padding-top:1%}
.yxmain{padding:6% 3%;box-sizing:border-box}
.yxmain li{ background:url(../images/yxbg1.jpg) center center no-repeat; background-size:100% 100%; float:left; width:50%; text-align:center;height:96px;padding:3% 4%; box-sizing:border-box}
.yxmain li p{ font-size:12px;color: #ffffff;margin-top:0.1em}
.yxmain li img{display:inline-block;height:33px;}
.yxmain li:nth-child(2),.yxmain li:nth-child(3),.yxmain li:nth-child(6){background:url(../images/yxbg.jpg) center center no-repeat; background-size:100% 100%;}
.yxmain li:nth-child(2) p,.yxmain li:nth-child(3) p,.yxmain li:nth-child(6) p{ color:#333}
/*我们的案例*/
.index-case{padding:5% 0}
.index-case .tilte h2{color:#087bc7}
.caselist{padding:5% 0;box-sizing:border-box}
.caselist li{float:left;width:50%;text-align:center;box-shadow:0 0 5px 1px rgba(0,0,0,.1)} 
.caselist li:nth-child(even){margin-right:0}
.caselist li img{width:100%;display:block;}
.caselist li h2{font-size:1em;height:45px;line-height:45px;padding:0 10px;box-sizing:border-box;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
/*更多*/
.index-more{display:block;width:90px;margin:0 auto;margin-top:2%;text-align:center;border: 1px solid #ddd;height: 30px;line-height: 30px;color: #888;}
/*关于我们*/
.index-about{background:url(../images/abg.jpg) center center no-repeat;background-size:cover;padding:3% 0}
.index-about .btn{width:50%;margin:auto; padding:1em 0;}
.index-about .btn li{width:44%;margin:0 3%;font-size:1em;line-height:2em;height:2em;text-align:center;background-color:#fff;border-top-right-radius:5px;border-top-left-radius:5px;float:left;position:relative;}
.index-about .btn li img{position:absolute;top:2em;left:50%;margin-left:-12%;width:24%;display:none}
.index-about .btn li.on{color:#fff;background-color:#3399dc;}
.index-about .btn li.on img{display:block;}
.index-about .list{margin-top:5%}
.about-text img{width:80%;margin:0.5em auto;}
.about-text p{width:92%;font-size:1em;line-height:1.6em;margin:auto;text-align:left;text-indent:2em;}
.job-text{width:80%;margin:auto;}
.job-text ul li{height:10.75em;}
.job-text ul h1{font-size:1.2em;line-height:2em;}
.job-text ul p{font-size:1em;line-height:1.5em;height:7.5em;overflow:hidden;}
.job-text a.more{width:30%;margin:auto;background-color:#3399dc;color:#fff;display:block;height:1.8em;line-height:1.8em;font-size:0.8em;text-align:center;border-radius:5px;}
/*新闻中心*/
.index-new{background:#f0f0f0;padding:5% 0;margin-top:5%}
.newlist{width:92%;margin:auto;margin-top:5%}
.newlist li{margin-bottom:0.8em;overflow: hidden;background:#fff;}
.newlist li a{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;  
}
.newlist li dt{width:35%;}
.newlist li dd{width:56%;}
.newlist li h2{font-size:15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.newlist li p{font-size:12px;margin-top:2%;color:#6f6f6f;line-height:1.5em;}
.index-new .index-more{margin-top:5%}
#newBridge .nb-icon-wrap{width:45px!important;height:45px!important;left:auto!important;right:0!important}
#newBridge .nb-icon-wrap-0 .nb-icon-wrap-base{background:#087bc7 url(../images/module-bg-0.png) center center no-repeat!important;background-size:26px 26px!important;border-radius:100%!important;}