@charset "utf-8";
/* CSS Document */

body, ul, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, input, tr, td, th, form{ margin: 0; padding: 0; }
body { font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.5; color: #000; height: 100%; width:100%;box-sizing: border-box;}
html{height: 100%; width: 100%}
img { border: none; vertical-align: middle; }
ul,li { list-style: none; }
a { color: inherit; text-decoration: none; }
input[type="text"], input[type="email"], input[type="submit"], input[type="tel"], input[type="password"], textarea, select { font-family: inherit; font-size: 100%; margin: 0; border-radius: 0; }
input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button, input { line-height: normal;}
textarea { resize: none; }
input:focus, textarea:focus { outline: none; }
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*@font-face { 
	font-family:'pingfang';
	src: url('../../font/PINGFANGREGULAR_0.TTF');
} 
body{font-family: 'pingfang'}*/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix{ zoom: 1; /* for IE6 IE7 */ }
.center{
	padding-top:56px;
}
.header{
	height:56px;
	line-height: 56px;
	width:100%;
	background: #fff;
	font-size: 14px;
	position: fixed;
    top: 0px;
    z-index: 99;
    border-bottom:1px solid #efefef;
}
.wrap{
	width:1060px;
	margin:0 auto;
}
.logo{
	float:left;
	width:120px;
	margin-top:16px;
	height:100%;
	background: #ccc;	
}
.header-nav{
	width:480px;
	height:56px;
	float:right;
	margin-right: 20px;
}
.header-nav-item{
	float:left;
	height:56px;
	line-height: 56px;
	margin-right:50px;
}
.header-nav-item.active{
	color:#FF6402;
}
.header-nav-item:hover{
	color:#FF6402;
}
.btn-list{	
	height:56px;
	line-height: 56px;
	float:right;
}
.btn-list .btn-default{
	padding:4px 16px;
	margin-right: 10px;
	font-size: 13px;
	border-radius: 2px;
	border:1px solid #4E5358;
	cursor: pointer;
}
.btn-list .btn-default:hover{
	background: #FF6402;
	border-color:#FF6402;
	color:#fff;
}
.banner-content{
	height:551px;
	overflow-x: hidden;
	position: relative;
	background: url('../../img/case-bg.jpg') no-repeat center;
}
.banner-content.bg-agent{
	background: url('../../img/agent.jpg') no-repeat center;
}
.banner-bottom{
	width:100%;
	position: absolute;
	bottom: 20px;
}
.icon-list{
	width:90px;
	margin:0 auto;
}
.icon-list .icon{
	width:8px;
	height:8px;
	background: #FFFFFF;
	margin-right:10px;
	border-radius: 6px;
	float: left;
	cursor: pointer;
}
.icon-list .icon.active{
	width:28px;
	background: #FF6402;
}
.btn-banner{
	width:160px;
	height:40px;
	position: absolute;
	bottom:30%;
	left:50%;
	margin-left:-80px;
	text-align: center;
	line-height:40px;
	background: #FF6402;
	color:#fff;
	border-radius: 4px;
}
.banner-content .pic-window{
	width:5760px;
	position: absolute;
	top:0;
	left:0;
	transition: left .8s;
}
.banner-content .pic-window li{
	width:1920px;
	float: left;
}
.main-content-item{
	width:100%;
	margin-top:100px;
	height:400px;
}
.main-content-item.bottom-pic{
	height:237px;
	background: url("../../img/bottom-pic.png");
    text-align: center;
}
.main-content-item.minHeight{
	height:300px;
}
.main-item.main-content-item{
	height:100%;
}
.main-content-item.height{
	height:500px;
}
.sub-content-l{
	width:49%;
	height: 100%;
	float: left;	
	position: relative;
}
.title{
	font-size: 28px;
	text-align: left;
	font-weight:bold;
}
.sub-content-r{
	width:49%;
	height: 100%;
	float: right;
	position: relative;
}
.context{
	margin-top:24px;
	font-size: 16px;
}
.content-btn-list{
	position: absolute;
	bottom: 10px;
	left: 0;
}
.content-btn-list .content-btn{
	border:1px solid #25282A;
	padding:6px 18px;
	border-radius: 2px;
	margin-right: 15px;
}
.content-btn-list .content-btn.active{
	border-color: #FF6402;
	background: #FF6402;
	color:#fff;
}
.sub-contex-item-left{
	width:42px;
	float: left;
}
.sub-contex-item-right{
	float:right;
	width:460px;
}
.sub-context{
	margin-top:20px;
}
.sub-contex-item{
	margin-bottom: 24px;
}
.l-title{
	font-size: 16px;
}
.l-context{
	font-size: 13px;
	line-height: 20px;
}
.footer{
	padding-top: 60px;
	background:#373D44 100%;
	color: #fff;
	line-height: 40px; 
	padding-bottom: 10px; 
	width: 100%;
}
.footer .wrap{
	display: flex;
}
.footerDiv{     
	width: 18%;margin-right: 2%;
}
.main-content{
	margin-bottom: 100px;
}
.text-center{
	text-align: center;
	margin-bottom: 32px;
}
.seller li{	
	float: left;
	margin-top: 6px;
}
.partner li{
	width:230px;
	float: left;
	margin-top: 6px;
	margin-right: 30px;
}
.user{
	width:100px;
	height:100px;
	margin:20px auto;
	border-radius: 50%;
	box-shadow: 0 6px 10px #ccc;
	line-height: 100px;
	text-align: center;
}
.l-title-margin{
	margin-bottom: 20px;
}
.conddition{
	width:47%;
	height:75%;
	box-sizing: border-box;
	padding:20px 20px;
	border-radius: 4px;
	box-shadow: 0 0 6px #F2F3F5;
	margin-right: 1.5%;
	float: left;
}
.conddition-r.conddition{
	float: right;
}
.conddition .l-context{
	line-height: 24px;
}
.case-title{
	margin-bottom: 24px;
}
.main-item .main-item-context{
	font-size: 14px;
	line-height: 30px;
	margin-bottom: 24px;
}
.pic{
	height:500px;
	width:100%;
	background: #F9F9F9;
	box-sizing: border-box;
	padding:56px 200px;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.li-pic{
	width:480px;
	box-sizing: border-box;
	padding:30px 25px;
	background: #F9F9F9;
	height:580px;
}
.li-pic-s{
	width:100%;
	height:227px;
	background: #fff;
	box-shadow: 0 0 60px #EAEAEA;
}
.li-title1{
	line-height: 60px;
	color: rgba(16, 16, 16, 1);
	font-size: 20px;
}
.price-content{
	padding-top:30px;
    background: #F8F9FA;
    padding-bottom:30px;
    border-bottom: 1px solid #E8EFF6;
}

.price-header{
	margin-top: 40px;
}
.waimaibang{
    padding-top:20px;
    margin:0 auto;
    width:60%;
    text-align: center;
    font-size:44px;
    color:#fff;
    line-height: 80px;
    border-bottom:1px solid #fff;
}
.priceList{
    width:100%;
    box-sizing: border-box;
}
.priceList li{
    box-sizing: border-box;
    padding:5px;
    width:23%;
    height:360px;
    background: #fff;
    float:left;
    margin-right:2%;
}
.priceTitle{
    text-align: center;
    line-height:50px;
    font-size: 24px;
    border-bottom:1px solid #f9f9f9;
}
.priceText{
    margin-top:20%;
    text-align: center;
    color:#bfbfbf;
}
.price{
    font-size: 44px;
    color:#fc6102;
}
.years{
    font-size: 16px;
    color:#404040;
}
.total{
    text-align: center;
    font-size:16px;
    margin-bottom:15%;
}
.btn{
    display: block;
    text-align: center;
    width:80%;
    height:40px;
    line-height: 40px;
    text-align: center;
    margin:0 auto 10px;
    color:#fc6102;
    border:1px solid #fc6102;
}
.orangeBg{
    background: #fc6102;
    color:#fff;
}
.textPlain{
	margin-top:20px;
    text-align: center;
    color:#BBBBBB;
}
.testT{
    text-align: right;
}
.price-box{
	margin-bottom:30px;
}
.m30{
	margin-top:30px;
}
.price-tab{
	width:500px;
	margin: 0 auto;
	padding-bottom: 10px;
	margin-bottom: 0px;
	border-bottom: 1px solid #E8EFF6;
}
.tab-item{
	font-size: 18px;
	padding:0 10px 9px 10px;
	border-bottom: 2px solid #fff;
	cursor: pointer;
}
.tab-item.active{
	color:#fc6102;
	border-color:#fc6102;
}
.m80{
	margin-left:90px;
	margin-right:100px;
}
.moudle{
	width:100%;
	box-sizing: border-box;
	padding:30px 20px;
	border: 1px solid #E8EFF6;
	box-shadow: 0 0 6px #F2F3F5;
}
.costDiv{
	box-sizing: border-box; 
	margin: 0 auto; 
	background: #fff; 
	border-radius: 10px; 
	box-sizing: border-box; 
	padding: 50px; 
	box-shadow: 0 0 15px rgba(0,0,0,0.1); 
	margin-bottom: 50px;
}
.costDiv-item{ 
	min-height: 56px; 
	position: relative; 
	line-height: 56px; 
	width: 100%; 
	box-sizing: border-box; 
	padding-left: 130px; 
	margin-bottom: 30px; 
	padding-right: 30px; 
	background:#f2f2f2;
}
.costDiv-item .title1{  
	width: 110px; 
	text-align: center; 
	line-height: 54px;
	position: absolute; 
	left: 0;
	top: 0; 
	border: 1px solid #E5E9EC;
	border-radius: 2px;
	background: #fc6102;
	color: #fff;
}
.costDiv-item .two{ 
	line-height: 25px;
}
.costDivTitle{
	font-size: 60px;
	color: #fc6102; 
	text-align: center;
}
.color-orange{
	margin-top:10px;
	text-align: left;
	color:#FF6402;
}
.aboutBg{ 
	padding-top: 80px;
	padding-bottom: 100px;
}
.zLogo{
    margin-top:16px;
    width:200px;
    margin-bottom:30px;
    display: block;
}
.aboutDiv{
	box-sizing: border-box; 
	margin: 0 auto; 
	line-height:36px;
	border-radius: 10px; 
	padding:30px 20px;
	box-shadow: 0 0 6px #F2F3F5;
}
.aboutDiv2{
	padding:56px 200px; 
	background: #F9F9F9;
}
.aboutAddress{ 
	position: relative; 
	min-height: 440px; 
	box-sizing: border-box; 
	padding-left: 540px; 
	color: #1f2229;
}
.aboutAddress-l{
	position: absolute; 
	left: 0;
	top: 0; 
	width: 506px; 
	height: 400px;  
	background: url("../img/home/mapBorder.png") no-repeat center; 
	box-sizing: border-box;  
	padding: 44px 15px 15px 15px;
}
.aboutAddress-r{     
	font-size: 16px;
    line-height: 42px;
}
.title{ 
	padding-top: 40px;
}
.aboutDivItem{
	padding-top:20px;
	padding-bottom:20px;
	text-align: center;
	background: #fff;
}
.fixednav{
	padding-top:10px;
	position: fixed;
	top:57px;
	left: 0px;
	z-index: 99;
	background: #fff;
	margin-bottom: 0px;
	border-bottom: 1px solid #f9f9f9;
}

.title.white-t{
	color:white;
	text-align:center;
}
.aply{
	margin:40px auto;
	width: 170px;
	height: 46px;
	line-height: 46px;
	background: #fff;
	border-radius: 2px;
	color: rgba(255, 100, 2, 1);
	font-size: 14px;
	text-align: center;
	display: inline-block;
}
.price-moudle{
	width: 100%;
	background: #fff;
}
.w-bg{    
	background: #fff;
    box-shadow: 0 0 60px #EAEAEA;
}
.mb15{
	margin-bottom: 15px;
}
.loginDiv{
	margin:170px auto;
	background: #fff; 
	border-radius: 4px; 
	padding: 35px; 
	width: 440px; 
	box-sizing: border-box;
}
.loginTab{ 
	width: 100%; 
	margin-bottom: 30px;
}
.loginTab-item{
	text-align: center; 
	font-size: 24px;
	line-height: 40px;  
	border-bottom: 4px solid #fff;
	cursor: pointer;
}
.loginInput{ 
	border: 1px solid #bfbdbd; 
	height: 40px; width: 100%;
	box-sizing: border-box;
	padding-left:10px;
}
.loginRow{ 
	margin-bottom:20px; 
	position: relative;
}
.loginRow .eyesIcon{ 
	position: absolute; 
	right: 0;
	top: 0; 
	width: 40px; 
	height: 40px;
	display: block; 
	-background: url("../../img/home/eyesIcon.png") no-repeat center;
	background-size: 30px;
}
.loginBtn{ 
	width: 100%; 
	border-radius: 2px; 
	text-align: center; 
	color: #fff; 
	background: #fc6102; 
	line-height: 50px;
	cursor: pointer;
	font-size: 18px;
	margin:16px 0;
}
.hidden{
	display: none;
}
.index-login-page,.index-register-page{
	background: url("../../img/login-bg.jpg") no-repeat center ;
}
.checkbox-label {  
	display: inline-block;  
	cursor: pointer;  
}
.checkbox-input:checked+.checkbox-icon {  
	background: url(../../img/index/checkbox-choice.png) no-repeat center,#ff6600;  
}
.row-error{ 
	font-size: 12px; 
	color: red;
}
.loginRow .getCode{ 
	position: absolute; 
	right: 0;
	top: 0; 
	min-width: 130px; 
	text-align: center; 
	line-height: 40px; 
	background: #fc6102; 
	color: #fff; 
}
            aside {
                /*侧边栏,初始位置为-200px，即隐藏效果*/
                position: fixed;
                bottom:2%;
                right: -110px;
                width: 160px;
                transition: 0.2s ease-out;
                z-index: 100000;
                /*动画效果的执行方式是ease-out，即侧边栏滑动效果为渐变式，而不是生硬的突然变化*/
            }

            aside:hover{
                right:0px;
                bottom: 2%;
            }
            aside:hover #sideul .erweima{
                height:220px;
            }
            #sideul{
                margin:0;
                padding:0;
            }
            #sideul li {
                background:#fc6102;
                margin-bottom:2px;
                border-radius: 3px;
                list-style: none;
                color: #fff;
                width: 100%;
                height: 50px;
                font-size: 14px;
                line-height: 50px;
                box-sizing: border-box;
                padding-left:12px;
                overflow: hidden;
                transition: 0.2s ease-out;
            }
            #sideul li img{
                float:left;
                margin-top:10px;
                margin-right:10px;
                vertical-align: text-bottom;
            }
            a {
                text-decoration: none;
            }

            #sideul li:hover {
                opacity: .6;
            }
            .codePic img{
                width:140px;
            }
            .aboutAddressText{
                color:#000;
            }
            .orangeBg:hover{
                box-shadow: 0px 2px 10px #ff7b7b;
            }
            .whiteBg:hover{
                box-shadow: 0px 2px 10px #fc6102;
            }
