.center{width:1200px;margin:0 auto;}
.b1{left:220px ;top: 65px;animation:b1 1s 0s ease both ;}
.b2{left:65px ;top: 287px;animation:toBig 2s 0s ease both ;}
.b3{left:127px ;top: 290px;animation:flipinX 2s 1s ease both ;}
.f1{left:675px ;top: 142px;animation:b1 1s 0s ease both ;}
.f2{left:771px ;top: 220px;animation:toBig 2s 0s ease both ;}
.f3{left:667px ;top: 283px;animation: b3 2s 0.5s ease both;}
.bbtn{left:770px ;top:356px;animation:flipinX 2s 1s ease both ;}
.title{text-align: center;}
.title h2{font-size: 28px;font-weight: 700;color:#5fc99b ;}
.title h2 i{color:#eb8953 ;}
.title h2 big{color:#eb8953 ;font-size: 36px;}
.title p{color:#666 ;font-size: 22px;}
.title p i{color: #f62929;}
.img-wrap{display: block;text-align: center;}
.service>p{color:#eb8953 ;font-size: 24px;text-align: center;}
.service{padding:65px 0 75px;}
.service .gjt{display: block;margin:0 auto;padding:20px 0 60px ;}
.trouble{background: url(../image/mbg1.jpg) no-repeat center;width: 100%;height: 548px;}
.trouble ul li{display: block;float:left;width: 300px;height: 300px;background: #fff;position: relative;margin-left: 90px;}
.trouble ul li:first-child{margin-left: 60px;}
.trouble ul li .cjt{position: absolute;    left: 111%;    top: 48%;}
.trouble ul li span{display: block;text-align: center;height:90px ;padding:20px 0 ;}
.trouble ul li dt{color: #333;font-size: 24px;line-height: 28px;text-align: center;}
.trouble ul li dd{font-size: 18px;color: #666;padding: 20px 25px 0 25px;}
.trouble .title{padding: 60px 0 55px;}
.trouble .title h2{margin-top: 15px;}
.different{padding: 70px 0 120px;}
.different .title{margin-bottom: 80px;}
.function{background: url(https://www.youdmall.com/img/mbg3.jpg) no-repeat center;width: 100%;height:1277px;}
.function .title{padding-top: 50px;}
.function ul li{display: block;float:left;width: 316px;height: 374px;background: #fff;margin-left: 50px;margin-top: 75px;}
.function ul li:first-child{margin-left: 74px;}
.function ul li span{display: block; text-align: center;padding:25px 0 10px ;}
.function ul li dt{color: #333;font-size: 24px;line-height: 28px;text-align: center;margin-bottom: 10px;}
.function ul li dd{font-size: 20px;color: #666;position: relative;padding-left: 50px;padding-right: 40px;margin-bottom: 5px;}
.function ul li dd i{width: 8px;height: 8px;background: #5FC99B;position: absolute;top: 10px; left: 32px;}
.function ul{padding-top:50px}
.function ul li:first-child{margin-left:0px}
.function ul li:nth-child(4n+1){margin-left:0px}
.function ul li{margin-top:20px;margin-left:20px;width:285px;height:337px}
.function ul li dt{font-size:16.5pt}
.function ul li dd{font-size:13.5pt;padding-left:15px;padding-right:15px;color:#949494;text-align:center;}
.function .line{width:45px;height:1px;background:#949494;margin:10px auto 15px;}
.OEMService{padding:45px 0 5px ;}
.OEMService ul li{display: block;float:left;width: 300px;height: 282px;background: #eee;margin-left: 77px;border: 1px solid #eee;margin-top:27px ;}
.OEMService ul li span{display: block;text-align: center;height:35px ;padding:55px 0 30px;}
.OEMService ul li dt{font-size: 20px;color: #555;text-align: center;}
.OEMService ul li dd{color: #777;font-size: 18px;display: block;margin: 0 auto;width:196px ;line-height: 24px;margin-top: 15px;}
.OEMService ul li:hover {box-shadow:-5px 5px 5px #f8f8f8 ;background: #fff;border: 1px solid #f8f8f8;}
.OEMService .title{margin-bottom: 44px;}
.join>p{font-size: 24px;color: #EB8953;line-height: 36px;text-align: center;}
.join .gjt{padding:10px 0 35px ;display: block;margin:0 auto;}
.enter{margin: 15px auto 0;width: 680px;}
.enter table td{padding: 0;height: 50px;line-height: 50px;font-size: 18px;}
.enter table tr td:first-child{width: 224px;text-align: center;}
.enter table tr td:last-child{width:456px}
.enter table tr td input{width: 90%;border: 0;font-size:18px ;padding-left: 15px;}
table{border-collapse:collapse;}
table td{border: 1px solid #e2e2e2;}
/*input[type=button]{width: 100%;height: 50px;background:#5fc99b;border: 0;color: #fff;margin: 13px auto 100px auto;cursor: pointer;font-size: 20px;}*/
.enter table tr td input[name=tel]{width: 60%;}
.submit-btn{width:100%;height:50px;background:#5fc99b;border:0;color:#fff;margin:13px auto 100px auto;cursor:pointer;font-size:20px;}

@keyframes toBig{
    0%{transform: scale(0.8);}
    50%{transform: scale(1.2);}
    75%{transform: scale(0.9);}
    100%{transform: scale(1);}
}
@-webkit-keyframes toBig{
    0%{-webkit-transform: scale(0.8);}
    50%{-webkit-transform: scale(1.2);}
    75%{-webkit-transform: scale(0.9);}
    100%{-webkit-transform: scale(1);}
}

@-moz-keyframes toBig{
    0%{-moz-transform: scale(0.8);}
    50%{-moz-transform: scale(1.2);}
    75%{-moz-transform: scale(0.9);}
    100%{-moz-transform: scale(1);}
}

/*从上往下*/
@-webkit-keyframes b1{
    0%{opacity: 0;transform:translateY(-1000px)}
    100%{opacity: 1;transform:translateX(0)}
}
@-moz-keyframes b1{
    0%{opacity: 0;transform:translateY(-1000px)}
    100%{opacity: 1;transform:translateX(0)}
}
@-o-keyframes b1{
    0%{opacity: 0;transform:translateY(-1000px)}
    100%{opacity: 1;transform:translateX(0)}
}
@keyframes b1{
    0%{opacity: 0;transform:translateY(-1000px)}
    100%{opacity: 1;transform:translateX(0)}
}

@-webkit-keyframes flipinX{
    0%{-webkit-transform:rotateX(90deg);opacity:0;}
    40%{-webkit-transform:rotateX(-10deg);}
    70%{-webkit-transform:rotateX(10deg);}
    100%{-webkit-transform:rotateX(0deg);opacity:1;}
}
@-moz-keyframes flipinX{
    0%{-moz-transform:rotateX(90deg);opacity:0;}
    40%{-moz-transform:rotateX(-10deg);}
    70%{-moz-transform:rotateX(10deg);}
    100%{-moz-transform:rotateX(0deg);opacity:1;}
}
@-ms-keyframes flipinX{
    0%{-ms-transform:rotateX(90deg);opacity:0;}
    40%{-ms-transform:rotateX(-10deg);}
    70%{-ms-transform:rotateX(10deg);}
    100%{-ms-transform:rotateX(0deg);opacity:1;}
}
@keyframes flipinX{
    0%{transform:rotateX(90deg);opacity:0;}
    40%{transform:rotateX(-10deg);}
    70%{transform:rotateX(10deg);}
    100%{transform:rotateX(0deg);opacity:1;}
}

/*从左往右*/
@keyframes b3{
    0%{opacity: 0;transform:translateX(1000px)}
    100%{opacity: 1;transform:translateX(0)}
}
@-o-keyframes b3{
    0%{opacity: 0;transform:translateX(1000px)}
    100%{opacity: 1;transform:translateX(0)}
}
@-moz-keyframes b3{
    0%{opacity: 0;transform:translateX(1000px)}
    100%{opacity: 1;transform:translateX(0)}
}
@-webkit-keyframes b3{
    0%{opacity: 0;transform:translateX(1000px)}
    100%{opacity: 1;transform:translateX(0)}
}
fieldset,
img {
  border: 0;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
}
img {
  vertical-align: middle;
}
address,
caption,
cite,
code,
dfn,
th,
var {
  font-style: normal;
  font-weight: normal;
}
ul,
ol {
  list-style: none;
}
input {
  padding-top: 0;
  padding-bottom: 0;
}
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
select,
input {
  vertical-align: middle;
}
select,
input,
textarea {
  font-size: 12px;
  margin: 0;
}
input[type="text"],
input[type="password"],
textarea {
  outline-style: none;
  -webkit-appearance: none;
}
textarea {
  resize: none;
}
table {
  border-collapse: collapse;
}

.banner {
  width: 100%;
  height: 350px;
  position: relative;
  background: url("https://www.youdmall.com/img/banner.png") no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
  overflow: hidden;
}
.banner1 {
  width: 100%;
  height: 273px;
  position: relative;
  background: url("../image/news.jpg") no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
  overflow: hidden;
}
.youdbg1 {
  width: 100%;
  height: 1274px;
  position: relative;
  background: url("../image/a1.jpg") no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
  overflow: hidden;
}
.banner .b_mask {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  text-align: center;
}
.banner .b_mask h1 {
  font-size: 40px;
  color: #fff;
  margin: 115px 0 58px;
}
.banner .b_mask p {
  font-size: 19px;
  color: #fff;
}
.banner .c_mask h1 {
  font-size: 40px;
  color: #fff;
  margin: 90px 0 23px;
}
.banner .c_mask p {
  margin-bottom: 23px;
}
.banner .c_mask p input {
  height: 38px;
  line-height: 38px;
  font-size: 14px;
  color: #fff;
  width: 170px;
  padding: 0 12px;
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  display: inline-block;
}
.banner .c_mask p span {
  display: inline-block;
  height: 38px;
  line-height: 38px;
  background-color: rgba(255, 255, 255, 0.4);
  font-size: 14px;
  color: #fff;
  padding: 0 25px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  margin-left: -5px;
  box-shadow: -1px 0 0 rgba(255, 255, 255, 0.3);
  cursor: pointer;
}
.banner .c_mask p button{
  font-size: 24px;
  color: #fff;
  animation:mybtn 5s infinite;
  -webkit-animation:mybtn 5s infinite;
  border-radius: 30px;
  background-color:#FFCC00;
  border:0px;
  width:360px;
  padding:16px 0;

}
@keyframes mybtn
{
  0% {background:#FFCC00;}
  35% {background:#FF7200;}
  70% {background:#6BB93C;;}
  100% {background:#FFCC00}
}

@-webkit-keyframes mybtn /* Safari and Chrome */
{
  0% {background:#FFCC00;}
  35% {background:#FF7200;}
  70% {background:#6BB93C;;}
  100% {background:#FFCC00}
}
.content {
  width: 1260px;
  margin: 0 auto;
  position: relative;
}
.content1 {
	width: 1280px;
	margin: 0 auto;
	position: relative;
	clip: rect(0px,auto,0px,auto);
}
.content .tit {
  padding-left: 20px;
  overflow: hidden;
  height: 90px;
  line-height: 90px;
}
.content .tit p {
  float: left;
  font-size: 24px;
}
.content .tit span {
  margin-left: 14px;
  float: left;
  font-size: 12px;
}
.content .c_nav {
  overflow: hidden;
  padding-left: 20px;
}
.content .c_nav li {
  float: left;
  height: 30px;
  padding: 0 11px;
  box-sizing: border-box;
  border: 1px solid #4A4A4A;
  border-radius: 15px;
  line-height: 28px;
  font-size: 12px;
  margin-right: 24px;
  cursor: pointer;
}
.content .c_nav li.active {
  background-color: #3387FF;
  border: 1px solid #3387FF;
  color: #fff;
}
.content .box {
  width: 100%;
}
.content .box .case_list {
  overflow: hidden;
  margin-top: 40px;
}
.content .box .case_list li {
  float: left;
  width: 200px;
  height: 247px;
  position: relative;
  overflow: hidden;
  margin: 0 20px 46px;
}
.content .box .case_list li .cont {
  width: 100%;
  height: 100%;
}
.content .box .case_list li .cont img {
  width: 100%;
  height: 200px;
}
.content .box .case_list li .cont p {
  height: 47px;
  line-height: 46px;
  border: 1px solid #F5F5F5;
  border-top: none;
  text-align: center;
  box-sizing: border-box;
}
.content .box .case_list li .c_mack {
  width: 100%;
  height: 200px;
  position: absolute;

  left: 0;
  top: -200px;
  transition: 0.3s;
}
.content .box .case_list li .c_mack img {
  display: block;
  width: 164px;
  height: 164px;
  margin: 18px auto 0;
}
.content .box .case_list li:hover .c_mack {
  top: 0;
}

/**/
.content .box .case_list1 {
  /*overflow: hidden;*/
  margin-top: 40px;
}
.content .box .case_list1 li {
  float: left;
  width: 200px;
  height: 247px;
  position: relative;
  overflow: hidden;
  /*margin-right: 30px;*/
}
.content .box .case_list1 li .cont {
  width: 100%;
  height: 100%;
}
.content .box .case_list1 li .cont img {
  width: 100%;
  height: 200px;
}
.content .box .case_list1 li .cont p {
  height: 47px;
  line-height: 46px;
  border: 1px solid #F5F5F5;
  border-top: none;
  text-align: center;
  box-sizing: border-box;
}
.content .box .case_list1 li .c_mack {
  width: 100%;
  height: 200px;
  position: absolute;
  left: 0;
  top: -200px;
  transition: 0.3s;
}
.content .box .case_list1 li .c_mack img {
  display: block;
  width: 164px;
  height: 164px;
  margin: 18px auto 0;
}
.content .box .case_list1 li:hover .c_mack {
  top: 0;
}
/**/
.content .fanye {
  text-align: center;
  margin-bottom: 100px;
}
.content .fanye .fen {
  display: inline-block;
  /*
             * 页数按钮样式
             */
}
.content .fanye .fen .page_div {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 15px;
  font-family: "microsoft yahei";
  color: #666666;
  margin-right: 10px;
  padding-left: 20px;
  box-sizing: border-box;
}
.content .fanye .fen .page_div a {
  min-width: 30px;
  height: 28px;
  border: 1px solid #dce0e0!important;
  text-align: center;
  margin: 0 4px;
  cursor: pointer;
  line-height: 28px;
  color: #666666;
  font-size: 13px;
  display: inline-block;
}
.content .fanye .fen #firstPage,
.content .fanye .fen #lastPage {
  width: 50px;
  color: #666;
  border: 1px solid #ccc!important;
}
.content .fanye .fen #prePage,
.content .fanye .fen #nextPage {
  width: 70px;
  color: #666;
  border: 1px solid #ccc !important;
}
.content .fanye .fen .page_div .current {
  background-color: #3387FF;
  border-color: #ccc;
  color: #FFFFFF;
}
.content .fanye .fen .totalPages {
  margin: 0 10px;
}
.content .fanye .fen .totalPages span,
.content .fanye .fen .totalSize span {
  color: #666;
  margin: 0 5px;
}

.a_cont {
  overflow: hidden;
  width: 100%;
}
.a_cont .a_left {
  float: left;
  width: 455px;
}
.a_cont .a_left .a_txt1 {
  text-align: center;
  margin-bottom: 55px;
}
.a_cont .a_left .a_txt1 h5 {
  font-size: 29px;
  height: 150px;
  line-height: 190px;
  font-weight: 500;
}
.a_cont .a_left .a_txt1 p {
  font-size: 13px;
  line-height: 26px;
  color: #333;
}
.a_cont .a_left .a_ipt {
  margin-bottom: 50px;
}
.a_cont .a_left .a_ipt input {
  font-size: 13px;
  height: 46px;
  line-height: 46px;
  border: 1px solid #E5E5E5;
  padding: 0 20px;
  width: 415px;
  outline: none;
  margin-bottom: 18px;
}
.a_cont .a_left .a_ipt p {
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: #FFCC00;
  color: #fff;
  font-size: 17px;
  border-radius: 3px;
}
.a_cont .a_right {
  float: right;
}
.a_cont .a_right img {
  width: 740px;
}
.b_cont {
  width: 100%;
}
.b_cont .b_up h4 {
  font-size: 27px;
  margin-top: 58px;
}
.b_cont .b_up span {
  font-size: 12px;
  letter-spacing: -0.8px;
  color: #8B8B8B;
}
.b_cont .b_up p {
  padding-left: 30px;
  background: url("https://www.youdmall.com/img/dui.png") no-repeat left center;
  -webkit-background-size: 15px;
  background-size: 15px;
  color: #8B8B8B;
  margin-top: 30px;
}
.b_cont .b_up .bp {
  margin: 0;
  padding: 0;
  font-size: 15px;
  line-height: 27px;
  background: none;
  margin-top: 25px;
  color: #8B8B8B;
}
.b_wrap {
  background-color: #F5F5F5;
  margin: 80px 30px;
}
.b_wrap .b_center {
  height: 575px;
  width: 1200px;
  margin: 0 auto;
}
.b_wrap .b_center .b_cen {
  text-align: center;
}
.b_wrap .b_center .b_cen h5 {
  height: 195px;
  overflow: hidden;
  line-height: 220px;
  font-size: 39px;
}
.b_wrap .b_center .b_cen p {
  line-height: 29px;
}
.b_wrap .b_center .b_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.b_wrap .b_center .b_list li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 93px 0 107px;
  text-align: center;
}
.b_wrap .b_center .b_list li p {
  font-size: 49px;
  color: #3487FF;
  margin-bottom: 30px;
}
.b_wrap .b_center .b_list li span {
  font-size: 15px;
}
.c_conts .c_way .c_top {
  text-align: center;
}
.c_conts .c_way .c_top h4 {
  margin: 30px 0 22px;
  font-size: 38px;
  font-weight: 100;
}
.c_conts .c_way .c_top .c_p1 {
  font-size: 14px;
  margin-bottom: 12px;
  color: #9C9C9C;
}
.c_conts .c_way .c_top span {
  display: inline-block;
  width: 100px;
  height: 1px;
  background-color: #FFCC00;
  margin-bottom: 30px;
}
.c_conts .c_way .c_top .c_p2 {
  font-size: 14px;
  line-height: 26px;
}
.c_conts .c_way .c_list {
  overflow: hidden;
  margin-top: 75px;
  margin-bottom: 80px;
}
.c_conts .c_way .c_list li {
  width: 20%;
  text-align: center;
  float: left;
  margin-bottom: 55px;
}
.c_conts .c_way .c_list li .c_pic {
  -webkit-background-size: 50% !important;
  background-size: 50% !important;
  border-radius: 50%;
  overflow: hidden;
  width: 133px;
  height: 133px;
  border: 1px solid #E6E6E6;
  margin: 0 auto 28px;
}
.c_conts .c_way .c_list li p:nth-of-type(1) {
  font-size: 18px;
  margin-bottom: 12px;
}
.c_conts .c_way .c_list li p:nth-of-type(2) {
  font-size: 15px;
}
.c_conts .c_way .c_list li:hover .c_pic {
  -webkit-background-size: 50% !important;
  background-size: 50% !important;
  border: 1px solid #FFCC00;
}
.c_conts .c_way .c_list li:nth-of-type(1) .c_pic {
  -webkit-background-size: 50% !important;
  background-size: 50% !important;
  background: url("../image/c11.png") no-repeat center center;
}
.c_conts .c_way .c_list li:nth-of-type(2) .c_pic {
  background: url("../image/c22.png") no-repeat center center;
}
.c_conts .c_way .c_list li:nth-of-type(3) .c_pic {
  background: url("../image/c33.png") no-repeat center center;
}
.c_conts .c_way .c_list li:nth-of-type(4) .c_pic {
  background: url("../image/c44.png") no-repeat center center;
}
.c_conts .c_way .c_list li:nth-of-type(5) .c_pic {
  background: url("../image/c55.png") no-repeat center center;
}
.c_conts .c_way .c_list li:nth-of-type(6) .c_pic {
  background: url("../image/c66.png") no-repeat center center;
}
.c_conts .c_way .c_list li:nth-of-type(7) .c_pic {
  background: url("../image/c77.png") no-repeat center center;
}
.c_conts .c_way .c_list li:nth-of-type(8) .c_pic {
  background: url("../image/c88.png") no-repeat center center;
}
.c_conts .c_way .c_list li:nth-of-type(9) .c_pic {
  background: url("../image/c99.png") no-repeat center center;
}
.c_conts .c_way .c_list li:nth-of-type(10) .c_pic {
  background: url("../image/c1011.png") no-repeat center center;
}
.c_conts .c_way .c_list li:nth-of-type(1):hover .c_pic {
  background: url("../image/c1.png") no-repeat center center #FFCC00;
  animation: myrun 5s linear infinite;
  -webkit-animation: myrun 5s linear infinite;
}
.c_conts .c_way .c_list li:nth-of-type(2):hover .c_pic {
  background: url("../image/c2.png") no-repeat center center #FFCC00;
  animation: myrun 5s linear infinite;
  -webkit-animation: myrun 5s linear infinite;
}
.c_conts .c_way .c_list li:nth-of-type(3):hover .c_pic {
  background: url("../image/c3.png") no-repeat center center #FFCC00;
  animation: myrun 5s linear infinite;
  -webkit-animation: myrun 5s linear infinite;
}
.c_conts .c_way .c_list li:nth-of-type(4):hover .c_pic {
  background: url("../image/c4.png") no-repeat center center #FFCC00;
  animation: myrun 5s linear infinite;
  -webkit-animation: myrun 5s linear infinite;
}
.c_conts .c_way .c_list li:nth-of-type(5):hover .c_pic {
  background: url("../image/c5.png") no-repeat center center #FFCC00;
  animation: myrun 5s linear infinite;
  -webkit-animation: myrun 5s linear infinite;
}
.c_conts .c_way .c_list li:nth-of-type(6):hover .c_pic {
  background: url("../image/c6.png") no-repeat center center #FFCC00;
  animation: myrun 5s linear infinite;
  -webkit-animation: myrun 5s linear infinite;
}
.c_conts .c_way .c_list li:nth-of-type(7):hover .c_pic {
  background: url("../image/c7.png") no-repeat center center #FFCC00;
  animation: myrun 5s linear infinite;
  -webkit-animation: myrun 5s linear infinite;
}
.c_conts .c_way .c_list li:nth-of-type(8):hover .c_pic {
  background: url("../image/c8.png") no-repeat center center #FFCC00;
  animation: myrun 5s linear infinite;
  -webkit-animation: myrun 5s linear infinite;
}
.c_conts .c_way .c_list li:nth-of-type(9):hover .c_pic {
  background: url("../image/c9.png") no-repeat center center #FFCC00;
  animation: myrun 5s linear infinite;
  -webkit-animation: myrun 5s linear infinite;
}
.c_conts .c_way .c_list li:nth-of-type(10):hover .c_pic {
  background: url("../image/c10.png") no-repeat center center #FFCC00;
  animation: myrun 5s linear infinite;
  -webkit-animation: myrun 5s linear infinite;
}
.c_conts .c_way .co_list {
  overflow: hidden;
}
.c_conts .c_way .co_list li {
  float: left;
  width: 25%;
}
.c_conts .c_way .co_list li img {
  width: 99%;
}
.c_conts .c_way .co_list1 {
  padding: 50px 0;
}
.c_conts .c_way .co_list1 li:hover {
  box-shadow: 0 0 40px #ccc;
}
.c_conts .c_way .co_list1 li {
  float: left;
  padding: 0 25px;
  width: 280px;
  height: 300px;
  border-radius: 5px;
  box-shadow: 0 0 30px #eee;
  margin: 0 10px;
  transition: .3s;
}
.c_conts .c_way .co_list1 li p {
  font-size: 21px;
  text-align: center;
  margin-top: 138px;
  margin-bottom: 25px;
}
.c_conts .c_way .co_list1 li span {
  font-size: 14px;
  color: #727272;
}
.c_conts .c_way .co_list1 li:nth-of-type(1) {
  background: url("../image/ca1.png") no-repeat center 40px;
  -webkit-background-size: 75px;
  background-size: 75px;
}
.c_conts .c_way .co_list1 li:nth-of-type(2) {
  background: url("../image/ca2.png") no-repeat center 40px;
  -webkit-background-size: 75px;
  background-size: 75px;
}
.c_conts .c_way .co_list1 li:nth-of-type(3) {
  background: url("../image/ca3.png") no-repeat center 40px;
  -webkit-background-size: 75px;
  background-size: 75px;
}
.c_conts .c_way .co_list1 li:nth-of-type(4) {
  background: url("../image/ca4.png") no-repeat center 40px;
  -webkit-background-size: 75px;
  background-size: 75px;
}
.c_conts .c_way .co_list2 {
  overflow: hidden;
  margin-bottom: 70px;
}
.c_conts .c_way .co_list2 li {
  float: left;
}
.c_conts .c_way .co_list2 li:nth-of-type(2n - 1) {
  width: 156px;
  height: 156px;
  border-radius: 50%;
  text-align: center;
  font-size: 15px;
  margin: 0 60px;
}
.c_conts .c_way .co_list2 li:nth-of-type(2n - 1) p {
  margin-top: 100px;
}
.c_conts .c_way .co_list2 li:nth-of-type(1) {
  background: url("../image/cb1.png") no-repeat center 40px #F1FAF7;
  -webkit-background-size: 43px;
  background-size: 43px;
}
.c_conts .c_way .co_list2 li:nth-of-type(3) {
  background: url("../image/cb2.png") no-repeat center 40px #F1FAF7;
  -webkit-background-size: 43px;
  background-size: 43px;
}
.c_conts .c_way .co_list2 li:nth-of-type(5) {
  background: url("../image/cb3.png") no-repeat center 35px #F1FAF7;
  -webkit-background-size: 53px;
  background-size: 53px;
}
.c_conts .c_way .co_list2 li:nth-of-type(7) {
  background: url("../image/cb4.png") no-repeat center 40px #F1FAF7;
  -webkit-background-size: 43px;
  background-size: 43px;
}
.c_conts .c_way .co_list2 li:nth-of-type(2n) {
  width: 30px;
  height: 156px;
  background: url("../image/cajian.png") no-repeat center center;
  -webkit-background-size: 100%;
  background-size: 100%;
}
.c_conts .c_ban {
  background: url("https://www.youdmall.com/img/banner.png") no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
}
.c_conts .c_ban h6 {
  font-size: 28px;
  margin: 70px  0 30px;
  font-weight: 100;
  color: #fff;
}
.c_conts .c_ban p {
  font-size: 14px;
  line-height: 26px;
}
.c_conts .c_ban span {
  width: 140px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 20px;
  color: #fff;
  font-size: 14px;
  display: inline-block;
  margin-top: 20px;
  cursor: pointer;
}
.c_conts .c_ban img {
  margin-top: 12px;
}
.d_contents {
  background-color: #EEEEEE;
  padding-top: 60px;
  padding-bottom: 80px;
}
.d_contents .d_cont {
  width: 760px;
  margin: 0 auto;
}
.d_contents .d_cont .d_tit {
  font-size: 25px;
  margin-bottom: 25px;
}
.d_contents .d_cont .zhu {
  width: 100%;
  height: 447px;
  background-color: #fff;
  box-shadow: 0 0 10px #ccc;
  padding-top: 53px;
}
.d_contents .d_cont .zhu .jin {
  width: 435px;
  margin: 0 auto;
  position: relative;
  height: 5px;
  background-color: #dadada;
  margin-bottom: 80px;
}
.d_contents .d_cont .zhu .jin div {
  width: 25%;
  height: 100%;
  background-color: #21A0F1;
}
.d_contents .d_cont .zhu .jin p {
  position: absolute;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: #21A0F1;
  color: #fff;
  line-height: 26px;
  text-align: center;
  top: -11px;
}
.d_contents .d_cont .zhu .jin p:nth-of-type(1) {
  left: -13px;
}
.d_contents .d_cont .zhu .jin p:nth-of-type(2) {
  left: 50%;
  margin-left: -13px;
}
.d_contents .d_cont .zhu .jin p:nth-of-type(3) {
  right: -13px;
}
.d_contents .d_cont .zhu .jin span {
  position: absolute;
  bottom: -50px;
}
.d_contents .d_cont .zhu .jin span:nth-of-type(1) {
  left: -35px;
}
.d_contents .d_cont .zhu .jin span:nth-of-type(2) {
  left: 50%;
  margin-left: -35px;
}
.d_contents .d_cont .zhu .jin span:nth-of-type(3) {
  right: -35px;
}
.d_contents .d_cont .zhu .one {
  padding-left: 214px;
}
.d_contents .d_cont .zhu .one input {
  line-height: 38px;
  padding: 0 10px;
  border: none;
  border-bottom: 1px solid #D2D2D2;
  margin-bottom: 10px;
  width: 170px;
}
.d_contents .d_cont .zhu .one input:nth-of-type(1) {
  width: 310px;
}
.d_contents .d_cont .zhu .one button {
  width: 330px;
  height: 40px;
  background-color: #21A0F1;
  color: #fff;
  border: none;
  border-radius: 3px;
  margin-top: 35px;
  cursor: pointer;
}
.d_contents .d_cont .zhu .one #btns {
  display: inline-block;
  text-align: center;
  line-height: 34px;
  width: 133px;
  height: 34px;
  border-radius: 3px;
  border: 1px solid #21A0F1;
  color: #21A0F1;
  font-size: 12px;
  vertical-align: super;
  cursor: pointer;
}
.d_contents .d_cont .zhu .two {
  text-align: center;
}
.d_contents .d_cont .zhu .two input {
  line-height: 38px;
  padding: 0 10px;
  border: none;
  border-bottom: 1px solid #D2D2D2;
  margin-bottom: 10px;
  width: 330px;
}
.d_contents .d_cont .zhu .two button {
  width: 330px;
  height: 40px;
  background-color: #21A0F1;
  color: #fff;
  border: none;
  border-radius: 3px;
  margin-top: 35px;
  cursor: pointer;
}
.d_contents .d_cont .zhu .three {
  text-align: center;
}
.d_contents .d_cont .zhu .three p {
  display: inline-block;
  background: url("https://www.youdmall.com/img/qqq.png") no-repeat left center;
  -webkit-background-size: 20px;
  background-size: 20px;
  padding-left: 30px;
  margin-top: 80px;
  margin-bottom: 30px;
}
.d_contents .d_cont .zhu .three a {
  width: 330px;
  height: 40px;
  background-color: #21A0F1;
  color: #fff;
  border: none;
  border-radius: 3px;
  margin-top: 35px;
  cursor: pointer;
  display: inline-block;
  line-height: 40px;
}
.ycont {
  background: #F5F5F5;
  padding-bottom: 70px;
}
.y_content {
  width: 1200px;
  margin: 0 auto;
}
.y_content ul {
  overflow: hidden;
  background-color: #fff;
}
.y_content ul li {
  width: 13%;
  float: left;
  padding: 30px 4% 30px 8%;
  position: relative;
  height: 70px;
  border-bottom: 1px solid #F5F5F5;
}
.y_content ul li p {
  font-size: 13px;
  line-height: 20px;
}
.y_content ul li span {
  position: absolute;
  display: block;
  width: 1px;
  height: 45px;
  background-color: #CCCCCC;
  right: 0;
  top: 50%;
  margin-top: -23px;
}
.y_content ul li:nth-of-type(1) {
  background: url("../image/q3.jpg") no-repeat 34px 34px;
}
.y_content ul li:nth-of-type(2) {
  background: url("https://www.youdmall.com/img/q1.jpg") no-repeat 34px 34px;
}
.y_content ul li:nth-of-type(3) {
  background: url("https://www.youdmall.com/img/q2.jpg") no-repeat 34px 34px;
}
.y_content ul li:nth-of-type(4) {
  background: url("https://www.youdmall.com/img/q4.jpg") no-repeat 34px 34px;
}
.y_content ul li:nth-of-type(5) {
  background: url("https://www.youdmall.com/img/q7.jpg") no-repeat 34px 34px;
}
.y_content ul li:nth-of-type(6) {
  background: url("https://www.youdmall.com/img/q5.jpg") no-repeat 34px 34px;
}
.y_content ul li:nth-of-type(7) {
  background: url("https://www.youdmall.com/img/q6.jpg") no-repeat 34px 34px;
}
.y_content ul li:nth-of-type(8) {
  background: url("https://www.youdmall.com/img/q8.jpg") no-repeat 34px 34px;
}
.y_content ul li:nth-of-type(9) {
  background: url("https://www.youdmall.com/img/q9.jpg") no-repeat 34px 34px;
}
.y_content ul li:nth-of-type(10) {
  background: url("https://www.youdmall.com/img/q11.jpg") no-repeat 34px 34px;
}
.y_content ul li:nth-of-type(11) {
  background: url("https://www.youdmall.com/img/q10.jpg") no-repeat 34px 34px;
}
.y_content ul li:nth-of-type(12) {
  background: url("https://www.youdmall.com/img/q12.jpg") no-repeat 34px 34px;
}
.y_content ul li:nth-of-type(4n) span {
  display: none;
}
.y_content ul li {
  -webkit-background-size: 38px;
  background-size: 38px;
}
@keyframes myrun {
  to {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    /* IE 9 */
    -moz-transform: rotate(360deg);
    /* Firefox */
    -webkit-transform: rotate(360deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(360deg);
  }
}
@-moz-keyframes myrun {
  /* Firefox */
  from {
    background: red;
  }
  to {
    background: yellow;
  }
}
@-webkit-keyframes myrun {
  /* Safari 和 Chrome */
  from {
    background: red;
  }
  to {
    background: yellow;
  }
}
@-o-keyframes myrun {
  /* Opera */
  from {
    background: red;
  }
  to {
    background: yellow;
  }
}
@media (max-width: 1200px) {
  .header {
    width: 100%;
  }
  .content {
    width: 100%;
  }
}

 .c_top {
    text-align: center;
     display: block !important;
}
 .c_top h4 {
     padding-top:90px;
    margin: 0 0 20px;
    font-size: 38px;
    font-weight: 100;
}
 .c_top .c_p1 {
    font-size: 14px;
    margin-bottom: 12px;
    color: #9C9C9C;
     font-weight: bold;
}
 .c_top span {
    display: inline-block;
    width: 100px;
    height: 1px;
    background-color: #3388FF;
    margin-bottom: 30px;
}
.y1_content{
    width: 1200px;
    margin: 0 auto;
}
.y1_content ul{
    overflow: hidden;
    background-color: #fff;
    margin: 5% 0 0 0;

}
.y1_content ul li{
    width: 21%;
    padding: 0;
    margin: 2.5% 2%;
    float: left;
    height: 350px;
    background-color: #FBFBFD;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    position: relative;


}
.y1_content ul li img{
    width: 40%;
    margin: 15% 30% 10% 30%;
    -webkit-transition: all 0.7s;
    -moz-transition: all  0.7s;
    -ms-transition: all  0.7s;
    -o-transition: all  0.7s;
    transition: all  0.7s;
}
 .y1_content ul li:hover img{
     -webkit-transform: rotateY(180deg);
     -moz-transform: rotateY(180deg);
     -ms-transform: rotateY(180deg);
     -o-transform: rotateY(180deg);
     transform: rotateY(180deg) rotateX(360deg);
 }
.y1_content ul li .title{
    text-align:center;
    font-weight:bold;
    font-size:20px;
    color:#333;
    position: absolute;
    top: 45%;
    width: 100%;
    -webkit-transition: all 0.7s;
    -moz-transition: all  0.7s;
    -ms-transition: all  0.7s;
    -o-transition: all  0.7s;
    transition: all  0.7s;
}
.y1_content ul li p{
    text-align:center;
    color:#B2B2B2;
    font-size:15px;
    position:absolute;
    top:55%;
    width: 100%;

}
.y1_content ul li .btn{
    text-align: center;
    /* color: #3388FF; */
    font-size: 15px;
    position: absolute;
    top: 75%;
    width: 100%;
    width: 50%;
    margin: 0 25%;
    border: 1px solid #3388FF;
    padding: 5px 0;
    border-radius: 20px;

}
.y1_content ul li .btn a{

     color: #3388FF;
    -webkit-transition: all 0.7s;
    -moz-transition: all  0.7s;
    -ms-transition: all  0.7s;
    -o-transition: all  0.7s;
    transition: all  0.7s;

}
.y1_content ul li:hover{
    background-color: #fff;
   box-shadow: 0 0 15px rgba(0,0,0,0.3);
}
.y1_content ul li:hover .title{

    color: #3388FF;

}
.y1_content ul li:hover .btn{
    background-color: #3388FF;

}
.y1_content ul li:hover a{
    color: #fff;

}
.y2_content {
    width: 1200px;
    margin: 0 auto;
}
.y2_content ul {
    overflow: hidden;
    background-color: #fff;
    margin: 5% 0;
}
.y2_content ul li {
    width: 25%;
    box-sizing: border-box;
    float: left;
    height: 160px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 20px;
}
 .y2_content ul li .avatar{
     -webkit-box-flex: 0 0 60px;
     -webkit-flex:  0 0 60px;
     -ms-flex:  0 0 60px;
     flex:  0 0 60px;
     width: 60px;
     height: 60px;
     margin-right: 15px;
     position: relative;
     overflow: hidden;
     font-size: 0;
     background-color: #fff;
     -webkit-transition: all 0.5s ;
     -moz-transition: all 0.5s ;
     -ms-transition: all 0.5s ;
     -o-transition: all 0.5s ;
     transition: all 0.5s ;
 }
 .y2_content ul li .avatar img{
     width: 60px;
     height: 60px;
     margin: 0;
     -webkit-transition: all 0.5s ;
     -moz-transition: all 0.5s ;
     -ms-transition: all 0.5s ;
     -o-transition: all 0.5s ;
     transition: all 0.5s ;
 }
 .y2_content ul li .txt1{
     -webkit-box-flex: 1;
     -webkit-flex: 1;
     -ms-flex: 1;
     flex: 1;
 }
 .y2_content ul li:hover .avatar{
     background-color: #3388ff;
 }
 .y2_content ul li:hover .avatar img.vf{
     margin-top: -60px;
 }
.y2_content ul li p {
    font-size: 13px;
    line-height: 20px;
}
.y2_lists .title  {
    font-size: 18px;
    font-family: '����';
    font-weight: bold;
    padding-bottom: 8px;
}
.y2_lists .line {
    width: 20%;
    height: 2px;
    background-color: #3388FF;
    margin-bottom: 8px;
}
/*.y2_content ul li:nth-of-type(1) {*/
/*background: url("/img/v1@2x.png") no-repeat 20px 30px;*/
/*}*/
/*.y2_content ul li:nth-of-type(2) {*/
/*background: url("/img/v2@2x.png") no-repeat 20px 30px;*/
/*}*/
/*.y2_content ul li:nth-of-type(3) {*/
/*background: url("/img/v3@2x.png") no-repeat 20px 30px;*/
/*}*/
/*.y2_content ul li:nth-of-type(4) {*/
/*background: url("/img/v4@2x.png") no-repeat 20px 30px;*/
/*}*/
/*.y2_content ul li:nth-of-type(5) {*/
/*background: url("/img/v5@2x.png") no-repeat 20px 30px;*/
/*}*/
/*.y2_content ul li:nth-of-type(6) {*/
/*background: url("/img/v6@2x.png") no-repeat 20px 30px;*/
/*}*/
/*.y2_content ul li:nth-of-type(7) {*/
/*background: url("/img/v7@2x.png") no-repeat 20px 30px;*/
/*}*/
/*.y2_content ul li:nth-of-type(8) {*/
/*background: url("/img/v8@2x.png") no-repeat 20px 30px;*/
/*}*/

.y2_content ul li:nth-of-type(4n) span {
display: none;
}
.ycont3{
    background: #F5F5F5;
    padding-bottom: 70px;
}
.y3_content {
    width: 1200px;
    margin: 0 auto;
}


.y3_content .case_list {
    overflow: hidden;

    margin-top: 40px;
}
.y3_content  .case_list li {
    margin: 0 20px 46px;
    float: left;
    width: 200px;
    height: 247px;
    position: relative;
    overflow: hidden;
    background-color: #fff;
}
.y3_content .case_list li .cont {
width: 100%;
height: 100%;
}
.y3_content  .case_list li .cont img {
width: 100%;
height: 200px;
}
.y3_content  .case_list li .cont p {
height: 47px;
line-height: 46px;
border: 1px solid #F5F5F5;
border-top: none;
text-align: center;
box-sizing: border-box;
}
.y3_content  .case_list li .c_mack {
width: 100%;
height: 200px;
position: absolute;
left: 0;
top: -200px;
transition: 0.3s;
}
.y3_content  .case_list li .c_mack img {
display: block;
width: 164px;
height: 164px;
margin: 18px auto 0;
}
.y3_content  .case_list li:hover .c_mack {
top: 0;
}
.y3_content   .more{
    width: 100%;
    text-align: center;
}
.y3_content   .more p{
    padding:8px 15px;
    width: 10%;
    margin: 0 45%;
    border: 1px solid #333;
    border-radius: 20px;
}



.y4_content{
    width: 1200px;
    margin: 0 auto;
}
.y4_content ul {
    overflow: hidden;
    background-color: #fff;
    margin: 5% 0;
}
.y4_content .y4_lists li{
    width: 100%;
    color: #888888;
    font-size: 14px;

}
.y4_content .y4_lists li .box{
    width: 100%;
    margin: 30px 0 60px 0;
    padding: 30px 0;
    border-bottom: 1px solid #ddd;
    overflow: hidden;

}
.y4_content .y4_lists li .box .left {
    width: 50%;
    margin-right: 10%;
    float: left;
}

.y4_content .y4_lists li .box .right{
    width: 40%;
    float: left;
}

.y4_content .y4_lists li .box1{
    width: 100%;
    margin: 30px 0 60px 0;
    padding: 30px 0;
    border-bottom: 1px solid #ddd;
    overflow: hidden;

}

.y4_content .y4_lists li .box1 .left {
    width: 50%;
    margin-left: 10%;
    float: right;
}

.y4_content .y4_lists li .box1 .right{
    width: 40%;
    float: right;
}
.y4_content .y4_lists li p{
    color: #888888;
}
.y4_content .y4_lists li  .left .title {

    padding: 0 0 40px 0;
}
.y4_content .y4_lists li  .left .title a{
    font-size: 26px;

    color: #333;

}
.y4_content .y4_lists li .left p img{
    width: 25px;
    margin: 10px 15px 10px 0;
}
.y4_content .y4_lists li .left ul{
    margin: 15px 30px;
}
.y4_content .y4_lists li .left ul li{
    padding: 5px 0;
}

.banner {
    width: 100%;
    height: 350px;
    position: relative;
    background: url("https://www.youdmall.com/img/banner1.png") no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden;
}
.banner .b_mask {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.1);
  text-align: center;
}
.banner .b_mask h1 {
  font-size: 40px;
  color: #fff;
  margin: 115px 0 58px;
}
.banner .b_mask p {
  font-size: 19px;
  color: #fff;
  padding:5px 0;
}

.threepoint{
    width: 600px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 30px;
}
 .threepoint ul{
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align:  flex-end;
     -webkit-align-items:  flex-end;
     -ms-align-items:  flex-end;
     box-align:flex-end;
     -ms-flex-align:  flex-end;
     align-items:  flex-end
 }
 .threepoint ul .po1{
     height: 150px;
     background-color: #5cdf76;
 }
 .threepoint ul .po2{
     height: 250px;
     background-color: #20a9fd;
 }
 .threepoint ul .po3{
     height: 150px;
     background-color: #c58dff;
 }
 .threepoint ul li{
     margin-right: 20px;
     -webkit-box-flex: 1;
     -webkit-flex: 1;
     -ms-flex: 1;
     flex: 1;
     background-color: #ccc;
     text-align: center;
    padding-top: 40px;
  }
 .threepoint ul .point .imgwrapper{
     padding: 20px 0;
 }
 .threepoint ul .point .txt1{
     padding: 0px 20px;
     color: #fff;
 }
 .threepoint h1{
     text-align: center;
     padding-top: 60px;
     margin: 0 0 42px;
     font-size: 38px;
     font-weight: 100;
 }
 .threepoint .subtit{
     font-size: 14px;
     margin-bottom: 12px;
     color: #9C9C9C;
     font-weight: bold;
 }
 .threepoint .line{
     display: inline-block;
     width: 100px;
     height: 1px;
     background-color: #3388FF;
     margin-bottom: 30px;
 }
 .lev{
    margin-top:10%;
}
.lev div{
   text-align:center;
   margin:10% 0 0 0;
}
.lev li{
    display:inline-block;
    width: 12%;

}
.lev li img{
    margin: 0 25px;
}
.lev2{
    margin:4% 0 10% 0;

}
.lev2 div{
    text-align:center;
    margin:10% 0 0 0;
 }
.lev2 li{
    display:inline-block;
    width: 12%;

}
.lev2 li img{
    margin: 0 25px;
}
     .double-color {
      background: #f2f5f7; }
     .pc-module {
      width: 100%; }
       .pc-module .pc-module-div {
        width: 900px;
        height: 630px;
        margin: 0 auto;
        padding-top: 60px; }
         .pc-module .pc-module-div .title {
          text-align: center; }
           .pc-module .pc-module-div .title h1 {
            font-size: 30px;
            color: #333; }
           .pc-module .pc-module-div .title h2 {
            color: #777;
            font-size: 18px;
            margin-top: 10px; }
         .pc-module .pc-module-div .content-img img {
          display: block;
          margin: 60px auto 0; }
         .pc-module .pc-module-div .content-img .mobile-img {
          display: none; }
     .mobile-img {
      display: none; }
     .pc-module-link {
      background: #fff;
      height: 430px;
      padding-top: 230px; }
       .pc-module-link a {
        display: block;
        width: 245px;
        height: 50px;
        background-color: #36d129;
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
        line-height: 50px;
        text-align: center;
        color: #fff;
        margin: 0 auto;
        font-size: 16px; }
       .pc-module-link a:hover {
        opacity: 0.9; }
     .mobile-module {
      display: none; }  
.qz-table {
  width: 96%;
  border: 1px solid #d8d8d8;
  margin: 0 auto;
  color: #343434;
}
.qz-table th, .qz-table td {
  padding: 0 5px;
  font-weight: normal;
  text-align: center;
}
.qz-table td {
  border: 1px solid #d8d8d8;
}
.qz-table thead tr {
  height: 60px;
  font-size: 20px;
}
.qz-table .func {
  padding: 40px 50px;
  font-size: 15px;
  text-align: left;
  line-height: 42px;
  color: #2e2e2e;
}
.qz-table .func span {
  display: inline-block;
  margin: 0 10px;
}
.qz-table .font24 {
  font-size: 24px;
}
.qz-table .font15 {
  font-size: 15px;
}
.wp {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}

.g-tit01 {
  padding: 0 50px;
  margin-bottom: 50px;
  font-size: 16px;
  text-align: center;
  color: #787878;
}
.g-tit01 h2 {
  margin-bottom: 20px;
  font-size: 30px;
  color: #333;
}
.g-tit01.white {
  color: #fff;
}
.g-tit01.white h2 {
  color: #fff;
}

.g-btn01 {
  display: block;
  width: 203px;
  height: 45px;
  margin: 45px auto;
  font-size: 16px;
  text-align: center;
  line-height: 46px;
  color: #fff;
  background-color: #e00;
}
.g-btn01:hover {
  color: #fff;
  opacity: .8;
  filter: alpha(opacity=80);
}

.table-cell {
  display: table-cell;
  vertical-align: middle;
}	  

.dropdown {
    position: relative;
    z-index: 99999;
}