@charset "utf-8";
/* -----------------------------------------------------------------------
   * BYR Common CSS
   * Copyright (c) 2014
   * Contact Us zhumh77@qq.com
----------------------------------------------------------------------- */
/* reset.css */
* { padding:0; margin:0;}html {margin:0;padding:0;border:0;}body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0; font:inherit;vertical-align:baseline;}article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {display:block;}table {border-collapse:separate;border-spacing:0;}caption, th, td {font-weight:normal;float:none !important;}table, th, td {vertical-align:middle;}blockquote:before, blockquote:after, q:before, q:after {content:'';}blockquote, q {quotes:"" "";}img,a img{border:none;}:focus {outline:0;}input,button,select,textarea{outline:none;}textarea{resize:none;}input,select { border:0;}
body {font-family:"微软雅黑","宋体",Arial, sans-serif; font-size:13px; color:#333;}
body, html {width:100%; height:100%; min-width:768px; min-height:550px;}
/* typography.css */
pre {white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap; /* Mozilla, since 1999 */white-space: -pre-wrap; /* Opera 4-6 */white-space: -o-pre-wrap; /* Opera 7 */	word-wrap: break-word; /* Internet Explorer 5.5+ */}input.dialog{height:0; height:0; font-size:0; line-height:0; border:none;}h1,h2,h3,h4,h5,h6{font-size:100%;}h1{font-size:34px;}h2{font-size:26px;}h3{font-size:18px;}h4{font-size:16px;}h5{font-size:14px;}h6{font-size:12px;}input,label,img,th,select{vertical-align:middle;}.font-fixh{font-family: Georgia,Arial; color: #f00; font-size: 16px; font-weight: 700;}address,cite,dfn,em,var{font-style:normal;}code,kbd,pre,samp{font-family:courier new,courier,monospace;}input.button ,input.btn{padding:0.25em;width: auto;_width:0;overflow:visible !ie;}button { cursor:pointer;}blockquote {margin:1.5em;color:#666;font-style:italic;} .vem {vertical-align:middle;} .vet {vertical-align:top;}
ul ,li{list-style-type:none;}
/* font */
.f12,.f12 a{font-size:12px;}.f14,.f14 a{font-size:14px;}.f16,.f16 a{font-size:16px;}.f18,.f18 a{font-size:18px;}.f20,.f20 a{font-size:20px;}
.lh20{line-height: 20px;}.lh22{line-height: 22px;}.lh24{line-height: 24px;}.lh25{line-height: 25px;}.lh26{line-height: 26px;}.lh28{line-height: 28px;}.lh30{line-height: 30px;}.lh35{line-height: 35px;}.lh40{line-height: 40px;}.lh50{line-height: 50px;}.lh60{line-height: 60px;}.h20 { height:20px;}.h24 { height:24px;}.h25 { height:25px;}.h28 { height:28px;}.h30 { height:30px;}.h35 { height:35px;}.h40 { height:40px;}.h50 { height:50px;}.h60 { height:60px;}.h100 { height:100px;}
.fb{ font-weight:bold;}.fn{ font-weight:normal;}
.bk,.bk3,.bk5,.bk6,.bk8,.bk10,.bk15,.bk20,.bk30{clear: both;font-size: 1px;height: 0;line-height: 1px;}.bk3{height: 3px;}.bk5{height: 5px;}.bk6{height: 6px;}.bk8{height: 8px;}.bk10{height:10px;}.bk15{height: 15px;}.bk20{height: 20px;}.bk30{height: 30px;}
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.lf { float:left;}.rt { float:right;}.ovau { overflow:auto;}.ovhi { overflow:hidden;}.psAb {position:absolute;}.psRe {position:relative;}.disbl { display:block;}.disin { display:inline-block;}.disno {display:none;}.tdu,.tdu a { text-decoration:underline;}.tdn,.tdn a { text-decoration:none;}.textl { text-align:left;}.textc { text-align:center;}.textr { text-align:right;}.mar0a { margin:0 auto;} .cupo {cursor:pointer;}
/*网格化*/
.grd1 { width:40px;}.grd2 { width:80px;}.grd3 { width:120px;}.grd4 { width:160px;}.grd5 { width:200px;}.grd6 { width:240px;}.grd7 { width:280px;}.grd8 { width:320px;}.grd9 { width:360px;}.grd10 { width:400px;}.grd11 { width:440px;}.grd12 { width:480px;}.grd13 { width:520px;}.grd14 { width:560px;}.grd15 { width:600px;}.grd16 { width:640px;}.grd17 { width:680px;}.grd18 { width:720px;}.grd19 { width:760px;}.grd20 { width:800px;}.grd21 { width:840px;}.grd22 { width:880px;}.grd23 { width:920px;}.grd24 { width:960px;}.grd25 { width:1000px;}
@media screen and (max-width:1679px) {
.span1 {width:103px;}.span2 {width:206px;}.span3 {width:309px;}.span4 {width:412px;}.span5 {width:515px;}.span6 {width:618px;}.span7 {width:721px;}.span8 {width:824px;}.span9 {width:927px;}.span10 {width:1030px;}.span11 {width:1133px;}.span12 {width:1236px;}
}
@media screen and (min-width:1679px) {
.span1 {width:124px;}.span2 {width:248px;}.span3 {width:372px;}.span4 {width:496px;}.span5 {width:620px;}.span6 {width:744px;}.span7 {width:868px;}.span8 {width:992px;}.span9 {width:1116px;}.span10 {width:1240px;}.span11 {width:1364px;}.span12 {width:1488px;}
}
/*====  padding ====*/
.pad5  { padding:5px;}.pad10 { padding:10px;}.pad15 { padding:15px;}.pad20 { padding:20px;}.padl5  {padding-left:5px;}.padl10 {padding-left:10px;}.padl15 {padding-left:15px;}.padl20 {padding-left:20px;}.padr5  { padding-right:5px;}.padr10 { padding-right:10px;}.padr15 { padding-right:15px;}.padr20 { padding-right:20px;}.padt5  { padding-top:5px;}.padt10 { padding-top:10px;}.padt15 { padding-top:15px;}.padt20 { padding-top:20px;}.padb5  {padding-bottom:5px;}.padb10 {padding-bottom:10px;}.padb15 {padding-bottom:15px;}.padb20 {padding-bottom:20px;}.padlr5 {padding:0 5px;}.padlr10 {padding:0 10px;}.padlr15 {padding:0 15px;}.padlr20 {padding:0 20px;}.padtb5  {padding:5px 0;}.padtb10 {padding:10px 0;}.padtb15 {padding:15px 0;}.padtb20 {padding:20px 0;}
/* margin*/
.mar5  { margin:5px;}.mar10 {margin:10px;}.mar15 {margin:15px;}.mar20 {margin:20px;}.marlr5  {margin:0 5px;}.marlr10 {margin:0 10px;}.marlr15 {margin:0 15px;}.marlr20 {margin:0 20px;}.martb5  { margin:5px 0;}.martb10 {margin:10px 0;}.martb15 {margin:15px 0;}.martb20 {margin:20px 0;}.marl5  { margin-left:5px;}.marl10 { margin-left:10px;}.marl15 { margin-left:15px;}.marl20 { margin-left:20px;}.marr5  { margin-right:5px;}.marr10 { margin-right:10px;}.marr15 { margin-right:15px;}.marr20 { margin-right:20px;}.mart5  { margin-top:5px;}.mart10 { margin-top:10px;}.mart15 { margin-top:15px;}.mart20 { margin-top:20px;}.marb5  { margin-bottom:5px; }.marb10 { margin-bottom:10px;}.marb15 { margin-bottom:15px;}.marb20 { margin-bottom:20px;}
/*====字体颜色 背景 框===*/
a:focus, a:hover {color:#00a1f1;}         /* a链接颜色.css */
a {color:#333;text-decoration:none;}   /* a链接颜.css */
.cor1 ,.cor1 a{color:#00a1f1;}            /* 主颜色.css */
.cor2 ,.cor2 a{color:#333;}         
.cor3 ,.cor3 a{color:#666;}          
.cor4 ,.cor4 a{color:#ffcb0b;}          
.cor5 ,.cor5 a{color:#0a59ac;}          
 		
.white,.white a{color:#fff;}
.blue,.blue a{color:#004499}
.gray,.gray a ,a.gray{color:#999}
.red, .red a, a.red{color:red;}
.green ,.green a ,a.green{color:#0E774A}

.bag1 { background:#eaebf0;}         
.bag2 { background:#cccccc;}		
.bag3 { background:#F9F9F9;}		
          
.bagf { background:#FFF;}
.bagb { background:#000;} 

/*======首页======*/
.wrap {width:100%; height:100%; min-width:768px;}

.header {left:0; right:0; top:0;;}
.header {z-index:9999;}
.head {z-index:99;}
.logo {background:#00a1f1;}

#top_nav {float:left;overflow:hidden; *position:relative;}
#top_nav .nav-li {float:left;position:relative;}
#top_nav .nav-li .top_nav  {background:url(/img/sub_nav.png) repeat-x;}
#top_nav .nav-li.hover .top_nav  {background:url(/img/sub_hover.png) repeat-x;}
#top_nav .nav-li .top_nav {}
#top_nav .nav-li .top_nav {display:inline-block; font-size:18px; color:#FFF;}
#top_nav .nav-li .top_nav span {display:inline-block; text-align:center;background:url(/img/top_line.png) repeat-y right top;}
#top_nav .hover {}
#top_nav .nav-child {overflow:hidden; display:none; background:url(/img/sub_nav.png) repeat-x;}
#top_nav .nav-child a{color:#FFF; line-height:25px; padding:0 5px 0 10px; display:inline-block;}
#top_nav .nav-child a:hover{color:#FFC13D;}
#top_nav .nav-li #nav_on {background:url(/img/sub_hover.png) repeat-x;}

#top_nav ul {font-size:0;}
#top_nav ul dd {font-size:13px;}

.hover_right {background:url(/img/sub_nav.png) repeat-x;}
.head_right {background:url(/img/top-line.png) repeat-x 0 34px; padding-right:20px; height:35px; position:relative; z-index:10000;}
.head_right .head_li {background:url(/img/top_line.png) repeat-y right top; height:35px; color:#FFF; _overflow:hidden;}
.head_right .head_li a {color:#FFF; height:35px; display:inline-block;}
.head_right .head_li img {vertical-align:top;}
.head_right .head_li span {width:0px; display:inline-block; overflow:hidden; line-height:35px; height:35px; text-align:center;}
.head_right .head_li .animate2 span {width:60px;}
.head_right .head_li dl {z-index:9999; position:absolute; right:0; top:35px;}
.head_right .head_li dl dd a {padding:0 5px 0 10px; line-height:25px; height:25px; min-width:75px; background:url(/img/sub_nav.png) repeat-x 0 -129px; display:block;}

.icos {width:35px; height:35px; display:inline-block; vertical-align:top;}
.ico_eng {background:url(/img/ico-eng.gif) no-repeat;}
.ico_chain {background:url(/img/ico-chain.png) no-repeat;_background:url(/img/ico-chain.gif) no-repeat;}
.ico_building {background:url(/img/ico-building.png) no-repeat;_background:url(/img/ico-building.gif) no-repeat;}
.ico_lib {background:url(/img/ico-lib.png) no-repeat;_background:url(/img/ico-lib.gif) no-repeat;}
.ico_msg {background:url(/img/ico-msg.png) no-repeat;_background:url(/img/ico-msg.gif) no-repeat;}
.ico_id {background:url(/img/ico-id.png) no-repeat;_background:url(/img/ico-id.gif) no-repeat;}


#search_ul {width:184px; height:30px; background:url(/img/search.png) no-repeat; position:absolute; top:55px; right:20px; z-index:100;}
#search_text {line-height:30px; height:30px; background:none; padding:0 5px; width:135px; color:#fffefe; float:left;}
#search_submit {line-height:30px; background:none; text-indent:-999em; width:33px; cursor: pointer; float:right;}


.box1:hover .blue_bg {filter:alpha(opacity=80);opacity:0.8; background:#414141;}
.main_nav {z-index:1000; text-align:center; color:#FFF; font-size:16px; line-height:22px;}
.main_a {font-size:18px; color:#026493;}
.date {background:#c6e4f2; width:60px; height:60px; text-align:center; color:#026493; border:1px solid #d8e8f0;}
.date b {font-size:28px;}
.blue_bg {background:#00a1f1; z-index:99; margin:0 1px 1px 0;filter:alpha(opacity=80);opacity:0.8;}
.main_ul {margin:0 10px; border-top:3px solid #00a1f1; z-index:1000;padding:0 20px;}
.main_ul h4 a {padding:5px 0 5px 10px; height:50px; overflow:hidden;}
.main_ul h6 {background:url(/img/main-l.png) no-repeat 0 8px; line-height:30px; height:30px; display:block; white-space: nowrap;}
.main_ul h6 a {padding:0 10px; display:block;}
.main_ul h6 .main_ul_span {display:inline-block; width:80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:13px;}
.zoom .blue_bg {background:#FFF; margin:0 10px;filter:alpha(opacity=80);opacity:0.8; z-index:999;}
.more {background:#ffc900; width:40px; height:20px; text-align:center; margin-top:10px; line-height:20px; color:#FFF; font-size:12px;}
.main_pic {margin:15px 0 0 0;}
.main_ky {padding:0 0 0 7px; _padding:0 0 0 5px;}
.main_rc_a {padding:0 15px;}

.sign_ico1,.sign_ico2,.sign_ico3 {vertical-align:middle; width:20px; height:25px; background-image:url(/img/icon.gif); background-repeat:no-repeat; display:inline-block; margin-right:15px;}
.sign_ico1 {background-position:-40px 4px;}
.sign_ico2 {background-position:-20px 4px;}
.sign_ico3 {background-position:0px 4px;}
.wid2 {width:50%;}
.wid3 {width:33.3%;}
.wid5 {width:20%;}

.wrap_main .griditem{ position:absolute; overflow:hidden;}
.zoom .main_nav {display:none;}
.box1 .main_ul {display:none;}
.box1 .main_h5 {display:none;}


.wrap_bg {width:100%; height:100%; overflow:hidden; z-index:9; min-width:768px;}
.wrap_bg ul {z-index:9;}
.grd_bg {width:100%; height:100%; overflow:hidden; z-index:30; min-width:768px;}
#banner_prev, #banner_next {display: block;width:30px;height:30px;top:50%;background-image:url(/img/arrows.png);_background-image:url(/img/arrows.gif); background-repeat:no-repeat;}
#banner_prev {left:5px;background-position:0px 0px;z-index: 1000;}
#banner_next {right:5px;background-position:-30px 0px;z-index: 1000;}
.list_grd_bg {width:100%; overflow:hidden; z-index:30; left:0px; right:0px; top:0px;}

@media screen  and (max-width:949px) {
.box1 {width:103px; height:103px;}
.box1:hover .blue_bg {filter:alpha(opacity=70);opacity:0.70; background:#00a1f1;}
.logo {height:102px; position:absolute; top:35px; left:0; width:309px;}
.header {height:138px;}
#top_nav .nav-li .top_nav {line-height:103px;}
.hover_right {height:35px;}
#top_nav {position:absolute; top:35px; left:309px; right:0;}
#top_nav .top_nav_box {position:absolute; left:412px; top:0; right:0; height:103px;background:url(/img/sub_nav.png) repeat-x;}
#top_nav .nav-child {height:103px;}
#top_nav .hover .nav-child {position:absolute; left:0; top:103px;}
.wrap_main {z-index:999; height:206px; width:412px;}
.blue_bg {width:102px; height:102px;}
.main_nav {width:42px; height:42px;line-height:22px; padding:30px;}
.zoom .blue_bg{width:412px; height:206px; margin:0;}
.main_ul {width:372px; margin:0;}
.main_ul h4 a {width:270px;}
.main_ul .wrap_cont {height:160px; overflow:hidden;}
.main_rc_a {padding:0 8px;}
.grd_bg {margin-top:138px; background:url(/img/span.png) repeat; _background:none;}
.list_grd_bg {margin-top:138px; background:url(/img/span.png) repeat; _background:none; height:206px;}

.head_right {padding-right:210px;}
#search_ul {width:184px; height:30px; background:url(/img/search.png) no-repeat; position:absolute; top:2px; right:10px; z-index:10000;}
#search_text {line-height:30px; height:30px; background:none; padding:0 5px; width:135px; color:#fffefe;}
#search_submit {line-height:30px; background:none; text-indent:-999em; width:33px; cursor: pointer;}



}
@media screen   and (min-width:950px) and (max-width:1279px) {
.box1 {width:103px; height:103px;}
.box1:hover .blue_bg {filter:alpha(opacity=70);opacity:0.70; background:#00a1f1;}
.logo {height:102px; position:absolute; top:35px; left:0; width:309px;}
.header {height:138px;}
#top_nav .nav-li .top_nav {line-height:103px;}
.hover_right {height:35px;}
#top_nav {position:absolute; top:35px; left:309px; right:0;}
#top_nav .top_nav_box {position:absolute; left:412px; top:0; right:0; height:103px;background:url(/img/sub_nav.png) repeat-x;}
#top_nav .nav-child {height:103px;}
#top_nav .hover .nav-child {position:absolute; left:0; top:103px;}
.wrap_main {z-index:999; height:206px;}
.blue_bg {width:102px; height:102px;}
.main_nav {width:42px; height:42px;line-height:22px; padding:30px;}
.zoom .blue_bg{width:392px; height:206px;}
.main_ul {width:352px;}
.main_ul h4 a {width:270px;}
.main_ul .wrap_cont {height:160px; overflow:hidden;}
.main_rc_a {padding:0 8px;}
.grd_bg {margin-top:138px; background:url(/img/span.png) repeat; _background:none;}
.list_grd_bg {margin-top:138px; background:url(/img/span.png) repeat; _background:none; height:206px;}

.head_right {padding-right:210px;}
#search_ul {width:184px; height:30px; background:url(/img/search.png) no-repeat; position:absolute; top:2px; right:10px; z-index:10000;}
#search_text {line-height:30px; height:30px; background:none; padding:0 5px; width:135px; color:#fffefe;}
#search_submit {line-height:30px; background:none; text-indent:-999em; width:33px; cursor: pointer;}
@keyframes rotate{
    from{
        transform: rotateX(90deg) translateY(50%);
        top:51.5px;
    }
    to{
        transform: rotateX(0deg) translateY(50%);
        top:51.5px;
    }
}
@-moz-keyframes rotate{
    from{
        -moz-transform: rotateX(90deg) translateY(50%);
        top:51.5px;
    }
    to{
        -moz-transform: rotateX(0deg) translateY(50%);
        top:51.5px;
    }
}
@-webkit-keyframes rotate{
    from{
        -webkit-transform: rotateX(90deg) translateY(50%);
        top:51.5px;
    }
    to{
        -webkit-transform: rotateX(0deg) translateY(50%);
        top:51.5px;
    }
}

.rotate{
    animation : rotate 400ms;
    -webkit-animation : rotate 400ms;
    -moz-animation : rotate 400ms;
}
.per{
    perspective : 1000;
    -webkit-perspective : 1000;
    -moz-perspective : 1000;
}


}
@media screen  and (min-width:1279px) and (max-width:1360px) {
    .head_responsive {display:none;}  
}
@media screen  and (min-width:1279px) and (max-width:1360px) {
.box1 {width:103px; height:103px;}
.logo {height:102px; float:left; width:309px;}
.header {height:102px;}
#top_nav .nav-li .top_nav {line-height:103px;}
.hover_right {margin-left:721px;height:103px;}
#top_nav .nav-child {height:103px;}
#top_nav .hover .nav-child {position:absolute; left:0; top:103px;}
.wrap_main {z-index:999; height:206px;}
.blue_bg {width:102px; height:102px;}
.main_nav {width:42px; height:42px;line-height:22px; padding:30px;}
.zoom .blue_bg{width:392px; height:206px;}
.main_ul {width:352px;}
.main_ul h4 a {width:270px;}
.main_ul .wrap_cont {height:160px; overflow:hidden;}
.main_rc_a {padding:0 8px;}
.grd_bg {margin-top:103px; background:url(/img/span.png) repeat; _background:none;}
.list_grd_bg {margin-top:103px; background:url(/img/span.png) repeat; _background:none; height:206px;}
@keyframes rotate{
    from{
        transform: rotateX(90deg) translateY(50%);
        top:51.5px;
    }
    to{
        transform: rotateX(0deg) translateY(50%);
        top:51.5px;
    }
}
@-moz-keyframes rotate{
    from{
        -moz-transform: rotateX(90deg) translateY(50%);
        top:51.5px;
    }
    to{
        -moz-transform: rotateX(0deg) translateY(50%);
        top:51.5px;
    }
}
@-webkit-keyframes rotate{
    from{
        -webkit-transform: rotateX(90deg) translateY(50%);
        top:51.5px;
    }
    to{
        -webkit-transform: rotateX(0deg) translateY(50%);
        top:51.5px;
    }
}

.rotate{
    animation : rotate 400ms;
    -webkit-animation : rotate 400ms;
    -moz-animation : rotate 400ms;
}
.per{
    perspective : 1000;
    -webkit-perspective : 1000;
    -moz-perspective : 1000;
}
}
@media screen  and (min-width:1360px) and (max-width:1679px) {
.box1 {width:103px; height:103px;}
.logo {height:102px; float:left; width:309px;}
.header {height:102px;}
#top_nav .nav-li .top_nav {line-height:103px;}
.hover_right {margin-left:721px;height:103px;}
#top_nav .nav-child {height:103px;}
#top_nav .hover .nav-child {position:absolute; left:0; top:103px;}
.wrap_main {z-index:999; height:206px; width:927px;}
.blue_bg {width:102px; height:102px;}
.main_nav {width:42px; height:42px;line-height:22px; padding:30px;}
.zoom .blue_bg{width:495px; height:206px;}
.main_ul {width:455px;}
.main_ul h4 a {width:373px;}
.main_ul .wrap_cont {height:160px; overflow:hidden;}
.main_ky {padding:0 0 0 23px;}
.grd_bg {margin-top:103px; background:url(/img/span.png) repeat; _background:none;}
.list_grd_bg {margin-top:103px; background:url(/img/span.png) repeat; _background:none; height:206px;}
@keyframes rotate{
    from{
        transform: rotateX(90deg) translateY(50%);
        top:51.5px;
    }
    to{
        transform: rotateX(0deg) translateY(50%);
        top:51.5px;
    }
}
@-moz-keyframes rotate{
    from{
        -moz-transform: rotateX(90deg) translateY(50%);
        top:51.5px;
    }
    to{
        -moz-transform: rotateX(0deg) translateY(50%);
        top:51.5px;
    }
}
@-webkit-keyframes rotate{
    from{
        -webkit-transform: rotateX(90deg) translateY(50%);
        top:51.5px;
    }
    to{
        -webkit-transform: rotateX(0deg) translateY(50%);
        top:51.5px;
    }
}

.rotate{
    animation : rotate 400ms;
    -webkit-animation : rotate 400ms;
    -moz-animation : rotate 400ms;
}
.per{
    perspective : 1000;
    -webkit-perspective : 1000;
    -moz-perspective : 1000;
}
}
@media screen and (min-width:1679px)  and (max-width:1800px) {
.box1 {width:124px; height:124px;}
.logo {height:124px; float:left; width:372px;}
.header {height:123px;}
#top_nav .nav-li .top_nav {line-height:124px;}
.hover_right {margin-left:868px;height:124px;}
#top_nav .nav-child {height:124px;}
#top_nav .nav-child a{line-height:30px;}
#top_nav .hover .nav-child {position:absolute; left:0; top:124px;}
.wrap_main {z-index:999; height:248px;}
.blue_bg {width:123px; height:123px;}
.main_nav {width:56px; height:56px;line-height:28px; padding:34px; font-size:19px;letter-spacing: 5px;}
.zoom .blue_bg {width:476px; height:248px;}
.main_ul {width:436px;}
.main_ul h4 a {width:350px;}
.main_ul h6 .main_ul_span {width:85%}
.main_bk {height:15px;}
.main_cbk {height:20px;}
.main_rbk {height:20px;}
.grd_bg {margin-top:124px; background:url(/img/spanb.png) repeat; _background:none;}
.list_grd_bg {margin-top:124px; background:url(/img/spanb.png) repeat; _background:none; height:248px;}
.main_ky {padding:0 0 0 18px;}
@keyframes rotate{
    from{
        transform: rotateX(90deg) translateY(50%);
        top:62px;
    }
    to{
        transform: rotateX(0deg) translateY(50%);
        top:62px;
    }
}
@-moz-keyframes rotate{
    from{
        -moz-transform: rotateX(90deg) translateY(50%);
        top:62px;
    }
    to{
        -moz-transform: rotateX(0deg) translateY(50%);
        top:62px;
    }
}
@-webkit-keyframes rotate{
    from{
        -webkit-transform: rotateX(90deg) translateY(50%);
        top:62px;
    }
    to{
        -webkit-transform: rotateX(0deg) translateY(50%);
        top:62px;
    }
}

.rotate{
    animation : rotate 400ms;
    -webkit-animation : rotate 400ms;
    -moz-animation : rotate 400ms;
}
.per{
    perspective : 1000;
    -webkit-perspective : 1000;
    -moz-perspective : 1000;
}
}
@media screen and (min-width:1800px) {
.box1 {width:124px; height:124px;}
.logo {height:124px; float:left; width:372px;}
.header {height:123px;}
#top_nav .nav-li .top_nav {line-height:124px;}
.hover_right {margin-left:868px;height:124px;}
#top_nav .nav-child {height:124px;}
#top_nav .nav-child a{line-height:30px;}
#top_nav .hover .nav-child {position:absolute; left:0; top:124px;}
.wrap_main {z-index:999; height:248px; width:1116px;}
.blue_bg {width:123px; height:123px;}
.main_nav {width:56px; height:56px;line-height:28px; padding:34px; font-size:19px;letter-spacing: 5px;}
.zoom .blue_bg {width:600px; height:248px;}
.main_ul {width:560px;}
.main_ul h4 a {width:474px;}
.main_ul h6 .main_ul_span {width:88%}
.main_bk {height:15px;}
.main_cbk {height:20px;}
.grd_bg {margin-top:124px; background:url(/img/spanb.png) repeat; _background:none;}
.list_grd_bg {margin-top:124px; background:url(/img/spanb.png) repeat; _background:none; height:248px;}
.main_ky {padding:0 0 0 25px;}
@keyframes rotate{
    from{
        transform: rotateX(90deg) translateY(50%);
        top:62px;
    }
    to{
        transform: rotateX(0deg) translateY(50%);
        top:62px;
    }
}
@-moz-keyframes rotate{
    from{
        -moz-transform: rotateX(90deg) translateY(50%);
        top:62px;
    }
    to{
        -moz-transform: rotateX(0deg) translateY(50%);
        top:62px;
    }
}
@-webkit-keyframes rotate{
    from{
        -webkit-transform: rotateX(90deg) translateY(50%);
        top:62px;
    }
    to{
        -webkit-transform: rotateX(0deg) translateY(50%);
        top:62px;
    }
}

.rotate{
    animation : rotate 400ms;
    -webkit-animation : rotate 400ms;
    -moz-animation : rotate 400ms;
}
.per{
    perspective : 1000;
    -webkit-perspective : 1000;
    -moz-perspective : 1000;
}
}
#footer,.foot_bg {left:0; right:0; bottom:0; height:60px; width:100%; min-width:768px;}
#footer {z-index:99;}
#footer p {z-index:999; position:relative;}
.foot_bg {background:#2b2b2b;filter:alpha(opacity=95);opacity:0.95; z-index:90;}

#box {overflow:hidden; background-color:#EEE;}
#box ul {position:absolute; top:0; left:0; }
#box ul li {float:left; }
#box img { }