@import url("base.css");
:root {
	--a-color:#222;
	--a-hover-color:#e96f1d;
	--a1-color:#e96f1d;
	--a1-hover-color:#e96f1d;
	--text-color:#454545;
	--text-gray9:#999;
	--text-gray8:#808080;
	--text-gray6:#666;
	--text-font-size: 14px;
	--text-line-height: 1.8;
	--editorc-font-size: 16px;
	--editorc-line-height: 1.9;
}
body {position:relative;z-index:1;margin:0 auto;padding-top:90px;max-width:1903px;font-family:"微软雅黑", "Microsoft YaHei", Verdana, Arial;color:#505050;font-size:16px;overflow-x:hidden;}
input,select,button,textarea {font-family:"微软雅黑", "Microsoft YaHei", Verdana, Arial;font-size:14px;color:#222;resize:none;box-sizing:border-box;}
:-moz-placeholder {color:#aaa;}
::-moz-placeholder {color:#aaa;}
:-ms-input-placeholder {color:#aaa;}
::-webkit-input-placeholder {color:#aaa;}
a:link,a:visited,a:active {color:#222;text-decoration:none;}
a:hover {color:#e96f1d;text-decoration:none;}
a {outline:none;-moz-outline:none;blr:expression(this.onFocus=this.blur());}
.a1:link,.a1:visited,.a1:active {color:#e96f1d;text-decoration:none;}
.a1:hover {color:#e96f1d;text-decoration:none;}
.al:hover {text-decoration:underline;}
.als a:hover {text-decoration:underline;}
.flex-center {display:flex;align-items:center;justify-content:center;}
.flex-column {display:flex;flex-direction:column;justify-content:center;}
/*===================================================================================*/

#header {position: fixed; top: 0; left: 0; right: 0; z-index: 99; height:90px; background-color:rgba(255,255,255,0.85); transition: all 300ms;}
#header.fixed {height: 80px; box-shadow: 0 3px 6px rgba(0,0,0,0.2);}
#header.fixed .logo {height: 50px;}
#header.shadow {box-shadow: 0 3px 6px rgba(0,0,0,0.2);}
#header .wrap {position:relative;z-index:1; height:inherit; display: flex; align-items: center; justify-content: flex-end;}
#header .logo {position:absolute;top:50%;left:0;z-index:1;display:flex;flex-direction:column;justify-content:center;height:60px;font-size:0;transform:translateY(-50%);transition: 300ms;}
#header .logo img {max-height:100%;}
#header .ss {display: none; color:#8e8e93; font-weight: bold; cursor: pointer;}
#header .ss i {font-size: 18px;}
#header .ss:hover {color:#a31f24;}
#header .tiyan {padding-left: 25px; padding-right: 20px; height: 40px; line-height: 40px; color:#fff; font-size: 16px; border-radius: 20px; background-color:var(--a-hover-color);}
#header .tiyan i {margin-left: 5px; font-size: 14px;}

#header .nav {display: flex; margin-right: 70px; height: 100%;}
#header .nav li {display: flex; position:relative; height:100%; vertical-align: top;}
#header .nav li > a {display: flex; align-items: center; position:relative; padding-left: 32px; padding-right: 32px; height:100%; font-size: 16px; text-align:center; text-transform: uppercase;}
#header .nav li > a.nav_over {color:var(--a-hover-color); font-weight: bold;}
#header .nav li > a.nav_over::after {position: absolute; bottom: 20px; left: 50%; display: block; margin-left: -15px; width: 30px; height: 3px; background-color:var(--a-hover-color); content: '';}
#header .nav li:hover > a {color:var(--a-hover-color);}
#header .nav li:hover > p {display: block;}
#header .nav li > p {position: absolute; top: 100%; left: 50%; display: none; margin-left: -85px; padding-bottom: 12px; width: 170px; border-radius: 0 0 4px 4px; box-shadow: 0 8px 8px rgba(0,0,0,0.2); background-color:rgba(255,255,255,0.85);}
#header .nav li > p a {display: block; padding: 6px; font-size: 14px; text-align: center;}

#search {position:absolute;right:0;z-index:1;padding:5px 20px 15px 20px;width:360px;height:40px;box-shadow:0 0 10px rgba(0,0,0,0.2);background-color:#fff;transition:all ease-out 300ms;}
#search input {width:100%;height:40px;color:#333;border:none;border-bottom:1px solid #ddd;background:none;}
#search i {position:absolute;top:4px;right:15px;display:block;width:40px;height:40px;line-height:40px;color:#333;font-size:20px;text-align:center;cursor:pointer;}
#search.hide {top:0;opacity:0;visibility:hidden;}
#search.show {top:100%;opacity:1;visibility:visible;}

#mheader_menu, #mnav, #menu {display:none;}

#banner {position:relative;}
#banner .swiper-slide {position:relative;width:100%;font-size:0;}
#banner .swiper-slide img {width:100%;}
#banner .swiper-pagination {position:absolute;left:0;bottom:30px;width:100%;height:14px;font-size:0;text-align:center;}
#banner .swiper-pagination span {margin:0;width:14px;height:14px;font-size:0;border-radius:50%;background:rgba(0,0,0,0.3);opacity:1;overflow:hidden;}
#banner .swiper-pagination span.swiper-pagination-bullet {margin:0 7px;}
#banner .swiper-pagination span.swiper-pagination-bullet-active {opacity:1;background:var(--a-hover-color);}
#banner .cont {position: absolute; top: 0; left: 0; right: 0; z-index: 1; height: 100%; overflow: hidden;}
#banner .cont .wrap {position:relative; padding-top: 5%; padding-right: 50%; height: 100%; box-sizing: border-box;}
#banner .cont h2 {color:#1a1a1a; font-size: 54px; line-height: 1.4;}
#banner .cont p {margin-top: 20px; color:#454545; font-size: 18px; line-height: 1.8;}
#banner .cont .abtn {position: absolute; bottom: 15%; left: 0; z-index: 2; display: flex;}
#banner .cont .abtn a {width: 200px; height: 54px; line-height: 52px; color:#fff; text-align: center; font-size:18px; box-sizing: border-box; border-radius: 4px; border: 1px solid #126bf2; background-color: #126bf2; transition: 200ms;}
#banner .cont .abtn a:nth-child(2) {margin-left: 30px; color:#126bf2; background-color: #fff;}
#banner .cont .abtn a:hover {color:#fff; border-color:var(--a-hover-color); background-color:var(--a-hover-color);}
#banners {height: 500px; background-repeat: no-repeat; background-size: cover; background-position: center center;}

.wrap {margin-left:auto;margin-right:auto;width:1600px;box-sizing:border-box;}
#content {padding-bottom: 80px;}
#left {float:left;width:240px;}
#right {float:right;width:900px;overflow:hidden;}
#footer {color:rgba(255,255,255,0.4); background: url(../images/footer_bg.jpg) no-repeat center center/cover;}
#footer a {color:rgba(255,255,255,0.4);}
#footer a:hover {color:#fff;}
#footer .fjs {display: flex; padding: 35px 70px; border-bottom: 1px solid #454853;}
#footer .fjs dd {display: flex; align-items: center; width: 25%; color:#fff; font-size: 18px;}
#footer .fjs dd div {margin-right: 20px; width: 58px; height: 58px; font-size: 0; line-height: normal; text-align: center; border-radius: 50%; border: 1px solid rgba(255,255,255,0.3);}
#footer .fjs dd div span {max-height: 36px;}
#footer .fjs dd div img {max-width: 100%; max-height: 100%;}
#footer .info {display: flex; padding-top: 60px; padding-bottom: 60px; font-size: 16px;}
#footer .flogo {flex: 0 0 auto; width: 240px; box-sizing: border-box;}
#footer .flogo .logo {font-size: 0;}
#footer .flogo .logo img {max-width: 100%;}
#footer .flogo .logo p {margin-top: 25px; color:#fff; font-size: 16px;}
#footer .flogo .weixin {margin-top: 40px;}
#footer .flogo .weixin a {display: inline-block; position: relative; margin-right: 20px; width: 48px; height: 48px; line-height: 48px; text-align: center; vertical-align: top; border-radius: 50%; border: 1px solid #bcbcbc;}
#footer .flogo .weixin a:last-child {margin-right: 0;}
#footer .flogo .weixin a i {font-size: 28px;}
#footer .flogo .weixin a i.icon-qq {font-size: 26px;}
#footer .flogo .weixin a img {position: absolute; top: 100%; left: 0; padding: 5px; width: 135px; height: 135px; visibility: hidden; box-sizing: border-box; border-radius: 4px; background-color: #fff; transform: translateY(20px);}
#footer .flogo .weixin a:hover {border-color:#fff;}
#footer .flogo .weixin a:hover img {visibility: visible;}
#footer .fnav {flex: 1 1 auto; display: flex; justify-content: space-between; margin-left: 150px; margin-right: 120px;}
#footer .fnav dd h3 {margin-bottom: 30px; color:#fff; font-size: 18px; font-weight: normal;}
#footer .fnav dd ul {max-width: 180px;}
#footer .fnav dd ul li:not(:first-child) {margin-top: 16px;}
#footer .fnav dd div {display: flex;}
#footer .fnav dd div ul {width: 120px;}
#footer .lxfs {flex: 0 0 auto; width: 320px; box-sizing: border-box;}
#footer .lxfs h3 {color:#fff; font-size: 18px; font-weight: normal;}
#footer .lxfs .tel {margin-top: 20px; font-family: arial; font-size: 36px; color:#bcbcbc; line-height: 1;}
#footer .lxfs .tel a {color:#bcbcbc;}
#footer .lxfs .yxdz {margin-top: 20px;}
#footer .lxfs .yxdz p {padding-left: 35px; background-repeat: no-repeat;}
#footer .lxfs .yxdz .email {background-image: url(../images/icon-email.png); background-position: 0 4px;}
#footer .lxfs .yxdz .address {margin-top: 15px; background-image: url(../images/icon-address.png); background-position: 3px 1px;}
#footer .lxfs .qrcode {display: flex; align-items: center; margin-top: 25px;}
#footer .lxfs .qrcode img {flex: 0 0 auto; padding: 5px; width: 135px; height: 135px; box-sizing: border-box; border-radius: 4px; background-color: #fff;}
#footer .lxfs .qrcode p {margin-left: 20px; color:#bcbcbc; line-height: 2;}
#footer .copyright {padding-top: 20px; padding-bottom: 20px; color:#bcbcbc; font-size: 14px; line-height: 1.8; border-top: 1px solid #454853; border-bottom: 1px solid #454853;}
#footer .copyright a {color:#bcbcbc;}
#footer .copyright a:hover {color:#fff;}

@keyframes izoom {
	0%{transform:scale(1);}
	50%{transform:scale(1.02);}
	100%{transform:scale(1);}
}
@-webkit-keyframes izoom {
	0%{transform:scale(1);}
	50%{transform:scale(1.02);}
	100%{transform:scale(1);}
}

#wlogin {position: fixed; inset: 0; z-index: 999; visibility: hidden;}
#wlogin .bg {position: fixed; inset: 0; z-index: -1; background-color: rgba(0,0,0,0.4); opacity: 0; transition: opacity 500ms;}
#wlogin .container {width: 100%; height: 100%;}
#wlogin .cont {margin-top: -20%; padding: 25px 20px; width: 360px; opacity: 0; box-sizing: border-box; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.3); background-color:#fff; transition: 500ms;}
#wlogin .cont .tis {position: relative; padding-bottom: 10px;}
#wlogin .cont .tis h3 {font-size: 20px; color:#000; line-height: 1;}
#wlogin .cont .tis i {position: absolute; top: 0; right: 0; cursor: pointer;}
#wlogin .cont .items {margin-top: 20px;}
#wlogin .cont .items p {margin-bottom: 8px; color:#000; font-size: 14px; font-weight: bold;}
#wlogin .cont .items input {width: 100%; height: 40px; border-radius: 3px; border: 1px solid #d2d2d2;}
#wlogin .cont .items input:focus {border-color: #aaa; box-shadow: 0 0 6px rgba(0,0,0,0.2);}
#wlogin .cont .btns {margin-top: 20px;}
#wlogin .cont .btns .button {width: 100%;}

/*===================================================================================*/

#iysjs {background-color: #cbd5de;}
#iysjs dl {display: flex; align-items: center; justify-content: space-between; padding-top: 20px; padding-bottom: 20px; min-height: 150px; box-sizing: border-box;}
#iysjs dl dd {display: flex; align-items: center; max-width: 22.75%; color:#fff;}
#iysjs dl dd img {flex: 0 0 auto; width: 74px; transition: transform ease-out 600ms;}
#iysjs dl dd div {margin-left: 20px;}
#iysjs dl dd div h3 {font-size: 18px;}
#iysjs dl dd div p {margin-top: 5px; line-height: 1.6;}
#iysjs dl dd:hover img {transform: rotateY(360deg); /*animation: izoom 800ms linear;animation-fill-mode: forwards;*/}

.itis {padding-top: 100px; text-align: center;}
.itis h2 {color:#000; font-size: 38px; line-height: 1;}
.itis p {margin-top: 20px; color:#666;}

#ipros .wrap {padding-bottom: 100px;}
#ipros .cont {display: grid; grid-template-columns: repeat(5,1fr); gap: 25px; margin-top: 50px;}
#ipros .cont a {position: relative; height: 368px; box-sizing: border-box; border-radius: 5px; border: 1px solid #d1e1fb; background-color: #eff8ff; overflow: hidden;}
#ipros .cont a .text {position: absolute; top: 0; left: 0; z-index: 2; padding: 34px 24px 100px 24px; width: 100%; height: 100%; box-sizing: border-box;}
#ipros .cont a .text h2 {color:#000; font-size: 20px;}
#ipros .cont a .text p {margin-top: 20px; color:#666; font-size: 15px; line-height: 1.8; -webkit-line-clamp:6;}
#ipros .cont a .text span {position: absolute; left: 24px; bottom: 35px; display: flex; align-items: center; justify-content: center; width: 128px; height: 40px; color:#80b1f8; font-size: 15px; border: 1px solid #80b1f8;}
#ipros .cont a .text span i {margin-left: 10px; font-size: 18px;}
#ipros .cont a .icon {position: absolute; bottom: 10px; right: 20px; z-index: 1; width: 90px; height: 90px; font-size: 0; text-align: right;}
#ipros .cont a .icon img {max-width: 100%;}
#ipros .cont a .more {align-items: center; width: 100%; height: 100%; text-align: center;}
#ipros .cont a .more h4 {color:#000; font-size: 20px;}
#ipros .cont a .more span {display: flex; align-items: center; justify-content: center; margin-top: 20px; width: 128px; height: 40px; color:#fff; font-size: 15px; background-color:#e96f1d;}
#ipros .cont a .more span i {margin-left: 10px; font-size: 18px;}
#ipros .cont a:hover {border-color:#e96f1d;}
#ipros .cont a:hover .text {background-color:#e96f1d;}
#ipros .cont a:hover .text h2, #ipros .cont a:hover .text p {color:#fff;}
#ipros .cont a:hover .text span {color:#e96f1d; border-color: #fff; background-color: #fff;}
#ipros .cont a:hover .icon {z-index: 10; opacity: 0.3;}
#ipros .cont a:hover .more {background-color:#e96f1d;}
#ipros .cont a:hover .more h4 {color:#fff;}
#ipros .cont a:hover .more span {color:#e96f1d; border-color: #fff; background-color: #fff;}

#irjts {background: url(../images/irjts_bg.jpg) no-repeat center center/cover;}
#irjts .itis {padding-top: 75px;}
#irjts .cont {padding-top: 80px; padding-bottom: 100px; font-size: 0; text-align: center;}
#irjts .cont img {max-width: 100%;}
#irjts .cont img:hover {animation: izoom 800ms linear 2;}

#iywxq .cont {display: flex; padding-top: 80px; padding-bottom: 100px;}
#iywxq .cont li {flex: 1; position: relative; margin-right: 10px; padding-top: 34.375%; font-size: 0; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; transition: all 400ms; overflow: hidden;}
#iywxq .cont li:last-child {margin-right: 0;}
#iywxq .cont li::after {position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); content: ''; transition: all 400ms;}
#iywxq .cont li h2 {position: absolute; top: 75%; left: 20px; right: 20px; z-index: 2; color: #fff; font-size: 20px; text-align: center; line-height: 1.6; text-shadow: 1px 1px 2px #000; transition: all 400ms;}
/*
#iywxq .cont li h2 {position: absolute; top: 8%; left: 0; z-index: 2; color: #fff; font-size: 30px; opacity: 0; visibility: hidden; transition: all 400ms;}
#iywxq .cont li h3 {position: absolute; top: 75%; left: 20px; right: 20px; z-index: 2; color: #fff; font-size: 20px; text-align: center; line-height: 1.6; transition: all 400ms;}
#iywxq .cont li.active h3 {top: 100%; opacity: 0; visibility: hidden;}
*/
#iywxq .cont li.active {flex: 4.266;}
#iywxq .cont li.active::after {opacity: 0; visibility: hidden;}
#iywxq .cont li.active h2 {top: 8%; left: 8%; right: auto; font-size: 30px;}

#iwhy {background: url(../images/iwhy_bg.jpg) no-repeat center center/cover;}
#iwhy .wrap {padding-bottom: 100px;}
#iwhy .itis h2, #iwhy .itis p {color:#fff;}
#iwhy .cont {display: flex; margin-top: 75px; padding: 60px 0; background-color: #fff;}
#iwhy .cont li {padding-left: 35px; padding-right: 35px; width: 25%; text-align: center; box-sizing: border-box;}
#iwhy .cont li div {height: 110px; font-size: 0;}
#iwhy .cont li div span {max-height: 100%;}
#iwhy .cont li div img {max-height: 100%; transition: transform ease-out 500ms;}
#iwhy .cont li h3 {margin-top: 25px; margin-bottom: 15px; color:#000; font-size: 20px;}
#iwhy .cont li p {color:#666; line-height: 1.8;}
#iwhy .cont li:hover div img {transform: rotateY(360deg);}

#ijjfa {background: url(../images/ijjfa_bg.jpg) no-repeat center center/cover;}
#ijjfa .cont {padding-top: 20px; padding-bottom: 30px; font-size: 0; text-align: center;}
#ijjfa .cont img {max-width: 100%;}
#ijjfa .cont img:hover {animation: izoom 800ms linear 2;}

#iljlx {font-size: 0;}
#iljlx img {width: 100%;}
#iljlx img:hover {animation: izoom 800ms linear 2;}

#ikehu .cont {display: flex; justify-content: space-between; padding-top: 70px; padding-bottom: 100px;}
#ikehu .cont div {display: flex; align-items: flex-start; justify-content: space-between;}
#ikehu .cont h3 {flex: 0 0 auto; display: flex; align-items: center; justify-content: center; position: relative; margin-top: 55px; margin-right: 65px; width: 190px; height: 160px; color:#fff; font-size: 28px; border-radius: 5px; background-color:#e96f1d;}
#ikehu .cont h3::after {position: absolute; top: 50%; left: 100%; display: block; width: 20px; height: 24px; background-color:#e96f1d; content: ''; transform: translateY(-50%); -webkit-clip-path: polygon(0 0, 0 100, 100% 50%); clip-path: polygon(0 0, 0 100%, 100% 50%);}
#ikehu .cont ul {flex: 1 1 auto; display: flex; justify-content: space-between;}
#ikehu .cont ul li {width: 154px; font-size: 0; text-align: center;}
#ikehu .cont ul li img {width: 140px; height: 140px; border-radius: 50%; transition: ease-out 400ms;}
#ikehu .cont ul li p {margin-top: 20px; color:#333; font-size: 16px; line-height: 1.8;}
#ikehu .cont ul li p span {display: block;}
#ikehu .cont ul li:hover img {box-shadow: 0 0 12px rgba(100,100,100,0.6);}
#ikehu .cont .kehu1 {width: 54.18%;}
#ikehu .cont .kehu2 {width: 39.37%;}
#ikehu .cont .kehu2 h3 {background-color:#126bf2;}
#ikehu .cont .kehu2 h3::after {background-color:#126bf2;}

#ihzhb {background-color: #e1f2ff;}
#ihzhb .cont {display: grid; grid-template-columns: repeat(6,1fr); gap: 30px 20px; padding-top: 70px; padding-bottom: 100px;}
#ihzhb .cont .flex-column {padding: 12px; height: 100px; font-size: 0; text-align: center; box-sizing: border-box; border-radius: 14px; background-color: #fff; overflow: hidden;}
#ihzhb .cont .flex-column span {max-height: 100%;}
#ihzhb .cont .flex-column img {max-width: 100%; max-height: 100%; transition: transform ease-out 500ms;}
#ihzhb .cont .flex-column:hover img {transform: scale(1.08);}

#iflx {background: url(../images/iflx_bg.jpg) no-repeat right center/cover;}
#iflx .wrap {padding-top: 88px; padding-bottom: 70px; color:#fff;}
#iflx .wrap h3 {font-size: 30px; line-height: 1.6;}
#iflx .wrap a {display: inline-block; margin-top: 20px; width: 180px; height: 45px; line-height: 45px; color:#e86f1d; font-size: 18px; font-weight: bold; text-align: center; border-radius: 22px; background-color: #fff;}

/*===================================================================================*/

.ltis {
	height:44px;
	color:#333;
	font-size:24px;
	font-weight:normal;
	border-bottom:1px solid #e5e5e5;
}
.lmenu {margin-bottom:30px;}
.lmenu dd > a {
	display:block;
	padding:14px 10px 15px 28px;
	border-bottom:1px solid #e5e5e5;
	background:url(../images/ico1.gif) no-repeat 12px 21px;
}
.lmenu dd a.left_menu_cur {color:#ff0000;}
.lmenu dd a.left_menu_curs {color:#ff0000;}

.lmenu ul {padding:5px 0px 15px 0px;border-bottom:1px solid #e5e5e5;}
.lmenu ul li {position:relative;padding:8px 0px 0px 28px;font-size:12px;}
.lmenu ul li span {position:absolute;top:16px;left:14px;display:block;width:3px;height:3px;background:#aaa;}
.lcontact {padding:8px 0px 0px 0px;line-height:1.8;}

/*===================================================================================*/

.nodata {padding:150px 0px;color:#999;font-size:18px;text-align:center;}
#bnav {
	position:relative;
	height:44px;
	color:#bbb;
	font-size:12px;
	text-align:right;
	line-height:50px;
	border-bottom:1px solid #e5e5e5;
	overflow:hidden;
}
#bnav a {color:#bbb;}
#bnav a:hover {color:#000;}
#bnav strong {color:#ff0000;font-weight:normal;}
#bnav h2 {position:absolute;top:0;left:0;color:#ff0000;font-size:24px;font-weight:normal;line-height:normal;}

#bnav-m {display:none;padding:8px 4%;color:#999;font-size:12px;border-bottom:1px solid #eee;background-color:#f2f2f2;}
#bnav-m a {color:#999;}
#bnav-m i {margin:0 6px;font-size:10px;}
#bnav-m strong {color:#a31f24;font-weight:normal;}
#bname-m {position:relative;display:none;background-image: url(../images/header_bg.jpg);overflow:hidden;}
#bname-m h2 {padding:12px 60px 12px 4%;color:#fff;font-size:18px;}
#bname-m span {position:absolute;top:50%;right:4%;margin-top:-4px;display:block;border:8px solid transparent;border-top-color:#fff;transition:none;}
#bname-m span.active {margin-top:-12px;border-top-color:transparent;border-bottom-color:#fff;}
#bmenu-m {display:none;width:100%;background-image: url(../images/header_bg.jpg);transition:none;}
#bmenu-m a {position:relative;display:block;padding:10px 40px 10px 4.2%;color:#fff;font-size:14px;border-top:1px solid rgba(100,100,100,0.2);}
#bmenu-m a:before {display:inline-block;margin-right:10px;width:4px;height:4px;content:"";vertical-align:middle;border-radius:50%;background-color:#fff;transform:translateY(-1.5px);}
#bmenu-m a i {position:absolute;top:50%;right:4%;margin-top:-7px;color:#fff;font-size:14px;}
#bmenu-m a.curt {color:#a31f24;}
#bmenu-m a.curt:before {background-color:#a31f24;}
#bmenu-m a.subs {padding-left:8%;}
#bmenu-m a.subs:before {display:none;}
#bmenu-m a.thds {padding-left:14%;}

.input_text {padding:0px 8px;width:280px;height:34px;box-sizing:border-box;border:1px solid #ddd;}
.input_area {padding:6px 8px;height:176px;line-height:1.6;box-sizing:border-box;border:1px solid #ddd;resize:none;overflow-y:auto;}
.input_select {padding:0 0 0 8px;height:34px;box-sizing:border-box;border:1px solid #ddd;}
.input_radio {position:relative;top:1px;}
.input_checkbox {position:relative;top:1px;}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.input_radio {position:relative;top:3px;width:15px;height:15px;}
	.input_checkbox {position:relative;top:3px;width:15px;height:15px;}
}
.button {width:150px;height:40px;color:#fff;font-size:14px;box-sizing:border-box;border:none;border-radius:4px;background-color:var(--a-hover-color);cursor:pointer;}

.editorc_nrs {padding-top:50px;width:100%;box-sizing:border-box;overflow:hidden;}
.editorc_box {padding-top:2.5%;width:100%;box-sizing:border-box;overflow:hidden;}
.editorc {line-height:1.9;}
.editorc p {margin-bottom:20px;}
.editorc p:last-child {margin-bottom:0px;}
.editorc a {text-decoration:underline;}
.editorc hr {padding-bottom:4px;border:0px;border-top:1px solid #ccc;}
.editorc h1,.editorc h2,.editorc h3,.editorc h4,.editorc h5,.editorc h6 {padding:9px 0px;font-weight:bold;line-height:1.4;}
.editorc ul {margin-bottom:20px;padding-left:1.4em;}
.editorc ul:last-child {margin-bottom:0px;}
.editorc ul li {list-style-type:disc;}
.editorc ol {margin-bottom:20px;padding-left:1.5em;}
.editorc ol li {list-style-type:decimal;}
.editorc ol:last-child {margin-bottom:0px;}
.editorc table.border {margin-bottom:20px;border:none;border-top:1px solid #ddd;border-left:1px solid #ddd;}
.editorc table.border td,.editorc table.border th {padding:6px 5px;border:none;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.editorc table.border td table {margin-bottom:0px;}
.editorc table.border td p {margin:0px;padding:0px;}
.editorc table.border th p {margin:0px;padding:0px;}

.editorc2 {line-height:1.9;}
.editorc2 img {vertical-align:top;}
.editorc2 a {text-decoration:underline;}
.editorc2 hr {padding-bottom:4px;border:0px;border-top:1px solid #ccc;}
.editorc2 h1,.editorc2 h2,.editorc2 h3,.editorc2 h4,.editorc2 h5,.editorc2 h6 {padding:9px 0px;font-weight:normal;line-height:1.2;}
.editorc2 ul {margin-bottom:20px;padding-left:1.4em;}
.editorc2 ul:last-child {margin-bottom:0px;}
.editorc2 ul li {list-style-type:disc;}
.editorc2 ol {margin-bottom:20px;padding-left:1.5em;}
.editorc2 ol li {list-style-type:decimal;}
.editorc2 ol:last-child {margin-bottom:0px;}

.editorc_tbe table {margin-bottom:20px;border:none;border-top:1px solid #ddd;border-left:1px solid #ddd;}
.editorc_tbe td, .editorc_tbe th {padding:6px 5px;border:none;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.editorc_tbe td table {margin-bottom:0px;}
.editorc_tbe td p,.editorc_tbe th p {margin:0px;padding:0px;}
.editorc_tbe table.no-border {border:none;}
.editorc_tbe table.no-border table {border:none;}
.editorc_tbe table.no-border td {border:none;padding:0px;}
.editorc_tbe table.no-border th {border:none;padding:0px;}

#prevnext {position:relative;margin-top:4%;padding:15px 150px 0 0;color:#999;font-size:14px;border-top:1px dashed #ccc;overflow:hidden;}
#prevnext p {height:25px;}
#prevnext_back {position:absolute;top:18px;right:0;display:block;padding:8px 15px 8px 10px;color:#222;background-color:#eee;}
#prevnext_back i {margin-right:5px;font-size:14px;}
#prevnext_back:hover {color:#fff;background-color:var(--a-hover-color);}

/*===================================================================================*/
/* 产品列表 */

#pros-banner {height: 240px; background-repeat: no-repeat; background-size: cover; background-position: center center;}
#pros-banner .wrap {display: flex; flex-direction: column; justify-content: center; height: 100%; overflow: hidden;}
#pros-banner h2 {color:#000; font-size: 24px; line-height: 1;}
#pros-banner p {margin-top: 12px; margin-bottom: 15px; color:#666; font-size: 14px; line-height: 1.6;}
#pros-banner span {display: flex;}
#pros-banner span a {padding: 0 30px; height: 35px; line-height: 35px; color:#fff; font-size: 14px; border-radius: 4px; background-color: #e7650e;}

#pros-bnav {border-bottom: 1px solid #ededed;}
#pros-bnav .wrap {display: flex; justify-content: center;}
#pros-bnav a {position: relative; padding: 25px 25px 20px 25px; color:#333; font-size: 18px;}
#pros-bnav a:not(:last-child) {margin-right: 100px;}
#pros-bnav a:hover {color:#e7650e;}
#pros-bnav a.curt {color:#e7650e; font-weight: bold;}
#pros-bnav a.curt::after {position: absolute; bottom: -1px; left: 0; right: 0; display: block; height: 3px; background-color: #e7650e; content: '';}

#pros .rows:nth-child(even) {background-color: #f5f6fc;}
#pros .wrap {display: grid; align-items: center; position: relative; padding-top: 80px; padding-bottom: 80px;}
#pros .wrap > span {position: absolute; top: -80px; left: 0;}
#pros .rows:nth-child(odd) .wrap {grid-template-columns: 680px auto;}
#pros .rows:nth-child(odd) .imgs {grid-row: 1/1; grid-column: 1/2;}
#pros .rows:nth-child(odd) .text {grid-row: 1/1; grid-column: 2/3; margin-left: 70px;}
#pros .rows:nth-child(even) .wrap {grid-template-columns: auto 680px;}
#pros .rows:nth-child(even) .text {margin-right: 70px;}
#pros .rows .imgs {font-size: 0;}
#pros .rows .imgs img {max-width: 100%; transition: transform ease-out 500ms;}
#pros .rows .text h2 {color:#000; font-size: 36px; font-weight: normal; line-height: 1.4;}
#pros .rows .text p {margin-top: 20px; font-size: 18px; line-height: 2;}
#pros .rows:hover .imgs img {transform: scale(1.05);}

#ywjgt {padding: 80px 0; background-color: #f5f6fb;}
#ywjgt .wrap {padding: 1px 50px 100px 50px; border-radius: 5px; box-shadow: 0 0 20px rgba(157,164,200,0.3); background-color: #fff;}
#ywjgt .name {padding-top: 80px; color:#000; font-size: 32px; line-height: 1; text-align: center;}
#ywjgt .editorc {margin-top: 60px;}

/*===================================================================================*/
/* 新闻列表 */

#news .wrap {display: flex; flex-flow: row wrap; justify-content: space-between; padding-top: 70px; padding-bottom: 80px; width: 1200px;}
#news .tis {margin-bottom: 45px; padding-bottom: 15px; width: 100%; color:#333; font-size: 26px; text-align: center; border-bottom: 1px solid #e8e8e8;}
#news .contl {padding: 35px; width: 73%; background-color:#fff; box-sizing: border-box; border-radius: 3px; box-shadow: 0 0 14px rgba(0, 0, 0, 0.10);}
#news .contr {width: 25%;}
#news .list li {display: flex; flex-flow: row wrap; padding-top: 28px; padding-bottom: 20px; border-bottom: 1px solid #dfdfdf;}
#news .list li:first-child {padding-top: 0;}
#news .list li .imgs {width: 240px; font-size: 0; overflow: hidden;}
#news .list li .imgs img {width: 100%;}
#news .list li .text {padding-top: 12px; padding-left: 30px; width: calc(100% - 240px); box-sizing: border-box;}
#news .list li .text h2 {font-size: 18px; font-weight: normal;}
#news .list li .text p {margin-top: 10px; color:#7a7a7a; font-size: 14px; line-height: 1.8;}
#news .list li .info {display: flex; justify-content: space-between; margin-top: 10px; width: 100%; font-size: 14px;}
#news .list li .info a {color:#3168ea;}
#news .list li .info a:hover {color:var(--a-hover-color);}

#news .conts {padding: 25px 30px; box-sizing: border-box; border-radius: 3px; box-shadow: 0 0 14px rgba(0, 0, 0, 0.10); background-color:#fff;}
#news .conts h3 {padding-bottom: 20px; color:#333; font-size:24px; font-weight: normal; text-align: center; line-height: 1; border-bottom: 2px solid #dfdfdf;}
.rmzx ul li {margin-top: 15px; padding-left: 25px; font-size: 14px; background: url(../images/hotnews4.svg) no-repeat left center; background-size: auto 18px;}
.rmzx ul li:nth-child(1) {background-image: url(../images/hotnews1.svg);}
.rmzx ul li:nth-child(2) {background-image: url(../images/hotnews2.svg);}
.rmzx ul li:nth-child(3) {background-image: url(../images/hotnews3.svg);}

#wzds {background-color: #f5f7f9;}
#wzds .wrap {display: flex; justify-content: space-between; padding-top: 30px; padding-bottom: 60px; width: 1200px;}
#wzds .contl {padding: 35px; width: 73%; box-sizing: border-box; box-shadow: 0 0 14px rgba(0, 0, 0, 0.10); background-color:#fff;}
#wzds .contr {width: 25%;}
#wzds .conts {padding: 25px 30px; box-sizing: border-box; border-radius: 3px; box-shadow: 0 0 14px rgba(0, 0, 0, 0.10); background-color:#fff;}
#wzds .conts h3 {padding-bottom: 20px; color:#333; font-size:24px; font-weight: normal; text-align: center; line-height: 1; border-bottom: 2px solid #dfdfdf;}
#wzds .info {padding-bottom: 10px; border-bottom: 1px dashed #ccc;}
#wzds .info h1 {color:#222; font-size: 24px; font-weight: normal; line-height: 1.5;}
#wzds .info div {display: flex; flex-flow: row wrap; color:#454545; font-size: 12px;}
#wzds .info div p {margin-top: 10px;}
#wzds .info div p:not(:last-child) {margin-right: 25px;}
#wzds .info div p span {color:#333; font-weight: bold;}
#wzds .editorc {margin-top: 3%; font-size: 14px; line-height: 1.8;}

/*===================================================================================*/
/* 解决方案 */

#jjfa .wrap {width: 1200px;}
#jjfa .rmfa .cont {display: flex; padding-top: 24px;}
#jjfa .rmfa .cont dd {flex: 1; position: relative; margin-top: 16px; margin-right: 16px; height: 200px; background-repeat: no-repeat; background-size: cover; transition: all ease-in-out 600ms; overflow: hidden;}
#jjfa .rmfa .cont dd:nth-child(3n) {margin-right: 0;}
#jjfa .rmfa .cont dd::after {position: absolute; inset: 0; z-index: 1; display: block; background-color: rgba(0,0,0,0.3); content: '';}
#jjfa .rmfa .cont dd .text {position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; padding: 0 24px 30px 24px; color:#fff; transition: all ease-in-out 600ms;}
#jjfa .rmfa .cont dd .text h3 {font-size: 18px; line-height: 1.5;}
#jjfa .rmfa .cont dd .text p {margin-top: 10px; height: 0; line-height: 21px; font-size: 14px; opacity: 0; transition: all ease-in-out 600ms;}
#jjfa .rmfa .cont dd:hover {flex: 2;}
#jjfa .rmfa .cont dd:hover .text {padding-bottom: 20px;}
#jjfa .rmfa .cont dd:hover .text p {height: 42px; opacity: 1;}

#jjfa .qbfa .cont {display: flex; margin-top: 40px; margin-bottom: 80px;}
#jjfa .qbfa .l {flex: 0 0 auto; width: 230px;}
#jjfa .qbfa .l li {position: relative; padding: 20px 30px 20px 20px; color:#333; font-size: 16px; background-color: #f6f9fd; cursor: pointer;}
#jjfa .qbfa .l li i {position: absolute; top: 50%; right: 8px; margin-top: -7px; font-weight: normal; opacity: 0;}
#jjfa .qbfa .l li::before {position: absolute; top: 0; left: 0; bottom: 0; width: 2px; opacity: 0; background-color:var(--a-hover-color); content: ''; transition: all 300ms; transform: scaleY(0); transform-origin: center center;}
#jjfa .qbfa .l li:hover {color:var(--a-hover-color); font-weight: bold; background-color: #fff;}
#jjfa .qbfa .l li:hover::before {opacity: 1; transform: scaleY(1);}
#jjfa .qbfa .l li:hover i {opacity: 1;}
#jjfa .qbfa .r {flex: 1 1 auto; margin-left: 18px;}
#jjfa .qbfa .r .name {padding: 12px 24px; font-weight: normal; color:var(--a-hover-color); font-size: 18px; background-color: #f6f9fd;}
#jjfa .qbfa .r .editorc {padding: 15px 24px 50px 24px; font-size: 14px; line-height: 1.8;}

/*===================================================================================*/
/* 文档中心 */
#arts-banner {height: 240px; background-repeat: no-repeat; background-size: cover; background-position: center center;}
#arts-banner .wrap {display: flex; align-items: center; flex-direction: column; justify-content: center; height: 100%;}
#arts-banner h3 {color:#fff; font-size: 34px; font-weight: 400; line-height: 1;}
#arts-banner .ssk {position: relative; margin-top: 25px; width: 600px; height: 40px; border-radius: 20px; background-color: #fff; overflow: hidden;}
#arts-banner .ssk input {padding-left: 20px; padding-right: 120px; width: 100%; height: 100%; font-size: 16px; border: none; border-radius: 20px; background-color: #fff;}
#arts-banner .ssk span {position: absolute; top: 2px; right: 2px; display: block; width: 90px; height: 36px; line-height: 36px; color:#fff; font-size: 15px; text-align: center; border-radius: 18px; background-color:var(--a-hover-color); cursor: pointer;}

#arts {background-color: #f3f5f8;}
#arts .wrap {display: flex; justify-content: space-between; padding-top: 30px; padding-bottom: 30px; width: 1200px;}
#arts .contl {flex: 0 0 auto; width: 240px;}
#arts .contl .conts {color:#1d1d1d; background-color: #fff;}
#arts .contl .conts .tis {padding: 15px; font-size: 18px; line-height: 1; border-bottom: 1px solid #f3f5f8;}
#arts .contl .fls .list dd {border-bottom: 1px solid #f3f5f8;}
#arts .contl .fls .list .name {position: relative; display: block; padding: 12px 40px 10px 15px; font-size: 15px; cursor: pointer;}
#arts .contl .fls .list .name i {position: absolute; top: 50%; right: 12px; display: block; margin-top: -8px; color: #7d8694; font-size: 14px; transition: transform 200ms;}
#arts .contl .fls .list ul {display: none; padding: 10px 15px 10px 30px; border-top: 1px solid #f3f5f8;}
#arts .contl .fls .list ul li a {display: block; padding: 5px 0; color:#777; font-size: 15px; line-height: 1.5;}
#arts .contl .fls .list ul li a:hover {color:var(--a-hover-color);}
#arts .contl .fls .list ul li a.curts {color:var(--a-hover-color);}
#arts .contl .fls .list dd.curt ul {display: block;}
#arts .contl .fls .list dd.curt .name i {right: 14px; transform: rotate(90deg);}

#arts .contr {flex: 1 1 auto; margin-left: 15px; padding: 0 23px 25px 23px; box-sizing: border-box; background-color: #fff; overflow: hidden;}
#arts .contr .rnav {padding: 15px 0; font-size: 14px; border-bottom: 1px solid #e8eaec;}
#arts .contr .rnav a {color:var(--a-hover-color);}
#arts .contr .rnav span {margin-left: 5px; margin-right: 5px; color:#ccc;}
#arts .contr .rnav strong {color:#777; font-weight: normal;}
#arts .contr .conts .list {margin-top: 3%;}
#arts .contr .conts .list li {position: relative; padding: 14px 100px 14px 0; font-size: 14px; line-height: 1.5; border-bottom: 1px solid #e8eaec;}
#arts .contr .conts .list li span {position: absolute; top: 16px; right: 0; color:#999; font-size: 12px;}
#arts .contr .conts .tis {margin-top: 20px; color:#1d1d1d; font-size: 24px; line-height: 1.5;}
#arts .contr .conts .editorc {margin-top: 3%; color:#333; font-size: 14px; line-height: 1.8;}
#arts .contr .conts .pns {display: flex; justify-content: space-between; margin-top: 4%; font-size: 14px;}
#arts .contr .conts .pns p {max-width: 48%;}
#arts .contr .conts .pns p span {color:var(--a-hover-color);}

#video .container:nth-child(odd) .list {background-color: #f5f7f9;}
#video .container:nth-child(even) {background-color: #f5f7f9;}
#video .container:nth-child(even) .list {background-color: #fff;}
#video .wrap {width: 1200px; padding-bottom: 100px;}
#video .conts {display: flex; align-items: flex-start; justify-content: space-between; margin-top: 40px;}
#video .conts .list {flex: 0 0 auto; display: flex; flex-direction: column; width: 280px; height: inherit; color:#1a1a1a;}
#video .conts .list h3 {flex: 0 0 auto; padding: 0 18px; height: 54px; line-height: 54px; font-size: 18px; font-weight: normal;}
#video .conts .list dl {flex: 1 1 auto; overflow-y: auto;}
#video .conts .list dl::-webkit-scrollbar {width:8px;height:1px;}
#video .conts .list dl::-webkit-scrollbar-thumb {border-radius:0;background:#ccc;}
#video .conts .list dl dd {position: relative;}
#video .conts .list dl dd::after {position: absolute; bottom: 0; left: 12px; right: 12px; display: block; height: 1px; background-color:#e4e6e8; content: '';}
#video .conts .list dl dd p {position: relative; padding: 15px 40px 15px 18px; color:#333; cursor: pointer;}
#video .conts .list dl dd p i {position: absolute; top: 50%; right: 18px; display: block; margin-top: -7px; color: #999; font-size: 14px; transition: transform 200ms;}
#video .conts .list dl dd ul {display: none; padding: 8px 0;}
#video .conts .list dl dd ul li {padding: 4px 12px 4px 35px; font-size: 14px;}
#video .conts .list dl dd ul li span {cursor: pointer;}
#video .conts .list dl dd ul li span:hover, #video .conts .list dl dd ul li.curt span {color: var(--a-hover-color);}
#video .conts .list dl dd.active p {color:#fff; background-color: var(--a-hover-color);}
#video .conts .list dl dd.active p i {right: 20px; color:#fff; transform: rotate(90deg);}
#video .conts .list dl dd.active ul {display: block;}
#video .conts .player {flex: 1 1 auto; margin-left: 60px; width: 100%; min-height: 484px; aspect-ratio: 16/9; font-size: 0; background-color: #000; overflow: hidden;}
#video .conts .player video {width: 100%; height: 100%;}

#video_play {width:1200px;height:672px;font-size:0px;background-color:#000;overflow:hidden;}
/*===================================================================================*/
/* 生态合作 */

#sthz .wrap {width: 1200px;}
#sthz .navs {position: -webkit-sticky; position: sticky; top: 80px; left: 0; right: 0; z-index: 98; height: 55px; border-bottom: 1px solid #ededed; background-color: #fff;}
#sthz .navs .wrap {display: flex; justify-content: space-around; height: inherit;}
#sthz .navs .wrap span {display: flex; align-items: center; position: relative; height: inherit; color:#5a5964; font-size: 16px; cursor: pointer;}
#sthz .navs .wrap span.curt {color:#111; font-weight: bold;}
#sthz .navs .wrap span.curt::after {position: absolute; bottom: -1px; left: 0; right: 0; height: 3px; background-color: var(--a-hover-color); content: '';}

#sthz .cont1 .cont {display: flex; flex-flow: row wrap; padding-top: 40px; padding-bottom: 80px;}
#sthz .cont1 .cont dd {display: flex; align-items: center; justify-content: space-between; width: 49%; box-sizing: border-box; background-color: #f0f2f7;}
#sthz .cont1 .cont dd:nth-child(even) {margin-left: 2%;}
#sthz .cont1 .cont dd:nth-child(n+3) {margin-top: 2%;}
#sthz .cont1 .cont dd .text {padding: 20px 20px 20px 40px; box-sizing: border-box;}
#sthz .cont1 .cont dd .text h3 {color:#222; font-size: 20px; line-height: 1.5;}
#sthz .cont1 .cont dd .text p {margin-top: 12px; color:#4f5160; font-size: 14px; line-height: 1.7;}
#sthz .cont1 .cont dd .imgs {flex: 0 0 auto; width: 200px; height: 200px; font-size: 0; overflow: hidden;}
#sthz .cont1 .cont dd .imgs img {width: 100%; height: 100%;}

#sthz .cont2 {background-color: #f4f6f9;}
#sthz .cont2 .cont {display: flex; padding-top: 40px; padding-bottom: 60px;}
#sthz .cont2 .cont dd {margin-left: auto; margin-right: auto; width: 18%; font-size: 0; text-align: center; box-sizing: border-box;}
#sthz .cont2 .cont dd img {max-width: 100%; height: 180px;}
#sthz .cont2 .cont dd h3 {margin-top: 15px; color:#222; font-size: 20px; line-height: 1.5;}
#sthz .cont2 .cont dd div {margin-top: 20px; text-align: left;}
#sthz .cont2 .cont dd div p {padding-left: 17px; color:#4f5160; font-size: 14px; line-height: 1.5; background: url(../images/icon-1.svg) no-repeat 0 6px; background-size: 10px 10px;}
#sthz .cont2 .cont dd div p:not(:first-child) {margin-top: 10px;}

#sthz .cont3 {background-color: #f0f2f7; background: linear-gradient(83.27deg, rgba(240, 242, 247, .2), rgba(240, 242, 247, .8));}
#sthz .cont3 .cont {display: flex; align-items: center; justify-content: space-between; padding-top: 40px; padding-bottom: 100px;}
#sthz .cont3 .cont div {display: flex; align-items: center;}
#sthz .cont3 .cont div:last-child {display: none;}
#sthz .cont3 .cont .text {color:#333;}
#sthz .cont3 .cont .text img {flex: 0 0 auto; margin-right: 5px; height: 50px; transform: translateY(8px);}
#sthz .cont3 .cont .arrow {flex: 1 1 auto; height: 10px; background: url(../images/sthz_icon2.png) no-repeat center center; background-size: auto 10px; transform: translateY(3px);}

#sthz .cont4 .cont {display: flex; justify-content: space-between; margin-top: 40px; margin-bottom: 80px; padding: 30px 80px; background-color: #f3f5f9;}
#sthz .cont4 .cont dd {position: relative; padding-bottom: 70px; width: 21%; font-size: 0; text-align: center; box-sizing: border-box;}
#sthz .cont4 .cont dd img {max-width: 100%; height: 200px;}
#sthz .cont4 .cont dd h3 {margin-top: 15px; color:#222; font-size: 20px; line-height: 1.5;}
#sthz .cont4 .cont dd p {margin-top: 20px; color:#4f5160; font-size: 14px; line-height: 1.7; text-align: left;}
#sthz .cont4 .cont dd a {position: absolute; bottom: 0; left: 50%; display: block; width: 110px; height: 36px; line-height: 36px; color:#fff; font-size: 14px; text-align: center; background-color: var(--a-hover-color); transform: translateX(-50%);}
#sthz .cont4 .cont dd a:hover {bottom: 2px; box-shadow: 0 10px 24px rgba(225,39,54,.3)}

/*===================================================================================*/
/* 关于我们 */
.ntis {padding-top: 70px; text-align: center;}
.ntis h2 {color:#000; font-size: 28px; font-weight: normal; line-height: 1;}

#gywm .wrap {width: 1200px;}
#gywm .intro {background: url(../images/about_bg.png) no-repeat center center/cover;}
#gywm .intro .wrap {padding-bottom: 70px;}
#gywm .intro .editorc {margin-top: 40px; padding-top: 0; padding: 50px; color: #7a7a7a; font-size: 16px; border-radius: 4px; box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);; background-color: #fff;}

#gywm .qywh .cont {display: flex; margin: 60px auto 0 auto; width: 1000px; background-color: #f5f7f9;}
#gywm .qywh .cont li {position: relative; padding-top: 30px; padding-bottom: 30px; width: 33.333%; text-align: center;}
#gywm .qywh .cont li div {font-size: 0; overflow: hidden;}
#gywm .qywh .cont li div img {height: 92px; -webkit-filter: drop-shadow(-300px 0 0 #000); filter: drop-shadow(-300px 0 0 #000); transform: translateX(300px);}
#gywm .qywh .cont li h3 {margin-top: 25px; color:#000; font-size: 20px; font-weight: normal;}
#gywm .qywh .cont li p {margin-top: 15px; color:#7a7a7a; font-size: 18px;}
#gywm .qywh .cont li.curt {background-color: #126bfa;}
#gywm .qywh .cont li.curt::before {position: absolute; top: -30px; left: 0; right: 0; display: block; width: 100%; height: 30px; border-radius: 4px 4px 0 0; background-color: #126bfa; content: '';}
#gywm .qywh .cont li.curt::after {position: absolute; bottom: -30px; left: 0; right: 0; display: block; width: 100%; height: 30px; border-radius: 0 0 4px 4px; background-color: #126bfa; content: '';}
#gywm .qywh .cont li.curt div img {-webkit-filter: none; filter: none; transform: translateX(0);}
#gywm .qywh .cont li.curt h3 {color:#fff;}
#gywm .qywh .cont li.curt p {color:#fff;}

#gywm .fzlc .tis {padding-top: 100px;}
#gywm .fzlc .year {position: relative; margin-top: 40px;}
#gywm .fzlc .year::after {position: absolute; bottom: 3px; left: 0; right: 0; z-index: 1; height: 1px; background-color: #ddd; content: '';}
#gywm .fzlc .year .swiper-container {z-index: 2;}
#gywm .fzlc .year .swiper-slide {position: relative; height: 60px; line-height: 60px; color:#a7a7a7; font-size: 20px; font-weight: 400; text-align: center; cursor: pointer;}
#gywm .fzlc .year .swiper-slide-thumb-active {color: var(--a-hover-color); font-size: 36px;}
#gywm .fzlc .year .swiper-slide-thumb-active::after {position: absolute; bottom: 0; left: 50%; display: block; margin-left: -4px; width: 8px; height: 8px; border-radius: 50%; background-color: var(--a-hover-color); content: '';}
#gywm .fzlc .cont {position: relative; margin-top: 35px; border-radius: 3px; box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1); background-color:#fff;}
#gywm .fzlc .cont .swiper-slide {display: flex; align-items: center; padding: 25px; box-sizing: border-box;}
#gywm .fzlc .cont .swiper-slide .imgs {flex: 0 0 auto; width: 480px; font-size: 0; overflow: hidden;}
#gywm .fzlc .cont .swiper-slide .imgs img {width: 100%;}
#gywm .fzlc .cont .swiper-slide .text {margin-left: 50px;}
#gywm .fzlc .cont .swiper-slide .text h3 {color:#222; font-size: 24px; font-weight: normal;}
#gywm .fzlc .cont .swiper-slide .text p {margin-top: 20px; color:#333; line-height: 2;}
#gywm .fzlc .cont .swiper-button {position: absolute; top: 50%; z-index: 10; margin-top: -20px; color: #a7a7a7; font-size: 40px; cursor: pointer;}
#gywm .fzlc .cont .swiper-button:hover {color:var(--a-hover-color);}
#gywm .fzlc .cont .swiper-prev {left: -50px;}
#gywm .fzlc .cont .swiper-next {right: -50px;}

#gywm .lxwm .wrap {padding-bottom: 80px;}
#gywm .lxwm .tis {padding-top: 100px;}
#gywm .lxwm .cont {display: flex; align-items: center; margin-top: 40px; border-radius: 4px; box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);; background-color: #fff; overflow: hidden;}
#gywm .lxwm .cont .map {width: 50%; font-size: 0;}
#gywm .lxwm .cont .map img {width: 100%;}
#gywm .lxwm .cont .text {width: 50%; padding: 30px 30px 30px 50px; box-sizing: border-box;}
#gywm .lxwm .cont .text li {display: flex; align-items: center;}
#gywm .lxwm .cont .text li:not(:first-child) {margin-top: 30px;}
#gywm .lxwm .cont .text li div {flex: 0 0 auto; width: 30px; font-size: 0; text-align: center;}
#gywm .lxwm .cont .text li div img {max-width: 100%;}
#gywm .lxwm .cont .text li p {flex: 1 1 auto; margin-left: 18px; color:#222; font-size: 20px; line-height: 1.6;}
#gywm .lxwm .cont .text li p span {display: block; color:#454545; font-size: 18px;}

#jobs .wrap {display: flex; align-items: flex-start; justify-content: space-between; padding-top: 80px; padding-bottom: 80px; width: 1200px;}
#jobs .name {width: 25%; padding-top: 15px; padding-bottom: 15px; box-sizing: border-box; border-radius: 15px; box-shadow: 5.29px 11.88px 106px 13px rgba(51, 117, 241, 0.15); background-color: #fff;}
#jobs .name li {padding: 15px 20px 15px 50px; color:#000; font-size: 18px; cursor: pointer;}
#jobs .name li.curt {color:#fff; background-color: var(--a-hover-color);}
#jobs .info {width: 70%; padding: 80px 50px 50px 50px; box-sizing: border-box; border-radius: 15px; box-shadow: 5.29px 11.88px 106px 13px rgba(51, 117, 241, 0.15); background:url(../images/jobs_bg.png) no-repeat right top #fff;}
#jobs .info .cont {display: none;}
#jobs .info .rname {color: var(--a-hover-color); font-size: 48px; font-weight: normal; line-height: 1.4;}
#jobs .info .text {margin-top: 40px; color:#333;}
#jobs .info .tis {color: var(--a-hover-color); font-size: 24px; font-weight: normal; line-height: 1;}
#jobs .info .editorc {margin-top: 15px;}

/*===================================================================================*/
/* 免费试用 */

#message .wrap {padding-top: 80px; padding-bottom: 80px; width: 1400px;}
#message .tis h2 {color:#333; font-size: 42px; font-weight: normal; text-align: center;}
#message .type {text-align: center;}
#message .type span {display: inline-block; margin-top: 35px; margin-right: 30px; padding: 0 20px; height: 42px; line-height: 42px; text-align: center; color:#666; font-size: 16px; vertical-align: top; border-radius: 3px; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); background-color: #fff; cursor: pointer;}
#message .type span:last-child {margin-right: 0;}
#message .type span.curt {color:#fff; background-color: var(--a-hover-color);}
#message form {display: flex; flex-flow: row wrap; justify-content: space-between; padding-top: 20px;}
#message .inputs {margin-top:20px;width:48%;}
#message .inputs > p {padding:0 0 10px 12px;color:#333;font-size:16px;}
#message .inputs > input {padding:0 12px;width:100%;height:52px;font-size:16px;border-radius:3px;border:1px solid #d2d2d2;}
#message .inputs > textarea {padding:8px 12px;width:100%;height:120px;font-size:16px;line-height:1.7;border-radius:3px;border:1px solid #d2d2d2;}
#message .inputs > input:focus, #message .inputs > textarea:focus {border-color: #aaa; box-shadow: 0 0 6px rgba(0,0,0,0.2);}
#message .qudao label {display:inline-block;margin-right:25px;font-size:14px;vertical-align:top;cursor:pointer;}
#message .qudao label input {margin-right:5px;}
#message .btns {margin-top: 30px; width: 100%; text-align: center;}
#message .btns button {width:160px;height:48px;color:#fff;font-size:18px;border:none;border-radius:4px;background-color:var(--a-hover-color);}


#fos {position: fixed; top: 50%; right: 12px; z-index: 9999; margin-top: -100px; padding-bottom: 10px; width: 56px; box-shadow: 0 3px 20px 0 rgba(0,0,0,.16); border-radius: 28px; background-color: #fff;}
#fos li:first-child {border-radius: 28px 28px 0 0; overflow: hidden;}
#fos li:last-child {border-radius: 0 0 28px 28px; overflow: hidden;}
#fos li > a {display: block; padding: 10px 0 5px 0; text-align: center;}
#fos li > a i {display: block; margin: 0 auto; width: 36px; height: 36px; line-height: 36px; font-size: 22px; font-weight: 400; border-radius: 50%;}
#fos li > a i.icon-weixin-light {font-size: 24px;}
#fos li > a i.icon-top2 {font-size: 18px;}
#fos li > a p {color:#333; font-size: 12px; transform: scale(0.9);}
#fos li.top {display: none;}
#fos li.top > a {padding-bottom: 0;}
#fos li .qrcode {position: absolute; top: 0; right: 100%; display: none; padding: 16px; text-align: center; background-color: #fff; box-shadow: 0 6px 20px 0 rgba(0,0,0,.2); border-radius: 8px; transform: translateX(-20px);}
#fos li .qrcode::after {border: 9px solid transparent; border-left: 9px solid rgba(255, 255, 255, .9); content: ''; display: block; position: absolute; transform: translateY(-50%); right: -18px; top: 50%;}
#fos li .qrcode p {color:#333; font-size: 14px; line-height: 1.5;}
#fos li .qrcode img {margin-top: 5px; width: 150px;}
#fos li.tel {position: relative;}
#fos li .zxb {position: absolute; top: 0; right: 0; padding: 12px; opacity: 0; visibility: hidden; box-shadow: 0 6px 20px 0 rgba(0,0,0,.2); background-color: #fff; transform: translateX(-20px); transition: 200ms;}
#fos li .zxb::after {border: 9px solid transparent; border-left: 9px solid rgba(255, 255, 255, .9); content: ''; display: block; position: absolute; transform: translateY(-50%); right: -18px; top: 50%;}
#fos li .zxb div {display: flex;}
#fos li .zxb div input {padding: 0 8px; width: 160px; height: 32px; font-size: 14px; border: 2px solid var(--a-hover-color); border-right: none; background-color: #fff;}
#fos li .zxb div span {width: 74px; height: 32px; line-height: 32px; color:#fff; font-size: 14px; text-align: center; background-color: var(--a-hover-color); cursor: pointer;}
#fos li .zxb p {margin-top: 5px; font-size: 12px;}
#fos li .shows {right: 100%; opacity: 1; visibility: visible;}
#fos li:hover > a i {color:var(--a-hover-color); background-color: #f5f5f5;}
#fos li:hover .qrcode {display: block;}

/*===================================================================================*/

#win_ts {position:fixed;top:20%;left:50%;z-index:9999;margin-left:-170px;padding:32px 20px;width:300px;color:#fff;font-size:22px;line-height:1.4;text-align:center;opacity:0;transition:all 0.5s;border-radius:8px;background-color:rgba(0,0,0,0.7);overflow:hidden;}
#win_loading {position:fixed;top:0%;left:0%;z-index:9999;width:100%;height:100%;background:url(../images/loading2.gif) no-repeat center center;}
#win_loading_bg {position:fixed;top:0px;left:0px;z-index:9998;width:100%;height:100%;background:url(../images/tbs/white0.png);}

/*===================================================================================*/

#news_page {padding-top:50px;padding-bottom:20px;}
#pros_page {margin-top:60px;}
.fypage {font-size:0;text-align:center;overflow:hidden;}
.fypage a,.fypage span {display:inline-block;margin:0 4px;width:32px;height:32px;line-height:32px;font-size:14px;color:#454545;background-color:#e5e5e5;text-align:center;vertical-align:top;box-sizing:border-box;overflow:hidden;}
.fypage a:hover {color:#fff;background-color:var(--a-hover-color);}
.fypage span.fypage_current, .fypage a.fypage_current {color:#fff;background-color:var(--a-hover-color);}
.fypage .fypage_sl {display:inline-block;height:32px;line-height:32px;font-size:14px;font-style:normal;vertical-align:top;}
.fypage .fypage_prev i,.fypage .fypage_next i {font-size:14px;}

#news_mpage {display:none;margin-top:6%;}
#pros_mpage {display:none;margin-top:6%;}
.mfypage {width:100%;height:24px;font-size:0;text-align:center;overflow:hidden;}
.mfypage a,.mfypage span {display:inline-block;margin:0 2px;padding:0 8px;height:22px;font-size:12px;line-height:22px;color:#666;border:1px solid #ddd;background-color:#fff;vertical-align:top;overflow:hidden;}
.mfypage a:hover {color:#fff;border-color:var(--a-hover-color);background-color:var(--a-hover-color);}
#mfypage_gov {display:inline-block;margin:0 2px;padding:0 6px;width:36px;height:24px;color:#777;vertical-align:top;border:1px solid #ddd;background-color:#fff;}
#mfypage_gobtn:hover {color:#fff;border-color:var(--a-hover-color);background-color:var(--a-hover-color);}