﻿@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);
/* 首页部分开始 */
body.downs .sortnavul li a{float:left;}
body.downs .sortnavul li ul{display:block}
.sidebar_l .sidebar_l {
    float: left;
}li.sortnavli span {
    float: left;
    display: block;
    line-height: 2.5;
}.copyright a {
    color: #fff;
}.ditu {
    width: 530px;
    margin: 0 auto;
}
body#single .sortnavli {
    display: none;
}
.footer_nav>div {
    display: none;
}
body.menu_39  .sortnavul li a{float:left;}
body.menu_39  .sortnavul li ul{display:block}
.sidebar_l .sidebar_l {
    float: left;
}li.sortnavli span {
    float: left;
    display: block;
    line-height: 2.5;
}





.mingcheng {
    font-size: 26px;
    color: #9bc817;
}.p_right .p_p_list li:hover .search img {
    display: block;
}.search img {
    display: none;
}#products .sortnavul li .on {
    padding-left: 15px;
    border-left: 3px solid #9bc817;
    color: #9bc817;
    background: #fff;
}.sortnavul li .on {
    background: #9bc817;
    color: #fff;
}tbody.shenqing {
    font-size: 16px;
    line-height: 35px;
}.slider-arrow{display:none !important;}
.ditu iframe {
   width: 1200px;
   height: 430px; 
   margin-bottom: 0px; 
}.p_p_list a {
    display: block;
  position:relative;
    height: 100%;
}.lan span:first-child {
    display: none;
}.side1 li:nth-child(4) img {
    padding: 20px;
}.fcontact a:hover {
    color: #fff;
}.fcontact a {
    color: #fff;
}body#menu_47 .productinfoslist {
    display: none;
}body#menu_47 .productimglist {
    width: 54%;
    margin-right: 70px;
    float: right;
}body#menu_47 .productremark {
    width: 315px;
    line-height: 50px;
    font-size: 20px;
}body#menu_47 .producttitle {
    text-align: center;
    text-indent: 395px;
    font-size: 24px;
}body.jobs div#xweb-ajax-div {
    display: none !important;
}
.lan a:first-child {
    /* border-right: 1px solid #000; */
    /* padding-right: 7px; */
}.side2 li:nth-child(3) img {
    padding: 17px;
}.side1 li:nth-child(3) img {
    padding: 20px;
}.p_p_list li .detail {
    display: block;
    position: absolute;
    top: 0;
    background: none;
    width: 100%;
    height: auto;
    line-height: 2;
    font-size: 1.2em;
    z-index: 96999;
}tbody.shenqing .chakan {
    position: absolute;
    width: 100%;
    left: 0;
    text-align: right;
    cursor: pointer;
    padding-right: 109px;
}
.mfbox{width:1200px; min-width:1200px; margin:0 auto;}
.p_left {
    float: left;
    width: 280px;
}.p_right {
    float: right;
    width: 900px;
    overflow: hidden;
}.p_p_cont {
    display: none;
}.p_right .p_p_cont:first-child {
    display: block;
}.p_right .p_p_list li img {
    /* height: 150px; */
}.p_right .p_p_list li {
    float: left;
    width: 200px;
    height: 180px;
    margin-top: 9px;
    background: url("/upload/ueditor/image/20180702/15305159088121717.png") no-repeat center top;
    position: relative;
    margin: 18px 14px;
    }
}.proimg {
    float: left;
}.protitle {
       float: left;
       line-height: 150px;
       /* margin-top: -150px; */
       width: 200px;
       /* height: 100%; */
       line-height: 30px;
       text-align: center;
       font-size: 22px;
       color: #4d4d4d;
       /* margin-right: 150px; */
}ul.side.side2 a:hover {
    color: #fff;
}
}tr.head td:first-child {
    width: 630px;
}tr.head td {
    width: 290px;
}tbody.shenqing tr.head {
    background: #9bc817;
}tbody.shenqing tr {
    color: #fff;
}tbody.shenqing tr {
    background: #8d8d8d;
    color: #fff;
}tbody.shenqing td {
    text-align: center;
    border-bottom: 1px solid #fff;    z-index: 10;
}
.header{height:120px; padding: 25px 0; border-bottom: 1px solid #bababa;}
.logo{float:left;}

.i_nav{float:left; margin-left:20px; margin-top: 10px; line-height: 60px;
    z-index: 999;}
/*.i_nav li{float:left; position: relative; text-align:center; padding: 0 20px;}

.i_nav li>a{display:block; color:#000; font-size:16px; line-height:60px;}
.i_nav li>a:hover{ color:#9bc816; border-bottom: 2px solid #9bc816;}
.i_nav li>a.on{ color:#9bc816; border-bottom: 2px solid #9bc816;}
.i_nav li>a:hover:after, .i_nav li>a.on:after{content:" "; display: block; width: 16px; height: 16px; position: absolute; bottom: 2px; left: calc(50% - 8px); border-width: 8px; border-style: solid; border-color:transparent transparent #9bc816; box-sizing: border-box;}*/

.lan{float:right; margin-top: 10px; font-size: 16px;}
.lan a{line-height: 60px; padding: 0 2px;font-weight: bold;}

.add{}
#products .sidebar {
    display: none;
}
.i_banner_box{position:relative; width:100%;  overflow:hidden; border-bottom: 1px solid #bababa;    text-align: center;    background: #fcfcfc;}
.i_banner{width:100%;  overflow:hidden;}
/*.i_banner li{width:100%; height: 610px;}
.i_banner li a{ display: block; height: 610px;}
.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:10px; height:10px; border-radius: 100%; overflow:hidden; background:#d8d8d8;}
.i_banner_p a:hover{background:#9bc816;}
.i_banner_p a.on{background:#9bc816;}*/

.i_container{width:1200px; margin:0 auto; padding: 50px 0;}
.i_container *, .header{transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}
.p_container *{transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}

.i_pro{}
.i_pro_l{width:100%; position:relative;}
.i_pro_ll{width:100%; margin-top:40px; overflow: hidden;}
.i_pro_ll ul{width:20000px;}
.i_pro_ll li{float:left; position:relative; margin-right: 20px; display: inline-block; width:284px; height:374px; overflow: hidden;}
.i_pro_ll li a{display:block; width:284px; height:374px;}
.i_pro_ll li a span{ position: absolute; display:none; width: 100%; height: 100%; font-size: 16px; color:#9bc816; text-align: center; padding:60% 0;  background:rgba(0,0,0,0.5); z-index:1;}
.i_pro_ll li a:hover span{display: block;}
.i_pro_ll li a:hover img{ z-index:-1; -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}

.i_about{margin-top:60px; width:100%; height: 500px; position:relative;}
.i_about_c{    position: absolute;width:100%; height:100%; padding:180px 50px 0;}
.i_about_cc{margin-top: 10px; color: #fff; max-width: 610px; line-height:30px; font-size:16px;}
.i_about_c:hover{background:rgba(0,0,0,0.7);}
.i_about_c:hover .title02{color:#9bc816;}
.i_about_i{top: 0; left: 0; width:100%; height:100%; z-index: -1;}

.i_box{margin-top: 80px; width:100%; height: 315px; position:relative;}

.i_news{float:left; width:822px;}
.i_news li{float:left; display: inline-block; width:378px; height: 315px; margin-right: 33px; overflow: hidden;}
.i_news li a{position: relative; display: block; width:378px; height: 315px;}
.i_news_l{width:100%; height:100%; padding:100px 10px 0;}
.i_news_l h4{color:#FFF; display:block; font-size: 18px; line-height: 30px;}
.i_news_l span{color:#FFF; display:block; margin-top: 10px; font-size: 14px; line-height:20px;}
.i_news li a:hover .i_news_l{background:rgba(0,0,0,0.7);}
.i_news li a:hover .i_news_l h4{color:#9bc816;}
.i_news_i{position: absolute; top: 0; left: 0; width:100%; height:100%; z-index: -1;}

.i_video{float:right; width:378px; overflow: hidden;}

.i_jishu{margin-top:60px;width:100%;height:285px;position:relative;overflow: hidden;display: none;}
.i_jishu_c{width:100%; margin-top: 30px;}
.i_jishu_c li{float:left; width:25%; text-align: center; color: #FFF; }
.i_jishu_c li strong{ display:block; font-size: 36px; font-weight:normal;}
.i_jishu_c li span{ display: block; font-size: 14px; color:#d9d9da;}
.i_jishu_i{ position: absolute; top: 0; left: 0; width:100%; height:100%; z-index: -1;}


.footer{width:100%; color:#7d7d7d; padding:40px 0 0; background:#b3b3b3;}

.footer_nav{float:left; width:800px;}
.footer_nav dl{float:left; padding: 0 30px; text-align: left;}
.footer_nav dl dt{ line-height: 30px; font-size:16px;}
.footer_nav dl dd{ line-height: 25px; font-size:14px;}
.footer_nav a{color:#FFF;}
.footer_nav a:hover {color:#9bc816;}

.fcontact{float:right; width:400px; color:#FFF; line-height: 24px;}
.copyright{width:100%; color:#FFF; margin-top: 40px; padding-top: 10px; text-align: center; line-height:30px; background: #999;}
.jsq{width:100%; color:#FFF; padding-bottom: 10px; text-align: center; line-height:30px; background: #999;}

/* 首页部分结束 */

/* 内页部分开始 */
.p_container{width:1200px; padding: 50px 0; margin: 0 auto;}

.p_box{width:100%; height: 36px;}

.sidebar{}
/*.sidebar a{float:left; margin-right: 10px; display:inline-block; padding: 0 20px; font-size: 16px; color: #000;}
.sidebar a:hover{ color: #FFF; background: #9bc817;}
.sidebar a.on{ color: #FFF; background: #9bc817;}*/

.path{float:right; line-height: 36px;}
.path span{padding:0 5px;}

.p_content{width:100%;  line-height:25px; font-size: 14px;
    overflow: hidden;
  }

.p_n_info {
    display: none;
}
.content {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 30px;
}
div {
    display: block;
}
.l {
    float: left;
}
.r {
    float: right;
}
.down a {
    text-decoration: underline;
    color: #00f;
}
.content .l {
    margin-bottom: 35px;
}
strong, b {
    font-weight: bold;
}
.content .r {
    width: 515px;
    margin-bottom: 30px;
}
#products .sortnavli {float: left;margin-bottom: 40px;clear: both;}
.sortnavli {float: left; border-left: 3px solid #fff;margin-bottom: 40px;}
.sortnavli:hover{}
#products .sidebar {
    display: none;
}
.d_xx a {
    display: inline;
    position: relative;
    color: #9bc817;
}
.i_pro_l img {
    margin-top: 112px;
}

.d_xx {

    display: inline;

}

.n_n_list li span *{

    display: inline;

}
td.detail {
    background: #fff;
    color: #333;
}
.side {

    width: 70px;
    position: fixed;
    top: 90px;
    right: 0px;
    opacity: 0.6;
    z-index: 1;

}
.side li {

    width: 100%;
    height: 70px;
    background: #eee;
    overflow: hidden;
    position: relative;

}
.side li img {

    width: 70px;
    height: 70px;
    opacity: 10;

}
.side2 {

    opacity: 1;

}
.side2 li {

    width: 320px;
    background: #9bc816;
    opacity: 0;
    filter: alpha(0);
    position: relative;
    left: 0;
    line-height: 70px;
    font-size: 1.4rem;
    color: #fff;
    cursor: pointer;

}
.side2 li * {

    float: left;
    height: 70px;
    line-height: 70px;

}
.btn:hover {
  color: #fff;}

.btn {
    width: 110px;
    margin: 0 auto;
        margin-top: 0px;
        margin-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
    background: #9bc817;
    color: #fff;
    font-size: 1rem;
    margin-top: 35px;
    margin-bottom: 40px;
    padding: 7px 10px;
}
  table {
    width: 1200px;
    position: relative;
}
.search {

    position: absolute;
    right: 0;
  bottom: 0;}
#menu_47 .p_content { width: 100%; margin-top: 0px;  line-height: 25px; font-size: 14px;}



.navbar-toggle {
    display:none;
}
.navbar-toggle {
   background: rgba(0, 0, 0, 0) url("../Images/icon_nav.png") no-repeat scroll center center / 70% auto !important;

    float: right;
    border-radius: 5px;    
    height: 30px !important;
    width: 30px !important;
    margin: 15px 5px 0 0;
}
.i_nav{z-index: 9999;}

#slides *{transition:all 0s; -webkit-transition:all 0s; -moz-transition:all 0s;}



/* 内页部分结束 */
@media screen and (max-width: 1024px) {
.i_container{width:100%;}
.i_pro_ll{width:88% !important;margin-left: 66px;}
.i_news{width: 67%;}
.i_news li{width: 50%}
.mfbox{min-width: 100%;    width: 100%;}
.i_video{width: 33%}
.i_video{width: 100%;}
.rol, .ror{z-index: 9999;}
.rol{left: 40px;}
.ror{right: 40px;}
.footer_nav{width: 50%;}
 .header{width: 100%;}

}

@media screen and (max-width: 768px) { 
    .header{position: relative;}
    .lan{position: absolute;top: 10px;right: 10px;margin: 0;padding: 0;}
    .lan a{line-height: 1;}
 .i_nav{display: none;}
 .navbar-toggle{display: block !important;}
 .i_nav{position: absolute;    margin: 0;    float: none; background: #fff;top: 120px;}
  .i_nav li{width: 100%;float: none;}
}

@media screen and (max-width: 480px) { 
    .p_container *{}
  .footer_nav>div {
    display: block;
  }.i_nav{width:100%;}
  .i_pro_l img {
    margin-top: 20px;
  }.rol, .ror{top:50px;}
  .i_about_cc{display:none;}
  .i_nav ul li ul {
    position: static;
    display: block !important;
    width: 100% !important;
    margin: 0;
  }tbody.shenqing .chakan{
    padding-right: 10px;}
  .i_nav ul li ul li {
    margin: 0 !important;
    padding: 0;
}.i_nav ul li ul li a {
    text-align: left;
    text-indent: 30px;
    margin: 0 !important;
    background: #eee;
    width: 100% !important;
    color: #000;
  }.ddsmoothmenu a{
    text-align: left;
  }
  .ditu iframe {
    transform: translateX(-75px);
}
    body#products iframe.the_piframe {
    height: 300px !important;
    display: block;
}.lan {

    font-size: 12px;
  }.sortnavli{margin:0;}
  body.downs .sortnavul li a{float:none;}
  .sortnavul li a{margin:0;padding:0}
  .the_piframe {   
    height: auto !important;
}
  body#menu_47 .producttitle{    text-indent: 0;}
    .header{width: 100%;}
    .logo {    float: left;    width: calc(100% - 80px);}
    .i_news li{width: 100%; float: none;    margin: 0 auto;    display: block;}
    .i_news li a{width: 100%;max-width: 378px;   }
    .i_video{width: 100%;max-width: 378px; margin: 0 auto;    float: none;}
    .i_video img{width: 100%;}
    .title03{margin-top: 10px;}
    .i_banner{height: auto;}
    .i_banner_box{height: auto;margin:0;}
    .side{display: none;}
    .i_pro_ll{width: calc(100% - 150px) !important;margin: 0 auto}
    .i_about_c{padding: 50px;}
    .i_about{height: auto;    max-width: 378px;    overflow: hidden;    margin: 0 auto;}
  .i_news{width: 100%;max-width: 378px;    margin: 0 auto;    float: none;}
    .i_news_l{max-width: 378px;}
    .i_jishu_c li{    float: left;    width: 25%;    height: 240px;    display: inline-block;    text-align: center;    color: #FFF;}
    .i_box{height: 100%;margin: 0;}
    .i_about_i img {      max-width: none;    height: 280px;    display: block;    transform: translateX(-180px);    margin: 0 auto;}
    .i_jishu_i img {    height: 100%;    width: auto; max-width: initial;}
    .i_pro_ll li{width: 330px;    height: 180px;}
    .i_jishu{height: auto;margin: 0;}
    .footer_nav{width: 100%;}
    .footer_nav dl{padding: 10px;display:none;}
    .fcontact{ width: 100%  ; float: none;    padding: 10px;    display: none;}
    .i_pro_ll li a{width: 330px;height:180px;}
    .p_container{width: 100%;    padding: 10px;}
    .p_left{width: 100%;float: none;}
    .p_right{width: 100%;float: none;}
    .p_p_list{width: 100%;}
    .p_p_list ul{width: 100%;}
    .p_right .p_p_list li{width: 100%;height: auto;background-size: auto 100%;}
    .protitle{    width: 100%; float: none;    margin: 0;    text-align: center;    line-height: 30px;}
    #products .sortnavli{float: none;}
    .remark1{padding: 10px;}
    .proimg {    text-align: center;}
#menu_47 .p_p_list{width: 100%}
#menu_47 .p_p_list li img{display: block;max-width: 100%;}
.n_d_list li{width: 100%;}
.d_title {    width: calc(100% - 115px);}
.d_link {    width: calc(100% - 115px);}
.n_n_list{width: 100%;}
.ditu iframe{width: 100% !important;}
.content .r{width: 100% ;}
.p_p_list li span{width: 100%;}
#menu_47 .p_p_list ul li{width: 100%;}
tbody.shenqing>tr>td:nth-child(2) {
    display: none;
}
tbody.shenqing>tr>td:nth-child(3) {
    display: none;
}
table{width: 100%;}
tbody.shenqing td{padding: 10px;}
.n_n_list li h3{width:100%;}

#preview{width: 100%;}
.jqzoom{width: 100%;}
.productinfoslist{padding: 0}
.productinfoslist ul{width: 100%;}
.productbigimg{position: static;    display: block;    height: 300px !important;}
body#single iframe {    width: 100% !important;height: 1370px}
}

@media screen and (max-width: 414px) {
.i_pro_ll li{width: 264px;}
.i_pro_ll li a{width: 264px;}

 }

@media screen and (max-width: 375px) {
.i_pro_ll li{width: 225px;}
.i_pro_ll li a{width: 225px;}


 }

@media screen and (max-width: 360px) { 
.i_pro_ll li{width: 210px;}
.i_pro_ll li a{width: 210px;}

}