@charset "utf-8";
/* CSS Document */

/*首页 banner*/
 #i_banner .p_MatteIcon .iconfont:before {
	content: '\e602';
}
#i_banner>div {
	animation-fill-mode: both;
}
#i_banner .f-center {
	text-align: center;
}
#i_banner .f-14 {
	font-size: 14px;
}
#i_banner .pcimg {
	width: 100%;
	height: auto;
}
#i_banner .banner {
	height: auto;
}
#i_banner .banner .swiper-slide img {
	display: block;
	width: 100%;
	left: 0px;
	top: 0px;
}
#i_banner .bannerPic {
	position: relative;
	width: 100%;
	height: auto;
	transition: all 1s ease 2.5s;
	transform: perspective(1000px) translate3d(0, 0, 100px);
}
#i_banner .swiper-slide.active .bannerPic {
	transition: all 5s ease 0s;
	transform: perspective(1000px) translate3d(0, 0, 0px);
}
#i_banner .banner .swiper-slide .ind_ban_tex {
	position: absolute;
	width: 100%;
	top: 50%;
	display: none;
	left: 0px;
	transform: translateY(-50%);
}
#i_banner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title_en {
	font-size: 46px;
	font-family: 'Oswald', impact, Arial, sans-serif !important;
	line-height: 1.2;
	color: #ffffff;
	text-shadow: 3px 0 10px rgba(22, 78, 145, 0.4);
	transform: translateY(80px);
	opacity: 0;
	margin-bottom: 10px;
}
#i_banner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title {
	color: #ffffff;
	font-size: 50px;
	line-height: 1.6;
	margin-bottom: 10px;
	text-shadow: 3px 0 10px rgba(22, 78, 145, 0.4);
	transform: translateY(80px);
	opacity: 0;
}
#i_banner .banner .swiper-slide .ind_ban_tex .b_line {
	width: 50px;
	margin: 0px auto 20px;
	height: 2px;
	background: #fff;
	transform: translateY(80px);
	opacity: 0;
}
#i_banner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info {
	color: #ffffff;
	line-height: 1.5;
	font-size: 18px;
	text-shadow: 3px 0 10px rgba(22, 78, 145, 0.4);
	transform: translateY(80px);
	opacity: 0;
}
#i_banner .banner .swiper-slide.active .ind_ban_tex_title_en {
 transition: all 2s ease .5s;
	transform: translateY(0);
	opacity: 1;
}
#i_banner .banner .swiper-slide.active .ind_ban_tex_title {
 transition: all 2s ease .7s;
	transform: translateY(0);
	opacity: 1;
}
#i_banner .banner .swiper-slide.active .b_line {
 transition: all 2s ease .8s;
	transform: translateY(0);
	opacity: 1;
}
#i_banner .banner .swiper-slide.active .ind_ban_tex_info {
	transition: all 2s ease 1s;
	transform: translateY(0);
	opacity: 1;
}
#i_banner .banner .swiper-button-prev {
	left: calc(8.335% - 32px);
	top: 50%;
	width: 64px;
	height: 64px;
	text-align: center;
	line-height: 64px;
	color: #ffffff;
	background: rgba(202, 202, 202, 0.3) url(../images/arr2_left.png) center center no-repeat;
	background-size:50% auto;
 transition: all .3s ease;
}
#i_banner .banner .swiper-button-next {
	right: calc(8.335% - 32px);
	top: 50%;
	width: 64px;
	height: 64px;
	text-align: center;
	line-height: 64px;
	color: #ffffff;
	background: rgba(202, 202, 202, 0.3) url(../images/arr2_right.png) center center no-repeat;
	background-size:50% auto;
 transition: all .3s ease;
}
#i_banner .banner .swiper-button-next.swiper-button-disabled {
	background-color: rgba(0, 0, 0, 0.3);
}
#i_banner .banner .swiper-button-prev.swiper-button-disabled {
	background-color: rgba(0, 0, 0, 0.3);
}
#i_banner .banner .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background-color: #ffffff;
	margin: 0 14px;
	opacity: 0.5;
	color: transparent;
}
#i_banner .banner .swiper-pagination-bullet-active {
	opacity: 1;
	width: 42px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	border: 2px solid rgba(255, 255, 255, 0.4);
	background-color: transparent;
	color: #ffffff;
}
#i_banner .banner .swiper-pagination-bullet-active .rightcircle {
	-webkit-animation: circleProgressLoad_right 6s linear infinite;
	animation: circleProgressLoad_right 6s linear infinite;
}
#i_banner .banner .swiper-pagination-bullet-active .leftcircle {
	-webkit-animation: circleProgressLoad_left 6s linear infinite;
	animation: circleProgressLoad_left 6s linear infinite;
}
#i_banner .banner .swiper-pagination-bullet-active .wrapper_con {
	display: block;
}
#i_banner .banner .swiper-pagination {
	font-size: 0px;
}
#i_banner .banner .swiper-pagination>span {
	display: inline-block;
	vertical-align: middle;
	position: relative;
}
#i_banner .banner .swiper-container-rtl .swiper-button-next {
	left: calc(8.335% - 32px);
}
#i_banner .banner .swiper-container-rtl .swiper-button-prev {
	right: calc(8.335% - 32px);
}
#i_banner .banner .swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 5%;
}
#i_banner .banner .swiper-pagination-custom {
	bottom: 5%;
}
#i_banner .banner .swiper-pagination-fraction {
	bottom: 5%;
}
#i_banner .right {
	right: -2px;
}
#i_banner .left {
	left: -2px;
}
#i_banner .circleProgress {
	width: 42px;
	height: 42px;
	border: 2px solid transparent;
	border-radius: 50%;
	position: absolute;
	top: 0px;
	-webkit-transform: rotate(-135deg);
}
#i_banner .rightcircle {
	border-bottom: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	right: 0px;
}
#i_banner .leftcircle {
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	left: 0px;
}
#i_banner .wrapper_con {
	width: 21px;
	height: 42px;
	position: absolute;
	top: -2px;
	overflow: hidden;
	display: none;
}
 @media only screen and (max-width: 1024px) and (min-width: 769px) {
 #i_banner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title_en {
 font-size: 26px;
}
 #i_banner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title {
 font-size: 30px;
}
 #i_banner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info {
 font-size: 14px;
}
 #i_banner .banner .swiper-button-prev {
 width: 40px;
 height: 40px;
 line-height: 40px;
}
 #i_banner .banner .swiper-button-next {
 width: 40px;
 height: 40px;
 line-height: 40px;
}
}
 @media only screen and (max-width: 768px) {
 #i_banner .circleProgress {
display: none;
}
 #i_banner .banner .swiper-container-horizontal>.swiper-pagination-bullets {
 bottom: 15%;
}
 #i_banner .banner .swiper-pagination-bullet {
 width: 8px;
 height: 8px;
 margin: 0 6px;
}
 #i_banner .rightcircle {
 display: none;
}
 #i_banner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title_en {
 font-size: 18px;
}
 #i_banner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title {
 font-size: 16px;
}
 #i_banner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info {
 font-size: 12px;
 width: 80%;
 margin: 0 auto;
 display: none;
}
 #i_banner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info .infoen {
 display: none;
}
 #i_banner .banner .swiper-button-prev {
 display: none;
}
 #i_banner .banner .swiper-button-next {
 display: none;
}
}
#i_banner {
	width: 100%;
	max-width: none;
	min-width: 0px;
	height: auto;
	max-height: none;
	min-height: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.i_box {
	padding: 3.7em 0;
}
.i_box .titen {
	font-weight: bold;
	color:#232650;
	line-height: 1;
}
.i_box .tit {
	margin-top:0em;
	color: #000000;
	font-weight: bold;
	line-height: 1.5;
}

.i_box .tit::after {
    content: "";
    display: block;
    width: 1.5em;
    margin: 0.2em auto 0.2em;
    background-color: #0055a8;
    height: 3px;
}



