.hx_w{width:1200px;margin:0px auto}
.c,.clear{clear:both}
.h{height:20px}
.hx_header{position: fixed;width:100%;top:0;z-index:19851123;min-width:1200px;height:126px;background:#fff}
.hx_top_h{height:126px}
.hx_header .layui-nav{background:#fff;float:right;margin-top:30px}
.hx_header .layui-nav .layui-nav-item{height:40px;line-height:40px}
.hx_header .layui-nav .layui-nav-more{top:18px;border-color: #000 transparent transparent; display:none}
.hx_header .layui-nav .layui-nav-item a{color:#000;background:#fff}
.hx_header .layui-nav .layui-nav-item a:hover{background:#2d377b;color:#fff}
.hx_header .layui-nav .layui-nav-item a:hover .layui-nav-more{border-color: #fff transparent transparent;}
.hx_header .layui-nav-bar{display: none}
.hx_header .layui-nav .layui-this:after{background:#2d377b}
.hx_header .layui-nav .layui-this a{background:#2d377b;color:#fff}
.hx_header .layui-nav-child{top:40px;padding:0px}

.hx_header .hx_langue{position: absolute;top:2px;right:20px;z-index:1000;font-size:12px}
.hx_header .hx_langue img{height:12px;margin-right:5px}
.hx_logo img{height:65px;margin:10px}

.hx_flash{width:100%;height:650px;}
.hx_dt{min-width:1200px;margin:auto}
.hx_foot{background:#242424;height:290px;min-width:1200px;}
.hx_foot_menu .layui-col-xs3{height:270px;text-align:center;border-right:1px #353535 dashed;border-left:1px #313131 dashed;color:#9e9e9e}
.hx_foot_menu .layui-col-xs3:last-child{border-right:none}
.hx_foot_menu .layui-col-xs3:first-child{border-left:none}
.hx_foot_left .layui-col-xs2{border-right:1px #353535 dashed;height:200px;position: relative}
.hx_foot_left .layui-col-xs10{border-left:1px #313131 dashed;height:200px;}
.hx_height{height:100px;margin:10px 20px;text-align:left;font-size:14px;line-height:2}
.hx_height a{color:#9e9e9e;font-size:14px}
.hx_about{font-size:20px;text-align:left;color:#cacaca}
.hx_about p{font-size:14px}
.hx_wem p{color:#9e9e9e}
.hx_wem img{width:100px;}
.hx_menu{text-align:left;margin:0px 20px;line-height:2;margin-top:40px;height:130px;}
.hx_menu_list h2{font-weight:bold;margin-bottom:10px;color:#cacaca}
.hx_menu_list a{color:#9e9e9e}
.hx_menu_list a:hover{color:#5e5e5e}
/* 向下的箭头 */
.dot-bottom {
    position: absolute;
    right:-11px;
    z-index:10;
    font-size: 0;
    line-height: 0;
    border-width: 10px;
    border-color: #fff;
    border-bottom-width: 0;
    border-style: dashed;
    border-top-style: solid;
    border-left-color: transparent;
    border-right-color: transparent;
}
.hx_title{border-top:3px #2d377b solid}
.hx_title legend{font-size:22px;color:#333}
.hx_fw{font-size:16px;line-height:2;color:#999;text-indent: 2em;}

.hx_lc{width:160px;margin:auto;height:220px;border:1px #fff solid;background:#efefef;position: relative;-moz-box-shadow: 3px 3px 5px #888888; /* 老的 Firefox */
    box-shadow: 3px 3px 5px #888888;cursor:pointer;margin-bottom:50px}
.hx_lc .hx_num{width:40px;height:40px;line-height:40px;background:#2d377b;border-radius: 50%;text-align:center;color:#fff;font-size:22px;top:-15px;left:-15px;z-index:12;position: absolute;}

.hx_lc h2{margin-top:20px;font-size:22px;text-align:center;margin-bottom:30px;color:#2d377b}
.hx_lc p{text-align:center;color:#ddc89e;line-height:2;font-size:16px}
.hx_lc:hover p{color:#2d377b}
.hx_lc:hover{border:1px #2d377b solid;}

.hx_gywm{background:#c1c1c1;padding-top:30px;min-width:1200px}
.hx_gywm .layui-field-title{margin-top:0}
.hx_gywm legend{text-align:center;color:#333}
.hx_gywm .hx_title{border:none}
.hx_gywm .hx_fw{color:#333}
.hx_ztal{background:#ebebeb;min-width:1200px;padding-top:10px;padding-bottom:30px}
.hx_ztal legend{color:#fff}
.hx_ztal .hx_title{border:none}
.hx_exp{text-align:center}
.hx_exp a{position: relative}
.hx_exp a .hx_zz{display:none;width:280px;height:200px;background:#000;opacity: 0.7;position: absolute;z-index:2;left:0px}
.hx_exp img{width:280px;height:200px;margin-bottom:20px}
.hx_exp a:hover .hx_zz{display:block;}
.hx_exp .hz_expt{font-size:22px;margin-top:80px;opacity: 1;position: absolute;width:280px;text-align:center;display:none;color:#fff;z-index:5;left:0}
.hx_exp a:hover .hz_expt{display:block}
.hx_xw a{color:#2d377b;font-size:15px;font-weight:bold}

.hx_line_link{background:#fefefe;line-height:30px;margin-top:10px;height:30px;font-size:13px;color:#4f4f4f;padding:0px 30px}
.hx_line_tb{border-top:1px #cecece dotted;}
.hx_line_link a{font-size:13px;color:#4f4f4f;}


.hx_guset img{border:1px #cecece solid;padding:1px;width:152px;height:68px;margin:20px 0;text-align:center}

.hx_wz{text-align:right;line-height:40px;border-bottom:1px #cecece dotted;border-top:1px #cecece dotted;height:40px;margin-top:-8px}
.hx_lm{line-height:40px;border-bottom:1px #cecece dotted;height:40px;font-weight:bold;font-size:20px;border-top:1px #cecece dotted;margin-top:-8px}
.hx-right-line{border-left:1px #cecece dotted;padding:20px;margin-left:10px}

.hx-content{line-height:2;padding-bottom:50px}
.hx-title{font-weight:bold;font-size:18px;text-align:center}
.hx_copyright{text-align:center;font-size:13px;color:#999;margin-bottom:10px}
.hx-nr{margin-bottom:50px}
.hx_list{line-height:40px;border-bottom:1px #cecece dotted;text-align:right;padding-right:10px}
.hx_list a span{display:inline-block;width:5px;height:5px;border-radius: 50%;background:#ccc;}
.hx_active a{color:#f00;}
.hx_active a span{background:#f00;}
.hx-new h3 a{color:#2d377b}
.hx-page{margin:40px 10px 30px 10px;}
.hx-page span,.hx-page a{display:inline-block;padding:0px 10px;height:30px;line-height:30px;border:1px #cecece solid;margin-right:5px}
.hx-page .rows,.hx-page .prev{margin-right:1px;}
.hx-page .next{margin-left:-3px}
.hx-page .current{background:#2d377b;color:#fff}
.hx_td{margin:20px auto}
.hx_td li{float:left;position: relative}
.hx_td li img{width:99%}
.hx_td li .hx_js{position: absolute;width:95%;top:10px;left:10px;line-height:2;color:#fff}

/**********roundabout**********/

.roundabout_box {height:425px;width:1200px;margin:40px auto 20px auto;}
.roundabout-holder{list-style:none;width:500px;height:425px;margin:0px auto;}
.roundabout-moveable-item{font-size:12px!important;height:425px;width:650px;cursor:pointer;background:#ebebeb;text-align:center}
.roundabout-moveable-item img{
   width:100%;height:100%;box-shadow: 10px 10px 5px #888888;
    background-color:#ebebeb;margin:6px 0 0 5px;}

.roundabout-in-focus000:hover{-webkit-box-shadow:0px 0px 20px #787878;-moz-box-shadow:0px 0px 20px #787878;background:#ebebeb;}
.roundabout-holder .text{color:#999;}
.roundabout-in-focus000:hover span{display:inline;position:absolute;bottom:5px;right:5px;padding:8px 20px;background:#ebebeb;color:#3366cc;z-index:999;-webkit-border-top-left-radius:5px;-moz-border-radius-topLeft:5px;border-left:1px solid #aaaaaa;border-top:1px solid #aaaaaa;}
.roundabout a:active, .roundabout a:focus, .roundabout a:visited{outline:none;text-decoration:none;}
.roundabout li{margin:0;}

.izl-rmenu {
    margin-right: 0;
    width: 82px;
    position: fixed;
    right: 2px;
    top: 65%;
    -webkit-box-shadow: #DDD 0px 1px 5px;
    -moz-box-shadow: #DDD 0px 1px 5px;
    box-shadow: #DDD 0px 1px 5px;
    z-index: 999;
}
.hid{display:none}
.izl-rmenu{
    margin-right: 0;
    width: 82px;
    position: fixed;
    right: 2px;
    top: 65%;
    -webkit-box-shadow: #DDD 0px 1px 5px;
    -moz-box-shadow: #DDD 0px 1px 5px;
    box-shadow: #DDD 0px 1px 5px;
    z-index:999;
}
.izl-rmenu .consult{
    background-image: url(/m/home/img/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center -77px;
    display: block;
    height: 76px;
    width: 82px;
}
.izl-rmenu .consult .phone {
    background-color: rgb(247,247,255);
    position: absolute;
    width: 300px;
    left: -300px;
    top: 0px;
    line-height: 36px;
    padding:20px 0px;
    color: #000;
    font-size: 18px;
    text-align: center;
    display: none;
    box-shadow: #DDD -1px 1px 4px;
}
.izl-rmenu .consult .phone p{color:#f00;font-size:16px}
.izl-rmenu .consult input[type=text]{width:220px;height:40px;border:1px #ccc solid;padding:0px 10px}
.izl-rmenu .consult input[type=submit]{width:40px;height:42px;border:1px #ccc solid;}
.izl-rmenu a.consult:hover .phone{display:inline !important;}
.izl-rmenu .cart {
    background-image: url(/m/home/img/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    height: 16px;
    width: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #45BDFF;
    text-align: center;
    padding-top: 15px;
    padding-right: 18px;
    padding-bottom: 47px;
    padding-left: 48px;
}
.izl-rmenu a.cart:hover .pic{display:block;}
.izl-rmenu .btn_top {
    background-image: url(/m/home/img/float_top.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 39px;
    width: 82px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.izl-rmenu .btn_top:hover {
    background-image: url(/m/home/img/float_top.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
}
.izl-rmenu .cart .pic {
    display:none;
    position: absolute;
    left: -160px;
    top: -6px;
    width: 160px;
    height: 160px;
}
.izl-rmenu .cart .pic img{
    width:160px;height:160px
}
#udesk-feedback-tab {
    position: fixed;
    right: 2px;
    top: 65%;
    margin-top: -76px;
    -webkit-box-shadow: #DDD 0px -1px 5px;
    -moz-box-shadow: #DDD 0px -1px 5px;
    box-shadow: #DDD 0px -1px 5px;
    z-index: 10000;
    cursor: pointer;
    background-image: url(/m/home/img/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 76px;
    width: 82px;
    background-color: #FFF!important;
    z-index:999;
}
.hx-info{margin:10px 0 10px -20px;border-top:1px #cecece dotted;border-bottom:1px #cecece dotted;padding:10px 20px;}
.hx-info li{width:50%;float:left;}
.hx_fu{margin-top:10px}
.hx_fu .layui-col-md4{text-align:center;color:#fff;font-size:28px;padding:10px 0}

.swiper-container {
    width: 100%;
    height: auto;
    margin-left: -10px;
    margin-right: auto;

}
.swiper-slide {
    text-align: center;

    background: #fff;
    height: 72px;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img{border:1px #cecece solid;padding:1px;width:152px;height:68px;margin:20px 0;text-align:center}

.box {
    cursor:pointer;
    display: inline-block;
    *display: inline;
    width: 300px;
    height: 248px;
    margin: 20px;
    background-color: #fff;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.06) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
    position: relative;
    *zoom: 1;
}

.box:before {
    -webkit-transform: skew(-15deg) rotate(-6deg);
    -moz-transform: skew(-15deg) rotate(-6deg);
    transform: skew(-15deg) rotate(-6deg);
    left: 15px;
}
.box:after {
    -webkit-transform: skew(15deg) rotate(6deg);
    -moz-transform: skew(15deg) rotate(6deg);
    transform: skew(15deg) rotate(6deg);
    right: 15px;
}

.box:before, .box:after {
    width: 70%;
    height: 55%;
    content: ' ';
    -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    position: absolute;
    bottom: 10px;
    z-index: -1;
}
.box p{margin-top:50px;color:#999}

/*鐒︾偣鍥�*/
.mod18{width:900px;height:660px;margin:20px auto;position:relative;background:#f7f7f7;}
.mod18 .btn{position:absolute;width:15px;height:70px;top:573px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:0;background:url(/m/home/img/prevBtn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:400px;width:46px;height:48px;}
.mod18 #prevTop{background:url(/m/home/img/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(/m/home/img/nextBtnTop.png) 0 0 no-repeat;}
.mod18 .next{right:0px;background:url(/m/home/img/nextBtn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}


.mod18 .picBox{height:560px;position:relative;overflow:hidden;}
.mod18 .picBox ul{height:560px;position:absolute;}
.mod18 .picBox li{width:900px;height:510px;}
.mod18 .listBox{width:900px;height:100px;margin:0 auto;position:relative;padding:6px 0 10px;overflow:hidden;left:20px}
.mod18 .listBox ul{height:100px;position:absolute;}
.mod18 .listBox li{width:129px;height:84px;cursor:pointer;position:relative;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:124px;height:84px;}
.mod18 .listBox li img{width:124px;height:84px;}
.mod18 .listBox .on img{width:118px;height:80px;border:3px solid #ff6600;}
.mod18 .listBox .on i{display:block;}

.lm_dd{width:90%;background:#fff;border-radius: 5px;line-height:40px;padding:0px 10px;border:none;margin-bottom:10px}
.lm-tj{background:#3ab035;color:#fff;line-height:40px;border:none;width:460px;border-radius: 5px;position: absolute;right:20px;bottom:-120px;cursor:pointer}