/* 工程项目 */
.project-index{padding: 40px 0 0;}
.project-index .project-list{}
.project-list li{width: 278px;height: 382px;float: left;margin:0 10px 20px;border: 1px solid #999;}
.project-list li img{width:278px;height:278px;}
.project-list li a{display:block;width:100%;height: 40px;font-size:18px;line-height:40px;text-align:center;border-bottom: 1px dashed #999;letter-spacing: 2px;}
.project-list li a:hover{color:#0091b3;}
.project-list li p{font-size:14px;line-height:21px;color: #666;padding: 10px;text-align: center;}

/* 服务流程 */
.liuc {width: 100%;height: 220px;background: url(../images/boxbg.jpg) center no-repeat;margin-top:20px;}
.liuc .liuc-l{color: #f7f7f7;width: 80%;}
.liuc .liuc-l h3{float: left;width: 18px;padding: 25px 10px;font-size: 20px;line-height: 30px;border: 3px solid #0091b3;margin:22px 0 22px 30px;}
.liuc .liuc-l li{float: left;border: 2px solid #0091b3;width: 16px;padding: 25px 10px;font-size: 16px;line-height: 24px;margin: 35px 0 35px 65px;border-radius: 63px;}
.liuc .liuc-l li:hover{color:#0091b3;}
.liuc .liuc-r{width: 20%;margin: 62px auto;}
.liuc .liuc-r a{display: block;font-size:16px;color: #fff;width:140px;text-align: center;height:40px;line-height:40px;background: #0091b3;border-radius: 15px;margin: 0 auto;}
.liuc .liuc-r span{display: block;font-size: 24px;color: #a4a5a6;border-bottom: #a4a5a6 2px solid;margin: 0 auto;height: 40px;line-height:40px;padding: 15px 0 0;text-align: center}

/* 公司简介 */
.three_bg {height:570px;padding:50px 0 0;}
.index_h2 {font-size: 36px;text-align: center;font-weight: normal;line-height: 50px;height: 110px;}
.index_h2 span {display: block;font-size: 18px;color: #999;}
.three dl {background:url(../images/three_k.jpg) no-repeat;width: 384px;height: 313px;float: left;margin-right: 14px;overflow: hidden;border: 1px solid #999;}
.three dl dt {font-size: 24px;color: #333;background:url(../images/three_line.jpg) no-repeat center 102px;height: 104px;line-height: 120px;overflow: hidden;text-align: center;}
.three dl:hover dt {color: #0091b3;}
.three dl dd {padding: 20px 0 0;position: relative;height: 189px;}
.three dl dd p {font-size: 14px;color: #666;line-height: 30px;height: 90px;overflow: hidden;width: 300px;margin:0 auto;text-align: center;}
.three dl dd em {display: block;font-size: 14px;color: #fff;width: 30px; text-align: center; height: 30px; line-height: 30px; position: absolute; bottom: 5px; left: 2px;}
.three a .icon {position:relative;display:block;width:57px;height:57px;margin:18px auto 0;}
.three a .icon i {position:absolute;width:100%;height:100%;background:url(../images/idesign_icon.jpg);top:0;left:0;}
.three a .icon .default {-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.three a .icon .hover {opacity:0;visibility:hidden;-webkit-transform:translate3d(0,0,-57px) rotate3d(1,0,0,90deg);transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);-webkit-transform-origin:50% 0%;transform-origin:50% 0%;-webkit-transition:all 0.4s linear;transition:all 0.4s linear;}
.three a.i1 .icon .default {background-position:0 0;}
.three a.i2 .icon .default {background-position:0 -57px;}
.three a.i3 .icon .default {background-position:0 -114px;}
.three a.i1 .icon .hover {background-position:-57px 0;}
.three a.i2 .icon .hover {background-position:-57px -57px;}
.three a.i3 .icon .hover {background-position:-57px -114px;}
.three a:hover .hover {opacity:1;visibility:visible;}
.three a:hover .default {opacity:0;visibility:hidden;}
.three a:hover .default {-webkit-transform:translate3d(0,57px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,57px,0) rotate3d(1,0,0,-90deg);}
.three a:hover .hover {-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}
.three .nobor {margin-right: 0;}
.three_tel {text-align: center;padding:30px 0 0;}
.three_tel a{display: block;font-size: 14px;color: #fff;width: 120px; text-align: center; height: 35px; line-height: 35px; background: #0091b3;border-radius:15px;margin:0 auto;} 
.three_tel span {display: block;font-size: 20px;color: #a4a5a6;border-bottom: #51545a 1px solid;width: 200px;margin:0 auto;height: 36px;line-height: 36px;padding: 15px 0 0;}

.main-title h3 {font-size: 30px; color: #000000; text-align: center; margin: 40px 0 10px;}
.main-title span {font-size: 22px;color: #565458;display: block;padding-bottom: 18px;letter-spacing: 10px;text-align: center;}
.main-title i { display: block; width: 117px; height: 1px; background: #0091b3; margin: 15px auto 10px;}
.main-title a {color: #000000; }
.case-index {background: url("../images/witness_bg.jpg") no-repeat center 0;height: 550px; overflow: hidden; margin:20px 0 0;}

.case-wrap dl {width: 326px; height: 340px; background: #fff; margin-left: 50px; padding: 20px; float: left; box-sizing: content-box;}
.case-wrap dl:first-child {margin-left: 0;}
.case-wrap dl.witnessdl01 {margin-left: 0;}
.case-wrap dt {width: 326px; height: 202px; margin-bottom: 10px;}
.case-wrap dt img {width: 326px;height:202px; }
.case-wrap dd span {font-size: 18px; height: 36px; border-bottom: 1px dashed #d5d5d6; margin-bottom: 6px;text-align: center;display: block;line-height: 36px;}
.case-wrap dd p {font-size: 14px; line-height: 24px; color: #828183;}
.case-wrap dl:hover {background: #0091b3;}
.case-wrap dl:hover span,.case-wrap dl:hover p {color: #fff;}

.about {height: 380px;overflow: hidden;}
.about dt { width: 463px; height: 320px; margin: 60px 0 0 0; float: left; position: relative; }
.about dt:after {content: ''; width: 468px; height: 355px; background:#e8e8e8; position: absolute; right: -18px; bottom: -18px;}
.about dt img {display: block;width: 463px;height: 300px; z-index: 10; position: relative;}
.about dd { width: 670px; float: right;}
.about dd h3 {font-size: 30px;font-weight: normal;margin: 50px 0 13px;line-height: 40px;}
.about dd h3 b { display: block; color: #565458;}
.about dd h3 a { color: #0091b3; }
.about dd p {font-size: 16px;color: #6f6f6f;line-height: 30px;text-indent: 2em;}

.news {overflow:hidden;background: url("../images/news_line.jpg") no-repeat center 90px;}
.newsatit{display: flow-root;}
.newsatit h2 {font-size: 24px; line-height: 36px;margin: 42px 0 15px; font-weight: normal;float:left;}
.newsatit h2 span {color: #565458;border-bottom: 3px solid #0091b3;display: inline-block;height: 47px;}
.newsatit h2 a:hover {color: #0091b3;}
.newsatit p {float: right;font-size: 14px;margin-top: 52px;line-height: 21px;}

.newsa {display:flow-root;}
.newslist {width: 390px;padding:0 5px 10px;float: left;}
.newslist p {text-align: center;padding: 6px;background-color: #0091b3;color: #FFF;font-size: 22px;line-height: 33px;letter-spacing: 5px;}
.newslist li {font-size: 14px;line-height: 21px;margin-top: 10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.newslist li a {}
.newslist li a:hover {color:#0091b3;}
.newslist li span {float:right;}

.question {overflow: hidden;background: url("../images/news_line.jpg") no-repeat center 90px;margin-bottom: 20px;}
.question h2 {font-size:24px; margin:42px 0 15px;font-weight: normal;}
.question h2 span {color:#565458;border-bottom: 3px solid #0091b3;display:inline-block;height: 47px;}
.qa {overflow: hidden;display: flow-root;}
.qa dl {width:590px;float: left;height: 135px;margin-bottom:30px;padding-right: 10px;}
.qa dl dt {width:218px;float: left;height: 135px;}
.qa dl dt img {width:218px;height: 135px;border: 1px solid #b2b2b2;}
.qa dl dd {width:355px;float: right;height: 135px;}
.qa dl dd a {font-size:15px; color: #565458;margin-bottom: 8px;white-space: nowrap;display: block;line-height: 21px;text-overflow: ellipsis;overflow: hidden;}
.qa dl dd a:hover {color: #0091b3;}
.qa dl dd p {font-size: 14px; color: #929292;line-height: 21px;margin-bottom: 15px;}
.qa dl dd span {display: block; font-size: 14px; color: #b2b2b2;float: right;line-height: 30px;}
.qa dl dd .sytag {float: left;background: #f5f5f5;border: #0091b3 1px solid;padding: 3px 10px;color: #0091b3;line-height: 22px;}

.flinktit h4 {font-size: 25px;color: #454545;font-weight: 500;text-align: center;}
.flinktit span  {display: block;width: 154px;height: 14px;margin: 10px auto;background: url("../images/tbg.jpg") center center no-repeat;}
.flink  {padding: 0 0 20px;}
.flinkc {width: 1180px;margin: 0 auto;}
.flink ul {white-space: nowrap;margin-top:20px;}
.flink ul li {float: left;margin-right: 6px;margin-bottom: 11px;}
.flink ul li a {display: block;height: 20px;padding: 0 6px;background: #fff;border: 1px solid #e2e2e2;color: #777;float: right;text-align: center;line-height: 20px;font-size:  12px;}
.flink ul li a:hover {background: #0091b3;color: #fff;border: 1px solid #0091b3;}