@charset "utf-8";
/* CSS Document */
* {margin:0;padding:0; outline: none;}
body {background: none repeat scroll 0 0 #fff;font: 14px Arial, Verdana, "微软雅黑";}
ol, ul {list-style: none outside none;}
a {text-decoration:none;color:#333;cursor:pointer}
a:hover {text-decoration:none;}
a img {border: 0 none;}
img {vertical-align: middle;}
table {empty-cells: show;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
em {font-style: normal;}

.noDis{display:none!important}
.clearfix{*zoom:1}
.clearfix:after,.clearfix:before{display:table;content:"";line-height:0}
.clearfix:after{clear:both}
.elli{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

.c{margin: 0 auto;}

/* Position */
.f_l{float:left;display:inline;margin-top:12px;}
.f_r{float:right;display:inline}
.f_n{float:none !important;}

.t_c{text-align:center}
.t_l{text-align:left}
.t_r{text-align:right}

.m0{margin-top: 0 !important;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}
.mt30{margin-top: 30px !important;}
.mb20{margin-bottom: 20px !important;}
.mb60{margin-bottom: 50px !important;}

.pb0{ padding-bottom: 0 !important;}
.pb20{ padding-bottom: 20px !important;}

.w1200 {width:1200px;margin:0 auto;}

/******************共用样式**********************/
.header {width:100%;height: 70px;padding: 10px 0;color: #fff;/* border-bottom:1px solid #f3b2b6; */background:rgba(0,0,0,.5);z-index: 5;position: fixed;top: 0;left: 0;}
.header .header-top {height:80px;}
.header .logo {width:150px;height:75px;}
.header .nav ul li {padding: 30px 0 0 50px;/* height: 48px; */float:left;font-size: 16px;}
.header .nav ul li a {display: inline-block;color: #fff;height: 24px;position: relative; opacity: .8;}
.header .nav ul li span.hot{background: url(../images/hot_ico.jpg) no-repeat;}
.header .nav ul li.active a {border-bottom: 1px solid #e52f17;color:#e52f17;opacity: 1;}
.header .nav ul li:not(:last-child):hover a{color:#e52f17; opacity: 1; transition: all 0.2s linear 0s;}
.header .nav ul li a:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 24px;
    height: 1px;
    overflow: hidden;
    font-size: 0;
    line-height: normal;
    background: #e52f17;
    width: 0;
    transition: all 0.4s linear 0s;
}
.header .nav ul li:not(:last-child):hover a:before{  width: 100%;}

.header .nav ul li:last-child span {display: inline-block;background: #e52f17;padding: 5px 15px;border-radius: 20px;position: relative;top: -5px;}
.header .nav ul li:last-child:hover span {-webkit-box-shadow: 0 0 20px rgba(255,0,2,.5);
box-shadow: 0 0 20px rgba(255,0,2,.5); transition: all 0.3s ease 0.3s;}

/****************head-end***********************/

/****************footer***********************/
.footer {width:100%;margin-top:60px;background: #eeeeee;overflow:hidden;zoom:1;}
.footer .tel {height: 50px;padding: 50px 0;font-size: 12px;text-align: center;}
.footer .copyrightbox {width: 100%;height: 50px;padding: 25px 0;background: #222;color: #666;}
.footer .copyright {width: 590px;margin: 0 auto;}
.footer .copyright img{float: left;}
.footer .copyright .address{padding: 6px 0 0 85px;}
.back_top { width:42px; height:42px; position:fixed;right:3px;bottom:85px;display:none;}
.back_top a{width:40px; height:40px; background:url(../images/back-top.png); display:inline-block}
.back_top a:hover{width:40px; height:40px; background:url(../images/back-top-on.png); display:inline-block}
.kefu{position:fixed;right:0px;bottom:45px; right:3px;}
.kefu a{ width:40px; height:40px; background:url(../images/kefu.png); display:inline-block;}
.kefu a:hover{background:url(../images/kefu-on.png);}
.shopcar_link{width:29px;height:48px;padding-top:18px;position:fixed;text-align:center;top:50%;right:0px;display:inline-block;background:url(../images/shopCar.png) no-repeat;font-weight:bold;color:#fff;}

/* index.htm content */
.content{}
.banner{ position: relative; }
.banner img,.content img{ max-width: 100%; }
.content .slogan{ padding: 30px 0; }
.content .caselink{ overflow: hidden; }
.content .caselink li{ width: 33.33333%; padding-right: 10px; float: left;  -webkit-box-sizing: border-box; position: relative;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.content .caselink li a{ display: inline-block;}
.content .caselink li:nth-child(2){ right: -10px; overflow: hidden;}
.content .caselink li:last-child{ right: -20px; }

.content .caselink li:first-child a:after{ content:''; width: 100%; height: 100%; display: block; position: absolute; left: -10px; top: 0; background: url(../images/gdm-index-pro-02.png) no-repeat; -webkit-background-size: 100% 100%;
background-size: 100% 100%; background: url(../images/gdm-index-pro-01.png); -webkit-background-size: cover;background-size: cover; display: none;}

.content .caselink li:nth-child(2) a:after{ content:''; width: 100%; height: 100%; display: block; position: absolute; left: -10px; top: 0; background: url(../images/gdm-index-pro-02.png) no-repeat; -webkit-background-size: 100% 100%;
background-size: 100% 100%; background: url(../images/gdm-index-pro-02.png); -webkit-background-size: cover;background-size: cover; display: none;}

.content .caselink li:last-child a:after{ content:''; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; background: url(../images/gdm-index-pro-02.png) no-repeat; -webkit-background-size: 100% 100%;
background-size: 100% 100%; background: url(../images/gdm-index-pro-03.png); -webkit-background-size: cover;background-size: cover; display: none;}

.content .caselink li:hover a:after{ display: block; transition: all 0.6s ease 0.3s;}
.content .caselink .caseLy{position: relative;top: 0;left: 0;}

/* honor content */
.honor_content{ }
.honor_left{ width: 640px; }
.honor_right{width: 500px;}
.column{font-size: 20px;color: #e52f19;padding-bottom: 30px;line-height: 1.5;text-align: center;}
.column h1{ font-size: 20px; }
.column span{display: inline-block;color:#ccc;font-size: 16px;position: relative;}
.column span:after{width: 50px;height: 2px;content:'';display: inline-block;position: absolute;left: 50%;margin-left: -25px;bottom:-5px;background: #e52f17;}
.honor_left .intro{font-size: 14px; line-height: 28px; text-align: justify;}

/* case */
.caselist{
    width: 1000px;
    margin: 0 auto;
}
.caselist li{ margin-bottom: 30px; }
.caselist li:hover{ -webkit-box-shadow:  6px 6px 6px #ccc;;
box-shadow:  6px 6px 6px #ccc;; }
.caselist .case_img{width: 250px;margin-left: 40px;float: left; -webkit-box-shadow: -6px 0 6px rgba(0,0,0,.2);
box-shadow: -6px 0 6px rgba(0,0,0,.2);}
.caseiist .case_img img{ }
.caselist .case_detail{  }
.caselist .case_detail > div{}
.caselist .case_detail .title{padding: 50px 0 20px 340px;font-size: 20px;}
.caselist .case_detail .title .num{font-size: 40px;color: #e52f17;padding-right: 5px;}
.caselist .case_detail .title em{ color: #e52f17;}
.caselist .case_detail .intro{padding: 40px 40px 40px 340px;height: 100px;background: #eee;/* font-size: 14px; */line-height: 24px;}

.caselist li:nth-child(2n) .case_img{width: 250px;margin-right: 40px;float: right; -webkit-box-shadow: -10px 0 10px rgba(0,0,0,.2);
box-shadow: -10px 0 10px rgba(0,0,0,.2);}
.caselist li:nth-child(2n)  .title{padding: 50px 340px 20px 0; text-align: right;}
.caselist li:nth-child(2n)  .intro{padding: 40px 340px 40px 40px;}

/* appdown */
.citylist{ width: 300px; position: absolute; left:27%; top:65%;}
.citylist li{
    margin: 0 10px 10px 0;
    float: left;
}
.citylist li span{padding: 2px 10px;display: inline-block;border: 1px solid #fff;color: #fff;border-radius: 15px;}
.citylist li.active span{background: #e52f19;}
.citylist li:hover span{background: #e52f19; transition: all 0.3s ease 0.3s; }


.down_content{ margin-bottom: 40px; line-height: 24px; }
.down_content p{ padding-bottom: 10px; }
.down_left{width: 260px;padding: 20px;background: #f5f5f5;}
.down_right{width: 800px;margin-left: 30px;padding: 0 20px 20px 20px;}
.down_right .column{ text-align: left; }
.down_right .column span:after {left:0;margin-left: 0;}

/* about */
.about_content{}
.about_content .address{}
.about_content .address img{ float: left; }
.about_content .address h1{ color: #333; font-size: 16px;}
.about_content .address > div{padding: 110px 0 0 0;position: relative;left: -60px;line-height: 28px;color: #999;}
.about_intro {padding: 20px 100px;}
.about_intro p.title{font-size: 18px;font-weight: bold;color: #333;}
.about_intro p{padding-bottom: 10px;color: #999;}
.about_intro li{ width: 33.3333%; float: left; text-align: center;}
.about_intro li strong{ font-size: 18px;}
.about_intro li p{ padding-top: 20px;}

/* partner */
.partner_content{}
.partner_content .chooseus{width: 100%;margin-bottom: 30px;background: #f8f8f8;overflow: hidden;padding: 20px 0;}
.partner_content .chooseus ul{ width: 1000px; margin: 0 auto; }
.partner_content .chooseus li{ width: 25%; }
.partner_content .chooseus li img{ width: 100px; }

.partnerlist{margin-bottom: 30px;overflow: hidden;}
.partnerlist ul{width: 900px; margin: 0 auto;}
.partnerlist li{ float: left; margin: 0 20px 10px 0;}
.partnerlist li img{ width: 130px;}
.partnercol{padding-top: 30px;background: #f8f8f8;}
.message{margin-bottom: -60px;position: relative;overflow: hidden;background: url(../images/message.jpg) no-repeat;}
.message img{ max-width: 100%; }
.messagebox{width: 100%;margin: 70px 0;color: #fff; overflow: hidden;}
.messagebox>div{width: 50%;float: left;overflow: hidden;}
.messagebox .mb_left{}
.messagebox .mb_right{ }
.messagebox .mb_left>div,.messagebox .mb_right>div{
	width: 400px;
	height: 230px;
	margin: 0 20px;
	padding: 40px 30px 20px;
	background: rgba(0,0,0,.5);
	overflow: hidden;
	box-shadow: 5px 5px 6px 0px #333;
}
.messagebox .mb_left p{border-bottom: 1px solid #3c3c3c;line-height: 50px;color: #fff;/* opacity: .8; */}
.messagebox .mb_right label{width: 200px;display: inline-block;float: left;}
.messagebox .mb_right .basic{margin-bottom: 18px;padding: 5px 10px;border: 1px solid #3c3c3c;overflow: hidden;border-radius: 10px;line-height: 30px;}
.messagebox .mb_right span{ float: left; }
.messagebox .mb_right input{width: 130px;float: left;height: 30px;background: none;border: none;color: #999; font-weight: normal;}
.messagebox .mb_right span.mo_bl{margin-left: 15px;padding-left: 10px;border-left: 1px solid #3c3c3c;}
.messagebox .mb_right textarea{margin-top: 8px;color: #999;background: none;border: none; resize: none;}
.messagebox .mb_right input[type="submit"]{width: 90px;line-height: 28px;background: #e56464;color:#fff;float: right;border-radius: 20px;}

/* joinus */
.joinus{margin-bottom: 30px;/* overflow: hidden; */}
.joinus ul{width: 1000px;margin: 0 auto;padding: 30px 0;}
.joinus ul li{width: 300px;margin: 30px 30px 0 0;padding: 30px 0;float: left;background: whitesmoke;text-align: center;}
.joinus ul li:hover{ -webkit-box-shadow: 0 0 10px #ccc;
box-shadow: 0 0 10px #ccc; }
.joinus ul li p{ color: #e52f17; }
.joinus ul li p:first-of-type{font-size: 18px;color: #333;line-height: 40px;}



.post {
  padding: 56px 0 100px;  opacity: 0; }
  .post.in{-webkit-animation:fadeIn 1s 0.4s ease both;
         -moz-animation:fadeIn 1s 0.4s ease both;
          -ms-animation:fadeIn 1s 0.4s ease both;
           -o-animation:fadeIn 1s 0.4s ease both;
              animation:fadeIn 1s 0.4s ease both; }
  .post ul {
    font-size: 0; }
    .post ul li {
      width: 25%;
      display: inline-block;
      text-align: center;
      vertical-align: top; }
      .post ul li h3 {
        font-size: 18px;
        text-align: center;
        color: #585858;
        margin-bottom: 16px; }
      .post ul li a {
        display: block;
        height: 24px;
        line-height: 24px;
        color: #b8b8b8;
        font-size: 14px; }
        .post ul li a:hover {
          color: #585858; }
  .post .morepost {
    padding-top: 40px; }
    .post .morepost #morebtn {
      width: 134px;
      height: 58px;
      line-height: 58px;
      display: block;
      margin: 0 auto;
      text-align: center;
      border: 1px solid #e5e5e5;
      font-size: 14px;
      color: #333333;
      border-radius: 30px; }
      .post .morepost #morebtn:hover {
        background: #ffd900; }
    .post .morepost p {
      padding-top: 40px;
      font-size: 14px;
      color: #929292;
      text-align: center; }
      .post .morepost p a {
        color: #929292; }

.post-warp {
  width: 100%;
  height: 100%;
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  z-index: 10;
  background: rgba(0, 0, 0, 0.6); }
  .post-warp .post-con {
    width: 684px;
    height: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    margin-top: -250px;
    margin-left: -342px;
    background: #fff;
    border-radius: 10px;
    }
    .post-warp .close-w{
    	width: 100%;
    	height: 50px;
    	background: #eee;
    	-webkit-box-shadow: 0 5px 5px #e6e5e5;
    	box-shadow: 0 5px 5px #e6e5e5;
    }
  .post-warp #close {
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
	background: url(../images/close.jpg);
    z-index: 10; }
  .post-warp .post-w {
    height: 380px;
    padding: 60px;
    overflow-y: scroll;
    /* display: none; */
    }
    .post-warp .post-w h3 {
      padding-bottom: 20px;
      font-weight: 500;
      font-size: 18px;
      color: #333333;
      /* border-bottom: 1px solid #e5e5e5; */
      }
    .post-warp .post-w h4 {
      margin: 40px 0 12px;
      font-weight: 500;
      color: #414141;
      font-size: 14px; }
    .post-warp .post-w p {
      padding-bottom: 8px;
      line-height: 24px;
      font-size: 14px;
      color: #999999; }

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
  right: 18px;
  margin: 60px 0; }


  @-webkit-keyframes fadeIn{
    0%{opacity:0}
    100%{opacity:1}
  }
  @-moz-keyframes fadeIn{
    0%{opacity:0}
    100%{opacity:1}
  }
  @-ms-keyframes fadeIn{
    0%{opacity:0}
    100%{opacity:1}
  }
  @-o-keyframes fadeIn{
    0%{opacity:0}
    100%{opacity:1}
  }
  @keyframes fadeIn{
    0%{opacity:0}
    100%{opacity:1}
  }