@charset "utf-8";

/*.index-banner{ position: relative; }*/
.section{ overflow: hidden; }
.header{ position: absolute; top: 0; left: 50%; margin-left: -600px; z-index: 2; }
.banner{ height: 100%; }
.swiper-slide{ overflow: hidden; }
.swiper-slide .banner-bg{height:100%;position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.bannerimg1 .text, .bannerimg4 .text{ position: absolute; left: 50%; top: 58%; width: 716px; height: 190px; margin-top: -95px; margin-left: -358px; color: #fff; }
.bannerimg1 .text .word, .bannerimg4 .text .word{ background: url(../images/bannerLine1.png) no-repeat center 33px; padding: 0 60px; line-height: 22px; text-align: center; font-size: 16px; margin-bottom: 24px; }
.bannerimg1 .text .word strong, .bannerimg4 .text .word strong{ font-size: 48px; display: block; margin-bottom: 38px; line-height: 69px; }
.bannerimg1 .text .word strong i{ color: #ff8901; }
.bannerimg1 .text .banner-a, .bannerimg4 .text .banner-a{ display: block; width: 160px; height: 40px; margin: 0 auto; line-height: 40px; text-align: center; color: #fff; background: #FF8901; font-size: 18px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.bannerimg2 .text{ position: absolute; left: 40%; top: 54%; width: 765px; height: 300px; margin-left: -387px; margin-top: -150px; color: #fff; overflow: hidden; }
.bannerimg2 .text .word{ line-height: 22px; font-size: 24px; margin-bottom: 54px; }
.bannerimg2 .text .word strong{ font-size: 48px; display: block; margin-bottom: 20px; line-height: 69px; }
.bannerimg2 .text .line{ display: block; margin-top: 60px; height: 4px; width: 54px; background: #ff8901; margin-bottom: 76px; }
.bannerimg3 .text{ position: absolute; left: 50%; top: 65%; width: 420px; height: 40px; margin-left: -210px; color: #fff; overflow: hidden; }
.bannerimg2 .text .banner-a, .bannerimg2 .text .banner-a1, .bannerimg3 .text .banner-a, .bannerimg3 .text .banner-a1{ display: block; width: 160px; height: 40px; margin: 0 25px; line-height: 36px; text-align: center; color: #fff; background: #FF8901; font-size: 18px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 2px solid #ff8901; }
.bannerimg2 .text .banner-a{ margin-left: 0; }
.bannerimg3 .text .banner-a1, .bannerimg2 .text .banner-a1{ color: #ff8901; background: transparent; }
.bannerimg4 .text{ width: 840px; left: 63%; top: 55% }
.bannerimg4 .text .word{ background: none; font-size: 24px; margin-bottom: 44px; }
.bannerimg4 .text .word strong{ margin-bottom: 20px; }
.bannerimg4 .text .banner-a{ background: #1CD855; }
.swiper-slide .imgnr{position:absolute;top:50%;left:50%;margin-left:-568px;margin-top:-288px;width:auto;}
/* 首页产品中心 */
.index-title{ text-align: center; width: 423px; margin: 0 auto; color: #979797; line-height: 22px; margin-bottom: 6%; padding-top: 4%; }
.index-title h1{ position: relative; width: 340px; margin: 0 auto; border-bottom: 1px solid #979797; font-size: 36px; line-height: 50px; color: #373737; padding-bottom: 15px; font-weight: bold; margin-bottom: 14px; }
.index-title h1:after{ content: ''; display: block; width: 50px; height: 6px; background: #ff8901; position: absolute; left: 50%; margin-left: -25px; bottom: -3px; line-height: 0; }
.index-title p{ font-size: 16px; }
.in-product{ min-height: 400px; }
.in-pro-list{ width: 1200px; margin: 0 auto; overflow: hidden; }
.in-pro-list li{ float: left; width: 202px; text-align: center; margin: 0 130px 83px 0; }
.in-pro-list li:nth-child(4n){ margin-right: 0; }
.in-pro-list li .img{ margin-bottom: 14px; }
.in-pro-list li p{ line-height: 28px; font-size: 20px; color: #4A4A4A; }

/* 首页产品中心 */
.index-safe{ background: url(../images/safe-bg.jpg) no-repeat center top; background-size: auto 100%; }
.index-safe .index-title, .index-safe .index-title h1{ color: #fff; }
.in-safe{ width: 1200px; height: 490px; margin: 0 auto; position: relative; padding-bottom: 60px; overflow: hidden; }
.in-safe .safe-img{ float: left; text-align: right; height: 100%; }
.in-safe .safe-img img{ height: 100%; }
.in-safe .text{ float: left; position: relative; height: 100%; width: 200px; }
.in-safe .text p{ font-size: 14px; color: #D3D3D3; line-height: 20px; }
.in-safe .text p em{ font-size: 18px; color: #fff; font-weight: normal; line-height: 25px; }
.in-safe .safe-item{ position: absolute; left: 0; top: 0; color: #fff; }
.in-safe .items1{ margin-left: -10px; top: 14%; }
.in-safe .items2{ margin-left: 10px; top: 45%; }
.in-safe .items3{ margin-left: -40px; top: 75%; }
.in-safe .items4{ top: auto; bottom: -30px; margin-left: -150px; margin-left: -130px/9; }
@media screen and (max-height: 900px ){
    .in-safe{ margin-top: -3%; }
}
@media screen and (max-width: 1367px){
    .in-safe{ height: 60%; }
    .index-title{ padding-top: 2%; margin-bottom: 3%; }
    .in-safe .items1{ margin-left: -10px; top: 14%; }
    .in-safe .items2{ margin-left: 10px; top: 45%; }
    .in-safe .items3{ margin-left: -30px; top: 74%; }
    .in-safe .items4{ top: auto; bottom: -30px; margin-left: -120px; }
}

/* 首页合作伙伴 */
.index-partner-wrap{ overflow: hidden; }
.in-partner{ overflow: hidden; width: 1200px; margin: 0 auto; }
.in-partner ul{ overflow: hidden; }
.in-partner ul li{ width: 240px; height: 124px; overflow: hidden; float: left; border-right: 1px solid #D4D4D4; border-top: 1px solid #D4D4D4; box-sizing: border-box; }
.in-partner ul li img{ width: 100%; height: 100%; }
.in-partner ul li.btop{ border-top: 0 none; }
.in-partner ul li:nth-child(5n){ border-right: 0 none; }

/* 首页新闻动态 */
.in-news{ overflow: hidden; width: 1200px; margin: 0 auto; }
.index-news-wrap{ overflow: hidden; }
.in-news .lf-news{ width: 374px; margin-right: 30px; overflow: hidden; cursor: pointer; }
.in-news .lf-news .img{ width: 374px; height: 242px; overflow: hidden; }
.in-news .lf-news .img img{ width: 100%; height: 100%; }
.in-news .lf-news .txt{ background: #1A2027; height: 43px; width: 100%; color: #fff; padding: 10px; line-height: 23px; box-sizing: border-box; -webkit-box-sizing: border-box; }
.in-news .lf-news .txt p{ width: 329px; padding-left: 25px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.in-news .lf-news .txt p:after{ position: absolute; content: ''; left: 5px; top: 8px; display: block; width: 4px; height: 4px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 2px solid #fff; }

.in-news-list{ width: 327px; }
.in-news-list li{ margin-bottom: 40px; overflow: hidden; cursor: pointer; }
.in-news-list li .time{ float: left; width: 64px; height: 64px; text-align: center; background: #EDEDED; margin-right: 15px; }
.in-news-list li .time strong{ font-size: 24px; line-height: 33px; color: #585858; display: block; padding-top: 5px; }
.in-news-list li .time span{ display: block; border-top: 1px solid #D4D4D4; font-size: 12px; color: #7A7A7A; line-height: 20px; width: 96%; margin: 0 auto; }
.in-news-list li .text{ width: 247px; font-size: 14px; float: left; }
.in-news-list li .text h4{ color: #585858; line-height: 20px; margin-bottom: 10px; }
.in-news-list li:hover .text h4{ color: #ff8901; }
.in-news-list li .text p{ line-height: 18px; height: 36px; overflow: hidden; color: #979797; }

.rg-news li{ width: 426px; overflow: hidden; margin-bottom: 40px; cursor: pointer; }
.rg-news li .img{ float: left; width: 187px; height: 121px; margin-right: 20px; overflow: hidden; }
.rg-news li .img img{ width: 100%; height: 100%; }
.rg-news li .text{ width: 218px; float: left; }
.rg-news li .text h4{ color: #585858; line-height: 20px; margin-bottom: 10px; }
.rg-news li:hover .text h4{ color: #ff8901; }
.rg-news li .text p{ line-height: 20px; height: 60px; overflow: hidden; color: #979797; margin-bottom: 20px; }
.rg-news li .text .time{ text-align: right; color: #979797; font-size: 12px; }


.pro-header{ background: url(../images/pro-banner.jpg) no-repeat top center; }


@media screen and (min-width:1024px) and (max-width: 1200px) {
    .header .hd-right {margin-right:50px;}
    .header {width:1024px;margin-left:-500px;}
}
@media screen and (max-width:1024px) {
    .header {width:1000px;margin-left:-500px;}
    .header .hd-right {margin-right:30px;}
}