/*!
Theme Name: DuoRui3D
Theme URI: http://www.duorui3d.com
Description: 上海多睿电子科技有限公司
Version: 1.0
Author: JoaKwan
Author URI: http://www.hi12.net/
*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {line-height: 1.15;-webkit-text-size-adjust: 100%}
body {margin: 0}
main {display: block}
h1 {font-size: 2em;margin: .67em 0}
hr {box-sizing: content-box;height: 0;overflow: visible}
pre {font-family: monospace,monospace;font-size: 1em}
a {background-color: transparent}
abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted}
b,strong {font-weight: bolder}
code,kbd,samp {font-family: monospace,monospace;font-size: 1em}
small {font-size: 80%}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline}
sub {bottom: -.25em}
sup {top: -.5em}
img {border-style: none}
button,input,optgroup,select,textarea {font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0}
button,input {overflow: visible}
button,select {text-transform: none}
[type=button],[type=reset],[type=submit],button {-webkit-appearance: button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {border-style: none;padding: 0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {outline: 1px dotted ButtonText}
fieldset {padding: .35em .75em .625em}
legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal}
progress {vertical-align: baseline}
textarea {overflow: auto}
[type=checkbox],[type=radio] {box-sizing: border-box;padding: 0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {height: auto}
[type=search] {-webkit-appearance: textfield;outline-offset: -2px}
[type=search]::-webkit-search-decoration {-webkit-appearance: none}
::-webkit-file-upload-button {-webkit-appearance: button;font: inherit}
details {display: block}
summary {display: list-item}
template {display: none}
[hidden] {display: none}
/*!Duorui3d*/
html {box-sizing: border-box}
*,:after,:before {box-sizing: inherit}
body {font-size: 15px;font-family: PingFang SC,Microsoft YaHei,sans-serif;color: #4a4a4a;background-color: #f5f5f5;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga","kern"}
button,input,textarea {outline: 0;border: none;-webkit-tap-highlight-color: rgba(0,0,0,0)}
ul,ul > li {list-style: none;padding: 0;margin: 0}
::-webkit-scrollbar {width: 8px;background-color: transparent;-webkit-border-radius: 100px}
::-webkit-scrollbar:hover {background-color: rgba(0,0,0,.09)}
::-webkit-scrollbar:horizontal {height: 0}
::-webkit-scrollbar-thumb:vertical {background: rgba(0,0,0,.5);-webkit-border-radius: 100px}
::-webkit-scrollbar-thumb:vertical:active {background: rgba(0,0,0,.61);-webkit-border-radius: 100px}
.fbox {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;justify-content: space-between;align-items: center}
.t-of {display: block;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;height: 1.5em;line-height: 1.5;-webkit-line-clamp: 1}
a {color: #4a4a4a;text-decoration: none;transition: all .2s}
a:focus,a:hover {color: #090;text-decoration: none}
.thumbnail {padding: 0;border: none}
@media (min-width:768px) {
.fbox-pc {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;justify-content: space-between;align-items: center}
}
/*! header*/
header {position: fixed;top: 0;left: 0;right: 0;width: 100%;background-color: #fff}
header .logo {padding: 10px 0}
header .logo img {height: 30px}
header .toplinks {font-size: 13px}
header .toplinks a {color: #bbb}
header .toplinks a:hover {color: #039}
header .toplinks em {margin: auto .5em;color: #e2e4e7}
.admin-bar header,header {top: 0;width: 100%;transition: all .2s ease-in-out}
header #searchform {flex: 1;line-height: 30px;padding: 10px 0}
header #searchform .fbox {justify-content: flex-end}
header #searchform input[type=text] {width: 65%;height: 30px;padding: 0 .5em;color: #039;border-radius: 3px 0 0 3px;-webkit-border-radius: 3px 0 0 3px;-moz-border-radius: 3px 0 0 3px;-ms-border-radius: 3px 0 0 3px;-o-border-radius: 3px 0 0 3px}
header #searchform button {padding: 0;width: 30px;height: 30px;text-align: center;background-color: navy;border-radius: 0 3px 3px 0;-webkit-border-radius: 0 3px 3px 0;-moz-border-radius: 0 3px 3px 0;-ms-border-radius: 0 3px 3px 0;-o-border-radius: 0 3px 3px 0;transition: all .2s;-webkit-transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;-o-transition: all .2s}
header #searchform button:hover {background-color: #090}
header #searchform button span {display: block;margin: auto;text-align: center}
@media (max-width:767px) {
html {margin-top: 50px!important}
html #wpadminbar {display: none}
}
@media (min-width:768px) {
body {margin-top: 150px}
header {top: 0}
.slideUp {top: -90px;box-shadow: 0 4px 10px 0 rgba(0,0,0,.1)}
.admin-bar header {top: 32px}
.admin-bar .slideUp {top: -58px}
header .logo {padding: 30px 0}
}
@media (min-width:992px) {
header .logo img {height: 40px}
header .logo {padding: 25px 0}
}
@media (min-width:1800px) {
header #searchform input[type=text] {width: 40%}
}
/*!footer*/
.footer {padding: 30px 0 20px;background-color: #232632;color: rgba(255,255,255,.2)}
.footer a {color: #fff;opacity: .4}
.footer a:hover {opacity: 1}
.footer .fbox-pc {flex-wrap: wrap}
.footer #menu-footernav {margin: -.5em -.5em 20px -.5em}
.footer #menu-footernav li {display: inline-block}
.footer #menu-footernav li a {display: block;margin: .5em}
.copyrights {padding: 20px 0;font-size: 13px;color: rgba(255,255,255,.2);background-color: #1d1f2a;text-align: center}
@media (min-width:768px) {
.footer #menu-footernav {margin: -.5em}
}
/*!slider*/
.slider {padding: 0;margin: 0 auto}
@media (min-width:768px) {
.slider {padding: 20px 15px}
}
@media (max-width:767px) {
.slider .flex-control-nav,.slider .nivo-controlNav {display: none!important}
}
/*!Bootstrap*/
.container-fluid:after,.container-fluid:before,.container:after,.container:before,nav:after,nav:before {display: none!important}
.navbar {margin-bottom: 0;font-size: 14px;border: none;color: #fff;background-color: #345eb4;border-radius: 0}
.navbar-nav {margin: 0 -15px}
.navbar-nav > li > a {color: #fff}
.dropdown-menu {min-width: 100%;border: none;box-shadow: -1px 4px 10px rgba(0,0,0,.175)}
.dropdown-menu > .active > a,.dropdown-menu > .active > a:focus,.dropdown-menu > .active > a:hover,.navbar-nav > li.active > a {background-color: navy}
.dropdown-menu > li > a {color: #fff;font-size: 14px;padding: 7px 20px}
.nav .open > a,.nav .open > a:focus,.nav .open > a:hover,.nav > li > a:focus,.nav > li > a:hover {background-color: #090;border: none}
.navbar-nav {background-color: #039}
.navbar-toggle {margin-right: 0}
.navbar-toggle .icon-bar {background-color: #039}
.navbar-collapse {padding: 0}
.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse {max-height: inherit}
.table > tbody > tr > td,.table > tbody > tr > th,.table > tfoot > tr > td,.table > tfoot > tr > th,.table > thead > tr > td,.table > thead > tr > th {vertical-align: middle}
.table-bordered > thead > tr > td,.table-bordered > thead > tr > th {font-weight: 700}
.table-responsive {-webkit-overflow-scrolling: touch}
@media (min-width:768px) {
.navbar-nav {margin: 0;border-right: 20px solid #1a45ac}
.navbar-nav > li > a {line-height: 40px;padding-top: 10px;padding-bottom: 10px}
.dropdown-menu > li > a {color: #4a4a4a}
}
@media (min-width:992px) {
.navbar {font-size: 15px}
.navbar-nav > li > a {padding: 10px 20px}
}
@media (min-width:1200px) {
.navbar-nav > li > a {font-size: 17px;padding: 10px 30px}
}
@media (min-width:1800px) {
.container {width: 1500px}
}
/*!pro list*/
.pro-list {align-items: flex-start;flex-wrap: wrap;margin: auto -5px}
.pro-list > li {width: 50%;padding: 5px;border-radius: 3px;transition: all .2s linear}
.pro-list > li .thumbnail > img,.pro-list li .thumbnail a > img {width: 100%}
.pro-list > li p.exc {font-size: 14px;color: #999;word-break: break-all;height: 4.2em;line-height: 1.4em;-webkit-line-clamp: 3}
.pro-list > li h4 {font-size: 15px;height: 2.8em;line-height: 1.4em;-webkit-line-clamp: 2}
@media (min-width:768px) {
.pro-list {margin: auto -15px;justify-content: flex-start}
.pro-list > li {width: 25%;padding: 15px}
.pro-list > li:hover {background-color: #fff;box-shadow: 0 15px 30px rgba(0,0,0,.1);transform: translate3d(0,-2px,0)}
}
/*!news list*/
.news-list {position: relative}
.news-list > li {align-items: flex-start;padding: 15px 0;border-bottom: #ccc 1px dotted}
.news-list > li .thumbnail {width: 100%}
.news-list > li .thumbnail > img,.news-list li .thumbnail a > img {width: 100%;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px}
.news-list > li .news-info {flex: 1}
.news-list > li p.exc {color: #999;word-break: break-all;height: 2.8em;line-height: 1.4em;-webkit-line-clamp: 2}
.news-list > li .time {font-size: 12px;color: #999}
.news-list > li h4 {margin-top: 0;height: auto;font-weight: 700;line-height: 1.4em;-webkit-line-clamp: 2}
@media (min-width:768px) {
.news-list > li {padding: 20px 0}
.news-list > li .thumbnail {width: 35%;margin-right: 20px}
.news-list > li h4 {font-size: 27px}
}
@media (min-width:992px) {
.news-list > li .thumbnail {width: 30%}
}
@media (min-width:1200px) {
.news-list > li .thumbnail {width: 25%;max-width: 300px}
}
/*!join list*/
.join-list > ul > li h3 {margin-top: 0;color: #039}
.join-list > ul > li {margin: 20px auto;border-bottom: 1px #eee solid}
.join-list > ul > li:first-child {margin-top: 0}
.join-list > ul > li:last-child {margin-bottom: 0;border: none}
.join-list > ul > li .join-info {padding: 10px 0;border: #f5f5f5}
.join-list > ul > li .join-info ol,.join-list > ul > li .join-info ul {margin: 1.5em auto;padding-inline-start: 20px}
.join-list > ul > li .join-time {color: #345eb4;text-align: right}
@media (min-width:768px) {
.join-list > ul > li {margin: 40px 0}
.join-list > ul > li .join-info > ol {padding-inline-start: 40px}
}
/*! menu*/
/*! breadcrumbs*/
.yourplace {line-height: 3em;background-color: #f2f2f2}
.breadcrumbs {font-size: 14px}
.breadcrumbs li {display: inline-block;color: #ccc}
.breadcrumbs li > em {font-style: normal;color: #d1d6dd;padding: 0 .5em}
.breadcrumbs li .glyphicon {font-size: 12px}
.breadcrumbs li.bccat em:last-child {display: none}
.breadcrumbs li a {color: #a8b5d4}
.breadcrumbs li a:hover {color: #345eb4}
/*!page*/
.page-wraper {padding: 20px 0}
.single-main {padding: 15px;background-color: #fff;padding: 15px;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px}
.sidebar {margin-bottom: 20px}
.sidebar h4 {padding: 10px;background-color: #090;color: #fff;padding: .2em 1em;margin-top: 0;line-height: inherit;border-radius: 3px}
.sidebar .menu {margin: auto -1%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;justify-content: flex-start;align-items: stretch;flex-wrap: wrap}
.sidebar .menu > li {position: relative;width: 48%;margin: 0 1% 5px}
.sidebar .menu li > a {display: block;padding: .5em 1em;font-size: 14px;color: #039;background-color: #fff;height: 100%}
.sidebar .menu .current-menu-item > a,.sidebar .menu .current-menu-parent > a {color: #fff;background-color: #039}
.sidebar .menu .current-menu-parent .sub-menu .current-menu-item > a {color: #fff;background-color: #335eb4}
.sidebar .menu .menu-item > a {border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px}
.sidebar .sub-menu {display: none}
@media (min-width:768px) {
.page-wraper {align-items: flex-start;flex-direction: row-reverse}
.main {flex: 1}
.single-main {padding: 40px}
.sidebar {width: 25%;margin-left: 40px;flex-shrink: 0}
.sidebar .menu {display: block;margin: auto}
.sidebar .menu > li {display: block;width: 100%;margin: auto auto 5px}
.sidebar .menu li > a {white-space: normal;font-size: 17px}
.sidebar .menu li > a:hover {color: #fff;background-color: #090!important;box-shadow: 0 0 10px rgba(0,0,0,.1)}
.sidebar .menu .menu-item.menu-item-has-children > a {border-bottom: 1px #f5f5f5 solid;border-radius: 3px 3px 0 0;-webkit-border-radius: 3px 3px 0 0;-moz-border-radius: 3px 3px 0 0;-ms-border-radius: 3px 3px 0 0;-o-border-radius: 3px 3px 0 0}
.sidebar .sub-menu {display: block}
.sidebar .sub-menu li > a {position: relative;font-size: inherit;padding-left: 2.5em;color: #335eb4}
.sidebar .sub-menu li > a:before {display: block;content: "-";position: absolute;top: .5em;left: 1em}
.sidebar .sub-menu li:last-child a {margin-bottom: 0}
.sidebar .sub-menu .menu-item > a {border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0}
.sidebar .sub-menu .menu-item:last-child > a {border-radius: 0 0 3px 3px;-webkit-border-radius: 0 0 3px 3px;-moz-border-radius: 0 0 3px 3px;-ms-border-radius: 0 0 3px 3px;-o-border-radius: 0 0 3px 3px}
.sidebar h4 {padding: .5em 1em}
.sidebar-about {width: 100%;margin-left: 0}
.sidebar-about .menu {margin: auto;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;justify-content: flex-start;align-items: stretch;flex-wrap: wrap}
.sidebar-about .menu > li {width: 23%;margin: 0 2% 0 0}
}
@media (min-width:1800px) {
.sidebar {width: 20%}
.sidebar-about {width: 100%}
}
/*!single-main*/
.entry img,.size-auto,.size-full,.size-large,.size-medium,.size-thumbnail {max-width: 100%;height: auto}
.single-main h1 {margin-top: 0;font-weight: 700}
.single-main .postinfo {font-size: 13px;margin-bottom: 20px;color: #ccc;padding-bottom: 20px;border-bottom: 1px #eee dotted}
.single-main .postinfo a {color: #ccc}
.single-main .postinfo span {margin: auto .5em}
.single-main .postinfo-ft {margin: 30px auto;border-top: 1px #eee dotted}
.single-main.pro-main .postinfo,.single-main.pro-main h1 {text-align: center}
.post-link {flex-wrap: wrap;padding: 10px;background: #f5f5f5;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px}
.cat,.tags {margin-top: 20px}
.cat a,.tags a {display: inline-block;white-space: nowrap}
.cat span {padding: 0 .5em;color: #ccc}
.tags a {padding: .2em 1em;margin: 0 .5em .5em 0;background-color: #efefef;border-radius: 2em;-webkit-border-radius: 2em;-moz-border-radius: 2em;-ms-border-radius: 2em;-o-border-radius: 2em}
.tags a.act {background-color: #090;color: #fff;font-weight: 700}
.tags-list a {background-color: #fff;margin: 0 .8em .8em 0;font-size: 14px}
.text {color: #5f5f5f;line-height: 1.8}
.text p {margin-bottom: 1.5em}
.text h1,.text h2,.text h3,.text h4,.text h5,.text h6 {margin-bottom: 1.5em}
.text .video {width: 100%;max-width: 800px!important}
.map {margin: 0 -15px -15px}
#dituContent {width: 100%;height: 200px;border: none}
@media (min-width:768px) {
.text {font-size: 17px}
#dituContent {height: 400px}
.map {margin: 0}
}
/*!list-main*/
.main .desc-info {padding: 15px 15px 5px;margin-bottom: 15px;background-color: rgba(255,255,255,.7);line-height: 1.6;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px}
.pagenumber {margin: 40px auto}
.pagenumber a {display: inline-block;margin: 0 10px 10px 0;min-width: 40px;height: 40px;line-height: 40px;text-align: center;background-color: #ddd;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px}
.pagenumber a.current {background-color: #345eb4;color: #fff}
.search-head {margin: 20px auto}
@media (min-width:768px) {
.main .desc-info {padding: 20px 20px 10px;margin-bottom: 20px}
.pagenumber a:hover {background-color: #090;color: #fff}
}
/*!404*/
.p404 {padding: 40px 0;text-align: center;line-height: 1.5}
.p404 a {color: #090;margin: auto .5em;white-space: nowrap}
.p404 img.p404-img {margin: auto;width: 40%;opacity: .1}
.p404 .tips {margin: auto}
.p404 .tips h4 {font-size: 18px;margin: 20px auto}
.p404 .tips-list {margin: 60px auto;font-size: 13px;padding: 15px;text-align: left;color: #777;background-color: #fff;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px}
@media (min-width:768px) {
.p404 img.p404-img {width: 150px}
.p404 .tips {width: 60%}
.p404 .tips h4 {font-size: 24px}
}
/*!index*/
.i-c {margin: 40px 0}
.i-c-t {margin-bottom: 20px;font-size: 24px}
.i-c-t span {font-size: 15px;color: #ddd}
.i-t {border-bottom: #345eb4 2px solid;margin-bottom: 20px}
.i-t h3 {font-size: 15px;margin: 0;line-height: 2em;padding: 0 1em;color: #fff;background-color: #345eb4;border-radius: 3px 3px 0 0;-webkit-border-radius: 3px 3px 0 0;-moz-border-radius: 3px 3px 0 0;-ms-border-radius: 3px 3px 0 0;-o-border-radius: 3px 3px 0 0}
.more-btn {display: block;margin: 40px auto;width: 9em;line-height: 2.6em;text-align: center;color: #fff;background-color: #385cb7;border-radius: 5em;-webkit-border-radius: 5em;-moz-border-radius: 5em;-ms-border-radius: 5em;-o-border-radius: 5em}
.i-about {position: relative;padding: 40px 0;color: #fff;background: url(assets/images/bg-iservce.jpg) no-repeat;background-position: center center;background-size: cover}
.i-about:before {display: block;content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0,51,153,.6);z-index: 0}
.i-about .container {position: relative;z-index: 1}
.i-about .i-text {height: auto;line-height: 1.4em;-webkit-line-clamp: 8}
.i-about .i-c-t span {color: rgba(255,255,255,.6)}
.i-about .more-btn {color: #fff;border: #fff 2px solid;background-color: transparent;opacity: .6}
.i-pro {padding: 20px 0}
.i-pro .pro-list li:last-child {display: none}
.i-partner {padding: 20px 0;background: #e2e4e7}
.i-partner .partner-list {justify-content: flex-start;flex-wrap: wrap}
.i-partner .partner-list li {max-width: 50%;padding: 10px}
.i-partner .partner-list li p {margin: 0}
.i-partner .partner-list li p a {display: block;padding: 10px;text-align: center;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px}
.i-partner .partner-list li p a:hover {background-color: rgba(255,255,255,.6)}
.i-partner .partner-list li p a img {margin: auto;max-width: 100%;height: auto}
.i-partner .i-c-t span {color: #ccc}
@media (min-width:768px) {
.i-c-t {text-align: center;margin-bottom: 20px}
.i-c-t span {display: block;margin-top: .5em;font-size: 17px}
.i-t h3 {font-size: 20px}
.i-text {width: 74%;margin: auto;font-size: 17px}
.more-btn:focus,.more-btn:hover {color: #fff;background-color: #090}
.i-about {padding: 40px 0}
.i-about .i-text {height: auto;line-height: 1.5em;-webkit-line-clamp: 6}
.i-about .more-btn:focus,.i-about .more-btn:hover {color: #039;background-color: #fff;opacity: 1}
.i-pro {padding: 20px 0}
.i-pro .i-c-t {margin-bottom: -20px}
.i-pro .pro-list li {width: 20%}
.i-pro .pro-list li:last-child {display: block}
.i-news {padding: 40px 0}
.i-news .news-list {flex-wrap: wrap;align-items: stretch}
.i-news .news-list > li {width: 45%}
.i-news .news-list > li h4 {font-size: 18px}
.i-news .news-list > li .thumbnail {position: relative;width: 40%;max-height: 140px;overflow: hidden}
.i-partner .i-c-t {margin: 0 40px 0 0}
.i-partner .fbox-pc {justify-content: flex-start}
.i-partner .partner-list {flex: 1}
.i-partner .partner-list li {max-width: 16.6%}
}
@media (min-width:1800px) {
.i-news .news-list > li .thumbnail {width: 30%}
}