@charset "UTF-8";


@import url("fonts/iconfont.css");
@font-face {
  font-family: 'iconfont';
  src: url('fonts/iconfont.eot');
  src: url('fonts/iconfont.eot?#iefix') format('embedded-opentype'),
      url('fonts/iconfont.woff2') format('woff2'),
      url('fonts/iconfont.woff') format('woff'),
      url('fonts/iconfont.ttf') format('truetype'),
      url('fonts/iconfont.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 8px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}




a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,s,samp,section,select,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-style: normal
}

h1,h2,h3,h4,h5,h6 {
    font-size: 14px;
    font-weight: 400
}

body {
    background: #fff;
    font-size: 14px;
    font-family: 微软雅黑;
    color: #535353;
    overflow-y: scroll;
}

ol,ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    color: #666;
    text-decoration: none
}

a:hover {
    color: #002f73
}

/*.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}*/
* html .clearfix {
    height: 1%
}

* {
    outline: 0
}

::-ms-reveal,input::-ms-clear {
    display: none
}

input:focus {
    outline: 0;
    border: 1px solid #002f73
}

.clearfix {
    *zoom:1}

.clearfix:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both;
}

.fl {
    float: left
}

.fr {
    float: right
}

#mask {
    display: none;
    z-index: 9999;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    zoom:1}

:root #mask {
    filter: none\9
}

.close_businesscard,.goto_t,.phone i,.proTypeNav i,.right_fixed a i {
    background: url(img/bg.png) no-repeat
}

.topbar {
    background: #fff;
    border-bottom: solid 1px #cfcfcf;
    height: 30px;
    line-height: 30px;
    font-size: 12px
}

.topbar ul {
    width: 1190px;
    margin: 0 auto;
    height: 30px
}

.topbar a {
    margin: 0 8px;
    color: #369
}

.topbar a:hover {
    color: #002f73;
    text-decoration: underline
}

.header {
    clear: both;
    height: 88px;
    width: 1200px;
    margin: 0 auto;
}

.logo {
    margin-top: 0px
}

.companylogo {
    width: 176px;
    height: 36px;
    display: inline-block;
    vertical-align: top;
    margin-top: 5px
}

.classlogo {
    margin: 30px 0 0 8px
}

.classlogo h1,.classlogo h2 {
    font-size: 24px;
    color: #002f73;
    /* width:200px; */
    height: 48px;
    display: inline-block;
    margin-top: 16px;
}

.classlogo h1 i,.classlogo h2 i {
    display: block;
    border-top: solid 1px #e5e5e5;
    color: #cdc9d2;
    font-size: 12px;
    text-align: center;
    font-weight: 400
}

.search {
    margin: 24px 10px 0 0;
    width: 502px;
}

.search i {
    display: none;
}

.searchinput {
    width: 356px;
    height: 34px;
    line-height: 34px;
    padding: 0 5px;
    background: #fff;
    border: solid 2px #002f73;
    vertical-align: middle;
    float: left;
    border-radius: 0;
}

.searchinput:focus {
    border: solid 2px #002f73
}

.searchbtn {
    width: 98px;
    height: 38px;
    background: #002f73;
    border: none;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    letter-spacing: 2px;
    font-weight: 700;
    float: left;
    border-radius: 0;
}

.menu {
    clear: both;
    height: 60px;
    background: #002f73;
    z-index: 9;
}

.menu.on {
    position: fixed;
    left:0;
    top:0;
    z-index: 9999;
    width:100%;
}






.menubox {
    width: 1200px;
    height: 60px;
    margin: 0 auto;
}

.protypeNav_box {
    position: relative;
    z-index: 999;
    width: 240px;
    color: #fff;
    font-size: 16px;
    line-height: 60px;
    background: rgb(0 0 0/.1);
    cursor: pointer;
}

.proTypeNav i {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 12px 0 18px;
    overflow: hidden;
    vertical-align: middle
}

.proTypeList {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 60px;
    background: rgb(51 51 51 / 49%);
    width: 240px;
    display: none;
}

.now .proTypeList {
    display: block
}

.proTypeList li {
    border-bottom: solid 1px #dedede45;
    height: 70px;
    line-height: 70px;
    padding-left: 45px;
}

.proTypeList li a {
    color: #ffffff;
    font-weight: bold;
    font-size: 16px
}

.proTypeList li:last-child {
    border-bottom: 0
}

.proTypeList li:hover {
    background:rgb(0 0 0/.6);
}

.proTypeList li:hover a {
    color: #ffffff
}

.nav {
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    width: 960px;
    overflow: hidden;
}

.nav a {
    color: #fff;
    padding: 0 10px;
    line-height: 60px;
    display: inline-block;
}

.nav a:hover {
    background:rgb(0 0 0/.1);
    color: #fff
}

.nav p {
    display: none
}

.proTypemenu {
    position: absolute;
    z-index: 999;
    left: 238px;
    top: 0;
    width: 570px;
    padding: 15px;
    height: 406px;
    line-height: 30px;
    background: #fff;
    border: solid 1px #eee;
    border-left: none;
    display: none
}

.proTypeList li.showlistmenu .proTypemenu {
    display: block
}

.proTypemenu h4 {
    height: 40px;
    line-height: 40px;
    border-bottom: solid 2px #002f73;
    margin-bottom: 15px
}

.proTypemenu h4:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 10px;
    background: #002f73;
    border-radius: 3px;
    margin-right: 10px;
    vertical-align: middle
}

.proTypemenu h4 a {
    color: #002f73;
    vertical-align: middle
}

.proTypemenu a {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 20px 0 0;
    padding: 0;
    height: 30px;
    line-height: 30px;
    overflow: hidden
}

.ad_tab {
    width: 100%;

    position: relative;
    margin: 0 auto;
    overflow: hidden;
}

.contentbox {
    position: relative;
    width: 100%;
    height: 500px;
    overflow: hidden;
}

.arrowbtn {
    background: #ddd;
    width: 60px;
    height: 60px;
    cursor: pointer;
    position: absolute;
    top: 100px
}

.prebtn {
    left: 0
}

.nextbtn {
    right: 0
}

.contentimg {
    position: absolute;
    top: 0;
    width:100%;
}

.contentimg li {
    /* height: 500px; */
    width:100%;
    float: left;
    margin-right: 0;
    overflow: hidden;
    background-position: center;
}

.ad_tab .navbox {
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 10px
}

.mfoc_nav {
    text-align: center;
}

.ad_tab .navbox li {
    width: 10px;
    height: 10px;
    overflow: hidden;
    margin: 0 5px;
    line-height: 10px;
    cursor: pointer;
    text-align: center;
    border-radius: 15px;
    background: #fff;
    text-indent: -9999px;
    display: inline-block
}

.ad_tab .navbox li.on {
    background: #002f73;
    width: 25px
}

.ad_tab-pic .prev,.ad_tab-pic .next {
    top: 35%;
    position: absolute;
    z-index: 1;
    width: 45px;
    height: 100px;
    background: url(img/sprite.png) no-repeat 0 0;
    cursor: pointer;
}

.ad_tab-pic .next {
    left: 0;
}

.ad_tab-pic .prev {
    right: 0;
    background-position: right top;
}

