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



/*内页-关于我们*/

.about{ padding:40px 0 20px;}
.edit{ min-height:400px; overflow:hidden;}
.edit img{ max-width:100%; height:auto;}


/*内页-成功案例*/
.case_recom{ margin-top:40px; height:130px; overflow:hidden;}
.case_recom ul{ width:1215px; height:130px; box-shadow:none;}
.case_recom li{ width:390px; height:130px; margin-right:15px; border-radius:15px; overflow:hidden;}
.case_recom .solloictex{ padding:20px 30px;}
.case_recom .solloicimg,.case_recom .solloictex,.case_recom .solloicimg img{width:390px; height:130px; border-radius:15px; }

.caselist{ padding:0 0 30px 0;}
.caselist ul{ width:1215px;}
.caselist li{ float:left; display:block; margin:15px 15px 0 0;}
.caselist li a{ display:block; width:390px; height:auto; background:#fff; padding-bottom:20px; box-shadow:0 3px 5px rgba(76,76,76,0.1); border-radius:3px; overflow:hidden;}
.casepic{ width:390px; height:260px;overflow:hidden;}
.casepic img{ width:390px; height:260px;transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);}
.casetit{ width:100%; height:55px; line-height:55px; text-align:center; font-size:18px; color:#666; overflow:hidden;}
.case_des span{ display:inline-block; margin:0 0 0 25px; font-size:14px; color:#999;}
.case_des i{ display:inline-block; width:19px; height:19px; vertical-align:middle; margin-right:10px;}
.case_des i.icon_case1{ background:url(../images/icon_case1.png) no-repeat center center/19px 19px;}
.case_des i.icon_case2{ background:url(../images/icon_case2.png) no-repeat center center/19px 19px;}
.case_des i.icon_case3{ background:url(../images/icon_case3.png) no-repeat center center/19px 19px;}
.casepic img,.caselist li a:hover .casepic img{ transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; }
.caselist li a:hover .casepic img{transform:scale(1.2);-webkit-transform:scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);}

.bread{ margin-top:30px; font-size:14px;}
.bread a{color:#666;}
.bread span{ color:#666; font-family:"宋体"; margin:0 5px;}
.bread a.last_a{ color:#ff8b26;}

/*内页-成功案例详情*/

/*焦点图*/
.product_scroll{width:840px;height:610px;position:relative;background:#fff; margin:20px auto 0;}
.product_scroll .btn{position:absolute;width:55px;height:83px;top:520px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.product_scroll .prev{left:0;background:url(../images/prevBtn.png) no-repeat;}
/*.product_scroll #prevTop,.product_scroll #nextTop{top:150px;width:46px;height:48px;}
.product_scroll #prevTop{background:url(../images/prevBtnTop.png) 0 0 no-repeat;}
.product_scroll #nextTop{background:url(../images/nextBtnTop.png) 0 0 no-repeat;}*/
.product_scroll .next{right:0;background:url(../images/nextBtn.png) no-repeat;}
.product_scroll li{float:left;}
.product_scroll .cf li{position:relative;color:#fff;}
.product_scroll .cf a{display:block;width:840px;height:504px;position:absolute;color:#fff;}
.product_scroll .cf a img{width:840px;height:554px;}
.product_scroll .cf li span{display:block;width:860px;position:absolute;left:0;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.product_scroll .picBox{height:504px;position:relative;overflow:hidden;}
.product_scroll .picBox ul{height:504px;position:absolute;}
.product_scroll .picBox li{width:840px;height:514px;}
.product_scroll .listBox{width:711px;height:100px;margin:10px auto;position:relative;padding:6px 0 10px;overflow:hidden;}
.product_scroll .listBox ul{height:100px;position:absolute;}
.product_scroll .listBox li{width:120px;height:83px;cursor:pointer;position:relative;}
.product_scroll .listBox li i{display:none;}
.product_scroll .listBox li a{display:block;width:104px;height:83px;}
.product_scroll .listBox li img{width:115px;height:83px;}
.product_scroll .listBox .on img{width:115px;height:83px;border:3px solid #ff6600;}
.product_scroll .listBox .on i{display:block;}





/*内页-新闻中心*/
.tabtit{ width:100%; height:60px; line-height:60px; background:#fff; margin-top:40px; }
.tabtit a{ display:block; float:left; font-size:16px; color:#666; width:200px; text-align:center;transition:all ease 0.4s;}
.tabtit a.tabtitcur,.tabtit a:hover{border-top:3px solid #ff8b26; border-left:1px solid #eee;border-right:1px solid #eee; color:#ff8b26; transition:all ease 0.4s;}

.newsList ul {margin-top:20px;}
.newsList li{background:#fff none repeat scroll 0 0;height:224px;margin:30px 0;width:1200px; transition:all ease 0.5s;}
.newsImg{display:table;float:left;height:162px;padding:30px 45px 30px 30px;text-align:center;width:240px}
.newsImg a{display:table-cell;height:162px;vertical-align:middle;width:240px}
.newsImg a img{max-height:162px;max-width:240px}
.newsText{display:block;float:left;padding-top:30px;width:760px}
.newsText h3{color:#202020;font-size:22px;height:36px;line-height:36px}
.newsText p{color:#7e7e7e;font-size:16px;height:60px;line-height:28px;overflow:hidden;padding-top:8px}
.newsText .newsTime{color:#848484;font-size:16px;line-height:36px;padding-top:15px}
.newsList li:hover{ box-shadow:0 3px 5px #bbb;  transition:all ease 0.5s;}

.page{margin:30px auto; text-align:center;}
.page ul li{ display:inline-block;margin-right:1px}
.page ul li a{background:none;color:#666;display:inline-block;padding:7px 16px; border:1px solid #dedede; border-radius:5px; margin:0 3px;}
.page ul li a.pagecur,.page ul li a:hover{background:#ff8b26 none repeat scroll 0 0;color:#fff}


.newsdetail{ padding:40px 0;}
.newstit{ width:100%; height:auto; border-bottom:1px solid #f0f0f0; padding-bottom:20px; margin-bottom:20px; text-align:center;}
.newstit h2{ font-size:26px; color:#202020; height:40px; line-height:40px; overflow:hidden;}
.newstit p{ font-size:14px; color:#999; margin-top:10px;}
/*内页-施工现场*/
.constrlist{ padding:40px 0;}
.constr_tit .casetit{ float:left; width:280px; text-align:left; text-indent:10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.constr_tit .more{ float:right; width:80px; height:30px; line-height:30px; margin:12px 10px 0 0; background:#ff8b26; color:#fff; text-align:center; border-radius:5px;}
.constrlist li a{ padding-bottom:0;}

.constrdetail{ padding:40px 0 40px;}
.constrleft{ float:right; width:880px; height:auto; background:#fff; border-radius:5px;}
.bread2{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #f0f0f0; padding:0 20px; margin:0;}
.constrleft .edit{ padding:20px;}

.constrside{ float:right;width:300px; height:auto;  background:#fff; border-radius:5px; padding:10px 0 40px; margin-left:20px;}
.sidetit{ border-bottom:1px solid #f0f0f0; padding:10px;}
.sidetit h2{ width:100%; height:40px; line-height:40px; overflow:hidden;}
.sidetit p{ color:#999;}
.sidecon{ padding:10px; color:#666; font-size:14px; border-bottom:1px solid #f0f0f0;}
.contactbtn{ display:block; width:235px; height:40px; line-height:40px; border-radius:30px; background:#ff8b26;  text-align:center; color:#fff; font-size:16px; margin:20px auto;}
.contactbtn:hover{ color:#fff; background:#333;}
.constrside .tel{ text-align:center; color:#ff8b26; font-size:16px;}

/*内页-服务支持*/
.sidenav ul li a,.sidenav ul li.sidenavcur a,.sidenav ul li a:hover{ transition:all ease 0.5s;-webkit-transition:all ease 0.5s;-moz-transition:all ease 0.5s;-ms-transition:all ease 0.5s;-o-transition:all ease 0.5s;}
.service_wrap{ margin:40px 0 100px;}
.sidebar{ width:310px; height:auto; float:left; background:#fff; padding:36px 0;}
.sidenav{ width:263px; height:auto; margin:0 auto; box-shadow:0 3px 5px #ffe1c7;}
.ser_side_tit{ width:100%; height:78px; line-height:78px; background:url(../images/side_serbg.png) no-repeat center center; font-size:22px; color:#fff; text-align:center;}
.sidenav ul li{ display:block; width:100%; height:auto;}
.sidenav ul li a{ display:block; width:100%; height:56px; line-height:56px; border-bottom:1px solid #e5e5e5; text-align:center; font-size:16px; color:#666; border-left:2px solid #fff; }
.sidenav ul li.sidenavcur a,.sidenav ul li a:hover{border-left:2px solid #ff8b26; color:#ff8b26;}

.sidecase{ width:263px; margin:40px auto;}
.side_case_tit{ width:100%; height:30px; line-height:30px; font-size:22px; color:#666; border-left:3px solid #ff8b26; border-right:3px solid #ff8b26; text-align:center;}
.sidecase ul li{ display:block; width:100%; height:auto; margin:20px 0;}
.sidecase ul li a{ display:block; width:100%; border:1px solid #e6e6e6;}
.sidecase img{ display:block; width:246px; height:184px; margin:8px auto 0;}
.sidecase p{ width:246px; height:45px; line-height:45px; overflow:hidden; margin:0 auto; font-size:18px; color:#666; text-align:center;}


.ser_process{ width:870px; height:auto; float:right; background:#fff; padding:36px 0;}
.process_con{ width:770px; height:auto; margin:0 auto; overflow:hidden}
.process_tit{ width:100%; height:41px; line-height:41px; background:url(../images/ser_con_titbg.png) no-repeat center center; font-size:18px; color:#fff; padding-left:45px;}
.process_pic img{ width:100%; height:auto;}


/*内页-联系我们*/
.contact{ padding:40px 0 20px;}
.contact_top{ text-align:center;}
.erweima{ width:124px; height:124px; display:inline-block; margin:0 60px 0 0;}
.erweima img{ width:100%; height:100%;}
.contact_title{display:inline-block; text-align:left;}
.contact_title .tel{ font-weight:bold; font-size:34px;}
.contact_title .company{ font-size:24px; margin:20px 0 30px 0;}
.contact_title span{ color:#999;}

.contact_list{ width:100%; height:120px; border:1px solid #e6e6e6; margin-top:60px;}
.contact_list ul li{ display:block; width:25%; height:120px; padding:23px 20px 10px; float:left; border-left:1px solid #e6e6e6;}
.contact_list ul li:first-child{ border:none;}
.contact_list i{ display:inline-block; width:70px; height:70px; vertical-align:middle;}
.contact_list .icon_contact1{ background:url(../images/icon_contact1.png) no-repeat center center/70px 70px;}
.contact_list .icon_contact2{ background:url(../images/icon_contact2.png) no-repeat center center/70px 70px;}
.contact_list .icon_contact3{ background:url(../images/icon_contact3.png) no-repeat center center/70px 70px;}
.contact_list .icon_contact4{ background:url(../images/icon_contact4.png) no-repeat center center/70px 70px;}
.contact_con{ display:inline-block; width:170px; float:right;}
.contact_con .tit{ font-size:16px; margin:0 0 10px;}
.contact_con .p_con{ color:#999; line-height:20px;}

.map{ width:1200px; height:550px;font-size:12px}

@media (max-width: 500px){
	
/*内页-关于我们*/
.page,.bread{ display:none;}
.about{ padding:0;}
.edit{ min-height:200px; padding:10px;}
.edit img{ max-width:100%; height:auto;}


/*内页-成功案例*/
.case_recom{ margin-top:0; height:auto;}
.case_recom ul{ width:100%; height:auto;}
.case_recom li{ width:33%; height:20vw; margin-right:1px; border-radius:0; margin-top:5px;}
.case_recom li:last-child{ margin-right:0;}
.case_recom li img{ width:100%; height:100%;}
.case_recom .solloictex{padding:0;}
.case_recom .solloicimg,.case_recom .solloictex,.case_recom .solloicimg img{width:100%; height:100%;}
.case_recom .soictex{ display:none;}
.case_recom .soictil{ line-height:20vw;}

.caselist{ padding:0 0 30px 0;}
.caselist ul{ width:100%;}
.caselist li{ width:46.3%; margin:2.5% 0 0 2.5%;}
.caselist li a{width:100%; height:auto;padding-bottom:10px;}
.casepic{ width:100%; height:30vw;}
.casepic img{ width:100%; height:100%;}
.casetit{ width:100%; height:40px; line-height:40px;font-size:14px; padding:0 10px; text-align:left;}
.case_des{ padding:0 10px;}
.case_des span{ display:block; width:33.33%; float:left;margin:0; font-size:12px;}
.case_des i{ display:inline-block; width:13px; height:13px; vertical-align:-2px; margin-right:5px;}
.case_des i.icon_case1{ background:url(../images/icon_case1.png) no-repeat center center/13px 13px;}
.case_des i.icon_case2{ background:url(../images/icon_case2.png) no-repeat center center/13px 13px;}
.case_des i.icon_case3{ background:url(../images/icon_case3.png) no-repeat center center/13px 13px;}


.caselistwap li{ width:96%; margin:2% 2% 0 2%;}
.caselistwap .casepic{ width:100%; height:63vw;}



/*内页-施工现场*/
.constr_tit .casetit{ float:none; width:100%;text-indent:10px;}
.constr_tit .more{ float:none; width:60px; height:25px; line-height:25px; margin:0px auto 10px;}
.constrlist li a{ padding-bottom:0;}

.constrdetail{ padding:2% 0;}
.constrleft{ float:none; width:96%; margin:0 2%;}
.bread2{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #f0f0f0; padding:0 20px; margin:0;}
.constrleft .edit{ padding:20px;}

.constrside{ float:none;width:96%; margin:0 2%; padding:10px 0 40px; margin-bottom:10px;}
.sidetit{ border-bottom:1px solid #f0f0f0; padding:10px;}
.sidetit h2{ width:100%; height:40px; line-height:40px; overflow:hidden;}
.sidetit p{ color:#999;}
.sidecon{ padding:10px; color:#666; font-size:14px; border-bottom:1px solid #f0f0f0;}
.contactbtn,.constrside .tel{ display:none;}


/*内页-新闻中心*/
.newsList ul {margin-top:0;}
.newsList li{background:#fff none repeat scroll 0 0;width:100%;height:auto;margin:1px 0; padding:15px 10px;}
.newsImg{float:left;width:140px;height:100px;padding:0;text-align:center; margin:10px 10px 0 0;}
.newsImg a{display:block;height:100px;vertical-align:middle;width:140px}
.newsImg a img{max-height:inherit;max-width:inherit;height:100%;width:100%}
.newsText{display:block;float:none;padding-top:0;width:100%}
.newsText h3{font-size:16px;height:30px;line-height:30px; overflow:hidden;}
.newsText p{font-size:14px;height:60px;line-height:24px;overflow:hidden;padding-top:8px}
.newsText .newsTime{font-size:12px;line-height:30px;padding-top:0}


.newsdetail{ padding:20px 0;}
.newstit{padding-bottom:10px; margin-bottom:10px; text-align:center;}
.newstit h2{ font-size:16px;  height:30px; line-height:30px;}

	
	
/*内页-联系我们*/
.contact{ padding:20px 0;}
.erweima{ width:75px; height:75px; margin:0 10px 0 0;}
.erweima img{ width:100%; height:100%;}
.contact_title{width:200px;}
.contact_title .tel{ font-size:16px;}
.contact_title .company{ font-size:14px; margin:0;}
.contact_title span{ display:inline-block; line-height:15px;}

.contact_list{ width:100%; height:120px; border:1px solid #e6e6e6; margin-top:20px;}
.contact_list ul li{ display:block; width:50%; height:130px; padding:15px 0; float:left; border-left:1px solid #e6e6e6;text-align:center;}
.contact_list ul li:first-child{ border:none;}
.contact_list i{ display:inline-block; width:40px; height:40px; vertical-align:middle;}
.contact_list .icon_contact1{ background:url(../images/icon_contact1.png) no-repeat center center/40px 40px;}
.contact_list .icon_contact2{ background:url(../images/icon_contact2.png) no-repeat center center/40px 40px;}
.contact_list .icon_contact3{ background:url(../images/icon_contact3.png) no-repeat center center/40px 40px;}
.contact_list .icon_contact4{ background:url(../images/icon_contact4.png) no-repeat center center/40px 40px;}
.contact_con{ display:inline-block; width:100%; float:none; }
.contact_con .tit{ font-size:14px; margin:0;}
.contact_con .p_con{ color:#999; line-height:20px;}

.map{ width:100%; height:350px;font-size:12px}


/*服务支持*/
.service_wrap { margin:0 auto 20px;}
.sidebar{ width:100%; padding:0;}
.sidenav{ width:98%; overflow:hidden;}
.sidenav ul li{ width:33.33%; float:left;}
.sidenav ul li a{ font-size:15px;}
.sidenav ul li.sidenavcur a,.sidenav ul li a:hover{ border:none; border-bottom:2px solid #ff8b26;}

.ser_process{ width:100%; padding:20px 0;}
.process_con,.process_pic1 img{ width:100%}


.tabtit a{ width:140px;}
	}




















