/* 数据描述2019.5.14 */

.dataModule{}
.dataModule .dataBanner{min-width: 1200px; height: 350px; background: url("../images/dataDescription/databanner.jpg") center no-repeat #1c93d7;}
.dataModule .dataBanner .banContent{width: 1200px; margin: 0 auto; color: #fff; box-sizing: border-box; padding-top: 90px; padding-right: 580px;}
.dataModule .dataBanner .banContent h2{font-size: 36px; line-height: 68px;}
.dataModule .dataBanner .banContent h3{font-size: 24px; line-height: 36px;}
.dataModule .dataBanner .banContent p{font-size: 18px; line-height: 30px;}
.dataModule .tabMenu{min-width: 1200px; height: 100px; background: #d5d5d4;}
.dataModule .tabMenu ul{width: 860px; margin: 0 auto; padding: 20px 0;}
.dataModule .tabMenu ul li{float: left; line-height: 60px;}
.dataModule .tabMenu ul li label{font-size: 30px; margin-right: 20px;}
.dataModule .tabMenu ul li a{font-size: 24px; margin-right: 40px; padding-left: 28px; background: url("../images/dataDescription/check.png") left center no-repeat;}
.dataModule .tabMenu ul li a.on{color: #1c93d7; background-image: url("../images/dataDescription/checked.png");}
.dataModule .dataContent{width: 1200px; margin: 0 auto;}
.dataModule .dataContent .dataTitle{text-align: center; padding: 50px 0 30px;}
.dataModule .dataContent .dataTitle h2{font-size: 30px; font-weight: bold; line-height: 60px;}
.dataModule .dataContent .dataTitle h2 img{vertical-align: top; margin: -25px 0 0 5px;}
.dataModule .dataContent .dataTitle p{font-size: 16px; line-height: 30px;}
/* .dataModule .importData .countryList{padding-bottom: 65px;}
.dataModule .importData .countryList ul{margin-right: -30px;}
.dataModule .importData .countryList li{width: 390px; height: 80px; float: left; margin: 25px 20px 25px 0; line-height: 22px; position: relative;}
.dataModule .importData .countryList li a{width: 380px; height: 80px; display: block; border-radius: 40px; box-shadow: 0 0 10px #bbb; transition: all 0.5s;}
.dataModule .importData .countryList li a:hover{width: 390px;}
.dataModule .importData .countryList li img{width: 80px; height: 80px; float: left; margin-right: 10px;}
.dataModule .importData .countryList li h3{font-size: 16px; color: #1c93d7; padding-top: 9px; font-weight: bold;}
.dataModule .importData .countryList li p{font-size: 12px; color: #8a8989; padding-right: 26px;}
.dataModule .importData .countryList li b{position: absolute; right: 29px; top: 30px; color: #1c93d7; font-family: "Microsoft Yahei"; opacity: 0; transition: all 0.5s;}
.dataModule .importData .countryList li i{width: 0; height: 0; position: absolute; top: 35px; right: 15px; opacity: 0; transition: all 0.5s; border-top: 5px solid transparent; border-left: 10px solid #1c93d7; border-bottom: 5px solid transparent;}
.dataModule .importData .countryList li a:hover b, .dataModule .importData .countryList li a:hover i{opacity: 1;} */

.dataModule .dataContent .countryBox{padding: 30px 0;}
.dataModule .dataContent .countryBox h3{font-size: 20px; font-weight: bold; color: #1c93d7; padding: 20px 0;}
.dataModule .dataContent .countryBox .countryList{padding-top: 20px;}
.dataModule .dataContent .countryBox .countryList label{width: 70px; float: left; font-size: 16px; line-height: 68px;}
.language-en .dataModule .dataContent .countryBox .countryList label{line-height: 20px; padding-top: 10px;}
.dataModule .dataContent .countryBox .countryList ul{width: 1130px; float: left;}
.dataModule .dataContent .countryBox .countryList ul li{width: 113px; height: 120px; float: left; text-align: center;}
.dataModule .dataContent .countryBox .countryList ul li img{width: 76px;}
.dataModule .dataContent .countryBox .countryList ul li p{line-height: 24px;}

.dataModule .superiority{min-width: 1200px; background: #f2f2f2;}
.dataModule .superiority ul{width: 1200px; margin: 0 auto; padding: 35px 0;}
.dataModule .superiority ul li{width: 360px; height: 165px; margin: 45px 0; padding-left: 180px;}
.language-en .dataModule .superiority ul li{height: auto;}
.dataModule .superiority ul li:nth-child(1){float: left; background: url("../images/dataDescription/dataIcon_01.png") left no-repeat;}
.dataModule .superiority ul li:nth-child(2){float: right; background: url("../images/dataDescription/dataIcon_02.png") left no-repeat;}
.dataModule .superiority ul li:nth-child(3){float: left; background: url("../images/dataDescription/dataIcon_03.png") left no-repeat;}
.dataModule .superiority ul li:nth-child(4){float: right; background: url("../images/dataDescription/dataIcon_04.png") left no-repeat;}
.dataModule .superiority ul li h3{font-size: 24px; color: #1c93d7;}
.dataModule .superiority ul li p{font-size: 14px; line-height: 24px; padding-top: 10px;}

.dataModule .detailsTop{width: 1200px; margin: 0 auto; padding: 58px 0;}
.dataModule .detailsTop .country{width: 876px; height: 198px; float: left; border: solid #e5e5e5 1px; border-left: none; border-radius: 99px; background: #f5faff;}
.dataModule .detailsTop .country img{width: 198px; float: left; margin-right: 60px;}
.dataModule .detailsTop .country p{font-size: 48px; line-height: 68px; color: #333;}
.dataModule .detailsTop .country p small{font-size: 24px; vertical-align: middle; margin-left: 16px;}
.dataModule .detailsTop .country p.countryName{padding-top: 30px;}
.dataModule .detailsTop .country p.countryName b{color: #fa8201;}
.dataModule .detailsTop .summary{width: 876px; float: left; margin-top: 12px; font-size: 16px; line-height: 30px; text-indent: 2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.dataModule .detailsTop table{width: 280px; float: right; border-collapse: collapse;}
.dataModule .detailsTop table th{border: solid #e5e5e5 1px; background: #eee; line-height: 45px; font-weight: normal; font-size: 16px;}
.dataModule .detailsTop table td{border: solid #e5e5e5 1px; text-align: center; height: 100px; font-size: 24px; font-weight: bold;}
.dataModule .detailsTop table td sub{font-size: 48px; margin: 0 6px;}
.dataModule .detailsTop table .ranking{color: #0a9539;}
.dataModule .detailsTop table .money{color: #fa8201;}
.dataModule .searchData{min-width: 1200px; height: 300px; background: url("../images/dataDescription/searchbg.jpg") center no-repeat #1c93d7;}
.dataModule .searchData h3{font-size: 36px; text-align: center; color: #fff; padding-top: 50px;}
.dataModule .searchData p{font-size: 18px; text-align: center; color: #fff; padding-top: 16px;}
.dataModule .searchData form{width: 830px; height: 50px; margin: 38px auto 0; border: solid #1c93d7 8px;}
.dataModule .searchData form input{width: 750px; height: 50px; float: left; text-indent: 30px; background: #fff; border: none;}
.dataModule .searchData form button{width: 80px; height: 50px; float: right; background: url("../images/tradeSearch/search.png") center no-repeat #fa8201; border: none; cursor: pointer;}
.dataModule .searchData form button:hover{background-color: #ff9f38;}

.dataModule .dataDetails{min-width: 1200px; padding: 50px 0 80px; background: url("../images/dataDescription/databg.jpg");}
.dataModule .dataDetails .detailsTab{width: 1200px; margin: 0 auto; border-bottom: solid #0a9539 5px;}
.dataModule .dataDetails .detailsTab li{width: 218px; height: 42px; float: left; text-align: center; line-height: 47px; margin-right: 21px; font-size: 18px; background: #dfdedd; border-radius: 10px 10px 0 0; cursor: pointer;}
.dataModule .dataDetails .detailsTab li.on{background: #0a9539; color: #fff; font-weight: bold;}
.dataModule .dataDetails .detailsTab li:hover{background: #0a9539; color: #fff;}
.dataModule .dataDetails .detailsContent{width: 1200px; margin: 0 auto; background: #fff;}
.dataModule .dataDetails .detailsContent .contentList h3{font-size: 48px; line-height: 100px; font-weight: bold; text-align: center;}
.dataModule .dataDetails .detailsContent .contentList p{font-size: 18px; line-height: 36px; text-align: center;}
.dataModule .dataDetails .detailsContent .dataSample{padding: 30px 30px 80px;}
.dataModule .dataDetails .detailsContent .dataSample table{width: 100%; border-collapse: collapse; margin-top: 30px;}
.dataModule .dataDetails .detailsContent .dataSample table td{line-height: 20px; padding: 8px 0; border: solid #ddd 1px;}
.dataModule .dataDetails .detailsContent .dataSample table td:nth-child(odd){width: 174px; background: #f5faff; text-align: right; padding-right: 8px; font-weight: bold;}
.dataModule .dataDetails .detailsContent .dataSample table td:nth-child(even){width: 396px; padding-left: 8px;}
.dataModule .dataDetails .detailsContent .commodity{padding: 30px 68px 50px;}
.dataModule .dataDetails .detailsContent .commodity table{width: 100%; border-collapse: collapse; margin-top: 30px;}
.dataModule .dataDetails .detailsContent .commodity table th{font-size: 16px; height: 48px; background: #e6f4fa; border: solid #e5e5e5 1px;}
.dataModule .dataDetails .detailsContent .commodity table td{height: 48px; border: solid #e5e5e5 1px; text-align: center;}
.dataModule .dataDetails .detailsContent .commodity table tr:nth-child(odd) td{background: #eee;}
.dataModule .dataDetails .detailsContent .commodity .dataMap{width: 1000px; height: 400px; margin: 50px auto 0; background: url("../images/dataDescription/dataMap.jpg") center no-repeat;}

.dataModule .statisticalData{width: 1200px; margin: 0 auto; text-align: center; padding: 50px 0;}
.dataModule .statisticalData .title{padding: 20px 0;}
.dataModule .statisticalData .title h3{font-size: 30px; font-weight: bold; line-height: 60px;}
.dataModule .statisticalData .title h3 img{vertical-align: top; margin: -25px 0 0 5px;}
.dataModule .statisticalData .title p{font-size: 16px; line-height: 28px;}
.dataModule .statisticalData ul li{width: 400px; float: left; padding: 50px 0;}
.dataModule .statisticalData ul li p{font-size: 24px; padding-top: 30px;}
.dataModule .statisticalData .example{text-align: center;}
.dataModule .globalMarket{min-width: 1200px; height: 400px; background: url("../images/dataDescription/datafoot.jpg") center no-repeat; box-sizing: border-box; padding-top: 88px;}
.dataModule .globalMarket p{font-size: 36px; font-weight: bold; line-height: 76px; text-align: center;}
.dataModule .globalMarket p.red{color: #e80808;}
.dataModule .globalMarket a{width: 230px; height: 50px; display: block; margin: 10px auto 0; text-align: center; line-height: 50px; font-size: 24px; background: #1c93d7; color: #fff; border-radius: 25px; transition: all 0.5s;}
.dataModule .globalMarket a:hover{background: #3bacec;}

/*--- 高级搜索 ---*/
.advancedSearch{background: #f2f2f2; padding-top: 20px;}
.advancedSearch .advancedForm{width: 1200px; margin: 0 auto;}
.advancedSearch .advancedForm .formList{width: 580px; float: left; padding: 12px 0;}
.advancedSearch .advancedForm .formList:nth-child(even){float: right;}
.advancedSearch .advancedForm .formList label{width: 70px; float: left; text-align: right; padding-right: 10px; line-height: 35px;}
.advancedSearch .advancedForm .formList input[type=text]{width: 500px; height: 35px; float: left; box-sizing: border-box; padding: 0 14px; border: solid #d5d4d4 1px; border-radius: 4px;}
.advancedSearch .advancedForm .formList .typeName{width: 500px; float: left; position: relative;}
.advancedSearch .advancedForm .formList .typeName input{background: url("../images/tradeSearch/select.png") right 16px center no-repeat #fff; cursor: pointer;}
.advancedSearch .advancedForm .formList .typeName .selectType{width: 498px; height: 33px; background: #fff; line-height: 33px; border: solid #d5d4d4 1px; border-radius: 4px; position: absolute; top: 35px; display: none;}
.advancedSearch .advancedForm .formList .typeName .selectType p{text-indent: 14px; cursor: pointer;}
.advancedSearch .advancedForm .formList .typeName.purchase{width: 200px;}
.advancedSearch .advancedForm .formList .typeName.purchase input{width: 198px;}
.advancedSearch .advancedForm .formList .typeName.purchase .selectType{width: 198px;}
.advancedSearch .advancedForm .formList input.tradingTime{width: 128px; text-align: center; text-indent: inherit; background-image: url("../images/newhome/date_icon.png"), url("../images/tradeSearch/select.png"); background-position: left 13px center, right 16px center; background-repeat: no-repeat;}
.advancedSearch .advancedForm .formList .toTime{width: 40px; line-height: 35px; text-align: center; float: left; color: #ccc;}
.advancedSearch .advancedForm .formList input.harbor{width: 198px;}
.advancedSearch .advancedForm .formList .dataCountryBox{width: 280px; float: right;}
.advancedSearch .advancedForm .formList .dataCountry{width: 200px; height: 35px; float: right; position: relative;}
.advancedSearch .advancedForm .formList .dataCountry input{width: 198px; position: absolute; z-index: 100; background: url("../images/tradeSearch/select.png") right 16px center no-repeat #fff; cursor: pointer;}
.advancedSearch .advancedForm .formList .dataCountry .countryItem{width: 680px; background: #fff; border: 1px solid #ddd; border-radius: 2px; box-shadow: 0 0 5px #ccc; position: absolute; left: -188px; top: 40px; z-index: 10000; display: none;}
.language-en .advancedSearch .advancedForm .formList .dataCountry .countryItem{width: 760px;}
.advancedSearch .advancedForm .formList .dataCountry .countryItem .countryType{display: none;}
.advancedSearch .advancedForm .formList .dataCountry .countryItem .countryType.on{display: block;}
.advancedSearch .advancedForm .formList .dataCountry .countryItem ul.continentWarp{border-bottom: dashed #ddd 1px; padding: 10px 10px 0;}
.advancedSearch .advancedForm .formList .dataCountry .countryItem ul.continentWarp li{line-height: 40px; padding: 0 20px; margin-right: 20px;}
.advancedSearch .advancedForm .formList .dataCountry .countryItem ul.continentWarp li.on{color:#1392d9; font-weight:bold; border-bottom: solid #1392d9 2px; margin-bottom: -1px;}
.advancedSearch .advancedForm .formList .dataCountry .countryItem ul.countryWarp{padding: 10px; display: none;}
.advancedSearch .advancedForm .formList .dataCountry .countryItem ul.countryWarp.on{display: block;}
.advancedSearch .advancedForm .formList .dataCountry .countryItem ul li{font-size: 14px; float: left; cursor: pointer;}
.advancedSearch .advancedForm .formList .dataCountry .countryItem ul.countryWarp li{width: 145px; margin: 5px 10px;}
.language-en .advancedSearch .advancedForm .formList .dataCountry .countryItem ul.countryWarp li{width: 165px;}
.advancedSearch .advancedForm .formList .dataCountry .countryItem ul li.on{color:#1392d9;}
.advancedSearch .advancedForm .formList .dataCountry .countryItem ul li:hover{color:#1392d9;}
.advancedSearch .advancedForm .formList .dataCountry .countryItem ul li i{width: 12px; height: 12px; display: inline-block; border: solid #ddd 1px; vertical-align: middle; margin: -2px 5px 0 0; position: relative;}
.advancedSearch .advancedForm .formList .dataCountry .countryItem ul li.on i{background: url("../images/common/checked2.png") center no-repeat; background-size: 10px 10px;}
.advancedSearch .advancedForm .formList .dataCountry .countryItem ul li.one i:after{width: 6px; height: 6px; content: ''; background: #f93; position: absolute; left: 3px; top: 3px;}
.advancedSearch .advancedForm .formList .dataCountry .countryItem .countryBtn{text-align: right; padding: 9px 20px; background: #f0f0f0;}
.advancedSearch .advancedForm .formList .dataCountry .countryItem .countryBtn a.allCountry{float: left; line-height: 30px;}
.advancedSearch .advancedForm .formList .dataCountry .countryItem .countryBtn a.allCountry i{width: 12px; height: 12px; display: inline-block; background: #fff; border: solid #ddd 1px; vertical-align: middle; margin: -2px 5px 0 0; position: relative;}
.advancedSearch .advancedForm .formList .dataCountry .countryItem .countryBtn a.allCountry.on i{background: url("../images/common/checked2.png") center no-repeat; background-size: 10px 10px;}
.advancedSearch .advancedForm .formList .dataCountry .countryItem .countryBtn a.allCountry.one i:after{width: 6px; height: 6px; content: ''; background: #f93; position: absolute; left: 3px; top: 3px;}
.advancedSearch .advancedForm .formList .dataCountry .countryItem .countryBtn a.abtn{width: 80px; height: 30px; display: inline-block; margin: 0 10px; text-align: center; line-height: 30px; border-radius: 4px;}
.advancedSearch .advancedForm .formList .dataCountry .countryItem .countryBtn a.determineBtn{background: #1c93d7; color: #fff;}
.advancedSearch .advancedForm .formList .dataCountry .countryItem .countryBtn a.cancelBtn{background: #9c9c9c; color: #fff;}

.advancedSearch .advancedForm .formFilter{width: 500px; float: right; padding: 12px 0; line-height: 35px;}
.advancedSearch .advancedForm .formFilter label{width: 200px; cursor: pointer; float: left;}
.advancedSearch .advancedForm .formFilter input{display: none;}
.advancedSearch .advancedForm .formFilter i{width: 28px; height: 28px; display: inline-block; vertical-align: text-bottom; background: url("../images/tradeSearch/check.png") left bottom no-repeat;}
.advancedSearch .advancedForm .formFilter i.checked{background-image: url("../images/tradeSearch/checked.png");}
.advancedSearch .advancedForm .formBtn{padding: 23px 0 31px; text-align: center;}
.advancedSearch .advancedForm .formBtn input{height: 40px; display: inline-block; margin: 0 13px; font-size: 16px; border: none; border-radius: 4px; cursor: pointer;}
.advancedSearch .advancedForm .formBtn input.reset{background: none; color: #9e9e9c;}
.advancedSearch .advancedForm .formBtn input.submit{width: 180px; background: #1c93d7; color: #fff; transition: all 0.5s;}
.advancedSearch .advancedForm .formBtn input.submit:hover{background: #3bacec;}
.language-en .advancedSearch .advancedForm .formList label{width: 91px; padding-right: 9px;}
.language-en .advancedSearch .advancedForm .formList input[type=text]{width: 478px;}
.language-en .advancedSearch .advancedForm .formList .typeName{width: 480px;}
.language-en .advancedSearch .advancedForm .formList .typeName .selectType{width: 173px;}
.language-en .advancedSearch .advancedForm .formList .typeName.purchase{width: 175px;}
.language-en .advancedSearch .advancedForm .formList .typeName.purchase input{width: 173px;}
.language-en .advancedSearch .advancedForm .formList .dataCountry{width: 175px;}
.language-en .advancedSearch .advancedForm .formList .dataCountry input{width: 173px;}
.language-en .advancedSearch .advancedForm .formList .departure{line-height: 17px;}
.language-en .advancedSearch .advancedForm .formList input.harbor{width: 188px;}
.language-en .advancedSearch .advancedForm .formFilter{width: 480px;}
.language-en .advancedSearch .advancedForm .formFilter label{width: 190px;}

/*---英文版---*/
.language-en .dataModule .dataBanner .banContent{padding-top: 70px; padding-right: 390px;}
.language-en .dataModule .dataBanner .banContent p{padding-right: 40px;}
.language-en .dataModule .tabMenu ul{width: 1090px;}
.language-en .dataModule .superiority ul li p{padding-top: 8px;}