/*初始设置*/
*{padding:0; margin:0;}
ul,ol{ list-style:none}
a{ text-decoration:none;}
input,a{ outline:none;}
body{ font-family:"微软雅黑","黑体","宋体"; box-sizing:border-box; background:#fff;}
img{ border:none;}

/*字体样式引入*/
@font-face{
	font-family:DINPro-Bold;
	src:url(../fonts/DINPRO-BOLD.OTF);	
}

@font-face{
	font-family:DINPro-Light;
	src:url(../fonts/DINPRO-LIGHT.OTF);	
}


/*网站页面样式*/
/*头部区域*/
.header{ width:100%;background:#fff;left:0; top:0; z-index:100; box-sizing:border-box;}
.header.on{ position:fixed; z-index:100; height:88px; border-bottom:1px solid #e8e8e8;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,0.05); transition:0.3s;}
.hd_con{ width:100%; height:88px; margin:0 auto; box-sizing:border-box; padding:0 10%;}
.header .logo{ float:left; margin-top:16px;}
.header .logo a{ display:block;}
.header .nav{ float:right;}
.header .nav ul{ float:left;}
.header .nav li{ float:left; position:relative; margin-right:26px;}
.header .nav a{ display:block; line-height:88px; color:#333333; font-size:15px;}
.header .nav li:hover::after,.header .nav li.on::after{ content:""; display:block; width:60px; height:3px; background:#0857af; position:absolute; bottom:20px; left:50%; margin-left:-30px;}
.header .nav .sous{ float:right; margin:30px 0 0 35px;}
.header .nav .sous::after{ display:block; content:""; clear:both;}
.header .nav .sous .ss{ width:24px; height:24px; display:block;overflow:hidden; float:left; margin-right:10px;}
.header .nav .sous .ss img{ width:24px; height:24px; display:block;}
.header .nav .sous h3{ font-size:20px; color:#0857af; line-height:24px; font-family:DINPro-Bold; float:left;}


.header .btn{ border:1px solid #333333; position:absolute; top:0; right:0; padding:4px; border-radius:3px; cursor:pointer; display:none;}
.header .btn i{ display:block; width:20px; height:3px; background:#333333; margin:3px; transition:0.3s;}
.header .btn i:nth-child(1){transform-origin:left bottom;}
.header .btn i:nth-child(2){ opacity:1}
.header .btn i:nth-child(3){transform-origin:left top;}
.header .btn.on i:nth-child(1){ transform:rotate(35deg); }
.header .btn.on i:nth-child(2){  opacity:0}
.header .btn.on i:nth-child(3){ transform:rotate(-35deg); }


/*海报区域*/
.haib{ width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box;}
.banner{width:100%;background:#fff; overflow:hidden; height:840px}
.swiper-containerlb{width: 100%;height: 100%;}
.swiper-slide {background-position: center;background-size: cover;}

.con{width:1200px; margin:0 auto; overflow:hidden; box-sizing:border-box;}

/*标题*/
.bt{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box;}
.btop{ width:350px;margin:0 auto; overflow:hidden; box-sizing:border-box;}
.btop::after{ content:""; display:block; clear:both;}
.btop i{ float:left; display:block; width:80px; height:1px; background:#c6c6c6; display:block; margin-top:25px;}
.btop i:nth-child(2){ float:right;}
.btop h3{ text-align:center; line-height:1.55em; font-size:30px; color:#404040;}
.bt p{ font-size:14px; color:#555; line-height:1.5em; text-align:center;width:100%; margin:12px auto 0; overflow:hidden; box-sizing:border-box;} 

/*走进福源*/
.about{ width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; padding:100px 0 80px; background:#f0f1f1 url(../images/bg_1.jpg) no-repeat center fixed; 
background-size:cover;}
.aboutc{width:100%; margin:54px auto 0; height:390px; position:relative;box-sizing:border-box;}
.aboutc::after{ content:""; display:block; clear:both;}
.aboutc .abzi{ width:725px; height:385px; background:#fff;box-shadow:0 0px 10px rgba(0,0,0,0.25); float:right; box-sizing:border-box; padding:60px 35px 0 150px;}
.aboutc .abouttu{ display:block; width:590px; height:350px; overflow:hidden; position:absolute; top:18px; left:0;}
.aboutc .abouttu img{display:block; width:100%; float:left;}
.aboutc .abzi p{ font-size:15px; color:#666666; line-height:2.2em; text-indent:2em; display:block; width:100%;
display:inline-block;word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
-webkit-line-clamp:6; /** 显示的行数 **/
overflow: hidden;  /** 隐藏超出的内容 **/}

.aboutc .abzi .xxqq{ display:block; width:158px; height:44px; background:#0857af; box-sizing:border-box; padding-left:35px; transition:0.3s; margin-top:25px;}
.aboutc .abzi .xxqq::after{content:""; display:block; clear:both;}
.aboutc .abzi .xxqq h4{ font-size:14px; color:#fff; line-height:44px; float:left; font-weight:400;}
.aboutc .abzi .xxqq span{ display:block; width:17px; height:12px; float:left; margin-top:16px; margin-left:15px; transition:0.3s;}
.aboutc .abzi .xxqq span img{ display:block; width:100%; float:left;}


.aboutc .abzi .xxqq:hover{ width:170px;}
.aboutc .abzi .xxqq:hover span{ margin-left:25px;}


.abdd{width:100%; margin:15px auto 0; overflow:hidden; box-sizing:border-box; padding:24px 5%;}
.abdd::after{content:""; display:block; clear:both;}
.abdd li{ width:20%; float:left;}
.abdd li a{ display:block; margin:0 auto; overflow:hidden; box-sizing:border-box;}
.abdd li a .xtbzi{ width:60px; height:60px; display:block; border-radius:50%; overflow:hidden; position:relative; margin:0 auto;}
.abdd li a .xtbzi img{ width:60px; height:120px; display:block; margin:0 auto; position:absolute; top:-60px; left:0; transition:0.3s;}
.abdd li a p{ font-size:14px; color:#7f7f7f; line-height:1.5em; margin-top:10px; text-align:center; transition:0.3s;}
.abdd li:hover a .xtbzi img{ position:absolute; top:0; left:0;}
.abdd li:hover a p{ color:#0857af;}

.out {width: 500px;height:auto;background: #000;position: fixed;left: 50%;margin-left: -250px;top: 50%;
margin-top: -200px;display:none;z-index:2;}
.out .close {width: 30px;height: 30px;background: #0857af;color: #fff;text-align: center;line-height: 30px;position: absolute;top: 0;right: -30px;cursor: pointer}
.bg{ width:100%; height:100%; background:#000; opacity:0.5; position:fixed; top:0; left:0; display:none; z-index:1}


/*标题2*/
.bt2 .btop i{ background:#fff;}
.bt2 .btop h3{ color:#fff;}
.bt2 p{ color:#fff;} 
/*福源产业*/
.fycy{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; padding:100px 0 80px; background:#1b528e url(../images/bg_2.jpg) no-repeat center fixed; 
background-size:cover;}
.fycy .fycyc{width:100%; margin:54px auto 0;box-sizing:border-box; overflow:hidden;}
.fycy .fycyc::after{content:""; display:block; clear:both;}
.fycyc li{ width:280px; height:235px; display:block; float:left; position:relative; margin-right:26.6px; }
.fycyc li:nth-child(4n){ margin-right:0;}

.fycyc li a{ display:block; width:100%; height:100%;box-sizing:border-box; padding:30px 34px;}
.fycyc li a .tubz{ width:77px; height:87px; display:block; margin:0 auto;transition:0.3s;}
.fycyc li a .tubz img{ display:block; width:100%; margin:0 auto; overflow:hidden; transition:0.3s;}
.fycyc li a h3{font-weight:400; font-size:16px; color:#fff; line-height:1.5em; margin:12px auto 6px; text-align:center;transition:0.3s;}
.fycyc li a p{font-size:14px; color:#fff; line-height:1.5em; display:block; width:100%;transition:0.3s;
display:inline-block;word-break: break-all; text-align:center;
text-overflow: ellipsis;
display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
-webkit-line-clamp:2; /** 显示的行数 **/
overflow: hidden;  /** 隐藏超出的内容 **/}
.fycyc li i{ display:block; position:absolute; background:#fff; transition:0.3s; opacity:0}

.fycyc li:hover i{ opacity:1;}
.fycyc li .i1{ width:100%; height:1px; top:0; left:-100%;}
.fycyc li .i2{ width:1px; height:100%; top:-100%; left:0;}
.fycyc li .i3{ width:100%; height:1px; bottom:0; left:100%;}
.fycyc li .i4{ width:1px; height:100%; top:100%; right:0;}

.fycyc li:hover .i1{ left:0}
.fycyc li:hover .i2{ top:0}
.fycyc li:hover .i3{ left:0}
.fycyc li:hover .i4{ top:0}

.fycyc li:hover a .tubz{transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg);}
.fycyc li:hover a h3{margin:16px auto 10px; font-weight:900;}
.fycyc li:hover{ background:rgba(0,0,0,0.24);}

/*工程业绩*/
.gcyj{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; padding:100px 0 80px; background:#ffffff url(../images/bg_3.jpg) no-repeat center fixed; 
background-size:cover;}
.gcyj .gcyjc{width:100%; height:570px; margin:54px auto 0;box-sizing:border-box; overflow:hidden; position:relative;}
.gcyjc::after{content:""; display:block; clear:both;}
.gcyjc li{ width:380px; height:260px; margin-bottom:25px; display:block; float:left; position:relative;}
.gcyjc li:nth-child(1){ position:absolute; top:0; left:0;}
.gcyjc li:nth-child(2){ position:absolute; top:0; right:0;}
.gcyjc li:nth-child(3){ position:absolute; bottom:0; left:0;}
.gcyjc li:nth-child(4){ position:absolute; bottom:0; right:0;}
.gcyjc ul li:nth-child(5){ width:380px; height:545px !important; position:absolute; top:0; left:50%; margin-left:-190px;}
.gcyjc li a{ display:block; width:100%; overflow:hidden; box-sizing:border-box; height:260px; position:relative;}
.gcyjc li a .yju{display:block; width:100%; overflow:hidden; box-sizing:border-box;height:260px;}
.gcyjc li a .yju img{display:block; width:100%; margin:0 auto; overflow:hidden; transition:0.3s;}
.gcyjc li:nth-child(5) a{width:380px; height:545px !important; display:block; overflow:hidden; box-sizing:border-box;position:relative;}
.gcyjc li:nth-child(5) a .yju{width:380px; height:545px !important; display:block; overflow:hidden; box-sizing:border-box;}
.gcyjc li:nth-child(5) a .yju img{display:block; height:100% !important; margin:0 auto; overflow:hidden; transition:0.3s;}
.gcyjc li a p{ display:block; width:200px; height:45px; position:absolute; left:-100%; bottom:8%; transition:0.3s; background:#0857af; font-size:14px; color:#fff; text-align:center;
line-height:45px; box-sizing:border-box; padding:0 12px;
overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}
.gcyjc li:hover a p{position:absolute; left:0; bottom:8%;}
.gcyjc li:hover a .yju img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
.gcyj .xxqq{ display:block; width:158px; height:44px; background:#0857af; box-sizing:border-box; padding-left:35px; transition:0.3s; margin:25px auto 0;}
.gcyj .xxqq::after{content:""; display:block; clear:both;}
.gcyj .xxqq h4{ font-size:14px; color:#fff; line-height:44px; float:left; font-weight:400;}
.gcyj .xxqq span{ display:block; width:17px; height:12px; float:left; margin-top:16px; margin-left:15px; transition:0.3s;}
.gcyj .xxqq span img{ display:block; width:100%; float:left;}
.gcyj .xxqq:hover{width:170px;}
.gcyj .xxqq:hover span{ margin-left:25px;}

/*新闻资讯*/
.news{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; padding:100px 0 80px; background:#fff; 
background-size:cover;}
.news .newsc{width:100%; margin:54px auto 60px;box-sizing:border-box; overflow:hidden;}
.newsc::after{content:""; display:block; clear:both;}
.newsc .nc_l{ width:575px; float:left;overflow:hidden; box-sizing:border-box;}
.newsc .nc_l a{ display:block; width:100%;overflow:hidden; box-sizing:border-box; background:#f2f2f2; padding:35px 30px 30px;transition:0.3s;}
.newsc .nc_l a h3{font-size:18px; color:#454545;text-align:left; line-height:1.6em;width:100%;transition:0.3s; font-weight:400;
overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}
.newsc .nc_l a .sjc{width:100%; margin:10px auto 20px;box-sizing:border-box; overflow:hidden; display:block;}
.newsc .nc_l a .sjc::after{content:""; display:block; clear:both;}
.newsc .nc_l a .sjc .cjxtu{ width:14px; height:14px; display:block; float:left;}
.newsc .nc_l a .sjc .cjxtu img{display:block; width:100%; margin:0 auto;transition:0.3s;}
.newsc .nc_l a .sjc h4{ font-size:12px; color:#888; font-weight:400; float:left; line-height:14px; margin-left:12px;transition:0.3s;}
.newsc .nc_l a p{font-size:14px; color:#666; line-height:1.66em; text-align:left; width:100%;transition:0.3s;
display:inline-block;word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
-webkit-line-clamp:3; /** 显示的行数 **/
overflow: hidden;  /** 隐藏超出的内容 **/}
.newsc .nc_l a .xwptu{ display:block; width:100%; height:170px; overflow:hidden; margin:15px auto 22px;}
.newsc .nc_l a .xwptu img{ display:block;width:100%; margin:0 auto;transition:0.3s;}
.newsc .nc_l a h6{font-size:12px; color:#2eab5a; font-weight:400; text-align:left;transition:0.3s;}

.newsc .nc_r{ width:590px; float:right; border-top:1px solid #e4e4e4; box-sizing:border-box; overflow:hidden;}
.newsc .nc_r li{width:100%; margin:20px auto 0;box-sizing:border-box; overflow:hidden;}
.newsc .nc_r li a{width:100%; margin:0 auto;box-sizing:border-box; overflow:hidden; padding-bottom:18px; display:block;border-bottom:1px solid #e4e4e4; transition:0.3s;}
.newsc .nc_r li a::after{content:""; display:block; clear:both;}
.newsc .nc_r li a i{ display:block; width:6px; height:6px; border-radius:50%; background:#2eab5a; float:left; margin-top:10px;}
.newsc .nc_r li a .nrnr{ width:95%; float:right;box-sizing:border-box; overflow:hidden;}

.newsc .nc_r li a .nrnr h3{font-size:16px; color:#454545;text-align:left; line-height:1.6em;width:100%;transition:0.3s; font-weight:400;
overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}
.newsc .nc_r li a .nrnr h5{ font-size:12px; color:#1c8842; font-weight:400; display:block;line-height:14px;transition:0.3s; margin:10px 0;}
.newsc .nc_r li a .nrnr p{font-size:14px; color:#666666; line-height:1.66em; text-align:left; width:100%;transition:0.3s;
display:inline-block;word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
-webkit-line-clamp:2; /** 显示的行数 **/
overflow: hidden;  /** 隐藏超出的内容 **/}
.newsc .nc_l:hover a h3{color:#1c528e; font-weight:900;}
.newsc .nc_l:hover a .sjc h4{color:#2eab5a; margin-left:15px;}
.newsc .nc_l:hover a .xwptu img{ transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1);}
.newsc .nc_r li:hover a{border-bottom:1px solid #2eab5a;}
.newsc .nc_r li:hover a .nrnr h3{ color:#000;}
.xxqq{ display:block; width:158px; height:44px; background:#0857af; box-sizing:border-box; padding-left:35px; transition:0.3s; margin:25px auto 0;}
.xxqq::after{content:""; display:block; clear:both;}
.xxqq h4{ font-size:14px; color:#fff; line-height:44px; float:left; font-weight:400;}
.xxqq span{ display:block; width:17px; height:12px; float:left; margin-top:16px; margin-left:15px; transition:0.3s;}
.xxqq span img{ display:block; width:100%; float:left;}
.xxqq:hover{width:170px;}
.xxqq:hover span{ margin-left:25px;}

/*底部区域*/
.footer{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; padding:66px 0 0; background:#252525 url(../images/db_bg.png) no-repeat center; 
background-size:cover; border-top:6px solid #0857af;}

.footc{width:1200px; margin:0 auto;box-sizing:border-box; overflow:hidden; display:block;}
.footc::after{content:""; display:block; clear:both;}
.footc .ft_l{float:left;}
.footc .ft_l .dlogo{ display:block; width:320px; margin-bottom:40px;}
.footc .ft_l .dlogo img{ display:block; width:100%;}
.footc .ft_l .ft_b{display:block; width:100%;box-sizing:border-box; overflow:hidden;}
.footc .ft_l .ft_b li{ display:block; width:100%; margin:0 auto 16px;}
.footc .ft_l .ft_b li::after{content:""; display:block; clear:both;}
.footc .ft_l .ft_b li .tutu{ width:14px; height:14px; float:left;}
.footc .ft_l .ft_b li .tutu img{ display:block; width:100%;}
.footc .ft_l .ft_b li p{ font-size:14px; color:#fff; line-height:1em; float:left; font-weight:400; margin-left:12px;}
.footc .ft_r{float:right;}
.tftt{ display:block; width:100%;margin-top:5px;}
.tftt::after{content:""; display:block; clear:both;}
.ft_r .tftt .zxqq{ display:block; width:170px; height:35px; box-sizing:border-box; border:1px solid #fff; border-radius:5px;  float:right;}
.ft_r .zxqq::after{content:""; display:block; clear:both;}
.ft_r .zxqq .qqtu{ width:14px; height:14px; float:left; margin:9px 10px 0 46px;}
.ft_r .zxqq .qqtu img{ display:block; width:100%; margin:0 auto;}
.ft_r .zxqq h4{ float:left; font-size:14px; color:#fff; line-height:32px; font-weight:400; transition:0.3s;}
.ft_r .zxqq:hover h4{ margin-left:5px;}
.ewm{width:100%; margin:30px auto 0; overflow:hidden; box-sizing:border-box; display:block;}
.ewm::after{content:""; display:block; clear:both;}
.ewm .ewmtu{ width:90px; height:90px; float:left; border-radius:5px; background:#fff; box-sizing:border-box; padding:3px;}
.ewm .ewmtu img{ display:block; width:100%; margin:0 auto;}
.ewm .ewmzi{float:left; margin-left:25px; display:block; margin-top:24px;}
.ewm .ewmzi h3{font-size:20px; color:#fff; font-weight:900; text-align:left; margin-bottom:5px;}
.ewm .ewmzi p{font-size:14px; color:#fff; font-weight:400; text-align:left;}

.footb{width:100%; margin:40px auto 0; overflow:hidden; box-sizing:border-box; height:50px; border-top:1px solid #3a3a3a;}
.footb .footbc{width:1200px; margin:0 auto; overflow:hidden; box-sizing:border-box;}
.footb .footbc::after{content:""; display:block; clear:both;}
.footb .footbc p{ float:left; font-size:14px; color:#fff; line-height:50px; margin-right:20px;}
.footb .footbc p a{ color:#fff;}
.footb .footbc h6{float:right; font-size:14px; color:#fff; line-height:50px; font-weight:400;}
.footb .footbc h6 a{color:#fff;}






/*768移动端页面*/
@media (max-width:768px){
	/*走进福源*/
	.about{padding:20px 14px;}
	.aboutc{width:100%; margin:10px auto 0; height:auto !important; position:static;}
	.aboutc .abouttu{ display:block; width:100%; height:auto !important; position:static;}
	.aboutc .abouttu img{ display:block; width:100%; margin:0 auto; overflow:hidden;}
	.aboutc .abzi{ width:100%; height:auto !important; background:#fff;box-shadow:0 0px 10px rgba(0,0,0,0.25); float:none; box-sizing:border-box; padding:15px;}
	.aboutc .abzi p{ font-size:14px;}	
	.aboutc .abzi .xxqq{ margin-top:25px; margin:20px auto 10px;}


	/*底部区域*/
	.footer{padding:20px 15px;border-top:3px solid #0857af;}
	.footc{width:100%;}
	.footc .ft_l{float:none;}
	.footc .ft_l .dlogo{width:80%; margin-bottom:20px;}

	.footc .ft_r{float:none;}
	.ft_r .tftt .zxqq{float:none;}
	.footb{margin:20px auto 0; height:auto; border-top:1px solid #3a3a3a; box-sizing:border-box; padding-top:15px;}
	.footb .footbc{width:100%;}
	.footb .footbc p{ float:none;line-height:1.6em; margin-right:0;}
	.footb .footbc h6{float:none;line-height:1.6em; font-weight:400;}




}

/*移动端公用页面*/
@media (max-width:992px){
	.hd_con{ width:100%; height:66px; padding:0 15px;}
	.header .logo{  margin-top:13px; height:40px; margin-left:0;}
	.header .logo a{ height:100%;}
	.header .logo a img{ height:100%;}
	.header .btn{ display:block;right:15px;top:17px;}
	.header .nav{ display:none; position:absolute; width:100%; top:66px; left:0; text-align:center; background:rgba(255,255,255,1); border-top:1px solid #aaa; z-index:98;}	
	.header .nav ul{float:none; width:100%; margin:0 auto; box-sizing:border-box; padding:0 20px;}
	.header .nav li{ float:none; border-bottom:1px solid #cfcfcf; width:100%;box-sizing:border-box; padding:0 10px;}
	.header .nav li a{ line-height:54px; text-align:left;background:url(../images/you.png) no-repeat right center;}
	.header .nav ul span{ display:none;}
	.header .nav li:hover::after,.header .nav li.on::after{/* content:""; display:block; width:8px; height:14px; background:url(../images/you.png) no-repeat center; 
	position:absolute; top:20px;right:10px;*/ display:none;}
	.header.on { height: 66px;}
	.header .nav .sous{ float:none;margin:14px auto;width:86%;height:46px;box-sizing:border-box;border:1px solid #0857af;border-radius:23px;box-sizing:border-box;padding:9px 15%;}
	.haib{padding:0;}
	.banner{height:200px}

	.con{width:100%;}

	/*标题*/
	.btop{ margin:0 auto; width:100%;}
	.btop i{ display:none;}
	.btop h3{font-size:22px;}
	

	.abdd{width:100%; margin:15px auto 0; overflow:hidden; box-sizing:border-box; padding:24px 0;}
	.abdd::after{content:""; display:block; clear:both;}
	.abdd li{ width:20%; float:left;}
	.abdd li a{ display:block; margin:0 auto; overflow:hidden; box-sizing:border-box;}
	.abdd li a .xtbzi{ width:60px; height:60px; display:block; border-radius:50%; overflow:hidden; position:relative; margin:0 auto;}
	.abdd li a .xtbzi img{ width:60px; height:120px; display:block; margin:0 auto; position:absolute; top:-60px; left:0; transition:0.3s;}
	.abdd li a p{ font-size:14px; color:#7f7f7f; line-height:1.5em; margin-top:10px; text-align:center; transition:0.3s;}
	.abdd li:hover a .xtbzi img{ position:absolute; top:0; left:0;}
	.abdd li:hover a p{ color:#0857af;}



	.out {width:80%;height:auto;background: #000;position: fixed;left: 10%;margin-left: -0;top:20%;
	margin-top: -0;display:none;z-index:2;}

	.fycy{padding:20px 14px;}
	.fycy .fycyc{ margin:24px auto 0;}
	.fycyc li{ width:48%; height:235px; display:block; float:left; position:relative; margin-right:2%; border:1px solid #fff; margin-bottom:20px; box-sizing:border-box;
	border-radius:5px;}
	.fycyc li:nth-child(4n){ margin-right:2%;}
	.fycyc li:nth-child(2n){ margin-right:0%;}
	

	.fycy{padding:20px 14px;}
	.fycy .fycyc{ margin:24px auto 0;}
	.fycyc li{ width:100%; height:235px; display:block; float:left; position:relative; margin-right:0; border:1px solid #fff; margin-bottom:20px; box-sizing:border-box;
	border-radius:5px;}
	.fycyc li:nth-child(4n){ margin-right:0;}
	
	
	
	/*工程业绩*/
	.gcyj{padding:20px 15px;}
	.gcyj .gcyjc{height:auto; margin:20px auto 0;position:static;}
	.gcyjc li{ width:100%; height:260px; margin-bottom:20px;float:none; position:static;}
	.gcyjc li:nth-child(1){ position:static; top:0; left:0;}
	.gcyjc li:nth-child(2){ position:static; top:0; right:0;}
	.gcyjc li:nth-child(3){ position:static; bottom:0; left:0;}
	.gcyjc li:nth-child(4){ position:static; bottom:0; right:0;}
	.gcyjc ul li:nth-child(5){ width:100%; height:260px !important; position:static; margin-left:0;}
	.gcyjc li:nth-child(5) a{width:100%; height:260px !important; }
	.gcyjc li:nth-child(5) a .yju{width:100%; height:260px !important; }
	.gcyjc li:nth-child(5) a .yju img{ width:100%; height:auto !important; }
	.gcyjc li a p{ display:block; width:100%; height:45px; position:absolute; left:0; bottom:0%;}
		
	
	/*新闻资讯*/
	.news{ padding:20px 15px;}
	.news .newsc{margin:20px auto;}
	.newsc .nc_l{ width:100%; float:none;}
	.newsc .nc_l a{ padding:20px;}
	.newsc .nc_l a .xwptu{height:auto;}
	.newsc .nc_r{ width:100%; float:none; border-top:none;}

	/*底部区域*/
	.footer{padding:20px 15px;border-top:3px solid #0857af;}
	.footc{width:100%;}
	.footc .ft_l{float:none;}
	.footc .ft_l .dlogo{width:300px; margin-bottom:20px;}

	.footc .ft_r{float:none;}
	.ft_r .tftt .zxqq{float:none;}
	.footb{margin:20px auto 0; height:auto; border-top:1px solid #3a3a3a; box-sizing:border-box; padding-top:15px;}
	.footb .footbc{width:100%;}
	.footb .footbc p{ float:none;line-height:1.6em; margin-right:0; text-align:center;}
	.footb .footbc h6{float:none;line-height:1.6em; font-weight:400; text-align:center;}


	
}


/*pid 768-992*/
@media (min-width:768px){
	.haib{padding:0;}
	.banner{height:380px}
	.con{width:100%; padding:0 20px;}

	.fycy{padding:20px 14px;}
	.fycy .fycyc{ margin:24px auto 0;}
	.fycyc li{ width:48%; height:235px; display:block; float:left; position:relative; margin-right:2%; border:1px solid #fff; margin-bottom:20px; box-sizing:border-box;
	border-radius:5px;}
	.fycyc li:nth-child(4n){ margin-right:2%;}
	.fycyc li:nth-child(2n){ margin-right:0%;}


	/*工程业绩*/
	.gcyj{padding:20px 15px;}
	.gcyj .gcyjc{height:auto; margin:20px auto 0;position:static;}
	.gcyjc li{ width:48%; height:260px; margin-bottom:20px;float:none; position:static; float:left; margin-right:4%;}
	.gcyjc li:nth-child(2n){ margin-right:0;}
	.gcyjc li:nth-child(1){ position:static; top:0; left:0;}
	.gcyjc li:nth-child(2){ position:static; top:0; right:0;}
	.gcyjc li:nth-child(3){ position:static; bottom:0; left:0;}
	.gcyjc li:nth-child(4){ position:static; bottom:0; right:0;}
	.gcyjc ul li:nth-child(5){ display:none;}
	.gcyjc li a p{ display:block; width:100%; height:45px; position:absolute; left:0; bottom:0%;}
		
	/*新闻资讯*/
	.news{ padding:20px 15px;}
	.news .newsc{margin:20px auto;}
	.newsc .nc_l{ width:100%; float:none;}
	.newsc .nc_l a{ padding:20px;}
	.newsc .nc_l a .xwptu{height:auto;}
	.newsc .nc_r{ width:100%; float:none; border-top:none;}

	/*底部区域*/
	.footer{padding:20px 15px;border-top:3px solid #0857af;}
	.footc{width:100%;}
	.footc .ft_l{float:left;}
	.footc .ft_l .dlogo{width:300px; margin-bottom:20px;}

	.footc .ft_r{float:right;}
	.ft_r .tftt .zxqq{float:none;}
	.footb{margin:20px auto 0; height:auto; border-top:1px solid #3a3a3a; box-sizing:border-box; padding-top:15px;}
	.footb .footbc{width:100%;}
	.footb .footbc p{ float:none;line-height:1.6em; margin-right:0; text-align:center;}
	.footb .footbc h6{float:none;line-height:1.6em; font-weight:400; text-align:center;}



}

/*ipad pro平板页面*/
@media (min-width:992px){
	.haib{padding:0;}
	.banner{height:470px}
	.hd_con {padding: 0 30px;}
	.header .nav .sous{ display:none;} 
	.con{width:100%; padding:0 30px;}


	/*走进福源*/
	.about{padding:20px 30px;}
	.aboutc .abouttu{ width:60%;top:24px;}
	.aboutc .abzi{ width:50%; background:#fff; height:370px;box-shadow:0 0px 10px rgba(0,0,0,0.25); float:right; box-sizing:border-box; padding:60px 15px 15px 15%;}
	.aboutc .abzi p{ font-size:14px;}	
	.aboutc .abzi .xxqq{ margin-top:25px; margin:20px 0 10px 0;}

	.haib{padding:0;}
	.banner{height:380px}
	.con{width:100%; padding:0 20px;}

	.fycy{padding:20px 14px;}
	.fycy .fycyc{ margin:24px auto 0;}
	.fycyc li{ width:48%; height:235px; display:block; float:left; position:relative; margin-right:2%; border:1px solid #fff; margin-bottom:20px; box-sizing:border-box;
	border-radius:5px;}
	.fycyc li:nth-child(4n){ margin-right:2%;}
	.fycyc li:nth-child(2n){ margin-right:0%;}



	/*工程业绩*/
	.gcyj{padding:30px;}
	.gcyj .gcyjc{height:auto; margin:30px auto 0;position:static;}
	.gcyjc li{ width:32%; height:260px; margin-bottom:20px;float:none; position:static; float:left; margin-right:2%;}
	.gcyjc li:nth-child(2n){ margin-right:2%;}
	.gcyjc li:nth-child(3n){ margin-right:0;}
	
	.gcyjc li:nth-child(1){ position:static; top:0; left:0;}
	.gcyjc li:nth-child(2){ position:static; top:0; right:0;}
	.gcyjc li:nth-child(3){ position:static; bottom:0; left:0;}
	.gcyjc li:nth-child(4){ position:static; bottom:0; right:0; display:none;}
	.gcyjc ul li:nth-child(5){ display:none;}
	.gcyjc li a p{ display:block; width:100%; height:45px; position:absolute; left:0; bottom:0%;}
		
	/*新闻资讯*/
	.news{ padding:30px;}
	.news .newsc{margin:20px auto;}
	.newsc .nc_l{ width:48%; float:left;}
	.newsc .nc_l a{ padding:30px 20px;}
	.newsc .nc_l a .xwptu{height:auto;}
	.newsc .nc_r{ width:48%; float:right; border-top:1px solid #e4e4e4;}

	/*底部区域*/
	.footer{padding:30px;border-top:3px solid #0857af;}
	.footc{width:100%;}
	.footc .ft_l{float:left;}
	.footc .ft_l .dlogo{width:300px; margin-bottom:20px;}

	.footc .ft_r{float:right;}
	.ft_r .tftt .zxqq{float:none;}
	.footb{margin:20px auto 0; height:auto; border-top:1px solid #3a3a3a; box-sizing:border-box; padding-top:15px;}
	.footb .footbc{width:100%;}
	.footb .footbc p{ float:left;line-height:1.6em; margin-right:0; text-align:left;}
	.footb .footbc h6{float:right;line-height:1.6em; font-weight:400; text-align:right;}



}
/*电脑最终页面*/
@media (min-width:1200px){
	.hd_con {padding: 0 20px;}
	.banner{height:840px}
	.header .nav .sous{ display:block;}
	.con{width:1200px; padding:0 0;}
	
	/*走进福源*/
	.about{ width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; padding:100px 0 80px; background:#f0f1f1 url(../images/bg_1.jpg) no-repeat center fixed; 
	background-size:cover;}
	.aboutc{width:100%; margin:54px auto 0; height:390px; position:relative;box-sizing:border-box;}
	.aboutc::after{ content:""; display:block; clear:both;}
	.aboutc .abzi{ width:725px; height:385px; background:#fff;box-shadow:0 0px 10px rgba(0,0,0,0.25); float:right; box-sizing:border-box; padding:60px 35px 0 150px;}
	.aboutc .abouttu{ display:block; width:590px; height:350px; overflow:hidden; position:absolute; top:18px; left:0;}
	.aboutc .abzi p{ font-size:15px; color:#666666; line-height:2.2em; text-indent:2em; display:block; width:100%;
	display:inline-block;word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp:6; /** 显示的行数 **/
	overflow: hidden;  /** 隐藏超出的内容 **/}
	
	.aboutc .abzi .xxqq{ display:block; width:158px; height:44px; background:#0857af; box-sizing:border-box; padding-left:35px; transition:0.3s; margin-top:25px;}
	.aboutc .abzi .xxqq::after{content:""; display:block; clear:both;}
	.aboutc .abzi .xxqq h4{ font-size:14px; color:#fff; line-height:44px; float:left; font-weight:400;}
	.aboutc .abzi .xxqq span{ display:block; width:17px; height:12px; float:left; margin-top:16px; margin-left:15px; transition:0.3s;}
	.aboutc .abzi .xxqq span img{ display:block; width:100%; float:left;}
	
	
	.fycy{padding:100px 80px;}
	.fycy .fycyc{ margin:70px auto 0;}
	.fycyc li{ width:280px; height:235px; display:block; float:left; position:relative; margin-right:26.6px; border:none; margin-bottom:0; box-sizing:border-box;
	border-radius:0px;}
	.fycyc li:nth-child(2n){ margin-right:26.6px;}
	.fycyc li:nth-child(4n){ margin-right:0;}
	
	/*工程业绩*/
	.gcyj{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; padding:100px 0 80px; background:#ffffff url(../images/bg_3.jpg) no-repeat center fixed; 
	background-size:cover;}
	.gcyj .gcyjc{width:100%; height:570px; margin:54px auto 0;box-sizing:border-box; overflow:hidden; position:relative;}
	.gcyjc::after{content:""; display:block; clear:both;}
	.gcyjc li{ width:380px; height:260px; margin-bottom:25px; display:block; float:left; position:relative; margin-right:0;}
	.gcyjc li:nth-child(2n){ margin-right:0;}
	.gcyjc li:nth-child(1){ position:absolute; top:0; left:0;}
	.gcyjc li:nth-child(2){ position:absolute; top:0; right:0;}
	.gcyjc li:nth-child(3){ position:absolute; bottom:0; left:0;}
	.gcyjc li:nth-child(4){ position:absolute; bottom:0; right:0; display:block;}
	.gcyjc ul li:nth-child(5){ width:380px; height:545px !important; position:absolute; top:0; left:50%; margin-left:-190px; display:block;}
	.gcyjc li a{ display:block; width:100%; overflow:hidden; box-sizing:border-box; height:260px; position:relative;}
	.gcyjc li a .yju{display:block; width:100%; overflow:hidden; box-sizing:border-box;height:260px;}
	.gcyjc li a .yju img{display:block; width:100%; margin:0 auto; overflow:hidden; transition:0.3s;}
	.gcyjc li:nth-child(5) a{width:380px; height:545px !important; display:block; overflow:hidden; box-sizing:border-box;position:relative;}
	.gcyjc li:nth-child(5) a .yju{width:380px; height:545px !important; display:block; overflow:hidden; box-sizing:border-box;}
	.gcyjc li:nth-child(5) a .yju img{display:block; height:100% !important; margin:0 auto; overflow:hidden; transition:0.3s;}
	.gcyjc li a p{ display:block; width:200px; height:45px; position:absolute; left:-100%; bottom:8%; transition:0.3s; background:#0857af; font-size:14px; color:#fff; text-align:center;
	line-height:45px;}
	
	/*新闻资讯*/
	.news{ padding:100px 0 80px;}
	.news .newsc{margin:54px auto 60px;}
	.newsc .nc_l{ width:575px; float:left;}
	.newsc .nc_l a{padding:35px 30px 30px;}
	.newsc .nc_l a .xwptu{ height:170px;}
	.newsc .nc_r{width:590px; float:right;}
	

	/*底部区域*/
	.footer{ padding:66px 0 0; border-top:6px solid #0857af;}
	.footc{width:1200px;}
	.footc .ft_l .dlogo{width:320px; margin-bottom:40px;}
	.ft_r .tftt .zxqq{float:right;}
	.footb{width:100%; margin:40px auto 0; overflow:hidden; box-sizing:border-box; height:50px; border-top:1px solid #3a3a3a; padding-top:0;}
	.footb .footbc{width:1200px; margin:0 auto; overflow:hidden; box-sizing:border-box;}
	.footb .footbc p{ float:left; font-size:14px; color:#fff; line-height:50px; margin-right:20px;}
	.footb .footbc h6{float:right; font-size:14px; color:#fff; line-height:50px; font-weight:400;}


	
}

@media (min-width:1300px){
    .hd_con {padding: 0 5%;}
    
}
@media (min-width:1600px){
    .hd_con {padding: 0 14%;}
    
}