@charset 'utf-8';
@font-face {
	font-family: 'hsm';
	src: url('../font/HELVETICANEUELTPRO-THEX.OTF')
}
header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 555;
	width: 100%;
	height: 115px;
	background: transparent
}
header .logo, header .menu-btn {
	z-index: 889;
	position: fixed;
	left: 0;
	top: 0;
	-webkit-transition: all .5s;
	transition: all .5s
}
header .logo {
	left: 0;
	width: 195px;
	height: 115px;
	line-height: 115px;
	text-align: center;
	background: #111214
}
header .menu-btn {
	left: 190px;
	width: 115px;
	height: 115px;
	background: #fff;
	cursor: pointer;
	padding-top: 35px
}
header .menu-btn .box {
	position: relative;
	z-index: 999999;
	width: 37px;
	height: 19px;
	margin: 0 auto 20px auto
}
header .menu-btn .box::before, header .menu-btn .box::after {
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #161719;
	-webkit-transition: all .5s;
	transition: all .5s
}
header .menu-btn .box::before {
	-webkit-transform: translateY(-4px) rotate(0);
	transform: translateY(-4px) rotate(0)
}
header .menu-btn .box::after {
	-webkit-transform: translateY(4px) rotate(0);
	transform: translateY(4px) rotate(0)
}
header .menu-btn .box div {
	position: absolute;
	height: 2px;
	background: #161719;
	-webkit-transition: all .3s;
	transition: all .3s
}
header .menu-btn .box div:nth-child(1) {
	top: 0;
	right: 4px;
	width: 22px
}
header .menu-btn .box div:nth-child(2) {
	top: 50%;
	width: 37px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}
header .menu-btn .box div:nth-child(3) {
	left: 4px;
	bottom: 0;
	width: 22px
}
header .menu-btn span {
	-webkit-transition: all .3s;
	transition: all .3s
}
header.header-bg {
	background: #fff
}
menu {
	visibility: hidden;
	z-index: 888;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0
}
menu nav, menu .info {
	position: relative;
	width: 50%;
	height: 100vh;
	-webkit-transition: all .5s;
	transition: all .5s
}
menu nav {
	z-index: 889;
	left: -50%;
	background: #fff
}
menu nav::after {
	opacity: 0;
	z-index: 1;
	content: '';
	position: absolute;
	top: 0;
	width: 0;
	height: 0;
	border-top: 100vh solid #fff;
	border-right: 3vw transparent solid;
	transform: translate3d(-1px, 0, 0);
	-webkit-transition: all .5s;
	transition: all .5s
}
menu nav .dtcell {
	text-align: left
}
menu nav li {
	position: relative
}
menu nav li.cur a::after, menu nav li:hover a::after {
	transform: scale(1);
	opacity: 1
}
menu nav li.cur a, menu nav li:hover a {
	color: #03b6fe
}
menu nav li a {
	position: relative;
	font-size: 4vw;
	line-height: 4.5vw;
	color: #000;
	padding-left: 13vh
}
menu nav li a::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 5px;
	height: 100%;
	background: #03b6fe;
	transition: all .3s ease-out;
	transform: scale(1, 0);
	opacity: 0
}
menu .info {
	right: -50%;
	background: -webkit-linear-gradient(to bottom right, rgba(14,176,254,0.8), rgba(205,59,250,0.8));
	background: -o-linear-gradient(to bottom right, rgba(14,176,254,0.8), rgba(205,59,250,0.8));
	background: -moz-linear-gradient(to bottom right, rgba(14,176,254,0.8), rgba(205,59,250,0.8));
	background: linear-gradient(to bottom right, rgba(14,176,254,0.8), rgba(205,59,250,0.8))
}
menu .info .link {
	z-index: 889;
	right: 5%;
	bottom: 5%;
	-webkit-transition: all .5s;
	transition: all .5s
}
menu .info .link a {
	margin-left: 25px;
	color: #fff
}
body.min-header header {
	position: fixed;
	z-index: 5;
	width: 100%;
	height: 80px;
	background: #fff;
	-webkit-transition: all .5s;
	transition: all .5s;
	box-shadow: 0 1px 5px rgba(0,0,0,0.1)
}
body.min-header header .logo {
	height: 80px;
	line-height: 80px
}
body.min-header header .menu-btn {
	height: 80px
}
body.min-header header .menu-btn span {
	opacity: 0
}
body.min-header .main .car-fix {
	visibility: visible;
	opacity: 1
}
html.active {
	height: 100%;
	overflow: hidden
}
html.active body {
	height: 100%;
	overflow: hidden
}
html.active .header {
	position: inherit;
	height: auto
}
html.active .header .logo {
	width: auto;
	left: 90%;
	background: transparent
}
html.active .menu-btn {
	left: 5.5%
}
html.active .menu-btn span {
	display: none
}
html.active .menu-btn .box::before, html.active .menu-btn .box::after {
	opacity: 1;
	background: #161719
}
html.active .menu-btn .box::before {
	-webkit-transform: translateY(0) rotate(225deg);
	transform: translateY(0) rotate(225deg)
}
html.active .menu-btn .box::after {
	-webkit-transform: translateY(0) rotate(-225deg);
	transform: translateY(0) rotate(-225deg)
}
html.active .menu-btn .box div:nth-child(1), html.active .menu-btn .box div:nth-child(3) {
	display: none
}
html.active .menu-btn .box div:nth-child(2) {
	width: 0
}
html.active menu {
	visibility: visible;
	background: transparent
}
html.active menu nav {
	left: 0
}
html.active menu nav::after {
	opacity: 1
}
html.active menu .info {
	right: 0
}
footer {
	overflow: hidden
}
footer .foot-head {
	background: #191919;
padding:.7rem 0 .6rem 0;
	text-align: center
}
footer .foot-head span {
	font-size: 24px;
	padding-right: 2.1%;
	height: 48px;
	line-height: 48px
}
footer .foot-head .txt, footer .foot-head .btn {
	height: 48px;
	line-height: 48px;
	vertical-align: 8px
}
footer .foot-head .txt {
	position: relative;
	width: 35.7%;
	background: transparent;
	border-bottom: 1px solid #353535
}
footer .foot-head .txt:focus {
	color: #fff;
	border-color: rgba(255,255,255,0.5)
}
footer .foot-head .btn {
	width: 180px;
	background: #3e3e3e;
	color: #fff;
	margin-left: 2.1%
}
footer .foot-head .btn:hover {
	background: #fff;
	color: #000;
	opacity: .9
}
footer .foot-head .erweima .img {
	width: 144px;
	height: 144px;
	background: #fff;
	padding: 11px
}
footer .foot-head .erweima .info {
	height: 144px
}
footer .foot-head .erweima .info .dtcell {
	text-align: left;
	line-height: 36px
}
footer .copright {
padding:.6rem 3.2%;
	background: #000
}
footer .copright a:hover {
	color: #fff
}
footer .copright .bdsharebuttonbox {
	height: 14px;
	overflow: hidden
}
footer .copright .bdsharebuttonbox a {
	width: 16px;
	height: 14px;
	margin: 0 0 0 10px;
	padding: 0
}
footer .copright .bdsharebuttonbox a.a1 {
	background: url(../images/bdshare_1.jpg) no-repeat center
}
footer .copright .bdsharebuttonbox a.a2 {
	background: url(../images/bdshare_2.jpg) no-repeat center
}
footer .copright .bdsharebuttonbox a.a3 {
	background: url(../images/bdshare_3.jpg) no-repeat center
}
.i-banner {
	z-index: 999
}
.i-banner ul li {
	height: 514px;
	background-repeat: no-repeat;
	background-position: center
}
.i-banner ul .txt {
	top: 160px;
	left: 20%;
	color: #fff
}
.i-banner ul .txt h3 {
	animation-delay: 8s;
	font-family: 'hsm';
	font-size: 44px;
	font-weight:bold;
}

