@charset "utf-8";

body {
	background:#fff;
}


.fl {
	float: left;
}

.fr {
	float: right;
}

.qing {
	display: block;
	clear: both;
}
.palr{
	padding-left:60px;
	padding-right:60px;
}
.patb{
	padding-top: 56px;
	padding-bottom: 70px;
}
.patb2{
	padding-top: 28px;
	padding-bottom: 50px;
}
/**********************index**********************/
.banner-pc{
	display: block;
}
.banner-sj{
	display: none;
}
.banner{
	position: relative;
}
.oem-pc{
	display: block;
}
.oem-sj{
	display: none;
}
.oem{
	position: relative;
	width:100%;
}
.swiper-pagination-ban{
	display: block;
	bottom: 26px;
}
.swiper-pagination-ban .swiper-pagination-bullet{
	width: 14px;
	height: 14px;
	border-radius: 7px;
	background: #fff;
	opacity: 1;
}
.swiper-pagination-ban .swiper-pagination-bullet-active{
	width: 32px;
	background: #1A73E9;
}

.swiper-container-inxw .swiper-pagination-inxw{
	text-align: right;
}
.swiper-pagination-inxw .swiper-pagination-bullet{
	background-color: transparent;
	width: auto;
	height: auto;
	opacity: 1;
	margin: 0 8px;
}
.swiper-pagination-inxw .swiper-pagination-bullet-active{
	background-color: transparent;
	color: #e0141f;
	
}
.swiper-container-inxw .swiper-button-next-inxw, .swiper-container-inxw .swiper-button-prev-inxw{
	width: 60px;
	height: 60px;
	left: auto;
	right: auto;
	top: auto;
}
.swiper-container-inxw .swiper-button-prev-inxw{
	background: url(../images/in-xwjt1.jpg) center center no-repeat;
	background-size: cover !important;
	left:51.7%;
	bottom: 0;
}
.swiper-container-inxw .swiper-button-next-inxw{
	background: url(../images/in-xwjt2.jpg) center center no-repeat;
	background-size: cover !important;
	left: calc(51.7% + 60px);
	bottom: 0;
}









.sec2 {

    position: relative;

    width: 100%;

    background: url(../images/sec2-bgi.png) no-repeat center center;

    background-size: cover;

    padding-bottom: 21px;

}



.sec2-top {

    position: relative;

    width: 100%;

    background: url(../images/sec2-top-bgi.jpg) no-repeat center center;

    background-size: cover;

    padding: 54px 82px 45px;

    margin-bottom: 85px;

}



.sec2-top-text {

    font-size: 26px;

    font-family: CenturyGothic-Bold;

    color: #FFFFFF;

    line-height: 38px;

    text-align: center;

}



.sec2-top-text a, .sec2-top-text a:hover {

    color: #fff;

}



.sec2-top-text span {

    font-family: CenturyGothic;

}



.sec2-top-btn {

    margin-top: 25px;

    text-align: center;

}



.sec2-top-btn a {

    min-width: 194px;

    padding: 7px 20px;

    border: 1px solid #FFFFFF;

    border-radius: 6px;

    color: #fff;

}



.sec2-top-btn a:hover {

    background: #BED62F;

    border-color: #BED62F;

    color: #fff;

}



.sec2-info {

    position: relative;

    width: 100%;

    padding-bottom: 14px;

}



.sec-title {

    position: relative;

    font-size: 48px;

    font-family: CenturyGothic-Bold;

    color: #333333;

    line-height: 56px;

}



.sec2-btn {

    position: absolute;

    right: 0;

    bottom: 0;

}



.sec2-btn a {

    min-width: 194px;

    padding: 6px 20px;

    border: 2px solid #BED62F;

    border-radius: 6px;

    color: #BED62F;

}



.sec2-btn a:hover {

    background: #BED62F;

    border-color: #BED62F;

    color: #fff;

}



.sec2-tbody {

    position: relative;

    width: 100%;

    padding-top: 20px;

}



.sec2-tbody-menu {

    font-size: 0;

    letter-spacing: 0;

    margin-left: -30px;

    margin-right: -30px;

}



.sec2-menu-item {

    display: inline-block;

    vertical-align: top;

    margin: 0 30px;

}



