﻿/****************************/
/*       Power By          */
/*      爱上喵科技         */
/*     QQ:1509871176      */
/***************************/

/* 共用 ==================*/
.wp{max-width:1200px; width: 100%; overflow: hidden; margin: 0 auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
a:hover{color: #9b5000!important;}

/* 独立class ==================*/
.dc-bk1{background-color: #eef2f4;}
.dc-dl1{ padding-top: 50px; padding-bottom: 50px; }
.dc-dt1{text-align: center;}
.dc-dt1 h3{font-size: 30px; color: #f62424; font-weight: bold;}
.dc-dt1 h3 span{display: block;}
.dc-dt1 h3:after{content: ""; width: 230px; height:1px; background-color: #f62424;display: block; margin: 0 auto; margin-top: 15px;}
.dc-dt1 small{display: inline-block; line-height: 25px; max-width: 860px; padding-top: 10px; font-size: 14px; color: #666666;}
.dc-dl1 dd{padding-top: 40px;}

/* 正常class ==================*/
/* imgpList1 ==================*/
.imgpList1{font-size: 0; width: 104%;}
.imgpList1 li{width: 33.33%; padding: 30px 0px; padding-right: 4%; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal; vertical-align: top; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.imgpList1-m1{overflow: hidden; clear: both;}
.imgpList1-m1 .imgbox{float: left; width: 88px; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal;}
.imgpList1-m1 .imgbox img{max-width: 88px;}
.imgpList1-m1 .txtbox{display: block; overflow: hidden; padding-left: 22px;}
.imgpList1-m1 .txtbox .txt1{max-width: 205px;}
.imgpList1-m1 .txtbox h3 a{font-size: 18px; color: #333333; font-weight: bold;}
.imgpList1-m1 .txtbox .ct{padding-top: 10px;}
.imgpList1-m1 .txtbox .ct p{font-size: 12px; color: #666666;}

.pgm11{text-align: center; padding: 45px 0px;}
.pgm11 .tt h3{font-size: 18px; color: #333333; font-weight: bold;}
.pgm11 .tt{padding-bottom: 50px;}
.pgm11 .ct img{max-width: 100%;}

/* dc-asmimgp5 ==================*/
.dc-asmimgp5{font-size:0; text-align:center; }
.dc-asmimgp5 li{width: 25%; text-align: center; padding: 0px 3%; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal; vertical-align: top; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.asmimgp5-m1 .imgbox{height: 110px; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal;}
.asmimgp5-m1 .imgbox img{max-height: 90%;}
.asmimgp5-m1 .imgbox:before{content: ""; width: 0; height: 100%; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal; vertical-align: bottom;}
.asmimgp5-m1 .imgbox a.img1{height:auto; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal; vertical-align: bottom;}
.asmimgp5-m1 .txtbox{padding-top: 20px;}
.asmimgp5-m1 .txtbox h3 a{font-size: 18px; color: #f62424; font-weight: bold;} 
.asmimgp5-m1 .txtbox .ct p{font-size: 12px; color: #f62424; line-height: 20px;}
.asmimgp5-m1 .txtbox .ct{padding-top: 12px; min-height: 55px; max-width: 160px; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal;}

.asmimgp5-m1{padding: 10px; background-color: #fff0e0;}


/* 共用部分 底部 ==================*/
.dc-n1{border-bottom: 1px solid #e5e5e5;}

/* 重写class ==================*/
/* dc-c1 */
.dc-c1 .asmimgp5-m1{background: transparent; position: relative; overflow: hidden;}
.dc-c1 .asmimgp5-m1 .txtbox h3 a{color: #333333;}
.dc-c1 .asmimgp5-m1 .txtbox h3{min-height: 50px; max-width: 165px; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal;}
.dc-c1 .asmimgp5-m1 .txtbox2{padding: 15px; text-align: left; font-size: 0; position: absolute; left: 0px; bottom: -110%; width: 100%; height: 100%; background-color: #f62424; z-index: 10; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; transition: all 300ms cubic-bezier(.4, 0, .2, 1); -moz-transition: all 300ms cubic-bezier(.4, 0, .2, 1);-webkit-transition: all 300ms cubic-bezier(.4, 0, .2, 1); -o-transition: all 300ms cubic-bezier(.4, 0, .2, 1); -ms-transition: all 300ms cubic-bezier(.4, 0, .2, 1);}
.dc-c1 .asmimgp5-m1 .txtbox2:before{content: ""; width: 0; height: 100%; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal; vertical-align: middle;}
.dc-c1 .asmimgp5-m1 .txtbox2 .mm1{ display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal; vertical-align: middle;}
.dc-c1 .asmimgp5-m1 .txtbox2 p{font-size: 12px; color: #fff; line-height: 26px;}
.dc-c1 .asmimgp5-m1:hover .txtbox2{bottom: 0px;}

/* dc-c2 */
.dc-c2{text-align: left;}
.dc-c2 li{width: 20%;}
.dc-c2 .asmimgp5-m1 .txtbox h3 a{color: #666;}

