green* {
    margin: 0;
    padding: 0;
}

body {
    padding: 0;
    margin: 0;
    font-family: "Microsoft YaHei";
    color: #000;
    background: #fff;
    font-size: 12px;
    line-height: 22px;
}

a,
area {
    blr: expression(this.onFocus=this.blur())
}


/* for IE */

:focus {
    -moz-outline-style: none;
}


/* for Firefox */

a {
    text-decoration: none;
    color: #000;
    outline: none;
}

a:hover {
    color: #d7000f;
    text-decoration: none;
    outline: none;
}

a img {
    border: none;
}

table tr td {
    font-size: 12px;
}

font {}

ul,
li {
    list-style: none;
    text-decoration: none;
    margin-bottom: 0;
}

.length {
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* Wrapper */

.max-width {
    max-width: 1100px;
    margin: 0 auto;
    min-width: 320px;
    width: auto;
}

.box {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

#wrapper {
    overflow-x: hidden;
}

.font {
    font-family: "宋体";
}


/* Header */

ul,
menu,
dir {
    -webkit-padding-start: 0px!important;
}

#myCarousel .carousel-indicators li,
#myCarousel2 .carousel-indicators li {
    margin: 0 4px;
}

.glyphicon-chevron-left:before,
.glyphicon-chevron-right:before {
    display: block;
    content: normal;
    width: 78px;
    height: 77px;
}

.glyphicon-chevron-left {
    display: block;
    background: url(../images/prev.png) no-repeat;
    width: 78px !important;
    height: 77px !important;
}

.glyphicon-chevron-right {
    display: block;
    background: url(../images/next.png) no-repeat;
    width: 78px !important;
    height: 77px !important;
}

.clear {
    clear: both;
}


/* Menu */

.navbar-brand {
    color: #fff;
}

.top {
    margin: 0 auto;
    height: 100%;
    width: 1200px;
}

.top .logo {
    background-size: 100%;
    width: 200px;
    /* height: 55px; */
    display: block;
    float: left;
    margin: 12px 20px;
}


/* Search */

#search {
    height: 26px;
    width: 532px;
    margin: 0 auto;
    padding-top: 36px;
    float: left;
    margin-left: 50px;
}

#search span {
    color: #fff;
    font-size: 20px;
    border-right: solid 3px #fff;
    display: block;
    width: 90px;
    text-align: left;
    float: left;
    margin-right: 10px;
    line-height: 30px;
    /* margin-left: 40px; */
}

#search .keyword {
    float: left;
    width: 400px;
    height: 30px;
}

#search .keyword input {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    width: 405px;
    padding-left: 39px;
    float: left;
    border: none;
    background: url(../images/search_k.png) no-repeat;
    outline: none;
    font-family: "微软雅黑";
    color: #fff;
}

#search .submit {
    cursor: pointer;
    float: left;
    background: url(../images/search_p.png) no-repeat;
    width: 25px;
    height: 30px;
    border: 0;
}

.set {
    font-size: 14px;
    position: absolute;
    right: 20px;
    top: 30px;
    color: #fff;
}

.set a {
    color: #fff;
    padding: 0 5px;
}


/* Search */

.toptel {
    width: 242px;
    height: 100%;
    overflow: hidden;
    float: right;
}

.toptel .telimg {
    width: 36px;
    float: left;
    margin: 32px 0;
}

.toptel .telimg img {
    width: 100%;
}

.toptel .telnum {
    width: 200px;
    line-height: 50px;
    margin: 24px 0;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 26px;
}

#wrapper1 {
    background-color: rgb(184, 54, 40)!important;
}

#wrapper1 nav {
    width: 1200px!important;
    margin: 0 auto!important;
}

#menu_bg {
    background: #42464e;
    height: 55px;
    width: 100%;
}

.menu {
    height: 55px;
    margin: 0px auto;
    width: 96%;
}

.menu ul {
    margin: 0;
    padding: 0;
}

.menu ul li {
    float: left;
    width: 12.5%;
    font-size: 18px;
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 999;
    height: 55px;
}

.menu ul li {
    display: block;
    line-height: 55px;
    height: 55px;
    color: #fff;
}

.menu ul li a {
    display: block;
    color: #fff;
}

.menu ul li a:hover {
    color: #fff;
    background: #d7000f;
}

.menu dl {
    position: absolute;
    top: 55px;
    left: 0px;
    z-index: 9;
    width: 100%;
    overflow: hidden;
    background: #42464e;
    display: none;
}

.menu dl dd {
    font-weight: normal;
    border-bottom: solid 1px #50545b;
}

.menu dl dd>a {
    line-height: 40px;
    height: 40px;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-size: 15px;
    display: block;
    width: 100%;
}

.menu dl dd:hover a {
    color: #fff;
    background: #d7000f;
}


/* head  end */

#home {
    width: 100%;
    margin: 0 auto;
}

.h_title {
    text-align: center;
    font-size: 28px;
    line-height: 30px;
    height: 55px;
    color: #42464e;
    text-align: center;
    margin-top: 60px;
}

.h_title span {
    color: #7f7f7f;
    font-size: 21px;
    padding-left: 12px;
}

.h_pro_bg {
    background: #faf9f8;
    width: 100%;
    margin: 0 auto;
}

.h_type_list {
    margin: 0 auto;
    text-align: center;
    padding: 30px 0;
    width: 1200px;
}

.h_type_list ul li {
    display: inline-block;
    font-size: 15px;
    text-align: center;
    width: 12.5%;
}

.h_type_list ul li a {
    display: block;
    width: 100%;
    height: 68px;
    line-height: 68px;
    /* padding-left: 75px; */
    margin: 0 auto;
}

.h_type_list ul li a:hover {
    color: #d7000f;
}

.h_type_list ul li .hicon1 {
    background: url(../images/hicon1.png) no-repeat left center;
}

.h_type_list ul li .hicon2 {
    background: url(../images/hicon2.png) no-repeat left center;
}

.h_type_list ul li .hicon3 {
    background: url(../images/hicon3.png) no-repeat left center;
}

.h_type_list ul li .hicon4 {
    background: url(../images/hicon4.png) no-repeat left center;
}

#h_campsite {
    width: 100%;
    min-width: 1200px;
    margin: 0 auto;
    min-height: 500px;
}

.banner {
    margin-top: 20px;
}

.banner .slider {
    width: 100%;
    min-width: 1200px;
    height: 600px;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.banner .slider .bd {
    width: 1200px;
    position: absolute;
    left: 50%;
    margin-left: -645px;
}

.banner .slider .bd li {
    width: 1200px;
    overflow: hidden;
    position: relative;
    margin: 0 15px;
}

.banner .slider .bd li .big_img {
    display: block;
    width: 100%;
    height: 600px;
    float: left;
}

.banner .slider .tempWrap {
    overflow: visible!important
}

.banner .slider .tempWrap ul {
    margin-left: -1200px!important
}

.banner .slider .hd {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 1;
    height: 8px;
    bottom: 20px;
    text-align: center
}

.banner .slider .hd li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 8px;
    height: 8px;
    line-height: 99px;
    overflow: hidden;
    background: url(../images/slider-btn.png) 0 -10px no-repeat;
    margin: 0 5px;
    cursor: pointer;
    filter: alpha(opacity=60);
    opacity: .6
}

.banner .slider .hd li.on {
    background-position: 0 0;
    filter: alpha(opacity=100);
    opacity: 1
}

.banner .slider .pnBtn {
    position: absolute;
    z-index: 1;
    top: 0;
    width: 100%;
    height: 450px;
    cursor: pointer
}

.banner .slider .prev {
    left: -50%;
    margin-left: -630px;
}

.banner .slider .next {
    left: 50%;
    margin-left: 630px;
}

.banner .slider .pnBtn .blackBg {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 600px;
    background: #000;
    filter: alpha(opacity=50);
    opacity: .5
}

.banner .slider .pnBtn .arrow {
    position: absolute;
    top: 66%;
    margin-top: -15px;
    z-index: 1;
    width: 25px;
    height: 38px
}

.banner .slider .prev .arrow {
    right: 6%;
    background: url(../images/left_button.png) no-repeat
}

.banner .slider .next .arrow {
    left: 6%;
    background: url(../images/right_button.png) no-repeat
}

.pro_right {
    width:600px;
    /* height: 370px; */
    /* padding: 40px 10px 0 25px; */
    background-color: #000;
}

.pro_left {
    width: 470px;
    height: 370px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: left;
    color: #3f3d3b;
    padding: 40px 10px 0 25px;
}

.pro_left a {
    color: #d7000f;
}

.pro_left .pro_name {
    font-size: 28px;
    color: #d7000f;
    line-height: 50px;
    text-transform: uppercase;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0px;
}

.pro_left .pro_img img {
    max-width: 62%;
    height: auto;
}

.pro_left .pro_img p {
    font-size: 12px;
    padding-top: 5px;
}

.pro_left .pro_name2 {
    color: #3f3d3b;
    font-size: 12px;
    font-style: inherit;
    padding-left: 10px;
}

.pro_left .pro_note {
    font-size: 20px;
    margin: 25px 0;
    line-height: 60px;
    /* height: 80px; */
    overflow: hidden;
}

.pro_left .pro_more {
    color: #3f3d3b;
    border: solid 1px #e35760;
    display: block;
    height: 28px;
    line-height: 27px;
    width: 100px;
    text-align: center;
    margin-top: 60px;
    font-size: 10px;
}

.h_space {
    margin: 0 auto;
    width: 100%;
    /*background: url(../images/case_bg6.jpg) no-repeat center top;*/
}

.h_space_list {
    margin: 0 auto;
    width: 100%;
}

.h_space_l {
    float: left;
    width: 41%;
    position: relative;
    overflow: hidden;
}

.h_space_l img {
    width: 100%;
    transform: scale(1, 1);
    transition: all 0.2s ease-in-out 0s;
}

.h_space_l:hover img {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.h_space_r {
    float: right;
    width: 100%;
    overflow: hidden;
}

.h_space_r ul li {
    float: left;
    width: 25%;
    /*height: 440px;*/
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
}

.h_space_r ul li img {
    width: 100%;
    height: 100%;
    transform: scale(1, 1);
    transition: all 0.2s ease-in-out 0s;
}

.h_space_r ul li:hover img {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.h_space_box {
    width: 100%;
    height: 100%;
}

.h_space_box .h_space_box_bg {
    background: rgba(1, 83, 156, 0.7);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
}

.h_space_box:hover .h_space_box_bg {
    display: block;
    transition: 0.5s;
}

.h_space_box p {
    color: #fff;
    font-size: 30px;
    text-align: center;
    width: 100%;
    line-height: 35px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
}

.h_more {
    color: #3f3d3b;
    border: solid 1px #e35760;
    display: block;
    height: 28px;
    line-height: 27px;
    width: 100px;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
    font-size: 10px;
    clear: both;
}

.h_more:hover {
    color: #e35760;
}

.h_about_bg {
    background: url(../images/h_about_bg.jpg) no-repeat center top;
    background-size: 100% 100%;
    height: auto;
    margin-top: 60px;
    padding: 10px 0 65px 0;
}

.h_title2 {
    margin-bottom: 15px;
    margin-top: 40px;
}

.h_about_video {
    float: left;
    width: 38%;
    margin-left: 100px;
}

.h_about_video img {
    max-width: 100%;
}

.h_about_con {
    background: #fff;
    padding: 25px;
    float: left;
    width: 42%
}

.h_about_note {
    color: #676565;
    font-size: 12px;
    line-height: 21px;
    max-height: 110px;
}

.h_news_list {
    clear: both;
    margin-top: 30px;
}

.h_news_list ul li {
    display: block;
    clear: both;
    font-size: 13px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.h_news_list ul li a {
    display: block;
    height: 28px;
    line-height: 28px;
    color: #676565;
}

.h_news_bt {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 15px;
    display: block;
    color: #000;
}


/* index */


/* content */

#content {
    width: 100%;
    min-height: 300px;
    _height: 300px;
    padding: 30px 0;
    font-size: 14px;
}

.m_title {
    background: url(../images/titleLine.png) no-repeat center top;
    color: #b83628;
    font-size: 24px;
    text-align: center;
    margin: 0 auto;
    width: 1200px;
    line-height: 40px;
    margin-top: 40px;
    font-weight: bold;
}

.m_title span {
    display: block;
    color: #01458e;
    font-size: 16px;
    line-height: 28px;
    font-weight: normal;
    text-transform: uppercase;
}

.m_pname {
    font-size: 17px;
    color: #000000;
    border-bottom: solid 1px #a9aeb4;
    max-height: 55px;
    line-height: 50px;
    text-align: center;
    position: relative;
    z-index: 9;
}

.m_pname span {
    background: url(../images/pname_jt.jpg) no-repeat center bottom;
    width: 30px;
    height: 20px;
    display: block;
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -15px;
}

#page {
    min-height: 300px;
    _height: 300px;
    padding-top: 20px;
    margin: 0 auto;
    max-width: 1100px;
    font-size: 14px;
}


/*Sidebars*/

#sidebar {
    min-height: 200px;
    _height: 200px;
}

