body{
    font-family: '微软雅黑';
    font-size: 12px;
}
*{
    margin: 0;
    padding: 0;
    font-family: '微软雅黑';
}
a{
    font-size: 12px;
    text-decoration: none;
}
ul,li{
    margin: 0;
    padding: 0;
    list-style: none;
}
a img{
    border: none;
}
/*header*/
.container{
    margin: 0 auto;
    width: 1003px;
}
#header_top{
    height: 35px;
    _height: 40px;
    line-height: 35px;
    border-bottom: 1px solid #DFDFDF;
    background: #FAFAFA;
}
.tel-info{
    float: left;
    width: 270px;
}
.tel-info span{
    float: left;
    margin: 0 0 0 5px;
}
.tel-info .tel-img{
    margin: 10px 0 0 10px;
}
.tel-info .tel_weixin{
    cursor: pointer;
}
.tel-info .weixin_qr{
    display: none;
    padding: 10px;
    position: absolute;
    z-index: 99;
    top: 47px;
    margin-left: -161px;
    border: 1px #DFDFDF solid;
    width: 297px;
    height: 87px;
    background: #ffffff;
}
.tel-info .triangle-top{
    margin:-20px 0 0 125px;
    position: relative;
    display: block;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;   
    border-bottom: 10px solid #DFDFDF;
    _border: 0px;
}
.tel-info .triangle-top-inner{
    margin:1px 0 0 -11px;
    position: relative;
    display: block;
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;   
    border-bottom: 9px solid #ffffff;
    _border: 0px;
}
.tel-info .font1{
    font-size: 14px;
    font-weight: 600;
    color: #999999;
}
.tel-info .font2{
    font-size: 16px;
    font-weight: 500;
    color: #C2161C;
}
.con-info{
    float: left;
    width: 450px;
}
.con-info a {
    line-height: 35px;
    font-size: 14px;
    font-weight: bold;
    color: #C2161C;
    text-decoration: none;
}
.contact-info span{
    float: right;
    padding: 0 7px;
    text-align: center;
    color: #8C8C8C;
}
.contact-info .username{
    float: right;
    padding-left: 4px;
    color: #333333;
}
.contact-info .span_login{
    padding-left: 7px;
    padding-right: 0px;
}
.contact-info .fgf{
    -webkit-text-size-adjust:none;
    color: #cccccc;
    display: block;
    font-size: 10px;
    height: 10px;
}
.contact-info span a{
    color: #8C8C8C;
    text-decoration: none;
}
#header{
    height: 97px;
    background: #ffffff;
    box-shadow: none;
    border-bottom: 1px #DFDFDF solid;
}
.logo{
    float: left;
    width: 200px;
    margin-top: 20px;
}
.nav{
    float: right;
    width: 760px;
    *width: 800px;
    height: 38px;
    margin: 0;
    margin-top: 30px;
}
.nav li{
    float: left;
    margin-left: 15px;
    width: 110px;
    height: 38px;
    line-height: 38px;
    text-align: center;
}
.nav li a{
    display: block;
    font-size: 14px;
    width: 110px;
    height: 38px;
    color: #333333;

}
.nav li a i{
    margin: 10px 4px 0 0;
    _margin: 10px 0;

}
.nav li i{
    _margin: 10px 0;
    _vertical-align:middle;
}
.nav li a:hover{
    color: #C2161C;

}
.index_ico {
    display: inline-block;
    width: 16px;
    height: 15px;
}
.nav .active a, .nav .active a:hover,.nav .mouse_active a, .nav .mouse_active a:hover {
    width: 110px;
    text-align: center;
    color: #ffffff;
    background: none repeat scroll 0% 0% #C2161C;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius:3px;
}
.ico_sy {
    background: url('/img/haowa/ico_muen_1h.png') repeat scroll 0px 0px transparent;
}
.nav .active .ico_sy,.nav .mouse_active .ico_sy {
    background: url('/img/haowa/ico_muen_1w.png') repeat scroll 0px 0px transparent;
}
.ico_gywm {
    background: url('/img/haowa/ico_muen_2h.png') repeat scroll 0px 0px transparent;
}
.nav .active .ico_gywm,.nav .mouse_active .ico_gywm {
    background: url('/img/haowa/ico_muen_2w.png') repeat scroll 0px 0px transparent;
}
.ico_cpzx{
    background: url('/img/haowa/ico_muen_3h.png') repeat scroll 0px 0px transparent;
}
.nav .active .ico_cpzx,.nav .mouse_active .ico_cpzx {
    background: url('/img/haowa/ico_muen_3w.png') repeat scroll 0px 0px transparent;
}
.ico_down {
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid #333333;
    _border: 0px;
}
.nav .active .ico_down,.nav .mouse_active .ico_down {
    border-top: 3px solid #ffffff;
    _border: 0px;
}
.ico_jmhz {
    background: url('/img/haowa/ico_muen_4h.png') repeat scroll 0px 0px transparent;
}
.nav .active .ico_jmhz,.nav .mouse_active .ico_jmhz {
    background: url('/img/haowa/ico_muen_4w.png') repeat scroll 0px 0px transparent;
}
.ico_lxwm {
    background: url('/img/haowa/ico_muen_5h.png') repeat scroll 0px 0px transparent;
}
.nav .active .ico_lxwm,.nav .mouse_active .ico_lxwm {
    background: url('/img/haowa/ico_muen_5w.png') repeat scroll 0px 0px transparent;
}
.cpzx_btn {
    cursor: pointer;
}
.cpzx_down {
    display: none;
    float: left;
    width: 680px;
    position: absolute;
    z-index: 9999;
    margin-left: -530px;
    margin-top: 0px;
}
.cpzx_down .cpzx_top {
    float: left;
    position: relative;
    display: block;
    margin: -10px 0 0 550px;
    padding: 0px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #cccccc;
    _border: 0px;
}
.cpzx_down .cpzx_inner{
    float: left;
    margin:1px 0 0 -10px;
    padding: 0px;
    position: relative;
    display: block;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;   
    border-bottom: 10px solid #ffffff;
    _border: 0px;
}
.cpzx_down .ul_div {
    float: left;
    width: 100%;
    padding: 30px 10px 30px 10px;
    background: #ffffff;;
    border: 1px #cccccc solid;
}
.cpzx_down .ul_div ul {
    list-style: none;
    float: left;
    width: 212px;
    border-right: 1px #ebebeb solid;
}
.cpzx_down .ul_div li {
    list-style: none;
    margin-left: 65px;
    height: 22px;
    line-height: 22px;
    float: left;
    width: 148px;
    text-align: left;
    font-size: 14px;
    color: #666666;
}
#header_top li i {
    width: 5px;
    height: 22px;
    background: url(/img/e_food/price/ico_i_jt.png) 0 9px no-repeat;
}
.cpzx_down .ul_div li .down_img {
    float: left;
    width: 5px;
    height: 22px;
    display: inline-block;
    background: url(/img/e_food/price/ico_i_jt.png) 0 9px no-repeat;
}
.cpzx_down .ul_div li.li_h1 {
    height: 30px;
    font-size: 16px;
    color: #c2161b;
}
.active .cpzx_down .ul_div li a {
    text-align: left;
    font-size: 14px;
    color: #666666;
    background: #ffffff;
}
.active .cpzx_down .ul_div li a:hover {
    text-align: left;
    font-size: 14px;
    color: #666666;
    background: #ffffff;
}
.mouse_active .cpzx_down .ul_div li a {
    text-align: left;
    font-size: 14px;
    color: #666666;
    background: #ffffff;
}
.mouse_active .cpzx_down .ul_div li a:hover {
    text-align: left;
    color: #c2161b;
    text-decoration: underline;
}
/*slider*/
#slider{text-align:center;position:relative;}
#slider .switchable-box{width:100%;height:400px;}
#slider .switchable-box li{width:100%;height:400px;*margin-left: -50%;_margin-left: -47%;}
#slider .switchable-box a{display:block;width:100%;height:400px;}
#slider .ui-arrow {
    position:absolute;
    top:40%;
    width:100%;
    z-index:9;
    margin:0 auto;
    padding:0 30px;
    box-sizing:border-box;
    -moz-box-sizing:border-box; 
}
#slider .ui-arrow .ui-prev{
    display:inline-block;
    position: absolute;
    z-index: 999;
    background: url('/img/e_food/zhcy/jt_z.png') no-repeat;
    width: 31px;
    height: 71px;
    float:left;
    cursor:pointer;
    left: 50px;
    *left: -620px;
}
#slider .ui-arrow .ui-next{
    display:inline-block;
    position: absolute;
    z-index: 999;
    background: url('/img/e_food/zhcy/jt_y.png') no-repeat;
    width: 31px;
    height: 71px;
    float:right;
    cursor:pointer;
    right: 50px;
    *left: 580px;
}
#slider .switchable-nav{
    position:absolute;
    bottom:10px;
    left:45%;
    z-index:9;
}
#slider .switchable-nav li{
    display:inline-block;
    *float: left;
    background:url('/img/e_food/zhcy/qh2.png') no-repeat;
    width: 20px;
    height: 25px;
    text-indent:-9999px;
    cursor:pointer;
}
#slider .switchable-nav li.active{
    background:url('/img/e_food/zhcy/qh1.png') no-repeat;
}

