body{font-family:"Microsoft YaHei",Arial,sans-serif }
.body-bg{
    background-color: #EAEBEC;
}
.container{background: #EAEBEC}

.posrel{position: relative;}
.posabs{position: absolute;}
body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,button,textarea,blockquote{margin:0;padding:0}
li{list-style:none}
a:link,a:visited{text-decoration:none}
.panel,.breadcrumb{border-radius:0;}
.panel-public{ border:0; border-top:10px solid #3793D3; border-radius: 0;  }
.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.pd-lf-0{padding-left:0;padding-right:0}
@media (min-width: 992px){
    .container{width: 1000px;}
}
/* header */
.bor{background: #3793D3;height: 10px;}
.header-right{width: 750px; top:-5px; right: 15px; }
.header-right .panel-body{padding:7px 15px;}
.header-right .panel-body .row{padding:3px 0;}
.header-right .dropdown-menu{right:-15px;left:auto;}
.header-right .search .form-control{height: 28px;}
.header-right .search .btn{line-height: 14px;}
.header-right .phone{margin-top:-0px;width: 100%;}
.header-right .phone .tel-text{
    color:#007AFF;
    font-size: 20px;
}
.header-right .phone .ul-link{
    color:#333;
    font-size:14px;
    line-height: 20px;
}
.header-right .phone .ul-link a{
    color:#333;
}
.header-right .phone .ul-link img{
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
.header{height: 120px;}
.logo{margin-top:30px;}
.logo img{height: 66px;}
.en-img{background: url("../images/en.png") no-repeat center;width: 16px; height: 11px; display: inline-block}
.cn-img{background: url("../images/cn.png") no-repeat center;width: 16px; height: 11px; display: inline-block}
.menu-right{top:50%;right:10px;margin-top:-7px}

/*nav*/
.has-pulldown{cursor:pointer;position:relative;*z-index:10000}
.pulldown{position:absolute;cursor:default; display:none;top:30px;left:0;}
.pulldown .arrow{*margin-bottom:-1px;_margin-bottom:0;height:0;width:0;font-size:0;line-height:0;border-width:7px;border-style:solid;border-color:transparent transparent #F6F6F9 transparent;_filter:chroma(color=tomato);_border-color:tomato tomato #F6F6F9 tomato;position:relative;display:block;left:20px;z-index:2}
.pulldown .content{background: #fff;color:#0A5089;text-align:left;border:rgb(222,216,216) 1px solid;border-width:0 1px 1px 1px;box-shadow:0 2px 4px rgba(15,116,232,.2);position:relative;z-index:1}
.pulldown-canvas{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;filter:alpha(opacity=0)}
.navs{height:45px;z-index: 999;position: relative;background: #0A5089}
.navs a,.info a,.navs a:visited,.info a:visited,.navs a:active,.info a:active{color:#fff}
.navs a:hover,.navs a:active{text-decoration:none;background-color:#007AFF}
.navs .def-nav{position: relative;}
.navs .def-nav:hover .pulldown-nav{background:#007AFF }
.navs .def-nav,.navs .pulldown-nav,.navs .separate{display:block;float:left;font:14px/45px "Microsoft YaHei","Microsoft JhengHei";text-align:center;min-width:120px;}
.navs .def-nav .app-url{left:0px;width:auto !important; top:45px;}
.navs .def-nav .pulldown-canvas-url{width:575px;height:109px}
.navs .def-nav .app-url .arrow{left:140px}
.navs .app-url .content{padding:10px;overflow: hidden}
.navs .app-url .content a{color:#0A5089}
.navs .app-url .li{cursor:pointer;min-width:230px;margin:2px 0;width:auto !important;display:block; }
.navs .app-url .li:hover{background:#007AFF;}
.navs .app-url .li .text:hover{background-color:#007AFF; color:#fff;}
.navs .app-url .li i{left:5px;top:50%;margin-top:-6px;}
.navs .app-url .li .text{min-height:20px;height:auto;display:block;font:12px/15px "Microsoft YaHei","Microsoft JhengHei";padding:5px 5px 5px 15px;border-radius:3px;}
.navs .separate{margin:0;height:48px;width:2px;background:#2A2B2D}
.navs .pulldown-nav{position:relative;}
.navs .pulldown-nav em{z-index: 999;position:absolute;display:block;left:69px;top:18px;height:12px;width:12px;font-size:0;background-position:-89px -45px}
.navs .pulldown-nav:hover .f-icon,.navs .pulldown-nav:active .f-icon{position:absolute;display:block;right:11px;top:18px;height:12px;width:12px;font-size:0;background-position:-89px -55px}
.navs .current,.navs .current .pulldown-nav{color:#FFF;display:inline-block;background-color:#007AFF;text-align:center;}
.navs .current:hover{color:#ECECEC}
.navs .current .hover{background-color:#f6f6f6;color:#333;}

.mobile-nav{height:45px;background:#0F5792;position: relative;}
.mobile-nav .cart.btn{margin-top:5px;margin-right:5px;border-color:#007AFF;background-color:  #60aff6; color: #fff; }
.mobile-search{margin:0 15px; padding: 0 !important;}
.mobile-nav .menu-icon:before,
.mobile-nav .menu-icon:after {
    content: '';
    display: block;
    background: #fff;
    height: 2px;margin-top:3px;
}
.mobile-nav .menu-icon i {
    background: #fff;
    display: block;
    height: 2px;
    margin: 4px 0;
}
.mobile-nav .menu-icon {
    display: block;
    width: 45px;
    height: 45px;
    padding: 13px;
    position: absolute;
    top: 0;
    left: 0;
}
.mobile-nav .menu-icon:before,
.mobile-nav .menu-icon:after {
    content: '';
    display: block;
    background: #fff;
    height: 2px;
}
.mobile-nav .menu-text{margin-left:40px;color:#fff;line-height: 45px;font-size:15px;font-weight: bold}
/*nav end*/



/*footer*/
.footer{background: #0A5089;border-top: 3px solid #2c8ec6;margin-top:30px;padding:15px 0;color:#fff}
.footer a{color:#fff;}
.footer .container{background: none;}
.footer .message .form-control{border-radius: 0;margin:5px 0;font-size:12px;}
.footer .message input.form-control{padding:2px auto;height: 25px;}
.qrcode-title{background: #fff;height: 25px;line-height: 25px;text-align: center;font-size:12px;color:#999}
.copyright{background: #000;line-height: 22px;padding:10px 0;}
.copyright .container{background: none}
.copy-menu{text-align: right}

ul.social-icons {
    background: #2c8ec6;
    padding: 10px;
    margin: 10% 5% 0;
    overflow: hidden;
}
.social-icons li {
    margin-left: 0 !important;
    padding: 0 7px;
    width: 25%;
    text-align: center;
    float:left;
}
.social-icons li .fa{font-size:22px;}
.social-icons li .fa:hover{color:#0A5089}
/*footer end*/

/*cart*/
.add_cart.on{background: #E93C38;border-color:#D9534F}
#cart{position: fixed;bottom: 20px;right:20px;z-index: 999}
#cart .img-item{width:45px;height: 45px;margin-right:15px;}
#cart .dropdown-menu{width:230px;padding: 5px;}
#cart .cart-prodcut-info{width:150px;}
/*cart end*/

/*分页样式*/
.pages a,
.pages span {
    display: inline-block;
    padding: 3px 8px;
    margin: 0 2px;
    border: 1px solid #ff9300;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.pages a,
.pages li {
    display: inline-block;
    list-style: none;
    text-decoration: none;
    color: #FF9E00;
}

.pages a.first,
.pages a.prev,
.pages a.next,
.pages a.end {
    margin: 0;
}

.pages a:hover {
    border-color: #FF9E00;
}
.pages span.current {
    background: #FF9E00;
    color: #FFF;
    font-weight: 700;
    border-color: #ff9300;
}
.modal-backdrop{z-index: 1}

@media (min-width:1200px) {
    .body-bg{
        background-image: url(../images/bg-hexagons2.png),url(../images/bg-hexagons2.png)!important;
        background-repeat: repeat-y, repeat-y!important;
        background-position: left top 237px, right top 237px!important;
    }
}

@media (max-width: 480px ) {
    .logo{margin-top:20px;}
    .logo img{height: 40px;}
    .header{height: 80px;}
    .header-right{width:auto;margin-top:20px;}
    .copy-menu{text-align: left}
    .copyright a{font-size:12px;}
    .first-content{margin-bottom:15px;}
}

@media (min-width: 481px) and (max-width:767px){
    .header-right{width:auto;margin-top:20px;}
}

@media (min-width: 768px) and (max-width: 991px) {
    .header-right{width:auto;margin-top:40px;}
}

@media (min-width: 992px) and (max-width: 1199px) {

}