.left_list {
    min-height: 35px;
    _height: 35px;
    height: auto;
    text-align: center;
    width: 100%;
    clear: both;
    margin-top: 30px;
}

.left_list ul {
    margin-bottom: 0;
}

.left_list ul li {
    position: relative;
    display: inline-block;
    display: -moz-inline-stack;
    *
    display: inline;
    *
    zoom: 1;
    /* background: url(../images/left_line.jpg) no-repeat left; */
    margin: 0 10px;
}

.left_list ul li a {
    display: block;
    height: 40px;
    line-height: 40px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #000;
    padding: 0 20px;
    width: auto;
    background-color: #e5e5e5;
}

.left_list ul li a:hover,
.left_list ul li a.shover {
    color: #fff;
    background-color: #b83628;
}

.left_list ul ul {
    display: none;
}

.left_list ul ul a {
    height: 45px;
    line-height: 43px;
    font-size: 1em;
}

.left_list ul ul a font {
    font-family: "宋体";
    padding-right: 3px;
}

.left_list ul ul li {
    font-weight: normal;
}

.left_list ul ul li a {
    background: none;
    border-bottom: 1px solid #f6f6f6;
}

.left_list ul ul li a:hover,
.left_list ul ul li a.shover2 {
    background: #f3f3f3;
    color: #2cad42;
}

.left_list a.shover {
    color: #333;
}

.left_list a.shover2 {
    background: #f3f3f3;
    color: #333333;
}


/*新闻资讯*/

.news {
    background: #dcdcdc;
    margin: 20px 0;
    position: relative;
    width: 100%;
    padding: 40px 0 60px 0;
}

.news .bd ul li img {
    display: inline-block;
    float: left;
    width: 29%;
}

.news .bd {
    height: auto;
    margin: 0 auto;
    max-width: 1100px;
}

.news .bd ul li {
    width: 100%;
    height: auto;
}

.news .hd {
    height: 9px;
    position: absolute;
    left: 267px;
    bottom: 12px;
}

.news .hd ul li {
    width: 10px;
    height: 9px;
    background: url(../images/banner_btn.png) no-repeat right;
    display: block;
    margin-right: 10px;
    float: left;
    text-indent: -999px;
}

.news .hd ul li.on {
    width: 10px;
    height: 9px;
    background: url(../images/banner_btn_on.png) no-repeat left;
    display: block;
}

.news .bd ul li .news-txt {
    margin-left: 5%;
    width: 65%;
    float: left;
}

.news .bd ul li .news-txt h2 {
    margin-top: 15px;
    font-size: 18px;
    color: #000000;
    font-weight: normal;
}

.news .bd ul li .news-txt h2 a {
    color: #000000;
}

.news .bd ul li .news_date {
    color: #535353;
    font-size: 12px;
}

.news .bd ul li .news-txt p.news_des {
    color: #535353;
    margin: 20px 0;
    overflow: hidden;
    height: 80px;
    font-size: 12px;
    line-height: 26px;
}

.news .bd ul li .news_date {
    color: #a9a9a9;
    font-size: 16px;
}

.news .bd ul li .news_more {
    color: #95948f;
    font-size: 14px;
    text-align: center;
    border: solid 1px #a49a95;
    width: 103px;
}

.news .bd ul li .news_more a {
    color: #95948f;
}

.new_hd {
    position: absolute;
    height: 12px;
    left: 0%;
    bottom: -30px;
    text-align: right;
    z-index: 999;
}

.new_hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
}

.new_hd ul li {
    float: left;
    margin-right: 12px;
    width: 12px;
    height: 12px;
    text-align: center;
    background: url(../images/chang.jpg) no-repeat;
    cursor: pointer;
    text-indent: -9999px;
}

.new_hd ul li.on {
    background: url(../images/chang_on.jpg) no-repeat;
}

.news_list {
    width: 100%;
    overflow: hidden;
}

.news_list ul li {
    width: 100%;
    clear: both;
    position: relative;
    border-bottom: solid 1px #bfbfbf;
    color: #7d7d7d;
    /* padding: 10px 5px; */
}

.news_list ul li a {
    padding: 10px 5px;
    color: #7d7d7d;
    display: block;
}

.news_list ul li a:hover {
    color: #fff;
    background: #01539c;
}

.news_list ul li a:hover .news_r p {
    color: #fff;
}

.news_list ul li .news_l {
    display: block;
    vertical-align: top;
    width: 187px;
    height: 110px;
    /* text-align: center; */
    /* font-size: 72px; */
    /* line-height: 70px; */
    /* font-family: Arial, Helvetica, sans-serif; */
    /* word-break: keep-all; */
    /* white-space: nowrap; */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    padding-right: 30px;
    float: left;
}
.news_list ul li .news_l img{
    width: 100%;
}
.news_list ul li .news_l p {
    display: block;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 0;
}

.news_list ul li .news_r {
    cursor: pointer;
    font-size: 15px;
    display: block;
    vertical-align: top;
    /* background: url(../images/news_tb.jpg) no-repeat left bottom; */
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news_list ul li:hover .news_r {
    background: url(../images/news_tb.png) no-repeat left bottom;
}

.news_list ul li .news_r p {
    display: block;
    font-size: 18px;
    height: 30px;
    color: #000;
    margin-top: 15px;
}


/*dis_news*/

#dis_news {}

#dis_news .dnews_title {
    font-size: 24px;
    _height: 35px;
    min-height: 40px;
    line-height: 40px;
    text-align: center;
}

#dis_news .dnews_line span {}

#dis_news .dnews_line {
    text-align: center;
    _height: 30px;
    line-height: 25px;
}

#dis_news .dnews_content {
    padding: 50px 5px;
    min-height: 200px;
    line-height: 1.8;
    font-size: 16px;
}


/*公司简介*/

#about {
    clear: both;
    font-size: 16px;
    line-height: 1.8;
}

.about_list {
    clear: both;
    margin: 45px 10px;
    font-size: 16px;
    color: #333;
    line-height: 1.8;
}

.about_list .fl {
    float: left;
}

.about_list .fr {
    float: right;
}

.about_list_img {
    width: 45%;
}

.about_list_img img {
    width: 100%;
}

.about_list_note {
    width: 50%;
    background: #f7f5f5;
    font-size: 14px;
    line-height: 28px;
    min-height: 352px;
    display: table;
}

.about_list_note_pad {
    padding: 20px 10px;
    vertical-align: middle;
    display: table-cell;
}

.h_about_pic img {
    clear: both;
    width: 100%;
    margin: 0 auto;
    margin-top: 20px;
}


/*发展历程*/

.culture {
    text-align: center;
    margin: 30px 0;
}

.culture img {
    max-width: 100%;
    margin: 0 auto;
}

#history_bg {
    background: url(../images/history_bg.jpg) no-repeat center;
    min-height: 200px;
    margin-top: 30px;
    padding: 30px 0 60px 0;
}

.history {
    margin: 0 auto;
    max-width: 1000px;
    position: relative;
    min-height: 280px;
}

.his_con {
    margin: 0 auto;
    width: 720px;
    min-height: 780px;
    position: relative;
    overflow: hidden;
    margin-top: 15px;
    float: right;
    background: url(../images/his_tmbg.png) repeat;
    color: #fff;
}

.his_con ul li {
    display: block;
    min-height: 150px;
    position: relative !important;
    float: left;
}

.his_con ul li .his_note {
    padding: 30px;
    color: #fff;
    font-size: 14px;
    margin: 0 auto;
    line-height: 26px;
    overflow: scroll;
    height: 850px;
}

.his_con ul li .his_note img {
    width: 100%;
}

.his_year_list {
    position: relative;
    min-height: 780px;
    margin-top: 20px;
    width: 130px;
    clear: both;
    background: url(../images/notic_bg.png) repeat-y left;
    float: left;
}

.his_year_list span {
    position: absolute;
    left: 0px;
    cursor: pointer;
    display: block;
    width: 35px;
    height: 35px;
}

.his_year_list span.p_prev {
    background: url(../images/cult_prev.png) no-repeat;
    top: -35px;
}

.his_year_list span.p_next {
    background: url(../images/cult_next.png) no-repeat;
    bottom: -35px;
}

.his_year_list .dis_list {
    width: 130px;
    height: 700px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 80px;
}

.his_year_list li {
    display: block;
    width: 130px;
    text-align: center;
    height: 140px;
    line-height: 55px;
    cursor: pointer;
    font-size: 18px;
    background: url(../images/history_on.png) no-repeat 9px 20px;
    color: #545e69;
    font-size: 19px;
    float: none !important;
}

.his_year_list li.on {
    color: #d7000f;
    font-size: 33px;
}


/*history end*/


/*荣誉资质*/

#honor_bg {
    background: url(../images/honor_bg.jpg) repeat-y center;
    margin-top: 30px;
    border-bottom: solid 5px #f1f0f1;
    border-right: solid 5px #f1f0f1;
    padding: 50px 0 30px 0;
}

.honor {
    margin: 0 auto;
    position: relative;
    min-height: 280px;
}

.honor_con {
    margin: 0 auto;
    width: 82%;
    min-height: 780px;
    position: relative;
    overflow: hidden;
    margin-top: 15px;
    float: left;
}

.honor_con ul li {
    display: block;
    min-height: 150px;
    position: relative !important;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

.honor_con ul li .honor_note {
    font-size: 18px;
    margin: 0 auto;
    line-height: 26px;
}

.honor_con ul li .honor_note img {
    max-width: 100%;
    margin-bottom: 10px;
    padding: 0 5px 5px 0;
    background: url(../images/his_tmbg.png) repeat;
}

.honor_list {
    position: relative;
    min-height: 750px;
    max-width: 18%;
    float: left;
}

.honor_list span {
    position: absolute;
    left: 19px;
    cursor: pointer;
    display: block;
    width: 53px;
    height: 22px;
}

.honor_list span.p_prev {
    background: url(../images/honor_prev.png) no-repeat;
    top: 0px;
}

.honor_list span.p_next {
    background: url(../images/honor_next.png) no-repeat;
    bottom: 0px;
}

.honor_list .dis_hlist {
    width: 88px;
    height: 690px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 45px;
}

.honor_list li {
    display: block;
    width: 88px;
    text-align: center;
    height: 135px;
    cursor: pointer;
    float: none !important;
}

.honor_list li img {
    width: 82px;
    max-height: 118px;
    padding: 0 3px 3px 0;
    background: url(../images/his_tmbg.png) repeat;
}

.honor_list li.on {}


/*核心技术*/

#tech_bg {
    background: url(../images/tech_bg.jpg) repeat-y center;
    margin-top: 30px;
    padding: 30px 0;
}

