﻿@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0;}
body{ color:#333; font-size:14px; font-family:"微软雅黑"; }
ul, li, ol { list-style: none;} 
img,fieldset{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% Arial,''; vertical-align:middle}
table,td,tr,th{font-size:12px;}
.nodispaly{ display:none}
.line{line-height:50px;}
.lineer{line-height:40px;}
.FK{color: #999;}
.F14{font-size: 14px;}
.Fl{float: left;}
.Fr{float: right;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#333; text-decoration:none; transition: all 0.3s;}
a:hover {color:#00a2e9; text-decoration:none; }
.w1200{width: 1320px; margin: 0 auto;}

/* 语言选择容器 */
.lang-container {
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 4px;
  padding-top: 33px;
  float: right;

}
/* 下拉菜单（默认隐藏） */
.lang-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 80px;
  background: white;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  z-index: 9999;
}
/* 悬停时显示下拉 */
.lang-container:hover .lang-dropdown {
  display: block;
}
/* 语言选项样式 */
.lang-option {
  padding: 5px 10px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.lang-option:hover {
  background: #f5f5f5;
}
/* 国旗图标 */
.lang-option img {
  width: 16px;
  height: 12px;
}


header{background:#fff;height: 160px;width: 100%;left: 0px;top: 0px;z-index: 100;transition: all 0.3s;box-shadow: 0 2px 4px -1px rgba(0,0,0,.2);}
header .top{position: relative; max-width: 1320px; margin: 0 auto; z-index: 9999;}
header .top h1{display:none;}

.tmenu{ width: 100%; float: left; margin-left: 10px;}
.fct_tb{width:100%; float:left; margin: 20px 0px 0px 0px;}
.logo9{float:right; margin: 18px 52px 0px 0px;}
.zyan9{padding: 0 15px; font-size: 16px; float: right; margin-top:25px;  line-height: 40px;}




.fct_tb li{float:left;margin-right:0px;position:relative;}
.fct_tb li span{width:100%; margin-top:10px; float:left; text-align:center; color: #666}
.fct_tb li:nth-child(5n){margin-right:0;}
.fct_tb li a{display:block; width:50px; height:50px; background:center no-repeat;}
.fct_tb li a span{font-size:14px;}
.fct_tb li a.facebook{background-image:url(../images/top_tb.png);}
.fct_tb li a.twitter{background-image:url(../images/top_tb2.png);}
.fct_tb li a.skype{background-image:url(../images/top_tb3.png);}
.fct_tb li a.linkedin{background-image:url(../images/top_tb4.png);}
.fct_tb li a.youtube{background-image:url(../images/top_tb5.png);}
.fct_tb li a.Facebook8{background-image:url(../images/top_tb8.png);}
.fct_tb li a.tiktok9{background-image:url(../images/top_tb9.png);}
.fct_tb li a.facebook:hover{background-image:url(../images/top_tbh.png);}
.fct_tb li a.twitter:hover{background-image:url(../images/top_tb2h.png);}
.fct_tb li a.skype:hover{background-image:url(../images/top_tb3h.png);}
.fct_tb li a.linkedin:hover{background-image:url(../images/top_tb4h.png);}
.fct_tb li a.youtube:hover{background-image:url(../images/top_tb5h.png);}
.fct_tb li a.Facebook8:hover{background-image:url(../images/top_tb8h.png);}
.fct_tb li a.tiktok9:hover{background-image:url(../images/top_tb9h.png);}

header .top .nav{right: 14%;top: 0px;}
/*header .top .nav{right: 0;top: 0px;z-index: 9999;position: relative;}*/
header .top .nav ul{}
header .top .nav li{float: left;padding:0 37px;position: relative;}
header .top .nav li p{}
header .top .nav li p a{display: block;line-height: 40px;color: #333;font-size: 16px;}
header .top .nav li:hover p a{display: block;text-decoration: none;color:#1b3a95;}
header .top .nav li p a.current{color: #1b3a95;font-weight: 600;}
header .top .nav li dl{position: absolute;left: 0px;top: 100px;background:#fff;visibility: hidden;opacity: 0;width: 150px;transition: all 0.3s;}
header .top .nav li:hover dl{visibility: visible;opacity: 1;top: 40px;}

header .top .nav li dd{}
header .top .nav li dd a{display: block;padding:10px 25px;color: #333;}
header .top .nav li dd a:hover{display: block;text-decoration: none;color: #1b3a95;}

header .top .yuyan{top: 22px;float: right;}
/*header .top .yuyan .box{position: relative;}
header .top .yuyan p{height: 40px;text-align: center;line-height: 40px;font-size: 16px;}
header .top .yuyan p img{width: 30px;margin-top: 5px;}
header .top .yuyan p a{color: #333;display: block; font-size: 15px;}
header .top .yuyan p a:hover{color: #333;display: block;text-decoration: none;}
header .top .yuyan ul{line-height: 40px;background: #FFF;position: absolute;right: 0px;top: 58px; width: 105px;box-shadow:0 0 5px rgba(0,0,0,0.1);visibility: hidden;opacity: 0;transition: all 0.3s;font-size: 13px;}
header .top .yuyan:hover ul{visibility: visible;opacity: 1;}
header .top .yuyan li{border-bottom: 1px solid #e1e1e1;}
header .top .yuyan li img{width: 28px;margin-top: 5px; margin-right: 6px;}
header .top .yuyan li a{padding:0 10px;display: block;}
header .top .yuyan li a:hover{padding:0 10px;display: block;text-decoration: none;}*/

.rtop_ico{margin-top:55px;}
.rtop_ico li{float:left;margin-right:10px;position:relative;}
.rtop_ico li span{width:100%; margin-top:10px; float:left; text-align:center; color: #666}
.rtop_ico li:nth-child(6n){margin-right:0;}
.rtop_ico li a{display:block; width:60px; height:87px; background:center no-repeat;}
.rtop_ico li a span{font-size:14px;}
.rtop_ico li a.home{background-image:url(../images/rtop_ico.png);}
.rtop_ico li a.email{background-image:url(../images/rtop_ico2.png);}
.rtop_ico li a.tel{background-image:url(../images/rtop_ico3.png);}
.rtop_ico li a.shizhong{background-image:url(../images/rtop_ico4.png);}
.rtop_ico li a.cn{background-image:url(../images/rtop_ico5.png);}
.rtop_ico li a.en{background-image:url(../images/rtop_ico6.png);}
.rtop_ico li a.home:hover{background-image:url(../images/rtop_icoh.png);}
.rtop_ico li a.email:hover{background-image:url(../images/rtop_ico2h.png);}
.rtop_ico li a.tel:hover{background-image:url(../images/rtop_ico3h.png);}
.rtop_ico li a.shizhong:hover{background-image:url(../images/rtop_ico4h.png);}
.rtop_ico li a.cn:hover{background-image:url(../images/rtop_ico5h.png);}
.rtop_ico li a.en:hover{background-image:url(../images/rtop_ico6h.png);}



header .header-main { transition: padding 0.3s ease 0s, transform 0.5s ease 0s;}
header .m-btn { display:none; width:100px; height:100px; line-height:100px; text-align:center; cursor:pointer; float:right;color: #FFF;}
header .m-btn .box {position: relative; font-size:40px;}





.dianhua{position: absolute;right: 50px;top: 32px;color: #FFF;width: 200px;border: 2px solid #FFF;height: 32px;line-height: 32px;border-radius: 20px;}
.dianhua i{margin-right: 10px;font-size: 24px;margin-left: 5px;}
.dianhua span{font-family: 微软雅黑;font-size: 20px;font-style: italic;font-weight: bold;}

.body-wrap { width: 100%;position: relative;transition: all 0.5s ease 0s;z-index: 1;}
.body-wrap.left, header.left .header-main {transform:translateX(-66%);}
.m-sub-menu.show {right: 0;transition: all 0.44s ease 0s;}

.m-sub-menu {position:fixed; right:-100%;width:66%;top:0;z-index:1000;height: 100%;background:#FFF;transition:all 0.64s ease 0s; box-shadow:0 0 30px rgba(0,0,0,0.1);}
.m-sub-menu .box{}
.m-sub-menu .top-box{ background:#333; height:60px; line-height:60px;}
.m-sub-menu .top-box .stt{color: #ccc; float:left; padding-left:10%; font-size: 14px;}
.m-sub-menu .top-box .close{ cursor: pointer; float:right; text-align:center; color:#FFF; width:60px;}
.m-sub-menu .top-box .close i{ font-size:18px;}
.m-sub-menu .list-wrap{}
.m-sub-menu .list-wrap ul { width:100%;}
.m-sub-menu .list-wrap li { height:50px; line-height:50px; border-bottom:1px solid #f2f2f2; font-size:15px;text-transform: uppercase;}
.m-sub-menu .list-wrap li .col-box{ position:relative;}
.m-sub-menu .list-wrap li .col-box .tit{ float:left; width:90%;display:block; padding-left:10%;}
.m-sub-menu .list-wrap li .col-box .point{ position:absolute; width:40px; height:50px; right:0px; top:0px;display:block; color:#999;}
.m-sub-menu .list-wrap li a{ display:block; padding:0 10%;}
.m-sub-menu .list-wrap li a:hover{ text-decoration:none; display:block;}
.m-sub-menu .list-wrap li i{ float:right;}

.m-sub-menu .bot-link { margin-top:30px; text-align:right;}
.m-sub-menu .bot-link i { font-size:20px;}
.m-sub-menu .bot-link a{ margin-left:20px;}
.m-sub-menu .bot-link a:hover{ text-decoration:none;}
.m-sub-menu .sec-sub-list { position: absolute; right: -100%; top: 60px; width: 100%;}
.m-sub-menu .sec-sub-list .return-fir { display: block; padding:0 10%; line-height: 60px; background-color: #333;}
.m-sub-menu .sec-sub-list .return-fir p { color: #fff; font-size: 18px;text-transform: uppercase;}
.m-sub-menu .sec-sub-list .return-fir p i{ font-size:14px; margin-right:18px;}
.m-sub-menu .sec-sub-list .boxs { width: 100%; height:1000px; transition: all 0.4s ease 0s; background:#fff; position: absolute; left: 0; top: 0;}
.m-sub-menu .sec-sub-list .boxs.show { left: -100%;}
.m-sub-menu .sec-sub-list ul, .m-sub-menu .sec-sub-list li { width: 100%;}
.m-sub-menu .sec-sub-list li { line-height: 24px; border-bottom: 1px solid #f2f2f2;text-transform: uppercase;}
.m-sub-menu .sec-sub-list li a { display: block; padding:12px 10%; font-size: 15px;}
.m-sub-menu .sec-sub-list li a:hover{ text-decoration:none;}
.m-sub-menu .sec-sub-list .bot-link { margin-top: 14px;}


/*底部*/
.contain{width:1320px;margin:0 auto;}
.footer{padding:60px 0;background-image: url(../images/bg.jpg); overflow:hidden;}
.footer .contacts{width:19%; float: left; margin-right: 6%;}
.d_logo{background-color: #fff;padding: 15px;border-radius: 15px;border: 2px solid green;}
.d_logo img{width: auto;height: auto;max-width: 232px;max-height: 100px;}
.cny{width: 100%; font-size: 14px; line-height: 22px; color: #627279; margin-top: 9%;}

.foot_tb{float:left; text-align:right; line-height:24px; margin-top: 20%;}
.sns{overflow:hidden;}
.sns a{display:block;float:left;width:30px;height:30px;margin-right:12px;background:url(../images/all-icon.png) no-repeat;}
.sns .faceboox{background-position:-5px -70px;}
.sns .google{background-position:-35px -70px;}
.sns .youtube{background-position:-65px -70px;}
.sns .mail{background-position:-95px -70px;}
.sns .alibaba{background-position:-123px -70px;}
.sns .Twitter{background-position:-158px -70px;}
.sns .Linkedin{background-position:-190px -70px;}
.sns .faceboox:hover{background-position:-5px -100px;}
.sns .google:hover{background-position:-35px -100px;}
.sns .youtube:hover{background-position:-65px -100px;}
.sns .mail:hover{background-position:-95px -100px;}
.sns .alibaba:hover{background-position:-123px -100px;}
.sns .Twitter:hover{background-position:-158px -100px;}
.sns .Linkedin:hover{background-position:-190px -100px;}
.footer .dtitle{text-transform: uppercase;color: #fffefe;font-family: "bebas_neue_regularregular";font-size: 20px;padding-bottom: 25px;margin-bottom: 12px;position: relative;font-weight: 600;}
.footer .dtitle:after {content:'';position:absolute;bottom:0;height:2px;width:25%;background:#1b3a95;left:0}
.footer li{line-height:25px;margin-bottom:10px;}
.footer a{font-size: 16px; color: #627279;}
.footer a:hover{color:#fff;}
.footer .func-box{float:left;box-sizing:border-box;}
.footer .products{width:17%;float:left;box-sizing:border-box; margin-left: 5%;}
.footer .products ul{margin-top: 15%}
.footer .products li{position:relative;transition:all .3s;}
.footer .products li:hover{}
.footer .albb{width:100%;float: right;}
.ab img{width: 100%;}
.footer .albb .any{font-size: 13px; line-height: 26px; color: #fff; padding-top: 10%}
.foot_contactss{width:30%;float: right;}
.foot_co_t i{ display:block; width:18px; height:1px; background:#e70000; margin:10px 0 25px 0;}
.foot_co_i ul li { margin-bottom:10px; line-height:25px; font-size:16px; color: #627279;padding-left:30px;}
.foot_co_i ul li:nth-child(1){ background:url(../images/f_d.png) no-repeat left 5px;}
.foot_co_i ul li:nth-child(2){ background:url(../images/f_t.png) no-repeat left 5px;}
.foot_co_i ul li:nth-child(3){ background:url(../images/f_c.png) no-repeat left 7px;}
.foot_co_i ul li:nth-child(4){ background:url(../images/f_r.png) no-repeat left 5px;}
.foot_co_i ul li:nth-child(5){ background:url(../images/f_e.png) no-repeat left 8px;}
.foot_b{background: #06121c;line-height: 24px;padding:20px 0; color: #999;}
/*底部*/