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

*{ margin:0; padding:0; text-decoration:none;}
.cl{ clear:both;}
/*.cl:after{clear: both;display:block;content:"";overflow: hidden;height:0px;}*/
ul{ list-style:none;}
body{ background-color:#Fff;font-size:12px;font-family:"微软雅黑", "Lucida Grande", "Lucida Sans", Helvetica, Arial, Sans;overflow-x: hidden;}
input,button,select,textarea{outline:none}
textarea{resize:none}
a{color: #666;}
/*大框架*/
.container{
	/*width:100%;*/
	}
@media screen and (max-width: 1024px) {
	.container{
		width:1200px;
	}
}
/*顶部定位*/
.navbar{
    z-index: 100;
    width: 100%;
    height: 80px;
    position: fixed;
    top:0px;
}
.navbar_txt{
    width: 1200px;
    height:80px;
    margin: 0 auto;
    position: relative;
}
.logo{
    width: 144px;
    height: 50px;
    margin-top: 15px;
    display: block;
    float: left;
    background-image: url(../images/logo-01.png);
    background-repeat: no-repeat;
}
.login,.login1{
    text-align: center;
    font-size: 16px;
    color: #FFffff;
    height: 30px;
    width: 70px;
    border:1px solid #FFffff;
    border-radius: 4px;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    line-height: 30px;
}
.login{right: 0;}
.login1{right: 80px;}

.memu{
    line-height: 80px;
    float: right;
    margin-right: 200px;
}
.memu li{float: left;}
.memu li a{
    color: #FFffff;
    font-size: 16px;
    margin-left: 60px;
	cursor: pointer;
}
.memu li a:hover{
    color: #ff9600 !important;
}
.memu .on{
    color: #ff9600 !important;
}

/*侧边栏*/
.onlinekefu{
	width: 200px;
	height: 400px;
	position: fixed;
	bottom: -360px;
	right: 10px;	
	z-index: 111;
}
.onlinekefu:hover{
	bottom: 0;
	animation:myfirst .5s;
	-moz-animation:myfirst .5s; /* Firefox */
	-webkit-animation:myfirst .5s; /* Safari and Chrome */
	-o-animation:myfirst .5s; /* Opera */	
}
@keyframes myfirst
{	0% { bottom: -360px;}
	100% { bottom: 0px;}
}
}
.onlinekefu:hover>.onlinekefu_top i{
	background-position: 0 10px;
}
.onlinekefu_top{
	height: 40px;
	width: 200px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	background-color: #ff9600;
	position: relative;
}
.onlinekefu_top p{
	line-height: 40px;
	font-size: 16px;
	color: #fff;
	text-indent: 40px;
}
.onlinekefu_top i{
	display: block;
	height: 10px;
	width: 16px;
	background-image: url(../images/sx.png);
	background-position: 0 0px;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top:-5px; 
}
.onlinekefu_bottom{
	height: 360px;
	width: 200px;
	background-color: #fff;
	border:2px solid #ff9600;
	box-sizing: border-box;
}
.onlinekefu_bottom_top{
	width: 196px;
}
.onlinekefu_bottom_top h3{
	font-size: 20px;
	color: #ff9600;
	text-align: center;
	margin-top: 26px;
	line-height: 20px;
	font-weight: normal;
}
.onlinekefu_bottom_top p{
	font-size: 12px;
	color: #888;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
	line-height: 12px;
}
.onlinekefu_bottom_center{
	position: relative;
	width: 160px;
	height: 34px;
	margin: 0 auto 30px auto; 
	background-color: #50b7db;
}
.onlinekefu_bottom_center i{
	display: block;
	height: 18px;
	width: 18px;
	background-image: url(../images/qq.png);
	position: absolute;
	left: 28%;
	top: 50%;
	margin-top:-9px;
}
.onlinekefu_bottom_center p{
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 34px;
	text-indent: 20px;
}
.onlinekefu_bottom_buttom{
	width: 160px;
	height: 190px;
	margin: 0 auto;
}
.onlinekefu_bottom_buttom i{
	display: block;
	height: 160px;
	width: 160px;
	border:1px solid #ddd;
	box-sizing: border-box;
	background-image: url(../images/wx.png);
	background-repeat: no-repeat;
	background-size: 100%;
}
.onlinekefu_bottom_buttom p{
	text-align: center;
	margin-top: 10px;
	font-size: 12px;
	color: #888;
}
/*正文*/
.content{
	width:1200px;
	margin:0 auto;
	}
/*动态*/
.dynamic{
	height: 80px;
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 100px;
	}
.news{
	height:80px;
	width:600px;
	background-color:#fff;
	overflow:hidden;
	margin:0 auto;
	}
.news_left{
	margin-top:26px;
	margin-right:20px;
	height: 28px;
	width: 80px;
	border-radius: 4px;
	background-color: #ff9600;
	font-size: 12px;
	line-height: 28px;
	text-align: center;
	color: #ffffff;
	float: left;
	}
.scroll_bar{
	width:500px;
	overflow:hidden;
	height:40px;
	margin: 20px 0;
	}
.scroll_bar ul li{
	line-height:40px;
	color:#999;
	}
.scroll_bar ul li span{
	}
.scroll_bar ul li a{
	float:right;
	color:#333;
	}

/*内容主体*/
.main{
	clear: both;
	width:1200px;
	height: 450px;
	margin:0px auto;

	margin-bottom: 100px;
	}	
	
/*简介*/
.mainbav{
	width:1200px;
	margin:0 auto;
	}
.top_name{
	text-align: center;
	font-size: 40px;
	color: rgb(51, 51, 51);
	line-height:40px;
	font-weight: inherit;
	}
.interval{
	position:relative;
	margin: 20px auto 20px auto;
	background-color:#ccc;
	width:400px;
	height:2px;}
.interval span{
	height:2px;
	width:80px;
	background-color:#ff9600;
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-40px;
	}
.top_txt{
	text-align:center;
	line-height:21px;
	font-size:14px;
	color:#7f8c8d;
	}
	/*下半部分*/

.bottom_box li{
	margin-top: 60px;
	float:left;
	width:400px;
	height:70px;
	}
.photo_icon{
	height: 70px;
	width: 60px;
	margin-right: 30px;
	margin-left: 40px;
	float: left;
}
.photo_1{
	background-image: url(../images/icon_01.png);
}
.photo_2{
	background-image: url(../images/icon_02.png);
}
.photo_3{
	background-image: url(../images/icon_03.png);
}
.photo_4{
	background-image: url(../images/icon_04.png);
}
.photo_5{
	background-image: url(../images/icon_05.png);
}
.photo_6{
	background-image: url(../images/icon_06.png);
}
.photo_7{
	background-image: url(../images/icon_07.png);
}
.photo_8{
	background-image: url(../images/icon_08.png);
}
.photo_9{
	background-image: url(../images/icon_09.png);
}
.bottom_box h3{
	font-size: 16px;
	font-weight: normal;
	color: #2c3e50;
}
.bottom_box p{
	font-size: 12px;
	font-weight: normal;
	color: #7f8c8d;
	margin-top: 14px;
}
/*第二部分底部*/
.kapian{
	height: 270px;
	width: 214px;
	border-radius: 4px;
	background-color: #00b89e;
	float: left;
	margin-top: 60px;
	box-sizing: border-box;
	padding: 40px 27px;
}
.k1{
	margin-right: 114px;
}
.kapian h3{
	font-size: 20px;
	color: #fff;
	text-align: center;;
}
.kapian span{
	display: block;
	width: 160px;
	height: 1px;
	margin: 30px 0px 30px 0px;
	background-color: #fff;

}
.kapian p{
	text-align:Justify;
	text-justify:inter-ideograph;
	font-size: 14px;
	color: #fff;
}
/*品牌*/
.brand{
	position: relative;
	margin-top: 60px;
	width: 1200px;
	height: 360px;
}
.brand_center .swiper-button-prev {
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -60px;
	height: 120px;
	width: 40px;
	background-image: url("../images/btn_01.png") !important;
	background-position:0px;
	background-repeat:no-repeat;
	background-size: auto;
}
.brand_center .swiper-button-prev:hover {
	background-image: url("../images/btn_01_pice.png") !important;
}
.brand_center .swiper-button-next {
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -60px;
	height: 120px;
	width: 40px;
	background-image: url("../images/btn_01.png");
	background-position:-50px;
	background-repeat:no-repeat;
	background-size: auto;
}
.brand_center .swiper-button-next:hover {
	background-image: url("../images/btn_01_pice.png");
}
/*合作品牌*/
.brand_center{
	height: 361px;
	width: 961px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	box-sizing: border-box;
	margin: 0 auto;
}
.brand_center_show ul li{
	float: left;
	height: 120px;
	width: 240px;
	border: 1px solid #ddd;
	box-sizing: border-box;
	border-right: none;
	border-bottom: none;
}
.brand_center_show ul li a{
	width: 100%;
	height: 100%;
	display: block;	
}
/*隐藏*/
/*.brand_center_hide{
	display: none;
}*/
.show_01{
	background-image: url("../images/p0.png");
	background-size: cover;
}
.show_02{
	background-image: url("../images/p1.png");
	background-size: cover;
}
.show_03{
	background-image: url("../images/p2.png");
	background-size: cover;
}
.show_04{
	background-image: url("../images/p3.png");
	background-size: cover;
}
.show_05{
	background-image: url("../images/p4.png");
	background-size: cover;
}
.show_06{
	background-image: url("../images/p5.png");
	background-size: cover;
}
.show_07{
	background-image: url("../images/p6.png");
	background-size: cover;
}
.show_08{
	background-image: url("../images/p7.png");
	background-size: cover;
}
.show_09{
	background-image: url("../images/p8.png");
	background-size: cover;
}
.show_10{
	background-image: url("../images/p9.png");
	background-size: cover;
}
.show_11{
	background-image: url("../images/p10.png");
	background-size: cover;
}
.show_12{
	background-image: url("../images/p11.png");
	background-size: cover;
}
.show_21{
	background-image: url("../images/p20.png");
	background-size: cover;
}
.show_22{
	background-image: url("../images/p21.png");
	background-size: cover;
}
.show_23{
	background-image: url("../images/p22.png");
	background-size: cover;
}
.show_24{
	background-image: url("../images/p23.png");
	background-size: cover;
}
.show_25{
	background-image: url("../images/p24.png");
	background-size: cover;
}
.show_26{
	background-image: url("../images/p25.png");
	background-size: cover;
}
.show_27{
	background-image: url("../images/p26.png");
	background-size: cover;
}
.show_28{
	background-image: url("../images/p27.png");
	background-size: cover;
}
.show_29{
	background-image: url("../images/p28.png");
	background-size: cover;
}
.show_30{
	background-image: url("../images/p29.png");
	background-size: cover;
}
.show_31{
	background-image: url("../images/p30.png");
	background-size: cover;
}
.show_32{
	background-image: url("../images/p31.png");
	background-size: cover;
}
/*注册*/
.register{
	height: 300px;
	width: 100%;
	background-color: #00b89e;
}
.register_main{
	height: 300px;
	width: 1200px;
	margin: 0px auto;
	padding: 60px 0px;
	box-sizing: border-box;
}
.register_main h2{
	font-weight: normal;
	font-size: 40px;
	color: #fff;
	text-align: center;
	line-height: 40px;
}
.register_main h3{
	margin-top: 16px;
	font-weight: normal;
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	line-height: 20px;
}
.register_main form{
	width: 480px;
	height: 50px;
	border-radius: 50px;
	/*background-color: #ffffff;*/
	margin: 50px auto 0px auto;
	position: relative;
}
.rel{
	font-family:"微软雅黑", "Lucida Grande", "Lucida Sans", Helvetica, Arial, Sans;
	height: 50px;
	border: none;
	font-size: 18px;
	padding-left: 20px;
	box-sizing: border-box;
	width: 340px;
	border-radius: 50px;
	color: #666;
	font-weight: normal;
}
.Submit{
	font-family:"微软雅黑", "Lucida Grande", "Lucida Sans", Helvetica, Arial, Sans;
	height: 50px;
	width: 190px;
	position: absolute;
	border: medium none;
	border-radius: 50px;
	background-color: rgb(255, 150, 0);
	color: #FFFFFF;
	font-size: 16px;
	text-align: center;
	line-height: 50px;
	left: 40px;
	/*margin-left: -70px;*/
}
.Submit1{
	font-family:"微软雅黑", "Lucida Grande", "Lucida Sans", Helvetica, Arial, Sans;
	height: 50px;
	width: 190px;
	position: absolute;
	border: medium none;
	border: 1px solid #fff;
	border-radius: 50px;
	/*background-color: #fff;*/
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 50px;
	right: 40px;
	/*margin-left: -70px;*/
}
.footer{
	height: 350px;
	width: 100%;
	background-color: #394a52;
	padding-top: 70px;
	box-sizing: border-box;
}
.footer_main{
	width: 1200px;
	margin: 0 auto;
}
.footer_left{
	float: left;
	width: 210px;
	background-image: url("../images/phone.png");
	background-repeat: no-repeat;
	background-position: 84px 20px;
}
.footer_left h2{
	margin-top: 60px;
	font-size: 30px;
	color: #ffffff;
	font-weight: normal;
	text-align: center;
	line-height: 30px;
}
.footer_left p{
	margin-top: 10px;
	line-height: 12px;
	font-size: 12px;
	color: #b2b2b2;
	text-align: center;
}
/*间隔线*/
.before{
	float: left;
	margin-left: 40px;
	height: 120px;
	width: 1px;
	margin-top: 20px;
	background-color: #616e75;
}
.footer_center{
	width: 530px;
	margin: 0 auto;
}
.footer_center ul{
	float: left;
	margin: 0 60px;
}
.footer_center ul li a{
	font-size: 14px;
	color: #ccc;
	line-height: 36px;
}
.footer_right{
	float: right;
	margin-top: 20px;
	width: 100px;
	height: 120px;
	margin-right: 20px;
	
}
.ewm1,.ewm2{
	display: block;
	width: 100px;
	height: 100px;
	background-size: 100%;
	background-repeat: no-repeat;
}
/*二维码位置*/
.ewm1{
	background-image: url("../images/wx.png");
}
.ewm2{
	background-image: url("../images/app.png");
}
.footer_right p{
	text-align: center;
	font-size: 12px;
	color: #b2b2b2;
	line-height: 12px;
	margin-top: 10px;
}
/*底部版权*/
.copyright{
	clear: both;
	width: 1200px;
	padding-top: 40px;
	margin: 0 auto;
}
.copyright div{
	margin-top: 10px;
	text-align: center;
	color: #999;
	line-height: 12px;
	font-size: 12px;
}


/*以下代码下载页*/
.download{
	width: 100%;
	height: 580px;
	position: relative;
}
.download_bg{ position: absolute; left: 50%; top: 0; margin-left: -960px;}
.dwn_bt{ width: 700px; height: 120px; position: absolute;left: 50%; margin-left: -25%; top: 240px;color: #fff; text-align: center;}
.dwn_bt h2{ font-size: 50px; font-weight: normal; margin-bottom: 20px;}
.dwn_bt span{font-size: 26px;}
.main_dwn{
	clear: both;
	width:100%;
	height: 580px;
	margin:0px auto;
	padding-top: 100px;
	background-color: #fafafa;
}
.lieb{
	height: 290px;
	width: 260px;
	border-radius: 4px;
	background-color: #fff;
	float: left;
	margin-top: 60px;
	box-sizing: border-box;
	padding: 20px;
	box-sizing: border-box;
}
.mb{
	margin-right: 53px;
}
.lieb_top{ width: 100%;height: 145px;border-bottom: 1px solid #ddd; text-align: center; font-size: 14px; padding-top: 30px; box-sizing: border-box}
.lieb_top p{ padding-top: 10px; box-sizing: border-box;}
.lieb_b{width: 100%;height: 120px;font-size: 12px; padding-top: 30px; padding-left: 40px; box-sizing: border-box}
.lieb_main{width:100%;height:100%; padding: 50px; box-sizing: border-box; text-align: center;}
.lieb_main img{ height: 130px; width: 130px; margin-bottom: 20px;}