﻿@charset "utf-8";
/* 7y8d.com 网站与推广  */
.banner {
	position: relative;
	top:140px;/*-10px*/
	width: 100%;
	height: 750px;
	background:url(../images/banner_bg.jpg) no-repeat center top;
}
.banner #slider {
	height: 540px;
	width: 100%;
}
.banner #slider li {
	font-size: 0;
	height: 540px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.banner .element {
	margin: 0 auto;
	position: relative;
	width: 1000px;
}
.banner .W_arrow {
	background: #f00;
	display: block;
	height: 35px;
	position: absolute;
	text-indent: -9999px;
	top: 190px;
	width: 35px;
}
.banner a.arrow_left {
	background-position: -111px 0;
	left: 50px;
}
.banner a.arrow_left:hover {
	background-position: -148px 0;
}
.banner a.arrow_left:active, .banner a.arrow_left.active {
	background-position: -185px 0;
}
.banner a.arrow_right {
	background-position: 0 0;
	right: 50px;
}
.banner a.arrow_right:hover {
	background-position: -37px 0;
}
.banner a.arrow_right:active, .banner a.arrow_right.active {
	background-position: -74px 0;
}
.banner .element .thumb {
	position: absolute;
}
.banner .element .thumb img {
	background: none repeat scroll 0 0 transparent;
}
.banner #num {
	position: absolute;
	top:420px;
	left:50%;
	margin-left:-500px;
	width:1000px;
	height:25px;
}
.banner #num .point {
	width:106px;
	margin:0 auto;
}
.banner #num span {
	background: url(../images/point_2.png) no-repeat 0 0;
	cursor: pointer;
	display: inline;
	float: left;
	line-height: 0;
	text-indent: -9999px;
	width: 43px;
	height:8px;
	margin-right:10px;
}
.banner #num .on {
	background: url(../images/point_1.png) no-repeat 0 0;
}
.banner .W_hr {
	background: url("../images/hr.png") no-repeat scroll center center rgba(0, 0, 0, 0);
	height: 27px;
	left: 0;
	position: absolute;
	top: 457px;
	width: 100%;
}
/* CSS Document */
.service {
	/* position: absolute; */
	top:630px;
	width:100%;
	height:650px;
	padding-bottom:10px;
	/* border-bottom:1px dashed #C5C5C5; */
}
.service .title {
	width:100%;
	height:120px;
	line-height:30px;
	margin-bottom:60px;
	color:#474747;
	font-size:20px;
	text-align:center;
}
.service .service_main {
	width:838px;
	margin:0 auto;
}
.service .service_main ul li {
	position:relative;
	float:left;
	width:104px;
	height:132px;
	display:inline;
	margin:0 15px;
}
.service .service_main ul li a {
	display:block;
	width:104px;
}
.service .service_main ul li a:hover h2 {
	color:#dd1407;
}
.service .service_main ul li .show {
	display:none;
	position:absolute;
	top:0;
	left:0;
}
.service .service_main ul li a h2 {
	width:102px;
	height:30px;
	line-height:30px;
	text-align:center;
	font-size:14px;
	color:#4b4b4b;
	font-weight:normal;
}
.case {
	width:100%;
	padding-top: 100px;
	padding-bottom:30px;
	margin-bottom:40px;
	border-bottom:1px dashed #C5C5C5;
}
.case .content{
	width:97%;
}
.case .title {
	width:100%;
	margin-bottom:40px;
	color:#474747;
	text-align:center;
}
.case .title h2 {
	font-size:28px;
	font-weight:normal;
}
.case .title h2 b {
	color:#cd0c00;
	font-weight:normal;
}

.service .title h2 b {
    color: #cd0c00;
    font-weight: normal;
}
.service .title h2 {
    font-size: 28px;
    font-weight: normal;
}
.service .title h3 {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #666;
    font-weight: normal;
}

