.header{width:100%;height:80px;display:block;position:fixed;top:0;left:0;z-index:9999;-webkit-transition:.3s linear;-o-transition:.3s linear;transition:.3s linear}
.header.black{background-color:#333;background-color:rgba(0,0,0,.8);border-bottom:none}
.header.hide{top:-100px;border-bottom:none}
.top{width:85%;min-width:1200px;margin:0 auto;overflow:hidden;zoom:1;display:block}
.logo{float:left;display:block;width:216px;height:66px;padding:7px 0}
.logo a{background:url(../img/logo1.png) no-repeat;width:216px;height:66px;display:block}
.nav{float:right;display:block}
.nav li{float:left;display:block;width:104px;line-height:80px;-webkit-transition:.3s linear;-o-transition:.3s linear;transition:.3s linear}
.nav li.w72{width:72px}
.nav li a{display:block;color:#fff;font-size:16px}
.nav li a .line{display:block;float:left;width:0;height:1px;background-color:#fff;margin-top:39px;-webkit-transition:.3s linear;-o-transition:.3s linear;transition:.3s linear}
.nav li:hover a .line{width:8px;margin-right:5px}
.nav li.active a .line{width:15px;height:2px;margin:38px 5px 0 0}
.banner{display:block;width:100%; min-width:1200px;overflow:hidden;zoom:1;position:relative;margin:0 auto;height:calc(100vh);background-color:#000}
.banner ul li{display:block;position:absolute;width:100%;height:calc(vh);top:0;left:-9999px;z-index:0}
.banner ul li.on{left:0}
.banner ul li a{display:block;width:100%;height:calc(vh);background:center;background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover}
.banner ul li a{display:block;width:100%;height:calc(100vh)}
.banner .btn{display:none;position:absolute;z-index:5;width:36px;height:64px;top:50%;margin-top:-32px;text-align:center;line-height:67px;color:#fff;font-family:Simsun;font-size:30px;background-color:#000!important;background-color:rgba(0,0,0,.4)!important;transition:.3s;-webkit-transition:.3s;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s}
.banner:hover .btn{display:block}
.banner .btn.prev{left:0}
.banner .btn.next{right:0}
.banner .btn:hover{background-color:rgba(0,0,0,.6)!important}
.banner ol{display:block;position:absolute;width:110px;bottom:38px;text-align:center;z-index:5;font-size:0;left:50%;margin-left:420px;vertical-align:middle}
.banner ol li{display:inline-block;padding:3px;border:1px solid #fff;border-radius:50%;margin:0 10px;cursor:pointer;vertical-align:middle}
.banner ol li span{display:block;width:8px;height:8px;border-radius:50%;background-color:#fff}
.banner ol li.active{padding:2px}
.banner ol li.active span{width:12px;height:12px}
.banner .action{display:block;position:absolute;width:100%;height:30px;left:0;bottom:31px;z-index:3}
.banner .action .scroll-btn{position:absolute;display:block;width:22px;height:30px;top:0;left:50%;margin-left:-11px;background:url(../img/an_1.png) no-repeat center;z-index:4;animation:myFade 2s linear infinite}
.banner .action .line-l{position:absolute;display:block;width:100%;height:1px;background-color:#a7a8a7;top:50%;margin-top:-1px;right:50%;margin-right:31px}
.banner .action .line-r{position:absolute;display:block;width:100%;height:1px;background-color:#a7a8a7;top:50%;margin-top:-1px;left:50%;margin-left:31px}
@-webkit-keyframes myFade{0%{opacity:1;top:0}
25%{top:-10px;opacity:.3}
50%{top:0;opacity:1}
75%{top:10px;opacity:.3}
100%{opacity:1;top:0}
}
@-moz-keyframes myFade{0%{opacity:1;top:0}
25%{top:-10px;opacity:.3}
50%{top:0;opacity:1}
75%{top:10px;opacity:.3}
100%{opacity:1;top:0}
}
@-o-keyframes myFade{0%{opacity:1;top:0}
25%{top:-10px;opacity:.3}
50%{top:0;opacity:1}
75%{top:10px;opacity:.3}
100%{opacity:1;top:0}
}
@keyframes myFade{0%{opacity:1;top:0}
25%{top:-10px;opacity:.3}
50%{top:0;opacity:1}
75%{top:10px;opacity:.3}
100%{opacity:1;top:0}
}
.section{display:block;width:85%;min-width:1200px;margin:50px auto 0 auto}
.section-header{position:relative;display:block;padding-top:17px;height:90px;margin-bottom:40px;opacity:0;text-align:center;}
.section .section-header.show{left:0;opacity:1;filter:alpha(opacity=100)}
.bussiness{overflow:hidden;position:relative}
.bussiness-header{background:url(../img/price-bg.png) no-repeat center bottom}
.Advantage-header{background:url(../img/price-bg1.png) no-repeat center bottom}
.case-header{background:url(../img/price-bg2.png) no-repeat center bottom}
.about-header{background:url(../img/price-bg3.png) no-repeat center bottom}
.news-header{background:url(../img/price-bg4.png) no-repeat center bottom}

.section-header h3{display:block;font-size:28px;color:#333;font-weight:700;line-height:1}
.bussiness-body{display:block;overflow:hidden}
.bussiness-body .item{position:relative;display:block;float:left;width:16.666%;opacity:0;overflow:hidden}
.bussiness-body .item1{left:200px;}
.bussiness-body .item2{left:300px;}
.bussiness-body .item3{left:400px;}
.bussiness-body .item4{left:500px;}
.bussiness-body .item5{left:600px;}
.bussiness-body .item.on{width:32.33%}
.bussiness .bussiness-body.show .item{left:0;opacity:1;filter:alpha(opacity=100)}
.bussiness-body .item .service{display:block;height:358px;border:1px solid #e8e8e8;border-width:1px 0 1px 1px;text-align:center;-webkit-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out}
.bussiness-body .item.on .service{width:50%}
.bussiness-body .item5 .service{border-width:1px 1px 1px 1px}
.bussiness-body .item.on .service{background-color:#0166ce;border-color:#0166ce}
.bussiness-body .item .service .content{display:block;height:240px;padding-top:46px;line-height:1}
.bussiness-body .item .service .content h4{display:block;font-size:18px;font-weight:700}
.bussiness-body .item .service .content h4 a{color:#333;-webkit-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out}
.bussiness-body .item.on .service .content h4 a{color:#fff}
.bussiness-body .item .service .content p{display:block;margin-top:11px;color:#4b4b4b;white-space:nowrap;-webkit-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out}
.bussiness-body .item.on .service .content p{color:#fff}
.bussiness-body .item .service .content .icon{display:inline-block;margin-top:56px}
.bussiness-icon1{background:url(../img/icon.png) no-repeat 0 -822px;height:72px;padding-left:88px}
.bussiness-body .item.on .service .content .bussiness-icon1{background:url(../img/icon.png) no-repeat 0 -894px}
.bussiness-icon2{background:url(../img/icon.png) no-repeat 0 -750px;height:72px;padding-left:74px}
.bussiness-body .item.on .service .content .bussiness-icon2{background:url(../img/icon.png) no-repeat 0 -678px}
.bussiness-icon3{background:url(../img/icon.png) no-repeat 0 -1254px;height:72px;padding-left:75px}
.bussiness-body .item.on .service .content .bussiness-icon3{background:url(../img/icon.png) no-repeat 0 -1326px}
.bussiness-icon4{background:url(../img/icon.png) no-repeat 0 -966px;height:72px;padding-left:75px}
.bussiness-body .item.on .service .content .bussiness-icon4{background:url(../img/icon.png) no-repeat 0 -1182px}
.bussiness-icon5{background:url(../img/icon.png) no-repeat 0 -1038px;height:72px;padding-left:74px}
.bussiness-body .item.on .service .content .bussiness-icon5{background:url(../img/icon.png) no-repeat 0 -1110px}
.bussiness-body .item .service .info{display:block;padding:16px 20px 0 20px;border-top:1px dashed #cdcdcd;font-size:12px;line-height:20px;color:#6c6c6c;-webkit-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out}
.bussiness-body .item.on .service .info{color:#fff;border-top:1px dashed #4e94dd}
.bussiness-body .item .price{position:absolute;display:block;width:100%;height:360px;left:100%;top:0}
.bussiness-body .item.on .price{width:50%;left:50%}
.bussiness-body .item .price ul{display:block;position:relative;z-index:5}
.bussiness-body .item .price ul li{display:block;height:71px;line-height:71px;border-bottom:1px solid #565758;white-space:nowrap}
.bussiness-body .item .price ul li a{display:block;padding:0 20px 0 10px;color:#999;background:url(../img/enter-icon.png) no-repeat right 10px center;-webkit-transition:.3s linear;-o-transition:.3s linear;transition:.3s linear}
.bussiness-body .item .price ul li a:hover{color:#fff;background:url(../img/enter-icon-on.png) no-repeat right 10px center}
.bussiness-body .item .price ul li a .num{padding-left:10px}
.bussiness-body .item .price .mask{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#000;opacity:.8;filter:alpha(opacity=80);z-index:2}

.Advantage{overflow:hidden;position:relative; margin:50px auto 0 auto; width:85%; min-width:1200px;}
.Advantage-header{ padding-top:17px; text-align:center;    position: relative;display: block;height: 90px;
 margin-bottom: 40px;}
.Advantage-header h3 {display: block;font-size: 28px;color: #333; font-weight: 700; line-height: 1;}
.Advantage-com{display:block;overflow:hidden;}
.Advantage-com a{ width:19%;background:#fff; text-align:center; color:#666; display:block; float:left; padding:3% 3%;}
.Advantage-com a:hover,.Advantage-com a.hover{ background:#0166ce; color:#fff;-webkit-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;}
.Advantage-com a h3{ font-size:18px; margin-bottom:8px; height:31px; line-height:31px; overflow:hidden; color:#333; font-weight:700;}
.Advantage-com a p{ font-size:14px; line-height:25px; text-align:left; height:100px; overflow:hidden;}

.case{ width:100%;}
.case-body{display:block;width:100%;overflow:hidden}
.case-body ul{display:block;margin:0 -8px}
.case-body li{display:block;width:25%;float:left;margin-bottom:16px;-webkit-transform:scale(.4);-o-transform:scale(.4);transform:scale(.4);opacity:0;filter:alpha(opacity=0)}
.case-body .item1{-webkit-transition:.3s .5s linear;-o-transition:.3s .5s linear;transition:.3s .5s linear}
.case-body .item2{-webkit-transition:.45s .5s linear;-o-transition:.45s .5s linear;transition:.45s .5s linear}
.case-body .item3{-webkit-transition:.6s .5s linear;-o-transition:.6s .5s linear;transition:.6s .5s linear}
.case-body .item4{-webkit-transition:.75s .5s linear;-o-transition:.75s .5s linear;transition:.75s .5s linear}
.case-body .item5{-webkit-transition:.9s .5s linear;-o-transition:.9s .5s linear;transition:.9s .5s linear}
.case-body .item6{-webkit-transition:1.05s .5s linear;-o-transition:1.05s .5s linear;transition:1.05s .5s linear}
.case-body .item7{-webkit-transition:1.3s .5s linear;-o-transition:1.3s .5s linear;transition:1.3s .5s linear}
.case-body .item8{-webkit-transition:1.45s .5s linear;-o-transition:1.45s .5s linear;transition:1.45s .5s linear}
.case .case-body.show li{-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1;filter:alpha(opacity=100);display:block}
.case-body li .content{display:block;padding:0 8px}
.case-body li .content .pic{display:block;overflow:hidden;position:relative}
.case-body li .content .pic img{display:block;width:100%;height:auto;-webkit-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;transform-origin:50% 50%}
.case-body li .content:hover .pic img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.case-body li .content .pic .icon{position:absolute;display:block;width:51px;height:60px;top:50%;margin-top:-25px;left:50%;margin-left:-30px;background:url(../img/hexagon-icon.png) no-repeat center;opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2);-webkit-transition:.5s linear;-o-transition:.5s linear;transition:.5s linear}
.case-body li .content:hover .pic .icon{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1;filter:alpha(opacity=100)}
.case-body li .content .info{display:block;height:60px;line-height:60px;padding:0 20px 0 10px;background-color:#f1f1f1;-webkit-transition:.3s linear;-o-transition:.3s linear;transition:.3s linear}
.case-body li .content:hover .info{background-color:#0166ce}
.case-body li .content .info h4{display:block;float:left}
.case-body li .content .info h4 a{color:#333;font-size:16px;-webkit-transition:.3s linear;-o-transition:.3s linear;transition:.3s linear}
.case-body li .content:hover .info h4 a{color:#fff}
.case-body li .content .info .enter{position:relative;display:block;float:right}
.case-body li .content .info .enter a{display:block;float:left;width:31px;height:31px;border:1px solid transparent;border-radius:50%;margin-top:14px;/*margin-left:5px;*/-webkit-transition:border .3s linear;-o-transition:border .3s linear;transition:border .3s linear}
.case-body li .content .info .enter a:hover{border:1px solid #fff}
.case-body li .content .info .enter .computer-icon{background:url(../img/icon.png) no-repeat -1px -301px}
.case-body li .content:hover .info .enter .computer-icon{background:url(../img/icon.png) no-repeat -1px -367px}
.case-body li .content .info .enter .mobel-phone-icon{background:url(../img/icon.png) no-repeat -1px -268px}
.case-body li .content:hover .info .enter .mobel-phone-icon{background:url(../img/icon.png) no-repeat -1px -334px}
.case-body li .content .info .enter .case-ewm{display:none;position:absolute;padding:6px;border:1px solid #e0e0e0;bottom:47px;right:-20px;background-color:#fff;z-index:10}
.case-body li .content .info .enter .case-ewm img{display:block;width:140px;height:140px}
.case-body li .content .info .enter .case-ewm p{display:block;padding:10px;line-height:1;text-align:center;color:#383838;white-space:nowrap}
.case-body li .content .info .enter .case-ewm .arrow{display:block;position:absolute;width:0;height:0;border:8px solid transparent;border-top:8px solid #fff;bottom:-16px;right:30px}


.about{ width:100%; min-width:1200px; background:url(../img/about.png) no-repeat; height:500px; margin-top:50px;}
.about-header{ padding-top:50px; text-align:center; position: relative;display: block;height: 90px; margin-bottom: 40px;}
.about-header h3 {display: block;font-size: 28px;color: #fff; font-weight: 700; line-height: 1;}
.about-com{ width:85%; min-width:1200px; margin:0 auto;}
.about-com p{ font-size:14px; color:#fff; line-height:28px; text-indent:2em; margin-bottom:20px;}
.about_div{ text-align:center; margin-top:60px;}
.about_div img{ width:163px; height:52px;}


.news{display:block;overflow:hidden;}
.news-header h3{display:block; font-size:28px;}
.news-header .news-type{display:block; float:left; margin:70px 0 0 36%;}
.news-header .news-type li{display:block;float:left;width:78px;height:24px;border:1px solid #fff;border-radius:15px;text-align:center;line-height:24px;margin-left:24px;color:#333;cursor:pointer;-webkit-transition:.3s linear;-o-transition:.3s linear;transition:.3s linear}
.news-header .news-type li.active{border:1px solid #0166ce;color:#0166ce}
.news-header{padding-top: 50px; text-align: center; position: relative; display: block; height: 90px; margin-bottom: 70px;}


.news-body{display:none;overflow:hidden;position:relative}
.news-body.on{display:block}
.news-body .news-r{display:block;width:100%}
.news-body .news-r li{position:relative;display:block;float:left;width:22%;margin-left:3%}
.news-body .news-r li:nth-child(2){margin-right:0}
.news-body .news-r .item1{top:0px;}
.news-body .news-r .item2{top:0px;}
.news-body .show .news-r li{top:0;opacity:1;filter:alpha(opacity=100)}
.news-body .news-r li .pic{display:block;overflow:hidden;border:1px solid #eee}
.news-body .news-r li .pic img{display:block;width:100%;height:auto;-webkit-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out}
.news-body .news-r li:hover .pic img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.news-body .news-r li h4{display:block;margin-top:22px;height:35px; overflow:hidden;}
.news-body .news-r li h4 a{color:#333;font-size:16px;line-height:35px;font-weight:700;-webkit-transition:.5s linear;-o-transition:.5s linear;transition:.5s linear}
.news-body .news-r li:hover h4 a{color:#0166ce}
.news-body .news-r li p{display:block;line-height:24px;color:#5f5f5f;margin-top:5px;height:96px; overflow:hidden;}
.news-body .news-r li .info{display:block;margin-top:18px}
.news-body .news-r li .info span{display:block;float:left;color:#9a9a9a}
.news-body .news-r li .info a{display:block;float:right;color:#5f5f5f;-webkit-transition:.5s linear;-o-transition:.5s linear;transition:.5s linear}
.news-body .news-r li .info a:hover{color:#0166ce}


.footer{ background:#171717; width:100%; min-width:1200px; display:block; margin-top:40px; height:370px;}
.footer-body{ width:85%; min-width:1200px; display:block; overflow:hidden; margin:0 auto; height:305px;}
.foot_1{ float:left; display:block; margin-top:60px; text-align:center; width:30%;}
.foot_1 span{}
.foot_1 span img{ width:240px; height:73px}
.foot_1 p{ margin-top:20px;}
.foot_2{ float:left; display:block;width:36%; margin-top:65px;}
.foot_2 span{ display:block; color:#fff; font-size:13px; float:left; text-align:center; margin-left:80px; line-height:40px;}
.foot_2 span img{width:120px;}
.foot_3{ float:right; width:30%; display:block; margin-top:65px;}
.foot_3 p{ font-size:14px; color:#fff; line-height:45px;}


.foot_com{ background:#202020; height:67px; line-height:67px; color:#fff; text-align:center; font-size:16px;}


/********************浮动框***********************/
.Sidebar{
	position: fixed;
	right: 10px;
	top: 30%;
	z-index: 99999;
}
.Sidebar ul li{
	display: block;
	position: relative;
	height: 64px;
	width: 66px;
	margin-top: 4px;
}
.Sidebar ul li>dl{
	width: 66px;
	height: 64px;
	overflow: hidden;
	border-radius: 7px;
	background: #0166ce;
	text-align: center;
	cursor: pointer;
}
.Sidebar ul li>dl dt{
	margin-top: 7px;
}
.Sidebar ul li>dl dd{
	margin-top: 5px;
}
.Sidebar ul li>dl dd a{
	color: #fff;
	font-size: 12px;
}
.Sidebar ul li .tels{
	position: absolute;
	right: 0;
	top: 0;
	width: 0px;
	line-height: 64px;
	height: 64px;
	color: #fff;
	font-size: 20px;
	background: #0166ce url(../img/2.png)no-repeat 30px center;
	border-radius: 10px;
	overflow: hidden;
	padding-left: 0px;
	transition: all .5s;
	z-index: 1;
}
.Sidebar ul li.SidebarTel:hover .tels{
	width: 200px;
	padding-left: 70px;
	z-index: 9;
}

.Sidebar ul li .ewmBox{
	position: absolute;
	right: 71px;
	top: -67px;
	width: 200px;
	height: 200px;
	transform: scale(0);
	transition: all .5s;
}
.Sidebar ul li .ewmBox img{
	display: block;
	width: 100%;
	height: 100%;
}
.Sidebar ul li.SidebarEwm:hover .ewmBox{
	transform: scale(1);
}