@charset "utf-8";
fieldset{border:0 none;margin:0;padding:0}
a:hover{color:#f54639}
.inblo{display:inline-block;*display:inline;*zoom:1;/*兼容ie7*/}
.lh1{line-height:100%}
.lh2{line-height:125%}
.lh3{line-height:150%}
.lh4{line-height:175%}
.lh5{line-height:200%}
.fullwidth{width:100%}
.halfwidth{width:50%}
.thirdwidth{width:33.3%}
.thirdwidth-t{width:32.9%}
.h250{height:250px}
.left {left:0}
.right {right:0}
.top {top:0}
.bottom {bottom:0}
.fullwidth{width:100%}
.tl{text-align:left !important}
.tr{text-align:right !important}
.vb{vertical-align:bottom}
.vt{vertical-align:top}
.ti{text-indent:2em}
.tdu{text-decoration:underline}
.hand{cursor:pointer}
.zx1{z-index:1}
.zx2{z-index:2}
.fs28{font-size:28px}
.fs32{font-size:32px}
.typo-black, a.typo-black{color:#000}
.typo-white, a.typo-white{color:#fff}
.typo-29blue, a.typo-29blue{color:#291783}
.typo-02blue, a.typo-02blue{color:#024cc7}
.typo-24blue, a.typo-24blue{color:#2444a5}
.typo-3gray, a.typo-3gray{color:#333}
.typo-6gray, a.typo-6gray{color:#666}
.typo-9gray, a.typo-9gray{color:#999}
.typo-cgray, a.typo-cgray{color:#ccc}
.typo-49gray, a.typo-49gray{color:#494949}
.typo-8gray, a.typo-8gray{color:#888}
.typo-8fgray, a.typo-8fgray{color:#8f8f8f}
.typo-03green, a.typo-03green{color:#03cb55}
.bg-02blue{background-color:#024cc7}
.bg-e2blue{background-color:#e2ecfd}
.bg-ccblue{background-color:#ccdbf4}
.bg-00green{background-color:#00b249}
.bg-03green{background-color:#03cb55}
.bg-white{background-color:#fff}
.bg-37gray{background-color:#37383c}
.bg-e8gray{background-color:#e8e8e8}
.bg-f3gray{background-color:#f3f8ff}
.bg-transparent-4gray{background-color:#000;background:rgba(0,0,0,0.4);filter:alpha(opacity=40)}
.bg-transparent-5gray{background-color:#000;background:rgba(0,0,0,0.5);filter:alpha(opacity=50)}
.opacity3{opacity:0.3;filter:alpha(opacity=30)}
.opacity1{opacity:0.1;filter:alpha(opacity=10)}
.ml35{margin-left:35px}
.mb3-m{margin-bottom:-3px}
.bor-b-1edgray{border-bottom:1px solid #edf3fa}
.bor-b-1b7gray{border-bottom:1px solid #b7cdf2}
.bor-b-dbdgray{border-bottom:1px solid #dbdbdb}
.bor-b-d2dgray{border-bottom:1px solid #d2d2d2}
.bor-b-cdgray{border-bottom:1px solid #ccc}
.bor-t-cdgray{border-top:1px solid #ccc}

/*布局类*/
.layout{width:1440px;margin:0 auto}
.layout-con{width:1240px;margin:0 auto}
@media only screen and (max-width:1440px) {
    .layout{width:1200px}
    .layout-con{width:1140px}
}

/*分页组件*/
.holder a{display:inline-block;height:14px;line-height:1;font-size: 14px;cursor: pointer;padding: 7px 10px;margin:0 1px;color: #666;background-color:#e5e5e5}
.holder a.jp-current, a.jp-current:hover{color: #c9c5e0;font-weight: bold}
.holder a.jp-disabled, a.jp-disabled:hover{color: #666;background:none}
.holder a.jp-current, a.jp-current:hover{cursor: default;background-color: #291783}
.holder span{display:none}
.holder a.jp-first, .holder a.jp-previous{margin-right:2px}
.holder a.jp-next, .holder a.jp-last{margin-left:2px}

/*焦点图*/
.swiper-container-411{height:411px}
.swiper-container-411 .swiper-slide{height:411px}

/*logo*/
@media only screen and (min-width:1441px) {.header .logo a{margin-left:90px}}

/*导航*/
.nav{width:900px}
.nav li{margin-right:55px}
.nav li a{color:#7d7d7d}
.nav li a:hover{color:#f54639}
.nav li a.active{color:#2444a5}
@media only screen and (max-width:1440px) {
    .nav{width:740px}
    .nav li{margin-right:35px}
}

/*商城下拉列表*/
.shop-dropdown{width:183px;left:-53px;top:88px}
.shop-dropdown li{border-bottom:1px solid #4d4d4d;margin-right:0}
.shop-dropdown li:last-child{border-bottom:none}
.shop-dropdown li a{color:#fff}

/*侧边菜单栏*/
.menu-bar{width:323px}
.menu-bar ul li a:visited{color:#2444a5}
.menu-bar ul li a:hover{color:#f54639}
.menu-bar ul li a.active{color:#09bb10}
.menu-bar .serial{width:4px;height:22px;}
.menu-bar .recommond-product{width:298px;margin-left:auto;margin-right:auto}
.layout-con-contact{padding-bottom:80px}
.content-area{width:887px}
@media only screen and (max-width:1440px) {
    .menu-bar{width:293px}
    .content-area{width:807px}
    .menu-bar .recommond-product{width:268px;}
}

/*侧边栏浮窗*/
.aside-modal{position:fixed;top:300px;right:21px;width:200px;box-shadow:0 0 10px #888;z-index:99}
.aside-modal .tencent a:hover{color:#f54639}

/*底部*/
.contact-wrap, .footer-wrap{width:1302px;margin-left:auto;margin-right:auto}
.contact{margin:auto -15px}
.contact li{width:414px;margin:auto 15px}
.contact li i{font-size:65px}
.footer-wrap{padding:70px 0 60px}
.footer-wrap .item1{width:200px}
.footer-wrap .item2{width:167px}
.footer-wrap .item3{width:210px}
.footer-wrap .item4{width:600px;margin-right:80px}
.footer-qrcode{width:160px}
@media only screen and (max-width:1440px) {
    .contact li{width:334px}
    .contact-wrap, .footer-wrap{width:1100px}
    .footer-wrap .item1{width:150px}
    .footer-wrap .item2{width:147px}
    .footer-wrap .item3{width:160px}
    .footer-wrap .item4{width:500px;margin-right:50px}
}

/*鼠标悬停，图片放大特效*/
.effect-milo{position: relative;z-index: 1;display: inline-block;overflow: hidden;margin: -0.135em;background: #3085a3;text-align: center;cursor: pointer;}
.effect-milo img {width: -webkit-calc(100% + 60px);width: calc(100% + 60px);opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(-30px,0,0) scale(1.12);transform: translate3d(-30px,0,0) scale(1.12);-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.effect-milo:hover img {opacity: 0.5;-webkit-transform: translate3d(0,0,0) scale(1);transform: translate3d(0,0,0) scale(1);}