@font-face { font-family: acrom; src: url('../font/The.Northern.Block_Acrom.Thin.otf'); /* IE9 */ }
/*textarea, input[type="text"] { background: none repeat scroll 0 0; border: 1px solid #e3e3e3; font-size: 1em; line-height: 1.5em; max-width: 100%; resize: none; }*/
.icon_search { background: url(../images/search_bg.jpg) no-repeat 50% 50%; }
 @media screen and (max-width: 640px) {
#box { width: 100%; }
#ad img { width: 100%; }
.iyoushi li { min-height: 74px; }
.iyoushi li a { min-height: 74px; }
.iaboutc_r { padding-top: 22px; }
}
 @media screen and (max-width:600px) {
.dh li div { width: 60%; }
#cts li { float: left; width: 45%; padding: 0 8px }
#ad img { width: 100%; }
.iyoushi li { min-height: 74px; }
.iyoushi li a { min-height: 74px; }
.iaboutc_r { padding-top: 15px; }
}
 @media screen and (max-width: 480px) {
html { -webkit-text-size-adjust: none; }
#box { width: 100%; }
#ad img { width: 100%; }
.dh li { height: 80px; position: relative; overflow: hidden; }
.dh li div { width: 60%; height: 60px; line-height: 20px; padding-bottom: 10px }
#cts li { float: left; width: 45%; padding: 0 8px }
.khs li { width: 50%; float: left; padding: 10px 0 }
.abt img { width: 80%; margin: 20px auto 30px auto; }
.iaboutc_r { padding-top: 0; }
}
 @media screen and (max-width: 320px) {
html { -webkit-text-size-adjust: none; }
#box { width: 100%; }
#ad img { width: 100%; }
.dh li { background: url(../images/bg2.png) repeat-x; height: 80px; position: relative; overflow: hidden; }
.dh li div { width: 60%; height: 60px; line-height: 20px; padding-bottom: 10px }
#cts li { float: left; width: 45%; padding: 0 8px }
.abt img { width: 80%; margin: 20px auto 30px auto; }
.iaboutc_r { padding-top: 0; }
}
.header { width: 100%; position: relative; z-index: 9999; line-height: 120px; line-height: 1.875rem; background: #fff; background: #ffffff; position: fixed; top: 0; left: 0; }
.header .container { max-width: 1440px; }
.header .icon { vertical-align: middle; }
.header .arrtop { border-width: 12px; border-bottom-color: #2d6192; position: absolute; bottom: 0; left: 50%; margin-left: -12px; }
.header .logo { float: left; position: relative; z-index: 9; }
/*.header .logo img { display:block; height:80px; height:1.25rem;}*/

.header .container { position: static; }
#nav { float: right; }
#nav li { float: left; }
#nav li.item { float: left; padding: 0 28px; margin: 0 0 0 0; }
#nav li > a { display: block; font-size: 16px; color: #000; position: relative; }
#nav li .icon_add { display: none; }
#nav .content { visibility: hidden; line-height: 80px; width: 100%; position: absolute; top: 100%; left: 0; background: #2d6192; text-align: center; color: #fff; }
#nav .content a { display: inline-block; padding: 0 45px; color: #fff; }
#nav .content a:hover { /*background:#214c79;*/ }
.header li.other .content,  #nav li a > .arrtop,  #nav li.search.other .arrtop,  #nav .content { opacity: 0; -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out; transition: opacity 0.35s ease-out, transform 0.35s ease-out; }
#nav li.other:hover .arrtop,  #nav li.other:hover .content,  #nav li:hover .arrtop,  #nav li:hover .content { visibility: visible; opacity: 1; }
#nav li:hover .arrtop { opacity: 1; }
#nav li.other { float: left; position: relative; }
#nav li.other a { vertical-align: middle; display: inline-block; padding: 0; }
#nav li.other.item { float: left; padding: 0 0 0 28px; margin: 0 0 0 0 8px; font-size: 16px; }
#nav li.other.search { padding-left: 20px; }
#nav li.other.search .arrtop { left: 10px; }
#nav li.other .content { width: 260px; visibility: hidden; position: absolute; top: 100%; right: 0; left: auto; padding: 16px; background: #2c567b; background: rgba(44,86,123,0.8); white-space: nowrap; }
#nav li.other.item .content { display: none !important; width: auto; }
#nav li.other .content form { display: block; width: 260px; height: 48px; background: #fff; }
#nav li.other .content > a { display: block; background: #fff; color: #000; line-height: 40px; padding: 0 40px; box-sizing: content-box; }
#nav li.other .content > a:hover { background: #eee; }
#nav li.other .content .btn { float: right; background: #fff; width: 48px; height: 48px; }
#nav li.other .content label { display: block; overflow: hidden; }
#nav li.other .content label input { display: block; line-height: 28px; height: 48px; border: 0; overflow: hidden; padding: 10px; width: 100%; box-sizing: border-box; }
#nav li.other.item span.btn { display: inline-block; position: relative; height: 34px; line-height: 34px; }
#nav li.other.item span.btn a { visibility: hidden; display: none; position: relative; top: 100%; border-radius: 3px; opacity: 0; -webkit-transition: opacity 0.35s ease-out; transition: opacity 0.35s ease-out; }
#nav li.other.item span.btn a { font-size: 14px; display: block; position: absolute; left: 50%; background: #d8d8d8; color: #000; padding: 0 20px; margin-left: -48px; }
#nav li.other.item span.btn a .arrtop { border-width: 6px; display: block; visibility: visible; position: absolute; left: 50%; bottom: 100%; margin: 0 0 0 -6px; border-bottom-color: #d8d8d8; }
#nav li.other.item span.btn:hover a { visibility: visible; opacity: 1; }
 @media (max-width: 1024) {
#nav li.other.item,  #nav li > a { font-size: 14px; }
}
 @media (max-width: 1200px) {
#nav li.other.item,  #nav li > a { font-size: 14px; }
}
 @media (max-width: 1024px) {
#nav li.other { width: 100%; padding: 0 !important; }
#nav li.other:hover .arrtop { border-width: 8px; left: 50%; }
#nav li.other.item,  #nav li.other.item .content { display: block !important; width: 100%; padding: 0; background: none; box-sizing: border-box; position: static; }
#nav li.other.item .content form { width: auto; }
#nav li.other.item span.btn { padding: 0 6px; }
/*#nav li.other.item span.btn { display:none; }*/

#nav li.other.item .icon_add { display: none; }
/*#nav li.other.item a { float:left; margin-right:10px; } 
#nav li.other.item a + a { float:left; padding-left:10px; position:relative; } 
#nav li.other.item a + a:before { content:''; position:absolute; left:0; top:50%; width:1px; height:12px; background:#666666; margin-top:-6px; } */

#nav li.other .content > a { padding: 0; }
#nav li.other.search a { display: none; }
#nav li.other.search { height: auto; }
#nav li.other .content { width: 100%; display: block; opacity: 1; visibility: visible; position: static; transform: translateY(0); padding: 0; }
#nav li.other.search form { width: 100%; border-bottom: 1px solid #e5e5e5; margin-top: 0; }
#nav li.other.search form input { padding: 0; }
#nav li.other .content .btn { position: absolute; right: 0; }
#nav li.other.search button span { display: block; margin: auto; }
#nav li.other:hover .arrtop { display: none; }
#nav li.other.item dl { text-align: center; }
#nav li.other.item dl dd { display: inline-block; }
#nav li.other.item dl dd a { height: auto; }
}
 @media (max-width: 1440px) {
}
 @media (max-width: 1024px) {
/* 导航条开关效果 */

.menu_switch { font-size: 46px; }
}
 @media (max-width:768px) {
.menu_switch { font-size: 64px; }
}
 @media (max-width:520px) {
.menu_switch { font-size: 54px; }
}
 @media (max-width:380px) {
.menu_switch { font-size: 46px; }
}
 @media (max-width: 1024px) {
/* 导航条开关效果 */

.menu_switch { z-index: 2; position: absolute; top: 0px; right: 1px; height: 1em; width: 1.145833333333333em; cursor: pointer; }
.menu_switch div { position: absolute; height: 3px; width: 0.5416666666666667em; top: 0.333em; left: 0.2916666666666667em; ; background: #a7a7a7; }
.menu_switch div.a { -webkit-transform: translate3d(0, 0, 0) rotate(0); -webkit-transition: -webkit-transform .4s cubic-bezier(0.645, 0.045, 0.355, 1); }
.menu_switch div.b { top: 0.5em; opacity: 1; -webkit-transform: -webkit-translate3d(0, 0, 0) rotate(0); -webkit-transition: -webkit-transform .35s cubic-bezier(0.645, 0.045, 0.355, 1), opacity .35s cubic-bezier(0.645, 0.045, 0.355, 1) .2s; }
.menu_switch div.c { top: 0.66em; -webkit-transform: -webkit-translate3d(0, 0, 0) rotate(0); -webkit-transition: -webkit-transform .35s cubic-bezier(0.645, 0.045, 0.355, 1); }
.menu_switch > div.a, .menu_switch > div.b, .menu_switch > div.c { -webkit-transition-delay: 50ms, 50ms; transition-delay: 50ms, 50ms; }
.menu_switch.open div.a { -webkit-transform: translate3d(0, 0.1666666666666667em, 0) rotate(45deg); -webkit-transition: -webkit-transform .35s cubic-bezier(0.645, 0.045, 0.355, 1) 50ms; }
.menu_switch.open div.b { opacity: 0; -webkit-transform: translate3d(0.0833333333333333em, 0, 0) rotate(-180deg); -webkit-transition: -webkit-transform .35s cubic-bezier(0.645, 0.045, 0.355, 1) 50ms, opacity .35s cubic-bezier(0.645, 0.045, 0.355, 1) 50ms; }
.menu_switch.open div.c { -webkit-transform: translate3d(0, -0.1666666666666667em, 0) rotate(-45deg); -webkit-transition: -webkit-transform .35s cubic-bezier(0.645, 0.045, 0.355, 1) 50ms; }
.header .logo { }
/*.header .logo img { height:1.09375rem; }*/

.header .other { margin-right: 1.09375rem; }
#nav li .arrtop { display: none; }
#nav li .icon_add { float: right; width: 40px; height: 40px; display: block; position: relative; }
#nav li .icon_add:before,  #nav li .icon_add:after { content: ''; position: absolute; background: #999; left: 50%; top: 50%; }
#nav li .icon_add:before { width: 14px; height: 2px; margin: -1px -7px; }
#nav li .icon_add:after { width: 2px; height: 14px; margin: -7px -1px; }
#nav li.on .icon_add:after { display: none; }
#nav li a { display: block; overflow: hidden; }
.navbar { position: fixed; top: 0; left: 0; width: 100%; height: 0; background: #fff; -webkit-transition: height .35s cubic-bezier(0.645, 0.045, 0.355, 1) 50ms; }
.menu_switch.open + .navbar { height: 100%; }
#nav { width: 100%; position: absolute; top: 60px; left: 0; bottom: 0; overflow: auto; padding: 0 20px; box-sizing: border-box; }
#nav li.item,  #nav li { display: block; float: none; padding: 0; opacity: 0; -webkit-transform: scale(1.1) translateY(-24px); -ms-transform: scale(1.1) translateY(-24px); transform: scale(1.1) translateY(-24px); -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out; transition: opacity 0.35s ease-out, transform 0.35s ease-out; }
#nav .content { visibility: hidden; line-height: 40px; width: 100%; position: relative; top: 0; left: 0; background: #fff; text-align: left; -webkit-transform: translateY(-20rem); -ms-transform: translateY(-20rem); transform: translateY(-20rem); -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out; transition: opacity 0.35s ease-out, transform 0.35s ease-out; }
#nav .icon_add.on ~ .content { visibility: visible; opacity: 1; -webkit-transform: translateY(-0); -ms-transform: translateY(-0); transform: translateY(-0); }
#nav .content a { display: block; padding: 0; color: #666666; position: relative; font-size: 12px; text-indent: 20px; }
#nav .content span { display: none; }
.menu_switch.open + .navbar #nav li { opacity: 1; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); }
#nav li.fl { display: none; }
#nav li + li { border-top: 1px solid #e5e5e5; }
#nav li,  #nav li.item a { height: 40px; line-height: 40px; font-size: 14px; overflow: hidden; background: #fff; z-index: 9; position: relative; }
#nav li.on { height: auto; }
#nav li:nth-child(1) { -webkit-transition-delay: 400ms, 400ms; transition-delay: 400ms, 400ms; }
#nav li:nth-child(2) { -webkit-transition-delay: 350ms, 350ms; transition-delay: 350ms, 350ms; }
#nav li:nth-child(3) { -webkit-transition-delay: 300ms, 300ms; transition-delay: 300ms, 300ms; }
#nav li:nth-child(4) { -webkit-transition-delay: 250ms, 250ms; transition-delay: 250ms, 250ms; }
#nav li:nth-child(5) { -webkit-transition-delay: 200ms, 200ms; transition-delay: 200ms, 200ms; }
#nav li:nth-child(6) { -webkit-transition-delay: 150ms, 150ms; transition-delay: 150ms, 150ms; }
#nav li:nth-child(7) { -webkit-transition-delay: 100ms, 100ms; transition-delay: 100ms, 100ms; }
#nav li:nth-child(8) { -webkit-transition-delay: 50ms, 50ms; transition-delay: 50ms, 50ms; }

}