@charset "utf-8";

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img{margin:0; padding:0}
body, button, input, select, textarea{font:13px/1.5 微软雅黑, "Microsoft Yahei", tahoma, Arial, helvetica, sans-serif}
h1, h2, h3, h4, h5, h6, code, dfn, em, var, i, b{font-style:normal; font-weight:normal}
ul, ol, li{list-style:none}
input, textarea{outline-style:none; border:0}
a{
	text-decoration:none;
	color:#333;
	tap-highlight-color:rgba(0,0,0,0); 
	focus-ring-color:rgba(0, 0, 0, 0); 
	-webkit-tap-highlight-color:rgba(0,0,0,0); 
	-webkit-focus-ring-color:rgba(0, 0, 0, 0); 
	-moz-tap-highlight-color:rgba(0,0,0,0); 
	-moz-focus-ring-color:rgba(0, 0, 0, 0);
}
/*用来解决在安卓上的点击出现篮框问题*/
body{-webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
/*解决ios上去除微信点击蓝色边框 */
a:focus, input:focus, p:focus, div:focus{-webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
/* 表单文字 */
input::-webkit-input-placeholder{color:#AAA; font-size:12px}
input::-moz-placeholder{color:#AAA; font-size:12px}
input:-moz-placeholder{color:#AAA; font-size:12px}
input:-ms-input-placeholder{color:#AAA; font-size:12px}
/*滚动条*/
::-webkit-scrollbar{width:6px; height:8px}
::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); background:var(--i_color)}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); border-radius:0; background:#F1F1F1}
/* 复制选中 */ 
::selection{background:#338FFF; color:#FFF}
::-moz-selection{background:#338FFF; color:#FFF}
::-webkit-selection{background:#338FFF; color:#FFF}

@font-face{font-family:'CSAOE'; src:url('../fonts/CSAOE.TTF');}

.fl{float:left}
.fr{float:right}
.container{overflow:hidden}
.clear{clear:both}
.wrap{width:68%; margin:0 auto}
.l_wrap{width:76%; margin:0 auto}
.pr{position:relative}

/* var */
:root{
	--i_color: #1889E1;  /* 全局颜色 */
	--top_h: 90px;  /* 网页头部高度 */
	--reduce_h: 60px;  /* 网页下滑固定头部高度 */
}

/* header */
header{}

/* top */
.top{position:fixed; top:0; width:100%; height:var(--top_h); background:rgba(24,137,225,.75); z-index:999999999999}

.top_cont{height:var(--top_h); position:relative}




/* logo */
.logo{position:absolute; top:50%; transform:translate(0,-50%); left:0; z-index:3}
.logo img{width:100%}



/* -------------------- nav -------------------- */
nav{position:absolute; top:0; left:245px; z-index:3; width:1300px;}

nav>ul>li{float:left}
nav>ul>li>a{display:block; line-height:var(--top_h); font-size:15px; color:#FFF; padding:0 30px; position:relative}
nav>ul>li>a:before{content:""; position:absolute; bottom:0; left:50%; transform:translate(-50%,0); width:0; height:2px; background:#FFF}
nav>ul>li>a:after{content:""; position:absolute; top:50%; transform:translate(0,-50%); right:0; width:2px; height:10px; background:rgba(255,255,255,.3)}
nav li:last-child a:after{display:none}

.nav_on:before, nav>ul>li>a:hover:before{width:50%}

.nav_open{position:absolute; min-width:160px; background:#FFF; opacity:0; visibility:hidden}
.nav_l{width:150%; padding:0 20px 20px; left:-200px;}
.nav_l>li{float:left; margin-right:10px; overflow:hidden}
.nav_l>li:last-child{margin-right:0}
.nav_open>li{ width:130px;}
.nav_open>li>a{display:block; font-size:14px; color:#555; font-weight:bold; line-height:40px; padding:0 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.nav_open ul{overflow:hidden;}
.nav_open li li{float:none; }
.nav_open li li a{display:block; padding:0 5px; font-size:13px; color:#999; line-height:28px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  }
.nav_open a:hover{background:var(--i_color); color:#FFF}

nav li:hover .nav_open{opacity:1; visibility:visible}





/* 登录 + 注册 */
/* .top_login{position:absolute; top:50%; transform:translate(0,-50%); right:30px; z-index:55}
.top_login a{margin:0 9px; font-size:13px; color:#FFF}
.top_login span{font-size:12px; color:rgba(255,255,255,.2)}
.top_login a, .top_login span{line-height:26px} */

/* 2020-04-16 修改【 删除登录注册功能 新增400电话与项目报备 】 */
.add_top_link{position:absolute; top:50%;display: flex;align-items: center; transform:translate(0,-50%); right:30px; z-index:55}
.add_top_link .top_tel{margin-right:14px; padding-left:30px; background:url(../images/top_tel_ico.png) no-repeat left 10px; font-family:arial; font-size:20px; color:#FFF; font-weight:bold}
.xmbb{margin-bottom:5px;}
.xmbb a{font-size:16px; color:#FFF}




/* 搜索框 */
#vivo-head{width:100%; position:relative; z-index:2}
#vivo-head .vivo-nav{width:100%; height:var(--top_h); margin:auto; position:relative; z-index:999}
.vivo-nav .search-user{position:absolute; right:0; top:50%; transform:translate(0,-50%)}
.search-user a{display:block; width:18px; height:18px; background:url(../images/search.png) no-repeat; cursor:pointer}
#vivo-head .vivo-search{width:100%; height:80px; background:rgba(0,0,0,.5); border-bottom:2px solid rgba(255,255,255,.2); position:relative; z-index:9999; display:none}
.vivo-search .search-box{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); /* width:700px; */height:40px; z-index:9999}
.vivo-search .search-box input{float:left; width:500px; height:20px; padding:10px 15px; font-family:"微软雅黑"; font-size:14px; color:#555; border:none; background:#fff; overflow:hidden; vertical-align:middle}
.vivo-search .search-box button{
	width:85px;
	height:40px;
	overflow:hidden;
	text-align:center;
	font-family:"微软雅黑";
	font-size:14px;
	color:#fff;
	border:none;
	overflow:hidden;
	vertical-align:middle;
	background:var(--i_color);
	outline:none;
	cursor:pointer;
	-webkit-transition:background .2s ease-in-out;
	-moz-transition:background .2s ease-in-out;
	-ms-transition:background .2s ease-in-out;
	transition:background .2s ease-in-out;
}
.vivo-search .search-box button:hover{background:#F60}
.vivo-search .search-box a.close{width:24px; height:24px; position:absolute; top:8px; right:-40px; background:url(../images/vivo-head-ico.png) no-repeat 0 -24px; cursor:pointer}
.vivo-search .search-box a.close:hover{background-position:0 0}


.top, .top_cont, nav>ul>li>a, nav>ul>li>a:before, .vivo-nav{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease}







/* --------------- banner --------------- */
.slider{position:relative; width:100%; overflow:hidden}
.slides{-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease}
.slide{display:block; text-align:center; float:left; overflow:hidden}
.slide img{display:block; width:100vw; /* height:calc(100vh - var(--top_h)); */ min-height:225px; object-fit:cover; text-align:center}
/* 左右箭头 */
.slider-arrows{opacity:0}
.slider-arrow{
	position:absolute;
	top:50%;
	transform:translate(0,-50%);
	width:70px;
	height:70px;
	line-height:70px;
	font-family:"SimSun", 宋体, NSimSun, FangSong;
	font-size:36px;
	color:#FFF;
	font-weight:bold;
	background:rgba(0,0,0,.08);
	text-align:center;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
	z-index:2;
	}
.slider-arrow--left{left:0}
.slider-arrow--right{right:0}
.slider:hover .slider-arrows{opacity:1}
.slider:hover .slider-arrow--left{left:3%}
.slider:hover .slider-arrow--right{right:3%}
.slider-arrow:hover{background:var(--i_color)}

/* 指示器 */
.slider-nav{position:absolute; bottom:5%}
.slider-nav__item{float:left; width:14px; height:14px; margin:0 4px; background:#FFF; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px;}
.slider-nav__item--current{width:40px; background:#F60; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px;}

.slider-arrows, .slider-arrow--left, .slider-arrow--right, .slider-nav__item{transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease}




/* -------------------- main -------------------- */
main{overflow:hidden}

.i_tit{position:relative; text-align:center; margin-bottom:30px; overflow:hidden}
.i_tit h1{font-size:32px; color:#232323; font-weight:bold}
.i_tit em{display:block; margin:20px auto 46px; width:42px; height:1px; background:#999; position:relative}
.i_tit em:before, .i_tit em:after{content:""; position:absolute; bottom:-8px; width:42px; height:1px; background:#999}
.i_tit em:before{left:30px}
.i_tit em:after{right:30px}
.i_tit p{position:absolute; top:20px; left:0; right:0; font-family:"CSAOE"; font-size:80px; color:#000; text-transform:uppercase; opacity:.03}
.i_tit h6{width:47%; margin:0 auto; text-align:center; font-size:15px; color:#FFF; line-height:34px}





/* ----------------------- 关于启赛 ----------------------- */
.i_about{overflow:hidden; margin:40px auto 60px}

.i_about_pic{width:40%; position:relative}
.i_about_pic:before{content:""; display:block; padding-bottom:78%}
.i_about_pic dl:before, .i_about_pic dl:after{content:""; position:absolute; width:173px; height:198px; background:url(../images/i_about_pic_bg.png) no-repeat; opacity:.05}
.i_about_pic dl:before{top:0; right:0}
.i_about_pic dl:after{bottom:0; left:0}

.i_about_pic dt{position:relative}
.i_about_pic dt:nth-child(1){position:absolute; top:0; left:0}
.i_about_pic dt:nth-child(2){position:absolute; right:0; bottom:0}
.i_about_pic dt:nth-child(1) img{border:10px solid rgba(21,59,151,.03)}

.i_about_txt{width:52%}
.i_about_txt h1{font-size:27px; margin:20px 0 40px; color:#252525; font-weight:bold}
.i_about_txt p{font-size:16px; color:#7A7A7A; margin-bottom:40px; line-height:40px}
.i_about_txt a{font-size:16px; color:var(--i_color); font-weight:bold; position:relative}
.i_about_txt a em{display:inline-block; margin-left:30px; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:8px solid var(--i_color); position:relative}
.i_about_txt a em:before{content:""; position:absolute; top:-1px; right:8px; width:12px; height:2px; background:var(--i_color)}
.i_about_txt a:hover em{margin-left:50px}

.i_about_txt a em{transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease}







/* ----------------------- 产品中心 ----------------------- */
.i_products{padding:40px 0 60px; background:url(../images/i_pro_bg.jpg) no-repeat top center}
.i_products .i_tit h1{color:#FFF}
.i_products .i_tit p{color:#757575}

.i_pro_list{overflow:hidden}

@media screen and (min-width:1215px){
#tab_nav{margin:0 auto; text-align:center}
#tab_nav ul{display:inline-block; vertical-align:top}
}

#tab_nav li{float:left; margin:0 .5px; position:relative}
#tab_nav a{display:block; padding:0 16px; line-height:42px; font-size:13px; color:#FFF; background:var(--i_color); cursor:pointer}
.tab_on{background:#FFF!important; color:var(--i_color)!important}
.tab_on:before{content:""; position:absolute; top:1px; left:1px; width:0; height:0; border-color:transparent var(--i_color); border-width:0 0 10px 10px; border-style:solid}

#menu_con{overflow:hidden}
#menu_con .tag{display:none; position:relative}
#menu_con .tag:first-child{display:block}


.tag_pro_list{padding:38px 0 57px; background:#FFF; box-shadow:0 4px 10px rgba(0,0,0,.25); overflow:hidden; z-index:1}
.tag_pro_list .swiper-wrapper{
	position:relative;
	width:100%;
	z-index:1;
	display:flex;
	transition-property:transform;
	box-sizing:content-box;
	}
.tag_pro_list .swiper-slide{
	width:20%;
	text-align:center;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	flex-shrink:0;
	position:relative;
	transition-property:transform
	}
	
/* #menu_con .tag:nth-child(3) .tag_pro_list, #menu_con .tag:nth-child(5) .tag_pro_list{padding:0}
#menu_con .tag:nth-child(3) .swiper-slide, #menu_con .tag:nth-child(5) .swiper-slide{width:100%}
#menu_con .tag:nth-child(3) .swiper-slide a, #menu_con .tag:nth-child(5) .swiper-slide a{padding:0}
.tab_pro_long_img{width:100%; overflow:hidden}
.tab_pro_long_img img{width:100%; image-rendering:-webkit-optimize-contrast; image-rendering:pixelated; object-fit:cover} */

.tag_pro_list .swiper-wrapper li a{display:block; text-align:center; width:100%; height:100%; padding:0 10%; overflow:hidden}
.tab_pro_img{width:100%; box-sizing:border-box; border:1px solid #DDD; position:relative}
.tab_pro_img:before{content:""; display:block; padding-bottom:70%}
.tab_pro_img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:90%; max-height:80%}
.tag_pro_list .swiper-wrapper li p{font-size:13px; color:#676767; line-height:36px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}

.tag_pro_list .swiper-wrapper li:hover .tab_pro_img{border-color:var(--i_color)}
.tag_pro_list .swiper-wrapper li:hover p{color:var(--i_color)}
.tag_pro_list .swiper-wrapper li{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease}

/* 箭头 */
.swiper-button-next, .swiper-button-prev{position:absolute; top:50%; transform:translate(0%,-50%); width:42px; height:42px; background:#FFF; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; z-index:10; cursor:pointer; outline:none}
.swiper-button-prev:before, .swiper-button-next:before{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-family:"SimSun", 宋体, NSimSun, FangSong; font-size:20px; font-weight:bold; color:var(--i_color)}
/* 左箭头 */
.swiper-button-prev{left:12%}
.swiper-button-prev:before{content:"<"}
/* 右箭头 */
.swiper-button-next{right:12%}
.swiper-button-next:before{content:">"}
/* 无法点击灰色箭头 */
.swiper-button-disabled{background:rgba(255,255,255,.2)}
.swiper-button-disabled:before{color:#777}
/* 圆点 */
.swiper-pagination{width:100%; bottom:20px; left:0; cursor:pointer; position:absolute; text-align:center; -webkit-transition:.3s opacity; -o-transition:.3s opacity; transition:.3s opacity; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); z-index:10}
.swiper-pagination-bullet{width:10px; height:10px; display:inline-block; background:#AAA; margin:0 4px; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; outline:none}
.swiper-pagination-bullet-active{background:var(--i_color)}










/* ----------------------- 首页 - 新闻资讯 ----------------------- */
.i_news{--li_width:31.5%; --li_height:278px; --li_mar:3.5%}
.i_news{margin:26px auto 60px; overflow:hidden}

.i_news_list{overflow:hidden}
.i_news_list li{float:left; width:calc(100% - var(--li_width) - var(--li_mar))}
.i_news_list a{display:block; overflow:hidden}
.i_news_list li:nth-child(1){width:var(--li_width); margin-right:var(--li_mar)}
.i_news_list li:nth-child(2){margin-bottom:32px}

/* 新闻图片 */
.i_news_pic{float:left; width:48%; height:var(--li_height); overflow:hidden}
.i_news_list li:nth-child(1) .i_news_pic{float:none; width:100%}
.i_news_pic img{width:100%; height:100%; object-fit:cover}

/* 新闻 文字区域 */
.i_news_txt{float:right; width:calc(100% - 48%); height:var(--li_height); padding:4%; box-sizing:border-box; border:1px solid #DDD; border-left:none; position:relative}
.i_news_list li:nth-child(1) .i_news_txt{float:none; width:100%; height:initial; padding:0; border:none}

/* 新闻时间 + 浏览量 */
.i_news_time{overflow:hidden}
.i_news_time p{display:inline-block; margin-right:26px; padding-left:30px; font-size:15px; color:#666; line-height:20px; background:url(../images/news_ico.png) no-repeat left}
.i_news_time p:last-child{margin-right:0}
.i_news_time p:nth-child(1){background-position:0 0}
.i_news_time p:nth-child(2){background-position:0 -20px}
@media screen and (min-width:1215px){
.i_news_list li:nth-child(1) .i_news_time{position:absolute; top:-28px; left:50%; transform:translate(-50%,0); width:52%; padding:15px 26px; background:#FFF; box-shadow:0 0 10px rgba(0,0,0,.2); -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px}
}

/* 标题 + 描述 */
.i_news_txt h1{padding:20px 0; font-size:24px; color:#343434; line-height:36px; font-weight:bold}
.i_news_txt span{font-size:13px; color:#808080; line-height:30px}
.i_news_txt h1, .i_news_txt span{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}
.i_news_txt h6{display:none}
.i_news_list li:nth-child(1) h1{padding-top:50px}
.i_news_list li:nth-child(1) h6{display:inline-block; margin-top:40px; padding:16px 72px; font-size:13px; color:var(--i_color); border:1px solid var(--i_color); -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px}

/* 鼠标动效 */
.i_news_list a:hover img{-webkit-transform:scale(1.15,1.15); -moz-transform:scale(1.15,1.15); transform:scale(1.15,1.15)}
.i_news_list a:hover .i_news_txt{border-color:var(--i_color)}
.i_news_list a:hover h1{color:var(--i_color)}
.i_news_pic img{-webkit-transition:all .8s ease; -moz-transition:all .8s ease; -ms-transition:all .8s ease; -o-transition:all .8s ease; transition:all .8s ease}






/* ----------------------- footer ----------------------- */
footer{--ico_size:40px}
footer{padding-top:70px; background:#115f9b}

.f_contact{text-align:center}
.f_contact dl{display:inline-block; vertical-align:top}
.f_contact dt{float:left; margin:0 15px; font-size:18px; color:#A2A2A2}
.f_contact i{color:#FFF}

.f_nav{text-align:center; overflow:hidden; margin:52px auto}
.f_nav ul{display:inline-block; vertical-align:top; padding:0 16px; overflow:hidden; background:rgba(255,255,255,.2); -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px}
.f_nav li{float:left; margin:0 40px}
.f_nav a{display:block; font-size:18px; color:#E2E2E2; line-height:46px}

.f_ico{margin-top:30px; text-align:center}
.f_ico dl{display:inline-block; vertical-align:top}
.f_ico dt{float:left; height:var(--ico_size); margin:0 15px; position:relative; cursor:pointer}
.f_ico dt img{max-height:100%}
.f_ico em{display:block; width:var(--ico_size); height:var(--ico_size); background:url(../images/f_ico.png) no-repeat; background-size:var(--ico_size)}

.f_ico dt:nth-child(2) em{background-position:0 calc(var(--ico_size) * -1)}
.f_ico dt:nth-child(3) em{background-position:0 calc(var(--ico_size) * -2)}

.f_qr{opacity:0; position:absolute; left:50%; transform:translate(-50%,0); bottom:calc(var(--ico_size) + 10px); width:110px; height:0; background:url(../images/qr.png) no-repeat center; background-size:cover}
.f_ico dt:hover .f_qr{opacity:1; height:110px}
.f_qr{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease}

.f_bq{overflow:hidden; margin-top:40px; border-top:1px solid #FFF}
.f_bq p, .f_bq a{font-size:13px; color:#D1D1D1; line-height:40px}









/* -------------------- 内页 -------------------- */

/* 内页banner */
.ny_banner{--text_pd:80px}
.ny_banner{width:100%; height:400px; overflow:hidden; position:relative}
.ny_banner>img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover}

.ny_b_wz{width:100%; background:rgba(255,255,255,.6); z-index:2; position:relative}

/* 产品中心banner */
.ny_b_pro{height:initial}
.ny_b_pro img{filter:blur(7px); -webkit-filter:blur(7px); -moz-filter:blur(7px); -o-filter:blur(7px); -ms-filter:blur(7px)}

.ny_b_pro_text{padding:calc(var(--text_pd) + var(--top_h)) 0 var(--text_pd); position:relative}

.ny_b_pro_text i{display:inline-block; padding:4px 30px; border:1px solid #BBB; font-size:20px; color:#555}

.ny_b_pro_text h1{font-size:42px; color:var(--i_color); font-weight:bold; letter-spacing:2px; padding-left:25px; position:relative}
.ny_b_pro_text h1:before{content:"启赛"; margin-right:16px}
.ny_b_pro_text h1:after{content:""; position:absolute; top:50%; transform:translate(0,-50%); left:0; width:5px; height:69%; background:var(--i_color)}
.ny_b_pro_text p{font-size:26px; color:var(--i_color); margin-top:26px}
.ny_b_pro_text span{display:block; width:100%; font-size:19px; color:#333; line-height:28px; margin-top:10px}





/* 内页 - 导航 */
.ny_nav{position:relative}
.ny_nav:after{content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#DDD}

.ny_nav_list{overflow:hidden}
.ny_nav_list li{float:left; margin-right:46px}
.ny_nav_list a{display:block; font-size:15px; color:#666; line-height:56px; position:relative}
.ny_nav_list a:after{content:""; position:absolute; left:0; bottom:0px; width:0; height:2px; background:none; z-index:2}

.ny_nav_on, .ny_nav_list a:hover{color:var(--i_color)!important}
.ny_nav_on:after, .ny_nav_list a:hover:after{width:100%!important; background:var(--i_color)!important}
.ny_nav_list a:after{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease}

/* 当前位置 */
/* .position{overflow:hidden}
.position dl{float:right}
.position dt{float:left}
.position dt a{font-size:12px; color:#666; line-height:56px; position:relative}
.position dt a:before{content:">"; margin:0 6px; color:#888!important}
.position dt a:hover{color:var(--i_color)}
.position dt:first-child a:before{content:"您当前的位置 ："; margin:0} */


/* -------------------- 内页 - 关于启赛 -------------------- */
.ny_about{--img_width:62.5%; --img_height:330px; --img_mar:16px}
.ny_about{margin:60px auto; overflow:hidden}

.ny_about_txt i{text-align:center;display:block;font-family:Arial, tahoma, helvetica, sans-serif; font-size:52px; color:#888; text-transform:uppercase}
.ny_about_txt h1{font-size:28px;text-align:center; color:var(--i_color); margin:5px 0 20px}

.ny_about_pic{overflow:hidden; margin:40px auto 20px}
.ny_about_pic dt{float:left; width:calc(100% - var(--img_width) - var(--img_mar)); height:calc((var(--img_height) - var(--img_mar)) / 2); margin:0 var(--img_mar) var(--img_mar) 0}
.ny_about_pic dt:nth-child(1){width:var(--img_width); height:var(--img_height)}
.ny_about_pic dt:nth-child(2), .ny_about_pic dt:nth-child(3n){margin-right:0}

.ny_about_pic dt img{width:100%; height:100%; object-fit:cover}

.ny_about_pic dt:nth-child(n+4){width:calc((100% - 16px * 2) / 3)}


/* 简介-文章 单页文字 */
/*article, article *{font-size:14px; line-height:28px; color:#666}*/
article{font-size:16px; line-height:200%; color:#666}
article img{display:block; max-width:100%; height:initial!important}


/* -------------------- 内页 - 产品中心 -------------------- */
.ny_case_list{--img_width:44%}
.ny_case_list{overflow:hidden; margin:40px auto}
.ny_case_list li{float:left; width:50%; margin-bottom:30px; position:relative}
.ny_case_list li:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box}
.ny_case_list li:nth-child(2n){margin-right:0}
.ny_case_list a{display:block; padding:20px; position:relative; overflow:hidden}

.ny_pro_img{width:var(--img_width); position:relative}
.ny_pro_img:before{content:""; display:block; padding-bottom:58%}
.ny_pro_img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:82%; max-height:80%; object-fit:cover}

.ny_pro_text{width:calc(100% - var(--img_width) - 30px); position:relative}
.ny_pro_text p{max-width: 100%; font-size:24px; color:#444; margin-bottom:10px; white-space:nowrap; text-overflow:ellipsis;overflow:hidden}
.ny_pro_text span{font-size:13px; color:#888; line-height:26px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}
.ny_pro_text i{display:inline-block; margin-top:18px; padding:6px 34px; border:1px solid #DDD; font-size:12px; color:#888; z-index:2; position:relative}
.ny_pro_text i:after{content:""; position:absolute; left:0; top:0; width:0; height:100%; background:var(--i_color); z-index:-1}

.ny_case_list li:hover:before{border:1px solid var(--i_color)}
.ny_case_list li:hover p{color:var(--i_color)}
.ny_case_list li:hover i{color:#FFF}
.ny_case_list li:hover i:after{width:100%}
.ny_pro_text i, .ny_pro_text i:after{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease}


/* 内页 - 产品中心 详情页 */
.ny_p_art{margin-top:calc(var(--top_h) + 46px); margin-bottom:60px; overflow:hidden}

.ny_p_art_img{width:56%; height:400px; overflow:hidden; position:relative; z-index:9}

.ny_p_art_img .swiper-wrapper{position:relative; z-index:1; display:flex; transition-property:transform; box-sizing:content-box}
.ny_p_art_img .swiper-slide{width:100%; float:left; overflow:hidden; flex-shrink:0; position:relative; transition-property:transform}
.ny_p_art_img .swiper-slide:before{content:""; display:block; padding-bottom:400px}
.ny_p_art_img .swiper-slide img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:82%; max-height:86%; object-fit:cover}

/* 产品详情页 - 左右箭头 */
.ny_p_art_img .pro-button-prev, .ny_p_art_img .pro-button-next{position:absolute; bottom:50%; transform:translate(0,50%); width:38px; height:38px; background:rgba(0,0,0,.3); z-index:999; cursor:pointer}
.ny_p_art_img .pro-button-prev:before, .ny_p_art_img .pro-button-next:before{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-family:"SimSun", 宋体, NSimSun, FangSong; font-size:18px; font-weight:bold; color:rgba(255,255,255,.8)}
.ny_p_art_img .pro-button-prev{left:0}
.ny_p_art_img .pro-button-prev:before{content:"<"}
.ny_p_art_img .pro-button-next{right:0}
.ny_p_art_img .pro-button-next:before{content:">"}
.ny_p_art_img .pro-button-prev:hover, .ny_p_art_img .pro-button-next:hover{background:var(--i_color)}
.ny_p_art_img .pro-button-prev:hover:before, .ny_p_art_img .pro-button-next:hover:before{color:#FFF}
/* 产品详情页 - 圆点 */
.pro-pagination{width:100%; bottom:0; left:0; cursor:pointer; position:absolute; text-align:center; -webkit-transition:.3s opacity; -o-transition:.3s opacity; transition:.3s opacity; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); z-index:10; }
.pro-pagination-bullet{width:10px; height:10px; display:inline-block; background:#AAA; margin:0 4px; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; outline:none}
.pro-pagination-bullet-active{background:var(--i_color)}

.ny_p_art_info{width:calc(100% - 60%); overflow:hidden}
.ny_p_art_info h1{font-size:34px; color:var(--i_color); font-weight:bold; padding-bottom:8px; margin:26px 0 22px;  border-bottom:1px solid #DDD; word-wrap:break-word; word-break:normal}

/* .ny_p_art_xx{margin:80px auto 0px; overflow:hidden}
.ny_p_art_xx dl{margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #DDD}
.ny_p_art_xx dt{font-size:26px; color:var(--i_color); margin-bottom:8px}
.ny_p_art_xx dd{width:100%; overflow:hidden} */

/* 折叠内容 */
.pro_details_tag{margin:60px auto 40px; overflow:hidden}
.pro_details_tag li{width:100%; margin-bottom:15px; overflow:hidden}
.tag_name{width:100%; height:42px; background:#EEE; cursor:pointer; position:relative}
.liNow{background:var(--i_color)!important}
.tag_tit{display:inline-block; margin-left:15px; font-size:16px; font-weight:bold; color:#444; line-height:42px}
.liNow .tag_tit{color:#FFF!important}

.tag_name i{position:absolute; top:0; left:120px; font-size:13px; line-height:42px; color:#777}
.liNow i{color:#FFF!important}

.tag_name em{display:block; position:absolute; top:50%; transform:translate(0,-50%); right:15px}
.tag_name em:before{content:"+"; font-size:21px; font-weight:bold; color:#000}
.liNow em:before{content:"-"!important; color:#FFF!important}

.tab_box{display:none; background:#EEE; padding:12px 20px}




.p_art_link{overflow:hidden}
.p_art_link dl{display:inline-block; vertical-align:top}
.p_art_link dt{float:left; margin-right:20px}
.p_art_link dt:last-child{margin-right:0}
.p_art_link a{display:block; width:130px; line-height:40px; text-align:center; font-size:18px; color:#FFF; background:var(--i_color); -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px}

.more_pro{overflow:hidden; margin:100px auto 30px; padding:15px 20px 30px; border:1px solid #DDD}
.more_pro h1{font-size:22px; color:#444; margin-bottom:26px}
.more_pro ul{padding:10px 0 6px; overflow:hidden}
.more_pro li{float:left; width:22.5%; margin-right:2%; text-align:center}
.more_pro li:last-child{margin-right:0}
.more_pro a{display:block; overflow:hidden}

.more_pro_img{width:100%; position:relative}
.more_pro_img:before{content:""; display:block; padding-bottom:60%}
.more_pro_img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:82%; max-height:86%; object-fit:cover}
.more_pro li p{max-width:100%; font-size:16px; color:#555; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}

.more_pro li:hover{-webkit-transform:translate(0,-8px); -moz-transform:translate(0,-8px); -o-transform:translate(0,-8px); -ms-transform:translate(0,-8px); transform:translate(0,-8px)}
.more_pro a:hover p{color:var(--i_color)}
.more_pro li{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease}






/* 内页 - 解决方案 */
.ny_solution{margin:46px auto 60px; overflow:hidden}
.ny_solution_tit{text-align:center; font-size:30px; color:var(--i_color); margin-bottom:40px}

.ny_solution_list{padding:10px 0 0; overflow:hidden}
.ny_solution_list li{float:left; width:23.5%; margin:0 2% 30px 0}
.ny_solution_list li:nth-child(4n){margin-right:0}
.ny_solution_list a{display:block; overflow:hidden}

.ny_solution_pic{width:100%; height:180px; overflow:hidden}
.ny_solution_pic img{width:100%; height:100%; object-fit:cover}

.ny_solution_n{background:var(--i_color); position:relative}
.ny_solution_n:before, .ny_solution_n:after{content:""; position:absolute; top:0; width:0; height:100%; background:rgba(0,0,0,.15)}
.ny_solution_n:before{left:50%}
.ny_solution_n:after{right:50%}
.ny_solution_list p{padding:0 20px; text-align:center; line-height:40px; font-size:14px; color:#FFF; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative; z-index:2}

.ny_solution_list a:hover img{-webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); transform:scale(1.1,1.1)}
.ny_solution_list a:hover .ny_solution_n:before, .ny_solution_list a:hover .ny_solution_n:after{width:50%}
.ny_solution_pic img, .ny_solution_n:before, .ny_solution_n:after{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease}






/* 内页 - 解决方案 详情页 */
.sol_cont{overflow:hidden}
.sol_text{width:50%}
.spl_pic{width:40%; height:330px; overflow:hidden}
.spl_pic img{width:100%; min-height:100%; object-fit:cover}






/* 内页 - 新闻列表 */
.ny_news_list{--a_height:150px; --img_width:18%}
.ny_news_list{overflow:hidden}
.ny_news_list li{overflow:hidden}
.ny_news_list a{display:block; padding:26px 0; overflow:hidden}

.ny_news_pic{width:var(--img_width); overflow:hidden}
.ny_news_pic img{width:100%; height:var(--a_height); object-fit:cover}

.ny_news_text{width:calc(100% - var(--img_width) - 4%); height:var(--a_height); display:flex; align-items:center}
.ny_news_text h1{font-size:18px; color:#444; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}
.ny_news_text span{display:block; margin:15px 0; font-size:13px; color:#888; line-height:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}
.ny_news_text p{font-size:12px; color:#999}

.ny_news_list li:hover{background:#F8F8F8}
.ny_news_list a:hover img{-webkit-transform:scale(1.15,1.15); -moz-transform:scale(1.15,1.15); transform:scale(1.15,1.15)}
.ny_news_list a:hover h1{color:var(--i_color)}
.ny_news_pic img{-webkit-transition:all 1.2s ease; -moz-transition:all 1.2s ease; -ms-transition:all 1.2s ease; -o-transition:all 1.2s ease; transition:all 1.2s ease}

/* 内页 - 新闻内容页 */
.ny_news_cont{margin:40px auto; overflow:hidden}

.news_art_tit{overflow:hidden; padding-bottom:40px; margin-bottom:40px; text-align:center; border-bottom:1px solid #EEE}
.news_art_tit h1{font-size:30px; color:#000; letter-spacing:1px; line-height:38px}
.news_art_tit p{font-size:14px; color:#999; margin-top:8px}
.news_art_tit i{margin-right:10px}

.news_art_cont{padding-bottom:20px; overflow:hidden}

/* 页数 */
.page-box{overflow:hidden; text-align:center; margin:48px auto 60px}
.pages{overflow:hidden; display:inline-block}
.pages a{float:left; color:#555; font-size:13px; padding:5px 10px; margin:0 6px; border:1px solid #CCC; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px}
.pages a:nth-child(1){margin-left:0!important}
.pages .on{background:var(--i_color); border:1px solid var(--i_color); color:#FFF}
.pages a:hover{background:var(--i_color); border:1px solid var(--i_color); color:#FFF}
/* 上一条 下一条 */
.tiao{width:100%; overflow:hidden; margin:65px auto 40px}
.tiao p{width:46%; line-height:40px; font-size:14px; color:#444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.tiao p a{color:var(--i_color)}
.downnew{text-align:right}






/* 内页 - 技术合作伙伴 */
.hb_cont{margin:48px auto}
.hb_tit{text-align:center; margin:0 auto 40px}
.hb_tit h1{font-size:30px; color:var(--i_color)}
.hb_tit p{font-size:15px; color:#888; margin-top:8px}

.hzhb_list{padding:10px 0 0; overflow:hidden}
.hzhb_list li{float:left; width:17.6%; margin:0 3% 32px 0; text-align:center}
.hzhb_list li:nth-child(5n){margin-right:0}
.hzhb_logo{width:100%; border:1px solid #DDD; box-sizing:border-box; position:relative}
.hzhb_logo:before{content:""; display:block; padding-bottom:40%}
.hzhb_logo img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:70%; max-height:60%}
.hzhb_list p{font-size:14px; color:#888; line-height:40px}

.hzhb_list li:hover{-webkit-transform:translate(0,-8px); -moz-transform:translate(0,-8px); -o-transform:translate(0,-8px); -ms-transform:translate(0,-8px); transform:translate(0,-8px)}
.hzhb_list li:hover p{color:var(--i_color)}
.hzhb_list li{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease}






/* 内页 - 加入我们 */
.join_cont{margin-top:calc(var(--top_h) + 40px)}

.join_tit{text-align:center; margin:0 auto 40px}
.join_tit h1{font-size:30px; color:var(--i_color); font-weight:bold}
.join_tit p{width:82%; margin:0 auto; font-size:17px; color:#888; margin-top:16px; line-height:30px}

.join_img{padding:120px 0; background:url(../images/join_bg.jpg) no-repeat center; background-attachment:fixed; background-size:cover; position:relative}
.join_img:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8)}
.join_img h1{color:#FFF; margin-bottom:30px}
.join_img p{font-size:24px; color:#FFF; line-height:38px}

/* 表单 */
.join_form{margin:40px auto 60px}
.form_tit{font-size:18px; color:#444; font-weight:bold; margin-bottom:26px; text-align:center}

.contact_form_box{width:650px; overflow:hidden; margin:0 auto}
.c_form_list{width:100%; overflow:hidden; margin-bottom:10px}
.c_form_list li{width:100%; margin:0 0 10px 0; box-sizing:border-box; border-bottom:1px solid rgba(255,255,255,.05); position:relative; background:none!important}
.c_form_list li:nth-child(2n+0){margin-right:0}
.c_form_list label{display:inline-block; height:46px; line-height:46px; font-size:14px; color:#CCC; padding-left:10px}
.c_form_list input{display:inline-block; width:68%; height:46px; line-height:46px; background:none!important; font-size:14px; color:#FFF; border:none}
/* .c_form_list li:hover{border-color:var(--i_color)} */

.checkboxes{margin-bottom:15px; text-align:center}
.checkboxes p{font-size:16px; color:#CCC; font-weight:bold; margin-bottom:8px}
.c_form_check{display:inline-block; vertical-align:top; overflow:hidden}
.checkboxes textarea{padding:10px 10px; min-width:100%; max-width:100%; height:100px; box-sizing:border-box; border:1px solid #FFF; background:none; color:#FFF}

.btn_area{text-align:center; overflow:hidden; margin-top:20px}
.btn_area dl{display:inline-block; vertical-align:top}
.btn_area dt{float:left; margin:0 4px}
.btn_area input{display:inline-block; width:125px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#FFF; background:var(--i_color); -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; cursor:pointer}
.reset{color:#FFF!important; background:#F60!important}






/* 内页 - 下载 */
.download_cont{margin:40px auto 68px; overflow:hidden}

.down_nav{text-align:center; margin-bottom:26px}
.down_nav ul{display:inline-block; vertical-align:top}
.down_nav li{float:left; margin:0 5px 10px}
.down_nav a{display:block; padding:0 22px; font-size:14px; color:#444; line-height:36px; background:#F2F2F2}
.down_nav a:hover, .down_nav_on{background:var(--i_color)!important; color:#FFF!important}

.down_list{overflow:hidden}

.down_list_tit{overflow:hidden}

.down_list_tit dt{float:left; background:#DDD; font-size:15px; color:#444; font-weight:bold; line-height:46px; text-align:center; box-sizing:border-box; border-right:2px solid #FFF; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.down_list_tit dt:nth-child(1), .down_list_row dt:nth-child(1){width:22%}
.down_list_tit dt:nth-child(2), .down_list_row dt:nth-child(2){width:43%}
.down_list_tit dt:nth-child(3), .down_list_row dt:nth-child(3){width:25%}
.down_list_tit dt:nth-child(4), .down_list_row dt:nth-child(4){width:10%}

.down_list_row dl{}
.down_list_row dt{float:left; margin-top:2px; text-align:center; box-sizing:border-box; border-right:2px solid #FFF; background:#F1F1F1}
.down_list_row dt, .down_list_row dt p, .down_list_row dt a{font-size:14px; color:#555; line-height:36px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.down_list_row dt a{display:block}
.down_list_row dt a:hover{background:var(--i_color); color:#FFF}

/* 内页 - 常见问题 */
.QA_list{--i_width:36px}
.QA_list{overflow:hidden}
.QA_list dl{margin-bottom:40px}

.QA_list dl i{float:left; display:block; width:var(--i_width); font-size:16px; color:#333; font-weight:bold}
.QA_list dt, .QA_list dd{overflow:hidden; margin-bottom:10px}
.QA_list dt h1{float:left; font-size:16px; color:#333; font-weight:bold; position:relative}

.QA_list dd article{float:left}

.QA_list dl i, .QA_list dt h1{line-height:28px}
.QA_list dt h1, .QA_list dd article{width:calc(100% - var(--i_width))}






/* 内页 - 联系我们 */
.ny_contact{height:initial!important}

.ny_contact_cont{width:100%; height:100%; background:rgba(0,0,0,.7); position:relative; z-index:99}
.ny_contact_cont .wrap{padding:calc(var(--top_h) + 65px) 0 76px 0}

.contact_text{margin-bottom:30px; text-align:center; width:100%; overflow:hidden}
.contact_text h1{font-size:32px; color:#FFF; font-weight:bold; margin-bottom:15px}
.contact_text p{font-size:20px; color:#FFF}

.ct_b{margin:15px 0}
.ct_b b{display:block; font-size:16px; color:#FFF; line-height:36px}

.contact_qr{width:100px; text-align:center; margin-top:20px}
.contact_qr img{width:100%}
.contact_qr i{display:block; font-size:12px; color:#FFF; margin-top:6px}


/* 地图 */
#allmap{margin:0; padding:0; width:60%; height:480px; font-size:12px}


/* 联系我们 - 新闻 */
.ct_news{overflow:hidden; margin:45px auto 70px; padding-bottom:20px}
.ct_news_tit{text-align:center; margin-bottom:30px}
.ct_news_tit h1{font-size:30px; color:#222; font-weight:bold}
.ct_news_tit p{font-size:12px; color:#666; text-transform:uppercase; margin-top:8px}

.ct_news_list{width:100%; overflow:hidden; margin-bottom:20px}
.ct_news_list li{float:left; width:31.5%; height:230px; margin:0 2.75% 36px 0; position:relative}
.ct_news_list li:nth-child(3n){margin-right:0}
.ct_news_list img{width:100%; height:100%; object-fit:cover}
.ct_news_list p{position:absolute; left:0; bottom:0; width:calc(100% - 30px); padding:0 15px; height:46px; line-height:46px; background:rgba(0,0,0,.75); text-align:center; font-size:14px; color:#FFF; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.ct_news_list li:hover p{background:var(--i_color)}

.ct_news_more{display:table; margin:0 auto; font-size:15px; color:#666; padding:10px 70px; border:1px solid #BBB}
.ct_news_more:hover{background:var(--i_color); color:#FFF}

/* 联系我们 - 图文 */
.ct_img{padding:90px 0; background:url(../images/ct_img.jpg) no-repeat center; background-attachment:fixed; background-size:cover; position:relative}
.ct_img:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8)}
.ct_img_tit{text-align:center}
.ct_img_tit h1{font-size:30px; color:#FFF; font-weight:bold; margin-bottom:30px}
.ct_img_tit p{width:82%; margin:0 auto; font-size:24px; color:#FFF; line-height:38px}


/* 联系我们 - 快速链接 */
.ct_add{--em_size:70px}
.ct_add{overflow:hidden; margin:50px auto 70px}
.ct_add li{float:left; width:33.3333%; text-align:center; position:relative}
.ct_add li:before{content:""; position:absolute; top:50%; transform:translate(0,-50%); right:0; width:1px; height:80%; background:rgba(0,0,0,.2)}
.ct_add li:last-child:before{display:none}
.ct_add em{display:block; margin:0 auto; width:var(--em_size); height:var(--em_size); opacity:.6; background:url(../images/c_add_ico.png) no-repeat; background-size:var(--em_size)}
.ct_add li:nth-child(1) em{background-position:0 0}
.ct_add li:nth-child(2) em{background-position:0 calc(var(--em_size) * -1)}
.ct_add li:nth-child(3) em{background-position:0 calc(var(--em_size) * -2)}
.ct_add h1{font-size:25px; color:#777; font-weight:bold; margin:16px auto}
.ct_add a{display:block; margin:0 auto; width:200px; height:38px; line-height:38px; background:rgba(0,0,0,.5); text-align:center; font-size:18px; color:#FFF}
.ct_add a:hover{background:var(--i_color); color:#FFF}

 
 
 
 
 
 /* 右侧固定qq客服 */
.side_right{position:fixed; right:0; top:50%; transform:translate(0,-50%); z-index:999999}
.side_right ul{}
.side_right li{position:relative; cursor:pointer}
.side_right a{display:block; width:48px; height:48px; background:#0673B4; display:flex; justify-content:center; align-items:center; z-index:3}

.side_right li:first-child a{padding-top:8px; -webkit-border-radius:20px 20px 0 0; -moz-border-radius:20px 20px 0 0; -o-border-radius:20px 20px 0 0; border-radius:20px 20px 0 0}
.side_right li:last-child a{padding-bottom:8px; -webkit-border-radius:0 0 20px 20px; -moz-border-radius:0 0 20px 20px; -o-border-radius:0 0 20px 20px; border-radius:0 0 20px 20px}

.side_right em{display:block; margin:0 auto; width:20px; height:20px; background:url(../images/side_ico.png) no-repeat}
.side_right li:nth-child(1) em{background-position:0 0}
.side_right li:nth-child(2) em{background-position:0 -20px}
.side_right li:nth-child(3) em{background-position:0 -40px}
.side_right li:nth-child(4) em{background-position:0 -60px}

.side_right a:hover{background:#065280}

.side_tel_box, .side_qr_box{position:absolute; box-shadow:-1px 2px 6px rgba(0,0,0,.2); display:flex; justify-content:center; align-items:center; z-index:-1}
.side_tel_box{top:0; right:-300px; width:200px; height:100%; background:#FFF}
.side_qr_box{top:50%; transform:translate(0,-50%); right:-180px; width:120px; height:120px; background:#FFF}

.side_tel_box h1{font-size:20px; color:#666}
.side_qr_box img{width:90%; height:90%}

.side_right li:hover .side_tel_box, .side_right li:hover .side_qr_box{right:48px}

.side_tel_box, .side_qr_box{-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease}




/* 新增项目报备 */
.xmbb_box{width:800px; overflow:hidden; margin:46px auto}

.xmbb_tit{margin-bottom:20px; text-align:center; font-size:30px; color:var(--i_color); font-weight:bold}

.xmbb_form_list{width:100%; overflow:hidden; margin-bottom:10px}
.xmbb_form_list li{width:100%; margin:0 0 15px 0; box-sizing:border-box; border:1px solid #CDCDCD; position:relative}
.xmbb_form_list li:nth-child(2n+0){margin-right:0}
.xmbb_form_list label{display:inline-block; height:40px; line-height:40px; font-size:14px; color:#777; padding-left:10px}
.xmbb_form_list input{display:inline-block; width:68%; height:40px; line-height:40px; background:#FFF; font-size:14px; color:#767676; border:none}
.xmbb_form_list li:hover{border-color:var(--i_color)}

.xm_checkboxes{margin-bottom:15px; text-align:center}
.xm_checkboxes p{font-size:16px; color:#000; font-weight:bold; margin-bottom:8px}
.c_form_check{display:inline-block; vertical-align:top; overflow:hidden}
.xm_checkboxes li{float:left; margin:0 20px 15px 0; overflow:hidden}
.xm_checkboxes check{display:inline-block;}
.xm_checkboxes i{display:inline-block; font-size:15px; color:#666; margin-left:5px}

.xm_checkboxes textarea{padding:5px 10px; min-width:100%; max-width:100%; min-height:100px; box-sizing:border-box; border:1px solid rgba(0,0,0,.2)}

.xm_btn_area{text-align:center; overflow:hidden; margin-top:40px}
.xm_btn_area dl{display:inline-block; vertical-align:top}
.xm_btn_area dt{float:left; margin:0 2px}
.xm_btn_area input{display:inline-block; width:125px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#FFF; background:var(--i_color); cursor:pointer}
.xm_reset{color:#FFF!important; background:#999!important}