.head a{color: #fff;}
.tBannerBox { width: 100%; height: 170px; padding-top: 120px; overflow: hidden; zoom: 1; background: url('../../img/more/bg.jpg') top center no-repeat; background-attachment: scroll; background-attachment: fixed;}
.templatebanner { width: 1100px; height: 170px; line-height: 170px; font-size: 36px; color: #fff; margin: 0 auto; text-align: center;}
.tabcontainer{ width: 100%; display: flex; justify-content: center; padding-top: 20px;}
.layui-tab-title li{ width: 150px; height: 50px;}
.layui-tab{ width: 1200px;}
.layui-tab-content{ padding-top: 20px!important;}
/* pc端案例展示 */
.pccontainer-fluid{ width: 100%; color: #fff; text-align: center;}
.pccontainer{ width: 1200px; margin: 0 auto; text-align: center;display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.boxcontainer{ margin: 30px; color: #555; overflow: hidden;}
.pcbox{ position: relative; width: 320px; height: 180px; overflow: hidden;}
.pcbox:hover{ transition: 8s !important; background-position: -40px -600px !important;}
/* 遮罩层 */
.pcbox>.mask{ overflow: hidden; position: absolute; top: 0; left: 0; width: 320px; height: 180px; line-height: 180px; transition: all 1.5s linear;}
.pcbox:hover  .mask{ background: rgba(0, 0, 0, 0.5); animation:pcbox 1s; -moz-animation:pcbox 1s; /* Firefox */ -webkit-animation:pcbox 1s; /* Safari and Chrome */ -o-animation:pcbox 1s; /* Opera */}
@keyframes pcbox
    {0%   {top: -250px;}
    100% {top: 0;}}
/* 遮罩层预览按钮 */
.pcbox>.mask  input{ display: none;}
.pcbox:hover .mask  input{ cursor: pointer; display: inline; width: 80px; height: 40px; background-color: #499ffe; border-style: none; outline: none; border-radius: 50px; color: #fff; font-size: 20px;}
.boxcontainer p{ text-align: center; cursor: default; position: relative; border-bottom: 2px #555 solid ; padding-bottom: 20px; margin: 15px 0;}
.boxcontainer p:after{ position : absolute; bottom : -2px; left : 0; width : 0px; border-bottom: 2px #555 solid; transition : all 1s; content : "";}
.boxcontainer p:hover{ border: none;}
.boxcontainer p:hover:after{ width: 320px;}
.boxcontainer p>span{ display: inherit; padding-top: 10px; font-size: 12px;}
#pc_page,#m_page{ width: 1200px; margin: 0 auto; text-align: center;}