@charset "utf-8";
@import "icon.css";
/* CSS Document */
body {font-family:MicroSoft Yahei,Arial;overflow-x:hidden;}
ul,li {padding:0;margin:0;}
li {list-style:none;}
a {text-decoration:none;}
a:hover {text-decoration:none;}
/*top*/
.top {padding:15px 0;display:flex;}
.brand {margin-right:auto;}
.brand img {max-width:100%;}
.tel {display:flex;align-items:center;}
.tel .icon-tel {font-size:60px;color:#ff8c00;line-height:normal;}
.tel-c p {font-size:14px;color:#333;font-weight:bold;margin-bottom:0;line-height:20px;}
.tel-c h3 {font-size:30px;font-weight:bold;font-style:italic;margin-bottom:0;}
.nav {background-color:#073b82;}
.navul {display:flex;justify-content:space-between;position:relative;z-index:99;}
.nav li {line-height:50px;}
.nav li a {font-size:16px;color:#fff;display:block;text-align:center;position:relative;}
.nav li i {display:none;padding:0 20px;}
.nav li a:hover::after {content:'';position:absolute;width:0;height:0;border-right:5px solid transparent;border-left:5px solid transparent;border-bottom:5px solid #ff8c00;left:50%;bottom:0;transform:translateX(-50%);}
.nav li a:hover {color:#ff8c00;}
.navul-s {position:absolute;width:100%;left:0;background-color:#ff8c00;padding:30px;align-items:flex-start;display:none;z-index:99;}
.nav li a:hover~.navul-s,.navul-s:hover {display:flex;}
.navul-s img {width:25%;}
.nav-c {display:flex;flex-wrap:wrap;flex:1;}
.nav-c li {width:50%;line-height:40px;}
.nav-c li a {display:block;font-size:14px;}
.nav-c li a:hover {background-color:#fff;color:#ff8c00;}
.menu-btn {color:#fff;line-height:50px;display:none;cursor:pointer;}
.close-btn {text-align:right;line-height:50px;display:none;}
.close-btn i {font-size:30px;padding-right:20px;cursor:pointer;}
.banner {position:relative;overflow:hidden;}
.banner img {max-width:100%;}
.ipro {background-image:url(../images/bgipro.jpg);background-repeat:no-repeat;background-position:left center;background-size:cover;padding-top:60px;padding-bottom:60px;}
.coom-t {font-size:34px;color:#333;text-align:center;line-height:44px;}
.coom-t span {color:#ff8c00;}
.coom-p {font-size:16px;color:#333;text-align:center;line-height:22px;margin-top:10px;margin-bottom:20px;}
.ipro-c {display:flex;}
.ipro-c-l {position:relative;margin-right:10px;}
.ipro-link {position:absolute;top:50px;left:20px;}
.t-zh {font-size:24px;line-height:30px;color:#333;margin-bottom:5px;}
.t-en {font-style:16px;font-family:Arial;line-height:22px;color:#666;margin-bottom:0;}
.ipro-c-r {display:flex;flex-wrap:wrap;}
.ipro-c-r-c {position:relative;}
.on .t-zh {color:#fff;}
.on .t-en {color:#fff;}
.ipro-c-r-c:nth-child(1),.ipro-c-r-c:nth-child(3) {margin-right:10px;}
.ipro-c-r-c:nth-child(1),.ipro-c-r-c:nth-child(2) {margin-bottom:10px;}
.iadv {background-color:#f5f5f5;padding-top:60px;padding-bottom:60px;}
.coom-t span strong {font-size:50px;font-style:italic;}
.adv-row {display:flex;}
.adv-i {width:50%;}
.adv-i img {max-width:100%;}
.adv-t {width:40%;background-color:#fff;padding:50px;box-sizing:border-box;text-align:right;}
.adv-t img {max-width:100%;}
.adv-text {font-size:14px;color:#333;line-height:26px;}
.adv-pic {margin-top:50px;}
.adv-row2 {justify-content:flex-end;margin-top:60px;}
.adv-row2 .adv-t {text-align:left;}
.iabout {background-image:url(../images/bgiabout.jpg);background-repeat:no-repeat;background-position:top center;background-size:100% auto;padding-top:60px;padding-bottom:60px;}
.ia-h3 {color:#fff;font-size:32px;font-weight:bold;text-align:center;margin-bottom:20px;}
.ia-h3 span {font-size:16px;font-weight:bold;font-family:Arial;}
.ia-p {color:#fff;font-size:14px;text-align:center;margin-bottom:60px;}
.ia-ul {display:flex;margin-bottom:40px;}
.ia-ul li {width:25%;text-align:center;border-right:1px solid #fff;}
.ia-ul li:last-child {border-right:none;}
.ia-ul li h3 {font-size:42px;font-family:Arial;color:#ff8c00;line-height:46px;font-weight:bold;}
.ia-ul li p {line-height:24px;color:#fff;font-size:14px;}
.ia-c {font-size:14PX;color:#fff;line-height:28px;text-align:center;margin-bottom:30px;}
.ia-c a {color:#fff;}
.ia-c a:hover {text-decoration:underline;}
.btn-box {text-align:center;}
.ia-btn {font-size:14px;color:#fff;padding:10px 40px;border:2px solid rgba(255,255,255,.6);}
.ia-btn:hover {color:#fff;}
.ievn {margin:50px 100px 0;overflow:hidden;position:relative;}
.ievn .swiper-slide img {max-width:100%;}
.ievn .swiper-button-next,.ievn .swiper-button-prev {background-color:#ff8c00;padding:40px 20px;color:#fff;}
.ievn .swiper-button-next {right:0;}
.ievn .swiper-button-prev {left:0;}
.inews {padding-top:60px;padding-bottom:60px;background-image:url(../images/bginews.png);background-repeat:no-repeat;background-position:top center;background-size:cover;}
.in-h3 {color:#333;font-size:32px;font-weight:bold;text-align:center;margin-bottom:20px;}
.in-h3 span {font-size:16px;font-weight:bold;font-family:Arial;}
.in-p {color:#333;font-size:14px;text-align:center;margin-bottom:60px;}
.inews-c {display:flex;}
.inews-l {width:50%;}
.inews-l img {max-width:100%;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.inews-one {background-color:#333;padding-bottom:20px;}
.inews-one a {display:block;overflow:hidden;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.inews-one h5 {margin-bottom:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}
.inews-one h5 a {font-size:18px;color:#fff;line-height:40px;padding:10px 30px;}
.inews-one p {line-height:22px;font-size:14px;color:#fff;background-color:#333;padding:0 30px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:0;}
.inews-one:hover img {-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2);}
.inews-one:hover a {color:#ff8c00;}
.inews-r {flex:1;padding-left:30px;box-sizing:border-box;}
.inews-list {padding:14px 30px;background-color:#f5f5f5;margin-bottom:10px;}
.inews-list h5 {line-height:30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;margin-bottom:0;}
.inews-list h5 a {font-size:18px;color:#333;display:block;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.inews-list p {font-size:14px;color:#666;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:5px;}
.inews-list:hover a {color:#ff8c00;}
.footer-t {padding-top:60px;padding-bottom:60px;background-image:url(../images/bgfoott.jpg);background-repeat:no-repeat;background-position:top center;background-size:cover;border-bottom:8px solid #ff8c00;}
.footer-t .ia-h3 {text-align:left;}
.form-mes {display:flex;justify-content:space-between;}
.form-mes input {background:none;line-height:40px;border:1px solid #7b7b7b;border-radius:5px;min-width:250px;font-size:14px;color:#fff;padding:0 20px;outline:none;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.form-mes input:focus {border-color:#ff8c00;}
.form-mes button {background-color:#ff8c00;color:#fff;font-size:18px;border:none;padding:0 20px;line-height:40px;border-radius:5px;}
.footer-b {padding-top:30px;padding-bottom:30px;background-image:url(../images/bgfootb.jpg);background-repeat:no-repeat;background-position:top center;background-size:cover;}
.nav-f {display:flex;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.2);}
.nav-f ul {padding:0 20px;}
.nav-f ul h3 {line-height:50px;}
.nav-f ul h3 a {font-size:16px;color:#fff;font-weight:bold;}
.nav-f ul li {line-height:30px;}
.nav-f ul li a {color:#9e9e9e;font-size:14px;}
.con-f {display:flex;justify-content:space-around;padding-top:30px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.2);}
.con-f li {text-align:center;width:30%;}
.con-f li i {font-size:30px;color:#666;}
.con-f li p {color:#fff;font-size:14px;line-height:22px;}
.copyright {font-size:14px;color:#666;line-height:30px;text-align:center;padding-top:30px;}
.copyright a {color:#666;}
.copyright a:hover {text-decoration:underline;}
.ibanner {background-repeat:no-repeat;background-position:center center;background-size:cover;min-height:400px;}
.main {margin-top:40px;margin-bottom:40px;display:flex;}
.left {min-width:250px;max-width:250px;margin-right:30px;}
.left h3 {background-color:#073b82;color:#fff;font-size:16px;padding:0 20px;line-height:40px;margin-bottom:0;}
.navsec {border-left:1px solid #f5f5f5;border-right:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5;margin-bottom:30px;}
.navsec li {line-height:40px;}
.navsec li a {display:block;padding:0 20px;color:#333;font-size:14px;}
.navsec li a:hover,.navsec li a.on {background-color:#ff8c00;color:#fff;}
.contact-l {border-left:1px solid #f5f5f5;border-right:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5;padding:20px;font-size:14px;line-height:26px;color:#333;}
.contact-l a {color:#333;}
.right {flex:1;max-width:100%;}
.t-h3-r {background-color:#073b82;color:#fff;font-size:16px;padding:0 20px;line-height:40px;}
.content-r {border-left:1px solid #f5f5f5;border-right:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5;color:#333;padding:20px;}
.t-h3-s {font-size:16px;line-height:40px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #f5f5f5;text-align:center;}
.t-p-s {font-size:12px;color:#999;text-align:center;margin-bottom:20px;}
.content-show {font-size:14px;color:#333;line-height:26px;}
.content-show a {color:#333;}
.content-show img {max-width:100%;}
.content-show a:hover {text-decoration:underline;}
.nap {text-align:right;margin-top:20px;padding-top:20px;border-top:1px solid #f5f5f5;}
.nap p {margin-bottom:0;font-size:14px;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}
.nap p a {color:#666;}
.nap p a:hover {color:#073b82;}
.navsec-btn {line-height:40px;text-align:center;cursor:pointer;font-size:14px;color:#fff;background-color:#ff8c00;display:none;margin-bottom:10px;}
.navsec-btn i {margin-left:20px;}
.sec-close-btn {line-height:40px;text-align:right;display:none;}
.sec-close-btn i {font-size:30px;padding-right:20px;cursor:pointer;}
.prolist {display:flex;flex-wrap:wrap;justify-content:space-between;}
.prolist li {width:32%;text-align:center;border:1px solid #f5f5f5;margin-bottom:20px;}
.prolist li a {display:block;}
.prolist li h3 {line-height:40px;margin-bottom:0;}
.prolist li:hover h3 a {color:#fff;background-color:#ff8c00;}
.p-l-i {padding:20px;box-sizing:border-box;}
.p-l-t {background-color:#f5f5f5;color:#333;font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}
.prolist img {max-width:100%;}
.pages {display:flex;justify-content:center;}
.pages a {font-size:12px;font-family:Arial;display:inline-block;color:#333;line-height:28px;width:30px;margin-left:3px;margin-right:3px;border:1px solid #f5f5f5;border-radius:3px;text-align:center;}
.pages a:first-child {margin-left:0;}
.pages a:last-child {margin-right:0;}
.pages a:hover,.pages a.on {background-color:#ff8c00;color:#fff;border-color:#ff6803;}
/*map*/
.my-map {margin:0 auto;width:100%;height:640px;}
.my-map .icon {background:url(https://a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat;}
.my-map .icon-cir {height:31px;width:28px;}
.my-map .icon-cir-red {background-position:-11px -5px;}
.my-map .icon-cir {height:31px;width:28px;}
.my-map .icon-cir-red {background-position:-11px -5px;}
.amap-container{height:100%;}
.myinfowindow{width:240px;min-height:50px;}
.myinfowindow h5{height:20px;line-height:20px;overflow:hidden;font-size:14px;font-weight:bold;width:220px;text-overflow:ellipsis;word-break:break-all;white-space:nowrap;}
.myinfowindow div{margin-top:10px;min-height:40px;line-height:20px;font-size:13px;color:#6f6f6f;}
.proshow {display:flex;}
.proshow img {width:500px;margin-right:30px;}
.pro-info h3 {font-size:20px;font-weight:bold;color:#333;line-height:50px;border-bottom:1px solid #f5f5f5;margin-bottom:10px;padding-bottom:10px;}
.pro-info p {font-size:14px;color:#666;line-height:26px;}
.xj-btn {font-size:14px;background-color:#ff8c00;color:#fff;padding:10px 40px;border-radius:5px;}
.xj-btn:hover {color:#fff;background-color:#ff6803;}
.pro-t {font-size:14px;color:#073b82;border-bottom:1px solid #f5f5f5;line-height:40px;margin-top:20px;margin-bottom:20px;}
.pro-t span {position:relative;display:inline-block;padding:0 20px;}
.pro-t span::after {content:'';position:absolute;left:0;bottom:-2px;width:100%;height:3px;background-color:#073b82;}
.form-xp {width:500px;padding-top:20px;}
.form-xp input,.form-xp textarea {line-height:40px;border:1px solid #f5f5f5;border-radius:5px;min-width:500px;font-size:14px;color:#333;padding:0 20px;outline:none;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;margin-bottom:10px;}
.form-xp button {background-color:#ff8c00;color:#fff;font-size:18px;border:none;padding:0 20px;line-height:40px;border-radius:5px;}
.newslist li {display:flex;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f5f5f5;}
.newslist .p-n-i {max-width:30%;margin-right:20px;}
.newslist .p-n-i img {max-width:100%;}
.p-n-t a {font-size:16px;color:#333;line-height:40px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}
.p-n-t a:hover {color:#ff8c00;}
.p-n-t p {font-size:12px;line-height:22px;color:#666;}
.p-n-t span {font-size:12px;line-height:22px;color:#999;font-family:Arial;}
.suspension {position: fixed;right: 40px;top: 60%;z-index: 111;}
.suspension li {width: 50px;height: 50px;background-color: #fff;display: flex;justify-content: center;align-items: center;color: #168fff;-webkit-box-shadow: rgb(0 0 0 / 10%) 0 1px 5px;-moz-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;box-shadow: rgb(0 0 0 / 10%) 0 1px 5px;border-radius: 5px;-o-border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;cursor: pointer;margin-bottom: 10px;}
.suspension li:hover {background-color: #168fff;color: #fff;}
.return_top span {font-size: 26px;}
.return_phone {position: relative;}
.return_phone>div p {background-color: #168fff;width: 160px;height: 50px;text-align: center;line-height: 50px;font-size: 20px;border-radius: 5px;-o-border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-webkit-box-shadow: rgb(0 0 0 / 10%) 0 1px 5px;-moz-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;box-shadow: rgb(0 0 0 / 10%) 0 1px 5px;color: #fff;display: none;}
.return_phone>div {padding-right: 15px;position: absolute;right: 50px;}
.suspension .return_phone:hover>div p {display: block;color: #fff;}
.return_top_wx {position: relative;}
.WeChat_pop_up {display: none;padding-right: 15px;position: absolute;right: 50px;}
.WeChat_pop_up div {width: 180px;height: 180px;background-color: #fff;border: solid 1px #d8d8d8;border-radius: 5px;-o-border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;padding: 5px;}
.WeChat_pop_up div img {width: 100%;height: 100%;}
.return_top_wx:hover div {display: block;}
.m-bottom {display:none;position:fixed;bottom:0;z-index:99;background-color:#073b82;width:100%;padding:10px 0;}
.m-bottom i {line-height:30px;color:#fff;font-size:20px;}
.m-bottom p {color:#fff;font-size:14px;line-height:22px;margin-bottom:0;}
.m-bottom li {width:25%;text-align:center;}
@media (max-width:1360px) {
.nav-f ul {padding:0 10px;}
}
@media (max-width:1200px) {
.nav-f {flex-wrap:wrap;}

}
@media (max-width:576px) {
.tel {display:none;}
.close-btn {display:block;}
.nav {justify-content:flex-end;}
.menu-btn {display:block;padding:0 20px;}
.navul {position:absolute;top:0;top:-1000px;background-color:#fff;height:100%;padding:0;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;display:block;}
.navul.show {top:0;}
.nav li {border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;position:relative;flex-wrap:wrap;}
.nav li a {color:#333;text-align:left;padding:0 40px;}
.nav li i {display:block;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.nav li i.show {transform:rotate(90deg);-ms-transform:rotate(90deg); -moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);}
.navul-s {position:static;width:100%;background-color:#fff;padding-top:0;padding-bottom:0;}
.nav li:last-child {border-bottom:none;}
.navul-s.show {display:block;}
.navul-s img {display:none;}
.nav-c li {width:100%;}
.ipro {padding-top:40px;padding-bottom:0;}
.coom-t {font-size:20px;line-height:30px;padding-left:20px;padding-right:20px;font-weight:bold;}
.coom-p {font-size:12px;padding-left:20px;padding-right:20px;}
.ipro .container {padding:0;}
.ipro-c {flex-wrap:wrap;}
.ipro-c-l {width:100%;margin-right:0;}
.ipro-c-l img {max-width:100%;}
.ipro-c-r {width:100%;}
.ipro-c-r .ipro-c-r-c {margin-bottom:0;margin-right:0;}
.ipro-c-r-c img {max-width:100%;}
.iadv {padding-top:40px;padding-bottom:0;}
.adv-row {flex-wrap:wrap;}
.adv-i {width:100%;}
.adv-t {width:100%;padding:20px;}
.adv-pic {margin-top:20px;}
.adv-row2 {margin-top:0;}
.adv-row2 .adv-i {order:1;}
.adv-row2 .adv-t {order:2;}
.iabout {background-size:cover;padding-top:40px;padding-bottom:40px;}
.ia-h3 {font-size:20px;margin-bottom:10px;}
.ia-p {margin-bottom:30px;}
.ia-ul {flex-wrap:wrap;margin-bottom:10px;}
.ia-ul li {width:50%;border-right:none;}
.ia-c {font-size:12px;line-height:22px;}
.ievn {margin:30px 20px 0;}
.inews {padding-top:40px;padding-bottom:40px;}
.in-h3 {font-size:20px;}
.in-p {margin-bottom:30px;}
.inews-c {flex-wrap:wrap;}
.inews-l {width:100%;}
.inews-one h5 a {font-size:16px;line-height:30px;padding-bottom:0;}
.inews-one p {font-size:12px;}
.inews-one {margin-bottom:20px;}
.inews-r {padding-left:0;}
.inews-list h5 a {font-size:16px;}
.inews-list p {font-size:12px;}
.footer-t {padding-top:40px;padding-bottom:40px;}
.form-mes {flex-wrap:wrap;justify-content:center;}
.form-mes input {width:100%;margin-bottom:10px;}
.ia-h3 {margin-bottom:20px;}
.nav-f {flex-wrap:wrap;}
.nav-f ul {width:50%;}
.nav-f ul h3 {line-height:30px;}
.nav-f ul li {display:none;}
.con-f {flex-wrap:wrap;}
.con-f li {width:100%;padding-left:20px;padding-right:20px;}
.copyright {margin-bottom:0;line-height:22px;font-size:12px;}
.main {flex-wrap:wrap;}
.left {min-width:100%;}
.left h3,.contact-l {display:none;}
.navsec-btn {display:block;}
.navsec {position:fixed;width:100%;background-color:#fff;height:100%;left:0;top:-1000px;border:none;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.navsec li {border-bottom:1px solid #f5f5f5;}
.navsec.show {top:0;}
.sec-close-btn {display:block;}
.ibanner {min-height:150px;}
.main {margin-top:20px;margin-bottom:20px;}
.prolist li {width:100%;display:flex;align-items:center;}
.p-l-i {width:40%;padding:5px;}
.prolist li h3 {flex:1;line-height:unset;height:100%;}
.prolist li .p-l-t {padding-left:10px;padding-right:10px;height:100%;display:flex;align-items:center;justify-content:center;}
.imglist li {width:32%;}
.imglist .p-l-i {width:100%;}
.proshow {flex-wrap:wrap;max-width:100%;}
.proshow img {max-width:100%;margin-right:0;}
.pro-info h3 {font-size:16px;line-height:30px;margin-bottom:5px;padding-bottom:5px;margin-top:10px;}
.pro-info p {font-size:12px;line-height:22px;}
.form-xp {max-width:100%;}
.form-xp input,.form-xp textarea {width:100%;min-width:auto;}
.nap p {text-align:left;}
.newslist li {flex-wrap:wrap;}
.newslist .p-n-i {max-width:100%;margin-right:0;}
.p-n-t a {line-height:30px;font-size:14px;}
.p-n-t h3 {margin-bottom:0;}
.p-n-t p {margin-bottom:0;}
.my-map {height:240px;}
.suspension {display:none;}
.m-bottom {display:flex;}
}