.tech {
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
    min-height: 280px;
    padding-bottom: 50px;
    background: url(../images/white_tmbg.png) repeat;
}

.tech_con {
    margin: 0 auto;
    width: 100%;
    min-height: 260px;
    position: relative;
    overflow: hidden;
}

.tech_con ul li {
    display: block;
    min-height: 150px;
    position: relative !important;
    float: left;
}

.tech_con ul li .tech_note {
    padding: 50px 50px 0 50px;
    color: #000000;
    font-size: 14px;
    margin: 0 auto;
    line-height: 26px;
    min-height: 640px;
}

.tech_con ul li .tech_note img {
    max-width: 100%;
}

.tech_list {
    position: relative;
    height: 50px;
    margin-top: 10px;
    width: 100%;
    margin: 0 auto;
    clear: both;
    background: url(../images/introduce_course.png) no-repeat center 42px;
}

.tech_list span {
    position: absolute;
    top: 0px;
    cursor: pointer;
    display: block;
    width: 22px;
    height: 53px;
}

.tech_list span.t_prev {
    background: url(../images/tech_prev.png) no-repeat;
    left: 10px;
}

.tech_list span.t_next {
    background: url(../images/tech_next.png) no-repeat;
    right: 10px;
}

.tech_list .dis_tlist {
    width: 94%;
    margin: 0 auto;
    height: 50px;
    overflow: hidden;
}

.tech_list li {
    float: left;
    width: 33%;
}

.tech_list li .tech_name {
    text-align: center;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
    font-size: 18px;
    background: url(../images/head_tmbg.png) repeat;
    color: #fff;
    margin: 0 10px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tech_list li.on .tech_name {
    background: #d7000f;
}


/*核心技术 end*/


/*联系我们*/

#contact {
    background: #efefef;
    height: auto;
    margin-top: 20px;
}

.contact_map {
    padding: 40px 0;
    font-size: 16px;
    line-height: 28px;
}

.contact_notic {
    max-width: 1200px;
    margin: 0 auto;
    font-size: 13px;
    line-height: 22px;
    padding: 40px 0;
}

.contact_notic_l {
    float: left;
    width: 42%;
}

.contact_notic_l img {
    max-width: 100%;
}

.contact_notic_r {
    float: right;
    width: 55%;
}


/*经销商专区*/

.member_bg {
    background: url(../images/memer_bg.jpg) no-repeat center top;
    margin-top: 30px;
    padding: 30px 0;
    min-height: 696px;
    width: 100%;
}

.member_box {
    max-width: 500px;
    margin: 0 auto;
    padding-top: 6%;
}

.member_bt {
    color: #d7000f;
    font-size: 24px;
    line-height: 40px;
    height: 40px;
}

.member_bt a {
    color: #d7000f;
}


/*产品展厅*/

#products {
    margin-top: 30px;
}

.left_pro {
    clear: both;
    background: #f3f3f3;
    padding: 15px 0;
    min-height: 30px;
    max-width: 1140px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.left_pro ul li {
    float: left;
    font-size: 16px;
    margin: 0 12px;
}

.left_pro ul li a {
    display: block;
    color: #000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 30px;
    line-height: 30px;
    padding: 0 4px;
}

.left_pro ul li a:hover,
.left_pro ul li a.shover {
    color: #fff;
    background: #d70715;
}

#pro_con .pro_list .pro_list_img {
    display: block;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    height: 280px;
}

#pro_con .pro_list img {
    width: 100%;
    max-height: 500px;
}

#pro_con .pro_list_box {
    width: 100%;
    height: 300px;
    overflow: hidden;
    border: solid 1px #d5d3d4;
}

#pro_con .pro_list_box:hover {
    filter: progid: DXImageTransform.Microsoft.Shadow(color=#dcdada, direction=120, strength=4);
    /*ie*/
    -moz-box-shadow: 3px 3px 10px #dcdada;
    /*firefox*/
    -webkit-box-shadow: 3px 3px 10px #dcdada;
    /*safari或chrome*/
    box-shadow: 3px 3px 10px #dcdada;
    /*opera或ie9*/
}

#pro_con .pro_list_box .pro_list_img {
    display: block;
}

#pro_con .pro_list_box:hover .pro_list_img {
    display: none;
}


/*#pro_con .pro_list_box .pro_list_img_on{ display:none;}
#pro_con .pro_list_box:hover .pro_list_img_on{ display:block;}*/

#pro_con .pro_list p {
    margin-bottom: 0px;
    font-size: 18px;
    min-height: 50px;
    line-height: 50px;
    color: #605f5f;
    padding: 0 8px;
}

#pro_con .pro_list em {
    font-style: inherit;
    color: #919090;
    background: url(../images/red_line.jpg) no-repeat left;
    padding-left: 10px;
    font-size: 13px;
}


/*产品展厅*/

#pro_con .book_list .pro_list_img {
    display: block;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
}

#pro_con .book_list img {
    width: 100%;
}

#pro_con .book_list_box {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: solid 1px #d5d3d4;
}

#pro_con .book_list_box:hover {
    filter: progid: DXImageTransform.Microsoft.Shadow(color=#dcdada, direction=120, strength=4);
    /*ie*/
    -moz-box-shadow: 3px 3px 10px #dcdada;
    /*firefox*/
    -webkit-box-shadow: 3px 3px 10px #dcdada;
    /*safari或chrome*/
    box-shadow: 3px 3px 10px #dcdada;
    /*opera或ie9*/
}

#pro_con .book_list p {
    margin-bottom: 0px;
    font-size: 18px;
    min-height: 50px;
    line-height: 50px;
    color: #605f5f;
    padding: 0 8px;
}

#pro_con .book_list em {
    font-style: inherit;
    color: #919090;
    background: url(../images/red_line.jpg) no-repeat left;
    padding-left: 10px;
    font-size: 13px;
}


/*空间应用*/

.space {
    width: 100%;
    position: relative;
    min-height: 200px;
    overflow: hidden;
    margin-top: 30px;
}

.space span {
    position: absolute;
    top: 44%;
    margin-top: -30px;
    cursor: pointer;
    display: block;
    width: 78px;
    height: 77px;
    z-index: 9999;
}

.space span.d_prev {
    background: url(../images/prev.png) no-repeat;
    left: 5%;
}

.space span.d_next {
    background: url(../images/next.png) no-repeat;
    right: 5%;
}

.space_big_list {
    margin: 0 auto;
    width: 100%;
    position: relative;
}

.space_big_list ul li {
    width: 100%;
    position: relative;
    min-height: 730px;
}

#background-details {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 0;
    opacity: .7;
    background-color: #ddd;
    -webkit-filter: blur(5px);
    filter: blur(5px);
}

.space_big {
    max-width: 1000px;
    margin: 50px auto;
    padding: 20px 0;
    opacity: 100%;
    -webkit-transform: translateZ(0);
    height: 650.23px;
}

.space_big img {
    width: 100%;
    height: 100%;
}

.space_list {
    position: relative;
    mn-height: 50px;
    margin-top: 15px;
    clear: both;
}

.space_list span {
    position: absolute;
    top: 50%;
    margin-top: -22px;
    cursor: pointer;
    display: block;
    width: 25px;
    height: 38px;
    z-index: 999;
}

.space_list span.s_prev {
    background: url(../images/left_button.png) no-repeat;
    left: 10px;
}

.space_list span.s_next {
    background: url(../images/right_button.png) no-repeat;
    right: 14px;
}

.space_list {
    width: 96%;
    margin: 0 auto;
    min-height: 50px;
    overflow: hidden;
    clear: both;
    padding-bottom: 20px;
}

.space_small_list {
    min-height: 50px;
}

.space_small_list li {
    float: left;
    display: block;
    min-height: 50px;
    width: 16.666666%;
    cursor: pointer;
}

.space_small_list li img {
    width: 95%;
    min-height: 50px;
    cursor: pointer;
}

.space_small_list li img:hover {
    border: solid 1px #d7000f;
}


/*工程中心*/

.projects {
    margin-top: 30px;
}

#pro_con .project_list .project_list_img {
    display: block;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
}

#pro_con .project_list img {
    transform: scale(1, 1);
    transition: all 0.2s ease-in-out 0s;
    width: 100%;
}

#pro_con .project_list img:hover {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

#pro_con .project_list p {
    font-size: 16px;
    min-height: 50px;
    color: #082f61;
}

#pro_con .project_list a:hover p {
    color: #ff0000;
}

#dis_case_bg {
    background: #eff0f5;
    width: 100%;
    margin: 0 auto;
    padding: 20px 0 40px 0;
    margin-top: 30px;
}

.dis_case {
    position: relative;
    height: auto;
    min-height: 730px;
    width: 100%;
    background: #fff;
    border: solid 1px #ddd;
    filter: progid: DXImageTransform.Microsoft.Shadow(color=#dcdada, direction=120, strength=4);
    /*ie*/
    -moz-box-shadow: 3px 3px 10px #dcdada;
    /*firefox*/
    -webkit-box-shadow: 3px 3px 10px #dcdada;
    /*safari或chrome*/
    box-shadow: 3px 3px 10px #dcdada;
    /*opera或ie9*/
}

#Scroller-1 {
    position: absolute;
    overflow: hidden;
    width: 1010px;
    height: 700px;
    margin: 30px;
}

.Scroller-Container {
    position: absolute;
    width: 1010px;
    line-height: 23px;
}

.Scrollbar-Track {
    width: 10px;
    height: 728px;
    position: absolute;
    background: url(../images/gun_line.jpg) repeat-y;
    right: 0px;
}

.Scrollbar-Handle {
    position: absolute;
    left: 0px;
    width: 12px;
    height: 250px;
    cursor: pointer;
    background: url(../images/gun_tb.jpg) no-repeat;
}

#dis_case_bg {
    position: relative;
    text-align: center;
}

#dis_case_bg a {
    position: absolute;
    width: 102px;
    height: 95px;
    top: 50%;
    margin-top: -47px;
}

#dis_case_bg a.p_prev {
    background: url(../images/left.png) no-repeat;
    left: 5%;
}

#dis_case_bg a.p_next {
    background: url(../images/right.png) no-repeat;
    right: 5%;
}

#dis_case_bg a b {
    display: none;
}

.dis_case {
    text-align: center;
}

.dis_case_pic {
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
}

.dis_case_pic img {
    margin: 0 auto;
}

.dis_case_name {
    font-weight: bold;
    text-align: center;
    padding-top: 10px;
}

.dis_note {
    text-align: left;
    font-size: 14px;
    padding-top: 15px;
}

.dis_note img {
    max-width: 100%;
}

.pselect_list {
    clear: both;
    margin-top: 20px;
    position: absolute;
    top: -70px;
    right: 10%;
}

.pselect_list ul li {
    font-size: 15px;
    position: relative;
    z-index: 999;
}

.pselect_list ul li a {
    display: block;
    height: 30px;
    line-height: 30px;
    color: #000000;
    padding-right: 20px;
    background: url(../images/pro_jt.jpg) no-repeat right;
}

