@charset "UTF-8";

section.banner{
	overflow:hidden;
	margin-top: -60px;
}
section.banner img{
	display: block;
	width: 100%;
}
section.banner div.dots{
	height: 13px;
	width: 100%;
	position:absolute;
	bottom: 50px;
	overflow: hidden;
}
section.banner div.dots div.swiper-pagination{
	position:relative;
	max-width: 1200px;
	margin:0 auto;
	text-align: right;
	font-size: 0;
}
section.banner div.dots span.swiper-pagination-bullet{
	width:9px;
	height: 9px;
	border:2px solid #fff;
	opacity: 0.5;
	margin-left: 14px;
	background: transparent;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}
section.banner div.dots span.swiper-pagination-bullet-active{
	opacity: 1;
	background: #fff;
}

section.banner div.m-banner{
	display: none !important;
}
section.banner .swiper-button-next,
section.banner .swiper-button-prev{
	width: 51px;
	height: 45px;
	outline: none;
	margin-right: 2%;
	margin-left:2%;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAtBAMAAADxU07yAAAAA3NCSVQICAjb4U/gAAAALVBMVEX///////////////////////////////////////////////////////////+g0jAFAAAAD3RSTlMAESIzRFVmd4iZqszd7v8z/eE5AAAACXBIWXMAAAsSAAALEgHS3X78AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAAShJREFUOI2NlLFOwzAQhs9pH6BnqXuwUWdUoixICAYqwQZDdkq4V+jUHQYehVfIwiPwCLByz0CcJrYb4hOeHH/yf87dfwcQr/J5AdNrSfQ4TTK6ntfTaNOeU0IuT6CM7iGByi5MhxCPHrqkswEhHrGDXIcQjUEcyzmk0Ni1CWhOVwNCc377sz0ZFFX10O8Itb1p+NOjsu53itAWb8xfZjGSa5Ep7pj5e40jOcCd3TQRWtU+pt45OY+CXPu6Fyc3IFVtwV+yr02EVqGyqIt3DmgW5ADtQa5H5VPIlj5tYlTlEEJdcIyi2il9yf+8JcQSXij8l5QNIYdS5qV6CVUee2MfeeOvoz68owQfSu6FrEp6XugUqb+krhR6WZoATjI1N4Rp42ZUHj5+AV6vxmGf4j2oAAAAAElFTkSuQmCC') no-repeat center / 100% auto;
	overflow: hidden;
	text-indent: 100em;
}
section.banner .swiper-button-next{
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAtBAMAAADxU07yAAAAA3NCSVQICAjb4U/gAAAALVBMVEX///////////////////////////////////////////////////////////+g0jAFAAAAD3RSTlMAESIzRFVmd4iZqszd7v8z/eE5AAAACXBIWXMAAAsSAAALEgHS3X78AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAATVJREFUOI2N1D1OwzAUB/DnUjHHEe1MXLWsVYpgRQqKGClDZwrFW4ciTgA9CkcAJC7BEdgJyjsDbuOvRH4WHvOT/7Gfnw1gx0BOITyYlA9JmPorVt6F6fAW+vKCIpiEI3fEFp1IzhNNKnLalr3tCc78SMZTkSlrqBXJUjFTpqkVycX6p8izRBOUK0ejb3wvBB9q6i3mhtIRYr2dZcOl/nBkIll6iojVZT4xZCMbwo/iZGOWbSI11dvzRw428tgjrK6es6QdaQg/X4Sd1pNzn+rXnNtpg12kJawKlwjlvU/4JhwdqM159Jvbn6lTvfYJfVIl/d8s+l/0CiP7oqtB1zBSefq8gqfc9MZTqDdUR31RHRXpw0j3dnv+xpU4clNi90uP4K10RN9l6gVQ70Y4LvrawLizuj9XQsZhLLjm8gAAAABJRU5ErkJggg==');
}


section.products{
	padding:66px 0 70px;
	position: relative;
	z-index: 2;
}
section.products a.title{
	display: block;
	padding: 45px 40px;
	font-size: 30px;
	line-height: 30px;
	color: #fff;
	background: #0075c1;
	position: absolute;
	left:0;
	top:-160px;
}
section.products a.title b{
	display: block;
	font-size: 40px;
	font-family: 'MontserratBlack';
	line-height: 40px;
	text-transform: uppercase;
}
section.products div.productsWrap{
	overflow: hidden;
	height: 761px;
}

