html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, a, q, em, ul, li, ol, form, article, aside, embed, dl, dt, dd, table, td, th, input, button, legend, fiedlset, blockquote, textarea, label, strong, img, fieldset, b { margin: 0; padding: 0; }
body { font: 12px '宋体'; color: #666; color:#333}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
ul, li { list-style-type: none;}
.clearfix { /*font-size: 0;*/ clear: both; line-height: 0; }
.left { float: left; }
.right{ float: right; }
em, cite { font-style: normal; }
.more {float:right;}
img{border:none; vertical-align: middle;}
a { text-decoration: none;color: #333; }
a:hover { text-decoration: underline; }
.MS_1{overflow: hidden;}
.MS_C_1{overflow: hidden;}
html,body{width:100%;overflow-x:hidden;}
#L_20{width:100%;margin:0 auto;}
#L_21{width:1200px;margin:0 auto;}
#L_22{width:100%;margin:0 auto;}
#M_34 .MS_C_-1{background-color: #011f1f;}
#Content_34,#M_34 table{color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_34 a{color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_34 a:hover{color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#M_34 .h-call{width:100%;height: 40px;}
#M_34 .hc-wrap{width: 1170px;height:40px;margin: 0 auto;line-height: 40px;}
#M_34 .lianxi{float: right;}
#M_34 .lianxi a{;margin: 0 5px}
#M_34 .lianxi a:hover{text-decoration: underline}
@media only screen and (max-width:1279px){
#M_34 .h-call,.c-header,.ch-r{display: none}
}#M_35 .my_logo>a{
display: flex;
text-decoration: none;
max-width: 100%;
overflow: hidden;
padding: 20px 0;
float:none;
}
#M_35 .my_logo>a>span>img{
height: 40px;
}
#M_35 .logo_title{
display: flex;
flex-direction: column;
justify-content: space-around;
}
#M_35 .logo_title h1{
margin: 0;
padding: 0;
color:#000000;font-family:"Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;
}
#M_35 .logo_title h2{
margin: 0;
padding: 0;
color:#4c4c4c;font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;
}
#M_35 .my_logo>a>span:nth-child(1){
display: flex;
align-items: center;
}
#M_35 .my_logo>a>span:nth-child(2){
padding: 0px;
margin:0px 10px;
width:1px;
background-color: #ccc;
}
@media only screen and (max-width: 760px){
#M_35 .my_logo{
position: fixed;
top: 0;
left: 0;
right: 0;
background: #fff;
z-index:100;
}
#M_35 .my_logo>a{
padding:20px;
padding-left:5px;
}
#M_35 .my_logo>a>span>img{
height:34px;
}
#M_35 .logo_title h1{
font-size:16px;
}
#M_35 .logo_title h2{
font-size:12px;
}
#M_35 .my_logo>a>span:nth-child(2){
margin:0 5px;
}
}#Content_36,#M_36 table{color:#333333;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_36 a{color:#333333;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_36 a:hover{color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#M_36 .nav_li:after{
content: '';
display: block;
position: absolute;
height: 10px;
width: 1px;
background-color: #333;
top: 50%;
right: 0;
transform: translateY(-50%);
}
#M_36 .nav_li:last-child:after{display:none;}
#M_36 {overflow:visible; box-sizing: border-box;width: 100%;height:90px; transition: all .5s ease;}
#M_36 .MS_C_1 {overflow:visible;}
#M_36 .MS_C_-1 {overflow:visible;}
#M_36 .b-header{width:100%; z-index:100;}
#M_36 .menu_r{float:right;width:100%;height:100%;box-sizing: border-box;
}
#M_36 .b-menu{float:right;}
#M_36 .b-menu li{float:left;position: relative;font-size:12px;}
#M_36 .b-menu li>a{display:block;width:80px;height: 100%;text-align:center;line-height: 90px;}
#M_36 .b-menu li>a:hover,.b-menu li>a.active{text-decoration: none;}
#M_36 .b-menu li>a:hover{background:#000;background:#069836}
#M_36 .b-menu li
ul{width:100%;position:absolute;top:90px;left:0;text-align:center;z-index:100;background:#fff;display:none;background:#e5e5e5}
#M_36 .b-menu li ul li{ float:none;height:34px; line-height:34px;margin:0; }
#M_36 .b-menu li ul li a{width:100%;height:34px;line-height:34px;}
#M_36 .b-menu li ul li a:hover{ background-color:#eeeeee;background:#069836}
#M_36 .nav-moblie {width: 34px;height:34px;margin-top: 25px;position: absolute;right:0;top:0;cursor: pointer;display:
table;transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1)
0s;-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;display:none;}
#M_36 .nav-moblie.selected {transform: rotate(0deg);}
#M_36 .nav-moblie a {/*background-color: #d7d7d7;*/display: block;height: 4px;
position: relative;
top: 50%;
width: 100%;
transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
margin: 0;
}
#M_36 .nav-moblie:hover a:before {
transform: translateY(-2px) rotate(0deg);
-webkit-transform: translateY(-2px) rotate(0deg);
-ms-transform: translateY(-2px) rotate(0deg);
}
#M_36 .nav-moblie:hover a:after {
transform: translateY(2px) rotate(0deg);
-webkit-transform: translateY(2px) rotate(0deg);
-ms-transform: translateY(2px) rotate(0deg);
}
#M_36 .nav-moblie.selected:hover a:before {
transform: translateY(0px) rotate(-55deg);
-webkit-transform: translateY(0px) rotate(-55deg);
-ms-transform: translateY(0px) rotate(-55deg);
}
#M_36 .nav-moblie.selected:hover a:after {
transform: translateY(0px) rotate(55deg);
-webkit-transform: translateY(0px) rotate(55deg);
-ms-transform: translateY(0px) rotate(55deg);
}
#M_36 .nav-moblie a:after,
#M_36 .nav-moblie a:before {
background-color: #d7d7d7;
display: block;
height: 2px;
left: 0;
position: absolute;
width: 100%;
content:'';
transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}
#M_36 .nav-moblie a:after { top: 5px;}
#M_36 .nav-moblie a:before { top: -10px;}
#M_36 .nav-moblie.selected a:after,
#M_36 .nav-moblie.selected a:before { top: 0;}
#M_36 .nav-moblie.selected a:before {
background-color: #d7d7d7;
transform: translateY(0px) rotate(-45deg);
-webkit-transform: translateY(0px) rotate(-45deg);
-ms-transform: translateY(0px) rotate(-45deg);
}
#M_36 .nav-moblie.selected a:after {
background-color: #d7d7d7;
transform: translateY(0px) rotate(45deg);
-webkit-transform: translateY(0px) rotate(45deg);
-ms-transform: translateY(0px) rotate(45deg);
}
#M_36 .nav-moblie.selected a {background-color: transparent !important;}
#M_36 .navMobile{display:none;position:fixed;left:0;top:90px;width:100%;height:100%;background:
#fff;padding-bottom:148px;z-index:2;overflow:auto}
#M_36 .firstUl>li{position:relative;line-height: 62px;border-bottom:1px solid #edf2f4;}
#M_36 .firstUl>li>a,.firstD>a{display:block;padding-left:18px;color:#333;font-size:14px;}
#M_36 .firstUl>li.active,.firstD.active{background: #edf2f4;}
#M_36 .firstUl>li.active>a,.firstD.active>a{color:#23bbab;}
#M_36 .firstUl>li:hover{background: #edf2f4;}
#M_36 .firstUl>li>ul{display:none}
#M_36 .firstUl>li>ul li{line-height:40px;}
#M_36 .firstUl>li>ul li:hover{background: #fff;}
#M_36 .firstUl>li>ul li>a{display:block;padding-left:40px;color:#333;font-size:14px;}
#M_36 .firstD>a{position: relative;}
#M_36 .toggle{position: absolute;right:19px;top:29px;display:inline-block;background: url(../images/iconall.png)
no-repeat 0 -160px;width: 10px;height: 6px;}
#M_36
.select{transition: all 0.5s;position:absolute;height:60px;top:0;right:0;width:120px;text-align:left;line-height:60px;z-index:99;display:none;font-family:cursive;text-align:center;}
#M_36 #menu_pc .select{display:none !important;}
#M_36 #menu_moblie>.active .select{
transform:rotate(180deg);
}
#M_36 .nav_uu{position:relative;width:100%;height:calc(100% - 90px);}
#M_36 .nav_uu .firstUl{position:absolute;width:100%;height:100%;overflow:auto}
@media only screen and (max-width:1024px){
/*头部*/
#M_36 .b-header{height:0px;}
#M_36 .b-menu{display:none;}
#M_36 .nav-moblie{display:block;}
/*top*/
#M_36 .nav-moblie.selected:hover a:before {
transform: translateY(0px) rotate(-45deg);
-webkit-transform: translateY(0px) rotate(-45deg);
-ms-transform: translateY(0px) rotate(-45deg);
}
#M_36 .nav-moblie.selected:hover a:after {
transform: translateY(0px) rotate(45deg);
-webkit-transform: translateY(0px) rotate(45deg);
-ms-transform: translateY(0px) rotate(45deg);
}
#M_36 .nav_li:after{display:none;}
}
@media only screen and (max-width:767px){
/*top*/
#M_36{height:0px;border:none;background: none;}
#M_36 .MS_C_1{height:0px;border:none;background: none;}
#M_36 .MS_C_-1{height:0px;border:none;background: none;}
#M_36 .nav-moblie{right: 20px;position: fixed; z-index:1000;}
#M_36 #menu_moblie .hengmenu{overflow: auto;}
#M_36 .select{color:#333333;}
#M_36 .left{float:none !important;}
}
@media only screen and (max-width:330px){
/*top*/
#M_36 .firstUl>li{line-height: 50px;}
#M_36 .toggle{top:23px;}
}#M_37 {width:100%;}
#M_37 .videoBox {
width: 100%;
overflow: hidden;
height: 100%;
position: relative;
}
#M_37 .banner_ie_video{
height:auto !important;
position: relative;
top:50%;
transform: translateY(-50%);
}
#M_37 .videoBox video {
height: 100%;
width: 100%;
object-fit: cover;
}
#M_37 .myphone {
height:200px;
display: none;
}
#M_37 .mypc {
height:660px;
}
#M_37 .banner_box {
width: 100%;
position:relative;
}
#M_37 .banner_box>div {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
@media (max-width:760px) {
#M_37 .mypc {
display: none !important;
}
#M_37 .myphone {
display: block !important;
}
}
#L_23_99{background:url(https://files.b2b.cn/style/2021/1117/a7a62279a606e38eeaa4283a315958ca.jpg) center center / cover no-repeat;;}
#L_23{width:1200px;margin:0 auto;}
#L_24_99{background-color:#3d3d3d;}
#L_24{width:1200px;margin:0 auto;}
#M_38 .MS_C_1{margin:40px 0px 40px 0px ; }
#Content_38,#M_38 table{color:#ffffff;font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#Content_38 a{color:#808080;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_38 a:hover{color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#M_38 .footer_content{
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
#M_38 .footer_content>li{
padding: 0 50px 0 0;
margin-bottom:20px;
position: relative;
}
#M_38 .footer_content>li:after{
content: '';
display: block;
width: 0px;
border-left: 1px solid #3b3b3b;
position: absolute;
top:0;right:25px;bottom:0;
}
#M_38 .footer_content>li:last-child:after{
display: none;
}
/*#M_38 .footer_content>li:nth-child(n+2){
border-left: 1px solid #3b3b3b;
}*/
/*#M_38 .footer_content>li:first-child{
padding-left: 0px;
}*/
/*#M_38 .footer_content>li:nth-child(5n){
padding-left: 0px;
border-left: none;
}*/
#M_38 .footer_content>li>h2{
color:#ffffff;font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;
margin-bottom: 15px;
}
#M_38 .footer_content>li>h2::after{
content: '';
display: block;
background-color: #069836;
height: 2px;
width: 25px;
transition: all 0.5s;
margin: 15px 0 0;
}
#M_38 .footer_content>li>div>a{
display: block;
margin: 10px 0 0;
}
@media (max-width: 760px){
#M_38 .MS_C_1 {
padding: 0 5%;
box-sizing: border-box;
margin:20px 0;
}
#M_38 .MS_C_-1 {
padding: 0 5%;
box-sizing: border-box;
margin:20px 0;
}
#M_38 .footer_content{
justify-content: space-between;
}
#M_38 .footer_content>li{
width:48%;
display: flex;
flex-wrap: wrap;
margin-bottom:10px;
padding:10px;
border: 1px solid #ffffff;
box-sizing: border-box;
}
#M_38 .footer_content>li:after{
display:none;
}
#M_38 .footer_content>li>h2{
position: relative;
width:100%;
font-size:16px;
margin-bottom:0px;
}
#M_38 .footer_content>li>h2::after{
position: absolute;
right: 6px;
top: 40%;
width: 9px;
height: 9px;
border-top: solid 1px #cccccc;
border-right: solid 1px #cccccc;
background-color: transparent;
margin: -3px 0 0;
-webkit-transform: rotate(135deg) translateX(-50%);
transform: rotate(135deg) translateX(-50%);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
#M_38 .footer_content>li>div{
display:none;
margin-top:10px;
}
#M_38 .footer_content>li>div>a{
margin:0;
padding:6px 0;
}
#M_38 .footer_content>li>.open::after{
-webkit-transform: rotate(315deg) translateX(-50%);transform: rotate(315deg) translateX(-50%);
right: 0;
margin-top: -6px;
}
}#M_40 .MS_C_1{margin:40px 0px 40px 0px ; }
#Content_40,#M_40 table{color:#ffffff;font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;}
#Content_40 a:hover{color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#M_40 .footer_content{
display: flex;
align-items: flex-start;
}
#M_40 .footer_content>li{
padding: 0 25px;
}
#M_40 .footer_content>li:first-child{
padding-left: 0px;
}
#M_40 .footer_content>li:nth-child(n+2){
border-left: 1px solid #3b3b3b;
}
#M_40 .footer_content>li>h2{
color:#ffffff;font-family:" Microsoft YaHei";font-size:16px;font-weight:normal;font-style:normal;
margin-bottom: 15px;
}
#M_40 .footer_content>li>h2::after{
content: '';
display: block;
background-color: #cf010e;
height: 2px;
width: 25px;
transition: all 0.5s;
margin: 15px 0 0;
}
#M_40 .footer_content>li>p{
margin: 10px 0 0;
color:#808080;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;
}
#M_40 .footer_content>li>p:hover{
color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;
}
@media (max-width: 760px){
#M_40 .MS_C_1 {
padding: 0 5%;
box-sizing: border-box;
margin:20px 0;
}
#M_40 .MS_C_-1 {
padding: 0 5%;
box-sizing: border-box;
margin:20px 0;
}
}#M_41 .MS_C_1{margin:40px 0px 40px 0px ; }
#Content_41,#M_41 table{color:#ffffff;font-family:"Microsoft YaHei";font-size:18px;font-weight:normal;font-style:normal;}
#Content_41 a{font-family:"Microsoft YaHei";font-size:12px;font-weight:normal;font-style:normal;}
#Content_41 a:hover{font-family:"Microsoft YaHei";font-size:12px;font-weight:normal;font-style:normal;}
#M_41 .img_title_content>li:nth-child(1){
display: flex;
}
#M_41 .img_title_content>li:nth-child(1)>img{
width: 80px;
height: 80px;
}
#M_41 .img_title_content>li:nth-child(1)>div{
margin-left: 10px;
}
#M_41 .img_title_content>li:nth-child(1)>div>h4{
margin-bottom:10px;
color:#ffffff;font-family:"Microsoft YaHei";font-size:18px;font-weight:normal;font-style:normal;
}
#M_41 .img_title_content>li:nth-child(1)>div>h1{
color:#808080;font-family:"Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;
}
#M_41 .img_title_content>li:nth-child(2){
margin-top:20px;
}
#M_41 .img_title_content>li:nth-child(2)>h2{
color:#ffffff;font-family:"Microsoft YaHei";font-size:24px;font-weight:normal;font-style:normal;
}
#M_41 .img_title_content>li:nth-child(2)>span{
color:#ffffff;font-family:"Microsoft YaHei";font-size:20px;font-weight:normal;font-style:normal;
}
@media (max-width: 760px){
#M_41 .MS_C_1 {
padding: 0 5%;
box-sizing: border-box;
margin:20px 0;
}
#M_41 .MS_C_-1 {
padding: 0 5%;
box-sizing: border-box;
margin:20px 0;
}
}#M_42 .MS_C_-1{padding:30px 0px ;}
#Content_42,#M_42 table{color:#808080;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_42 a{color:#808080;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#Content_42 a:hover{color:#ffffff;font-family:" Microsoft YaHei";font-size:14px;font-weight:normal;font-style:normal;}
#M_42 .myfooter{width:100%;overflow: hidden;text-align: center; box-sizing: border-box;}
#M_42 .fooP,#M_42 .fooP2{margin-bottom: 10px;;line-height: 18px; display: flex;
justify-content: center; flex-wrap: wrap;}
#M_42 .fooP{color:#808080;}
#M_42 .fooP em{display: inline-block;margin:0 7px;}
#M_42 .fooP a{margin: 0 20px;}
#M_42 .marSpan{margin-left: 20px;}
#M_42 .fooP2{width: 100%;}
@media only screen and (max-width:760px){
#M_42 .fooP a {margin: 0 12px;}
}
/*二级菜单横向展开*/
.hengmenu{width:190px !important;}
.hengmenu li{float:left !important;margin-left:10px !important;}
.last_hengmenu{left:-110px !important;}
.phone_layout_active_box_zdx{width:100% !important; padding:0 !important;}