/* 服务 */
.service {
    margin-top: 20px;
    border-bottom: solid 1px #d0d0d0;
    overflow: hidden;
}
.container {
    width: 1200px;
    margin: 30px auto;
}
.service-title {
    background: #2fa1f0;
    padding-left: 46px;
    width: 184px;
    height: 184px;
    margin-bottom: 33px;
}
.col-white {
    color: #fff;
}
.fl {
    float: left;
}
.fr {
    FLOAT: right;
}
.service-title h1 {
    display: block;
    font-size: 28px;
    line-height: 24px;
    font-weight: bold;
    padding-top: 50px;
    margin-bottom: 16px;
	letter-spacing: 1px;
}
.service-title span {
    display: block;
    font-size: 14px;
    line-height: 10px;
    margin-bottom: 23px;
	letter-spacing:1px;
}
.service-title i {
    display: block;
    width: 28px;
    height: 1px;
    background: #fff;
}
.service .class dl {
    float: left;
    margin-left: 8px;
    padding-left: 113px;
    width: 358px;
    padding-top: 14px;
    height: 170px;
}
.service .class dl.bg1 {
    background: url(../img/class-bg1.jpg) no-repeat;
}
.service .class dl dt {
    font-size: 22px;
    line-height: 45px;
    border-bottom: solid 1px #fff;
    color: #fff;
    width: 245px;
    text-align: center;
    margin-bottom: 19px;
}
.service .class dl dd {
    display: block;
    float: left;
}
.service .class dl.bg1 dd {
    width: 134px;
}
.service .class dl dd a {
    display: block;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    transition: all .6s;
}
.service .class dl dd:hover a  {
    color:#2fa1f0;
}
.service .class dl.bg2 {
    background: url(../img/class-bg2.jpg) no-repeat;
}
.service .class dl.bg2 dd {
    width: 162px;
}
.process ul li {
    float: left;
    position: relative;
    width: 20%;
}
.process ul li .icon img {
    display: block;
    margin: 0 auto 22px;
    transition: all .6s;
}
.process ul li em {
    display: block;
    height: 31px;
    font-size: 16px;
    line-height: 16px;
    color: #666;
    text-align: center;
}
.c:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}
.process ul li em:after {
    position: absolute;
    content: '';
    bottom: 0;
    width: 34px;
    height: 1px;
    background: #2fa1f0;
    left: 50%;
    margin-left: -17px;
    z-index: 2;
}
/* 材料 */
.title h2 {
	display:block;
	font-size:26px;
	line-height:30px;
	color:#333;
    letter-spacing: 1px;
}
.title h3 {
	display:block;
	font-size:24px;
	line-height:30px;
	color:#333;
    letter-spacing: 1px;
}