.i-banner ul .txt h3 span i{ padding-right:50px;}
.i-banner ul .txt h3 span i span{ font-size:24px; text-align:center; padding-top:16px; font-weight:normal;}

.i-banner ul .txt strong {
	animation-delay: 8s;
	display: block;
	font-size: 28px;
	padding: 14px 0 40px 0
}
.i-banner ul .txt .btn {
	animation-delay: 5s
}
.i-banner ul .txt a {
	text-align: center;
	width: 100px;
	height: 36px;
	line-height: 36px;
	border: 1px solid #fff;
	margin-right: 15px;
	font-size: 16px
}
.i-banner ul .txt a:hover {
	background: #fdb813;
	color: #fff
}
.i-banner ul .active h3 {
	-webkit-animation: zoomIn 1s both;
	animation: zoomIn 1s both
}
.i-banner ul .active strong {
	-webkit-animation: slideInr 1.5s both;
	animation: slideInr 1.5s both
}
.i-banner ul .active .btn {
	-webkit-animation: slideInUp 1s both;
	animation: slideInUp 1s both
}
.i-banner .owl-pagination {
	text-align: center;
}
.i-banner .owl-controls .owl-page span {
	width: 10px;
	height: 10px;
	background: #fff;
	border-radius: inherit;
	margin: 0 4px;
	-webkit-transition: all .3s;
	transition: all .3s
}
.i-banner .owl-controls .owl-page.active span, .i-banner .owl-controls .owl-page:hover span {
	width: 14px;
	height: 14px;
	background: #fdb813
}
@media (max-width:1024px) {
.i-banner ul li {
	height: 7rem
}
.i-banner ul .txt {
	top: 50%;
	left: 4%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}
.i-banner .owl-pagination {
	padding: 0 4%
}
}
@media (max-width:750px) {
.i-banner ul li {
	height: inherit;
	background-image: none !important
}
.i-banner ul li img {
	display: block
}
.i-banner ul li .txt {
	display: none
}
.i-banner .owl-pagination {
bottom:.2rem;
	right: inherit
}
.i-banner .owl-controls .owl-page span {
	width: 8px;
	height: 8px
}
.i-banner .owl-controls .owl-page.active span, .i-banner .owl-controls .owl-page:hover span {
	width: 10px;
	height: 10px
}
}
.banner {
	height: 320px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center
}
.i-main {
	overflow: hidden
}
.i-main .i-video {
	height: 1.2rem;
	line-height: 1.2rem;
	background: -webkit-linear-gradient(left, #01b9ff, #cc43f9);
	background: -o-linear-gradient(right, #01b9ff, #cc43f9);
	background: -moz-linear-gradient(right, #01b9ff, #cc43f9);
	background: linear-gradient(to right, #01b9ff, #cc43f9)
}
.i-main .i-about {
	padding: 1.6rem 0 3.2rem 0;
	background-color: #edeef0;
	background-repeat: no-repeat;
	background-position: bottom center
}
.i-main .i-about h3 {
	font-size: 54px;
	line-height: 62px
}
.i-main .i-about .txt {
	line-height: 40px;
	font-size: 20px
}
.i-main .i-guide .item {
	height: 420px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}
.i-main .i-guide .item.item1 .btn, .i-main .i-guide .item.item2 .btn {
	position: relative
}
.i-main .i-guide .item.item1 .btn::before, .i-main .i-guide .item.item2 .btn::before, .i-main .i-guide .item.item1 .btn::after, .i-main .i-guide .item.item2 .btn::after {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s
}
.i-main .i-guide .item.item1 .btn::before, .i-main .i-guide .item.item2 .btn::before {
	width: 100%;
	height: calc(100% - 4px);
	border-top: 2px solid #8766fd;
	border-bottom: 2px solid #8766fd;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1)
}
.i-main .i-guide .item.item1 .btn::after, .i-main .i-guide .item.item2 .btn::after {
	width: calc(100% - 4px);
	height: 100%;
	border-left: 2px solid #478bfc;
	border-right: 2px solid #478bfc;
	-webkit-transform: scale(1, 0);
	transform: scale(1, 0)
}
.i-main .i-guide .item.item1:hover .btn::before, .i-main .i-guide .item.item2:hover .btn::before, .i-main .i-guide .item.item1:hover .btn::after, .i-main .i-guide .item.item2:hover .btn::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}
.i-main .i-guide .item.item1 .btn {
	border: 1px solid #000
}
.i-main .i-guide .item.item2 .btn {
	border: 1px solid #fff
}
.i-main .i-guide h3 {
	font-size: 60px
}
.i-main .i-guide .btn {
	width: 80px;
	height: 80px;
	margin: 0 auto;
	overflow: hidden
}
.i-main .i-guide .pic {
	height: 840px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}
.i-main .i-guide .pic .dtcell {
	text-align: left;
	padding-left: 11%
}
.i-main .i-guide .pic .txt1 {
	font-size: 79px
}
.i-main .i-guide .pic .txt2 {
	font-size: 60px
}
.i-main .i-guide .pic .txt3 {
	font-size: 26px;
	line-height: 36px;
	margin-bottom: 20%
}
.i-main .i-news .title {
padding:.45rem 0 .5rem 2.2%
}
.i-main .i-news .title span {
	font-size: 60px;
	font-weight: bold
}
.i-main .i-news .title em {
	font-size: 30px
}
.i-main .i-news li a:hover h3 {
	color: #0faefe
}
.i-main .i-news li .info {
	padding: 0 6.5%
}
.i-main .i-news li h3 {
	font-size: 26px
}
.i-main .i-news li .img {
margin-top:.55rem
}
.i-main .i-news li img {
	display: block
}
.i-main .i-news .owl-pagination {
	bottom: 5%
}
.i-main .i-news .owl-controls .owl-page span {
	background: #fff;
	width: 10px;
	height: 10px;
	bottom: 5%
}
.i-main .i-news .owl-controls .owl-page.active span, .i-main .i-news .owl-controls.clickable .owl-page:hover span {
	background: #0faefe
}
.purchase {
	height: 100vh
}
.purchase .purchase-l {
	width: 310px;
	height: calc(100% - 115px);
	margin-top: 115px;
	overflow-y: auto
}
.purchase .purchase-l h2 {
	height: 70px;
	line-height: 70px;
	font-size: 20px;
	border-bottom: 1px solid #e1e1e1
}
.purchase .purchase-l .box {
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	background: #f7f7f7
}
.purchase .purchase-l .box.cur {
	border-color: #03b6fe
}
.purchase .purchase-l .hsm-procedure {
	height: calc(100% - 167px);
	overflow-y: auto
}
.purchase .purchase-l .hsm-procedure .item3, .purchase .purchase-l .hsm-procedure .item4, .purchase .purchase-l .hsm-procedure .item44, .purchase .purchase-l .hsm-procedure .item5 {
	pointer-events: none
}
.purchase .purchase-l .hsm-procedure .item3 h3, .purchase .purchase-l .hsm-procedure .item4 h3, .purchase .purchase-l .hsm-procedure .item44 h3, .purchase .purchase-l .hsm-procedure .item5 h3, .purchase .purchase-l .hsm-procedure .item3 .box, .purchase .purchase-l .hsm-procedure .item4 .box, .purchase .purchase-l .hsm-procedure .item44 .box, .purchase .purchase-l .hsm-procedure .item5 .box {
	-webkit-transition: all .3s;
	transition: all .3s
}
.purchase .purchase-l .hsm-procedure .item3 h3, .purchase .purchase-l .hsm-procedure .item4 h3, .purchase .purchase-l .hsm-procedure .item44 h3, .purchase .purchase-l .hsm-procedure .item5 h3 {
	opacity: .3
}
.purchase .purchase-l .hsm-procedure .item3 .box, .purchase .purchase-l .hsm-procedure .item4 .box, .purchase .purchase-l .hsm-procedure .item44 .box, .purchase .purchase-l .hsm-procedure .item5 .box {
	opacity: .15
}
.purchase .purchase-l .hsm-procedure .item3.active, .purchase .purchase-l .hsm-procedure .item4.active, .purchase .purchase-l .hsm-procedure .item44.active, .purchase .purchase-l .hsm-procedure .item5.active {
	pointer-events: inherit
}
.purchase .purchase-l .hsm-procedure .item3.active h3, .purchase .purchase-l .hsm-procedure .item4.active h3, .purchase .purchase-l .hsm-procedure .item44.active h3, .purchase .purchase-l .hsm-procedure .item5.active h3, .purchase .purchase-l .hsm-procedure .item3.active .box, .purchase .purchase-l .hsm-procedure .item4.active .box, .purchase .purchase-l .hsm-procedure .item44.active .box, .purchase .purchase-l .hsm-procedure .item5.active .box {
	opacity: 1
}
.purchase .purchase-l .title {
	width: 100%;
	height: 65px;
	line-height: 65px;
	border-bottom: 1px solid #ccc;
	cursor: pointer
}
.purchase .purchase-l .title i {
	width: 65%
}
.purchase .purchase-l .item1 .box {
	position: relative;
	margin-bottom: 15px
}
.purchase .purchase-l .item1 .txt {
	position: absolute;
	right: 0;
	top: 50%;
	width: 100px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}
.purchase .purchase-l .item1 strong {
	width: calc(100% - 100px);
	line-height: 78px
}
.purchase .purchase-l .item2 ul {
	margin-left: -10px
}
.purchase .purchase-l .item2 li {
	padding-left: 10px;
	margin-bottom: 15px
}
.purchase .purchase-l .item2 .box {
	height: 100px
}
.purchase .purchase-l .item2 .color {
	width: 35px;
	height: 35px;
	margin: 0 auto;
	border-radius: 50%;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.8)
}
.purchase .purchase-l .item2 .txt {
	position: absolute;
	right: 0;
	top: 50%;
	width: 100px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}
.purchase .purchase-l .item2 strong {
	width: calc(100% - 100px);
	line-height: 78px
}
.purchase .purchase-l .items .box {
	padding: 15px;
	line-height: 25px;
	margin-bottom: 15px
}
.purchase .purchase-l .item4 .box {
	padding: 20px;
	margin-bottom: 15px
}
.purchase .purchase-l .item4 .txt {
	margin-top: 10px;
	line-height: 20px
}
.purchase .purchase-l .item5 {
padding-bottom:.5rem
}
.purchase .purchase-l .item5 textarea {
	height: 1.5rem;
	padding: 15px;
	font-size: 12px
}
.purchase .purchase-l .item5 textarea:focus {
	border-color: #03b6fe
}
.purchase .purchase-l .item6 {
padding:.4rem 0 0 0
}
.purchase .purchase-l .item6 strong {
	font-size: 36px;
margin-bottom:.6rem
}
.purchase .purchase-l .item6 .box {
	height: 65px
}
.purchase .purchase-l .item7 {
	padding-bottom: 1rem
}
.purchase .purchase-l .item7 .box {
	height: 65px;
	margin-bottom: 15px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center
}
.purchase .purchase-l .item8 {
	padding-bottom: 1rem
}
.purchase .purchase-l .item8 form input {
	width: 100%;
	height: 48px;
	line-height: 48px;
	border: 1px solid #e3e3e3;
	padding: 0 10px;
	border-radius: 5px;
	margin-bottom: 15px;
	-webkit-transition: all .3s;
	transition: all .3s
}
.purchase .purchase-l .item8 form input:focus {
	border-color: #000
}
.purchase .purchase-l .item8 form .btn {
	background: #000;
	color: #fff;
	border-color: #000
}
.purchase .purchase-l .item8 .col-sm-12 {
	margin-bottom: 15px
}
.purchase .purchase-l .item8 .col-sm-12.fl {
	padding-right: 7px
}
.purchase .purchase-l .item8 .col-sm-12.fr {
	padding-left: 7px
}
.purchase .purchase-l .item8 .select {
	border: 1px solid #e3e3e3;
	height: 48px;
	line-height: 48px;
	border-radius: 5px;
	padding: 0 10px;
	background: url(../images/select_bg.jpg) no-repeat 92% center
}
.purchase .purchase-l .item9 {
	padding-bottom: 0
}
.purchase .purchase-l .item9 .link {
	padding: 20px 0 25px 0
}
.purchase .purchase-l .item9 .link a {
	width: 92px;
	height: 35px;
	line-height: 35px;
	border-radius: 15px;
	border: 1px solid #e3e3e3;
	color: #666;
	margin: 0 2px
}
.purchase .purchase-l .item9 .link a.cur, .purchase .purchase-l .item9 .link a:hover {
	border-color: #000;
	color: #fff;
	background: #000
}
.purchase .purchase-l .item10 h3 {
	border-top: 1px solid #e1e1e1;
	height: 58px;
	line-height: 58px
}
.purchase .purchase-l .item10 li a {
	padding: 20px 20px;
	background: #f5f5f5;
	border-bottom: 1px solid #e1e1e1
}
.purchase .purchase-l .item10 li .icon {
	width: 22px;
	height: 28px;
	line-height: 28px;
	color: #fff;
	text-align: center;
	background: url(../images/add_icon.png) no-repeat center
}
.purchase .purchase-l .item10 li .info {
	width: calc(100% - 28px);
	padding: 0 10px
}
.purchase .purchase-l .item10 li .info h4 {
	font-size: 18px
}
.purchase .purchase-l .money {
	position: fixed;
	z-index: 1;
	width: 310px;
	left: 0;
	bottom: 0
}
.purchase .purchase-l .money .head {
	padding: 10px 5px;
	background: #191919
}
.purchase .purchase-l .money .head strong {
	font-size: 24px
}
.purchase .purchase-l .money .btn {
	width: 100%;
	height: 48px;
	line-height: 48px;
	background: #03b6fe
}
.purchase .purchase-r {
	width: calc(100% - 310px);
	height: 100vh;
	overflow-y: auto
}
.purchase .purchase-r .tabs-body {
	position: relative;
	height: 100vh;
	overflow: hidden
}
.purchase .purchase-r .tabs-body li {
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all .8s;
	transition: all .8s;
	visibility: hidden
}
.purchase .purchase-r .tabs-body li.cur {
	opacity: 1;
	visibility: visible
}
.purchase .purchase-r .tabs-body li .img {
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%
}
.purchase .purchase-r .add img {
	max-width: inherit
}
.purchase2 .purchase-l .item4 {
	padding-bottom: 1rem
}
.purchase2 .purchase-l .item4 .box {
	padding: 23px 15px
}
.purchase2 .purchase-l .item4 .box .f12 {
	line-height: 20px
}
.purchase2 .purchase-l .item4 .box.cur {
	border-color: #03b6fe
}
.login {
	width: 100%;
	height: calc(100vh - 60px);
	overflow: hidden
}
.login .bg {
	height: 100vh;
	background: url(../images/login_bg.jpg) no-repeat center;
	background-size: cover
}
.login h1 {
	padding: 4% 0 6.2% 0
}
.login .dt {
	height: 100vh
}
.login form {
	max-width: 300px;
	margin: 0 auto
}
.login form input {
	margin-bottom: 20px;
	padding: 0 10px
}
.login form input:focus {
	border-color: #000
}
.login form input, .login form .button {
	border: 1px solid #ddd;
	height: 48px;
	line-height: 48px;
	border-radius: 1px
}
.login form .txt1 {
	width: 53.2%
}
.login form .button, .login form .btn {
	border: none
}
.login form .button {
	display: block;
	width: 44%;
	background: #ccc
}
.login form .btn {
	background: #333
}
.login .login-mode {
	margin-top: 8.7%
}
.login .login-mode h2 {
	max-width: 300px;
	margin: 0 auto;
	color: #666
}
.login .login-mode h2::before, .login .login-mode h2::after {
	position: absolute;
	content: '';
	top: 50%;
	width: 80px;
	height: 1px;
	background: #ddd;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}
.login .login-mode h2::before {
	left: 0
}
.login .login-mode h2::after {
	right: 0
}
.login .login-mode a {
	max-width: 300px;
	display: block;
	margin: 0 auto;
	height: 48px;
	line-height: 48px;
	border: 1px solid #333;
margin-top:.25rem
}
.login .login-mode a:hover {
	color: #fff;
	background: #333;
	border-color: #333
}
.login-foot {
	padding: 17px 10px;
	line-height: 25px;
	color: #666;
	background: #f7f7f7
}
.register .bg {
	background: url(../images/register_bg.jpg) no-repeat center;
	background-size: cover
}
.register .box {
	width: 100%;
	height: 260px;
	background: url(../images/registerbtn_bg.jpg) no-repeat center
}
.register .box .abs {
	width: 100%;
	bottom: 22px;
	line-height: 20px
}
.register .box .abs a:hover {
	text-decoration: underline
}
.register .btn {
	width: 300px;
	height: 48px;
	line-height: 48px;
	background: #333;
	border-radius: 1px;
	margin-top: 7.5%
}
.register .success .icon {
	width: 100%;
	height: 60px;
	background: url(../images/success_icon.jpg) no-repeat center
}
.register .success .f20 {
	line-height: 36px
}
.register .success h3 {
	padding-bottom: 6.3%
}
.register .success a {
	max-width: 300px;
	display: block;
	margin: 0 auto;
	height: 48px;
	line-height: 48px
}
.register .success .a1 {
	color: #fff;
	background: #333;
	border-color: #333
}
.register .success .a2 {
	border: 1px solid #333;
	margin-top: 22px
}
.register .success .a2:hover {
	color: #fff;
	background: #333;
	border-color: #333
}
.register .investigation h1 {
padding:0 0 .4rem 0
}
.register .investigation form {
	max-width: 300px
}
.register .investigation .select, .register .investigation input {
	width: 100%;
	height: 48px;
	line-height: 48px;
	border: 1px solid #ddd;
	margin-bottom: 15px;
	padding: 0 10px
}
.register .investigation .select {
	color: #999;
	background: url(../images/select_bg2.png) no-repeat 95% center
}
.register .investigation .btn {
	margin: 5px 0 25% 0
}
.col-lg-8 {
	float: left;
	width: 66.66666666%
}
.main {
	background: #f7f7f7
}
.main .in-banner {
	height: 840px;
	background-repeat: no-repeat;
	background-position: center;
	color: #fff
}
.main .in-banner .info h1 {
	-webkit-animation-delay: .1s;
	animation-delay: .1s
}
.main .in-banner .info h2 {
	-webkit-animation-delay: .2s;
	animation-delay: .2s
}
@-webkit-keyframes slideInLeft {
from {
visibility:visible;
-webkit-transform:translate3d(-10%, 0, 0);
transform:translate3d(-10%, 0, 0)
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@keyframes slideInLeft {
from {
visibility:visible;
-webkit-transform:translate3d(-10%, 0, 0);
transform:translate3d(-10%, 0, 0)
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
.main .news-banner .info {
	padding: 260px 0 0 9.6%
}
.main .news-banner .info h1 {
	font-family: 'hsm';
	font-size: 87px
}
.main .news-banner .info h2 {
	font-size: 36px;
	padding-bottom: 3.2%
}
.main .news-banner .info a {
	position: relative;
	width: 72px;
	height: 72px;
	background: url(../images/video_icon.png) no-repeat center
}
@media (min-width:1200px) {
.main .news-banner .info a:hover::after {
	position: absolute;
	top: -0.5%;
	left: -0.5%;
	content: "";
	width: 101%;
	height: 102%;
	background: #fff;
	opacity: .5;
	border-radius: 50%;
	-webkit-animation: bgzoom 1s both;
	animation: bgzoom 1s both
}
}
.main .news-list {
padding-top:.8rem;
padding-bottom:.4rem
}
.main .news-list li {
	margin-bottom: 15px
}
.main .news-list a:hover .date:after {
	left: 100%;
	-webkit-transform: translateX(-24px);
	transform: translateX(-24px)
}
.main .news-list a:hover .info::after {
	height: 76px
}
.main .news-list .date {
	position: relative;
	width: 75px
}
.main .news-list .date:after {
	position: absolute;
	content: '';
	left: 0;
	bottom: -45px;
	width: 24px;
	height: 11px;
	background: url(../images/news_icon1.png) no-repeat center;
	-webkit-transition: all .5s;
	transition: all .5s
}
.main .news-list .info {
	position: relative;
	width: calc(100% - 75px);
	padding-left: 85px
}
.main .news-list .info:before, .main .news-list .info:after {
	position: absolute;
	content: '';
	top: 0;
	left: 63px;
	width: 1px
}
.main .news-list .info:before {
	height: 100%;
	background: #ececec
}
.main .news-list .info::after {
	height: 0;
	background: url(../images/news_line.jpg) no-repeat center;
	-webkit-transition: all .5s;
	transition: all .5s
}
.main .news-info {
	padding-top: 1.15rem
}
.main .news-info h1 {
	padding-top: 75px
}
.main .blog {
	max-width: 990px;
	padding-top: 160px
}
.main .blog .blog-l {
	width: calc(100% - 260px);
	border: 1px solid #e6e6e6;
	background: #fff;
	padding: 20px 35px 35px 35px
}
.main .blog .blog-l .list a {
	border-bottom: 1px solid #e6e6e6;
padding:.15rem 0
}
.main .blog .blog-l .list a span {
	background: #f00;
	padding: 3px 8px;
	margin-right: 15px
}
.main .blog .blog-l .list2 li {
margin-top:.25rem;
	border-bottom: 1px solid #e6e6e6
}
.main .blog .blog-l .list2 .txt {
	line-height: 23px
}
.main .blog .blog-r {
	width: 260px;
	padding-left: 10px
}
.main .blog .blog-r .list {
	border: 1px solid #e6e6e6;
	background: #fff
}
.main .blog .blog-r .btn {
	height: 80px;
	line-height: 80px;
	border: 1px solid #e6e6e6;
	background: #fff url(../images/blog_btn.png) no-repeat 23% center;
	text-indent: 20%;
	margin-bottom: 10px
}
.main .blog .blog-r .list {
	padding: 20px
}
.main .blog .blog-r .list a {
	position: relative;
	font-size: 12px;
	line-height: 28px;
	color: #000;
	padding-left: 15px
}
.main .blog .blog-r .list a::after {
	position: absolute;
	content: '';
	left: 0;
	top: 50%;
	width: 4px;
	height: 4px;
	background: #000;
	border-radius: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}
.main .blog .blog-r .img {
	margin-top: 10px
}
.main .blog .blog-r .img img {
	width: 100%;
	height: 100%
}
.main .blog-info .blog-l {
	border: none;
	background: transparent;
	padding: 0
}
.main .blog-info .blog-l .info {
	border: 1px solid #e6e6e6;
	padding: 20px 35px 40px 35px
}
.main .blog-info .blog-l .info .date {
	border-bottom: 1px solid #e6e6e6
}
.main .blog-info .blog-l .info i {
	color: #f00
}
.main .blog-info .blog-l .portrait {
	width: 49px;
	height: 49px;
	border-radius: 50%;
	overflow: hidden
}
.main .blog-info .blog-l .comment-my input {
	height: 48px;
	line-height: 48px
}
.main .blog-info .blog-l .comment-my .txt {
	border: 1px solid #ddd;
	width: calc(100% - 235px);
	padding: 0 15px
}
.main .blog-info .blog-l .comment-my .btn {
	width: 160px;
	background: #333;
	border-radius: 5px
}
.main .blog-info .blog-l .comment {
	border: 1px solid #e6e6e6;
	margin-top: 20px;
padding:.25rem .3rem
}
.main .blog-info .blog-l .comment .head a.cur {
	font-size: 24px;
	color: #000
}
.main .blog-info .blog-l .comment li {
padding-top:.2rem;
	border-bottom: 1px solid #e6e6e6
}
.main .blog-info .blog-l .comment li .portrait {
	margin-left: 5px
}
.main .blog-info .blog-l .comment li h3 strong {
	color: #489bff
}
.main .blog-info .blog-l .comment li .txt-w {
	width: calc(100% - 55px);
	padding-left: 13px
}
.main .blog-info .blog-l .comment-edit {
padding:.3rem .4rem;
	border: 1px solid #e6e6e6;
	margin-top: 20px
}
.main .blog-info .blog-l .comment-edit .con {
	width: calc(100% - 50px)
}
.main .blog-info .blog-l .comment-edit .con textarea {
	height: 1.7rem;
	border: 1px solid #e6e6e6;
	border-radius: 5px;
	font-size: 14px;
padding:.15rem
}
.main .blog-info .blog-l .comment-edit .con .btn {
	width: 160px;
	height: 48px;
	line-height: 48px;
	background: #333;
	border-radius: 5px
}
.main .blog-info .blog-r .official {
	border: 1px solid #e6e6e6;
	background: #fff;
	margin-bottom: 10px
}
.main .blog-info .blog-r .official .icon {
	width: 70px;
	height: 70px;
	background: #ccc;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto
}
.main .blog-info .blog-fix {
	position: fixed;
	top: 160px;
	right: 3%
}
.main .blog-info .blog-fix a {
	display: block;
	width: 60px;
	height: 75px;
	border: 1px solid #e6e6e6;
	text-align: center;
	line-height: 110px;
	overflow: hidden
}
.main .blog-info .blog-fix a:nth-child(1) {
	color: #fff;
	background: #499bff url(../images/blog_fix_1.png) no-repeat center 35%;
	border-bottom: none
}
.main .blog-info .blog-fix a:nth-child(2) {
	color: #dfdfdf;
	background: #fff url(../images/blog_fix_2.png) no-repeat center 35%
}
.main .blog-write {
	max-width: 990px;
	padding-top: 1.6rem
}
.main .blog-write h2 {
	padding-bottom: 15px
}
.main .blog-write .con {
padding:.3rem;
	border: 1px solid #e6e6e6;
	background: #fff
}
.main .blog-write .con .txt, .main .blog-write .con .select {
	height: 46px;
	line-height: 46px;
	border: 1px solid #dfdfdf;
	margin-bottom: 15px;
	padding: 0 15px
}
.main .blog-write .con .txt {
	width: calc(100% - 160px)
}
.main .blog-write .con .select {
	text-indent: 2%;
	width: 140px;
	background: #fff url(../images/select_bg3.jpg) no-repeat 85% center
}
.main .blog-write .con .btn input {
	float: left;
	width: 150px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin: 20px 10px 0 0
}
.main .blog-write .con .btn input:nth-child(1) {
	color: #fff;
	background: #333
}
.main .blog-write .con .btn input:nth-child(2) {
	color: #666;
	background: #f3f3f3
}
.main .contact .add {
	height: 6.8rem
}
.main .contact .add img {
	max-width: inherit
}
.main .contact .mauto {
	max-width: 1040px;
padding:.65rem 7% 0 7%
}
.main .contact .info {
	-webkit-transform: translateY(-0.65rem);
	transform: translateY(-0.65rem)
}
.main .contact .list ul {
	margin-left: -0.4rem
}
.main .contact .list li {
padding-left:.4rem
}
.main .contact .list li .icon {
	width: 100%;
	height: 80px;
	background-repeat: no-repeat;
	background-position: center
}
.main .contact .list li a {
padding:.47rem 0 .27rem 0;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.1)
}
.main .contact .list li:nth-child(1) .icon {
	background-image: url(../images/contact_icon1.png)
}
.main .contact .list li:nth-child(2) .icon {
	background-image: url(../images/contact_icon2.png)
}
.main .contact .list li:nth-child(3) .icon {
	background-image: url(../images/contact_icon3.png)
}
.main .contact .list li:hover a {
	background: url(../images/contact_bg.jpg) no-repeat center;
	background-size: cover
}
.main .contact .list li:hover a h3 {
	color: #fff
}
.main .contact .list li:hover .icon {
	-webkit-transition-timing-function: cubic-bezier(.6, 4, .3, .8);
	transition-timing-function: cubic-bezier(.6, 4, .3, .8);
	-webkit-animation: gelatine .5s 1;
	animation: gelatine .5s 1
}
.main .contact .list li:hover:nth-child(1) .icon {
	background-image: url(../images/contact_icon1_2.png)
}
.main .contact .list li:hover:nth-child(2) .icon {
	background-image: url(../images/contact_icon2_2.png)
}
.main .contact .list li:hover:nth-child(3) .icon {
	background-image: url(../images/contact_icon3_2.png)
}
.main .contact .line {
	width: 100%;
	height: 1px;
	background: #e5e5e5;
margin-top:.65rem;
	-webkit-animation-delay: .5s;
	animation-delay: .5s
}
.main .contact .tab-body li {
	display: none
}
.main .contact .tab-body li.cur {
	display: block
}
.main .contact .tab-body li.cur h3 {
	-webkit-animation: zoomIn 1s both;
	animation: zoomIn 1s both
}
.main .contact .tab-body li.cur .f24 {
	-webkit-animation: slideInUp 1s both;
	animation: slideInUp 1s both
}
.main .txt-info .banner {
	height: 680px
}
.main .txt-info .info {
padding:.4rem 3.2% .5rem 3.2%;
	margin-top: -65px
}
.main .txt-info h2 {
	border-bottom: 1px solid #ccc
}
.main .txt-info .hhr {
	background: #f7f7f7
}
.main .txt-info .hhr .pic {
	width: 120px;
	height: 120px
}
.main .txt-info .hhr .txt {
	width: calc(100% - 120px);
	height: 120px;
	padding: 0 3%
}
.main .txt-info .hhr .txt .dtcell {
	text-align: left
}
.main .backstage {
	max-width: 990px;
	padding-top: 1.6rem;
padding-bottom:.45rem
}
.main .backstage .box {
	border: 1px solid #e6e6e6;
	background: #fff
}
.main .backstage .backstage-l {
	width: 250px
}
.main .backstage .backstage-l .dt {
	padding: 25px 0
}
.main .backstage .backstage-l .icon {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto
}
.main .backstage .backstage-l h3 {
	width: 250px;
	padding-top: 15px
}
.main .backstage .backstage-l .f12 {
	padding-top: 5px
}
.main .backstage .backstage-l .list {
	margin-top: 10px;
padding:.2rem 0 .65rem 0
}
.main .backstage .backstage-l .list a {
	position: relative;
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0 30px;
	-webkit-transition: all .3s;
	transition: all .3s
}
.main .backstage .backstage-l .list a::after {
	position: absolute;
	left: 0;
	content: '';
	width: 3px;
	height: 100%;
	border-left: 3px solid #000;
	-webkit-transform: scale(1, 0);
	transform: scale(1, 0);
	-webkit-transition: all .3s;
	transition: all .3s
}
.main .backstage .backstage-l .list a.cur, .main .backstage .backstage-l .list a:hover {
	background: #f7f7f7
}
.main .backstage .backstage-l .list a.cur::after, .main .backstage .backstage-l .list a:hover::after {
	-webkit-transform: scale(1);
	transform: scale(1)
}
.main .backstage .backstage-r {
	width: calc(100% - 250px)
}
.main .backstage .backstage-r>.box {
padding:0 .35rem;
	min-height: 567px
}
.main .backstage .backstage-r h2 {
	height: 90px;
	line-height: 90px
}
.main .backstage .personal form {
	max-width: 550px
}
.main .backstage .personal .portrait .portrait-img {
	width: 160px;
	height: 160px;
	border: 1px solid #e0e0e0;
	padding: 4px
}
.main .backstage .personal .portrait .file {
	width: 160px;
	height: 32px;
	line-height: 32px;
	margin: 10px auto
}
.main .backstage .personal .portrait .file input {
	display: block;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: transparent;
	text-indent: -9999px;
	font-size: 0
}
.main .backstage .personal .portrait .file>div {
	background: #f8f8f8
}
.main .backstage .personal .info {
	width: calc(100% - 160px);
	padding-left: 6.5%
}
.main .backstage .personal .info .disabled {
	background: #f8f8f8
}
.main .backstage .personal .info .abs {
	top: 0;
	right: 7%;
	height: 50px;
	line-height: 50px;
	display: block;
	color: #ccc
}
.main .backstage .personal .info .txt, .main .backstage .personal .info .select, .main .backstage .personal .info .btn {
	border: 1px solid #e0e0e0;
	height: 50px;
	line-height: 50px;
	margin-bottom: 15px
}
.main .backstage .personal .info .select {
	width: 48%;
	background: url(../images/select_bg2.png) no-repeat 92% center
}
.main .backstage .personal .info .btn {
	border: none;
	background: #000
}
.main .backstage .information li {
	border-bottom: 1px solid #e6e6e6;
	padding: 10px 0
}
.main .backstage .information .portrait {
	width: 48px;
	height: 48px;
	border-radius: 50%
}
.main .backstage .information .info {
	width: calc(100% - 133px)
}
.main .backstage .information .info .f12 {
	padding-top: 5px
}
.main .backstage .information a {
	width: 70px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #e6e6e6;
	margin-top: 5px
}
.main .backstage .information a:hover {
	border-color: #333
}
.main .backstage .topic li {
	border-bottom: 1px solid #e6e6e6;
	padding: 15px 0
}
.main .backstage .topic .info {
	width: calc(100% - 150px)
}
.main .backstage .topic .info .f12 {
	padding-top: 5px
}
.main .backstage .topic a {
	width: 70px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #e6e6e6;
	margin-top: 5px
}
.main .backstage .topic a:hover {
	border-color: #333
}
.main .backstage .driver li {
	border: 1px solid #e6e6e6;
	margin-bottom: 12px
}
.main .backstage .driver h3 {
	width: 70%;
	height: 30px;
	line-height: 30px
}
.main .backstage .driver a {
	height: 30px;
	line-height: 30px
}
.main .backstage .driver .a1 {
	width: 60px;
	background: #f7f7f7
}
.main .backstage .driver .a2 {
	width: 70px;
	border: 1px solid #e6e6e6
}
.main .backstage .coupon ul {
	margin-left: -22px
}
.main .backstage .coupon li {
	padding-left: 22px;
margin-bottom:.2rem
}
.main .backstage .coupon .head {
	border-bottom: 1px solid #e6e6e6
}
.main .backstage .coupon .head a {
	position: relative;
	color: #666;
	float: left;
	margin-right: 35px
}
.main .backstage .coupon .head a:nth-child(2)::after, .main .backstage .coupon .head a:nth-child(2)::before {
	position: absolute;
	content: '';
	width: 1px;
	height: 100%;
	background: #ddd
}
.main .backstage .coupon .head a:nth-child(2)::before {
	left: -50%;
	margin-left: 1px
}
.main .backstage .coupon .head a:nth-child(2)::after {
	right: -50%;
	margin-right: 1px
}
.main .backstage .coupon .head a.cur, .main .backstage .coupon .head a:hover {
	color: #09f
}
.main .backstage .coupon .sum-top {
	position: relative;
	padding: 25px 20px 25px 20px;
	background: #e6e6e6
}
.main .backstage .coupon .sum-top::before, .main .backstage .coupon .sum-top:after {
	position: absolute;
	top: -25px;
	content: '';
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #fff
}
.main .backstage .coupon .sum-top:before {
	left: -25px
}
.main .backstage .coupon .sum-top:after {
	right: -25px
}
.main .backstage .coupon .sum-top .c9 {
	padding-top: 10px
}
.main .backstage .coupon .sum {
	border-bottom: 1px solid #fff
}
.main .backstage .coupon .sum strong {
	font-size: 48px
}
.main .backstage .coupon .info {
	background: #f8f8f8;
	line-height: 20px;
padding:.2rem
}
.main .backstage .coupon .date {
	position: relative;
	height: 43px;
	line-height: 43px;
	background: #e6e6e6
}
.main .backstage .coupon .date::before, .main .backstage .coupon .date:after {
	position: absolute;
	bottom: -25px;
	content: '';
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #fff
}
.main .backstage .coupon .date:before {
	left: -25px
}
.main .backstage .coupon .date:after {
	right: -25px
}
.main .backstage .order .head a {
	border-left: 1px solid #ddd;
	float: left;
	padding: 0 15px;
	height: 18px;
	line-height: 18px;
	color: #666
}
.main .backstage .order .head a:nth-child(1) {
	border-left: none;
	padding: 0 15px 0 0
}
.main .backstage .order .head a.cur, .main .backstage .order .head a:hover {
	color: #09f
}
.main .backstage .order li {
	border: 1px solid #e6e6e6;
	margin-bottom: 20px
}
.main .backstage .order .number-w {
padding:.25rem
}
.main .backstage .order .number {
	height: 38px;
	overflow: hidden
}
.main .backstage .order .number .els {
	width: 60%
}
.main .backstage .order .number strong {
	font-size: 32px
}
.main .backstage .order .item {
padding:.25rem;
	border-top: 1px solid #e6e6e6
}
.main .backstage .order .item .info {
	width: calc(100% - 60px)
}
.main .backstage .order .item .img {
	width: 108px;
	height: 80px
}
.main .backstage .order .item .txt {
	width: calc(100% - 108px)
}
.main .backstage .order .item .txt h3 {
	margin: 5px 0
}
.main .backstage .order .item .txt .els2 {
	height: 22px;
	line-height: 22px
}
.main .backstage .order .item a {
	width: 60px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #e6e6e6;
	margin-top: 25px
}
.main .backstage .order .item a:hover {
	border-color: #333
}
.main .backstage .order-info .head {
	border-bottom: 1px solid #ccc
}
.main .backstage .order-info .head .fl {
	height: 20px;
	line-height: 20px
}
.main .backstage .order-info .head .fr {
	font-size: 15px;
	color: #666
}
.main .service-banner .info {
	padding: 310px 0 0 10.2%
}
.main .service-banner .info h1 {
	font-size: 60px
}
.main .service-banner .info h2 {
	font-size: 28px
}
.main .service .slider {
padding:.5rem 0 1.15rem 0;
	background: #edeef0
}
.main .service .slider h2 {
	font-size: 54px
}
.main .service .slider li {
	padding: 10px 20px 0 20px;
	-webkit-transition: all .3s;
	transition: all .3s
}
.main .service .slider li:hover {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px)
}
.main .service .slider .icon {
	width: 144px;
	height: 124px;
	border: 1px solid #cdced0;
	margin: 0 auto
}
.main .service .owl-pagination {
	bottom: -0.6rem
}
.main .service .owl-controls .owl-page span {
	width: 6px;
	height: 6px;
margin:0 .17rem;
	background: #c4c5c6
}
.main .service .owl-controls .owl-page.active span, .main .service .owl-controls.clickable .owl-page:hover span {
	background: #000
}
.main .service .service-txt {
	height: 520px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}
.main .service .service-txt .pic {
padding-right:.55rem
}
.main .service .service-txt .txt1 {
	font-size: 79px
}
.main .service .service-txt .txt2 {
	font-size: 60px
}
.main .service .service-txt .txt3 {
	font-size: 26px;
	line-height: 36px
}
.main .service .service-search {
	height: 520px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}
.main .service .service-search h2 {
	font-size: 54px
}
.main .service .service-search .select-w {
	max-width: 515px;
	margin: 0 auto
}
.main .service .service-search .select-in {
	width: calc(50% - 45px / 2);
	height: 40px;
	padding-right: 1.5%
}
.main .service .service-search .select {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	background: #fff url(../images/select_bg3.jpg) no-repeat 93% center;
	padding: 0 10%
}
.main .service .service-search .select option {
	text-align: center
}
.main .service .service-search .btn {
	display: block;
	width: 45px;
	height: 40px;
	line-height: 40px;
	background: #000 url(../images/search.png) no-repeat center;
	font-size: 0;
	background-size: 50%
}
.main .car-banner .info {
	text-align: center;
	padding: 1.5rem 0 0 0
}
.main .car-banner .info h1 {
	font-family: 'hsm';
	font-size: 72px
}
.main .car-banner .info h2 {
	font-size: 24px
}
.main .car-fix {
	visibility: hidden;
	opacity: 0;
	z-index: 6;
	position: fixed;
	top: 0;
	right: 0;
	width: calc(100% - 310px);
	height: 80px;
	-webkit-transition: all .9s;
	transition: all .9s
}
.main .car-fix .list a {
	position: relative;
	color: #000;
	height: 80px;
	line-height: 80px;
	padding: 0 8px;
	margin: 0 25px
}
.main .car-fix .list a::after {
	position: absolute;
	left: 0;
	bottom: -2px;
	content: '';
	width: 100%;
	height: 2px;
	opacity: 0;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	border-top: 2px solid #000;
	-webkit-transition: all .5s;
	transition: all .5s
}
.main .car-fix .list a.cur::after, .main .car-fix .list a:hover::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}
.main .car-fix .btn .a1 {
	padding-left: 35px;
	height: 80px;
	line-height: 80px;
	color: #000;
	background: url(../images/car-icon.png) no-repeat left center;
	background-size: 24px 24px
}
.main .car-fix .btn .a2 {
	width: 96px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	margin-top: 23px;
	color: #fff;
	background: #03b6fe;
	border-radius: 20px
}
.main .car-info {
	padding: 0 8.3%
}
.main .car-info .con {
	padding: 0 6.8%
}
.main .car-info .con h2 {
	border-bottom: 1px solid #cecece;
	padding-bottom: 15px
}
.main .car-info .con .item1 .dtcell {
	text-align: left;
	padding: 0 10.5%
}
.main .car-info .con .item1 li:nth-child(even) .pic {
	float: right
}
.main .car-info .con .item1 h3 {
	border-bottom: 1px solid #ccc;
	padding-bottom: 3.5%;
	margin-bottom: 3.5%
}
.main .car-info .con .item1 .txt-w {
	padding: 4% 0;
	overflow: hidden
}
.main .car-info .con .item1 .txt {
	height: 100px;
	overflow: auto
}
.main .car-info .con .item2 h2 {
margin-top:.8rem
}
.main .car-info .con .item2 .tab-head {
	position: relative
}
.main .car-info .con .item2 .tab-head::after {
	position: absolute;
	content: '';
	top: 0;
	left: 50%;
	width: 1px;
	height: 100%;
	background: #e5e5e5;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}
.main .car-info .con .item2 .tab-head li {
	display: inline-block;
	position: relative;
	color: #999;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	cursor: pointer;
	margin: 0 33px
}
.main .car-info .con .item2 .tab-head li::after {
	display: none;
	position: absolute;
	bottom: -12px;
	left: 50%;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #03b6fe;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}
.main .car-info .con .item2 .tab-head li:hover, .main .car-info .con .item2 .tab-head li.cur {
	color: #03b6fe
}
.main .car-info .con .item2 .tab-head li:hover::after, .main .car-info .con .item2 .tab-head li.cur::after {
	display: block
}
.main .car-info .con .item2 .tab-body {
	margin-left: -2px;
padding-top:.35rem
}
.main .car-info .con .item2 .tab-body li {
	display: none
}
.main .car-info .con .item2 .tab-body li.cur {
	display: block
}
.main .car-info .con .item2 .box {
	margin-left: 2px;
	margin-bottom: 2px
}
.main .car-info .con .item3 h2 {
margin-top:.6rem
}
.main .car-info .con .item3 .slider {
padding:.5rem 0 1.15rem 0
}
.main .car-info .con .item3 .slider .btn {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 68px;
	height: 68px;
	background: url(../images/video_icon2.png) no-repeat center;
	-webkit-transition: all .3s;
	transition: all .3s
}
.main .car-info .con .item3 .slick-slide {
	opacity: .4;
	-webkit-transition: all .3s;
	transition: all .3s
}
.main .car-info .con .item3 .slick-slide img {
	-webkit-transform: scale(1, .65);
	transform: scale(1, .65)
}
.main .car-info .con .item3 .slick-center {
	opacity: 1
}
.main .car-info .con .item3 .slick-center img {
	-webkit-transform: scale(1);
	transform: scale(1)
}
.main .car-info .con .item3 .slick-center .btn {
	visibility: visible;
	opacity: 1;
	-webkit-animation: zoomIn 1.5s both;
	animation: zoomIn 1.5s both
}
.main .car-info .con .item3 .slick-prev, .main .car-info .con .item3 #pro-slider .slick-next {
	text-indent: -99999px;
	width: 14.4em;
	height: 100%;
	position: absolute;
	z-index: 10;
	top: 0
}
.main .car-info .con .item3 .slick-prev {
	left: 0
}
.main .car-info .con .item3 .slick-next {
	right: 0
}
.main .car-info .con .item3 .slick-dots {
	position: absolute;
	width: 100%;
bottom:.65rem;
	text-align: center
}
.main .car-info .con .item3 .slick-dots li {
	display: inline-block;
	height: 14px
}
.main .car-info .con .item3 .slick-dots li a {
	text-indent: -9999px;
	width: 10px;
	height: 10px;
	margin: 0 4px;
	background: #d6d8dd;
	vertical-align: bottom;
	-webkit-transition: all .3s;
	transition: all .3s
}
.main .car-info .con .item3 .slick-dots li:hover a, .main .car-info .con .item3 .slick-dots li.slick-active a {
	background: #0faefe;
	width: 14px;
	height: 14px
}
.main .car-info .con .item4 tr:nth-child(even) {
	background: #f6f6f6 !important
}
.main .car-info .con .item4 tr.tt2 {
	background: #d6d8dd !important;
	color: #fff
}
.main .car-info .con .item4 tr.tt2 td {
	border: 1px solid #d6d8dd
}
.main .car-info .con .item4 th, .main .car-info .con .item4 td {
	padding: 10px 0;
	text-align: center
}
.main .car-info .con .item4 th {
	background: #090909;
	color: #fff;
	font-weight: normal
}
.main .car-info .con .item4 td {
	border: 1px solid #ebebeb
}
.main .car-info>.btn {
padding:.7rem 0 .6rem 0
}
.main .car-info>.btn a {
	text-align: center;
	height: 60px;
	line-height: 60px;
	color: #fff;
	font-size: 16px
}
.main .car-info>.btn .a1 {
	background: #000
}
.main .car-info>.btn .a2 {
	background: #03b6fe
}
.main .car-info>.btn a:nth-chiid(1) {
background:#000
}
.main .car-info>.btn a:nth-chiid(2) {
background:#03b6fe
}
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: none;
	touch-action: none;
	-webkit-tap-highlight-color: transparent
}
.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0
}
.slick-list:focus {
	outline: none
}
.slick-loading .slick-list {
	background: #fff url(../images/loader.gif) center center no-repeat
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	zoom: 1
}
.slick-track:before, .slick-track:after {
	content: "";
	display: table
}
.slick-track:after {
	clear: both
}
.slick-loading .slick-track {
	visibility: hidden
}
.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none
}
.slick-slide img {
	display: block
}
.slick-slide.slick-loading img {
	display: none
}
.slick-slide.dragging img {
	pointer-events: none
}
.slick-initialized .slick-slide {
	display: block
}
.slick-loading .slick-slide {
	visibility: hidden
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}
.imgs {
	background: url(../images/loading.gif) no-repeat center
}
.edit {
	overflow: hidden;
	line-height: 200% !important;
	font-size: 14px !important
}
.edit p, .edit span, .edit em, .edit strong {
	line-height: 200% !important
}
.in-page {
	line-height: 30px;
	color: #393939
}
.in-page a {
	padding: 0 10px;
	border: 1px solid #dfdfdf
}
.in-page a:hover, .in-page a.cur {
	border-color: #3ca0ff
}
.bd_weixin_popup {
	height: 300px !important
}
.fix-wrap {
	display: none;
	z-index: 9999;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8)
}
.fix-wrap .po-auto {
	display: table;
	width: 100%;
	height: 100%
}
.fix-wrap .hide {
	position: absolute;
	width: 25px;
	height: 25px;
	padding: 25px;
	right: 5%;
	top: 5%;
	cursor: pointer;
	background: #090908;
	border-radius: 50%;
	-webkit-transition: all 8s;
	transition: all .8s
}
.fix-wrap .hide::before, .fix-wrap .hide::after {
	position: absolute;
	top: 50%;
	left: 50%;
	content: '';
	width: 1px;
	height: 55%;
	background: #fff;
	margin-top: -27.5%
}
.fix-wrap .hide::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}
.fix-wrap .hide::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.fix-wrap .hide:hover {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}
.fix-wrap .video-w video {
	width: 55%;
	height: 55%;
	background: rgba(0,0,0,0.8)
}
@media (max-width:750px) {
.fix-wrap .video-w video {
	width: 90%;
	height: 50%
}
}
.personal-fix {
	background: rgba(0,0,0,0.5)
}
.personal-fix.fix1 .box {
padding:.5rem 5% .7rem 5%
}
.personal-fix.fix2 .box {
padding:.5rem 5% .5rem 5%
}
.personal-fix .box {
	max-width: 520px;
	background: #fff;
	margin: 0 auto
}
.personal-fix input {
	height: 50px;
	line-height: 50px;
	border: 1px solid #e0e0e0;
	margin-bottom: 15px;
padding:0 .15rem
}
.personal-fix .txt {
	width: 64%
}
.personal-fix .btn1, .personal-fix .btn {
	border: none
}
.personal-fix .btn1 {
	width: 33%;
	background: #efefef;
	color: #666
}
.personal-fix .btn {
	background: #000
}
@-webkit-keyframes slideInr {
from {
-webkit-transform:translate3d(30%, 0, 0);
transform:translate3d(30%, 0, 0)
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@keyframes slideInr {
from {
-webkit-transform:translate3d(30%, 0, 0);
transform:translate3d(30%, 0, 0)
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@keyframes bgzoom {
from {
opacity:.5;
-webkit-transform:scale(1);
transform:scale(1)
}
to {
	opacity: 0;
	-webkit-transform: scale(1.3);
	transform: scale(1.3)
}
}
@-webkit-keyframes bgzoom {
from {
opacity:.5;
-webkit-transform:scale(1);
transform:scale(1)
}
to {
	opacity: 0;
	-webkit-transform: scale(1.3);
	transform: scale(1.3)
}
}
@keyframes gelatine {
from, to {
-webkit-transform:scale(1, 1);
transform:scale(1, 1)
}
25% {
-webkit-transform:scale(.9, 1.1);
transform:scale(.9, 1.1)
}
50% {
-webkit-transform:scale(1.1, .9);
transform:scale(1.1, .9)
}
75% {
-webkit-transform:scale(.95, 1.05);
transform:scale(.95, 1.05)
}
from, to {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}
25% {
-webkit-transform:scale(.9, 1.1);
transform:scale(.9, 1.1)
}
50% {
-webkit-transform:scale(1.1, .9);
transform:scale(1.1, .9)
}
75% {
-webkit-transform:scale(.95, 1.05);
transform:scale(.95, 1.05)
}
}
@-webkit-keyframes gelatine {
from, to {
-webkit-transform:scale(1, 1);
transform:scale(1, 1)
}
25% {
-webkit-transform:scale(.9, 1.1);
transform:scale(.9, 1.1)
}
50% {
-webkit-transform:scale(1.1, .9);
transform:scale(1.1, .9)
}
75% {
-webkit-transform:scale(.95, 1.05);
transform:scale(.95, 1.05)
}
from, to {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}
25% {
-webkit-transform:scale(.9, 1.1);
transform:scale(.9, 1.1)
}
50% {
-webkit-transform:scale(1.1, .9);
transform:scale(1.1, .9)
}
75% {
-webkit-transform:scale(.95, 1.05);
transform:scale(.95, 1.05)
}
}
.cll {
	color: #0e479d
}
.clls {
	color: #0e479d !important
}