@charset "utf-8";
html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
img {
    margin: 0;
    padding: 0;
}
fieldset,
img {
    border: none;
}
img {
    display: block;
}
address,
caption,
cite,
code,
dfn,
th,
var {
    font-style: normal;
    font-weight: normal;
}
ul,li,
ol {
    list-style: none;
}
input {
    padding-top: 0;
    padding-bottom: 0;
    font-family: "arial";
}
input::-moz-focus-inner {
    border: none;
    padding: 0;
}
select,
input {
    vertical-align: middle;
}
select,
input,
textarea {
    font-size: 12px;
    margin: 0;
}
input[type="text"],
input[type="password"],
textarea {
    outline-style: none;
    -webkit-appearance: none;
}
textarea {
    resize: none;
}
input,
select,
textarea,
button {
    margin: 0;
    padding: 0;
    resize: none;
    border: none;
    vertical-align: middle;
    *font-size: 100%;
    outline: none;
}
input::-ms-clear {
    display: none;
}
input::input-placeholder {
    color: #fff;
}
input::-webkit-input-placeholder {
    color: #fff;
}
input:-moz-placeholder {
    color: #fff;
}
input::-moz-placeholder {
    color: #fff;
}
input:-ms-input-placeholder {
    color: #fff;
}
textarea::textarea-placeholder {
    color: #fff;
}
textarea::-webkit-textarea-placeholder {
    color: #fff;
}
textarea:-moz-placeholder {
    color: #fff;
}
textarea::-moz-placeholder {
    color: #fff;
}
textarea:-ms-textarea-placeholder {
    color: #fff;
}
body {
    overflow-x: hidden;
    background: #fff;
}
table {
    border-collapse: collapse;
}
body {
    background: #fff;
    font: 12px/21px "arial";
}
a {
    color: #333;
    text-decoration: none;
}
a:visited {
    color: #666;
}
a:hover,
a:active,
a:focus {
    color: #666;
    text-decoration: none;
}
p{
    font-size: 16px;
    font-size: 1.6rem;
    color: #666;
    /* line-height: 28px; */
}
img{
    /* max-width: 100%; */
}
html{font-size:62.5%;-webkit-text-size-adjust:none;}
html {-webkit-text-size-adjust:100%;-ms-text-size-adjust: 100%;}

/* 导航 begin */.container {width: 100%;}
.navbar-brand>img{
    display: none;
}
.navbar-brand{
    padding: 20px 15px;
}
.navbar-fixed-top {
    position: relative;
    margin: 0;
}
.navbar-inverse{
    background: none;
}
.navbar-inverse{ border:none; }
.navtop_opt{
    background:#fff;
    border-bottom:none;
}
.g-nav-top{
    padding:10px 0 0;
    margin-bottom: -15px;
}
.g-nav-top .top-list-inline{
    float: right;
}
.top-list-inline li a{
    font-size: 14px;
    color: #999999;
}
.g-language{
    margin-bottom: -5px;
    font-size: 14px;
    color: #999999;
    background: #ffffff;
    display: inline-block;
}
.g-language strong{
    width: 42px;
    line-height: 21px;
    border:1px solid #9a9a9a;
    text-align: center;
    float: left;
}
.g-language .g-language-cur{
    border: 0;
}
.g-language .g-language-cur a{
    line-height: 23px;
    font-size: 14px;
    color: #ffffff;
    background: #c0392b;
    display: block;
}
.navbar-nav{
    font-size: 18px;
    color: #787878;
    width: 90%;
}
.navbar-nav>li{
    position: inherit;
    /* position: relative; */
}
.navbar-right{
    margin-right: 0;
}
.navbar-right .dropdown-menu{
    left: 0;
}
.g-search{
    margin: 32px 10px 0 0;
    float: right;
}
.navbar .nav > li>a, .navbar .nav > li>a {
    border-bottom: 3px solid transparent;
}
.navbar .nav > li:hover>a, .navbar .nav > li>a:focus  {
    border-bottom: 3px solid #fca00e;
    font-weight: 100;
    background: none;
    color: #fca00e;
}
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus{
    color: #fca00e;
    border-bottom: 3px solid #fca00e;
}
.navbar .nav > li.toplogob>a,
.navbar .nav > li.toplogob>a,
.navbar .nav > li.toplogob:hover>a,
.navbar .nav > li.toplogob>a:focus{
    border-bottom: 0;
}

.navbar .nav > li>a{
    padding: 0 9px 0 9px;
    line-height: 92px;
}
.navbar .nav li .nav li a{
    line-height: 60px;
}
.navbar-nav>li{
    margin: 0 1% 0 0;
}
.navbar-nav>li.toplogob{
    width: 11%;
    margin-left: 0; margin-right: 5%;
}
.navbar-nav>li.toplogob img{
    width: 85%;
    margin-top: 20px;
}
.navbar-inverse .navbar-nav>li>a{
    color: #00592a;
    font-size: 20px;
    font-size: 2.0rem;
}
.navbar .nav > li:hover .dropdown-menu a {
    border: none;
    font-weight: 100;
    text-decoration: none;
}

