@import url(style.css);

/*

二級页面

*/

/*服务领域*/

.serve_t{ border-bottom:1px solid #f5f5f5; padding-top:14px; padding-bottom:13px; overflow:hidden;}

.serve_t a{ display:inline-block;width:142px; overflow:hidden; text-align:center;font-size:16px; color:#333; height:43px; line-height:43px; border-radius:6px;}

.serve_t a:hover{ color:#c8a063;}

.serve_t a.isel{ background:#c8a063; color:#fff;}



.i_t2{ text-align:center; margin:0 auto;  margin-top:47px;overflow:hidden; }

.i_t2 h2{ display:inline-block; color:#333333; font-weight:normal; font-size:36px; height:58px; line-height:58px; position:relative; overflow:hidden; padding-left:34px; padding-right:34px;}

.i_t2 h2:before{ content:""; position:absolute; left:0; top:28px; height:2px; width:12px; background:#333333;}

.i_t2 h2:after{ content:""; position:absolute; right:0; top:28px; height:2px; width:12px; background:#333333;}

.i_t2 p{ padding-top:8px; padding-bottom:8px; line-height:28px;color:#888888; font-size:18px; overflow:hidden;}

.i_t2.white h2{ color:#fff;}

.i_t2.white h2:before{ background:#fff;}

.i_t2.white h2:after{ background:#fff;}

.i_t2.white p{ color:#fff;}

.serve_one{overflow:hidden; margin-top:32px;}

.serve_one li{float:left; width:20%; height:239px; text-align:center; font-size:20px; overflow:hidden; position:relative;}

.serve_one li a{display:block; width:100%;}

.serve_one li i{ width:140px; height:140px; display:block; margin:0 auto;transition:all 0.3s; background-position:center center; background-repeat:no-repeat; background-size:100% 100%; position:relative;}

.serve_one li i:after{    content: ""; position: absolute; width: 100%; height: 100%; left: 0%; top: 0; transition: all 0.3s; background-size: 0% 0%; background-repeat: no-repeat;background-position: center center; z-index: 1;}

.serve_one li.n1 i{ background-image:url(../images/i_a1.png);}

.serve_one li.n2 i{ background-image:url(../images/i_a2.png);}

.serve_one li.n3 i{ background-image:url(../images/i_a3.png);}

.serve_one li.n4 i{ background-image:url(../images/i_a4.png);}

.serve_one li.n5 i{ background-image:url(../images/i_a5.png);}

.serve_one li.n6 i{ background-image:url(../images/i_a6.png);}

.serve_one li.n7 i{ background-image:url(../images/i_a7.png);}

.serve_one li.n8 i{ background-image:url(../images/i_a8.png);}

.serve_one li.n9 i{ background-image:url(../images/i_a9.png);}

.serve_one li.n10 i{ background-image:url(../images/i_a10.png);}

.serve_one li.n1 i:after{ background-image:url(../images/i_a1_on.png);}

.serve_one li.n2 i:after{ background-image:url(../images/i_a2_on.png);}

.serve_one li.n3 i:after{ background-image:url(../images/i_a3_on.png);}

.serve_one li.n4 i:after{ background-image:url(../images/i_a4_on.png);}

.serve_one li.n5 i:after{ background-image:url(../images/i_a5_on.png);}

.serve_one li.n6 i:after{ background-image:url(../images/i_a6_on.png);}

.serve_one li.n7 i:after{ background-image:url(../images/i_a7_on.png);}

.serve_one li.n8 i:after{ background-image:url(../images/i_a8_on.png);}

.serve_one li.n9 i:after{ background-image:url(../images/i_a9_on.png);}

.serve_one li.n10 i:after{ background-image:url(../images/i_a10_on.png);}

.serve_one li .h2{ font-weight:normal; font-size:20px; color:#c8a063; height:76px; line-height:76px; overflow:hidden;transition:all 0.3s;}

.serve_one li:hover .h2{ color:#c8a063;}

.serve_one li:hover  i:after{background-size:100% 100%;}

.serve_a{ text-align:center;margin-bottom:50px;}

.serve_a a{  display:inline-block; margin:0 auto; margin-left:13px; margin-right:13px; width:142px; overflow:hidden; text-align:center;font-size:18px; color:#fff; height:48px; line-height:48px;border-radius:6px; background:#c8a063; }

.serve_a a:hover{opacity:0.8;filter:Alpha(opacity=80);color:#fff;transition:all 0.3s;}

.serve_a a.w1{ width:210px; border-radius:10px;}

.serve_a a.w2{ width:172px;}



.serve_a2{ text-align:center;margin-bottom:50px; overflow:hidden; clear:both;}

.serve_a2 a{  display:inline-block; margin:0 auto; margin-left:13px; margin-right:13px; width:180px; overflow:hidden; text-align:center;font-size:18px; color:#333; height:48px; line-height:48px;border-radius:6px; background:#fff; }

.serve_a2 a:hover{opacity:0.8;filter:Alpha(opacity=80);color:#333;transition:all 0.3s;}





.serve_two{ height:789px; overflow:hidden; background:url(../images/serve_bg1.jpg) center center no-repeat;}

.serve_two_ul{margin-top:43px;}

.serve_two_ul li{float:left; width:33.33%; height:310px; margin-bottom:6px; text-align:center; font-size:16px; overflow:hidden;transition:all 0.3s;}

.serve_two_ul li img{display:block; width:144px; margin:0 auto;}

.serve_two_ul li .h2{ font-weight:normal; font-size:24px; height:50px; line-height:50px; overflow:hidden;transition:all 0.3s; margin-top:7px; color:#fff;}

.serve_two_ul li .p{ line-height:25px; height:75px; overflow:hidden; width:330px; margin:0 auto; color:#fff;}

.serve_two_ul li:Hover{ margin-top:-6px; margin-bottom:12px;}

.serve_three{ overflow:hidden; margin-top:52px; position:relative; height:399px;}

.serve_three:before{ content:""; position:absolute; left:0; top:173px; height:1px; width:100%; background:#dcdcdc;}

.serve_three li{float:left; width:16.66%; height:355px; text-align:center; font-size:18px; overflow:hidden; position:relative; color:#333; background:url(../images/serve_bg2.png) center 164px no-repeat;}

.serve_three li:nth-child(2n+0){background:url(../images/serve_bg3.png) center 164px no-repeat;}

.serve_three li i{ width:130px; height:130px; display:block; margin:0 auto;transition:all 0.3s; background:#c6c6c6; border-radius:50%;position:relative; margin-bottom:10px;}

.serve_three li:Hover i{background:#c8a063; }

.serve_three li img{ width:100%;}

.serve_three li .p{ overflow:hidden; padding-top:76px; line-height:25px; height:50px; margin:0 auto; margin-bottom:90px; width:190px;}

.serve_four{ height:867px; overflow:hidden; background:url(../images/serve_bg4.jpg) center center no-repeat;}

.serve_four_ul{margin-top:29px; margin-bottom:20px; overflow:hidden;}

.serve_four_ul li{float:left; width:583px; height:272px; background:#fff; border:1px solid #e2e1de; margin-bottom:30px;font-size:14px; color:#666;overflow:hidden;transition:all 0.3s;}

.serve_four_ul li:nth-child(2n+0){ float:right;}

.serve_four_ul li:hover{border:1px solid #fff;}

.serve_four_ul li img{ float:left;width:185px; height:185px; border-radius:50%; margin-left:19px; margin-top:30px;transition:all 0.3s; }

.serve_four_ul li:hover img{opacity:0.8;filter:Alpha(opacity=80); }

.serve_four_ul li .txts{ float:right; width:350px; overflow:hidden; margin-right:10px; margin-top:24px; line-height:24px;}

.serve_four_ul li .txts .h2{ font-weight:normal; height:36px; line-height:36px; overflow:hidden; color:#494949; font-size:26px; margin-bottom:9px;}

.serve_four_ul li .txts .h2 label{ color:#666; font-size:14px; padding-left:19px;}

.serve_four_ul li .txts .p{ line-height:24px; height:24px; overflow:hidden;}

.serve_four_ul li .txts .p2{ line-height:24px; height:48px; overflow:hidden;}

.serve_four_ul li .txts .a{ overflow:hidden; margin-top:15px;}

.serve_four_ul li .txts .a a{ float:left;width:138px; overflow:hidden; text-align:center;font-size:14px; color:#666; height:40px; line-height:40px; border-radius:6px;transition:all 0.3s; border:1px solid #e0e0e0; margin-right:10px;}

.serve_four_ul li .txts .a a:hover{opacity:0.8;filter:Alpha(opacity=80); background:#c8a063; color:#fff;}

.serve_four_ul li .txts .a a.bgs1{ background:#c8a063; color:#fff;}

.serve_five{ overflow:hidden;}



/*团队风采*/

.team_bg{ overflow:hidden; background:#f5f5f5;}

.team_ul{margin-top:29px; margin-bottom:20px;}

.team_ul li{float:left; width:583px; height:272px; background:#fff; margin-bottom:30px;font-size:14px; color:#666;overflow:hidden;transition:all 0.3s;}

.team_ul li:nth-child(2n+0){ float:right;}

.team_ul li:hover{background:#c8a063; color:#fff;}

.team_ul li img{ float:left;width:185px; height:185px; border-radius:50%; margin-left:19px; margin-top:30px;transition:all 0.3s; }

.team_ul li:hover img{opacity:0.8;filter:Alpha(opacity=80); }

.team_ul li .txts{ float:right; width:350px; overflow:hidden; margin-right:10px; margin-top:24px;}

.team_ul li .txts .h2{ font-weight:normal; height:36px; line-height:36px; overflow:hidden; color:#494949; font-size:26px; margin-bottom:9px;}

.team_ul li .txts .h2 label{ color:#666; font-size:14px; padding-left:19px;}

.team_ul li .txts .p{ line-height:24px; height:24px; overflow:hidden;}

.team_ul li .txts .p2{ line-height:24px; height:48px; overflow:hidden;}

.team_ul li .txts .a{ overflow:hidden; margin-top:15px;}

.team_ul li .txts .a a{ float:left;width:138px; overflow:hidden; text-align:center;font-size:14px; color:#666; height:40px; line-height:40px; border-radius:6px;transition:all 0.3s; border:1px solid #e0e0e0; margin-right:10px;}

.team_ul li:hover .txts .a a{ color:#fff;}

.team_ul li .txts .a a:hover{background:#fff; color:#333;}

.team_ul li:hover .txts .h2{ color:#fff;}

.team_ul li:hover .txts .h2 label{color:#fff;}



.team_one{margin-top:29px; margin-bottom:36px;}

.team_one img{ float:left;width:269px; height:269px; border-radius:50%; margin-left:19px; margin-top:35px;transition:all 0.3s; }

.team_one img:hover{opacity:0.8;filter:Alpha(opacity=80); }

.team_one .txts{ float:right; width:890px; overflow:hidden; font-size:14px; color:#666666;}

.team_one .txts .h2{ font-weight:bold; height:70px; line-height:70px; overflow:hidden; color:#494949; font-size:26px; margin-bottom:24px; border-bottom:1px solid #dbdbdb;}

.team_one .txts .h2 label{ color:#666666; font-size:14px; padding-left:19px; font-weight:normal;}

.team_one .txts .p{ line-height:22px; overflow:hidden; margin-bottom:9px;}

/*.team_one .txts .p2{ line-height:22px; overflow:hidden;}*/

.team_one .txts .a{ overflow:hidden; margin-top:15px;}

.team_one .txts .a a{ float:left;width:138px; overflow:hidden; text-align:center;font-size:14px; color:#fff; height:40px; line-height:40px; border-radius:6px;transition:all 0.3s; border:1px solid #c8a063; margin-right:10px; background:#c8a063;}

.team_one .txts .a a:hover{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);}

.team_t{ clear:both; overflow:hidden; text-align:center;font-size:18px; color:#fff; height:46px; line-height:46px; border:1px solid #c8a063;background:#c8a063; margin-top:35px; margin-bottom:20px;}

.team_con{ overflow:hidden; color:#666666; font-size:14px; line-height:27px; padding-left:8px; padding-right:8px; padding-bottom:30px;}

.team_con img{ max-width:100%;}

.team_con b{ display:block; font-size:20px; font-weight:bold; color:#474747; margin-top:6px;}

.team_t2{ overflow:hidden; margin-bottom:19px; margin-top:10px;}

.team_t2 h2{font-size:20px;line-height:32px;  float:left; font-weight:bold;  color:#cba56c; padding-left:10px; border-left:4px solid #cba56c;}



/*联系我们*/

.contact_bg{ background:#f8f8f8; overflow:hidden; padding-bottom:62px;}

.contact_one{ margin-top:30px; overflow:hidden; padding-left:442px; background:url(../images/contact_bg1.png) 13px top no-repeat; padding-top:75px; min-height:336px;}

.contact_one ul li{ float:left; width:298px; overflow:hidden; height:60px; line-height:60px; padding-left:80px; font-size:18px; color:#333; margin-bottom:30px;}

.contact_one ul li:nth-child(1){background:url(../images/contact_pic1.png) left center no-repeat;}

.contact_one ul li:nth-child(2){background:url(../images/contact_pic2.png) left center no-repeat;}

.contact_one ul li:nth-child(3){background:url(../images/contact_pic3.png) left center no-repeat;}

.contact_one ul li:nth-child(4){background:url(../images/contact_pic4.png) left center no-repeat;}

.contact_one ul li:nth-child(5){background:url(../images/contact_pic5.png) left center no-repeat;}

.contact_one ul li:nth-child(6){background:url(../images/contact_pic6.png) left center no-repeat;}

.contact_one ul li b{ color:#dab96b; font-size:26px; width:43px; float:left; font-weight:normal;}

.contact_map{ overflow:hidden; margin-top:20px;}

.contact_map iframe{height: 510px;}



.con_ul{ overflow:hidden; clear:both;  margin-bottom:60px; border:1px solid #e4e4e4;}

.con_ul ul li{width:calc(33.33% - 1px);width:-webkit-calc(33.33% - 1px);width:-moz-calc(33.33% - 1px); float:left; overflow:hidden; text-align:center; font-size:16px; color:#333333; line-height:32px;position:relative;border-right:1px solid #e4e4e4;padding-top:50px; padding-bottom:54px;}

.con_ul ul li img{width:100px; border-radius:50%; display:block;  margin:0 auto; margin-bottom:27px;transition:all 0.3s;}

.con_ul ul li h2{ font-weight:normal;color:#333333; height:34px; line-height:34px; font-size:18px;}

.con_ul ul li p{ max-width:380px; margin:0 auto; width:94%; height:60px; overflow:hidden;}

.con_ul ul li:last-child{ border-right:0;}



.contact_bg2{ background:#f8f8f8; overflow:hidden; }

.ui-contactform{ overflow:hidden; clear:both; padding-top:18px;}

.ui-contactform table{width: 100%;}

.ui-contactform table tr{}

.ui-contactform table tr td{padding-bottom: 30px;}

.ui-contactform .text-center{ text-align:center;}

.ui-contactform .tt{width: 375px; margin-right:30px;background-color: #fff; border:1px solid #e4e4e4; position: relative;}

.ui-contactform .tt >label{line-height: 46px;color: #666;font-size: 16px;position: absolute;top: 0;left: 20px;text-indent: 30px;}

.ui-contactform .tt:nth-child(3){ margin-right:0;}

.ui-contactform .tt >label.bgs1{ background:url(../images/contact_bg2.png) 0px center no-repeat;}

.ui-contactform .tt >label.bgs2{ background:url(../images/contact_bg3.png) 0px center no-repeat;}

.ui-contactform .tt >label.bgs3{ background:url(../images/contact_bg4.png) 0px center no-repeat;}

.ui-contactform .tt textarea,

.ui-contactform .tt input{border: none;width: 100%;height: 46px;background: none;text-indent: 110px;line-height: 46px;outline:none; font-size:16px; color:#333333;}

.ui-contactform .tt textarea{width:calc(100% - 20px);width:-webkit-calc(100% - 20px);width:-moz-calc(100% - 20px);  padding-left:10px; padding-right:10px;height: 250px;text-indent: 110px;line-height: 35px;}

.ui-contactform .tt.endwidth{width:calc(100% - 30px);width:-webkit-calc(100% - 30px);width:-moz-calc(100% - 30px); margin-right:0; }

.ui-contactform .bt{display: inline-block;width: 208px;line-height: 50px;text-align: center;color: #fff;background: #c8a063; border:none;font-size: 16px; margin-top:20px; margin-bottom:50px; border-radius:4px;}

.ui-contactform .bt:hover{opacity: .8;}



/*品牌介绍*/

.brand_bg{ background:#f5f5f5; overflow:hidden;}

.brand_one{ overflow:hidden; margin-bottom:61px; background:#fff; margin-top:29px;}

.brand_one ul li{height:340px; display:block;overflow:hidden;}

.brand_one ul li .imgs{ overflow:hidden; width:50%; float:left;}

.brand_one ul li .imgs img{ width:100%;transition:all 0.3s;}

.brand_one ul li:hover .imgs img{opacity:0.8;filter:Alpha(opacity=80);}

.brand_one ul li .txts{ float:left; width:50%; overflow:hidden;}

.brand_one ul li .txts .cons{ width:520px; margin:0 auto; overflow:hidden; font-size:16px; color:#333333; line-height:28px; padding-top:25px;}

.brand_two{ height:669px; overflow:hidden; background:url(../images/brand_bg1.jpg) center center no-repeat;}

.brand_three{ overflow:hidden; padding-top:30px; padding-bottom:60px;}

.brand_three img{ width:100%;}

.brand_four{ overflow:hidden; height:613px;background:url(../images/brand_bg3.jpg) center center no-repeat;}

.brand_four .owl-demo4.owl-theme .owl-controls .owl-page span{ background:#c9c9c9;}

.brand_four .owl-demo4.owl-theme .owl-controls .owl-page.active span, .brand_four .owl-demo4.owl-theme .owl-controls.clickable .owl-page:hover span{ background:#fff;}

.brand_four .owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(../images/left4.png) center center no-repeat; }

.brand_four .owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{opacity:0.8;filter:Alpha(opacity=80);background:url(../images/left4.png) center center no-repeat;}

.brand_four .owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-next{ background:url(../images/right4.png) center center no-repeat; }

.brand_four .owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-next:hover{opacity:0.8;filter:Alpha(opacity=80);background:url(../images/right4.png) center center no-repeat; }



.brand_five{margin-top:29px; margin-bottom:20px; overflow:hidden;}

.brand_five li{float:left; width:583px; height:272px; background:#fff; margin-bottom:30px;font-size:14px; color:#666;overflow:hidden;transition:all 0.3s; border:1px solid #e5e5e5;}

.brand_five li:nth-child(2n+0){ float:right;}

.brand_five li:hover{background:#c8a063; color:#fff;}

.brand_five li img{ float:left;width:185px; height:185px; border-radius:50%; margin-left:19px; margin-top:30px;transition:all 0.3s; }

.brand_five li:hover img{opacity:0.8;filter:Alpha(opacity=80); }

.brand_five li .txts{ float:right; width:350px; overflow:hidden; margin-right:10px; margin-top:24px;}

.brand_five li .txts .h2{ font-weight:normal; height:36px; line-height:36px; overflow:hidden; color:#494949; font-size:26px; margin-bottom:9px;}

.brand_five li .txts .h2 label{ color:#666; font-size:14px; padding-left:19px;}

.brand_five li .txts .p{ line-height:24px; height:24px; overflow:hidden;}

.brand_five li .txts .p2{ line-height:24px; height:48px; overflow:hidden;}

.brand_five li .txts .a{ overflow:hidden; margin-top:15px;}

.brand_five li .txts .a a{ float:left;width:138px; overflow:hidden; text-align:center;font-size:14px; color:#666; height:40px; line-height:40px; border-radius:6px;transition:all 0.3s; border:1px solid #e0e0e0; margin-right:10px;}

.brand_five li:hover .txts .a a{ color:#fff;}

.brand_five li .txts .a a:hover{background:#fff; color:#333;}

.brand_five li:hover .txts .h2{ color:#fff;}

.brand_five li:hover .txts .h2 label{color:#fff;}



/*品质保障*/

.baozhang_bg{ background:#f5f5f5; overflow:hidden;}

.baozhang_one{ margin-top:29px; padding-top:106px;  }

.baozhang_one li{float:left; width:372px; height:435px; background:#fff; margin-bottom:60px;font-size:16px; margin-right:40px; color:#333;transition:all 0.3s; text-align:center;}

.baozhang_one li:nth-child(3n+0){ margin-right:0;}

.baozhang_one li:hover{background:#c8a063; color:#fff;-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.1); box-shadow: 0 5px 15px rgba(0,0,0,0.1); }

.baozhang_one li img{ width:186px; height:186px; border-radius:50%; margin:0 auto;margin-top:-106px; }

.baozhang_one li .txts{  padding-left:15px; padding-right:15px; overflow:hidden;}

.baozhang_one li .txts .h2{ font-weight:normal; height:46px; line-height:46px; overflow:hidden; color:#333; font-size:26px; margin-top:31px; margin-bottom:16px;transition:all 0.3s; }

.baozhang_one li .txts .p{ line-height:26px; overflow:hidden;}

.baozhang_one li:hover .txts .h2{ color:#fff;}

.baozhang_two{ height:421px; overflow:hidden; background:url(../images/baozhang_bg1.jpg) center center no-repeat;}

.baozhang_two_ul{overflow:hidden; margin-top:25px;}

.baozhang_two_ul li{float:left; width:33.33%; height:219px; text-align:center; font-size:20px; overflow:hidden; position:relative; margin-top:5px;transition:all 0.3s;}

.baozhang_two_ul li a{display:block; width:100%;}

.baozhang_two_ul li i{ width:130px; height:130px; display:block; margin:0 auto;transition:all 0.3s; background-position:center center; background-repeat:no-repeat; background-size:100% 100%; position:relative;}

.baozhang_two_ul li i:after{    content: ""; position: absolute; width: 100%; height: 100%; left: 0%; top: 0; transition: all 0.3s; background-size: 0% 0%; background-repeat: no-repeat;background-position: center center; z-index: 1;}

.baozhang_two_ul li.n1 i{ background-image:url(../img/baozhang_ico1.png);}

.baozhang_two_ul li.n2 i{ background-image:url(../img/baozhang_ico2.png);}

.baozhang_two_ul li.n3 i{ background-image:url(../img/baozhang_ico3.png);}

/*.baozhang_two_ul li.n1 i:after{ background-image:url(../img/baozhang_ico1.png);}

.baozhang_two_ul li.n2 i:after{ background-image:url(../img/baozhang_ico2.png);}

.baozhang_two_ul li.n3 i:after{ background-image:url(../img/baozhang_ico3.png);}*/

.baozhang_two_ul li .h2{ font-weight:normal; font-size:24px; color:#fff; height:86px; line-height:86px; overflow:hidden;transition:all 0.3s;}

.baozhang_two_ul li:hover .h2{ color:#fff;}

.baozhang_two_ul li:hover  i:after{background-size:100% 100%;}

.baozhang_two_ul li:hover{ margin-top:0px;}

.baozhang_two_ul li:hover i{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}

.baozhang_three{ background:#fbfbfb; overflow:hidden;}

.baozhang_three_div{ margin-top:33px; margin-bottom:53px; overflow:hidden; height:469px; background:url(../images/baozhang_bg2.png) top center no-repeat; position:relative; color:#333333; font-size:20px;line-height:105px;}

.baozhang_three_div p{height:105px;position:absolute; overflow:hidden; }

.baozhang_three_div .txt1{  top:0; left:0; width:339px; text-align:right; }

.baozhang_three_div .txt2{  top:0; left:865px; width:336px; }

.baozhang_three_div .txt3{  top:196px; left:0; width:285px; text-align:right; }

.baozhang_three_div .txt4{  top:196px; left:922px; width:283px; }

.baozhang_three_div .txt5{  top:364px; left:0; width:385px; text-align:right; }

.baozhang_three_div .txt6{  top:364px; left:812px; width:388px; }

.baozhang_four{ background:#ebebeb; overflow:hidden;}

.baozhang_five{ height:582px; overflow:hidden; background:url(../images/baozhang_bg3.jpg) center center no-repeat;}

.baozhang_five_ul{overflow:hidden; margin-top:50px;}

.baozhang_five_ul li{float:left; width:16.66%; text-align:center; font-size:20px; overflow:hidden; position:relative;color:#fff;}

.baozhang_five_ul li a{display:block; width:100%;}

.baozhang_five_ul li i{ width:128px; height:128px; display:block; margin:0 auto;transition:all 0.5s; background-position:center center; background-repeat:no-repeat; background-size:100% 100%; position:relative;}

.baozhang_five_ul li i:after{    content: ""; position: absolute; width: 100%; height: 100%; left: 0%; top: 0; transition: all 0.5s; background-size: 0% 0%; background-repeat: no-repeat;background-position: center center; z-index: 1;}

.baozhang_five_ul li.n1 i{ background-image:url(../img/baozhang_a1.png);}

.baozhang_five_ul li.n2 i{ background-image:url(../img/baozhang_a2.png);}

.baozhang_five_ul li.n3 i{ background-image:url(../img/baozhang_a3.png);}

.baozhang_five_ul li.n4 i{ background-image:url(../img/baozhang_a4.png);}

.baozhang_five_ul li.n5 i{ background-image:url(../img/baozhang_a5.png);}

.baozhang_five_ul li.n6 i{ background-image:url(../img/baozhang_a6.png);}

.baozhang_five_ul li.n1 i:after{ background-image:url(../img/baozhang_a1_on.png);}

.baozhang_five_ul li.n2 i:after{ background-image:url(../img/baozhang_a2_on.png);}

.baozhang_five_ul li.n3 i:after{ background-image:url(../img/baozhang_a3_on.png);}

.baozhang_five_ul li.n4 i:after{ background-image:url(../img/baozhang_a4_on.png);}

.baozhang_five_ul li.n5 i:after{ background-image:url(../img/baozhang_a5_on.png);}

.baozhang_five_ul li.n6 i:after{ background-image:url(../img/baozhang_a6_on.png);}

.baozhang_five_ul li .h2{ font-weight:normal; font-size:26px;  height:46px; line-height:46px; overflow:hidden;transition:all 0.3s; margin-top:18px;}

.baozhang_five_ul li .p{ line-height:28px; overflow:hidden; font-size:16px; max-width:172px; margin:0 auto;}

.baozhang_five_ul li:hover i:after{background-size:100% 100%;}



.baozhang_six{ verflow:hidden; margin-bottom:18px;}

.baozhang_six_ul{margin-top:39px;}

.baozhang_six_ul li{float:left; display:inline; width:25%; margin-bottom:35px; text-align:center; font-size:15px; color:#666666; overflow:hidden;transition:all 0.3s; line-height:24px; }

.baozhang_six_ul li img{display:block; width:165px; margin:0 auto; height:165px; border-radius:50%;}

.baozhang_six_ul li .h2{ font-weight:normal; font-size:22px; height:70px; line-height:70px; overflow:hidden;transition:all 0.3s; margin-top:7px; color:#c8a063; }

.baozhang_six_ul li .p{ line-height:24px; height:96px; overflow:hidden; width:256px; margin:0 auto;}

.baozhang_six_ul li:Hover{ margin-top:-6px; margin-bottom:41px;}



.baozhang_seven{ background:#fbfbfb; overflow:hidden; padding-bottom:56px;}

.baozhang_seven_ul{overflow:hidden; margin-top:25px;}

.baozhang_seven_ul li{float:left; width:25%;  text-align:center; font-size:16px; color:#666666; overflow:hidden; position:relative; margin-top:5px;transition:all 0.3s;}

.baozhang_seven_ul li a{display:block; width:100%;}

.baozhang_seven_ul li i{ width:165px; height:165px; display:block; margin:0 auto;transition:all 0.3s; background-position:center center; background-repeat:no-repeat; background-size:100% 100%; position:relative;}

.baozhang_seven_ul li i:after{    content: ""; position: absolute; width: 100%; height: 100%; left: 0%; top: 0; transition: all 0.3s; background-size: 0% 0%; background-repeat: no-repeat;background-position: center center; z-index: 1;}

.baozhang_seven_ul li.n1 i{ background-image:url(../img/baozhang_ico4.png);}

.baozhang_seven_ul li.n2 i{ background-image:url(../img/baozhang_ico5.png);}

.baozhang_seven_ul li.n3 i{ background-image:url(../img/baozhang_ico6.png);}

.baozhang_seven_ul li.n4 i{ background-image:url(../img/baozhang_ico7.png);}

.baozhang_seven_ul li .h2{ font-weight:normal; font-size:24px; color:#333333; height:50px; line-height:50px; overflow:hidden;transition:all 0.3s; margin-top:24px;}

.baozhang_seven_ul li .p{ line-height:26px; width:238px; margin:0 auto; overflow:hidden;color:#666666;}

.baozhang_seven_ul li:hover  i:after{background-size:100% 100%;}

.baozhang_seven_ul li:hover{ margin-top:0px; margin-bottom:5px;}

.baozhang_seven_ul li:hover i{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}



/*装修百科*/

.news_a{ text-align:center; margin-top:50px;}

.news_a a{  display:inline-block; margin:0 auto; margin-left:10px; margin-right:10px; width:142px; overflow:hidden; text-align:center;font-size:16px; color:#333333; height:42px; line-height:42px;border-radius:6px; background:#ebebeb; }

.news_a a:hover{/*opacity:0.8;filter:Alpha(opacity=80);*/color:#fff;transition:all 0.3s; background:#c8a063;}

.news_a a.isel{color:#fff;background:#c8a063;}

.news_con{ overflow:hidden;}

.news_con ul li{ overflow:hidden; padding-top:24px; margin-bottom:16px; padding-bottom:40px; border-bottom:1px dashed #e2e2e2; display:block;}

.news_con ul li .imgs{ width:307px; float:left; display:inline; overflow:hidden; border-radius:4px;}

.news_con ul li .imgs img{width:100%; height:211px;/* -webkit-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);transition-duration: 0.3s;transition-timing-function: ease-out;transition-property: opacity, transform, filter;*/-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}

.news_con ul li:hover .imgs img{/*-webkit-transform: scale(1.2) rotate(4deg); transform: scale(1.2) rotate(4deg);*/-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

.news_con ul li .i_about_r{ float:right; display:inline; line-height:24px; width:856px; overflow:hidden; }

.news_con ul li .i_about_r h3{ line-height:44px; height:44px; overflow:hidden; font-size:20px; color:#666666; font-weight:normal;transition: all 0.3s;}

.news_con ul li .i_about_r em{ font-style:normal; font-size:14px; display:block; color:#999999; height:22px; line-height:22px;}

.news_con ul li .i_about_r .p{ height:48px; overflow:hidden; font-size:14px; color:#666666; line-height:24px; margin-bottom:23px; margin-top:11px;}

.news_con ul li .i_about_r .news_more{ width:140px; text-align:center; float:right; height:42px; line-height:42px;  color:#666666; font-size:14px;transition: all 0.3s; background:#f2f2f2; border-radius:4px;}

.news_con ul li:hover .i_about_r .news_more{filter: Alpha(Opacity=80);opacity: 0.8;background:#c8a063;color:#fff; }

.news_con ul li .i_about_r .news_more:hover{ margin-left:5px;}

.news_con ul li:hover .i_about_r h3{ color:#c8a063;}



/*新闻详细*/

.new_show{ overflow:hidden;}

.new_show_l_top{ background:#f6f6f6; padding-top:33px; padding-bottom:28px;  overflow:hidden; margin-top:1px; border-top:1px solid #f3f3f3;}

.new_show_l_top.cases{background:#fff; padding-bottom:0;}

.new_show_l_top h1{ font-size:30px; line-height:40px; overflow:hidden; color:#c8a063;  font-weight:normal; text-align:center;}

.new_show_l_top.cases h1{color:#333333;}

.new_show_l_top .p{ height:40px; line-height:40px; overflow:hidden; font-size:14px; color:#999999; text-align:center; margin-top:5px;}

.new_show_l_top .dates{ display:inline-block; overflow:hidden; vertical-align:top;}

.new_show_l_text{ padding-top:33px;line-height:26px; font-size:14px; color:#666666; overflow:hidden; padding-bottom:25px; }

.new_show_l_text p{ margin-bottom:12px; font-size:14px; overflow:hidden;}

.new_show_l_text img{ max-width: 100%;}

.new_show_l_text table{border-collapse:collapse;border-spacing:0; margin-bottom:30px;}

.new_show_l_text table td{ line-height:22px; padding-top:8px; padding-bottom:8px; border:1px solid #e1e1e1; color:#333; padding-left:30px;}

.new_show_l_text table td.bgs{ padding-left:0; width:108px; text-align:center; background:#f2f2f2;}



.fenxiang{  overflow:hidden; display:inline-block;vertical-align:top;}

.fenxiang .span{line-height:40px; display:inline-block; font-size:14px; color:#999999; }

.fenxiang .news_fx{ text-align:center; display:inline-block;vertical-align:top; margin-top:6px;}

.fenxiang .news_fx ul li{ display:inline-block; width:20px; height:20px; overflow:hidden; margin-left:4px; margin-right:4px; background-repeat:no-repeat; background-size:100% 100%; cursor:pointer;}

.fenxiang .news_fx ul li.bgs1{ background-image:url(../images/fx_pic1.png);}

.fenxiang .news_fx ul li.bgs2{ background-image:url(../images/fx_pic2.png);}

.fenxiang .news_fx ul li.bgs3{ background-image:url(../images/fx_pic3.png);}

.fenxiang .news_fx ul li.bgs4{ background-image:url(../images/fx_pic4.png);}

.fenxiang .news_fx ul li:hover{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);}

.fenxiang .news_fx ul li a{ display:block; width:100%; height:100%;}



.news_page{ overflow:hidden; height:74px; line-height:74px; border-top:1px solid #e9e9e9; color:#666666; font-size:14px;}

.news_page a{color:#666666;}

.news_page a:hover{color:#c8a063;}





/*作品案例*/

.case_bg{ background:#ebebeb; overflow:hidden;}

.case_a{ text-align:center; margin-top:50px;}

.case_a a{  display:inline-block; margin:0 auto; margin-left:10px; margin-right:10px; width:142px; overflow:hidden; text-align:center;font-size:16px; color:#333333; height:42px; line-height:42px;border-radius:6px; background:#fff; }

.case_a a:hover{/*opacity:0.8;filter:Alpha(opacity=80);*/color:#fff;transition:all 0.3s; background:#c8a063;}

.case_a a.isel{color:#fff;background:#c8a063;}

.case_type{ background:#fff; overflow:hidden; padding-left:30px; padding-right:22px; padding-top:10px; padding-bottom:12px;}

.case_type ul li{ display:block; overflow:hidden; border-bottom:1px dashed #ebebeb; padding-top:20px; padding-bottom:20px; }

.case_type ul li:last-child{ border-bottom:0;}

.case_type ul li label{ float:left; width:136px; height:44px; line-height:44px; overflow:hidden; color:#fff; font-size:16px; background:#bcbcbc; border-radius:6px; text-align:center;}

.case_type ul li .txts{ float:right; width:965px; line-height:44px; overflow:hidden; color:#333333; font-size:16px;}

.case_type ul li .txts a{ float:left; margin-right:49px;color:#333333; font-size:16px;}

.case_type ul li .txts a.isel{ color:#c8a063;}

.case_type ul li .txts a:hover{ color:#c8a063;}

.case_type ul li .txts a sup{ font-size:12px;}



.case_ul{overflow:hidden; margin-top:42px;}

.case_ul li{float:left; width:32%; margin-right:2%; margin-bottom:2%;  text-align:center; font-size:16px; color:#fff; overflow:hidden;}

.case_ul li:nth-child(3n+0){ margin-right:0;}

.case_ul li img{display:block;width:100%; height:273.77px; vertical-align:middle;display:inline-block;-webkit-transition: all 0.8s ease-out;

-ms-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;

transition: all 0.8s ease-out;}

.case_ul li .imgs{overflow:hidden;vertical-align:middle;  position:relative;}

.case_ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

.case_ul li .imgs .txts{ position:absolute; top:0; height:100%; width:100%; left:0; background:url(../images/team_bg1.png) center 144px no-repeat rgba(0, 0, 0, 0.6);transition: all 0.5s;opacity:0;filter:Alpha(opacity=0);-webkit-transform:scale(2.1, 2.1); -moz-transform:scale(2.1, 2.1); -o-transform:scale(2.1, 2.1); -ms-transform:scale(2.1, 2.1); transform:scale(2.1, 2.1); }

.case_ul li .imgs .txts span{ height:38px; line-height:38px; color:#fff; margin-top:162px; display:block; overflow:hidden; font-size:14px;}

.case_ul li h2{ position:absolute; bottom:0; left:0; width:100%;font-weight:normal;height:50px; line-height:50px; overflow:hidden; font-size:16px; color:#fff;  transition:all 0.3s; background:rgba(0, 0, 0, 0.6); }

.case_ul li:Hover h2{background:rgba(0, 0, 0, 0); }

.case_ul li:Hover .imgs .txts{ opacity:1.0;filter:Alpha(opacity=100);-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); }



/*案例详细*/

.case_l{ float:left; width:863px; overflow:hidden; padding-top:20px;}

.case_a2{ clear:both; display:block; width:100%;overflow:hidden; text-align:center;font-size:18px; color:#fff; height:46px; line-height:46px; border:1px solid #c8a063;background:#dab96b; margin-top:20px;transition:all 0.3s;}

.case_a2:hover{ color:#fff;opacity:0.8;filter:Alpha(opacity=80);}

.case_r2{ float:right; width:309px; position:relative;}

.case_r{ float:right; width:307px; overflow:hidden; border:1px solid #e1e1e1; padding-top:40px; padding-bottom:8px; position:relative; margin-top:170px; background:#fff;}

.case_r .case_r_label{ width:40px; height:25px; left:0; top:18px; position:absolute; line-height:25px; overflow:hidden; background:#c8a063; color:#fff; text-align:center; font-size:12px;}

.case_r .h2{ height:30px; line-height:30px; overflow:hidden; text-align:center; font-weight:normal;color:#000;font-size:20px;}

.case_r .p{ height:26px; line-height:26px; overflow:hidden; text-align:center; color:#999999;font-size:14px; margin-bottom:13px;}

.case_r .inputs4{display: block;border:1px solid #e1e1e1;; border-radius: 4px; background: #fff;  height: 48px;padding: 0 16px; line-height: 48px; outline:none;margin-left:18px; margin-right:18px;width:calc(100% - 70px);width:-webkit-calc(100% - 70px);width:-moz-calc(100% - 70px);font-size:14px;color:#666666;font-family:"微软雅黑"; margin-bottom:9px; }

.case_r .inputs4::placeholder{ color:#666666;}

.case_r .btn4{ background:#c8a063;width:calc(100% - 36px);width:-webkit-calc(100% - 36px);width:-moz-calc(100% - 36px); height:50px; border:none; cursor:pointer; color:#fff; font-size:18px; -webkit-appearance: none; transition:all 0.3s; border-radius: 4px; outline:none;font-family:"微软雅黑";margin-left:18px; margin-right:18px;}

.case_r .btn4:hover{filter:alpha(opacity=80);opacity:0.8;}

.case_r .p2{ height:44px; line-height:44px; overflow:hidden; text-align:center; color:#999999;font-size:14px;}

.case_r .p2 a{ color:#c8a063;}

.case_r.poss{ position:fixed;top:60px; margin-top:0; z-index:55;}
/*荣誉弹窗*/
.gallery{ display:none;}
#zoom {
	z-index: 99990;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
#zoom .content {
	z-index: 99991;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	background: #ffffff no-repeat 50% 50%;
	padding: 0;
	margin: -100px 0 0 -100px;
	box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3);
	border-radius: 4px;
}
#zoom .content.loading {
	background-image: url('../img/loading.gif');
}
#zoom img {
	display: block;
	max-width: none;
	background: #ececec;
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);

}
#zoom .close {
	z-index: 99993;
	position: absolute;
	top: 0;
	right: 0;
	width: 49px;
	height: 49px;
	cursor: pointer;
	background: transparent url('../img/icons/close.png') no-repeat 50% 50%;
	opacity: 1;
	filter: alpha(opacity=100);
	border-radius: 0 0 0 4px;
}
#zoom .previous,
#zoom .next {
	z-index: 99992;
	position: absolute;
	top: 50%;
	overflow: hidden;
	display: block;
	width: 49px;
	height: 49px;
	margin-top: -25px;
}
#zoom .previous {
	left: 0;
	background: url('../img/icons/arrows.png') no-repeat 0 0;
	border-radius: 0 4px 4px 0;
}
#zoom .next {
	right: 0;
	background: url('../img/icons/arrows.png') no-repeat 100% 0;
	border-radius: 4px 0 0 4px;
}
#zoom .close:hover {
	background-color: #da4f49;
}
#zoom .previous:hover,
#zoom .next:hover {
	background-color: #0088cc;
}
@media screen and (max-width: 1440px) {



}