@charset "utf-8";
/*全局初始化样式*/
body {
    padding: 0px;
    margin: 0px auto;
    font-family: Microsoft YaHei, arial, '宋体';
    color: #666;
    width: 100%;
    zoom: 1;

    /*禁用Webkit内核浏览器的文字大小调整功能*/
    -webkit-text-size-adjust: none;

    /*取出点击出现半透明的灰色背景*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight: rgba(0, 0, 0, 0);

    /*控制文本可选性*/
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;

    /*设置字体的抗锯齿或者说光滑度*/
    -webkit-font-smoothing: antialiased;
    /*max-width:640px;*/
    margin: 0 auto;
    min-width: 320px;
}

body * {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ul, .ul > li, form, dl, dl > dt, dl > dd, .ul > ol {
    padding: 0px;
    margin: 0px;
}

/*默认去除ul、li的默认样式*/
.ul, .ul > li, .ul > ol {
    list-style: none;
    margin: 0;
}

/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select, input, textarea {
    border-radius: 0;
    -webkit-border-radius: 0;
    color: #414446;
}

/*表单元素获得焦点时不显示虚线框*/
input:focus {
    outline: none;
}

input, button, select, textarea {
    outline: none; /*-webkit-appearance:none;*//*强制去除表单自带的样式*/
}

/*不允许多行输入文本框有滚动条*/
textarea {
    resize: none; /*-webkit-appearance:none;*//*强制去除textarea自带的样式*/
}

/*初始化表单元素样式*/
textarea, input, select {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

/*初始化HTML5标签样式*/
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

article, aside, footer, header, hgroup, nav, section, figure, figcaption {
    display: block;
}

/*去除figure边距*/
figure, figcaption {
    margin: 0px;
    padding: 0px;
}

/*初始化图片样式*/
img {
    border: none;
    border: 0;
    max-width: 100%;
    vertical-align: top;
}

/*初始化a的样式和字体样式*/
a {
    color: #666;
    text-decoration: none;
    noline: -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

a:hover {
    color: #15182B;
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*清楚浮动*/
.clear {
    clear: both;
    height: 0;
    overflow: hidden;
}

/*清除浮动*/
.clearfix {
    *zoom: 1;
}

/*IE/7/6*/
.clearfix:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both;
}

.dot {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

.wid {
    margin: 0 auto;
}

@media (min-width: 640px) {
    body {
        min-width: 1200px;
    }

    .wid {
        width: 1200px;
    }
}

@media (max-width: 640px) {
    .wid {
        max-width: 640px;
        padding: 0 2%;
    }
}

body > .wid {
    min-height: 600px;
}

.txtbox {
    min-height: 100px; /*单片 设置文字两端对齐*/
    text-justify: inter-ideograph;
    text-align: justify;
    word-wrap: break-word;
}


.header {
}

.header .wid-pc {
    z-index: 100;
    position: relative;
    width: 100%;
    text-align: center;
    /*background-color: rgba(0, 0, 0, 0.26)*/
}

.header .wid-pc .logo img {
    height: 70px;
}

.header .wid {
    display: none;
}

.header .wid .logo {
    padding: 3% 0;
    text-align: center;
    display: block;
    width: 100%;
}

.header .wid .logo img {
    max-width: 70%;
    display: block;
    margin: 0 auto;
}

.ziti {
    width: 100%;
    margin: auto;
    max-width: 1200px;
    text-align: center;
    font-size: 40px;
    color: #4578b9;
    font-weight: bold;
    padding-top: 20px;
    position: relative;
    z-index: 99999;
}
.ziti .n1{
    width: 25%;
    float: left;
    position: relative;
}


@media (max-width: 640px) {
    .header .wid-pc {
        display: none;
    }

    .ziti{
        display: none;
    }

    .header .wid {
        display: block;
    }
}

.Hbanner {
    position: relative;
}

.Hbanner img {
    width: 100%;
    display: block;
}

.Hbanner .bx-pager {
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 2%;
    width: 100%;
    z-index: 101;
}

.Hbanner .bx-pager div {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 5px;
}

.Hbanner .bx-pager a {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.8);
    line-height: 100;
    overflow: hidden;
    display: block;
}

.Hbanner .bx-pager a.active {
    border: 2px solid #e50012;
    background: none;
}

.Index-pc {
    width: 100%;
    position: absolute;
    top: 0;
}

.quick-photo {
    padding-top: 220px;
    height: 600px;
    position: relative;
}

.quick-photo ul li {
    float: left;
    position: relative;
    box-shadow: 0 0 5px #888;
}

.quick-photo ul li a {
    display: block;
    overflow: hidden;
    border-radius: 6px;
}

.quick-photo ul li,
.quick-photo ul li img {
    width: 386px;
    height: 300px
}

.quick-photo ul li.n1,
.quick-photo ul li.n1 img {
    width: 665px;
}

.quick-photo ul li.n2,
.quick-photo ul li.n2 img {
    width: 515px;
}

.quick-photo ul li.n1,
.quick-photo ul li.n2 {
    margin-bottom: 20px;
}

.quick-photo ul li.n1 {
    margin-right: 20px;
}

.quick-photo ul li.n4 {
    margin: 0 21px;
}

.quick-photo ul li h5 {
    padding: 15px 0;
    margin: 0;
    font-weight: normal;
    color: #fff;
    font-size: 24px;
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 0;
}

.quick-photo ul li h5 span {
    display: block;
    font-size: 14px;
    opacity: 0.3
}

.quick-photo ul li dl {
    z-index: 5;
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-transition: all ease 1s;
    transition: all ease 1s;
}

.quick-photo ul li dl h6 {
    font-weight: normal;
    position: absolute;
    margin: 0;
    top: 73px;
    left: 50%;
    margin-left: -80px;
    color: #fff;
    font-size: 24px;
    padding: 0;
    width: 156px;
    height: 159px;
    text-align: center;
    background: url(../images/quick-photo.png) no-repeat;
}

.quick-photo ul li dl h6 span {
    display: block;
    font-size: 14px;
    opacity: 0.3
}

.quick-photo ul li dl h6 b {
    font-weight: normal;
    padding-top: 35px;
    display: block;
}

.quick-photo ul li dl:after {
    position: absolute;
    display: block;
    content: '';
    border: solid 1px rgba(255, 255, 255, 0.6);
    border-radius: 8px;
    width: 94%;
    height: 94%;
    left: 3%;
    top: 3%;
}

.quick-photo ul li:hover dl {
    opacity: 1;
}

.quick-photo .list {
    z-index: 5;
    width: 300px;
    position: absolute;
    right: 30px;
    top: 160px;
}

.quick-photo .list ol {
    padding: 0;
    margin: 0;
}

.quick-photo ol li {
    line-height: 50px;
    padding-left: 20px;
    font-size: 18px;
    list-style: none;
    background: url(../images/icon.png) no-repeat left
}

.quick-nav ul li {
    float: left;
    width: 170px;
    text-align: center;
}

.quick-nav ul li i {
    display: block;
    margin: auto;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    /*border: solid 1px rgba(255, 255, 255, 0.4);*/
    /*border: solid 1px rgba(0, 0, 0, 0.4);*/
    border: solid 1px #999;
    background: url(../images/quick-nav.png) no-repeat;
    filter: brightness(0.5) saturate(200%) hue-rotate(180deg);
    -webkit-transition: all ease 1s;
    transition: all ease 1s;
}

.quick-nav ul li h5 {
    padding: 15px 0;
    margin: 0;
    font-weight: normal;
    /*color: #fff;*/
    color: #999;
    font-size: 20px;
    text-align: center;
}

.quick-nav ul li h5 span {
    display: block;
    font-size: 14px;
    opacity: 0.3
}

.quick-nav ul li:hover i {
    border-color: rgba(229, 0, 18, 0.80);
    background-color: rgba(229, 0, 18, 0.90);
    filter: brightness(0.5) saturate(200%) hue-rotate(360deg);
}

.quick-nav ul li:hover h5 {
    color: #c80f20;
}

.quick-nav ul li.n1 i {
    background-position: left top;
}

.quick-nav ul li.n2 i {
    background-position: -155px top;
}

.quick-nav ul li.n3 i {
    background-position: -310px top;
}

.quick-nav ul li.n4 i {
    background-position: -464px top;
}

.quick-nav ul li.n5 i {
    background-position: -621px top;
}

.quick-nav ul li.n6 i {
    background-position: -776px top;
}

.quick-nav ul li.n7 i {
    background-position: -930px top;
}

.quick-nav ul li.n8 i {
    background-position: -1085px top;
}

.quick-nav ul li:hover i {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}

@media (max-width: 640px) {
    .Hbanner .pc {
        display: none;
    }

    .Index-pc {
        display: none;
    }
}

@media (min-width: 640px) {
    .Hbanner .wap {
        display: none;
    }

    .Hbanner .pc {
        height: 700px;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .Hbanner .bx-controls {
        display: none;
    }

    .Index-wap {
        display: none;
    }
}


.Home .Htitle {
    font-size: 20px;
    color: #333;
    line-height: 30px;
    position: relative;
    padding-left: 15px;
    margin-bottom: 4%;
}

.Home .Htitle:before {
    content: '';
    width: 4px;
    height: 60%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #e50012;
}

.Home .Htitle a {
    float: right;
    height: 31px;
    width: 31px;
    background: url("../images/more1.png") no-repeat;
    background-size: cover;
}

.Home1 {
    padding: 4% 0 2%;
}

.Home1 .scroll {
    font-size: 0;
    overflow: scroll; /* height: 120px;*/
    width: 100%;
    position: relative;
    text-align: center;
}

.scroll::-webkit-scrollbar {
    width: 0;
}

.scroll::-webkit-scrollbar-track::-webkit-scrollbar-track {
    background-color: #fff;
}

.scroll::-webkit-scrollbar-thumb {
    background-color: #fff;
}

.scroll::-webkit-scrollbar-thumb:hover {
    background-color: #fff
}

.Home1 .scrollt::-webkit-scrollbar-thumb:active {
    background-color: #fff
}

.Home1 .scroll > .ul {
    white-space: nowrap;
    font-size: 0;
}

.Home1 ul li {
    display: inline-block;
    text-align: center;
    width: 18%;
}

.Home1 ul li:last-child {
    margin-right: 0;
}

.Home1 ul li a {
    color: #333;
    font-size: 18px;
}

.Home1 ul li figure {
    width: 100%;
    position: relative;
    padding-top: 55%;
    margin-bottom: 6%;
    margin-right: 2%;
}

.Home1 li figure img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
}

.Home2 {
}

.Home2 .list {
    background: #f7f7f7;
    border: 1px solid #e9e9e9;
    padding: 0 5%;
    border-radius: 5px;
}

.Home2 dl {
    padding: 3% 0;
    font-size: 18px;
    position: relative;
    overflow: hidden;
}

.Home2 dl dt {
    display: inline-block;
    padding: 1% 0;
    border-radius: 5px;
    background: #e50012;
    color: #fff;
    width: 30%;
    text-align: center;
    float: left;
    position: relative;
}

.Home2 dl dt a {
    color: #fff;
}

.Home2 dl dt:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #e50012;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.Home2 dl:first-child {
    border-bottom: 1px solid #e9e9e9;
}

.Home2 dl:nth-child(2) dt {
    background: #e50012;
}

.Home2 dl:nth-child(2) dt:after {
    border-left-color: #e50012;
}

.Home2 dl dd {
    float: right;
    width: 65%;
    padding: 1% 0;
}

.Home3 {
    padding: 4% 0;
}

.Home3 ul ol,
.Home3 ul li {
    width: 49%;
    float: left;
    position: relative;
    padding-top: 67%;
    overflow: hidden;
}

.Home3 ul ol:after,
.Home3 ul li:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(31, 137, 227, 0.27);
    z-index: 2;
}

.Home3 ul ol {
    margin-right: 2%;
}

.Home3 ul li {
    margin-bottom: 2%;
    padding-top: 32.5%;
}

.Home3 ul img,
.Home3 ul figure {
    position: absolute;
}

.Home3 ul figure {
    left: 50%;
    top: 50%;
    text-align: center;
    color: #fff;
    z-index: 3;
    transform: translate(-50%, -50%);
    font-size: 24px;
    width: 100%;
}

.Home3 ul img {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1
}

.Home3 ul i {
    font-style: normal;
    background: rgba(255, 255, 255, 0.3);
    display: block;
    margin: 5% auto 0;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    font-size: 48px;
    line-height: 34px;
}

.Home3 ul span {
    line-height: 20px;
    display: block;
    width: 100%;
    font-family: "宋体";
}

.Home4 {
    background: #f7f7f7;
    padding: 6% 4% 5%;
}

.Home4 ul li {
    float: left;
    width: 26.66%;
    margin-right: 10%;
    text-align: center;
}

.Home4 ul li figure {
    width: 100%;
    padding-top: 100%;
    position: relative;
    margin-bottom: 3%;
}

.Home4 ul li figure span,
.Home4 ul li figure img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.Home4 ul li figure span {
    z-index: 2;
    background: url("../images/img_bg.png");
    background-size: contain;
}

.Home4 ul li figure span img {
    width: auto;
    height: auto;
    text-align: center;
    max-height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.Home4 ul li:last-child {
    margin-right: 0;
}

.Home4 ul li a {
    text-align: center;
    display: block;
    font-size: 20px;
    color: #1f2229;
}

.Home5 {
    padding: 4% 0;
}

.Home5 ul li {
    float: left;
    width: 31.33%;
    margin-right: 3%;
}

.Home5 ul li img {
    width: 100%;
}

.Home5 ul li:nth-child(3n) {
    margin-right: 0;
}

.Home5 .bx-pager {
    text-align: center;
    width: 100%;
    margin: 5% 0 0;
}

.Home5 .bx-pager div {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 5px;
}

.Home5 .bx-pager a {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #dcdcdc;
    line-height: 100;
    overflow: hidden;
    display: block;
}

.Home5 .bx-pager a.active {
    background: #de1829;
}

.Home6 {
    padding: 4% 0;
}

.Home6 ul li {
    float: left;
    width: 31.33%;
}

.Home6 ul li a {
    display: block;
    padding-bottom: 60%;
    margin: 0 4%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.Home6 ul li:nth-child(3n) {
    margin-right: 0;
}

.Home6 .bx-pager {
    text-align: center;
    width: 100%;
    margin: 5% 0 0;
}

.Home6 .bx-pager div {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 5px;
}

.Home6 .bx-pager a {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #dcdcdc;
    line-height: 100;
    overflow: hidden;
    display: block;
}

.Home6 .bx-pager a.active {
    background: #de1829;
}

.footer-pc {
    /*background-color: #252525;*/
    /*background-color: rgba(0, 0, 0, 0.26);*/
    background-color: #fff;
}

.footer-pc .wid {
    overflow: hidden;
    position: relative;
    text-align: center;
}

.footer-pc dl {
    padding: 30px 0;
    float: left;
    width: 210px;
    height: 200px;
    /*border-left: solid 1px #3c3c3c;*/
    /*border-left: solid 1px #ccc;*/
}

.footer-pc dl dt,
.footer-pc dl dt a {
    /*color: #fff;*/
    color: #999;
    /*color: rgba(0, 0, 0, 0.26);*/
}

.footer-pc dl dt {
    padding: 0px 18px 0px 18px;
    /*border-left: solid 1px #e50012;*/
    margin-left: -1px;
}

.footer-pc dl dd {
    padding: 10px 0;
}

.footer-pc dl dd span {
    font-size: 14px;
    display: block;
    padding: 0px 18px;
    line-height: 28px;
}

.footer-pc dl dd span a {
    color: #999;
}

.footer-pc dl dd span a:hover {
    /*color: #fff;*/
    color: #cccccc;
}

.footer-pc .copyright {
    font-size: 12px;
    padding: 10px 0;
    border-top: solid 1px #3c3c3c;
}

.footer-pc .copyright a:hover {
    color: #fff;
}

.footer-pc .ewm {
    position: absolute;
    right: 0;
    top: 10px;
    width: 165px;
}

.footer-pc .ewm a {
    cursor: pointer;
    display: block;
    width: 30px;
    height: 30px;
    margin-bottom: 8px;
    border: solid 1px #454545;
    border-radius: 100px;
    background-repeat: no-repeat;
    background-position: center center;
}

.footer-pc .ewm a.weixin {
    background-image: url(../images/weixin.png);
}

.footer-pc .ewm a.weibo {
    background-image: url(../images/weibo.png);
}

.footer-pc .ewm a:hover {
    background-color: #e50012
}

.footer-pc .ewm div {
    position: absolute;
    top: 0;
    right: 0;
}

.footer-pc .ewm img {
    width: 113px;
    height: 113px;
    border: solid 1px #e5e5e5;
    display: inline-block;
}

.footer-pc .ewm b {
    display: block;
    text-align: center;
    font-weight: normal;
    color: #fff;
    font-size: 14px;
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: #cccccc;
}

.footer-wap {
    display: none;
}

.footer-wap .footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #f7f7f7;
    z-index: 100;
}

.footer-wap .footer ul li {
    float: left;
    width: 33.33%;
}

.footer-wap .footer ul li a {
    display: block;
    padding: 4px 0;
    text-align: center;
    color: #999999;
    font-size: 14px;
    position: relative;
}

.footer-wap .footer ul li a:after {
    content: '';
    width: 1px;
    height: 66%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #d6d5d5;
}

.footer-wap .footer ul li a span {
    background: url("../images/footer_icon1.png") no-repeat center -2%;
    padding-top: 27%;
    background-size: 21%;
    display: block;
    width: 100%;
}

.footer-wap .footer ul li:nth-child(2) a span {
    background-image: url("../images/footer_icon2.png");
}

.footer-wap .footer ul li:nth-child(3) a span {
    background-image: url("../images/footer_icon3.png");
}

.footer-wap .footer ul li a.aon {
    background: #dd0f20;
    color: #fff;
}

.footer-wap .footer ul li a.aon span {
    background-position: center 115%;
}


.banner .pc {
    height: 400px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.banner .wap {
    display: none;
}

.columnname {
    display: none;
}

.location {
    text-align: right;
    font-size: 12px;
    line-height: 28px;
}

.location,
.location a {
    color: #999999;
}

.location span {
    color: #e50012;
}

.menu {
    padding: 0;
    margin: 0 0 20px 0;
    position: relative;
    background-color: #f9f9f9;
    border-top: solid 1px #e8e8e8;
    border-bottom: solid 1px #e8e8e8;
}

.menu h4 {
    bottom: -1px;
    position: absolute;
    font-weight: normal;
    line-height: 80px;
    padding: 0px 43px;
    margin: 0;
    font-size: 24px;
    background-color: #e50012;
    color: #fff;
}

.menu dl {
    line-height: 50px;
    height: 50px;
    text-align: right;
}

.menu dl span,
.menu dl span a {
    display: inline-block;
}

.menu dl span {
    position: relative;
    font-size: 14px;
    margin-left: 40px;
}

.menu dl span.on i {
    bottom: -4px;
    left: 0;
    position: absolute;
    display: block;
    border-top: solid 3px #e50012;
    width: 100%;
    height: 8px;
    background: url(../images/menu_icon.jpg) no-repeat center top;
}

.menu dl span.on a {
    padding: 0px 12px;
    color: #e50012;
}

.sub_category {
    line-height: 30px;
    margin-bottom: 20px;
    border-bottom: 1px solid #d1d1d1;
}

.sub_category a {
    margin: 0 10px;
    display: inline-block;
}

.sub_category a.on {
    color: #e50012;
    border-bottom: 3px solid #e50012;
    padding-bottom: 0.8em;
}


@media (max-width: 640px) {
    .footer-pc {
        display: none;
    }

    .footer-wap {
        display: block;
    }

    .banner .pc {
        display: none;
    }

    .banner .wap {
        display: block;
    }

    .banner .wap img {
        width: 100%;
        display: block;
    }

    .columnname {
        display: block;
        font-size: 24px;
        color: #333333;
        text-align: center;
        padding: 6% 0;
    }

    .location,
    .menu {
        display: none;
    }
}

.history {
}

.history ul:before,
.history ul li .txt:before,
.history ul li time:after {
    content: '';
    position: absolute;
}

.history ul {
    position: relative;
}

.history ul:before {
    top: 3%;
    left: 87px;
    width: 4px;
    height: 97%;
    background: #efefef;
}

.history ul li {
    position: relative;
    padding-left: 130px;
    margin-bottom: 10%;
}

.history ul li time {
    font-size: 26px;
    color: #e50012;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    padding-right: 40px;
}

.history ul li time:after {
    width: 14px;
    height: 14px;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    border-radius: 50%;
    background: #e50012;
    border: 5px solid #fff;
}

.history ul li .txt {
    position: relative;
    background: #f3f3f3;
    padding: 5%;
    font-size: 20px;
    color: #666666;
    line-height: 36px;
}

.history ul li .txt:before {
    width: 0;
    height: 0;
    border-width: 13px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #f3f3f3 transparent transparent;
    left: -26px;
    top: 50%;
    transform: translateY(-50%);
}

.honor {
}

.honor ul li {
    float: left;
    text-align: center;
    font-size: 20px;
    margin-bottom: 3%;
}

.honor ul li figure {
    width: 100%;
    border: 1px solid #d9d9d9;
    padding-top: 73%;
    position: relative;
}

.honor ul li figure img {
    max-height: 100%;
    max-width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

@media (min-width: 640px) {
    .honor ul li {
        width: 23%;
        margin-right: 2%;
        font-size: 14px;
    }

    .honor ul li:nth-child(4n) {
        margin-right: 0;
    }
}

@media (max-width: 640px) {
    .honor ul li {
        margin-right: 2%;
        width: 49%;
    }

    .honor ul li:nth-child(2n) {
        margin-right: 0;
    }
}

.partner {
}

.partner ul li {
    float: left;
    text-align: center;
    font-size: 20px;
    margin-bottom: 3%;
}

.partner ul li figure {
    width: 100%;
    border: 1px solid #d9d9d9;
    padding-top: 42%;
    position: relative;
}

.partner ul li figure img {
    max-height: 100%;
    max-width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

.case {
}

.case ul li {
    float: left;
    text-align: center;
    font-size: 20px;
    margin-bottom: 3%;
}

.case ul li a {
    display: block;
    border: 1px solid #e9e9e9;
    background: #f7f7f7;
}

.case ul li figure {
    width: 100%;
    padding-top: 67%;
    position: relative;
}

.case ul li figure img {
    height: 100%;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

.case ul li p {
    margin: 4% 0;
}

.product {
}

.product ul li {
    float: left;
    text-align: center;
    font-size: 20px;
    margin-bottom: 3%;
}

.product ul li a {
    display: block;
    border: 1px solid #e9e9e9;
    background: #f7f7f7;
}

.product ul li figure {
    width: 100%;
    padding-top: 67%;
    position: relative;
}

.product ul li figure img {
    height: 100%;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

.product ul li p {
    margin: 4% 0;
}

.product ul li p span {
    float: right;
    color: #e50012;
    padding-right: 10px;
}

@media (min-width: 640px) {
    .case ul li {
        width: 23%;
        margin-right: 2%;
        font-size: 14px;
    }

    .case ul li:nth-child(4n) {
        margin-right: 0;
    }

    .product ul li {
        width: 23%;
        margin-right: 2%;
        font-size: 14px;
    }

    .product ul li:nth-child(4n) {
        margin-right: 0;
    }

    .partner ul li {
        width: 18.35%;
        margin-right: 2%;
        font-size: 14px;
    }

    .partner ul li:nth-child(5n) {
        margin-right: 0;
    }
}

@media (max-width: 640px) {
    .case ul li {
        margin-right: 2%;
        width: 49%;
    }

    .case ul li:nth-child(2n) {
        margin-right: 0;
    }

    .product ul li {
        margin-right: 2%;
        width: 49%;
    }

    .product ul li:nth-child(2n) {
        margin-right: 0;
    }

    .partner ul li {
        margin-right: 2%;
        width: 49%;
    }

    .partner ul li:nth-child(2n) {
        margin-right: 0;
    }

    .partner ul li .dot {
        margin-top: 5px;
        font-size: 16px;
    }
}

.News_list {
}

.News_list li {
    overflow: hidden;
    border: 1px solid #e9e9e9;
    background: #f7f7f7;
}

.News_list li figure {
    float: left;
}

.News_list li figure img {
    width: 100%;
    display: block;
}

.News_list li h2 {
    font-size: 20px;
    padding: 1.5% 0;
    margin: 0;
    font-weight: normal;
    color: #333;
}

.News_list li p {
    color: #666;
    font-size: 18px;
    line-height: 36px;
    margin: 2% 0;
}

.News_list li time {
    font-size: 16px;
    color: #acacac;
}

.News_list li .txt {
    float: right;
    width: 55%;
}

.News_list li:hover h2 {
    color: #e50112
}

@media (min-width: 640px) {
    .News_list li {
        margin-bottom: 25px;
    }

    .News_list li figure {
        width: 32%;
    }

    .News_list li h2 {
        font-size: 16px;
        border-bottom: 1px solid #e9e9e9;
        font-weight: bold;
    }

    .News_list li h2 span {
        float: right;
        font-weight: normal;
        color: #666
    }

    .News_list li .txt {
        width: 67%;
        padding: 1% 2%
    }

    .News_list li p {
        line-height: 25px;
        font-size: 14px;
    }

    .News_list li time {
        display: none;
    }

    .News_list li i {
        display: block;
        width: 113px;
        text-indent: 40px;
        font-style: normal;
        font-size: 12px;
        line-height: 43px;
        background: #fff url(../images/more.jpg) no-repeat 76px;
        border: solid 1px #e1e1e1;
    }

    .News_list li:hover i {
        color: #fff;
        background: #e50112
    }
}

@media (max-width: 640px) {
    .News_list li {
        padding: 2%;
        margin-bottom: 6%;
    }

    .News_list li figure {
        width: 40%;
    }

    .News_list li h2 {
        padding: 2% 0;
    }

    .News_list li h2 span,
    .News_list li i {
        display: none;
    }

    .News_list li time {
        display: block;
    }
}

.news_info {
    padding: 5% 0;
}

.news_info .title {
    text-align: center;
    padding-bottom: 14px;
    border-bottom: 1px dashed #d2d2d2;
    margin-bottom: 3%;
}

.news_info .title h1 {
    margin: 0;
    padding-bottom: 15px;
    font-size: 22px;
    font-weight: normal;
}

.news_info .title p {
    margin: 0;
    border-bottom: 1px dashed #d2d2d2;
    padding-bottom: 10px;
}

.news_info .title span {
    margin: 0 20px;
    color: #999;
    font-size: 12px;
}

.news_info .info {
    text-align: justify;
    text-justify: inter-ideograph;
}

.news_info .info_back {
    text-align: center;
    clear: both;
    padding: 40px 0 20px 0;
    border-top: 1px dashed #d2d2d2;
    margin-top: 5%;
}

.news_info .info_back a {
    font-size: 18px;
}

.Join {
    padding-bottom: 5%;
}

.Join .list {
    border: 1px solid #e7e7e7;
}

.Join .list .dot {
    font-weight: normal;
    padding: 15px 60px;
    margin: 0;
    color: #888888;
    font-size: 18px;
    background: url("../images/join_icon3.png") no-repeat 25px center #f9f9f9;
    position: relative;
}

.Join .list .dot:after {
    content: '';
    width: 27px;
    height: 29px;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    background: url("../images/join_icon.png") no-repeat center bottom;
}

.Join .list .con {
    display: none;
    padding: 4% 25px;
    color: #666666;
    line-height: 34px;
    font-size: 18px;
}

.Join .list .text {
    display: table;
    width: 100%;
}

.Join .list .text dl {
    display: table-row;
    width: 100%;
}

.Join .list .text dd {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    color: #888888;
    font-size: 18px;
    padding: 1% 2% 1% 0;
}

.Join .list .con .h2 {
    font-size: 18px;
    color: #333;
    margin: 7% 0 2%;
    font-weight: normal;
}

.Join .list #on {
    background: url("../images/join_icon2.png") no-repeat 25px center #e50012;
    color: #fff;
}

.Join .list #on:after {
    background-position: center top;
}

.Join .btn_apply {
    display: inline-block;
    margin: 5% 0;
    padding: 1.5% 8%;
    color: #fff;
    font-size: 20px;
    background: #e50012;
    border-radius: 10px;
}


.Table {
}

.Table ul li {
    margin-bottom: 16px;
    line-height: 44px;
    font-size: 20px;
    color: #888888;
}

.Table ul li .f_name {
    display: inline-block;
    vertical-align: top;
    width: 105px;
    text-align: right;
}

.Table ul li .text {
    border: 1px solid #d8d8d8;
    line-height: 44px;
    padding: 0 2%;
    width: 60%;
}

.Table ul li .text2 {
    height: 186px;
    line-height: 24px;
    font-size: 16px;
}

.Table ul li i {
    font-style: normal;
    color: #e50012;
    font-size: 16px;
    vertical-align: middle;
}

.Table ul li .btn {
    display: inline-block;
    margin: 1% 0 8%;
    padding: 1.5% 5%;
    color: #fff;
    background: #e50012;
    border-radius: 10px;
    font-size: 20px;
}

.Table ul li p {
    margin: 0;
    font-size: 16px;
}

.Table h1 {
    display: none;
}

@media (min-width: 640px) {
    .Table ul li {
        line-height: 35px;
    }

    .Table ul li .f_name {
        font-size: 14px;
        color: #222;
    }

    .Table ul li .text {
        width: 32%;
        line-height: 35px;
        border-radius: 4px;
    }

    .Table ul li .text2 {
        width: 40%
    }

    .Table h1 {
        display: block;
        margin: 0;
        font-weight: normal;
        border-bottom: 1px solid #d1d1d1;
        font-size: 16px;
        padding-left: 15px;
        height: 35px;
        margin-bottom: 20px;
    }

    .Table h1 span {
        border-bottom: 3px solid #e50012;
        padding-bottom: 0.8em;
        display: inline-block;
        height: 36px;
    }
}

.Map001 {
    padding: 20px 0;
}

.Map001 .map {
    width: 100%;
}

.Map001 .map #allmap {
    height: 300px;
    width: 100%;
}

.Map001 .map #allmap * {
    font-size: 12px !important;
    -moz-box-sizing: initial;
    -ms-box-sizing: initial;
    -o-box-sizing: initial;
    -webkit-box-sizing: initial;
    box-sizing: initial;
    max-width: none;
}

.Map001 .info {
    width: 100%;
    background-color: #f9f9f9;
}

.Map001 .info ul {
    padding: 3% 2%;
}

.Map001 li {
    line-height: 25px;
    background-position: left 26px;
    padding: 26px 0 26px 60px;
    font-size: 16px;
    background-repeat: no-repeat;
    color: #7e7e7e;
    border-bottom: 1px #dbdbdb dotted;
}

.Map001 li.name {
    background-image: url(../images/Map001-icon_name.gif);
}

.Map001 li.add {
    background-image: url(../images/Map001-icon_add.gif);
}

.Map001 li.tel {
    background-image: url(../images/Map001-icon_tel.gif);
}

.Map001 li.fax {
    background-image: url(../images/Map001-icon_fax.gif);
}

@media (min-width: 640px) {
    .Map001 {
        overflow: hidden;
    }

    .Map001 .map,
    .Map001 .info {
        float: left;
        width: 50%;
    }

    .Map001 .map #allmap {
        height: 398px
    }
}


.List_loading {
    display: block;
    width: 40px;
    height: 37px;
    background: url("../images/loading.png") no-repeat center;
    margin: 2% auto 10%;
}

.foot_back {
    position: fixed;
    z-index: 105;
    width: 30px;
    height: 30px;
    background: url(../images/back.png) no-repeat;
    background-size: cover;
    right: 0;
    bottom: 15%;
}


.info_201712161727 {
    padding: 3% 0;
}

.info_201712161727 ul {
    max-width: 1000px;
    margin: auto;
}

.info_201712161727 ul li {
    float: left;
    width: 26.66%;
    margin-right: 10%;
    text-align: center;
    margin-top: 20px;
}

.info_201712161727 ul li figure {
    width: 100%;
    padding-top: 100%;
    position: relative;
    margin-bottom: 3%;
}

.info_201712161727 ul li figure span,
.info_201712161727 ul li figure img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.info_201712161727 ul li figure span {
    z-index: 2;
    background: url("../images/img_bg2.png");
    background-size: contain;
}

.info_201712161727 ul li figure span img {
    width: auto;
    height: auto;
    text-align: center;
    max-height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.info_201712161727 ul li:last-child {
    margin-right: 0;
}

.info_201712161727 ul li a {
    text-align: center;
    display: block;
    font-size: 20px;
    color: #1f2229;
}


@media (max-width: 480px) {
    .Home1 ul li figure {
        padding-top: 45%;
    }

    .Home1 .scroll { /* height:90px;*/
    }

    .Home1 ul li a {
        font-size: 13px;
    }

    .Home .Htitle,
    .Home2 dl,
    .Home2 ul li,
    .Home3 ul span,
    .Home4 ul li a,
    .footer ul li a,
    .info_201712161727 ul li a,
    .honor ul li,
    .case ul li,
    .history ul li .txt,
    .News_list li time,
    .news_info .info_back a,
    .Table ul li,
    .Table ul li .btn,
    .Join .list .text dd,
    .Join .list .con .h2,
    .Join .list .con {
        font-size: 14px;
    }

    .Home .Htitle a {
        width: 20px;
        height: 20px;
        margin-top: 5px;
    }

    .Home2 dl dt {
        width: 25%;
    }

    .Home2 dl dt:after {
        left: 95%;
    }

    .Home2 dl dd {
        width: 70%;
    }

    .Home2 ul li span:after {
        border-width: 8px;
    }

    .Home3 ul i {
        width: 30px;
        height: 30px;
        font-size: 32px;
        line-height: 26px;
    }

    .footer ul li a {
        padding: 1% 0;
    }

    .footer ul li a span {
        padding-top: 25%;
        background-size: 20%;
    }

    .columnname,
    .history ul li time {
        font-size: 18px;
    }

    .history ul:before {
        left: 60px;
    }

    .history ul li {
        padding-left: 100px;
    }

    .news_info .title h1 {
        font-size: 16px;
    }

    .honor ul li,
    .case ul li,
    .history ul li .txt,
    .News_list li time,
    .news_info .info_back a {
        font-size: 14px;
    }

    .history ul li time {
        padding-right: 32px;
    }

    .history ul li .txt {
        line-height: 30px;
    }


    .News_list li h2 {
        font-size: 16px;
        margin: 1% 0;
    }

    .News_list li p {
        line-height: 20px;
        font-size: 14px;
        height: 40px;
        overflow: hidden;
        margin: 1% 0;
    }


    .Join .list .dot {
        font-size: 15px;
    }

    .Join .list .con {
        line-height: 30px;
    }

    .Join .btn_apply {
        font-size: 14px;
        padding: 1.5% 5%;
    }

    .Map001 li {
        font-size: 14px;
        padding-left: 50px;
    }
}

@media (max-width: 375px) { {
    font-size: 15px;
}
}

@media (max-width: 320px) {
    .Home1 ul li a {
        font-size: 12px;
    }

    .News_list li h2 {
        font-size: 16px;
    }

    .News_list li p {
        font-size: 14px;
    }

    .News_list li time {
        font-size: 12px;
    }

    .Join .list .text dd {
        width: 100%;
        display: block;
    }

    .Table ul li,
    .Table ul li .btn {
        font-size: 16px;
    }

    .Table ul li .f_name {
        width: 90px;
    }
}

@media (min-width: 641px) {

}

.organizing-pc {
    text-align: center;
}

.organizing-wap {
    display: none;
}

@media (max-width: 375px) {
    .organizing-wap {
        display: block;
    }
}

.Form001413 {
    padding: 2% 0;
}

.Form001413 .tips {
    padding: 20px 0;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    font-size: 14px;
    position: relative;
}

.Form001413 .tips h1 {
    margin: 0;
    font-weight: normal;
    font-size: 18px;
    color: #e50012;
}

.Form001413 .form {
    padding-top: 30px;
}

.Form001413 .form td {
    padding-bottom: 20px;
    font-size: 14px;
}

.Form001413 .form td.w1 {
    width: 300px;
}

.Form001413 .form td.w2 {
    width: 32px;
}

.Form001413 .form li {
    padding-bottom: 20px;
    font-size: 14px;
    width: 225px;
    margin-right: 25px;
    float: left;
}

.Form001413 .form li.mr_end {
    margin-right: 0;
}

.Form001413 .form .text {
    width: 60%;
    border: 1px solid #eaeaea;
    height: 35px;
    line-height: 35px;
    padding: 0 2%;
    border-radius: 3px;
}

.Form001413 .form p {
    line-height: 35px;
    vertical-align: top;
    margin: 0;
}

.Form001413 .form td em {
    font-style: normal;
    color: #bcbcbc;
}

.Form001413 .form td em i {
    font-style: normal;
    color: #fadbbe;
}

.Form001413 .form .price {
    font-size: 18px;
    color: #e50012;
    line-height: 60px;
    margin: 3% 0;
    border-top: 1px solid #e5e5e5;
}

@media (max-width: 1200px) {
    .Form001413 {
        padding: 2%;
    }
}

@media (max-width: 640px) {
    .Form001413 .form table {
        width: 100%;
    }

    .Form001413 .form td,
    .Form001413 .form td.w1 {
        width: 100%;
        display: block;
    }

    .Form001413 .form td.w2 {
        display: none;
    }

    .Form001413 .form td {
        padding-bottom: 5px;
    }

    .Form001413 .form li {
        width: 49%;
        margin-right: 2%;
        font-size: 12px;
    }

    .Form001413 .form li:nth-child(2n) {
        margin-right: 0;
    }

}