﻿@charset "UTF-8";

@charset "UTF-8";

/* Header Base */
.header {
    z-index: 100000;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    height: 38px;
    line-height: 38px;
    background-color: #00a54f;
}
.header_left {
    float: left;
    background: url("../images/header_06s.png") no-repeat 13px center;
    padding-left: 32px;
    font-size: 12px;
    color: #000;
}
.header_right {
    width: 605px;
    float: right;
    font-size: 12px;
    color: #000;
    background-size: 30%;
}
.header_right a {
    font-family: "Microsoft YaHei";
    color: #c0f5d9;
}
.header_right a:first-child {
    font-family: 'Conv_HelveticaNeueLTPro-Lt';
}
.header_right a:hover, .header_right a.on {
    color: #fff;
}
.header_right span {
    display: inline-block;
    vertical-align: top;
}
.header_left a {
    color: #fff;
}

/* 导航栏核心修改：使用 Flex 布局替换 Float */
.nav {
    background-color: #fff;
    z-index: 100000;
    position: fixed;
    width: 100%;
    top: 38px;
    left: 0;
    border-bottom: 1px solid #e6e6e6;
    height: 103px;
}

.nav .min-wrap {
    position: relative;
    display: flex; /* 开启弹性布局 */
    align-items: center; /* 垂直居中 */
    justify-content: space-between; /* 两端对齐 */
    height: 100%;
}

.logo {
    flex-shrink: 0; /* 防止Logo被压缩 */
    width: 192px;
    height: 65px;
    margin: 0 0 0 10px;
}
.logo img {
    display: block;
}

/* 导航菜单容器 */
.nav_ul {
    display: flex; /* 开启弹性布局 */
    flex: 1; /* 占据剩余空间 */
    justify-content: flex-end; /* 靠右对齐 */
    list-style: none;
    margin: 0;
    padding: 0;
    height: 100%;
}

.nav_ul li {
    position: relative;
    transition: .5s;
    -webkit-transition: .5s;
    width: auto; /* 自动宽度 */
    padding: 0 15px;
    height: 103px;
    white-space: nowrap; /* 强制不换行 */
}

.nav_ul li > a {
    transition: .5s;
    -webkit-transition: .5s;
    text-align: center;
    display: block;
    height: 103px;
    line-height: 103px; /* 调整对齐 */
    font-size: 16px;
    color: #191d20;
    padding: 0 5px;
}

.nav_ul li:hover > a, .nav_ul li.on > a, .nav_ul li.is-open > a {
    text-decoration: none;
    color: #00a54f;
}

.nav_ul li > a i {
    transition: .5s;
    -webkit-transition: .5s;
    opacity: 0;
    position: absolute;
    display: block;
    width: 49px;
    height: 5px;
    background-color: #00a54f;
    bottom: 0;
    left: 50%;
    margin-left: -25px;
}
.nav_ul li:hover > a i, .nav_ul li.on > a i, .nav_ul li.is-open > a i {
    opacity: 1;
}
.nav_ul li:hover, .nav_ul li.on, .nav_ul li.is-open {
    box-shadow: 0 7px 20px #f0f0f0;
}

/* 下拉菜单调整 */
.xl {
    z-index: 1000;
    display: none;
    box-shadow: 0 5px 10px -7px #a2a2a2;
    overflow: hidden;
    padding: 50px 0;
    position: absolute;
    top: 103px;
    left: 50%;
    transform: translateX(-50%); /* 居中对齐 */
    width: 100vw; /* 全屏宽度 */
    max-width: 1440px;
    background-color: #f2f2f2;
}

.xl_left {
    margin-left: 70px;
    width: 440px;
    height: 205px;
    float: left;
    overflow: hidden;
}
.xl_left img {
    display: block;
    width: 100%;
    height: 100%;
}
.xl_center {
    font-family: "Microsoft YaHei";
    text-transform: uppercase;
    font-size: 37px;
    color: #464646;
    border-bottom: 1px solid #c7c7c7;
    padding-bottom: 15px;
    float: left;
    margin: 65px 65px 0 55px;
}
.xl_right {
    float: left;
    margin-top: 30px;
    width: 450px;
}
.xl_right a {
    transition: .5s;
    background: url("../images/xl_06.png") no-repeat center right;
    width: 190px;
    float: left;
    margin-right: 30px;
    margin-bottom: 20px;
}
.xl_right a:hover {
    color: #00a54f;
    background: url("../images/xl_061.png") no-repeat center right;
}

/* Simple click-to-open dropdown menu */
.nav_ul .xl {
    padding: 26px 0 30px;
    background: #fff;
    border-top: 1px solid #ededed;
    box-shadow: 0 14px 30px rgba(17, 24, 39, .12);
}

.nav_ul .xl .min-wrap {
    display: block;
    height: auto;
}

.nav_ul .xl_left,
.nav_ul .xl_center {
    display: none;
}

.nav_ul .xl_right {
    float: none;
    display: flex;
    flex-wrap: wrap;
    width: auto;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 34px;
    box-sizing: border-box;
}

.nav_ul .xl_right a {
    float: none;
    width: 25%;
    min-height: 48px;
    margin: 0;
    padding: 13px 34px 13px 16px;
    box-sizing: border-box;
    border-left: 1px solid #e6e8eb;
    background: none;
    color: #252a30;
    font-size: 16px;
    line-height: 22px;
    transition: background-color .18s ease, color .18s ease;
}

.nav_ul .xl_right a:hover {
    color: #00a54f;
    background: #f6faf8;
}

@media (max-width: 1200px) {
    .nav_ul .xl_right a {
        width: 33.3333%;
    }
}

/* 搜索功能 */
.nav_right {
    flex-shrink: 0;
    padding: 0 0 0 20px;
    position: relative;
}
.nav_right span {
    transition: .5s;
    display: block;
    width: 45px;
    height: 103px;
    cursor: pointer;
    background: url(../images/logo_14.png) no-repeat center center;
}
.sous {
    display: none;
    overflow: hidden;
    z-index: 1000;
    position: fixed;
    top: 38px;
    padding: 26px 20px;
    background-color: #fff;
    width: 100%;
    left: 0;
}
.yinying {
    display: none;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 999;
}
.sous form {
    width: 600px;
    margin: auto;
    display: flex;
}
.sous .txt {
    flex: 1;
    height: 50px;
    border: 1px solid #eee;
    text-indent: 10px;
}
.sous .sub {
    width: 97px;
    height: 52px;
    background-color: #00a54f;
    color: #fff;
    border: none;
    cursor: pointer;
}

