/* 基础样式 */
body{touch-action: pan-y;}
a{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
ol,ul,li {list-style:none; margin:0; padding:0;} 
a{ text-decoration: none; color:#333;}
a:link,a:visited{text-decoration: none;}

/* 阿里云字体图标 */
@font-face {
  font-family: 'iconfont'; 
  src: url('/tpl/default/skin/plugins/iconfont/iconfont.woff2') format('woff2'),
       url('/tpl/default/skin/plugins/iconfont/iconfont.woff') format('woff'),
       url('/tpl/default/skin/plugins/iconfont/iconfont.ttf') format('truetype');
}
.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}



/*bootrstrap样式复盖*/
.container-fluid{
	width:1440px !important;
	max-width:90% !important;
}
@media screen and (max-width:1300px){
	.container-fluid{
		max-width:95% !important;
	}
}
@media screen and (max-width:768px){
	.container-fluid{
		max-width:100% !important;
		padding-right: 10px;
		padding-left: 10px;
	}
	
}


.header .scan{
	position:relative;
}
.header .scan .ewm{
	position:absolute;
	top:75px;
	left:-30px;
	width:120px;
	height:120px;
	border:1px solid #ddd;
	border-radius:5px;
	display:none;
}
.header .scan .ewm img{
	max-width:100%;
	border-radius:5px;
}
.header .scan .arrow{
	width:10px;
	height:10px;
	border:1px solid #ddd;
	position:absolute;
	top:-5px;
	left:50%;
	margin-left:-5px;
	background:#fff;
	-ms-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
	border-right:none;
	border-bottom:none;
}
.header { transition: all 0.5s; position: fixed; left: 0; top: 0; width: 100%; height: 112px; z-index: 10;} 
.logo { display: block; transition: all 0.5s; background: url(/tpl/default/skin/img/headLogo.png) center no-repeat; width: 304px; height: 56px; position: absolute; top: 28px; left:32px}
.search { position: relative; float: right; margin-right: 39px;}
.search span { margin-left: 20px; padding-left: 24px; font-size: 16px; color: #1c1c1c; transition: all 0.5s; cursor: pointer; display: block; background: url(/tpl/default/skin/img/search.png) left center no-repeat; line-height: 112px; }
.scan { transition: all 0.5s; cursor: pointer; float: right; line-height: 112px; margin-left: 54px; margin-right:20px; background: url(/tpl/default/skin/img/scan.png) left center no-repeat; padding-left: 24px; font-size: 16px; color: #1c1c1c;}
.searchBox { display: none; white-space:nowrap; position: absolute; top: 112px; right: 0; width: 258px; background: #ffffff; border-radius:0 0 3px 3px; padding: 8px;  box-shadow: 0 3px 10px rgba(0,0,0,0.2);}
.searchBox input { box-sizing: border-box; padding: 0; float: left; width: 200px; height:36px; text-indent: 10px; border: 1px solid #eee; outline: none;}
.searchBox button { float: left; background: url(/tpl/default/skin/img/search.png) center no-repeat #eeeeee; border: none; display: block; outline: none; width: 36px; height: 36px;}
.nav { float: right;}
.nav li { position: relative; float: left; margin-left: 3.5vw;}
.nav li:first-child { margin-left: 0;}
.nav li>a { transition: all 0.5s; font-size: 16px; line-height: 112px; color: #1c1c1c;}
.nav li .cur { 
	color: #353261!important;
}

.nav li:hover>a { color: #353261!important;}
.nav li dl { display: none; padding: 10px 0; border-radius: 0 0 3px 3px; background: #ffffff; position: absolute; box-shadow: 0 3px 10px rgba(0,0,0,0.2); top: 100px; left: 50%; margin-left: -50px; width: 100px;}
.nav li dl a {font-weight:500; display: block; transition: all 0.5s; text-align: center; transition: all 0.5s; color: #333333; display: block; line-height: 2.5; font-size: 15px;}
.nav li dt:hover a { color: #353261;}
.header.act { box-shadow: 0 0 10px rgba(0,0,0,0.2); height:80px; background: #ffffff;}
.header.act .logo {top: 16px;}
.header.act .nav li>a { line-height: 80px; color: #333333;}
.header.act .search span{ line-height: 80px;}
.header.act .nav li dl { top: 80px;}
.header.act .searchBox { top: 80px;}
.banner span.swiper-pagination-bullet-active { background: #3a3265;}
.banner img { display: block; width: 100%;}
.productCenter { width: 1440px; max-width: 92%; margin: 100px auto 60px;}
.productTitle { margin-bottom: 40px; line-height: 65px; border-bottom: 2px solid #ebebeb; overflow: hidden;}
.productTitle p { float: left; font-size: 26px; color: #1c1c1c;}
.productTitle a { float: right; font-size: 16px; color: #666666; transition: all 0.5s;}
.productTitle a:hover { color: #3a3265;}
.header.act .scan { line-height: 80px;}



.footer { padding-top: 45px; background: #333333;}
.footerCont { width: 1440px; margin: 0 auto; max-width: 92%;}
.footerTop { padding-bottom: 5px; border-bottom: 1px solid #474747; overflow: hidden;}
.footerTop ul { float: left;}
.footerTop li { float: left; margin-right:0.5rem;}
.footerTop li:last-child { margin-right: 0;}
.footerTop li h2 { line-height: 46px;}
.footerTop li h2 a{ color: #ffffff; font-size: 16px;}
.footerTop li h2 a:hover{ text-decoration:underline;}
.footerTop li p { line-height: 2;}
.footerTop li p a { font-size: 14px; color: #ffffff; opacity: .24; transition: all 0.5s;}
.footerTop li p:hover a { opacity: 1;}
.footerContact { float: right;}
.footerContact a.chatOnline { margin-top: 5px; color: #ffffff; font-size: 16px; background: url(/tpl/default/skin/img/icon1.png) 30px center no-repeat #343260; text-indent: 54px; display: block; width: 148px; height: 44px; line-height: 44px;}
.chatLink { margin-top: 15px; overflow: hidden;}
.chatLink a { float: left; margin-right: 39px;}
.chatLink a:last-child { margin-right: 0;}
.footerIntroduce { overflow: hidden; margin-top: 50px;}
.footerLogo { margin-top: 7px; float: left;}
.footerIntroduce p { float: left; line-height: 32px; width: 908px; max-width: calc(100% - 344px); margin-left: 40px; font-size: 14px; color: #ffffff; opacity: .64;}
.footerInfor { padding: 25px 0 45px;}
.footerInfor p { line-height: 2; font-size: 14px; color: #ffffff;}
.footerInfor p span { margin-right: 23px;}
.footerInfor p span b { margin: 0 8px;}
.footerInfor p a { color: #ffffff; transition: all 0.5s; opacity: .32; margin-right: 23px;}
#screen { display: none; position: absolute; left: 0; top:0; background: rgba(0,0,0,0.5); z-index: 5; width: 100%; height: calc(100% - 60px);}


@media screen and (max-width: 1280px) {
	.nav li { margin-left: 2.4vw;}
}
@media screen and (max-width: 1080px) {
	.footerLogo { float: none; text-align: center;}
	.footerIntroduce p { max-width: 100%; width: 100%; float: none; padding: 0; margin: 20px auto 0;}
	.footerTop li { margin-right: 7.5vw;}
	.nav { position: fixed; left:-110%; max-width: 40%; width: 300px; top:60px; height: calc(100vh - 60px); z-index: 9999; background:#ffffff;}
	.nav li { float: none; margin: 0; padding: 0 20px;}
	.nav li>a,.header.act .nav li>a { color: #333333; line-height: 3;}
	.header { height: 60px;}
	.header .logo { top: 16px; left: 4%; width: 118px; height:33px; background-size:100% auto;}
	.scan { display: none; line-height: 60px;}
	.search span { line-height: 60px;}
	.langChose { display: none;}
	.searchBox { top: 60px;}
	.header.act { height: 60px;}
	.header.act .search span,.header.act .scan { line-height: 60px;}
	.header.act .searchBox { top: 60px;}
	.nav li dl { position: static; width: 100%; box-shadow: none; transform: translate(0); margin: 0; text-align: left;}
	.nav li dl a { text-align: left; text-indent: 10px;}
	.menu { display: block; background: url(/tpl/default/skin/img/menu.png) center no-repeat; width:21px; height: 20px; background-size:100% auto; position: absolute; right: 4%; top: 50%;
	margin-top: -10px; background-size:100% auto;}
	.search { margin-right:calc(4% + 36px);}
}
@media screen and (max-width: 750px) {
	.footerInfor p a { display: block;}
	.footerInfor p span { display: block; margin: 0;}
	.footerTop ul { overflow: hidden; float: none;}
	.footerContact a.chatOnline { text-align: left; margin: 20px auto;}
	.chatLink a { float: none; margin: 0 15px!important;}
	.footerTop {display:none;}
	.footerContact { float: none; text-align: center;}
	.footer{padding-top:1px;}
	.nav{z-index:999999;}
}