@charset "utf-8";
@import url(dll.css);
@import url(module.css);
@import url(global.css);
@import url(/onlinecss/onlineeditor.css);
@import url(ddsmoothmenu.css);
@import url(animate.css);
@import url(banner.css);
/* 首页部分开始 */
.mfbox{width:960px; min-width:960px; margin:0 auto; overflow:hidden;}
body.menu_33 div#com_sort_products {
    display: none;
}.news div#com_sort_news {
    display: none;
}.i_pro_l >div {
    padding-top: 30px;
}body.jobs .sidebar {
    display: none;
}.n_j_list li>a> span {
    display: none;
}body.jobs{background:#fff;padding:0;}
.sortnavul li .select{color:#333;}
.p_container .sidebar{margin-top:10px !important;}
.entry-footer{
    position: relative;
    z-index: 99999;}
body.menu_33 .p_container {
   margin-top:0;
}ul.n_j_list * {
    color: #000 !important;
}p_container .sidebar{margin-top:10px !important;}
.n_n_list li h4 a{color:#000;}
.header{position:fixed; top:0; left: 0; width:100%; padding: 0 25px; height:70px; background:#FFF; border-bottom: 1px solid #e8e8e8; z-index: 9999;}
.logo{float:left; height: 100%;}
.logo img{max-height:100%;}
.share_button.share_icon_weibo {
      background: url(../Images/weibo.png) no-repeat !IMPORTANT;
    background-size: 75% !important;
    background-position: 49% 50% !important;
}div#output {
    display: none;
}div#com_logo img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}.entry-footer {
    text-align: right !important;
    border: 0 !IMPORTANT;
    position: relative;
    top: -20px;
    margin: 0 auto;
    width: 960px;
}.entry-footer span{
    position: relative;
    top: -12px;
}.productremark img {
    margin: 20px 0;
    border: solid 1px #d2d2d2
}
.productremark h3 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 500;
}


.menu_41 .p_p_list li img {
    width: 220px;
    height: 290px;}

#com_thenm_list {
    padding: 10px;
    text-indent: 2em;}

.menu_41 .p_p_list li {
margin-right: -21px;
    width: 260px;
   height: 350px;
  overflow: hidden;}

.share_button.share_icon_qqzone {
      background: url(../Images/qq.png) no-repeat !IMPORTANT;
    background-size: 75% !important;
    background-position: 49% 50% !important;
}.share_button.share_icon_wechat {
       background: url(../Images/weixin.png) no-repeat !IMPORTANT;
    background-size: 75% !important;
    background-position: 49% 50% !important;
}
.i_nav{float:left; margin-left: 30px;}

