@charset "utf-8";
html {font-size:62.5%;}
body {margin: 0 auto; font-family:"微软雅黑"; font-size: 1.2rem; font-size:12px; color:#504f4f;background:#fff; }
img {border: none;}
ul li {list-style-type: none;}
ul, form, p, a, img, table, tr, td, li,dd,dt,dl {    margin: 0;    padding: 0; list-style:none}
a {text-decoration: none;color:#4d4d4d; }
h1 {margin: 0;    padding: 0;    font-weight: normal;}
.clear {clear: both;}
.fl{ float:left}
.fr{ float:right}
.co41{ color:#41b3fa !important}
a:hover{ color:#e80000;}
input,textarea{ background:#fff; font-family:"微软雅黑"; font-size:12px;}


.zong {
      width:1203px;
      margin:auto;
      overflow: hidden;
      padding-bottom: 1rem;
}
.logo {
      width:195px;
      float:left
}
.logo a img {
      width:122px;
      height:98px;
}
.main1 {
      background:#f4f4f4;
      padding-top:46rem;
      padding-bottom:53px;
      width:100%;
}
.main1n {
      border:1px solid #f3efef;
      padding:6px 7px 0 7px;
      height:335px;
      background:#fff;
      float:left;
      margin-left:34px;
}
.main1n a img {
      width:258px;
      height:157px;
      margin-bottom:19px;
}
.main1n a {
      font-size:18px;
      color:#333232;
      display:block;
}
.main1n p a {
      width:258px;
      color:#504f4f;
      line-height:20px;
      font-size:12px;
      margin-top:11px;
}
.main1n a:hover {
      color:#e80000
}
.main1n1 {
      margin-left:0px !important
}


.main2-rbiao {
      font-size:18px;
      color:#333232
}
.main2-rp1 a {
      display:block;
      color:#504f4f;
      font-size:12px;
      line-height:20px;
      margin-top:23px;
}
.main2-rbiao2 {
      display:block;
      margin-top:23px;
      font-size:12px;
      color:#504f4f
}
.main2biao {
      display:block;
      text-align:center;
      margin-top:52px;
}
.main2-rp2 a {
      display:block;
      color:#504f4f;
      font-size:12px;
      line-height:20px;
      margin-top:3px;
}
.main2mor {
      display:block;
      width:152px;
      height:40px;
      background:#e80000;
      border-radius:20px;
      font-size:14px;
      color:#fff;
      line-height:38px;
      text-align:center;
      margin-top:22px;
      -webkit-transition:.5s;
      -moz-transition:.5s;
      -o-transition:.5s;
      -ms-transition:.5s;
      transition:.5s;
      float: right;
}
.main2mor:hover {
      border-radius:5px;
      color:#fff !important
}
#List1_1 a:hover {
      color:#e80000
}
.margino {
      margin-left:0px;
}
/*  main3  */

.main3 {
      background:url(../images/main3bei.jpg) center;
      padding-top:58px;
      margin-top:35px;
      padding-bottom:64px;
      background-size: 100% 100%;
}
.main3biao {
      display:block;
      text-align:center;
      margin:auto;
      width:227px;
      height:50px;
      background:url(../images/main3biao.png) no-repeat center
}
.main3n {
      width:564px;
      height:178px;
      background:url(../images/baiban.png);
      margin-top:36px;
      float:left;
      margin-left:67px;
}
.main3n img {
      float:left;
      width:239px;
      height:178px;
}
.main3-r {
      width:280px;
      float:left;
      margin-left:24px;
}
.main3-rbiao {
      display:block;
      font-size:18px;
      color:#333232;
      font-family:Arial,Helvetica,sans-serif;
      margin-top:13px;
}
.main3n p a {
      display:block;
      color:#504f4f;
      font-size:12px;
      line-height:20px;
      margin-top:15px;
      margin-bottom:12px;
}
.main3-rmor {
      color:#e80000;
      border-bottom:1px solid #e80000;
}
.main3-r a:hover {
      color:#e80000
}
/*  main4  */

.main4 {
      background:#f4f4f4;
      padding-top:50px;
      /*margin-top:20px;
      */
}
.main4biao {
      display:block;
      width:264px;
      height:29px;
      border:1px solid #f3efef;
      border-bottom:none;
      border-radius:5px 5px 0 0;
      background:#fff url(../images/main4biao.jpg) no-repeat center 18px;
      float:left;
      text-align:center;
      padding-top:18px;
      margin-left:1px;
      cursor:pointer;
}
.main42,.main42:hover {
      display:block;
      font-size:14px;
      color:#333232;
      float:left;
      line-height:47px;
      border-bottom:1px solid #f3efef;
      padding-left:26px;
}
.main43 {
      display:block;
      float:left;
      background:url(../images/hongdianhua.png) no-repeat 20px center;
      padding-left:50px;
      font-size:14px;
      color:#e80000;
      border-bottom:1px solid #f3efef;
      line-height:47px;
}
.yxt_left{
      margin-left:855px;
}
.main4 form {
      width:1200px;
      background:#fff;
      padding-top:9px;
      padding-bottom:32px;
      border:1px solid #f3efef;
      border-top:none;
}
.forl {
      width:680px;
      float:left
}
.main4 .int1 {
      width:275px;
      height:44px;
      padding-left:25px;
      line-height:44px;
      border:1px solid #f3efef;
      border-radius:23px;
      background:#f8f8f8;
      margin-left:37px;
      float:left;
      margin-top:24px;
      color:#504f4f;
}
.main4 .int2 {
      width:115px;
      height:44px;
      padding-left:25px;
      line-height:44px;
      border:1px solid #f3efef;
      border-radius:23px;
      background:#f8f8f8;
      margin-left:37px;
      float:left;
      margin-top:24px;
      color:#504f4f;
}
.main4 form img {
      float:right;
      width:140px;
      height:46px;
      margin-top:24px;
      /* border-radius:23px;
      */
}
.main4 form textarea {
      width:416px;
      height:182px;
      padding-top:10px;
      padding-left:25px;
      line-height:24px;
      border:1px solid #f3efef;
      border-radius:10px;
      background:#f8f8f8;
      float:right;
      margin-top:24px;
      margin-right:34px;
      color:#504f4f;
}
.main4 .int3 {
      width:152px;
      height:40px;
      border:none;
      background:#e80000;
      border-radius:20px;
      color:#fff;
      font-size:14px;
      float:right;
      cursor:pointer;
      margin-top:18px;
      margin-right:34px;
      -webkit-transition:.5s;
      -moz-transition:.5s;
      -o-transition:.5s;
      -ms-transition:.5s;
      transition:.5s;
}
.main4 .int3:hover {
      border-radius:5px;
}
/*  main5  */

.main5 {
      background:#f4f4f4;
      height:259px;
      padding-top:8px
}
#order_nav1 {
      position:relative;
      margin:auto;
}
#order_nav1 .list {
      width:1200px;
      margin:0 auto;
}
#order_nav1 .list ul {
      width:218px;
      float:left;
      margin-left:97px;
      text-align:center;
}
#order_nav1 .list li {
      width:96px;
      height:96px;
      border-radius:50%;
      margin:0 16px 62px 0px;
      position:relative;
      /*cursor:pointer;
      */-webkit-transition:.4s all;
      -moz-transition:.4s all;
      -ms-transition:.4s all;
      transition:.4s all;
}
#order_nav1 .list li .tu {
      display:block;
      width:100%;
      height:100%;
}
#order_nav1 .list li .cycle_mark {
      position:absolute;
      left:0;
      top:0;
      z-index:2;
}
#order_nav1 .list li .ico {
      width:96px;
      height:96px;
      position:absolute;
      left:45px;
      top:20px;
      background:#e80000 url(../images/quan1.png);
      border-radius:50%;
      z-index:1;
      -webkit-transition:.4s all;
      -moz-transition:.4s all;
      -ms-transition:.4s all;
      transition:.4s all;
}
#order_nav1 .list li ._1 {
      background-position:-75px 0px;
}
#order_nav1 .list li ._2 {
      background-position:-377px 0px;
}
#order_nav1 .list li ._3 {
      background-position:-687px 2px;
}
#order_nav1 .list li ._4 {
      background-position:-987px 0px;
}
#order_nav1 .list p {
      font-size:12px;
      font-size:1rem;
      text-align:center;
      line-height:22px;
}
#order_nav1 .list p a {
      color:#504f4f;
      display:block;
}
#order_nav1 .list p a:hover {
      color:#e80000
}
.biao1 {
      width:200px;
      position:absolute;
      left:0;
      top:128px;
      text-align:center;
}
.biao1,.biao1:hover {
      font-size:18px;
      font-size:1.3rem;
      color:#333232;
      display:block;
}
#order_nav1 .list li.on .ico {
      background-color:#e80000;
      -webkit-transform:rotate(360deg);
      -moz-transform:rotate(360deg);
      -ms-transform:rotate(360deg);
      transform:rotate(360deg);
}
.quanul1 {
      margin-left:35px !important;
}
.main5 .tu {
      display:none !important
}
/*  foot  */

