@charset "utf-8";/* margin and padding */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, img, form, applet, fieldset, legend, button, input, textarea, th, table, tr, td {
	margin: 0;
	padding: 0;
	border: none;
}
/* bady */
body {
	font-family: "微软雅黑";
	color: #666;
	position: relative;
	margin: 0 auto;
	min-width: 1100px;
	max-width: 1920px;
	z-index: -2;
}
body, div, fieldset, form, h1, h2, h3, h4, h5, h6, html, p {
	-webkit-text-size-adjust: none
}
input::-ms-clear {
display:none;
}/*清楚文本框X*/
input, select, textarea {
	outline: none;
	cursor: pointer;
	-webkit-appearance: none;
}
html {
	height: auto;
	width: 100%;
	-webkit-user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	background: #fffef6;
	margin: 0 auto;
	min-width: 1100px;
	max-width: 1920px;
	z-index: -2
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color:#666;
}
/* img */
img {
	padding: 0;
	margin: 0;
	vertical-align: top;
	border: none;
}
i, em {
	font-style: normal;
}
/* div */
li, ul {
	list-style: none;
	outside: none;
}
.clear {
	clear: both;
	height: 0;
	width: 100%;
}
a, b, i, span, input, select, dl, dd, dt, p {
	font-family: "微软雅黑";
}
/* font */
a {
	color: #333;
	text-decoration: none;
	cursor: pointer;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}
.mt100 {
	margin-top: 100px;
}
.mt30 {
	margin-top: 30px;
}
.fl {
	float: left !important;
}
.fr {
	float: right !important;
}
.text-center {
	clear: both;
	text-align: center;
}
.overhidden {
	overflow: hidden;
}
/* active main */

.bg_box{position:relative !important;
	width: 100%;
	margin: 0 auto;
	min-width: 1100px;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	z-index: 2;
}
.footer_box{
	width: 100%;
	margin: 0 auto;
	min-width: 1100px;
	overflow: hidden;
	z-index: 2;
}
.bg_box img,.footer_box img {
	width: 1920px;
	height: auto;
	clear: both;
	position: relative;
	left: 50%;
	margin-left: -960px;
}

