a{ text-decoration:none;} 
a:hover{ text-decoration:none;}
.box { width: 100%; display: -webkit-box; display: -moz-box; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.box > * { -webkit-box-flex: 1; -moz-box-flex: 1; }
/*banner*/
.banner{ margin:10px 0; padding:0 10px;  overflow:hidden;}
.banner .pic{}
.banner .pic img{ width:100%;border-radius:3px 3px 0 0;}
/*tabnav*/
.tabnav{ padding:15px 10px; padding-top:5px;}
.tabnav ul{}
.tabnav ul li{ margin-right:5px;}
.tabnav ul li:last-child{ margin-right:0;}
.tabnav ul li a{ border:2px solid #4579cf; display:block; padding:12px 0; border-radius:3px; color:#4579cf; text-align:center;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
.tabnav ul li .on{ color:#fff; background-color:#4375ca;}
.tabCon{ border-top:1px solid #9198a0;}
/*listbox*/
.listbox{ position:relative; display:none;}
.listbd{}
.listul{ overflow:hidden; padding:0 10px;}
.listul li{position:relative; width:100%; overflow:hidden;}
.listul li:last-child{}
.listul li a{ color:#323232; position:relative; border-bottom:1px solid #c7cacf;padding:10px 0; padding-left:10px; display:block; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
.icon-chevron-right{ position:absolute; top:50%; margin-top:-5px; right:0; width:5px; height:10px; display:inline-block; background:url(/eportal/uiFramework/commonResource/image/2019031510280878808.png) no-repeat; background-size:cover; overflow:hidden;}

.listbox-2{ background-color:#f6f6f6; padding-top:8px; padding-bottom:10px;}
.listul-2{}
.listul-2 li{ margin-bottom:7px;}
.listul-2 li a{ background-color:#fff; border:1px solid #e0e0e0; border-radius:4px; padding:12px 10px; color:#333;}
.icon-circle-right{ position:absolute; top:50%; margin-top:-7px; right:10px; width:14px; height:14px; display:inline-block; background:url(/eportal/uiFramework/commonResource/image/2019031510532199485.png) no-repeat; background-size:cover; overflow:hidden;}

/*menunav*/
.menunav{}
.menunav .tit{ font-size:18px; color:#333; background-color:#f7f7f7; height:54px; line-height:54px; padding-left:15px;}
.menuitem{ position:relative; border-bottom:1px solid #fff; cursor:pointer}
.menuitem .litit{ padding-left:15px;font-size:18px; color:#fff; background-color:#4579cf; height:44px; line-height:44px; position:relative;}
.menuitem .litit .ticon{ width:9px; height:9px; display:block; background:url(../../images/icon-menu-add.png) no-repeat; background-size:cover; overflow:hidden;position:absolute; top:50%; margin-top:-5px; right:10px;}
.menuitem dl{ margin:0; padding-left:10px; padding-right:10px; padding-top:4px; display:none;}
.menuitem dl dd{ position:relative;}
.menuitem dl dd a{color:#323232; text-indent:7px; position:relative; border-bottom:1px solid #c7cacf;padding:10px 0; display:block; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.menuitem dl dd .icon-chevron-right{}
.menuitem dl dd:last-child a{ border-bottom:0;}
.menuitem.on dl{ display:block;}
.menuitem.on .litit .ticon{ background:url(../../images/icon-menu-on.png) no-repeat no-repeat; background-size:cover;}
/*-竖屏-*/
@media (max-width: 767px) and (orientation:portrait) {
}

/*-横屏-*/
@media (max-width: 767px) and  (min-width: 480px) and (orientation:landscape) {
.banner{margin:10px 0; padding:0 15px;background-color:#4375ca;}
.banner .pic{ width:54%;  }
.banner .pic img{ width:100%;border-radius:0; }
.listul{ overflow:hidden; padding:0 15px;}
.listul li{position:relative; width:50%; padding-right:20px; float:left; overflow:hidden;}
.listul li:nth-child(even){ padding-right:0;}
.tabnav{ padding:20px 15px; }
.tabnav ul li{ margin-right:10px;}
.listbox-2{ padding-top:12px; padding-bottom:10px;}
.menunav .tit{ padding-left:20px;}
.menuitem .litit{ padding-left:20px;}
.menuitem .litit .ticon{right:15px;}
.menuitem dl{ padding-left:15px; padding-right:15px; padding-top:5px; padding-bottom:15px; display:none; overflow:hidden;}
.menuitem dl dd{ position:relative; width:50%; float:left; padding-right:20px;}
.menuitem dl dd:nth-child(even){ padding-right:0;}
.menuitem dl dd:last-child a{ border-bottom:1px solid #c7cacf;}
}

/*-IPAD竖版-*/
@media (min-width: 768px) and (max-width: 991px) {
.banner{margin:10px 0; padding:0 15px;background-color:#4375ca;}
.banner .pic{ width:70%; }
.banner .pic img{ width:100%;border-radius:0; }
.listul{ overflow:hidden; padding:0 15px;}
.listul li:nth-child(even){ padding-right:0;}
.listul li a{ font-size:1.6em;padding:15px 0; padding-left:10px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
.icon-chevron-right{ margin-top:-7px; width:7px; height:14px; }
.icon-circle-right{ margin-top:-9px; right:10px; width:18px; height:18px; }

.tabnav{ padding:20px 15px; padding-top:10px;}
.tabnav ul li{ margin-right:10px;}
.tabnav ul li a{ padding:20px 0; font-size:1.6em;}
.listbox-2{ padding-top:15px; padding-bottom:12px;}
.listul-2 li {margin-bottom:12px;}
.menunav .tit{ padding-left:20px; font-size:1.6em; height:60px; line-height:60px;}
.menuitem .litit{ padding-left:20px; font-size:1.6em;height:60px; line-height:60px;}
.menuitem .litit .ticon{right:15px;width:14px;height: 14px; margin-top:-7px;}
.menuitem dl{ padding-left:15px; padding-right:15px; display:none; overflow:hidden;}
.menuitem dl dd{ position:relative; font-size:1.4em; }
.menuitem dl dd a{padding:15px 0;}
}

/*-IPAD横版-*/
@media (min-width: 992px) and (max-width: 1199px) {
.banner{margin:10px 0; padding:0 15px;background-color:#4375ca;}
.banner .pic{ width:60%; }
.banner .pic img{ width:100%;border-radius:0; }

.listul{ overflow:hidden; padding:0 15px;}
.listul li{position:relative; width:50%; padding-right:20px; float:left; overflow:hidden;}
.listul li:nth-child(even){ padding-right:0;}
.listul li a{ font-size:1.6em;padding:12px 0; padding-left:10px; }
.icon-chevron-right{ margin-top:-7px; right:10px; width:7px; height:14px; }
.icon-circle-right{ margin-top:-9px; right:10px; width:18px; height:18px; }
.tabnav{ padding:20px 15px; padding-top:10px;}
.tabnav ul li{ margin-right:10px;}
.tabnav ul li a{ padding:15px 0; font-size:1.6em;}

.listbox-2{ padding-top:15px; padding-bottom:12px;}
.menunav .tit{ padding-left:20px; font-size:1.6em; height:60px; line-height:60px; }
.menuitem .litit{ padding-left:20px; font-size:1.6em;height:60px; line-height:60px;}
.menuitem .litit .ticon{right:15px;width:14px;height: 14px; margin-top:-7px;}
.menuitem dl{ padding-left:15px; padding-right:15px; padding-top:5px; padding-bottom:15px; display:none; overflow:hidden;}
.menuitem dl dd{ position:relative; width:50%; float:left; padding-right:20px;font-size:1.4em;}
.menuitem dl dd:nth-child(even){ padding-right:0;}
.menuitem dl dd:last-child a{ border-bottom:1px solid #c7cacf;}
.menuitem dl dd a{padding:15px 0;}
}