section.products div.swiper-container-t{
	width:540px;
	height: 130px;
	margin-right: 0;
	margin-top: 36px;
	background: #0075c1;
	color: #fff;
	z-index: 3;
	position:absolute;
	right:0;
	top:0;
}
section.products div.swiper-container-t .swiper-slide{
	text-align: center;
	display: flex;
	flex-direction:column;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	line-height: 22px;
}
section.products div.swiper-container-t .swiper-slide span{
	display: block;
	max-height: 44px;
	overflow: hidden;
	line-height: 18px;
	margin:0 15px;
}
section.products div.swiper-container-t .swiper-slide small{
	font-size: 16px;
	font-family: 'MontserratSemiBold';
	color: #fff;
	opacity: 0.4;
}
section.products div.swiper-container-t .swiper-slide-thumb-active{
	font-weight: bold;
}
section.products div.swiper-container-t .swiper-slide-thumb-active small{
	opacity: 1;
}
section.products div.swiper-container-t .swiper-slide-thumb-active:after{
	color: #f00;
	content:'';
	display: block;
	width:6px;
	height: 21px;
	background: #fff;
	margin: 0 auto;
	position: absolute;
	bottom: 0px;
}

section.products div.swiper-container-h,
section.products div.swiper-container-h .swiper-slide{
	width:924px;
	height: 595px;
	margin-right: 0;
}
section.products div.swiper-container-h{
	position: absolute;
    right: 0;
    bottom: 0;
}
section.products div.swiper-container-h a.thumb{
	display: block;
	width:924px;
	height: 535px;
	overflow: hidden;
	position: absolute;
	right:0;
	top: 0;
}
section.products div.swiper-container-h a.thumb img{
	display: block;
	width: 100%;
}
section.products div.swiper-container-h a.more{
	display: block;
	width:174px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-family: 'MontserratRegular';
	position:absolute;
	right:0;
	bottom:0;
	background: #e1424a;
	text-transform: uppercase;
}
section.products div.productsWrap .button-next,
section.products div.productsWrap .button-prev{
	width:16px;
	height: 23px;
	overflow: hidden;
	opacity: .4;
	right:514px;
	top:88px;
	z-index: 4;
	position: absolute;
	cursor: pointer;
	outline: none;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAXBAMAAADw2NLqAAAAA3NCSVQICAjb4U/gAAAAMFBMVEX///////////////////////////////////////////////////////////////9Or7hAAAAAEHRSTlMAESIzRFVmd4iZqrvM3e7/dpUBFQAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAABbSURBVAiZY2AAA+Z7EJqh/j+ElvoPYTDdhzLi/kMYHP8hDMb9UIbtfwiD7T+EwbgeyuD6D2XwwRjc/9HVMLDDGAx+MAbjeSiDgRPGgNvOwAxzD9yFCDczsNwDADfRX9p0rA7yAAAAAElFTkSuQmCC') no-repeat center / 100% auto;
}
section.products div.productsWrap .button-next{
	left:auto;
	right:10px;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAXBAMAAADw2NLqAAAAA3NCSVQICAjb4U/gAAAAMFBMVEX///////////////////////////////////////////////////////////////9Or7hAAAAAEHRSTlMAESIzRFVmd4iZqrvM3e7/dpUBFQAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAABVSURBVAiZY8i7wgAB7/8XQBj///8SgDL+X4Yx/gVAGf9/whj/D8IY/xygjP/fYYz/C2GM3zDGPxjjF7qab1Bdfw2gjI1Qk3+g234J1YVwN+dBHMoAAHMfdCqWrxG/AAAAAElFTkSuQmCC');
}

section.products div.productsWrap .button-next:hover,
section.products div.productsWrap .button-prev:hover{
	opacity: 1;
}

section.products div.container-v-wrap{
	width:659px;
	height: 526px;
	margin-left: 0;
	position: absolute;
	left:0;
	top:0;
	background: #fff;
	z-index: 3;
	overflow: hidden;
	padding: 90px 20px 0 70px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
section.products div.container-v-wrap h3{
	font-size: 30px;
	line-height: 30px;
	white-space: nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
}
section.products div.container-v-wrap h4{
	width:277px;
	height: 60px;
	line-height: 60px;
	background: #eef5fa;
	text-align: center;
	font-size: 16px;
	position: absolute;
	left:0;
	bottom:0;
	z-index: 3;
}
section.products div.container-v-wrap h4 a{
	display: block;
}
section.products div.swiper-container-st{
	width:210px;
	height: 260px;
	margin-top: 20px;
}
section.products div.swiper-container-st .swiper-slide{
	font-size: 16px;
	line-height: 42px;
	white-space: nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
	opacity: 0.4;
	height: auto;
	cursor: pointer;
	font-family: 'MontserratRegular','Microsoft YaHei';
}
section.products div.swiper-container-st .swiper-slide-thumb-active{
	opacity: 1;
	color: #0085dc;
	font-weight:bold;
	font-family: 'MontserratBlack','Microsoft YaHei';
}
section.products div.swiper-container-st .swiper-wrapper{
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}
section.products div.swiper-container-v,
section.products div.swiper-container-v a.thumb{
	display:block;
	width:330px;
	height: 377px;
	overflow: hidden;
}
section.products div.swiper-container-v a.thumb{max-width: none;
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;}
section.products div.swiper-container-v a.thumb:hover{-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);}
section.products div.swiper-container-v a.thumb img{
	display: block;
	width: 100%;
}
section.products div.pic{
	width:277px;
	height: 248px;
	overflow: hidden;
	position:absolute;
	left:0;
	bottom:0;
	z-index: 2;
}
section.products div.pic img{
	display: block;
	width:100%;
}