.pselect_list .pselect_box {
    position: absolute;
    right: 0;
    top: 30px;
    width: 405px;
    display: none;
    background: #fff;
    border: solid 1px #ddd;
    padding: 20px 10px;
}

.pselect_list .pselect_box a {
    float: left;
    font-size: 12px;
    background: none;
    padding-right: 0;
    padding-left: 20px;
    min-width: 46px;
    height: 28px;
    line-height: 28px;
    display: block;
}

.pselect_list .pselect_box a:hover,
.pselect_list .pselect_box a.hover_cat {
    color: #d7000f;
}


/*影像视频*/

.video {
    width: 100%;
    position: relative;
    margin-top: 10px;
    clear: both;
}

.video_pic ul {
    padding: 0;
    margin: 0;
    line-height: 0;
}

.video_pic {
    margin: 0 auto;
    width: 100%;
    min-height: 600px;
    position: relative;
    max-width: 1170px;
}

.video_pic ul li {
    width: 100%;
    position: relative;
    text-align: center;
}

.video_pic ul li img {
    max-width: 100%;
}

.video_pic ul li .video_play_note {
    min-height: 200px;
    height: auto;
    width: 100%;
    margin: 0 auto;
}

.video_pic ul li .video_play_name {
    margin-bottom: 0;
    clear: both;
    font-size: 16px;
    padding-top: 10px;
    line-height: 30px;
    height: 40px !important;
}

.video_list_con {
    position: relative;
    height: auto;
    margin-top: 20px;
    clear: both;
}

.video_list_con span {
    position: absolute;
    top: 50%;
    cursor: pointer;
    display: block;
    width: 25px;
    margin-top: -12px;
    height: 38px;
    z-index: 99;
}

.video_list_con span.v_prev {
    background: url(../images/left_button.png) no-repeat;
    left: 1%;
}

.video_list_con span.v_next {
    background: url(../images/right_button.png) no-repeat;
    right: 1%;
}

.video_list {
    width: 100%;
    margin: 0 auto;
    min-height: 60px;
    overflow: hidden;
}

.video_list_con {
    width: 100%;
    clear: both;
    min-height: 60px;
}

.video_list_con li {
    float: left;
    display: block;
    min-height: 60px;
    width: 25%;
    cursor: pointer;
    text-align: center;
}

.video_list_con li img {
    width: 95%;
    cursor: pointer;
    margin: 0 auto;
}


/*人力资源 end*/

.zhiwei_shehui {
    clear: both;
    margin: 20px 0;
    position: relative;
}

.zhiwei_shehui .hrdt span {
    text-align: center;
    cursor: pointer;
    width: 25%;
    display: block;
    float: left;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 15px;
    background: #b5b5b5;
}

.zhiwei_shehui .hrT {
    background: #f4f4f4;
}

.zhiwei_shehui .hrT span {
    text-align: center;
    cursor: pointer;
    width: 25%;
    display: block;
    float: left;
    color: #000000;
    height: 45px;
    line-height: 45px;
    color: #42464e;
    transform: scale(1, 1);
    transition: all 0.3s ease-in-out 0s;
}

.zhiwei_shehui .hrT:hover span,
.zhiwei_shehui .active span {
    background: #d1d0d0;
    color: #fff;
}

.zhiwei_shehui .hrdt,
.zhiwei_shehui .hrT {
    height: 45px;
    overflow: hidden;
    position: relative;
}

.zhiwei_shehui .c_show {
    position: absolute;
    right: 10px;
    top: 2px;
    width: 33px;
    height: 31px;
    display: block;
    cursor: pointer;
}

.zhiwei_shehui_note {
    padding: 15px 20px;
    display: none;
    position: relative;
}

#sidebar .dropdown-menu {
    position: relative;
    float: none;
    padding: 0;
    border: 0;
    background: none;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    z-index: 1;
}


/* Content */

.right-head {
    height: 40px;
    border-bottom: 1px solid #b7b7b7;
    padding-top: 5px;
}

.right-head .l_title {
    background: url(../images/path.jpg) no-repeat left 5px;
    padding-left: 22px;
    font-size: 16px;
    color: #000000;
    font-weight: bold;
    float: left;
}

.right-head .path {
    float: right;
}

.right-head .return {
    height: 31px;
    line-height: 32px;
    background: #e8e8e8;
    text-align: center;
    width: 40px;
    color: #333;
    font-size: 14px;
    position: absolute;
    right: 70px;
    top: 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.right-head .return a {
    display: block;
}

#content span.rl_but {
    display: block;
    padding: 0 2px;
    position: absolute;
    right: 30px;
    top: 10px;
}

.rl_but {
    position: absolute;
}

.content-inner {
    min-height: 400px;
    _height: 400px;
    text-align: left;
    line-height: 23px;
    font-size: 14px;
    padding-top: 20px;
}

.content-inner img {
    max-width: 100%;
}

.select_desc {
    padding: 10px 0;
    line-height: 23px
}

a.quick_select {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #3384c9;
    text-align: center;
    font-size: 15px;
    margin-top: 10px;
    color: #fff;
    display: block;
}

#news_con .media {
    border-bottom: 1px dotted #ddd;
    padding-bottom: 15px;
}

#news_con .media-heading {
    font-size: 15px;
    font-weight: bold;
    padding-top: 5px;
}

#news_con .media-body p {
    height: 28px;
    margin: 0;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 28px;
    color: #777;
    display: block;
}

#news_con .media-body font {
    color: #FF0000;
}

#news_con .media-more {
    clear: both;
}

#news_con .media-more a {
    color: #ff0000;
}

#pro_con .media {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    font-size: 12px;
}

#pro_con .media-heading {
    font-size: 16px;
    border-bottom: 1px solid #eeeeee;
    height: 28px;
    font-weight: bold;
}

#pro_con .media-heading a {
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 90%;
}

#pro_con p {
    color: #737373;
    font-size: 12px;
    line-height: 26px;
}

#pro_con .news_b {
    width: 100%;
    color: #737373;
    position: relative;
    height: 25px;
    margin-top: 20px;
}

#pro_con .news_b .newsl_date {
    background: url(../images/date_tb.jpg) no-repeat left;
    padding-left: 26px;
    float: left;
}

#pro_con .news_b .news_share {
    float: left;
    width: 70px;
    position: relative;
    margin-left: 30px;
    text-align: right;
    font-size: 12px !important;
}

#pro_con .news_b .news_share .bshare-custom .bshare-more.more-style-addthis {
    background: url(../images/share_tb.jpg) no-repeat !important;
    height: 20px;
    position: absolute;
    left: 0px;
    top: 2px;
    line-height: 20px;
    color: #737373 !important;
}

#pro_con .media-more {
    background: #2cad42;
    height: 30px;
    line-height: 30px;
    width: 118px;
    color: #fff;
    padding-top: 0;
    clear: both;
    text-align: center;
    margin-top: 15px;
}

#pro_con .media-more a {
    color: #fff;
}


/*content*/

.content_doctor_intro {
    position: relative;
    border: none;
    margin: 0;
}

.background_tr {
    background: #afdce9;
}

.content_doctor_intro th {
    position: absolute;
    left: 14px;
    top: 20px;
}

.content_doctor_intro th div {
    border: 4px solid #fff;
    height: 60px;
    width: 60px;
}

.content_doctor_intro .doctor_name {
    width: 52%;
    padding-bottom: 1.4%;
    color: #fff;
    font-size: 1em;
}

.content_doctor_intro .doctor_praise {
    padding: 3% 5% 3% 0;
    width: 20%;
}

.content_doctor_intro .doctor_praise span {
    border: 2px solid #fff;
    display: block;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

.content_doctor_intro .doctor_praise a {
    background: #fff;
}

.content_doctor_intro .positional {
    padding-top: 4%;
}

.content_doctor_intro td {
    white-space: normal;
    line-height: 1.4em;
    padding: 2% 5% 0 0;
}

#content_doctor_button,
#doctor_share {
    text-align: right;
}

#content_doctor_button {
    border-top: 1px solid #dbdbdb;
    padding: 5% 0 0;
}

#content_doctor_button a {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-left: 4%;
    color: #fff;
    padding: 2% 4%;
    font-size: 0.8em;
    background: #2dabd1;
}

#content_doctor_button #booking {
    background: #cdcdcd;
}

#content_doctor_button #booking_ {
    background: #f5843e;
}

.hr_list {
    min-height: 200px;
}

.hr_list li {
    position: relative;
    border-bottom: 1px dotted #ddd;
    height: 40px;
    line-height: 35px;
    font-size: 15px;
    padding-right: 120px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hr_list li span {
    position: absolute;
    right: 0;
    top: 0;
    width: 110px;
    text-align: center;
}

.hr_list li font {
    color: #0067b6;
    font-family: "宋体";
}

.hr_list li.hrl_f {
    margin-bottom: 5px;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    padding-left: 15px;
}

a.hr_but {
    display: block;
    background: #0067b6;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    height: 38px;
    line-height: 38px;
    width: 160px;
    font-size: 16px;
}

a.hr_but:hover {
    font-weight: bold;
    color: #fff;
}

.hr_lan {
    line-height: 40px;
    padding-left: 10px;
    min-height: 40px;
    padding-bottom: 5px;
    font-size: 22px;
    padding-top: 10px;
    font-weight: bold;
    border-bottom: 1px dotted #ddd;
    font-weight: bold;
    color: #0067b6;
}

.hr_date {
    padding-top: 10px;
    height: 30px;
    padding-left: 10px;
    font-weight: bold;
}

.hr_con {
    min-height: 200px;
    padding: 10px;
    line-height: 1.8;
}

#form_msg {
    padding: 10px 0;
    font-weight: bold;
    font-size: 16px;
    color: #0067b6;
}

.hr_note_con ul li {
    padding: 5px 0 5px 0;
    font-size: 16px;
}

.hr_note_con ul li img,
.hr_note_con ul li input {
    vertical-align: middle;
}

.hr_input3 {
    background: #ffffff;
    border: solid 1px #C9C9C9;
    height: 40px;
    line-height: normal;
    padding: 0 10px;
    width: 100%;
    font-size: 18px;
}

.hr_textarea {
    background: #ffffff;
    border: solid 1px #C9C9C9;
    height: 130px;
    line-height: 20px;
    padding: 10px;
    width: 100%;
    font-size: 18px;
}

.hr_submit {
    background: #0067b6;
    color: #ffffff;
    width: 120px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    border-radius: 3px;
    border: none;
    display: inline-block;
    vertical-align: middle;
}

.hr_submit:hover {
    font-weight: bold;
    color: #fff;
}

.hr_note_con ul li label {
    vertical-align: middle;
    margin-right: 10px;
    font-weight: normal;
}

.hr_note_con ul li label input {
    margin-top: -3px;
}

.big_liuyan {
    height: 40px;
    margin-top: 2px;
}

a#big_liuyan_hover {
    background: url(../images/ly_jt.png) no-repeat bottom center #3a3a3a;
    width: 50%;
    margin-left: 0px;
}

a.big_liuyan_l {
    height: 40px;
    background: #888888;
    width: 49%;
    margin-left: 2px;
    float: left;
    display: block;
    font-size: 18px;
    color: #ffffff;
    line-height: 40px;
    text-align: center;
}

.no_tip {
    max-width: 267px;
    min-width: 230px;
    margin: 0 auto;
    position: relative;
    min-height: 50px;
    height: auto;
    _height: 50px;
    line-height: 25px;
    padding-left: 60px;
    padding-top: 70px;
}

.no_tip span.no_t_pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    background: url(../images/common.png) no-repeat;
    background-position: -38px 0;
    background-size: 400px;
    -moz-background-size: 400px;
    margin-top: 70px;
}

