.requiem-bullet {

	width: 20px;

	height: 20px;

	display: inline-block;

	border-radius: 100%;

	background: white;

	opacity: 0.9;

	margin: 0px 4px;

}



.requiem-bullet-active {

	width: 65px;

	background: white;

	opacity: 0.9;

	border-radius: 30px;

}





#menu {

	background-color: white;

}



.logoLeft {

	justify-content: space-between;

	height: 100px;

	align-items: center;

}



.logoLeft>.divsion {

	border-right: 1px solid #a1a1a1;

	width: 1px;

	height: 60px;

	display: inline-block;

}



.logoLeft>.contact {}



.logoLeft>.contact>.tel {

	background: url(../img/tel.png) no-repeat left center;

	text-indent: 1.3em;

	font-size: 14px;

	align-items: center;

	justify-content: flex-start;

}



.logoLeft>.contact>.tel>span:first-child {}



.logoLeft>.contact>.tel>span:last-child {

	font-size: 20px;

	font-weight: bold;

}



.logoLeft>.contact>.actionA {

	justify-content: space-between;

}



.logoLeft>.contact>.actionA>a {

	padding: 5px 10px;

	background-color: #e6e6e6;

	color: #282828;

	font-size: 14px;

	text-decoration: none;

}



.logoRight {

	justify-content: flex-end;

	align-items: center;

}



.logoRight>a {

	padding: 0px 15px;

	color: #282828;

	text-decoration: none;

	text-indent: 1em;

}





.logoRight>.chinese {

	background: url(../img/chinese.png) no-repeat left center;

}



.logoRight>.english {

	background: url(../img/english.png) no-repeat left center;

	padding-right: 0px;

}



#menuA {

	background: url(../img/menu.png) no-repeat left center;

	padding-right: 0px;

}



.menu {

	justify-content: space-between;

	align-items: center;

}



.menu>a {

	font-size: 14px;

	color: #282828;

	line-height: 50px;

	text-align: center;

	padding: 0px 15px;

	text-decoration: none;

	border-bottom: 1px solid transparent;

}



.menu>a:hover,

.menu>a.active {

	color: #1476eb;

	border-bottom: 1px solid #1476eb;

}



.companyBrief {

	background: url(../img/companyBriefBG.jpg) no-repeat center center;

}



.divTitle>.bgText {

	text-transform: uppercase;

	color: #ededed;font-family: impact;

	font-size: 40px;

	font-weight: bold;

	position: absolute;

	left: 50%;

	transform: translate(-50%);

	z-index: 1000;

}



.divTitle>.title {

	font-size: 36px;

	color: #282828;

	position: relative;

	z-index: 1001;

}



.divTitle>.description {

	font-size: 16px;

	color: #848484;

	z-index: 1001;position: relative;

}



.companyLeft>.tips {

	font-size: 24px;

	color: #666666;

}



.companyLeft>.tips>span {

	color: white;

	background-color: #1476EB;



}



.companyLeft>.content {

	color: #666666;

	font-size: 14px;

	text-indent: 2em;

	line-height: 2em;

}



.companyLeft>.moreButton {

	text-decoration: none;

}



/* .companyRight>.videoBG {

	width: 50%;

	background-color: #1476EB;

	height: 216px;

	position: absolute;

	left: 50%;

	z-index: 1000;

} */



.companyRight>video {

	width: 90%;

	position: relative;

	z-index: 1001;

	left: 5%;

	top: 5%;

}

@media (min-width: 1200px){

	.container{max-width: 1200px !important;}

}