/*banner1*/
.banner1{
    margin: -6px 0 0 0;
    padding: 56px;
    background: #F5F3F4;
}
.banner1 .h_top{
    width: 100%;
    height: 178px;
}
.banner1 .h_font{
    margin: 0 auto;
    position: relative;
    display: block;
    width: 591px;
    height: 51px;
    line-height: 51px;
    background: #C2161C;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius:3px;
}
.banner1 .triangle-down{
    margin: 0 auto;
    position: relative;
    display: block;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;   
    border-top: 10px solid #C2161C;
    _border: 0px;
}
.banner1 .h_font2{
    display: block;
    margin-top: 12px;
    line-height: 20px;
    color: #666666;
    font-size: 14px;
    text-align: center;
}

/*banner2*/
.banner2{
    margin: 0;
    padding: 50px;
    height: 450px;
}
.banner2 .h_top{
    width: 100%;
    margin-top: -133px;
}
.banner2 .hexagon {
    margin: 0 auto;
    width: 145px;
    height: 166px;
    background: url('/img/haowa/bt_bg_r.png');
    position: relative;
}
.banner2 .china{
    float: left;
    margin-top: 60px;
    width: 145px;
    color: #ffffff;
    font-size: 26px;
    text-align: center;
}
.banner2 .english{
    float: left;
    width: 145px;
    margin-top: 2px;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
}
.banner2 .font{
    position: relative;
    display: block;
    margin-top: 10px;
    color: #999999;
    font-size: 14px;
    text-align: center;
}
.banner2 .font_show{
    margin-top: 50px;
    width: 100%;
    height: 262px;
}
.font_show .ui_left{
    float: left;
    margin-left: -40px;
    width: 40px;
    height: 100%;
    text-align: center;
    cursor: pointer;
}
.font_show .ui_center{
    float: left;
    width: 1003px;
    height: 100%;
    overflow: hidden;
}
.font_show .ui_right{
    float: left;
    margin-right: -40px;
    width: 40px;
    height: 100%;
    text-align: center;
    cursor: pointer;
}
.ui_center ul{
    float: left;
    width: 3000px;
    height: 100%;
}
.ui_center li{
    float: left;
    width: 205px;
    _width: 204px;
    height: 218px;
    margin: 0 7px;
    padding: 15px;
    border: 1px #ccc solid;
    border-top: 3px #C2161C solid;
    text-align: center;
}
.ui_center .li_img{
    float: left;
    margin-top: 20px;
    width: 100%;
    height: 60px;
    text-align: center;
}
.ui_center .li_title{
    float: left;
    width: 100%;
    height: 40px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #3e4347;
}
.ui_center .li_content{
    width: 100%;
    height: 80px;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    _font-size: 12px;
    color: #999999;
    text-align: center;
}