.case .title h3 {
	height:30px;
	line-height:30px;
	font-size:12px;
	color:#666;
	font-weight:normal;
}
.case .case_main ul li {
	position:relative;
	float:left;
	width:380px;/*333px;*/
	height:298px;/*170px;*/
	overflow:hidden;
	padding:20px;
	margin:0 33px 40px 0;/*0 47px 40px 0;*/
	cursor:pointer;
	/*border:1px solid #ddd;*/
      border-radius: 25px;
    -o-border-radius: 25px;
    -ms-border-radius: 25px;
    -moz-border-radius: 25px;
    background: #f1f1f7;
}
.case .case_main ul li.no {
	margin-right:0;
}
.case .case_main ul li .pop_tit {
	width:331px;
	height:40px;
	padding:5px 0;
	display:none;
	color:#B45F0E;
	background:url(../images/search_btn.jpg) no-repeat right 10px;
}
.case .case_main ul li img {
	width:380px;
	height:298px;/*168px;*/
	/*border:1px solid #ddd;*/
        border-radius: 25px;
    -o-border-radius: 25px;
    -ms-border-radius: 25px;
    -moz-border-radius: 25px;
    background: #f1f1f7;
}
.p_tit1 {
	line-height:18px;
	color:#000;
	font-size:16px;
}
.p_tit2 {
	line-height:12px;
	color:#666;
	font-size:12px;
	line-height:20px;
}
.case .case_main p {
	text-align:center;
	font-size:16px;
}
.client {
	width:100%;
	border-bottom:1px dashed #C5C5C5;
  	padding: 100px 0 0;
  	background: #f0f5f8;margin:0;
}
.client .title {
	width:100%;
	/*margin-bottom:40px;*/
	color:#474747;
	text-align:center;
}
.client .title h2 {
	font-size:28px;
	font-weight:normal;
}
.client .title h2 b {
	color:#cd0c00;
	font-weight:normal;
}
.client .title h3 {
	height:30px;
	line-height:30px;
	font-size:12px;
	color:#666;
	font-weight:normal;
}
.client .client_main ul {
	margin-bottom:40px;
}
.client .client_main ul li {
	position:relative;
	float:left;
	width:178px;
	height:80px;
	border:1px solid #fff;
	margin:0 13.2px 13px 0;
}
.client .client_main ul li a {
	display:block;
	background:#e7e7e9;
}
.client .client_main ul li img {
	width:156px;
	height:80px;
}
.client .client_main ul li .show {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:156px;
	height:80px;
}
.client .client_main p {
	text-align:center;
	font-size:16px;
}
.aboutus {
	width:100%;
	padding-top:100px;
	    border-bottom: 1px dashed #C5C5C5;
}
.aboutus .content {
	width:100%;
	margin:0 auto;
}
.aboutus .title {
	width:100%;
	margin-bottom:40px;
	color:#474747;
	text-align:center;
}
.aboutus .title h2 {
	font-size:28px;
	font-weight:normal;
}
.aboutus .title h2 b {
	color:#cd0c00;
	font-weight:normal;
}
.aboutus .title h3 {
	height:30px;
	line-height:30px;
	font-size:12px;
	color:#666;
	font-weight:normal;
}
.aboutus .aboutus_main {
	
	height:460px;
}
.aboutus .aboutus_main .aboutus_main_p{
width:50%;
float:left;
margin-top:50px;
}
.aboutus .aboutus_main .pic img{
	margin: 60px;
	/* width:100%; */
  border-radius: 25px;
    -o-border-radius: 25px;
    -ms-border-radius: 25px;
    -moz-border-radius:25px;
    background: #f1f1f7;
}
.aboutus .aboutus_main .pic {
	width:50%;
	text-align:center;
	margin-bottom:30px;
	float:right;
}
.aboutus .aboutus_main p {
	line-height:30px;
	font-size:14px;
	color:#777777;
	text-indent: 2em;
	padding:0 30px;
}
.aboutus .aboutus_main p.more {
	margin-top:30px;
	text-align:center;
	font-size:16px;
}
.news {
	padding:100px 0;
	width:100%;
}
.news .content{
	width:90%;
}
.news dl {
	width:32%;
	padding-left:10px;
	float:left;
	
	margin-bottom:30px;
}

.news dl img{
    border-radius: 25px;
    -o-border-radius: 25px;
    -ms-border-radius: 25px;
    -moz-border-radius: 25px;
    background: #f1f1f7;
}

.news dl.last {
	border-right:1px dashed #aaa;
}
.news dl dt {
	height:30px;
	line-height:30px;
      border-left: 2px solid #e6e6e6;
    text-indent: 2em;
  margin-bottom: 10px;
}
.news dl dt a {
	font-size:16px;
	color:#000;
}
.news dl dd ul li {
	    line-height: 30px;
    text-indent: 1em;
}
.news dl dd ul li a {
	font-size:14px;
}
.news dl dd p {
	line-height:30px;
  text-align: right;
}
.news dl dd p a {
	font-size:14px;
	color:#333;
}




.news .title {
    width: 100%;
    margin-bottom: 40px;
    color: #474747;
    text-align: center;
}

.news .title h2 {
    font-size: 28px;
    font-weight: normal;
}

.news .title h2 b {
    color: #cd0c00;
    font-weight: normal;
}

.news .title h3 {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #666;
    font-weight: normal;
}

//首页项目
.container {
    width: 100%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}
.container ul.sbox {
    width: 100%;
    margin: 0 auto;
}
.container ul.sbox li {
    width: 20%;
    float: left;
    text-align: center;
 
}
.container ul.sbox li div.service_box {
    height: auto;
}

.service_box a:hover img{
	width:140px;
	height:130px;
}

.container ul.sbox li div.service_box h3 {
    font-size: 18px;
    color: #333333;
    margin: 26px auto;
    line-height: 25px;
}
.container ul.sbox li div.service_box .ul_box {
    margin: 26px auto;
    width: 150px;
    text-align: left;
    height: 160px;
}
.container ul.sbox li div.service_box .ul_box li {
    font-size: 14px;
    color: #666666;
    margin-left: 20%;
    margin-bottom: 10px;
    width: 100%;
    text-align: left;
    list-style: disc;
}
/* 7y8d.com客户反馈效果  */
.jhb_xyfx{background: #f0f5f8;padding: 30px 0;}
.jyz_xyfx_con{height: 534px;overflow: hidden;}
.jyz_xyfx_cl{padding: 10px!important;}
.jyz_xyfx_con li{float: left;box-shadow: 0 3px 5px 5px rgba( 0 , 0 , 0 , 0.1);margin: 0 12px 0 0;}
.jyz_xyfx_con li:last-child{margin: 0;}
.jyz_xyfx_con li,.jyz_xyfx_con li img{width: 255px;height: 456px;border-radius: 41px;}

.jyz_caseico{text-align:center;height: 24px;display: block;}
.jyz_caseico em{display: inline-block;width:14px;height: 14px;background: #d2e1f6;border-radius: 14px;margin-left: 11px;}
.jyz_caseico em:first-child{margin: 0;}
.jyz_caseico em.cur{background: #f9651f;}