@charset "utf-8";

/*首页*/
.main {
    overflow: hidden;
}

.main {
    position: relative;
}

.banners {
    position: relative;
    height: 100%;
    width: 100%;
}

    .banners .swiper-container {
        height: 100%;
        width: 100%;
        min-width: 1200px;
        overflow: hidden;
        position: absolute;
        left: 0;
        top: 0;
    }

    .banners .arrow-left {
        background: url(../img/index/left.png) no-repeat center center;
        position: absolute;
        left: 40px;
        top: 50%;
        margin-top: -22px;
        width: 23px;
        height: 45px;
        z-index: 3;
        opacity: 0.7;
    }

        .banners .arrow-left:hover {
            opacity: 1;
        }

    .banners .arrow-right {
        background: url(../img/index/right.png) no-repeat center center;
        position: absolute;
        right: 40px;
        top: 50%;
        margin-top: -22px;
        width: 23px;
        height: 45px;
        z-index: 3;
        opacity: 0.7;
    }

        .banners .arrow-right:hover {
            opacity: 1;
        }

.home {
    width: 100%;
    height: 100%;
    position: relative;
}

    .home > img {
        width: 100%;
        height: 100%;
    }

.home-box {
    width: 80%;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -40%;
    top: 0;
    min-width: 1200px;
}

.home-l {
    margin-top: 20%;
}
.home-l p {
    opacity: 0;
}

.swiper-slide-active .home-l p:nth-child(1) {
    -webkit-animation: fadeInRight 1.0s ease-out;
    animation: fadeInRight 1.0s ease-out;
    animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}

.swiper-slide-active .home-l p:nth-child(2) {
    margin-top: 10px;
    -webkit-animation: fadeInRight 1.0s ease-out;
    animation: fadeInRight 1.0s ease-out;
    animation-delay: 1.4s;
    -webkit-animation-delay: 1.4s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}