.no_tip font {
    font-size: 16px;
}

.note_list {
    border-bottom: solid 1px #d0d0d0;
    padding: 10px 15px;
}

.note_list .n_dh {
    height: 34px;
    line-height: 34px;
}

.note_list .n_dh .l_bt {
    float: left;
    padding-left: 25px;
    color: #977e53;
    background: url(../images/note_tb3.png) no-repeat left center;
    background-size: 20px;
}

.note_list .n_dh .r_date {
    float: right;
    color: #989898;
}

.note_list .n_cent {
    font-size: 14px;
    padding-top: 5px;
}

.note_list .hf_tb {
    background: url(../images/hf_tb.jpg) no-repeat 21px bottom;
    height: 13px;
    display: block;
}

.note_list .hf_cent {
    background: #ebebeb;
    padding: 5px 8px;
}

.pl_submit {
    background: #3a3a3a;
    color: #ffffff;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: none;
    display: block;
    float: right;
}

a.pl_submit {
    color: #ffffff;
}

a:hover.pl_submit {
    color: #ffffff;
    cursor: pointer
}

.pl_dhm {
    height: 40px;
    background: #1e90e0;
    line-height: 40px;
    text-align: center;
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    z-index: 10;
}

.pl_dhm ul a {
    float: left;
    width: 50%;
    display: block;
    height: 40px;
    color: #FFFFFF;
}

.pl_dhm ul li {
    font-size: 16px;
    color: #FFFFFF;
    cursor: pointer;
}

.pl_dhm ul a.hover {
    background: url(../images/ping_hover.jpg) no-repeat bottom center #087fd2;
}

.pl_note_con ul li {
    padding: 5px 0 5px 0;
}

.pl_note_con ul li img,
.pl_note_con ul li input {
    vertical-align: middle;
}

.pl_input3 {
    background: #ffffff;
    border: solid 1px #C9C9C9;
    height: 40px;
    line-height: normal;
    padding: 0 10px;
    width: 100%;
    font-size: 18px;
}

.pl_textarea {
    background: #ffffff;
    border: solid 1px #C9C9C9;
    height: 130px;
    line-height: 20px;
    padding: 10px;
    width: 100%;
    font-size: 18px;
}

.pl_list ul li {
    border-bottom: 1px solid #CCCCCC;
    display: block;
    min-height: 47px;
    padding: 0 20px;
    font-size: 16px;
}

.pl_list ul li h3 {
    color: #000000;
    font-weight: normal;
    overflow: hidden;
    padding: 5px 0;
}

.pl_list ul li .date_title {
    color: #B9B9C8;
    line-height: 18px;
    overflow: hidden;
    padding-bottom: 5px;
}

.big_xianggun_note {}

.big_xianggun_note ul li {
    display: block;
    padding: 8px 10px;
    border-bottom: solid 1px #968c83;
    clear: both;
    min-height: 24px;
}

.big_xianggun_note ul li .l_bt {
    float: left;
}

.big_xianggun_note ul li .r_date {
    float: right;
    color: #999999;
}

.big_xianggun_note ul li .huifu {
    color: #999999;
}

#show_pic .thumbnail {
    text-align: center;
}

#show_pic a.thumbnail:hover {
    border: solid 1px #9f insets0c42f;
}

#show_pic .thumbnail p {
    font-size: 16px;
}

#show_pic .thumbnail img {
    height: 180px;
    max-width: 100%;
}


/*dis_big*/

#dis_pro {
    padding-bottom: 20px;
}

.dis_top {
    clear: both;
    height: 50px;
    line-height: 50px;
    background: #f0f0f0;
    margin-bottom: 30px;
}

.dis_top_l {
    float: left;
    color: #d7000f;
    font-size: 22px;
    line-height: 50px;
    padding-left: 10px;
}

.dis_top_r {
    float: right;
    font-size: 13px;
}

.dis_top_r a {
    padding-right: 15px;
    color: #676767;
}

.dis_l {
    width: 530px;
    display: table-cell;
    vertical-align: top;
    position: relative;
    z-index: 9;
}

.dis_pic {
    margin: 0 auto;
    width: 530px;
    min-height: 530px;
    line-height: 530px;
    position: relative;
}

.dis_pic ul li {
    width: 530px;
    position: relative;
}

.dis_pic_name {
    clear: both;
    background: url(../images/dis_tmbg.png) repeat;
    width: 530px;
    height: 43px;
    line-height: 43px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.dis_pic_name p {
    float: left;
    color: #fff;
    font-size: 17px;
    padding-left: 10px;
    margin-bottom: 0;
}

.dis_pic_name span {
    float: right;
    color: #fff;
    font-size: 17px;
    padding-right: 10px;
    display: block;
}

.list_pic {
    position: relative;
    height: 137px;
    margin-top: 15px;
    clear: both;
    width: 530px;
}

.list_pic span {
    position: absolute;
    top: 8px;
    cursor: pointer;
    display: block;
    width: 20px;
    height: 40px;
}

.list_pic span.p_prev {
    background: url(../images/tech_prev.png) no-repeat left center;
    left: 0px;
    background-size: 70%;
}

.list_pic span.p_next {
    background: url(../images/tech_next.png) no-repeat right center;
    right: 0px;
    background-size: 70%;
}

.dis_list {
    width: 470px;
    margin: 0 auto;
    height: 80px;
    overflow: hidden;
}

.list_pic {
    position: absolute;
    left: 560px;
    bottom: 0px;
    height: 50px;
}

.list_pic li {
    float: left;
    display: block;
    height: 50px;
    width: 50px;
    cursor: pointer;
    margin-right: 10px;
}

.list_pic li img {
    width: 50px;
    height: 50px;
    cursor: pointer;
    border-top: 3px solid #fff;
    padding-top: 2px;
}

.list_pic li img:hover {
    border-top: 3px solid #d7000f;
}

.download {
    width: 90px;
    height: 30px;
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 10px;
}

.download a {
    display: block;
    height: 30px;
    line-height: 35px;
    color: #333;
    font-weight: bold;
}

.download a:hover {
    color: #d7000f;
}

.download2 {
    width: 120px;
    height: 35px;
    text-align: center;
    margin-bottom: 10px;
}

.download2 a {
    display: block;
    height: 35px;
    line-height: 35px;
    color: #fff;
    background: #000;
    font-weight: bold;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.download2 a:hover {
    color: #fff;
    background: #d7000f;
}

#dis_pro .dis_con {
    display: table-cell;
    vertical-align: top;
    padding-left: 30px;
    position: relative;
}

#dis_pro .dis_name {
    padding: 10px 0;
    min-height: 40px;
    line-height: 30px;
    font-size: 2em;
    color: #343434;
}

#dis_pro .dis_text {
    padding: 15px 0;
    color: #343434;
    line-height: 26px;
    font-size: 14px;
    border-bottom: solid 1px #f0f0f0;
}

.para {
    clear: both;
    padding: 20px 0;
}

.para ul li {
    display: block;
    clear: both;
    color: #676767;
    font-size: 14px;
    margin-bottom: 10px;
}

.para ul li span {
    display: block;
    float: left;
    width: 90px;
    color: #343434;
}

.dis_space_title {
    border-top: solid 1px #a9aeb4;
    border-bottom: none;
}

.dis_space_title span {
    background: url(../images/pname_jt.jpg) no-repeat center top;
    top: -10px;
}

.dis_space_bt {
    text-align: left;
    max-width: 1170px;
    margin: 0 auto;
}

.dis_space {
    max-width: 1170px;
    margin: 0 auto;
    height: auto;
    clear: both;
}

.hh_con {
    position: relative;
    width: 100%;
    min-height: 640px;
    margin: 0 auto;
}

.hh_con span {
    position: absolute;
    width: 77px;
    height: 77px;
    cursor: pointer;
    top: 50%;
    margin-top: -35px;
    z-index: 9;
}

.hh_con span.hleft {
    left: 0px;
    background: url(../images/prev.png) no-repeat;
}

.hh_con span.hright {
    right: 0px;
    background: url(../images/next.png) no-repeat;
}

.list_space {
    height: 62%;
    width: 100%;
    margin: 0 auto;
}

.list_space ul li {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    position: relative;
}

.list_space ul li .h_type_pic {
    width: 100%;
}

.list_space ul li img {
    max-width: 100%;
    height: 100%;
}

.list_space ul li .h_pname {
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../images/dis_tmbg.png) repeat;
    width: 100%;
    height: 43px;
    line-height: 43px;
    color: #fff;
    font-size: 17px;
    text-align: left;
}

.dis_pro_story {
    min-height: 50px;
    margin-top: 35px;
    clear: both;
}

#dis_pro .dis_con2 {
    padding-top: 10px;
}

#dis_pro .dis_price font {
    font-size: 18px;
    color: #F00;
    font-weight: bold;
}

#dis_pro .dis_con2 .dis_name {
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
    position: relative;
    padding-right: 100px;
    min-height: 30px;
}

#dis_pro .dis_con2 .dis_name a {
    border-radius: 6px;
    height: 35px;
    width: 80px;
    line-height: 35px;
    display: block;
    background: #0076c7;
    color: #fff;
    text-align: center;
    font-size: 13px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -13px;
    font-weight: normal;
}

#dis_pro .dis_con2 .dis_name a:hover {
    font-weight: bold;
}

#dis_pro .dis_pic2 {
    height: 330px;
    position: relative;
    overflow: hidden;
    margin-top: 10px;
}

#dis_pro .dis_pic2 img {
    max-height: 320px;
    max-width: 100%;
}

#dis_pro .dis_pic2 {
    height: 330px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}

#dis_pro .dis_pic2 img {
    max-height: 320px;
    max-width: 100%;
}

#slider4 li {
    text-align: center;
}

#dis_pro .slider4 {
    position: relative;
    z-index: 1;
}

#dis_pro .pagenavi {
    position: absolute;
    bottom: 14px;
    width: 320px;
    margin-left: -160px;
    text-align: center;
    left: 50%;
    z-index: 2;
}

#dis_pro .pagenavi a {
    background: #eee;
    width: 8px;
    height: 8px;
    text-indent: -9999px;
    margin: 0px 2px;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

#dis_pro .pagenavi a.active {
    background: #d7000f;
}


/*3G 附加图*/

.dis_tab {
    margin-top: -50px;
}

.tab_l {
    font-size: 21px;
}

.nav-tabs {}

.nav-tabs a {
    border-radius: 0;
}

.nav-tabs li {
    width: 150px;
}

.nav-tabs li a {
    margin-right: 0;
    width: 100px;
    text-align: center;
    background-color: #666;
    color: #fff;
}

.nav-tabs li.active a {
    border: 0;
    height: 50px;
    width: 150px;
    border: none;
}

.nav-tabs li.active a:hover {
    border: none;
}

.tab_con {
    font-size: 14px;
    border-top: 0;
    padding: 20px 10px;
    min-height: 200px;
    _height: 200px;
    overflow-x: hidden;
    line-height: 26px;
}

.tab-content img {
    max-width: 100%;
}


/*page_num*/

.page_num {
    text-align: center;
    line-height: 30px;
    min-height: 25px;
    clear: both;
    _height: 25px;
    padding-top: 20px;
}

.p_but {
    padding: 10px 0;
}

.p_but li {
    float: left;
    width: 50%;
}

.p_but li a {
    height: 35px;
    line-height: 35px;
    font-size: 18px;
    text-align: center;
    display: block;
    color: #3a3a3a;
    background: #eee;
    margin: 0 10px;
}

.p_but li a:hover {
    background: #fff;
    color: #3194e5;
}

