/*内页公共css*/

/*banner*/
/*左右箭头样式*/
.swiper-button-next, .swiper-button-prev {width:40px;background-size:40px 40px;opacity: .5;}
.swiper-button-next:hover, .swiper-button-prev:hover{opacity: 1}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {background-image: url('../image/prev.png')}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url('../image/next.png');}
/*条状指示器*/
.swiper-container-horizontal>.swiper-pagination{max-width:1200px; left: 3%; right: 0; margin: auto;text-align: left; bottom: 7%}
.swiper-pagination-bullet {border-radius: 0; border: none; width: 20px; height: 2px; background: #333333;opacity:1;}
.swiper-pagination-bullet-active {width: 20px; height: 2px;background-color: #c92b2f;margin:1px;}
/*文字部分*/
.banner-content {
    height: 590px;
}
/*.banner-content{margin:0 auto; padding:6% 10px 6%; position: relative}
.banner-title {line-height: 4.4rem;font-size: 48px; color: #c92b2f; font-weight: lighter}
.banner-subtitle {color: #333333; font-size: 60px; margin: 1.5% 0; font-weight: 500}
.carousel-inner .item img {height:600px; width: auto;}
.banner-line-one {width:170px;height:10px;background:#c92b2f;position: relative;z-index: 1;}
.banner-line-two {height: 1px;background: #5f5f5f;width:350px;position: relative;margin-top: -1px;z-index:0;}
.banner-info {font-size:12px; color:#5f5f5f; max-width: 350px; margin: 2.4% 0;}
.banner-btn {font-size: 22px; color: #ffffff; font-weight: lighter; line-height: 30px; width: 194px; background-color: #c92b2f; text-align: center;}*/
/*分享*/
.myshare .bdsharebuttonbox{position:absolute; top: 14%; right: 2%;}
.myshare .bdshare-button-style2-32 a {
    width: 32px;
    line-height: 32px;
    height: 32px;
    background-image: url('../image/share.png');
    /*margin: 6px 8px 0;*/
}
.myshare .bdshare-button-style2-32 .bds_weixin {
    background-position: 0 0;
}
.myshare .bdshare-button-style2-32 .bds_tsina {
    background-position: 0 -34px;
}
#bdshare_weixin_qrcode_dialog {width: 256px!important; height: 308px!important;}
/*banner end*/

/*公司简介*/
.company-left {margin-right: 3%}
.company-title {font-weight:bold;font-size:24px;color:#666666; margin: 7% 0;}
.company-info {font-size: 14px; /*color: #999999;*/ margin-bottom: 4.8%;text-align: justify; line-height: 24px;}
.company-logos {margin: 2.4% 0; cursor: pointer;}
/*公司简介 end*/

/*公司新闻*/
.news-menu {bottom: -1px; border-bottom: 1px solid #5f5f5f; position:relative; z-index: 8; margin-bottom: 4.6%;}
.news-menu-item{font-weight: bold; font-size: 14px; display: inline-block; margin: 8% 8% 0 0; padding-bottom: 1.6%; color:#666666; position:relative; z-index: 9;bottom: -1px; cursor: pointer;}
.news-menu-active {border-bottom: 2px solid #eb4f58; color: #c92b2f}
.news-list {/*color: #999999;*/ font-size: 12px;}
.news-list-item a {display: block; margin: 1.7% 0; overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.news-list-item a:hover {color: #c92b2f;}
.news-list-item .time {margin-right: 3%;}
/*公司新闻 end*/

/*展开图*/
.accordion-bg {margin: 2% auto 0;}
/* 没有指向 */
.accordion-bg {background:#f2f2f2; width: 100%;}
#subjects {height: 200px; overflow: hidden}
.g-wrap {position: relative; margin: 0 auto; height: 100%; overflow: hidden;}
#subjects .g-wrap a {position:absolute; top:0; width:100%; height:100%; overflow:hidden; -webkit-opacity:1; opacity:1; display:block\9; -webkit-transition:left 300ms, -webkit-opacity 700ms; transition:left 300ms, opacity 700ms;}
/*#subjects .g-wrap .item-1 {z-index:1; background-color:#f9c046;}
#subjects .g-wrap .item-2 {z-index:2; background-color:#c92b2f;}
#subjects .g-wrap .item-3 {z-index:3; background-color:#97cce7;}
#subjects .g-wrap .item-4 {z-index:4; background-color:#fafafa;}*/
#subjects .g-wrap a span {position:absolute; background:no-repeat 0 0;}
/* 没有指向 */
#subjects .state-0 .item-1 {left:0;}
#subjects .state-0 .item-2 {left:340px;}
#subjects .state-0 .item-3 {left:560px;}
#subjects .state-0 .item-4 {left:760px;}
#subjects .state-0 .item-5 {left:980px;}
/* 指向第一个 */
#subjects .state-1 .item-1 {left:0;}
#subjects .state-1 .item-2 {left:490px;}
#subjects .state-1 .item-3 {left:668px;}
#subjects .state-1 .item-4 {left:845px;}
#subjects .state-1 .item-5 {left:1022px;}
/* 指向第二个 */
#subjects .state-2 .item-1 {left:0;}
#subjects .state-2 .item-2 {left:178px;}
#subjects .state-2 .item-3 {left:668px;}
#subjects .state-2 .item-4 {left:845px;}
#subjects .state-2 .item-5 {left:1022px;}
/* 指向第三个 */
#subjects .state-3 .item-1 {left:0;}
#subjects .state-3 .item-2 {left:178px;}
#subjects .state-3 .item-3 {left:355px;}
#subjects .state-3 .item-4 {left:845px;}
#subjects .state-3 .item-5 {left:1022px;}
/* 指向第四个 */
#subjects .state-4 .item-1 {left:0;}
#subjects .state-4 .item-2 {left:178px;}
#subjects .state-4 .item-3 {left:355px;}
#subjects .state-4 .item-4 {left:532px;}
#subjects .state-4 .item-5 {left:1022px;}

#subjects .state-5 .item-1 {left:0;}
#subjects .state-5 .item-2 {left:178px;}
#subjects .state-5 .item-3 {left:355px;}
#subjects .state-5 .item-4 {left:532px;}
#subjects .state-5 .item-5 {left:710px;}

/*展开图 end*/

/*移动端展开图*/
.is-show {display: none;}
.accordion .images {position: relative;overflow: hidden;}
.accordion .images div {position: absolute;}
/*移动端展开图 end*/

/*footer*/
.show-sm {display: none;}
.footer-bar {border-top: 1px solid #d1d1d1; margin-top: 1%;}
.footer-logo {line-height: 80px;}
.footer-info {color: #212121; font-size: 14px; margin-top: 1.8%}
.footer-a-e {padding-left:3%;}
.footer-info span {color: #666666; font-size: 12px;}
.footer-info span:nth-child(1) {padding-right: 3%}
/*footer end*/

@media screen and (max-width: 1219px) {
    .is-hide {display: none;}
    .is-show {display: block}
}
@media screen and (max-width:1024px) {
    .footer-info{font-size: 14px;}
    .footer-info span{display: block;}
    .banner-content {
        height: 520px;
    }
}
@media screen and (max-width: 768px) {
    .banner-title {font-size: 30px;line-height:3.4rem;}
    .banner-subtitle {font-size: 36px;margin:0;}
    .banner-btn {width: 160px;font-size: 18px;}
    .banner-line-one {height: 5px;}
    .swiper-container-horizontal>.swiper-pagination {bottom: 3%;}
    .swiper-button-next, .swiper-button-prev {background-size: 30px;}
    .hide-sm {display: none;}
    .show-sm {display: block;}
    .footer-logo {line-height: 70px;}
    .footer-logo img {width: 100px;}
    .footer-info {margin-top: 0; margin-bottom: 2%;}
    .footer-a-e {padding-left: 0}
    .footer-copy {color: #666666; font-size: 12px; margin: 6px 0;}
    .accordion-bg {margin-bottom: 3%;}
    .banner-info {display:none;}
    .banner-line {margin-bottom: 10%}
    .banner-line-one {width: 108px;}
    .banner-line-two {width: 260px;}
    .banner-content {
        height: 340px;
    }
}
@media screen and (max-width: 767px) {
    .company-left {
        margin-right: 0;
    }
    .footer-info {font-size: 12px;}
    .banner-content {
        height: 320px;
    }
    .is-show {display: none}
}
@media screen and (max-width:425px) {
    .banner-title {font-size: 26px;line-height:2.8rem;}
    .banner-subtitle {font-size: 30px;margin:0;}
    .banner-btn {width: 140px;font-size: 16px;}
    .banner-line-one {height: 3px;}
    .swiper-container-horizontal>.swiper-pagination {bottom: 2%;}
    .swiper-button-next, .swiper-button-prev {width: 20px; background-size: 20px;}
    .banner-line-one {width: 90px;}
    .banner-line-two {width:200px;}
    .banner-content {
        height: 260px;
    }
    .company-title {font-weight:bold;font-size:16px;color:#666666; margin: 5.4% 0 3% 0;}
    .company-info {margin-bottom: 1.6%; font-size: 12px;}
    .news-menu-item {margin: 6% 8% 0 0;}
    .company-logos {margin: 1.2% 0 2.5% 0;}
    .company-logos img {width: 100%}
}
@media screen and (max-width:375px) {
    .banner-content {
        height: 230px;
    }
}
@media screen and (max-width:320px) {
    .banner-content {
        height: 200px;
    }
}