section.video{
	background: transparent url('../images/video_bg.jpg') no-repeat center / cover;
	height:0;
	padding-top: 32.8125%;
	position:relative;
}
section.video > img{
	display: block;
	width: 100%;
}
section.video a.video-btn{
	display: block;
	text-align: center;
	font-size: 30px;
	color: #fff;
	width: 88px;
	position: absolute;
	left:50%;
	top:50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
section.video a.video-btn i{
	display: block;
	width:88px;
	height: 88px;
	margin:0 auto;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAABYCAMAAABRaVDPAAAAA3NCSVQICAjb4U/gAAAA1VBMVEX///+A7P9d5v9N5P9G4/9C4v834P8x3/8k3v8g3f8V2/8M2v8L2v8A2P/F9v+/9f+s8v+h8f+c8P+f8P+Q7v+L7f+G7P+A7P986/9w6f9t6f9d5v9Y5f/X+f/N9//J9/+89f+69P+29P+z8/+x8/+n8v/V+f/S+P/N9//J9//F9v/f+v/d+v/b+f/a+f/z/f/v/f/p/P/s/P/n+//j+//z/f/1/f/v/f/x/f/r/P/s/P/3/v/z/f/1/f/x/f/7/v/3/v/////7/v/5/v/////7/v////90ZTdWAAAAR3RSTlMAERERERERERERERERESIiIiIiIiIiIiIiIiIiIjMzMzMzMzMzM0REREREVVVVVWZmZmZmZnd3d3d3d4iIiIiZmaqqqru7zLtKVTkAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAABoklEQVRYhe3YZ1MCMRAG4LOCYuy9gL2BigUUQcEY3v//kwyO9TyS3dzeB2fu/cw+M8dCbrNRlCdPHtGor0h7UmpcTK0OgJ2mNkY3yjKmrR5p4yNdCdSWjmp8p7GRGrWFDfyMuUz5ldqqBcTSW0xl2qJ6nIS5nQpHByXdPyTwuhdsDipMAgncb4eh759PFIH+SVCbXCTQWQkw3SRMdYaLKg9p23TANP0k0BpnoRQS+pRjkkjgeZ1uEkmYWomKUkn7tz+imYpOAtcFiskioc8JJo+0bdr0mlwS5sJnsknbpiW3GUDaNhXFSeiKwwwjgXpJnER7qBlMoi5PYk6ebMqTL/Ik/gWZwYNn0J5ZcfJK/KfeLkiTD0XhY0OXpQ+3m0nhI7g3L/yiMFXlFtlkZ80nckeDM+UVeWRrgiCyxqxDRRLpw2BVehjsrCqqSCP74oP14xhHpFxS9lngpzkcNHfTXNFDPi2zQc+19FgFiM7L81YQ6Lji7waC0ZBFBNIsIrJYlyQsdWphbflFSq+eMliQZbHGizJYNiaYab24KuPlyZOHkjcFGXvaVT0rswAAAABJRU5ErkJggg==') no-repeat center / auto 100%;
}
div.popVideo{
	width:80%;
	position: fixed;
	max-width: 640px;
	left: 50%;
	top:50%;
	background: rgba(0, 0, 0, 0.8);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 999;
}
div.popVideo video{
	display: block;
	width: 100%;
}
div.popVideo a.close{
	display: block;
	width: 36px;
	height: 36px;
	position:absolute;
	right:0;
	top:0;
	z-index: 999;
	background: rgba(0, 0, 0, 0.5) url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWAQMAAAD+ev54AAAAA3NCSVQICAjb4U/gAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAJcEhZcwAACusAAArrAYKLDVoAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAXElEQVQImQ3MsQmAMBgF4RMFm4AOILiCpYWDWaQQFBzDVSIuEjdIafGTZ4oPrjouJTpFWgV2HdxyxDyQ/MI3e6w3cmWoLvaidMawyfOtC8kG3ux41HBqK6/AqPgDcZgqt4HOkG0AAAAASUVORK5CYII=') no-repeat center;
}
body > div.mask{
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	left:0;
	top:0;
	z-index: 998;
}


section.news{
	padding: 105px 0 80px;
}
section.news dl.title{
	position: absolute;
	right:0;
	top:-190px;
	min-width: 285px;
	text-align: right;
}
section.news dl.title dt a{
	display: block;
    padding: 45px 40px;
    font-size: 30px;
    line-height: 30px;
    color: #fff;
    background: #0075c1;
    text-align: right;
}
section.news dl.title dt a b{
	display: block;
    font-size: 40px;
    font-family: 'MontserratBlack';
    line-height: 40px;
    text-transform: uppercase;
}
section.news dl.title dd{
	background: #fff;
	border-bottom: 2px solid #0075c1;
}
section.news dl.title dd a{
	display:block;
	font-size: 20px;
	line-height: 60px;
	opacity: 0.6;
	padding-right: 40px;
	border-bottom: 1px solid #f4f4f4;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}
section.news dl.title dd a:hover{
	color: #0075c1;
	opacity: 1;
}
section.news div.right{
	float: right;
	width:780px;
	margin-top: 178px;
}
section.news div.right div.item{
	position:relative;
}
section.news div.right div.item a.thumb{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 68.846%;
	background: transparent no-repeat center / cover;
}
section.news div.right div.item div.info{
	position:absolute;
	left: 55px;
	right: 55px;
	bottom: 40px;
	color: #fff;
}
section.news div.right div.item div.info a.title{
	display: block;
	font-size: 24px;
	color: #fff;
	word-break:break-all;
	word-wrap: break-word;
}
section.news div.right div.item div.info b{
	display:block;
}

section.news div.right div.item div.info a.title:hover{ font-weight:bold;}
section.news div.right div.item div.info p{
	font-size: 18px;
	line-height: 20px;
	font-family: 'MontserratRegular';
	margin: 5px 0 20px;
}
section.news div.right div.item div.info div.desc{
	font-size: 15px;
	line-height: 24px;
	max-height: 48px;
	overflow: hidden;
}
section.news div.right div.item div.info div.desc a{color:#fff;}
section.news div.right div.item a.more{
	display: block;
	width: 174px;
	height: 60px;
	line-height: 60px;
	background: #e1424a;
	text-align: center;
	color: #fff;
	position:absolute;
	right:0;
	bottom: -60px;
	font-size: 16px;
	font-family: 'MontserratRegular';
	text-transform: uppercase;
}

section.news div.left{
	float: left;
	width: 400px;
	overflow: hidden;
}
section.news div.left div.item{
	margin-bottom: 25px;
	position:relative;
	background: #0075c1;
}
section.news div.left div.item.red{
	background: #0075c1 no-repeat center / cover;
}
section.news div.left div.item div.info{
	padding: 35px 45px;
	position:relative;
	color: #fff;
	height: 300px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
section.news div.left div.item.blue div.info:after{
	content:'';
	display: block;
	width:0;
	height: 0;
	border:20px solid transparent;
	border-bottom: none;
	position: absolute;
	bottom: -20px;
	left: 45px;
	border-top-color: #0075c1;
}
section.news div.left div.item div.info:hover{cursor:pointer; }
section.news div.left div.item div.info:hover a{font-weight:bold;}
section.news div.left div.item div.info a:hover{font-weight:bold;}
section.news div.left div.item div.info a.title{
	display: block;
	font-size: 24px;
	line-height: 32px;
	max-height: 64px;
	overflow: hidden;
	color: #fff;
}
section.news div.left div.item div.info div.desc{
	font-size: 15px;
	line-height: 24px;
	max-height: 72px;
	overflow: hidden;
	margin: 20px 0 40px;
}
section.news div.left div.item div.info p{
	font-size: 18px;
	font-family: 'MontserratRegular';
	position: absolute;
    left: 45px;
    bottom: 35px;
}
section.news div.left div.item a.thumb{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 75%;
	background: transparent no-repeat center / cover;
}
section.news div.left div.item.red a.thumb{
	display: none;
}

section.about{

}
section.about div.title{
	position: absolute;
	right:0;
	top:-134px;
}
section.about div.title a{
	display: block;
    padding: 30px 30px 30px 30px;
    font-size: 24px;
    line-height: 24px;
    text-align: right;
    float: left;
    background: #fff;
}
section.about div.title a b {
    display: block;
    font-size: 40px;
    font-family: 'MontserratBlack';
    line-height: 40px;
	margin-bottom:10px;
    text-transform: uppercase;
}
section.about div.title a.on{
	background: #0075c1;
	color: #fff;
}
section.about div.title a.on:after{content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: #0172ba;
    opacity: .2;
    position: absolute;
    right: 16px;
    bottom: -40px;
	z-index:-1;
	}
section.about div.wrapBox{
	overflow: hidden;
}
section.about div.wrapBox > div{
	background: transparent no-repeat center / cover;
}
section.about div.history h3,
section.about div.about h3{
	font-size: 24px;
	color: #fff;
	margin: 55px 0 75px;
}
section.about div.history div.tit{
	
	color: #fff;
}
section.about div.history div.tit b{
	display: block;
	font-size: 66px;
	line-height: 52px;
	font-family: 'MontserratBold';
}
section.about div.history div.tit sup{
	margin-left: 2px;
	font-size: 16px;
	font-weight: normal;
	vertical-align: text-top;
}
section.about div.history div.tit a{
	display: block;
	font-size: 18px;
	line-height: 22px;
	height: 34px;
	overflow: hidden;
	color: #fff;
	margin-top: 15px;
}
section.about div.history div.tit a:hover{
	font-weight:bold;	
}
section.about div.history div.desc{
	margin-top: 15px;
	font-size: 14px;
	line-height: 24px;
	height: 72px;
	overflow: hidden;
	color: #fff;
	max-width: 330px;
}
section.about div.history div.thumb{
	width: 310px;
	height: 230px;
	position: absolute;
	right:0;
	top:10px;
	z-index: -1;
	background: transparent no-repeat center / cover;
}

section.about div.history div.history-year{
	margin-top: 130px;
	margin-bottom: 50px;
}
section.about div.history div.history-year div.swiper-slide{
	color: rgba(255, 255, 255, 0.6);
	text-align: center;
	padding-bottom: 12px;
	margin-bottom: 12px;
	cursor: pointer;
	font-family: 'MontserratRegular';
	border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
}
section.about div.history div.history-year div.swiper-slide.swiper-slide-thumb-active{
	font-family: 'MontserratBold';
	color: #fff;
}
section.about div.history div.history-year div.swiper-slide:after{
	content:'';
	display: block;
	width:24px;
	height: 24px;
	margin-left: -12px;
	position:absolute;
	left:50%;
	bottom: -12px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMAgMAAAArG7R0AAAAA3NCSVQICAjb4U/gAAAADFBMVEX////////////////1pQ5zAAAABHRSTlMAIoiZ8tPNtwAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAsSURBVAiZY2AQYWBgyGRgYNznwMD2fwKD9P8nDPn/f4IxiA0SA8mB1ADVAgBiJw7tVO2qTwAAAABJRU5ErkJggg==') no-repeat center;
}
section.about div.history div.history-year div.swiper-slide.swiper-slide-thumb-active:after{
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAA3NCSVQICAjb4U/gAAAAElBMVEX///////////////////////+65XQCAAAABnRSTlMAESIz7v/yz7QwAAAACXBIWXMAAAsSAAALEgHS3X78AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAAGhJREFUGJVNztENgCAMBNBDFzBMAEzghxsYN7D7r2Jrr5R+kPYekAJW5UBW7dmXtiVVoCcAk6odfcJ+BilcN8ngeUlDQcRpMxBxciAtw1ivteUDbZwITgSnAGaDW1sY8KcBFidonjBffDNJESKTJXWEAAAAAElFTkSuQmCC');
}
section.about div.history div.his-button-next,
section.about div.history div.his-button-prev{
	outline: none;
	right: -55px;
}
section.about div.history div.his-button-prev{
	left:-55px;
}
section.about div.about{
	color: #fff;
}
section.about div.about h3{
	margin-bottom: 40px;
}
section.about div.about h2{
	font-size: 40px;
	line-height: 50px;
	font-weight:bold;
}
section.about div.about div.desc{
	font-size: 18px;
	line-height: 30px;
	max-height: 90px;
	overflow: hidden;
	margin-top: 40px;
	font-weight: lighter;
}
section.about div.about a.more{
	display: block;
	width: 154px;
	height: 60px;
	line-height: 60px;
	text-transform: uppercase;
	font-size: 16px;
	text-align: center;
	background: #fff;
	margin: 60px 0 135px;
}



@media screen and (max-width:1600px) {
	section.products a.title b,section.news dl.title dt a b,section.about div.title a b{font-size:30px ;}
	section.products a.title{padding: 35px 40px;  top: -140px; font-size:26px;}
	section.news dl.title dt a{font-size:26px;padding: 35px 40px;}
	section.products div.container-v-wrap h3{font-size:24px;}
	section.products div.swiper-container-st .swiper-slide,section.products div.swiper-container-t .swiper-slide{font-size:14px;}
	section.products div.swiper-container-t{height: 100px; margin-top: 66px;}
	section.products div.productsWrap .button-next, section.products div.productsWrap .button-prev{ top:108px;}
    section.video a.video-btn{font-size:22px;}
	section.news dl.title dd a{font-size:18px;}
	section.news dl.title{font-size:250px;}
	section.news div.left div.item div.info a.title,section.news div.right div.item div.info a.title,section.about div.title a{font-size:22px;}
	section.news div.left div.item div.info div.desc,section.news div.right div.item div.info div.desc a{font-size:14px;}
	section.news div.left div.item div.info p,section.about div.about div.desc{font-size:16px;}
	section.news div.left div.item div.info{padding:45px;}
	section.about div.about h2{font-size: 32px;line-height: 43px;}
	section.about div.history div.tit b{font-size:56px;}
	section.about div.history div.tit a{margin-top:8px}
    
   
	
	

}

@media screen and (max-width:1199px) {
	section.banner div.dots div.swiper-pagination{
		padding-right: 15px;
	}
	section.products > div.w1200{
		max-width: 960px;
	}
	section.products div.swiper-container-t{
		width:480px;
	}
	section.products div.productsWrap .button-prev{
		right:454px;
	}
	section.products div.container-v-wrap{
		padding:60px 10px 0 20px;
		width: 480px;
	}
	section.products div.swiper-container-st{
		width: 170px;
	}
	section.products div.swiper-container-v, section.products div.swiper-container-v a.thumb{
		width:255px;
		height: 291px;
	}
	section.news > div.w1200 {
	    max-width: 960px;
	}
	section.news dl.title{
		width: 240px;
    	min-width: auto;
	}
	section.news div.right{
		width: 660px;
		margin-top: 160px;
	}
	section.news div.right div.item div.info {
	    left: 35px;
	    right: 35px;
	    bottom: 30px;
	}
	section.news div.right div.item div.info a.title{
		font-size: 20px;
	}
	section.news div.right div.item div.info p{
		font-size: 16px;
	}
	section.news div.left{
		width: 280px;
	}
	section.news div.left div.item div.info{
		padding: 25px 25px;
		height: 260px;
	}
	section.news div.left div.item div.info a.title{
		font-size: 20px;
	}
	section.news div.left div.item div.info p{
		left: 25px;
    	bottom: 25px;
    	font-size: 16px;
	}
	section.news div.left div.item.blue div.info:after{
		border-width: 10px;
		bottom: -10px;
	}
	section.news div.right div.item div.info div.desc,
	section.news div.left div.item div.info div.desc{
		font-size: 14px;
	}

	section.about div.history > .w1200,
	section.about div.about > .w1200{
		max-width: 960px;
	}
	section.about div.history div.box{
		max-width: 640px;
		margin:0 auto;
		position:relative;
	}

}

@media screen and (max-width:991px) {
	section.banner .swiper-button-next,
	section.banner .swiper-button-prev{
		width:36px;
	}
	section.products{
		padding: 66px 15px 50px;
	}
	section.products div.pic{
		display: none;
	}
	section.products div.productsWrap{
		height: auto;
	}
	section.products div.swiper-container-t{
		width: 100%;
		position: relative;
		margin-top: 0;
	}
	section.products div.productsWrap .button-prev{
		right:auto;
		left:15px;
	}
	section.products div.swiper-container-h, section.products div.swiper-container-h .swiper-slide{
		width:100%;
		height: auto;
	}
	section.products div.swiper-container-h{
		position: relative;
	}
	section.products div.swiper-container-h a.thumb{
		position:relative;
		width: 100%;
		height: auto;
	}
	section.products div.swiper-container-h a.thumb img{
		width:100%;
		height:auto;
	}
	section.products div.productsWrap .button-next, section.products div.productsWrap .button-prev{
		display:none;
	}
	section.products div.container-v-wrap{
		position: relative;
		width: 100%;
		padding: 30px 50px 60px 50px;
		height: auto;
	}
	section.video{
		padding-top: 45%;
	}
	section.video a.video-btn{
		font-size: 22px;
	}
	section.video a.video-btn i{
		width:50px;
		height: 50px;
	}

	section.news{
		padding: 80px 15px;
	}
	section.news dl.title{
		top:-160px;
	}
	section.news dl.title dd{
		display: none;
	}
	section.news div.right{
		width: auto;
		float: none;
		margin-top: 0;
	}
	section.news div.right div.item a.thumb{
		padding-top: 41.3076%;
	}
	section.news div.right div.item div.info{
		right: 200px;
	}
	section.news div.right div.item a.more{
		bottom: 0;
	}
	section.news div.left {
		float: none;
		width: auto;
		margin-top: 20px;
		overflow: hidden;
	}
	section.news div.left div.item{
		float: left;
		width: calc(50% - 10px);
	}
	section.news div.left div.item.blue{
		margin-right: 20px;
	}
	section.news div.left div.item a.thumb{
		padding-top: 50%;
	}
	section.news div.left div.item.red a.thumb{
		display: block;
	}
	section.news div.left div.item div.info{
		padding:25px;
	}
	section.news div.left div.item div.info p{
		left: 25px;
	}
	section.news div.left div.item.blue div.info:after{
		left: 25px;
	}

	section.about{
		margin-top: 60px;
	}
	section.about div.title{
		right: 15px;
	}
	section.about div.history h3,
	section.about div.about h3{
		display: none;
	}
	section.about div.about div.wrap{
		margin: 60px 15px 0;
	}
	section.about div.about h2{
		font-size: 32px;
	}
	section.about div.wrap{
		margin-top: 40px;
	}
	section.about div.history div.history-year{
		margin-top: 50px;
		margin-bottom: 30px;
	}

}

@media screen and (max-width: 767px) {
	section.about div.history div.thumb{
		width: 210px;
        height: 156px;
		}
		section.about div.history div.tit a{margin-top:0px;}
		section.about div.history div.tit a{ font-size:16px;}
		section.about div.history div.desc{margin-top: 0px; font-size:12px; width:70%;}
	section.banner div.pc-banner{
		display: none !important;
	}
	section.banner div.m-banner{
		display: block !important;
	}
	section.products {
	    padding: 55px 15px 70px;
	}
	section.products a.title{
		padding: 20px;
	    font-size: 22px;
	    line-height: 24px;
	    top:-104px;
	}
	section.products a.title b{
		font-size: 28px;
	}
	.swiper-button-next, .swiper-button-prev{
		display: none;
	}
	section.products div.swiper-container-v,
	section.products div.swiper-container-v a.thumb{
		width:220px;
		height: 251px;
	}
	section.products div.swiper-container-h a.more{
		width: 130px;
		height: 42px;
		line-height: 42px;
	}
	section.products div.container-v-wrap{
		padding-bottom: 42px;
	}
	section.products div.container-v-wrap h4{
		width: 190px;
		height: 42px;
		line-height: 42px;
	}
	section.products div.swiper-container-t{
		height: 90px;
	}
	section.products div.swiper-container-t .swiper-slide-thumb-active:after{
		bottom: -15px;
	}
	section.products div.swiper-container-t .swiper-slide{
		font-size: 14px;
	}
	section.products div.container-v-wrap h3{
		font-size: 24px;
		line-height: 24px;
	}
	section.products div.swiper-container-st{
		height: 200px;
	}
	section.products div.swiper-container-st .swiper-slide{
		font-size: 14px;
		line-height: 20px;
	}
	section.news{
		padding: 60px 15px;
	}
	section.news dl.title dt a{
		padding: 20px;
	    font-size: 22px;
	    line-height: 24px;
	}
	section.news dl.title dt a b{
		font-size: 28px;
	}
	section.news dl.title{
		width:180px;
		top: -104px;
	}
	section.news div.right div.item a.thumb{
		padding-top: 50%;
	}
	section.news div.right div.item a.more{
		width:130px;
		height: 42px;
		line-height: 42px;
	}
	section.news div.right div.item div.info a.title,
	section.news div.left div.item div.info a.title{
		font-size: 18px;
		line-height: 24px;
		max-height: 48px;
	}
	section.news div.left div.item div.info p:nth-child(3){ margin-bottom:-70%;}
	section.news div.left div.item div.info p,
	section.news div.right div.item div.info p{
		font-size: 14px;
	}
	section.about div.title a{
		padding: 20px 30px;
	    font-size: 22px;
	    line-height: 24px;
	}
	section.about div.title a b{
		font-size: 28px;
	}
	section.about div.title{
		top:-104px;
	}
	section.about div.about a.more{
		width:130px;
		height:42px;
		line-height: 42px;
	}
	section.about div.about h2{
		font-size: 28px;
		line-height: 40px;
	}
	section.about div.about div.desc{
		font-size: 16px;
	}
	section.about div.wrap{
		margin-left: 20px;
		margin-right: 20px;
	}

}

@media screen and (max-width:479px) {
	footer.footer div.left{
		display:block;
	}
	section.products {
	    padding: 55px 15px 40px;
	}
	section.products a.title{
		font-size: 18px;
		line-height: 18px;
		top: -86px;
	}
	section.products a.title b {
	    font-size: 20px;
	    line-height: 28px;
	}
	section.products div.container-v-wrap h3{
		font-size: 20px;
	}
	section.products div.container-v-wrap{
	    padding: 30px 20px 42px;
	}
	section.products div.swiper-container-st{
		width: 130px;
	}
	section.products div.swiper-container-v, section.products div.swiper-container-v a.thumb{
		width: 175px;
        height: 172px;
	}
	section.products div.swiper-container-t{
		height: 80px;
	}
	section.products div.swiper-container-t .swiper-slide small{
		font-size: 12px;
	}
	section.products div.swiper-container-h a.more {
	    width: 110px;
	    height: 36px;
	    line-height: 36px;
	    font-size: 14px;
	}

	section.video{
		padding-top: 74.6666%;
	}
	section.video a.video-btn{
		font-size: 18px;
	}
	section.video a.video-btn i {
	    width: 40px;
	    height: 40px;
	}
	div.popVideo{
		width: 95%;
	}
	div.popVideo a.close{
		top:auto;
		bottom: -48px;
		left: 50%;
		margin-left: -24px;
		border-radius: 50%;
		border: 1px solid #fff;
		background-color: transparent;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-background-size: 40% 40%;
		background-size: 40% 40%;
	}
	section.news {
	    padding: 32px 15px;
	}
	section.news dl.title{
		width: 150px;
		top: -86px;
	}
	section.news dl.title dt a{
		font-size: 18px;
		line-height: 18px;
	}
	section.news dl.title dt a b {
	    font-size: 20px;
	    line-height: 28px;
	}
	section.news div.left div.item a.thumb,
	section.news div.right div.item a.thumb{
		padding-top: 73.4615%;
	}
	section.news div.right div.item div.info{
		left: 15px;
		bottom: 35px;
		right: 130px;
	}
	section.news div.right div.item div.info div.desc,
	section.news div.left div.item div.info div.desc{
		display: none;
	}
	section.news div.right div.item div.info p{
		margin-top: 20px;
	}
	section.news div.left div.item div.info{
		height: 180px;
	}
	section.news div.left div.item.blue div.info a.title{
		max-height: 72px;
	}
	section.news div.left div.item.red div.info{
		position:static;
		overflow: inherit;
	}
	section.news div.left div.item.red div.info div.desc{
		display: block;
		font-weight: lighter;
	}
	section.news div.right div.item div.info a.title, section.news div.left div.item div.info a.title{
		font-size: 16px;font-weight:bold;
	}
	section.news div.left{
		margin-top: 6px;
	}
	section.news div.left div.item{
		width: calc(50% - 3px);
		margin-bottom: 0;
	}
	section.news div.left div.item.blue{
		margin-right: 6px;
	}
	section.news div.left div.item div.info{
		padding: 20px;
		height: 150px;
	}
	section.about {
	    margin-top:90px;
	}
	section.about div.title{
		top:-86px;
	}
	section.about div.title a{
		font-size: 18px;
		line-height: 18px;
	}
	section.about div.title a b{
		font-size: 26px;
		line-height: 18px;
	}
	section.about div.about h2{
		font-size: 24px;
		line-height: 32px;
	}
	section.about div.history div.tit b{
		font-size: 42px;
		line-height: 42px;
	}

}

@media screen and (max-width:320px) {
	section.products div.swiper-container-v,
	section.products div.swiper-container-v a.thumb{
		width: 150px;
	}
	section.products div.swiper-container-st .swiper-slide {
    font-size: 13px;
    line-height: 18px;
}
section.products div.swiper-container-st {
    width: 100px;
}
section.news div.right div.item div.info a.title{
    font-size: 14px; font-weight:bold;
}
section.news div.left div.item div.info a.title{font-size: 15px;}
section.about div.history div.thumb{
    width: 250px;
    height: 185px;
}
section.news div.right div.item div.info b{
	font-size: 13px;
}
section.products div.swiper-container-t .swiper-slide span{margin: 0 5px;}
section.about div.title a{padding: 20px 15px;}
}