.title span {
	display:block;
	font-size:14px;
	line-height:10px;
	color:#666;
	line-height:28px;
	position:relative;
    letter-spacing: 2px;
}
.title span:after {
	position:absolute;
	content:'';
	bottom:0;
	width:28px;
	height:1px;
	background:#858585;
	left:50%;
	margin-left:-14px;
}
.product {
    overflow: hidden;
    margin: 50px auto;
}
.product .title {
	margin-bottom:30px;
    text-align: center;
}
.clxlb{
    margin: 0 auto;
    margin-bottom: 30px;
    width: 75%;
}
.clxlb ul{
	overflow: hidden;
}
.clxlb ul li{
	float: left;
    width: 15%;
    margin-right: 1.6%;
    text-align: center;
    line-height: 30px;	
    background-color: #eee;
    border-radius: 20px;
}
.clxlb ul li:nth-child(6n){
    margin-right: 0;
}
.clxlb ul li a{
	color: #000;
	font-size: 16px;
}
.clxlb ul li:hover{
    background-color: #2fa1f0;
}
.clxlb ul li:hover a{
    color: #fff;
}
.product .list {
	overflow:hidden;
}
.product .list ul li {
	float:left;
	width:24%;
	margin-right:1.33%;
}
.product .list ul li:nth-child(4n){
	margin-right:0;
}
.product .list ul li .pic {
	width:282px;
	height:219px;
	border:solid 1px #bfbfbf;
	overflow:hidden;
}
.product .list ul li .pic img {
	display:block;
	-webkit-transition:opacity 1s,-webkit-transform 1s;
	transition:opacity 1s,transform 1s;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	opacity:1;
}
.product .list ul li:hover .pic img {
	-webkit-transform:scale3d(1.1,1.1,1);
	transform:scale3d(1.1,1.1,1);
	-webkit-transition:opacity 1s,-webkit-transform 1s;
	transition:opacity 1s,transform 1s;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
.product .list ul li em {
	display:block;
	background:#f3f3f3;
	font-size:15px;
	line-height:42px;
	color:#333;
	text-align:center;
	padding:0 10px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.product .list ul li:hover em {
	background:#0890ef;
	color:#fff;
}


/* 案例 */
.case{
	overflow: hidden;
}
.case ul li{
	width: 22.25%;
    float: left;
    margin-right: 3%;
}
.case ul li:nth-child(4n){
    margin-right:0;
}
.case ul li img{
	width: 100%;
    height: 178px;
}
.case ul li p{
    text-align: center;
    line-height: 37px;
    color: #000;
    background-color: #f5f5f5;
	font-size: 15px;
}
.case ul li:hover p{
    background-color: #0890ef;
	color: #fff;
}
/* 简介 */
.jjbg {
    width: 100%;
    overflow: hidden;
    margin: 20px auto;
	background-color: #f5f5f5;
	padding: 40px 0;
}
.box {
    width: 1200px;
    margin: 0 auto;
}
.jjzuo {
    width: 56%;
    float: left;
}
.jianjie {
    color: #222222;
    line-height: 30px;
    /* background: url(../img/jj.jpg) no-repeat right 5px; */
	overflow: hidden;
}
.jianjie h2{
    float: left;
	font-size: 26px;
	line-height: 52px;
    letter-spacing: 1px;
}
.jianjie span {
    color: #0890ef;
    font-size: 22px;
}
.jianjie span em {
    color: #0890ef;
    font-size: 16px;
    font-weight: bold;
    padding-left: 10px;
}
.jianjie a {
    width:120px;
    background: url(../img/jjx.jpg) no-repeat center bottom;
    text-align: center;
    display: block;
    color: #0890ef;
    font-size: 19px;
    line-height: 30px;
    float: left;
    margin-left: 16px;
    font-weight: bold;
	margin-top: 6px;
    letter-spacing: 1px;
}
.jianzi {
    margin-top: 18px;
    color: #4c4c4c;
    line-height: 28px;
    height: 210px;
}
.jianzi p {
    font-size: 15px;
    margin-bottom: 15px;
}
.jianduo {
    width: 128px;
    height: 36px;
    border: #0081cc 1px solid;
    text-align: center;
    float: right;
}
.jianduo a {
    display: block;
    color: #0081cc;
    line-height: 36px;
}
.jiantu {
    width:40%;
    height: 321px;
    float: right;
}
.jiantu img{
    width:100%;
}
/* 资讯 */
.new {
    padding:20px 0;
	overflow: hidden;
}
.newtit{
	text-align: center;
	margin-bottom: 34px;
}
.newtit h3{
    display: block;
    font-size: 24px;
    line-height: 30px;
    color: #333;
    letter-spacing: 1px;
}
.newtit span{
    display: block;
    font-size: 14px;
    line-height: 10px;
    color: #666;
    line-height: 28px;
    position: relative;
    letter-spacing: 1px;
}
.newtit span:after {
    position: absolute;
    content: '';
    bottom: 0;
    width: 28px;
    height: 1px;
    background: #858585;
    left: 50%;
    margin-left: -14px;
}
.mg40 {
	margin-top: 20px;
}

.sub-nav {
	height: auto;
	overflow: hidden;
	padding: 0;
}

.sub-nav a {
	color: #000;
    text-align: center;
    width: 140px;
    font-weight: bold;
    font-size: 16px;
    float: left;
}

.sub-nav a:hover, .sub-nav a.on {
	color: #0890ef;
}
.newsleft {
	overflow: hidden;
    padding-bottom: 20px;
    width: 785px;
}
.news-ct {
	display: none;
	width: 743px;
	overflow: hidden;
    padding: 20px;
    border: 1px solid #ccc;
}

.news-ct a {
	color: #333;
}
.news-ct li {
    line-height: 30px;
    background: #f6f6f6;
    padding: 15px 20px;
    margin-bottom: 15px;
}
.news-ct li:hover {
    background: #3c86da;
	color: #fff;
}
.news-ct li a {
	color: #000;
    font-size: 14px;
    display: inline-block;
    width: 75%;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.news-ct li:hover a {
    color: #fff;
}
.newslist .newsone {
    width: 350px;
	margin-right: 20px;
}
.newslist .newsimg {
    width: 350px;
    overflow: hidden;
}
.newslist .newsimg img {
    width: 100%;
	height: 204px;
}
.newslist .newstwo {
    overflow: hidden;
}

.newsone .newsinfo h4 {
    padding: 10px 0;
    font-size: 15px;
}
.newsone .newsinfo p {
    font-size: 14px;
    line-height: 26px;
    color: #474747;
    overflow: hidden;
}
.newsright {
	width:394px;
}
.newsright .newswenti {
    padding: 20px;
    border: 1px solid #ccc;
}
.newsright .newstitle {
    overflow: hidden;
}
.newsright .newstitle span {
    color: #000;
    text-align: center;
    width: 140px;
    font-weight: bold;
    font-size: 16px;
    float: left;
}
.newsright .newstitle a {
    font-size: 14px;
    color: #000;
    padding-right: 8px;
    font-family: "Arial";
	float: right;
	line-height: 22px;
}
.newswenti ul li {
    border-bottom: 1px dashed #dfdfdf;
    line-height: 26px;
    padding: 0 0 15px 0;
}
.newswenti ul li .fa {
    background: url(../img/qicon.png) no-repeat left 10px;
    line-height: 32px;
    font-size: 14px;
}
.newswenti ul li .fa a {
    color: #000;
	padding-left: 30px;
	font-size: 14px;
}
.newswenti ul li .fq {
    background: url(../img/aicon.png) no-repeat left 6px;
    line-height: 26px;
    color: #666;
    height: 52px;
    overflow: hidden;
	padding-left: 30px;
}
/* 友情链接 */
.yqlj{
	background: #f3f3f3;
    padding: 20px 0;
}
.links{
    width: 1200px;
    margin: 0 auto;
}
.links h3{
    font-size: 18px;
    border-left: 8px solid #0890ef;
    line-height: 25px;
    padding-left: 8px;
    margin-bottom: 10px;
}
.links ul{
    overflow: hidden;
}
.links ul li{
    margin-right: 8px;
    line-height: 25px;
    float: left;
}
.links ul li a{
	color: #333;
}