/*
* @Author: 中安云科 LAMP
* @Date:   2022-08-22 10:24:21
* @Last Modified time: 2022-08-23 18:39:23
*/
	/* 样式 */
			/* css初始化 */
			
			* {
				margin: 0;
				padding: 0;  /* 清除内外边距 */
			}
			ul {
				list-style: none; /* 去掉列表样式小点 */
			}
			.clearfix:before, .clearfix:after {   /* 清除浮动 */
				display: table;
				content: "";
			}
			.clearfix:after {
				clear: both;
			}
			.clearfix {
				*zoom: 1;
			}
			a {
				color: #050505;
				text-decoration: none;  /* 取消下划线 */
			}
			input {
				border: 0;  /* 所有的表单边框为0 */
				box-sizing: border-box; /* CSS3盒子模型 border 和 padding 都包含到 width 里面去 */
			}

			.container {  /* 因为我们的版心宽度都是1200 都要居中对齐 我们就声明一个公共类 */
				width: 1200px;
				margin: 0 auto;
			}
			/* css初始化结束 */
			/* 页面头部分 */
			body {
				background-color: rgb(255 255 255 / 40%);  /* 整个页面的背景色 */
			}
			header {
				height: 100px; 
				/* background-color: pink; */
				overflow: hidden;
			}
			nav {
				width: 1366px; /* 宽度暂且定为1366 */
				height: 42px;
				margin: 26px auto ; /*  盒子水平居中对齐 */
			}
			.logo {
				float: left;
				width: 197px;
				height: 43px;
				padding-left: 10px;
			}
			.navbar {
				float: right;
				height: 42px;
				line-height: 42px;  /* 这个行高给父亲， 行高会继承 */
				margin-left: 50px;
				padding-right: 28px;

			}
			.navbar li {
				float: left;  /* 让 首页  这个一行显示 */
			    border: 1px solid #ccc;
			    display: inline-block;
			    margin-left: 29px;
			    width: 84px;
			    text-align: center;
			}
			.navbar li a {  
				padding: 0 10px; /*  上下 0  左右 8像素 */
				display: block; /*  a是行内元素，给高需要转换块级 */
				height: 42px;
			}
			.navbar li a:hover {
				color: #00a4ff;
			}
			.navbar li a:hover {
				border-bottom: 2px solid #00a4ff;  /* 鼠标放入底边框 */
			}
			

		
			/* banner start */
			.banner {
				height: 420px;
				background-color: #1c036c;
			}
			.banner-in {
				height: 420px;
				background:  url(../images/banner_02.png) 0 0 no-repeat;
				position: relative;  /* 子绝父相 */
			}
			.slidebar {
				height: 420px;
				width: 190px;
				background: rgba(0, 0, 0, 0.3);/*  盒子背景半透明 */
				float: left;
			}
			.slidebar li a {
				color: #fff;
				font-size: 14px;
				padding: 0 20px;
				/* a是行内元素，没有大小需要转换 */
				display: block;
				line-height: 45px; /* 单行垂直居中 个人经验，很多情况下， 有了行高可以不用给高度 */

			}
			.slidebar li a:hover {
				color: #00a4ff ;
			}
			.slidebar a span {
				float: right;
				font-family: arial; /* 一般情况我们的符号都用这个字体 */
			}
			.timetable {
				float: right;
				width: 230px;
				height: 300px;
				background-color: #fff;
				margin-top: 50px;
			}
			.timetable dt {
				height: 50px;
				line-height: 50px;
				background-color: #9bceea;
				text-align: center; /* 文字水平居中 */
				color: #fff;
				font-weight: 700;  /* 文字加粗 */
				letter-spacing: 2px; /* 设置字间距 */
				margin-bottom: 5px;
			}
			.timetable dd {
				width: 193px;
				height: 60px;
				margin: 0 auto;
				border-bottom: 1px solid #ccc;
				padding-top: 12px;
				box-sizing: border-box;
			}
			.timetable dd:last-child { /* 结构伪类选择器 选最后一个孩子 但是要求这个孩子是dd */
				border: 0;
			}
			.timetable dd h4 {
				font-size: 16px;
				font-weight: normal;  /*  让粗体不变粗 */
				color: #4e4e4e;
			}
			.timetable dd p {
				color: #a5a5a5;
				font-size: 14px;
			}
			.timetable dd a {
				height: 38px;
				border: 1px solid #00a4ff;
				display: block;
				text-align: center;
				line-height: 38px;
				color: #00a4ff;
				font-weight: 700; /* 文字加粗 700 不要加单位 */ 

				/* ctrl+g 快速到某一行  */
			}
			.timetable dd a:hover { /* 自己添加 */
				background-color: #00a4ff;
				color: #fff;
			}

			/* 小圆点模块 */
			.circle {
				width: 180px;
				height: 22px;
				/* background-color: pink; */
				position: absolute;
				bottom: 10px;
				left: 50%; /* 父盒子宽度的一半 */
				margin-left: -90px;  /* 水平居中算法 */
			}
			.circle li { /*  0011 权重 */
				float: left; 
				width: 12px;
				height: 12px;
				background: rgba(255, 255, 255, 0.4);
				margin: 6px 8px;  /* 上下6 左右 8 */
				border-radius: 50%;

			}
			.circle .current {
				width: 19px;
				border-radius: 5px;
				background-color: #fff;
			}
			/* banner end */

			/* 模块 start*/
			.recommend {
				height: 60px;
				line-height: 60px;
				background-color: #fff;
				margin-top: 8px;
				box-shadow: 0 2px 2px rgba(0,0,0,0.2);
				/* 盒子阴影 水平位置  垂直位置  模糊距离  影子颜色 */
			}
		/*	.recom-bd {
				margin-left: 16px;
			}*/
			.recommend a {
				padding: 0 30px;
				border-right: 1px solid #ccc;
			}
			.recommend a:hover {
				color: #00a4ff;
			}
			.recommend a:first-child {
				color: #00a4ff;
			}
			.recommend a:last-child {
				color: #00a4ff;
				border: 0;
				float: right;
				font-size: 14px;
			}
			.recom-products {
				margin-top: 35px;
			}
			.recom-hd {
				height: 40px;
			}
			.recom-hd h4 {
				float: left;
				color: #494949;
			}
			.recom-hd a {
				float: right;
				margin-top: 10px;
				margin-right: 30px;
				font-size: 14px;
				color: #a5a5a5;
			}
			.recom-hd a:hover {
				color: #00a4ff;
			}
			/* 主体部分 */
			.recom-bd ul li {
				width: 280px;

				background-color: #fff;
				overflow: hidden;  /* 溢出隐藏 */
				float: left;
				
				margin-top: 15px;
			}
			.recom-bd img {
				width: 121px;
				height: 133px;
				padding-left: 76px;
			}
			.recom-bd ul li:nth-child(5n) { /*  5n     n从0开始的， 0 1 2 3  5n 就是5 的倍数 */
				margin-right: 0;
			}

			.recom-bd li h5, 
			.recom-bd li p {
				padding: 0 3px 0 3px;
				margin-top: -2px;
			}
			.recom-bd li h3 {
				font-size: 21px;
				line-height: 60px;
				font-weight: normal;
				text-align: center;
			}
			.recom-bd li p {
				font-size: 14px;
				color: #999;
				padding-left: 48px;
			}
			.recom-bd  p span {
				color: #ff7c2d;
			}

			/* main contents  */
			.main-contents {
				margin-bottom: 160px;
			}

			.main-bd .main-titles {
				text-align: center;
			    padding-top: 60px;
			    padding-bottom: 60px;
			}
			.main-contents span {
				font-size: 20px;
			    font-family: "Microsoft YaHei";
			    display: block;
			    padding-bottom: 26px;
			}
			.main-contents .main-lefts {
				display: flex;
			}
			.main-contents .main-lefts a {
				color: #a5a5a5;
			}
		   .main-contents .main-lefts p {
				line-height: 40px;
			}
			.main-contents .main-rights {
				height: 181px;
			    margin-top: -50px;
			    padding-left: 99px;
			    width: 207px;
			    height: 208px;
			}

			/* 服务与支持  */
			.serve-zc ul li {
				width: 186px;

				background-color: #fff;
				overflow: hidden;  /* 溢出隐藏 */
				float: left;
				margin-right: 14px;
				margin-top: 15px;
			}
			.serve-zc img {
				width: 186px;
				height: 146px;
			}
			.serve-zc ul li:nth-child(5n) { /*  5n     n从0开始的， 0 1 2 3  5n 就是5 的倍数 */
				margin-right: 0;
			}

			.serve-zc li h5, 
			.serve-zc li p {
				padding: 0 3px 0 3px;
			    margin-top: 40px;
			    font-size: 16px;
			    color: #494949;
			    text-align: center;
			}
			.serve-zc li h3 {
				font-size: 21px;
				line-height: 60px;
				font-weight: normal;
				text-align: center;
			}
			.serve-zc li p {
				font-size: 14px;
				color: #999;
			}
			.serve-zc  p span {
				color: #ff7c2d;
			}
			/* 合作伙伴  */
			.mt14{margin-top:14px;}
			.mr_t1 { background: url(../images/mr_1px.jpg) repeat-x left bottom; height: 40px; padding-right: 16px; }
			.mr_t1name { font: bold 16px/40px "微软雅黑"; color: #FFF; background: #2257A2 url(../images/mr_t1bg.jpg) no-repeat right top; height: 40px; width: 120px; padding-left: 21px; float: left; }
			.mr_t1name img { float: left; margin-top: 9px; margin-right: 6px; display: inline; }
			.mr_frbox { height: 140px;}
			.mr_frBtnL { float: left; margin: 3px 22px 0px 0px; cursor: pointer; display: inline; }
			.mr_frUl { float: left; height: 130px; width: 1092px; }
			.mr_frBtnR { float: right; margin-top: 3px; cursor: pointer; }
			.mr_frUl ul li { display: inline; float: left; height: 115px; width: 125px; margin-right: 13px; overflow: hidden; }
			.mr_frUl ul li img { display: block; margin-bottom: 7px; border: 1px solid #D8D8D8; }
			/* 页面底部分 */
			footer {
				height: 270px;
				background-color: #fff;
				margin-top: 100px;
				border-top: 1px solid #ccc;
			}
			.footer-in {
				padding-top: 30px;

			}
			.footer-l {
				float: left;
			}
			.footer-l p {
				font-size: 12px;
				line-height: 18px;
				color: #999;
				margin-top: 20px;
			}
			.footer-l a {
				display: block;
				width: 118px;
				height: 33px;
				border: 1px solid #00a4ff;
				font-size: 16px;
				color: #00a4ff;
				text-align: center;
				line-height: 33px;
				margin-top: 15px;
				font-family: "Microsoft YaHei";
			}
			.footer-r {
				float: left;
				color: #333;
			}
			.footer-r dl {
				float: left;
				width: 225px;
				margin-left: 73px;
			}
			.footer-r dt {
				font-size: 16px;
				height: 30px;
			}
			.footer-r dd {
				font-size: 12px;
				padding-top: 14px;
			}
			.footer-r dd a:hover {
				color: #00a4ff;
				text-decoration: underline; /*  添加下划线 */
			}
			 #banner{
			    position: relative;
			    height:auto;
			    overflow: hidden;
			  }
			  #banner ul{
			    position:absolute;
			  }
			  #banner ul li{
			    float: left;
			  }
			  #banner ul li img{
			    width: 100%;
			    height: 480px;
			  }
			  #banner #prevBtn,#banner #nextBtn{
			    height:80px;
			    width:30px;
			    background:rgba(0,0,0,0.5);
			    position:absolute;
			    top:50%;
			    margin-top:-40px;
			    font-size:30px;
			    line-height:80px;
			    text-align:center;
			    text-decoration:none;
			    color:white;
			    opacity: 0;
			    transition: opacity 0.8s ease;
			  }
			  #banner #prevBtn{
			    left:0;
			  }
			  #banner #nextBtn{
			    right:0;
			  }
			  #banner:hover #prevBtn,#banner:hover #nextBtn{
			    opacity: 1;
			  }
			  .dot{
			    height:10px;
			    width:10px;
			    border-radius:10px;
			    background:#2196f3;
			    display:inline-block;
			    margin:5px;
			  }
			  .on{
			    background: #009688;
			  }
			    .box{
			  }
			
