/* 必要布局样式css */
.gradient-primary {
 background-color: #ff6d01;
 background-image: -moz-linear-gradient(75deg, #ff7e00 0%, #ff3f00 53%, #ff0000 100%);
 background-image: -webkit-linear-gradient(75deg, #ff7e00 0%, #ff3f00 53%, #ff0000 100%);
 background-image: -ms-linear-gradient(75deg, #ff7e00 0%, #ff3f00 53%, #ff0000 100%);
 background-image: linear-gradient(75deg, #ff7e00 0%, #ff3f00 53%, #ff0000 100%);
}
.ui-btn { display: inline-block; padding: 6px 12px; line-height: 18px; border: 1px solid #ff6d01; border-radius: 3px; color: #ff6d01; background-color: #fff; cursor: pointer; vertical-align: middle; text-align: center; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
.layout-wrap { width: 1200px; position: relative; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: 0px; padding-left: 0px; }
.browser-tip p { text-align: center; color: #fff; }
.mod-topbar { height: 28px; font-size: 12px; color: #FFFFFF; position: relative; z-index: 9999; width: 100%; margin-right: auto; margin-left: auto; }
.mod-topbar a { color: #fff; padding: 0 10px; }
.mod-topbar .login, .mod-topbar .user-info { float: right; line-height: 40px; }
.mod-topbar .user-info a { border-left: 1px solid #999; }
.mod-topbar .user-info a:first-child { border-left: none; }
.mod-topbar .user-info a:hover { color: #fff; }
.mod-header, .mod-header .logo a, .mod-header .nav, .mod-header .nav-start-btn { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.mod-header .logo .logo-img { -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; }
.mod-header { height: 92px; z-index: 1000; position: relative; width: 100%; margin-right: auto; margin-left: auto; }
.mod-header .logo { width: 360px; overflow: hidden; padding-top: 0px; padding-right: 0; padding-left: 0; position: absolute; top: 0px; }
.mod-header .logo a { display: block; height: 70px; text-decoration: none; line-height: 70px; }
.mod-header .logo .logo-img { height: 70px; width: 246px; vertical-align: middle; }





.mod-header .nav > .new:after { content: "新"; text-align: center; line-height: 18px; position: absolute; right: 0; top: 0; background: #f00; color: #fff; width: 18px; height: 18px; border-radius: 9px; }
.mod-header .nav-start-btn { position: absolute; right: 0; top: 0; padding: 12px 20px; margin: 24px 0; font-size: 15px; color: #fff; text-decoration: none; }
.is-fixed.mod-header { position: fixed; top: 0; height: 70px; width: 100%; background-color: #fff; background-color: rgba(20,23,28,1); /*border-bottom: 1px solid rgba(0, 0, 0, 0.2);*/ box-shadow: 0px 2px 8px #cdcdcd; }
.is-fixed.mod-header .logo { padding-top: 0; padding-right: 20px; padding-bottom: 0; padding-left: 20px; position: absolute; top: 6px; }
.is-fixed.mod-header .logo-img { height: 50px; width: 176px; margin-left: 20px; }
.is-fixed.mod-header .nav { padding-top: 0px; padding-right: 0; padding-bottom: 0px; padding-left: 0; }
/*.is-fixed.mod-header #nav_main { padding-top: 0px; }
.is-fixed.mod-header #nav_main a{display: block; margin-top: 1px; text-align: center; position: relative; height: 50px; color: #5285A3; font-size: 16px; line-height: 50px;  }*/


.is-fixed.mod-header .nav-start-btn { margin: 6px 0; }
.is-fixed.mod-header { padding: 0px 0; }
.ui-art, .ui-arb { position: relative; display: inline-block; height: 0; width: 0; line-height: 0; overflow: hidden; border-width: 4px; border-style: dashed dashed solid; border-color: transparent; }

.mod-header .nav > li > a { display: block; height: 36px; padding: 6px 10px; font-size: 15px; line-height: 24px; color: #333; text-decoration: none; border-radius: 24px; }
.ui-arb { border-color: #888 transparent transparent; top: 2px; }
.ui-arb { -webkit-transition: -webkit-transform 0.2s 0.2s; -moz-transition: -moz-transform 0.2s 0.2s; transition: transform 0.2s 0.2s; }
.ui-arb.open { -webkit-transform: translateY(-4px) rotate(180deg); -moz-transform: translateY(-4px) rotate(180deg); transform: translateY(-4px) rotate(180deg); }
/*搜索*/
.mod-topbar .top_right { text-align: right; font-size: 0; line-height: 0; }
.mod-topbar .top_right li { display: inline-block; vertical-align: middle; color: #fff; line-height: 40px; font-size: 12px; height: 40px; }
.mod-topbar .layout-wrap .login b { background-color: rgba(0, 0, 0, 0.3); border-radius: 10px; text-align: center; padding-top: 3px; padding-right: 15px; padding-bottom: 3px; padding-left: 15px; margin-right: 10px; }
.mod-topbar .top_right .sou { width: 45px; position: relative; }
.mod-topbar .top_right .sou a { display: block; height: 18px; padding: 0; padding-top: 14px; }
.mod-topbar .top_right .sou s { width: 18px; height: 18px; display: block; margin: 0 auto; background: url(../images/search.png) no-repeat; }
.mod-topbar .top_right .sou:hover { background-color: rgba(0, 0, 0, 0.3); }
.mod-topbar .search { width: 280px; height: 35px; line-height: 35px; position: absolute; right: 0; top: 40px; z-index: 999; display: none; overflow: hidden; background-color: rgba(0, 0, 0, 0.3); }
.mod-topbar .search .stxt { width: 82%; height: 28px; line-height: 28px; text-indent: 10px; float: left; border: 0px; outline: none; color: #666; background-color: #E3E3E3; background-image: none; margin-top: 2.5px; margin-right: 0px; margin-bottom: 2.5px; margin-left: 2.5px; }
.mod-topbar .search .sbtn { width: 35px; height: 65px; position: absolute; outline: none; cursor: pointer; right: 10px; top: 10px; background-image: url(../images/search.png); background-repeat: no-repeat; background-position: 8px 1px; z-index: 999; }
/*导航栏下拉*/
.mod-header #nav_main { position: absolute; height: 60px; z-index: 60; float: right; top: 10px; right: 0px; }
#nav_main .nav { display: block; }
#nav_main li { float: left; display: block; width: 120px; height: 60px; font-size: 18px; text-align: center; line-height: 60px; position: relative; }
#nav_main li a { display: block; margin-top: 1px; text-align: center; position: relative; height: 60px; color: #FFFFFF; font-size: 16px; line-height: 50px; }
#nav_main li a:hover, #nav li.hover a { height: 60px; color: #ef7f26; }
#nav_main li .subnav { margin-right: 0; transition: all .36s ease; position: absolute; top: calc(100% - 0px); left: 0; opacity: 0; width: 100%; height: auto; overflow: hidden; z-index: 199; background: #fff; border-top-width: 0px; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #008fd7; border-right-color: #008fd7; border-bottom-color: #008fd7; border-left-color: #008fd7; }
#nav_main li .subnav { position: absolute; left: 0px; filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
z-index: 199; opacity: 0; visibility: hidden; height: auto; overflow: hidden; width: 100%; transition: all .6s ease 0s; transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0); box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1); }
#nav_main li .subnav .nav1 { transition: all .36s ease; display: block; font-weight: 500; margin-left: 0; cursor: pointer; width: 100%; border-bottom: 1px solid rgba(170,170,170,.2); height: 45px; color: #5285A3; }
#nav_main li .subnav .nav1 .subA { height: 45px!important; transition: all .36s ease; display: block; font-weight: 500; line-height: 45px!important; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #5285A3!important; }
#nav_main li:hover .subnav { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); }
#nav_main li.hover .subnav .nav1.subA { color: #666; }
#nav_main .subnav .nav1:hover .subA { color: #CC3300!important; background-color: #F7F9FB; }
.sou .search form .icon { height: 28px; width: 45px; color: #FFF; text-align: center; cursor: pointer; margin-right: auto; margin-left: auto; font-size: 14px; font-weight: normal; background-image: none; }