.i_box .tit2 {
	color: #333333;
	margin-top:0.2em;
}
.i_box .tab {
	margin-top: 1.2em;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
}
.i_box .tab li {
	min-width:16.6%;
}
.i_box .tab li a {
	margin: 0.1em 0.1em 0;
	line-height:3.2;
	color: #959595;
	background-color: #f1f1f1;
	display: block;
	transition: all 0.5s;
	font-size:1.2em
}
.i_box .tab li a:hover {
	background-color: #015ab5;
	color: #fff;
}
.i_box .tab li.hover a {
	background-color: #015ab5;
	color: #fff;
}
 @media only screen and (max-width:828px) {
 .i_box .tab li {
min-width:50%;
}
.i_box .tab li a {
margin: 0.5em 0.2em 0;
line-height:3;
font-size:.8em
}
.i_box {
padding:20px 0;
}

}
.proList ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
}
.proList li {
	margin: 1.8% 1.33% 0 0;
	width: 24%;
	color: #333;
}
.proList li:nth-child(4n) {
margin-right: 0;
}
.proList .lib {
	border: 1px solid #dfdfdf;
}
.proList .pic {
	position: relative;
	z-index: 0;
	width: 100%;
	padding-top:75%;
	display: block;
	cursor: pointer;
	overflow: hidden;
}
.proList .pic img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit:contain;
	transition: all 0.5s;
}
.proList li:hover .pic img {
	-ms-transform: scale(1.08, 1.08);
	-webkit-transform: scale(1.08, 1.08);
	transform: scale(1.08, 1.08);
}
.proList .pic .icon {
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 13.6%;
	padding-top: 13.6%;
	margin-left: -6.8%;
	margin-top: -6.8%;
	background: rgba(255, 255, 255, 0.85) url(../images/link.png) no-repeat center center / 38% auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	transition: all 0.5s;
}
.proList li:hover .pic .icon {
	opacity: 1;
}
.proList li a:hover {
	color:#333333
}
.proList .txts {
	filter:alpha(opacity=0);
	-moz-opacity:.0;
	opacity:0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background: rgba(0, 0, 0, .25);
	transition: all 0.5s ease;
}
.proList li:hover .txts {
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
.proList .txts .name {
	color: #fff;
	width: 60%;
	margin: 0.4em 0;
}
.proList .txts .line {
	background-color: #fff;
	height: 1px;
	width: 5em;
	transition: all 0.5s ease;
}
.proList li:hover .txts .line {
	width: 1.2em;
}
.proList .txt {
	border-top: 1px solid #dfdfdf;
	padding: 1em;
	text-align:left;
}
.proList .txt .name {
	height: 2.5em;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
*white-space:nowrap;
}
 @media only screen and (max-width:828px) {
.proList ul {
display: block;
}
.proList li {
width: 100%;
margin:5% 0 0;
}
}
/*about*/

.aboutBox .info {
	color: #fff;
	padding: 90px 0 212px;
	background: #000 url(../images/bj.jpg) no-repeat center center / cover;
	background-attachment: fixed;
}
.aboutBox .info .cons {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.aboutBox .info .txt {
	flex: 1;
	margin-right: 18%;
}
.aboutBox .info .tit {
	text-align: left;
	font-weight: bold;
}
.aboutBox .info .titen {
	text-align: left;
	font-weight: bold;
}
.aboutBox .info .titen::after {
content: "";
display: block;
width: 1.6em;
height: 2px;
margin: 0.1em auto 0 0;
background-color: #fff;
}
.aboutBox .info .intro {
	margin-top: 1.1em;
	text-align: left;
	line-height: 2.5;
	font-size: 16px;
}
.aboutBox .list {
	margin-top: -120px;
	background-color: #fff;
	-moz-box-shadow: 0 0 20px rgb(0 0 0 / 8%);
	-webkit-box-shadow: 0 0 20px rgb(0 0 0 / 8%);
	box-shadow: 0 0 20px rgb(0 0 0 / 8%);
}
.aboutBox .list ul {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
.aboutBox .list li {
	overflow: hidden;
	position: relative;
	z-index: 0;
	flex: 1;
	border-right:1px solid #efefef;
}
.aboutBox .list li:hover {
	background-color: #003f97;
}
.aboutBox .list li::after {
content: "";
display: block;
position: absolute;
background-color: #d7000f;
height: 5px;
width: 0;
bottom: 0;
left: 0;
transition: all 0.5s;
}
.aboutBox .list li:hover::after {
width: 100%;
}
.aboutBox .list li:nth-child(3n) {
border-right:0;
}
.aboutBox .list .lib {
	padding: 6% 6% 13%;
	text-align: left;
	transition: all 0.5s;
}
.aboutBox .list li:hover .lib {
	transform: translate(0, -72px);
	-ms-transform: translate(0, -72px); /* IE 9 */
	-webkit-transform: translate(0, -72px); /* Safari and Chrome */
}
.aboutBox .list .icon {
	position: relative;
	z-index: 0;
	width: 72px;
	padding-top: 72px;
	overflow: hidden;
	margin: 0 auto 0 0;
}
.aboutBox .list .icon img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.aboutBox .list .name {
	margin-top: 3%;
	font-weight: bold;
	color: rgb(51,51,51);
}
.aboutBox .list .intro {
	margin-top: 4%;
	color: #999;
}
.aboutBox .list .plus {
	position: absolute;
	left: 6%;
	bottom: 12%;
	width: 1.8em;
	height: 1.8em;
	background: url(../images/plus.png) center center no-repeat;
	background-size:contain;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	transition: all 0.5s;
}
.aboutBox .list li:hover .plus {
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	transform: rotate(90deg);
	-ms-transform: rotate(90deg); /* IE 9 */
	-webkit-transform: rotate(90deg); /* Safari and Chrome */
}
.aboutBox .list li:hover .icon {
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}
.aboutBox .list li:hover .name {
	color: #fff;
}
.aboutBox .list li:hover .intro {
	color: #fff;
}
@media only screen and (max-width:828px) {
 .aboutBox .info {
font-size:14px;
padding: 90px 0 64px;
}
.aboutBox .info .cons {
display: block;
text-align: left;
}
.aboutBox .info .txt {
margin-right: 0;
}
.aboutBox .list ul {
display: block;
}
.aboutBox .list li {
width: 100%;
border-right: 0;
}
.aboutBox .moreBtn {
margin: 3em auto 0 0;
}
.aboutBox .cons {
display:none
}
#i_banner .f-14 {
display:none
}
}
.aboutBox2 {
	position: relative;
	z-index: 0;
	color: #fff;
	background: url(../images/about_bg.jpg) center center no-repeat;
	background-size:cover;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
.aboutBox2::after {
content: "";
display: block;
position: absolute;
z-index: -1;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.2);
}
.aboutBox2 .info {
	flex: 1;
	border-right:1px solid rgba(255, 255, 255, 0.2);
}
.aboutBox2 .txt {
	padding:5em 0;
	margin: 0 14.9%;
	text-align: left;
}
.aboutBox2 .txt .tit {
	font-size: 2.5em;
}
.aboutBox2 .txt .tit::after {
 content: "";
 width: 1.6em;
 display: block;
 margin: 0.5em auto 0 0;
 height: 3px;
 background-color: #fff;
}
.aboutBox2 .txt .intro {
	margin-top: 2em;
	line-height: 2.2;
	font-size:16px;
}
.aboutBox2 .list {
	flex: 1;
}
.aboutBox2 .list ul {
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.aboutBox2 .list li {
	width: 50%;
	height: 50%;
	display: flex;
	justify-content: center;
	align-items: stretch;
}
.aboutBox2 .list li .lib {
	flex: 1;
	border-bottom:1px solid rgba(255, 255, 255, 0.2);
	border-right:1px solid rgba(255, 255, 255, 0.2);
	padding: 15% 10% 15% 10%;
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items: flex-start;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
}
.aboutBox2 .list li:hover .lib {
	background-color: #015ab5;
}
.aboutBox2 .list li:nth-child(2n) .lib {
border-right:0;
}
.aboutBox2 .list li:nth-child(4) .lib {
border-bottom:0;
}
.aboutBox2 .list li:nth-child(3) .lib {
border-bottom:0;
}
.aboutBox2 .list .name {
	margin-top: 0.6em;
	font-weight: bold;
}
.aboutBox2 .list .intro {
	margin-top: 0.3em;
}
.aboutBox2 .list .icon {
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
}
.aboutBox2 .list .icon img {
	width: 73px;
	height: 73px;
}
.aboutBox2 .list li:hover .icon {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg); /* Safari 与 Chrome */
}
.aboutBox2 .moreBtn4 {
	display: block;
	text-align: center;
}
 @media only screen and (max-width:828px) {
 .aboutBox2 {
display: block;
}
 .aboutBox2 .txt .tit {
font-size:24px;
}
 .aboutBox2 .list ul {
height: auto;
display: block;
}
 .aboutBox2 .list li {
width: 100%;
height: auto;
}
 .aboutBox2 .txt {
 padding: 2em 0;
 margin: 0 1em;
}
 .aboutBox2 .list li .lib {
flex-direction:row;
padding: 1.8em 1em;
 border-bottom:1px solid rgba(255, 255, 255, 0.5);
 border-right:0;
background-color: rgba(0, 0, 0, 0.3);
}
 .aboutBox2 .list li:nth-child(4) .lib {
border-bottom:1px solid rgba(255, 255, 255, 0.5);
}
 .aboutBox2 .list li:nth-child(3) .lib {
border-bottom:1px solid rgba(255, 255, 255, 0.5);
}
 .aboutBox2 .list .txtc {
flex: 1;
margin-left: 0.7em;
}
 .aboutBox2 .list .icon {
margin-top: 0.5em;
}
 .aboutBox2 .list .icon img {
width: 54px;
height: 54px;
}
 .aboutBox2 .list .name {
margin-top: 0;
}
 .aboutBox2 .txt .intro {
font-size: 14px;
}
}
/*产品*/
.proBox .list ul {
	padding: 2.1% 0 3.1%;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
}
.proBox .list li {
	cursor: pointer;
	width: 32.4%;
	margin: 1% 1.4% 0 0;
	background: #e7e8eb url(../images/libg.png) no-repeat center center / 100% 100%;
}
.proBox .list li:nth-child(3n) {
margin-right: 0;
}
.proBox .list .lib {
	padding: 7% 9.5% 9.3% 6.6%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row-reverse;
}
.proBox .list .pic {
	margin-top: 12.5%;
	width: 40.6%;
	position: relative;
	z-index:0;
	padding-top: 40.6%;
	transition: all 0.5s;
}
.proBox .list .pic img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.proBox .list .lib:hover .pic {
	-ms-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}
.proBox .list .txt {
	text-align: left;
	width: 44%;
}
.proBox .list .num {
	color: #d1d1d1;
	font-family: "Montserrat-Extra-Bold";
	height: 1.5em;
	overflow: hidden;
}
.proBox .list .name {
	margin-top:0.4em;
	color: #363636;
	font-family: "Montserrat-Bold";
	line-height: 1.1;
	height: 2.2em;
	overflow: hidden;
}
.proBox .list .intro {
	margin-top: 1em;
	color: #A5A5A5;
	font-family: "Montserrat-light";
	height: 1.5em;
	overflow: hidden;
}
.proBox .list .arrow {
	width: 2.6em;
	height: 2.6em;
	margin: 1.9em auto 0 0;
	transition: 0.1s;
	background:#dc000c url(../images/arr_3.png) no-repeat center / auto 28%;
	border: 1px solid #dc000c;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	opacity: 0;
	box-shadow: 0px 3px 20px 1px rgba(220, 0, 12, 0.2);
	transition: all 0.5s;
}
.proBox .list li:hover .arrow {
	opacity: 1;
}
@media only screen and (max-width:828px) {
.proBox {
padding: 10% 0;
}
.proBox .list ul {
display: flex;
padding: 0;
}
.proBox .list li {
width: 100%;
margin: 5% 0 0;
}
}
.swiper-pro-con {
	position: relative;
	z-index: 0;
	margin-top: 3.2%;
	padding: 0 2.4em 0;
	overflow: hidden;
}
.swiper-pro-con .swiper-pro {
	padding-bottom: 3em;
}
.swiper-pro-con .swiper-button-next {
	right: 0;
	width: 2.2em;
	height: 2.2em;
	margin-top: -3em;
	background: url(../images/arr3_right.png) center center no-repeat;
	background-size:contain;
}
.swiper-pro-con .swiper-button-prev {
	left: 0;
	width: 2.2em;
	height: 2.2em;
	margin-top: -3em;
	background: url(../images/arr3_left.png) center center no-repeat;
	background-size:contain;
}
.swiper-pro {
	width: auto;
}
.swiper-pro .swiper-slide {
	width:25%;
	cursor: pointer;
}
.swiper-pro .swiper-slide ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
}
.swiper-pro .swiper-slide li {
	width: 23.87%;
	margin-right: 1.5%;
}
.swiper-pro .swiper-slide li:nth-child(4n) {
margin-right: 0;
}
.swiper-pro .item a {
	color: #333;
}
.swiper-pro .item .pic {
	position: relative;
	z-index: 0;
	width: 100%;
	padding-top:70%;
	display: block;
	cursor: pointer;
	overflow: hidden;
}
.swiper-pro .item .pic img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	;
	object-fit:cover;
	transition: all 0.5s;
}
.swiper-pro .item .pic .icon {
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 13.6%;
	padding-top: 13.6%;
	margin-left: -6.8%;
	margin-top: -6.8%;
	background: rgba(255, 255, 255, 0.85) url(../images/link.png) no-repeat center center / 38% auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	transition: all 0.5s;
}
.swiper-pro .item:hover .pic .icon {
	opacity: 1;
}
.swiper-pro .item .pic::after {
content: "";
display: block;
position: absolute;
z-index: 0;
left: 0;
bottom: 0;
right: 0;
height: 3em;
background: rgba(0, 0, 0, .5);
transition: all 0.5s ease;
}
.swiper-pro .item .txts {
	z-index: 1;
	position: absolute;
	left: 0;
	height: 100%;
	right:0;
	top: 100%;
	margin-top: -2.5em;
	text-align:center;
	padding: 0 10% 0;
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-direction: column;
	/* background: rgba(0, 0, 0, .5); */
transition: all 0.5s ease;
}
.swiper-pro .item:hover .pic::after {
height: 100%;
}
.swiper-pro .item:hover .txts {
	top: 37%;
	margin-top: 0;
}
.swiper-pro .item .txts .intro {
	margin-top: 1.5em;
	color: #fff;
}
.swiper-pro .item .txts .name {
	color: #fff;
	line-height: 1.5em;
	height: 1.5em;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
*white-space:nowrap;
}
 @media only screen and (max-width:828px) {
 .swiper-pro-con {
padding: 0;
}
 .swiper-pro .swiper-slide li {
width: 48%;
margin-right: 4%;
margin-top: 4%;
}
 .swiper-pro .swiper-slide li:nth-child(2n) {
margin-right: 0;
}
}
.prodList ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
}
.prodList li {
	width: 23.57%;
	margin-top: 1.9%;
	margin-right: 1.9%;
}
.prodList li:nth-child(4n) {
margin-right: 0;
}
.prodList li .lib {
	position: relative;
	z-index: 0;
	padding: 3% 3% 1em;
	background-color: #f5f5f5;
}
.prodList li .lib::after {
display: block;
content: "";
 position: absolute;
z-index: -1;
bottom: 0;
left: 0;
width: 100%;
height: 0;
background-color: #eef2f5;
transition: all 0.5s;
-webkit-transition:all 0.5s;
}
 .prodList li:hover .lib::after {
height: 100%; 
}
.prodList .name {
	margin: .5em 0 0;
	color: #333;
	height: 1.5em;
	line-height: 1.5em;
	overflow: hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
}
.prodList .pic {
	position: relative;
	z-index: 0;
	width: 100%;
	padding-top:80%;
	display: block;
	cursor: pointer;
	overflow: hidden;
	background-color: #fff;
}
.prodList .pic img {
	position: absolute;
	left: 0%;
	top: 5%;
	width: 100%;
	;
	object-fit:contain;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
}
.prodList li:hover .pic img {
	-ms-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}
 @media only screen and (max-width:828px) {
 .prodList {
margin-top: 1em;
}
 .prodList li {
width: 49%;
margin-top: 2%;
margin-right: 2%;
}
 .prodList li:nth-child(2n) {
margin-right: 0;
}
 .prodList .name {
font-size:14px;
}
}
.enviBox {
	margin: 3.6em 0;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	background-color: #015ab5;
	color: #fff;
}
.enviBox .picb {
	position: relative;
	z-index: 0;
	width: 46.8%;
}
.enviBox .txtb {
	width: 40.7%;
	text-align: left;
	margin: 0 6.2% 0 6%;
	padding: 3.1% 0;
}
.enviBox .txtb .title {
	font-weight: bold;
}
.enviBox .txtb .title::after {
content: "";
display: block;
height: 0.075em;
width: 1em;
background-color: #fff;
margin: 0.2em auto 0 0;
}
.enviBox .txtb .intro {
	margin-top: 1.3em;
	line-height: 2;
}
.enviBox .txtb .moreBtn4 {
	margin: 1.2em 0 0;
}
.swiper-envi-con {
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.swiper-envi-con .swiper-button-next {
	right: 0;
	width: 2.2em;
	height: 2.2em;
	margin-top: -3em;
	background: url(../images/arr3_right.png) center center no-repeat;
	background-size:contain;
}
.swiper-envi-con .swiper-button-prev {
	left: 0;
	width: 2.2em;
	height: 2.2em;
	margin-top: -3em;
	background: url(../images/arr3_left.png) center center no-repeat;
	background-size:contain;
}
.swiper-envi {
	width: 100;
	height: 100%;
}
.swiper-envi .swiper-slide {
	width:100%;
	cursor: pointer;
}
.swiper-envi .item {
	width: 100%;
	height: 100%;
}
.swiper-envi .item a {
	display: block;
	cursor: pointer;
	width: 100%;
	height: 100%;
}
.swiper-envi .item .pic {
	position: relative;
	z-index: 0;
	width: 100%;
	height: 100%;
	display: block;
	cursor: pointer;
	overflow: hidden;
}
.swiper-envi .item .pic img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit:cover;
	transition: all 0.5s;
}
.swiper-envis-con {
	position: absolute;
	z-index: 1;
	left: 3%;
	right: 3%;
	bottom: 7%;
}
.swiper-envis-con .swiper-button-next {
	right: -2.5%;
	width: 7%;
	height: 0;
	padding-top: 7%;
	margin-top: -3.5%;
	background:#006cb7 url(../images/arr5.png) center center no-repeat;
	background-size:auto 50%;
}
.swiper-envis-con .swiper-button-prev {
	left: -2.5%;
	width: 7%;
	height: 0;
	padding-top: 7%;
	margin-top: -3.5%;
	background:#006cb7 url(../images/arr5.png) center center no-repeat;
	background-size:auto 50%;
	transform: rotate(180deg);
	-ms-transform: rotate(180deg); /* IE 9 */
	-webkit-transform: rotate(180deg); /* Safari and Chrome */
}
.swiper-envis {
	width: auto;
}
.swiper-envis .swiper-slide {
	width:25%;
	cursor: pointer;
}
.swiper-envis .item {
	margin: 0 5.4%;
}
.swiper-envis .item .pic {
	position: relative;
	z-index: 0;
	width: 100%;
	padding-top: 56%;
	display: block;
	cursor: pointer;
	overflow: hidden;
	cursor: pointer;
	background-color: #000;
}
.swiper-envis .item .pic img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit:cover;
	transition: all 0.5s;
	filter:alpha(opacity=70);
	-moz-opacity:.7;
	opacity:0.7;
}
.swiper-envis .swiper-slide-active .item .pic img {
	filter:alpha(opacity=1000);
	-moz-opacity:1.0;
	opacity:1.0;
}
.swiper-envis .swiper-slide-active .item .pic::after {
 content: "";
display: block;
position: absolute;
z-index: 2;
 left: 0;
top: 0;
bottom: 0;
right: 0;
border: 2px solid #fff;
}
@media only screen and (max-width:828px) {
 .enviBox {
display: block;
}
 .enviBox .picb {
width: 100%;
padding-top: 56%;
}
 .enviBox .txtb {
width: auto;
padding: 6%;
}
 .swiper-envis-con {
right: 3%;
}
}
 @media only screen and (min-width:1920px) {
.enviBox .picb {
position: relative;
z-index: 0;
width: 53.8%;
}
}
.hotLineBox {
	padding: 70px 0 70px;
	background: url(../images/tel_bg2.jpg) center center repeat;
	background-attachment: fixed;
	color: #fff;
}
.hotLineBox .cons {
}
.hotLineBox .txt {
	text-align: center;
}
.hotLineBox .txt .name {
	font-size: 34px;
}
.hotLineBox .txt .name::after {
content: "";
width: 1.6em;
display: block;
margin: 0.5em auto 0;
height: 3px;
background-color: #fff;
}
.hotLineBox .txt .intro {
	margin-top:2em;
	line-height: 1.8;
	font-size:15.5px;
}
.hotLineBox .tel {
	margin: 2em 6% 0;
}
.hotLineBox .tel .name {
	line-height: 1.6;
}
.hotLineBox .tel .num {
	line-height: 1.6;
	font-weight: bold;
}
 @media only screen and (max-width:828px) {
 .hotLineBox {
background-position:0 center;
}
 .hotLineBox .tel {
margin: 0 auto;
}
 .moreBtn4 {
padding: 0 3em;
}
}
.hotLineBox2 {
	padding: 70px 0 94px;
	background: url(../images/tel_bg.jpg) center center no-repeat;
	background-size:cover;
	color: #fff;
}
.hotLineBox2 .cons {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.hotLineBox2 .txt {
	margin-right: 28%;
	text-align: left;
	flex: 1;
}
.hotLineBox2 .txt .name {
	font-weight: bold;
}
.hotLineBox2 .txt .intro {
	margin-top: 1em;
	line-height: 1.8;
	font-size: 18px;
}
.hotLineBox2 .tel {
	margin: 0 6%;
}
.hotLineBox2 .tel .name {
	line-height: 1.6;
}
.hotLineBox2 .tel .num {
	line-height: 1.6;
	font-weight: bold;
}
@media only screen and (max-width:1400px) {
 .hotLineBox2 .txt {
margin-right: 14%;
}
}
@media only screen and (max-width:1000px) {
 .hotLineBox2 .txt {
margin-right: 8%;
}
}
@media only screen and (max-width:828px) {
 .hotLineBox2 {
background-position:0 center;
}
 .hotLineBox2 .txt {
display: none;
}
 .hotLineBox2 .tel {
margin: 0 auto;
}
}
 @media only screen and (max-width:828px) {
 .swiper-area-con {
width: 80%;
margin: 2em auto 0;
}
 .swiper-area .swiper-slide {
width:100%;
}
}
.newCon {
	margin-top: 30px;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
.newCon .newPicList {
	width: 50%;
	overflow: hidden;
	min-height: 543px;
}
.newCon .newPicList ul {
	height: 100%;
}
.newCon .newPicList li {
	height: 100%;
}
.newCon .newPicList .pic {
	display: block;
	cursor: pointer;
	width: 100%;
	position: relative;
	z-index:0;
	height: 100%;
}
.newCon .newPicList .pic img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s;
}
.newCon .newPicList li:hover img {
	-ms-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}
.newCon .newPicList .txt {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	line-height: 1.5;
	padding: 1em;
	background-color: rgba(0, 0, 0, 0.5);
}
.newCon .newPicList .txt .name {
	height: 1.5em;
	overflow: hidden;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.newCon .newList {
	width: 48.5%;
	height: 100%;
}
.newCon .newList li {
	background-color: #dfdfdf;
	margin-top: 8px;
	transition: all 0.5s;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 1.7em 1.8em 1.7em 0;
}
.newCon .newList li:first-child {
	margin-top: 0;
}
.newCon .newList .time {
	color: #121212;
	transition: all 0.5s;
}
.newCon .newList .time .year {
	width: 4em;
}
.newCon .newList .txt {
	text-align: left;
}
.newCon .newList .name {
	font-weight: bold;
	height: 1.5em;
	overflow: hidden;
}
.newCon .newList .name a {
	color: #4a4a4a;
	transition: all 0.5s;
}
.newCon .newList .intro {
	margin-top: 0.6em;
	color: #999;
	line-height: 1.8;
	height: 3.6em;
	overflow: hidden;
	transition: all 0.5s;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.newCon .newList li:hover .time {
	color: #fff;
}
.newCon .newList li:hover {
	background-color: #003f97;
}
.newCon .newList li:hover .name a {
	color: #fff;
}
.newCon .newList li:hover .intro {
	color: #fff;
}
 @media only screen and (max-width:828px) {
.newCon {
display: block;
}
.newCon .newPicList {
width: 100%;
height: auto;
min-height: initial;
}
.newCon .newPicList .pic {
height: 0;
padding-top: 66.67%;
}
.newCon .newList {
width: 100%;
height: auto;
}
.newCon .newList li:first-child {
margin-top: 8px;
}
.newCon .newList .intro {
line-height: 1.5;
height: 3em;
}
.newCon .newList li {
padding: 1.2em 1.6em 1.2em 0;
}
}
.lookDetail {
	position:relative;
	display:block;
	color:#777;
	border-top:1px solid #e5e5e5;
	font-size:14px;
	padding-top:10px;
}
.arrowsR {
	position:absolute;
	top:50%;
	right:0px;
	transform:translate(0, -50%);
	width:30px;
}
.arrowsR img {
	position:absolute;
transition:all .5s ease;
}
.harr {
	opacity:0;
}
.showBox {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	opacity:0;
	background:rgba(35, 38, 80, .8);
	transition:all 0.5s ease;
}
.showBoxLink {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	display:block;
	width:60%;
	color:#fff;
	text-align:center;
	font-size:1rem;
	padding:0.5rem 0;
}
.showBoxLink::before {
content:'';
position:absolute;
top:0px;
left:50%;
transform:translateX(-50%);
width:60%;
height:1px;
background:#fff;
transition:all .5s ease;
}
.showBoxLink::after {
content:'';
position:absolute;
bottom:0px;
left:50%;
transform:translateX(-50%);
width:60%;
height:1px;
background:#fff;
transition:all .5s ease;
}
.lookDetail:hover .barr {
	opacity:0;
}
.lookDetail:hover .harr {
	opacity:1;
}
.xinlist {
	min-width: 320px;
	width: 100%;
}
.xinlist .p_PromptNoneData {
	width: auto;
	text-align: center
}
.xinlist .p_PromptNoneData .prompt_title .iconfont:before {
	content: ""
}
.xinlist .p_PromptNoneData .prompt_title .first {
	height: auto;
	display: table-cell;
	position: relative;
	vertical-align: middle;
	padding: 0 10px 5px 0;
}
.xinlist .p_PromptNoneData .prompt_title {
	display: inline-table;
	padding: 0 30px;
	min-height: 200px;
	height: 100%
}
.xinlist .p_PromptNoneData .prompt_title .first:before {
	content: "\e6b4"
}
.xinlist .p_PromptNoneData .prompt_title .font {
	display: table-cell;
	vertical-align: middle;
	text-align: left
}
.xinlist .p_PromptNoneData .promptbox {
	width: auto;
	height: 100%
}
.xinlist .p_PromptNoneData .prompt_content {
	padding-left: 65px
}
.xinlist .p_moreBtn {
	position: static;
	width: auto;
	display: inline-table;
	min-height: 29px;
	margin: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	min-width: 86px;
	cursor: pointer;
	text-align: center
}
.xinlist .p_moreBtn .font {
	white-space: nowrap;
	overflow: visible;
	vertical-align: middle
}
.xinlist .p_moreBtn .iconfont:before {
	content: ""
}
@-moz-keyframes three-quarters-loader {
0% {
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes three-quarters-loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes three-quarters-loader {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.loading_animation {
	-moz-animation: three-quarters-loader 850ms infinite linear;
	-webkit-animation: three-quarters-loader 850ms infinite linear;
	animation: three-quarters-loader 850ms infinite linear;
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	overflow: hidden;
	text-indent: -9999px;
	width: 32px;
	height: 32px;
	vertical-align: middle
}
.xinlist .p_loading {
	width: 100%;
	height: 70px;
	line-height: 70px;
	text-align: center;
}
.xinlist .p_loading .iconfont:before {
	content: "";
	shadow-angle:0;
	shadow-distance:0;
	shadow-angle-ofInset:0;
	shadow-distance-ofInset:0;
}
.xinlist .p_loading .font {
	display: inline-block;
	margin-left: 20px;
	height: inherit
}
.xinlist .p_moreBox {
	margin: 0 20px;
	width: auto;
	height: auto;
	padding: 0;
	overflow: hidden
}
.xinlist .p_ToDetail {
	display: inline-block;
	margin: 0;
	padding: 5px 10px;
	min-width: 86px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
}
a>.xinlist .p_ToDetail:hover {
	cursor: pointer
}
.xinlist .p_SummaryBox {
	margin: 0;
	width: 236px;
	height: 317px;
	padding: 0;
	overflow: hidden
}
.xinlist .p_summary {
	text-align: left;
	vertical-align: top;
	word-break: break-all
}
.xinlist .p_time {
	display: inline-block;
	margin: 0;
	padding: 0 5px 0 0;
	vertical-align: middle;
	text-align: left;
	white-space: nowrap;
	overflow: visible;
	line-height: 18px;
	vertical-align: top
}
.xinlist .p_assist {
	margin: 0;
	width: 236px;
	height: 317px;
	padding: 0;
	overflow: hidden
}
.xinlist .p_TitleBox {
	width: auto;
	height: auto;
	padding:5px 0;
	overflow: hidden;
	vertical-align: top;
}
.xinlist .p_title {
	display: inline-table;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
}
.xinlist .p_header {
	margin: 5px 0 0;
	width: auto;
	height: auto;
	padding: 0;
	overflow: hidden;
}
.xinlist .p_content {
	margin: 0;
	width: 236px;
	height: 317px;
	padding: 0;
	overflow: hidden
}
.xinlist .p_images {
	margin: 0;
	width: 168px;
	height: 138px;
	padding: 0;
	overflow: hidden;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	position: relative;
	vertical-align: middle;
	text-align: center;
	margin-right: 15px
}
.xinlist .p_articles {
	margin: 0;
	width:calc((100% - 0px)/5);
	height: 186px;
	padding: 0;
}
.xinlist .p_news {
	margin: 0;
	width: inherit;
	height: auto;
	padding: 0;
	overflow: hidden;
}
.xinlist .p_Newslist {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.xinlist {
	overflow: hidden;
}
.xinlist .p_content {
	width: auto;
	height: auto;
	vertical-align: top
}
.xinlist .p_SummaryBox {
	width: auto;
	height: auto;
}
.xinlist .p_assist {
	width: auto;
	height: auto;
}
.xinlist .p_icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: 2px
}
.xinlist .p_about {
	display: inline-block;
	vertical-align: middle
}
.xinlist .p_articles {
	display: inline-block;
	height: auto;
	min-width: 320px;
	width: calc((100% - 0px)/1);
	padding: 15px 20px;
	overflow: hidden;
	float: left;
}
.xinlist .p_thumbnail {
	width: 100%;
	height: auto;
	vertical-align: middle;
	text-align: center;
	overflow: hidden
}
.xinlist .p_thumbnail img {
	width:100%;
}
.xinlist .higher .p_thumbnail {
	position: absolute;
	height: 100%
}
.xinlist .widther .p_thumbnail {
	position: absolute;
	height: 100%
}
.xinlist .smaller .p_thumbnail {
	position: absolute;
	height: 100%
}
.xinlist .p_assist {
	margin-top: 2px;
}
.xinlist .p_SummaryBox {
	clear: both;
	margin-bottom: 10px;
	margin-top: 8px
}
.xinlist .p_ToDetail {
	float: right;
	position: relative
}
.xinlist .p_summary {
	white-space: normal
}
.xinlist .p_categorySummaryBox {
	overflow: hidden;
	padding: 10px;
}
@media only screen and (max-width: 768px) {
.xinlist .p_articles {
margin-top: 10px !important;
width: 100% !important;
}
.xinlist .mp_linkUrl {
display: block;
height: auto;
}
.xinlist .p_SummaryBox {
display: none;
}
.xinlist .p_ToDetail {
display: none !important;
}
.xinlist .mP_SummaryBox {
clear: both;
}
.xinlist .p_Information {
display: flex;
padding: 10px 0;
}
.xinlist .p_Information li {
flex: 1;
height: 20px;
overflow: hidden;
}
.xinlist .p_KeyWord {
width: 100%;
margin-top: 5px;
}
.xinlist .p_KeyWord .p_tag {
padding: 5px 15px;
margin-right: 10px;
border-radius: 3px;
}
.xinlist .blank {
width: 100%;
height: 15px;
overflow: hidden;
}
.xinlist .p_articles {
border: none
}
}
@media only screen and (min-width: 769px) {
.xinlist .mp_linkUrl {
display: none;
}
.xinlist .mP_SummaryBox {
display: none;
}
.xinlist .p_Information {
display: none;
}
.xinlist .p_KeyWord {
display: none;
}
.xinlist .blank {
display: none;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
}
.xinlist .p_CommonSummaryBoxA {
	text-align:center;
}
.xinlist .p_MatteIcon .iconfont:before {
	content:'\e602';
}
.xinlist >div {
	animation-fill-mode:both;
}
.xinlist .listBoxs {
	overflow:hidden;
}
.xinlist .listBoxs .list {
	width:calc((100%)/2);
	float:left;
transition:all .5s ease;
}
.xinlist .listBoxs .list:not(:first-child) .titleBox:hover .titleh5 {
color: #0055a8;
}
.xinlist .listBoxs .list:not(:first-child) .listCotentBox {
position:relative;
text-align:left
}
.xinlist .listBoxs .list:not(:first-child) .listCotentBox:before {
position:absolute;
left:-10px;
top:15%;
content:'';
background:#ddd;
width:1px;
height:70%;
z-index:1;
}
.xinlist .listBoxs .list:not(:first-child) .listCotentBox:after {
position:absolute;
left:-10px;
top:15%;
content:'';
background:#0055a8;
width:1px;
height:0%;
z-index:2;
transition:all .36s ease;
}
.xinlist .listBoxs .list:not(:first-child) .listCotentBox:hover:after {
height:70%;
}
.xinlist .listBoxs .list:not(:first-child) .list_link {
display:none;
}
.xinlist .listBoxs .listBoxs {
	padding:10px;
}
.xinlist .listBoxs .p_news {
	overflow:hidden;
}
.xinlist .listBoxs .list:first-child {
	display:flex;
	flex-wrap:wrap;
	float:left;
	position:relative;
}
.xinlist .listBoxs .list:first-child .list_images {
	width:100%;
	position:relative;
	overflow:hidden;
}
.xinlist .listBoxs .list:first-child .list_images img {
	width:100%;
	transition:600ms;
	-webkit-transition:600ms;
	-ms-transition:600ms;
	height:auto !important;
	left:50% !important;
	top:50% !important;
	-webkit-transform:translate(-50%, -50%) !important;
	-ms-transform:translate(-50%, -50%) !important;
	transform:translate(-50%, -50%) !important;
	position:absolute !important;
	display:none;
}
.xinlist .listBoxs .list:first-child .cover {
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	position:relative;
	height:39.3rem;
}
.xinlist .listBoxs .list:first-child .pic {
	position:relative;
	width:100%;
	height:auto;
	vertical-align:middle;
	text-align:center;
	overflow:hidden;
}
.xinlist .listBoxs .list:first-child .list_images .pic {
	transition:600ms;
	-webkit-transition:600ms;
}
.xinlist .listBoxs .list:hover .pic {
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
}
.xinlist .listBoxs .list:first-child .list_thumb {
	width:100%;
	height:100%;
}
.xinlist .listBoxs .list:first-child .listTimeBox {
	display:none;
	margin-top:-8px;
}
.xinlist .listBoxs .list:first-child .gyBox {
	display:none;
}
.xinlist .listBoxs .list:first-child .listCotentBox {
	padding:0px;
	width:100%;
}
.xinlist .listBoxs .list:first-child .cotentBox {
	background-color:rgba(0, 0, 0, .5);
	position:absolute;
	bottom:0px;
	padding:20px 0px 20px 0px;
	right:0px;
	left:0px;
}
.xinlist .listBoxs .list:first-child .cotentBox .titleh5 {
	color:#fff;
	text-align:center;
}
.xinlist .listBoxs .cotentBox {
	display:flex;
	width:100%;
}
.xinlist .listBoxs .listTimeBox {
	width:140px;
	height:100%;
}
.xinlist .listBoxs .list:not(:first-child) .listTimeBox {
margin-top:3%;
}
.xinlist .listBoxs .list:not(:first-child) .titleBox {
margin-top:1.4rem;
}
.xinlist .listBoxs .listTime {
	display:none;
}
.xinlist .listBoxs .list:nth-child(2) {
margin-top:0px;
}
.xinlist .listBoxs .listYear {
	font-size:30px;
	color:#333333;
	text-align:center;
	font-family:'Oswald', sans-serif;
}
.xinlist .listBoxs .listmd {
	text-align:center;
	font-size:16px;
	color:#333333;
	margin-top:8px;
	font-family:'Oswald', sans-serif;
}
.xinlist .listBoxs .listCotentBox {
	width:calc((100% - 170px)/1);
	padding:0 1rem;
	flex: 1;
}
.xinlist .listBoxs .titleh5 {
	font-size:16px;
	overflow:hidden;
	font-weight:bold;
	color:#333;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.xinlist .listBoxs .lsitSummary {
	font-size:14px;
	height:46px;
	line-height:26px;
	color:#999;
	display:-webkit-box;
	overflow:hidden;
	-webkit-line-clamp:2px;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	margin-bottom:28px;
}
.xinlist .listBoxs .gyBox {
	margin-top:1rem;
}
.xinlist .listBoxs .list:hover {
	background:none;
}
.xinlist .list:not(:first-child) .cotentBox {
background:#f5f5f5;
width:97%;
margin-left:3%;
margin-bottom:8px;
}
@media only screen and (max-width: 1024px) {
.xinlist .list:not(:first-child) .cotentBox {
width:100%;
margin-left:0%;
margin-bottom: 10px;
margin-top:10px;
}
.xinlist .listBoxs .list {
width: calc((100%)/1);
}
.xinlist .listBoxs .list:first-child .list_images img {
display:block;
}
.xinlist .listBoxs .list:first-child .cover {
display:none;
}
.xinlist .listBoxs .list:first-child .pic {
padding-bottom: 60%;
}
.xinlist .listBoxs .lsitSummary {
margin-bottom: 1rem;
}
}
@media only screen and (max-width: 768px) {
.xinlist .listBoxs .list:not(:first-child) .listTimeBox {
margin-top: 4%;
}
.xinlist .listBoxs .listYear {
font-size: 18px;
}
.xinlist .listBoxs .listmd {
font-size: 12px;
}
.xinlist .listBoxs .listTimeBox {
width: 60px;
}
.xinlist .listBoxs .listCotentBox {
width: calc((100% - 100px)/1);
}
.xinlist .listBoxs .titleh5 {
font-size: 15px;
height: 20px;
}
.xinlist .listBoxs .gyBox {
margin-top: 0.5rem;
}
.xinlist .listBoxs .lsitSummary {
font-size: 13px;
height: 40px;
line-height: 20px;
margin-bottom: 16px;
}
.xinlist .listBoxs .list:first-child .pic {
padding-bottom: 50%;
}
.xinlist .listBoxs .list:not(:first-child) .listCotentBox:before {
left: 0px;
}
.xinlist .listBoxs .list:not(:first-child) .listCotentBox:after {
left: 0px;
}
}
.xinlist .p_page .pre .iconfont:before {
	shadow-angle:0;
	shadow-distance:0;
	shadow-angle-ofInset:0;
	shadow-distance-ofInset:0;
}
.xinlist .p_page .next .iconfont:before {
	shadow-angle:0;
	shadow-distance:0;
	shadow-angle-ofInset:0;
	shadow-distance-ofInset:0;
}
.xinlist .p_more .iconfont:before {
	shadow-angle:0;
	shadow-distance:0;
	shadow-angle-ofInset:0;
	shadow-distance-ofInset:0;
}
#xinlist .p_articles {
	width:calc((100% - 0px)/5);
}
#xinlist .p_CommonSummaryBoxA {
	text-align:center;
}
#xinlist .p_MatteIcon .iconfont:before {
	content:'\e602';
}
#xinlist >div {
	animation-fill-mode:both;
}
#xinlist .p_hot .iconfont:before {
	shadow-angle:0;
	shadow-distance:0;
	shadow-angle-ofInset:0;
	shadow-distance-ofInset:0;
}
#xinlist .p_new .iconfont:before {
	shadow-angle:0;
	shadow-distance:0;
	shadow-angle-ofInset:0;
	shadow-distance-ofInset:0;
}
#xinlist .p_page .pre .iconfont:before {
	shadow-angle:0;
	shadow-distance:0;
	shadow-angle-ofInset:0;
	shadow-distance-ofInset:0;
}
#xinlist .p_page .next .iconfont:before {
	shadow-angle:0;
	shadow-distance:0;
	shadow-angle-ofInset:0;
	shadow-distance-ofInset:0;
}
#xinlist .p_more .iconfont:before {
	shadow-angle:0;
	shadow-distance:0;
	shadow-angle-ofInset:0;
	shadow-distance-ofInset:0;
}
#xinlist .p_loading .iconfont:before {
	shadow-angle:0;
	shadow-distance:0;
	shadow-angle-ofInset:0;
	shadow-distance-ofInset:0;
}
#xinlist {
	width:100%;
	max-width:none;
	min-width:320px;
	height:auto;
	max-height:none;
	min-height:0px;
	margin-top:2%;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:2%;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
}
.str_wrap {
	overflow:hidden;
	width:100%;
	font-size:12px;
	line-height:16px;
	position:relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	white-space:nowrap;
}
.str_wrap.str_active {
}
.str_move {
	white-space:nowrap;
	position:absolute;
	top:0;
	left:0;
	cursor:move;
}
.str_move_clone {
	display:inline-block;
	vertical-align:top;
	position:absolute;
	left:100%;
	top:0;
}
.str_vertical .str_move_clone {
	left:0;
	top:100%;
}
.str_down .str_move_clone {
	left:0;
	bottom:100%;
}
.str_vertical .str_move, .str_down .str_move {
	white-space:normal;
	width:100%;
}
.str_static .str_move, .no_drag .str_move, .noStop .str_move {
	cursor:inherit;
}
.str_wrap img {
	max-width:none !important;
}
.k_hsj_par_list_container {
	overflow:hidden;
	width:100%;
}
.k_hsj_par_list_wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap:wrap;
	padding: 3px 0;
}
.k_hsj_par_link {
	width: 15%;
	margin-right: 2%;
	margin-top: 2%;
	display:block;
	cursor: pointer;
	padding-top: 5.76%;
	position: relative;
	z-index: 0;
}
.k_hsj_par_link:nth-child(6n) {
margin-right: 0;
}
.k_hsj_par_pic {
	position: absolute;
	left:0;
	right:0;
	bottom: 1%;
	top:1%;
	overflow: hidden;
	border: 1px solid #ccc;
	display: flex;
	justify-content: center;
	align-items: center;
}
.k_hsj_par_pic img {
	object-fit: contain;
	width: 90% !important;
	width: 90% !important;
	;
}
.k_hsj_par_bg_text {
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	width:100%;
	height:100%;
	z-index:1;
}
.k_hsj_par_bg_text_container {
	position:absolute;
	left:0px;
	right:0px;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
 @media screen and (max-width:1440px) {
 .k_hsj_par_container {
 padding:35px 0px !important;
}
 .k_hsj_par_container .k_hsj_dm_text {
 height:183px !important;
}
}
 @media screen and (max-width:620px) {
 .k_hsj_par_container {
 padding:38px 0px !important;
}
 .k_hsj_par_container .k_hsj_dm_text {
 height:134px !important;
}
}
.k_hsj_par_list_container {
	overflow: hidden;
	width: 100%;
	margin-top:10px;
}
@media only screen and (max-width:828px) {
 .k_hsj_par_link {
width: 48%;
margin-top: 4%;
margin-right: 4%;
padding-top: 17.4%;
}
 .k_hsj_par_link:nth-child(2n) {
margin-right: 0;
}
 .i_box .tit {
margin-top:0em;
}
 .enviBox {
 margin: 1.6em 0;
}
}
.partnerBox {
	padding: 3.7em 0;
	background-color: #f8f8f8;
}
.partnerBox .cons {
	overflow: visible;
}
.partnerList ul {
	margin-top: 1em;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
}
.partnerList li {
	width: 19%;
	margin-top:1.16%;
	margin-right: 1.16%;
	background-color: #fff;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
}
.partnerList li:hover {
	position: relative;
	z-index: 1;
	-moz-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, .2);
	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, .2);/* box-shadow: rgba(0,0,0,0.2) 0px 17px 30px 0px; */
}
.partnerList li:nth-child(5n) {
margin-right: 0;
}
.partnerList .pic {
	position: relative;
	z-index: 0;
	padding-top: 57.2%;
	background-color: #fff;
}
.partnerList .pic img {
	position: absolute;
	left:0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.proBox .titB {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.proBox .titB .titL {
	text-align: left;
}
.proBox .titB .tit::after {
margin: 0.4em auto 0 0;
}
.proBox .titB .titR {
	flex: 1;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	margin-left: 1em;
	align-items: center;
}
.proBox .titB .titR ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.proBox .titB .titR li {
}
.proBox .titB .titR a {
	color: #000;
	border: 1px solid #f1f1f1;
	background-color: #f1f1f1;
	display: block;
	padding: 0 1em;
	margin: 0.8em 0 0 0.8em;
	line-height: 3em;
	height: 3em;
	overflow: hidden;
}
.proBox .titB .titR a:hover {
	background-color: #0055a8;
	color: #fff;
}
@media screen and (max-width:828px) {
 .proBox .titB {
display: block;
}
 .proBox .titB .titR {
margin-left: 0;
margin-top: 1em;
font-size: 14px;
 justify-content: space-around;
}
 .proBox .titB .titR ul {
justify-content: center;
}
 .proBox .titB .titR li {
width: 48%;
margin: 0em 0.65% 0;
}
 .proBox .titB .titR a {
margin-left: auto;
}
 .partnerList li {
width: 49.36%;
 margin-top:1.16%;
margin-right: 1.16%;
}
 .partnerList li:nth-child(2n) {
margin-right: 0;
}
}
.aboutBox3 {
	background-attachment: fixed;
	padding-top: 80px;
	padding-bottom: 80px;
	display-radio: 1;
	background-image: url(../images/map.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.aboutBox3>.cons {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
.aboutBox3 .txtb {
	width: 48.3%;
	text-align: left;
	color: #fff;
}
.aboutBox3 .txtb .tit {
	color: #fff;
	font-weight: bold;
	line-height: 1.2;
}
.aboutBox3 .txtb .tit_2 {
	color: #fff;
}
.aboutBox3 .txtb .intro {
	margin-top: 1em;
	line-height: 2;
}
.aboutBox3 .txtb .intro p {
	text-indent: 2em;
}
.aboutBox3 .txtb .lists {
	margin-top: 1em;
}
.aboutBox3 .txtb .lists li {
	position: relative;
	z-index: 0;
	padding-left: 0.9em;
}
.aboutBox3 .txtb .lists li::before {
position: absolute;
left: 0;
top: 0.6em;
 background-color: #595959;
width: 4px;
height: 4px;
content: "";
display: inline-block;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
}
.aboutBox3 .picb {
	width: 48.3%;
	overflow: hidden;
}
.aboutBox3 .picb .pic {
	position: relative;
	z-index: 0;
	padding-top: 62.9%;
}
.aboutBox3 .picb .pic img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
}
.aboutBox3 .picb:hover .pic img {
	-ms-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}
.aboutBox3 .btnW {
	margin-top: 1em;
}
.aboutBox3 .list {
	margin-top: 3.3em;
}
.aboutBox3 .list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	color: #fff;
	background-color: #0055a8;
	line-height: 1.3;
}
.aboutBox3 .list ul li {
	width:24.96%;
	padding: 2em 0;
}
 .aboutBox3 .list ul li:nth-child(1) {
background-color:#FFFFFF;
border-right:1px solid #eee
}
.aboutBox3 .list ul li:nth-child(2) {
background-color:#FFFFFF
}
 .aboutBox3 .list ul li:nth-child(3) {
border-right:1px solid #005BB3
}
 .aboutBox3 .list ul li:nth-child(1) span, .aboutBox3 .list ul li:nth-child(2) span {
color:#0055a8
}
.aboutBox3 .list ul li:nth-child(1) i, .aboutBox3 .list ul li:nth-child(2) i {
color:#000
}
.aboutBox3 .list ul li:nth-child(1) .t2, .aboutBox3 .list ul li:nth-child(2) .t2 {
color:#000000
}
.aboutBox3 .list .t1 span {
	font-size: 3em;
	font-weight: bold;
}
i {
	font-style:normal
}
 @media screen and (max-width:828px) {
 .aboutBox3>.cons {
display: block;
}
 .aboutBox3 .txtb {
width: 100%;
}
 .aboutBox3 .picb {
margin-top: 2em;
width: 100%;
}
 .aboutBox3 .list ul li {
width:50%;
padding:15px 0
}
 .aboutBox3 .list ul li:nth-child(1), .aboutBox3 .list ul li:nth-child(1) {
border:none
}
 .aboutBox3 .list ul li:nth-child(3) {
border:none
}
 .aboutBox3 .list ul li:nth-child(4) {
border:none
}
 .aboutBox3 .list .t1 span {
font-size:24px;
}
 .aboutBox3 .list .t1 i {
font-size:14px;
}
 .aboutBox3 .list .t2 {
font-size:14px;
}
}
.advaCon {
	margin-top: 3.7em;
	position: relative;
	z-index: 0;
	padding-top: 48.2%;
	background:url(../images/adva_bg.png) center center no-repeat;
	background-size:auto 100%;
	height: 0;
	overflow: hidden;
}
.advaCon .picb {
	position: absolute;
	left: 30.5%;
	top: 9.5%;
	width: 39%;
}
.advaCon .picb .pic {
	position: relative;
	z-index: 0;
	padding-top: 100%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	overflow: hidden;
}
.advaCon .picb .pic img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.advaCon .picb .circle {
	position: absolute;
	z-index: 1;
	left: -12%;
	top: -12%;
	width: 124%;
	height: 124%;
	background: url(../images/adva_circle.png) center center no-repeat;
	background-size:contain;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
}
.advaCon:hover .picb .circle {
	transform: rotate(360deg);
	-ms-transform: rotate(360deg); /* IE 9 */
	-webkit-transform: rotate(360deg); /* Safari and Chrome */
}
.advaCon .list {
	position: absolute;
	z-index: 1;
	width: 100%;
	top: 0;
	left: 0;
	width: 100%;
	text-align: left;
}
.advaCon .list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.advaCon .list li {
	width: 33.4%;
	overflow: hidden;
	position: relative;
	z-index: 0;
}
.advaCon .list .lib {
	margin: 10px;
}
 .advaCon .list li:nth-child(n+3) {
 margin-top: 12.5%;
}
.advaCon .list li:nth-child(2) {
text-align: right;
}
.advaCon .list li:nth-child(4) {
text-align: right;
}
.advaCon .list li a {
	display: block;
	position: relative;
	margin: 10px;
}
.advaCon .list li .li_pu {
}
.advaCon .list li .li_pu .text {
	width: 68.4%;
}
.advaCon .list li:nth-child(2) .li_pu .text, .advaCon .list li:nth-child(4) .li_pu .text {
 margin: 0 0 0 auto;
}
.advaCon .list li .li_pu .text h4 {
	font-size: 28px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: 0px;
	color: #333333;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.advaCon .list li .li_pu .text .sum {
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1.75;
	letter-spacing: 0px;
	color: #666666;
	margin-top: 0.62em;
}
.advaCon .list li .li_pu.li_t {
}
.advaCon .list li .li_pu.li_t .nums {
	font-family: Arial;
	font-size: 60px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: 0px;
	color: #0055a8;
}
.advaCon .list li .li_pu.li_t h4 {
	margin-top: 0.4em;
}
.advaCon .list li .li_pu.li_t .sum {
	overflow : hidden;
	height: 5.2em;
}
.advaCon .list li .li_pu.li_b {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	transform: translateY(-120%);
	transition: 0.5s linear;
	border-radius: 10px;
	box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.03);
	overflow: hidden;
}
/* .advaCon .list li:hover .li_pu.li_b, */
.advaCon .list li.active .li_pu.li_b {
	transform: translateY(0);
}
.advaCon .list li .li_pu.li_b .imgs {
	width: 31.6%;
	background-color: #0055a8;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.advaCon .list li .li_pu.li_b .imgs img {
	max-width: 66%;
	max-height: 50%;
	object-fit: contain;
}
.advaCon .list li .li_pu.li_b .text {
	padding: 6.6% 25px 5.6%;
	background-color: #ffffff;
}
.advaCon .list li .li_pu.li_b .sum {
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
 @media screen and (max-width:1000px) {
 .advaCon {
margin-top: 1em;
 padding-bottom: 2em;
background-image: none;
height: auto;
padding-top: 0;
}
 .advaCon .picb {
display: none;
}
 .advaCon .list {
position: static;
}
 .advaCon .list li {
width: 100%;
margin-top: 1em;
}
 .advaCon .list li:nth-child(n+3) {
margin-top: 1em;
}
 .advaCon .list li:nth-child(2) {
margin-top: 1em;
}
 .advaCon .list li .li_pu.li_t .nums {
font-size: 32px;
}
 .advaCon .list li .li_pu.li_t h4 {
font-size: 17px;
}
 .advaCon .list li .li_pu.li_t .sum {
font-size: 14px;
}
}
/* 横图联系 */
.horizontal_connection {
	text-align: left;
	background-repeat: no-repeat;
	background-position:top center;
	background-size: cover;
	padding: 40px 0;
}
.horizontal_connection .dth_wh {
	padding:50px 0;
}
.horizontal_connection_left {
	width:100%;
	text-align:center
}
.horizontal_connection_left h3 {
	font-size: 36px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: 0px;
	color: #ffffff;
}
.horizontal_connection_left h4 {
	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: 0px;
	color: #ffffff;
	margin-top: 0.15em;
	padding-top:30px;
}
.horizontal_connection_right {
	width: 260px;
	max-width: none;
	min-width: 0px;
	height: auto;
	max-height: none;
	min-height: 0px;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.horizontal_connection_right .more {
	display: block;
	position: relative;
	overflow: hidden;
	width: 260px;
	height: 52px;
	border: 1px solid #fff;
	font-size: 0;
	text-align: center;
	line-height: 50px;
	z-index: 0;
	border-radius: 30px;
}
.horizontal_connection_right .more i {
	display: inline-block;
	width: 25px;
	height: 20px;
	vertical-align: middle;
	background: url(../images/teltel.png) no-repeat;
	transition: all 0.5s;
	margin: 0 5px;
}
.horizontal_connection_right .more:hover {
	background-color:#0055a8;
	border:1px solid #0055a8
}
.horizontal_connection_right .more:hover i {
	background: url(../images/moreIcon2.png) no-repeat;
	transform: rotate(90deg);
	transition-delay: 0.2s;
	margin-top:10px;
}
.horizontal_connection_right .more span {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #fff;
	transition: all 0.5s;
	margin: 0 5px;
}
.c_portalResProduct_list-01001053 .productLi:hover .proName2 {
	background:#145aa9;
	color:#fff;
}
.c_portalResProduct_list-01001053 #products .swiper-button-prev:hover, .c_portalResProduct_list-01001053 #products .swiper-button-next:hover {
	background:#145aa9;
	color:#fff;
	border:none;
}
@media only screen and (max-width:768px) {
.ss_title h4 {
width: 90% !important;
}
#c_portalResProduct_list-15677614811070710 .name {
font-size: 1rem !important;
}
.lantern {
margin-left: 0px !important;
margin-right: 0px !important;
}
.c_portalResProduct_list-01001053 {
overflow: hidden;
width: 100%;
height:auto;
 margin-left: 0;
margin-right: 0;
}
.c_portalResProduct_list-01001053 .p_ProductList {
margin:0;
width: auto;
height:auto;
padding:0;
overflow: hidden;
background-color:transparent;
white-space:normal;
font-size: 0;
}
.c_portalResProduct_list-01001053 .p_categorySummaryBox {
padding:15px;
border-bottom:1px solid rgba(0, 0, 0, 0.09);
}
.c_portalResProduct_list-01001053 .p_categorySummary {
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
line-height: 22px;
text-align: left;
vertical-align: top;
word-break: break-all;
}
.c_portalResProduct_list-01001053 .p_sort {
margin:0;
width: auto;
height:auto;
padding:0 15px;
overflow: hidden;
font-size: 16px;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
border-bottom: 10px solid #F5F5F5;
}
.c_portalResProduct_list-01001053 .d_sortBtn {
-webkit-flex:1.5;
flex: 1.5;
-webkit-box-flex: 1.5;
-moz-box-flex: 1.5;
-ms-flex: 1.5;
display: block;
position: relative;
width:100%;
line-height: 40px;
text-align: center;
}
.c_portalResProduct_list-01001053 .d_sortBtn:hover, .c_portalResProduct_list-01001053 .d_sortBtn:active {
border-color: #1890FF;
color: #1890FF;
z-index: 2;
}
.c_portalResProduct_list-01001053 .d_sortBtn.active {
border-color: #1890FF;
color: #1890FF;
z-index: 2;
}
.c_portalResProduct_list-01001053 .p_default {
-webkit-flex:1;
flex: 1;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
}
.c_portalResProduct_list-01001053 .d_sortBtn:lang(active) {
border-color: #1890FF;
color: #1890FF;
z-index: 2;
}
.c_portalResProduct_list-01001053 .d_sortBtn .font .iconfont:first-child {
display:none;
}
.c_portalResProduct_list-01001053 .d_sortBtn .font .iconfont {
display:inline-block;
font-size:12px;
width:0;
height:0;
margin:5px 0 0 3px;
font:0/0 arial;
vertical-align: middle;
border:5px dashed transparent;
border-top:5px solid rgba(0, 0, 0, 0.45);
text-align:center;
}
.c_portalResProduct_list-01001053 .d_sortBtn .font .iconfont:before {
content:"\e69a";
line-height: 30px;
}
.c_portalResProduct_list-01001053 .d_sortBtn:lang(active) .font .iconfont, .c_portalResProduct_list-01001053 .d_sortBtn:hover .font .iconfont, .c_portalResProduct_list-01001053 .d_sortBtn:active .font .iconfont {
color: #1890FF;
border-top-color: #1890FF;
}
.c_portalResProduct_list-01001053 .d_sortBtn .font .down-arrow {
margin-top:0;
border-top: 0 none;
border-bottom: 5px solid rgba(0, 0, 0, 0.45);
}
.c_portalResProduct_list-01001053 .d_sortBtn .font .arrow:before {
content:"\e69c";
}
.c_portalResProduct_list-01001053 .p_default .font .iconfont {
display:none;
}
.c_portalResProduct_list-01001053 .p_products {
width: auto;
height: auto;
margin: 0;
padding: 0;
overflow: hidden;
white-space: normal;
}
.c_portalResProduct_list-01001053 .p_Product {
position: relative;
display: inline-block;
vertical-align: top;
width:calc((100% - 0px)/3);
padding: 15px 15px 0;
height: inherit;
}
.c_portalResProduct_list-01001053 .p_ProductInner {
width:100%;
padding:0 0 15px;
border-top: 0 none;
border-left: 0 none;
border-right: 0 none;
box-sizing: content-box;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.c_portalResProduct_list-01001053 .p_Product:last-of-type .p_ProductInner {
border:0 none;
}
.c_portalResProduct_list-01001053 .p_images {
position: relative;
width: 100%;
height: auto;
margin: 0;
padding: 0;
text-align: center;
font-size: 0;
overflow:hidden;
webkit-flex: 1;
flex: 1;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
}
.c_portalResProduct_list-01001053 .p_image {
width: 100%;
height: 100%;
overflow: hidden;
}
.c_portalResProduct_list-01001053 .p_imagesPc {
display: none;
}
.c_portalResProduct_list-01001053 .p_linkB {
width: inherit;
height: inherit;
display: block;
position: static;
}
.c_portalResProduct_list-01001053 .p_image {
width: 100%;
height: 100%;
padding:0;
}
.c_portalResProduct_list-01001053 .p_ThumbnailBox {
display: none;
}
.c_portalResProduct_list-01001053 .d_articles {
height: auto;
width: auto;
padding: 0 0 0 15px;
margin:0;
overflow: hidden;
-webkit-flex: 2.4;
flex: 2.4;
-webkit-box-flex: 2.4;
-moz-box-flex: 2.4;
-ms-flex: 2.4;
}
.c_portalResProduct_list-01001053 .d_HeadBox {
margin:0;
width: auto;
height:auto;
padding:0;
border-width:1px;
border-style: none;
border-color:rgba(228, 228, 228, 0);
background-color:transparent;
overflow: hidden;
}
.c_portalResProduct_list-01001053 .d_title {
display:block;
width:auto;
height: auto;
margin:0;
padding:0;
font-weight:400;
cursor:pointer;
line-height: 22px;
vertical-align: middle;
}
.c_portalResProduct_list-01001053 .p_TagBox {
position: absolute;
top:0;
right:0;
margin:0;
width: auto;
height:auto;
padding:0;
border-width:1px;
border-style: none;
border-color:rgba(228, 228, 228, 0);
background-color:transparent;
overflow: hidden;
display: none;
}
.c_portalResProduct_list-01001053 .p_tag {
float: left;
margin:0 5px 0 5px;
padding:0;
border-width:1px;
border-style:none;
border-color:transparent;
overflow: hidden;
}
.c_portalResProduct_list-01001053 .p_tag:hover {
border-width:1px;
border-style:none;
border-color:transparent;
}
.c_portalResProduct_list-01001053 .p_tag:active {
border-width:1px;
border-style:none;
border-color:transparent;
}
.c_portalResProduct_list-01001053 .d_item {
width:auto;
height: auto;
margin:5px 0;
padding:0;
vertical-align: middle;
overflow: hidden;
}
.c_portalResProduct_list-01001053 .d_item .d_itemLable {
display: inline-block;
vertical-align: middle;
margin:0 5px 0 0;
font-size:14px;
}
.c_portalResProduct_list-01001053 .d_item .d_itemValue {
display: inline-block;
vertical-align: middle;
font-size:14px;
}
.c_portalResProduct_list-01001053 .p_salePricePc, .c_portalResProduct_list-01001053 .p_NomBoxPc {
display: none;
}
.c_portalResProduct_list-01001053 .d_SummaryBox {
margin:5px 0;
width: auto;
height:auto;
padding:0;
overflow: hidden;
}
.c_portalResProduct_list-01001053 .d_summary {
color:#999;
font-size:12px;
line-height:20px;
text-align:left;
vertical-align:top;
word-break:break-all;
}
.c_portalResProduct_list-01001053 .d_SalePrice {
display:inline-table;
margin:0;
padding:0;
text-align:left;
vertical-align: middle;
}
.c_portalResProduct_list-01001053 .p_priceUnit::before {
content: "\e6d7";
}
.c_portalResProduct_list-01001053 .p_interaction {
margin: 0;
width: auto;
height:auto;
padding:0;
border-width:1px;
border-style: none;
border-color:rgba(228, 228, 228, 0);
background-color:transparent;
overflow: hidden;
word-break: break-all;
white-space: normal;
font-size: 14px;
}
.c_portalResProduct_list-01001053 .p_interaction .btn-default {
display: inline-block;
margin: 5px 0 0;
}
.c_portalResProduct_list-01001053 .p_keyword {
display: inline-block;
padding-right:5px;
white-space: nowrap;
overflow: hidden;
vertical-align: middle;
}
}
@media only screen and (min-width:769px) {
.c_portalResProduct_list-01001053 {
overflow: hidden;
width: 100%;
height:auto;
margin-left: 0;
margin-right: 0;
}
.c_portalResProduct_list-01001053 .p_ProductList {
width: auto;
height: auto;
overflow: hidden;
white-space: normal;
font-size: 0;
padding: 20px 25px;
}
.c_portalResProduct_list-01001053 .p_categorySummaryBox {
padding:0 0 20px;
margin:0 0 30px;
border-bottom:1px solid rgba(0, 0, 0, 0.09);
}
.c_portalResProduct_list-01001053 .p_categorySummary {
color: rgba(0, 0, 0, 0.45);
font-size: 14px;
line-height: 22px;
text-align: left;
vertical-align: top;
word-break: break-all;
}
.c_portalResProduct_list-01001053 .p_sort {
margin:0 0 10px;
width: auto;
height:auto;
padding:0 0 0 1px;
border-width:1px;
border-style: none;
border-color:rgba(228, 228, 228, 0);
background-color:transparent;
overflow: hidden;
clear:both;
font-size: 14px;
}
.c_portalResProduct_list-01001053 .d_sortBtn {
position:relative;
float: left;
height:30px;
margin:0 0 0 -1px;
line-height:30px;
text-align:left;
padding-left:15px;
padding-right: 30px;
background-color:rgba(255, 255, 255, 1);
border-width:1px;
border-style:solid;
border-color:#D9D9D9;
cursor:pointer;
color:rgba(0, 0, 0, 0.65);
}
.c_portalResProduct_list-01001053 .d_sortBtn:hover, .c_portalResProduct_list-01001053 .d_sortBtn:active {
border-color: #1890FF;
color: #1890FF;
z-index: 2;
}
.c_portalResProduct_list-01001053 .d_sortBtn.active {
border-color: #1890FF;
color: #1890FF;
z-index: 2;
}
.c_portalResProduct_list-01001053 .p_default {
padding-right: 15px;
}
.c_portalResProduct_list-01001053 .d_sortBtn:lang(active) {
border-color: #1890FF;
color: #1890FF;
z-index: 2;
}
.c_portalResProduct_list-01001053 .d_sortBtn .font .iconfont:first-child {
display:none;
}
.c_portalResProduct_list-01001053 .d_sortBtn .font .iconfont {
display:inline-block;
position:absolute;
top:0;
right:8px;
font-size:12px;
color:rgba(0, 0, 0, 0.65);
text-align:center;
transform:rotate(180deg);
-ms-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
}
.c_portalResProduct_list-01001053 .d_sortBtn .font .iconfont:before {
content:"\e69a";
line-height: 30px;
}
.c_portalResProduct_list-01001053 .d_sortBtn:lang(active) .font .iconfont, .c_portalResProduct_list-01001053 .d_sortBtn:hover .font .iconfont, .c_portalResProduct_list-01001053 .d_sortBtn:active .font .iconfont {
color: #1890FF;
}
.c_portalResProduct_list-01001053 .d_sortBtn .font .arrow {
transform:rotate(180deg);
-ms-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
}
.c_portalResProduct_list-01001053 .d_sortBtn .font .down-arrow {
transform:rotate(0deg);
-ms-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
}
.c_portalResProduct_list-01001053 .d_sortBtn .font .arrow:before {
content:"\e69a";
}
.c_portalResProduct_list-01001053 .p_default .iconfont.arrow {
display: none;
}
.c_portalResProduct_list-01001053 .p_products {
width: auto;
height: auto;
margin: 0;
padding: 0;
overflow: hidden;
white-space: normal;
}
.c_portalResProduct_list-01001053 .p_Product {
position: relative;
display: inline-block;
vertical-align: top;
width: calc((100% - 0px)/3);
padding: 10px;
height: inherit;
}
.c_portalResProduct_list-01001053 .p_ProductInner {
width: 100%;
padding: 0 0 5px;
box-sizing: content-box;
}
.c_portalResProduct_list-01001053 .p_ProductInner:hover {
border-width: 3px;
border-color: #1890FF;
margin: -2px;
}
.c_portalResProduct_list-01001053 .p_images {
position: relative;
width: 100%;
height: 188px;
margin: 0;
padding: 0;
text-align: center;
font-size: 0;
overflow:hidden;
}
.c_portalResProduct_list-01001053 .p_imagesMo {
display: none;
}
.c_portalResProduct_list-01001053 .p_linkB {
width: inherit;
height: inherit;
display: block;
position: static;
}
.c_portalResProduct_list-01001053 .p_image {
width: 100%;
height: 100%;
padding:0;
}
.c_portalResProduct_list-01001053 .p_ThumbnailBox {
position: absolute;
left: 0;
bottom: 1px;
z-index: 10;
width:236px;
height: auto;
padding:0;
overflow: hidden;
height: auto;
}
.c_portalResProduct_list-01001053 .p_ThumbnailBox .p_thumbnail {
position: relative;
width: 42px;
height: 34px;
float: left;
margin: 0 2px;
max-width: 42px;
max-height: 34px;
overflow:hidden;
border:2px solid rgba(0, 0, 0, .45)
}
.c_portalResProduct_list-01001053 .p_ThumbnailBox .p_thumbnail:hover {
border-color: rgba(255, 255, 255, .7)
}
.c_portalResProduct_list-01001053 .d_articles {
height: auto;
width: auto;
padding: 0 0 0 15px;
margin:0;
overflow: hidden;
-webkit-flex: 2.4;
flex: 2.4;
-webkit-box-flex: 2.4;
-moz-box-flex: 2.4;
-ms-flex: 2.4;
}
.c_portalResProduct_list-01001053 .d_HeadBox {
margin:5px 0 0;
width: auto;
height:auto;
padding:0;
border-width:1px;
border-style: none;
border-color:rgba(228, 228, 228, 0);
background-color:transparent;
overflow: hidden;
}
.c_portalResProduct_list-01001053 .d_title {
display:block;
width:auto;
height: auto;
margin:0;
padding:0;
font-weight:400;
cursor:pointer;
line-height: 22px;
vertical-align: middle;
}
.c_portalResProduct_list-01001053 .p_TagBox {
position: absolute;
top:0;
right:0;
margin:0;
width: auto;
height:auto;
padding:0;
border-width:1px;
border-style: none;
border-color:rgba(228, 228, 228, 0);
background-color:transparent;
overflow: hidden;
}
.c_portalResProduct_list-01001053 .p_tag {
float: left;
margin:0 5px 0 5px;
padding:0;
border-width:1px;
border-style:none;
border-color:transparent;
overflow: hidden;
}
.c_portalResProduct_list-01001053 .p_tag:hover {
border-width:1px;
border-style:none;
border-color:transparent;
}
.c_portalResProduct_list-01001053 .p_tag:active {
border-width:1px;
border-style:none;
border-color:transparent;
}
.c_portalResProduct_list-01001053 .d_item {
width:auto;
height: auto;
margin:5px 0;
padding:0;
vertical-align: middle;
overflow: hidden;
}
.c_portalResProduct_list-01001053 .d_item .d_itemLable {
display: inline-block;
vertical-align: middle;
margin:0 5px 0 0;
font-size:14px;
}
.c_portalResProduct_list-01001053 .d_item .d_itemValue {
display: inline-block;
vertical-align: middle;
font-size:14px;
}
.c_portalResProduct_list-01001053 .p_salePriceMo, .c_portalResProduct_list-01001053 .p_NomBoxMo {
display: none;
}
.c_portalResProduct_list-01001053 .d_SummaryBox {
margin:5px 0;
width: auto;
height:auto;
padding:0;
overflow: hidden;
}
.c_portalResProduct_list-01001053 .d_summary {
line-height:20px;
text-align:left;
vertical-align:top;
word-break:break-all;
}
.c_portalResProduct_list-01001053 .d_SalePrice {
display:inline-table;
margin:0;
padding:0;
text-align:left;
vertical-align: middle;
}
.c_portalResProduct_list-01001053 .p_priceUnit::before {
content: "\e6d7";
}
.c_portalResProduct_list-01001053 .p_interaction {
margin: 0;
width: auto;
height:auto;
padding:0;
border-width:1px;
border-style: none;
border-color:rgba(228, 228, 228, 0);
background-color:transparent;
overflow: hidden;
word-break: break-all;
white-space: normal;
font-size: 14px;
}
.c_portalResProduct_list-01001053 .p_interaction .btn-default {
display: inline-block;
margin:5px 0 0;
}
.c_portalResProduct_list-01001053 .p_keyword {
display: inline-block;
padding-right:5px;
white-space: nowrap;
overflow: hidden;
vertical-align: middle;
}
}
@media only screen and (min-width:769px) and (max-width: 1024px) {
}
.c_portalResProduct_list-01001053 .p_CommonSummaryBoxA {
	text-align:center;
}
.c_portalResProduct_list-01001053 .p_MatteIcon .iconfont:before {
	content:'\e602';
}
.c_portalResProduct_list-01001053 >div {
	animation-fill-mode:both;
}
.c_portalResProduct_list-01001053 .relative {
	position:relative;
}
.c_portalResProduct_list-01001053 .absolute {
	position:absolute;
}
.c_portalResProduct_list-01001053 #products {
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:3rem;
}
.c_portalResProduct_list-01001053 .proName {
	width:100%;
	height:auto;
	text-align:center;
	margin:1rem 0 2rem;
}
.c_portalResProduct_list-01001053 .list {
	position:relative;
	width:100%;
	height:auto;
}
.c_portalResProduct_list-01001053 .swiper-container-pro {
	width: calc(100% - 150px);
	margin:0 auto;
}
.c_portalResProduct_list-01001053 .swiper-wrapperUl {
	width:100%;
}
.c_portalResProduct_list-01001053 .productLi {
	overflow:hidden;
}
.c_portalResProduct_list-01001053 .block {
	display:block;
}
.c_portalResProduct_list-01001053 .aTop {
	width:100%;
	padding-bottom: 140%;
	overflow:hidden;
}
.c_portalResProduct_list-01001053 .picture {
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background: #f7f7f7;
}
.c_portalResProduct_list-01001053 .proPic {
	width:100%;
	height:100%;
}
.c_portalResProduct_list-01001053 .number {
	margin-top:15%;
	font-size:2.5rem;
	padding-left:20%;
	color:#fff;
}
.c_portalResProduct_list-01001053 .number::before {
content:'';
position:absolute;
left:5%;
top:0px;
bottom:0px;
margin:auto;
display:block;
width:10%;
height:2px;
background:#fff;
}
.c_portalResProduct_list-01001053 .blue {
	background:rgba(225, 109, 5, 0.8);
	top:100%;
	left:0px;
	width:100%;
	height:100%;
transition:all .5s ease;
}
.c_portalResProduct_list-01001053 .desc1 {
	padding:0 5%;
	color:#fff;
	height:12rem;
	line-height:1.5rem;
	overflow:hidden;
	padding-top:30px;
}
.c_portalResProduct_list-01001053 .proName2 {
	display:block;
	color: #4e4e4e;
	font-size: 15px;
	padding: 10px 5px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	transition: all 0.6s;
	background-color: #eee;
}
.c_portalResProduct_list-01001053 .desc2 {
	color:#ffffffb8;
	font-size:15px;
	margin:6px 0 27px 0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	opacity:1;
	letter-spacing:1px;
transition:all .5s ease;
}
.c_portalResProduct_list-01001053 #products .swiper-button-prev {
	position:absolute;
	top: 45%;
	left:0px;
	font-size:15px;
	cursor:pointer;
	background: #ffffff;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align:center;
	color: #dedede;
	border: 2px #dedede solid;
}
.c_portalResProduct_list-01001053 #products .swiper-button-next {
	position:absolute;
	top: 45%;
	right:0px;
	font-size:15px;
	cursor:pointer;
	background:#ffffff5c;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align:center;
	color: #dedede;
	border: 2px #dedede solid;
}
.c_portalResProduct_list-01001053 .proPrice {
	color:red;
	display:none;
}
@media only screen and (min-width: 769px) {
.c_portalResProduct_list-01001053 .productLi:hover .blue {
top:0px;
}
.c_portalResProduct_list-01001053 .productLi:hover .desc2 {
opacity:0;
}
}
.c_portalResProduct_list-01001053 .p_page .pre .iconfont:before {
	shadow-angle:0px;
	shadow-distance:0px;
	shadow-angle-ofInset:0px;
	shadow-distance-ofInset:0px;
}
.c_portalResProduct_list-01001053 .p_page .next .iconfont:before {
	shadow-angle:0px;
	shadow-distance:0px;
	shadow-angle-ofInset:0px;
	shadow-distance-ofInset:0px;
}
.c_portalResProduct_list-01001053 .p_more .iconfont:before {
	shadow-angle:0px;
	shadow-distance:0px;
	shadow-angle-ofInset:0px;
	shadow-distance-ofInset:0px;
}
.c_portalResProduct_list-01001053 .p_loading .iconfont:before {
	shadow-angle:0px;
	shadow-distance:0px;
	shadow-angle-ofInset:0px;
	shadow-distance-ofInset:0px;
}
.c_portalResProduct_list-01001053 .productLi .proPic {
	transition:all 0.6s;
}
.c_portalResProduct_list-01001053 .productLi:hover img {
	transform:scale(1.1, 1.1);
}
.gcsj_btn {
	width: 100%;
	max-width: 180px;
	min-width: 0px;
	height: 100%;
	max-height: 0px;
	min-height: 46px;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.gcsj_btn .p_CommonBtn {
	background-color:rgba(0, 0, 0, 0);
	position:relative;
	border:1px solid rgba(255, 255, 255, 0);
transition:all .5s ease;
	z-index:1;
	overflow:hidden;
}
.gcsj_btn .p_CommonBtn .font {
	color:rgb(255, 255, 255);
	position:relative;
	z-index:3;
	font-size:14px;
	font-weight:bold;
	line-height:40px
}
.gcsj_btn .p_CommonBtn:hover {
	border:1px solid #005BB3;
}
.gcsj_btn .p_CommonBtn:hover .font {
	color:#005BB3;
}
.gcsj_btn .p_MatteIcon .iconfont:before {
	content:'\e602';
}
.gcsj_btn >div {
	animation-fill-mode:both;
}
.gcsj_btn .p_CommonBtn:after {
	content:'';
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:100%;
	background:#005BB3;
	border:1px solid #005BB3;
	z-index:2;
transition:all .5s ease;
}
.gcsj_btn .p_CommonBtn:hover:after {
	-webkit-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
	transform:translateY(-100%);
}
 @media screen and (max-width:828px) {
 .horizontal_connection {
padding: 30px 0;
}
 .horizontal_connection .dth_wh {
display: block;
padding:80px 0
}
 .horizontal_connection_left {
max-width: initial;
width: 100%;
}
 .horizontal_connection_left h3 {
font-size: 20px;
}
 .horizontal_connection_left h4 {
font-size: 16px;
}
 .horizontal_connection_right {
margin-top: 40px;
}
 .horizontal_connection_left .text {
font-size: 13px;
 margin-top: 8px;
 padding-top:8px;
}
 .horizontal_connection_right li .text h3 {
font-size: 14px;
}
 .horizontal_connection_right li .text h4 {
font-size: 20px;
}
 a.r_more {
margin-top: 20px;
 font-size: 14px;
}
 .horizontal_connection_right li .text {
 margin-left: 12px;
}
 .horizontal_connection_right li .imgs {
 width: 36px;
 height: 36px;
}
 .c_portalResProduct_list-01001053 .swiper-container-pro {
width: calc(100% - 0px);
}
 .c_portalResProduct_list-01001053 #products .swiper-button-prev {
display:none
}
 .c_portalResProduct_list-01001053 #products .swiper-button-next {
display:none
}
}
.hide {
	display:none!important
}
.hide1 {
	display:block!important
}
@media screen and (max-width:828px) {
 .hide {
display:block!important
}
 .hide1 {
display:none!important
}
}