.foot {
      background:#5a5959;
      padding:33px 0 28px 0;
}
.footn {
      width:187px;
      float:left;
      margin-left:207px;
}
.footn a {
      display:block;
      line-height:42px;
      border-bottom:1px solid #7f7e7e;
      color:#fff
}
.footn a:hover {
      color:#e80000
}
.footn1 {
      margin-left:auto;
}
.footn2 {
      width:340px;
      float:left;
      margin-left:195px;
      margin-top:7px;
}
.footn2 li {
      color:#fff;
      line-height:27px;
      font-size:12px;
}
.footn2 li a{
      font-size:12px;
      color:#fff;
}
.shejiao {
      margin-top:20px;
}
.shejiao img {
      float:left;
      margin-right:3px;
}
.footn298 {
      display:none
}
.fbo {
      border:none !important
}
/*  footer  */

.footer {
      background:#424141;
      color:#fff;
      line-height:46px;
}
.footer span {
      float:left;
}
.footer a {
      color:#fff;
      float:left;
      margin-left:10px;
      line-height:46px;
}
.footer a:hover {
      color:#e80000;
}
.syneiyebanner {
      width:100%;
      background:url(../images/about_03.jpg) no-repeat center;
      height:291px;
      text-align:center;
      margin:0 auto;
      margin-top:142px;
      line-height:291px;
      font-family:"微软雅黑";
      font-size:48px;
      color:#fff;
}
/*about*/
.mianbaoxie {
      margin-top:24px;
      display:inline-block;
}
.mianbaoxie img {
      margin-top:2px;
}
.mianbaoxie img,.mianbaoxie a {
      float:left;
      color:#504f4f;
}
.mianbaoxie a.a1-mb {
      border-bottom:#504f4f solid 1px;
      padding-bottom:4px;
}
.aboutneirong {
      line-height:24px;
      padding-top:4px;
      font-size:14px;
}
.aboutneirong p {
      padding-top:25px;
}
.abouthot {
      margin-top:45px;
      width:100%;
      background:url(../images/beijing02.jpg) no-repeat center;
      height:440px;
}
.hotmingzi {
      width:212px;
      height:48px;
      /*background:url(../images/hotmingzi.png) no-repeat bottom;
      */ margin:0 auto;
      padding-top:59px;
}
.hottu {
      border:#ecebea solid 1px;
      width:260px;
      height:204px;
      float:left;
      margin-left:50px;
}
.hottu img {
      width:260px;
      height:204px;
}
.aboutrexiao {
      margin-top:35px;
}
.aboutrexiaoyi {
      margin-left:auto;
}
.aboutrexiaoming {
      text-align:center;
      padding-top:16px;
      color:#fff;
      font-size:15px;
}
.aboutrexiaoming a {
      color:#fff;
}
.aboutrexiaoming a:hover {
      color:#e80000;
}
.contactnei {
      background:#f4f4f4;
      width:100%;
      margin:0 auto;
      padding-top:25px;
}
.lianxibeijing {
      width:1203px;
      background:url(../images/lianxiwomen.png) no-repeat;
      height:366px;
      margin-top:24px;
}
.lianxizi {
      float:left;
      margin-left:49px;
}
.lianxiwomen {
      padding-top:19px;
}
.lianxiliuyan {
      float:left;
      margin-left:84px;
}
.lianxidianhua {
      float:left;
      margin-left:22px;
}
.lianxizhong {
      width:304px;
      float:left;
      margin-left:41px;
}
.lianxiyi {
      width:280px;
      height:47px;
      border-radius:20px;
      border:1px solid #f3efef;
      background:#f8f8f8;
      font-size:12px;
      color:#504f4f;
      font-family:"微软雅黑";
      line-height:47px;
      padding-left:24px;
      margin-top:39px;
}
.lianxier {
      width:280px;
      height:47px;
      border-radius:20px;
      border:1px solid #f3efef;
      background:#f8f8f8;
      font-size:12px;
      color:#504f4f;
      font-family:"微软雅黑";
      line-height:47px;
      padding-left:24px;
      margin-top:24px;
}
.lianxizuoce {
      width:300px;
      float:left;
      margin-left:40px;
}
.lianxisan {
      width:119px;
      height:47px;
      border-radius:20px;
      border:1px solid #f3efef;
      background:#f8f8f8;
      font-size:12px;
      color:#504f4f;
      font-family:"微软雅黑";
      line-height:47px;
      padding-left:24px;
      margin-top:24px;
      float:left;
}
.yanzhengma {
      width:143px;
      height:47px;
      background:#f8f8f8;
      font-size:12px;
      color:#504f4f;
      font-family:"微软雅黑";
      line-height:47px;
      margin-top:24px;
      cursor:pointer;
      float:left;
      margin-left:10px;
}
.lianxiyouce {
      width:445px;
      float:left;
      margin-left:43px;
}
.lianxisi {
      width:419px;
      height:194px;
      background:#f8f8f8;
      border-radius:20px;
      font-size:12px;
      border:1px solid #f3efef;
      color:#504f4f;
      font-family:"微软雅黑";
      line-height:47px;
      margin-top:24px;
      cursor:pointer;
      float:left;
      margin-left:10px;
      margin-top:39px;
      padding-left:24px;
}
.tijiao {
      width:150px;
      height:40px;
      background:url(../images/send_03.jpg) no-repeat;
      border:none;
      border-radius:20px;
      color:#fff;
      cursor:pointer;
      font-size:12px;
      font-family:"微软雅黑";
      float:right;
      margin-top:18px;
}
.ditutu {
      margin-top:28px;
      width:1200px;
      height:420px;
}
.chanpinlie {
      line-height:25px;
      font-size:14px;
      padding-top:34px;
}
.chanpinliebiao {
      margin-top:36px;
      margin-bottom:45px;
}
.yanselanmu {
      font-family:"微软雅黑";
      font-size:14px;
      color:#e80000;
}

