@charset "utf-8";
a:hover {color:#09aa82;}
.clear, .aclear:after {clear:both; height:0; width:0; overflow:hidden; font-size:0;}
.aclear:after {content:""; display:block;}
.fl, .fi {float:left;}
.fr {float:right;}
.fulimg {width:100%; height:auto;}
.pr {position:relative;}
.app_width {width:100%;}

.ease02, .ease02s, .ease02s *, .ease02s:before, .ease02s:after, .ease02n, .ease02n>*, .ease02n:before, .ease02n:after {-webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
.ease03, .ease03s, .ease03s *, .ease03s:before, .ease03s:after, .ease03n, .ease03n>*, .ease03n:before, .ease03n:after {-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.ease04, .ease04s, .ease04s *, .ease04s:before, .ease04s:after, .ease04n, .ease04n>*, .ease04n:before, .ease04n:after {-webkit-transition:all 0.4s ease-out; transition:all 0.4s ease-out;}
.ease05, .ease05s, .ease05s *, .ease05s:before, .ease05s:after, .ease05n, .ease05n>*, .ease05n:before, .ease05n:after {-webkit-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
.ease06, .ease06s, .ease06s *, .ease06s:before, .ease06s:after, .ease06n, .ease06n>*, .ease06n:before, .ease06n:after {-webkit-transition:all 0.6s ease-out; transition:all 0.6s ease-out;}
.ease07, .ease07s, .ease07s *, .ease07s:before, .ease07s:after, .ease07n, .ease07n>*, .ease07n:before, .ease07n:after {-webkit-transition:all 0.7s ease-out; transition:all 0.7s ease-out;}
.ease08, .ease08s, .ease08s *, .ease08s:before, .ease08s:after, .ease08n, .ease08n>*, .ease08n:before, .ease08n:after {-webkit-transition:all 0.8s ease-out; transition:all 0.8s ease-out;}
.ease09, .ease09s, .ease09s *, .ease09s:before, .ease09s:after, .ease09n, .ease09n>*, .ease09n:before, .ease09n:after {-webkit-transition:all 0.9s ease-out; transition:all 0.9s ease-out;}
.ease10, .ease10s, .ease10s *, .ease10s:before, .ease10s:after, .ease10n, .ease10n>*, .ease10n:before, .ease10n:after {-webkit-transition:all 1.0s ease-out; transition:all 1.0s ease-out;}

/*分页*/
.pagelist {margin:15px auto; line-height:25px;}
.pagelist .aa, .pagelist .bb, .page_front, .page_back, .page_first, .page_last {font-size:12px; width:25px; height:25px; line-height:26px; overflow:hidden; display:block; text-align:center; margin:0 3px; border-radius:3px;}
.pagelist .aa {color:#fff;}
.pagelist .bb {background:#ffffff; color:#464646; border:1px solid #d2d2d2;}
.pagelist .aa:hover {color:#fff; text-decoration:none;}
.pagelist .bb:hover {color:#fff; text-decoration:none;}
.page_front, .page_back, .page_first, .page_last {width:55px; background:#ffffff; color:#464646; border:1px solid #d2d2d2;}
.pagelist .page_select {min-width:62px; height:27px; border-radius:3px; padding:0 10px 0 10px; border:1px solid #d2d2d2;}
.pagelist .page_front:hover, .pagelist .page_back:hover, .pagelist .page_first:hover, .pagelist .page_last:hover {color:#fff; text-decoration:none;}
.pagelist .aa, .pagelist .aa:hover, .pagelist .bb:hover, .pagelist .page_front:hover, .pagelist .page_back:hover, .pagelist .page_first:hover, .pagelist .page_last:hover {background:#09aa82;}
.pagelist .aa, .pagelist .bb:hover, .pagelist .page_front:hover, .pagelist .page_back:hover, .pagelist .page_first:hover, .pagelist .page_last:hover {border:1px solid #09aa82;}

.book_input {padding-bottom:10px;}
.book_input .h1 {font-size:14px; padding-bottom:3px;}
.book_input .h2 {position:relative;}
.book_input .h2 .fl {width:100px; position:absolute; top:0; left:0;}
.book_input .h2 .lr {margin-left:110px;}
.book_btn {padding-top:6px;}
.verify {width:100%; height:100%; position:fixed; top:0; left:0; z-index:-1; display:none;}
.verify.on {display:block; z-index:9999;}
.verify_bg {width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; z-index:1;}
.verify_in {width:320px; height:190px; background:#fff; position:absolute; top:50%; margin-top:-95px; left:50%; margin-left:-160px; z-index:2;}
.verify_pad {padding:20px;}
.verify_tit {font-size:15px; font-weight:bold; padding-top:10px;}
.verify_div {position:relative; height:38px; margin-top:15px;}
.verify_div .ll {position:absolute; top:0; left:0;}
.verify_div .lr {margin-left:112px;}
.vbutton {width:100%; height:40px; background:#09aa82; color:#fff; font-size:15px; padding:0 40px;}
.verify_close {width:20px; height:20px; background:#ccc; border:2px solid #fff; border-radius:50%; position:absolute; top:-6px; right:-6px; cursor:pointer;}
.verify_close:before, .verify_close:after {content:""; width:12px; height:2px; background:#fff; position:absolute; top:9px; left:4px;}
.verify_close:before {transform:rotate(45deg);}
.verify_close:after {transform:rotate(135deg);}
.verify_close:hover {background:#222;}
@media (max-width: 640px) {
	.book_btn .xbutton {width:100%;}
}

/*******************************************/

/*全局*/
.margin, .margin_nopad {width:1200px; margin:0 auto;}
.padb {padding-bottom:60px;}
.marb {margin-bottom:60px;}

/*logo条*/
.top_height {height:78px;}
.top {position:fixed; top:0; background-color:#fff; z-index:1000;}
/*.top:after {content:""; display:block; width:100%; height:1px; background-color:#e1e1e1; position:absolute; bottom:0;}*/
.top_in {position:relative;}
.logo {position:absolute; top:50%; transform:translateY(-50%); left:15px;}
.logo img {height:66px;}

/*导航*/
.nav {height:78px; position:absolute; top:0; right:410px;}
.nav ul li {float:left; white-space:nowrap; height:78px; line-height:78px; position:relative; margin:0 18px;}
.nav ul li a {padding:0 16px; display:block; color:#080808; font-size:15px;}
.nav ul li span {width:100%; height:4px; background-color:#09aa82; border-radius:6px; position:absolute; bottom:0; left:0; transform:scale(0,1);}
.nav ul li.nav_on a, .nav ul li a:hover {color:#09aa82;}
.nav ul li.nav_on span, .nav ul li:hover span {transform:scale(1,1);}
.nav ul li:last-child {margin-right:0;}

.top.on, .top.on .top_in, .top.on .nav, .top.on .nav ul li, .top.on .tool_part {height:66px;}
.top.on .nav ul li, .top.on .tool_part {line-height:66px;}
.top.on .logo img {height:54px;}

/*底部*/
.footer {background:url("../images/footer.gif") repeat-x center top;}
.footer_in {padding:50px 0;}
.bpart_max {text-align:center; display:flex; flex-direction:row;}
.bpart {display:inline-block; text-align:left; vertical-align:top;}
.bpart {flex:1;}
.bpart:last-child {flex:none;}
.bpart_top {font-size:18px; text-transform:uppercase; padding-bottom:16px;}
.bpart_top:after {content:""; display:block; width:20px; height:2px; overflow:hidden; background-color:#09aa82; margin-top:8px;}
.bpart ul li {line-height:26px; font-size:14px; color:#7f7e7e;}
.bpart ul li span {color:#7f7e7e;}
.bpart ul li a {color:#7f7e7e;}
.copyright {font-size:13px; padding:12px 0; background-color:#3d3d3d; color:#888888;}
.copyright a {color:#888888;}
.copyright .fl {height:35px; line-height:35px;}
.clink {position:relative;}
.clink_top {width:220px; height:35px; line-height:35px; background-color:#5c5c5c; color:#fff; text-align:center; cursor:pointer;}
.clink_top i {color:#949393; font-size:12px; padding-left:8px;}
.clink ul {display:none; width:220px; position:absolute; bottom:38px; left:0;}
.clink ul li {height:35px; line-height:35px; text-align:center;}
.clink ul li a {display:block; color:#fff; background-color:#5c5c5c;}
.clink ul li a:hover {color:#fff; background-color:#3d3d3d;}

.top_tool {position:absolute; top:0; right:0; height:78px;}
.tool_part {display:inline-block; vertical-align:top; height:78px; line-height:78px; padding:0 12px; position:relative;}
.tool_part a {display:block;}
.tool_part span {display:inline-block; height:30px; line-height:30px; vertical-align:middle;}
.tool_part .i {font-size:30px; color:#222;}
.tool_part .i img {width:30px; height:30px; border-radius:50%; vertical-align:top;}
.tool_part .w {font-size:15px; color:#222;}
.tool_part:nth-child(3) {background-color:#09aa82; background-image:url("../images/tool.png"); background-position:left center; background-repeat:no-repeat; padding:0 12px 0 32px;}
.tool_part:nth-child(3) .i, .tool_part:nth-child(3) .w {color:#fff;}
.tool_part:last-child {width:60px; padding:0;}
.tool_part_qrcode:hover {padding:0 17px 0 37px;}
.qrcodebox_in {text-align:center; padding:15px;}
.qrcodebox_in img {width:100%;}
.qrcodebox_in p {font-size:15px; padding:8px 0;}
@media (max-width: 1350px) {
	.nav ul li {margin:0 6px;}
	.nav ul li a {padding:0 12px;}
}
@media (max-width: 1200px) {
	.top {position:fixed; top:0;}
	.tool_part:last-child {background-color:#09aa82; background-image:url("../images/tool.png"); background-position:left center; background-repeat:no-repeat; padding:0 12px 0 32px;}
	.tool_part:last-child .i, .tool_part:last-child .w {color:#fff;}
	.tool_part:nth-child(3) {background:none; padding:0 12px;}
	.tool_part:nth-child(3) .i, .tool_part:nth-child(3) .w {color:#222;}
}
@media (max-width: 1000px) {
	.hello {position:fixed; top:0;}
	.top {position:fixed;}
	.logo {left:15px;}
	.logo img {height:60px;}
	.tool_part .w {display:none;}
	.copyright .fl {float:none; height:auto; line-height:20px; text-align:center;}
	.copyright .fl .app {display:block;}
}
@media (max-width: 640px) {
	.top_height {height:60px;}
	.logo img {height:50px;}
	.top_tool, .tool_part {height:60px; line-height:60px;}
	.tool_part, .tool_part:nth-child(3) {padding:0 4px;}
	.tool_part:last-child {padding:0; width:60px;}
	.tool_part .i {font-size:26px; height:26px; line-height:26px;}
	.tool_part .i img {width:26px; height:26px;}
	.tool_part:last-child {background-image:none;}

	.top.on, .top.on .top_in, .top.on .nav, .top.on .nav ul li, .top.on .tool_part {height:60px;}
	.top.on .nav ul li, .top.on .tool_part {line-height:60px;}
	.top.on .logo img {height:50px;}
	.menu {left:50%;}
}

/*新闻列表*/
.news_part {background-color:#fff; margin-bottom:20px;}
.news_part.lightbg {background-color:#f8f8f8;}
.news_part a {width:100%; display:block;}
.news_pad {padding:30px 36px;}
.news_height {height:190px;}
.news_pa {position:relative;}
.news_pcon {position:relative;}
.news_pcon .pic {position:absolute; top:0; left:0; overflow:hidden;}
.news_pcon .news_thumb .word {padding-left:330px;}
.news_pcon .word .h1 {font-size:22px; height:36px; line-height:36px; overflow:hidden; margin-bottom:12px; color:#000;}
.news_pcon .word .h1 span {font-size:18px; padding-right:10px;}
.news_pcon .word .h2 {font-size:14px; line-height:26px; height:78px; overflow:hidden; color:#666;}
.news_pcon .word .h3 {padding-top:30px;}
.news_pcon .word .h3 p {font-size:14px; height:34px; line-height:34px; overflow:hidden; color:#000; display:inline-block; border:1px solid #09aa82; color:#09aa82; background-color:transparent; border-radius:21px; padding:0 20px 0 26px; box-sizing:border-box;}
.news_pcon .word .h3 p i {color:#09aa82; padding-left:3px;}
.news_part:hover {box-shadow:0 10px 25px rgba(0,0,0,0.1);}
.news_part:hover .news_pcon .pic img {transform:scale(1.2);}
.news_part:hover .news_pcon .word .h1 {color:#09aa82;}
.news_part:hover .news_pcon .word .h3 p {background-color:#09aa82; color:#fff;}
.news_part:hover .news_pcon .word .h3 p i {color:#fff;}
@media (max-width: 1000px) {
	.news_part {margin-bottom:10px;}
	.news_pad {padding:14px;}
	.news_height {height:90px;}
	.news_pcon .news_thumb .word {padding-left:148px;}
	.news_pcon .word .h1 {font-size:15px; line-height:22px; height:44px; overflow:hidden;}
	.news_pcon .word .h2 {display:none;}
	.news_pcon .word .h3 {padding-top:3px;}
	.news_pcon .word .h3 p {font-size:12px; height:28px; line-height:28px; padding:0 12px 0 18px;}
	.news_part:hover {box-shadow:0 0 0 rgba(0,0,0,0);}
	.news_part:hover .news_pcon .pic img {transform:scale(1);}
	.news_part:hover .news_pcon .word .h1 {color:#000;}
	.news_part:hover .news_pcon .word .h3 p {background-color:transparent; color:#09aa82;}
	.news_part:hover .news_pcon .word .h3 p i {color:#09aa82;}
}

/*新闻详情*/
.news_tit {font-size:18px; font-weight:bold; text-align:center;}
.news_mes {font-size:13px; color:#999; text-align:center; background:#f4f4f4; padding:5px 0; margin:15px 0;}
.news_con {font-size:15px; line-height:25px;}
.news_con img {max-width:100%; height:auto;}

/*资料整理中*/
.coming {text-align:center; padding:20px 0;}
.coming img {max-width:100%; width:300px; padding-bottom:15px;}
.coming p {font-size:15px; color:#222;}
@media (max-width: 640px) {
	.coming img {width:180px;}
}

/*上一页下一页*/
.prne {width:100%; height:35px; line-height:35px; overflow:hidden; background:#f0f0f0; margin-top:25px;}
.prne_in {width:96%; height:35px; margin:0 auto;}
.prne_in .fl {width:50%; height:35px; overflow:hidden;}
.prne_in .fr {width:50%; height:35px; overflow:hidden; text-align:right;}
.prne_in .fl p {width:80%; overflow:hidden;}
.prne_in .fr p {width:80%; overflow:hidden; float:right;}
.prne_in a:hover {text-decoration:underline;}
@media (max-width: 1000px) {
	.prne_in .fl span, .prne_in .fr span {display:none;}
}

/*移动端底部按钮*/
.dnav_zw {width:100%; height:56px; overflow:hidden;}
.dnav {height:56px; background:#fff; overflow:hidden; position:fixed; bottom:0; z-index:999;}
.dnav_bor {border-top:1px solid #e7e7e7;}
.dnav .pad {padding-top:6px; text-align:center;}
.dnav_part {width:20%; float:left; overflow:hidden;}
.dnav_part .tit div {font-size:25px; height:25px; overflow:hidden; text-align:center;}
.dnav_part .tit div img {height:25px;}
.dnav_part .tit p {margin-top:2px; height:18px; line-height:18px; overflow:hidden;}
.dnav_part a {display:block; color:#5d656b; font-size:12px;}
.dnav_part_home {background-color:#09aa82; border-radius:20px; padding:6px 0; margin-top:3px;}
.dnav_part_home p {display:none;}
.dnav_part_home a {color:#fff;}

/*内页banner*/
.banner_in {width:100%; height:460px; background-color:#ddd; background-repeat:no-repeat; background-position:center center; background-size:cover;}
@media (max-width: 1000px) {
	.banner_in {height:250px;}
}
@media (max-width: 640px) {
	.banner_in {height:150px;}
}

/*联系我们*/
.contact {position:relative;}
.contact_tit {font-size:30px; font-weight:bold;}
.contact_fl {margin-right:540px;}
.contact_fr {width:500px; position:absolute; top:0; right:0;}
@media (max-width: 1000px) {
	.contact_fl {margin-right:0;}
	.contact_fr {width:auto; position:static;}
}

/*分类拖动条*/
.cate {height:78px; position:relative; margin-bottom:40px;}
.cate:before, .cate:after {content:""; display:block; background-color:#ededed; left:0; width:100%; height:1px;}
.cate:before {top:0;}
.cate:after {bottom:0;}
.cate_ul {position:relative; overflow:hidden;}
.cate_ul:after {content:""; display:none; width:20px; height:100%; position:absolute; top:0; right:0; background:-webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));}
.cate_ul ul {text-align:center;}
.cate_ul ul li {display:inline-block; vertical-align:top; margin-right:51px; height:78px; text-align:center;}
.cate_ul ul li a {font-size:14px; display:block; height:78px;}
.cate_ul ul li div, .cate_ul ul li p {font-size:15px; height:22px; line-height:22px;}
.cate_ul ul li div {padding:18px 0 0;}
.cate_ul ul li p {font-size:14px;}
.cate_ul ul li div, .cate_ul ul li p {color:#222; white-space:nowrap;}
.cate_ul ul li:last-child {margin-right:10px;}
.cate_ul ul li.on div, .cate_ul ul li.on p, .cate_ul ul li a:hover div, .cate_ul ul li a:hover p {color:#09aa82;}
.cate_ul ul li:hover div {transform:scale(1.1);}
.cate_ul ul li:hover p {transform:scale(1.1);}
.iproducts_nav ul li:hover div, .iproducts_nav ul li p {color:#fff;}
@media (max-width: 1220px) {
	.cate_ul ul {white-space:nowrap; width:fit-content; text-align:left;}
}
@media (max-width: 1000px) {
	.cate {margin-bottom:20px;}
	.cate_ul:after {display:block;}
	.catein {cursor:w-resize;}
	.cate_ul ul li div {font-size:16px;}
	.cate_ul ul li {margin-right:20px;}
}
@media (max-width: 640px) {
	.cate, .cate_ul ul li, .cate_ul ul li a {height:60px;}
	.cate_ul ul li {line-height:60px; margin-right:20px;}
	.cate_ul ul li div {padding:18px 0 0; font-size:14px;}
	.cate_ul ul li p {display:none;}
}

.position {background-color:#f2f2f2; line-height:24px; padding:10px 0; font-size:14px;}
.position span:last-child a {color:#09aa82;}

.about_h1 {text-align:center; padding-bottom:20px;}
.about_h1 .h1 {font-size:30px; color:#222; padding-bottom:5px;}
.about_h1 .h2 {font-size:15px; color:#9e9e9e;}
.about_h1 .h3 {font-size:15px; color:#646464; line-height:24px; padding:15px 0;}
.about_mar {width:990px; margin:0 auto; max-width:94%;}
.about_h2 {color:#7f7e7e;}
.about_part2 {background-color:#f2f2f2; padding:50px 0;}
.about_cer {position:relative; margin:0 40px;}
.about_cer2 {position:relative; margin:0 40px; padding-bottom:40px;}
.about_plpart img {height:240px;}
.swiper-slide-about2 {width:auto !important;}
.about_btns {text-align:center; padding-top:30px;}
.about_btn {width:28px; height:52px; line-height:52px; display:inline-block; color:#aba7a7; text-align:center; font-size:16px; border:1px solid #e0e0e0; margin:0 5px; cursor:pointer; outline:none;}
.about_btn:hover {background-color:#09aa82; color:#fff; border-color:#09aa82;}
@media (max-width: 640px) {
	.about_part2 {padding:30px 0;}
	.about_h1 {padding-bottom:10px;}
	.about_h1 .h1 {font-size:22px;}
	.about_h1 .h2 {font-size:16px;}
	.about_h1 .h3 {font-size:15px;}
	.about_cer {margin:0 30px;}
	.about_plpart img {height:140px;}
	.about_cer2 {margin:0 10px;}
	.about_cer, .about_cer2 {padding-bottom:20px;}
	.about_btns {padding-top:20px;}
}

.profircate {background:url("../images/profircate.jpg") no-repeat center center; background-size:100% 100%; padding:50px 0 80px;}
.profircate_mar {position:relative;}
.protitle {text-align:center; color:#09aa82; font-size:50px; padding-bottom:20px;}
.profircate_mar .pic {width:53%; border:10px solid rgba(255, 255, 255, 0.2); box-shadow:0 0 8px rgba(0, 0, 0, 0.2); border-radius:12px; box-sizing:border-box; overflow:hidden;}
.profircate_mar .pic img {width:100%;}
.profircate_mar .pic:hover img {transform:scale(1.1);}
.profircate_mar .words {width:41%; position:absolute; top:50%; right:0; transform:translateY(-50%);}
.profircate_h1 {padding-bottom:30px;}
.profircate_h1 div {font-size:28px;}
.profircate_h1 p {font-size:19px; padding-top:8px;}
.profircate_h1.center {text-align:center;}
.profircate_h2 {font-size:15px; line-height:28px; color:#7f7e7e;}
.profircate_h2 p {padding-left:12px; position:relative;}
.profircate_h2 p:after {content:""; display:block; width:5px; height:5px; border-radius:50%; background-color:#09aa82; position:absolute; top:12px; left:0;}
.profircate_h3 {padding-bottom:20px;}
.protwocate {background-color:#f0f0f0;}
.protwocate_in {margin:0 4%; padding:80px 0;}
.protwocate_part {width:25%; float:left; margin-bottom:15px;}
.protwocate_part .mar {margin:0 18px; background-color:#fff;}
.protwocate_part .pic {border-bottom:1px solid #f0f0f0; overflow:hidden;}
.protwocate_part .pic img {width:100%; padding:18px; box-sizing:border-box;}
.protwocate_part .words .pad {padding:14px;}
.protwocate_part .words .h1 {font-size:17px; height:20px; line-height:20px; overflow:hidden;}
.protwocate_part .words .h2 {font-size:14px; height:20px; line-height:20px; overflow:hidden; margin-top:3px;}
.protwocate_part .mar:hover .words .h1, .protwocate_part .mar:hover .words .h2 {color:#09aa82;}
.protwocate_part .mar:hover .pic img {transform:scale(1.1);}
.probanimg {text-align:center;}
.probanimg img {height:500px;}
.protit {text-align:center;}
.protit .h1 {font-size:30px;}
.protit .h2 {font-size:30px;}
.pro_banner {padding-bottom:20px;}
.protable {position:relative; height:460px; overflow-y:hidden; overflow-x:auto;}
.protable_in {width:100%; white-space:nowrap; display:flex;}
.protable.on {height:auto;}
.protable_ul {flex:1; display:inline-block;}
.protable_ul:first-child {flex:0.8;}
.protable_ul li:nth-child(odd) {background-color:#f0f0f0;}
.protable_ul li:first-child {background-color:#282c2b; color:#fff;}
.protable_ul li {height:46px; line-height:46px; padding:0 12px; font-size:14px; whit-e-space:nowrap;}
.protable_ul.center li {text-align:center;}
.protable_more {width:100%; height:46px; line-height:46px; color:#09aa82; text-align:center; background-color:#f0f0f0; font-size:14px; cursor:pointer; margin-bottom:30px;}
.protable.on .protable_more {background-color:#fff;}
.protable_more .on {display:inline-block;}
.protable_more .off {display:none;}
.protable.on .protable_more .on {display:none;}
.protable.on .protable_more .off {display:inline-block;}
.prodetail img {max-width:100%;}

.proj_part {width:33.33%; float:left; margin-bottom:20px;}
.proj_part .mar {margin:0 12px;}
.proj_part .pic {overflow:hidden;}
.proj_part .pic img {width:100%;}
.proj_part .pic:hover img {transform:scale(1.1);}
.proj_part .words {text-align:center; height:22px; line-height:22px; font-size:14px; margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pswp__caption__center .mar {text-align:center;}
@media (max-width: 1000px) {
	.proj_part {width:50%;}
	.proj_part .mar {margin:0 6px;}

	.probanimg img {height:300px;}
	.profircate_h1 div {font-size:22px;}
	.profircate_h1 p {font-size:16px;}

	.protable_in {width:fit-content;}

	.profircate {background:none; padding:50px 0;}
	.profircate_mar .pic {width:auto; margin-bottom:20px;}
	.profircate_mar .words {width:auto; position:static; transform:translate(0, 0);}
	.protwocate_part {width:50%;}
	.protwocate_part .mar {margin:0 6px;}
}
@media (max-width: 640px) {
	.probanimg img {height:220px;}
	.profircate {padding:10px 0 30px;}
	.protitle {font-size:30px; padding-bottom:10px;}
	.profircate_h1 {padding-bottom:15px;}
	.profircate_h1 div {font-size:18px;}
	.profircate_h2 {font-size:14px; line-height:22px;}
	.protwocate_in {padding:30px 0;}
	.protwocate_part .words .h1 {font-size:14px;}
	.protwocate_part .words .h2 {font-size:12px;}
}

.iproducts {padding:60px 0;}
.iproducts_nav {margin-top:30px; background-image:url("../images/pronav.png"); background-repeat:no-repeat; background-position:center top; background-size:100% 100%; position:relative; overflow:visible;}
.iproducts_nav:before {content:""; display:block; width:300px; height:100%; overflow:hidden; position:absolute; left:-300px; top:0; z-index:1; background-color:#09aa82;}
.iproducts_nav ul li div, .iproducts_nav ul li p {color:#fff;}
.iproducts_nav ul li.on div, .iproducts_nav ul li.on p, .iproducts_nav ul li a:hover div, .iproducts_nav ul li a:hover p {color:#fff;}

.inews {background-color:#f4f6f8; padding:60px 0;}
.index_mar, .index_mar2 {margin:0 10%;}
.inews_con {position:relative;}
.inews_con .pro_banpage {margin-top:30px;}
.inews_part .pic {width:50%; float:left; overflow:hidden; position:relative;}
.inews_part .pic a {display:block; width:100%; height:100%;}
.inews_part .pic img {width:100%;}
.inews_part .pic img.on {position:absolute; top:-25px; left:0;}
.inews_part .words {width:46%; float:right;}
.inews_part .words .pad {padding-top:40px;}
.inews_part .words .h1 {font-size:21px; white-space:nowrap; height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis;}
.inews_part .words .h2 {color:#949494; font-size:16px; padding:20px 0 30px;}
.inews_part .words .h3 {font-size:14px; line-height:28px; height:112px; overflow:hidden; color:#7f7e7e; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.inews_part .words .h4 {padding-top:15px;}
.inews_part .words .h4 a {color:#09aa82; font-size:15px;}
.inews_part .pic:hover img {transform:scale(1.1);}

.index_tit {text-align:center;}
.index_tit .h1 {color:#09aa82; font-size:40px; text-transform:uppercase; padding-bottom:6px;}
.index_tit .h2 {font-size:24px; padding-bottom:10px;}
.index_tit .h3 {font-size:14px; line-height:22px; color:#999; width:700px; max-width:90%; margin:0 auto;}

.what {padding:60px 0;}
.what_con {padding:50px 0 0;}
.what_part {text-align:center; width:25%; float:left;}
.what_part .mar {margin:0 20px;}
.what_part .h1 {position:relative;}
.what_part .h1 img {width:146px; max-width:100%;}
.what_part .h1 .i {display:inline-block; font-size:48px; color:#fff; position:absolute; top:50%; left:50%;  transform:translate(-50%, -50%);}
.what_part .h2 {font-size:18px; color:#222; white-space:nowrap; padding-bottom:8px; margin-top:10px;}
.what_part .h3 {color:#7f7e7e; font-size:14px; line-height:24px;}
.what_part .mar:hover .h1 {transform:rotateY(180deg) translateY(-8px);}
.what_part .mar:hover .h2 {transform:translateY(-6px);}
.what_part .mar:hover .h3 {transform:translateY(-5px);}
.what_part .pic {position:relative;}

.index_bg {background:url("../images/index_bg.png") no-repeat center top; background-size:100% auto;}

.pro_catebanner {padding:80px 0; position:relative;}
.ipro_catepart .pic {width:48%; float:left; overflow:hidden; position:relative;}
.ipro_catepart .pic a {display:block;}
.ipro_catepart .pic img {width:88%; position:relative; z-index:2;}
.ipro_catepart .pic:before {content:""; display:block; position:absolute; bottom:0; left:0; z-index:1; width:100%; height:50px; background-color:#fff;}
.ipro_catepart .pic:after {content:""; display:block; position:absolute; top:-10%; left:-110px; z-index:3; width:50px; height:120%; background:-webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1)); transform:rotate(20deg); animation:animation2 3s infinite linear;}
@keyframes animation2{
	0% {left:-100px;}
	30% {left:600px;}
	99.99% {left:600px;}
	100% {left:-100px;}
}

.ipro_catepart .words {width:48%; float:right;}
.ipro_catepart .words .pad {padding-top:140px;}
.ipro_catepart .words .h1 {font-size:24px; padding-bottom:10px;}
.ipro_catepart .words .h2 {font-size:16px; color:#7f7e7e; padding-bottom:10px;}
.ipro_catepart .words .h3 {font-size:14px; line-height:24px; color:#7f7e7e; height:96px; overflow:hidden;}

.solution {padding-top:60px;}
.solution_con {padding-top:60px;}
.solution_part {float:left; margin-bottom:1%; overflow:hidden;}
.solution_part .pic {position:relative;}
.solution_part .pic img {width:100%;}
.solution_part_b {width:49.5%;}
.solution_part_m {width:32.66%;}
.solution_part:nth-child(2), .solution_part:last-child {float:right;}
.solution_part:nth-child(4) {margin-left:1%;}
.solution_part .h0 {color:#fff; height:46px; line-height:46px; font-size:14px;}
.solution_part a {display:block; width:100%;}
.solution_part .words {width:100%; height:46px; position:absolute; bottom:0; left:0; background-color:rgba(0, 0, 0, 0.7); text-align:center;}
.solution_part .words .h1, .solution_part .words .h3 {color:#fff;}
.solution_part .words .h2 {color:#09aa82;}
.solution_part .words_in {width:100%; display:inline-block; position:absolute; top:50%; transform:translateY(-50%); left:0; opacity:0; margin-top:20px;}
.solution_part .words .h1 {font-size:26px;}
.solution_part .words .h2 {font-size:24px; padding:6px 0;}
.solution_part .words .h3 {font-size:20px;}
.solution_part:hover .h0 {opacity:0;}
.solution_part:hover .words {height:100%;}
.solution_part:hover .words_in {opacity:1; margin-top:0;}

@media (max-width: 1250px) {
	.inews_part .words .pad {padding-top:20px;}
	.what_part {width:50%; margin-bottom:15px;}
	.ipro_catepart .words .pad {padding-top:80px;}
}
@media (max-width: 1000px) {
	.inews_part .pic, .inews_part .words {width:auto; float:none;}
	.iproducts_nav {background:#09aa82;}
	.iproducts_nav:before {display:none;}
	.iproducts_nav ul {margin:0 15px;}
	.iproducts_nav:after {background:-webkit-linear-gradient(left,rgba(9,170,130,0),rgba(9,170,130,1));}
	.ipro_catepart .pic, .ipro_catepart .words {width:auto; float:none;}
	.ipro_catepart .pic {text-align:center;}
	.ipro_catepart .pic img {width:90%;}
	.ipro_catepart .words .pad {padding-top:30px;}
	.pro_catebanner {padding:30px 0;}
}
@media (max-width: 640px) {
	.iproducts, .inews, .what {padding:25px 0;}
	.inews_part .words .h1 {font-size:16px;}
	.inews_part .words .h2 {font-size:14px; padding:8px 0 15px;}
	.index_mar {margin:0 4%;}
	.index_mar2 {margin:0;}
	.inews_part .words .h3 {height:56px; -webkit-line-clamp:2;}
	.what_part .mar {margin:0 10px;}
	.what_part .pic {text-align:left; height:110px;}
	.what_part .h1 {display:inline-block; width:30%;}
	.what_part .words {position:absolute; top:0; right:0; width:68%;}
	.what_part .h1 .i {font-size:36px;}
	.what_con {overflow-x:auto; padding:10px 0;}
	.what_ul {width:fit-content; white-space:nowrap;}
	.what_part {float:none; display:inline-block; vertical-align:top; margin-bottom:0;}
	.what_part .h2, .what_part .h3 {white-space:normal;}
	.index_tit .h1 {font-size:27px; padding-bottom:2px;}
	.index_tit .h2 {font-size:17px;}
	.what_part .h2 {font-size:15px;}

	.ipro_catepart .pic, .ipro_catepart .words {max-width:90%; margin:0 auto; float:none;}
	.ipro_catepart .words .h1 {font-size:18px; padding-bottom:8px;}
	.pro_catebanner {padding-bottom:0;}
	.solution_con {padding-top:20px;}
	.solution_part:hover .h0 {opacity:1;}
	.solution_part .words, .solution_part:hover .words {height:30px; position:static; background-color:#222;}
	.solution_part .h0 {height:30px; line-height:30px; font-size:12px;}
	.solution_part .words_in, .solution_part:hover .words_in {display:none;}
	.index_bg {background:none;}
	.inews_part .pic:hover img {transform:scale(1);}
}