/* 新版首页2019.05.28 */

.layui-form-select dl dd.layui-this{background: #1c93d7 !important;}

.homeContent{width: 1200px; margin: 0 auto;}
.homeProduct{background: #f2f3f7;}
.homeProduct .homeTop{padding-top: 25px;}
.homeProduct .request{width: 320px; float: left; background: #fff; border: solid #dcdee3 1px; padding: 13px 14px 24px;}
.homeProduct .request .requestTitle{padding-bottom: 8px;}
.homeProduct .request .requestTitle h3{font-size: 18px; color: #f63; line-height: 35px; font-weight: bold;}
.homeProduct .request .requestTitle h3 sup{font-size: 12px; border: solid #1c93d7 1px; border-radius: 4px; color: #1c93d7; margin-left: 6px; padding: 0 5px;}
.homeProduct .request .requestTitle h3 img{display: inline-block; vertical-align: middle; margin: -15px 0 0 5px;}
.homeProduct .request .requestTitle p{font-size: 15px; line-height: 24px;}
.language-en .homeProduct .request .requestTitle p{font-size: 14px;}
.homeProduct .request .requestTitle p i{color: #f70707;}
.homeProduct .request .formInput{height: 35px; margin-top: 15px; position: relative;}
.homeProduct .request .formInput input{height: 35px; border-color: #eee;}
.homeProduct .request .formInput .inputQuantity{width: 160px; float: left;}
.homeProduct .request .formInput .selectUnit{width: 161px; float: left; margin-left: -1px;}
.homeProduct .request .formInput #valid{background-image: url("../images/newhome/date_icon.png"); background-position: right 8px center; background-repeat: no-repeat;}
.homeProduct .request .formButton{height: 40px; margin:13px; text-align: center;}
.homeProduct .request .formButton button{height: 40px; line-height: 40px; background: #1c93d7; font-size: 16px; padding: 0 39px; border-radius: 5px;}
.homeProduct .request .common-form .layui-error-line{top: 37px!important; left: 0px!important; z-index: 99;}

.swiper-container{width: 835px; height: 386px; float: right;}
.swiper-container .swiper-wrapper{height: 350px;}
.swiper-container .swiper-button-white{background-color: rgba(0, 0, 0, 0.5); padding: 12px 6px; opacity: 0; margin-top: -52px;}
.swiper-container:hover .swiper-button-white{opacity: 0.5;}
.swiper-container .swiper-button-white:hover{opacity: 0.8;}
.swiper-container .swiper-button-prev{left: 0;}
.swiper-container .swiper-button-next{right: 0;}
.swiper-container .swiper-pagination-bullet{width: 10px; height: 10px; background: #e0e0e0; opacity: 1;}
.swiper-container .swiper-pagination-bullet-active{background: none; border: solid #ff9b06 2px; box-sizing: border-box;}

.homeProduct .superiority{float: right;}
.homeProduct .superiority li{width: 200px; float: left; margin-left: 12px;}

.homeProduct .hotProduct{padding: 60px 0 48px;}
.homeProduct .hotProduct .productTitle{height: 28px; line-height: 28px;}
.homeProduct .hotProduct .productTitle .titleText{width: 140px; text-align: center; float: left; font-size: 24px; font-weight: bold; color: #f63; font-family: "Microsoft Yahei";}
.homeProduct .hotProduct .productTitle .titleLine{width: 530px; height: 8px; background: #dcdee3; border-radius: 4px; float: left; margin-top: 13px;}
.language-en .homeProduct .hotProduct .productTitle .titleText{width: 234px;}
.language-en .homeProduct .hotProduct .productTitle .titleLine{width: 483px;}
.homeProduct .hotProduct .productList{width: 1200px;}
.homeProduct .hotProduct .productList ul{margin: 20px -5px;}
.homeProduct .hotProduct .productList ul li{width: 228px; height: 278px; float: left; background: #fff; border-radius: 10px; margin: 7px; transition: all 0.3s;}
.homeProduct .hotProduct .productList ul li:hover{box-shadow: 0 8px 20px #bbb;}
.homeProduct .hotProduct .productList ul li img{width: 190px; height: 190px; margin: 19px 19px 10px; transition: all 0.3s;}
.homeProduct .hotProduct .productList ul li:hover img{-ms-transform:scale(1.1);transform:scale(1.1);}
.homeProduct .hotProduct .productList ul li p{margin: 0 20px; line-height: 24px;}
.homeProduct .hotProduct .productList ul li p.productName{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /*font-weight: bold;*/ color: #333;}
.homeProduct .hotProduct .productList ul li p.price{font-size: 12px;color: #999;}
.homeProduct .hotProduct .productList ul li p.price span{color: #f63;font-size: 14px;font-weight:bold;}
.homeProduct .hotProduct .productList ul li p.enquire{width:198px;border: solid #1c93d7 1px;background:#1c93d7; text-align: center; line-height: 28px; color: #fff; margin-top: 13px;margin-left:14px; border-radius: 5px; display: none;}
.homeProduct .hotProduct .productList ul li p.enquire:hover{border: solid #3bacec 1px;background:#3bacec;}
.homeProduct .hotProduct .productList ul li:hover p.productName{display: none;}
.homeProduct .hotProduct .productList ul li:hover p.price{display: none;}
.homeProduct .hotProduct .productList ul li:hover p.enquire{display: block;}

.homeSearch{min-width: 1200px; height: 530px; background: url("../images/newhome/home_search_bg.jpg") 100% no-repeat;}
.homeSearch .searchBox{width: 1200px; height: 530px; margin: 0 auto;}
.homeSearch .searchBox .searchTop{height: 45px; line-height: 45px; font-size: 36px; text-align: center; color: #fff; padding-top: 67px; font-weight: bold;}
.homeSearch .searchBox .searchTop .b2b3{background: #fff; color: #1c93d7; padding: 3px 10px 0;}
.homeSearch .searchBox .searchTop .b2b3 sup{font-size: 18px;}
.homeSearch .searchBox .searchTop .free{display: inline-block; line-height: 38px; font-size: 18px; color: #0ff; border: solid #0ff 3px; padding: 0 17px; border-radius: 23px; vertical-align: text-bottom; margin-left: 20px; transition: all 0.3s;}
.homeSearch .searchBox .searchTop .free:hover{background: #fff; border-color: #fff; color: #1c93d7;}
.homeSearch .searchBox .searchForm{width: 746px; height: 50px; margin: 65px auto;}
.homeSearch .searchBox .searchForm i{width: 49px; height: 49px; float: left; background: url("../images/newhome/searchForm.png") left center no-repeat; animation: que 5s linear infinite;}
@keyframes que{
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(360deg);
	}
}

.homeSearch .searchBox .searchForm input{width: 603px; height: 50px; float: left; border: none; text-indent: 20px; font-size: 16px; border-radius: 5px 0 0 5px; margin-left: 14px;}
.homeSearch .searchBox .searchForm button{width: 80px; height: 50px; float: right; border: none; background: url("../images/tradeSearch/search.png") center no-repeat #1c93d7; border-radius: 0 5px 5px 0; cursor: pointer; transition: all 0.5s;}
.homeSearch .searchBox .searchForm button:hover{background-color: #3bacec;}
.homeSearch .searchBox .searchList{}
.homeSearch .searchBox .searchList ul{}
.homeSearch .searchBox .searchList li{width: 300px; float: left; text-align: center; transition: all 0.5s;}
.homeSearch .searchBox .searchList li:hover{margin-top: -10px;}
.homeSearch .searchBox .searchList li i{width: 128px; height: 128px; display: inline-block; background: center no-repeat;}
.homeSearch .searchBox .searchList li.searchProducts i{background-image: url("../images/newhome/search_icon_01.png");}
.homeSearch .searchBox .searchList li.researchCompanies i{background-image: url("../images/newhome/search_icon_02.png");}
.homeSearch .searchBox .searchList li.tradeReports i{background-image: url("../images/newhome/search_icon_03.png");}
.homeSearch .searchBox .searchList li.sendInquiry i{background-image: url("../images/newhome/search_icon_04.png");}
.homeSearch .searchBox .searchList li p{font-size: 24px; font-weight: bold; color: #fff; padding-top: 15px;}

.homeService{min-width: 1200px; height: 830px; background: url("../images/newhome/home_service_bg.jpg") center no-repeat;}
.homeService .serviceBox{width: 440px;}
.homeService .serviceSuppliers{float: left; padding: 77px 0 0 50px;}
.homeService .serviceBuyers{float: right; padding: 77px 50px 0 0;}
.language-en .homeService .serviceBox{width: 546px; font-size: 12px;}
.language-en .homeService .serviceSuppliers{padding-left: 0;}
.language-en .homeService .serviceBuyers{padding-right: 0;}
.homeService .serviceBox .titlePicture{height: 237px; text-align: center;}
.homeService .serviceBox .titlePicture img{transition: all 0.5s;}
.homeService .serviceBox .titlePicture:hover img{margin-top: -10px;}
.homeService .serviceBox .textContent{background: #fff; border: solid #dcdee3 1px; border-radius: 5px; margin-top: 38px; padding: 15px 20px;}
.homeService .serviceBox .textContent h3{font-size: 24px; font-weight: bold; text-align: center; line-height: 46px;}
.homeService .serviceBox .textContent p{line-height: 28px;}
.homeService .serviceBox .textContent p i{width: 12px; height: 12px; display: inline-block; background: url("../images/center/home/cancel .png"); margin-right: 10px;}
.homeService .serviceBox .textContent a{width: 230px; height: 40px; display: block; margin: 31px auto 16px; text-align: center; line-height: 40px; font-size: 16px; background: #1c93d7; color: #fff; border-radius: 5px; transition: all 0.5s;}
.homeService .serviceBox .textContent a:hover{background-color: #3bacec;}
.language-en .homeService .serviceBox .textContent a{font-size: 18px;}

.homeInquiry{background: #f5f7fa;}
.homeInquiry .inquiryTop{width: 1200px; height: 95px; margin: 0 auto; line-height: 95px; font-size: 22px;}
.homeInquiry .inquiryTop .topLogo{margin-right: 40px;}
.homeInquiry .inquiryForm{width: 1200px; margin: 0 auto; background: #fff; border: solid #dbe1ed 1px; border-radius: 5px; padding: 20px 100px; box-sizing: border-box;}
.homeInquiry .inquiryForm .formTitle{font-size: 36px; padding: 20px 0 0 20px; line-height: 60px;}
.homeInquiry .inquiryForm .formContentTop{width: 670px; padding: 20px 0 0 20px;}
.homeInquiry .inquiryForm .formContentTop h3{font-size: 18px; line-height: 38px; color: #666; font-weight: bold;}
.homeInquiry .inquiryForm .formContentTop p{font-size: 16px; line-height: 24px; color: #999;}
.homeInquiry .inquiryForm .form-list{width: 670px; margin-top: 20px; display: inline-block;}
.homeInquiry .inquiryForm .form-list .form-left{width: 20px; float: left; line-height: 35px; text-align: center; color: #e56060; font-size: 18px; font-weight: bold;}
.homeInquiry .inquiryForm .form-list .form-right{width: 650px; float: right;}
.homeInquiry .inquiryForm .form-list .form-right input{height: 35px; border-color: #eee; border-radius: 0;}
.homeInquiry .inquiryForm .form-list .form-right .form-input{width: 450px; float: left;}
.homeInquiry .inquiryForm .form-list .form-right .form-select{width: 201px; float: left; margin-left: -1px;}
.homeInquiry .inquiryForm .form-list .form-right #valid{background-image: url("../images/newhome/date_icon.png"); background-position: right 8px center; background-repeat: no-repeat;}
.homeInquiry .inquiryForm .form-list .form-right .rightTitle{line-height: 35px;}
.homeInquiry .inquiryForm .form-list .form-right.selectCategory{position: relative;}
.homeInquiry .inquiryForm .form-list .form-right.selectCategory .selectShow{height: 33px; line-height: 33px; padding-left: 10px; border: solid #eee 1px; cursor: pointer; overflow: hidden;}
.homeInquiry .inquiryForm .form-list .form-right.selectCategory .selectShow .placeholder{color: #ccc;}
.homeInquiry .inquiryForm .form-list .form-right.selectCategory .selectShow:hover{border-color: #d2d2d2;}
.homeInquiry .inquiryForm .form-list .form-right.selectCategory .selectShow.selected{border-color: #d2d2d2;}
.homeInquiry .inquiryForm .form-list .form-right.selectCategory .selectShow .select-edge{width: 0; height: 0; border-style: dashed; border-color: transparent; position: absolute; right: 10px; top: 14px; border-width: 6px; border-top-color: #c2c2c2; transition: all .3s; -webkit-transition: all .3s;}
.homeInquiry .inquiryForm .form-list .form-right.selectCategory .selectShow.selected .select-edge{top: 9px; transform: rotate(180deg);}
.homeInquiry .inquiryForm .form-list .form-right.selectCategory .selectList{width: 900px; box-sizing: border-box; border: solid #d2d2d2 1px; background: #f2f2f2; padding: 5px; position: absolute; top: 50px; z-index: 999; display: none;}
.homeInquiry .inquiryForm .form-list .form-right.selectCategory .selectList .select_item{width: 286px; height: 396px; overflow-y: auto; float: left; background: #fff; margin: 5px;}
.homeInquiry .inquiryForm .form-list .form-right.selectCategory .selectList .select_item li{line-height: 33px; padding: 0 10px; cursor: pointer;}
.homeInquiry .inquiryForm .form-list .form-right.selectCategory .selectList .select_item li.on{background: #1c93d7; color: #fff;}

.homeInquiry .inquiryForm .form-list .form-textarea{width: 650px; float: right; border: solid #eee 1px; box-sizing: border-box; padding: 12px;}
.homeInquiry .inquiryForm .form-list .form-textarea .textareaBox{width: 626px;}
.homeInquiry .inquiryForm .form-list .form-textarea .textareaBox textarea{width: 100%; height: 176px; box-sizing: border-box; padding: 3px 10px; line-height: 22px; border: none;}
.homeInquiry .inquiryForm .form-list .form-textarea .uploadButton{width: 110px; height: 110px; float: left; margin-left: 10px; box-sizing: border-box; border: dashed #ccc 1px; background: url("../images/newhome/upload.png") center 26px no-repeat; cursor: pointer; position: relative; overflow: hidden;}
.homeInquiry .inquiryForm .form-list .form-textarea .uploadButton p.buttonText{text-align: center; color: #666; padding-top: 70px;}
.homeInquiry .inquiryForm .form-list .form-textarea .uploadButton p.reUpload{width: 108px; height: 108px; text-align: center; padding-top: 70px; box-sizing: border-box; background: rgba(0, 0, 0, 0.5); color: #fff; position: absolute; top: 108px; transition: all .3s;}
.homeInquiry .inquiryForm .form-list .form-textarea .uploadButton:hover p.reUpload{top: 0;}
.homeInquiry .inquiryForm .form-list .form-textarea .uploadButton img{width: 108px; height: 108px;}
.homeInquiry .inquiryForm .form-list .form-textarea .uploadTips{width: 460px; float: left; margin: 23px 16px; line-height: 22px; color: #999;}
.homeInquiry .inquiryForm .form-list .form-textarea .wordLimit{text-align: right; color: #999;}
.homeInquiry .inquiryForm .form-list .form-textarea .wordLimit span{color: #f60;}
.homeInquiry .inquiryForm .form-list .form-right .selectCountry{border: solid #eee 1px;}
.homeInquiry .inquiryForm .form-list .form-button{width: 650px; float: right; padding: 30px 0;}
.homeInquiry .inquiryForm .form-list .form-button a{width: 290px; height: 40px; text-align: center; line-height: 40px; border: none; border-radius: 5px; cursor: pointer; font-size: 16px;}
.homeInquiry .inquiryForm .form-list .form-button a.nextStep{background: #1c93d7; color: #fff; float: left;}
.homeInquiry .inquiryForm .form-list .form-button a.discard{background: #e5e5e5; float: right;}

.homeAbout{min-width: 1200px; height: 500px; background: url("../images/newhome/about.jpg") center no-repeat; /*cursor: pointer;*/position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
.homeAbout .inner{display: block; width: 100%; height: 100%; box-sizing: border-box; z-index: 11; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transition: all .8s cubic-bezier(.6,0,.2,1);}
.homeAbout .inner:after {content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: rgba(255,255,255,0.2); z-index: 10; height: 0; width: 100%; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; }
.homeAbout .inner:hover:after {height: 100%;}
.homeAbout .inner:hover .aboutContent{ color:#FFF; transition: all 0.8s;margin-top:-15px;}
.homeAbout .inner .aboutContent{width: 1200px; margin: 0 auto; color: #fff; padding-top: 50px;}
.homeAbout .inner .aboutContent h3{font-size: 50px; text-align: center;}
.homeAbout .inner .aboutContent p{text-indent: 2em; line-height: 26px; margin-top: 30px;}
.homeAbout .inner .aboutContent a{z-index:12; position:relative; width: 230px; height: 40px; display: block; margin: 50px auto 0; text-align: center; line-height: 40px; font-size: 18px; /*background: #fe9601;*/ border:#fff 1px solid; color: #fff; border-radius: 5px; transition: all 0.5s;}
.homeAbout .inner:hover .aboutContent a{display: block;background-color: #fe9601; border:#fe9601 1px solid;}
.language-en .homeAbout .inner .aboutContent p{line-height: 22px;}

.tradeNews{min-width: 1200px; background: #f2f3f7;}
.tradeNews .newsContent{width: 1200px; margin: 0 auto; padding: 30px 0;}
.tradeNews .newsContent .newsTitle{height: 28px; line-height: 28px;}
.tradeNews .newsContent .newsTitle .titleText{width: 200px; text-align: center; float: left; font-size: 24px; font-weight: bold; color: #f63; font-family: "Microsoft Yahei";}
.tradeNews .newsContent .newsTitle .titleLine{width: 500px; height: 8px; background: #dcdee3; border-radius: 4px; float: left; margin-top: 13px;}
.tradeNews .newsContent .newsItem{padding: 10px 0 30px; margin: 0 -4px;}
.tradeNews .newsContent .newsItem .newsList{width: 290px; float: left; margin: 10px 6px; background: #fff; border-radius: 5px; /*transition: all 0.3s;*/position: relative;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; /*cursor: pointer;*/}
.tradeNews .newsContent .newsItem .newsList .inner{z-index: 11;position: relative;}
.tradeNews .newsContent .newsItem .newsList:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #fe9601; z-index: 10; height: 0; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.tradeNews .newsContent .newsItem .newsList:hover:after { height: 100%; }
.tradeNews .newsContent .newsItem .newsList:hover .contentTitle a,.tradeNews .newsContent .newsItem .newsList:hover .contentSummary,.tradeNews .newsContent .newsItem .newsList:hover .contentBotton span{color:#fff;}
/*.tradeNews .newsContent .newsItem .newsList:hover{box-shadow: 0 8px 20px #bbb;}*/
.tradeNews .newsContent .newsItem .newsList .contentImg{width: 260px; height: 170px; padding: 10px;}
.tradeNews .newsContent .newsItem .newsList .contentImg img{width: 260px; height: 170px; margin: 3px 5px; transition: all 0.3s;}
/*.tradeNews .newsContent .newsItem .newsList:hover .contentImg img{width: 340px; height: 227px; margin: 0;}*/
.tradeNews .newsContent .newsItem .newsList .contentTitle{font-weight: bold; line-height: 18px; padding: 5px 22px 10px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.tradeNews .newsContent .newsItem .newsList .contentTitle a:hover{color: #fff;}
.tradeNews .newsContent .newsItem .newsList .contentSummary{color:#666;height:66px; line-height: 22px; margin: 0 22px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.tradeNews .newsContent .newsItem .newsList .contentBotton{line-height: 22px; padding: 10px 30px 20px 22px;}
.tradeNews .newsContent .newsItem .newsList .contentBotton .author{color: #999;}
.tradeNews .newsContent .newsItem .newsList .contentBotton .time{float: right; color: #999;}
.tradeNews .newsContent .newsMore{padding-bottom:20px;}
.tradeNews .newsContent .newsMore a{width: 230px; height: 40px; display: block; margin: 0 auto; text-align: center; line-height: 40px; font-size: 18px; background: #1c93d7; color: #fff; border-radius: 5px; transition: all 0.5s;}
.tradeNews .newsContent .newsMore a:hover{background-color: #3bacec;}

.checkbox-selectBox{border: none;}
.checkbox-selectItem .checkbox-label{margin: 0;}
.checkbox-selectItem .checkbox-title [type=checkbox]{float: none;}
.checkbox-selectItem .checkbox-label [type=checkbox]{float: none;}

.homeInquiry .inquiryFooter{font-size: 12px; color: #999; text-align: center; padding: 28px 0; line-height: 24px;}