/*banner begin*/
#focus-img,#focus-img .focus,#focus-img .focus li {height: 340px; width: 100%;}
#focus-img{position: relative; top: 70px; margin-bottom: 70px;}
#focus-img .focus{position: relative;overflow: hidden; z-index: 1;}
#focus-img .focus li{ position:absolute;}
#focus-img .cur-box{z-index:2;float: left;position: absolute;left: 50%;bottom: 10px;margin: 0 0 0 -66px;display: inline;}
#focus-img .cur-box span{background-color:#000; opacity: 0.5; filter:Alpha(opacity=50);width:12px;height:12px;display: inline-block;*display:inline;*zoom:1;border-radius: 50%;margin: 0 6px;cursor: pointer;}
#focus-img .pre-next-box{position: relative;width:984px;margin: 0 auto;height: 12px; }
#focus-img div span.imgOn{opacity: 0.9; filter:Alpha(opacity=90);}


.focus div{
	width: 1158px;
	margin: 0 auto;
}
.focus div p{

	margin-top: 110px;
	width: 600px;
}
.focus div p span{
	display: block;
	line-height: 24px;
	font-size: 13px;
	font-weight: 500;
	display: block;
	color: #435075;
	margin-top: 5px;
}
.focus div p span.imgOn{
	display: block;
	color: #b37a00;
	font-size: 22px;
	font-weight: bold;
}