.sec2-menu-item .item-name {

    font-size: 18px;

    color: #333333;

    line-height: 28px;

}



.sec2-menu-item:hover .item-name, .sec2-menu-item.active .item-name {

    color: #BED62F;

}



.sec2-menu-tbody {

    position: relative;

    width: 100%;

    padding-top: 74px;

}



.sec2-menu-list {

    display: none;

    position: relative;

    font-size: 0;

    letter-spacing: 0;

    margin-left: -21px;

    margin-right: -21px;

    transition: all .3s;

}



.sec2-list-item {

    position: relative;

    display: inline-block;

    vertical-align: top;

    width: 33.3333333333333%;

    padding: 0 21.5px;

    margin-bottom: 31px;

    transition: all .3s;

}



.sec2-list-item .item-box {

    position: relative;

    width: 100%;

    transition: all .3s;

}



.sec2-list-item .item-box:hover {

    background: #FFFFFF;

    border: 1px solid #EBEBEB;

    box-shadow: 0px 3px 29px 0px rgba(0, 0, 0, 0.2);

    border-radius: 12px;

}



.sec2-list-item .item-box .item-pic {

    position: relative;

    width: 100%;

    border: 1px solid #EBEBEB;

}



.sec2-list-item .item-box:hover .item-pic {

    border: 0;

    border-radius: 12px;

}



.sec2-list-item .item-box .item-backdrop {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 100%;

    top: 0px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid #EBEBEB;

    background: rgba(51,51,51,.5);

    border-radius: 12px;

    transition: all .3s;

}



.sec2-list-item .item-box:hover .item-backdrop {

    left: 0;

}



.sec2-list-item .item-box .item-linkbox {

    position: relative;

    width: 42px;

    height: 42px;

}



.sec2-list-item .item-box .item-linkbox img {

    width: 100%;

    position: relative;

    display: block;

}



.sec2-list-item .item-box .item-body {

    padding: 26px 0 29px;

    position: relative;

    width: 100%;

}



.sec2-list-item .item-box:hover .item-body {

    padding: 26px 25px 29px;

}



.sec2-list-item .item-body .item-title {

    font-size: 18px;

    font-family: CenturyGothic-Bold;

    color: #333333;

    line-height: 30px;

}



.sec2-list-item .item-body .item-desc {

    font-size: 16px;

    margin-top: 4px;

    color: #666666;

    line-height: 30px;

}



@media (min-width: 1260px) and (max-width: 1459px) {

    .sec2 {

        padding-bottom: 21px;

    }



    .sec2-top {

        padding: 54px 82px 45px;

        margin-bottom: 76px;

    }



    .sec2-top-text {

        font-size: 26px;

        line-height: 38px;

    }



    .sec2-top-btn {

        margin-top: 25px;

    }



    .sec2-top-btn a {

        min-width: 194px;

        padding: 7px 20px;

    }



    .sec2-info {

        padding-bottom: 14px;

    }



    .sec-title {

        font-size: 48px;

        line-height: 56px;

    }



    .sec2-btn {

        position: absolute;

    }



    .sec2-btn a {

        min-width: 194px;

        padding: 6px 20px;

    }



    .sec2-tbody {

        padding-top: 20px;

    }



    .sec2-tbody-menu {

        margin-left: -30px;

        margin-right: -30px;

    }



    .sec2-menu-item {

        margin: 0 30px;

    }



    .sec2-menu-item .item-name {

        font-size: 18px;

        line-height: 28px;

    }



    .sec2-menu-tbody {

        padding-top: 74px;

    }



    .sec2-menu-list {

        margin-left: -21px;

        margin-right: -21px;

    }



    .sec2-list-item {

        width: 33.3333333333333%;

        padding: 0 21.5px;

        margin-bottom: 31px;

    }



    .sec2-list-item .item-box .item-linkbox {

        width: 42px;

        height: 42px;

    }



    .sec2-list-item .item-box .item-body {

        padding: 26px 0 29px;

    }



    .sec2-list-item .item-box:hover .item-body {

        padding: 26px 25px 29px;

    }



    .sec2-list-item .item-body .item-title {

        font-size: 18px;

        line-height: 30px;

    }



    .sec2-list-item .item-body .item-desc {

        font-size: 16px;

        margin-top: 4px;

        line-height: 30px;

    }

}



