/* Theme Name: mobile Theme URI: http://wordpress.org Description: The default MobilePress theme. Author: MobilePress Author URI: http://mobilepress.co.za Version: 1.0 Tags: mobile, mobilepress, light grey, black, orange, blue */ /*public.css*/ html,body{height:100%;} body{max-width:640px; overflow-x:hidden;} img{width:100%;height:auto;} a{outline:medium none;text-decoration:none;} html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, input, label, legend{margin:0;padding:0; font-style:normal; text-decoration:none;} ul, ol, li{list-style:outside none none;} ul{display:inline-block;} .container{ width:100%; min-height:100%; position:relative; -webkit-transition: margin-left 400ms;} .head{height:80px;width:100%;position:relative; background:#cd3301;} .on .head .menu{transform:rotate(0deg);-webkit-transform:rotate(0deg);transition: all 400ms;} .container.on{margin-left:-65%;} .clearfix{display:block;} .dnl{float:left;} .dnr{float:right;} .foot{ background:#201d1f; text-align:center; line-height:50px; color:#FFF; font-size:0.8em; position:absolute; bottom: 0; left:0; right:0;} /*.head{height:80px;position:relative;width:100%;}*/ .head .logo{float:left;margin-left:15px;margin-top:20px; width:35%;} .head .logo img{max-width:100%;} .head .menu{width:80px;position:absolute;top:0;right:0;background:url(images/dnMenu_01.jpg) no-repeat 0 0 / cover;height:80px;transform:rotate(180deg);transition:all 400ms ease 0s;} /*侧边导航栏*/ .nav{ position:fixed; top:0px; right:-65%; background:#cd3301; width:65%; height:100%; overflow:hidden; -webkit-transition:right 0.4s;} .LeftOn{right:0;} .nav .nav-main{height:100%;overflow-y:auto;padding:30px; width:100%; box-sizing:border-box;} .nav .nav-main > li{ border-bottom: 1px #fff solid; } .nav .nav-main > li > a{ color: #fff; font-size: 18px; font-weight: bold; display: block; padding:0.5em 0;} .nav .nav-main > li.menu-item-has-children:before{ content: " "; width:22px; height:22px; margin-top:10px; background:url(images/p_i.png) no-repeat center center / 80% auto; display: block; float: right; transition:all 400ms ease 0s;} .nav .nav-main > li > ul.sub-menu{ padding:0 0 10px 20px; display: none;} .nav .nav-main > li > ul.sub-menu li{padding: 5px 0;} .nav .nav-main > li > ul.sub-menu li a{color: #fff; font-size: 14px; font-weight: 500; opacity: 0.8;} /* .nav .nav-main h3 i{} .nav .nav-main hr{width:100%;height:1px;background:#fff;border:none;color:#fff;} .nav .nav-main h3.on i{transform:rotate(225deg);transition:all 400ms ease 0s;} .nav .nav-main .nav_h3{color:#fff;font-size:18px;font-weight:bold;} .nav .nav-main ul{padding:10px 0 10px 20px;} .nav .nav-main li{padding:5px 0;} .nav .nav-main li a{color:#fff;font-size:14px;font-weight:500;opacity:0.8;} */ .pagination{ overflow:hidden;} .swiper-slide{float:left;} .anim-active{padding:4%; padding-right:0px;height:80px; text-align:center; line-height:100%;} .anim-active a{width:60px;height:60px; margin-right:4%; display:inline-block;} .anim-active a.link-1{background:url(images/m_1.png) no-repeat 0px center;} .anim-active a.link-2{background:url(images/m_1.png) no-repeat -118px center;} .anim-active a.link-3{background:url(images/m_1.png) no-repeat -237px center;} .anim-active a.link-4{background:url(images/m_1.png) no-repeat -357px center;} .anim-active a span{ width:100%;height:60px;-webkit-transition:-webkit-transform 500ms, -webkit-opacity 500ms;transition: -webkit-transform 500ms ease 0s, -webkit-opacity 500ms ease 0s;display:block;} .anim-active a span.shadow{height:24px; line-height:24px;font-size:0.8em;color:#333333;} .v2-tit{height:40px;line-height:40px;padding:0 20px; margin:0px;font-size:1em;font-weight:normal;color:#cd3301;background:#fff;position:relative;border-bottom:1px solid #ddd;border-top:0;} .v2-tit .more{color:#999;right:20px;top:0;font-size:0.8em;height:40px;line-height:40px; position:absolute;} .pic-txt-list{padding-bottom: 60px;} .pic-txt-list ul{ display:block;} .pic-txt-list li{border-bottom:1px solid #e8e4e4;} .pic-txt-list li a{display:block;overflow:hidden;margin:10px;padding:10px;position:relative;color:#333333;font-size:1em; height:80px;} .pic-txt-list li img{width:100px;box-shadow:0 0 5px rgba(0, 0, 0, 0.5);height:75px;padding:2px;vertical-align:middle;float:left; margin-left:0px;} .pic-txt-list li h4{ position:absolute;left:125px; top:10px;font-weight:500; line-height:120%; height:57px; overflow: hidden;} .pic-txt-list li span{ position:absolute;left:125px; bottom:10px; font-weight:500;color:#666; font-size:0.75em;} /*------------about-----------*/ .a-ban{display:block; border-top:1px solid #ffffff;} .a-ban img{ width:100%; height:auto;} .a-bans{display:block; line-height:180%;font-size:1em;padding:8px 20px;} .a-bans p{ text-indent:24px;} .a-bans img{ width:100%; height:auto; display: block; } /*------------news------------*/ .nemenu{line-height:40px; border-bottom:3px solid #cd3301; padding-left:20px;font-size:1.25em; color:#cd3301;} .dn-news{ overflow:hidden; padding:2px 20px 60px; display:block;} .dn-news .ul02{ display:block;} .ul02 li{border-bottom:1px solid #c9c9c9;margin:17px 0px;padding-bottom:8px; overflow:hidden;} .ul02 li img{width:100%;height:auto; padding-bottom:2px; margin:0px auto;} .ul02 li a{ color:#666; text-decoration:none;font-size:1em;} .ul02 li span{ padding-top:3px;line-height:normal;color:#666666;display:block;} .ul02 li u{ text-decoration:none;font-size:0.8em; display:block; padding-top:2px;} .ul02 li u b{ font-weight:500;font-size:0.8em; float:left; display:block;} .ul02 li u em{ float:right; font-style:normal;font-size:0.8em; display:block;} .dn-news h1{ line-height:120%;font-size:1.25em; padding-top:5px;text-align:left;font-weight:500;} .dn-news .timeWrap{font-size:0.75em;color:#666666; padding-top:6px; padding-bottom:8px; border-bottom:solid 1px #dddddd;} .dn-news .timeWrap i{ font-style:normal; padding-left:20px;} .dn-news .n-cont{ line-height:180%;font-size:1em;padding:8px 0px;} .dn-news .n-cont img{ width:100%; height:auto;} .new{ padding:6px 20px; padding-top:15px; display:block;} .new .ul01{display:block; overflow:hidden;} .new .ul01 li{width:33%;float:left; line-height:40px; margin-bottom:1px; margin-right:1px; text-align:center;background:#dddddd;} .new .ul01 li a{ text-align:center; line-height:40px; display:block; color:#333333;} .new .ul01 li.current-cat{background:#cd3301;} .new .ul01 li.current-cat a{ color:#FFF;} .new .ul01 li:hover{background:#cd3301;} .new .ul01 li:hover a{ color:#FFF;} /*banner.css*/ .slider{display:none;border-top:#ffffff solid 1px;} .focus{display:none} .screen-reader-text{ display: none; } .nav-links{ text-align: center; padding:15px 0 30px;} .nav-links > a,.nav-links > span{ display: inline-block; width:40px; height:40px; line-height:40px; border:1px #ccc solid;} .nav-links > a{color:#333;} .nav-links > span{ color:#999;} .nav-links > a.prev, .nav-links > a.next{width:75px;} .nav-links > a.prev{float: left;} .nav-links > a.next{float: right;} .job-list li{background-color:#efefef; margin:10px 0; } .job-list li h2{font-size:16px;font-weight: bold; margin-bottom: 10px; color:#333;} .job-list li .xiaoliebiao{ cursor: pointer; color:#333; padding:20px;} .job-list li .desc{font-size:12px; color:#666; line-height: 22px; display: none; padding:0 20px 20px; text-indent:0;} .job-list li p{text-indent:0; line-height: 22px;} .job-list li .xiaoliebiao strong{font-size: 13px;} .job-list li .scjl{border: 0; cursor:pointer; display:block; width:140px; height:50px; background:#b40b0b; line-height:50px; text-align:center; color:#fff; margin-top:36px;} .a-bans{padding-bottom: 60px;} .a-bans .d-us{display: none;} .a-bans .con-us{text-align: center;} .a-bans .app,.a-bans strong{display: block;}