@charset "utf-8";
* { margin: 0; padding: 0; list-style: none; outline: none;}
header,article,footer,nav,section,aside,menu { display: block;}
table { border-collapse: collapse; border-spacing: 0;}
a { color: #333; text-decoration: none;}
a:hover { color: #00478a;}
body { min-width: 320px; max-width: 640px; line-height: 22px; font-family: Microsoft YAHEI,Arial,Helvetica,sans-serif; font-size: 12px; color: #333;}
.fl { float: left;}
.fr { float: right;}
.warmp { position: relative; right: 0; z-index: 1; -webkit-transition: all .5s ease; transition: all .5s ease;}
.content { padding: 10px;}
.pagimg { width: 100%; margin-bottom: 20px; overflow: hidden;}
.pagimg img { display: block; width: 100%;}

.clear { clear: both;}
input::-webkit-input-placeholder { color: #ddd;} 
input:-moz-placeholder { color: #ddd;} 
input::-moz-placeholder { color: #ddd;}
input:-ms-input-placeholder { color: #ddd;} 
input[type=button],
input[type=submit],
input[type=file],
button { cursor: pointer; -webkit-appearance: none;}
textarea { -webkit-appearance: none;}

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

/*top*/
.header { width: 100%; height: 45px;}
.navbar { width: calc(100% - 20px); height: 45px; padding: 0 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.05); background: #fff; position: fixed; top: 0; right: 0; z-index: 999;}
.navbar .logo { display: block; float: left; max-width: 60%; height: 35px; margin: 5px 0; overflow: hidden;}
.navbar .logo img { display: block; height: 100%;}
.navbar .navhome { float: right; width: 25px; height: 35px; margin-top: 5px; position: relative; z-index: 9;}
.navbar .navhome::before,
.navbar .navhome::after { display: block; content: ""; width: 100%; height: 2px; margin: auto; background: #333; position: absolute; left: 0; right: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.navbar .navhome::before { top: 8px;}
.navbar .navhome::after { bottom: 7px;}
.navbar .navhome i { display: block; width: 15px; height: 2px; margin: auto; background: #333; position: absolute; top: 0; bottom: 0; left: 0; z-index: 1; -webkit-transition: all .5s ease; transition: all .5s ease;}

.header .nav { width: 265px; height: 90vh; padding: 5vh 0; box-shadow: -10px 0 30px rgba(0,0,0,0.1); background: #af4b51; overflow: hidden; position: fixed; right: -300px; top: 0; z-index: 2; -webkit-transition: all .5s ease; transition: all .5s ease;}
.header .nav .nrs { height: 100%; overflow-y: scroll;}
.header .nav li { width: 100%;}
.header .nav li a { display: block; line-height: 50px; font-size: 16px; color: #fff; padding: 0 25px; border-bottom: 1px solid rgba(255,255,255,0.05); position: relative;}
.header .nav li .las {}
.header .nav li .las::after { display: block; content: ""; width: 0; height: 0; margin: auto; border-style: solid; border-width: 5px 5px 0 5px; border-color: #fff transparent transparent transparent; -webkit-transform-origin: 50%; transform-origin: 50%; position: absolute; top: 0; bottom: 0; right: 15px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.header .nav li p { display: none; padding: 10px 25px 10px 40px; border-bottom: 1px solid rgba(255,255,255,0.05); background: rgba(255,255,255,0.05);}
.header .nav li p a { line-height: 35px; font-size: 14px; color: #fff !important; padding: 0; filter: alpha(opacity=75); opacity: 0.75; border-bottom: none;}
.header .nav .on .las::after { border-color: #1364ed transparent transparent transparent; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.header .nav .on p,
.header .nav .kai p { display: block;}

.open { overflow: hidden;}
.open .navbar .navhome { background: none;}
.open .navbar .navhome i { width: 0;}
.open .navbar .navhome::before,
.open .navbar .navhome::after { -webkit-transform-origin: 50%; transform-origin: 50%; background: #fff; top: 0; bottom: 0;}
.open .navbar .navhome::before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.open .navbar .navhome::after { -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.open .header .nav { right: 0;}

/*foot*/
.footer { width: 90%; padding: 15px 5%; border-top: 1px solid #eee; background: #fff;}
.footer p { width: 100%; line-height: 22px; font-size: 12px; color: #333; margin-bottom: 5px;}
.footer p:last-child { margin-bottom: 0;}
.footer p span { display: block; height: 25px; line-height: 25px; color: #999;}
.footer p b { display: block; font-size: 15px; color: #af4b51;}
.fotcopy { width: 90%; line-height: 25px; font-size: 12px; color: #999; text-align: center; padding: 10px 5%; border-top: 1px solid #eee; background: #f8f8f8;}
.fotcopy a { color: #999;}

/*banner*/
.banner { width: 100%; margin: 0 auto; position: relative; z-index: 2;}
.banner .swiper-slide { width: 100%;}
.banner .swiper-slide a,
.banner .swiper-slide img { display: block; width: 100%;}
.banner .swiper-slide video { display: block; width: 100%; object-fit: fill;}
.banner .swiper-button-prev,
.banner .swiper-button-next { width: 50px; height: 50px; border-radius: 50%;}
.banner .swiper-button-prev::after,
.banner .swiper-button-next::after { font-size: 20px; color: #fff;} 
.banner .swiper-button-prev { left: 0;}
.banner .swiper-button-next { right: 0;}

/*鍏叡鏍囬*/
.tits { width: 100%; height: 40px; line-height: 40px; font-size: 22px; color: #af4b51; text-align: center; letter-spacing: 4px;}

/*浜у搧*/
.pros { padding: 20px 10px;}
.pros li { width: 100%; margin-top: 15px;}
.pros li img { display: block; width: 100%;}

/*鍏充簬鎴戜滑*/
.abots { padding: 20px 10px; background: #fafafa;}
.abots .img { width: 100%; margin: 15px 0; box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
.abots .img img { display: block; width: 100%;}
.abots .msg { width: 100%; line-height: 25px; font-size: 12px; color: #666;}
.abots .more { display: block; width: 110px; height: 30px; line-height: 30px; font-size: 12px; color: #666; margin-top: 25px; padding: 5px 5px 5px 10px; border: 1px solid #ddd; border-radius: 4px; overflow: hidden; background: #f2f3f5;}
.abots .more i { display: block; float: right; width: 30px; height: 30px; border-radius: 4px; overflow: hidden; background: #af4b51; position: relative;}
.abots .more i::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; top: 11px; right: 12px;}

/*鏂伴椈涓績*/
.news { padding: 20px 10px;}
.news .tits { margin-bottom: 15px;}
.news .swiper-container { padding-bottom: 25px;}
.news .swiper-slide { background: #f0f2f5;}
.news .swiper-slide .img { width: 100%; height: 220px; overflow: hidden;}
.news .swiper-slide .img img { display: block; width: 100%; min-height: 220px;}
.news .swiper-slide .msg { padding: 10px 15px;}
.news .swiper-slide .msg span { display: block; height: 25px; line-height: 25px; font-size: 12px; color: #666; padding-left: 20px; background: url(../images/yxt11.png) no-repeat left center / 15px;}
.news .swiper-slide .msg h3 { width: 100%; line-height: 35px; font-size: 15px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news .swiper-slide .msg p { width: 100%; height: 45px; line-height: 22px; font-size: 12px; color: #999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news .swiper-pagination { bottom: -5px;}
.news .swiper-pagination span { background: #333;}
.news .swiper-pagination .swiper-pagination-bullet-active { background: #af4b51;}

/************************浜岀骇椤甸潰**************************/
/*鍗曢〉銆佹枃绔犲唴瀹?/
.proimg { width: 100%; margin-bottom: 10px;}
.proimg img { display: block; max-width: 100%; margin: 0 auto;}
.position { width: 95%; height: 35px; line-height: 35px; font-size: 12px; color: #666; padding: 0 2.5%; background: #f4f4f4;}
.position a { color: #666;}
.pager-next-pre { margin-top: 25px; padding: 15px 10px; line-height: 30px; color: #999; border-top: 1px solid #eee; background: #f8f8f8;}
.pager-next-pre p { margin: 0;}
.pager-next-pre p a { color: #af4b51;}
.theme { font-size: 16px; text-align: left; line-height: 25px; margin: 0 auto; line-height: 25px;}
.ms_time { font-size: 12px; color: #999; margin-bottom: 10px; padding: 5px 0 10px 0; line-height: 25px; border-bottom: 1px solid #eee;}

/*鍗曢〉*/
.intro { max-width: 100%; line-height: 25px; font-size: 12px; color: #666; margin: 0 auto;}
.intro img { display: block; max-width: 100% !important; height: auto !important; margin: 5px auto;}
.intro li { list-style:  inherit;}
.intro a { color: #f00; text-decoration: underline;}
.intro ul,
.intro ol { padding: revert; padding-left: 25px;}
.intro ul li,
.intro ol li { list-style: inherit;}
.intro table { border-spacing: 0px; border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
.intro table td { text-align: center; vertical-align: middle; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}

/*鍒嗛〉*/
.chang_pages { line-height: 35px; font-size: 14px; text-align: center;}
.chang_pages li { display: inline-block; color: #666; margin: 20px 3px; border-radius: 4px; background: #f6f6f9;}
.chang_pages li a,.chang_pages li span { display: block; color: #666; padding: 0 15px;}
.chang_pages .active { background: #af4b51;}
.chang_pages .active span { color: #fff;}

/*浜у搧涓庤В鍐虫柟妗?/
.prods { width: 100%;}
.prods .nams { width: 100%; height: 45px; line-height: 45px; font-weight: bold; font-size: 28px; color: #af4b51; text-align: center; text-shadow: 0 2px 5px rgba(0,0,0,0.2); letter-spacing: 4px; margin-bottom: 20px;}
.prods .more { display: block; width: 120px; height: 40px; line-height: 40px; font-size: 12px; color: #fff; text-align: center; margin: 20px auto 0 auto; border-radius: 4px; overflow: hidden; background: #af4b51;}
.prods .zypro { padding: 25px 10px; overflow: hidden; background: #fff; position: relative;}
.prods .zypro .tabs { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin-bottom: 20px; border: 1px solid #eee; border-radius: 4px; overflow: hidden; background: #fff;}
.prods .zypro .tabs a { flex: 1 1 0%; display: block; height: 35px; line-height: 35px; font-size: 12px; color: #333; padding: 0 5px;}
.prods .zypro .tabs .on { color: #fff !important; background: #af4b51;}
.prods .zypro .swiper-container { padding-bottom: 40px;}
.prods .zypro .swiper-slide { background: #fff;}
.prods .zypro .swiper-slide a { display: block; padding: 10px; border-radius: 4px; overflow: hidden; background: #f3f7fb;}
.prods .zypro .swiper-slide a .img { width: 100%; height: 100px; background: #fff;}
.prods .zypro .swiper-slide a .img img { display: block; max-width: 100%; height: 100px; margin: 0 auto;}
.prods .zypro .swiper-slide a p { width: 100%; height: 25px; line-height: 25px; font-size: 14px; color: #333; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.prods .zypro .swiper-slide a span { display: block; width: 100%; height: 20px; line-height: 20px; font-size: 12px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.prods .zypro .swiper-pagination { bottom: 0;}
.prods .zypro .swiper-pagination-bullet-active { background: #af4b51;}
.prods .zypro .lst { width: 100%;}
.prods .zypro .lst li { float: left; width: calc(100% / 2 - 5px); margin: 0 10px 10px 0;}
.prods .zypro .lst li:nth-child(2n) { margin-right: 0;}
.prods .zypro .lst li a { display: block; padding: 10px; border-radius: 4px; overflow: hidden; background: #f3f7fb; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prods .zypro .lst li a .img { width: 100%; height: 100px; background: #fff;}
.prods .zypro .lst li a .img img { display: block; max-width: 100%; height: 100px; margin: 0 auto;}
.prods .zypro .lst li a p { width: 100%; height: 25px; line-height: 25px; font-size: 14px; color: #333; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.prods .zypro .lst li a span { display: block; width: 100%; height: 20px; line-height: 20px; font-size: 12px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.prods .techlg { padding: 25px 10px; overflow: hidden; background: #f3f7fb; position: relative;}
.prods .techlg .swiper-container { padding-bottom: 40px;}
.prods .techlg .swiper-pagination { bottom: 0;}
.prods .techlg .swiper-pagination-bullet-active { background: #af4b51;}
.prods .techlg .swiper-slide {}
.prods .techlg .swiper-slide .nr { padding: 15px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); border-radius: 8px; overflow: hidden; background: #fff; position: relative;}
.prods .techlg .swiper-slide .nr i { display: block; width: 40px; height: 50px; line-height: 50px; font-style: normal; font-size: 20px; color: #fff; text-align: center; padding: 10px 20px 0 0; border-radius: 50%; overflow: hidden; background: #af4b51; position: absolute; top: -15px; right: -20px; z-index: 1;}
.prods .techlg .swiper-slide .nr .msg { width: 100%; position: relative; z-index: 2;}
.prods .techlg .swiper-slide .nr .msg img { display: block; width: 50px; height: 50px;}
.prods .techlg .swiper-slide .nr .msg h3 { width: 100%; line-height: 25px; font-size: 16px; color: #333; margin: 10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.prods .techlg .swiper-slide .mgs { padding: 20px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); border-radius: 8px; overflow: hidden; background: #fff; position: relative;}
.prods .techlg .swiper-slide .mgs::after { display: block; content: ""; width: 100%; height: 0%; background: #af4b51; position: absolute; left: 0; bottom: 0; z-index: 1; -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.prods .techlg .swiper-slide .mgs h3 { width: 100%; height: 40px; line-height: 40px; font-weight: 500; font-size: 20px; color: #333; text-align: center; position: relative; z-index: 2;}
.prods .techlg .swiper-slide .mgs .img { width: 60px; height: 60px; margin: 25px auto; padding: 20px; border-radius: 50%; box-shadow: 0 5px 10px rgba(0,0,0,0.1); overflow: hidden; background: #fff; position: relative; z-index: 2;}
.prods .techlg .swiper-slide .mgs .img img { display: block; width: 60px; height: 60px;}
.prods .plans { padding: 25px 10px; overflow: hidden; background: #fff;}
.prods .plans .swiper-container { padding-bottom: 30px;}
.prods .plans .swiper-slide { width: 100%;}
.prods .plans .swiper-slide .img { width: 100%; border-radius: 8px; overflow: hidden;}
.prods .plans .swiper-slide .img img { display: block; width: 100%;}
.prods .plans .swiper-slide p { display: block; width: calc(100% - 120px); height: 50px; line-height: 50px; font-size: 16px; color: #333; text-align: center; margin: auto; padding: 0 30px; border-radius: 4px; box-shadow: 0 0 10px rgba(0,0,0,0.1); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #fff; position: absolute; left: 0; right: 0; bottom: -20px;}
.prods .plans .swiper-slide p::after { display: block; content: ""; width: 30px; height: 30px; border-radius: 50% 0 0 0; background: #af4b51 url(../images/yxt02.png) no-repeat center; position: absolute; right: 0; bottom: 0; z-index: 1;}
.prods .plans .swiper-pagination { bottom: 65px;}
.prods .plans .swiper-pagination-bullet-active { background: #af4b51;}
.prods .case { padding: 25px 10px; background: url(../images/yxt03.jpg) no-repeat center / cover; position: relative;}
.prods .case .swiper-slide { border-radius: 4px; overflow: hidden; background: #fff;}
.prods .case .swiper-slide .img { width: 100%; border-radius: 4px; overflow: hidden; position: relative; z-index: 2;}
.prods .case .swiper-slide .img img { display: block; width: 100%;}
.prods .case .swiper-slide .msg { padding: 10px 15px; border-radius: 0 0 4px 4px; overflow: hidden; background: #fff; position: relative; z-index: 1;}
.prods .case .swiper-slide .msg h3 { height: 50px; line-height: 25px; font-weight: 500; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.prods .case .swiper-slide .msg p { height: 40px; line-height: 20px; font-size: 12px; color: #999; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.prods .case .swiper-slide .msg span { display: inline-block; height: 40px; line-height: 40px; font-size: 12px; color: #999; margin-top: 10px; padding-right: 15px; position: relative;}
.prods .case .swiper-slide .msg span::after { display: block; content: ""; width: 5px; height: 5px; border-top: 1px solid #999; border-right: 1px solid #999; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 4px; top: 18px;}
.prods .case .swiper-pagination { bottom: 0;}
.prods .case .swiper-pagination-bullet-active { background: #af4b51;}

/*瑙ｅ喅鏂规鍐呴〉鍒楄〃*/
.caslist { width: 100%; margin: 20px 0;}
.caslist li { float: left; width: calc(100% / 2 - 7px); margin: 0 10px 10px 0; border: 1px solid #c0cacc; background: url(../images/yxt06.png) no-repeat right center / 30px;}
.caslist li:nth-child(2n) { margin-right: 0;}
.caslist li a { display: block; line-height: 40px; font-size: 14px; color: #333; padding: 0 30px 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/*瑙ｅ喅鏂规璇︽儏*/
.solshow { padding: 15px 10px; border-bottom: 4px solid #af4b51;}
.solshow .tit { line-height: 30px; font-weight: bold; font-size: 20px; color: #333; margin-bottom: 10px; padding-left: 35px; position: relative;}
.solshow .tit::before,
.solshow .tit::after { display: block; content: ""; height: 20px; background: #af4b51; position: absolute; top: 6px;}
.solshow .tit::before { width: 15px; left: 0;}
.solshow .tit::after { width: 5px; left: 20px;}
.solshow .nam { width: 100%; height: 35px; line-height: 35px; font-weight: bold; font-size: 16px; color: #af4b51; margin: 15px 0; border-bottom: 1px solid #c0c4cc; position: relative;}
.solshow .nam::after { display: block; content: ""; width: 65px; height: 3px; background: #af4b51; position: absolute; left: 0; bottom: -2px;}

/*鍥剧墖鍒楄〃*/
.piclist { width: 100%;}
.piclist li { float: left; width: calc(100% / 2 - 5px); margin: 0 10px 10px 0; border-radius: 4px; overflow: hidden; background: #f0f2f5;}
.piclist li:nth-child(2n) { margin-right: 0;}
.piclist li .img { width: 100%; height: 125px; border-radius: 4px; overflow: hidden; position: relative; z-index: 2;}
.piclist li .img img { display: block; width: 100%; min-height: 125px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.piclist li .msg { padding: 5px 10px; border-radius: 0 0 4px 4px; overflow: hidden; position: relative; z-index: 1;}
.piclist li .msg h3 { height: 30px; line-height: 30px; font-size: 15px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.piclist li .msg p { height: 40px; line-height: 20px; font-size: 12px; color: #999; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.piclist li .msg span { display: inline-block; height: 25px; line-height: 25px; font-size: 12px; color: #999; margin-top: 10px; padding-right: 15px; position: relative;}
.piclist li .msg span::after { display: block; content: ""; width: 5px; height: 5px; border-top: 1px solid #999; border-right: 1px solid #999; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 4px; top: 11px;}

/*鍟嗗姟鍜ㄨ*/
.swzxs { width: 120px; height: 40px; line-height: 40px; font-size: 14px; color: #fff; cursor: pointer; text-align: center; margin: 20px auto; border-radius: 25px; background: #af4b51;}
.fomtank { display: none; width: 100%; height: 100vh; background: rgba(0,0,0,0.5); position: fixed; left: 0; top: 0; z-index: 999999;}
.fomtank .nrs { width: 85%; height: 605px; margin: auto; padding: 0 15px 25px 15px; border-radius: 4px; overflow: hidden; background: #fff url(../images/pr07.jpg) no-repeat center bottom; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2;}
.fomtank .nrs h3 { width: 100%; height: 40px; line-height: 40px; font-size: 16px; color: #af4b51; margin-bottom: 15px; border-bottom: 1px solid #ebebeb; position: relative;}
.fomtank .nrs h3::after { display: block; content: ""; width: 65px; height: 2px; background: #af4b51; position: absolute; left: 0; bottom: -1px;}
.fomtank .nrs .close { width: 30px; height: 30px; cursor: pointer; position: absolute; top: 8px; right: 10px; z-index: 9;}
.fomtank .nrs .close::before,
.fomtank .nrs .close::after { display: block; content: ""; margin: auto; background: #666; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.fomtank .nrs .close::before { width: 20px; height: 2px;}
.fomtank .nrs .close::after { width: 2px; height: 20px;}
.fomtank .nrs li { margin-bottom: 7px;}
.fomtank .nrs li span { display: block; float: left; width: 75px; height: 35px; line-height: 35px; font-size: 12px; color: #333;}
.fomtank .nrs li span i { font-style: normal; font-size: 12px; color: #af4b51;}
.fomtank .nrs li input,
.fomtank .nrs li select,
.fomtank .nrs li textarea { display: block; float: right; width: calc(100% - 97px); font-size: 12px; color: #333; padding: 0 10px; border: 1px solid #e6e6e6; border-radius: 4px; overflow: hidden; background: #fff;}
.fomtank .nrs li input { height: 33px; line-height: 33px;}
.fomtank .nrs li select { width: calc(100% - 75px); height: 35px; line-height: 35px;}
.fomtank .nrs li textarea { font-family: Microsoft YAHEI; padding: 10px;}
.fomtank .nrs .yzm { padding-left: 75px;}
.fomtank .nrs .yzm img { display: block; max-width: 100%; min-width: 100px; height: 50px; margin-bottom: 5px; border: 1px solid #e6e6e6; border-radius: 4px; overflow: hidden; background: #fff;}
.fomtank .nrs .yzm p { width: 100%; line-height: 22px; font-size: 12px; color: #999;}
.fomtank .nrs .btn { padding: 15px 0 0 75px;}
.fomtank .nrs .btn input { display: block; float: left; width: calc(50% - 5px); height: 40px; font-size: 12px; margin-right: 10px; text-align: center; border: none; border-radius: 4px; overflow: hidden;}
.fomtank .nrs .btn .red { margin-right: 0; color: #fff; background: #af4b51;}
.fomtank .nrs .btn .bai { color: #333; background: #fff;}
.opens { display: block;}

/*绉戝垱骞冲彴*/
.platform { width: 100%;}
.platform li { padding: 25px 10px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.platform li h3 { width: 100%; height: 45px; line-height: 45px; font-size: 24px; color: #333; text-align: center; text-shadow: 0 5px 10px rgba(0,0,0,0.2); margin-bottom: 15px;}
.platform li .img { width: 100%; overflow: hidden;}
.platform li .img img { display: block; width: 100%;}
.platform li .msg { width: 100%; margin-top: 10px;}
.platform li .msg a { display: block; width: 110px; height: 30px; line-height: 30px; font-size: 12px; color: #666; margin-top: 25px; padding: 5px 5px 5px 10px; border: 1px solid #ddd; border-radius: 4px; overflow: hidden; background: #f2f3f5;}
.platform li .msg a i { display: block; float: right; width: 30px; height: 30px; border-radius: 4px; overflow: hidden; background: #af4b51; position: relative;}
.platform li .msg a i::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; top: 11px; right: 12px;}
.platform li:nth-child(2n) .img { float: right;}
.platform li:nth-child(2n) .msg { float: left;}
.platform li:nth-child(1) { background-color: #fff;}
.platform li:nth-child(2) { background-color: #f1f8fc; background-image: url(../images/yxt08.png);}
.platform li:nth-child(3) { background-color: #fff;}
.platform li:nth-child(4) { background-image: url(../images/yxt09.jpg);}
.platform li:nth-child(5) { background-image: url(../images/yxt10.jpg); background-position: center bottom;}

/*鏂伴椈鍒楄〃*/
.newlist { padding: 15px 10px;}
.newlist li { width: 100%; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee;}
.newlist li .img { float: left; width: 120px; height: 80px; margin-top: 3px; border-radius: 4px; overflow: hidden;}
.newlist li .img img { display: block; width: 100%; min-height: 80px;}
.newlist li .msg { float: right; width: calc(100% - 130px);}
.newlist li .msg h3 { width: 100%; line-height: 25px; font-size: 14px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.newlist li .msg span { display: block; height: 20px; line-height: 20px; font-size: 12px; color: #bbb;}
.newlist li .msg p { width: 100%; height: 40px; line-height: 20px; font-size: 11px; color: #999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

/*鏂伴椈鍒楄〃1*/
.newenzi { width: 100%;}
.newenzi .top { padding: 10px; background: #f5f6f7;}
.newenzi .top .img { float: left; width: 119px; height: 79px; overflow: hidden;}
.newenzi .top .img img { display: block; width: 100%; min-height: 79px;}
.newenzi .top .msg { float: right; width: calc(100% - 149px); padding: 5px 15px; background: #fff;}
.newenzi .top .msg h3 { width: 100%; line-height: 22px; font-size: 14px; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.newenzi .top .msg p { line-height: 25px; font-size: 12px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.newenzi .lst { padding: 0 10px;}
.newenzi .lst li { width: 100%; padding: 15px 0; border-bottom: 1px solid #ebeef5;}
.newenzi .lst li:last-child { border-bottom: none;}
.newenzi .lst li .tim { float: left; width: 70px; line-height: 25px; font-size: 12px; color: #999; text-align: center; padding: 10px 0 8px 0; border: 1px solid #ebeef5; border-radius: 4px; overflow: hidden;}
.newenzi .lst li .tim b { display: block; height: 25px; line-height: 25px; font-size: 22px; color: #333;}
.newenzi .lst li .msg { float: right; width: calc(100% - 85px);}
.newenzi .lst li .msg h3 { width: 100%; height: 25px; line-height: 25px; font-weight: 500; font-size: 15px; color: #333; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.newenzi .lst li .msg p { width: 100%; line-height: 20px; font-size: 12px; color: #999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

/*鎷涜仒淇℃伅*/
.jobs { padding: 10px;}
.jobs .lst { width: 100%; border-bottom: 1px solid #ebeef5;}
.jobs .lst li { float: left; width: calc(100% / 3 - 7px); text-align: center; margin-right: 10px; border-radius: 4px; box-shadow: 0 0 10px rgba(0,0,0,0.1); overflow: hidden; background: #fff;}
.jobs .lst li:last-child { margin-right: 0;}
.jobs .lst li a { display: block; padding: 15px 0;}
.jobs .lst li img { display: block; width: 75px; height: 75px; margin: 0 auto 15px auto;}
.jobs .lst li span { display: block; width: 85%; height: 40px; line-height: 40px; font-size: 12px; color: #333; margin: 0 auto; border-radius: 4px; background: #f2f3f5;}
.jobs .lst .fs { margin: 25px 0; padding: 10px; border: 1px solid #af4b51; border-radius: 10px; overflow: hidden; background: #fff;}
.jobs .lst .fs span,
.jobs .lst .fs a { display: block; height: 35px; line-height: 35px; font-size: 14px; color: #333; margin: 0 10px; background-repeat: no-repeat; background-position: left center; background-size: 20px;}
.jobs .lst .fs .tel { font-weight: bold; font-size: 16px; padding-left: 30px; background-image: url(../images/fb03h.png);}
.jobs .lst .fs .eml { font-weight: bold; font-size: 16px; padding-left: 30px; background-image: url(../images/fb04h.png);}
.jobs .msg { width: 100%; padding: 20px 0;}
.jobs .msg .tit { width: 100%; height: 50px; line-height: 50px; font-weight: bold; font-size: 28px; color: #333; text-align: center; letter-spacing: 4px; text-shadow: 0 5px 10px rgba(0,0,0,0.2); margin-bottom: 20px;}
.jobs .msg li { margin-bottom: 15px; padding: 20px 15px; border: 1px solid #eee; border-radius: 4px; overflow: hidden; position: relative;}
.jobs .msg li::after { display: block; content: ""; width: 1px; height: 80%; margin: auto; background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0)); position: absolute; bottom: 0; right: 0;}
.jobs .msg li:last-child::after { display: none;}
.jobs .msg li .img { float: left; width: 50px; height: 50px; overflow: hidden;}
.jobs .msg li .img img { display: block; width: 50px; height: 50px;}
.jobs .msg li .mg { float: right; width: calc(100% - 65px);}
.jobs .msg li .mg h3 { width: 100%; height: 30px; line-height: 30px; font-size: 18px; color: #333;}
.jobs .msg li .mg p { line-height: 25px; font-size: 12px; color: #666;}

/*涓嬭浇*/
.softs { padding: 10px; background: #eff4fa;}
.softs .srch { width: 100%; margin-bottom: 10px;}
.softs .srch input { display: block; width: calc(100% - 60px); height: 45px; line-height: 45px; font-size: 14px; color: #333; padding: 0 45px 0 15px; border: 1px solid #eee; border-radius: 4px; overflow: hidden; background: #fff url(../images/yxt01h.png) no-repeat 95% center / 20px;}
.softs .lsts { width: 100%;}
.softs .lsts li { margin-bottom: 10px; padding: 10px 10px 10px 70px; overflow: hidden; background: #fff url(../images/yxt19.png) no-repeat 10px center / 45px;}
.softs .lsts li a { display: block; height: 55px; padding-right: 30px; background: url(../images/yxt20.png) no-repeat right center / 25px;}
.softs .lsts li h3 { height: 30px; line-height: 30px; font-weight: 500; font-size: 14px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.softs .lsts li p { height: 25px; line-height: 25px; font-size: 12px; color: #999;}
.softs .lsts li:hover h3 { color: #af4b51;}

/*鍏充簬鎴戜滑*/
.abouts { width: 100%;}
.abouts .nam { width: 100%; height: 45px; line-height: 45px; font-weight: bold; font-size: 28px; color: #af4b51; text-align: center; text-shadow: 0 5px 10px rgba(0,0,0,0.2); letter-spacing: 4px; margin-bottom: 15px;}
.abouts .more { display: block; width: 110px; height: 30px; line-height: 30px; font-size: 12px; color: #666; margin-top: 25px; padding: 5px 5px 5px 10px; border: 1px solid #ddd; border-radius: 4px; overflow: hidden; background: #f2f3f5;}
.abouts .more i { display: block; float: right; width: 30px; height: 30px; border-radius: 4px; overflow: hidden; background: #af4b51; position: relative;}
.abouts .more i::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; top: 11px; right: 12px;}

.abouts .abt01 { padding: 20px 10px;}
.abouts .abt01 .img { width: 100%; box-shadow: 0 5px 10px rgba(0,0,0,0.1); overflow: hidden; position: relative;}
.abouts .abt01 .img video { display: block; width: 100%;}
.abouts .abt01 .msg { width: 100%; margin-top: 15px;}

.abouts .abt02 { padding: 20px 10px; background: #ebeef5; position: relative;}
.abouts .abt02 .swiper-container { padding-bottom: 35px;}
.abouts .abt02 .swiper-slide { border-radius: 10px; overflow: hidden;}
.abouts .abt02 .swiper-slide .nr { padding: 20px 20px; background: #fff; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.abouts .abt02 .swiper-slide .nr::after { display: block; content: ""; width: 90%; height: 1px; margin: 0 auto; background: #ddd; position: absolute; top: 87px; left: 0; right: 0; z-index: 2;}
.abouts .abt02 .swiper-slide .nr h3 { width: 100%; height: 50px; line-height: 50px; font-size: 22px; color: #333; text-align: center; margin-bottom: 50px; position: relative;}
.abouts .abt02 .swiper-slide .nr h3::after { display: block; content: ""; width: 10px; height: 10px; margin: auto; border: 3px solid #af4b51; border-radius: 50%; box-shadow: 0 0 15px rgba(175,75,81,0.5); background: #fff; position: absolute; left: 0; right: 0; bottom: -25px; z-index: 3;}
.abouts .abt02 .swiper-slide .nr p { width: 100%; line-height: 25px; font-size: 14px; color: #333; margin-bottom: 10px;}
.abouts .abt02 .swiper-pagination { bottom: 0;}
.abouts .abt02 .swiper-pagination-bullet-active { background: #af4b51;}

.abouts .abt03 { padding: 20px 10px;}
.abouts .abt03 li { margin-bottom: 2px; padding: 20px 25px; overflow: hidden; background-repeat: no-repeat; background-position: 0 0; background-size: cover; position: relative;}
.abouts .abt03 .nb01 { background-image: url(../images/yxt23.jpg);}
.abouts .abt03 .nb02 { background-image: url(../images/yxt24.jpg);}
.abouts .abt03 .nb03 { background-image: url(../images/yxt25.jpg);}
.abouts .abt03 li h3 { width: 100%; height: 40px; line-height: 40px; font-size: 18px; color: #fff; letter-spacing: 2px; margin-bottom: 5px;}
.abouts .abt03 li h3 span { display: inline-block; height: 25px; line-height: 25px; font-weight: 500; font-size: 12px; color: rgba(255,255,255,0.65); letter-spacing: 0; margin-left: 10px;}
.abouts .abt03 li p { line-height: 30px; font-size: 16px; color: #fff;}

.abouts .abt04 { padding: 0 10px 20px 10px;}
.abouts .abt04 .wzs { width: 100%; text-align: center; margin-bottom: 60px;}
.abouts .abt04 .wzs p { line-height: 25px; font-size: 12px; color: #666;}
.abouts .abt04 .nra { width: 100%; overflow-x: scroll;}
.abouts .abt04 .maps { width: 505px; height: 410px; background: url(../images/yxt26.png) no-repeat 0 0 / 100%; position: relative;}
.abouts .abt04 .maps .nt { display: none; width: 160px; padding: 10px; border-radius: 4px; box-shadow: 0 5px 10px rgba(0,0,0,0.15); background: #fff; position: absolute; left: -82px; bottom: 20px; z-index: 2;}
.abouts .abt04 .maps .nt::after { display: block; content: ""; width: 0; height: 0; margin: auto; border-style: solid; border-width: 5px 10px 0 10px; border-color: #fff transparent transparent transparent; position: absolute; left: 0; right: 0; bottom: -5px;}
.abouts .abt04 .maps .nt ul { display: block; width: 160px; min-height: 95px; max-height: 160px; overflow-y: scroll; scrollbar-width: none;}
.abouts .abt04 .maps .nt ul::-webkit-scrollbar { width: 0; height: 0;} 
.abouts .abt04 .maps .nt ul li { width: 100%; margin-bottom: 5px; padding-bottom: 10px; border-bottom: 1px solid #eee;}
.abouts .abt04 .maps .nt ul li:last-child { margin-bottom: 0; border-bottom: none;}
.abouts .abt04 .maps .nt ul li h3 { height: 25px; line-height: 25px; font-size: 12px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.abouts .abt04 .maps .nt ul li p { line-height: 20px; font-size: 10px; color: #999; padding-left: 12px; background: url(../images/yxt27.png) no-repeat left 6.5px / 8px;}
.abouts .abt04 .maps > div { width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.abouts .abt04 .maps > div > div { width: 15px; height: 15px; position: absolute;}
.abouts .abt04 .maps > div > div::before,
.abouts .abt04 .maps > div > div::after { display: block; content: ""; margin: auto; border-radius: 50%; position: absolute;}
.abouts .abt04 .maps > div > div::before { width: 7px; height: 7px; top: 4px; left: 4px; z-index: 2;}
.abouts .abt04 .maps > div > div::after { width: 15px; height: 15px; top: 0; left: 0; z-index: 1;}
.abouts .abt04 .maps .fgs > div::before { background: #0c963b;}
.abouts .abt04 .maps .fgs > div::after { background: rgba(12,150,59,0.34);}
.abouts .abt04 .maps .zhu > div::after { background: url(../images/yxt28.png) no-repeat 0 0 / 15px;}
.abouts .abt04 .maps .zgs > div::before { background: #f08200;}
.abouts .abt04 .maps .zgs > div::after { background: rgba(240,130,0,0.34);}
.abouts .abt04 .maps .fgs .f01 { left: 84px; top: 125px; z-index: 1;}
.abouts .abt04 .maps .fgs .f02 { left: 235px; top: 175px; z-index: 1;}
.abouts .abt04 .maps .fgs .f03 { left: 298px; top: 165px; z-index: 1;}
.abouts .abt04 .maps .fgs .f04 { left: 318px; top: 180px; z-index: 1;}
.abouts .abt04 .maps .zhu .z0 { left: 294px; top: 225px; z-index: 2;}
.abouts .abt04 .maps .zgs .z01 { left: 250px; top: 200px; z-index: 1;}
.abouts .abt04 .maps .zgs .z02 { left: 295px; top: 200px; z-index: 1;}
.abouts .abt04 .maps .zgs .z03 { left: 275px; top: 230px; z-index: 1;}
.abouts .abt04 .maps .zgs .z04 { left: 319px; top: 285px; z-index: 3;}
.abouts .abt04 .maps .zgs .z05 { left: 298px; top: 382px; z-index: 4;}
.abouts .abt04 .maps > div > div.on .nt { display: block;}
.abouts .abt04 .numbs { margin: 15px 0; border: 1px solid #eee; border-right: none;}
.abouts .abt04 .numbs li { float: left; width: calc(100% / 3 - 1px); text-align: center; padding: 15px 0; border-right: 1px solid #eee;}
.abouts .abt04 .numbs li h3 { width: 100%; height: 30px; line-height: 30px; font-size: 22px; color: #c33b41;}
.abouts .abt04 .numbs li p { width: 100%; height: 20px; line-height: 20px; font-size: 12px; color: #999;}
.abouts .abt04 .tips { margin-top: 15px; padding: 5px 20px; background: #ededf0;}
.abouts .abt04 .tips .lst { width: 100%; margin: 15px 0;}
.abouts .abt04 .tips .lst h3 { height: 30px; line-height: 30px; font-size: 14px; padding-left: 20px; position: relative;}
.abouts .abt04 .tips .lst h3::before,
.abouts .abt04 .tips .lst h3::after { display: block; content: ""; margin: auto; border-radius: 50%; position: absolute;}
.abouts .abt04 .tips .lst h3::before { width: 7px; height: 7px; left: 4px; top: 12px;}
.abouts .abt04 .tips .lst h3::after { width: 15px; height: 15px; left: 0; top: 8px;}
.abouts .abt04 .tips .lst a { display: block; height: 25px; line-height: 25px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.abouts .abt04 .tips .tp01 h3 { color: #c33b41; background: url(../images/yxt28.png) no-repeat left center / 15px;}
.abouts .abt04 .tips .tp01 a { color: #c33b41;}
.abouts .abt04 .tips .tp02 h3 { color: #f08200;}
.abouts .abt04 .tips .tp02 h3::before { background: #f08200;}
.abouts .abt04 .tips .tp02 h3::after { background: rgba(240,130,0,0.34);}
.abouts .abt04 .tips .tp02 a { color: #f08200;}
.abouts .abt04 .tips .tp03 h3 { color: #0c963b;}
.abouts .abt04 .tips .tp03 h3::before { background: #0c963b;}
.abouts .abt04 .tips .tp03 h3::after { background: rgba(12,150,59,0.34);}
.abouts .abt04 .tips .tp03 a { color: #0c963b;}

.abouts .abt05 { padding: 20px 10px; background: url(../images/yxt29.jpg) no-repeat center top / cover;}
.abouts .abt05 .nam { color: #fff;}
.abouts .abt05 p { width: 100%; line-height: 25px; font-size: 12px; color: #fff; text-align: center; margin-bottom: 20px;}
.abouts .abt05 .swiper-button-prev,
.abouts .abt05 .swiper-button-next { width: 40px; height: 40px; overflow: hidden; border-radius: 4px; background: #fff; top: 110%;}
.abouts .abt05 .swiper-button-prev { left: -8px;}
.abouts .abt05 .swiper-button-next { right: -8px;}
.abouts .abt05 .swiper-button-prev::after,
.abouts .abt05 .swiper-button-next::after { display: block; font-size: 20px; color: #af4b51;}
.abouts .abt05 .swiper-button-prev:hover,
.abouts .abt05 .swiper-button-next:hover { border-color: #af4b51; background: #af4b51;}
.abouts .abt05 .swiper-button-prev:hover::after,
.abouts .abt05 .swiper-button-next:hover::after { color: #fff;}
.abouts .abt05 .swiper-slide {}
.abouts .abt05 .swiper-slide a { display: block; padding: 5px; border: 1px solid #fff; border-radius: 4px; overflow: hidden;}
.abouts .abt05 .swiper-slide .img { width: 100%; overflow: hidden;}
.abouts .abt05 .swiper-slide .img img { display: block; max-width: 100%; margin: 0 auto;}
.abouts .abt05 .swiper-slide a:hover { border-color: #af4b51;}
.abouts .abt05 .hengpai { margin-bottom: 25px; position: relative;}
.abouts .abt05 .hengpai .swiper-slide .img,
.abouts .abt05 .hengpai .swiper-slide .img img { height: 110px;}
.abouts .abt05 .shupai { position: relative;}
.abouts .abt05 .shupai .swiper-slide .img,
.abouts .abt05 .shupai .swiper-slide .img img { height: 130px;}
#zoom { display: none; width: 100%; height: 100%; background: rgba(0,0,0,.8); position: fixed; top: 0; left: 0; z-index: 9999999;}
#zoom .content { width: 200px; height: 200px; min-height: auto; padding: 0; margin: -100px 0 0 -100px; box-shadow: -20px 20px 20px rgba(0,0,0,.3); border-radius: 4px; background: #fff no-repeat 50% 50%; 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; height: 75vh; margin: 0 auto; box-shadow: 0 5px 10px rgba(0,0,0,.25); border-radius: 4px; background: #333;}
#zoom .close { width: 49px; height: 49px; cursor: pointer; opacity: 1; filter: alpha(opacity=100); border-radius: 0 0 0 4px; background: transparent url(../images/close.png) no-repeat 50% 50%; position: absolute; top: 0; right: 0; z-index: 99993;}
#zoom .next,
#zoom .previous { display: none !important; width: 49px; height: 49px; margin-top: -25px; overflow: hidden; position: absolute; top: 50%; z-index: 99992;}
#zoom .previous { border-radius: 0 4px 4px 0; background: url(../images/arrows.png) no-repeat 0 0; left: 0;}
#zoom .next { border-radius: 4px 0 0 4px; background: url(../images/arrows.png) no-repeat 100% 0; right: 0;}
#zoom .close:hover { background-color: #dd0d15;}
#zoom .next:hover,
#zoom .previous:hover { background-color: #dd0d15;}

.abouts .abt06 { padding: 20px 10px; background: #f9ecec; position: relative;}
.abouts .abt06 .swiper-slide {}
.abouts .abt06 .swiper-slide .img { width: 100%; height: 50px; padding: 10px 0; border-radius: 4px; overflow: hidden; background: rgba(255,255,255,0.25);}
.abouts .abt06 .swiper-slide .img img { display: block; max-width: 100%; height: 50px; margin: 0 auto;}
.abouts .abt06 .swiper-button-prev,
.abouts .abt06 .swiper-button-next { width: 30px; height: 40px; overflow: hidden; background: #fff; top: 60%;}
.abouts .abt06 .swiper-button-prev { left: 0;}
.abouts .abt06 .swiper-button-next { right: 0;}
.abouts .abt06 .swiper-button-prev::after,
.abouts .abt06 .swiper-button-next::after { display: block; font-size: 18px; color: #af4b51;}

.abouts .abt07 { padding: 20px 10px; background: #fbfbfb url(../images/yxt07.jpg) no-repeat center bottom / 100%;}
.abouts .abt07 .onlin { padding: 20px 15px; border-radius: 10px; box-shadow: 0 5px 10px rgba(0,0,0,0.1); overflow: hidden; background: #fff;}
.abouts .abt07 .onlin li { margin-bottom: 10px;}
.abouts .abt07 .onlin li label { display: block; width: 100%; height: 35px; line-height: 35px; font-size: 14px; color: #333;}
.abouts .abt07 .onlin li label i { display: inline-block; font-style: normal; color: #af4b51; margin-right: 5px; position: relative; top: 2px;}
.abouts .abt07 .onlin li select,
.abouts .abt07 .onlin li input { display: block; height: 45px; line-height: 45px; font-size: 14px; color: #333; padding: 0 10px; border: 1px solid #dcdfe6; border-radius: 4px; overflow: hidden; background: #fff;}
.abouts .abt07 .onlin li select { width: 100%;}
.abouts .abt07 .onlin li input { width: calc(100% - 22px);}
.abouts .abt07 .onlin li textarea { display: block; width: calc(100% - 22px); height: 140px; line-height: 25px; font-size: 14px; color: #333; padding: 10px; border: 1px solid #dcdfe6; border-radius: 4px; overflow: hidden; background: #fff;}
.abouts .abt07 .onlin .btn { padding-top: 15px;}
.abouts .abt07 .onlin .btn input { display: block; float: left; width: 125px; height: 45px; font-size: 14px; margin-right: 15px; text-align: center; border: none; border-radius: 4px; overflow: hidden;}
.abouts .abt07 .onlin .btn .red { color: #fff; background: #af4b51;}
.abouts .abt07 .onlin .btn .bai { color: #333; background: #f4f5f7;}


/*鍒楄〃椤甸潰*/
.solists { margin: 10px; border: 1px solid #eee;}
.solists h1 { height: 35px; line-height: 35px; font-size: 20px; color: #af4b51; margin-bottom: 15px; padding: 5px 45px 10px 45px; background: url(../images/yxt04.png) no-repeat 15px 15px / 20px; position: relative;}
.solists h1::after { display: block; content: ""; width: 40px; height: 2px; background: url(../images/yxt05.png) no-repeat 0 0; position: absolute; left: 15px; bottom: 0;}
.solists li { width: 100%; position: relative;}
.solists li a { display: flex; flex-direction: row; align-items: center; height: 44px; padding: 5px 15px; border-top: 1px solid #eee; position: relative;}
.solists li a span { display: block; line-height: 22px; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.solists li p { display: none; width: 100%;}
.solists .on a { border-bottom-color: #af4b51; background: #af4b51;}
.solists .on a span { color: #fff;}
.solists .on p { display: block;}
.solists .on p a { padding: 5px 30px; background: none;}
.solists .on p a span { display: block; line-height: 22px; font-size: 15px; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.solists .on p .hov { color: #af4b51; background: rgba(195,59,65,0.1);}