/* 横幅 */
#banner{
	position: relative;
	overflow: hidden;
}
#banner a{
	color:#fff;
}
#banner .swiper_text{
	margin-top:-50px;
	max-width:650px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) !important;-ms-transform: translateY(-50%) !important;-webkit-transform: translateY(-50%) !important;
    right:20%;
    z-index: 5;
}
#banner .swiper_text h3{
	font-size:42px;
	font-weight:700;
	line-height:60px;
	margin-bottom:20px;
}
#banner .swiper_text .t1{
	font-size:26px;
	opacity:0.7;
}
#banner .swiper_text .t2{
	font-size:16px;
	opacity:0.3;
}

#banner .img{
	display:block;
	margin:0 auto;
    width: 100%;
    height: auto;
}
.banner-pagination-center{
	text-align:center;
	position: absolute;
    bottom: 30px;
	height:30px;
	width:100%;
	z-index:900;
}
#banner .banner-pagination {
	display:inline-block;
	width:auto !important;
	background:rgba(0,0,0,0.2);
	height:24px;
	line-height:22px;
	border-radius:50px;
	padding:0 12px;
}
#banner .banner-pagination .swiper-pagination-bullet {
    border-radius: 0;
    opacity: 1;
    margin: 0 5px;
	background:#fff;
	border-radius:10px;
	-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
}
#banner .banner-pagination .swiper-pagination-bullet-active{
	width:20px;
}


@media screen and (min-width:0px) and (max-width:768px){
	#banner .banner-pagination-center {
		bottom: 5px;
	}
	#banner .swiper_text{
		width:75%;
		right:10px;
		margin-top:0px;
	}
	#banner .swiper_text h3{
		font-size:18px;
		font-weight:700;
		line-height:24px;
		margin-bottom:5px;
	}
	#banner .swiper_text .t1{
		font-size:14px;
		margin-bottom:0px;
	}
	#banner .swiper_text .t2{
		font-size:11px;
		word-break:break-all;
		display:-webkit-box;
		-webkit-line-clamp:2;
		-webkit-box-orient:vertical;
		overflow:hidden;
	}
}

