@charset "utf-8";
<!--@font-face{font-family:'Blogger Sans';src: url("Blogger Sans.otf") format("opentype");}-->
body{font-family: "Microsoft YaHei", calibri, Helvetica,sans-serif;}
a{color:#333;text-decoration:none;}
a:hover,a:focus{color:#ff6600;  text-decoration:none;}
/*公共*/
.navpos a{ color:#aaa}
.navpos a:hover{ color:#ff6600}
.bd-line{ border-bottom:#ff6600 1px solid; z-index:9999}
.bg-icon{ background:rgba(0,0,0,0.6); width:50px; height:50px} 
.bg-icon:hover{ background:rgba(255,102,0,0.6)} 
.i-icon{}
.i-icon:hover{background:rgba(255,102,0,0.6);}
.bg-orange{ background:#ff6600}
.bg-orange:hover{ background:#ff9900}
.bg-menu{ background:#fafafa}
.shadow2{-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, .175);box-shadow:0 5px 10px rgba(0, 0, 0, .175);}
.top120{ padding-top:100px}
.txt-orange{ color:#ff6600}
.bg-black{ background:rgba(0,0,0,0.6); height:50px}
/*#fp-nav ul li:first-child, #fp-nav ul li:last-child { display: none;} 不显示导航*/
/*首页*/
.center-wrap { position: relative; z-index:1;height:100%; margin:0 auto; }/* 定位父级*/
.i-line{ height:1px; background:#ff6600; width:5%; margin:0 auto;margin-top:5px}
.i-line2{height:1px; background:#fff; width:20%; margin:0 auto;}

.btn-more{ width:140px; border:#1a4a60 1px solid; height:40px; background:none; line-height:25px;transition:all 0.3s ease 0s;}
.btn-more:hover,btn-more:focus{ width:160px; border:#ff6600 1px solid; height:40px;line-height:25px; background:#ff6600; color:#FFFFFF;transition:all 0.3s ease 0.3s;}
.btn-color{ background:#ff6600;line-height:25px;transition:all 0.3s ease 0s; color:#FFFFFF}
.btn-color:hover,btn-more:focus{ border:#ff6600 1px solid; line-height:25px; background:#ff6600; color:#FFFFFF;transition:all 0.3s ease 0.3s; opacity:0.8}
/*.i-height20{height:20%;vertical-align:middle}*/
.i-height20{height:20%;vertical-align:middle}
.i-height60{height:60%;vertical-align:middle}
/*服务范围*/
.service-desc{color:#555;}
.service-bg { background: url(../images/bg-service.jpg) 50% 0 no-repeat;  z-index:1;}
.service-bg01{background:#afbbc9 }
.service-bg02{background:#8a9eb5 }
.service-bg03{background:#718ead }
.service-bg04{background:#90a7bf }
.service-bg05{background:#a6b1bf }
.service-scale{}
.service-scale:hover{ background:#ff7b23; color:#fff;transition:all 0.3s ease 0s; text-decoration:none; }
/*精品案例*/
.case-desc{color:#555;}
.case-bg { background:#fcfcfc; z-index:1;}

/*关于我们*/
.about-desc{ color:#555;}
.about-bg {  background: url(../images/bg-about.jpg) 50% 0 no-repeat; z-index:1}
.about-bg-arrow { background:url(../images/about-bg-arrow.png) rgba(113,142,173,1) left bottom no-repeat}
.picbox{ position:relative}
.picbox>.box{ position:absolute; bottom:0}
/*新闻中心*/
.news-desc{color:#555; }
.news-bg { background:#fff; z-index:1}
/*设计师联盟*/
.team-desc{color:#555; }
.team-bg { background: url(../images/bg_design.jpg) 50% 0 no-repeat;; z-index:1}
/*智能技术*/
.tech-desc{color:#555;}
.tech-bg { background:#edf1f5; z-index:1}
/*导航*/
.usernaver>.nav{display:table;width:100%; float:left; background:#ebebeb}
.usernaver>.nav>li{display:inline-block;line-height:30px; padding:0 10px 0 0 }
.usernaver>.nav>li>a{display:inline-block;line-height:30px;font-size:13px; padding:0 15px  }
.usernaver>.nav>li.active>a{color:#fff; background:#ff6600 }
.usernaver>.nav>li>a:hover{background:#ff6600; color:#FFFFFF}


nav>.bars{display:bloack;padding:8px;color:#fff;}
nav>.bars>a{text-decoration:none;}
.naver{text-align:left;}
.naver>.bars{display:none;}
.naver>.nav{display:table;width:90%; float:right}
.naver>.nav>li{display:table-cell;}
.naver>.nav>li>a{display:inline-block;line-height:30px;font-size:13px;padding:80px 10px 10px 10px  }
.naver>.nav>li.active>a{color:#ff6600; padding:77px 10px 10px 10px;border-top:3px solid #ff6600; }
.naver>.nav>li>a:hover{color:#ff6600;}
.fixed.bg-nav{display:block !important; z-index:9999;background-color:rgba(255,255,255,0.9); position:fixed;top:0;}
.header{ height:60px}
.fixed>.header{height:80px}
.fixed>.header>div>.logo2{display:none;}
.fixed>.header #top.naver>.nav>li>a{display:inline-block;line-height:30px;font-size:13px;padding:40px 10px 10px 10px  }
.fixed>.header #top.naver>.nav>li.active>a{color:#ff6600; padding:37px 10px 10px 10px;border-top:3px solid #ff6600; }
/*往下拉*/
.fixed.fixed-top>.header{height:60px;}
.fixed.fixed-top>.header>div>.logo{display:none;}
.fixed.fixed-top>.header>div>.logo2{display:inline-block;}
.fixed.fixed-top>.header #top.naver>.nav>li>a{display:inline-block;line-height:20px;font-size:13px;padding:30px 10px 10px 10px  }
.fixed.fixed-top>.header #top.naver>.nav>li.active>a{color:#ff6600; padding:27px 10px 10px 10px;border-top:3px solid #ff6600; }
.maintab>nav>ul>li.active>a  {    background: #ff6600;border-color: #ff6600;color: #fff;}
/*导航*/ 
@media (max-width:768px){
	/*导航*/ 
.header{ height:55px}
.fixed>.header{height:40px}	
	/*分页*/
/*team start*/
.team-txt{margin:0px auto;background:rgba(255,255,255,0.85);;width:80%;display:inline-block;padding:10px; line-height:28px; }
.news-padding{ padding:5px}
.news-tit{ font-size:2rem}
.desc { position: relative; z-index:1; padding-top:30px;padding-bottom:30px}
#banner{height:450px;}
#banner>.item{height:450x;background-size:auto 100%;background-position: center center;background-repeat:no-repeat; width:100%;}
.viewimg{ height:auto; max-width:100%; overflow:hidden}
.i-tit-h1{font-size:20px;}
.newsimg{ height:auto; max-width:100%; overflow:hidden}
.padding-large{ padding:10px}
.padding-top-large{padding-top:10px}
.padding-bottom-large{padding-bottom:10px}
.padding-left-big{padding-left:10px}
.padding-left-large{padding-left:10px}
}
/*分页  start*/
.pagelist>a,.pagelist>span{display:inline-block;padding:5px 15px;border:solid 1px #ddd;margin:1px;}
.pagelist>span{background:#ff6600;border-color:#ff6600;color:#fff;}
.pagelist>.a1{border-color:#ddd;}

/*分页  end*/

.pagemenu{margin:0;padding:0;font-size:10px;line-height:20px; display:table;width:100%; }
.pagemenu>li{display:table-cell;}
.pagemenu>li>a{ text-decoration:none;line-height:20px;display:block;text-align:center;color:#999}
.pagemenu>li>a:hover{ text-decoration:none;line-height:20px;display:block;text-align:center;background:#FF6600; color:#FFFFFF}
.pagemenu>li.active>a{background:#FF6600;color:#fff;}
@media (min-width:768px){
	.pagemenu{display:block;}
	.pagemenu>li{display:inline-block;}
	.pagemenu>li>a:hover{background:#FF6600; color:#FFFFFF}
	.pagemenu>li>a{padding:0px 20px}
	
/*team start*/
.team-txt{margin:0px auto;background:rgba(255,255,255,0.85);;width:40%;display:inline-block;padding:50px; line-height:35px}
.news-padding{ padding:30px}
.news-tit{ font-size:2.6rem}
.desc { position: relative; z-index:1; padding-top:0px;padding-bottom:30px; min-height:505px}
.viewimg{ height:300px; width:388px; overflow:hidden}
.i-tit-h1{font-size:28px;}
.newsimg{ height:200px; max-width:295px; overflow:hidden}
.padding-large{ padding:30px}
.padding-top-large{padding-top:30px}
.padding-bottom-large{padding-bottom:30px}
.padding-left-big{padding-left:20px}
.padding-left-large{padding-left:30px}
}
.job{margin-bottom:15px;width:100%;}
.job>dt{background:#8a9eb5;padding:12px;color:#fff;}
.job>dd{background:#eee;padding:20px;}
.job>dd>.more{display:none;}
.job:hover>dt{background:#f60;}
@media (min-width:768px){
	.job{display:table;}
	.job>dt,.job>dd{display:table-cell;}
	.job>dt{width:20%;text-align:center;vertical-align:middle;font-size:20px;}
	.job>dd{padding:50px;}
}

/*鼠标效果 start*/
.scale-ff{transition:all 0.3s ease 0s; }
.scale-ff:hover{ width:100%; background:#da251d;-ms-transform: scale(1.05,1.05);-moz-transform: scale(1.05,1.05);-webkit-transform: scale(1.05,1.05);-o-transform: scale(1.05,1.05);transform: scale(1.05, 1.05); color:#fff}
.scale{transition:all 0.3s ease 0s}
.scale:hover{-ms-transform: scale(1.05,1.05);-moz-transform: scale(1.05,1.05);-webkit-transform: scale(1.05,1.05);-o-transform: scale(1.05,1.05);transform: scale(1.05, 1.05);}
.scale-pro{transition:all 0.3s ease 0s}
.scale-pro:hover{box-shadow:0 5px 10px rgba(0, 0, 0, .175);}
.scale-news{}
.scale-news:hover{/* border:#C00 2px solid;*/ background:#f5f5f5;}
/*鼠标效果 end*/

/*banner start*/

@media (min-width:768px){
#carousel>.ibg{ position:fixed; bottom:118px;text-align:center;z-index:6;width:100%;}	
	}

#carousel>.mask{ width:100%;height:100%;background:rgba(0, 0, 0, 0.5);position:absolute;}
#carousel{ position:relative}

#bannerx>.item{background-size:auto 100%;background-position:center center;background-repeat:no-repeat; width:100%}
.bannerx{background-position:center center; background-repeat:no-repeat;margin:0 auto; overflow:hidden}
.nav.button.turn>li span{display:none;}
@media (min-width:768px){
.carousel{width:100%;}
#banner{position:relative;}
#banner>.item{background-size:auto 100%;background-position: center center;background-repeat:no-repeat; width:100%;}
}
/*banner end*/

/*page content*/
.contents img{display:inline-block;max-width:100%;height:auto; padding:20px 0;}
.contents table td{vertical-align:top;}
.contents table td:first-child{width:90px;}
.contents table td:first-child>img{width:80px;}
.notes{ height:130px}
/*page content end*/

.feedback_box .right{ float:right; }
.feedback_box  input{ float:left;  padding:2px 10px;width:240px;color:#666;border:1px #ddd solid; line-height:27px; margin:0 0 15px 0}
.feedback_box  input.intR{ margin-right:15px;}
.feedback_box  textarea{width:100%; height:100px;padding:5px 10px;color:#666;border:1px #ddd solid;}

.feedback_box  h2{ float:left; line-height:40px; clear:both; margin:0 0 10px 0;padding-right:50px; color:#333; font-size:18px; background:url(../images/cutagtly.png) no-repeat right}
.feedback_box  form{ float:left;}
.feedback_box  .btnCont{ margin:20px 0 0 0;}
.feedback_box  .btnCont img{ float:left;cursor: pointer;height:35px; border:1px solid #ccc;margin-left:0px; vertical-align:top;}
.feedback_box  .btnCont input{ width:100px; line-height:27px; margin:0 10px;}
.feedback_box  .btnCont .btn{ float:right; line-height:35px; background:#f0240c; color:#fff; font-size:16px;}
.feedback_box  .btnCont .btn:hover{ background:#cf1d08}
.feedback_box  .btnCont span{ line-height:30px; color:#666; font-size:13px;}

/*footer start*/
.footerline{ height:3px; background:#FF6600;}
.footer h3{margin:0px; color:#999}
.footer h2{margin:0px; color:#000; font-size:16px}
.footer  li{color:#666; line-height:25px;font-size:12px;}
.footer li>a{color:#666}
.footer li>a:hover{color:#f60}
.footer p{margin-top:5px; line-height:25px; font-size:12px; color:#aaaaaa}
.footer table td{vertical-align:top;color:#666;padding-bottom:8px;}
/*footer end*/