/* 其他内容省略... */
.xl_right a{transition:.5s;-webkit-transition:.5s;background:url("../images/xl_06.png") no-repeat center right;width:190px;float:left;    margin-right: 30px;margin-bottom:20px;}
.xl_right a:hover{color: #00a54f;background:url("../images/xl_061.png") no-repeat center right;}
.xl_pro .xl_right{width: 450px;margin-right:-300px;}
.xl_pro .xl_right a{width: 190px;margin-right:30px;float: left;}
.xl_pro .xl_center{margin: 65px 65px 0 50px;}
.xl_pro .xl_left{margin-left:0;}
.nav_right{padding:0 0 0 30px;float: right;position: relative;}
.nav_right span{
	transition: .5s;
    -webkit-transition: .5s;
    display: block;
    width: 45px;
    height: 103px;
    cursor: pointer;
    background: url(../images/logo_14.png) no-repeat center 48px;
}
.sous{
    display: none;
    overflow: hidden;
    z-index: 1000;
    position: fixed;
    top: 38px;
    padding: 26px 20px;
    background-color: #fff;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
}
.yinying{
	display: none;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	background: rgba(0,0,0,0.5);
	cursor: pointer;
}
.sous form{
	width: 600px;
    margin: auto;
}
.sous .txt{
    background-color: #eee;
    text-indent: 10px;
    float: left;
    background: #fff;
    width: 500px;
    height: 50px;
    border: 1px solid #eee;
    line-height: 30px;
    color: #000;
}
.sous .sub{    transition: .5s;
    -webkit-transition: .5s;
    float: left;
    color: #fff;
    background-color: #00a54f;
    cursor: pointer;
    width: 97px;
    height: 51px;}
.nav_right:hover>span{box-shadow: 0 4px 10px #c7c7c7;}
.sous .sub:hover{background-color: #00a54f;color: #000;}

/*products*/
.cont_img{height: 300px;position: relative;}
.cont_tit{text-align:center;position: absolute;width: 100%;bottom:20px;background: url("../images/quab_03.png") no-repeat center;color: #fff;height:200px;}
.cont_tit b{ letter-spacing:3px;font-family: 'IMPACTED';line-height: 64px;display: block;font-size: 60px;margin-top:60px;}
.cont_tit span{display: block;font-size: 18px;}
/*二级菜单*/
.ej{height:50px;margin-top:-50px;position:relative;z-index: 100;}
.ej a{transition:.5s;-webkit-transition:.5s;background-color:#00a54f;float: left;padding:0 30px;height: 50px;line-height: 50px;margin-right:2px;font-size: 16px;color: #fff;}
.ej a:hover,.ej a.on{background-color: #fff;color:#333;}

/*面包屑*/
.bread{margin-bottom:30px;text-align:right;background-color:#f5f5f5;line-height:75px;height:75px;color: #282828;}
.bread a{transition:.5s;-webkit-transition:.5s;color: #282828;}
.bread a:hover,.bread a.on{color: #00a54f;}
.bread span{display: inline-block;margin: 0 1px;}
/*主体左侧*/
.left{margin-bottom:90px;float: left;width: 325px;}
.pro_left{background-color: #f2f2f2;}
.pro_left>li{border-bottom:1px solid #fff;}
.pro_left>li>a{transition:.5s;-webkit-transition:.5s;display:block;cursor:pointer;background:url("../images/left_07.png") no-repeat 287px center;height:70px;line-height: 70px;text-indent: 20px;font-size: 18px;color: #111621;width: 275px;padding-right: 50px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.pro_left>li>a.on,.pro_left>li>a:hover{background:url("../images/left_10.png") no-repeat 287px center #00a54f;}
.pro_left>li div a{transition:.5s;-webkit-transition:.5s;font-size:18px;color:#fff;text-indent: 20px;display: block;border-top:1px solid #fff;height: 52px;line-height: 52px;background:url("../images/left_13.png") no-repeat 290px center #b0b0b0;width: 275px;padding-right: 50px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.pro_left>li div a:hover,.pro_left>li div a.on{color:#111621;background:url("../images/left_16.png") no-repeat 290px center #fff;}
.pro_left>li div{display: none;}
/*.pro_left>li:first-child div{display: block;}*/

.right{float: right;width: 732px;}
.pro_f1{margin-bottom:30px;position:relative;padding:20px 0 30px 0;overflow: hidden;width: 730px;border:1px solid #eaeaea;}
.pro_f1_left{margin-left:40px;float: left;width: 290px;height: 200px;overflow: hidden;}
.pro_f1_left img{transition:.5s;-webkit-transition:.5s;display: block;width: 100%;height: 100%;}
.pro_f1_left:hover img{transform: scale(1.02);-webkit-transform: scale(1.02);}
.pro_f1_right{font-size:14px;color:#111621;line-height:24px;float: left;width: 240px;text-align: center;margin-left:110px;}
.pro_f1_right img{display: block;width: 72px;height: 72px;margin: 20px auto;}
.pro_f1_right p{height: 67px;overflow: hidden;}
.pro_f1_a{transition:.5s;-webkit-transition:.5s;line-height:28px;text-indent:50px;left:50%;margin-left:-83px;bottom:0;display:block;color:#000;font-size:12px;position: absolute;width: 167px;height: 28px;background:url("../images/left_03.png") no-repeat 103px center #00a54f;}
.pro_f1_a:hover{background:url("../images/left_03.png") no-repeat 110px center #e8be00;}

/*page*/
.page{margin: 40px 0 65px 0;text-align: center;font-size: 0;float:left;width:100%;}
.page li {transition:.5s;-webkit-transition:.5s;margin:0 5px;color:#191d20;width: initial;padding: 0 10px;height:29px;border-radius:50%;line-height:29px;display: inline-block;vertical-align: middle;font-size: 16px;}
.page li:hover,.page li.page-active{background-color: #00a54f;}
.page li.page_prev{margin:0 30px 0 0;background:url("../images/page_19.png") no-repeat center #191d20;border-radius:0;}
.page li.page_prev:hover{background: url("../images/left_19.png") no-repeat center #00a54f;}
.page li.page_next{margin:0 0 0 30px;background:url("../images/page_22.png") no-repeat center #191d20;border-radius:0;}
.page li.page_next:hover{background: url("../images/left_22.png") no-repeat center #00a54f;}

/*footer*/
.footer{background-color: #07080c;}
.footer .main{width: 1200px;}
.yq .main{width: 1200px;}
.foot .main{width: 1200px;}
.footer_left{margin-top:75px;float: left;}
.footer_f1{float: left;margin-right:50px;}
.footer_f1 a{margin-bottom:3px;transition:.5s;-webkit-transition:.5s;display: block;line-height: 18px;color: #b5b5b7;}
.footer_f1 a:first-child{color: #00a54f;margin-bottom:20px;}
.footer_f1 a:hover{color: #fff;}
.footer_right{margin-top:75px;float: right;}
.footer_right>p{margin-bottom:10px;padding-left:17px;color: #b5b5b7;}
.footer_right>p span{display: inline-block;margin-right:15px;}
.footer_p1{background: url("../images/footer_27.png") no-repeat left 8px;}
.footer_p2{background: url("../images/footer_30.png") no-repeat left 8px;}
.footer_p3{background: url("../images/footer_33.png") no-repeat left 8px;}
.footer_right>span{text-transform:uppercase;display: block;color: #00a54f;margin:35px 0 10px 0;}
.footer_right>a{transition:.5s;-webkit-transition:.5s;margin-bottom:33px;background:url("../images/footer_37.png") no-repeat 245px center;text-indent:14px;color:#fff;display:block;border:2px solid #39393d;width: 285px;height:42px;line-height: 42px; }
.footer_right>a:hover{background:url("../images/footer_37.png") no-repeat 250px center;}
.ewm{overflow: hidden;margin-bottom:60px;}
/*.ewm b{width:105px;height:105px;float: left;overflow: hidden;}*/
.ewm b {
  width: 112px;
  /* height: 105px; */
  float: left;
  overflow: hidden;
  font-weight: normal;
}
/*.ewm b img{display: block;width: 100%;height: 100%;}*/
.ewm b img {
  display: block;
  width: 100%;
  height: 105px;
}
.ewm b span{
  display: block;
  color: #b5b5b7;
  text-align: center;
  margin: 10px 0 0 0;
}
.ewm b:first-child{margin: 0 50px 0 15px;}
.yq{line-height: 40px; background-color: #07080c;color:#3b3b3d;font-size: 15px;}
.yq .main{box-sizing:border-box;position: relative;padding-left:50px;}
.yq span{position: absolute;top:0;left:0;}
.yq a{color:#3b3b3d;display: inline-block;margin-right: 10px;}
.yq a:hover{color:#00a54f;}
.foot{position:relative;overflow:hidden;background-color: #07080c;border-top: 1px solid #12141b;height:75px;line-height:75px;}
.foot .bshare-custom{margin-top:25px;float: left;/*width:180px;*/}
.foot .bshare-custom a{transition:.5s;-webkit-transition:.5s;width: 28px;height: 28px;margin:0 10px 0 0;padding:0;}
.foot .bshare-custom a.bshare-facebook{background: url("../images/fx_03.png") no-repeat center;}
.foot .bshare-custom a.bshare-facebook:hover{background: url("../images/fx1_03.png") no-repeat center;}
.foot .bshare-custom a.bshare-linkedin{background: url("../images/fx_05.png") no-repeat center;}
.foot .bshare-custom a.bshare-linkedin:hover{background: url("../images/fx1_05.png") no-repeat center;}
.foot .bshare-custom a.bshare-twitter{background: url("../images/fx_07.png") no-repeat center;}
.foot .bshare-custom a.bshare-twitter:hover{background: url("../images/fx1_07.png") no-repeat center;}
.foot .bshare-custom a.bshare-gplus{background: url("../images/fx_09.png") no-repeat center;}
.foot .bshare-custom a.bshare-gplus:hover{background: url("../images/fx1_09.png") no-repeat center;}


.foot_right{float:right;color: #b5b5b7;}
.foot_right p{margin-left:35px;float: left;}
.foot_right a{color: #b5b5b7;}
.foot_right a:hover{color: #999;}
.ctmon{position: absolute;color: transparent;font-size: 0;}

/*productscenter*/
.min-procenter{width: 1200px;}
.pro_center_img{height:400px;}
.pro_center_img .cont_tit{bottom:115px;}
.procenter_f1{border-bottom:1px solid #b7b9bc;}
.procenter_f1 h2{text-indent:50px;font-size: 30px;color: #111621;margin:55px 0 40px 0;}
.procenter_bottom{overflow: hidden;}
.procenter_left{overflow:hidden;float: left;border:1px solid #dbdbdb;width: 367px;height: 398px;margin: 0 0 50px 50px;}
.procenter_left img{transition:.5s;-webkit-transition:.5s;display: block;width: 100%;height: 100%;}
.procenter_left:hover img{transform: scale(1.02);-webkit-transform: scale(1.02);}
.procenter_right{margin:0 0 45px 55px;float: left;width: 675px;}
.procenter_ul li>a,.procenter_ul li div a{transition:.5s;-webkit-transition:.5s;cursor:pointer;background:url("../images/left_16.png") no-repeat 625px center #00a54f;text-indent:19px;font-size:16px;color:#111621;display: block;width: 675px;height: 55px;line-height: 55px;border-bottom:1px solid #fff;}
.procenter_ul li div a{background:url("../images/left_16.png") no-repeat 625px center #f2f2f2;}
/*.procenter_ul li div{display:none;}*/
.procenter_ul li>a:hover{background-color: #f8b62b;color:#fff; }
.procenter_ul li div a:hover{background-color: #e4e4e4; }

/*service*/
.service_tit{font-family: 'Arial';text-align:center;margin:65px 0 50px 0;font-size: 40px;color: #00a54f;text-transform: uppercase;}
.ser_tit{text-align:center;width:375px;height:45px;line-height:45px;margin: 0 auto;font-size: 20px;color: #fff;background-color: #10131a;}
.support{overflow: hidden;margin:50px 0 60px 0;}
.support div{text-align:center;color:#fff;font-size:16px;line-height:24px;float: left;width: 268px;height: 230px;margin:0 9px 9px 0;}
.support div img{transition:.5s;-webkit-transition:.5s;display: block;margin:35px auto 15px auto;}
.support_f1{background-color: #8dda96;}
.support_f2{background-color: #dab18d;}
.support_f3{background-color: #8dceda;}
.support .support_f4{background-color: #dad48d;margin-right:0;}
.support_f5{background-color: #da918d;}
.support_f6{background-color: #a88dda;}
.support_f7{background-color: #da8daf;}
.support .support_f8{background-color: #8ddacc;margin-right:0;}
.solar{margin:40px 0 80px 0;padding:60px 0 70px 0;overflow: hidden;background-color: #f6f6f6;}
.solar a{transition:.5s;-webkit-transition:.5s;line-height:24px;color:#10131a;text-align: center;float: left;width: 33.33333%;}
.solar a img{display: block;margin: 0 auto;}
.solar a span{text-transform:uppercase;font-weight:bold;margin:30px 0;display: block;font-size: 18px;color: #10131a;}
.solar a:hover{margin:-5px 0 5px 0;}

/*faq*/
.faq{margin-bottom:50px;border:1px solid #dadada;}
.faq_tit{font-size:30px;color:#43454a;height:60px;width:1000px;margin: 50px auto 40px auto;border-bottom:2px solid #e7e7e7;}
.faq_ul{width: 1000px;margin: 0 auto;}
.faq_ul li{margin-bottom:20px;position: relative;}
.faq_ul li i{cursor:pointer;transition:.5s;-webkit-transition:.5s;background:url("../images/faq_03.png") no-repeat center;display:block;z-index:100;position: absolute;right:45px;top:20px;width:16px;height: 14px;}
.faq_ul li>a{cursor:pointer;transition:.5s;-webkit-transition:.5s;font-size:16px;color:#191d20;background:url("../images/faq_07.png") no-repeat 48px center #00a54f;text-indent:95px;display: block;height:54px;line-height:54px;}
.faq_ul li>a.on,.faq_ul li:hover>a{background:url("../images/faq_07.png") no-repeat 48px center #f1f1f1; }
.faq_ul li div{display:none;line-height:22px;color:#808080;position:relative;margin:30px 0 0 38px;width:855px;padding:15px 25px 15px 80px;background:url("../images/faq_13.png") no-repeat 25px 20px #f1f1f1;border:1px solid #d9d9d9;}
.faq_ul li div img{left:60px;top:-11px;display: block;position: absolute;width: 13px;height: 11px;}
.faq_ul li>i.on,.faq_ul li:hover>i{transform:rotate(180deg);-webkit-transform: rotate(180deg);}
.faq_ul li:first-child div{display: block;}
.faq .page{margin: 45px 0;}

/*Applications*/
.app_tit{font-size:0;text-align: center;overflow: hidden;margin:20px 0;}
.app_tit a{transition:.5s;-webkit-transition:.5s;vertical-align:middle;display:inline-block;font-size:16px;text-transform:capitalize;margin:0 2px;background-color:#0f1319;width: 215px;color: #fff;height:47px;line-height: 47px;font-weight:bold;}
.app_tit a:hover,.app_tit a.on{background-color: #00a54f;}
.app_tit+.service_tit{margin:10px 0 30px 0;}
.app_name{ font-family: 'Arial';margin:45px 0 25px 0;font-size: 25px;color: #0f1319;text-align: center;}
.app_img{margin-bottom:50px;}

/*solution*/
.solution:after { clear: both; display: block; content: '' }
.solution{margin:45px 0 40px 0;zoom: 1;}
.sol_f1{transition:.5s;-webkit-transition:.5s;box-shadow:0 10px 20px #d1d1d1;background-color:#fff;float: left;margin: 0 17px 25px 0;width: 355px;height: 485px;}
.sol_f1:nth-child(3n){margin-right:0;}
.sol_f1 b{display: block;overflow: hidden;width: 355px;height: 395px;}
.sol_f1 b img{transition:.5s;-webkit-transition:.5s;display: block;width: 100%;height: 100%;}
.sol_f1 p{text-align:center;font-family: 'Arial';height: 40px;overflow: hidden;margin:20px 0 25px 0;font-size: 16px;color: #424242;line-height: 21px;}
.sol_f1:hover{background-color: #00a54f;}
.sol_f1:hover b img{transform: scale(1.02);-webkit-transform: scale(1.02);}

/*news*/
.news_f1{padding:35px 0;border-bottom:1px dashed #dfdfdf;overflow: hidden;}
.news_left{float: left;overflow: hidden;width: 352px;height: 201px;}
.news_left img{transition:.5s;-webkit-transition:.5s;display: block;width: 100%;height: 100%;}
.news_right{transition:.5s;-webkit-transition:.5s;margin-left:45px;float: left;width: 690px;}
.news_right h2{margin:30px 0 20px 0;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.news_right h2 a{transition:.5s;-webkit-transition:.5s;font-size: 22px;color: #3d3d3d;}
.news_right p{overflow: hidden;/*height:40px;*/line-height: 22px;color: #a8a8a8;}
.news_right span{display: block;color: #a8a8a8;margin-top:35px;}
.news_f1:hover .news_left img{transform: scale(1.02);-webkit-transform: scale(1.02);}
.news_f1:hover .news_right{margin-left:40px;}
.news_f1:hover .news_right h2 a{color: #00a54f;}
.news .page{margin: 50px 0;}




/*201-02-28*/
/*contact*/

.cont_f1{ font-family: "Microsoft YaHei";margin-bottom:55px;padding-bottom:45px;border-bottom:1px solid #c1c1c1;font-family: 'Conv_HelveticaNeueLTPro-Hv';line-height: 26px;color: #3b3b3b;font-size:15px;text-align: center;}
.cont_f1 div{font-size: 30px;color: #00a54f;margin:25px 0;}

.cont_f2{ font-family: "Microsoft YaHei";width: 1050px;margin: 0 auto;}
.cont_f2 .txt{margin-bottom:15px;color:#666;/*border:1px solid #ededed;*/height:36px;line-height: 36px;text-indent: 12px;}
.cont_f2 .txt1{width: 230px;/*margin-left:20px;*/}
.cont_f2 .txt:first-child,.cont_f2 .txt1+.txt2{margin-left:0;}
.cont_f2 .txt2{width: 508px;margin-left:20px;}
.cont_f2 textarea.txt{line-height: 24px;width: 1028px;padding:7px;height: 140px;}
.sub_div{text-align: center;font-size: 0;}
.sub_div input{cursor:pointer;transition:.5s;-webkit-transition:.5s;margin: 0 5px;color:#fff;background-color:#191d20;font-size:12px;display: inline-block;width: 94px;line-height: 27px;height: 27px;}
.sub_div input:hover{background-color: #00a54f;}
.map{width: 1050px;overflow: hidden;height:470px;margin: 50px auto 25px auto;}
.contact_img .cont_tit{height:226px;background:url("../images/cont_03.png") no-repeat center;color: #3b3b3b;bottom:45px;}
.contact_img .cont_tit b{margin-top:74px;}
.contact_bottom{overflow: hidden;background-color: #f0f0f0;width: 1440px;margin:0 auto;}
.contact_bottom_tit{margin:75px 0 45px 0;line-height:30px;  font-family: 'Conv_HelveticaNeueLTPro-Hv';text-align: center;font-size: 30px;color: #2b2a2a;}
.cont_f2 input,.cont_f2 textarea{ font-family: "Microsoft YaHei";}
.love_smk{vertical-align:middle;font-family: "Microsoft YaHei";line-height:27px;margin-right:90px;display:inline-block;text-align: center;font-size: 15px;color: #2b2b2b;}

.cont_f3{font-family: "Microsoft YaHei";margin:50px 0 70px 0;text-align: center;}
.cont_f3_div{transition:.5s;-webkit-transition:.5s;font-size:15px;color:#342c2a;line-height:21px;display: inline-block;vertical-align: middle;margin: 0 70px;}
.cont_f3_div i{transition:.5s;-webkit-transition:.5s;border-radius:50%;margin:0 auto 20px auto;display: block;width: 139px;height: 139px;border:1px solid #c2c2c2;}
.cont_f3_div:hover{color: #00a54f;}
.cont_f3_div:hover i{border-color: #00a54f;}
.cont_f3_div1 i{background: url("../images/contact_09.png") no-repeat center;}
.cont_f3_div1:hover i{background: url("../images/contact1_09.png") no-repeat center #00a54f;}
.cont_f3_div2 i{background: url("../images/contact_03.png") no-repeat center;}
.cont_f3_div2:hover i{background: url("../images/contact1_03.png") no-repeat center #00a54f;}
.cont_f3_div3 i{background: url("../images/sype2.png") no-repeat center;}
.cont_f3_div3:hover i{background: url("../images/sype1.png") no-repeat center #00a54f;}


/*product*/
.other_pro_tit{font-weight:bold;font-family: "Microsoft YaHei";text-transform:uppercase;font-size: 25px;color: #000;height: 50px;border-bottom:1px solid #ddd;margin:50px 0 30px 0;}
.cp_f1{margin-bottom:70px;overflow:hidden;}
.cp_f1_left{float: left;width: 380px;}
/*图片放大镜样式*/
.jqzoom{position:relative;cursor:pointer;display:block;width: 378px;height: 408px;border: 1px solid #e8e8e8;}
.zoomdiv{z-index:100;position:absolute;top:0;left:0;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0;left:0;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-scroll{clear:both;margin-top:10px;width:380px;*margin-bottom: 20px;}
.spec-scroll .prev,.spec-scroll .next{margin-top:25px;width:29px;height:29px;transition:.5s;-webkit-transition:.5s;display:block;cursor:pointer;}
.spec-scroll .prev{float:left;margin-right:23px;background:url("../images/page_19.png") no-repeat center #191d20;}
.spec-scroll .prev:hover{background: url("../images/left_19.png") no-repeat center #00a54f;}
.spec-scroll .next{float:right;background:url("../images/page_22.png") no-repeat center #191d20;}
.spec-scroll .next:hover{background: url("../images/left_22.png") no-repeat center #00a54f;}
.spec-scroll .items{float:left;position:relative;width:282px;height:85px;overflow:hidden;margin-bottom: 20px;}
.spec-scroll .items ul{position:absolute;width:999999px;height:85px;}
.spec-scroll .items ul li{float:left;width:92px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #eaeaea;width:75px;height:82px;cursor: pointer;}
.spec-scroll .items ul li img:hover,.spec-scroll .items ul li img.on{border-color:#00a54f;}

.cp_f1_right{float: right;width: 670px;}
.cp_f1_right h1{font-family: 'Conv_HelveticaNeueLTPro-Hv';margin-bottom:20px;font-size: 30px;color: #111621;}
.cp_f1_right>span{font-weight:bold;margin-bottom:20px;font-size:25px;font-family:"Microsoft YaHei";display: block;  color: #00a54f;}
.cp_f1_right p{font-size: 16px;color: #727272;line-height: 24px;}
.cp_img{margin:35px 0 50px 0;text-align: center;font-size:0;}
.cp_img img{margin: 0 25px;display:inline-block;width: 94px;height: 94px;}
.cp_fx{overflow: hidden;}
.cp_fx>a{transition:.5s;-webkit-transition:.5s;text-indent:15px;float: left;border-radius:17px;color:#110502;width: 110px;height: 35px;line-height:35px;background:url("../images/left_03.png") no-repeat 75px center #00a54f;}
.cp_fx .bshare-custom{margin:10px 0 0 20px;float: left;}
.cp_fx .bshare-custom span{font-size: 12px;color: #646464;}
.cp_fx .bshare-custom a{margin:0 5px 0 0;padding:0;width: 18px;height: 18px;}
.cp_fx .bshare-custom a.bshare-facebook{background: url("../images/cpfx_03.png") no-repeat center;}
.cp_fx .bshare-custom a.bshare-linkedin{background: url("../images/cpfx_05.png") no-repeat center;}
.cp_fx .bshare-custom a.bshare-twitter{background: url("../images/cpfx_07.png") no-repeat center;}
.cp_fx .bshare-custom a.bshare-gplus{background: url("../images/cpfx_09.png") no-repeat center;}
.cp_fx>a:hover{background-color: #ebc000;}
.cp_f2{overflow: hidden;border-bottom:1px solid #eaeaea;}
.cp_f2 span{width:118px;transition:.5s;-webkit-transition:.5s;cursor:pointer;background-color:#e4e4e4;font-size:20px;color:#7b7b7b;float: left;height:35px;line-height: 35px;padding:0 20px;margin-right:12px;text-align:center}
.cp_f2 span:hover,.cp_f2 span.on{background-color: #00a54f;color: #fff;text-align:center}
.cf_f3{margin:20px 0;display:none;font-size: 16px;color: #727272;line-height: 24px;}
.cp_f2+.cf_f3{display: block;}
.other_pro{margin:35px 0 80px 0;padding:20px 0;background-color: #eee;}
.other_pro .picScroll-left{ overflow:hidden; position:relative;  }
.other_pro .picScroll-left .hd{ overflow:hidden; }
.other_pro .picScroll-left .hd ul{display: none;font-size: 0; }
.other_pro .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.other_pro .picScroll-left .bd ul li{margin:0 38px; float:left; _display:inline; overflow:hidden; text-align:center; }
.other_pro .picScroll-left .bd ul li a img{ transition:.5s;-webkit-transition:.5s;width:200px; height:216px; display:block;}
.other_pro .picScroll-left .bd ul li:hover a img{ transform: scale(1.02);-webkit-transform: scale(1.02); }
.other_pro .picScroll-left .bd ul li span{ margin-top:12px;display: block;font-size: 14px;color: #000;  }

/*new*/
.new_left{float: left;width: 820px;margin:30px 0 100px 0;}
.new_tit{margin-bottom:65px;position: relative;text-align: center;}
.new_tit h1{font-size: 24px;color: #5e5e5e;}
.new_tit span{display: block;font-size: 16px;color: #5e5e5e;margin: 15px 0;}
.new_tit i{left:0;bottom:10px;position:absolute;display: block;width: 100%;height: 1px;background-color: #b7b4b3;}
.new_tit .bshare-custom{position:relative;z-index:100;margin: 0 auto;background-color: #fff;width: 145px;text-align: center;}
.new_tit .bshare-custom a{width:18px;height:18px;margin:0 4px;padding:0;display: inline-block;vertical-align: middle;}
.new_tit .bshare-custom a.bshare-facebook{background: url("../images/new_07.png") no-repeat center;}
.new_tit .bshare-custom a.bshare-linkedin{background: url("../images/new_09.png") no-repeat center;}
.new_tit .bshare-custom a.bshare-twitter{background: url("../images/new_11.png") no-repeat center;}
.new_tit .bshare-custom a.bshare-gplus{background: url("../images/new_13.png") no-repeat center;}
.new_right{margin:30px 0 60px 0;float:right;width: 235px;}
.new_right_top{overflow:hidden;background-color: #f6f6f6;}
.top_new{transition:.5s;-webkit-transition:.5s;display:block;text-indent:35px;font-size:19px;color:#555;height: 75px;line-height: 75px;background: url("../images/new_03.png") no-repeat 180px center;border-bottom:1px solid  #e0e0e0;}
.top_new:hover{background: url("../images/new_03.png") no-repeat 185px center;}
.ul_top{margin: 30px 0 30px 30px;width: 180px;}
.ul_top li{margin-bottom:20px;padding-left:20px;background: url("../images/new_20.png") no-repeat left 7px;}
.ul_top li a{transition:.5s;-webkit-transition:.5s;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;display: block;color: #5e5e5e;}
.ul_top li a:hover{color: #000;}
.new_right_bottom{overflow:hidden;background-color: #f6f6f6;margin-bottom:35px;}
.new_right_bottom .picScroll-top{  width:175px; margin:25px auto;  overflow:hidden; position:relative;   }
.new_right_bottom .picScroll-top .hd{ overflow:hidden;  }
.new_right_bottom .picScroll-top .hd ul{ overflow:hidden; font-size: 0;}
.new_right_bottom .picScroll-top .bd ul{ overflow:hidden; zoom:1; }
.new_right_bottom .picScroll-top .bd ul li{ overflow:hidden;text-align:center; zoom:1; }
.new_right_bottom .picScroll-top .bd ul li .pic{ text-align:center; }
.new_right_bottom .picScroll-top .bd ul li .pic img{transition:.5s;-webkit-transition:.5s; width:175px; height:190px; display:block; }
.new_right_bottom .picScroll-top .bd ul li:hover .pic a img{ transform: scale(1.02);-webkit-transform: scale(1.02); }
.new_right_bottom .picScroll-top .bd ul li .title{margin:10px 0 20px 0;}
.new_right_bottom .picScroll-top .bd ul li .title a{transition:.5s;-webkit-transition:.5s; display:block;color: #555; }
.new_right_bottom .picScroll-top .bd ul li:hover .title a{color: #000;}

/*download*/
.download{width:815px;}
.download>li{margin-bottom: 23px;}
.download>li h2{cursor:pointer;transition:.5s;-webkit-transition:.5s;background:url("../images/down_16.png") no-repeat 765px center #00a54f;text-indent:30px;height:55px;line-height: 55px;font-size: 16px;color: #3d3d3d;}
.download>li:hover h2,.download>li h2.on{background: url("../images/down_03.png") no-repeat 765px center #f6f6f6;}
.down_ul{display: none;}
.down_ul li{border-bottom:1px solid #ebebeb;}
.down_ul li a{line-height:75px;height:75px;overflow: hidden;display: block;}
.down_ul li a>span{background:url("../images/down_10.png") no-repeat left center;width:500px;overflow:hidden;font-size:14px;color:#3d3d3d;padding-left:17px;float: left;margin-left:45px;}
.down_ul li a div{float: left;width:235px;}
.down_ul li a div b{float: left;font-weight: normal;color: #404040;}
.down_ul li a div i{background-color:#404040;float: left;width: 1px;height: 13px;margin: 32px 25px;}
.down_ul li a div span{transition:.5s;-webkit-transition:.5s;float: left;color:#404040;background: url("../images/down_14.png") no-repeat right center;width:100px;}
.down_ul li:hover a div span{color: #00a54f;}
.download>li:first-child .down_ul{display: block;}
.download+.page{margin: 45px 0 60px 0;}
.down_left{float: left;width: 820px;}


/*about*/
.about_f1_tit{margin-bottom:55px;text-align: center;font-family: 'Arial';}
.about_f1_tit span{font-weight: bold;  text-transform: uppercase;margin-bottom:35px;display: block;font-size: 40px;color: #00a54f;}
.about_f1_tit p{color: #191d20;font-size: 30px;}
.about_f1_tit p b{color: #00a54f;}
.about_nr{overflow: hidden;margin-bottom:50px;}
.about_nr_left{line-height:24px;color:#191d20;float: left;width: 870px;}
.about_nr_right{line-height:24px;color:#191d20;float: right;width: 195px;}
.about_nr_right img{float: right;}

.about_nr1{overflow: hidden;margin-bottom:60px;}
.about_nr2{overflow: hidden;margin-bottom:50px;}
.about_nr3{overflow: hidden;margin-bottom:50px;}
.about_nr1 .about_nr_left{width: 560px;}
.about_nr2 .about_nr_left{width: 800px;}
.about_nr3 .about_nr_left{width: 240px;}
.about_nr1 .about_nr_right{margin-top:50px;width: 505px;}
.about_nr2 .about_nr_right{width: 250px;}
.about_nr3 .about_nr_right{width: 860px;}

.about_tit{font-weight:bold;cursor:pointer;margin-bottom:40px;border-top:6px solid #00a54f;text-transform: uppercase; font-family: 'Arial';text-align: center;font-size: 40px;color: #00a54f;}
.about_tit i{display:block;margin: 0 auto 20px auto;width: 35px;height: 30px;background:url("../images/about_21.png") no-repeat center;}
.about_f2{margin-bottom:65px;overflow: hidden;}
.why_f1{background-color:#eee;margin-bottom:15px;float: left;width:530px;margin-right:20px;}
.left_why{float: left;width: 135px;height: 203px;}
.left_why img{transition:.5s;-webkit-transition:.5s;display: block;width: 100%;height: 100%;}
.right_why{transition:.5s;-webkit-transition:.5s;font-size:16px;color:#5d5d5d;line-height:25px;float: left;width: 350px;margin-left:25px;}
.right_why span{display:block;margin:20px 0 15px 0;letter-spacing:-2px; font-family: 'Arial';font-size: 25px;color: #16191d;}
.right_why p
{width: 350px;
  height: 125px;
  overflow: hidden;}
.vision_f1{overflow:hidden;margin-bottom:20px;position: relative;}
.vision_f1 img{display: block;width: 100%;height: 100%;}
.vision_nr{overflow:hidden;height:100%;padding:45px;background:rgba(22,25,29,0.87);font-size:14px;line-height:21px;color:#c8c8c8;top:0;right:0;position: absolute;}
.vision_nr span{margin:65px 0 20px 0;letter-spacing:-1px; font-family: 'Arial';display: block;font-size: 20px;color: #fff;}
.about_f2 .vision_f1:first-child .vision_nr{right:auto;left:0;}
.vision_nr p{width: 315px;font-size:16px;}

/*index*/
/*banner*/
.flexslider{ position:relative; clear: both; overflow:hidden;z-index: 99; }
.flexslider .slides li{position:relative;}
.flexslider .slides li a{display: block;width: 100%;}
.flexslider .slides li a img {display: block; width: 100%; }
.flex-direction-nav a{display: none;}
.flex-control-nav {font-size:0;position: absolute;bottom:85px;left:0;text-align: center;width: 100%;}
.flex-control-nav li{cursor:pointer;vertical-align:middle;margin: 0 8px;display: inline-block;}
.flex-control-nav li a{transition:.5s;-webkit-transition:.5s;display: block;width: 19px;height: 8px;background-color: #212222;border-radius: 4px;}
.flex-control-nav li a:hover,.flex-control-nav li a.flex-active{width:30px;background-color: #00a54f;}

/*index news*/
.index_news{margin-top:-50px;position: relative;z-index: 1000;margin-bottom: 50px;}
.index_news .min-main{box-shadow:0 10px 20px #d2d0d1;position: relative;height: 100px;background-color: #212429;}
.index_news_left{float: left;  font-family: 'Conv_BebasNeue';text-transform:uppercase;margin-left:48px;font-size:24px;color:#fff;line-height:100px;padding-left:21px;background: url("../images/newi_06.png") no-repeat left center;}
.index_news_center{ margin:36px 0 0 20px;width:905px;  overflow:hidden; position:relative;  float: left;   }
.index_news_center .hd{width:9px; overflow:hidden; float:right;right:52px; }
.index_news_center .hd .prev,.index_news_center .hd .next{opacity:0.3;filter:alpha(opacity=30);height:5px; display:block;  overflow:hidden; cursor:pointer;}
.index_news_center .hd .prev{margin-bottom:10px; background: url("../images/newi_03.png") no-repeat center;  }
.index_news_center .hd .next{background: url("../images/newi_09.png") no-repeat center; }
.index_news_center .hd ul{ overflow:hidden; }
.index_news_center .hd a:hover{opacity:0.8;filter:alpha(opacity=80);}
.index_news_center .infoList li{ height:24px; line-height:24px; width:485px; overflow: hidden; }
.index_news_center .infoList li .date{transition:.5s;-webkit-transition:.5s;text-decoration: underline;color:#838487; float:right; }
.index_news_center .infoList li a:first-child{transition:.5s;-webkit-transition:.5s;color:#9d9d9f;width:360px;float: left; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.index_news_center .infoList li a:hover{color: #eee;}
.index_news_right {transition:.5s;-webkit-transition:.5s;top:37px;right:120px;text-decoration:underline;position: absolute;display: block;font-size: 18px;color: #00a54f;text-transform: uppercase;}
.index_news_right:hover{color: #00a54f;}

/*f1*/
.f1{margin-bottom:100px;}
.f1_left{height:370px;margin-left:55px;width:215px;float: left;padding:0 37px;overflow: hidden;background-color: #ebeff6;}
.f1_left b{transition:.5s;-webkit-transition:.5s;overflow:hidden;width:103px;height:103px;border-radius:50%;display: block;margin:58px auto 0 auto;}
.f1_left b i{transition:.5s;-webkit-transition:.5s;margin:10px auto;display: block;width: 82px;height: 82px;border-radius: 50%;}
.f1_f1 b i{background: url("../images/f1_03.png") no-repeat center #00a54f;}
.f1_f2 b i{background: url("../images/f1_06.png") no-repeat center #00a54f;}
.f1_f3 b i{background: url("../images/f1_09.png") no-repeat center #00a54f;}
.f1_left:hover b{background-color: #00a54f;}
.f1_left:hover b i{background-color: #0dc565;}
.f1_left span{font-family: 'Arial';margin:20px 0 25px 0;text-align: center;font-size: 24px;color: #00a54f;display: block;}
.f1_left p{text-align:center;font-size: 14px;color: #191d20;line-height: 18px;}

/*f2*/
.f2_tit{margin-bottom:65px;font-family: "Microsoft YaHei";font-size:34px;font-weight:bold;color:#000;text-transform:uppercase;text-align: center;}
.f2_tit i{width:96px;height:7px;background-color:#00a54f;display: block;margin:25px auto 0 auto;}
.f2_bottom{margin-bottom:85px;position:relative; }
.f2_bottom .piclist{ overflow:hidden; zoom:1;}
.f2_bottom .ohbox{overflow:hidden; position:relative;left:0;}
.f2_bottom .piclist li{transition:.5s;-webkit-transition:.5s;float:left; display:inline; width:260px;border:1px solid #e7eaea;margin-right:15px;}
.f2_bottom .piclist li a img{margin:3px 3px 0 3px;display: block;width:255px;height: 275px;}
.f2_bottom .piclist li span{
	background: url(../images/left_03.png) no-repeat 315px center;
    transition: .5s;
    -webkit-transition: .5s;
    height: 53px;
    line-height: 53px;
    display: block;
    text-align: center;
    color: #07080c;
    width: 240px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 40px 0 10px;
    box-sizing: border-box;
}
.f2_bottom .piclist li:hover span{background:url("../images/left_03.png") no-repeat 215px center #00a54f;text-indent: 20px;text-align: left;}
.f2_bottom .piclist li:hover{box-shadow:0 10px 20px #eee;background-color:  #00a54f;border-color:#00a54f;}
.f2_bottom .pageBtn span{ transition:.5s;-webkit-transition:.5s;display:block;margin-top:-19px;width:38px;height:38px;position:absolute;top:50%;cursor:pointer;text-indent:-999em;overflow:hidden; }
.f2_bottom .pageBtn .prev{left:-19px;background:url("../images/page_19.png") no-repeat center #07080b;}
.f2_bottom .pageBtn .prev:hover{background:url("../images/left_19.png") no-repeat center #00a54f;}
.f2_bottom .pageBtn .next{right:-19px;background:url("../images/page_22.png") no-repeat center #07080b;}
.f2_bottom .pageBtn .next:hover{right:-19px;background:url("../images/left_22.png") no-repeat center #00a54f;}
.f2_bottom .pageBtn .list{overflow:hidden;zoom:1;font-size: 0;height:0;width:0; }

/*f3*/
.f3{background-color: #f2f2f2;overflow:hidden;}
.f3 .min-wrap{position: relative;}
.f3 p{margin-bottom:70px;font-family:Calibri;font-size: 18px;color: #737272;width: 600px;}
.f3_tit{margin:70px 0 30px 0;font-family: 'Arial';font-size: 21px;color: #000;}
.f3_tit h2{margin-bottom:5px;font-family: 'Arial';font-size: 32px;color: #00a54f;}
.f3 img{position: absolute;right:50px;top:0;}

/*f4*/
.f4{margin-top:50px;}
.f4_left{float: left;width: 750px;}
.f4_top{display: block;width: 100%;overflow: hidden;height: 323px;position: relative;}
.f4 img{transition:.5s;-webkit-transition:.5s;display: block;width: 100%;height: 100%;}
.f4_name{opacity:1;filter: alpha(opacity=100);transition:.5s;-webkit-transition:.5s;font-family:Calibri;text-indent:20px;width:100%;text-transform:capitalize;color:#fff;font-size:24px;position: absolute;bottom:0;left:0;height: 52px;line-height: 52px;background: rgba(0,0,0,0.5);}
.f4_bottom{margin-bottom:55px;margin-top:17px;overflow: hidden;}
.f4_bottom_f1{overflow:hidden;position:relative;float: left;width: 363px;height: 193px;margin-left:19px;}
.f4_bottom .f4_bottom_f1:first-child{margin-left:0;}
.f4_right{width:336px;height:533px;float: right;overflow: hidden;position: relative;}
.f4_right_div{opacity:0;filter: alpha(opacity=0);transition:.5s;-webkit-transition:.5s;top:0;left:0;overflow:hidden;background:rgba(0,0,0,0.70);font-size:12px;color:#c2c7ca;line-height:24px;padding:0 35px;box-sizing: border-box;width: 100%;height: 100%;position: absolute;}
.f4_right_div span{margin-top:65px;display: block;font-size: 24px;color: #fff;}
.f4_right_div i{margin:30px 0 45px 0;display: block;width: 47px;height: 7px;background-color: #fff;}
.f4_bottom_f1:hover img,.f4_top:hover img,.f4_right:hover img{transform: scale(1.02);-webkit-transform: scale(1.02);}



/*客服*/
.keFu{width: 45px;position: fixed;bottom: 0;right: 0;z-index: 5;margin: 0;display: none;}
.keFu li{
    width: 45px;
    margin-bottom: 1px;
    background: #07080b;
    height: 45px;
    position: relative;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
}
.keFu li a{
    display: block;
    width: 45px;
    height: 45px;
    text-align: center;
    position: relative;
    z-index: 5;
    zoom: 1;

    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
}
.keFu li:hover{background: #00a54f;}
.keZ{overflow: hidden;position: absolute; width: 150px;display: block; z-index: 1;left: 6em;top: 0px;}
.keFu li .keZ a{
    width: auto;
    color: #000;
    font-size: 14px;
    line-height: 45px;
    padding: 0 10px;
    background: #00a54f;
    position: relative;
    z-index: 1;
}
.keFu li .keZ a:hover{color: #fff;}

.kCd{position: absolute;overflow: hidden; top: -80px; left: -135px;display: none;/*left: 135px;*/}
.kCd img{padding: 5px;background: #fff;border: 2px solid #00a54f;}

.kTel{background: url("../images/tel.png") no-repeat center #07080b;}
.kSyp{background: url("../images/sype.png") no-repeat center #07080b; background-size:88%;}
.kQq{background: url("../images/qq.png") no-repeat center #07080b;}
.kMail{background: url("../images/mail.png") no-repeat center #07080b;}
.kBack{background: url("../images/backup.png") no-repeat center #07080b;}
.kCode{background: url("../images/erweima.png") no-repeat center #07080b;}
.keFu li:hover .kTel{background: url("../images/tel.png") no-repeat center #00a54f;}
.keFu li:hover .kSyp{background: url("../images/sype.png") no-repeat center #00a54f;}
.keFu li:hover .kQq{background: url("../images/qq.png") no-repeat center #00a54f;}
.keFu li:hover .kMail{background: url("../images/mail.png") no-repeat center #00a54f;}
.keFu li:hover .kBack{background: url("../images/backup.png") no-repeat center #00a54f;}
.keFu li:hover .kCode{background: url("../images/erweima.png") no-repeat center #00a54f;}

.gjz{margin:30px 0 ;}
.gjz a{display: inline-block;margin-left:10px;}
.gjz a:hover{color: #000;}


.page .qing
{
	display:none;
	}
#skypedetectionswf
{
	display:none;
	}
	
	.new-page{text-align:center;overflow:hidden;margin:50px 0 90px 0;}
.new-page a{transition:.5s;-webkit-transition:.5s;padding:5px 40px;margin: 0 10px;   border-radius: 20px;text-transform: uppercase; background-color:#f6f6f6;display:inline-block;font-size:14px;height: 30px;line-height: 30px;color: #333;}
.new-page+.news_fx{margin-top:0;}
.new-page a:hover{background-color:#00a54f; }

/*.pro_left>li>a.on+div{display:block;}*/

.footer_email{overflow: hidden;margin-bottom:33px;border:2px solid #39393d;height:42px;width: 285px;line-height: 42px;}
.footer_email .sub{cursor:pointer;background:url("../images/footer_37.png") no-repeat center;width: 42px;height: 42px;}
.footer_email .txt{background-color:transparent;float: left;height: 42px;font-size: 14px;color:#fff;text-indent:14px;width:243px;}


/*样式添加：*/

.why_f1:hover .right_why{margin-left:20px;}
.why_f1:hover .left_why img{transform: scale(1.02);-webkit-transform: scale(1.02);}
.about_tit a{color: #00a54f;}
.f4_bottom_f1 .f4_right_div span{margin-top:20px;}
.f4_bottom_f1 .f4_right_div i{margin:20px 0;}
.f4_bottom_f1 .f4_right_div p{height:100px;overflow: hidden;}
.f4_top .f4_right_div p{height:100px;overflow: hidden;}
.f4_right .f4_right_div p{height:287px;overflow: hidden;}
.f4 a:hover .f4_name{opacity:0;filter: alpha(opacity=0);}
.f4 a:hover .f4_right_div{opacity:1;filter: alpha(opacity=100);}

.support div:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);}




/*2017-04-01  添加*/
.cf_f3_table{width: 100%;border:none;}
.cf_f3_table tr td{padding:10px 0;border:2px solid #ddd;text-align: center;}
.cf_f3_table thead tr td{font-size:15px;font-weight: bold;text-transform: uppercase;}
.cf_f3_table thead{background-color: #eee;}

.cf_f3 .cf_f3_div1:first-child{border:none;}
.cf_f3_div1,.cf_f3_div2{overflow: hidden;padding-bottom:35px;border-top:1px solid #ddd;}
.cf_f3_div1_left,.cf_f3_div2 .cf_f3_div1_right{margin-top:30px;width:600px;float: left;}
.cf_f3_div1_left h4,.cf_f3_div2 .cf_f3_div1_right h4{font-size: 18px;color: #000;font-weight: bold;margin-bottom:15px;}
.cf_f3_div1_right,.cf_f3_div2 .cf_f3_div1_left{float: right;width: 400px;}
.cf_f3_div1_right img,.cf_f3_div2 .cf_f3_div1_left img{display: block;width: 100%;}
.cf_f3_div2 .cf_f3_div1_left{float: left;}
.cf_f3_div2 .cf_f3_div1_right{float: right;}

.products{overflow: hidden;}
.products_a{position:relative;margin:0 29px 27px 0;float: left;width: 345px;height: 470px;border:1px solid #dbdbdb;}
.products_a.last{margin-right:0;}
.products_a b{overflow:hidden;display: block;width: 345px;height: 374px;}
.products_a b img{transition:.5s;-webkit-transition:.5s;display: block;width: 100%;height: 100%;}
.products_a:hover b img{transform: scale(1.02);-webkit-transform: scale(1.02);}
.products_a span{overflow:hidden;height:68px;left:0;bottom:20px;width:325px;padding:0 10px;font-size:14px;color:#111621;line-height:24px;text-align: center;position: absolute;}
.products_a:nth-child(2n){
	margin-right:0 !important;
}
/*2017-04-01*/
.cont_f2{overflow: hidden; font-family: "Microsoft YaHei";width: 1050px;margin: 0 auto;}
.cont_f2 .txt{width:230px;float:left;height:36px;line-height: 36px;color:#666;text-indent: 12px;}
.cont_f2 div{margin-right:19px;float:left;width:246px;height:36px;background-color:#fff;overflow:hidden;margin-bottom:15px;border:1px solid #ededed;}
.cont_f2 div span{margin-left:2px;line-height:40px;vertical-align:text-top;float: left;color: red;height:36px;}

.cont_f2 div.cont_div1+div.cont_div2{margin-left:0;}
.cont_f2 div.cont_div2{width:246px;margin-left:26px;margin-right:0;}
.cont_f2 div.cont_div2 .txt{width: 246px;}
.cont_f2 div.cont_div3{margin-right:0;width:1098px;height:160px;}
.cont_f2 div.cont_div3 textarea.txt{width: 1020px;border:none;padding:0 7px 7px 7px;height: 140px;}
.cont_f2 div span+.txt{text-indent: 5px;}

/* 2026 header refresh: fixed languages with flags */
.header .wolw-header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 38px;
}
.header .header_left {
    flex: 0 0 auto;
    float: none;
    line-height: 38px;
}
.header .language-switcher {
    display: flex !important;
    flex: 1 1 auto;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    min-width: 0 !important;
    width: auto !important;
    height: 38px;
    float: none !important;
    white-space: nowrap;
}
.header .language-link {
    display: inline-flex !important;
    align-items: center;
    gap: 5px;
    height: 26px !important;
    margin: 0 !important;
    padding: 0 8px;
    border: 1px solid transparent;
    border-radius: 4px;
    box-sizing: border-box;
    color: rgba(255,255,255,.82) !important;
    font-family: Arial,"Microsoft YaHei",sans-serif !important;
    font-size: 12px;
    line-height: 24px !important;
    transition: color .18s ease, background-color .18s ease, border-color .18s ease;
}
.header .language-link:hover,
.header .language-link.is-active {
    color: #fff !important;
    background: rgba(255,255,255,.16);
    border-color: rgba(255,255,255,.3);
}
.header .language-flag {
    display: inline-block !important;
    flex: 0 0 24px;
    width: 24px;
    height: 16px !important;
    margin: 0 !important;
    border-radius: 2px;
    background-image: url("../images/language-flags-2026.svg");
    background-repeat: no-repeat;
    background-size: 240px 16px;
    box-shadow: 0 0 0 1px rgba(255,255,255,.22);
}
.header .flag-en { background-position: 0 0; }
.header .flag-cn { background-position: -24px 0; }
.header .flag-ry { background-position: -48px 0; }
.header .flag-hy { background-position: -72px 0; }
.header .flag-yn { background-position: -96px 0; }
.header .flag-ew { background-position: -120px 0; }
.header .flag-dw { background-position: -144px 0; }
.header .flag-fw { background-position: -168px 0; }
.header .flag-alb { background-position: -192px 0; }
.header .flag-ydl { background-position: -216px 0; }

/* 2026 navigation refresh: restrained full-width click dropdown */
.nav_ul li {
    padding: 0 18px;
    transition: background-color .18s ease;
}
.nav_ul li:hover,
.nav_ul li.on,
.nav_ul li.is-open {
    box-shadow: none;
    background: #fafcfa;
}
.nav_ul li > a {
    padding: 0;
    font-weight: 500;
    transition: color .18s ease;
}
.nav_ul li > a i {
    width: 36px;
    height: 3px;
    margin-left: -18px;
}
.nav_ul .xl {
    position: fixed;
    top: 141px;
    left: 0;
    width: 100%;
    max-width: none;
    padding: 30px 0 34px;
    transform: none;
    overflow: visible;
    border-top: 1px solid #e7e9e8;
    border-bottom: 1px solid #e4e8e5;
    background: #fff;
    box-shadow: 0 18px 34px rgba(17,24,39,.11);
}
.nav_ul .xl .min-wrap {
    display: grid;
    grid-template-columns: 230px minmax(0,1fr);
    gap: 0;
    width: min(1180px,calc(100% - 64px));
    max-width: 1180px;
    height: auto;
    margin: 0 auto;
}
.nav_ul .xl_left {
    display: none;
}
.nav_ul .xl_center {
    display: block;
    align-self: stretch;
    float: none;
    margin: 0;
    padding: 14px 34px 14px 0;
    border: 0;
    border-right: 1px solid #dde2df;
    color: #171b19;
    font-family: Arial,"Microsoft YaHei",sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    text-transform: none;
}
.nav_ul .xl_center:after {
    content: "";
    display: block;
    width: 34px;
    height: 3px;
    margin-top: 14px;
    background: #00a54f;
}
.nav_ul .xl_right {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 0;
    float: none;
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
}
.nav_ul .xl_right a {
    display: flex;
    align-items: center;
    float: none;
    width: auto;
    min-height: 54px;
    margin: 0;
    padding: 12px 22px;
    border: 0;
    border-right: 1px solid #edf0ee;
    border-bottom: 1px solid #edf0ee;
    background: none;
    color: #303733;
    font-size: 15px;
    line-height: 1.45;
    transition: color .18s ease, background-color .18s ease, padding-left .18s ease;
}
.nav_ul .xl_right a:nth-child(3n) {
    border-right: 0;
}
.nav_ul .xl_right a:hover {
    padding-left: 27px;
    color: #008f44;
    background: #f5faf7;
}

@media (max-width: 900px) {
    .header .wolw-header-inner {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }
    .header .header_left {
        display: none;
    }
    .header .language-switcher {
        justify-content: flex-start;
        overflow-x: auto;
        scrollbar-width: none;
    }
    .header .language-switcher::-webkit-scrollbar {
        display: none;
    }
    .header .language-link {
        flex: 0 0 auto;
    }
    .nav .min-wrap {
        width: 100%;
        padding: 0 12px;
        box-sizing: border-box;
    }
    .logo {
        width: 150px;
        margin-left: 0;
    }
    .logo img {
        max-width: 100%;
        height: auto;
    }
    .nav_ul {
        justify-content: flex-start;
        overflow-x: auto;
        scrollbar-width: none;
    }
    .nav_ul::-webkit-scrollbar {
        display: none;
    }
    .nav_ul li {
        flex: 0 0 auto;
        padding: 0 10px;
    }
    .nav_ul li > a {
        font-size: 14px;
    }
    .nav_right {
        display: none;
    }
    .nav_ul .xl .min-wrap {
        grid-template-columns: 150px minmax(0,1fr);
        width: calc(100% - 30px);
        padding: 0;
    }
    .nav_ul .xl_center {
        padding-right: 20px;
        font-size: 16px;
    }
    .nav_ul .xl_right {
        grid-template-columns: 1fr;
    }
    .nav_ul .xl_right a {
        border-right: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .header .language-link,
    .nav_ul li,
    .nav_ul li > a,
    .nav_ul .xl_right a {
        transition: none;
    }
}

/* 2026 reference-aligned full-width mega menu */
.nav_ul li:hover,
.nav_ul li.on,
.nav_ul li.is-open {
    background: #fff;
}
.nav_ul li > a i {
    left: 0;
    width: 100%;
    height: 3px;
    margin-left: 0;
    background: #00a54f;
}
.nav_ul .xl {
    padding: 29px 0 38px;
    border-top: 1px solid #e8ece9;
    border-bottom: 1px solid #e4e8e5;
    box-shadow: 0 14px 28px rgba(17,24,39,.08);
}
.nav_ul .xl .min-wrap {
    display: block;
    width: min(1180px,calc(100% - 80px));
    max-width: 1180px;
}
.nav_ul .xl_center {
    display: none;
}
.nav_ul .xl_right {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(210px,1fr));
    align-items: stretch;
    width: 100%;
}
.nav_ul .xl_right a {
    position: relative;
    align-items: flex-start;
    min-height: 126px;
    padding: 16px 28px 46px;
    border: 0;
    border-left: 1px solid #dde2df;
    color: #202622;
    background: transparent;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.55;
    box-sizing: border-box;
    transition: color .18s ease, background-color .18s ease;
}
.nav_ul .xl_right a:first-child {
    border-left: 0;
}
.nav_ul .xl_right a:after {
    content: "\2192";
    position: absolute;
    left: 28px;
    bottom: 18px;
    color: #00a54f;
    font-size: 19px;
    font-weight: 400;
    line-height: 1;
    transition: transform .18s ease;
}
.nav_ul .xl_right a:hover {
    padding-left: 28px;
    color: #008f44;
    background: #f7faf8;
}
.nav_ul .xl_right a:hover:after {
    transform: translateX(4px);
}

@media (max-width: 900px) {
    .nav_ul .xl {
        padding: 18px 0 24px;
    }
    .nav_ul .xl .min-wrap {
        width: calc(100% - 30px);
    }
    .nav_ul .xl_right {
        grid-template-columns: repeat(auto-fit,minmax(180px,1fr));
    }
    .nav_ul .xl_right a {
        min-height: 88px;
        padding: 14px 20px 38px;
    }
    .nav_ul .xl_right a:after {
        left: 20px;
        bottom: 14px;
    }
    .nav_ul .xl_right a:hover {
        padding-left: 20px;
    }
}