.noclick{
	pointer-events: none;
}
.agent-title{
	letter-spacing: 3px;
}
.agent li{
	width:187px;
	margin-right: 23px;
	float:left;
}
.textPlain.org{
	color:#fc6102;
}
.second{
	display: flex;
	justify-content: space-around;
}
.second li{
	width:290px;
	height:340px;
	box-sizing: border-box;
	padding:20px;
	box-shadow: 0px 10px 10px #EAEAEA;
}

.agentor{
	padding-top:40px;
	box-shadow: 0 0 8px #F2F3F5;
}
.agentor li{
	width:45%;
	margin-left: 5%;
	float: left;
	margin-bottom: 40px;
}
.mg{
	box-shadow: none;
	margin:50px auto;
}
.sm-user{
	width:50px;
	height:50px;
	border-radius: 20px;
	float: left;
	text-align: center;
}
.sm-user img{
	margin-top:7px;
	width:36px;
}
.sm-t{
	float: left;
	margin-left:8px;
}
.sm-title{
	font-size: 18px;
	margin-bottom: 4px;
}
.sm-text{
	font-size: 12px;
}
.bg-b{
	background: #5D9CEC;
}
.sha-b{
	box-shadow: 0 2px 2px #5D9CEC;
}
.bg-o{
	background: #FF6402;
}
.sha-o{
	box-shadow: 0 2px 2px #FF6402;
}
.bg-r{
	background:#ED5565;
}
.sha-r{
	box-shadow: 0 2px 2px #ED5565;
}
.bg-g{
	background: #48CFAD;
}
.sha-g{
	box-shadow: 0 2px 2px #48CFAD;
}
.menuBtn{
	float: right;
	width: 40px;
	height: 40px;
	background: url("../../img/home/menuIcon.png") no-repeat center;
	background-size: 40px;
	margin-top: 10px;
	display: none;
}
.menuPop{
	width: 150px;
	background: rgba(0,0,0,0.8);
	padding:10px;
	box-sizing: border-box;
	position: absolute;
	right: 0;
	top: 60px;
	display: none;
}
.menuPop-item{
	color: #fff;
	line-height: 30px;
	display: block;
	text-align: right;
	margin-bottom: 10px;
}
.menuPop-item.current{
	color: #fc6102;
}
.openMenu .menuPop{
	display: block;
}
@media (max-width: 767px) {
	.wrap{
		width:100%;
	}
	.footer{
		display: none;
	}
	.nav{
		display: none;
	}
	.m80 {
		margin-left: 80px;
		margin-right: 80px;
	}
}
/*弹出窗口提示*/
.alert-mask{ position: fixed; left: 50%; top: -200px; width: 300px; background: #fff; z-index: 400; box-sizing: border-box;   margin-left: -150px;transition: top 1s;
    -moz-transition: top 1s;	/* Firefox 4 */
    -webkit-transition: top 1s;	/* Safari 和 Chrome */
    -o-transition: top 1s;	/* Opera */
    border-radius: 3px; border: 1px solid #9ACD32; overflow: hidden;}
.open-alert .alert-mask{ top: 0;}
.alert-mask-wrap{ position: relative;}

.alert-mask-top{ margin: 0 10px; line-height: 50px; color: #9ACD32; font-weight: bold; font-size: 20px; box-sizing: border-box; padding-left: 20px; border-bottom: 1px solid #9ACD32;}
.alert-mask .alert-btn{ box-sizing: border-box; padding: 0 10px; min-width: 60px; text-align: center; line-height: 30px; color: #fff; background: #9ACD32; border-radius: 5px; cursor: pointer;  display: inline-block; position: absolute; right: 5px; bottom:5px;}
.alert-mask-top .icon{ width: 27px; height: 27px; display: inline-block; vertical-align: middle; background: url("../img/delivery/icon-yes.png") no-repeat 0 center; background-size: 27px; margin-right: 10px;}
.alert-mask-tip{width: 80%; background: #fff; box-sizing: border-box; padding: 20px;}
.alert-mask-bottom{ text-align: right; padding-top: 10px;}

.alert-mask.error{border: 1px solid #C20000;}
.alert-mask.error .alert-mask-top{color: #C20000;border-bottom: 1px solid #C20000;}
.alert-mask.error .alert-mask-top .icon{ background: url("../img/delivery/icon-no.png") no-repeat 0 center; background-size: 27px;}
.alert-mask.error .alert-btn{background: #C20000;}

.lefter-bottom{ position: absolute; bottom:0px; left: 0; width: 100%;  background: #fff; padding-bottom: 10px;}