@import url( style.css );
@import url( slide.css );
@import url( pscroll.css );
@import url( lrtk3.css );
.i_t {
	text-align: center; color: rgb(248, 248, 248); text-transform: uppercase; line-height: 1; overflow: hidden; font-weight: bold; margin-top: 2%; position: relative;
}
.i_t .txt {
	left: 0px; top: 50%; width: 100%; color: rgb(51, 51, 51); text-transform: none; overflow: hidden; position: absolute; transform: translate(0%, -50%);
}
.i_t .txt span {
	overflow: hidden; padding-right: 40px; padding-left: 40px; display: inline-block; position: relative;
}
.i_t .txt span::before {
	background: url("../images/i_bg1.png") no-repeat center / 100% 100%; left: 0px; top: 50%; width: 22px; height: 14px; margin-top: -7px; position: absolute; content: "";
}
.i_t .txt span::after {
	background: url("../images/i_bg2.png") no-repeat center / 100% 100%; top: 50%; width: 22px; height: 14px; right: 0px; margin-top: -7px; position: absolute; content: "";
}
.i_about {
	overflow: hidden; margin-top: 3%; margin-bottom: 6%;
}
.i_about .imgs {
	border-radius: 6px; width: 50%; overflow: hidden; float: right;
}
.i_about .imgs .img {
	background-position: center; transition:0.3s; overflow: hidden; background-repeat: no-repeat; background-size: cover;
}
.i_about .imgs:hover .img {
	transform: scale(1.05); -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05);
}
.i_about .imgs img {
	width: 100%; opacity: 0;
}
.i_about .txts {
	width: 48%; overflow: hidden; float: left; max-width: 640px;
}
.i_about .txts .label {
	color: rgb(7, 81, 173); line-height: 1.4; overflow: hidden; font-weight: bold; margin-top: 6%;
}
.i_about .txts .label .colors {
	color: rgb(61, 178, 71);
}
.i_about .txts .title {
	color: rgb(7, 81, 173); line-height: 1.4; overflow: hidden; font-weight: bold;
}
.i_about .txts .cons {
	height: 350px; color: rgb(102, 102, 102); line-height: 26px; overflow: hidden; font-size: 16px; margin-top: 5%; -ms-text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical;
}
.i_about .counter {
	text-align: center; margin-top: 6%;
}
.i_about .counter ul li {
	transition:0.3s; width: 25%; float: left;
}
.i_about .counter ul li .txts2 {
	padding-right: 1%; padding-left: 1%; max-width: 130px;
}
.i_about .counter ul li .nums {
	background: url("../images/i_bg3.png") no-repeat 0% 0% / 100% 100%; margin: 0px auto; width: 79px; height: 79px; color: rgb(255, 255, 255); line-height: 79px; overflow: hidden; font-weight: bold;
}
.i_about .counter span {
	overflow: hidden; vertical-align: top; display: inline-block;
}
.i_about .counter label {
	line-height: 50px; font-size: 14px; vertical-align: top; display: inline-block;
}
.i_about .counter .h6 {
	height: 24px; color: rgb(51, 51, 51); line-height: 24px; overflow: hidden; font-size: 14px; font-weight: normal; margin-top: 6px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.i_about .counter ul li:hover {
	transform: translate3d(0px, -2px, 0px); -webkit-transform: translate3d(0, -2px, 0);
}
.i_about .imore1 {
	background: url("../images/i_bg4.png") no-repeat 0% 0% / 100% 100%; transition:0.3s; width: 30px; height: 30px; overflow: hidden; margin-top: 10%; display: block;
}
.i_about .imore1:hover {
	margin-left: 3px; background-image: url("../images/i_bg4_on.png");
}
.i_product_bg {
	background: rgb(248, 248, 248); overflow: hidden;
}
.i_product_bg .i_t {
	color: rgb(237, 237, 237);
}
.i_product {
	background: rgb(255, 255, 255); border-radius: 6px; overflow: hidden; margin-top: 3%; margin-bottom: 6%; box-shadow: 0px 5px 15px rgba(0,0,0,0.05); -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}
.i_product .imgs {
	border-radius: 6px 0px 0px 6px; width: 50%; overflow: hidden; float: left;
}
.i_product .imgs .img {
	background-position: center; transition:0.3s; overflow: hidden; background-repeat: no-repeat; background-size: cover;
}
.i_product .imgs:hover .img {
	transform: scale(1.05); -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05);
}
.i_product .imgs img {
	width: 100%; opacity: 0;
}
.i_product .txts {
	overflow: hidden;
}
.i_product .txts .cons {
	margin: 0px auto; width: 94%; overflow: hidden; max-width: 570px;
}
.i_product .txts .tit {
	overflow: hidden; padding-top: 10%; padding-bottom: 5%; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.i_product .txts .tit .h3 {
	background: url("../images/i_pic1.png") no-repeat left / 79px 79px; height: 79px; line-height: 79px; overflow: hidden; padding-left: 92px; font-weight: bold;
}
.i_product .txts .p {
	height: 104px; color: rgb(102, 102, 102); line-height: 26px; overflow: hidden; font-size: 16px; margin-top: 5%; -ms-text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical;
}
.i_product .imore1 {
	background: url("../images/i_bg4.png") no-repeat 0% 0% / 100% 100%; transition:0.3s; width: 30px; height: 30px; overflow: hidden; margin-top: 10%; display: block;
}
.i_product .imore1:hover {
	margin-left: 3px; background-image: url("../images/i_bg4_on.png");
}
.i_application {
	background: rgb(255, 255, 255); border-radius: 6px; overflow: hidden; margin-top: 3%; margin-bottom: 6%; position: relative;
}
.i_application .i_application_l {
	left: 2%; top: 50%; width: 46%; position: absolute; max-width: 602px; transform: translate(0%, -50%);
}
.i_application .i_application_l ul {
	overflow: hidden;
}
.i_application .i_application_l ul li {
	width: 33.33%; text-align: center; overflow: hidden; padding-bottom: 28px; float: left; position: relative; cursor: pointer;
}
.i_application .i_application_l ul li:nth-child(4) {
	padding-top: 28px; padding-bottom: 0px;
}
.i_application .i_application_l ul li:nth-child(5) {
	padding-top: 28px; padding-bottom: 0px;
}
.i_application .i_application_l ul li:nth-child(6) {
	padding-top: 28px; padding-bottom: 0px;
}
.i_application .i_application_l ul li::after {
	background: rgb(238, 238, 238); top: 0px; width: 1px; height: 100%; right: 0px; position: absolute; content: "";
}
.i_application .i_application_l ul li:nth-child(3n)::after {
	width: 0px;
}
.i_application .i_application_l ul li::before {
	background: rgb(238, 238, 238); left: 0px; width: 100%; height: 1px; bottom: 0px; position: absolute; content: "";
}
.i_application .i_application_l ul li:nth-child(4)::before {
	height: 0px;
}
.i_application .i_application_l ul li:nth-child(5)::before {
	height: 0px;
}
.i_application .i_application_l ul li:nth-child(6)::before {
	height: 0px;
}
.i_application .i_application_l ul li .h3 {
	height: 28px; color: rgb(51, 51, 51); line-height: 28px; overflow: hidden; font-size: 16px; font-weight: normal; margin-top: 6px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.i_application .i_application_l ul li i {
	background-position: center; margin: 0px auto; border-radius: 50%; border: 1px solid rgb(239, 239, 239); transition:0.3s; border-image: none; width: 94px; height: 94px; display: block; background-repeat: no-repeat; background-size: 100% 100%;
}
.i_application .i_application_l ul li:hover i {
	border-color: rgb(7, 81, 173); background-color: rgb(7, 81, 173);
}
.i_application .i_application_l ul li:nth-child(6) i {
	border-color: rgb(255, 255, 255); background-size: 30px 30px;
}
.i_application .i_application_l ul li:nth-child(6):hover i {
	background-color: rgb(255, 255, 255);
}
.i_application .i_application_l ul li i.bgs1 {
	background-image: url("../images/i_ico1.png");
}
.i_application .i_application_l ul li i.bgs2 {
	background-image: url("../images/i_ico2.png");
}
.i_application .i_application_l ul li i.bgs3 {
	background-image: url("../images/i_ico3.png");
}
.i_application .i_application_l ul li i.bgs4 {
	background-image: url("../images/i_ico4.png");
}
.i_application .i_application_l ul li i.bgs5 {
	background-image: url("../images/i_ico5.png");
}
.i_application .i_application_l ul li i.bgs6 {
	background-image: url("../images/i_bg4.png");
}
.i_application .i_application_l ul li:hover i.bgs1 {
	background-image: url("../images/i_ico1_on.png");
}
.i_application .i_application_l ul li:hover i.bgs2 {
	background-image: url("../images/i_ico2_on.png");
}
.i_application .i_application_l ul li:hover i.bgs3 {
	background-image: url("../images/i_ico3_on.png");
}
.i_application .i_application_l ul li:hover i.bgs4 {
	background-image: url("../images/i_ico4_on.png");
}
.i_application .i_application_l ul li:hover i.bgs5 {
	background-image: url("../images/i_ico5_on.png");
}
.i_application .i_application_l ul li:hover i.bgs6 {
	background-image: url("../images/i_bg4_on.png");
}
.i_application .imgs {
	width: 50%; overflow: hidden; float: right;
}
.i_application .imgs .img {
	background-position: center; transition:0.3s; overflow: hidden; background-repeat: no-repeat; background-size: cover;
}
.i_application .imgs:hover .img {
	transform: scale(1.05); -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05);
}
.i_application .imgs img {
	width: 100%; opacity: 0;
}
.i_news {
	background: rgb(255, 255, 255); border-radius: 6px; overflow: hidden; margin-top: 3%; position: relative;
}
.i_news .imgs {
	width: 20%; overflow: hidden; float: left;
}
.i_news .imgs .img {
	background-position: center; transition:0.3s; overflow: hidden; background-repeat: no-repeat; background-size: cover;
}
.i_news .imgs:hover .img {
	transform: scale(1.05); -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05);
}
.i_news .imgs img {
	width: 100%; opacity: 0;
}
.i_news .txts {
	background: url("../images/i_bg6.png") no-repeat right bottom / 100% auto rgb(248, 248, 248); top: 0px; width: 80%; height: 100%; right: 0px; overflow: hidden; position: absolute;
}
.i_news .txts .cons {
	margin: 0px auto; width: 94%; overflow: hidden; 
}
.i_news .txts .h3 {
	color: rgb(51, 51, 51); line-height: 28px; overflow: hidden; font-size: 18px; font-weight: normal; margin-top: 1%; -ms-text-overflow: ellipsis; max-height: 56px; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.i_news .txts .p {
	height: 60px; color: rgb(136, 136, 136); line-height: 20px; overflow: hidden; font-size: 14px; margin-top: 1%; -ms-text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
}
.i_news .txts .date {
	height: 30px; color: rgb(153, 153, 153); line-height: 30px; overflow: hidden; font-size: 16px; margin-top: -30px; float: right;
}
.i_news .imore1 {
	background: url("../images/i_bg4.png") no-repeat 0% 0% / 100% 100%; transition:0.3s; width: 30px; height: 30px; overflow: hidden; margin-top: 4%; display: block;
}
.i_news .imore1:hover {
	margin-left: 3px; background-image: url("../images/i_bg4_on.png");
}
.i_news_ul {
	overflow: hidden; margin-top: 2%; margin-bottom: 3%;
}
.i_news_ul ul li {
	background: 0% 0% / cover rgb(248, 248, 248); border-radius: 6px; width: 32%; overflow: hidden; margin-right: 2%; margin-bottom: 2%; float: left;
}
.i_news_ul ul li:nth-child(3n) {
	margin-right: 0px;
}
.i_news_ul ul li:hover {
	background-image: url("../images/i_bg7.png");
}
.i_news_ul ul li .txts {
	margin: 8% auto; width: 94%; overflow: hidden; max-width: 358px;
}
.i_news_ul ul li .txts .h3 {
	transition:0.3s; height: 56px; color: rgb(51, 51, 51); line-height: 28px; overflow: hidden; font-size: 18px; font-weight: normal; -ms-text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.i_news_ul ul li .txts .date {
	transition:0.3s; height: 20px; color: rgb(153, 153, 153); line-height: 20px; overflow: hidden; font-size: 16px; margin-top: 5%;
}
.i_news_ul ul li .txts .p {
	transition:0.3s; height: 40px; color: rgb(136, 136, 136); line-height: 20px; overflow: hidden; font-size: 14px; margin-top: 4.5%; -ms-text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.i_news_ul ul li .txts .imore1 {
	background: url("../images/i_bg4.png") no-repeat 0% 0% / 100% 100%; transition:0.3s; width: 30px; height: 30px; overflow: hidden; margin-top: 10%; display: block;
}
.i_news_ul ul li:hover .txts .imore1 {
	margin-left: 3px; background-image: url("../images/i_bg4_on.png");
}
.i_news_ul ul li:hover .txts .h3 {
	color: rgb(255, 255, 255);
}
.i_news_ul ul li:hover .txts .date {
	color: rgb(255, 255, 255);
}
.i_news_ul ul li:hover .txts .p {
	color: rgb(255, 255, 255);
}
@media screen and (max-width:1400px)
{
.i_about .txts .cons {
	font-size: 14px;
}
.i_product .txts .p {
	font-size: 14px;
}
}
@media screen and (max-width:1260px)
{
.i_application .imgs .img {
	height: 350px;
}
.i_news .txts .h3 {
	margin-top: 10%;
}
}
@media screen and (max-width:1200px)
{
.i_about .imgs .img {
	height: 425px;
}
.i_about .txts .label {
	margin-top: 2%;
}
.i_about .counter .h6 {
	height: 22px; line-height: 22px; font-size: 13px;
}
.i_about .imore1 {
	margin-top: 5%;
}
.i_product .imgs .img {
	height: 384px;
}
.i_product .txts .tit {
	padding-top: 8%;
}
.i_product .imore1 {
	margin-top: 5%;
}
.i_application .imgs .img {
	height: 330px;
}
.i_application .i_application_l ul li {
	padding-bottom: 18px;
}
.i_application .i_application_l ul li:nth-child(4) {
	padding-top: 18px;
}
.i_application .i_application_l ul li:nth-child(5) {
	padding-top: 18px;
}
.i_application .i_application_l ul li:nth-child(6) {
	padding-top: 18px;
}
.i_application .i_application_l ul li i {
	width: 86px; height: 86px;
}
.i_application .i_application_l ul li .h3 {
	font-size: 15px;
}
}
@media screen and (max-width:1100px)
{
.i_about .imgs .img {
	height: 383px;
}
.i_about .txts .cons {
	height: 96px; line-height: 24px;
}
.i_product .imgs .img {
	height: 352px;
}
.i_product .txts .p {
	height: 96px; line-height: 24px;
}
.i_application .i_application_l ul li i {
	width: 76px; height: 76px;
}
.i_application .i_application_l ul li .h3 {
	height: 24px; line-height: 24px; font-size: 14px;
}
.i_application .imgs .img {
	height: 305px;
}
.i_news .txts .h3 {
	margin-top: 8%;
}
}
@media screen and (max-width:960px)
{
.i_about .txts {
	width: 100%; float: none; max-width: none;
}
.i_about .imgs {
	width: 100%; float: none;
}
.i_about .imgs .img {
	height: auto;
}
.i_about .txts .label {
	margin-top: 4%;
}
.i_about .txts .cons {
	height: auto; margin-top: 3%; max-height: 96px;
}
.i_about .counter {
	margin-top: 4%;
}
.i_about .counter .h6 {
	height: auto;
}
.i_product .txts {
	width: 100%; padding-bottom: 5%; float: none; max-width: none;
}
.i_product .txts .cons {
	max-width: none;
}
.i_product .txts .tit {
	padding-top: 5%; padding-bottom: 3.5%;
}
.i_product .txts .p {
	height: auto; max-height: 96px;
}
.i_product .imgs {
	border-radius: 6px; width: 100%; float: none;
}
.i_product .imgs .img {
	height: auto;
}
.i_application {
	padding-top: 20px;
}
.i_application .i_application_l {
	width: 94%; margin-left: 3%; position: static; max-width: none; transform: translate(0%, 0%);
}
.i_application .imgs {
	width: 100%; margin-top: 4%; float: none;
}
.i_application .imgs .img {
	height: auto;
}
.i_news .imgs {
	border-radius: 6px; width: 100%; float: none;
}
.i_news .txts {
	width: 100%; position: static;
}
.i_news .txts .cons {
	margin-bottom: 5%; max-width: none;
}
.i_news .txts .h3 {
	margin-top: 4%;
}
.i_news .txts .p {
	height: auto; margin-top: 2%; max-height: 60px;
}
.i_news .imore1 {
	margin-top: 5%;
}
}
@media screen and (max-width:640px)
{
.i_news .txts .h3 {
	line-height: 24px; font-size: 16px; max-height: 48px;
}
.i_news .txts .p {
	font-size: 13px;
}
.i_news .txts .date {
	font-size: 14px;
}
}
@media screen and (max-width:480px)
{
.i_about {
	margin-top: 4%;
}
.i_about .txts .label {
	margin-top: 5%;
}
.i_about .txts .cons {
	line-height: 22px; font-size: 13px; max-height: 88px;
}
.i_about .counter {
	margin-top: 4%;
}
.i_about .counter ul li .nums {
	width: 66px; height: 66px; line-height: 66px;
}
.i_about .counter label {
	line-height: 40px; font-size: 13px;
}
.i_about .counter .h6 {
	line-height: 20px; font-size: 12px;
}
.i_product {
	margin-top: 4%;
}
.i_product .txts {
	padding-bottom: 6%;
}
.i_product .txts .tit {
	padding-top: 6%; padding-bottom: 4%;
}
.i_product .txts .tit .h3 {
	height: 66px; line-height: 66px; padding-left: 76px; background-size: 66px 66px;
}
.i_product .txts .p {
	line-height: 22px; font-size: 13px; max-height: 88px;
}
.i_application {
	margin-top: 4%;
}
.i_application .i_application_l {
	width: 100%; margin-left: 0px;
}
.i_application .i_application_l ul li i {
	width: 60px; height: 60px;
}
.i_application .i_application_l ul li .h3 {
	font-size: 13px;
}
.i_news .txts .h3 {
	line-height: 22px; font-size: 15px; margin-top: 5%; max-height: 44px;
}
.i_news .txts .p {
	font-size: 12px; margin-top: 3%;
}
.i_news .txts .date {
	font-size: 13px;
}
}
@media screen and (max-width:360px)
{
.i_application .i_application_l ul li .h3 {
	height: 20px; line-height: 20px; font-size: 12px;
}
}