@charset "utf-8"; /*************** This is for BASE, including header and footer ***************/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, figure, figcaption, code, del, dfn, em, image, q, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, tf, tr, th { border: 0px; padding: 0px; /*font-size: 100%;*/ margin: 0px; font-family: 'Microsoft Yahei',"Lucida Grande", "Tahoma","Arial", "Helvetica", "sans-serif"; -webkit-font-smoothing: subpixel-antialiased; font-weight:normal; } body { color: #565656; line-height: 20px; font-size: 12px; font-family:'Microsoft Yahei',"Lucida Grande", "Tahoma","Arial", "Helvetica", "sans-serif"; margin: 0px; } input, textarea, select { font-family: 'Microsoft Yahei',"Lucida Grande", "Tahoma","Arial", "Helvetica", "sans-serif"; background-color: #FFFFFF; font-size:12px; outline:none; } img { border: 0px; vertical-align:bottom; -ms-interpolation-mode: bicubic; } a, a:link { text-decoration: none; color: #323232; } a:hover { text-decoration:none; color:#8c0000; } ul, li { list-style-type:none; } .pku-red{ color:#8c0000; } .pku-gold{ color:#dda813; } .pku-gray{ color:#565656; } .icon-space-right{ margin-right:3px; } .icon-space-left{ margin-left:3px; } .left { float: left; } .right { float: right; } .clearfix:after { display:block; content:''; clear:both; height:0px; visibility: hidden; } .yahei { font-family:"Microsoft Yahei", Arial; } h1, h2, h3, h4 { font-family:"Microsoft Yahei", Arial; } .relative { position:relative; } .clearfix { *display:inline-block; *zoom:1; *vertical-align:top; } /* Add by PKU zb 2014.9.1 */ .clearfix1 { *display:inline-block; *zoom:1; *vertical-align:top; line-height:35px } .clear{ clear:both; } .clear_f { clear:both; } *::selection { background:#8c0000; color: #FFFFFF; text-shadow: none; } *::-moz-selection { color: #8c0000; text-shadow: none; } .ie6 { text-align:center; font-size:14px; line-height:60px; } .ie6 span { float:right; margin-right:30px; cursor:pointer; } .blankspace { height:1.5em; overflow:hidden; margin:0; padding:0; clear:both; } /*comm used header,content,footer*/ .mainWrap { width:1200px; margin:auto; height:32px; } /* .header { background:#fff url(../img/bg.jpg) repeat-x top } */ .header{ overflow:hidden; } .header .topLine { } .header .topWrap { padding:0; /* background:#7f0101 url(../img/pkucloud1h100.png) no-repeat top right; LHY */ /* background:#8f000b url(../img/pkucloud1h100.png) no-repeat top right; zb */ background:#8c0000 url(../img/img_jyxy.gif) no-repeat top right; /* border-top:0px solid #c40000; border-bottom:0px solid #600000;*/ } .header .topWrap .mainWrap{ height:100px; } .header .logo { float:left; _display:inline; padding-top:20px; padding-left:15px; } .header .logo a{ float:left; display:inline; } .header .logo a.sub_logo { float:left; display:inline; /*margin-top:15px; margin-left:15px; padding-left:15px; padding-top:2px; color:#FFFFFF; font-size:30px; height:30px;*/ padding-left:15px; margin-left:15px; border-left:solid 1px #fff; } .header .logo a.sub_logo:hover { color:#CECECE; } .header .logo a.sub_logo span.logo_hotline { font-family:Georgia; } .header .topWrap .slogan { position:absolute; right:140px; /* top:68px; */ top:55px; color:#FFFFFF; font-size:30px; } .header .topWrap .slogan img { width:400px; } .header .subnavLeft { padding-left:10px; } .header .search { float:right; _display:inline; padding-right:10px; height:20px; } .header .search .inp { border:0; height:16px; width:130px; /* border:1px solid #821514;*/ margin-top:2px; padding-left:5px; padding-right:5px; float:left; _display:inline; background:#AC0000; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; opacity: 0.8; filter:alpha(opacity=80); } .header .search .inp:hover { background:#fff; opacity:1 } .header .search .btn { height:22px; padding:0 8px; *padding:0 8px 0 12px; line-height:21px; text-align:center; border:0; float:left; font-size:12px; _display:inline; color:#fff; cursor:pointer; *background:url(search_normal.png) 0 3px no-repeat; } .header .search .btn:hover { *background:url(search_normal.png) 0 3px no-repeat; } .header .subNav { background:#700005; border-bottom:0px solid #700005; } .header .subNav .onlymobileshow{ display:none; background-color:#fff; } .header .subNav .menu { display:none; } .header .subNav li { float:left; _display:inline; padding:6px 2px 6px 3px; position:relative; z-index:999; zoom:1; } .header .subNav li a { display:block; /* ZB font-size:12px; */ font-size:14px; color:#e5e3e3; padding:0 5px; /* text-shadow:0px 2px 1px #600000; */ filter:dropshadow(color=#600000, offx=0, offy=2); } .header .subNav li a:hover, .header .subNav li a:focus, .header .subNav li a.hover { color:#fff; } .header .subNav li.current { background:#fff; } .header .subNav li.current a { color:#444; text-shadow:0px 2px 1px #f3f3f3; filter:dropshadow(color=#f3f3f3, offx=0, offy=2); } .header .subNavRight { float:right!important; } .header .subNav #mobileNav ul { height:120px; width:640px; } .header .subNav #mobileNav li { padding: 2px 2px 2px 2px; line-height:40px; height:36px; width:154px; float:left; } .header .subNav #mobileNav li form{ height:40px; line-height:40px; } .header .subNav #mobileNav li form input { width:80px; float:left; opacity:0.8; background-color:#fff; border:1px solid #C4C4C4; margin-left:8px; margin-right:3px; margin-top:12px; } .header .subNav #mobileNav li form a { height:40px; line-height:40px; } .header .subNav #mobileNav li a { font-size:14px; color:#000; float:left; } .header .nav { /* float:right; _display:inline; margin-top:25px;*/ background-color:#fff; } .header .nav .menu { display:none; } header .nav #nav{ /* text-align:center; */ margin:auto; width:1200px; } .header .nav li { float:left; _display:inline; padding:0 27px 0 9px; +padding:0 9px 0 8px; z-index:999; zoom:1; } .header .nav li.nav_first { padding-left:0px; } .header .nav li.nav_last { padding-right:0px; } .header .nav li a.current { /* PKU background: url(nav_cur.png) bottom repeat-x */ background: url(../img/nav_cur_red.png) bottom repeat-x; /*color:#fff; background:#8f000b;*/ } .header .nav li a { display:block; line-height:43px; /* ZB font-size:15px; */ font-size:16px; /* PKU color:#fff; */ color:#333; /* padding:0 12px; *padding:0 13px; */ text-align:center; width:113px; -webkit-transition-duration:.3s; -moz-transition-duration:.3s; -o-transition-duration:.3s; transition-duration:.3s; -ms-transition-duration:0s; } .header .nav li a:hover, .header .nav li:hover a{ color:#fff; background:#8f000b; } .header .nav li a i { padding:0; *margin:0 -5px 0 5px; } .header .nav li a i:before { margin-right:-4px; } .header .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } #nav .minfoWrap { position:absolute; background:#fff; /* PKU */ border-top: 0px solid #8c0000; /* PKU top:132px; */ /* PKU top:131px; */ left:0%; width:100%; z-index:2; padding:2em 0; display:none; /* -webkit-box-shadow:0 6px 12px #838383; -moz-box-shadow:0 6px 12px #838383; box-shadow:0 10px 20px rgba(0, 0, 0, 0.63); */ } #nav .minfoWrap_inner { width:1200px; background:#fff; margin:0 auto; } #nav ul.last { right:2px; } #nav ul li { float:none; display:block; padding:0; margin:0; } #nav ul li a { background:#fff; line-height:24px; font-size:14px; color:#565656; /* PKU padding:0 0 0 20px; */ padding:0 0 0 0px; } .header .nav #nav li .sub-nav{ position:absolute; z-index:4; display:none; } .header .nav #nav .sub-nav li a{ background:#8c0000; color:#fff; line-height:16px; font-size:13px; text-align:left; width: 78px; padding:10px 24px 10px 11px; } .header .nav #nav .sub-nav li a:hover{ background:#9c0000; } .readmore { // text-transform: uppercase; font-size: 15px!important; box-shadow: none; color: #8c0000!important; display:inline !important; -webkit-transition: 400ms !important; -moz-transition: 400ms !important; -o-transition: 400ms !important; transition: 400ms !important; } .readmore:hover { text-shadow: none; box-shadow: none !important; color:#333!important; } .readmore1 { // text-transform: uppercase; font-size: 15px!important; box-shadow: none; color: #000000!important; display:inline !important; -webkit-transition: 400ms !important; -moz-transition: 400ms !important; -o-transition: 400ms !important; transition: 400ms !important; } .readmore1:hover { text-shadow: none; box-shadow: none !important; color:#8c0000!important; } .fl { float:left; } .fr { float:right; } .main-body{ width:100%; max-width:1380px; margin:0 auto; overflow:hidden; } .footer{ width: 100%; height:247px; margin-top:40px; } .footer .fot_bbar { background: rgb(0, 0, 0) url("../img/f_bg.jpg") no-repeat scroll center top; border-top: 1px solid #af0a1a; height: 215px; width: 100%; } .footer .fot_bbar .fot_wap { width:1200px; margin:0 auto; height: 100%; } .footer .fot_bbar .fot_wap .fot_left { border-left: 1px solid #7a0000; border-right: 1px solid #7a0000; float: left; padding: 15px 50px; width: 200px; height: 145px; margin:20px; line-height:36px; } .footer .fot_bbar .fot_wap .fot_left a { display:inline-block; text-align:left; color:#fff; display: block; font-size:14px; } .footer .fot_bbar .fot_wap .fot_left h3 { font-size: 16px; color: #fff; } .footer .fot_bbar .fot_wap .fot_cen { float: left; padding:16px 30px; width: 400px; height: 142px; margin:20px; } .footer .fot_bbar .fot_wap .fot_cen a{ display:block; width: 400px; text-align:center; padding-top:10px; padding-bottom:10px; } .footer .fot_bbar .fot_wap .fot_cen a img{ width: 160px; } .footer .fot_bbar .fot_wap .fot_cen a:first-child img{ width: 61px; } .footer .fot_bbar .fot_wap .fot_right { border-left: 1px solid #7a0000; border-right: 1px solid #7a0000; float: left; width: 255px; height: 85px; margin:20px; padding:45px 30px; } .footer .fot_bbar .fot_wap .fot_right a { display:inline-block; float:left; width:100px; text-align:center; } .footer .fot_bbar .fot_wap .fot_right a img { width:85px; } .footer .footWrap a { color:#787878; display:block; line-height:24px; text-align:center; } .footer .footWrap a:hover { color:#8c0000; } .footer .copyrights { color:#f8f8f8; padding:15px 0; line-height:22px; background:#821514; border-top:#8c0000; } .footer .copyrights .info { float:left; } .footer .copyrights .info span { padding-right:24px; } .footer .copyrights .icp { float:right; } .footer .copyrights .copy { display:block; } .footer .fot_bot_b{ width: 100%; height:32px; background: #700005; } .fot_bot{ width:940px; margin:0 auto; font-size: 12px; overflow: hidden; color: #fff; text-align: center; height:32px; line-height: 32px; background: #700005; } .fot_bot span{ display:inline-block; float:left; width:160px; padding: 0 20px; } .fot_bot .copyright{ width:150px; } .fot_bot .addr{ width:160px; } .fot_bot .postcode{ width:90px; } .fot_bot .telephone{ width:130px; } .fot_bot .tech-sup{ width:210px; } ._plugMasklayer { background: none repeat scroll 0 0 #FFFFFF; display: none; height: 100%; left: 0; opacity: 0.8; filter:alpha(opacity=80); _position: absolute; position:fixed; top: 0; width: 100%; z-index: 9998; bottom:0; } ._plugLayer { background: none repeat scroll 0 0 #FFFFFF; display: none; left: 50%; top: 50%; border:1px solid #609; _position: absolute; position:fixed; z-index: 9999; } /*action*/ .ssubNav { display:none; } @media screen and (max-width:1024px) { .mainWrap { width:800px; margin:0 auto; } .header .nav #nav{ width:795px; } .header .nav #nav .minfoWrap .minfoWrap_inner div.fl{ display:none; } .header .nav li { /*padding: 0 24px 0 24px;*/ padding:0 11px 0 11px; +padding:0 10px 0 10px; } .header .nav li a { font-size:13px; /*padding:0 9px;*/ width:90px; } #nav ul { width:100px; } #nav ul.fl{ width:160px; } #nav ul.fl a { width:150px; } .header .nav #nav .sub-nav li a{ line-height:25px; font-size:11px; line-height:12px; width:158px; padding-left:20px; } .footer .footWrap li { width:120px; overflow:hidden; } .footer{ width: 100%; height:311px; margin-top:40px; } .footer .fot_bbar { height: 215px; width: 100%; } .footer .fot_bbar .fot_wap { width:800px; margin:0 auto; height: 100%; } .footer .fot_bbar .fot_wap .fot_left { padding: 15px 40px; width: 130px; height: 145px; margin:20px; line-height:36px; } .footer .fot_bbar .fot_wap .fot_left a { width:65px; font-size:12px; } .footer .fot_bbar .fot_wap .fot_cen { padding:16px 30px; width: 196px; height: 142px; margin:20px; } .footer .fot_bbar .fot_wap .fot_cen a{ width: 196px; padding-top:10px; padding-bottom:10px; } .footer .fot_bbar .fot_wap .fot_cen a img{ width: 160px; } .footer .fot_bbar .fot_wap .fot_right { width: 170px; height: 70px; margin:20px; padding:52px 20px; } .footer .fot_bbar .fot_wap .fot_right a { width:85px; } .footer .fot_bbar .fot_wap .fot_right a img { width:70px; } .footer .fot_bot_b{ height:96px; } .fot_bot{ width:440px; height:96px; } .fot_bot span{ text-align:left; } .fot_bot .postcode{ /*width:200px;*/ width:150px; } .fot_bot .telephone{ width:160px; } .fot_bot .tech-sup{ width:400px; } .header .topWrap { height:auto; } } @media screen and (max-width:800px) { .mainWrap { width: 640px; } .mainWrap02 { position:relative; display:none; background:#444; } #nav .minfoWrap { left:50%; margin-left:-380px; width:760px; } .header .topWrap { position:relative; } .header .logo { margin:auto; padding-left:0px; } .header .search { float:none; position:absolute; width:100%; top:0px; margin-top:10px; } .header .search .ext { float:right; padding:4px 30px 10px 0; } .header .search .ext a { color:#fff; } .header .search .inp { border:0; margin-left:20px; height:14px; width:130px; background:#fff; } .header .search .btn { height:20px; line-height:20px; font-size:12px; } .subNav .ssubNav { /*display:block;*/ /* PKU line-height:44px; PKU font-size:18px; */ line-height:35px; line-height:32px; /* ZB */ font-size:14px; padding:0 20px; cursor:pointer; color:#fff; /*background:#5e0000; ZB */ background:#700005; /* ZB */ cursor:pointer; display:inline-block; padding-top:10px; -ms-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out s; -moz-transition: all 0.4s ease-in-out s; transition: all 0.4s ease-in-out 0s; } .navline { width:19px; height:2px; border-radius:2px; background-color:#FFF; display:block; margin-bottom:4px; -ms-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out s; -moz-transition: all 0.4s ease-in-out s; transition: all 0.4s ease-in-out 0s; } .navline1{ transform:translateY(6px) rotate(45deg); -ms-transform:translateY(6px) rotate(45deg); -webkit-transform:translateY(6px) rotate(45deg); -o-transform:translateY(6px) rotate(45deg); -moz-transform:translateY(6px) rotate(45deg); -ms-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out s; -moz-transition: all 0.4s ease-in-out s; transition: all 0.4s ease-in-out 0s; } .navline2{ background-color:#700005; -ms-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out s; -moz-transition: all 0.2s ease-in-out s; transition: all 0.2s ease-in-out 0s; } .navline3{ transform:translateY(-6px) rotate(-45deg); -ms-transform:translateY(-6px) rotate(-45deg); -webkit-transform:translateY(-6px) rotate(-45deg); -o-transform:translateY(-6px) rotate(-45deg); -moz-transform:translateY(-6px) rotate(-45deg); -ms-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out s; -moz-transition: all 0.4s ease-in-out s; transition: all 0.4s ease-in-out 0s; } .header .subnavLeft { padding-top:30px; } .header .subNav li { float:none; border:none; } .header .subNav li a { padding-left:18px; font-size:12px; color:#f5f5f5; } .header .subNavRight { float:none!important; } .header .subNavRight li a { padding-left:17px; } .minfoWrap { display:none!important; } .header .topWrap { height: auto; /* padding:20px 0 0;*/ } .header .nav { background:#efefef; border:0; /* margin-top:20px;*/ } .header .nav .menu { display:none; line-height:44px; line-height:38px; /* ZB */ font-size:18px; padding:0 20px; cursor:pointer; color:#22132d; } .header .nav .menu .menuicon { float:right; color:#22132d; } .header .nav #nav{ width:100%; text-align:left; } .header .nav ul { display:none; } .header .nav li { float:none; padding:0; border-top:1px solid #ddd; background:#fff; overflow:hidden; } .header .nav li a { font-size:12px; text-indent:20px; line-height:30px; color:#333; width:auto; text-align:left; } .header .subNav #mobileNav ul { height:120px; } .footer{ width: 100%; height:311px; margin-top:40px; } .footer .fot_bbar { height: 215px; width: 100%; } .footer .fot_bbar .fot_wap { width:640px; margin:0 auto; height: 100%; } .footer .fot_bbar .fot_wap .fot_left { padding: 15px 20px; width: 120px; height: 145px; margin:20px; line-height:36px; } .footer .fot_bbar .fot_wap .fot_left a { width:60px; font-size:12px; } .footer .fot_bbar .fot_wap .fot_cen { padding:27px 30px; width: 136px; height: 121px; margin:20px; } .footer .fot_bbar .fot_wap .fot_cen a{ width: 136px; padding-top:10px; padding-bottom:10px; } .footer .fot_bbar .fot_wap .fot_cen a img{ width: 120px; } .footer .fot_bbar .fot_wap .fot_cen a:first-child img{ width: 51px; } .footer .fot_bbar .fot_wap .fot_right { width: 120px; height: 170px; margin:20px; padding:2px 20px; } .footer .fot_bbar .fot_wap .fot_right a { width:120px; padding:5px 0px; } .footer .fot_bbar .fot_wap .fot_right a img { width:75px; } .footer .footWrap li { width:190px; height:200px; overflow:hidden; } .footer .copyrights { text-align:center; } .footer .copyrights .info { float:none; display:block; } .footer .copyrights .icp { float:none; display:block; } .header .logo { float:none; display:block; width:500px; height:60px; margin:0 auto; padding-bottom:0; } .header .nav { float:none; } .header .topWrap { height:auto; } .header .topWrap .slogan { display:none; } .minfoWrap { display:none!important; } } @media screen and (max-width:640px) { .mainWrap { width: 100%; } .mainWrap02 { position:relative; display:none; background:#444; } .header .topWrap { position:relative; } .header .topWrap .mainWrap{ height:80px; } .header .logo { margin:auto; padding-left:0px; padding-top:20px; padding-bottom:20px; width:383px; } .header .logo img{ width:160px; } .header .logo a.sub_logo { /*margin-top:10px; font-size:20px;*/ } .header .logo a.sub_logo img { width:192px; } .header .search { float:none; position:absolute; width:100%; top:0px; margin-top:10px; } .header .search .ext { float:right; padding:4px 30px 10px 0; } .header .search .ext a { color:#fff; } .header .search .inp { border:0; margin-left:20px; height:14px; width:130px; } .header .search .btn { height:20px; line-height:20px; font-size:12px; } .header .topWrap { height: auto; /* padding:20px 0 0;*/ } .header .nav { background:#efefef; border:0; /* margin-top:20px;*/ } .header .nav .menu { display:none; line-height:44px; line-height:38px; /* ZB */ font-size:18px; padding:0 20px; cursor:pointer; color:#22132d; } .header .nav .menu .menuicon { float:right; color:#22132d; } .header .nav ul { display:none; } .header .nav li { float:none; padding:0; border-top:1px solid #ddd; background:#fff; overflow:hidden; } .header .nav li a { font-size:15px; text-indent:20px; color:#000; } .header .nav li a .thuicon-angle-down { display:none; } .header .subNav #mobileNav ul { height:120px; width:480px; } .footer{ width: 100%; height:311px; margin-top:40px; } .footer .fot_bbar { height: 215px; width: 100%; } .footer .fot_bbar .fot_wap { width:480px; margin:0 auto; height: 100%; } .footer .fot_bbar .fot_wap .fot_left { padding: 15px 10px; width: 120px; height: 145px; margin:20px 10px; line-height:36px; } .footer .fot_bbar .fot_wap .fot_left a { width:60px; font-size:12px; } .footer .fot_bbar .fot_wap .fot_cen { padding:33px 10px; width: 116px; height: 108px; margin:20px 10px; } .footer .fot_bbar .fot_wap .fot_cen a{ width: 116px; padding-top:10px; padding-bottom:10px; } .footer .fot_bbar .fot_wap .fot_cen a img{ width: 110px; } .footer .fot_bbar .fot_wap .fot_cen a:first-child img{ width: 40px; } .footer .fot_bbar .fot_wap .fot_right { width: 120px; height: 150px; margin:20px 10px; padding:12px 10px; } .footer .fot_bbar .fot_wap .fot_right a { width:120px; padding:5px 0px; } .footer .fot_bbar .fot_wap .fot_right a img { width:65px; } .footer .footWrap { padding:14px 0; } .footer .footWrap li { width:25%; height:auto; } .footer .footWrap a { display:none; } .footer .footWrap h4 a { display:block; font-size:12px; line-height:30px; } .footer .footWrap h4 { padding-bottom:0; } .footer .copyrights { text-align:center; } .footer .copyrights .info { float:none; display:block; padding:0 30px; } .footer .copyrights .info span { display:block; padding:0; } .footer .copyrights .icp { float:none; display:block; } .header .caret { display:none; } .subNav .ssubNav { /*display:block;*/ /* PKU line-height:44px; PKU font-size:18px; */ line-height:35px; line-height:32px; /* ZB */ font-size:14px; padding:0 20px; cursor:pointer; color:#fff; /*background:#5e0000; ZB */ background:#700005; /* ZB */ cursor:pointer; display:inline-block; padding-top:10px; -ms-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out s; -moz-transition: all 0.4s ease-in-out s; transition: all 0.4s ease-in-out 0s; } .navline { width:19px; height:2px; border-radius:2px; background-color:#FFF; display:block; margin-bottom:4px; -ms-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out s; -moz-transition: all 0.4s ease-in-out s; transition: all 0.4s ease-in-out 0s; } .navline1{ transform:translateY(6px) rotate(45deg); -ms-transform:translateY(6px) rotate(45deg); -webkit-transform:translateY(6px) rotate(45deg); -o-transform:translateY(6px) rotate(45deg); -moz-transform:translateY(6px) rotate(45deg); -ms-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out s; -moz-transition: all 0.4s ease-in-out s; transition: all 0.4s ease-in-out 0s; } .navline2{ background-color:#700005; -ms-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out s; -moz-transition: all 0.2s ease-in-out s; transition: all 0.2s ease-in-out 0s; } .navline3{ transform:translateY(-6px) rotate(-45deg); -ms-transform:translateY(-6px) rotate(-45deg); -webkit-transform:translateY(-6px) rotate(-45deg); -o-transform:translateY(-6px) rotate(-45deg); -moz-transform:translateY(-6px) rotate(-45deg); -ms-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out s; -moz-transition: all 0.4s ease-in-out s; transition: all 0.4s ease-in-out 0s; } .header .subnavLeft { padding-top:30px; } .header .subNav li { float:none; border:none; } .header .subNavRight li a { padding-left:17px; } .header .subNavRight { float:none!important; } .minfoWrap { display:none!important; } } @media screen and (max-width:480px) { .header .subNav #mobileNav ul { height:200px; width:360px; } .header .topWrap { background-size:auto 70px; } .header .topWrap .mainWrap{ height:70px; } .header .logo { padding-top:16px; padding-bottom:16px; width:327px; } .header .logo img{ width:140px; } .header .logo a.sub_logo { /*margin-top:6px; margin-left:10px; padding-left:10px; font-size:16px; height:24px;*/ margin-left:10px; padding-left:10px; } .header .logo a.sub_logo img { width:166px; } .footer{ width: 100%; height:375px; margin-top:40px; } .footer .fot_bbar { height: 215px; width: 100%; } .footer .fot_bbar .fot_wap { width:360px; margin:0 auto; height: 100%; } .footer .fot_bbar .fot_wap .fot_left { display:none; } .footer .fot_bbar .fot_wap .fot_cen { padding:19px 20px; width: 280px; height: 156px; margin:10px 20px; } .footer .fot_bbar .fot_wap .fot_cen a{ width: 280px; padding-top:10px; padding-bottom:10px; } .footer .fot_bbar .fot_wap .fot_cen a img{ width: 213px; } .footer .fot_bbar .fot_wap .fot_cen a:first-child img{ width: 61px; } .footer .fot_bbar .fot_wap .fot_right { display:none; } .footer .fot_bot_b{ height:160px; } .fot_bot{ width:240px; height:160px; } .fot_bot span{ width:240px; text-align:left; } } @media screen and (max-width:360px) { .minfoWrap { display:none!important; } .header .subNav #mobileNav ul { height:200px; width:320px; } .header .topWrap { background-size:auto 60px; } .header .topWrap .mainWrap{ height:60px; } .header .logo { padding-top:14px; padding-bottom:14px; width:286px; } .header .logo img{ width:120px; } .header .logo a.sub_logo { /*margin-top:6px; margin-left:10px; padding-top:0px; padding-bottom:2px; padding-left:10px; font-size:15px; height:20px;*/ } .header .logo a.sub_logo img { width:145px; } .footer{ width: 100%; height:375px; margin-top:40px; } .footer .fot_bbar { height: 215px; width: 100%; } .footer .fot_bbar .fot_wap { width:320px; margin:0 auto; height: 100%; } .footer .fot_bbar .fot_wap .fot_left { display:none; } .footer .fot_bbar .fot_wap .fot_cen { padding:19px 10px; width: 280px; height: 156px; margin:10px 10px; } .footer .fot_bbar .fot_wap .fot_cen a{ width: 280px; padding-top:10px; padding-bottom:10px; } .footer .fot_bbar .fot_wap .fot_cen a img{ width: 213px; } .footer .fot_bbar .fot_wap .fot_right { display:none; } } @media screen and (max-width:320px) { .header .subNav #mobileNav ul { height:360px; width:200px; } .header .topWrap { background-size:auto 50px; } .header .topWrap .mainWrap{ height:50px; } .header .logo { margin:auto; padding-top:11px; padding-bottom:11px; width:240px; } .header .logo img{ width:100px; } .header .logo a.sub_logo { /*margin-top:6px; margin-left:10px; padding-top:0px; padding-bottom:6px; padding-left:10px; font-size:12px; height:15px;*/ } .header .logo a.sub_logo img{ width:119px; } .header .search .inp { width:100px; } .header .nav .menu { line-height:40px; font-size:16px; } .minfoWrap { display:none!important; } .footer{ width: 100%; height:375px; margin-top:40px; } .footer .fot_bbar { height: 215px; width: 100%; } .footer .fot_bbar .fot_wap { width:280px; margin:0 auto; height: 100%; } .footer .fot_bbar .fot_wap .fot_left { display:none; } .footer .fot_bbar .fot_wap .fot_cen { padding:19px 0px; width: 280px; height: 156px; margin:10px 0px; } .footer .fot_bbar .fot_wap .fot_cen a{ width: 280px; padding-top:10px; padding-bottom:10px; } .footer .fot_bbar .fot_wap .fot_cen a img{ width: 213px; } .footer .fot_bbar .fot_wap .fot_right { display:none; } }