﻿.small-banner{
	background: url('../img/blue.png') no-repeat;
	/*width: 100%;*/
	height:86px;
	margin-top:20px;
}
.small-banner-new{
	background: url("../img/shidian.png") no-repeat;
	background-size:100% 100%;
}
.small-banner li{
	float: left;
	margin-left: 88px;
	margin-top: 8px;
	width:75px;
	text-align: center;

}
.small-banner li.first{
	background: url('../img/corn.png') no-repeat 0 0;
	width:143px;
	height: 86px;
	color: #fff;
	font-size: 16px;
	/*font-weight: bold;*/
	line-height: 86px;
	text-align: center;
	margin-top: 0px;
	margin-left:0px;
}
.small-banner li span{
	color: #fff;
	font-size: 16px;
	line-height: 33px;

}
.small-banner li b{

	font-size: 24px;
	color: #00b4ff;
	font-weight: normal;
	/*letter-spacing: 5px;*/
}
.small-banner li.look{
	width: auto;
}
.small-banner li a{
	color: #fff;
	font-size: 16px;
	line-height: 70px;
	text-decoration: underline;
	opacity: 0.7;
}
.bannerList {
	width: 404px;
	height: 248px;
	overflow: hidden;
	position: relative;

}

.bannerList > ul {
	display: none;
	margin-top:0px;
	margin-left: 0px;
}

.bannerList > ul > li  {
	float: left;

}

