/*-----------------------------------------------------------*/
/*copyright by åŠ¨åŠ›æ— é™ www.btoe.cn*/
/*邮箱 btoe@btoe.cn*/
/*åˆä½œç”µè¯ 400-0599-360*/
/*版æƒæ‰€æœ‰è¿è€…必究*/
/*-----------------------------------------------------------*/
/*Generated by wjdhcms 3.0 */
@charset "utf-8";
::-webkit-scrollbar {
width: 8px;
height: 8px;
background-color: #F5F5F5;
}
::-webkit-scrollbar-track {
border-radius: 10px;
background-color: #E2E2E2;
}
button{outline:none;}
::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
background-color: #555;
}
::selection {
background-color: #41b499;
color: #fff;
}
::-moz-selection {
background-color: #41b499;
color: #fff;
}
::-webkit-selection {
background-color: #41b499;
color: #fff;
}
* {
padding: 0;
margin: 0;
font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;
}
body {
font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;
color: #333;
margin: 0;
line-height: 1.5;
}
*:before, *:after {
box-sizing: content-box;
}
:focus {
outline: 1;
}
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
display: block;
}
a {
color: #333;
text-decoration: none;
}
a:link,
a:hover,
a:active,
a:visited {
text-decoration: none;
}
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
input,
select {
vertical-align: middle;
}
li,
ul {
list-style-type: none;
}
img {
border: none;
}
input,textarea {
outline: 0;
border: 0;
resize: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
dt,
i,
em {
font-weight: normal;
font-style: normal;
}
.fixedNav {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
z-index: 100000;
_position: absolute;
_top: expression(eval(document.documentElement.scrollTop));
box-shadow: 0px 10px 12px rgba(0,0,0,.1);
}
html{
cursor: url(../images/cur.png),
default;
}
a{
cursor: url(../images/Acur.png),
default ;
}
textarea{
animation: animated 1s infinite;
-moz-animation: animated 1s infinite;
-webkit-animation: animated 1s infinite;
-o-animation: animated 1s infinite;
}
input[type="text"]{
animation: animated 1s infinite;
-moz-animation: animated 1s infinite;
-webkit-animation: animated 1s infinite;
-o-animation: animated 1s infinite;
}
input[type="button"]
{
cursor: url(../images/Acur.png),
default !important;
}
@keyframes animated {
0% {
cursor: url('../images/Pcuro1.png'),
auto;
}
8.8% {
cursor: url('../images/Pcuro2.png'),
auto;
}
17.6% {
cursor: url('../images/Pcuro3.png'),
auto;
}
26.4% {
cursor: url('../images/Pcuro4.png'),
auto;
}
35.2% {
cursor: url('../images/Pcuro5.png'),
auto;
}
44% {
cursor: url('../images/Pcuro6.png'),
auto;
}
52.8% {
cursor: url('../images/Pcuro7.png'),
auto;
}
61.6% {
cursor: url('../images/Pcuro8.png'),
auto;
}
70.4% {
cursor: url('../images/Pcuro9.png'),
auto;
}
79.2% {
cursor: url('../images/Pcuro10.png'),
auto;
}
88% {
cursor: url('../images/Pcuro11.png'),
auto;
}
100% {
cursor: url('../images/Pcuro12.png'),
auto;
}
}
.t_back{width:100%;height:0.1px;}
.big_box{width:100%;height:auto;min-height:100px;position:relative;}
/* 导航开始css */
.nav_xiala_xx{width:100%;height:100px;box-sizing:content-box;background:rgba(0,0,0,0);position:absolute;left:0;top:0px;z-index:99;}
.ny_nav{background:rgba(0,0,0,0.9);}
.nav_xiala_xx .w1200{width:100%;height:100px;margin:0 auto;box-sizing:content-box;position:relative;}
.nav_xiala_xx .w1200 h1{width:301px;height:60px;margin:20px 8% 20px 35px;box-sizing:content-box;float:left;}
.nav_xiala_xx .w1200 .logo{width:301px;height:59px;display:block;vertical-align:top;}
.lh-search-btn{width:50px;height:100px;background:url(../images/search.png) center center no-repeat;cursor:pointer;float:left;}
.lh-search-box{position:absolute;left:0;top:100px; z-index:1;background:#f8f8f8;width:100%;padding:35px 0;box-sizing:content-box;visibility:hidden; opacity:0;transition:cubic-bezier(0.215,.61,.355,1) .25s;}
.Search .lh-search-box{opacity:1; visibility:visible;}
.lh-search-box .ss{width:800px;height:60px;line-height:60px;margin:0 auto;border-radius:3px; background:#f4f4f4;overflow:hidden;}
.lh-search-box .ss .input{width:550px;height:60px;color:#333;display:block;background: rgba(0,0,0,0);float:left;font-size:14px;padding:0 20px;box-sizing:content-box;}
.lh-search-box .ss .button{width:100px;height:60px;display:inline-block;cursor:pointer;border:none;background:#41b499;font-size:16px;color:#fff;float:right;}
.nav_xiala_xx .w1200 .nav_yiji{width:60%;height:100px;float:left;display:flex;justify-content: space-between;margin-right:20px;}
.nav_xiala_xx .w1200 .nav_yiji > li{width:10%;height:100px;position:relative;position:relative;z-index:0;}
.nav_xiala_xx .w1200 .nav_yiji > li .one{width:100%;height:100px;line-height:100px;display:block;text-align:center;font-size:15px;color:#fff;position:relative;z-index:0;-webkit-transition:all .5s;transition:all .5s;}
.nav_xiala_xx .w1200 .nav_yiji > li .one::before{content:'';width:100%;height:0px;background:rgba(255,255,255,0.3);position:absolute;top:30px;left:0;z-index:-1;border-radius:20px;-webkit-transition:all .7s;transition:all .7s;}
.nav_xiala_xx .w1200 .nav_yiji > li:hover .one::before{content:'';width:100%;height:40px;background:rgba(255,255,255,0.3);position:absolute;top:30px;left:0;z-index:-1;border-radius:20px;-webkit-transition:all .7s;transition:all .7s;}
.nav_xiala_xx .w1200 .nav_yiji > li.active .one{color:#fff;-webkit-transition:all .5s;transition:all .5s;}
.nav_xiala_xx .w1200 .nav_yiji > li:hover .one{color:#fff;-webkit-transition:all .5s;transition:all .5s;}
.nav_xiala_xx .w1200 .nav_yiji > li.active .one::before{content:'';width:100%;height:40px;background:rgba(255,255,255,0.3);position:absolute;top:30px;left:0;z-index:-1;border-radius:20px;}
.nav_erji{width:100%;height:460px;background:#f8f8f8;overflow:hidden;position:absolute;z-index:-1;left:0;top:100px;display:none;}
.fixedNav .nav_erji{top:100px;}
.nav_erji .jz{width:1200px;height:400px;margin:0 auto;padding-top:60px;box-sizing:content-box;position:relative;}
.nav_erji .jz::before{content:'';width:1px;height:400px;background:#cfcfcf;position:absolute;top:0;left:0;}
.nav_erji .jz .top{width:1200px;height:65px;transform: translateY(20px);transition: all 0.7s ease-in-out;-webkit-transition: all 0.7s ease-in-out;}
.nav_erji .jz .top .h_bt{width:120px;height:65px;padding-left:10px;box-sizing:content-box;float:left;text-align:left;position:relative;}
.nav_erji .jz .top .h_bt::after{content:'';width:200px;height:1px;background:#cfcfcf;position:absolute;top:38px;right:0;}
.nav_erji .jz .top .h_bt h4{font-size:30px;color:#222;line-height:30px;}
.nav_erji .jz .top .h_bt p{font-size:14px;color:#888;line-height:12px;text-transform: Uppercase;margin-top:22px;}
.nav_erji .jz .top .list{width:auto;max-width:990px;height:50px;float:right;}
.nav_erji .jz .top .list li{width:140px;height:50px;float:left;margin-right:30px;position:relative;z-index:0;}
.nav_erji .jz .top .list li:last-child{margin-right:0;}
.nav_erji .jz .top .list li a{display:block;width:110px;line-height:50px;padding:0 20px 0 10px;box-sizing:content-box;background:#f8f8f8;font-size:15px;color:#333;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}
.nav_erji .jz .top .list li:hover a{background:#fff;font-size:15px;color:#41b499;-webkit-transition:all .7s;transition:all .7s;}
.nav_erji .jz .top .list li a::after{content:'';width:4px;height:4px;border:solid 1px #41b499;border-radius:3px;position:absolute;top:22px;right:7px;}
.nav_erji .jz .top .list li .line01{width:150px;height:1px;background:#cfcfcf;position:absolute;top:0;right:0;}
.nav_erji .jz .top .list li .line02{width:1px;height:60px;background:#cfcfcf;position:absolute;bottom:0;right:0;}
.nav_erji .jz .top .list li .line03{width:150px;height:1px;background:#cfcfcf;position:absolute;bottom:0;left:0;}
.nav_erji .jz .top .list li .line04{width:1px;height:60px;background:#cfcfcf;position:absolute;top:0;left:0;}
.nav_erji .jz .top .list li .line01::before{content:'';width:0px;height:1px;background:#41b499;position:absolute;top:0;right:0;-webkit-transition:all .7s;transition:all .7s;}
.nav_erji .jz .top .list li:hover .line01::before{content:'';width:150px;height:1px;background:#41b499;position:absolute;top:0;right:0;-webkit-transition:all .7s;transition:all .7s;}
.nav_erji .jz .top .list li .line02::before{content:'';width:1px;height:0px;background:#41b499;position:absolute;bottom:0;right:0;-webkit-transition:all .7s;transition:all .7s;}
.nav_erji .jz .top .list li:hover .line02::before{content:'';width:1px;height:60px;background:#41b499;position:absolute;bottom:0;right:0;-webkit-transition:all .7s;transition:all .7s;}
.nav_erji .jz .top .list li .line03::before{content:'';width:0px;height:1px;background:#41b499;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}
.nav_erji .jz .top .list li:hover .line03::before{content:'';width:150px;height:1px;background:#41b499;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}
.nav_erji .jz .top .list li .line04::before{content:'';width:1px;height:0px;background:#41b499;position:absolute;top:0;left:0;-webkit-transition:all .7s;transition:all .7s;}
.nav_erji .jz .top .list li:hover .line04::before{content:'';width:1px;height:60px;background:#41b499;position:absolute;top:0;left:0;-webkit-transition:all .7s;transition:all .7s;}
.nav_erji .jz .bottom{transform: translateY(20px);transition: all 0.7s ease-in-out;-webkit-transition: all 0.7s ease-in-out;}
.nav_erji .jz .pro_bot{width:1120px;height:245px;margin:30px 0 0 80px;overflow:hidden;}
.nav_erji .jz .pro_bot li{width:265px;height:245px;margin-right:20px;float:left;overflow:hidden;}
.nav_erji .jz .pro_bot li:last-child{margin-right:0;}
.nav_erji .jz .pro_bot li a{display:block;}
.nav_erji .jz .pro_bot li .img{width:245px;height:180px;border:solid 10px #fff;box-sizing:content-box;border-radius:10px 10px 0 0;overflow:hidden;}
.nav_erji .jz .pro_bot li .img img{width:245px;height:180px;transition: all 1s;vertical-align:top;object-fit:cover;}
.nav_erji .jz .pro_bot li:hover .img img{transform: scale(1.05);}
.nav_erji .jz .pro_bot li .txt{width:225px;height:40px;padding:0 20px;box-sizing:content-box;margin-top:5px;border-radius:0 0 10px 10px; background:#fff;overflow:hidden;}
.nav_erji .jz .pro_bot li .txt .name{display:block;float:left;padding-left:10px;box-sizing:content-box;width:160px;font-size:14px;color:#666;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;}
.nav_erji .jz .pro_bot li .txt .name::before{content:'';width:2px;height:14px;background:#b4b4b4;position:absolute;top:13px;left:0;}
.nav_erji .jz .pro_bot li .txt .jt{width:20px;height:40px;float:right;background:url(../images/nav_jt.png) right 18px no-repeat;position:relative;}
.nav_erji .jz .pro_bot li .txt .jt::before{content:'';width:8px;height:8px;border:solid 1px #41b499;border-radius:5px;position:absolute;top:15px;left:0;}
.nav_erji .jz .ab_bot{width:1120px;height:235px;margin:30px 0 0 80px;overflow:hidden;}
.nav_erji .jz .ab_bot .img{width:380px;height:215px;border:solid 10px #fff;box-sizing:content-box;border-radius:10px;overflow:hidden;float:left;}
.nav_erji .jz .ab_bot .img img{width:380px;height:215px;vertical-align:top;object-fit:cover;}
.nav_erji .jz .ab_bot .txt{width:680px;height:235px;overflow:hidden;float:right;}
.nav_erji .jz .ab_bot .txt h4{height:38px;font-size:18px;color:#333;line-height:18px;position:relative;}
.nav_erji .jz .ab_bot .txt h4::after{content:'';width:25px;height:2px;background:#cfcfcf;position:absolute;bottom:0;left:0;}
.nav_erji .jz .ab_bot .txt p{font-size:14px;color:#888;line-height:25px;height:75px;overflow:hidden;margin-top:35px;}
.nav_erji .jz .ab_bot .txt .more{display:block;width:95px;height:20px;border-bottom:solid 1px #cfcfcf;margin-top:45px;font-size:12px;color:#333;line-height:10px;background:url(../images/nav_jt.png) right 3px no-repeat;position:relative;-webkit-transition:all .7s;transition:all .7s;}
.nav_erji .jz .ab_bot .txt .more:hover{border-bottom:solid 1px #41b499;margin-left:5px;color:#41b499;-webkit-transition:all .7s;transition:all .7s;}
.nav_erji .jz .ab_bot .txt .more::before{content:'';width:8px;height:8px;border:solid 1px #41b499;border-radius:5px;position:absolute;top:0px;right:10px;}
.nav_erji .jz .news_bot{width:1120px;height:245px;margin:30px 0 0 80px;overflow:hidden;}
.nav_erji .jz .news_bot .left{width:460px;height:225px;padding:10px;border-radius:10px;box-sizing:content-box;background:#fff;float:left;overflow:hidden;}
.nav_erji .jz .news_bot .left .img{width:285px;height:225px;position:relative;overflow:hidden;float:left;}
.nav_erji .jz .news_bot .left .img img{width:285px;height:225px;vertical-align:top;transition: all 1s;object-fit:cover;}
.nav_erji .jz .news_bot .left:hover .img img{transform: scale(1.05);}
.nav_erji .jz .news_bot .left .img .date{width:65px;height:65px; background:#41b499;position:absolute;top:0;left:30px;text-align:center;color:#fff;font-family:Arial;}
.nav_erji .jz .news_bot .left .img .date p:nth-of-type(1){font-size:26px;font-weight:bold;line-height:22px;margin-top:10px;}
.nav_erji .jz .news_bot .left .img .date p:nth-of-type(2){font-size:14px;line-height:12px;margin-top:10px;}
.nav_erji .jz .news_bot .left .txt{width:155px;height:225px;overflow:hidden;float:right;position:relative;}
.nav_erji .jz .news_bot .left .txt::before{content:'';width:60px;height:1px;background:#cfcfcf;position:absolute;top:120px;left:0;}
.nav_erji .jz .news_bot .left .txt .name{display:block;font-size:16px;color:#333;line-height:25px;height:50px;overflow:hidden;margin-top:45px;}
.nav_erji .jz .news_bot .left .txt .jt{width:20px;height:40px;margin-top:65px;background:url(../images/nav_jt.png) right 18px no-repeat;position:relative;}
.nav_erji .jz .news_bot .left .txt .jt::before{content:'';width:8px;height:8px;border:solid 1px #41b499;border-radius:5px;position:absolute;top:15px;left:0;}
.nav_erji .jz .news_bot .right{width:620px;height:245px;float:right;overflow:hidden;}
.nav_erji .jz .news_bot .right li{width:270px;height:70px;padding:20px 15px;border-radius:10px;box-sizing:content-box;background:#fff;float:left;margin-bottom:25px;overflow:hidden;}
.nav_erji .jz .news_bot .right li:nth-of-type(2n){float:right;}
.nav_erji .jz .news_bot .right li .date{width:70px;height:70px; background:#41b499;float:left;text-align:center;color:#fff;font-family:Arial;}
.nav_erji .jz .news_bot .right li .date p:nth-of-type(1){font-size:26px;font-weight:bold;line-height:22px;margin-top:15px;}
.nav_erji .jz .news_bot .right li .date p:nth-of-type(2){font-size:14px;line-height:12px;margin-top:10px;}
.nav_erji .jz .news_bot .right li .txt{width:180px;height:70px;overflow:hidden;float:right;position:relative;}
.nav_erji .jz .news_bot .right li .txt::before{content:'';width:60px;height:1px;background:#cfcfcf;position:absolute;top:30px;left:0;}
.nav_erji .jz .news_bot .right li .txt .name{display:block;font-size:14px;color:#333;line-height:15px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.nav_erji .jz .news_bot .right li .txt .jt{width:20px;height:40px;margin-top:10px;background:url(../images/nav_jt.png) right 18px no-repeat;position:relative;}
.nav_erji .jz .news_bot .right li .txt .jt::before{content:'';width:8px;height:8px;border:solid 1px #41b499;border-radius:5px;position:absolute;top:15px;left:0;}
.fixedNav {
position: fixed;
top: 0px;
left: 0px;background:rgba(0,0,0,0.9);
z-index:999999;
_position: absolute;-webkit-transition:all .5s;transition:all .5s;
_top: expression(eval(document.documentElement.scrollTop)); box-shadow: 0 8px 8px 0px rgba(0, 0, 0, 0.08);
}
/* 导航结æŸcss */
/* åº•éƒ¨ä¿¡æ¯ */
.footer{width:100%;background:url(../images/ft_back.jpg) center top no-repeat;height:auto;position:relative;box-sizing:content-box;overflow:hidden; cursor:default !important;}
.footer .center{width:1280px;height:400px;margin:0 auto;overflow:hidden;}
.footer .center .right{width:330px;height:400px;float:left;background:rgba(255,255,255,0.2);}
.footer .center .right .infro{width:280px;height:auto;margin:0 auto;overflow:hidden;}
.footer .center .right .infro li{width:280px;height:89px;border-bottom:solid 1px rgba(255,255,255,0.1);margin-top:35px;}
.footer .center .right .infro li p:nth-of-type(1){padding-left:50px;box-sizing:content-box;line-height:18px;font-size:16px;color:rgba(255,255,255,1);}
.footer .center .right .infro li:nth-of-type(1) p:nth-of-type(1){background:url(../images/ft_icon_01.png) 22px center no-repeat;}
.footer .center .right .infro li:nth-of-type(2) p:nth-of-type(1){background:url(../images/ft_icon_02.png) 22px center no-repeat;}
.footer .center .right .infro li:nth-of-type(3) p:nth-of-type(1){background:url(../images/ft_icon_03.png) 22px center no-repeat;}
.footer .center .right .infro li p:nth-of-type(2){line-height:16px;font-size:16px;color:rgba(255,255,255,0.6);margin-top:20px;padding-left:10px;box-sizing:content-box;}
.footer .center .left{width:830px;height:400px;float:right;}
.footer .center .left .txt{width:830px;height:240px;margin-top:40px;overflow:hidden;}
.footer .center .left .txt li{width:130px;height:240px;text-align:center;box-sizing:content-box;float:left;margin-right:70px;background:rgba(255,255,255,0);}
.footer .center .left .txt li h4{height:40px;font-size:18px;line-height:18px;color:#fff;background:url(../images/ft_line.png) bottom center no-repeat;margin-bottom:25px;box-sizing:content-box;}
.footer .center .left .txt li a {display:block;font-size:14px;line-height:15px;color:rgba(255,255,255,0.6);margin-bottom:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}
.footer .center .left .txt li a:hover{color:#fff;-webkit-transition:all .5s;transition:all .5s;}
.footer .center .left .copy{width:830px;height:auto;}
.footer .center .left .copy p{margin-top:25px;}
.footer .center .left .copy p:nth-of-type(1){height:15px;line-height:15px;}
.footer .center .left .copy p:nth-of-type(2){height:25px;line-height:25px;}
.footer .center .left .copy span{margin-right:15px;color:rgba(255,255,255,0.6);}
.footer .center .left .copy span a{color:rgba(255,255,255,0.6);}
.footer .center .left .copy span a:hover{color:#fff;}
.footer .center .left .copy img{vertical-align:middle;margin-right:5px;}
.links{width:1280px;height:70px;margin:0 auto;overflow:hidden;}
.links h4{width:140px;height:70px;float:left;}
.links h4 p{width:140px;line-height:70px;font-size:36px;color:#2a2a2a;font-weight:bold;font-family:Arial;text-transform: Uppercase;background:url(../images/link.png) right center no-repeat;}
.links h4 p span{color:#41b499;}
.links .link{width:1100px;height:70px;float:right;overflow:hidden;position:relative;}
.links .link a{display:block;float:left;width:auto;padding:0 30px;box-sizing:content-box;font-size:14px;line-height:70px;color:#8b8b8b;position:relative;-webkit-transition:all .7s;transition:all .7s;}
.links .link a::after{content:'';width:1px;height:14px;background:#8b8b8b;position:absolute;top:28px;right:0;}
.links .link a:hover{color:#41b499;-webkit-transition:all .7s;transition:all .7s;}
.links .link a:nth-of-type(1){padding-left:0;}