@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
body{min-width:1270px; width:100%;}

/*广告*/
.banner{ height:680px; overflow:hidden; position: relative; z-index: 1; margin-top: -73px;}
.banner .bd div{ height:680px; overflow:hidden; width: 100% !important;}
.banner a{ height:680px; display:block; overflow: hidden; width: 100% !important;}
.banner a.bd1{ background: url("Img/Index/banner1.jpg") no-repeat center 0;}
.banner a.bd2{ background: url("Img/Index/banner2.jpg") no-repeat center 0;}
.banner a.bd3{ background: url("Img/Index/banner3.jpg") no-repeat center 0;}

.banner .hd{ height:15px; overflow:hidden; position:absolute; left:36.5%; bottom:85px; z-index:1; }
.banner .hd ul{ overflow:hidden; zoom:1; float:left;  }
.banner .hd ul li{ float:left; margin-right:2px;  width:130px; height:10px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.banner .hd ul li.on{ background:#241713; color:#fff; opacity: .6;}


/*经典案例*/
.case{ background: #f3f3ee; overflow: hidden; height: 1200px; margin-bottom: 56px;}
.case .case_wrap{ width: 1200px; margin: 0 auto; height: 1280px; }
.case h2{ font-size: 35px; color: #261712; font-weight: normal; text-align: center; margin: 60px 0 50px;}
.case h2 span{ display: block; font-size: 16px; text-transform: uppercase; color: #24b080;}
.case_hd{ overflow: hidden; margin-bottom: 30px;}
.case_hd li{ width: 100px; float: left; margin-right: 174px; text-align: center;}
.case_hd li.none{ margin-right: 0;}
.case_hd li span{ display: block; font-size: 20px; color: #261712;}
.case_hd li span b{ display: block;}
.case_hd li em{ display: block; width: 86px; height: 97px; margin: 0 auto 20px;}
.case_hd .case1 em{ background: url("Img/Index/case_icon1.png") no-repeat;}
.case_hd .case2 em{ background: url("Img/Index/case_icon2.png") no-repeat;}
.case_hd .case3 em{ background: url("Img/Index/case_icon3.png") no-repeat;}
.case_hd .case4 em{ background: url("Img/Index/case_icon4.png") no-repeat;}
.case_hd .case5 em{ background: url("Img/Index/case_icon5.png") no-repeat;}
.case_hd li:hover em, .case .case_hd .cur em{ background-position: 0 -103px;}


.case_bd{ height: 800px;}

.case_bd .xc_c{ height: 800px; }
.case_bd .xc_c ul{ height: 680px; overflow: hidden;}
.case_bd .xc_c li{ float: left; margin: 0 2px 2px 0;}
.xc_z{ margin: 290px 0 0 -35px; width:35px; height: 75px; overflow: hidden;}
.xc_y{margin: 290px -35px 0 0; width:35px; height: 75px; overflow: hidden;}
.xcimg{width: 1200px;}
.xcimg li{ float: left; width: 1200px; height:680px; overflow: hidden;}
.xcimg li img{ width:1200px; height: 680px; display: block;}


.case_bd .xc_c dl{ width: 1200px; overflow: hidden; margin-top: 40px;}
.case_bd .xc_c dt{ font-size: 20px; color: #261712; margin-bottom: 30px; font-weight: bold; float: left; margin-top: 10px;}
.case_bd .xc_c dd{ float:right; display: block;width: 200px;height: 50px;line-height: 50px;text-align: center;font-size: 20px;color: #f3f3ee;background: #1ab07a;}
.case_bd .xc_c dd a{ color: #f3f3ee}




/*优势*/
.advantage{ overflow: hidden;}
.advantage h2{ width: 462px; height: 181px; margin: 75px 0 45px;}
.advantage p{ font-size: 14px; color: #666666; line-height: 30px; width: 460px;}
.advantage p b{ font-size: 18px;}
.advantage dl{ width: 600px; height: 250px; overflow: hidden;}
.advantage dt{ width: 450px; height: 250px; overflow: hidden; float: left;}
.advantage dt img{ width: 450px; height: 250px;}
.advantage dd{ float:left; margin: 50px 0 0 -150px; background: url("Img/Index/witness_bg.jpg") no-repeat 0 0; color: #fff; height: 150px; padding: 0 25px; width: 250px; overflow: hidden;}
.advantage dd h3{ margin: 28px 0 12px; background: url("Img/Index/witness_icon1.png") no-repeat 0 0; padding-left: 50px; font-size: 18px; font-weight: normal; height: 31px;}
.advantage dd h3 span{ display: block; background: url("Img/Index/witness_icon2.jpg") no-repeat 0 bottom; height: 27px; }
.advantage dd p{ font-size: 13px; line-height: 24px; color: #fff; width: 249px;}
.advantage1{ background: url("Img/Index/advantage_bg1.jpg") no-repeat center 0; height: 921px; overflow: hidden;}
.advantage1_wrap{height: 921px; overflow: hidden;}
.advantage1_wrap .witness1{margin: 204px 0 0 599px;}
.advantage2{ background: url("Img/Index/advantage_bg2.jpg") no-repeat center 0; height: 791px; overflow: hidden;}
.advantage2_wrap{height: 791px; overflow: hidden; }
.advantage2_wrap h2,.advantage2_wrap p{ margin-left: 735px;}
.advantage2_wrap .witness2{margin: 85px 0 0 599px;}
.advantage2_wrap .witness2 p{ margin-left: 0;}
.advantage3{ background: url("Img/Index/advantage_bg3.jpg") no-repeat center 0; height: 940px; overflow: hidden;}
.advantage3_wrap{height: 940px; overflow: hidden; margin-top: 35px;}
.advantage3_wrap .witness3{margin: 114px 0 0 0;}
.advantage3_wrap .witness3 dd{ float: left; margin: 50px 0 0 0; position: relative; z-index: 10;}
.advantage3_wrap .witness3 dt{ float: left; margin: 0 0 0 -150px; position: relative; z-index: 1;}



/*流程*/
.process{ background: url("Img/Index/process_bg.jpg") no-repeat center bottom; height: 605px; overflow: hidden; margin-top: 93px;}
.process h2{font-size: 35px; color: #260f12; font-weight: normal; width: 372px; margin: 0 auto 82px; text-align: center; padding-top: 12px;}
.process h2 span{ display: block; font-size: 15px; color: #24b080; text-transform: uppercase;}
.process h2 b{ padding-left: 38px;}
.process ul{overflow: hidden;margin-left: -1px;}
.process li{ width: 300px; height: 200px; float: left; overflow: hidden;}
.process li span{ float: left; font-size: 28px; color: #261712; margin: 81px 20px 0 67px;}
.process li span b{ display: block; margin-top: 10px;}
.process li em{ float: left; display: block; margin-top: 36px;}
.process li em i{ display: block; font-size: 15px; color: #261712; line-height: 32px;}
.process li.process_tel{ font-size: 16px; color: #261712; background: url("Img/Index/tel_icon.png") no-repeat center 0; margin-top: 44px; padding-top: 40px; text-align: center;}
.process li.process_tel p{ font-size: 22px;}
.process li.process1:hover{ background: url("Img/Index/process_bg1.jpg") no-repeat 0 0;}
.process li.process2:hover{ background: url("Img/Index/process_bg2.jpg") no-repeat 0 0;}
.process li.process3:hover{ background: url("Img/Index/process_bg3.jpg") no-repeat 0 0;}
.process li.process4:hover{ background: url("Img/Index/process_bg4.jpg") no-repeat 0 0;}
.process li.process6:hover{ background: url("Img/Index/process_bg7.jpg") no-repeat 0 0;}
.process li.process7:hover{ background: url("Img/Index/process_bg6.jpg") no-repeat 0 0;}
.process li.process8:hover{ background: url("Img/Index/process_bg5.jpg") no-repeat 0 0;}



/*设计师*/
.designer{ background: url("Img/Index/designer_bg.jpg") no-repeat center 0; height: 907px; margin-bottom: 120px;overflow: hidden;}
.designer p{ font-size: 15px; line-height: 28px; color: #666666; padding: 225px 0 0 302px; margin-bottom: 100px;}
.designer .design_hd{ width: 300px; float: left; overflow: hidden; margin-top: 120px;}
.designer .design_hd li{ width: 150px; height: 150px; float: left; overflow: hidden; display: block; position: relative;}
.designer .design_hd li span{  display: none; background: url("Img/Index/design_png.png") no-repeat 0 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.designer .design_hd li img{ display: block; width: 150px; height: 150px;}
.designer .design_hd .on span{ display: block; }
.designer .design_bd{ width: 900px; height: 526px; float: right; overflow: hidden;}
.designer .design_bd dt{ width: 415px; height: 526px; overflow: hidden; float: left;}
.designer .design_bd dt img{ display: block; width: 415px; height: 526px;}
.designer .design_bd dd{ width: 455px; padding: 20px 0 0 0; float: right;}
.designer .design_bd dd i{ display: block; text-transform: uppercase; color: #261712; font-size: 18px; margin: 5px 0 15px;}
.designer .design_bd dd h3{ font-size: 30px; color: #261712; font-weight: normal;}
.designer .design_bd dd span{ display: block; font-size: 15px; color: #333333; line-height: 25px; margin-bottom: 10px;}
.designer .design_bd dd .design_desc{ height: 456px; overflow: hidden;}
.designer .design_bd dd p{ font-size: 14px; color: #666666; line-height: 28px; padding: 0; margin-bottom: 10px;}
.designer .design_bd dd a{ display: block; width: 200px; height: 50px; line-height: 50px; text-align: center; font-size: 20px; color: #f3f3ee; background: #1ab07a;}




/*合作伙伴*/
.partner{ height: 636px; overflow: hidden; background: #f3f3ee;}
.partner h2{ text-align: center; color: #22110b; font-size: 35px; font-weight: normal; margin: 107px 0 55px;}
.partner h2 span{ display: block; font-size: 18px; color: #8e8986; letter-spacing: 10px;}
.partner_warp{ padding-top:61px; height: 141px; border-bottom: 4px solid #12a980; background: #fff; overflow: hidden; position: relative;}
.partner_warp .prev,.partner_warp .next{ width: 40px; height: 40px; display: block; margin-top: 20px;}
.partner_warp .prev{ margin-right: 75px;}
.partner_warp .partner_img li{ width: 175px; height: 73px; float: left; margin-right: 75px; overflow: hidden;}
.partner_warp .partner_img li img{ display: block; width: 175px; height: 73px; }
.partner p{ font-size: 16px; color: #261712; background: url("Img/Index/tel_icon.png") no-repeat 423px 2px; padding-left: 470px; margin-top: 57px;}
.partner p em{ font-size: 26px; padding-left: 30px;}



/*公司介绍*/
.about{ height: 730px; overflow: hidden; background: url("Img/Index/about_bg.jpg") no-repeat center 0;}
.about_wrap{ height: 730px; overflow: hidden; margin: 0 auto; width: 1200px; position: relative;}
.about dl{ height: 610px; margin-top: 120px;}
.about dt{ width: 540px; background: #fff; padding: 60px 0 0; text-align: center; height: 610px; overflow: hidden; float: left;}
.about dt .vedio{ width: 460px; height: 340px; display: block; margin: 0 auto;}
.about dt h3{ font-size: 33px; color: #260f12; font-weight: normal; margin-top: 65px;}
.about dt h3 span{ display: block; font-size: 16px; text-transform: uppercase; color: #b6b2b2; margin-top: 10px;}
.about dd{ width: 500px; overflow: hidden; float: right;}
.about dd i{ display: block; width: 100px; height: 4px; background: #24b080; margin-bottom: 40px;}
.about dd p{ font-size: 15px; line-height: 30px; color: #bbbaba; margin-bottom: 30px;}
.inquiry{ display: block; width: 200px; height: 50px; line-height: 50px; text-align: center; font-size: 20px; color: #f3f3ee; background: #1ab07a; float: right;}
.about .code{ width: 395px; height: 139px; position: absolute; bottom: 0; left: 540px;}
.about .code span{ float: left; width: 139px; height: 139px;}
.about .code img{ display: block; width: 139px; height: 139px;}
.about .code em{ float: right; background: url("Img/Index/code_icon.jpg") no-repeat 0 center; font-size: 16px; color: #261712; padding-left: 25px; margin-top: 98px;}



/*服务*/
.project{ overflow: hidden; margin: 100px 0 50px;}
.project .project_hd{ overflow: hidden; margin-bottom: 40px;}
.project .project_hd ul{ height: 70px; overflow: hidden;}
.project_hd li{ margin-right:66px; width: 220px; height: 70px; overflow: hidden; float: left; background: url("Img/Index/project_icon.jpg") no-repeat 0 5px; font-size: 20px; color: #261712; padding-left: 30px;}
.project_hd li span{ display: block; font-size: 13px; color: #999999; text-transform: uppercase;}
.project_hd li.none{ margin-right: 0;}

.project_bd_list{ display: none; height: 100px; color: #fff; line-height: 100px; font-size: 20px;height: 100px; background: url("Img/Index/project_bg.jpg") no-repeat center 0; overflow: hidden;}
.project_bd_list p{ float: left; width: 940px; padding-left: 60px;}
.project_bd_list span a{ display: block; width: 200px; float: right; text-align: center; color: #fff; text-decoration: none;}



/*荣誉资质*/
.honor_more{ background: url("Img/Index/honor_bg.jpg") no-repeat center 0; height: 781px; overflow: hidden;}
.honor{ height: 300px; overflow: hidden;}
.honor_title{ width: 300px; float: left; overflow: hidden; font-size: 16px; color: #bde1d2; line-height: 29px; margin-top: 126px;}
.honor_title span{ display: block; font-size: 24px; color: #fff;}
.honor_img{ width: 900px; height: 300px; float: right; overflow: hidden; position: relative;}
.honor_img li{ width: 300px; height: 300px; float: left; overflow: hidden;}
.honor_img li img{ display: block; width: 300px; height: 300px; }
.honor_img .next{ width: 40px; height: 40px; display: block; position: absolute; bottom: 0; right: 260px;}

.more{ margin: 45px 0 0 355px; overflow: hidden; height: 316px; position: relative;}
.more_title{ width: 300px; float: left; overflow: hidden; font-size: 16px; color: #bde1d2; line-height: 29px; }
.more_title span{ display: block; font-size: 24px; color: #fff;}
.more_title .honor_tel{ height:30px; font-size: 16px; background: url("Img/Index/tel_icon.png") no-repeat 0 0; color: #fff; margin: 35px 0 0 0; padding-left: 50px;}
.more_title em{ display: block; font-size: 24px; color: #fff;}
.more .inquiry{ position: absolute; top: 220px; right: 200px;  display: block; width: 200px; height: 50px; line-height: 50px; text-align: center; font-size: 20px; color: #f3f3ee; background: #1ab07a; }



/*返回顶部*/
.top{ width: 120px; height: 37px; position: fixed; right: 30px; bottom: 50px; }