@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'HarmonyOSMedium';
    src: url('HarmonyOSMedium.woff') format('truetype');
}

*{padding: 0px;margin: 0px;font-family:"HarmonyOSMedium";}
*, ::after, ::before { box-sizing: border-box;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, button, input, textarea, th, td { margin: 0; padding: 0; list-style: none; }
html{ background:#fff;} 
li {list-style: none;}
a {text-decoration: none;}
body,html {height: 100%;width: 100%;font-size: 14px;}

img{vertical-align: middle;}


.container {width: 100%; max-width:1600px; padding:0 15px; margin:0 auto;}
.container1 {width: 100%; max-width:1280px; padding:0 15px; margin:0 auto;}
.container2 {width: 100%; max-width:1360px; padding:0 15px; margin:0 auto;}

@media (max-width: 576px) {
  .container {max-width: 540px;}
}

@media (max-width: 768px) {
  .container {max-width: 720px;}
}

@media (max-width: 992px) {
  .container {max-width: 960px;}
}

@media (max-width: 1200px) {
  .container {max-width: 1140px;}
}



/* header */
.header{width: 100%;box-sizing: border-box;box-sizing: border-box;padding: 0 5%;position: fixed;top: 0;left: 0;z-index: 20;transition: all .3s; border-bottom:1px solid rgba(255,255,255,0.3)}
.header .box{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.header .box .logo{display: block;}
.header .box .logo img{display: block;width: 390px;}
.header .box .logo .logo02{display: none;}
.header .box .nav{display: flex;justify-content: flex-start;;align-items: center;}
.header .box .nav ul{display: flex;justify-content: flex-start;align-items: center;}
.header .box .nav ul li{position: relative;}
.header .box .nav ul li>a{display: block;height: 90px;line-height: 90px;font-size: 16px;color: #fff;position: relative;box-sizing: border-box;padding: 0 30px;}
.header .box .nav ul li .nav02{width:140%;position:absolute;background: rgba(255,255,255,.95);position: absolute;left: 50%;top:86px;z-index: 999;transform-origin: 0 0 0;transform: scaleY(0.2) translateX(-50%);
	transition: all 0.3s ease 0s;opacity: 0;visibility: hidden;border-radius: 0 0 15px 15px;overflow: hidden; padding-bottom:20px;}
.header .box .nav ul li .nav02 a{display: block;width: 100%;font-size: 13px;color: #666;line-height: 35px;position: relative;text-align: center;}
.header .box .nav ul li .nav02 a:hover{color: #15569d;background: #fff;}
.header .box .nav ul li:hover .nav02{display: block; font-size:36px; color:#1571ff; margin-top:5px;}
.header .box .lang{display: flex;flex-wrap:wrap; justify-content:space-between;align-items: center;}
.header .box .lang a{ display:block; width:60px; height:34px; line-height:34px; border-radius:17px; font-size:16px; text-align:center; background:#15569d; color:#fff;}
.header .box .nav ul li:hover .nav02{opacity: 1;visibility:visible;transform: translateY(0px) translateX(-50%);}


.header .fz_lang {position: relative;display: flex;align-items: center;height: 48px;margin-left: 0.6rem;}
.header .fz_lang:before {content: "";display: block;position: absolute;width: 100%;height: 100%;border-radius: 24px;border: 1px solid #ffffff;opacity: 0.4;}
.header .fz_lang a {position: relative;display: flex;justify-content: center;align-items: center;font-size: 14px;color: #f3f5f9;font-weight: bold;width: 48px;height: 48px;transition: all 0.4s;border-radius: 50%;
	border: solid 1px transparent;color: #ffffff;}
.header .fz_lang a.on {border-color: #ffffff;}
.header .fz_lang a:hover{color: #15569d;}

.header:hover{background: #fff;}
.header:hover .box .logo .logo01{display: none;}
.header:hover .box .logo .logo02{display: block;}
.header:hover .box ul li>a{color: #333333;}
.header:hover .box .le{color: #333333;}
.header:hover .box .le a{color: #333333;}
.header:hover .box .le span{background-color: #333333;}
.header:hover .fz_lang:before {border: 1px solid #333;}
.header:hover .fz_lang a {color: #333;}
.header:hover .fz_lang a.on {border-color: #333;}
.header:hover .fz_lang a:hover{color: #15569d;}

.div1.header{background: #fff;}
.div1.header .box .logo .logo01{display: none;}
.div1.header .box .logo .logo02{display: block;}
.div1.header .box ul li a{color: #333333;}
.div1.header .box .nav ul{color: #333333;}
.div1.header .box .nav ul a{color: #333333;}
.div1.header .box .nav ul span{background-color: #333333;}
 
.div1 .fz_lang:before {border: 1px solid #333;}
.div1 .fz_lang a {color: #333;}
.div1 .fz_lang a.on {border-color: #333;}
.div1 .fz_lang a:hover{color: #15569d;}


.header:hover .box .nav li:hover>a{color: #15569d;}

@media (max-width: 1680px) {
.container2 {width: 100%; max-width:1600px; padding:0 15px; margin:0 auto;}
.header{padding: 0 15px;}
.header .box .nav ul li>a{padding: 0 20px;}
.header .box .logo img{width: 300px;}
}
 
/*banner*/
.banner{ width:100%; height:60vh;position:relative;}
.banner .swiper-slide { width:100%;position:relative;}
.banner .swiper-slide .img{width:100%; height:100%;}
.banner .swiper-slide .img img{width:100%; height:60vh; z-index:0;}
.banner .hd{display: flex;flex-wrap:wrap; justify-content:space-between;align-items: center; width:90%; position:absolute; top:50%; left:5%;}
.banner .hd span{width:50px;height:50px; border-radius:50%;transition:all .2s;cursor:pointer; z-index:5;display: flex;justify-content:center;align-items: center; background:rgba(255,255,255,0.5)}
.banner .hd span:hover{ background:rgba(255,255,255,0.8)}


/* ind01 */
.ind01 {width:100%;position: relative; margin-top:60px;}
.ind01 .i_tit{ width:100%; font-size:40px; font-weight:bold; position:relative; padding-top:20px;}
.ind01 .i_tit:before{ content:""; position:absolute; width:60px; height:4px; background:#15569d; left:0; top:0; transition:.5s; z-index:1;}
.ind01 .con{width:100%;position: relative; margin-top:60px;}
.ind01 .con ul{ width:100%;display: flex;flex-wrap:wrap; justify-content: space-between;align-items: center;}
.ind01 .con ul li{ width:24%; margin-bottom:20px;}
.ind01 .con ul li a{ display:block; position:relative; overflow:hidden;}
.ind01 .con ul li a:after{ content:""; position:absolute; height:0; right:0; bottom:0; left:0; transition:.5s; z-index:1; border-radius:8px;}
.ind01 .con ul li a .img{ padding-bottom:100% !important}
.ind01 .con ul li a .img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%; border-radius:8px;}
.ind01 .con ul li a .txt{ position:absolute; left:0; right:0; top:60px; padding:0 15px 30px; z-index:2; transition:.5s;}
.ind01 .con ul li a .txt h2{ font-size:20px; color:#333; margin:.375rem 0 2rem; position:relative;}
.ind01 .con ul li a .txt h2:before{ content:""; position:absolute; width:60px; height:1px; background:#666; left:0;bottom:-10px; transition:.5s; z-index:1;}
.ind01 .con ul li a:hover:after{ height:100%; background:rgba(21,86,157,.4)} 
.ind01 .con ul li a:hover .txt h2{ color:#fff;} 
.ind01 .con ul li a:hover .txt h2:before{ background:#fff;}


/* ind02 */
.ind02{padding:120px 0;background-repeat:no-repeat;background-position:center center;background-size:cover;background-image:url(ind02bg.jpg);background-attachment:fixed !important; margin-top:60px;}
.ind02 .con{ width:100%; position:relative; z-index: 6;display: flex;flex-wrap:wrap; justify-content: space-between;align-items: center;}
.ind02 .con .le{ width:45%; position:relative;} 
.ind02 .con .le video{ width: 100%; position: relative; object-fit: cover;}
.ind02 .con .le .bo { cursor: pointer; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);   z-index: 3;}
.ind02 .con .le .bo img {width: 80px;}
.ind02 .con .re{ width:50%; position:relative;}
.ind02 .con .i_tit{ width:100%; font-size:40px; font-weight:bold; position:relative; padding-top:20px; color:#333;}
.ind02 .con .i_tit:before{ content:""; position:absolute; width:60px; height:4px; background:#666; left:0; top:0; transition:.5s; z-index:1;}
.ind02 .con .text{ width:100%; margin:30px auto; font-size: 16px;line-height: 28px; color: #333;}
.ind02 .con .ve video{ width: 100%; height: 100px; position: relative;}
.ind02 .con .ve .bo { cursor: pointer; position: absolute;left: 50%;top: 60%;transform: translate(-50%,-50%); z-index: 3;}
.ind02 .con .ve .bo img {width: 80px;}
.ind02 .con dl { padding-top:20px; margin-bottom:20px;display: flex;justify-content: center;align-items: center;}
.ind02 .con dl dd{ width:25%; text-align:center;}
.ind02 .con dl dd h4 {display: flex;justify-content: center;align-items: flex-end;}
.ind02 .con dl dd h4 strong { font-weight: bold; font-size:48px;margin-right: 0.8rem;color:#333; line-height: 1em; }
.ind02 .con dl dd h4 span{ font-size:18px; position:relative; top:-10px; color: #333;}
.ind02 .con dl dd h5{font-size: 16px; position: relative; margin-top:0; padding-top: 6px; color: #333; }
.ind02 .more { width:200px; height:50px; line-height:50px; background:#15569d; color:#333; text-align:center; font-size:16px; border-radius:25px; margin-top:60px;}
.ind02 .more a { display:block; color:#fff; border-radius:25px;}
.ind02 .more a:hover { background:#682313; border-radius:25px;}

 /* vi_box */
.vi_box { top: 0px; left: 0px; display: none; position: fixed;width: 100%;height: 100%;z-index: 999;background-color: rgba(0,0,0,0.8);}
.vi_box .box {height: 100%;width: 100%; display: flex;justify-content: center;align-items: center;}
.vi_box .box  video{  width: 100%;height: 100%;   position: relative;  object-fit: cover; display: block;}
.vi_box .box  .video {position: relative;width: 60%; height: 75%;}
.vi_box .box .video img.close{    cursor: pointer;width: auto;position: absolute;right: -40px;top: -40px;transition: all .3s;pointer-events: painted;}
.vi_box .box .video .close:hover {transform: rotate(135deg);}

/* ind03 */
.ind03 {width:100%;position: relative; margin-top:60px;}
.ind03 .i_tit{ width:100%; font-size:40px; font-weight:bold; position:relative; padding-top:20px;}
.ind03 .i_tit:before{ content:""; position:absolute; width:60px; height:4px; background:#15569d; left:0; top:0; transition:.5s; z-index:1;}
.ind03 .con {width:100%;position: relative;margin-top:50px;}
.ind03 .con ul {display: flex;flex-wrap:wrap; justify-content: space-between;align-items: center;}
.ind03 .con ul li {width: 24%; position: relative; background:#f6f6f6; border-radius:20px;}
.ind03 .con ul li::before {content: "";position: absolute;width: 0;height: 4px;left: 0;bottom: 0;background: #15569d;transition: 0.6s;-webkit-transition: 0.6s;}
.ind03 .con ul li:hover::before {width: 100%;}
.ind03 .con ul li .img{ position:relative; width:100%; overflow:hidden; border-radius:20px 20px 0 0;} 
.ind03 .con ul li .img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition: 0.6s;}
.ind03 .con ul li .img .hezi{padding-bottom: 67% !important;}
.ind03 .con ul li .txt { position:relative; padding:10px 15px 30px;}
.ind03 .con ul li .txt h4 {margin:5px 0 10px;font-size: 20px;color:#333;transition:0.3s;}
.ind03 .con ul li .txt .sum {font-size: 14px;color: #999; line-height:25px; margin-bottom: 20px;}
.ind03 .con ul li .txt .time {display: flex;flex-wrap: nowrap;align-items: center; color:#333;}
.ind03 .con ul li .txt .time img {width: 18px; margin-right:8px;}
.ind03 .con ul li:hover .img img{ transform: scale(1.05);}
.ind03 .con ul li:hover .txt h4 {color: #15569d;}
.ind03 .con ul li:hover .txt .time {color: #15569d;}

/* ind04 */
.ind04 {width:100%;position: relative;display: flex;justify-content: space-between; align-items: center; background:url(ind04bg.jpg) no-repeat; padding:120px 0; margin-top:60px;}
.ind04 .i_tit{ width:100%; font-size:40px; font-weight:bold; position:relative; padding-top:20px; color:#fff;}
.ind04 .i_tit:before{ content:""; position:absolute; width:60px; height:4px; background:#fff; left:0; top:0; transition:.5s; z-index:1;}
.ind04 .con{margin-top:20%;}
.ind04 .con ul{display: flex;justify-content: space-between; align-items: center;}
.ind04 .con ul li {width: 24%; text-align:center; background:rgba(0,0,0,.3); border-radius:15px;}
.ind04 .con ul li a{ display:block; padding:30px 0;}
.ind04 .con ul li a:hover{ background:rgba(0,0,0,.5); border-radius:15px;}
.ind04 .con ul li a img{transition: transform 0.5s ease; transform: scaleX(1);}
.ind04 .con ul li a:hover img{transform: scaleX(-1);}
.ind04 .con ul li .txt h1{width: 100%; font-size:20px; font-weight:normal; color:#fff; line-height:50px;}

 /* footer */
.footer {padding: 80px 0 30px;position: relative;background:#0c3158;}
.footer .fo01 {margin-bottom: 80px;}
.footer .fo01 ul {display: flex;justify-content: space-between;}
.footer .fo01 ul li { width:auto;}
.footer .fo01 ul li h3 {margin-bottom: 45px;}
.footer .fo01 ul li h3 a { display: inline-block; font-size: 18px; color: #fff; font-weight: 100; position:relative;}
.footer .fo01 ul li h3 a:before{ content:""; position:absolute; width:50px; height:1px; background:rgba(255,255,255,.5); left:0;bottom:-20px; transition:.5s; z-index:1;}
.footer .fo01 ul li p a{ display:block;font-size: 14px;color:rgba(255,255,255,.5);line-height:30px;}
.footer .fo01 ul li p a:hover {color:rgba(255,255,255,1);}
.footer .fo01 ul li.ewm {text-align:center;color:rgba(255,255,255,.5);}
.footer .fo01 ul li.ewm img{ margin-bottom:15px;}
.footer .fo02 { width:100%; position:relative; padding-top:30px; border-top:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.5);}
.footer .fo02 .con{display: flex;justify-content: space-between;align-items: center;}
.footer .fo02 .con .le {width: 50%;}
.footer .fo02 .con .le a{ margin-right:5px;}
.footer .fo02 .con .re { width:50%;color:rgba(255,255,255,.5); text-align:right;}
.footer .fo02 .con .re a {font-size: 14px;color:rgba(255,255,255,.5); line-height:25px;}
@media (max-width: 1680px) {
.footer .fo01 ul li h3 a { font-size: 16px; }
}

.n_banner{width: 100%;position: relative; z-index:-1;}
.n_banner img{width: 100%;display: block;}

.n_menu{width: 100%; position:relative;}
.n_menu ul{width: 100%;display: flex;justify-content: space-between; margin-top:-70px; z-index:1;}
.n_menu li{width: 100%; margin-right:2px; height: 70px;line-height: 70px;background: rgba(0, 0, 0, .5);transition: all .4s ease;}
.n_menu li a{width: 100%; display:block;font-size: 18px;color: #fff;font-weight: 500; text-align:center;}
.n_menu li:hover, .n_menu li.active{background: #0056b8;}


.n_home {padding: 0;position: relative; z-index: 9; background:#f2f2f2;}
.n_home .container { position: relative; display: flex; justify-content: space-between; align-items: center; }
.n_home ul { position: relative; flex-grow: 1; }
.n_home ul li{display: block; font-size:16px; color: #373941; float: left;line-height:65px; margin-left:30px; z-index: 1; position: relative;border-radius: 3px;}
.n_home ul li a{ display: block; color:#333; position: relative; }
.n_home ul li a:before{ content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #0056b8; transition: .5s;}
.n_home ul li:hover a{  color:#0056b8;}  
.n_home ul li:hover a:before{ width: 100%; color:#0056b8;}  
.n_home ul li.on a{ color:#0056b8;}  
.n_home ul li.on a:before{ width: 100%; color:#0056b8;}  
.n_home .home { left: 0;bottom: 0; font-size:14px;color: #747679;}
.n_home .home img{ vertical-align: middle; margin-bottom: 3px; margin-right: 10px; width: 13px;}
.n_home .home span, .n_home .home a, .home i,.n_home .home em {font-size:14px;color: #333;transition: all 0.36s ease-in-out;font-style: normal;}
.n_home .home i{margin: 0 5px;font-style: normal; width: 4px; height: 6px; }
.n_home .home em { color: #333;font-style: normal;}


.n_main{color:#333; margin-top:60px;}
.n_main .n_title{ font-size:36px; text-align:center;margin: 0 auto 50px;}

/* 关于我们 */
.n_about{width: 100%;position: relative; padding:30px 0 150px; color:#333; line-height:30px; text-align:justify;}
.n_about .n_txt{ font-size:16px; line-height:30px; min-height:350px; line-height:30px; text-align:justify;}
.n_about .n_txt img{ max-width:100%;}

.ab01{background: #fff;margin:0 0 90px;}
.ab01 .container{display: flex;justify-content:space-between;}
.ab01 .container .img{width: 47%;}
.ab01 .container .img img{width: 100%;}
.ab01 .container .txt{width: 51%;display: flex; justify-content: center;align-items: center;}
.ab01 .container .txt .tit{margin-bottom: 20px;}
.ab01 .container .txt .tit:after{display: block; content: ''; width: 42px; height: 3px; background: #666; }
.ab01 .container .txt .tit .cn{font-size: 32px;color: #333; padding-bottom: 10px;font-weight: bold;margin-top: -18px;}
.ab01 .container .txt .tit .en{color: #f3f3f3;text-transform: uppercase;font-family: Oswald;font-size: 54px;}
.ab01 .container .txt .intro{font-size: 16px;color: #333;line-height: 30px; text-align:justify;}
.ab01 .container .txt h2{font-size: 20px;color: #333;margin-bottom:20px;}

.ab02{padding:120px 0;background-repeat:no-repeat;background-position:center center;background-size:cover;background-image:url(ab02.jpg);background-attachment:fixed !important}
.ab02 .con {width: 100%;}
.ab02 .con .txt { width:100%; line-height:40px; text-align:center;margin-top:30px; font-size:20px;}

.ab03{width: 100%;overflow: hidden;margin:0 0 90px;}
.ab03 .box{width: 100%;margin-top:50px;display: flex;flex-wrap:wrap;}
.ab03 .box .item{width: 23%; margin-right:1.5%; background:#fff;box-shadow: 0 0 20px 0 rgba(0, 0, 0, .18); margin-bottom:30px;}
.ab03 .box .item:hover{box-shadow: 0 0 20px 0 rgba(0, 0, 0, .26);}
.ab03 .box .item:nth-child(4n){margin-right:0;}
.ab03 .box .item .img{width: 100%;overflow: hidden;}
.ab03 .box .item .img img{width: 100%;object-fit: cover;transition: all .6s ease;}
.ab03 .box .item .con{width: 100%;position: relative;padding:20px;}
.ab03 .box .item .con .tit{font-size: 26px;color: #333;line-height: 25px;border-left: 7px solid #0056b8;padding-left: 14px;position: relative;}
.ab03 .box .item .con .txt{color: #666;position: relative; margin-top:20px;line-height: 30px;font-size: 14px; text-align:justify;}
 
.ab04{width: 100%;box-sizing: border-box;position: relative;margin:60px auto;}
.ab04 .n_title{ font-size:36px; text-align:center;margin: 0 auto 50px;}
.ab04 .box{width: 100%;display: flex;flex-wrap:wrap;}
.ab04 .item{display: block;width: 24%;background: #f5f5f5; margin-right:1%; margin-bottom:30px;}
.ab04 .item .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;}
.ab04 .item .imgbox img{display: block;width: 90%;transition: all .6s;margin-left:5%;margin-top:5%;}
.ab04 .item:hover .imgbox img{transform: scale(1.05);}
.ab04 .item .text{}
.ab04 .item .text h3{font-size: 18px;color: #222222;margin: 20px auto;text-align: center;}


 
.ab05{width: 100%;box-sizing: border-box;position: relative;margin:30px auto 90px;}
.ab05 .box{width: 100%;display: flex;flex-wrap:wrap;}
.ab05 .box .item{display: block;width: 24%;background: #f5f5f5; margin-right:1%; margin-bottom:30px;}
.ab05 .box .item .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;}
.ab05 .box .item .imgbox img{display: block;width: 90%;transition: all .6s;margin-left:5%;margin-top:5%;}
.ab05 .box .item:hover .imgbox img{transform: scale(1.05);}
.ab05 .box .item .text h3{font-size: 18px;color: #222222;margin: 20px auto;text-align: center;}


.n_news { padding:0px 0 90px;}
.n_news ul { width:100%;display: flex;flex-wrap:wrap; }
.n_news ul li { width:49%; margin-bottom:30px;background: #f9f9f9; margin-right:2%; }
.n_news ul li:nth-child(2n){ margin-right:0;}
.n_news ul li:hover { background:rgba(21,86,157,0.1); }
.n_news ul li a {display: flex;padding: 1.5rem .9375rem;transition: 0.6s;position: relative;}
.n_news ul li .con { width:100%; padding: 1.9rem 2rem; position: relative;}
.n_news ul li .con h5 { font-size:22px; line-height: 35px; height: 35px; color: #636363; font-weight: bold; transition: .6s; }
.n_news ul li .con h6 {font-size: 14px;color: #999;font-weight: bold;margin: 0.75rem 0 1rem;transition: .6s;}
.n_news ul li .con p { font-size: 14px; line-height: 22px; color: #888; transition: .6s; }

.n_products {width:100%;position: relative; z-index: 9;padding-bottom:60px;}
.n_products .container2 { position: relative; display: flex; justify-content: space-between;}
.n_products .le { width:25%; position: relative;}

aside{ background:#fff; border:1px solid rgba(0,0,0,0.1); border-top-left-radius:10px; border-top-right-radius:10px;}
.navMenubox h1 { width: 100%; background:#0056b8; height:90px; line-height:90px; text-align:center; font-size:30px; border-top-left-radius:10px; border-top-right-radius:10px; color:#fff;}
.navMenu> li { display: block; margin:0; padding:0; width: 100%;border-top: 1px solid #e4e4e4;}
.navMenu .first { background:#f5f5f5;padding-left: 15px;}
.navMenu .second { padding-left: 35px; }
.navMenu .three { padding-left: 55px; }
.navMenu>li>a { display: block; overflow: hidden; line-height:45px; color: #333; transition: all .3s; position: relative; font-size: 15px; text-decoration:none;}
.navMenu > li:nth-of-type(1)> a { border-top: 1px solid transparent; }
.navMenu > li:last-child > a { border-bottom: 1px solid transparent; }
.navMenu>li>a>i { font-size: 20px; float: left; font-style: normal; margin: 0 5px; }
.navMenu li a .arrow { display: block; float: left; margin-top: 18px; margin-right: 10px; display: inline; width:8px; height: 11px; background:url(icon09.png) no-repeat; text-shadow: none; }
.navMenu>li>a.active, .navMenu>li>a:hover {color: #0056b8;font-weight: bold; background:#f5f5f5; }
.navMenu>li>ul.sub-menu, .navMenu>li>ul.sub-menu>li>ul.sub-menu { list-style:none; clear:both; border-top: 1px solid #e4e4e4; }
.navMenu>li>ul.sub-menu li { margin: 0px; border-bottom:1px dotted #ddd; }
.navMenu>li>ul.sub-menu li a .arrow { margin-top: 15px;}
.navMenu>li>ul.sub-menu li:last-child { border:none; }
.navMenu>li>ul.sub-menu li>a { display: block; font-size: 13px; line-height: 40px; color: #666; clear: both; text-decoration:none; }
.navMenu>li>ul.sub-menu li>a.active, .navMenu>li>ul.sub-menu li>a:hover, .navMenu>li>ul.sub-menu>li.active >a { color: #09397c;}
.navMenu>li>ul.sub-menu .sub-menu1, .navMenu>li>ul.sub-menu>li>ul.sub-menu .sub-menu1 { list-style:none; clear:both; border-top: 1px solid #e4e4e4; }
.navMenu>li>ul.sub-menu .sub-menu1 li { margin: 0px; border-bottom:1px dotted #ccc; }
.navMenu>li>ul.sub-menu .sub-menu1 li a .arrow { margin-top: 16px; background:url(icon10.png) no-repeat;}
.navMenu>li>ul.sub-menu .sub-menu1 li:last-child { border:none; }
.navMenu>li>ul.sub-menu .sub-menu1 li>a { display:block; font-size: 14px; line-height: 36px; color: #666; clear: both; text-decoration:none; }
.navMenu>li>ul.sub-menu .sub-menu1 li>a.active, .navMenu>li>ul.sub-menu .sub-menu1 li>a:hover, .navMenu>li>ul.sub-menu>li.active >a { color: #0056b8;}


.n_products .re { width:72%; position: relative;}
.n_products .re .p_home { width:100%;font-size:14px;color: #747679; background:#f2f2f2; height:55px; line-height:55px; border-top-left-radius:10px; border-top-right-radius:10px; padding:0 30px;}
.n_products .re .p_home img{ vertical-align: middle; margin-bottom: 3px; margin-right: 10px; width: 13px;}
.n_products .re .p_home span, .n_products .p_home a, .p_home i,.n_products .p_home em {font-size:14px;color: #333;transition: all 0.36s ease-in-out;font-style: normal;}
.n_products .re .p_home i{margin: 0 5px;font-style: normal; width: 4px; height: 6px; }
.n_products .re .p_home em { color: #333;font-style: normal;}