.swiper-slide-active .home-l p:nth-child(3) {
    margin-top: 10px;
    margin-bottom: 15px;
    -webkit-animation: fadeInRight 1.0s ease-out;
    animation: fadeInRight 1.0s ease-out;
    animation-delay: 2.4s;
    -webkit-animation-delay: 2.4s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.home-l>a {
    opacity: 0;
}

.swiper-slide-active .home-l>a {
    display: block;
    -webkit-animation: fadeInUp 1.0s ease-out;
    animation: fadeInUp 1.0s ease-out;
    animation-delay: 3.4s;
    -webkit-animation-delay: 3.4s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.home-r {
    width: 50%;
    position: absolute;
    bottom: 10%;
    right: 0;
}

    .home-r img {
        width: 100%;
    }

/*关于我们*/
.content {
	width: 80%;
	height: 80%;
	margin: 110px auto 0;
	background-color: #ebebeb;
	min-width: 1200px;
	box-sizing: border-box;
	padding: 30px;
	overflow: hidden;
}
.cont{
	width: 80%;
	height: 100%;
	float: right;
}
.con-box{
	padding-right: 10px;
	max-height: 80%;
	margin-top: 5%;
	overflow-y: auto;
	overflow-x: hidden;
}
.about1-c img:first-child{
	float: left;
	width: 45%;
	height: auto;
}
.about1-c img:last-child{
	width: 52%;
	float: right;
	height: auto;
	margin-top: 5%;
}
.about1 p{
	font-size: 14px;
	color: #333;
	line-height: 24px;
	margin-top: 35px;
}

/*企业文化*/
.about2 img{
	width: 100%;
	height: auto;
    margin-bottom:30px;
}
.about2 h4{
	font-size: 24px;
	color: #333;
	margin: 30px 0 10px;
}
.about2 p {
    font-size: 14px;
    color: #333;
    line-height: 35px;
    padding-left: 10PX;
    padding-top: 10px;
}

/*领导致辞*/
.about3 h4{
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 15px;
}
.about3 p{
	font-size: 14px;
	color: #333;
	line-height: 24px;
	margin-bottom: 5px;
	text-indent: 2em;
}

/*专利技术*/
.about4 li{
	float: left;
	width: 30%;
	margin: 0 1.66%;
	box-sizing: border-box;
	padding: 10px;
	border: 1px solid #ccc;
}
.about4 li img{
	width: 100%;
	height: auto;
}

/*资质荣誉*/
.about5 li{
	float: left;
	width: 26%;
	margin: 0 3.666%;
	margin-bottom: 20px;
	box-sizing: border-box;
	border: 1px solid #ccc;
}
.about5 li img{
	width: 100%;
	height: auto;
}

/*电子地图*/
.contact h4{
	font-size: 16px;
	color: #333;
	line-height: 30px;
	padding-left: 30px;
	background: url(../img/contact/wz.png) no-repeat left center;
	margin-bottom: 10px;
}
.contact .map img{
	width: 100%;
	height: auto;
}

/*联系方式*/
.contact2-l{
	width: 40%;
	float: left;
}
.contact2-l h4{
	font-size: 24px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 25px;
}
.contact2-l p{
	font-size: 14px;
	color: #333;
	margin-bottom: 15px;
}
.contact2-l p span{
	font-size: 24px;
	color: #da251c;
}
.contact2-l li{
	font-size: 14px;
	color: #333333;
	line-height: 48px;
	border-bottom: 1px dashed #ccc;
}
.contact2-r{
	float: right;
	width: 48%;
	margin-right: 2%;
	margin-top: 29px;
}
.contact2-r li{
	border-bottom: 1px dashed #ccc;
	padding-bottom: 25px;
	padding-left: 60px;
	margin-bottom: 22px;
}
.contact2-r li span{
	float: left;
	line-height: 96px;
	padding-left: 35px;
	width: 100px;
}
.contact2-r li:first-child span{
	background: url(../img/wxs.png) no-repeat left center;
}
.contact2-r li:last-child span{
	background: url(../img/phones.png) no-repeat left center;
}
.contact2-r li img{
	width: 96px;
	height: 96px;
}

/*新闻中心*/
.news .time{
	float: left;
	width: 70px;
}
.news .time em{
	display: block;
	text-align: center;
	font-size: 30px;
	color: #333;
	font-weight: bold;
}
.news .time span{
	display: block;
	text-align: center;
	font-size: 14px;
	color: #666;
}
.news .news-c{
	float: left;
	width: 85%;
	margin-top: 10px;
	margin-left: 20px;
	transition: all ease-out .3s;
	-webkit-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s;
}
.news li{
	padding-bottom: 20px;
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 20px;
}
.news .news-c h4 a{
	display: block;
	font-size: 18px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news .news-c h4 a:hover{
	text-decoration: underline;
	color: #F40022;
}

.news .news-c p{
	line-height: 30px;
	font-size: 12px;
	color: #666;
}
.news li:hover .news-c{
	margin-left: 30px;
}
/*新闻详情*/
.news-tit{
	padding-bottom: 10px;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 20px;
}
.news-tit h2{
	font-size: 24px;
	color: #333;
	font-weight: bold;
	text-align: center;
	line-height: 50px;
}
.news-tit p{
	text-align: center;
}
.news-tit p span{
	margin: 0 20px;
}
.news-xq-c p{
	text-indent: 2em;
	font-size: 14px;
	color: #666;
	line-height: 24px;
	margin-bottom: 20px;
}
.news-xq-c ul{
	margin-top: 35px;
}
.news-xq-c ul li:nth-child(1) a{
	display: block;
	width: 118px;
	line-height: 38px;
	border: 1px solid #aaaaaa;
	text-align: center;
	border-radius: 50px;
	padding-left: 20px;
	background: url(../img/news/fh.png) no-repeat 25px center;
	font-size: 14px;
	color: #666;
	margin-bottom: 10px;
}
.news-xq-c ul li a{
	font-size: 14px;
	color: #787878;
}
.news-xq-c ul li:nth-child(2){
	line-height: 30px;
}

/*加盟支持*/
.join-zc h4:nth-child(1){
	margin-top: 0;
}
.join-zc h4{
	font-size: 18px;
	color: #333;
	font-weight: bold;
	margin-top: 35px;
}
.join-zc p{
	font-size: 14px;
	color: #333;
	line-height: 36px;
}

/*加盟条件*/
.join-tj h4{
	font-size: 18px;
	color: #333;
	font-weight: bold;
	margin-bottom: 8px;
}
.join-tj p{
	font-size: 14px;
	color: #333;
	line-height: 30px;
	margin-bottom: 20px;
}

/*视频中心*/
.video-box a{
	float: left;
    display:block;
	width: 48%;
	margin-right: 2%;
	position: relative;
    margin-bottom:20px;
}
/*.video-box a:nth-child(3n){
	margin-right: 0;
}*/
/*.video-box a img{
	width: 100%;
	height: auto;
}*/
/*.video-box a i{
	display: block;
	position: absolute;
	width: 50px;
	height: 50px;
	top: 50%;
	margin-top: -25px;
	left: 50%;
	margin-left: -25px;
	background: url(../img/video/sp_bg.png) no-repeat center center;
}*/

/*新品发布*/
.product-box a{
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
}
.product-box a:nth-child(3n){
	margin-right: 0;
}
.product-box a i{
	display: block;
	overflow: hidden;
	border: 1px solid #bfbfbf;
	background-color: #fff;
}
.product-box a:hover i{
	border-color: #F40022;
}
.product-box a i img{
	width: 100%;
	height: auto;
	transition: all ease-out .3s;
	-webkit-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s;
}
.product-box a:hover i img{
	transform: scale(0.9, 0.9);
	-moz-transform: scale(0.9, 0.9);
	-webkit-transform: scale(0.9, 0.9);
	-ms-transform: scale(0.9, 0.9);
}
.product-box a span{
	display: block;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #333;
}
.product-box a:hover span{
	color: #F40022;
}
/*产品详情*/
.xq-l{
	width: 45%;
	float: left;
}
.xq-l>img{
	width: 100%;
	height: auto;
}
.xq-l i{
	display: block;
}
.xq-l i img{
	width: 100%;
	height: auto;
}
.xq-l-c{
	height: 90px;
	padding: 0 20px;
	overflow: hidden;
	position: relative;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	margin-top: 20px;
}
.xq-l-c .swiper-container{
	height: 90px;
}
.xq-l-c .swiper-slide img{
	display: block;
	width: 95%;
	height: auto;
	margin: 0 auto;
	border: 1px solid #d7d7d7;
	box-sizing: border-box;
	padding: 2px;
}
.xq-l-c .swiper-slide:hover img{
	border: 3px solid #c6c6c6;
}
.xq-l-c .swiper-slide img.active{
	border: 3px solid #c6c6c6;
}
.xq-l-c .arrow-left {
  background: url(../img/product/left.png) no-repeat left top;
  position: absolute;
  left: 0px;
  top: 20px;
  width: 17px;
  height: 30px;
}
.xq-l-c .arrow-right {
  background: url(../img/product/right.png) no-repeat left bottom;
  position: absolute;
  right: 0px;
  top: 16px;
  width: 17px;
  height: 30px;
}
.xq-r{
	width: 52%;
	float: right;
}
.xq-tab{
	margin-bottom: 15px;
}
.xq-tab a{
	display: block;
	float: left;
	width: 130px;
	line-height: 36px;
	color: #fff;
	background-color: #a8a8a8;
	text-align: center;
}
.xq-tab a:first-child{
	margin-right: 5px;
}
.xq-tab a:hover,.xq-tab a.active{
	background-color: #F40022;
}
.xq-r-c div p{
	font-size: 14px;
	color: #454545;
	line-height: 30px;
}
.xq-r-c div table{
	width: 100% !important;
}
.xq-r-c div table td{
	line-height: 26px;
	font-size: 12px;
	color: #666;
	border: 1px solid #ccc;
    text-align: center !important;
}
/*.xq-r-c div table td:nth-child(1){
	width: 40%;
	text-align: center;
}
.xq-r-c div table td:nth-child(2){
	width: 60%;
	text-align: center;
}*/

/*售后服务*/
.marketing1 h2{
	font-size: 18px;
	margin-bottom: 10px;
	color: #333;
	font-weight: bold;
}
.marketing1 p{
	line-height: 30px;
	font-size: 14px;
	color: #333;
	margin-bottom: 25px;
}
.marketing1 img{
	width: 100%;
	height: auto;
}

/*加盟优势*/
.join-ys li{
	float: left;
	width: 31%;
	margin-right: 3.5%;
}
.join-ys li:nth-child(3n){
	margin-right: 0;
}
.join-ys li i{
	display: block;
	width: 158px;
	height: 224px;
	margin: 0 auto;
}
.join-ys li h4{
	font-size: 18px;
	color: #333;
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
}
.join-ys li:hover h4{
	color: #F40022;
}
.join-ys li p{
	font-size: 14px;
	color: #666;
	line-height: 24px;
}
.join-ys li:nth-child(1) i{
	background: url(../img/join/01.png) no-repeat center top;
}
.join-ys li:nth-child(1):hover i{
	background: url(../img/join/01s.png) no-repeat center top;
}
.join-ys li:nth-child(2) i{
	background: url(../img/join/02.png) no-repeat center top;
}
.join-ys li:nth-child(2):hover i{
	background: url(../img/join/02s.png) no-repeat center top;
}
.join-ys li:nth-child(3) i{
	background: url(../img/join/03.png) no-repeat center top;
}
.join-ys li:nth-child(3):hover i{
	background: url(../img/join/03s.png) no-repeat center top;
}

/*网络分布*/
.fbdt{
	width: 60%;
	float: left;
}
.fbdt div img{
	width: 100%;
}
.fusj{
	width: 30%;
	float: right;
	background-color: #fff;
	box-sizing: border-box;
	padding: 30px;
	margin-right: 5%;
}
.fusj div a{
	display: block;
	text-align: center;
	line-height: 46px;
	color: #fff;
	font-size: 16px;
}
.fusj div a:first-child{
	background: url(../img/dz2.png) no-repeat 25% center;
	background-color: #a4a4a4;
	margin-bottom: 10px;
}
.fusj div a:last-child{
	background: url(../img/qiu.png) no-repeat 25% center;
	background-color: #a4a4a4;
}
.fusj div a:hover,.fusj div a.active{
	background-color: #df180e;
}
.fusj h4{
	font-size: 20px;
	color: #333;
	font-weight: bold;
	margin-top: 25px;
}
.fusj p{
	font-size: 14px;
	color: #333;
	line-height: 30px;
}
.fusj i{
	display: block;
	margin-top: 15px;
}
.fusj i img{
	margin: 0 auto;
	width: 120px;
	height: 120px;
	border: 1px solid #ddd;
}
.fusj i span{
	display: block;
	text-align: center;
	line-height: 40px;
	color: #333;
}
.fbdt div{
	position: relative;
}
.fbdt div i{
	display: block;
	width: 16px;
	height: 22px;
	background: url(../img/dz2.png) no-repeat center center;
	position: absolute;
	cursor: pointer;
}
.fbdt div i:nth-child(1){
	top: 74%;
	right: 29%;
}
.fbdt div i:nth-child(2){
	top: 60%;
	right: 30%;
}
.fbdt div i:nth-child(3){
	top: 74%;
	right: 24%;
}
.fbdt div i:nth-child(4){
	top: 66%;
	right: 24%;
}
.fbdt div i:nth-child(5){
	top: 55%;
	right: 30%;
}
.fbdt div i:nth-child(6){
	top: 76%;
	right: 20%;
}
.fbdt div i:nth-child(7){
	top: 82%;
	right: 38%;
}
.fbdt div i:nth-child(8){
	top: 64%;
	right: 14%;
}
.fbdt div i:nth-child(9){
	top: 60%;
	right: 50%;
}
.fbdt div i:nth-child(10){
	top: 62%;
	right: 42%;
}
.fbdt div i:nth-child(11) {
    top: 70%;
    right: 44%;
}
.fbdt div i:nth-child(12) {
    top: 36%;
    right: 65%;
}
.fbdt div i:nth-child(13) {
    top: 79%;
    right: 53%;
}
.fbdt div i:hover,.fbdt div i.active{
	background: url(../img/dz2s.png);
	transform: scale(1.3, 1.3);
	-moz-transform: scale(1.3, 1.3);
	-webkit-transform: scale(1.3, 1.3);
	-ms-transform: scale(1.3, 1.3);
}

/*2018-03-09*/
.contact2-l p span{
    display:block;
}




.banerh1 {
	font-size:60px;color:#fff; font-weight:bold;line-height:60px;
}

.banerh2 {
	font-size: 24px;
	color: #fff; 
	line-height: 60px;
}

.banerh3 {
	font-size: 30px;
	color: #fff;
	line-height: 80px;
	font-weight: bold;
}