.p_but li span {
    height: 35px;
    line-height: 35px;
    font-size: 18px;
    text-align: center;
    display: block;
    color: #555;
    background: #eee;
    margin: 0 10px;
}

.boxstyle {
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    box-shadow: 1px 0px 1px #e1e1e1;
}


/* demo */

#demo {
    overflow: hidden;
    width: 600px;
    margin: 0 auto;
}

#indemo {
    float: left;
    width: 100000px;
}

#indemo img {
    margin-right: 10px;
    border: 1px solid #ccc;
}

#demo1 {
    float: left;
}

#demo2 {
    float: left;
}

.pro_content {
    position: relative;
}

.t_left {
    background: url(../images/pleft.jpg) no-repeat;
    cursor: pointer;
    width: 7px;
    height: 9px;
    position: absolute;
    top: 0;
    left: 0;
}

.t_right {
    background: url(../images/pright.jpg) no-repeat;
    cursor: pointer;
    width: 7px;
    height: 9px;
    position: absolute;
    top: 0;
    right: 0;
}


/*list_links*/

ul.list_links {
    text-align: center;
    min-height: 200px;
    _height: 200px;
}

ul.list_links li {
    height: 110px;
}

ul.list_links li img {
    max-width: 95%;
    border: 1px solid #ddd;
    height: 70px;
    margin-bottom: 5px;
}


/*blan*/

.lan_bg {
    background: #42464e;
    color: #fff;
    clear: both;
    min-height: 40px !important;
    padding: 20px 0 20px 0;
}

.lan_bg a {
    color: #fff;
}

.lan_bg a:hover {
    color: #fff;
}

.ewm {
    margin: 0 auto;
    width: 450px;
}

.ewm ul li {
    float: left;
    /*height:30px; line-height:30px;*/
    margin-left: 16px;
}

.ewm ul li a {
    display: block;
}

.ewm ul li span {
    background: url(../images/wx_tb.jpg) no-repeat right;
    padding-right: 17px;
}

.ewm ul li a.wx_code {
    background: url(../images/wechat.png) no-repeat left center;
    padding-left: 30px;
}

.ewm ul li a.wb_code {
    background: url(../images/weibo.png) no-repeat left center;
    padding-left: 30px;
}

.copyright {
    width: 600px;
    margin: 0 auto;
}

.f_menu {
    float: right;
    color: #fff;
    margin-right: 10px;
}

.f_menu a {
    color: #fff;
    padding: 0 5px;
}

a.b_top {
    position: fixed;
    bottom: 52px;
    right: 10px;
    text-decoration: none;
    color: white;
    background-color: rgba(0, 0, 0, 0.3);
    font-size: 12px;
    padding: 1em;
    display: block;
    border: 1px solid #fff;
    cursor: pointer;
    z-index: 999 !important;
}

a.b_top:hover {
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
}
@media screen and (max-width: 1499px){
    .banner .slider .bd {
        width: 1000px;
        margin-left: -450px;
    }

    .banner .slider .bd li {
        width: 1100px;
        
    }
    .banner .slider .prev {
        left: -45%;
        margin-left: -630px;
    }
        .pro_left {
        width: 416px;
        height: 370px;
        position: absolute;
        top: 0;
        right: 80px;
        text-align: left;
        color: #3f3d3b;
        padding: 40px 4px 0 0;
    }
    .pro_right {
        width: 560px;
        /* height: 370px; */
        /* padding: 40px 10px 0 25px; */
        background-color: #000;
    }
    .banner .slider .next .arrow {
        left: 2%;
        background: url(../images/right_button.png) no-repeat;
    }
    .banner .slider .prev .arrow {
        right: 2%;
        background: url(../images/left_button.png) no-repeat;
    }
}
@media screen and (min-width:768px) {
    #top {
        width: 100%;
        height: 96px;
        z-index: 999;
        background-color: #01539c;
        position: absolute;
        left: 0;
        top: 0;
    }
    #header {
        position: relative;
        padding: 0;
    }
    #home .h_tip {
        height: 105px;
        background: url(../images/h_tip.jpg) top center no-repeat;
    }
    #home .h_news .media-left {
        padding-right: 20px;
    }
    #home .h_news .media-left a {
        display: block;
        overflow: hidden;
        height: 130px;
    }
    #sidebar .left_list {
        font-size: 14px;
        border: 1px solid #e5e5e5;
    }
    #sidebar .left_list ul li {}
    #sidebar .left_list ul li a.f_a {
        height: 50px;
        line-height: 50px;
    }
    #sidebar .left_list ul li a.f_a:hover,
    #sidebar .left_list ul li a.shover {
        color: #333333;
    }
    #sidebar .left_list a.s_a {
        display: block;
        padding-right: 20px;
    }
    #sidebar .left_list ul ul a.shover {
        font-weight: bold;
    }
    #sidebar a.l_sel {
        display: block;
        height: 50px;
        line-height: 50px;
        border-bottom: 1px solid #ddd;
        padding-left: 20px;
        font-size: 1.1em;
        background: #f39800 url(../images/shover.jpg) top right no-repeat;
        margin-top: 20px;
        color: #fff;
    }
    #pro_con .media {
        margin-top: 0;
        margin-bottom: 20px;
    }
    #news_con .media-left img {
        max-width: none;
        width: 180px;
        margin-right: 15px;
    }
    #news_con .media-body p {
        width: 70%;
    }
    #pro_con .media-left img {
        max-width: none;
        width: 269px;
        margin-right: 15px;
    }
    #pro_con .media-con {
        line-height: 25px;
        height: 100px;
        overflow: hidden;
    }
    .hr_note_con ul li {
        padding-left: 130px;
        font-size: 16px;
        position: relative;
        line-height: 40px;
    }
    .hr_note_con ul li b {
        color: #0067b6;
    }
    .hr_note_con ul li .hr_input3 {
        width: 50%;
    }
    .hr_note_con ul li .hr_textarea {
        width: 80%;
    }
    .hr_note_con ul li span.hr_tip {
        position: absolute;
        left: 0;
        width: 130px;
        text-align: right;
        height: 40px;
        line-height: 40px;
    }
    .b_but {
        display: none;
    }
    .h_news_all {
        padding: 0;
    }
    .h_pro {
        padding: 0;
    }
    .member .YourClass {
        padding: 30px !important;
    }
    .MacroS_ContentColumn input[type="text"],
    .MacroS_ContentColumn input[type="password"] {
        width: 280px !important;
    }
    #note {
        width: 400px !important;
    }
}

@media screen and (min-width:320px) and (max-width: 1199px) {
    .logo {
        left: 2%;
    }
    #search {
        float: right;
        margin-right: 2%;
    }
    .contact_map {
        padding: 25px 10px;
        margin: 0 auto;
    }
    .contact_notic {
        max-width: 100%;
        padding: 25px 10px;
    }
    .contact_notic_l {
        float: inherit;
        width: 100%;
    }
    .contact_notic_l img {
        max-width: 100%;
    }
    .contact_notic_r {
        float: inherit;
        width: 100%;
    }
}

@media screen and (min-width: 766px) and (max-width: 1000px) {
    .space_big_list ul li {
        min-height: 500px;
    }
}