/*通用样式*/
html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
body{ background:#fff; font:normal 12px/22px "微软雅黑";  }
img{ border:0;  }
a{ text-decoration:none; color:#000;  }
a:hover{ color:red;  }
.clear { clear:both;}
.clearfix { zoom:1;}
.clearfix:after { content:'\20'; display:block; height:0; clear:both;}
div { box-sizing:border-box;}
.dn { display: none;}

/* CSS Document */

.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;}
.productMenu { float: left; width: 270px;}
.productMenu li { padding-bottom: 7px; margin-bottom: 17px; padding-left: 32px; position: relative;}
.productMenu li:last-child { margin-bottom: 0;}
.productMenu li:after { content: ''; position: absolute; bottom: 0; left: 32px; width: 120px; height: 2px; background: #f5f5f5;}
.productMenu li:last-child:after { display: none;}
.productMenu li h2 { margin-bottom: 9px; position: relative; line-height: 22px; font-size: 18px; color: #1c1c1c;}
.productMenu li h2 a { transition: all 0.5s; color: #1c1c1c;}
.productMenu li h2:after { content: ''; transition: all 0.5s; position: absolute; left: -32px; top: 2px; width: 12px; height: 12px; background: #efefef;}
.productMenu li h2:hover a{ color:#3a3265 ;}
.productMenu li h2:hover:after { background:#3a3265 ;}
.productMenu li p a{ font-size: 14px; color: #999999; line-height: 32px; transition: all 0.5s;}
.productMenu li p:hover a { color: #3A3265;}
.productList { float: right; width: calc(100% - 320px);}
.productImg { overflow: hidden;}
.productList img { transition: all 0.5s; display: block; width: 100%;}
.productList li { margin-bottom: 28px; text-align: center; float: left; width: 32%; margin-right: 2%;}
.productList li:nth-child(3n) { margin-right: 0;}
.productList li p { transition: all 0.5s; color: #1c1c1c; font-size: 16px; line-height: 48px; background: #f5f5f5; padding: 0 10px;overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.productList li:hover p { color: #ffffff; background:#3a3265 ;}
.productList li:hover img { transform: scale(1.1);}
.productMenu li.cur h2 a{color:#3a3265 ;}
.productMenu li.cur h2:after { background:#3a3265 ;}
.productList li:hover { box-shadow: 0 0 20px rgba(0,0,0,0.4);}
.profile { background: url(/tpl/default/skin/img/bg1.jpg) center top no-repeat; padding-top: 105px; margin-bottom: 5.4vw;}
.profileCont { width: 1440px; margin: 0 auto; max-width: 92%;}
.profileTitle { margin-bottom: 40px; line-height: 65px; border-bottom: 2px solid rgba(255,255,255,.16); overflow: hidden;}
.profileTitle p { float: left; font-size: 26px; color: #ffffff;}
.profileTxt { overflow: hidden;}
.artTit { float: left; margin-top: 16px;}
.artTit h2 { font-size: 18px; font-weight: 200; line-height: 1; margin-bottom: 15px; color: #ffffff;}
.artTit h3 { font-size: 32px; font-weight: bold; line-height: 1; color: #ffffff;}
.profileTxt p { line-height: 38px; width: calc(100% - 485px); float: right;  font-size: 16px; color: #ffffff;overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:4;-webkit-box-orient: vertical;}
.profileCont a.readMore { display: block; margin-bottom: 60px; font-size: 14px; border: 1px solid #ffffff; width: 130px; line-height: 42px; text-align: center; color: #ffffff;}
.profileImg { overflow: hidden;}
.imgCell img { transition: all 0.5s; display: block; width: 100%;}
.imgCell { margin-bottom: 28px; float: left; width: 49%; overflow: hidden;}
.imgCell:nth-child(2n){ float: right;}
.imgCell:hover img { transform: scale(1.2) rotate(6deg);}
.profileNotice { background: url(/tpl/default/skin/img/bg2.jpg) left center no-repeat; height: 380px; padding: 80px 76px 0;}
.profileNotice h2 { color: #ffffff; font-weight: bold; font-size: 32px; line-height: 52px;}
.profileNotice h3 { line-height: 42px; color: #ffffff; font-size: 20px; margin-bottom: 30px;}
.contactTxt { display: inline-block; background: #1c1a4b; padding: 10px 25px 8px 25px;}
.contactTxt p { font-weight: bold; color: #ffffff; font-size: 24px; line-height: 32px;}
.contactTxt span { font-size: 16px; color: #ffffff;}
.advantage .productTitle{ overflow: hidden; width: 1440px; margin: 0 auto 60px; max-width: 92%;}
.advTxt { padding-top: 2.44vw; text-align: right; float: left; width: 39.5%;}
.advImg { float: right; width: 57.25%;}
.advImg img { max-width: 90%;}
.advantage li:after { content:'\20'; display: block; overflow: hidden; height: 0; clear: both;}
.advantage li:nth-child(2n) .advTxt { float:right; text-align: left;}
.advantage li:nth-child(2n) .advImg { float:left;}
.txtInfor h2 { font-weight: bold; line-height: 82px; font-size: 32px;overflow: hidden; white-space:nowrap; text-overflow: ellipsis; color: #363064;}
.txtInfor p { font-size: 16px; color: #666666; line-height: 2;}
.advImg  img { display: block; box-shadow:0 8px 8px rgba(0,0,0,0.16);}
.advantage li:nth-child(2n) .advImg img { float: right;}
.advantage li { margin-bottom: 60px;}
.txtInfor { padding-bottom: 3.4vw; border-bottom: 2px solid #ebebeb; margin-bottom: 26px;}
.advTxt a { display: block; width: 130px; line-height: 42px; border: 1px solid #1a1c52; text-align: center; color: #1a1a1a; transition: all 0.5s;}
.advTxt a:hover { background:#1a1c52 ; color: #ffffff;}
.advantage li:nth-child(odd) .advTxt a { float: right;}
.news { margin-bottom:0px; background: url(/tpl/default/skin/img/bg3.jpg) center top no-repeat; padding:50px 0; background-size:cover;}
.newsTitle { margin-bottom: 40px; line-height: 65px; border-bottom: 2px solid #ebebeb; overflow: hidden;}
.newsTitle p { float: left; font-size: 26px; color: #1c1c1c;}
.newsTitle a { float: right; font-size: 16px; color: #666666; transition: all 0.5s;}
.newsTitle a:hover { color: #3a3265;}
.newsCont { width: 1440px; margin: 0 auto; max-width: 92%;}
.newsCont ul { overflow: hidden;}
.newsCont li { padding: 6px 16px 0; box-sizing: border-box; float: left; width: 23.6%; background: #ffffff; margin-right: 1.866666%;}
.newsCont li:last-child { margin-right: 0;}
.newsCont li span { margin-bottom: 6px; display: block; line-height: 48px; color: #2c2929; font-size: 16px; border-bottom:1px solid #faf8f8;}
.newsCont li h2 {overflow: hidden; white-space:nowrap; text-overflow: ellipsis; font-size: 18px; color: #2c2929; line-height: 60px;}
.newsCont li p { margin-bottom: 35px; font-size: 16px; line-height: 2; color: #999999; overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsCont li a { transition: all 0.5s; line-height: 3; font-size: 14px; color: #999999;}
.newsCont li a:hover { color: #343260;}

@media screen and (max-width: 1400px) {
	.advTxt {padding-top: 0;}
	.profile,.news { padding-top: 50px;}
	.txtInfor p { font-size: 14px;}
	.txtInfor h2 { font-size: 28px; line-height: 2;}
	.newsCont li h2 { line-height: 2;}
	.newsCont li p { margin-bottom: 0; font-size: 14px;}
	.profileTxt p { width: calc(100% - 400px);}
}
@media screen and (max-width: 1280px) {
	.nav li { margin-left: 2.4vw;}
}
@media screen and (max-width: 1080px) {
	.profileTitle p { font-size: 18px;}
	.productCenter { margin: 20px auto;}
	.productMenu { float: none; width: 100%;}
	.productMenu li { padding-left:15px; margin: 0 10px; display: inline-block;}
	.productMenu li p { display: none;}
	.productMenu li:after { display: none;}
	.productMenu { text-align: center; margin-bottom: 20px;}
	.productList { float: none; width: 100%;}
	.productTitle p { font-size: 18px;}
	.productTitle a { font-size: 14px;}
	.productMenu li h2 { font-size: 16px;}
	.productMenu li h2:after { width: 8px; height: 8px; top: 50%; margin-top: -4px; left: -15px;}
	.profile, .news { padding-top: 20px;}
	.newsTitle p { font-size: 18px;}
	.productTitle,.advantage .productTitle,.newsTitle { margin-bottom: 20px;}
}
@media screen and (max-width: 750px) {
	.newsCont li { width: 49%; margin-right: 0; margin-bottom: 10px;}
	.newsCont li:nth-child(2n){ float: right;}
	.news { margin-bottom: 0; padding-bottom: 20px;}
	.productList li { margin-right: 0; margin-bottom: 10px; width: 49%;}
	.productList li:nth-child(2n){ float: right;}
	.profileTxt p { text-align: center; display: block; font-size: 14px; text-align: justify; float: none; width: 100%; margin: 20px 0;}
	.imgCell { width: 100%; float: none; margin-bottom: 10px;}
	.profileNotice { height: auto; text-align: center; padding: 20px;}
	.contactTxt p { font-size: 16px;}
	.profileNotice h2 { font-size: 18px; text-align: center;}
	.profileNotice h3{ font-size: 16px; line-height: 2;}
	.artTit { float: none;}
	.artTit h3 { font-size: 18px; text-align: center;}
	.artTit h2 { font-size: 14px; text-align: center;}
	.profileTitle { margin-bottom: 20px;}
	.profileCont a.readMore { margin: 0 auto 20px;}
	.advImg { float: none; width: 100%;}
	.advImg img { max-width: none; width: 100%; margin: 0 auto; display: block; float: none;}
	.advantage ul { padding: 0 4%;}
	.advTxt { float: none; width: 100%; text-align: left;}
	.advantage li:nth-child(odd) .advTxt a { float: none;}
	.advantage li { margin-bottom: 20px;}
}