/*初始设置*/
*{padding:0; margin:0;}
ul,ol{ list-style:none}
a{ text-decoration:none;}
input,a{ outline:none;}
body{ font-family:"微软雅黑","黑体","宋体"; box-sizing:border-box; background:#fff; margin:0 auto;}
img{ border:none;}
input[type="button"], input[type="submit"], input[type="reset"]{-webkit-appearance: none;}


/* ios默认样式清除 */
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }
input{ -webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}

/* 头部区域 */
.header{width:100%;left:0; top:0;z-index:100; box-sizing:border-box; background: #fff; height:120px; z-index: 100; position: relative;box-shadow:0 5px 10px rgba(0,0,0,0.15);}
.header.on{position:fixed;z-index:100;height:120px;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,0.15); transition:0.3s;}
.con{width: 1400px;margin:0 auto; box-sizing:border-box; display:block;}
.head{ width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:center;}
.head .headl{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start; align-items:center;}
.head .headl .logo{ width: 228px;display: block;margin-right:50px;}
.head .headl .logo img{width:100%; margin:0 auto; display:block;}
.head .headl .nav{box-sizing:border-box; display:block;}
.head .headl .nav ul{ display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start; align-items:center;}
.head .headl .nav li{ float: left;margin-right:2px;}
.head .headl .nav li .navnn{ display: inline-block; text-align: center;line-height: 120px;box-sizing: border-box; padding: 0 40px;transition: 0.3s;font-size: 18px;color: #333;
background: #fff; height: 120px;}
.head .headl .nav li.on .navnn,.head .headl .nav li:hover .navnn{color: #fff;background: #007bc1;}
.head .dlniu{ display: inline-block; height: 46px; width: 100px;box-sizing: border-box;border: 1px solid #d6d6d6;background: #fff; border-radius: 50px;transition: 0.3s;
font-size:18px;text-align: center;font-weight: 900;color:#666666;line-height:44px;}
.head .dlniu:hover{border: 1px solid #007bc1;background: #007bc1;color:#fff;width:120px;}

/* 海报区域 */
/*首页banner海报区域*/
.haib{ width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box;}
.banner{width:100%;background:#666; overflow:hidden; height:680px}
.swiper-containerlb{width: 100%;height: 100%;}
.swiper-containerlb .swiper-slide {background-position: center;background-size: cover;}
.swiper-containerlb .swiper-pagination-bullet {width:22px;height:8px;display: inline-block;border-radius:4px;background: #fff;opacity:1;}
.swiper-containerlb .swiper-pagination-bullet-active{ width: 44px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:24px;}

/* 简介 */
.about{width:100%;margin:0 auto; box-sizing:border-box; display:block; padding:115px 0;}
.aboutc{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:center;}
.abcl{ width:910px;text-align: left;display: block;}
.abcl h3{ font-size: 48px;color: #333;text-align: left;line-height: 1.2em;margin-bottom: 46px;}
.abcl p{font-size:16px;color: #666;text-align:left;line-height: 1.88em;}
.abcl h6{font-size:14px;color: #333;text-align: left;line-height: 1.2em;margin-top:30px;font-weight: 400;}
.aboutc .abmore{display: inline-block; height:50px; width:150px;box-sizing: border-box; background: #e7e7e7; border-radius:10px;transition: 0.3s;
font-size:16px;text-align: center;font-weight:400;color:#666666;line-height:50px;}
.aboutc .abmore:hover{background: #007bc1;color:#fff; width:160px;}

/* 业务 */
.yewu{width:100%;margin:0 auto; box-sizing:border-box; display:block; padding:0 0 115px;}
.yewuc{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box;}
.yewuc ul{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:center;}
.yewuc ul li{ width:20%; box-sizing:border-box;display: block;}

.yewuc ul li a{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display: block; height:260px; position: relative;
background:linear-gradient(to right, #e7e7e7, #ffffff);border-radius: 0; padding: 50px 30px 0;transition: 0.3s;}
.yewuc ul li:nth-child(1) a{border-radius:20px 0 0 20px;}
.yewuc ul li:nth-child(5) a{border-radius:0 20px 20px 0;}

.yewuc ul li a h3{font-size:28px;color: #333;text-align: left;line-height: 1.2em;margin-bottom:30px;transition: 0.3s;}
.yewuc ul li a p{font-size:14px;color: #666;text-align:left;line-height: 1.6em;font-weight: 900; width:90%;transition: 0.3s;}
.yewuc ul li a span{ width: 21px; height: 21px;display: block;background:url(../images/xyou.png) no-repeat center;background-size: cover;transition: 0.3s;margin-top: 45px;}
.yewuc ul li a .tubao{ width:80px; height:80px;display: block; transition: 0.3s;position: absolute; bottom:-5px;right:-5px;}
.yewuc ul li:nth-child(1) a .tubao{background:url(../images/a1.png) no-repeat center;background-size: cover;}
.yewuc ul li:nth-child(2) a .tubao{background:url(../images/a2.png) no-repeat center;background-size: cover;}
.yewuc ul li:nth-child(3) a .tubao{background:url(../images/a3.png) no-repeat center;background-size: cover;}
.yewuc ul li:nth-child(4) a .tubao{background:url(../images/a4.png) no-repeat center;background-size: cover;}
.yewuc ul li:nth-child(5) a .tubao{background:url(../images/a5.png) no-repeat center;background-size: cover;}

.yewuc ul li:hover a{background:linear-gradient(to right, #007bc1, #007bc1);}
.yewuc ul li:hover a h3{color: #fff;}
.yewuc ul li:hover a p{color: #fff;}
.yewuc ul li:hover a span{background:url(../images/xyouh.png) no-repeat center;background-size: cover;margin-top:38px;}
.yewuc ul li:nth-child(1):hover a .tubao{background:url(../images/a1h.png) no-repeat center;background-size: cover;}
.yewuc ul li:nth-child(2):hover a .tubao{background:url(../images/a2h.png) no-repeat center;background-size: cover;}
.yewuc ul li:nth-child(3):hover a .tubao{background:url(../images/a3h.png) no-repeat center;background-size: cover;}
.yewuc ul li:nth-child(4):hover a .tubao{background:url(../images/a4h.png) no-repeat center;background-size: cover;}
.yewuc ul li:nth-child(5):hover a .tubao{background:url(../images/a5h.png) no-repeat center;background-size: cover;}

.yewuc ul li.on a{background:linear-gradient(to right, #007bc1, #007bc1);}
.yewuc ul li.on a h3{color: #fff;}
.yewuc ul li.on a p{color: #fff;}
.yewuc ul li.on a span{background:url(../images/xyouh.png) no-repeat center;background-size: cover;margin-top:38px;}
.yewuc ul li:nth-child(1).on a .tubao{background:url(../images/a1h.png) no-repeat center;background-size: cover;}
.yewuc ul li:nth-child(2).on a .tubao{background:url(../images/a2h.png) no-repeat center;background-size: cover;}
.yewuc ul li:nth-child(3).on a .tubao{background:url(../images/a3h.png) no-repeat center;background-size: cover;}
.yewuc ul li:nth-child(4).on a .tubao{background:url(../images/a4h.png) no-repeat center;background-size: cover;}
.yewuc ul li:nth-child(5).on a .tubao{background:url(../images/a5h.png) no-repeat center;background-size: cover;}
.png)
/* 公司新闻 */
.news{width:100%;margin:0 auto; box-sizing:border-box; display:block; padding:0 0 115px;}
.newscon{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box;}
.bnt{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box;margin-bottom:50px;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:center;}
.bnt h3{font-size: 48px;color: #333;text-align: left;line-height: 1.2em;}
.bnt .more{display: inline-block; height:50px; width:150px;box-sizing: border-box; background: #e7e7e7; border-radius:10px;transition: 0.3s;
font-size:16px;text-align: center;font-weight:400;color:#666666;line-height:50px;}
.bnt .more:hover{background: #007bc1;color:#fff; width:160px;}
.newscon ul{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:center;}
.newscon ul li{ width: 32%;}
.newscon ul li a{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box;}
.newscon ul li a .xwtu{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; height: auto; max-height:220px;border-radius: 20px;margin-bottom: 25px;}
.newscon ul li a .xwtu img{ width:100%; margin: 0 auto;display: block;transition: 0.3s;}
.newscon ul li a .xwzi{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box;}
.newscon ul li a .xwzi h3{font-size:24px; color: #333; font-weight: 900; width: 100%; transition: 0.3s; text-align: left; margin:0 auto 20px; display: block; overflow: hidden; 
text-overflow: ellipsis; -o-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; white-space: nowrap;}
.newscon ul li a .xwzi p{display:block; width:100%;font-size:16px; color:#666; line-height:1.58em; text-align:left;transition:0.3s; font-weight: 400;
display:inline-block;word-break: break-all; text-overflow: ellipsis;
display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
-webkit-line-clamp:2; /** 显示的行数 **/
overflow: hidden;  /** 隐藏超出的内容 **/}
.newscon ul li a .xwzi span{font-size:16px; color:#666; line-height:1.58em;transition:0.3s; font-weight: 400;float: right;margin-top:-24px;}

.newscon ul li:hover a .xwtu img{ transform: scale(1.1);-webkit-transform: scale(1.1);}
.newscon ul li:hover a .xwzi h3{color:#007bc1;}
.newscon ul li:hover a .xwzi p{color:#555;}
.newscon ul li:hover a .xwzi span{color:#007bc1;}

/* 下载中心 */
.xzzxc{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box;border-top: 1px solid #d0d0d0;padding:30px 0 90px;}
.xzzxc li{width:100%; margin:0 auto 30px; overflow:hidden; box-sizing:border-box;border-bottom: 1px solid #d0d0d0; padding-bottom:30px;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:center;}
.xzzxc li .xzzxczill{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start; align-items:center;}
.xzzxc li .xzzxczill h3{font-size:18px; color: #333; font-weight:400; width:355px; transition: 0.3s; text-align: left; display: block; overflow: hidden; margin-right: 24px;
text-overflow: ellipsis; -o-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; white-space: nowrap;}
.xzzxc li .xzzxczill .banb{font-size:18px; color: #333; font-weight:400; width:355px; transition: 0.3s; text-align: left; display: block; overflow: hidden; margin-right: 24px;
text-overflow: ellipsis; -o-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; white-space: nowrap;}
.xzzxc li .xzzxczill .banb{font-size:18px; color: #333; font-weight:400; width:210px; transition: 0.3s; text-align: left; display: block; overflow: hidden; margin-right: 24px;
text-overflow: ellipsis; -o-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; white-space: nowrap;}
.xzzxc li .xzzxczill .shijian{font-size:18px; color: #333; font-weight:400 transition: 0.3s; text-align: left; display: block;}

.xzzxc li .nnnxz{display:block; height:40px; width:96px; box-sizing: border-box; border:none; background: #007bc1; border-radius:20px; transition: 0.3s; 
font-size: 18px; text-align: center; font-weight:400; color: #ffffff; line-height:40px;}
.xzzxc li .nnnxz:hover{ width:115px;}

/* 底部区域 */
.footer{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box;padding:42px 0 0; background:#333333;}
.foott{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; border-bottom: 1px solid #626262; padding-bottom: 28px;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:center;}
.foott .fttll{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start; align-items:flex-start;}
.foott .fttll dl{ margin-right:120px;}
.foott .fttll dl dt{font-size:24px; color: white; font-weight:900;transition: 0.3s; text-align: left; display: block;line-height: 1.25em;margin-bottom:46px; }
.foott .fttll dl dd{width:100%; margin:0 0 18px; overflow:hidden; box-sizing:border-box;}

.foott .fttll dl dd a,.foott .fttll dl dd p{font-size:18px; color: #a8a8a8; font-weight:400; transition: 0.3s; text-align: left; display: block; overflow: hidden; }
.foott .fttll dl dd a:hover{ color: #fff;}
.fttrr{ width: 150px;}
.fttrr .ewmtu{ width:150px; height: 150px; background:#fff; border-radius:10px; display:block; overflow: hidden;}
.fttrr .ewmtu img{width:100%; margin: 0 auto;display: block;transition: 0.3s;}
.fttrr p{font-size:18px; color: #a8a8a8; font-weight:400; transition: 0.3s; text-align:center; display: block; margin-top:15px;}

.footb{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; height: 84px;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:center;}
.footb a{font-size:18px; color: white; font-weight:400; transition: 0.3s; text-align:center; display: block; line-height:84px;}
.footb a:hover{ color:#fff;}



/* 内页海报 */
.nyb{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; height:300px;}
.nyb1{ background:url(../images/ny1.jpg) no-repeat top left; background-size: contain;}
.nyb2{ background:url(../images/ny2.jpg) no-repeat top left; background-size: contain;}
.nyb3{ background:url(../images/ny3.jpg) no-repeat top left; background-size: contain;}
.nyb4{ background:url(../images/ny4.jpg) no-repeat top left; background-size: contain;}
.nyb5{ background:url(../images/ny5.jpg) no-repeat top left; background-size: contain;}

.nycon{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box;padding:70px 0 100px;}

/* 百度富文本 */
.bdfwb{width:100%; margin:0 auto; box-sizing:border-box; display: block; overflow: hidden;}
.bdfwb h3{ font-size:28px; color: #333; text-align: center; line-height: 1.4em; display: block; margin: 0 auto 30px; }
.bdfwb p{ font-size:16px; line-height: 1.88em; color: #888; text-align: justify; -webkit-text-align: justify;}
.bdfwb p img{ display: block; margin:10px auto; width: auto; max-width: 100%;}
.bdfwb h4{ font-size:24px; color: #555; text-align: left; line-height: 1.4em; display: block; margin:15px auto; }
.bdfwb p video{ max-width: 100%; width: auto; height:380px; display: block; margin:5px auto;}
.bdfwb img{ max-width: 100%; width: auto;  display: block; margin:10px auto;}


/*分页*/
.ffyy2{width:100%; margin:10px auto; overflow:hidden; box-sizing:border-box; display:block;}
.pagination{ width:auto;margin:0 auto; overflow:hidden; box-sizing:border-box; padding:0 0 15px;}
.pagination ul{display: flex;flex-direction:row;flex-wrap:wrap;justify-content:center; align-items:center;width:100%; margin: 0 auto;}

.pagination li{ float:left;margin-right:12px; margin-bottom:10px;}
.pagination li a{display:block;box-sizing:border-box; font-size:16px; color:#888;padding:9px 20px; border-radius:3px;border:1px solid #bbb;cursor:pointer;
transition:0.3s; background:#fff;}
.pagination li span{display:block;box-sizing:border-box; font-size:16px; color:#888;padding:10px 22px; border-radius:3px;border:1px solid #bbb;cursor:pointer;
transition:0.3s; background:#fff;}
.pagination li.active a{ background:#007bc1; border:1px solid #007bc1; color:#fff;}
.pagination li:hover a{background:#007bc1; border:1px solid #007bc1; color:#fff;}
.pagination li.active span{ background:#007bc1; border:1px solid #007bc1; color:#fff;}
.pagination li:hover span{background:#007bc1; border:1px solid #007bc1; color:#fff;}

.xzzxc2{padding:100px 0 30px;}
.xzzx2{ padding: 0 0 80px;}


/* 新闻详情 */
.news2{width:100%;margin:0 auto; box-sizing:border-box; display:block; padding:90px 0 115px;}
.nynewsc{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box;}
.nynewsc::after{ content: ""; clear: both; display: block;}
.nynewsc li{ width: 32%; float:left; margin-right:2%; margin-bottom:44px;}
.nynewsc li:nth-child(3n){ margin-right:0;}
.nynewsc li a{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box;}
.nynewsc li a .xwtu{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; height: auto; max-height:220px;border-radius: 20px;margin-bottom: 25px;}
.nynewsc li a .xwtu img{ width:100%; margin: 0 auto;display: block;transition: 0.3s;}
.nynewsc li a .xwzi{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box;}
.nynewsc li a .xwzi h3{font-size:24px; color: #333; font-weight: 900; width: 100%; transition: 0.3s; text-align: left; margin:0 auto 20px; display: block; overflow: hidden; 
text-overflow: ellipsis; -o-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; white-space: nowrap;}
.nynewsc li a .xwzi p{display:block; width:100%;font-size:16px; color:#666; line-height:1.58em; text-align:left;transition:0.3s; font-weight: 400;
display:inline-block;word-break: break-all; text-overflow: ellipsis;
display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
-webkit-line-clamp:2; /** 显示的行数 **/
overflow: hidden;  /** 隐藏超出的内容 **/}
.nynewsc li a .xwzi span{font-size:16px; color:#666; line-height:1.58em;transition:0.3s; font-weight: 400;float: right;margin-top:-24px;}

.nynewsc li:hover a .xwtu img{ transform: scale(1.1);-webkit-transform: scale(1.1);}
.nynewsc li:hover a .xwzi h3{color:#007bc1;}
.nynewsc li:hover a .xwzi p{color:#555;}
.nynewsc li:hover a .xwzi span{color:#007bc1;}


/* 新闻详情 */
.xqybt{width:100%; margin:0 auto 30px; overflow:hidden; box-sizing:border-box;}
.xqybt h3{font-size:24px; color: #333; font-weight:900; width: 100%; transition: 0.3s; text-align: left; margin:0 auto 12px; display: block; overflow: hidden;line-height: 1.4em; }
.xqybt h6{font-size:16px; color:#999; line-height:1.58em; text-align:left;transition:0.3s; font-weight: 400;}

/* 帮助 */
.bbzucon{width:100%;margin:80px auto 120px; box-sizing:border-box;
display: flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between; align-items:flex-start;}
.bbzucon .clcon{ width:20%;}




.bbzucon .bbzucrr{ width: 76.5%;}
.bbzucon .bbzucrr h3{font-size:24px; color: #666; font-weight:900; width: 100%; transition: 0.3s; text-align: left; margin:0 auto 32px; display: block;}



.sideMenu{border:1px solid #e4e4e4; width: 100%;background: #f5f5f5; }
.sideMenu h3{padding:0 28px;  border-top:1px solid #e4e4e4; background:#f5f5f5; cursor:pointer;}
.sideMenu h3 a{width:100%;margin:0 auto; box-sizing:border-box; height:82px; 
display: flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between; align-items:center;}
.sideMenu h3 a h5{ font-size:24px; color: #666; font-weight:900;text-align: left; display: inline-block;}
.sideMenu h3 a em{ width: 19px; height: 19px; display:block; background: url(../images/xia.png) no-repeat center;}


.sideMenu h3.on a h5{color:#007bc1;}
.sideMenu h3.on a em{background: url(../images/xiah.png) no-repeat center;}
.sideMenu ul{ padding:0 35px;display:none;  background:#f5f5f5;}
.sideMenu ul li{width:100%;margin:0 auto 16px; box-sizing:border-box;}
.sideMenu ul li a{width:100%;margin:0 auto; box-sizing:border-box;text-align: center;font-size: 18px;color: #666;line-height:24px;}
.sideMenu ul li:hover a{color:#007bc1;}










/*电脑1300px*/
@media (min-width:1200px){	
	.con{width: 1226px;margin:0 auto; box-sizing:border-box; display:block;}
	.banner{width:100%;background:#666; overflow:hidden; height:660px}
	.newscon ul li a .xwtu{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; height: auto; max-height:220px;border-radius: 20px;margin-bottom: 25px;}
	
}


/*电脑1400px*/
@media (min-width:1400px){	
	.con{width:1400px;margin:0 auto; box-sizing:border-box; display:block;}
	.banner{width:100%;background:#666; overflow:hidden; height:800px}
	.newscon ul li a .xwtu{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; height: auto; max-height:260px;border-radius: 20px;margin-bottom: 25px;}
	
}