@media (max-width: 640px){

	.in_02 li span em{font-size: 14px !important;}

	.in_02 li p{font-size: 14px !important;}

	.divTitle>.title{font-size: 22px !important;}

	.category>a{padding: 2% !important}

	.category>a>p{font-size: 12px !important;}

	.powerBody p.slogan{font-size: 16px !important;}

	.powerBody p.sloganContent{font-size: 14px !important;}

	.in_03 .swiper-container{height: 165px !important;}

	.logoRight{margin-top: 2%;font-size: 14px !important;}

	.divTitle>.bgText {left: 46% !important;}

	.foota .col-md-2{padding-left: 0px !important;padding-right: 0px !important;}

	.foota .col-md-4{padding-left: 0px !important;padding-right: 0px !important;}

	.foota .col-md-6{padding-left: 0px !important;padding-right: 0px !important;}

	.foota .col-md-12{padding-left: 0px !important;padding-right: 0px !important;}

	.news{background: #1476EB !important}

	.scsya .col-md-6{padding-left: 0px !important;padding-right: 0px !important;}

	.ban{height: 130px !important;}

	.ban span{font-size: 22px !important;line-height: 40px !important;}

	.ban p{line-height:25px !important;font-size: 16px !important;}

	.companya .col-md-6{padding-left: 0px !important;padding-right: 0px !important;}

	.productArea .col-md-4{padding-left: 0px !important;padding-right: 0px !important;}

	.producta .col-md-9{padding-left: 0px !important;padding-right: 0px !important;}

	.contacta h1{font-size: 22px !important}

	#smtDatas{background:#01212c !important;}

	#smtDatas li{width: 29% !important;margin:0 2% !important;}

	#smtDatas li span{font-size: 22px !important}

	#smtDatas li p{font-size: 14px !important}

}

.in_01 {height: auto;overflow: hidden; padding: 2% 0}

.in_03 {height: auto;overflow: hidden; padding: 2% 0}

.in_02 {height: auto;overflow: hidden; background: url(../img/countDivBG.jpg) no-repeat center center;color: #fff;padding: 2% 0}

.in_02 li{float: left;width: 20%;text-align: center;}

.in_02 li span{display: block;line-height: 40px;}

.in_02 li span em{font-size: 36px;font-style: normal;font-weight: bold;}

.in_02 li p{font-size: 16px;line-height: 30px;}

.in_03 {height: auto;overflow: hidden; padding: 2% 0}

.in_03 .swiper-container{height: 235px;overflow: hidden;}

.in03a{height: auto;overflow: hidden;}

.pcontent img{display: block;max-width: 100%;}

.coma{height: auto;overflow: hidden;background: #1476eb;}
.coma img{max-width: 100%;}
.comb img{max-width: 100%;}
.comc img{max-width: 100%;}
.coma p{margin-bottom: 0px;}
.comaa{height: auto;overflow: hidden;background: url(../images/comaa.jpg) center no-repeat;text-align: center;color: #fff;padding:6rem 0;}
.comaa strong{display: block;font-size: 28px;line-height: 60px;}
.comaa p{line-height: 30px;text-transform: uppercase;}
.comab {color: #fff;}
.comab span{display: block;font-size: 22px;line-height: 45px;}
.comab p{line-height:30px;}

.comba{text-align: center;}
.comba span{display: block;font-size: 22px;line-height: 40px;}
.comba em{display: block;line-height: 30px;font-style: normal;text-transform: uppercase;}
.comba i{display: block;width: 30px;height: 2px;background: #1655bc;margin:1rem auto;}
.comba p{line-height: 35px;font-size: 16px;color: #777;}
.combb{height: auto;overflow: hidden;background: url(../images/combb.jpg) center no-repeat;text-align: center;color: #fff;padding:6rem 0;}
.combb strong{display: block;font-size: 28px;line-height: 60px;}
.combb p{line-height: 30px;text-transform: uppercase;}
.comca{background: #1476eb;color: #fff;padding: 5.38rem 0;}
.comca i{background: #fff;}
.comca p{color: #fff;}
.comcb{padding: 5.38rem 0;}
@media (min-width: 1200px) and (max-width: 1600px) { 
.comcb{padding: 3rem 0;}
.comca{padding: 3rem 0;}
.comca p{font-size: 14px;}
.comba p{font-size: 14px;}
.comab p{font-size: 14px;}
 }
@media (min-width: 992px) and (max-width: 1200px) { 
.comcb{padding: 1rem 0;}
.comca{padding: 1rem 0;}
.comca p{font-size: 14px;}
.comba p{font-size: 14px;}
.comab p{font-size: 14px;}
 }
@media (max-width: 576px){ 
.comab span{font-size: 16px;}
.comab p{font-size: 14px;}
.comba p{font-size: 14px;}
 }

.row{margin-left: 0px !important;margin-right: 0px !important;}

.newsList{margin-top: 2%;}

.newsList a{height: auto;overflow: hidden;padding: 2% 0 !important;}

.newsList a:hover p{color: #1476EB !important}

.newsList a p{transition:.4s;}

.foota{margin: 2% 0;height: auto;overflow: hidden;}

.footer{padding:4% 0;}

.card img{display: block;max-width: 100%;}

.ban{height: 400px;background: url(../img/ban.jpg) center no-repeat;padding-top:6%;text-align: center;color: #fff;}

.ban span{display: block;font-size: 48px;line-height: 70px;}

.ban p{font-size: 24px;line-height: 45px;}

#smtDatas{height: auto;overflow: hidden;margin:2% 0;background: url(../img/smtDatas.jpg)no-repeat center center;color: #fff;padding: 2% 0;}

#smtDatas li{height: auto;overflow: hidden;float: left;width: 21%;text-align: center;margin:0 6%;}

#smtDatas li span{display: block;font-size: 32px;line-height: 55px;}

#smtDatas li p{line-height: 30px;}



.category>a {

	text-decoration: none;

	border: 1px solid #b5b5b5;border-left:none;

	padding: 2% 4%;

	flex-grow: 1;

	transition: .5s;

}

.category{border-left: 1px solid #b5b5b5;}

.category>a>p {

	font-size: 16px;

}



.category>a>p.tips {

	font-weight: bold;

	color: #bfbfbf;

}



.category>a>p.divsion {

	width: 30px;

	border-bottom: 1px solid #bfbfbf;

}



.category>a>p.title {

	color: #282828;

}



.category>a:hover {

	background-color: #1476EB;

}



.category>a:hover>p {

	color: white;

}



.category>a:hover>p.divsion {

	border-color: white;

}



.category>a:last-child {

	background-color: #1476EB;

}



.category>a:last-child>p {

	color: white;

}



.category>a:last-child>p.divsion {

	border-color: white;

}



.productArea>.productItem {

	text-decoration: none;

}



.productArea>.productItem>img {

	border: 1px solid #b5b5b5;

	border-bottom: none;

}



.productArea>.productItem>p {

	border: 1px solid #b5b5b5;

	border-top: none;

}



.productArea>.productItem>p {

	background: url(../img/arrowRight.png) no-repeat 95% center;

	line-height: 50px;

	color: #282828;

	text-indent: 1em;

	transition: .5s;

}



.productArea>.productItem:hover>p {

	color: #1476EB;

	background: url(../img/arrowRight_s.png) no-repeat 95% center;

	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);

}





.powerBody {

	background-color: #f6f6f6 !important;

}



.powerBody p.slogan {

	font-size: 28px;

	color: #282828;

	font-weight: bold;

}



.powerBody p.sloganContent {

	font-size: 16px;

	color: #666666;

	background: url(../img/slogan.png) no-repeat left 5px;line-height: 30px;

	padding-left: 35px;

}



.powerBody1 {

	background: url(../img/power1.jpg) no-repeat 100% center;

	background-size: 50% 100%;

}



.powerBody2 {

	background: url(../img/power2.jpg) no-repeat left center;

	background-size: 50% 100%;

}



.powerBody3 {

	background: url(../img/power3.jpg) no-repeat 100% center;

	background-size: 50% 100%;

}



.powerBody4 {

	background: url(../img/power4.jpg) no-repeat left center;

	background-size: 50% 100%;

}



.app {

	background: url(../img/appBG.jpg) no-repeat center center;

	min-height: 360px;

	background-size: 100% 100%;

}



.appBody {

	position: relative;

	top: -100px;

	background: #1476EB;

}



.appBody img {

	position: relative;

	top: -50px;

}



.appBody p,

.appBody a {

	color: white;

	text-decoration: none;

}



.appBody p.title {

	font-size: 24px;

}



.appBody p.description {

	font-size: 16px;

}



.appBody a.moreButton {

	padding: 5px 10px;

	border: 1px solid white;

	border-radius: 3px;transition:.4s;

}

.appBody a:hover{background: #444;color: #fff;}

.news {

	background: url(../img/newsBG.jpg) no-repeat center center;

}



.news .contentBody {

	background-color: white;

}



.news .contentBody>.title {

	font-size: 18px;

	color: #282828;

}



.news .contentBody>.description {

	font-size: 14px;

	color: #666666;

}



.news .newRight {

	background-color: white;

}



.news .newRight>.topA {

	border-bottom: 1px solid #1476EB;

}



.news .newRight>.topA>a {

	text-decoration: none;

	padding: 10px;

	font-size: 24px;

	color: #666666;

	transition: .3s;

	text-align: center;

}



.news .newRight>.topA>a:last-child {

	background-color: black;

	color: white;

	border-radius: 50%;

	width: 40px;

	height: 40px;

	line-height: 20px;

}



.news .newRight>.topA>a:hover,

.news .newRight>.topA>a.active {

	color: #1476EB;

	cursor: pointer;

}



.news .newRight>.newsList>.newsItem {

	border-bottom: 1px solid #d8e7ff;

	text-decoration: none;

}



.news .newRight>.newsList>.newsItem p.title {

	color: #282828;

	font-size: 18px;

}



.news .newRight>.newsList>.newsItem p.description {

	color: #666666;

	font-size: 14px;

}



#honor>.swiper-wrapper>.swiper-slide {

	border: 1px solid #666666;

}



.honorMoreButton {

	padding: 8px 15px;

	background-color: #1476EB;

	color: white;

	text-decoration: none;

}



.footer {

	background-color: #282828;height: auto;overflow: hidden;

}



.footer .footerMenu {

	border-bottom: 1px solid #666666;

}



.footer .footerMenu>a {

	font-size: 16px;

	color: #666666;

	line-height: 50px;

	text-align: center;

	text-decoration: none;

	transition: .3s;

}



.footer .footerMenu>a:hover {

	color: white;

}



.footerContact>p {

	color: white;

	font-size: 16px;

	margin: 15px 0px;

}



.footer .seek {

	font-size: 20px;

	font-weight: bold;

	color: white;

}



.footer form input,

.footer form textarea {

	width: 100%;

	border: none;

	padding: 10px;

	border-radius: 5px;

}



.footer form img {

	height: 49px;

	border-radius: 5px;

}



.footer form button {

	display: block;

	width: 100%;

	padding: 10px 15px;

	background-color: #1476EB;

	border: none;

	color: white;

	border-radius: 5px;

}



.footerBar {

	background-color: #070707;

	color: #666666;

}



.bread {

	background-color: #f5f8f9;

}



.bread .left>a {

	line-height: 50px;

	padding: 7px 0px;

	color: #666666;

	border-bottom: 1px solid transparent;

	text-decoration: none;

}



.bread .right>a {

	color: white;

	background-color: #f1473e;

	padding: 5px 25px;

	text-decoration: none;

}



.bread .left>a:hover {

	color: #1476EB;

	border-bottom: 1px solid #1476EB;

}



.powerBody5 {

	background: url(../img/power1.jpg) no-repeat left center;

	background-size: 50% 100%;

	/* background-color: #1476EB; */

}



.powerBody5 p.sloganContent {

	color: #666666;

	font-size: 14px;

	text-indent: 2em;

	margin: 10px 0px;

	line-height: 2em;

}



.contactPage {

	background-color: #eceff6;

	padding: 30px 0px;

}



.contactPage .contactItem {

	background-color: white;

	text-align: center;

	padding: 30px 0px;

	transition: 0.5s;

	max-height: 199px;

	border-radius: 5px;

}



.contactPage .contactItem:hover {

	background-color: #4d6dbe;

	color: white;

}



.categoryTitle {

	background-color: #1476EB;

	color: white;

}



.categoryList {

	display: flex;

	flex-direction: column;

}



.categoryList>a {

	text-decoration: none;

	transition: .4s;

}



.categoryList>a:hover,

.categoryList>a.active {

	background-color: #1476EB;

	color: white;

}



.proContent {}



.card:hover {

	transition: .3s;

	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important

}



#smtAbout p.sloganContent {

	color: #666666;

	font-size: 14px;

	text-indent: 2em;

	margin: 10px 0px;

	line-height: 2em;

}



.articleContent img {

	width: 100% !important;

}



@media (max-width : 576px) {

	.logoLeft>.contact>.actionA>a {

		padding: 5px 5px;

	}



	.logoRight>.english {

		padding-right: 10px;

	}



	.menu {

		justify-content: space-between;

		align-items: center;

		padding: 0px 10px;

		border-bottom: 1px solid #E6E6E6;

	}



	.menu>a {

		font-size: 14px;

		color: #282828;

		line-height: 50px;

		text-align: center;

		width: 100px;

		margin: 10px 0px;

		padding: 0px;

		text-decoration: none;

		white-space: nowrap;

		text-overflow: ellipsis;

		overflow: hidden;

		border: 1px solid #E6E6E6;

		border-radius: 5px;

	}



	.divTitle {

		padding: 0px;

	}



	.companyBody {

		padding: 0px;

	}



	.divTitle>.bgText {

		font-size: 26px;

	}



	.powerBody1,

	.powerBody2,

	.powerBody3,

	.powerBody4,

	.powerBody5 {

		background-image: none;

	}



	.news {

		background-size: 100% 100%;

	}

}