.header{ z-index: 99999; width: 100%; background: url('../img/header_bg.png') #fff no-repeat center; background-size: 100% 100%; z-index: 999999; border-bottom: 1px solid #f5f5f5; padding: 15px 0;}

.navMarket{ top:0; left: 0; width: 100%; height: 100%; z-index: 998; background: rgba(0,0,0,0.4); display: none;}

.header .logo{ padding-right: 0 }

.header .logo .logoImg{ width: 100%; padding: 0 }

.header .logo.logoText img{ width: 100%; max-width: 160px}

.header .nav_btn{ width: 40px; height: 40px; right: 0px;}

.mobileNav{ display: none }

.nav{ background: rgba(3, 57, 167, 0.5); z-index: 99999; width: 100%}

.nav.header_down{position: fixed;top: 0;left: 0;width: 100%; background: rgba(3, 57, 167, 0.8);}

.navList li{ text-align: center; line-height: 50px; position: relative }

.navList li a{display: block; width: 100%}

.navList li span{ color: #fff; display: inline-block; font-size: 16px}

.navList li a img{ vertical-align: middle; margin-left: 8px }

.navList li.active span{ color: #fff; border-bottom: 2px solid #fff }

.pro_nav{ position: absolute; top: 52px; left: 0; background: #0339a7; z-index: 999; display: none }



.pro_nav a{ white-space: nowrap; text-align: left; padding: 15px; line-height: 1em; display: block;  font-size: 14px; border-bottom: 1px solid rgba(255,255,255,0.1); color:#fff; transition: all 0.3s }

.pro_nav a:hover{background: rgba(0, 0, 0, 0.3);}

.pro_nav i{display: block; right: 20px; border:4px solid #fff; transform: rotate(45deg); border-left: 4px solid transparent; border-bottom: 4px solid transparent; margin-top: -4px;}



.pro_nav2{ top: 0; right: -100%; background: #0339a7; border-left: 1px solid rgba(0, 0, 0, 0.1); display: none}

.search{ margin-top: 10px; border: 1px solid #f5f5f5; border-radius: 5px; line-height: 30px; padding: 0 5px; background: #fff;}

.search .texts{ width: 100%; height: 30px; line-height: 30px; padding: 0 10px; display: block; background: none;}

.search .btns{ right: 2px; width: 40px; height: 30px; background: url('../img/ss_btn.png') no-repeat 10px center; font-size: 0px; border-left: 1px solid #f5f5f5; }



.phones{ /* text-align: right; */ padding-left: 20px; line-height: 20px}

.phones p{ line-height: 25px; margin-left: 5px; font-size: 15px}

.phones p a{ line-height: 26px; display: inline-block; }

.phones p img,.phones p i{ vertical-align: middle; line-height: 25px}

.phones p em{ font-size: 24px; color: #0339a7; line-height: 1.5em; font-weight: 600 }

/* .phones p em{ width: 1px; height: 15px; margin: 5px; background: #aaa; display: inline-block; } */

.language{ /* margin: 8px 0;  */overflow: hidden; }

.language > div:nth-child(1){ margin-bottom: 10px; }

.lines{ width: 100%; height: 1px; background: #f5f5f5; margin: 10px 0; }

.banner a{ display: block }



.index_title{ border-bottom: 1px solid #ddd; overflow: hidden; width: 100%; margin-bottom: 20px; }

.index_title h2{ color: #333; font-size: 18px; line-height: 60px; display: inline-block; }

.index_title h2 span{ font-family: Arial; text-transform: uppercase; color:#002e6d; font-size: 14px; margin-left: 5px;  }

.index_title a{ font-size: 14px; transition: all 0.5s; display: inline-block; padding: 0 10px; line-height: 60px; color: #999;}

.index_protitle{ background: #eee; margin:30px 0}

.index_protitle ul{max-width:1680px;margin:0 auto}

.index_protitle li{ padding-bottom: 35px; padding-top:15px}

.index_protitle li a{width: 100%; display: block; }

.index_protitle li a p{ line-height: 1em; text-align: center; font-size: 15px; }

.index_protitle li a span{ display: block; width: 100%; transition: all 0.3s }

.index_protitle li a span.imgs_on{ width: 0;}

.index_protitle li:hover a span.imgs_on{ width: 100%;  }

.index_protitle li:hover a span.imgs_bg{ opacity: 0; }

.index_about,.index_honor{ background: url(../img/topbg.jpg) top left; padding: 40px 0; }

.index_about_box{ background: #fff;  padding:0 0 20px; box-shadow: 0 0 10px #ddd; border-radius: 10px;}

.index_about_text{ line-height: 1.8em; font-size: 14px; }

.index_about_text span{display: inline-block; padding:0; margin-right: 15px;}

.index_about_text span video{ width: 100%; max-height: 300px}

.index_about_text a{ color: #F93; }



.index_about_new{ width: 100% }

.index_about_new li.frist{ overflow: hidden; margin-bottom: 5px; }

.index_about_new li.frist span{ padding: 0 }

.index_about_new li.frist a > div{ padding-right: 0 }

.index_about_new li.frist h2{ color: #002e6d; font-size: 18px; }

.index_about_new li.frist h3{ margin: 5px 0; color: #484848 }

.index_about_new li.frist p{ color: #787878 }

.index_about_new li a{ font-size: 14px; }

.index_about_new li a span:nth-child(2){ font-size: 12px; }

.index_about_new li a span{ padding: 0;line-height: 25px; border-radius: 15px; overflow: hidden;}



.indexTitle2{ margin: 15px 0 20px; }

.indexTitle h2{ overflow: hidden; color: #333; font-weight: 900; font-size: 26px; }

.indexTitle p{ margin-bottom: 30px }

.indexTitle2 h2{ color: #fff }

.indexTitle h2 a{ color: #333; font-size: 14px; line-height: 64px; font-weight: 500 }

.indexTitle h2 span{ padding: 10px 0; display: inline-block; border-bottom: 3px solid #0339a7 }

.indexTitle2 h2 span{ border-color: #fff }

.indexTitle i{ width: 100%; height: 1px; background: #eee; display: block }





.indexPro{ padding: 15px 0 0; }

.proNavBox{ border-bottom: 1px solid #eee;border-right: 1px solid #eee; padding-bottom: 10px;  }

.proNavBox h2 a{ padding-top: 10px; color: #000; font-size: 18px; font-weight: 800; margin-bottom: 5px; }

.proNavBox a{ display: block; overflow: hidden; line-height: 35px; font-size: 15px; white-space: nowrap }

.proNavBox a img{ width: 25px; }



.proContent{ padding: 0; }

.proContent > h2{padding-top: 10px; color: #000; font-size: 18px; font-weight: 800; margin-bottom: 5px; }


.indexPro2Box{ width: 100%; padding: 20px 0; border-bottom: 1px solid #eee }

.proContentBox li a, .indexPro2Box .items a{ display: block; padding: 10px; }

.proContentBox li a span, .indexPro2Box .items a span{ display: block; border-radius: 10px; border: 1px solid #eee; overflow: hidden; }

.proContentBox li a span img, .indexPro2Box .items a span img{ transition: all 0.5s }

.proContentBox li a:hover span img, .indexPro2Box .items a:hover span img{ transform: scale(1.05,1.05) }

.proContentBox li a p, .indexPro2Box .items a p{ text-align: center; line-height: 30px; }



.indexBanner{ margin: 10px auto; overflow: hidden;}

.indexBanner01{display: flex; justify-content: center; align-items: center; text-align: center; width: 100%;}

.indexBanner01 img{ flex: 1; width: 1920px; max-width: 1920px }

.indexPro2Noborder .indexPro2Box{ border: none; }

.footer{ background: rgba(3, 57, 167, 1); }

.footer .footerContent p{ color: #fff; line-height: 30px; overflow: hidden; padding: 0;}

.footer .footerContent p a{ display: inline-block; margin-right: 25px; line-height: 30px; color: #fff;}

.footer .footerContent p.contactIcon a{ margin-right: 15px; }

.footer .copy{ color: #fff; line-height: 25px; border-top: 1px solid rgba(255, 255, 255, 0.1); margin-top: 30px; text-align: center; padding: 15px 0; }

.footer .footerContentEwm img{ max-width: 50%; height: auto !important; }

.indexHonor .items{ padding: 0 10px; }

.indexTitle3{ text-align: center; padding-top: 30px; }



.pages{ text-align: center; padding: 60px 0; background: #fff;}

.pages a, .pages span{ border-radius: 2px; margin: 0 5px; min-width: 40px; padding: 0 10px; line-height: 40px; text-align: center; line-height: 40px; display: inline-block }

.pages a{ border: 1px solid #f5f5f5; transition: all 0.5s }

.pages a:hover, .pages span{ background: #0339a7; color: #fff }

.pages a.btns{ font-family: '宋体' }

.pages2 a{ width: auto; padding: 0 20px; color: #787878; margin: 0 30px;}



.mbx{ padding: 10px 0; line-height: 22px; border-bottom: 1px solid #f5f5f5}

.mbx img{ width: 22px; height: 22px; margin-right: 5px;}

.mbx img, .mbx a{vertical-align: middle;}



.nyTitle{ text-align: center; padding: 30px 0;}

.nyTitle h2{ font-size: 24px; color: #000; font-weight: 900; }

.nyTitle i{ display: inline-block; width: 60px; height: 2px; background: #333}



.aboutContent{ line-height: 2em; margin-bottom: 30px; }

.aboutContent img{ max-width: 100%; height: auto !important }

.aboutContentImg{ margin-bottom: 50px; }

.aboutContentImg li{ padding: 0 8px; }

.aboutContent iframe{ width: 100%; height: 400px; }






.about_honor{ padding: 30px 0; }

.aboutHonor li{ padding: 10px; }

.aboutHonor li span{box-shadow: 0 0 10px #ddd; display: inline-block; overflow: hidden;}

.aboutHonor li span img{ transition: all 0.5s }

.aboutHonor li:hover span img{transform: scale(1.05, 1.05)}

.aboutHonor li p{ text-align: center; line-height: 30px }





.nyNav{ text-align: center; margin: 30px 0 10px; }

.nyNav .items{ display: inline-block; margin: 0 20px; }

.nyNav .items a{ display: block; width: 150px; line-height: 35px; border-radius: 5px; border: 1px solid #eee; color: #484848; transition: all 0.5s }

.nyNav .items.active a,.nyNav .items:hover a{ background: #0339a7; color: #fff; border-color: #0339a7 }



.cotactsBox{ margin: 50px auto; }

.cotacts{ float: left !important }

.cotacts h2{ color: #333; font-size: 22px }

.cotacts i{ width: 60px; height:3px; background: #333; display: inline-block; margin: 15px 0; }

.cotacts p{ line-height: 2.5em }

.cotacts p img{ max-width: 220px; height: auto !important }

.cotacts .items{ width: 100%; }

.cotacts .items input,.cotacts .items textarea{ line-height: 35px; border-radius: 5px; border: 1px solid #eee; width: 100%; margin-bottom: 15px; }

.cotacts .items textarea{ height: 60px; }

.cotacts .items input[type="submit"]{ background: #0339a7; color: #fff; padding: 0; }





.BMapLabel{ border: 1px solid #ddd !important; padding: 20px 15px !important; font-size: 16px !important; top: -80px !important; left: -102px !important; position: relative;}

.BMapLabel:before{ content: ""; display: block; border: 10px solid #fff; position: absolute; bottom: -10px; left: 50%; margin-left: -10px; transform: rotate(45deg); z-index: 2}

.BMapLabel:after{content: ""; display: block; border: 11px solid #ddd; border-top-color: transparent; border-left-color: transparent; position: absolute; bottom: -11px; left: 50%; margin-left: -11px; transform: rotate(45deg); z-index: 1}

.BMap_shadow, .BMap_shadow img, .BMap_shadow div, .BMap_pop{ display: none !important }





.news_list{ width: 100%; padding: 0}

.news_list li{margin-bottom: 15px;  background: #fafafa; border-radius: 15px; overflow: hidden;}

.news_list li a{ display: block; overflow: hidden; transition: all 0.5s;}

.news_list li .prolist_text{ margin-top: 10px; padding-bottom: 10px; }

.news_list li span{ padding-right: 0; display: block; padding: 0; border-radius: 15px; overflow: hidden; }

.news_list li a:hover{ background: #002e6d }

.news_list li a:hover h2, .news_list li a:hover p{ color: #fff; }

.news_list li .prolist_text{ margin: 20px 0; padding-left: 30px;}

.news_list li .prolist_text h2{ font-size: 20px; line-height: 1.6em; border-bottom: 1px solid #ddd; padding-bottom: 20px; }

.news_list li .prolist_text p{ line-height: 1.6em; color: #666; margin-top: 20px; }



/*pro_detial*/

.proDetail{ padding: 0; }

.pro_detail_content{margin:50px auto;}

/* .show_bigimg > div{display:none;max-width:100%;overflow:hidden;border:1px solid #ddd;} */


.show_bigimg > div img{max-height:473px}

.show_bigimg iframe{max-width:100%;}

.show_smlimg{display:flex;}

.show_smlimg .items{max-width:100%;transition:all 0.5s;flex:1;margin-right:1%;float:left;margin-top:2%;border:2px solid #fff;}

.show_smlimg .items img{max-height:110px}

.show_smlimg .items.swiper-slide-thumb-active{border:2px solid #002e6d;}

.pro_show_contant{overflow:hidden;}

.pro_show_tex{padding-left:0}

.pro_show_tex > h2{color:#002e6d;font-size:24px;line-height:1.6em;padding:10px 0;}

.pro_show_tex > h4,.pro_show_tex .wx_phone h4{color:#002e6d;font-size:18px;line-height:3em}

.pro_show_tex > p{margin-bottom:10px;width:100%;color:#666;font-size:15px;line-height:1.6em;}

.pro_show_tex .line{border-bottom:1px solid #eee;width:100%;height:1px;}

.pro_show_tex > h5{color:#999;line-height:2em;font-size:16px;}

.pro_show_tex > h5 span{display:block;line-height:2.4em}

.pro_show_tex > h5 span i{font-size:16px;color:#002e6d;font-weight:600;}

.pro_show_tex .wx_ewm{width:40%;margin:0 0 1em}

.pro_show_tex .wx_ewm span{width:100%;display:block}

.pro_show_tex .wx_ewm img{width:100%;}

.pro_show_tex .wx_ewm p{color:#002e6d;font-size:18px;line-height:3em}

.pro_show_tex .wx_phone .line{margin:10px 0;}

.pro_show_tex .wx_phone h4{line-height:2.5rem;}

.pro_show_more{margin-top:30px;}

.pro_show_more a{display:block;line-height:20px;font-size:16px;text-transform:uppercase;padding:20px 0 20px 16%;width:50%;float:left;}

.pro_show_more .contact{background:url(../img/pro_det_icon1.jpg) no-repeat center left;background-size:auto 100%}

.pro_show_more .click{background:url(../img/pro_det_icon2.jpg) no-repeat center left;background-size:auto 100%;color:#fff;padding-left:18%;}

.pro_show_con{padding:0;margin:0px 0 10px}

.pro_show_detail{margin-top:20px;}

.pro_show_detail img{ max-width: 100% !important; height: auto !important }

.pro_show_tab{background-color:#002e6d;padding:10px 0;overflow:hidden;width:100%;color:#fff;text-align:center;font-size:20px;}

.pro_detail_content{margin:50px auto}

.pro_show_detail{font-size:16px;line-height:1.8em;color:#333;}

.pro_show_detail table{border: none !important;
    border-right: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;}

.pro_show_detail table, .pro_show_detail table tbody{
	    width: 100% !important;
}

.pro_show_detail table td{width: auto !important; padding: 5px 0 !important;}

.show_bigimg .videos{background:#000}

.pro_detail{margin-top:30px;}




.pro_title{ display: block; font-size: 20px; text-transform: uppercase; color: #fff; padding: 0 15px; background: #384582; border: 1px solid #384582; line-height: 36px}
.pro_title span{ font-family: Arial; font-size: 14px; margin-left: 5px; }

.pro_title:hover{ color: #fff; }

.pro_title i{ display: block; background: #fff; width: 15%; height: 2px; margin: 5px 0; }

.pro_title p{ color: #fff; font-family: Arial; }

.ny_pro_nav{border:2px solid #384582; background: url('../img/lbj.gif') repeat center; padding-bottom: 20px}

.ny_pro_nav, .ny_pro_nav > li{ width: 100%; position: relative; }

.ny_pro_nav > li a{ text-align: center; position: relative; display: block; line-height: 52px; font-size: 15px; text-transform: capitalize; overflow: hidden;text-overflow:ellipsis; white-space: nowrap; width: 100%; padding: 0 25px; transition: all 0.5s; border-bottom: 1px dashed #ddd}

.ny_pro_nav > li i{ font-size: 14px; font-family: "Arial"; color: #fff; position: absolute; line-height: 40px; padding: 0 20px;}

.ny_pro_nav > li > .pro_nav_two{display: none; background: #fdfdfd;}

.ny_pro_nav > li > .pro_nav_two a{ border-bottom: 1px solid #eee }

.ny_pro_nav > li > .pro_nav_two.down{ display: block; }

.ny_pro_nav > li > .pro_nav_two a:hover, .ny_pro_nav > li > .pro_nav_two a.active2{ background: #eee; }

.ny_pro_nav > li > a ~ i{ right: 0px; font-family: '宋体'; top: 0; transform: rotate(0deg); cursor: pointer; transition: all 0.5s}

.ny_pro_nav > li > a ~ i.active{ transform: rotate(90deg); }

.ny_pro_nav > li > .pro_nav_two a{ line-height: 40px; }

.ny_pro_nav > li > .pro_nav_two a > i{ left: 0px; top: 0; line-height: 40px;}


@media (max-width: 1500px) {

	

}

@media (max-width: 1366px) {

	

}



@media (max-width: 1200px) {

.indexBanner01 img{ flex: 1; width: 160%; max-width: 160% }

}

@media (max-width: 1024px) {

	.header .logo .logoImg{

		width: 100%

	}

}

@media (max-width: 768px) {

	.header{ padding: 10px 0; }

	.title{ margin: 15px 0; }

	.indexPro{margin: 0 auto 20px;}

	.indexAbout h2{ font-size: 24px }

	.indexBox1Void{ height: 20px }

	.owl_navigation .owl-controls{ display: none !important }

	.indexBox6List, .indexProNews ul{ margin: 0 }

	.indexBox6List li{ padding: 10px; }

	.footer{ padding: 0;}

	.indexBox4{ padding-bottom: 30px }

	.indexBox4 .ewms{ padding: 0 20px 20px; }

	.indexBox2{ padding-bottom: 30px }

	.index_about_new li.frist a > div{ padding-left: 0 }

	.index_about_new li.frist h2{ margin: 5px 0; }

	.index_about_text{ padding-bottom: 15px;}

	.index_about{padding: 0;}

	.index_about_box{ border-top: none;padding: 0 0 15px; border-radius: 0}

	.index_about_text span video{ height: 150px; background: #000 }

	.indexPro2{ padding: 0 10px; }

	.indexTitle h2{ font-size: 20px;  }

	.indexTitle h2 span{ padding: 10px 0;}

	.indexTitle h2 a{ line-height: 60px }

	.index_honor{ padding: 20px 10px; }

	.indexPro2Box{padding: 20px 0 10px;}

	.footer .copy{ padding: 5px; }

	.about_honor{ padding: 10px 0; }

	.nyTitle{ padding: 10px 0; }

	.nyTitle h2{ font-size: 18px; }

	.nyTitle i{ width: 30px; }

	.aboutContent{ padding: 10px; }

	.proDetail{ padding: 0 10px; }

	.pro_detail{ padding: 0; }


	.aboutContent iframe{ width: 100%; height: 260px; }

	.header .logo.logoText{ padding-left: 0 }

	.footer .footerContentEwm img{ max-width: 100% }

	.footer .footerContent p span{ display: inline-block !important; }
	.proContentBox li a span{
		height: 110px;
	}
	.indexBanner01{
		margin-bottom: 0;
	}
}

.bottom_fx{ box-shadow: 0 0 10px #000; z-index: 9999; left: 0; bottom: 0; height: 50px; width: 100%; background: #0066cc; }
.bottom_fx a{ float: left; width: 50%;box-sizing: border-box; display: block; line-height: 50px; font-size: 16px; color: #fff; text-align: center; padding-left: 40px; background-repeat: no-repeat; background-size: auto 80%; background-position: 50px center; }
.bottom_fx a.app{ background-image: url(../img/bot_icon1.png); }
.bottom_fx a.pho{ background-image: url(../img/bot_icon2.png); border-right: 1px solid #034d23 }
.bottom_wx{ z-index: 9999 }
.bottom_wx, .bottom_wx .bottom_wx_bg{ width: 100%; height: 100%; top: 0; left: 0;}
.bottom_wx{ display: none; z-index: 999 }
.bottom_wx .bottom_wx_bg{ background: rgba(0,0,0,0.8);}
.bottom_wx .bottom_wx_con{ width: 90%; padding-bottom: 60px;}
.bottom_wx .bottom_wx_con span, .bottom_wx .bottom_wx_con img{width: 90%; display: block; margin: 0 auto;}
.bottom_wx .bottom_wx_con p{ color: #fff; font-size: 16px; line-height: 1.5em; text-align: center; margin-top: 15px }
.bottom_wx .bottom_wx_close{ bottom: 50px; left: 0;width: 100%;}
.bottom_wx .bottom_wx_close a{ font-size: 16px; display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; background: #e17a0b; color: #fff }