﻿/* 2018-08-10  by  jzh    商城入驻等页面新版本样式    */
body{ overflow-x: hidden;}
*{ font-size: 12px;}
img{ border: 0;}
table,tr,td{ border: none;}
.margin_top20{ margin-top: 20px!important;}
/* 公共 --页面背景--*/
.main_bg{ width: 100%; margin: 0 auto; position: absolute;}
.main_bg img{ display: block; float: left;}
.bg_left{float: left; width: 18.75%; min-height: 864px; background: url("../img/img_2/bg_1.jpg") no-repeat; background-size: 100% 100%;}
.bg_middle{float: left; width: 62.5%;min-height: 864px; background: url("../img/img_2/bg_2.jpg") no-repeat; background-size: 100% 100%;}
.bg_right{float: left;width: 18.75%;min-height: 864px; background: url("../img/img_2/bg_3.jpg") no-repeat; background-size: 100% 100%;}
/*火车动画*/
.animate_train{width: 100%!important; height: 100%!important;}
.animate_train .canvas_train{ position: absolute; left: 0; bottom: 10px;}
#dom_overlay_container_train{pointer-events:none; overflow:hidden; /*width:1920px; height:200px;*/ position: absolute; left: 0px; top: 0px; display: block;}
#_preload_div_{}
.first_pic_phone{ position: absolute; left: 290px; top: 300px;}
/*.first_pic_qi{ position: absolute; left: 848px; top: 217px;}*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,span,th,td,em,i,a{padding: 0;margin: 0;}
h1,h2,h3,h4,h5,h6,em,i{ font-style:normal; font-weight: normal;font-size:100%;}
body{font:12px 'Microsoft YaHei'; min-width:1200px;}
.wrap{width:1200px;margin:0 auto;}
.container{width:100%;}
table,img{border: 0;}
ol,ul{list-style: none;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
a:focus{ outline:none;}
button{ cursor:pointer;border-radius:3px; border:none;}
textarea,input,button,select{outline:none; font-family:"\5FAE\8F6F\96C5\9ED1";}
textarea{resize:none; }
.tablebg{ font-size:18px; background:#f3f4f7; border:none; margin-top:10px;}
.tablebg th{ background:#fbfbfc; height:90px; font-weight:normal;}
.tablebg td{ padding:22px 5px; color:#666; line-height:32px; -webkit-box-sizing:border-box;box-sizing:border-box; text-align:center; background:#FFF;}
.tablebg td.align-lt{ text-align:left;}
/*定位 显示*/
.fl-l{ float:left;}
.fl-r{ float:right;}
.fb{font-weight:bold;}
.align-ct{ text-align: center;}
.Ndisplay{display:none;}
.Bdisplay{display:block;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.pt40{padding:40px 0 80px 0;}
.pt50{padding:60px 0 50px 0;}
.pt_bottom{ padding-bottom:30px;}
.pt20{padding-top:20px;}
.lineH{ line-height:25px;}
.lineH2{ line-height:33px;}
.lineH3{ line-height:46px;}
.positionR{ position:relative;}
/*清除浮动*/
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear: both;height:0;}
.clearfix{*zoom:1;}
.clear{ clear:both; height:0px; width:0px; line-height:0px; visibility:hidden; }

