body{width: 100%;font-size:12px; background:#DFDDDE; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif; margin:0;padding:0;}
div{margin: 0px; padding: 0px;}
span,p{margin: 0px; padding: 0px;}
h1,h2,h3,h4,h5,h6{margin: 0px; padding: 0px;}
img{margin: 0px; padding: 0px;}
dl,dt,dd,ol,ul,li{margin: 0px; padding: 0px; list-style: none;}
img{border-right-width: 0px;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;}
from,input,select{margin: 0px; padding: 0px;}
.clear{clear:both; font-size:0px; overflow:hidden; height:0px;}
.border_bg{width:auto; height:auto; margin:0 auto;}
.bodycontent a{ color:#484848 !important;}
.mianbxContent a {color:#484848 !important;}
a{color: #484848; text-decoration: none;}
a:hover{color: #5e261b;text-decoration: none;}

.cps img{border:1px solid #dfdfdf;  padding:3px;}
.cps img:hover{border:1px solid #0074c4;}
.cpss img{border:1px solid #dfdfdf;  padding:3px;}
.cpss img:hover{border:1px solid #0074c4;}
input,button,select,textarea{outline:none}
.font_1{font-size:16px; color:#333;}
#copy{ display:none;}
.totalwidthpercent {width:100%; margin:0 auto;} 
.fl{ float:left;}
.l{float: left;}
.fr{ float:right;}  
#classimgshow2{line-height:38px;}
.xwlb_img img{border:1px solid #dddddd;}
.pro_list_box_item_r{ font-size:14px; float:right !important; }
.pro_list_box_item_r strong{ font-size:15px;}

/*top2*/
#head_bg{ width:100%; height:70px;   margin:auto;background: #fff;}
.logo{width: 300px;}
.logo img{ height:70px;}
/*nav*/
#nav_bg{ width:1200px; height:70px; /*line-height:100px; */font-size:16px;color:#484848; margin:0 auto;min-width:1200px;/*background-image:url(/skin/images/top_bg01.jpg); background: #5f261b;*/}
#nav_c{/*width: 962px;*/height: 70px;/*line-height: 80px;*/float:right;}
#nav li{     margin-top: 20px;width:100px; float:left;font-size:15px; /*line-height:100px; */height: 70px;   line-height: 32px;
    vertical-align: middle;
     }
#nav ul li a{ text-decoration: none; font-size:14px;/*line-height:100px; */width:100px;  color:#000; margin-top:25px;}
#nav ul li:not(:last-child):after {content: "/";color: #a1a2a2;font-size:10px;margin-left:1.25rem;}
/*#nav ul li a:hover{color:#fff;  width:100px !important;background: #8d655d; font-weight: bold;}
#nav ul .a_nav{ text-decoration: none; font-size:14px; line-height:100px; width:100px;  color:#fff;  background: #D8CBBA; color:#fff;position: relative;}*/
#nav ul li ul{width: 250px; background: #000; display: none;position:absolute; z-index: 10000;}
#nav ul li ul li{width: 180px; border: 1px solid #ddd; border-left: none;border-top:none; border-right: none; text-align: center;} 
#nav ul li ul li:hover{ background: #5cc029; }
#nav ul li ul li a{ font-size: 14px; text-align: center; color:#484848;-webkit-transition: opacity .3s ease-in-out;    transition: opacity .3s ease-in-out;}
#nav ul li ul li:hover a{ color:#fff !important; text-align: center; font-weight:none !important;}

.tel{ float:left; margin-left:20px; line-height:35px; font-size:26px; padding-top:15px; font-weight:bold; color:#db8305; text-align:center}


/*banner*/
#flash_bg{width:100%; margin:0 auto; z-index: -1;}
.focus{width: 100%;height:848px; position: relative; overflow:hidden; min-width:1200px;}
.focus ul,.focus li{ list-style:none; padding:0; margin:0;}
.focus li{ display: none}
.focus .bg { position: absolute; width:100%; height: 30px; left: 0; bottom: 0;  opacity: 0.5; filter: alpha(opacity=50); z-index: 1; background:none;}
.focus .f_btns{position: absolute; width: 100%; height:30px; line-height:30px; left: 0; bottom: 30px; text-align: center; z-index: 2}
.focus .f_btns h2 { color:#fff; font-size: 16px; line-height: 30px; }
.focus .f_btns h2 a{ color:#fff;}
.focus .f_btns h2 a:hover{ text-decoration: none}
.focus .f_btns .btn{ text-align: center; height:14px; overflow: hidden; font-size:0;}
.focus .f_btns .btn span {display: inline-block; width:20px; height: 14px; overflow: hidden; margin: 0 5px; background:url(http://login.114my.cn/memberpic/dgjiashun/uploadfile/image/20161027/20161027155853_851757391.png) no-repeat; cursor: pointer}
.focus .f_btns .btn span.cur{ background:url(http://login.114my.cn/memberpic/dgjiashun/uploadfile/image/20161027/20161027155923_1421517347.png) no-repeat;}
.focus .prev {background: url(http://login.114my.cn/memberpic/dgjiashun/uploadfile/image/20161027/20161027155942_1536086818.png) no-repeat; position: absolute; top:220px;left:120px; width: 40px; height: 60px; z-index: 3; cursor: pointer}
.focus .next { background: url(http://login.114my.cn/memberpic/dgjiashun/uploadfile/image/20161027/20161027160001_1880221566.png) no-repeat; position: absolute; top:220px; width: 40px; height: 60px;right: 120px;z-index: 3;cursor: pointer}
.jqfocus ul li a img{height:500px; text-align:center;}

 
/*产品中心*/
.news_t{width:1200px; margin:0 auto; overflow:hidden; margin-top:30px;}
.news_tl{float:left; overflow:hidden; padding-left:60px; background:url(/skin/images/20170819184516_1300619958.png) no-repeat left center;}
.news_tl_m{font-size:24px; line-height:30px;}
.news_tl_en{font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#999; font-size:14px; line-height:20px;}
.news_bg_c{ width:1200px; height: auto; margin:0px auto; overflow:hidden;}
.news_bg_c .tab{ overflow:hidden;  z-index:99; position:relative; margin-top:4px;}
.news_bg_c .tab a{ background: #F3F3F3;/*border-radius:22px; */display:block; float:left; text-decoration:none; height:68px; line-height:68px; width:390px; text-align:center; font-size:15px;margin-right:10px;}
.news_bg_c .tab a img {width:390px;}
.news_bg_c .tab a:nth-child(1n){background:url(/skin/images/cp/yt_1.png) no-repeat left center;}
.news_bg_c .tab a:nth-child(2n){background:url(/skin/images/cp/yz_1.png) no-repeat left center;}
.news_bg_c .tab a:nth-child(3n){background:url(/skin/images/cp/ys_1.png) no-repeat left center;}
.news_bg_c .tab a.on:nth-child(1n){background:url(/skin/images/cp/yt_2.png) no-repeat left center;}
.news_bg_c .tab a.on:nth-child(2n){background:url(/skin/images/cp/yz_2.png) no-repeat left center;}
.news_bg_c .tab a.on:nth-child(3n){background:url(/skin/images/cp/ys_2.png) no-repeat left center;}
.news_bg_c .tab a:nth-child(3n){margin-right:0;}
.news_bg_c .tab a.on:nth-child(3n){margin-right:0;}
.news_bg_c .tab a:hover:nth-child(3n){margin-right:0;}
.news_bg_c .tab a:hover{ background:#5e261b; /*border-radius:22px; */ color:#fff; text-decoration:none;}
.news_bg_c .tab a.on{background:#B19873; /*border-radius:22px; */color:#fff; text-decoration:none; font-weight:bold;}
.news_bg_c .content{ overflow:hidden; width:1200px; height:460px; position:relative; float:left; margin-top:16px;}
.news_bg_c .content .ul{ position:absolute; left:0; top:0;}
.news_bg_c .content .li{ width:1200px; float:left; margin:0 auto;}
.news_dl{float:left; width:446px; height:409px; border:solid 1px #ccc; background:#fff; overflow:hidden;}
.news_dr{float:right; width:730px; height:409px; border:solid 1px #ccc; background:rgba(255, 255, 255, 0.50); overflow:hidden;}
.news_dt{width:1200px;}
.news_xt{width:1200px; margin-top:10px;}
/*产品中心*/
/*文字*/
.gy{margin: 0px auto;margin-top: 10px;height: 1000px;background: #fff;}
.gy_x{width:1200px;margin: 0px auto; top:40px;}
.gy_z{margin-top:20px;width:600px; float:left;margin-top:70px;text-align:center;}
.gy_z_w{font-size: 23px;color: #000;margin-top: 30px;}
.gy_z_b{font-size: 14px;color: #727171; margin-top:10px;    padding-bottom: 20px;position: relative;}
.gy_z_b:after {content: "";display: block;width: 66px;height: 1px;background: #000;position: absolute;left: 50%; bottom: 0; -webkit-transform: translate(-50%);transform: translate(-50%);}
.gy_y{margin-top:20px;width:600px; float:right;margin-top:70px;text-align:center;}
.gy_xtz img{width:550px; height:781px;}
.gy_xtr img{width:550px; height:781px;}
 /*文字*/

/**版权**/
.banquan{width: 100%;background: #232220;height: 372px;margin-top: 30px;}
.totalwidth {width: 1200px;margin: 0 auto;height: auto;}
.gsmc{padding-top:30px;padding-bottom:10px;border-bottom: 1px solid #737373;font-size:20px;color: #737373;}
.bq_z{width:744px; float:left;}
/*.a1{ font-size: 14px;color: #fff;line-height: 43px;width: 336px;float: left;margin-top: 60px;margin-left: 40px;}*/
.a2 ul li a{color: grey;}
.a2 ul li{font-size: 14px;line-height: 30px;}
.a2 ul li font{font-size: 16px; display: block;color: #fff;}
.a2 ul{width: 100px;float: left;margin-top: 35px;margin-left: 56px;}
.bq_y{width:360px;float:right;margin-top:40px; height:200px}
.b_x{ width:2px;border-left:2px solid #737373; height:180px;}
.bq_xx{ float:left; width:260px; height:88px;}
.bq_xx_qgxx{border-bottom: 2px solid #fff; margin-top:20px; width:80px;}
.bq_xx_qgzw{font-size:30px;color: #737373;}
.bq_xx_qgyw{font-size:16px;color: #737373;}
.bq_yy{float: left;width:100px;}
.lxdh{width:360px;font-size: 32px;color: #fff; padding-top:100px;}
.lxdz{width:360px;font-size:16px;padding-top:20px;color: #737373;}

/**版权**/

/*幻灯片*/

  .lubo{ width: 100%; min-width:1000px;clear: both; position: relative; height:438px;}
  .lubo_box{ position: relative; width: 100%; height:438px; }
  .lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:438px; opacity: 0;filter:alpha(opacity=0);}
  .lubo_box li a{ display: block;width: 100%;  height: 100%;}
  .lubo_box li img{ width: 100%; height: 438px;}
  /*圆点*/
  .cir_box{ overflow: hidden; position: absolute; z-index: 100;}
  .cir_box li{ float: left; width: 30px; height: 5px; margin:0 5px; cursor: pointer; background: #fff; opacity: 0.8;filter:alpha(opacity=80);}
  .cir_on{ background: #000 !important;}
  /*按钮*/
  .lubo_btn{ position: absolute; width: 100%; top: 170px;}
  .left_btn, .right_btn{ width: 30px; height: 80px; background: #000;opacity: 0.8;filter:alpha(opacity=80); cursor: pointer; color: #fff; line-height: 80px; font-size: 30px; text-align: center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
  .left_btn{ float: left;}
  .right_btn{ float: right;}


  .lubo2{ width: 100%; min-width:1000px;clear: both; position: relative; height:438px;}
  .lubo_box2{ position: relative; width: 100%; height:438px; }
  .lubo_box2 li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:438px; opacity: 0;filter:alpha(opacity=0);}
  .lubo_box2 li a{ display: block;width: 100%;  height: 100%;}
  .lubo_box2 li img{ width: 100%; height: 438px;}
  /*圆点*/
  .cir_box2{ overflow: hidden; position: absolute; z-index: 100;}
  .cir_box2 li{ float: left; width: 30px; height: 5px; margin:0 5px; cursor: pointer; background: #fff; opacity: 0.8;filter:alpha(opacity=80);}
  .cir_on2{ background: #000 !important;}
  /*按钮*/
  .lubo_btn2{ position: absolute; width: 100%; top: 170px;}
  .left_btn2, .right_btn2{ width: 30px; height: 80px; background: #000;opacity: 0.8;filter:alpha(opacity=80); cursor: pointer; color: #fff; line-height: 80px; font-size: 30px; text-align: center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
  .left_btn2{ float: left;}
  .right_btn2{ float: right;}

    .lubo3{ width: 100%; min-width:1000px;clear: both; position: relative; height:438px;}
  .lubo_box3{ position: relative; width: 100%; height:438px; }
  .lubo_box3 li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:438px; opacity: 0;filter:alpha(opacity=0);}
  .lubo_box3 li a{ display: block;width: 100%;  height: 100%;}
  .lubo_box3 li img{ width: 100%; height: 438px;}
  /*圆点*/
  .cir_box3{ overflow: hidden; position: absolute; z-index: 100;}
  .cir_box3 li{ float: left; width: 30px; height: 5px; margin:0 5px; cursor: pointer; background: #fff; opacity: 0.8;filter:alpha(opacity=80);}
  .cir_on3{ background: #000 !important;}
  /*按钮*/
  .lubo_btn3{ position: absolute; width: 100%; top: 170px;}
  .left_btn3, .right_btn3{ width: 30px; height: 80px; background: #000;opacity: 0.8;filter:alpha(opacity=80); cursor: pointer; color: #fff; line-height: 80px; font-size: 30px; text-align: center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
  .left_btn3{ float: left;}
  .right_btn3{ float: right;}

.header-nav-container {z-index: 999;
    position: absolute; 
    width: 100%;
    padding: 1.4vw 0;
    background: #fff;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top:70px;
    border-top: 1px solid #f5f5f5;
    max-height: 500px;
    -webkit-animation: toHeight .3s both;
    animation: toHeight .3s both;
}

.header-nav-list {
    width: 1200px;
    text-align: center;
    margin: 0 auto;
}
.header-nav-list .header-nav-block:first-child {
    -webkit-animation: fadeInUp2 .6s .3s both;
    animation: fadeInUp2 .6s .3s both;
}


.header-nav-block {
    width: 16.67vw;
    display: inline-block;
    margin: 0 1vw;
    text-align: center;
}

.header-nav-block .photo {
    display: block;
    width: 100%;
    margin-bottom: 1vw;
}

.header-nav-block a {
    font-size:14px;
    color: #000;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}


.header-nav-block .photo img {
    vertical-align: top;
}