/**/
.boutique_box{height: 884px;background: url(../boutique.jpg) center top no-repeat;overflow: hidden;border-radius: 0;position: relative;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;width: 100%;bottom: 0;}
.pro-intro{width: 1200px; margin: 45px auto 0 auto; /* position: relative; */}
.boutique_box .pro-intro{margin: 0 auto 10px auto;}
.sy-title{width:100%;text-align:center;padding-top:34px;}
.sy-title h1{font-size:30px;font-weight:bold;}
.sy-title h3{font-size:20px;font-weight:bold;color:#ccc;text-transform:uppercase;padding-top:8px;}
.sy-title hr{width:100px;height:3px;background:#002f73;border:none;margin:16px auto 0 auto;}
.pro-intro .picList{margin-top: 20px;}
.pro-intro .picList .li{border: 2px solid #002f73; position: relative; overflow: hidden; float: left; width: 281px; margin-top: 20px; margin-right: 20px;}
.pro-intro .picList .li:nth-child(4n){margin-right: 0}
.pro-intro .picList .li:after{content: ""; position: absolute; width: 6px; height: 80px; background: url(img/title_1.png) no-repeat; right: -6px; bottom: 10px}
.pro-intro .picList .li a{display: block}
.pro-intro .picList .li img{width: 100%; height: 281px; vertical-align: middle}
.pro-intro .picList .li .price{position: absolute; height: 66px; right: -6px; bottom: 10px; z-index: 2; background: url(img/title.png) no-repeat; width: 201px; padding-right: 16px; text-align: right; font-size: 14px; line-height: 20px; color: #000}
.pro-intro .picList .li .price .jg{font-size: 18px; line-height: 26px; padding-top: 7px; font-weight: bold; color: #ffffff;}
.pro-intro .picList .li .price .bt{overflow: hidden; height: 26px; text-overflow: ellipsis; white-space: nowrap; padding-left: 10px; color: #464646;}
.pro-intro .picList .li .price .bt span{font-size: 15px; font-weight: bold;}
.pro-intro .picList .li .price .see{position: absolute; width: 44px; height: 44px; background: #002f73; color: #fff; padding: 11px; font-size: 18px; font-weight: bold; line-height: 22px; right: 0; top: 0; text-align: center; opacity: 0;}
.pro-intro .picList .li .price,.pro-intro .picList .li .price .see{-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease}
.pro-intro .picList .li a:hover .price{padding-right: 70px}
.pro-intro .picList .li a:hover .price .see{opacity: 1}

.boutique_box .pro-intro .hd{text-align: center; width: 1200px; position: absolute; bottom: 86px;}
.boutique_box .pro-intro .hd ul{text-align: center;}
.boutique_box .pro-intro .hd li{width: 10px; height: 10px; overflow: hidden; margin: 0 5px; line-height: 10px; cursor: pointer; text-align: center; border-radius: 15px; background: #b9b9b9; text-indent: -9999px; display: inline-block;}
.boutique_box .pro-intro .hd li.on{background: #002f73; width: 25px;}
.boutique_box .prev,.boutique_box .next{top: 51%; position: absolute; z-index: 1; width: 45px; height: 100px; background: url(img/direction.png) no-repeat 0 0; cursor: pointer;}
.boutique_box .next{left: 15%;}
.boutique_box .prev{right: 15%; background-position: right top;}
.contentimg li a{display: block;/* height: 425px */}
.contentimg li a img{width:100%;}
.product_list{clear: both; width: 1200px; margin: 0 auto; min-height: 310px;}
.column_tit{clear: both; height: 40px; line-height: 40px; margin: 30px 0 10px 0; background: #38AF03; color: #ffffff; /* padding: 0 10px; */}
.column_tit a{color: #ffffff}
.list_tit .column_tit{margin: 10px 0; background: #efefef}
.column_tit h2{font-size: 16px; /* text-indent:10px */}
.list_tit .column_tit h2{background: #002f73; color: #fff; font-size: 14px; padding: 0 10px;}
.column_tit a{color: #ffffff}
.column_tit a:hover{color: #555}
.boutique_box .column_tit{margin: 0}
.product_list ul{clear: both; display: inline-block; width: 100%;}
.product_list ul li{float: left; margin: 0 20px 20px 0; width: 222px; height: 292px; transition: all .6s;}
.product_list ul li:nth-child(5n+0){margin-right: 0}
.picScroll-left ul li:nth-child(5n+0){margin-right: 20px}
.product_list ul li a{display: inline-block;width: 220px;border: solid 1px #002f73;border-radius: 3px;transition: all .6s;}
.product_list ul li a:hover{transform: scale(1.05);}
.product_list ul li a span{display: block; width: 220px; height: 220px; line-height: 220px; vertical-align: middle; overflow: hidden; text-align: center;}
.product_list ul li a span img{width: 220px; height: 220px; /* vertical-align: middle; */ /* overflow: hidden; */}
.product_list ul li a p{color: #666; line-height: 25px; height: 45px; text-overflow: ellipsis; overflow: hidden; padding: 0 10px; font-size: 14px;}
.product_list ul li a p.price{color: #002f73; font-weight: 700; font-size: 15px; height: 25px; line-height: 25px; overflow: hidden}
.product_list ul li a:hover{border-color: #002f73}
.product_list ul li a:hover p{color: #444}
.product_list ul li a:hover p.price{color: #002f73}
.footer{clear: both;background: #395066;color: #585e65;padding: 10px 10px 20px;text-align:center;font-size: 12px;}
.footer a{color: #585e65 !important;}
.footer p{width: 1190px;margin: 0 auto;height: 30px;line-height: 30px;color: #585e65 !important;}
.footer p span{margin: 0 15px}
.goto_t{position: fixed; z-index: 99; left: 50%; bottom: 20px; margin-left: 600px; width: 30px; height: 30px; background-position: -46px 6px; background-position: -19px 6px; cursor: pointer; overflow: hidden; background-color: #002f73; color: #ffffff;}
.goto_t:hover{background-color: #042d09; background-position: -19px 6px;}
.right_fixed{clear: both; color: #fff}
.right_fixed a{display: block; height: 70px; background: #002f73; overflow: hidden; text-align: center; color: #fff}
.right_fixed a i{display: block; background-position: -128px 0; width: 30px; height: 30px; margin: 10px auto 5px auto}
.right_fixed a:hover{/* background: #002f73; */ color: #002f73;}
.p_link02{display: none;}
.phone{margin-top: 10px; height: 70px; padding-top: 22px; text-align: center; cursor: pointer; position: relative; width: 90px; margin-left: 96px; background: #002f73;}
.phone:hover{background: #13561c;}
.phone i{display: block; background-position: -84px 0; width: 30px; height: 30px; margin: 0 auto 5px auto}
.phone a{height: 15px; line-height: 15px; background: 0 0}
.phone a:hover{color: #002f73}
.businesscard{position: fixed; z-index: 9999; top: 50%; left: 50%; margin: -260px 0 0 -400px; width: 800px; height: 520px; background: rgba(49,49,49,.78); color: #930; display: none}
.close_businesscard{position: absolute; z-index: 1; right: 10px; top: 10px; background-position: -175px 0; width: 24px; height: 24px; overflow: hidden; cursor: pointer}
.businesscardbg{width: 395px; height: 240px; margin: 122px auto 0 auto; background: url(img/cardbg.png) no-repeat; overflow: hidden}
.cardname{float: left; width: 180px; text-align: center; margin-top: 104px; font-size: 18px; font-weight: 700}
.cardname i{font-weight: 400; font-size: 12px; display: block}
.cardinfo{float: left; width: 215px; margin-top: 104px; overflow: hidden}
.cardinfo li{position: relative; padding-left: 50px; word-break: break-all; margin-bottom: 5px}
.cardinfo li em{position: absolute; z-index: 1; top: 0; left: 0; display: inline-block; width: 48px; text-align: right}
.position{clear: both; height: 40px; line-height: 40px; color: #999; width: 1200px; margin: 0 auto; position: relative;}
.position a{color: #666; margin: 0 5px; display: inline-block; max-width: 40%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; vertical-align: middle}
.position a:hover{color: #002f73}
.position span{position: absolute; right: 10px; top: 0}
.position span em{color: #002f73; margin-right: 5px}
.screen{width: 1200px; margin: 0 auto;}
.screen dl{position: relative; display: inline-block; /* padding-left: 95px */}
.screen dl dt{display: none; position: absolute; left: 0; top: 0; width: 85px; text-align: right; color: #888; margin-top: 7px;}
.screen dl dd{float: left; margin: 8px 10px 10px 0; border: 1px solid #dddddd; height: 38px; line-height: 38px; padding: 0 15px; border-radius:3px;}
.screen dl dd.f_b{background:#002f73;color:#ffffff;border: 1px solid #002f73;}
.screen dl dd.f_b a{color:#ffffff;}
.flip{clear: both; width: 1190px; height: 35px; line-height: 35px; margin: 0 auto 20px auto}
.flip a{padding: 3px 6px; color: #666; border-radius: 3px; border: solid 1px #e1e1e1; margin-right: 10px}
.flip em{margin-right: 10px}
.numinput{border: solid 1px #e1e1e1; width: 50px; margin: 0 10px; padding: 5px; border-radius: 3px}
.btnflip{border: solid 1px #e1e1e1; width: 60px; margin: 0 10px; border-radius: 3px; background: #f2f2f2; padding: 5px; cursor: pointer}
.btnflip:hover{background: #002f73; color: #fff; border-color: #002f73}
.product_box{clear: both; width: 1188px; border: solid 1px #ddd; border-bottom-width: 2px; margin: 0 auto; height: 410px}
.product_box_img{float: left; width: 410px; height: 370px; padding: 20px; vertical-align: middle; text-align: center; border-right: solid 1px #ddd; line-height: 370px; overflow: hidden}
.product_box_img img{max-width: 100%; max-height: 100%; line-height: 370px; vertical-align: middle}
.product_box_info{float: left; padding: 20px; width: 697px; height: 70px; color: #666}
.product_box_info h1{font-size: 16px; font-weight: 700; border-bottom: dashed 1px #ddd; padding: 20px 0; color: #333}
.p_b_price{padding: 15px 0; border-bottom: dashed 1px #ddd; font-size: 15px}
.p_b_price em{color: #002f73}
.p_b_kw{padding: 15px 0}
.p_b_time{padding: 10px 0; color: #999}
.p_b_link{margin-top: 15px}
.p_link00{padding: 10px 50px; background: #002f73; border-radius: 5px; color: #fff; margin-right: 20px}
.p_link00:hover{background: #002f73; color: #fff}
.p_link01{padding: 10px 50px; background: #002f73; border-radius: 5px; color: #fff; margin-right: 20px}
.p_link01:hover{background: #002f73; color: #fff}
.p_link02{padding: 6px 46px; background: #fff; border: solid 2px #002f73; border-radius: 5px; color: #002f73;}
.p_link02:hover{background: #002f73; color: #fff}
.detail_box{clear: both; width: 1190px; margin: 20px auto}
.detail_main{width: 955px;}
.detail_tab{position: absolute; top: 0; left: 0; z-index: 1}
.detail_tab ul li{border: solid 1px #ddd; border-radius: 3px 3px 0 0; border: solid 1px ddd; border-bottom: none; padding: 10px 30px; float: left; margin-right: 20px; cursor: pointer}
.detail_tab ul li.on{border-top: solid 2px #002f73; color: #002f73; border-bottom: solid 1px #fff}
.detail_tab_a{float: right; position: absolute; top: 5px; right: 10px; z-index: 1;}
.product_other{width: 223px; border: solid 1px #ddd; margin-bottom: 20px}
.detail_conent01,.detail_conent02{display: none; border: solid 1px #ddd; padding: 15px; margin-bottom: 15px}
.ok{display: block}
.detail_conent02 dl{clear: both; position: relative; width: 100%; min-height: 110px; border-bottom: dashed 1px #ddd; margin-top: 10px; padding-bottom: 10px}
.detail_conent02 dl dt{position: absolute; z-index: 1; top: 0; left: 0; width: 80px; height: 100px; line-height: 20px; text-align: center}
.detail_conent02 dl dt em{display: block; padding: 5px; border: solid 1px #ddd; vertical-align: middle; max-height: 80px; line-height: 80px; vertical-align: middle; text-align: center; overflow: hidden}
.detail_conent02 dl dd{position: relative; margin-left: 100px; padding-right: 120px; line-height: 30px}
.detail_conent02 dl dd.q{color: #666; margin-top: 10px}
.detail_conent02 dl dd i{position: absolute; z-index: 1; right: 10px; top: 0; width: 100px; text-align: right; color: #999}
.detail_conent02 dl dt img{max-width: 100%; max-height: 80px; line-height: 80px; vertical-align: middle}
.product_other_tit{clear: both; height: 40px; line-height: 40px; padding: 0 10px; background: #f5f5f5; border-bottom: solid 1px #ddd}
.product_other_tit h2{float: left;font-weight: bold;font-size: 16px;}
.product_other_tit a{float: right}
.product_other ul li{padding: 10px}
.product_other ul li img{width: 195px; height: 195px}
.product_other ul li a{display: block; border: solid 1px #ddd; line-height: 25px; padding: 3px}
.product_other ul li p{height: 25px; line-height: 25px; text-overflow: ellipsis; overflow: hidden; padding: 0 10px;}
.product_other ul li em{color: #002f73; display: block}

.ms-icon{display: inline-block;width: 16px;height: 16px;float: left}
.ms-bg{position: relative}
textarea{resize: none}
input,textarea{outline: 0}
.detail_conent01 img,.detail_conent02 img{max-width: 100%;height:auto;}
.ms-box{position: fixed;width: 220px;border: 2px solid #002f73;padding: 0;z-index: 999999;left: 10px;bottom: 20px;background-color: #fff}
.s-tit{position: relative}
.ms-tit-con{background-color: #002f73;height: 30px;line-height: 30px;width: 220px;display: inline-block;color: #fff;text-indent: 8px;font-size: 14px}
.dialog-box{width: 400px;position: fixed;z-index: 99999;left: 50%;top: 40%;margin-left: -200px}
.pd10{padding: 0 7px}
.btn-send{background-color: #002f73;color: #fff;width: 80px;height: 30px;text-align: center;line-height: 30px;margin: 12px 0;font-size: 14px;border-radius: 4px;cursor: pointer}
.input-box .ms-input{height: 22px;width: 200px;margin-bottom: 6px;border: #ddd solid 1px}
.input-box input{border: none}
.text-style{width: 200px;height: 50px;margin: 8px 0 4px 0}
.icon-font1{display: inline-block;cursor: pointer;width: 23px;height: 13px;background: url(img/icon-font.png) no-repeat -219px -10px;position: absolute;left: 196px;top: 10px}
.icon-font5{display: inline-block;cursor: pointer;width: 23px;height: 13px;background: url(img/icon-font.png) no-repeat -255px -10px;position: absolute;left: 196px;top: 10px}
.ms-x{position: absolute;right: 10px;top: 4px;color: #fff;cursor: pointer;font-size: 16px}
.icon-font2{background: url(img/icon-font.png) no-repeat -4px -5px;margin: 2px 4px 0 6px}
.icon-font2-1{background: url(img/icon-font.png) no-repeat -19px -6px;margin: 2px 4px 0 6px}
.icon-font2-2{background: url(img/icon-font.png) no-repeat -47px -5px;margin: 2px 4px 0 6px}
.icon-font2-3{background: url(img/icon-font.png) no-repeat -35px -6px;margin: 2px 4px 0 6px;width: 14px}
.ms-btn{border-radius: 4px;position: absolute;bottom: 14px;right: 12px;width: 173px;background: #0085DA;height: 36px}
.ms-btn span{border-radius: 2px;color: #fff;font-size: 12px;text-align: center;height: 33px;line-height: 36px;margin-right: 10px;border: 1px solid #fff;width: 72px;display: inline-block;cursor: pointer}
.icon-font4{margin-top: 2px;width: 88px;height: 25px;background: url(img/icon-font.png) no-repeat -96px 0}
img{border: 0}
.rides-cs{font-size: 14px;position: fixed;top: 250px;right: 0;z-index: 1500;}
.rides-cs .rides-cs-s{background: #002f73;display: inline-block;border-radius: 6px 0 0 6px;}
.rides-cs a{color: #fff}
.rides-cs a:hover{color: #fff;text-decoration: none}
.rides-cs .floatL{width: 36px;float: left;position: relative;z-index: 1;height: 175px;}
.rides-cs .floatL a{font-size: 0;text-indent: -999em;display: block}
.rides-cs .floatR{float: left;padding: 5px;overflow: hidden}
.rides-cs .floatR .cn{background: #F7F7F7;border-radius: 6px;margin-top: 4px}
.rides-cs .cn .titZx{font-size: 14px;color: #333;font-weight: 600;line-height: 24px;padding: 5px;text-align: center}
.rides-cs .cn ul{padding: 0}
.rides-cs .cn ul li{line-height: 38px;height: 38px;border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align: center}
.rides-cs .cn ul li span{color: #777}
.rides-cs .cn ul li a{color: #777}
.rides-cs .cn ul li img{vertical-align: middle}
.rides-cs .btnCtn,.rides-cs .btnOpen{position: relative;z-index: 9;top: 25px;left: 0;background-image: url(img/lanrenzhijia.png);background-repeat: no-repeat;display: block;height: 146px;padding: 8px}
.rides-cs .btnOpen{background-position: 0 0}
.rides-cs .btnCtn{background-position: -37px 0}
.rides-cs ul li.top{border-bottom: solid #ACE5F9 1px}
.rides-cs ul li.bot{border-bottom: none}
/* pages*/.pages{padding: 20px 0 20px 0;text-align: center;font-size: 12px;color: #666666;}
.pages a:link,.pages a:visited,.pages a:active{background: #FFFFFF;border: #DDDDDD 1px solid;padding: 3px;text-decoration: none;}
.pages a:hover{background: #002f73;border: #002f73 1px solid;color: #FFFFFF;padding: 3px;text-decoration: none;}
.pages strong{background: #002f73;padding: 3px;border: #002f73 1px solid;color: #FFFFFF;}
.pages_inp{width: 30px;border: #DDDDDD 1px solid;color: #666666;padding: 2px;text-align: center;}
.pages_btn{width: 26px;border: #002f73 1px solid;color: #FFFFFF;padding: 1px;background: #002f73;font-weight: bold;font-size: 11px;}
.pages label{background: #FFFFFF;border: #DDDDDD 1px solid;color: #666666;padding: 3px 5px 3px 5px;}
.pages label em{color: #002f73;font-weight: bold;font-style: normal;}
.pages label span{font-weight: bold;}
.pages cite{font-style: normal;}
.picScroll-left .hd{overflow: hidden;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{display: block;width: 5px;height: 9px;float: right;margin-right: 5px;margin-top: 19px;overflow: hidden;cursor: pointer;background: url("img/arrow.png") 0 0 no-repeat;}
.picScroll-left .hd .next{background-position: 0 -50px;}
.picScroll-left .hd .prevStop{background-position: -60px 0;}
.picScroll-left .hd .nextStop{background-position: -60px -50px;}
.picScroll-left .hd ul{float: right;overflow: hidden;zoom:1;margin-top: 19px;zoom:1;display: initial;width: auto;clear: inherit;}
.picScroll-left .hd ul li{float: left;width: 9px;height: 9px;overflow: hidden;margin-right: 5px;text-indent: -999px;cursor: pointer;background: url("img/icoCircle.gif") 0 -9px no-repeat;}
.picScroll-left .hd ul li.on{background-position: 0 0;}
.new-title{text-align: center;height: 100px;line-height: 100px;font-size: 24px;}
.ch-title{}
.china-title{position: relative}
.china-title .ch-i{/* background: #333333;*/width: 10px;height: 10px;display: inline-block;border-radius: 50px;/* margin: 0 9px;*/}
.china-title:after{content: "";position: absolute;z-index: 0;top: 45px;left: 15%;width: 18%;height: 15px;background-image: url(img/xh-title-l.png);background-size: 100%;background-repeat: no-repeat;}
.china-title:before{content: "";position: absolute;z-index: 0;top: 45px;right: 15%;width: 18%;height: 15px;background-image: url('img/xh-title-r.png');background-size: 100%;background-repeat: no-repeat;}
.tong-img{/* margin-bottom: 10px;*/}
.tong-img img{vertical-align: middle}
/*tell*/.newXinrongCenter,.newXinrongCenterInput button,.xinrong_fixed .box .calling,.pageXinrong .pageXinrong_box .pageXinrong_boxLeft .form button{background: #002f73 !important;}
.pageXinrong .pageXinrong_box .pageXinrong_boxRight .pageXinrong_boxRightT button{background: #002f73 !important;}
.flex-pack-justify{-webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-moz-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
@font-face{font-family: "icon-guarantee";src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAYMAAsAAAAAC1AAAAW/AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDGgqKAIgFATYCJAMUCwwABCAFhG0HTxuACRHVoy+SfYmpyEjnRYLVGMs0CJK7ud3Hdy+ZJxzAC/wCBQAAAAAEAa/XNw9ZZJNP6CoZOZCVWEK1VUGlcDiXT6AG5E6oJ1IDlqgwSS9pSimR0SNlZuSE3JAedikZVCBWiBs16l/l9tvJQoSQFSX/RCXrTWgaOV0JkAsu+wHwP/d79efxKMxr3z5IKrz4Gb0KwNF4OKCI9NkaN90AcA/pqvbCSbgbAjCJIwfRomNkBTpoOIPAjnH+vu6gY3OiQ2gCj8Xlc6ZGbKSJR66SW8AG9e/FJ4oEEUgMBXdkpxHaXuD4rejbIpX236FnmYAqPz9wOw8UkANoEH18g92o6/oc1Wj6BRtkhBs0xt9O/v+XSUO8thgGJSr9P88FZ7SQ2mDQ/aQSxRDwdiSGhLdjB6pHVaieGUZD3t8EQkBspyK9jJpyBYXCjduyAsOjSywui9LiYhlhfmS2rf0Sj2/t6EZP7sbpvXb0kR4f2+npPDnR6m5EehZKx+McgQfhLjqe2Cs9eHq+IkMixGCeRz34E1Hc1hvLoTXwoK4hUAt92F3g8j7uiW0N46Yf4wnrVl0PdyNdI+uqriZwPcoEztauHlSQrN7eUIv5gLx9O5uaxtpCpLttbW9i2WjmCL7IOD1dy8dZph3pGkBVw2Uev66LdLr+ErddeLS+DrZWHhWj8/FV9NJROvTwYvW0Hn70WJbeJjN/L1Kbjd4j0g59sFlwrKERG1ptUiypwuvPJFmdgHOUlBRza0jEtlAf2LatsBYTpOLNa8JMyLfmOATtOUbiVtMFd6uq7+7FsmVaaJeCRXpYb58te9Y2oN1rerrqkO7V1o0a0QG93B3FgtQiJfrihfQ4nXNUT5RI34ElKJ8dvK1AvcMjMipNM2tqzuqXz4K6cYailn3ju+dYY7JCBXl+jCYX1/rijKZMJG5q1I/JeOMhnplCzKv21F/w6cQlOxsrJ3v6XBlNcKK9n/zRgz5Bxg0JIwwbo6PrY2wwbnGSOGajrizZrE6fIcNpVcML9nbPoe0VVxpO9s/1f2YrWGy23oy/s9tKSN87kZub1t0Rr5qDG2W2HfxTr35odlSxL/JvP8npzGuPMwfjs0HdcCaGQt14e2ioZIHMd8gNKDcx4Fu2q4cCYq7b2UHfm4+823a+X2tTe7+uvdHYUG7fc2tSGV33+dCNlbWb1Sd7ioCDN7VOdJqRtg/O5aDpsxYOPmIFw8kDouTcRxlNNuSfGCnnH+Th9HwJD76e+XW1vQsW5IJamHTZjDgixhgMknPTpom2w557fqe2CYTGbJrOYcAaiemTj2LVxplKa6sepGtOFNxDRMh8DXkeMREc2TWbmbaV9BSx07dSlOylbGmnkTNLaK9taCkv0hN+hKKn/Hf260zhwbRJQkwrdtWc4FTCnK2NpYMtfbYM4xmsHSp39KCN4wlFAgjDRmnr2Bjqj5ofJw5ZqSlJNqnRp0JjYJXwggtLGd0M9sDVn4NohH11kJQK8H8X7pW48h0MqTT+Ylyr3L8RLXbVUbAXab3IKgdS1nzt9PeEdc9LhnCW+O8ISNeCBwmxVdu8KuYy/dVwLkO/Z4r4u9VgJ23YluyYfAb+w0WDeJWPOTS26pAyh5ogcRMLCg8pRE3NAQMfJeDCQz2YZNPufB/BTKGO0F4gi2UAggBOg8SPK6AI4CZRU1+CQRhfwEWAwAWTHiL4ij7ShC97Zz6SEDWgGUimHC54wp7WeYcisohv1ai8J/QDmYHxYOSsXKGDfh7HBLGYhCEH7isbLuF+aFkKXF8ZyMKBHobuZjjkfs80YMqu9CpnPpIQNaAZSKYcLq8d9ly/f4cisogfMutH8gn9QG4exoNRDOKV0Yk1a136g1hMQspz4Ld2ZcMl+dHiiwpc/90MZOFAT5F3N0Najcc1Dso329NYdfLNyV25WXUMFvYcqJtKogI9IrLJxBslUUtDR1hRhxKV68QRlQoA') format('woff2');}
.icon-guarantee{font-family: "icon-guarantee" !important;font-size: var(--groot-ui-font-size-l);font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-xiaoshuai::before{content: "\e62f";}
.icon-caiwu::before{content: "\e630";}
.icon-denglu::before{content: "\e631";}
.icon-baozhang::before{content: "\e632";}
.gt-jmy-pc-footer{box-sizing: border-box;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: -moz-box;display: -moz-flex;display: flex;-webkit-box-pack: space-between;-webkit-justify-content: space-between;-moz-box-pack: space-between;-moz-justify-content: space-between;-ms-flex-pack: space-between;justify-content: space-between;-webkit-box-orient: column;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;padding-top: var(--groot-ui-spacing-unit-6);padding-bottom: var(--groot-ui-spacing-unit-4);}
.gt-jmy-pc-footer-top{margin: 0 auto;margin-bottom: var(--groot-ui-spacing-unit-5);display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: -moz-box;display: -moz-flex;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-moz-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-moz-align-items: center;-ms-flex-align: center;align-items: center;}
.gt-jmy-pc-footer-top-head{padding-right: 3.125em;padding-left: 3.125em;text-align: center;display: inline-block;position: relative;font-weight: var(--groot-ui-font-weight-2);color: var(--groot-ui-color-gray-9);font-size: var(--groot-ui-font-size-l);}
.gt-jmy-pc-footer-top-head::after{content: '';position: absolute;right: 0;top: 50%;border-right: 1px solid var(--groot-ui-color-gray-5);margin-top: -0.4375em;height: 0.875em;}
.gt-jmy-pc-footer-top-head:last-child::after{display: none;}
.gt-jmy-pc-footer-top-head:hover{color: var(--groot-ui-color-brand-6);cursor: pointer;}
.gt-jmy-pc-footer-center{font-size: var(--groot-ui-font-size-s);display: block;width: 100%;}
.gt-jmy-pc-footer-center-record:hover{color: #ffffff;cursor: pointer;}
.gt-jmy-pc-footer-center p{margin: 0;display: block;width: 100%;text-align: center;line-height: 2;color: #ffffff;}
.gt-jmy-pc-footer-guarantee{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: -moz-box;display: -moz-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-moz-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-moz-justify-content: center;-ms-flex-pack: center;justify-content: center;padding-bottom: 1.875em;background: url(img/footer-security_bg.png);padding-top: 1.875rem;color: #ffffff;}
.gt-jmy-pc-footer-guarantee .guarantee-item{margin-right: 5em;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: -moz-box;display: -moz-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-moz-align-items: center;-ms-flex-align: center;align-items: center;cursor: pointer;}
.gt-jmy-pc-footer-guarantee .guarantee-item .icon-guarantee{font-size: 2.1875em;color: #ffffff;}
.gt-jmy-pc-footer-guarantee .guarantee-item .icon-guarantee.icon-denglu{font-size: 2.0625em;}
.gt-jmy-pc-footer-guarantee .guarantee-item .icon-guarantee.icon-baozhang{font-size: 2.3125em;}
.gt-jmy-pc-footer-guarantee .guarantee-item .guarantee-item-content{margin-left: 0.8125em;padding: calc(6 * var(--groot-ui-rpx)) 0;}
.gt-jmy-pc-footer-guarantee .guarantee-item .guarantee-item-content-title{color:#ffffff;font-size: 15px;margin-bottom: 0.375em;}
.gt-jmy-pc-footer-guarantee .guarantee-item .guarantee-item-content-context{color: #ffffff;font-size: 12px;}
.gt-jmy-pc-footer-guarantee .guarantee-item:last-child{margin-right: 0em;}
.gt-jmy-pc-footer-guarantee .guarantee-item:hover .icon-guarantee{color: #c5c5c5;}
.gt-jmy-pc-footer-link{padding: 20px 0;background: #395066;text-align: center;font-size: 13px;color: #efefef;}
.gt-jmy-pc-footer-link a:hover{color: #002f73 !important}
.gt-jmy-pc-footer-link{/* color: #fff;*/padding-bottom: 14px;font-size: 15px;}
.gt-jmy-pc-footer-link span{padding: 0 17px;color: #c4c4c4;}
.gt-jmy-pc-footer-link a{color: #efefef;}
.view_contents{width:100%;text-align:center;}
.view_contents .editor-view-extend{box-sizing: border-box;color: #ffffff;font-size: 18px;letter-spacing: 1px;text-align: center;width: 150px;line-height: 45px;height: 45px;border-radius: 100px;border-top-style: solid;border-top-width: 1px;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-left-width: 1px;border-bottom-width: 1px;border-right-width: 1px;background: #002f73;display: inline-block;}
.boutique_box .view_contents{position: absolute;bottom: 25px;}
.product_list .view_contents{margin-bottom:30px}

@media only screen and (max-width: 969px) {
body{max-width:100%;margin: 0 auto;background: #f5f5f5;padding: 45px 0}
.topbar{background: 0 0;border: none;height: 0;line-height: 0}
.topbar ul{height: 0;width: 100%}
.column_tit a:before,.proTypeNav i,.search.show i,.search:before,.topbar .fl a:first-child{background: url(img/phone_bg.png) no-repeat}
.topbar .fl a:first-child{position: fixed;z-index: 992;right: 10px;top: 12px;width: 22px;height: 22px;display: block;overflow: hidden}
.classlogo h1 i,.classlogo h2 i,.companylogo,.right_fixed a,.searchbtn,.searchinput,.topbar .fl a:last-child,.topbar .fr{display: none}
.companylogo img{height: 36px;padding-left: 5px}
.phone a{position: absolute;z-index: 1;top: 0;left: 0;width: 70px;height: 30px;padding-top: 45px;overflow: hidden;display: block}
.phone a:hover{background: 0 0}
.topbar .fl{text-indent: -9999px}
.header{position: fixed;z-index: 991;top: 0;left: 0;max-width: 100%;height: 48px;background: #002f73;}
.classlogo,.logo{margin: 0}
.classlogo h1,.classlogo h2{font-size: 1rem;color: #fff;margin: 0 0 0 15px;height: 45px;line-height: 45px}
.search{position: fixed;z-index: 4;top: 12px;right: 50px;margin: 0;width: 22px;height: 22px;overflow: hidden;}
.search:before{background-position: -33px 0;width: 22px;height: 22px;content: "";display: block;overflow: hidden}
.search.show{z-index: 99;width: 100%;height: 100%;background: #fff;top: 0;left: 0}
.search.show .searchbtn,.search.show .searchinput{display: block}
.search.show i{display: block;position: absolute;z-index: 1;right: 10px;top: 10px;width: 22px;height: 22px;background-position: -71px 0}
.search.show .searchinput{width: 80%;margin: 20px 0 0 20px}
.nav a,.right_fixed,.rides-cs{display: none}
.nav p{display: block}
.nav p a{display: inline-block}
.nav p a i{position: absolute;z-index: 1;top: 5px;left: 50%;margin-left: -8px;display: block;width: 22px;height: 22px;background-size: cover;background-position: center}
.nav p a{padding-top: 15px}
.search.show .searchbtn{position: absolute;z-index: 1;top: 42px;right: 23px}
.menubox{max-width: 100%;height: 0}
.nav{position: fixed;z-index: 999;bottom: 0;left: 0;width: 100%;height: 55px;background: #002f73;border-top: solid 1px #002f73}
.nav a{width: 23%;text-align: center;color: #fff;padding: 0;position: relative;font-size: 12px;}
.nav a:hover{background: 0 0;color: #fff}
.nav p a i.home_icon{background: url(img/homeicon.png) no-repeat;background-size: 90%}
.nav p a i.qq_icon{background: url(img/qqicon.png) no-repeat;background-size: 90%}
.phone_icon{background: url(img/phoneicon.png) no-repeat}
.product_icon{background: url(img/producticon.png) no-repeat}
.menu{background: 0 0;height: 0}
.proTypeNav{position: fixed;z-index: 1;top: 12px;right: 10px;width: 26px;height: 22px;overflow: hidden;font-size: 0;}
.protypeNav_box{line-height: 0}
.proTypeNav i{background-position: -113px 0;width: 26px;height: 22px;line-height: 0;display: block;margin: 0}
.proTypeList{position: fixed;z-index: 1;top: 45px;right: 0;left: auto;background:rgb(255 103 0/.9);width: 200px;display: none;}
.proTypeList li{padding: 0;text-align: center;display: block;border-bottom: none;border-bottom: solid 1px #999}
.proTypeList li,.proTypeList li h3,.proTypeList li:hover{background: 0 0}
.proTypeList li a{color: #fff;vertical-align: middle}
.proTypeList li a:hover{color: #fff}
.proTypeList li .proTypemenu{width: 180px;left: auto;right: 140px;background: rgba(0,0,0,.7);border: none;overflow-y: auto}
.proTypeList li .proTypemenu a{color: #fff}
.proTypeList li .proTypemenu a:hover{color: #fff}
.proTypemenu h4{text-align: left}
.now .proTypeList{display: none}
.ad_tab{width: 100%;margin: 0;height: 100px;}
.contentbox{width: 100%;margin: 0;height: 100%;}
.contentimg li{height: auto}
.ad_tab .navbox{/* margin-left: -20px*/}
.contentimg li a{height: 356px;background-size: cover}
.product_list{max-width: 100%;width: 95%;}
.column_tit{margin: 0;border-top: solid 10px #f5f5f5;border-bottom: solid 10px #f5f5f5;padding: 5px 15px}
.column_tit a{width: 14%;/* font-size:0;*/position: relative;}
.column_tit a:before{content: "";display: block;position: absolute;right: 10px;top: 16px;width: 9px;height: 12px;background-position: -152px 0}
.product_list .bd{height: 260px !important}
.product_list ul li{margin-right: 51px;height: auto;margin-bottom: 2%;}
.product_list ul li:nth-child(5n+0){margin-right: 51px}
.product_list ul li:nth-child(3n+0){margin-right: 0}
.footer p{max-width: 100%;height: auto;}
.footer p span{margin: 0 5px}
.businesscard{width: 100%;height: 100%;top: 0;left: 0;margin: 0;background: rgba(0,0,0,.9)}
.businesscardbg{position: absolute;top: 50%;left: 50%;margin: -120px 0 0 -196px}
.flip,.position{width: 100%}
.screen{width: 95%}
.screen dl dd{margin: 5px 10px;width: auto!important}
.screen dl dt{top: 5px}
.flip{height: auto}
.product_box{width: 99%}
.product_box_img{width: 40%}
.product_box_info{width: 49%}
.detail_box,.detail_main,.product_other{width: 100%;border: 0;}
.product_other ul li{width: 30%;float: left;overflow: hidden}
.product_other ul li img{width: 100%;height: 222px}

.boutique_box{height:auto}
.pro-intro{width: 96%;padding-bottom: 120px;}
.sy-title{width:100%;text-align:center;padding-top: 25px;}
.sy-title h1{font-size: 24px;font-weight:bold;}
.sy-title h3{font-size: 16px;font-weight: 500;color:#ccc;text-transform:uppercase;padding-top: 0px;}
.sy-title hr{width:100px;height:3px;background:#002f73;border:none;margin: 7px auto 0 auto;}

.pro-intro .picList{margin-top: 11px;}
.pro-intro .picList .li{border: 1px solid #002f73;position: relative;overflow: hidden;float: left;width: 48.3%;margin-top: 2%;margin-right: 2%;border-radius: 3px;}
.pro-intro .picList .li:nth-child(2n){margin-right: 0}
.pro-intro .picList .li:after{content: ""; position: absolute; width: 6px; height: 80px; background: url(img/title_1.png) no-repeat; right: -6px; bottom: 10px}
.pro-intro .picList .li a{display: block}
.pro-intro .picList .li img{width: 100%;height: 12rem;vertical-align: middle;}
.pro-intro .picList .li .price{position: absolute;height: 35px;right: -6px;bottom: 0px;z-index: 2;background: url(img/title.png) no-repeat;width: 95%;padding-right: 16px;text-align: right;font-size: 14px;line-height: 20px;color: #000;}
.pro-intro .picList .li .price .jg{font-size: 15px;line-height: 26px;padding-top: 7px;font-weight: bold;color: #ffffff;}
.pro-intro .picList .li .price .bt{overflow: hidden;height: 26px;text-overflow: ellipsis;white-space: nowrap;padding-left: 10px;color: #464646;display: none;}
.pro-intro .picList .li .price .bt span{font-size: 15px; font-weight: bold;}
.pro-intro .picList .li .price .see{position: absolute;width: 44px;height: 44px;background: #002f73;color: #fff;padding: 11px;font-size: 18px;font-weight: bold;line-height: 22px;right: 0;top: 0;text-align: center;opacity: 0;display: none;}
.pro-intro .picList .li .price,.pro-intro .picList .li .price .see{-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease}
.pro-intro .picList .li a:hover .price{padding-right: 70px}
.pro-intro .picList .li a:hover .price .see{opacity: 1}

.boutique_box .pro-intro .hd{text-align: center;width: 100%;position: absolute;bottom: 90px;}
.boutique_box .pro-intro .hd ul{text-align: center;}
.boutique_box .pro-intro .hd li{width: 10px; height: 10px; overflow: hidden; margin: 0 5px; line-height: 10px; cursor: pointer; text-align: center; border-radius: 15px; background: #b9b9b9; text-indent: -9999px; display: inline-block;}
.boutique_box .pro-intro .hd li.on{background: #002f73; width: 25px;}
.boutique_box .prev,.boutique_box .next{bottom: 72px;position: absolute;z-index: 3;width: 14px;height: 38px;background: url(img/direction.png) no-repeat 0 0;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;cursor: pointer;display: none;top: 0;}
.boutique_box .next{left: 5%;}
.boutique_box .prev{right: 5%;background-position: right top;}

.new-title{text-align: center;height: 80px;line-height: 80px;font-size: 20px;}
.china-title:after{content: "";position: absolute;z-index: 0;top: 45px;left: 15%;width: 18%;height: 15px;background-image: url(img/xh-title-l.png);background-size: 100%;background-repeat: no-repeat;display: none;}
.china-title:before{content: "";position: absolute;z-index: 0;top: 45px;right: 15%;width: 18%;height: 15px;background-image: url('img/xh-title-r.png');background-size: 100%;background-repeat: no-repeat;display: none;}

.index_three-box-best{overflow: hidden;padding: 0;margin-top: 25px;margin-bottom: 20px;}
.index_three-box-best .bj{background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.9)); bottom: 0; position: absolute; color: #fff; padding: 0 .04rem;}
.index_three-box-best .bj-l{line-height: 2.5rem;height: 2.5rem;font-size: 14px;}
.index_three-box-best .bj-r{line-height: 1.5rem;height: 1.5rem;font-size: 12px;text-align: center;}
.index_three-box-best .L{float: left;width: 64%;height: 15rem;position: relative;}
.index_three-box-best .L .img{width: 100%;height: 100%;}
.index_three-box-best .L .img img{width: 100%; height: 100%;}
.index_three-box-best .L .bj{width: 100%;text-align: center;}
.index_three-box-best .R{width: 34%;float: right;}
.index_three-box-best .R-d{height: 7.4rem;position: relative;}
.index_three-box-best .R-d .img{width: 100%;height: 100%;}
.index_three-box-best .R-d .img img{width: 100%; height: 100%;}
.index_three-box-best .R-d .bj{width: 100%;}
.index_three-box-best .R .top{margin-bottom: .2rem;}

.index_three-box-like{margin-top:20px}
.index_three-box-like-list{width: 32%;margin: 0 2% 4% 0;}
.index_three-box-like-list:nth-child(3n){margin-right:0}
.index_three-box-like-list .imgs{height: 7.14rem;}
.index_three-box-like-list .imgs img{width: 100%; height: 100%;}
.index_three-box-like-list .title{height: 30px;line-height: 30px;font-size: 14px;width: 100%;color: #666;}
.index_three-box-like-list .price{text-align: center;font-size: 14px;color: #002f73;}
.index_three-box-like-list .price span{margin-right: 3px;font-size: 12px;}

.shop-IBM{margin-top: 10px;}
.shop-IBM-fufei{padding: 0 2%;}
.shop-IBM a{display: block;}
.shop-IBM-btn{height: 40px;border-radius: 3px;background: #fff;line-height: 40px;font-size: 14px;text-align: center;margin: 0 0 15px 0;box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);}
.shop-IBM-hottitle{border-radius: .1rem .1rem 0 0;}

.shop-IBI-title{height: 40px;background: #fff;border-radius: 3px;line-height: 40px;padding-left: 5px;}
.shop-IBI-title i{font-size: .35rem; vertical-align: middle; margin-right: .1rem; color: #ff7700;}
.shop-IBI-title span{font-size: 16px;vertical-align: middle;font-weight: bold;}
.shop-IBM-hot{/* border-radius: 0 0 .1rem .1rem; *//* padding: .1rem .1rem; */background: #fff;/* margin-top: .03rem; */overflow: hidden;margin-bottom: 15px;}
.shop-IBM-hot ul{overflow: hidden;}
.shop-IBM-hot ul li{width: 29%;height: 35px;line-height: 35px;border-radius: 3px;background: #f7f8f9;margin: 2%;overflow: hidden;}
.shop-IBM-hot ul li a{display: block;color: #555;width: 100%;text-align: center;}

}

@media only screen and (max-width: 767px) {
.contentimg li a{height:192px;background-size: cover}
.product_list ul li{margin: 0 0 2% 0;width: 48%;/* height: 265px; */}
.product_list ul li:nth-child(5n+0){margin-right: 0}
.product_list ul li:nth-child(3n+0){margin-right: 0}
.product_list ul li:nth-child(2n+0){margin-right: 0;float: right;}
.product_list ul li a{padding: 0 0 0px 0;width: 100%;}
.product_list ul li a span{width: 100%}
.product_list ul li a span img{width: 100%}
.product_list.picScroll-left .bd li{margin-right: 15px;}
.product_list.picScroll-left .bd li:nth-child(5n+0){margin-right: 15px}
.product_list.picScroll-left .bd li:nth-child(3n+0){margin-right: 15px}
.product_list.picScroll-left .bd li:nth-child(2n+0){margin-right: 15px;float: right}
.product_box{height: 260px}
.product_box_img{height: 220px;line-height: 220px}
.product_box_info{width: 40%}
.p_b_kw,.p_b_price,.p_b_time,.product_box_info h1{padding: 5px 0}
.p_link00,.p_link01,.p_link02{padding: 5px;margin-right: 5px;margin-bottom: 5px;display: inline-block;}
.p_link01{border: solid 2px #002f73;}
.p_link00{display: none}
.product_other ul li{width: 45%}
.product_other ul li img{height: 178px}
}

@media only screen and (max-width: 413px) {
    .contentimg li a{height: auto;background-size: cover;}
.contentimg li a img{width: 100%;/* height: 178px;*/vertical-align: middle;}
.product_list ul li a{width: 99%;overflow: hidden;}
.product_list ul li a span,.product_list ul li a span img{width: 100%;height: 175px;line-height: 175px}
.product_list ul li a p{padding: 0 5px}
.businesscardbg{width: 100%;margin-left: 0;left: 0}
.cardname{width: 160px}
.cardinfo{width: 205px}
.product_other ul li{width: 47.5%;padding: 1.5%;padding-bottom: 0;padding-right: 0;}
.product_other ul li:nth-child(2n){padding-right:0}
.product_other ul li a{
    padding: 0;
    /* border: 0; */
    /* border-top: solid 1px #ddd; */
    border-right: solid 1px #ddd;
}
.product_other ul li img{height: 153px}
.product_box_img{padding: 10px}
.product_box_info{padding: 10px;width: 48%}
.product_box{height: 250px}
}

@media only screen and (max-width: 374px) {
.contentimg li a{height:148px;background-size: cover}
.product_list ul li{margin-right: 10px}
.product_list ul li:nth-child(5n+0){margin-right: 10px}
.product_list ul li:nth-child(3n+0){margin-right: 10px}
.product_list ul li:nth-child(2n+0){margin-right: 0}
.product_list ul li a{width: 152px;overflow: hidden}
.product_list ul li a span,.product_list ul li a span img{width: 152px;height: 152px;line-height: 152px}
.product_list ul li a p{padding: 0 5px}
.businesscardbg{width: 320px}
.cardname{width: 140px}
.cardinfo{width: 175px}
.nav a{width: 23%}
.product_other ul li img{height: 130px}
.product_box_img{width: 35%}
.product_box_info{width: 52%}
}

.flexBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.flexWrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.text-ellipsis, .text-hide {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}





.kefu { position:fixed;right:30px;top:45%;margin-top:-100px;z-index:100;}
.kefu .meau-contact a.kefu-btn { border-radius:4px 4px 0 0;}
.kefu .meau-contact:hover a.kefu-btn { border-radius:0 4px 0 0;}
.kefu .meau-top a.kefu-btn { border-radius:0 0 4px 4px;}
.kefu-meau{ position:relative;}
.kefu-meau a.kefu-btn{ width:70px;height:70px;text-align:center;display:block;position:relative; border-top:.5px solid rgba(255,255,255,.6);background:#cc291b;padding-top: 12px;
    box-sizing: border-box;}
.meau-top a.kefu-btn { background:#002a67;}
.kefu-meau:hover a.kefu-btn { background:#ef9d09;}
.kefu-meau a.kefu-btn p {color:#fff;font-size:12px;line-height:18px}
.kefu-meau a.kefu-btn i {color:#fff;font-size:26px;}
.kefu-meau a.kefu-btn a{color:#fff;display:block;padding:10px 0px}
.kefu-box{position:absolute;top:0px;right:70px;overflow:hidden;width:0px;
-webkit-transition: all .2s linear;
   -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
     -o-transition: all .2s linear;
        transition: all .2s linear;}
.kefu-meau:hover .kefu-box { position:absolute;top:0px;right:70px;overflow:hidden;width:150px;}
.kefu-box .box-border{padding:15px 10px;background:#fff; border:1px solid #ddd;}
.kefu-box .box-border .arrow-right{display:block;width:13px;height:16px;position:absolute;right:-13px;top:26px;}
.kefu-box .box-border .sev-t{ overflow:hidden; width:130px; z-index:1000;font-size:15px;color:#333;text-align:center;}
.kefu-box .box-border .sev-t p { font-size:14px; margin-bottom:10px;}
.kefu-box .box-border .sev-t img { width:130px;}
.kefu-meau:hover .kefu-box{display:block} 







.com-bar{position:fixed;z-index:9999;bottom:0;background:#0d327f;width:100%;height:53px;display:block}
.com-bar ul{overflow:hidden}
.com-bar li{float:left;width:25%; height:53px; text-align:center}
.com-bar li i{margin: auto;display: block;width:20px;height:20px;margin:5px 0 3px;background-size:100% 100%;background-repeat:no-repeat;}
.com-bar .btn-back i{background-image:url("img/fix-back.png")}
.com-bar .btn-sell i{background-image:url("img/icon-action.png")}
.com-bar .btn-tel i{background-image:url("img/fix-tel.png")}
.com-bar .btn-qq i{background-image:url("img/onlinewpa.png")}
.com-bar .btn-tel i{background-image:url("img/fix-tel.png")}
.com-bar li a{ display: inline-block;  color: #f7f7f7; font-size: 12px;text-align: center;margin-top:5px}
.com-bar .btn-chat{float:right;color:#fff;background:#147b47;text-align:center;line-height:53px;width:44%}
.com-bar .btn-chat a{display:block;color:inherit;font-size:.32rem;}
.com-bar-blank{height:53px;overflow:hidden;width:100%}
.com-bar .btn-wx i {
    background-image: url(img/fix-wx.png);
}

.black_overlay{display:none;position: fixed;top:0%;left:0%;width:100%;height:100%;background:black;z-index:1001;-moz-opacity:0.6;opacity:.60;filter:alpha(opacity=60);}
.blank_content{display:none;position:fixed;top:35%;left:20%;width:60%;background:#f7f7f7;z-index:1002;border-radius:5px;padding:20px 0; text-align:center;}
.blank_content strong {line-height:40px;clear:both;font-size:18px;padding:0px 5px 0px 10px;color:#111; display:block;}
.blank_content p{line-height: 28px;padding:0;margin:0; color:#999;}
.blank_content span.gb { float:right; width:15px; height:15px; position: absolute;top:10px; right:10px;}
.blank_content span.gb img { width:100%;}
.blank_content span.zdl { margin-top:15px; display:block;}
.blank_content span.zdl a { display: inline-block;padding: 8px 30px;background-color: #1aad19;color: #fff;border-radius: 5px; font-size: 16px; }


/**/
.m_banner {display: block;overflow: hidden;position:relative;width: 100%;}
.m_banner .b_menu {text-align:center;position: absolute;width: 100%;left: 0;bottom:10px;z-index: 10;}
.m_banner .b_menu span {display:inline-block;background:none;cursor:pointer;margin: 0 5px;width:10px;height:10px; background:#fff;border-radius:5px;opacity:1;}
.m_banner .b_menu span.swiper-pagination-bullet-active {background:#002f73;width:20px;}
.pc_banner .b_menu {bottom:20px;}
/**/
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.container {
    width: 1170px;
}
.about-box {
    background: #220ba2;
    width: 100%;
    overflow: hidden;
}
.about_a2 {
    text-align: center;
    overflow: hidden;
}
.about_a2 img {
    transition: all 1s;
}
.span-6 {
    float: left;
    margin-right: 2%;
    width: 48%;
    transition: .2s width ease;
}
.about {
    height: 100%;
    overflow: hidden;
}
.section_about {
	margin-top: 50px;
	height: 100%;
	overflow: hidden;
}

.about {
	height: 100%;
	overflow: hidden;
}

.about_a1 {
	width: 100%;
	height: 127px;
	float: left;
	position: relative;
}

.about_sp1 {
	width: 60px;
	height: 2px;
	background: #24559F;
	position: absolute;
	top: 0px;
	left: 0px;
	transition: all 1s;
}

.about_p1 {
	width: 300px;
	height: 51px;
	line-height: 51px;
	    color: #d4f1ff;
	position: absolute;
	top: 33px;
	left: 0px;
	font-size: 52px;
	font-family: 'impact';
}

.about_p2 {
	width: 300px;
	height: 38px;
	line-height: 38px;
	position: absolute;
	top: 89px;
	left: 0px;
	font-size: 32px;
	    color: #fafafa;}

.about_a1:hover .about_sp1 {
	width: 300px;
}

.about_a2 {
	text-align: center;
	overflow: hidden;
}

.about_a2 img {
	transition: all 1s;
}

.about_a2:hover img {
	transform: scale(1.05);
}

.about_01 {
	float: left;
	line-height: 1.8;
	max-height: 274px;
	overflow: hidden;
	margin-top: 27px;
	text-indent: 2em;
	    color: #fafafa;
}

.more_01 {
	width: 191px;
	height: 50px;
	float: left;
	margin-top: 35px;
}

.more_01 .face1 {
	border: 3px solid #EBEAE9;
	line-height: 44px;
	color: #666666;
	text-align: center;
	height: 44px;
}

.more_01 .face1 .sj {
	display: inline-block;
	margin-left: 30px;
	font-size: 16px;
}

.more_01 .face1 .t {
	display: inline-block;
	line-height: 46px;
	font-size: 14px;
	vertical-align: top;
}

.more_01 .face2 {
	background: #EBEAE9;
	border: 3px solid #EBEAE9;
	color: #666666;
	line-height: 50px;
	text-align: center;
	height: 50px;
	transform-origin: 50% 50% -25px;
	-webkit-transform-origin: 50% 50% -25px;
}

.more_01 .face2 .sj {
	display: inline-block;
	margin-left: 30px;
	font-size: 16px;
}

.more_01 .face2 .t {
	display: inline-block;
	line-height: 46px;
	font-size: 14px;
	vertical-align: top;
}
/**/
.f_l {float:left;}
.f_r {float:right;}
.m {width:1200px;margin:auto;}
.text-overflow {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.topline {height:38px;line-height:38px;background:#3b3b3b;width:100%;font-size:14px;color:#9c9c9c;}
.topline a{padding:0px 5px;color:white}
.tool ul li{float:left; cursor:pointer}
.tool ul li.tel{ background:url(img/tool-tel.png) no-repeat center left;padding-left:18px;margin-right:20px}
.tool ul li.mobile{ background:#08b14c url(img/tool-mobile.png) no-repeat 10px 10px;padding:0px 10px 0px 30px;position:relative; display:block;color:white;}
.tool ul li div{display:none}
.tool ul li:hover div{display: inline-block;position: absolute;z-index:10000;background:white;width:110px;height:110px;box-shadow: 0px 0px 3px rgba(0,0,0,0.15);top:35px;padding:5px;left:-42px;overflow:hidden}
.tool ul li:hover div img{width:110px;height:110px;}

.topbg {height:88px;padding:0px 0;background:white;box-shadow: 0 2px 3px 0 rgba(0,0,0,.2);}
.head{ position: relative;}
.head .logo {padding: 0 10px 0 0px;height:88px;width:220px;}
.head .logo,.head .logo img{float: left;}
.head .logo{display: table-cell;width: 270px;height: 88px;vertical-align: middle;}
.head .logo a{display: table-cell;width: 270px;height:88px;vertical-align: middle;}
.head .logo img{max-width: 100%;max-height: 100%;float: none;}
/*导航*/
.headBox2 {clear: both;height: 88px; position:absolute;right:0px;}
.headBox2 .wrap{position: relative;margin:0px auto;height:50px;}
.menuDl {/*width:860px; display:flex; */float: right;}
.menuDl dd {display: inline;float: left;margin:0px;position: relative;flex:1;text-align:center;width: 120px;}
.menuDl dd span {display: block;clear: both;overflow: hidden;height: 88px;}
.menuDl dd span a{display: block;height: 88px;line-height: 88px;font-size: 14px;color:#333;}
.menuDl dd.hover span a{color:white;background:url(img/topbg.png);}
.menuDl dd .div_a {width: 100%;overflow: hidden;position: absolute;top: 88px;left:0px;z-index: 999;background: rgba(255,255,255,0.9);box-shadow: 0 2px 5px rgba(0,0,0,0.5);padding: 0px 0;display: none;}
.menuDl dd .div_a a {display: block;height: 35px;overflow: hidden;line-height: 35px;text-align:center;color: #333;font-size: 14px;width:100%;border-top:1px solid rgba(51,51,51,0.2);}
.menuDl dd .div_a a:hover {color:#08b14c; background-color:rgba(255,255,255,0.95);}