@font-face {
	font-family:'Regular';
	src: url(../fonts/SourceSansPro-Regular.otf);
}
@font-face {
	font-family:'Light';
	src: url(../fonts/SourceSansPro-Light.otf);
}
@font-face {
	font-family:'Bold';
	src: url(../fonts/SourceSansPro-Bold.otf);
}
@font-face {
	font-family:'BlackIt';
	src: url(../fonts/SourceSansPro-BlackIt.otf);
}
body{font-family:'Regular';}

.header{padding: 22px 0;box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)}
.header-link{text-align: right;}
.header .header-nav .row{align-items: center;}
.header .header-nav .nav_ul{justify-content: flex-end;}
.header .header-nav .nav_ul a{display: block;font-size: 17px;color: #67686b;padding: 10px 10px; margin: 0 .5vw;font-weight: bold;}

.nav_ul .nav1{position: absolute;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);display:none;z-index:99;    background: white;}
.nav_ul .nav1 a{display: block!important; padding: 13px 20px!important;color: #666!important;background:white;}
.nav_ul .nav1 a:hover{background:white!important;}
.header-nav .nav1{position: absolute;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);padding-top:15px;display:none;z-index:99;}
.header-nav .nav1 a{display: block!important; padding: 10px 10px!important;color: #666!important;background:white;font-size:15px;}


.banner{position: relative;}
.banner-title{position: absolute;width: 100%;top: 15%;text-align: center;font-size: 35px;color: white;transform: translateY(-15%);}

.section{padding: 4vh 0;}
.section p{color: #545050;line-height: 1.8;}
.section-title{text-align: center;margin-bottom: 4vh;}
.section-title h2{font-size: 34px;font-family: Bold;color: #545050;margin-bottom: 10px;}
.section-title h2 span{color: #0087cf;}
.section-title p{font-size: 16px;}
.section-title h6{color: #0362ae;font-size: 16px;text-align: center;width: 80%;margin: auto;line-height: 25px;}
.section-part-more{ text-align: center;font-size: 20px;padding: 2% 0;}


.section1{padding: 4% 0 2%;}
.section2{padding: 2% 0;}
.section2 ul li{text-align: center;border-left: solid 1px #dcdcdc;}
.section2 ul li:first-child{border: 0;}
.section2 ul li img{margin-bottom: 5vh;}
.section2 ul li h3{color:#67686b;margin-bottom: 1.5vh;}
.section2 ul li p{color:#67686b;font-family:'Light';font-size: 16px;}

.section3{padding-bottom: 0;}
.section3 h3{text-align: center;font-size: 30px;color: #67686b;padding: 2vh 0;font-weight: 500;}
.section3 .section-part{background: #f2f2f2;padding:0 5% 0 5%;color: #666;}

.section4{min-height: 322px;background-image: url(../images/section4.jpg);background-position: center;background-size: cover;text-align: center;}
.section4 p{color: white;font-size: 22px;font-weight: 500;font-family: 'Light';margin-top: 50px;}
.section4 p span{color: #0188f6;}
.section4 a{color: #0188f6; display: inline-block;padding: 10px 25px;background-color: white;margin-top: 65px;}


.section5{background-color: #0362ae;padding: 6% 5% 3% 5%;}
.section5 .col-xs-6{padding-left: 25px;padding-right: 55px;}
.section5 .section5-about{padding-left: 6vw;}
.section5 h2{font-family: 'Bold';text-transform: uppercase;font-size: 28px;line-height: 2.1;color: white;}
.section5 p{color: white;font-family: 'Light';line-height: 2;font-size: 15px;}
.section5 a{color: white;display: inline-block;padding: 8px 35px;border: solid 1px white;font-size: 18px;margin-top: 5vh;}
.section5 .swiper-section5{margin-top: 35px;}

.footer{    border-top: solid 1px #cccc;}
.footer .container-sid{padding-top: 3%;padding-bottom: 2%;}
.footer .footer-item{padding: 0 3%;}
.footer h3{font-size: 28px;color: #0362ae;text-transform: uppercase;margin-bottom: 5px;}
.footer h5{font-size: 20px;color: #595b5c;font-weight: 500;text-transform: uppercase;}
.footer p{font-size: 20px;color: #5e5e5e;margin-bottom: 5px;}
.footer ul li a{display: block;font-size: 17px;color: #67686b;padding: 5px 10px; margin: 0 1vw;font-weight: bold;}
.footer ol li a{color: #000000;display: inline-block;width: 40px;height: 40px;text-align: center;line-height:40px;border-radius: 100%;border: solid 1px #000000;margin-bottom: 10px;}
.footer ol li a:hover{color: white;background: #000000;}
.footer-last p{text-align: center;padding: 10px 0;background-color: #d8dbda;color: #0362ae;margin: 0;font-size: 15px;}

.nbanner{background-size: cover;background-position: center;position: relative;}
.nbanner_part{padding:120px 0;text-align: center;}
.nbanner_part h3{padding-bottom: 10px;color: rgb(231,21,56);font-weight: bolder;font-size: 14px;font-family: 'zb_b';}
.nbanner_part h2{font-size: 42px;color: white;font-weight: bold;text-transform: uppercase;}

.mid_pos{padding:35px 0;font-size: 16px;font-family:'roboto';}
.mid_pos .nowPage{color:#0d57a6;}

.contant{padding-bottom: 3%;}
.contant .contant-part p{color: #616161;margin-bottom: 20px;box-sizing: border-box;margin-top:20px;font-family: 'Light'; line-height: 1.8;font-size: 16px;}
.about .rows{flex-wrap: wrap;margin:0;}
.about .rows li{width:50%;box-sizing: border-box;padding:15px;line-height:25px;font-size:15px;}
.about .rows li span{display:block;}
.about .rows li .title{width:33%;padding:0;color: #676666;}
.about .rows li .message{width:66%;}
.about .rows .gray{background:#f7f7f7;}

.feedback{padding-top: 2%;}
.feedback_part{padding-bottom:5%;}
.feedback_item{padding: 0 25px;width: 50%;box-sizing: border-box;}
.feedback_item h2{font-size: 30px;text-transform: uppercase;margin-bottom: 40px;}
.feedback_msg{padding-bottom: 20px;}
.feedback_msg i{font-size: 30px;color: #0362ae; padding-right: 10px;}
.feedback_msg span{font-family:'roboto-bc';display: block; font-size: 20px;text-transform: uppercase;padding-right: 25px;}
.feedback_msg p{font-size: 16px;line-height: 26px;color: #636363;align-self: center;}
.feedback_item input{    padding-left: 15px;display: block;width: 100%; line-height: 40px; margin-bottom: 15px;border-radius: 2px;border: solid 1px #cccc;}
.feedback_item textarea {padding-left: 15px;display: block;width: 100%; line-height: 40px; margin-bottom: 15px;border-radius: 2px;border: solid 1px #cccc;max-height: 120px;font-family:'sans';}
.feedback_item a{display: inline-block; padding: 13px 25px;background:#0d57a6;color: white;font-family:'sans_b';}
.feedback_item a:hover{background:#002a56f0;}
.feedback_lg { width: 60%; margin-top: 35px;padding-bottom: 25px;border-bottom: solid #0d57a6;}
.feedback_lg a{background: white;padding:0 25px;}
.feedback_lg a i{color: black; font-size: 25px;}
.feedback_lg a:hover{background:white;}
.feedback_lg a:hover i{color:#0d57a6;}

.newlist {padding-bottom:3%;}
.newlist  h3{    font-size: 35px;  font-weight: bold;color: #d6000f;padding: 10px 0 35px; text-align: center; font-family: 'sans_b';}
.news_list{padding:20px 0;border-bottom: dashed 1px #ccc;}
.title{justify-content: space-between;align-items: center;padding-bottom: 15px;}
.title .time{color: #ccc;}
.des{font-size: 16px;font-family:'sans_l';padding-bottom: 20px;}
.new_bt{text-align: right;}
.new_bt a{padding: 8px 10px;border: solid 1px #ccc;display: inline-block;font-size: 14px;color: #0362ae;}
.new_bt a:hover{color:white;background: #0362ae;}
.newcont_title{text-align: center;font-size: 20px; padding-bottom: 15px;}
.newcont_time{text-align: center;padding-bottom:10px;}
.mid_text{padding: 2% 5%; line-height: 26px;color: #666;}

.eq_part{flex-wrap: wrap;justify-content: space-between;}
.eq_part .eq_item{display: inline-block;margin-right: 10px;margin-bottom: 10px;width: 32%;}
.eq_part .eq_item span{display: block;text-align: right;padding: 5px 0;}
.qc_item{padding: 0 25px;}
.qc_item li{padding-bottom: 15px;font-size: 14px;font-family: roboto-mc;color: #8b8b8b;}
.qc_item li span{color: #616161;padding-right:8px;}

.contant-img{justify-content: space-between;}

.prolist{background: whitesmoke;padding-top:3%;}
.prolist dl{width: calc(100%/3);padding-right: 25px; padding-left:25px;float: left;padding-bottom:3%; box-sizing: border-box;}
.prolist dt{position: relative;}
.prolist_a{position: absolute;bottom: 0;left: 0;width: 100%;height: 0%; opacity: 0;background: rgba(0,0,0,0.7); align-items: center;display: flex;transition: 600ms; justify-content: center;}
.prolist_a i{color: white; width: 40px;height: 40px; background: #666666;border-radius: 100%;text-align: center; line-height: 40px;transition: 600ms;display:block;}
.prolist dt:hover .prolist_a{height: 100%;opacity: 1;}
.prolist dd h2{font-size: 16px;text-align: center; padding: 10px 0;color: white;background: #0d57a6;    transition: 600ms;font-family: roboto-l;}
.prolist dd h2 a{color:white;    font-weight: lighter;}
.prolist dd h2:hover{background: #46a5ff;}
.prolist_img{border: solid 1px #d2d2d2;}
.prolist_img img,.procont_pic img,.prolist img{aspect-ratio: 1 / 1;object-fit: contain;background: #fff;}

/*分页代码*/
.pagelist {clear:both; font-size: 12px; padding:20px 0;text-align:center;}
.pagelist a{ padding: 5px 9px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin:3px; color:#666;}
.pagelist a:visited, #nowpage { padding: 3px 8px; margin:3px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.pagelist a:hover, #nowpage{color:#97262a; background: #fff; border-color:#97262a; text-decoration: none;}

.pro{    margin: auto;  width: 90%;}
.procont{ padding-top: 3%;}
.procont_pic{/* margin: 25px 0px 25px 0; */box-sizing: border-box;/* width:55%; */}
.procont_pic img{width:100%;/* border: solid 1px gainsboro; */}
.pro_title{padding:25px 0 25px 25px;box-sizing: border-box;width:45%;}
.pro_title h2{ font-size: 35px;padding-bottom:25px;font-family: 'roboto-bc';text-transform: capitalize;}
.procont_cont{}
.procont_cont p{
    line-height: 1.7;
    margin-bottom: 15px;
font-size:16px;
color: #616161;
}
.procont_cont span{    font-family: 'roboto-bc';font-size: 17px;font-weight: bold;    margin-right: 15px;}
.procont_cont li{

    line-height: 1.7;
font-size:16px;
color: #616161;
}
.pro_part{justify-content: space-between;padding-bottom:25px;}
.pro_bt{}
.pro_bt a{font-size: 18px;align-items: center;display: flex;    padding:10px 25px;border: solid 1px #eaeaea; font-size: 16px;align-items: center;display: flex;border-radius: 99px;transition: 600ms;}
.pro_bt i{font-size:16px;}
.pro_bt a:hover{background: #0d57a6;color: white;}

.pro_send{padding: 2% 0;}
.pro_send input{width: 100%;font-size: 14px;line-height: 25px;padding: 5px 12px;border: #e0e1e1 solid 1px; border-radius: 1px;color: #8b8d94;margin-bottom: 10px;box-sizing: border-box;}
.pro_send textarea{ width: 100%;font-size: 14px;line-height: 25px;padding: 5px 12px;border: #e0e1e1 solid 1px; border-radius: 1px;color: #8b8d94;margin-bottom: 10px;box-sizing: border-box;}
.form_send a{display: inline-block;padding: 9px 25px;background: #0d57a6;color: white}

.projects_part{padding-bottom: 3%;}
.projects_item{padding:25px 0 35px;border-bottom: dashed 1px #ccc;}
.projects_img{width: 35%;padding: 0 25px;}
.projects_img_part{ box-shadow: 0 5px 12px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)}
.projects_img_part h2{text-align: center;padding: 20px 0;font-size: 16px;}
.projects_msg{width: 65%;padding: 0 25px;flex-direction: column;justify-content: space-between;}
.projects_msg p{font-size: 16px;line-height: 25px;color: black;padding-bottom: 15px;}
.projects_msg_part{align-items: center;justify-content: space-between;padding-bottom: 25px;}
.projects_msg_part img{max-width: 200px;margin-right: 20px;}
.projects_msg_part a{display: inline-block;padding: 10px 30px;background: #0362ae;color: white;margin-right: 25px;}




.first-line p{/* line-height: 3.5rem; */}

.video-product{ width: 45%; padding-right: 4%;}
.video-product video{ max-width: 100%;}

.more-details{  font-size: 1.5rem; width: 100%;}

.more-details1, .more-details2, .more-details3{  border-bottom: 1px dashed #e6e7eb;  width: 100%;}
#el_SmallContainer{border: solid 1px gainsboro;}
.col-lg-6-{width: 50%;}
/* .little{  border: 1px solid black;} */
/* 小图 */
/* .little img{  width: 480px;  height: 300px;} */
/* 小放大镜 */
.little .mark{  width: 150px;  height: 150px;  background-color: #939393; opacity: 0.5; position: absolute; left: 0; top: 0;cursor: move;display: none;}

/* 大放大镜 */
.great{  width: 480px;  height: 480px;background: #fff; border: 1px solid #000; overflow: hidden;  position: absolute;  display: none; margin-left: 100%;z-index: 100;}
.great div{  position: absolute;  left: 0;  top: 0;  width: 1600px;  max-width: 300%;display: flex;justify-content: center;align-items: center;}
.great img{max-width: 300%;max-width: 1600px;max-height: 1600px;object-fit: contain;}

.first-line{  width: 100%;display: flex;padding-bottom: 3%;}
/* .product-img{  width: 100%;  height: 400px;  margin: 10px;} */

.lunb{ width: 100%;  margin: auto;  background: #000;  height: 100%;}
.procont_pic_{/* border: 1px solid #ccc; */}
.procont_pic_ img{max-width: 20%;cursor: pointer;opacity: .5;}
.procont_pic_ .check{border: 1px solid #005bb1;opacity: 1;}

@media (max-width: 800px) {
	.col-lg-6-{width: 100%;}
	.details{
    position: relative;
    margin-left: 5%;
    width: 100%;
  }
  .first-line {
    flex-wrap: wrap;
  }
  .product-display video{
    width: 100%;
  }
  .little{
    position: relative;
  }
  .product-img{
    height: auto;
  }
}

@media screen and (max-width: 480px) {
	.little{
		width: 99%;
		height: auto;
	}
	.little .mark{
		width: 0%;
	}
	.little img {
		height: auto;
	}
}

@media (min-width: 768px) {
 
}
@media (min-width: 992px) {
 
}
@media (min-width: 1200px) {
  
}


._flex{display: flex;display: -ms-flexbox;display: -webkit-flex;}
.footer h3{font-size: 24px;}
.footer h5{font-size: 17px;}
.footer p{font-size: 17px;}
.container-sid,.container-mid,.container-wid{padding-left: 15px;padding-right: 15px;}
.section div[class*="col-"]{padding-left: 0;padding-right: 0;}
.title{flex-wrap: wrap}
@media (max-width: 768px) {
.header{display: none;}
.mobile-header{display: block !important;}
.banner{margin-top: 60px;}
}
@media (max-width: 480px) {
.about .rows li{word-break: break-word;padding: 15px 5px;}
.about .rows li .title{width: 40%;}
.about .rows li .message{width: 60%;}
.feedback_item{width: 100%;}
.feedback_lg{width: 100%;}
.feedback_lg a{padding: 0 15px;}
.section2 ul li{width: 50%;margin-top: 3vh;}
.section2 ul li img{margin-bottom: 2vh;}
}