/* 首页关于我们 begin*/

#fh5co-about-us .bg-about{background:url(../images/about-bg.jpg) no-repeat center center; background-size:cover; padding:125px 0 137px;}
#fh5co-about-us .content{ font-size:16px; color:#fff; line-height:2.1}
#fh5co-about-us .content .intro{ padding-left:95px;}
#fh5co-about-us .content .intro h3{color: rgb(255, 255, 255);font-size: 38px; margin-bottom:12px;}
#fh5co-about-us .content p{line-height:2.1}
#fh5co-about-us .content p.more{ margin-top:5px;}
#fh5co-about-us .content p.more a{ display:inline-block; color:#000;font-size:14px; border-radius:30px; background:#fff; padding:10px 50px; text-align:center; margin-top:28px;}
#fh5co-about-us .content p.more a:hover{ background:#ffcc00; color:#fff}

#fh5co-about-us .bg-about2{background:url(../images/about-bg2.jpg) no-repeat center center; background-size:cover; padding:125px 0 137px;}
#fh5co-about-us .content2{ font-size:16px; color:#fff; line-height:2.1}
#fh5co-about-us .content2 .intro{ padding-left:95px;}
#fh5co-about-us .content2 .intro h3{color: rgb(255, 255, 255);font-size: 38px; margin-bottom:12px;}
#fh5co-about-us .content2 p{line-height:2.1}
#fh5co-about-us .content2 p.more{ margin-top:5px;}
#fh5co-about-us .content2 p.more a{ display:inline-block; color:#000;font-size:14px; border-radius:30px; background:#fff; padding:10px 50px; text-align:center; margin-top:28px;}
#fh5co-about-us .content2 p.more a:hover{ background:#ffcc00; color:#fff}



/* 首页关于我们 end*/


.com_width{width: 1200px;margin: 0 auto;}



