@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:0.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: #143047; 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: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:1%; 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: #e9e9e9;
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: 2.5em; line-height: 2.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:130%;
display: block; cursor: pointer; overflow: hidden;}
.prodList .pic img {position: absolute; left: 0; top: 0; width: 100%; height: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: #143047;
}
.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:#143047;
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:#143047;
	text-align:center;
	font-family:'Oswald', sans-serif;
}
.xinlist .listBoxs .listmd {
	text-align:center;
	font-size:16px;
	color:#143047;
	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: 22px;
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: 15.7%;
 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(6n) { 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: #666;
 display: block; padding: 0 1em; margin: 0.8em 0 0 0.8em; line-height: 3em;
 height: 3em; overflow: hidden;background-color:#f1f1f1;}
 .proBox .titB .titR a:hover { background-color: #143047; color: #fff;}
 
@media screen and (max-width:828px){
	.proBox .titB { display: block;}
	.proBox .titB .titR { margin-left: 0; margin-top: 1em; font-size: 12px;
	 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; font-size:14px;}
	
	.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: 100px;
    padding-bottom: 110px;
    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: 100%; text-align:center; 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:30px}
.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:67%;}
.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: #E17932; 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 #D57736}

.aboutBox3 .list ul li:nth-child(1) span,.aboutBox3 .list ul li:nth-child(2) span{ color:#143047}
.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;}





.aboutBox3 .list .t1 span { font-size: 3em; font-weight: bold;}


@media screen and (max-width:1000px){
    
.aboutBox3 .list ul li {
    width: 24.93%;
    padding: 2em 0;
}    
    
}


@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%;}
	  .aboutBox3 .list ul li:nth-child(1) {background-color: #FFFFFF;border-right:none;
}
	  .aboutBox3 .list ul li:nth-child(3) { margin-top: 2em;border-right:none}
	  .aboutBox3 .list ul li:nth-child(4) { margin-top: 2em;}
}

.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: #E17932;
}
.advaCon .list li .li_pu.li_t h4 {
  margin-top: 0.4em;
}
.advaCon .list li .li_pu.li_t .sum {
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 3.5em;
}
.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: #E17932;
	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: 1.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: 4;
  -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;}
	.advaCon .list li .li_pu .text h4 {
    font-size: 18px;}
	
	.advaCon .list li .li_pu .text .sum {font-size: 14px;}
	.advaCon .list li .li_pu.li_b .text {
    padding: 1.6% 25px 1.6%;
    background-color: #ffffff;
}
}

/* 横图联系 */
.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: 10px;
}






.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:#E17932; border:1px solid #E17932}





.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: 18px;
    color: #fff;
    transition: all 0.5s;
    margin: 0 5px;
}





@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;
	}
}