@media (min-width: 992px) and (max-width: 1259px) {

    .sec2 {

        padding-bottom: 18px;

    }



    .sec2-top {

        padding: 48px 64px 40px;

        margin-bottom: 65px;

    }



    .sec2-top-text {

        font-size: 24px;

        line-height: 36px;

    }



    .sec2-top-btn {

        margin-top: 24px;

    }



    .sec2-top-btn a {

        min-width: 180px;

        padding: 6px 18px;

    }



    .sec2-info {

        padding-bottom: 12px;

    }



    .sec-title {

        font-size: 42px;

        line-height: 50px;

    }



    .sec2-btn {

        position: absolute;

    }



    .sec2-btn a {

        min-width: 180px;

        padding: 5px 18px;

    }



    .sec2-tbody {

        padding-top: 18px;

    }



    .sec2-tbody-menu {

        margin-left: -24px;

        margin-right: -24px;

    }



    .sec2-menu-item {

        margin: 0 24px;

    }



    .sec2-menu-item .item-name {

        font-size: 17px;

        line-height: 26px;

    }



    .sec2-menu-tbody {

        padding-top: 62px;

    }



    .sec2-menu-list {

        margin-left: -15px;

        margin-right: -15px;

    }



    .sec2-list-item {

        width: 33.3333333333333%;

        padding: 0 15px;

        margin-bottom: 26px;

    }



    .sec2-list-item .item-box .item-linkbox {

        width: 38px;

        height: 38px;

    }



    .sec2-list-item .item-box .item-body {

        padding: 20px 0 22px;

    }



    .sec2-list-item .item-box:hover .item-body {

        padding: 20px 20px 22px;

    }



    .sec2-list-item .item-body .item-title {

        font-size: 18px;

        line-height: 28px;

    }



    .sec2-list-item .item-body .item-desc {

        font-size: 16px;

        margin-top: 4px;

        line-height: 28px;

    }

}



@media (max-width: 991px) {

    .sec2 {

        padding-bottom: 18px;

    }



    .sec2-top {

        padding: 40px 40px 32px;

        margin-bottom: 50px;

    }



    .sec2-top-text {

        font-size: 20px;

        line-height: 32px;

    }



    .sec2-top-btn {

        margin-top: 20px;

    }



    .sec2-top-btn a {

        min-width: 164px;

        padding: 5px 16px;

    }



    .sec2-info {

        padding-bottom: 10px;

    }



    .sec-title {

        font-size: 36px;

        line-height: 44px;

    }



    .sec2-btn {

        position: absolute;

    }



    .sec2-btn a {

        min-width: 164px;

        padding: 4px 16px;

    }



    .sec2-tbody {

        padding-top: 16px;

    }



    .sec2-tbody-menu {

        margin-left: -18px;

        margin-right: -18px;

    }



    .sec2-menu-item {

        margin: 0 18px;

    }



    .sec2-menu-item .item-name {

        font-size: 16px;

        line-height: 24px;

    }



    .sec2-menu-tbody {

        padding-top: 50px;

    }



    .sec2-menu-list {

        margin-left: -6px;

        margin-right: -6px;

    }



    .sec2-list-item {

        width: 33.3333333333333%;

        padding: 0 6px;

        margin-bottom: 20px;

    }



    .sec2-list-item .item-box .item-linkbox {

        width: 34px;

        height: 34px;

    }



    .sec2-list-item .item-box .item-body {

        padding: 16px 0 18px;

    }



    .sec2-list-item .item-box:hover .item-body {

        padding: 16px 12px 18px;

    }



    .sec2-list-item .item-body .item-title {

        font-size: 18px;

        line-height: 28px;

    }



    .sec2-list-item .item-body .item-desc {

        font-size: 15px;

        margin-top: 4px;

        line-height: 26px;

    }

}



