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

@font-face{font-family:'din'; src: url('../font/din.OTF');}
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,p,form,img,select{margin:0; padding:0;}
body{ color: #333;  font-size:14px; font-family: "Microsoft YaHei","微软雅黑"; overflow-x:hidden;}
a{text-decoration:none; color:#333;}
a:hover{color:#2e6ee1;}

ul,li{list-style:none;}
.clear{clear:both;}
img{border:0;}
.fl{float:left;}
.fr{float:right;}
.fot_blank{height:1rem;}


/*滚动条美化*/
body::-webkit-scrollbar {
  width: 10px !important;
}
body::-webkit-scrollbar-track {
  background-color: #f3f3f3;
}
body::-webkit-scrollbar-track-piece {
  background-color: #f3f3f3;
  -webkit-border-radius: 4px;
}
body::-webkit-scrollbar-thumb {
  background-color: #ddd;
  border: solid 1px #C0C0C0;
  border-radius: 4px;
}
body::-webkit-scrollbar-corner {
  background-color: #ddd;
}
body::-webkit-resizer {
  background-repeat: no-repeat;
  background-position: bottom right;
}
body::-webkit-scrollbar-thumb:hover {
  background-color: #F3F3E0;
}
::-webkit-scrollbar {
  width: 15px;
}

/*图片放大*/
.picShow img:hover,.picShow a:hover img{transition:all 500ms ease-out 0s; 
  -webkit-transform:scale(1.1);
  moz-transform:scale(1.1);
  -o-transform:scale(1.1);
  transform:scale(1.1);
opacity:1;}
.picShow img{transition:all 500ms ease-out 0s; }

.main100{width: 88%; margin: auto; max-width: 1400px; min-width: 1200px;}
.main{width:1200px; margin:auto;}
.flex_space{display:flex;justify-content:space-between; flex-wrap:wrap;}
.flex_start{display:flex;justify-content:space-start; flex-wrap:wrap;}
.t_center{display:flex; flex-direction:column; justify-content:center;align-items:center;}

/*文字省略*/
.ellipsis1 {overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.ellipsis3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;}
.ellipsis4 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;}
.ellipsis5 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow: ellipsis;}
.ellipsis6 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;text-overflow: ellipsis;}



.col_3  li{width: 32%; margin-right:2%;}
.col_4  li{width: 24%; margin-right:1.33%;}
.col_3  li:nth-child(3n),
.col_4  li:nth-child(4n){ margin-right:0;}


