@charset "utf-8";
/* CSS Document */
body,div,ul,li,p,h3,h1,h2,h5,h6,h4,dl,dt,dd,table,tr,td,img,span,b,form,input,span,video{ margin:0; padding:0}
img{ border:0; max-width:100%; vertical-align:middle}
ul, li{ list-style:none;}
a{ text-decoration:none}
font{ font-size:12px;}
body{ font-size:12px; color:#000; font-family:Penrose, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important}
.ty01,.ty02{ margin:0 auto; overflow:hidden}
.ty02{ width:90%;  }

.head01{ height:60px; background:#053584;}
.head-v3{position:relative;z-index:100;width:100%; height:60px; }
.head-v3 .navigation-inner{margin:0 auto;width:90%;position:relative; display:flex; height:60px }
.navigation-up{height:60px}

.logo{  margin-right:20%; display:flex; align-items:center }
.logo img{  height:18px;  }

.navigation-v3{ flex:1}
.navigation-v3 ul{float:left; width:100%; display:flex; justify-content: space-between}
.navigation-v3 li{ height:60px; line-height:60px; transition:all 0.35s; display:flex}
.navigation-v3 .nav-up-selected{ background:#4884e7} /* background:#1e95d9 */
.navigation-v3 li a{height:60px; line-height:60px; font-size:16px; font-weight:normal; color:rgba(255,255,255,.6); overflow:hidden; padding:0 0.8vw }
.navigation-v3 li.nav-up-selected-inpage{ background:#fff}
.navigation-v3 .nav-up-selected a{ color:#fff; }

.navigation-down{position:absolute;top:60px;left:0px;width:100%;}
#nav_1,#nav_2,#nav_3,#nav_4,#nav_5,#nav_6,#nav_7,#nav_8{width:100%;margin:0;background:#fff; position:absolute;top:0px; overflow:hidden;border-bottom:2px solid #ddd; padding:20px 0 }

.navson{margin:auto;width:90%;position:relative; overflow:hidden; display:flex; padding:20px 15%; box-sizing:border-box }
.navson dl{ flex:1}
.navson dl dt{ width:100%; float:left; overflow:hidden; line-height:30px; margin-bottom:10px}
.navson dl dt a{ color:#111; font-size:18px; font-weight:bold}
.navson dl dd{ width:100%; float:left; overflow:hidden; line-height:25px; margin-bottom:10px }
.navson dl dd a{ font-size:14px; color:#666}
.navson dl a:hover{ color:#053584; text-decoration:underline}

.navigation-v3 ul li a.on_h{ background:#4884e7; color:#fff}


/* 底部 */
.foot01{ background:#1a1a1a; padding:50px 0 40px; border-bottom:1px solid rgba(255,255,255,.07)  }
.foot01 h4{ width:100%; float:left; overflow:hidden; line-height:36px; display:flex; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,.1); padding-bottom:20px; margin-bottom:40px;align-items:center; }
.foot01 h4 span{ color:rgba(255,255,255,.6); font-size:16px; font-weight:normal}
.foot01 h4 img{ height:18px}

.foot02 dl{ width:16%; float:left; overflow:hidden; margin-right:2%;}
.foot02 dt{ width:100%; float:left; overflow:hidden; line-height:30px; margin-bottom:20px}
.foot02 dt a{ color:rgba(255,255,255,.9); font-size:18px}
.foot02 dt a b{ margin-right:3px; }
.foot02 dl dd {width:100%; float:left; overflow:hidden; line-height:25px; margin-bottom:10px}
.foot02 dl dd a{ color:rgba(255,255,255,.5); font-size:14px}
.foot02 dt a:hover{ color:#446eb4}
.foot02 dd a:hover{ color:#fff}

.foot02 ul{ float:left; overflow:hidden; width:28%;}
.foot02 ul dt a b{ color:#fff;}
.foot02 ul dt a:hover b{ color:#446eb4}
.foot02 ul h6{ width:100%; float:left; overflow:hidden; line-height:30px; font-size:18px; color:rgba(255,255,255,.3); font-weight:normal; margin-bottom:5px}
.foot02 ul h3{ width:100%; float:left; overflow:hidden; line-height:40px; font-size:36px; color:rgba(255,255,255,.9); font-family:"微软雅黑"; border-bottom:1px solid rgba(255,255,255,.1); margin-bottom:30px; padding-bottom:20px}
.foot02 ul h3 a{color:rgba(255,255,255,.9); }
.foot02 ul h3 span{ margin-left:10px;color:rgba(255,255,255,.8);}
.foot02 ul li{ width:100%; float:left; overflow:hidden; line-height:25px; font-size:14px; color:rgba(255,255,255,.6); font-size:14px; margin-bottom:10px}
.foot02 ul li a{ color:rgba(255,255,255,.6); }


/* 版权 */
.copy01{ height:60px; background:#0a0a0a; border-top:1px solid rgba(255,255,255,.01) }
.copy01 .ty02{ line-height:60px; font-size:11px; color:rgba(255,255,255,.6); font-size:14px}
.copy01 .ty02 span{  line-height:60px; float:right;}
.copy01 .ty02 a{ color:rgba(255,255,255,.6); }
.copy01 a:hover{ color:#446eb4}


/* 产品 */
.pro01{ padding:70px 0 30px; background:url(probg.jpg) no-repeat center center; background-size:cover}
.pro01 .ty02 dl{ width:32%; float:left; overflow:hidden; margin-right:2%; margin-bottom:40px}
.pro01 .ty02 dl:nth-child(3n){ margin-right:0}
.pro01 dl h5{ width:100%; float:left; overflow:hidden; margin-bottom:30px}
.pro01 dl h5 img{ float:left; overflow:hidden}
.pro01 dl dt{ width:100%; float:left; overflow:hidden;  line-height:22px; margin-bottom:5px; padding:0 15px; box-sizing:border-box; }
.pro01 dl dt a{ color:#333; font-size:18px}
.pro01 dl dd{ width:100%; float:left; overflow:hidden;  line-height:20px; font-size:14px; color:#aaa; padding:0 15px; box-sizing:border-box; }
.pro01 dl a:hover{ color:#053584}

/* 应用 */
.app01 ul{ width:100%; float:left; overflow:hidden; }
.app01 ul li{ width:32%; float:left; overflow:hidden; margin-right:2%;}
.app01 ul li img{ width:100%; float:left; overflow:hidden;transition:all 0.35s}
.app01 ul li:last-child{ margin-right:0}
.app01 ul li a:hover img{transform: scale(1.05); }


.dl-menuwrapper{ display:none}


.m_50{ margin-bottom:50px}
.m_80{ margin-bottom:80px}
.m_130{ margin-bottom:130px}




/******** 手机版 ********/
@media (max-width:767px){
	
body{ padding-top:50px}
.ty02,.ty03{ width:94%;  }
.head01{ display:none }
.dl-menuwrapper{ display:block; background:#053584 }
#dl-menu .logom{ max-width:50%; float:left; overflow:hidden; position:absolute; left:3%; top:10px; z-index:999;font-size:16px; height:30px; line-height:30px; color:#333; display:flex; align-items:center; }
.logom img{ height:13px; margin-right:5px}


/* 应用 */
.app01 ul li{ width:100%;  margin-right:0; margin-bottom:12px;}

/* 产品 */
.pro01{ padding:30px 0 10px;}
.pro01 .ty02 dl{ width:48.5%;  margin-right:0; margin-bottom:15px}
.pro01 .ty02 dl:nth-child(3n){ margin-right:0}
.pro01 .ty02 dl:nth-child(2n+1){ margin-right:3%}
.pro01 dl h5{  margin-bottom:15px}

.pro01 dl dt{  line-height:22px; margin-bottom:5px; padding:0 10px; }
.pro01 dl dt a{  font-size:16px}
.pro01 dl dd{  line-height:18px; font-size:12px; padding:0 10px }


/* 底部 */
.foot01{ padding:20px 0 20px;  }
.foot01 h4{ line-height:36px; display:flex; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,.1); padding-bottom:20px; margin-bottom:10px;align-items:center; }
.foot01 h4 span{ display:none}
.foot01 h4 img{ height:15px}
.foot02 dl{ display:none}
.foot02 ul{ float:left; overflow:hidden; width:100%;}
.foot02 ul h6{  line-height:30px; font-size:16px;   margin-bottom:5px}
.foot02 ul h3{ line-height:35px; font-size:30px; color:rgba(255,255,255,.9);  margin-bottom:20px; padding-bottom:10px}
.foot02 ul h3 span{ margin-left:10px;color:rgba(255,255,255,.8);}
.foot02 ul li{ line-height:20px; font-size:13px;  margin-bottom:10px}
.foot02 dt{   margin-bottom:10px}


/* 版权 */
.copy01{ height:40px;}
.copy01 .ty02{ line-height:40px;font-size:12px}
.copy01 .ty02 span{  line-height:40px; display:none}


.m_30{ margin-bottom:15px}
.m_40{ margin-bottom:15px}

.m_50{ margin-bottom:15px}
.m_60{ margin-bottom:15px}
.m_80{ margin-bottom:15px}
.m_100{ margin-bottom:15px}
.m_130{ margin-bottom:20px}


}