@charset "utf-8";
/* CSS Document */
.lt{ float:left;}
.rt{ float:right;}
.cl{ clear:both;}
.jz{ margin:0 auto;}

.boxes.bsun {
	background:#FFFFFF;
	text-align:center;
	width:1400px;
	margin:0 auto;
	height:500px;
}
.xg-sun ul {
	height: auto;
	position: relative;
	margin: auto;
}
.xg-sun li {
	width: 23%;
	height: 100%;
	float: left;
	margin-right: 1%;
	padding: 60px;
	border: 1px solid #dcdcdc;
	text-align: center;
	display:block;
}

.xh {
	width: 24px;
	text-align:center;
	margin:0 auto;
	border-bottom:#dddddd solid 3px;
	height:4px;
	
}
.fonenon{ font-size:18px; color:#e34754;}
.fonentw{ font-size:12px; color:#e34754;}
.fon{ font-size:30px; color:#616161;}

.xg-sun a li {background-color:#ffffff;}
.xg-sun a:hover li{	background-color:#e34754;}
.xg-sun a:hover li .fonenon{font-size:18px; color:#ffffff;}
.xg-sun a:hover li .fonentw{font-size:12px; color:#ffffff;}
.xg-sun a:hover li .fon{font-size:30px;color:#ffffff;}

/*招商加盟*/
.renwu{position: relative;
    top: 42px;
    left: 30%;}



.lh-message{height:600px; background-size:cover; padding-top:1px;background-image:url(images/d11.jpg);}
.lh-message-cont{width:1038px; height:394px; /*background:#fff;*/ padding:86px 78px 0; margin:12px auto 0;}
.lh-message-h h2{font-size:30px; color: #ffffff;}
.lh-message-h h3{font-size:12px; color: #ffffff;}
.lh-message-h .tel{margin-left:46px; position:relative;}
.lh-message-h .tel:before{content:''; display:block; width:1px; height:49px; background:#464D58; position:absolute; left:-23px; top:50%; margin-top:-25px;}
.lh-message-h .tel h4{font-size:16px; width:40px; float:left; margin-top:5px;}
.lh-message-h .tel h5{float:left; font-size:40px; margin-left:20px;}
.lh-message-item{margin-top:36px; margin-left:-12px; position:relative;}
.lh-message-item li{width:50%; float:left; padding-left:12px; margin-top:12px;}
.lh-message-item li input{display: block;width:100%; height:42px; line-height:42px; background:#EDEDED; font-size:16px; border:none; padding:0 20px;}


.lh-message-item li textarea{width:100%; height:110px; background:#EDEDED; border:none; font-size:16px; padding:20px;}
.lh-message-item li.submit{position:absolute; right:0; bottom: 10px;}
.lh-message-item li.submit input{display:block; width:100%;height:57px; line-height:57px; background:#0b3566; font-size:18px; text-align:center; color:#fff; letter-spacing:20px;cursor: pointer;}

/*LOGO诠释*/
.slogo i{display: block;
    height: 1px;
    background-color: #d1d1d1;
    position: static;}
.slogo h1{
font-size: 20px;
    color: #595757;
    margin: 48px auto;
    text-align: center;
    width: 30%;
    position: static;
    margin-top: -16px;
    background: #FFFFFF;
	font-weight:lighter;
}

.slogoo i{display: block;
    height: 1px;
    background-color: #151e49;
    position: static;}
.slogoo h1{
font-size: 20px;
    color: #404040;
    margin: 48px auto;
    text-align: center;
    width: 30%;
    position: static;
    margin-top: -16px;
    background: #FFFFFF;
	font-weight:lighter;
}
.jmys .jmys-box{
	padding: 50px 0;
	border-bottom: 5px solid #f3f3f3;
}
@media screen and (max-width: 1024px){
.slogoo h1{
    font-size: 16px;
    color: #595757;
    margin: 48px auto;
    text-align: center;
    width: 80%;
    position: static;
    margin-top: -16px;
    background: #FFFFFF;
	font-weight:lighter;
}
}



.slogo p{     opacity: 1;text-align: left;}
.slogo .one{ background:#f5f5f5; padding:77px; font-size:16px; display:block; position:inherit; height:550px;}
.slogo .one .zuo{ width:50%;}
.slogo .one .zuo p{ font-size:16px; line-height: 2.0;}
.slogo .one .zuo h3{ font-size:40px;}
.anniu{ border:#cccccc solid 1px; padding:10px; color:#666666; background:url(../images/xz.jpg)  right no-repeat; background-color:#FFFFFF; width:200px; text-align:center;}
.slogo .one .tu{ width:50%;}

.slogo .two{ background:url(../images/lo02.jpg); height:300px; border:#dddddd solid 1px;}
.slogo .two .llo{ padding:80px 0px 0px 200px;}
.slogo .two .rlo{ padding:30px 200px 0px 10px;}

.slogo .three .bt{ color:#e04855; font-size:20px; text-align:left; float:left;}
.slogo .three .xh{ border-bottom:#d9d9d9 solid 1px; width:100%;padding: 0px;margin: 0px;height: 1px;}
.slogo .three .xh span{ border-bottom:#e60020 solid 1px; width:10%; top:20px;}

.slogo .three .yanse{ width:25%; display:block; float:left;}

.slogo .three .yanse .a{ height:35px; background:#e04855;}
.slogo .three .yanse .a2{ height:35px; background:#002d54;}
.slogo .three .yanse .a3{ height:35px; background:#fdd000;}
.slogo .three .yanse .a4{ height:35px; background:#000000;}
.slogo .three .yanse .b{ height:150px; background:#fdf8f8; color:#e04855; font-size:16px; padding:20px;}
.slogo .three .yanse .b2{ height:150px; background:#f9fbfc; color:#002d54; font-size:16px; padding:20px;}
.slogo .three .yanse .b3{ height:150px; background:#fbfaf7; color:#fdd000; font-size:16px; padding:20px;}
.slogo .three .yanse .b4{ height:150px; background:#fcfbfb; color:#000000; font-size:16px; padding:20px;}
.slogo .three .yanse .bl{ color:#e04855; color:#a29e9e; float:left;}
.slogo .three .yanse .br{ color:#e04855;color:#000000; float:right;}
.slogo .three ul{ width:100%;}
.slogo .three ul li{ float:left; margin-left:8px;}
.slogo .three ul li:nth-child(1){width:39%;}
.slogo .three ul li:nth-child(2){width:29%;}
.slogo .three ul li:nth-child(3){width:29%;}
.slogo .three ul li img{ width:100%;}
.slogo .three2 ul{ width:98%; margin:0 auto; margin-left:0.5%}

.logo16 ul{ width:100%;}
.logo16 ul li {width:11.8%; float:left; margin-right:8px;}



/*品牌故事*/

.slogo .pinpai{ width:100%;}
.slogo .zjfont{ border:#eaeaea solid 1px; width:100%; height:185px; margin:0 auto; margin-top:110px; background:url(../images/gsbj.jpg) top no-repeat;}
.slogo .zjfont p{padding:54px 214px; font-size:16px; line-height:30px;}

.slogo .xglj{  width:100%; margin:0 auto; padding-top:90px; /*margin-left:50px;*/}
.slogo .xglj ul{ width:100%;}
.slogo .xglj ul li{ float:left; border:#e5e5e5 solid 2px; padding:20px; margin-left:10px; background-color:#FFFFFF;width: 32.44444%;}
.slogo .xglj ul li p img{ width:100%; }
.slogo .xglj ul li h5{ text-align:left; padding:10px 0px;}
.slogo .xglj ul li:nth-child(1) {
    margin-left: 0px!important; 
}


/*业务合作*/
._w800{margin:0 auto;padding: 50px 0px;height: 250px;}
.ywhz{ background:#f7f7f7; border:#e6e6e6 solid 1px; padding:30px 30px 80px 180px; height:162px;}
.ywhz ul{ width:80%; font-size:18px;}
.ywhz ul li{ float:left; margin-left:80px;}
.ywhz ul li span{ font-size:24px;}
.ywhz ul li p{ background-color:#999999; color:#FFFFFF; margin-top:15px;}
.ywhz ul li p a{ background-color:#999999; color:#FFFFFF; padding:8px 20px;}
.ywhz ul li p a:hover{ background-color:#e34754; color:#FFFFFF; padding:8px 20px;}

/*qidai*/

.jqqd{ width:100%}


 @media screen and (max-width: 1024px) {
.boxes.bsun {
	background:#FFFFFF;
	text-align:center;
	width:90%;
	margin:0 auto;
	height:730px;
}
.xg-sun ul li {

    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 10px;
	padding:20px;
	
}

.fonenon{ font-size:16px; color:#e34754;}
.fonentw{ font-size:12px; color:#e34754;}
.fon{ font-size:24px; color:#616161;}

.list-as li{ /*float:left;*/}




.renwu{position: relative;
    top: 52px;
    width: 30%;
    left: 25%;}
	
.list-explain .fadeInUp  {
width:100%;
height:auto;
}	
.list-explain .fadeInUp img {
width:100%;
height:auto;
}

.clearfix {
}
*, :before, :after{box-sizing: border-box;}

.left{float: left;}
.member-rule-title{ font-size:20px;}
.lh-message{background-image:none !important; background-color:#FFFFFF !important;  margin-bottom:10px;}
.lh-message-h h2{    font-size: 18px;}
.lh-message-h h3{font-size: 14px;}
h1, h2, h3, h4, h5, h6{font-weight: normal;}
.lh-message-h .tel{margin-left: 20px;position: relative;}
.lh-message-h .tel:before{content: '';display: block;width: 1px;height: 34px;background: #464D58;position: absolute;left: -10px;top: 50%;margin-top: -17px;}
.lh-message-h .tel h4{font-size: 14px;width: 28px;float: left;margin-top: 5px;}
.lh-message-h .tel h5{float: left;font-size: 24px;margin-left: 10px;margin-top: 5px;}
.clearfix:after{content: "\200B";display: block;height: 0;clear: both;}
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul {margin: 0;padding: 0;}
article, aside, dialog, section, figure, menu{display: block;}
.lh-message{padding:30px 0px; background:none;}
.lh-message-cont{    width: 350px;
    height: 394px;
    background: #fff;
    padding: 0;
    margin: -93px auto 0;}
	

.lh-message-h h2{font-size:28px; font-weight:bold; color:#e54156; text-align:left; padding-left:20px;}
.lh-message-h h3{font-size:14px; color:#e54156; text-align:left; padding-left:20px;}
.lh-message-h .tel{margin-left:20px; position:relative;}
.lh-message-h .tel:before{content:''; display:block; width:1px; height:34px; background:#464D58; position:absolute; left:-10px; top:50%; margin-top:-17px;}
.lh-message-h .tel h4{font-size:14px; width:28px; float:left; margin-top:5px;}
.lh-message-h .tel h5{float:left; font-size:24px; margin-left:10px; margin-top:5px;}
.lh-message-item{margin-top:20px; position:relative;}
.lh-message-item li{width:100%; float:left;margin-top:10px;}
.lh-message-item li input{width:90%; height:42px; line-height:42px; background:#EDEDED; font-size:14px; border:none; padding:0 20px;}
.lh-message-item li textarea{width:90%; height:110px; background:#EDEDED; border:none; font-size:14px; padding:20px;}
.lh-message-item li a{display: block;width: 90%; margin-left:20px;height: 50px;line-height: 50px;background: #5F5D5D;font-size: 18px;text-align: center;color: #fff;letter-spacing: 20px;}
.lh-activty{padding:30px 10px; background:#F7F7F7;}
.lh-activty-cont .icon{width:61px;}
.lh-activty-cc{margin-top:20px;}
.lh-message-item li.submit{position:absolute; right:0; bottom:-59px;}
a{text-decoration: none;transition: ease .65s;}

.lh-flex{display: -webkit-flex;-webkit-flex-direction: row;-webkit-flex-wrap: wrap;}
ul, dl, li, dt, dd{list-style: none;}

input, textarea, select{outline: none;font-family: '微软雅黑' !important;-webkit-appearance: none;border-radius: 0;}



/*logo*/
.slogo h1{
font-size: 16px;
    color: #595757;
    margin: 30px auto;
    text-align: center;
    width: 68%;
    position: static;
    margin-top: -16px;
    background: #FFFFFF;
}

.slogo .one{ background:#f5f5f5; padding:20px; font-size:16px; height:800px;}


.slogo .one .zuo{ width:100%;}
.slogo .one .zuo p{ font-size:16px; line-height: 2.0;}
.slogo .one .zuo h3{ font-size:40px;}
.anniu{ border:#cccccc solid 1px; padding:10px; color:#666666; background:url(../images/xz.jpg)  right no-repeat; background-color:#FFFFFF; width:200px; text-align:center;}
.slogo .one .tu{ width:100%;}

.slogo .two{ background:url(../images/lo02.jpg); height:400px; border:#dddddd solid 1px;}
.slogo .two .llo{ padding:50px 50px 0px 50px; }
.slogo .two .rlo{ padding:70px;}



.slogo .three .yanse{ width:50%; display:block; float:left;}
.slogo .three .yanse .a{ height:10px; background:#e04855;}
.slogo .three .yanse .a2{ height:10px; background:#002d54;}
.slogo .three .yanse .a3{ height:10px; background:#fdd000;}
.slogo .three .yanse .a4{ height:10px; background:#000000;}
.slogo .three .yanse .b{ height:90px; background:#fdf8f8; color:#e04855; font-size:6px !important; padding:2px;}
.slogo .three .yanse .b2{ height:90px; background:#f9fbfc; color:#002d54; font-size:6px !important; padding:2px;}
.slogo .three .yanse .b3{ height:90px; background:#fbfaf7; color:#fdd000; font-size:6px !important; padding:2px;}
.slogo .three .yanse .b4{ height:90px; background:#fcfbfb; color:#000000; font-size:6px !important; padding:2px;}
.slogo .three .yanse .bl{ color:#e04855; color:#a29e9e; font-size:6px !important; }
.slogo .three .yanse .br{ color:#e04855;color:#000000;}






/*pinpai*/
.slogo .pinpai video{ width:100%;}


.slogo .zjfont{ border:#eaeaea solid 1px; width:100%; height:50%; margin:0 auto; margin-top:50px; background:url(../images/gsbj22.jpg) top no-repeat;}
.slogo .zjfont p{  padding:80px 30px; font-size:16px; line-height:30px;}


.slogo .xglj{  width:100%; margin:0 auto; padding-top:30px; margin-left:0px;}
.slogo .xglj ul{ width:100%;}
.slogo .xglj ul li{ float:left; border:#e5e5e5 solid 2px; padding:20px; margin-bottom:10px; background-color:#FFFFFF; }.slogo .xglj ul li h5{ text-align:left; padding:10px 0px;}



/*验证码*/
.lh-message-item li:nth-child(7) input{
    width: 100%;
    height: 42px;
    line-height: 42px;
    background: #5F5D5D;
    font-size: 16px;
    border: none;
	float: left;
	display:block;
}

.lh-message-item .gai img{display:block; margin-left:10%; width: 30%;}
.lh-message-item .gai .change{
	display: block;
    float: right;
    clear: both;
    color: #000000;
    font-size: 14px;
	margin-right: 19px;
	}




/*业务合作*/
._w800{ width:100%; margin:0 auto; padding-top:20px;}
.ywhz{ background:#f7f7f7; border:#e6e6e6 solid 1px; padding:6px; height:150px;}
.ywhz ul{ width:80%; font-size:16px;}
.ywhz ul li{ float:left;}
.ywhz ul li img{ width:50%; margin-bottom:10px;}
.ywhz ul li span{ font-size:16px;}
.ywhz ul li p{ display:block; background-color:#999999; color:#FFFFFF; padding:0px; margin:0px; font-size:12px;}
.ywhz ul li p a{ display:block; background-color:#999999; color:#FFFFFF; font-size:12px;}
.ywhz ul li p a:hover{ display:block; background-color:#e34754; color:#FFFFFF; font-size:12px;}



/*单页*/

.hqan{ width:30%; background-color:#d43744; border:#a5343d solid 1px; display:block; color:#FFFFFF; opacity: 1 !important;    float: left; margin-left:4%; padding:1%; text-align:center; line-height:185%;}
.hqan a{cursor:hand;}


.dhh{ width:53%; float:left}

.wenben{display: block; 
width: 100%; 
height: 34px; 
padding: 6px 12px; 
font-size: 14px; 
line-height: 1.428571429; 
color: #555555; 
vertical-align: middle; 
background-color: #ffffff; 
border: 1px solid #ffffff; 
border-radius: 4px; 
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

}



}




 @media screen and (max-width: 768px) {
/* 
.slogo .three .ugai li{float:left;    width: 32%;}
.slogo .three .ugai li:nth-child(1) img{ float:left; margin-right:0px;}
.slogo .three .ugai li:nth-child(2) img{ float:left; margin-right:0px;}
.slogo .three .ugai li:nth-child(3) img{  float:left; margin-right:0px;}*/
.slogo .xglj ul li{ width: 95%;}
.slogo .three ul {width: 96%;}

.slogo .three ul li:nth-child(1){width:100%;}
.slogo .three ul li:nth-child(2){width:100%;}
.slogo .three ul li:nth-child(3){width:100%;}
.slogo .three2 ul {
    width: 96%;
    margin: 0 auto;
    margin-left: auto;
}
.logo16 ul li {
    width: 47%;
}
.slogo .three .bt {
    float: none;
	margin-bottom:-30px;
}
.lh-message-item li input,
.lh-message-item li textarea {
    width: 100%;
 }
}