* { margin: 0; padding: 0; list-style: none;}
body { min-width: 375px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333;}
a { color: #333; text-decoration: none;}
a:hover { text-decoration: none; color: #073190;}
img { border: 0;}
#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;} 
.clear { clear: both;}
.warp { width: 1450px; margin: 0 auto;} 

@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;
}
@font-face {
	font-family:'YouSheBiaoTiHei';
		    src:url('../fonts/YouSheBiaoTiHei.ttf');
	font-weight:normal;
	 font-style:normal;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled { filter: alpha(opacity=0); opacity: 0;}

/*头部*/
.zhanwei { height: 0;}
.header { width: 100%; height: 95px; position: fixed; top: 0; left: 0; z-index: 999; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .logo { float: left; width: 170px; height: 55px; margin: 20px 0; overflow: hidden;}
.header .logo img { display: block; height: 100%; filter:grayscale(100) brightness(100);}
.header .rgt { max-width: calc(100% - 180px); position: absolute; right: 0; top: 0;}

/*导航*/
.header .rgt .nav { float: left; height: 95px;}
.header .rgt .nav li { float: left; line-height: 95px;}
.header .rgt .nav li a { display: block; font-size: 16px; color: #fff; padding: 0 25px; position: relative;}
.header .rgt .nav li a::after { display: block; content: ""; width: 0; height: 3px; margin: auto; background: #073190; position: absolute; left: 0; right: 0; bottom: 0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .rgt .scdnav { display: none; width: 100vw; padding: 50px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; box-shadow: 0 5px 10px rgba(0,0,0,0.05); overflow: hidden; background: #fff; overflow: hidden; position: absolute; right: 0; top: 95px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .rgt .scdnav .msg { float: left; width: calc(100% - 550px);}
.header .rgt .scdnav .msg h3 { height: 55px; line-height: 55px; font-size: 28px; color: #333; margin-bottom: 15px;}
.header .rgt .scdnav .msg a { float: left; width: calc(100% / 3 - 85px); height: 50px; line-height: 50px; font-size: 16px; color: #333 !important; margin-right: 70px; padding: 0 15px 0 0; border-bottom: 1px solid #ccc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .rgt .scdnav .msg a::after { width: 5px; height: 5px; border-top: 1px solid #333; border-right: 1px solid #333; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: no-repeat; left: auto; right: 5px; top: 0; bottom: 0;}
.header .rgt .scdnav .msg a:hover { color: #073190 !important; border-bottom-color: #073190;}
.header .rgt .scdnav .msg a:hover::after { border-top: 1px solid #073190; border-right: 1px solid #073190;}
.header .rgt .scdnav .img { float: right; width: 515px; height: 290px; overflow: hidden;}
.header .rgt .scdnav .img img { display: block; width: 515px; height: 290px;}
.header .rgt .nav li:hover .scdnav { display: block;}

/*语言*/
.header .rgt .language { float: left; height: 95px; margin-left: 10px; padding-left: 30px; position: relative;}
.header .rgt .language::after { display: block; content: ""; width: 1px; height: 15px; margin: auto; background: #fff; position: absolute; left: 0; top: 0; bottom: 0;}
.header .rgt .language span { display: block; line-height: 95px; font-size: 16px; color: #fff; cursor: pointer; padding-right: 25px; position: relative;}
.header .rgt .language span::after { display: block; content: ""; width: 6px; height: 6px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 5px; top: 42px;}
.header .rgt .language span i { display: block; float: left; font-size: 25px; color: #fff; margin-right: 10px;}
.header .rgt .language p { display: none; padding: 5px 15px; background: #fff; position: absolute; right: 0; top: 95px; z-index: 2;}
.header .rgt .language p a { display: block; height: 40px; line-height: 40px; font-size: 14px; color: #666; text-align: center; border-bottom: 1px solid #eee; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .rgt .language p a:last-child { border-bottom: none;}
.header .rgt .language p a:hover { color: #073190;}
.header .rgt .language:hover p { display: block;}

/*站群*/
.header .rgt .group { float: left; height: 95px; margin: 0 30px;}
.header .rgt .group em { display: block; line-height: 95px; font-style: normal; font-size: 16px; color: #fff; cursor: pointer; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .rgt .group .scdnav { display: none; height: calc(100vh - 160px); padding-top: 65px; background: url(../images/hm03.jpg) no-repeat center bottom / cover;}
.header .rgt .group .scdnav .warp { position: relative;}
.header .rgt .group .scdnav h3 { line-height: 55px; font-size: 28px; color: #333;}
.header .rgt .group .scdnav .close { width: 50px; height: 50px; line-height: 50px; border-radius: 50%; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: #fff; position: absolute; right: 0; top: 0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .rgt .group .scdnav .close::before,
.header .rgt .group .scdnav .close::after { display: block; content: ""; margin: auto; background: #333; position: absolute; top: 0; right: 0;  bottom: 0; left: 0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .rgt .group .scdnav .close::before { width: 20px; height: 1px;}
.header .rgt .group .scdnav .close::after { width: 1px; height: 20px;}
.header .rgt .group .scdnav .close:hover { transform: rotate(360deg); background: #073190;}
.header .rgt .group .scdnav .close:hover::before,
.header .rgt .group .scdnav .close:hover::after { background: #fff;}
.header .rgt .group .scdnav .nr { width: 100%; height: calc(100vh - 400px); margin: 30px 0; position: relative;}
.header .rgt .group .scdnav .nr a { display: block; float: left; width: calc(100% / 4 - 75px); height: 70px; line-height: 70px; font-size: 16px; color: #333; padding: 0 40px 0 20px; margin: 0 20px 20px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background: #fff; position: relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .rgt .group .scdnav .nr a i { display: block; width: 20px; height: 20px; line-height: 20px; font-size: 20px; color: #c1c1c1; text-align: center; margin: auto; position: absolute; right: 20px; top: 0; bottom: 0;}
.header .rgt .group .scdnav .nr a:nth-child(4n) { margin-right: 0;}
.header .rgt .group .scdnav .nr a:hover { color: #fff; background: #073190;}
.header .rgt .group .scdnav .nr a:hover i { color: #fff;}
.header .rgt .group .scdnav .botm { width: 100%;}
.header .rgt .group .scdnav .botm span { float: left; height: 80px; line-height: 80px; font-size: 16px; color: #333; margin-right: 50px;}
.header .rgt .group .scdnav .botm span b { font-family: "宋体"; font-size: 28px; color: #000;}
.header .rgt .group .scdnav .botm span b a { color: #000;}
.header .rgt .group .scdnav .botm li { float: right; cursor: pointer; text-align: center; margin-left: 50px; position: relative;}
.header .rgt .group .scdnav .botm li i { display: block; width: 35px; height: 35px; line-height: 35px; font-size: 30px; color: #333; margin: 0 auto;}
.header .rgt .group .scdnav .botm li span { display: block; height: 25px; line-height: 25px; font-size: 16px; color: #333; margin: 5px 0 0 0;}
.header .rgt .group .scdnav .botm li img { display: none; width: 100px; height: 100px; padding: 5px; background: #fff; position: absolute; right: 0; bottom: 70px;}
.header .rgt .group .scdnav .botm li:hover i { color: #073190;}
.header .rgt .group .scdnav .botm li:hover img { display: block;}
.header .rgt .group.on .scdnav { display: block;}

/*搜索*/
.header .rgt .serch { float: right; width: 95px; height: 95px; position: relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .rgt .serch i { display: block; width: 95px; height: 95px; line-height: 95px; font-size: 26px; color: #fff; cursor: pointer; text-align: center;}
.header .rgt .serch .schnrs { display: none; width: 297px; padding: 10px; background: #fff; position: absolute; right: 0; top: 95px; z-index: 2;}
.header .rgt .serch .schnrs input { display: block; float: left; width: 210px; height: 45px; line-height: 45px; font-size: 14px; color: #333; outline:none; padding: 0 10px; border: 1px solid #eee; background: #fff;}
.header .rgt .serch .schnrs .btn { width: 65px; color: #fff; border-color: #073190; background: #073190;}
.header .rgt .serch.on .schnrs { display: block;}

/*迷你导航*/
.header .menu { display: none; float: right; width: 50px; height: 60px; position: relative;}
.header .menu .navhome { width: 30px; height: 2px; margin: auto; background: #333; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .menu .navhome::before,
.header .menu .navhome::after { display: block; content: ""; width: 100%; height: 2px; margin: auto; background: #333; position: absolute; right: 0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .menu .navhome::before { top: -10px;}
.header .menu .navhome::after { bottom: -10px;}
.header .menu .lst { width: 0%; padding: 50px 0; filter:alpha(opacity=0); opacity:0; overflow: hidden; background: rgba(7,49,144,0.95); position: absolute; top: 0; right: 0; z-index: 1; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .menu .lst .menr { width: 100%; height: calc(100vh - 100px); overflow-y: scroll;}
.header .menu .lst .menr li { height: 60px; line-height: 60px; border-bottom: 1px solid rgba(255,255,255,0.15);}
.header .menu .lst .menr li a { display: block; width: 100%; font-size: 16px; color: #fff;}
.header .menu .lst .menr li.phon { font-weight: bold; font-size: 16px; color: #fff; padding-left: 35px; background:url(../images/xm01h.png) no-repeat left center / 25px;}
.open {}
.open .menu .navhome { background: none;}
.open .menu .navhome::before,
.open .menu .navhome::after { -webkit-transform-origin:50%; transform-origin:50%; background: #fff; top: 0; right: 0; bottom: 0; left: 0;}
.open .menu .navhome::before { -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.open .menu .navhome::after { -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.open .menu .lst { width: calc(100vw - 80px); padding: 50px 40px; filter:alpha(opacity=100); opacity:1;}
.open .menu .lst .menr li a { width: 100%;} 

/*鼠标事件*/
.header:hover,
.headerFix,
.headeron { box-shadow: 0 1px 0 rgba(0,0,0,0.08); background: #fff;}
.header:hover .logo img,
.headerFix .logo img,
.headeron .logo img { filter:grayscale(0%);}
.header:hover .rgt .nav li a,
.headerFix .rgt .nav li a,
.headeron .rgt .nav li a { color: #333;}
.headerFix .rgt .nav li:hover a,
.headeron .rgt .nav li:hover a,
.header:hover .rgt .nav li:hover a,
.headerFix .rgt .nav .on a,
.headeron .rgt .nav .on a,
.header:hover .rgt .nav .on a { color: #073190;}
.headerFix .rgt .nav li:hover a::after,
.headeron .rgt .nav li:hover a::after,
.header:hover .rgt .nav li:hover a::after,
.headerFix .rgt .nav .on a::after,
.headeron .rgt .nav .on a::after,
.header:hover .rgt .nav .on a::after { width: 50%;}
.header:hover .rgt .nav li .scdnav .msg a::after,
.header:hover .rgt .nav .on .scdnav .msg a::after { width: 5px;}
.header:hover .rgt .language::after,
.headerFix .rgt .language::after,
.headeron .rgt .language::after { background: #bbb;}
.header:hover .rgt .language span,
.headerFix .rgt .language span,
.headeron .rgt .language span { color: #666;}
.header:hover .rgt .language span::after,
.headerFix .rgt .language span::after,
.headeron .rgt .language span::after { border-right: 1px solid #666; border-bottom: 1px solid #666;}
.header:hover .rgt .language span i,
.headerFix .rgt .language span i,
.headeron .rgt .language span i { color: #999;}
.header:hover .rgt .group em,
.headerFix .rgt .group em,
.headeron .rgt .group em { color: #333;}
.header:hover .rgt .group:hover em,
.headerFix .rgt .group:hover em,
.headeron .rgt .group:hover em { color: #073190;}
.header:hover .rgt .serch,
.headerFix .rgt .serch,
.headeron .rgt .serch { background: #073190;}

/*banner*/
.banner { width:100%; margin:0 auto; position: relative;}
.banner::after { display: block; content: ""; width: 1px; height: 100%; filter: alpha(opacity=20); opacity: 0.2; background: #fff; position: absolute; right: 95px; top: 0; z-index: 2;}
.banner .swiper-slide { width:100%;}
.banner .swiper-slide .text { width: 100%; margin: auto; filter: alpha(opacity=0); opacity: 0; position: absolute; top: 45vh; left: 0; z-index: 3; -webkit-transition: all 1.0s ease; transition: all 1.0s ease;}
.banner .swiper-slide .text h3 { line-height: 85px; font-size: 64px; color: #fff; letter-spacing: 5px;}
.banner .swiper-slide .text p { width: 53%; line-height: 35px; font-size: 20px; color: rgba(255,255,255,0.85); letter-spacing: 2px; margin: 20px 0 65px 0;}
.banner .swiper-slide .text a { display: block; width: 100px; height: 50px; line-height: 50px; font-size: 16px; color: #fff; padding: 0 30px; border: 1px solid #fff; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.banner .swiper-slide .text a b { display: block; float: right; width: 25px; height: 25px; line-height: 25px; font-size: 24px; color: #fff; margin-top: 14px; transform: rotateY(180deg); -webkit-transition: all .5s ease; transition: all .5s ease;}
.banner .swiper-slide .text a:hover { color: #fff; border-color: #073190; border-radius: 30px; background: #073190;}
.banner .swiper-slide .text a:hover b { color: #fff;}
.banner .swiper-slide img { display: block; width: 100%;}
.banner .swiper-slide-active .text { filter: alpha(opacity=100); opacity: 1; top: 35vh;}
.banner .swiper-slide-active img { animation: scaleUpDown 4s linear forwards;}
.banner .warp { position: relative;}
.banner .swiper-pagination-bullets { bottom: 40px;}
.banner .swiper-pagination-bullet { width: 20px; height: 40px; line-height: 40px; font-size: 16px; color: #fff; text-align: left; margin: 0 25px 0 0 !important; filter: alpha(opacity=100); opacity: 1; background: none; position: relative; -webkit-transition: .5s; transition: .5s;}
.banner .swiper-pagination-bullet::before,
.banner .swiper-pagination-bullet::after { display: block; content: ""; width: 0; height: 1px; margin: auto; background: #fff; position: absolute; top: 20px; left: 30px; -webkit-transition: .5s; transition: .5s;}
.banner .swiper-pagination-bullet::after { filter: alpha(opacity=40); opacity: 0.4;}
.banner .swiper-pagination-bullet-active { width: 80px;}
.banner .swiper-pagination-bullet-active::before { animation: widths 4.6s linear 0s 1 normal;}
.banner .swiper-pagination-bullet-active::after { width: 50px;}
.banner .swiper-button-prev,
.banner .swiper-button-next { width: 40px; height: 40px; top: auto; bottom: 40px;}
.banner .swiper-button-prev::after,
.banner .swiper-button-next::after { font-size: 20px; color: #fff;} 
.banner .swiper-button-prev { left: auto; right: 80px;}
.banner .swiper-button-next { right: 0;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover { background: rgba(255,255,255,0.2);}
.banner .woshidd { width: 95px; height: 260px; text-align: center; vertical-align: middle; margin: auto; left: auto; right: 0; top: 0; bottom: 0;}
.banner .woshidd span { display: block; width: 8px; height: 8px; font-size: 0; margin: 40px auto !important; border-radius:50%; background: #fff;}
.banner .woshidd span::before { display: none;}
.banner .woshidd span::after { width: 24px; height: 24px; filter: alpha(opacity=0); opacity: 0; border: 1px solid #eee; border-radius: 50%; background: none; top: -9px; left: -9px; -webkit-transition: 0.5s; transition: 0.5s;}
.banner .woshidd .swiper-pagination-bullet-active::after { filter: alpha(opacity=100); opacity: 1;}
.banner i { display: block; width: 95px; height: 40px; line-height: 40px; font-size: 40px; color: #fff; text-align: center; filter: alpha(opacity=50); opacity: 0.5; animation: topdow 1.5s ease-out infinite alternate; position: absolute; right: 0; bottom: 40px; z-index: 3;}
@-webkit-keyframes widths {
	0% { width: 0;}
	100% { width: 50px;}
}
@keyframes widths {
	0% { width: 0;}
	100% { width: 50px;}
}
@-webkit-keyframes topdow {
	0% { -webkit-transform:transform: translateY(-10px); transform: translateY(-10px);}
	100% { -webkit-transform:transform: translateY(10px); transform: translateY(10px);}
}
@keyframes topdow {
	0% { -webkit-transform:transform: translateY(-10px); transform: translateY(-10px);}
	100% { -webkit-transform:transform: translateY(10px); transform: translateY(10px);}
}
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.8); transform: scale(1.8);}
    to { -webkit-transform: scale(1); transform: scale(1);}
}
@keyframes scaleUpDown {
    from { transform: scale(1.8); transform: scale(1.8);}
    to { transform: scale(1); transform: scale(1);}
}

/*二级banner*/
.secondban { width: 100%; height: 310px; margin: 0 auto; padding-top: 285px; background-position: center top; background-repeat: no-repeat; background-size: cover;}
.secondban h3 { height: 70px; line-height: 70px; font-size: 42px; color: #fff; letter-spacing: 5px;}
.secondban p { height: 40px; line-height: 40px; font-size: 18px; color: #fff;}
.secondban .posit { height: 50px; line-height: 50px; font-family: "宋体"; font-size: 14px; color: rgba(255,255,255,0.6); margin-top: 125px;}
.secondban .posit i { display: block; float: left; width: 25px; height: 50px; line-height: 50px; font-size: 20px; color: #fff;}
.secondban .posit a { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: rgba(255,255,255,0.6); margin: 0 5px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.secondban .posit a:hover { color: #fff;}
.secondban .posit a:last-child { color: #fff;}

/*脚部*/
.footer { width: 100%; font-size: 15px; color: rgba(255,255,255,0.4); padding-top: 80px; background: #0e1624;}
.footer a { color: rgba(255,255,255,0.4); -webkit-transition: all .5s ease; transition: all .5s ease;}
.footer a:hover { color: rgba(255,255,255,1) !important;}
.footer .lft { float: left; width: 350px; padding-top: 10px;}
.footer .lft .sech { width: 100%; height: 60px; margin-bottom: 25px; background: #272e3a;}
.footer .lft .sech input { display: block; float: left; width: 250px; height: 60px; line-height: 60px; font-size: 16px; color: #fff; outline:none; padding: 0 20px; border: none; background: none;}
.footer .lft .sech input::-webkit-input-placeholder { color: #fff;} 
.footer .lft .sech input:-moz-placeholder { color: #fff;} 
.footer .lft .sech input::-moz-placeholder { color: #fff;}
.footer .lft .sech input:-ms-input-placeholder { color: #fff;}
.footer .lft .sech .btn { width: 60px; font-size: 22px; color: #fff;}
.footer .lft p { line-height: 25px; color: rgba(255,255,255,0.6); margin-bottom: 10px;}
.footer .lft p a { color: rgba(255,255,255,0.6);}
.footer .rgt { float: right; max-width: calc(100% - 400px);}
.footer .rgt li { float: left; margin-left: 80px;}
.footer .rgt li h3 { font-weight: 500; font-size: 18px; color: #fff; margin-bottom: 10px;}
.footer .rgt li a { display: block; line-height: 35px;}
.footer .copy { line-height: 45px; margin-top: 50px; padding: 30px 0; border-top: 1px solid rgba(255,255,255,0.1);}
.footer .copy p { float: left; width: 70%;}
.footer .copy p span { margin-right: 15px;}
.footer .copy li { float: right; width: 45px; height: 45px; cursor: pointer; text-align: center; margin-left: 25px; border: 1px solid rgba(255,255,255,0.2); border-radius: 50%; background-repeat: no-repeat; background-position: center; background-size: 25px; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.footer .copy li i { display: block; width: 45px; height: 45px; line-height: 45px; font-size: 18px; color: #a1aab9; margin: 0 auto;  -webkit-transition: all .5s ease; transition: all .5s ease;}
.footer .copy li img { display: none; width: 100px; height: 100px; padding: 5px; background: #fff; position: absolute; right: 0; bottom: 60px;}
.footer .copy li:hover { background-color: #fff;}
.footer .copy li:hover i { color: #073190;}
.footer .copy li:hover img { display: block;}

/*右侧客服*/
.webonline { width: 50px; position: fixed; right: 0; bottom: 10%; z-index: 999999;}
.webonline li { width: 40px; padding: 5px; text-align: center; margin-bottom: 2px; border-radius: 4px; background: #073190; position: relative;}
.webonline li .ontop { width: 100%; cursor: pointer;}
.webonline li .ontop i { display: block; width: 40px; height: 40px; line-height: 40px; font-family: FontAwesome; font-style: normal; font-size: 20px; color: #fff; margin: 0 auto;}
.webonline li .ontop i img { display: block; width: 40px; height: 40px; margin: 0 auto;}
.webonline li .onlft { display: none; padding: 5px; margin: auto; border-radius: 4px; background: #073190; position: absolute; right: 55px; 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 #073190; line-height: 0px; _border-color: #000 #000 #000 #073190; _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: 90px; margin-bottom: 50px;}
.tits .lft { float: left; width: 75%; position: relative;}
.tits .lft b { width: 25px; height: 300px; line-height: 25px; font-weight:500; font-size: 14px; color: #999; writing-mode: vertical-lr; -webkit-writing-mode: vertical-lr; writing-mode: tb-lr; position: absolute; left: -70px; top: 10px;}
.tits .lft h3 { line-height: 50px; font-weight: 500; font-size: 36px; color: #000;}
.tits .lft p { line-height: 40px; font-size: 14px; color: #666;}
.tits a { float: right; width: 100px; height: 50px; line-height: 50px; font-size: 16px; color: #073190; margin-top: 18px; padding: 0 30px; border: 1px solid #073190; -webkit-transition: all .5s ease; transition: all .5s ease;}
.tits a i { display: block; float: right; width: 25px; height: 25px; line-height: 25px; font-size: 24px; color: #073190; margin-top: 14px; transform: rotateY(180deg); -webkit-transition: all .5s ease; transition: all .5s ease;}
.tits a:hover { color: #fff; background: #073190;}
.tits a:hover i { color: #fff;}

/*解决方案*/
.solution { width: 100%; padding: 100px 0; background: url(../images/hm08.jpg) no-repeat center top;}
.solution li { float: left; width: 280px; height: 555px; margin-right: 15px; overflow: hidden; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.solution li:last-child { margin-right: 0;}
.solution li img { display: block; width: 565px; height: 555px;}
.solution li .msg { width: calc(100% - 60px); padding: 40px 30px; background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8)); position: absolute; left: 0; bottom: 0; z-index: 2; -webkit-transition: all .5s ease; transition: all .5s ease;}
.solution li .msg i { display: block; height: 25px; line-height: 25px; font-style: normal; font-size: 16px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.solution li .msg h3 { height: 40px; line-height: 40px; font-size: 28px; color: #fff; letter-spacing: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.solution li .msg p { width: 100%; height: 0; line-height: 30px; font-size: 14px; color: #fff; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.solution li .msg span { display: none; width: 40px; height: 40px; border:1px solid rgba(255,255,255,0.8); position: relative;}
.solution li .msg span::after { display: block; content: ""; width: 10px; height: 10px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left: 13px; top: 13px;}
.solution .on { width: 565px;}
.solution .on .msg { padding-top: 168px; background-image: linear-gradient(rgba(7,49,144,0.1),rgba(7,49,144,0.9));}
.solution .on .msg p { height: 180px; margin: 30px 0;}
.solution .on .msg span { display: block;}

/*产品中心*/
.products { width: 100%; padding: 100px 0; background: #fff;}
.products .tabs { float: left; width: 240px; padding-bottom: 120px; position: relative;}
.products .tabs .swiper-container { overflow: initial;}
.products .tabs .swiper-slide { height: 55px;}
.products .tabs .swiper-slide span { display: block; line-height: 55px; font-size: 18px; color: #333; cursor: pointer; padding: 0 25px; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.products .tabs .swiper-slide::after { display: block; content: ""; width: 0; height: 1px; margin: auto; background: #696969; position: absolute; left: -70px; top: 0; bottom: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.products .tabs .on span { font-size: 22px; color: #000;}
.products .tabs .on::after { width: 70px;}
.products .tabs .swiper-button-prev,
.products .tabs .swiper-button-next { width: 45px; height: 45px; border: 1px solid #898989; top: auto; bottom: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.products .tabs .swiper-button-prev::after,
.products .tabs .swiper-button-next::after { font-size: 16px; color: #999;}
.products .tabs .swiper-button-prev { left: 25px;}
.products .tabs .swiper-button-next { left: 100px; right: auto;}
.products .tabs .swiper-button-prev:hover,
.products .tabs .swiper-button-next:hover { border-color: #073190; background: #073190;}
.products .tabs .swiper-button-prev:hover::after,
.products .tabs .swiper-button-next:hover::after { color: #fff;}
.products .rgt { float: right; width: calc(100% - 240px); background: #f0f2f5;}
.products .rgt .swiper-slide { background: #f0f2f5;}
.products .rgt .msg { float: left; width: calc(100% - 895px); padding: 60px;}
.products .rgt .msg h3 { line-height: 40px; font-size: 26px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.products .rgt .msg i { display: block; line-height: 25px; font-style: normal; font-size: 14px; color: #999; text-transform: Uppercase;}
.products .rgt .msg p { height: 140px; line-height: 35px; font-size: 14px; color: #666; margin-top: 25px; padding-top: 20px; border-top: 1px solid #e4e4e4; overflow: hidden;}
.products .rgt .msg a { display: block; width: 95px; height: 40px; line-height: 40px; font-size: 14px; color: #fff; margin-top: 65px; padding: 0 20px; border: 1px solid #073190; background: #073190; -webkit-transition: all .5s ease; transition: all .5s ease;}
.products .rgt .msg a i { display: inline-block; width: 25px; height: 25px; line-height: 25px; font-size: 24px; color: #fff; margin-left: 10px; transform: rotateY(180deg); position: relative; top: 3px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.products .rgt .msg a:hover { border-radius: 20px;}
.products .rgt .img { float: right; width: 775px; height: 480px; overflow: hidden;}
.products .rgt .img img { display: block; width: 775px; height: 480px;}

/*关于我们*/
.about { width: 100%; height: 660px; padding: 80px 0; background: url(../images/hm09.jpg) no-repeat center top;}
.about h1 { height: 100px; line-height: 100px; font-size: 48px; color: #fff; margin-top: 40px; position: relative;}
.about h1::after { display: block; content: ""; width: 55px; height: 2px; background: #fff; position: absolute; left: 0; bottom: 0;}
.about .msg { width: 55%; height: 120px; line-height: 40px; font-size: 16px; color: #fff; margin: 60px 0; overflow: hidden;}
.about a { display: block; width: 100px; height: 50px; line-height: 50px; font-size: 16px; color: #fff; margin-top: 18px; padding: 0 30px; border: 1px solid #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.about a i { display: block; float: right; width: 25px; height: 25px; line-height: 25px; font-size: 24px; color: #fff; margin-top: 14px; transform: rotateY(180deg); -webkit-transition: all .5s ease; transition: all .5s ease;}
.about a:hover { color: #073190; background: #fff;}
.about a:hover i { color: #073190;}
.about .botm { width: 100%; margin-top: 130px;}
.about .botm li { float: left; width: calc(100% / 4); color: #fff; text-align: center; position: relative;}
.about .botm li::after { display: block; content: ""; width: 1px; height: 85px; margin: auto; background: rgba(255,255,255,0.3); position: absolute; top: 0; bottom: 0; right: 0;}
.about .botm li:last-child::after { display: none;}
.about .botm li h3 { height: 65px; line-height: 65px; font-weight: 500; font-family:'Oswald'; font-size: 52px;}
.about .botm li h3 sub { font-weight: 500; font-size: 20px; margin-left: 10px; position: relative; top: -15px;}
.about .botm li p { line-height: 25px; font-size: 16px;}

/*新闻中心*/
.news { width: 100%; padding: 100px 0; background: url(../images/hm10.png) no-repeat center top;}
.news .let { float: left; width: 670px;}
.news .let .img { width: 670px; height: 430px; margin-bottom: 25px; overflow: hidden;}
.news .let .img img { display: block; width: 670px; height: 430px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.news .let h3 { float: left; width: 80%; line-height: 30px; font-weight: 500; font-size: 22px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.news .let span { display: block; float: right; width: 70px; height: 30px; line-height: 30px; font-size: 14px; color: #fff; text-align: center; background: #073190;}
.news .let p { line-height: 25px; font-size: 14px; color: #808080; margin: 15px 0 10px 0;}
.news .let i { display: block; height: 25px; line-height: 25px; font-style: normal; font-size: 14px; color: #808080;}
.news .let i em { display: inline-block; height: 25px; line-height: 25px; font-size: 18px; color: #999; margin-right: 5px; position: relative; top: 1;}
.news .let:hover .img img { transform: scale(1.1,1.1);}
.news .let:hover h3 { color: #073190;}
.news .rgt { float: right; width: calc(100% - 750px);}
.news .rgt li { width: 100%; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dashed #ccc;}
.news .rgt li:last-child { margin-bottom: 0;}
.news .rgt li .tim { float: left; width: 105px; line-height: 25px; font-size: 14px; color: #999; text-align: center; padding: 10px 0; position: relative;}
.news .rgt li .tim::after { display: block; content: ""; width: 1px; height: 80px; margin: auto; background: #d9d9d9; position: absolute; right: 0; top: 0; bottom: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.news .rgt li .tim b { display: block; line-height: 45px; font-weight: 500; font-size: 40px; color: #666; -webkit-transition: all .5s ease; transition: all .5s ease;}
.news .rgt li .msg { float: right; width: calc(100% - 135px);}
.news .rgt li .msg h3 { float: left; width: calc(100% - 70px); line-height: 30px; font-weight: 500; font-size: 20px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.news .rgt li .msg span { display: block; float: right; width: 70px; height: 30px; line-height: 30px; font-size: 14px; color: #fff; text-align: center; background: #073190;}
.news .rgt li .msg p { height: 50px; line-height: 25px; font-size: 14px; color: #999; margin-top: 10px; overflow: hidden;}
.news .rgt li:hover .tim,
.news .rgt li:hover .tim b,
.news .rgt li:hover .msg h3 { color: #073190;}

/*加入太阳成集团tyc234cc*/
.join { width: 100%; height: 490px; padding: 100px 0; background: url(../images/hm11.jpg) no-repeat center top;}
.join h1 { height: 100px; line-height: 100px; font-size: 48px; color: #fff; margin-top: 50px; position: relative;}
.join h1::after { display: block; content: ""; width: 55px; height: 2px; background: #fff; position: absolute; left: 0; bottom: 0;}
.join .msg { width: 55%; color: #fff; margin: 65px 0; overflow: hidden;}
.join .msg h3 { line-height: 60px; font-weight: 500; font-size: 32px; letter-spacing: 2px;}
.join .msg p { line-height: 30px; font-size: 14px; text-transform: Uppercase; filter: alpha(opacity=60); opacity: 0.6;}
.join a { display: block; width: 100px; height: 50px; line-height: 50px; font-size: 16px; color: #fff; margin-top: 18px; padding: 0 30px; border: 1px solid #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.join a i { display: block; float: right; width: 25px; height: 25px; line-height: 25px; font-size: 24px; color: #fff; margin-top: 14px; transform: rotateY(180deg); -webkit-transition: all .5s ease; transition: all .5s ease;}
.join a:hover { color: #073190; background: #fff;}
.join a:hover i { color: #073190;}

/*************** 子页公用 *******************/
.fl { float: left;}
.fr { float: right;}
.bg { background: #f2f4f7;}
.serchms { font-size:20px; line-height:60px; color:#333; text-align:center;}
.comnav { width: 100%; height: 80px; text-align: center; border-bottom: 1px solid #eee; overflow: hidden; background: #fff; position: relative; left: 0; z-index: 998;}
.comnavFix { position: fixed; top: 95px;}
.comnav ul { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center;}
.comnav li { width: 100%; flex-shrink: 1; line-height: 80px; position: relative;}
.comnav li::after { display: block; content: ""; width: 1px; height: 20px; margin: auto; background: #ddd; position: absolute; right: 0; top: 0; bottom: 0;}
.comnav li:last-child::after { display: none;}
.comnav li a { display: block; font-size: 16px; color: #000; position: relative;}
.comnav li a::after { display: block; content: ""; width: 0; height: 3px; margin: auto; background: #073190; position: absolute; left: 0; right: 0; bottom: -1px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.comnav li:hover a::after,
.comnav .on a::after { width: 100%;}
.content { width: 1450px; min-height: 500px; margin:0 auto; padding: 50px 0;}
.comtit { width: 100%; margin-bottom: 35px;}
.comtit p { height: 25px; line-height: 25px; font-size: 0; color: #999; text-transform: Uppercase;}
.comtit h3 { line-height: 50px; font-weight: 500; font-size: 36px; color: #000; letter-spacing: 2px;}
.comtit .let { float: left; max-width: 50%;}
.comtit a { float: right; width: 100px; height: 50px; line-height: 50px; font-size: 16px; color: #073190; margin-top: 12px; padding: 0 30px; border: 1px solid #073190; -webkit-transition: all .5s ease; transition: all .5s ease;}
.comtit a i { display: block; float: right; width: 25px; height: 25px; line-height: 25px; font-size: 24px; color: #073190; margin-top: 14px; transform: rotateY(180deg); -webkit-transition: all .5s ease; transition: all .5s ease;}
.comtit a:hover { color: #fff; background: #073190;}
.comtit a:hover i { color: #fff;}
.kong { height: 95px;}
.composit { height: 50px; line-height: 50px; font-family: "宋体"; font-size: 14px; color: #999; margin-bottom: 30px;}
.composit i { display: block; float: left; width: 25px; height: 50px; line-height: 50px; font-size: 20px; color: #073190;}
.composit a { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #999; margin: 0 5px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.composit a:hover { color: #073190;}
.composit a:last-child { color: #333;}

/*筛选*/
.chose { width: 100%; margin-bottom: 35px;}
.chose .tags { float: left; width: 460px; height: 65px; margin-right: 30px; border: 1px solid #eee; position: relative;}
.chose .tags::after { display: block; content: ""; width: 0; height: 0; margin: auto; border-style: solid; border-width: 5px 5px 0 5px; border-color: #999 transparent transparent transparent; position: absolute; top: 0; bottom: 0; right: 20px;}
.chose .tags select { display: block; width: 100%; height: 65px; line-height: 65px; font-size: 16px; color: #333; outline:none; padding: 0 40px 0 20px; border: none; background: #fff; appearance: none; -moz-appearance: none; -webkit-appearance: none;}
.chose .sech { float: right; width: 460px; height: 65px; border: 1px solid #eee;}
.chose .sech input { display: block; float: left; width: 350px; line-height: 65px; font-size: 16px; color: #333; outline:none; padding: 0 20px; border: none; background: #fff;}
.chose .sech .btn { width: 70px; font-size: 28px; color: #333;}

/*弹框*/
.tkuang { display: none; width: 1000px; height: 550px; margin: auto; padding: 15px; box-shadow: 0 5px 50px rgba(0,0,0,0.2); background: #fff; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999;}
.tkuang .cloes { width: 40px; height: 40px; line-height: 40px; font-size: 30px; color: #fff; cursor: pointer; text-align: center; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-radius: 50%; background: #073190; position: absolute; right: -15px; top: -15px;}

/*详情页公用*/
.lh { line-height: 35px; font-size: 16px; color: #666; text-align: justify;}
.lh p { margin-top: 15px;}
.lh img { max-width: 100%; height: auto !important; margin: 20px 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;}
.shows { width: 100%; padding: 30px 0;}
.show_h3 { width: 100%; margin-bottom: 40px; padding-bottom: 25px; border-bottom: 1px solid #eee;}
.show_h3 h3 { line-height: 45px; font-weight: 500; font-size: 30px; color: #000; margin-bottom: 25px;}
.show_h3 p { float: left; height: 35px; line-height: 35px; font-size: 14px; color: #666;}
.show_h3 p span { margin-right: 35px;}
.show_h3 p span i { display: inline-block; height: 20px; font-size: 20px; color: #999; margin-right: 5px; position: relative; top: 2px;}
.show_h3 p span:nth-child(2) i { font-size: 22px; top: 4px;}
.show_h3 .share { float: right; max-width: 50%; position: relative; z-index: 9;}
/*.show_h3 .share li { float: left; width: 35px; height: 35px; margin-left: 15px; border: 1px solid #ddd; border-radius: 50%; background-repeat: no-repeat; background-position: center; -webkit-transition: all .5s ease; transition: all .5s ease;}
.show_h3 .share li a { display: block; width: 100%;}
.show_h3 .share li i { display: block; width: 35px; height: 35px; line-height: 35px; font-size: 20px; color: #999; text-align: center;}
.show_h3 .share li:hover { border-color: #073190; background-color: #073190;}
.show_h3 .share li:hover i { color: #fff;}*/
.show_h3 .share .social-share .icon-wechat .wechat-qrcode { height: 200px;}
.show_h3 .share .social-share .icon-wechat .wechat-qrcode .qrcode { margin-bottom: 0;}
.show_h3 .share .social-share .icon-wechat .wechat-qrcode .help p { float: none; width: 100%; height: 22px; line-height: 22px; font-size: 12px; color: #999; text-align: center;}
.show_sxp { line-height: 25px; font-size: 15px; color: #666; margin-top: 30px; padding-top: 20px; border-top: 1px solid #eee; position: relative;}
.show_sxp p { width: 35%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.show_sxp p span { display: block; padding: 0 20px; position: relative;}
.show_sxp p span::after { display: block; content: ""; width: 5px; height: 5px; margin: auto; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 0; bottom: 0;}
.show_sxp .fl span::after { border-left: 1px solid #333; border-bottom: 1px solid #333; left: 5px;}
.show_sxp .fr span::after { border-top: 1px solid #333; border-right: 1px solid #333; right: 5px;}
.show_sxp p a { color: #666;}
.show_sxp .fr { text-align: right;}
.show_sxp .aniu { display: block; width: 110px; height: 40px; line-height: 40px; font-size: 15px; color: #fff; text-align: center; margin: auto; background: #073190; position: absolute; left: 0; right: 0; top: 25px;}
.show_sxp p:hover span,
.show_sxp p:hover a { color: #073190;}
.show_sxp .fl:hover span::after { border-left: 1px solid #073190; border-bottom: 1px solid #073190;}
.show_sxp .fr:hover span::after { border-top: 1px solid #073190; border-right: 1px solid #073190; }

/*分页*/
.scott { text-align: center; padding-top: 30px; overflow: hidden;}
.scott li { display: inline-block; line-height: 35px; margin: 0 5px; background: #e7e9ef; -webkit-transition: all .5s ease; transition: all .5s ease;}
.scott a,
.scott span { display: block; padding: 0 15px; font-size: 14px; color: #666; cursor: pointer;}
.scott li:hover a,
.scott li:hover span { color: #073190;}
.scott .active { background: #073190;}
.scott .active:hover span,
.scott .active span { color: #fff;}

/*解决方案*/
.solunoe { width: 100%; min-height: 60vh;}
.solunoe .ban01 { padding: 50px 0; background: url(../images/hm18.png) no-repeat center bottom;}
.solunoe .ban01 h1 { float: left; width: 400px; line-height: 65px; font-size: 36px; color: #000;}
.solunoe .ban01 h1 p { line-height: 25px; font-weight: 500; font-size: 16px; color: #999; text-transform: Uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.solunoe .ban01 .msg { float: right; width: calc(100% - 400px); margin-top: 5px;}
.solunoe .ban01 .msg .info { min-height: 70px; line-height: 35px; font-size: 16px; color: #808080; text-align: justify; margin-bottom: 30px;}
.solunoe .ban01 .msg li { float: left;color: #999; cursor: pointer; text-align: center; position: relative;}
.solunoe .ban01 .msg li::after { display: block; content: ""; width: 1px; height: 85px; margin: auto; background: rgba(255,255,255,0.3); position: absolute; top: 0; bottom: 0; right: 0;}
.solunoe .ban01 .msg li:last-child::after { display: none;}
.solunoe .ban01 .msg li h3 { height: 65px; line-height: 65px; font-weight: 500; font-family:'Oswald'; font-size: 40px; color: #000; -webkit-transition: all .5s ease; transition: all .5s ease;}
.solunoe .ban01 .msg li h3 sub { font-size: 16px; position: relative; top: -15px;}
.solunoe .ban01 .msg li p { line-height: 25px; font-size: 14px;}
.solunoe .ban01 .msg li:hover h3 { color: #073190;}
.solunoe .ban01 .san li { width: calc(100% / 3);}
.solunoe .ban01 .sia li { width: calc(100% / 4);}

.solunoe .ban02 { width: 100%; padding: 50px 0;}
.solunoe .ban02 li { float: left; overflow: hidden; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.solunoe .ban02 li::after { display: block; content: ""; width: 100%; height: 100%; background-image: linear-gradient(120deg,rgba(7,49,144,0.9),rgba(7,49,144,0)); position: absolute; left: 0; top: 0; z-index: 1;}
.solunoe .ban02 li img { display: block;}
.solunoe .ban02 li .msg { position: absolute; left: 0; top: 0; z-index: 2; -webkit-transition: all .5s ease; transition: all .5s ease;}
.solunoe .ban02 li .msg h3 { height: 40px; line-height: 40px; font-size: 20px; color: #fff; padding-bottom: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative;}
.solunoe .ban02 li .msg h3::after { display: block; content: ""; width: 25px; height: 2px; background: #fff; position: absolute; left: 0; bottom: 0;}
.solunoe .ban02 li .msg p { width: 100%; line-height: 30px; font-size: 14px; color: #fff; margin-top: 20px; overflow: hidden;}
/*.solunoe .ban02 li .msg span { display: none; width: 30px; height: 30px; border:1px solid rgba(255,255,255,0.8); position: relative;}
.solunoe .ban02 li .msg span::after { display: block; content: ""; width: 8px; height: 8px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left: 9px; top: 11px;}*/
.solunoe .ban02 .on { width: 600px;}
/*.solunoe .ban02 .on .msg span { display: block;}*/

/*一排二个*/
.solunoe .ban02.two {}
.solunoe .ban02.two li { width: 645px; height: 490px;}
.solunoe .ban02.two li img { width: 775px; height: 490px;}
.solunoe .ban02.two li .msg { width: calc(100% - 90px); height: 370px; padding: 60px 45px;}
.solunoe .ban02.two li .msg p { height: 290px;}
.solunoe .ban02.two .on { width: 775px;}

/*一排三个*/
.solunoe .ban02.three {}
.solunoe .ban02.three li { width: 375px; height: 440px;}
.solunoe .ban02.three li img { width: 700px; height: 440px;}
.solunoe .ban02.three li .msg { width: calc(100% - 80px); height: 320px; padding: 60px 40px;}
.solunoe .ban02.three li .msg p { height: 240px;}
.solunoe .ban02.three .on { width: 700px;}

/*一排四个*/
.solunoe .ban02.four {}
.solunoe .ban02.four li { width: 283px; height: 380px;}
.solunoe .ban02.four li img { width: 600px; height: 380px;}
.solunoe .ban02.four li .msg { width: calc(100% - 40px); height: 260px; padding: 60px 20px;}
.solunoe .ban02.four li .msg p { height: 180px;}
.solunoe .ban02.four .on { width: 600px;}

/*一排五个*/
.solunoe .ban02.five {}
.solunoe .ban02.five li { width: 240px; height: 310px;}
.solunoe .ban02.five li img { width: 490px; height: 310px;}
.solunoe .ban02.five li .msg { width: calc(100% - 40px); height: 230px; padding: 40px 20px;}
.solunoe .ban02.five li .msg p { height: 150px;}
.solunoe .ban02.five .on { width: 490px;}

.solunoe .ban03 { width: 100%;}
.solunoe .ban03 .nr { padding: 120px 0; background-repeat: no-repeat; background-position: center top; background-size: cover;}
.solunoe .ban03 .nr h3 { line-height: 80px; font-weight: 500; font-size: 26px; color: #fff; letter-spacing: 2px;}
.solunoe .ban03 .nr .aniu { display: inline-block; height: 70px; line-height: 70px; font-size: 16px; color: #fff; cursor: pointer; margin-top: 60px;}
.solunoe .ban03 .nr .aniu i { display: block; float: left; width: 68px; height: 68px; line-height: 68px; font-size: 20px; color: #fff; text-align: center; margin-right: 35px; border: 1px solid #fff; border-radius: 50%; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.solunoe .ban03 .nr .aniu i::before,
.solunoe .ban03 .nr .aniu i::after { display: block; content: ""; width: 68px; height: 68px; margin: auto; animation: quans 2s ease-in infinite; border: 1px solid #fff; border-radius: 50%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.solunoe .ban03 .nr .aniu i::after { animation-delay: 0.8s;}
.solunoe .ban03 .nr .aniu:hover i { color: #073190; background: #fff;}
.solunoe .ban03.on .nr .tkuang { display: block;}
@-webkit-keyframes quans {
	0% {  -webkit-transform:transform: scale(1,1); transform: scale(1,1); filter: alpha(opacity=70); opacity: 0.7;}
	100% {  -webkit-transform:transform: scale(2,2); transform: scale(2,2); filter: alpha(opacity=0); opacity: 0;}
}
@keyframes quans {
	0% {  -webkit-transform:transform: scale(1,1); transform: scale(1,1); filter: alpha(opacity=70); opacity: 0.7;}
	100% {  -webkit-transform:transform: scale(2,2); transform: scale(2,2); filter: alpha(opacity=0); opacity: 0;}
}
.solutow { width: 100%;}
.solutow .tabs { width: 100%; text-align: center; margin: 20px 0 60px 0;}
.solutow .tabs li { display: inline-block; height: 50px; margin: 0 10px; border: 1px solid #e6e6e6; -webkit-transition: all .5s ease; transition: all .5s ease;}
.solutow .tabs li a { display: block; line-height: 50px; font-size: 16px; color: #666; padding: 0 20px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.solutow .tabs li:hover { border-color: #073190;}
.solutow .tabs li:hover a { color: #073190;}
.solutow .tabs .on { border-color: #073190; background: #073190;}
.solutow .tabs .on:hover a,.solutow .tabs .on a { color: #fff;}
.solutow .lsts { width: 100%;}
.solutow .lsts li { margin-bottom: 80px; background: #f0f2f5; -webkit-transition: all .5s ease; transition: all .5s ease;}
.solutow .lsts li .img { width: 725px; height: 430px; overflow: hidden; position: relative;}
.solutow .lsts li .img::after { display: block; content: ""; width: 100%; height: 15px; position: absolute; left: 0; bottom: 0; z-index: 2;}
.solutow .lsts li .img img { display: block; width: 725px; height: 430px;}
.solutow .lsts li .msg { width: calc(100% - 885px); padding: 80px;}
.solutow .lsts li .msg h3 { height: 40px; line-height: 40px; font-weight: 500; font-size: 26px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.solutow .lsts li .msg span { display: block; height: 30px; line-height: 30px; font-size: 15px; color: #333; filter: alpha(opacity=50); opacity: 0.5; -webkit-transition: all .5s ease; transition: all .5s ease;}
.solutow .lsts li .msg p { height: 60px; line-height: 30px; font-size: 15px; color: #666; margin: 15px 0 80px 0; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.solutow .lsts li .msg i { display: block; height: 32px; line-height: 32px; font-style: normal; font-size: 14px; color: #666; -webkit-transition: all .5s ease; transition: all .5s ease;}
.solutow .lsts li .msg i em { display: block; float: left; height: 32px; line-height: 32px; font-size: 38px; color: #333; margin-right: 5px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.solutow .lsts li:nth-child(2n) .img,
.solutow .lsts li:nth-child(2n-1) .msg { float: right;}
.solutow .lsts li:nth-child(2n-1) .img,
.solutow .lsts li:nth-child(2n) .msg { float: left;}
.solutow .lsts li:nth-child(2n-1) .img::after { background-image: linear-gradient(to right,#fff,#073190);}
.solutow .lsts li:nth-child(2n) .img::after { background-image: linear-gradient(to right,#073190,#fff);}
.solutow .lsts li:hover { background: #073190;}
.solutow .lsts li:hover .msg h3,
.solutow .lsts li:hover .msg span,
.solutow .lsts li:hover .msg p { color: #fff;} 
.solutow .lsts li:hover .msg i { color: #fff;}
.solutow .lsts li:hover .msg i em { color: #fff;}

/*解决方案详情*/
.solushow { width: 100%;}
.solushow .tops { width: 100%; margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid #ededed;}
.solushow .tops .imgs { float: left; width: 725px; overflow: hidden;}
.solushow .tops .imgs .swiper-container { padding-bottom: 30px;}
.solushow .tops .imgs img { display: block; width: 725px; height: 430px;}
.solushow .tops .imgs .swiper-pagination-bullets { bottom: 0;}
.solushow .tops .imgs .swiper-pagination-bullets span { filter: alpha(opacity=50); opacity: 0.5;}
.solushow .tops .imgs .swiper-pagination-bullets .swiper-pagination-bullet-active { filter: alpha(opacity=100); opacity: 1; background: #073190;}
.solushow .tops .msg { float: right; width: calc(100% - 795px);}
.solushow .tops .msg h3 { line-height: 50px; font-weight: 500; font-size: 36px; color: #000;}
.solushow .tops .msg span { display: block; height: 30px; line-height: 30px; font-size: 15px; color: #333; filter: alpha(opacity=50); opacity: 0.5;}
.solushow .tops .msg .lh { height: 245px; margin: 25px 0;}
.solushow .tops .msg .lh p { margin-top: 0;}
.solushow .tops .msg a { display: block; width: 100px; height: 50px; line-height: 50px; font-size: 16px; color: #073190; padding: 0 30px; border: 2px solid #073190; -webkit-transition: all .5s ease; transition: all .5s ease;}
.solushow .tops .msg a i { display: block; float: right; height: 25px; line-height: 25px; font-size: 25px; color: #073190; margin-top: 14px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.solushow .tops .msg a:hover { color: #fff; background: #073190;}
.solushow .tops .msg a:hover i { color: #fff;}
.solushow .lsts { width: 100%;}
.solushow .lsts h3 { float: left; width: 260px; font-weight: 500; font-size: 28px; color: #000;}
.solushow .lsts .lh { float: right; width: calc(100% - 300px); padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid #ededed;}
.solushow .lsts .lh p { margin-top: 0;}

/*应用案例*/
.comcase { width: 100%; padding: 50px 0;}
.comcase li { float: left; width: calc(100% / 3 - 20px); margin: 0 30px 30px 0;}
.comcase li:nth-child(3n) { margin-right: 0;}
.comcase li .img { width: 100%; height: 255px; overflow: hidden;}
.comcase li .img img { display: block; width: 100%; height: 255px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.comcase li .msg { padding: 30px; background: #f2f4f7; -webkit-transition: all .5s ease; transition: all .5s ease;}
.bg.comcase li .msg { background: #fff;}
.comcase li .msg h3 { height: 70px; line-height: 35px; font-weight: 500; font-size: 22px; color: #000; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.comcase li .msg p { height: 50px; line-height: 25px; font-size: 14px; color: #666; margin: 15px 0 25px 0; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.comcase li .msg span { display: block; width: 35px; height: 35px; background: #fff; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.comcase li .msg span::after { display: block; content: ""; width: 10px; height: 10px; border-top: 1px solid #073190; border-right: 1px solid #073190; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left: 9px; top: 12px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.comcase li:hover .msg { background: #073190;}
.comcase li:hover .msg h3,
.comcase li:hover .msg p { color: #fff;}
.comcase li:hover span { background: rgba(255,255,255,0.4);}
.comcase li:hover span::after { border-top: 1px solid #fff; border-right: 1px solid #fff;}

.casenavs { width: 100%; font-size: 0; text-align: center; margin-bottom: 30px;}
.casenavs li { display: inline-block; height: 55px; line-height: 55px; margin: 0 10px; background: #eee;}
.casenavs li a { display: block; font-size: 18px; color: #333; padding: 0 45px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.casenavs li:hover a { color: #073190;}
.casenavs li.on { background: #073190;}
.casenavs li.on:hover a,
.casenavs li.on a { color: #fff;}

.caselst { width: 100%; padding: 0 !important;}
.caselst .comtit { text-align: center;}
.comcase .swiper-slide { background: #fff;}
.comcase .swiper-slide .img { width: 100%; height: 255px; overflow: hidden;}
.comcase .swiper-slide .img img { display: block; width: 100%; height: 255px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.comcase .swiper-slide .msg { padding: 30px; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.comcase .swiper-slide .msg h3 { height: 70px; line-height: 35px; font-weight: 500; font-size: 22px; color: #000; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.comcase .swiper-slide .msg p { height: 50px; line-height: 25px; font-size: 14px; color: #666; margin: 15px 0 25px 0; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.comcase .swiper-slide .msg span { display: block; width: 35px; height: 35px; background: #f2f4f7; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.comcase .swiper-slide .msg span::after { display: block; content: ""; width: 10px; height: 10px; border-top: 1px solid #073190; border-right: 1px solid #073190; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left: 9px; top: 12px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.comcase .swiper-slide:hover .msg { background: #073190;}
.comcase .swiper-slide:hover .msg h3,
.comcase .swiper-slide:hover .msg p { color: #fff;}
.comcase .swiper-slide:hover span { background: rgba(255,255,255,0.4);}
.comcase .swiper-slide:hover span::after { border-top: 1px solid #fff; border-right: 1px solid #fff;}
.comcase .swiper-button-prev,
.comcase .swiper-button-next { width: 40px; height: 40px; border: 1px solid #eee; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.comcase .swiper-button-prev { left: 0;}
.comcase .swiper-button-next { right: 0;}
.comcase .swiper-button-prev::after,
.comcase .swiper-button-next::after { font-size: 16px; color: #333; -webkit-transition: all .5s ease; transition: all .5s ease;}
.comcase .swiper-button-prev:hover,
.comcase .swiper-button-next:hover { border-color: #073190; background: #073190;}
.comcase .swiper-button-prev:hover::after,
.comcase .swiper-button-next:hover::after { color: #fff;}

/*案例详情*/
.caseshow { width: 100%; overflow: hidden;}
.caseshow .name { line-height: 55px; font-size: 36px; color: #000; margin-bottom: 25px;}
.caseshow .imgs { width: 100%; margin: 50px 0 60px 0;}
.caseshow .imgs .view { float: left; width: 1091px; height: 605px; overflow: hidden;}
.caseshow .imgs .view .swiper-container { width: 1091px; height: 605px;}
.caseshow .imgs .view img { display: block; width: 1091px; height: 605px;}
.caseshow .imgs .preview { float: right; width: 334px; position: relative;}
.caseshow .imgs .preview .swiper-container { width: 334px; height: 605px;}
.caseshow .imgs .preview .swiper-slide { width: 334px; height: 185px; cursor:pointer;}
.caseshow .imgs .preview .swiper-slide img { display: block; width: 334px; height: 185px; box-sizing: border-box;}
.caseshow .imgs .preview .active-nav img { border: 6px solid #e6e8eb;}
.preview .arrow-left,
.preview .arrow-right { width: 334px; height: 30px; position: absolute; right: 0;}
.preview .arrow-left { top: -30px;}
.preview .arrow-right { bottom: -30px;}
.preview .arrow-left::after,
.preview .arrow-right::after { display: block; content: ""; width: 15px; height: 15px; margin: auto; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.preview .arrow-left::after { border-top: 1px solid #333; border-left: 1px solid #333;}
.preview .arrow-right::after { border-bottom: 1px solid #333; border-right: 1px solid #333;}
.caseshow .lsts { width: 100%;}
.caseshow .lsts h3 { float: left; width: 260px; font-weight: 500; font-size: 28px; color: #000;}
.caseshow .lsts .tabs,
.caseshow .lsts .lh { float: right; width: calc(100% - 300px); margin-bottom: 50px;}
.caseshow .lsts .lh { padding-bottom: 50px; border-bottom: 1px solid #ededed;}
.caseshow .lsts .lh p { margin-top: 0;}
.caseshow .lsts .tabs li { float: left; width: calc(50% - 30px); height: 35px; line-height: 35px; font-size: 16px; color: #333; padding-bottom: 15px; margin-bottom: 15px; margin-right: 60px; border-bottom: 1px solid #ededed;}
.caseshow .lsts .tabs li:nth-child(2n) { margin-right: 0;}
.caseshow .lsts .tabs li span { display: inline-block; width: 230px; color: #999;}
.caseshow .abtnews { width: 100%; padding: 50px 0;}
.caseshow .abtnews h1 { line-height: 35px; font-weight: 500; font-size: 28px; color: #333;}
.caseshow .abtnews li { width: 100%; padding: 35px 0; border-bottom: 1px solid #ddd; -webkit-transition: all .5s ease; transition: all .5s ease;}
.caseshow .abtnews li .img { float: left; width: 460px; height: 295px; overflow: hidden;}
.caseshow .abtnews li .img img { display: block; width: 460px; height: 295px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.caseshow .abtnews li .msg { float: right; width: calc(100% - 500px); padding-top: 15px;}
.caseshow .abtnews li .msg h3 { line-height: 35px; font-weight: 500; font-size: 22px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.caseshow .abtnews li .msg p { height: 60px; line-height: 30px; font-size: 16px; color: #666; margin-top: 15px; overflow: hidden;}
.caseshow .abtnews li .msg span { display: block; line-height: 25px; font-size: 16px; color: #999; margin: 40px 0;}
.caseshow .abtnews li .msg i { display: block; width: 35px; height: 35px; background: #fff; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.caseshow .abtnews li .msg i::after { display: block; content: ""; width: 10px; height: 10px; border-top: 1px solid #073190; border-right: 1px solid #073190; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left: 9px; top: 12px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.caseshow .abtnews li:hover { border-bottom-color: #073190;}
.caseshow .abtnews li:hover .img img { transform: scale(1.1,1.1);}
.caseshow .abtnews li:hover .msg h3 { color: #073190;}
.caseshow .abtnews li:hover .msg i { background: #073190;}
.caseshow .abtnews li:hover .msg i::after { border-top: 1px solid #fff; border-right: 1px solid #fff;}

/*产品中心*/
.prosnoe { width: 100%; padding: 50px 0;}
.prosnoe .comtit { text-align: center;}
.prosnoe .top { width: 100%; font-size: 0; text-align: center; padding: 10px 0 40px 0;}
.prosnoe .top li { display: inline-block; height: 45px; position: relative;}
.prosnoe .top li::after { display: block; content: ""; width: 1px; height: 15px; margin: auto; background: #999; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(25deg); transform: rotate(25deg); position: absolute; right: 0; top: 0; bottom: 0;}
.prosnoe .top li:last-child::after { display: none;}
.prosnoe .top li a { display: block; line-height: 45px; font-size: 18px; color: #333; padding: 0 45px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prosnoe .top li:hover a { color: #073190;}
.prosnoe .top li.on a { color: #073190; font-size: 26px;}
.prostow { width: 100%;}
.prostow .top { padding: 50px 0;}
.prostow .top h1 { height: 91px; line-height: 91px; font-weight: 500; font-size: 36px; color: #000; border-bottom: 1px solid #ededed; background: url(../images/hm23.png) no-repeat right bottom;}
.prostow .top h1 i { font-style: normal; font-size: 14px; color: #999; text-transform: Uppercase; margin-left: 15px;}
.prostow .top .msg { width: 100%;}
.prostow .top .msg .info { min-height: 70px; line-height: 35px; font-size: 16px; color: #808080; text-align: justify; margin: 35px 0;}
.prostow .top .msg li { float: left; width: calc(100% / 4); color: #999; cursor: pointer; text-align: center; position: relative;}
.prostow .top .msg li::after { display: block; content: ""; width: 1px; height: 85px; margin: auto; background: rgba(255,255,255,0.3); position: absolute; top: 0; bottom: 0; right: 0;}
.prostow .top .msg li:last-child::after { display: none;}
.prostow .top .msg li h3 { height: 65px; line-height: 65px; font-weight: 500; font-family:'Oswald'; font-size: 46px; color: #000; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prostow .top .msg li h3 sub { font-size: 18px; margin-left: 5px; position: relative; top: -15px;}
.prostow .top .msg li p { line-height: 25px; font-size: 16px;}
.prostow .top .msg li:hover h3 { color: #073190;}
.prostow .lsts { width: 100%; padding: 60px 0;}
.prostow .lsts li { width: 100%; margin-bottom: 35px; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prostow .lsts li:last-child { margin-bottom: 0;}
.prostow .lsts li .msg { float: left; width: calc(100% - 875px); padding: 75px;}
.prostow .lsts li .msg .iag { float: left; width: 50px; height: 50px; line-height: 55px; font-size: 34px; color: #fff; text-align: center; padding: 12px; border-radius: 50%; background: #073190; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prostow .lsts li .msg .iag::after { display: block; content: ""; width: 75px; height: 75px; border: 12px solid rgba(7,49,144,0.2); border-radius: 50%; position: absolute; left: -12px; top: -12px; z-index: 1; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prostow .lsts li .msg .nr { float: right; width: calc(100% - 120px);}
.prostow .lsts li .msg .nr h3 { height: 40px; line-height: 40px; font-weight: 500; font-size: 26px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prostow .lsts li .msg .nr span { display: block; height: 25px; line-height: 25px; font-size: 14px; color: #999; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prostow .lsts li .msg .nr p { height: 120px; line-height: 30px; font-size: 14px; color: #777; margin: 19px 0; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prostow .lsts li .msg .nr i { display: block; height: 32px; line-height: 32px; font-style: normal; font-size: 14px; color: #666; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prostow .lsts li .msg .nr i em { display: block; float: left; height: 32px; line-height: 32px; font-size: 38px; color: #333; margin-right: 5px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prostow .lsts li .img { float: right; width: 725px; height: 405px; overflow: hidden; background: #e4e6eb;}
.prostow .lsts li .img p { display: table-cell; width: 100vw; height: 405px; text-align: center; vertical-align: middle;}
.prostow .lsts li .img img { display: block; max-width: 725px; max-height: 405px; margin: 0 auto; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prostow .lsts li:hover { background: #073190;}
.prostow .lsts li:hover .msg .iag { color: #073190; background: #fff;}
.prostow .lsts li:hover .msg .iag::after { border: 12px solid rgba(255,255,255,0.2);}
.prostow .lsts li:hover .msg .nr h3 { color: #fff;}
.prostow .lsts li:hover .msg .nr span { color: rgba(255,255,255,0.4);}
.prostow .lsts li:hover .msg .nr p { color: #fff;}
.prostow .lsts li:hover .msg .nr i { color: #fff;}
.prostow .lsts li:hover .msg .nr i em { color: #fff;}
.prostow .lsts li:hover .img img { transform: scale(1.1,1.1);}
.prostow .pros { width: 100%; padding: 60px 0;}
.prostow .pros .comtit { margin-bottom: 40px;}

/*产品列表*/
.prolsts { width: 100%;}
.prolsts li { float: left; width: calc(50% - 18px); margin: 0 35px 35px 0; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prolsts li:nth-child(2n) { margin-right: 0;}
.prolsts li .msg { float: left; width: calc(100% - 480px); padding: 24px 40px;}
.prolsts li .msg h3 { height: 40px; line-height: 40px; font-weight: 500; font-size: 22px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prolsts li .msg b { display: block; line-height: 22px; font-weight: 500; font-size: 12px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prolsts li .msg p { height: 60px; line-height: 30px; font-size: 14px; color: #666; margin: 15px 0 50px 0; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prolsts li .msg span { display: block; height: 32px; line-height: 32px; font-style: normal; font-size: 14px; color: #666; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prolsts li .msg span i { display: block; float: left; height: 32px; line-height: 32px; font-size: 38px; color: #333; margin-right: 5px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prolsts li .img { float: right; width: 400px; height: 267px; overflow: hidden; background: #c4c7ce;}
.prolsts li .img p { display: table-cell; width: 100vw; height: 267px; text-align: center; vertical-align: middle;}
.prolsts li .img img { display: block; max-width: 400px; max-height: 267px; margin: 0 auto; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prolsts li:hover { background: #073190;}
.prolsts li:hover .msg h3 { color: #fff;}
.prolsts li:hover .msg p { color: #fff;}
.prolsts li:hover .msg b { color: rgba(255,255,255,0.65);}
.prolsts li:hover .msg span { color: #fff;}
.prolsts li:hover .msg span i { color: #fff;}
.prolsts li:hover .img img { transform: scale(1.1,1.1);}

/*产品详情*/
.proshow { width: 100%;}
.proshow .top { padding: 30px 0 120px 0;}
.proshow .top .msg { float: left; width: 645px;}
/*.proshow .top .msg span { display: inline-block; height: 40px; line-height: 40px; font-size: 18px; color: #fff; padding: 0 20px; margin-right: 5px; border-radius: 20px; background: #073190;}*/
.proshow .top .msg h3 { line-height: 45px; font-weight: 500; font-size: 34px; color: #333;}
.proshow .top .msg span { display: block; line-height: 40px; font-size: 16px; color: #999; margin-bottom: 25px; padding-bottom: 10px; border-bottom: 1px solid #cfd0d4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.proshow .top .msg .info { height: 180px; line-height: 30px; font-size: 14px; color: #666; margin-bottom: 90px; overflow: hidden;}
.proshow .top .msg .info img { display: block; width: 100%;}
.proshow .top .msg a { display: block; float: left; width: 100px; height: 50px; line-height: 50px; font-size: 16px; color: #073190; padding: 0 30px; margin-right: 20px; border: 2px solid #073190; -webkit-transition: all .5s ease; transition: all .5s ease;}
.proshow .top .msg a i { display: block; float: right; height: 25px; line-height: 25px; color: #073190; margin-top: 14px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.proshow .top .msg .zl i { font-size: 25px;}
.proshow .top .msg .sp i { font-size: 22px;}
.proshow .top .msg a:hover { color: #fff; background: #073190;}
.proshow .top .msg a:hover i { color: #fff;}
.proshow .on .tkuang { display: block;}
.proshow .top .imgs { float: right; width: 740px; height: 493px; border: 1px solid #cfd0d4;}
.proshow .top .imgs .swiper-container { padding-bottom: 45px;}
.proshow .top .imgs .swiper-slide { background: #fff;}
.proshow .top .imgs .swiper-slide p { display: table-cell; width: 740px; height: 493px; text-align: center; vertical-align: middle;}
.proshow .top .imgs .swiper-slide p img { display: block; max-width: 100%; max-height: 493px; margin: 0 auto;}
.proshow .top .imgs .swiper-pagination { bottom: 0;}
.proshow .top .imgs .swiper-pagination .swiper-pagination-bullet-active { background: #073190;}
.proshow .top .imgs .swiper-button-prev,
.proshow .top .imgs .swiper-button-next { width: 60px; height: 60px;}
.proshow .top .imgs .swiper-button-prev { left: 0;}
.proshow .top .imgs .swiper-button-next { right: 0;}
.proshow .top .imgs .swiper-button-prev::after,
.proshow .top .imgs .swiper-button-next::after { font-size: 18px; color: #333;}
.proshow .msgs { width: 100%; padding: 40px 0;}
.proshow .msgs h1 { height: 80px; line-height: 80px; font-weight: 500; font-size: 32px; color: #000; margin-bottom: 50px; border-bottom: 1px solid #ededed;}
.proshow .msgs .tabs { width: 100%; height: 50px; text-align: center; margin: 0 auto 50px auto; background: #fff; position: relative;}
.proshow .msgs .tabs a { display: inline-block; line-height: 50px; font-size: 18px; color: #666; margin: 0 30px; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.proshow .msgs .tabs a::after { display: block; content: ""; width: 0%; height: 4px; margin: 0 auto; background: #073190; position: absolute; left: 0; right: 0; bottom: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.proshow .msgs .tabs a:hover,
.proshow .msgs .tabs .on { color: #000;}
.proshow .msgs .tabs .on::after { width: 100%;}
.proshow .msgs .tabsFix { border-bottom: 1px solid #eee; position: fixed; top: 176px; z-index: 9;}
.proshow .msgs .cpys { width: 100%; margin-bottom: 30px;}
.proshow .msgs .cpys li { float: left; width: calc(50% - 22.5px); margin: 0 45px 45px 0;}
.proshow .msgs .cpys li:nth-child(2n) { margin-right: 0;}
.proshow .msgs .cpys li img { display: block; float: left; width: 50px; height: 50px; padding: 10px; border: 1px solid #073190;}
.proshow .msgs .cpys li .msg { float: right; width: calc(100% - 100px); height: 55px; padding-top: 8px;}
.proshow .msgs .cpys li .msg h3 { line-height: 30px; font-weight: 500; font-size: 18px; color: #000;}
.proshow .msgs .cpys li .msg p { line-height: 25px; font-size: 14px; color: #666;}
.proshow .msgs .cptd { width: 100%; margin-bottom: 50px;}
.proshow .msgs .cptd li { line-height: 35px; font-size: 18px; color: #333; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ededed;}
.proshow .msgs .cptd li span { display: block; float: left; width: 240px; color: #999;}
.proshow .msgs .cptd li p { float: right; width: calc(100% - 240px);}
.proshow .msgs .cptd .lft { float: left; width: 48%;}
.proshow .msgs .cptd .rgt { float: right; width: 48%;}
.proshow .msgs .jscs { width: 100%; margin-bottom: 50px;}
.proshow .msgs .jscs img { display: block; max-width: 100%;}
.proshow .msgs .jscs .lh p {margin-top: 0;}
.proshow .msgs .jscs .lh table td { text-align: left; padding:0 0.4rem;}

/*业务公司*/
.companys { width: 100%; padding: 50px 0;}
.companys li { padding: 35px 45px; margin-bottom: 20px; border: 1px solid #e5e5e5; background: #fff;}
.companys li .img { float: left; width: 230px; height: 100px; margin-top: 2.5px; overflow: hidden;}
.companys li .img img { display: block; width: 230px; height: 100px;}
.companys li .msg { float: left; width: calc(100% - 600px); margin: 0 50px; padding: 0 50px; border-left: 1px solid #e5e5e5;  border-right: 1px solid #e5e5e5;}
.companys li .msg h3 { line-height: 30px; font-weight: 500; font-size: 26px; color: #333;}
.companys li .msg p { line-height: 30px; font-size: 16px; color: #808080; margin-top: 15px;}
.companys li a { display: block; float: right; width: 165px; height: 45px; line-height: 45px; font-size: 16px; color: #073190; text-align: center; margin-top: 29px; border: 1px solid #073190; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.companys li a:hover { color: #fff; border-color: #073190; background: #073190;}

/*新闻列表*/
.newpics { width: 100%;}
.newpics li { float: left; width: calc(100% / 3 - 20px); margin: 0 30px 70px 0; border-bottom: 1px solid #e2e0e0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newpics li:nth-child(3n) { margin-right: 0;}
.newpics li .img { width: 100%; height: 295px; overflow:hidden;}
.newpics li .img img { display: block; width: 100%; height: 295px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newpics li .msg { width: 100%; padding-top: 15px;}
.newpics li .msg h3 { height: 70px; line-height: 35px; font-weight: 500; font-size: 22px; color: #000; overflow: hidden; -webkit-transition: all .5s ease; transitio n:all .5s ease;}
.newpics li .msg p { height: 35px; line-height: 35px; font-size: 16px; color: #999; margin: 30px 0 20px 0; overflow:hidden; position: relative;}
.newpics li .msg p::before,
.newpics li .msg p::after { display: block; content: ""; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transition: all .5s ease; transitio n:all .5s ease;}
.newpics li .msg p::before { width: 35px; height: 35px; background: #f2f4f7; right: 0; z-index: 1;}
.newpics li .msg p::after { width: 8px; height: 8px; border-top: 1px solid #999; border-right: 1px solid #999; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 15px; z-index: 2;}
.newpics li:hover { border-bottom-color: #073190;}
.newpics li:hover .img img { transform: scale(1.1,1.1);}
.newpics li:hover .msg h3 { color: #073190;}
.newpics li:hover .msg p::before { background: #073190;}
.newpics li:hover .msg p::after { border-top: 1px solid #fff; border-right: 1px solid #fff;}

.newlst { width: 100%;}
.newlst li { padding-bottom: 35px; margin-bottom: 35px; border-bottom: 1px solid #dedede; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newlst li .img { float:left; width: 460px; height: 295px; overflow: hidden;}
.newlst li .img img { display: block; width: 460px; height: 295px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newlst li .msg { float: right; width: calc(100% - 490px);}
.newlst li .msg h3 { line-height: 75px; font-weight: 500; font-size: 22px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newlst li .msg p { height: 70px; line-height: 35px; font-size: 15px; color: #666; overflow: hidden;}
.newlst li .msg span { display: block; line-height: 35px; font-size: 15px; color: #999; margin: 35px 0;}
.newlst li .msg i { display: block; width: 35px; height: 35px; background: #f2f4f7; position: relative;}
.newlst li .msg i::after { display: block; content: ""; width: 8px; height: 8px; border-top: 1px solid #333; border-right: 1px solid #333; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 13px; left: 11px;}
.newlst li:hover { border-bottom-color: #073190;}
.newlst li:hover .img img { transform:scale(1.1,1.1);}
.newlst li:hover h3 { color: #073190;}

/*通知公告*/
.notics { width: 100%;}
.notics li { float: left; width: calc(50% - 17px); margin: 0 30px 30px 0; border: 1px solid #e6e6e6; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.notics li:nth-child(2n) { margin-right: 0;}
.notics li a { display: block; padding: 35px;}
.notics li .tim { float: left; width: 60px; line-height: 20px; font-size: 12px; color: #999; text-align: center; padding-right: 30px; border-right: 1px solid #d9d9d9; -webkit-transition: all .5s ease; transition: all .5s ease;}
.notics li .tim b { display: block; line-height: 40px; font-weight: 500; font-size: 40px; color: #073190; -webkit-transition: all .5s ease; transition: all .5s ease;}
.notics li .msg { float: left; width: calc(100% - 181px); margin-left: 30px;}
.notics li .msg h3 { line-height: 35px; font-weight: 500; font-size: 18px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.notics li .msg p { line-height: 25px; font-size: 14px; color: #666; -webkit-transition: all .5s ease; transition: all .5s ease;}
.notics li i { float: right; width: 60px; height: 60px; line-height: 60px; font-size: 22px; color: #999; text-align: right; -webkit-transition: all .5s ease; transition: all .5s ease;}
.notics li:hover { border-color: #073190; background: #073190;}
.notics li:hover i { color: #fff;}
.notics li:hover .tim { border-right-color: rgba(255,255,255,0.3);}
.notics li:hover .tim,
.notics li:hover .tim b,
.notics li:hover .msg h3,
.notics li:hover .msg p { color: #fff;}

/*投资者保护*/
.newthree { width: 100%;}
.newthree li { float: left; width: calc(100% / 3 - 20px); margin-right: 30px;}
.newthree li:nth-child(3n) { margin-right: 0;}
.newthree li .img { width: 100%; height: 260px; overflow: hidden;}
.newthree li .img img { display: block; width: 100%; min-height: 260px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newthree li .msg { padding: 25px 35px; border: 1px solid #e6e6e6; background: #fff;}
.newthree li .msg span { display: block; height: 25px; line-height: 25px; font-size: 16px; color: #073190;}
.newthree li .msg h3 { height: 50px; line-height: 50px; font-weight: 500; font-size: 22px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newthree li .msg p { height: 30px; line-height: 30px; font-size: 16px; color: #666; margin: 40px 0 20px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.newthree li .msg i { display: inline-block; height: 25px; line-height: 25px; font-style: normal; font-size: 16px; color: #999; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newthree li .msg i b { display: inline-block; width: 25px; height: 25px; line-height: 25px; font-size: 24px; color: #999; margin-left: 5px; position: relative; top: 5px; transform: rotateY(180deg); -webkit-transition: all .5s ease; transition: all .5s ease;}
.newthree li:hover .img img { transform: scale(1.1,1.1);}
.newthree li:hover .msg h3,
.newthree li:hover .msg i { color: #073190;}
.newthree li:hover .msg i b { color: #073190;}

/*新闻详情*/
.newshow { width: 100%;}
.newshow .lft { float: left; width: calc(100% - 406px); padding-right: 45px; border-right: 1px solid #eee;}
/*.newshow .lft .lh { line-height: 30px; font-size: 14px; color: #333;}
.newshow .lft .lh p { margin-top: 0;}*/
.newshow .rgt { float: right; width: 315px;}
.newshow .rgt .is-fixed { width: 315px; background: #fff; position: relative; top: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newshow .rgt .onFix { position: fixed; top: 195px;}
.newshow .rgt .sech { width: 313px; height: 60px; border: 1px solid #eee;}
.newshow .rgt .sech input { display: block; float: left; width: 213px; line-height: 60px; font-size: 16px; color: #333; outline:none; padding: 0 15px; border: none; background: #fff;}
.newshow .rgt .sech .btn { width: 70px; font-size: 30px; color: #666;}
.newshow .rgt .lst { margin-top: 20px;}
.newshow .rgt .lst h1 { line-height: 40px; font-weight: 500; font-size: 22px; color: #333;}
.newshow .rgt .lst li { padding: 15px 0; border-bottom: 1px solid #ededed;}
.newshow .rgt .lst li .img { float: left; width: 125px; height: 80px; overflow: hidden;}
.newshow .rgt .lst li .img img { display: block; width: 125px; height: 80px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newshow .rgt .lst li .msg { float: right; width: calc(100% - 140px);}
.newshow .rgt .lst li .msg p { line-height: 25px; font-size: 12px; color: #666;}
.newshow .rgt .lst li .msg p i { float: left; width: 25px; height: 25px; line-height: 25px; font-size: 19px; color: #999;}
.newshow .rgt .lst li .msg h3 { height: 45px; line-height: 22px; font-weight: 500; font-size: 14px; color: #333; margin-top: 10px; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newshow .rgt .lst li:hover .img img { transform: scale(1.1,1.1);}
.newshow .rgt .lst li:hover .msg h3 { color: #073190;}

.newshow .rgt .jobs li .msg { float: none; width: 100%;}
.newshow .rgt .jobs li .msg h3 { height: 30px; line-height: 30px; font-weight: bold; font-size: 16px; margin-top: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.newshow .rgt .jobs li .msg p { margin-top: 5px;}

/*招聘表单*/
.jobform { padding: 30px 40px; background: #f5f7fa;}
.jobform li { float: left; width: calc(50% - 20px); margin: 0 40px 20px 0;}
.jobform li:nth-child(2n) { margin-right: 0;}
.jobform li span { display: block; height: 30px; line-height: 30px; font-size: 16px; color: #666; padding: 0 10px; margin-bottom: 10px;}
.jobform li span sup { display: inline-block; font-weight: bold; color: #e00; margin-left: 5px; position: relative; top: 3px;}
.jobform li input { display: block; width: calc(100% - 22px); height: 50px; line-height: 50px; font-size: 16px; color: #333; padding: 0 10px; outline:none; border: 1px solid #eee; border-radius: 4px; overflow: hidden; background: #fff;}
.jobform li .nr { float: left; width: calc(50% - 20px);}
.jobform li img { display: block; float: left; max-width: calc(35% - 40px); height: 50px; margin: 40px 0 0 40px; border: 1px solid #eee; border-radius: 4px; background: #fff;}
.jobform .wth100 { width: 100%; margin-right: 0;}
.jobform .wth100 textarea { display: block; width: calc(100% - 22px); line-height: 30px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #333; outline:none; padding: 10px; border: 1px solid #eee; border-radius: 4px; overflow: hidden; background: #fff;}
.jobform .btn { display: block; width: 170px; height: 55px; line-height: 55px; font-size: 16px; color: #fff; padding: 0 30px; margin: 15px 0 10px 0; border:none; background: #073190;}
.jobform .btn span { display: block; float: left; height: 55px; line-height: 55px; font-size: 16px; color: #fff;}
.jobform .btn i { display: block; float: right; width: 25px; height: 25px; line-height: 25px; font-size: 24px; color: #fff; margin-top: 17px; transform: rotateY(180deg);}

/*视频中心*/
.vidotop { width: calc(100% - 160px); height: 190px; padding: 135px 80px; margin-bottom: 40px; background: url(../images/hm34.jpg) no-repeat center top;}
.vidotop .msg { float: left; width: 70%; color: #fff;}
.vidotop .msg span { display: block; line-height: 30px; font-size: 16px; text-transform: Uppercase; filter: alpha(opacity=60); opacity: 0.6;}
.vidotop .msg h3 { line-height: 50px; font-weight: 500; font-size: 36px; letter-spacing: 4px;}
.vidotop .msg p { line-height: 30px; font-size: 16px; letter-spacing: 1px; margin-top: 35px;}
.vidotop .aniu { display: block; float: right; width: 98px; height: 98px; line-height: 98px; font-size: 26px; color: #fff; text-align: center; cursor: pointer; margin: 45px; border: 1px solid #fff; border-radius: 50%; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.vidotop .aniu::before,
.vidotop .aniu::after { display: block; content: ""; width: 98px; height: 98px; margin: auto; animation: quans 2s ease-in infinite; border: 1px solid #fff; border-radius: 50%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.vidotop .aniu::after { animation-delay: 0.8s;}
.vidotop .aniu:hover { color: #073190; background: #fff;}
.vidotop.on .tkuang { display: block;}
.vidolst { width: 100%; padding-top: 40px; border-top: 1px solid #dedede;}
.vidolst li { float: left; width: calc(100% / 3 - 20px); margin: 0 30px 30px 0;}
.vidolst li:nth-child(3n) { margin-right: 0;}
.vidolst li .img { width: 100%; height: 260px; overflow:hidden; position: relative;}
.vidolst li .img::after { display: block; content: ""; width: 100%; height: 0; margin: auto; background: rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; bottom: 0; z-index: 1; -webkit-transition: all .5s ease; transition: all .5s ease;}
.vidolst li .img i { display: block; width: 58px; height: 58px; line-height: 58px; font-size: 18px; color: #fff; text-align: center; cursor: pointer; margin: auto; filter: alpha(opacity=0); opacity: 0; border: 1px solid #fff; border-radius: 50%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; -webkit-transition: all .5s ease; transition: all .5s ease;}
.vidolst li .img i::before,
.vidolst li .img i::after { display: block; content: ""; width: 58px; height: 58px; margin: auto; animation: quans 2s ease-in infinite; border: 1px solid #fff; border-radius: 50%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.vidolst li .img i::after { animation-delay: 0.8s;}
.vidolst li .img img { display: block; width: 100%; height: 260px;}
.vidolst li .msg { height: 70px; padding: 25px 35px; background: #f5f7fa; -webkit-transition: all .5s ease; transition: all .5s ease;}
.vidolst li .msg h3 { height: 70px; line-height: 35px; font-weight: 500; font-size: 20px; color: #000; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.vidolst li:hover .img::after { height: 295px;}
.vidolst li:hover .img i { filter: alpha(opacity=100); opacity: 1;}
.vidolst li:hover .msg { background: #073190;}
.vidolst li:hover .msg h3 { color: #fff;}

/*资料下载*/
.softop { width: 100%; font-size: 0; text-align: center; margin-bottom: 40px;}
.softop li { display: inline-block; height: 55px; margin: 0 15px; border: 1px solid #eaeaea; -webkit-transition: all .5s ease; transition: all .5s ease;}
.softop li a { display: block; line-height: 55px; font-size: 16px; color: #666; padding: 0 60px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.softop li:hover { border-color: #073190;}
.softop li:hover a { color: #073190;}
.softop li.on { border-color: #073190; background: #073190;}
.softop li.on:hover a,
.softop li.on a { color: #fff;}
.softlst { width: 100%;}
.softlst li { float: left; width: calc(50% - 20px); height: 90px; line-height: 90px; margin-right: 40px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.softlst li:nth-child(2n) { margin-right: 0;}
.softlst li:nth-child(4n-4),
.softlst li:nth-child(4n-5) { background: #f5f7fa;}
.softlst li span { display: block; float: left; width: 130px; font-size: 16px; color: #333; text-align: center;}
.softlst li h3 { float: left; width: calc(100% - 245px); font-weight: 500; font-size: 16px; color: #333; text-align: center; margin-right: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.softlst li b { display: block; float: left; width: 60px; font-weight: 500; font-size: 16px; color: #333; -webkit-transition: all .5s ease; transition: all .5s ease;}
.softlst li b i { display: block; float: left; width: 25px; height: 25px; line-height: 25px; font-size: 20px; color: #666; margin-top: 33px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.softlst li:hover { background: #073190;}
.softlst li:hover span,
.softlst li:hover h3,
.softlst li:hover b { color: #fff;}
.softlst li:hover b i { color: #fff;}

/*图片列表*/
.piclist { width: 100%;}
.piclist li { float: left; width: calc(100% / 3 - 20px); text-align: center; margin: 0 30px 30px 0;}
.piclist li:nth-child(3n) { margin-right: 0;}
.piclist li .img { width: 100%; height: 295px; overflow: hidden;}
.piclist li .img img { display: block; width: 100%; height: 295px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.piclist li h3 { height: 45px; line-height: 45px; font-weight: 500; font-size: 18px; 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;}
.piclist li:hover .img img { transform: scale(1.1,1.1);}
.piclist li:hover h3 { color: #073190;}

/*管理层列表*/
.teamlist { width: 100%;}
.teamlist li { float: left; width: calc(100% / 4 - 23px); text-align: center; padding-top: 40px; margin: 0 30px 30px 0; background: #f2f4f7;}
.teamlist li:nth-child(4n) { margin-right: 0;}
.teamlist li .img { width: 195px; height: 195px; margin: 0 auto; border-radius: 50%; overflow: hidden;}
.teamlist li .img img { display: block; width: 195px; height: 195px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.teamlist li .msg { padding: 20px 40px 30px 40px; border-bottom: 1px solid #ededed;}
.teamlist li .msg h3 { height: 55px; line-height: 55px; font-weight: 500; font-size: 22px; color: #000; position: relative;}
.teamlist li .msg h3::after { display: block; content: ""; width: 25px; height: 2px; margin: auto; background: #073190; position: absolute; left: 0; right: 0; bottom: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.teamlist li .msg span { display: block; height: 25px; line-height: 25px; font-size: 14px; color: #666; margin: 15px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.teamlist li .msg p { height: 50px; line-height: 25px; font-size: 14px; color: #999; overflow: hidden;}
.teamlist li:hover .img img { transform: scale(1.1,1.1);}
.teamlist li:hover .msg h3 { color: #073190;}

/*投资者关系*/
.investor { width: 100%;}
.investor .ban1 { width: 100%; padding: 50px 0 40px 0;}
.investor .ban1 .lft { float: left; width: 50%;}
.investor .ban1 .lft .msg { width: 100%;}
.investor .ban1 .lft .msg p { line-height: 50px; font-size: 20px; color: #000; text-transform: Uppercase;}
.investor .ban1 .lft .msg h1 { line-height: 80px; font-weight: 500; font-size: 18px; color: #000;}
.investor .ban1 .lft .msg h1 span { margin-right: 30px;}
.investor .ban1 .lft .msg h1 span b { font-size: 70px; margin-right: 10px;}
.investor .ban1 .lft .msg h1 span i { font-size: 26px; position: relative; top: 2px;}
.investor .ban1 .lft .msg h1 span .red { color: #e80a0a;}
.investor .ban1 .lft .msg h1 span .gren { color: #00b34f;}
.investor .ban1 .rgt { float: right; width: 50%; padding-top: 15px;}
.investor .ban1 .rgt li { float: left; width: calc(100% / 4);}
.investor .ban1 .rgt li span { display: block; height: 25px; line-height: 25px; font-size: 16px; color: #666;}
.investor .ban1 .rgt li h3 { height: 35px; line-height: 35px; font-weight: 500; font-size: 28px; color: #000;}
.investor .ban1 .rgt p { line-height: 25px; font-size: 14px; color: #999; margin-top: 15px;}
.investor .ban2 { width: 100%; padding: 60px 0; background: #ecf1f5 url(../images/hm36.jpg) no-repeat center bottom / 100%;}
.investor .ban2 li { float: left; width: calc(50% - 17px); margin: 0 30px 30px 0; border: 1px solid #e6e6e6; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.investor .ban2 li:nth-child(2n) { margin-right: 0;}
.investor .ban2 li a { display: block; padding: 35px;}
.investor .ban2 li .tim { float: left; width: 60px; line-height: 20px; font-size: 12px; color: #999; text-align: center; padding-right: 30px; border-right: 1px solid #d9d9d9; -webkit-transition: all .5s ease; transition: all .5s ease;}
.investor .ban2 li .tim b { display: block; line-height: 40px; font-weight: 500; font-size: 40px; color: #073190;}
.investor .ban2 li .msg { float: left; width: calc(100% - 181px); margin-left: 30px;}
.investor .ban2 li .msg h3 { line-height: 35px; font-weight: 500; font-size: 18px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.investor .ban2 li .msg p { line-height: 25px; font-size: 14px; color: #666; -webkit-transition: all .5s ease; transition: all .5s ease;}
.investor .ban2 li i { float: right; width: 60px; height: 60px; line-height: 60px; font-size: 22px; color: #999; text-align: right; -webkit-transition: all .5s ease; transition: all .5s ease;}
.investor .ban2 li:hover { border-color: #073190; background: #073190;}
.investor .ban2 li:hover i { color: #fff;}
.investor .ban2 li:hover .tim { border-right-color: rgba(255,255,255,0.3);}
.investor .ban2 li:hover .tim,
.investor .ban2 li:hover .tim b,
.investor .ban2 li:hover .msg h3,
.investor .ban2 li:hover .msg p { color: #fff;}
.investor .ban3 { width: 100%; padding: 60px 0;}
.investor .ban3 li { float: left; width: calc(100% / 3 - 20px); margin-right: 30px;}
.investor .ban3 li:nth-child(3n) { margin-right: 0;}
.investor .ban3 li .img { width: 100%; height: 260px; overflow: hidden;}
.investor .ban3 li .img img { display: block; width: 100%; min-height: 260px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.investor .ban3 li .msg { padding: 25px 35px; border: 1px solid #e6e6e6; background: #fff;}
.investor .ban3 li .msg span { display: block; height: 25px; line-height: 25px; font-size: 16px; color: #073190;}
.investor .ban3 li .msg h3 { height: 50px; line-height: 50px; font-weight: 500; font-size: 22px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.investor .ban3 li .msg p { height: 30px; line-height: 30px; font-size: 16px; color: #666; margin: 40px 0 20px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.investor .ban3 li .msg i { display: inline-block; height: 25px; line-height: 25px; font-style: normal; font-size: 16px; color: #999; -webkit-transition: all .5s ease; transition: all .5s ease;}
.investor .ban3 li .msg i b { display: inline-block; width: 25px; height: 25px; line-height: 25px; font-size: 24px; color: #999; margin-left: 5px; position: relative; top: 5px; transform: rotateY(180deg); -webkit-transition: all .5s ease; transition: all .5s ease;}
.investor .ban3 li:hover .img img { transform: scale(1.1,1.1);}
.investor .ban3 li:hover .msg h3,
.investor .ban3 li:hover .msg i { color: #073190;}
.investor .ban3 li:hover .msg i b { color: #073190;}
.investor .ban4 { width: 100%; padding: 80px 0; background: url(../images/hm37.jpg) no-repeat center bottom;}
.investor .ban4 .comtit { text-align: center;}
.investor .ban4 .tabs { width: 100%; height: 65px; text-align: center; margin-bottom: 50px; border-bottom: 1px solid #ced6de;}
.investor .ban4 .tabs li { display: inline-block; line-height: 65px; font-size: 18px; color: #000; margin: 0 30px; position: relative;}
.investor .ban4 .tabs li::after { display: block; content: ""; width: 0%; height: 3px; margin: auto; background: #073190; position: absolute; left: 0; right: 0; bottom: -1px;}
.investor .ban4 .tabs .on::after { width: 100%;}
.investor .ban4 .lsts { width: 100%;}
.investor .ban4 .lsts .swiper-slide { background: #fff;}
.investor .ban4 .lsts .top { text-align: center; cursor: pointer; padding-top: 40px;}
.investor .ban4 .lsts .top .img { width: 195px; height: 195px; margin: 0 auto; border-radius: 50%; overflow: hidden;}
.investor .ban4 .lsts .top .img img { display: block; width: 195px; height: 195px;}
.investor .ban4 .lsts .top .msg { padding: 20px 40px 30px 40px; border-bottom: 1px solid #ededed;}
.investor .ban4 .lsts .top .msg h3 { height: 55px; line-height: 55px; font-weight: 500; font-size: 22px; color: #000; position: relative;}
.investor .ban4 .lsts .top .msg h3::after { display: block; content: ""; width: 25px; height: 2px; margin: auto; background: #073190; position: absolute; left: 0; right: 0; bottom: 0;}
.investor .ban4 .lsts .top .msg span { display: block; height: 25px; line-height: 25px; font-size: 14px; color: #666; margin: 15px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.investor .ban4 .lsts .top .msg p { height: 50px; line-height: 25px; font-size: 14px; color: #999; overflow: hidden;}
.investor .ban4 .lsts .top i { display: block; height: 70px; line-height: 70px; font-style: normal; font-size: 14px; color: #666; text-align: center; -webkit-transition: all .5s ease; transition: all .5s ease;}
.investor .ban4 .lsts .top i b { display: inline-block; width: 25px; height: 25px; line-height: 25px; font-size: 24px; color: #999; margin-left: 5px; position: relative; top: 5px; transform: rotateY(180deg); -webkit-transition: all .5s ease; transition: all .5s ease;}
.investor .ban4 .lsts .top:hover i { color: #073190;}
.investor .ban4 .lsts .top:hover i b { color: #073190;}
.investor .ban4 .swiper-button-prev,
.investor .ban4 .swiper-button-next { width: 45px; height: 60px; background: #f5f5fa; -webkit-transition: all .5s ease; transition: all .5s ease;}
.investor .ban4 .swiper-button-prev { left: 0;}
.investor .ban4 .swiper-button-next { right: 0;}
.investor .ban4 .swiper-button-prev::after,
.investor .ban4 .swiper-button-next::after { font-size: 18px; color: #333; -webkit-transition: all .5s ease; transition: all .5s ease;}
.investor .ban4 .swiper-button-prev:hover,
.investor .ban4 .swiper-button-next:hover { background: #073190;}
.investor .ban4 .swiper-button-prev:hover::after,
.investor .ban4 .swiper-button-next:hover::after { color: #fff;}
.investor .ban5 { width: 100%; padding: 100px 0; background: url(../images/hm38.jpg) no-repeat center top;}
.investor .ban5 .lft { float: left; width: 300px; padding-top: 10px;}
.investor .ban5 .lft p { line-height: 30px; font-size: 16px; color: rgba(255,255,255,0.5); text-transform: Uppercase;}
.investor .ban5 .lft h3 { line-height: 55px; font-weight: 500; font-size: 36px; color: #fff; letter-spacing: 2px;}
.investor .ban5 .rgt { float: right; width: calc(100% - 350px);}
.investor .ban5 .rgt li { float: left; width: calc(50% - 35px); height: 55px; line-height: 55px; font-size: 16px; color: #fff;}
.investor .ban5 .rgt li i { display: block; float: left; width: 35px; height: 55px; line-height: 55px; font-size: 25px; color: #fff;}
.investor .ban5 .rgt li a { color: #fff;}

/*关于太阳成集团tyc234cc*/
.abouts { width: 100%;}
.abouts .comtit { text-align: center;}
.abouts .ban1 { width: 100%; padding: 50px 0; background: url(../images/hm46.png) no-repeat left bottom;}
.abouts .ban1 .lft { float: left; width: 420px;}
.abouts .ban1 .lft h1 { line-height: 50px; font-weight: 500; font-size: 30px; color: #000; margin-bottom: 20px;}
.abouts .ban1 .lft span { display: block; width: 70%; height: 40px; line-height: 40px; font-weight: 100; font-size: 24px; color: #b2b2b2; text-align: right; text-transform: Uppercase; position: relative;}
.abouts .ban1 .lft span::after { display: block; content: ""; width: 22vw; height: 1px; margin: auto; background: #eaeaea; position: absolute; left: -15vw; top: 0; bottom: 0;}
.abouts .ban1 .lft span b { font-weight: bold; font-size: 26px; color: #073190; margin-left: 10px;}
.abouts .ban1 .rgt { float: right; width: calc(100% - 500px); overflow: hidden;}
.abouts .ban1 .rgt .lh { width: calc(100% - 2px); height: 465px; font-size: 14px; color: #4c4c4c; padding-right: 15px; overflow-y: scroll;}
.abouts .ban1 .rgt .lh p { margin-top: 0;}
.abouts .ban1 .botm { margin-top: 30px;}
.abouts .ban1 .botm li { float: left; width: calc(100% / 4); color: #999; cursor: pointer; text-align: center; position: relative;}
.abouts .ban1 .botm li::after { display: block; content: ""; width: 1px; height: 85px; margin: auto; background: rgba(255,255,255,0.3); position: absolute; top: 0; bottom: 0; right: 0;}
.abouts .ban1 .botm li:last-child::after { display: none;}
.abouts .ban1 .botm li h3 { height: 55px; line-height: 55px; font-weight: 500; font-family:'Oswald'; font-size: 46px; color: #073190; -webkit-transition: all .5s ease; transition: all .5s ease;}
.abouts .ban1 .botm li h3 sub { font-size: 18px; color: #333; margin-left: 5px; position: relative; top: -15px;}
.abouts .ban1 .botm li p { line-height: 25px; font-size: 14px;}
.abouts .ban2 { width: 100%; height: 100px; padding: 215px 0; background: url(../images/hm47.jpg) no-repeat center top;}
.abouts .ban2 .aniu { display: block; float: left; width: 98px; height: 98px; line-height: 98px; font-size: 20px; color: #fff; text-align: center; margin-right: 35px; border: 1px solid #fff; border-radius: 50%; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.abouts .ban2 .aniu::before,
.abouts .ban2 .aniu::after { display: block; content: ""; width: 98px; height: 98px; margin: auto; animation: quans 2s ease-in infinite; border: 1px solid #fff; border-radius: 50%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.abouts .ban2 .aniu::after { animation-delay: 0.8s;}
.abouts .ban2 .aniu:hover { color: #073190; background: #fff;}
.abouts .ban2.on .tkuang { display: block;}
.abouts .ban2 .msg { float: left; margin-left: 50px;}
.abouts .ban2 .msg h3 { line-height: 70px; /*font-family:'YouSheBiaoTiHei';*/ font-size: 40px; color: #fff; letter-spacing: 2px;}
.abouts .ban2 .msg p { line-height: 30px; font-size: 14px; color: #fff; text-transform: Uppercase;}
.abouts .ban3 { width: 100%; padding-top: 70px; background: url(../images/hm48.jpg) no-repeat center top;}
.abouts .ban3 .imgs { padding: 0 10%; position: relative;}
.abouts .ban3 .swiper-container { height: 665px;}
.abouts .ban3 .swiper-slide { display: flex; height: 530px; -webkit-transform: scale(0.6); transform: scale(0.6); z-index: 1;}
.abouts .ban3 .swiper-slide .img { display: table-cell; width:100%; /*height: 530px;*/ text-align: center; vertical-align: middle;}
.abouts .ban3 .swiper-slide .img img { display: block; max-width: 100%; height: 100%; margin: auto; border: 1px solid #d7d7d9; box-sizing: border-box; background: #fff;}
.abouts .ban3 .swiper-slide .img p { display: none; height: 35px; line-height: 35px; font-size: 16px; color: #333; text-align: center; margin-top: 25px;}
.abouts .ban3 .swiper-slide-prev,
.abouts .ban3 .swiper-slide-next { -webkit-transform: scale(0.8); transform: scale(0.8); filter: alpha(opacity=100); opacity: 1; z-index: 2;}
.abouts .ban3 .swiper-slide-active { filter: alpha(opacity=100); opacity: 1; -webkit-transform: scale(1); transform: scale(1); z-index: 3;}
.abouts .ban3 .swiper-slide-active .img p { display: block;}
.abouts .ban3 .swiper-button-prev,
.abouts .ban3 .swiper-button-next { width: 50px; height: 50px; border: 1px solid #ddd; background: #fcfcfc; top: 40%; -webkit-transition: all .5s ease; transition: all .5s ease;}
.abouts .ban3 .swiper-button-prev::after,
.abouts .ban3 .swiper-button-next::after { font-size: 20px; color: #333; -webkit-transition: all .5s ease; transition: all .5s ease;} 
.abouts .ban3 .swiper-button-prev { left: 0;}
.abouts .ban3 .swiper-button-next { right: 0;}
.abouts .ban3 .swiper-button-prev:hover,
.abouts .ban3 .swiper-button-next:hover { border-color: #073190; background: #073190;}
.abouts .ban3 .swiper-button-prev:hover::after,
.abouts .ban3 .swiper-button-next:hover::after { color: #fff;}
.abouts .ban4 { width: 100%; height: 765px; padding: 90px 0; background: url(../images/hm49.jpg) no-repeat center top;}
.abouts .ban4 .comtit p { color: rgba(255,255,255,0.65);}
.abouts .ban4 .comtit h3 { color: #fff;}
.abouts .ban4 .nrs { width: 920px; margin: 80px auto 0 auto; position: relative;}
.abouts .ban4 .nrs .img { width: 470px; height: 470px; margin: 0 auto; animation: zhuan 30s linear infinite; border: 1px dashed rgb(255,255,255,0.8); border-radius: 50%; overflow: hidden; background: url(../images/hm50.png) no-repeat center; position: relative; z-index: 1;}
@-webkit-keyframes zhuan {
	0% { -webkit-transform:transform: rotate(0); transform: rotate(0);}
	100% {  -webkit-transform:transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes zhuan {
	0% { -webkit-transform:transform: rotate(0); transform: rotate(0);}
	100% {  -webkit-transform:transform: rotate(360deg); transform: rotate(360deg);}
}
.abouts .ban4 .nrs li { width: 205px; margin: auto; position: absolute; z-index: 2;}
.abouts .ban4 .nrs li::after { display: block; content: ""; width: 170px; height: 170px; -webkit-transform-origin: 50%; transform-origin: 50%; background: url(../images/hm51.png) no-repeat 0; position: absolute; top: -50px;}
.abouts .ban4 .nrs li h3 { height: 50px; line-height: 50px; font-size: 24px; color: #fff; position: relative; z-index: 2;}
.abouts .ban4 .nrs li h3 i { display: inline-block; width: 40px; height: 50px; line-height: 50px; font-weight: 500; font-size: 36px; color: #fff; text-align: center; margin-right: 10px; position: relative; top: 4px;}
.abouts .ban4 .nrs li p { width: 100%; line-height: 35px; font-size: 15px; color: #fff; margin-top: 20px; position: relative; z-index: 2;}
.abouts .ban4 .nrs .sm { text-align: right; top: 130px; left: 0;}
.abouts .ban4 .nrs .sm::after { -webkit-transform: rotate(100deg); transform: rotate(100deg); right: -80px;}
.abouts .ban4 .nrs .yj { text-align: left; top: 130px; right: 0;}
.abouts .ban4 .nrs .yj::after { left: -70px;}
.abouts .ban4 .nrs .hx { width: 305px; text-align: center; left: 0; right: 0; bottom: -110px;}
.abouts .ban4 .nrs .hx::after { -webkit-transform: rotate(65deg); transform: rotate(65deg); left: 75px;}
.abouts .ban5 { width: 100%; padding: 80px 0; background: #fdfdfd url(../images/hm55.jpg) no-repeat center bottom;}
.abouts .ban5 .preview { height: 90px; padding: 0 5%; margin: 50px 0; position: relative;}
.abouts .ban5 .preview::after { display: block; content: ""; width: 100%; height: 1px; background: #d9d9d9; position: absolute; left: 0; bottom: 9px;}
.abouts .ban5 .preview .swiper-slide { width: 186.5px; text-align: center;}
.abouts .ban5 .preview .swiper-slide::before,
.abouts .ban5 .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 .ban5 .preview .swiper-slide::before { filter: alpha(opacity=50); opacity: 0.5;}
.abouts .ban5 .preview .swiper-slide span { display: block; line-height: 80px; font-family:'Oswald'; font-size: 22px; color: #666; cursor: pointer; padding-bottom: 10px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.abouts .ban5 .preview .on span { font-size: 50px; color: #073190; position: relative; top: -15px;}
.abouts .ban5 .preview .on::before,
.abouts .ban5 .preview .on::after { background: #073190;}
.abouts .ban5 .preview .on::before { width: 19px; height: 19px; bottom: 0;}
.abouts .ban5 .preview .on::after { width: 11px; height: 11px; bottom: 4px;}
.abouts .ban5 .preview .swiper-button-prev,
.abouts .ban5 .preview .swiper-button-next { width: 50px; height: 50px; border: 1px solid #d9d9d9; background: #fff; top: 84%; -webkit-transition: all .5s ease; transition: all .5s ease;}
.abouts .ban5 .preview .swiper-button-prev::after,
.abouts .ban5 .preview .swiper-button-next::after { font-size: 20px; color: #333; -webkit-transition: all .5s ease; transition: all .5s ease;} 
.abouts .ban5 .preview .swiper-button-prev { left: 0;}
.abouts .ban5 .preview .swiper-button-next { right: 0;}
.abouts .ban5 .preview .swiper-button-prev:hover,
.abouts .ban5 .preview .swiper-button-next:hover { border-color: #073190; background: #073190;}
.abouts .ban5 .preview .swiper-button-prev:hover::after,
.abouts .ban5 .preview .swiper-button-next:hover::after { color: #fff;}
.abouts .ban5 .view { padding: 0 15% 130px 15%;}
.abouts .ban5 .view .swiper-slide { line-height: 35px; font-size: 16px; color: #333;}
.abouts .ban5 .view .swiper-slide p { margin-top: 20px; padding-left: 15px; position: relative;}
.abouts .ban5 .view .swiper-slide p::after { display: block; content: ""; width: 6px; height: 6px; margin: auto; border-radius: 50%; background: #073190; position: absolute; left: 0; top: 15px;}
.abouts .ban6 { width: 100%; padding: 165px 0 125px 0; background: url(../images/hm56.jpg) no-repeat center top;}
.abouts .ban6 .comtit { text-align: left;}
.abouts .ban6 .comtit p { color: rgba(255,255,255,0.8);}
.abouts .ban6 .comtit h3 { color: #fff;}
.abouts .ban6 .msg { float: left; width: 340px;}
.abouts .ban6 .msg .nr { height: 60px; line-height: 30px; font-size: 16px; color: #fff; margin-bottom: 120px;}
.abouts .ban6 .msg li { float: left; color: #fff; padding: 0 35px 20px 0; margin-bottom: 15px;}
.abouts .ban6 .msg li h3 { height: 60px; line-height: 60px; font-family:'Oswald'; font-weight: 500; font-size: 44px;}
.abouts .ban6 .msg li h3 sub { font-size: 18px; margin-left: 10px; position: relative; top: -10px;}
.abouts .ban6 .msg li p { line-height: 30px; font-size: 14px; color: rgba(255,255,255,0.7);}
.abouts .ban6 .msg li:nth-child(1),
.abouts .ban6 .msg li:nth-child(2) { border-bottom: 1px solid rgba(255,255,255,0.4);}
.abouts .ban6 .msg li:nth-child(1),
.abouts .ban6 .msg li:nth-child(3) { width: 200px;}
.abouts .ban6 .maps { float: right; width: calc(100% - 400px); margin-top: 15px; position: relative;}
.abouts .ban6 .maps img { display: block; width: 100%;}
.abouts .ban6 .maps li { width: 40px; height: 40px; position: absolute; z-index: 2;}
.abouts .ban6 .maps li .log { width: 40px; height: 40px; cursor: pointer; margin: 0 auto;}
.abouts .ban6 .maps li .log span { display: block; width: 20px; height: 20px; margin: 10px auto; border-radius: 50%; box-shadow: 2px 5px 10px rgba(0,0,0,0.1); background: #fff url(../images/hm67h.png) no-repeat center / 100%; position: relative; z-index: 3; -webkit-transition: all .5s ease; transition: all .5s ease;}
.abouts .ban6 .maps li .log::before,
.abouts .ban6 .maps li .log::after { display: block; content: ""; width: 25px; height: 25px; margin: auto; animation: logs 2s ease-in infinite; border-radius: 50%; background: rgba(255,255,255,0.2); position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.abouts .ban6 .maps li .log::after { animation-delay: 0.8s;}
.abouts .ban6 .maps li .mg { display: none; width: 240px; min-height: 60px; padding: 15px 20px; border-radius: 4px; background: rgba(255,255,255,0.8); position: absolute; left: -115px; bottom: 52px;}
.abouts .ban6 .maps li .mg::after { display: block; content: ""; width: 0; height: 0; margin: auto; border-style: solid; border-width: 7px 12px 0 12px; border-color: #fff transparent transparent transparent; filter: alpha(opacity=80); opacity: 0.8; position: absolute; left: 0; right: 0; bottom: -7px;}
.abouts .ban6 .maps li .mg .lst { width: 100%; margin-bottom: 10px;}
.abouts .ban6 .maps li .mg .lst:last-child { margin-bottom: 0;}
.abouts .ban6 .maps li .mg .lst h3 { height: 35px; line-height: 35px; font-size: 16px; color: #000; /*text-align: center;*/ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.abouts .ban6 .maps li .mg .lst p { line-height: 22px; font-size: 14px; color: #666;}
.abouts .ban6 .maps li .mg .lst p i { float: left; font-size: 16px; color: #073190; margin: 1px 3px 0 0;}
.abouts .ban6 .maps li:hover { z-index: 4;}
.abouts .ban6 .maps li:hover .log,
.abouts .ban6 .maps li:hover .log span { width: 40px; height: 40px; margin: 0 auto;}
.abouts .ban6 .maps li:hover .log::before,
.abouts .ban6 .maps li:hover .log::after { width: 40px; height: 40px; filter: alpha(opacity=100); opacity: 1;}
.abouts .ban6 .maps li:hover .mg { display: block;}
@-webkit-keyframes logs {
	0% {  -webkit-transform:transform: scale(1,1); transform: scale(1,1); filter: alpha(opacity=100); opacity: 1;}
	100% {  -webkit-transform:transform: scale(2.5,2.5); transform: scale(2.5,2.5); filter: alpha(opacity=0); opacity: 0;}
}
@keyframes logs {
	0% {  -webkit-transform:transform: scale(1,1); transform: scale(1,1); filter: alpha(opacity=100); opacity: 1;}
	100% {  -webkit-transform:transform: scale(2.5,2.5); transform: scale(2.5,2.5); filter: alpha(opacity=0); opacity: 0;}
}
.abouts .ban6 .maps .mp1 { left: 19.5%; top: 39.5%;}
.abouts .ban6 .maps .mp2 { left: 24.5%; top: 60%;}
.abouts .ban6 .maps .mp3 { right: 35.5%; top: 50%;}
.abouts .ban6 .maps .mp4 { right: 40.5%; top: 47%;}
.abouts .ban6 .maps .mp5 { right: 36%; top: 46%;}
.abouts .ban6 .maps .mp6 { right: 18%; top: 42%;}
.abouts .ban6 .maps .mp7 { right: 22%; top: 40%;}
.abouts .ban6 .maps .mp8 { right: 20%; top: 47%;}
.abouts .ban6 .maps .mp9 { right: 25%; top: 38.5%;}

/*社会责任*/
.social { width: 100%;}
.social .tits .lft p { font-size: 16px; color: #999;}
.social .ban1 { width: 100%; padding: 65px 0;}
.social .ban1 .swiper-slide .img { width: 100%; height: 295px; overflow: hidden;}
.social .ban1 .swiper-slide .img img { display: block; width: 100%; height: 295px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.social .ban1 .swiper-slide h3 { height: 45px; line-height: 45px; font-weight: 500; font-size: 18px; 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;} 
.social .ban1 .swiper-slide:hover .img img { transform: scale(1.1,1.1);}
.social .ban1 .swiper-slide:hover h3 { color: #073190;}
.social .ban1 .swiper-button-prev,
.social .ban1 .swiper-button-next { width: 40px; height: 50px; background: #fff; top: 40%; -webkit-transition: all .5s ease; transition: all .5s ease;}
.social .ban1 .swiper-button-prev::after,
.social .ban1 .swiper-button-next::after { font-size: 20px; color: #333; -webkit-transition: all .5s ease; transition: all .5s ease;} 
.social .ban1 .swiper-button-prev { left: 0;}
.social .ban1 .swiper-button-next { right: 0;}
.social .ban1 .swiper-button-prev:hover,
.social .ban1 .swiper-button-next:hover { background: #073190;}
.social .ban1 .swiper-button-prev:hover::after,
.social .ban1 .swiper-button-next:hover::after { color: #fff;}
.social .ban2 { width: 100%; padding: 65px 0; background: #f2f4f7;}
.social .ban2 li { float: left; width: 340px; margin: 0 30px 90px 0; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.social .ban2 li:last-child { margin-right: 0;}
.social .ban2 li .img { width: 100%; height: 475px; overflow: hidden; position: relative; z-index: 1;}
.social .ban2 li .img img { display: block; width: 710px; height: 475px; position: absolute; left: -50%; top: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.social .ban2 li .msg { width: calc(90% - 50px); padding: 15px 25px; margin: auto; background: #fff; position: absolute; left: 0; right: 0; bottom: -35px; z-index: 2; -webkit-transition: all .5s ease; transition: all .5s ease;}
.social .ban2 li .msg .nams { width: calc(100% - 40px); padding-right: 40px; position: relative;}
.social .ban2 li .msg .nams h3 { height: 30px; line-height: 30px; font-size: 20px; color: #000;}
.social .ban2 li .msg .nams span { height: 25px; line-height: 25px; font-size: 14px; color: #666; text-transform: Uppercase;}
.social .ban2 li .msg .nams i { display: block; width: 40px; height: 40px; line-height: 40px; font-size: 42px; color: #073190; text-align: center; position: absolute; right: 0; top: 5px;}
.social .ban2 li .msg .lh { display: none; height: 75px; line-height: 25px; font-size: 14px; color: #999; margin-top: 15px; overflow: hidden;}
.social .ban2 li .msg .lh p { margin-top: 0;}
.social .ban2 li.on { width: 710px;}
.social .ban2 li.on .img img { left: 0%;}
.social .ban2 li.on .msg { bottom: -90px;}
.social .ban2 li.on .msg .lh { display: block;}
.social .ban3 { width: 100%; height: 385px; padding: 150px 0; background: url(../images/hm60.jpg) no-repeat center top;}
.social .ban3 h3 { line-height: 50px; font-weight: 500; font-size: 36px; color: #fff;}
.social .ban3 .lh { width: 50%; height: 120px; line-height: 30px; font-size: 15px; color: #fff; margin: 30px 0 80px 0; overflow: hidden;}
.social .ban3 .lh p { margin-top: 0;}
.social .ban3 li { float: left; line-height: 50px; font-size: 16px; color: #fff; padding-right: 140px; position: relative;}
.social .ban3 li::after { display: block; content: ""; width: 1px; height: 70px; margin: auto; background: rgba(255,255,255,0.25); position: absolute; right: 70px; top: 0; bottom: 0;}
.social .ban3 li:last-child::after { display: none;}
.social .ban3 li i { display: block; width: 55px; height: 55px; line-height: 55px; font-size: 50px; color: #fff; text-align: center; margin: 0 auto;}
.social .ban4 { width: 100%; padding: 90px 0 65px 0; background: url(../images/hm65.png) no-repeat left bottom;}
.social .ban4 .lft { float: left; width: 520px; height: 240px; position: relative;}
.social .ban4 .lft h3 { line-height: 50px; font-weight: 500; font-size: 36px; color: #000;}
.social .ban4 .lft p { line-height: 30px; font-size: 16px; color: #999; margin: 15px 0;}
.social .ban4 .lft .swiper-button-prev,
.social .ban4 .lft .swiper-button-next { width: 45px; height: 45px; border: 1px solid #ddd; background: #fff; top: auto; bottom: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.social .ban4 .lft .swiper-button-prev::after,
.social .ban4 .lft .swiper-button-next::after { font-size: 20px; color: #333; -webkit-transition: all .5s ease; transition: all .5s ease;} 
.social .ban4 .lft .swiper-button-prev { left: 0;}
.social .ban4 .lft .swiper-button-next { left: 60px;}
.social .ban4 .lft .swiper-button-prev:hover,
.social .ban4 .lft .swiper-button-next:hover { border-color: #073190; background: #073190;}
.social .ban4 .lft .swiper-button-prev:hover::after,
.social .ban4 .lft .swiper-button-next:hover::after { color: #fff;}
.social .ban4 .rgt { float: right; width: 875px;}
.social .ban4 .rgt .swiper-slide { text-align: center;}
.social .ban4 .rgt .swiper-slide .img { width: 100%; height: px; border: 1px solid #bfbfbf; box-sizing: border-box; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.social .ban4 .rgt .swiper-slide .img img { display: block; width: 100%; height: px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.social .ban4 .rgt .swiper-slide h3 { line-height: 30px; font-weight: 500; font-size: 18px; color: #333; margin-top: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.social .ban4 .rgt .swiper-slide:hover .img { border-color: #073190;}
.social .ban4 .rgt .swiper-slide:hover .img img { transform: scale(1.1,1.1);}
.social .ban4 .rgt .swiper-slide:hover h3 { color: #073190;}

/*联系方式*/
.contact { width: 100%;}
.contact .ban1 { width: 100%; padding: 80px 0;}
.contact .ban1 .msg { float: left; width: 50%;}
.contact .ban1 .msg h3 { height: 40px; line-height: 40px; font-weight: 500; font-size: 28px; color: #333;}
.contact .ban1 .msg p { display: none; height: 30px; line-height: 30px; font-size: 20px; color: #ccc; text-transform: Uppercase;}
.contact .ban1 .msg .tel { height: 50px; line-height: 40px; font-size: 18px; color: #073190; margin-top: 30px;}
.contact .ban1 .msg .tel i { float: left; width: 50px; height: 40px; line-height: 40px; font-size: 40px; color: #ddd; margin-top: 5px;}
.contact .ban1 .msg .tel span { color: #666;}
.contact .ban1 .msg .tel b { font-family:'Oswald'; font-weight: 500; font-size: 24px; color: #073190; position: relative; top: 2px;}
.contact .ban1 .imgs { float: right; max-width: 50%;}
.contact .ban1 .imgs li { float: left; text-align: center; margin-left: 20px;}
.contact .ban1 .imgs li img { display: block; width: 95px; height: 95px; margin: 0 auto; padding: 5px; border: 8px solid #f0f0f0; overflow: hidden; background: #fff;}
.contact .ban1 .imgs li span { display: block; height: 25px; line-height: 25px; font-size: 14px; color: #666; margin-top: 5px;}
.contact .ban1 .bomt { margin-top: 35px; padding-top: 35px; border-top: 1px solid #e7e9ee;}
.contact .ban1 .bomt li { float: left; line-height: 40px; font-size: 18px; color: #333; margin-right: 60px;}
.contact .ban1 .bomt li i { display: block; float: left; width: 40px; height: 40px; line-height: 40px; font-size: 22px; color: #333; text-align: center; margin-right: 15px; border: 1px solid #999;}
.contact .ban2 { width: 100%; height: 530px; background: #fafafa; position: relative;}
.contact .ban2 .log { width: 65px; height: 65px; margin: auto; border-radius: 50%; background: #073190; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 9;}
.contact .ban2 .log::before,
.contact .ban2 .log::after { display: block; content: ""; width: 65px; height: 65px; margin: auto; animation: fas 2.5s ease-in infinite; border-radius: 50%; background: rgba(7,49,144,0.2); position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.contact .ban2 .log::after { animation-delay: 0.5s;}
.contact .ban2 .log i { display: block; width: 65px; height: 65px; background: url(../images/hm67.png) no-repeat center; position: relative; z-index: 2;}
.contact .ban2 #container { height: 530px !important;}
@-webkit-keyframes fas {
	0% {  -webkit-transform:transform: scale(1,1); transform: scale(1,1); filter: alpha(opacity=100); opacity: 1;}
	100% {  -webkit-transform:transform: scale(3.5,3.5); transform: scale(3.5,3.5); filter: alpha(opacity=0); opacity: 0;}
}
@keyframes fas {
	0% {  -webkit-transform:transform: scale(1,1); transform: scale(1,1); filter: alpha(opacity=100); opacity: 1;}
	100% {  -webkit-transform:transform: scale(3.5,3.5); transform: scale(3.5,3.5); filter: alpha(opacity=0); opacity: 0;}
}
.contact .ban3 { width: 100%; padding: 50px 0; background: url(../images/hm68.png) no-repeat center bottom;}
.contact .ban3 .tabs { width: 100%; height: 80px; text-align: center; margin-bottom: 40px; border-bottom: 1px solid #e3e5e8;}
.contact .ban3 .tabs li { display: inline-block; line-height: 80px; font-size: 18px; color: #333; cursor: pointer; margin: 0 50px; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.contact .ban3 .tabs li::after { display: block; content: ""; width: 0; height: 2px; margin: 0 auto; background: #073190; position: absolute; left: 0; right: 0; bottom: -1px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.contact .ban3 .tabs .on { color: #073190;}
.contact .ban3 .tabs .on::after { width: 100%;}
.contact .ban3 .swiper-slide { width: 100%;}
.contact .ban3 .swiper-slide li { float: left; width: calc(50% - 110px); height: 255px; margin: 0 60px 40px 0; padding: 0 80px 40px 0; border-bottom: 1px solid #e3e5e8; overflow: hidden;}
.contact .ban3 .swiper-slide li:nth-child(2n) { margin-right: 0;}
.contact .ban3 .swiper-slide li h3 { height: 45px; line-height: 45px; font-weight: 500; font-size: 22px; color: #333;}
.contact .ban3 .swiper-slide li p { line-height: 22px; font-size: 14px; color: #666; margin-top: 5px;}
.contact .ban3 .swiper-slide li p a { color: #666;}
.contact .ban3 .swiper-slide li p a:hover { color: #073190;}
.contact .ban4 { width: 100%; padding: 100px 0; background: url(../images/hm69.jpg) no-repeat center top;}
.contact .ban4 .lft { float: left; width: 400px;}
.contact .ban4 .lft .comtit p { color: rgba(255,255,255,0.8);}
.contact .ban4 .lft .comtit h3 { color: #fff;}
.contact .ban4 .lft span { display: block; line-height: 25px; font-size: 14px; color: #fff;}
.contact .ban4 .lft b { display: block; line-height: 35px; font-family:'Oswald'; font-weight: 500; font-size: 20px; color: #fff;}
.contact .ban4 .rgt { float: right; width: 890px;}
.contact .ban4 .rgt li { float: left; width: calc(50% - 40px); margin: 0 80px 30px 0; border-bottom: 1px solid rgba(255,255,255,0.2);}
.contact .ban4 .rgt li:nth-child(2n) { margin-right: 0;}
.contact .ban4 .rgt li span { display: block; height: 25px; line-height: 25px; font-size: 16px; color: #fff;}
.contact .ban4 .rgt li span sup { display: inline-block; font-weight: bold; margin-left: 5px; position: relative; top: 3px;}
.contact .ban4 .rgt li input { display: block; width: 100%; height: 60px; line-height: 60px; font-size: 16px; color: #fff; outline:none; border: none; background: none;}
.contact .ban4 .rgt li .nr { float: left; width: 60%;}
.contact .ban4 .rgt li img { display: block; float: right; max-width: 35%; height: 55px; margin-top: 10px; background: #fff;}
.contact .ban4 .rgt li input::-webkit-input-placeholder { color: #fff;} 
.contact .ban4 .rgt li input:-moz-placeholder { color: #fff;} 
.contact .ban4 .rgt li input::-moz-placeholder { color: #fff;}
.contact .ban4 .rgt li input:-ms-input-placeholder { color: #fff;}
.contact .ban4 .rgt .wth100 { width: 100%; margin-right: 0;}
.contact .ban4 .rgt .wth100 textarea { display: block; width: 100%; line-height: 30px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; outline:none; padding: 15px 0; border: none; background: none;}
.contact .ban4 .rgt .wth100 textarea::-webkit-input-placeholder { color: #fff;} 
.contact .ban4 .rgt .wth100 textarea:-moz-placeholder { color: #fff;} 
.contact .ban4 .rgt .wth100 textarea::-moz-placeholder { color: #fff;}
.contact .ban4 .rgt .wth100 textarea:-ms-input-placeholder { color: #fff;}
.contact .ban4 .rgt .btn { display: block; width: 170px; height: 55px; line-height: 55px; font-size: 16px; color: #fff; padding: 0 30px; border:none; background: #073190;}
.contact .ban4 .rgt .btn span { display: block; float: left; height: 55px; line-height: 55px; font-size: 16px; color: #fff;}
.contact .ban4 .rgt .btn i { display: block; float: right; width: 25px; height: 25px; line-height: 25px; font-size: 24px; color: #fff; margin-top: 17px; transform: rotateY(180deg);}

/*加入太阳成集团tyc234cc*/
.jobs { width: 100%;}
.jobs .ban1 { width: 100%; padding: 50px 0; background: url(../images/hm70.jpg) no-repeat center bottom;}
.jobs .ban1 .msg { width: 100%;}
.jobs .ban1 .msg .comtit { margin-bottom: 70px; position: relative;}
.jobs .ban1 .msg .comtit::after { display: block; content: ""; width: 35px; height: 3px; background: #073190; position: absolute; left: 0; bottom: -30px;}
.jobs .ban1 .msg li { float: left; width: calc(50% - 40px); margin: 30px 80px 0 0;}
.jobs .ban1 .msg li:nth-child(2n) { margin-right: 0;}
.jobs .ban1 .msg li .img { float: left; width: 40px; height: 40px; line-height: 45px; font-size: 36px; color: #073190; text-align: center; padding: 15px; border: 1px solid #073190; border-radius: 50%; overflow: hidden;}
.jobs .ban1 .msg li .nr { float: right; width: calc(100% - 95px);}
.jobs .ban1 .msg li .nr h3 { line-height: 35px; font-weight: bold; font-size: 18px; color: #333;}
.jobs .ban1 .msg li .nr p { line-height: 25px; font-size: 14px; color: #666;}
.jobs .ban2 { width: 100%; height: 120px; line-height: 120px; color: #fff; text-align: center; letter-spacing: 4px; padding: 97px 0; background: url(../images/hm75.jpg) no-repeat center top;}
.jobs .ban2 h3 { font-size: 36px;}
.jobs .ban3 { width: 100%; padding: 65px 0; background: #f5f7fa;}
.jobs .ban3 .comtit { text-align: center;}
.jobs .ban3 .more { display: block; width: 150px; height: 50px; line-height: 50px; font-size: 16px; color: #fff; text-align: center; margin: 40px auto 0 auto; border-radius: 25px; overflow: hidden; background: #073190;}
.jobs .ban3 .swiper-slide .img { width: 100%; height: 295px; overflow: hidden;}
.jobs .ban3 .swiper-slide .img img { display: block; width: 100%; height: 295px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.jobs .ban3 .swiper-slide h3 { height: 45px; line-height: 45px; font-weight: 500; font-size: 18px; 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;} 
.jobs .ban3 .swiper-slide:hover .img img { transform: scale(1.1,1.1);}
.jobs .ban3 .swiper-slide:hover h3 { color: #073190;}
.jobs .ban3 .swiper-button-prev,
.jobs .ban3 .swiper-button-next { width: 40px; height: 50px; background: #fff; top: 40%; -webkit-transition: all .5s ease; transition: all .5s ease;}
.jobs .ban3 .swiper-button-prev::after,
.jobs .ban3 .swiper-button-next::after { font-size: 20px; color: #333; -webkit-transition: all .5s ease; transition: all .5s ease;} 
.jobs .ban3 .swiper-button-prev { left: 0;}
.jobs .ban3 .swiper-button-next { right: 0;}
.jobs .ban3 .swiper-button-prev:hover,
.jobs .ban3 .swiper-button-next:hover { background: #073190;}
.jobs .ban3 .swiper-button-prev:hover::after,
.jobs .ban3 .swiper-button-next:hover::after { color: #fff;}

#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:999;}
#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(../images/loading.gif);}
#zoom img { display:block; max-width:none; 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(../images/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(../images/arrows.png) no-repeat 0 0; border-radius:0 4px 4px 0; left:0;}
#zoom .next{ background:url(../images/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;}

.jobs .ban4 { width: 100%; padding: 65px 0;}
.jobs .ban4 .comtit { text-align: center;}
.jobs .ban4 .chose .tags { width: 260px; height: 55px; margin-right: 20px;}
.jobs .ban4 .chose .tags select { height: 55px; line-height: 55px; background: #f5f7fa;}
.jobs .ban4 .chose .sechr { float: left;}
.jobs .ban4 .chose .sechr input { display: block; float: left; line-height: 55px; font-size: 16px; color: #333; outline:none; padding: 0 20px; border: 1px solid #eee;}
.jobs .ban4 .chose .sechr .sous { float: left; width: 250px; padding: 0 20px; border: 1px solid #eee; background: #f5f7fa;}
.jobs .ban4 .chose .sechr .sous input { float: left; width: 225px; padding: 0; border: none; background: #f5f7fa;}
.jobs .ban4 .chose .sechr .sous i { display: block; float: right; width: 25px; height: 55px; line-height: 55px; font-size: 24px; color: #666;}
.jobs .ban4 .chose .sechr .wanch { width: 136px; color: #fff; margin: 0 20px; border-color: #073190; background: #073190;}
.jobs .ban4 .chose .sechr .chong { width: 136px; color: #073190; border-color: #073190; background: #fff;}
.jobs .ban4 .joblst { width: 100%;}
.jobs .ban4 .joblst li { width: 100%; margin-bottom: 20px;}
.jobs .ban4 .joblst li .top { height: 40px; line-height: 40px; padding: 20px 110px 20px 30px; background: #f5f7fa; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.jobs .ban4 .joblst li .top::before,
.jobs .ban4 .joblst li .top::after { display: block; content: ""; position: absolute; -webkit-transition: all .5s ease; transition: all .5s ease;}
.jobs .ban4 .joblst li .top::before { width: 30px; height: 30px; border: 1px solid #c1c1c1; top: 25px; right: 30px;}
.jobs .ban4 .joblst li .top::after { width: 8px; height: 8px; border-bottom: 1px solid #999; border-right: 1px solid #999; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 35px; right: 41px;}
.jobs .ban4 .joblst li .top h3 { float: left; width: 30%; font-weight: 500; font-size: 18px; color: #333; padding-left: 25px; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.jobs .ban4 .joblst li .top h3::after { display: block; content: ""; width: 6px; height: 6px; margin: auto; border: 2px solid #c1c1c1; border-radius: 50px; position: absolute; left: 0; top: 0; bottom: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.jobs .ban4 .joblst li .top span { float: left; width: 20%; font-size: 16px; color: #999; text-align: center; -webkit-transition: all .5s ease; transition: all .5s ease;}
.jobs .ban4 .joblst li .top p { float: right; width: calc(50% - 25px); font-size: 18px; color: #333; text-align: right; -webkit-transition: all .5s ease; transition: all .5s ease;}
.jobs .ban4 .joblst li .botm { display: none; padding: 10px 35px 30px 35px; background: #f5f7fa;}
.jobs .ban4 .joblst li .botm h3 { height: 40px; line-height: 40px; font-weight: bold; font-size: 16px; color: #333; margin-top: 20px;}
.jobs .ban4 .joblst li .botm .lh { line-height: 30px; font-size: 14px; color: #666;}
.jobs .ban4 .joblst li .botm .lh p { margin-top: 0;}
.jobs .ban4 .joblst li .botm .lft { float: left; width: 48%;}
.jobs .ban4 .joblst li .botm .rgt { float: right; width: 48%;}
.jobs .ban4 .joblst li .botm a { display: block; width: 100px; height: 50px; line-height: 50px; font-size: 16px; color: #fff; margin-top: 30px; padding: 0 20px; background: #073190; -webkit-transition: all .5s ease; transition: all .5s ease;}
.jobs .ban4 .joblst li .botm a i { display: block; float: right; width: 25px; height: 20px; line-height: 20px; font-size: 24px; color: #fff; margin-top: 17px; transform: rotateY(180deg); -webkit-transition: all .5s ease; transition: all .5s ease;}
.jobs .ban4 .joblst li:hover .top,
.jobs .ban4 .joblst .on .top { background: #073190;}
.jobs .ban4 .joblst li:hover .top h3,
.jobs .ban4 .joblst li:hover .top p,
.jobs .ban4 .joblst .on .top h3,
.jobs .ban4 .joblst .on .top p  { color: #fff;}
.jobs .ban4 .joblst li:hover .top span,
.jobs .ban4 .joblst .on .top span { color: rgba(255,255,255,0.8);}
.jobs .ban4 .joblst li:hover .top h3::after,
.jobs .ban4 .joblst .on .top h3::after { border-color: #fff;}
.jobs .ban4 .joblst li:hover .top::after,
.jobs .ban4 .joblst .on .top::after { border-bottom: 1px solid #fff; border-right: 1px solid #fff;}
.jobs .ban4 .joblst .on .top::after { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); top: 40px;}
.jobs .ban4 .joblst .on .botm { display: block;}


/*分屏*/
@media screen and (max-width: 1440px) {
	.warp,
	.content { width: 1300px;}
	.header .rgt .scdnav { padding: 25px 0;}
	.header .rgt .group .scdnav { height: calc(100vh - 145px); padding: 25px 0;}
	.header .rgt .group .scdnav h3 { line-height: 40px; font-size: 24px;}
	.header .rgt .group .scdnav .close { width: 40px; height: 40px;}
	.header .rgt .group .scdnav .nr { height: calc(100vh - 270px); margin: 15px 0;}
	.header .rgt .group .scdnav .nr a { width: calc(100% / 4 - 68px); height: 55px; line-height: 55px; font-size: 14px; margin: 0 10px 10px 0;}
	.header .rgt .group .scdnav .botm span { height: 50px; line-height: 50px; font-size: 14px;}
	.header .rgt .group .scdnav .botm span b { font-size: 22px;}
	.header .rgt .group .scdnav .botm li i { height: 25px; line-height: 25px; font-size: 24px;}
	.header .rgt .group .scdnav .botm li span { font-size: 14px; margin-top: 0;}
	.header .rgt .group .scdnav .botm li img { bottom: 60px;}

	.banner .swiper-slide .text { top: 40vh;}
	.banner .swiper-slide .text h3 { line-height: 65px; font-size: 48px;}
	.banner .swiper-slide .text p { width: 50%; line-height: 30px; font-size: 18px; letter-spacing: 1px;}
	.banner .swiper-slide .text a { width: 85px; height: 40px; line-height: 40px; font-size: 14px; padding: 0 15px;}
	.banner .swiper-slide .text a b { font-size: 20px; margin-top: 8px;}	
	.banner .swiper-slide-active .text { top: 30vh;}
	.banner .swiper-button-prev { right: 90px;}
	.banner .swiper-button-next { right: 35px;}

	.footer { font-size: 14px; padding-top: 40px;}
	.footer .lft { padding-top: 0;}
	.footer .rgt li h3 { font-size: 16px;}
	.footer .rgt li a { line-height: 30px;}
	.footer .copy { line-height: 40px; margin-top: 25px; padding: 15px 0;}
	.footer .copy li { width: 38px; height: 38px; line-height: 38px;}
	.footer .copy li i { width: 38px; height: 38px; line-height: 38px;}
	.footer .copy li img { bottom: 50px;}
	.tits { height: 70px; margin-bottom: 30px;}
	.tits .lft b { top: 5px; left: -40px;}
	.tits .lft h3 { line-height: 40px; font-size: 30px;}
	.tits .lft p { line-height: 30px; font-size: 12px;}
	.tits a { width: 85px; height: 40px; line-height: 40px; font-size: 14px; padding: 0 15px; margin-top: 13px;}
	.tits a i { font-size: 20px; margin-top: 8px;}
	.chose { margin-bottom: 20px;}	
	.chose .tags { width: 400px; margin-right: 20px;}
	.chose .sech { width: 454px;}
	.chose .sech input { width: 344px;}
	.solution { padding: 50px 0;}
	.solution li { width: 245px; height: 525px; margin-right: 10px;}
	.solution li img { width: 535px; height: 525px;}
	.solution li .msg { width: calc(100% - 40px); padding: 30px 20px;}
	.solution li .msg i { font-size: 14px;}
	.solution li .msg h3 { height: 30px; line-height: 30px; font-size: 22px;}
	.solution .on { width: 535px;}
	.solution .on .msg { padding-top: 163px;}
	.solution .on .msg p { height: 150px;}
	.products { padding: 50px 0;}
	.products .tabs { padding-bottom: 110px;}
	.products .rgt .msg { width: calc(100% - 730px); padding: 40px 50px;}
	.products .rgt .msg p { height: 120px; line-height: 30px; font-size: 12px; margin-top: 15px; padding-top: 15px;}
	.products .rgt .msg a { margin-top: 52px;}
	.products .rgt .img,
	.products .rgt .img img { width: 630px; height: 390px;}
	.about { height: auto; padding: 50px 0;}
	.about h1 { height: 80px; line-height: 80px; font-size: 42px; margin-top: 20px;}
	.about .msg { height: 100px; line-height: 35px; font-size: 14px; margin: 50px 0;}
	.about a { width: 85px; font-size: 14px; padding: 0 20px;}
	.about a i { font-size: 20px;}
	.about .botm { margin-top: 80px;}
	.about .botm li h3 { font-size: 46px;}
	.about .botm li h3 sub { font-size: 16px;}
	.about .botm li p { font-size: 14px;}
	.news { padding: 50px 0;}
	.news .rgt { width: calc(100% - 700px);}
	.join { height: auto; padding: 50px 0;}
	.join h1 { height: 80px; line-height: 80px; font-size: 42px; margin-top: 0;}
	.secondban { height: 260px; padding-top: 185px;}
	.secondban .posit { margin-top: 95px;}

	/*一排二个*/
	.solunoe .ban02.two {}
	.solunoe .ban02.two li { width: 605px; height: 440px;}
	.solunoe .ban02.two li img { width: 695px; height: 440px;}
	.solunoe .ban02.two li .msg { width: calc(100% - 90px); height: 320px; padding: 60px 45px;}
	.solunoe .ban02.two li .msg p { height: 240px;}
	.solunoe .ban02.two .on { width: 695px;}

	/*一排三个*/
	.solunoe .ban02.three {}
	.solunoe .ban02.three li { width: 350px; height: 380px;}
	.solunoe .ban02.three li img { width: 600px; height: 380px;}
	.solunoe .ban02.three li .msg { width: calc(100% - 80px); height: 280px; padding: 50px 40px;}
	.solunoe .ban02.three li .msg p { height: 200px;}
	.solunoe .ban02.three .on { width: 600px;}

	/*一排四个*/
	.solunoe .ban02.four {}
	.solunoe .ban02.four li { width: 260px; height: 330px;}
	.solunoe .ban02.four li img { width: 520px; height: 330px;}
	.solunoe .ban02.four li .msg { width: calc(100% - 40px); height: 230px; padding: 50px 20px;}
	.solunoe .ban02.four li .msg p { height: 150px;}
	.solunoe .ban02.four .on { width: 520px;}

	/*一排五个*/
	.solunoe .ban02.five {}
	.solunoe .ban02.five li { width: 212px; height: 285px;}
	.solunoe .ban02.five li img { width: 450px; height: 285px;}
	.solunoe .ban02.five li .msg { width: calc(100% - 40px); height: 185px; padding: 50px 20px;}
	.solunoe .ban02.five li .msg p { height: 115px;}
	.solunoe .ban02.five li .msg h3 { font-size: 18px;}
	.solunoe .ban02.five .on { width: 450px;}
	.comcase li .img,
	.comcase li .img img,
	.comcase .swiper-slide .img,
	.comcase .swiper-slide .img img { height: 230px;}
	.comcase li .msg { padding: 20px;}
	.companys li { padding: 25px 30px;}
	.companys li .msg { width: calc(100% - 494px); padding: 0 35px; margin: 0 35px;}
	.companys li .msg p { line-height: 25px; font-size: 14px;}
	.companys li a { width: 120px;}
	.shows { padding: 0;}
	.composit { margin-bottom: 20px;}
	.lh { line-height: 30px; font-size: 14px;}
	.caseshow .name { line-height: 45px; font-size: 32px;}
	.caseshow .imgs .view,
	.caseshow .imgs .view img { width: 1028px; height: 570px;}
	.caseshow .imgs .preview { width: 261px;}
	.caseshow .imgs .preview .swiper-slide,
	.caseshow .imgs .preview .swiper-slide img { width: 261px; height: 145px;}
	.caseshow .imgs .preview .swiper-container { height: 570px;}
	.preview .arrow-left,
	.preview .arrow-right { width: 261px;}
	.proshow .top { padding: 30px 0 60px 0;}
	.proshow .top .msg { width: 625px;}
	.proshow .top .msg h3 { line-height: 45px; font-size: 28px;}
	.proshow .top .msg span { line-height: 30px; font-size: 14px;}
	.proshow .top .msg .info { height: 205px; line-height: 30px; font-size: 14px; margin-bottom: 40px;}
	.proshow .top .msg a { height: 45px; line-height: 45px; padding: 0 15px;}
	.proshow .top .msg a i { margin: 11px 0 0 5px;}
	.proshow .top .imgs,
	.proshow .top .imgs .swiper-slide p,
	.proshow .top .imgs .swiper-slide img { width: 659px; height: 440px;}
	.proshow .top .imgs .swiper-container { padding-bottom: 35px;}
	.proshow .msgs { padding-bottom: 0;}
	.proshow .msgs h1 { height: 60px; line-height: 60px; font-size: 28px;}
	.proshow .msgs .cptd li { font-size: 16px;}
	.comcase { padding: 50px 0 15px 0;}
	.companys { padding: 40px 0 25px 0;}
	.newpics li { margin-bottom: 45px;}
	.newpics li .img,
	.newpics li .img img { height: 260px;}
	.newpics li .msg h3 { font-size: 18px; overflow: hidden;}
	.newpics li .msg p { margin: 20px 0 10px 0;}
	.vidolst li .img,
	.vidolst li .img img { height: 230px;}
	.vidolst li .msg { height: 60px; padding: 20px 25px;}
	.vidolst li .msg h3 { height: 60px; line-height: 30px; font-size: 16px;}
	.investor .ban2 li .msg p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.investor .ban3 li .img { height: 260px;}
	.investor .ban3 li .img img { min-height: 260px;}
	.notics li .msg p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.newthree li .img { height: 260px;}
	.newthree li .img img { min-height: 260px;}	
	.social .tits .lft p { font-size: 14px;}
	.social .ban1 .swiper-slide .img,
	.social .ban1 .swiper-slide .img img { height: 260px;}
	.social .ban2 li { width: 310px; margin-right: 22px;}
	.social .ban2 li .img { height: 425px;}
	.social .ban2 li .img img { width: 635px; height: 425px;}
	.social .ban2 li.on { width: 635px;}
	.social .ban3 { padding: 60px 0;}
	.social .ban4 { padding: 60px 0;}
	.social .ban4 .lft { width: 500px;}
	.social .ban4 .lft h3 { line-height: 40px; font-size: 30px;}
	.social .ban4 .lft p { font-size: 14px;}
	.social .ban4 .rgt { width: calc(100% - 520px);}
	.jobs .ban1 { padding: 50px 0;}
	.jobs .ban1 .msg li { margin-top: 30px;}
	.jobs .ban1 .msg li .img { width: 35px; height: 35px; line-height: 38px; font-size: 30px;}
	.jobs .ban1 .msg li .nr { width: calc(100% - 80px);}
	.jobs .ban1 .msg li .nr h3 { line-height: 30px; font-size: 16px;}
	.jobs .ban1 .msg li .nr p { font-size: 14px;}
	.jobs .ban3 .swiper-slide .img,
	.jobs .ban3 .swiper-slide .img img { height: 260px;}
	.jobs .ban4 .chose .tags { width: 220px;}
	.jobs .ban4 .chose .sechr .sous { width: 220px;}
	.jobs .ban4 .chose .sechr .sous input { width: 195px;}
	.abouts .ban6 { padding: 100px 0;}
	.abouts .ban6 .msg .nr { margin-bottom: 80px;}
	.abouts .ban6 .maps li { transform: scale(0.8);}
	.jobform { padding: 15px 20px;}
	.piclist li .img { height: 265px;}
	.piclist li .img img { height: 265px;}
}
@media screen and (max-width: 1366px) {
	.header .rgt .nav li a { padding: 0 20px;}
	.banner .swiper-button-prev { right: 120px;}
	.banner .swiper-button-next { right: 65px;}	
}
@media screen and (max-width: 1200px) {	
	.warp { width: 1100px; min-width: 110px;}
	.content { width: 1100px; min-width: 110px; padding: 25px 0;}
	.header .rgt .nav li a { padding: 0 10px;}
	.header .rgt .scdnav .msg { width: calc(100% - 430px);}
	.header .rgt .scdnav .msg h3 { height: 45px; line-height: 45px; font-size: 22px;}
	.header .rgt .scdnav .msg a { font-size: 14px;}
	.header .rgt .scdnav .img,
	.header .rgt .scdnav .img img { width: 400px; height: 225px;}
	.header .rgt .language { padding-left: 20px;}
	.header .rgt .group { margin: 0 20px;}
	.header .rgt .serch,
	.header .rgt .serch i { width: 80px;}

	.banner .swiper-slide .text { top: 40vh;}
	.banner .swiper-slide .text h3 { line-height: 50px; font-size: 40px;}
	.banner .swiper-slide .text p { width: 53%; line-height: 30px; font-size: 16px; margin: 10px 0 35px 0;}
	.banner .swiper-slide-active .text { top: 30vh;}
	.banner .swiper-button-prev { right: 90px;}
	.banner .swiper-button-next { right: 35px;}
	.banner::after { right: 80px;}
	.banner .woshidd { width: 80px;}
	.banner i { width: 80px; font-size: 30px;}
	
	.footer .lft { width: 300px;}
	.footer .lft .sech input { width: 200px;}
	.footer .rgt { max-width: calc(100% - 320px);}
	.footer .rgt li { margin-left: 50px;}
	.chose { margin-bottom: 20px;}	
	.chose .tags { width: 340px; margin-right: 15px;}
	.chose .sech { width: 384px;}
	.chose .sech input { width: 274px;}
	.solution li { width: 200px; height: 460px;}
	.solution li img { width: 470px; height: 460px;}
	.solution li .msg i { height: 20px; line-height: 20px; font-size: 12px;}
	.solution li .msg h3 { font-size: 18px;}
	.solution li .msg p {; line-height: 25px; font-size: 12px;}
	.solution li .msg span { transform: scale(0.8,0.8);}
	.solution .on { width: 470px;}	
	.solution .on .msg { padding-top: 158px;}
	.solution .on .msg p { height: 100px;}
	.products .tabs { padding-bottom: 75px;}
	.products .tabs .swiper-slide { height: 45px;}
	.products .tabs .swiper-slide span { line-height: 45px; font-size: 14px; color: #666;}
	.products .tabs .on span { font-size: 18px; color: #000;}
	.products .tabs .swiper-button-prev,
	.products .tabs .swiper-button-next { transform: scale(0.8,0.8);}
	.products .rgt .msg { width: calc(100% - 545px); padding: 30px;}
	.products .rgt .msg h3 { line-height: 30px; font-size: 22px;}
	.products .rgt .msg p { height: 100px; line-height: 25px; padding-top: 10px; margin-top: 10px;}
	.products .rgt .msg a { margin-top: 22px;}
	.products .rgt .img,
	.products .rgt .img img { width: 485px; height: 300px;}
	.about h1 { font-size: 38px; margin-top: 0;}
	.about .msg { height: 120px; line-height: 30px;}
	.about a { height: 45px; line-height: 45px;}
	.about a i { margin-top: 11px;}
	.about .botm { margin-top: 60px;}
	.news .let { width: 530px;}
	.news .let .img { margin-bottom: 15px;}
	.news .let .img,
	.news .let .img img { width: 530px; height: 340px;}
	.news .let h3 { font-size: 18px;}
	.news .let span { font-size: 12px;}
	.news .let p { font-size: 12px; margin: 10px 0 5px 0;}
	.news .rgt { width: calc(100% - 540px);}
	.news .rgt li { padding-bottom: 18px; margin-bottom: 18px;}
	.news .rgt li .msg h3 { font-size: 18px;}
	.news .rgt li .msg span,
	.news .rgt li .msg p { font-size: 12px;}
	.join h1 { font-size: 36px;}
	.join .msg { margin: 50px 0;}
	.join .msg h3 { line-height: 50px; font-size: 28px;}
	.join .msg p { font-size: 12px;}
	.secondban { height: 240px; padding-top: 205px;}
	.secondban h3 { height: 50px; line-height: 50px; font-size: 34px;}
	.secondban p { height: 30px; line-height: 30px; font-size: 14px;}
	.solunoe .ban01 .msg li h3 { height: 45px; line-height: 45px; font-size: 30px;}
	.solunoe .ban01 .msg li h3 sub { font-size: 14px;}
	.solunoe .ban01 .msg li p { font-size: 14px;}

	/*一排二个*/
	.solunoe .ban02.two {}
	.solunoe .ban02.two li { width: 470px; height: 440px;}
	.solunoe .ban02.two li img { width: 630px; height: 440px;}
	.solunoe .ban02.two li .msg { width: calc(100% - 90px); height: 320px; padding: 60px 45px;}
	.solunoe .ban02.two li .msg p { height: 240px;}
	.solunoe .ban02.two .on { width: 630px;}

	/*一排三个*/
	.solunoe .ban02.three {}
	.solunoe .ban02.three li { width: 290px; height: 330px;}
	.solunoe .ban02.three li img { width: 520px; height: 330px;}
	.solunoe .ban02.three li .msg { width: calc(100% - 80px); height: 230px; padding: 50px 40px;}
	.solunoe .ban02.three li .msg h3 { font-size: 16px; padding-bottom: 5px;}
	.solunoe .ban02.three li .msg p { height: 165px; line-height: 25px;}
	.solunoe .ban02.three .on { width: 520px;}

	/*一排四个*/
	.solunoe .ban02.four {}
	.solunoe .ban02.four li { width: 210px; height: 300px;}
	.solunoe .ban02.four li img { width: 470px; height: 300px;}
	.solunoe .ban02.four li .msg { width: calc(100% - 40px); height: 200px; padding: 50px 20px;}
	.solunoe .ban02.four li .msg h3 { font-size: 16px; padding-bottom: 5px;}
	.solunoe .ban02.four li .msg p { height: 130px; line-height: 25px; font-size: 12px;}
	.solunoe .ban02.four .on { width: 470px;}

	/*一排五个*/
	.solunoe .ban02.five {}
	.solunoe .ban02.five li { width: 178.5px; height: 245px;}
	.solunoe .ban02.five li img { width: 385px; height: 245px;}
	.solunoe .ban02.five li .msg { width: calc(100% - 40px); height: 145px; padding: 50px 20px;}
	.solunoe .ban02.five li .msg h3 { font-size: 16px; padding-bottom: 5px;}
	.solunoe .ban02.five li .msg p { height: 80px; line-height: 25px; font-size: 12px;}
	.solunoe .ban02.five .on { width: 385px;}

	.comcase li .img,
	.comcase li .img img,
	.comcase .swiper-slide .img,
	.comcase .swiper-slide .img img { height: 190px;}
	.comcase li .msg,
	.comcase .swiper-slide .msg { padding: 15px 20px;}
	.comcase li .msg h3,
	.comcase .swiper-slide .msg h3 { height: 60px; line-height: 30px; font-size: 20px;}
	.companys { padding-bottom: 20px;}	
	.tkuang { width: 90%; height: 400px;}
	.caseshow .imgs .view,
	.caseshow .imgs .view .swiper-container,
	.caseshow .imgs .view img { width: 920px; height: 520px;}
	.caseshow .imgs .preview { width: 170px;}
	.caseshow .imgs .preview .swiper-slide,
	.caseshow .imgs .preview .swiper-slide img { width: 170px; height: 94px;}
	.caseshow .imgs .preview .swiper-container { height: 520px;}
	.preview .arrow-left,
	.preview .arrow-right { width: 170px;}
	.solutow .tabs { font-size: 0; margin: 10px 0 25px 0;}
	.solutow .tabs li { height: 45px; margin: 5px;}
	.solutow .tabs li a { line-height: 45px; font-size: 14px;}
	.solutow .lsts li .img,
	.solutow .lsts li .img img { width: 615px; height: 365px;}
	.solutow .lsts li .msg { width: calc(100% - 695px); padding: 54px 40px;}
	.solushow .tops .imgs { width: 530px;}
	.solushow .tops .imgs img { width: 530px; height: 315px;}
	.solushow .tops .msg { width: calc(100% - 560px);}
	.solushow .tops .msg h3 { line-height: 40px; font-size: 28px;}
	.solushow .tops .msg span { height: 25px; line-height: 25px; font-size: 12px;}
	.solushow .tops .msg .lh { height: 175px; line-height: 25px; font-size: 12px; margin: 15px 0;}
	.solushow .tops .msg a { width: 85px; height: 40px; line-height: 40px; font-size: 14px; padding: 0 15px;}
	.solushow .tops .msg a i { font-size: 20px; margin-top: 8px;}
	.prostow .top { padding: 25px 0;}
	.prostow .top h1 { height: 70px; line-height: 70px; font-size: 30px; background-size: auto 70px;}
	.proshow .top .msg { width: 530px; padding-top: 0;}
	.proshow .top .msg h3 { line-height: 40px; font-size: 24px;}
	.proshow .top .msg span { height: 30px; line-height: 30px; font-size: 14px;}
	.proshow .top .msg .info { margin-bottom: 20px;}
	.prostow .top .msg li h3 { height: 50px; line-height: 50px; font-size: 36px;}
	.prostow .top .msg li h3 sub { font-size: 16px; top: -10px;}
	.prostow .top .msg li p { font-size: 14px;}
	.proshow .top .imgs,
	.proshow .top .imgs .swiper-slide p,
	.proshow .top .imgs .swiper-slide img { width: 530px; height: 354px;}
	.prostow .lsts { padding: 35px 0;}
	.prostow .lsts li .msg { width: calc(100% - 640px); padding: 45px;}
	.prostow .lsts li .msg .nr p { height: 75px; line-height: 25px; font-size: 12px; margin-bottom: 26px;}
	.prostow .lsts li .msg .nr i em { font-size: 30px;}
	.prostow .lsts li .img,
	.prostow .lsts li .img img { width: 550px; height: 307px;}
	.prostow .lsts li .img p { height: 307px;}
	.prostow .pros { padding: 35px 0;}
	.proshow .msgs .cptd li span { width: 150px;}
	.proshow .msgs .cptd li p { width: calc(100% - 150px);}
	.prolsts li { width: calc(50% - 10px); margin: 0 20px 20px 0;}
	.prolsts li .msg { width: calc(100% - 340px); padding: 9px 20px;}
	.prolsts li .msg p { height: 45px; line-height: 22px; font-size: 12px; margin-bottom: 28px;}
	.prolsts li .msg span i { font-size: 30px;}
	.prolsts li .img,
	.prolsts li .img img { width: 300px; height: 200px;}
	.prolsts li .img p { height: 200px;}
	.newpics li { margin-bottom: 35px;}
	.newpics li .img,
	.newpics li .img img { height: 220px;}
	.newpics li .msg { padding-top: 10px;}
	.newpics li .msg h3 { height: 60px; line-height: 30px; font-size: 16px; overflow: hidden;}
	.newlst li { padding-bottom: 20px; margin-bottom: 20px;}
	.newlst li .img,
	.newlst li .img img { width: 350px; height: 225px;}
	.newlst li .msg { width: calc(100% - 380px);}
	.newlst li .msg h3 { height: 45px; line-height: 40px; font-size: 18px;}
	.newlst li .msg p { height: 60px; line-height: 30px; font-size: 14px;}
	.newlst li .msg span { line-height: 25px; font-size: 14px; margin: 25px 0;}
	.vidolst li .img,
	.vidolst li .img img { height: 195px;}
	.softlst li { height: 70px; line-height: 70px;}
	.softlst li span,
	.softlst li h3,
	.softlst li b { font-size: 14px;}
	.softlst li b i { margin-top: 22px;}
	.show_h3 { padding-bottom: 20px; margin-bottom: 25px;}
	.show_h3 h3 { line-height: 40px; font-size: 26px; margin-bottom: 15px;}
	.show_h3 .share li,
	.show_h3 .share li i { width: 30px; height: 30px; line-height: 30px; font-size: 16px;}
	.show_sxp { font-size: 12px;}
	.show_sxp span { line-height: 20px;}
	.investor .ban1 .lft .msg h1 span b { font-size: 60px;}
	.investor .ban1 .rgt li span { font-size: 14px;}
	.investor .ban1 .rgt li h3 { font-size: 24px;}
	.investor .ban1 .rgt p { /*margin-top: 80px;*/}
	.investor .ban2 li a { padding: 25px;}
	.investor .ban3 li { width: calc(100% / 3 - 15px); margin-right: 20px;}
	.investor .ban3 li .img { height: 220px;}
	.investor .ban3 li .img img { min-height: 220px;}
	.investor .ban3 li .msg { padding: 15px 20px;}
	.investor .ban3 li .msg h3 { height: 40px; line-height: 40px; font-size: 20px;}
	.investor .ban3 li .msg p { height: 25px; line-height: 25px; font-size: 14px; margin: 20px 0 10px 0;}
	.investor .ban3 li .msg i { font-size: 12px;}
	.investor .ban3 li .msg i b { width: 20px; font-size: 18px; margin-left: 3px; top: 4px;}
	.investor .ban5 { padding: 50px 0;}
	.investor .ban5 .rgt li { float: none; width: calc(100% - 35px); height: 40px; line-height: 40px;}
	.investor .ban5 .rgt li i { height: 40px; line-height: 40px; font-size: 20px;}
	.teamlist li .img,
	.teamlist li .img img { width: 160px; height: 160px;}
	.teamlist li .msg { padding: 20px;}
	.teamlist li .msg h3 { height: 45px; line-height: 45px; font-size: 18px;}
	.teamlist li .msg p { height: 40px; line-height: 20px; font-size: 12px;}
	.notics li a { padding: 25px;}
	.newthree li .img { height: 220px;}
	.newthree li .img img { min-height: 220px;}
	.newthree li .msg { padding: 15px 20px;}
	.newthree li .msg h3 { height: 40px; line-height: 40px; font-size: 20px;}
	.newthree li .msg p { height: 25px; line-height: 25px; font-size: 14px; margin: 20px 0 10px 0;}
	.newthree li .msg i { font-size: 12px;}
	.newthree li .msg i b { width: 20px; font-size: 18px; margin-left: 3px; top: 4px;}
	.social .tits .lft p { font-size: 14px;}
	.social .ban1 { padding: 35px 0;}
	.social .ban1 .swiper-slide .img,
	.social .ban1 .swiper-slide .img img { height: 220px;}
	.social .ban1 .swiper-slide h3 { font-size: 16px;}
	.social .ban2 li { width: 255px; margin-right: 22px;}
	.social .ban2 li .img { height: 365px;}
	.social .ban2 li .img img { width: 546px; height: 365px;}
	.social .ban2 li.on { width: 546px;}
	.social .ban4 .rgt .swiper-slide h3 { font-size: 16px;}
	.contact .ban1 { padding: 35px 0;}
	.contact .ban1 .msg h3 { height: 35px; line-height: 35px; font-size: 22px;}
	.contact .ban1 .msg p { display: none;}
	.contact .ban1 .msg .tel { height: 40px; line-height: 40px; font-size: 16px;}
	.contact .ban1 .msg .tel i { width: 40px; height: 40px; line-height: 40px; font-size: 32px; margin-top: 2px;}
	.contact .ban1 .msg .tel b { font-size: 20px;}
	.contact .ban1 .imgs li { margin-left: 15px;}
	.contact .ban1 .imgs li img { width: 85px; height: 85px;}
	.contact .ban1 .bomt { margin-top: 20px; padding-top: 20px;}
	.contact .ban1 .bomt li { font-size: 16px;}
	.contact .ban1 .bomt li i { width: 35px; height: 35px; line-height: 35px; font-size: 18px;}
	.contact .ban3 { padding: 35px 0; background-size: 100%;}
	.contact .ban3 .tabs { height: 60px;}
	.contact .ban3 .tabs li { line-height: 60px; font-size: 18px; margin: 0 25px;}
	.contact .ban3 .swiper-slide li h3 { height: 35px; line-height: 35px; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.contact .ban3 .swiper-slide li p { font-size: 12px; margin-top: 0; }
	.contact .ban4 { padding: 45px 0;}
	.contact .ban4 .rgt { width: calc(100% - 420px);}
	.jobs .ban1 .msg .comtit { margin-bottom: 50px;}
	.jobs .ban1 .msg .comtit h3 { line-height: 40px; font-size: 30px;}
	.jobs .ban1 .msg .comtit::after { bottom: -20px;}
	.jobs .ban1 .msg li { width: calc(50% - 20px); margin: 20px 40px 0 0;}
	.jobs .ban1 .msg li .img { padding: 10px;}
	.jobs .ban1 .msg li .nr { width: calc(100% - 70px); padding-top: 0;}
	.jobs .ban1 .msg li .nr h3 { line-height: 30px; font-size: 16px;}
	.jobs .ban1 .msg li .nr p { font-size: 12px;}

	.jobs .ban3 { padding: 45px 0;}
	.jobs .ban3 .swiper-slide .img,
	.jobs .ban3 .swiper-slide .img img { height: 220px;}
	.jobs .ban4 { padding: 45px 0;}
	.jobs .ban4 .chose .tags { width: 200px; margin-right: 10px;}
	.jobs .ban4 .chose .tags::after { right: 10px;}
	.jobs .ban4 .chose .tags select { padding: 0 30px 0 10px;}
	.jobs .ban4 .chose .sechr .sous { width: 195px; padding: 0 10px;}
	.jobs .ban4 .chose .sechr .sous input { width: 170px;}
	.jobs .ban4 .chose .sechr .wanch { width: 90px; margin: 0 10px;}
	.abouts .ban6 { padding-bottom: 50px;}
	.abouts .ban6 .comtit { margin-bottom: 25px;}
	.abouts .ban6 .comtit p { font-size: 14px;}
	.abouts .ban6 .comtit h3 { font-size: 30px;}
	.abouts .ban6 .msg .nr { font-size: 14px; margin-bottom: 60px;}
	.abouts .ban6 .msg li h3 { height: 40px; line-height: 40px; font-size: 38px;}
	.abouts .ban6 .msg li h3 sub { font-size: 14px;}	
	.piclist li .img { height: 220px;}
	.piclist li .img img { height: 220px;}
}
@media screen and (max-width: 640px) {
	.zhanwei { height: 60px;}
	.warp { width: calc(100% - 30px); min-width: auto; padding: 0 15px;}
	.content { width: calc(100% - 30px); min-width: auto; padding: 25px 15px;}
	.header { height: 60px; box-shadow: 0 5px 10px rgba(0,0,0,0.05); background: #fff;}
    .header .logo { height: 40px; margin: 10px 0;}
    .header .logo img { filter: grayscale(0%);}
    .header .rgt {}
    .header .rgt .language { height: 60px; padding-left: 0; margin-left: 0;}
    .header .rgt .language::after { display: none;}
    .header .rgt .language span { line-height: 60px; color: #666;}
    .header .rgt .language span i { font-size: 22px; color: #999; margin-right: 5px; position: relative; top: 2px;}
    .header .rgt .language span::after { border-right-color: #666; border-bottom-color: #666; top: 25px;}
    .header .rgt .language p { top: 60px;}
    .header .rgt .group { height: 60px; margin: 0 0 0 10px; padding: 0 15px; border-left: 1px solid #eee; border-right: 1px solid #eee;}
    .header .rgt .group em { line-height: 60px; font-size: 14px; color: #333;}
    .header .rgt .group .scdnav { height: calc(100vh - 50px); top: 60px;}
    .header .rgt .group .scdnav h3 { font-size: 20px;}
    .header .rgt .group .scdnav .close { right: 10px;}
    .header .rgt .group .scdnav .nr { height: calc(100vh - 245px);}
    .header .rgt .group .scdnav .nr a { width: calc(100% / 2 - 65px); height: 40px; line-height: 40px; font-size: 12px; margin-bottom: 5px;}
    .header .rgt .group .scdnav .nr a:nth-child(2n) { margin-right: 0;}
    .header .rgt .group .scdnav .botm { position: relative;}
    .header .rgt .group .scdnav .botm span { display: block; float: none; height: 40px; line-height: 40px; font-size: 12px;}
    .header .rgt .group .scdnav .botm span b { font-size: 18px;}
    .header .rgt .group .scdnav .botm ul { display: block; position: absolute; right: 0; bottom: 5px;}
    .header .rgt .group .scdnav .botm li { float: left; margin: 15px 0 0 20px;}
    .header .rgt .group .scdnav .botm li i { font-size: 20px;}
    .header .rgt .group .scdnav .botm li span { font-size: 12px;}
    .header .rgt .serch { float: left; width: 50px; height: 60px; line-height: 60px; border-right: 1px solid #eee;}
    .header .rgt .serch i { width: 50px; line-height: 60px; font-size: 22px; color: #333;}
    .header .rgt .serch.on .schnrs { top: 60px;}
    .header:hover .rgt .serch,
    .headerFix .rgt .serch,
    .headeron .rgt .serch { background: #fff;}
	.header .rgt .nav { display: none;}
	.header .menu { display: block;}

	.banner .swiper-slide .text { top: 15vh;}
	.banner .swiper-slide .text h3 { line-height: 30px; font-size: 24px; letter-spacing: 2px;}
	.banner .swiper-slide .text p { width: 73%; line-height: 22px; font-size: 12px; margin: 10px 0 25px 0;}
	.banner .swiper-slide .text a { height: 35px; line-height: 35px; font-size: 12px; margin-top: 9px; padding: 0 10px;}
	.banner .swiper-slide .text a b { width: 20px; font-size: 18px; margin-top: 6px;}
	.banner .swiper-slide-active .text { top: 10vh;}
	.banner::after { right: 50px;}
	.banner .swiper-pagination-bullets { bottom: 10px;}
	.banner .swiper-button-prev,
	.banner .swiper-button-next { bottom: 10px;}
	.banner .woshidd { width: 50px; height: 40%;}
	.banner .woshidd span { margin: 30px auto !important;}
	.banner i { width: 50px; font-size: 28px; bottom: 15px;}

	.footer { font-size: 12px; padding-top: 20px;}
	.footer .lft { width: 100%;}
	.footer .lft .sech { display: none;}
	.footer .lft p { line-height: 22px; margin-bottom: 5px;}
	.footer .rgt { display: none;}
	.footer .copy { line-height: 25px; padding: 10px 0; margin-top: 10px;}
	.footer .copy p { width: 100%;}
	.footer .copy li { display: none; /*float: left; width: 28px; height: 28px; line-height: 28px; margin: 0 15px 0 0;}
	.footer .copy li i { width: 28px; height: 28px; line-height: 28px; font-size: 14px;*/}
	.chose { margin-bottom: 15px;}	
	.chose .tags { width: 180px; height: 45px; margin-right: 10px;}
	.chose .tags::after { right: 10px;}
	.chose .tags select { height: 45px; line-height: 45px; font-size: 14px; padding: 0 10px;}
	.chose .sech { width: 224px; height: 45px;}
	.chose .sech input { width: 154px; height: 45px; line-height: 45px; font-size: 14px; padding: 0 10px;}
	.chose .sech .btn { width: 50px; font-size: 22px;}
	.tits { height: 55px; margin-bottom: 20px;}
	.tits .lft b { display: none;}
	.tits .lft h3 { line-height: 30px; font-size: 22px;}
	.tits .lft p { line-height: 25px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.tits a { width: auto; height: 35px; line-height: 35px; font-size: 12px; margin-top: 9px; padding: 0 10px;}
	.tits a i { width: 20px; font-size: 18px; margin-top: 6px;}
	.solution { padding: 25px 0; background-color: #f2f7fa; background-position: center bottom;}
	.solution li,	
	.solution .on { width: calc(50% - 5px); height: 365px; margin: 0 10px 10px 0; overflow: hidden;}
	.solution li:nth-child(2n) { margin-right: 0;}
	.solution li img { width: 100%; height: auto;}
	.solution li .msg,	
	.solution .on .msg { padding: 120px 20px 35px 20px;}
	.solution li .msg p,
	.solution .on .msg p { height: 50px; margin: 15px 0 30px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.solution li .msg span,
	.solution .on .msg span { display: block;}
	.solution li .msg { background-image: linear-gradient(rgba(7,49,144,0.2),rgba(7,49,144,0.9));}
	.solution li .msg i { height: 25px; line-height: 25px; font-size: 14px;}
	.solution li .msg h3 { height: 35px; line-height: 35px; font-size: 22px;}
	.products { padding: 25px 0;}
	.products .tabs { width: 125px;}
	.products .tabs .swiper-slide { height: 40px;}
	.products .tabs .swiper-slide span { line-height: 40px; padding: 0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.products .tabs .swiper-slide::after { left: -65px;}
	.products .tabs .swiper-button-prev { left: 10px;}
	.products .tabs .swiper-button-next { left: 55px;}
	.products .rgt { width: calc(100% - 125px); position: relative;}
	.products .rgt .msg { width: calc(100% - 60px); padding: 50px 30px; position: absolute; left: 0; top: 0; z-index: 2;}
	.products .rgt .msg h3 { color: #fff;}
	.products .rgt .msg i { color: rgba(255,255,255,0.5);}
	.products .rgt .msg p { height: 50px; color: rgba(255,255,255,0.8); border-top-color: rgba(255,255,255,0.2); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.products .rgt .img,
	.products .rgt .img img { display: block; width: 100%; height: 300px;}
	.products .rgt .img::after { display: block; content: ""; width: 100%; height: 100%; background-image: linear-gradient(to right,rgba(7,49,144,1),rgba(7,49,144,0.5)); position: absolute; left: 0; top: 0;}
	.products .rgt .msg a { width: 78px; color: #073190; padding: 0 10px; margin-top: 32px; border-color: #073190; background: #fff;}
	.products .rgt .msg a i { width: 16px; font-size: 18px; color: #073190; margin: 0 0 0 5px; top: 2px;}
	.about h1 { height: 60px; line-height: 60px; font-size: 24px;}
	.about .msg { width: 100%; line-height: 25px; font-size: 12px; height: auto; margin: 20px 0 40px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
	.about a { padding: 0 15px;}
	.about .botm li { width: auto; padding-right: 25px; margin-right: 25px;}	
	.about .botm li::after { height: 80%;}
	.about .botm li:last-child { padding-right: 0; margin-right: 0;}
	.about .botm li h3 { height: 45px; line-height: 45px; font-size: 32px;}
	.about .botm li h3 sub { font-size: 12px; top: -8px;}
	.about .botm li p { font-size: 12px;}
	.news { padding: 25px 0;}
	.news .let { float: none; width: 100%;}
	.news .let .img,
	.news .let .img img { width: 100%; height: auto;}
	.news .rgt { width: 100%; padding-top: 15px; margin-top: 15px; border-top: 1px solid #eee;}
	.news .rgt li .tim { width: 65px; font-size: 12px; padding: 5px 15px 5px 0;}
	.news .rgt li .tim b { line-height: 35px; font-size: 30px;}
	.news .rgt li .tim::after { height: 85%; background: #ddd;}
	.news .rgt li .msg { width: calc(100% - 105px);}
	.news .rgt li .msg h3 { width: calc(100% - 60px); line-height: 25px; font-size: 16px;}
	.news .rgt li .msg span { width: 60px; height: 25px; line-height: 25px;}
	.news .rgt li .msg p { height: 40px; line-height: 20px; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.join h1 { height: 70px; line-height: 70px; font-size: 28px;}
	.join .msg { width: 100%;margin: 40px 0;}
	.join .msg h3 { line-height: 40px; font-size: 22px;}
	.join .msg p { line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.join a { width: 90px; color: #073190; padding: 0 15px; background: #fff;}
	.join a i { font-size: 18px; color: #073190;}
	.secondban { height: 190px; padding-top: 80px;}	
	.secondban h3 { height: 40px; line-height: 40px; font-size: 28px;}
	.secondban p { height: 50px; line-height: 25px; font-size: 12px; overflow: hidden;}
	.secondban .posit { margin-top: 50px;}
	.comnav { height: 50px;}
	.comnav li { line-height: 50px;}
	.comnav li a { font-size: 14px;}
	.comnav li a::after { height: 2px;}
	.comnavFix { top: 60px;}
	.comtit,
	.prostow .pros .comtit { margin-bottom: 20px;}
	.comtit p { display: none;}
	.comtit h3 { line-height: 35px; font-size: 22px;}
	.comtit a { width: auto; height: 35px; line-height: 35px; font-size: 12px; color: #fff; margin-top: 9px; padding: 0 10px; background: #073190;}
	.comtit a i { width: 20px; height: 15px; line-height: 15px; font-size: 18px; color: #fff; margin-top: 11px;}
	.solunoe .ban01 { padding: 25px 0; background-size: 100%;}
	.solunoe .ban01 h1 { width: 100%; line-height: 40px; font-size: 28px; margin-bottom: 20px;}
	.solunoe .ban01 .msg { width: 100%;}
	.solunoe .ban01 .msg .info { line-height: 25px; font-size: 14px;}
	.solunoe .ban01 .msg li h3 { height: 40px; line-height: 40px; font-size: 24px;}
	.solunoe .ban01 .msg li h3 sub { font-size: 12px; top: -10px;}
	.solunoe .ban01 .msg li p { font-size: 12px;}
	.solunoe .ban02 { padding: 25px 0;}
	.solunoe .ban02 li { width: 100% !important; height: 260px !important; margin-bottom: 15px !important;}
	.solunoe .ban02 .on { width: 100% !important;}
	.solunoe .ban02 li img { width: 100% !important; height: 100% !important;}
	.solunoe .ban02 li .msg { width: calc(100% - 40px) !important; height: 200px !important; padding: 30px 20px !important;}
	.solunoe .ban02 li .msg h3 { height: 30px; line-height: 30px; letter-spacing: 0; padding-bottom: 10px; margin-top: 15px;}
	.solunoe .ban02 li .msg p { height: 130px !important; line-height: 25px; font-size: 12px; overflow: hidden;}
	.solunoe .ban02 li .msg span,
	.solunoe .ban02 .on .msg span { display: block;}
	.solunoe .ban03 .nr { text-align: center; padding: 50px 0; background-size: cover;}
	.solunoe .ban03 .nr h3 { line-height: 60px; font-size: 22px;}
	.solunoe .ban03 .nr .aniu { height: 60px; line-height: 60px; margin-top: 40px;}
	.solunoe .ban03 .nr .aniu i { width: 60px; height: 60px; line-height: 60px;}
	.solunoe .ban03 .nr .aniu i::before,
	.solunoe .ban03 .nr .aniu i::after { width: 58px; height: 58px;}
	.casenavs { margin-bottom: 20px;}
	.casenavs li { height: 45px; line-height: 45px;}
    .casenavs li a { font-size: 16px; padding: 0 35px;}

	.comcase { padding: 25px 0;}
	.comcase li { width: calc(100% / 3 - 7px); margin: 0 10px 10px 0;}
	.comcase li .img,
	.comcase li .img img,
	.comcase .swiper-slide .img,
	.comcase .swiper-slide .img img { height: 110px;}
	.comcase li .msg,
	.comcase .swiper-slide .msg { padding: 10px;}
	.comcase li .msg h3,
	.comcase .swiper-slide .msg h3 { height: 25px; line-height: 25px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.comcase li .msg p,
	.comcase .swiper-slide .msg p { height: 40px; line-height: 20px; font-size: 12px; margin: 10px 0 20px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.comcase li .msg span,
	.comcase .swiper-slide .msg span { margin-left: -3px; transform: scale(0.8,0.8);}
	.companys { padding: 25px 0 5px 0;}
	.companys li { padding: 15px;}
	.companys li .img { width: 115px; height: 50px; margin-top: 10px;}
	.companys li .img img { width: 115px; height: 50px;}
	.companys li .msg { width: calc(100% - 260px); padding: 0 15px; margin: 0 15px;}
	.companys li .msg h3 { line-height: 25px; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.companys li .msg p { line-height: 20px; font-size: 12px; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.companys li a { width: 80px; height: 40px; line-height: 40px; font-size: 14px; margin-top: 15px;}
	.kong { display: none;}
	.composit { margin-bottom: 0;}
	.caseshow .name { line-height: 35px; font-size: 22px; margin-bottom: 15px;}	
	.caseshow .imgs { margin: 25px 0 30px 0;}
	.caseshow .imgs .view { width: calc(100% - 185px); height: auto;}
	.caseshow .imgs .view .swiper-container { width: 100%; height: auto;}
	.caseshow .imgs .view img { width: 100%; height: auto;}
	.caseshow .imgs .preview .swiper-slide { margin-bottom: 10px !important;}	
	.caseshow .imgs .preview .swiper-container { height: 237px;}
	.caseshow .lsts h3 { float: none; width: 100%; font-size: 22px; margin-bottom: 20px;}
	.caseshow .lsts .tabs,
	.caseshow .lsts .lh { float: none; width: 100%; margin-bottom: 25px; padding-bottom: 25px;}
	.caseshow .lsts .tabs li { width: calc(50% - 15px); font-size: 14px; margin-right: 30px;}
	.caseshow .lsts .tabs li span { width: auto; margin-right: 20px;}
	.caseshow .abtnews { padding: 25px 0;}
	.caseshow .abtnews h1 { font-size: 22px;}
	.caseshow .abtnews li { padding: 20px 0;}
	.caseshow .abtnews li .img,
	.caseshow .abtnews li .img img { width: 257px; height: 165px;}
	.caseshow .abtnews li .msg { width: calc(100% - 277px); padding-top: 0;}
	.caseshow .abtnews li .msg h3 { line-height: 30px; font-size: 18px;}
	.caseshow .abtnews li .msg p { height: 50px; line-height: 25px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.caseshow .abtnews li .msg span { display: none;}
	.caseshow .abtnews li .msg i { margin-top: 30px;}	
	.solutow .tabs li a { font-size: 12px; padding: 0 10px;}
	.solutow .lsts li .img,
	.solutow .lsts li .img img { width: 370px; height: 220px;}
	.solutow .lsts li .msg { width: calc(100% - 410px); padding: 27px 20px;}
	.solutow .lsts li .msg h3 { height: 30px; line-height: 30px; font-size: 18px;}
	.solutow .lsts li .msg span { height: 20px; line-height: 20px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.solutow .lsts li .msg p { height: 40px; line-height: 20px; font-size: 12px; margin: 15px 0 30px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.solutow .lsts li .msg i em { height: 25px; line-height: 25px; font-size: 24px; margin-top: 4px;}
	.solushow .tops { margin-bottom: 25px; padding-bottom: 25px;}
	.solushow .tops .imgs { float: none; width: 100%;}
	.solushow .tops .imgs img { width: 100%; height: auto;}
	.solushow .tops .msg { float: none; width: 100%; margin-top: 25px;}
	.solushow .tops .msg .lh { height: auto; margin-bottom: 30px;}
	.solushow .lsts h3 { float: none; width: 100%; font-size: 22px; margin-bottom: 20px;}
	.solushow .lsts .tabs,
	.solushow .lsts .lh { float: none; width: 100%; margin-bottom: 25px; padding-bottom: 25px;}
	.solushow .lsts .tabs li { width: calc(50% - 15px); font-size: 14px; margin-right: 30px;}
	.solushow .lsts .tabs li span { width: auto; margin-right: 20px;}
	.prostow .top { padding: 10px 0 20px 0;}
	.prostow .top h1 { height: 50px; line-height: 50px; font-size: 24px; background-size: auto 50px;}
	.prostow .top h1 i { font-size: 12px;}	
	.proshow .top .msg { float: none; width: 100%; padding-top: 15px;}
	.proshow .top .msg h3 { line-height: 35px; font-size: 24px;}
	.proshow .top .msg span { font-size: 12px;}
	.proshow .top .msg .info { height: auto; line-height: 25px; font-size: 12px;}
	.prostow .top .msg li h3 { height: 30px;line-height: 30px; font-size: 24px;}
	.prostow .top .msg li h3 sub { font-size: 12px; top: -7px;}
	.prostow .top .msg li p { font-size: 12px;}
	.proshow .top .imgs { float: none; width: 100%; height: auto; margin-top: 30px; border: none;}
	.proshow .top .imgs .swiper-slide p { width: 100vw; height: auto;}
	.proshow .top .imgs .swiper-slide img { width: 100%; height: auto;}
	.prostow .lsts { padding: 25px 0;}
	.prostow .lsts li { margin-bottom: 20px;}
	.prostow .lsts li .msg { width: calc(100% - 345px); padding: 25px;}
	.prostow .lsts li .msg .iag { width: 30px; height: 30px; line-height: 33px; font-size: 20px; padding: 5px;}
	.prostow .lsts li .msg .iag::after { width: 40px; height: 40px; border-width: 8px; left: -8px; top: -8px;}
	.prostow .lsts li:hover .msg .iag::after { border: 8px solid rgba(255,255,255,0.2);}
	.prostow .lsts li .msg .nr { width: calc(100% - 65px);}
	.prostow .lsts li .msg .nr h3 { height: 25px; line-height: 25px; font-size: 20px;}
	.prostow .lsts li .msg .nr span { height: 20px; line-height: 20px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.prostow .lsts li .msg .nr p { height: 40px; line-height: 20px; font-size: 12px; margin: 5px 0 15px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.prostow .lsts li .msg .nr i { height: 25px; line-height: 25px; font-size: 12px; margin-left: -5px;}
	.prostow .lsts li .msg .nr i em { height: 25px; line-height: 25px; font-size: 24px;}
	.prostow .lsts li .img,
	.prostow .lsts li .img img { width: 295px; height: 180px;}
	.prostow .lsts li .img p { height: 180px;}
	.prostow .pros { padding: 25px 0;}
	.proshow .msgs { padding: 15px 0 0 0;}	
	.proshow .msgs .tabs { margin-bottom: 30px;}
	.proshow .msgs .tabs a { font-size: 16px; margin: 0 20px;}
	.proshow .msgs .tabsFix { top: 110px;}
	.proshow .msgs h1 { height: 45px; line-height: 40px; font-weight: bold; font-size: 20px; margin-bottom: 25px;}
	.proshow .msgs .cpys li { width: calc(50% - 15px); margin: 0 30px 15px 0;}
	.proshow .msgs .cpys li img { width: 40px; height: 40px; padding: 5px;}
	.proshow .msgs .cpys li .msg { width: calc(100% - 65px); padding-top: 2px;}
	.proshow .msgs .cpys li .msg h3 { line-height: 25px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.proshow .msgs .cpys li .msg p { line-height: 20px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.proshow .msgs .cptd li { font-size: 14px; padding-bottom: 5px; margin-bottom: 10px;}
	.proshow .msgs .cptd li span { width: 120px;}
	.proshow .msgs .cptd li p { width: calc(100% - 120px);}
	.proshow .msgs .cptd .lft,
	.proshow .msgs .cptd .rgt { float: none; width: 100%;}
	.prosnoe { padding: 20px 0;}
	.prolsts li .msg { float: none; width: calc(100% - 40px);}
	.prolsts li .msg h3 { height: 35px; line-height: 35px; font-size: 20px;}
	.prolsts li .msg p { margin: 5px 0 20px 0;}
	.prolsts li .msg span { margin-left: -5px;}
	.prolsts li .img { float: none; width: 100%; height: auto;}
	.prolsts li .img img { width: 100%; height: auto;}
	.prolsts li .img p { height: auto;}
	.prosnoe .top { padding: 0 0 20px 0;}
	.prosnoe .top li { height: 35px;}
	.prosnoe .top li a { line-height: 35px; font-size: 16px; padding: 0 25px;}
	.prosnoe .top li.on a { font-size: 20px;}
	.newpics li { width: calc(100% / 3 - 10px); margin: 0 15px 25px 0;}
	.newpics li .img,
	.newpics li .img img { height: 125px;}
	.newpics li .msg { padding-top: 10px;}
	.newpics li .msg h3 { height: 60px; line-height: 30px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.newpics li .msg p { height: 25px; line-height: 25px; font-size: 14px; margin: 10px 0;}
	.newpics li .msg p::before { width: 25px; height: 25px;}
	.newpics li .msg p::after { right: 10px;}
	.newlst li .img,
	.newlst li .img img { width: 249px; height: 160px;}
	.newlst li .msg { width: calc(100% - 269px);}
	.newlst li .msg h3 { height: 35px; line-height: 30px; font-size: 18px;}
	.newlst li .msg p { height: 44px; line-height: 22px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.newlst li .msg span { line-height: 25px; font-size: 12px; margin: 10px 0;}
	.vidotop { width: calc(100% - 40px); height: 155px; padding: 30px 20px; margin-bottom: 25px; background-size: cover;}
	.vidotop .msg { width: 80%;}
	.vidotop .msg span { line-height: 25px; font-size: 12px;}
	.vidotop .msg h3 { line-height: 40px; font-size: 28px;}
	.vidotop .msg p { line-height: 22px; font-size: 12px; margin-top: 20px;}
	.vidotop .aniu { margin: 30px 10px 30px 0; transform: scale(0.6,0.6);}
	.vidolst { padding-top: 25px;}
	.vidolst li { width: calc(100% / 3 - 10px); margin: 0 15px 25px 0;}
	.vidolst li .img,
	.vidolst li .img img { height: 110px;}
	.vidolst li .msg { height: 50px; padding: 10px 15px;}
	.vidolst li .msg h3 { height: 50px; line-height: 25px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.softop li { height: 50px;}
	.softop li a { line-height: 50px; padding: 0 40px;}
	.softlst li { float: none; width: 100%; margin-right: 0;}
	.softlst li:nth-child(4n-4),
	.softlst li:nth-child(4n-5) { background: none;}
	.softlst li:nth-child(2n) { background: #f5f7fa;}
	.softlst li:hover { background: #073190;}
	.newshow .lft { float: none; width: 100%; padding: 0; border: none;}
	.newshow .rgt { display: none;}
	.investor .ban1 { padding: 25px 0;}
	.investor .ban1 .lft { float: none; width: 100%;}
	.investor .ban1 .lft .msg { margin-bottom: 0;}
	.investor .ban1 .lft .msg p { line-height: 40px; font-size: 18px;}
	.investor .ban1 .lft .msg h1 { line-height: 70px; font-size: 14px;}
	.investor .ban1 .lft .msg h1 span b { font-size: 46px;}
	.investor .ban1 .lft .msg h1 span i { font-size: 18px;}
	.investor .ban1 .rgt { float: none; width: 100%;}
	.investor .ban1 .imgs { float: none; width: calc(100% - 20px); margin-top: 30px; padding: 10px;}
	.investor .ban2 { padding: 25px 0;}
	.investor .ban2 li { float: none; width: 100%; margin: 0 0 15px 0;}
	.investor .ban2 li a { padding: 15px;}
	.investor .ban2 li .tim { padding-right: 15px; border-right-color: #f4f4f4;}
	.investor .ban2 li .tim b { font-size: 28px;}
	.investor .ban2 li .msg { width: calc(100% - 140px); margin-left: 20px;}
	.investor .ban2 li .msg h3 { font-size: 16px;}
	.investor .ban2 li .msg p { font-size: 12px;}
	.investor .ban2 li i { width: 40px;}
	.investor .ban3 { padding: 25px 0;}
	.investor .ban3 li .img { height: 125px;}
	.investor .ban3 li .img img { min-height: 125px;}
	.investor .ban3 li .msg { padding: 10px 15px;}
	.investor .ban3 li .msg span { height: 20px; line-height: 20px; font-size: 12px;}
	.investor .ban3 li .msg h3 { height: 35px; line-height: 35px; font-size: 16px;}
	.investor .ban3 li .msg p { height: 20px; line-height: 20px; font-size: 12px; margin: 10px 0 5px 0;}
	.investor .ban4 { padding: 25px 0;}
	.investor .ban4 .tabs { height: 45px; margin-bottom: 25px;}
	.investor .ban4 .tabs li { line-height: 45px; font-size: 16px; margin: 0 15px;}
	.investor .ban4 .tabs li::after { height: 2px;}
	.investor .ban4 .lsts .top { padding-top: 20px;}
	.investor .ban4 .lsts .top .img,
	.investor .ban4 .lsts .top .img img { width: 90px; height: 90px;}
	.investor .ban4 .lsts .top .msg { padding: 10px;}
	.investor .ban4 .lsts .top .msg h3 { height: 40px; line-height: 40px; font-size: 18px;}
	.investor .ban4 .lsts .top .msg span { margin-bottom: 10px;}
	.investor .ban4 .lsts .top .msg p { height: 40px; line-height: 20px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.investor .ban4 .lsts .top i { height: 50px; line-height: 50px; font-size: 12px;}
	.investor .ban4 .lsts .top i b { width: 20px; font-size: 18px; margin-left: 3px; top: 3px;}
	.investor .ban5 .lft { width: 150px;}
	.investor .ban5 .lft p { line-height: 20px; font-size: 12px;}
	.investor .ban5 .lft h3 { line-height: 35px; font-size: 22px;}
	.investor .ban5 .rgt { width: calc(100% - 190px);}
	.investor .ban5 .rgt li { font-size: 14px;}
	.teamlist li { width: calc(100% / 3 - 10px); padding-top: 20px; margin: 0 15px 15px 0;}
	.teamlist li:nth-child(4n) { margin-right: 15px;}
	.teamlist li:nth-child(3n) { margin-right: 0;}
	.teamlist li .img,
	.teamlist li .img img { width: 120px; height: 120px;}
	.teamlist li .msg { padding-top: 10px;}
	.teamlist li .msg p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.notics li { float: none; width: 100%; margin: 0 0 15px 0;}
	.notics li a { padding: 15px;}
	.notics li .tim { padding-right: 15px; border-right-color: #f4f4f4;}
	.notics li .tim b { font-size: 28px;}
	.notics li .msg { width: calc(100% - 140px); margin-left: 20px;}
	.notics li .msg h3 { font-size: 16px;}
	.notics li .msg p { font-size: 12px;}
	.notics li i { width: 40px;}
	.newthree li { width: calc(100% / 3 - 10px); margin-right: 15px;}
	.newthree li .img { height: 125px;}
	.newthree li .img img { min-height: 125px;}
	.newthree li .msg { padding: 10px 15px;}
	.newthree li .msg span { height: 20px; line-height: 20px; font-size: 12px;}
	.newthree li .msg h3 { height: 35px; line-height: 35px; font-size: 16px;}
	.newthree li .msg p { height: 20px; line-height: 20px; font-size: 12px; margin: 10px 0 5px 0;}
	.abouts .ban1 { padding: 25px 0; background-size: 100%;}
	.abouts .ban1 .lft { float: none; margin-bottom: 25px;}
	.abouts .ban1 .lft p { margin-bottom: 20px;}
	.abouts .ban1 .lft span { margin-right: 5px;}
	.abouts .ban1 .rgt { float: none; width: 100%;}
	.abouts .ban1 .rgt .lh { height: auto; line-height: 25px; font-size: 12px;}
	.abouts .ban1 .botm li h3 { height: 45px; line-height: 45px; font-size: 30px;}
	.abouts .ban1 .botm li h3 sub { font-size: 14px; top: -7px;}
	.abouts .ban1 .botm li p { font-size: 12px;}
	.abouts .ban2 { padding: 80px 0; background-size: cover;}
	.abouts .ban2 .aniu { transform: scale(0.6,0.6);}
	.abouts .ban2 .msg { float: right; margin: 10px 0 0 0;}
	.abouts .ban2 .msg h3 { line-height: 50px; font-size: 30px;}
	.abouts .ban2 .msg p { line-height: 20px; font-size: 12px;}
	.abouts .ban3 { padding-top: 25px;}
	.abouts .ban3 .imgs { padding: 0 5%;}
	.abouts .ban3 .swiper-container { height: 400px;}
	.abouts .ban3 .swiper-slide { height: 320px;}
	.abouts .ban3 .swiper-slide-active .img p { margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.abouts .ban4 { height: auto; padding: 40px 0;}
	.abouts .ban4 .nrs { width: 100%; margin: 40px 0 20px 0;}
	.abouts .ban4 .nrs .img { width: 360px; height: 360px;}
	.abouts .ban4 .nrs li { width: 160px;}
	.abouts .ban4 .nrs li::after { width: 120px; height: 120px; background-size: 100%; top: -30px;}
	.abouts .ban4 .nrs li h3 { height: 35px; line-height: 35px; font-size: 18px;}
	.abouts .ban4 .nrs li h3 i { width: 25px; height: 35px; line-height: 35px; font-size: 24px; top: 2px;}
	.abouts .ban4 .nrs li p { line-height: 25px; font-size: 12px; margin-top: 5px;}
	.abouts .ban4 .nrs .sm,
	.abouts .ban4 .nrs .yj { top: 80px;}
	.abouts .ban4 .nrs .sm::after { right: -50px;}	
	.abouts .ban4 .nrs .yj::after { left: -50px;}
	.abouts .ban4 .nrs .hx { bottom: -20px;}
	.abouts .ban4 .nrs .hx::after { left: 98px;}
	.abouts .ban5 { padding: 35px 0; background-size: 100%;}
	.abouts .ban5 .preview { height: 60px;}
	.abouts .ban5 .preview .swiper-slide { width: 130px;}
	.abouts .ban5 .preview .swiper-slide span { line-height: 50px; font-size: 16px;}
	.abouts .ban5 .view { padding: 0 5% 80px 5%;}
	.abouts .ban5 .view .swiper-slide { line-height: 30px; font-size: 14px;}
	.abouts .ban5 .view .swiper-slide p { margin-top: 10px;}
	.abouts .ban5 .view .swiper-slide p::after { width: 4px; height: 4px; top: 14px;}
	.abouts .ban5 .preview .on span { font-size: 28px;}
	.abouts .ban5 .preview .swiper-button-prev,
	.abouts .ban5 .preview .swiper-button-next { top: 75%;}
	.abouts .ban6 { padding: 35px 0; background-position: left top; background-size: cover;}
	.abouts .ban6 .msg { float: none; width: 100%; padding-top: 0;}
	.abouts .ban6 .msg .nr { height: auto; line-height: 25px; font-size: 14px; margin-bottom: 25px;}	
	.abouts .ban6 .msg li { width: auto !important; padding-bottom: 0; margin-bottom: 0; border: none !important;}
	.abouts .ban6 .msg li:last-child { padding-right: 0;}
	.abouts .ban6 .msg li h3 { height: 40px; line-height: 40px; font-size: 36px;}
	.abouts .ban6 .msg li h3 sub { font-size: 12px;}
	.abouts .ban6 .msg li p { font-size: 12px;}
	.abouts .ban6 .maps { float: none; width: 100%; height: auto; margin-top: 45px;}
	.abouts .ban6 .maps li { transform: scale(0.6);}

	.abouts .ban6 .maps .mp1 { left: 18%; top: 37%;}
	.abouts .ban6 .maps .mp2 { left: 23%; top: 56%;}
	.abouts .ban6 .maps .mp3 { right: 34.5%; top: 47.5%;}
	.abouts .ban6 .maps .mp4 { right: 38%; top: 45%;}
	.abouts .ban6 .maps .mp5 { right: 35%; top: 43%;}
	.abouts .ban6 .maps .mp6 { right: 16%; top: 41%;}
	.abouts .ban6 .maps .mp7 { right: 21%; top: 39%;}
	.abouts .ban6 .maps .mp8 { right: 19%; top: 45%;}
	.abouts .ban6 .maps .mp9 { right: 23%; top: 37%;}
	.social .ban1 .swiper-slide .img,
	.social .ban1 .swiper-slide .img img { height: 125px;}
	.social .ban1 .swiper-slide h3 { height: 35px; line-height: 35px; font-size: 14px; margin-top: 5px;}
	.social .ban2 { padding: 35px 0 15px 0;}	
	.social .ban2 li { width: 100%; margin: 0 0 80px 0;}
	.social .ban2 li .img { height: auto;}
	.social .ban2 li .img img { width: 100%; height: auto; position: relative; left: 0;}
	.social .ban2 li .msg { width: calc(95% - 50px); bottom: -60px;}
	.social .ban2 li .msg .lh { display: block;}
	.social .ban2 li.on { width: 100%;}
	.social .ban2 li.on .msg { bottom: -60px;}
	.social .ban3 { height: auto; padding: 45px 0 35px 0; background-size: cover;}
	.social .ban3 h3 { line-height: 30px; font-size: 22px;}
	.social .ban3 .lh { width: 100%; height: auto; line-height: 25px; font-size: 12px; margin: 15px 0 35px 0;}
	.social .ban3 li { width: calc(100% / 4); line-height: 40px; font-size: 14px; text-align: center; padding-right: 0;}
	.social .ban3 li i { width: 50px; height: 50px; line-height: 50px; font-size: 40px;}
	.social .ban3 li::after { height: 80%; right: 0;}
	.social .ban3 li:last-child::after { display: none;}
	.social .ban4 { padding: 35px 0; background-size: 100%;}
	.social .ban4 .lft { float: none; width: 100%; height: auto; padding-bottom: 60px;}
	.social .ban4 .lft h3 { line-height: 30px; font-size: 22px;}
	.social .ban4 .lft p { margin: 0;}
	.social .ban4 .rgt { float: none; width: 100%; margin-top: 30px;}	
	.contact .ban1 { padding: 25px 0;}
	.contact .ban1 .msg { float: none; width: 100%;}
	.contact .ban1 .msg .tel { margin-top: 10px;}
	.contact .ban1 .imgs { float: none; width: 100%; max-width: 100%; margin-top: 25px;}
	.contact .ban1 .imgs li { margin: 0 15px 0 0;}
	.contact .ban1 .bomt li { float: none; margin: 0 0 10px 0;}
	.contact .ban3 { padding: 25px 0;}
	.contact .ban3 .tabs { height: 50px;}
	.contact .ban3 .tabs li { line-height: 50px; font-size: 16px; margin: 0 15px;}
	.contact .ban3 .swiper-slide li { width: calc(50% - 20px); height: 200px; margin: 0 20px 10px 0; padding: 0 20px 10px 0;}
	.contact .ban3 .swiper-slide li:nth-child(2n) { padding-right: 0;}
	.contact .ban3 .swiper-slide li h3 { font-size: 16px;}
	.contact .ban4 { padding: 25px 0;}
	.contact .ban4 .lft { float: none; width: 100%;}
	.contact .ban4 .rgt { float: none; width: 100%; margin-top: 30px;}
	.jobs .ban1 { padding: 35px 0;}	
	.jobs .ban1 .msg li { width: 100%; margin: 20px 0 0 0;}
	.jobs .ban2 { height: auto; line-height: 50px; padding: 50px 0; letter-spacing: 0;}
	.jobs .ban2 h3 { font-size: 22px;}
	.jobs .ban3 { padding: 35px 0;}
	.jobs .ban3 .swiper-slide .img,
	.jobs .ban3 .swiper-slide .img img { height: 125px;}
	.jobs .ban3 .swiper-slide h3 { height: 30px; line-height: 30px; font-size: 15px; margin-top: 5px;}
	.jobs .ban4 { padding: 35px 0;}
	.jobs .ban4 .chose .tags { width: calc(18% - 10px); height: 40px;}
	.jobs .ban4 .chose .tags select,
	.jobs .ban4 .chose .sechr input,
	.jobs .ban4 .chose .sechr .sous input { height: 40px; line-height: 40px; font-size: 14px;}
	.jobs .ban4 .chose .sechr input { padding: 0 10px;}
	.jobs .ban4 .chose .sechr { width: 45%;}
	.jobs .ban4 .chose .sechr .sous { width: calc(100% - 92px); padding: 0;}
	.jobs .ban4 .chose .sechr .sous input { width: calc(100% - 40px); padding-left: 10px;}
	.jobs .ban4 .chose .sechr .sous i { width: 30px; height: 40px; line-height: 40px; font-size: 18px; text-align: center;} 
	.jobs .ban4 .chose .sechr .wanch { width: 80px; margin-right: 0;}
	.jobs .ban4 .chose .sechr .chong { display: none;}
	.jobs .ban4 .joblst li { margin-bottom: 10px;}
	.jobs .ban4 .joblst li .top { padding: 5px 10px;}
	.jobs .ban4 .joblst li .top h3,
	.jobs .ban4 .joblst li .top span,
	.jobs .ban4 .joblst li .top p { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.jobs .ban4 .joblst li .top h3 { padding-left: 15px;}
	.jobs .ban4 .joblst li .top h3::after { width: 5px; height: 5px; border-width: 1px; top: 3px;}
	.jobs .ban4 .joblst li .top span { width: 20%;}
	.jobs .ban4 .joblst li .top p { width: calc(50% - 50px); text-align: left; padding: 0 25px 0 10px;}
	.jobs .ban4 .joblst li .top::before { width: 20px; height: 20px; top: 15px; right: 10px;}
	.jobs .ban4 .joblst li .top::after { width: 6px; height: 6px; top: 21px; right: 17.5px;}
	.jobs .ban4 .joblst .on .top::after { top: 25px;}
	.jobs .ban4 .joblst li .botm { padding: 10px 15px 15px 15px;}
	.jobs .ban4 .joblst li .botm h3 { margin-top: 15px;}
	.jobs .ban4 .joblst li .botm .lh { line-height: 25px; font-size: 12px;}
	.jobs .ban4 .joblst li .botm .lft,
	.jobs .ban4 .joblst li .botm .rgt { width: 47%;}
	.contact .ban4 .rgt li:last-child { width: 100%; margin-right: 0;}
	.jobform li { width: calc(50% - 10px); margin: 0 20px 10px 0;}
	.jobform li span { font-size: 14px; margin-bottom: 5px;}
	.jobform li input { height: 45px; line-height: 45px; font-size: 14px;}
	.jobform li .nr { width: calc(50% - 10px); }
	.jobform li img { max-width: calc(40% - 22px); height: 45px; margin: 35px 0 0 20px;}	
	.piclist li .img { height: 120px;}
	.piclist li .img img { height: 120px;}
	.piclist li h3 { height: 35px; line-height: 35px; font-size: 14px; margin-top: 5px;}
}
@media screen and (max-width: 420px) {
	.warp { width: calc(100% - 20px); min-width: calc(375px - 20px); padding: 0 10px;}
	.content { width: calc(100% - 20px); min-width: calc(375px - 20px); padding: 20px 10px;}
	.header .logo { width: 140px; overflow: hidden;}
	.header .rgt { max-width: calc(100% - 140px);}
	.header .rgt .language span { font-size: 14px; padding-right: 20px;}
	.header .rgt .language span i { font-size: 18px; top: 1px;}
	.header .rgt .group { padding: 0 10px;}
	.header .rgt .group em { font-size: 12px;}
	.header .rgt .group .scdnav .nr { height: calc(100vh - 285px);}
	.header .rgt .group .scdnav .botm span { display: block; float: none; height: 30px; line-height: 30px; font-size: 12px;}
    .header .rgt .group .scdnav .botm span b { font-size: 18px;}
    .header .rgt .group .scdnav .botm ul { display: block; clear: both; position: relative; bottom: 0;}
    .header .rgt .group .scdnav .botm li { float: left; margin: 15px 20px 0 0;}
    .header .rgt .group .scdnav .botm li i { font-size: 20px;}
    .header .rgt .group .scdnav .botm li span { font-size: 12px;}
    .header .rgt .group .scdnav .botm li img { left: 0; right: auto;}
	.header .rgt .serch { display: none;}
	.header .menu { width: 45px;}
	.header .menu .navhome { width: 25px;}
	.header .menu .navhome::before { top: -8px;}
	.header .menu .navhome::after { bottom: -8px;}
	.open .menu .navhome::before { top: 0;}
	.open .menu .navhome::after { bottom: 0;}

	.banner .swiper-slide .text { height: 130px; top: 0; bottom: 0;}
	.banner .swiper-slide .text h3 { line-height: 25px; font-size: 18px;}
	.banner .swiper-slide .text p { width: 75%; line-height: 18px; font-size: 10px; letter-spacing: 0; margin: 0 0 15px 0;}
	.banner .swiper-slide .text a { width: 70px; height: 30px; line-height: 30px; font-size: 12px; filter: alpha(opacity=80); opacity: 0.8; margin-top: 9px; padding: 0 10px;}
	.banner .swiper-slide .text a b { width: 20px; font-size: 18px; margin-top: 4px;}
	.banner .swiper-slide-active .text { top: 0; bottom: 0;}
	.banner::after { right: 45px;}
	.banner .swiper-pagination-bullets { bottom: 5px;}
	.banner .swiper-pagination-bullet { height: 30px; line-height: 30px; font-size: 12px; margin: 0 10px 0 0 !important;}
	.banner .swiper-pagination-bullet::before,
	.banner .swiper-pagination-bullet::after { left: 20px; top: 15px;}
	.banner .swiper-pagination-bullet-active { width: 70px;}
	.banner .swiper-button-prev,
	.banner .swiper-button-next { width: 30px; height: 30px; line-height: 30px; background: rgba(255,255,255,0.2); bottom: 5px;}
	.banner .swiper-button-prev { right: 100px;}
	.banner .swiper-button-prev::after,
	.banner .swiper-button-next::after { font-size: 14px;}
	.banner .woshidd { width: 45px; height: 30%;}
	.banner .woshidd span { width: 5px; height: 5px; margin: 15px auto !important;}
	.banner .woshidd span::after { width: 12px; height: 12px; top: -4px; left: -4px;}
	.banner i { width: 45px; font-size: 20px; bottom: 5px;}

	.chose { margin-bottom: 15px;}	
	.chose .tags { width: 29%; height: 45px; margin-right: 5px;}
	.chose .tags::after { right: 10px;}
	.chose .tags select { height: 45px; line-height: 45px; font-size: 12px; padding: 0 5px;}
	.chose .sech { width: calc(42% - 16px); height: 45px;}
	.chose .sech input { width: calc(100% - 45px); height: 45px; line-height: 45px; font-size: 12px; padding: 0 5px;}
	.chose .sech .btn { width: 35px; font-size: 18px;}
	.tits .lft { width: 70%;}
	.solution li,	
	.solution .on { float: none; width: 100%; height: 350px;}
	.solution li .msg,	
	.solution .on .msg { padding-top: 100px; padding-bottom: 55px;}
	.solution li .msg span,
	.solution .on .msg span { margin-top: 5px;}
	.products .tabs { width: 90px; padding-bottom: 50px;}
	.products .tabs .swiper-slide { height: 35px;}
	.products .tabs .swiper-slide::after { left: -30px;}
	.products .tabs .swiper-slide span { line-height: 35px; font-size: 12px; padding: 0 5px;}
	.products .tabs .on::after { width: 30px;}
	.products .tabs .on span { font-size: 14px;}
	.products .tabs .swiper-button-prev,
	.products .tabs .swiper-button-next { transform: scale(0.65,0.65);}
	.products .tabs .swiper-button-prev { left: -5px;}
	.products .tabs .swiper-button-next { left: 35px;}
	.products .rgt { width: calc(100% - 90px);}
	.products .rgt .msg { width: calc(100% - 30px); padding: 15px;}
	.products .rgt .msg h3 { font-size: 18px;}
	.products .rgt .msg i { line-height: 20px; font-size: 12px;}
	.products .rgt .msg a { height: 35px; line-height: 35px;}
	.products .rgt .img,
	.products .rgt .img img { height: 220px;}
	.about { padding: 25px 0;}
	.about .botm { margin-top: 40px;}
	.about .botm li { width: calc(100% / 2); padding: 0; margin: 15px 0 0 0;}
	.about .botm li::after { display: none;}
	.news .rgt li .tim { padding-right: 10px;}
	.news .rgt li .msg { width: calc(100% - 90px);}
	.join { padding: 25px 0;}
	.join h1 { height: 60px; line-height: 60px; font-size: 24px;}
	.join .msg h3 { line-height: 35px; font-size: 18px; letter-spacing: 1px;}
	.join a { height: 40px; line-height: 40px;}
	.join a i { margin-top: 10px;}
	.secondban { height: 165px; padding-top: 40px;}
	.secondban h3 { font-size: 22px; letter-spacing: 2px;}
	.secondban .posit { height: 30px; line-height: 30px; font-size: 12px; margin-top: 45px;}
	.secondban .posit i { height: 30px; line-height: 30px;}
	.comnav .warp { width: 100%; min-width: 100%; padding: 0;}
	.comnav li a { font-size: 12px;}
	.solunoe .ban01 h1 { line-height: 30px; font-size: 22px; margin-bottom: 10px;}	
	.solunoe .ban01 h1 p { font-size: 14px;}
	.solunoe .ban01 .msg .info { font-size: 12px; margin-bottom: 20px;}
	.solunoe .ban01 .sia li { width: calc(100% / 2); margin-top: 10px;}
	.solunoe .ban01 .msg li h3 { height: 30px; line-height: 30px; font-size: 18px;}
	.solunoe .ban01 .msg li h3 sub { top: -5px;}
	.solunoe .ban02 li { height: 205px;}
	.solunoe .ban02 li .msg { height: 165px !important; padding: 20px;}
	.solunoe .ban02 li .msg h3 { margin-top: 5px;}
	.solunoe .ban02 li .msg p { height: 140px !important; line-height: 20px !important;}
	.solunoe .ban02 li .msg span,
	.solunoe .ban02 .on .msg span { margin-left: -5px; transform: scale(0.65,0.65);}
	.solunoe .ban03 .nr h3 { line-height: 35px; font-weight: bold;}

    .casenavs li a { font-size: 14px; padding: 0 25px;}

	.comcase li { width: 100%; margin: 0 0 15px 0;}
	.comcase li .img { float: left; width: 153px; height: 85px;}
	.comcase li .img img { width: 153px; height: 85px;}
	.comcase li .msg { float: right; width: calc(100% - 174px);}
	.comcase li .msg p { height: 40px; margin: 0;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.comcase li .msg span { display: none;}
	.companys li { margin-bottom: 10px; position: relative;}
	.companys li .img { float: none; margin-top: 0;}
	.companys li .msg { width: 100%; padding: 10px 0 0 0; margin: 10px 0 0 0; border: none; border-top: 1px solid #eee;}
	.companys li .msg h3 { font-size: 16px;}
	.companys li a { margin-top: 0; position: absolute; right: 15px; top: 15px;}
	.lh { line-height: 25px; font-size: 12px;}
	.composit { height: auto; line-height: 25px; font-size: 12px; margin-bottom: 0; padding: 15px 0;}
	.composit i { height: 25px; line-height: 25px;}
	.caseshow .imgs .view { width: calc(100% - 110px);}
	.caseshow .imgs .preview { width: 100px;}
	.caseshow .imgs .preview .swiper-container { height: 150px;}
	.caseshow .imgs .preview .swiper-slide,
	.caseshow .imgs .preview .swiper-slide img { width: 100px; height: 55px;}
	.caseshow .imgs .preview .active-nav img { border: 3px solid #e6e8eb;}
	.preview .arrow-left,
	.preview .arrow-right { width: 100px; height: 20px; line-height: 20px;}
	.preview .arrow-left { top: -20px;}
	.preview .arrow-right { bottom: -20px;}
	.preview .arrow-left::after,
	.preview .arrow-right::after { width: 10px; height: 10px;}
	.caseshow .lsts h3 { font-size: 18px;}
	.caseshow .lsts .tabs li { width: 100%; font-size: 12px; margin: 0 0 10px 0; padding-bottom: 0;}
	.caseshow .abtnews li { padding: 15px 0;}	
	.caseshow .abtnews li .img,
	.caseshow .abtnews li .img img { width: 133px; height: 85px;}
	.caseshow .abtnews li .msg { width: calc(100% - 150px); padding-top: 0;}
	.caseshow .abtnews li .msg h3 { line-height: 25px; font-size: 16px;}
	.caseshow .abtnews li .msg p { margin-top: 10px;}
	.caseshow .abtnews li .msg i { display: none;}
	.solutow .tabs li { height: 35px;}
	.solutow .tabs li a { line-height: 35px;}
	.solutow .lsts li .img,
	.solutow .lsts li .msg { float: none !important;}
	.solutow .lsts li .img,
	.solutow .lsts li .img img { width: 100%; height: auto;}
	.solutow .lsts li .msg { width: calc(100% - 40px); padding: 20px;}
	.comcase .swiper-slide .img,
	.comcase .swiper-slide .img img { width: 100%; height: auto;}
	.prolsts li .msg p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.prostow .top .msg li { width: calc(100% / 2); margin-top: 15px;}
	.prostow .lsts li .msg { float: none; width: calc(100% - 50px);}	
	.prostow .lsts li .msg .nr p { height: auto; overflow: inherit; -webkit-line-clamp: inherit;}
	.prostow .lsts li .img { float: none; width: 100%; height: auto;}
	.prostow .lsts li .img p { height: auto;}
	.prostow .lsts li .img img { width: 100%; height: auto;}
	.prolsts li { width: 100%; margin-right: 0;}
	.prolsts li:last-child { margin-bottom: 0;}
	.prosnoe .top li a { line-height: 35px; font-size: 14px; padding: 0 15px;}
	.prosnoe .top li.on a { font-size: 16px;}
	.tkuang .cloes { right: 0;}
	.prostow .top .msg .info { line-height: 25px; font-size: 12px; margin: 15px 0;}
	.proshow .top .imgs,
	.proshow .top .imgs .swiper-slide p,
	.proshow .top .imgs .swiper-slide img { height: auto;}
	.proshow .top .msg { padding-top: 0;}
	.proshow .msgs .tabs { height: 40px; margin-bottom: 20px;}
	.proshow .msgs .tabs a { line-height: 40px; font-size: 14px; margin: 0 10px;}
	.proshow .msgs .tabs a::after { height: 2px;}
	.proshow .msgs .tabsFix { top: 110px;}
	.proshow .msgs h1 { font-size: 16px;}
	.proshow .msgs .cpys li { width: 100%; margin-right: 0;}
	.newpics li { width: calc(100% / 2 - 5px); margin: 0 10px 15px 0;}
	.newpics li:nth-child(3n) { margin-right: 10px;}
	.newpics li:nth-child(2n) { margin-right: 0;}
	.newpics li .img,
	.newpics li .img img { height: 115px;}
	.newpics li .msg h3 { height: 50px; line-height: 25px; font-size: 14px; overflow: hidden;}
	.newpics li .msg p { font-size: 12px;}
	.newlst li { padding-bottom: 15px; margin-bottom: 15px;}
	.newlst li .img,
	.newlst li .img img { width: 117px; height: 75px;}
	.newlst li .msg { width: calc(100% - 130px);}
	.newlst li .msg h3 { height: 30px; line-height: 25px; font-size: 16px;}
	.newlst li .msg span,
	.newlst li .msg i { display: none;}
	.vidotop { width: calc(100% - 40px); height: auto; padding: 30px 20px; margin-bottom: 25px; background-size: cover;}
	.vidotop .msg { float: none; width: 100%;}
	.vidotop .msg span { line-height: 25px; font-size: 12px;}
	.vidotop .msg h3 { line-height: 40px; font-size: 28px;}
	.vidotop .msg p { line-height: 22px; font-size: 12px; margin-top: 20px;}
	.vidotop .aniu { float: none; margin: 30px auto; transform: scale(0.8,0.8);}
	.vidolst li { width: calc(100% / 2 - 10px); margin: 0 15px 20px 0;}
	.vidolst li:nth-child(3n) { margin-right: 15px;}
	.vidolst li:nth-child(2n) { margin-right: 0;}
	.vidolst li .img,
	.vidolst li .img img { height: 95px;}
	.softop li { height: 40px; margin: 0 10px;}
	.softop li a { line-height: 40px; padding: 0 20px;}	
	.softlst li { height: 50px; line-height: 50px;}
	.softlst li span,
	.softlst li h3,
	.softlst li b { font-size: 12px;}
	.softlst li b i { width: 20px; font-size: 16px; margin-top: 13px;}
	.softlst li span { width: 90px;}
	.softlst li h3 { width: calc(100% - 175px); margin-right: 20px;}
	.softlst li b { width: 55px;}
	.show_h3 h3 { line-height: 35px; font-size: 22px; margin-bottom: 5px;}
	.show_h3 p { float: none; font-size: 12px;}
	.show_h3 p span i { font-size: 16px; top: 1px;}
	.show_h3 .share { float: none; width: 100%; margin-top: 10px;}
	.show_h3 .share li { margin: 0 10px 0 0;}
	.show_sxp { margin-top: 15px; padding-top: 15px;}
	.show_sxp p { float: none !important; width: 70%;}
	.show_sxp p span { display: inline; color: #999; padding: 0 10px 0 15px;}
	.show_sxp .fr { text-align: left;}
	.show_sxp .fr span::after { border-left: 1px solid #333; border-bottom: 1px solid #333; left: 5px; border-right: none !important; border-top: none !important; left: 5px; right: auto;}
	.show_sxp .aniu { display: none;}
	.investor .ban1 .rgt li span { font-size: 12px;}
	.investor .ban1 .rgt li h3 { height: 25px; line-height: 25px; font-size: 20px;}
	.investor .ban1 .rgt p { font-size: 12px;}
	.investor .ban3 li { width: 100%; margin: 0 0 15px 0;}
	.investor .ban3 li .img,
	.investor .ban3 li .img img { width: 100%; height: auto; min-height: auto;}
	.investor .ban4 .tabs li { font-size: 14px; margin: 0 10px;}
	.investor .ban4 .lsts .top .img,
	.investor .ban4 .lsts .top .img img { width: 120px; height: 120px;}
	.investor .ban5 { padding: 25px 0;}
	.investor .ban5 .lft { float: none; width: 100%; padding-top: 0; margin-bottom: 20px;}
	.investor .ban5 .rgt { float: none; width: 100%;}
	.investor .ban5 .rgt li { height: 30px; line-height: 30px; font-size: 12px;}
	.investor .ban5 .rgt li i { width: 25px; height: 30px; line-height: 30px; font-size: 16px;}
	.teamlist li { width: calc(100% / 2 - 5px); padding-top: 20px; margin: 0 10px 10px 0;}
	.teamlist li:nth-child(4n) { margin-right: 10px;}
	.teamlist li:nth-child(3n) { margin-right: 10px;}
	.teamlist li:nth-child(2n) { margin-right: 0;}
	.teamlist li .img,
	.teamlist li .img img { width: 120px; height: 120px;}
	.teamlist li .msg h3 { height: 35px; line-height: 35px; font-size: 16px;}
	.teamlist li .msg span { margin: 10px 0;}
	.notics li a { padding: 10px;}
	.newthree li { width: 100%; margin: 0 0 15px 0;}
	.newthree li .img,
	.newthree li .img img { width: 100%; height: auto; min-height: auto;}
	.abouts .ban1 .lft { width: auto;}
	.abouts .ban1 .lft h1 { line-height: 40px; font-size: 22px;}
	.abouts .ban1 .lft p { line-height: 25px; font-size: 12px; margin-bottom: 10px;}
	.abouts .ban1 .lft span { font-size: 16px;}
	.abouts .ban1 .lft span b { font-size: 22px; margin-left: 5px;}
	.abouts .ban1 .lft span::after { width: 60%;}
	.abouts .ban1 .botm { margin: 0;}
	.abouts .ban1 .botm li { width: calc(100% / 2); margin: 5px 0;}
	.abouts .ban2 { height: auto; padding: 20px 0 40px 0;}
	.abouts .ban2 .aniu { float: none; margin: 0 auto; transform: scale(0.4,0.4);}
	.abouts .ban2 .msg { float: none; text-align: center; margin: 0;}
	.abouts .ban2 .msg h3 { font-size: 28px; letter-spacing: 0;}
	.abouts .ban3 .swiper-container { height: 300px;}
	.abouts .ban3 .swiper-slide { height: 220px;}
	.abouts .ban3 .swiper-slide .img { height: 220px;}
	.abouts .ban3 .swiper-slide .img img { width: 100%; height: 220px;}
	.abouts .ban3 .swiper-slide .img p { font-size: 12px;}
	.abouts .ban4 { padding-bottom: 20px;}
	.abouts .ban4 .nrs li { width: calc(100% - 20px) !important; text-align: left !important; padding: 0 0 20px 10px; margin-bottom: 40px; border-bottom: 1px solid rgba(255,255,255,0.1); position: relative !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important;}
	.abouts .ban4 .nrs li::after { width: 50px; height: 50px; transform: rotate(0deg) !important; left: 0 !important; top: -10px !important; right: 0 !important; bottom: 0 !important;}
	.abouts .ban4 .nrs li h3 i { float: left; top: 0;}
	.abouts .ban4 .nrs li p { color: rgba(255,255,255,0.65);}
	.abouts .ban4 .nrs .img { width: 60px; height: 60px; background-size: 80%;}
	.abouts .ban5 .preview { margin: 40px 0 20px 0;}
	.abouts .ban5 .preview .swiper-slide { width: 100px;}
	.abouts .ban5 .preview .swiper-button-prev,
	.abouts .ban5 .preview .swiper-button-next { transform: scale(0.7,0.7);}
	.abouts .ban5 .preview .swiper-button-prev { left: -10px;}
	.abouts .ban5 .preview .swiper-button-next { right: -10px;}
	.abouts .ban5 .view { padding-bottom: 30px;}
	.abouts .ban6 .msg li { width: 50% !important; padding: 0; margin-bottom: 10px;}	
	.abouts .ban6 .maps li { transform: scale(0.5);}

	.abouts .ban6 .maps .mp1 { left: 15%; top: 32%;}
	.abouts .ban6 .maps .mp2 { left: 21%; top: 54%;}
	.abouts .ban6 .maps .mp3 { right: 32%; top: 44%;}
	.abouts .ban6 .maps .mp4 { right: 36%; top: 41%;}
	.abouts .ban6 .maps .mp5 { right: 32%; top: 39%;}
	.abouts .ban6 .maps .mp6 { right: 14%; top: 38%;}
	.abouts .ban6 .maps .mp7 { right: 18%; top: 35%;}
	.abouts .ban6 .maps .mp8 { right: 17%; top: 43%;}
	.abouts .ban6 .maps .mp9 { right: 21%; top: 33%;}
	.social .ban1 { padding: 25px 0;}
	.social .ban1 .swiper-slide .img,
	.social .ban1 .swiper-slide .img img { width: 100%; height: auto; min-height: auto;}
	.social .ban3 li { line-height: 30px;}
	.social .ban3 li::after { display: none;}
	.social .ban3 li i { width: 40px; height: 40px; line-height: 40px; font-size: 32px;}
	.social .ban4 { padding: 25px 0;}
	.social .ban4 .rgt .swiper-slide h3 { font-size: 12px; margin-top: 5px;}
	.contact .ban1 .msg h3 { height: 30px; line-height: 30px; font-size: 20px;}
	.contact .ban1 .msg p { display: none;}
	.contact .ban1 .msg .tel { height: auto; line-height: 30px; font-size: 12px;}
	.contact .ban1 .msg .tel i { width: 25px; height: 30px; line-height: 30px; font-size: 20px; margin-top: 2px;}
	.contact .ban1 .msg .tel b { display: inline-block; font-size: 16px;}
	.contact .ban1 .imgs li { margin: 0 20px 15px 0;}
	.contact .ban1 .imgs li img { width: 95px; height: 95px;}
	.contact .ban1 .bomt { margin-top: 5px;}
	.contact .ban3 .tabs { height: 40px; margin-bottom: 25px;}
	.contact .ban3 .tabs li { line-height: 40px; font-size: 12px; margin: 0 5px;}
	.contact .ban3 .swiper-slide li { float: none; width: 100%; height: auto; margin-right: 0; padding-right: 0;}
	.contact .ban4 .rgt li { width: calc(50% - 20px); margin: 0 40px 15px 0;}
	.contact .ban4 .rgt li span { font-size: 14px;}
	.contact .ban4 .rgt li input { height: 45px; line-height: 45px; font-size: 12px;}
	.jobs .ban1 .msg .comtit h3 { line-height: 30px; font-size: 22px; letter-spacing: 0;}
	.jobs .ban1 .msg .comtit::after { height: 2px;}
	.jobs .ban1 .msg li { float: none; width: 100%;}
	.jobs .ban2 { line-height: 40px; padding: 30px 0;}
	.jobs .ban2 h3 { font-size: 16px;}
	.jobs .ban3 { padding: 25px 0;}
	.jobs .ban3 .swiper-slide .img,
	.jobs .ban3 .swiper-slide .img img { height: auto;}
	.jobs .ban3 .more { display: block; width: 120px; height: 35px; line-height: 35px; font-size: 12px; margin: 20px auto 0 auto; border-radius: 20px;}
	.jobs .ban4 .chose .tags { width: calc(100% / 3 - 9px);}
	.jobs .ban4 .chose .tags:nth-child(3) { margin-right: 0;}
	.jobs .ban4 .chose .sechr { width: 100%; margin-top: 10px;}
	.jobs .ban4 .joblst li .top { height: auto; line-height: 25px; padding: 10px;}
	.jobs .ban4 .joblst li .top h3,
	.jobs .ban4 .joblst li .top span,
	.jobs .ban4 .joblst li .top p { float: none; width: calc(100% - 30px); padding: 0 15px;}
	.jobs .ban4 .joblst li .top span,
	.jobs .ban4 .joblst li .top p { font-size: 12px;}
	.jobs .ban4 .joblst li .botm .lft,
	.jobs .ban4 .joblst li .botm .rgt { float: none; width: 100%;}
	.show_h3 .share .social-share .icon-wechat .wechat-qrcode { left: 0;}
	.show_h3 .share .social-share .icon-wechat .wechat-qrcode::after { left: 15px;}
	.jobform li { width: 100%; margin: 0 0 10px 0;}
	.jobform li .nr { width: 60%;}
	.jobform li img { max-width: calc(40% - 12px); margin: 35px 0 0 10px;}	
	.piclist li { width: calc(100% / 2 - 5px); margin: 0 10px 10px 0;}
	.piclist li:nth-child(3n) { margin-right: 10px;}
	.piclist li:nth-child(2n) { margin-right: 0;}
	.piclist li .img { height: 115px;}
	.piclist li .img img { height: 115px;}
	.piclist li h3 { height: 25px; line-height: 25px; font-size: 12px;}
}