html, body {
	height: 100%;
}
.banner {
	width: 100%;
	min-height: 500px;
	height: 80%;
	background: url(images/home_bg.png);
	/*background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;*/
	background-position: center;
	background-repeat: no-repeat;
}
.box-container{
	width:100%;
	position:relative;
	/* margin:0 auto; */
}
.banner-text{
	padding-top:165px;
	padding-left:20px;
	float:left;
	color:#fff;
}
.banner-text h3{
	font-size:48px;
	margin:0;
	padding-bottom:20px;
}
.banner-text p{
	font-size:20px;
}
.banner .login-div{
	position:absolute;
	right:40px;
	/* bottom:50px */
	/* float:right; */
	padding-top:90px;
	padding-right:20px;
}
.banner .login-div .login-form{
	background-color:rgba(255,255,255,0.1);
	padding:25px 20px 30px;
	width:260px;
    box-sizing: content-box;
    position:relative;
}

.banner .login-div .login-form .laguageDiv{
	position:absolute;
	right: 32px;
    top: 24px;
	height:26px;
	width:80px;
}
.banner .login-div .login-form .laguageDiv select{
    width: 80px;
    height: 24px;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    padding-left: 3px !important;
    font-size: 12px;
}
.banner .login-div .login-form .welcomBack{
	display:none;
	font-size:16px;
	color:#fff;
	text-align:center;
}
.banner .login-div .login-form .welcomBack a{
	padding: 0 5px 0 5px;
	color:#333;
}
.banner .login-div .login-form .welcomBack a:hover{
    text-shadow: 2px 2px 2px rgb(66, 61, 61);
}
.banner .login-div .login-form .login-btn{
	width:100%;
	color:#fff;
	background:#C51B21;
}
.banner .login-div .login-form .register-p{
	font-size:12px;
	line-height:18px;
	height:18px;
	margin:10px 0 0;
	display:flex;
	justify-content: space-between;
}
.banner .login-div .login-form .register-p a{
	color:#333;
}
.banner .login-div .login-form .register-p a:hover{
	color:#dedede;
}
.banner .login-div .login-form .register-p .forget-pass{
	float:left;
}
.banner .login-div .login-form .register-p .user-reg{
	 float:right;
}
.banner .login-div .login-form h4{
	margin:0 0 20px 0;
	text-align:left;
	color:#333;
	font-size:18px;
}
.newsPlay{
    background:#f2f2f2;
    position: absolute;
    width: 100%;
    bottom: 50px;
}

@media(min-height: 900px){
    html, body{height: 100%;}
    div.footer{
        position: absolute;
        bottom: 0;
        left: 0;
    }
}
.text-list{
    padding:15px 25px;
	width:33%;
	box-sizing: border-box;
	/* float:left; */
	border-right:1px solid #ddd;
}
.text-list .scrollText{
	height:75px;
	overflow:hidden;
}
.text-list .scrollText ul{
	margin-bottom:0;
}
dl.text-list:last-child{
	border-right:none;
}
.text-list dt{
	font-size:18px;
	line-height:24px;
	margin-bottom:8px;
	font-weight:normal;
	height:30px;
}
.text-list dt span{
	color:#C51B21;
	float:left;
}
.text-list dt .more{
	float:right;
}
.text-list a{
	color:#222;
}
.text-list a:hover{
	color:#3fa5e8;
}
.text-list dd{
	font-size:14px;
}
.text-list dd li{
	height:26px;
	line-height:26px;
}
.text-list dd li .item-title{
	float:left;
	width:60%;
	white-space: nowrap;
    text-overflow: ellipsis;
	overflow: hidden;
}
.text-list dd li .pb-date{
	float:right;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: keep-all;
	white-space: nowrap;
	width: 35%;
}
.supply-book{
	padding-top:50px;
	height:394px;
	background: url(images/supply_book.jpg) no-repeat center top;
}
.supply-book .cont-intro-text{
    margin-top: 16px;
    width: 570px;
}
.supply-book .bookingLink{
	margin-top:22px;
	text-align:center;
}
.supply-book .bookingLink a{
	display:inline-block;
	width:220px;
	text-align:center;
	height:40px;
	line-height:40px;
	font-size:16px;
	color:#fff;
	background:#c61b21;
	transition:all 0.3s ease;
}
.supply-book .bookingLink a:hover{
	background:#e8595e;
}
.supply-book .book-link{
	display:block;
	width:100%;
	height:100%;
}
.manageIntro{
	height:414px;
	background:#f2f2f2;
	color:#222;
	text-align:center;
}
.cont-title{
	padding:60px 0 10px;
	font-size:30px;
	margin:0;
	text-align:center;
}
.cont-intro-text{
	font-size:14px;
	line-height:24px;
	width:820px;
	margin:0 auto;
	text-align:center;
}
.manageIntro .intro-icon-list{
	margin-top:44px;
}
.manageIntro .intro-icon-list li{
	width:25%;
	float:left;
	text-align:center;
}
.manageIntro .intro-icon-list li span{
	display:block;
	font-size:20px;
	line-height:30px;
	margin-top:10px;
}
.manageIntro .intro-icon-list li i{
	display:block;
	width:58px;
	height:58px;
	margin:0 auto;
}
.manageIntro .intro-icon-list li i.i-source{background: url(images/icon_gongying.png) no-repeat center;}
.manageIntro .intro-icon-list li i.i-procurement{background: url(images/icon_caigou.png) no-repeat center;}
.manageIntro .intro-icon-list li i.i-performance{background: url(images/icon_jixiao.png) no-repeat center;}
.manageIntro .intro-icon-list li i.i-auto{background: url(images/icon_fukuan.png) no-repeat center;}

