@charset "utf-8";
/* CSS Document */

.head{ position:relative;width:1200px; height:90px; margin:0 auto;}
.head .logo{ position:absolute; left:10px; bottom:0; width:100%; background:url(images/banner.jpg) no-repeat;}
.nav {width: 800px;height: 60px;margin-right:-160px;}
.nav li {list-style: none;width: 130px;height: 90px;float: left;text-align: center;line-height: 90px;position: relative;z-index: 99;font-size:20px;}



.about{ padding-top:40px;width:100%;margin:0 auto;margin-top:0px;background-color: #f5f5f5;}
.about .part1{ box-shadow: 0 -0.1px 20px #f3f3f3;width:1200px;background-color: #fff;margin:0 auto;border-bottom:none ;height:620px;margin-bottom:0px}
.about .part1 .partimg1{ width:500px;height:550px;position:relative;padding-left:20px;padding-top:36px;display:inline-block;}
.about .part1 .content{ padding:30px 50px; font-size:16px; color:#999; line-height:30px;padding-top:40px;width:520px;float:left;}
.about .part2{margin-bottom:0px; text-align: center;width:1200px;margin:0 auto;height:630px;margin-top:40px;height:600px;}
.about .part2 .partimg2{width:1200px;}
.about .part2 .title1{font-size:26px;letter-spacing:10px;color:#999;margin-bottom:16px;padding-top:0px;padding-top:20px;}
.about .part2 .title2{font-size:30px;color:#333;height:40px;display:inline-block;margin-top:-20px;margin-bottom:16px;}
.about .part2 .content { width: 1200px;height: 460px;float: left;margin-right:35px;margin-bottom: -10px;margin-top:20px;font-size:22px;color:#666666;padding-left:0px;}
.about .title1{font-size:26px;letter-spacing:10px;color:#999;margin-bottom:16px;padding-top:0px;}
.about .title2{font-size:30px;color:#333;height:40px;display:inline-block;margin-top:-20px;margin-bottom:16px;}
.line{display:block;margin-bottom:50px;}

.about .part3{height:700px; padding-bottom:80px;text-align: center;width: 1200px;margin:0 auto;background-color: #fff;margin-bottom:40px;box-shadow: 0 -0.1px 20px #f3f3f3;margin-top:30px;}
.about .part3 em{ display:block; font-size:22px;color:#333; position:relative;margin-bottom:20px;}
.about .part3 .partimg3{ width:500px;height:550px;position:relative;padding-left:50px;margin-top:-60px;display:inline-block;float:left;padding-right:50px;}
.about .part3 .content{ padding-top:60px; font-size:16px; color:#999; line-height:24px;display:inline-block;float:left;text-align:left;padding-bottom:20px;}
.about .part3 .content p{width:960px;margin-left:180px;margin-top:2px;}
.about .part3 .title{ }



.case{ width:1200px;margin:0 auto;margin-top:40px;margin-bottom:50px;}
.case li{ float:left; padding-left:333px; width:237px; height:334px; background:#f2f2f2; position:relative; margin:0 30px 20px 0;}
.case li a{ display:block; width:100%; height:100%;}
.case li .casewrap{ width:560px;position:relative;float:left;margin-bottom:30px;}
.case li .imgDiv{ position:absolute; left:0px; top:0px;}
.case li .name{ padding-top:34px; font-size:14px; color:#333;  overflow:hidden;margin-bottom:28px;padding-left:4px;}
.case .name em{  font-size:20px; position:relative;display:inline-block;}
.case li .msg{ font-size:14px; line-height:24px; color:#999; overflow:hidden;width:210px;padding-left:4px;padding-right:14px;height:210px;}
.case ul :hover{ background:#f4b45b;}
.case li :hover .name{ color:#fff;}
.case li:hover .msg{ color:#fff;}






.service{width:100%;margin:0 auto;padding-top:70px;margin-bottom:0px;background-color:#f5f5f5;}
.service .part1{margin:0 auto;margin-bottom:10px;text-align:center;width:1200px;}
.service .title1{font-size:26px;letter-spacing:10px;color:#999;margin-bottom:16px;}
.service .title2{font-size:30px;color:#333;height:40px;display:inline-block;margin-top:-20px;margin-bottom:16px;}
.line{display:block;margin-bottom:50px;}
.service .part1 .guarantee{margin:0 auto;position:relative;}
.service .part1 .guarantee .step{list-style:none;width:400px;float:left;}
.service .part1 .guarantee .step .em{padding-top:16px;display:inline-block;}
.service .part1 .guarantee .rectstep{width:380px; height:310px;background-color:#fff;display:inline-block;overflow:hidden;margin-bottom: 20px;}
.service .part1 .guarantee .circlestep{width:145px; height:145px; background-color:#f4b45b; border-radius:50%;text-align:center;display:inline-block;line-height:145px;vertical-align:middle;}
.service .part1 .guarantee .circlestep2{width:145px; height:145px; background-color:#698dd7; border-radius:50%;text-align:center;display:inline-block;margin:0 auto;}
.service .part1 .guarantee em{font-size:22px;display:inline-block;vertical-align:top;margin-left:8px;}
.service .part2{margin:0 auto;width:100%;margin-bottom:-30px;text-align:center;background-color:#fff;padding-top:50px;display:inline-block;}
.service .advantagewrap{margin:0 auto;width:1200px;}
.service .advantagewrap .servicelist{list-style:none;float:left;vertical-align:center;margin-right:50px;margin-bottom:20px;}
.service .advantagewrap .servicelist li{float:left;width:600px;height:164px;margin-right:20px;display:inline-block;overflow:hidden;position:relative;margin-bottom:20px;}
.service .servicelist .content{display:inline-block;position:relative;height:40px;line-height:20px;width:310px;margin-left:20px;font-size:16px;color:#666;margin-top:30px;text-align: left;vertical-align: top;}
.service .servicelist img{display:inline-block;padding:20px;background-color: #f5f5f5;}
.service .servicelist em{display:block;font-size:22px;font-style:normal;color:#333;text-align: left;margin-bottom:20px;}
.service .part3{margin:0 auto;padding-bottom:50px;text-align:center;padding-top:70px;display:inline-block;width:100%;}
.service .servicewrap{margin:0 auto;width:1200px;}
.service .servicewrap .serviceList{width:1200px;list-style:none;margin:0 40px;float:left;background-color: #fff;}
.service .servicewrap .serviceList li{float:left;height:168px;display:inline-block;position:relative;width:600px;}
.service .serviceList p{height:100px;line-height:26px;margin-top:14px;width:530px;font-size:16px;color:#666;padding-top:20px;text-align:left;margin-left:30px;}
.service .serviceList em{display:block;font-size:22px;margin-bottom:8px;font-style:normal;color:#333}




.contact{padding-top:40px;width:100%;background-color:#f5f5f5;}
.contact .content{width:1200px;margin:0 auto;}
.contact .contentright{width:500px;display:inline-block;padding-top:20px;position:relative;height:500px;font-size:14px;background-color:#fff;margin-left:20px;padding-left:20px;}
.contact .content img{display:inline-block;float:left;margin-right:20px;margin-top:0px;margin-bottom:8px;}
.contact .content p{color:#333;margin-bottom:50px;margin-top:60px;}
.contact em{display:block;font-size:22px;margin-bottom:8px;}



.footer .f_nav { height:50px; line-height:60px;font-size:16px; overflow:hidden;text-align:center;background-color:#1a6eae;width:100%;}
.footer a{ padding:0 27px; color:#fff;background:url(menu-fgx.jpg) no-repeat right 0;line-height:45px; display:inline-block;}