@charset "utf-8";

.products{width:100%;height:100vh;position:relative;overflow:hidden}
.products .qh:first-child{display:block;}
.products .qh{display:none;}
.products .qh .probg{width:100%;height:100%;position:absolute;bottom:0px;left:0px}

.products .qh .probg img{width:100%;height:100%;object-fit: cover;}

.products .qh .projj{width:50%;height:70%;position:absolute;top:10%;left:3%;}

.products .qh .projj .tu{width:4px;height:36px;background:#0a51a1;margin-top:0px;margin-bottom:0px;float:left}

.products .qh .projj .tit{height:36px;font-weight: bold;margin-left:30px;color:#fff;margin-top:0px;margin-bottom:0px;float:left;font-size:36px;margin-top: -10px;}

.products .qh .projj .mm{margin-top:30px;font-size:16px;color: rgba(255, 255, 255, 1);opacity: 0.8;line-height: 1.8;}

.products .qh .projj .morebtn{display: block;width: 200px;border: 1px solid #fff;color: #fff;    border-radius: 100px; text-align:center; height: 62px;line-height: 62px; text-decoration:none;margin-top:40px;font-size:20px;transition-property: background-color;

  transition-duration: 0.5s;

  transition-timing-function: linear;}

.products .qh .projj .morebtn:hover{background:#0a51a1;}

.products .qh .projj .morebtn span{font-size:20px}

.products .proflbg{position:absolute;width:100%;bottom:0px;left:0px;height:120px;    background: rgba(0, 0, 0, .6);z-index:1}

.products .profl{position:absolute;width:95%;bottom:0px;left:2.5%;height:175px;margin:0px auto;z-index:2}









/*产品分类滚动*/

.profl .swiper swiper-father{

      width: 100%;

	  position:relative;

	  z-index:30;

	  border:1px solid #03F

    }

.profl .swiper {

      width: 98%;

      height: 100%;

    }



.profl .swiper-slide {

      text-align: center;

      font-size: 18px;

    }

	

	

.profl  .swiper-button-next,.profl  .swiper-button-prev{margin-top:5px;font-size:13px;color:#fff;}

	

.profl .swiper-slide:before {

    content: "";

    position: absolute;

    bottom: 15px;

    right: 0px;

    width: 1px;

    height: 85px;

    background-image: url(../images/shuxian.png);

    background-repeat: no-repeat;

}



.profl .proitems {

      height:175px;background:none;border-top-left-radius: 10px;border-top-right-radius: 20px;width:80%;margin-left:5%;transition-property: background-color;

  transition-duration: 0.5s;

  transition-timing-function: linear;

    }

.profl .proitems:hover{

      height:175px;background:#0a51a1;border-top-left-radius: 10px;border-top-right-radius: 20px;width:80%;

    }

	

.profl .proitems .fltu{width:100%;text-align:center;padding-top:50px;height:40px}

.profl .proitems .fltu img{margin:0px auto;width:58px;height:40px;display:none}

.profl .proitems:hover .fltu img{display:block}

.profl .proitems .flming{text-align:center;margin-top:50px;font-size:18px}

.profl .proitems .flming a{color:#fff;}







@media screen and (max-width: 768px) and (min-width: 320px) {
	
.products{width:100%;height:50vh;position:relative;overflow:hidden}

.products .projj{width:90%;height:70%;position:absolute;top:5%;left:3%;}

.products .probg{width:100%;height:100%;position:absolute;bottom:0px;left:0px}

.products .proflbg{position:absolute;width:100%;bottom:0px;left:0px;height:80px;    background: rgba(0, 0, 0, .6);z-index:1}

.products .profl{position:absolute;width:95%;bottom:0px;left:2.5%;height:120px;margin:0px auto;z-index:2}



.profl  .swiper-button-next,.profl  .swiper-button-prev{margin-top:0px;color:#fff;}



.profl .proitems {

height:120px;background:none;border-top-left-radius: 10px;border-top-right-radius: 20px;width:80%;margin-left:5%;transition-property: background-color;

  transition-duration: 0.5s;

  transition-timing-function: linear;

    }

.profl .proitems:hover{

      height:120px;background:#0a51a1;border-top-left-radius: 10px;border-top-right-radius: 20px;width:80%;

    }

	

.profl .proitems .fltu{width:100%;text-align:center;padding-top:20px;height:40px}

.profl .proitems .fltu img{margin:0px auto;width:58px;height:40px;display:none}

.profl .proitems:hover .fltu img{display:block}

.profl .proitems .flming{text-align:center;margin-top:30px;font-size:16px}

.profl .proitems .flming a{color:#fff;}



}







/*产品滚动*/





.mainer {width: 100%;}

.cpcontent{width:100%;margin:0px auto}

.cptitle{font-size: 32px;color: rgba(51, 51, 51, 1)}

.cphr{max-width: 40px;width:auto;border-top-style: solid;border-top-width: 3px;border-top-color: #3f6ee0;margin-top: 20px;margin-bottom: 20px;margin-left:0px}

.wrap {

    width:96%;

    margin: 0 auto;

    position: relative;

	height: 500px;

}

.wrap .explosive:first-child{display:block;opacity:1;}

.explosive { padding-bottom:50px;margin-top: -30px;opacity:0;/*height:450px;*/display:block}

.explosive_list { }

.explosive_list h4 { font-size:18px; color:#999; font-weight:normal; margin-bottom:20px; }

.explosive_list .img { overflow:hidden; }

.explosive_list .img img { display:block; width:100%; }

.explosive_list .web { }

.explosive_list .web .text { text-align:center }

.explosive_list .web .text h3{ font-size:20px; font-weight:normal;

display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;color:#000 }



.explosive_list:hover .web {}

.explosive_list:hover .web .text { }

.explosive_list:hover .web .text h3{ color:#000; }

.explosive_owl .owl_cur {position:relative; top:-10px;text-align:right; }

.explosive_owl .owl_cur span {background:#bbb; display:inline-block; width:52px; height:52px; margin:0 10px; }

.explosive_owl .owl_cur span.prev { background:#bbb url(../images/curl.png) no-repeat center center; border-radius:0; float:none; }

.explosive_owl .owl_cur span.next { background: #bbb url(../images/curr.png) no-repeat center center; border-radius: 0; float: none; }

.explosive_owl .owl_cur span.prev:hover { background: #3f6ee0 url(../images/curl-1.png) no-repeat center center; }

.explosive_owl .owl_cur span.next:hover { background: #3f6ee0 url(../images/curr-1.png) no-repeat center center; }







.cpprodiv

{

 

    width: 100%;

    height: 300px;

    padding: 0;

    vertical-align: top;

    clear: both;

    overflow: hidden;

    display: flex;

    align-items: center;

    justify-content: center;

   /* border: 1px solid #e6e6e6;*/

}





@media screen and (max-width: 768px) and (min-width: 320px) {

.wrap {

    width:96%;

    margin: 0 auto;

    position: relative;

	height:350px;

}

	

.explosive { padding-bottom:20px;margin-top:30px }

	

.cpprodiv

{

 

    width: 100%;

    height: 200px;

    padding: 0;

    vertical-align: top;

    clear: both;

    overflow: hidden;

    display: flex;

    align-items: center;

    justify-content: center;

   /* border: 1px solid #e6e6e6;*/

}	

	

}

.cpprodivimg

{

	max-width: 100%;

    max-height: 100%;

	transition:transform 300ms ease-out;

    -moz-transition: -moz-transform 300ms ease-out; /* Firefox 4 */

    -webkit-transition: -webkit-transform 300ms ease-out; /* Safari and Chrome */

    -o-transition:-o-transform 300ms ease-out; /* Opera */

}

.cpprodivimg:hover{

 

    transform:scale(1.2, 1.2);

    -moz-transform:scale(1.2, 1.2); /* Firefox 4 */

    -webkit-transform:scale(1.2, 1.2); /* Safari and Chrome */

    -o-transform:scale(1.2, 1.2); /* Opera */

}







/*news*/





.newsxw {

   

    padding-top: 60px;

    padding-bottom: 40px;



    background-repeat: no-repeat;

    background-size: cover;

	position: relative;

    z-index: 300;

}

.e_container-1{width:95%;margin:0px auto}



.newsxw .newfl{

    display: flex;

    flex-wrap: wrap;

    flex-direction: row;

    width: 94%;

    max-width: 1600px;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 4%;



}

.newsxw .newfl  .xwitems {

    flex: 1;

    max-width: 100%;

    max-height: 100%;

}

.newsxw .e_text-3 {

    line-height: 1.5;

    font-weight: bold;

    color: rgba(51, 51, 51, 1);

    padding-left: 30px;

    position: relative;

    margin-top: 0px;

	font-size:32px;

}

.newsxw .e_text-3:before {

    content: "";

    position: absolute;

    top: 50%;

    left: 0px;

    transform: translateY(-50%);

    width: 4px;

    height: 36px;

    background: #0a51a1;

}

.newsxw .e_html-4 {

    min-height: 0px;

    background_radio: 1;

    display-radio: 1;

    margin-top: 0;

    text-align: right;

}

.more_yh {

    display: inline-block;

    width: 200px;

    border-style: solid;

    border-top-left-radius: 100px;

    border-top-right-radius: 100px;

    border-bottom-left-radius: 100px;

    border-bottom-right-radius: 100px;

    overflow: hidden;

    height: 62px;

    line-height: 62px;

    border: 1px solid #0a51a1;

    padding: 0px 30px;

    text-decoration: none;

    position: relative;

    bottom:0px;

}

.more_yh span {

    position: relative;

    z-index: 1;

    display: flex;

    justify-content: space-between;

	font-size:20px;

	color:#0a51a1;

}



.newsxw .e_container-15 {

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 4%;

    background_radio: 1;

    width: auto;

    max-width: none;

}

.newsxw .e_loopFocus-18 {

    display-radio: 1;

    max-width: 1600px;

    width: 94%;

    margin-left: auto;

    margin-right: auto;

}

.newsxw .e_loopFocus-18 .p_leftData {

    display: flex;

}

.newsxw .e_loopFocus-18 .p_left {

    width:50%;

	float:left

}

.newsxw .e_loopFocus-18 .p_focusItem {

    height: 100%;

}

.newsxw .e_container-19 {

    width: 100%;

    max-height: none;

    min-height: 0px;

    position: relative;

}

.newsxw .e_container-19 > .xwitems {

    flex: 1;

    max-width: 100%;

    max-height: 100%;

}

.newsxw .e_image-20 {

    overflow: hidden;

    max-height: 420px;

    display-radio: 1;

}

.newsxw .e_image-20 img {

    width: 100%;

    height: 100%;

    object-fit: contain;

    transform: scale(1);

    transition: all 0.5s;

}

.newsxw  .e_container-19:hover .e_image-20 img {

	transform:scale(1.1)

}

.newsxw .e_container-21 {

    display: flex;

    flex-wrap: wrap;

    flex-direction: row;

    width: 100%;

    padding-top: 0px;

    padding-bottom: 0px;

    background-color: rgba(0, 0, 0, 0.1);

    display-radio: flex;

    position: absolute;

    bottom: 0px;

    left: 0px;

    z-index: 99;

}

.newsxw .e_container-21 .cbox-21-0 {

    background-color: rgba(0, 0, 0, 0.4);

	width:100%;

}

.newsxw .e_text-22{

    margin-bottom:0px

}

.newsxw .e_text-22 a{

    line-height: 3.2;

    font-size: 18px;

    font-family: Microsoft YaHei;

    color: rgba(255, 255, 255, 1);

    text-align: center;

	color:#fff;

	text-align:center;

	width:100%;

	display:block;

	

display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;

}

.newsxw .e_loopFocus-18 .p_right {

    width:50%;

	float:left;

}



.newsxw .e_loopFocus-18 .p_list {

    display: flex;

    flex-wrap: wrap;

}

.newsxw .e_loopFocus-18 .p_loopItem {

    position: relative;

    flex: 0 0 100%;

}

.newsxw .e_container-23 {

    display: flex;

    flex-wrap: wrap;

    flex-direction: row;

    width: 96%;

    margin-right: 0px;

    margin-left: auto;

    margin-bottom: 0px;

    margin-top: 0px;

    transition-property: all;

    transition-duration: 0.5s;

    transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);

    padding-top: 25px;

    padding-bottom: 25px;

    padding-left: 0px;

    display-radio: flex;

    transition-radio: hover;

}

.newsxw .e_container-23:hover {

	display-radio:1;

	margin-left:auto;

	padding-left:5px

}

.newsxw .e_container-23 .cbox-23-0 {

    flex: 0 0 20%;

    border-right-style: solid;

    border-right-width: 1px;

    border-right-color: rgba(3, 70, 151, 1);

}

.newsxw .e_container-23 .cbox-23-1 {

        flex: 1;

    max-width: 100%;

    max-height: 100%;

}

.newsxw .e_timeFormat-26 {

    min-height: 20px;

    font-size: 24px;

    color: rgba(3, 70, 151, 1);

    line-height: 1;

    font-family: Arial;

    text-align: center;

    margin-top: 10%;



}

.newsxw .e_timeFormat-27 {

    min-height: 20px;

    font-size: 24px;

    color: rgba(96, 96, 96, 1);

    line-height: 1;

    font-family: Arial;

    padding-top: 0px;

    margin-top: 20px;

    text-align: center;

    margin-bottom: 10px;



}

.newsxw .e_text-24 a{

    

    margin-left: 6%;

    margin-right: 6%;

	font-size:20px;

	color:#000;

	font-weight:normal;

    -webkit-line-clamp: 1;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    overflow: hidden;

    display-radio: -webkit-box;

    transition-property: all;

    transition-duration: 0.5s;

    transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);

}

.newsxw .e_text-25 {

    line-height: 1.5;

    font_radio: 2;

    font-size: 14px;

    color: rgba(128, 128, 128, 1);

    margin-left: 6%;

    margin-right: 6%;

    margin-top: 3%;

    -webkit-line-clamp: 2;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    overflow: hidden;

    display-radio: -webkit-box;

}





@media screen and (max-width: 768px) and (min-width: 320px) {

	

.more_yh {

    display: inline-block;

    width: 180px;

    border-style: solid;

    border-top-left-radius: 100px;

    border-top-right-radius: 100px;

    border-bottom-left-radius: 100px;

    border-bottom-right-radius: 100px;

    overflow: hidden;

    height: 62px;

    line-height: 62px;

    border: 1px solid #0a51a1;

    padding: 0px 30px;

    text-decoration: none;

    position: relative;

	    bottom: 60px;

}



.newsxw .e_loopFocus-18 .p_leftData {

    display:block;

}

.newsxw .e_loopFocus-18 .p_left {

    width:100%;

	float:none;

}

.newsxw .e_loopFocus-18 .p_right {

    width:100%;

	float:none;

}

	

	

}