.guide {
    position: fixed;
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    background-image: url(/Public/Home/images/guide.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 99999;
}

body {
    font-family:  "Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif;
}

.header .icon-close, .header .icon-nav {
    display: none;
}

.product-swiper {
    display: none;
}

.page-main {
    padding-left: 13.54vw;
    padding-right: 13.54vw;
}
@media screen and (max-width: 1300px) {
.page-main {padding-left: 0;padding-right: 0;}
	
}

.bg-gray {background-color: #f6f6f6;}
.header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    padding-top: 1vw;
    padding-bottom: 1vw;
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    -ms-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
    z-index: 99999999;
}

.header-logo img {
    display: block;
    width: 4.06vw;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.right{float: right;}

.header-logo {display: block;float: left;}

.header-logo {display: block;float: left;}
.header-nav {line-height: 2.7vw;height: 2.7vw;}
.header-nav > div {float: left;}
.header-nav > div > a {display: block; margin: 0 1.3vw;color: #fff; font-size: 16px;}
.header-nav > div > a i {display: none;}
.header-nav > div > div {display: none;width: 110px; background: rgba(211, 31, 38, 0.7);text-align: center;color: #ffffff;}
.header-nav > div > div a{color:#ffffff !important;display: block; height: 40px; line-height: 40px;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.header-nav > div > div a:hover{background: #fff; color: #d31f26 !important;}
.header-nav > div > a > a {display: none;}
.header-nav > div > a.active {color: #d31f26;border-bottom: 3px solid #d31f26;}
.header-nav > div > a:hover{color: #d31f26;border-bottom: 3px solid #d31f26;}
.header-nav > div:hover div{display: block;}
@media (max-width:1000px) {
	.header-nav > div > div{display: block;}
}
.mobile-footer {
    display: none;
}
/*links*/
.links{padding: 1vw 13.54vw;overflow: hidden;}
.links h3{display: block; height: 40px;line-height: 40px; font-size: 16px;}
.links a{display: inline-block; padding: 0 10px 5px 10px; float: left; color: #555;}
.links a:hover{color: #f00;}

.footer-top {
    padding-top: 2.81vw;
    padding-bottom: 2.44vw;overflow: hidden;
}

.footer-top > div {
    float: left;
    width: 7.41vw;
}

.footer-top > div:last-child {
    width: 26.5vw;
}

.footer-top .footer-logo {
    width: 14.06vw;
    height: 9.16vw;
    background-image: url(/Public/Home/images/foot-logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left top;
}

.footer-top > div a, .footer-top > div > div {
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 36px;
}

.footer-top i {
    margin-right: 8px;
}

.footer-top .title {
    font-size: 16px;
    line-height: 16px;
    padding-bottom: 16px;
    font-weight: 800;
}

.footer-top .phone {
    color: #d31f26;
    font-weight: 800;
}

.footer-top .phone i {
    font-weight: normal;
}

.footer {
    background-image: url(/Public/Home/images/footer-bg.jpg);
    background-size: cover;
    background-position: center center;
    background-color: #000;
}

.footer-bot {
    line-height: 3.85vw;
    height: 3.85vw;
    border-top: 1px solid rgba(255, 255, 255, .14);
    font-size: 14px;
    color: #999;
}

.normal-banner {height: 28.64vw;background-repeat: no-repeat;background-size: cover;background-color: #000;background-position: center center;text-align: center;}
.normal-banner div {font-size: 48px;color: #fff;padding-top: 10.4vw;line-height: 5.93vw;}
.normal-banner p {font-size: 100px;color: rgba(255, 255, 255, .15);font-weight: 800;line-height: 7.39vw;}
/*in banner*/
.index_show{position: relative;z-index: 2;width:100%; margin: 0 auto;}

.bxslider{overflow: hidden;width: 100%;zoom:1;}

.bxslider li{display: block; overflow: hidden;}

.bxslider li a{display: block; }

.bxslider li a img{display: block;width:100%; left: 50%; margin-left: -50%;position: relative;}

.bx-controls{display: none;}

#bx-pager{position: absolute;left: 50%;bottom: 10px;z-index:10;margin-left: 0%;}

#bx-pager a{float: left;width: 50px;height: 3px;background: #fff;margin-left: 3px;}

#bx-pager a:hover{text-decoration: none;}

#bx-pager .active{position: relative;background: #fd825c;}



@media screen and (max-width: 1440px) {
	
    .index_show{position: relative;z-index: 2;width: 100%; margin: 0 auto;}
    
    .bxslider{overflow: hidden;width: 100%;}
    
    .bxslider li a{width: 100%;}

}


@media screen and (max-width: 1024px) {
	
    .index_show{position: relative;z-index: 2;width: 100%; margin: 0 auto;}
    #bx-pager{margin-left: -9%;}
    .bxslider{overflow: hidden;width: 100%;}
    
    .bxslider li a{width: 100%;}

}
/*kf*/
.kf-box{position:fixed;width:54px;height:20px;right: 0px; top:150px;z-index:100;}
.kf-botton{position:fixed;right: 0px; width: 40px; height: 133px;}
.side{position:fixed;width:54px;height:275px; right: 0; top:150px;z-index:110;display: none;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}
.kf-box:hover .kf-botton{display: none;}
.kf-box:hover .side{display:block;}

.product-list {
    padding-top: 3.64vw;
    padding-bottom: 3.125vw;
}

.product-item {
    display: block;
    margin-right: 2.5%;
    width: 31.5%;
    padding-bottom: 2.6vw;
    text-align: center;
    background-color: #fff;
    margin-bottom: 2.5%;
    float: left;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    overflow: hidden;
}

.product-item:nth-child(3n) {
    margin-right: 0;
}

.product-item .image {
    height: 29.16vw;

    background-repeat: no-repeat;
    background-position: top center;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

@media screen and (max-width: 1366px) {

.product-item .image{height:28.4vw;background-size: 100%;}
    
}

@media screen and (max-width: 1300px) {
.product-item .image{height:43.4vw;background-size: 100%;}
    
}
.product-item:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-box-shadow: 0 5px 15px 0 #ddd;
    -moz-box-shadow: 0 5px 15px 0 #ddd;
    box-shadow: 0 5px 15px 0 #ddd;
}

.product-item .title {
    padding: 0 4.4vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 24px;
    line-height: 50px;
    color: #333;
    font-weight: 800;
}

.product-item .txt {
    height: 1.7rem; 
    line-height: 32px;
    font-size: 16px;
    padding: 0 4.4vw;
    /* overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; */
    color: #666;
}

.product-item p {
    font-size: 14px;
    color: #333;
    line-height: 4.16vw;
}

.load-more {
    display: block;
    height: 4.16vw;
    line-height: 4.16vw;
    color: #999999;
    font-size: 16px;
    background-color: #ececec;
    text-align: center;
    margin: 0 13.54vw 6.77vw;
}

.load-more:hover i {
    display: inline-block;
    -webkit-animation: ani-jump .7s infinite ease-in-out;
    -o-animation: ani-jump .7s infinite ease-in-out;
    animation: ani-jump .7s infinite ease-in-out;
    transform: translateY(0);
}

@keyframes ani-jump {
    0% {
        transform: translateY(-5px);
    }
    100% {
        transform: translateY(5px);
    }
}

.normal-nav {
    text-align: center;
}

.normal-nav a {
    font-size: 16px;
    margin: 0 20px;
    line-height: 5.72vw;
    color: #333;
}

.normal-nav a.active {
    color: #d31f26;
}

.merit-list {
    padding-bottom: 3.125vw;
}

.merit-item {
    display: block;
    background-color: #fff;
    padding: 2.08vw 2.86vw;
    margin-bottom: 20px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.merit-item > div {
    float: left;
}

.merit-item .image {
    width: 21.4%;
    height: 9.37vw;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
@media screen and (max-width: 1300px) {
	.merit-item .image {height:  13.37vw;}
}
.merit-item > div:nth-child(2) {
    width: 11.57%;
    text-align: center;
}

.merit-item > div:nth-child(3) {
    width: 67%;
}

.merit-item .date {
    line-height: 47px;
    font-size: 48px;
    color: #d31f26;
}

.merit-item .year {
    font-size: 14px;
    color: #333;
    line-height: 24px;
}

.merit-item .title {
    font-size: 18px;
    line-height: 28px;
    padding-bottom: 24px;
    color: #333;
}

.merit-item .txt {
    color: #666;
    font-size: 14px;
    line-height: 30px;
}

.merit-item .detail {
    width: 110px;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    font-size: 14px;
    color: #999;
    line-height: 36px;
    height: 38px;
    display: block;
    text-align: center;
    margin-top: 24px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.merit-item:hover .detail {
    background-color: #d31f26;
    color: #fff;
}

.merit-item:hover {
    border-radius: 5px;
    -webkit-transform: translateX(-7px);
    -moz-transform: translateX(-7px);
    -ms-transform: translateX(-7px);
    -o-transform: translateX(-7px);
    transform: translateX(-7px);
    -webkit-box-shadow: 5px 5px 15px 0 #ddd;
    -moz-box-shadow: 5px 5px 15px 0 #ddd;
    box-shadow: 5px 5px 15px 0 #ddd;
}

.normal-tab {
    text-align: center;
    line-height: 3.125vw;
    height: 3.125vw;
    background-color: #ececec;
}

.normal-tab a {
    font-size: 16px;
    color: #333;
    margin: 0 2.5vw;
    display: inline-block;
}

.normal-tab i {
    font-size: 20px;
    vertical-align: -2px;
    margin-right: 10px;
}

.normal-tab a.active {
    color: #d31f26;
}

.merit2-list {
    padding-top: 3.125vw;
}

.merit2-item {
    width: 48%;
    float: left;
    margin-right: 4%;
    margin-bottom: 2.5vw;
    display: block;
}

.merit2-item:nth-child(2n) {
    margin-right: 0;
}

.merit2-item {
    background-color: #fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    display: block;
}

.merit2-item > div {
    float: left;
}

.merit2-item .image {
    width: 38.8%;
    height: 16.66vw;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.merit2-item .msg {
    width: 61.2%;
    padding: 0 2.6vw;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.merit2-item .title {
    line-height: 38px;
    font-size: 18px;
    padding-top: 2.18vw;
    color: #333;
}

.merit2-item .txt {
    line-height: 26px;
    font-size: 14px;
    color: #666;
    padding-bottom: 1.56vw;
    border-bottom: 1px solid #dcdcdc;
}

.merit2-item p {
    padding-top: 1.3vw;
    line-height: 30px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.merit2-item:hover {
    background-color: #d31f26;
}

.merit2-item:hover .title {
    color: #fff
}

.merit2-item:hover .txt {
    color: #fff
}

.merit2-item:hover p {
    color: #fff
}

.merit2-item:hover .msg {
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translateX(-5px);
}

.merit3-list {
    padding-top: 3.125vw;
    padding-bottom: 3.125vw;
}

.merit3-item {
    width: 33.1%;
    margin-right: 3px;
    margin-bottom: 3px;
    background-color: #fff;
    padding: 14px 1.82vw 2.5vw;
    float: left;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    display: block;
}

.merit3-item:nth-child(3n) {
    margin-right: 0;
}

.merit3-item .time {
    line-height: 4.68vw;
    font-size: 24px;
    font-weight: 800;
    color: #999;
}

.merit3-item .title {height: 60px;
    line-height: 30px;
    font-size: 18px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /*height: 60px;*/
    margin-bottom: 2.34vw;
}

.merit3-item .image {
    height: 14.58vw;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.merit3-item p {
    line-height: 28px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 84px;
    margin-top: 1.25vw;
}
@media screen and (max-width: 1300px){
	.merit3-item .image {height: 21vw;}
}
.merit3-item:hover {
    background-color: #d31f26;
}

.merit3-item:hover .time {
    color: #fff
}

.merit3-item:hover .title {
    color: #fff
}

.merit3-item:hover p {
    color: #fff
}

.shop-pic {
    width: 16.14vw;
    margin-left: 12.2vw;
    padding-top: 4.68vw;
    padding-bottom: 7.81vw;
}

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

.shop-txt {
    width: 39.79vw;
    text-align: center;
}

.shop-txt .title {
    font-weight: 800;
    font-size: 2.6vw;
    line-height: 3.95vw;
    padding-top: 11vw;
    color: #333;
}

.shop-txt .txt {
    font-size: 36px;
    line-height: 3vw;
    color: #333;
    padding-bottom: 1.56vw;
}

.shop-txt img {
    width: 10.41vw;
    padding-bottom: 2vw;
}

.shop-txt p {
    color: #666;
    font-size: 18px;
}

.shop-message {
    line-height: 34px;
    font-size: 16px;
    color: #666;
    padding-bottom: 10.41vw;
}

.form {
    padding: 0 4.9vw;
}

.form .title {
    font-size: 36px;
    font-weight: 800;
    text-align: center;
    line-height: 5.41vw;
}

.form-item {
    float: left;
    width: 30%;
    margin-right: 5%;
    border-bottom: 1px solid #dcdcdc;
    display: block;
}

.form-item:last-child {
    margin-right: 0;
}

.form-item input {
    background-color: #f6f6f6;
    width: 80%;
    height: 4.32vw;
    line-height: 4.32vw;
    border: none;
    font-size: 18px;
}

.form-item label {
    line-height: 4.32vw;
    margin-right: 10px;
    font-size: 18px;
    color: #999999;
}

.form-textarea {
    border-bottom: 1px solid #dcdcdc;
}

.form-textarea label {
    line-height: 10.83vw;
    margin-right: 10px;
    font-size: 18px;
    color: #999999;
}

.form-textarea textarea {
    line-height: 36px;
    font-size: 18px;
    height: 10.83vw;
    padding: 18px 0;
    vertical-align: top;
    resize: none;
    background-color: #f6f6f6;
    width: 90%;
}

.form-btn {
    width: 370px;
    height: 60px;
    line-height: 60px;
    border: none;
    background-color: #d31f26;
    color: #fff;
    margin: 3.125vw auto 0;
    display: block;
    border-radius: 100px;
    font-size: 24px;
}

.msg-list {
    padding-bottom: 2.125vw;
}

.msg-title {
    line-height: 6.25vw;
    font-size: 36px;
    font-weight: 800;
    text-align: center;
    padding-top: 3.92vw;
    border-bottom: 1px solid #dcdcdc;
}

.msg-item {
    padding-bottom: 2vw;
    padding-top: 2vw;
    border-bottom: 1px solid #dcdcdc;
    display: block;
}

.msg-item-msg > div {
    float: left;
}

.msg-item-msg .head {
    height: 60px;
    width: 60px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 50%;
    margin-right: 15px;
}

.msg-item-msg .name {
    font-size: 16px;
    line-height: 34px;
    color: #333;
}

.msg-item-msg .time {
    line-height: 26px;
    font-size: 14px;
    color: #999;
}

.msg-item .content {
    padding-top: 33px;
    padding-bottom: 11px;
    line-height: 24px;
    font-size: 14px;
    color: #666666;
}

.reply {
    background-color: #e8e8e8;
    padding: 0 30px;
    border-radius: 10px;
    position: relative;
}

.reply:after {
    content: '';
    width: 0;
    height: 0;
    border-width: 0 10px 10px;
    border-style: solid;
    border-color: transparent transparent #e8e8e8;
    position: absolute;
    z-index: 1;
    left: 40px;
    top: -10px;
}

.reply > div {
    font-size: 14px;
    padding-bottom: 13px;
    padding-top: 26px;
    line-height: 14px;
}

.reply p {
    line-height: 24px;
    font-size: 14px;
    padding-bottom: 24px;
    color: #666;
}

.notice-item {
    background-color: #fff;
    padding: 20px;
    width: 32%;
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
    display: block;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.notice-item:nth-child(3n) {
    margin-right: 0;
}

.notice-item:hover {
    background-color: #d31f26;
    -webkit-box-shadow: 0 5px 15px 0 #ddd;
    -moz-box-shadow: 0 5px 15px 0 #ddd;
    box-shadow: 0 5px 15px 0 #ddd;
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px);
}

.notice-item .title {
    line-height: 42px;
    padding-top: 8px;
    font-size: 18px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.notice-item .time {
    line-height: 40px;
    font-size: 14px;
    color: #999;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.notice-item p {
    font-size: 14px;
    color: #999;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.notice-item:hover .title {
    color: #fff
}

.notice-item:hover .time {
    color: #fff
}

.notice-item:hover p {
    color: #fff
}

.recruit-list {
    padding-top: 2.4vw;
}

.recruit-item {
    background-color: #fff;
    padding: 2.1vw 8.5vw 1.6vw 3.2vw;
    margin-bottom: 20px;
    display: block;
}

.recruit-item .head {
    width: 18%;
    padding-top: 10px;
}

.recruit-item .message-div {
    width: 80%;
}

.recruit-item .image {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto;
}

.recruit-item .head p {
    font-size: 18px;
    padding-top: 24px;
    color: #333;
    line-height: 18px;
    text-align: center;
}

.recruit-item .head {
    border-right: 1px solid #dcdcdc;
}

.message-div .message {
    padding: 10px 5.5%;
}

.message-div .message > div {
    width: 46%;
    color: #666;
    line-height: 30px;
    float: left;
}

.message-div .content {
    padding: 0 5.5%;
    color: #666;
    line-height: 28px;
    display: none;
}

.message-div .content .title {
    padding-top: 24px;
}

.toggle-btn {
    color: #333;
    width: 80px;
    height: 32px;
    line-height: 32px;
    float: right;
    cursor: pointer;
}

.news-item {
    float: left;
    background-color: #fff;
    width: 31.5%;
    margin:0 1.8% 1.5% 0;
   
    min-height: 33.6vw;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    overflow: hidden;
    display: block;
}
.news-itemli{width: 31.5%;}
.news-item:hover {
    background-color: #d31f26;
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-box-shadow: 0 5px 15px 0 #777;
    -moz-box-shadow: 0 5px 15px 0 #7779;
    box-shadow: 0 5px 15px 0 #777;
    border-radius: 5px;
}

.news-item:hover .title {
    color: #fff
}

.news-item:hover .time {
    color: #fff
}

.news-item:hover .more {
    color: #fff
}

.news-item:hover p {
    color: #fff
}

.news-item .image {
    height: 16vw;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
@media screen and (max-width: 1300px){
	.news-item .image {height: 22vw;	}
	
}
.news-item .time {
    padding: 0 1.25vw;
    color: #d31f26;
    font-size: 1.5vw;
    line-height: 3vw;
    padding-top: 1.2vw;
    font-weight: 800;
}

.news-item .title {
    font-size: 1vw;
    color: #333;
    line-height: 3vw;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 1.25vw;
}

.news-item p {
    padding: 0 1.25vw;
	height: 3.4vw;
    line-height: 1.7vw;
    font-size: .83vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #666;
}

.news-item .more {
    padding: 1.25vw 1.25vw 3vw;
    line-height: 18px;
    font-size: 12px;
    color: #333;
}

.sub-title-mobile {
    display: none;
}

.news-spec-item {position: relative;
    width: 64.7%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin-right: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.news-spec-item:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-box-shadow: 0 5px 15px 0 #777;
    -moz-box-shadow: 0 5px 15px 0 #7779;
    box-shadow: 0 5px 15px 0 #777;
    border-radius: 5px;
}

.news-spec-item .title, .news-spec-item .time, .news-spec-item .more {color: #fff;}
@media screen and (max-width: 1000px){
.news-spec-item .title, .news-spec-item .time, .news-spec-item .more {color: #000;}
}
.news-spec-item .more {
    padding-bottom: 4.4vw;
}

.news-spec-item p {
    -webkit-line-clamp: 1;
    color: #fff;
}

.news-list{display: flex;width: 100%;overflow: hidden; -ms-justify-content: space-between; justify-content: space-between; -moz-justify-content: space-between; flex-wrap: wrap; -moz-flex-wrap: wrap;}
.news-list ul{display: block; width: 102%;}
.news-list .clear:after{content:none !important;}
@media screen and (max-width: 720px) {

}
.detail-title {
    font-size: 30px;
    color: #333;
    line-height: 45px;
    padding-top: 2.9vw;
    text-align: center;
}

.detail-des {
    line-height: 32px;
    color: #666;
    font-size: 14px;
    padding-bottom: 24px;
    border-bottom: 1px solid #eee;
    text-align: center;
}

.detail-content {
	word-wrap:break-word;
    line-height: 32px;
    padding-top: 24px;
    padding-bottom: 40px;
    border-bottom: 1px solid #eee;
}

.detail-paging {
padding-top: .2rem;
    margin-bottom: 1vw;
}

.detail-paging a {
    line-height: 48px;
    display: block; color: #555;font-size: .14rem;border-bottom: 1px dotted #eee;
}
.detail-paging a:hover{color: #f00;}
.news-nav {
    background-color: #d31f26;
    padding: 2vw 0;
}

.news-nav p {
    color: #fff;
    font-size: 16px;
    padding-top: 1vw;
}

.news-nav a {
    width: 20%;
    display: block;
    float: left;
    text-align: center;
    position: relative;
}

.news-nav a:after {
    content: '';
    width: 1px;
    background-color: rgba(0, 0, 0, .3);
    right: 0;
    top: 0;
    height: 100%;
    display: block;
    position: absolute;
}

.news-nav a:last-child:after {
    display: none;
}

.news-nav a img {
    display: block;
    margin: 0 auto;
}

.index-banner {
    width: 100%;
    height: 100vh;
}

.index-banner-item {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

body .index-banner .index-banner-paging {
    position: absolute;
    width: auto;
    z-index: 9;
    right: 2.6%;
    top: 50%;
    left: auto;
    height: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    bottom: auto;
}

body .index-banner .index-banner-paging:after {
    position: absolute;
    width: 1px;
    height: 145px;
    background-color: #fff;
    content: '';
    left: 5px;
    top: 5px;
}

.index-banner-bullet:first-child {
    margin-top: 0;
}

.index-banner-bullet {
    display: block;
    width: 11px;
    height: 11px;
    background-color: #fff;
    border-radius: 50%;
    margin-top: 60px;
}

.index-banner-bullet-active {
    border: 2px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7);
}

.index-floor1 {
    position: relative;
}

.index-floor1 > div {
    width: 50%;
    height: 44.27vw;
}

.index-floor1 .image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.index-floor1 .msg {
    padding-left: 10.93vw;
    background-color: #d31f26;
}

.index-floor1 .title {
    font-size: 1.25vw;
    line-height: 3.8vw;
    font-weight: 800;
    padding-top: 7.39vw;
    color: #fff;
}

.index-floor1 .sub-title {
    font-size: 2.5vw;
    line-height: 3.75vw;
    font-weight: 800;
    color: #fff;
}

.index-floor1 p {
    line-height: 1.68vw;
    font-size: 1.04vw;
    padding-top: .4vw;
    padding-bottom: 3.38vw;
    color: #fff;
}

.index-floor1 .more {
    width: 9.375vw;
    height: 2.6vw;
    text-align: center;
    line-height: 2.6vw;
    background-color: #fff;
    color: #333;
    font-size: .84vw;
    display: block;
    border-radius: 4px;
}

.index-floor1 .icon {
    width: 19vw;
    position: absolute;
    left: 50%;
    top: 1vw;
    z-index: 9;
    margin-left: -9.5vw;
}

.index-floor2 {
    height: 51.56vw;
    position: relative;
    background-color: #efede9;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url(/Public/Home/images/index_bg3.jpg);
}

.index-floor2 .bg1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 23.17vw;
    z-index: 1;
}

.index-floor2 .bg2 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 21.4vw;
    z-index: 1;
}

.bg1-m {
    display: none;
}

.index-floor2 .product-list {
    position: absolute;
    left: 0;
    top: 15vw;
    z-index: 2;
    padding-top: 2.34vw;
}

.floor-title {
    text-align: center;
    line-height: 2.6vw;
    font-size: 1.56vw;
    font-weight: 800;
    position: relative;
    z-index: 2;
    padding-top: 8.85vw;
    width: 17.7vw;
    margin: 0 auto;
}

.floor-title:before {
    content: '';
    background-color: #818181;
    width: 4.68vw;
    height: 1px;
    z-index: 1;
    position: absolute;
    left: 0;
    bottom: 1.3vw;
}

.floor-title:after {
    content: '';
    background-color: #818181;
    width: 4.68vw;
    height: 1px;
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 1.3vw;
}

.floor-subtitle {
    text-align: center;
    line-height: 3.38vw;
    font-weight: 800;
    color: #666;
    font-size: 2.6vw;
}

.index-floor3 {
    height: 41.66vw;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background: url(/Public/Home/images/index_bg5.jpg) no-repeat center top;background-size: cover;
    padding-left: 15.65vw; 
}

@media (max-width:1366px) {
.index-floor3 {padding-top: 4vw;}
}
@media (max-width:1280px) {
.index-floor3 {margin-top: 20vw;}
}
@media (max-width:1000px) {
.index-floor3 {margin-top: 0vw;}
}
.index-floor3 > img {
    padding-top: 13.8vw;
    display: block;
}

.index-floor3 .title {
    line-height: 4.47vw;
    font-size: 24px;
    color: #fff;
}

.index-floor3 .subtitle {
    line-height: 3.75vw;
    font-size: 2.5vw;
    color: #fff;
}

.index-floor3 p {
    font-size: 1.875vw;
    color: #fff;
    line-height: 3.43vw;
    padding-bottom: 2.08vw;
}

.index-floor3 .more {
    width: 9.375vw;
    height: 2.6vw;
    text-align: center;
    line-height: 2.6vw;
    background-color: #d31f26;
    color: #fff;
    font-size: .84vw;
    display: block;
    border-radius: 4px;
}

.index-floor4 .floor-subtitle {
    padding-bottom: 2.5vw;
}

.index-item {
    width: 49.3%;
    margin-right: 1.4%;
    margin-bottom: 1.4%;
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
    height: 25vw;
    padding-top: 20.83vw;
    padding-left: 1.25vw;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    display: block;
}

.index-item:hover, .index-floor4 .more:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
    background-size: 110%;
    -webkit-box-shadow: 0 5px 15px 0 #777;
    -moz-box-shadow: 0 5px 15px 0 #7779;
    box-shadow: 0 5px 15px 0 #777;
    border-radius: 5px;
}

.index-item:nth-child(2) {
    margin-right: 0;
}

.index-item .title {
    color: #fff;
    font-size: .83vw;
    font-weight: 800;
    line-height: 2.27vw;
}

.index-item .time {
    color: #fff;
    font-size: 14px;
    line-height: .83vw;
}

.index-item2 {
    width: 32.4%;
    height: 16.56vw;
    padding-top: 12.5vw;
}

.index-item2:nth-child(2) {
    margin-right: 1.4%;
}

.index-item2:nth-child(3) {
    margin-right: 0;
}

.index-floor4 .more {
    width: 72.92vw;
    margin: 0 auto;
    height: 8.85vw;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url(/Public/Home/images/index-bg6.jpg);
    margin-top: .4vw;
    display: block;
    text-align: center;
    color: #fff;
    line-height: 8.85vw;
    font-size: 16px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
@media (max-width:1366px) {
	.index-floor4 .more {	width: 100%;}
}
.index-floor4 {
    padding-bottom: 4.16vw;
}

@media screen and (max-width: 1000px) {
    .detail-content img{
        width: 100% !important;
        height: auto !important;
    }
    .page-main {
        padding-left: .42rem;
        padding-right: .42rem;
    }

    .header {
        padding-top: .37rem;
        padding-bottom: .37rem;
    }

    .header-logo img {
        width: 2.1rem;
    }

    .header-nav {
        position: fixed;
        z-index: 999;
        background-color: rgba(0, 0, 0, .9);
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        line-height: 2.1rem;
        padding-left: 2.1rem;
        padding-top: 2.5rem;
        display: none;
        overflow-y: auto;
        padding-bottom: 2rem;
    }

    .header-nav > div {
        float: none;
    }
	.header-nav > div >div{display: none;overflow: hidden;width: 12rem;background: none;}
    .header-nav > div > a {
        border-bottom: 1px solid #2b2b2b;
        font-size: .63rem;
        margin: 0;
    }

    .header-nav > div > a i {
        display: block;
        float: right;
        margin-right: .4rem;
    }

    .header-nav > div > a.active {
        border-bottom: 1px solid #2b2b2b;
    }

	.header-nav > div div a { display: block;color: #999999;background: none;width: 40%; float: left; border-bottom: 1px dotted #555; margin-left: 10px;}

    .header .icon-close, .header .icon-nav {
        position: fixed;
        display: none;
        z-index: 1000;
        width: 2.1rem;
        line-height: 2.1rem;
        right: 0;
        height: 1.8rem;
        text-align: center;
        font-size: 1.2rem;
        top: 0;
        color: #fff;
    }

    .header .icon-nav {
        /*position: absolute;*/
        z-index: 1;
        display: block;
        font-size: 1rem;
    }

    .index-banner {
        height: 113vw;
    }

    .index-floor1 > div {
        width: 100%;
        float: none;
        height: 88.66vw;
    }

    .index-floor1 .icon {
        width: 37vw;
        margin-left: -16.5vw;
        top: -7vw;
    }

    .index-floor1 .msg {
        padding-left: .42rem;
        padding-right: .42rem;
        height: auto;
        padding-bottom: 1.8rem;
    }

    .index-floor1 .title {
        text-align: center;
        font-size: .75rem;
        line-height: 1rem;
        padding-top: 2rem;
    }

    .index-floor1 .sub-title {
        display: none;
    }

    .index-floor1 .sub-title-mobile {
        display: block;
        font-size: 1rem;
        text-align: center;
        line-height: 2rem;
    }

    .index-floor1 p {
        line-height: 1rem;
        font-size: 14px;
        text-align: left;
    }

    .index-floor1 .more, .index-floor3 .more {
        width: 3.8rem;
        margin: 0 auto;
        height: 1.4rem;
        line-height: 1.4rem;
        font-size: 14px;
    }

    .index-floor2 {
        height: 126vw;
        background-image: url(/Public/Home/images/index_bg3_m.jpg);
    }

    .index-floor2 .bg1 {
        width: 54vw;
    }

    .floor-title {
        width: 45vw;
        font-size: .75rem;
        line-height: 1.2rem;
    }

    .floor-title:before, .floor-title:after {
        width: 10vw;
        bottom: .6rem;
    }

    .index-floor2 .product-list {
        display: none;
    }

    .floor-subtitle {
        position: relative;
        z-index: 2;
        font-size: 1.1rem;
        line-height: 2rem;
    }

    .index-floor2 .bg2 {
        width: 30%;
    }

    .index-floor3 {
        height: 94.3vw;
        padding-left: .42rem;
        padding-right: .42rem;
    }

    .index-floor3 > img {
        width: 1.1rem;
        padding-top: 1.6rem;
    }

    .index-floor3 .title {
        line-height: 2rem;
    }

    .index-floor3 .subtitle {
        font-size: .95rem;
        line-height: 1.8rem;
    }

    .index-floor3 p {
        font-size: .7rem;
        line-height: 1.6rem;
    }

    .index-floor3 .more {
        margin: 0;
    }

    .index-item, .index-item1 {
        width: 100%;
        margin-right: 0 !important;
        height: 66vw;
        margin-bottom: .4rem;
        padding-top: 47.83vw;
    }

    .index-item .title {
        font-size: 14px;
        line-height: 1.5rem;
        padding-left: .7rem;
    }

    .index-item .time {
        font-size: 12px;
        line-height: 20px;
        padding-left: .7rem;
    }

    .footer {
        display: none;
    }

    .mobile-footer {
        display: block;
        background-image: url(/Public/Home/images/footer-bg.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        line-height: 1.1rem;
        color: #fff;
        font-size: 14px;
    }

    .mobile-footer .title {
        font-size: .63rem;
        color: #fff;
        font-weight: 800;
        padding-top: .3rem;
    }

    .mobile-footer .bot {
        border-top: 1px solid #393939;
        color: #999;
        font-size: 12px;
        margin-top: .2rem;
        padding-bottom: .6rem;
    }

    .mobile-footer .phone {
        color: #d31f26;
        font-weight: 800;
    }

    .index-floor4 .more {
        height: 2.84rem;
        line-height: 2.84rem;
        font-size: 14px;
        margin-top: .4rem;
    }

    .index-floor4 {
        padding-bottom: 1.8rem;
    }

    .product-swiper {
        display: block;
        position: relative;
        z-index: 3 !important;
    }

    .product-item {
        width: 100%;
        float: none;
    }

    .index-floor2 .floor-subtitle {
        padding-bottom: .8rem;
    }

    .product-swiper {
        width: 88vw;
        -webkit-box-shadow: 0 5px 15px 0 #ccc;
        -moz-box-shadow: 0 5px 15px 0 #ccc;
        box-shadow: 0 5px 15px 0 #ccc;
    }

    .product-item .image {
        height: 108vw;
        background-size: 100%;
    }

    .product-item .txt {
        font-size: 14px;
        line-height: 1rem;
    }

    .product-item p {
        font-size: 12px;
        line-height: 1.2rem;
    }

    .index-floor2 .product-item {
        margin-bottom: 0;
    }

    .bg1, .bg2 {
        display: none;
    }

    .product-bullet {
        width: 7px;
        height: 7px;
        display: inline-block;
        border: 1px solid #434343;
        border-radius: 50%;
        margin: 0 .2rem;
    }

    .product-bullet-active {
        background-color: #434343;
    }

    body .product-swiper-paging {
        position: relative;
    }

    .normal-banner {
        height: 43.64vw;
    }

    .normal-nav a {margin: 0 9px;
        line-height: 32px;
        display: inline-block;
        font-size: .65rem;
    }

    .normal-nav {
        padding: 5px 0;
    }

    .merit-item .image {
        padding: 10px;
        width: 34%;
        height: 24vw;
        margin-right: 3%;
    }

    .merit-item > div:nth-child(2) {
        display: none;
    }

    .merit-item .title {
        font-size: 14px;
        line-height: 22px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-bottom: 5px;
    }

    .merit-item .txt {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: 12px;
        line-height: 18px;
    }

    .merit-item .detail {
        width: 80px;
        font-size: 12px;
        height: 30px;
        line-height: 30px;
        margin-top: 3px;
    }

    .merit-item > div:nth-child(3) {
        width: 63%;
    }

    .load-more {
        height: 36px;
        line-height: 36px;
        margin: 0 .42rem 2rem;
        font-size: 14px;
    }

    .normal-tab a {
        margin: 0 .7rem;
    }

    .normal-tab {
        height: 2.2rem;
        line-height: 2.2rem;
    }

    .merit2-item {
        width: 100%;
        margin-right: 0;
        float: none;
        margin-bottom: .8rem;
    }

    .merit2-item .image {
        height: 41vw;
    }

    .merit2-item .title {
        padding-top: .4rem;
    }

    .merit2-item p {
        line-height: 24px;
    }

    .merit3-item {
        width: 100%;
        margin-right: 0;
        float: none;
        padding: .8rem;
        margin-bottom: .8rem;
    }

    .merit3-item .time {
        font-size: 1rem;
        line-height: 1.4rem;
    }

    .merit3-item .title {
        line-height: 1.2rem;
        font-size: .7rem;
    }

    .merit3-item .image {
        height: 56vw;
    }

    .merit3-item p {
        line-height: 1.2rem;
        height: auto;
    }

    .form .title, .msg-title {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .form-item {
        width: 100%;
        margin-right: 0;
        float: none;
        margin-bottom: .4rem;
    }

    .form-item label {
        line-height: 2.2rem;
        font-size: 14px;
    }

    .form-item input {
        line-height: 2.2rem;
        height: 2.2rem;
    }

    .form {
        padding: 0;
    }

    .form-textarea label {
        font-size: 14px;
        line-height: 2.2rem;
    }

    .form-textarea textarea {
        width: 80%;
        height: 5rem;
        font-size: 14px;
        line-height: 20px;
        padding: 10px 0;
    }

    .form-btn {
        width: 100%;
        line-height: 2.2rem;
        height: 2.2rem;
        font-size: 14px;
        margin-top: 1.4rem;
    }

    .msg-title {
        line-height: 3rem;
    }

    .msg-item-msg .head {
        width: 2.5rem;
        height: 2.5rem;
    }

    .msg-item-msg .name {
        font-size: .7rem;
        line-height: 1.2rem;
    }

    .msg-item-msg .time {
        font-size: 12px;
        line-height: 18px;
    }

    .msg-item .content {
        padding-top: .8rem;
        line-height: 1rem;
        font-size: 12px;
    }

    .reply > div {
        padding-top: 1rem;
        padding-bottom: .3rem;
    }

    .reply p {
        line-height: 1rem;
        font-size: 12px;
    }

    .reply {
        padding: 0 15px;
    }

    .msg-item {
        padding-top: .8rem;
        padding-bottom: .8rem;
    }

    .msg-list {
        padding-bottom: 1.2rem;
    }

    .news-item {
        width: 100%;
        margin-right: 0;
        float: none;
        margin-bottom: .8rem;
    }
.news-itemli{width: 100%;}
    .news-item .image {height: 10.6rem;}

    .news-item .time {
        padding: 10px 10px 0;
        font-size: .6rem;
        line-height: 1.2rem;
    }

    .news-item .title {
        font-size: .75rem;
        line-height: 1.6rem;
        padding: 0 10px;
    }

    .news-item p {height: 2.5rem;
        padding: 0 10px;
        font-size: 12px;
        line-height: 1.2rem; color: #555;
    }

    .news-item .more {
        padding: 10px 10px 20px;
    }

    .detail-title {
        font-size: .9rem;
        line-height: 1.6rem;text-align: left;
    }

    .detail-des {
        line-height: 1.4rem;
        font-size: 12px;
    }

    .detail-paging a {
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .news-nav a img {
        width: 1.2rem;
        height: 1.2rem;
    }

    .news-nav p {
        font-size: 12px;
    }

    .news-nav a {
        width: 33.33%;
        padding: .4rem 0;
        margin-bottom: .2rem;
    }

    .news-nav a:nth-child(1) {
        width: 50%
    }

    .news-nav a:nth-child(2) {
        width: 50%
    }

    .news-nav a:nth-child(2):after {
        display: none
    }

    .news-nav {
        padding: 0;
    }

    .news-nav a:after {
        height: 80%;
        top: 10%;
    }

    .notice-item {
        width: 100%;
        float: none;
        margin-right: 0;
        padding: 15px;
        margin-bottom: .8rem;
    }

    .notice-item .title {
        font-size: .8rem;
        line-height: 1.6rem;
        padding-top: 0;
    }

    .notice-item .time {
        font-size: 12px;
        line-height: 1.3rem;
    }

    .notice-item p {
        font-size: 12px;
        line-height: 1.4rem;
    }

    .recruit-item {
        padding: 15px;
    }

    .recruit-item .head {
        width: 25%;
        padding-right: 3%;
    }

    .recruit-item .image {
        width: 3rem;
        height: 3rem;
    }

    .recruit-item .head p {
        font-size: 12px;
        padding-top: .8rem;
    }

    .recruit-item .message-div {
        width: 75%;
    }

    .message-div .message > div {
        float: none;
        width: 100%;
        font-size: 12px;
        line-height: 1.2rem;
    }

    .message-div .content {
        line-height: 1.2rem;
        padding-right: 0;
    }

    .message-div .content .title {
        font-weight: 800;
        padding-top: 1.4rem;
    }

    .recruit-item {
        margin-bottom: .8rem;
    }

    .shop-pic {
        width: 80%;
        margin-left: 0;
        margin: 0 auto;
        float: none;
    }

    .shop-txt {
        float: none;
        width: auto;
    }

    .shop-txt .title {
        font-size: .8rem;
        line-height: 1.7rem;
        text-align: center;
        padding-top: .4rem;
        font-weight: normal;
    }

    .shop-txt .txt {
        font-size: 1.2rem;
        line-height: 2rem;
        font-weight: 800;
    }

    .shop-txt img {
        width: 40%;
    }

    .shop-txt p {
        font-size: .6rem;
    }

    .shop-message {
        font-size: .6rem;
        line-height: 1.2rem;
        padding-top: 1.2rem;
    }
}

@media (max-width: 480px){
	.index-floor2 {height: 162vw;}
}

.video{display: block; width: 300px; height: 194px;position: fixed; right: 20px; bottom: 20px; z-index: 100;background: #000;}
.video .hide{display: block;width: 20px; height: 20px; text-align: center; line-height: 20px; background: #fff; position: absolute; top: -30px; right: 0px; font-size: 16px; font-weight: bold; color: #000; text-transform: uppercase;border-radius: 50%; -moz-border-radius: 50%;}
@media (max-width:1000px) {
	.video{display:none;}	
	
}

.contactusdiyou { position: fixed; right: -260px;  _position: absolute; width: 260px; height:550px;top: 50%; margin-top: -275px; z-index: 99999999999; _margin-bottom: 0px; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
transition: all .5s ease; background: #031f27;}
.contactusdiyou .hoverbtn { width: 30px; height: 129px; padding-top: 20px; cursor: pointer; position: absolute; top: 50%; margin-top: -66px; left: -30px; font-size: 14px; color: #fff; background: #1f2729; -webkit-border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; -o-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; -moz-box-shadow: -4px 4px 4px -4px #000; -webkit-box-shadow: -4px 4px 4px -4px #000; box-shadow: -4px 4px 4px -4px #000; }
.contactusdiyou .hoverbtn span { width: 30px; height: 19px; line-height: 19px; text-align: center; overflow: hidden; float: left; }
.contactusdiyou .hoverbtn .hoverimg { width: 13px; height: 9px; margin: 10px 0px 0px 10px; float: left; display: inline; background-repeat: no-repeat; }
.hoverimg2 { background: url(/Public/Home/images/hoverbtnbg.gif) no-repeat; }
.contactusdiyou .kflg{height:95px; text-align: center; padding-top:20px;}

.contactusdiyou .conter {width:260px; height:440px; position: absolute; top:50%; *margin-top:-135px;margin-top:-135px; color:#fff;}
.contactusdiyou .conter ul{display:block; margin:0px; padding:5px 10px; overflow:hidden;}
.contactusdiyou .conter ul li{display:block; border-bottom:1px solid #1d363d;overflow: hidden;text-decoration:none; padding: 10px 0px;}
.contactusdiyou .conter ul li a s{display:block; width:75px; height:32px; float:left; }
.contactusdiyou .conter ul li a dl{display:block;margin: 0 0 0 85px; font-size:12px;}
.contactusdiyou .conter ul li a dl dt{display: block;height: 30px; font-size: 14px; color: #fff;}
	.contactusdiyou .conter ul li a{color: #888;}
	.contactusdiyou .conter ul li a:hover{color: #fff;}

.diyou { _position: absolute; _bottom: auto; _margin-bottom: 0px; z-index: 99999999999; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
}
.diyoumask { position: fixed; left: 0; top: 0; z-index: 100000; width: 100%; height: 100%; opacity: 0.3; filter: alpha(Opacity=30); background: #000; display: none; }
.fn_cle:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } 

@media (max-width:1210px) {
		.contactusdiyou{display: none;}
}
@media (max-width:770px) {
    .product-swiper .swiper-slide{
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .product-swiper {
        width: 100vw;
        box-shadow: unset;
    }
    .product-item{
        width: 95%;margin: 0 auto 1rem auto;
    }
	.product-item:nth-child(3n) {margin-right:auto;}
    .product-item .image{
        height: 113vw;
    }
	.product-item .image2{
        height: 40vw;
    }

    /* .product-item .txt{
        height: 144px;
    } */
    body .product-swiper-paging{
        margin: 20px 0;
    }
    
}
@media (max-width:480px) {
.product-item .image2{height: 60vw;}	
}

@media screen and (min-width:500px) and (max-width:770px){
    .index-item,.index-item1{
        background-size: cover;
        width: 46%;
        height: 35vw;
        padding-top: 17.83vw;
    }
    .index-item .title,.index-item .time{
        padding-left: 0;
        white-space: normal;
        overflow: hidden;
    }
    .index-list{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
}
/*news*/
em,i { font-style: normal; }
s{text-decoration: none;}
a{text-decoration: none;}

.index-news{padding: 0 13.54vw;}
.index-news ul{display: block; overflow: hidden;margin: 0px;padding: 0px;}
.index-news ul li:nth-child(1){display: block;margin: 0px;padding: 0px; overflow: hidden;width: 36vw;float: left;}
.index-news ul li:nth-child(1) a{display: block;}
.index-news ul li:nth-child(1) a div{display: block; width: 100%; height: 4rem;background-size: cover;position: relative;}
.index-news ul li:nth-child(1) a div h4{display:none;width: 92%;margin: 0px; line-height: 0.3rem; font-size: 0.16rem; color: #fff;padding: 0 4%; position: absolute; bottom: -1vw; left: 0px;z-index: 10;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.index-news ul li:nth-child(1) a div h4 em{display: block;line-height: 0.16rem; font-size: 0.12rem;font-weight: normal;}
.index-news ul li:nth-child(1) a span{display:none;}
.index-news ul li:nth-child(1) a h3{display: block; line-height: 4.35rem; font-size: 1.24rem; color: #000;font-weight: bold;}
.index-news ul li:nth-child(1) a i{display: block;line-height: 1.2rem; font-size: 0.1rem; color: #888; }
.index-news ul li:nth-child(1) a p{display: block;line-height: 2rem; font-size: 0.12rem; color: #555;}

.index-news ul li:nth-child(1) a:hover div h4{display: block;bottom: 1vw;}

.index-news ul li{display: block;width: 36vw; padding: 0 0 0.2rem 0.8vw;overflow: hidden;float: left;}
.index-news ul li a{display: block;}
.index-news ul li a div{display: block; width: 1.71rem;height: 1.2rem;overflow: hidden; float: left;border: 1px solid #eee;}
.index-news ul li a div h4{display: none;}
.index-news ul li a img{display: block; max-width: 100%;}
.index-news ul li a span{display: block; margin: 0 0 0 1.81rem;}
.index-news ul li a span h3{display: block; font-weight: normal;margin: 0px; font-size: 0.16rem; color: #000;}
.index-news ul li a i{display: block; height: 0.3rem;line-height: 0.3rem; font-size: 0.12rem; color: #888;}
.index-news ul li a p{display: block;line-height:0.24rem;font-size: 0.14rem; color: #555;margin: 0px;}
.index-news ul li a:hover div{background: #000;}

@media (max-width:1366px) {
	.index-news{padding: 0 0;}
	.index-news ul li:nth-child(1){width: 45%;}
	.index-news ul li:nth-child(1) a div{height: 5rem;}
	.index-news ul li{width: 55%;}
	.index-news ul li a div{width: 2.19rem;height: 1.53rem;}
	.index-news ul li a span{margin: 0 0 0 2.3rem;}
	.index-news ul li a span h3{display: block; font-weight: normal;margin: 0px; font-size: 0.24rem; color: #000;}
    .index-news ul li a i{display: block; height: 0.3rem;line-height: 0.3rem; font-size: 0.2rem; color: #888;}
    .index-news ul li a p{display: block;line-height:0.3rem;font-size: 0.2rem; color: #555;margin: 0px;}
}
@media (max-width:750px) {
	.index-news{width: 100%;padding: 0px;}
	.index-news ul{display: flex;justify-content:space-around; flex-wrap: wrap;}
	.index-news ul li:nth-child(1){float: none;width: 47vw;margin-bottom: 3vw;}
	.index-news ul li:nth-child(1) a div{height: 5rem;}
	.index-news ul li:nth-child(1) a h3{font-weight: normal;line-height: 0.8rem;font-size: 0.5rem;}
	.index-news ul li:nth-child(1) a div h4{display: none;}
	.index-news ul li:nth-child(1) a span{display: block;}
	.index-news ul li:nth-child(1) a i{font-size: 0.4rem;height: 0.6rem;line-height: 0.6rem;} 
	.index-news ul li:nth-child(1) a p{font-size: 0.4rem;line-height: 0.5rem;} 
	.index-news ul li{width: 47vw;padding: 0px;margin-bottom: 3vw;}
	.index-news ul li a span h3{line-height: 0.26rem;line-height: 0.8rem;font-size: 0.5rem;}
	.index-news ul li a div{float: none;width: auto;height: 5rem;}
	.index-news ul li a span{margin: 0px;}
	.index-news ul li a img{display: block; max-height: 12.8rem;}
	.index-news ul li a i{font-size: 0.4rem;height: 0.6rem;line-height: 0.6rem;} 
	.index-news ul li a p{display: block;font-size: 0.4rem;line-height: 0.5rem; color: #555;margin: 0px;}
}
@media (max-width:420px) {
	.index-news{width: 100%;padding: 0px;}
	.index-news ul{display:block;}
    .index-news ul li:nth-child(1){float: none;width: 100%;}
	.index-news ul li:nth-child(1) a div{display: block;width: 6rem;height: 4rem; overflow: hidden;background: #000; float: left;}
	.index-news ul li:nth-child(1) a span{display:block;margin: 0 0 0 6.5rem;}
	.index-news ul li:nth-child(1) a span h3{font-weight: normal;font-size: 0.6rem;}
	.index-news ul li:nth-child(1) a i{display: block; height: 0.6rem;font-size: 0.5rem; color: #888;}
    .index-news ul li:nth-child(1) a p{display: block;line-height: 0.8rem;font-size: 0.5rem; color: #555;margin: 0px;}
	
	.index-news ul li{width: 100%; padding: 0px;margin-bottom: 1rem;}
	.index-news ul li a div{float: none;width: 6rem;height: 4rem; float: left;}
	.index-news ul li a img{display: block; max-height: 12.8rem;}
	.index-news ul li a span{margin: 0 0 0 6.5rem;}
	.index-news ul li a span h3{font-size: 0.6rem;}
	.index-news ul li a i{display: block; height: 0.6rem;font-size: 0.5rem; color: #888;}
    .index-news ul li a p{display: block;line-height: 0.8rem;font-size: 0.5rem; color: #555;margin: 0px;}
}
.img_fd img{width:100%;overflow-x: hidden; overflow-y: hidden; position: relative; z-index: 1; transition-delay: 0s; transition-duration: 1s; transition-property: all; transition-timing-function: ease; /* Firefox 4 */
-moz-transition-delay: 0s; -moz-transition-duration: 1s; -moz-transition-property: all; -moz-transition-timing-function: ease; /* Safari 和 Chrome */
-webkit-transition-delay: 0s; -webkit-transition-duration: 1s; -webkit-transition-property: all; -webkit-transition-timing-function: ease; /* Opera */
-o-transition-delay: 0s; -o-transition-duration: 1s; -o-transition-property: all; -o-transition-timing-function: ease;}
.img_fd:hover img{transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); 	/* IE 9 */ -moz-transform: scale(1.2, 1.2); 	/* Firefox */ -webkit-transform: scale(1.2, 1.2); /* Safari 和 Chrome */ -o-transform: scale(1.2, 1.2); 	/* Opera */opacity:0.6; }
.jbxg{-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}

img.wp-smiley, img.emoji {display: inline !important;border: none !important;box-shadow: none !important;height: 1em !important;width: 1em !important;margin: 0 .07em !important;vertical-align: -0.1em !important;background: none !important;padding: 0 !important;}
/*news end*/


.product-item .image img{display: block; width: auto; height: 100%; }
.product-item .image2 img{display: block; width: auto; height: 100%; }

/*video list*/
.video-list{overflow: hidden;padding-top: 0.5rem; padding-bottom: 0.5rem;}
.video-list ul{display:flex; justify-content: space-between; flex-wrap: wrap; margin: 0; padding: 0px;overflow: hidden;}
.video-list ul li{display: block; background: #fff;width: 24% ;padding: 1vw;margin-bottom: 0.2rem; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out;}
.video-list ul li em{display: block; height: 30px; line-height: 30px; font-size: 14px; color: #555;}
.video-list ul li span{display: block; height: 3vw; line-height: 1.5vw; padding: 0.2rem 0 0.7rem 0;}
.video-list ul li span a{display: block; font-size: 0.2rem; color: #000;}
.video-list ul li i{display: block;height: 30px; line-height: 30px; font-size: 12px; color: #999; }
.video-list ul li s{display: block; overflow: hidden;background: #000;}
.video-list ul li s video{height: 1.7rem;}
.video-list ul li p{display: block; padding: 0.2rem 0px;text-indent: 20px; color: #555;font-size: 0.13rem;}
.video-list ul li:hover{background: #d31f26; color: #fff;}
.video-list ul li:hover span a{ color: #fff;}
.video-list ul li:hover em{ color: #fff;}
.video-list ul li:hover i{ color: #fff;}
.video-list ul li:hover p{ color: #fff;}
.video-list ul .kong{width: 24%;}

@media (max-width:1000px) {
	.video-list ul li{width: 100%; margin: 0 auto 1rem auto;padding: 1rem;}
	.video-list ul li span{height: 4rem; line-height: 2rem;}
	.video-list ul li span a{font-size: 1rem;}
	.video-list ul li s video{height: 9.8rem;}
	.video-list ul li p{font-size: 0.6rem;padding: 0.5rem 0}
	.video-list ul li:hover{background:#fff;}
	.video-list ul li:hover span a{ color: #000;}
    .video-list ul li:hover em{ color: #555;}
    .video-list ul li:hover i{ color: #999;}
	.video-list ul li:hover p{ color: #555;}
	a#loadmore{width: 96%;}
}
#gongjiang div a,#shengtai div a{display:inline-block;width: 100%;padding: 0.02rem; transition: all .5s ease-in-out;}
#gongjiang div a:hover,#shengtai div a:hover{
    background: rgba(255, 255, 255, .9);
    color:#d31f26 !important;
	
}
.home-news{padding: 0 13.54vw;overflow: hidden;display: block;}
.home-news dl{display: block;margin: 0px; padding: 0px; overflow: hidden;width: 47%;float: left;position: relative;background: #000;}
.home-news dl a{display: block;}
.home-news dl a h4{display:none;width: 92%;margin: 0px; line-height: 0.3rem; font-size: 0.16rem; color: #fff;padding: 0 4%; position: absolute; bottom: -1vw; left: 0px;z-index: 10;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.home-news dl a h4 i{display: block;line-height: 0.16rem; font-size: 0.12rem;font-weight: normal;}
.home-news dl a:hover h4{display: block;bottom: 1vw;}

.home-news ul{display: block; margin: 0 0 0 48%;}
.home-news ul li{display: block; overflow: hidden; margin-bottom: 0.1rem;}
.home-news ul li a{display: block;}
.home-news ul li a div{display: block;  width: 1.71rem;float: left;overflow: hidden; background: #000;}
.home-news ul li a span{display: block; margin: 0 0 0 1.8rem; color: #555;font-size: 0.14rem;line-height: 0.24rem;}
.home-news ul li a span h4{display: block; height: 0.3rem; color: #000;font-size: 0.18rem;}
.home-news ul li a span i{display: block; height: 0.2rem; font-size: 0.14rem; color: #888;}

.home-news-mobile{display: none;}
@media (max-width:1024px) {
	.home-news-mobile{width: 100%;display: block;}
    .home-news-mobile ul{display: block;margin: 0px;padding: 0 1%;overflow: hidden;}
	.home-news-mobile ul li{width: 50%;float: left;margin-bottom: 0.3rem;}
	.home-news-mobile ul li a{display: block; width: 96%; margin: 0 auto;}
	.home-news-mobile ul li a s{width: 100%;float: none;overflow: hidden; background: #000;}
	.home-news-mobile ul li a span{width: 100%;margin: 0px;color: #555;font-size: 0.34rem;line-height: 0.6rem;}
	.home-news-mobile ul li a span h4{display: block; height: 1.3rem;line-height: 0.6rem; color: #000;font-size: 0.4rem;}
    .home-news-mobile ul li a span i{display: block; height: 0.7rem; font-size: 0.34rem; color: #888;}
}
@media (max-width:640px) {
.home-news-mobile{width: 100%;display:block;}
.home-news-mobile ul{display: block;margin: 0px;padding: 0 1%;overflow: hidden;}
.home-news-mobile ul li{display: block; overflow: hidden; margin-bottom: 0.3rem;float: none;width: 100%;}
.home-news-mobile ul li a{display: block;width: 100%;}
.home-news-mobile ul li a s{display: block;  width: 5rem;height: 3.5rem;float: left;overflow: hidden; background: #000;}
.home-news-mobile ul li a span{display: block; width:auto; margin: 0 0 0 5.4rem; color: #555;font-size: 0.38rem;line-height: 0.8rem;}
.home-news-mobile ul li a span h4{display: block; height: 1.3rem;line-height: 0.7rem; color: #000;font-size: 0.6rem;}
.home-news-mobile ul li a span i{display: block; height: 0.7rem;line-height: 0.7rem; font-size: 0.38rem; color: #888;}
}
@media (max-width:1366px) {
	.home-news{padding: 0px;}
	.home-news ul li a div{display: block;  width: 2.4rem;}
	.home-news ul li a span{margin: 0 0 0 2.5rem;}
	.home-news ul li a span{display: block; margin: 0 0 0 2.5rem; color: #555;font-size: 0.2rem;line-height: 0.3rem;}
    .home-news ul li a span h4{display: block; height: 0.4rem; color: #000;font-size: 0.25rem;}
    .home-news ul li a span i{display: block; height: 0.3rem; font-size: 0.2rem; color: #888;}
	}
@media (max-width:1024px) {
	.home-news{display: none;}
	.home-news-mobile{display: block;}
	}
.im-100 img{display: block; width: 100%;}

.in-sidenav{width: 100%; height: 4.81rem;}
.in-sidenav ul{display: block; margin: 0px; padding: 0px;text-align: center; letter-spacing: -6px;}
.in-sidenav ul li{display: inline-block;letter-spacing: normal; position: relative; vertical-align: middle;top: 0px;height: 4.8rem; line-height: 4.8rem;}
.in-sidenav ul li a{display: inline-block; padding: 0;font-size:1rem; color: #333; margin-left: 1.2rem;}
.in-sidenav ul li a:hover{color: #d31f26; border-bottom: 2px solid #d31f26;}
.in-sidenav ul li a.active{color: #d31f26; border-bottom: 2px solid #d31f26;}

.main-box{position: relative; } 
.show-box{overflow: hidden;padding: 4.4rem 1.2rem; line-height: 1.3rem;}
.show-box img{max-width: 100%; height: auto;}

.director-toplist{display: block;  padding-bottom: 3.125vw;}
.director-toplist ul{display: block;}
.director-toplist li{display: block; padding: 0.5rem 0.8rem; margin-bottom: 0.2rem; background: #fff;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.director-toplist li a{display: block; line-height: 0.24rem; color: #555; font-size: 0.12rem;}
.director-toplist li a span{display: block; height: 0.3rem; line-height: 0.3rem; font-size: 0.18rem;color: #000; padding: 0rem 0rem 0.5rem 0rem;}
.director-toplist li a i{display: block; height: 0.3rem; line-height: 0.3rem; color: #888;}
.director-toplist li:hover{box-shadow: 2px 5px 15px #ccc; margin-left: -0.08rem;border-radius: 0.06rem; -moz-border-radius: 0.06rem;}
.director-inlist{display: block;  padding-bottom: 1.5rem;}
.director-inlist ul{display: block;overflow: hidden; width: 102%;}
.director-inlist ul li{display: block; width: 32%; margin: 0 1% 1% 0; background: #fff; line-height: 0.3rem; float: left;padding: 2%;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.director-inlist ul li span{display: block; height: 0.3rem;line-height: 0.3rem;}
.director-inlist ul li span a{font-size: 0.14rem; color: #000;}
.director-inlist ul li p{display: block; height: 0.3rem; color: #888; font-size: 0.12rem;}
.director-inlist ul li p a{display: inline-block; float: right; color: #d31f26;}
.director-inlist li:hover{box-shadow: 2px 5px 15px #ccc; margin-left: -0.08rem;border-radius: 0.06rem; -moz-border-radius: 0.06rem;}
@media (max-width:1366px) {
	.show-box{padding: 3rem 0.2rem; line-height: 1.4rem;}
	.in-sidenav{width: 100%; top: 0; left: 0px;}
	.director-toplist li a{font-size: 0.2rem;}
	.director-toplist li a span{font-size: 0.3rem;}
	.director-toplist li a i{height: 1.3rem; line-height: 1.3rem;}
	.director-inlist ul li p{width: 100%; padding: 4% 2%; font-size: 0.25rem;}
	.director-inlist ul li span a{display: block; height: 1.3rem; font-size: 0.25rem;}

}
@media (max-width:1280px) {
    .in-sidenav{height: 4.6rem; line-height: 4.6rem;}
    .show-box{padding: 3rem 1rem 5rem 1rem; line-height: 1.4rem;}
    
	.director-toplist li a{font-size: 0.2rem;}
	.director-toplist li a span{font-size: 0.3rem;}
}
@media (max-width:1000px) {
	.in-sidenav{width: 100%; top: 0; left: 0px;height: 3.08rem;}
	.in-sidenav ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
	.in-sidenav ul li{width: 33.33333%; height: 1.5rem; line-height: 1.5rem;}
	.in-sidenav ul li a{font-size: 0.56rem;}
	
    .show-box{padding: 4rem 0.2rem; line-height: 1.8rem;font-size: 0.5rem;}
	.director-toplist li{margin-bottom: 0.5rem;}
	.director-toplist li a{line-height: 1.24rem;font-size: 0.6rem;}
	.director-toplist li a span{height: 1.24rem;line-height: 1.24rem;font-size: 0.8rem;}
	.director-toplist li a i{height: 2.6rem; line-height: 1.3rem;font-size: 0.5rem;}
	.director-toplist li a i em{display:inline-block;float:left;}
	.director-toplist li a i em:nth-child(1){width:45%;}
	.director-inlist ul{width: 100%;}
	.director-inlist ul li{width: 100%; margin-bottom: 0.5rem;padding: 4% 2%;}
	.director-inlist ul li span{display: block; height: 1.3rem; line-height: 1.3rem;}
	.director-inlist ul li span a{display: block; height: 1.3rem; font-size: 0.8rem;}
	.director-inlist ul li p{display: block; height: 1.3rem; font-size: 0.6rem;}
}

.fh-list{overflow: hidden;}
.fh-list a{display: block; width: 2rem; height: 0.5rem; line-height: 0.5rem; text-align: center; background: #f00; color: #fff; font-size: 0.2rem; float:left; margin: 0 auto 0.2rem auto;}
@media (max-width:1100px) {
    .fh-list a{width: 96%; margin: 1rem auto; float: none;font-size: 0.6rem;height: 1.5rem; line-height: 1.5rem;}
}<!--0.00013208389282227-->