@media (max-width: 767px) {

    .sec2 {

        padding-bottom: 16px;

    }



    .sec2-top {

        padding: 30px 15px 26px;

        margin-bottom: 30px;

    }



    .sec2-top-text {

        font-size: 18px;

        line-height: 30px;

    }



    .sec2-top-btn {

        margin-top: 18px;

    }



    .sec2-top-btn a {

        min-width: 150px;

        padding: 4px 14px;

    }



    .sec2-info {

        padding-bottom: 8px;

    }



    .sec-title {

        font-size: 30px;

        line-height: 38px;

    }



    .sec2-btn {

        position: relative;

        margin-top: 16px;

    }



    .sec2-btn a {

        min-width: 150px;

        padding: 3px 14px;

    }



    .sec2-tbody {

        padding-top: 14px;

    }



    .sec2-tbody-menu {

        margin-left: -12px;

        margin-right: -12px;

    }



    .sec2-menu-item {

        margin: 0 12px;

    }



    .sec2-menu-item .item-name {

        font-size: 16px;

        line-height: 24px;

    }



    .sec2-menu-tbody {

        padding-top: 40px;

    }



    .sec2-menu-list {

        margin-left: -15px;

        margin-right: -15px;

    }



    .sec2-list-item {

        width: 50%;

        padding: 0 15px;

        margin-bottom: 20px;

    }



    .sec2-list-item .item-box .item-linkbox {

        width: 36px;

        height: 36px;

    }



    .sec2-list-item .item-box .item-body {

        padding: 14px 0 16px;

    }



    .sec2-list-item .item-box:hover .item-body {

        padding: 14px 12px 16px;

    }



    .sec2-list-item .item-body .item-title {

        font-size: 18px;

        line-height: 28px;

    }



    .sec2-list-item .item-body .item-desc {

        font-size: 15px;

        margin-top: 4px;

        line-height: 26px;

    }

}



@media (max-width: 520px) {

    .sec2 {

        padding-bottom: 16px;

    }



    .sec2-top {

        padding: 24px 12px 20px;

        margin-bottom: 30px;

    }



    .sec2-top-text {

        font-size: 18px;

        line-height: 28px;

    }



    .sec2-top-btn {

        margin-top: 16px;

    }



    .sec2-top-btn a {

        min-width: 140px;

        padding: 4px 12px;

    }



    .sec2-info {

        padding-bottom: 8px;

    }



    .sec-title {

        font-size: 24px;

        line-height: 32px;

    }



    .sec2-btn {

        position: relative;

        margin-top: 16px;

    }



    .sec2-btn a {

        min-width: 140px;

        padding: 3px 14px;

    }



    .sec2-tbody {

        padding-top: 14px;

    }



    .sec2-tbody-menu {

        margin-left: -12px;

        margin-right: -12px;

    }



    .sec2-menu-item {

        margin: 0 12px;

    }



    .sec2-menu-item .item-name {

        font-size: 16px;

        line-height: 24px;

    }



    .sec2-menu-tbody {

        padding-top: 40px;

    }



    .sec2-menu-list {

        margin-left: -6px;

        margin-right: -6px;

    }



    .sec2-list-item {

        width: 50%;

        padding: 0 6px;

        margin-bottom: 20px;

    }



    .sec2-list-item .item-box .item-linkbox {

        width: 32px;

        height: 32px;

    }



    .sec2-list-item .item-box .item-body {

        padding: 14px 0 16px;

    }



    .sec2-list-item .item-box:hover .item-body {

        padding: 14px 12px 16px;

    }



    .sec2-list-item .item-body .item-title {

        font-size: 18px;

        line-height: 28px;

    }



    .sec2-list-item .item-body .item-desc {

        font-size: 14px;

        margin-top: 4px;

        line-height: 24px;

    }

}



@keyframes changeImg {

    from {

        box-shadow: rgba(235, 90, 39, .21) 0 0 0 2px;

    }

    50% {

        box-shadow: rgba(235, 90, 39, .21) 0 0 0 10px;

    }

    100% {

        box-shadow: rgba(235, 90, 39, .21) 0 0 0 2px;

    }

}



@keyframes changeImg2 {

    from {

        box-shadow: rgba(235, 90, 39, .02) 0 0 0 3px;

    }

    50% {

        box-shadow: rgba(235, 90, 39, .02) 0 0 0 15px;

    }

    100% {

        box-shadow: rgba(235, 90, 39, .02) 0 0 0 3px;

    }

}



.sy-article {
height: 400px;
overflow: auto;
}