.section{padding:60px 0}
.section2{padding:30px 0}

.section-title{ text-align: center; margin-bottom: 40px; }
.section-title strong{ font-size: 34px; }
.section-title p{ font-size: 16px; margin-top: 8px; }
.section-title1{ text-align: left; }

.img-center img {
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    transition: all 0.5s;
}


.in-ys ul{ margin: 0 0 0 -24px; overflow:hidden}
.in-ys li{ float: left; width: 50%; }
.in-ys li a{ display: block; transition: all 0.5s; margin: 0 0 24px 24px;overflow: hidden; background: url(../images/trem-ico-bj.png) repeat; color: #FFF; position: relative; }
.in-ys li:nth-child(2) a,.in-ys li:nth-child(3) a,.in-ys li:nth-child(6) a{ background-image: url(../images/trem-ico-bj_hs.jpg); }
.in-ys li .img-center{ float: left; width: 294px; overflow: hidden; }
.in-ys li .text{ margin-left: 294px; padding: 20px; text-align:left}
.in-ys li .text h2{ font-size: 21px; }
.in-ys li .text p{ margin-top: 16px; line-height: 24px;font-size: 14px; }
.in-ys li .num{ position: absolute; right: 30px; bottom: -30px; font-size: 80px; color: rgba(255,255,255,0.3);font-family: 'DIN'; }
.in-ys li a:hover{ transform:translateY(-8px); box-shadow: 0 0 15px rgba(0,0,0,0.3) }
.in-ys li a:hover .img-center img{ transform: scale(1.1); }
.clearfix {
    zoom: 1;
}
.clearfix:before, .clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}

@media screen and (max-width: 767px){

    .section {padding: 20px 0;}
    .section-title{ margin-bottom: 20px; }
    .section-title strong{ font-size: 24px; }
    .section-title p{ font-size: 14px; }
	
	.in-ys ul{ margin: 0 0 0 -10px }
    .in-ys li a{ margin: 0 0 10px 10px;}
    .in-ys li .img-center{ float: none; width: 100%; }
    .in-ys li .text{ margin-left: 0; padding: 10px; height: 180px;}
    .in-ys li .text h2{ font-size: 16px; }


}