@-webkit-keyframes morphing {
	0% {
		border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; }
	25% {
		border-radius: 58% 42% 75% 25% / 76% 46% 54% 24%; }
	50% {
		border-radius: 50% 50% 33% 67% / 55% 27% 73% 45%; }
	75% {
		border-radius: 33% 67% 58% 42% / 63% 68% 32% 37%; } }

@keyframes morphing {
	0% {
		border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; }
	25% {
		border-radius: 58% 42% 75% 25% / 76% 46% 54% 24%; }
	50% {
		border-radius: 50% 50% 33% 67% / 55% 27% 73% 45%; }
	75% {
		border-radius: 33% 67% 58% 42% / 63% 68% 32% 37%; } 
}
@-webkit-keyframes fadeInUp2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.mm-page{
	background: url('../images/top_bg.jpg') center top no-repeat  #ebf7f7;
	background-size: 100% auto;
}
.main ,.header,.banner,.banner1,.content {width: 100%; }
.clearfl{clear: both;}
.fl-left{float: left}
.fl-right{float: right}

.onlypc{
		display: block;
	}
	.onlymb{
		display: none
	}
table { border-collapse:collapse; border-spacing:0;}
.wd1900{width: 100%; margin:0 auto;}
.wd1720{max-width: 1720px; margin:0 auto;}
.wd1600{max-width: 1600px; margin:0 auto;}
.wd1400{max-width: 1400px; margin:0 auto;}
.wd1430{max-width: 1430px; margin:0 auto;}
.wd1200{max-width: 1200px; margin:0 auto;}

.yinying{
	-moz-box-shadow:0px 0px 8px #eee; 
	-webkit-box-shadow:0px 0px 8px #eee; 
	box-shadow:0px 0px 8px #eee;
}

img{max-width: 100%}
.pos_rel{
	position: relative;
}

.header{
	height: 800px; 
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover; 
	
}

.banner{
	position: relative;
    z-index: 9;
    padding:  70px 14px 24px 14px;
    
}
.banner-slider{
	overflow: visible;
}
.banner .swiper-slide{
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}


.banner .swiper-slide {
	
  	text-align: center;
  	padding: 6px;
}
.banner .swiper-slide img{
	box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3);
	border-radius: 8px;
}
.banner .swiper-slide h2{
	color:#fff;
	font-size: 6rem; 
	
	font-weight: bold;
	display: inline-block;
	
}

.banner .swiper-pagination{ 
    
    bottom:-16px;
}

.banner .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    text-align: center;
    line-height: 6px;
    font-size: 12px;
    color: #019e95;
    background: #019e95;
    margin: 0 4px;
    border-radius: 6px;
}


.banner .swiper-pagination-bullet-active {
   	opacity: 1;
    background: #019e95;
    width: 24px;
    transition-delay: 0s;
}




.banner .banner01 h2{
	
	border-bottom: 3px solid #fff;
	padding-bottom: 40px;
	
}
.banner .banner01 p{
	margin-top: 35px;
	font-family: "Microsoft YaHei"; 
	line-height: 4.8rem;
	font-style:  normal;
}


/*手机导航*/
#hamburger {
	width: 24px;
	height: 14px;
	position: fixed;
	top: 22px;
    right: 22px;
	z-index: 999;
	display: block;
}
#hamburger:before, #hamburger:after, #hamburger span {
	background: #019e95;
	content: '';
	display: block;
	width: 26px;
	height: 4px;
	border-radius: 4px;
}
#hamburger span {
	margin: 5px 0 0 0;
}
#hamburger:after {
	margin: 5px 0 0 0;
}
#hamburger.hb-fixed {
	position: fixed;
}
/* Hamburger animation */
#hamburger:before, #hamburger:after, #hamburger span {
	-webkit-transition: none 0.3s ease 0.3s;
	transition: none 0.3s ease 0.3s;
	-webkit-transition-property: transform, top, bottom, left, opacity, margin;
	transition-property: transform, top, bottom, left, opacity, margin;
}
html.mm-opening #hamburger:before, html.mm-opening #hamburger:after {
	top: 20px;
}
html.mm-opening #hamburger span {
	left: -50px;
	opacity: 0;
}
html.mm-opening #hamburger:before {
	transform: rotate( 45deg );
	margin: 14px 0 0 0;
}
html.mm-opening #hamburger:after {
	transform: rotate( -45deg );
	margin: -14px 0 0 0;
}





/*导航*/

.nav{
	height: 60px; 
    left: 0;
    right: 0;
    z-index: 99;
    top: 0;
    position: fixed;
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);

}
.nav .logo{
	width: 300px;
    padding: 13px 0;
   
}

.nav .nav_list{text-align: center; display: inline-block;}
.nav .nav_right{
	position: absolute;
    right: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}





/*.nav_list li{display: inline-block; margin:0 20px;}
.nav_list li a{font-size: 1.6rem;color:#fff; display: block;  line-height: 79px; }
.nav_list li a:hover{color: #00ac8e}
.nav_list li:last-child{
	margin-right:0px;
}*/

#p1 #s1,#p2 #s2,#p3 #s3,#p4 #s4,#p5 #s5,#p6 #s6{border-radius:10px; background: #f26d20; color: #fff }

.header_nav_li {
    display: inline-block;
    position: relative;
    padding: 0 20px;
    z-index:99;
}
.header_oInner{
    position:absolute;
    top:100%;
    left:50%;
    width:120px;
    margin-left:-60px;
    margin-top:-1px;
    padding-top:0px;
    display:none;
}
.header_oInner .inner{
    padding:18px 0;
    background:#fff;
    border-radius:0 0 6px 6px;
    box-shadow: 0 0 2px rgba(0,0,0,0.15);
}
.header_oInner a{
    display:block;
    font-size:15px;
    line-height:38px;
    color:#999;
    text-align:center;
    -webkit-transition: all .3s cubic-bezier(.34, .34, .27, .91);
    transition: all .3s cubic-bezier(.34, .34, .27, .91);
    text-decoration:none;
}
.header_oInner a:hover{
    
    background-color: #000;
    color: #fff;
}
.header_oInner .nav_hover{
    border-bottom: 2px solid #fff;
}

.header_nav_li .header_nav_a_link {
    font-size: 15px;
    color: #fff;
    line-height: 79px;
    height: 79px;
    position: relative;
    display: block;
    -webkit-transition: all .3s cubic-bezier(.34, .34, .27, .91);
    transition: all .3s cubic-bezier(.34, .34, .27, .91);
    overflow: hidden;

}

.header_nav_li:hover:after {
    width: 10px !important;
}

.nav_hover .header_nav_a_link {
    border-bottom: 2px solid #fff;
}

