﻿@charset "utf-8";

/* CSS Document */
#flashs {
	position: relative;
	height: 700px;
	overflow: hidden;
	width: 100% !important;
	z-index:100;
	top:-90px;
}
#flashs .bd {
	width: 100% !important;
}
#flashs .bgitem {
	z-index: 1;
	position: absolute;
	top: 0;
	width: 100% !important;
}
#flashs .btn {
	position: absolute;
	z-index: 7;
	bottom: 18px;
	left: 50%;
	margin-left: -31px;
}
#flashs .btn span {
	color: #fff;
	background: #717174;
	cursor: pointer;
	display: inline-block;
	margin: 0 2px;
	width: 25px;
	height: 25px;
	font-size: 14px;
	line-height: 25px;
	text-align: center;
}
#flashs .btn span.cur {
	background: #0562c2;
}
#flashs .banerer {
	width: 100% !important;
}
/*search*/
.so{width:100%;height:50px;line-height:50px;background-color:#232323;}
.search {
	overflow: hidden;
	height: 50px;
	margin-bottom: 10px;
	
}
.search p {
	float: left;
	line-height: 50px;
	font-size: 12px;
	color: #fff;
}
.search p a {
	margin: 0 5px;
	color: #fff;
}
.search .sBox {
	overflow: hidden;
	float: right;
	height: 30px;
	margin-top:10px;
	width: 300px;
	background: url(../img/search_bg.png) no-repeat center top;
}
.search .sBox a {
	display: block;
	width: 80px;
	height: 50px;
	background: url(../img/search.png) no-repeat center top;
	float: right;
}
.search .sBox input {
	float: left;
	line-height: 30px;
	border: none;
	outline: none;
	background: none;
	width: 200px;
	padding: 0 10px;
	color: #999;
	height: 30px;
}
/*规模*/
.guimo {
	overflow: hidden;
	width: 100%;
}
.guimo h3 {
	text-align: center;
	font-size: 40px;
	color: #0562c2;
	width: 420px;
	background-color: #fff;
	margin: 0 auto;
	position: relative;
	z-index: 5
}
.guimo h3 b {
	color: #0562c2;
}
.guimo em {
	display: block;
	width: 100%;
	height: 1px;
	background-color: #e8e9ea;
	margin-top: -23px;
}
.guimo>p {
	text-align: center;
	font-size: 18px;
	color: #666;
	margin-top: 30px;
	position: relative;
	left: 50px;
}
.guimo dl {
	overflow: hidden;
	margin-top: -30px;
}
.guimo dt {
	overflow: hidden;
	float: left;
}
.guimo dd {
	overflow: hidden;
	width: 520px;
	float: left;
	margin-top: 110px;
}
.guimo dd p {
	font-size: 16px;
	color: #666;
	line-height: 18px;
	margin-bottom: 24px;
	background: url(../img/guimo_y.png) no-repeat left 5px;
	padding-left: 20px;
}
.guimo dd b {
	color: #0562c2;
}
/*时代*/
.shidai {
	overflow: hidden;
	width: 100%;
	padding-top: 80px;
	padding-bottom:80px;
	border-bottom:10px #f3f3f3 solid;
	background:url(/skin/img/ysbg.jpg) no-repeat center center;
}
.shidai h4 {
	text-align: center;
	font-weight: normal;
	font-size: 25px;
	color: #fff;
}
.shidai h3 {
	font-size: 40px;
	color: #fff;
	text-align: center;
	padding-bottom: 12px;
}
.shidai h3 b {
	color: #8ec428;
}
.shidai>p {
	font-size: 16px;
	color: #fff;
	text-align: center;
	margin-bottom: 10px;
}
.shidai>p img {
	position: relative;
	top: 2px;
	margin: 0 10px;
}
.shidai ul {
	overflow: hidden;
	width: 1000px;
	margin: 0 auto;
}
.shidai li {
	float: left;
	width: 200px;
	height: 400px;
}
.shidai li h5 {
	font-size: 17px;
	color: #fff;
	width: 144px;
	margin: 0 auto;
	margin-bottom: 10px;

}
.shidai li p {
	width: 144px;
	margin: 0 auto;
	font-size: 13px;
	color: #fff;
	line-height: 18px;
	text-align:center;
}
.shidai li.li05 h5 {
	font-size: 24px;
	color: #0562c2;
	text-align: center;
	margin-top: 205px;
}
.shidai li.li05 p {
	font-size: 13px;
	line-height: 20px;
	color: #0562c2;
}
.shidai li.li01 {
	background: url(../img/shidai_01.png) no-repeat center bottom
}
.shidai li.li02 {
	background: url(../img/shidai_02.png) no-repeat center bottom
}
.shidai li.li03 {
	background: url(../img/shidai_03.png) no-repeat center bottom
}
.shidai li.li04 {
	background: url(../img/shidai_04.png) no-repeat center bottom
}
.shidai li.li05 {
	background: url(../img/shidai_05.png) no-repeat center bottom
}
.shidai li.li01 h5 {
	margin-top: 335px;
	font-size:24px;
	text-align:center;
}
.shidai li.li02 h5 {
	margin-top: 310px;
	font-size:24px;
	text-align:center;
}
.shidai li.li03 h5 {
	margin-top: 290px;
	font-size:24px;
	text-align:center;
}
.shidai li.li04 h5 {
	margin-top: 270px;
	font-size:24px;
	text-align:center;
}
.shidai .liucheng{width:1200px; margin:0 auto; height:377px; border:1px #fff solid; text-align:center; margin-top:20px;}
.shidai .liucheng img{margin:0 auto;}
/*潜力*/
.about {
	overflow: hidden;
	width: 100%;
	padding:80px 0px;
}
.about h2{ width:600px;margin:0 auto;margin-top:20px;margin-bottom:30px; text-align:center; color:#000; font-size:36px;}

.about .abnr p {
	width:1250px;
	margin:0 auto;
	font-size: 16px;
	color: #666;
	text-align: center;
	margin-bottom: 40px;
	line-height:2.2;
}
.about .abds{ margin-bottom:40px;}
.abds{width:1250px; margin:0 auto;}
.abds a{
	display: block;
    width: 320px;
    height: 42px;
    margin: 0 auto;
    font-size: 14px;
    color: #666666;
    text-align: center;
    line-height: 42px;
    border-radius: 10px;
    transition: .5s;
	}
.abds a em {
    display: block;
    padding-left: 40px;
    float: left;
    font-size: 16px;
    color: #333;
    background: url(/skin/img/tel.png) no-repeat left;
}
.abds a i{
    display: block;
    float: left;
    font-size: 26px;
    color: #333;
	font-style:normal
}
.abds a:hover{ animation:shake 1s linear;-webkit-animation:shake 1s linear;}
@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

 .about .more{width:180px; margin:0 auto; font-size:16px; border:1px #e5e5e5 solid; text-align:center; padding:12px 0px;}


/*优势*/
.youshi {
	overflow: hidden;
	width: 100%;
	background: url(../img/ysbg.jpg) no-repeat center top;
	padding-top:25px;
	padding-bottom:50px;
}
.youshi h3 {
	font-size: 36px;
	color: #fff;
	font-weight: normal;
	background: url(../img/ys_x.png) no-repeat center;
	text-align: center;
	margin-top: 25px;
	margin-bottom: 45px;
}
.youshi h3 em {
	position: relative;
	left: -70px
}
.youshi h3 span {
	position: relative;
	left: 50px;
}
.youshi .ysContent {
	overflow: hidden;
	width: 1000px;
	height: 577px;
	margin: 0 auto;
	background: url(../img/youshicontent.png) no-repeat center;
}
.youshi .ysf {
	overflow: hidden;
	width: 239px;
	padding-left: 20px;
	margin-top: 120px;
}
.youshi .ysf h4 {
	font-size: 25px;
	color: #fff;
	font-weight: normal;
}
.youshi .ysf span {
	display: block;
	font-weight: bold;
	color: #fff;
	font-size: 25px;
	margin-bottom: 10px;
}
.youshi .ysf p {
	font-size: 15px;
	margin-bottom: 45px;
	color: #fff;
	width: 234px;
	overflow: hidden;
}
.youshi .ysf p b {
	color: #ffff00;
}
.youshi .ysf img {
	display: block;
}
.youshi .ysLeft {
	float: left;
}
.youshi .ysRight {
	float: right;
}
.youshi .ysBox {
	overflow: hidden;
	float: left;
	width: 478px;
}
.youshi .ysBox h5 {
	font-size: 25px;
	color: #fff;
	margin-left: 110px;
	line-height: 74px;
}
.youshi .ysBox .ysList {
	overflow: hidden;
	width: 100%;
	height: 355px;
	position: relative
}
.youshi .ysBox .ysList ul {
	overflow: hidden;
	position: relative;
}
.youshi .ysBox .ysList li {
	width: 478px;
	height: 355px;
	float: left;
	overflow: hidden;
}
.youshi .ysBox .ysList img {
	display: block;
	margin: 0 auto;
	margin-bottom: 14px;
}
.youshi .ysBox .ysList dl {
	overflow: hidden;
	width: 440px;
	margin: 0 auto;
}
.youshi .ysBox .ysList dt {
	background: url(../img/ys_y.png) no-repeat center;
	overflow: hidden;
	width: 55px;
	height: 55px;
	float: left;
	text-align: center;
	line-height: 55px;
	font-size: 24px;
	color: #f26b17;
	font-weight: bold;
}
.youshi .ysBox .ysList dd {
	overflow: hidden;
	width: 380px;
	float: right;
}
.youshi .ysBox .ysList h4 {
	font-size: 21px;
	color: #fff;
	margin-bottom: 12px;
}
.youshi .ysBox .ysList p {
	font-size: 16px;
	color: #fff;
}
.youshi .ysBox .btn {
	overflow: hidden;
	width: 120px;
	margin: 0 auto;
	height: 18px;
}
.youshi .ysBox .btn span {
	display: block;
	float: left;
	width: 18px;
	height: 18px;
	background: url(../img/youshi_btn.png) no-repeat center right;
	margin: 0 6px;
	cursor: pointer;
}
.youshi .ysBox .btn span.cur {
	background-position: left
}
/*困扰*/
.kunrao {
	overflow: hidden;
	position: relative;
	margin-top: 30px;
	background: url(../img/kunrao.jpg) no-repeat center bottom;
	height: 570px;
}
.kunrao>p {
	text-align: center;
	font-size: 18px;
	color: #333;
	margin-bottom: 5px;
}
.kunrao h4 {
	font-size: 18px;
	color: #333;
	text-align: center;
	margin-bottom: 5px;
}
.kunrao h3 {
	font-size: 40px;
	color: #0562c2;
	text-align: center;
	margin-bottom: 10px;
}
.kunrao h3 b {
	color: #0562c2;
}
.kunrao span {
	font-size: 18px;
	color: #333;
	position: absolute;
}
.kunrao span b {
	font-size: 25px;
	color: #0562c2;
}
.kunrao .s01 {
	left: 74px;
	top: 180px;
}
.kunrao .s02 {
	left: 0;
	top: 290px;
}
.kunrao .s03 {
	left: 40px;
	top: 405px;
}
.kunrao .s04 {
	left: 717px;
	top: 180px;
}
.kunrao .s05 {
	left: 770px;
	top: 290px;
}
.kunrao .btn {
	overflow: hidden;
	position: absolute;
	left: 670px;
	top: 410px;
}
.kunrao .btn a {
	display: block;
	width: 130px;
	height: 40px;
	background: url(../img/kunrao_zx.png) no-repeat center;
	float: left;
}
.kunrao .btn p {
	font-size: 12px;
	color: #999;
	float: left;
	margin-left: 10px;
}
.kunrao .btn em {
	font-size: 20px;
	color: #0562c2;
	display: block;
}


/*保障*/
.baozhang {
	overflow: hidden;
	margin-top: 45px;
	margin-bottom: 35px;
}
.baozhang h3 {
	font-size: 40px;
	color: #0562c2;
	text-align: center;
	margin-bottom: 5px;
}
.baozhang h3 b {
	color: #0562c2;
}
.baozhang>p {
	font-size: 16px;
	color: #666;
	text-align: center;
	margin-bottom: 30px;
}
.baozhang dl {
	overflow: hidden;
	width: 100%;
	height: 280px;
	margin-bottom: 30px;
}
.baozhang dt {
	overflow: hidden;
	width: 447px;
	height: 280px;
	float: left;
}
.baozhang dd {
	overflow: hidden;
	float: right;
	width: 540px;
}
.baozhang dd h4 {
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.baozhang dd h4 a {
	color: #0562c2;
}
.baozhang dd p {
	font-size: 13px;
	line-height: 22px;
	color: #666;
	height: 154px;
	width: 100%;
	overflow: hidden;
	text-align: justify;
	margin-bottom: 45px;
}
.baozhang dd>a {
	display: block;
	width: 120px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	float: left;
	margin-right: 8px;
}
.baozhang dd .btn01 {
	background-color: #0562c2;
}
.baozhang dd .btn02 {
	background-color: #0562c2;
}
.baozhang .bzBox {
	overflow: hidden;
	width: 100%;
	height: 161px;
	position: relative
}
.baozhang .bzBox ul {
	overflow: hidden;
	position: absolute;
}
.baozhang .bzBox li {
	float: left;
	width: 238px;
	height: 161px;
	position: relative;
	margin-right: 12px;
}
.baozhang .bzBox li img {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1
}
.baozhang .bzBox li p {
	font-size: 13px;
	color: #fff;
	background: url(../img/baozhang_bg.png) repeat center;
	padding: 5px 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	width: 218px;
}
.casetop{width:100%; border-bottom:3px #4cb948 solid;  background-color:#4cb948; padding:16px 0px;}
.casetit{width:1150px; background-color:#32a82e; border:1px #69d365 solid;  margin:0 auto;text-align:center;}
.casetop p{font-size:24px;  line-height:3 ;color:#fff; }
.case{	overflow: hidden;
	width: 100%;
	padding:50px 0px;
	background-color:#f5f5f5;
	border-bottom:1px #e5e5e5 solid;
	margin-bottom:60px;
	}


.anli .dl_2 {
    width: 24%;
    float: left;
    display: inline-block;
    margin-left:0.5%;
	margin-right:0.5%;
	text-align:center;
	margin-bottom:10px;
	
}
.anli .dl_2 a{
	display: block;
    position: relative;
    overflow: hidden;
	}
.anli dl.dl_2 dd{
	width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.4);
    font-size: 15px;
    color: #fff;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
	z-index:9999;
	}
.anli dl.dl_2:hover dd{background:rgba(11,36,74,0.6);}
.anli dl.dl_2 dd h3{
    font-size: 15px;
    font-weight: 600;
    height: 45px;
    line-height: 45px;
    display: block;
    background: url(../img/case_icon.png) no-repeat right 20px center;
    padding: 0 80px 0 20px;
    box-sizing: border-box;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    background-size: 40px 28px;
	color:#fff;
	text-align:left;
}
.anli dl.dl_2 dt {
    width: 100%;
    overflow: hidden;

}

.anli dl.dl_2 dt a {
    display: block;
	color:#000;
}	


.anli dl.dl_2 img {
    display: block;
	width:100%;
	margin:0 auto;
    height: 100%;
	transition: 0.5s;
}
/*pro*/
.pro {
	overflow: hidden;
	width: 100%;
	padding: 60px 0;
	border-top:1px #e5e5e5 solid;
	background-color:#f3f3f3;

}
.title h2{ width:1250px; margin:0 auto; font-size:22px; color:#000; font-weight:normal; margin-bottom:30px;}
.title h2 .en {
    font-weight: bold;
    margin-right: 15px;
}
.en span {
    color: #3ca0d3;
}
.title h2 .more{
	float: right;
    line-height: 22px;
    font-size: 14px;
    color: #000;
    padding-right: 8px;
    background: url(/skin/img/more.png) no-repeat right 0 center;
    font-weight: bold;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
	}
.title h2 .more:hover{color:#4cb948;}
.pronr{width:100%; margin:0 auto; margin-top:30px; }
.pronr .dl_2 {
    width: 23%;
	margin-left:1%;
	margin-right:1%;
    float: left;
    display: inline-block;
    
	text-align:center;
	padding-top:10px;
	margin-bottom:10px;
	
}
.pronr dl.dl_2 dd a{color:#fff; font-size:16px;}
.pronr dl.dl_2 p a{
	display:block;
	color:#000;
	border-left: solid 5px #4cb948;
    line-height: 30px;
    font-size: 18px;
	text-align:left;
    padding-left: 22px;}
.pronr dl.dl_2 dt {
    width: 100%;
    overflow: hidden;
	padding-top:10px;
	

}
.pronr dl.dl_2 dd {
    overflow: hidden;
    text-align: center;
}
.pronr dl.dl_2 dt a {
    display: block;
	color:#000;
}	
.pronr dl.dl_2 p{color:#000;font-size:18px; padding:15px 0px; line-height:3; display:block;}
.pronr dl.dl_2 p:hover{box-shadow:0 0 6px rgba(0,0,0,0.15); background-color:#fff; }
.pronr dl.dl_2 p:hover a{color:#4cb948;}
.pronr dl.dl_2 img {
    display: block;
	width:95%;
	margin:0 auto;
    height: 100%;
	transition: 0.5s;
}
dl.dl_2 span{display: block;
    width: 100%;}
dl.dl_2:hover img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
	}
	
.pro h3 {
	height:80px;
	line-height:80px;
	text-align: center;
	font-size: 42px;
	color: #000;
	letter-spacing:2px;
}
.pro>p {
	text-align: center;
	font-size: 16px;
	color: #666;
	margin-bottom: 40px;
	line-height:32px;
}
/*.pro .proLeft {
	overflow: hidden;
	float: left;
	width: 230px;
}
.pro .proLeft h3 {
	font-size: 24px;
	padding-top: 30px;
	padding-left: 20px;
	padding-bottom: 25px;
	background-color: #474646;
}
.pro .proLeft h3 a {
	color: #fff;
}
.pro .proLeft h3 em {
	font-size: 14px;
	font-family: Arial;
	color: #6e6c6c;
	margin-left: 5px;
}
.pro .proLeft ul {
	overflow: hidden;
	width: 196px;
	padding: 7px 17px;
	background-color: #fff;
}
.pro .proLeft li {
	float: left;
	width: 100%;
	border-bottom: 1px dashed #ddd;
	font-size: 13px;
	line-height: 55px;
	background: url(../img/pro_s.png) no-repeat left center;
}
.pro .proLeft li a {
	color: #333;
	margin-left: 20px;
}
.pro .proLeft li a:hover {
	color: #ff9900;
}
.pro .proLeft .phone {
	overflow: hidden;
	width: 100%;
	height: 154px;
	background: url(../img/pro_phone.png) no-repeat center top;
}
.pro .proLeft .phone p {
	font-size: 14px;
	color: #cdc9c9;
	margin-top: 85px;
	margin-left: 15px;
}
.pro .proLeft .phone em {
	font-size: 15px;
}*/
.pro .proCenter{width:1300px; margin:0 auto; padding:20px 0px;}

.pro .proCenter .topmenu {
	overflow: hidden;
	width: 1220px;
	margin: 0 auto;
	background: url(../img/pro_x.png) repeat-x left bottom;
	margin-bottom: 20px;
}
.pro .proCenter .topmenu ul {
	overflow: hidden;
	float: left;
}
.pro .proCenter .topmenu li {
	float: left;
	text-align: center;
	font-size: 20px;
	margin: 0 10px;
	width: 100px;
	line-height:50px;
}
.pro .proCenter .topmenu li.first {
	margin-left: 0
}
.pro .proCenter .topmenu li a {
	color: #333;
	text-decoration: none;
}
.pro .proCenter .topmenu li.cur a {
	color: #000;
	font-weight:normal;
}
.pro .proCenter .topmenu li.cur {
	border-bottom: 2px solid #0562c2;
}
.pro .proCenter .topmenu .more {
	font-size: 12px;
	color: #999;
	float: right;
	margin-top:20px;
}
.pro .proCenter .proBox {
	overflow: hidden;
	width: 100%;
}
.pro .proCenter .proBox ul {
	overflow: hidden
}
.pro .proCenter .proBox li {
	float: left;
	width: 280px;
	margin-left: 16px;
	overflow: hidden;
	margin-bottom:20px;
	background-color:#fff;
	
}
.pro .proCenter .proBox li .des{font-size:12px;line-height:18px;margin-bottom:18px;}
.pro .proCenter .proBox li a img {
	display: block;
	border: 8px solid #fff;
	width: 264px;
}
.pro .proCenter .proBox li a img:hover {
	border-color: #ff9900;
}
.pro .proCenter .proBox li p {
	font-size: 18px;
	color: #333;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 15px;
}
.pro .proCenter .proBox li .more{width:120px;height:30px;font-size:14px; color:#fff; background-color:#0562c2; margin:0 auto; text-align:center; line-height:30px;}
/*加盟优势*/
.jmys {
	overflow: hidden;
	padding: 12px 0 33px 0;
	background-color:fff;
	border-bottom: 3px solid #fff;
}
.jmys .jmysBox {
	overflow: hidden;
	height: 1368px;
	background: url(../img/jmysbbg.jpg) no-repeat center top;
}
.jmys .jmysBox>div {
	overflow: hidden;
	width: 330px;
}
.jmys .jmysBox h4 {
	font-size: 24px;
	color: #333;
	border-bottom: 1px solid #0562c2;
	padding-bottom: 13px;
	margin-bottom: 14px;
	font-weight: normal;
}
.jmys .jmysBox p {
	font-size: 13px;
	line-height: 22px;
	color: #666;
	text-align: justify;
}
.jmys .wen01 {
	margin-top: 220px;
	margin-left: 572px;
}
.jmys .wen02 {
	margin-top: 102px;
	margin-left: 107px;
}
.jmys .wen03 {
	margin-top: 94px;
	margin-left: 572px;
}
.jmys .wen04 {
	margin-top: 102px;
	margin-left: 107px;
}
.jmys .wen05 {
	margin-top: 132px;
	margin-left: 572px;
}
.jmys .jmysBox>div.phone {
	overflow: hidden;
	width: 290px;
	margin: 0 auto;
	margin-top: 120px;
}
.jmys .phone p {
	font-size: 12px;
	color: #999;
	float: left;
}
.jmys .phone p em {
	display: block;
	font-size: 19px;
	color: #0562c2;
}
.jmys .phone a {
	display: block;
	width: 130px;
	height: 40px;
	background: url(../img/kunrao_zx.png) no-repeat center;
	float: right;
}
/*空间*/
.kongjian {
	overflow: hidden;
	width: 100%;
	height: 682px;
	background: url(../img/kongjian.jpg) no-repeat center top;
}
/*口碑*/
.koubei {
	overflow: hidden;
	margin-bottom: 40px;
	height: 459px;
	padding-top: 50px
}
.koubei h3 {
	text-align: center;
	font-size: 35px;
}
.koubei h3 a {
	color: #0562c2;
}
.koubei>p {
	font-size: 16px;
	color: #666;
	text-align: center;
	margin-bottom: 55px;
}
.koubei .kbBanner {
	overflow: hidden;
	width: 394px;
	height: 342px;
	background-color: #0562c2;
	float: left;
	position: relative;
}
.koubei .kbBanner ul {
	overflow: hidden;
	position: absolute;
	z-index: 2
}
.koubei .kbBanner li {
	float: left;
	width: 394px;
	height: 342px;
}
.koubei .kbBanner li img {
	display: block;
}
.koubei .kbBanner li .wen {
	overflow: hidden;
	width: 100%;
	height: 80px;
}
.koubei .kbBanner li .wen h5 {
	font-size: 18px;
	color: #fff;
	float: left;
	margin-left: 12px;
	margin-top: 20px;
	cursor: pointer;
}
.koubei .kbBanner li .wen h5 em {
	display: block;
	font-size: 12px;
	margin-top: 4px;
}
.koubei .kbBanner li span {
	display: block;
	width: 80px;
	height: 80px;
	background: url(../img/koubei02.jpg) no-repeat center;
	float: right;
}
.koubei .kbBanner .btn {
	overflow: hidden;
	width: 45px;
	position: absolute;
	z-index: 3;
	right: 7px;
	bottom: 91px;
}
.koubei .kbBanner .btn span {
	display: block;
	width: 11px;
	height: 11px;
	background: url(../img/koubei_btn.png) no-repeat center left;
	float: left;
	margin-right: 4px;
}
.koubei .kbBanner .btn .cur {
	background-position: right
}
.koubei .kbList {
	overflow: hidden;
	width: 575px;
	float: right;
	height: 342px;
	position: relative;
}
.koubei .kbList dl {
	overflow: hidden;
	width: 100%;
	margin-bottom: 18px;
	height: 162px;
}
.koubei .kbList dt {
	overflow: hidden;
	width: 244px;
	float: left;
	height: 162px;
}
.koubei .kbList dd {
	overflow: hidden;
	float: right;
	width: 310px;
}
.koubei .kbList h4 {
	font-size: 16px;
	margin-bottom: 20px;
}
.koubei .kbList h4 a {
	color: #0562c2;
}
.koubei .kbList p {
	font-size: 13px;
	color: #999;
	line-height: 20px;
	height: 80px;
	overflow: hidden;
}

/*加盟支持*/
.jmzc {
	overflow: hidden;
	width: 100%;
	height: 718px;
}
.jmzc h5 {
	font-size: 16px;
	margin-bottom: 8px;
	color: #333;
}
.jmzc h5 b {
	color: #0562c2;
}
.jmzc p {
	font-size: 13px;
	line-height: 20px;
	color: #666;
}
.jmzc .jmzcBox {
	overflow: hidden;
	margin-top: 250px;
}
.jmzc .jmzcBox>div {
	overflow: hidden;
	width: 360px;
	float: left;
	margin-left: 135px;
	margin-bottom: 55px;
}
/*news*/
.newsCenter{width:100%; margin-bottom:60px; }
.newsList{width:1250px; margin:0 auto;}
.newsList ul {height:599px; overflow:hidden;}
.newsList ul li{
    width: 416.666px;
    height: 300px;
    float: left;
    border-right: 1px solid rgba(49,49,49,0.2);
    border-bottom: 1px solid rgba(49,49,49,0.2);
    box-sizing: border-box;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    position: relative;
    overflow: hidden;
}

 .newsList ul li .default {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition: all .3s linear;
    transition: all .1s linear;
    background: #F5F5F5;
}
 .newsList ul li .default i {
    display: block;
    width: 114px;
    height: 52px;
    font-size: 30px;
    color: #333333;
    float: right;
    text-align: center;
    line-height: 52px;
    font-family: 'æ€æºé»‘ä½“ CN';
    font-weight: bold;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    padding: 20px 10px 0 0;
    z-index: 100;
    position: relative;
	font-style:normal
}
 .newsList ul li .default .text-box {
    padding: 0 23px 38px 25px;
    position: absolute;
    bottom: 20px;
    left: 0;
    transition: .5s;
    width: 100%;
    box-sizing: border-box;
}
.newsList ul li .default h4 {
    font-size: 20px;
    line-height: 20px;
    font-weight: normal;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(49,49,49,0.22);
    margin-bottom: 19px;
}
.newsList ul li .default p {
    font-size: 14px;
    color: #666666;
}
 .newsList ul li .hover {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transition: all .3s linear;
    transition: all 1s linear;
    overflow: hidden;
}
 .newsList ul li .hover img {
    width: 416.666px;
    height: 300px;
    transition: all .5s;
    opacity: 0;
}
.newsList ul li .hover{ width:100%;    height:100%;    position:absolute;    top:0;    left:0;    z-index:-1;    -webkit-transition:all .3s linear;    transition:all 1s linear;overflow: hidden;}
.newsList ul li .hover img{width:416.666px;height:300px; transition:all .5s;opacity:0;}
.newsList ul li:hover .default{background:0;}
.newsList ul li:hover .default i{padding:0; background:rgba(0,0,0,0.5); color:#FFF;}
.newsList ul li:hover .text-box{bottom:-30px; opacity: 0;}
.newsList ul li:hover .hover{z-index:1;}
.newsList ul li:hover .hover img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);opacity:1;
    -ms-transform: scale(1.05);
    transform: scale(1.05);}
.newsList ul li:nth-child(3),.news .bd ul li:last-child{border-right:0;}
.tempWrap{height:490px!important; width:98%!important;margin:0 auto;}
/*加盟留言*/
.jmly {
	overflow: hidden;
	width: 100%;
	height: 500px;
	background:url(/skin/img/liuyan.jpg) no-repeat top center;
	margin: 0 auto;
	padding: 80px 20px;
	position: relative;
	z-index: 5;
	border-bottom:10px #8ec428 solid;
}

.jmly .jmlyRight {
	overflow: hidden;
	float: right;	
	background-color:#fff;
	padding:40px;
}
.jmly .jmlyRight p {
	font-size: 14px;
	color: #004871;
	text-align: left;
	margin-bottom: 25px;
}
.jmly .jmlyRight p b {
	font-size: 22px;
}
.jmly .jmlyRight ul {
	overflow: hidden;
	width: 100%;
}
.jmly .jmlyRight li {
	overflow: hidden;
	margin-bottom: 10px;
}
.jmly .jmlyRight input {
	width: 363px;
	padding: 0 10px;
	height: 41px;
	background: url(../img/jmly02.jpg) repeat-x left top;
	border: 1px solid #cdcdcd;
	font-size: 13px;
	color: #004871;
	line-height: 41px;
	margin-right: 5px;
	outline: none
}
.jmly .jmlyRight em {
	color: #004871
}
.jmly .jmlyRight textarea {
	width: 363px;
	padding: 10px;
	background: url(../img/jmly02.jpg) repeat-x left top;
	border: 1px solid #cdcdcd;
	font-size: 13px;
	color: #004871;
	outline: none;
	resize: none;
	height: 91px;
}
.jmly .jmlyRight a {
	display: block;
	width: 104px;
	height: 43px;
	text-align: center;
	line-height: 43px;
	color: #fff;
	font-size: 18px;
	background-color: #004871;
}
/*link*/
.link {
	overflow: hidden;
	width: 100%;
	position: relative;
	z-index: 4;
	padding-bottom: 350px;
	padding-top: 350px;
	margin-top: -290px;
	background:url(/skin/img/liuyan.jpg) no-repeat center center;
}
.link h3 {
	font-size: 16px;
	margin-bottom: 5px;
}
.link h3 a {
	color: #0562c2;
}
.link h3 span {
	font-size: 12px;
	color: #ccc;
	margin-left: 5px;
	font-weight: normal;
}
.link ul {
	overflow: hidden;
	width: 100%;
}
.link li {
	float: left;
	font-size: 12px;
	margin: 0 10px;
	white-space: nowrap;
}
.link li a {
	color: #999;
}
/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1 {
	display: none;
	z-index: 1001;
	width: 398px;
	border: 1px solid #ccc;
	background: #fff;
	padding-bottom: 20px;
}
#mesbook1_c div, #mesbook1 div {
	border: 1px solid #E4E3E3;
	background: #EBECEB;
	height: 18px;
	padding: 4px .5em 0;
	margin-bottom: 10px;
}
#mesbook1_c dl.b1, #mesbook1 dl.b1 {
	width: 370px;
	margin: 0 auto;
}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt {
	float: left;
	width: 105px;
	overflow: hidden;
}
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd {
	width: 265px;
	float: right;
}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns {
	padding-bottom: 10px;
}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {
	margin-right: 20px;
}
/*处理中动画占全屏*/
#oran_div_processing {
	width: 300px;
	padding: 20px;
	z-index: 9999;
	text-align: center;
	background: #fffeef;
	border: solid 1px #b8ab04;
}


.cpleft {
	width: 280px;
	float: left;
	overflow: hidden;
	background-color:#025597;
}
.leftMu h4 {
    font-weight: normal;
    padding: 50px 0 30px 0px;
    padding-left: 20px;
	font-size:42px;
	color:#fff;
	

}
.leftMu h4 p{font-size:14px;color:#fff; margin-top:35px; line-height:1.8;}
.leftMu h4 .line{width:50px; height:5px; background-color:#81aacb; margin-top:20px;}
.leftMu ul {
	width:220px; 
	margin:0px 30px;

}
.leftMu .all{width:184px; padding:18px; text-align:center; color:#81aacb; border:1px #81aacb solid; margin:0 auto; margin-top:40px; margin-bottom:58px; font-size:16px;}
.leftMu .all a{color:#fff;}
.leftMu>ul>li {
    height: 60px;
    line-height: 60px;
    margin-bottom: 2px;
	border-bottom: 1px dashed rgba(232, 232, 232, 0.4);
	text-align:left;

}
.leftMu>ul>li>a {
    padding-left: 10px;
    display: block;
    font-size: 16px;
    text-decoration: none;
    overflow: hidden;
		color:#fff;
}
.leftMu>ul>li.cur>a, .leftMu>ul>li:hover{	background-color: #469ff7;}
.leftMu>ul>li.cur>a, .leftMu>ul>li>a:hover {
	color: #fff;
	background:none;
	background-color:#469ff7;
}
.leftMu>ul>li>ul {
	border-top: 10px solid #fff;
	border-bottom: 10px solid #fff;
	
}
.leftMu>ul>li>ul>li {
	background: #fff;
}
.leftMu>ul>li>ul>li>a {
	padding-left: 66px;
	display: block;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	text-decoration: none;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	overflow: hidden;
}
.cpright {
	width: 1020px;
	padding:30px 0px;
	float: right;
	min-height:800px;
	background-color:#252628;
}


.contactn .subnr {
    background: #f3f3f3;
    overflow: hidden;
    padding: 20px 10px;
    width: 280px;
    padding-bottom: 20px;
    text-align: center;
}
.contactn .subnr p {
    line-height: 25px;
    overflow: hidden;
    font-size: 16px;
}
.contactn .subnr .subtel {
    font-size: 32px;
    line-height: 40px;
    color: #e52228;
    font-weight: bold;
}
.contactn .subnr span {
    color: #000;
}

.shili{width:100%; padding:80px 0px 40px 0px; background:url(/skin/img/abbg.jpg) no-repeat center top; border-bottom:1px #e5e5e5 solid; margin-bottom:50px;}
.shili .slcon{width:1200px;margin:0 auto;  }
.sldes{width:750px; height:150px;  background: rgba(0,0,0,0.4); margin-left:0px;padding:30px;}
.sldes h2{font-size:30px;color:#fff; text-align:center; font-weight:bold; line-height:60px; text-align:left;}
.sldes span{font-size:14px; color:#fff; line-height:24px;}

.ys{width:1200px; margin:0 auto; margin-top:60px; background-color:#fff; padding:40px 0px;}

.ys h2{height:46px;line-height:46px;font-size:36px; color:#000; text-align: center;  }
.ys p{text-align:center; color:#fff; font-size:16px;}
.ys ul{width:1170px;margin:0 auto;background-color:#fff; padding:10px; }
.ys ul li{width:250px;float:left; border-right:1px #e5e5e5 solid; padding:0px 20px; padding-bottom:20px;}
.ys ul li:hover{border-bottom:3px #4cb948 solid;}
.ys ul li:hover .tit img{
	    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
	}	
.last{border-right:none!important;}
.ys ul li .tit{font-size:24px;line-height:80px; color:#000;}
.tit img{   
    -webkit-transition: -webkit-transform 2s ease-out;
    -moz-transition: -moz-transform 2s ease-out;
    -o-transition: -o-transform 2s ease-out;
    -ms-transition: -ms-transform 2s ease-out;}
.tit img:hover{
	    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
	}	
.ys ul li .des{line-height:30px;color:#666;margin-bottom:20px;}
.ys ul li  .img{width:100%;margin:0 auto; text-align:center;}

.casel{height: 630px;
    background: url(../img/case.jpg) no-repeat center;}
.cl {
border-top:1px #e5e5e5 solid;
padding-top:40px;
}
.cl h2 {
    text-align: center;
    margin-bottom: 24px;
}
.cl h2 span {
    display: block;
    font-size: 40px;
    line-height: 40px;
    color: rgb(14, 5, 11);
    font-family: "思源黑体 CN";
    margin-bottom: 14px;
    font-weight: bold;
}
.cl h2 i {
    display: block;
    width: 65px;
    height: 3px;
    background: #E60044;
    margin: 0 auto 19px;
}
.cl h2 em {
    display: block;
    font-size: 17px;
    line-height: 17px;
    color: rgb(137, 137, 137);
    font-weight: normal;
    font-family: "思源黑体 CN";
    letter-spacing: 2px;
    text-transform: uppercase;
}
.casel .cn {
    padding-top: 239px;
}

.casel .cn h3 {
    text-align: center;
    margin-bottom: 35px;
}
.casel .cn h3 em {
    display: block;
    font-size: 50px;
    line-height: 50px;
    color: #FFFFFF;
    margin-bottom: 33px;
    font-weight: bold;
    letter-spacing: 16px;
}
.casel .cn h3 i {
    display: block;
    font-size: 33px;
    line-height: 33px;
    color: #FFFFFF;
    font-weight: normal;
    letter-spacing: 5px;
}	
.casel .cn a {
    display: block;
    width: 56px;
    height: 56px;
    margin: 0 auto;
    background: url(../img/casem.png) no-repeat center;
}
/*footer*/
.footer dt a img {
}
.footer {
	overflow: hidden;
	width: 100%;
	padding: 50px 0;
}
.footer .f_nav {
	overflow: hidden;
	margin-bottom: 40px;
	height: 80px;
	line-height: 80px;
	padding-bottom: 0px!important;
	border-bottom: 1px dashed #d0d0d0;
}
.footer .f_nav li {
	float: left;
	font-size: 15px;
	padding: 0 35px;
	white-space: nowrap;
	line-height: 80px;
	height: 80px;
	margin-top: 7px;
}
.footer .f_nav li:last-child {
	border: none;
}
.footer .f_nav li a {
	color: #000;
}
.footer .f_nav li.last {
	border: none
}
.footer .f_btm {
	overflow: hidden;
}
.footer dl {
	overflow: hidden;
	float: left;
	margin-right: 20px;
}
.footer dt {
	overflow: hidden;
	float: left;
	margin-right: 35px;
	margin-bottom: 20px;
}
.footer dd {
	overflow: hidden;
	float: left;
	margin-top: 5px;
	margin-right: 20px;
	vertical-align: middle
}
.footer dt {
	margin-top: 15px;
}
.footer dt h3 {
	font-size: 14px;
	font-weight: normal;
	color: #666;
	margin-top: 10px;
}
.footer dt h4 {
	color: #999;
	font-size: 12px;
	font-weight: normal;
	margin-top: 24px;
	line-height: 20px;
	letter-spacing: 3px;
}
.footer dt h2 {
	font-size: 30px;
	color: #e60044;
	font-weight: bold;
	margin-bottom: 30px;
	line-height: 30px;
}
.footer dd p {
	font-size: 14px;
	color: #666;
	line-height: 21px;
	padding-left: 50px;
	margin-bottom: 30px;
}
.footer dd p span {
	font-size: 13px;
	letter-spacing: 2px;
}
.footer dd p a {
	color: #fff;
}
.footer dd em {
	margin: 0 5px;
}
.footer dt p {
	font-size: 16px;
	color: #fff;
	line-height: 30px;
}
.footer .ewm {
	overflow: hidden;
	float: right;
	width: 120px;
	background-color: #4cb948;
	padding: 15px 15px 8px 15px;
	margin-top: 15px;
}
.footer .ewm img {
	width: 120px;
	height: 120px;
}
.footer .ewm p {
	font-size: 12px;
	color: #fff;
	text-align: center;
	margin-top: 6px;
}