/*content begin*/
#main {
	width: 100%;
}
.section1,.section2 {
	width: 100%;
	overflow: hidden;
}
.section1 {
	background-color: #f6f6f6;
}
.section2 {
	background-color: #fff;
}
.section-title {
	width: 100%;
	text-align: center;
}
.section-title h2 {
	font-size: 22px;
	color: #535353;
	padding-top: 30px;
	padding-bottom: 10px;
	line-height: 24px;
	background: url(../images/line.png) no-repeat center bottom;
}
.section-title p {
	font-size: 12px;
	line-height: 12px;
	color: #b1b1b1;
	margin-top: 10px;
}
.section-cont-list {
	width: 100%;
	margin: 40px 0;
}
.new-cont-list {
	width: 100%;
	margin: 30px 0 40px;
}
.section-cont-list {
	margin-left: -16px;
	width: 1240px;
}
.section-cont-list li {
	float: left;
	width: 220px;
	height: 92px;
	font-family: "AdobeHeitiStd-Regular";
	text-align: center;
	margin-left: 16px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	position: relative;
	z-index: 1;
}
.section-cont-list li .sec-img {
	width: 50px;
	position: absolute;
	top: -16px;
	left: 50%;
	margin-left: -25px;
	z-index: 2;
	padding: 0 10px;
	box-sizing: border-box;
	background-color: #f8f8f8;
}
.section-cont-list li .sec-txt {
	padding-top: 22px;
	width: 170px;
	margin: 0 auto;
}
.section-cont-list li h3 {
	font-size: 20px;
	color: #2e2e2e;
}
.section-cont-list li p {
	font-size: 12px;
	margin-top: 2px;
	line-height: 16px;
	color: #939393;
	/*word-break: break-all;*/
}
.yellow {
	border: 2px solid #ffac13;
}
.green {
	border: 2px solid #00c9c1;
}
.blue {
	border: 2px solid #2196f3;
}
.red {
	border: 2px solid #e53935;
}
.case-wrap {
	width: 100%;
	height: 280px;
	position: relative;
}
.case-wrap .og_prev,.case-wrap .og_next {
	top: 100px;
}
.case-cont-list li {
	width: 1142px;
    height: 100%;
    float: left;
}
.case-cont-list li .item {
	float: left;
	width: 261px;
	height: 100%;
	margin: 40px 0 0 20px;
} 
.case-cont-list li .case-img {
	height: 55px;
	width: 190px;
	line-height: 55px;
	overflow: hidden;
	margin: 0 auto;
    text-align: center;
    border: 2px solid #c6c6c6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.case-cont-list li .case-img img {
	max-height: 55px;
	max-width: 100%;
}
.case-cont-list li h3 {
	font-size: 14px;
	color: #0f0f0f;
	font-weight: bold;
	margin-top: 26px;
	text-align: center;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
} 
.case-cont-list li p {
	font-size: 14px;
	color: #9e9e9e;
	line-height: 25px;
	margin-top: 14px;
	overflow: hidden;
	word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
} 
.new-cont-list {
	margin-left: -30px;
	width: 1240px;
}
.new-cont-list li {
	float: left;
	width: 332px;
	padding: 24px;
	margin-left: 30px;
	background-color: #fff;
}
.new-cont-list li p {
	margin-top: 20px;
	line-height: 30px;
	font-size: 14px;
	color: #9e9e9e;
}
.new-cont-list li .new-title {
	height: 33px;
    line-height: 33px;
    border-bottom: 1px solid #ddd;
}
.new-cont-list li .new-title h5 {
	width: 80px;
    height: 32px;
    font-size: 20px;
    color: #595959;
    font-weight: 400;
    border-bottom: 2px solid #ff3848;
}
.new-cont-list li .new-title a:link,.new-cont-list li .new-title a:visited {
	font-size: 14px;
	color: #333;
}
.new-cont-list li .new-title a:hover {
	color: #ff3848;
}
.new-cont-list li img {
	display: block;
    width: 100%;
    height: 100px;
    margin-top: 14px;
}
.new-cont-list li dl.new-article {
	width: 100%;
	min-height: 210px;
	margin-top: 22px;
}
.new-article dd,.new-article dd a:link,.new-article dd a:visited {
	line-height: 30px;
	font-size: 14px;
	color: #9e9e9e;	
}
.new-article dd a:link,.new-article dd a:visited {
	width: 200px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.new-article dd a:hover {
	color: #ff3848;
}
.w100 { width: 100px!important; }
.partner-wrap {
	width: 100%;
    height: 232px;
    position: relative;
}
.og_prev,.og_next {
	display: block;
    position: absolute;
    top: 66px;
    width: 29px;
    height: 73px;
    cursor: pointer;
    background-image: url(../images/og-btn.png);
    background-repeat: no-repeat;
}
.og_prev {
	left: 0;
	background-position: 0 0;
}
.og_prev:hover {
	background-position: -58px 0;
}
.og_next {
	right: 0;
	background-position: -29px 0;
}
.og_next:hover {
	background-position: -87px 0;
}
.partner,.case-cont {
	width: 1142px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.partner ul.mainlist,.case-cont ul.case-cont-list {
	width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}
.partner li {
	width: 1142px;
    height: 100%;
    float: left;
}
.partner li a {
	display: block;
    background: #fff;
    width: 176px;
    height: 54px;
    line-height: 54px;
    margin-top: 28px;
    margin-left: 40px;
    float: left;
    border: 2px solid #eee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    overflow: hidden;
}
.partner li a:hover {
	border-color: #ff3848;
}
.partner li img {
	max-width: 176px;
    max-height: 54px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.pad-50 {
	padding: 50px 0;
	overflow: hidden;
}
.introduction {
	width: 636px;
	height: 188px;
	padding: 212px 22px 0;
	background: url(../images/tro-bg.png) no-repeat;
}
.introduction h1 {
	font-size: 30px;
	color: #3b3b3b;
}
.introduction h3 {
	font-size: 22px;
	color: #818181;
}
.introduction p {
	font-size: 14px;
	color: #373737;
	line-height: 24px;
	margin-top: 10px;
}
.yalian {
	width: 460px;
	padding-right: 4px;
}
.yalian h1 {
	font-size: 26px;
	line-height: 26px;
	color: #1f1f1f;
	font-weight: bold;
}
.yalian h1:before {
	content: "";
	display: block;
	width: 4px;
	height: 20px;
	background-color: #ff3e3e;
	float: left;
	margin-right: 14px;
	margin-top: 5px;
}
.yalian h1:after {
	content: "";
	display: block;
	background-color: #ff3e3e;
	float: right;
	width: 315px;
	height: 2px;
	margin-top: 26px;
}
.yl-sort {
	width: 100%;
	height: 146px;
	margin-top: 40px;
	box-shadow: 0 0 4px 1px rgba(0,0,0,0.1);
}
.bg1 {
	background: url(../images/q01.png) no-repeat;
}
.bg2 {
	background: url(../images/q02.png) no-repeat;
}
.yl-box {
	width: 270px;
	text-align: center;
}
.yl-box h2 {
	font-size: 18px;
	color: #313131;
	font-weight: bold;
	padding: 16px 0;
}
.yl-circle {
	width: 100%;
	padding-right: 7px;
}
.yl-circle li {
	float: left;
	width: 72px;
	height: 40px;
	padding: 16px 0;
	font-size: 14px;
	color: #7d7d7d;
	font-weight: bold;
	text-align: center;
	margin: 0 7px;
	border: 2px solid #dd3f3c;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}