.company-intro{
	padding-bottom:50px;
}
.company-intro .company-intro-more ,.sunshine-supply-chain .apply-channel-more{
	text-align:center;
	margin:20px 0 15px;
}
.company-intro .company-intro-more a ,.sunshine-supply-chain .apply-channel-more a{
	color:#C51B21;
	font-size:18px;
}
.company-intro .cont-intro-text{
	width:1038px;
}
.sunshine-supply-chain .cont-intro-text{
	width:950px;
}
.intro-grid-div .photo-cover{
	position:relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.intro-grid-div .photo-cover img{
	display:block;
	width:100%;
}
.intro-grid-div .photo-cover p{
	position:absolute;
	width:100%;
	left:0;
	bottom:0;
	background-color:rgba(197,27,33,0.8);
	color:#fff;
	height:48px;
	line-height:48px;
	font-size:20px;
	text-align:center;
	margin:0;
	display:none;
}
.intro-grid-div .row{
	width:100%;
	margin:0;
}
.intro-grid-div .row .col-md-4{
	padding:12px 20px;
}

.sunshine-supply-chain{
	height:660px;
	padding-top:60px;
	background:url(images/img_gongying.jpg) no-repeat center top;
}
.sunshine-supply-chain .apply-channel{
	text-align:center;
}
.sunshine-supply-chain .apply-channel span{
	display:inline-block;
	padding:0 20px;
}
.technical-support{
	padding:60px 0;
}
.technical-support h3{
	font-size:30px;
	margin:0;
	text-align:center;
}
.technical-support p{
	margin:0 auto;
	margin-top:10px;
	line-height:24px;
	width:820px;
	text-align:center;
}

/**complaint-content*/
.complaint-content{
	padding-bottom:60px;
}
.complaint-content h3{
	text-align:center;
	padding:30px 0;
	border-bottom:1px solid #ddd;
	margin-bottom:20px;
}
.complaint-content p{
	text-indent:2em;
	line-height:20px;
	font-size:14px;
}
.complaint-content .confirm-div{
	padding:40px 0;
	text-align:center;
}
.complaint-content .confirm-div .checked-btn{
    background: #21a901;
    color: #fff;
}


/* @media ( min-width : 1300px) {
	.box-container{
		max-width:1280px;
	}
} */
@media (min-width: 992px) and (max-width: 1299px) {
	/*.box-container{
		max-width:1200px;
		padding:0 5px;
	} */
	.company-intro .cont-intro-text{
		width:90%;
	}
}
@media (max-width: 991px){
	.company-intro .cont-intro-text{
		width:90%;
	}
}


.sbox{
	min-width:1200px;
}


@media (min-width: 1200px) {
	.sbox {
		width: 1170px;
	}
	.right {
		width: 850px
	}
}

.sbox{
	min-width:1170px;
	margin:10px auto 0 auto;
}

.top{
	height:80px;
	line-height:80px;
	overflow: hidden;
	display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}

.grm-logo{
	float: left;
	width:220px;
	border-right:2px solid #F2F2F2;
	margin-right:10px;
}

.midea-logo{
	width:100px;
	height:50px;
	line-height:50px;
	margin-top:15px;
	background:#0092D8;
	margin-right:10px;
}

.midea-logo img{
	width:100%;
}

.title{
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-weight: 700;
    font-style: normal;
    font-size: 20px;
    color: rgb(102, 102, 102);
}

.nav{
	width:360px;
	display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
	font-weight: 700;
    font-style: normal;
    font-size: 16px;
}

.nav span{
	display:block;
	width:120px;
	text-align:right;
	overflow:hidden;
}

.nav span a{
	color:#666;
}

.nav span:hover{
	color:#009DD9;
	cursor:pointer;
}

.img-title{
	font-weight: 700;
    font-style: normal;
    font-size: 36px;
    color: rgb(246, 237, 244);
	 position:absolute;
	 height:80px;
	 bottom:20px;
	 left:50px;
	 text-shadow:1px 1px 5px #333333;
}
.img-title span{
	padding:0 10px;
}

.img-title span:last-child{
	font-weight: 700;
    font-style: normal;
    font-size: 45px;
    color: rgb(246, 237, 244);
}

.main-page{
	width: 1170px;
	overflow:hidden;
}

.main-page .left{
	width:300px;
	float: left;
	margin-right:20px;
}

.main-page .right{
	position: relative;
	height: 819px;
	width: 850px;
	float: left;
}

.demand-info-list{
	border-bottom: 3px solid #009DD9;
}

.demand-info-list ul{
	margin:0
}

.demand-info-list li:hover{
	color:#00A5E2;
	cursor:pointer;
}

.demand-info-list li{
	display: inline-block;
    width: 100px;
    text-align: center;
    margin:0 10px 0 0;
    font-weight: 700;
    height:80px;
    line-height:80px;
    font-style: normal;
    font-size: 16px;
    color: #666666;

	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.demand-info-list li:after{
	content: "";
    display: block;
    width: 4px;
    height: 4px;
}

.active-item{
	border-bottom: 3px solid #009DD9;
	background:#F2F2F2
}

.active-item:after{
	content: "";
    display: block;
    width: 0;
    height: 0;
    border-width: 0 5px 5px;
    border-style: solid;
    border-color: transparent transparent #009DD9;
    position: relative;
    bottom:8px;
    left: 45px;
}

.demand-info-tabs{
	display:none;
	height:530px
}

.infoTab-active{
	display:block;
}

.info-item{
	height:80px;
	padding:6px;
}

.info-item:hover{
	border:1px solid #ccc;
	background:#F3FAFD;
	padding:5px;
	cursor:pointer;
}

.info-title{
	height:40px;
    line-height:40px;
    font-weight: 600;
    font-style: normal;
    font-size: 15px;
    color: #666666;
    overflow: hidden;
}
.info-title .item-title{
	float: left;
}

.info-title .item-time{
	float: right;
	text-align: right;
}

.info-classify{
	width: 100%;
	overflow: hidden;
}
.info-classify .amount{
	float: left;
}
.info-classify .classify{
	float: left;
	margin-left: 200px;
}
.info-classify .classify div{
	width:230px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin:0 auto;
}
.info-classify .deadline{
	float: right;
	text-align: right;
	width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.demand-info-table{
	height:500px;
}

.item-title{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.item-time{
	text-align:right;
	min-width:90px;
}

.demand-info-page{
	position: absolute;
	bottom: 0;
	width:100%;
}

.news{
	height:230px;
}

.news-list{
	display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}

.news-list img{
	height:30px;
	margin:-4px 5px 0 0;
}

.news-list p{
	font-weight: 700;
    height:60px;
    line-height:60px;
    padding-top:10px;
    font-style: normal;
    font-size: 16px;
    color: #666666;
    margin:0 8px 0 0;
}

.news-list .line{
	display:inline-block;
	margin-left: 15px;
	width: 160px;
	height:40px;
	border-bottom:1px solid #ccc;
}

.news-item{
	width: 100%;
	cursor:pointer;
}

.news-item a:hover{
	color:#009DD9;
}

.news-type{
	min-width:38px;
	background:#FF9900;
	border-radius:10px;
	padding:0 5px;
	margin:8px 5px 0 0;
	height:20px;
	line-height:20px;
	color:#fff;
}
.news-title{
	width: 262px;
	height:35px;
	line-height:35px;
	color:#666;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}

.ads img{
	width: 300px;
	margin-top: 20px;
}

div.footer {
	position: absolute;
    bottom: 0;
    height: 50px;
    line-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.browser-version {
	background: rgb(239, 237, 222);
	text-align: center;
}
.browser-version span {
	padding-left: 7px;
}