﻿.navbar-header{background: #000000; }
@media (max-width: 750px) 
{
    .nav{width: 100%; height:auto; background: #000000; min-width: 100%; }
    .navbar-nav { margin:0px;}
    .navbar-default .navbar-nav > li > a { color: #fff;}
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #fff;}
    .caret {color: #ffb500;transform: scale(1);margin-top: 10px;}
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #fff;
    background-color: transparent;}
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #000;}
    .navbar-default .navbar-toggle {
    border-color: #fff;}
    .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;}
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #ffb500;}
    .banner {
    width: 100%;
    min-width: 100%;}
    .index_about {
    height: 120px;
    line-height: 30px;
    font-size: 12px;
    }
    .index_about span {
    padding-top: 30px;
    font-size: 16px;
    }
    .index_aboutlist {
    padding: 30px 0;}
    .index_aboutlist_ {
    width: 100%;
    margin: 0 auto;}
    .list .list_icon {
    width: 80px;
    height: 80px;}
    .list .list_icon img {
    width: 80px;
    height: 80px;
    }
    .list {
    width: 33%;
    }
    .list .list_text {
    width: 80px;
    font-size:12px;
    }
    .list .list_text span {
    display: block;
    width: 100%;
    color: #7e7e7e;
    font-size: 12px;
    font-weight: normal;
    transform: scale(0.85);
}
    .index_pro {
    min-width: 100%;
    background: #1e1e28;}
    .social_con {
    background: #fff;
    padding: 20px;
    width: 88.5%;
    margin: 0 auto 70px auto;
    font-size: 12px;
    line-height: 35px;}
    .pro_text {
    display:block;
    align-items: center;
    position:static;
    top: 0;
    right: 0;
    bottom: 0;}
    .pro_title {
    padding-top: 30px;
    text-align:center;
    color: #b1b1af;
    line-height: 30px;
    padding-bottom: 40px;
    font-size: 12px;
    }
    .pro_title span {
    display: block;
    font-weight: normal;
    font-size: 16px;
    color: #fff;
    font-weight: bold;}
    .pro_text_ {
    margin-left: 0%;}
    .pro_list {
    width: 92%;
    margin-left: 8%;}
    .index_newsT {
    width: 100%;
    height: 120px;
    line-height: 30px;
    }
    .index_newsT span {
    padding-top: 30px;
    font-size: 16px;
    }
    .picScroll-mobile-left{ width:100%;  position:relative;}
		.picScroll-mobile-left .hd{}
		.picScroll-mobile-left .hd .prev{ position: absolute; left: 0;top: 50%; z-index: 10; margin-top: -35px; 
			display:block;  width:35px; height:70px; overflow:hidden;
			 cursor:pointer; background:url(../images/icon_left.png);
		}
		.picScroll-mobile-left .hd .next{position: absolute; right: 0; top: 50%; margin-top: -35px; z-index: 10; display:block;  width:35px; height:70px; float:right; overflow:hidden;cursor:pointer; background:url(../images/icon_right.png);}
			 
		.picScroll-mobile-left .hd .prevStop{ background-position:-60px 0; }
		.picScroll-mobile-left .hd .nextStop{ background-position:-60px -50px; }
		.picScroll-mobile-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
		.picScroll-mobile-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icon_right.png") 0 0 no-repeat; }
		.picScroll-mobile-left .hd ul li.on{ background-position:0 0; }
		.picScroll-mobile-left .bd{ width: 95.5%;  margin: 0 auto;}
		.picScroll-mobile-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-mobile-left .bd ul li{ float:left; overflow:hidden;}
		.picScroll-mobile-left .bd ul li .pic{ text-align:center; }
		.picScroll-mobile-left .bd ul li .pic img{  display:block; width: 100%;}
		.picScroll-mobile-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picScroll-mobile-left .bd ul li a{ color: #5e5e5e;}
		.picScroll-mobile-left .picListli{ width: 90%; margin: 10px auto; padding: 25px; background: #fff;border: 1px solid #ababab;  }
        .picScroll-mobile-left .bd ul li:hover .picListli{ border:1px solid #fff;outline: 10px solid #ffaf00;}
        .marking {
    width: 100%;
    min-width: 100%;}
    .index_newsT_marking{ top:0px;}
    .markting_pic_index {
    width: 100%;
    position: absolute;
    bottom: 0%;
    left: 0%;}
    .footer_ {
    min-width: 100%;
    padding: 50px 0;}
    .footer_logo{width: 50%; margin-left:5%; margin-bottom:20px;}
.footer_content{width: 90%;}
    .footer_content{  margin-left:5%;}
    .carousel-dx {
    position: absolute;
    bottom: 30px;
    left: 0% !important;
    margin-left: 0px !important;
    text-align: right;}
    .about_title{ background: url(../images/about_titleBg1.jpg) repeat-x left top; height: 120px;  font-size: 12px; color: #aaaaa8;line-height: 30px;}
    .about_title span{ display:block; font-weight: normal;  padding-top: 30px; font-size: 16px; color: #fff; font-weight: bold;}
    .about_content {
    min-width: 100%;}
    .about_content_>div {
    width: 100%;
}
.about_content_{ display:block;align-items: stretch; width: 88.5%; margin: 0 auto;}
.about_content_pic {
    width: 100%;
    padding: 20px 0;
}
.about_content_text {
    padding: 20px 10px;
    color: #000000;
    line-height: 40px;
    text-align: justify;
    font-size: 12px;
}
.about_content_text .title {
    font-size: 12px;
    color: #000;
    line-height: 30px;
}
.about_content_text .title span {
    display: block;
    font-weight: normal;
    font-size: 14px;
    color: #000;
    font-weight: bold;
}
.about_yf {
    background: #1e1e28;
    color: #fff;
    min-width: 100%;
}
.about_content_text_yfsc{color: #fff; padding: 20px 0px;}
.about_honor{ background: url(../images/about_titleBg2.jpg) repeat-x left top; height: 120px;  font-size: 12px; color: #7d7d7d;line-height: 30px;}
.about_honor span{ display:block; font-weight: normal;  padding-top: 40px; font-size: 16px; color: #171717; font-weight: bold;}
.about_content_text_ppbz{color: #fff; padding: 30px 0 30px 0%;}
.social {
    min-width: 100%;
}
.social_con_img{padding-right:0px ; width:100%;}
.gaoxinjs{font-weight:bold;font-size:12px;display:block;padding:20px 0;line-height:40px;font-style:italic;}
.FAlignCenterqywh{padding:30px 0;font-size:12px;}
.product {
    background: #1e1e28;
    padding: 30px 0;
    width: 100%;
    min-width: 100%;
}
.markting_bottom {
    display:block;
    justify-content: space-between;
    width: 88.5%;
    margin: 0 auto;
}
.markting_bottom>div {
    width: 100%;
}
.message .message_left {
    width: 100%;
}
.message .message_right {
    width: 100%;
}
.recruitLi_m {
    width: 88.5%;
    margin: 0 auto;
    display:block;
    align-items: center;
    padding: 40px 0;
}
.recruit_title {
    font-size: 16px;
    color: #01021e;
    font-weight: bold;
    height: 60px;
    line-height: 60px;
    width: 88.5%;
    margin: 0 auto;
}
.recruitLi_left {
    width: 100%;
    font-size: 12px;
    line-height: 35px;
}
.recruitLi_right {
    width: 100%;
    font-size: 12px;
    line-height: 35px;
}
.join_lc table {
    width: 100%;
    margin: 0 auto;
    font-size: 12px;
}
.join_lc table tr td {
    border-top: 0;
    line-height: 30px;
    color: #fff;
    font-weight: bold;
    display:block;
}
.message_title span {
    display: block;
    font-weight: normal;
    font-size: 16px;
    color: #171717;
    font-weight: bold;
}
.news_typeli a {
    width:30%;height: 30px; line-height:30px; font-size:12px;}
.newsli_text {
     padding:0px 10px;
}
.newsli_page{ padding:0px 10px;}
.about_title_newsli{ padding:0px 10px;}
.product_icon {
    display:block;
    width: 100%;
}
.product_icon a {
    display: block;
    width: 20%; float:left;
}
.product_btn {
    width: 100%;
    margin: 30px auto 50px auto;
}
.pro_con {
    display:block;
    align-items: stretch;
    width: 88.5%;
    margin: 0 auto;
}
.pro_con_pic {
    width: 100%;
}
.pro_con_text {
    width: 100%;
}
.pro_con_text table {
    width: 100%;
    color: #fff;
    height: 100%;
    margin: 0 auto;
}
.pro_con_title {
    color: #fff;
    font-size: 3.77vw;
    font-weight: bold;
    height: 70px;
    line-height: 70px;
    width: 88.5%;
    margin: 0 auto 0px auto;
}
.culture_list {
    width: 100%;
    text-align: center;
    margin: 20px auto;
}
.culture_list>div{ width:50%; float:left; height:210px;}
.culture_list1 {
    width: 100px;
    height: 100px;
    background: #f5ad01;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    overflow: hidden;
    padding-top: 20px;
    font-size: 12px;
    margin: 0 auto;
}
.culture_list1 span {
    display: block;
    font-size: 12px;
}
.culture_list2 {
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    padding: 10px 0;
}
.title span {
    display: block;
    margin: 8px 0;
    font-size: 12px;
}
.title span.txt1 {
    font-weight: bold;
    font-size: 14px;
    color: #010101;
    line-height: 35px;
}
.title span.txt3 {
    font-size: 12px;
    text-align: right;
    line-height: 35px;
}
.i_more {
    height: 40px;
    border: 2px solid #161616;
    color: #161616;
    width: 120px;
    text-align: center;
    line-height: 36px;
    border-radius: 19px;
    margin: 20px auto 50px auto;
    font-size: 12px;
}
.index_newsT {
    font-size: 12px;

}
.tel {
    background: url(../images/footer_icon2.jpg) no-repeat left center;
    height: 35px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 35px;
    padding-left: 30px;
    font-style: normal;
    width: 60%;
}
.address {
    color: #fff;
    font-size: 12px;
    line-height: 30px;
}
.pro_list a {
    display: block;
    border-radius: 25px;
    height: 50px;
    width: 41.9%;
    float: left;
    border: 2px solid #fff;
    transition: all 0.2s linear;
    line-height: 45px;
    padding-left: 40px;
    margin-right: 6%;
    margin-bottom: 20px;
    font-size: 12px;
    position: relative;
}
.top{ width: 60px; position: fixed; right: 0; top: 40%; z-index: 999; }
.top div{ width: 60px; height: 60px;background: #eeeeee; transition: all 1s linear ;}
.top div img{ width:24px;}
.top div:hover{ width: 60px; height: 60px; background: #f5ad01;}
.top div a{ display: block; width: 50px; margin: 0 auto; text-align: center; color: #433d3d; font-size: 12px; line-height: 25px; border-bottom: 1px solid #d7d7d7; height: 60px; padding-top: 10px;}
.dropdown-menu li a {
    height: 30px;
    color: #fff;
    font-size: 12px;
}
.picScroll-left .bd ul li .honor_title .honor_text1 {
    display: block;
    padding-left: 20px;
    width: 70%;
    height: 50px;
    overflow: hidden;
    font-size: 12px;
}
.modal-dialog {
    width: 80%;
    margin: 50px auto;
}
.markting_top{ display:block;}
.markting_left{ width:100%;}
.markting_left table {
    background: #d7d7d7;
    text-align: center;
    font-size: 12px;
}
.markting_right {
    line-height: 35px;
    color: #000;
    width: 100%;
    font-size: 12px;
}
.markting_bottom table tr td {
    border-bottom: 1px solid #fff;
    text-align: center;
    color: #000;
    font-size: 12px;
}
.message_txt {
    line-height: 30px;
    color: #000;
    font-size: 12px;
}
.markting_con_title {
    font-size: 14px;
    font-weight: bold;
    color: #000;
    margin: 0 auto 30px auto;
    width: 88.5%;
}
.markting_bottom table tr th {
    font-size: 14px;
    border-top: 0;
    border-bottom: 1px solid #fff;
    background: #ffaa01;
    text-align: center;
    color: #000;
    font-weight: normal;
}
.picScroll-left .bd ul li .honor_title .honor_text2 {
    display: block;
    width: 30%;
    height: 50px;
    overflow: hidden;
    text-align: center;
    background: #000000;
    cursor: pointer;
    font-size: 12px;
}
.honor_title .glyphicon-search{font-size: 12px;}
.city_1 img{ width:13px;}
.markting_icon img{width:13px;}
.submit {
    background: #1e1e28;
    height: 40px;
    text-align: center;
    color: #fff;
    width: 90px;
    margin-top: 10px;
    font-size: 12px;
}
.join {
    color: #fff;
    line-height: 40px;
    width: 88.5%;
    margin: 0 auto;
    font-size: 12px;
}
.recruitLi_left h4 {
    line-height: 50px;
    font-weight: bold;
    font-size: 12px;
}
.recruitLi_right h5 {
    margin-top: 10px;
    line-height: 50px;
    font-weight: bold;
    font-size: 12px;
}
.join_lc h3 {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 20px 0;
}
.join_lc .join_txt {
    color: #fff;
    line-height: 30px;
    text-align: center;
    border-bottom: 1px solid #fff;
    padding-bottom: 30px;
    margin-bottom: 30px;
    font-size: 12px;
}
.btn {
    border-radius: 0;
    border: 1px solid #09080d;
    background: #32323c;
    width: 100%;
    height: 50px;
    text-align: left;
    color: #fff;
    font-size: 12px;
    padding: 0 20px;
}
.product_btn .col-lg-3, .product_btn .col-md-3,.product_btn .col-sm-3{ width:50%;}
DIV.green-black A:first-child, DIV.green-black A:last-child {
    border-radius: 19px;
    line-height: 30px;
    height: 36px;
    display: inline-block;
    width: 80px;
    font-size: 12px;
    border: 2px solid #fff;
    PADDING-LEFT: 5px;
    BACKGROUND: url(image1.gif) #1e1e28;
    COLOR: #fff;
    MARGIN-RIGHT: 2px;
    TEXT-DECORATION: none;
    
}
.pro_con_text table tr td:nth-child(1) {
    font-weight: bold;
    font-size: 12px;
}
.pro_con_text table tr td:nth-child(2) {
    text-align: center;
    font-size: 12px;
}
.footer_navmain_link a{color: #fff; font-size: 14px; font-weight: bold; display: block; line-height: 30px; float:left; margin:10px;}
}