.xuanhognhong {
      color:#e80000;
}
.chanpinfenleiheng {
      padding-top:2px;
      padding-left:27px;
}
.tupian {
      background:url(../images/products_03.jpg) no-repeat;
      width:246px;
      margin-top:25px;
      margin-left:60px;
      float:left;
      height:252px;
}
.tupian img {
      width:242px;
      height:190px;
      margin-left:2px;
      margin-top:2px;
}
.margino {
      margin-left:0px;
}
.chanpinmingzi {
      font-size:13px;
      font-weight:800;
      margin-top:15px;
      text-align:center;
}
.chanpinmiaoshu {
      line-height:20px;
      margin-top:15px;
}
/*technical*/
.technicaltu1 {
      width:100%;
      margin:45px 0;
}
.technicaltu1 img {
      width:355px;
      height:238px;
      display:inline-block;
      margin-left:60px;
}
/*service*/
.serviceneirong {
      line-height:24px;
      padding-top:4px;
      font-size:14px;
}
.servicecon {
      width:100%;
      margin-top:25px;
}
.servicecon .p1 {
      background:url(../images/service_bg.jpg) no-repeat 0 10px;
      padding-left:23px;
      font-size:18px;
      color:#504f4f;
}
.servicecon .p2 {
      margin-left:23px;
      line-height:24px;
      margin-top:5px;
}
.servicetu {
      width:100%;
      margin:45px 0;
}
.servicetu img {
      width:354px;
      height:241px;
      display:inline-block;
      margin-left:60px;
}
/*quality*/
.qualitycon {
      line-height:24px;
      padding-top:4px;
      font-size:14px;
      float:left;
      width:790px;
      padding-bottom:40px;
}
.qualitycon p {
      padding-top:28px;
}
.qualitytu {
      width:403px;
      height:424px;
      float:right;
      display:block;
      margin-top:30px;
}
.qualitycon1 {
      display:none;
}
/*newslist*/
.newslist {
      width:100%;
      background:url(../images/newsbg.jpg) repeat-x bottom;
      padding-bottom:23px;
}
.newslist span {
      display:block;
      float:left;
      width:89px;
      height:70px;
      background:#e80000;
      border-radius:10px;
      font-size:18px;
      color:#fff;
      text-align:center;
      line-height:70px;
      margin-top:24px;
}
.newslistr {
      width:1095px;
      float:right;
      margin-top:21px;
}
.newslistr .nlisttitle {
      font-size:18px;
      color:#333232;
      width:100%;
      display:block;
}
.newslistr .nlistcon {
      font-size:12px;
      color:#504f4f;
      display:block;
      width:100%;
      margin-top:8px;
      margin-bottom:8px;
}
.newslistr .nlistmore {
      font-size:12px;
      color:#e80000;
      text-decoration:underline;
}
.newslistr .nlistcon:hover,.newslistr .nlisttitle:hover {
      color:#e80000;
}
.pages {
      width:100%;
      text-align:center;
      line-height:29px;
      margin-top:35px;
      font-size:15px;
      margin-bottom:15px;
}
.pages a {
      display:inline-block;
      width:38px;
      height:29px;
      color:#504f4f;
      margin-left:15px;
      border:1px solid #bcbaba;
}
.pages a:hover,.pages a.z {
      background:#bcbaba;
      color:#fff;
}
.pages a.xiayiyewu {
      color:#504f4f;
      background:none;
}
/*news*/
.newscon {
      width:100%;
      margin-bottom: 45px;
}
.newscon h1 {
      font-size:18px;
      color:#504f4f;
      font-weight:bold;
      text-align:center;
      width:100%;
}
.newscon .newstime {
      display:block;
      background:url(../images/newstbg.jpg) no-repeat 0 2px;
      width:100px;
      margin:0 auto;
      padding-left:25px;
      color:#a5a3a3;
      height:16px;
      margin-top:15px;
}
.newscon .newscon1 {
      line-height:24px;
      font-size:14px;
      margin-top:30px;
      color:#504f4f;
}
.newscon .newscon1 p,.newscon .newscon1 div,.newscon .newscon1 span,.newscon .newscon1 a {
      line-height:30px;
      color:#504f4f;
}
.newscon .newscon1 a {
      color:#e80000;
}
.newscon .newsshare {
      color:#504f4f;
      font-size:18px;
      margin-top:25px;
}
.newscon .newsshare span {
      display:block;
      margin-right:15px;
      float:left;
      line-height:30px;
}
.newscon .newsshare img {
      display:block;
      float:left;
      margin-right:6px;
}
.newscon .prenext {
      width:100%;
      background:url(../images/newsbg.jpg) repeat-x;
      margin-top:25px;
      padding-top:25px;
}
.newscon .prenext p {
      width:50%;
      float:left;
      font-size:14px;
}
.newscon .prenext p span {
      display:block;
      float:left;
      color:#fff;
      width:145px;
      height:49px;
      background:#e80000;
      line-height:49px;
      text-align:center;
}
.newscon .prenext p a {
      margin-left:17px;
      width:435px;
      display:block;
      float:left;
      line-height:49px;
}
.newscon .prenext p a:hover {
      color:#e80000
}
.newscon .prenext p a.bubian {
      color:#4d4d4d;
}
/*proejct*/
.left {
      float:left;
      width:325px;
      height:auto;
      margin-top:40px;
      margin-bottom:20px;
}
.main-ltt {
      display:block;
      width:325px;
      height:86px;
}
.main-ltul {
      width:304px;
      height:64px;
      background:#eeeeee;
      margin-top:7px;
      padding-left:21px;
}
.main-ltul li {
      position:relative;
      z-index:9;
      line-height:64px;
}
.main-ltul a {
      color:#333232;
      font-size:18px;
      display:block
}
.main-ltul:hover {
      }.main-ltul:hover a {
      color:#DA251C
}
.main-ltul2 {
      }.main-ltul a.xuanhognhong {
      color:#E80000;
}
.main-lt ul li ul {
      display:none;
      background:#eee
}
.main-lt ul li:hover {
      color:#DA251C;
}
.main-lt ul li:hover a {
      color:#DA251C;
}
.main-lt ul li:hover ul {
      display:block;
      position:absolute;
      padding-top:10px;
      padding-bottom:9px;
      left:304px;
      top:0px;
      width:221px;
}
.main-lt ul li ul li {
      width:200px;
      line-height:30px;
      text-align:left;
}
.main-lt ul li:hover ul li a {
      display:block;
      color:#333232;
      border-bottom:1px dashed #ccc;
      font-size:14px;
      line-height:40px;
      padding-left:10px;
      margin-left:10px;
}
.main-lt ul li:hover ul li a:hover {
      color:#da251c;
}
.leftnews {
      width:325px;
      margin-top:40px;
      height:auto;
}
.leftnews ul {
      padding-bottom:21px;
      padding-left:17px;
      margin-top:7px;
      background:#eeeeee;
}
.leftnews ul img {
      width:292px;
      height:164px;
      margin-top:17px;
}
.leftnews ul li {
      margin-top:19px;
      background:url(../images/newsbg.jpg) repeat-x bottom;
      padding-bottom:21px;
}
.leftnews ul li a.leftnewst {
      color:#333232;
      font-size:18px;
      display:inline-block;
}
.leftnews ul li a.leftnewsc {
      color:#504f4f;
      line-height:20px;
      display:inline-block;
      margin-top:15px;
}
.leftnews ul li a.leftnewsm {
      color:#e80000;
      display:inline-block;
      margin-top:5px;
      text-decoration:underline;
}
.leftnews ul li a:hover {
      color:#e80000;
}
.right {
      float:right;
      width:834px;
}
.exhibition {
      display:inline;
      width:100%;
}
.exhibition span {
      float:left;
      display:block;
      background-color:#FFFFFF;
      background-repeat:no-repeat;
      background-position:left center;
}
.exhibitiontp {
      float:left;
      display:inline;
      width:100%;
}
#baguetteBox-overlay {
      display:none;
      opacity:0;
      position:fixed;
      overflow:hidden;
      top:0;
      left:0;
      width:100%;
      height:100%;
      z-index:1000000;
      background-color:#222;
      background-color:rgba(0,0,0,.8);
      -webkit-transition:opacity .5s ease;
      transition:opacity .5s ease
}
#baguetteBox-overlay.visible {
      opacity:1
}
#baguetteBox-overlay .full-image {
      display:inline-block;
      position:relative;
      width:100%;
      height:100%;
      text-align:center;
}
#baguetteBox-overlay .full-image figure {
      display:inline;
      margin:0;
      height:100%
}
#baguetteBox-overlay .full-image img {
      display:inline-block;
      width:auto;
      height:auto;
      max-height:100%;
      max-width:100%;
      vertical-align:middle;
      -webkit-box-shadow:0 0 8px rgba(0,0,0,.6);
      -moz-box-shadow:0 0 8px rgba(0,0,0,.6);
      box-shadow:0 0 8px rgba(0,0,0,.6);
}
#baguetteBox-overlay .full-image figcaption {
      display:block;
      position:absolute;
      bottom:0;
      width:100%;
      text-align:center;
      line-height:1.8;
      color:#ccc;
      background-color:#000;
      background-color:rgba(0,0,0,.6);
      font-family:sans-serif;
}
#baguetteBox-overlay .full-image:before {
      content:"";
      display:inline-block;
      height:50%;
      width:1px;
      margin-right:-1px;
}
#baguetteBox-slider {
      position:absolute;
      left:0;
      top:0;
      height:100%;
      width:100%;
      white-space:nowrap;
      -webkit-transition:left .4s ease,-webkit-transform .4s ease;
      transition:left .4s ease,-moz-transform .4s ease;
      transition:left .4s ease,transform .4s ease
}
#baguetteBox-slider.bounce-from-right {
      -webkit-animation:bounceFromRight .4s ease-out;
      animation:bounceFromRight .4s ease-out
}
#baguetteBox-slider.bounce-from-left {
      -webkit-animation:bounceFromLeft .4s ease-out;
      animation:bounceFromLeft .4s ease-out
}
.baguetteBox-button#next-button,.baguetteBox-button#previous-button {
      top:50%;
      top:calc(50% - 30px);
      width:44px;
      height:60px;
}
.baguetteBox-button {
      position:absolute;
      cursor:pointer;
      outline:0;
      padding:0;
      margin:0;
      border:0;
      -moz-border-radius:15%;
      border-radius:15%;
      background-color:#323232;
      background-color:rgba(50,50,50,.5);
      color:#ddd;
      font:1.6em sans-serif;
      -webkit-transition:background-color .4s ease;
      transition:background-color .4s ease;
}
.baguetteBox-button:hover {
      background-color:rgba(50,50,50,.9)
}
.baguetteBox-button#next-button {
      right:2%
}
.baguetteBox-button#previous-button {
      left:2%
}
.baguetteBox-button#close-button {
      top:20px;
      right:2%;
      right:calc(2% + 6px);
      width:30px;
      height:30px;
}
.baguetteBox-button svg {
      position:absolute;
      left:0;
      top:0
}
.spinner {
      width:40px;
      height:40px;
      display:inline-block;
      position:absolute;
      top:50%;
      left:50%;
      margin-top:-20px;
      margin-left:-20px;
}
.double-bounce1,.double-bounce2 {
      width:100%;
      height:100%;
      -moz-border-radius:50%;
      border-radius:50%;
      background-color:#fff;
      opacity:.6;
      position:absolute;
      top:0;
      left:0;
      -webkit-animation:bounce 2s infinite ease-in-out;
      animation:bounce 2s infinite ease-in-out
}
.double-bounce2 {
      -webkit-animation-delay:-1s;
      animation-delay:-1s
}
@-webkit-keyframes bounceFromRight {
      0% {
      margin-left:0
}
50% {
      margin-left:-30px;
}
100% {
      margin-left:0
}
}@keyframes bounceFromRight {
      0% {
      margin-left:0
}
50% {
      margin-left:-30px;
}
100% {
      margin-left:0
}
}@-webkit-keyframes bounceFromLeft {
      0% {
      margin-left:0
}
50% {
      margin-left:30px;
}
100% {
      margin-left:0
}
}@keyframes bounceFromLeft {
      0% {
      margin-left:0
}
50% {
      margin-left:30px;
}
100% {
      margin-left:0
}
}@-webkit-keyframes bounce {
      0%,100% {
      -webkit-transform:scale(0);
      transform:scale(0)
}
50% {
      -webkit-transform:scale(1);
      transform:scale(1)
}
}@keyframes bounce {
      0%,100% {
      -webkit-transform:scale(0);
      -moz-transform:scale(0);
      transform:scale(0)
}
50% {
      -webkit-transform:scale(1);
      -moz-transform:scale(1);
      transform:scale(1)
}
}.projectlist {
      border-bottom:1px solid #efefea;
      padding-bottom:23px;
      margin-top:21px;
}
.projectlist a {
      display:block;
      position:relative;
      float:left;
}
.projectlist img {
      width:282px;
      height:201px;
}
.projectlist span {
      display:none;
      position:absolute;
      top:0;
      left:0;
}
.projectlist a:hover span {
      display:block;
}
.projectlist .projectright {
      width:523px;
      float:right;
}
.projectlist .projectright .projectt {
      color:#504f4f;
      font-size:18px;
}
.projectlist .projectright .projectc {
      font-size:14px;
      color:#504f4f;
      line-height:24px;
      margin-top:20px;
}
.anniu {
      display:none;
}
/*changxiang*/
.box {
      margin-left:133px;
      margin-top:47px;
}
.left-pro {
      text-align:left;
}
.left-pro .t1 {
      width:116px;
      float:left;
      margin-left:15px;
}
.left-pro .t2 {
      text-indent:0;
      float:left;
      border:#eaeaea solid 1px;
}
.MagicThumb {
      cursor:default;
}
.left-pro .t2 img {
      text-indent:0;
      width:425px;
      height:334px;
}
#showArea img {
      margin:0px;
      cursor:pointer;
      width:114px;
      height:90px;
      border:none;
}
.huaguo {
      float:left;
      display:block;
      /*margin-top:19px;
      */ margin-bottom:11px;
      border:#ececec solid 1px;
      cursor:pointer;
}
#main_img {
      margin:0px;
      /*cursor:pointer;
      */display:block;
}
.main_img {
      }#gotop {
      cursor:pointer;
      display:block;
}
#gobottom {
      cursor:pointer;
      display:block;
}
#showArea {
      height:300px;
      overflow:hidden;
      width:116px;
      margin-bottom:12px;
      margin-top:10px;
}
.xiangqingtijiao {
      margin-left:100px;
      padding-top:20px;
}
.chanmingzix {
      font-size:18px;
      font-weight:normal;
      color:#504f4f;
      margin:0px;
      padding:0px;
      float:left;
      margin-top:15px;
}
.tijiaolian,.tijiaolian:hover {
      background:url(../images/hongdeinquire03.jpg) no-repeat;
      display:block;
      margin-left:37px;
      width:134px;
      height:36px;
      float:left;
      line-height:36px;
      text-align:center;
      color:#fff;
      margin-top:10px;
}
.xiayige {
      background:url(../images/shagnyige_05.jpg) no-repeat;
      display:block;
      margin-left:37px;
      width:134px;
      height:36px;
      float:left;
      line-height:36px;
      text-align:center;
      color:#504f4f;
      margin-top:10px;
}
.miaoshudexian {
      border-top:#e4e5dc solid 1px;
      margin-top:49px;
}
.xiangqingmao {
      margin-top:39px;
}
.desrc {
      line-height:28px;
      margin-top:32px;
}
.desrc a {
      color:#E80000;
}
.desrc table {
      max-width:834px;
}
.desrc img {
      max-width:100%;
}
/*product list*/
.productlist {
      width:834px;
}
.productlist .propages {
      width:80%;
      float:left;
      line-height:24px;
      margin-top:45px;
      font-size:14px;
}
.productlist .propages a {
      display:inline-block;
      width:32px;
      height:24px;
      color:#504f4f;
      margin-left:6px;
      text-align:center;
      border:1px solid #bcbaba;
}
.productlist .propages a:hover,.propages a.z {
      background:#bcbaba;
      color:#fff;
}
.productlist .addto {
      float:right;
      width:159px;
      height:40px;
      background:url(../images/addtobg.jpg) no-repeat;
      line-height:35px;
      color:#fff;
      font-family:"微软雅黑";
      font-size:12px;
      border:none;
      margin-top:40px;
      cursor:pointer;
}
.tijiaolianlan,.tijiaolianlan:hover {
      float:left;
      text-align:center;
      width:159px;
      height:40px;
      background:url(../images/addtobg.jpg) no-repeat;
      line-height:40px;
      color:#fff;
      font-family:"微软雅黑";
      font-size:12px;
      border:none;
      margin-top:40px;
      cursor:pointer;
}
.productlist .propages a.xiayiyewu {
      color:#504f4f;
      background:none;
}
.productlist .probian {
      width:100%;
      border-bottom:1px solid #e4e5dc;
      padding-bottom:21px;
}
.productlist .prolist {
      border-bottom:1px solid #e4e5dc;
      width:33%;
      padding-bottom:30px;
      float:left;
      margin-top:30px;
}
.productlist .prolist .protuzi {
      border-left:1px solid #e4e5dc;
}
.productlist .prolist .protuzi img {
      width:259px;
      height:203px;
}
.productlist .prolist .protuzi .procheck {
      float:left;
      background:#fff;
      border:none;
      margin-left:50px;
      margin-top:13px;
}
.productlist .prolist .protuzi .protitle {
      float:left;
      font-size:15px;
      color:#333232;
      margin-left:10px;
      margin-top:10px;
}
.productlist .prolist .protuzi .protitle:hover {
      color:#e80000;
}
.productlist .prolist .protuzi .proinquire {
      width:134px;
      height:36px;
      font-family:"微软雅黑";
      font-size:12px;
      border:none;
      line-height:36px;
      color:#fff;
      background:url(../images/inquirenowbg.jpg) no-repeat;
      display:block;
      text-align:center;
      margin:0 auto;
      margin-top:15px;
}
.scrollsidebar {
      position:absolute;
      z-index:999;
      top:360px;
      width:138px;
      right:30px;
      display:none\9
}
.side_content {
      width:138px;
      height:auto;
      overflow:hidden;
      float:left;
}
.side_content .side_list {
      width:174px;
      overflow:hidden;
}
.side_title {
      height:217px;
      background:url(../images/kefu_03.jpg) no-repeat;
      width:138px;
}
.close_btn {
      float:right;
      display:block;
      width:7px;
      height:7px;
      cursor:pointer;
      background:url(../images/fs_03.jpg) no-repeat;
      margin-top:10px;
      margin-right:5px;
}
.syyou {
      padding-top:157px;
      width:113px;
      margin-left:12px;
      line-height:23px;
}
.syyou img,.syyou a {
      float:left;
}
.syyou a {
      margin-left:10px;
}
.close_btn span {
      display:none;
}
.xiaomeitutu {
      display:none;
}