/*--------------------------------------------------------------
@author yzl and data.2021.5.29
--------------------------------------------------------------*/
body{ color: #5d5d5d;}
h2{ font-size:1.8em;}
h2,h3,h4{ font-weight:normal;}

.backg{ background-color:#1CAF8D;}
.backf{ background-color: #fff;}
.disp_flex{ display: flex; }
.clam { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word;  white-space: normal; -webkit-box-orient: vertical;}
.clam1 { -webkit-line-clamp: 1;}
.clam2 { -webkit-line-clamp: 2;}
.clam3 { -webkit-line-clamp: 3;}

.ImportBanner{background:url(../images/jk_banner.jpg) no-repeat center;}
.ImportBanner p{color: #ffb043;}
.zixun{border: 2px solid #FFF;border-radius:2em;width:12em;padding:.8em 0;text-align:center;margin:2.5em auto 0;}
.zixun a{ color:#FFF; font-size:1.2em;}
.zixun:hover{ background-color:#0173e6;border:2px solid #0173e6;}

.Import_txz ul{display:flex; margin:3em auto;}
.Import_txz ul li{width: 35%;}
.Import_txz ul li:first-child{background-color:#f6f7f9;padding: 4em 3em 0 2em;width: 65%;box-sizing: border-box;}
.Import_txz ul li:first-child p{text-align:justify;color:#5d5d5d;line-height: 2em;text-indent: 24px;margin-bottom: 3em;}
.Import_txz ul li:first-child div{ color:#F90; margin:1em 0;}
.Import_txz ul li:last-child img{height: 17em;}

.h2_title{ text-align: center;}
.h2_title p{color: orange;}
.Import_Range{padding: 3em 0;}
.Import_Range nav{align-items: center;justify-content: center;flex-wrap: wrap;margin-top: 2em;margin-bottom: 2em;}
.Import_Range ul{width: 40%;}
.Import_Range ul:first-child{ margin-right:5%}
.Import_Range ul li{margin-top: 1.5em;background-color: #0173e6;color: #fff;display: flex;line-height: 3em;text-align: center;}
.Import_Range ul li i{background-color: #ff8b00;width: 3em;border-right: #fff 3px solid;display: block;}
.Import_Range ul li span{display: block;width: 90%;}

.Import_lc{padding: 3em 0;background:url(../images/jk_lcbg.jpg) no-repeat center;}
.Import_lc .lc_img img{ display: block; margin: 1em auto 0; max-width: 95%;}

.Import_td{padding: 4em 0;}
.Import_td ul{align-items: center;justify-content: space-between;margin-top: 3em;margin-bottom: 4em;}
.Import_td ul li{ width: 31%; text-align: center;}
.Import_td ul li i{ display: block; width: 2.5em; height: 2.5em; margin: 0 auto;}
.Import_td ul li i img{ width: 100%;}
.Import_td ul li h3{padding: 1em 0;color: #212020;}
.Import_td ul li h3,.Import_td ul li p{border-right: 1px solid #ececec;}
.Import_td ul li:last-child h3,.Import_td ul li:last-child p{border-right: none;}
.Import_td ul li p{padding-right: 5%;line-height: 2em;}

.Import_zx{ text-align: center; margin: 2em 0 1em;}
.Import_zx a{ box-sizing: border-box; transition:all .5s;background-color:#0173e6;font-size:1.2em;border:1px solid #0173e6;border-radius:2em;padding: .5em 1.5em; line-height:1.5em;text-align:center;color: #fff;}
.Import_zx a:hover{border:1px solid #0173e6;color: #0173e6;background-color:#fff;}

.Import_user{ background:url(../images/jk_userbg.jpg) #F6F7F9 no-repeat; padding:3em 0;}
.Import_user ul{display:flex;margin:3em auto;background-color: #fbfbfb;}
.Import_user ul li{width: 50%;}
.Import_user ul li:first-child img{height: 18em;}
.Import_user ul li:last-child{background-color:#f6f7f9;padding: 1.5em 3em 0 2em;width: 65%;box-sizing: border-box;}
.Import_user ul li:last-child p{ text-align:justify;color:#5d5d5d; line-height:1.8em;text-indent: 24px;margin-bottom: 10px;}
.Import_user ul li:last-child div{ color:#F90; margin:1em 0;}
.Import_info{padding-top: 1em;}
.Import_info dt {margin-bottom: 1.5em;display: flex;}
.Import_info dt i{background-color:#0173e6;color:#fff;border-radius: 1.5em;width: 1.3em;height: 1.3em;text-align: center;margin-right: .5em;}
.Import_info dt span{width: 90%;}

.Import_submit{ color: #fff; background-color: #1CAF8D; padding: 3em 0;}
.Import_submit ul{align-items: center;justify-content: space-between;margin-top: 3em;margin-bottom: 2em;}
.Import_submit ul li{ width: 45%;align-items: center;}
.Import_submit ul li i{display: block;font-size: 2em;margin-right: 1em;}
.Import_submit ul li p{line-height:2em;}

.Import_ts ul li:first-child{background-color:#fff !important;}

.Export_lc{background: url(../images/ck_lc.jpg) no-repeat #293d56 !important;color: #fff;}
.Export_lc ul{padding-top: 2em;padding-bottom: 2em;}
.Export_lc .lc_img{justify-content: space-between;}
.Export_lc .lc_img li{width: 23%;background-color: #fff; position: relative;}
.Export_lc .lc_img li p{ text-align: center;line-height: 3em; height: 3em;}
.Export_lc .lc_img li span{position: absolute;display: block;width:0;height:0;top: 50%;right: -1.5em;border-left: 20px solid #fff;border-right: 0 solid #ff000000;border-bottom: 20px solid #45566700;border-top: 20px solid #44576800;}
.Export_lc .lc_img .p1{background-color: #41c8cb;}
.Export_lc .lc_img .p2{background-color: #ff9000;}
.Export_lc .lc_img .p3{background-color: #54c3f1;}
.Export_lc .lc_img .p4{background-color: #f4c752;}
.Export_lc .lc_img li div{color: #525252;padding: 15% 10%;text-align: justify;line-height: 1.7em;}

.Export_user{background:url(../images/ck_userbg.jpg) #F6F7F9 no-repeat !important;}


.ExportbyseaBanner{background:url(../images/ExportbyseaBanner.jpg) no-repeat center;}
.ExportbyseaBanner p{color: #fff;line-height: 1.5em;}

.Exportbysea_txz{margin-top: 6em;margin-bottom: 4em;}
.Exportbysea_txz>div{background-color: #f39528;}
.Exportbysea_txz ul{ position: relative;}
.Exportbysea_txz ul li:first-child{ width: 45%; color: #fff; font-size: 1em; padding: 2em 0; box-sizing: border-box;}
.Exportbysea_txz ul li:first-child div{ margin-left: 2em;}
.Exportbysea_txz ul li:first-child p{text-align:justify;padding-top: 1em;line-height: 1.7em;text-indent: 2em;}
.Exportbysea_txz ul li:last-child{position: absolute; right: 0; top: -3em;}
.Exportbysea_txz ul li:last-child img{ width: 80%;}

.Exportbysea_lc{ margin-bottom: 4em;}
.Exportbysea_lc ul{justify-content: center;}
.Exportbysea_lc ul:first-child li{margin-right: 6em;margin-top: 3em;}
.Exportbysea_lc ul:first-child li:last-child{ margin-right:0;}
.Exportbysea_lc ul:last-child{justify-content: space-around;margin-top: 5em;}
.Exportbysea_lc ul li{color:#fff;text-align: center;border-radius: .2em;width: 12em;background-color: #4c95df;position: relative;padding: 3em .3em;}
.Exportbysea_lc ul li .num{margin-top:1em;background-color: #f39528;border-radius: 2em;display: block;width: 1.3em;border: 7px solid #fff;color:#FFF;font-size: 1.5em;position:absolute;margin: 0 auto;left: 40%;top: -1em;}
.Exportbysea_lc ul li img{ display: block; margin: 0 auto 1.5em;}
.Exportbysea_lc ul li span{ font-size: .85em;}
.Exportbysea_lc ul li p{ margin-bottom: .5em; font-size: 1.1em;}

.Exportbysea_fy{background: #41c8cb; padding-top: 3em; padding-bottom: 3em;}
.Exportbysea_fy>div{background: url(../images/eb_sale.png) no-repeat 70%;padding: 4em 0;}
.Exportbysea_fy nav{background-color: #fff;border-radius: .2em;padding: 2em;box-sizing: border-box;width: 40%;margin-left: 10%;}
.Exportbysea_fy nav img{ display: block; margin: 1em auto;}
.Exportbysea_fy nav span{ display: block; text-align: center; padding: 0 1em; line-height: 2em;}


.Exportbysea_td{padding-top: 3em; padding-bottom: 3em;}
.Exportbysea_td ul{border-radius: .5em;margin-top: 2em;overflow: hidden;}
.Exportbysea_td ul li{ justify-content: space-around; align-items: center; color: #fff;}
.Exportbysea_td ul li div{width: 50%;overflow: hidden;}
.Exportbysea_td ul li:first-child{background-color: #f39528;}
.Exportbysea_td ul li:last-child{background-color: #41c8cb;}
.Exportbysea_td .img_r img{display: block;}
.Exportbysea_td .font_l{padding: 0 4em;align-items: center;box-sizing: border-box;}
.Exportbysea_td .font_l i{display: block;font-size: 4em;font-weight: bold;margin-right: .1em;}
.Exportbysea_td .font_l p{text-indent: 2em;line-height: 2em;}


.Exportbysea_quer{ background-color: #4c95df;padding-top: 3em; padding-bottom: 3em;}
.Exportbysea_quer .h2_title h2{ color: #fff;}
.Exportbysea_quer ul{margin-top: 2em;justify-content: space-around;}
.Exportbysea_quer ul li:first-child{ width: 50%;}
.Exportbysea_quer ul li:first-child div{margin-bottom: 1.5em;border-radius: .5em;background-color: #fff;padding: 1.5em;}
.Exportbysea_quer ul li:first-child div i{ display:block; color:#000; margin-bottom:.7em;}
.Exportbysea_quer ul li:first-child div p{ font-size:.9em; line-height:1.7em}

.Exportbysea_user{padding-top: 3em; padding-bottom: 3em;}
.Exportbysea_user ul{margin-top: 2em;}
.Exportbysea_user ul li{ margin-bottom: 2.5em; color: #fff; justify-content: space-around;}
.Exportbysea_user ul li i img{ display: block;}
.Exportbysea_user ul li div{ position:relative;width: 85%;border-radius: .5em;margin-left: 1em;box-sizing: border-box;padding: 1.5em 4em 1.5em 1.5em;line-height: 1.7em;}
.Exportbysea_user ul li div span{position:absolute;left: -.6em;top: .5em;font-size: 2em;}
.Exportbysea_user ul li:first-child div span{ color: #f39528;}
.Exportbysea_user ul li:nth-child(2) div span{ color: #4c95df;}
.Exportbysea_user ul li:last-child div span{ color: #41c8cb;}
.Exportbysea_user ul li:first-child div{ background-color: #f39528;}
.Exportbysea_user ul li:nth-child(2) div{ background-color: #4c95df;}
.Exportbysea_user ul li:last-child div{ background-color: #41c8cb;}

.Exportbysea_case{/**padding-top: 3em; **/padding-bottom: 3em;}
.hospital{position:relative;margin-top: 2em;height: 15.7em;box-sizing:border-box;overflow: hidden;margin-bottom: 2em; box-sizing:border-box;}
.hospital ul {position:absolute;left:0;top:0;width: 100%;}
.hospital ul li {
	background-color:#fff;
    width: 15.5em;
    flex: 1 0 15.5em;
    box-sizing: border-box;
    padding: .7em;
    margin-right:.5em;
    transition: all 0.2s linear;
    }
.hospital ul li .img {
    height: 6.2em;
    display: block;
    overflow: hidden;
    padding: 1em 1em 0 0;
    margin-bottom: 1em;}
.hospital ul li img {display: block; margin: 0 auto; height: 6.2em; width:100%; object-fit: cover;}
.hospital ul li p { text-align: center;color: #37474f;font-size: .9em; text-transform: capitalize; margin-bottom: .5em;}
.hospital ul li p a{color: #FFF; }
.hospital ul li h3{font-size: 1em; margin-bottom:.5em}
.hospital ul li h3,.hospital ul li span{ text-align:center;}
.hospital ul li h3 a,.hospital ul li span a{ color:#ff8b00;}
.hospital ul li span{ display:block;font-size:.9em;}
/**.hospital ul li:hover {
    top: -1px;
    box-shadow: 0 15px 30px #000;
    transition: translate3d(0, -1px, 0);}**/
.onclick{ text-align: center; margin: 3em 0 1em;}
.onclick a{ box-sizing: border-box; transition:all .5s;background-color:#ff8b00;font-size:1.2em;border:1px solid #ff8b00;border-radius:2em;padding: .5em 2.5em; line-height:1.5em;text-align:center;color: #fff;}
.onclick a:hover{border:1px solid #0173e6;color: #0173e6;background-color:#fff;}

@media(max-width:1200px) {
  .container{box-sizing: border-box;}
  .ExportbyseaBanner{ padding-left: .5em; padding-right: .5em;}
  .Exportbysea_txz ul li:first-child{ padding-left: 1em;  box-sizing: border-box;
}
@media(max-width:1152px) {
}
@media(max-width:1024px) {
	body{ font-size:95%;}
}
@media(max-width:800px) {
	.Exportbysea_txz ul li:first-child{ width: 100%; padding-right: 1em;}
	.Exportbysea_txz ul li:last-child{ display: none;}
    .Exportbysea_lc ul:first-child li{ margin-right: 1.5em;}
	.Exportbysea_fy>div{background-position-x: 95%;}
	.Exportbysea_quer ul li:first-child{ margin: 0 1em;width: 100%;}
	.Exportbysea_quer ul li:last-child{ display: none;}
}
@media(max-width: 768px){
	body{font-size:90%;}
}
@media(max-width: 640px){
	.Exportbysea_txz{ margin-top:2em;}
	.Exportbysea_fy nav{width: 92%;margin: 0 1em;}
	.Exportbysea_td .font_l{padding: 1em 1em 0;}
	.Exportbysea_user ul li div{ padding: 1.5em;}
	.Exportbysea_user ul li div{ width: 80%;}.Exportbysea_fy>div{ background: none; padding: 0;}
	.Exportbysea_lc ul:first-child li{margin-right: 0;}
	.Exportbysea_lc ul li{border-right: 1px solid #fff;}
	.Exportbysea_lc ul:last-child{ margin-top: 1.5em;}
}
@media(max-width:600px) {
	.Import_txz ul{ margin:0;}
	.ImportBanner p{ padding-top:1em;}
	.Import_txz ul,.Import_td ul,.Import_user ul,.Import_submit ul,.Export_lc .lc_img{flex-wrap: wrap;}
	.Import_txz ul li, .Import_txz ul li:first-child, .Import_td ul li, .Import_user ul li, .Import_user ul li:last-child, .Import_submit ul li{ width: 100%;}
	.Import_txz ul li:last-child img{ width: auto; max-width: 95%; display: block; margin: 0 auto;}
	
	.Import_Range ul{ padding:0 1%;}
	.Import_td ul{ margin-right:2%; margin-left:2%}
	.Import_td ul li{margin-bottom: 1em;border: 1px solid #e6e6e6;padding: 3% 0;}
	.Import_td ul li p{ padding-left: 5%;}

	.Import_submit ul li{ padding:0 2%;}
	.Import_submit ul li:first-child{ margin-bottom:1em;}

	.Import_user ul li:first-child,.Import_txz li:last-child,.Export_lc .lc_img li span{ display:none;}
	.Export_lc .lc_img{ padding-left: 3%; padding-right: 3%;}
	.Export_lc .lc_img li{ width: 48%;}
	.Export_lc .lc_img li:first-child,.Export_lc .lc_img li:nth-child(2){ margin-bottom: 4%;}
	
	.hospital{ height:16.5em;}
	.hospital ul li{width:10em;flex: 1 0 10em;}
}
@media(max-width: 568px){	
}
@media(max-width: 550px){
}
@media(max-width: 480px){
	.Exportbysea_user ul li{ padding: 0 1em;}
	.Exportbysea_user ul li div{ width: 65%;}
	
}
@media(max-width:414px) {
}
@media(max-width:360px) {
	.Import_Range ul{ width: 100%;}
	.Import_Range ul:first-child{ margin-right:0;}
	.Exportbysea_td ul li div{ width:100%;}
	.Exportbysea_td .img_r{ display: none;}
	.Exportbysea_td ul{  margin-left:1em; margin-right:1em;border-radius: 0;}
	.Exportbysea_td ul li{ padding-bottom: 1em; border-radius: .2em;}
	.Exportbysea_td ul li:first-child{ margin-bottom: 1em;}
	.Exportbysea_user ul li i img{ width: 80%;}
}
@media(max-width: 320px){
}
