.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;}

.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/icon/01.png");}
.topnav li .icon-user{background-image:url("../images/icon/02.png");}
.topnav li .icon-lang{background-image:url("../images/icon/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/icon/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 0px 10px rgba(0,0,0,0.2);background-color:#fff;}.logo{float:left;height:110px;line-height:110px;}.logo img{display:inline-block;vertical-align:middle;}.nav{float:right; padding-top:40px;}.nav > ul > li{position:relative;float:left;}.nav > ul > li > a{display:block;padding:0 25px;font-size:18px;line-height:30px;}.nav > ul > li > a:hover{color:#1E9FFF;}.nav > ul > li.active > a{color:#1E9FFF;}.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,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/icon/101.png") no-repeat center;}.nav-menu-left ul li a:hover{color:#fff;background-color:#1E9FFF;}.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:#1E9FFF;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/icon/101.png") no-repeat center;overflow:hidden;}.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/icon/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/icon/search.png") no-repeat center;overflow:hidden;}.search-bar-active{display:block;}@media (max-width:1100px){.nav{ padding-top:0;}.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/icon/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/icon/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{position:relative;}.m-menu ul li a i{transform:translateY(-50%);position:absolute;top:50%;right:0;width:14px;height:14px;}.m-menu ul li a i:before,.m-menu ul li a i:after{content:"";position:absolute;background-color:#ddd;}.m-menu ul li a i:before{top:50%;left:0;width:100%;height:2px;margin-top:-1px;}.m-menu ul li a i:after{top:0;left:50%;width:2px;height:100%;margin-left:-1px;}.m-menu ul li.active > a{color:#10afce;}.m-menu ul li.active > a i:after{display:none;}.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:none;}.m-search .search-button{width:62px;height:50px;text-indent:-9999em;border:none;background:url("../images/icon/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:normal;}.share p{margin:8px 0;font-size:13px;color:#888;}.share .bshare-custom.icon-medium-plus,.bshare-custom.icon-large{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;}.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-weixin,.share .bshare-custom.icon-medium-plus .bshare-qqim,.share .bshare-custom.icon-medium-plus .bshare-qzone,.share .bshare-custom.icon-medium-plus .bshare-sinaminiblog{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/icon/share_weixin.png") !important;}.share .bshare-custom.icon-medium-plus .bshare-qqim{background-image:url("../images/icon/share_qq.png") !important;}.share .bshare-custom.icon-medium-plus .bshare-qzone{background-image:url("../images/icon/share_qzone.png") !important;}.share .bshare-custom.icon-medium-plus .bshare-sinaminiblog{background-image:url("../images/icon/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 50px;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 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:#1E9FFF;}.footer-share{display:none;float:left;}.footer-share strong{display:none;margin-bottom:10px;font-size:16px;}.footer-share .bshare-custom.icon-medium-plus,.bshare-custom.icon-large{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-weixin,.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{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/icon/share_weixin.png") !important;}.footer-share .bshare-custom.icon-medium-plus .bshare-qqim{background-image:url("../images/icon/share_qq.png") !important;}.footer-share .bshare-custom.icon-medium-plus .bshare-qzone{background-image:url("../images/icon/share_qzone.png") !important;}.footer-share .bshare-custom.icon-medium-plus .bshare-sinaminiblog{background-image:url("../images/icon/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:#1E9FFF;}.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;}.copyright .copy{float:left;}.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/icon/91.png");}.csbar ul li .icon-weibo{background-image:url("../images/icon/92.png");}.csbar ul li .icon-tel{background-image:url("../images/icon/93.png");}.csbar ul li .icon-feedback{background-image:url("../images/icon/94.png");}.csbar ul li .icon-gototop{background-image:url("../images/icon/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/icon/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/icon/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 a:hover,.pages a.current{color:#fff;border-color:#1E9FFF;background-color:#1E9FFF;}@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;}}


.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 #1E9FFF;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;}

@media screen and (min-width:1024px) {
    .nav-menu-item-product ul.menu01 > li:hover > a{background:#1E9FFF;color:#fff;}
    .nav-menu-item-product ul.menu01 > li:hover ul{display:block;z-index:10;}
}
@media screen and (max-width:1025px) {}

.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:#1E9FFF;}

@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;}
}