/*!
 * JCMS CSS - Powered by JCms.Hua
 * 2016-11-08
 */

/* Common */
body{width:100%;font:12px/1 Helvetica,Arial,"Microsoft YaHei",sans-serif;color:#4a4a4a;}
.j-gotop{position:fixed;right:0;bottom:0;z-index:999;width:40px;height:40px;background:rgba(0,0,0,.2);cursor:pointer;-webkit-animation-duration:.2s;}
.j-gotop:before{display:block;padding:5px 4px 5px 6px;font-size:32px;color:#fff;}
.container{width:1200px;height:inherit;margin:0 auto; position:relative;}
.container2{ width:80%; min-width:1200px;}
.container:after{display:table;content:'';clear:both;}
.noset{border:none;background:none;padding:0;margin:0;outline:none;box-shadow:none;}
.nowrap{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.tips{line-height:20;text-align:center;color:#999;}
.autoimg{display:block;position:relative;height:0;padding:50% 0;}
.autoimg img{position:absolute;left:0;top:0;width:100%;height:100%;}
.maximg img{display:inline-block;max-width:100%;}
.underline a:hover{text-decoration:underline;}
.shadow{transition:linear .1s;-webkit-transition:linear .1s;}
.shadow:hover{box-shadow:0 3px 12px rgba(0,0,0,.2);}

/* Page */
/*.j-page{*/
.j-page { float:left;width: 100%;padding:0 0;line-height:22px;text-align:center; margin:10px;}
.j-page a{display:inline-block;padding:0 5px;margin:5px 5px;background:#fff;border:1px solid #d2d2d2;color:#666; }
.j-page a.btn{font-family:sans-serif;font-size:13px;color:#333; }
.j-page a.cur-page{border:1px solid #fff;color:#333;}

/* Float */
.j-float{position:fixed;right:0;top:30%;z-index:99;width:100px;padding:8px;background:#fff;border:5px solid #048f4a;border-radius:3px;text-align:center;}
.j-float:before{display:block;content:attr(data-tab);padding:5px 0 8px;margin:-8px -8px 8px;background:#048f4a;color:#fff;}
.j-float .qlist a{display:block;margin-bottom:8px;}
.j-float .qcode{padding-top:8px;border-top:1px dotted #ddd;}
.j-float .qcode img{max-width:90%;}

/* Feedback */
.col-msg td{height:50px;padding-left:5%;white-space:nowrap;font-size:13px;}
.col-msg td:nth-of-type(2n+1){width:10%;padding-left:0;}
.col-msg td input[type=text]{width:90%;height:32px;padding:4px 8px;border:1px solid #ccc;box-sizing:border-box;}
.col-msg td input[type=submit]{padding:10px 8%;background:#005ca2;border-radius:3px;font-size:14px;color:#fff;}
.col-msg td input[type=reset]{padding:10px 8%;margin:20px 0 20px 5%;background:#bbb;border-radius:3px;font-size:14px;color:#fff;}
.col-msg td input[name=qcode]{width:30%;max-width:150px;}
.col-msg td input[disabled]{background:#bbb;}
.col-msg td textarea{width:90%;height:180px;padding:8px;margin:8px 0;border:1px solid #ccc;box-sizing:border-box;}
.col-msg td em{display:inline-block;margin:0 10px;color:red;}
.col-msg td img{display:inline-block;width:80px;cursor:pointer;}

/* Photo */
.col-photo{margin:60px auto;overflow:hidden;}
.col-photo .small-box{position:relative;width:94%;margin:0 auto;}
.col-photo .small-box li{padding:0 5px;box-sizing:border-box; text-align:center; font-size:14px;}
.col-photo .small-box li a{display:block;position:relative;height:0;padding:35% 0;border:1px solid #eee;cursor:pointer;}
.col-photo .small-box li img{width:100%;}
.col-photo .small-box .slick-current a{border:2px solid #ffaa09;}
.col-photo .small-box .slick-arrow{position:absolute;left:-3%;top:50%;margin-top:-18px;font-size:36px; color:rgba(0,0,0,.4);cursor:pointer;}
.col-photo .small-box .slick-next{left:auto;right:-3%;}

/* Extra */
.none{display:none;}
.block{display:block;}
.txt-l{text-align:left;}
.txt-c{text-align:center;}
.txt-r{text-align:right;}
.txt-tl{text-transform:lowercase;}
.txt-tu{text-transform:uppercase;}
.table{display:table;width:100%;height:100%;text-align:center;}
.table-cell{display:table-cell;vertical-align:middle;}
.float-l{float:left;}
.float-r{float:right;}
.hr-dash{border-top:1px dash #ddd;}
.hr-solid{border-top:1px solid #ddd;}
/* *** */
.pd20{ padding:20px; box-sizing:border-box}
.pd30{ padding:30px;box-sizing:border-box}
.pdt10{padding-top:10px;}
.pdt15{padding-top:15px;}
.pdt20{padding-top:20px;}
.pdt25{padding-top:25px;}
.pdt30{padding-top:30px;}
.pdt40{padding-top:40px;}
.pdt50{padding-top:50px;}
.pdb10{padding-bottom:10px;}
.pdb15{padding-bottom:15px;}
.pdb20{padding-bottom:20px;}
.pdb25{padding-bottom:25px;}
.pdb30{padding-bottom:30px;}
.pdb40{padding-top:40px;}
.pdb50{padding-top:50px;}
.mart10{margin-top:10px;}
.mart15{margin-top:15px;}
.mart20{margin-top:20px;}
.mart25{margin-top:25px;}
.mart30{margin-top:30px;}
.mart40{margin-bottom:40px;}
.mart50{margin-bottom:50px;}
.marb10{margin-bottom:10px;}
.marb15{margin-bottom:15px;}
.marb20{margin-bottom:20px;}
.marb25{margin-bottom:25px;}
.marb30{margin-bottom:30px;}
.marb40{margin-bottom:40px;}
.marb50{margin-bottom:50px;}
.font14{font-size:14px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.font20{font-size:20px;}
.font24{font-size:24px;}
.font28{font-size:28px;}
.font32{font-size:32px;}
.fbold{font-weight:bold;}
.lin1{line-height:1;}
.lin2{line-height:2;}
.lin3{line-height:3;}
.lin16{line-height:16px;}
.lin18{line-height:18px;}
.lin20{line-height:20px;}