@charset "utf-8";
body,ul,ol,li,dl,dt,dd,table,tr,td,h1,h2,h3,h4,h5,h6,p,form,input,select,fieldset,legend,textarea{margin:0; padding:0;}
ul,ol,li{list-style:none;}
a{text-decoration:none; color:#5A5A5A; font-size:14px; font-family:"微软雅黑";}
img{border:none;}
body{color:#5A5A5A; font-size:14px; font-family:"微软雅黑";}

.container{width:960px; margin:auto;}
.fl{float:left;}
.fr{float:right;}
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{display:table; content:""; line-height:0;}
.clearfix:after{clear:both;}


.oneLine{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.mt10{margin-top:10px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt65{margin-top:65px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}

/* #4675FF */


/*header*/
header{width:100%; background:#fff; position:fixed; top:0; left:0; z-index:4; height:68px;}
header .logo{float:left; width:244px; height:48px; margin-top:10px;}
header .nav{float:right; height:68px;}
header .nav li{float:left; position:relative; transition:all 500ms;}
header .nav a{display:block; width:108px; height:68px; font-size:14px; color:#666; position:relative; text-align:center; line-height:68px; overflow:hidden;}
header .nav li.current a,header .nav a:hover{color:#4675FF;}
header .nav li i{display:none; position:absolute; top:0; left:15px; width:78px; height:2px; background:#4675FF;}
header .nav li.current i,header .nav li:hover i{display:block;}
header .nav li .nav_son{position:absolute; top:58px; left:0; z-index:5; background:#fff; width: 114px;  padding:10px 0; display:none;}
header .nav li .nav_son a{display:block; width:100%; height:36px; line-height:36px; text-align:center; position:relative; font-size:14px; z-index:99999;}
header .nav li:hover .nav_son{display:block;}

/*banner*/
.head-box{height:800px; overflow:hidden; position:relative; width:100%; margin-top:68px;}
.slideBox{position:absolute; top:0; width:100%; margin:auto; overflow:hidden; text-align:center;}
.slideBox .hd{position:absolute; top:600px; left:50%; z-index:3; margin-left:-32px; }
.slideBox .hd ul li{float:left; width:8px; height:8px; border-radius:99px; border:2px solid #fff; background:transparent; margin:0 10px;}
.slideBox .hd ul li:hover,.slideBox .hd ul li.on{background:#fff;}
.slideBox .bd{ position:relative; left: 50%; width:1920px; height:800px; margin: 0 0 0 -960px; text-align: center; overflow: hidden; }
.slideBox .bd li{position:relative;}
.slideBox .prev,.slideBox .next{ position:absolute; left:8%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.slideBox .next{ left:auto; right:8%; background-position:8px 5px; }
.slideBox .prev:hover,.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;}
.slideBox .nextStop{ display:none;}

/*footer*/
footer{width:100%; background:#1D212A;}
footer .Flinks{padding:10px 0;}
footer .Flinks .sp00{float:left; width:80px; height:38px; line-height:38px; color:#fff; font-size:16px; text-align:center;}
footer .Flinks .links{float:left; width:80%; margin-left:20px;}
.Flinks .links a{float:left; display:block; padding:0 8px; font-size:14px; color:#fff; line-height:38px;}
.Flinks .links a:hover{text-decoration: underline;}
footer .lianxi img{display:block; width:80px; height:80px; margin:20px auto;}
footer .lianxi .mes{text-align:center; color:#fff; line-height:40px;}
footer .lianxi .mes span{padding:0 10px;}
footer .banq p{font-size:12px; color:#eee; line-height:35px; text-align:center;}


/*在线客服*/
.fk_service{max-height:232px; position:fixed; right:10px; top:30%; font-family:"微软雅黑"; font-size:14px; color:#243558;
	z-index:10000}
.fk_service li>div {box-sizing:border-box; box-shadow:0 0 9px 0 rgba(0,0,0,0.1)}
.fk_service li{width:40px; height:40px; background:#fff; margin-bottom:10px; border-radius:4px; box-sizing:border-box;
	box-shadow:0 0 9px 0 rgba(0,0,0,0.1)}
.fk_service li .s_tub{top:12px; right:-11px; position:absolute; border-top:7px solid transparent; border-bottom:7px solid transparent;
	border-left:11px solid #e1e6ec; z-index:1010}
.fk_service li .s_tub:after {content:"\20"; top:-6px; right:1px; position:absolute; border-top:6px solid transparent;
	border-bottom:6px solid transparent; border-left:10px solid #fff; z-index:1000}
.fk_service li .s_tub:before {content:"\20"; width:80px; height:45px; top:-20px; right:-52px; position:absolute; background:rgba(0,0,0,0)}
.fk_service li.f_kefu{background: url(../img/fk_service.png) no-repeat -366px -16px #fff;}
.fk_service .f_kefu .kf_cont{width: 200px; min-height: 210px; max-height: 268px; border-radius: 3px; background: #fff; right: 62px;
    position: absolute; text-align: center; border: 1px solid #e1e6ec; display: none; opacity: 0;}
.fk_service li.f_kefu:hover {border:0;background:url(../img/fk_service.png) no-repeat -410px -16px #4f7cfc}
.fk_service li.f_kefu .kf_cont .QQ{width: 100%; height:120px; background: #f6f8fb; border-radius: 3px; padding-top:20px;
	border-bottom: 1px solid #eef2f8;}
.fk_service li.f_kefu .kf_cont .QQ a{display:block; width: 160px; height:45px; line-height:45px; background:#4f7cfc; border-radius: 18px;
	text-align: center; color:#fff; margin:0 0 10px 20px; cursor: pointer;}
.fk_service li.f_kefu .kf_cont .QQ a img{vertical-align: middle; margin-right:10px;}
.fk_service li.f_kefu .kf_cont .phone{width: 100%; height: 53px; line-height: 53px; font-size: 14px; text-align: center;}
.fk_service li.f_kefu:hover .kf_cont,.fk_service li.f_mes:hover .ms_cont,
.fk_service li.f_wx:hover .wx_cont,.fk_service li.f_top:hover .top_cont{
	display:block; 
	opacity:1; 
	transition:linear .2s; 
	animation-name:fade-in; 
	animation-duration:.3s;
	animation-iteration-count:1; 
	animation-delay:0s}
.fk_service li.f_mes{background: url(../img/fk_service.png) no-repeat -363px -64px #fff;}
.fk_service li.f_mes .ms_cont{width: 264px; height: 40px; line-height: 40px; background: #fff; border-radius: 5px; right: 62px; 
	text-align: center; position: absolute;display: none; border: 1px solid #e1e6ec;}
.fk_service li.f_mes:hover {border:0; background:url(../img/fk_service.png) no-repeat -407px -64px #4f7cfc; cursor:pointer}
.fk_service li.f_wx{background:url(../img/fk_service.png) no-repeat -365px -113px #fff;}
.fk_service li.f_wx .wx_cont{width: 143px; height:172px; border-radius: 3px; background: #fff; background-color: rgb(255, 255, 255); 
	right: 62px; position: absolute; text-align: center; border: 1px solid #e1e6ec; background-color: #f6f8fb; display: none; opacity: 0;}
.fk_service li.f_wx:hover {border:0; background:url(../img/fk_service.png) no-repeat -409px -113px #4f7cfc}
.fk_service li.f_wx .w_mg{width: 100%; height: 164px; float: left;}
.fk_service li.f_wx .w_mg .pic{width: 119px; height: 119px; float: left; margin: 12px 12px 5px 12px; background: url(../img/wx.png) no-repeat  center; background-size:100%;}
.fk_service li.f_top{background: url(../img/fk_service.png) no-repeat -363px -159px #fff; cursor:pointer;}
.fk_service li.f_top .top_cont{width: 84px; height: 40px; line-height: 40px; border-radius: 3px; background: #fff; right: 62px; 
	position: absolute; text-align: center; border: 1px solid #e1e6ec; display: none; opacity: 0;}
.fk_service li.f_top:hover {border:0; background:url(../img/fk_service.png) no-repeat -407px -159px #4f7cfc; cursor:pointer}

/*标题*/
.Title{text-align:center; height:30px; line-height:30px;}
.Title b{font-size: 18px; color:#000;}
.Title span{font-size:17px; color:#666;}

.more{display:block; width:100%; height: 47px; line-height:47px; text-align:center; background:#4676FF; color:#fff; border-radius:6px;}
.more:hover{background:#434343;}

/*工程案例*/
.case_list{margin-top:40px;}
.case_list li{float:left; width:300px; margin:0 30px 25px 0; transition:all 500ms;}
.case_list li:nth-child(3n){margin-right:0;}
.case_list li .pic{display:block; width:300px; height:200px; overflow:hidden; position:relative; transition:all 500ms;}
.case_list li .pic .m01{display:block; width:300px; height:200px; margin:auto; transition:all 500ms; position:relative; top:0;}
.case_list li .pic .bg{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.0); 
	transition:all 500ms;}
.case_list li .pic .bg img{display:none; margin:84px auto;}
.case_list li:hover .m01{top:-10px;}
.case_list li:hover .bg{background:rgba(0,0,0,.85); }
.case_list li:hover .bg img{display:block;}
.case_list li .bt{width:100%; height:28px; line-height:28px; text-align:center; margin-top:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/*表单*/
.mesform .mfields li{float:left; width:50%; margin:1px 0 5px 0;}
.mesform .mfields li .title{padding:10px 0; line-height:18px;}
.mesform .mfields li .reqtip{color: #f00; line-height: 100%; padding-left: 3px;}
.mesform .mfields li .inpbox{width: 224px;}
.mesform .mfields li .inptext{font-family: '微软雅黑'; border: 1px solid #dedede; font-size: 12px; text-indent: 5px; 
	height: 38px;line-height: 38px;width: 100%; border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px;}
.mesform .mfields li .txtarea{padding: 2px 0; width: 100%; height: 34px; border: 1px solid #dedede; border-radius: 3px; 
	-moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px;}
.mesform .btnsubmit{display:block; width: 473px; margin-top: 28px; line-height: 40px; height: 40px; border-radius: 3px; 
	-moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; text-align: center; color: #fff; background-color: #4676ff;}
.mesform .mfields li.yzm{width:100%;}
.mesform .mfields li.yzm .y_box{ width:100%; }
.mesform .mfields li.yzm .y_box .inptext{display:inline-block; width:224px;}
.mesform .mfields li.yzm .pic{margin-left:15px;}
.mesform .mfields li.yzm .pic img{width:70px;border-width:0px;}

/*分页*/
.page-bar {text-align: center;}
.pages {position: relative; margin:30px 0 100px;}
.pages a,.pages span{color: #666; background-color:#fff; background:-webkit-linear-gradient(#fff, #ddd); background: -o-linear-gradient(#fff, #ddd); background: linear-gradient(#fff, #ddd);}
.pages a,.pages span.current2 {position: relative; display: inline-block; vertical-align: middle;
    *display: inline; *zoom: 1; border: 1px solid #ddd; line-height: 25px; min-width: 25px;
    padding: 3px 12px; border-radius: 3px; margin: 0 0 0 5px;}
.pages a.current,.pages a:hover {background:#4675FF; border-color:#4675FF; color: #FFF;}
.pages span.current2 {vertical-align: middle;}


/*翻页*/
.Fanye{margin-top:40px;}
.Fanye .xu{height:30px; color:#666; margin-bottom:10px;}
.Fanye .xu span{float:left; display:block; line-height:30px;}
.Fanye .xu a{float:left; display:block; line-height:30px; height:30px; width:800px; margin-left:5px; }
.Fanye .xu a:hover{color:#4676ff; text-decoration:underline;}