@media screen and (max-width: 1000px) {
    #top {
        width: 100%;
        z-index: 999;
    }
    #header {
        background: #42464e;
    }
    #header .navbar {
        margin-bottom: 0;
        min-height: 60px;
    }
    #header .m_logo {
        background: url(../images/logo.png) no-repeat;
        height: 55px;
        position: absolute;
        top: 5px;
        left: -5px;
        width: 200px;
        background-size: 100%;
    }
    #header .navbar-header {
        min-height: 60px;
    }
    #menu .navbar-collapse {}
    #menu .navbar-toggle {
        background: #eee;
        margin-right: 0;
    }
    #menu .navbar-toggle span {
        background: #777777;
    }
    #menu a.m_a {
        text-align: left;
        line-height: 20px;
        color: #fff;
        border-radius: 8px;
        font-size: 16px;
    }
    #menu a.m_a:hover {
        background: #fff;
        color: #555;
    }
    #menu ul.dropdown-menu {
        border-bottom: 1px solid #949494;
    }
    #menu ul.dropdown-menu li a {
        display: block;
        height: 40px;
        line-height: 30px;
        color: #fff;
        font-size: 1.1em;
    }
    #menu ul.dropdown-menu li a:hover {
        background: #666666;
    }
    #menu .nav .open>a,
    .nav .open>a:focus,
    .nav .open>a:hover {
        background: #3a3a3a;
        color: #fff;
    }
    #menu ul.dropdown-menu li a:hover {
        color: #fff;
    }
    #menu .sec_m {
        display: none!important;
    }
    #menu .btn-default {
        float: right;
        width: 20%;
    }
    #home {
        padding: 0;
    }
    .h_title {
        margin-top: 20px;
        font-size: 24px;
    }
    .h_title span {
        font-size: 16px;
    }
    .h_type_list ul li {
        width: 24%;
        font-size: 16px;
    }
    .h_type_list ul li a {
        display: block;
        width: 85px;
        height: 45px;
        line-height: 45px;
        padding-left: 30px;
        margin: 0 auto;
    }
    .h_type_list ul li .hicon {
        background-size: 35px;
    }
    .h_type_list ul li .hicon1 {
        background-size: 38px;
    }
    #h_campsite {
        width: 100%;
        min-width: 100%;
        margin: 0 auto;
        min-height: inherit;
    }
    .banner {
        margin-top: 0px;
    }
    .banner .slider {
        width: 100%;
        min-width: 100%;
        min-height: auto;
        position: relative;
        text-align: center;
        min-height: 660px;
        overflow: hidden;
    }
    .banner .slider .bd {
        width: 100%;
        position: absolute;
        left: 0%;
        margin-left: 0;
    }
    .banner .slider .bd li {
        width: 100%;
        overflow: hidden;
        margin: 0;
    }
    .banner .slider .bd li .big_img {
        display: block;
        width: 100%;
        height: auto;
        float: none;
    }
    .banner .slider .tempWrap {
        overflow: visible!important
    }
    .banner .slider .tempWrap ul {
        margin-left: 0px!important
    }
    .banner .slider .hd {
        width: 100%;
        left: 0;
    }
    .banner .slider .hd li {}
    .banner .slider .prev {
        left: 0%;
        margin-left: -0px
    }
    .banner .slider .next {
        left: inherit;
        right: 0%;
        margin-left: 0px
    }
    .banner .slider .pnBtn .blackBg {
        background: none;
    }
    .banner .slider .pnBtn .arrow {
        top: 20%;
        margin-top: 0px;
    }
    .banner .slider .prev .arrow {
        right: inherit;
        left: 2%;
    }
    .banner .slider .next .arrow {
        left: inherit;
        right: 2%;
    }
    .pro_left {
        width: 100%;
        position: inherit;
        top: inherit;
        right: inherit;
        padding: 10px;
        clear: both;
        margin-bottom: 100px;
    }
    .pro_left .pro_name {
        font-size: 20px;
        margin-bottom: 0px;
    }
    .pro_left .pro_img img {
        max-width: 100%;
    }
    .pro_left .pro_note {
        margin: 15px 0;
        height: auto;
        line-height: 22px;
    }
    .h_space_box p {
        font-size: 20px;
    }
    .h_about_bg {
        margin-top: 10px;
        padding: 10px 0 10px 0;
    }
    .h_title2 {
        margin-bottom: 0px;
    }
    .h_about_video {
        float: none;
        width: 100%
    }
    .h_about_video img {
        width: 100%;
    }
    .h_about_con {
        padding: 10px;
        float: none;
        width: 100%
    }
    .h_about_note {
        max-height: inherit;
    }
    .h_news_list {
        margin-top: 10px;
    }
    .h_news_bt {
        margin-bottom: 5px;
    }
    .h_news_list ul li a {
        height: 24px;
        line-height: 24px;
    }
    /*index end*/
    #content {
        padding: 20px 0;
        font-size: 14px;
    }
    #content img {
        max-width: 100%;
    }
    .left_list {
        margin-bottom: 0;
    }
    .left_list ul li a {
        padding: 0 6px;
    }
    .m_title {
        margin-bottom: 10px;
    }
    /*电子图册*/
    #products {
        margin-top: 20px;
    }
    .left_pro {
        padding: 10px 0;
        max-width: 100%;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .left_pro ul li {
        float: left;
        font-size: 13px;
        margin: 0 5px;
    }
    .col-sm-6,
    .col-xs-6 {
        padding: 0 5px;
    }
    /*公司简介*/
    #about {
        margin-top: 0;
    }
    .about_list {
        clear: both;
        margin-top: 15px;
    }
    .about_list .fl {
        float: none;
    }
    .about_list .fr {
        float: none;
    }
    .about_list_img {
        width: 100%;
    }
    .about_list_note {
        width: 100%;
    }
    .about_list_note_pad {
        padding: 10px 10px;
    }
    .h_about_pic img {
        margin-top: 15px;
    }
    /*发展历程*/
    .culture {
        text-align: center;
        margin: 30px 0;
    }
    .culture img {
        max-width: 100%;
        margin: 0 auto;
    }
    #history_bg {
        background: url(../images/history_bg.jpg) no-repeat center;
        min-height: 200px;
        margin-top: 30px;
        padding: 15px 0 20px 0;
    }
    .history {
        margin: 0 auto;
        max-width: 100%;
        position: relative;
        min-height: 200px;
    }
    .his_con {
        margin: 0 auto;
        width: 100%;
        min-height: 200px;
        position: relative;
        overflow: hidden;
        margin-top: 10px;
        background: url(../images/his_tmbg.png) repeat;
        color: #fff;
    }
    .his_con ul li {
        display: block;
        min-height: 150px;
        position: relative !important;
        float: left;
    }
    .his_con ul li .his_note {
        padding: 10px;
        color: #fff;
        font-size: 14px;
        margin: 0 auto;
        line-height: 26px;
    }
    .his_con ul li .his_note img {
        max-width: 100%
    }
    .his_con ul li .his_title {
        padding-bottom: 20px;
        font-size: 1.8em;
        font-weight: bold;
        color: #d7000f;
        text-align: center;
    }
    .history span {
        position: absolute;
        top: 44%;
        margin-top: -30px;
        cursor: pointer;
        display: block;
        width: 78px;
        height: 77px;
        z-index: 9999;
    }
    .history span.d_prev {
        background: url(../images/prev.png) no-repeat;
        left: 0%;
    }
    .history span.d_next {
        background: url(../images/next.png) no-repeat right;
        right: 0%;
    }
    /*荣誉资质*/
    #honor_bg {
        bmargin-top: 20px;
        padding: 10px;
    }
    .honor_con {
        width: 100%;
        min-height: 180px;
        float: left;
    }
    .honor span {
        position: absolute;
        top: 50%;
        margin-top: -20px;
        cursor: pointer;
        display: block;
        width: 22px;
        height: 53px;
        z-index: 9999;
    }
    .honor span.d_prev {
        background: url(../images/tech_prev.png) no-repeat;
        left: 0px;
    }
    .honor span.d_next {
        background: url(../images/tech_next.png) no-repeat;
        right: 0px;
    }
    /*新闻资讯*/
    .news {
        margin: 10px 0;
        padding: 20px 5px 50px 5px;
    }
    .news .bd ul li img {
        width: 100%;
    }
    .news .bd {
        max-width: 100%;
    }
    .news .hd {
        left: 0px;
    }
    .news .bd ul li .news-txt {
        width: 100%;
        float: left;
        margin-left: 0;
    }
    .news .bd ul li .news-txt p.news_des {
        margin: 10px 0;
    }
    .news_list ul li a {
        padding: 15px 0;
    }
    .news_list ul li .news_l {
        font-size: 60px;
        line-height: 55px;
        padding-right: 10px;
    }
    .news_list ul li .news_l p {
        font-size: 14px;
    }
    .news_list ul li .news_r {
        font-size: 14px;
    }
    .news_list ul li .news_r p {
        font-size: 16px;
        margin-bottom: 5px;
    }
    /*影像视频*/
    .video {
        margin-top: 0px;
    }
    .video_list_con {
        margin-top: 0px;
    }
    .video_list_con span {
        position: absolute;
        top: 50%;
        cursor: pointer;
        display: block;
        width: 25px;
        margin-top: -12px;
        height: 38px;
        z-index: 99;
    }
    .video_list_con span.v_prev {
        background: url(../images/left_button.png) no-repeat;
        background-size: 50%;
        left: 1%;
    }
    .video_list_con span.v_next {
        background: url(../images/right_button.png) no-repeat;
        background-size: 50%;
        right: 1%;
    }
    /*空间应用*/
    .dis_top {
        margin-bottom: 10px;
    }
    .hh_con {
        min-height: 200px;
        height: auto;
    }
    .space {
        margin-top: 20px;
    }
    .space span {
        position: absolute;
        top: 40%;
        margin-top: -30px;
        cursor: pointer;
        display: block;
        width: 80px;
        height: 77px;
        z-index: 9999;
    }
    .space span.d_prev {
        background: url(../images/prev.png) no-repeat;
        background-size: 80%;
        left: 0%;
    }
    .space span.d_next {
        background: url(../images/next.png) no-repeat right;
        background-size: 80%;
        right: 0%;
    }
    .space_big_list ul li {
        min-height: 100px;
    }
    .space_big {
        max-width: 100%;
    }
    .space_list span {
        position: absolute;
        top: 50%;
        margin-top: -22px;
        cursor: pointer;
        display: block;
        width: 25px;
        height: 38px;
        z-index: 999;
    }
    .space_list span.s_prev {
        background: url(../images/left_button.png) no-repeat;
        background-size: 60%;
        left: 0px;
    }
    .space_list span.s_next {
        background: url(../images/right_button.png) no-repeat;
        background-size: 60%;
        right: 0px;
    }
    .dis_pro_story2 {
        height: auto;
        clear: both;
        width: 100%;
        min-height: 100px;
    }
    /*工程中心*/
    .projects {
        margin-top: 20px;
    }
    #pro_con .project_list p {
        font-size: 14px;
        min-height: 40px;
    }
    .project_list_mar {
        padding-left: 8px;
        padding-right: 8px;
    }
    #dis_case_bg {
        padding: 10px 0 20px 0;
        margin-top: 10px;
    }
    .dis_case {
        min-height: 200px;
    }
    #dis_case_bg a {
        position: absolute;
        width: 102px;
        height: 95px;
        top: 50%;
        margin-top: -47px;
        z-index: 99;
    }
    #dis_case_bg a.p_prev {
        background: url(../images/left.png) no-repeat;
        background-size: 50%;
        left: 0%;
    }
    #dis_case_bg a.p_next {
        background: url(../images/right.png) no-repeat right;
        background-size: 50%;
        right: 0%;
    }
    #dis_case_bg a b {
        display: none;
    }
    .pselect_list {
        position: absolute;
        top: -10px;
        right: 8px;
    }
    .pselect_list .pselect_box {
        max-width: 320px;
        display: none;
        padding: 5px;
    }
    .pselect_list .pselect_box a {
        padding-left: 10px;
    }
    /*核心技术*/
    .tech_con ul li .tech_note {
        padding: 10px;
        min-height: 300px;
    }
    .tech_list span {
        top: 10px;
    }
    .tech_list span.t_prev {
        left: 0px;
        background-size: 15px;
    }
    .tech_list span.t_next {
        right: -5px;
        background-size: 15px;
    }
    .tech_list li .tech_name {
        font-size: 14px;
        margin: 0 5px;
    }
    .member_bg {
        min-height: 500px;
    }
    .member_box {
        padding: 12% 10px 0 10px;
        width: 100% !important;
    }
    .register {
        width: 100%;
        background: none;
        padding: 0;
    }
    .register .YourClass {
        padding: 20px 0px;
        wdith: 100%;
    }
    .register .MacroS_InputState MacroS_InputError {
        display: block;
        clear: both;
    }
    .YourClass .MacroS_InputError {
        display: block;
        clear: both;
    }
    .MacroS_SubmitButton a {
        background: #5f70a4;
    }
    .YourLanguage .MacroS_TitleColumn {
        width: 110px;
        font-size: 12px;
    }
    .YourClass .MacroS_InputState {
        display: block;
    }
    .MacroS_ContentColumn input[type="text"],
    .MacroS_ContentColumn input[type="password"] {
        width: 100%;
    }
    #note {
        width: 180px !important;
    }
    .content-inner {
        padding: 25px 0;
    }
    .content-inner img {
        max-width: 100%;
    }
    .navbar-form {
        padding: 10px 0;
        padding-bottom: 30px;
    }
    .MacroM_TitleColumn {
        width: 80px!important;
    }
    .MacroM_ContentColumn input[type="text"],
    .MacroM_ContentColumn input[type="password"] {
        width: 180px!important;
    }
    .MacroM_ContentColumn textarea {
        width: 180px!important;
    }
    .MacroM_ContentColumn input.MacroM_Verify {
        width: 70px !important;
    }
    ul,
    menu,
    dir {
        -webkit-padding-start: 0px!important;
    }
    /*留言*/
    #footer {
        padding: 10px 0;
    }
    #sidebar {
        margin-right: 10px;
    }
    #sidebar .left_list {
        height: 300px;
        overflow-x: hidden;
        overflow-y: auto;
    }
    #sidebar .left_list a.l_sel {
        display: block;
        height: 40px;
        line-height: 40px;
        background: #f39801;
        margin-top: 20px;
        color: #fff;
        padding-left: 20px;
    }
    #content .navbar-toggle {
        background: #fff;
        position: absolute;
        right: 0px;
        top: 0;
    }
    #content .navbar-toggle span {
        background: #777777;
        width: 30px;
        height: 3px;
    }
    #content .right-head {
        height: 50px;
    }
    #content .l_title {
        padding-top: 10px;
        background-position: 0 13px
    }
    #news_con .media-left img {
        max-width: none;
        width: 120px;
    }
    #news_con .media-body p {
        width: 300px;
    }
    #pro_con .media-left img {
        max-width: none;
        width: 130px;
    }
    #pro_con .media-con {
        line-height: 25px;
        height: 50px;
        overflow: hidden;
    }
    #pro_con .media {
        padding-bottom: 15px;
    }
    #pro_con .media-heading {
        margin-bottom: 0;
        height: 24px;
        font-size: 14px;
    }
    #pro_con p {
        line-height: 26px;
        padding-top: 0;
        margin-bottom: 0;
        word-break: keep-all;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #pro_con .news_b {
        margin-top: 0px;
        height: 20px;
    }
    #pro_con .news_b .newsl_date {
        background-size: 15px;
    }
    #pro_con .news_b .news_share .bshare-custom .bshare-more.more-style-addthis {
        background-size: 15px!important;
        line-height: inherit;
    }
    #pro_con .media-more {
        height: 25px;
        line-height: 25px;
        width: 80px;
        margin-top: 5px;
    }
    .copyright {
        float: none;
        margin-right: 0;
        text-align: center;
    }
    .f_menu {
        float: none;
        text-align: center;
    }
    .hr_note_con ul li span.hr_tip {
        display: none;
    }
    .row-offcanvas {
        position: relative;
        -webkit-transition: all 0.25s ease-out;
        -moz-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
    }
    .row-offcanvas-right .sidebar-offcanvas {
        right: -50%;
        /* 6 columns */
    }
    .row-offcanvas-left .sidebar-offcanvas {
        left: -50%;
        /* 6 columns */
    }
    .row-offcanvas-right.active {
        right: 50%;
        /* 6 columns */
    }
    .row-offcanvas-left.active {
        left: 50%;
        /* 6 columns */
    }
    .sidebar-offcanvas {
        position: absolute;
        top: 0;
        width: 50%;
        /* 6 columns */
    }
    #footer .bcopy {
        float: none;
        padding: 0 10px;
        text-align: center;
        width: auto;
    }
    .hr_note_con ul li span.hr_tip {
        display: none;
    }
    #KenFor_WangLingTong {
        display: none;
    }
}

