* { margin: 0px; padding: 0px; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
body { margin: 0px; padding: 0px; font-size: 12px; color: #333; font-family:'Microsoft JhengHei', 'Microsoft Yahei', 'Arial'; font-size:14px; background: #f2f2f2}
input, textarea, select, button { border: 1px solid #eee; margin: 0px; padding: 0px; padding: 10px; font-size:14px; color: #333; font-family:'Microsoft JhengHei', 'Microsoft Yahei', 'Arial'; }
i, em { font-style: normal; display: inline-block; vertical-align: middle; }
ul, li { list-style: none; }
img{border:0px;}
.fl { float: left; }
.fr { float: right; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #37474f }
a { color: #333; text-decoration: none; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; }
a:hover{color:#d68b37;}
.containter { max-width: 1224px; margin: 0 auto; padding: 0 12px; }
.clear{clear:both;overflow:hidden;content:'';height:0px;}

/***头部***/
.header { height: 60px; position: relative; background: rgba(0,0,0,.9); top:0px;}
.header.fexd{position:fixed; top:0px; width:100%; z-index: 1111; -webkit-animation:tops 1s .2s ease both;}
@-webkit-keyframes tops{
	from{ -webkit-transform:translateY(-60px);  }
	to{ -webkit-transform:translateY(0px);  }	
}
.header .logo img { height: 50px; display: block; margin-top: 5px; }
.header .nav ul >li { float: left; position: relative; height: 60px; }
.header .nav ul >li > a { height: 30px; line-height: 30px; color: #fff; padding: 0 20px; display: block; margin-top: 15px; font-size:14px; }
.header .nav ul >li > a i { margin-left: 5px; }
.header .nav ul >li > a:hover, .header .nav ul >li > a.on { background: #d68b37; color: #fff; }
.header .nav ul >li > .sonlist { position: absolute; top: 90px; right: 0px; background: rgba(0,0,0,.9); width: 165px; visibility: hidden; opacity: 0; transition: all .5s ease; -webkit-transition: all .5s ease; z-index: 1111; }
.header .nav ul >li > .sonlist:after { content: ''; position: absolute; right: 10px; display: inline-block; width: 0; height: 0; border: 7px solid transparent; border-top-width: 0; top: -7px; border-bottom-color: #000; }
.header .nav ul >li > .sonlist a { height: 40px; line-height: 40px; margin-top: 0px; display: block; color: #fff; padding: 0 10px; border-bottom: 1px solid #111; }
.header .nav ul >li > .sonlist a:before { content: '\f105'; font-family: FontAwesome; padding-right: 10px; }
.header .nav ul >li > .sonlist a:hover { background: rgba(255,255,255,.1); }
.header .nav ul >li:hover .sonlist { visibility: visible; opacity: 1; top: 60px; }

.menu { position:absolute; right:12px; top:10px; z-index:111;display:none;}
.menu span {cursor: pointer; display:block; width:32px; height:2px; background:#FFF; margin-top:8px; }
.mm-menu{ background:#333; color:#fff;}
@media(max-width:824px){
	.header .nav{display:none;}
	.menu{display:block;}
}

/***焦点图***/
.slide { max-height: 600px; overflow: hidden; width: 100%; position: relative; }
.slide h2 { color: #fff; font-size: 50px; font-weight: normal; }
.slide h3 { color: #fff; font-size: 30px; font-weight: normal; }
.banner-btn { transition: none; line-height: 16px; border-width: 2px; margin: 0px; padding: 10px 23px; letter-spacing: 0px; font-weight: 400; font-size: 16px; border: 1px solid #fff; color: #fff; }
.slide .tp-caption a { color: #fff; }
 @media(max-width:640px) {
.slide h2 { font-size: 30px; }
.slide h3 { font-size: 20px; }
}
/***标题***/
.title { padding: 50px 0; text-align: center; }
.title h1 { color: #2a333c; font-size: 22px; }
.title i { display: block; width: 30px; height: 3px; background: #d68b37; margin: 10px auto; }
.title p { font-size: 16px; }
@media(max-width:640px) {
.title { padding: 30px 0; }
.title i { margin: 5px auto; }
.title h1 { font-size: 18px; }
.title p { font-size: 14px; }
}
/***我们的服务***/
.service { overflow: hidden; margin-left: -20px; }
.service li { float: left; width: 50%; margin-bottom: 20px; padding-left: 20px; transition: all .5s ease; -webkit-transition: all .5s ease; }
.service li a { display: block; overflow: hidden; background: #f4f6f8; padding: 20px; }
.service li .pic { width: 30%; float: left; padding: 10px; background: #fff; }
.service li .pic img { display: block; width: 100%; height: auto; }
.service li .note { float: right; width: 70%; padding-left: 20px; max-height: 120px; overflow: hidden; }
.service li .note h2 { font-weight: bold; margin-bottom: 10px; }
.service li .note p { line-height: 22px; color: #666; }
.service li:hover a { background: #d68b37; color: #fff; }
.service li:hover h2 { color: #fff; }
.service li:hover p { color: #fff; }
@media(max-width:1044px) {
.service li { width: 100%; float: none; }
.service li .pic { width: 20%; }
.service li .note { width: 80%; }
}
@media(max-width:640px) {
.service li .note h2 { font-size: 16px; }
.service li { width: 100%; float: none; }
.service li .pic { width: 30%; }
.service li .note { width: 70%; }
}
@media(max-width:450px) {
.service li .note h2 { font-size: 14px; }
.service li { width: 100%; float: none; }
.service li .pic { width: 40%; }
.service li .note { width: 60%; }
}
/***关于我们***/
.about { overflow: hidden; background: #1b1b1b; margin-top: 50px; }
.about .fl { width: 50%;overflow:hidden; }
.about .fl img { display: block; width: 100%;transition: all 0.5s ease; -webkit-transition: all 0.5s ease;  }
.about .fl img:hover{ -webkit-transform:scale(1.3); }
.about .fr { width: 50%; }
.about .fr h1 { font-size: 30px; color: #fff; }
.about .fr h1 i { width: 30px; height: 3px; background: #d68b37; display: block; margin-top: 20px; }
.about .fr .note { color: #bcc1c7; padding: 20px; width: 70%; font-size: 14px; color: #bcc1c7; line-height: 23px; margin-top: 5%; margin-left: 5%; }
.about .fr .note p { padding-top: 20px; }
@media(max-width:1300px) {
.about .fr .note { width: 95%; }
}
@media(max-width:1040px) {
.about .fl { float: none; width: 100%; }
.about .fr { float: none; width: 100%; }
.about .fr h1 { font-size: 18px; }
.about .fr .note { margin: 0px; padding: 30px 20px; }
}
/***热门项目***/
.project #owl-demo { margin-left: auto; margin-right: auto; }
.project #owl-demo .item { display: block; margin: 5px; position: relative; overflow: hidden; }
.project #owl-demo img { display: block; width: 100%; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; }
.mask { position: absolute; width: 92%; height: 92%; left: 0px; right: 0px; margin: auto; background: rgba(0,0,0,0.9); z-index: 11; top: 4%; text-align: center; padding: 15px; overflow: hidden; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -webkit-transform: scale(0); opacity: 0; }
.mask h4 { font-size: 20px; color: #fff; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transform: translateY(-40px); margin-top: 10px; }
.mask .line { width: 30px; height: 2px; background: #d68b37; margin: 10px auto; display: block; }
.mask p { font-size: 14px; line-height: 20px; color: #fff; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transform: translateY(50px); }
.project #owl-demo .item:hover img { -webkit-transform: scale(1.2); }
.project #owl-demo .item:hover .mask { opacity: 1; -webkit-transform: scale(1); }
.project #owl-demo .item:hover h4 { -webkit-transform: translateY(0px); }
.project #owl-demo .item:hover p { -webkit-transform: translateY(0px); -webkit-transition-delay: .1s; }
/***客户案例***/
.case { background: #f5f5f5; padding-bottom: 30px; overflow: hidden; margin-top: 30px; }
.tabul { text-align: center; overflow: hidden; }
.tabul li { padding: 8px 30px; background: #fff; color: #666; font-size:14px; cursor: pointer; margin: 2px; display: inline-block; -webkit-transition: all .4s ease; }
.tabul li.active, .tabul li:hover { background: #d68b37; color: #fff; }
.tabc { overflow: hidden; margin-top: 20px; }
.tabc li { float: left; width: 20%; overflow: hidden; position: relative; display: none; }
.tabc li .mask { -webkit-transform: scale(1); }
.tabc li img { display: block; width: 100%; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; }
.tabc li:hover img { -webkit-transform: scale(1.2); }
.tabc li:hover .mask { opacity: 1; -webkit-transform: scale(1); }
.tabc li:hover h4 { -webkit-transform: translateY(0px); }
.tabc li:hover p { -webkit-transform: translateY(0px); -webkit-transition-delay: .1s; }
@media(max-width:1200px) {
	.tabc li { width: 33.333333%; }
}
@media(max-width:750px) {
	.tabc li { width: 50%; }
}
@media(max-width:550px) {
	.tabc li { width: 100%; }
}
/***新闻资讯***/
.new { overflow: hidden; margin-left: -30px; }
.new li { float: left; width: 33.3333333%; margin-bottom: 30px; }
.new li .row { padding-left: 30px; }
.new li .pic { position: relative; width: 100%; }
.new li .pic:after { width: 100%; height: 100%; background: #d68b37; position: absolute; left: 0px; top: 0px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; content: ''; opacity: 0; -webkit-transform: scale(0); }
.new li .pic img { display: block; width: 100%; }
.new li .pic .date { position: absolute; right: 0px; bottom: 0px; background: #d68b37; color: #fff; padding: 10px 15px; z-index: 1; }
.new li .pic .date b { font-size: 25px; font-weight: 700; font-style: italic; display: block; }
.new li .autour { padding: 12px 0; border-bottom: 1px solid #ddd; color: #999; }
.new li .autour .fa-eye{ vertical-align:-1px; font-size:15px; }
.new li .note { padding-top: 15px; }
.new li .note h3 { margin-bottom: 10px; font-size: 18px; font-weight: bold; }
.new li .note p { line-height: 22px; color: #999; }
.new li:hover .pic:after { opacity: 0.7; -webkit-transform: scale(1); }
@media(max-width:960px) {
.new li { width: 50%; }
}
@media(max-width:750px) {
.new li { width: 100%; }
}
/***客户***/
.kefu { background-attachment: fixed; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; opacity: 1; filter: alpha(opacity=100); position: relative; padding: 50px 0 0; background-image: url(../img/cases_bg.jpg); margin-top:30px; }
.kefu .item{ margin:20px;}
.kefu .note { padding: 30px 30px; background-color: rgba(255,255,255,.3); text-align: center; position: relative; }
.kefu .note h3 { font-size: 18px; font-weight: bold; color: #fff; margin-bottom: 10px; }
.kefu .note p { line-height: 22px; color: #fff; text-align:left; }
.kefu .note:after { content: ""; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid rgba(255,255,255,.3); position:absolute; bottom:-15px; left: 45px; }
.kefu .headimg img { width: 80px; height: 80px; border-radius: 50%; margin: 20px; float: left; border: 2px solid #f4f6f8; padding: 5px; }
.kefu .headimg p{color:#fff; padding-top:35px;}

/***合作伙伴***/
*:focus{outline:none;}
.painter{overflow:hidden;padding-bottom:35px;}
.painter .fl{width:50%;padding-right:15px;}
.painter .fr{width:50%;padding-left:15px;}
.painter .title{text-align:left;}
.painter .title i{margin:10px 0;}
.painter .fl ul{margin-left:-12px;overflow:hidden;}
.painter .fl ul li{float:left;width:33.333333%;padding-left:12px;margin-bottom:12px;}
.painter .fl ul li img{display:block;width:100%;border:1px solid #ddd;-webkit-transition: all .4s ease; }
.painter .fl ul li img:hover{opacity:0.8;}
.painter .fl ul li a{display:block;}
.painter .fr .book{padding:10px;background:#f5f5f5;}
.painter .fr .book .bookc{background:#fff;padding:10px;}
.book p{margin-bottom:12px; position: relative;}
.book .intext{width:100%;padding:8px 10px; border-radius:2px; border:1px solid #eee;font-family: Microsoft Yahei; -webkit-transition: all .4s ease;}
.book textarea{height:100px;}
.book .intext:hover{border:1px solid #d68b37;}
.book .sbtn{height:35px;line-height:35px;padding:0px 20px;margin-top:15px; cursor:pointer; background:#2a333c;color:#fff;border-radius:3px;font-family: Microsoft Yahei; position:relative;}
.book .sbtn i{padding-left:30px; vertical-align:-1px;font-size:14px;}
.book em{width:1px; background:#37474f;height:20px;right:45px; position:absolute;top:7px; }
.book em:after{content:''; height:20px; width:1px; right:1px; position:absolute; top:0px; background:#232323;}
.passcode{position:absolute; right:1px; top:1px; height:36px;border-left:1px solid #eee; cursor: pointer;}
@media(max-width:750px) {
	.painter .fl { width: 100%;padding-right:0px;float:none; }
	.painter .fr { width: 100%;padding-left:0px;float:none;}
}


/***内页开始***/
/***顶部图***/
.topimg{height:299px;overflow:hidden;background-size:auto 100%; position:relative; background-position:center center;text-align:center;background-repeat:no-repeat;}
.leader{color:#fff; position:absolute; left:0px; right:0px;margin:auto; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.leader h1{color:#fff;font-weight:bold;font-size:30px;margin:0px;padding:0px;}
.leader em{width:40px; height:3px;display:block;margin:5px auto;background:#d68b37;}
.leader p{margin-top:10px;}
.leader i{vertical-align:normal; margin-right:5px;}
.leader p a{color:#fff;}

/***左侧***/
.left{width:22%;float:left;overflow:hidden;margin-bottom:20px;}
.right{width:76%;float:right;overflow:hidden;}
.ntit{color:#37474f; font-size:18px;margin:35px 0;}
.ntit i{width: 35px;height: 2px;background: #d68b37;display:block;margin-top:5px;}

.search form{position:relative;border:1px solid #eee;height:46px;}
.search .stext{padding:14px 10px;border:0px;width:100%;}
.search button{height:46px;width:46px;position:absolute;right:0px;top:0px;background:#37474f;color:#fff;-webkit-transition: all .4s ease;}
.search button:hover{background:#d68b37;}

.leftcate{overflow:hidden;}
.leftcate li a{display:block;height:45px;line-height: 45px;border-bottom:1px solid #ddd;}
.leftcate li a:before{content: '\f105'; font-family: FontAwesome; padding-right: 10px;padding-left:20px;}
.leftcate li a.on{background:#37474f;color:#fff;}

.mobileCate{height:50px;line-height:50px;background:#fff;text-align:center;overflow-x:auto;overflow-y: hidden; display:none;}
.mobileCate li{display:inline-block;padding:0 10px;}
.mobileCate li a{font-size:16px;}
.mobileCate li a.on{ color:#d68b37; }

.tjpro{overflow:hidden;margin-left:-10px;}
.tjpro li{float:left;width:33.3333333%;padding-left:10px;}
.tjpro li img{display:block;width:100%;}
.tjpro li .tit{height:30px;line-height:30px;overflow:hidden;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tjpro li .mo{color:#d68b37;}

.tjnew{overflow:hidden;margin-top:-10px;}
.tjnew li{border-bottom:1px solid #ddd; padding:12px 0;}
.tjnew li .date{color:#999;padding-bottom:8px;}

.hotkey{overflow:hidden;margin-left:-12px;}
.hotkey li{float:left; width:50%; padding-left:12px;margin-bottom:12px;}
.hotkey li a{height:45px;line-height: 45px;text-align: center;border:1px solid #ddd;display:block;}
.hotkey li a:hover{ background:#d68b37;color:#fff; }

@media(max-width:950px){
	.left{float:none;width:100%;}
	.mobileCate{display:block;}
	.leftcate{display:none;}
    .search{display:none;}
	.right{float:none;width:100%;}
}

@media(max-width:640px){
	.topimg{height:150px;}	
	.leader h1{font-size:25px;}
	.ntit{margin:20px 0;}
}

/***右侧***/
.pdbox{background:#fff;padding:25px;line-height:26px;font-size:16px;overflow:hidden;}
.pdbox img{max-width:100%;margin-left:-12px;}

/***案例列表***/
.prolist{overflow:hidden;margin-left:-30px;}
.prolist li{ display:block; width:25%; padding-left:30px; margin-bottom:30px;float:left;overflow:hidden;box-shadow: 0 1px 1px rgba(0,0,0,.05);}
.prolist li h4{height:40px;line-height: 40px;text-align:center;background:#fff;-webkit-transition: all .3s ease;}
.prolist li .pic{width:100%;overflow:hidden;}
.prolist li img{width:100%;display:block;-webkit-transition: all .3s ease;}
.prolist li:hover img{transform:scale(1.2);-webkit-transform:scale(1.2); }
.prolist li:hover h4{background:#d68b37;color:#fff;}

@media(max-width:1000px){
	.prolist li{width:33.3333333%;}
}
@media(max-width:640px){
	.prolist{margin-left:-12px;}
	.prolist li{width:50%;padding-left:12px;margin-bottom:12px;}
}
@media(max-width:320px){
	.prolist{margin-left:-12px;}
	.prolist li{width:100%;padding-left:12px;margin-bottom:12px;}
}

/***新闻列表***/
.newlist{overflow:hidden;}
.newlist li{padding:20px 0;border-bottom:1px solid #eee;}
.newlist li h2{font-size:22px; color:#2a333c;padding-bottom:5px;}
.newlist li h2 a{color:#2a333c }
.newlist li h2 a:hover{color: #d68b37}
.newlist li .note{color:#76838f;line-height: 25px;font-size:16px; padding: 12px 0;}
.newlist li .date{font-size:16px;color:#a3afb7;}
.newlist li .date i{vertical-align: 1px;}

/***详情页信息***/
.nLeft{float:left;width:73%;background:#fff;margin:30px auto;padding:30px;}
.nLeft .tit2{border-bottom:1px solid #eee;padding-bottom:12px;margin-bottom:20px;}
.nLeft .tit2 h1{font-size:32px;}
.nLeft .tit2 p{font-size:16px;color:#a3afb7;padding-top:10px;}
.nLeft .tit2 p i{vertical-align: 1px;}
.nLeft .pdbox{padding:0px;}

.nRight{float:right;width:25%;background:#fff;padding:20px;margin:30px 0;}
.nsearch {width:100%; height:40px; border-radius:20px;-webkit-border-radius:20px;overflow:hidden;position:relative;border:1px solid #eee;overflow:hidden;}
.nsearch input{width:100%;padding:10px;border:0px;}
.nsearch button{ height:40px;right:0px;top:-2px; position:absolute; width:50px;background:none;border:0px; cursor: pointer;}

.recomed{border-top:1px solid #eee;margin-top:20px;}
.recomed h2{font-size:18px; margin-top:25px ;}
.ncate{border:1px solid #eee;border-radius:3px;-webkit-border-radius:3px;margin-top:12px;}
.ncate a{display:block; border-bottom:1px solid #eee;font-size:16px;padding:12px 15px;}
.ncate li:last-child a{border:0px;}

.allcate{margin-top:20px;border-top:1px solid #eee;padding-top:10px;}
.allcate a{display:block; height:35px; line-height:35px; font-size: 16px;}
@media(max-width:950px){
	.nLeft{width:100%;float:none;}
	.nRight{width:100%;float:none;}
}

/***上下篇***/
.prevnext{margin-top:25px;}
.prevnext a{padding:8px 18px;border-radius:25px; -webkit-border-radius: 25px;border:1px solid #eee;font-size:14px;color:#a3afb7;}
.prevnext a:hover{color: #d68b37;border-color:#d68b37;}
@media(max-width:950px){
	.prevnext a{border-radius:20px; -webkit-border-radius:20px;}
	.prevnext a span{display:none;}
}

/***底部信息***/
.footer{background:#32373c;overflow:hidden;}
.footer .row:first-child{margin-left:-40px;}
.footer .row{width:25%; float:left; padding:40px 0;color:#aaa; padding-left:40px;}
.footer .row h3{font-size:18px;color:#fff;}
.footer .row h3 i{width: 30px; height: 3px; background: #d68b37; display: block;margin:15px 0;}
.footer .dbabout p{ line-height:25px; }
.footer .dbabout a{color:#fff; line-height: 30px;}
.footer .dbabout a i{padding-left:5px;font-size:14px; vertical-align: -1px}
.footer .dbabout a:hover {color:#d68b37;}

.share{margin-top:15px;}
.share li{float:left;margin-right:10px;}
.share li a{width:30px;height:30px;border-radius:50%;border:1px solid #d68b37;color:#d68b37;line-height:30px;display:block;position:relative;-webkit-transition: all .4s ease;}
.share li a i{color:#d68b37;display:block;margin-top:7px;width:15px;margin-left:2px;}
.share li #met-weixin .wximg{width:140px;height:140px;position:absolute;top:-155px;left:-60px;-webkit-transition: all .4s ease; visibility: hidden;-webkit-transform: scale(0);}
.share li #met-weixin .wximg img{width:100%;height:100%;}
.share li #met-weixin .wximg:after{content:'';position: absolute;display: block; width: 0;height: 0;border-color: transparent;border-style: solid;
content: "";border-width: 8px; border-top-color:#fff; border-bottom-width: 0; bottom:-8px;left:50%;margin-left:-4px;}
.share li a:hover{ -webkit-transform:scale(1.2); }
.share li #met-weixin:hover .wximg{ -webkit-transform:scale(1); visibility:visible;}

.footer .dbnew ul li{line-height:35px; height:35px; overflow:hidden;}
.footer .dbnew ul li a{color:#aaa;}
.footer .dbnew ul li a:hover{color:#d68b37;}
.footer .dbnew ul li a:before{ content: '\f105'; font-family: FontAwesome; padding-right: 10px; }

.dbpicw ul {margin-left:-5px;}
.dbpicw ul li{float:left;padding-left:5px;margin-bottom:5px;} 
.dbpicw ul li img{width:60px;height:55px;display:block;-webkit-transition: all .4s ease;}
.dbpicw ul li img:hover{opacity:0.8;}

.dbcontact ul li{line-height:35px;color:#aaa;}
.dbcontact ul li a{color:#aaa;}
.dbcontact ul li i{margin-right:15px;font-size:26px;color:#d68b37;}

.copyright{ padding: 20px 0;color: #aaa;background: #282d32;line-height:23px; text-align:center;}

@media(max-width:1200px){
	.footer .row{width:50%;}
	.footer .row:nth-child(3),.footer .row:nth-child(4){padding-left:0px;}
}

@media(max-width:750px){
	.footer .row:first-child{margin-left:0px;}
	.footer .row{width:100%;padding-left:0px;}	
}

/***分页***/
.pagelist{padding:25px 0; text-align:center;}
.pagelist span,.pagelist a{padding:10px 15px;background:#fff;display:inline-block;margin:5px 3px;line-height:18px; }
.pagelist span,.pagelist a:hover{background: #d68b37;color:#fff;}
.pagelist label{display:none;}

.returntop{width:40px;height:40px;text-align: center;line-height: 35px;color:#d68b37;border:1px solid #d68b37;
position:fixed;right:10px;bottom:120px; z-index: 1111; font-size:16px; transform:scale(0); opacity: 0; }
.returntop.on{ transform: scale(1); opacity: 1; }
.returntop:hover{background:#d68b37;color:#fff;}