@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; background:url(../images/body_bg.jpg) repeat-y center;background-size:auto;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;}
html{height: auto;width: 100%;-webkit-user-select: none;-webkit-tap-highlight-color: rgba(0,0,0,0);background: #fff;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; margin-top:20px;}
.fr{float: left !important; margin-top:20px;}
.text-center{clear: both;text-align: center;}
.overhidden{overflow: hidden;}
.center_img{max-width:100%; height:auto; display:block; margin:0 auto; margin-top:25px;}
/* active main */
.bg_box{width: 100%;margin: 0 auto;min-width: 1100px;position: relative;overflow: hidden;z-index: 2;}
.bg_box img{width: 1920px;height: auto;clear: both;position: relative;left: 50%;margin-left: -960px;}
.container{width:1100px;margin:0 auto;display:table;position:relative;height:auto;}
.box_img{width:100%;clear:both;float:left;position:relative;}
.auto_img{width:auto;height:auto;position:relative;display:block;float:left;max-width:100%;}
.auto_img img,.box_img img,.swiper-slide img{max-width:100%; height:auto; display:block; margin:0 auto;}
.mainwarp{width:100%; clear:both;overflow:hidden;}
.col_3{width:30%; float:left; overflow:hidden; display:block; height:auto;}



/* box_1 */
.box_1{ width:100%; height:auto; position:relative; float:left;
 
      height: 690px;
    background: url("../images/baombg.jpg") center no-repeat;
    background-size: cover;
    }
.sign_left{ width:auto; float:left; height:auto; position:relative; margin-left:66px; margin-top:40px;}
.sign_right{ width:557px; height:auto; float:right;  
 padding:0 50px; box-sizing:border-box; margin-top:145px;border-radius:5px;
  position:relative; margin-right:-44px;}
.box_text{ clear:both; width:100%; float:left; text-align:center; font-size:18px; color:#616161;  line-height:56px; }

.input_text{ background-color:#fff; font-size:24px; height:55px; border:none; float:left; margin-bottom:0px;margin-top:0px;text-indent:28px; border-radius:4px; box-shadow:2px 2px 0 rgba(202,145,49,.5);}
.sel-box{ width:32%; float:left; position:relative; margin-bottom:15px}
.sel-box select{ width:100%; background-color:#fff; margin:0;}
.sel-box:before{ content:""; width:0; height:0; border-top:8px solid #666; border-left:4px solid transparent; border-right:4px solid transparent; position:absolute; right:20px; top:50%; margin-top:-4px;}
.sms_send{ float:right; width:181px; background-color:#ffff00; color:#6d4492; text-indent:0;}
.sign_btn{ width:100%; clear:both; float:left; margin-bottom:27px}
.sign_btn a{ display:block; width:305px; height:63px; text-align:center;margin:0 auto; font-weight:600;}
.sel-box.down:before{ content:""; position:absolute; width:0; height:0; border-left:.07rem solid transparent; border-right:.07rem solid transparent; border-top:.07rem solid #000; top:50%; margin-top:-.04rem; right:.2rem}


/* box_2 */
.box_2{ width:100%; height:auto; position:relative; float:left; margin-top:20px;  box-sizing:border-box;}
.col_4{ width:47%; margin-left: 3%;  float:left;overflow:hidden; display:block; height:auto;-webkit-transition:all 1s; margin-top:20px;}
.col_4 i{ overflow:hidden; height:521px; width:100%; float:left; display:block; position:relative;}

.col_4 i img{ -webkit-transition:all 1s;}
.col_4 i img:nth-child(2){ /*display:none;*/ opacity:0; position:absolute;}
.col_4:hover i img:nth-child(1){ /*display:none;*/ opacity:0; position:absolute; left:3px;}
.col_4:hover i img:nth-child(2){ /*display:block;*/ opacity:1; position:relative; }
.col_4 p{ font-size:18px; color:#313131; text-align:center; line-height:32px;}

/* box_3 */
.box_3{ width:100%; height:auto; position:relative; float:left; margin-top:20px; padding:0 10px; box-sizing:border-box;
   background: url("../images/box_332.png") center no-repeat;
   height: 327px;
    background-size: contain;

    }
.box_3 .auto_img{ margin:43px 20px; cursor:pointer;}

.box_4{ width:100%; height:auto; position:relative; float:left; margin-top:20px;  padding-top: 20px; box-sizing:border-box;}
.box_4_1{ width:1096px; height:auto;  margin-top: 60px;  height:770px; float:left;   box-sizing:border-box;}
.box_4_2{ width:100%; height:100%;   box-sizing:border-box;}
.box_4_3{ width:100%; height:100%;  float:left;   box-sizing:border-box;}
.box_4_3 .box_img i{-webkit-animation:floats 2s linear 0s infinite; position:absolute; width:47px; height:60px; cursor:pointer; z-index:10;}
.box_4_3 .box_img i span{ width:auto; line-height:40px; display:block; padding:0 30px 0 15px; background-color:#fe6e0e; font-size:18px; position:absolute; bottom:-54px; left:32px; color:#fff;white-space:nowrap;-webkit-animation:float 2s linear 0s infinite;}
.box_4_3 .box_img i span:before{ content:""; width:0; height:0; border-right:20px solid #fe6e0e; border-top:20px solid transparent; border-bottom:20px solid transparent; position:absolute; left:-20px; top:0;}
.box_4_3 .box_img i em{ width:auto; line-height:40px; display:block; padding:0 30px 0 15px; background-color:#fe6e0e; font-size:18px; position:absolute; bottom:-54px; right:32px; color:#fff;white-space:nowrap;-webkit-animation:float 2s linear 0s infinite;}
.box_4_3 .box_img i em:before{ content:""; width:0; height:0; border-left:20px solid #fe6e0e; border-top:20px solid transparent; border-bottom:20px solid transparent; position:absolute; right:-20px; top:0;}
.box_4_3 .box_img i b{ width:0; height:0; display:block; z-index:12; -webkit-transition:all .5s;position:absolute; top:50%; left:50%;}
.box_4_3 .box_img i:hover b{ width:601px; height:601px; position:absolute; z-index:12; top:50%; left:50%; margin-left:-300px; margin-top:-300px;}

.box_4_3 .auto_img{ margin-right:8px; margin-top:12px;}
.box_4_3 .auto_img:last-child{ margin-right:0px;}
.box_4_3 .auto_img i{ width:0; height:0; display:block; z-index:10; -webkit-transition:all .5s;position:absolute; top:50%; left:50%;}
.box_4_3 .auto_img:hover i{ width:583px; height:411px; position:absolute; top:50%; left:50%; margin-left:-291px; margin-top:-206px;}

.kefu_btn{ width:100%; clear:both; float:left; text-align:center;}
.kefu_btn a{ width:315px; height:65px; background-size:100% 100%; font-size:30px; color:#fff; txet-shadow:2px 2px 0 rgba(0,0,0,.5); display:inline-block; margin:20px 45px; text-align:center; line-height:60px;}
.kefu_btn a:first-child{color:#4e3123;  background:url(../images/pink_btn.png) no-repeat center;background-size: contain;}
.kefu_btn a:last-child{ background:url(../images/violet_btn.png) no-repeat center; background-size: contain;}

.float_btn{ width:106px; height:106px; border:3px dotted #581256; text-align:center; padding-top:15px; box-sizing:border-box; line-height:32px; color:#581256; display:inline-block; z-index:10; border-radius:50%; position:absolute; top:0; left:50%; font-size:29px;-webkit-animation:floate 2s linear 0s infinite;}
.float_btn_b{ width:106px; height:106px; border:3px dotted #581256; text-align:center; padding-top:15px; box-sizing:border-box; line-height:32px; color:#581256; display:inline-block; z-index:10; border-radius:50%; position:absolute; top:0; left:50%; font-size:29px;-webkit-animation:floatd 2s linear 0s infinite;}

@-webkit-keyframes float{0%,100%{-webkit-transform:translate(0,20%);}50%{-webkit-transform:translate(0,0%);}}
@-webkit-keyframes floats{0%,100%{-webkit-transform:translate(0,0%);}50%{-webkit-transform:translate(0%,20%);}}
@-webkit-keyframes floate{0%,100%{-webkit-transform:translate(0,20%) rotatez(-15deg);}50%{-webkit-transform:translate(0%,-10%) rotatez(-15deg);}}
@-webkit-keyframes floatd{0%,100%{-webkit-transform:translate(0,-10%) rotatez(-15deg);}50%{-webkit-transform:translate(0%,20%) rotatez(-15deg);}}
@-webkit-keyframes active{ 0%{transform: scale(1); opacity:1}100%{transform: scale(1.3); opacity:0}}


.fix_bottom{ width:100%; background:url(../images/fix_bg.png) repeat-y center; background-size:auto; position:fixed; bottom:0; z-index:88; box-sizing:border-box; -webkit-animation:all .5s; height:94px;}
.fix_container{ padding-top:23px; width:1170px; margin:0 auto; display:table; height:auto;}
.fix_bottom .input_text{ width:133px; height:53px; background-color:#fff; float:left; border:none; box-shadow:none; border-radius:0; font-size:20px; margin-right:6px; text-indent:15px;}
.fix_bottom .sms_send{ text-indent:0; text-align:center; background-color:#fdd55b; color:#626262;}
.fix_bottom .sel-box{ float:left; width:133px;margin-right:6px;}



/* modal_box */
/* .mask{ width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,.8); z-index:998; display:none}
.modal_box{ width:503px; height:auto; padding:26px; box-sizing:border-box; background-color:#ffdc89; overflow:hidden; position:fixed; left:50%; top:10%; margin-left:-251px; z-index:999; border-radius:5px; display:none }
.modal_close{ font-size:36px; color:#666; position:absolute; right:10px; top:10px;}
.modal_box p{ clear:both; width:100%; float:left; text-align:center; font-size:32px; color:#f91474; font-weight:600; line-height:78px; }

.Gotop{ width:60px; height:60px; position:fixed; z-index:990; left:50%; margin-left:550px; bottom:120px; display:none;} */
/**弹窗1开始**/
.mask{ 
	width:100%; 
	height:100%; 
	background:rgba(0,0,0,0.5); 
	position:fixed; 
	top:0; left:0;  
	z-index:900; 
	display:none
}
.modal_box{     
	width: 650px;
    height: 454px;
    background: url(../images/login1.png) center no-repeat;
    position: fixed;
    left: 25%;
	top: 20%;
    z-index: 999;
    display: none;}
.modal_close{
	width: 35px;
    height: 35px;
    cursor: pointer;
    float: right;
    position: relative;
    top: 28px;
    /* left: -32px; */
    margin-right: 11px;
    display: -webkit-inline-box;
}
.modal_close img{
	float: right;
	width: 35px;
	display: block;
}
.modal_box form{
	width: 100%;
	overflow: hidden;
}
.modal_box ul{
	display: block;
    width: 400px;
   margin: 145px 112px auto;
}
.modal_box ul li{
	margin-bottom: 34px;
    height: 58px;
    line-height: 58px;
    width: 100%;
    display: block;
}
.modal_box ul li input{
	font-size: 20px;
	border-radius:10px; 
	padding-left: 2%;
    line-height: 84px;
   
    height: 100%;
    width: 98%;
    display: block;
    
}
.modal_box ul li:nth-child(2){
	position: relative;
	top: -13px;
}
.modal_box ul li a{
	display: block;
	height: 100%;
	width: 100%;
}
/**弹窗2开始**/
.modal_box2{     
	width: 600px;
    height: 430px;
    background: url(../images/login2.png) center no-repeat;
    position: fixed;
    left: 33%;
    top: 30%;
    z-index: 999;
    display: none;}
.modal_close2{
	width: 100%;
    height: 35px;
	cursor: pointer;
}
.modal_close2 img{
	float: right;
	width: 35px;
	display: block;
}
.modal_box2 form{
	width: 100%;
	overflow: hidden;
}
.modal_box2 ul{
	display: block;
	width: 369px;
	margin: 175px auto 0;
}
.modal_box2 ul li{
	margin-bottom: 29px;
	height: 44px;
	line-height: 44px;
	width: 100%;
	display: block;
}
.modal_box2 ul li input{
	border-radius:10px; 
	padding-left: 2%;
    line-height: 84px;
    font-size: 14px;
    height: 100%;
    width: 98%;
    display: block;
    background: #EEEEEE;
}
.modal_box2 ul li:nth-child(2){
	position: relative;
	top: -13px;
}
.modal_box2 ul li a{
	display: block;
	height: 100%;
	width: 100%;
}

/**弹窗3开始**/
.modal_box3{     
	width: 820px;
    height: 520px;
    background: url(../images/3.png) center no-repeat;
    position: fixed;
    left: 40%;
    margin-left: -235px;
    top: 170px;
    z-index: 999;
    display: none;}
.modal_close3{
	width: 100%;
    height: 35px;
	cursor: pointer;
}
.modal_close3 img{
	float: right;
	width: 35px;
	display: block;
}
.modal_box3 form{
	width: 100%;
	overflow: hidden;
}
.modal_box3 ul{
	display: block;
	width: 580px;
	margin: 128px auto 0;
}
.modal_box3 ul li{
	margin-bottom: 29px;
	height: 84px;
	line-height: 84px;
	width: 100%;
	display: block;
}
.modal_box3 ul li input{
	padding-left: 2%;
	line-height: 84px;
	font-size: 20px;
	height: 100%;
	width: 100%;
	display: block;
	background: transparent;
}
.modal_box3 ul li a{
	display: block;
	height: 100%;
	width: 100%;
}
/**弹窗4开始**/
.modal_box4{     
	width: 820px;
    height: 520px;
    background: url(../images/4.png) center no-repeat;
    position: fixed;
    left: 40%;
    margin-left: -235px;
    top: 170px;
    z-index: 999;
    display: none;}
.modal_close4{
	width: 100%;
    height: 35px;
	cursor: pointer;
}
.modal_close4 img{
	float: right;
	width: 35px;
	display: block;
}
.modal_box4 form{
	width: 100%;
	overflow: hidden;
}
.modal_box4 ul{
	display: block;
	width: 580px;
	margin: 128px auto 0;
}
.modal_box4 ul li{
	margin-bottom: 29px;
	height: 84px;
	line-height: 84px;
	width: 100%;
	display: block;
}
.modal_box4 ul li input{
	padding-left: 2%;
	line-height: 84px;
	font-size: 20px;
	height: 100%;
	width: 100%;
	display: block;
	background: transparent;
}
.modal_box4 ul li a{
	display: block;
	height: 100%;
	width: 100%;
}
/**弹窗5开始**/
.modal_box5{     
	width: 820px;
    height: 520px;
    background: url(../images/5.png) center no-repeat;
    position: fixed;
    left: 40%;
    margin-left: -235px;
    top: 170px;
    z-index: 999;
    display: none;}
.modal_close5{
	width: 100%;
    height: 35px;
	cursor: pointer;
}
.modal_close5 img{
	float: right;
	width: 35px;
	display: block;
}
.modal_box5 form{
	width: 100%;
	overflow: hidden;
}
.modal_box5 ul{
	display: block;
	width: 580px;
	margin: 128px auto 0;
}
.modal_box5 ul li{
	margin-bottom: 29px;
	height: 84px;
	line-height: 84px;
	width: 100%;
	display: block;
}
.modal_box5 ul li input{
	padding-left: 2%;
	line-height: 84px;
	font-size: 20px;
	height: 100%;
	width: 100%;
	display: block;
	background: transparent;
}
.modal_box5 ul li a{
	display: block;
	height: 100%;
	width: 100%;
}
/*****弹窗结束******/
.theme-popover-mask {
    z-index: 888;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.8;
    filter: alpha(opacity=40);
    display: none;
}