@charset "utf-8";
/* CSS Document */
/*
color:red !important;/* Firefox、IE7支持
_color:red;  IE6支持
*color:red;  IE6、IE7支持
*+color:red; IE7支持/
color:red\9; IE6、IE7、IE8支持
color:red\0; IE8支持
@media screen and(-webkit-min-device-pixel-ratio:0){} chrome
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#99000000', EndColorStr='#99000000');
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templets/ftwcm/images/bg_index.body1.png');_background:none;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.3));
behavior: url(css/PIE.htc);
pointer-events:none;//鼠标穿透
-webkit-animation:0.3s ease-in 1.1s 1 ui;
-webkit-animation-fill-mode:both;
*/

/*
解决safari浏览器添加transform属性对文字的影响
-webkit-font-smoothing: antialiased;
*/
/*--默认--*/
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin:0;padding:0;}
html{_background-image:url(about:blank);_background-attachment:fixed;}
body{line-height:120%; min-height:100px; font-family:"微软雅黑",Arial;font-size:14px;; /* min-width:1250px; */  max-width:1920px; margin:0 auto; color:#333;}
ol,ul,li{list-style:none outside none;padding:0;}
a{text-decoration:none;color:#333;}
img{border:none;vertical-align:middle;}
table{border-collapse:collapse;}
tr,td,th{padding:0;margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal; margin:0; padding:0;}
i,b,strong{font-style:normal;}
input,textarea,select{border:1px solid #CCC;font-family:"微软雅黑",Arial;outline:none;border:none;background:none;padding:0;}

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

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #707070; opacity: 1;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#707070;opacity: 1;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#707070;opacity: 1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#707070;opacity: 1;}
textarea{ resize:none; }


a:focus{outline:none;}
a:hover{ color:#01763a; }

.tran_scale{ overflow:hidden !important; display:block; transform: rotate(0deg); -webkit-transform: rotate(0deg); }
.tran_scale img{transition:all 0.8s; -webkit-transition:all 0.8s;  -moz-transition:all 0.8s; transform:scale(1,1); -webkit-transform:scale(1,1); display:block; }



/*clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both; }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }
.fr{ float:right; }
.fl{ float:left; }
.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }
.wrap{ width:1230px; margin:0 auto; position: relative; z-index:1; }

.body_box{  overflow: hidden; /* min-width:1250px; */ }

/*下拉*/
.select-box { position:relative; background:#fff; color:#474747; }
.select-box dt{ height:100%; }
.select-box dt a { display:block; cursor:pointer; overflow:hidden; position:relative; z-index:2;  height:100%; }
.select-box dt a b { overflow:hidden; height:100%; width:90%; color:#474747; font-size:18px; display:block; text-overflow:ellipsis; white-space:nowrap; font-weight:normal;}
.select-box dd { display:none;}
.select-box dd{ border-radius: 0 0 3px 3px; top:30px; position:absolute; background:#fff; left:0; width:100%; -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);  behavior: url(css/PIE.htc); border-top:1px solid #4585c4; padding:10px 0; }
.select-box dd a{ text-align:center; cursor:pointer; background:#fff;  display:block; color:#474747; }
.down{ width:28px; height:100%; position:absolute; top:0; right:0; background: url(../image/seclect.png) no-repeat center center;  }
.sc_com{ width:320px;  position:relative; }
.sc_com .select-box{ width:100%; height:50px; line-height:50px;  }
.select-box dd.on{ display: block; }
.select-box dd{ top:50px; }
.select-box dd a{ line-height:20px; padding:5px; text-indent:0; }
.seclect_w.open{ z-index:10; }
.ieopen .select-box{ z-index:11; }
.ie7  .ieopen{ z-index:10; }
.select-box .select_a{ max-height:180px; }
.select-box .mCSB_inside > .mCSB_container{ margin-right:0; }
.select-box .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#4169a6 !important; }


/*header*/
.menu_h{display: none;}
.header{ position: relative; z-index:999; }
.header .top{     background-color: #024E2A; line-height:50px; overflow: hidden; text-align: right; position: relative; z-index:10; }
.header .top a{ padding:0 14px; float: right; color:#fff;  font-size:14px;}
.header .top .en{ text-transform: uppercase; font-family: 'futuramedium'; margin-right: 8px; }
.header .top a.on{ background:#01763a;
    font-size: 20px;
    line-height: 50px;
    font-weight: bold;
    font-family: "楷体",Arial;}
.header .nav .wrap{
    width:auto;
    /*padding:14px 30px 0;*/
    display:flex;
    display:-ms-flexbox;
    -ms-flex-pack: center;
    justify-content: center;}
.index_4 .title_h2{
    padding:0 !important;
}
.header .nav{
    height:110px;
    border-bottom: 2px solid #01763a; }
/*.header .nav .wrap{ padding-top:14px; }*/
.header .nav .logo{ float: left; width:102px; height:102px; padding:0 55px 0 10px;margin-left: 90px }
.header .nav .logo img,.header .nav .logo>a{ display: block; margin-right: 10px ;}
.header .nav .logo img,.header .nav .logo>a img{ display: block; width: 109px;}
.header .nav .logo img,.header .nav .logo>a .gncrc{width: 110px; }
.header .navList{ float: right;margin-right:20px; }
.header .navList li{ float: left; position: relative; min-width: 94px;text-align: center;}
.header.guke .navList li{min-width:auto;}
.header.guke .navList li .one{padding:0 11px !important;}
.header.guke .navList li.on .one{color:#333333;font-size:22px;}
.header.guke .nav .logo{padding-right:0px;}
.header.guke .return {float:right;height:96px;line-height:96px;}
.header.guke .return  a{font-size:14px;;color:#333333;display:inline-block;width:94px;height:28px;line-height:28px;border:1px solid #dedede;border-radius:6px;text-align:center;}
.header .navList li .one{position: relative;display: block; color: #000 ;padding:0 15px; line-height:80px; font-size:18px; -webkit-transition:all 0.3s; transition:all 0.3s; }
.header .navList li .one .open{
    display: none;
}
.header .shareNav{ float: right; padding-top:33px; position: relative; }
.header .shareNav>a{ display: block; float: left; margin-left: 10px; font-size:14px;; }
.header .shareNav .a1{ border:1px solid #dedede; line-height:30px; width:68px; text-align: center; border-radius:10px;  behavior: url(css/PIE.htc);}
.header .shareNav .select {float: left;position: relative;  padding: 0 8px; border:1px solid #dedede; border-radius:10px;cursor: pointer;margin-left: 5px;}
.header .shareNav .select .t1 { line-height:30px;background: url(../image/arr3_a.png) no-repeat right center;padding-right: 16px;}
.header .shareNav .select .a1_list {position: absolute;left: 0;top: 80%;border: 1px solid #dedede;border-top: 0;background: #fff;box-sizing:border-box;visibility: hidden;opacity: 0;transition: all 0.4s ease;right: 0;padding: 5px 0;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
.header .shareNav .select .a1_list a {display: block;text-align: left;padding: 5px 7px;}
.header .shareNav .select.now {background: #015128;border-bottom-right-radius: 0;border-bottom-left-radius: 0;border: 0;}
.header .shareNav .select.now .t1 {color: #fff;background-image: url(../image/arr3.png);}
.header .shareNav .select.now .a1_list {visibility: visible;opacity: 1;top: 99%;}
.header .shareBtn{ margin-right: 13px; }

.header .shareNav .a1:hover{ border-color:#01763a; color:#fff; background:#01763a; }
.header .seachBtn{ background:url(../image/head_sea.png) no-repeat center; height:32px; width:32px; }
.header .shareBtn{ background:url(../image/head_share.png) no-repeat center; height:32px; width:32px; }
.header .seachBtn:hover,.header .seachBtn.on{ background-image:url(../image/head_sea1.png); }
.header .shareBtn:hover,.header .shareBtn.on{ background-image:url(../image/head_share1.png); }

.header .share_w{ position: absolute; width:60px; height:215px; background:#fff; right:0; top:96px; -webkit-box-shadow: 0px -2px 10px rgba(0,0,0,0.1); box-shadow: 0px -2px 10px rgba(0,0,0,0.1);  display: none;  behavior: url(css/PIE.htc);}
.header .share_w:before{ content:""; width: 100%; height: 8px; position: absolute; top:-8px; left:0%; background:url(../image/arr.png) no-repeat center; }
.header .share_w .bdsharebuttonbox a{ display: block !important; float: none !important; margin:0 auto !important; padding:0 !important; width:24px !important; height:24px !important;  }
.header .share_w .bdsharebuttonbox { padding-top:18px; }
.header .share_w .bdsharebuttonbox a + a{ margin:15px auto 0 !important; }

.header .share_w .bdsharebuttonbox .popup_sqq{ background:url(../image/qq.png) no-repeat center !important; }
.header .share_w .bdsharebuttonbox .bds_tsina{ background:url(../image/wb.png) no-repeat center !important; }
.header .share_w .bdsharebuttonbox .popup_qzone{ background:url(../image/kj.png) no-repeat center !important; }
.header .share_w .bdsharebuttonbox .popup_tqf{ background:url(../image/xl.png) no-repeat center !important; }
.header .share_w .bdsharebuttonbox .popup_wx{ background:url(../image/wx-1.png) no-repeat center !important; }
.header .share_w .bdsharebuttonbox .popup_sqq:hover{ background:url(../image/qq_a.png) no-repeat center !important; }
.header .share_w .bdsharebuttonbox .bds_tsina:hover{ background:url(../image/wb_a.png) no-repeat center !important; }
.header .share_w .bdsharebuttonbox .popup_qzone:hover{ background:url(../image/kj_a.png) no-repeat center !important; }
.header .share_w .bdsharebuttonbox .popup_tqf:hover{ background:url(../image/xl_a.png) no-repeat center !important; }
.header .share_w .bdsharebuttonbox .popup_wx:hover{ background:url(../image/wx.png) no-repeat center !important; }

.share_details{ padding-top:10px; }
.share_details .bdsharebuttonbox .popup_sqq{ background:url(../image/qq.png) no-repeat center !important; }
.share_details .bdsharebuttonbox .bds_tsina{ background:url(../image/wb.png) no-repeat center !important; }
.share_details .bdsharebuttonbox .popup_qzone{ background:url(../image/kj.png) no-repeat center !important; }
.share_details .bdsharebuttonbox .popup_tqf{ background:url(../image/xl.png) no-repeat center !important; }
.share_details .bdsharebuttonbox .popup_wx{ background:url(../image/wx-1.png) no-repeat center !important; }
.share_details .bdsharebuttonbox .popup_sqq:hover{ background:url(../image/qq_a.png) no-repeat center !important; }
.share_details .bdsharebuttonbox .bds_tsina:hover{ background:url(../image/wb_a.png) no-repeat center !important; }
.share_details .bdsharebuttonbox .popup_qzone:hover{ background:url(../image/kj_a.png) no-repeat center !important; }
.share_details .bdsharebuttonbox .popup_tqf:hover{ background:url(../image/xl_a.png) no-repeat center !important; }
.share_details .bdsharebuttonbox .popup_wx:hover{ background:url(../image/wx.png) no-repeat center !important; }


.header .seach_w{ width:200px; height:35px; background:#fff; border:1px solid #cccccc;
    border-radius:3px;
    /*position: absolute; top:105px; right:55px; z-index:10;  */
    margin-top: -2px;
    margin-left: 20px;
    display: none;
}
.header .inp{ width:140px; padding:0 10px; }
.header .inp input{ padding:5px 0; line-height:25px; display: block; height:20px; width:100%; margin-top: 1.5px;}
.header .seach_w .btn_sea{
    position: absolute;
    width:36px;
    height:100%;
    background:url(../image/seaInp.png) no-repeat center; right:0; top:0; }

.header .secondNav{
    /*position: absolute; */
    width:98px;
    /*left:33%; */
    /*margin-left:-81px;*/
    background:#fff;
    /*top:96px; */
    padding:6px 0 10px;
    -webkit-box-shadow: 0px -2px 10px rgba(0,0,0,0.1);
    box-shadow: 0px -2px 10px rgba(0,0,0,0.1); opacity:0; visibility: hidden; -webkit-transition:all 0.1s; transition:all 0.1s;  behavior: url(css/PIE.htc);}
.header .secondNav:before{ content:""; width: 100%; height: 8px; position: absolute; top:-8px; left:0%; background:url(../image/arr.png) no-repeat center; }
.header .secondNav a{ display: block; line-height:1.2; padding:0 10px 15px; text-align: center; font-size:16px; -webkit-transition:all 0.3s; transition:all 0.3s; }

.header .secondNav a:hover,.header .secondNav a.on,.header .navList li .one:hover,.header .navList li.on .one{ color:#169b57f5; font-weight:600;  }

.pc_displayNone{ display: none; }

.header .top .warp .left{ float: left; width:50%; }
.header .top .warp .right{ float: right; width:50%; }
.header li:hover .secondNav{ opacity:1; visibility: visible;  -webkit-transition:all 0.3s;  transition:all 0.3s;  }
.ie8 .secondNav{ display: none;  }
.ie8 .header li:hover .secondNav{ display: block; }
/*footer*/
.footer{  background-size:cover; font-size:16px;; }
.footer .link{ padding:10px 0; border-bottom:2px dashed #015128; color:#015128; line-height:20px; }
.footer .link .l{ float: left; padding-right: 10px; }
.footer .link .a{ overflow: hidden; }
.footer .link .a a{ color:#015128; float: left; }
.footer .link .a a{ padding-right: 21px;  margin-right: 21px; }
.footer .link .a a.last{ margin:0; padding:0; background:none; }

.footer .copy { padding:10px 0 20px; background-color: #015128;}
.footer .copy .siteMap{ overflow: hidden; }
.footer .copy .siteMap a{ color:white; float: left; }
.footer .copy .siteMap a + a{ padding-left: 42px; background:url(/filedemo/image/foot_1.png) no-repeat 21px center; }

.footer .copy .left{ float: left; width:50%; color:white; line-height:30px;  }

.footer .copy .right{ float: right; text-align: right; color:white; line-height:30px; width:45%; }
.footer .copy .right a{ color:white; }
.copy .address span{ float: left;  }
.copy .address .div{ overflow: hidden; float: none; display: block; }

.rightNav{ position: fixed; right:28px; top:50%; height:520px; margin-top:-175px; z-index:1001; }
.rightNav li{ background:#fff; position: relative; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2); box-shadow: 0px 0px 10px rgba(0,0,0,0.2); line-height:40px; width:40px; -webkit-transition:all 0.3s; transition:all 0.3s; height:40px; text-align: center; border-radius:3px; margin-bottom: 10px;  }
.rightNav li .s1,.rightNav li img,.rightNav li a{ display: block; width:100%; height:100%; }
.rightNav li a{ position: relative; }
.rightNav li .s1{ -webkit-filter:alphha(opacity=100); filter:alphha(opacity=100); -webkit-transition:all 0.3s; transition:all 0.3s; opacity:1; position: absolute; top:0; left:0; }
.rightNav li .s2{ display: inline-block; vertical-align: middle; width:36px; line-height:1.3; font-size:14px; opacity:0; -webkit-filter:alphha(opacity=0); filter:alphha(opacity=0); -webkit-transition:all 0.3s; transition:all 0.3s; visibility: hidden; color:#fff; position: relative; }
.rightNav li .s3{ display: block; opacity:0; -webkit-filter:alphha(opacity=0); filter:alphha(opacity=0); -webkit-transition:all 0.3s; transition:all 0.3s; position: relative; height:100%; visibility: hidden;}

.rightNav li:hover .s3{ opacity:1; -webkit-filter:alphha(opacity=100); filter:alphha(opacity=100); visibility: visible;}
.rightNav li:hover .s2{ opacity:1; -webkit-filter:alphha(opacity=100); filter:alphha(opacity=100); visibility: visible;}
.rightNav li:hover .s1{ opacity:0; -webkit-filter:alphha(opacity=0); filter:alphha(opacity=0); visibility: hidden; }
.rightNav li:hover{ background:#01763a; }

.goto{ display: none; }
.w_1366 .rightNav{ height:350px; margin-top:-175px; right:5px; }
.w_1366 .rightNav li{ width:40px; height:40px; line-height:40px; }
.w_1366 .rightNav li .s2{ font-size:14px;; width:30px; }

.rightNav .w .r_ewm{ position: absolute; width:120px; height:293px; top:50%; margin-top:-160px; right: 78px; padding:15px;border-radius:10px; background:#fff;behavior: url(css/PIE.htc); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2); box-shadow: 0px 0px 10px rgba(0,0,0,0.2); opacity:0; -webkit-filter:alphha(opacity=0); filter:alphha(opacity=0); visibility: hidden; }
.rightNav .w .r_ewm i{ height:100%; right: -8px; position: absolute; width:8px; top:0; background:url(../image/arr2.png) no-repeat center; }
.rightNav .w:hover .r_ewm{ opacity:1; -webkit-filter:alphha(opacity=100); filter:alphha(opacity=100); visibility: visible; }
.w_1366 .rightNav .w .r_ewm{ right: 60px; }
.rightNav .w.li4 .r_ewm{width:135px;height:135px;margin-top:-80px;padding:0;}
@media screen and (min-width:1200px){
    *{ -webkit-box-sizing:content-box !important; box-sizing:content-box !important;  }
}

@media screen and (max-width:1400px) {
    /*.header .nav .wrap{padding:14px 15px 0;}*/
    .header .nav .logo{padding-left:0; margin-left: 10px;}
    .header .nav .logo a img{width:99px;}
    .header .nav .logo img,.header .nav .logo>a .gncrc{width: 100px; }
    /*.header .navList{margin-right:20px;}*/
    .header .nav .navList li .one{padding:0 6px !important;}
}

@media only screen and (min-width:1279px) {
    .wrap .left img{
        height: 65px;
        padding: 10px 0;

    }
    .header .navList li .one{
        color: #fff;
    }
.main-image{
    position: absolute;
    left: 20%;
}
    .tran_scale:hover img{transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05); -moz-transform:scale(1.05,1.05);  }
    /*.header .secondNav{  padding:25px 0 10px;}*/
}

@media only screen and (max-width:1279px) {
    .header .navList li .open{font-size:40px;color: #5A5A5A;position: absolute;top: 0;right: 13px;font-family: '黑体';cursor: pointer;width: 40px;text-align: right;display: block;}
    .header .navList li .one .open{display: block;}
    .header .navList li.on .open{color: #01763a;}
    .w_1366 .rightNav{ top:auto; bottom:90px; height:auto; margin-top:0; }
    .w_1366 .rightNav li{ display: none; }
    .header .navList{margin-right:0;}
    .logo{margin-left: -100px}

    .header .nav .logo a img{width:60px;}
    .header .nav .logo img,.header .nav .logo>a .gncrc{width:60px; }
    .header .secondNav{  padding:25px 0 10px;}
    .inp-seach{
        display: none;
    }
    .header .secondNav .triangle{
        display: none;
    }
    .mi_img img{height: 335px!important;}
    .menu_h { display: block; background: none; transition: 0.3s all; -webkit-transition: 0.3s all; border: none; width: 35px; height: 30px; padding: 0; outline: none; position: fixed; right: 10px; top: 30px;  z-index: 2000; }
    .menu_h::before, .menu_h::after, .menu_h span {
        background: #fff
    ; border-radius: 2px;
        margin-top: -5px;
    }
    .menu_h::before, .menu_h::after { content: ''; position: absolute; height: 4px; width: 100%; left: 0; top: 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform 0.25s; transition: -webkit-transform 0.25s; transition: transform 0.25s; transition: transform 0.25s, -webkit-transform 0.25s; }
    .menu_h span { position: absolute; width: 100%; height: 4px;  top:50%;  left: 0; overflow: hidden; text-indent: 200%; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }
    .menu_h::before { -webkit-transform: translate3d(0, -12px, 0); transform: translate3d(0, -12px, 0); }
    .menu_h::after { -webkit-transform: translate3d(0, 12px, 0); transform: translate3d(0, 12px, 0); }
    .menu-open .menu_h span { opacity: 0; }
    .menu-open .menu_h::before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }
    .menu-open .menu_h::after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }
    .header{ position: fixed; width:100%; top:0; left:0; background:#fff;  -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);  box-shadow: 0px 0px 10px rgba(0,0,0,0.2);}
    .header .nav .logo{ width:auto; height:50px; padding:0 0 0 10px; margin: 0 auto!important;}
    .header .nav .logo a img{width:60px;}
    .header .nav .logo img,.header .nav .logo>a .gncrc{width:60px; }
    .header .nav .wrap{ padding:10px 0;
        /*margin-top: 50px;*/
    }
    .header .nav{ height:auto;}
    /*.header .navList{ display: none; }*/
    .header.guke .return {display:none;}
    .header .shareNav{ display: none !important; }
    .header .shareNav{ padding-top:10px; padding-right: 60px;  }
    .pc_displayNone{ display: block; }
    body{ padding-top:50px; }
    .guide{ margin-top: -109px;}
    .header .navList{
        width: 70% !important;
        position: fixed;
        height:100%;
        overflow: auto; right: 0; background:rgba(255,255,255,0.95); top:80px; width:100%; display: none; border-top:1px solid #ececec; }
    .header .navList li{ float: none; width:100%;margin-left: 10px; }
    .header .navList li .one{ line-height:60px; }
    .header .navList ul{ padding:60px 0;}

    .header .secondNav{ position: static; display:none; opacity:1; filter:alpha(opacity=100); visibility: visible; background:none; width:100%; -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0); box-shadow: 0px 0px 0px rgba(0,0,0,0); border:1px solid #ececec; border-left:0; border-right:0; margin:0; }
    .header .navList li.on .secondNav{ display: block;  }
    .header .navList .pc_displayNone{ width:80%; background:#015128; margin:0 auto; color:#fff; border-radius:0.1rem; margin-top:0.2rem; }
    .header .navList .pc_displayNone a{ color:#fff;  }
    .wrap{ width:984px;  }
    /*.footer{
        padding-bottom: 236px!important;
    }*/
    .footer .copy .left,.footer .copy .right{ float: none; text-align: left; width:100%; padding-bottom:10px; }
    .footer .copy .siteMap a{ display: inline-block; float: none; }
    .footer .link .l{ float: none; display: block; }
    .footer .link .a a{ background:none !important; padding:0 10px 0 0 !important;  }
}

@media only screen and (max-width:1024px) {
    .inp-seach{
        display: none;
    }
    .header .secondNav .triangle{
        display: none;
    }
    .header .secondNav{  padding:25px 0 10px;}
}

@media only screen and (max-width:1023px) {

    .wrap{ width: auto;
        padding: 0 0rem; }
    .inp-seach{
        display: none;
    }
    .header .secondNav .triangle{
        display: none;
    }
    .header .secondNav{  padding:25px 0 10px;}
}
/*@media only screen and (min-width:440px){
    .mi_img img{
        margin-top: -10px ;
        max-height: 350px;
    }
}
@media only screen and (min-width:590px){
    .mi_img img{
        margin-top: -50px ;
        max-height: 350px;
    }
    .index_4 .title_h2{
        padding: 0;
    }
}*/
@media only screen and (min-width:700px){
    .index_4 .title_h2{
        padding: 0.4rem 0;
    }
}

@media only screen and (max-width:750px) {
    .index_4 li img{
        height: 60px!important;margin-bottom: 5px;}
    .header .secondNav{  padding:25px 0 10px;}
    .header .navList li .one{ line-height:40px; }
    .header .navList li .open{font-size: 26px;width: 40px;}
    body{ font-size:0.24rem;padding-top: 66px }
    .logo{margin-left: -100px}
    .header .navList ul{ padding:0.6rem 0; }

    .inp-seach{
        display: none;
    }
    .header .secondNav .triangle{
        display: none;
    }
    .mi_img img{height: 180px!important;margin-left: 0px  }
    .w_1366 .rightNav li{ width:30px; height:30px; }
    .footer .link{ display: none; }
    .copy .address .div b{ display: inline-block; }

    .footer .copy .siteMap{ padding-bottom: 5px; }
    .sciencedtail .content{
        margin-top: 0.7rem!important;
    }
    .share_details{ display: none; }
    .menu_h{bottom: 22px;position: absolute;}


}

@media only screen and (max-width:320px) {
    .header .secondNav{  padding:25px 0 10px;}
    body,.header,.footer,.body_box{ width:320px; }
    .inp-seach{
        display: none;
    }
    .header .secondNav .triangle{
        display: none;
    }
    .copy .address span{ float: none; }
}
.header .secondNav .triangle{
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #e4e4e4;
    position: relative;
    margin: 23px auto;
    margin-top: -18px;


}
.header .secondNav .triangle span {
    display: block;
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 11px solid #fff;
    position: absolute;
    left: -11px;
    top: 1px;
}

.header .nav{
    box-sizing: border-box;

}
.header .nav .wrap{
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    display: flex;
    justify-content: left;
}
/*.header .navList{*/


/*    justify-content: space-between;*/
/*}*/
/*.header .navList ul{*/

/*}*/
.header .navList .inp-seach{
    margin-top: 10px;
    /*margin-right: 50px;*/
}

.sciencedtail .text{
    width: 100%;
    overflow: scroll;
}
.header .nav .logo{
    display: flex;
    width: auto;
    margin-top: -10px;

}

/*
.footer{
    padding-bottom: 125px;
}*/

@media screen and (min-width: 1200px) {
.swim-box{
    width: 138px;
    /*height:300px;*/
    background-color: #f4f4f4bd;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 60%);
    /*border: 2px solid #024e2a;*/
    position: fixed;
    top: 30%;
    left: 0;
    z-index: 999;
    display: block;
}
.swim-box .swim-img{
    /*width: 102%;*/
position: relative;
}
    .swim-box .swim-img img{
        width: 100%;
        height: 100%;
        /*margin-top: -1px;*/
        /*margin-left: -1px;*/
    }
.swim-box .swim-img button{
position: absolute;
    right: 0;
    border: none;
    background-color: #0C722E;
}

.swim-box .swim-list ul li{
    height: 45px;
padding: 0 10px;
    border-bottom: 1px dashed #0C722E;
}
.swim-box .swim-list ul li a{
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 23px;
-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}
    .swim-box .swim-list p{
        text-align: right;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-right: 10px;
    }

}
@media screen and (max-width: 1200px) {
    .swim-main{
        padding-top:60px ;
        margin-bottom: 30px;
    }
    .swim-box{
        width: 100%;
        height:130px;
        /*border: 1px solid #024e2a;*/
        background-color: #f4f4f4bd;
        box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
        /*position: fixed;*/
        /*top: 30%;*/
        /*left: 0;*/
        z-index: 999;
        display: block;
        display: flex;
    }
    .swim-box .swim-img{
        position: relative;
        height: 110%;
        /*margin-top: -1px;*/
    }
    .swim-box .swim-img img{
        width: 140px;
        height: 108%;
        /*margin-top: -1px;*/
    }
    .swim-box .swim-img button{
        display: none;
        position: absolute;
        right: 0;
        border: none;
        background-color: #0C722E;
    }
    .swim-box .swim-list{
        width:calc(100% - 161px);
    }
    .swim-box .swim-list ul li{
        width: 100%;
        padding: 0 10px;
        height: 30px;
        border-bottom: 1px dashed #0C722E;
    }
    .swim-box .swim-list ul li a{
        color: #000;
        line-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    .swim-box .swim-list p{
   text-align: right;
        margin-top: 10px;
        margin-right: 10px;
    }
}