/*移动端样式设置*/
/*html,body {height: 100%;}
body {width:7.5rem;margin:0px auto;overflow-x: hidden;}
.container {width: 100%;padding: 0rem 0.1rem;}*/


/*公共样式*/
body {background: #fff;line-height: 2;overflow-x: hidden;color: #333;}
.font-yahei {font-family: "微软雅黑";}
.container {width: 1200px;padding-left: 10px;padding-right: 10px;}
.layout,.container-layout {min-width: 1200px;}
canvas {margin: 0px;padding: 0px;display: block;}
a {color: #333;}
.text-white,.text-white a {color: #fff;}
.margin-bottom20 {margin-top: 20px;}
.margin-top20{margin-top: 20px;}

/*首页样式*/
#top-box{height: 142px;}
#top-1{height: 40px;background: #f5f5f5;line-height: 40px;}
#zhuce{height: 20px;}
#zhuce ol li{float: left;width:80px;}
#logo {padding: 10px 0px;height: 108px;}
#logo  h1{font-size: 34px;}
#logo  p{font-size: 14px;line-height: 8px; letter-spacing:1.5px;}
#nav-box {margin-left:59px;padding-top: 20px;}
.nav-list >ul >li {float: left;position: relative;padding-left: 20px;padding-right: 20px;}
.nav-list >ul >li >a {display: block;text-align: center;line-height: 50px;font-size: 16px;}
.nav-list >ul >li >a:hover {color: #f00;}
.submenu {position: absolute;left: 0px;top: 50px;width: 100%;background: #f8f8f8;display: none;z-index: 2;}
.submenu >ul >li >a {display: block;text-align: center;line-height: 30px;}
.submenu >ul >li >a:hover {color: #f00;}

/*轮播图*/
.banner-box .bd li {height: 560px;}
.banner-box {position: relative;}
.banner-box .hd {position: absolute;left: 0px;bottom: 5px;width: 100%;text-align: center;}
.banner-box .hd li {display: inline-block;width: 15px;height: 15px;background: #ddd;border-radius: 50%;margin: 0px 3px;overflow: hidden;text-indent: 10em;}
.banner-box .hd li.on {background: #f00;}

/*快捷服务*/
#kuaijie{height: 180px;margin-top: 30px;}
.nav-icon >ul >li {float: left;position: relative;width:295px;height: 180px;text-align: center;line-height: 83px;border-right: 1px #ccc dashed;}
.nav-icon >ul >li:last-child{border-right: none;}
.nav-icon >ul >li img{text-align: center;line-height: 120px;}
.nav-icon b {display: block;text-align: center;line-height: 48px;font-size: 20px;font-weight: normal;color: darkgray;}
.nav-icon p {display: block;text-align: center;line-height: 12px;font-size: 22px;font-weight: normal;color:#C6C6C6;font-family: "宋体";}

/*服务流程*/
#fuwu{margin-top: 50px;}
#left-icon{width:224px;height: 270px;border: solid 1px #000;padding: 25px;margin-right:15px;}
#left-icon h1{font-size: 24px;color: #787878;line-height: 20px;}
#left-icon b{font-size: 32px;line-height:1.8;}
#left-icon p{display:block;font-size: 18px;line-height:2.2;}
#left-icon b1{display:block;border-bottom: 2px solid #807e7b;width: 50px;margin-top:13px;}
#left-icon span a{font-size: 15px;font-weight: normal;color: #FFF}
#left-icon span{width:90px;height:30px;line-height:30px;background:#cc3333;display: block;text-align: center;margin-top:65px;}

#fuwu ul li {float: left;width: 224px;margin-right:15px;height: 270px;}
#fuwu ul li:nth-of-type(4){margin-right: 0px;}
#fuwu ul li a {display: block;overflow: hidden;font-size: 14px;line-height: 40px;}
#fuwu ul li a img {overflow: hidden;display: block;height: 170px;width:100%;}
#li-icon{width:224px;height: 100px;padding: 15px;color: #666666;}
#li-icon h1{font-size: 14px;line-height: 14px;}
#li-icon p{display:block;font-size: 14px;line-height:2.2;font-weight: bold;}
#li-icon b{display:block;font-size: 14px;line-height:2.2;font-weight: normal;}
#li-icon h5{display:block;border-bottom: 2px solid #807e7b;width: 20px;margin-top:13px;}
#fuwu ul li:hover #li-icon{background:#cc3333 ;color: #FFFFFF;}
#fuwu ul li:hover #li-icon h5{border-bottom: 2px solid #FFFFFF;}

/*案例工程*/
#anli{margin-top:55px;}
#anli h1{font-size: 30px;font-weight: bold;line-height: 2.4;display: block;border-bottom: 1px solid #CC3333;width: 122px;
  margin:0 auto;}
#anli span{width:100%;height:1px;background: #e5e5e5;display: block;}
#anli ol{width: 570px;margin:20px auto;}
#anli ol li {float: left;width: 100px;text-align: center;}
#anli ul{margin-top: 30px;}
#anli ul li {float: left;width: 280px;margin-right: 20px;text-align: center;background: #f4f4f4;height:270px;}
#anli ul li:nth-of-type(4){margin-right: 0px;}
#anli-icon{width:280px;height: 60px;padding: 10px;color: #666666;}
#anli-icon h2{font-size: 14px;line-height:2.2;}
#anli-icon p{display:block;font-size: 12px;line-height:2.2;opacity: 0.6;}
#anli-icon span{display:block;border-bottom:#CCCCCC 1px solid;margin-top: 35px;}
#anli ul li img {overflow: hidden;display: block;height: 210px;width:100%;}
#anli ul li:hover #anli-icon{background:#cc3333 ;color: #FFFFFF;}

/*工艺展示*/
#gongyi{margin-top:55px;}
#gongyi h1{font-size: 30px;font-weight: bold;line-height: 2.4;display: block;border-bottom: 1px solid #CC3333;width: 122px;
  margin:0 auto;}
#gongyi span{width:100%;height:1px;background: #e5e5e5;display: block;}
#gongyi ol{width: 410px;margin:20px auto;}
#gongyi ol li {float: left;width:55px;text-align: center;}
#gongyi ul{margin-top: 30px;}
#gongyi ul li {float: left;width: 280px;margin-right: 20px;text-align: center;background: #f4f4f4;height:270px;}
#gongyi ul li:nth-of-type(4){margin-right: 0px;}
#gongyi-icon{width:280px;height: 60px;padding: 10px;color: #666666;}
#gongyi-icon h2{font-size: 14px;line-height:2.2;}
#gongyi-icon p{display:block;font-size: 12px;line-height:2.2;opacity: 0.6;}
#gongyi-icon span{display:block;border-bottom:#CCCCCC 1px solid;margin-top: 35px;}
#gongyi ul li img {overflow: hidden;display: block;height: 210px;width:100%;}
#gongyi ul li:hover #anli-icon{background:#cc3333 ;color: #FFFFFF;}

#news{margin-top:60px;}
/*行业新闻*/
#news-hy{width:575px;margin-right: 30px;height: 680px;}
#news-hytop{background: url(../images/pic_22.jpg) no-repeat center;width: 575px;overflow: hidden;height: 229px;}
#news-hytop span{display: block;background: url(../images/news.png) no-repeat left;text-align: center;width: 120px;height: 30px;line-height: 30px;}
#news-hybot{width: 575px;}
#news-hybot li{float: left;border-bottom: 1px #ccc dashed;padding-bottom: 8px;padding-top:15px;}
#news-hybot p{color:#666;}
#news-time{width: 80px;height: 80px;text-align: center;}
#news-time span{width: 80px;height:40px;line-height: 40px;display: block;color: #d7451e;font-size: 26px;background: #f6f6f6;}
#news-time section{width: 80px;height: 40px;line-height: 40px;display: block;color:white;font-size: 26px;background: #cc3333;}
#news-hyr{margin-left: 40px;width: 450px;}
/*新闻资讯*/
#news-zx{width:575px;height: 680px;}
#news-zxtop{background: url(../images/pic_24.jpg) no-repeat center;width: 575px;overflow: hidden;height: 229px;}
#news-zxtop span{display: block;background: url(../images/news.png) no-repeat left;text-align: center;width: 120px;height: 30px;line-height: 30px;}
#news-zxbot{width: 575px;margin-top: 30px;}
#toutiao img {width: 197px; height: 138px;}
#toutiao h1 {font-size: 16px; font-weight: bold;}
#toutiao p {color: #666;line-height: 1.8;}
.news-list {padding-top:20px;}
.news-list li span {float: right;font-size: 14px;color: #999;}
.news-list li {background: url(../images/首页_28.jpg) left center no-repeat;padding-left: 15px;margin-top: 4px;border-bottom: 1px #ccc dashed;
             line-height: 2.3;}
/*底部*/
footer{background: #464543;width:100%;height: 260px;margin-top: 110px;color: #fff;}
#bot{position: relative;}
#bot span{display: block;width: 105px;height: 35px;line-height: 35px;text-align: center;background: url(../images/hzhb.png) no-repeat center;
       position: absolute;top: 20px;}
#bot ol{position: absolute;top: 23px;left: 130px;}       
#bot ol li {float: left;width:75px;color: #F1F1F1;opacity: 0.7;}
#bot ol li a{color: #fff;}
#bot b1{position: absolute;top:120px;}
#bot p{position: absolute;top:140px;font-size: 36px;color:#CC3333;text-shadow: 1px 1px 1px  #ccc;}
#bot b2{position: absolute;top:120px;left: 400px;}
#bot p1{position: absolute;top:140px;left: 400px;font-size: 36px;color:#CC3333;text-shadow: 1px 1px 1px  #ccc;}
#bot b3{position: absolute;top:120px;left: 730px;line-height: 2.6;}
#bot h6{position: absolute;right:10px;top:220px;opacity: 0.7;}

#banquan{height: 40px;background: #333333;line-height: 40px;}



@media only screen and (min-width: 321px) and (max-width: 640px) {
}

/*内页样式*/
#left-box {width: 240px;background: #cc3333;color: #fff; padding-bottom: 100px;}
#right-box {width:900px;}
#left-box h1 {font-size: 18px;padding: 12px;background: #860909;}
#left-box p {font-size: 14px;font-weight: lighter;}
#left-box h1 span {font-size: 34px;line-height: normal;}

.submenu-list li {border-bottom: 1px solid #f8a0a0;}
.submenu-list li a {display: block;line-height: 50px;color: #fff;padding: 0px 15px;transition: all 0.5s;}
.submenu-list li a span {float:right;}
.submenu-list li a:hover {background: #fc5e5e; padding-left: 30px;}

.nav-position {border-bottom: 1px solid #ddd;line-height: 30px;}
.nav-position a {font-size: 16px;}
#main-con {margin-top: 10px;}
#main-con img {max-width: 100%;}