@charset "utf-8";
/* CSS Document */
.navbox li,.menu-box li,.footer li{ list-style:none}


.width-m{width:1226px; margin:auto; text-align:left;}
.center{ text-align:center;}
.right{ text-align:right}
.white{ color:#FFF;}
.bg-grey{background-color:#666;}
.bg-blue{background-color:#3685D8;}
.bg-yellow{background-color:#FF7D1E;}

.f-16{ font-size:16px;}
.f-12{ font-size:12px;}
.f-41{ font-size:41px;}
.f-22{ font-size:22px;}

/*蒙版*/
.mask-bg{position: absolute;top: 0;width: 100%;height: 100%;z-index:2;}/*background-color: #4c4e59;filter:alpha(Opacity=50);-moz-opacity:0.5;opacity:0.5;*/
.mask-front{position: absolute;top: 0;width: 100%;height: 100%;z-index:9;}

/*--TOP&LOGO--START--*/
.top{ height:30px; background-color:#505155; color:#BBB; line-height:30px;}/*404144*/
	.lang{ width:300px; height:100%; float:right;}
	.lang span a{color:#999;}.lang span a:hover{color:#08c}
	.lang .gline{ margin:0px 8px;}
	.lang .a-open{ color:#FF7D1E;}/*#FF6001 #FE9A3C*/

.logo-box{ height:80px; line-height:80px;}
	.logo{ float:left; display:block; background-color:#9F3; width:30%; height:80px; overflow:hidden;}
	.nav-box{float:left;width:70%;}
		.nav{width:100%;text-align:right;}
		.nav li{list-style:none;float:right;margin-left:52px;}
		.nav li a{color:#000;}.nav li a:hover{color:#08c;}
		.nav .a-open{color:#FF7D1E;}/*FF6001*/
/*.shadow-top{
-webkit-box-shadow:0 0 5px #CCC;
box-shadow:0 0 5px #CCC;	
}*/
/*--TOP&LOGO--END--*/

/*--foot--START--*/
.footer{background-color:#313435}
.footer-top{ width:100%; height:91px;padding: 30px 0; border-bottom: 1px solid #46494A;}
.footer-top a{color:#999;}.footer-top a:hover{color: #08c;}
.footer-logo{display: inline-block;
    width: 130px;
    height: 30px;
    background: url(../img/btm-logo2.png) no-repeat;
    margin-right: 10px;
    vertical-align: middle;
    position: relative;
    top: -2px;}
.footer-main{ height:191px; padding-top:20px; padding-bottom:40px; color:#666;line-height:25px;}
	.footer-nav{ float:left; width:390px; height:131px;}
		.footer-nav ul{ display:block; margin-bottom:7px;}
		.footer-nav ul li{ float:left;color:#CCC;}
		.footer-nav ul li a{ color:#CCC;}.footer-nav ul li a:hover{color: #08c;}
	.footer-link{ float:left; width:600px; height:77px; margin-left:30px;}
		.footer-link span{color:#CCC;}
		.footer-link p{ margin-top:7px;}
		.footer-link a{ margin-right:22px;display:inline-block;color:#666;}.footer-link a:hover{color: #08c;}
	.footer-code{ float:right;}

.copyright{height:73px; padding:28px 0;color:#504F4F;background:#272A2B;}
/*--foot--END--*/


/* flexslider */
.flexslider{position:relative;height:456px;overflow:hidden;background:url(../img/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:500px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../img/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../img/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../img/next.png) center center no-repeat;}

/*--banner-按钮--start--*/
.bnr-btn{
	text-align:center;
	font-size:18px;
	display:block;
	margin:auto;
	width:300px;
	height:50px;
	line-height:52px;
	color:#FFF;
	border: 1px solid #fff;
	border-radius: 4px;
	overflow: hidden;
	cursor:pointer;
	transition: all .2s;
    -webkit-transition: all .2s;
}
.bnr-btn:hover,
.bnr-btn:focus,
.bnr-btn:active,
.bnr-btn.active{background-color: #fe9a3c;border: 0;border: 1px solid #fe9a3c;}
.bnr-btn a{ color:#FFF; text-decoration:none}
/*--banner-按钮--end--*/

/*--banner---start--*/
.bnr-box{ height:456px; overflow:hidden; background:#f3f3f3;}
	.bnr-f1-box{ margin-top:93px;}
	.bnr-f1-ttl{}
	.bnr-f1-mm{ margin-top:40px;}
	.bnr-f1-bnt{ margin-top:30px; z-index:5;}

	.bnr-f2-box{ margin-top:93px;}
	.bnr-f2-ttl{ font-size:60px;}
	.bnr-f2-mm{ margin-top:30px; font-size:30px;}
	.bnr-f2-bnt{ margin-top:30px; z-index:5;}
/*--banner---end--*/	

/*--关于我们--start--*/
.about-box{ height:320px; overflow:hidden; padding:75px 0; background-color:#EEE; background:url(../img/about-bg.png) center;}
.about-logo{float:left;width:171px;}
.about-text{float:right;width:960px;padding:20px 30px;}
.about-text h2{font-size:22px;font-weight:normal;color:#000000;line-height:32px;}
.about-text h2 em {color: #1F7EDD;}
.about-text p{ margin-top:15px; line-height:28px;color: #8c8d8d;}
/*--关于我们--end--*/

/*推荐产品*/
.pro-box{height:450px;margin-top:70px; text-align:center;}
.pro-more a{ color:inherit;}

/*提供服务*/
.svr-bg{ background-color:#4c4e59}
.svr-box{ height:500px;position:relative;overflow:hidden; margin-top:80px; background-color:#666;background:url(../img/svr-bg.jpg) center no-repeat fixed;}
	.pc-title{padding-top: 68px;padding-bottom:30px; width:100%;text-align:center;}
	.pc-title i{
		display: inline-block;
		width: 140px;
		border-top: 1px solid;
		border-color:#FFF;
		vertical-align: middle;
		margin-top: -17px;
		font-size: 16px;
	}
	.pc-title h3{
		display: inline-block;
		font-size: 34px;
		color: #FFF;/*1f7edd*/
		padding: 0 30px;
		font-weight: normal;
	}	
	.pc-mm{
		font-size: 14px;
		color: #EEE;
		line-height: 28px;
		max-width: 620px;
		margin: 0 auto;
		text-align: center;

	}
	
	.pc-list{text-align: center; margin-top:20px;}
	.pc-list span{
    display: inline-block;
    width: 300px;
    height: 120px;
    border: 1px solid #fff;
    font-size: 18px;
    margin: 0 20px;
    transition: all .2s;
    -webkit-transition: all .2s;
	vertical-align: baseline;		
	}
		.pc-list span a{display: block;
		text-decoration:none;
		margin-top: 40px;
		color: #fff;
		cursor: default;
		}
		.pc-list span:hover,.pc-list span.active {
		background-color: #fe9a3c;
		border: 0;
		border: 1px solid #fe9a3c;
		}
		.pc-list span b{
		display: block;
		margin-top:8px;
		font-size: 12px;}
		.svr-box .pc-list span a{cursor:pointer}
		
/*服务保障*/
.safe-box{ height:550px; background-color:#FFF}
.safe-box .pc-title i{border-color:#DDD;}
.safe-box .pc-title h3{color:#08c;}
.safe-box .pc-mm{ color:#999;}
.safe-list{ margin-top:40px;}
.safe-list li{
float: left;
width: 20%;
text-align: center;
}
.safe-list h5 {
font-size: 18px;
color: #1F7EDD;
font-weight: bold;
margin: 18px 0;
}
.safe-list li i {
    width: 70px;
    height: 101px;
    overflow: hidden;
    display: inline-block;
    background-position: 0 0;
    background-size: cover;
/*    -ms-behavior: url(../css/backgroundsize.min.htc);
    behavior: url(../css/backgroundsize.min.htc);*/
    transition: all .2s;
    -webkit-transition: all .2s;
}
.safe-list ul li p {
  color: #7a7a7a;
  font-size: 14px;
/*  line-height: 28px;*/
}
.safe-list ul li:hover,.safe-list ul li.active {
  cursor: default;
}.safe-list ul li:hover i,.safe-list ul li.active i {
  background-position: 0 -101px;
}.safe-list ul li:hover h5,.safe-list ul li:hover p,.safe-list ul li.active h5,.safe-list ul li.active p {
  color: #fe9a3c;
}
.icon-mouse {
    background-image: url(../img/icon-mouse.png);
}	
.icon-lock {
    background-image: url(../img/icon-lock.png);
}
.icon-zan {
    background-image: url(../img/icon-zan.png);
}
.icon-baozhang {
    background-image: url(../img/icon-baozhang.png);
}
.icon-headphone {
    background-image: url(../img/icon-headphones.png);
}

/*销售争取策略*/
.sale-box{ height:500px;position:relative;overflow:hidden;background:url(../img/sale-bg.jpg) center;}
.sale-box .pc-title{ margin-top:100px;}
.sale-box .pc-list { }