@charset "gb2312";
/* CSS Document */
* {margin: 0;padding: 0;}
body {margin:0;font-size:14px;font-family:"微软雅黑","黑体","宋体",Arial,Helvetica,sans-serif,Impact;}
ul, li {list-style-type:none;}
a {color:#f00;text-decoration:none;}
em {float:right;font-style:normal;font-weight:normal;}
img {border:none;}
.clear {clear:both;}

#top {width:90%;padding:0 5%;line-height:38px;font-size:12px;color:#fff;background:#f00;position:fixed;z-index:299;top:0;}
@media (max-width: 760px) {
	#top {display:none;}
}
#top b {color:#ff0;}
#top em span {font-weight:bold;font-size:14px;font-family:Arial,Helvetica,sans-serif,Impact;}
#top em a {color:#ff0;}
nav {text-transform: uppercase;background-color:#222;width:90%;padding:0 5%;position:fixed;z-index:299;top:38px;}
@media (max-width: 760px) {
	nav {top:0;}
}
nav .logo {float:left;width:15%;}
nav .logo img {height:30px;margin:8px 0 0 20px;}
nav ul {width:85%;margin:0 auto;}
nav ul li {display:inline-block;width:9.5%;text-align:center;}
nav ul li a {color: #9d9d9d;font-weight:bold;text-decoration: none;display: inline-block;padding:1em 0;box-sizing: border-box;}
nav ul li a:hover {color:#fff;}
.current_page {background-color:black;}
.current_page a {color:#fff;}
#menu_button_wrapper{display:none;}
.hidden {display: none;}

/* Responsive for smaller screens */
@media (max-width: 760px) {
    #menu_button_wrapper{
        display: block;
        color: #9d9d9d;
        margin-bottom: .2em;
    }
    #menu_button {
        box-sizing: border-box;
        float: right;
		margin:0.3em 0 0 0;
        padding: .5em 1em;
        border: 1px solid #333;
        border-radius: 5px;
        color: white;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    #menu_button:hover {cursor: pointer;background-color: #333;}
    #hamburger {float: right;padding-top: .2em;}
    #menu_button span{display: block;background-color: #fff;width: 1em;height: .15em;border-radius: 1px;margin-bottom: .2em;}
	nav {width:98%;padding:0 1%;}
    nav ul {width:100%;margin: 0 auto;padding: 0;box-sizing: border-box;}
    nav ul li {display:block;width:90%;text-align:right;padding:0 5%;}
    nav ul li a {width:100%;}
}

/*banner*/
.banner {height:180px;overflow:hidden;position:relative;margin:85px auto 0 auto;width:100%;background:url(../images/f1.jpg) no-repeat center center;}
.now {width:80%;margin:0 10%;border-bottom:1px solid #f2f2f2;padding:18px 0;font-size:14px;text-indent:26px;color:#666;background:url(../images/now.png) no-repeat left center;background-size:18px;}
.now a {color:#333;background:#f2f2f2;padding:2px 10px;border-radius:20px;}
.now a:hover {color:#fff;background:#f00;}
.content {width:80%;margin:18px 10%;height:auto;}
@media (max-width: 760px) {
	.banner {height:120px;overflow:hidden;position:relative;margin:38px auto 0 auto;width:100%;background:url(../images/f1.jpg) no-repeat center center;}
	.now {width:96%;margin:0 2%;}
	.now a {color:#333;background:#f2f2f2;padding:2px 10px;border-radius:20px;}
	.now a:hover {color:#fff;background:#f00;}
	.content {width:96%;margin:0 2%;}
}

/*新闻*/
.lb {margin:18px 0;}
.lb h1 {text-align:center;font-size:36px;color:#f00;line-height:50px;}
.lb dl {height:320px;margin:8px 0 0 0;padding:10px 0.2%;width:24.6%;float:left;}
.lb dl dt {overflow:hidden;height:230px;border-radius:3px;margin:0 0 10px 0;}
.lb dl dt img {height:230px;}
.lb dl img {width:100%;height:230px;transition:2s;-moz-transition:2s;-webkit-transition:2s;-o-transition:2s}
.lb dl img:hover{transform:scale(2.2);-webkit-transform:scale(2.2)}
.lb dl h6, #news .n_lb dl dd {padding:6px 0;}
.lb dl h6 {font-size:14px;line-height:22px;}
.lb dl dd {font-size:12px;line-height:20px;}
.lb a dl h6 {color:#f00;}
.lb a dl dd {color:#666;}
.lb a:hover dl {background:#fff;}
@media (max-width: 760px) {
	.lb {width:98%;padding:0 1%;margin:18px 0;}
	.lb dl {height:160px;width:49%;float:left;padding:0 0.5%;}
	.lb dl dt {height:110px;margin:0;}
	.lb dl dt img {height:110px;}
	.lb dl h6 {padding:6px 0;line-height:20px;font-weight:normal;font-size:12px;}
	.lb a dl h6 {color:#555;}
	.lb dl dd {display:none;}
}

/*分页加载更多*/
.get_more {clear:both;background:#f2f2f2;color:#f00;line-height:58px;text-align:center;font-size:16px;font-weight:bold;margin:18px 0;}
@media (max-width: 760px) {
	.get_more {line-height:38px;font-size:1em;}
}

/*案例*/
.lb .plb {height:320px;margin:8px 0 0 0;padding:10px 0.2%;width:24.6%;float:left;text-align:center;}
.lb .hclb {height:270px;}
.lb .plb div {overflow:hidden;height:230px;border-radius:3px;margin:0 0 10px 0;}
.lb .plb div img {height:230px;}
.lb .plb div img {width:100%;height:230px;transition:2s;-moz-transition:2s;-webkit-transition:2s;-o-transition:2s}
.lb .plb div img:hover{transform:scale(2.2);-webkit-transform:scale(2.2)}
.plb h6 {font-size:16px;line-height:28px;}
.plb p {font-size:12px;line-height:28px;}
a .plb h6 {color:#333;}
.plb p a {border-radius:20px;padding:2px 6px;margin:0 2px;}
.plb p a.tag_red {color:#f00;background:#fee7e7;}
.plb p a.tag_blue {color:#067fdd;background:#e6f3fd;}
.plb p a.tag_green {color:#094;background:#edfde8;}
.plb p a.tag_black {color:#333;background:#f2f2f2;}
.plb p a:hover {color:#fff;background:#f00;}
@media (max-width: 760px) {
	.lb {width:98%;padding:0 1%;margin:18px 0;}
	.lb .plb {height:180px;width:49%;float:left;padding:0 0.5%;}
	.lb .hclb {height:142px;background:#ccc;}
	.lb .plb div {height:110px;margin:0;}
	.lb .plb div img {height:110px;}
	.plb h6 {font-size:12px;font-weight:normal;line-height:18px;padding:6px 0;}
}

/*服务分类*/
.slb {margin:18px 0;}
.s_fl {padding:18px 0;float:left;width:15%;}
.s_fl a {background:#f2f2f2;color:#333;width:100%;border-radius:1px;display:block;margin:1px 0 0 0;text-align:center;line-height:58px;font-size:16px;}
.s_fl a:hover {background:#333;color:#fff;}
.s_nr {float:right;width:82%;}
.s_nr h1 {text-align:center;font-size:36px;color:#f00;line-height:80px;margin:0 0 18px 0;border-bottom:1px solid #e5e5e5;}
.s_nr p {line-height:22px;font-size:14px;padding:8px 0;}
.s_nr img {width:80%;}
@media (max-width: 760px) {
	.s_fl {width:100%;padding:0;}
	.s_fl a {text-align:center;width:32.93%;border-radius:0;display:block;float:left;margin:1px 0.2%;line-height:32px;font-size:14px;}
	.s_fl a:hover {background:#333;color:#fff;}	
	.s_nr {width:100%;}
	.s_nr p {font-size:1em;color:#666;line-height:22px;padding:6px 0;}
	.s_nr img {width:100%;}
	.s_nr td {font-size:0.8em;text-align:center;}
}

/*服务项目*/
.ser {margin:18px 0;}
.ser h1 {text-align:center;font-size:36px;color:#f00;line-height:50px;}
.ser dl {height:260px;margin:8px 0 0 0;padding:10px 0.2%;width:24.6%;float:left;text-align:center;}
.ser dl dt {overflow:hidden;height:230px;border-radius:3px;margin:0 0 10px 0;}
.ser dl dt img {height:230px;}
.ser dl img {width:100%;height:230px;transition:2s;-moz-transition:2s;-webkit-transition:2s;-o-transition:2s}
.ser dl img:hover{transform:scale(2.2);-webkit-transform:scale(2.2)}
.ser a dl dd {color:#333;}
@media (max-width: 760px) {
	.ser dl {height:138px;width:49%;float:left;padding:0 0.5%;}
	.ser dl dt {height:110px;margin:0;}
	.ser dl dt img {height:110px;}
	.ser dl dd {padding:6px 0;line-height:20px;}
}

#kehu {width:100%;padding:18px 0;background:#f2f2f2;}
#kehu h6, #kehu h3 {text-align:center;}
#kehu h6 {font-size:32px;color:#f00;line-height:50px;}
#kehu h3 {font-size:14px;color:#666;line-height:20px;font-weight:normal;padding:10px 0;}
#kehu ul {width:80%;overflow:hidden;margin:0 auto;}
#kehu ul li {float:left;width:8.9%;margin:0 0 10px 1%;overflow:hidden;background:#fff;overflow:hidden;text-align:center;}
#kehu ul li div {height:92px;}
#kehu ul li div img {height:80px;margin:6px 0;}
#kehu ul li p {line-height:22px;font-size:12px;color:#555;}
@media (max-width: 760px) {
	#kehu ul {width:100%;overflow:hidden;margin:0 auto;}
	#kehu ul li {float:left;width:18.8%;margin:0 0 10px 1%;overflow:hidden;background:#fff;overflow:hidden;text-align:center;}
	#kehu ul li div {height:42px;}
	#kehu ul li div img {height:30px;margin:6px 0;}
}

#link {width:80%;padding:20px 10%;background:#333;}
@media (max-width: 760px) {
	#link {display:none;}
}
#link p {line-height:26px;font-size:12px;color:#fff;}
#link p a {color:#999;margin:0 8px;}
#link p a:hover,#link p a.a_kf {color:#fff;}
#link p a.a_kf {border:1px solid #444;padding:5px 16px;border-radius:3px;}

#food {width:80%;padding:20px 10%;background:#222;}
.f_l {width:30%;float:left;}
.f_l dl {width:50%;float:left;text-align:center;}
.f_l dl dt {width:98%;height:148px;overflow:hidden;text-align:center;}
.f_l dl dt img {margin:0 auto;height:148px;}
.f_l dl dd {color:#fff;font-size:12px;line-height:30px;}
#food h6 {color:#fff;font-size:16px;line-height:38px;border-bottom:1px solid #333;margin:0 0 10px 0;}
.f_c {width:26%;float:left;padding:0 2%;}
.f_c p {width:50%;float:left;line-height:30px;text-indent:16px;}
.f_c p a {color:#999;background:url(../images/e1.png) no-repeat left center;display:block;}
.f_c p a:hover {color:#f00;background:url(../images/e2.png) no-repeat left center;}
.f_r {width:40%;float:left;}
.f_r h6 em {font-size:12px;}
.f_r h6 em a {border:1px solid #444;padding:3px 10px;border-radius:3px;margin:0 0 0 6px;}
.f_r form {width:100%;}
.f_r form input {height:32px;line-height:32px;background:#fff;border:none;float:left;padding:0 1%;font-size:14px;}
.f_r form .uname {margin:0 0.2% 2px 0;width:21%;}
.f_r form .umobil {margin:0 0.2% 2px 0;width:33%;}
.f_r form .yzm {margin:0 0.2% 2px 0;width:23.2%;}
.f_r form .code {height:32px;margin:0 0 2px 0;background:#f2f2f2;float:left;width:16%;text-align:center;}
.f_r form .code img {margin:10px 0 0 0;height:12px;}
.f_r form textarea {border:1px solid #e4e0d2;width:95.3%;height:60px;margin:0;padding:10px 2%;font-size:14px;}
.f_r form .submit {margin:0;width:99.7%;height:50px;background-image: linear-gradient(to right, rgba(255,59,51,1), rgba(255,108,28,1));color:#fff;cursor:pointer;font-size:18px;}
@media (max-width: 760px) {
	#food {width:96%;padding:18px 2% 60px 2%;}
	.f_l {width:100%;}
	.f_l dl {width:50%;float:left;text-align:center;}
	.f_l dl dt {width:98%;height:150px;overflow:hidden;text-align:center;}
	.f_l dl dt img {margin:0 auto;height:150px;}
	.f_l dl dd {color:#fff;font-size:12px;line-height:30px;}
	.f_c {width:96%;padding:0 2%;}
	.f_r {width:100%;}
}

.f_t {width:100%;padding:20px 0 68px 0;background:#111;text-align:center;}
.f_t p {color:#666;font-size:12px;}
.f_t p a {color:#555;}
@media (max-width: 760px) {
	.f_t {display:none;}
}

.foot_m {display:none;}
@media (max-width: 760px) {
	.foot_m {display:block;width:100%;position:fixed;z-index:199;bottom:0;height:46px;background:#f00;}
	.foot_m dl {float:left;text-align:center;width:20%;text-align:center;height:46px;}
	.foot_m dl dt {padding:4px 0 0 0;}
	.foot_m dl dt img {height:20px;}
	.foot_m dl dd {line-height:12px;font-size:0.8em;}
	.foot_m a dl dd {color:#fff;}
}