body{padding: 0px; margin:0;  font-family:"微软雅黑","microsoft yahei", Arial, 宋体 ;font-size: 14px; color:black;}
body{padding: 0px; margin:0;  font-family:"微软雅黑","microsoft yahei", Arial, 宋体 ;font-size: 14px; color:black;}
ul {list-style:none; padding: 0;margin: 0;}
li{list-style:none; margin: 0; padding: 0;}
a{color: #009944; text-decoration: none;outline: none}
a:hover{color: #f86d08;text-decoration: none}
img{border: none}
/* 公共 */
.fl{float: left;}
.fr{float: right;}
.Joechre {min-width: 1259px; margin:0 auto;}
.wrap { margin: 0 auto; width: 1259px;  overflow: visible;}
.clear { clear: both; }
.left{float: left}
.right{float: right}
.pa{ position:absolute;}
.pr{ position:relative}
h3{margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0; padding: 0;}

dl,dt,dd{margin:0;padding:0 ;font-family: "Microsoft Yahei";}
/* 头部 */
#header{ height: 92px; position: relative; z-index: 12; box-shadow:0 0 4px #444;}
.logo{padding-top: 20px;}
.headright{text-align: right; line-height: 92px;}
/* 导航 */
.menu{margin-right: 10px; overflow: visible !important;}
.menu li{ float: left; text-align: center; line-height: 92px;}
.menu li a { display: block; font-size: 18px; color: #222; padding: 0 15px; position:relative }
.menu li a:hover { background: #f86d08; color: #fff }
.menu .first a { background: #056ba5; color: #fff }
.en { margin: 10px 10px 30px 0; display: block; float: left }
.cell { background: #f1f1f1; top:92px;transition: transform 0.3s ease 0s;   color: #fff; z-index: 2; left: 0; position: absolute; text-align: center; width: 100%; display:none;padding:20px 0;box-shadow:0 0 5px #ddd; }
.menu li .subnav{ display:block}
.menu li ul li{ line-height:40px;margin-right:30px; text-align:left;width:230px;}
.menu li ul li a{ font-size:16px; border-bottom:1px solid #ddd; color:#666}
.menu li ul .first a{ background:none;color:#666;}
.menu li .hprolist li {width:300px;}
.menu li .hprolist1 li {width:450px;}
.menu .first li{ line-height:40px;}
.menu .first li a{ background:none; color:#666;}
.menu .first li a:hover{background:  #f86d08; color: #fff}
.cell .list{margin-left:100px;width:750px;}
.ee{width:1200px;}
#header.navFix { background: #fff; border-top: 3px solid #005baa; box-shadow: 0 0 10px #444; height: 60px; left: 0; position: fixed; top: 0; width: 100%; z-index: 6; }
#header.navFix .cell{top:60px;}
#header.navFix .logo { padding: 5px 0; }
#header.navFix .logo Img { width: 150px; }
#header.navFix .headright{ line-height:60px;}
#header.navFix .en { margin: 14px 10px 14px 0;}
.headright span a{ background:none; color:#666;}
.headright a:hover{color: #f86d08;text-decoration: none}
#header.navFix .search-box { margin: 14px 0 14px 10px; }
#header.navFix .menu li { line-height: 60px; }
#header.navFix .menu li ul li { line-height: 40px; }
#header.navFix .menulist { top: 50px; }

/*首页正文*/
.chanpin{ width:1259px; height:790px ;margin:0 auto; position:relative;overflow: hidden;}
.chanpin .al_top { top:105px; left:0;}
.al_top { height:35px; border-bottom:solid 1px #cfcfcf; margin-bottom:40px; width:99%;}
.al_top em { display:block; float:right; padding:8px 0 0;}
.al_top em a { font-size:14px; color:#363f48; text-transform:uppercase;}
.al_top span a { font-size:20px; color:#333; font-weight:bold;}
.al_top span i { font-family:Arial; font-size:14px; color:#b0b0b0; padding-left:5px;}

.zx_bt { padding:70px 0 45px; text-align:center; height: 50px;}
.zx_bt a b { background:url(../images/zx_xx.gif) no-repeat center center; display:block; font-size:16px; color:#333;}
.zx_bt a span { display:block; font-size:30px; color:#333; font-weight:bold; margin:5px 0 0;}
.zx_bt a span em { color:#e50012;font-style:normal;}

.zx { width:300px;overflow:hidden;}
.zx_top { background: url(../images/zx_top.gif) no-repeat;  height:68px; line-height:68px; text-align:center;}
.zx_top a { font-size:16px; color:#fff; font-weight:bold;}
.zx_con {  width:300px; background:url(../images/zx_xx01.gif) repeat-y 0 0;}
.zx_con h3 { margin-bottom:1px;}
.zx_con h3 a { display:block; background: url(../images/zx_libg01.gif) no-repeat; width:210px; height:40px; line-height:40px; font-size:14px; color:#fff; font-weight: normal; padding-left:20px;}
.zx_con h3 a:hover { background: url(../images/zx_libg02.gif) no-repeat;}
.zx_con ul li a { display:block; height:40px; line-height:40px; padding-left:18px; border-bottom:dashed 1px #d8d8d8; font-size:14px; color:#333;}
.zx_con ul li a:hover,.zx_con ul .cur a { background: url(../images/zx_libg.gif) no-repeat; color:#f86d07;}

.rx { width:950px;}
.rx dl { padding-left:5px; height:790px;}
.rx dl dd { float:left; width:950px; margin-left:17px; overflow:hidden;}
.rx dl dd a { display:block; position:relative; line-height:0; font-size:0; margin:0 0 4px;float: left; margin-left: 5px;}
.rx dl dd a img { width:306px; height:200px;}
.rx dl dd a i { display: none; position:absolute; top:0; left:0;}
.rx dl dd a:hover i { display:block;}

.yingyong{width: 1259px; height: auto; margin: 0 auto; }
.al_top { top:105px; left:0;}
.al_box { width:99%; margin:0 auto; position:relative; height: 160px;}

.yingyong-lb{width: 100%; height:800px; overflow:hidden; }

.main2bottom { position: relative }
.intro { margin-bottom: 60px; overflow: hidden }
.main3left { width: 630px; }
.main3rtop { overflow: hidden }
.intro .intro1 { height: 312px; width: 630px; position: relative; }
.intro .intro2 { height: 178px; width: 315px; position: relative; }
.intro .intro3 { height: 315px; width: 315px; position: relative; }
.intro .intro4 { height: 493px; width: 314px; position: relative; }
.intro .intro5 { height: 315px; width: 315px; position: relative; }
.intro .intro6 { height: 178px; width: 315px; position: relative; }
.intro .intro7 { height: 493px; width: 315px; position: relative; }
.intro .intro8 { height: 312px; width: 629px; position: relative; }
.intro .layer { height: 100%; text-align: center; width: 100%; position: absolute; top: 0; left: 0; background: url(../images/layker.png) repeat center center }
.intro .layer:hover { background: url(../images/laykerbg.png) repeat center center }
.intro .layer .wrap_img { height: 80px; margin-bottom: 10px; padding-top: 80px; }
.intro .layer .wrap_img .img { display: block; height: 80px; margin: 0 auto; width: 72px; }
.intro .layer h4 { color: #fff; font-size: 20px; line-height: 28px; }
.intro .layer h4.English {text-transform: uppercase; }
.intro .intro2 .wrap_img { height: 79px; margin-bottom: 15px; padding-top: 22px; }
.intro .intro2 .wrap_img .img { height: 80px; margin: 0 auto; width: 67px; }
.intro .intro2 h4.English { font-size: 24px; line-height: 28px; }
.intro .intro4 .layer h4.English { font-size: 20px; }
.intro .intro4 .layer .wrap_img { height: 73px; margin-bottom: 23px; padding-top: 153px; }
.intro .intro4 .layer .wrap_img .img { height: 80px; margin: 0 auto; width: 63px; }
.intro .intro5 .wrap_img { margin-bottom: 15px; padding-top: 81px; }
.intro .intro5 .wrap_img .img { height: 80px; margin: 0 auto; width: 76px; }
.intro .intro7 .layer h4.English { font-size: 20px; }
.intro .intro7 .layer .wrap_img { height: 72px; margin-bottom: 23px; padding-top: 159px; }
.intro .intro7 .layer .wrap_img .img { height: 80px; margin: 0 auto; width: 69px; }
.intro .intro8 .wrap_img { height: 75px; margin-bottom: 18px; padding-top: 75px; }
.intro .intro8 .wrap_img .img { height: 80px; margin: 0 auto; width: 75px; }


/*产品页主题*/
.gld{width: 1200px; height: 450px; margin: auto; margin-top: 15px;}
.guanyuwomen{padding:5px 0 5px; font-size: 16px; margin-top: 15px;}
.aboutus-lef{ float:left; width:500px; height: 370px ;}
.aboutus-rig{float: right; width: 650px; height: 370px;}
.aboutus-rig h2.about-ptitle{ color: #009944; font-size:24px; line-height:24px;  text-align:center; padding-bottom:20px;font-weight: normal;}
p.about-pdetails{ color: #009944; font-size: 16px;}
.aboutus-rig span{ font-weight:bold; font-size:16px; line-height: 30px ;padding-left: 20px;}
.ztyingyong{width: 1200px; height: 40px; margin: auto; margin-top: 10px;}
.ztyingyong h1{width: 100%; margin: 0 auto;  height: 40px;  line-height: 50px;  font-size: 26px;  color: #4c4c4c; text-align: center;}
.double-line{ background:url(../images/double-line.png) repeat-x bottom; width:100%; height:3px; padding-top:10px;margin: auto;}
.kouhao{width: 1259px; height: 104px; background: url("../images/fanganbeijing.jpg"); margin-bottom: 15px;}
.kouhao a{ text-align: center;  font-size:30px; color:#fff; margin-left: 400px; line-height: 80px; font-weight: normal;}
.kouhao span{ text-align: center;display:block; line-height: 10px;  font-size:18px; color:#fff; }

/*匠奇新闻动态*/
.dt_bg { background: url(../images/dt_bg.gif) no-repeat center 0; height:710px; padding:2px 0 0;}
.dt_bt { text-align:center; margin:90px 0;}
.dt_bt a em { display:block;font-style:normal; font-size:30px; color:#333; font-weight:bold; background:url(../images/zz_xx.png) no-repeat center 20px;}
.dt_bt a span { display:block; font-size:14px; color:#333;}

.contentt{ width:1200px; margin:0 auto;  }
.dt { width:660px; padding-left:100px;}
.dt_top { height:50px;}
.dt_top em a { font-family:Arial; text-transform:uppercase; color:#999; display:block; float:right; font-size:14px;}
.dt_top b a { color:#000; font-size:18px;}
.dt01 { width:250px; height:326px; position:relative; margin-right:10px;}
.dt01 a img { width:250px; height:326px;}
.dt01 a em { display:block; height:62px;font-style:normal; line-height:62px; background:url(../images/btm06.png) repeat; width:250px; position:absolute; top:264px; left:0; text-align:center; color:#fff; font-size:15px; font-weight:bold;}
.dt02 { width:400px;}
.dt02 dl { border-top:solid 1px #e3e3e3; padding:22px 0 0; height:90px;}
.dt02 dl dt { float:left; width:85px; text-align: right; padding-right:30px; font-family:Arial; font-size:30px; color:#333;}
.dt02 dl dt em { display:block; font-size:16px; color:#666;}
.dt02 dl dd { float:left; width:275px;}
.dt02 dl dd a { display:block; font-size:14px; color:#333; font-weight:bold;}
.dt02 dl dd a:hover { color:#f86d07;}
.dt02 dl dd p { font-size:13px; color:#333; line-height:24px; padding:5px 0 0;}

.bk { width:284px; padding-left:55px;}
.bk_con a img { width:284px; height:109px; display:block; margin-bottom:20px}
.bk_con ul li { margin-bottom:29px;}
.bk_con ul li a { height:28px; line-height:28px; border-bottom:solid 1px #e3e3e3; color:#333; display:block;}
.bk_con ul li a em { display:block; width:28px; height:28px; line-height:28px; text-align:center; float:left; font-family:Arial; font-size:16px; background:#ececec;}
.bk_con ul li a b { display:block; float:left; padding-left:20px; font-size:14px;}
.bk_con ul li a:hover { color:#f86d07}
.bk_con ul li a:hover em { background:#f86d07; color:#fff;}



/*底部内容*/
.dibu{width: 100%; height: 280px; margin: auto ; background: #3b3b3b; overflow: visible;}
.dibu_up{width: 1259px; margin: auto; padding-top: 25px; padding-bottom: 5px; overflow: visible;}
.dibu_ff{width: 100%; height: 200px;}
.dibu_up dl {  width: 300px; float: left;  position: relative;  padding-left: 16px;  border-left: 1px solid #454545;  min-height: 180px;  }
.dibu_up dl dt {  font-size: 16px;  color: #ccc;  margin-bottom: 13px;  }
.dibu_up dl dd { margin: 0px;  font-size: 14px;  color: #808080;  line-height: 24px;  }
.dibu_up dl dd a {  color: #808080;  }
.dibu_up dl dd a:hover {  color: #fff;  }
.f-contact {  width: 500px;  margin-left: 0px;  float: left;  border: none;  padding-left: 0;  text-align: center;  }
.f-contact dl{ width: 400px; float: left;  position: relative;  padding-left: 16px;  border-left: 1px solid #454545;  min-height: 180px; }
.f-contact dl dt {  font-size: 16px;  color: #ccc;  margin-bottom: 13px;  }
.f-contact dl dd { margin: 0px;  font-size: 14px;  color: #808080;  line-height: 24px;  }
.f-contact dl dd a {  color: #808080;  }
.f-contact dl dd a:hover {  color: #fff;  }
.sj{padding-top: 20px;}
.foot-under {  width: 1190px;height: 30px;  margin: 0 auto;  padding-top: 10px;  padding-bottom: 12px;  position: relative; }
.foot-under p {  font-size: 13px;  color: #9c9c9c;  line-height: 24px;  width: 1190px;  margin: 0 auto;  text-align: center;  }
.foot-under span{float: right; width: 80px; height: 30px;}

/*关于我们*/
#ban1 {height:400px;width: 100%; overflow: hidden;  }
#ban1 .banner { height: 400px; position: relative;}
#ban1 .btn_left, #ban1 .btn_right { cursor: pointer; display: block; height: 400px; position: absolute; top: 0; width: 80px; z-index: 1; }
#ban1 .imglist li{height:400px;}
.inmain { padding: 20px 0; overflow: hidden; }

/*关于匠奇*/
.about1{margin-bottom:40px; overflow:hidden;margin-top:40px;}
.aboutop{ text-align:center;margin-bottom:40px; overflow:hidden}
.aboutop h3{ color:#222; font-size:40px; line-height:40px; text-transform:uppercase; font-family:Arial;}
.aboutop p{ color:#333; font-size:23px; line-height:24px;}


.mainleft { border-top: 4px solid #f86d08; margin-bottom: 20px; margin-right: 20px; }
.m1{width: 260px;}


.mainleft .menuleft { background: #f1f1f1; padding: 0 10px; text-align: center; overflow: hidden; }
.mainleft .menuleft h3 { border-bottom: 1px solid #cccccc; color: #404040; font-size: 24px; font-weight: normal; height: 63px; line-height: 63px; }
.mainleft .menuleft ul { padding-bottom: 20px; }
.mainleft .menuleft ul li.cur > a{ background:#f86d08 url(../images/arr.png) no-repeat 225px center ; color:#fff;}
.mainleft .menuleft ul li { border-bottom: 1px solid #cccccc;  line-height: 35px;padding:7px 0; font-size:16px; }
.mainleft .menuleft ul li  a:hover{background:#f86d08 url(../images/arr.png) no-repeat 225px center ; color:#fff; }
.mainleft .menuleft ul li   a { color: #565656; display: block; overflow: hidden;padding-left:10px; text-align: left; text-overflow: ellipsis; white-space: nowrap; }

/*左侧显示产品*/
.mainleft .menuleft ul li div { border-top: 1px solid #cccccc; display: none; padding: 5px 0 5px;}
.mainleft .menuleft ul li div a { display: block;font-size: 14px;line-height: 26px;margin-left: 10px;text-align: left;}
.mainleft .menuleft ul li div a:hover{background:#f1f1f1;color: #f86d08;}
.mainleft .menuleft ul li div a.cur{background:#f1f1f1;color: #f86d08;}

.mainleft .leftlx { background: #ffffff; border: 3px solid #f1f1f1; margin-top: 30px; padding: 6px 10px 5px; }
.mainleft .leftlx p {   font-size: 18px; line-height: 20px; color:#000;margin-bottom:10px; }





.mainleft .menuleftt { background: #f1f1f1; padding: 0 10px; text-align: center;width: 400px; overflow: hidden; }
.mainleft .menuleftt h3 { border-bottom: 1px solid #cccccc; color: #404040; font-size: 24px; font-weight: normal; height: 63px; line-height: 63px; }
.mainleft .menuleftt ul { padding-bottom: 20px; }
.mainleft .menuleftt ul li.cur > a{ background:#f86d08 url(../images/arr.png) no-repeat 380px center ; color:#fff;}
.mainleft .menuleftt ul li { border-bottom: 1px solid #cccccc;  line-height: 35px;padding:7px 0; font-size:16px; }
.mainleft .menuleftt ul li  a:hover{background:#f86d08 url(../images/arr.png) no-repeat 380px center ; color:#fff; }
.mainleft .menuleftt ul li   a { color: #565656; display: block; overflow: hidden;padding-left:10px; text-align: left; text-overflow: ellipsis; white-space: nowrap; }

/*左侧显示产品*/
.mainleft .menuleftt ul li div { border-top: 1px solid #cccccc; display: none; padding: 5px 0 5px;}
.mainleft .menuleftt ul li div a { display: block;font-size: 14px;line-height: 26px;margin-left: 10px;text-align: left;}
.mainleft .menuleftt ul li div a:hover{background:#f1f1f1;color: #f86d08;}
.mainleft .menuleftt ul li div a.cur{background:#f1f1f1;color: #f86d08;}






.tyztzls {
    color: #0a8bcb;
    display:block;
    font-weight: bold;
    line-height: 22px;
    margin-bottom:5px;
}
.tyztz{margin-bottom:10px; display:block;}
.mainright { overflow: hidden; width: 975px; overflow: hidden;}
.mainright .current { border-bottom: 1px solid #cccccc; height: 67px; }
.mainright .current h3 { color: #565656; float: left; font-size: 24px; line-height: 30px; max-width: 40%; overflow: hidden; padding-top: 20px; text-overflow: ellipsis; white-space: nowrap; }

.mainright .current div { float: right; font-size: 12px; height: 48px; line-height: 18px; max-width: 55%; overflow: hidden; padding-top: 30px; }
.mainright .current div a{color: #565656;}
.mainright .current div b { color: #0c87c2; font-weight: normal; text-decoration: underline; }
.mainright .current div span { color: #0c87c2; font-weight: normal; text-decoration: underline; }
.mainright .content { padding: 15px 0 30px; }

.mainrightt { overflow: hidden; width: 818px; overflow: hidden;}
.mainrightt .current { border-bottom: 1px solid #cccccc; height: 67px; }
.mainrightt .current h3 { color: #565656; float: left; font-size: 24px; line-height: 30px; max-width: 40%; overflow: hidden; padding-top: 20px; text-overflow: ellipsis; white-space: nowrap; }

.mainrightt .current div { float: right; font-size: 12px; height: 48px; line-height: 18px; max-width: 55%; overflow: hidden; padding-top: 30px; }
.mainrightt .current div a{color: #565656;}
.mainrightt .current div b { color: #0c87c2; font-weight: normal; text-decoration: underline; }
.mainrightt .current div span { color: #0c87c2; font-weight: normal; text-decoration: underline; }
.mainrightt .content { padding: 15px 0 30px; }




/*产品中心*/
.chanpin_tb{width: 975px; height: 350px; margin-top: 20px;}
.chanpin_tp{float: left;width: 336px; height: 320px;overflow:hidden; border: 1px solid #cbcbcb;}
.chanpin_bt{float: right;width: 630px; height: 350px; }
.chanpin_title{font-size: 26px; font-weight: normal; overflow: hidden; color: #009944;line-height: 35px;border-bottom: 1px #e5e5e5 solid;padding-bottom: 10px;}
.chanpin_intro{ font-size: 13px;color: #454545;line-height: 20px;height: 270px;overflow: hidden;}
.chanpin_intro p{margin: 0px; padding: 0px;}
.chanpin_intro span{font-weight: bold;font-size: 14px;}
.chanpin_pcon{margin-top: 20px; width: 100%; height: 25px;}
.chanpin_pcon ul{margin: 0px; padding: 0px; }
.chanpin_pcon ul li{float: left; width: 300px; font-size:17px; font-weight: bold;  color:#da251d;}
.chanpin_pcon ul li img{float: left; }
.chanpin_pcon ul li samp{ padding-left: 15px; margin-left: 15px;}
.chanpin_pcon a{color:#f86d08;}

.chanpin__tools{width: 100%; height: 55px; margin-top: 10px; }
.chanpin__tools dt{float:left;width:40%;margin-right: 1%;background-color:#f0f0f0;}
.chanpin__tools dt a{display:block;text-align: center;height:38px;line-height: 38px;font-size:16px;}
.chanpin__tools dt:hover{background-color:#da251d;}
.chanpin__tools dt:hover a{color:#fff;}
.chanpin__tools a{color:#f86d08;}



.ser_top { font-size: 24px; line-height: 55px; text-align: center; margin-bottom: 20px; }
.ser_top span { border-bottom: 2px solid #0c87c2; display: block; margin: auto; width: 140px; }
.ser_ul { margin-bottom: 30px; padding: 0 100px; }
.ser_ul li { cursor: pointer; float: left; margin-bottom: 20px; padding: 0 19px; width: 315px; height: 570px; }
.ser_ul li .pic { overflow: hidden; position: relative; width: 315px; }
.ser_ul li .pic img { width: 315px; }
.ser_ul li h3 { display: block; font-size: 16px; font-weight: bold; line-height: 30px; margin: 5px auto; }
.ser_ul li p { line-height: 25px; }
.ser_ul li img { transition: all 0.3s ease 0s; }
.ser_ul li img:hover { transform: scale(1.2); }

/*新闻*/
.newslistt li { float: left; margin-bottom: 15px; padding-bottom: 15px; border-bottom: solid 1px #eee }
.newslistt li img { height: 176px; margin-right: 20px;border:1px solid #ddd }
.newslistt li a:hover .newsinfo h3 { color:#ff6900; }
.newslistt .newsinfo { height: 176px; width: 580px; }
.newslistt .newsinfo h3 { color: #333; font-size: 17px; }
.newslistt .newsinfo p { color: #999; font-size: 13px; margin-top: 5px; }
.newslistt .newsinfo span { display: block; width: 160px; height: 25px; line-height: 25px; text-align: left; margin-top: 5px; color: #999 }


/*应用新闻*/
.newslist li { float: left; margin-bottom: 15px; padding-bottom: 15px; border-bottom: solid 1px #eee }
.newslist li img { height: 176px; margin-right: 20px; width: 240px;border:1px solid #ddd }
.newslist li a:hover .newsinfo h3 { color:#ff6900; }
.newslist .newsinfo { height: 176px; width: 700px; }
.newslist .newsinfo h3 { color: #333; font-size: 17px; }
.newslist .newsinfo p { color: #999; font-size: 13px; margin-top: 5px; }
.newslist .newsinfo span { display: block; width: 160px; height: 25px; line-height: 25px; text-align: left; margin-top: 5px; color: #999 }
.pro_info { padding: 29px 0; overflow: hidden; }
.pro_info a { display: block; }
.hotelpic { text-align: center }
.bigImg{width:381px;height:295px;}
.botimg { margin-top: 10px; padding: 0 45px; position: relative }
.botimg ul li { width: 70px; height: 55px; margin-right: 10px; float: left; cursor: pointer; }
.botimg ul .sel img { border: 1px solid #ff6900; }
.botimg ul li img { width: 70px; height: 53px; border: 1px solid #ccc; }
.prev { left: 0; position: absolute; top: 8px; z-index: 1; width: 42px; height: 50px; }
.next { right: 0; position: absolute; top: 8px; z-index: 1; width: 42px; height: 50px; }
.protitle { border-bottom: 1px solid #ebebeb; height: 40px; margin-top: 20px; }
.protitle .sel { background: #005baa; color: #fff; cursor: pointer; display: inline; height: 39px; }
.protitle li { color: #333; cursor: pointer; float: left; height: 40px; line-height: 39px; text-align: center; margin-right: 10px; padding: 0 20px; display: block; font-size: 18px; }
.proin { display: none; overflow: hidden }
.proinf { margin-top: 20px; }

.contentinfo{font-size: 16px; line-height: 30px;}
.newsimg{ text-align:center;}
.newsimg img{ margin-bottom:20px;}

/*新闻详细页*/
.title { padding-bottom: 10px; color: #333; text-align: center; font-weight: bold; font-size: 21px }
.time { margin-bottom: 20px; padding-bottom: 5px; border-bottom: 1px dotted #aaa; text-align: center }
.hits { margin-left: 20px }
.operate { margin-top: 20px; padding-top: 10px; border-top: 1px dotted #aaa; }

/*相关产品*/
.relatedpro{padding-top: 30px; padding-bottom: 5px; color: #333; font-size: 18px }
.relatedlist{ width: 1230px; overflow: hidden }
.relatedlist li { float: left; margin: 0 12px 0 0; width: 297px; height: 217px; border: 1px solid #ccc }
.relatedlist li .proinfo { background: #f8f8f8;height:20px; padding: 10px 5px; text-align: center; }
.relatedlist li:hover .proinfo { background: #ff6900; }
.relatedlist li a { display: block }
.relatedlist li img { width: 297px; height: 177px; }
.relatedlist li .proinfo h3 { color: #484848; display: block; line-height: 20px; overflow: hidden;}
.relatedlist li:hover .proinfo h3 { color: #fff; }


.lianxiwomen{width: 100%; height: 640px; }
.lianxiwomen ul{padding-left: 80px; margin-left: 80px; margin-top: 40px; margin-bottom: 40px;}
.lianxiwomen ul li{ float:left; width:220px; color:#333333; font-size:16px; line-height:24px;}
li.conta-li01{ background:url(../images/contact-img01.png) no-repeat 0px 5px; padding-left:80px; padding-bottom:80px; margin-right:80px}
li.conta-li02{ background:url(../images/contact-img02.png) no-repeat top left; padding-left:80px; padding-bottom:80px; margin-right:80px}
li.conta-li03{ background:url(../images/contact-img03.png) no-repeat -6px -2px; padding-left:80px; padding-bottom:80px;}
li.conta-li04{ background:url(../images/contact-img04.png) no-repeat top left; padding-left:80px; padding-bottom:50px; margin-right:80px}
li.conta-li05{ background:url(../images/contact-img05.png) no-repeat top left; padding-left:80px; padding-bottom:50px; margin-right:80px}
li.conta-li06{ background:url(../images/contact-img06.png) no-repeat -5px 0px; padding-left:80px; padding-bottom:50px;}
.aboutus-lef{ float:left; width:600px; height: 370px ;}
.aboutus-rig{float: right; width: 580px; height: 370px;}
.aboutus-rig h1.about-ptitle{ color: #009944; font-size:24px; line-height:24px;  text-align:center; padding-bottom:20px}
p.about-pdetails{ color: #009944; font-size: 16px;}
.aboutus-rig span{ font-weight:bold; font-size:16px; line-height: 30px ;padding-left: 20px;}

/*产品详细页*/
.chanpin_zz{width: 975px; height: 50px; margin-top: 20px; background-color:#f0f0f0;}
.chanpin_zz_1{font: normal 18px/50px "宋体";font-weight: bold; background: url(../images/chanpin_zz.png)  no-repeat center left;  padding-left: 35px;  color: #454545;}
.chanpin_xq{width: 975px; height: auto;}
/*下载中心*/
.download_tb{width: 975px; height: 200px; margin-top: 20px; }
.download_tp{float: left;width: 274px; height: 200px;overflow:hidden; border: 1px solid #cbcbcb;}
.download_bt{float: right;width: 690px; height: 200px; }
.download_title{font-size: 26px; font-weight: normal; overflow: hidden; color: #009944;line-height: 35px;border-bottom: 1px #e5e5e5 solid;padding-bottom: 10px;}
.download_intro{ font-size: 13px;color: #454545;line-height: 20px;height: 120px;overflow: hidden;}
.download_intro p{margin: 0px; padding: 0px;}
.download_intro span{font-weight: bold;font-size: 14px;}

/* ==================== 语言下拉菜单样式 ==================== */
.lang-selector {
    position: relative;
    display: inline-block;
    margin-left: 12px;
    vertical-align: middle;
    cursor: pointer;
    z-index: 1000;
}

/* 当前语言触发器样式 */
.lang-current {
    display: flex;
    align-items: center;
    gap: 6px;
    background: transparent;
    padding: 4px 8px;
    border-radius: 20px;
    transition: background 0.2s;
    line-height: 1;
}

.lang-current:hover {
    background: rgba(0, 0, 0, 0.04);
}

.lang-current img {
    width: 20px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
}

.lang-current span {
    font-size: 14px;
    color: #000;
    font-weight: normal;
}

/* 下拉小箭头 */
.lang-arrow {
    font-size: 10px;
    color: #666;
    margin-left: 2px;
    transition: transform 0.2s;
    display: inline-block;
}

.lang-selector:hover .lang-arrow {
    transform: rotate(180deg);
}

/* 下拉菜单容器 */
.lang-dropdown {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 130px;
    background: #ffffff;
    border: 1px solid #eaeef2;
    border-radius: 12px;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.02);
    list-style: none;
    margin: 0;
    padding: 8px 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s;
    transform: translateY(-6px);
    z-index: 1001;
}

/* 悬浮显示下拉菜单 */
.lang-selector:hover .lang-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* 下拉选项样式 */
.lang-dropdown li {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 1.2;
}

.lang-dropdown li a {
    display: block;
    padding: 8px 18px;
    font-size: 14px;
    color: #2c3e4e;
    text-decoration: none;
    transition: background 0.2s, color 0.2s;
    white-space: nowrap;
    font-weight: normal;
}

.lang-dropdown li a:hover {
    background-color: #f86d08;
    color: #005c8a;
}

.lang-dropdown li:first-child a {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.lang-dropdown li:last-child a {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

/* 移动端下拉菜单显示辅助 */
.lang-dropdown.show-mobile {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

/* 小屏适配 */
@media (max-width: 1100px) {
    .lang-current span {
        font-size: 13px;
    }
    .lang-dropdown li a {
        font-size: 13px;
        padding: 6px 16px;
    }
}

@media (max-width: 768px) {
    .lang-dropdown {
        right: -8px;
        min-width: 120px;
    }
    .lang-current span {
        font-size: 13px;
    }
}

/* 确保语言选择器不被头部裁剪 */
.headright {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    overflow: visible !important;
}

.headright .menu {
    margin-right: 20px;
    overflow: visible !important;
}

/* 修复 wrap 容器裁剪问题 */
#header .wrap {
    overflow: visible !important;
}

/* 提高语言下拉菜单位置层级 */
.lang-selector .lang-dropdown li a:active {
    background-color: #e6f0fa;
}

/* 社交图标容器，用于相对定位 */
.social-icon {
    position: relative;
    display: inline-block;
    margin: 0 5px;
}

/* 二维码弹层：默认隐藏 */
.qrcode-popup {
    position: absolute;
    bottom: 100%;          /* 显示在图标上方 */
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 12px;
    background: #fff;
    padding: 10px;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.2);
    display: none;
    z-index: 999;
    text-align: center;
    white-space: nowrap;
}

/* 弹层中的二维码图片 */
.qrcode-popup img {
    width: 120px;
    height: 120px;
    display: block;
    margin-bottom: 6px;
}

/* 提示文字 */
.qrcode-popup span {
    font-size: 12px;
    color: #333;
    display: block;
}

/* 弹层下方的三角箭头（指向图标） */
.qrcode-popup::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 8px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}

/* 鼠标悬停时显示二维码 */
.whatsapp-link:hover .qrcode-popup {
    display: block;
}
