.containers {width: 100%; max-width: 1200px;margin: 0 auto;}
.mar1 {margin-top: 1%;}
.mar2 {margin-top: 2%;}
.mar3 {margin-top: 3%;}
.mar4 {margin-top: 4%;}
.mar5 {margin-top: 5%;}
.center {text-align: center;}
.upp {text-transform: uppercase;}
.right {text-align: right;}
.white {color: #fff;}
.white i {background: #fff;}
.contact img {width: auto;max-width: 100%;}
.row1 {overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:1;}
.row2 {overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.row3 {overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:3;}
.row4 {overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:4;}

.banner {max-height: 750px;overflow: hidden;}
.banner .swiper-paginations {bottom: 20px;position: absolute;text-align: center;z-index: 10;}

/*-- main products --sub1 --*/
.sub1-nr {margin-top: 8%;}
.sub1-item {padding: 0;margin: -1px 0 0 -1px;border: 1px solid #d6d6d6;cursor: pointer;}
.sub1-list {text-align: center;}
.sub1-list p {height: 67px;display: inline-flex;flex-direction: column;justify-content: center;padding: 0 14%;}
.sub1-list1 span {display: block;font-size: 26px;font-weight: bold;text-transform: uppercase;margin:10px 0 20px;}
.sub1-list1 {padding-top: 23%;}
.sub1-img {position: relative;overflow: hidden;}
.sub1-img img {transition: all 0.5s ease;}
.sub1-img img:nth-child(2) {position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;}
.sub1-item:hover .sub1-img img:nth-child(2) {opacity: 1;}
.sub1-cricle {position: relative;width: 60px;height: 30px;margin: 0 auto;display: inline-block;vertical-align: middle;}
.dot {width: 6px;height: 6px;background: #165eb7;border-radius: 50%;position: absolute;top: calc(50% - 5px);}
.dot1 {
    left: 0px;
    -webkit-animation: dot-jump 0.5s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
    animation: dot-jump 0.5s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
}
.dot2 {
    left: 20px;
    -webkit-animation: dot-jump 0.5s 0.2s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
    animation: dot-jump 0.5s 0.2s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
}
.dot3 {
    left: 40px;
    -webkit-animation: dot-jump 0.5s 0.4s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
    animation: dot-jump 0.5s 0.4s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
}
@-webkit-keyframes dot-jump {
    0% {-webkit-transform: translateY(0);transform: translateY(0);}
    100% {-webkit-transform: translateY(-15px);transform: translateY(-15px);}
}
@keyframes dot-jump {
    0% {-webkit-transform: translateY(0);transform: translateY(0);}
    100% {-webkit-transform: translateY(-15px);transform: translateY(-15px);}
}

/*-- Partners --sub2 --*/
.sub2-nr {background: url(../img/sub2-bg.jpg) no-repeat left top;}
.sub2-cont {display: none;}

/*-- company profile --sub3 --*/
.sub3 {overflow: hidden;}
.sub3-top {max-width: 1320px;margin: 4% auto 0;background: #ededed;position: relative;}
.sub3-top::before {content: "";position: absolute;right: -50%;top: 0;width: 100%;height: 100%;background: #ededed;z-index: -1;}
.sub3-left {float: left;width: 59.4%;position: relative;z-index: 2;margin-right:20px;}
.sub3-tit {display: block;font-size: 60px;color: #ffffff;text-transform: uppercase;font-weight: bold;writing-mode: tb-rl;
	position: absolute;bottom: 0;left: -16.5%;background: #165eb7;padding: 25px 20px;}
.sub3-rig {padding: 30px 20px 30px 30px;color: #333333;z-index: 2;}
.sub3-nr {color: #333333;font-size: 17px;line-height: 32px;}
.sub3-rig .a-btn {display: flex;align-items: center;justify-content: space-evenly;width: 141px;height: 27px;font-size: 14px;
	border: 1px solid #333333;border-radius: 30px;text-transform: uppercase;color: #333333;margin: 20px 0 0;}
.sub3-bott {margin-top: 24px;padding: 0;}
.sub3-item {padding: 0 8px;}

/*-- news --sub4 --*/
.sub4 {margin-top: 3%;}
.sub4-nr {margin-top: 8%;}
.sub4-box {padding: 15px 0 0;}
.sub4-box h4 {font-size: 20px;line-height: 24px;}
.sub4-box time {display: block;font-size: 17px;color: #888;margin: 10px 0;}
.sub4-box p {font-size: 17px;color: #888;line-height: 28px;}
.sub4-box a {display: flex;justify-content: space-evenly; align-items: center;color: #165eb7;margin-top: 25px;
	font-size: 14px;border: 1px solid #165eb7;border-radius: 30px;width: 141px;height: 27px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.sub4-item:hover .sub4-box a {background: #165eb7;color: #fff;}

/*-- 关于我们页 --*/
.abo1-nr {margin-top:5%;line-height:32px;color: #555;font-size: 18px;}
.abo1-top,.abo1-bott {display: flex;justify-content: space-between;flex-wrap: wrap;}
.abo1-top div:nth-child(1) {width: 65%;}
.abo1-top div:nth-child(2) {width: 34.5%;}
.abo1-top div:nth-child(3) {width: 32.8%;}
.abo1-top div:nth-child(4) {width: 66.4%;}
.abo1-top div {margin-bottom: 9px;}
.abo1-item {padding: 0 4.5px;}
.abo2 {padding: 0;}
.abo2-nr {display: flex;justify-content: space-between;}
.abo2-nr .abo2-item:nth-child(1) .abo2-icon {background: url(../img/abo2-iconbg1.jpg) no-repeat left top;background-size: 100% 100%;}
.abo2-nr .abo2-item:nth-child(2) .abo2-icon {background: url(../img/abo2-iconbg2.jpg) no-repeat left top;background-size: 100% 100%;}
.abo2-nr .abo2-item:nth-child(3) .abo2-icon {background: url(../img/abo2-iconbg3.jpg) no-repeat left top;background-size: 100% 100%;}
.abo2-nr .abo2-item:nth-child(4) .abo2-icon {background: url(../img/abo2-iconbg4.jpg) no-repeat left top;background-size: 100% 100%;}
.abo2-nr .abo2-item:nth-child(5) .abo2-icon {background: url(../img/abo2-iconbg5.jpg) no-repeat left top;background-size: 100% 100%;}
.abo2-icon img {transition: .6s; transform:rotateY(0deg);-ms-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);-o-transform:rotateY(0deg);}
.abo2-item:hover .abo2-icon img {transform:rotateY(360deg);-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(360deg);}
.abo2-item {width:18.4%;}
.abo2-icon {width: 100%;height: 180px;display: -ms-flexbox;-ms-flex-pack: center;-ms-flex-align: center;display: -moz-box;-moz-box-pack: center;-moz-box-align: center;
	display: -webkit-box;-webkit-box-pack: center;-webkit-box-align: center;display: box;box-pack: center;}
.abo2-box {background: #eee;padding: 20px;text-align: center;}
.abo2-box h5 {font-size: 20px;font-weight: bold;color: #165eb7;text-transform: uppercase;line-height: 24px;min-height: 48px;padding: 0 15px;}
.abo2-box p {font-size: 17px;color: #888;line-height: 24px;margin-top: 20px;min-height: 120px;}
.abo3 {background: url(../img/abo3-bg.jpg) no-repeat left top;}
.abo4 {display: none;}

/*-- 产品列表页 --*/
.pro-left {float: left;width: 25%;}
.accordion {width: 100%;z-index: 10;position: relative;}
.accordion li {display: block;margin-bottom: 5px;}
.accordion li i { display: block; position: absolute;right:0;top:0px;background: url(../img/rig.png) no-repeat center center; width:40px; height:100%;}
.accordion li .open i {background: url(../img/up.png) no-repeat center center;width:40px;height:100%;}
.link {position: relative;}
.link a {color: #333;display: block;padding: 0 20px;font-size:18px; display: flex;align-items: center;line-height: inherit;height: 45px;background: #e5e5e5;}
.accordion .default a {color: #165eb7;}
.submenu-body {}
.submenu-body a {display:flex;height: 60px;align-items: center; color: #333;font-size:15px; padding: 0 0 0 20px;border-bottom: 1px dashed #c1c1c1;}
.submenu-body li:last-child a {border: none;}
.submenu-body li {border: none;}
.submenu-body a:hover {color: #165eb7;}
.submenu-body .active a {color: #165eb7;}
.pro-rig {float: right;width: 75%;padding-left: 30px;}
.pro-box  {display: flex;justify-content: space-between;align-items: center;margin-top: 20px;}
.pro-box span {font-size: 18px;width: 60%;}
.pro-box a {display:inline-block;line-height: 30px;padding: 0 10px;border: 1px solid #888;border-radius: 30px;color: #888;
	-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.pro-img {border: 1px solid #e5e5e5;}
.pro-item {padding: 0 12px;margin-bottom: 25px;cursor: pointer;}
.pro-item:hover .pro-box a {background: #165eb7;color: #fff;}

/*-- 产品详情页 --*/
.pro-zuo {padding-right: 9.5%;}
.pro-zuo .swiper-nr {padding: 1px;}
.big {border: 1px solid #e5e5e5;}
.pro-bt a {display: block;color: #888;text-transform: uppercase;}
.pro-bt a:hover {color: #165eb7;text-decoration: underline;}
.pro-bt h1 {display: block;font-size: 38px;font-weight: bold;padding:20px 0;border-bottom: 1px solid #ededed;}
.pro-attr {margin-top: 30px;}
.pro-attr li {display: block;margin-bottom: 15px;}
.pro-attr span {display: inline-block;min-width: 177px;line-height: 31px;border: 1px solid #eee;border-radius: 30px;padding: 0 15px;color: #aaa;margin:0 15px 0 0;}
.pro-app {background: #eee;padding: 20px;}
.pro-you {padding: 0 15px 0 0;position: relative;}
.pro-app {position: absolute;bottom: 0;left: 0;width: 98%;cursor: pointer;}
.pro-bt2 {color: #888;text-transform: uppercase;}
.pro-bott {border-top: 2px solid #165eb7;padding-top: 3%;}
.pro-app:hover .pro-bt2 {color: #165eb7;}

/*-- 新闻列表页 --*/
.news-item {position: relative; padding-right: 30px;margin-bottom: 30px;cursor: pointer; -moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.news-item::before {content: "";position: absolute;right: 0;bottom: 0;width:4px;height: 0; background: #165eb7;opacity: 0;
	-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.news-rig {padding: 20px 15px 0 30px;}
.news-rig h5 {font-size: 26px;font-weight: bold;text-transform: uppercase;max-width: 80%;}
.news-rig p {font-size: 17px;color: #888;line-height: 24px;max-width: 80%;margin: 20px 0;}
.news-time {display: flex;justify-content: space-between; align-items: center;margin-top: 5%;}
.news-time time {color: #888;font-size: 17px;}
.news-time a {display: flex;align-items: center;justify-content: space-evenly;width: 141px;height: 27px;font-size: 14px;color: #165eb7;border: 1px solid #165eb7;
	border-radius: 30px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.news-item:hover {box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.2);}
.news-item:hover .news-time a {background: #165eb7;color: #fff;}
.news-item:hover::before {opacity: 1;height: 100%;}

/*-- 新闻详情页 --*/
.news-bt h2 {font-size: 36px;font-weight: bold;display: block;}
.news-bt p {line-height: 40px;background: #eee;color: #888;font-size: 17px;margin-top: 20px;}
.news-bt p span {display: inline-block; margin: 0 6%;}
.news-tu {float: left;margin: 0 25px 10px 0;max-width: 408px;}
.news-cont2 {color: #888;font-size: 17px;line-height: 30px;}

/*-- 应用列表页 --*/
.app {padding: 3% 6px;}
.app-item {margin-bottom: 18px;padding: 0 9px;}
.app-list {padding: 8px;background: #eee;display: flex;align-items: center;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.app-left {border: 1px solid #fff;width: 26.9%;}
.app-rig {width: 73%;padding-left: 10%;}
.app-rig h4 {font-size: 26px;font-weight: bold;}
.app-rig a {display: block;width: 120px;height: 30px;text-align: center;line-height: 30px;color: #888;border: 1px solid #888;border-radius: 30px;margin-top: 20px;
	-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.app-item:hover .app-rig a {background: #165eb7;color: #fff;}
.app-item:hover .app-left {border: 1px solid #eee;}
.app-item:hover .app-list {background: #fff;box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.2);}


/*-- 应用详情页 --*/
.app-tit {padding: 30px 10px;background: #eee;}
.app-tit h3 {display: block;font-size: 36px;font-weight: bold;}
.app-tit p {font-size: 18px;color: #555;line-height: 24px;max-width: 67%;margin: 20px auto 0;}
.app-zuo {padding: 0 20px 0 15px;}
.app-img {border: 1px solid #eee;min-height: 271px;text-align: center;display: flex;align-items: center;justify-content: center;/* background: #eeeeee; */}
.app-you {padding: 0 6.5%;;}
.app-nr .row {align-items: center;}
.swiper-nr .swiper-button-next3,.swiper-button-prev3{ width:44px; height:43px;cursor: pointer; position: absolute;top: 50%;margin-top: -21.5px; z-index: 99;}
.swiper-nr .swiper-button-next3 {right:-70px;background: #165eb7 url(../img/next33.png) no-repeat center center;}
.swiper-nr .swiper-button-prev3 {left:-70px;background: #165eb7 url(../img/prev33.png) no-repeat center center;}
.swiper-button-prev3.swiper-button-disabled {background:#eee url(../img/prev3.png) no-repeat center center;}
.swiper-button-next3.swiper-button-disabled {background: #eee url(../img/next3.png) no-repeat center center;}

/*-- 联系我们页 --*/
.cont1 {padding: 0;}
.cont1-rig h2 {display: block;font-size:36px;font-weight: bold;text-transform: uppercase;}
.cont1-rig i {display: block;width: 96px;height: 3px;background: #165eb7;margin-top: 5px;}
.cont1-rig ul {margin-top: 25px;}
.cont1-rig ul li {display: block;margin-bottom: 20px;}
.cont1-rig ul li input {display: block;width: 100%;height:42px;border: 1px solid #d2d2d2;padding: 0 10px;}
.cont1-rig ul li textarea {display: block;width: 100%;height:120px;border: 1px solid #d2d2d2;padding: 5px 10px;}
.cont1-rig ul li button {display: block;float: right;width: 132px;height: 34px;text-align: center;line-height: 34px;background: #165eb7;color: #fff;margin-top:18px;cursor: pointer;}

.cont1-rig ul li input::-webkit-input-placeholder {color: #adadad;}
.cont1-rig ul li input:-moz-placeholder {color: #adadad;}
.cont1-rig ul li input::-moz-placeholder {color: #adadad;}
.cont1-rig ul li input::-ms-input-placeholder {color: #adadad;}

.cont1-rig ul li textarea::-webkit-input-placeholder {color: #adadad;}
.cont1-rig ul li textarea:-moz-placeholder {color: #adadad;}
.cont1-rig ul li textarea::-moz-placeholder {color: #adadad;}
.cont1-rig ul li textarea::-ms-input-placeholder {color: #adadad;}






@media screen and (max-width: 1578px) {
	.sub3-top {max-width: 1200px;}
}
@media screen and (max-width: 1440px) {
	.sub3-tit,.sub3-top::before {display: none;}
}


@media screen and (max-width: 1300px) {
	.sub1,.abo1 {padding: 5% 15px;overflow: hidden;}
	.sub2-nr,.sub3-top,.abo2,.cont1 {padding: 0 15px;overflow: hidden;}
	.sub3-bott {padding: 0 23px;}
	.sub4,.app,.app-xq,.news,.news-xq,.pro,.pro-xq {padding: 3% 15px;overflow: hidden;}
	.abo3 {padding: 2% 15px;}
	.pro-zuo {padding: 0 6% 0 15px;}
}
@media screen and (max-width: 1200px) {
	.sub1-nr {padding: 0 15px;}
	.sub1-list1 span {font-size: 24px;}
	.abo2-box h5 {padding: 0;font-size: 18px;}
	.abo2-box p {font-size: 16px;margin-top: 10px;}
	.abo2-box {padding: 10px;}
	.app-tit h3,.cont1-rig h2,.news-bt h2,.pro-bt h1 {font-size: 32px;}
	.news-rig {padding: 0 15px;}
	.news-rig h5,.news-rig p {max-width: 100%;}
	.pro-left {width: 30%;}
	.pro-rig {width: 70%;}
	.pro-box {display: block;text-align: center;margin-top: 10px;}
	.pro-box span {width: 100%;}
	.pro-box a {font-size: 14px;}
}

@media screen and (max-width: 990px) {
	.sub3-left,.sub3-rig {float: inherit;width: 100%;}
	.sub1-list1 span {font-size: 20px;}
	.sub1-list p {padding: 0 10px;}
	.abo2-nr {flex-wrap: wrap;}
	.abo2-item {width: 49%;}
	.abo2-box p {min-height: 48px;}
	.swiper-nr .swiper-button-next3 {right: -50px;}
	.swiper-nr .swiper-button-prev3 {left: -50px;}
	.app-tit h3,.cont1-rig h2,.news-bt h2,.pro-bt h1 {font-size: 28px;}
	.news-time {margin-top: 20px;}
	.pro-app {position: inherit;top: inherit;width: 100%;margin-top: 20px;}
	.sub3-bott {padding: 0 15px;}
}

@media screen and (max-width: 768px) {
	.sub1-list1 span {font-size: 18px;}
	.sub1 {padding: 50px 15px;}
	.sub1-nr,.sub2-cont,.sub3,.sub3-top,.sub4-nr {margin-top:50px;}
	.sub1-nr {padding: 0 10px 0 15px;}
	.sub2-nr,.abo3 {display: none;}
	.sub2-cont,.abo4 {display: block;}
	.sub3-item {margin-bottom: 10px;padding: 0 15px;}
	.sub3-rig {background: none;}
	.sub3-top {padding: 0;}
	.sub3-rig {padding: 20px;}
	.sub4-box time {font-size: 14px;margin: 10px 0;}
	.sub4-box p {font-size: 14px;line-height: 24px;}
	.sub4-box a,.app-you,.cont1-rig {margin-top:10px;}
	.sub4-item {margin-bottom: 20px;}
	.sub4-img img,.news-img img,.news-tu img {width: 100%;}
	.sub1, .abo1 {padding: 40px 15px;}
	.abo1-nr {margin-top: 30px;font-size: 16px;}
	.abo1-top {display: block;margin-bottom: 0;}
	.abo1-top .kai {width: 100% !important;margin-bottom: 10px;}
	.abo1-item,.abo2-item {margin-bottom: 10px;}
	.abo2-nr .abo2-item:last-child {width: 100%;}
	.app-left {width: 45%;}
	.app-rig h4,.news-rig h5 {font-size: 20px;}
	.app-zuo,.app-you,.pro-zuo,.pro-you {padding: 0 15px;}
	.swiper-nr .swiper-button-next3 {right: 0px;}
	.swiper-nr .swiper-button-prev3 {left: 0px;}
	.app-tit h3,.cont1-rig h2,.news-bt h2,.pro-bt h1 {font-size: 24px;}
	.app-tit p {max-width: 98%;font-size: 16px;}
	.app-img {text-align: center;}
	.cont1-rig ul li button {margin: 0;width: 100%;}
	.news-rig,.news-cont2,.pro-rig,.pro-you {margin-top: 20px;}
	.news-rig p {font-size: 16px;margin: 10px 0;}
	.news-item,.pro-rig {padding: 0;}
	.news-tu {float: inherit;margin: 0;}
	.pro-left,.pro-rig {float: inherit;width: 100%;}
	.pro-attr span {max-width: 49%;margin: 0 1% 0 0;}
	.submenu-body a {height: 40px;}
	.sub1-list1 {padding: 30px 0;}
}