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

/* CSS Document */
:root{    
	--main_color:#0051B6;        /* #023A91主色 */
	--main_color_rgb:2,58,145 ;  /*rgba*/
    --second_color:#EF8F38;      /* 副色 */ 
	--hui_color:#eff0f4;    

}

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:"苹方","微软雅黑", arial;  overflow-x:hidden;}
a{text-decoration:none; color:#333;}
a:hover{color:#2B58F9;}

ul,li{list-style:none;}
.clear{clear:both;}
.blank10{height:10px;}
.blank20{height:20px;}
.blank30{height:30px;}
.blank40{height:40px;}
.blank50{height:50px;}
.blank60{height:60px;}
.blank70{height:70px;}
.blank80{height:80px;}
.fl{float: left;}
.fr{float: right;}



/*滚动条美化*/
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: 90%; margin: auto; max-width: 1500px; min-width: 1200px;}
.main{width:1200px; margin:auto;}

.bg_hui{background:#f1f2f4;  border-top: #eaedf0 1px solid; min-width:1200px;}

.flex_space{display:flex;justify-content:space-between; flex-wrap:wrap;}
.flex_start{display:flex;justify-content: flex-start;flex-wrap:wrap;}
.t_center{display:flex; flex-direction:column; justify-content:center;align-items:center;}
.t_left_center{display:flex; flex-direction:column; justify-content: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;}

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



/*头部*/
.header{height:100px; z-index: 1000;width: 100%; min-width:1200px; position:fixed; transition:0.5s all; /*background:url(/static/default/mysite/images/header_bg.png) repeat-x center bottom;*/}
.header .logo{height:100px; display:flex;  align-items:center; transition:0.5s all; margin-left:5%;}
.header .logo img{height:40px; display:block;  transition:0.5s all; filter: grayscale(100%) brightness(500%);}

/*电话*/
.header .tel{height:100px; font-size:.25rem; color:#fb0;  margin-right:.25rem; display:flex; justify-content:center;align-items:center; font-family:din; letter-spacing:1px; font-weight:bold; transition:0.5s all;}
.header .tel img{vertical-align:middle; margin-right:10px; filter: grayscale(100%) brightness(500%); transition:0.5s all;}
.header .tel i{ font-size:.22rem;}
.header_scroll .tel{ background-image:-webkit-linear-gradient(left,#03ABFF,#2B58F9); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.header_scroll .tel img{filter: grayscale(0) brightness(100%);}


/*联系按钮*/
.menu_lx{ height:100px; display:flex; justify-content:center;align-items:center; transition:0.5s all; margin-right:5%;}
.menu_lx a{ display:block;width:1rem;height:.36rem;line-height:.36rem;text-align: center;font-size:15px;color: #fff;letter-spacing: .5px; border:solid 1px rgba(255,255,255,0.5); border-radius: 4px;}
.header_scroll .menu_lx a{background: linear-gradient(90deg,#03ABFF 0,#2B58F9 100%); border:none; background-color: #596efb;}


/*下拉菜单*/
.navBox {  height:100px;float:right; margin-right:.4rem; transition:0.5s all;}
.navBox .nav{display:flex; height:100%;}
.navBox .nav li {padding: 0 .25rem; position: relative;}
.navBox .nav li>a {display: block;position: relative; height:100%; display:flex; justify-content:center;align-items:center;}
.navBox .nav li>a .txt {position: relative;z-index: 2;font-size:16px;color: rgba(255,255,255,0.8); transition:0.5s all;}
.navBox .nav li>a:hover .txt{color:#fff;}
.header_scroll .navBox .nav li>a .txt {color:#333;}


.subNavbox{white-space: nowrap; min-width:100%; position:absolute; top:80%;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: #2B58F9;-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:#2B58F9}
.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 {background:#fff; height:76px; box-shadow: 0 2px 10px rgba(0,0,0,0.1);}
.header_scroll.on:before{width:0px;transition: 0.01s all;}
.header_scroll .logo,.header_scroll .navBox,.header_scroll .tel,.header_scroll .menu_lx{height:76px;}
.header_scroll .logo img{ filter: grayscale(0) brightness(100%);}
.header_scroll .subNavbox{top:100%;}

.top_blank{width: 100%; min-width:1200px; height:100px; transition:0.5s all;background:#2e6ee1;  position:fixed; z-index:10;}
.top_blank.top_blank_scroll{height:76px;}


.container01 {position: relative; max-height: 100vh; overflow: hidden;}
/*======================轮播图======================*/
/*焦点图*/
	#banner {width:100%;  position: fixed; z-index:0; background:#fff; overflow:hidden;}
	#banner .txt{position:absolute;z-index: 999;left:5%;top:0; width:100%; height:100%; display: flex; flex-direction:column; justify-content:center; /*text-shadow:rgba(0,0,0,0.5) 1px 1px 2px;*/}
	#banner .txt h3{font-size:.62rem; color:#fff;  margin-bottom:.25rem; letter-spacing:1px;}
	#banner .txt p{font-size:.23rem; color:#fff; line-height:2em; letter-spacing:1px; font-weight: lighter; position:relative; padding-left:20px;}
	#banner .txt p:before{ content: ""; display: block; width:.11rem; height:.11rem; border-radius:100%; background:rgba(255,255,255,0.6); position: absolute; top: 50%; left: 0;transform: translate(0, -50%);}
	
	#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("/static/default/mysite/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 {height:100%; position:relative; z-index:1;}
	#banner .swiper-slide .pic img{width:100%; object-fit: cover; 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.05,1.05);  -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(/static/default/mysite/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: .5rem;}
	#banner .swiper-pagination-bullet {width: 46px;height: 5px;border-radius:5px;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: 5px;z-index: 1;transition: 0s; border-radius:5px;}
	#banner .swiper-pagination-bullet-active:before{width: 100%;transition: all 5s ease; border-radius:3px;}


#particles-js{position: absolute;width: 100%; z-index:2; pointer-events:none;}
#particles-js {opacity: 0.6;}



/*页面标题*/
.main_tit{text-align:center; min-width:1200px; padding:50px 0 35px;}
.main_tit_z{ font-size:32px; margin-bottom:12px; color:#222; font-weight:bold; }
.main_tit_f{ font-size:16px; color:#888; /*text-transform:uppercase;*/}
.main_tit .line {display: block;width: 25px;height: 4px;background: var(--main_color);margin: 15px auto auto auto;border-radius: 5px;}


/**/
.index_tit{}
.index_tit h2{font-size:.42rem; color:#000; text-align:center; margin-bottom:.25rem;}
.index_tit h3{font-size:.42rem; color:#000; text-align:center; margin-bottom:.25rem; font-weight:normal;}
.index_tit h4{font-size:.22rem; color:#666; font-weight:lighter;text-align:center;}

.section{position:relative; z-index:1; padding:.7rem 0 .8rem 0; background:#fff;}

.section01{  background:url(/static/default/mysite/images/bg.png) no-repeat center bottom #fff; background-size:100% 100%;}
.section01 .video{width:46%;background: url(/static/default/mysite/images/bg2.png) no-repeat left top;box-sizing: border-box; padding:.4rem 0 0 .5rem; position:relative;}
.section01 .video .pic{}
.section01 .video .pic img{ width:100%; display:block; border-radius:5px;}
.section01 .video .play{width:80px; height:80px; position:absolute; left:50%; top:50%; margin:-10px 0 0 -10px; transition:1s all;}
.section01 .video .play:hover{transform:rotate(0);}

.section01 .txt{width:49%; display:flex; flex-direction:column; justify-content:center;align-items:center;}
.section01 .txt h6{font-size:.2rem; line-height:1.6; margin:.35rem 0; text-align:justify;}
.section01 .txt p{line-height:2; margin-bottom:.25rem; font-size:14px; text-align:justify;}




/*=====================首页建设方案============================*/
.jsfa_bg{padding-bottom:.8rem;}
.jsfa_box li{width:19%;overflow:hidden;background: #fff;box-shadow: rgba(12, 36, 169, 0.05) 0px 20px 39px;position:relative; cursor:pointer; border-radius:8px; transition: 0.3s all;}
.jsfa_box li .pic{overflow:hidden;background: #E7EAF3;padding: 0px 0;}
.jsfa_box li .pic img{width:100%;display:block;}
.jsfa_box li .txt{padding:.3rem .2rem;box-sizing:border-box;}
.jsfa_box li .txt h3{font-size:16px; margin-bottom:.15rem; text-align:center;}
.jsfa_box li .txt p{font-size:15px;color:#666;line-height:1.6;text-align:justify;}
.jsfa_box li .box{opacity:0;position:absolute;width:100%;height:0;left:0;bottom:0;background:rgba(44,103,244,1);padding:0 .3rem;box-sizing:border-box;border-radius:8px; transition:all .5s;}
.jsfa_box li .box h2{font-size:.2rem;margin-bottom:.2rem;color:#fff;}
.jsfa_box li .box p{font-size:.16rem;color:rgba(255,255,255,.8);line-height:1.8;text-align:justify;}
.jsfa_box li:hover .box{opacity:1;height:100%;}
.jsfa_box li:hover {transform: translate3d(0, -15px, 0);-webkit-transform: translate3d(0, -15px, 0);}

@media screen and (max-width:768px) {
.jsfa_bg{padding-bottom:15px;}
.jsfa_box li{width:48.5%;border-radius:5px;margin-bottom:15px;}
.jsfa_box li .txt{padding:10px 15px;}
.jsfa_box li .txt h3{font-size:15px;line-height:1.4;margin-bottom:0;}
.jsfa_box li .txt p{display:none;}
.jsfa_box li .box{display:none;}
.jsfa_box li:hover .box{opacity:0;}
}




/*首页解决方案*/
.index_jjfa{ margin-bottom:.8rem;     position: relative;cursor: url(/static/default/mysite/images/move.png),default!important;}
.index_jjfa .item .pic{ overflow:hidden;}
.index_jjfa .item .pic img{ width:100%; display:block;}
.index_jjfa .item .txt{font-size:16px; text-align:center; margin-top:20px;}



/*产品优势*/
.section03{background:url(/static/default/mysite/images/pro_bg.jpg) no-repeat center bottom #fff; background-size:100% 100%;}
.section03:before {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(/static/default/mysite/images/bg1.png) left top no-repeat/*, url(/static/default/mysite/images/bg2.png) right bottom no-repeat*/;}


/*================产品优势=====================*/
.pro_youshi{ padding-top:20px;}
.pro_youshi li{flex:1; height:460px; margin: 0 0.5%;  border: 0px solid #eee;background: #fff;border-radius: 10px;box-shadow: rgba(12, 36, 169, 0.08) 0px 20px 39px;position: relative;overflow: hidden; box-sizing:border-box; transition:.3s all;}
.pro_youshi li:hover{flex: 1 1 12%;}

.pro_youshi li .top{opacity: 1;   width:100%; height:100%; position: absolute;left: 0;top: 0; pointer-events: none; background:url(/static/default/mysite/images/ys_box_bg.png) no-repeat right bottom 25px;}
.pro_youshi li .bot{opacity: 0;}
.pro_youshi li:hover .top{opacity: 0;}
.pro_youshi li:hover .bot{opacity: 1;}

/*原始状态*/
.pro_youshi li .top .pic{ width:100%; text-align:center; margin-top:25px;}
.pro_youshi li .top .pic img{max-width:35%;}
.pro_youshi li .top .txt{ padding:0 25px;}
.pro_youshi li .top .txt h3{position: relative; font-size:.22rem; text-align:center;line-height:1.6; margin-bottom: 30px;margin-top:20px; letter-spacing:2px;}
.pro_youshi li .top .txt p{font-size: 17px;line-height:2.5;color:#666; width:130px; margin:auto;}
.pro_youshi li:last-child .top .txt p{width:165px;}
.pro_youshi li .top .txt p i{margin-right:10px; color:#2B58F9;}

/*激活*/
.pro_youshi li .bot .title {height: 80px;line-height: 80px;background: url(/static/default/mysite/images/ys_tit_bg.png) right center no-repeat #5F8EE8;overflow: hidden;padding: 0 25px; position:relative;}
.pro_youshi li .bot .title h3{display: inline-block;font-size:.22rem; color: #fff;}

.pro_youshi li .bot .con{ padding:30px 25px 0 25px;}
.pro_youshi li .bot .con dl{width:4rem; margin-bottom:25px;}
.pro_youshi li .bot .con dt{ width:40px; }
.pro_youshi li .bot .con dt img{width:100%;}
.pro_youshi li .bot .con dd{ width:calc(100% - 50px);}
.pro_youshi li .bot .con dd h3{ font-size:.2rem; margin-bottom:10px; font-weight:normal;}
.pro_youshi li .bot .con dd p{ text-align:justify; line-height:1.6; color:#888;}

/*================应用场景=====================*/
.section04{background:url(/static/default/mysite/images/section04_bg.png) no-repeat center center #fff; background-size:100% auto; z-index:3;}
.index_yycj{}
.index_yycj li{width:24%; height:200px; background:#eee; border-radius:5px; margin-top:20px; position: relative; overflow:hidden;}
.index_yycj li:first-child{width:49.3%;}
.index_yycj li .pic{width:100%; height:100%;}
.index_yycj li .pic img{width:100%; height:100%; object-fit: cover; display:block; transition:0.3s all;}
.index_yycj li:hover .pic img{-webkit-transform:scale(1.1);
  moz-transform:scale(1.1);
  -o-transform:scale(1.1);
  transform:scale(1.1);}
.index_yycj li .txt{ position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.3); color:#fff; font-size:.22rem; font-weight:bold; box-sizing:border-box; transition:0.3s all;}
.index_yycj li:hover .txt{background:rgba(0,0,0,0.6);}

/*======================首页支持项目====================================*/
.xmzc_bg{padding-bottom:.6rem;overflow:hidden;background:url(/static/default/mysite/images/about_bg.png) no-repeat top center ;}
.xmzc_box{ position:relative;margin-top:.3rem;}
.xmzc_box a{display:block;position:relative;}
.xmzc_box .pic{overflow:hidden;background:#f7f7f7;}
.xmzc_box .pic img{width:100%;display:block;}
.xmzc_box .play{width:100%;height:100%;position:absolute;top:0;left:0; }
.xmzc_box .play img{width:60px; opacity:0;transform: scale(.7);transition:all .7s;}
.xmzc_box .play:hover img{ opacity:1;transform: scale(1)}


/*按钮切换*/	
#xmzc_bg .swiper-button-prev{position:absolute;left:0;top:50%; transform:translateY(-50%);}
#xmzc_bg .swiper-button-next{position:absolute;right:0;top:50%;transform:translateY(-50%);}
#xmzc_bg .swiper-button-prev,#xmzc_bg .swiper-button-next {background:rgba(0,0,0,.2);width:40px;height:60px;transition:all .3s;}
#xmzc_bg .swiper-button-prev i,#xmzc_bg .swiper-button-next i{color:#fff;font-size:.24rem;}
#xmzc_bg .swiper-button-prev:hover,#xmzc_bg .swiper-button-next:hover{background:#2B58F9;}

/*分页器*/
#xmzc_bg .swiper-pagination{ display:block; width:100%; text-align:center; position:relative; margin-top:25px; cursor:pointer;}
#xmzc_bg .swiper-pagination-bullet{width:10px;height: 10px; display: inline-block;  background:none; border:solid 1px #666; opacity:1; margin:0 3px; transition:0.3s all; border-radius:10px;}
#xmzc_bg .swiper-pagination-bullet-active{  background: #2B58F9; border:solid 1px #2B58F9;}

@media screen and (max-width:768px) {
.xmzc_bg{padding-bottom:0;}
.xmzc_box .play img{width:30px; transition:all .3s;}
#xmzc_bg .swiper-button-prev,#xmzc_bg .swiper-button-next {background:rgba(0,0,0,.25);width:25px;height:40px;transition:all .3s;}

/*分页器*/
#xmzc_bg .swiper-pagination{ margin-top:15px; cursor:pointer;}
#xmzc_bg .swiper-pagination-bullet{width:6px;height: 6px; }
}




/*================核心技术=====================*/
.section05{background:url(/static/default/mysite/images/section05_bg.jpg) no-repeat center center #fff; background-size:cover; }

.hxjs_pic{ padding:60px 0; text-align:center;}
.hxjs_pic img{ animation: myfirst linear 10s infinite alternate; -webkit-animation: myfirst linear 10s infinite alternate;}
@keyframes myfirst
{
    from {transform:translateY(-50PX);}
    to {transform: translateY(50px);}
}
@-webkit-keyframes myfirst
{
    from {transform:translateY(-50PX);}
    to {transform: translateY(50px);}
}

.hxjs{position:relative;}
.hxjs .item{position: absolute;width:480px; background: rgba(255,255,255,0.06);border: 2px solid #71b1f5;color: #fff; padding:25px 25px 35px 25px; box-sizing:border-box; box-shadow: rgba(12, 36, 169, 0.25) 0px 20px 39px;}
.hxjs .item .txt{ padding-left:.35rem;}
.hxjs .item .txt h3{ font-size:.22rem; margin-bottom:10px;}
.hxjs .item .txt p{ line-height:1.8; font-size:.16rem; color:rgba(255,255,255,0.8); font-weight:lighter;}

.hxjs .item1{left:0; top:0; border-radius: 16px 16px 0 16px;}
.hxjs .item2{right:0; top:0; border-radius: 16px 16px 16px 0;}
.hxjs .item3{left:0; bottom:0; border-radius: 16px 0 16px 16px;}
.hxjs .item4{right:0; bottom:0; border-radius: 0 16px 16px 16px;}

.hxjs .item1:after{ content:'1'; font-size:.6rem; position:absolute; left:15px; top:5px; font-family:Barlow-Bold; background-image:-webkit-linear-gradient(top,#fa0,#EEBC1E); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.hxjs .item2:after{ content:'2'; font-size:.6rem; position:absolute; left:15px; top:5px; font-family:Barlow-Bold; background-image:-webkit-linear-gradient(top,#fa0,#EEBC1E); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.hxjs .item3:after{ content:'3'; font-size:.6rem; position:absolute; left:15px; top:5px; font-family:Barlow-Bold; background-image:-webkit-linear-gradient(top,#fa0,#EEBC1E); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.hxjs .item4:after{ content:'4'; font-size:.6rem; position:absolute; left:15px; top:5px; font-family:Barlow-Bold; background-image:-webkit-linear-gradient(top,#fa0,#EEBC1E); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}







/*================数字变换=====================*/
.section07{background:url(/static/default/mysite/images/section07_bg.png) no-repeat center #2B58F9; background-size:cover; color:#fff; padding:.6rem 0; height:158px; text-align:center; width:100%; min-width:1200px; overflow:hidden;}
.tongji{margin-top: 0.5rem;
    color: rgba(255,255,255,0.5);
}

/*数字*/
.shuzi{position:relative; z-index:1;}
.shuzi li{color:#fff;  position:relative; width:33.3%; text-align:center; box-sizing:border-box; font-size: .5rem;}
.shuzi li i{font-size: .6rem; font-style:normal; margin-right:2px; }
.shuzi li p{ color:#fff; font-size:.2rem;}

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

.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
}


/*================公司概况=====================*/
.section08{background:url(/static/default/mysite/images/section01_bg.jpg) no-repeat center bottom #fff;}

.page_about{  margin:10px auto 10px auto;}
.page_about .pic{width:380px; position:relative;}
.page_about .pic:before {position: absolute;left: 0px;top: 0px;display: block;content: "";transform: translate(15px, 15px);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:calc(100% - 460px);}
.page_about .txt .tit{font-size:.42rem; color:#000; margin-bottom:.3rem;}
.page_about .txt .con{font-size:.16rem; line-height:2; text-align:justify; color:#555;}
.page_about .txt .con p{margin-bottom:15px;}

.more001 a{display:inline-block;width:125px;height:36px;line-height:36px;text-align:center;background:linear-gradient(90deg,#03ABFF 0,#2B58F9 100%);border-radius:36px; box-shadow: 0px 3px 8px 0px rgba(9, 114, 255, 0.35);}
.more001 a font{display:inline-block; color:#fff; width:calc(100% - 45px);}
.more001 a span{display:inline-block;width:30px;height:30px;line-height: 30px;background: #fff; margin-bottom:3px;vertical-align: middle;border-radius: 50%; position:relative; overflow:hidden}
.more001 a span i{ position:absolute; top:0; right:0; bottom:0; left:0; transition:.5s}
.more001 a span i.i2{ transform:translateX(-100%)}
.more001 a:hover span i{ transform:translateX(100%)}
.more001 a:hover span i.i2{ transform:translateX(0)}
.more001 a span img{ width:16px; margin-top:7px;}

/*================弹出留言板块=====================*/
.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_lianxi{width:1000px; height:680px; padding:50px 100px; border-radius:3px; background:#fff; box-sizing:border-box; position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; margin:auto;}

.tc_lianxi .close{position:absolute; top:40px; right:40px; cursor:pointer;}
.tc_lianxi .close img{height:.3rem;}
.tc_lianxi .lx_logo{}
.tc_lianxi .tit{font-size:35px; color:#000; margin:15px 0;}
.tc_lianxi .info{ line-height:1.5em; color:#888; border-bottom:solid 1px #ccc; height:40px; margin-bottom:25px;}


/*表单*/
.biaodan{ margin-top:40px;}
.biaodan li{font-size:.16rem; margin-bottom:20px; width:49%;}
.biaodan input[type=text]{width:100%; line-height:50px;border-radius: 3px; outline:none; border:1px solid #ddd; background:#f8f8f8; padding-left:10px;font-size: 15px;  box-sizing:border-box;}
.biaodan input:focus{border:1px solid #0384D8; background:#fff;}
.biaodan textarea:focus{border:1px solid #0384D8; background:#fff;}
.biaodan textarea{width: 100%;height:125px;font-size: 15px;border-radius: 3px;  outline:none; border:1px solid #ddd; background:#f8f8f8;padding:10px;  box-sizing:border-box;}
.biaodan select{width: 100%; height:34px; box-sizing:border-box; background:#f2f2f2; line-height: 34px;border-radius: 3px;border:1px solid #ddd;font-size: 14px;padding-left: 2%;}
.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:.6rem; line-height:.6rem;}
.biaodan .submit:hover{ background:#f90; color:#fff;}



/*版块1*/
.index_box1{}
.index_box1 li{float:left; text-align:center; width:27.3%; margin:0 3%;transition: 0.3s all; box-sizing:border-box; border:solid 1px #fff; border-radius:10px;}
.index_box1 li .pic{margin:25px 0 25px 0; transition:0.3s all;}
.index_box1 li h3{font-size:22px; margin-bottom:15px; }
.index_box1 li p{ color:#444; font-size:16px; margin-bottom:30px;}
.index_box1 li a{width:130px; line-height:32px; overflow:hidden; background:#0051B6; display:inline-block; border-radius:32px; text-align:center; color:#fff; margin-bottom:30px; transition:0.3s all; position:relative; transition: 0.3s all;opacity:0;filter:alpha(opacity=0);}
.index_box1 li:hover {box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);transform: translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0); border:solid 1px #ddd;  background:#f5f5f5;}
.index_box1 li:hover a{background:#0051B6; color:#fff; opacity:1;filter:alpha(opacity=100);}
.index_box1 li:hover a:hover{background:#e72427; color:#fff; opacity:1;filter:alpha(opacity=100);}

/*版块2*/
.index_box2{min-width:1200px;}
.index_box2 li{width:32.1%; margin:10px 0.6%;box-sizing:border-box; float:left; position:relative; border-radius:3px; overflow:hidden; }
/*.index_box2 li:nth-child(1),.index_box2 li:nth-child(6){width:50%;}*/
.index_box2 li .pic{}
.index_box2 li .pic img{width:100%; display:block;/*filter: contrast(.8) brightness(0.5);*/}
.index_box2 li .txt{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); color:#fff; text-align:center;}
.index_box2 li .txt .ico{height:55px; margin-top:135px; margin-bottom:25px;transition: 0.3s all;}
@media only screen and (max-width: 1440px){.index_box2 li .txt .ico{margin-top:80px;}}
.index_box2 li .txt h3{font-size:24px; font-weight:normal; margin-bottom:15px;}
.index_box2 li .txt p{ line-height:26px; width:80%; margin:auto; transition: 0.3s all;opacity:0;filter:alpha(opacity=0); font-size:15px; }

.index_box2 li:hover .txt{background:rgba(0,81,181,0.6);}
.index_box2 li:hover .txt .ico{margin-top:100px;}
@media only screen and (max-width: 1440px){.index_box2 li:hover .txt .ico{margin-top:50px;}}
.index_box2 li:hover .txt h3:after{opacity:1;filter:alpha(opacity=100);}
.index_box2 li:hover .txt p{opacity:1;filter:alpha(opacity=100);}

.index_box2 li .txt .ico1{background:url(/static/default/mysite/images/pico_01.png) no-repeat center center; background-size:auto 100%;}
.index_box2 li .txt .ico2{background:url(/static/default/mysite/images/pico_02.png) no-repeat center center; background-size:auto 100%;}
.index_box2 li .txt .ico3{background:url(/static/default/mysite/images/pico_03.png) no-repeat center center; background-size:auto 100%;}
.index_box2 li .txt .ico4{background:url(/static/default/mysite/images/pico_04.png) no-repeat center center; background-size:auto 100%;}
.index_box2 li .txt .ico5{background:url(/static/default/mysite/images/pico_05.png) no-repeat center center; background-size:auto 100%;}
.index_box2 li .txt .ico6{background:url(/static/default/mysite/images/pico_06.png) no-repeat center center; background-size:auto 100%;}


/*版块3*/
.index_box3{}
.index_box3 li{width:400px; float:left; box-sizing:border-box; margin:25px 0; height:125px;}
.index_box3 li .pic{width:40px; float:left;margin-left:35px;}
.index_box3 li .pic img{width:100%;}
.index_box3 li .txt{width:260px; margin-right:35px; float:right;}
.index_box3 li .txt h5{font-size:18px; margin-bottom:15px;}
.index_box3 li .txt p{line-height:24px; color:#666; text-align:justify;}

/*more*/
.detail{overflow: hidden;}
.detail em{margin-left: -54px;display: inline-block; margin-right: 6px;color: #333;font-size: 12px;opacity: 0;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease; font-style:normal;}
.detail span{display: inline-block;width: 24px;height: 8px;font-size: 0px;background: url(/static/default/mysite/images/index.png) no-repeat 0 -141px;}
.detail:hover em{margin-left: 0px;opacity: 1;}

.index_more{text-align:center;min-width:1200px;}
.index_more a{padding: 15px 40px; border-radius:5px; font-size:16px; background: #fdd903; box-shadow: 0 12px 14px 0 rgba(245,166,35,.5); text-align:center; display:inline-block;transition:all 200ms ease-out 0s; }
.index_more a:hover{}


/*================图片列表=====================*/
.pic_list{}
.pic_list  li{position:relative; overflow:hidden;margin-bottom:25px;}
.pic_list  li .pic{  overflow:hidden; position:relative;}
.pic_list  li img{width:100%; display:block; transition:0.3s all; opacity:1;}
.pic_list  li:hover img{transform:scale(1.08);}
.pic_list  li .txt{ text-align:center; line-height:.46rem; transition:0.4s all;  font-size:14px; transition:0.6s all;}
.pic_list  li:hover .txt{color:#fff; transform:scale(0.5);}

/*-查看详情-*/
.up-graybox{width: 100%;height: 100%; position: absolute;left: 0; top: 0; background:#000; opacity: 0; filter: alpha(opacity=0); transition: all 0.4s ease 0s;}
.up-graybox:hover{background:#000; opacity: 0.6; filter: alpha(opacity=60); transition: all 0.4s ease 0s;}
.up-graybox .stitle {font-size: 14px;line-height: 30px; width: 100%; text-align: center; position: absolute; left: 0; top: 50%; margin-top: -15px;color: #fff;}
.up-graybox .line {display: inline-block; width: 100px;height: 1px;background-color: #f2f2f2; position: absolute; left: 50%;margin-left: -50px; transition: all 0.6s ease 0s;}
.up-graybox .linet { top: 0;}
.up-graybox .lineb { bottom: 0;}
.up-graybox:hover .line { width: 6px; margin-left: -3px; opacity: 0.6;filter: alpha(opacity=60);}

/* 合作 */
.hezuo{position: relative;width: 100%;height:460px;padding:20px 0 60px 0; min-width:1200px;}
.bg-video{position: absolute;left:0;top:0;width: 100%;height: 100%;z-index: 1;}
.hezuo .bg{position:absolute; left:0;top:0;width: 100%;height: 100%;z-index: 2; background:rgba(0,0,0,0.3);}
.hezuo .hezuo_box{position: absolute;z-index: 3; height: 500px;width:1200px; text-align: center;}
.hezuo ul {margin-top:20px;}
.hezuo ul li{float:left;width: 20%;margin-bottom:25px;}
.hezuo ul li a{    display: block;
    margin: 0 8%;
    text-align: center;
    height: 78px;
    line-height: 78px;}
.hezuo ul li img{display: block;margin-bottom: 20px;opacity: .8; display:inline-block; transition:0.3s all; border-radius:3px;}
.hezuo ul li img:hover{opacity: 1;transform: translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);}




/* 底部 */
.f_nbg{ width:100%; min-width:1200px; background:#2B58F9; padding:60px 0 56px 0; position:relative; z-index:2;}
.fot_line{border-right:rgba(255,255,255,0.1) 1px solid; min-height: 170px; box-sizing:border-box;}

.fot_logo{width:20%;padding: 50px 0 0; box-sizing:border-box;}
.fot_logo img{width:230px; filter: grayscale(100%) brightness(500%);}

.f_nav{width:280px; padding:0 0px 0 30px;}
.f_nav h4{font-size: 16px;color: #fff;margin-bottom: 20px;}
.f_nav li p{ width:50%;  line-height:34px; float:left;}
.f_nav li p a{ font-size:15px; color:rgba(255,255,255,0.8);}
.f_nav li p a:hover{color:#fff;}

.b_weixin{ box-sizing:border-box; padding:0 15px 0 15px;}
.b_weixin h4{padding: 0 0 0 30px;font-size: 16px;color: #fff;background: url(/static/default/mysite/images/icon_ewm.png) 0px center no-repeat; margin-bottom: 16px;}
.b_weixin li{ margin-right:15px;}
.b_weixin li img{ width:108px; height:108px; margin-bottom:10px;}
.b_weixin li p{font-size: 14px; text-align:center; color:rgba(255,255,255,0.8);}

.b_contact{width:30%;padding:0 0 0 30px; box-sizing:border-box;}
.b_contact h4{padding: 0 0 0 30px;font-size: 16px;color: #fff; background: url(/static/default/mysite/images/icon_ren.png) left center no-repeat;margin-bottom: 20px;}
.b_contact p{ font-size:14px;color:rgba(255,255,255,0.8); line-height:34px;}

.bq_bg{ position:relative; z-index:2; width:100%; min-width:1200px; margin:0px auto; padding:18px 0;  background:#064EA2; color:rgba(255,255,255,0.8); text-transform:uppercase; font-size:12px;}
.bq_bg a{color:rgba(255,255,255,0.8);}

.bq_bg span,.bq_bg a{color:rgba(255,255,255,0.8); margin:0 5px;}
.bq_bg span{ float:right; color:rgba(255,255,255,0.8); font-size:12px;}


/*--------------------*/


/*二级页面*/
.page_ban1{  width:100%; max-width:1920px; height:530px; position: relative;min-width:1200px; margin:auto;}
.page_ban1 .ban_img {position: absolute;top: 0;left: 0; right:0; bottom:0;
    background-repeat:no-repeat; background-position:center top; background-attachment:fixed; 
    background-size: 100% auto;
    z-index: -1;
}
.page_ban1 h5{font-size:42px; color:#fff; text-align:center; font-weight:normal; padding-top:220px;}
.page_ban1 p{ font-size:18px; color:#fff; text-align:center; margin-top:25px;}


.page_ban{ max-width:1920px;  position:relative;min-width:1200px; margin:auto;}
.page_ban img{width:100%; display:block;}
.page_ban h5 {font-size: 38px;width: 100%;text-align: center;font-weight: normal;position: absolute;left: 0;top: 50%;margin-top: -25px;color: #fff;}
.page_ban h5 p{font-size:18px; font-weight:normal; margin-top:6px; color:rgba(255,255,255,0.6);}

.page_ban h3{font-size:42px; width: 100%; text-align:center; font-weight:normal; position: absolute; left: 0; top: 50%; margin-top:-25px;color: #fff;}
/*.page_ban h3:after{content:"";display: block;width:25px;background:rgba(255,255,255,0.6);height: 2px; margin:15px auto 0px auto;}*/

.page_ban .page_txt{position: absolute; left: 0; top: 42%;left:10%; color: #fff; width:80%; min-width:1200px;}
.page_ban .page_txt h4{font-size:42px; margin-bottom:20px;}
.page_ban .page_txt p{font-size:20px;}


.n_nav_box {height:152px;border-bottom: 1px solid #e5e5e5;box-sizing: border-box; background:#fff; min-width:1200px;}

.sub_nav{ text-align:center; padding-top:70px;}
.sub_nav a { padding:9px 35px;border-radius:100px; display:inline-block; background:#f8f8f8; border:solid 1px #ddd; margin:0 5px; color:#333; font-size:16px; transition:0.3s all; position:relative; }
.sub_nav a:hover{ color:#fff; background:#e72427;border:solid 1px #ED1E79;}
.sub_nav a.currclass{ color:#fff; background:#0051B6;border:solid 1px #0051B6;}
.sub_nav a.currclass:before {content: "";width: 1px;height: 18px;display: block;background: #0051B6;position: absolute;top: 50px;left:50%;}
.sub_nav a.currclass::after {content: "";width: 12px;height: 12px;display: block;position: absolute;background: #fff; border: 1px solid #0051B6;border-radius: 50%;left:50%; margin-left:-6px;top: 73px;}

.page_ban{ width:100%; max-width:1920px; position:relative;min-width:1200px; margin:auto; overflow:hidden;}
.page_ban img{width:100%; display:block;}

.page_ban img {
    -webkit-animation: banner_inside 5s ease 1 forwards;
       -moz-animation: banner_inside 5s ease 1 forwards;
         -o-animation: banner_inside 5s ease 1 forwards;
            animation: banner_inside 5s ease 1 forwards;
}
@-webkit-keyframes banner_inside {
    from {
        -webkit-transform: scale(1.23);
                transform: scale(1.23);
    }
    to {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@-moz-keyframes banner_inside {
    from {
        -moz-transform: scale(1.23);
             transform: scale(1.23);
    }
    to {
        -moz-transform: scale(1);
             transform: scale(1);
    }
}
@-o-keyframes banner_inside {
    from {
        -o-transform: scale(1.23);
           transform: scale(1.23);
    }
    to {
        -o-transform: scale(1);
           transform: scale(1);
    }
}
@keyframes banner_inside {
    from {
        -webkit-transform: scale(1.23);
           -moz-transform: scale(1.23);
             -o-transform: scale(1.23);
                transform: scale(1.23);
    }
    to {
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
}




.comm_gray{background:rgba(0,0,0,.56); width:100%; height:100%; position:absolute; left:0; top:0; }
.case_gray{background:rgba(0,0,0,.25); width:100%; height:100%; position:absolute; left:0; top:0; }
.menu_gray{background:url(/static/default/mysite/images/menu_bg.png) repeat-x left top; width:100%; height:140px; position:absolute; left:0; top:0; z-index:9999;}



/*位置*/
.bg_weizhi{line-height:60px; height:60px;background:#fff; border-bottom:solid 1px #ececec; box-shadow: 0 1px 15px 0 rgba(0,0,0,0.1); min-width:1200px; margin:auto;}
.weizhi{line-height:52px; height:52px;}
.weizhi{background:url(/static/default/mysite/images/home_ico.png) no-repeat left center; padding-left:23px;  color:#666; font-size:12px; text-transform:uppercase;}
.weizhi a{color:#666;}

/*子栏目2*/
.sub_nav2{}
.sub_nav2 li{float:left; margin-right:25px; background:url(/static/default/mysite/images/case9.png) no-repeat right center; padding-right:25px;}
.sub_nav2 li a {display: block; position: relative;}
.sub_nav2 li a:before {width: 0;height: 2px;position: absolute;left: 50%;bottom: 0;z-index: 10;transform: translateX(-50%);-webkit-transform: translateX(-50%);background:#0051B6;
content: "";transition: all 0.3s;-webkit-transition: all 0.3s;}
.sub_nav2 li:hover > a:before {width: 100%;}
.sub_nav2 li.currclass a,.sub_nav2 li.currclass a:before{ color:#0051B6; font-weight:bold; width: 100%;}



/*===================子栏目导航2================*/
#n_nav2{ height:69px; border-top: 1px solid rgba(255, 255, 255, 0.1); background:rgba(0, 0, 0, 0.1); width: 100%; position:relative; margin-top:-70px; z-index:99; text-align:center;}
#n_nav2 li{height: 69px; display:inline-block; position:relative;}
#n_nav2 li:before{ content:''; display:block; background:var(--main_color); height: calc(100% + 1px); width:0; transition:0.6s all; opacity:0; position:absolute; left:50%; top:-1px;}
#n_nav2 li:hover:before,#n_nav2 li.on:before{width:100%; opacity:1; left:0;}
#n_nav2 a{display:block; font-size:16px; padding:0 .5rem; line-height:69px; height: 69px; text-align: center; color:#fff; z-index:1; position:relative;}



/*================产品频道页=====================*/
.cate_pro .item{}
.cate_pro .item .title{border-bottom:1px solid #e8e8e8; margin-bottom:.3rem;height:45px;}
.cate_pro .item .title h3{background:var(--main_color); height:46px; line-height:46px;padding:0 .3rem;color:#fff;font-size:.18rem;font-weight:normal;border-radius:6px 6px 0 0;}
.cate_pro .item .title h3 i{margin-right:.1rem;font-size:.2rem;}
.cate_pro .item .title a{display:inline-block;line-height:.4rem; font-size:16px;}





.page_side{width:280px; float:right; border:solid 0px #ddd;  border-radius:0px;}
.page_side_title{font-size:25px; padding: 20px 0; text-align: center; color:#fff; text-transform:uppercase; background:#00AD66;}

.page_main{width:880px; padding:0 40px; float:left; background:#fff; box-sizing:border-box;}
.page_main .page_main_title{font-weight:normal; border-bottom:solid 0px #ddd; padding-bottom:15px; margin-bottom:10px; background: url(/static/default/mysite/images/right_title_bg.jpg) repeat-x left bottom;}
.page_main .page_main_title span{font-size:25px; margin-right:10px; border-bottom:solid 6px rgba(255,102,0,0.5); padding-bottom:9px;}

/*子栏目*/
.sub_nav1{width:100%;}
.sub_nav1 li{float:left; width:25%; background:url(/static/default/mysite/images/case9.png) no-repeat right center; text-align:center;}
.sub_nav1 li a {display: block; position: relative; font-size:16px; }
.sub_nav1 li a:before {width: 0;height: 2px;position: absolute;left: 50%;bottom: 0;z-index: 10;transform: translateX(-50%);-webkit-transform: translateX(-50%);background:#f90;
content: "";transition: all 0.3s;-webkit-transition: all 0.3s;}
.sub_nav1 li:hover > a:before {width: 100%;}
.sub_nav1 li.currclass a,.sub_nav1 li.currclass a:before{ color:#f60; font-weight:bold; width: 100%;}


/*核心算法*/
.hxsf{}
.hxsf li{width:383px; line-height:108px; background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%); border:solid 1px #dcdcdc;  float:left; font-size:18px; padding-left:25px; box-sizing:border-box; margin-right:25px; margin-bottom:25px;transition:0.3s all;}
.hxsf li:hover {box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);transform: translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);}
.hxsf li:nth-child(3n){margin-right:0;}
.hxsf li i{width:108px; height:108px; float:right; filter: grayscale(100%); transition:0.3s all; filter:alpha(opacity=80);opacity:0.8;}
.hxsf li:hover i{filter: grayscale(0);filter:alpha(opacity=100);opacity:1;}
.hxsf li a{display:block; height:108px; display:block;}
.hxsf li a:hover{ color:#e72427;}

.hxsf li i.ico1{ background:url(/static/default/mysite/images/hxjs_01.png) no-repeat center; background-size:52px auto;}
.hxsf li i.ico2{ background:url(/static/default/mysite/images/hxjs_02.png) no-repeat center; background-size:52px auto;}
.hxsf li i.ico3{ background:url(/static/default/mysite/images/hxjs_03.png) no-repeat center; background-size:52px auto;}
.hxsf li i.ico4{ background:url(/static/default/mysite/images/hxjs_04.png) no-repeat center; background-size:52px auto;}
.hxsf li i.ico5{ background:url(/static/default/mysite/images/hxjs_05.png) no-repeat center; background-size:52px auto;}
.hxsf li i.ico6{ background:url(/static/default/mysite/images/hxjs_06.png) no-repeat center; background-size:52px auto;}
.hxsf li i.ico7{ background:url(/static/default/mysite/images/hxjs_07.png) no-repeat center; background-size:52px auto;}
.hxsf li i.ico8{ background:url(/static/default/mysite/images/hxjs_08.png) no-repeat center; background-size:52px auto;}
.hxsf li i.ico9{ background:url(/static/default/mysite/images/hxjs_09.png) no-repeat center; background-size:52px auto;}
.hxsf li i.ico10{ background:url(/static/default/mysite/images/hxjs_10.png) no-repeat center; background-size:52px auto;}
.hxsf li i.ico11{ background:url(/static/default/mysite/images/hxjs_11.png) no-repeat center; background-size:52px auto;}
.hxsf li i.ico12{ background:url(/static/default/mysite/images/hxjs_12.png) no-repeat center; background-size:52px auto;}

/*计算能力*/
.jsnl{ max-width:1920px; min-width:1200px; width:100%; margin:auto;}
.jsnl li{background:#EDF3FD; transition: 0.3s all;}
/*.jsnl li:hover{ background:#e72427; color:#fff;}*/
.jsnl .pic{width:50%; height:450px; text-align:right;}
.jsnl .pic img{height:100%;}

.jsnl .txt{width:50%;height:420px; padding-right:80px; box-sizing:border-box;
display: flex;/*设置为弹性容器*/
align-items: center; /*定义div1的元素垂直居中*/*/
}

.jsnl li:nth-child(2n) {background:#fff;}
.jsnl li:nth-child(2n) .pic{text-align:left;}
.jsnl li:nth-child(2n) .txt{ padding-left:80px; padding-right:0px;}

.jsnl .txt h5{ font-size:28px;  margin-bottom:25px; font-weight:normal;}
.jsnl .txt h5 img{vertical-align:middle; margin-right:10px;}
.jsnl .txt p{font-size:15px; line-height:2; text-align:justify;}


.s_more {display: block;margin: 30px auto 0 auto;color: #fff;font-size: 16px; text-align: center; border-radius:44px;width: 255px; height:44px;line-height:44px; background:#2F82FF; transition:0.3s all;}
.s_more:hover{color:#fff; background:#e72427;}

/*核心算法单页*/
.con_tit{font-size:36px; color:#000; border-bottom:solid 0px #e8e8e8; padding-bottom:25px;}
.con_tit span{font-size:16px; color:#888; margin-left:20px;}

.hxsf_con{}
.hxsf_con .side{}
.hxsf_con .side ul{border-left:solid 1px #e8e8e8; padding:15px 25px;}
.hxsf_con .side a{display:block; font-size:16px; line-height:36px; position:relative;}
.hxsf_con .side a:hover{color:#e72427;}
.hxsf_con .side a.currclass:after{content:"";display: block;width:2px;background:#e72427;height:25px; transition: 0.3s all; position:absolute; left:-26px; top:4px;}

.hxsf_con .con{ width:820px; padding:50px; line-height: 28px; text-align:justify;overflow: hidden;border:solid 1px #e8e8e8;}
.hxsf_con .con .title{font-size:36px; color:#000; margin-bottom:25px; border-bottom:solid 1px #e8e8e8; padding-bottom:25px;}
.hxsf_con img{max-width: 100%;}
.hxsf_con p{margin-bottom: 15px;font-size: 16px;}




/*产品与服务*/
.page_pro{}
.page_pro li{background:#fff;  margin:25px 0 50px 0; border-bottom:solid 1px #ddd; padding-bottom:50px;}
.page_pro li .pic{width:45%; position:relative; overflow:hidden;}
.page_pro li .pic img{width:100%; display:block;}

.page_pro li .txt{width:55%; padding:0px 0 0 50px; box-sizing:border-box;}
.page_pro li:nth-child(2n) .txt{padding:0px 50px 0 0;}
.page_pro li .txt h2{font-size:25px; margin:5px 0 20px 0;}
/*.page_pro li .txt h2:after{content:"";display: block;width:25px;background:#e72427;height: 2px; margin:15px 0 20px 0; }*/
.page_pro li .txt p{font-size:15px; color:#666; line-height:30px;}
.page_pro li  .more{ margin:25px 0 25px 0;}

.page_pro li  .more a{width:160px; line-height:36px; overflow:hidden; background:#f8f8f8; border:solid 1px #ccc; display:inline-block; border-radius:52px; text-align:center; color:#333; transition:0.3s all; position:relative;}
.page_pro li  .more a:hover{border:solid 1px #0051B6; background:#0051B6; color:#fff;}


.page_pro li .pdot dd{display:inline-block;vertical-align:middle;font-size:15px;color:#4c4c4c;margin-right:36px;  transition:0.3S all; margin-bottom:15px;}
/*.page_pro li .pdot dd:nth-child(5){margin-right:0px;}*/
.page_pro li .pdot dd i{display:inline-block;width:5px;height:5px;background:#ccc;vertical-align:middle;border-radius:50%;margin-right:10px;transition:0.3S all; }
/*.page_pro li .pdot dd:hover{color:#e72427;}*/
/*.page_pro li .pdot dd:hover i{background:#e72427;}*/



/*智慧校园*/
.gaishu{ width:1061px; line-height:2; margin:auto; text-align:center;}
.gaishu p{ margin-bottom:20px;}

.zhxy_box2 li{ width:25%; float:left; text-align:center;}
.zhxy_box2 li .pic{}
.zhxy_box2 li .pic img{border:solid 0px #06C;  width:80px; margin-bottom:15px;  }
.zhxy_box2 li .txt{}
.zhxy_box2 li .txt h5{font-size:16px; margin:15px 0;}
.zhxy_box2 li .txt p{ padding:0 35px; line-height:25px; color:#666;}


.zhxy_box02 li{ flex:1;text-align:center;}
.zhxy_box02 li .pic{}
.zhxy_box02 li .pic img{border:solid 0px #06C;  width:80px; margin-bottom:15px;  }
.zhxy_box02 li .txt{}
.zhxy_box02 li .txt h5{font-size:16px; margin:15px 0;}
.zhxy_box02 li .txt p{ padding:0 35px; line-height:25px; color:#666;}



.zhxy_box3 li{ width:25%; float:left; text-align:center; padding:0 10px; box-sizing:border-box; margin-bottom:15px;}
.zhxy_box3 li .pic{ overflow:hidden; }
.zhxy_box3 li .pic img{ width:100%; display:block;}
.zhxy_box3 li .txt{}
.zhxy_box3 li .txt h5{font-size:14px; margin:10px 0; font-weight:normal;}

.zhxy_box03 li{ width:20%; float:left; text-align:center; padding:0 10px; box-sizing:border-box; margin-bottom:15px;  position: relative;}
.zhxy_box03 li .pic{ overflow:hidden;}
.zhxy_box03 li .pic img{ width:90%; }

.zhxy_box03 li i.play {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    bottom: 50%; margin:0px 0 0 -25px;
    background: url(/static/default/mysite/images/play3.png) no-repeat center center;
    background-size: 100%;
}



.zhxy_box04 li{ flex:1;text-align:center;}
.zhxy_box04 li img{width:95%; margin-bottom:15px;}

.zhxy_box05 li{width:25%; text-align:center;  margin-bottom:10px;}
.zhxy_box05 li img{width:95%; margin-bottom:10px;}





/*智慧园区*/
.zhyq_box2 li{ width:25%; float:left; text-align:center;  margin-bottom:35px;}
.zhyq_box2 li .pic{}
.zhyq_box2 li .pic img{border:solid 0px #06C; border-radius:5px; width:80px;}
.zhyq_box2 li .txt h5{font-size:16px; margin:15px 0;}
.zhyq_box2 li .txt p{ font-size:12px; color:#666;}

.zhyq_box3 li{ width:25%; float:left; text-align:center; padding:0 10px; box-sizing:border-box;}
.zhyq_box3 li .pic{ overflow:hidden;}
.zhyq_box3 li .pic img{ width:100%; display:block;}
.zhyq_box3 li .txt{}
.zhyq_box3 li .txt h5{font-size:16px; margin:10px 0; font-weight:normal;}


/*智能制造*/
.znzz_box1{ position:relative;}
.znzz_box1 .pic{}
.znzz_box1 .pic img{width:100%;}
.znzz_box1 .txt{position:absolute; left:0;top:40%; color:#fff; text-align:center; width:100%;}
.znzz_box1 .txt h5{font-size:36px; font-weight:normal; margin-bottom:25px;}
.znzz_box1 .txt p{font-size:18px; line-height:2;}


.znzz_box3 li{ width:33.3%; float:left; text-align:center; padding:0 10px; box-sizing:border-box;}
.znzz_box3 li .pic{ overflow:hidden;}
.znzz_box3 li .pic img{ width:100%; display:block;}
.znzz_box3 li .txt{}
.znzz_box3 li .txt h5{font-size:16px; margin:10px 0; font-weight:normal;}




/*智慧工地*/
.zhgd_box2 li{ width:33.3%; float:left; text-align:center;  margin-top:15px;}
.zhgd_box2 li .pic{}
.zhgd_box2 li .pic img{border:solid 0px #82BDF9; padding:15px; border-radius:5px; width:80px;}
.zhgd_box2 li .txt h5{font-size:16px; margin:15px 0;}
.zhgd_box2 li .txt p{ padding:0 35px; line-height:25px; color:#666;}

.zhgd_box3{position:relative;}
.zhgd_box3 .pic{}
.zhgd_box3 .pic img{width:100%; display:block;}

.zhgd_box3 .left{ float:left; color:#fff;}
.zhgd_box3 .left h5{font-size:36px; font-weight:normal; margin-bottom:25px;}
.zhgd_box3 .left p{font-size:16px; line-height:2;}

.zhgd_box3 .right{ float:right; color:#fff; width:60%;}

.zhgd_box3 .swiper-container{padding-bottom:50px;}
.zhgd_box3 .swiper-slide { text-align:center; font-size:16px;transition: 300ms;transform: scale(0.8);}
.zhgd_box3 .swiper-slide-active,.swiper-slide-duplicate-active{transform: scale(1);}
.zhgd_box3 .swiper-slide img{width:100%; margin-bottom:10px;}

.zhgd_box3 .swiper-pagination-bullet{ background:#fff;}
.zhgd_box3 .swiper-pagination-bullet-active{background:rgba(255,255,255,0.8);}


/*智慧电力*/
.zhdl_box2{}
.zhdl_box2 li{ width:366.6px; margin:0 50px 40px 0; float:left;}
.zhdl_box2 li:nth-child(3n){margin-right:0;}
.zhdl_box2 li .txt h5{font-size:18px; margin:15px 0;}
.zhdl_box2 li .txt p{height:60px; line-height:2; color:#666;}

.zhdl_box3 .left{ width:360px; float:left;}
.zhdl_box3 .left li{ background:#f2f2f2; padding:35px 30px; line-height:2; margin-top:28px; text-align:justify;}
.zhdl_box3 .right{ float:right;}


/*======================内页项目案例======================*/
.mask_out{ position:absolute; width:100%; height:100%; left:0; top:0; background:#fff; animation-timing-function: ease;}
.case_list li{width:23.5%; margin-right:2%; transition: 0.3s all; background:#f6f6f6; overflow:hidden; margin-bottom:.3rem; position:relative; border-radius:5px;}
.case_list li:nth-child(4n){ margin-right:0;}
.case_list li .pic{width:100%; position:relative; overflow:hidden;}
.case_list li .pic>img{width:100%; display:block;transition: 0.5s all;}
.case_list li:hover>img{ -webkit-transform:scale(1.1); moz-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}
.case_list li .pic .mask{ position:absolute; left:0; top:0; bottom:0; right:0; background:rgba(0,0,0,0.5); opacity:0; transition: all 0.5s ease;}
.case_list li .pic .mask dt{position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);z-index: 5;}
.case_list li .pic .mask dd{position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);z-index: 5;}
.case_list li:hover .pic .mask{ opacity:1;}
.case_list li:hover .pic .mask dd img{-webkit-transform:rotate(360deg);animation:rotation 10s linear infinite;-moz-animation:rotation 10s linear infinite;-webkit-animation:rotation 10s linear infinite;-o-animation:rotation 10s linear infinite;}
@-webkit-keyframes rotation{
	from{-webkit-transform:rotate(0deg);}
	to{-webkit-transform:rotate(360deg);}
}

.case_list li .txt{ padding:15px 15px;font-size:.16rem;font-weight:normal; text-align:center; transition: 0.5s all;}
.case_list li:hover .txt{ background:var(--main_color); color:#fff;}

/*@media screen and (max-width:1440px) { 
.case_list li{width:32%; margin-right:2%;}
.case_list li:nth-child(4n){ margin-right:auto;}
.case_list li:nth-child(3n){ margin-right:0;}
}*/
@media screen and (max-width:768px) {
.case_list li{width:48.5%; margin-right:3%;margin-bottom:10px;border-radius:4px;}
.case_list li:nth-child(2n){ margin-right:0;}
.case_list li:nth-child(3n){ margin-right:auto;}
.case_list li .txt{ font-size:12px;padding: 12px 5px;}
.case_list li:hover .pic .mask dd{ display:none;}
}




/*按钮切换*/	
#tjk1{ width:90%;}
#tjk{height:220px;}
	/*#tjk .swiper-button-prev,#tjk .swiper-button-next {width: 20px;height: 34px; background: url(/static/default/mysite/images/ico_sliding.png) no-repeat;}
	#tjk .swiper-button-prev {background-position: -10px -448px; left:-20px;}
	#tjk .swiper-button-next { background-position: -90px -448px;}*/
/*分页器*/
#tjk .swiper-pagination-bullet-active,#hot_jg .swiper-pagination-bullet-active{ background:#15A099;}
#tjk .swiper-pagination,#hot_jg .swiper-pagination{bottom:5px;}


.news_left{width:900px;}
.news_right{ width:280px;}
.news_main{width:100%; border:solid 1px #e8e8e8; padding:20px; box-sizing:border-box;}

.news_main .tit{font-size:15px; border-bottom:solid 1px #ddd; height:36px; font-weight:bold;}

.news_main .news_focus{ width:400px; overflow:hidden;}

.news_main .news_list1{width:420px;}
.news_list1 dl{ border-bottom:dotted 1px #ccc; padding-bottom:15px; margin-bottom:10px;}
.news_list1 dt{font-size:18px; font-weight:bold; line-height:40px; height:40px; white-space:nowrap; text-overflow: ellipsis; overflow:hidden; text-align:center; margin-bottom:10px;}
.news_list1 dd{line-height:24px; color:#888;}
.news_list1 li{line-height:30px; background:url(/static/default/mysite/images/arrow_6.gif) no-repeat left center; padding-left:15px; white-space:nowrap; text-overflow: ellipsis; overflow:hidden;}
.news_list1 li span{ float:right; font-size:12px; color:#999;}

/*新闻循环列表*/
.news_cate{  margin-top:25px;}
.news_cate h5{ line-height:42px; background:url(/static/default/mysite/images/news_tit.jpg) no-repeat left bottom #fff; padding:0 10px 0 25px; font-size:16px; color:#fff; }
.news_cate h5 span{float:right; font-weight:normal; font-size:12px;}
.news_cate ul{ padding:20px 0; border:solid 1px #e8e8e8;}
.news_cate li,.xg_list li{width:46%; float:left; margin:0 2%; line-height:30px; background:url(/static/default/mysite/images/arr1.jpg) no-repeat left center; white-space:nowrap; text-overflow: ellipsis; overflow:hidden; box-sizing:border-box; padding-left:10px;}
.news_cate li span,.xg_list li span{ float:right; font-size:12px; color:#999;}

/*-----*/
.sx_right_box{border:solid 1px #ddd; padding:15px 10px 10px 10px; box-sizing:border-box;}
.sx_right_box h5{font-size:15px; color:#000; height:36px; border-bottom:solid 1px #ddd; background:url(/static/default/mysite/images/hot.png) no-repeat left 3px; padding-left:50px; margin-bottom:5px;}
.sx_right_box h6{font-size:15px; color:#000; height:36px; border-bottom:solid 1px #ddd;}

.tags_a{ margin-top:10px;}
.tags_a a{padding:5px 10px;  border-radius:3px; display:inline-block; margin-top:5px;}
.tags_a a:hover{ background:#f90; color:#fff;}

/*新闻子栏目*/
.news_sub_nav{ height:50px; border-bottom:solid 1px #eee; margin-bottom:20px;}
.news_sub_nav span{ width:80px; display:inline-block; float:left; font-weight:bold; line-height:28px;}
.news_sub_nav li{float:left;}
.news_sub_nav a {display: inline-block; padding:0 15px;  line-height:28px; border-radius:28px;   font-size:14px;}
.news_sub_nav a:hover{ background:#1463AA; color:#fff;}
.news_sub_nav li.currclass a{ background:#1463AA; display: inline-block;  padding:0 20px;  line-height:28px; border-radius:28px; margin:0 5px; color:#FFFFFF;  font-weight:normal;}

/*图文分页*/
.pic_art_list{}
.pic_art_list dl{ padding:20px 0; height:150px; border-bottom:dotted 1px #CCCCCC;}
.pic_art_list dl dt{ width:240px; float:left;}
.pic_art_list dl dt a{width:240px; height:150px; display:block; overflow:hidden;}
.pic_art_list dl dt img{width:240px; height:150px; }

.pic_art_list dl dd{ transition:1s all; width:580px; float:right; margin-right:15px; box-sizing:border-box;}
.pic_art_list dd:hover { margin-right:0px;}
.pic_art_list dl dd h5{line-height:40px; font-size:18px; margin-bottom:10px;}
.pic_art_list dl dd p{  line-height:24px; color:#666; font-size:13px; margin-bottom:10px;}
.pic_art_list dl dd i{font-size:12px; font-style:normal; height:35px; line-height:35px; margin-right:20px; display:inline-block; color:#999; float:left;}
.pic_art_list dl dd i.n_time{ background:url(/static/default/mysite/images/icon_time.png) no-repeat left center; padding-left:20px;}
.pic_art_list dl dd i.n_tags{ background:url(/static/default/mysite/images/tags_pic.png) no-repeat left center; background-size:20px auto; padding-left:25px;}


/*新闻列表二分页样式*/
.news_list_two{ width:1200px; position:relative; margin:auto;}
.news_list_two li{float:left; width:384px; margin-right:24px; margin-bottom:25px; transition:0.3s all;}
.news_list_two li:hover{ background:#f8f8f8;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);}

.news_list_two li:nth-child(3n){margin-right:0;}
.news_list_two li .pic{ width:100%; height:210px; overflow:hidden;}
.news_list_two li .pic img{ width:100%; min-height:100%;  display:block;transition:all 500ms ease-out 0s; }
.news_list_two li:hover .pic img{
  cursor:pointer;
  -webkit-transform:scale(1.1);
  moz-transform:scale(1.1);
  -o-transform:scale(1.1);
  transform:scale(1.1);}
  
.news_list_two li .txt{ padding:25px 15px; border:solid 0px #ddd; border-top:0; background:#FFF; }
.news_list_two li .txt h5{overflow: hidden; text-overflow: ellipsis;white-space: nowrap; font-size:16px; margin-bottom:12px;}
.news_list_two li .txt p{line-height:26px; color:#777; font-size:13px; height:60px; border-bottom:dotted 1px #ccc; margin-bottom:15px; padding-bottom:10px;}
.news_list_two li .txt span{font-size:12px; color:#888;}
.news_list_two li .txt span.time{background: url(/static/default/mysite/images/icon_time.png) left center no-repeat; padding-left: 20px; margin-right:30px;}
.news_list_two li .txt span.view{background: url(/static/default/mysite/images/icon_read.png) left center no-repeat; padding-left: 20px;}


/*新闻列表*/
.news_one{ border-bottom:solid 1px #dedede; height:280px;}
.news_one .news_pic{ width:410px; height:240px; overflow:hidden; }
.news_one .news_pic img{width:100%;}
.news_one .news_txt{width:730px;}
.news_one .news_txt h5{font-size:22px; margin:15px 0;overflow: hidden; text-overflow: ellipsis;white-space: nowrap; }
.news_one .news_txt p{ color:#555; line-height:24px; height:48px; overflow:hidden;}
.news_one .news_txt span{font-size:12px; color:#888; margin-bottom:15px; display:inline-block;}
.news_one .news_txt span.time{background: url(/static/default/mysite/images/icon_time.png) left center no-repeat; padding-left: 20px; margin-right:30px;}
.news_one .news_txt span.view{background: url(/static/default/mysite/images/icon_read.png) left center no-repeat; padding-left: 20px; margin-right:30px;}
.news_one .news_txt span.n_tags{background: url(/static/default/mysite/images/tags_pic.png) left center no-repeat; padding-left: 20px; background-size:16px auto;}

.news_one a.more{width:160px; line-height:36px; overflow:hidden; background:#f8f8f8; border:solid 1px #ccc; display:inline-block; border-radius:52px; text-align:center; color:#333; margin-top:30px; transition:0.3s all; position:relative;}
.news_one a.more:hover{border:solid 1px #0051B6; background:#0051B6; color:#fff;}

.news_list{}
.news_list dl{ padding:35px 0px; border-bottom:solid 1px #dedede; transition: all 1.0s;}
/*.news_list dl:hover{ background:#f8f8f8;box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);}*/
.news_list dl:hover{ background:#f8f8f8;}
.news_list dt{ width:260px; height:150px; overflow:hidden}
.news_list dt img{width:100%;}
.news_list dd{width:820px;transition: all 1.0s;}
.news_list dl:hover dd{padding-left:15px;}

.news_list dd h5{ font-size:22px; width:780px; margin:20px 0;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.news_list dd p{text-align:justify; line-height:24px; color:#666;}
.news_list dd i{font-size:12px; color:#888; margin-top:15px; display:inline-block; font-style:normal;}
.news_list dd i.time{background: url(/static/default/mysite/images/icon_time.png) left center no-repeat; padding-left: 20px; margin-right:30px;}
.news_list dd i.view{background: url(/static/default/mysite/images/icon_read.png) left center no-repeat; padding-left: 20px; margin-right:30px;}
.news_list dd span.n_tags{background: url(/static/default/mysite/images/tags_pic.png) left center no-repeat; padding-left: 20px; background-size:16px auto;}

.page_side{width:280px; float:right; border:solid 0px #ddd;  border-radius:0px;}
.page_side_title{font-size:25px; padding: 20px 0; text-align: center; color:#fff; text-transform:uppercase; background:#00AD66;}

.page_main{width:880px; padding:0 40px; float:left; background:#fff; box-sizing:border-box;}
.page_main .page_main_title{font-weight:normal; border-bottom:solid 0px #ddd; padding-bottom:15px; margin-bottom:10px; background: url(/static/default/mysite/images/right_title_bg.jpg) repeat-x left bottom;}
.page_main .page_main_title span{font-size:25px; margin-right:10px; border-bottom:solid 6px rgba(255,102,0,0.5); padding-bottom:9px;}

/* 新闻内容页 */
.ntitle{padding:0px 0px 0px 0px;border-bottom: 0px solid #ddd;}
.ntitle h2{font-size: 25px;margin-bottom: 15px; line-height:38px;}
.ntitle span{font-size: 12px; color: #888; margin:0px 5px;}

.art_info{margin-bottom:30px; color:#999; border-bottom: solid 1px #ddd;}
.art_info em{position:relative;font-size:13px; display:inline-block; line-height:50px; font-style:normal; margin-right:25px;}
.art_info em img{ margin:-3px 5px 0 0; vertical-align:middle;}
.art_info em a{color:#999;}
.share{ position:absolute; left:66px; top:15px; width:200px; transform: scale(0.76);}


.ptitle{text-align: center;}
.ptitle h2{font-size: 22px;}

.neirong{margin: 25px 0px; line-height: 28px; text-align:justify;overflow: hidden;}
.neirong img{max-width: 100%;}
.neirong p{margin-bottom: 15px;font-size: 15px;}



/* 内容页左右 */
.page_side{width:280px; float:right; border:solid 0px #ddd;  border-radius:0px;}
.page_side_title{font-size:25px; padding: 20px 0; text-align: center; color:#fff; text-transform:uppercase; background:#00AD66;}

.page_main{width:880px; padding:0 40px; float:left; background:#fff; box-sizing:border-box;}
.page_main .page_main_title{font-weight:normal; border-bottom:solid 0px #ddd; padding-bottom:15px; margin-bottom:10px; background: url(/static/default/mysite/images/right_title_bg.jpg) repeat-x left bottom;}
.page_main .page_main_title span{font-size:25px; margin-right:10px; border-bottom:solid 6px rgba(255,102,0,0.5); padding-bottom:9px;}


/*--通用热门关键字---*/
.sx_right_box{border:solid 1px #ddd; padding:15px 10px 10px 10px; box-sizing:border-box;}
.sx_right_box h5{font-size:15px; color:#000; height:36px; border-bottom:solid 1px #ddd; background:url(/static/default/mysite/images/hot.png) no-repeat left 3px; padding-left:50px; margin-bottom:5px;}
.sx_right_box h6{font-size:15px; color:#000; height:36px; border-bottom:solid 1px #ddd;}

.tags_a{ margin-top:10px;}
.tags_a a{padding:5px 10px;  border-radius:3px; display:inline-block; margin-top:5px;}
.tags_a a:hover{ background:#f90; color:#fff;}

/*大家都在看*/ 
.hot_read {margin-top: 0px;border: solid 1px #ddd;padding: 15px 15px 15px 15px; box-sizing: border-box; background:#fff;}
.hot_read h6 {font-size: 15px;height: 30px;border-bottom: solid 1px #e8e8e8; margin-bottom:20px; }
.hot_read li {line-height: 24px; margin-top:15px;}
.hot_read li img{width:100%;}



/*关于*/
.about_home{height:520px; background:#fff;}
.about_home .left{ width:450px; height:520px; background:#f5f5f5; float:left; padding:100px 0 0 70px; box-sizing:border-box;}
.about_home .left h2 {font-size: 48px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; color:#000; margin-bottom:15px;}
.about_home .left p{font-size:20px; line-height:38px;}

.link_box {}
.link_box a {display: inline-block; border: 1px solid #aaa; width: 43px; height: 43px;border-radius: 50%;float: left; margin-right: 24px; position: relative; overflow: hidden; transition: all 0.3s ease 0s;}
.link_box .link1 i { background: url(/static/default/mysite/images/ico_01.png) no-repeat center;}
.link_box .link2 i { background: url(/static/default/mysite/images/ico_06.png) no-repeat center;}
.link_box  i {display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; transition: all 0.3s ease 0s;}
.link_box .bg {display: block;width: 0; height: 0; left: 50%; top: 50%; transition: all 0.3s ease 0s; position: absolute; border-radius: 50%;}
.link_box a:hover { border: 1px solid #2B58F9;background-color: #2B58F9;}
.link_box a:hover .bg {width: 100%;height: 100%;top: 0;left: 0;background-color: #2B58F9;}
.link_box a.link1:hover i {background: url(/static/default/mysite/images/ico_01_h.png) no-repeat center;}
.link_box a.link2:hover i {background: url(/static/default/mysite/images/ico_06_h.png) no-repeat center;}


.about_home .right{ width:688px;float:right; padding:50px 40px 0 0px; box-sizing:border-box;}
.about_home .right h3 {font-size:32px; }
/*.about_home .right h3:after{content:"";display: block;width:10px;background:#9a9a9a;height: 2px; margin:25px 0 20px 0; transition: 0.3s all;}*/
.about_home .right h4{margin-top: 10px;line-height:46px;color: #444;font-size: 17px; }
.about_home .right p{font-size:14px; line-height:2; color:#777; text-align:justify; margin-bottom:10px;}

/*企业文化模块*/
.mission-list-ctn {width:100%; min-width:1200px;height: 520px; position: relative;background:url(/static/default/mysite/images/culture02.jpg) no-repeat center #333; background-size:cover;}
.mission-list {width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: flex;z-index: 300;color: white;}
.mission-list-item {flex: 1;position: relative;}
.mission-back {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;filter: brightness(.6);}
.mission-list-item {display: flex;flex-direction: column;justify-content: center;align-items: center; border-right: 1px solid rgba(255, 255, 255, .2);}
.mission-list-ctn * {transition: .3s;}
.mission-list-item:last-of-type {border-right: none;}
.mission-title {font-size: 32px;}
.mission-desc {max-width: 60%;}
.mission-desc p {margin: 0; font-size:18px;line-height: 1.5em;height: 0;overflow: hidden;}
.mission-list-item.active p {height: 3em;}
.mission-list-item.active .mission-title {margin-bottom: .5rem;}
.mission-list-item.active {flex: 2;}

/*优势*/
.youshi{ min-width:1200px;}
.youshi .left{width:646px; float:left;}
.youshi .right{width:577px; height:440px; float:right; background:#0051B6; position:absolute; right:0; top:51px; padding:50px 80px; box-sizing:border-box;}
.youshi .right h3{font-size:60px;color: rgba(255, 255, 255, 0.1); }
.youshi .right h4{font-size:30px; color:#fff; margin:10px 0 15px 0; font-weight:normal;}
.youshi .right p{line-height:2; color:#fff;}
.youshi .right ul{ padding-top:40px;}
.youshi .right li{float:left; color:#fff; text-align:center; margin-right:80px;}







/*---------------*/
.ganxie{ position:relative; overflow:hidden;  text-align:center;}
.ganxie img{width:100%; display:block;}
.ganxie .txt{width:100%; position:absolute; top:50%; margin-top:-20px; text-align:center; font-size:42px; color:#fff;}


.about_box9{ background:url(/static/default/mysite/images/intro-list6-bg.jpg) no-repeat center; height:670px; min-width:1200px;}
.about_box9 .left{ float:left; font-size:24px; width:440px; line-height: 48px; padding-top:266px;}
.about_box9 .left span{color:#e60039;}
.about_box9 .left span strong{font-size:36px;}
.about_box9 .right{float:right; padding-top:50px;}



.about_box1{ height:660px; overflow:hidden; background:#1d1b1b; background-size:cover; position:relative}
.about_box1 .bg01{position:absolute;top:50%;left:50%; width:1450px; height:1450px; transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%); }
.about_box1 .bg01 img{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-animation:play 25s linear infinite; -moz-animation:play 25s linear infinite; animation:play 25s linear infinite;}
@-webkit-keyframes play{
    0% {
        -webkit-transform:rotate(0deg);
    }
    100% {
        -webkit-transform:rotate(360deg);
    }
}
@-moz-keyframes play{
    0% {
        -moz-transform:rotate(0deg);
    }
    100% {
        -moz-transform:rotate(360deg);
    }
}
@keyframes play{
    0% {
        transform:rotate(0deg);
    }
    100% {
        transform:rotate(360deg);

    }
}


.about_box1 .txt{position:absolute; text-align:center; width:900px; top:240px; left:50%; margin-left:-450px;}
.about_box1 .txt h3{font-size:36px; font-weight:normal; color:rgba(255,255,255,0.9)}
.about_box1 .txt h3:after{content:"";display: block;width: 25px;background:rgba(255,255,255,0.5);height: 2px; margin:25px auto; transition: 0.3s all;}
.about_box1 .txt p{font-size:15px; line-height:38px; font-weight:normal; color:rgba(255,255,255,0.8);}


/*联系*/


/* 联系好博体育模块 */
.contact_box{position: relative;width: 100%;height:580px; box-sizing:border-box; min-width:1200px;}
/*.bg-video{position: absolute;left:0;top:0;width: 100%;height: 100%;z-index: 1;}*/
.contact_box .bg{position:absolute; left:0;top:0;width: 100%;height: 100%;z-index: 2; background:rgba(0,0,0,0.3);}

.contact_box .txt{position:absolute; width:100%; height:100%; z-index:4;}
.contact_box dl,.contact_box dt,.contact_box dd{ height:100%; overflow:hidden}
.contact_box dt,.contact_box dd{ float:left; width:25%; border-right:rgba(255,255,255,0.2) 1px solid; box-sizing:border-box;}
.contact_box dl dd{ position:relative;}
.contact_box dl dd:before{ content:""; position:absolute; right:0; z-index:0; top:0; width:0; height:100%; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.contact_box dl dd:before{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#BFD5042C', endColorstr='#BFD5042C');background:rgba(213,4,44,0.75);}
:root .contact_box dl dd:before{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00D5042C', endColorstr='#00D5042C');}/*for IE9*/
:root .contact_box dl dd:before{filter:none;}/*for IE9*/
.contact_box dl dd:hover:before{ left:0; width:100%}

.contact_box .table_cell{ position:absolute; z-index:99; width:100%; text-align:center;}
.contact_box dt{ box-sizing:border-box; padding:150px 15px 0 15px;}
.contact_box dt h3{font-size:50px;color:#fff;font-family:Impact; font-weight:normal;}
.contact_box dt h4{ font-size:22px; color:#fff; font-weight:normal; margin:15px 0 10px 0;}
.contact_box dt h2{ font-size:25px; color:#fff; margin-bottom:20px;}
.contact_box dt h6{ font-size:14px; color:#fff; text-transform:uppercase;font-weight:normal;}

.contact_box dd{text-align:center; padding-top:150px;}
.contact_box dd h3{ }
.contact_box dd h4{ font-size:22px; color:#fff; margin:10px  0 20px; text-transform:uppercase; }
.contact_box dd h2{ font-size:32px; color:#fff; margin-bottom:10px;font-weight:normal;}
.contact_box dd h5{ font-size:16px; color:#fff; font-weight:normal;}

.contact_box dd h6{ font-size:16px; line-height:32px; color:#fff; text-transform:uppercase; font-weight:normal; margin-bottom:25px; padding:0 40px;}
.contact_box dd h5 a{ font-size:0.875rem; color:#fff; text-decoration:underline}
.contact_box dd ul{ font-size:0}
.contact_box dd ul li{ display:inline-block; *display:inline; *zoom:1; margin:0 1.25rem; }
.contact_box dd ul li h5{ font-size:14px; margin-top:10px; color:#fff;}


/*加入好博体育模块*/
.join_us{height: 300px;background: url(/static/default/mysite/images/partner_bg.png) bottom/1920px no-repeat;}
.join_us p {padding-top: 86px;margin-bottom: 48px;font-size: 36px;text-align: center;text-shadow: 0 2px 4px rgba(6,25,50,.89); color:#fff;}

/*收缩菜单*/
.faq_box{margin-bottom:15px; clear:both;}
.v{float:right;width:44px;height:16px;overflow:hidden;display:inline-block;}
.v01{background:url(/static/default/mysite/images/jian01.png) no-repeat;}
.v02{background:url(/static/default/mysite/images/jian01_on.png) no-repeat;}
.vtitle{line-height:36px; padding:10px 20px 10px 30px; background:#fff;  cursor:pointer;  text-overflow: ellipsis;white-space: nowrap; overflow:hidden; font-size:18px;}
.vtitle span{display:inline-block; background:#ff6b6b; color:#fff; width:25px; line-height:25px;border-radius:100%; font-size:14px; text-align:center; margin-right:5px; vertical-align:middle;}
.vtitle em{margin:10px 10px 0 0;}
.vcon{padding:0px 0px; background:#fff; display:none;}
.vcon_box{  padding:20px 5px; line-height:30px; font-size:14px; box-sizing:border-box; border-top:solid 1px #ddd; width:96%; margin:auto;}
.vcon_box .tit1{background:url(/static/default/mysite/images/jr_tit1.jpg) no-repeat left 8px; font-size:15px;padding-left:20px; height:36px;font-weight:bold;}
.vcon_box .tit2{background:url(/static/default/mysite/images/jr_tit2.jpg) no-repeat left 8px; font-size:15px;padding-left:20px; height:36px;font-weight:bold;}




/*更多*/
.more_big a{width:160px; line-height:36px; overflow:hidden; background:rgba(255,255,255,0.1); display:inline-block; border:solid 1px rgba(255,255,255,0.6); border-radius:52px; text-align:center; color:#fff;  transition:0.3s all; position:relative;}
.more_big a:hover{border:solid 1px #B71745; background:#B71745; color:#fff;}

/*放大动画*/
.anim{-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);position:absolute;top:50%;left:50%;z-index:10}
.anim:before{position:relative;content:'';display:block;margin-top:100%}
.anim:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%}
.hoverable{overflow:hidden}
.hoverable .anim{-moz-animation:anim-out .75s;-webkit-animation:anim-out .75s;animation:anim-out .75s}
.hoverable .anim:after{-moz-animation:anim-out-pseudo .75s;-webkit-animation:anim-out-pseudo .75s;animation:anim-out-pseudo .75s}
.hoverable .anim,.hoverable .anim:after{animation-iteration-count:infinite;animation-duration:1.3s}
@-webkit-keyframes anim-in{0%{width:0}100%{width:100%}}
@-moz-keyframes anim-in{0%{width:0}100%{width:100%}}
@-ms-keyframes anim-in{0%{width:0}100%{width:100%}}
@keyframes anim-in{0%{width:0}100%{width:100%}}
@-webkit-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}
@-moz-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}
@-ms-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}
@keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}
@-webkit-keyframes anim-out{0%{width:0}100%{width:100%}}
@-moz-keyframes anim-out{0%{width:0}100%{width:100%}}
@-ms-keyframes anim-out{0%{width:0}100%{width:100%}}
@keyframes anim-out{0%{width:0}100%{width:100%}}
@-webkit-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}
@-moz-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}
@-ms-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}
@keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}





 @-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)
}
}


/*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;}



/*内页分页*/
.search-pagination{text-align:center; margin:35px 0 50px 0;}
.pagination li {display: inline-block;margin:0 3px; }
.pagination li a{display: inline-block;font-size: 15px;min-width: 46px;height: 46px;line-height: 46px; box-sizing: border-box; padding:0 20px; box-sizing:border-box;transition: 0.3s; background:#e8e8e8; border:solid 0px #ddd;}
.pagination li.active a,.pagination li a:hover{color: #fff !important;background-color:#0051B6;border:solid 0px #c00;}



/*自定义分页开始*/
.mypages{width:600px; overflow:hidden; margin-left:10px;}
.mypages .clumb{width:12px; height:22px; background:url(/static/default/mysite/css/images/a-1.jpg) no-repeat; display:block;float:left; margin-right:5px;}
.mypages .num{width:22px; height:22px; float:left; background:#a2a2a2; display:block; text-align:center; margin-right:1px; line-height:22px; font-size:11px; font-family:Verdana, Geneva, sans-serif; color:#4b4b4b;}
.mypages .num:hover,.mypages .hover{background:#000; color:#FFF;}
.mypages .clumb:hover{background-position:0 -22px;}
.mypages .clumb_n{width:12px; height:22px; background:url(/static/default/mysite/css/images/a-1.jpg) no-repeat; background-position:-12px 0; display:block;float:left; margin-left:4px;}
.mypages .clumb_n:hover{background-position:-12px -22px;}
.mypages .curr{width:22px; height:22px; float:left; background:#e0e0e0; display:block; text-align:center; margin-right:1px; line-height:22px; font-size:11px; font-family:Verdana, Geneva, sans-serif; color:#000; }

/*分页2*/
.mypage_2{font-size: 0;text-align: center;overflow: hidden;}
.mypage_2 > *{ box-sizing:border-box;color: #666;width: 42px;height: 42px;line-height: 40px;background: #fff; border:solid 1px #e8e8e8; border-left:0;}
.mypage_2 a, .mypage_2 .curr{font-family: arial;font-size: 16px;display: inline-block;vertical-align: top;}
.mypage_2 .curr,.mypage_2 a:hover{background-color: #eee; color:#666;}
.mypage_2 .pre,.mypage_2 .nex{font-size: 12px;font-family: "microsoft yahei";width: 64px;text-align: center;}
.mypage_2 > *:first-child,.mypage_2 > *:last-child{font-size: 12px; width: 74px;text-align: left;background-repeat: no-repeat;}
.mypage_2 > *:first-child {padding-left: 30px;border-left: solid 1px #e8e8e8;background-position: 15px center;background-image: url(/static/default/mysite/images/pre_pic.png); border-bottom-left-radius:5px;border-top-left-radius:5px;}
.mypage_2 > *:last-child {padding-left: 22px;background-position: 55px center;background-image: url(/static/default/mysite/images/nex_pic.png);border-bottom-right-radius:5px;border-top-right-radius:5px;}

/*搜索分页*/
#fenye{ margin:10px;}
#fenye table{ margin:auto;}
#fenye .prev,#fenye .next{text-align:center;}
#fenye a.curr,#fenye a:hover{background:#0051B6;  color:#FFFFFF;}
#fenye a{background:#e8e8e8; padding:8px 15px; color:#333; font-size:14px; border-radius:3px;}

/*建议反馈*/
.note_red{ font-size:14px; color:#e72427; margin:0 10px;}
.note_arrow{ color:#999; display:inline-block; background:url(/static/default/mysite/images/note.gif) no-repeat left center; padding-left:24px; margin-left:10px;}

.fill_textarea{ width:500px; padding:10px 5px; height:120px; border:solid 1px #ddd;}
.fill_textarea:hover{border:solid 1px #ccc; background:#f8f8f8;}

table.fill_table_c{ clear:both; margin:0px auto 10px auto;}
table.fill_table_c input.fill_text{ width:240px; padding:10px 5px; border:solid 1px #ddd;}
table.fill_table_c input.fill_text:hover{border:solid 1px #ccc; background:#f8f8f8;}
table.fill_table_c th,table.fill_table_c td{ vertical-align:top; line-height:2em; padding:10px 5px;}
table.fill_table_c th{ font-size:14px; font-weight:normal; text-align:right;}
table.fill_table_c img{ vertical-align:middle; margin:0 10px;}
table.fill_table_c input.orange_btn{ width:250px; height:50px; line-height:50px;}

input.orange_btn{ border:none; font-size:20px; cursor:pointer; text-align:center; color:#fff; background:#4BB344; data-aos="fade-up"}
input.orange_btn:hover{ background:#f90; color:#fff; text-decoration:none;}



/*全站搜索begin*/
.searchbody{width:100%; margin:0px auto;}

.searchbody  .tit{background:#FAFFF9 url(/static/default/mysite/css/btn.png) no-repeat 8px 6px; border:#E2F3DE 1px solid; height:31px;line-height:31px;font-size:12px;color:#555;padding-left:5px; margin-bottom:25px;}
.searchbody  .tit span{ color:red; font-weight:bold;}

.searchbody  .kuaisou{ margin:0px 10px 20px 0px;}
.searchbody  .kuaisou .i{ height:23px; line-height:23px;width:305px; padding-left:15px; color:#333;}
.searchbody  .kuaisou #m{margin-left:5px;height:28px; line-height:22px; width:80px; border:none;}




/*向上*/
.cd-top {
  display: inline-block;
  height: 46px;
  width: 46px;
  position: fixed;
  bottom: 40px;
  right: 5px;border-radius: 50%;
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.15) url(/Other/www/static/default/mysite/images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e72427;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 10px;
    bottom: 50px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 46px;
    width: 46px;
    right: 5px;
    bottom: 50px;
  }
}
.cd-top:hover{background-color:#e72427;transition: all 0.3s ease 0s;}


/*更多*/
.lookmore{ text-align:center; margin-top:25px;}
.lookmore a{display:inline-block;border: #ddd 1px solid; border-radius:5px;width:1.8rem; line-height:.5rem; color: #565656; position:relative;overflow:hidden; transition:0.5s all;}
.lookmore a span{ position:relative; z-index:10}
.lookmore a:hover{color:#fff;border:#2B58F9 1px solid;background: #2B58F9; transition-delay:0.36s}
@-webkit-keyframes criss-cross-left {
0% {
left: -.2rem;
}
50% {
left: 50%;
width: .2rem;
height: .2rem;
}
100% {
left: 50%;
width: 3.75rem;
height: 3.75rem;
}
}
@keyframes criss-cross-left {
0% {
left: -.2rem;
}
50% {
left: 50%;
width: .2rem;
height: .2rem;
}
100% {
left: 50%;
width: 3.75rem;
height: 3.75rem;
}
}
@-webkit-keyframes criss-cross-right {
0% {
right: -.2rem;
}
50% {
right: 50%;
width: .2rem;
height: .2rem;
}
100% {
right: 50%;
width: 3.75rem;
height:3.75rem;
}
}
@keyframes criss-cross-right {
0% {
right: -.2rem;
}
50% {
right: 50%;
width: .2rem;
height: .2rem;
}
100% {
right: 50%;
width: 3.75rem;
height: 3.75rem;
}
}
.btn-11 {
position: relative;
color: #2B58F9;
}
.btn-11:before, .btn-11:after {
position: absolute;
top: 50%;
content: '';
width: .2rem;
height: .2rem;
background: #2B58F9;
border-radius: 50%;
}
.btn-11:before {
left: -.2rem;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
/*     animation: criss-cross-left 0.8s reverse; */
}
.btn-11:after {
right: -.2rem;
-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;
}


/*右侧悬浮*/
.cndns-right{position:fixed;right:2px;bottom:180px; z-index:100}
.cndns-right-meau{position:relative;margin:0 0 5px}
.cndns-right-btn{width:44px;height:auto;overflow:hidden;padding:11px 0;text-align:center;display:block;position:relative;background-color:#596efb;border-radius:5px;box-shadow: 0 0 9px 0 rgba(0,0,0,0.1);}
.meau-contact .cndns-right-btn{background-color:#fa0;}
.cndns-right-btn p{font-size:12px;line-height:16px;padding-top:6px;color:#fff;margin:0 auto}
.demo-icon{width:22px;height:22px;display:block;background:url(/static/default/mysite/images/fuDong1.png) no-repeat;margin:0 auto}
.demo-icon1{background-position:0 0}
.demo-icon2{background-position:0 -22px}
.demo-icon3{background-position:0 -88px}
.demo-icon4{background-position:0 -66px}
.cndns-right-box{position:absolute;top:0;right:29px;padding-right:25px;display:none}
.cndns-right-box:after{content:'';position:absolute;right:18px;top:15px;width:13px;height:13px;border-radius:2px;background-color:#fff;border-top:1px solid rgba(0,0,0,.08);border-right:1px solid rgba(0,0,0,.08);transform:rotate(45deg)}
.cndns-right-btn:hover{background-color:#5064e6}
.cndns-right-box .box-border{padding:20px 30px 24px;width:200px;height:auto;overflow:hidden;background-color:#fff;border-radius:5px;-webkit-box-shadow:0 0 8px rgba(0,0,0,.15);-moz-box-shadow:0 0 8px rgba(0,0,0,.15);box-shadow:0 0 8px rgba(0,0,0,.15);position:relative}
.meau-cord .cndns-right-box .box-border{width:260px;padding:20px; text-align:center;}
.meau-cord .cndns-right-box .box-border img{width:125px;}
.box-border p{font-size:14px;color:#666;line-height:32px;padding-left:24px;margin:0}
.box-border p a{font-size:14px;color:#666;line-height:32px;display:block}
.box-border .wz1{font-size:18px;color:#333;padding:0 0 8px}
.box-border .wz2{background:url(/static/default/mysite/images/fuDo1.png) left 8px no-repeat}
.cndns-right-meau:hover .cndns-right-box{display:block}
.cndns-right  .hide{ display:none;}