/*

Theme Name: oo

Version: 1.0.0

Author:	jsjjl

Theme URI: https://jsjjl.diandian.com/

Author URI: https://jsjjl.diandian.com/

*/

/*init*/



.search{ width:26px; height:26px;margin-top: 24px; display:block; float:right; cursor:pointer;}

.search img{width:26px; height:26px; display:block; float:right;}



.m_nav{ display:none; width:26px; height:26px;margin-top: 24px; float:right; cursor:pointer; margin-left:10px;}

.search img{width:26px; height:26px; display:block; float:right;}



.wb_open{ display:none; position:fixed; width:100%; height:100%; background:url(img/wx_white.png) repeat; top:0px; left:0px; z-index:9999999999;}

.wb_ma{

	width:150px; height:200px;

	display:block;

	text-align:center;

	margin-left:auto; 

	margin-right:auto;

}

.wb_close{ width:20px; height:20px; display:block; float:right; margin-top: 20px;margin-right:10px;; cursor:pointer;}

.wb_close img{ width:20px; height:20px; display:block; }



.search-header {display:none; position:fixed; width:100%; height:100%; background:url(img/wx_white.png) repeat; top:0px; left:0px; z-index:9999999999;}



.search-top{ width:96%;  font-size:16px;margin:0px 2% 0px;}

.search-close{ width:20px; height:20px; display:block; float:right; margin:2%; cursor:pointer;}

.search-close img{ width:20px; height:20px; display:block; }

#searchform{

color: #333;

font-size: 4.6em;

display:block;

width:96%; margin:2.5% 2% 0px;}



#searchform input {

background:none;

border: 0px;

color: #CCC;

font-size: 36px;

width: 100%;

padding:0px;

margin:0px;

font-weight:500;

text-transform:none;

box-shadow:none;

}



.search-hr {margin:0.5% 2%;height: 1px;background: #33cccc;width:96%;}



.m_rnav{  position:fixed; top:0px; right:0px; width:0px; background:#333333; height:100%; }



.m_rnav_close{ width:20px; height:20px; display:none; float:right; margin:20px 20px 0px 20px; cursor:pointer; }

.m_rnav_close img{ width:20px; height:20px; display:block; }



.m_rnav_top{ width:130px; height:auto; display:block; margin:40px 15px 0px; float:left;position:relative;z-index:99999999;}

.m_rnav_top li{ width:130px; height:25px; margin-bottom:10px;  }

.m_rnav_top li a{color:#fff; font-size:14px; border-bottom:1px solid #fff;}

.m_rnav_bottom{ width:130px; height:175px; display:block; float:left; margin:0px 15px 5%; color:#fff; font-size:12px;border-bottom:1px solid #fff; position:absolute; bottom:10px;}

.m_rnav_bottom a{color:#fff; font-size:12px;}

.m_rnav_wx{ width:130px; height:130px; display:block; float:left; margin-bottom:8px;visibility: hidden;}



.j_fy{font-size: 15px;

width: 40%;

float: right;}



.j_fy a{ margin:0px 5px; margin: 0px 5px;

border-bottom: 1px #33cccc solid;

padding-bottom: 2px;}



.j_fy a:hover{ 

border-bottom: 1px #fff solid;}



.m_rnav_close{display:none;}





.newthirds {

margin: 0 0 20px 0px;

}



.tpblog-content p img{

padding-bottom: 20px;}



.filter-list li.active {

border-bottom: 0px solid #FFF;

}



.s-holder a {

background-image:none}



.s-holder1 {

height: 24px;

float: left;

display: block;

}



.s-holder1 a img {

width: 28px;

height: 28px;

max-width: 28px;

}



.s-holder1 a {

display: block;

float: left;

width: 24px;

height: 24px;

margin-right: 12px;

}









@media (max-width: 1024px){

.m_nav{ display:block;}

.m_rnav_close{display:none;}

.grid_6.site-nav{float: right;}





}





@media (max-width: 880px){

.filter-list li {

width: auto;

margin-bottom: 4px;

}

.j_fy{font-size: 14px;

width:100%;

float: right;margin-top: 20px;}

}





@media (max-width: 420px){



.ftr-address {

width: 100%;

margin: 0 0 15px 0;

}



#footer .inner {

max-width: 1340px;

margin: 0 auto 35px;

margin-bottom: 20px;

width: 98%;

}



.header-wrapper{height:60px;}



.header {

margin: 0 auto;

width: 100%;}



.header .grid_6.no-split {

padding-left: 0px;

}



.header #logo-scroll {



margin: 10px 0 0 0px;



}



.header #logo-scroll svg{

width: auto;

height: 40px !important;

}



.search {

margin-top: 15px;}



.m_nav {

width: 26px;

height: 26px;

margin-top: 15px;

float: right;

cursor: pointer;

margin-left: 10px;

margin-right: 10px;

}



.header .grid_6.no-split.brand{margin-left: 0px;}



}







a.project__link {

border: 10px solid #f5f5f5;

}





.blog-entry p{ line-height: 160% !important;display: block;

  float: left;}



.header-wrapper {
    background: url(https://www.dooodesign.com/wp-content/uploads/2016/03/white-fade.png) repeat;
}

.wp-video{ width:100% !important; height:auto}

.wp-video-shortcode{ width:100% !important; height:auto}