.product-list .productLi:hover .proName2 {
	background:#143047;
	color:#fff;
}
.product-list #products .swiper-button-prev:hover, .product-list #products .swiper-button-next:hover {
	background:#143047;
	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;
}
.product-list {
overflow: hidden;
width: 100%;
height:auto;

margin-left: 0;
margin-right: 0;
}
.product-list .p_ProductList {
margin:0;
width: auto;
height:auto;
padding:0;
overflow: hidden;
background-color:transparent;
white-space:normal;
font-size: 0;
}
.product-list .p_categorySummaryBox {
padding:15px;
border-bottom:1px solid rgba(0, 0, 0, 0.09);
}
.product-list .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;
}
.product-list .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;
}
.product-list .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;
}
.product-list .d_sortBtn:hover, .product-list .d_sortBtn:active {
border-color: #1890FF;
color: #1890FF;
z-index: 2;
}
.product-list .d_sortBtn.active {
border-color: #1890FF;
color: #1890FF;
z-index: 2;
}
.product-list .p_default {
-webkit-flex:1;
flex: 1;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
}
.product-list .d_sortBtn:lang(active) {
border-color: #1890FF;
color: #1890FF;
z-index: 2;
}
.product-list .d_sortBtn .font .iconfont:first-child {
display:none;
}
.product-list .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;
}
.product-list .d_sortBtn .font .iconfont:before {
content:"\e69a";
line-height: 30px;
}
.product-list .d_sortBtn:lang(active) .font .iconfont, .product-list .d_sortBtn:hover .font .iconfont, .product-list .d_sortBtn:active .font .iconfont {
color: #1890FF;
border-top-color: #1890FF;
}
.product-list .d_sortBtn .font .down-arrow {
margin-top:0;
border-top: 0 none;
border-bottom: 5px solid rgba(0, 0, 0, 0.45);
}
.product-list .d_sortBtn .font .arrow:before {
content:"\e69c";
}
.product-list .p_default .font .iconfont {
display:none;
}
.product-list .p_products {
width: auto;
height: auto;
margin: 0;
padding: 0;
overflow: hidden;
white-space: normal;
}
.product-list .p_Product {
position: relative;
display: inline-block;
vertical-align: top;
width:calc((100% - 0px)/3);
padding: 15px 15px 0;
height: inherit;
}
.product-list .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;
}
.product-list .p_Product:last-of-type .p_ProductInner {
border:0 none;
}
.product-list .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;
}
.product-list .p_image {
width: 100%;
height: 100%;
overflow: hidden;
}
.product-list .p_imagesPc {
display: none;
}
.product-list .p_linkB {
width: inherit;
height: inherit;
display: block;
position: static;
}
.product-list .p_image {
width: 100%;
height: 100%;
padding:0;
}
.product-list .p_ThumbnailBox {
display: none;
}
.product-list .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;
}
.product-list .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;
}
.product-list .d_title {
display:block;
width:auto;
height: auto;
margin:0;
padding:0;
font-weight:400;
cursor:pointer;
line-height: 22px;
vertical-align: middle;
}
.product-list .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;
}
.product-list .p_tag {
float: left;
margin:0 5px 0 5px;
padding:0;
border-width:1px;
border-style:none;
border-color:transparent;
overflow: hidden;
}
.product-list .p_tag:hover {
border-width:1px;
border-style:none;
border-color:transparent;
}
.product-list .p_tag:active {
border-width:1px;
border-style:none;
border-color:transparent;
}
.product-list .d_item {
width:auto;
height: auto;
margin:5px 0;
padding:0;
vertical-align: middle;
overflow: hidden;
}
.product-list .d_item .d_itemLable {
display: inline-block;
vertical-align: middle;
margin:0 5px 0 0;
font-size:14px;
}
.product-list .d_item .d_itemValue {
display: inline-block;
vertical-align: middle;
font-size:14px;
}
.product-list .p_salePricePc, .product-list .p_NomBoxPc {
display: none;
}
.product-list .d_SummaryBox {
margin:5px 0;
width: auto;
height:auto;
padding:0;
overflow: hidden;
}
.product-list .d_summary {
color:#999;
font-size:12px;
line-height:20px;
text-align:left;
vertical-align:top;
word-break:break-all;
}
.product-list .d_SalePrice {
display:inline-table;
margin:0;
padding:0;
text-align:left;
vertical-align: middle;
}
.product-list .p_priceUnit::before {
content: "\e6d7";
}
.product-list .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;
}
.product-list .p_interaction .btn-default {
display: inline-block;
margin: 5px 0 0;
}
.product-list .p_keyword {
display: inline-block;
padding-right:5px;
white-space: nowrap;
overflow: hidden;
vertical-align: middle;
}
}
@media only screen and (min-width:769px) {
.product-list {
overflow: hidden;
width: 100%;
height:auto;
margin-left: 0;
margin-right: 0;
}
.product-list .p_ProductList {
width: auto;
height: auto;
overflow: hidden;
white-space: normal;
font-size: 0;
padding: 20px 25px;
}
.product-list .p_categorySummaryBox {
padding:0 0 20px;
margin:0 0 30px;
border-bottom:1px solid rgba(0, 0, 0, 0.09);
}
.product-list .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;
}
.product-list .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;
}
.product-list .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);
}
.product-list .d_sortBtn:hover, .product-list .d_sortBtn:active {
border-color: #1890FF;
color: #1890FF;
z-index: 2;
}
.product-list .d_sortBtn.active {
border-color: #1890FF;
color: #1890FF;
z-index: 2;
}
.product-list .p_default {
padding-right: 15px;
}
.product-list .d_sortBtn:lang(active) {
border-color: #1890FF;
color: #1890FF;
z-index: 2;
}