/*banner3*/
.banner3{
    margin: 0;
    padding: 50px;
    height: 980px;
    background: #F5F3F4;
}
.banner3 .h_top{
    width: 100%;
    margin-top: -133px;
}
.banner3 .hexagon {
    margin: 0 auto;
    width: 145px;
    height: 166px;
    background: url('/img/haowa/bt_bg_b.png');
    position: relative;
}
.banner3 .china{
    float: left;
    margin-top: 60px;
    width: 145px;
    color: #ffffff;
    font-size: 26px;
    text-align: center;
}
.banner3 .english{
    float: left;
    width: 145px;
    margin-top: 2px;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
}
.banner3 .font{
    position: relative;
    display: block;
    margin-top: 10px;
    color: #999999;
    font-size: 14px;
    text-align: center;
}
.banner3 .font a{
    color: #999999;
    text-decoration: none;
}
.banner3 .font a:hover{
    text-decoration: underline;
}
.banner3 .font_img{
    width: 100%;
    margin-top: 45px;
    text-align: center;
}
.banner3 .font_img img{
    _azimuth:expression(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",this.src = "/img/haowa/grey.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);
}
.banner3 .font_text{
    position: absolute;
    z-index: 9;
    width: 250px;
}
.banner3 .font1{
    margin-top: -435px;
    margin-left: 50px;
}
.banner3 .font2{
    margin-top: -435px;
    margin-left: 700px;
}
.banner3 .font3{
    margin-top: -230px;
    margin-left: -10px;
}
.banner3 .font4{
    margin-top: -240px;
    margin-left: 765px;
}
.banner3 .font5{
    margin-top: 5px;
    width: 1003px;
}
.font_text .b{
    float: left;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    color: #3e4347;
}
.font_text .b_center{
    text-align: center;
}
.font_text .b_right{
    text-align: right;
}
.font_text .text{
    float: left;
    width: 100%;
    font-size: 14px;
    color: #999999;
}
.font_text .text_right{
    text-align: right;
}
.font_text .text5{
    text-align: center;
}
.banner3 .ul_div {
    margin-top: 170px;
    width: 100%;
    height: 208px;
}
.banner3 .li_img{
    float: left;
    margin: 0;
    padding: 0;
    margin-right: 49px;
    padding-top: 50px;
    width: 212px;
    height: 158px;
    border: 1px #E8E8E8 solid;
    background: #ffffff;
    text-align: center;
    line-height: 100px;
    font-size: 16px;
    color: #3e4347;
    cursor: pointer;
    overflow: hidden;
}

