/*===================================公共样式======================================== */
*{padding:0px;margin:0px;font-family:"微软雅黑";font-size:100%; font-style:normal}
dd,dl,dt,em,i,p,textarea,a,div{padding:0px;margin:0px;}
a{text-decoration:none;}
img{border:0px;}
ul,li{padding:0px;margin:0px;list-style:none;}
.fl{ float:left}
.fr{ float:right}
body{margin:0px; padding:0px; color:#000; background:url(http://images.itcpn.net/afocus/wap/images/bj.png) #fff; }
a{
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
}
input:focus{ outline:none } 
.none{ display:none; }


/*头*/
.head{ width:640px; margin:0px auto; height:119px; border-bottom:1px #272726 solid; background:#181a1a; display:flex; justify-content:space-between; align-items:center}
.head h1{ padding-left:23px;}
.head div{ padding-right:23px; color:#fff; font-size:18px; text-align:right}

/*尾*/
.fot{ width:640px; height:135px; background:#212527; margin:0px auto; position:fixed; left:0; right:0; bottom:0; z-index:650}
.fot ul{ width:100%;display:flex; justify-content:center;align-items:center; height:135px}
.fot li { width:25%; position:relative; b}

.fot li img{ display:block; margin:0px auto; }
.fot li span{ color:#73777a; font-size:14px; text-align:center; display:block; font-weight:bold}


/*首页 焦点图*/
.index-focus {  width:640px; height:420px; background:#121211; position:relative; overflow:hidden; padding-top:17px; margin:0px auto}
.js-index-focus{ width:640px; height:395px; margin:0px auto; position:relative;}
.index-focus-item { width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:0; background:#fff;}
.index-focus-item img { width:640px; display:block; height:395px;}
.index-focus-photo-hide { visibility:hidden;}
/*数字*/
.console-dot { text-align:center; position:absolute; width:100%; left:0; bottom:8px; z-index:13; height:10px;  display:flex;align-items:center; justify-content:center}
.console-dot em { display:inline-block; width:10px; height:10px; overflow:hidden; background: #fff; text-indent:-9999em; overflow:hidden; -webkit-border-radius:25em;
    -moz-border-radius:25em;
    border-radius:25em; margin:0 5px;}
.console-dot .current {width:45px; height:10px; background:#fff; -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;}

/*左右箭头*/
.js-focus-prev,.js-focus-next { width:22px; height:36px; position:absolute; top:45%; margin-top: -10px; z-index:13; filter:alpha(opacity:70);opacity:0.7}
.js-focus-prev { left:5%; }
.js-focus-next { right:5%;}




/*首页焦图*/

.img_focus{width:640px; height:420px; background:#121211; position:relative; overflow:hidden; padding-top:17px; margin:0px auto}
.img_focus .adImg .pic{width:100%;height:395px;}
.img_focus .adImg .index-focus-item{float:left;width:640px; position:relative}
.img_focus .adImg .index-focus-item img{ width:100%; height:395px;}

.img_mornitor{position:absolute;bottom:0px;width:100%; display:flex;align-items:center; justify-content:center;overflow:hidden; z-index:50;  height:23px; }
.img_mornitor ol li{float:left; background:#fff;width:10px;height:10px;text-indent:-9999px;cursor:pointer; margin:0px 5px;-webkit-border-radius:25em;
    -moz-border-radius:25em;
    border-radius:25em;}
.img_mornitor ol li.on{background:#fff;width:45px; height:10px; }









/*首页 视点图片*/
.tel_sid{ width:600px; height:50px; display:flex; justify-content:space-between; align-items:center; margin:0px auto; padding:0px 20px; font-size:22px; color:#54575a; padding:24px 0px 10px 0px }
.tel_sid div img{ margin-left:10px;}
.tel_sid div a{ display:block; font-weight:bold; color:#54575a; }

.sidan_cen{ width:640px; margin:0px auto;background:rgba(222,222,222,0.5); height:340px; overflow:hidden}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.25;cursor:auto;pointer-events:none}

/*首页 视点图片*/
.sidan_cen .swiper-container {
	width: 100%; height:100%
}


.sidan_cen .swiper-slide {
	width:500px; height:260px;  
	text-align: center;
	font-size: 18px; margin:40px auto 0px auto;color:#54575a; overflow:hidden; position:relative; 
	
}
.sidan_cen .swiper-slide em{width:500px; height:260px; text-align:center; overflow:hidden;  display:block; margin:0px auto;display:flex; justify-content:center; align-items:fles-start;}
.sidan_cen .swiper-slide em img{width:500px;}
.sidan_cen .swiper-slide b{ width:500px; display:block; font-size:22px; line-height:35px;  height:35px; overflow:hidden;color:#000; position:absolute; left:0px; right:0; margin:0px auto; bottom:0;background:rgba(255,255,255,0.6); font-weight:normal}
.sidan_cen .swiper-slide cite{display:block; font-size:18px; line-height:30px; height:0px; overflow:hidden; color:#8b8e91; padding:0px 30px; display:none}
.sidan_cen .swiper-slide a{ color:#000}


.sidan_cen .swiper-button-next,.sidan_cen .swiper-button-prev{background:rgba(85,85,85,0.6); height:340px; display:flex; justify-content:center; align-items:center; width:26px;}
.sidan_cen .swiper-button-prev{ right:0px; }


/*经典案例*/
.jind_cen{ width:600px; margin:0px auto;background:rgba(222,222,222,0.5); padding:0px 20px; overflow:hidden; margin-bottom:135px;}

.jind_cen li{ background:#fff; height:190px; margin:33px 0px;display:flex; justify-content:space-between;}
.jind_cen li em{ width:278px; height:190px; display:flex; justify-content:center; align-items:center;}
.jind_cen li em img{ max-height:190px; max-width:278px;}
.jind_cen li p{ background:url(http://images.itcpn.net/afocus/wap/images/1.png) no-repet; width:300px; padding:8px 0px; font-size:19px; line-height:26px;}
.jind_cen li p b{ font-size:22px; display:block; line-height:28px; padding-bottom:8px;}


/*经典案例*/
.body_fot{padding-bottom:145px;}
.jind_cenN{ width:610px; margin:0px auto;background:rgba(222,222,222,0.5); padding:15px 15px 0px 15px; overflow:hidden;   }
.jsd_fot{ padding-top:0px; overflow:hidden}

.grid{width:610px;height:190px;background:#fff;font-size:12px;color:#54575a; margin-bottom:15px; position:relative}
.grid .imgholder{ width:280px; height:190px; display:flex; justify-content:center; align-items:center; float:left}
.grid .imgholder img{max-height:190px; width:280px;}
.grid a{color:#54575a;}

.grid strong{display:block;font-size:24px; float:right; width:290px;margin-right:20px; height:30px; line-height:30px; overflow:hidden; padding:7px 0px 3px 0px;}
.grid p{background:url(http://images.itcpn.net/afocus/wap/images/1.png) no-repeat;font-size:18px; float:right; width:290px; margin-right:20px; line-height:25px; height:100px; overflow:hidden; margin-top:5px;}

.grid .meta{ width:95px; height:25px; border:2px #383838 solid;-webkit-border-radius:3em;
    -moz-border-radius:3em;
    border-radius:3em; font-size:18px; line-height:25px; text-align:center; color:#9C3; position:absolute; right:20px; bottom:5px;}
.grid .meta a{ color:#54575a; text-decoration:none; display:block}

.jiaxia{ width:100%; height:40px; line-height:40px; text-align:center; font-size:18px; color:#000; }

.jiaxia  .loading {
	display: inline-block;
	height: 15px;
	width: 15px;
	border-radius: 100%;
	margin: 6px;
	border: 2px solid #666;
	border-bottom-color: transparent;
	vertical-align: middle;
	-webkit-animation: rotate .75s linear infinite;
	animation: rotate .75s linear infinite; margin-right:15px;
}

@-webkit-keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg)
	}
	50% {
		-webkit-transform: rotate(180deg)
	}
	100% {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes rotate {
	0% {
		transform: rotate(0deg)
	}
	50% {
		transform: rotate(180deg)
	}
	100% {
		transform: rotate(360deg)
	}
}


/*列表页*/
.lynr_cen{ width:640px; padding-bottom:135px; margin:20px auto ; overflow:hidden;}
.lynr_cen li{ width:280px; margin:10px 20px; background:#fff; float:left;}
.lynr_cen li em{ width:100%; max-height:186px;display:flex; justify-content:center; align-items:center }
.lynr_cen li em img{ width:100%; height:186px;}
.lynr_cen li b{ display:block; font-size:24px; line-height:38px;padding:2px 8px; height:32px; overflow:hidden; }
.lynr_cen li cite{  display:block; font-size:18px; line-height:25px; height:50px; overflow:hidden;padding:4px 8px 0px 8px}
.lynr_cen li  a{ color:#000}





/*内容页*/
.nry_content{ width:580px; margin:20px auto 160px auto; height:100%;background:rgba(235,235,235,0.7);font-size:22px; line-height:36px; color:#54575a; padding:0px 15px 15px 15px;}
.nry_content img{ max-width:100%;}

/*公司介绍*/
.gsjs_nr{width:540px; margin:20px auto 160px auto; height:100%;background:rgba(235,235,235,0.7); padding:0px 30px 30px 30px; font-size:22px; line-height:36px; color:#54575a }


.gsjs_nr h1{  font-size:30px; border-bottom:5px #fabf3e solid;  width:100%; margin:0px auto 20px auto; padding:30px 0px 10px 0px}
.gsjs_nr b{ display:block; margin-top:20px;}
.gsjs_nr p{ text-indent:2em; padding:5px 0px;}
.gsjs_nr img{ max-width:100%;}

/*管理团队*/
.gltdns_ed{width:100%;overflow:hidden;}
.gltdns_ed li{width:106px;margin:10px 6px 0px 6px;float:left;border:2px #fff solid;display:inline;}
.gltdns_ed li img{display:block}
.gltdns_ed li.hover{border:2px #d40008 solid} 
.gltdjoa{width:100%;line-height:20px;padding-top:5px;font-size:18px; line-height:34px; }
.gltdjoa b{ margin-top:5px;}
.gltdjoa p{padding-bottom:10px;}

.marT{ margin-top:10px;}





/*荣誉*/
.nry_ronyu{width:540px; margin:20px auto 160px auto; height:100%;background:rgba(235,235,235,0.7); padding:0px 30px 30px 30px; font-size:22px; line-height:36px; color:#54575a}
.nry_ronyu h1{   font-size:30px; border-bottom:5px #fabf3e solid;  width:100%; margin:0px auto 5px auto; padding:30px 0px 10px 0px}
.nry_ronyu h2{ text-align:center}
.nry_ronyu h2 img{ width:200px;}
.nry_ronyu h3 { text-align:center}
.nry_ronyu h3 img{ display:block; margin:5px auto; width:350px;}

.ronyu_lb{ width:100%; margin:0px auto; overflow:hidden}
.ronyu_lb li{ width:230px; height:400px; float:left; margin:0px 10px 25px 10px}
.ronyu_lb li b{ font-size:20px; text-align:center; position:relative; display:block; width:152px; margin:0px auto 15px auto}
.ronyu_lb li b:after{content:''; position:absolute; left:0px;  top:18px; width:30px; height:3px; background:#000}
.ronyu_lb li b:before{content:''; position:absolute; right:0px;  top:18px; width:30px; height:3px; background:#000}

.ronyu_lb li p{width:220px; height:340px; border:3px #000 solid; display:block;  background:url(http://images.itcpn.net/afocus/wap/images/1.png) no-repeat;display:flex; justify-content:center;align-items:center; flex-direction:column; font-size:14px; position:relative}
.ronyu_lb li p span{ display:block;  text-align:center}
.ronyu_lb li p span em{ font-weight:500; padding-right:5px;}
.ronyu_lb li p tt{  display:block}
.ronyu_lb li p strong{ color:#ff3535}
.ronyu_lb li p cite{ color:#ffc600}

.ronyu_lb li p.one:after{content:''; position:absolute; left:-8px;  top:-5px; width:36px; height:38px;  background:url(http://images.itcpn.net/afocus/wap/images/ry_b1_t.png) no-repeat}
.ronyu_lb li p.one:before{content:''; position:absolute;right:-8px;  bottom:-5px; width:30px; height:32px; background:url(http://images.itcpn.net/afocus/wap/images/ry_b1_f.png) no-repeat}

.ronyu_lb li p.two:after{content:''; position:absolute; left:-8px;  top:-5px; width:34px; height:38px;  background:url(http://images.itcpn.net/afocus/wap/images/ry_b2_t.png) no-repeat}
.ronyu_lb li p.two:before{content:''; position:absolute;right:-8px;  bottom:-5px; width:28px; height:31px; background:url(http://images.itcpn.net/afocus/wap/images/ry_b2_f.png) no-repeat}

.ronyu_lb li p.three:after{content:''; position:absolute; left:-8px;  top:-5px; width:35px; height:38px;  background:url(http://images.itcpn.net/afocus/wap/images/ry_b3_t.png) no-repeat}
.ronyu_lb li p.three:before{content:''; position:absolute;right:-8px;  bottom:-5px; width:27px; height:32px; background:url(http://images.itcpn.net/afocus/wap/images/ry_b3_f.png) no-repeat}

.ronyu_lb li p.four:after{content:''; position:absolute; left:-8px;  top:-5px; width:31px; height:35px;  background:url(http://images.itcpn.net/afocus/wap/images/ry_b4_t.png) no-repeat}
.ronyu_lb li p.four:before{content:''; position:absolute;right:-8px;  bottom:-5px; width:25px; height:32px; background:url(http://images.itcpn.net/afocus/wap/images/ry_b7_f.png) no-repeat}


.ronyu_lb li p.five:after{content:''; position:absolute; left:-8px;  top:-5px; width:29px; height:32px;  background:url(http://images.itcpn.net/afocus/wap/images/ry_b5_t.png) no-repeat}
.ronyu_lb li p.five:before{content:''; position:absolute;right:-8px;  bottom:-5px; width:25px; height:31px; background:url(http://images.itcpn.net/afocus/wap/images/ry_b5_f.png) no-repeat}

.ronyu_lb li p.five span,.ronyu_lb li p.five span em{ color:#005aff}


.ronyu_lb li p.six:after{content:''; position:absolute; left:-8px;  top:-5px; width:29px; height:32px;  background:url(http://images.itcpn.net/afocus/wap/images/ry_b6_t.png) no-repeat}
.ronyu_lb li p.six:before{content:''; position:absolute;right:-8px;  bottom:-5px; width:25px; height:32px; background:url(http://images.itcpn.net/afocus/wap/images/ry_b6_f.png) no-repeat}

.ronyu_lb li p.seven:after{content:''; position:absolute; left:-8px;  top:-5px; width:31px; height:32px;  background:url(http://images.itcpn.net/afocus/wap/images/ry_b7_t.png) no-repeat}
.ronyu_lb li p.seven:before{content:''; position:absolute;right:-8px;  bottom:-5px; width:29px; height:32px; background:url(http://images.itcpn.net/afocus/wap/images/ry_b7_f.png) no-repeat}

.ronyu_lb li p.eight:after{content:''; position:absolute; left:-8px;  top:-5px; width:31px; height:32px;  background:url(http://images.itcpn.net/afocus/wap/images/ry_b8_t.png) no-repeat}
.ronyu_lb li p.eight:before{content:''; position:absolute;right:-8px;  bottom:-5px; width:26px; height:32px; background:url(http://images.itcpn.net/afocus/wap/images/ry_b8_f.png) no-repeat}

.ronyu_zensb{ border:2px #000 dashed;  margin:0px auto; padding:14px;-webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;}
.ronyu_zensb img{ display:block; width:100%}


.nry_ronyu .fot_wzsm{ font-size:25px; line-height:36px; text-align:center; padding:30px 0px 50px 0px;}
.nry_ronyu .fot_wzsm span{ display:block; font-size:20px; padding-top:25px; line-height:26px}

.ewm_zetc{ width:100%; height:100%;background:rgba(0,0,0,0.84); position:absolute; left:0px; top:0px; z-index:800 }

.ewm_zetc div{ width:473px; height:515px; background:#464d4f;-webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px; margin:200px auto 0px auto; position:relative }
	
.ewm_zetc img{ display:block; margin:0px auto; position:absolute; left:-80px; top:-50px; }

.ewm_zetc span{ display:block; color:#fff; font-size:22px; padding-top:468px; text-align:center}

/*弹出层*/

.modal-open{ position: fixed; width: 100%;}

.zezc{ width:100%; height:100%;background:rgba(0,0,0,0.84); position:absolute; left:0px; top:0px; z-index:500 }


.zezc_caidan{ position:fixed; left:0px; bottom:0px; width:640px; margin:0px auto; right:0;z-index:520;padding-bottom:160px;}

.zezc_caidan  ul{ float:left;}



.zezc_caidan  ul:nth-of-type(1){ margin-left:5px; }
.zezc_caidan  ul:nth-of-type(2){ margin-left:165px; }
.zezc_caidan  ul:last-of-type{ margin-left:325px}
.zezc_caidan  ul:last-of-type li:first-of-type{ margin-top:140px;}

.zezc_caidan  ul:nth-of-type(2) li:first-of-type{ margin-top:70px;}



.zezc_caidan  li{width:136px; height:70px;  font-size:20px; line-height:70px; color:#fff; text-align:center}
.zezc_caidan  li a{ color:#fff; display:block; width:100%;background:#464d4f; height:100%}
.zezc_caidan  li a:hover{background:#292e30}

.zezc_caidan  li:first-of-type a{-webkit-border-radius:15px 15px 0px 0px;
    -moz-border-radius:15px 15px 0px 0px;
    border-radius:15px 15px 0px 0px;}
	
.zezc_caidan  li:last-of-type a{position:relative;  -webkit-border-radius:0px 0px 15px 15px;
    -moz-border-radius:0px 0px 15px 15px;
    border-radius:0px 0px 15px 15px; }


.zezc_caidan  li:last-of-type a:after{  content: ""; position:absolute; left:50%; top:70px;  display:inline-block; width:0px; height:0px;  vertical-align:middle; 
  border-left: 24px solid transparent;
  border-right: 24px solid transparent;
  border-top: 24px solid #464d4f; margin-left:-24px; }


.zezc_caidan  li:last-of-type a:hover:after{  content: ""; position:absolute; left:50%; top:70px;  display:inline-block; width:0px; height:0px;  vertical-align:middle; 
  border-left: 24px solid transparent;
  border-right: 24px solid transparent;
  border-top: 24px solid #292e30; margin-left:-24px; }