.container{width:1180px; margin:0 auto; clear:both; position:relative; display:block; overflow:hidden;}
.container:before{ content:""; display:table; clear:both; box-sizing:border-box;}
.mainwarp{ width:100%; clear:both; display:table; overflow:hidden; position:relative;}
.switch_box{ width:100%; height:650px; background:url(../images/switch_bg.jpg) no-repeat center; background-size:cover;}
.brand.switch_box{ width:100%; height:720px; background:url(../images/brand_sw_bg.jpg) no-repeat center; background-size:cover;}
.bg_gray{ background-color:#f4f4f4;}

.row{ margin-left:-43px !important;margin-right:-43px !important; display:block;}
.row:before{ content:""; display:table; box-sizing:border-box;}
.col_3{ float:left; width:25%; position:relative; box-sizing:border-box; display:block; min-height:1px;}
.col_4{ float:left; width:33.3333%; position:relative; box-sizing:border-box; display:block; min-height:1px;}
.col_12 img,.col_3 img,.col_4 img{ max-width:100%; display:block; height:auto; position:relative; margin:0 auto;}
.col_6{ width:50%; float:left;position:relative; box-sizing:border-box; display:block; min-height:1px;}
.col_12{ width:100%; float:left;position:relative; box-sizing:border-box; display:block; min-height:1px;}
.text-img{ text-align:center;}
.text-img img{ max-width:100%; height:auto; display:inline-block; margin-left:28px; margin-right:28px;}

.sign_box{ width:100%; float:left; overflow:hidden; position:relative; margin-left:auto; margin-right:auto;}
.input_text{ width:100%; background-color:#f2f2f2; height:50px; border:none; text-indent:20px; line-height:50px;}
.sign_box .col_4{ padding-left:30px; padding-right:30px;}
.sign_box .col_4:first-child{ padding-left:0}
.sign_box .col_4:last-child{ padding-right:0}
.border_st{ border-left:1px dashed #d9d9d9;border-right:1px dashed #d9d9d9;}
.border_st:before{ content:""; position:absolute; top:50%; margin-top:-5px; left:-1px; width:5px; height:10px; background:url(../images/icon_jt.jpg) center; background-size:100% 100%;}
.border_st:after{ content:""; position:absolute; top:50%; margin-top:-5px; right:-5px; width:5px; height:10px; background:url(../images/icon_jt.jpg) center; background-size:100% 100%;}
.sms_send{ text-indent:0; color:#fff; background-color:#b3b3b3;}
.form_btn{ color:#fff; text-align:center; background-color:#c5993f; display:inline-block;}
.down:before{ content:""; width:0; height:0; border-top:7px solid #666; border-left:5px solid transparent; border-right:5px solid transparent; position:absolute; top:50%; margin-top:-4px; right:20px;}
.sums_up{ clear:both;}
.sums_up p{ font-size:14px; color:#4c4c4c; line-height:30px; text-align:center;}

.prev_btn,.next_btn{ width:42px; height:98px; background:rgba(255,255,255,.2); position:absolute; top:50%; margin-top:-49px; text-align:center; line-height:98px; color:#fff; font-size:40px; z-index:99;}
.prev_btn{ left:0;}
.next_btn{ right:0;}
.cutbox i{ width:16px; height:16px; position:absolute; z-index:99; top:0; left:0;border-radius:50%;}
.cutbox i:hover{-webkit-animation: Pulse 1s linear 0s infinite;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    -ms-animation-direction: alternate;
    -o-animation-direction: alternate;
    -moz-animation: Pulse .5s linear 0s infinite;
    -ms-animation: Pulse .5s linear 0s infinite;
    -o-animation: Pulse .5s linear 0s infinite;
}
.cutbox2.swiper-container-horizontal > .swiper-pagination{ bottom:45px;}
.swiper-pagination-bullet{ background-color:#fff !important; opacity:1 !important;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{ width:30px; border-radius:30px; transition:all .5s;}


#mainVideo,.video_box{display: block;width: 440px;height:246px; margin:0 auto; position:relative;}
.video_banner{ position:absolute; top:0; left:0; z-index:99;}
.video_btn{position:absolute; width:60px; height:60px; border:2px solid #c5993f; border-radius:50%; top:50%; left:50%; margin-top:-30px; margin-left:-30px; z-index:99; cursor:pointer;}
.video_btn:before{ content:""; width:0; height:0; border-left:15px solid #c5993f; border-top:11px solid transparent;border-bottom:11px solid transparent; position:absolute; top:50%; left:50%; margin-top:-11px; margin-left:-6px; z-index:99;}
.video_box:hover .video_btn{ display:block !important;}
.video_box{ margin:50px auto;}


.brand .col_3{ padding-left:43px; padding-right:43px;}
.brand p{ font-size:14px; color:#666; line-height:30px; text-align:left;}
.brand.col_12{ background-color:#fff; padding:85px 80px; position:relative;}
.position_img{ position:absolute; width:456px; height:416px; bottom:0; left:50%; z-index:99; margin-left:100px;}


.left_nav{ position:fixed; top:20%; left:20px; z-index:99; width:auto; height:auto;}
.left_nav li{ display:block; width:auto; float:left; clear:both; position:relative; margin:6px 0;}
.left_nav i{ width:12px; height:12px; border:3px solid #cccccc; border-radius:50%; box-sizing:border-box; display:inline-block}
.left_nav li.active i,.left_nav li:hover i{ border:3px solid #666;}
.nav_tips{ width:90px; height:32px; text-align:center; line-height:32px; font-size:14px; color:#fff; background-color:#666666; position:absolute; top:50%; right:-100px; margin-top:-16px; display:none}
.nav_tips:before{ content:""; width:0; height:0; border-right:4px solid #666; border-top:5px solid transparent; border-bottom:5px solid transparent; top:50%; margin-top:-5px; left:-4px; position:absolute;}
.left_nav li.active .nav_tips,.left_nav li:hover .nav_tips{ display:block;}
@-webkit-keyframes Pulse{
  from {  -webkit-box-shadow: 0 0 25px #fff; }
  50% {  -webkit-box-shadow: 0 0 50px #ddd9d9; }
  to {  -webkit-box-shadow: 0 0 25px #fff; }
}
@-moz-keyframes Pulse{
  from {  -moz-box-shadow: 0 0 25px #fff; }
  50% {  -moz-box-shadow: 0 0 50px #ddd9d9; }
  to {  -moz-box-shadow: 0 0 25px #fff; }
}

@-ms-keyframes Pulse{
  from {  -ms-box-shadow: 0 0 25px #fff; }
  50% {  -ms-box-shadow: 0 0 50px #ddd9d9; }
  to {  -ms-box-shadow: 0 0 25px #fff; }
}

@-o-keyframes Pulse{
  from {  -o-box-shadow: 0 0 25px #fff; }
  50% {  -o-box-shadow: 0 0 50px #ddd9d9; }
  to {  -o-box-shadow: 0 0 25px #fff; }
}

@-webkit-keyframes active {
0% {
transform: scale(1);
}
100% {
transform: scale(1.4);
}
}
