* { list-style: none; margin: 0; padding: 0;}
body { min-width: 1360px; font-size: 12px; font-family: Microsoft YAHEI, Arial, Helvetica, sans-serif; color: #333; margin: 0 auto;}
a { color: #333; text-decoration: none;}
a:hover { text-decoration: none; color: #e52f42;}
input[type=button],
input[type=submit],
input[type=file],
button { cursor: pointer; -webkit-appearance: none;}
textarea { -webkit-appearance: none;}
::-webkit-input-placeholder { color: #333;} 
:-moz-placeholder { color: #333;} 
::-moz-placeholder { color: #333;}
:-ms-input-placeholder { color: #333;} 

.clear { clear: both;}
#VCode { cursor: pointer;}
.warp { width: 1360px; margin: 0 auto;} 

@font-face {
	font-family: 'FontAwesome';
		    src: url('../font/fontawesome-webfont.eot');
	        src: url('../font/fontawesome-webfont.eot') format('embedded-opentype'),
			     url('../font/fontawesome-webfont.woff2') format('woff2'),
				 url('../font/fontawesome-webfont.woff') format('woff'),
				 url('../font/fontawesome-webfont.ttf') format('truetype'),
				 url('../font/fontawesome-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Oswald';
		    src: url('../font/Oswald.ttf');
	font-weight: normal;
	 font-style: normal;
}

/*头部*/
.header { width: 100%; height: 90px; border-bottom: 1px solid rgba(255,255,255,0.1); position: fixed; left: 0; top: 0; z-index: 999999;}
.header .logo { float: left; width: 180px; height: 60px; padding: 15px 0; overflow: hidden;}
.header .logo img { display: block; height: 100%; filter: grayscale(100) brightness(100);}

.header .serch { float: right; width: 35px; height: 90px; margin-left: 40px; position: relative;}
.header .serch .aniu { width: 35px; height: 90px; cursor: pointer; filter: grayscale(100) brightness(100); background: url(../image/kc02.png) no-repeat center center; position: relative;}
.header .serch .aniu::after { display: block; content: ""; width: 1px; height: 15px; margin: auto; background: rgba(255,255,255,0.4); position: absolute; left: -15px; top: 0; bottom: 0;}
.header .serch .nrs { display: none; width: 330px; text-align: center; border: 4px solid #e52f42; border-radius: 4px; overflow: hidden; position: absolute; right: 0; top: 95px;}
.header .serch .nrs input { display: block; float: left; width: 240px; height: 50px; line-height: 50px; font-size: 14px; color: #333; text-align: left; outline: none; padding: 0 10px; border: none; overflow: hidden; background: #fff;}
.header .serch .nrs .btn { width: 70px; color: #fff; text-align: center; background: #e52f42;}
.header .hov .nrs { display: block;}

.header .tel { float: right; line-height: 90px; font-family: 'Oswald'; font-size: 22px; color: #e52f42; padding-left: 25px; background: url(../image/kc01.png) no-repeat left center;}

.header .nav { float: right; width: 50%; height: 90px;}
.header .nav li { float: left; line-height: 90px; position: relative;}
.header .nav li::after { display: block; content: ""; width: 0; height: 3px; margin: auto; background: #e52f42; position: absolute; left: 0; right: 0; bottom: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.header .nav li a { display: block; font-size: 16px; color: #fff; padding: 0 25px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.header .nav li p { display: none; width: 100%; text-align: center; border-radius: 0 0 4px 4px; box-shadow: 0 5px 20px rgba(229,47,66,0.1); overflow: hidden; background: #fff; position: absolute; left: 0; top: 90px;}
.header .nav li:hover::after,
.header .nav .on::after { width: 40%;}
.header .nav li:hover p { display: block;}
.header .nav li:hover p a,
.header .nav .on p a { line-height: 45px; font-size: 14px; color: #666 !important; padding: 0 10px; border-top: 1px solid rgba(0,0,0,0.05); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.header .nav li:hover p a:hover,
.header .nav .on p a:hover { color: #e52f42 !important;}

.header:hover,
.headerFix,
.headeron { border-bottom-color: #eaeaea; background: #fff;}
.header:hover .logo img,
.headerFix .logo img,
.headeron .logo img,
.header:hover .serch .aniu,
.headerFix .serch .aniu,
.headeron .serch .aniu { filter:grayscale(0%);}
.header:hover .serch .aniu::after,
.headerFix .serch .aniu::after,
.headeron .serch .aniu::after { background: #ccc;}
.header:hover .nav li a,
.headerFix .nav li a,
.headeron .nav li a { color: #333;}

/*二级banner*/
.banner_ej { width: 100%; margin: 0 auto; padding-top: 90px;}
.banner_ej img { display: block; width: 100%;}

/*脚部*/
.footer { width: 100%; font-size: 14px; color: #666; padding-top: 40px; background: #f9f9f9;}
.footer a { color: #666; -webkit-transition: all .5s ease; transition: all .5s ease;}
.footer a:hover { color: #e52f42;}
.footer .msg { float: left; width: 360px;}
.footer .msg .sch { height: 50px; margin-bottom: 20px; border: 1px solid #eaeaea; border-radius: 4px; overflow: hidden; background: #fff;}
.footer .msg .sch input { float: left; width: calc(100% - 90px); height: 50px; line-height: 50px; font-size: 14px; color: #333; outline: none; padding: 0 15px; border: none; background: #fff;}
.footer .msg .sch .btn { width: 60px; height: 50px; background: url(../image/kc02.png) no-repeat center;}
.footer .msg p { line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.footer .nvs { float: right; max-width: calc(100% - 400px);}
.footer .nvs li { float: left; margin-left: 100px;}
.footer .nvs li h3 { line-height: 45px; font-weight: 500; font-size: 17px; color: #333;}
.footer .nvs li a { display: block; line-height: 35px; font-size: 14px;}
.footer .copy { width: 100%; height: 50px; margin-top: 20px; padding: 20px 0; border-top: 1px solid #eaeaea;}
.footer .copy .log { float: left; width: 150px; height: 50px; overflow: hidden;}
.footer .copy .log img { display: block; height: 50px;}
.footer .copy p { float: left; width: calc(100% - 190px); line-height: 50px; text-align: center;}
.footer .copy .img { float: right; width: 40px; height: 40px; margin: 5px 0; border-radius: 50%; background: #e96d6d url(../image/kc14.png) no-repeat center; position: relative; z-index: 9;}
.footer .copy .img p { display: none; width: 140px; text-align: center; padding-bottom: 10px; box-shadow: 0 -5px 20px rgba(229,47,66,0.1); background: #fff; position: absolute; right: 50px; bottom: 0;}
.footer .copy .img p img { display: block; width: 120px; height: 120px; padding: 10px;}
.footer .copy .img p span { display: block; line-height: 20px;}
.footer .copy .img:hover p { display: block;}

/*公共标题*/
.comtit { width: 100%; padding-top: 30px; background: url(../image/kc04.png) no-repeat left top;}
.comtit span { display: block; line-height: 25px; font-size: 15px; color: #000; padding-left: 10px;}
.comtit h3 { line-height: 50px; font-weight: 500; font-size: 36px; color: #000; margin-bottom: 15px;}
.comtit b { display: block; line-height: 100px; font-size: 120px; color: transparent; text-transform: Uppercase; background: linear-gradient(rgba(0,0,0,0.03),rgba(0,0,0,0.008)); -webkit-background-clip: text;}

/*************** 子页公用 *******************/
.fl { float: left;}
.fr { float: right;}

.comnav { width: 100%; height: 80px; line-height: 80px; border-bottom: 1px solid #eee; background: #fff;}
.comnav .lst { float: left; width: 70%;}
.comnav .lst li { float: left; margin-right: 50px; position: relative;}
.comnav .lst li:last-child { margin-right: 0;}
.comnav .lst li::after { display: block; content: ""; width: 0; height: 3px; margin: auto; background: #e52f42; position: absolute; left: 0; bottom: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.comnav .lst li a { display: block; font-size: 16px; color: #333; -webkit-transition: all .5s ease; transition: all .5s ease;}
.comnav .lst li:hover a { color: #e52f42;}
.comnav .lst .on a { font-weight: bold; color: #e52f42;}
.comnav .lst li:hover::after,
.comnav .lst .on::after { width: 100%;}
.comnav p { float: right; max-width: 30%; font-size: 15px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.comnav p a { color: #999; -webkit-transition: all .5s ease; transition: all .5s ease;}
.comnav p a:hover { color: #e52f42;}

.content { width: 1360px; margin: 0 auto; padding: 50px 0;}

/*详情页公用*/
.lh { line-height: 30px; font-size: 15px; color: #666; text-align: justify;}
.lh p { margin-bottom: 10px;}
.lh img { max-width: 100%; height: auto !important; margin: 15px auto;}
.lh ul,
.lh ol { padding: revert; padding-left: 25px;}
.lh li { list-style: inherit;}
.lh table { border-spacing: 0px; border-top: 1px solid #eee; border-left: 1px solid #eee;}
.lh table td { text-align: center; vertical-align: middle; border-right: 1px solid #eee; border-bottom: 1px solid #eee;}
.serchms { height: 60px; line-height: 60px; font-weight: bold; font-size: 18px; color: #333; text-align: center;}

.comname { width: 100%; margin-bottom: 40px; border-bottom: 1px solid #f4f4f4;}
.comname h3 { line-height: 35px; font-size: 22px; color: #333;}
.comname p { line-height: 40px; font-size: 12px; color: #999;}
.comname p span { margin-right: 25px;}

.show_sxp { margin-top: 20px; padding-top: 20px; border-top: 1px solid #eee;}
.show_sxp p { width: 45%; line-height: 35px; font-size: 12px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.show_sxp p a { color: #666; -webkit-transition: all .5s ease; transition: all .5s ease;}
.show_sxp .fr { text-align: right;}
.show_sxp p a:hover { color: #e52f42; text-decoration: underline;}

/*分页*/
.scott { overflow: hidden; text-align: center; padding: 15px 0; background: rgba(255,255,255,0.85);}
.scott li { display: inline-block; line-height: 35px; margin: 0 5px;}
.scott a,
.scott span { display: block; padding: 0 15px; font-size: 16px; color: #666; cursor: pointer; border: 1px solid #ddd; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.scott li:hover a,
.scott li:hover span { color: #e52f42; border-color: #e52f42;}
.scott .active:hover span,
.scott .active span { color: #fff; border-color: #e52f42; background: #e52f42;}

/*解决方案*/
.solusny { width: 100%;}
.solusny .comtit { margin-bottom: 45px; position: relative;}
.solusny .ny01 { width: 100%; padding: 70px 0; position: relative;}
.solusny .ny01::after { display: block; content: "solution"; width: 50%; height: 100px; line-height: 100px; font-weight: bold; font-size: 120px; color: transparent; text-transform: Uppercase; background: linear-gradient(rgba(0,0,0,0.03),rgba(0,0,0,0.008)); -webkit-background-clip: text; position: absolute; left: 0; top: 85px;}
.solusny .ny01 .msg { float: left; width: 600px;}
.solusny .ny01 .img { float: right; width: 620px; height: 390px;}
.solusny .ny01 .img img { display: block; width: 620px; height: 390px;}
.solusny .ny02 { width: 100%; text-align: center; padding: 90px 0; background: url(../image/kc15.jpg) no-repeat center top;}
.solusny .ny02 .comtit { width: 190px; margin: 0 auto;}
.solusny .ny02 .comtit span,
.solusny .ny02 .comtit h3 { color: #fff; padding: 0;}
.solusny .ny02 li { float: left; width: 290px; padding: 0 80px; margin: 90px 0 40px 0; position: relative;}
.solusny .ny02 li::after { display: block; content: ""; width: 1px; height: 80%; margin: auto; background: rgba(255,255,255,0.1); position: absolute; right: 0; top: 0; bottom: 0;}
.solusny .ny02 li:last-child::after { display: none;}
.solusny .ny02 li img { display: block; width: 90px; height: 90px; padding: 30px; margin: 0 auto; border: 1px solid rgba(255,255,255,0.35); border-radius: 50%; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.solusny .ny02 li h3 { line-height: 35px; font-size: 26px; color: #fff; margin: 45px 0 25px 0;}
.solusny .ny02 li p { line-height: 30px; font-size: 16px; color: #fff;}
.solusny .ny02 li:hover img { border-color: rgba(255,255,255,0.2); transform: rotate(360deg); background: rgba(255,255,255,0.2);}
.solusny .ny03 { width: 100%; padding: 70px 0; background: #f7f7f7;}
.solusny .ny03 .nr { padding: 0 14vw;}
.solusny .ny03 .nrs { padding-left: 14vw;}
@media screen and (max-width: 1780px) {
	.solusny .ny03 .nr { padding: 0 9.5vw;}
	.solusny .ny03 .nrs { padding-left: 9.5vw;}
}
@media screen and (max-width: 1580px) {
	.solusny .ny03 .nr { padding: 0 7vw;}
	.solusny .ny03 .nrs { padding-left: 7vw;}
}
@media screen and (max-width: 1440px) {
	.solusny .ny03 .nr { padding: 0 3vw;}
	.solusny .ny03 .nrs { padding-left: 3vw;}
}
@media screen and (max-width: 1400px) {
	.solusny .ny03 .nr { padding: 0 10px;}
	.solusny .ny03 .nrs { padding-left: 10px;}
}
.solusny .ny03 .swiper-slide { border-radius: 4px; overflow: hidden; background: #fff;}
.solusny .ny03 .swiper-slide .img { width: 100%; height: 260px; overflow: hidden;}
.solusny .ny03 .swiper-slide .img img { display: block; width: 100%; min-height: 260px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.solusny .ny03 .swiper-slide .msg { padding: 20px 30px;}
.solusny .ny03 .swiper-slide .msg h3 { line-height: 30px; font-size: 20px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.solusny .ny03 .swiper-slide .msg p { height: 75px; line-height: 25px; font-size: 14px; color: #999; margin-top: 10px; overflow: hidden;}
.solusny .ny03 .swiper-slide:hover .img img { transform: scale(1.1,1.1);}
.solusny .ny03 .swiper-slide:hover .msg h3 { color: #e52f42;}
.solusny .ny03 .swiper-button-prev,
.solusny .ny03 .swiper-button-next { width: 45px; height: 45px; border: 1px solid #999; border-radius: 50%; left: auto; -webkit-transition: all .5s ease; transition: all .5s ease;}
.solusny .ny03 .swiper-button-prev { right: 60px;}
.solusny .ny03 .swiper-button-next { right: 0;}
.solusny .ny03 .swiper-button-prev::after,
.solusny .ny03 .swiper-button-next::after { font-size: 18px; color: #999; -webkit-transition: all .5s ease; transition: all .5s ease;}
.solusny .ny03 .swiper-button-prev:hover,
.solusny .ny03 .swiper-button-next:hover { border-color: #e52f42;}
.solusny .ny03 .swiper-button-prev:hover::after,
.solusny .ny03 .swiper-button-next:hover::after { color: #e52f42;}
.solusny .ny04 { width: 100%; padding: 70px 0;}
.solusny .ny04 .comtit { width: 150px; text-align: center; margin: 0 auto; padding-bottom: 10px;}
.solusny .ny04 .comtit span { padding: 0;}
.solusny .ny04 li { float: left; width: 435px; margin: 30px 27.5px 0 0; border-radius: 4px; overflow: hidden; background: #f7f7f7;}
.solusny .ny04 li:nth-child(3n) { margin-right: 0;}
.solusny .ny04 li .img { width: 435px; height: 320px; overflow: hidden; background: #f2f3ee;}
.solusny .ny04 li .img img { display: block; max-width: 435px; height: 320px; margin: 0 auto; -webkit-transition: all .5s ease; transition: all .5s ease;}
.solusny .ny04 li .msg { text-align: center; padding: 0 20px 30px 20px;}
.solusny .ny04 li .msg h3 { height: 110px; line-height: 110px; font-weight: 500; font-size: 20px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.solusny .ny04 li .msg span { display: inline-block; width: 120px; height: 45px; line-height: 45px; font-size: 14px; color: #fff; background: url(../image/kc19.png) no-repeat center;}
.solusny .ny04 li:hover .img img { transform: scale(0.95,0.95);}
.solusny .ny04 li:hover .msg h3 { color: #e52f42;}

/*产品列表*/
.prolist { width: 100%;}
.prolist .comtit { width: 180px; text-align: center; margin: 0 auto 45px auto; position: relative;}
.prolist .comtit span { padding: 0;}
.prolist .comtit h3 { text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.prolist li { float: left; width: 435px; margin: 0 27.5px 30px 0; border-radius: 4px; overflow: hidden; background: #f7f7f7;}
.prolist li:nth-child(3n) { margin-right: 0;}
.prolist li .img { width: 435px; height: 320px; overflow: hidden; background: #f2f3ee;}
.prolist li .img img { display: block; max-width: 435px; height: 320px; margin: 0 auto; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prolist li .msg { text-align: center; padding: 0 20px 30px 20px;}
.prolist li .msg h3 { height: 110px; line-height: 110px; font-weight: 500; font-size: 20px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prolist li .msg span { display: inline-block; width: 120px; height: 45px; line-height: 45px; font-size: 14px; color: #fff; background: url(../image/kc19.png) no-repeat center;}
.prolist li:hover .img img { transform: scale(0.95,0.95);}
.prolist li:hover .msg h3 { color: #e52f42;}

/*新闻头条*/
.newtou { width: 100%; padding: 80px 0; background: #f5f5f5;}
.newtou .swiper-slide { background: #f5f5f5;}
.newtou .swiper-slide .img { float: left; width: 535px; height: 345px; border-radius: 4px; overflow: hidden; background: #fff;}
.newtou .swiper-slide .img img { display: block; width: 100%; min-height: 345px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newtou .swiper-slide .msg { float: right; width: calc(100% - 590px); padding-top: 20px;}
.newtou .swiper-slide .msg span { display: block; line-height: 25px; font-size: 14px; color: #999;}
.newtou .swiper-slide .msg h3 { line-height: 45px; font-size: 22px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newtou .swiper-slide .msg p { height: 120px; line-height: 30px; font-size: 14px; color: #666; margin: 15px 0 50px 0; overflow: hidden;}
.newtou .swiper-slide .msg i { display: inline-block; width: 120px; height: 45px; line-height: 45px; font-style: normal; font-size: 14px; color: #fff; text-align: center; background: url(../image/kc19.png) no-repeat center;}
.newtou .swiper-slide:hover .img img { transform: scale(1.1,1.1);}
.newtou .swiper-slide:hover .msg h3 { color: #e52f42;}
.newtou .swiper-pagination { text-align: right; bottom: 0;}
.newtou .swiper-pagination span { background: #333;}
.newtou .swiper-pagination .swiper-pagination-bullet-active { background: #e52f42;}

/*新闻列表*/
.newlist { width: 100%;}
.newlist li { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #f4f4f4;}
.newlist li .img { float: left; width: 310px; height: 200px; border-radius: 2px; overflow: hidden;}
.newlist li .img img { display: block; width: 100%; min-height: 200px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newlist li .msg { float: right; width: calc(100% - 350px); padding-top: 5px;}
.newlist li .msg span { display: block; line-height: 25px; font-size: 14px; color: #999;}
.newlist li .msg h3 { line-height: 45px; font-size: 22px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newlist li .msg p { height: 90px; line-height: 30px; font-size: 14px; color: #666; margin-top: 15px; overflow: hidden;}
.newlist li:hover .img img { transform: scale(1.1,1.1);}
.newlist li:hover h3 { color: #e52f42;}

/*新闻详情*/
.newlft { float: left; width: calc(100% - 420px); padding: 20px 30px; border: 1px solid #eee; border-radius: 4px; overflow: hidden;}
.newrgt { float: right; width: 310px;}
.newrgt .nams { line-height: 35px; font-weight: bold; font-size: 20px; color: #333; padding-bottom: 5px; position: relative;}
.newrgt .nams::after { display: block; content: ""; width: 30px; height: 3px; background: #e52f42; position: absolute; left: 0; bottom: 0;}
.newrgt li { width: 100%; margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee;}
.newrgt li .img { width: 100%; height: 200px; border-radius: 4px 4px 0 0; overflow: hidden;}
.newrgt li .img img { display: block; width: 100%; min-height: 200px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newrgt li .msg { width: 100%;}
.newrgt li .msg h3 { line-height: 40px; font-weight: 500; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newrgt li .msg p { line-height: 22px; font-size: 12px; color: #999;}
.newrgt li:hover .img img { transform: scale(1.1,1.1);}
.newrgt li:hover .msg h3 { color: #e52f42;}
.picrgt li .img { height: 215px;}
.picrgt li .img img { min-height: 215px;}
.prorgt li .img { background: #f2f3ee;}
.prorgt li .img img { max-width: 100%; width: auto; height: 200px; margin: 0 auto;}
.prorgt li:hover .img img { transform: scale(0.95,0.95);}

/*关于我们*/
.aboutus { width: 100%;}
.aboutus .ab01 { width: 100%; padding: 80px 0; position: relative;}
.aboutus .ab01::after { display: block; content: ""; width: 86%; height: 100%; background: #f9f9f9; position: absolute; right: 0; top: 0; z-index: 1;}
.aboutus .ab01 .img { float: left; width: calc(100% - 850px); max-height: 715px; overflow: hidden; background: #fff; position: relative; z-index: 2;}
.aboutus .ab01 .img img { display: block; width: 100%;}
.aboutus .ab01 .msg { float: right; width: 700px; padding-right: 100px; position: relative; z-index: 2;}
.aboutus .ab01 .msg .lh { line-height: 35px; font-size: 16px; margin: 40px 0;}
.aboutus .ab01 .msg .more { display: inline-block; height: 40px; line-height: 40px; font-size: 14px; color: #e52f42; padding-right: 60px; background: url(../image/kc08.png) no-repeat right center; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.aboutus .ab01 .msg .more::after { display: block; content: ""; width: 36px; height: 36px; margin: auto; border: 1px solid #e52f42; border-radius: 50%; position: absolute; right: -16px; top: 0; bottom: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.aboutus .ab01 .msg .more:hover { padding-left: 30px;}
.aboutus .ab01 .msg .more:hover::after { border-radius: 30%;}
.aboutus .ab02 { width: 100%; padding-top: 80px;}
.aboutus .ab02 .nr { padding-left: 180px; border-left: 1px solid #eee; position: relative;}
.aboutus .ab02 .nr::after { display: block; content: "Corporate culture"; width: 30px; height: 100%; line-height: 40px; font-size: 14px; color: #bbb; writing-mode: vertical-lr; -webkit-writing-mode: vertical-lr; writing-mode: tb-lr; position: absolute; left: 0; top: 0;}
.aboutus .ab02 .nr b { display: block; height: 45px; line-height: 45px; font-size: 18px; color: #333; margin-bottom: 10px;}
.aboutus .ab02 .lst { width: 100%; text-align: center; margin-top: 80px; background: url(../image/kc15.jpg) no-repeat center top;}
.aboutus .ab02 .lst li { float: left; width: calc(100% / 3); height: 470px; padding: 80px 0; position: relative;}
.aboutus .ab02 .lst li::before,
.aboutus .ab02 .lst li::after { display: block; content: ""; position: absolute; top: 0; right: 0;}
.aboutus .ab02 .lst li::before { width: 100%; height: 100%; background: rgba(0,0,0,0); z-index: 1; -webkit-transition: all .5s ease; transition: all .5s ease;}
.aboutus .ab02 .lst li::after { width: 1px; height: 100%; background: rgba(255,255,255,0.1); z-index: 2;}
.aboutus .ab02 .lst li:last-child::after { display: none;}
.aboutus .ab02 .lst li h3 { line-height: 40px; font-size: 34px; color: #fff; letter-spacing: 2px; padding: 15px 0; position: relative; z-index: 2;}
.aboutus .ab02 .lst li h3::before,
.aboutus .ab02 .lst li h3::after { display: block; content: ""; width: 30px; height: 2px; margin: auto; background: #fff; position: absolute; left: 0; right: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.aboutus .ab02 .lst li h3::before { top: 0;}
.aboutus .ab02 .lst li h3::after { bottom: 0;}
.aboutus .ab02 .lst li b { display: block; height: 30px; line-height: 30px; font-weight: 500; font-size: 22px; color: #fff; letter-spacing: 2px; margin: 40px 0;}
.aboutus .ab02 .lst li p { line-height: 30px; font-size: 15px; color: #fff; filter: alpha(opacity=0); opacity: 0; position: relative; z-index: 2; -webkit-transition: all .5s ease; transition: all .5s ease;}
.aboutus .ab02 .lst li i { display: block; font-style: normal; font-size: 12px; color: rgba(255,255,255,0.5); text-align: center; text-transform: Uppercase; position: absolute; left: 0; right: 0; bottom: 50px; z-index: 2;}
.aboutus .ab02 .lst li:hover::before { background: rgba(0,0,0,0.1);}
.aboutus .ab02 .lst li:hover h3::before,
.aboutus .ab02 .lst li:hover h3::after { background: #e52f42;}
.aboutus .ab02 .lst li:hover p { filter: alpha(opacity=60); opacity: 0.6;}
.aboutus .ab03 { width: 100%; padding: 80px 0;}
.aboutus .ab03 .comtit { width: 190px; text-align: center; margin: 0 auto 45px auto;}
.aboutus .ab03 .comtit span { padding: 0;}
.aboutus .ab03 .swiper-slide {}
.aboutus .ab03 .swiper-slide .img { height: 220px; border: 1px solid #eee; border-radius: 4px; overflow: hidden;}
.aboutus .ab03 .swiper-slide .img img { display: block; max-width: 100%; height: 220px; margin: 0 auto; -webkit-transition: all .5s ease; transition: all .5s ease;}
.aboutus .ab03 .swiper-slide p { line-height: 35px; font-size: 16px; color: #333; text-align: center; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.aboutus .ab03 .swiper-slide:hover p { color: #e52f42;}
.aboutus .ab03 .botm { width: 50%; height: 30px; line-height: 30px; text-align: center; margin: 30px auto 0 auto; position: relative;}
.aboutus .ab03 .botm .swiper-pagination { width: 100%;}
.aboutus .ab03 .botm .swiper-pagination span { width: 12px; height: 12px; margin: 0 5px; border: 1px solid #333; border-radius: 100%; background: none;}
.aboutus .ab03 .botm .swiper-pagination .swiper-pagination-bullet-active { border-color: #e52f42;}
.aboutus .ab03 .botm .swiper-button-prev,
.aboutus .ab03 .botm .swiper-button-next { width: 30px; height: 30px; line-height: 30px; margin: 0; top: -2px;}
.aboutus .ab03 .botm .swiper-button-prev::after,
.aboutus .ab03 .botm .swiper-button-next::after { line-height: 30px; font-size: 16px; color: #333;}

/*发展历程*/
.history { width: 100%;}
.history li { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #f4f4f4;}
.history li .img { float: left; width: 310px; height: 200px; border: 1px solid #f4f4f4; border-radius: 4px; overflow: hidden; background: #fafafa;}
.history li .img img { display: block; width: 100%; min-height: 200px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.history li .msg { float: right; width: calc(100% - 340px); line-height: 30px; font-size: 14px; color: #333;}
.history li .msg h3 { font-size: 24px; color: #333; margin-bottom: 15px;}
.history li .msg .lh { color: #333;}

.history li:hover .img img { transform: scale(1.1,1.1);}

/*图片列表*/
.piclist { width: 100%;}
.piclist li { float: left; width: 310px; margin: 0 40px 30px 0; border-radius: 4px; overflow: hidden;}
.piclist li:nth-child(4n) { margin-right: 0;}
.piclist li h3 { line-height: 40px; font-weight: 500; font-size: 16px; color: #333; margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.piclist li h3::after { display: block; content: ""; width: 30px; height: 2px; background: #ccc; position: absolute; left: 0; bottom: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.piclist li .img { height: 210px; border: 1px solid #eee; border-radius: 4px; overflow: hidden; background: #fafafa;}
.piclist li .img img { display: block; max-width: 100%; height: 210px; margin: 0 auto; -webkit-transition: all .5s ease; transition: all .5s ease;}
.piclist li:hover h3 { color: #e52f42;}
.piclist li:hover h3::after { background: #e52f42;}
.piclist li:hover .img img { transform: scale(0.95,0.95);}

#zoom { display:none; width:100%; height:100%; background:rgba(0,0,0,.8); filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; position:fixed; top:0; left:0; z-index:9999999;}
#zoom .content { width:200px; height:200px; min-height: auto; background:#fff no-repeat 50% 50%; padding:0; margin:-100px 0 0 -100px; box-shadow:-20px 20px 20px rgba(0,0,0,.3); border-radius:4px; position:absolute; top:50%; left:50%; z-index:99991;}
#zoom .content.loading { background-image:url(404.png);}
#zoom img { display:block; max-width:none; height: 500px; margin: 0 auto; background:#ececec; box-shadow:0 1px 3px rgba(0,0,0,.25); border-radius:4px;}
#zoom .close { width:49px; height:49px; cursor:pointer; background:transparent url(../image/close.png) no-repeat 50% 50%; opacity:1; filter:alpha(opacity=100); border-radius:0 0 0 4px; position:absolute; top:0; right:0; z-index:99993;}
#zoom .next,
#zoom .previous { display:block; width:49px; height:49px; margin-top:-25px; overflow:hidden; position:absolute; top:50%; z-index:99992;}
#zoom .previous { background:url(../image/arrows.png) no-repeat 0 0; border-radius:0 4px 4px 0; left:0;}
#zoom .next{ background:url(../image/arrows.png) no-repeat 100% 0; border-radius:4px 0 0 4px; right:0;}
#zoom .close:hover { background-color:#073190;}
#zoom .next:hover,
#zoom .previous:hover { background-color:#073190;}


/*联系方式*/
.contact { width: 100%; padding: 50px 0; background: #fafafa;}
.contact .msg { float: left; width: 600px; padding-top: 20px;}
.contact .msg h1 { height: 50px; line-height: 50px; font-size: 32px; color: #e52f42;}
.contact .msg h3 { height: 50px; line-height: 50px; font-weight: 500; font-size: 22px; color: #333; margin: 30px 0 15px 0; position: relative;}
.contact .msg h3::after { display: block; content: ""; width: 20px; height: 2px; background: #e52f42; position: absolute; left: 0; bottom: 0;}
.contact .msg p { line-height: 40px; font-size: 16px; color: #333;}
.contact .msg p span { color: #999;}
.contact .img { float: right; width: 680px; height: 425px; overflow: hidden;}
.contact .img img { display: block; width: 680px; height: 425px;}

/*招聘*/
.jobs { width: 100%;}
.jobs .list { width: 100%;}
.jobs .list li { margin-bottom: 10px; border: 1px solid #eee; background: #fdfdfd;}
.jobs .list li .lst { padding: 15px 25px; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.jobs .list li .lst h3 { line-height: 35px; font-size: 18px; color: #333;}
.jobs .list li .lst span { display: block; float: left; width: calc(100% / 4); line-height: 25px; font-size: 13px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.jobs .list li .lst a { display: block; width: 20px; height: 20px; position: absolute; top: 40px; right: 20px; z-index: 1;}
.jobs .list li .lst a::before,
.jobs .list li .lst a::after { display: block; content: ""; margin: auto; background: #999; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.jobs .list li .lst a::before { width: 1px; height: 100%;}
.jobs .list li .lst a::after { width: 100%; height: 1px;}
.jobs .list li .msg { display: none; padding: 15px 20px;}
.jobs .list li.on .lst { background: #e52f42;}
.jobs .list li.on .lst h3,
.jobs .list li.on .lst span { color: #fff;}
.jobs .list li.on .lst a::before { display: none;}
.jobs .list li.on .lst a::after { background: #fff;}
.jobs .list li.on .msg { display: block;}
.jobs .list li.on .msg .lh { margin-bottom: 15px; clear: both;}
.jobs .list li.on .msg .lh h3 { font-size: 16px; color: #000;}