.qwyx_1{padding-top: 85px;}
.qwyx_t{height: 70px;margin: 0 0 10px;font-size: 40px;text-align: center;color:#2EAFBB;line-height: 70px;}
.qwyx_desc{text-align: center;font-size: 16px;color:#888888;}
.qwyx_desc span{color:#cd9c26;}
.qwyx_1_t{background: url(../images/qwyx_1_t.png) center no-repeat;}
.qwyx_1_con{width: 1200px;height: 335px;margin: 110px 0 100px;}
.qwyx_1_con ul li{width: 298px;height: 333px;border: 1px solid #ddd;border-right: none;float: left;text-align: center;font-size: 14px;color:#555;position: relative;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;}
.qwyx_1_con ul li:last-child{border-right: 1px solid #ddd;}
.qwyx_1_con ul li h2{font-size: 24px;color:#000022;margin: 65px 0 0;-webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;}
.qwyx_1_con ul li h3{font-size: 18px;color:#555555;margin: 20px 0 10px;}
.qwyx_1_con ul li:hover h2{color:#ce0000;}
.qwyx_1_con ul li span{width: 120px;height: 40px;background: #f8f8f8;color:#888888;display: inline-block;border-radius: 20px;line-height: 40px;margin: 40px 0 0;
    border: 1px solid #ddd;	-webkit-transition: .5s;text-align: center;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;}
.qwyx_1_con ul li:hover span{background: #ce0000;color:#fff;border: 1px solid #ce0000;}
.qwyx_1_con ul li:hover{-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);box-shadow:0 0 15px rgba(0,0,0,0.2);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.qwyx_1_con ul li i{width: 96px;height: 96px;display: block;border-radius: 50%;border: 1px solid #0c0c2c;position: absolute;left: 50%;top: 0;margin: -48px 0 0 -48px;-webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;}
.qwyx_1_con ul li:hover i{border: 1px solid #ce0000;}

.qwyx_1_con ul li a{display: block;width: 100%;height: 100%;}



.qw_2_t{font-size: 20px;position: absolute;}
.qw_2_p{font-size: 14px;color:#888888;text-align: center;position: absolute;}
.qw_2_1{color:#ce0000;left: 570px;top: 85px;}
.qw_2_2{left: 450px;top: 120px;}
.qw_2_3{left: 620px;top: 120px;text-align: left;}
.qw_2_4{color:#81511c;left: 235px;top: 340px;}
.qw_2_5{left: 150px;top: 376px;}
.qw_2_6{color:#cd9c26;left: 895px;top: 340px;}
.qw_2_7{left: 830px;top: 376px;}
.qw_2_8{color:#00a0e9;left: 320px;top: 610px;}
.qw_2_9{left: 245px;top: 645px;}
.qw_2_10{color:#009944;left: 785px;top: 610px;}
.qw_2_11{left: 690px;top: 645px;}

.qwyx_zx{width:200px;height: 40px;display: block;border: 2px solid #ce0000;border-radius: 20px 20px;background: rgba(206,0,0,0.8);text-align: center;font-size: 20px;
    line-height: 40px;color:#fff;position: absolute;top: 375px;left: 490px;opacity: 0;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;}



.qwyx_5_t{background: url(../images/qwyx_5_t.png) center no-repeat;    padding-top: 70px;}

.qwyx_5_con{height: 300px;background: url(../images/qwyx_5_bg.png) center top no-repeat;margin-top: 80px;position: relative;}
.qwyx_5_con .qw_2_p{font-size: 12px;}
.qw_5_1{color:#ff43f0;top: 75px;left: 20px;}
.qw_5_2{left: 100px;top: 150px;}
.qw_5_3{color:#f6ae01;top: 75px;left: 240px;}
.qw_5_4{left: 345px;top: 40px;}
.qw_5_5{color:#ff4545;top: 190px;left: 455px;}
.qw_5_6{left: 525px;top: 275px;}
.qw_5_7{color:#ff8208;top: 190px;left: 653px;}
.qw_5_8{left: 735px;top: 40px;}
.qw_5_9{color:#5fc1ff;top: 75px;left: 890px;}
.qw_5_10{left: 936px;top: 150px;}
.qw_5_11{color:#5fd148;top: 75px;left: 1110px;}

.qwyx_5_zx{width:200px;height: 40px;display: block;border: 2px solid #2eafbb;border-radius: 20px 20px;text-align: center;font-size: 20px;
    line-height: 40px;color:#2eafbb;margin: 50px auto 80px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;}
.qwyx_5_zx a{color:#2eafbb;}
.qwyx_5_zx i{display: block;width: 25px;height: 26px;background: url(../images/qwyx_zx_on.png) no-repeat;margin: 8px 0px 0 16px;float: left;}
.qwyx_5_zx:hover{background: #2eafbb;color:#fff;}
.qwyx_5_zx:hover i{display: block;width: 25px;height: 26px;background: url(../images/qwyx_zx.png) no-repeat;margin: 8px 0px 0 16px;float: left;}
.qwyx_5_zx:hover a{color:#fff;}
.banner_in a{display: block;width: 100%;height: 100%;}



.section {	overflow: hidden;	position: relative!important;}
.succeed_title {	text-align: center;	padding-top: 55px;}
.success_text {	color: #222222;	font-size: 14px;	text-align: center;	line-height: 30px;	margin-top: 12px;}
.portfolio-grid {	width: 100%;	margin-top: 20px;}

.thumbnail img.cases_img {	width: 100%;}
.thumbnail {	overflow: hidden;	position: relative;	display: inline-block;	float: left;	width: 24%;	width: 23.49%\9;	margin: 0.5%;}
.thumbnail a.thumbnail_a:hover {	cursor: url('../images/index201601/more.cur'), crosshair;	cursor: url('../images/cases_shi.png') 40 40, crosshair;}

.projectinfo {	position: absolute;	z-index: 2;	top: -60px;	left: 0;	width: 100%;	height: 100%;	background: rgb(126,127,115);	background: rgba(126,127,115,0.4);	height: 0\9;}

.thumbnail .meta {	width: 100%;	height: 60px;	line-height: 60px;	text-align: left;	overflow: hidden;}
.thumbnail .meta h4 {	font-size: 18px;	font-weight: normal;	width: 100%;
    text-align: center;}
.thumbnail .meta h4 a {	color: #000;}
.thumbnail .meta .fr {	width: 18%;	text-align: right;}
.thumbnail .meta .fr a {	display: inline-block;	padding: 0px 2px;	padding-right: 12px;	width: 20px;	height: 60px;}
.thumbnail .meta .fr a.cases_a_pc {	background: url(../images/cases_ico_pc_b.png) no-repeat center;}
.thumbnail .meta .fr a.cases_a_phone {	background: url(../images/cases_ico_phone_b.png) no-repeat center;}
.thumbnail:hover .meta {	background-color: #2eafbb;}
.thumbnail:hover .meta h4 a {	color: #fff;}
.thumbnail:hover .meta .fr a.cases_a_pc {	background: url(../images/cases_ico_pc_w.png) no-repeat center;}
.thumbnail:hover .meta .fr a.cases_a_phone {	background: url(../images/cases_ico_phone_w.png) no-repeat center;}

.btn_cases_more {	border: 1px solid #15909c;	margin: 50px auto;	text-align: center;	width: 120px;}
.btn_cases_more a {	line-height: 36px;	color: #15909c;	font-size: 12px;	font-family: "宋体";	width: 120px;	height: 36px;	display: block;	transition: all 0.5s;	-moz-transition: all 0.5s; /* Firefox 4 */	-webkit-transition: all 0.5s; /* Safari and Chrome */	-o-transition: all 0.5s; /* Opera */}
.btn_cases_more a:hover {	background-color: #15909c;}
.btn_cases_more a:hover {	color: #fff;}










































