﻿/*自定义基础通用样式*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 300;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
    font-weight: 300;
}
body {
    font: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3","FontAwesome",sans-serif;
}
a:visited{
    text-decoration: none;
}
a:focus{
    outline: none;
    text-decoration: none;
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
    border-color: #f4b734;
}
/*所有按钮加渐变动画*/
.btn{
    -webkit-transition: all 0.225s ease-in-out;
    -moz-transition: all 0.225s ease-in-out;
    -o-transition: all 0.225s ease-in-out;
    transition: all 0.225s ease-in-out;
}
.headertop {
    background: #fff;
    border-bottom: 1px solid #e4e4e4;
}
.logoDisplay {
    display: none;
}
.topright {
    padding-top: 20px;
}
.logoimg {
    padding-top: 35px;
    padding-bottom: 35px;
}
.logomin {
   padding-top: 15px;
   padding-bottom: 10px;
   padding-left: 10px;
}
.banben {
    padding-top: 20px;
}
.paddingRingh20 {
    padding-right: 40px;
}
.tel {
    font-size: 14px;
    color: #8f8e8e;
}
.tel .iconfont {
    font-size: 26px;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    bottom: -5px;
}
.navlist ul li {
    float: left;
}
.navlist a {
    color: #777;
    display: block;
    text-align: center;
    font-size: 16px;
    float: left;
    display: inline-block;
    padding-left: 50px;
    padding-right: 50px;
}
.navlist span {
    float: right;
    display: inline-block;
    color: #d2d2d2;
    font-size: 22px;
}
.navlist a:hover {
    background: #e3722e;
    color: #fff;
    text-decoration: none;
}
.navcontainer {
    background: #f3f3f3;
    height: 80px;
    line-height: 80px;
}
.navbar {
    border-bottom: none;
}
.navbar-nav {
    font-size: 14px;
    text-transform: uppercase;
    height: 20px;
}
.navbar-nav>li>a:hover {
    border-bottom: 2px solid #f4b734;
    background: #fff;
}
.navbar-nav>li>a:visited {
    background: #fff;
}
.header .navbar-nav>.active>a, .header .navbar-nav>.active>a:hover, .header .navbar-nav>.active>a:focus{
    background: #fff;
    color: #232323;
}
.navbar-nav>li>a {
    padding-top: 0px;
    height: 30px;
    line-height: 30px;
    color: #232323;
}
.navbar-toggle .icon-bar {
    background: #f4b734;
}
.navbar-toggle {
    border: 1px solid #f4b734;
}
.navbar-header {
    padding-top: 10px;
}
.fixednav {
    position: fixed;
    background: #fff;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 1000;
    border-bottom: 1px solid #eee;
}
.naven {
    text-transform: uppercase;
}
.carousel-indicators li {
    width: 14px;
    height: 14px;
}
.carousel-indicators .active {
    width: 16px;
    height: 16px;
}
.indexmain {
}
.womendefuwu {
    padding-top: 60px;
}
.womendefuwu .titleh2 {
    font-size: 38px;
    font-weight: bold;
    color: #343434;
    text-align: center;
    width: 100%;
}
.womendefuwu .titleh2 span {
    margin-right: 10px;
    margin-left: 10px;
    position: relative;
    top: -5px;
}
.titleMin {
    font-size: 18px;
    color: #5d5d5d;
    text-align: center;
    padding-top: 5px;
}
.liukuai {
    padding-top: 55px;
    padding-bottom: 60px;
}
.liukuai p {
    font-size: 14px;
    text-align: center;
    color: #696969;
    margin-bottom: 40px;
}
.liukuai .yuanicon{
    width: 126px;
    height: 126px;
    border: 1px solid #e1e1e1;
    text-align: center;
    -moz-border-radius:50%;
    -webkit-border-radius: 50%;
    border-radius:50%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 18px;
    line-height: 126px;
    cursor: pointer;
    transition: all 0.5s; 
}
.liukuai .yuanicon:hover {
    transform: scale(1.2);
}
.liukuai .yuanicon .lineHeit {
    line-height: 135px;
}
.liukuai .yuanicon .iconfont {
    font-size: 60px;
    color: #002e87;
}
.liukuai .yuanicon .fontSize90 {
    font-size: 90px;
}
.liukuai .yuanicon .fontSize70 {
    font-size: 70px;
}
.indexproduct {
    margin-top: 40px;
    background: url('../images/productbg.jpg') no-repeat;
    padding-top: 60px;
}
.indexproduct .titleh2 {
    font-size: 38px;
    font-weight: bold;
    color: #e9edf3;
    text-align: center;
    width: 100%;
}
.indexproduct .titleh2 span {
    margin-right: 10px;
    margin-left: 10px;
    position: relative;
    top: -5px;
}
.indexproduct .titleMin {
    font-size: 18px;
    color: #e9eef4;
    text-align: center;
    padding-top: 5px;
}
.indexproduclist {
    padding-bottom: 28px;
    padding-top: 50px;
}
.indexproduclist .productimg {
    margin-bottom: 35px;
    text-align: center;
}
.indexproduclist .productimg img {
    cursor: pointer;
    transition: all 0.5s; 
}
.indexproduclist .productimg img:hover {
    transform: scale(1.1);
}
.indexrongyu {
    padding-top: 60px;
    background: #f4f4f4;
}
.indexrongyulist {
    background: #fff;
    padding:  20px;
    margin-top: 60px;
    padding-bottom: 40px;
}
.indexrongyulist p {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 0px;
}
.indexrongyulist p a {
    color: #7b7b7b;
    font-size: 14px;
}
.indexrongyulist .productimg img {
    cursor: pointer;
    transition: all 0.5s; 
}
.indexrongyulist .productimg img:hover {
    transform: scale(1.1);
}
.indexrongyu .titleh2 {
    font-size: 38px;
    font-weight: bold;
    color: #343434;
    text-align: center;
    width: 100%;
}
.indexrongyu .titleh2 span {
    margin-right: 10px;
    margin-left: 10px;
    position: relative;
    top: -5px;
}
.indexrongyu .titleMin {
    font-size: 18px;
    color: #5d5d5d;
    text-align: center;
    padding-top: 5px;
}
.indexGG {
    background: #e7e7e7;
    margin-bottom: 60px;
}
.indexGG .color1 {
    background: #f68100;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    height: 150px;
    position: relative;
}
.indexGG .color1 ul {
    margin-top: 30px;
}
.indexGG .color2 {
    background: #002876;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    height: 150px;
    text-align: center;
    position: relative;
}
.indexGG .color1 .jiantou {
    position: absolute;
    right: -15px;
    top: 60px;
    z-index: 100;
    background: #fff;
    display: block;
    width: 36px;
    height: 36px;
    text-align: center;
    border-radius: 50%;
}
.indexGG .color2 .jiantou {
    position: absolute;
    right: -20px;
    top: 60px;
    z-index: 100;
    background: #fff;
    display: block;
    width: 36px;
    height: 36px;
    text-align: center;
    border-radius: 50%;
}
.indexGG .color1 .jiantou span.iconfont {
    color: #002876;
    font-size: 18px;
    margin-right: 0px;
}
.indexGG .color2 .jiantou span.iconfont {
    color: #002876;
    font-size: 18px;
}
.indexGG .color2 h3 {
    margin-top: 40px;
    font-size: 30px;
    font-weight: bold;
}
.indexGGen .color2 h3 {
    margin-top: 23px;
    font-size: 30px;
    font-weight: bold;
}
.indexGG .color2 p {
    font-size: 14px;
}
.indexGG .color1 span.iconfont {
    margin-right: 10px;
    font-size: 32px;
}
.indexGG .color1 span.txt {
    position: relative;
    top: -5px;
}
.indexGG .colortel {
    text-align: center;
}
.indexGG .colortel h5 {
    font-size: 16px;
    margin-top: 35px;
    margin-bottom: 10px;
}
.indexGGen .colortel h5 {
    font-size: 20px;
    margin-top: 35px;
    margin-bottom: 10px;
}
.indexGG .colortel h4 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 5px;
}
.indexGGen .color1 ul {
    margin-top: 40px;
}
.indexGGen .color1 ul li {
    line-height: 26px;
    font-size: 18px;
}
.indexAbout {
    background: url('../images/logobg.png') no-repeat center center;
    padding-bottom: 80px;
}
.indexAbout .titleh2 {
    font-size: 38px;
    font-weight: bold;
    color: #343434;
    text-align: center;
    width: 100%;
}
.indexAbout .titleh2 span {
    margin-right: 10px;
    margin-left: 10px;
    position: relative;
    top: -5px;
}
.indexAbout .titleMin {
    font-size: 18px;
    color: #5d5d5d;
    text-align: center;
    padding-top: 5px;
}
.indexAboutK {
    padding-top: 60px;
}
.indexAboutK .abouttxt {
    font-size: 16px;
    color: #777777;
    line-height: 32px;
    padding-right: 40px;
    padding-top: 30px;
}
.indexAboutK .abouttxt a {
    font-size: 18px;
    color: #e3722e;
}
.indexAboutK .abouttxt p {
    margin-bottom: 30px;
    text-indent: 2em;
}
.indexAboutKen .abouttxt p {
    text-indent: 0;
}
.indexyoushi {
    background: url('../images/youshibg.jpg') no-repeat;
    padding-bottom: 80px;
    padding-top: 80px;
}
.indexyoushi .titleh2 {
    font-size: 38px;
    font-weight: bold;
    color: #343434;
    text-align: center;
    width: 100%;
}
.indexyoushi .titleh2 span {
    margin-right: 10px;
    margin-left: 10px;
    position: relative;
    top: -5px;
}
.indexyoushi .titleMin {
    font-size: 18px;
    color: #5d5d5d;
    text-align: center;
    padding-top: 5px;
}
.youshilist {
    margin-top: 60px;
}
.youshilist .proimgs {
    margin-bottom: 40px;
}
.indexyoushi .kuai {
    position: relative;
    z-index: 10;
    overflow: hidden;
    background: #fff;
    height: 475px;
    -moz-box-shadow:1px 1px 3px #999;
    -webkit-box-shadow:1px 1px 3px #999;
    box-shadow:1px 1px 3px #999;
}
.indexyoushi .kuai .maskbg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    padding: 30px;
    padding-top: 100px;
    text-decoration: none;
    background: rgba(246, 129, 0, .9);
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all .4s;
            transition: all .4s;
    -webkit-transform: translateY(110%);
        -ms-transform: translateY(110%);
            transform: translateY(110%);
}
.indexyoushien .kuai .maskbg {
    padding-top: 50px;
}
.indexyoushi .kuai:hover .maskbg {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}
.indexyoushi .kuai .readMore h3 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-top: -20px;
    color: #494a4c;
}
.indexyoushien .kuai .readMore h3 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-top: -20px;
    color: #494a4c;
    padding-left: 15px;
    padding-right: 15px;
}
.indexyoushi .kuai .readMore:hover {
    text-decoration: none;
}
.indexyoushi .kuai p {
    color: #686868;
    font-size: 14px;
    line-height: 24px;
}
.indexyoushi .kuai .destxt {
    padding: 25px;
}
.indexyoushi .kuai .maskbg {
    color: #fff;
}
.indexyoushi .kuai .maskbg h3 {
    font-size: 18px;
    font-weight: bold;
    margin-top: 20px;
    text-align: center;
}
.indexyoushien .kuai .maskbg h3 {
    margin-top: 0px;
}
.indexyoushi .kuai .maskbg p {
    color: #fff;
}
.indexyoushi .kuai .txtyuan .yuanicon {
    width: 90px;
    height: 90px;
    line-height: 80px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #002e87;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: -45px;
    z-index: 999;
}
.indexyoushi .kuai .txtyuan .yuanicon .iconfont {
    font-size: 40px;
    color: #002e87;
}
.indexyoushi .maskbg .yuanicon {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
}
.indexyoushi .maskbg .yuanicon .iconfont {
    font-size: 50px;
}
.indexyoushi .maskbg .hengxian {
    text-align: center;
}
.indexyoushi .maskbg .hengxian .iconfont {
    font-size: 30px;
}
.indexNews {
    padding-top: 25px;
    padding-bottom: 50px;
}
.indexNews .titleh2 {
    font-size: 38px;
    font-weight: bold;
    color: #343434;
    text-align: center;
    width: 100%;
}
.indexNews .titleh2 span {
    margin-right: 10px;
    margin-left: 10px;
    position: relative;
    top: -5px;
}
.indexNews .titleMin {
    font-size: 18px;
    color: #5d5d5d;
    text-align: center;
    padding-top: 5px;
}
.newskuai {
    padding-top: 60px;
}
.newskuai .newstitle {
    position: relative;
    margin-bottom: 30px;
}
.newskuai .newstitle b {
    font-size: 18px;
    font-weight: normal;
}
.newskuai .newstitle span.futitle {
    margin-left: 10px;
    font-size: 13px;
}
.newskuai .newstitle .morenews {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 16px;
    color: #666;
}
.newskuai .oneNews img{
    float: left;
    margin-right: 35px;
    margin-bottom: 10px;
}
.newskuai .oneNews h4 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}
.newskuai .oneNews .oneNewsTxt {
    padding-top: 15px;
}
.newskuai .oneNews .oneNewsTxt h4 {
    font-size: 18px;
    font-weight: bold;
    color: #343434;
    margin-bottom: 26px;
}
.newskuai .oneNews .oneNewsTxt p {
    color: #767676;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
}
.newskuai .oneNews .oneNewsTxt a.more {
    font-size: 15px;
    color: #f68100;
}
.indexnewslist {
    clear: both;
    padding-top: 20px;
    padding-bottom: 40px;
}
.indexnewslist ul li {
    position: relative;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    border-bottom: 1px dotted #d6d6d6;
}
.indexnewslist ul li span.iconbiao {
    margin-right: 5px;
    color: #9a9a9a;
}
.indexnewslist ul li span.shijian {
    position: absolute;
    right: 0px;
    top: 0px;
    color: #9a9a9a;
}
.indexnewslist ul li a {
    color: #333;
    text-overflow:ellipsis;
}
.cjwenti {
    border-left: 2px solid #cccccc;
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
}
.cjwentititle {
    position: relative;
    padding-bottom: 28px;
}
.cjwentititle b{
    font-size: 18px;
    font-weight: normal;
}
.cjwentititle .iconfont {
    font-size: 20px;
    margin-right: 10px;
}
.cjwentititle .morenews {
    position: absolute;
    right: 0px;
    top: 5px;
    color: #666;
    font-size: 14px;
}
.cjwentimain {
    padding-top: 30px;
    padding-bottom: 20px;
    height: 380px;
    overflow: hidden;
}
.cjwentimain .wenti {
    border: 1px solid #d4d4d4;
    height: 60px;
    border-radius: 30px;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.cjwentimain .huida {
    border: 1px solid #d4d4d4;
    height: 60px;
    line-height: 40px;
    border-radius: 30px;
    position: relative;
    width: 100%;
    margin-top: 25px;
    margin-bottom: 25px;
    overflow: hidden;
    text-align: center;
}
.cjwentimain .wenti p {
    padding-left: 80px;
    line-height: 24px;
    font-size: 14px;
    padding-right: 40px;
    padding-top: 5px;
}
.cjwentimain .huida p {
    padding-right: 80px;
    font-size: 20px;
    padding-left: 20px;
    padding-top: 8px;
}
.cjwentimain .wenti .iconfont {
    background: #f68100;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: block;
    text-align: center;
    line-height: 60px;
    font-size: 26px;
    color: #fff;
    position: absolute;
    left: 0px;
    top: 0px;
}
.cjwentimain .huida .iconfont {
    background: #bababa;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: block;
    text-align: center;
    line-height: 60px;
    font-size: 32px;
    color: #fff;
    position: absolute;
    right: 0px;
    top: 0px;
}

.footer {
    padding-top: 25px;
    padding-bottom: 25px;
    background: #3d3f3f;
    font-size: 14px;
    color: #d2d2d2;
}
.footer span {
    margin-left: 10px;
}
.footer a {
    color: #d2d2d2;
}
.footerContact {
    text-align: left;
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 20px;
    color: #d2d2d2;
}
.footerContact  div {
    margin-bottom: 5px;
}
.footerContact span.iconfont {
    font-size: 36px;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    bottom: -5px;
}
.footerContact .paddingtop20 {
    padding-top: 18px;
}
.footerfooter {
    color: #d2d2d2;
    border-top: 1px solid #686969;
    padding-top: 25px;
    font-size: 14px;
}
.footimg {
    width: 100%;
    text-align: right;
}
.footimg img {
    margin-left: auto;
    margin-right: 0px;
}
.leftmenu {
    background: #002876;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #fff;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
}
/* .leftmenu b::before {
    content: ">";
    margin-right: 8px;
    color: #fff;
    opacity: 0.4;
    font-size: 16px;
} */
.leftmenu b{
    display: block;
    font-size: 18px;
    text-transform: uppercase;
    font-weight:normal;
}
.leftlist {
    padding-bottom: 20px;
    border: 1px solid #ccc;
    border-top: 0px;
    margin-bottom: 30px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.leftlist ul li {
    padding: 15px 36px;
    border-bottom: 1px solid #eee;
}
.leftlist ul li:first-child {
    padding-top: 25px;
}
.leftlist ul li:last-child {
    border-bottom: 0px;
}
.leftlist ul li p {
    font-size: 12px;
    color: #777;
    padding-top: 10px;
    line-height: 22px;
}
.leftlist ul li:hover {
    background: #eee;
}
/* .leftlist ul li a::before {
    content: ">";
    margin-right: 8px;
    color: #ccc;
    font-size: 10px;
} */
.leftlist ul li h3 {
    color: #444;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
}
.positions {
    color: #999;
}
.positions a {
    color: #999;
}
.positions b {
    border-left: 8px solid #e3722e;
    padding-left: 7px;
}
.location {
    height: 60px;
    line-height: 60px;
    font-size: 15px;
    color: #999;
    border-bottom: 1px solid #eee;
    text-transform: uppercase;
}
.location a {
    color: #999;
    margin-left: 10px;
    margin-right: 10px;
}
.neiContent {
    padding-top: 30px;
    padding-bottom: 40px;
    font-size: 16px;
    color: #666;
}
.neiContent img.img-responsive {
    margin-bottom: 20px;
}
.neirightitle {
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
}
.neirightitle h1 {
    font-size: 26px;
    color: #e3722e;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px;
}
.neirightitle h1 span {
    display: inline-block;
    padding-bottom: 20px;
    border-bottom: 1px solid #f68100;
}
.neiright {
    padding-left: 20px;
    line-height: 26px;
}
.neiabout p {
    margin-bottom: 20px;
    text-indent: 2em;
}
.lianxinei {
    padding-left: 20px;
}
.lianxi div {
    margin-bottom: 15px;
}
.lianxi .iconfont{
    font-size: 30px;
    margin-right: 10px;
}
.neiCpContent {
    padding-left: 20px;
}
.neiCpContent .onecp p {
    height: 50px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    text-align: center;
}
.neiCpContent .onecp img{
    margin-bottom: 20px;
    max-width: 100%;
    cursor: pointer;
    transition: all 0.5s;
}
.neiCpContent .onecp img:hover {
    transform: scale(1.1);
}
.neiCpContent .onecp a {
    color: #555;
    font-size: 16px;
}
.neiCpContent .onecp a.thumbnail {
    border: none;
    margin-bottom: 0px;
}
.fenye {
    float: right;
    display: inline;
    font-size: 14px;
}
.fenye li {
    float: left;
    display: inline;
    margin-left: 10px;
    margin-right: 10px;
}
.fenye li a {
    color: #666;
}
h1.neicptitle {
    font-size: 20px;
    text-align: center;
    padding: 20px;
    font-weight: bold;
}
.newList {
    margin-bottom: 30px;
}
.newList ul li a {
    color: #666;
    font-size: 14px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.newList ul li {
    height: 62px;
    line-height: 62px;
    position: relative;
    font-size: 14px;
    border-bottom: 1px solid #dbdbdb;
    margin-left: 28px;
    margin-right: 28px;
}
.newList ul li span {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #b5b5b5;
}
.newList ul li a::before {
    content: ">";
    margin-right: 8px;
    color: #888;
    opacity: 0.4;
    font-size: 16px;
}
.neinewslist p {
    margin-bottom: 30px;
}
.neinewslist h1 {
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
    color: #f68100;
}
.neinewslist h2 {
    text-align: center;
    font-size: 14px;
    margin-bottom: 30px;
    color: #888;
}
.neinewslist h2 span {
    margin-right: 10px;
    margin-left: 10px;
}
.neinewsbody {
    padding-left: 50px;
    padding-right: 50px;
    line-height: 30px;
}
.neinewsbody p {
    text-indent: 2em;
}

@media (max-width: 767px) {
.header .header-t {
    display: none;
}
.header .header-b {
    margin: 0 auto;
    display: none;
}
    .navcontainer {
        height: auto;
    }
    .colorwhite {
        display: none;
    }
    .indexGG .color1 .jiantou {
        display: none;
    }
    .indexGG .color2 .jiantou {
        display: none;
    }
    .paddingRingh20 {
        padding-right: 0px;
    }
    .logoDisplay {
        display: block;
    }
    .navbar-nav>li>a {
        padding-top: 0px;
        height: 30px;
        line-height: 30px;
    }
    .navbar-header {
        margin-bottom: 10px;
    }
    .navbar-toggle {
        margin-top: 15px;
    }
    .navbar-nav {
        height: auto;
    }
    .navbar {
        height: auto;
    }
    .about {
        margin-bottom: 50px;
    }
    .news {
        margin-bottom: 50px;
    }
    .aboutimg img {
        float: left;
    }
    .indexproduct {
        margin-top: 40px;
        background: url('../images/productbg.jpg') repeat-y;
        padding-top: 60px;
    }
    .indexproduclist {
        padding-left: 20px;
        padding-right: 20px;
    }
    .footimg {
        width: 100%;
        text-align: center;
        padding-top: 20px;
    }
    .footimg img {
        margin-left: auto;
        margin-right: auto;
    }
    .footerfooter {
        padding-left: 20px;
        padding-right: 20px;
    }
    .cjwenti {
        border-left: none;
        padding-left: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
        width: 100%;
    }
    .indexyoushi {
        padding-bottom: 20px;
    }
    .indexAboutK {
        padding-top: 0px;
    }
    .navlist ul li {
        float: none;
    }
    .navlist a {
        color: #777;
        display: block;
        text-align: center;
        font-size: 16px;
        float: none;
        display: inline-block;
        padding-left: 50px;
        padding-right: 50px;
        width: 100%;
    }
    .navlist span {
        display: none;
    }
    .navcontainer {
        background: #f3f3f3;
        height: auto;
        line-height: 40px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
.header .header-b {
    margin: 0 auto;
    display: none;
}
.header .header-t {
    display: none;
}
    .indexGG .color1 .jiantou {
        display: none;
    }
    .indexGG .color2 .jiantou {
        display: none;
    }
    .navlist a {
        color: #777;
        display: block;
        text-align: center;
        font-size: 16px;
        float: left;
        display: inline-block;
        padding-left: 15px;
    }
}
@media (max-width: 1200px) {
    .navcontainer {
        height: auto;
    }
    .navbar-nav {
        margin-top: 0px;
        margin-bottom: 40px;
    }
}