@charset "utf-8";

body, div, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, hr, pre, code, form, fieldset, legend, button, input, textarea, p, blockquote, table, th, td{margin:0; padding:0}
body{min-width:1340px; font:normal 100% 微软雅黑, "Microsoft YaHei", 宋体, Arial, Tahoma, Helvetica, sans-serif}
button, input, textarea, select{font-size:inherit; font-weight:inherit; border:0; outline:0; resize:none}
ul, ol, li{list-style:none}
fieldset, img{border:0}
h1, h2, h3, h4, h5, h6, code, dfn, em, var, i, b{font-style:normal; font-weight:normal}
a{text-decoration:none; color:#555}
input, textarea{outline-style:none}
/* 输入框内文字 */
input::-webkit-input-placeholder{color:#848484; font-size:13px}
input::-moz-placeholder{color:#848484; font-size:13px   /* Mozilla Firefox 19+ */}
input:-moz-placeholder{color:#848484; font-size:13px    /* Mozilla Firefox 4 to 18 */}
input:-ms-input-placeholder{color:#848484; font-size:13px  /* Internet Explorer 10-11 */}
/*滚动条*/
::-webkit-scrollbar{/*滚动条整体样式*/width:8px;/*高宽分别对应横竖滚动条的尺寸*/height:8px;}
::-webkit-scrollbar-thumb{/*滚动条里面小方块*/border-radius:5px; -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); background:rgba(0,0,0,0.4);}
::-webkit-scrollbar-track{/*滚动条里面轨道*/-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); border-radius:0; background:rgba(0,0,0,0.1);}
/* 复制选中 */ 
::selection{background:#338FFF; color:#FFF}
::-moz-selection{background:#338FFF; color:#FFF}
::-webkit-selection{background:#338FFF; color:#FFF}
/* 内容居中 */
.pa_c{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)}
.pa_czc{position:absolute; top:50%; transform:translate(0,-50%)}
.pa_spc{position:absolute; left:50%; transform:translate(-50%,0)}
.flex_c{display:flex; justify-content:center; align-items:center}
.flex_czc{display:flex; align-items:center}
.flex_spc{display:flex; justify-content:center}
/* 图文 */
.row_img{width:100%; background:rgba(0,0,0,.06); overflow:hidden; position:relative}
.row_img:after{content:""; display:block; padding-bottom:80%}
.row_img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%}
.row_tit{padding:0 15px; line-height:35px; background:#DDD; font-size:13px; letter-spacing:1px; color:#555; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
/* 小字 */
.small_font{
    font-size:12px;
	display:inline-block;
    transform: scale(0.65);
    transform-origin:0 0;
    -ms-transform: scale(0.65);         /* IE 9 */
    -ms-transform-origin:0 0;       /* IE 9 */
    -webkit-transform: scale(0.65); /* Safari 和 Chrome */
    -webkit-transform-origin:0 0;   /* Safari 和 Chrome */
    -moz-transform: scale(0.65);        /* Firefox */
    -moz-transform-origin:0 0;      /* Firefox */
    -o-transform: scale(0.65);      /* Opera */
    -o-transform-origin:0 0;        /* Opera */
}

.w1200{width:1200px; margin:0 auto}
.w1300{width:1300px; margin:0 auto}
.fl{float:left}
.fr{float:right}
.pr{position:relative}
.slh{display:block; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.hdimg{image-rendering:-moz-crisp-edges; image-rendering:-o-crisp-edges; -ms-interpolation-mode:nearest-neighbor; image-rendering:-webkit-optimize-contrast; image-rendering:pixelated}
.fillet5{-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px}
.fillet50{-webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%}
.a_full{display:block; width:100%; height:100%; position:relative}
.clear{clear:both}




/* header */
#header{}

/* -------------- 导航 -------------- */
#nav{position:fixed; top:0; width:100%; height:100px; background:rgba(0,0,0,.55); z-index:999999999999999; 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;}

.top_nav{border-bottom:1px solid rgba(255,255,255,.3)}
.TTop{width:100%}
.TTop p, .top_link li a{line-height:29px; font-size:12px; color:#FFF; cursor:pointer}
.top_link li{float:left; margin-left:18px; position:relative}
.top_link li a:hover{color:#E40000}
.top_qr{opacity:0; position:absolute; left:50%; transform:translate(-50%,0); z-index:999}
.top_qr img{width:110px; height:0}
.top_link li:nth-child(3):hover .top_qr{opacity:1}
.top_link li:nth-child(3):hover .top_qr img{height:110px}
.top_qr, .top_qr img{-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;}

.logo img{height:50px; margin-top:10px}

.ulo li{float:left; line-height:70px; margin-left:65px; position:relative}
.ulo li a{display:block; font-size:15px; color:#FFF}
.nav_curr, .ulo li a:hover{color:#E40000!important}
.n_list{
	position:absolute;
	left:50%;
	width:140px;
	background:#FFF;
	box-shadow:1px 0px 5px rgba(0,0,0,0.3);
	z-index:9;
	opacity:0;
	visibility:hidden;
	-webkit-transition:all .4s ease-out;
	-ms-transition:all .4s ease-out;
	transition:all .4s ease-out;
	-webkit-transform:translate3d(-50%, 40px, 0);
	-ms-transform:translate3d(-50%, 40px, 0);
	transform:translate3d(-50%, 40px, 0);
	}
.n_list a{font-size:13px!important; color:#424a4c!important; display:block; width:100%; text-align:center; height:36px!important; line-height:36px!important; padding:0!important; border-bottom:1px solid rgba(0,0,0,.1)!important}
.ulo li:hover .n_list{opacity:1;visibility:visible; -webkit-transform:translate3d(-50%, 0, 0); -ms-transform:translate3d(-50%, 0, 0); transform:translate3d(-50%, 0, 0)}
.n_list a:hover{background:rgba(0,0,0,.08); color:#23141a!important}






/* -------------- banner -------------- */
.wrap{position:relative; width:100%; margin:0 auto}
/* 左右箭头 */
.centered-btns_nav{opacity:0; position:absolute; top:50%; transform:translate(0,-50%); z-index:2; width:36px; height:64px; font-family:"宋体"; font-size:26px; color:#FFF; background:rgba(0,0,0,.5); text-align:center; line-height:70px}
.prev{left:5%}
.next{right:5%}
.wrap:hover .centered-btns_nav{opacity:1}
.wrap:hover .prev{left:10%}
.wrap:hover .next{right:10%}
.centered-btns_nav{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}
.centered-btns_nav:hover{background:#E40000}
/* 圆点指示器 */
.centered-btns_tabs{
	text-align:center;
	font-size:0;
	list-style-type:none;
	position:absolute;
	bottom:22px;
	left:50%;
	transform:translate(-50%,0);
	z-index:999}
.centered-btns_tabs li{display:inline-block; margin:0 4px}
.centered-btns_tabs a{display:inline-block; width:12px; height:12px; background:#FFF; overflow:hidden}
.centered-btns_tabs .centered-btns_here a{background:#E40000}
/* banner图 */
.rslides{position:relative; list-style:none; overflow:hidden; width:100%; height:auto; padding:0; margin:0}
.rslides li{-webkit-backface-visibility:hidden; position:absolute; display:none; width:100%; left:0; top:0}
.rslides li:first-child{position:relative; display:block; float:left}
.rslides img{display:block; float:left; height:auto; max-height:660px; border:0}






/* content */
#content{overflow:hidden}

/* -------------- 五个优势 -------------- */
.b_five{width:100%; background:#F9F9F9; box-shadow:0 4px 8px rgba(0,0,0,0.1)}
.b_five_list{height:125px; overflow:hidden; display:flex; display:-webkit-flex; /* Safari */ justify-content:space-between; flex-wrap:wrap;}
.b_five_list dt{width:20%; height:100%; display:flex; justify-content:center; align-items:center}
.b_five_list dt em{display:block; float:left; width:50px; height:45px; margin:7px 24px 0 0}
.b_five_list dt span{float:left; font-size:18px; color:#4b4b4b; line-height:32px}
.b_five_list dt p{font-size:25px; color:#4b4b4b}
.b_five_list dt i{color:#E40000}

.b_five_list dt:nth-child(1) em{background:url(../images/b_five_icon.png) no-repeat 0 0}
.b_five_list dt:nth-child(2) em{background:url(../images/b_five_icon.png) no-repeat 0 -45px}
.b_five_list dt:nth-child(3) em{background:url(../images/b_five_icon.png) no-repeat 0 -90px}
.b_five_list dt:nth-child(4) em{background:url(../images/b_five_icon.png) no-repeat 0 -135px}
.b_five_list dt:nth-child(5) em{background:url(../images/b_five_icon.png) no-repeat 0 -180px}






/* -------------- 城市之光合肥站 -------------- */
.hf_video{margin:45px auto; overflow:hidden}
.i_tit{width:100%; margin-bottom:48px; text-align:center}
.i_tit h1{font-size:28px; color:#222; position:relative}
.i_tit em{display:block; width:40px; height:2px; background:#E40000; margin:15px auto}
.i_tit i{font-size:13px; color:#555; text-transform:uppercase}

/* 视频 */
.video_box{overflow:hidden}
.video_box dt{float:left; width:317.5px; height:181px; background:#000; margin:0 0 10px 10px; position:relative; overflow:hidden}
.video_box dt:nth-child(1){width:645px; height:372px; margin:0}
.video_box dt:nth-child(6){margin-left:0}
.video_box dt:nth-child(1) .vimg{height:372px}
.video_box dt .vimg{width:100%; height:181px; object-fit:cover;}

.vtit{position:absolute; bottom:0; left:0; width:100%; height:36px; background:rgba(0,0,0,.75)}
.vtit p{max-width:86%; font-size:15px; color:#FFF; line-height:36px; padding-left:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.videolist:hover{cursor:pointer}
.videolist:hover:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.7)}
.videoed{display:none; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:50px; height:50px; z-index:999; border-radius:100%}

.videos{display:none; border:1px solid #080808; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:9999; width:640px; height:360px}
.vclose{position:absolute; right:1%; top:1%; border-radius:100%; cursor:pointer}

/* 简介子栏目 */
.ab_sub{overflow:hidden}
.ab_sub li{width:317.5px; height:181px; float:left; margin:0 10px 10px 0; overflow:hidden; position:relative}
.ab_sub li:nth-child(4n+0){margin-right:0}
.ab_sub li img{width:100%; height:100%; object-fit:cover}
.ab_sub li em{display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.62); z-index:2}
.ab_sub_n{position:absolute; top:50%; transform:translate(0,-50%); left:0; width:100%; padding:10px 0; text-align:center; z-index:3}
.ab_sub_n:before{content:""; position:absolute; top:0; left:0; width:0; height:100%; background:rgba(228,0,0,.5); 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;}
.ab_sub_n p{font-size:18px; color:#FFF; line-height:32px}
.ab_sub_n span{font-size:12px; color:#FFF; text-transform:uppercase}
.ab_sub_n p, .ab_sub_n span{position:relative}
.ab_sub li:hover .ab_sub_n:before{width:100%;}






/* -------------- 服务项目 -------------- */
.s_items{overflow:hidden; margin-bottom:45px}
.s_items_bg{width:100%; padding:80px 0; background:url(../images/s_items_bg.jpg) no-repeat center}

/* 定义圆和分割区域 */
.yuan{width:460px; height:460px; margin:0 auto; position:relative}
.yuan:before{content:"我们的服务"; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:30px; font-weight:bold; letter-spacing:1px; color:#ff2b2b; text-shadow:4px 4px 10px rgba(0,0,0,.7)}
.yuan dt{position:absolute; 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}
.yuan dt:nth-child(1), .yuan dt:nth-child(4){width:227px; height:201px}
.yuan dt:nth-child(2), .yuan dt:nth-child(5){width:229px; height:163px}
.yuan dt:nth-child(3), .yuan dt:nth-child(6){width:106px; height:254px}

/* 每个分割区域的位置及背景图 */
.yuan dt:nth-child(1){top:28px; left:0; background:url(../images/yuan_b1.png) no-repeat; z-index:9}
.yuan dt:nth-child(2){top:0; left:122px; background:url(../images/yuan_b2.png) no-repeat; z-index:8}
.yuan dt:nth-child(3){top:36px; right:0; background:url(../images/yuan_b3.png) no-repeat; z-index:7}
.yuan dt:nth-child(4){bottom:29px; right:0; background:url(../images/yuan_b4.png) no-repeat; z-index:6}
.yuan dt:nth-child(5){bottom:0; left:110px; background:url(../images/yuan_b5.png) no-repeat; z-index:5}
.yuan dt:nth-child(6){bottom:36px; left:0; background:url(../images/yuan_b6.png) no-repeat; z-index:4}

/* 每个文本位置及箭头背景图 */
.yuan_wz{position:absolute}
.yuan dt:nth-child(1) .yuan_wz{top:-20px; left:-275px; width:344px; height:110px; background:url(../images/yuan_jt1.png) no-repeat left bottom}
.yuan dt:nth-child(2) .yuan_wz{top:-40px; right:-225px; width:324px; height:86px; background:url(../images/yuan_jt2.png) no-repeat right bottom}
.yuan dt:nth-child(3) .yuan_wz{top:60px; right:-270px; width:324px; height:86px; background:url(../images/yuan_jt2.png) no-repeat right bottom}
.yuan dt:nth-child(4) .yuan_wz{top:98px; right:-255px; width:332px; height:56px; background:url(../images/yuan_jt3.png) no-repeat right bottom}
.yuan dt:nth-child(5) .yuan_wz{top:135px; left:-275px; width:346px; height:56px; background:url(../images/yuan_jt4.png) no-repeat left bottom}
.yuan dt:nth-child(6) .yuan_wz{top:135px; left:-290px; width:346px; height:56px; background:url(../images/yuan_jt4.png) no-repeat left bottom}

/* 文字 */
.yuan_wz h6{display:block;  max-width:60%; font-size:12px; color:#FFF; line-height:20px; padding-left:58px; position:relative}
.yuan_wz h6:before, .yuan_wz h6:after{content:""; position:absolute; }
.yuan_wz h6:before{
	top:0;
	left:0;
	width:35px;
	height:35px;
	background:rgba(255,255,255,.5);
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
	z-index:2;
	}
.yuan_wz h6:after{
	top:12px;
	left:15px;
	width:0;
	height:0;
	border-top:6px solid transparent;
	border-bottom:6px solid transparent;
	border-left:9px solid rgba(0,0,0,.7);
	z-index:3;
	}
.yuan dt:nth-child(1) h6, .yuan dt:nth-child(5) h6, .yuan dt:nth-child(6) h6{float:left}
.yuan dt:nth-child(2) h6, .yuan dt:nth-child(3) h6, .yuan dt:nth-child(4) h6{float:right}
.yuan dt:nth-child(5) h6{max-width:50%}

/* 触碰改变分割区域位置 */
.yuan dt:nth-child(1):hover{left:-20px; background:url(../images/yuan_b1_h.png) no-repeat}
.yuan dt:nth-child(2):hover{top:-15px; left:112px; background:url(../images/yuan_b2_h.png) no-repeat}
.yuan dt:nth-child(3):hover{top:13px; right:-13px; background:url(../images/yuan_b3_h.png) no-repeat}
.yuan dt:nth-child(4):hover{bottom:26px; right:-20px; background:url(../images/yuan_b4_h.png) no-repeat}
.yuan dt:nth-child(5):hover{left:122px; bottom:-20px; background:url(../images/yuan_b5_h.png) no-repeat}
.yuan dt:nth-child(6):hover{left:-10px; bottom:16px; background:url(../images/yuan_b6_h.png) no-repeat}

/* 触碰改变文字前的箭头颜色 */
.yuan dt:nth-child(1):hover .yuan_wz h6:before{background:#FA782C}
.yuan dt:nth-child(2):hover .yuan_wz h6:before{background:#CD0067}
.yuan dt:nth-child(3):hover .yuan_wz h6:before{background:#008001}
.yuan dt:nth-child(4):hover .yuan_wz h6:before{background:#E40203}
.yuan dt:nth-child(5):hover .yuan_wz h6:before{background:#002444}
.yuan dt:nth-child(6):hover .yuan_wz h6:before{background:#3279D9}
.yuan dt:hover .yuan_wz h6:after{border-left:9px solid #FFF;}






/* -------------- 我们的优势 -------------- */
.my_ys{margin-bottom:15px}
.my_ys .i_tit{margin-bottom:20px}
.ys_list{overflow:hidden; padding-top:18px}
.ys_list li{float:left; margin-right:3.126%; width:16.5%; height:290px; overflow:hidden; position:relative}
.ys_list li:last-child{margin-right:0}
.ys_icon{width:100%; height:150px; position:relative}
.ys_icon em{display:block; width:65px; height:65px}

.ys_list li:nth-child(1) .ys_icon{background:#97BEE5}
.ys_list li:nth-child(2) .ys_icon{background:#F7974E}
.ys_list li:nth-child(3) .ys_icon{background:#F88693}
.ys_list li:nth-child(4) .ys_icon{background:#73D6E8}
.ys_list li:nth-child(5) .ys_icon{background:#BCA9E8}
.ys_list li:nth-child(1) em{background:url(../images/ys_icon.png) no-repeat 0 0}
.ys_list li:nth-child(2) em{background:url(../images/ys_icon.png) no-repeat 0 -65px}
.ys_list li:nth-child(3) em{background:url(../images/ys_icon.png) no-repeat 0 -130px}
.ys_list li:nth-child(4) em{background:url(../images/ys_icon.png) no-repeat 0 -195px}
.ys_list li:nth-child(5) em{background:url(../images/ys_icon.png) no-repeat 0 -260px}

.ys_list li p{width:100%; line-height:36px; background:#e5e5e5; font-size:16px; color:#5d5d5d; text-align:center}
.ys_wz{position:absolute; top:210px; left:0; opacity:0; width:100%; font-size:13px; color:#505050; line-height:25px}
.ys_list li:hover{transform:translate(0,-15px); -webkit-transform:translate(0,-15px); -moz-transform:translate(0,-15px); -o-transform:translate(0,-15px); -ms-transform:translate(0,-15px)}
.ys_list li:hover .ys_wz{top:194px; opacity:1}
.ys_list li, .ys_wz{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}






/* -------------- 客户案例 -------------- */
.kh_case{overflow:hidden; margin-bottom:45px}
.case_box{padding:55px 0 40px; width:100%; background:url(../images/case_bg.jpg) no-repeat center; background-attachment:fixed; background-size:cover; position:relative}
.case_box:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.6)}
.i_case_list{overflow:hidden; padding-top:10px}
.i_case_list dt{float:left; width:23%; margin:0 2.665% 30px 0; 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_case_list dt:nth-child(4n+0){margin-right:0}

.i_case_list a{height:initial!important}

.i_case_pic{width:100%; height:210px}
.i_case_pic img{width:100%; height:100%; object-fit:cover}
.i_case_tit{position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,.5); font-size:13px; color:#FFF; text-align:center; line-height:36px;}
.i_case_list dt:hover{transform:translate(0,-8px); -webkit-transform:translate(0,-8px); -moz-transform:translate(0,-8px); -o-transform:translate(0,-8px); -ms-transform:translate(0,-8px)}
.i_case_list dt:hover .i_case_tit{background:rgba(228,0,0,.8)}






/* -------------- 最新资讯 -------------- */
.i_news{overflow:hidden; margin-bottom:78px}

.tabnews{margin-top:25px}
.tb_t{text-align:center; border-bottom:1px solid #E5E5E5; margin-bottom:50px}
#news_tabtit{overflow:hidden}
#news_tabtit li{float:left}
#news_tabtit li a{display:block; width:170px; line-height:42px; background:#F2F2F2; font-size:15px; color:#363636; cursor:pointer}
.newselected{color:#FFF!important; background:#E40000!important}

#menu_con{width:70%; overflow:hidden}
.tag{display:none}
.i_n_row{overflow:hidden; margin-bottom:22px}
.tag .i_n_row:last-child{margin-bottom:0}
.i_n_pic, .i_n_cont{height:135px}
.i_n_pic{width:26%}
.i_n_pic img{width:100%; height:100%; object-fit:cover}
.i_n_cont{width:71%; position:relative}
.i_n_cont b{font-size:16px; color:#E40000; font-weight:bold}
.i_n_cont p{height:50px; overflow:hidden; font-size:14px; color:#9a9a9a; line-height:25px; margin-top:10px}
.i_n_cont i{display:block; position:absolute; bottom:0; right:0; width:145px; line-height:36px; background:#F2F2F2; text-align:center; font-size:14px; color:#505050}
.i_n_cont i:hover{color:#FFF; background:#E40000}
.i_n_cont b:hover{color:#E40000}

/* 最新项目 */
.zxxm{width:24%}
.zxxm img{width:100%}
.zxxm_t{line-height:39px; padding-left:18px; background:#EDEDED; font-size:15px; font-weight:bold; color:#4d4d4d}
.zxxm_border{padding:17px 18px 14px; border:1px solid #E5E5E5; border-top:none;}
.gd_xm li p{font-size:13px; color:#777; line-height:28px; position:relative; padding-left:14px; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.gd_xm li p:before{content:""; display:block; position:absolute; top:50%; transform:translate(0,-50%); left:0; width:6px; height:6px; background:#ec7373}





/* -------------- footer -------------- */
#footer{width:100%; overflow:hidden; padding:40px 0 20px; background:#323232}

.f_cont{overflow:hidden}
.f_lx{overflow:hidden}
.f_tel{padding-left:60px; margin-bottom:28px; background:url(../images/f_tel_icon.png) no-repeat left center}
.f_tel p{font-size:26px; font-weight:bold; color:#E40000}
.f_tel i{font-size:12px; color:#B2B2B2}
.qq_row{margin-bottom:12px; overflow:hidden}
.qq_row a{display:block; float:left; width:85px; height:28px; margin-right:10px; background:url(../images/f_qq_icon.png) no-repeat}
.qq_row b{float:left; font-size:13px; color:#B2B2B2; line-height:28px}

.f_qr{padding:0 55px 25px 55px; margin-left:50px; border-left:1px solid rgba(255,255,255,.1); border-right:1px solid rgba(255,255,255,.1)}
.f_qr img{max-width:130px; float:left}
.f_qr p{float:left; font-size:14px; line-height:30px; color:#FFF; margin:55px 0 0 15px}

.f_nav{overflow:hidden}
.f_nav dl{float:left; margin-left:46px}
.f_nav dl:first-child{margin-left:0}
.f_nav dt{margin-bottom:12px; position:relative}
.f_nav dt a{font-size:13px; color:#FFF}
.f_nav dd a{font-size:12px; color:#B2B2B2; line-height:24px}
.f_nav dd a:hover{text-decoration:underline}

.f_info{text-align:center; margin:20px auto}
.f_info p{font-size:12px; line-height:24px; color:#B2B2B2}
.f_info a{color:#B2B2B2}
.f_info a:hover{text-decoration:underline}

.f_link{width:100%; overflow:hidden; padding-top:18px; border-top:1px solid rgba(255,255,255,.1)}
.f_link dl{overflow:hidden}
.f_link dd, .f_link dt{float:left}
.f_link dt{position:relative; padding-right:15px; margin-right:9px}
.f_link dt:before{content:"|"; position:absolute; top:3px; right:0; font-size:12px; color:#666}
.f_link dd, .f_link dt a{font-size:12px; color:#B2B2B2; line-height:23px}
.f_link dt a:hover{text-decoration:underline}
.f_link dt:last-child:before{display:none}









/* -------------- 内页 -------------- */
.ny_banner{width:100%; overflow:hidden; position:relative}
.ny_banner img{width:100%; height:660px; object-fit:cover}

#ny_content{margin:55px auto; overflow:hidden}

/* 内页左侧 */
.ny_left{float:left; width:16%; overflow:hidden}

/* 左侧二级菜单 */
.nl_nav{overflow:hidden; padding-bottom:15px; margin-bottom:35px}
.nl_nav dt{width:100%; position:relative}
.nl_nav dt:before{
	content:"";
	position:absolute;
	bottom:-16px;
	left:0;
	width:0;
	height:0;
	border-left:20px solid transparent;
	border-top:16px solid #7C0505;
	}
.nl_nav dt h1{text-align:center; height:50px; line-height:50px; background:#E40000; font-size:22px; color:#FFF}
.nl_nav dd{width:calc(100% - 40px); margin:0 auto; text-align:center; background:rgba(0,0,0,.06)}
.nl_nav dd a{display:block; font-size:16px; color:#555; line-height:40px; border-bottom:1px solid rgba(0,0,0,.1)}
.nl_nav dd:last-child{padding-bottom:20px; box-shadow:7px 7px 10px rgba(0,0,0,.2)}
.nl_nav_curr, .nl_nav dd a:hover{background:rgba(0,0,0,.08)}

/* 内页左侧 小栏目 */
.nl_sub{overflow:hidden; margin-bottom:38px}
.nl_sub_tit{padding-left:20px; margin-bottom:18px; font-size:16px; font-weight:bold; color:#333; position:relative}
.nl_sub_tit:before{content:""; position:absolute; left:0; top:50%; transform:translate(0,-50%); width:8px; height:8px; background:#E40000}

/* 内页左侧 项目案例 */
.nl_case{overflow:hidden}
.nl_case li{margin-bottom:20px}
.nl_case_pic{width:100%; position:relative}
.nl_case_pic:before{content:""; display:block; padding-bottom:60%}
.nl_case_pic img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:auto; height:auto; max-width:100%; max-height:100%}
.nl_case b{display:block; line-height:30px; font-size:14px; color:#777}
.nl_case li:last-child{margin-bottom:0}

/* 内页左侧 行业资讯 */
.nl_news{overflow:hidden}
.nl_news li{border-bottom:1px solid #E1E1E1}
.nl_news li a{display:block; max-width:100%; font-size:12px; color:#666; line-height:32px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.nl_news li a:hover{color:#E40000}


/* 内页右侧 */
.ny_right{float:right; width:80%; overflow:hidden}

/* 关于我们 */
/* 简介文字 */
.ab_text{}
.ab_text h1{text-align:center; font-size:24px; font-weight:bold; color:#222; margin-bottom:45px; position:relative}
.ab_text h1:before{content:""; position:absolute; left:50%; transform:translate(-50%,0); bottom:-25px; width:56px; height:3px; background:#E40000}
.ab_text span{font-size:15px; color:#888; line-height:26px;}

/* 4个子栏目 */
.zjgs_nav{overflow:hidden; margin:55px auto; display:flex; display:-webkit-flex; /* Safari */ justify-content:space-between; flex-wrap:wrap;}
.zjgs_nav dt{width:23%; height:296px; position:relative}
.zjgs_nav dt:before{content:""; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:rgba(228,0,0,.8); opacity:0}
.zjgs_nav dt a{display:block; width:100%; height:100%; position:relative}
.zjgs_nav dt ._txt{position:absolute; left:12%; top:8%;}
.zjgs_nav dt ._txt p{font-size:20px; color:#FFF; font-weight:bold}
.zjgs_nav dt ._txt em{display:block; margin:20px 0; width:40px; height:1px; background:#E40000; 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;}
.zjgs_nav dt ._txt i{font-size:13px; color:#FFF; padding-right:12%; line-height:21px; display:none}
.zjgs_nav dt:hover:before{opacity:1!important}
.zjgs_nav dt:hover ._txt em{width:80px; background:#FFF; 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;}
.zjgs_nav dt:hover ._txt i{display:block}
.zjgs_nav dt:nth-child(1){background:url(../images/zjgs_nav_bj1.jpg) no-repeat}
.zjgs_nav dt:nth-child(2){background:url(../images/zjgs_nav_bj2.jpg) no-repeat}
.zjgs_nav dt:nth-child(3){background:url(../images/zjgs_nav_bj3.jpg) no-repeat}
.zjgs_nav dt:nth-child(4){background:url(../images/zjgs_nav_bj4.jpg) no-repeat}

.ab_bg{width:100%; height:380px; background:url(../images/ab_bg.jpg) no-repeat center; background-attachment:fixed; background-size:cover; position:relative}
.ab_bg:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.3)}
.ab_bg p{position:absolute; top:50%; transform:translate(0,-50%); right:10%; font-size:24px; color:#FFF; line-height:42px}

.ab_bghj{overflow:hidden; margin:45px auto; position:relative}

.ab_bghj_tit{overflow:hidden; margin-bottom:25px}
.ab_bghj_tit p{font-size:22px; float:left; font-weight:bold; color:#444; line-height:30px; margin-right:10px}
.ab_bghj_tit en{display:block; float:left; height:26px; font-size:15px; color:#777; border-bottom:2px solid #E40000; text-transform:uppercase}

/* 办公环境 */
.picScroll-left{width:100%; position:relative;}
.picScroll-left .hd .prev{left:0}
.picScroll-left .hd .next{right:0}
/* 左右箭头 */
.hj_gd .hd{display:block; width:95px; height:22px; position:absolute; top:-50px; right:0; overflow:hidden}
.hj_gd .hd .prev, .hj_gd .hd .next{
	display:block;
	position:absolute;
	top:0;
	cursor:pointer;
	width:45px;
	height:100%;
	font-family:"宋体";
	font-size:15px;
	line-height:22px;
	color:#FFF;
	text-align:center;
	background:rgba(0,0,0,.3);
	z-index:999
	}
.hj_gd .hd .prev:hover, .hj_gd .hd .next:hover{background:#E40000}
/* 滚动列表 */
.hj_gd .bd{width:100%; overflow:hidden}
.hj_list{overflow:hidden}
.hj_list li{width:241px; margin-right:25px; float:left; overflow:hidden; text-align:center;}
.hj_list li img{width:100%; height:180px}
.hj_list li p{overflow:hidden; height:35px; line-height:35px; font-size:14px; color:#484848; white-space:nowrap; text-overflow:ellipsis}
.hj_list li:hover img{opacity:.8}
.hj_list li:hover p{color:#E40000}

/* 内页-新闻列表 */
.ny_news{overflow:hidden}
.ny_news dt{margin-bottom:35px; overflow:hidden}
.ny_news_time{width:50px; height:50px; text-align:center; background:#E40000}
.ny_news_time p{font-size:12px; color:#FFF; margin:8px 0 2px}
.ny_news_time b{font-size:14px; color:#FFF}
.ny_news_pic{width:268px; height:180px; overflow:hidden}
.ny_news_pic img{width:100%; height:100%; object-fit:cover}
.ny_news_text{width:680px}
.ny_news_text p{max-width:100%; font-size:17px; color:#555; margin:22px 0 18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.ny_news_text h6{font-size:13px; color:#666; line-height:28px; margin-bottom:15px}
.ny_news_text b{font-size:13px; color:#888}
.ny_news dt 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 dt a:hover .ny_news_text p, .ny_news dt a:hover .ny_news_text b{color:#E40000}
.ny_news_pic img{-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;}


/* 页数 */
.page-box{overflow:hidden; margin:35px auto}
.pages{overflow:hidden; display:inline-block}
.pages a{float:left; color:#555; font-size:13px; padding:5px 15px; margin:0 6px; border:1px solid #CCC; }
.pages a:nth-child(1){margin-left:0!important}
.pages .on{background:#E40000; border:1px solid #E40000; color:#FFF}
.pages a:hover{background:#E40000; border:1px solid #E40000; color:#FFF}

/* 新闻内容页 */
.news_artbt{margin-bottom:26px; padding-bottom:20px; border-bottom:1px dashed #bbb}
.news_title{font-size:22px; font-weight:bold; color:#E40000; text-align:center}
.news_info{text-align:center}
.news_info stong{font-size:13px; color:#666; line-height:35px}

.tiao{width:100%; margin:45px auto 25px}
.tiao p{width:46%; line-height:40px; font-size:14px; color:#444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.tiao p a{color:#E40000}
.downnew{text-align:right}

/* 内页-服务项目 */
.i_project{overflow:hidden}
.i_project li{width:100%; overflow:hidden}
.i_project li:nth-child(1){background:#F57D1F; padding-top:100px}
.i_project li:nth-child(2){background:#5b9aba}
.i_project li:nth-child(3){background:#8e76a5}
.i_project li:nth-child(4){background:#ca846b}
.i_project li:nth-child(5){background:#01C38F}
.i_project li:nth-child(6){background:#8e7274}

.pj_left, .pj_right{width:46%; height:480px; display:flex; align-items:center; position:relative}
.pj_left{float:left}
.pj_right{float:right}

.pj_pic{width:100%}
.pj_pic img{max-width:100%}
.pj_pic_d{position:absolute; bottom:0}

.pj_text h1{font-size:45px; color:#FFF; letter-spacing:3px}
.pj_text h3{font-size:30px; color:rgba(255,255,255,.5); text-transform:uppercase; margin:10px 0 18px}
.pj_text h6{font-size:17px; color:#FFF; line-height:30px; margin-bottom:24px}
.pj_xq{display:block; width:125px; height:35px; line-height:35px; text-align:center; font-size:15px; color:#FFF; border:1px solid #FFF; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px}
.pj_xq:hover{box-shadow:1px 1px 10px rgba(0,0,0,0.3)}











/* 内页-项目案例 */
.ny_pic_header{margin-bottom:45px}
.ny_pic_header h1{font-size:30px; padding-left:25px; position:relative}
.ny_pic_header h1:before{content:""; position:absolute; top:50%; transform:translate(0,-50%); left:0; width:3px; height:69%; background:#E40000}
.ny_pic_header i{color:#E40000}
.ny_pic_header b{margin-left:20px; font-size:26px; color:#BBB; text-transform:uppercase}
.ny_pic_header span{display:block; width:65%; font-size:13px; color:#999; line-height:24px; margin-top:18px}

.ny_case{overflow:hidden}
.ny_case dt{width:22.9%; background:#f5f6f8; float:left; margin:0 2.8% 20px 0; padding-bottom:5px}
.ny_case dt:nth-child(4n+0){margin-right:0}
.ny_case dt a{display:block; width:95%; margin:0 auto; padding-top:8px; position:relative}
.ny_case_pic{width:100%; overflow:hidden; position:relative}
.ny_case_pic:before{content:""; display:block; padding-bottom:75%}
.ny_case_pic img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:auto; height:auto; max-width:100%; max-height:100%}
.ny_case dt p{max-width:100%; height:36px; text-align:center; line-height:36px; font-size:14px; color:#555; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.ny_case dt:hover{background:rgba(228,0,0,1)}
.ny_case dt:hover p{color:#FFF}


.dockCon a:link,.dockCon a:visited { color: #fff;}
.dockCon a:active, .dockCon a:hover { color: #fff; }
.dock { position: fixed; width: 58px; bottom: 5%; right: 0px; z-index: 1000; }
.dockCon li{ height: 58px; line-height: 44px; display: block; width: 58px; margin-bottom: 3px; position: relative;}
.dockCon .item-con{ left: 0%; position: absolute;}
.dockCon a{ background-color: #333333; display: block; height: 58px;}
.dockCon i { width: 58px; height: 58px; display: block; float: left; background-position: center center; background-size: cover; background-repeat: no-repeat; position: relative; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.dockCon .num1{ background: url(../images/num.png) no-repeat; width: 30px; height: 30px; position: absolute; left: -15px; top: -10px;}
.dockCon .i2 { background-image: url(../images/dock_2.png); }
.dockCon .i3 { background-image: url(../images/dock_3.png); }
.dockCon .i4 { background-image: url(../images/dock_4.png); }
.dockCon .i5 { background-image: url(../images/dock_5.png); }
.dockCon a .txt{ float: left; display: block; font-size: 20px; border-left: 2px solid #fff; padding-left: 10px; height: 44px; margin: 7px 0px 0px 0px;}
.qqD,.zxD,.telD{ width: 162px;}
.telD{ width: 200px;}
.ermD{ position: relative; width: 58px; height: 58px;}
.ermD .ermbox{ position: absolute; right: 100%; top: 50%; margin-top: -70px; padding: 10px; background-color: #fff; width: 120px; height: 120px; display: none; }
.ermD .ermbox img{ width: 100%; display: block;}
.ermD:hover .ermbox{ display: block; }
.dockCon .con { background-color: #fff; color: #b4b4b4; position: absolute; right: 0px; display: none; z-index: -1; }
.backTop .it{ background: url(../images/dock_11.png) no-repeat scroll center top; width: 100%; height: 11px; position: absolute; left: 0px; top: -11px;}
.dockCon a.telD .txt{ font-size: 16px;}
.dockCon li.first{ margin-bottom: 0px; text-align: center; line-height: 1.2;}
.dockCon li.first a{ width: 100%; padding: 12px 0px 0px; height: 46px;}
.dockCon li.first a .i1{ background: url(../images/dock_1.png) no-repeat scroll center bottom; padding-bottom: 20px; display: block;}
.dockCon li:hover a { background-color: #b53146;}
.dockCon li:hover a .it{ background-image: url(../images/dock_13.png);}
.dockCon li .item-first{ left: -104px; position: absolute;}
.dockCon li .item-first a { background-color: #b53146;}