/*字体和边框*/
.tIndent{text-indent:35px;}
.tIndent-lg{text-indent:50px;}
.ft14{ font-size:14px;}
.ft16{ font-size:16px;}
.ft18{ font-size:18px;}
.ft24{ font-size:24px;}
.ft30{ font-size:30px;}
.ft3{ color:#333;}
.ft6{ color:#666;}
.ft9{ color:#999;}
.ftblack{ color:#000;}
.ftpink{ color:#f96898;}
.ftred{ color:#fe5151;}
.border{ border-bottom:solid 1px #cdcdcd;}
.border2{ border-bottom:solid 1px #e3e3e3;}
.bgFFF{ background:#FFF;}
.bgred{ background:#ff6e9d;}
.bgred:hover,.bgred:visited{ background:#f44880;}
.big_biaoti{ font-size:36px; color:#000; font-weight:bold;}
.big_biaoti.pd_lt{ padding-left:20px;}
.big_biaoti.ftsmall{ font-size:30px;}
.big_biaoti i{ width:7px; height:32px; background:#f96898; position:absolute; top:6px; left:0;}
.main-bg{
	background:url(../img/index/bg.jpg) repeat-y;
	background-size:100% auto;
}
.header .btnGroup p.service:before,.enter-part .enter-part-item li .see:after{
	width:20px;
	height:20px;
	background:url(../img/index/icon1.png) no-repeat;
	background-size:60px 20px;
	display:inline-block;
	vertical-align:middle;
}
/*头部*/
#Tabcontent{margin-top:90px;}
#TopScroll{ position:fixed; top:0; left:0; height:90px; width:100%; z-index:90;}
.header{ width:100%; height:90px; background:#FFF;}
.header .logo{ padding-top:14px; float:left; position:relative;}
.header .logo img{ margin-right:20px; float:left;}
.header .logo .text{ line-height:90px; font-size:24px; color:#fe5151; display:block; float:left;}
.header .btnGroup{
	margin-top:23px;
	float:right;
}
.header .btnGroup p{
	width:94px;
	height:25px;
	line-height:25px;
	font-size:14px;
	text-align:center;
	border-radius:14px;
	margin-left:20px;
	cursor:pointer;
	float:right;	
}
.header .btnGroup p.service{	
	color:#666;
	border:solid 1px #666;
}
.header .btnGroup p.service:before{
	content:"";
	background-position:0 0;
	margin-bottom:2px;
}
.header .btnGroup p.loginBtn{
	color:#e24646;
	border:solid 1px #e24646;
}
.nav{ padding:14px 33px 0 0; float:right;}
.nav li{ width:98px; line-height:40px; margin:0 14px; font-size:16px; color:#666; text-align:center; display:inline-block;}
.nav li a{color:#303030; padding-bottom:13px; display:block; position:relative;}
.nav li.active a{color:#e24646;}
.nav li.active a:after{
	content:"";
	width:100%;
	height:4px;
	background:#e24646;
	position:absolute;
	bottom:-1px;
	left:0;
}
/*首页  页面*/
.index1_main{ width: 1200px; height: 550px; padding-top: 50px; position: relative; }
/****招商首页****/
.banner{
	height:510px;
	background:url(../img/index/banner.jpg) no-repeat center center;
	background-size:cover;
	position:relative;
	color:#FFF;
	text-align:center;
}
.banner .caption{
	font-size:82px;
	line-height:116px;
	padding:150px 0 60px;
	text-shadow:0 10px 16px rgba(0,0,0,.44);
}
.banner .btn-part{
	width:380px;
	line-height:66px;
	font-size:30px;		
	border-radius:33px;
	display:inline-block;	
	cursor: pointer;	
	background:#e24646;
}
.enter-part{background:#f8f9fb;}
.enter-part .enter-part-item{
	width:1200px;
	margin:0 auto;
	padding:80px 0;	
}
.enter-part .enter-part-item li{
	width:290px;
	margin:0 55px;
	background:#FFF;
	border-radius:8px;
	text-align:center;
	font-size:16px;
	line-height:28px;
	padding:40px 0 44px;
	float:left;
	position:relative;
	overflow:hidden;
}
.enter-part .enter-part-item li > div{
	position:absolute;
	border-radius:50%;
	z-index:1;
}
.enter-part .enter-part-item li:nth-of-type(1):hover > div{background:#34c8de;}
.enter-part .enter-part-item li:nth-of-type(2):hover > div{background:#ffc000;}
.enter-part .enter-part-item li:nth-of-type(3):hover > div{background:#ff5555;}
.enter-part .enter-part-item li .icon{
	width:110px;
	height:110px;
	display:inline-block;
	background:url(../img/img_2/icon2.png) no-repeat;
	background-size:330px 110px;
	background-position:0 0;
	margin-bottom:20px;
	position:relative;
	z-index:2;
}
.enter-part .enter-part-item li:nth-of-type(2) .icon{
	background-position:-110px 0;
}
.enter-part .enter-part-item li:nth-of-type(3) .icon{
	background-position:-220px 0;
}
.enter-part .enter-part-item li p{
	position:relative;
	z-index: 2;
}
.enter-part .enter-part-item li .title{
	color:#37435c;
	font-size:24px;
	line-height:35px;
}
.enter-part .enter-part-item li .text{
	color:#666;
	padding:7px 0 13px;
}
.enter-part .enter-part-item li .see{
	color:#3499ef;
	cursor: pointer;
}
.enter-part .enter-part-item li .see:after{
	content:"";
	background-position:-20px 0;
	margin:0 4px 0 2px;
}
.enter-part .enter-part-item li:hover .see:after{	
	background-position:-40px 0;
}

.enter-part .enter-part-item li:hover > div{animation: alls 500ms forwards;}
.enter-part .enter-part-item li:hover p{animation: words 10ms forwards 10ms;}
@-webkit-keyframes alls {
	0% {width:100px; height:100px; margin-left:-50px; top:30px; left:50%;}
	100% {width:600px; height:600px; left:50%; top:-50px; margin-left:-300px;}
}
@-moz-keyframes alls {
	0% {width:100px; height:100px; margin-left:-50px; top:30px; left:50%;}
	100% {width:600px; height:600px; left:50%; top:-50px; margin-left:-300px;}
}
@keyframes alls {
	0% {width:100px; height:100px; margin-left:-50px; top:30px; left:50%;}
	100% {width:600px; height:600px; left:50%; top:-50px; margin-left:-300px;}
}
@-moz-keyframes words{
	100% {color:#fff;}
}
@-webkit-keyframes words{
	100% {color:#fff;}
}
@keyframes words{
	100% {color:#fff;}
}
/*入驻流程*/
.enter-flow{
	text-align:center;
	padding:76px 0 60px;
}
.enter-flow.padding-sm{
	padding:76px 0 50px;
}
.enter-flow .caption{
	display:inline-block;	
}
.enter-flow-content{
	padding:60px 20px 0;
}
.enter-flow-content .stepBox{	
	border-bottom:solid 2px #37435c;
}
.enter-flow-content li{	
	padding:0 45px 35px 10px;
	position:relative;	
	color:#666;
	font-size:20px;
	line-height:28px;
	position:relative;
	text-align:left;
	float:left;
}
.enter-flow-content li.padding-lg{
	padding:0 130px 35px 10px;
}
.enter-flow-content li .step{
	font-style:italic;
	color:#fe5151;
	display:inline-block;
	line-height:26px;
}
.enter-flow-content li:before{
	content:"";
	width:0;
	height:0;
	border-left:solid 4px transparent;
	border-right:solid 4px transparent;
	border-bottom:solid 5px #37435c;
	position:absolute;
	bottom:0;
	left:30px;
	display:inline-block;
}
.enter-flow-content li.no:before{
	display:none;
}
.enter-flow-content .remarks{
	padding-top:28px;
	font-size:16px;
	text-align:left;
	color:#666;
} 
.enter-flow-content .remarks .part1{
	font-size:18px;
	float:left;
}
.enter-flow-content .remarks .part4{
	padding-right:45px;
}
.enter-flow-content .remarks .part4,.enter-flow-content .remarks .part5{	
	line-height:24px;
	float:right;
}
/*入驻流程*/
.enter-flow{
	text-align:center;
	padding:76px 0 60px;
}
.enter-flow.padding-sm{
	padding:76px 0 50px;
}
.enter-flow .caption{
	display:inline-block;	
}
.enter-flow-content{
	padding:60px 20px 0;
}
.enter-flow-content .stepBox{	
	border-bottom:solid 2px #37435c;
}
.enter-flow-content li{	
	padding:0 50px 35px 10px;
	position:relative;	
	color:#666;
	font-size:20px;
	line-height:28px;
	position:relative;
	text-align:left;
	float:left;
}
.enter-flow-content li.padding-lg{
	padding:0 130px 35px 10px;
}
.enter-flow-content li .step{
	font-style:italic;
	color:#fe5151;
	display:inline-block;
	line-height:26px;
}
.enter-flow-content li:before{
	content:"";
	width:0;
	height:0;
	border-left:solid 4px transparent;
	border-right:solid 4px transparent;
	border-bottom:solid 5px #37435c;
	position:absolute;
	bottom:0;
	left:30px;
	display:inline-block;
}
.enter-flow-content li.no:before{
	display:none;
}
.enter-flow-content .remarks{
	padding-top:28px;
	font-size:16px;
	text-align:left;
	color:#666;
} 
.enter-flow-content .remarks .part1{
	font-size:18px;
	float:left;
}
.enter-flow-content .remarks .part4{
	padding-right:45px;
}
.enter-flow-content .remarks .part4,.enter-flow-content .remarks .part5{	
	line-height:24px;
	float:right;
}
 /*联系我们  页面*/
.main_2{background: #011321; position: relative;min-height: 864px;}
.main_wrap{ width: 1200px; position: relative; /*left: 50%; margin-left: -600px; top:162px;*/ margin: 0 auto; z-index: 10; padding-top: 180px; padding-bottom: 40px;}
.contact_main{ width: 1052px; padding-bottom: 30px; margin: 0 auto; background: #fff; border-radius: 20px;}
.contact_title{ width: 811px; margin:0 auto; padding-top: 22px; overflow: hidden;}
.contact_title_left{ float: left; position: relative; width: 338px;height: 19px; border-bottom: 1px solid #999; }
.contact_title_mid{ float: left; width: 135px; height: 40px; line-height: 40px; text-align: center; font-size: 26px; color: #666666;}
.contact_title_right{ float: left; position: relative; width: 338px;height: 19px; border-bottom: 1px solid #999;}
.point{ width: 20px; height: 20px; position: absolute; bottom: -10px;}
.contact_title_left .point{ right: -10px;}
.contact_title_right .point{ left: -10px;}
.title_ad{ width: 100%; text-align: center; font-size: 18px; color: #666; height: 40px; line-height: 40px;}
.lianxi_style{width: 736px; margin: 0 auto;}
.lianxi_style li{ float: left; width: 43%; padding-left: 7%; height: 40px; line-height: 40px; font-size: 14px; color: #666;}
.icon_tel{ background: url("../img/img_2/kefu.png") no-repeat; background-position:left center;}
.icon_mailbox{ background: url("../img/img_2/mailbox.png") no-repeat; background-position:left center;}
.icon_address{ background: url("../img/img_2/address.png") no-repeat; background-position:left center;}
.icon_mailnum{ background: url("../img/img_2/mailnum.png") no-repeat; background-position:left center;}
table.contact_table{ width: 736px; margin: 5px auto 0;  border: 1px solid #d3d3d3; border-collapse: collapse; border-spacing: 0;}
table.contact_table thead tr td{ font-size: 16px; color: #666; font-weight: 600;}
table.contact_table tr td{ border: 1px solid #d3d3d3; height: 38px; line-height: 38px; text-align: center; color: #666;  }
table.contact_table tbody tr td:first-child{ text-align: left; text-indent: 24px;}
table.contact_table tbody tr.mailbox_td td{ text-align: center; height: 45px; line-height: 45px;}
table.contact_table tbody tr.mailbox_td td img{ vertical-align: middle;}
ul.add_link_wrap{ width: 736px; margin: 15px auto 0;}
ul.add_link_wrap li{ width: 50%; float: left; font-size: 14px; color: #666; height: 25px; line-height: 25px;}
.align_right{ text-align: right!important;}

/*入驻指南  页面*/
.guide_main{ width: 1200px; height: 550px; padding-top: 50px; position: relative; }
.guide_main_border{width: 1200px; height: 600px; background: url("../img/img_2/guide_bg2.png") no-repeat; background-size: 100% 100%;position: absolute; left: 0; top: 0;}
.banner_bg_wrap{ width:1145px ; height:506px ; margin: 0 auto; background: url("../img/img_2/black_bg.png") repeat;}
.guide_main .banner .hd{ width: 696px; height: 54px; background:url("../img/img_2/guide_bg3.png") no-repeat;background-size: 100% 100%;position: absolute; left: 50%; bottom: 12px; margin-left: -350px; }
.guide_main .banner .hd ul{ padding-left: 70px;}
.guide_main .banner .hd ul li{ float: left; width:115px ; text-align: center; height: 54px; line-height: 54px; font-size: 18px; color: #3f0d00; cursor: pointer;}
.guide_main .banner .hd ul li.on{background:url("../img/img_2/guide_btn.png") no-repeat;background-size: 100% 100%; }
.guide_main .banner .bd{width: 1200px; height: 600px; overflow: hidden;}
.guide_main .banner .bd ul li{width: 1200px; height: 600px;}
/* 开店指导  页面*/
.guidance_wrap{ position: relative;}
.guidance_title{ width:1200px; /*padding-left: 23px;*/ height: 80px; background: url("../img/img_2/guidance_btn1.png") no-repeat; background-size:100% 100%; position: absolute; /*left: -12.5px;*/ top: -40px; }
.guidance_title ul{ /*padding-left: 24px;*/}
.guidance_title ul li{ width: 190px; margin-top:14.5px;height: 51px; line-height:51px;float: left ; font-size: 20px; color: #713000; text-align: center;}
.guidance_title ul li.first{ width:236px;}
.guidance_title ul li.on{  width: 216px; margin-left: -26px; background: url("../img/img_2/guidance_btn2.png") no-repeat; background-size: 100% 100%;}
.guidance_title ul li.first.on{  width: 217px; margin-left: 23px; background: url("../img/img_2/guidance_btn2_2.png") no-repeat; background-size: 100% 100%;}
.guidance_main{ width: 1166px;height: 720px; margin: 0 auto; border: 1px solid #fffcb1; background:url("../img/img_2/black_bg.png") repeat; overflow: hidden;}
.guidance_ul{ padding-top: 30px;}
.guidance_li{width: 1100px; height: 605px; margin:20px auto 0; overflow-x: hidden; overflow-y: scroll;}
.guidance_li::-webkit-scrollbar{
    width:12px; height: 30px;
}
.guidance_li::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 0 rgba(255,255,255,1);
    background-color: #1d1e22;
    border-radius: 5px;
}
.guidance_li::-webkit-scrollbar-thumb
{
    border-radius: 2px;  /*滚动条的圆角*/
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #7b7c81;  /*滚动条的背景颜色*/
}
.guidance_li .step_text{ padding-left: 40px; margin-bottom: 20px; margin-top: 20px; font-size: 18px; color: #ffdfa7}
.guidance_li .step_text img{ vertical-align: middle;}
.guidance_li .step_img{width: 100%;}
.guidance_li .step_img img{ width: 100%; display: block;}


.attract_boxes img {
    max-width:100%;





