@charset "UTF-8";
/* 前端效果库的样式。 由DM建站系统 www.demososo.com开发 */
/*dmefplaybtn*/
.dmefplaybtn_posi{position:absolute;z-index:22;left:50%;text-align:center;top:50%;
    margin-left:-30px;margin-top:-30px;
width: 65px;height: 65px}
.dmefplaybtn{position:relative;display:inline-block;align-items:center;width:65px;height:65px;border:none;}
.dmefplaybtn button{background-color:transparent;border:none;background-color:#0e3746;color:#ffffff;width:100%;height:100%;border-radius:100%;position:relative;z-index:3;outline:none;-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,0.25);box-shadow:0 0 8px 0 rgba(0,0,0,0.25)}
.dmefplaybtn i{font-size: 16px}
.dmefplaybtn:before,.dmefplaybtn:after{content:"";width:100%;height:100%;position:absolute;top:50%;left:50%;background-color:white;opacity:1;border-radius:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.dmefplaybtn:before{z-index:2;-webkit-animation:before-animation 1500ms infinite;animation:before-animation 1500ms infinite}
.dmefplaybtn:after{z-index:1;-webkit-animation:after-animation 1500ms infinite;animation:after-animation 1500ms infinite}
@-webkit-keyframes before-animation{0%{-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:1}
100%{-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity:0}
}@keyframes before-animation{0%{-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:1}
100%{-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity:0}
}@-webkit-keyframes after-animation{0%{-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:1}
100%{-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(2);transform:translateX(-50%) translateY(-50%) translateZ(0) scale(2);opacity:0}
}@keyframes after-animation{0%{-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:1}
100%{-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(2);transform:translateX(-50%) translateY(-50%) translateZ(0) scale(2);opacity:0}
}

/*dmefbtn*/
.dmefbtn a{position:relative;overflow:hidden;background:#00a0e9;text-align:center;color:#fff;
    height:55px;line-height:55px;padding:0 35px;border-radius:8px;font-size:16px;
    text-transform:uppercase;display:inline-block;letter-spacing:1px;z-index:1}
.dmefbtn a::before{background:#fff;content:"";height:155px;left:-75px;opacity:0.2;position:absolute;top:-50px;transform:rotate(35deg);transition:all 550ms cubic-bezier(0.19,1,0.22,1);width:50px;z-index:-10}
.dmefbtn a:hover::before{left:120%;transition:all 550ms cubic-bezier(0.19,1,0.22,1)}

.dmefbtn_zhi a{ border-radius:0px;}
.dmefbtn_mid a{  height:45px;line-height:45px;padding:0 22px;font-size:14px; }
.dmefbtn_sm a{  height:35px;line-height:35px;padding:0 15px;font-size:14px; }

/* chagne bgcolor*/
.dmef_black .dmefbtn .dmbtn{ background:#000; color:#fff;  } 
.dmef_green .dmefbtn .dmbtn{ background:#73bd24; color:#fff;  }
.dmef_yellow .dmefbtn .dmbtn{ background:#ffc845;   color:#222429; }
.dmef_orange .dmefbtn .dmbtn{ background:#fd914f;  color:#222429; }
.dmef_pink .dmefbtn .dmbtn{ background:#ff2f68;  }
.dmef_red .dmefbtn .dmbtn{ background:red;  }
.dmef_qing .dmefbtn .dmbtn{ background:#008b8b;  }
.dmef_purple .dmefbtn .dmbtn{ background:#a749ff;  }
/*  text color*/
.dmefbtn.dmef_c_black .dmbtn{  color:#000; }
.dmefbtn.dmef_c_white .dmbtn{  color:#fff; }

/*dmefbtn2*/

.dmefbtn2 .dmbtn{height:46px;line-height:46px;padding:0 30px;  display:inline-block;font-weight:400;border:1px solid #fff;color:#fff;
  font-style:italic;text-decoration:none;overflow: hidden;font-size:14px;
   border-radius:0;
  -webkit-transition:all 0.5s ease;transition:all 0.5s ease; 
-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);
 }
 .dmefbtn2bg .dmbtn{ border:1px solid #00a0e9;color:#000  } 
.dmefbtn2 .dmbtn:after{content:"";background:#00a0e9;position:absolute;-webkit-transition:all 0.4s ease-in;transition:all 0.4s ease-in;z-index:-1;height:100%;left:-35%;top:0;-webkit-transform:skew(30deg);transform:skew(30deg);-webkit-transition-duration:0.6s;transition-duration:0.6s;-webkit-transform-origin:top left;transform-origin:top left;width:0}

.dmefbtn2 .dmbtn:hover{color:#fff;border-color:#00a0e9}
.dmefbtn2 .dmbtn:hover:after{height:100%;width:135%}
/* chagne bgcolor*/
.dmef_black .dmefbtn2 .dmbtn:after{ background:#000;}.dmef_black .dmefbtn2 .dmbtn:hover{ border-color:#000;}
.dmef_green .dmefbtn2 .dmbtn:after{ background:#73bd24;}.dmef_green .dmefbtn2 .dmbtn:hover{ border-color:#73bd24;}
.dmef_yellow .dmefbtn2 .dmbtn:after{ background:#ffc845}.dmef_yellow .dmefbtn2 .dmbtn:hover{ border-color:#ffc845;color:#222429;}
.dmef_orange .dmefbtn2 .dmbtn:after{ background:#fd914f}.dmef_orange .dmefbtn2 .dmbtn:hover{ border-color:#fd914f;color:#222429;}
.dmef_pink .dmefbtn2 .dmbtn:after{ background:#ff2f68;}.dmef_pink .dmefbtn2 .dmbtn:hover{ border-color:#ff2f68; }
.dmef_red .dmefbtn2 .dmbtn:after{ background:red}.dmef_red .dmefbtn2 .dmbtn:hover{ border-color:red; }
.dmef_qing .dmefbtn2 .dmbtn:after{ background:#008b8b;}.dmef_qing .dmefbtn2 .dmbtn:hover{ border-color:#008b8b; }
.dmef_purple .dmefbtn2 .dmbtn:after{ background:#a749ff;}.dmef_purple .dmefbtn2 .dmbtn:hover{ border-color:#a749ff; }
  
/*efcsswrap hd*/
/*用于标题和副标题*/
.efboxhdhide .efboxhd{ display: none; }
.efboxhd{padding: 10px;text-align: center;color:#000;margin-bottom: 20px}
.efboxhd h3,.efboxhd .title,.regioncnt .efboxhd h3{font-size: 32px;}
.efboxhd .titlesub{font-size: 14px;margin-top: 15px;line-height: 24px;color:#666;}
.white,.white p,.white .titlesub{color:#fff;}
.red,.red p,.red .titlesub{color:red;}
.green,.green p,.green .titlesub{color:#73bd24;}
.blue,.blue p,.blue .titlesub{color:#00a0e9;}
.orange,.orange p,.orange .titlesub{color:#fd914f;}

.efboxhd .line{background:#a8a8a8 none repeat scroll 0 0;display:block;height:2px;margin:20px auto 0;overflow:hidden;width:50px}
.efboxhd.tl .line{margin:20px 5px 0;} /*text left*/
.efboxhd.long .line{width:100px;}
.efboxhd.red .line{background: red}
.efboxhd.blue .line{background: #00a0e9}
.efboxhd.green .line{background: #73bd24}
.efboxhd.orange .line{background: #fd914f}
.efboxhd.white .line{background: #ffff}

/*用于内容*/
.efboxcnt .title{font-size: 30px}
.efboxcnt .desp,.efboxcnt .desp p{font-size: 14px;line-height: 22px;margin: 15px 0}
.efboxcnt .desp p{margin: 0 0 15px 0}

.efboxcntbig .title{font-size:48px;line-height:50px;color:#fff;font-weight:700}
.efboxcntbig .desp,.efboxcntbig .desp p{font-size: 16px;color:#fff;margin:20px 0;line-height: 28px}
.efboxcntbig .desp p{margin: 0 0 15px 0}
 
 .efdesp{line-height: 20px;font-size: 14px;}
 .efdesp p{margin-bottom:10px }
 
/*header sticky*/
.headersticky{position:fixed !important;top:0;left:0;right:0;z-index:999;-webkit-animation:efsticky  1.2s;animation:efsticky  1.2s;}
@-webkit-keyframes efsticky{0%{top:-200px}
100%{top:0}
}@keyframes efsticky{0%{top:-200px}
100%{top:0}
}

@media (max-width:800px){
    .efboxhd h3,.efboxhd .title,.regioncnt .efboxhd h3{font-size: 24px;}
    .efboxhd .titlesub{font-size: 12px;line-height: 22px;}
    .efboxcnt .title{font-size: 24px}
    .efboxcntbig .title{font-size:30px;line-height:40px; }
    .efboxcntbig .desp,.efboxcntbig .desp p{font-size: 14px; margin:15px 0;line-height: 22px}
    .dmefbtn  .dmbtn{height:40px;line-height:40px;padding:0 20px;} 
    .dmefbtn2 .dmbtn{height:36px;line-height:36px;padding:0 20px; }
 }