* { margin: 0; padding: 0; list-style: none;}
body { min-width: 640px; margin: 0 auto; padding: 0; font-size: 12px; font-family: Microsoft YAHEI, Arial, Helvetica, sans-serif; color: #333;}
a { color: #333; text-decoration: none;}
a:hover { text-decoration: none; color: #eb2914;}
#VCode { cursor: pointer;}
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;} 
.warp { max-width: 1350px; margin: 0 auto; padding: 0 5%} 
.clear { clear: both;}

@font-face {
	font-family: 'FontAwesome';
		    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
	        src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
			    url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
				url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
				url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
				url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
	font-weight: normal;
	 font-style: normal;
}

@font-face {
	font-family:'Oswald';
		    src:url('../fonts/Oswald.ttf');
	font-weight:normal;
	 font-style:normal;
}

/*顶部*/
.header { width: 90%; height: 80px; padding: 0 5%; background: #fff; position: relative; top: 0; left: 0; z-index: 999999;}
.header .logo { float: left; /*width: 220px;*/ height: 50px; margin: 15px 0; overflow: hidden;}
.header .logo img { display: block; float: left; height: 100%;}
.header .logo p { float: left; height: 40px; margin-top: 8px; padding-left: 30px; position: relative;}
.header .logo p::after { display: block; content: ""; width: 1px; height: 33px; background: #ddd; position: absolute; left: 15px; top: 5px;}
.header .logo p span { display: block; line-height: 20px; font-size: 13px; color: #333;}

.header .serch { float: right; width: 40px; height: 80px; margin: 0 15px;}
.header .serch .aniu { width: 40px; height: 80px; cursor: pointer; background: url(../images/jw01h.png) no-repeat center center; position: relative;}
.header .serch .aniu::after { display: block; content: ""; width: 1px; height: 15px; background: rgba(0,0,0,0.25); position: absolute; left:-15px; top: 35px;}
.header .serch .nrs { display: none; width: 100%; text-align: center; padding: 50px 0; background: rgba(255,255,255,0.975); position: absolute; left: 0; top: 80px;}
.header .hov .nrs { display: block;}
.header .serch .nrs .warp { width: 670px;}
.header .serch .nrs input,.header .serch .nrs .tag { display: block; float: left; height: 50px; line-height: 50px; font-size: 16px; color: #333; text-align: left; outline: none; margin: 0 5px; border: 1px solid #04974c; border-radius: 3px; box-sizing: border-box; overflow: hidden; background: #fff;}
.header .serch .nrs input { width: 320px; padding: 0 15px;}
.header .serch .nrs .tag { width: 200px; position: relative;}
.header .serch .nrs .tag::after { display: block; content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #04974c transparent transparent transparent; position: absolute; right: 10px; top: 23px;}
.header .serch .nrs .tag select { display: block; width: 100%; line-height: 48px; font-size: 16px; color: #333; padding: 0 10px; border: none; background: #fff; appearance: none; -moz-appearance: none; -webkit-appearance: none;}
.header .serch .nrs .btn { width: 120px; color: #fff; text-align: center; background: #04974c;}
.header .langu { float: right; height: 35px; line-height: 35px; margin-top: 22.5px; padding: 0 12px 0 40px; border-radius: 20px; background: #eee url(../images/jw02h.png) no-repeat 10px center;}
.header .langu a { display: block; font-size: 14px; color: #333; padding-right: 20px; position: relative;}
.header .langu a::after { display: block; content: ""; width: 5px; height: 5px; border-bottom: 1px solid #333; border-right: 1px solid #333; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 2px; top: 13px;}
.header .nav { float: right; min-width: 500px; max-width: 65%; height: 80px;}
.header .nav li { float: left; font-size: 0;}
.header .nav li a { display: block; line-height: 80px; font-size: 16px; color: rgba(0,0,0,0.6); text-transform: Uppercase; padding: 0 1.5vw; position: relative;}
.header .nav li > a::after { display: block; content: ""; width: 0%; height: 4px; margin: auto; background: #04974c; position: absolute; left: 0; right: 0; top: 0; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.header .nav li:hover a,
.header .nav .on a { color: #333;}
.header .nav li:hover a::after,
.header .nav .on a::after { width: 60%;}
.header .nav li:hover .sub { display: block;}
.header .nav .sub { display: none; width: 100%; background: rgba(255,255,255,0.97); position: absolute; left: 0; top: 80px;}
.header .nav .sub .warp { padding: 50px 5%;}
.header .nav .sub h3 { line-height: 30px; font-size: 22px; color: #333; margin-bottom: 15px;}
.header .nav .sub .msg { width: 100%;}
.header .nav .sub .msg a { display: block; float: left; width: calc(100% / 4 - 85px); line-height: 50px !important; font-size: 15px; color: #333; margin-right: 80px; padding: 0 25px 0 0; border-bottom: 1px solid #ddd; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.header .nav .sub .msg a:nth-child(4n) { margin-right: 0;}
.header .nav .sub .msg a::before,
.header .nav .sub .msg a::after { display: block; content: ""; position: absolute; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.header .nav .sub .msg a::before { width: 0%; height: 1px; background: #04974c; left: 0; bottom: 0px;}
.header .nav .sub .msg a::after { width: 0; height: 15px; margin: auto; border-right: 1px solid #666; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(35deg); transform: rotate(35deg); right: 10px; top: 0; bottom: 0;}
.header .nav .sub .msg a:hover { color: #04974c;}
.header .nav .sub .msg a:hover::before { width: 100%;}
.header .nav .sub .msg a:hover::after { width: 10px; height: 10px; border-top: 1px solid #04974c; border-right: 1px solid #04974c; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

/*banner*/
.banner { width: 100%; margin: 0 auto; overflow: hidden; position: relative;}
.banner .swiper-slide { width: 100%; background: #fff;}
.banner .swiper-slide a,
.banner .swiper-slide img { display: block; width: 100%;}
.banner .swiper-slide video { display: block; width: 100%; -o-object-fit: cover; object-fit: cover; pointer-events: none;}
.banner .swiper-pagination-bullets { width: 50px; font-size: 0; text-align: right; left: auto; right: 90px; bottom: 55%;}
.banner .swiper-pagination-bullet { display: block; width: 100%; height: 3px; margin: 0 0 10px 0 !important; filter: alpha(opacity=50); opacity: 0.5; border-radius: 0; background: none; position: relative;}
.banner .swiper-pagination-bullet::after { display: block; content: ""; width: 20px; height: 3px; background: #fff; position: absolute; right: 0; top: 0; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.banner .swiper-pagination-bullet-active { filter: alpha(opacity=100); opacity: 1;}
.banner .swiper-pagination-bullet-active::after { width: 40px;}
.banner .botms { width: 100%; height: 92px; background: rgba(0,0,0,0.15); position: absolute; left: 0; bottom: 0; z-index: 9;}
.banner .botms li { float: left; width: calc(100% / 4 - 130px); cursor: context-menu; padding: 20px 65px; position: relative; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.banner .botms li::after { display: block; content: ""; width: 1px; height: 60px; margin: auto; background: rgba(255,255,255,0.25); position: absolute; right: 0; top: 0; bottom: 0;}
.banner .botms li:last-child::after { display: none;}
.banner .botms li .img { float: left; width: 40px; height: 40px; padding: 5px; border: 1px solid #eee; border-radius: 50%; overflow: hidden;}
.banner .botms li .img img { display: block; width: 40px; height: 40px;}
.banner .botms li .msg { float: right; width: calc(100% - 70px);}
.banner .botms li .msg h3 { line-height: 50px; font-size: 20px; color: #fff; letter-spacing: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.banner .botms li .msg p { line-height: 25px; font-size: 14px; color: rgba(255,255,255,0.6); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.banner .botms li:hover { background: #1284e1;}

/*二级banner*/
.banner_ej { width: 100%; height: 425px; margin: 0 auto; overflow: hidden; background-position: center top; background-repeat: no-repeat; background-size: 100% 100%; animation: bagsml 10s linear 0s 1;}
.banner_ej h1 { line-height: 75px; font-weight: 500; font-size: 38px; color: #fff; letter-spacing: 2px; padding-top: 160px;}
.banner_ej p { line-height: 25px; font-size: 20px; color: #fff; text-transform: Uppercase; letter-spacing: 1px;}

/*脚部*/
.footer { width: 100%; font-size: 14px; color: rgba(255,255,255,0.6); padding-top: 50px; overflow: hidden; background: url(../images/jw15.jpg) no-repeat center; background-size: 100% 100%; animation: bagsml 10s ease 0s 1;}
.footer a { color: rgba(255,255,255,0.6); -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.footer a:hover { color: #fff;}
.footer h3 { line-height: 40px; font-size: 16px; color: #fff; position: relative;}
.footer .lft { float: left; width: 30%;}
.footer .lft .logo { max-width: 100%; margin-bottom: 20px; overflow: hidden;}
.footer .lft .logo img { display: block; max-width: 100%;}
.footer .lft p { line-height: 35px; padding-left: 25px; background-repeat: no-repeat; background-position: left 8px;}
.footer .lft .tel { background-image: url(../images/jw16.png);}
.footer .lft .eml { background-image: url(../images/jw17.png);}
.footer .lft .adr { background-image: url(../images/jw18.png);}
.footer .cents { float: left; width: 30%; margin: 0 7%;}
.footer .cents h3 { margin-bottom: 35px;}
.footer .cents h3::after { display: block; content: ""; width: 25px; height: 2px; background-image: linear-gradient(to right,rgba(4,151,76,1),rgba(4,151,76,1),rgba(4,151,76,0)); position: absolute; left: 0; bottom:-5px;}
.footer .cents a { display: block; float: left; width: calc(100% / 3 - 15px); line-height: 25px; margin: 0 15px 15px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.footer .rgt { float: right; width: 25%;}
.footer .rgt img { display: block; width: 95px; height: 95px; margin-top: 15px; padding: 7px; border: 1px solid rgba(255,255,255,0.2);}
.footer .copy { line-height: 30px; margin-top: 50px; padding: 15px 0; border-top: 1px solid rgba(255,255,255,0.1);}
.footer .copy li { float: right; width: 35px; height: 35px; margin-left: 15px; filter: alpha(opacity=50); opacity: 0.5; border: 1px solid #fff; border-radius: 50%; background-repeat: no-repeat; background-position: center; position: relative; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.footer .copy li a { display: block; width: 35px; height: 35px;}
.footer .copy li img { display: none; width: 95px; height: 95px; border: 5px solid #fff; border-radius: 4px; overflow: hidden; background: #fff; position: absolute; left:-35px; bottom: 45px; z-index: 2;}
.footer .copy li:hover { filter: alpha(opacity=100); opacity: 1;}
.footer .copy li:hover img { display: block;}
.footer .copy .dy { background-image: url(../images/jw20.png);}
.footer .copy .wx { background-image: url(../images/jw21.png);}
.footer .copy .qq { background-image: url(../images/jw22.png);}
@keyframes bagsml {
	0% { background-size: 100% 100%;}
	50% { background-size: 120% 120%;}
	100% { background-size: 100% 100%;}
}

/*右侧客服*/
.webonline { width: 40px; position: fixed; right: 0; bottom: 10%; z-index: 999999;}
.webonline li { width: 30px; padding: 5px; text-align: center; margin-bottom: 2px; border-radius: 4px; background: #04974c; position: relative;}
.webonline li .ontop { width: 100%; cursor: pointer;}
.webonline li .ontop i { display: block; width: 30px; height: 30px; line-height: 30px; font-family: FontAwesome; font-style: normal; font-size: 20px; color: #fff; margin: 0 auto;}
.webonline li .ontop i img { display: block; width: 30px; height: 30px; margin: 0 auto;}
.webonline li .onlft { display: none; padding: 5px; margin: auto; border-radius: 4px; background: #04974c; position: absolute; right: 45px; top: 0;}
.webonline li .onlft::after { display: block; content: ""; width: 0; height: 0; margin: auto; border-style: solid; border-width: 6px 0 6px 6px; border-color: transparent transparent transparent #04974c; line-height: 0px; _border-color: #000 #000 #000 #04974c; _filter: progid: DXImageTransform.Microsoft.Chroma(color='#000'); position: absolute; right:-6px; top: 12px;}
.webonline li .onlft p { width: 130px; height: 25px; line-height: 25px; font-size: 16px; color: #fff;}
.webonline li .onlft img { display: block; width: 110px; border: 3px solid #fff;}
.webonline li:hover .onlft { display: block;}
.webonline li.btn_top { display: none;}

/*公共标题*/
.tits { width: 100%; height: 80px; margin-bottom: 35px;}
.tits h3 { float: left; line-height: 80px; font-size: 34px; color: #333; letter-spacing: 2px; position: relative;}
.tits h3::after { display: block; content: ""; width: 45px; height: 5px; margin: auto; background: url(../images/jw07.png) no-repeat 0 0; position: absolute; left: 0; bottom: 0;}
.tits .tabs { float: right; margin-top: 25px;}
.tits .tabs li { float: left; width: 115px; line-height: 40px; font-size: 14px; color: #666; text-align: center; cursor: pointer; margin-left: 20px; background: url(../images/jw11.png) no-repeat 0 0; position: relative;}
.tits .tabs li::after { display: block; content: ""; width: 115px; height: 40px; filter: alpha(opacity=0); opacity: 0; background-image: url(../images/jw12.png); position: absolute; top: 0; left: 0; z-index: 1; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.tits .tabs li a { display: block; font-size: 14px; color: #666; position: relative; z-index: 2; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.tits .tabs li:hover,
.tits .tabs li:hover a { color: #1284e1;}
.tits .tabs li:hover::after,
.tits .tabs li.on::after { filter: alpha(opacity=100); opacity: 1;}
.tits .tabs .on,
.tits .tabs .on a { color: #fff !important;}

/*产品*/
.pros { width: 100%; padding: 30px 0; overflow: hidden;}
.pros .tits h3 { float: none; text-align: center;}
.pros .tits h3::after { right: 0;}
.pros .swiper-container { padding-bottom: 40px;}
.pros .swiper-slide { overflow: hidden; background: #fbfbfb url(../images/jw08h.jpg) no-repeat 0 0 / 100%;}
.pros .swiper-slide .img { width: 100%; /*height: 245px;*/}
.pros .swiper-slide .img img { display: block; max-width: 100%; /*height: 245px;*/ margin: 0 auto; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.pros .swiper-slide h3 { height: 80px; line-height: 60px; font-size: 20px; color: #000; text-align: center; padding: 0 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.pros .swiper-slide .msg { height: calc(100% - 65px); text-align: center; margin: auto; padding: 65px 25px 0 25px; background: rgba(18,132,225,0.5); position: absolute; top: 100%; left: 0; right: 0; z-index: 3; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.pros .swiper-slide .msg h2 { line-height: 45px; font-size: 20px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pros .swiper-slide .msg p { line-height: 30px; font-size: 14px; color: rgba(255,255,255,0.8); margin-bottom: 35%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pros .swiper-slide .msg span { display: block; width: 103px; height: 31px; line-height: 31px; font-size: 14px; color: #fff; margin: 0 auto; background: url(../images/jw09.png) no-repeat 0 0;}
.pros .swiper-slide:hover a::after { top: 0;}
.pros .swiper-slide:hover .img img { transform: scale(1.1,1.1);}
.pros .swiper-slide:hover h3 { filter: alpha(opacity=0); opacity: 0;}
.pros .swiper-slide:hover .msg { top: 0;}
.pros .swiper-pagination { bottom: 0;}

/*间隔图*/
.advs { width: 100%; height: 215px; line-height: 215px; font-weight: bold; font-size: 30px; color: #fff; letter-spacing: 3px; text-align: center; overflow: hidden; background: url(../images/jw10.jpg) no-repeat center top / cover; background-attachment: fixed; position: relative;}
.advs::after { display: block; content: ""; width: 100%; height: 215px; background: url(../images/jw10h.png) no-repeat center; position: absolute; top: 0; left: 0; z-index: 1;}

/*资讯*/
.news { width: 100%; padding: 30px 0; overflow: hidden;}
.news .swiper-slide { background: #fff;}
.news .swiper-slide li { float: left; width: calc(100% / 3 - 20px); margin: 0 30px 30px 0; background: #f7fafc;}
.news .swiper-slide li:nth-child(3n) { margin-right: 0;}
.news .swiper-slide li .img { width: 100%; /*height: 220px;*/ overflow: hidden;}
.news .swiper-slide li .img img { display: block; width: 100%; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.news .swiper-slide li .msg { padding: 15px 20px; background: #f7fafc; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.news .swiper-slide li .msg h3 { width: 100%; line-height: 30px; font-weight: 500; font-size: 18px; color: #333; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.news .swiper-slide li .msg p { line-height: 25px; font-size: 14px; color: #999; padding-left: 25px; background: url(../images/jw13.png) no-repeat left center;}
.news .swiper-slide li:hover .img img { transform: scale(1.1,1.1);}
.news .swiper-slide li:hover .msg { background: #1284e1;}
.news .swiper-slide li:hover .msg p { background-image: url(../images/jw13h.png);}
.news .swiper-slide li:hover .msg h3 { color: #fff;}
.news .swiper-slide li:hover .msg p { color: rgba(255,255,255,0.5);}
.news .swiper-slide li:hover .msg span { color: rgba(255,255,255,0.5); background-image: url(../images/jw14h.png);}

/*************** 子页公用 *******************/
.fl { float: left;}
.fr { float: right;}
.content { max-width: 1350px; margin: 0 auto; padding: 40px 5%; overflow: hidden; position: relative; z-index: 2;}
.catnav { width: 100%; height: 70px; line-height: 70px; border-bottom: 1px solid #eee; overflow: hidden;}
.catnav ul { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center;}
.catnav li { width: 100%; flex-shrink: 1; line-height: 70px; text-align: center; position: relative; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.catnav li::after { display: block; content: ""; width: 1px; height: 50%; margin: auto; background: #ddd; position: absolute; right:-1px; top: 0; bottom: 0;}
.catnav li:last-child::after { display: none;}
.catnav li a { display: block; font-size: 20px; color: #333; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.catnav li:hover,
.catnav .on { background: #1284e1;}
.catnav li:hover a { color: #fff;}
.catnav .on a { color: #fff !important;}
.catnav h3 { float: left; font-size: 22px; position: relative;}
.catnav h3::after { display: block; content: ""; width: 100%; height: 2px; margin: auto; background: #1284e1; -webkit-transition: all 0.8s ease; transition: all 0.8s ease; position: absolute; left: 0; right: 0; bottom: 0;}
.catnav p { font-size: 14px; color: #666; padding-left: 20px; background: url(../images/posit.png) no-repeat left center;}
.catnav p a { color: #666;}
.catnavFix { background: #fff; position:fixed; left:0; top:0; z-index:2;}

/*详情页公用*/
.lh { min-height: 300px; line-height: 30px; font-size: 15px; color: #666; text-align: justify; word-break: break-all;}
.lh img { display: block; max-width: 100%; height: auto !important;}
.lh ul,.lh ol { padding: revert; padding-left: 25px;}
.lh table { border-spacing: 0px; border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
.lh table td { text-align: center; vertical-align: middle; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.show_h3 { width: 100%; margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #eee;}
.show_h3 h3 { line-height: 40px; font-size: 24px; color: #333;}
.show_h3 h3 b { font-weight: 500; font-size: 24px; margin-left: 10px;}
.show_h3 p { line-height: 30px; font-size: 12px; color: #999; margin-top: 10px;}
.show_sxp { line-height: 25px; font-size: 12px; color: #999; margin-top: 30px; padding-top: 20px; border-top: 1px solid #eee;}
.show_sxp p { width: 45%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.show_sxp p span { display: inline-block;}
.show_sxp a { color: #666; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.show_sxp .fr { text-align: right;}
.show_sxp p a:hover { color: #1284e1; text-decoration: underline;}

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

/*搜索列表*/
.serchlist { width: 100%;}
.serchlist li { float: left; width: 395px; margin: 0 24px 24px 0; padding: 10px; border: 1px solid #ccc; border-radius: 4px;}
.serchlist li:nth-child(3n) { margin-right: 0;}
.serchlist li a { display: block; width: 100%;}
.serchlist li .img { width: 395px; height: 228px; overflow: hidden;}
.serchlist li .img img { display: block; width: 100%; margin: 0 auto; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.serchlist li h3 { line-height: 30px; font-size: 18px; color: #333; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.serchlist li:hover .img img { transform: scale(1.1,1.1);}
.serchlist li:hover h3 { color: #1284e1;}

/*新闻列表*/
.newlist { width: 100%; overflow: hidden;}
.newlist li { width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee;}
.newlist li .img { float: left; width: 350px; height: 180px; border-radius: 4px; overflow: hidden; background: #fafafa; position: relative;}
.newlist li .img img { display: block; width: 100%; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.newlist li .msg { float: right; width: calc(100% - 370px);}
.newlist li .msg h3 { width: 100%; line-height: 40px; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.newlist li .msg i { display: inline-block; line-height: 25px; font-style: normal; font-size: 12px; color: #666; margin-bottom: 10px;}
.newlist li .msg p { height: 50px; line-height: 25px; font-size: 14px; color: #999; margin-bottom: 25px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.newlist li .msg span { display: inline-block; line-height: 25px; font-size: 12px; color: #666; padding-right: 20px; background: url(../images/jw14.png) no-repeat right 10px / 10px; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.newlist li:hover .img img { transform: scale(1.1,1.1);}
.newlist li:hover .msg h3 { color: #1284e1;}
.newlist li:hover .msg span { color: #1284e1; background-image: url(../images/jw14g.png);}

/*新闻详情*/
.newlft { float: left; width: calc(100% - 400px);}
.newrgt { float: right; width: 300px; padding: 10px 20px 20px 20px; border: 1px solid #f4f4f4; background: #fafafa;}
.newrgt .nam { width: 100%; height: 40px; line-height: 35px; font-weight: bold; font-size: 18px; color: #333; border-bottom: 1px solid #eee;}
.newrgt li { margin-top: 15px; padding: 10px; box-shadow: 0 5px 10px rgba(0,0,0,0.05); background: #fff;}
.newrgt li .img { width: 100%; overflow: hidden; background: #fff;}
.newrgt li .img img { display: block; width: 100%; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.newrgt li .msg { width: 100%; margin-top: 10px;}
.newrgt li .msg h3 { line-height: 25px; font-size: 15px; color: #333;}
.newrgt li .msg p { height: 20px; line-height: 20px; font-size: 12px; color: #999; margin-top: 5px;}
.newrgt li:hover .img img { transform: scale(1.1,1.1);}
.newrgt li:hover .msg h3 { color: #1284e1;}

/*图片列表*/
.piclist { width: 100%; overflow: hidden;}
.piclist li { float: left; width: calc(100% / 4 - 15px); margin: 0 20px 20px 0;}
.piclist li:nth-child(4n) { margin-right: 0;}
.piclist li .img { width: 100%; height: 255px; border-radius: 4px 4px 0 0; overflow: hidden;}
.piclist li .img img { display: block; width: 100%; margin: 0 auto; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.piclist li h3 { line-height: 30px; font-size: 18px; color: #333; padding: 10px 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.piclist li:hover .img img { transform: scale(1.1,1.1);}
.piclist li:hover h3 { color: #1284e1;}

/*产品列表*/
.prolsts { width: 100%; overflow: hidden;}
.prolsts .topmsg { width: 100%; padding-bottom: 20px; margin-bottom: 50px; position: relative;}
.prolsts .topmsg::after { display: block; content: ""; width: 400px; height: 6px; background-image: linear-gradient(to right,#39b174,#f8f8f8); position: absolute; left: 0; bottom: 0;}
.prolsts .topmsg h1 { line-height: 60px; font-size: 30px; color: #333;}
.prolsts .topmsg .lh { min-height: 0; margin: 15px 0;}
.prolsts li { float: left; width: calc(100% / 3 - 13.5px); margin: 0 20px 20px 0; overflow: hidden; background: #fbfbfb url(../images/jw08h.jpg) no-repeat 0 0 / 100%;}
.prolsts li:nth-child(3n) { margin-right: 0;}
.prolsts li .img { width: 100%; /*height: 245px;*/}
.prolsts li .img img { display: block; width: 100%; /*height: 245px;*/ margin: 0 auto; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.prolsts li h3 { width: calc(100% - 50px); height: 60px; line-height: 60px; font-size: 20px; color: #000; text-align: center; padding: 0 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; left: 0; bottom: 0; z-index: 1; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.prolsts li .msg { height: calc(100% - 65px); text-align: center; margin: auto; padding: 65px 25px 0 25px; background: rgba(18,132,225,0.5); position: absolute; top: 100%; left: 0; right: 0; z-index: 3; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.prolsts li .msg h2 { line-height: 45px; font-size: 20px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.prolsts li .msg p { line-height: 30px; font-size: 14px; color: rgba(255,255,255,0.8); margin-bottom: 35%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.prolsts li .msg span { display: block; width: 103px; height: 31px; line-height: 31px; font-size: 14px; color: #fff; margin: 0 auto; background: url(../images/jw09.png) no-repeat 0 0;}
.prolsts li:hover a::after { top: 0;}
.prolsts li:hover .img img { transform: scale(1.1,1.1);}
.prolsts li:hover h3 { filter: alpha(opacity=0); opacity: 0;}
.prolsts li:hover .msg { top: 0;}

.products { width: 100%; overflow: hidden;}
.products .ban1 { width: 100%; padding: 40px 0; background: #f8f8f8;}
.products .ban1 .topmsg { float: left; width: calc(100% - 430px); position: relative;}
.products .ban1 .topmsg::after { display: block; content: ""; width: 465px; height: 6px; background-image: linear-gradient(to right,#39b174,#f8f8f8); position: absolute; left: 0; bottom: 0;}
.products .ban1 .topmsg h1 { line-height: 60px; font-size: 30px; color: #333;}
.products .ban1 .topmsg .lh { min-height: 0; margin: 40px 0;}
.products .ban1 .topimg { float: right; width: 345px; height: 260px; overflow: hidden;}
.products .ban1 .topimg .swiper-slide { overflow: hidden;}
.products .ban1 .topimg img { display: block; max-width: 100%; height: 260px; margin: 0 auto; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.products .ban1 .topimg:hover img { transform: scale(1.1,1.1)}
.products .ban1 .topimg .swiper-pagination-bullets { bottom: 10px;}
.products .ban1 .topimg .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 5px !important; background: #1284e1;}
.products .ban2 { width: 100%; padding: 40px 0;}
.products .ban2 .choose { float: left; width: 200px; padding: 15px 20px 20px 20px; border-radius: 8px; overflow: hidden; background: #f4f4f4;}
.products .ban2 .choose li { margin-top: 10px; border: 1px solid #eee; border-radius: 4px; overflow: hidden;}
.products .ban2 .choose li label { float: left; width: 65px; height: 40px; line-height: 40px; font-size: 12px; color: #333; text-align: center; border-right: 1px solid #eee; background: #fafafa;}
.products .ban2 .choose li input { display: block; float: right; width: calc(100% - 86px); height: 40px; line-height: 40px; font-size: 12px; color: #333; outline:none; padding: 0 10px; border: none; background: #fff;}
.products .ban2 .choose li select { display: block; float: right; width: calc(100% - 66px); height: 40px; line-height: 40px; font-size: 12px; color: #333; outline:none; padding: 0 10px; border: none; background: #fff;}
.products .ban2 .choose .btn { display: block; width: 100%; height: 40px; line-height: 40px; font-size: 14px; color: #fff; outline:none; margin-top: 10px; border: none; border-radius: 4px; background: #1284e1;}
.products .ban2 .choose .name { width: 100%; height: 40px;}
.products .ban2 .choose .name h3 { float: left; line-height: 40px; font-size: 20px; color: #333;}
.products .ban2 .choose .name input { float: right; width: auto; height: 40px; line-height: 40px; font-size: 14px; color: #666; cursor: pointer; padding: 0; margin: 0; border: none; background: none;}
.products .ban2 .prolst { float: right; width: calc(100% - 270px);}
.products .ban2 .prolst .titnam { width: 100%; height: 40px; line-height: 40px; font-weight: bold; font-size: 16px; color: #333; margin-bottom: 5px;}
.products .ban2 .prolst .tablst { width: 100%; /*overflow: hidden;*/}
.products .ban2 .prolst .marbm { margin-bottom: 15px;}
.products .ban2 .prolst .nrss { width: calc(100% + 17px); max-height: 625px; min-height: 40px; overflow-y: scroll;}
.products .ban2 .prolst table { table-layout: fixed; width: 1080px; border-left: 1px solid #eee; border-top: 1px solid #eee; box-sizing: border-box;}
.products .ban2 .prolst table th,
.products .ban2 .prolst table td { line-height: 25px; font-size: 12px; color: #333; text-align: center; padding: 5px 0; border-right: 1px solid #eee; border-bottom: 1px solid #eee;}
.products .ban2 .prolst table th { font-size: 14px; color: #fff; padding: 10px 0; border-color: rgba(255,255,255,0.2); background: #1284e1;}
.products .ban2 .prolst table thead td { color: #fff; border-color: rgba(255,255,255,0.2); background: #666;}
.products .ban2 .prolst table thead .mc td { padding: 0;}
.products .ban2 .prolst table tbody tr:nth-child(2n) { background: #fafafa;}
.products .ban2 .prolst table tbody tr:hover { background: #f8f8f8;}
.products .ban2 .prolst table td a { display: block; width: 100%; height: 45px; background: url(../images/jw19.png) no-repeat center / 25px;}
.products .ban2 .prolst table td table {  border: none;}
.products .ban2 .prolst table td table td:nth-child(2n) { border-right: none;}
.products .ban2 .prolst table td table tr:nth-child(2n) { background: #fff;}
.products .ban2 .prolst table td table tr:nth-child(2n) td { border-bottom: none;}
.products .ban2 .prolst .ntab { width: 100%;}
.products .ban2 .prolst .ntab table { width: 100%;}


.kong { width: 100%; line-height: 40px; font-size: 16px; color: #666; text-align: center; padding-top: 140px; background: url(../images/kong.png) no-repeat center top;}

/*下载*/
.softs { width: 100%; overflow: hidden;}
.softs li { float: left; width: 390px; margin: 0 5px 30px 5px; overflow: hidden; position: relative;}
.softs li a { display: block; width: 100%;}
.softs li .msg { width: 90%; height: 200px; padding: 95px 5%; text-align: center; background: rgba(222,5,5,0.8); position: absolute; top: 0; left: 0; z-index: 2;}
.softs li .msg i { display: block; width: 20px; height: 2px; margin: 0 auto; background: #fff;}
.softs li .msg h3 { width: 100%; line-height: 40px; font-size: 18px; color: #fff; margin-bottom: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.softs li .msg p { width: 90px; height: 30px; line-height: 30px; font-size: 12px; color: #fff; margin: 0 auto; border: 1px solid #fff; border-radius: 15px; overflow: hidden;}
.softs li img { width: 390px; height: 300px; overflow: hidden; -webkit-transition: all .8s ease; transition: all .8s ease;}
.softs li:hover img { transform: scale(1.1,1.1);}

/*招聘*/
.jobs { width: 100%; overflow: hidden;}
.jobs li { margin-bottom: 10px; border-radius: 4px 4px 0 0; overflow: hidden; background: #fafafa;}
.jobs li .lst { padding: 10px 20px; position: relative; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.jobs li .lst h3 { line-height: 40px; font-size: 18px; color: #333; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.jobs li .lst span { display: block; float: left; width: calc(100% / 4); line-height: 22px; font-size: 12px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.jobs li .lst a { display: block; width: 25px; height: 25px; position: absolute; top: 35px; right: 20px; z-index: 1; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.jobs li .lst a::before,.jobs li .lst a::after { display: block; content: ""; margin: auto; background: #999; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.jobs li .lst a::before { width: 1px; height: 100%;}
.jobs li .lst a::after { width: 100%; height: 1px;}
.jobs li .msg { display: none; padding: 15px 20px;}
.jobs li.on .lst { background: #1284e1;}
.jobs li.on .lst h3,.jobs li.on .lst span { color: #fff;}
.jobs li.on .lst a::before { display: none;}
.jobs li.on .lst a::after { background: #fff;}
.jobs li.on .msg { display: block;}
.jobs li.on .msg h3 { line-height: 40px; font-size: 16px; color: #333; margin-bottom: 5px;}
.jobs li.on .msg .fl,
.jobs li.on .msg .fr { width: 48%;}
.jobs li.on .msg .lh { min-height: auto; margin-bottom: 15px;}
.jobs li.on .msg .lh p { line-height: 30px; font-size: 14px; color: #666;}

/*联系我们*/
.contact { width: 100%; overflow: hidden;}
.contact .bank1 { width: 100%; padding-top: 75px; background: #fff; position: relative;}
.contact .bank1::after { display: block; content: ""; width: 100%; height: 75%; background: #f1f2f3; position: absolute; top: 0; left: 0; z-index: 1;}
.contact .bank1 .warp { position: relative; z-index: 9;}
.contact .bank1 .nr { padding: 50px 100px; box-shadow: 0 5px 10px rgba(0,0,0,0.05); background: #fff url(../images/jw30.jpg) no-repeat center top / cover;}
.contact .bank1 .nr .msg { float: left; width: 40%; position: relative;}
.contact .bank1 .nr .msg::after { display: block; content: ""; width: 200px; height: 5px; background-image: linear-gradient(to right,#39b174,#f8f8f8); position: absolute; left: 0; bottom: 0;}
.contact .bank1 .nr .msg h1 { height: 35px; line-height: 35px; font-size: 32px; color: #333;}
.contact .bank1 .nr .msg p { line-height: 25px; font-size: 15px; color: #666; margin: 35px 0;}
.contact .bank1 .nr .lst { float: right; width: 40%; margin-top: 40px;}
.contact .bank1 .nr .lst p { line-height: 35px; font-size: 14px; padding-left: 25px; background-repeat: no-repeat; background-position: left 8px;}
.contact .bank1 .nr .lst .tel { background-image: url(../images/jw16h.png);}
.contact .bank1 .nr .lst .eml { background-image: url(../images/jw17h.png);}
.contact .bank1 .nr .lst .adr { background-image: url(../images/jw18h.png);}
.contact .bank2 { padding: 50px 0; background: #fff;}
.contact .bank2 h1 { height: 90px; line-height: 90px; font-size: 32px; color: #333; text-align: center; margin-bottom: 50px; position: relative;}
.contact .bank2 h1::after { display: block; content: ""; width: 60px; height: 5px; margin: 0 auto; background: #009b4c; position: absolute; left: 0; right: 0; bottom: 0;}
.contact .bank2 .tab { width: 100%; text-align: center; margin-bottom: 25px;}
.contact .bank2 .tab a { display: inline-block; height: 45px; line-height: 45px; font-size: 16px; color: #333; margin: 0 10px; padding: 0 20px; border: 1px solid #eee; border-radius: 2px; overflow: hidden; background: #fafafa; -webkit-transition: all .5s ease; transition: all .5s ease;}
.contact .bank2 .tab a:hover { color: #1284e1; border-color: #1284e1;}
.contact .bank2 .tab .on { color: #fff !important; border-color: #1284e1; background: #1284e1;}
.contact .bank2 li { float: left; width: calc(50% - 65px); margin: 0 30px 20px 0; padding: 15px 25px 20px 25px; background: #f1f2f3; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.contact .bank2 li:nth-child(2n) { margin-right: 0;}
.contact .bank2 li h3 { height: 35px; line-height: 35px; font-size: 16px; color: #333; padding-left: 25px; background: url(../images/jw18h.png) no-repeat left center; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.contact .bank2 li p { line-height: 25px; font-size: 12px; color: #666; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.contact .bank2 li:hover { background: #1284e1;}
.contact .bank2 li:hover h3 { color: #fff; background-image: url(../images/jw18.png);}
.contact .bank2 li:hover p { color: rgba(255,255,255,0.55);}
.contact .bank3 { width: 100%; height: 600px; padding: 50px 0; background: url(../images/jw23.jpg) no-repeat center top / cover;}
.contact .bank3 .nams { width: 100%; text-align: center; margin-bottom: 50px;}
.contact .bank3 .nams h3 { height: 90px; line-height: 90px; font-size: 32px; color: #333; text-align: center; position: relative;}
.contact .bank3 .nams h3::after { display: block; content: ""; width: 60px; height: 5px; margin: 0 auto; background: #009b4c; position: absolute; left: 0; right: 0; bottom: 0;}
.contact .bank3 .nams p { width: 80%; line-height: 30px; font-size: 16px; color: #333; margin: 30px auto 0 auto;}
.contact .bank3 li { float: left; width: calc(100% / 3 - 140px); text-align: center; padding: 0 70px;}
.contact .bank3 li img { display: block; width: 100px; height: 80px; margin: 0 auto; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.contact .bank3 li h3 { height: 40px; line-height: 40px; font-weight: 500; font-size: 22px; color: #333; margin: 15px 0 5px 0;}
.contact .bank3 li p { line-height: 25px; font-size: 14px; color: #666;}
.contact .bank3 li:hover img { transform: rotateY(360deg);}

/*电装服务*/
.services { width: 100%; overflow: hidden;}
.services .nams { width: 100%; text-align: center; margin-bottom: 50px;}
.services .nams h3 { height: 100px; line-height: 100px; font-size: 36px; color: #333; text-align: center; position: relative;}
.services .nams h3::after { display: block; content: ""; width: 60px; height: 6px; margin: 0 auto; background: #009b4c; position: absolute; left: 0; right: 0; bottom: 0;}
.services .nams p { width: 70%; line-height: 35px; font-size: 16px; color: #333; margin: 30px auto 0 auto;}
.services .bank1 { width: 100%; padding: 80px 0 150px 0; background: #f8f8f8 url(../images/jw23.jpg) no-repeat center bottom / cover;}
/*.services .bank1 .img { float: left; width: 670px; height: 415px; overflow: hidden;}
.services .bank1 .img img { display: block; width: 670px; height: 415px; -webkit-transition: all 1.5s ease; transition: all 1.5s ease;}*/
.services .bank1 .msg { /*float: right; width: calc(100% - 740px);*/ width: 100%; margin: 65px 0;}
.services .bank1 .msg h3 { height: 100px; line-height: 80px; font-size: 36px; color: #333; text-align: center; position: relative; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.services .bank1 .msg h3::after { display: block; content: ""; width: 60px; height: 6px; margin: 0 auto; background: #009b4c; position: absolute; left: 0; right: 0; bottom: 0; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.services .bank1 .msg h6 { height: 100px; line-height: 100px; font-size: 16px; color: #333; text-align: center;}
.services .bank1 .msg h6 span { display: inline-block; margin: 0 15px; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.services .bank1 .msg p { width: 65%; line-height: 35px; font-size: 16px; color: #333; text-align: center; margin: 0 auto; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.services .bank1:hover .img img { transform: scale(1.1,1.1)}
.services .bank1 .msg h3:hover,
.services .bank1 .msg h6 span:hover,
.services .bank1 .msg p:hover { filter: alpha(opacity=50); opacity: 0.5;}
.services .bank2 { width: 100%; padding-bottom: 40px;}
.services .bank2 li { float: left; width: calc(100% / 4 - 11.5px); height: 310px; margin-right: 15px; overflow: hidden; position: relative;}
.services .bank2 li:nth-child(4n) { margin-right: 0;}
.services .bank2 li::after { display: block; content: ""; width: 100%; height: 100%; background: rgba(18,132,225,0.5); position: absolute; left: 0; top: 0; z-index: 1; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.services .bank2 li img { display: block; width: 100%; height: 310px; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.services .bank2 li h3 { width: 100%; height: 90px; line-height: 90px; font-size: 24px; color: #fff; text-align: center; margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3;}
.services .bank2 li h3::after { display: block; content: ""; width: 60px; height: 3px; margin: 0 auto; background: #fff; position: absolute; left: 0; right: 0; bottom: 0;}
.services .bank2 li:hover::after { background: rgba(18,132,225,0.85);}
.services .bank2 li:hover img { transform: scale(1.1,1.1)}
.services .bank3 { width: 100%; padding: 40px 0;}
.services .bank3 li { float: left; width: calc(100% / 4 - 11.5px); margin: 0 15px 15px 0; overflow: hidden;}
.services .bank3 li:nth-child(4n) { margin-right: 0;}
.services .bank3 li .img { width: 100%; height: 245px; overflow: hidden;}
.services .bank3 li .img img { display: block; width: 100%; height: 245px; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.services .bank3 li h3 { height: 45px; line-height: 45px; font-size: 24px; color: #fff; text-align: center; background: #1284e1;}
.services .bank3 li:nth-child(5) .img,
.services .bank3 li:last-child .img,
.services .bank3 li:nth-child(5) .img img,
.services .bank3 li:last-child .img img { height: 500px;}
.services .bank3 li:nth-child(5) { width: calc(65% - 15px);}
.services .bank3 li:last-child { width: 35%; margin-right: 0;}
.services .bank3 li:hover .img img { transform: scale(1.1,1.1);}
.services .bank4 { max-width: 1350px; line-height: 35px; font-weight: bold; font-size: 22px; color: #fff; text-align: center; margin: 0 auto 40px auto; padding: 50px 0; background: url(../images/jw10.jpg) no-repeat center; background-size: 100%; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.services .bank4:hover { background-size: 120%;}

/*关于我们*/
.abouts { width: 100%; overflow: hidden;}
.abouts .bank1 { width: 100%; position: relative; z-index: 2;}
.abouts .bank1 .img { max-width: 50%; width: calc(100% - 650px); height: 100%; overflow: hidden; background: url(../images/cs8.jpg) no-repeat center bottom / cover; position: absolute; top: 0; left: 1;}
.abouts .bank1 .warp { position: relative; z-index: 2;}
.abouts .bank1 .msg { float: right; width: 550px; margin: 80px 0; overflow: hidden;}
.abouts .bank1 .msg h3 { line-height: 60px; font-size: 34px; color: #333; margin-bottom: 40px; padding-bottom: 25px; position: relative;}
.abouts .bank1 .msg h3 span { display: block; height: 50px; line-height: 45px; font-size: 34px; color: #333;}
.abouts .bank1 .msg h3::after { display: block; content: ""; width: 60px; height: 5px; background: #009b4c; position: absolute; left: 0; bottom: 0;}
.abouts .bank1 .msg .lh { min-height: auto; line-height: 35px; font-size: 18px;}
.abouts .bank2 { width: 100%; padding: 80px 0 100px 0; background: url(../images/jw23.jpg) no-repeat center bottom / cover; position: relative; z-index: 2;}
.abouts .bank2 .msg { text-align: center;}
.abouts .bank2 .msg h3 { line-height: 45px; font-size: 36px; color: #333; margin-bottom: 35px;}
.abouts .bank2 .msg .lst { display: flex; flex-direction: row; width: 100%;}
.abouts .bank2 .msg .lst .mg { display: flex; flex-direction: row; align-items: center; margin-right: 30px; padding: 25px; border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.05); overflow: hidden; background: #fff; position: relative; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.abouts .bank2 .msg .lst .mg .nr { width: 100%;}
.abouts .bank2 .msg .lst .mg .nr h4 { line-height: 35px; font-size: 22px; color: #333; margin-bottom: 10px; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.abouts .bank2 .msg .lst .mg .nr p { line-height: 30px; font-size: 16px; color: #666; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.abouts .bank2 .msg .lst .mg:last-child { margin-right: 0;}
.abouts .bank2 .msg .lst .mg:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.1); background: #1284e1;}
.abouts .bank2 .msg .lst .mg:hover .nr h4,
.abouts .bank2 .msg .lst .mg:hover .nr p { color: #fff;}

.abouts .bank3 { width: 100%; height: 660px; background: url(../images/jw24.png) no-repeat center bottom / cover;}
.abouts .bank3 li { float: left; width: calc(100% / 5 - 44px); margin-right: 5px; padding: 120px 20px 0 20px; background-image: linear-gradient(rgba(18,132,225,0.85) 15%,rgba(18,132,225,0)); position: relative;}
.abouts .bank3 li::after { display: block; content: ""; width: 100%; height: 0%; background-image: linear-gradient(rgba(18,132,225,0.99) 15%,rgba(18,132,225,0)); position: absolute; top: 0; bottom: 0; left: 0; z-index: 1; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.abouts .bank3 li:last-child { margin-right: 0;}
.abouts .bank3 li h3 { height: 90px; line-height: 90px; font-size: 28px; color: #fff; text-align: center; margin-bottom: 40px; position: relative; z-index: 2;}
.abouts .bank3 li h3::after { display: block; content: ""; width: 50px; height: 2px; margin: 0 auto; background: #fff; position: absolute; left: 0; right: 0; bottom: 0;}
.abouts .bank3 li .lh { line-height: 35px; font-size: 18px; color: #fff; text-align: center; position: relative; z-index: 2;}
.abouts .bank3 li:hover::after { height: 100%;}

.abouts .bank4 { width: 100%; padding-bottom: 150px; background: url(../images/jw25.png) no-repeat center / cover;}
.abouts .bank4 h3 { height: 100px; line-height: 100px; font-size: 34px; color: #333; text-align: center; margin-bottom: 40px; position: relative;}
.abouts .bank4 h3::after { display: block; content: ""; width: 60px; height: 5px; margin: auto; background: #009b4c; position: absolute; left: 0; right: 0; bottom: 0;}
.abouts .bank4 .swiper-wrapper { width: 100%; height: 100%; transition-timing-function: linear !important;}
.abouts .bank4 .swiper-slide {}
.abouts .bank4 .swiper-slide p { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 95px; padding: 15px 35px; background: #f1f1f1; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.abouts .bank4 .swiper-slide p span { line-height: 25px; font-size: 16px; color: #666; text-align: center; padding-top: 45px; overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; background: url(../images/jw26.png) no-repeat center 5px; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.abouts .bank4 .swiper-slide p:hover { background: #1284e1;}
.abouts .bank4 .swiper-slide p:hover span { filter: grayscale(100) brightness(100);}
.abouts .bank4 .swiper-button-prev,
.abouts .bank4 .swiper-button-next { height: 125px; margin: 0; background: #f1f1f1; top: 0;}
.abouts .bank4 .swiper-button-prev { left: 0;}
.abouts .bank4 .swiper-button-next { right: 0;}
.abouts .bank4 .swiper-button-prev::after,
.abouts .bank4 .swiper-button-next::after { font-size: 0; color: #333;}
.abouts .bank4 .tops { margin-bottom: 25px; position: relative;}
.abouts .bank4 .botm { position: relative;}
.abouts .bank4 .botm .swiper-button-prev,
.abouts .bank4 .botm .swiper-button-next { width: 130px;}

.abouts .bank5 { width: 100%; padding-bottom: 60px; background: #fff;}
.abouts .bank5 h3 { height: 100px; line-height: 100px; font-size: 34px; color: #333; text-align: center; margin-bottom: 40px; position: relative;}
.abouts .bank5 h3::after { display: block; content: ""; width: 60px; height: 5px; margin: auto; background: #009b4c; position: absolute; left: 0; right: 0; bottom: 0;}
.abouts .bank5 .preview { height: 90px; margin: 0 0 25px 0; padding: 0 5%; position: relative;}
.abouts .bank5 .preview::after { display: block; content: ""; width: 100%; height: 1px; background: #d9d9d9; position: absolute; left: 0; bottom: 19px;}
.abouts .bank5 .preview .swiper-slide { width: 180px; text-align: center;}
.abouts .bank5 .preview .swiper-slide::before,
.abouts .bank5 .preview .swiper-slide::after { display: block; content: ""; width: 9px; height: 9px; margin: auto; border-radius: 50%; background: #9da2a8; position: absolute; left: 0; right: 0; bottom: 5px;}
.abouts .bank5 .preview .swiper-slide::before { filter: alpha(opacity=50); opacity: 0.5;}
.abouts .bank5 .preview .swiper-slide span { display: block; line-height: 80px; font-family:'Oswald'; font-size: 22px; color: #666; cursor: pointer; -webkit-transition: all .5s ease; transition: all .5s ease;}
.abouts .bank5 .preview .on span { font-size: 42px; color: #1284e1; position: relative; top: -15px;}
.abouts .bank5 .preview .on::before,
.abouts .bank5 .preview .on::after { background: #1284e1;}
.abouts .bank5 .preview .on::before { width: 19px; height: 19px; bottom: 0;}
.abouts .bank5 .preview .on::after { width: 11px; height: 11px; bottom: 4px;}
.abouts .bank5 .preview .swiper-button-prev,
.abouts .bank5 .preview .swiper-button-next { width: 50px; height: 50px; border: 1px solid #d9d9d9; background: #fff; top: 74%; -webkit-transition: all .5s ease; transition: all .5s ease;}
.abouts .bank5 .preview .swiper-button-prev::after,
.abouts .bank5 .preview .swiper-button-next::after { font-size: 20px; color: #333; -webkit-transition: all .5s ease; transition: all .5s ease;} 
.abouts .bank5 .preview .swiper-button-prev { left: 0;}
.abouts .bank5 .preview .swiper-button-next { right: 0;}
.abouts .bank5 .preview .swiper-button-prev:hover,
.abouts .bank5 .preview .swiper-button-next:hover { border-color: #1284e1; background: #1284e1;}
.abouts .bank5 .preview .swiper-button-prev:hover::after,
.abouts .bank5 .preview .swiper-button-next:hover::after { color: #fff;}
.abouts .bank5 .view { padding: 0 10% 25px 10%;}
.abouts .bank5 .view .swiper-slide { line-height: 35px; font-size: 16px; color: #333;}
.abouts .bank5 .view .swiper-slide p { margin-top: 5px; padding-left: 15px; position: relative;}
.abouts .bank5 .view .swiper-slide p::after { display: block; content: ""; width: 6px; height: 6px; margin: auto; border-radius: 50%; background: #1284e1; position: absolute; left: 0; top: 15px;}


/*咨询弹框*/
.optank { width: 100%;}
.optank .btn { display: block; width: 160px; height: 60px; line-height: 60px; font-size: 18px; color: #fff; cursor: pointer; text-align: center; margin: 60px auto; border-radius: 4px; overflow: hidden; background: #1284e1; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.optank .btn:hover { color: #fff; border-radius: 30px;}
.oppeng { display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; z-index: 9999999;}
.oppeng .nr { width: 500px; height: 290px; padding: 25px 35px; margin: auto; border-radius: 4px; overflow: hidden; background: #fff; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2;}
.oppeng .nr .over { width: 40px; height: 40px; cursor: pointer; border-radius: 0 0 0 4px; overflow: hidden; background: #1284e1; position: absolute; top: 0; right: 0; z-index: 2;}
.oppeng .nr .over::after { display: block; content: "+"; width: 40px; height: 40px; line-height: 35px; font-weight: 100; font-size: 34px; color: #fff; text-align: center; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2;}
.oppeng .nr h1 { height: 35px; line-height: 35px; font-size: 24px; color: #1284e1; padding-bottom: 10px; border-bottom: 1px solid #eee;}
.oppeng .nr h3 { height: 40px; line-height: 40px; font-size: 18px; color: #333; margin-top: 15px;}
.oppeng .nr span { height: 25px; line-height: 25px; font-size: 15px; color: #666;}
.oppeng .nr .msg { float: left; width: calc(100% - 210px);}
.oppeng .nr .msg h2 { height: 25px; line-height: 25px; font-size: 14px; color: #1284e1; margin: 14px 0;}
.oppeng .nr .msg h4 { height: 30px; line-height: 30px; font-size: 12px; color: #333;}
.oppeng .nr .msg p { height: 25px; line-height: 25px; font-size: 12px; color: #999; padding-left: 15px; position: relative;}
.oppeng .nr .msg p::after { display: block; content: ""; width: 5px; height: 5px; border-radius: 5px; background: #999; position: absolute; left: 0; top: 10px;}
.oppeng .nr .img { float: right; width: 200px; margin-top: 25px; border: 1px solid #eee;}
.oppeng .nr .img img { display: block; width: 200px;}
.oppeng.show { display: block;}