@media (max-width:1199px) {
    html { font-size: 10px }
    html, body { width: 100%; overflow-x: hidden; background: #fff }
    body { padding: 7px }
    img { max-width: 100%; margin: 0 auto }
    .container { padding: 0; width: 100% }
    ul, ol, li { list-style: none; margin: 0; padding: 0 }
    ul.subchannellist { text-align: center }
    .tr { text-align: center; display: block }
    .tl { text-align: left }
    .tc { text-align: center }
    .hide { display: none }
    .f10 { font-size: 1.0rem }
    .f12 { font-size: 1.2rem }
    .f14 { font-size: 1.4rem }
    .f16 { font-size: 1.6rem }
    .f18 { font-size: 1.7rem }
    .f20 { font-size: 1.6rem }
    .f22 { font-size: 2.2rem }
    .f24 { font-size: 2.4rem }
    .f26 { font-size: 2.6rem }
    .f30 { font-size: 2rem }
    .f32 { font-size: 3.2rem }
    .f32 { font-size: 3.2rem }
    .f34 { font-size: 3.4rem }
    .f36 { font-size: 1.5rem; line-height: 1.1 }
    .f40 { font-size: 4.0rem }
    .f42 { font-size: 4.2rem }
    .f45 { font-size: 4.5rem }
    .f55 { font-size: 5.5rem }
    .lh_2 { line-height: 2 }
    .lh25 { line-height: 2.5rem }
    .lh36 { line-height: 3.6rem }
    .lh30 { line-height: 3.0rem }
    .lh40 { line-height: 4.0rem }
    .lh60 { line-height: 6.0rem }
    .gutter-20.row { margin-right: -10px; margin-left: -10px }
    .gutter-20 > [class^='col-'], .gutter-20 > [class^=' col-'] { padding-right: 10px; padding-left: 10px }
    .gutter-10.row { margin-right: -5px; margin-left: -5px }
    .gutter-10 > [class^='col-'], .gutter-10 > [class^=' col-'] { padding-right: 5px; padding-left: 5px }
    .gutter-30.row { margin-right: -10px; margin-left: -10px }
    .gutter-30 > [class^='col-'], .gutter-30 > [class^=' col-'] { padding-right: 10px; padding-left: 10px }
    .gutter-38.row { margin-right: -10px; margin-left: -10px }
    .gutter-38 > [class^='col-'], .gutter-38 > [class^=' col-'] { padding-right: 10px; padding-left: 10px }
    .quick-reveal, .to-reveal, .long-reveal, .top-reveal, .long-long-reveal { visibility: visible }
    .wap-gutter-16.row { margin-right: -8px; margin-left: -8px }
    .wap-gutter-16 > [class^="col-"], .wap-gutter-16 > [class^=" col-"] { padding-right: 8px; padding-left: 8px }
    .wap-gutter-10.row { margin-right: -5px; margin-left: -5px }
    .wap-gutter-10 > [class^="col-"], .wap-gutter-10 > [class^=" col-"] { padding-right: 5px; padding-left: 5px }
    .w100 { width: 100% }
    .text-center { text-align: center }
    .navbar { background: transparent; border: none }
    .navbar-nav > li > a { padding-left: 30px }
    .carousel-control { opacity: .2 }
    .navbar-nav > li > .dropdown-menu li a { text-indent: 2.1em }
    .logo-a { height: auto; padding-top: 5px }
    .WebLogo { height: auto; width: 6vw; margin: 0; margin-left: 6px }
    #fullcarousel .item img { width: 100% }
    .carousel-indicators{bottom: -7px;}
    .header .lang{top: -39px;}
    .carousel-caption { left: 0; position: absolute; height: 100%; top: 0; left: 0; width: 100%; text-align: center }
    .caption-animate .item h3 { font-size: 2em; text-align: center }
    .caption-animate .item .p1 { font-size: 1.6em; text-align: center }
    .caption-animate .item .p2 { font-size: 12px; width: 70%; margin: 10px auto; text-align: center }
    .caption-animate .item .more { width: auto; font-size: 12px; margin: 10px 5px 3px; background: #ff554c none; padding: 6px 12px }
    .carousel-indicators li { width: 20px; height: 20px }
    .carousel-indicators li.active { width: 20px; height: 20px }
    #pageban .ban { background: no-repeat center/auto 100% }
    #pageban img { height: 42vw }
    #pageban h2 { z-index: 323; width: 100%; left: 0; text-align: center; margin: 0; font-size: 26px }
    #pageban h4 span { font-size: 22px }
    #pageban h4 { width: 100%; top: 80px; text-align: center; margin: 0; left: 0; font-size: 22px; z-index: 5454; padding: 0; display: none }
    #searchform { margin: 20px auto 10px; float: none !important; position: relative; width: 87%; top: auto }
    .pagettl0 { font-size: 21px }
    .pagettl0_f { margin-bottom: 10px; font-size: 14px }
    .body_guestbook li .form_button1 { margin: 0 auto !important; padding: 6px !important; position: relative; top: 30px; font-size: 14px !important }
    #videoElement { width: 100% }
    #submenus .subnav .con { display: flex }
    #submenus .subnav .con a { flex: 1; padding: 0; margin: 0; text-align: center; font-size: 14px; line-height: 3.3 }
    .quick-reveal, .to-reveal, .long-reveal, .top-reveal, .long-long-reveal { visibility: visible }
    .divttl h2 { margin: 20px 0; font-size: 20px; font-weight: bold }
    .divttl h2:before { height: 23px; margin-right: 10px }
    .bgline1 { display: none; margin: 20px 0 }
    #header { padding-right: 36px; position: relative; margin: 5px 0 5px }
    .sitelogo { width: 79vw }
    .sitelogo a { width: 100%; height: auto; background: none; padding: 0 }
    .nav-phone { width: calc(100vw - 20px); padding: 0px 0 0 19vw }
    .slogan .p1 { font-size: 14px }
    .slogan .p2 { font-size: 12px; margin-left: -4px; margin-top: 0; margin-bottom: 0 }
    .nav-phone .tel { float: none; clear: both }
    .nav-phone .tel .p1 { display: inline-block; padding: 0; background: none; font-size: 14px; vertical-align: middle; color: #F98700; margin-right: 3px; font-size: 12px; letter-spacing: 2px; line-height: 1 }
    .nav-phone .tel .p2 { display: inline-block; vertical-align: middle; font-size: 18px; display: inline-block; padding: 0; background: none; font-size: 13px; color: #F98700; margin: 0; line-height: 1 }
    .topnav { display: none }
    ul.nav >li:after { display: none }
    ul.nav >li { border-color: rgba(255, 255, 255, 0.44) }
    ul.nav >li>a { padding: 0 5px }
    .dropdown-menu .li_1 { background: rgba(241, 241, 241, 0.3); border-radius: 5px; text-align: left; margin-bottom: 3px; border: none; padding: 0; padding-left: 3em; width: 70%; margin-left: 2em }
    .dropdown-menu .li_1 a { border: none; color: #fff }
    #pageban .btext { top: 0; left: 0; width: 100%; margin: 0; padding-left: 20px; HEIGHT: 42vw; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; flex-direction: column; background: rgba(74, 122, 60, 0.58); background: -moz-linear-gradient(left, rgba(0, 91, 0, 0.65) 0%, rgba(0, 0, 0, 0.03) 61%, rgba(0, 0, 0, 0) 64%); background: -webkit-linear-gradient(left, rgba(0, 91, 0, 0.65) 0%, rgba(0, 0, 0, 0.03) 61%, rgba(0, 0, 0, 0) 64%); background: linear-gradient(to right, rgba(0, 91, 0, 0.65) 0%, rgba(0, 0, 0, 0.03) 61%, rgba(0, 0, 0, 0) 64%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6005b00', endColorstr='#00000000', GradientType=1) }
    #pageban .btext .in { height: auto; position: static }
    #pageban  .p1 { font-size: 12px; width: 63% }
    #pageban .btext .in .p2 { display: none }
    #pageban h1 { font-size: 20px; font-weight: bold; margin: 0 0 13px; border: none }
    .body_pinpai #pageban h1 { font-size: 18px }
    .body_pinpai #pageban .p1 { font-size: 14px; margin-top: 0; width: 100% }
    .body_pinpai #pageban .btext { top: 0 }
    .remark1 { padding: 20px 10px }
    #aboutuspage { padding: 0 15px; margin-top: -20px }
    #aboutuspage .blkitm { padding: 0px 0 }
    #aboutuspage .in { text-align: center; float: none; position: static; width: 100%; margin: 0; padding: 20px 0; box-shadow: none }
    #aboutuspage .blkitm .pic { width: 100%; height: 50vw; background-size: cover }
    #aboutuspage .blkitm2 .pic { margin-bottom: 20px }
    #aboutuspage .blkitm4 .pic { margin-bottom: 20px }
    #aboutuspage .blkitm4 .in { margin: unset }
    #aboutuspage .in h4 { margin-bottom: 20px; font-size: 16px; font-weight: bold; line-height: 2; padding-bottom: 0 }
    #aboutuspage .in h4:after { left: 50%; margin-left: -21px; top: auto; bottom: -5px }
    .h2ttl { font-size: 22px; padding: 0; margin-bottom: 10px; line-height: 30px; margin-top: 30px; margin-bottom: 0 }
    .sct1 h2 { margin-top: 20px; margin-bottom: 10px; font-weight: bold }
    .h2ttl:after { width: 30px; top: -8px; right: -20px }
    .h2ttl:before { width: 30px; top: -8px; left: -20px }
    .waponly { display: block }
    .topnav { display: none }
    ul.nav >li a { color: #000 }
    .dropdown-menu .li_1 { background: transparent }
    .dropdown-menu .li_1 a { background: transparent none !important; color: #000; font-size: 14px }
    .slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar { background: #ea5613 }
    .slicknav_nav .slicknav_item a { font-weight: 400; padding: 0 }
    .slicknav_menu { padding: 0; width: 36px; position: absolute; top: 15px; right: 0 }
    .slicknav_menu .slicknav_icon-bar { background: #e36126; box-shadow: none; width: 1.2em }
    .slicknav_btn { margin: 0; background: transparent }
    .slicknav_nav { height: 100vh }
    .navbar-default .navbar-toggle { display: none !important; position: relative; left: -50px; z-index: 99999 }
    .slicknav_btn { background: transparent; margin: 0; padding: 5px; position: absolute; right: 10px; top: 25px; z-index: 99999 }
    .slicknav_menu { z-index: 9999; width: 100%; position: absolute; top: 10px; width: 100vw; background: transparent; height: 12vw }
    .slicknav_menu .slicknav_no-text { padding-top: 6px }
    .slicknav_nav { display: none }
    .slicknav_nav ul { color: #fff; width: 100% !important; margin: 10px 0 20px; position: static; z-index: 9999; float: none; border: none; background: transparent; box-shadow: none }
    .slicknav_nav li { margin: 5px 0; padding: 5px 0; border-bottom: 1px dashed #949292; text-align: center }
    .slicknav_nav li a { padding: 0; font-size: 16px }
    .slicknav_nav ul li { margin: 0 0px; width: 100%; text-align: left; padding: 6px 10px; border-bottom-color: #ea5613 }
    .slicknav_nav ul li:last-child { border: none }
    .slicknav_nav li a * { font-size: 16px; line-height: 2 }
    .slicknav_nav li.on a * { color: #ef4d4d }
    .slicknav_nav li a span { margin-left: 17px; font-size: 14px }
    .slicknav_nav { background: rgba(209, 206, 204, 0.98); position: fixed; width: 100vw; height: 100vh; left: 0; top: 0; padding: 30px; padding-top: 60px }
    .slicknav_open~.slicknav_nav { display: block }
    .slicknav_icon.xxx {position: fixed;right: 10px;}
    .slicknav_icon span { transition: .25s ease-in-out; box-shadow: none !important; background: #fff }
    .slicknav_icon.xxx span { position: relative; background: #e36126 }
    .slicknav_icon.xxx span:nth-child(1) { transform: rotate(135deg); top: 5px }
    .slicknav_icon.xxx span:nth-child(2) { opacity: 0 }
    .slicknav_icon.xxx span:nth-child(3) { transform: rotate(-135deg); top: -5px }
    .slicknav_nav .slicknav_arrow { font-size: 1.2em; margin-left: 20px; padding: 5px; font-family: Arial,fantasy; color: #999 }
    .carousel-indicators li { margin: 5px 1px }
    .carousel-indicators li:after { top: 6px; left: 6px }
    .title1 { text-align: center; font-size: 20px; font-weight: bold; line-height: 1.2; margin: 10px auto }
    .title1 .en { display: block; margin: 4px auto 0; padding: 0; text-align: center; position: static; font-size: 16px }
    .sct1 { padding: 30px 17px }
    .sct1 .con1 .sinfo { margin-bottom: 12px }
    .sct1 .con1 img { width: 80vw; display: block; margin: 0 auto }
    .sct1 .con2 { padding: 20px 0 0 }
    .sct1 .con2 h4 { font-size: 16px; line-height: 1.1; margin: 9px 0; font-weight: bold }
    .sct1 .con2 .more { position: static; display: block; text-align: center; margin: 20px auto 0 }
    .sct1 .con3 { width: 100%; text-align: center; margin: 0 auto; float: none }
    .sct1 .con3 >div { float: left; width: 50% }
    .sct1 .con3 .img { width: 100%; margin: auto; padding: 0 4px }
    .sct1 .con3 span { width: 100%; margin: auto; margin-bottom: 15px; font-size: 13px; background: transparent }
    .sct2 .con>a { display: flex }
    .sct2 .con .fl { float: none; flex: 0 0 50% }
    .sct2 .con .p1 { font-size: 16px }
    .sct2 .col-md-12:nth-child(even) .fl2 { order: -1; width: auto; position: static; margin: auto }
    .sct2 .con .nail { width: 100%; height: auto }
    .sct3 { padding: 20px 0 10px; margin-bottom: 10px }
    .sct3 .col1 .con { padding: 10px }
    .sct3 .con .sinfo { margin: 10px auto; padding: 0; color: #999; font-size: 12px }
    .sct3 .col1 .newstitle a { font-size: 15px }
    .sct3 .col1 .con a.more { font-size: 14px }
    .sct3 .col2 .con { margin-left: 0; padding: 10px; width: 100% }
    .sct3 .col2 .con .sinfo { margin: 10px 0 }
    .sct3 .col2 .con a { font-size: 15px }
    .sct3 .col3 { display: none }
    #leftbar { padding: 0 20px; margin-bottom: 20px }
    #leftbar .box_list >a:before { display: none }
    #leftbar .box_list >a { text-align: center; text-indent: 0; padding: 0; line-height: 36px; height: 36px; font-size: 16px; font-weight: bold }
    .crumbs .con { background: url(../img/crumbs.jpg) no-repeat 10px 10px; padding-left: 34px; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px }
    #leftbar .box_list ul { display: flex; flex-wrap: wrap }
    #leftbar .box_list li { width: auto !important; flex: 1 1 33% }
    #leftbar .box_list li a { font-size: 12px; line-height: 2; padding: 5px 0; text-align: center; display: block; text-align: center; margin: auto; text-indent: 0 }
    .rside .con { padding: 0 15px 40px; line-height: 2 }
    .rside .pagettl { font-size: 18px; display: block; text-align: center; padding: 0 0 25px; text-align: center; text-indent: 0 }
    .rside .con_right { margin: auto; padding: 10px 20px 30px }
    .rside .hangyelist .txt { position: static; color: #000 !important; line-height: 1.8; font-size: 14px }
    .prodetail { padding: 0 10px }
    .prodetail .con_s h1 { padding: 20px 0 10px; text-align: center }
    .prodetail .xiangqing { padding-top: 20px }
    .prodetail  h2.fbth2 { font-size: 18px; font-weight: bold; padding-bottom: 6px; margin-bottom: 20px }
    .prodetail .zixun a { width: 30vw; font-size: 14px; line-height: 40px; height: 40px; display: block; margin: 20px auto 10px }
    .prodetail .zhutu { width: 95vw; height: 95vw; margin: auto; display: block; float: none }
    #footer #f2 { padding: 0 }
    #footer .footer_nav>li { width: 100% !important; padding: 0 20px }
    #footer .footer_nav>li>a { font-size: 16px; line-height: 1.8; border: none; padding: 0 }
    #footer .depth2 li { display: inline-block; margin-right: 8px }
    #footer .depth2 { padding: 0 0px 10px; border-bottom: 1px dashed #FFECB3; margin-bottom: 20px }
    #footer .footer_nav>li .depth2 a { font-size: 12px; line-height: 1.8 }
    #footer .copyright { padding: 0 20px 10px }
    #footer .copyright a { font-size: 12px }
    #footer .copyright .col1 .con { font-size: 12px; line-height: 20px; text-align: center }
    #footer .footer_nav>li.qr { width: 100%; text-align: center }
    #footer .footer_nav>li.qr span { color: #fff; margin-bottom: 15px }
    #footer .con2 { text-align: center; padding: 10px 0 }
    #footer .footer_nav { margin: 20px auto 0 }
    #footer li.contact { padding-left: 20vw; padding-top: 2vw; padding-bottom: 1vw; background: url(../img/bg_phone.png) no-repeat 20px top/auto 10vw }
    #footer li.contact .p2 { font-size: 18px; display: inline-block }
    #newslist .item a { height: auto }
    #newslist .item p.nail { height: 20vw; width: 20vw; border: 1px solid #ddd }
    #newslist .item .in { padding-left: 1vw; position: static }
    #newslist .item .in p.f18 { font-size: 16px; line-height: 1.3 }
    #newslist .item .more:after { display: none }
    #newslist .item .sinfo { font-size: 12px }
    #newslist .item .time { font-size: 12px }
    .tmp340 { line-height: 1.8 }
    .zhaopinlist { padding: 0 !important }
    .zhaopinlist .item h3 { font-size: 16px; font-weight: bold; margin: 10px auto; text-align: center; line-height: 2 }
    .zhaopinlist .in1 h4 { font-size: 16px !important }
    .tmp342 { width: auto !important }
    .xiangguan2 { margin-bottom: 30px }
    .xiangguan2 h3.wfont { line-height: 2 }
    .xiangguan2 h3.txtc { margin-bottom: 10px }
    .news_content { padding: 10px 0 20px }
    .news_content * { font-size: 14px !important; line-height: 1.8 !important }
    .timeinfo { line-height: 1.7; padding: 10px 0; font-size: 12px }
    .fbth2 { line-height: 2; font-size: 16px }
    .sct2 .con .nail.nailthumb-container{
        height: 216px; 
        overflow: hidden; 
        padding: 0px; 
        width: 170px;
    }
    .sct2 .con .nail.nailthumb-container .nailthumb-image{
        position: relative;
        width: 343.636px;
        height: 216px;
        top: 0px;
        left: -86.8182px;
        display: inline;
    }
}
@media (max-width:990px) {
    #newslist .item .in {
        padding-left: 0;
    }
}
@media (max-width:768px) {
    .WebLogo {width: 15vw;}
    .partners_col{width:33.3%;}
}
@media (max-width:800px) {
    .conbody table{width: 100%;}
    .conbody table img{max-width: 100% !important; height: auto !important;}
}