@media screen and (min-width:320px) and (max-width: 400px) {
    .h_type_list ul li a {
        display: block;
        width: 90px;
        height: 32px;
        line-height: 32px;
        padding-left: 10px;
        margin: 0 auto;
    }
    .h_type_list ul li .hicon {
        background-size: 30px;
    }
    .h_type_list ul li .hicon1 {
        background-size: 34px;
    }
    .h_type_list ul li .hicon2 {
        padding-left: 18px;
    }
    .pselect_list {
        position: absolute;
        top: -10px;
        right: 0px;
    }
}

@media screen and (min-width:900px) and (max-width: 1000px) {
    .banner .slider {
        min-height: 1000px;
    }
    .video_pic {
        min-height: 450px;
    }
}

@media screen and (min-width:581px) and (max-width: 899px) {
    .banner .slider {
        min-height: 850px;
    }
    .video_pic {
        min-height: 400px;
    }
}

@media screen and (min-width:439px) and (max-width: 580px) {
    .banner .slider {
        min-height: 700px;
    }
    .video_pic {
        min-height: 380px;
    }
}

@media screen and (min-width:320px) and (max-width: 430px) {
    .pro_left {
        height: auto;
    }
    .banner .slider {
        min-height: 610px;
    }
    .video_pic {
        min-height: 360px;
    }
}

@media screen and (min-width:320px) and (max-width: 420px) {
    .video_pic {
        min-height: 250px;
    }
}

.index_about {
    overflow: hidden;
    margin: 50px auto 4%;
    background: #01539c;
    position: relative;
}

.index_about .pic {
    float: left;
    width: 50%;
}

.index_about .pic img {
    display: block;
    width: 100%;
}

.index_about .title {
    overflow: hidden;
    padding: 2%;
    position: absolute;
    width: 51%;
    right: 14%;
    top: 26%;
    background: rgba(255, 255, 255, 0.8);
}

.index_about .title .logo {
    position: absolute;
    left: 8px;
    /* top: 24%; */
    width: 27%;
    /* height: 74%; */
}

.index_about .title .logo img {
    display: block;
    width: 100%;
}

.index_about .title div {
    overflow: hidden;
    float: right;
    width: 67%;
}

.index_about .title div .bt {
    font-size: 14px;
    color: #999999;
    line-height: 25px;
    margin-bottom: 2%;
}

.index_about .title div .bt span {
    font-size: 24px;
    color: #e60012;
}

.index_about .title div p {
    line-height: 27px;
    margin-bottom: 3%;
    font-size: 13px;
    color: #666666;
}

.index_about .title div .more {
    display: block;
    float: left;
    font-size: 14px;
    color: #999999;
    padding: 0 5%;
    line-height: 30px;
    border: 1px solid #dadada;
}

.index_about .title div .more:hover {
    background: #e60012;
    color: #fff;
    border-color: #e60012;
}


/*con_5*/

.con_5 {
    padding: 0px 0 40px;
    background-color: #efefef;
}

.con_5 ul {
    padding-top: 50px;
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
}

.con_5 ul li {
    float: left;
    padding: 10px 20px;
    width: 31.333%;
    margin: 0 1%;
    background: #fff;
}

.con_5 ul li a {
    display: block;
    overflow: hidden;
}

.con_5 ul li a span {
    display: block;
    height: 200px;
    overflow: hidden;
    position: relative;
}

.con_5 ul li a span img {
    display: block;
    width: 100%;
    height: auto;
    min-height: 200px;
}

.con_5 ul li a span i {
    display: block;
    position: absolute;
    width: 100%;
    height: 200px;
    left: 0;
    top: 0;
}

.con_5 ul li a span i img {
    display: block;
    height: 30px;
    min-height: 30px;
    width: auto;
    margin: 200px auto;
}

.con_5 ul li a:hover i {
    background: rgba(1, 83, 156, 0.7);
}

.con_5 ul li a:hover i img {
    margin-top: 80px;
}

.con_5 ul li a b {
    display: inline-table;
    font-size: 18px;
    height: 48px;
    line-height: 48px;
    padding-top: 24px;
    position: relative;
    font-weight: normal;
}

.con_5 ul li a b:before {
    content: "";
    display: block;
    position: absolute;
    width: 60px;
    height: 2px;
    background: #01539c;
    position: absolute;
    left: 0;
    bottom: 0;
}

.con_5 ul li a:hover b {
    color: #01539c;
}

.con_5 ul li a p {
    color: #666;
    line-height: 24px;
    padding-top: 12px;
    font-size: 16px;
}

.con_5 ul li em {
    display: block;
    /* height: 30px; */
    line-height: 20px;
    font-size: 14px;
    color: #d02027;
    font-style: unset;
}

.con_5 ul li em img {
    display: inline-block;
    vertical-align: middle;
    height: 18px;
    width: auto;
    margin-right: 10px;
}


/*footer*/

.footer {
    overflow: hidden;
    background: #01539c;
    padding: 25px 0 30px;
}

.m_box {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.footer_l {
    width: 870px;
    float: left;
}

.footer_l dl dt {
    float: left;
    color: #fff;
    height: 36px;
    line-height: 36px;
    font-size: 12px;
}

.footer_l dl dd {
    float: left;
    padding-left: 10px;
}

.footer_l dl dd img {
    display: block;
    height: 36px;
    width: auto;
}

.footer_l p.footer_nav {
    clear: both;
    color: #fff;
    height: 46px;
    line-height: 46px;
}

.footer_l p.footer_nav a {
    color: #fff;
    padding: 0 18px;
    font-size: 15px;
}

.footer_l p.footer_nav a:first-child {
    padding-left: 0;
}

.footer_l h3 {
    color: #FFF;
    font-size: 24px;
    font-weight: bold;
    height: 50px;
    line-height: 34px;
}

.footer_l h3 b {
    font-size: 28px;
    font-weight: bold;
}

.footer_l p.text {
    color: #fff;
    line-height: 24px;
    font-size: 15px;
}

.footer_l p.text a {
    color: #fff;
}

.footer_r {
    float: right;
    padding-top: 10px;
}

.footer_r span {
    display: block;
    float: left;
    text-align: center;
    color: #D3D3D3;
    padding-left: 10px;
    font-size: 16px;
}

.footer_r span img {
    display: block;
    width: 150px;
    height: auto;
    margin: 8px auto 8px;
}


.left_pro ul.yiul li.yili{width:14%;text-align: center;}
.erji{height:auto;z-index:999999;position:absolute;top:30px;background-color:rgb(66, 70, 78);color:#fff;display:none;width: 160px;}
.erji li a:hover{color:red;}
.erji li a{text-align:center;}
.erji li{width: 150px;float: none!important;margin:auto!important;text-align: initial;}
.div{position:relative; width:300px;height:300px;margin:0 auto;}	
.div1{position:absolute; width:100%;height:100%;}
.div2{position:absolute; width:100%;height:100%;  display:none;}
.div2 img{width:291px;}
.div3{width:100%;height:50px;bottom:0;position:absolute;z-index:9999;background-color: #01539c;line-height:50px;text-align:center;/* opacity:0.5; */color:#FFF;}
.div:hover .div2{display:block;}
.first{
    line-height: 86px!important;
    height: 87px!important;
    font-size: 24px;
}


/*message*/
/*box_msgSubmit*/
#msgSubmit_com_144 {
    padding-left: 200px;
    padding-top: 25px;
    padding-right: 200px;
    padding-bottom: 40px;
}
.box_msgSubmit .msgSubmitBox{margin:0 5px;}
.box_msgSubmit .msgSubmitBox .list{margin-top:6px;}
.box_msgSubmit .itemDescText{color:#adadad;padding-top: 5px 0;}
.box_msgSubmit .msgSubmitBox .list:not(.radio):not(.checkbox) input,
.box_msgSubmit .msgSubmitBox .list textarea,
.box_msgSubmit .msgSubmitBox .list select{width:99%;background:none;border:1px solid #ddd;height: 45px;display:inline-block;padding-left:6px;padding-right:6px;}
.box_msgSubmit .msgSubmitBox .list select{width: 300px;}
.box_msgSubmit .msgSubmitBox .list.site .onlineSelect{padding-right:20px;}
.box_msgSubmit .msgSubmitBox .list .siteDetailCon{margin-top:8px;}
.box_msgSubmit .msgSubmitBox .list .file-wrap{margin-right:8px;}
.box_msgSubmit .msgSubmitBox .list .file-tips-word{line-height:30px;}
.box_msgSubmit .msgSubmitBox .list.radio .option-wrap,
.box_msgSubmit .msgSubmitBox .list.checkbox .option-wrap{margin-right:30px;}
.box_msgSubmit .msgSubmitBox .list textarea{height:80px; padding-top:5px; padding-bottom:5px; vertical-align:middle;}
.box_msgSubmit .msgSubmitBox .list .msgSubSign{color:red; display:inline-block; vertical-align:middle; padding-top:8px; width:1%;}
.box_msgSubmit .msgSubmitBox .code img{width:80px; height:32px; cursor:pointer; display:inline-block; margin:0px 0 0 8px; vertical-align: top;}
.box_msgSubmit .msgSubmitBox .list li .msgVerText{width:calc(100% - 106px) !important; vertical-align: middle;}
.box_msgSubmit .msgSubmitBox .list li .msgVerText+div{vertical-align: middle;height: 32px;}
.box_msgSubmit .msgSubmitBox .botton{width:100%;margin-top: 15px;}
.box_msgSubmit .msgSubmitBox .botton a{background:#e4393c; display:inline-block; width:100%; text-align:center; color:#fff; cursor:pointer; font-size:14px; height:44px; line-height:44px; text-decoration:none;}
.box_msgSubmit .msgSubmitBox .msg_style1 .list span:not(.showPropn){display:none;}
.box_msgSubmit .msgSubmitBox .msg_style1 .list .showPropn{width: 80px;display: inline-block;}
.box_msgSubmit .msgSubmitBox .msg_style2 .list li{width:calc(100% - 100px);}
.box_msgSubmit .msgSubmitBox .msg_style2 ul{position:relative;}
.box_msgSubmit .msgSubmitBox .msg_style2 .list span{display:block; position:absolute; left:0; top:0; line-height:32px; width:100px; text-align:right;}
.box_msgSubmit .msgSubmitBox .msg_style2 .list li{margin-left:100px; padding-left:8px;}
.box_msgSubmit .msgSubmitBox .msg_style3 .list span{display:block; line-height:32px;}
.box_msgSubmit li{list-style:none;}
.box_msgSubmit .msgSubmitBox .msg_style2 .list .showPropn,.box_msgSubmit .msgSubmitBox .msg_style3 .list .showPropn{display:none;}
.box_msgSubmit .msgSubmitBox .list .form-input-text{height:32px;line-height:32px;}
/*page*/