@charset "utf-8";



/****************************** Normalize ******************************/
*, *:before, *:after{box-sizing: border-box;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, ul, ol, li, dl, dd, input, button, textarea, fieldset, legend, figure, menu, th, td, pre{margin:0;padding:0;}
body{font-size: 12px;font-family: "Helvetica Neue", "Helvetica", "Arial", "Microsoft YaHei", "PingFang SC";color: #666;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
h1, h2, h3, h4, h5, h6{font-weight: normal;font-size: inherit;}
a{color: #999;text-decoration: none;outline: none;}
a, img{-webkit-touch-callout: none;}
img{border: none;}
ul, ol{list-style: none;}
i, em{font-style: normal;}
table{border-collapse: collapse;}
input, button, select, textarea, optgroup{font: inherit;color: inherit;outline:none;}
input[type="text"], input[type="password"], input[type="search"], button, textarea{border: 1px solid #ccc;}
input[type="button"], input[type="reset"], input[type="submit"], button{border: none;-webkit-appearance:button;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{box-sizing:content-box;-webkit-appearance:textfield}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
textarea{resize: none;}
legend{padding:0;border:0}
textarea{resize: none;}
table{border-collapse: collapse;}
td,th{padding:0}


/****************************** Global Style ******************************/
.fl{float: left;}
.fr{float: right;}
.tac{text-align: center;}
.tar{text-align: right;}
.rps{display: block;max-width: 100%;}
.upload img{max-width: 100%;}
.container{max-width: 1200px;margin: 0 auto;}
.container, .wrapper, .box{position: relative;}
.container:after, .wrapper:after, .box:after, .clearfix:after{content: "";display: block;clear: both;}
.ms{display: none !important;}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/lato.eot');
    src: url('../fonts/lato.eot') format('embedded-opentype'),
         url('../fonts/lato.woff') format('woff'),
         url('../fonts/lato.ttf') format('truetype'),
         url('../fonts/lato.svg#lato') format('svg');
    font-style: normal;
    font-weight: normal;
}



/****************************** Icon Sprite ******************************/
header .show-nav,
nav .item li.qrcode a:before,
nav .item h3:after,
footer .media .weibo a,
footer .dropdown .item span:after,
footer .to-top,
.index-recommend ul li a.index_prom:after,
.index-video .list a:before,
.index-video .vjs-big-play-button,
.index-news .list .btn-switch,
.index-application .list a h3:before,
.index-application .rect .btn-switch a,
.index-recommend .btn-switch,
.group .profile .picture .tb-thumb a:after,
.group .pro_detail .picture .tb-thumb a:after,
.group .founder .picture .tb-thumb a:after,
.group .popup .box .close,
.group .picture .arrow a,
.group .history .year a,
.group .history .desc .switch a,
.news ul li > a:before,
.newspaper .popup .box .close,
.newspaper .popup .box .switch,
.news-detail .attr a,
.video li .text span:before,
.contact .msg .form h3:before,
.video .popup .box .title .close{background: none;background-image: url(../images/icon.png);background-repeat: no-repeat;}


/****************************** CSS3 Transition ******************************/
header .nav a,
header .nav a:after,
.index-recommend ul li .bottom,
.index-recommend ul li img.grayscale,
.index-video .video-js,
.index-video .video-js video,
.index-video .video-js video + div,
.index-video .video-js .vjs-big-play-button,
.index-video .more,
.index-video .list a,
.index-video .list a:before,
.index-video .list a:after,
.index-news .list .box,
.index-news .list .box span,
.index-news .list .box h3 a,
.index-news .list .box .more,
.index-news > .more,
.index-application .list a,
.group .profile .picture .tb-thumb a,
.group .founder .picture .tb-thumb a,
.group .history .year ul li{-webkit-transition: all .3s;transition: all .3s;}


/****************************** Common Part ******************************/
header{position: fixed;top: 0;left: 0;z-index: 100;width: 100%;padding: 0 5%;background: #fcfcfc;box-shadow: 0 1px 5px rgba(100, 100, 100, .3);}
header .logo{float: left;margin-top: 10px;width: 200px;}
header .intel{float: right; margin: 28px 0 20px 35px; border-left: 1px solid #ccc;padding-left: 23px }
header .intel img{vertical-align: middle;}
header .intel span{font-size: 18px; vertical-align: middle; margin-left: 6px}
header .intel:hover span{color: #d10201;}
header .show-nav{float: right;width: 30px;height: 30px;margin: 26px 0 0 30px;background-position: -435px -15px; display: none;}
header .nav{float: right;margin: 30px 0 25px;}
header .nav > a{position: relative;float: left;line-height: 25px;margin-left: 30px;font-size: 16px;font-family: "微软雅黑";color: #333;letter-spacing: 1px;;}
header .nav > a:last-child{cursor: default;}
header .nav > a:after{content: "";position: absolute;top: 48px;left: 0;width: 0;border-bottom: 2px solid #d10201;}
header .nav > a:hover{color: #d10201;}
header .nav > a.active:after,
header .nav > a:hover:after{width: 100%;}
header .nav .more{position: relative;float: left;margin-left: 30px;}
header .nav .more span{line-height: 25px;cursor: default;font-size: 16px;font-family: "微软雅黑";color: #333;letter-spacing: 1px;}
header .nav .more .subnav{position: absolute;top: 100%;left: 50%;display: none;width: 100px;margin-left: -50px;}
header .nav .more .subnav a{display: block;line-height: 44px;background: #fff;font-size: 14px;color: #333;text-align: center;}
header .nav .more .subnav a:after{content: "";display: block;width: 55px;margin: 0 auto;border-bottom: 1px solid #dedede;}
header .nav .more .subnav a:hover{background: #d10201;color: #fff;}
header .nav .more .subnav a:hover:after{border-color: #d10201;}
header + .header-placeholder{height: 80px;}


.swiper1{width: 100%;}
.swiper1 img{display: block;width: 100%;-webkit-transition: all 1.5s; -moz-transition: all 1.5s; transition: all 1.5s;}
.swiper1 .sw1 span{width: 10px;height: 10px;border:2px solid #fff;background: transparent;opacity: 1;}
.swiper1 .swiper-slide{position: relative;}
.swiper1 .swiper-slide .txt{position: absolute;width: 90%;left: 5%;border-bottom: 1px solid rgba(255, 255, 255, .3);bottom: 50px;text-align: center;}
.swiper1 .swiper-slide .txt span{color: #fff;border-bottom: 1px solid #fff;padding: 10px ;position: relative;top: -10px;font-size: 16px;opacity: 0;}
.swiper1 .sw1  .swiper-pagination-bullet-active{background: #fff;}
.swiper1 .swiper-slide-active .txt span{opacity: 1;-webkit-transition: all 1.5s linear; -moz-transition: all 1.5s linear; transition: all 1.5s linear;}
.swiper1 .swiper-slide:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}

@media (max-width:750px) {
  .swiper1 .sw1{bottom: 5px;}
  .swiper1 .sw1 span{width: 8px;height: 8px;border:1px solid #fff;background: transparent;opacity: 1;}
  .swiper1 .swiper-slide .txt{bottom: 30px;}
  .swiper1 .swiper-slide .txt span{color: #fff;border-bottom: 1px solid #fff;padding: 5px ;position: relative;top: -5px;font-size: 14px;opacity: 0;}
  .swiper1 .swiper-slide-active .txt span{opacity: 1;-webkit-transition: all 1.5s linear; -moz-transition: all 1.5s linear; transition: all 1.5s linear;}
}
@media (max-width:1024px) {
    header .intel{display: none;}
}

nav{position: fixed;top: 80px;left: 0;z-index: 100;display: none;width: 100%;height: calc(100vh - 80px);background: rgba(0, 0, 0, .6);}
nav .top{margin-top: 30px;overflow: hidden;}
nav .top .close{float: right;width: 3.85vw;height: 3.85vw;background: url(../images/icon-close.png) no-repeat 0 / contain;}
nav .wrapper{width: 100%;margin-top: 30px;padding: 1.56vw 0 8.45vw;background: #fff;}
nav .item{float: left;width: 16.66%;}
nav .item h3{line-height: 32px;margin: 0 15%;margin-bottom: 12px;font-weight: bold;font-size: 20px;color: #333;}
nav .item li{margin: 0 15%;border-bottom: 1px solid #dedede;}
nav .item li a{line-height: 42px;font-size: 14px;color: #666;text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;}
nav .item li a:hover{color: #d10201;}
nav .item li.qrcode{position: relative;margin-top: 15px;border: none;}
nav .item li.qrcode a{line-height: 32px;}
nav .item li.qrcode a:before{content: "";display: inline-block;width: 32px;height: 32px;margin-right: 8px;vertical-align: bottom;background-position: -14px -74px;}
nav .item li.qrcode a:hover:before{background-position-y: -134px;}
nav .item li.qrcode img{position: absolute;top: 48px;left: 0;display: none;width: 100%;padding: 10px;border: 1px solid #dedede;background: #fff;z-index: 10;}
nav .item li.qrcode img.right{top: 0;left: 100%;}
nav .item li.qrcode a:hover + img{display: block;}

footer{position: relative;padding-top: 60px;background: #222;}
footer .category{float: left;width: 60%;}
footer .category dl{float: left;width: 33.33%;padding-left: 10px;}
footer .category dl dt{line-height: 25px;font-size: 20px;color: #ddd; margin-bottom: 20px}
footer .category dl dt:after{content: "";display: block;width: 15px;margin: 15px 0 7px;border-bottom: 2px solid #d10201;}
footer .category dl dd a{line-height: 35px;font-size: 15px;color: #a8a8a8;}
footer .category dl dd a:hover{color: #eee;}
footer .logo{float: left;width: 22.5%;margin-left: 12px;}
footer .media{float: right;}
footer .media .weibo{float: left;margin-top: 30px;}
footer .media .weibo a{float: left;width: 25px;height: 25px;margin: 0 10px;background-position: -77px -77px;}
footer .media .weibo a:hover{background-position-y: -137px;}
footer .media .weibo span{display: block;line-height: 18px;margin-top: 15px;font-size: 14px;text-align: center;color: #a8a8a8;}
footer .media .wechat{float: left;margin-left: 24px;}
footer .media .wechat img{display: block;width: 150px;height: 150px;padding: 2px;border: 1px solid #999;}
footer .media .wechat span{display: block;line-height: 30px;margin-top: 2px;font-size: 16px;text-align: center;color: #a8a8a8;}
footer .dropdown{position: relative;z-index: 1;height: 30px;margin-top: 0;}
footer .dropdown .item{position: relative;float: right;width: 150px;margin-left: 50px;}
footer .dropdown .item span{position: relative;display: block;line-height: 30px;border: 1px solid #999;cursor: default;text-indent: 12px;color: #a8a8a8;}
footer .dropdown .item span:after{content: "";position: absolute;top: 0;right: 0;width: 30px;height: 30px;background-color: #d6000f;background-position: -15px -15px;}
footer .dropdown .item .box{position: absolute;top: 32px;left: 0;width: 130px;height: 0;overflow: hidden;background: #1b1b1b;background: #FFFFFF;border-right: 1px solid #999;border-left: 1px solid #999;cursor: pointer;}
footer .dropdown .item .box.active{border-bottom: 1px solid #999;}
footer .dropdown .item .box a{display: block;line-height: 25px;border-bottom: 1px solid #ccc;color: #666;text-indent: 12px;color: #666;}
footer .dropdown .item .box a:hover{background: #d6000f;color: #fff;}
footer .copyright{margin-top: 45px;border-top: 1px solid #555;}
footer .copyright p,
footer .copyright p a{line-height: 40px;font-size: 14px;color: #a8a8a8;text-transform: capitalize;   display: inline-block;}
footer .copyright p a img{    margin-top: 8px;}
footer .to-top{position: absolute;top: 30px;right: 3%;width: 50px;height: 50px;line-height: 65px;background-color: #d10201;background-position: -67px -13px;border-radius: 5px;font-weight: bold;color: #fff;text-align: center;letter-spacing: 1px;text-transform: uppercase;}


/****************************** Page Component ******************************/
.banner{position: relative;overflow: hidden;}
.banner img{position: relative;left: 50%;display: block;margin-left: -960px;}
.banner .title{position: absolute;position: absolute;top: 130px;width: 100%;color: #fff;}
.banner .title span{display: block;line-height: 40px;font-size: 32px;text-align: center; text-shadow: 0 0 5px rgba(0, 0, 0, .6);}
.banner .title span.en{line-height: 20px;margin-top: 10px;font-size: 18px;text-transform: uppercase;}

.link-tab ul{display: inline-block;border: 1px solid #ddd;box-sizing:border-box;width: auto;}
.link-tab ul:after{content: "";display: block;clear: both;}
.link-tab ul li{position: relative;float: left;padding:0 20px;margin-left: 1px;text-align: center;}
.link-tab ul li:before{content: "";position: absolute;top: 19px;left: -1px;height: 18px;border-right: 1px solid #ddd;}
.link-tab ul li:first-child{margin: 0;}
.link-tab ul li:first-child:before{content: none;}
.link-tab ul li a{display: block;line-height: 56px;font-size: 16px;color: #666;text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 10px;}
.link-tab ul li:hover,
.link-tab ul li.active{background: #d10201;}
.link-tab ul li.active:before{content: none;}
.link-tab ul li:hover a,
.link-tab ul li.active a{color: #fff;}



/****************************** Index ******************************/
.banner-index{max-height: 850px;overflow: hidden;}
.banner-index img{display: block;max-width: 100%;-webkit-transition: all 3s;transition: all 3s;}
.banner-index:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.banner-index .tb-btn{bottom: 25px;}
.banner-index .tb-btn a{width: 12px;height: 12px;margin: 0 6px;background: none;border: 2px solid #fff;}
.banner-index .tb-btn a.active{background: #fff;}
.banner-index .tb-arrow{left: 5.5%;width: 89%;}
.banner-index .tb-arrow a{width: 35px;height: 76px;}
.banner-index .tb-arrow a.prev{background-position: -131px -199px;}
.banner-index .tb-arrow a.next{background-position: -191px -199px;}
.banner-index .desc{position: absolute;bottom: 60px;left: 5.5%;width: 89%;border-bottom: 1px solid rgba(255, 255, 255, .3);}
.banner-index .desc .item{position: relative;bottom: -1px;left: 50%;display: none;line-height: 20px;padding: 0 15px 20px;border-bottom: 1px solid #fff;font-size: 16px;color: #fff;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.banner-index .desc .item:first-child{display: inline-block;}

section[class^="index"]{position: relative;margin-top: 50px;}
.index-section-title{margin-bottom: 50px;text-align: center;}
.index-section-title span{display: block;line-height: 25px;font-size: 32px;font-family: "微软雅黑";color: #333;letter-spacing: 1px;}
.index-section-title span.en{margin-top: 15px; color: #aaa; font-size: 20px; font-family: "Lato";text-transform: uppercase;}
.index-section-title span.en em{display: inline-block;margin: 0 10px;color: #d10201;}

.index-recommend {padding: 2% 0 5%;}
.index-recommend ul li{position: relative;float: left;width: calc((100% - 20.5px) / 4);margin-right: 10px;overflow: hidden;}
.index-recommend ul li:last-child{margin-right: 0;}
.index-recommend ul li img{display: block;width: 100%;-webkit-transition: all 3s;transition: all 3s;border: 1px solid #ddd;}
.index-recommend ul li img.grayscale{position: absolute;top: 0;left: 0;width: 100%;}
.index-recommend ul li .bottom{position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(0, 0, 0, .5);-webkit-transform: translateY(100%);transform: translateY(100%);}
.index-recommend ul li:hover img.grayscale{opacity: 0;}
.index-recommend ul li:hover .bottom{-webkit-transform: none;transform: none;}
.index-recommend ul li h3{float: left;width: 76%;padding: 0 30px;color: #fff;line-height: 24px;margin-top: 12px;font-size: 16px;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.index-recommend ul li .text p{display: -webkit-box;height: 48px;line-height: 24px;margin-top: 10px;overflow: hidden;font-size: 14px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.index-recommend ul li a.index_prom{    float: left;
    width: 24%;
    height: 100%;
    padding-top: 10px;
    background: #d10201;
    font-style: italic;
    color: #fff;
    text-align: center;
    padding-bottom: 10px;}
.index-recommend ul li a.index_prom:after{content: "";display: block;width: 48px;height: 6px;margin: 5px auto 0;background-position: -305px -27px;}
.index-recommend ul li a{
    color: #fff;
}
.index-recommend .btn-switch{display: none;}
.index-recommend > .more{font-size: 14px;position: absolute;bottom: 0px;left: 50%; padding: 12px 40px; margin-left: -65px;background: #333;border-radius: 20px;color: #fff;text-align: center;letter-spacing: .5px;text-transform: uppercase;}
.index-recommend > .more:hover{background: #d10201;}

.index-video {background: #f5f5f5; padding: 5% 0;}
.index-video .inabout{ padding: 0 5%}
.index-video .aboutl{width: 45%; float: left; padding: 2% 0;}
.index-video .aboutl h2{font-size: 30px; font-weight: bold;}
.index-video .aboutl h2 span{ color:#d10201; }
.index-video .aboutl h3{font-size: 16px; margin: 10px 0 30px; color: #aaa;}
.index-video .aboutl p{font-size: 16px; line-height: 30px}
.index-video .aboutl a{font-size: 15px; padding: 12px 35px; background: #d10201; border-radius: 50px; color: #fff; margin-top: 45px;display: inline-block;transition:all 0.4s;}
.index-video .aboutl a:hover{margin-left: 10px;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;}
.index-video .aboutr{width: 50%; float: right;}
.index-video .aboutr img{width: 100%;}


.index-video .wrapper{width: 100%;overflow: hidden;}
.index-video .video-js{position: absolute;top: 0;left: 0;width: 66.66% !important;height: 100% !important;overflow: hidden;background: none;opacity: 0;}
.index-video .video-js:last-of-type .vjs-remaining-time-display{display: none !important;}
.index-video .video-js:last-of-type .vjs-fullscreen-control{left: -30px !important;}
.index-video .video-js.active{z-index: 1;opacity: 1;}
.index-video .video-js video{-webkit-transform: scale(1.1);transform: scale(1.1);}
.index-video .video-js video + div{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;}
.index-video .video-js .vjs-poster{display: none;background-color: #fff;}
.index-video .video-js .vjs-big-play-button{top: 50%;left: 50%;width: 80px;height: 80px;margin: -40px 0 0 -40px;background-color: transparent !important;background-position: -500px -200px;border: none;}
.index-video .video-js .vjs-big-play-button:before{content: none;}
.index-video .video-js:hover video{-webkit-transform: none;transform: none;}
.index-video .video-js:hover video + div{opacity: 0;}
.index-video .video-js.vjs-has-started{background: #000;cursor: pointer;}
.index-video .video-js.vjs-has-started video{-webkit-transform: none;transform: none;}
.index-video .video-js.vjs-has-started video + div{display: none;}

.index-video .list{position: relative;z-index: 10;float: right;width: 33.34%;}
.index-video .list a{position: relative;display: block;height: 12.5vw;line-height: 12.5vw;padding-left: 60px;background: #d10201;font-size: 24px;color: #fff;}
.index-video .list a:nth-child(2){border-top: 1px solid #fff;border-bottom: 1px solid #fff;}
.index-video .list a:before{content: "";position: absolute;top: 50%;left: 0;width: 50px;height: 50px;margin-top: -25px;background-position: -360px 0;opacity: 0;}
.index-video .list a:after{content: "";position: absolute;top: 0;right: 100%;width: 0;height: 100%;background: #eee;}
.index-video .list a.active{background: #eee;color: #444;}
.index-video .list a.active:before{opacity: 1;}
.index-video .list a.active:after{width: 35px;}
.index-video .more{font-size: 14px;display: block;width: 100px;line-height: 28px;margin: 50px auto 0;background: #333;border-radius: 14px;color: #fff;text-align: center;letter-spacing: .5px;text-transform: uppercase;}
.index-video .more:hover{background: #d10201;}

.index-news{padding: 2% 0 0}
.index-news .wrapper{/*padding-top: 12.5vw;background: url(../images/bg-index-news.jpg) no-repeat center top;*/}
.index-news .list{position: relative;width: 86%;margin: 0 auto;padding: 1vw 4.1vw 7.6vw;background: #fff;/*box-shadow: 1px 2px 10px rgba(100, 100, 100, .2), -1px 2px 10px rgba(100, 100, 100, .2);*/}
.index-news .list .box{float: left;width: 25.33%;margin: 0 4%;padding-bottom: 50px;border-bottom: 1px solid #ddd;cursor: default; }
.index-news .list .box:hover{border-bottom-color: #d10201;-webkit-transform: translateX(-5px);transform: translateX(-5px);}
.index-news .list .box img{width: 100%;border: 1px solid #e5e5e5;}
.index-news .list .box span{display: block;line-height: 30px;font-size: 30px;color: #333;}
.index-news .list .box h3 a{display: inline-block;line-height: 50px;max-width: 100%;overflow: hidden;font-size: 18px;color: #333;white-space: nowrap;text-overflow: ellipsis;}
.index-news .list .box span:hover,
.index-news .list .box h3 a:hover{color: #d10201;}
.index-news .list .box p{display: -webkit-box;height: 72px;line-height: 24px;overflow: hidden;font-size: 14px;color: #999;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.index-news .list .box .more{display: block;width: 100px;line-height: 28px;margin-top: 50px;background: #333;border-radius: 14px;color: #fff;text-align: center;letter-spacing: .5px;text-transform: uppercase;}
.index-news .list .box:hover .more{background: #d10201;color: #fff;}
.index-news .list .btn-switch{position: absolute;top: 50%;width: 48px;height: 48px;margin-top: -24px;}
.index-news .list .btn-switch.prev{left: -24px;background-color: #333;background-position: -126px -6px;}
.index-news .list .btn-switch.next{right: -24px;background-color: #d10201;background-position: -186px -6px;}
.index-news .list .pagination{display: none;}
.index-news > .more{font-size: 14px;position: absolute;bottom: 30px;left: 50%; padding: 12px 40px; margin-left: -65px;background: #333;border-radius: 20px;color: #fff;text-align: center;letter-spacing: .5px;text-transform: uppercase;}
.index-news > .more:hover{background: #d10201;}

.index-application .wrapper{height: 828px;background: url(../images/bg-index-application.jpg) no-repeat center top;}
.index-application .rect{position: absolute;top: 50%;left: 5%;z-index: 1;width: 14.28%;height: 520px;margin-top: -260px;background: #d10201;}
.index-application .rect .box{height: 100%;margin-left: 14.2%;overflow: hidden;color: #fff;}
.index-application .rect span{display: block;width: 105px;height: 40px;line-height: 38px;margin-top: 45px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;font-size: 18px;text-align: center;text-transform: uppercase;}
.index-application .rect strong{display: block;line-height: 75px;font-size: 36px;}
.index-application .rect p{width: 80%;line-height: 30px;font-size: 16px;}
.index-application .rect .btn-switch{position: absolute;bottom: 36px;left: 0;}
.index-application .rect .btn-switch a{float: left;width: 48px;height: 48px;border: 2px solid #fff;}
.index-application .rect .btn-switch a.prev{background-position: -126px -6px;}
.index-application .rect .btn-switch a.next{margin-left: -2px;background-position: -186px -6px;}

.index-application .list{position: relative;top: 50%;left:20.28%;width:75.72%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.index-application .list .swiper-container{padding-top: 30px;}
.index-application .list a{position: relative;top: 0;float: left;width: 14.2%;overflow: hidden;}
.index-application .list a:hover{top: -30px;}
.index-application .list a img{display: block;width: 100%;}
.index-application .list a h3{width: 100%;font-size: 20px;font-family: "微软雅黑";color: #fff;text-align: center;line-height: 35px;}
.index-application .list a:nth-child(1) h3:before{background-position: 0 -300px;}
.index-application .list a:nth-child(2) h3:before{background-position: -60px -300px;}
.index-application .list a:nth-child(3) h3:before{background-position: -120px -300px;}
.index-application .list a:nth-child(4) h3:before{background-position: -180px -300px;}
.index-application .list a:nth-child(5) h3:before{background-position: -240px -300px;}
.index-application .list a:nth-child(6) h3:before{background-position: -300px -300px;}
.index-application .list a:nth-child(7) h3:before{background-position: 0 -300px;}


/****************************** XXX集团 ******************************/
.group .link-tab{padding-top: 50px;text-align: center;}

.group .section-title{margin-top: 50px;color: #333;text-align: center;}
.group .section-title:after{content: "";display: block;width: 50px;height: 2px;margin: 5px auto 10px;background: #d10201;}
.group .section-title span{display: block;line-height: 40px;font-size: 26px;}
.group .section-title span.en{line-height: 30px;font-size: 16px;text-transform: uppercase;}

.group .container{margin-top: 35px;margin-bottom: 50px;}


.group .ncon{width: 100%; margin: 6% 0; overflow: hidden;}
.group .ncon .nconl{width: 45%; float: left;}
.group .ncon .nconr{width: 50%; float: right;}
.group .ncon .nconl h2{font-size:32px; color: #333;}
.group .ncon .nconl p{font-size:16px; line-height: 30px; margin: 20px 0; color: #5e5e5e;}
.group .ncon .nconl .nconm {margin: 35px 0 0; }
.group .ncon .nconl .nconm p{margin: 13px 0; }
.group .ncon .nconl .nconm p span{font-weight:bold; margin-left:5px }
.group .ncon .nconr h2{font-size:32px; color: #333;}
.group .ncon .nconr p{font-size:16px; margin: 15px 0 25px;}
.group .ncon .nconr form{width: 100%; }
.group .ncon .nconr form .InputText{width: 100%; height:40px; border: 1px solid #ccc; margin-bottom: 15px; padding-left: 15px; font-size: 14px; color: #888;}
.group .ncon .nconr form .form-control{height: 90px}
.group .ncon .nconr form .p_submit{    background-color: #848484;
    color: #fff;
    border: 1px solid #848484;
    transition: 0.2s;
    border-radius: 0px;
    width: 22%;
    height: 43px;
    font-size: 14px;
    margin-top: 20px;
}
.group .ncon .nconr form .p_submit:hover{
    background-color: #d10201;
    color: #fff;
    border: 1px solid #d10201;
    transition: 0.2s;
}

@media (max-width: 768px){

.group .ncon .nconl{width: 100%; float: none;}
.group .ncon .nconr{width: 100%; float: none; margin-top: 5%;}

.group .ncon .nconl h2{font-size:22px; color: #333;}
.group .ncon .nconr h2{font-size:22px; color: #333;}
}


.group .profile .picture{position: relative;float: right;width: 588px;margin-left: 22px;padding-bottom: 138px;}
.group .profile .picture span{display: block;line-height: 45px;margin: 2px 0;padding: 0 10px;overflow: hidden;background: #eaeaea;white-space: nowrap;text-overflow: ellipsis;}
.group .profile .picture span em{font-weight: bold;font-size: 14px;color: #ea1a22;}
.group .profile .picture li img{display: block;width: 100%;}
.group .profile .picture .tb-thumb{bottom: 0;}
.group .profile .picture .tb-thumb dd{opacity: .5;}
.group .profile .picture .tb-thumb dd.active{opacity: 1;}
.group .profile .picture .tb-thumb a{display: block !important;width: 30px;height: 125px;background-color: #eaeaea;background-position: -100px -100px;}
.group .profile .picture .tb-thumb a:hover{background-color: #000;}
.group .profile .picture .tb-thumb a:after{content: "";position: relative;top: 50%;display: block;width: 24px;height: 24px;margin: -12px auto 0;}
.group .profile .picture .tb-thumb a.prev{left: -40px !important;}
.group .profile .picture .tb-thumb a.next{right: -40px !important;}
.group .profile .picture .tb-thumb a.prev:after{background-position: -139px -18px;}
.group .profile .picture .tb-thumb a.next:after{background-position: -197px -18px;}
.group .profile .picture .arrow{display: none;}
.group .profile p{line-height: 30px;margin-bottom: 8px;font-size: 14px;}

.group .founder .left{float: left;width: calc(4.6% + 479px);margin: 0 4.6% 20px 0;padding-right: 4.6%;border-right: 1px solid #ddd;}
.group .founder .picture{position: relative;padding-bottom: 112px;}
.group .founder .picture li img{display: block;width: 100%;}
.group .founder .picture .tb-thumb{bottom: 0;}
.group .founder .picture .tb-thumb dd{opacity: .5;}
.group .founder .picture .tb-thumb dd.active{opacity: 1;}
.group .founder .picture .tb-thumb a{display: block !important;width: 24px;height: 102px;background-color: #eaeaea;background-position: -100px -100px;}
.group .founder .picture .tb-thumb a:hover{background-color: #000;}
.group .founder .picture .tb-thumb a:after{content: "";position: relative;top: 50%;display: block;width: 24px;height: 24px;margin: -12px auto 0;}
.group .founder .picture .tb-thumb a.prev{left: -32px !important;}
.group .founder .picture .tb-thumb a.next{right: -32px !important;}
.group .founder .picture .tb-thumb a.prev:after{background-position: -139px -18px;}
.group .founder .picture .tb-thumb a.next:after{background-position: -197px -18px;}
.group .founder .picture .arrow{display: none;}
.group .founder .left strong{display: block;line-height: 36px;margin-top: 20px;font-size: 14px;color: #ea1a22;;}
.group .founder .left span{display: block;line-height: 26px;font-size: 14px;}
.group .founder p{line-height: 30px;margin-bottom: 16px;font-size: 14px;}

.group .culture-idea .container{margin-bottom: 0;}
.group .culture-idea img{max-width: 100%;}
.group .culture-idea div[class^="section"]{margin-bottom: 40px;padding-bottom: 46px;border-bottom: 1px dashed #e6e6e6;}
.group .culture-idea .section-1{width: 800px;margin: 0 auto;}
.group .culture-idea .section-1 img{display: block;max-width: 100%;margin: 20px auto 0;}
.group .culture-idea .section-1 span{display: block;line-height: 26px;margin-top: 20px;font-size: 14px;color: #ea1a22;text-align: center;}
.group .culture-idea .section-1 span em{display: inline-block;margin-right: 20px;vertical-align: text-bottom;font-size: 24px;}

.group .culture-idea .section-1 p{line-height: 24px;margin-top: 20px;font-size: 14px;}
.group .culture-idea .section-1 ul{margin-top: 10px;overflow: hidden;}
.group .culture-idea .section-1 ul li{float: left;width: 50%;line-height: 26px;font-size: 14px;}
.group .culture-idea .section-1 ul li:nth-child(even){padding-left: 20%;}
.group .culture-idea .section-1 ul li label{font-weight: bold;color: #333;}

.group .culture-idea .section-2 h3{line-height: 20px;margin-top: 5px;font-size: 14px;color: #333;text-align: center;}
.group .culture-idea .section-2 img{display: block;max-width: 100%;margin: 0 auto;}
.group .culture-idea .section-2 span{display: block;line-height: 20px;margin-bottom: 40px;font-size: 14px;color: #ea1a22;text-align: center;}
.group .culture-idea .section-2 p{line-height: 26px;margin-bottom: 16px;font-size: 14px;}

.group .culture-idea .bottom{line-height: 40px;margin-bottom: 40px;font-size: 18px;color: #ea1a22;text-align: center;}
.group .culture-idea .bottom em:nth-child(2){display: inline-block;width: 70px;}
.group .culture-songs{height: 528px;overflow: hidden;background: url(../images/bg-group-culture-songs.jpg) no-repeat center top;}
.group .culture-songs .section-title{margin-top: 10px;}
.group .culture-songs ul{position: relative;left: 50%;display: inline-block;margin-top: 100px;overflow: hidden;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.group .culture-songs ul li{float: left;width: 260px;text-align: center;}
.group .culture-songs ul li img{display: block;margin: 0 auto;}
.group .culture-songs ul li span{display: block;line-height: 30px;margin-top: 15px;font-size: 18px;color: #333;}
.group .culture-songs ul li a{line-height: 28px;font-size: 14px;color: #ea1a22;}
.group .culture-songs audio{display: none;}

.group .popup{position: fixed;top: 0;left: 0;z-index: 100;display: none;width: 100%;height: 100%;}
.group .popup .mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;}
.group .popup .box{position: absolute;top: 50%;left: 50%;width: 90%;max-width: 620px;background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, .3);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.group .popup .box img{display: block;max-width: 100%;max-height: 100%;margin: 0 auto;}
.group .popup .box .close{position: absolute;top: 0;right: -70px;width: 50px;height: 50px;background-position: -545px -365px;}

.group .history .year{position: absolute;top: -36px;left: 0;width: 141px;height: calc(100% + 72px);}
.group .history .year ul{position: relative;height: 100%;}
.group .history .year ul:before,
.group .history .year ul:after{content: "";position: absolute;left: 70px;height: 185px;border-right: 1px solid #dfdfdf;}
.group .history .year ul:before{top: 50px;}
.group .history .year ul:after{bottom: 50px;}
.group .history .year ul li{position: absolute;left: 0;width: 100%;margin: 0;opacity: 0;text-align: center;}
.group .history .year ul li[class]{line-height: 36px;opacity: 1;font-size: 16px;color: #000;letter-spacing: 1px;}
.group .history .year ul li.top{top: 0;}
.group .history .year ul li.bottom{top: calc(100% - 36px);}
.group .history .year ul li.current{top: 50%;line-height: 60px;margin-top: -30px;font-size: 60px;}
.group .history .year a{position: absolute;left: 51px;width: 39px;height: 39px;}
.group .history .year a.prev{top: 235px;background-position: -430px -371px;}
.group .history .year a.next{bottom: 235px;background-position: -490px -371px;}
.group .history .desc{float: right;width: calc(100% - 160px);height: 630px;}
.group .history .desc img{display: block;max-width: 100%;}
.group .history .desc p{line-height: 30px;margin-top: 22px;font-size: 16px;}
.group .history .desc .switch{display: none;}

.group .honor .figure{float: left;width: 327px;height: 682px;background: url(../images/group-honor.jpg) no-repeat;}
.group .honor .text{float: left;width: calc(100% - 327px);height: 682px;padding-left: 3.3%;overflow: hidden;border-left: 1px solid #dfdfdf;}
.group .honor ul li{margin-bottom: 20px;}
.group .honor ul li h3{line-height: 24px;font-weight: bold;font-size: 16px;color: #333;}
.group .honor ul li p{line-height: 30px;font-size: 14px;}
.group .honor .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #d10201 !important;}



.industry{margin-top: 100px;margin-bottom: 100px;}
.industry h2{line-height: 24px;font-weight: bold;font-size: 18px;color: #333;}
.industry p{line-height: 24px;margin-top: 26px;font-size: 14px;}
.industry img{max-width: 100%;}
.industry .link-tab{margin-top: 45px;}
.industry .link-tab li.qrcode .box{position: absolute;bottom: 100%;right: 0;width: 100%;background: #ccc;display: none;}
.industry .link-tab li.qrcode .box img{display: block;width: 120px;height: 120px;border: 10px solid #fff;margin: 12px auto;;}
.industry .link-tab li.qrcode:hover .box{display: block;}


/****************************** 新闻中心 ******************************/
.news{margin-top: 50px;margin-bottom: 50px;padding: 0 20px;}
.news ul li{margin-bottom: 20px;padding-bottom: 16px;border-bottom: 1px dotted #bbb;}
.news ul li .title{overflow: hidden;}
.news ul li .title a{float: left;line-height: 20px;font-size: 16px;color: #333;}
.news ul li .title a:hover{color: #ea1a22;}
.news ul li .title span{float: right;line-height: 20px;font-size: 14px;}
.news ul li p{display: -webkit-box;height: 50px;line-height: 25px;margin-top: 5px;overflow: hidden;font-size: 14px;color: #999;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.news ul li > a{display: inline-block;width: 70px;line-height: 24px;margin-top: 10px;border: 1px solid #bbb;border-radius: 12px;text-align: center;}
.news ul li > a:before{content: "";display: inline-block;width: 5px;height: 9px;margin-right: 2px;vertical-align: 0;background-position: -208px -386px;}
.news ul li > a:hover{background: #ea1a22;border-color: #ea1a22;color: #fff;}
.news ul li > a:hover:before{background-position: -28px -447px;}
.news .pagination{margin-top: 30px;text-align: right;}
.news .pagination .center{display: inline-block;overflow: hidden;}
.news .pagination a{float: left;width: 24px;line-height: 20px;margin: 0 5px;background: #f9f9f9;cursor: pointer;color: #333;text-align: center;}
.news .pagination a.prev,
.news .pagination a.next{width: 70px;}
.news .pagination a:hover,
.news .pagination a.active{background: #e91e26;color: #fff;}

.news-detail{max-width: 1200px;margin-top: 50px;margin-bottom: 50px;}
.news-detail h1{line-height: 30px;font-size: 20px;color: #333;text-align: center;}
.news-detail .attr{line-height: 30px;margin: 20px 0;border-bottom: 1px dotted #ccc;color: #999;/*text-align: center;*/overflow: hidden;}
.news-detail .attr .fl{font-size: 14px;}
.news-detail .attr em{display: inline-block;width: 20px;}
.news-detail .attr a{width: 20px;height: 20px;margin: 8px 0 8px 8px;}
.news-detail .attr a.bds_tsina{background-position:-20px -499px;}
.news-detail .attr a.bds_weixin{background-position:-80px -499px;}
.news-detail .attr a.bds_qzone{background-position:-140px -499px;}
.news-detail .attr a:hover{opacity: 1;background-position-y: -559px;}
.news-detail .upload img{width: auto !important;height: auto !important;}
.news-detail .upload p{line-height: 28px;margin-top: 10px;font-size: 16px;}
.news-detail .jump{position: relative;margin-top: 50px;padding-top: 20px;border-top: 1px dotted #ccc;}
.news-detail .jump span{display: block;line-height: 30px;font-size: 14px;text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
.news-detail .jump span a{font-size: 14px;color: #333;}
.news-detail .jump span a[href]:hover{color: #ea1a22;}
.news-detail .jump .back{display: none;position: absolute;top: 20px;right: 0;line-height: 30px;font-size: 14px;}


/****************************** 视频中心 ******************************/
.video{margin-top: 100px;margin-bottom: 70px;overflow: hidden;}
.video li{float: left;width: 25%;margin-bottom: 30px;padding: 0 10px;}
.video li .box{position: relative;padding: 5px;border: 1px solid #e6e6e6;cursor: pointer;}
.video li img{float: left;width: 57%;}
.video li .text{float: right;width: 39%;color: #999;}
.video li .text h3{line-height: 18px;margin-top: 8px;}
.video li .text span{display: block;line-height: 16px;margin-top: 12px;}
.video li .text span:before{content: "";display: inline-block;width: 12px;height: 12px;margin-right: 5px;vertical-align: -1px;background-position: -324px -384px;}
.video li:hover .box{background: #ea1a22;}
.video li:hover .text{color: #fff;}
.video li:hover .text span:before{background-position: -384px -384px;}

.video .popup{position: fixed;top: 0;left: 0;z-index: 100;display: none;width: 100%;height: 100%;}
.video .popup .mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;}
.video .popup .box{width: 770px;max-width: 100%;position: absolute;top: 50%;left: 50%;width: 90%;max-width: 620px;background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, .3);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.video .popup .box .title{background: #da151c;overflow: hidden;padding: 0 20px;}
.video .popup .box .title span{float: left;line-height: 54px;font-size: 16px;color: #fff;}
.video .popup .box .title .close{background-position:-77px -437px;float: right;width: 30px;height: 30px;margin-top: 12px;}
.video .popup .box .player{height: 300px;}

/****************************** XXX报 ******************************/
.newspaper{max-width: 880px;margin-top: 70px;margin-bottom: 100px;}
.newspaper .search{overflow: hidden;padding: 0 28px;}
.newspaper .search .item{float: left;margin-right: 5%;width: 30%;}
.newspaper .search .item label{display: block;line-height: 30px;font-size: 14px;color: #333;text-indent: 5px;}
.newspaper .search .item select{display: block;border: 1px solid #ccc;font-size: 14px;height: 35px;line-height: 35px;color: #aaa;width: 100%;}
.newspaper .search button{float: left;width: 15%;line-height: 35px;font-size: 16px;color: #fff;background: #d10201;text-align: center;margin-top: 30px;cursor: pointer;}
.newspaper > ul{overflow: hidden;margin-top: 50px;}
.newspaper > ul li{float: left;width: 25%;margin-bottom: 48px;padding: 0 28px;cursor: pointer;}
.newspaper > ul li a:hover{border-color: #e6e6e6;}
.newspaper > ul li a{display: block;padding: 10px;border: 1px solid #f5f5f5;}
.newspaper > ul li img{width: 100%;border: 1px solid #ddd;}
.newspaper > ul li span{display: block;line-height: 36px;font-size: 14px;text-align: center;}
.newspaper .pagination{text-align: center;}
.newspaper .pagination .center{display: inline-block;overflow: hidden;}
.newspaper .pagination a{float: left;width: 26px;line-height: 24px;margin: 0 2px;border: 1px solid transparent;border-radius: 50%;cursor: pointer;text-align: center;}
.newspaper .pagination a:hover,
.newspaper .pagination a.active{border-color: #ea1a22;color: #ea1a22;}
.newspaper .popup{position: fixed;top: 0;left: 0;z-index: 100;display: none;width: 100%;height: 100%;}
.newspaper .popup .mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;}
.newspaper .popup .box{position: absolute;top: 50%;left: 50%;width: 80%;padding: 10px;background: #fff;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);max-height: 80%;max-width: 690px;}
.newspaper .popup .box img{display: block;max-width: 100%;max-height: 100%;margin: 0 auto;border: 1px solid #ccc;}
.newspaper .popup .box .close{position: absolute;top: 0;right: -70px;width: 50px;height: 50px;background-position: -545px -365px;}
.newspaper .popup .box .switch{position: absolute;width: 40px;height: 82px;top: 50%;margin-top: -35px;}
.newspaper .popup .box .switch.prev{left: -100px;background-position:-280px -199px;}
.newspaper .popup .box .switch.next{right: -100px;background-position:-400px -199px;}
.newspaper .popup .box .swiper-container{height: 100%;}
.newspaper .popup .box .swiper-slide{max-height: calc(80vh - 20px);overflow: hidden;}
.newspaper .popup .box .mCSB_container{margin: 0;}
.newspaper .popup .box .mCSB_draggerRail{background-color: transparent;}
.newspaper .popup .box .mCSB_draggerContainer{right: -9px;}



/****************************** 联系我们 ******************************/
.contact{overflow: hidden;}
.contact .section{margin-top: 100px;padding-bottom: 100px;overflow: hidden;border-bottom: 1px dashed #e6e6e6;}

.contact h2{line-height: 20px;font-weight: bold;font-size: 18px;color: #333;}
.contact .info .text{float: left;width: 380px;}
.contact .info .text p{line-height: 28px;margin-top: 28px;font-size: 16px;}
.contact .info .map{float: right;width: calc(100% - 420px);height: 274px;border: 1px solid #e6e6e6;}
.contact .msg .form{margin-top: 20px;}
.contact .msg .form h3{line-height: 30px;margin-top: 24px;font-size: 14px;color: #333;}
.contact .msg .form h3:before{content: "";display: inline-block;width: 16px;height: 16px;margin-right: 6px;vertical-align: middle;background-position: -263px -382px;;}
.contact .msg .form ul{padding: 16px 0 6px;overflow: hidden;border: 1px solid #ddd;}
.contact .msg .form li{float: left;width: 50%;margin-bottom: 10px;}
.contact .msg .form li label{float: left;width: 13%;line-height: 35px;font-size: 14px;color: #333;text-align: center;}
.contact .msg .form li input{float: left;width: 77%;height: 35px;line-height: 33px;background: #eee;border: 1px solid #ddd;font-size: 14px;color: #333;text-indent: 10px;}
.contact .msg .form li em{float: left;line-height: 35px;margin-left: 10px;font-size: 18px;color: #ea1a22;}
.contact .msg .form textarea{width: 100%;height: 170px;line-height: 30px;padding: 10px;border: 1px solid #ddd;font-size: 14px;color: #333;}
.contact .msg .form a{display: block;width: 120px;line-height: 40px;margin: 30px auto 0;background: #ea1a22;border-radius: 10px;font-size: 16px;color: #fff;text-align: center;}
.contact .media{padding-bottom: 50px;border: none;}
.contact .media dl{float: left;width: 50%;margin-top: 40px;padding-bottom: 45px;border-bottom: 1px dashed #e6e6e6;}
.contact .media dl dt{line-height: 30px;font-size: 16px;color: #333;}
.contact .media dl dd{float: left;width: 18.3%;max-width: 110px;margin: 6px 5% 0 0;}
.contact .media dl dd:last-child{margin-right: 0;}
.contact .media dl dd img{display: block;width: 100%;}
.contact .media dl dd span{display: block;line-height: 20px;margin-top: 16px;font-size: 14px;color: #333;text-align: center;}
.contact .media dl:last-child{padding: 0;border: none;}


.BMap_cpyCtrl,
.anchorBL{display: none;}
.BMapLabel[style*="display: inline"]{width: 125px !important;background: #fff !important;border: none !important;font: bold 14px/40px "微软雅黑" !important;color: #333 !important;text-align: center !important;}
.BMapLabel:after{content: "";position: absolute;top: 100%;left: 50%;margin-left: -6px;border: 6px solid transparent;border-top: 6px solid #fff;}


/****************************** CSS3 Media ******************************/
@media (max-width: 1200px){
    header .nav a{margin-left: 28px;}
    nav .container{padding: 0 3%;}
    .container{padding: 0 3%;}
    .index-application .rect{left: 16.66%;width: 16.66%;}
    .index-application .rect strong{font-size: 30px;}
    header{padding: 0 3%;}
}

@media (max-width: 1024px){
    nav .item dt{margin: 0 10%;font-size: 18px;}
    nav .item li{margin: 0 10%;}
    nav .item li a{font-size: 13px;}
    .index-application .rect{left: 20%;width: 20%;}
    .index-application .rect span{font-size: 16px;}
    .index-application .rect strong{font-size: 26px;}
    .video li{width: 33.33%;}
    .video li .text span{margin-top: 15px;}
}

@media (max-width: 800px){
    video::-webkit-media-controls{display: none !important;}

    [animation-name]{visibility: visible !important;-webkit-animation: none;animation: none;}
    .mh{display: none !important;}
    .ms{display: block !important;}
    .container{padding: 0 3%;}
    .banner img{left: 0;margin: 0;}

    nav{top: 0;height: 100%;background: #181516;}
    nav .container{left: 0;width: 100%;padding: 0;}
    nav .top{position: relative;margin: 0;background: #181516;border-bottom: 1px solid #333;}
    nav .top .logo{position: absolute;top: 50%;left: 0;float: left;width: 35%;max-width: 173px;margin-left: 3%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
    nav .top .close{width: 60px;height: 60px;background: #d10201 url(../images/icon.png) no-repeat 0 -360px;}
    nav .wrapper{margin: 0;padding: 0;background: #181516;}
    nav .item{float: none;width: 100%;}
    nav .item h3{position: relative;line-height: 60px;margin: 0;padding: 0 5%;border-bottom: 1px solid #333;font-weight: bold;font-size: 20px;color: #fff;letter-spacing: 1px;}
    nav .item h3:after{content: "";position: absolute;top: 22px;right: 5%;width: 16px;height: 16px;background-position: -82px -382px;}
    nav .item h3.only:after{content: none;}
    nav .item h3 a{display: block;color: #fff;}
    nav .item.active h3:after{background-position: -142px -382px;}
    nav .item ul{position: relative;display: none;padding: 5px 0;background: #000;border-bottom: 1px solid #333;}
    nav .item li{margin: 0;border: none;}
    nav .item li a{display: block;line-height: 40px;padding: 0 10%;font-size: 16px;color: #666;}
    nav .item li a:hover{color: #666;}
    nav .item li a:active{color: #d10201;}
    nav .item li.qrcode{position: static;margin: 0;}
    nav .item li.qrcode a{display: none;}
    nav .item li.qrcode img{position: absolute;top: 50%;right: 3%;left: auto;display: block;width: auto;max-width: 100px;max-height: 90%;padding: 5px;background: #fff;border: none;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
    nav .item li.qrcode img.right{top: 50%;left: auto;}

    header{height: 60px;padding: 0 3%;}
    header .logo{position: relative;width:158px;height:40px;top: 50%;margin: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
    header .show-nav{ display: block; position: relative;top: 50%;margin: 0;background-position: -495px -15px;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
    header .nav,
    header .more{display: none;}
    header + .header-placeholder{height: 60px;}
    footer{padding-top: 60px;}
    footer .category,
    footer .media,
    footer .dropdown{display: none;}
    footer .logo{display: block;float: none;width: 42.18%;margin: 0 auto;}
    footer .copyright{margin-top: 0px;padding: 5px 0;text-align: center;}
    footer .copyright p,
    footer .copyright p a{float: none;line-height: 28px;}
    footer .copyright em{display: block;}
    footer .to-top{top: 60px;}

    .banner .title{top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
    .banner .title span{line-height: 30px;font-size: 24px;}
    .banner .title span.en{margin-top: 10px;font-size: 16px;}

    .link-tab ul{display: block;}
    .link-tab ul li{width: calc(33.38% - 1px);}
    .link-tab ul li:nth-child(3n+1):before{content: none;}
    .link-tab ul li:hover{background: none;}
    .link-tab ul li:hover a{color: #666;}


    section[class^="index"]{margin-top: 60px;}
    .index-section-title{margin-bottom: 60px;text-align: center;}
    .index-section-title span.en{margin-top: 24px;}
    .index-section-title span.en em{margin: 0 10px;}
    .index-recommend{ padding:2% 0 16%; }
    .index-recommend .btn-switch{position: absolute;top: 50%;z-index: 1;display: block;width: 45px;height: 45px;margin-top: -30px;}
    .index-recommend .btn-switch.prev{left: 0;background-color: #d10201;background-position: -126px -6px; opacity: 0.3;}
    .index-recommend .btn-switch.next{right: 0;background-color: #000;background-position: -186px -6px; opacity: 0.3;}
    .index-recommend ul li{width: 100%;margin: 0;}
    .index-recommend ul li .bottom{-webkit-transform: none;transform: none;}

    .index-video{}

    .index-video .aboutl{width: 100%; float: none; margin-bottom: 20px}
    .index-video .aboutr{width: 100%; float: none;}
    .index-video .aboutl h2{font-size: 22px}
    .index-video .aboutl h3{font-size: 16px}
    /*.index-video .wrapper{padding-bottom: 56.25vw;}*/
    .index-video .video-js{width: 100% !important;height: 56.25vw;top: 120px;}

    .index-video .video-js video{-webkit-transform: none;transform: none;}
    .index-video .video-js video + div{display: none;}
    .index-video .vjs-big-play-button{-webkit-transform: scale(.6);transform: scale(.6);}

    .index-video .list{position: relative;width: 100%;}
    .index-video .list:after{content: "";display: block;clear: both;}
    .index-video .list a{float: left;width: 33.33%;height: 120px;line-height: 80px;padding: 20px 15px;text-align: center;border: none !important;}
    .index-video .list a:before{display: none;top: auto;bottom: 5px;left: 50%;width: 18px;height: 24px;margin: 0 0 0 -9px;background-position: -561px -18px;}
    .index-video .list a:after{content: none;}
    .index-video .list a:nth-child(2){border-left: 1px solid #fff !important;border-right: 1px solid #fff !important;}
    .index-video .more{position: absolute;bottom: 0;left: 50%;margin: 0 0 0 -50px;}

    .index-news .wrapper{padding: 0 0 50px 0;background: none;box-shadow: 0 1px 5px rgba(100, 100, 100, .3);}
    .index-news .list{width: 100%;padding: 0 3% 40px;box-shadow: none;}
    .index-news .list .box{float: none;width: 90%;margin-top: 20px;padding-bottom: 20px;}
    .index-news .list .box:hover{border-bottom-color: #ddd;-webkit-transform: none;transform: none;}
    .index-news .list .box span{line-height: 24px;font-size: 24px;}
    .index-news .list .box h3{line-height: 36px;overflow: hidden;font-size: 16px;color: #333;white-space: nowrap;text-overflow: ellipsis;}
    .index-news .list .box .more{display: none;}
    .index-news .list .btn-switch{display: none;}
    .index-news .list .pagination{position: absolute;bottom: 10px;left: 50%;display: block;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
    .index-news .list .pagination span{width: 12px;height: 12px;margin: 0 6px;background: #888;}
    .index-news .list .pagination span[class*="active"]{background: none;border: 2px solid #d10201;}
    .index-news .more{position: absolute;bottom: 20px;left: 50%;margin: 0 0 0 -50px;}

    .index-application .wrapper{height: auto;padding: 0 3% 50px;background-position: center;background-size: cover;}
    .index-application .rect{position: relative;top: -30px;left: 0;width: 95%;height: auto;margin: 0 auto -30px;}
    .index-application .rect .box{margin-left: 6.6%;}
    .index-application .rect span{margin-top: 30px;}
    .index-application .rect strong{margin-top: 10px;font-size: 26px;}
    .index-application .rect p{display: none;}
    .index-application .rect .btn-switch{position: absolute;top: 30px;right: 3%;bottom: auto;left: auto;}
    .index-application .rect .btn-switch a{width: 60px;height: 60px;margin: 0 7px;border-width: 1px;}
    .index-application .rect .btn-switch a.prev{background-position: -120px 0;}
    .index-application .rect .btn-switch a.next{background-position: -180px 0;}
    .index-application .list .swiper-container{padding: 0;}
    .index-application .list{top: 20px;-webkit-transform: none;transform: none;left: 2.5%;width: 95%;}
    .index-application .list a:hover{top: 0;}

    .group .link-tab{margin: 0 3%;padding-top: 60px;}
    .group .link-tab ul li:nth-child(4){/*margin-left: 16.66%;*/}
    .group .link-tab ul li:nth-child(4):before{content: none;}
    .group .section-title{margin-top: 60px;}
    .group .container{margin-top: 60px;margin-bottom: 60px;}
    .group .profile .picture{float: none;max-width: 100%;margin: 0 auto 20px;}

    .group .founder .left{float: none;width: 479px;max-width: 100%;margin: 0 auto 20px;padding: 0;border: none;}

    .group .culture-idea div[class^="section"]{margin-bottom: 28px;padding-bottom: 30px;}
    .group .culture-songs .section-title{margin-top: 30px;}
    .group .culture-idea .section-1{width: 100%;}
    .group .culture-idea .section-1 ul li:nth-child(even){padding-left: 15%;}
    .group .culture-idea .bottom{margin-bottom: 28px;}
    .group .culture-idea .bottom em{display: block !important;}
    .group .culture-songs ul{display: block;}
    .group .culture-songs ul li{width: 50%;}
    .group .culture-songs ul li span{font-size: 16px;}
    .group .culture-songs ul li a{font-size: 13px;}

    .group .history .year{left: 10px;}
    .group .history .desc p{font-size: 14px;}
    .group .honor .figure{width: 27.25%;height: calc(94vw * .2725 / (327 / 682));background-size: 100%;}
    .group .honor .text{width: 72.75%;height: calc(94vw * .2725 / (327 / 682));}
    .group .popup .box{height: 60%;width: 100%;max-width: 100%;}
    .group .popup .box .close{top: -55px;right: 5px;}
    .group .honor .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 8px;}
    .group .honor .mCSB_scrollTools .mCSB_draggerRail{width: 4px;}

    .industry{margin-top: 60px;margin-bottom: 60px;}
    .industry .link-tab li.qrcode .box{position: fixed;height: calc(100% - 60px);background: rgba(0, 0, 0, .5);bottom: auto;top: 60px;z-index: 10;}
    .industry .link-tab li.qrcode .box img{position: relative;top: 50%;left: 50%;width: 150px;height: 150px;margin: -75px 0 0 -75px;}
    .industry .link-tab li.qrcode:hover .box{display: none;}

    .news{margin-top: 60px;margin-bottom: 60px;}

    .news-detail{margin-top: 60px;margin-bottom: 60px;}
    .news-detail .jump{margin-top: 32px;padding-top: 15px;}
    .news-detail .attr{line-height: 24px;margin: 15px 0;}
    .news-detail .attr .fl{width: 100%;text-align: center;}
    .news-detail .attr .fr{display: none;}

    .video{margin-top: 60px;margin-bottom: 40px;}
    .video li{width: 50%;margin-bottom: 20px;padding: 0 20px;}
    .video .popup .box{width: 100%;max-width: 100%;}

    .newspaper{margin-top: 50px;margin-bottom: 50px;}
    .newspaper .search{padding: 0 18px;}
    .newspaper > ul li{margin-bottom: 32px;padding: 0 18px;}
    .newspaper > ul li a{padding: 6px;}
    .newspaper .popup .box{width: 100%;max-width: 100%;height: 60%;}
    .newspaper .popup .box .close{top: -70px;right: 10px;}
    .newspaper .popup .box .switch{top: calc(100% + 20px);margin: 0;-webkit-transform: scale(.8);transform: scale(.8);}
    .newspaper .popup .box .switch.prev{left: 3%;}
    .newspaper .popup .box .switch.next{right: 3%;}

    .contact .section{margin-top: 60px;padding-bottom: 60px;}
    .contact .info .text{float: none;width: 100%;margin-bottom: 20px;}
    .contact .info .text p{margin-top: 18px;}
    .contact .info .map{float: none;width: 100%;}
    .contact .msg .form h3{margin-top: 16px;}
    .contact .msg .form textarea{height: 120px;line-height: 24px;}
    .contact .media dl{width: 100%;margin-top: 28px;padding-bottom: 30px;}
}

@media (max-width: 480px){
    header .logo{width: 117px;height: 30px;}
    nav .top .close{width: 50px;height: 50px;background-position: -5px -365px;}
    nav .item h3{line-height: 50px;font-size: 16px;letter-spacing: .5px;}
    nav .item h3:after{top: 17px;}
    footer{padding-top: 30px;}
    footer .copyright p,
    footer .copyright p a{line-height: 20px;font-size: 12px;}
    footer .to-top{top: 0;width: 40px;height: 40px;line-height: 55px;background-position: -70px -18px;font-weight: normal;letter-spacing: 0;}

    .banner .title span{line-height: 24px;font-size: 26px;}
    .banner .title span.en{margin-top: 6px;font-size: 12px;}

    .link-tab ul li:before{top: 11px;}
    .link-tab ul li a{line-height: 40px;font-size: 14px;}

    .banner-index ol li{padding-bottom: 10px;font-size: 14px;}

    section[class^="index"]{margin-top: 30px;}
    .index-section-title{margin-bottom: 30px;}
    .index-section-title span{font-size: 24px;}
    .index-section-title span.en{margin-top: 12px; font-size: 18px}
    .index-video .list a{line-height: 80px;font-size: 14px;}

    .index-recommend ul li .bottom{height: 38px;}
    .index-recommend ul li .text h3{margin-top: 8px;font-size: 16px;}
    .index-recommend ul li h3{     width: 100%;  padding: 0px 10px;margin-top: 8px;text-align: center;}
    .index-recommend ul li .text p{height: 40px;line-height: 20px;margin-top: 5px;font-size: 12px;}
    .index-recommend ul li a.index_prom{padding-top: 27px;    display: none;}

    .index-video .more{font-size: 12px;width: 80px;margin: 0 0 0 -40px;line-height: 24px;border-right: 12%;}

    .index-news .list .box p{height: 60px;line-height: 20px;font-size: 12px;}
    .index-news .list .box span{line-height: 20px;font-size: 20px;}
    .index-news .list .box h3{font-size: 14px;}
    .index-news > .more{font-size: 14px;margin: 0 0 0 -65px;line-height: 24px;}

    .index-application .list a h3{font-size: 18px;}
    .index-application .rect{top: -20px;margin-bottom: -20px;}

    .group .link-tab{padding-top: 30px;}
    .group .container{margin-top: 30px;margin-bottom: 30px;}
    .group .section-title{margin-top: 30px;}
    .group .section-title:before{height: 40px;}
    .group .section-title span{line-height: 30px;font-size: 20px;}
    .group .section-title span.en{line-height: 20px;font-size: 14px;}

    .group .picture .arrow{position: absolute;left: 0;display: block !important;width: 100%;top: 50%;}
    .group .picture .arrow a{position: absolute;top: -20px;width: 40px;height: 40px;}
    .group .picture .arrow a.prev{left: 0;background-color: rgba(236, 27, 35, .8);background-position: -130px -10px;}
    .group .picture .arrow a.next{right: 0;background-color: rgba(0, 0, 0, .8);background-position: -190px -10px;}

    .group .profile .picture{padding: 0;}
    .group .profile .picture .arrow{margin-top: -20px;}
    .group .profile p{line-height: 26px;margin-bottom: 6px;}
    .group .founder .picture{padding: 0;}
    .group .founder .picture .arrow{top: 50%;}

    .group .culture-idea .bottom{margin-bottom: 15px;}
    .group .culture-idea .bottom{font-size: 16px;line-height: 26px;}

    .group .history .year{display: none;}
    .group .history .desc{height: auto;width: 100%;}
    .group .history .desc .switch{display: block;margin-top: 20px;overflow: hidden;position: relative;z-index: 1;}
    .group .history .desc .switch a{width: 40px;height: 40px;position: relative;}
    .group .history .desc .switch a.prev{float: left;background-color: rgba(236, 27, 35, .8);background-position: -130px -10px;}
    .group .history .desc .switch a.next{float: right;background-color: rgba(0, 0, 0, .8);background-position: -190px -10px;}
    .group .history .desc .switch span{position: absolute;top: 0;left: 0;width: 100%;line-height: 40px;font-size: 30px;color: #000;text-align: center;}

    .industry{margin-top: 30px;margin-bottom: 30px;}

    .news{margin-top: 30px;margin-bottom: 30px;}
    .news ul li .title a{font-size: 14px;}
    .news ul li .title span,
    .news ul li p{font-size: 12px;    line-height: 18px;}
    .news ul li > a{line-height: 20px;border-radius: 10px;font-size: 12px;}

    .news-detail{margin-top: 30px;margin-bottom: 30px;}
    .news-detail .attr{line-height: 20px;margin: 10px 0;}
    .news-detail .jump{margin-top: 16px;padding-top: 8px;}
    .news-detail .upload p,
    .news-detail .jump span,
    .news-detail .jump span a{font-size: 13px;}
    .news-detail .jump{margin-top: 16px;padding-top: 8px;}
    .news-detail .jump .back{top: 8px;font-size: 13px;}

    .video{margin-top: 30px;margin-bottom: 20px;}
    .video li{width: 100%;margin-bottom: 10px;padding: 0;}

    .newspaper{margin-top: 25px;margin-bottom: 25px;}
    .newspaper .search{padding: 0;}
    .newspaper .search .item{width: 100%;margin-bottom: 15px;}
    .newspaper .search .item label{float: left;width: 28%;line-height: 35px;}
    .newspaper .search .item select{float: left;width: 72%;}
    .newspaper .search button{width: 30%;margin: 0 0 0 28%;}
    .newspaper > ul li{width: 50%;margin-bottom: 16px;padding: 0 10px;}
    .newspaper > ul li a{padding: 3px;}

    .contact .section{margin-top: 30px;padding-bottom: 30px;}
    .contact h2{font-size: 16px;}
    .contact .info .text{margin-bottom: 15px;}
    .contact .info .text p{line-height: 24px;margin-top: 12px;font-size: 14px;}
    .contact .info .map{height: 94vw;}

    .contact .msg{margin-top: 15px;}
    .contact .msg .form h3{margin-top: 10px;}
    .contact .msg .form ul{padding: 10px 0 0 0;}
    .contact .msg .form ul li{width: 100%;padding:  0 3%;}
    .contact .msg .form textarea{height: 100px;padding: 5px;}
    .contact .msg .form a{width: 100px;line-height: 30px;margin-top: 20px;border-radius: 5px;font-size: 14px;}

    .contact .media dl{width: 100%;margin-top: 12px;padding-bottom: 15px;}
    .contact .media dl dt{font-size: 14px;}
    .contact .media dl dd{width: 28.5%;}
    .contact .media dl dd span{font-size: 12px;}
}


/****************************** 分页 ******************************/
.page1{clear:both; text-align:center;font-size:12px; margin-top:25px; font-family: "Microsoft YaHei";}
.page1  a{ color:#555;padding:10px 15px; text-decoration:none;background:#F5F5F5; border: 1px solid #eee;}
.page1  a:hover{ color:#999; background:#ed1c24; color:#fff;}
.page1 a{margin:2px;}
.page1  span.page-num-current a{background:#ed1c24;color:#fff;}
.page1  a.page-num-current{background:#ed1c24;color:#fff;}
.page1  a.active{background:#ed1c24;color:#fff;}

/****************************** CSS3 Animation ******************************/
[animation-name]{
    visibility: hidden;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInLeft100 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
    }
}
@keyframes fadeInLeft100 {
    from {
        opacity: 0;
        transform: translate3d(-100px, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@-webkit-keyframes fadeInRight100 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
    }
}
@keyframes fadeInRight100 {
    from {
        opacity: 0;
        transform: translate3d(100px, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@-webkit-keyframes fadeInUp100 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
    }
}
@keyframes fadeInUp100 {
    from {
        opacity: 0;
        transform: translate3d(0, 100px, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@-webkit-keyframes fadeInDown100 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
    }
}
@keyframes fadeInDown100 {
    from {
        opacity: 0;
        transform: translate3d(0, -100px, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}
.msg_code{
    overflow: hidden;
    margin-top: 24px;
}
.msg_code label{
    display: block;
    float: left;
    width: 6.5%;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    color: #333;

}
.msg_code input{
    width: 30%;
    height: 35px;
    line-height: 35px;
    border: 1px solid #ddd;
    font-size: 14px;
    text-indent: 10px;
    color: #333;
    float: left;
}
.msg_code em{
    position: relative;
}
.msg_code em img{
    position: absolute;
    right: 0;
    top: 5px;
}
.pro_list{
    margin: 50px 0;
}
.pro_list ul{
    overflow: hidden;
    display: block;
    position: relative;
}
.pro_list ul li{
    width: calc(25% - 22.5px);
    margin-right: 30px;
    float: left;
    margin-bottom: 30px;
    border: 1px solid #e5e5e5;
    position: relative;
    top: 0;
}
.pro_list ul li a{
    display: block;
    background: #fff;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.pro_list ul li a:hover{
    box-shadow: 0px 0px 24px rgba(111, 111, 111, 0.18);
}
.pro_listmore:hover:after,.pro_list ul li a:hover .pro_listmore:hover:after{
    opacity: 1;
    transform: translateX(10%) skew(-20deg);
    -webkit-transform: translateX(10%) skew(-20deg);
    -moz-transform: translateX(10%) skew(-20deg);
    -ms-transform: translateX(10%) skew(-20deg);
    -o-transform: translateX(10%) skew(-20deg);
}
.pro_listimg{
    padding: 1px 1px 18px;
}
.pro_listimg img{
    width: 100%;
    display: block;
}
.pro_listimg p{
    font-size: 16px;
    color: #333333;
    text-align: center;
    margin-top: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.pro_list ul li:nth-child(4n){
    margin-right: 0;
}
.pro_text{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px solid #ececec;
    padding: 15px 0;
}
.pro_listmore{
    width: 100px;
    height: 30px;
    line-height: 30px;
    display: block;
    overflow: hidden;
    position: relative;
    background: #d10201;
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.pro_listmore span{
    z-index: 1;
    display: block;
    position: relative;
}
.pro_listmore:after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 140%;
    background: #000000;
    opacity: 0;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transform: translateX(100%) skew(0deg);
    -webkit-transform: translateX(100%) skew(0deg);
    -moz-transform: translateX(100%) skew(0deg);
    -ms-transform: translateX(100%) skew(0deg);
    -o-transform: translateX(100%) skew(0deg);
}

.pro_detail .pic{
    float: left;
    width: 45%;
    padding-bottom: 0;
    border: 1px solid #e5e5e5;
}
.pro_detail .pic img{
    width: 100%;
}
.pro_detail .picture .tb-thumb a{
    display: block !important;
    width: 30px;
    height: 125px;
    background-color: #eaeaea;
    background-position: -100px -100px;
}
.pro_detail .picture .tb-thumb a:hover{
    background-color: #000;
}
.pro_detail .picture .tb-thumb a.prev{
    left: -40px !important;
}
.pro_detail .picture .tb-thumb a.next{
    right: -40px !important;
}
.pro_detail .picture .tb-thumb dd{
    opacity: .5;
}
.pro_detail .picture .tb-thumb dd.active{
    opacity: 1;
}
.pro_detail .picture .tb-thumb a:after{
    content: "";
    position: relative;
    top: 50%;
    display: block;
    width: 24px;
    height: 24px;
    margin: -12px auto 0;
}

.group .pro_detail .picture .tb-thumb a.prev:after{
    background-position: -139px -18px;
}
.group .pro_detail .picture .tb-thumb a.next:after{
    background-position: -197px -18px;
}
.group .pro_detail .picture li img{
    display: block;
    width: 100%;
    box-sizing:border-box;
}

.pro_dr{
    float: right;
    width: 50%;
    padding-top: 3%;
}
.pro_dr h3{
    font-size: 24px;
    font-weight: 700;
    color: #d10201;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
}
.pro_dr p{
    line-height: 25px;
    font-size: 15px;
    margin-bottom: 10px;
}
.pro_dr p a{
    color: #666;
}
.pro_dr p a:hover{
    color: #d10201;
}
.pro_dr p span{
    font-weight: 700;
    color: #d10201;
    font-size: 15px;
}
.pro_dr>a{
    display: inline-block;
    padding: 13px 35px;
    background: #999;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border-radius: 50px;
    margin-top: 50px;
    transition:.35s;
}
.pro_dr>a:hover{
    background: #d10201;
}
.pro_tit{
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
}
.pro_tit li{
    display: block;
    float: left;
}
.pro_tit li a{
    display: block;
    width: 95px;
    height: 40px;
    background-color: #f0f0f0;
    color: #707070;
    font-size: 16px;
    margin-right: 6px;
    line-height: 40px;
    text-align: center;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}
.pro_tit li a:hover,.pro_tit li.on a{
    background-color: #d10201;
    color: #fff;
}
.npro{
    display: flex;
    align-items: center;
    background: #f5f5f5;
    line-height: 0;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
}
.npro div{
    width: 50%;
}
.npro .nprop {
    padding: 20px;
}
.npro .nprop p{
    line-height: 30px !important;
    margin: 10px 0;
}
.pro_item{
    margin-top: 50px;
}
.pro_item img{
    max-width: 100%;
}
.pro_item p{
    font-size: 16px;
    line-height: 30px;
}
.pro_item p strong{
    font-size: 20px;
}
.pro_content{
    margin-top: 50px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    padding: 3% 20px;
}

.prevnext{
    position: relative;
    display: flex;
    justify-content: space-between;
    color: #969696;
    line-height: 24px;
    padding: 15px 0px;
    font-size: 14px;
    border-top: 1px solid #ccc;
    margin-top: 15px;
}
.prevnext span{
    float: left;
}
.prevnext a:hover{
    color: #d10201;
}
.prevnext a{
   text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    /*max-width: 70%;*/
    display: block;
     float: left;  
}
.prev1,.next1{
    position: relative;
    max-width: 50%;
    overflow: hidden;
}
.prev1 img,.next1 img{
    margin: 5px 2px;
    float: left;
}

  .job{height: 40px;background: #d10201;padding: 0 5%;border-bottom: 1px solid #fff;}
  .job span{color: #fff;font-size: 14px;height: 40px;line-height: 40px;display: block;float:left;}
  #job_left{float: left;}
  #job_right{float: right;text-align:right;width:40px;}
  .joblist{display: block;width: 100%;overflow: hidden;background: #eeeeee}
  .joblist li{display: block;overflow:hidden;}
  .jobmain_up{padding: 0 5%;height: 40px;border-bottom: 1px solid #fff; cursor: pointer;}
  .jobmain_up span{float: left;display: block;height: 40px;line-height: 40px;font-size: 14px;transition:0.35s;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
  .job span:nth-child(1){width: 19%;}
  .job span:nth-child(2){width: 15%;}
  .job span:nth-child(3){width: 26%;}
  .job span:nth-child(4){width: 32%;}
  .jobmain_up span:nth-child(1){width: 19%;}
  .jobmain_up span:nth-child(2){width: 15%;}
  .jobmain_up span:nth-child(3){width: 26%;}
  .jobmain_up span:nth-child(4){width: 32%;}
  .jobmain_up span:last-child{float: right;width: 45px;text-align: center;}
  .jobmain_up i{display: block;width: 11px;height: 11px;margin: 16px 0 0 24px;position: relative;}
  .jobmain_up span i:before{content: "";width: 100%;height: 1px;background: #d10201;position: absolute;left: 0;top: 5px;transition: 0.3s;}
  .jobmain_up span i:after{content: "";width: 1px;height: 100%;background: #d10201;position: absolute;left: 5px;top: 0;transition: 0.3s;}
  .jobmain_down{display: none;padding: 5%;overflow: hidden;border-bottom: 1px solid #fff;}
  .jobmain_down dt{font-size: 15px;font-weight: bold;margin:9px 0;line-height: 1em;}
  .jobmain_down dd{margin: 9px 0;font-size: 13px;color: #777;line-height: 20px;text-align: justify;}
  .ljsq{display: block;width: 100px;height: 35px;line-height: 35px;background: #666;color: #fff;font-size: 13px;margin: 0 auto;text-align: center;}
  .ljsq:hover{background:#d10201;color:#fff;}
  .job_on{background-color: #d10201;color: #fff;}
  .job_on span i:before{content: "";width: 100%;height: 1px;background: #fff;position: absolute;left: 0;top: 5px;transition: 0.3s;z-index: 1}


.jobstail{width:700px; margin:0 auto; padding-bottom:50px; overflow:hidden;}  
  .jobstail h3{font:18px/35px "微软雅黑"; font-weight:bold; letter-spacing:1px;}
  .jobstail p{line-height:28px;}
.jobtc{  z-index: 60;}
.jobtc .tit{text-align: center; line-height: 2em; font-weight: bold; width: 100%;font-size: 24px;}
.jobtc_{padding:0 20px;}
.jobtc_:before{content: " ";display: table;}
.jobtc_:after{content: " ";display: table;clear: both;}
.jobtc_ h3{height: 50px;line-height: 50px;border-bottom: 1px solid #d3d0cf;width: 83.3%;margin-left: 4.17%;margin-top: 40px;}
.jobtc_ h3 span{color: #e46713;font-family: "微软雅黑";font-weight: bold;font-size: 1.66667em;line-height: 50px;height: 49px;display: inline-block;border-bottom: 3px solid #e46713;}
.jobtc_ table{width: 100%; font-size: 16px;}
.jobtc_ table tr{min-height: 32px;position:relative;}
.jobtc_ table tr img{position:absolute;top:4px;right:0}
.jobtc_ table tr td{padding-bottom: 12px;position:relative;}
.jobtc_ table tr td:nth-child(1){width: 10%;}
.jobtc_ table tr td:nth-child(2){width: 90%;}
.jobtc_ table tr td span{font-size: 1.16667em;font-family: "微软雅黑";color: #333;margin-right: 15px;line-height: 32px;float: right;}
.regi_input,#sex{width: 98%;height: 30px;border: 1px solid #cbcbcb;font-family: "微软雅黑";color: #333;line-height: 30px; padding: 0 1%;box-sizing: content-box;}
.jobtc_ table tr td textarea{width: 100%; padding: 0 1%;height: 140px;resize：none;border: 1px solid #cbcbcb;line-height:30px;font-family: "微软雅黑";}
.regi_t{display: inline-block;width: 78px;height: 28px;text-align: center;line-height: 28px;color: #fff; font-size: 16px;background-color:#d10201;border: none;cursor: pointer;margin-right: 5px;margin-top: 10px;}
.regi_c,.regi_q{display: inline-block;width: 78px;height: 28px;text-align: center;line-height: 28px;color: #fff;font-size: 1.16667em;background-color: #9c9c9c;border: none;cursor: pointer;margin-top: 10px; font-size: 16px;}
.regi_q{background-color: #b4b7b8;}
.jobtc_bg{position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 59; background: #000; opacity: 0.8;filter:alpha(opacity=80); display: none;}

    .index-recommend .btn-switch{position: absolute;top: 50%;z-index: 1;display: block;width: 45px;height: 45px;margin-top: -30px;}
.index-recommend .btn-switch.prev{left: 0;background-color: #000;background-position: -126px -6px;}
    .index-recommend .btn-switch.next{right: 0;background-color: #000;background-position: -186px -6px; }

.index_about{
    width: 80%;
    margin: 50px auto 0;
    background: rgba(0,0,0,0.5);
    color: #fff;
    box-sizing:border-box;
    padding: 5%;
}
.index_about h2{
    font-size: 24px;
}
.index_about span{
    display: block;
    width: 20px;
    height: 2px;
    background: #fff;
    margin: 30px 0;
}
.index_aboutcon{
    font-size: 14px;
    line-height: 30px;
    display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 7;
      overflow: hidden;
}
.index_about a{
    display: block;
    width: 100px;
    height: 35px;
    text-align: center;
    background: #cd0000;
    color: #fff;
    line-height: 35px;
    font-size: 14px;
    margin-top: 30px;
    transition:.35s;
}
.index_about a:hover{
    background: #d10201;
}


@media screen and (max-width: 1024px) {
    .group .link-tab{
        width: auto;
        margin: 0 3%;
    }
    
    .pro_dr{
        width: 500px;
    }
    .index_aboutcon{-webkit-line-clamp: 3;}
}


@media screen and (max-width: 768px) {
   
    .link-tab ul li:before{
        content: none;
    }
    .pro_dr{
        width: 300px;
    }
    .pro_list ul li{
        width: calc(50% - 15.5px);
    }
    .pro_list ul li:nth-child(2n){
        margin-right: 0;
    }
    .jobstail{
        width: 100%;
        padding-bottom: 0;
    }
    .prevnext a{
        max-width: 70%;
    }
    .index_aboutcon{-webkit-line-clamp: 4;}

    .npro{
        display: inline-block;
    }
    .npro div{
        width: 100%;
    }
    .pro_detail .pic{
        width: 100%;
    }
    .pro_dr{
        width: 100%;
    }
}
@media screen and (max-width: 500px) {
     .pro_list ul li{
        width: calc(50% - 15.5px);
    }
    .pro_list ul li:nth-child(2n){
        margin-right: 0;
    }
    .pro_detail .pic{
        width: 100%;
    }
    .pro_dr{
        width: 100%;
    }
    .pro_detail .picture{
        padding-bottom: 0;
        margin-bottom: 20px;
    }
    .pro_item{
        margin-top: 20px;
    }
    .pro_content{
        margin-top: 20px;
    }
    .prevnext{
        display: block;
        overflow: hidden;
    }
    .prev1,.next1{
        max-width: 100%;
    }
    .job span:nth-child(1){width: 80%;}
    .job span:nth-child(2){display: none;}
    .job span:nth-child(3){display: none;}
    .job span:nth-child(4){display: none;}
    .jobmain_up span:nth-child(1){width: 80%;}
    .jobmain_up span:nth-child(2){display: none;}
    .jobmain_up span:nth-child(3){display: none;}
    .jobmain_up span:nth-child(4){display: none;}
    
    .news-detail .upload img{
        display: block;
    }
    .msg label{
        display: none;
    }
    .contact .msg .form li input{
        width: 90%;
    }
    /*.index-video .wrapper{
        padding-bottom: 100vw;
    }*/
    .index-video .video-js{
        height: 100vw;
    }
    .index_aboutcon{
        height: 120px;
      -webkit-line-clamp: 3;    -webkit-box-orient: inherit;
     
    }
}