/*banner4*/
.banner4{
    margin: 0;
    padding: 50px;
    height: 270px;
}
.banner4 .h_span{
    float: left;
    width: 296px;
    height: 250px;
    margin: 0;
    margin-top: 20px;
    margin-right: 55px;
}
.h_span .h_title{
    width: 100%;
    line-height: 30px;
    color: #333333;
    font-size: 18px;
    font-weight: 500;
    border-bottom: 1px #cccccc solid;
}
.h_title .more{
    float: right;
    margin: 0;
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #cccccc;
    font-size: 12px;
    text-align: right;
}
.h_title .more a{
    text-align: right;
    color: #cccccc;
    text-decoration: none;
}
.h_span ul{
    margin-top: 10px;
    width: 100%;
    height: 250px;
}
.h_span li{
    width: 100%;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    overflow: hidden;
}
.h_span li a{
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    color: #666666;
}
.h_span li a:hover{
    text-decoration: underline;
}

/*banner5*/
.banner5{
    margin: 0;
    padding: 50px;
    height: 266px;
    background: #F5F3F4;
}
.banner5 .h_title{
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 20px;
    color: #666666;
}
.h_title .red{
    font-size: 32px;
    color: #C2161C;
}
.banner5 .link_title{
    margin-top: 50px;
    width: 100%;
    color: #DCDCDC;
    border-bottom: 1px #DCDCDC solid;
    line-height: 20px;
}
.link_title span{
    cursor: pointer;
    color: #999999;
    font-size: 14px;
}
.link_title .active{
    color: #C2161C;
    font-weight: bold;
}
.banner5 .link_list{
    margin-top: 20px;
    width: 100%;
    height: 58px;
    display: none;
}
.banner5 .link_hz{
    display: block;
}
.link_list li{
    float: left;
    margin-left: 17px;
    margin-bottom: 15px;
    width: 151px;
    height: 56px;
    border: 1px #E7E7E7 solid;
}
.link_list .first-child{
    margin-left: 0px;
}
.link_yq li{
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
    padding-right: 20px;
    width: auto;
    height: 25px;
    border: 0px;
}
.link_yq li a{
    color: #222222;
}
.link_yq li a:hover{
    text-decoration: underline;
}

