@charset "utf-8";
/* CSS Document */
/*------------------------reset------------------------*/
body,div,p,h1,h2,h3,h4,h5,h6,h7,table,td,ul,li,ol,hr,img{ margin:0px; padding:0px; border:0px; font-family:Arial, Microsoft YaHei;}
.clear{ clear:both; font-size:0px; line-height:0px; height:0px; overflow:hidden;}
a{ text-decoration:none; color:#333; -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out; transition:.4s ease-in-out;}
a:hover{ color:#002FA7;}
li{ list-style-type:none;}
table{ border-collapse:collapse; width:100%;}
td{ vertical-align:top;}

html{ -webkit-font-smoothing: antialiased; }

/* filter:alpha(opacity=70);opacity:0.7;*/
.dh{ -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out; transition:.4s ease-in-out;}
.ty{ box-shadow:0 2px 2px rgba(0,0,0,0.3); -moz-box-shadow:0 2px 2px rgba(0,0,0,0.3); -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.3);}
.yj{ border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.btm{ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70ffffff',endColorstr='#70ffffff');/* IE6,IE7 */-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#70ffffff, endColorstr=#70ffffff)"; background:rgba(255,255,255,0.5);}
/*text-transform 值：Capitalize 英文拼音的首字母大写 Uppercase 英文拼音字母全大写 Lowercase 英文拼音字母全小写*/

/*------------------------header------------------------*/
.header{ margin: 0!important; padding: 0!important; z-index: 9999; }
.navbar{ box-shadow:0px 2px 4px rgba(0,0,0,0.1); -moz-box-shadow:0px 2px 4px rgba(0,0,0,0.1); -webkit-box-shadow:0px 2px 4px rgba(0,0,0,0.1); z-index: 9999;}
.navbar ul{  z-index: 9999;}
.navbar ul li{ text-align: center; font-size: 15px; position: relative; z-index: 9999;}
.navbar ul li a{ color: #333;}
.navbar ul li a:hover, .navbar ul li a.on{ color: #002FA7;}
.navbar ul li dl{ position: absolute; left: calc(50% - 140px); top: 90%; width: 280px; z-index: 9999; transition: all ease .238s; transform: translateY(3px); box-shadow: inset 0 12px 19px rgba(255,255,255,0.1), 0 1px 7px rgba(0,0,0,0.2); display: none;}
.navbar ul li dl a{ display: block; width: 100%; line-height: 45px; color: #4b4b4b; background: #fff; font-size: 14px; padding: 0 18px; box-sizing: border-box; border-top: 1px solid #eaeaea; text-align: left;}
.navbar ul li:hover dl{ display: block;}

.banner { width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.banner .swiper-slide { text-align: center; font-size: 18px; background: #002FA7; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.banner .swiper-slide img { display: block; max-width: 100%; height: 100%; object-fit: cover;}

.mBanner { width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.mBanner .swiper-slide { text-align: center; font-size: 18px; background: #002FA7; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.mBanner .swiper-slide img { display: block; max-width: 100%; height: 100%; object-fit: cover;}

.collection{}
.collection .content a{ overflow: hidden;}
.collection .content a img{display: block; transition: .6s; overflow: hidden;}
.collection .content a:hover img{transform: scale(1.2);}

.arrivals{}
.arrivals .picBox{ -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out; transition:.4s ease-in-out;}
.arrivals .picBox:hover{ background: #002FA7;}
.arrivals .picBox:hover a{ color: #fff;}
.arrivals .picBox .pic{ border-bottom: 2px #002FA7 solid;}
.arrivals .picBox .pic a{ overflow: hidden;}
.arrivals .picBox .pic a img{display: block; transition: .6s; overflow: hidden;}
.arrivals .picBox .pic a:hover img{transform: scale(1.2);}

.about{}

.ad{ background:url(../images/ad.jpg) center center repeat-x #000; text-align: center; color: #fff; line-height: 180%;}

.more{}
.more a{ border: 1px #002FA7 solid; color: #002FA7;}
.more a:hover{ border: 1px #002FA7 solid; color: #fff; background: #002FA7;}

.foot{ color: #666;}
.foot a{ color: #666;}
.foot a:hover{ color: #002FA7;}
.foot .copy{ color: #444; border-top:1px #353535 solid;}

/*nbanner*/
.nBanner{ color: #fff;}
.nBanner h2{ position: relative;}
.nBanner h2:after { content: ""; width: 40px; height: 2px; background: #fff; margin: 10px auto; display: block;}

.sideNav{ background: #f0f0f0;}
.sideNav a{ border-right: 1px #fff solid; border-bottom: 1px #fff solid;}
.sideNav a:first-child{ border-left: 1px #fff solid;}
.sideNav a:hover{ background: #002FA7; color: #fff;}

/*ntitle*/
.ntitle{ border-bottom: 1px #ccc solid;}
.ntitle h2{ font-weight: bold;}
.ntitle h2:after { content: ""; width: 40px; height: 2px; background: #002FA7; display: block;}
.ntitle p{ font-size: 1rem; color: #666;}
.ntitle span{ color: #999; background: url(../images/curmbs.png) center left no-repeat; padding-left: 22px;}
.ntitle span a{ color: #999;}
.ntitle span a:hover{ color: #002FA7;}

.nContact{ background: #002FA7; color: #fff;}
	.nContact a{ color: #fff;}

.nProList{}
.nProBox{ text-align: center; -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out; transition:.4s ease-in-out;}
.nProBox .pic a{ border: 1px #f0f0f0 solid; overflow: hidden;}
.nProBox .pic img{display: block; transition: .6s; overflow: hidden;}
.nProBox .pic:hover img{transform: scale(1.2);}
.nProBox .name{ margin: 2px 0;}
.nProBox .name a{ background: #f0f0f0; -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out; transition:.4s ease-in-out;}
.nProBox:hover .pic a{ border: 1px #002FA7 solid;}
.nProBox:hover .pic a img{transform: scale(1.2);}
.nProBox:hover .name a{ background: #002FA7; color: #fff;}

.nProName{}
.nProName h3{ font-size: 1.5rem;}
.nProName p{ color: #999; border-bottom: 1px #ccc dashed;}
.nProName strong{ color: #002FA7;}
.nProName a{ background: #666; color: #fff;}
.nProName a:hover{ background: #002FA7;}
.nProPic{ text-align: center;}
.nProTopic{ font-size: 1.5rem; background: #f5f5f5; border-left: 3px #002FA7 solid; color: #002FA7;}

.pageBox{}
.pageBox a{ border: 1px #ccc solid; padding: 10px 18px; margin: 0 5px;}
.pageBox a:hover{ background: #002FA7; color: #fff; border-color: #002FA7;}
.pageBox .page-num-current{ background: #f0f0f0;}
	
.prevNext{ line-height: 180%;}

.txt{}
.txt img{ max-width: 100%;}
.txt table{ margin: 1% 0;}
.txt td{ border: 1px #333 solid; padding: 1%;}

@media screen and (max-width: 992px) {
	.banner{ display: none;}
	.more a{ width: 25%;}
}
@media screen and (max-width: 768px) {
	.banner{ display: none;}
	.more a{ width: 25%;}
	.sideNav a{flex: 1 1 auto!important;  border-right: 1px #fff solid; border-bottom: 1px #fff solid;}
}
@media screen and (max-width: 576px) {
    .banner{ display: none;}
	.more a{ width: 25%;}
	.sideNav a{flex: 1 1 auto!important;  border-right: 1px #fff solid; border-bottom: 1px #fff solid;}
	
}
@media screen and (min-width: 992px) {
	.mBanner{ display: none;}
	.more a{ width: 25%;}
	.ntitle span{ float: right;}
}
@media screen and (min-width: 1200px){
	.mBanner{ display: none;}
	.more a{ width: 20%;}
	.ntitle span{ float: right;}
}
@media screen and (min-width: 1400px){
	.mBanner{ display: none;}
	.more a{ width: 10%;}
	.ntitle span{ float: right;}
}
/*------------------------index------------------------*/


/*------------------------page------------------------*/


/*------------------------footer------------------------*/