/* 内页-广告 */
/* background-attachment: fixed;background-size:cover; */

.banner,.banner-overaly{position:relative;background-attachment: fixed;background-repeat:no-repeat;background-position:center top;}
/* background-size:cover; */
.banner-overaly:after{filter: grayscale(100%) brightness(50%);position:absolute;content:"";top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);}
.banner-big{min-height: calc(100vh - 0px);}/* min-height: calc(100vh - 90px)浏览器高度全屏 */

.banner .title{padding-top:20%;}
.banner .title p{font-size:24px;}
.banner .title strong {font-size:64px;margin:20px 0 0 0;display: block}
.banner .title h2 {font-size:48px;margin:20px 0 0 0;display: block;font-weight: 600}
.banner .title .pro{width:550px;margin:50px auto 0 auto;}

.banner a.button {display:inline-block;position:relative;top:0;padding:0px 30px;line-height:48px;font-size:16px;border-radius:60px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.banner a.button:hover {top:-4px;text-decoration:none;color:#fff;box-shadow:0px 18px 36px 0px rgba(14,104,166,0.25);}
.banner a.button:hover:after {background:rgba(255,255,255,0.2);}
.banner a.border{border:2px solid #fff;line-height:44px;}
.banner a.border:hover{color:#333}

.full-bg{padding:150px 0;position:relative;background-attachment: fixed;background-repeat:no-repeat;background-position:center top;}
/* background-size:cover; */
.full-bg-overaly:after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);}
.full-bg .title strong {font-size:48px;display: block}
.full-bg .title h2 {font-size:32px;display: block;font-weight: 600}
.full-bg .title h1 {font-size:64px;display: block;font-weight: 600}
.full-bg a.button {display:inline-block;position:relative;top:0;padding:0px 30px;line-height:48px;font-size:16px;border-radius:60px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.full-bg a.button:hover {top:-4px;text-decoration:none;color:#fff;box-shadow:0px 18px 36px 0px rgba(14,104,166,0.25);}
.full-bg a.button:hover:after {background:rgba(255,255,255,0.2);}
.full-bg a.border{border:2px solid #fff;line-height:44px;}
.full-bg a.border:hover{color:#333}
.full-bg .content p{font-size:24px;line-height: 32px;margin-bottom:10px;}

/* 播放动画 */
.animate-video-play{text-align:center;margin:0 auto;}
.animate-video-play a{background: linear-gradient(135deg, #00C798, #0187CE);font-size:32px;color:#fff;height:90px;width:90px;line-height:90px;left:50%;margin-left:-45px;z-index:0;border-radius:50%;display:block;position:absolute;text-align:center;opacity:.95}
.animate-video-play a:hover{background: linear-gradient(135deg, #0187CE, #00C798);}
.animate-video-play a::before{content:"";position:absolute;left:50%;top:50%;height:90px;width:90px;background:rgba(255,255,255,0.479);z-index:-1;border-radius:50%;animation:pulse-border 1500ms ease-out infinite;}
@keyframes pulse-border{0%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:1;}100%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity:0;}}
/* 播放动画 end*/

.text-block{height:280px;position:relative;background: linear-gradient(135deg, #0187CE, #00C798)}
.text-block .icon {
  top: -35px;
  left: 40px;
  height: 70px;
  width: 70px;
  line-height: 70px;
  transform: rotate(45deg);
  transition: all 0.3s ease;
  text-align: center;
  position:absolute;
  background: #FFF;
  border:2px solid #EEE;
}

.text-block:hover{background: linear-gradient(135deg, #00C798, #0187CE)}
.text-block .icon i{transform: rotate(-45deg);color:#666;}
.text-block strong{display: block;margin:40px 0 10px 0;font-size:18px;}
.text-block:hover .icon i{color:#fff;}
.text-block:hover .icon{background: linear-gradient(135deg, #0187CE, #00C798)}

.advantage-3 {background-repeat:no-repeat;background-position:center center;}
/* .advantage-3{overflow: hidden;position: relative;padding:0} */
/* .advantage-3::before {content: "";background: #ccc;position: absolute;bottom:-35px;top: 35px;left: 0;right: 0;transform: skewY(-2deg);} */
.advantage-3 .left{margin-right:30px}
.advantage-3 .middle{margin:0;padding:30px;}
.advantage-3 .middle img{width:100%;}
.advantage-3 .right{margin-left:30px;}
.advantage-3 .pic-x{margin-top:60px}
.advantage-3 .pic-x .media.media-x strong {font-size:24px;margin-bottom:20px;}
.advantage-3 .pic-x .media.media-x .media-body{line-height:28px;font-size:16px}
.advantage-3 .pic-x .media.media-y img{width:48px;height:48px;}

/* 功能要点 */
.ico-x .media {display:block;transition:all .2s;position:relative;padding:20px;margin-bottom:30px}
.ico-x .media span{border-radius:8px;display:block;width:32px;height:32px;line-height:32px}
.ico-x .media img{max-width:128px}
.ico-x .media i{font-size:16px;}
/* .ico-x .media:hover {box-shadow:0 15px 36px 4px rgba(0,0,0,.09);transition:all 0.3s;top:-10px} */
.ico-x .media:hover .media-body strong a {color:#EF0101}
.ico-x .media-body {padding:15px 0 0 12px}
.ico-x .media-body strong {color:#333;font-weight:400;font-size:18px;margin-bottom:10px}
/* 功能要点 end */


/* 模板特点 */
.pic-y .media {display:block;margin-bottom:30px;padding:50px 30px}
.pic-y .media-body {padding:10px 20px}
.pic-y .media-body strong {margin:20px 0 40px 0;position:relative;font-weight:300}
.pic-y .media-body strong:before {content:'';display:block;position:absolute;width:20px;height:2px;bottom:-20px;left:50%;margin-left:-10px;background:#ddd;}
/* 模板特点 end*/

/* 模板特点 */
.ico-y .media{display:block;padding:30px 0}
.ico-y .media-body {padding:20px}
.ico-y .media-body strong {font-size:18px;margin:0;position:relative;height:40px;font-weight: 400}
.ico-y .media-body strong:before {content:'';display:block;position:absolute;width:20px;height:3px;bottom:0px;left:50%;margin-left:-10px;background: linear-gradient(135deg, #00C798, #0187CE);}
/*.ico-y .media.shadow {box-shadow: 0 8px 25px 0px rgba(229, 229, 229, 0.3);-webkit-transition:.3s;transition:.3s;margin-bottom:20px;}
.ico-y .media.shadow:hover{box-shadow: 0 20px 30px rgba(229, 229, 229, 0.8);}
*/
.ico-y .media-body p{height:50px;overflow: hidden;}
.ico-y .media-body ul li{padding:0 0 5px 20px;line-height:24px;position:relative;font-size:16px}
.ico-y .media-body ul li p{line-height:24px}
.ico-y .media-body ul li:before{content:'';position:absolute;top:10px;left:0;background:#0068A5;width:6px;height:6px;border-radius:50%}

/* 纯文字列表  begin*/
.list-post-text {padding:0px}
.list-post-text li {padding:10px 0;line-height:20px}
.list-post-text li a {display:block;}
.list-post-text li a:hover {color:#ED6D00;}
.list-post-text li.dot a {padding-left:16px;position:relative}
.list-post-text li.dot:hover a:before {background:#ED6D00;}
.list-post-text li.dot a:before {content:'';position:absolute;left:-1px;background:#ccc;width:6px;height:6px;top:9px;border-radius:50%}
/* 纯文字列表1列  end*/

.list-cross .bg-1{background:#FFCDD2}
.list-cross .bg-2{background:#B3E5FC}
.list-cross .bg-3{background:#C5CAE9}
.list-cross .bg-4{background:#B2EBF2}
.list-cross .bg-5{background:#FFCDD2}
.list-cross dl.margin-big-bottom{margin-bottom:20px}
.list-cross dl.margin-bottom{margin-bottom:10px}
.list-cross dl dt {display:block;width:50%;font-weight:normal;line-height:30px}
.list-cross dl dt ul li {padding:0 0 5px 20px;position:relative;font-size:16px;}
.list-cross dl dt ul li p {line-height:28px}
.list-cross dl dt ul li:before {content:'';position:absolute;top:10px;left:0px;background:#666;width:8px;height:8px;border-radius:50%;}
.list-cross dl dt strong{font-size:28px;}
.list-cross dl dt h2{font-size:24px;line-height: 32px}
.list-cross dl dd {display:block;width:50%;}
/* .list-cross dl dd .padding{padding:50px 80px} */
.list-cross dl:nth-child(2n+0) dt {float:right;}
.list-cross dl:nth-child(2n+0) dt .padding{padding:120px 0px 50px 50px;}
.list-cross dl:nth-child(2n+0) dd .padding{padding:0 50px 0 0;}
.list-cross dl:nth-child(2n+1) dt {float:left}
.list-cross dl:nth-child(2n+1) dt .padding{padding:120px 50px 50px 0;}
.list-cross dl:nth-child(2n+1) dd .padding{padding:0 0 0 50px;}
.list-cross dl:nth-child(2n+0) dd {float:left}
.list-cross dl:nth-child(2n+1) dd {float:right}
.list-cross dl dt .button-big{padding:10px 30px}
.list-cross dl dt .media-inline .media{margin-top:0px;margin-bottom:10px;margin-right:30px}
/* 图文左右交X */

.post-mask .media-img {position:relative;overflow: hidden;margin-bottom: 30px}
.post-mask .media-img .h{padding-bottom:64%;display:block;width:100%;height:0;overflow:hidden;background-position:center;position:relative;text-indent: -3000px;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
.post-mask .media-img:hover .h{background-position:center bottom;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
.post-mask .media-img .post-title{background:rgba(0,199,152,0.5);bottom:0px;left:0px;width:100%;padding:20px;position:absolute;transition:0.3s;}
.post-mask .media-img .post-title strong a {font-weight:400;display:block;}
.post-mask .media-img:hover .post-title strong a {color:#fff;}

/* 平板768x1000begin */
@media screen and (max-width:768px) {

/* 图文左右交X begin */
.list-cross dl dt,.list-cross dl dd {width:100%;text-align:center;float:none}
.list-cross dl:nth-child(2n+0) dt .padding,.list-cross dl:nth-child(2n+0) dd .padding,.list-cross dl:nth-child(2n+1) dt .padding,.list-cross dl:nth-child(2n+1) dd .padding{padding:20px;}
.list-cross dl dt h2{font-size:20px;}

/* 模板特点 */
.pic-y .media {margin-bottom:20px;padding:20px 10px}
.pic-y .media-body {padding:10px}
.pic-y .media-body strong {margin:20px 0 30px 0;}
.pic-y .media-body strong:before {bottom:-10px;}
/* 模板特点 end*/

.banner-big{min-height: calc(100vh - 300px);}
.banner .title{padding-top:50%}
.banner .title strong {font-size:48px;}
.banner .title h2{font-size:28px;margin:0;}
.banner .title .pro {width:100%;}

.full-bg{padding:100px 0;}
.full-bg .title h1 {font-size:48px;}
.full-bg .title h2 {font-size:20px;}
.full-bg .title strong {font-size:32px;}
.full-bg .content p{font-size:18px;line-height: 30px;}
.full-bg .photo{width:100%;margin:10px 0;}

.ico-y .media{margin:10px 0 0 0;}
.ico-y .media-body strong {margin:10px 0 20px 0;}

/* 功能要点 */
.ico-x .media {min-height:auto;padding:12px;margin-bottom:10px}
.ico-x .media img{max-width:100px}
.ico-x .media-body {padding:10px 0 0 10px}
.ico-x .media-body strong {font-size:18px;}

/* m标签 */
.tab-x .tab .tab-nav li {width:33%;}
.tab-x .tab .tab-nav li a {margin:0 10px;font-size:16px;padding:0;}
.tab-y .tab .tab-nav li{margin:0}
.tab-y .tab .tab-nav li.active a{background:#fff;border:1px solid #EEF0F3}
.tab-y .tab .tab-nav li a {height:50px;line-height:50px;}
.tab-y .tab .tab-nav li:first-child a {border-top-right-radius:10px;}
.tab-y .tab .tab-nav li:last-child a{border-radius:0px;}
.tab-y .tab .tab-nav li.active:after{display:none;}
.tab-y .tab .tab-body {min-height:auto;border-radius:10px;}

}