.nav_hover:after {
    width: 10px !important;
}


.header_language {
    position: absolute;
    right: 80px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.nav_down_wrap {
    width: 100vw;
    position: relative;
    left: 0;
}


.header_nav_down {
    position: fixed;
    background: #fff;
    width: 100%;
    display: none;
}

.lan{
	float: left;
	height: 79px;
}
.lan a>*{
	font-size: 20px;
	line-height: 75px;
	color: #fff; 
	padding:0 15px;
}


.search{
	 float: left;

}
.search a>*{
	display:inline-block;
    font-size: 20px;
    line-height: 79px;
    color:white;
    text-align: center;
    vertical-align: bottom;
}
.flexd{
	position: fixed;
    top: 0px;
    left: 0px;
    z-index: 888;
}

.nav.flexd .logo .pc{
	display: none;
}
.nav.flexd .logo .pc-b{
	display: block;
}
.nav.flexd{
	background-color:rgba(255,255,255,1);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
}
.flexd .header_nav_li .header_nav_a_link , .flexd .lan a>*
{
    color: #333;
}
.flexd .nav_hover .header_nav_a_link {
    border-bottom: 2px solid #0e8aec;
}
.flexd .header_oInner a:hover{
    
    background-color: #0e8aec;
}
.flexd .header_oInner .inner{
    
    box-shadow: 0 0 2px rgba(0,0,0,0.3);
}

.hd{ position:fixed; height:90px; width:100%; top:0; z-index:99;}
.hd .search,.hd .wangdian,.hd .lan{ height: 90px }
.hd .logo{ width: 80px ;padding-top: 15px;}
.hd .nav_list{padding-top: 25px;}
.hd	.search{padding-top: 39px;}
.hd	.wangdian{padding:37px 20px 0 20px;}
.hd	.lan{padding:37px 0 0 20px;}

/*首页*/
/*01*/
.section-1{
	padding:10px 0px;
	overflow: hidden;
}

.section-1 .title{
	padding-bottom: 10px;
	padding-left: 8px;
	display: flex;
	justify-content: flex-start;
	align-items: center
}
.section-1 .title img{
	width: 26px;
}

.section-1 .title h2{
	font-size: 1.8rem;
	font-weight: bold;
	color: #222;
	padding-left: 10px;
}

.section-1 .title p{
	font-size: 1.4rem;
	color: #666;
	width: 80%;
	display: block;
	margin: 0 auto;
	line-height: 2.6rem;
}
.icon-box{
	
	overflow: hidden;
	
	
}

.icon1{
	background: url('../images/jinpai_bg.jpg') center top no-repeat #fff;
	background-size: 100% auto;
	border-radius: 12px;
	padding: 15px 10px;
}

.icon2{
	background-color: #fff;
	border-radius: 12px;
	padding: 15px 10px ;
	overflow: hidden;
}

.icon3{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0e8aec+0,36aee4+100 */
	background: #f3c376; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #f3c376 0%, #f8d294 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #f3c376 0%,#f8d294 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #f3c376 0%,#f8d294 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c376', endColorstr='#f8d294',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.icon4{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0e8aec+0,36aee4+100 */
	background: #f37c76; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #f37c76 0%, #faa6a2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #f37c76 0%,#faa6a2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #f37c76 0%,#faa6a2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f37c76', endColorstr='#faa6a2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.icon5{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0e8aec+0,36aee4+100 */
	background: #c2669b; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #c2669b 0%, #d27cae 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #c2669b 0%,#d27cae 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #c2669b 0%,#d27cae 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2669b', endColorstr='#d27cae',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.icon6{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0e8aec+0,36aee4+100 */
	background: #75b3d4; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #75b3d4 0%, #91c8e5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #75b3d4 0%,#91c8e5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #75b3d4 0%,#91c8e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75b3d4', endColorstr='#91c8e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.icon-box .icon_img{
	padding:8px;
	
}
.icon-box  img{
	max-width: 100%;
	box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);
	border-radius: 8px;
	
	
	
}
.icon-box p{
	text-align: center;
	font-size: 1.4rem;
	line-height: 32px;
	font-weight: bold;
}

.index_liucheng{
	padding: 8px;
}




/*02*/
.section-2{
	padding:35px 20px;
	overflow: hidden;
	background-color: #ebf7f7;
}
.section-2 .title{
	text-align: center;
	padding-bottom: 28px;
}
.section-2 .title h2{
	font-size: 2.4rem;
	font-weight: bold;
	color: #222;
	margin-bottom: 20px;
}

.section-2 .title p{
	font-size: 1.4rem;
	color: #666;
}
.section-2 .about_index p{
	font-size: 1.6rem;
	color: #333;
	text-indent: 2em;
	line-height: 3rem;
}
.section-2 .about_index p b{
	font-size: 1.6rem;
	color: #019e95;
	line-height: 3rem;
	font-weight: bold;
}

/*底部*/
.footer{
	width: 100%;
	padding: 40px 0;
	

}
.footer .foot-list{
	overflow: hidden;
}

.foot_logo{
	text-align: center;
	padding: 10px 0;
	background-color: #fff;
}
.foot_logo img{
	width: 300px;
}

.copyright {
	background-color: #019e95;
	text-align: center;
	padding: 20px 0;
	line-height: 26px;
	margin-bottom: 70px;
}
.copyright>*{
	display: inline-block;
	color: rgba(255,255,255);
	font-size: 1.4rem;
}


/*首页结束*/