/*banner_footer*/
.banner_footer{
    margin: 0;
    padding: 69px 40px 0px 40px;
    height: 170px;
    background: #f5f4f4;
}
.banner_footer .h_span{
    float: left;
    margin: 0;
    padding: 0;
    width: 160px;
    border-right: 1px solid #e5e5e5;
}
.banner_footer .h_span2{
    float: left;
    margin: 0;
    padding: 0;
    width: 190px;
    text-align: center;
    border-right: 1px solid #e5e5e5;
}
.banner_footer .h_span3{
    float: left;
    margin: 0;
    padding: 0;
    width: 360px;
    text-align: center;
    border-right: 1px solid #e5e5e5;
}
.h_span3 .code{
    width: 87%;
    height: auto;
    position: relative;
    float: left;
    text-align: center;
    margin-left: 13%;
}
.code .h_font{
    text-align: left;
    margin-left:10px;
}
.banner_footer .h_span4{
    float: left;
    margin: 0;
    padding: 0;
    text-align: right;
    width: 254px;
    _width: 246px;
}
.h_span .h_font,.h_span2 .h_font,.h_span3 .h_font,.h_span4 .h_font{
    width: 100%;
    color: #333333;
    font-size: 18px;
    margin-bottom: 10px;
}
.h_span .h_li,.h_span2 .h_li{
    width: 100%;
    color: #666;
    line-height: 25px;
    font-size: 14px;
}

.h_span a,.h_span2 a,.h_span3 a{
    color: #666;
    font-size: 14px;
}
.h_span2 a{
    margin-right: 10px;
}
.h_span a:hover,.h_span2 a:hover,.h_span3 a:hover{
    text-decoration: underline;
}
.h_span3 .h_li{
    float: left;
    width: 80px;
    color: #333;
    line-height: 30px;
    font-size: 14px;
    margin-left: 5px;
}
.h_span4 .h_font{
    width: 85%;
    text-align: left;
    margin-left: 15%;
}
.h_span4 div{
    width: 100%;
    position: relative;
    float: left;
}
.h_span4 .hotLine{
    margin-top: 10px;
    width: 100%;
    text-align: center;
}
.h_span4 .hotLineTime{
    font-size: 14px;
    margin-top: 8px;
    width: 100%;
    text-align: center;
    color: #666;
}
.h_span4 .service{
    margin-top: 8px;
    width: 78%;
    margin-left: 22%;
}
.h_span4 .service a:hover{
    text-decoration: none;
}
.h_span4 .service span{
    /*display: block;*/
    height: 35px;
    width: 140px;
    background-color: #d1d1d1;
    color: #333333;
    border-radius: 4px;
    text-align: center;
    line-height: 35px;
    cursor: hand;
    display: none;
}
.h_span4 .h_li{
    float: left;
    width: 90px;
    color: #cccccc;
    line-height: 30px;
    font-size: 14px;
}
/*

*/
/*footer*/
#footer{
    margin: 0;
    padding: 20px 0;
    height: 40px;
    background: #f5f4f4;
}
#footer .container{
    border-top: 1px solid #e5e5e5;
}
#footer .contact{
    text-align: center;
    float: left;
    width: 100%;
    height: 20px;
    min-height: 0px;
    font-size: 12px;
    color: #666666;
    margin-top: 10px;
}
#footer .contact li{
    float: left;
    width: 70px;
}
#footer .contact a{
    color: #a1a2a6;
    display: inline-block;
    margin-right: 10px;
}
#footer .contact a:hover{
    text-decoration: underline;
}
.none {
    display: none;
}
#to_top{
    position: fixed;
    z-index: 999;
    right: 20px;
    bottom: 50px;
    cursor: pointer;
    width: 48px;
    height: 49px;
    background: url(/img/haowa/top.png) no-repeat;
}