@charset "utf-8";
/*
	MBTXW.COM Copyright (C)2008-2099 www.mbtxw.com
	Author: mbtxw.com, QQ:536205792.
    Special note: do not modify this document without permission.
*/
/* 分享页面 */
.share-box {background:#FFFFFF;border-radius:8px;padding:6px 20px 20px 20px;margin-top:20px;overflow:hidden;}
.share-box .qrcode {height:300px;text-align:center;padding:50px 0 50px 0;display:none;}
.share-box .qrcode div {line-height:24px;font-size:12px;color:#666666;}
.share-box .shares {height:120px;text-align:center;padding:0 10px;}
.share-box .shares li {width:192px;float:left;padding:26px 0;cursor:pointer;}
.share-box .shares li:hover {background:#F2F2F2;border-radius:8px;}
.share-box .shares img {border-radius:16px;width:90px;height:90px;}
.share-box .shares span {display:block;font-size:14px;padding-top:16px;}



/*简介单页横幅*/
.about-banner {position:relative;background-image:url("../images/banner/banner-08.jpg");background-repeat:no-repeat;background-position:center center;background-size:cover;width:100%;height:100vh;overflow:hidden;}
.about-banner .banner-box {padding-top:23%;}
.about-banner .banner-box .text-left {text-align:center;color:rgba(225, 225, 225, 0.8);letter-spacing:8px;}
.about-banner .banner-box .text-left h1 {font-weight:bold;font-family:Arial;font-size:80px;animation:bounceInRight ease-in-out 1s 1;}
.about-banner .banner-box .text-left h2 {z-index:2;font-family:"aliFangYuan";font-size:48px;font-weight:bold;padding-top:26px;animation:bounceInLeft ease-in-out 1.2s 1;}


.about-body {height:100vh;padding-top:150px;}

.about-title {position:relative;text-align:center;}
.about-title h1 {font-weight:bold;position:absolute;top:0;z-index:1;width:100%;font-family:Arial;font-size:100px;color:rgba(0,0,0,0.1);}
.about-title h2 {z-index:2;font-family:"Microsoft YaHei", 微软雅黑;font-size:48px;font-weight:bold;color:rgba(0,0,0,1);line-height:70px;padding-top:56px;}
.about-title p {margin-top:14px;margin-bottom:80px;}
.about-title p span {display:inline-block;margin:0 6px 0 0;height:6px;border-radius:6px;}
.about-title p span:nth-child(1) {width:6px;background:#c00303;animation:p-span-ana 1.2s linear infinite alternate;}
.about-title p span:nth-child(2) {background:#404040;animation:p-span-anb 1.2s linear infinite alternate;}
@keyframes p-span-ana {
  0% {
	width: 6px;
}
100% {
	width: 48px;
}
}
@keyframes p-span-anb {
  0% {
	width: 48px;
}
100% {
	width: 6px;
}
}


.about-slide {float:left;width:45%;}
.about-slide .floor_slide {position:relative;margin:15px 15px 0 15px;height:400px;}
.about-slide .floor_slide .bd {border:0;}
.about-slide .floor_slide .bd li {text-align:center}
.about-slide .floor_slide .bd li img {width:100%;height:400px;transform:translate3d(0,0,0);border-radius:15px;margin-bottom:10px;}
.about-slide .floor_slide .hdb ul {width:100%;position:absolute;z-index:1;bottom:20px;left:0;height:30px;line-height:30px;text-align:center;}
.about-slide .floor_slide .hdb ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:10px;height:10px;margin:10px;border-radius:50%;background:rgba(0,0,0,.6);overflow:hidden;filter:alpha(opacity=60);opacity:0.6;}
.about-slide .floor_slide .hdb ul li.on {background:#FF6600;}
.about-slide .floor_slide .hdb-next,.hdb-prev {position:absolute;top:200px;z-index:9;width:30px;height:30px;line-height:30px;overflow:hidden;font-size:18px;text-align:center;cursor:pointer;font-weight:bold;color:#CCC;font-family:simsun;background:rgb(0,0,0,0.3);border-radius:50%;}
.about-slide .floor_slide .hdb-next:hover,.hdb-prev:hover {background:rgb(0,0,0,0.6);color:#CCC;}
.about-slide .floor_slide .hdb-prev {left:20px;}
.about-slide .floor_slide .hdb-next {right:20px;}


.about-content {float:left;width:52%;margin-left:3%;padding-top:10px;}
.about-content p {font-size:18px;line-height:42px;text-indent:2em;}




/*介绍单页面下箭头*/
.bottom-arrow {width:100%;text-align:center;z-index:9;margin-top:15%;transform:rotate(180deg);height:50px;}
.bottom-arrow img {-webkit-animation:start 1.5s infinite ease-in-out;width:33px;height:26px;}
@keyframes start {
    0%,30% {opacity: 0;transform: translate(0,10px);}
    60% {opacity: 1;transform: translate(0,0);}
    100% {opacity: 0;transform: translate(0,-8px);}
}
@-webkit-keyframes start {
    0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}
    60% {opacity: 1;-webkit-transform: translate(0,0);}
    100% {opacity: 0;-webkit-transform: translate(0,-8px);}
}
@-moz-keyframes start {
    0%,30% {opacity: 0;-moz-transform: translate(0,10px);}
    60% {opacity: 1;-moz-transform: translate(0,0);}
    100% {opacity: 0;-moz-transform: translate(0,-8px);}
}



/*联系单页横幅*/
.contatc-banner {position:relative;background-image:url("../images/banner/banner-02.jpg");background-repeat:no-repeat;background-position:center center;background-size:cover;width:100%;height:100vh;}
.contatc-banner .contatc-box {padding-top:168px;}
.contatc-banner .contatc-box .ul-left {float:left;font-size:20px;}
.contatc-banner .contatc-box .ul-left .left-tel {padding-bottom:20px;overflow:hidden;font-weight:800;}
.contatc-banner .contatc-box .ul-left .left-tel p {float:left;padding-right:30px;font-family:'aliFangYuan',sans-serif;}
.contatc-banner .contatc-box .ul-left .left-tel a {color:#b9dfff;border-bottom:1px solid;font-family:'aliFangYuan',sans-serif;}
.contatc-banner .contatc-box .ul-left .left-address {font-family:'aliFangYuan',sans-serif;}
.contatc-banner .contatc-box .ul-left .left-map {text-align:center;width:200px;margin-top:20px;padding:10px 0;border-radius:50px;line-height:33px;background:#fff;color:#666;}
.contatc-banner .contatc-box .ul-left .left-map span {background:url('../images/map.jpg') no-repeat 5px center;background-size:29px 33px;padding:0 10px 0 32px;font-size:16px;}

.contatc-banner .contatc-box .ul-right {float:right;display:flex;align-items:center;}
.contatc-banner .contatc-box .ul-right li:nth-child(1) {padding-top:14px;position:relative;text-align:right;font-size:16px;line-height:30px;margin-right:25px;}
.contatc-banner .contatc-box .ul-right li:nth-child(1)::before {content: '';width:13px;height:3px;background:#fff;position:absolute;right:0;top:0;}
.contatc-banner .contatc-box .ul-right img {height:120px;}
/*单页横幅内容*/
.webpage-banner-mask {position:absolute;width:100%;background:-webkit-gradient(linear, 0 0, 0 bottom, from(transparent), to(#000));height:360px;z-index:90;bottom:0px;color:#FFF;font-size:12px;font-style:normal}



/*手机版*/
.mobile-box {background:#FFFFFF;border-radius:8px;padding:6px 20px 20px 20px;margin-top:20px;overflow:hidden;}

/*单页面*/
.extend-box {padding-bottom:20px;}
.extend-box .extend-left {float:left;width:220px;background:#FFFFFF;border-radius:8px;position:relative;}
.extend-box .extend-left ul {margin:20px 20px 0 20px;padding-bottom:20px;}
.extend-box .extend-left ul a {display:block;font-size:16px;}
.extend-box .extend-left .side_no {line-height:48px;height:48px;overflow:hidden;margin-bottom:16px;background:#f0f2f9;overflow:hidden;border-radius:8px;text-align:center;}
.extend-box .extend-left .side_li {line-height:48px;height:48px;padding-left:32px;overflow:hidden;}
.extend-box .extend-left .side_li:hover {background:#f5f5f9;border-radius:8px;}
.extend-box .extend-left .side_on {line-height:48px;height:48px;background:#f0f2f9;padding-left:0px;overflow:hidden;border-radius:8px;}
.extend-box .extend-left .side_on a {position:relative;font-weight:bold;color:#e62626!important;padding-left:32px;}
.extend-box .extend-left .side_on a::after {content:'';position:absolute;width:5px;height:18px;background:#e22929;left:12px;box-shadow:3px 0px 10px -1px #ea3535;border-radius:3px;margin-top:15px;}

.extend-box .extend-left.fd-active {position:fixed;top:100px;z-index:6;}

.extend-box .extend-right {margin-top:16px;margin-left:240px;min-height:100vh;background:#FFFFFF;border-radius:8px;}
.extend-box .extend-right h1 {font-size:28px;text-align:center;overflow:hidden;border-bottom:#EEEEEE 1px solid;padding:20px 0;margin:0px 26px 10px 26px;color:#2a2828;}
.extend-box .extend-right table {padding:20px 20px 20px 20px;}


/*网站地图*/
.site_map {margin:auto;width:100%;clear:both;padding:16px 0 8px 0;margin-bottom:10px;}
.site_map .mapbox {background:#FFFFFF;font-size:14px;box-shadow:0 1px 6px rgba(0,0,0,.35);*border:1px solid #d5d5d5;border:1px solid #d5d5d5\9;padding-bottom:10px;border-radius:5px;}
.site_map .mapbox .mapnav {padding:15px;line-height:28px;}
.site_map .mapbox .mapnav i {font-style:normal;padding:0 6px;color:#666;}
.site_map .mapbox .opencurren {line-height:41px;height:41px;color:#ffffff;font-size:14px;background-color:#efefef;color:#505050;border-left:8px solid #f20000;margin-left:-8px;cursor:pointer;border-radius:5px 0 0 5px;}
.site_map .mapbox .opencurren span {margin-right:15px;}
.site_map .mapbox .opencurren strong {text-align:left;margin-left:15px;font-weight:bold;}
.site_map .mapbox .bigclass {padding:20px 20px 20px 23px;line-height:36px;overflow:hidden;}
.site_map .mapbox .bigclass li {float:left;width:16.66%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.site_map .mapbox .columnbox {line-height:41px;height:41px;color:#ffffff;font-size:14px;background-color:#efefef;color:#505050;border-left:8px solid #F20000;margin-left:-8px;cursor:pointer;border-radius:5px 0 0 5px;}
.site_map .mapbox .columnbox span {margin-right:5px;}
.site_map .mapbox .columnbox strong {text-align:left;margin-left:15px;font-weight:bold;}
.site_map .mapbox .screening {padding:10px 20px 20px 22px;overflow:hidden;}
.site_map .mapbox .screening p {line-height:32px;font-size:14px;}
.site_map .mapcatalog {overflow:hidden;zoom:1;padding:8px 20px 5px 20px;margin:8px 0 8px  0;border-right:#E8E8E8 1px dotted;}
.site_map .mapcatalog .more {float:right;display:inline;border:#E8E8E8 1px solid;width:40px;color:#A0A0A0;height:22px;line-height:21px;background:url('../images/icon/mro_arrow.png') right 8px no-repeat;padding:0 5px 0 5px;margin:3px 0 0  0;}
.site_map .mapcatalog .more.actived {background-position:right -7px;color:#F20000;}
.site_map .mapcatalog .divcatalog {display:inline;overflow: hidden;}
.site_map .mapcatalog .divcatalog dl {overflow:hidden;display:block;padding:5px 14px 0 0;zoom:1;}
.site_map .mapcatalog .divcatalog dd {float:left;display:block;cursor:pointer;margin-right:1.5%;width:23.5%;height:30px;line-height:30px;overflow:hidden;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.site_map .mapcatalog .divcatalog .pcw {width:100%;float:left;}
.site_map .mapcatalog .divcatalog .pcw.close{height:86px;overflow: hidden;}
.site_map .mapcatalog .divcatalog em {padding:0 3px;color:#E8E8E8;}
.site_map .mapbox .abc-box {padding:3px;}


.L1 {display:inline-block;width:26px;font-size: 16px !important;text-align:center;text-transform:uppercase;}
.L1:hover {background:#F20000;width:26px;color:#FFFFFF !important;border-radius:5px;}
.L2 {background:#F20000;color:#FFFFFF;padding:16px 12px 10px 12px;font-weight:bold;text-transform:uppercase;border-radius:5px 5px 0 0;}

/*横幅导航菜单*/
.banner-navmenu {width:100%;height:80px;position:absolute;z-index:199;top:0;}
.banner-navmenu .nav-m {margin:auto;width:90%;clear:both;}
.banner-navmenu:hover {background:rgba(0, 0, 0, 0.3);}
.banner-navmenu .extend-logo {float:left;}
.banner-navmenu .extend-logo img {padding-top:8px;height:66px;}
.banner-navmenu .extend-logo a .fixon-no {display:none;}
.banner-navmenu .extend-logo a .fixon-yes {display:block;}

.banner-navmenu .extend-menu {float:right;z-index:99;padding-top:13px;}
.banner-navmenu .extend-search {border: 2px solid rgba(255, 255, 255, 0.3);margin:8px 0 0 15px;border-radius:25px;padding:8px 10px;}
.banner-navmenu .extend-search span {background:url('../images/icon/icon-search-white.png') no-repeat 5px center;background-size:18px 18px;font-size:16px;color:#fff;padding:0 10px 0 32px;cursor:pointer;font-family:"aliFangYuan";}

.banner-navmenu .extend-search:hover {background:#d0131d;border:#d0131d 2px solid;}

.banner-navmenu .extend-menu li {float:left;position:relative;}
.banner-navmenu .extend-menu .nav-no {height:50px;display:block;font-size:18px;z-index:99;position:relative;margin:15px 25px 0 25px;}
.banner-navmenu .extend-menu .nav-no a {color:#fff;font-family:"aliFangYuan";}
.banner-navmenu .extend-menu .nav-no:hover {color:#FF0000;}
.banner-navmenu .extend-menu .nav-unfold {height:50px;display:block;font-size:18px;font-family:"aliFangYuan";z-index:99;position:relative;margin:15px 25px 0 25px;color:#fff;}
.banner-navmenu .extend-menu .nav-unfold a {color:#fff;font-family:"aliFangYuan";}
.banner-navmenu .extend-menu li:hover .navbox {display:block;}
.banner-navmenu .extend-menu li strong {height:26px;line-height:26px;display:block;cursor:pointer;font-family:"aliFangYuan";}
.banner-navmenu .extend-menu .sub-menu {padding:10px 10px;}
.banner-navmenu .extend-menu .sub-menu div {height:38px;line-height:38px;width:100px;padding:0 15px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.banner-navmenu .extend-menu .sub-menu div a {color:#535353;font-family:"aliFangYuan";}
.banner-navmenu .extend-menu .sub-menu div:hover {background:rgb(255,34,0,0.05);border-radius:5px;}
.banner-navmenu .extend-menu .navbox {z-index:98;background:#ffffff;display:none;position:absolute;top:60px;border-radius:5px;box-shadow:0 0 15px rgb(0 0 0/50%);margin-left:-16px;}
.banner-navmenu .extend-menu li:hover .nav-unfold::after {content:'';border:10px solid transparent;position:absolute;border-left-color:#fff;left:23px;margin-top:0px;transform:rotate(-90deg);z-index:198;}
.banner-navmenu .extend-menu li::before {content: "";position: absolute;right:0;top:29px;transform:translateY(-50%);width:1px;height:12px;background-color:#E1E1E1;z-index:198;}
.banner-navmenu .extend-menu li:last-child::before {display:none;}
.banner-navmenu .extend-menu li:nth-last-child(2)::before {display:none;}

.banner-navmenu .language-menu {border: 2px solid rgba(255, 255, 255, 0.3);margin:8px 0 0 15px;border-radius:25px;padding:8px 15px;}
.banner-navmenu .language-menu span {background:url('../images/icon/icon-language-white.png') no-repeat 10px center;background-size:16px 16px;font-size:16px;color:#FFF;padding:0 10px 0 36px;cursor:pointer;font-family:"aliFangYuan";}
.banner-navmenu .extend-language:hover .language-menu {background:rgba(255, 255, 255, 0.8);border:#d0131d 2px solid;}
.banner-navmenu .extend-language:hover .language-menu span {background:url("../images/icon/icon-language-red.png") no-repeat 10px center;background-size:16px 16px;color:#d0131d;}
.banner-navmenu .extend-menu .language-switch {z-index:98;background:#ffffff;display:none;position:absolute;top:66px;border-radius:5px;box-shadow:0 0 15px rgb(0 0 0/50%);margin-left:20px;text-align:center;}
.banner-navmenu .extend-menu .language-switch div {width:60px;}
.banner-navmenu .extend-menu li:hover .language-switch {display:block;}
.banner-navmenu .extend-menu li:hover .language-menu::after {content:'';border:10px solid transparent;position:absolute;border-left-color:#fff;left:62px;margin-top:30px;transform:rotate(-90deg);z-index:198;}


/*浮动导航*/
.fixon {width:100%;height:80px;background:#FFFFFF;position:fixed;z-index:919;left:0;top:0px;box-shadow:0 0 10px #DDDDDD;display:none;}
.fixon .banner-navmenu {background:#FFFFFF;height:60px;}
.fixon .banner-navmenu a {color:#000 !important;}
.fixon .banner-navmenu .extend-logo a .fixon-no {display:block;}
.fixon .banner-navmenu .extend-logo a .fixon-yes {display:none;}
.fixon .banner-navmenu .extend-logo img {padding-top:12px;clip-path:inset(0px 0px 19% 0px);}
.fixon .banner-navmenu:hover {background:#FFFFFF;}
.fixon .banner-navmenu .extend-menu {padding-top:10px;}
.fixon .banner-navmenu .extend-menu li .nav-unfold {color:#000;}
.fixon .banner-navmenu .extend-menu li .nav-unfold a:hover {color:#FF0000;}
.fixon .banner-navmenu .extend-menu li:hover .nav-no a {color:#FF0000;}

.fixon .banner-navmenu .language-menu {border:#d0131d 2px solid;}
.fixon .banner-navmenu .language-menu span {background:url('../images/icon/icon-language-red.png') no-repeat 10px center;background-size:16px 16px;font-size:16px;color:#d0131d;padding:0 10px 0 36px;cursor:pointer;font-family:"aliFangYuan";}

.fixon .banner-navmenu .extend-search {background:#d0131d;border:#d0131d 2px solid;}