@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: 20px 0;}
.i_box .titen { font-weight: bold; color:#232650; line-height: 1;}
.i_box .tit { margin-top:1.2em; color: #000000;  font-weight: bold;line-height: 1.5;}
.i_box .tit::after { content: ""; display: block; width: 1.5em; margin: 0.4em auto 0;
 background-color: #005bb8; height:3px;}
.i_box .tit2 { color: #333333; margin-top: 1em;}
.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: 80%;
display: block; cursor: pointer; overflow: hidden;}
.swiper-pro .item .pic img {position: absolute; left: 0; top: 0; width: 100%; height: 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; font-weight: bold; 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;}
}

.enviBox { margin: 3.6em 0; display: flex;
 align-items: stretch; justify-content: space-between;
background-color: #085cac; 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: #0054a6;
}
.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:#0054a6;
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:#0054a6;
	text-align:center;
	font-family:'Oswald', sans-serif;
}
.xinlist .listBoxs .listmd {
	text-align:center;
	font-size:16px;
	color:#0054a6;
	margin-top:8px;
	font-family:'Oswald', sans-serif;
}
.xinlist .listBoxs .listCotentBox {
	width:calc((100% - 140px)/1);
	padding:0 1rem;
}
.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:#fff;
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% - 60px)/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;

}
}