body{ background-color: #f3f3f3;}
body,html,p,ul,ol,h1,h2,h3,h4{ margin: 0;  padding: 0;}
div,p,input,h1,h2,h3,h4{ font-size: 14px;  color: #6c6c6c; font-family: "微软雅黑","PingFang","STHeitiSC-Light","Helvetica Neue","Helvetica","Arial",sans-serif;}
body,html{ height: 100%;}
body{min-width:1280px; margin:0 auto;}
img{ border: 0;max-width: 100%;}
a{ text-decoration: none;}
.pa{ position: absolute;}
.pr{ position: relative;}
.fl{ float: left;}
.fr{ float: right;}
.cf{ clear: both;}
.warp{ width: 1280px; margin: 0 auto;}
.ff_ari{ font-family: Arial;}

.c_blur,.c_blue{ color: #005bac;}
.c_red{ color:#f00}
.c_write{ color: #fff;}

.tt_up{text-transform: uppercase;}

.mb_15{ margin-bottom: 15px;}
.pc_mr_20{ margin-right: 20px;}
.netfox{ float:left; width:0px; height:0px; overflow:hidden; text-indent:-99999999px;}

/*主导航*/
.m_nav{ height: 80px; width: 1280px; background: #fff; top:40px; margin: 0 auto; z-index: 1600;}
.m_logo,.m_person,.m_uc,.m_fw,.m_search,.m_nav .nav_c,.m_logo .logo,.m_nav .nav_c a{ height: 80px;}
.m_logo .logo{ width: 160px;background: url("../images/logo.png?t=1") no-repeat center center #005bac; display: block;}
.m_person,.m_uc,.m_fw,.m_search{ width: 80px; line-height: 115px; color: #6c6c6c; text-align: center; border-left: 1px #efefef solid;}
.m_person{ background: url("../images/icon/person.png") no-repeat center 13px;display: none;}
.m_fw{ background: url("../images/icon/fw.png") no-repeat center 13px;}
.m_uc{ background: url("../images/icon/uc.png") no-repeat center 13px;}
.m_search{ background: url("../images/icon/sch.png") no-repeat center 13px;}
.m_nav .m_uc:hover,.m_nav .m_uc.over{ background-image: url('../images/icon/uc-w.png');}
.m_nav .m_fw:hover,.m_nav .m_fw.over{ background-image: url('../images/icon/fw-w.png');}
.m_nav .m_search:hover,.m_nav .m_search.over{ background-image: url('../images/icon/sch-w.png');}
.m_person:hover{ background-image: url("../images/icon/person-w.png");}
.m_nav .nav_c{ /*margin-left:160px;*/ }
.m_nav .nav_c a{ float: left; font-size: 14px; padding: 0 12px; line-height: 80px; color:#000;}
.m_nav .nav_c a:first-child {padding: 0 20px;}
.m_nav .nav_c a:hover,.m_nav .m_uc:hover,.m_nav a.over,.m_nav .m_fw:hover,.m_nav .m_search:hover,.m_person:hover{ color: #fff; background-color: #004a91;}
.m_nav .nav_c a.curr{ color: #004a91;}

#topLogin{ background-color: #004a91; padding: 30px; width: 240px; right:0; top:80px; display: none; z-index: 2900;}
#topLogin .mt{ text-transform: uppercase; font-size: 18px; font-weight: bold; line-height: 16px;}
#topLogin .st{ font-size: 16px; line-height: 16px;}
#topLogin .input_line{ margin-bottom: 10px;border: 1px #6695e3 solid;background-color: #004a91;}
#topLogin .input_box{ width:100%; height: 36px; border: 0; text-indent: 36px;}
#topLogin .input_box{color:#a3b3e2;}
#topLogin .input_box::-moz-placeholder,
#topLogin .input_box::-webkit-input-placeholder,
#topLogin .input_box:-ms-input-placeholder{color:#a3b3e2;}
#topAcc{background: url("../images/icon/uc-w.png") no-repeat left center;}
#topPwd{background: url("../images/icon/pwd-w.png") no-repeat left center;}
#topLogin .oop{ height: 24px; line-height: 24px; margin-bottom: 10px;}
#topLogin .btnTopSignin{ display: block; background-color: #123369; width: 100%; height: 40px; border: 0;}

#topFW,#topSearch{ background-color: #004a91; padding: 30px; width: 240px; right:0; top:80px; display: none; z-index: 2900;}
#topFW .mt,#topSearch .mt{ text-transform: uppercase; font-size: 18px; font-weight: bold; line-height: 16px;}
#topFW .st,#topSearch .st{ font-size: 16px; line-height: 16px;}
#topFW .input_line,#topSearch .input_line{ margin-bottom: 10px;border: 1px #6695e3 solid;background-color: #004a91;}
#topFW .input_box,#topSearch .input_box{ width:100%; height: 36px; border: 0; text-indent: 36px; background: transparent; text-indent: 10px;}
#topFW .input_box,#topSearch .input_box{color:#a3b3e2;}
#topFW .input_box::-moz-placeholder,
#topFW .input_box::-webkit-input-placeholder,
#topFW .input_box:-ms-input-placeholder,
#topSearch .input_box::-moz-placeholder,
#topSearch .input_box::-webkit-input-placeholder,
#topSearch .input_box:-ms-input-placeholder{color:#a3b3e2;}
#topFW .oop,#topSearch .oop{ height: 24px; line-height: 24px; margin-bottom: 10px;}
#topFW .btnQuerycode,#topSearch .btnTopSearch{ display: block; background-color: #123369; width: 100%; height: 40px; border: 0;}

#topStore{right:-38px; top:80px; z-index: 2900;}
.qm_sub{ z-index: 40; overflow: hidden; display: none;}
.qm_sub .sub_unit{ height: 80px; width: 270px;background-color: #004a91;  overflow: hidden; border-bottom: 1px #f3f3f3 solid; line-height: 20px;}
.qm_sub .list .sub_unit{ padding: 20px; width: 230px; height: 60px;}
.qm_sub .small_img{ width: 60px; height: 60px; overflow: hidden;}
.qm_sub .list .qm_item{ margin-left: 80px; color: #fff;}
.qm_sub .list .btnDelete{ width: 20px; height: 20px; background: url("../images/icon/del.png") no-repeat center 0;}
.qm_sub .list .btnDelete:hover{ background-position: center -20px;}
.qm_sub .list .qm_small_btn{ background: #004a91; color: #fff; display: inline-block; height: 20px; padding: 0 13px; font-size: 12px;}
.qm_sub .online_store{ background: no-repeat center center; width: 270px; height: 80px!important;padding: 0!important; display: block;}
.qm_sub .jd1{ background-image: url("../images/jd1.png");}
.qm_sub .jd2{ background-image: url("../images/jd2.png");}
.qm_sub .yhd{ background-image: url("../images/yhd.png");}
.qm_sub .gome{ background-image: url("../images/gome.png");}
.qm_sub .tmall{ background-image: url("../images/tmall.png");}
.qm_sub .tmall2{ background-image: url("../images/tmall2.png");}
.qm_sub .tmall3{ background-image: url("../images/tmall3.png");}
.qm_sub .tmall4{ background-image: url("../images/tmall4.png?t=1");}
.qm_sub .taobao{ background-image: url("../images/taobao.png");}
.qm_sub .amazon{ background-image: url("../images/amazon.png");}
.qm_sub .suning{ background-image: url("../images/suning.png");}
.qm_sub .pdd{ background-image: url("../images/pdd.png");}

#catalog{ background:url("../images/catalog-bg.png") repeat-y; width: 100%; left: 0; top:80px; z-index: 999; display: none;}
#catalog .lv1{ width: 320px;}
#catalog .lv1 a,#catalog .lv2 a,#catalog .lv3 a{ display: block;color: #b8c3e7; border-bottom: 1px #3367bd solid;}
#catalog .lv1 a{ padding-top: 18px; height: 61px; padding-left: 40px; color: #b8c3e7; border-right: 1px #3367bd solid; font-size: 20px;  line-height: 24px;}
#catalog .lv1 .en{ display: block; font-size: 12px; font-weight: bold;}
#catalog .lv1 a.curr{ border-right: 0; color: #fff;}
#catalog .lv2{ width: 280px; padding: 20px 0 20px 40px; }
#catalog .lv2 a,#catalog .lv3 a{ height: 33px; line-height: 33px; font-size: 14px; overflow: hidden;}
#catalog .lv2 a.curr{ background: #003f85; color: #fff; padding-left: 20px;}
#catalog .lv2 .en{ font-size: 12px; margin-left: 10px;}
#catalog .lv3{ width: 640px; background: #004383; padding: 20px 0; }
#catalog .lv3 .line{ border-right: 1px #3367bd solid;}
#catalog .lv3 a{ margin: 0 40px; width: 239px; font-weight: bold;}
#catalog .lv3 a:hover{color: #fff;}


/*页脚*/
.footer{ padding: 40px 0 30px 0; background-color: #1e1e1e;}
.f_fore h4{ margin-bottom: 10px; color: #fff;}
.f_fore a{ height: 40px; width: 40px; margin: 0 2px; display: inline-block; background: no-repeat center center;}

.f_fore a.wx{ background-image: url("../images/icon/f-wx.png");}
.f_fore a.wb{ background-image: url("../images/icon/f-wb.png");}
.f_fore a.qq{ background-image: url("../images/icon/f-qq.png");}
.f_fore a.bilibili{ background-image: url("../images/icon/f-bilibili.png");}
.f_fore a.xhs{ background-image: url("../images/icon/f-xhs.png");}

.f_fore a .qr{ background: #fff; position: absolute; z-index: 9; display: none; top: 45px; left: -30px; width: 100px; height: 100px; padding: 5px;}
.f_fore a .qr img{ width: 100%;}

.f_nav{ padding-bottom: 25px;}
.f_nav a{ display: block; color: #a9a9a9; line-height: 24px; width: 130px; height: 24px; overflow: hidden;}
.f_nav h4{ padding-bottom: 5px;}
.f_nav h4 a{ color: #fff;}
.f_copy{ border-top: 1px solid #404040; color: #404040; padding-top: 25px;}

/*标题栏*/
h2.t2{ font-size: 22px; font-weight: normal; line-height: 24px;  height: 24px; margin-bottom: 30px; color: #333; position: relative;}
h2.t2 span{ color: #afafaf; margin-left: 8px; font-size: 15px; font-weight: bold; position: absolute; bottom:-2px;}

.input_box{ border: 1px #e3e3e3 solid; height: 36px; line-height: 36px; width: 90%; text-indent: 5px;}
.textarea_box{ border: 1px #e3e3e3 solid; line-height: 24px; width: 90%; text-indent: 5px;}

/*按钮*/
.arr_blue_btn{ display: inline-block; width: 140px; height: 50px; line-height: 50px; background: #005bac; font-size: 15px; text-align: center;color:#fff;}
.arr_blue_btn .arr_blue_btn_txt,.arr_blue_btn .arr{ display: inline-block; height: 50px; line-height: 50px;}
.arr_blue_btn .arr{ width: 15px; background: url("../images/btn-arr.png") no-repeat center center; position: absolute;}
.btn_blue{background-color: #005bac; color: #fff; width: 100%; height: 40px; line-height: 40px; border: 0; display: block;}
.btn_gary{background-color: #b8b8b8; color: #fff; width: 100%; height: 40px; border: 0; display: block;}

/**/
.page_path{ padding-top: 40px; border-bottom: 1px #d4d4d4 solid; height: 44px; z-index: 500;}
.page_path a,.page_path span{ float: left; color: #6c6c6c; height: 44px; line-height: 44px;}
.page_path span{ width: 16px; background: url("../images/path-arr.png") no-repeat center center;}
.page_path a.curr{ color: #005bac;}

.page_bar{ margin-top: 32px; height: 78px; overflow: visible;}
.pb_bot_line{ border-bottom: 1px #d4d4d4 solid;}

.page_bar .t2{ line-height: 78px; height: 78px; margin-bottom: 0; width: 980px;}
.page_bar .t2 sub{ bottom: 26px;}

.pn_button{ }
.btnPn{ display: block; width: 84px; height: 78px; background: url("../images/icon/page-mu.png") no-repeat center 13px #fff; text-align: center;}
.btnPn_ext{ background-image: url("../images/icon/page-mu-ext.png");}
.btnPn .menu{ color: #333; font-size: 15px; line-height:110px;}

.page_nav{ top:78px; width: 100%; opacity: 0; height: 0px; z-index: 900; overflow: hidden;}
.page_nav .unit{ display: block; background:#fff; padding: 15px 40px; padding-right: 20px; height: 40px; border-bottom: 1px #efefef solid;}
.page_nav .unit .cn{ color: #000; font-size: 20px;}
.page_nav .unit .en{ color: #afafaf; font-size: 12px; text-transform:uppercase; font-weight: bold;}
.page_nav .unit .arr{ width: 40px; height: 40px; background-position: center center;}
.page_nav .unit:hover .arr{ background-image: url('../images/sub-nav-arr.png');}
.page_nav .unit:hover .cn,.page_nav .unit:hover .en{color:#2f72e2;}

.write_con{ background-color: #fff;}

.more_page{ padding-top: 30px; text-align: center;}
.more_page a{ color: #fff; width: 180px; margin: 0 auto; display: inline-block; background-color: #b8b8b8; color: #fff; height: 50px; line-height: 50px;}



.pop-img{position:fixed;left:0;top:0;width:100%;height:100%; background-image:url(../images/black0.5.png)\9;background-color:rgba(0,0,0,.5);z-index:99999;display:none}
.pop-img .con{position:relative;width: 565px;margin: 0 auto; margin-top: 50px;padding:20px;background-color:#fff;border-radius: 6px;}
.pop-img .con .img{max-height:85vh; overflow-y:auto; padding-right:8px;}
.pop-img .con img:first-child{border-top: 1px solid #eee; }
.pop-img .con img{display: block;border-bottom: 1px solid #eee;padding-bottom: 10px;}
.pop-img .con .close{position:absolute;right:-50px;top:-50px;width:50px;height:50px;font-size:30px;color:#fff;line-height:50px;text-align:center;cursor:pointer}

.m-scrollbar{overflow-y:auto}
.m-scrollbar::-webkit-scrollbar{width:5px;height:16px;}
.m-sc rollbar::-webkit-scrollbar-track{border-radius:10px;background-color:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}
.m-scrollbar::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgba(0,91,172,0.1);-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}
.m-scrollbar:hover::-webkit-scrollbar-thumb{background-color:rgba(0,91,172,.5);}