.wrapper{max-width:1380px;margin-right:auto;margin-left:auto;}
.wrap{max-width:1200px;margin-right:auto;margin-left:auto;}@media (max-width:1420px){.wrapper{padding:0 20px;}}@media (max-width:1240px){.wrap{padding:0 20px;}}

.fl{float:left;}
.fr{float:right;}

.textHidden{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.topbar{height:35px;font-size:14px;color:#fff;line-height:35px;background-color:#222;position:relative;z-index:5;}
.topbar a{color:#fff;}.stock-code{float:left;}
.topnav{float:right;}
.topnav li{float:left;margin-left:35px;position:relative;}
.topnav li .icon-supplier,.topnav li .icon-user,
.topnav li .icon-lang{display:inline-block;width:25px;height:25px;margin-top:-2px;margin-right:6px;vertical-align:middle;background-repeat:no-repeat;background-position:center;}
.topnav li .icon-supplier{background-image:url("../images/01.png");}
.topnav li .icon-user{background-image:url("../images/02.png");}
.topnav li .icon-lang{background-image:url("../images/03.png");}
.topnav li .icon-arrow{display:inline-block;width:7px;height:7px;margin-top:-2px;margin-left:8px;vertical-align:middle;background:url("../images/04.png") no-repeat center;}
.topnav li .link-box{position:absolute;width:100%;text-align:center;background:#222;z-index:2;display:none;}
.topnav li .link-box a{display:block;border-bottom:1px solid rgba(255,255,255,0.25);}
.topnav li:hover .link-box{display:block;}
@media (max-width:1000px){.topbar{font-size:12px}
}
@media (max-width:767px){.topbar{display:none}
}
.header{height:110px}
.head{position:relative;z-index:4}
.head-fixed{position:fixed;top:0;left:0;width:100%;box-shadow:2px 0 10px rgba(0,0,0,.2);background-color:#fff}
.logo{float:left;height:110px;line-height:110px}
.logo img{display:inline-block;vertical-align:middle;max-width:280px;}
.nav{float:right}
.nav>ul>li{position:relative;float:left}
.nav>ul>li>a{display:block;padding:0 25px;font-size:18px;line-height:110px}
.nav>ul>li>a:hover{color:#00a4c7}
.nav>ul>li.active>a,.nav>ul>li.hover>a{color:#00a4c7}
.nav>ul>li .sub{display:none}
.nav-menu{display:none;position:absolute;z-index:100;top:110px;left:0;width:100%;font-size:16px;border-top:1px solid #dedede;box-shadow:5px 5px 5px rgba(0,0,0,.1);background-color:#fff}
.nav-menu:after{content:"";position:absolute;z-index:-1;top:0;left:0;width:52%;height:100%;background-color:#f5f5f5}
.nav-menu-item{display:none;width:100%;padding:48px 0}
.nav-menu-left{float:left;width:50%}
.nav-menu-left ul{padding:0 8%}
.nav-menu-left ul li{position:relative;float:left;width:50%}
.nav-menu-left ul li a{position:relative;display:block;height:44px;padding:0 30px;line-height:44px;overflow:hidden}
.nav-menu-left ul li a i{display:inline-block;width:25px;height:25px;margin-top:-2px;margin-right:20px;vertical-align:middle}
.nav-menu-left ul li a i img{display:inline-block;width:25px;height:25px;vertical-align:top}
.nav-menu-left ul li a i img.after{display:none}
.nav-menu-left ul li a b{display:none;position:absolute;top:50%;right:20px;width:17px;height:9px;margin-top:-5px;background:url(../images/101.png) no-repeat center}
.nav-menu-left ul li a:hover{color:#fff;background-color:#00a4c7}
.nav-menu-left ul li a:hover i img.before{display:none}
.nav-menu-left ul li a:hover i img.after{display:inline-block}
.nav-menu-left ul li a:hover b{display:block}
.nav-menu-left ul li .sub{display:none;position:absolute;z-index:1;top:100%;width:100%;padding:0;background-color:#f5f5f5}
.nav-menu-left ul li:hover .sub{display:block}
.nav-menu-left ul li:hover .sub li{float:none;width:100%}
.nav-menu-left ul li:hover .sub li a{padding:0 30px 0 75px}
.nav-menu-right{float:left;width:50%}
.nav-menu-right .inner{padding-left:19%}
.nav-menu-right span{display:block}
.nav-menu-right span img{max-width:100%}
.nav-menu-right p{margin-top:15px}
.nav-menu-right a{position:relative;display:inline-block;width:180px;height:44px;margin-top:25px;color:#fff;line-height:44px;text-indent:25px;background-color:#00a4c7;overflow:hidden}
.nav-menu-right a b{position:absolute;top:50%;right:20px;width:17px;height:9px;margin-top:-5px;text-indent:-9999em;background:url(../images/101.png) no-repeat center;overflow:hidden}

.nav-menu-item-product{background:#f5f5f5;}
.nav-menu-item-product ul.menu01{width:25%;float:left;padding:0px 2%;box-sizing:border-box;}
.nav-menu-item-product ul.menu01 li{position:relative;padding-left:45px;}
.nav-menu-item-product ul.menu01 li.tit{font-size:24px;font-weight:bold;}
.nav-menu-item-product ul.menu01 li.icon01{background:url(../images/nav-icon01.png) no-repeat left center;}
.nav-menu-item-product ul.menu01 li.icon02{background:url(../images/nav-icon02.png) no-repeat left center;}
.nav-menu-item-product ul.menu01 li.icon03{background:url(../images/nav-icon03.png) no-repeat left center;}
.nav-menu-item-product ul.menu01 li.icon04{background:url(../images/nav-icon04.png) no-repeat left center;}
.nav-menu-item-product ul.menu01 li a{display:block;padding:0px 20px;line-height:35px;}
.nav-menu-item-product ul.menu01 > li > a{font-size:16px;}
.nav-menu-item-product ul.menu01 li ul{position:absolute;width:160px;right:-40%;background:#fff;border:1px solid #00a4c7;top:0;display:none;padding:5px 0;}
.nav-menu-item-product ul.menu01 li ul li{padding-left:0;}
.nav-menu-item-product ul.menu01 li ul li a{font-size:14px;}

.nav-menu-item-product ul.menu01:last-child li ul{right:auto;left:-115px;}
.pages li{ display: inline-block;}
@media screen and (min-width:1024px) {
    .nav-menu-item-product ul.menu01 > li:hover > a{background:#00a4c7;color:#fff;}
    .nav-menu-item-product ul.menu01 > li:hover ul{display:block;z-index:10;}
}
@media screen and (max-width:1025px) {}


.nav-menu-active{display:block}
.nav-menu-item-active{display:block}
.btn-search{float:right}
.btn-search .icon-search{display:block;width:30px;height:30px;margin-top:40px;margin-left:40px;background:url(../images/search.png) no-repeat center;cursor:pointer}
.search-bar{display:none;position:absolute;z-index:100;top:110px;left:0;width:100%;padding:28px 0;border-top:1px solid #dedede;background-color:#fff}
.search-bar form{display:flex;width:430px;height:60px;margin:0 auto;border:1px solid #999}
.search-bar form .search-keywords{flex:1;padding:0 20px;font-size:16px;border:none}
.search-bar form .search-button{width:60px;height:60px;text-indent:-9999em;border:none;background:url(../images/search.png) no-repeat center;overflow:hidden}
.search-bar-active{display:block}
@media (max-width:1100px){.logo img{height:45px}
.nav>ul>li>a{display:block;padding:0 20px;font-size:16px;line-height:110px}
.nav-menu{font-size:14px}
.nav-menu-left ul{padding:0}
.btn-search .icon-search{margin-left:20px}
}
@media (max-width:1000px){.logo img{height:40px}
.nav>ul>li>a{display:block;padding:0 15px;font-size:14px;line-height:110px}
.btn-search .icon-search{margin-left:10px}
}
@media (max-width:900px){.nav>ul>li>a{padding:0 12px}
}
@media (max-width:767px){.header{display:none}
}
.m-header{display:none;width:100%;height:60px}
.m-head{box-sizing:border-box;position:fixed;z-index:1000;top:0;left:0;width:100%;display:flex;padding:0 10px 0 20px;line-height:60px;box-shadow:0 0 5px rgba(0,0,0,.2);background-color:#fff}
.m-logo{flex:1}
.m-logo img{width:auto;height:30px}
.btn-m-en{display:inline-block;width:32px;height:32px;font-size:14px;line-height:32px;text-align:center;vertical-align:middle}
.btn-m-en:after{display:inline-block;content:"";width:1px;height:12px;margin-left:10px;background-color:#666}
.btn-m-search{display:inline-block;width:32px;height:32px;vertical-align:middle}
.btn-m-search i{display:block;width:18px;height:18px;margin:7px;text-indent:-9999em;background:url(../images/m_search.png) no-repeat;background-size:18px 18px;overflow:hidden}
.btn-m-menu{display:inline-block;width:42px;height:42px;margin-left:10px;vertical-align:middle}
.btn-m-menu i{display:block;width:22px;height:22px;margin:10px;text-indent:-9999em;background:url(../images/m_menu.png) no-repeat left top;background-size:22px auto;overflow:hidden}
.btn-m-menu-active i{background-position:left bottom}
.m-menu{transition:transform .35s;transform:translateX(100%);position:fixed;z-index:1001;top:60px;right:0;bottom:0;left:0;font-size:14px;background-color:rgba(255,255,255,1);overflow-y:auto}
.m-menu>ul{margin:0 20px;border-bottom:1px solid #c1c1c1}
.m-menu ul{border-top:1px solid #c1c1c1}
.m-menu ul li{border-bottom:1px solid #c1c1c1}
.m-menu ul li:last-child{border-bottom:none}
.m-menu ul li a{display:block;padding:0 20px;color:#333;line-height:50px}
.m-menu ul li ul{display:none}
.m-menu ul li ul li a{padding:0 60px}
.m-menu ul li ul li ul li a{padding:0 100px}
.m-menu ul li a,.m-menu ul li .tit{position:relative}
.m-menu ul li a i,.m-menu ul li .tit i{transform:translateY(-50%);position:absolute;top:50%;right:0;width:14px;height:14px}
.m-menu ul li a i:after,
.m-menu ul li a i:before,
.m-menu ul li .tit i:after,
.m-menu ul li .tit i:before{content:"";position:absolute;background-color:#ddd}
.m-menu ul li a i:before,
.m-menu ul li .tit i:before{top:50%;left:0;width:100%;height:2px;margin-top:-1px}
.m-menu ul li a i:after,
.m-menu ul li .tit i:after{top:0;left:50%;width:2px;height:100%;margin-left:-1px}
.m-menu ul li.active > a,
.m-menu ul li .menu01 .tit.active{color:#10afce}
.m-menu ul li.active > a i:after,
.m-menu ul li .menu01 .tit.active i:after{display:none}

.m-menu ul li .menu01{display:block;border-top:none;}
.m-menu ul li .menu01 .tit{padding-left:30px;line-height:40px;border-top:1px solid #c1c1c1;}
.m-menu ul li .menu01:first-child .tit{border-top:none;}
.m-menu ul li .menu01 ul.menu02 > li{}

.m-menu-active{transform:translateX(0)}
.m-search{transition:transform .35s;transform:translateY(-100%);position:fixed;z-index:100;top:60px;left:0;width:100%;height:50px;background-color:#ebebeb}
.m-search form{display:flex;width:100%;height:100%}
.m-search .search-keywords{flex:1;box-sizing:border-box;padding:0 20px;font-size:14px;border:none;background:0 0}
.m-search .search-button{width:62px;height:50px;text-indent:-9999em;border:none;background:url(../images/m_search.png) no-repeat center;overflow:hidden}
.m-search-active{transform:translateY(0)}
@media (max-width:767px){.m-header{display:block}
}
.share{padding:55px 0;text-align:center;background-color:#e6e6e6}
.share h2{font-size:30px;font-weight:400}
.share p{margin:8px 0;font-size:13px;color:#888}
.bshare-custom.icon-large,.share .bshare-custom.icon-medium-plus{height:50px;font-size:14px!important;line-height:50px!important}
.share .bshare-custom{display:inline-block!important}
.share .bshare-custom a{margin-right:10px!important;vertical-align:top; display: inline-block;;}
.share .bshare-custom a:hover{opacity:1!important;-moz-opacity:1!important;-khtml-opacity:1!important}
.share .bshare-custom.icon-medium-plus a{width:50px;height:50px!important;padding-left:0!important}
.share .bshare-custom.icon-medium-plus .bshare-qqim,.share .bshare-custom.icon-medium-plus .bshare-qzone,.share .bshare-custom.icon-medium-plus .bshare-sinaminiblog,.share .bshare-custom.icon-medium-plus .bshare-weixin{border-radius:0;background-color:#ccc!important;background-repeat:no-repeat!important;background-position:center!important;background-size:28px 28px!important}
.share .bshare-custom.icon-medium-plus .bshare-weixin{background-image:url(../images/share_weixin.png)!important}
.share .bshare-custom.icon-medium-plus .bshare-qqim{background-image:url(../images/share_qq.png)!important}
.share .bshare-custom.icon-medium-plus .bshare-qzone{background-image:url(../images/share_qzone.png)!important}
.share .bshare-custom.icon-medium-plus .bshare-sinaminiblog{background-image:url(../images/share_weibo.png)!important}
.share .bshare-custom.icon-medium-plus a.bshare-weixin:hover{background-color:#92cf46!important}
.share .bshare-custom.icon-medium-plus a.bshare-qqim:hover{background-color:#65b3f4!important}
.share .bshare-custom.icon-medium-plus a.bshare-qzone:hover{background-color:#ffc028!important}
.share .bshare-custom.icon-medium-plus a.bshare-sinaminiblog:hover{background-color:#de5c47!important}
@media (max-width:767px){.share{display:none}
}
.footer{padding:65px 0 0;font-size:14px;background-color:#f9f9f9}
.footer-nav{float:left;width:calc(100% - 180px)}
.footer-nav>ul>li{float:left;width:16.666%}
.footer-nav>ul>li span{font-size:18px}
.footer-nav>ul>li span a{display:block;}
.footer-nav>ul>li ul{margin-top:20px}
.footer-nav>ul>li ul li{line-height:2.2}
.footer-nav>ul>li ul li a{color:#666}
.footer-nav>ul>li ul li a:hover{color:#00a4c7}
.footer-share{display:none;float:left}
.footer-share strong{display:none;margin-bottom:10px;font-size:16px}
.bshare-custom.icon-large,.footer-share .bshare-custom.icon-medium-plus{height:35px;font-size:14px!important;line-height:35px!important}
.footer-share .bshare-custom{display:inline-block!important}
.footer-share .bshare-custom a{margin-right:10px!important;vertical-align:top}
.footer-share .bshare-custom a:hover{opacity:1!important;-moz-opacity:1!important;-khtml-opacity:1!important}
.footer-share .bshare-custom.icon-medium-plus a{width:35px;height:35px!important;padding-left:0!important}
.footer-share .bshare-custom.icon-medium-plus .bshare-qqim,.footer-share .bshare-custom.icon-medium-plus .bshare-qzone,.footer-share .bshare-custom.icon-medium-plus .bshare-sinaminiblog,.footer-share .bshare-custom.icon-medium-plus .bshare-weixin{border-radius:0;background-color:#ccc!important;background-repeat:no-repeat!important;background-position:center!important;background-size:22px 22px!important}
.footer-share .bshare-custom.icon-medium-plus .bshare-weixin{background-image:url(../images/share_weixin.png)!important}
.footer-share .bshare-custom.icon-medium-plus .bshare-qqim{background-image:url(../images/share_qq.png)!important}
.footer-share .bshare-custom.icon-medium-plus .bshare-qzone{background-image:url(../images/share_qzone.png)!important}
.footer-share .bshare-custom.icon-medium-plus .bshare-sinaminiblog{background-image:url(../images/share_weibo.png)!important}
.footer-share .bshare-custom.icon-medium-plus a.bshare-weixin:hover{background-color:#92cf46!important}
.footer-share .bshare-custom.icon-medium-plus a.bshare-qqim:hover{background-color:#65b3f4!important}
.footer-share .bshare-custom.icon-medium-plus a.bshare-qzone:hover{background-color:#ffc028!important}
.footer-share .bshare-custom.icon-medium-plus a.bshare-sinaminiblog:hover{background-color:#de5c47!important}
.footer-qrcode{float:left;width:180px;font-size:12px;color:#666;text-align:center}
.footer-qrcode strong{display:none;margin-bottom:10px;font-size:18px}
.footer-qrcode p{margin-bottom:18px}
.footer-links{margin-top:30px;padding:18px 0;line-height:2.2;border-bottom:1px solid #e6e6e6}
.footer-links:nth-child(2){margin-top:15px;padding-bottom:0;border-bottom:none}
.footer-links a{color:#999}
.footer-links a:hover{color:#00a4c7}
.footer-links span{margin:0 16px 0 20px;color:#ddd}
@media (max-width:1024px){.footer{font-size:12px}
.footer-nav>ul>li span{font-size:14px}
}
@media (max-width:900px){.footer-nav{font-size:12px}
.footer-nav>ul>li span{font-size:14px}
.footer-links{font-size:12px}
}
@media (max-width:767px){.footer{padding:0 0 30px}
.footer-nav{float:none;width:100%;margin-bottom:30px;font-size:12px;line-height:50px}
.footer-nav>ul>li{float:none;width:auto}
.footer-nav>ul>li:last-child{border-bottom:none}
.footer-nav>ul>li span{position:relative;display:block;font-size:14px;border-bottom:1px solid #bdbdbd}
.footer-nav>ul>li span:after{transition:transform .35s;transform:rotate(-45deg);content:"";position:absolute;top:50%;right:5px;width:10px;height:10px;margin-top:-10px;border-left:1px solid #aaa;border-bottom:1px solid #aaa}
.footer-nav>ul>li ul{display:none;margin-top:0;border-bottom:1px solid #bdbdbd}
.footer-nav>ul>li ul li{line-height:inherit;border-bottom:1px solid #bdbdbd}
.footer-nav>ul>li ul li:last-child{border-bottom:none}
.footer-nav>ul>li ul li a{display:block;padding:0 40px}
.footer-nav>ul>li.active span{color:#07aef2;border-bottom-color:#07aef2}
.footer-nav>ul>li.active span:after{transform:rotate(135deg);margin-top:-5px;border-color:#07aef2}
.footer-share{display:block}
.footer-share strong{display:block;font-size:14px}
.footer-qrcode{float:right;width:auto;text-align:left}
.footer-qrcode strong{display:block;font-size:14px}
.footer-qrcode p img{width:100px;height:100px}
.footer-qrcode span{display:none}
.footer-links{display:none}
}
.copyright{height:52px;font-size:14px;color:#fff;line-height:52px;background-color:#1c1c1c;    text-align: center;}

.copyright a{font-size:14px;color:#fff;line-height:52px;}
.copyright .icp{float:right}
@media (max-width:767px){.copyright{height:auto;padding:10px 0;font-size:10px;color:#666;line-height:1.8;text-align:center}
.copyright .copy{display:block;float:none}
.copyright .icp{display:block;float:none}
}
.csbar{position:fixed;right:10px;top:50%;font-size:14px;z-index:1000}
.csbar ul li{position:relative;margin-bottom:10px}
.csbar ul li .icon{width:50px;height:50px;background-color:#bfbfbf;background-repeat:no-repeat;background-position:center;cursor:pointer}
.csbar ul li .icon-weixin{background-image:url(../images/91.png)}
.csbar ul li .icon-weibo{background-image:url(../images/92.png)}
.csbar ul li .icon-tel{background-image:url(../images/93.png)}
.csbar ul li .icon-feedback{background-image:url(../images/94.png)}
.csbar ul li .icon-gototop{background-image:url(../images/95.png)}
.csbar ul li .sub{display:none;position:absolute;top:0;right:50px;padding-right:10px}
.csbar ul li .sub-qrcode{width:160px;padding:10px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.15);background-color:#fff}
.csbar ul li .sub-qrcode img{display:block;width:160px;height:160px}
.csbar ul li .sub-qrcode span{display:block;margin-top:5px}
.csbar ul li .sub-tel{width:240px;padding:10px 20px;box-shadow:0 1px 3px rgba(0,0,0,.15);background-color:#fff}
.csbar ul li .sub-tel .tit{padding-left:28px;font-size:18px;background:url(../images/96.png) no-repeat left center}
.csbar ul li .sub-tel .txt{margin:10px 0 15px}
.csbar ul li .sub-tel .contact{padding-left:28px;background:url(../images/97.png) no-repeat left center}
.csbar ul li.active .icon{background-color:#00adf5}
.csbar ul li.active .sub{display:block}
@media (max-width:767px){.csbar{display:none}
}
.pages{margin-top:60px;font-size:0;text-align:center}
.pages a{display:inline-block;margin:0 5px;padding:0 20px;font-size:16px;line-height:48px;border:1px solid #d0d0d0;background-color:#fff}
.pages li.active a,.pages a:hover{color:#fff;border-color:#47b9be;background-color:#47b9be}
@media (max-width:1024px){.pages a{padding:0 15px;font-size:14px;line-height:40px}
}
@media (max-width:767px){.pages{margin-top:30px}
.pages a{margin:0 2px;padding:0 12px;font-size:12px;line-height:35px}
}

.position{height:75px;background:#cecece;line-height:75px;}
.position .left{}
.position .left *{display:inline-block;}
.position .left a.home{width:14px;height:14px;background:url(../images/position-home.png) no-repeat center center;}
.position .left span{width:7px;height:11px;background:url(../images/position-icon.png) no-repeat center center;margin:0px 10px;}
.position .right{}
.position .right ul{}
.position .right ul li{float:left;}
.position .right ul li:first-child{margin-left:0 !important;}
.position .right ul li a{display:block;padding:0px 30px;}
.position .right ul li.active a{color:#fff;background:#47b9be;}

@media (max-width:1025px){
    .position{height:60px;line-height:60px;}
    .position .left{display:none;}
    .position .right ul li a{font-size:14px;padding:0px 15px;}
}

.page-banner{position:relative;height:560px;}
.page-banner img{width:100%;display:block;}
.page-banner .content{position:absolute;left:0;top:50%;transform:translateY(-50%);text-align:center;width:100%;color:#fff;}
.page-banner .content .tit{font-size:42px;text-transform:uppercase;}
.page-banner .content .line{width:48px;height:2px;background:#fff;margin:0 auto;margin-top:31px;}

@media (max-width:1367px){
    .page-banner{height:460px;}
}
@media (max-width:1025px){
    .page-banner{height:360px;}
    .page-banner .content .tit{font-size:16px;}
    .page-banner .content .ms{font-size:12px;line-height:18px;}
    .page-banner .content .line{margin-top:10px;}
}
@media (max-width:767px){
    .page-banner{height:260px;}
}