@charset "utf-8";
/* CSS Document */

/**common**/
*{ margin:0; padding:0; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
body, div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { margin:0; padding:0; font:14px/1 Arial,Helvetica,\5FAE\8F6F\96C5\9ED1,sans-serif;}
table,td,tr,th { border-collapse: collapse; border-spacing: 0; font-size:14px;}
ol,ul {list-style:none;}
li { list-style-type:none;}
img { vertical-align:middle; border:0;}
h1,h2,h3,h4,h5,h6 { font-size:inherit; font-weight:normal;}
.clear { clear:both; *zoom:1;}
.clear:after { display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
a {text-decoration:none;}
a:visited { text-decoration:none;}
a:hover { text-decoration:none;}
a:active { text-decoration:none;}

.fl { float:left;}
.fr { float:right;}

/* 设置滚动条的样式 */
::-webkit-scrollbar { width:0;}/* 滚动槽宽度 */
::-webkit-scrollbar-track { background-color:#f0f0f0; border-radius:0px;}
::-webkit-scrollbar-thumb { background-color:#cb0010;} /* 滚动条滑块默认状态 */
::-webkit-scrollbar-thumb:window-inactive { background-color:#cb0010;} /* 滚动条滑块点击状态 */

.lyTempShow { width:1200px; height:auto; overflow: hidden; margin:0 auto; padding:0;}
.lyTempShow .TempTitle { width:100%; height:auto; line-height:40px; color:#0765bd; font-size:36px; font-weight:bold; text-align:center; margin:40px auto; padding:0;}

.lyTempShow .TempTab0 { width: 100%; height: auto; margin: 40px auto; padding: 0; text-align: center;}
.TempTab0 ul li { display:inline-block; height:48px; line-height:48px; color:#333; font-size:18px; font-weight:bold; margin:0 5px; padding:0 25px; background-color:#fff; box-shadow: 0 0 10px 0 rgba(0,0,0,0.06); border-radius:3px; cursor:pointer;}
.TempTab0 ul li.TempActive0 { color: #fff;}
.TempTab0 ul li:nth-child(1).TempActive0 { background-color: #0765bd;}
.TempTab0 ul li:nth-child(2).TempActive0 { background-color: #00a973;}
.TempTab0 ul li:nth-child(3).TempActive0 { background-color: #e8af00;}
.TempTab0 ul li:nth-child(4).TempActive0 { background-color: #ff5500;}

.lyTempShow .TempContent { width:100%; height:auto; margin:40px auto; padding:0; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.06); border-radius:6px; position:relative;}
.TempTab1, .TempTab2, .TempTab3, .TempTab4 { width:100%; height:auto; overflow:hidden; margin:0; padding:40px; border-radius:6px 6px 0 0; text-align: center;}
.TempTab1 { background-color:#0765bd;}
.TempTab2 { background-color:#00a973;}
.TempTab3 { background-color:#ecb700;}
.TempTab4 { background-color:#ff5500;}
.TempTab1 ul li, .TempTab2 ul li, .TempTab3 ul li, .TempTab4 ul li { display:inline-block; height:40px; line-height:40px; color:#fff; font-size:15px; font-weight:bold; margin:0 2px; padding:0 15px; background-color:rgba(255,255,255,0.2); border-radius:2px; cursor:pointer;}
.TempTab1 ul li.TempActive1, .TempTab1 ul li:hover { color:#0765bd; background-color:#fff;}
.TempTab2 ul li.TempActive2, .TempTab2 ul li:hover { color:#00a973; background-color:#fff;}
.TempTab3 ul li.TempActive3, .TempTab3 ul li:hover { color:#ecb700; background-color:#fff;}
.TempTab4 ul li.TempActive4, .TempTab4 ul li:hover { color:#ff5500; background-color:#fff;}


.TempList { width:100%; height:auto; margin:0 auto; padding:40px 40px 10px;}
.TempList ul li { width:18%; height:240px; overflow:hidden; margin:0 2.5% 30px 0; padding:0; border:0px solid #dfdfdf; float:left; position:relative;}
.TempList ul li:nth-child(5n+5) { margin:0 0 30px;}
.TempList ul li a.TempImg { display:block; width:100%; height:240px; overflow:hidden; margin:0; padding:0; position:relative;}
.TempList ul li a.TempImg img { width:100%;}
.TempList ul li a.TempImg i { display:block; width:100%; height:100%; margin:0; padding:0; background:rgba(0,0,0,0.5) url(../img/Ck.png) center center no-repeat; position:absolute; left:0; bottom:100%; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;}
.TempList ul li:hover a.TempImg i { bottom:0;}
.TempList ul li a.TempName { display:block; width:100%; height:80px; line-height:40px; color:#fff; font-size:14px; text-align:center; text-overflow:ellipsis; white-space:nowrap; margin:0 auto; padding:40px 10px 0; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); position:absolute; bottom:0; left:0;}