@charset "utf-8";
/* CSS Document */

/* 初始化CSS  重置浏览器样式*/

html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img input{ margin:0; padding:0; }
fieldset, img { border:none; } 
img{display: block;}
ul,li,ol{ list-style:none; }
input { padding-top:0; padding-bottom:0; border:0 none;outline-style:none;}
select, input, textarea { font-size:12px; margin:0; }
textarea { resize:none; }
table { border-collapse:collapse; }
body {font-size:12px; color:#333;font-family:"微软雅黑","SimSun","宋体","Arial","Lucida Grande", "Tahoma","sans-serif";width:100%;height:100%;}
.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix { zoom:1; }
i,em{font-style:normal;}
a { color:#333; text-decoration:none;font-family:"微软雅黑"; }
a:hover { color:#FF7222; text-decoration:none; }
.wrap{margin:0 auto;max-width:1920px;}
h1{font-weight:normal;}

/* ------------屏幕安全距离 ------------*/
.w{width: 1920px;margin:0 auto;}

@media (max-width:1919px) and (min-width:960px){
	.w{  margin:0 auto;width:100%;}
}
@media (max-width:959px) {
	.w{ width:100%; padding:0 10px; box-sizing: border-box; }
}




/*顶部导航*/
.head-v3{width:100%;background-color:rgba(255,255,255,0.8) ;box-shadow: 1px 1px 3px #ccc;height:60px;position: fixed;z-index:9999;}
.head-v3 .navigation-inner{margin:auto;width:100%;position:relative;}
.head-v3 .navigation-inner h1{float:left;padding:8px 0;}
.navigation-down .menu-1 dt img{display:block;margin:10% auto;}

/*banner*/
.banner{width:100%;height:1080px;background: url(../img/banner_01.jpg) no-repeat center center;background-size:cover ;background-position: center;}
.banner .bxslider div{float:left;width: 50%;}
.banner .bxslider .banner_img img{display: block; margin:12% auto;width:60%;}
.banner .bxslider .banner_text{height: 100%;}
.banner .bxslider .banner_text ul{padding:3% 12%; display: block;}
.banner .bxslider .banner_text .banner_logo{height: 130px;padding: 30% 12% 1%;}
.banner .bxslider .banner_text .banner_button{height: 60px;}
.banner .bxslider .banner_text ul li{float:left;margin-right:2%;box-sizing: border-box;position: relative;}
.banner .bxslider .banner_text ul li h1{font-size:54px;line-height: 90px;}
.banner .bxslider .banner_text ul li h2{font-size:24px;font-weight:normal;}

/*下载按钮*/
.banner .bxslider .banner_text ul li a{display: block;background: #Ffffff;width:180px;text-align:center;border-radius:10px; font-size: 20px; line-height:50px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1 ); }
.banner .bxslider .banner_text ul li a span{font-size: 24px;margin-right: 5px;}
.banner .bxslider .banner_text ul li .banner_code{position: relative;display: none;text-align:center;line-height: 30px;background: #ffffff;border-radius:5px;float:none;width: 100%;}
.banner .bxslider .banner_text ul li a:hover{background: #FF7222;color: #FFFFFF;display: block;}
.banner .bxslider .banner_text p{font-size: 16px;display: block;padding: 1% 30% 1% 12%;text-indent: 2em;}

/*弹下载二维码*/
.banner .bxslider .banner_text ul li.android .android_nr{ height:120px; padding:10px 20px 10px 10px; background:#fff; text-align:center; position:absolute; left:30px; top:65px; display:none;border-radius:10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1 );}        
.banner .bxslider .banner_text ul li.android .android_nr img{ margin-bottom:5px;}
.banner .bxslider .banner_text ul li.android .android_nr .arrow{ width:0; height:0; border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:50px; top:-10px;}
.banner .bxslider .banner_text ul li.android.on .android_nr{ display:block;}

/*产品功能*/
.product_bg{background: #f5f5f5;}
.title{width: 280px;margin:0 auto;text-align: center;font-size:80px;font-weight: bold; -webkit-text-stroke: 1px #e6e6e6;
  color: transparent;}
.product_bg .stage{padding:80px 0 80px;}
.product_bg .stage h2{background: url(../img/img_title_decoration.png) no-repeat scroll bottom center;margin-top: -50px;font-size: 30px;line-height: 60px;}
.product_bg .stage ul{overflow: hidden;width: 100%;}
.product_bg .stage ul li{float:left;width: 23%;padding-top:20px;margin:0 1%;box-sizing: border-box;}
.product_bg .stage ul li a{display: block;width: 100%;}
.product_bg .stage ul li img{margin: 0 auto 20px;}
.product_bg .stage ul li div{text-align: center;font-size:20px;color:#333;margin-bottom: 10px;}
.product_bg .stage ul li div p{color:#666;font-size:16px;line-height: 30px;}
.product_bg .stage ul li div span{font-size:14px;color: #03c6c6;}
.product_bg .stage ul li:hover{background: #fff;}
.product_bg .stage ul li:hover a{color: #FF7222;}

/*海量路书*/
.roadbook{padding:80px 0 60px;background: #fff;}
.roadbook .title_bg{margin-bottom: 40px;}
.roadbook .title_bg h1{-webkit-text-stroke: 1px #FFCBAE;}
.roadbook .title_bg h2{font-size: 30px;text-align: center;margin-top: -50px;line-height: 60px;}
.roadbook .title_bg p{text-align: center;line-height: 30px;font-size:16px;}
.roadbook .main ul{overflow: hidden;width: 100%;}
.roadbook .main ul li{float:left;width:31.33%;margin:0 1% 80px;box-sizing: border-box;position: relative;}
.roadbook .main ul li img{display: block;width: 100%;}
.roadbook .main ul li  dl{padding:2% ;width:70%;background: #ffffff;border-radius:10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1 );margin: -30px auto;clear:both;position: absolute;bottom:-30px;left: 13%;}
.roadbook .main ul li  dt{font-size:14px;color:#222;text-align: center;margin-bottom: 10px;}
.roadbook .main ul li  dd{overflow: hidden;font-size:16px;text-align: center;line-height: 40px;}
.roadbook .main ul li  dd.line{background: #FF7222;height: 2px;width: 40px;margin: 0 auto;}



/*底部*/
.footer{width: 100%;background: #212832;font-size:12px;color:#fff;line-height: 20px;}
.footer .footer_top{padding:40px auto;}
.footer .footer_top ul{overflow: hidden;}
.footer_top ul li{float: left;color:#cccccc;padding-top: 40px;}

.footer_top ul li:nth-of-type(2){margin-left: 10%;}
.footer_top ul li:nth-of-type(3){float:right;}
.footer .footer_top ul li dl{line-height: 34px;}
.footer .footer_top ul li dt{font-size:16px;color:#fff;}
.footer .footer_top ul li a{color:#cccccc;}
.footer .footer_top ul li a:hover{color:#ffffff;}
.footer .footer_top ul li ol li{padding:0;margin:auto 10px;text-align: center; font-size:12px;line-height: 24px;}

/*底部版权*/
.footer_bottom{width: 100%;height: 60px;border-top:1px solid #111111;background: #212832;padding:20px auto;margin:0 auto;}
.footer_bottom div{line-height:60px;text-align: center;color:#cccccc;}
.footer_bottom div a{color:#cccccc;padding:0 5px;}
.footer_bottom div span a:hover{color: #ffffff;}
/*底部完成*/

/*屏幕判断*/
@media (max-width:1920px)and (min-width:1200px) {
	/*banner*/
	.banner{height:1080px;}
	.banner .bxslider .banner_img img{display: block; margin:12% auto;width:80%;}
	.banner .bxslider .banner_text p{padding: 1% 20% 1% 12%;}	
}
/*小屏幕PC*/
@media (max-width:1199px)and (min-width:960px) {
	/*banner*/
	.banner{height:800px;}
	.banner .bxslider div:nth-of-type(1){width: 40%;}
	.banner .bxslider div:nth-of-type(2){width: 60%;}	
	.banner .bxslider .banner_text {margin-top: 140px;}
	.banner .bxslider .banner_img img{ margin:100px auto 3%;width:80%;}
	.banner .bxslider .banner_text ul{padding:0; }
	.banner .bxslider .banner_text p{padding: 1% 0;font-size: 16px;}
	.banner .bxslider .banner_text .banner_logo{padding: 0;height: 80px;margin:0;}
	.banner .bxslider .banner_text .banner_logo img{width: 60px;}
	.banner .bxslider .banner_text .banner_logo h1{font-size: 24px;line-height:40px;}
	.banner .bxslider .banner_text .banner_logo h2{font-size: 16px;}
	.banner .bxslider .banner_text ul li{margin-right: 1%;}
	/*下载按钮*/
	.banner .bxslider .banner_text .banner_button{width:100%;margin: 0;}
	.banner .bxslider .banner_text .banner_button li{float: left;width:48%;margin: 0 1%;}
	.banner .bxslider .banner_text ul li a{ width:100%;font-size: 14px; line-height:30px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1 ); }
	/*弹下载二维码*/
	.banner .bxslider .banner_text ul li.android .android_nr{  width:110px;padding:10px 0px 10px 10px;  text-align:center; position:absolute; left:50%; top:350%; transform: translate(-50%, -50%);}
	
	/*产品功能*/
	.product_bg .stage{padding:40px 0 40px;}
	.product_bg .stage ul li{width: 48%;}
	.product_bg .stage h2{font-size: 20px;line-height: 60px;margin-top: -45px;}
	.product_bg .stage ul li div p{font-size:14px;line-height: 24px;}
	/*海量路书*/
	.roadbook{padding:40px 0 20px;}
	.roadbook .main ul li{width:48%;}
	.title{font-size:60px;}
	.roadbook .title_bg h2{font-size: 20px;}
	.roadbook .title_bg p{line-height: 20px;font-size:12px;}
	.roadbook .main ul li dl{position: absolute;bottom:-10px;left: 13%;}
	.roadbook .main ul li dt{font-size:12px;line-height: 18px;}
	.roadbook .main ul li dd{font-size:14px;line-height: 20px;}	
	/*底部*/
	.footer_top ul li:nth-of-type(2){margin-left: 2%;}	
}
/* pad端 */
@media (max-width:959px) and (min-width:720px){
	/*banner*/
	.banner{height:600px;}
	.banner .bxslider div:nth-of-type(1){width: 40%;}
	.banner .bxslider div:nth-of-type(2){width: 60%;}	
	.banner .bxslider .banner_text {margin-top: 140px;}
	.banner .bxslider .banner_img img{ margin:100px auto 3%;width:80%;}
	.banner .bxslider .banner_text ul{padding:0; }
	.banner .bxslider .banner_text p{padding: 1% 0;font-size: 14px;}
	.banner .bxslider .banner_text .banner_logo{padding: 0;height: 80px;margin:0;}
	.banner .bxslider .banner_text .banner_logo img{width: 60px;}
	.banner .bxslider .banner_text .banner_logo h1{font-size: 20px;line-height:40px;}
	.banner .bxslider .banner_text .banner_logo h2{font-size: 14px;}
	.banner .bxslider .banner_text ul li{margin-right: 1%;}
	/*下载按钮*/
	.banner .bxslider .banner_text .banner_button{width:100%;margin: 0;}
	.banner .bxslider .banner_text .banner_button li{float: left;width:48%;margin: 0 1%;}
	.banner .bxslider .banner_text ul li a{ width:100%;font-size: 14px; line-height:30px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1 ); }
	/*弹下载二维码*/
	.banner .bxslider .banner_text ul li.android .android_nr{  width:110px;padding:10px 0px 10px 10px;  text-align:center; position:absolute; left:50%; top:350%; transform: translate(-50%, -50%);}

	/*产品功能*/
	.product_bg .stage{padding:40px 0 40px;}
	.product_bg .stage ul li{width: 48%;}
	.product_bg .stage h2{font-size: 20px;line-height: 60px;margin-top: -45px;}
	.product_bg .stage ul li div p{font-size:14px;line-height: 24px;}
	
	/*海量路书*/
	.roadbook{padding:40px 0 20px;}
	.roadbook .main ul li{width:48%;}
	.title{font-size:60px;}
	.roadbook .title_bg h2{font-size: 20px;}
	.roadbook .title_bg p{line-height: 20px;font-size:12px;}
	.roadbook .main ul li dl{position: absolute;bottom:-10px;left: 13%;}
	.roadbook .main ul li dt{font-size:12px;line-height: 18px;}
	.roadbook .main ul li dd{font-size:14px;line-height: 20px;}
	/*底部*/	
	.footer_top ul li:nth-of-type(3){float: none;}
	.footer_top ul li ol li{float: left;widows: 33.33%;}
	.footer .footer_top ul li ol li img{margin:10px 6px;}
	.footer_top ul li ol li:nth-of-type(3){float: left;}	
}
/* 手机端 */
@media (max-width:719px){

	/*banner*/
	.banner .bxslider div{float:none;width: 100%;}
	.banner .bxslider .banner_img img{ margin:10% auto 3%;width:80%;}
	.banner .bxslider .banner_text ul{padding:0; }
	.banner .bxslider .banner_text p{font-size: 14px;padding: 1%;}
	.banner .bxslider .banner_text .banner_logo{display: none;/*padding: 0;height: 80px;margin:0 10%;*/}
	/*.banner .bxslider .banner_text .banner_logo img{width: 60px;}
	.banner .bxslider .banner_text .banner_logo h1{font-size: 20px;line-height:40px;}
	.banner .bxslider .banner_text .banner_logo h2{font-size: 14px;}
	.banner .bxslider .banner_text ul li{margin-right: 1%;}*/

	/*下载按钮*/
	.banner .bxslider .banner_text .banner_button{width:100%;margin: 0 auto;}
	.banner .bxslider .banner_text .banner_button li{float: left;width:48%;margin: 0 1%;}
	.banner .bxslider .banner_text ul li a{ width:100%;font-size: 14px; line-height:30px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1 ); }
	/*弹下载二维码*/
	.banner .bxslider .banner_text ul li.android .android_nr{  width:110px;padding:10px 0px 10px 10px;  text-align:center; position:absolute; left:50%; top:350%; transform: translate(-50%, -50%);}
	/*产品功能*/
	.product_bg .stage{padding:20px 0 20px;}
	.product_bg .stage ul li{width: 100%;}
	.product_bg .stage h2{font-size: 20px;line-height: 50px;margin-top: -45px;}
	.product_bg .stage ul li div p{font-size:14px;line-height: 24px;}
	
	/*海量路书*/
	.roadbook{padding:40px 0 20px;}
	.roadbook .main ul li{float:none;width:100%;margin:0 auto 60px;}
	.title{font-size:60px;}
	.roadbook .title_bg h2{font-size: 20px;}
	.roadbook .title_bg p{line-height: 20px;font-size:12px;}
	.roadbook .main ul li dl{position: absolute;bottom:-10px;left: 13%;}
	.roadbook .main ul li dt{font-size:12px;line-height: 12px;}
	.roadbook .main ul li dd{font-size:14px;line-height: 20px;}
	
	/*底部*/
	.footer{line-height: 16px;}
	.footer_top ul li{float: none;}
	.footer_top ul li:nth-of-type(3){float: none;}
	.footer_top ul li:nth-of-type(2){margin-left: 0;}
	.footer .footer_top ul li dl{line-height: 20px;}
	.footer .footer_top ul li dt{font-size:14px;color:#fff;line-height: 34px;}
	.footer_top ul li ol li{float: left;widows: 50%;}	
	.footer_top ul li ol li:nth-of-type(3){float: left;}
	.footer_bottom div span{display: block;}
	.footer_bottom{height: auto;padding: 5px auto;}
	.footer_bottom div{line-height:24px;}		
}