@charset "utf-8";
.template_banner{background-repeat:no-repeat;background-position: center 0;padding:60px 0;}
.template_banner .title {font-size:50px; line-height:1.2em; font-weight:600; padding:10px 0; text-shadow:0 3px 3px #000;}
.template_banner .info {text-align:center; color:#fff; padding:40px 8% 40px 8%;font-weight:400;text-shadow:0 2px 1px #000;}
.template_banner .info p {font-size:18px; line-height:1.4em; padding:0 10%;}
.template_banner .btn_video {padding-top: 30px;}
.template_banner .btn_video a {color: #fff;}
.template_banner .btn_video i {font-size: 18px; line-height: 1;}
.template_banner .btnBox {text-align: center;}
@media (max-width:767px){
	.template_banner {padding:60px 0;}
	.template_banner .title {font-size:36px;}
	.template_banner .info {padding:40px 0;}
	.template_banner .info p {font-size:16px; padding:0;}
}

.template_pagenav {background: #4859d2; color: #fff;}
.template_pagenav a {color: #fff;}
.template_pagenav a:hover {text-decoration: none;}
.template_pagenav .saerch {float: right;width: 220px;padding: 22px 0 0 0;position: relative;}
.template_pagenav .saerch .icon {float: right;font-size:22px; line-height:22px;position: relative;z-index: 3;}
.template_pagenav .saerch i.close,
.template_pagenav .saerch .curr i {display:none;font-size:18px; line-height:22px;}
.template_pagenav .saerch .curr i.close {display:block;}
.template_pagenav .search_box {position:absolute; z-index:2; top:0; right:0; background:#4859d2; padding:16px 0 0 0; width:100%;-webkit-transition: all 0.1s;-moz-transition: all 0.1s;transition: all 0.1s;}
.template_pagenav .search_box .searchBtn {display:none; position:absolute; z-index:3; left:0; top:9px; width:30px; height:30px; border:0; overflow:hidden; text-indent:-99999px;}
.template_pagenav .search_box .searchBtn_icon {display:block; position:absolute; z-index:3; left:0; top:16px; width:30px; height:30px; line-height:30px; font-size:22px; text-align:center;opacity: .5;}
.template_pagenav .search_box .search_t {padding:6px;margin:0 20px 0 30px;}
.template_pagenav .search_box .text {display:block; border:0; background:#4859d2; color: #fff; width:100%; font-size:14px; line-height:22px; border-bottom:solid 1px #fff;}
.template_pagenav .menu {margin-right: 240px;}
.template_pagenav .menu li {float: left;width: 20%;text-align: center;}
.template_pagenav .menu li a {display: block;padding:20px 0;}
.template_pagenav .menu li.curr a,
.template_pagenav .menu li a:hover {background: #2c3db0;}
@media (max-width:800px){
	.template_pagenav .saerch {width: 160px; padding-top: 12px;}
	.template_pagenav .search_box {padding-top: 6px;}
	.template_pagenav .search_box .searchBtn_icon {top:6px;}
	.template_pagenav .menu {margin-right: 180px;}
	.template_pagenav .menu li {width: auto;}
	.template_pagenav .menu li a {padding: 20px;}
}
@media (max-width:700px){
	.template_pagenav .saerch {width: 30px;}
	.template_pagenav .search_box {width: 260px;}
	.template_pagenav .menu {margin-right: 60px;}
	.template_pagenav .menu li a {padding: 10px 20px;}
}
@media (max-width:479px){
	.template_pagenav .menu li a {padding: 10px;}
}

.template_main .side {float: left;width: 280px; padding: 40px 0;}
.template_main .cont {margin-left: 280px; padding: 40px 0 40px 40px; min-height: 500px; border-left: solid 1px #e8e8e8;}
.template_main .column {font-size: 24px;line-height: 1.2em;padding:0 0 10px 0; text-align: center;color: #333;}
@media (max-width:1300px){
	.template_main .side {width: 220px;}
	.template_main .cont {margin-left: 220px; padding-left: 20px;}
}
@media (max-width:800px){
	.template_main .side {float: none;width: auto;}
	.template_main .cont {margin-left: 0;padding-left: 0; border-left: 0; border-top: solid 1px #e8e8e8;}
}

.selectItem {margin:0 30px 20px 0;position: relative;}
.selectItem .name {color: #2c3db0;padding:10px 0;}
.selectItem ul li {padding: 5px 0; position: relative; line-height: 1.2em;}
.selectItem ul li a {display: block;color: #5a5b64; position: relative;}
.selectItem ul li a:after {display: block;content: '';clear: both;}
.selectItem ul li i {float: left; display:block;width: 9px;height: 9px;border: solid 1px #5a5b64;margin: 4px 0 0 0;border-radius: 2px;}
.selectItem ul li label {display:block; margin:0 50px 0 25px; cursor: pointer;}
.selectItem ul li span {position: absolute;top: 0; right: 0;}
.selectItem ul li small {display: inline-block;background: #f15138;color: #fff; border-radius: 2px;margin-left: 3px;padding: 0 3px;font-size: 10px;line-height: 1.4;}
.selectItem ul li.curr a,
.selectItem ul li a:hover {color: #2c3db0;text-decoration: none;}
.selectItem ul li a:hover i {border: solid 1px #2c3db0;}
.selectItem ul li.curr i {border: solid 1px #2c3db0; background: #2c3db0;}
.selectItem .more {position: absolute;left: 0;bottom: -20px;width: 100%; text-align: center; padding: 40px 0 0 0; cursor: pointer;
	background:-moz-linear-gradient(top, #fff 0%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top, #fff 0%,rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(top, #fff 0%,rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(top, #fff 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to top, #fff 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='rgba(0,0,0,0)',GradientType=0 );
}
.selectItem .more.curr {bottom: -30px;}
.selectItem .more i:before {content: '\e92c';}
.selectItem .more.curr i:before {content: '\e92f';}
@media (max-width:800px){
	.selectItem {margin-right: 0;}
	.selectItem ul:after {display: block;content: '';clear: both;}
	.selectItem ul li {float: left;width: 31.3%;margin-left: 3%;}
	.selectItem ul li:first-child,
	.selectItem ul li:nth-of-type(3n+1) {clear: both;margin-left: 0;}
}
@media (max-width:600px){
	.selectItem ul li {width: 47%;margin-left: 6%;}
	.selectItem ul li:nth-of-type(3n+1) {clear: none;margin-left: 6%;}
	.selectItem ul li:first-child,
	.selectItem ul li:nth-of-type(2n+1) {clear: both;margin-left: 0;}
}
@media (max-width:479px){
	.selectItem ul li {float: none;width: auto;margin-left: 0;}
	.selectItem ul li:nth-of-type(3n+1) {margin-left: 0;}
}

.template_list {overflow: hidden;padding:20px 0 20px 20px;}
.template_list .list {float: left; width: 29.3%; margin:0 0 6% 6%; background: #fff;box-shadow: 0 0 20px #ccc;border-radius: 5px;overflow: hidden;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.template_list .list:hover {box-shadow: 0 0 20px #999;}
.template_list .list:first-child,
.template_list .list:nth-of-type(3n+1) {margin-left: 0;clear: both;}
.template_list .pic {text-align: center; height:350px; overflow: hidden;}
.template_list .pic span {display: table;width: 100%; height: 100%;}
.template_list .pic a {display: table-cell;vertical-align: middle;}
.template_list .info {padding: 10px 10px 5px;}
.template_list .name {font-size: 14px;line-height: 1.2em;padding:5px 0 0 0;min-height: 55px;}
.template_list .name a {color: #5a5b64;}
.template_list .name a:hover {color: #2c3db0;text-decoration: none;}
.template_list .category {font-size: 13px;line-height: 1.2em; min-height: 30px;}
.template_list .category a {color: #999;}
.template_list .category a:hover {color: #2c3db0;text-decoration: none;}
@media (max-width:1300px){
	.template_list .pic {height: 300px;}
}
@media (max-width:800px){
	.template_list {padding: 0;}
}
@media (max-width:600px){
	.template_list .list {width:47%;}
	.template_list .list:nth-of-type(3n+1) {margin-left: 6%;clear: none;}
	.template_list .list:first-child,
	.template_list .list:nth-of-type(2n+1) {margin-left: 0;clear: both;}
}
@media (max-width:479px){
	.template_list {overflow:inherit;}
	.template_list .list {float: none; width:auto; margin-left: 0;}
	.template_list .list:nth-of-type(3n+1) {margin-left: 0;}
	.template_list .pic {height: auto;}
}

.template_pages_title {font-size: 24px;line-height: 1.4em;color: #2c3db0;padding:10px 0;}
.template_pages .main {padding: 30px 0;}
.template_pages .info {padding:10px 0;}
.template_pages .pic {text-align: center;}
.template_pages .info_cont {padding: 20px 0;}
.template_pages .info_cont .side {float: right;width: 34%;}
.template_pages .info_cont .cont {float: left;width: 58%;padding: 2.5%;border-radius: 5px;box-shadow: 0 0 10px #ccc;background: #fff;}
.template_pages .side .box {padding:30px 20px;border-top: solid 2px #e8e8e8;}
.template_pages .storeinfo {border-radius: 5px;box-shadow: 0 0 10px #ccc;background: #fff; margin-bottom: 30px;}
.template_pages .storeinfo .contBox {padding: 20px;}
.template_pages .storeinfo .column {font-size: 20px;padding: 10px 0;text-align: center;font-weight: bold;}
.template_pages .storeinfo .price {text-align: center;padding: 10px 0;}
.template_pages .storeinfo .price del {font-size: 24px;line-height: 1.2em;padding: 0 5px;display: block;}
.template_pages .storeinfo .price big {font-size: 48px;line-height: 1.2em; color: #f05138;font-weight: bold;}
.template_pages .storeinfo .price big span {font-size: 34px;line-height: 1.2em;}
.template_pages .storeinfo .btnBox {text-align: center;padding: 20px;}
.template_pages .storeinfo .btnBox a {display: block;}
.template_pages .storeinfo .service {padding: 10px;}
.template_pages .storeinfo .service li {list-style: none;margin: 0; overflow: hidden; line-height: 1.2em;}
.template_pages .storeinfo .service li img {float: left;}
.template_pages .storeinfo .service li img + span {display: block;margin-left: 60px; padding-top: 15px;}
.template_pages .storeinfo .videoBox a {color: #5a5b64;}
.template_pages .storeinfo .videoBox a:hover {color: #2c3db0;text-decoration: none;}
.template_pages .storeinfo .videoBox a i {color: #2c3db0;font-size: 20px; line-height: 1;}
.template_pages .storeinfo .accept {text-align: center;}
.template_pages .storeinfo .accept strong {display: block;font-weight: normal; padding-bottom: 20px;}
@media (max-width:979px){
	.template_pages .main {padding: 10px 0;}
}
@media (max-width:800px){
	.template_pages .info_cont .side,
.template_pages .info_cont .cont {float: none;width:auto; margin-bottom: 30px;}
}
@media (max-width:479px){
	.template_pages .storeinfo .service {padding: 10px 0;}
}

.adBox {text-align: center; margin-bottom: 30px;}

.bottom_related {padding: 60px 0}
.bottom_related .title {font-size: 20px;color: #2c3db0;font-weight: bold;padding-bottom: 30px;}
.bottom_related .cont {margin-bottom: -4%;}
.bottom_related .list {float: left; width:22%; margin:0 0 4% 4%; background: #fff;box-shadow: 0 0 20px #ccc;border-radius: 5px;overflow: hidden;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.bottom_related .list:hover {box-shadow: 0 0 20px #999;}
.bottom_related .list:first-child,
.bottom_related .list:nth-of-type(4n+1) {margin-left: 0;clear: both;}
.bottom_related .pic {text-align: center; height:350px; overflow: hidden;}
.bottom_related .pic span {display: table;width: 100%; height: 100%;}
.bottom_related .pic a {display: table-cell;vertical-align: middle;}
.bottom_related .info {padding: 10px;}
.bottom_related .name {line-height: 1.2em;padding:5px 0 10px 0;}
.bottom_related .name a {color: #5a5b64;}
.bottom_related .name a:hover {color: #2c3db0;text-decoration: none;}
.bottom_related .category {font-size: 14px;}
.bottom_related .category a {color: #999;}
.bottom_related .category a:hover {color: #2c3db0;text-decoration: none;}
@media (max-width:1300px){
	.bottom_related .pic {height: 300px;}
}
@media (max-width:600px){
	.bottom_related .list {width:47%;}
	.bottom_related .list:nth-of-type(4n+1) {margin-left: 6%;clear: none;}
	.bottom_related .list:first-child,
	.bottom_related .list:nth-of-type(2n+1) {margin-left: 0;clear: both;}
}
@media (max-width:320px){
	.bottom_related .list {float: none; width:auto; margin-left: 0;}
	.bottom_related .list:nth-of-type(4n+1) {margin-left: 0;}
	.bottom_related .pic {height: auto;}
}


#snowflake { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; }
.snowRoll { position: absolute; opacity: 0; -webkit-animation-name: mysnow; -webkit-animation-duration: 20s; -moz-animation-name: mysnow; -moz-animation-duration: 20s; height: 80px;}
 @-webkit-keyframes mysnow { 0% {
 bottom: 100%;
}
 50% {
 -webkit-transform: rotate(1080deg);
}
 100% {
 -webkit-transform: rotate(0deg) translate3d(50px, 50px, 50px);
}
}
 @-moz-keyframes mysnow { 0% {
 bottom: 100%;
}
 50% {
 -moz-transform: rotate(1080deg);
}
 100% {
 -moz-transform: rotate(0deg) translate3d(50px, 50px, 50px);
}
}