.product-list .d_sortBtn .font .iconfont:first-child {
display:none;
}
.product-list .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);
}
.product-list .d_sortBtn .font .iconfont:before {
content:"\e69a";
line-height: 30px;
}
.product-list .d_sortBtn:lang(active) .font .iconfont, .product-list .d_sortBtn:hover .font .iconfont, .product-list .d_sortBtn:active .font .iconfont {
color: #1890FF;
}
.product-list .d_sortBtn .font .arrow {
transform:rotate(180deg);
-ms-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
}
.product-list .d_sortBtn .font .down-arrow {
transform:rotate(0deg);
-ms-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
}
.product-list .d_sortBtn .font .arrow:before {
content:"\e69a";
}
.product-list .p_default .iconfont.arrow {
display: none;
}
.product-list .p_products {
width: auto;
height: auto;
margin: 0;
padding: 0;
overflow: hidden;
white-space: normal;
}
.product-list .p_Product {
position: relative;
display: inline-block;
vertical-align: top;
width: calc((100% - 0px)/3);
padding: 10px;
height: inherit;
}
.product-list .p_ProductInner {
width: 100%;
padding: 0 0 5px;
box-sizing: content-box;
}
.product-list .p_ProductInner:hover {
border-width: 3px;
border-color: #1890FF;
margin: -2px;
}
.product-list .p_images {
position: relative;
width: 100%;
height: 188px;
margin: 0;
padding: 0;
text-align: center;
font-size: 0;
overflow:hidden;
}
.product-list .p_imagesMo {
display: none;
}
.product-list .p_linkB {
width: inherit;
height: inherit;
display: block;
position: static;
}
.product-list .p_image {
width: 100%;
height: 100%;
padding:0;
}
.product-list .p_ThumbnailBox {
position: absolute;
left: 0;
bottom: 1px;
z-index: 10;
width:236px;
height: auto;
padding:0;
overflow: hidden;
height: auto;
}
.product-list .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)
}
.product-list .p_ThumbnailBox .p_thumbnail:hover {
border-color: rgba(255, 255, 255, .7)
}
.product-list .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;
}
.product-list .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;
}
.product-list .d_title {
display:block;
width:auto;
height: auto;
margin:0;
padding:0;
font-weight:400;
cursor:pointer;
line-height: 22px;
vertical-align: middle;
}
.product-list .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;
}
.product-list .p_tag {
float: left;
margin:0 5px 0 5px;
padding:0;
border-width:1px;
border-style:none;
border-color:transparent;
overflow: hidden;
}
.product-list .p_tag:hover {
border-width:1px;
border-style:none;
border-color:transparent;
}
.product-list .p_tag:active {
border-width:1px;
border-style:none;
border-color:transparent;
}
.product-list .d_item {
width:auto;
height: auto;
margin:5px 0;
padding:0;
vertical-align: middle;
overflow: hidden;
}
.product-list .d_item .d_itemLable {
display: inline-block;
vertical-align: middle;
margin:0 5px 0 0;
font-size:14px;
}
.product-list .d_item .d_itemValue {
display: inline-block;
vertical-align: middle;
font-size:14px;
}
.product-list .p_salePriceMo, .product-list .p_NomBoxMo {
display: none;
}
.product-list .d_SummaryBox {
margin:5px 0;
width: auto;
height:auto;
padding:0;
overflow: hidden;
}
.product-list .d_summary {
line-height:20px;
text-align:left;
vertical-align:top;
word-break:break-all;
}
.product-list .d_SalePrice {
display:inline-table;
margin:0;
padding:0;
text-align:left;
vertical-align: middle;
}
.product-list .p_priceUnit::before {
content: "\e6d7";
}
.product-list .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;
}
.product-list .p_interaction .btn-default {
display: inline-block;
margin:5px 0 0;
}
.product-list .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) {
}
.product-list .p_CommonSummaryBoxA {
	text-align:center;
}
.product-list .p_MatteIcon .iconfont:before {
	content:'\e602';
}
.product-list >div {
	animation-fill-mode:both;
}
.product-list .relative {
	position:relative;
}
.product-list .absolute {
	position:absolute;
}
.product-list #products {
	width:100%;
	height:auto;
	overflow:hidden; margin-top:3rem;
}
.product-list .proName {
	width:100%;
	height:auto;
	text-align:center;
	margin:1rem 0 2rem;
}
.product-list .list {
	position:relative;
	width:100%;
	height:auto;
}
.product-list .swiper-container-pro {
	width: calc(100% - 0px);
	margin:0 auto;
}
.product-list .swiper-wrapperUl {
	width:100%;
}
.product-list .productLi {
	overflow:hidden;
    border-radius: 10px 10px 0px 0px;


}
.product-list .block {
	display:block;
}
.product-list .aTop {
	display: block; border: 1px #e5e5e5 solid;
	border-bottom: 0;
	padding-bottom: 50%;
	overflow:hidden;
	border-radius: 10px 10px 0px 0px;
}
.product-list .text-center {border: 1px #e5e5e5 solid;
border-top: 0;}
.product-list .picture {
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background: #f7f7f7;
}
.product-list .proPic {
	width:100%;
	height:100%;
}
.product-list .number {
	margin-top:15%;
	font-size:2.5rem;
	padding-left:20%;
	color:#fff;
}
.product-list .number::before {
content:'';
position:absolute;
left:5%;
top:0px;
bottom:0px;
margin:auto;
display:block;
width:10%;
height:2px;
background:#fff;
}
.product-list .blue {
	background:rgba(225, 109, 5, 0.8);
	top:100%;
	left:0px;
	width:100%;
	height:100%;
transition:all .5s ease;
}
.product-list .desc1 {
	padding:0 5%;
	color:#fff;
	height:12rem;
	line-height:1.5rem;
	overflow:hidden;
	padding-top:30px;
}
.product-list .proName2 {
	display:block;
	color: #4e4e4e;
	font-size: 15px;
	padding: 20px 5px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	transition: all 0.6s;
	background-color: #f5f5f5;
}
.product-list .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;
}
.product-list #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;
}
.product-list #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;
}
.product-list .proPrice {
	color:red;
	display:none;
}
@media only screen and (min-width: 769px) {
.product-list .productLi:hover .blue {
top:0px;
}
.product-list .productLi:hover .desc2 {
opacity:0;
}
}
.product-list .p_page .pre .iconfont:before {
	shadow-angle:0px;
	shadow-distance:0px;
	shadow-angle-ofInset:0px;
	shadow-distance-ofInset:0px;
}
.product-list .p_page .next .iconfont:before {
	shadow-angle:0px;
	shadow-distance:0px;
	shadow-angle-ofInset:0px;
	shadow-distance-ofInset:0px;
}
.product-list .p_more .iconfont:before {
	shadow-angle:0px;
	shadow-distance:0px;
	shadow-angle-ofInset:0px;
	shadow-distance-ofInset:0px;
}
.product-list .p_loading .iconfont:before {
	shadow-angle:0px;
	shadow-distance:0px;
	shadow-angle-ofInset:0px;
	shadow-distance-ofInset:0px;
}
.product-list .productLi .proPic {
	transition:all 0.6s;
}
.product-list .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:45px
}
.gcsj_btn .p_CommonBtn:hover {
	border:1px solid #143047;
}
.gcsj_btn .p_CommonBtn:hover .font {
	color:#143047;
}
.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:#143047;
	border:1px solid #143047;
	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){

	.product-list .swiper-container-pro{width: calc(100% - 0px);}
	.product-list #products .swiper-button-prev{ display:none}
	.product-list #products .swiper-button-next{ display:none}
}