.g-navins{
    padding: 5px 0;
}
.g-navins li a{
    font-size: 16px;
    color: #666666;
}
.g-gywmul{
    margin-left: 225px;
}
.g-xwzxul{
    margin-left: 285px;
}
.g-cpfwul{
    margin-left: 437px;
}
.g-rlzyul{
    margin-left: 588px;
}
.g-navinssh{
    margin-left: 750px;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus{
    background: rgba(255, 255, 255, 0.6);
}

.dropdown-menu .navbar-nav>li>a{
    font-size: 16px;
    font-size: 1.6rem;
}
.dropdown-menu .navbar-nav>li{
    margin-right: 2%;
}


/* 搜索 */
.g-search{
    position:relative;
}
.g-search img{
    display: inline-block;
    cursor:pointer; margin-top:5px;
}
.g-searchimg{
    background: url(../images/g-searcha.png) no-repeat;
    display: inline-block;
    cursor:pointer;
    width: 26px;
    height: 26px;
}
.g-searchimg:hover{
    background: url(../images/g-search.png) no-repeat;
    display: inline-block;
    cursor:pointer;
    width: 26px;
    height: 26px;
}
.g-search a.enBox{
    font-size: 20px;
    font-size: 2.0rem;
    color: #df6516;
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: 5px;
}
.mobile-search_form {
    position: absolute;
    top: 67px;
    right: -6px;
    z-index: 99;
    width: 300px;
    height: 32px;
    line-height: 31px;
    background: rgba(255,255,255,0.8);
    display: none;
    border: 1px solid #7fbe26;
    border-radius: 8px;
    z-index: 99;
}
.mobile-search_input {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border: none;
    font-size: 14px;
    font-size: 1.4rem;
    color: #666;
    background:none;
    padding-left: 10px;
}
input::-webkit-input-placeholder {
    color: #fff;
}
.search-icons {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 9;
}
.search-icons span{
    font-size: 14px;
    font-size: 1.4rem;
    color: #ec6c15;
    top: 5px;
}

.section-wrap .section{ max-width:1920px; margin:0 auto;}
.w-container{ width: 96%; margin: 0 auto; }
.swiper-button-next, .swiper-button-prev{ color: #fff; }
.swiper-wrapper img{width: 100%;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right: 5%; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left: 5%; }
.banner-w{ position: absolute; top: 25%;left: 0; width:100%; }
.banner-w h2{ font-size: 70px; font-weight:bold; color: #00592a; text-align: center; background: url(../images/s-xian.png) no-repeat bottom; padding-bottom: 30px; }
.banner-w p{ color: #00592a; line-height: 35px; text-align: center; margin-top: 30px; }
.conter{ margin-left:10%; padding-top: 10%;  }
.conter-a{ padding-left: 0 !important; padding-top: 7%;  }
.tab-hd{ position:absolute; bottom: 5%; left: 35%;}
.tab-hd li{ float: left; cursor: pointer; margin-left: 20px; }
.tab-hd li .index-xs{ display: block; }
.tab-hd li .index-yc{ display: none; }
.tab-hd li.active .index-xs{ display: none; }
.tab-hd li.active .index-yc{ display: block; }
.tab-bd .tabner{display:none; position: relative;}
.tab-bd{ height: 100%; }
.tab-bd div.thisclass{ display:block;}
.tabner img{}
.tabner-div{ width: 30%; height: 30%; float: right; margin-top: 10%; margin-right: 5%; position: relative;}
.tabner-div img{ position: absolute; width: 100%; }
.tabner-div .tabnerwen{ position: absolute; margin: 0 auto; width: 100%; margin-top: 35%;}
.tabner-div .tabnerwen h2{font-size: 36px; font-weight:bold; color: #fff; text-align: center; background: url(../images/xian.png) no-repeat bottom; padding-bottom: 5%;}
.tabner-div p{ color: #fff; line-height: 35px; text-align: center; margin-top:3%; font-size: 20px; }

.tab-hds{ position:absolute; bottom: 5%; left: 35%;}
.tab-hds li{ float: left; cursor: pointer; margin-left: 20px; }
.tab-hds li .index-xs{ display: block; }
.tab-hds li .index-yc{ display: none; }
.tab-hds li.actives .index-xs{ display: none; }
.tab-hds li.actives .index-yc{ display: block; }
.tab-bds .tabners{display:none; position: relative;}
.tab-bds{ height: 100%; }
.tab-bds div.thisclass{ display:block;}
.tabners img{}
.tabner-divs{ width: 30%; height: 30%; float: right; margin-top: 10%; margin-right: 5%; position: relative;}
.tabner-divs img{ position: absolute; width: 100%; }
.tabner-divs .tabnerwens{ position: absolute; margin: 0 auto; width: 100%; margin-top: 35%;}
.tabner-divs .tabnerwens h2{font-size: 36px; font-weight:bold; color: #fff; text-align: center; background: url(../images/xian.png) no-repeat bottom; padding-bottom: 5%;}
.tabner-divs p{ color: #fff; line-height: 35px; text-align: center; margin-top:5%; font-size: 20px; }
.index-3{ position: relative; width: 40%; float: left; margin-top: 3%;}
.index-3img{ width: 100%; }
.index-3s{ position: absolute; right: 0 ;top: 0; height: 100%;}
.index-3ner{ width: 45%;margin-top: 5%; float: left; position: relative; }
.index-3ner h2{ margin-left: -90px; font-size: 44px; font-weight:bold; color: #333; background: url(../images/xian1.png) no-repeat 14% bottom; padding-bottom: 30px;}
.index-3ner h2 span{ color: #fff; }
.index-3ner p{ margin-left: 5%;  font-size: 20px; line-height: 30px; color: #666; margin-top:3%;}
.index-3ner p img{ float: left; vertical-align: middle; margin-top: 11px; margin-right: 10px; }
.index-3ner a{ color: #009944;margin-left: 5%; margin-top: 25px; font-size: 20px; display: inline-block; }

.index-4{ position: relative; width: 23%;  float: left;}
.index-4img{ width: 100%; }
.index-4ner{ width: 70%;margin-top: 3%; float: left; position: relative;}
.index-4ner h2{ margin-left: -95px; font-size: 44px; font-weight:bold;  margin-bottom: 30px; color: #333; background: url(../images/xian1.png) no-repeat 13% bottom; padding-bottom: 30px;}
.index-4ner h2 span{ color: #009944; }
.index-4ner p{ margin-left: 5%;  font-size: 20px; line-height: 35px; color: #666;}
.index-4ner-a{ margin-left: 5%; margin-top: 5%;}
.index-4ner-a li{ width: 30%; float: left; text-align: left; margin-bottom: 3%; }
.index-4ner-a li img{}
.index-4ner-a li p{ margin-left: 0 !important; margin-top:3%; color: #333; }

.index-5{ width: 50%; float: left; }
.index-5 h2{ margin-top: 5%; font-size: 44px; font-weight:bold;  margin-bottom: 30px; color: #fff; background: url(../images/xian2.png) no-repeat left bottom; padding-bottom: 30px;}
.index-5 ul{ width: 100%; margin-bottom: 10%;}
.index-5 li{ width: 50%; float: left; text-align: left; margin-bottom: 3%; }
.index-5 li a{ font-size:26px; color: #fff; }
.index-5 li a:hover{ color: #fca00e; border-bottom: 6px solid #fca00e; font-weight: bold; }
.index-5 p{ font-size: 24px; color: #fff; line-height: 30px; margin-bottom: 3%; }
.index-5 span{ font-weight: bold; font-size:30px; }
.index-5ner{width: 50%; float: left; margin-left: -10%;}
.index-5ner img{ width: 100%; }

.index-6{ width: 35%; float: left; }
.index-6 img{ width: 100%; }
.index-6ner{ width: 55%; float: left; margin-top: 2%;margin-left: -90px; }
.index-6ner h2{ font-size: 44px; font-weight:bold;  margin-bottom: 30px; color: #333;}
.index-6ner h2 span{ color: #009944; }
.index-6ner-a{ background:url(../images/index-6a.png) repeat; padding-left: 90px;}
.index-6ner-ar{ background: #009944; padding-left:100px; }
.index-6ner-ar p{ color: #a3d0b2; font-size: 18px; margin: 30px 0 50px 0; }
.index-6ner-ar ul{/* margin-bottom: 50px; */}
.index-6ner-ar li{ float: left; width: 30%; }
.index-6ner-ar li p{ color: #a3d0b2; font-size: 18px; background: url(../images/xian2.png) no-repeat left bottom;padding-bottom: 30px; margin: 0;  margin-bottom: 30px;}
.index-6ner-ar li h2{}
.index-6ner-ar li h2 span{ color: #fff; font-size: 34px; margin-bottom: 50px; float: left; }
.index-6ner-ar li h2 img{ float: left;margin-top: -13px; margin-left: 10%; }
.footer{width:100%;height:170px;background: #009944;color:#999; position: absolute; bottom: 0;}
.footer-a{ border-bottom: 1px solid #33ad69; padding:20px 0; margin-bottom: 20px;  }
.footer-a ul{ width: 96%; margin: 0 auto; }
.footer-a li{ width: 12%; float: left; }
.footer-a li a{ color: #fff; font-size: 20px; }
.footer-a li a img{ float: left; margin-top: 4px; margin-right: 10px; }
.footer-b{text-align: center; margin-left: 35%; overflow: hidden;margin-top: 20px; }
.footer-b span{ font-size: 20px; color: #fff;  color: #fff; font-size: 20px; margin-right: 20px; float: left; }
.footer-a span img{ float: left; margin-top: 4px; margin-right: 10px; }
.footer p{ text-align: center;color: #a3d0b2; font-size: 18px; padding-bottom:5px;}

.w-search{width: 12%; margin:15px 0 0 0; }
.w-search-t{ width: 100%; margin-bottom: 3%; text-align: right; }
.w-search-t a{ margin-right: 10%; color: #666; font-size: 14px;}
.w-search-b{ width: 100%; position: relative; }
.w-search-b input{ border-radius: 20px; width: 100%; height: 40px; background: #c4c4c4; color: #fff; padding: 0 3%; line-height: 40px; font-size: 14px; }
.w-search-b a{ background: url(../images/w-searcha.png) no-repeat; position: absolute; right: 15px; top: 8px; width: 26px; height: 26px;}
.w-sj{ display: none; }
.new-xq{}
.new-xq h2{ font-size:24px; font-weight:bold; color:#fca00e; margin-bottom:10px;}
.new-xq h3{ margin-bottom:10px; font-size:16px;}
.new-xq p{ margin-bottom:10px; text-indent:2em; line-height:35px;}
.new-xq img{width:100%; text-align:center;}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{ display:none !important;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{display:none !important;}
.sj-xian{display:none;}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{ max-height:300px;}

@media screen and (min-width: 1930px) {
    .section-btn{ display:none !important;}
}
@media screen and (max-width: 1700px) {
    .tabner-div .tabnerwen h2{ font-size: 26px; }
    .tabner-div p{ font-size: 14px; }
    .tabner-divs .tabnerwens h2{ font-size: 26px; }
    .tabner-divs p{ font-size: 14px; }
    .index-3ner h2{ font-size: 36px;  margin-left: -68px; }
    .index-3ner p{font-size: 16px;}
    .index-4ner h2{ font-size: 36px;  margin-left: -75px; }
    .index-4ner p{font-size: 16px;}
}

@media screen and (max-width: 1620px) {
    .index-4ner{ width: 70%; }
    .index-4ner p{ font-size: 16px; }
}


@media screen and (max-width: 1480px) {
    .navbar-nav>li.toplogob{margin-right: 0; margin-top: 10px;}
    .navbar-nav>li {
        margin: 0 0.5% 0 0;
    }
    .g-gywmul {
        margin-left: 106px;
    }
    .g-xwzxul {
        margin-left: 247px;
    }
    .g-cpfwul {
        margin-left: 380px;
    }
    .g-rlzyul {
        margin-left: 509px;
    }
    .g-navinssh {
        margin-left: 645px;
    }
    .navbar-nav{
        width: 90%;}
    .index-6ner-ar li h2 span{ color: #fff; font-size: 30px; }
}

@media screen and (max-width: 1366px) {
    .navbar-nav>li {margin: 0 0.1% 0 0;}
    .tab-hd{ left: 30%; }
    .index-3ner{ width: 57%; }
    .index-4ner{ width: 75%; margin-top: 1%; }
    .index-4ner-a{ margin-top: 1%; }
    .index-4ner-a li{ margin-bottom: 1%; }
    .index-5 h2{ font-size: 38px; }
    .index-6ner{ width: 70%;}
    .index-6ner-ar ul{ margin-bottom: 0; }
    .footer-b {text-align: center; margin: 0 auto;width: 44%;margin-top: 0px;overflow: hidden;}
    .index-4ner h2{ padding-bottom: 15px; margin-bottom: 15px; }
    .footer{ height:auto; }
    .footer-a{ padding: 10px 0; margin-bottom: 10px; }
    .g-gywmul {
        margin-left: 19% !important;
    }

    .g-xwzxul {
        margin-left: 19% !important;
    }
    .g-cpfwul {
        margin-left: 19% !important;
    }
    .g-rlzyul {
        margin-left: 19% !important;
    }
    .tabner-div p{line-height:25px; margin-top:2%;}
    .index-6ner h2{margin-bottom:10px;}
    .index-4ner-a li p{margin-top:0;}
    .crs-a p{ font-size:16px;}
    .crs-was span{ font-size:36px !important;}
    .crs-was h2  {margin-left: -95px !important; font-size:36px !important;
        margin-top: 50px;
        background: url(../images/xian1.png) no-repeat 95px bottom !important;
    }
    .tab-bd .tabner{ background-size:100% !important;}
}
@media screen and (max-width: 1360px) {

}
@media screen and (max-width: 1280px) {
    .footer-b{width:45%}
    .navbar .nav > li>a{ padding:0 5px;}
    .index-4ner-a li{ width:25%;}
    .tabner-div p{ line-height:25px;}
    .tabner-divs p{ line-height:25px;}
    .tab-bd .tabner{ background-size:auto !important;}
    .swiper-wrapper img{ height:100%;}
}
@media screen and (max-width: 1240px) {
    .swiper-wrapper img{width:auto;}
    .footer-b{ width: 56%; }
    .tab-hd{ bottom: 12%; }
    .tabner-div{ width: 45%; }
    .tabner-div .tabnerwen h2{ font-size: 24px; }
    .tabner-div p{ font-size: 14px; }

    .tab-hds{ bottom: 12%; }
    .tabner-divs{ width: 45%; }
    .tabner-divs .tabnerwens h2{ font-size: 24px; }
    .tabner-divs p{ font-size: 14px; }

    .navbar-nav>li{margin: 0 0 0 0; }
    .g-gywmul.navbar-right{ margin-right: 32px;}
    .g-xwzxul.navbar-right{ margin-right: 265px;}
    .g-cpfwul.navbar-right{ margin-right: 375px;}
    .g-rlzyul.navbar-right{margin-right:45px;}
    .g-search.navbar-right{margin: 15px 5px 0 5px;float: right;}
    .w-pc{ display: none; }
    .w-sj{ display: block; }
}
@media screen and (max-width: 1024px) {
    /*.brands-product li img{ width:100% !important;}*/
    .brands-product li{ width:50% !important;}

    .swiper-wrapper img{ height:auto;}

    .banner-w{left: 0; }
    .tabner-div .tabnerwen h2{ font-size: 24px; }
    .tabner-div p{ font-size: 12px;line-height:25px; }
    .tabner-divs .tabnerwens h2{ font-size: 24px; }
    .tabner-divs p{ font-size: 12px;line-height:25px; }
    .navbar-nav>li{
        margin: 0 0 0 0;
    }

    .g-gywmul.navbar-right{
        margin-right: 32px;
    }
    .g-xwzxul.navbar-right{
        margin-right: 265px;
    }
    .g-cpfwul.navbar-right{
        margin-right: 375px;
    }
    .g-rlzyul.navbar-right{
        margin-right:45px;
    }
    .g-search.navbar-right{
        margin: 15px 5px 0 5px;
        float: right;
    }
    .navbar-header{
        -webkit-box-shadow:0;
        box-shadow:0;
        /* box-shadow:0 2px 21px rgba(0,0,0,0.15); */
    }


    .navbar-brand{
        padding: 15px 15px;
    }
    .navbar-brand>img{
        max-width: 120px;
        display: block;
    }
    .g-search{
        margin: 16px 10px 0 0;
    }
    .mobile-search_form{
        top:52px;
    }
    .qualifications{ width: 1000px !important; }

    .navbar-inverse .navbar-toggle {
        width: 40px;
        height: 34px;
        line-height: 34px;
        margin-top: 15px;
        margin-bottom: 15px;
        margin-right:15px;
        border: none;
        background:none;
        border-radius: 0;
        z-index: 9;
    }
    .navbar-inverse .navbar-toggle:focus,
    .navbar-inverse .navbar-toggle:hover {
        width: 40px;
        height: 34px;
        line-height: 34px;
        margin-top: 15px;
        margin-bottom: 15px;
        margin-right:15px;
        border: none;
        background: none;
        border-radius: 0;
        z-index: 9;
    }
    .navbar-inverse .navbar-toggle .icon-bar{
        background: #ec6810;
    }
    .navbar-fixed-top{
        position: fixed;
        box-shadow: 0px 0px 8px #f5f5f5;
        -webkit-box-shadow: 0px 0px 8px #f5f5f5;
        -moz-box-shadow: 0px 0px 8px #f5f5f5;

    }
    .m-container{
        margin-top: 64px;
    }
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
        border: none;
        -webkit-box-shadow: 0 6px 15px rgba(0,0,0,0.10);
        box-shadow:0 6px 15px rgba(0,0,0,0.10);
    }
    .navbar-right{
        padding: 0 0;
        margin: 7.5px -15px;
    }
    .navbar-right>li{
        padding: 0 20px;
    }
    .g-navins{
        padding:0 0 ;
    }
    .g-navins li{
        padding: 0;
    }
    .g-gywmul.navbar-right{
        margin-right: 0px;
    }
    .g-xwzxul.navbar-right{
        margin-right: 0px;
    }
    .g-cpfwul.navbar-right{
        margin-right: 0px;
    }
    .g-rlzyul.navbar-right{
        margin-right: 0px;
    }
    .navbar .navbar-nav > li > a{
        font-size: 16px;
        font-size: 1.6rem;
    }
    .navbar .g-navins .navbar-nav > li > a{
        padding: 5px 5px 5px 35px;
        border: none;
        font-size: 16px;
        font-size: 1.6rem;
    }
    .navbar .nav li .nav li a {
        line-height:28px;
    }
    .g-banner{
        margin: 64px 0 0 0;
    }
    .m-container .paginatio{
        bottom: 30px;
    }
    .tabner-div{margin-top:18%; margin-right: 7%; }
    .tab-hd{ left: 17%; }
    .tabner-divs{margin-top:18%; margin-right: 7%; }
    .tab-hds{ left: 17%; }
    .index-3{ display: none; width:100%; }
    .index-3ner{ width: 100%; margin-top: 10%;}
    .index-3ner h2{ margin-left: 5%; font-size: 20px;background: url(../images/xian1.png) no-repeat left bottom; }
    .index-3ner h2 span{ color: #333; }
    .index-3ner p{ font-size: 14px; }
    .index-4{ display: block; width:100%; }
    .index-4ner{ width: 100%; margin-top: 10%; position:absolute;}
    .index-4ner h2{ margin-left: 5%; font-size: 20px;background: url(../images/xian1.png) no-repeat left bottom; color:#fff; }
    .index-4ner h2 span{ color: #fff; }
    .index-4ner p{ line-height: 26px; font-size: 14px;color:#fff; }
    .index-4ner-a li{ width: 48%; margin: 0 1%; }
    .index-4ner-a li img{/* width: 100%; */}
    .index-4ner-a li p{ font-size: 12px; min-height: 55px;color:#fff; }
    .index-5{ margin-top: 10%; margin-left: 5%; position:absolute; }
    .index-5 h2{ font-size: 22px;background: url(../images/xian2.png) no-repeat left bottom;}
    .index-5 ul{}
    .index-5 li a{ font-size: 16px; }
    .index-5 p{ font-size: 16px; }
    .index-5 span{ font-size: 18px; }
    .index-5ner {margin-top:10%; position:absolute; right:5%;}
    .conter-a{ padding-top: 17%; }
    .index-6{}
    .index-6ner{}
    .index-6ner h2{ font-size: 22px;background: url(../images/xian2.png) no-repeat left bottom; padding-bottom: 30px;}
    .index-6ner h2 span{ color: #333; }
    .index-6ner-a{ }
    .index-6ner-ar{ padding: 5%; }
    .index-6ner-ar li{ width: 33%; }
    .index-6ner-ar li p{ font-size: 14px; }
    .index-6ner-ar li h2 span{ font-size: 16px; margin-bottom: 25px;}
    .index-6ner-ar li h2{ background: none; }
    .index-6ner-ar li h3{ margin-top: -10px; }
    .index-6ner-ar li h3 span{ font-size: 12px; }
    .index-6ner-ar li h3 i{ font-size: 12px; }
    .index-6ner-ar li h2 img{ width: 24%; }
    .footer-a li{width: 30%;}
    .footer-a li a{ font-size: 14px; }
    .footer-b{ width: 98%; margin-left: 2%; }
    .footer-b span{ font-size: 12px; }
    .footer-a{ padding: 10px 0; margin-bottom: 10px; }
    .footer p{ font-size: 12px; }
    .index-6ner-ar p{ margin: 30px 0;  }
    .w-search{ width:17%;}
    .tabner-div{ width:35%; margin-top:15%;}
    .banner-w h2{ font-size:48px;}
    .tabner-divs{ width:35%; margin-top:15%;}
    .banner-ws h2{ font-size:48px;}
    .container{ padding:0;}
}
@media screen and (max-width: 1020px) {
    .w-search{ display: none; }
    .qualifications{ width: auto !important; }
    .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse{ margin:0 !important;}
}
@media screen and (max-width: 991px) {

    html{
        font-size: 50%;
    }
    .crs-a-r{width:100% !important;}
    .navbar-header{
        -webkit-box-shadow:0;
        box-shadow:0;
        /* box-shadow:0 2px 21px rgba(0,0,0,0.15); */
    }
    .g-navins li{
        float: none;
    }

    .navbar-brand{
        padding: 15px 15px;
    }
    .navbar-brand>img{
        max-width: 120px;
        display: block;
    }
    .g-search{
        margin: 16px 10px 0 0;
    }
    .mobile-search_form{
        top:52px;
    }
    .navbar-nav>li.toplogob {
        width: 18%;
        margin-left: 0;
        display: none;
    }
    .navbar .nav > li>a {
        line-height: 26px;
    }
    .navbar-inverse .navbar-toggle {
        width: 40px;
        height: 34px;
        line-height: 34px;
        margin-top: 15px;
        margin-bottom: 15px;
        margin-right:15px;
        border: none;
        background:none;
        border-radius: 0;
        z-index: 9;
    }
    .navbar-inverse .navbar-toggle:focus,
    .navbar-inverse .navbar-toggle:hover {
        width: 40px;
        height: 34px;
        line-height: 34px;
        margin-top: 15px;
        margin-bottom: 15px;
        margin-right:15px;
        border: none;
        background: none;
        border-radius: 0;
        z-index: 9;
    }
    .navbar-inverse .navbar-toggle .icon-bar{
        background: #ec6810;
    }
    .navbar-fixed-top{
        position: fixed;
        box-shadow: 0px 0px 8px #f5f5f5;
        -webkit-box-shadow: 0px 0px 8px #f5f5f5;
        -moz-box-shadow: 0px 0px 8px #f5f5f5;

    }
    .m-container{
        margin-top: 64px;
    }
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
        border: none;
        -webkit-box-shadow: 0 6px 15px rgba(0,0,0,0.10);
        box-shadow:0 6px 15px rgba(0,0,0,0.10);
    }
    .navbar-right{
        padding: 0 0;
        margin: 7.5px -15px;
    }
    .navbar-right>li{
        padding: 0 20px;
    }
    .g-navins{
        padding:0 0 ;
    }
    .g-navins li{
        padding: 0;
        float: none;
    }
    .g-gywmul.navbar-right{
        margin-right: 0px;
    }
    .g-xwzxul.navbar-right{
        margin-right: 0px;
    }
    .g-cpfwul.navbar-right{
        margin-right: 0px;
    }
    .g-rlzyul.navbar-right{
        margin-right: 0px;
    }
    .navbar .navbar-nav > li > a{
        padding: 8px 10px 8px 35px;
        font-size: 18px;
        font-size: 1.8rem;
    }
    .navbar .g-navins .navbar-nav > li > a{
        padding: 5px 5px 5px 35px;
        border: none;
        font-size: 16px;
        font-size: 1.6rem;
    }
    .navbar .nav li .nav li a {
        line-height:28px;
    }
    .g-banner{
        margin: 64px 0 0 0;
    }
    .m-container .paginatio{
        bottom: 30px;
    }
    .nobor{background: #3b4762 !important;}
    .index-5 {
        margin-top: 10%;
        margin-left: 5%;
        width: 100%;
        position: absolute;
        top: 0;}
    .index-5ner {width: 70%;float: none;margin: 0 auto;position: absolute;
        bottom: 10%;
        left: 15%;}
    .tabner-div{ width:52%;}
    .tabner-divs{ width:52%;}
    .index-6{width: 100%;}
    .index-6ner{ width: 90%;  padding-left: -5%; margin-top: 40%; margin-left: 5%; position:absolute;}
    .index-6ner h2{ font-size: 22px;background: url(../images/xian2.png) no-repeat left bottom; padding-bottom: 30px;}
    .index-6ner h2 span{ color: #333; }
    .index-6ner-a{ background:none; margin: 0; padding-left: 0; }
    .index-6ner-ar{ padding: 5%; }
    .index-6ner-ar li{ width: 33%; }
    .index-6ner-ar li p{ font-size: 14px; }
    .index-6ner-ar li h2 span{ font-size: 16px; margin-bottom: 25px;}
    .index-6ner-ar li h2{ background: none; }
    .index-6ner-ar li h3{ margin-top: -10px; }
    .index-6ner-ar li h3 span{ font-size: 12px; }
    .index-6ner-ar li h3 i{ font-size: 12px; }
    .index-6ner-ar li h2 img{ width: 24%; }
    .section-btn{ display:none !important;}
    .conter{ margin-left:0;}
    .brands-product li img{ width:100% !important;}
    .crs-was h2{ margin-left:0 !important;background: url(../images/xian1.png) no-repeat left bottom !important;}
    .crs-was span{ font-size:16px !important;}
    .crs-b{margin-top: 20px !important;}
}
@media screen and (max-width: 768px) {
    .g-gywmul {
        margin-left: 0 !important;
    }

    .g-xwzxul {
        margin-left: 0 !important;
    }
    .g-cpfwul {
        margin-left: 0 !important;
    }
    .g-rlzyul {
        margin-left: 0 !important;
    }
    .swiper-wrapper img{ width:100%; margin-bottom:10px;}
    .sj-xian{display:block;}
    .pc-xian{display:none;}
}

@media screen and (max-width: 760px) {
    .tabner-div{ width: 80%;margin-top:18%; margin-right: 7%; }
    .tabner-div p{ font-size: 12px; }
    .tabner-divs{ width: 80%;margin-top:18%; margin-right: 7%; }
    .tabner-divs p{ font-size: 12px; }
    .qualifications{ width: 100% !important; }
    .footer{ height:auto;}
    .g-gywmul {
        margin-left: 0 !important;
    }

    .g-xwzxul {
        margin-left: 0 !important;
    }
    .g-cpfwul {
        margin-left: 0 !important;
    }
    .g-rlzyul {
        margin-left: 0 !important;
    }
}
@media screen and (max-width: 640px) {
    /* 左侧导航 */
    .g-erconl .g-erconl-tit{
        background:#009a44;
        color: #fff;
        padding-bottom: 0;
        line-height: 50px;
    }
    .g-sidebar-nav {
        width: 100%;
        margin-left: 0;
        position: relative;
        right: 0;
    }
    .g-erconl .g-erconl-tit img{
        display: none;
    }
    .g-sidebar-nav {
        display: none;
    }
    .g-ernav {
        display: block;
    }
    .g-ernavclose {
        background: url("../images/menupr.png") no-repeat;
        background-size: contain;
        cursor: pointer;
    }
    .g-erconrbox{
        margin-top: 3%;
    }
    .navbar-nav{
        width: 100%;
        margin: 0 auto;
    }
    .banner-w{ top: 20%; }
    .banner-w h2{ font-size: 20px; }
    .banner-w p {color: #00592a;line-height: 22px;font-size: 14px;width: 95%;margin: 0 auto;margin-top: 20px;}
    .tab-hd{width: 100%;left: 0;}
    .tab-hd li{width: 18%; margin: 0 1%;}
    .tab-hd li img{ width: 100%; }
    .tabner-div {width: 90%;height: 30%;top: 15%;position: relative;left: 5%; margin: 0 ;float: none;}
    .tabner-div p{ line-height: 22px; margin-top: 2%; }

    .tab-hds{width: 100%;left: 0;}
    .tab-hds li{width: 18%; margin: 0 1%;}
    .tab-hds li img{ width: 100%; }
    .tabner-divs {width: 90%;height: 30%;top: 15%;position:absolute;left: 5%; margin: 0 ;float: none;}
    .tabner-divs p{ line-height: 22px; margin-top: 2%; }

    .sectsion-btn{ display: none !important; }
    .conter{ margin-left: 0; }
    .index-3{ display: block; width: 100%; }
    .index-3ner{ width: 100%; margin-top: 10%;}
    .index-3ner h2{ margin-left: 5%; font-size: 20px;background: url(../images/xian1.png) no-repeat left bottom;padding-bottom: 20px; }
    .index-3ner h2 span{ color: #333; }
    .index-3ner p{ font-size: 14px; }
    .index-3ner p:nth-child(3){ display: none; }
    .index-3ner a{margin-top:15px;}
    .index-4{ display: block; width: 100%;position: static; float: none;}
    .index-4ner{ width: 100%; padding-top: 15%; position: absolute;background: rgba(0, 0, 0, 0.5); height: 100%; top:0;}
    .index-4ner h2{ margin-left: 5%; font-size: 20px;background: url(../images/xian1.png) no-repeat left bottom; color: #fff; }
    .index-4ner h2 span{ color: #fff; }
    .index-4ner p{ line-height: 26px; font-size: 14px; color: #fff;}
    .index-4ner-a li{ width: 48%; margin: 0 1%; }
    .index-4ner-a li img{/* width: 100%; */}
    .index-4ner-a li p{ font-size: 12px; min-height: 55px; color:#fff; }
    .index-4ner-a{ margin-top:5%;}
    .index-4ner{ margin-top:5%;}
    .index-5{ width: 100%; margin-top: 7%; margin-left: 5%;   position:initial; }
    .index-5 h2{ font-size: 22px;background: url(../images/xian2.png) no-repeat left bottom; margin-bottom:10px;}
    .index-5 ul{margin-bottom:0;}
    .index-5 li a{ font-size: 16px; }
    .index-5 p{ font-size: 16px; }
    .index-5 span{ font-size: 18px; color:#fff; }
    .index-5ner {width: 70%;float: none;margin: 0 auto; position:initial;}
    .conter-a{ padding-top: 17%; }
    .index-6{width: 100%; display: block; margin-top: 0;}
    .index-6ner{ width: 90%;  padding-left: -5%; margin-top: 37%; margin-left: 5%; position: absolute;}
    .index-6ner h2{ font-size: 22px;background: url(../images/xian2.png) no-repeat left bottom; padding-bottom: 30px;}
    .index-6ner h2 span{ color: #333; }
    .index-6ner-a{ background:none; margin: 0; padding-left: 0;}
    .index-6ner-ar{ padding: 5% 5% 4% 5%; }
    .index-6ner-ar li{ width: 33%; }
    .index-6ner-ar li p{ font-size: 14px;min-height:60px; padding-bottom:0;}
    .index-6ner-ar li h2 span{ font-size: 16px; margin-bottom: 25px;}
    .index-6ner-ar li h2{ background: none; }
    .index-6ner-ar li h3{ margin-top: -10px; }
    .index-6ner-ar li h3 span{ font-size: 12px; }
    .index-6ner-ar li h3 i{ font-size: 12px; }
    .index-6ner-ar li h2 img{ width: 24%; }
    .footer-a li{width: 30%;}
    .footer-a li a{ font-size: 14px; }
    .footer-b{ width: 98%; margin-left: 2%; }
    .footer-b span{ font-size: 12px;margin-right: 10px; }
    .footer-a{ padding: 5px 0; margin-bottom: 5px; }
    .footer p{ font-size: 12px; }
    .index-6ner-ar p{ margin:0 0 15px 0;  }
    .tab-hd{ bottom: 6%; }
    .tab-hds{ bottom: 6%; }
}

@media (min-width: 1921px){
    .section-wrap .section{ max-width: 100%; }
    .tab-bd .tabner{ background-size: 100% !important;}
    .xin-max{ max-width: 1920px; margin: 0 auto; }
    .index-5{ position: absolute;width: 30%; }
    .index-5ner{width: 40%;margin-left: 0;position: absolute;left: 45%;}
    .navbar-nav>li.toplogob img{ width:40%;}
}

@media (min-width: 996px){

    .navbar-header {
        float: left;
        display: none;
    }

}
@media (min-width: 991px){
    .navbar-nav{
        width: 100%;
        margin: 0 auto;
    }
    /*.navbar-nav>li {
        margin: 0 1% 0 0;
      }*/
    .navbar-nav {
        font-size: 18px;
        color: #787878;
        width: 100%;
    }
    .g-gywmul {
        margin-left: 23%;
    }

    .g-xwzxul {
        margin-left: 23%;
    }
    .g-cpfwul {
        margin-left: 23%;
    }
    .g-rlzyul {
        margin-left: 23%;
    }
    .g-navinssh {
        margin-left: 458px;
    }
    /* 二级路径导航 */
    .g-erconl {
        position: relative;
        padding: 0;
        background: #fff;
        border-right:1px solid #ddddde;
        margin-bottom: 3%;
    }
    /* 左侧导航 */
    .g-erconl{
        display: block;
    }
    .m_nav {
        display: none;
    }
    .g-erconl .g-erconl-tit{
        background:#009a44;
        color: #fff;
        padding-bottom: 0;
        line-height: 50px;
    }
    .g-sidebar-nav {
        width: 100%;
        margin-left: 0;
        position: relative;
        right: 0;
    }
    .g-erconl .g-erconl-tit img{
        display: none;
    }
    .g-sidebar-nav {
        display: none;
    }
    .g-ernav {
        display: block;
    }
    .g-ernavclose {
        background: url("../images/menupr.png") no-repeat;
        background-size: contain;
        cursor: pointer;
    }
    .g-erconrbox{
        margin-top: 3%;
    }
    .navbar .nav > li .dropdown-menu{
        position: relative;
    }
}

@media screen and (min-width: 769px) {

    .navbar .nav > li .dropdown-menu {
        width: 100%;
        display: block;
        overflow: hidden;
        visibility: hidden;
        opacity: 0;
        position: absolute;
        left: 0;
        transition: all ease-in-out 0.3s;
        box-shadow:none;
        border: 0;
        filter:progid:DXImageTransform.Microsoft.gradient(enabled = 'ture',startColorstr = '#70ffffff',endColorstr = '#70ffffff');
    }
    .navbar .nav > li:hover .dropdown-menu {
        display: block;
        height: auto;
        visibility: visible;
        opacity: 1;
        transition: all ease-in-out 0.3s;
        box-shadow:none;
        /* -webkit-box-shadow: inset -3px 6px 21px rgba(0,0,0,0.15);
         box-shadow:inset -3px 6px 21px rgba(0,0,0,0.15);*/
    }
    .navbar-right.g-rlzyul{
        float: right !important;
    }
    .navbar .nav > li .dropdown-menu {
        width: 100%;
        display: block;
        margin: 0;
        height: 0;
        padding: 0;
        overflow: hidden;
        visibility: hidden;
        opacity: 0;
        position: absolute;
        left: 0;
        transition: all ease-in-out 0.3s;
        box-shadow:none;
        border: 0;
        background: rgba(255, 255, 255, 0.7);filter:progid:DXImageTransform.Microsoft.gradient(enabled = 'ture',startColorstr = '#70ffffff',endColorstr = '#70ffffff');
    }
    .navbar .nav > li:hover .dropdown-menu {
        display: block;
        height: auto;
        visibility: visible;
        opacity: 1;
        transition: all ease-in-out 0.3s;
        box-shadow:none;
        /* -webkit-box-shadow: inset -3px 6px 21px rgba(0,0,0,0.15);
         box-shadow:inset -3px 6px 21px rgba(0,0,0,0.15);*/
    }
    .navbar{
        -webkit-box-shadow: 0;
        box-shadow:0;
    }
}