/*内页*/
/*内页bannner*/
.ab_banner{
	width: 100%;
	text-align:center;
	position: relative;
    padding-top: 60px;
}
.ab_banner h3{ font-size:4rem; padding:0px 0 40px 0; color: #fff; font-weight: bold;}
.ab_banner p{color:#fff; text-transform:uppercase;font-size:1.6rem; width: 50%; margin:0 auto; line-height: 35px}
.login_banner{
    background-image: url(../images/banner_vip.jpg);
}

.pro_banner{
	background-image: url(../images/banner/pro_banner.jpg);
}
.ser_banner{
	background-image: url(../images/banner/ser_banner.jpg);
}
.tec_banner{
	background-image: url(../images/banner/tec_banner.jpg);
}
/*.ab_banner{
	background-image: url(../images/banner/ab_banner.jpg);
}
.pr_banner{
	background-image: url(../images/banner/pr_banner.jpg);
}
.new_banner{
	background-image: url(../images/banner/new_banner.jpg);
}
.con_banner{
	background-image: url(../images/banner/con_banner.jpg);
}
.man_banner{
	background-image: url(../images/banner/man_banner.jpg);
}*/
.ab_nav{
	height: 60px;
	background-color: #0e8aec;
}
.ab_nav a{
	line-height: 60px;
	padding: 0 30px;
	display: inline-block;
	color: #fff;
	font-size: 1.4rem;
}
.ab_nav a:hover{
	background-color: #fff;
	color:#0e8aec;
}
#a1 #b1,#a2 #b2,#a3 #b3,#a4 #b4,#a5 #b5,#a6 #b6,#a7 #b7,#a8 #b8{
	background-color: #fff;
	color:#0e8aec;
}





.ab-info{
	max-width: 640px;
	margin: 40px auto;
}
.ab-info h2{
	font-size: 3rem;
	margin: 0px 0 40px 0;
	font-weight: bold;
	text-align: center;
}
.ab-info h3{
	font-size: 2rem;
	margin: 20px 0;
	font-weight: bold;
}


.ab-info p{
	font-size: 1.4rem;
	text-indent: 2em;
	line-height: 2.4rem;
	margin-bottom: 10px;
	
}
.ab-info img{
	max-width: 100%;
	text-align: center;
	margin: 10px 0;
}

/*关于我们*/
/*01*/
.ab-section-1{
	padding:80px 0 ;
	text-align: center;
	background: url(../images/about/bg.jpg) center center no-repeat;
	background-size: cover;
}
.ab-section-1 h2{
	font-size: 2.4rem;
	margin-bottom: 40px;
	font-weight: bold;
}

.ab-section-1 p{
	font-size: 1.6rem;
	color: #666;
	line-height: 3.6rem;
	margin: 0 auto;
	
}
.ab-section-1 p b{
	font-size: 1.6rem;
	color: #019e95;
	line-height: 3.6rem;
	font-weight: bold;
	
}
.ab-pic{
	margin-top: 50px;
	display: none;
}


/*02*/
.ab-section-2{
	background-color: #fff;
	padding:60px 0 40px;
	text-align: center;
}
.ab-section-2 h2{
	font-size: 3rem;
	padding-bottom: 40px;
	font-weight: bold;
}
.ab-section-2 img{
	max-width: 100%;
}


/*03*/
.ab-section-3{
	padding:60px 0 40px 0;
	background: url(../images/about/zp_bg.jpg) center top no-repeat;
	background-size: cover;
}
.ab-section-3 h2{
	font-size: 3rem;
	color: #fff;
	padding-bottom: 40px;
	text-align: center;
	font-weight: bold;

}
.ab-section-3 ul{
	overflow: hidden;
	font-size: 0
}
.ab-section-3 li{
	width: calc((100% - 100px)/3 - 2px);
	margin-right: 50px;
	float: left;
    vertical-align: top;
    margin-bottom: 40px;
    font-size: 1.4rem;
    background-color: rgba(255,255,255,0.2);
    border: 1px solid rgba(255,255,255,0.4);
    padding: 20px 30px 10px 30px;
    position: relative;


}

.ab-section-3 li h3{
	font-size: 2.4rem;
    font-weight: bold;
    color: #fff;
    padding-bottom: 10px;

    
}
.ab-section-3 li b{
	color: rgba(255,255,255,0.8) ;
	font-size: 1.2rem;
	float: right;
	margin-right: 20px;
	line-height: 40px;
}
.ab-section-3 li h4{
	font-size: 1.4rem;
    color: rgba(255,255,255,0.8);
    margin-top: 10px;
    padding-bottom: 10px;
}

.ab-section-3 li p{
	font-size: 1.4rem;
    color: rgba(255,255,255,0.8);
}
.ab-section-3 li span {
	display: block;
	border-top: 1px solid rgba(255,255,255,0.4);
	color: rgba(255,255,255,0.8);
	margin-top: 20px;
	padding: 13px 0 0 0;
	overflow: hidden;
	

}
.ab-section-3 li span i{
	color: rgba(255,255,255,0.8);
	font-size: 2.4rem;
	float: left;
	width: 20px;
}
.ab-section-3 li span p{
	padding-left: 10px;
	float: left;
	line-height: 24px;
	width: calc(100% - 20px);
}

.ab-section-3 ul li:nth-child(3n) {
    margin-right: 0;
}

/*04*/
.ab-section-4{
	background-color: #fff;
	padding:60px 0 40px;
}

.ab-section-4 h2{
	font-size: 3rem;
	padding-bottom: 40px;
	font-weight: bold;
	text-align: center;

}

.contact .map{
	display: table-cell;
	width: 65%;
	height: 378px;
}
.contact .con-txt{
	display: table-cell;
	width: 35%;
	padding: 10px 60px 0 60px;
	background-color: #0e8aec;
}
.contact .con-txt ul{
	list-style: none;
}
.con-txt li{
	margin-top: 30px;
}
.con-txt li b{
	font-size: 1.4rem;
	color: rgba(255,255,255,0.6);
}
.con-txt li p{
	font-size: 1.8rem;
	color: #fff;
	line-height: 3.6rem;
	
}

/*货物代理*/
.huowu{
	padding: 60px 0 80px 0;
	text-align: center;
	background-color: #f5f5f5;
}
.huowu h2{
	font-size: 3rem;
	font-weight: bold;
	margin-bottom: 15px;
}
.huowu p{
	font-size: 1.4rem;
	color: #666;
}
.huowu_link{
	background-color: #f5f5f5;
	margin-top: 50px;
}
.huowu_link a{
	float: left;
	display: block;
	width: calc((100% - 45px)/4);
	margin-right: 15px;
	margin-bottom: 15px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	border: 1px solid #dddddd;
	padding: 50px 0 40px 0; 
}
.huowu_link a:hover{
	background-color: #e6f8ff;
}

.huowu_link a p{
	margin-top: 25px;
	font-size: 1.8rem;
}

.huowu_link a:nth-child(4n){
	margin-right: 0;
}


/*船盘信息*/
.chuanpan{
	background-color: #f5f5f5;
	padding: 60px 0;
}
.chuanpan .wd1400 {
	max-width: 640px;
}
.cp-search{
	background-color: #fff;
	padding: 20px 50px;
	margin-bottom: 20px;
}
.search-box{
	margin-bottom: 14px;
}

.search_input{border:1px solid #0e8aec; line-height: 42px; width: calc(100% - 88px); border-right: 0;padding-left:15px ;}
.search-box .tit{
	width: 110px;
	display: table-cell;
	font-size: 1.4rem;
	font-weight: bold;
}
.search-box .search-list{
	display: table-cell;
}

.search-list dt,.search-list dd{
	display: inline-block;
}

.sel dd{
	display: block;
}
.search-box dd{
	font-size: 1.4rem;
	margin:0 5px  10px 5px;
}

.search-box dd a{
	display: block;
	padding: 3px 10px;
	border-radius: 5px;
}
.search-box .cur{
	background-color: #0e8aec;
	color: #fff;
}

.search-botton button{
	background-color:#0e8aec ;
}


.search-box .layui-form-item{
	margin-bottom: 0;
}
.riqi{
	border: 1px solid #ddd;
	border-radius: 5px;
	padding:0 10px;
}

/*手机版搜索*/
.m-search-box,.m-search-botton{
	float: left;
	width: calc(50% - 10px);
	margin: 0px 20px 20px 0px;
	display: none;
}
.m-search-box:nth-child(even),.m-search-botton{
	margin: 0px 0px 20px 0px;
}
.m-search-box .layui-input{
	width: 100%;
	background-color: #999;
	color: #fff;
	font-size: 1.4rem;
	border-radius: 0;

}

.m-search-box .layui-input::-webkit-input-placeholder {
    color: #fff;
}
.m-search-box .layui-input::-moz-input-placeholder {
	color: #fff;
}
.m-search-box .layui-input::-ms-input-placeholder {
	color: #fff;
}

.m-search-box  .layui-edge{
	border-top-color: #fff;
}
.m-search-box .button1{
	text-align: left;
}
.m-search-box button i{
	float: right;
	margin-right: 10px;
}
.m-search-botton button{
	background-color:#0e8aec ;
	width: 100%;
	height: 38px;
	line-height: 38px;
}

.riqi .layui-form-mid{
	color: #ddd;
}
.riqi .layui-form-mid i{
	color: #333;
}
.riqi input{
	border: none;
}
.riqi input::-webkit-input-placeholder {
text-align: center;
}


/*搜索结果*/
.cp-list{
	padding: 20px 40px;
	background-color: #fff;
	overflow: hidden;
}
.cp-box{
	float: left;
	margin: 10px;
	width: calc(50% - 20px);
	border: 1px solid #ddd;
	border-radius: 10px;
	padding: 30px 30px 20px 30px;
}
.cp-box h2{
	font-size: 1.8rem;
	font-weight: bold;
	color: #0e8aec;
	margin-bottom: 40px;
}
.cp-box dl{
	overflow: hidden;
}
.cp-box dd{
	float: left;
	width: 25%;
}
.cp-box dd b{
	font-size: 1.4rem;
	color: #6666;
	display: inline-block;
	margin-bottom: 15px;	
}
.cp-box dd p{
	font-size: 1.4rem;
	color: #333;
	font-weight: bold;
	line-height: 2rem;
	
}
/*货盘专用*/
.cp-box p i{
	color: #0e8aec;
	font-size: 1rem;
	margin-right: 10px;
	font-weight: bold;
}
/*货盘专用结束*/
.cp-contact{
	margin-top: 30px;
	border-top: 1px solid #ddd;
	padding-top: 20px;
}
.cp-contact span{
	display: inline-block;
	margin-right: 27px;
	font-size: 1.4rem;
}
.cp-contact span i{
	color: #0e8aec;
	font-size: 2rem;
	margin-right: 10px;
}
.cp-contact .xinshui{
	float: right;
	font-weight: bold;
	color: #333;
	font-size: 1.4rem;
}


/*发布模块*/
.chuanpan-add{
	padding: 60px 50px 50px 50px;
	background-color: #fff;
}
.chuanpan-add .cp-title{
	display: flex;
	align-items:center;
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
}
.chuanpan-add .cp-title img{
	margin-right: 10px;
}
.chuanpan-add .cp-title h2{
	font-size: 1.8rem;
	font-weight: bold;
}
.chuanpan-add .layui-fluid{
	padding: 30px 0 ;
}
.cp-form{
	padding-top: 30px;
}
.cp-form .layui-form-label{
	float: none;
	width: 160px;
	padding: 0 0 18px 0;
	text-align: left;
	font-size: 1.4rem;

}
.cp-form .layui-form-label i{
	color: red;
}
.cp-form .layui-input-block{
	margin-left: 0;
}
.cp-botton{
	border-top: 1px dashed #ddd;
	padding-top: 40px;
	margin-top: 40px;
	text-align: right;
}
.cp-botton button{
	background-color: #019e95;
	width: 200px;
	height: 55px;
	color: #fff;
	font-size: 1.8rem;
}

/*.add_riqi{
	border: 1px solid #ddd;
	border-radius: 5px;
	padding:0 10px;
}*/
/*.add_riqi .layui-input-inline{
	width: calc(50% - 36px);
}*/
/*.add_riqi .layui-form-mid{
	color: #ddd;
}
.add_riqi .layui-form-mid i{
	color: #333;
}
.add_riqi input{
	border: none;
}
.add_riqi input::-webkit-input-placeholder {
text-align: center;
}
*/

/*船舶出售*/
.ship-list{
	overflow: hidden;
}
.ship-box{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	width: calc((100% - 20px)/2);
	background-color: #fff;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	
}
.ship-box img{
	max-width: 100%;
}

.ship-info{
	padding: 15px 20px;
	text-align: center;
}
.ship-info i{
	color: #0e8aec;
	font-size: 2.4rem;
}
.ship-info h2{
	font-size: 1.6rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.info-list{
	margin-top: 18px;
	padding-top: 18px;
	border-top: 1px solid #ddd;
}
.info-box{
	display: flex;
	 justify-content:space-between
}
.info-box p{
	font-size: 1.4rem;
}

.ship-box:nth-child(2n){
	margin-right: 0;
	}


.pro .swiper-slide{ text-align: center; }
.pro .swiper-pagination-bullet {
      width: 12px;
      height: 12px;
      text-align: center;
      line-height: 12px;
      font-size: 12px;
      color: #000;
      opacity: 1;
      margin: 0 2px;
    }


/*新闻*/
.news{
	padding: 60px 0px 50px 0px;
	background-color: #f5f5f5;
}
.new-box{
	float: left;
	margin-right: 40px;
	margin-bottom: 20px;
	width: calc((100% - 80px)/3);
	background-color: #fff;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	background-color: #fff;
}

.new-box:nth-child(3n){
	margin-right: 0;
}
.new-box img{
	max-width: 100%;
}
.new-info{
	padding: 20px;
}
.new-pic{
	text-align: center;
}

.new-info h2{
	font-size: 2rem;
	line-height: 2.6rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 10px;
}
.new-info p{
	font-size: 1.4rem;
	line-height: 2em;
	color: #999;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.new-info .time{
	font-size: 1.4rem;
	color: #999;
	margin-top: 15px;
	line-height: 20px;
	vertical-align: middle;

}
.new-info .time i {
	vertical-align:middle;
	margin-left:5px;
}
.new-box:hover{
	background-color: #e6f8ff;
}
.new-box:hover .new-info h2{
	color: #0e8aec
}

/*新闻详情*/
.newsshow{ padding:50px ; background-color: #fff}
.newsshow .txts{ padding:0 20px;}
.newsshow .tit{ text-align:center; border-bottom:1px solid #ddd;}
.newsshow .tit h3{ font-size:2.4em; color:#333; margin-bottom:10px; }
.newsshow .tit h4{ font-size:1.2em; color:#666; margin-bottom:20px; }
.newsshow .txt{ min-height:300px; padding:30px 20px; line-height:1.2;}
.newsshow .txt p{font-size: 1.4rem; text-indent: 2em;line-height: 2.4rem;color: #999}
.news  .btn{
	margin-top: 20px;
	overflow: hidden;
}
.news  .btn a{ display:block; line-height:50px; font-size:1.4em; color:#333;
	width: calc(50% - 20px);
	float: left;
	background-color: #fff;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.news  .btn a:hover{ background:#34385b  ; color:#fff;}
.news  .btn a:first-child{
	padding-left: 50px;
}
.news  .btn a:last-child{
	float: right;
	text-align: right;
	padding-right: 50px;
}

.jobshow{ padding:50px ; background-color: #fff}
.jobshow .txts{ padding:0 20px;}
.jobshow h1{
	font-size: 1.8rem;
	font-weight: bold;
	color: #0e8aec;
	margin-bottom: 40px;
}
.job-list{
	overflow: hidden;
	padding-bottom: 30px;
	border-bottom: 1px solid #ccc
}
.job-list dd{
	float: left;
	width: 25%;
}
.job-list dd b{
	font-size: 1.4rem;
	color: #6666;
	display: inline-block;
	margin-bottom: 15px;	
}
.job-list dd p{
	font-size: 1.4rem;
	color: #333;
	font-weight: bold;
	line-height: 2rem;
	
}
.jobinfo{
	margin-top: 30px;
}
.jobinfo h2{
	font-size: 1.4rem;
	font-weight: bold;
	margin-bottom: 20px;
}
.jobinfo p{
	font-size: 1.4rem;
	line-height: 2.4rem;
}

.job-contact{
	margin-top: 30px;
	padding: 20px 0;
	background-color: #f5f5f5;
	text-align:center;

}
.job-contact span{
	display: inline-block;
	margin-right: 27px;
	font-size: 1.4rem;
}
.job-contact span i{
	color: #0e8aec;
	font-size: 2rem;
	margin-right: 10px;
}


.saleshow{ 
	padding:50px ; 
	background-color: #fff;
	overflow:hidden;
}
.img_left{
	float: left;
	width: 100%
}
.img_left img{
	max-width: 100%
}
.info_right{
	float: right;
	width: 100%
}
.info_right h1{
	font-size: 2.4rem;
	line-height: 34px;
	overflow: hidden;
	padding: 25px 0 15px 0;
	border-bottom:1px solid #019e95;
}
.info_right h1 i{
	color: #0e8aec;
}
.info_box{
	
	padding: 15px 0 15px 0;
}
.info_box:last-child{
	border-bottom:none;
}
.info_box h2{
	font-size: 1.8rem;
	color: #e21323;
	font-weight: bold;
}
.info_box  p{
	font-size: 1.4rem;
	line-height: 30px;
	color: #666;
}
.info_box  b{
	font-weight: bold;
	color: #333333
}

.info_box a{
	display: inline-block;
	font-size: 1.4rem;
    border: 1px solid #ddd;
    border-radius: 3px;
    background-color: #fff;
    min-width: 20px;
    padding: 5px 12px;
    max-width: 100%;
    text-align: center;
    color: #222;
    position: relative;
}
.info_box a.cur{
	background-color: #e21323;
	color: #fff;
}

.gwc a{
	display: block;
    padding: 5px 0 0;
    font-size: 0;
    color: #999;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    background-color: #e21323;
}
.gwc a p{
	line-height: 40px;
    font-size: 15px;
    color: #fff;
}


.info_detail{
	padding: 20px 0;
	font-size: 1.4rem;
}
.info_detail img{
	max-width: 100%;
}
.cpshow h1{
	font-size: 2.4rem;
	line-height: 34px;
	overflow: hidden;
	padding-bottom: 25px;
	color: #0e8aec;
}
.cptable table{
	width: 100%;
}
.cptable td,.cptable th{
	text-align: center;
	background-color: #fff;
}

/*简历*/
.jl-box{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	width: calc((100% - 60px )/4);
	border: 1px solid #ddd;
	padding: 30px 30px 20px 30px;
	background-color: #fff;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}
.jl-box h2{
	font-size: 1.8rem;
	font-weight: bold;
	color: #333;
	margin-bottom: 10px;
}
.jl-box h3{
	font-size: 1.4rem;
	font-weight: bold;
	color: #333;
	margin-top: 20px;
	margin-bottom: 10px;
}
.jl-box p{
	font-size: 1.4rem;
	color: #ccc;
}
.jl-box li{
	position: relative;
	padding-left: 10px;
}
.jl-box li:before{
	content: ' ';
    position: absolute;
    left: 0px;
    top: 6px;
    width: 4px;
    height: 4px;
    background-color: #000;
    border-radius: 6px;
}
.jl-box:nth-child(4n){
	margin-right: 0;
}
.jianlishow {
    padding: 50px;
    background-color: #fff;
    overflow: hidden;
}
.jianlishow h1{
	font-size:2.4rem;
	text-align: center;
	font-weight: bold;

}
.jianlishow h1 i{
	color: #004ea2;
	font-weight:bold
}
.jianlishow h3{
	font-size:1.8rem;
	font-weight: bold;
	margin: 30px 0 20px 0;
}
.table1 .layui-table tr td:nth-child(odd){
	background-color: #f4f4f4;
}
.table1 .layui-table td{
    border-color: #e3e3e3; /*#bbb*/
}
.table2 th{
	background-color: #f4f4f4;
}
.jinli-info{
	min-height: 300px;
	border:1px solid #dddddd;
	padding:20px; 
}


/*会员中心*/
.member{
	background-color: #fff;
	padding: 80px 30px;
}
.login{
	max-width:500px ;
	margin: 0 auto;
}
.login .login_input{
	border: none;
	border-bottom: 1px solid #ccc;
	border-radius: 0;
}
.login label{
	font-size: 2rem;
	font-weight: bold;
	width: 130px;
}
.login .layui-input-block {
    margin-left: 130px;
    min-height: 36px;
}
.login_botton{
	width: 100%;
	margin-top: 20px;
	font-size: 1.8rem;
	height: 50px;
	border-radius: 10px;
	background-color: #019e95;

}

.login_link{
	display: flex;
	justify-content: space-between;
}
.login_link a{
	color: #019e95;
	font-size: 1.4rem;

}

/*注册*/
.reg{
	max-width:500px ;
	margin: 0 auto;
}
.reg .login_input{
	border: none;
	border-bottom: 1px solid #ccc;
	border-radius: 0;
}
.reg label{
	font-size: 2rem;
	font-weight: bold;
	width: 130px;
}
.reg .layui-input-block {
    margin-left: 130px;
    min-height: 36px;
}

.member-info .layui-col-xs12{
		text-align: center;
	}

.member-info h1{
	font-size: 2rem;
	color: #009688;
	font-weight: bold;
}
.member-info p{
	font-size: 1.4rem;
}

/*手机版contact*/
.con_info{
	margin-bottom: 50px;
	}
.con_info h1{
	font-size: 3rem;
	color: #009688;
	font-weight: bold;
	padding-bottom: 24px;
	border-bottom: 1px solid #009688;

}
.con_info ul{
	list-style: none;
}
.con_info li{
	margin-top: 30px;
}
.con_info li b{
	font-size: 1.8rem;
	color: rgba(51,51,51,0.6);
}
.con_info li p{
	font-size: 2rem;
	color: #333;
	line-height: 3.6rem;
	
}


/*子导航*/
.m_nav {
  position: relative;
  z-index: 9;
  height: 60px;
  background-color: #019e95;
  display: block;
}


.m_nav .logo {
  color: white;
  font-size: 2rem;
  padding: 10px 20px;
  height: 60px;
  line-height: 40px;
  font-weight: bold;
}


.m_nav .logo i:hover {
  color: #e74c3c;
  transition: color 0.3s;
}


.m_nav .main-nav .hamburger-nav::after {
  content: "";
  position: absolute;
  top: 15px;
  right: 20px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  background: url(../images/down.png) center center no-repeat;
}


.m_nav .main-nav .menu {
  display: none;
  list-style: none;
  position: absolute;
  top: 60px;
  padding-left: 0;
  width: 100%;
  overflow: hidden;
}


.m_nav .main-nav .menu a {
  display: block;
  background: #383c40;
  text-decoration: none;
  text-align: center;
  padding: 0px;
  border-bottom: 0.5px solid rgba(200, 200, 200, 0.2);
}


.m_nav .main-nav .menu a:hover {
  background: white;
  transition: background 0.3s ease;
}


/*手机底部浮动*/
.fixed-yuyue {
	width: 70px;
	height: 70px;
	position: fixed;
	bottom: 130px;
	right: 15px;
	z-index: 120;

	
}


.fixed-nav {
	width: 100%;
	height: 70px;
	position: fixed;
	bottom: 0;
	left: 0;
	background-color: #fff;
	z-index: 100;
	display: none;
	box-shadow: 1px 4px 17px 0px rgba(0,0,0,0.57);
	-webkit-box-shadow: 1px 4px 17px 0px rgba(0,0,0,0.57);
	-moz-box-shadow: 1px 4px 17px 0px rgba(0,0,0,0.57);
}
.fixed-nav ul li {
	width: 25%;
	height: 70px;
	float: left;
	border-right: solid 1px #FFF;
	text-align: center;
}
.fixed-nav ul li:last-of-type {
	border-right: none;
}
.fixed-nav ul li a {
	display: block;
	padding-top: 10px;
}
.fixed-nav ul li a span {
	display: block;
	font-size:3rem;
}
.fixed-nav ul li a span img {
	width: 35px;
}
.fixed-nav ul li:nth-of-type(2) a span {
	transform: rotateY(180deg);
}
.fixed-nav ul li a h4 {
	font-size: 1.4rem;
	padding-top: 2px;
}
.fixed-nav ul li a span, .fixed-nav ul li a h4 {
	color: #333;
}

/*产品表格样式*/
	.prod-list{ text-align:center;overflow-x:auto;}
	.prod-list table tr td{ border-bottom:1px solid #ccc;}
	.pl-one { border-right:1px solid #ccc;}
	.prod-list table tr:FIRST-CHILD {background:#66c1c6 !important; }
	.prod-list table tr:first-child td{color:#fff !important;}
	.prod-list table tr td{padding:10px; color:#535353; font-size: 1.6rem;}
	.pl-one{background:#fff !important;}
	.prod-list table tr:nth-child(even) {background:#d5eeeb;}
	.prod-list table tr:nth-child(odd) {background:#f5f5f5;}
/*产品图片展示*/	
	.clear { overflow:hidden;}
	.prod-box{ border:1px solid #66c1c6;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float:left; width:31.33%; margin:1%; text-align:center; font-size: 1.6rem;}
	.prod-box img{ width:100%;}
	.prod-box p{ padding:10px 0; background:#66c1c6; color:#fff; height:74px; }
	
	.pro-back{ text-align:right;}
	.pro-back a{ color:#fff; border:1px solid #01848b; font-size:1.4em; color:#01848b; padding:12px 20px; transition:all 0.5s; display:inline-block; margin-bottom:4.1%;}
	.pro-back a:hover{ background:#01848b; color:#fff;}
	.pro-list2 a{ display:inline-block; color:#333;  border:1px solid #333;font-size:1.6em; padding:12px 20px; margin-right:20px; margin-top:3.5%;}
	.pro-list2 a:hover{ color:#01848b;  border:1px solid #01848b; }
	.pro-list2 a.p-l2{color:#01848b;  border:1px solid #01848b;}


.field{  --uiFieldPaddingTop: var(--fieldPaddingTop, 0px);  --uiFieldPaddingRight: var(--fieldPaddingRight, 0px);  --uiFieldPaddingBottom: var(--fieldPaddingBottom, 0px);  --uiFieldPaddingLeft: var(--fieldPaddingLeft, 0px);  --uiFieldBorderColor: var(--fieldBorderColor, transpatent);  --uiFieldBorderTop: var(--fieldBorderTop, 0px);  --uiFieldBorderRight: var(--fieldBorderRight, 0px);  --uiFieldBorderBottom: var(--fieldBorderBottom, 0px);  --uiFieldBorderLeft: var(--fieldBorderLeft, 0px);  --uiFieldBgColor: var(--fieldBgColor, transpatent);  --uiFieldPlaceholderColor: var(--fieldPlaceholderColor, #767676);  --uiFieldAnimationDuration: var(--fieldAnimationDuration, .3s);  --uiFieldFonstSize: var(--fieldFontSize, 16px);  position: relative;  }
.field__input{ font-size:2em !important;  width: 100%;  box-sizing: border-box;  background-color: var(--uiFieldBgColor);  -webkit-appearance: none;     -moz-appearance: none;          appearance: none;  border-radius: 0;  border-style: solid;  border-color: var(--uiFieldBorderColor);  border-top-width: var(--uiFieldBorderTop);  border-right-width: var(--uiFieldBorderRight);  border-bottom-width: var(--uiFieldBorderBottom);  border-left-width: var(--uiFieldBorderLeft);  padding-top: var(--uiFieldPaddingTop);  padding-right: var(--uiFieldPaddingRight);  padding-bottom: var(--uiFieldPaddingBottom);  padding-left: var(--uiFieldPaddingLeft);  font-family: inherit;  font-size: 100%;  color: inherit;}
.field__input::-webkit-input-placeholder{  color: var(--uiFieldPlaceholderColor);  opacity: 0;}
.field__input::-moz-placeholder{   color: var(--uiFieldPlaceholderColor);  opacity: 0;}
.field__input:focus{ outline: none;  }
.field__input:focus::-webkit-input-placeholder{   -webkit-transition: opacity var(--uiFieldAnimationDuration) ease-out var(--uiFieldAnimationDuration);   transition: opacity var(--uiFieldAnimationDuration) ease-out var(--uiFieldAnimationDuration); opacity: 1;}
.field__input:focus::-moz-placeholder{  -webkit-transition: opacity var(--uiFieldAnimationDuration) ease-out var(--uiFieldAnimationDuration);   transition: opacity var(--uiFieldAnimationDuration) ease-out var(--uiFieldAnimationDuration);  opacity: 1;}
.field__label{ font-size:1.6em !important;  position: absolute;  top: calc(0px + var(--uiFieldPaddingTop) + var(--uiFieldBorderTop));  left: calc(0px + var(--uiFieldPaddingLeft) + var(--uiFieldBorderLeft));  pointer-events: none;  font-size: .9em;  -webkit-transition: top var(--uiFieldAnimationDuration) cubic-bezier(0.9,-0.15, 0.1, 1.15), opacity var(--uiFieldAnimationDuration) ease-out;  transition: top var(--uiFieldAnimationDuration) cubic-bezier(0.9,-0.15, 0.1, 1.15), opacity var(--uiFieldAnimationDuration) ease-out;  will-change: top, opacity;}
.field__input:not(:placeholder-shown) ~ .field__label{  opacity: 0;  top: calc(0px + var(--uiFieldPaddingTop) + var(--uiFieldBorderTop));}
.field__input:focus ~ .field__label{ opacity: 1;  top: calc(-1.5 * calc(var(--uiFieldPaddingTop) + var(--uiFieldBorderTop) + 15px));}
/* type 2 */
.field_type2{  --uiFieldBorderBottom: var(--fieldBorderBottom, 2px);  --uiFieldPaddingTop: var(--fieldPaddingTop, 5px);  --uiFieldPaddingRight: var(--fieldPaddingRight, 15px);  --uiFieldPaddingBottom: var(--fieldPaddingBottom, 10px);  --uiFieldPaddingLeft: var(--fieldPaddingLeft, 15px);  }
.field_type2 .field__line{  width: 0;  height: var(--uiFieldBorderBottom);  background-color: var(--fieldBorderColorActive);  position: absolute;  bottom: 0;  left: 0;  will-change: width;  -webkit-transition: width var(--uiFieldAnimationDuration) ease-out;  transition: width var(--uiFieldAnimationDuration) ease-out;}
.field_type2 .field__input:focus ~ .field__line{ width: 100%;}
.field{  --fieldBorderColor: #fff;  --fieldBorderColorActive: #117bc9;  --fieldPlaceholderColor: #fff;  display: block;  color: #fff;}
.m-btn{     font-size: 2em;   background: none;    color: #fff;   position: absolute;    right: 0;    top: 0px;    outline: 0;    border: navajowhite;}



/*移动端日历*/

/*index*/
.main_page{
	width: 100%;
	height: 100%;
}
.top_div{
	width: 100%;
	height: 40vw;
	background: #506695;
	overflow: hidden;
}
.main_page .logo{
	width: 18%;
	margin: 10px auto 5px auto;
}
.top_text_1,.top_text_2{
	width: 100%;
	text-align: center;
	line-height: 7vw;
	color: white;
	font-size: 4.5vw;
}
.top_text_2{
	margin-bottom: 5vw;
}
.nine_button{
	width: 100%;
}
.button{
	width: 33.33%;
	height: 33.33vw;
	float: left;
	font-size: 4vw;
}
.button_img{
	width: 20%;
	margin: 30% auto 5% auto;
}
.button_text{
	width: 100%;
	text-align: center;
}
/*release_record*/
.release_main{
	width: 100%;
}
.release_title{
	width: 100%;
	height: 15vw;
	overflow: hidden;
	background: #f2f2f2;
}
.release_title_left{
	width: 49.5%;
	height: 10vw;
	margin:2.5vw 0;
	float: left;
	border-right: 2px solid #8E97AF;
	overflow: hidden;
}
.left_img{
	width: 15%;
	margin: 1.4vw 3% 1.6vw 15%;
	float: left;
}
.left_text{
	width: 67%;
	float: left;
	font-size: 3vw;
	line-height: 4vw;
	margin-top: 1.5vw;
	color: #506695;
}
.release_title_right{
	width: 49.5%;
	height: 10vw;
	margin:2.5vw 0;
	float: right;
}
.right_img{
	width: 15%;
	margin: 1.4vw 3% 1.6vw 15%;
	float: left;
}
.right_text{
	width: 67%;
	float: left;
	font-size: 3vw;
	line-height: 4vw;
	margin-top: 1.5vw;
	color: #506695;
}
.gray_text{
	color: #8D8D8D;
}
.release_records{
	width: 100%;
}
.record{
	width: 100%;
	height:13vw ;
	border-bottom: 1px solid #ECECEC;
}
.record_left{
	width: 47%;
	padding-left: 3%;
	float: left;
	text-align: left;
	margin-top: 1vw;
}
.record_right{
	width: 47%;
	padding-right: 3%;
	float: left;
	text-align: right;
	margin-top: 1vw;
}
.record_left_top,.record_right_top{
	font-size: 4.1vw;
	line-height: 7vw;
}
.record_left_bottom,.record_right_bottom{
	font-size: 3.5vw;
	color: #8D8D8D;
}
.record_small{
	font-size: 2.5vw;
	color: #8D8D8D;
}
/*select_record*/
.select_start_date{
	width: 100%;
	height: 12vw;
	font-size: 4vw;
	color: #666666;
	overflow: hidden;
	line-height: 12vw;
	border-bottom: 1px solid darkgray;
}
.start_date_left{
	width: 47%;
	padding-left: 3%;
	float: left;
}
.start_date_right{
	width: 47%;
	padding-right: 3%;
	text-align: right;
	float: left;
}
.start_date_right input{
	background:transparent;
	border: none;
	font-size: 4vw;
	color: #666666;
	text-align: center;
}
.select_records{
	width: 100%;
	margin-top: 6vw;
}


/*pro-all*/
.pro-all .pro-list .pb1 .pbox .pbt:after{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.pro-list{
	padding-bottom: 30px;
}
.backline{ border-bottom: 1px solid #eee;}
.backline a{ font-size: 1.4em; color: #888; line-height: 1.5; display: block; padding: 18px ;}
.backline a img{ margin: 0 10px -4px 0;}

/*pro-check*/
.pro-check{ background: #fff;}
.pro-check .tit{ padding: 16px ;}
.pro-check .tit h3{ font-size: 2.4em; color: #000; font-weight: bold;}
.pro-check .pro-list .pbox{}
.pro-check .pro-list .pbox .pd{ background: #fff; margin-bottom: 1px;}
.pro-check .pro-list .pbox .pb{ padding: 10px 10px; overflow: hidden; margin-bottom: 1px; background: #fff;border-bottom: 1px solid #eee}
.pro-check .pro-list .pbox .pb>*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pro-check .pro-list .pbox .pb .choose{ padding-top: 40px; float:left; width: 90px; padding-left: 20px; }
.pro-check .pro-list .pbox .pb .img{ float:left; border: 1px solid #eee; width: 100px;}
.pro-check .pro-list .pbox .pb .img img{ width: 100%;}
.pro-check .pro-list .pbox .pb .txt{ float:left; padding-left: 30px; width: calc(100% - 100px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;position: relative;}
.pro-check .pro-list .pbox .pb .txt .t h3{ padding: 10px 0 0px 0; font-size: 1.6rem; color: #000; line-height: 1.5;  font-weight: bold;}
.pro-check .pro-list .pbox .pb .txt .dot{ width: 100%; }
.pro-check .pro-list .pbox .pb .txt .dot>*{ }
.pro-check .pro-list .pbox .pb .txt h4{ font-size: 1.6rem; color: #888; line-height: 1.5;}
.pro-check .pro-list .pbox .pb .txt p{ font-size: 1.6rem; color: #e21323; line-height: 1.5; }
.pro-check .pro-list .pbox .pb .txt .d1,.pro-check .pro-list .pbox .pb .txt .d2,.pro-check .pro-list .pbox .pb .txt .d3{ padding-top: 15px;}

.pro-check .pro-list .pbox .pb .txt .d3{ width: 20%;}
.pro-check .pro-list .pbox .pb .txt .d4{ padding-top: 10px; text-align: center; width: 20%;}
.pro-check .pro-list .pbox .pb .txt .d6{position: absolute;right: 10px ; top: 20px;}
.pro-check .pro-list .pbox .pb .txt .d6 img{ width: 36px; transform: rotate(45deg);}
.pro-check .pro-list .pbox .pb .txt .d4 span{ font-size: 1.4em; color: #000; line-height: 18px; padding: 0 4%;}
.pro-check .pro-list .pbox .pb .txt .d4 span img{ margin-bottom: -5px;}
.pro-check .pro-list .pbox .pb .txt .d4 span:last-child img{ transform: rotate(180deg);}


/*shopline*/
.shopline{ overflow:hidden; border-top:1px solid #eee; margin-bottom: 30px; }


a.buycar{
	display: block;
    padding: 20px ;
    font-size: 2rem;
    color: #fff;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    background-color: #e21323;
}

.vip_bg{
	background-color: #eee;
}

.vip_type{
	display: table;
	width: 100%;
	background-color: #fff;
}
.vip_type a{
	display: table-cell;
	height: 40px;
	line-height: 40px;
	font-size: 1.4rem;
	width: 20%;
	text-align: center;

}
.vip_type a.cur{
	border-bottom: 1px solid #e21323;
	color: #e21323;
}
.vip_list{
	padding-bottom:15px;
}

.vip_box{
	margin: 10px 0;
	background-color: #fff;
	padding: 15px;
}
.vip_box .tit{
	display: flex;
	justify-content: space-between ;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
}
.vip_box .tit b{
	font-size: 1.2rem;
	line-height: 30px;
}
.vip_box .tit p{
	color: #e21323;
	font-size: 1.2rem;
	line-height: 30px;
}
.order_pro{
	width: 100%;
	display: table;
	padding: 15px 0;
	

}
.order_pro .img{

	width: 50px;
	display: table-cell;
}
.order_pro  .order_info{
	width: calc(100% - 50px);
	display: table-cell;
	vertical-align: middle;
	padding-left: 15px;
}
.order_pro  .order_info h3{
	font-size: 1.4rem;
	font-weight: bold;

}
.order_pro  .order_info p{
	font-size: 1.2rem;
	color:#e21323 ;
}

.vip_box .order_down{
	border-top: 1px solid #eee;
}

.vip_box  .total {
	text-align: right;
	padding: 10px 0;
	
}
.vip_box  .total p{
	color: #e21323;
	font-size: 1.2rem;
	text-align: right;
	line-height: 30px;
}
.vip_box  .total i{
	font-size: 1.2rem;
	text-align: right;
	line-height: 30px;
	font-style: normal;
	color: #aaa;

}
.vip_box .order_button{
	text-align: right;
}
.vip_box .order_button a{
	display: inline-block;
	padding: 5px 15px;
	border: 1px solid #ccc;
	border-radius: 5px;
}
.vip_box .order_button a.red{
	display: inline-block;
	padding: 5px 15px;
	border: 1px solid #ccc;
	border-radius: 5px;
	background-color:#e21323;
	color: #fff;
}

/*空购物车*/
#empty {
	padding: 88px 0 100px 156px;
	background: url(../images/cart.png) no-repeat 40px 86px;
	position: relative;
}

	#empty h2 {
		font: 700 14px / 20px arial;
	}

	#empty ul {
		margin-top: 12px;
		line-height: 20px;
	}

	#crumbs a, #empty a {
		color: #36C;
	}

.success{
	color: green;
	font-size: 6rem;
}
.result .layui-col-xs12{
	text-align: center;
}

.back_link{
	margin-top: 20px; 
	text-align: center;
}
.back_link a{
	text-decoration: underline;
	 font-size: 1.4rem;
	 color: #019e95;
}