/*头部*/
.header{height:100px;position: fixed; width:100%; background:#FFF; z-index:999;box-shadow: 0 5px 10px rgba(0,0,0,0.1);transition: 0.3s all;}
.header .logo{ margin-top:20px; transition: 0.3s;}
.header .logo img{height:60px; display:block;  transition:0.3s all;}

.blank_box{height:100px;}

/*电话*/
.header .tel{padding-left:45px; margin-left:15px; font-size:16px; height:100px; transition: 0.3s all; font-weight:bold; color: #2e6ee1;background: url(../images/top1_1.png) 20px center no-repeat,url(../images/line.png) left center no-repeat;display:flex; flex-direction:column; justify-content:center;align-items:center;}


/*邮箱*/
.header .mail{ margin-left:15px; height:100px; transition: 0.3s all;display:flex;justify-content:center;align-items:center; }
.header .mail a{display:block; width:32px; height:32px; border-radius:50%; background:#f90; display:flex;justify-content:center;align-items:center; transition:0.3s all;}
.header .mail a:hover,.header .serch a:hover{transform:scale(1);}



/*======================搜索======================*/
.header .serch{ margin-left:25px; height:100px; transition: 0.3s all;display:flex;justify-content:center;align-items:center; position:relative; }
.header .serch a{display:block; width:32px; height:32px; border-radius:50%; background: url(../images/icon-sq2.png) center no-repeat; display:flex;justify-content:center;align-items:center; transition:0.3s all;}

.header .tc-box {width:260px; height:46px; background:#fff; position:absolute; left:-210px; top:100px; display:none; box-shadow:0 5px 10px rgba(0,0,0,.15);}
.header.scroll-down .tc-box{ top:80px;}

/*搜索弹窗内容样式*/
.header .tc-box form {position: relative;}
.header .tc-box .tc_fdj {position: absolute;left: 20px;display: block;height:46px;width: 25px;}
.header .tc-box #keyword {width: 75%;height:46px;padding: 0 20px; font-size:15px;color: #999;box-shadow: none;-webkit-appearance: none;border:0; box-sizing:border-box;outline:none; float:left;}
.header .tc-box .btn_submit {width: 25%;height:46px;line-height:50px;background: url(../images/icon-sq2.png) center no-repeat;font-size:16px;color: #fff;cursor: pointer;text-transform: uppercase;border:0; outline:none;}


/*下拉菜单*/
.navBox { position:relative; z-index:999; }
.navBox .nav{ height:100px; transition: 0.3s all;}
.navBox .nav li {position: relative; }
.navBox .nav li>a {display: block;position: relative; height:100%;padding: 0 .35rem; display:flex; justify-content:center;align-items:center;}
.navBox .nav li>a .bg {background: #2e6ee1;position: absolute;left: 0px;bottom: 0px;width:100%;display: block;height:0;transition: 0.5s; opacity:0;visibility: hidden;}
.navBox .nav li>a .txt {position: relative;z-index: 2;font-size:16px;color:#333; transition: 0.3s;}

.navBox .nav li.curr>a .txt,.navBox .nav li.active .txt{ color:#2e6ee1;}

.subNavbox{width:100%;position:absolute; top:100%;left:50%;background:rgba(255,255,255,.99); -webkit-transform:translate(-50%,10px);-ms-transform:translate(-50%,20px);transform:translate(-50%,20px); border-radius:5px;padding:15px 15px;opacity:0; pointer-events:none; transition:all .3s;box-shadow:0 5px 40px rgba(3,43,183,.25);}
.subNavbox:after{content:"";position:absolute;bottom:100%;left:50%;border-style:solid;margin-left:-7px;border-width:7px;border-color:transparent transparent #fff;}
.subNavbox p:not(:last-of-type){border-bottom:1px solid #ddd}
.subNavbox a{display:block;position:relative;font-size:15px;padding:15px 0; -webkit-transition:color .3s cubic-bezier(.645,.045,.355,1);-ms-transition:color .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1); text-align: center; }
.subNavbox a:before{content:"";position:absolute;top:7px;bottom:7px;left:-15px;width:3px;background: #2e6ee1;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transition:-webkit-transform .3s cubic-bezier(.162,.85,.45,1);transition:transform .3s cubic-bezier(.162,.85,.45,1);}
.subNavbox a.active,.subNavbox a:hover{color:#2e6ee1}
.subNavbox a.active:before,.subNavbox a:hover:before{-ms-transform-origin:top;-webkit-transform-origin:top;transform-origin:top;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.subNavbox.active{pointer-events:all;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);-webkit-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s;opacity:1; }


/*滚动*/
.header.scroll-down{ }
.header.scroll-top  {} 
/*导航下拉*/
.header.scroll-down,
.header.scroll-down .serch,
.header.scroll-down .tel,
.header.scroll-down .mail,
.header.scroll-down .nav{
	height:80px; }
.header.scroll-down .logo{margin-top:12px;}
.header.scroll-down .logo img{height:56px;}







/*======================轮播图======================*/
/*焦点图*/
	#banner {width:100%; min-width:1200px; position:relative; z-index:0; background:#000; overflow:hidden;}
	#banner .txt{position:absolute;z-index: 999;left:0;top:0;right:0; width:100%; height:100%; display: flex; justify-content:center; align-items:center;}
	#banner .txt h3{font-size:.56rem; color:#fff; font-weight: lighter; margin-bottom:.2rem; letter-spacing:2px;}
	#banner .txt p{font-size:.25rem; color:#fff; line-height:2em; letter-spacing:2px; font-weight: lighter;}

	#banner .txt h3 {transform:translateY(200px);opacity:0;transition:all 0.3s;}
	#banner .txt p {transform:translateY(200px);opacity:0;transition:all 0.6s;}
	#banner .txt .viewmore {transform:translateY(200px);opacity:0;transition:all 0.9s; margin-top:50px;}
	#banner .swiper-slide-active .txt h3,
	#banner .swiper-slide-active .txt p,
	#banner .swiper-slide-active .txt .viewmore{transform:translateY(0px);opacity:1; transition-delay:0.5s;}

	.viewmore {position: relative;}
	.viewmore a{pointer-events: all; display: block;width: 110px;height: 46px;line-height: 46px;border: 1px solid rgba(255,255,255,.35); color:#fff;padding:0 25px;position: relative;transition:all 0.3s; }
	.viewmore a i{width: 20px;height: 20px;position: absolute;right: 15%;top: 50%;margin-top: -10px; background: url("../images/rb-1.png") center no-repeat;}
	.viewmore a:after { position:absolute; right:0; top:0; content: ""; width:0;background:rgba(255,255,255,.35);height:100%; transition:0.6s all;}
	.viewmore a:hover:after{width:100%; left:0;}

	#banner .swiper-slide .pic { position:relative; z-index:1;}
	#banner .swiper-slide .pic img{width:100%;transition: all 4s;  transform: scale(1,1); -webkit-transform: scale(1,1); display:block; /*-webkit-filter: blur(30px); filter: blur(30px);*/}
	/*#banner .swiper-slide-active .pic img{ transform: scale(1.06,1.06);  -webkit-transform: scale(1.06,1.06);  transition-delay:0.8s;*//* -webkit-filter: blur(0px); filter: blur(0px);}*/


/*按钮切换*/	
	#banner .swiper-button-prev,#banner .swiper-button-next {display: none;width: 72px;height: 72px; background: url(../images/ico_sliding.png) no-repeat; margin-top:-36px;opacity:0.3;}
	#banner .swiper-button-prev {background-position: 0 0;}
	#banner .swiper-button-prev:hover { background-position: 0 -144px;}
	#banner .swiper-button-next { background-position: 0 -72px;}
	#banner .swiper-button-next:hover {background-position: 0 -216px;}
/*分页器*/
	#banner .swiper-pagination{bottom: 20px;}
	#banner .swiper-pagination-bullet {width: 38px;height: 3px;border-radius:3px;background: rgba(255, 255, 255, .2);opacity: 1;position: relative;margin: 0 5px !important;}
	#banner .swiper-pagination-bullet:before{content: "";position: absolute;top: 0;left: 0;background: #fff;width: 0;height: 3px;z-index: 1;transition: 0s; border-radius:3px;}
	#banner .swiper-pagination-bullet-active:before{width: 100%;transition: all 5s ease; border-radius:3px;}

#particles-js{position: absolute;width: 100%; height:100%; left:0; right:0; top:0; bottom:0; z-index:999; }
#particles-js {opacity: 0.6;}
.particles{pointer-events: none;}
.mouseEvents{ pointer-events: all;} 


/*页面标题*/
.main_tit{text-align:center; padding:.6rem 0 .4rem;width:100%; min-width:1200px;}
.main_tit_z{ font-size:.42rem; color:#000;}
.main_tit_f{ font-size:16px; color:#555; margin-top:.2rem;}


/*================产品中心=====================*/
.pro_bg{ background:url(../images/bg1.png) no-repeat center bottom 200px;  background-size:100% auto; width:100%; min-width:1200px; }
.index_pro{}
.index_pro li{width:32%; height:520px; border: 1px solid #2e6ee1;background: #fff;border-radius: 19px;box-shadow: rgba(3,43,183,.075) 1px 1px 40px;position: relative;overflow: hidden; box-sizing:border-box; transition:.5s all;}
/*.index_pro li.active{width:31%;}*/

.index_pro li .top{opacity: 1; transition: 0.5s; width:100%; height:100%; position: absolute;left: 0;top: 0; pointer-events: none; background:url(../images/tbi1-lis.png) no-repeat right bottom 25px;}
.index_pro li .bot{opacity: 0; transition: 0.5s;}
.index_pro li.active .top{opacity: 0;}
.index_pro li.active .bot{opacity: 1;}

/*原始状态*/
.index_pro li .top .txt{ padding:0 22px;}
.index_pro li .top .txt h3{position: relative; font-size: 18px; color:#000; text-align:center;line-height: 25px;padding-bottom: 15px;margin-bottom: 25px;margin-top: 70px;}
.index_pro li .top .txt h3::before{content: '';position: absolute;width: 25px;height:2px;background: #2e6ee1;left:0;right:0;margin:0 auto;bottom:0;}
.index_pro li .top .txt p{font-size: 14px;line-height:2;color:#666; text-align:justify;}
.index_pro li .top .pic{ position:absolute; left:0; bottom:25px; width:100%; text-align:center;}
.index_pro li .top .pic img{max-width:100%;}


/*激活*/
.index_pro li .bot .title {height: 80px;line-height: 80px;background: url(../images/tbi1-tit.png) right center no-repeat;overflow: hidden;padding: 0 30px; position:relative;}
.index_pro li .bot .title img{max-width: 44px;margin-right: 15px; vertical-align: middle;}
.index_pro li .bot .title h3{display: inline-block;font-size:20px;font-weight: normal;color: #fff;}

.index_pro li .bot .txt{ padding:30px 30px;}
.index_pro li .bot .txt h5{font-size:16px; color:#000; font-weight:normal; padding-left:30px; position:relative; margin-bottom:15px;}
.index_pro li .bot .txt h5 img {max-width:25px;position: absolute;left:0px; top: 1px;}

.index_pro li .bot .txt .info{line-height:1.8; text-align:justify; color:#666; font-size:14px; margin:15px 0 20px 30px;}
.index_pro li .bot .txt ul{padding-left:30px;}
.index_pro li .bot .txt p{position: relative;font-size: 14px;line-height:2; padding-left:20px;color:#666;}
.index_pro li .bot .txt p::before{content: '';position: absolute;width: 6px;height: 6px;background: #2e6ee1;border-radius: 50%;left:0;top:9px;}
.index_pro li .bot .txt .more { margin-top:25px; text-align:center;}
.index_pro li .bot .txt .more a{width:40%; line-height:33px; transition:0.3s all; display:inline-block; border:solid 1px #2e6ee1; color:#2e6ee1; text-align:center; border-radius:5px;}
.index_pro li .bot .txt .more a:hover{background:#2e6ee1; border:solid 1px #2e6ee1;color:#fff;}



/*================产品卡片=====================*/
.card{ background:url(../images/bg1.png) no-repeat center bottom; height:460px; margin-bottom:150px; background-size:100% auto; width:100%; min-width:1200px; }
.card li{width:23%; position:relative; height:360px;}

.card li .front,.card li .back {width:100%;height:100%;overflow:hidden;/*溢出元素修剪掉并隐藏*/  backface-visibility:hidden;/*定义元素不面向屏幕时是否可见*/ position:absolute;  transition:transform .6s linear; text-align: center; border-radius:10px;    height: 100%; box-sizing:border-box;  padding: 40px 25px; background:#fff;box-shadow:0 5px 10px 0 rgba(3,43,183,0.1);}
.card li .front {/* 动画样式，设置镜头到元素平面的距离，变换时元素按Y轴旋转 */  transform:perspective(600px) rotateY(0deg);}
.card li .back {/*背面卡片样式*/ transform:perspective(600px) rotateY(180deg); }
.card li:hover > .front {/*选定card后的所有front样式，与.card:hover .front类似但不同*/  transform:perspective(600px) rotateY(-180deg);}
.card li:hover > .back {/*同上*/  transform:perspective(600px) rotateY(0deg);}

.card li .front .pic{width:100px; height:100px;  background:/*url(../images/pro_yuan.png)*/ #ECF7FF; border-radius:100%;  margin:auto;margin-bottom:30px;  display: flex; justify-content:center; align-items: center;}
.card li .front .pic img{height:46px;}
.card li .front h3{font-size:22px;}
.card li .more{width:125px; height:36px; line-height:36px; border-radius:5px; text-align:center; color:#2e6ee1; border:solid 1px #2e6ee1; position:absolute; left:50%; -webkit-transform: translateX(-50%);transform: translateX(-50%); bottom:50px; transition:0.5s all;}

.card li .back h3{font-size:22px;height:50px; margin-bottom:15px; position:relative;}
.card li .back h3:before{content:" "; position:absolute; left:50%; bottom:0; width:25px; border-bottom:solid 3px #2e6ee1; -webkit-transform: translateX(-50%);transform: translateX(-50%);}
.card li .back p{font-size:14px; line-height:1.8; color:#666; text-align:justify;}
/*.card li .back a{width:125px; height:36px; line-height:36px; border-radius:36px; text-align:center; color:#fff; background:#2e6ee1; position:absolute; left:50%; -webkit-transform: translateX(-50%);transform: translateX(-50%); bottom:50px; transition:0.5s all;}*/
.card li .back .more{ color:#fff; background:#2e6ee1; }
.card li .back a{display:block; width:100%; height:100%;}



/*我们的服务*/
.index_about{ margin-top:1rem;}

.index_media{height:560px; padding-top:10px; background:url(../images/ssbg1.jpg) no-repeat center center; background-attachment:fixed; position:relative; pointer-events: none; background-size: cover; overflow:hidden; box-sizing:border-box;}
.index_media .orn1,
.index_media .orn2{width:100%;height:100%;position:absolute;top:0px;left:0px;}
.index_media .orn1{background:url(../images/iBnr1-layer1.png) no-repeat center center / cover !important;animation:bg2 50s linear infinite;z-index:5;}
.index_media .orn2{background:url(../images/iBnr1-layer2.png) no-repeat center center / cover !important;animation:bg 50s linear infinite;z-index:5;}
@keyframes bg {
0%{transform:translate3d(0,0,0);}
50%{transform:translate3d(-200px,0,0);}
100%{transform:translate3d(0px,0,0);}}
@keyframes bg2 {
0%{transform:translate3d(0,0,0);}
50%{transform:translate3d(800px,0,0);}
100%{transform:translate3d(0,0,0);}}

.index_media p{color:#fff; line-height:2; width:520px; margin:auto; position:relative; padding-top:50px; font-size:15px; text-align:center; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);}
.index_media p:before { position:absolute;  right:50%; top:0; content: ""; width:1px;background:rgba(255,255,255,0.3);height:35px;}


.index_about .con{position:relative; z-index:2; margin-top:-250px;}
.index_about .con .top{}
.index_about .con .top li{ width:25%; height:250px; background:#fff; box-sizing:border-box; padding:70px 35px 70px 35px; position:relative;}
.index_about .con .top li:last-child{background:#2e6ee1; color:#fff;}
.index_about .con .top li h3{font-size:22px; margin-bottom:15px; }
.index_about .con .top li p{ line-height:2;}
.index_about .con .top li .more{width:36px; line-height:36px; border:solid 1px #2e6ee1;  font-size:24px; text-align:center; position:absolute; right:5px; bottom:5px;}
.index_about .con .top li a{ position:relative; transition:0.3s all; color:#2e6ee1; display:block;}
.index_about .con .top li a:hover{color:#fff;}
.index_about .con .top li .more:before { position:absolute;  right:0; top:0; content: ""; width:0;background:#2e6ee1;height:100%; transition:0.3s all;}
.index_about .con .top li .more:hover:before{width:100%; left:0;}
.index_about .con .top li:last-child .more{border:solid 1px #fff; background:#fff;}

.index_about .con .bot li{ width:25%; height:250px; background:rgb(51, 51, 51); box-sizing:border-box; padding:70px 34px 70px 34px; position:relative;}
.index_about .con .bot li:nth-child(2){ width:50%;background:url(../images/ab_1.jpg) no-repeat center; background-size:cover;}
.index_about .con .bot li:nth-child(3){background:#fff; border:solid 1px #ddd;}

.index_about .con .bot li:nth-child(1){color:#fff;  text-align:center;}
.index_about .con .bot li h3{font-size:25px; margin-bottom:15px; }
.index_about .con .bot li p{ line-height:2;}
.index_about .con .bot li:nth-child(1) p{ line-height:2; color:#ccc;}
.index_about .con .bot li .more{width:36px; line-height:36px; border:solid 1px #fff;  font-size:24px; text-align:center; position:absolute; right:5px; bottom:5px; transition:0.3s all;}
.index_about .con .bot li a{ position:relative; transition:0.3s all; color:#fff; display:block;}
.index_about .con .bot li a:hover{color:#2e6ee1;}
.index_about .con .bot li .more:before { position:absolute;  right:0; top:0; content: ""; width:0;background:#fff;height:100%; transition:0.3s all;}
.index_about .con .bot li .more:hover:before{width:100%; left:0;}
.index_about .con .bot li:last-child .more{border:solid 1px #2e6ee1; background:#2e6ee1;}







/*================解决方案=====================*/
.fangan{ border:solid 0px #eee; padding:20px 50px 15px 50px; box-sizing:border-box; box-shadow:rgba(3,43,183,.1) 1px -1px 40px; background:#fff;}
.fangan .tit{ border-bottom:solid 2px #f2f2f2; text-align:center; }
.fangan .tit li{height:56px; font-size:18px; display:inline-block; margin:0 .3rem;}
.fangan .tit li a{display:block; line-height:56px; transition:0.5s all; /*border-bottom:solid 2px #f2f2f2;*/ position:relative;}
.fangan .tit li a:after{content:"";background: #2e6ee1;position: absolute;left: 50%;bottom: -2px;width:0;display: block;height:2px;transition: 0.6s;z-index: 1; opacity: 0;visibility: hidden;}
.fangan .tit li.active a:after{width: 100%; opacity: 1; left:0; visibility: visible; }
.fangan .tit li.active a{color:#2e6ee1; /*border-bottom:solid 2px #2e6ee1;*/}

.fangan .con{ padding:.5rem .15rem; display:none;}
.fangan .con.active{display:flex;}
.fangan .con .txt{width:65%;}
.fangan .con .txt h3{font-size:20px; color:#111; font-weight:normal; padding-left:20px; position:relative;}
.fangan .con .txt h3 img {max-width:25px;position: absolute;left:-13px; top: 4px;}
/*.fangan .con .txt h3:after {width:4px;height:18px; 
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    background:#2e6ee1;
}*/
.fangan .con .txt .info{font-size:15px; line-height:2em; text-align:justify; color:#666; margin:.25rem 20px;}
.fangan .con .txt .more { margin-left:20px;}
.fangan .con .txt .more a{padding: 0 25px; line-height:33px; transition:0.3s all; position:relative; display:inline-block; border:solid 1px #2e6ee1; color:#2e6ee1; text-align:center; border-radius:5px; margin-bottom:.5rem;}
.fangan .con .txt .more a:hover{/*background:#2e6ee1; border:solid 1px #2e6ee1; */color:#fff;}
.fangan .con .txt .more a:after { position:absolute; z-index:-1; right:0; top:0; content: ""; width:0;background:#2e6ee1;height:100%; transition:0.3s all;}
.fangan .con .txt .more a:hover:after{width:100%; left:0;}

.fangan .con .txt ul{ margin-top:.4rem; display: flex;justify-content: flex-start;flex-wrap:wrap;}
.fangan .con .txt ul li{ text-align:center; width:20%;}
.fangan .con .txt ul li .ico{background:url(../images/td_yuan.png) no-repeat center; width:80px; height:80px;  margin:auto; margin-bottom:25px; display: flex; justify-content:center; align-items: center;}
.fangan .con .txt ul li .ico img{max-height:38px; display:block;}
.fangan .con .txt ul li h5{font-weight:normal; font-size:15px; color:#666; line-height:1.8;}

.fangan .con .pic{width:35%; display: flex; justify-content:center; align-items: center;}
.fangan .con .pic img{max-width:100%;}
.fangan .con {
  opacity: 0;
  animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
@keyframes o-upfade-top {
    0% {
        opacity: 0;
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes o-scale {
    0%,85%,100%{
        transform: scale(1);
    }
    50%{
        transform: scale(1.1);
    }
}
@keyframes o-opacity {
    0%,30%,60%,100%{
        opacity: 0;
    }
    15%,45%{
        opacity: 1;
    }
}
@keyframes o-scroll {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(100%);
    }
}  



/*================解决方案=====================
.fangan{ position:relative;}
.fangan .swiper-slide{width: 900px;flex-shrink: 0;
    height: 360px;
    border-radius: 4px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;}
.fangan .swiper-slide .pic{width: 450px;
    height: 360px;
    position: absolute;
    left: 0;
    z-index: 9;}
.fangan .swiper-slide .pic img{width:100%; height:100%; display:block;}
.fangan .swiper-slide .txt{width: 450px;
    height: 360px;
    overflow: hidden;
    background: #06c;
    position: absolute;
    left: 450px;
    z-index: 8;}	

.fangan .swiper-button-prev {
    left: 50%;
    margin-left: -590px;
}
.fangan .swiper-button-next {
    right: 50%;
    margin-right: -590px;
}
.fangan .swiper-button-next, .fangan .swiper-button-prev {
    width: 54px;
    height: 54px;
    background: #1e8cff;
    border-radius: 50%;
	font-size: 18px;
    color: #fff; display:flex; justify-content:center;align-items:center; 
}

.fangan .showRight .swiper-slide .pic{-webkit-animation:show450_0 3s;animation:show450_0 3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.fangan .showRight .swiper-slide-prev .txt{left:450px}
.fangan .showRight .swiper-slide-prev .pic{left:450px;-webkit-animation:show0_450 1.5s;animation:show0_450 1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}

.fangan .showRight .swiper-slide-next .pic{left:0!important}
.fangan .showRight .swiper-slide-next .txt{-webkit-animation:show450_0 1.5s;animation:show450_0 1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}

.fangan .showRight .swiper-slide-active .pic{left:0!important}
.fangan .showRight .swiper-slide-active .txt{-webkit-animation:show0_450 1.5s;animation:show0_450 1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}

.fangan .showLeft .swiper-slide-prev .txt{left:450px}
.fangan .showLeft .swiper-slide-prev .pic{left:450px!important}
.fangan .showLeft .swiper-slide-active .pic,
.fangan .showLeft .swiper-slide-next .txt{-webkit-animation:show450_0 1.5s;animation:show450_0 1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}


@-webkit-keyframes show450_0{0%{left:450px}to{left:0}}
@keyframes show450_0{0%{left:450px}to{left:0}}
@-webkit-keyframes show0_450{0%{left:0}to{left:450px}}
@keyframes show0_450{0%{left:0}to{left:450px}}
*/







/*================产品展示=====================*/
.product_bg{ background:url(../images/pro_bg.jpg) no-repeat center top; background-size:100% 100%; margin-top:1rem; padding-bottom:.8rem; width:100%; min-width:1200px;}
.pro li{width:48.5%; background:#fff; padding:20px 20px 20px 20px; margin-bottom:.3rem; box-sizing:border-box; border-radius:5px; transition:0.5s all; box-shadow: 0 3px 10px rgba(0,0,0,0.1);}
.pro li a{display:flex;justify-content:space-between;}
.pro li .pic{width:30%;}
.pro li .pic img{width:100%; display:block;}
.pro li .txt{width:65%;}
.pro li .txt h3{font-size:.28rem; font-weight:normal; margin:.16rem 0 .2rem 0; color:#111;}
.pro li .txt p{font-size:15px; line-height:1.8em; color:#666; text-align:justify;}
.pro li:hover{background:#2e6ee1;transform: translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);}
.pro li:hover .txt h3,.pro li:hover .txt p{color:#fff;}




/*================新闻动态=====================*/
.news_bg{ background:url(../images/case_bg.png) no-repeat center top; background-size:100% 100% ; padding-bottom:.8rem;}

.index_news li { background: #FFF; height: 380px; width:31%;margin-bottom:.3rem;box-shadow: rgba(203, 209, 218, 0.533) 0px -3px 28px 0px;position: relative;overflow: hidden;border-radius: 8px; transition:0.3s all;}
.index_news li:hover{ transform: translate3d(0, -20px, 0);-webkit-transform: translate3d(0, -20px, 0);box-shadow: rgba(203, 209, 218, 0.8) 0px -3px 28px 0px;}
.index_news li .con{transform: translateY(0px); transition: all 0.3s ease-in-out 0s; }
.index_news li:hover .con{transform: translateY(-225px);}
.index_news li .con .pic{height:225px; text-align:center;}
.index_news li .con img{height:100%; width:100%;}

.index_news li .con .txt {padding: 25px 28px 0px; transition: all 0.3s ease-in-out 0s;}
.index_news li:hover .con .txt {padding-top:40px;}

.index_news li .con .txt h3{ font-size:18px; margin-bottom:15px; line-height: 30px; height:60px; color:#333;}
.index_news li .con .txt .time{display: inline-block;padding: 3px 10px;font-size:12px;line-height: 22px;border-radius: 5px; color: rgb(24, 144, 255); background: rgb(230, 247, 255);width: auto; }
.index_news li:nth-child(2n) .con .txt .time{color:#FF8D1C; background: #FFECD9;}
.index_news li:nth-child(3n) .con .txt .time{color: rgb(255, 77, 79); background: rgb(255, 241, 240);}
.index_news li .con .txt p{font-size:15px; line-height:1.8; color:#666; margin-top:30px; text-align:justify;}
.index_news li .con .txt .more{/* width:108px; line-height:36px; display:block; background:#2e6ee1; color:#fff; text-align:center; border-radius:5px;*/ float:right; margin-top:35px;}






/*================与我联系=====================*/
.voice_footer{background:url(../images/voice-footer.png) no-repeat center #2e6ee1; background-size:cover; color:#fff; padding:.5rem 0; text-align:center; width:100%; min-width:1200px; overflow:hidden;}
.voice_footer h3{ font-size:.4rem; font-weight:lighter; letter-spacing:2px;}
.voice_footer h5{ font-size:.2rem; font-weight:lighter; margin:.2rem 0;}
.voice_footer a{ width:1.6rem; line-height:.5rem; font-size:16px; display:inline-block; border-radius:.6rem; background:#fff; color:#2e6ee1;}


.hzlc_bg {
	position: relative;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.hzlc_bg li {
	position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, .15);
	bottom: -160px;
	-webkit-animation: square 28s infinite;
	animation: square 28s infinite;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear
}
.hzlc_bg li:nth-child(1) {left: 10%}
.hzlc_bg li:nth-child(2){
	left: 20%;
	width: 80px;
	height: 80px;
	-webkit-animation-delay: 200ms;
	animation-delay: 200ms;
	-webkit-animation-duration: 17s;
	animation-duration: 17s
}
.hzlc_bg li:nth-child(3){
	left: 25%;
	-webkit-animation-delay: 400ms;
	animation-delay: 400ms
}
.hzlc_bg li:nth-child(4){
	left: 40%;
	width: 60px;
	height: 60px;
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
	background-color: rgba(255, 255, 255, .25)
}
.hzlc_bg li:nth-child(5){
	left: 70%
}
.hzlc_bg li:nth-child(6){
	left: 80%;
	width: 120px;
	height: 120px;
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
	background-color: rgba(255, 255, 255, .2)
}
.hzlc_bg li:nth-child(7){
	left: 32%;
	width: 100px;
	height: 100px;
	-webkit-animation-delay: 7s;
	animation-delay: 7s
}
.hzlc_bg li:nth-child(8){
	left: 55%;
	width: 20px;
	height: 20px;
	-webkit-animation-delay: 15s;
	animation-delay: 15s;
	-webkit-animation-duration: 40s;
	animation-duration: 40s
}
.hzlc_bg li:nth-child(9){
	left: 25%;
	width: 10px;
	height: 10px;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	-webkit-animation-duration: 40s;
	animation-duration: 40s;
	background-color: rgba(255, 255, 255, .3)
}
.hzlc_bg li:nth-child(10){
	left: 90%;
	width: 120px;
	height: 120px;
	-webkit-animation-delay: 11s;
	animation-delay: 11s
}
 @-webkit-keyframes square {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0)
}
 100% {
 -webkit-transform: translateY(-1700px)rotate(600deg);
 transform: translateY(-1700px)rotate(600deg)
}
}
 @keyframes square {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0)
}
 100% {
 -webkit-transform: translateY(-1700px)rotate(600deg);
 transform: translateY(-1700px)rotate(600deg)
}
}
 @-webkit-keyframes square_z {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0)
}
 100% {
 -webkit-transform: translateY(-700px)rotate(500deg);
 transform: translateY(-700px)rotate(500deg)
}
}
 @keyframes square_z {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0)
}
 100% {
 -webkit-transform: translateY(-700px)rotate(500deg);
 transform: translateY(-700px)rotate(500deg)
}
}

/*================底部=====================*/
.footer{min-width:1200px;background:url(../images/footer_bg.png) no-repeat right bottom #0D1727; padding:.8rem 0 0 0;}
.footer .left{}
.footer .left .foot_logo img{ height:60px;}
.footer .left .foot_tel{font-size:.42rem;  font-family:din; margin-top:25px; color:#fff;}
.footer .left p{ font-size:.16rem; padding-left: 40px; line-height:32px; margin:20px 0; color:rgba(255,255,255,0.76);}
.footer .left p.mail{background:url(../images/foot_mail.png) no-repeat left center;}
.footer .left p.addr{background:url(../images/foot_addr.png) no-repeat left center;}

.footer_nav{width:55%;}
.footer_nav dt {position:relative; font-size:.18rem; height:48px; border-bottom:solid 1px rgba(255,255,255,0.1); margin-bottom:25px;}
.footer_nav dt:after {width: 15px;height: 2px;position: absolute;left: 0;bottom: -1px;content: '';background: #2e6ee1;}
.footer_nav dt a{color:#fff; transition:0.5s all;}
.footer_nav dd{font-size:.16rem; line-height:3em;}
.footer_nav dd a{color:rgba(255,255,255,0.76);transition:0.5s all;}
.footer_nav dd a:hover,.footer_nav dt a:hover{color:#2e6ee1;}

.footer .right{}
.footer .right img{width:125px; margin-bottom:10px;}
.footer .right{line-height:1.8em; color: rgba(255,255,255,0.76); text-align:center;}

.copyright{padding: 0.25rem 0;border-top:solid 1px rgba(255,255,255,0.1); color:rgba(255,255,255,0.3); margin-top:.5rem;}
.copyright a{color:rgba(255,255,255,0.3);}
.copyright span{margin:0 .15rem; font-size:.14rem; color:rgba(255,255,255,0.15);}


/*图片列表*/
.pic_list{display: flex;justify-content: flex-start;flex-wrap:wrap;}
.pic_list  li{position:relative; overflow:hidden;margin-bottom:20px;}
.pic_list  li .pic{  background:#000; overflow:hidden; }
.pic_list  li img{width:100%; display:block; transition:0.3s all; }
.pic_list  li:hover img{opacity:0.8;}
.pic_list  li .txt{font-size:.16rem; text-align:center; line-height:.4rem;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}

.pic_list_3  li{width: 32%; margin-right:2%;}
.pic_list_4  li{width: 24%; margin-right:1.33%;}
.pic_list_3  li:nth-child(3n),
.pic_list_4  li:nth-child(4n){ margin-right:0;}



/*内页banner=*/
.page_ban{ width:100%; max-width:1920px; position:relative;min-width:1200px; overflow:hidden; color:#fff; background-position: center top; background-attachment:fixed; background-repeat:no-repeat; background-size:cover;
	/*animation: o-scale 20s linear infinite;*/
}
@keyframes o-scale {
    0%,85%,100%{
        background-size:100% auto;
    }
    50%{
        background-size:108% auto;
    }
}
.page_ban .pic img{width:100%; display:block;}

.page_ban .txt{position:absolute; left:0; top:0; bottom:0; right:0; display: flex; z-index:9; flex-direction:column; align-items:center;}
.page_ban .txt h5 { font-size: .46rem; font-weight: lighter; color: #fff;text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25); margin-bottom:.3rem;}
.page_ban .txt p { font-size: .2rem; font-weight: lighter; color: rgba(255,255,255,0.95);text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25); width:60%; text-align:justify; line-height:2em; margin-bottom:60px;}


/*位置*/
.nav_pos{width:100%; min-width:1200px; background:rgba(255,255,255,.06); border-top: rgba(255,255,255,.2) 1px solid; position:relative; margin-top:-60px; z-index:9;}
.nav_pos .pos{ line-height:60px;}
.nav_pos .pos{font-size:14px; color:rgba(255,255,255,0.8); }
.nav_pos .pos a{ color:rgba(255,255,255,0.8);}
.nav_pos .pos .ico{ margin-right:5px;}
.nav_pos .pos svg{height: 18px; width: 20px;display: inline-block;vertical-align: middle;fill: rgba(255,255,255,0.8);}

/*内容页位置*/
.show_pos{width:100%; min-width:1200px; }
.show_pos .pos{ line-height:.8rem;}
.show_pos .pos{background:url(../images/home_ico.png) no-repeat left center; padding-left:20px; font-size:14px; color:#555; }
.show_pos .pos a{ color:#555;}



/*子栏目*/
.sub_nav {}
.sub_nav li {font-size:15px;height:60px; position: relative;margin-left:50px;}
.sub_nav li:after{content:"";position:absolute;left:-25px;height:14px;background:rgba(255,255,255,0.5);top:50%;margin-top:-7px;width: 1px;}
.sub_nav li:first-child:after{ display:none}
.sub_nav li a {display: block; position: relative;z-index: 4;height:60px;line-height:60px; color:rgba(255,255,255,0.8);transition: 0.3s all;}
.sub_nav li a:before{content:"";position:absolute;border-left: transparent 7px solid;border-right: transparent 7px solid;border-bottom:#fff 8px solid;bottom: 0;left: 50%;margin-left: -6px;opacity: 0;visibility: hidden;transition: 0.3s all;}
.sub_nav li.on a:before, .sub_nav li:hover a:before{opacity:1;visibility: visible;}

.sub_nav li:before {content: "";width: 100%;height: 2px;position: absolute;bottom: 0px;left: 0;background:#2e6ee1;transition: 0.3s all;opacity: 0;visibility: hidden;}
.sub_nav li.on:before, .sub_nav li:hover:before {opacity: 0;visibility: visible; }
.sub_nav li.on a, .sub_nav li:hover a {color:#fff;  font-weight:bold;}


/*======================公司简介======================*/
.page_about{width:1150px; margin:80px auto 125px auto;}
.page_about .pic{width:380px; position:relative;}
.page_about .pic:before {position: absolute;left: 0px;top: 0px;display: block;content: "";transform: translate(20px, 20px);width: 100%;height: 100%;background: rgba(49, 83, 212, 0.1); z-index:-1;}
.page_about .pic img{max-width:100%;}
.page_about .pic .play_btn{position:absolute; width:72px; height:72px; left:50%; top:50%; margin:-36px 0 0 -36px; transition:1s all;}
.page_about .pic .play_btn:hover{transform:rotate(360deg);}
.page_about .txt{width:660px;}
.page_about .txt .tit{font-size:.42rem; color:#000; margin-bottom:.3rem;}
.page_about .txt .con{font-size:15px; line-height:2.1em; text-align:justify; color:#555;}
.page_about .txt .con p{margin-bottom:20px;}


/*======================经营范围======================*/
.about_jyfw{ background:url(../images/bg2.png) no-repeat center top; background-size:100% auto; padding-bottom:.8rem;width:100%; min-width:1200px;}
.about_jyfw li{width:32%;  border-radius:10px; transition:.3s all; background:#fff; box-shadow:rgba(3,43,183,.075) 1px 1px 40px; padding:.25rem 0 .25rem 25px; box-sizing:border-box; margin-bottom:.25rem;}
.about_jyfw li:hover{background:#2e6ee1;transform: translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0); color:#fff;}
.about_jyfw li .pic{ text-align:center; width:80px; height:80px; background:#F4FAFF; border-radius:100%; display:flex; justify-content:center;align-items:center;}
.about_jyfw li:hover .pic{ background:#fff;}
.about_jyfw li .pic img{width:60%;}
.about_jyfw li:hover .pic img{/*filter: grayscale(100%) brightness(300%)*/}
.about_jyfw li .txt{width:calc(100% - 100px); display:flex; flex-direction:column; justify-content:center;}
.about_jyfw li .txt h3{font-size:20px; margin-bottom:.15rem;}
.about_jyfw li .txt p{font-size:15px; color:#666; margin-bottom:.05rem; transition:.3s all;}
.about_jyfw li:hover .txt p{color:rgba(255,255,255,0.8);}



/*======================数说======================*/
.index_section3 { background:#2e6ee1; position: relative; height: 480px; overflow:hidden; z-index:2; }
.indexc3Box { font-size:.42rem; font-weight: lighter; color: #FFF; display: inline-block; position: absolute; z-index: 5; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.indexc3Box span{display:inline-block;}
.indexc3Box i{ content: ""; background: #FFF; height: 2px; width: .4rem; margin-left:-.2rem; position: absolute; left: 50%; top: 0px; }
.index3_ani{ height: 401px; width: 432px; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); z-index:4; opacity:0.5}
.index3_ani i{ display: block; width: 357px; height: 357px; background: url(../images/aniLine.png); position: absolute; top: 50%; left: 50%; opacity: 0; margin-top: -178px; margin-left: -178px; z-index:5;}
.index3_ani i:nth-of-type(1){animation: ani_1 2s linear infinite;}
.index3_ani i:nth-of-type(2){animation: ani_2 2s linear infinite;}
.index3_ani i:nth-of-type(3){animation: ani_3 2s linear infinite;}
.index3_ani i:nth-of-type(4){animation: ani_4 2s linear infinite;}
.index3_ani i:nth-of-type(5){animation: ani_5 2s linear infinite;}
.index3_ani i:nth-of-type(6){animation: ani_6 2s linear infinite;}
.index3_ani i:nth-of-type(7){animation: ani_7 2s linear infinite;}
.index3_ani i:nth-of-type(8){animation: ani_8 2s linear infinite;}
.index3_ani i:nth-of-type(9){animation: ani_9 2s linear infinite;}
.index3_ani i:nth-of-type(10){animation: ani_10 2s linear infinite;}
@keyframes ani_1{
	0%{transform: rotate(0deg) scale(1); opacity: 1;}
	40%{transform: rotate(180deg) scale(0.5);}
	100%{transform: rotate(360deg) scale(1); opacity: 1;}
}
@keyframes ani_2{
	0%{transform: rotate(0deg) scale(1); opacity: 1;}
	43%{transform: rotate(180deg) scale(0.5);}
	100%{transform: rotate(360deg) scale(1); opacity: 1;}
}
@keyframes ani_3{
	0%{transform: rotate(0deg) scale(1); opacity: 1;}
	46%{transform: rotate(180deg) scale(0.5);}
	100%{transform: rotate(360deg) scale(1); opacity: 1;}
}
@keyframes ani_4{
	0%{transform: rotate(0deg) scale(1); opacity: 1;}
	49%{transform: rotate(180deg) scale(0.5);}
	100%{transform: rotate(360deg) scale(1); opacity: 1;}
}
@keyframes ani_5{
	0%{transform: rotate(0deg) scale(1); opacity: 1;}
	52%{transform: rotate(180deg) scale(0.5);}
	100%{transform: rotate(360deg) scale(1); opacity: 1;}
}
@keyframes ani_6{
	0%{transform: rotate(0deg) scale(1); opacity: 1;}
	55%{transform: rotate(180deg) scale(0.5);}
	100%{transform: rotate(360deg) scale(1); opacity: 1;}
}
@keyframes ani_7{
	0%{transform: rotate(0deg) scale(1); opacity: 1;}
	58%{transform: rotate(180deg) scale(0.5);}
	100%{transform: rotate(360deg) scale(1); opacity: 1;}
}
@keyframes ani_8{
	0%{transform: rotate(0deg) scale(1); opacity: 1;}
	61%{transform: rotate(180deg) scale(0.5);}
	100%{transform: rotate(360deg) scale(1); opacity: 1;}
}
@keyframes ani_9{
	0%{transform: rotate(0deg) scale(1); opacity: 1;}
	64%{transform: rotate(180deg) scale(0.5);}
	100%{transform: rotate(360deg) scale(1); opacity: 1;}
}
@keyframes ani_10{
	0%{transform: rotate(0deg) scale(1); opacity: 1;}
	67%{transform: rotate(180deg) scale(0.5);}
	100%{transform: rotate(360deg) scale(1); opacity: 1;}
}


.index_c3imgAni2 {position:relative;}
.index_c3aniImgs{ width:100%; height:100%; position:absolute; left:0; top:0;}
.index_c3aniImgs img{ width:100%; height:auto; position:absolute; left:0; top:0; opacity:0; animation: ani2_img 12s linear infinite 0s;}
.index_c3aniImgs img:nth-child(1){animation-delay: 0s;}
.index_c3aniImgs img:nth-child(2){animation-delay: 4s;}
.index_c3aniImgs img:nth-child(3){animation-delay: 8s;}
@keyframes ani2_img{
	0%{transform:scale(0.5); opacity: 0;}
	/*16%{transform:scale(1); opacity: 1;}*/
	33%{transform:scale(1); opacity: 1;}
	50%{transform:scale(1.2); opacity: 0;}
	100%{transform:scale(1.2); opacity: 0;}
}


@media (max-width:1799px){
.index_section3 { height: 320px;}
/*.indexc3Box { font-size: 30px; line-height: 46px; padding-top: 12px; }
.indexc3Box i{ height: 1px; width: 30px; margin-left: -15px }*/
.index3_ani{ height: 300px; width: 332px;}
.index3_ani i{width: 280px; height: 280px; background: url(../images/aniLine.png); background-size:280px auto; position: absolute; margin-top: -140px; margin-left: -140px; z-index:5;}
}
@media (max-width:767px){
.index_section3{overflow:hidden; height:200px;}
.indexc3Box { font-size:22px; line-height: 58px; padding-top: 18px; }
.index3_ani{width:160px; height:160px;}
.index3_ani i{height:160px; width:160px; margin-top:-80px; margin-left:-80px; background-size:cover;}
.index_c3imgAni{width:800px; position:relative;}
.index_c3imgAni2{width:800px; position:relative;}
}

.about_sm{ background:url(../images/bg3.png) no-repeat center center; background-size:cover; text-align:center; height:2.2rem; font-size:.38rem; display:flex; justify-content:center;align-items:center; color:#fff;width:100%; min-width:1200px;}


/*======================企业文化======================*/
.page_wh{background:url(../images/pro_bg.jpg) no-repeat center center; background-size:100% auto;}
.about_qyyj{}
.about_qyyj li{width:32%;  border-radius:0px; overflow:hidden; transition:.3s all; background:#fff; box-shadow:rgba(3,43,183,.1) 1px 3px 10px; box-sizing:border-box; margin-bottom:.25rem;}
.about_qyyj li .pic img{ width:100%;}
.about_qyyj li .txt{padding:25px 5px 30px 5px;}
.about_qyyj li h3{font-size:22px; text-align:center; margin-bottom:.2rem;}
.about_qyyj li p{font-size:15px; color:#555; line-height:1.8; text-align:center;}


/*企业文化*/
.qywh1 li{ width:32.6%; position:relative; background:#f2f4f8; transition:0.6s all;}
.qywh1 li:after{ content:""; display:block; position:absolute; right:0; bottom:0; width:0; height:2px; background:#2e6ee1; transition:0.6s all;}
.qywh1 li:hover:after{width:100%; left:0;}

.qywh1 li .txt{ padding:.4rem .3rem;  }
.qywh1 li .txt h3{font-size:.35rem; color:#2e6ee1;  margin-bottom:20px; font-family:din;}
.qywh1 li .txt h5{font-size:22px; font-weight:lighter;  margin-bottom:20px;}
.qywh1 li .txt h5 img { height:30px; margin-right: 15px;vertical-align: middle;}
.qywh1 li .txt p{line-height:2; font-size:15px; color:#666; text-align:justify;}

.qywh1 li:before {content: "";width: 100%;height: 100%;background:rgba(0,0,0,.1);display: block;position: absolute;z-index: -1;left: 0px;top: 0px;transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0;
	transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);visibility: hidden;
}
.qywh1 li:hover:before {transform: scale(1);-webkit-transform: scale(1);opacity: 1;visibility: visible;}



.qywh2{ margin-top:.2rem;}
.qywh2 li{width:49.5%; position:relative; color:#fff; border-radius:0px; overflow:hidden;}
.qywh2 li .pic{ width:100%;overflow:hidden;}
.qywh2 li .pic img{width:100%; display:block;}
.qywh2 li .txt{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.25); box-sizing:border-box; padding:.6rem; }
.qywh2 li .txt h5{font-size:25px; font-weight:normal; margin-bottom:20px;}
.qywh2 li .txt h5:after{content:"";display: block;width:20px;background:rgba(255,255,255,0.5); height: 2px; margin:15px 0; }
.qywh2 li .txt p{font-size:15px; line-height:25px; margin-bottom:10px;}


/*======================企业资质======================*/
.about_zz_bg{background:url(../images/zz_bg.png) no-repeat center center; padding-bottom:1rem; background-size:100% auto;}

.about_zz{ width:526px;height:526px; margin:auto; position:relative;}
.about_zz .left{position:absolute; left:-330px; top:68px;}
.about_zz .left li{margin-bottom:80px; width:400px;}
.about_zz .left li:nth-child(2){ margin-left:-50px;}
.about_zz .left li .ico{width:72px;}
.about_zz .left .txt{display:flex; flex-direction:column; justify-content:center; width:328px;}
.about_zz .left .txt p{text-align:right; font-size:15px; border:solid 1px #AFC2F6; padding:15px 10px;  margin-right:20px;}

.about_zz .right{position:absolute; right:-374px; top:65px;}
.about_zz .right li{margin-bottom:80px; width:400px;}
.about_zz .right li:nth-child(2){ margin-left:50px;}
.about_zz .right li .ico{width:72px; }
.about_zz .right .txt{display:flex; flex-direction:column; justify-content:center; width:328px;}
.about_zz .right .txt p{font-size:15px; border:solid 1px #AFC2F6; padding:15px 10px;  margin-left:20px;}


/*======================团队介绍======================*/
.team_info{ width:1200px; margin:auto; text-align:center; font-size:.18rem; line-height:2em;}
.team_info p{margin-bottom:.2rem; }
.team_info img{max-width:100%;}

/*======================组织架构======================*/
.jiagou{ background:url(../images/n_bg1.jpg) no-repeat center bottom; padding-bottom:1rem; margin-top:.5rem;}
.jiagou li{width:23.5%;text-align:center; height:400px; padding:45px .25rem 0 .25rem; border-radius:10px; box-sizing:border-box; background:#fff;
    box-shadow: 0px 5px 20px 0 #e8ebf1; transition:0.5s all;}
.jiagou li .pic{height:150px; width:150px; margin:auto; transition:0.5s all;}
.jiagou li:hover .pic{height:100px; width:100px;}
.jiagou li .pic img{width:100%; height:100%; border-radius:100%;}
.jiagou li .con_box{ height:300px; overflow:hidden;}
.jiagou li .txt .con{ font-size:16px; line-height:1.8; position:relative; margin-top:20px; transition:0.5s all;}

/*.jiagou li .txt .con:before{ width:.2rem; height:3px; background:#2e6ee1;transform: translateX(-50%);
    position: absolute;
    content: "";
    left:50%;
    top: -.1rem; font-size:.18rem;
}*/

.jiagou li .txt h5{font-size:22px; height:30px; margin-top:35px; transition:0.5s all;}
.jiagou li .txt span{width:1.3rem; height:36px;  margin-top:40px; line-height:36px; border-radius:36px; background:#2e6ee1; color:#fff; font-size:.25rem;font-family: Barlow Condensed; text-align:center; display:inline-block; transition:0.5s all;}
.jiagou li:hover .txt h5{margin-top:15px;}
.jiagou li:hover .txt span{margin-top:18px;}
.jiagou li:hover .con{margin-top:15px;}
.jiagou li:hover .con_box{ height:320px;}



/*======================服务保障======================*/
.baozhang{}
.baozhang dl{width:31%; box-sizing:border-box; box-shadow: rgba(3,43,183,.1) 1px 1px 40px; border-radius:5px 5px 0 0; overflow:hidden;}
.baozhang dl .pic{width:100%; position:relative;}
.baozhang dl .pic>img{width:100%; display:block;}
.baozhang dl .pic .txt{width:100%; height:100%; position:absolute; left:0; top:0; color:#fff; background:rgba(0,0,0,0.5); display:flex; flex-wrap:wrap; justify-content:center;align-items:center;}
.baozhang dl .pic .txt .ico{ width:100%; height:.5rem; text-align:center; margin-bottom:.1rem;}
.baozhang dl .pic .txt .ico img{ height:100%;}
.baozhang dl .pic .txt h5{font-size:.25rem; font-weight:normal;}
.baozhang dl .con{padding:.3rem;}
.baozhang dl .con li{ padding:.1rem;}
.baozhang dl .con li .ico{width:38px;}
.baozhang dl .con li .ico img{ width:100%;}
.baozhang dl .con li .txt{ width:calc(100% - 50px); font-size:.18rem;}


/*======================新闻列表页-推荐新闻======================*/
.news_tj{   position:relative; overflow:hidden;  margin-bottom:.6rem;  border:solid 1px #e6e6e6;}
.news_tj .swiper-slide .pic{ width:60%; overflow:hidden;}
.news_tj .swiper-slide .pic img{ width:100%; display:block;}
.news_tj .swiper-slide .txt{width:40%; padding:20px 30px 0 30px; box-sizing:border-box; background:url(../images/icon_mark_news.png) no-repeat right top #fff; }
.news_tj .swiper-slide .txt h3{ font-size:.2rem; line-height:1.8em; margin-bottom:.1rem;}
.news_tj .swiper-slide .txt .time{ margin:.15rem 0; font-family:din; color:#2e6ee1;}
.news_tj .swiper-slide .txt .time i{margin-right:5px;}
.news_tj .swiper-slide .txt p{ font-size:15px; color:#666; line-height:2em;}

/*按钮切换*/	
#news_tj .swiper-button-prev,#news_tj .swiper-button-next {width: 72px;height:36px; border:solid 1px #2e6ee1;  border-radius:38px; top:85%; background:none; overflow:hidden;}
#news_tj .swiper-button-prev {left:calc(60% + 1.9rem);}
#news_tj .swiper-button-next {right:25px;}
#news_tj .btn_more:after { transition:.5s all;content: "";display: block;width: 0;height: 100%;position: absolute;right: 0;top: 0;z-index: -1;background: #2e6ee1;}
#news_tj .btn_more:hover:after{ width: 100%; left: 0; right: auto; }
#news_tj .btn_more {font-size:.2rem;display:flex; justify-content:center;align-items:center; color:#2e6ee1; transition:.5s all; background:#F2F7FD;}
#news_tj .btn_more:hover{color:#fff;}

/*================新闻列表=====================*/
.news_list{display: flex;justify-content: flex-start;flex-wrap:wrap; margin-top:.8rem;}
.news_list  li{margin-bottom:.3rem; width: 31.6%; margin-right:2.5%;transition:0.5s all;}
.news_list  li:nth-child(3n){margin-right:0;}
.news_list li:hover{background:#fff;transform: translate3d(0, -8px, 0);-webkit-transform: translate3d(0, -8px, 0); box-shadow:rgba(3,43,183,.1) 1px 5px 20px;}
.news_list  li .pic{width:100%; background:#000; overflow:hidden; }
.news_list  li .pic img{width:100%; display:block; transition:0.5s all;}
.news_list  li:hover .pic img{transform:scale(1.1);}
.news_list .txt{padding:30px 25px; box-sizing:border-box; background:#fff; }
.news_list .txt .time{  font-family:din; color:#888;}
.news_list .txt .time i{margin-right:5px;}
.news_list .txt h3{ font-size:.22rem; margin:20px 0;}
.news_list .txt p{ font-size:15px; color:#666; line-height:2em;}


.news_box{ margin-top:.6rem;}
.news_box .news_con{width: 70%;}
.news_box .news_side{width: 27%;}

/*======================图文列表======================*/
.pic_art_list{}
.pic_art_list li{border-bottom:solid 1px #e8e8e8; padding-bottom:.35rem; margin-bottom:.35rem; transition: all .5s;}
.pic_art_list li .pic{width:3.3rem; float:left; margin-right:30px; overflow:hidden;}
.pic_art_list li .pic img{width:100%; display:block;}
.pic_art_list li .txt {}
.pic_art_list li .txt .time { font-size: .14rem;  color:#888; font-family:roboto_l;  margin:18px 0 15px;}
.pic_art_list li .txt h5{ font-size:.2rem; margin-top:.1rem;}
.pic_art_list li .txt p{ line-height:1.8em; color:#888; text-align:justify; }
.pic_art_list li .txt a.more {width: 125px;height: 38px; line-height: 38px; margin-top:15px; border: 1px solid #dadada;display:inline-block;text-align: center;color: #666; transition: all .5s;}
.pic_art_list li .txt a.more:hover {background: #2e6ee1;color: #fff;border-color: #2e6ee1;}



.hot_news {margin: 0px 0 30px;border: 1px solid #e6e6e6;padding: 25px 25px 0px;position: relative;}
.hot_news .top {line-height: 28px;font-size:18px;border-bottom: 1px solid #e8e8e8;padding-bottom:15px; margin-bottom:.1rem;}
.hot_news .top .button-next{outline:none;color: #888;cursor:pointer; font-size:14px; margin-top:2px;}

.hot_news .swiper-container li a { display: block; width:100%; overflow: hidden; margin-bottom:15px;padding-bottom:15px; border-bottom:dotted 1px #ddd; }
.hot_news .swiper-container li a:last-child {border-bottom:none;}	
.hot_news .swiper-container li a .time { font-size: .14rem;  color:#888; font-family:roboto_l;  margin-top:.1rem; margin-bottom:10px;}
.hot_news .swiper-container li a .time i{font-size:.12rem; margin-right:.05rem;}
.hot_news .swiper-container li a h4 { font-size:15px; font-weight:normal; line-height:1.8em; }



/*================行业痛点=====================*/
.tongdian{ background:url(../images/bg1.png) no-repeat center bottom; background-size:100% auto; padding-bottom:.5rem; width:100%; min-width:1200px; text-align:center;}
.tongdian li{width:24.5%;box-sizing:border-box; display:inline-block; text-align:center; padding:.25rem 0; border-radius:14px; transition:.3s all;}
.tongdian li:hover{ background:#fff; box-shadow:rgba(3,43,183,.075) 1px -1px 40px; transform:scale(1.09)}
.tongdian li .pic{width:80px; height:80px; margin:auto; position:relative; margin-bottom:30px; display: flex; justify-content:center; align-items: center;}
.tongdian li .pic>img{ max-height:42px;}
.tongdian li .pic .yuan{position:absolute; left:0; top:0; }
.tongdian li:hover .pic .yuan{animation:turn 8s linear infinite;}
@keyframes turn{
      0%{-webkit-transform:rotate(0deg);}
      25%{-webkit-transform:rotate(90deg);}
      50%{-webkit-transform:rotate(180deg);}
      75%{-webkit-transform:rotate(270deg);}
      100%{-webkit-transform:rotate(360deg);}
    }
.tongdian li .txt{ font-size:16px; color:#555; line-height:1.8em;}


.tongdian_bg{ background:url(../images/bg1.png) no-repeat center bottom; background-size:100% auto; padding-bottom:.8rem; width:100%; min-width:1200px; text-align:center;}
.hytd {margin-top:-10px;}
.hytd li{width:24.6%; display:inline-block; text-align:center; padding:.1rem 0 .2rem 0; border-radius:10px; transition:.3s all;}
.hytd li .ico{ margin:15px auto; width:80px; height:80px; padding:15px; box-sizing:border-box; background:#fff; transition:.3s all; border-radius:100%; display: flex; justify-content:center; align-items: center;}
.hytd li .ico img{ max-width:100%; max-height:100%; transition:.3s all;}
.hytd li .txt{ padding:0 50px;}
.hytd li .txt h5{font-size:18px; color:#111;position:relative; margin-bottom:10px;}
/*.hytd li .txt h5:after {content: ""; display:block; margin:10px auto 10px auto; width:15px; height:2px; background:#2e6ee1;}*/
.hytd li .txt p{font-size:14px; line-height:1.8; color:#666;}
.hytd li:hover{background:#fff; transform: translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0); box-shadow:rgba(3,43,183,.075) 1px -1px 40px;}
.hytd li:hover .ico{ background:#2e6ee1;}
.hytd li:hover .ico img{filter: grayscale(100%) brightness(300%);}




/*================三化一中心=====================*/
.pro_box1{ margin:.3rem auto 1rem auto;}
.pro_box1 li{width:22%; padding:60px 0; text-align:center; background:#fff; box-shadow:rgba(3,43,183,.1) 1px 5px 20px; border-radius:0 25px 0 0; color:#666;transition:0.3s all;}
.pro_box1 li:last-child{background:#2e6ee1; color:#fff;  border-radius:0 25px 0 25px; /*transform:scale(1.09)*/}
.pro_box1 li:hover{transform: translate3d(0, -10px, 0);-webkit-transform: translate3d(0, -10px, 0); }
.pro_box1 li .ico{height:62px; margin-bottom:.2rem;}
.pro_box1 li .ico img{height:100%;}
.pro_box1 li .txt{font-size:.2rem;}



/*================解决方案=====================*/
.pro_jjfa{ margin-bottom:.6rem; display: flex;justify-content: flex-start;flex-wrap:wrap;}
.pro_jjfa li{width:49%; background:url(../images/fa_bg.png) no-repeat right -25px bottom -35px #fff; margin-right:2%; padding:35px 60px 50px 0px; margin-bottom:.3rem; box-sizing:border-box; border-radius:0px; transition:0.5s all; border: 1px solid #ebf0fc;}
.pro_jjfa li:nth-child(2n){ margin-right:0;}
.pro_jjfa li .ico{width:150px; text-align:center;}
.pro_jjfa li .ico img{ max-width:70px;}
.pro_jjfa li .txt{width:calc(100% - 150px);}
.pro_jjfa li .txt h5{font-size:.2rem; color:#111;  margin:0px 0 .15rem 0; }
.pro_jjfa li .txt p{font-size:.16rem; line-height:2; color:#666; text-align:justify;}
.pro_jjfa li:hover{/*background:#2e6ee1;*/transform: translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0); box-shadow:rgba(3,43,183,.1) 1px 5px 20px;}


/*================产品服务=====================*/
.cpfw_box{background: url(../images/pro_bg.jpg) no-repeat center top;padding-bottom:80px; background-size:100% 100%;}
.cpfw_box li{ flex:1; background:#fff; margin-right:20px;}
.cpfw_box li:last-child{margin-right:0;}
.cpfw_box li .pic{ overflow:hidden;}
.cpfw_box li .pic img{width:100%; display:block;}
.cpfw_box li .txt{ padding:20px;}
.cpfw_box li .txt h5{font-size:18px; color:#222; margin-bottom:10px;}
.cpfw_box li .txt p{ color:#888; line-height:1.8em; text-align:justify;}


/*================产品服务=====================*/
.pro_box2{ padding:.1rem 0 .7rem 0; background:url(../images/pro_bg.jpg) no-repeat center center #E9F3FF; background-size:100% auto;}
.pro_box2 .main100 img{max-width:100%;}

.pro_list{display: flex;justify-content: flex-start;flex-wrap:wrap;}
.pro_list li{margin-bottom:25px; width:23.5%; margin-right:2%; transition:0.3s all;}
.pro_list li:nth-child(4n){ margin-right:0;}
.pro_list li:hover{transform: translate3d(0, -10px, 0);-webkit-transform: translate3d(0, -10px, 0); box-shadow:rgba(3,43,183,.1) 0px 5px 25px;}
.pro_list  li .pic{overflow:hidden;}
.pro_list  li .pic img{width:100%; display:block; transition:0.3s all; }
.pro_list  li .txt {padding:15px 20px;  background:#fff; height:90px; overflow:hidden; transition:0.3s all; position:relative;}
.pro_list  li:hover .txt{ height:150px; margin-top:-60px; background:#fff;}
.pro_list  li .txt h3{font-size:18px; color:#222; margin-bottom:10px;}
.pro_list  li .txt p{ font-size:14px; line-height:1.8em; color:#888; text-align:justify; height:52px;}
.pro_list  li .txt span{width:50%; height:32px; line-height:32px; text-align:center; display:block; margin:20px auto 0 auto; background:#2e6ee1; color:#fff; border-radius:32px;}




.pro_list01{ }
.pro_list01 li{margin-bottom:25px; width:48%; transition:0.3s all; box-shadow: 0 2px 15px rgba(0,0,0,0.08);}
.pro_list01 li:hover{transform: translate3d(0, -10px, 0);-webkit-transform: translate3d(0, -10px, 0); box-shadow:rgba(3,43,183,.1) 0px 5px 25px;}
.pro_list01  li .pic{overflow:hidden; width:100%;}
.pro_list01  li .pic img{width:100%; display:block; transition:0.3s all; }
.pro_list01  li .txt {padding:25px 20px;  background:#fff; height:90px; overflow:hidden; transition:0.3s all; position:relative;}
.pro_list01  li:hover .txt{ height:150px; margin-top:-60px; background:#fff;}
.pro_list01  li .txt h3{font-size:20px; color:#222; margin-bottom:20px;}
.pro_list01  li .txt p{ font-size:14px; line-height:1.8em; color:#888; text-align:justify; height:52px;}
.pro_list01  li .txt span{width:50%; height:32px; line-height:32px; text-align:center; display:block; margin:20px auto 0 auto; background:#2e6ee1; color:#fff; border-radius:32px;}





/*================产品内容页=====================*/
.pro_ban{background:url(../images/pro_banner.jpg) no-repeat center top; height:520px; position:relative;}
.pro_ban .tit{display:flex; flex-direction:column; justify-content:center;align-items:center; height:520px;}
.pro_ban .tit h2{ font-size:.5rem; color:#fff; margin-bottom:.4rem; font-weight:normal;}
.pro_ban .tit a{display: block; padding:.12rem .4rem;margin-bottom:1rem; border-radius:.5rem;border: 1px solid rgba(255,255,255,.35); color:#fff; overflow:hidden; font-size:.16rem; text-align:center;position: relative;transition:all 0.3s; }
.pro_ban .tit a:after { position:absolute; right:0; top:0; content: ""; width:0;background:rgba(255,255,255,.35);height:100%; transition:0.6s all;}
.pro_ban .tit a:hover:after{width:100%; left:0;}

.pro_ban .nav{position:absolute; left:0; bottom:0; width:100%;background: rgba(255,255,255,.06); border-top: rgba(255,255,255,.2) 1px solid;}
.pro_ban .nav li{ padding:.2rem 0; }
.pro_ban .nav li .ico img{height:.8rem; display:block;}
.pro_ban .nav li .txt{display:flex; flex-direction:column; justify-content:center; margin-left:.2rem;}
.pro_ban .nav li .txt h3{ font-size:.2rem; color:#fff; font-weight:normal; margin-bottom:6px;}
.pro_ban .nav li .txt p{ color:rgba(255,255,255,.8)}

/*产品介绍标题*/
.pro_tit{ padding:.8rem 0 .6rem 0;}
.pro_tit h3{font-size:.35rem;color: #222;position: relative;z-index: 1; text-align:center; font-weight:normal; background:url(../images/pro_tit.png) center no-repeat;}
.pro_tit h3 sup {font-size: .45rem;color: #e5eaf5;font-family: Barlow-Bold;margin: -.1rem 0 0 -.15rem;position: relative;z-index: -1;display: inline-block;}


/*================产品介绍=====================*/
.pro_con1{ font-size:16px; color:#555; line-height:2em; text-align:center; margin-bottom:.8rem;}
.pro_con1 img{max-width:100%;}


.pro_box_bg{ background:#F2F5FF; position:relative; padding-bottom:1rem;}
.pro_box_bg:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/pro_con2_bg1.png) left top no-repeat, url(../images/pro_con2_bg2.png) right bottom no-repeat;
}

/*================产品特色=====================*/
.pro_con2{ background:#F2F5FF; position:relative; padding-bottom:1rem;}
.pro_con2:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/pro_con2_bg1.png) left top no-repeat, url(../images/pro_con2_bg2.png) right bottom no-repeat;
}
.pro_con2 ul{}
.pro_con2 ul li{ padding:.5rem 0; flex:1; background:#fff; border-radius:.4rem; margin:0 .1rem;}
.pro_con2 ul li:first-child{border-radius:0 .4rem 0 .4rem;}
.pro_con2 ul li:last-child{border-radius:.4rem 0 .4rem 0;}
.pro_con2 ul li .ico{ height:46px; text-align:center;}
.pro_con2 ul li .ico img{ height:100%;}
.pro_con2 ul li h5{ font-size:18px;  text-align:center; margin:.15rem 0 .2rem 0; }
.pro_con2 ul li p{ font-size:14px; line-height:2em; color:#555; text-align:center;  padding:0 .1rem;}

/*================功能概览=====================*/
.pro_con3{display: flex;justify-content: flex-start;flex-wrap:wrap;}
.pro_con3 li{ padding:.2rem .25rem .2rem .15rem; box-sizing:border-box; margin-bottom:.3rem; width:32%; margin-right:2%; border:solid 1px #e8e8e8; background:#fff; border-radius:5px;box-shadow:rgba(3,43,183,.1) 1px 3px 10px;}
.pro_con3 li:nth-child(3n){ margin-right:0;}
.pro_con3 li .ico{width:70px; padding:0 10px;}
.pro_con3 li .ico img{width:100%; display:block;}
.pro_con3 li .txt{width:calc(100% - 100px);}
.pro_con3 li .txt h5{ font-size:18px; margin-bottom:10px;}
.pro_con3 li .txt p{ color:#555; line-height:1.8em; text-align:justify;}


/*================界面展示=====================*/
.jiemian{ overflow:hidden; position:relative; padding-bottom:.5rem;}
.jiemian .swiper-slide .pic{width:100%; text-align:center;}
.jiemian .swiper-slide .pic img{max-width:100%;}

/*按钮切换*/	
#jiemian .swiper-button-prev,#jiemian .swiper-button-next { width: 72px;height: 72px; background: url(../images/ico_sliding.png) no-repeat; margin-top:-36px;opacity:0.3;}
#jiemian .swiper-button-prev {background-position: 0 -144px;}
#jiemian .swiper-button-prev:hover { background-position: 0 -144px;}
#jiemian .swiper-button-next { background-position: 0 -216px;}
#jiemian .swiper-button-next:hover {background-position: 0 -216px;}
/*分页器*/
#jiemian .swiper-pagination{}
#jiemian .swiper-pagination-bullet {width:10px;height:10px;border-radius:12px;background:#fff; border:solid 2px #555;}
#jiemian .swiper-pagination-bullet-active{ background:#2e6ee1; border:solid 2px #2e6ee1;}




/*================智慧管网=====================*/

/*行业痛点*/
.hytd_box{padding-bottom:.5rem;}
.hytd_box li{background:#fff;padding:.5rem .4rem;width:32%;box-shadow: 0 2px 15px rgb(0 0 0 / 8%);}
.hytd_box li .txt h3{font-size:.2rem;margin:.2rem 0;}
.hytd_box li .txt p{color:#999;font-size:15px;text-align:center;}

/*系统架构及功能*/
.xtjg_box{position:relative;padding-bottom:.7rem;}
.xtjg_box .txt{position:absolute;top:50%;right:0; transform:translateY(-50%);}
.xtjg_box .txt li{border: solid 1px #e8e8e8;background: #fff;border-radius: 5px;box-shadow: rgb(3 43 183 / 10%) 1px 3px 10px;padding:.1rem .3rem .2rem;box-sizing:border-box;margin-bottom:.25rem;border-radius:8px; transition:all .3s;}
.xtjg_box .txt li span{display:inline-block;color:#2e6ee1;font-size:.3rem;font-weight:bold;margin-right:.2rem;position:relative;top:.05rem;transition:all .3s;}
.xtjg_box .txt li{font-size:.2rem;}
.xtjg_box .pic{overflow:hidden;width:65%;margin:0 auto;}
.xtjg_box .pic img{width:100%;display:block;}
.xtjg_box .txt li:hover{background:#2e6ee1; border:solid 1px #2e6ee1;color:#fff;}
.xtjg_box .txt li:hover span{color:#fff;}

/*井盖状态监测*/
.jgztjc_box .pic{width:30%;overflow:hidden;}
.jgztjc_box .pic img{width:100%;display:block;}
.jgztjc_box .pic p{margin-top:.2rem;font-size:.2rem;}
.jgztjc_box .biaoge{width:63%;}
.jgztjc_box .biaoge h3{font-size:.2rem;margin-bottom:.2rem;}
.jgztjc_box .biaoge table{width:100%; border:1px solid #888; border-collapse:collapse; line-height:2;}
.jgztjc_box .biaoge td,.jgztjc_box .biaoge table th{padding:5px 10px; border:1px solid #888;}













/*================绿色建筑产品=====================*/
.lvse_box1{}
.lvse_box1 li{ width:19%; }
.lvse_box1 li .pic{width:100%; }
.lvse_box1 li .pic img{width:100%; display:block;}
.lvse_box1 li .txt{ text-align:center; padding:10px 0;}
.lvse_box1 li .txt h5{ font-size:.16rem;}
.lvse_box1 li .txt p{ color:#555; line-height:1.8em;}


.lvse_box2{background: url(../images/pro_bg.jpg) no-repeat center top; margin-top:.6rem; padding-bottom:.05rem;}
.color_hei {color:#333;}
.color_hei strong{color:#2e6ee1;}

.lvse_box4 li{ width:23.6%; background:#f8f8f8; margin-bottom:.3rem;}
.lvse_box4 li .pic{}
.lvse_box4 li .pic img{width:100%; display:block;}
.lvse_box4 li .txt{ padding:15px;}
.lvse_box4 li .txt h5{ font-size:18px; margin:0 0 10px 0;}





/*================智慧建筑=====================*/
.zhjz_box1{background: url(../images/pro_bg.jpg) no-repeat center top;padding-bottom:.5rem; background-size:100% 100%;}
.zhjz_box1 li{ width:23.5%; background:#fff; margin-bottom:.3rem;}
.zhjz_box1 li .pic{}
.zhjz_box1 li .pic img{width:100%; display:block;}
.zhjz_box1 li .txt{ padding:15px;}
.zhjz_box1 li .txt h5{ font-size:18px; margin:0 0 10px 0;}
.zhjz_box1 li .txt p{ color:#888; line-height:1.8em; text-align:justify;}



/*================案例应用=====================*/
.case_list{}
.case_list li { background: #FFF; height: 380px; width:31%;margin-bottom:.3rem;box-shadow: rgba(203, 209, 218, 0.533) 0px -3px 28px 0px;position: relative;overflow: hidden;border-radius: 8px; transition:0.3s all;}
.case_list li:hover{ transform: translate3d(0, -20px, 0);-webkit-transform: translate3d(0, -20px, 0);box-shadow: rgba(203, 209, 218, 0.8) 0px -3px 28px 0px;}
.case_list li .con{transform: translateY(0px); transition: all 0.3s ease-in-out 0s; }
.case_list li:hover .con{transform: translateY(-225px);}
.case_list li .con .pic{height:225px; text-align:center;}
.case_list li .con img{height:100%;}

.case_list li .con .txt {padding: 25px 28px 0px; transition: all 0.3s ease-in-out 0s;}
.case_list li:hover .con .txt {padding-top:40px;}

.case_list li .con .txt h3{ font-size:18px; margin-bottom:25px; line-height: 25px; height:50px; }
.case_list li .con .txt .hangye{display: inline-block;padding: 0px 8px;line-height: 22px;border-radius: 2px; color: rgb(24, 144, 255); background: rgb(230, 247, 255);width: auto;}
.case_list li:nth-child(2n) .con .txt .hangye{color: #FF8D1C;background: #FFECD9;}
.case_list li:nth-child(3n) .con .txt .hangye{color: rgb(255, 77, 79); background: rgb(255, 241, 240);}
.case_list li .con .txt p{font-size:16px; line-height:2em; color:#666; margin-top:30px; text-align:justify;}



/*================应用场景=====================*/
.pro_yycj{}
.pro_yycj li{ position:relative; transition: 0.3s all; overflow:hidden; margin-bottom:.25rem;}
.pro_yycj li .pic{}
.pro_yycj li .pic img{width:100%; display:block;transition: 0.3s all;}
.pro_yycj li .txt{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.35); transition: 0.3s all; color:#fff;box-sizing:border-box; padding:0 40px;text-align: center;}
.pro_yycj li .txt h5{ font-size:25px; font-weight:normal; margin-bottom:15px; margin-top:33%; transition: 0.3s all;}
.pro_yycj li .txt p{line-height:26px; transition: 0.3s all;opacity:0;filter:alpha(opacity=0); font-size:15px; font-family:"黑体";}

.pro_yycj li:hover .pic img{transform:scale(1.1);}
.pro_yycj li:hover .txt{background:rgba(0,0,0,0.6);}
.pro_yycj li:hover .txt h5{margin-top:22%;}
.pro_yycj li:hover .txt p{opacity:1;filter:alpha(opacity=100);}





/*================招贤纳士=====================*/
.job_box1{}
.job_box1 li {width:31.6%;}
.job_box1 li .pic img{width:100%; display:block;}
.job_box1 li .txt{}
.job_box1 li .txt h5{ font-size:.22rem; margin:.15rem 0; font-weight:normal; color:#111;}
.job_box1 li .txt p{font-size:15px;  color:#666; line-height:1.8em; text-align:justify;}

.job_box2{background: url(../images/pro_bg.jpg) no-repeat center top; margin-top: 1rem; height:6.27rem;}
.job_box2 li {width:47.5%; box-shadow: 0 0 4vw rgba(3,43,183,.1);}
.job_box2 li .pic img{width:100%; display:block;}
.job_box2 li .txt{ background:#fff; padding:.6rem;}
.job_box2 li .txt h5{ font-size:.28rem;  font-weight:normal; color:#111;}
.job_box2 li .txt p{font-size:.16rem;  color:#666; line-height:2em; text-align:justify; margin:.3rem 0 .4rem 0;}

.job_box3{}
.job_box3 .txt{width:60%; padding-right:85px; box-sizing:border-box; padding-top:.5rem;}
.job_box3 .txt p{font-size:16px; line-height:2em; color:#555; margin-bottom:30px; text-align:justify;}
.job_box3 .pic {width:40%;}
.job_box3 .pic img{width:100%; display:block;}


/* 人才招聘 */
#job_bd{  position:relative;}
#job_bd dl{ background:#fff; position: relative; margin-bottom:.2rem;}
#job_bd dt{display:block; padding:.25rem .3rem; box-sizing:border-box; font-size:16px; cursor:pointer;  background: linear-gradient(to right, #2e6ee1 0%,#06c 100%);}
#job_bd dt.on{background: linear-gradient(to right, #2e6ee1 0%,#06c 100%);}
#job_bd dt span{display:inline-block; color:#fff; padding:0 .4rem; position:relative;}
#job_bd dt span:after { position:absolute; left:0; top:.02rem;
    content: '/';
    display: block;
    color:rgba(255,255,255,0.6);  font-weight:normal;
}
#job_bd dt span i{margin-left:.1rem; transition:0.3s all;}
#job_bd dt span em { font-style: normal;
    display: inline-block;
    background: #D4AA4B;
    color: #fff;
    width: 30px;
    line-height: 30px;
    border-radius: 100%;
    text-align: center;
    margin-right: 5px;
    vertical-align: middle;
}
#job_bd dt.on span i{transform: rotateX(180deg);}
#job_bd dt span:nth-child(1){width:25%; text-align:left; font-size:.2rem; font-weight:bold; }
#job_bd dt span:nth-child(1):after{content: '';}
#job_bd dt span:last-child{ float:right;}

#job_bd dd{ display:none; line-height:2em; background:#fff;padding:.2rem .7rem .7rem; position:relative;}
#job_bd dd .tit{margin:.2rem 0 .15rem 0; font-size:.2rem; font-weight:bold;}
#job_bd dd p{ font-size:15px; margin-bottom:.1rem; color:#555;}
#job_bd dd a{cursor:pointer; font-size:16px; padding:.2rem .5rem; display:inline-block; background:#2e6ee1; color:#fff; transition:0.3s all; margin-top:.2rem;}
#job_bd dd a i{ margin-left:.2rem;}
#job_bd dd a:hover{transform: translateY(-5px);box-shadow: 0 10px 30px rgba(3,43,183,.1);}




/*================弹出留言板块=====================*/
.tc_liuyan.tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999; display:flex; flex-direction:column; justify-content:center;align-items:center;}
.tc_liuyan.tc{ pointer-events: none;  filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;transform:scale(1.1);}
.tc_liuyan.tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto;transform:scale(1);}
.tc_liuyan.tc .tc-bg {width: 100%;height: 100%;background: rgba(0,0,0,.85);position: absolute;top: 0;left: 0;z-index: 0;}

.tc_liuyan .tc_lianxi {width:88%; max-width:1200px; min-width:800px; height:88vh; max-height:700px; box-sizing: border-box; border-radius:0;background:#fff;position: relative;z-index: 1;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	overflow: hidden;
}
.tc_liuyan.tc.act .tc_lianxi {-webkit-animation-name: anim-open-2;animation-name: anim-open-2;transform: scale(1);}

.tc_lianxi .left,
.tc_lianxi .right{width:50%; height:100%; position:relative;}
.tc_lianxi .left{background:url(../images/zz_bg.png) no-repeat left center #2e6ee1; background-size:200% auto;}
.tc_lianxi .left .lx_logo{ text-align:center; margin-top:.66rem;}
.tc_lianxi .left .lx_logo img{height:2rem;}
.tc_lianxi .left .lxfs{ position:absolute; left:15%; bottom:10%;}
.tc_lianxi .left .lxfs li{margin-right:.2rem;}
.tc_lianxi .left .lxfs  h2{font-size:.3rem; color: #fff; border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:.2rem; margin-bottom:.3rem; font-weight:normal;}
.tc_lianxi .left .lxfs  h6{font-family: "din"; font-size:36px; color:#fff; font-weight:normal; margin-bottom:12px;}
.tc_lianxi .left .lxfs  p{line-height:2em; font-size:.16rem; color:rgba(255,255,255,.8);}
.tc_lianxi .right .close{position:absolute; top:20px; right:20px; cursor:pointer;}
.tc_lianxi .right .close img{height:.3rem;}




/*表单*/
.biaodan{ padding:.8rem .9rem;}
.biaodan li{font-size:.16rem; margin-bottom:.2rem; position:relative;}
.biaodan li.red:before{
    position: absolute;
    content: "* ";
    color: red;
    left: -20px;
    top: 20px; font-size:.18rem;
}
.biaodan input{padding:.2rem;width:100%; outline:none; box-sizing:border-box; font-size:.18rem; background: #f2f5f7; border:0;}
.biaodan textarea{padding:.2rem;width:100%; box-sizing:border-box; height:125px; font-size:18px; background: #f2f5f7; border:0; font-family:"微软雅黑";}
.biaodan .form-group {width:100%;}
.biaodan .form-group input{width:50%; margin-right:1%;  margin-bottom:.2rem;}

/*.biaodan li input[type=text]:focus,.biaodan li textarea:focus{border:solid 1px #FEB97F;}*/

.biaodan .submit{ border:none; outline:none; font-size:.2rem; cursor:pointer; text-align:center; color:#fff; background: #2e6ee1; box-shadow: 0 6px 12px rgba(59,126,209,.4); transition:0.3s all; width:100%; height:.66rem; line-height:.66rem;}
.biaodan .submit:hover{ background:#f90; color:#fff;}


/*联系我们*/
.lxfs_list {margin-bottom:1rem;}
.lxfs_list  li{width:23%; text-align:center; border-radius: 10px; transition: .3s all;  padding:50px 0; height:265px; box-sizing:border-box; box-shadow: rgba(3,43,183,.1) 0px 5px 25px;}
.lxfs_list  li .ico{width:80px; height:80px; background:#fff; border:solid 1px #2e6ee1; transition:0.3s all; border-radius:100%; margin:0 auto;display:flex; flex-direction:column; justify-content:center;align-items:center;}
.lxfs_list  li:hover .ico img{transition:0.3s all;}
.lxfs_list li:hover{ transform: translate3d(0, -10px, 0);-webkit-transform: translate3d(0, -10px, 0);}
.lxfs_list  li:hover .ico{background:#2e6ee1;width:100px; height:100px; margin-top:-10px;}
.lxfs_list  li:hover .ico img{filter: grayscale(100%) brightness(300%);}

.lxfs_list  li h5{font-size:.2rem; font-weight:normal; margin:25px 0 15px 0;}
.lxfs_list  li p{ }


/*留言背景*/
.form_bg{}
.form_bg .pic{width:50%; background: url(../images/consult_bg.jpg) no-repeat center; background-size: cover;}
.form_bg .form_con{ width:50%;background: #3D3F3F;color: #fff; padding:45px 6% 50px 80px; box-sizing:border-box;}
.form_bg .form_con h3{font-size:.42rem; font-weight:normal;margin-bottom:15px;}
.form_bg .form_con h5{font-size:14px; font-weight:normal; margin-bottom:40px; color:rgba(255,255,255,0.9);}


/*留言*/
.message_input {margin-bottom:15px;}
.message_input input::-webkit-input-placeholder,
.message_input textarea::-webkit-input-placeholder{color: #a1a7b2;font-size:15px;font-family:Microsoft Yahei;}
.message_input li{ width: 45%;} 
.message_input input{border: none;background: none;outline: none;border-bottom: 1px solid rgba(255,255,255,0.2);width: 100%;padding:15px 0; font-size:15px; color:#fff;} 
.message_input input:focus,.message_input textarea:focus {border-bottom: 1px solid #2e6ee1;}
.message_input textarea{clear: both;display: block;border: none;background: none;color:#fff;outline: none;border-bottom: 1px solid rgba(255,255,255,0.2);width: 100%;padding: 15px 0;box-sizing: border-box;min-height: 100px;} 

.message_input .form-group input{width:45%; }

.message_input .submit{ border:none;outline: none; font-size:16px; margin-top:15px; cursor:pointer; text-align:center; color:#fff; background:#2e6ee1; font-family:"微软雅黑"; transition:0.3s all; width:2rem; height:.6rem; line-height:.6rem;}
.message_input .submit:hover{background:#f90; color:#fff; }
.message_input .submit i{margin-left:.25rem;}


/*服务特点*/
.fwtd_bg{background: url(../images/fwtd_bg.jpg) no-repeat center; background-size: cover; padding:.5rem 0 1.5rem 0;}
.fwtd li{width:25%; border-right: solid 1px #d9dbdb;box-sizing: border-box;padding: 25px 3%; text-align:center;}
.fwtd li:last-child{border-right:0;}
.fwtd li .ico {width: 71px;height: 70px;margin: 0 auto;}
.fwtd li .ico img{ transition:2s all;}
.fwtd li:hover .ico img{-webkit-transform: rotatey(360deg); transform: rotatey(360deg);}
.fwtd li .txt{}
.fwtd li .txt h5{ font-size:.2rem;  margin:35px 0 25px 0;}
.fwtd li .txt p{ line-height:2; font-size:.16rem; color:#777;}








/*分页*/
.search-pagination{text-align:center; margin:30px 0 0px 0;}
.pagination li {display: inline-block;margin:0 3px; transition: 0.3s;/*box-shadow: 2px 2px 20px rgba(0,0,0,.05);*/ font-family:"tt_1";}
.pagination li a{display: inline-block;font-size: 18px;width: 52px;height: 52px;line-height: 52px;color: #555;box-sizing: border-box; transition:0.3s all; border-radius:50%; position:relative;}
.pagination li.active a,.pagination li a:hover{color: #fff !important;}
.pagination li a:before{ content: ""; display: block; position: absolute; left: 0; top: 0; z-index: -1; background:#f2f2f2; border-radius:50%;width:100%; height: 100%;}
.pagination li a:after{ content: ""; display: block; width:100%; height: 100%; opacity: 0; transform: scale(0); border-radius: 50%; position: absolute; right: 0; top: 0; z-index:-1; background: #2e6ee1; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; transition:0.3s all;}
.pagination li:hover a:after,.pagination li.active a:after{ opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }



/*show*/
.page_show{display: flex;justify-content: space-between; }
.page_show .show_side{width:3.4rem; min-height:5rem; position:relative;}
.page_show .show_box{width:calc(100% - 4rem); background:#fff; padding:.5rem .5rem; box-sizing:border-box;}

/*文章标题*/
.title_txt {font-size:.3rem;line-height:1.8em; font-weight:bold;}
.art_info{line-height:.6rem; font-size:13px; margin-bottom:.3rem; color:#999; border-bottom: solid 1px #e8e8e8;}
.art_info em{margin-right:20px; font-style:normal;}

/*正文*/
#art_box { font-size:16px; text-align:justify; color:#555;}
#art_box p {line-height:2em;margin-bottom:.2rem; }
#art_box p img{ max-width:100%;}
#art_box a{color:#0000FF;}
#art_box table{ border:1px solid #eff3f8; border-collapse:collapse;   font-size:14px; line-height:24px;text-align:center;}
#art_box table tr:nth-child(1){ font-size:14px; background:#eff3f8; font-weight:bold;}
#art_box table td{padding:5px 10px; border:1px solid #D5DFEC;}
#art_box table td:nth-child(2){text-align:left;}


/*相关阅读*/
.xg_art{}
.xg_art h5{font-size:20px; margin:.5rem 0 .25rem 0; position:relative; padding-left:15px;}
.xg_art h5:after {width:4px;height:18px; 
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    background:#2e6ee1;
}
.xg_art ul li{ width:47%; line-height:2.6; font-size:15px; background:url(../images/dian1.png) no-repeat left center; padding-left:15px; box-sizing:border-box;}

/*内容右侧*/
.page_show .show_side .con{}
.page_show .show_side .con h2{font-size:.22rem;  margin-bottom: .2rem;/* position:relative;  padding-left:15px;*/}
/*.page_show .show_side .con h2:before{ content: ""; position: absolute; left: 0; top: 4px; width:3px; height:.22rem; background:#2e6ee1;}*/


.page_show .show_side .serch{ position:relative;}
.page_show .show_side .serch input{ outline:none;}
.page_show .show_side .serch input[name=keyword]{ border:solid 0px #e8e8e8; background:#fff; width:80%; height:.6rem; font-size:.16rem; padding:0 20px; box-sizing:border-box;}
.page_show .show_side .serch input[type=submit]{ position:absolute; cursor:pointer; right:0; top:0; height:.6rem; width:20%;border:0; background: url(../images/serch.png) no-repeat center #2e6ee1;}

.page_show .show_side .swiper-container{ position:relative;}
.page_show .show_side .button-next{ float:right; outline:none;color: #7e7e7e;cursor:pointer;margin-top:5px;}

.page_show .show_side .swiper-container li a { display: block; width:100%; overflow: hidden; margin-bottom:.2rem;padding-bottom:.2rem; border-bottom:dotted 1px #ccc; }	
.page_show .show_side .swiper-container li a .time { font-size: .14rem;  color:#666; font-family:roboto_l;  margin-top:.1rem; margin-bottom:.05rem;}
.page_show .show_side .swiper-container li a .time i{font-size:.12rem; margin-right:.05rem;}
.page_show .show_side .swiper-container li a h4 { font-size:15px; font-weight:normal; line-height:2em; }


/*系统表单样式*/
.portlet-body{ background:#f8f8f8; border-radius:5px;}
.portlet-body .form-group{margin-bottom:10px;}
.portlet-body .form-horizontal{ padding:50px 80px;}
.portlet-body .form-horizontal input{border:solid 1px #ccc; border-radius:5px; height:36px; line-height:36px; font-size:15px; color:#666; padding:0 10px; margin-top:5px; box-sizing:border-box; outline:none;}
.portlet-body .form-horizontal textarea{border:solid 1px #ccc; border-radius:5px; line-height:36px; font-size:15px; color:#666; padding:0 10px; margin-top:5px; box-sizing:border-box; outline:none;}
.portlet-body .form-horizontal .btn{width:128px; height:40px; line-height:40px; background:#0085c3; color:#fff; border:none; border-radius:5px; cursor:pointer; outline:none; transition:0.3s all;}
.portlet-body .form-horizontal .btn:hover{ background:#f60; color:#fff; text-decoration:none;}


/*上一篇下一篇*/
.ctrl{margin-top: 40px; display: flex;justify-content: space-between;}
.ctrl a{position: relative; height: 60px;width:33%; background-color: #e7e7e7; box-sizing: border-box;z-index: 99;transition: 0.3s;}
.ctrl a:before{
	content: "";
	position: absolute;
	bottom: 0;left: 0;
	width: 100%;height: 1px;
	background-color: #2e6ee1;
	opacity: 0;
	transition: 0.3s;
	z-index: -1;
}
a#back:after,a#prev:after,a#next:after{
	content: "";
	position: absolute;
	top: 0;left: 0;
	width: 100%;height: 100%;
	background-image: url(../images/btn-back.png);
	background-repeat: no-repeat;
	background-position: center;
	transition: 0.3s;
}
a#back:after{background-image: url(../images/btn-back.png);}
a#prev:after{background-image: url(../images/btn-prev.png);}
a#next:after{background-image: url(../images/btn-next.png);}

.ctrl a:hover:before{height: 100%;opacity: 1;}
a#back:hover:after{background-image: url(../images/btn-back2.png);}
a#prev:hover:after{background-image: url(../images/btn-prev2.png);}
a#next:hover:after{background-image: url(../images/btn-next2.png);}


/*404*/
.page_msg {padding: 50px;}
.page_msg h5 { line-height: 60px;border-bottom: 1px solid #ddd;margin-bottom: 10px; font-size:25px; text-align:center;}
.page_msg_con {color: #999; line-height:40px; text-align:center;padding: 25px 0;}
.page_msg_con i {font-size:100px;color: #ddd; margin-bottom:10px;}


/*搜索页面*/
.border_box{ background:#fff; /*box-shadow: 2px 2px 20px rgba(0,0,0,.05);*/padding: 60px 80px; box-sizing:border-box;}

.portlet-title{ height:50px; line-height:50px; border-bottom: 1px solid #eee; display: flex;justify-content: space-between; margin:20px 0;}
.portlet-title h5{font-size:18px; position:relative; float:left; padding:0 5px;}
.portlet-title h5:after{content: "";position: absolute;width:100%; height: 2px;left: 0;bottom: -1px;background:#2e6ee1;}


.serch_n{ padding: 0px 300px; position:relative; margin-bottom:.2rem;}
.serch_n input{width:100%; padding:15px 25px; font-size:.18rem; outline:none; background:#f8f8f8; box-sizing:border-box; height:.6rem; line-height:.6rem; border:solid 1px #ddd;}
.serch_n .btn{ position:absolute; right:290px; top:0px;}
.serch_n .btn button{ width:125px; height:.6rem; border:0; cursor:pointer; outline:none; padding-left:40px; font-size:.18rem; color:#fff; background: url('../images/serch.png') no-repeat 30px center #2e6ee1; background-size:20px auto;}


/*==========文章列表===============*/
.art_list{}
.art_list li{font-size:16px; padding-left:15px; line-height:2.6em;  background:url(../images/dian.png) no-repeat left center;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.art_list li:nth-child(5n){border-bottom:dotted 1px #ccc; margin-bottom:.25rem; padding-bottom:.25rem;} 
.art_list li span{color:#888; float:right; font-size:14px;}










/*==========查看更多通用===============*/
.lookmore{ text-align:center;}
.lookmore a{display:inline-block;border: #ddd 2px solid; border-radius:.5rem;width:2.2rem; font-size:.16rem; line-height:.45rem; color: #333; background:#fff; position:relative;overflow:hidden; transition:0.5s all;}
.lookmore a span{ position:relative; z-index:10}
.lookmore a:hover{color:#fff;border:#2e6ee1 2px solid;background: #2e6ee1; transition-delay:0.36s}
@-webkit-keyframes criss-cross-left {
0% {
left: -20px;
}
50% {
left: 50%;
width: 20px;
height: 20px;
}
100% {
left: 50%;
width: 375px;
height: 375px;
}
}
@keyframes criss-cross-left {
0% {
left: -20px;
}
50% {
left: 50%;
width: 20px;
height: 20px;
}
100% {
left: 50%;
width: 375px;
height: 375px;
}
}
@-webkit-keyframes criss-cross-right {
0% {
right: -20px;
}
50% {
right: 50%;
width: 20px;
height: 20px;
}
100% {
right: 50%;
width: 375px;
height: 375px;
}
}
@keyframes criss-cross-right {
0% {
right: -20px;
}
50% {
right: 50%;
width: 20px;
height: 20px;
}
100% {
right: 50%;
width: 375px;
height: 375px;
}
}

.btn-11 {position: relative;color: #2e6ee1;}
.btn-11:before, .btn-11:after {position: absolute;top: 50%;content: '';width: 20px;height: 20px;background: #2e6ee1;border-radius: 50%;}
.btn-11:before {left: -20px;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);/*     animation: criss-cross-left 0.8s reverse; */}
.btn-11:after {right: -20px;-webkit-transform: translate(50%, -50%);transform: translate(50%, -50%);/*     animation: criss-cross-right 0.8s reverse; */}
.btn-11:hover:before, .btn-11:hover:after {/*       @include size($btn-width); */}
.btn-11:hover:before {-webkit-animation: criss-cross-left 0.8s both;animation: criss-cross-left 0.8s both;}
.btn-11:hover:after {-webkit-animation: criss-cross-right 0.8s both;animation: criss-cross-right 0.8s both;}

/*右侧浮动*/
.online_q {position: fixed;right:10px;bottom: 10%;/*transform: translateY(-50%);*/z-index: 99;transition:.5s;-webkit-transition:.5s;}
.online_q .btn2{cursor:pointer;position:relative;margin-bottom: 5px; text-align:center;transition:.3s;line-height: 54px; z-index: 0; }
.online_q .btn2 span{display:block;width: 54px;height: 54px;line-height: 54px;position:relative;z-index:999;overflow:hidden;transition:.3s;-webkit-transition:.3s;border-radius: 50%;background: #fff;box-shadow: 0 5px 15px rgba(0,0,0,0.15);}
.online_q .btn2 svg{height: 22px;width: 22px;display: inline-block;vertical-align: middle;fill: #666;}
.online_q .btn2:hover span{background: #2e6ee1;}
.online_q .btn2:hover span svg{ fill:#fff;}

#gotop.hide{ height:0; overflow: hidden;}

.online_q .social-share{position:absolute;background: #2e6ee1;border-radius:3px;right:95px;top: 0;text-align: center;opacity:0;transition: .6s;-webkit-transition: .6s;visibility:hidden;font-size: 18px;color: #fff;white-space: nowrap;padding: 0 15px;}
.online_q .social-share1{height:auto;padding: 0 10px;}
.online_q .social-share:before{content:"";display:block;width:0;height:0;border:10px solid transparent;border-left: 10px solid #2e6ee1;position:absolute;right:-15px;top:50%;margin-top:-10px;}
.online_q .social-share img{width:80px;height:80px;margin-top:10px;margin-bottom:10px;}
.online_q .btn2:hover .social-share{opacity:1;right: 60px;visibility:visible;}
.online_q .social-share1:before{top: 24px;}