/* 申请表下载 */

	.sqb_mian {
		margin-top: 40px;
	}
	.sqb_mian .sqb_xz {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.sqb_mian button {
	    height: 35px;
    	    width: 120px;
            margin-top: 20px;
            margin-right: 45px;
	}
	.sqb_mian h3 {
	    text-align: center;
	    padding-bottom: 40px;
	    letter-spacing: 3px;
	}
	.sqb_mian ul li {
		display: inline-block;
	    height: 55px;
	    background-color: #efefef;
	    border: 1px solid #a5a5a5;
	    line-height: 55px;
	    width: 100%;
	    margin-bottom: 40px;
	}
	.sqb_mian ul li i {
	    display: inline-block;
	    height: 20px;
	    width: 20px;
	    background-color: #fff;
	    margin: 18px 10px -3px 17px;
	    border-radius: 50%;
	}
	.sqb_mian ul li .downs {
		float: right;
	    display: inline-block;
	    padding-top: 8px;
	    padding-right: 16px;
	}

/* 公司简介  */
.gs_ljj {
	float: left;
	font-size: 50px;
	font-weight: normal;
}

.gs_rjj {
	float: right;
	margin-bottom: 40px;
	line-height: 40px;
}
.gsjj_main {
	/*padding-right: 30px;*/
}

/* 联系我们  */
.lx_center {
	border: 1px solid #ccc;
    width: 1110px;
    height: 576px;
}
.lx_borders {
	padding-left: 120px;
	padding-right: 120px;
}
.lx_center h3 {
	text-align: center;
    display: block;
    padding-top: 50px;
    padding-bottom: 69px;
}
.lx_center .lx_left {
	float: left;
}
.lx_center .lx_right {
	float: right;
}
.lx_center ul li {
	display: flex;
}
.lx_center ul li i {
	display: block;height: 20px;width: 20px; padding-right: 27px; padding-bottom: 27px;
}
.lx_right input {
	width: 246px;
    background-color: #ccc;
    /* padding-bottom: 10px; */
    height: 37px;
    /* margin: 20px; */
    margin-left: 20px;
    margin-bottom: 30px;
}
.lx_right .inputs {
	width: 84px;
    background-color: #ccc;
    border: 1px solid #333;
    margin-left: 158px
}
 


/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#2196f3;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#050505;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension /*.d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}*/
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}