.bannerList > ul > li > a {
	display: block;
	text-align: center;
	font-weight: bold;
}
.bannerList  ul li  a img{
	display:block;
	width: 404px;
	height: 248px;
}
.bannerList  ul li  a.text {
	color: #fff;
	font-size: 12px;
	display: block;
	background: url("../img/opa.png") repeat;
	line-height: 28px;
	width: 404px;
	height: 28px;
	position: absolute;
	bottom: 0;
	padding-left: 0px;
	z-index: 99;
	text-align: left;
	text-indent: 1em;

}
.bannerList  ul li  a.text span{
	width: 300px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.img-btn-list {
	width: 100%;
	position: absolute;
	bottom: 6px;
	right: 0;
	text-align: right;
	z-index: 100;
}

.img-btn-list > span  {
	display: inline-block;
	width: 5px;
	height: 5px;
	margin: 0 7px;
	background:url("../img/group.png") no-repeat 0 -845px;
	cursor: pointer;
}

.img-btn-list > span.current {
	background-position:0 -821px;
	width: 10px;
	height: 10px;
}
.content-list{
	width:444px;
	height: 248px;
	margin-left: 17px;
	border: #e5e5e5 solid 1px;
	border-top:none;
}
.content-list>p{
	background: #61a5ee;
	height: 35px;
	line-height: 35px;
}
.content-list>p>span{
	float: left;
	width: 100px;
	display: block;
	color: #fff;
	font-size: 16px;
	text-align: center;
	/*cursor: pointer;*/
}
.content-list>p>span.show{
	background: #192937;
}
.content-list>p.xybox{
	cursor: pointer;
}
.content-list>p>span.xy{
	width: 120px;
}
.content-list>p>span:hover{
	background: #192937;
}
.content-list>p>a{
	float: right;
	display: none;
	background:url("../img/group.png") no-repeat 0px -43px;
	width:20px;
	height: 20px;
	margin-right: 20px;
	margin-top: 8px;
}
.content-list>p>a.show{
	display: block;
}
.content-list>ul>li{
	display: none;

}
.content-list>ul>li.show{
	display: block;
}
.content-list>ul>li>ul>li{
	background:url("../img/group.png") no-repeat 0px -781px;
	text-indent: 1em;
	line-height: 26px;
}
.content-list>ul>li>ul>li.first-list{
	background:none;
	border-bottom: dashed #d0d0d0 1px;
	height: 55px;
	margin-bottom: 5px;

}
.content-list>ul>li>ul>li>a.second{
	float: left;
	color: #666;
	font-size: 14px;
	width: 300px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

}
.content-list>ul>li>ul>li:hover span,.content-list>ul>li>ul>li:hover a{
	color: #61a5ee;
}
.content-list>ul>li>ul>li>span{
	color: #666;
	font-size: 14px;
	float: right;
}
.content-list>ul>li>ul>li.first-list>a>span{

	line-height: 18px;
	overflow: hidden;
	color: #999;
	font-size: 14px;
	text-indent: 0;
	float:left;
	text-overflow: ellipsis;
	white-space: nowrap;
	width:310px;

}

.content-list>ul>li>ul>li.first-list>a>b{
	text-align: center;
	color: #333;
	font-size: 16px;
	/*font-weight: 100;*/
	display: block;
	height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.content-list>ul>li>ul>li.first-list  em.link{
	color: #61a5ee;
	font-size: 14px;
	line-height: 15px;
	float:right;
	width:auto;
	font-style: normal;

}

.content-list>ul{
	background: #fff;
	height: 190px;
	padding: 10px 20px 0;
	overflow: hidden;
}
.trading>span{
	display: block;
}
.credit-img{
	width: 264px;
	height: 18px;
}
.trad-img{
	background: url('../img/flower.png') no-repeat 0 0;
    color: #333;
    font-size: 16px;
    padding-left: 30px;
    line-height: 20px;
	height: 20px;
}
.trad-img>em{
    font-style: normal;
    color:#999;
    font-size: 14px;
    margin-left: 12px;
    font-weight: 100;
}
.trading>span>a{
	display: block;
	width: 146px;
	height: 50px;
	color: #61a5ee;
	border: solid 1px #61a5ee;
	line-height: 50px;
	text-align: center;
	background-color: #fff;
	border-radius: 5px;
	margin-top: 45px;
}
.trading>span>a:hover{
	color: #fff;
	background-color:#61a5ee ;
}
.tab-box{
	width: 945px;
}
.tab{
	height: 60px;
	line-height: 60px;
	/*border: #eee solid 1px;*/

}
.tab>ul{
	border: #eee solid 1px;
	border-top:#61a5ee solid 2px;
	border-left:none;
    overflow: hidden;
}
.tab-box>span{
	display: block;
}
.tab-box>span>a{
	color: #61a5ee;
	font-size: 14px;
	line-height: 20px;
}
.tab-box>span>a.more{
	color: #fff;
	background: url('../img/more.png') no-repeat  ;
	width: 240px;
	height: 44px;
	display: block;
    text-align: center;
	line-height: 52px;
}

.tab-box>span>a.more span
{
	animation:mymove 1s infinite;
	-webkit-animation:mymove 1s infinite; /*Safari and Chrome*/
	-moz-animation:mymove 1s infinite; /* Firefox */
	-o-animation:mymove 1s infinite; /* Opera */
}

@keyframes mymove
{
	from {font-size:12px;}
	to {font-size:14px;}
}
@-moz-keyframes mymove /* Firefox */
{
	from {font-size:12px;}
	to {font-size:14px;}
}
@-webkit-keyframes mymove /*Safari and Chrome*/
{
	from {font-size:12px;}
	to {font-size:14px;}
}
@-o-keyframes mymove /* Opera */
{
	from {font-size:12px;}
	to {font-size:14px;}
}
.tab>ul>li{
	float: left;
	width:116.8px;
	/*text-indent: 3em;*/
	border-right: #eee solid 1px;
	background: url('../img/group2.png') no-repeat 9px -23px #fff ;
	height: 57px;
}
.tab>ul>li>a{
	color: #333;
	font-size: 14px;
	display: block;
	padding-left: 40px;
}
.tab>ul>li.active{

	background-color: #61a5ee;
	background-position: -111px -23px;
}
.tab>ul>li.active a{
	color: #fff;
}
.content-tab-list>li{
	display: none;
}
.content-tab-list>li>ol{
	width:167px;
	height: 401px;
	background-color: #f8f8f8;
}
.content-tab-list>li>ol>li{
	height: 53px;
	line-height: 53px;
	color: #333;
	font-size: 14px;
	text-indent: 1em;
	cursor: pointer;

}
.content-tab-list>li>ol>li.active{
	color: #fff;
	background: url('../img/arrow.png') no-repeat 157px center #61a5ee;
}
.content-tab-list>li>ul{
	height: 480px;
	border: #eee solid 1px;
	/*border-left: none;*/
	/*width:757px;*/
	/*margin-top: -10px;*/
	border-top:none;
	padding:0 10px;
	overflow: hidden;
}
.content-tab-list>li>ul>li>a{
	float: left;
}
.content-tab-list>li>ul>li>span{
	float: right;
}
.content-tab-list>li>ul>li>ul>li{

	font-size: 14px;
	color: #666;
	line-height: 47px;
	padding-left: 15px;
	border-bottom: #eee solid 1px;
}
.content-tab-list>li>ul>li{
	display: none;
}
.content-tab-list>li>ul>li>ul>li>a{
	font-size: 14px;
	color: #666;
	float: left;
	max-width:80%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.content-tab-list>li>ul>li>ul>li>img{
	vertical-align:middle;
	width: 30px;
	height: 9px;
}
.content-tab-list>li>ul>li>ul>li>span{
	float: right;
	font-size: 14px;

}

.content-tab-list>li>ul>li>ul>li:hover a,.content-tab-list>li>ul>li>ul>li:hover span{
	color: #61a5ee;
}
.plat{
	width: 375px;
	margin-top: 30px;
}
.plat>li{
	/*
        overflow: hidden;*/
	margin-bottom:6px;
}
.plat>li>span{
	background: url("../img/dian.png") no-repeat center 0;
	color: #333;
	font-size: 16px;
	text-align: center;
	/*margin-top: -5px;*/
	/*padding-top: 10px;*/
	display: block;
	font-weight: bold;
	line-height: 9px;
	height: 7px;

}
.plat>li>ul>li{
	width: 125px;
	height: 100px;
	margin-bottom: 15px;
	float: left;
	text-align: center;
	background: url("../img/circle.png") no-repeat center -135px;

}
.plat > li > ul > li>a{
	font-size: 14px;
	line-height: 30px;
}
.plat>li>ul{
	margin-top: 20px;
}
.plat>li>ul>li>a>span{
	color:#333;
	font-size: 14px;
	text-align: center;
	display: block;
	line-height: 14px;
	/*background: url("../img/group3.png") no-repeat 0px 0px;*/
	width: 25px;
	height: 24px;
	display: block;
	margin:18px auto;

}
.plat>li>ul>li>a>span>img{
	width: 25px;
	height: 24px;
}
.plat>li>ul>li:hover{
	background-position-y: 0;
}
.plat>li>ul>li:hover a span{
	background-position-x:-76px;
}
.plat>li>ul.two{
	padding-left: 20px;
}
.plat>li>ul.two>li{
	width: 85px;
}
.plat>li>ul.three>li{
	width: 125px;
}


.select>span{
	color: #333;
	font-size: 16px;
	font-weight: bold;
    background: url(../img/nav.png) no-repeat;
    height: 2px;
    display: block;
    width: 333px;
    margin: 0 auto 30px;
    text-align: center;
    line-height: 0px;

}
.select>div{
	height: 72px;
	background-color: #f7f7f7;
}
.select>div >div{
	float: left;
	margin-left:100px;
	margin-top:20px;
	color: #333;
	font-size: 14px;
	position: relative;

}
.select>div >div>span{
	width:298px;
	height: 33px;
	text-align: left;
	text-indent: 1em;
	cursor: pointer;
	display: block;
	background: url("../img/arrow2.png") no-repeat 273px 14px #fff;
	font-size: 14px;
	color: #333;
	line-height: 33px;
}
.select>div >div>span.active{
	background-position-y: -26px;
	border: #dcdcdc solid 1px;
	border-bottom: none;
}
.select>div >div>ul{
	text-align: left;
	text-indent: 1em;
	border: #dcdcdc solid 1px;
	border-top:none;
	background-color: #fff;
	display: none;
	position: absolute;
	top: 33px;
	z-index: 99;
	width:298px;

}
.select>div >div>ul>li:hover{

	background-color:#0095dc;
}
.select>div >div>ul>li:hover a{
	color:#fff;
}
.select>div >div>ul a{
	font-size: 14px;
	color: #333;
	line-height: 20px;
	display: block;
}
.credit{
	margin-top: 20px;
	border-bottom: #eee solid 1px;
}
.credit .inform{
	margin-bottom: -3px;
	width: 157px;
	height: 30px;
}
.step{
	width: 1181px;
	height: 104px;
	margin-top: 30px;
	background: url("../img/step.png") no-repeat;
}
/*区别样式*/
/*余姚、保税、国家高&#111;&#102;&#102;&#105;&#99;&#101;&#51;&#54;&#53;&#105;&#111;&#115;&#29256;&#26412;&#95;&#51;&#54;&#53;&#25552;&#27454;&#39564;&#35777;&#95;&#51;&#54;&#53;&#98;&#101;&#116;&#32593;&#22336;&#26159;&#22810;&#23569;、慈溪、杭州湾&#111;&#102;&#102;&#105;&#99;&#101;&#51;&#54;&#53;&#105;&#111;&#115;&#29256;&#26412;&#95;&#51;&#54;&#53;&#25552;&#27454;&#39564;&#35777;&#95;&#51;&#54;&#53;&#98;&#101;&#116;&#32593;&#22336;&#26159;&#22810;&#23569;、海曙、象山、镇海*/
.announcement{
	margin-top:60px;
}
.announcement li{
	float: left;
	width: 232px;
	height: 83px;
	margin-right: 121px;
	margin-bottom: 20px;
}

.announcement li img{
	width: 273px;
	height: auto;
}
/*余姚*/
.yyimg li{
	margin-right: 20px;
}
.yyimg li, .yyimg li img{
     width: 430px;
	height: auto;
}
/*鄞州*/
.yzimg li{
	margin-right: 30px;
}
.yzimg li, .yzimg li img{
	width: 650px;
	height: auto;
}
/*北仑*/
.approval .left-box{
	width: 1020px;
}

.approval .left-box>ul{
	/*margin-top: 20px;*/
	border:#f6f6f6 solid 1px;
	border-radius: 5px 0 0 5px;
	background-color: #f7f7f7;
	border-radius: 10px;
}
.approval .left-box>ul>li>ul>li{
	float: left;
}
.approval .left-box > ul > li>a{
	background:url('../img/san.png') no-repeat right -19px  #d9ebfd;
	display: block;
	width: 197px;
	height: 100px;
	border-radius: 10px 0 0 10px;
}
.approval .left-box>ul>li span{
	display: block;
	width: 197px;
	height: 100px;
	background:url('../img/glass.png') no-repeat center 17px;
	text-align: center;
	line-height:133px;
	color: #333;
	font-size: 16px;
	border-radius: 10px 0 0 10px;

}

.approval .left-box>ul>li>ul{
	margin-left: 20px;
}
.approval .left-box>ul>li>ul>li:hover a{
	color: #61a5ee;
}
.approval .left-box>ul>li>ul>li{
	background: url("../img/san.png") no-repeat 0px 50px;
	width: 160px;
	line-height: 98px;
	height: 98px;
	text-indent: 1em;
}
.approval .left-box>ul>li>ul>li a{

	color: #333;
	font-size: 16px;
}
.approval .right-box,.approval .right-box img{
	width: 290px;
	height: 100px;
}
/*大谢*/
.approval1 .left-box{
	width: 950px;
}
.approval1 .left-box>div{
	border-bottom: #61a5ee solid 2px;
	padding-bottom: 7px;
}
.approval1 .left-box>div img{
	width: 262px;
	height: 18px;
}
.approval1 .left-box>ul{
	margin-top: 20px;
	border:#f6f6f6 solid 1px;
}
.approval1 .left-box>ul>li>ul>li{
	float: left;
}
.approval1 .left-box>ul>li span{
	display: block;
	width: 112px;
	height: 98px;
	background-color: #f8f8f8;
	text-align: center;
	line-height: 98px;
	color: #333;
	font-size: 16px;
	cursor: pointer;
}
.approval1 .left-box>ul>li span.active{
	color: #fff;
	background:url('../img/arrow.png') no-repeat 102px center #61a5ee;
}
.approval1 .left-box>ul>li>ul{
	margin-left: 20px;
	display: none;
	width: 810px;
}
.approval1 .left-box>ul>li>ul.show{
	display: block;
}
.approval1 .left-box>ul>li>ul>li:hover a{
	color: #61a5ee;
}
.approval1 .left-box>ul>li>ul>li{
	background: url("../img/group.png") no-repeat 0px -747px;
	width: 115px;
	line-height: 98px;
	height: 98px;
	text-indent: 1em;
}
.approval1 .left-box>ul>li>ul>li a{

	color: #333;
	font-size: 16px;
}
.approval1 .right-box{
	width: 355px;
	height: 214px;
	margin-top: 30px;
}
.approval1 .right-box img{
	width: 355px;
	height: 214px;
}
/*奉化*/
.customer{
	margin-top: 30px;
	text-align: center;
	line-height: 100px;
	height: 100px;
	background: url("../img/work.png") no-repeat;
	display: block;
	font-size: 24px;
	color: #fff;
}
.customer a{
	font-size: 24px;
	color: #fff;
}
/*鄞州*/
.customer1{
	margin-top: 60px;
	text-align: center;
	line-height: 100px;
	background: url("../img/work3.png") no-repeat;
	height: 100px;
	display: block;
}
/*宁海*/
.system{
	margin-top:60px;
}
.system li{
	float: left;
	width: 212px;
	height: auto;
	margin-right: 67px;
	/*background: url(../img/img12.png) no-repeat;*/
	/*line-height: 83px;*/
	/*text-align: center;*/

}

.system li a,.system li img{
	width: 212px;
	height: auto;
}
/*江北入口*/
.honest>a{
	width: 352px;
	height:152px;
	display: block;

}
.honest>a.cx{
	margin:18px auto 30px;
	background: url("../img/honest1.png") no-repeat;
}
.honest>a.xy{
	background: url("../img/xieyi1.png") no-repeat;
}
.cententText{
        display: inline-block;
        width: 1124px;
        height: 390px;
        position: absolute;
        left: 50%;
        top: 55%;
		font-size:0;
        margin-left: -562px;
        margin-top: -195px;
    }
    .cententText a{
	    display:inline-block;
		width:380px;
        height: 390px;
		margin:0 91px;
    }
	.cententOne{
	    box-shadow:0 11px 34px #0248ac;
	}
@media only screen and (min-width: 1920px){
	.wap13{
		width: 1840px;
	}
	.content-list > p > a{
		margin-top: 11px;
	}
	.wap12{
		width: 1780px;
	}
	.locat li.big{
		width: 9.06%;
	}
	.bannerList{
		width: 482px;
		height: 295px;
	}
	.bannerList ul li a.text{
		width: 482px;
	}
	.bannerList ul li a.text span{
		width: 400px;
	}
	.bannerList ul li a img{
		width: 482px;
		height: 295px;
	}
	.content-list{
		width: 650px;
		height: 295px;

	}
	.content-list>p{
		height: 42px;
		line-height: 42px;
	}
	.content-list>ul{
		height: 230px;
	}
	.content-list>ul>li>ul>li.first-list{
		height: 70px;
	}
	.content-list>ul>li>ul>li.first-list>a>b,.content-list>ul>li>ul>li.first-list>a>em.link{
		line-height: 30px;
	}
	.content-list>ul>li>ul>li.first-list>a>span,.content-list>ul>li>ul>li>a.second{
		width: 500px;
		line-height: 30px;
	}
	.content-list>ul>li>ul>li{
		background-position-y: -780px;
	}
	.content-list{
		margin-left: 24px;
	}
	.tab-box{
		width: 1270px;
	}
	.tab>ul>li{
		width:157.6px;
		background-position-x: 25px;
	}
	.tab>ul>li>a{
		padding-left: 63px;
	}
	.tab>ul>li.active{
		background-position-x: -95px;
	}
	/*.content-tab-list>li>ul{
		width: 1080px;
	}
*/
	.plat{
		width: 530px;
	}
	.plat>li>span{
		background: url("../img/dian1.png") no-repeat center 0;
		height: 6px;
	}
	.plat>li>ul>li{
		width:175px;
	}
	.plat>li>ul.two{
		padding-left: 30px;
	}
	.plat>li>ul.two>li{
		width:116px;
	}
	.plat>li>ul.three>li{
		width: 176px;

	}

	.small-banner{
		background: url('../img/blue1.png') no-repeat
	}
	.small-banner-new{
		background: url("../img/shidian1.png") no-repeat;
	}
	.small-banner li{
		margin-left: 160px;
	}
	.step{
		width: 1692px;
		height: 131px;
		background: url("../img/step1.png") no-repeat;
	}

	.select>div >div{
		margin-left:220px;
	}
	/*区别样式*/
	/*余姚、保税、国家高&#111;&#102;&#102;&#105;&#99;&#101;&#51;&#54;&#53;&#105;&#111;&#115;&#29256;&#26412;&#95;&#51;&#54;&#53;&#25552;&#27454;&#39564;&#35777;&#95;&#51;&#54;&#53;&#98;&#101;&#116;&#32593;&#22336;&#26159;&#22810;&#23569;、慈溪、杭州湾&#111;&#102;&#102;&#105;&#99;&#101;&#51;&#54;&#53;&#105;&#111;&#115;&#29256;&#26412;&#95;&#51;&#54;&#53;&#25552;&#27454;&#39564;&#35777;&#95;&#51;&#54;&#53;&#98;&#101;&#116;&#32593;&#22336;&#26159;&#22810;&#23569;、海曙、象山、镇海*/
	.announcement li,.announcement li img{
		width: 420px;
		height: auto;

	}
	.announcement li{
		margin-right:53px;
	}

	/*北仑*/
	.approval .left-box{
		width: 1448px;
	}
	.approval .left-box>ul{
		/*margin-top: 20px;*/
		border:#f6f6f6 solid 1px;
	}
	.approval .left-box>ul>li>ul>li{
		width: 200px;
	}
	.trading>span>a{
		margin-top: 55px;
	}
	.approval .right-box, .approval .right-box img{
		width: 362px;
		height: 126px;
	}
	.approval .left-box>ul>li>ul>li{
		height: 126px;
		line-height: 126px;
		background-position-y:63px;
	}
	.approval .left-box > ul > li>a{
		background-position-y: -6px;

		height: 126px;
	}
	.approval .left-box>ul>li span{
		height: 126px;
	}
	.approval .left-box>ul>li span{
		background-position-y:29px;
		line-height: 152px;
	}
	/*大谢*/
	.approval1 .left-box{
		width: 1448px;
	}
	.approval1 .left-box>ul{
		margin-top: 20px;
		border:#f6f6f6 solid 1px;
	}
	.approval1 .left-box>ul>li>ul>li{
		width: 186px;
	}
	.approval1 .left-box>ul>li>ul{
		width: 1305px;
	}
	/*奉化*/
	.customer{
		background: url("../img/work1.png") no-repeat;
	}
	/*鄞州*/
	.customer1{
		background:url("../img/work4.png") no-repeat;
		height: 133px;

	}
	/*宁海*/
	.system li{
		width: 308px;
		height:auto;
		/*line-height: 114px;*/
		/*background: url(../img/img11.png) no-repeat;*/
		margin-right:75px;

	}
	.system li a,.system li img{
		width: 308px;
		height:auto;
	}
	/*江北入口*/
	.honest>a{
		width: 527px;
		height: 157px;
		display: block;

	}

	.honest>a.cx{
		margin: 8px auto 30px;
		background: url("../img/honest.png") no-repeat;
	}
	.honest>a.xy{
		background: url("../img/xieyi.png") no-repeat;
	}
	/*余姚*/
	.yyimg li{
		margin-right: 26px;
	}
	.yyimg li, .yyimg li img{
		width: 596px;
		height: auto;
	}
	/*鄞州*/
	.yzimg li{
		margin-right: 20px;
	}
	.yzimg li, .yzimg li img{
		width: 901px;
		height: auto;
	}
}