/*.i_nav li{float:left; text-align:center;}
.i_nav li>a{display:block; color:#777; padding: 0 15px; font-size:16px; line-height:70px;}
.i_nav li>a:hover{ color:#333; background:#e7e7e7;}
.i_nav li>a.on{ color:#333;}*/
.i_pro_l li h4 a{color:#000}
.add{height:50px;}
.add .i_nav a{line-height: 50px;}

.i_banner_box{position:relative; width:100%; height:auto; overflow:hidden; z-index: 9998;margin:70px 0 0 0;}
.i_banner{width:100%; height:auto; overflow:hidden;}
/*.i_banner li{width:100%; height:500px;}
.i_banner li a{display:block; width:100%; height:500px;}
.i_banner_p{position:absolute; width:100%; left:0; bottom:15px; text-align:center;}
.i_banner_p a{display:inline-block; margin:0 5px; width:8px; height:8px; border-radius:100%; overflow:hidden; background:#9b9d9b;}
.i_banner_p a:hover{ background:#FFF;}
.i_banner_p a.on{ background:#FFF;}*/

.i_container{width:960px; margin:0 auto; padding-bottom: 30px;}
.i_container *, .header{transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;color: black;}
.p_container *{transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}

.i_about{width:100%; padding: 30px 0; line-height: 32px; color: #5a5a5a; font-weight: 300; border-bottom: 1px solid #e8e8e8;}

.i_pro{width:100%; padding: 30px 0;}
.i_pro_l{width:960px; overflow: hidden;}
.i_pro_l ul{width:980px; overflow: hidden;}
.i_pro_l li{float:left; display: inline-block; width:470px; margin:20px 20px 0 0;}
.i_pro_l li i{display:block; width:470px; height: 270px; overflow: hidden;    border: solid 1px #e9e9e9;}
.i_pro_l li i a:hover img{ z-index:-1; -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}
.i_pro_l li strong{ display:block; line-height: 25px; margin-top:5px; color: #999999; font-weight: 300; font-size: 12px;display:none;}
.i_pro_l li h4{display:block; font-size: 16px;  line-height: 80px; color: #000;    text-align: center;}
.i_pro_l li span{display:none; font-size: 14px; margin-top: 5px; height: 100px; line-height: 20px; overflow: hidden; color: #666666;}
.i_pro_l li ins{display:none; font-size: 14px; line-height: 20px; text-decoration: none; color: #666666;}

.footer{width:100%; padding:30px 0; background:#333;}

.footer_nav{ text-align: center;}

.copyright{text-align: center; line-height:150px; color: #000; font-size: 14px;}
.copyright img{ display: inline-block;}

/* 首页部分结束 */

/* 内页部分开始 */
.p_banner_box{position:relative; width:100%;  margin-top: 70px; overflow:hidden; z-index: 9998;}
.p_banner{width:100%; overflow:hidden;}
/*.p_banner li{width:100%; height:500px;}
.p_banner li a{display:block; width:100%; height:500px;}
.p_banner_p{position:absolute; width:100%; left:0; bottom:15px; text-align:center;}
.p_banner_p a{display:inline-block; margin:0 5px; width:8px; height:8px; border-radius:100%; overflow:hidden; background:#9b9d9b;}
.p_banner_p a:hover{ background:#FFF;}
.p_banner_p a.on{ background:#FFF;}*/
.entry-footer div.entry-footer-share .open_social_box .share_button{    width: 40px !important;
    height: 40px !important;}
.p_container{width:980px; margin: 0 auto; padding: 30px  0;}
.p_tit {
    text-align: center;display:none;
}
/*.sidebar{height:50px; border-bottom: 1px solid #e8e8e8;}
.sidebar a{display: inline-block; height: 40px; float: left; color: #999; text-align: center; font-weight: 300; margin-right: 40px;}
.sidebar a span{display:block; line-height: 16px; font-size: 16px;}
.sidebar a ins{display:block; line-height: 20px; font-size: 12px; text-decoration: none;}
.sidebar a:hover, .sidebar a.on{color:#333;}*/

.p_content{padding: 0; line-height:35px; font-size: 16px; color: #5a5a5a;}

.p_p_list li img {
    overflow: hidden;
  border: solid 1px #e9e9e9; width: 470px;}

.dt  { float: right;width:58%;}
.dtwz  {float: left;width:42%;}


/* 内页部分结束 */
/*响应式*/
@media screen and (max-width:768px){
img.b-banner {
    height: auto;
}

.p_container{width:100%;}
.i_pro_l { width: 600px; overflow: hidden;}
.i_container {width: 600px;}
.i_pro_l ul{width:600px;}
.i_pro_l img {  width: 269px;height: auto;}
.i_pro_l li i{width:100%;height:auto;}
.i_pro_l li h4{ line-height:25px;}
.i_pro_l li {   float: left;  display: inline-block;  width: 45%; overflow: hidden;margin: 10px; height: 223px;}
.dtwz {  float: none;   width: 100%;   text-align: center;}
.dt { float: none;  width: 100%;    text-align: center; }
.p_content {   padding: 0; line-height: 35px; font-size: 16px;color: #5a5a5a; width: 600px; margin: 0 auto;}
.remark1 p img {
    width: 515px;}
.p_container .sidebar{    margin: 10px 90px;}
#com_thenm_list {
    padding: 0;
    text-indent: 0em;
}
.i_banner_box{margin-top:50px;}
}
@media screen and (max-width: 480px) { 
  .i_about{display:none;}
img.b-banner {
    height: auto;
}
.arrowsWrapper {
    display: none;
}
.menu_41 .p_p_list span{width:100%;font-size:12px;line-height:18px;}
.dt {  display:none;}
.dtwz{float:left;width:100%;}
.i_pro_l li h4{ line-height:19px;padding-top: 10px;}
.header{padding: 0}
.i_nav{display: none;    width: 100%;    margin: 0;    padding: 0;    float: none;    margin-top: 50px;    background: #fff;}
button#top_btn {    display: block;    position: absolute;    right: 0;    top: 0;    margin: 12px;    width: 30px;    height: 30px;    font-size: 22px;}
.i_banner_box{}
.ddsmoothmenu ul li {    float: none;    display: block;}
.i_container {    width: 100%;    padding: 0 10px;}
.i_pro_l {    width: 100%;    margin: 20px 0;}
.i_pro_l ul {    width: 100%;}
.i_pro_l li {    float: none;    width: 322px; height:237px;   margin:0 auto;display:block;margin-bottom:30px;}
.title01 a {    width: 86px;    padding: 0;    margin: 7px; height:auto;}
.p_container {    width: 100%;    margin: 0;    padding: 20px 10px;    box-sizing: border-box;}
.sortnavul li {    width: 25%;    margin: 0;    padding: 0;    float: left;    text-align: center;}
.sortnavul li a {    width: 100%;}
.p_p_list li {width: 259px;float: none;padding: 0;display: block;margin: 0 auto;height: 217px}
.content {    padding: 20px 0;overflow: hidden;}
.entry-footer {    width: 100%;}
.n_n_list {    width: 100%;}
.n_n_list ul {    width: 100%;}
.n_n_list li {    float: none;    width: 100%;    margin: 0;    padding: 0;}
.n_n_list li i img {    width: 100%;    height: auto;}
.n_n_list li i {    width: 100%;    height: auto;}
.n_n_list li h4 {    width: 100%;}
.n_j_list li strong {    width: 100%;}
.n_j_list li a {    width: 100%;}
.n_j_list li {    width: 100%;}
.n_j_list li ins {    margin-left: 0px;}
body.menu_33 iframe {    transform: translateX(-220px);}
.p_content{width:90%;}
.sidebar_l { width: 100%; margin: 0;}
div#com_sort_products {
    margin: 0;
    padding: 0 10px;
}
div#com_thenm_sort {
    margin: 0;
    padding: 0;
}
.menu_41 .p_p_list li {
  
    width: 40%;
    height: 225px;
    overflow: hidden;
    float: left;
    display:block;
    margin:0px 12px;
}
.menu_41 .p_p_list li img {
    width: 240px;
    height: 62%;
}
ul.p_p_list {
    margin: 14px auto;
width:259px;
}
.i_pro_l img{
    width: 100%;
    height: auto;
}
.p_p_list li img{
width: 259px;
    height: auto;}
.slider-nav{display:none;}
}
@media screen and (max-width: 375px) { 
.arrowsWrapper {
    display: none;
}
.slider-nav{display:none;}
.p_content{width:90%;margin:0 auto;}
.i_about{display:none;}
.sortnavul li{width:25%;}
.ddsmoothmenu ul li{height:42px;} 
.menu_41 .p_p_list li {

    width: 40%;
    margin:0 12px
padding-bottom:26px;}

#com_sort_products .sortnavli {width: 33%;}
ul.p_p_list{width:320px;}
img.b-banner {
    height: auto;
}
.menu_41 .p_p_list span{width:100%;}
.p_p_list li{width:259px;height:218px;display:block;margin:20px auto;}
.p_p_list{margin:0 auto;}
}
@media screen and (max-width: 360px) { 
#com_thenm_list { text-indent: 0em;}
.sidebar {border-bottom: none;}

@media screen and (max-width: 320px) { 
.p_container{padding:20px 0;}
body{overflow:hidden;}
.menu_41 .p_p_list li { margin-right: none;  margin:0 9px; width: 40%;float:left;  overflow: hidden;}
.menu_41 .p_p_list li img {width: 160px; height: 191px;}
.p_p_list span {font-size:12px;width:100%;}
}
}