/* CSS Document */
body{ background:#FFF;}
/*banner*/
.banner{ width:100%; height:756px; margin:0 auto; background: url(../images/bg.gif) no-repeat top center;}
.bannerc{ width:1200px; height:756px; margin:0 auto; position:relative;}
.text1{ position: absolute; width:100%; height:545px; background:url(../images/text1.png) no-repeat; top:135px; left:75px;} 

/*第一部分*/
.box1{ width:100%; height:auto;background: url(../images/box1_bg.jpg) no-repeat top center;  }
.BT1{ width:100%; height:193px; margin:0 auto; }
.bt1{ width:865px; height:193px; margin:0 auto;background:url(../images/bt1_bg.png) no-repeat top center;  }
.bt1 h2{line-height:88px; text-align:center; padding-left:30px; font-size:40px; text-align:center; color:#333; padding-top:20px;}
.bt1 p{line-height:60px; text-align:center; font-size:20px; text-align:center; color:#666;}
.main1{ width:1200px; height:auto; margin:0 auto; padding:30px 0;}
.main1 h2{  height:108px; background:url(../images/bg-bt.png) no-repeat; color:#FFF; font-size:22px;
line-height:62px; padding-left:20px;}
.main1 table{ width:100%; height:auto; box-shadow:5px 5px 10px #f1f0f0;border-collapse: collapse; }
.main1 table th{ background:#b5bcfe; font-size:20px; color:#333; line-height:46px;border:1px solid #a3abf7; }
.main1 table td{ border:1px solid #bdc2f2; font-size:20px; color:#333; line-height:46px; text-align:center; padding:12px; }
.main1 table td a{ border:0px solid #3947cf;  padding:5px;}
.main1 table td a:hover{ background:#3947cf; color:#FFF;}

/*第二部分*/
.box2{ width:100%; background:#FFF; height:520px; margin-top:20px; padding-top:30px;}
.main2{ width:1200px; height:365px; margin:0 auto;}

 /* 隐藏元素 */
.end{ display:none}
.foot1{ display:none}
.message-css{ display:none}
.banner_yd{display:none}
.top_yd{ display:none;}
.city_yd{ display:none;}
.kc_btn{display:none;}


/*移动端css*/
@media only all and (max-width:1080px){
html{ font-size:12px; }
body { font: 0.7rem/1.2rem "Hiragino Sans GB","\5FAE\8F6F\96C5\9ED1","\9ED1\4F53",Arial,sans-serif; width: 100%; margin: 0 auto; overflow-x: hidden; }
html,body{  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
 /* 隐藏元素 */
.top{ display:none}
#foot{display:none; }
#topcontrol img{display:none}
.qq_info1{display:none; }
.banner{display:none;}
.box2{display:none; }
	.text2{display:none;}
.end{ display: block}
.foot1{ display:block}
.message-css{ display:block}
.banner_yd{display:block}
.city_yd{ display:block;}
.kc_btn{display:block;}
/*top*/
.top_yd{ width:100%; background:#FFF; height:4rem; margin:0 auto; padding:0.5rem 0 0 0; display: block;}
.top_yd li{ float:left; list-style:none ;}
.top_yd li img{ width:60%;display: block; padding-left: 1rem; float: left; }
.top_yd a{ float: right; font-size:1.2rem; color:#2A2A2A ; padding-right:1rem ; }

/*移动banner*/
.banner_yd{ width:100%; height:auto;margin:0 auto;}
.banner_yd img{width:100%; display:block;}

.BT1{ width:100%; height:auto; margin:0 auto; padding-bottom: 2rem; }
.bt1{ width: 90%; height:125px; margin:0 auto; background:url(../images/bt1.png) no-repeat; background-size:100% 100%; padding-top:10px;height:5.6rem;}
.bt1 h2{line-height:3.6rem;font-size: 1.8rem; text-align:center; padding-left:0px; text-align:center; color:#333; padding-top:0px;}
.bt1 p{line-height:2.6rem; text-align:center; font-size:1.0rem; text-align:center; color:#666;}	
	
.main1{  width: 96%; margin:0 auto; /*box-shadow: -1px 5px 10px #cbd7d9; */}
.main1 h2{font-size: 1.4rem;background:url(../images/bg-bt.png) no-repeat; background-size: 200% 100%; height:5.3rem; color:#FFF; line-height: 4.2rem; }
.main1 table{ width:100%; }
.main1 table th{background:#b5bcfe; border: 1px solid #a3abf7;line-height: 3.6rem; text-align: center;font-size:1.2rem; }
.main1 table td{ color:#333;border: 1px solid #a3abf7; text-align: center; font-size: 1.2rem; line-height: 2.6rem; }
.main1 table td a{ color:#4d5bde;  padding:0px ; }
.main1 table td a:hover{ background: #f65627; color:#FFF ;}
.kc_btn{width:60%; margin: 0 auto; margin-top:2rem ; overflow: auto;}
.kc_btn a{ width:30%; text-align: center; font-size: 1.2rem; 
background: #4d5bde;  margin: 0 1rem 0 0; padding:1rem ; border-radius: 10px;}
.kc_btn-left{ float: left;}
.kc_btn-right{ float: right;}



/*.city_3{border:1px solid #fde6e7; width:43%;  float:left; margin:4% 3%;overflow:auto;box-shadow: 0px 5px 0px #fb828c; }
.city3_main{  overflow:auto ; padding:.5rem;}
.city3_main h2{ font-size:1.2rem; background:#fb828c; border-radius:3px; text-align:center;
 color:#FFF; padding:0.5rem; line-height:2.0rem; }
.city3_main p{ font-size:1.2rem; color:#333; line-height:2.2rem; padding:0.2rem}
.city3_main p span{ font-size:1.2rem;color:#999;}
.bot3{ width:100%;background:#e2e4fc; margin:0 auto; }
.bot3 a{ background:#e2e4fc; margin:0 auto;text-align:center; color:#333; line-height:2.6rem; }
.bot3 a img{ width:10%; padding:0 0.5rem 0.7rem 0;}

.city_4{border:1px solid #fdf3d6; width:43%; float:right; margin:4% 3%;overflow:auto;box-shadow: 0px 5px 0px #fbc627; }
.city4_main{  overflow:auto ; padding:.5rem;}
.city4_main h2{ font-size:1.2rem; background:#fbc627; border-radius:3px; text-align:center;
 color:#FFF; padding:0.5rem; line-height:2.0rem; }
.city4_main p{ font-size:1.2rem; color:#333; line-height:2.2rem; padding:0.2rem}
.city4_main p span{ font-size:1.2rem;color:#999;}
.bot4{ width:100%;background:#fdf3d6; margin:0 auto; }
.bot4 a{ background:#fdf3d6;  margin:0 auto;text-align:center; color:#333; line-height:2.6rem; }
.bot4 a img{ width:10%; padding:0 0.5rem 0.7rem 0;}*/




/* input */
.ipt {
	border: solid 1px #d2d2d2;
	border-left-color: #ccc;
	border-top-color: #ccc;
	border-radius: 2px;
	box-shadow: inset 0 1px 0 #f8f8f8;
	background-color: #fff;
	padding: 4px 6px;
	height: 21px;
	line-height: 21px;
	color: #555;
	width: 180px;
	vertical-align: baseline;
}
.ipt-mini {
	width: 140px;
	padding: 1px 3px;
}
.ipt:focus {
	border-color: #95C8F1;
	box-shadow: 0 0 4px #95C8F1;
}
/* btn */
.btn {
	position: relative;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	font-size: 1.2rem;
	font-weight: normal;
	
	line-height: 27px;
	
	padding: 0 12px;
	text-align: center;
	text-decoration: none;
	color: #333;

}
input.btn {
	height: 29px;
}
.btn:hover {
	border-color:#;
	color:#333;
	background:#ae9dfe;
}
.btn:active, .btn.btn-active {
	box-shadow:#ddd 0 1px 2px 0 inset;
	border-color:#c6c6c6;
}
.btn:focus {
	border-color:#4d90fe;
	outline:none
}
.btn-primary {color:#4d5bde;background-color: #FFF; border:0px solid #f65627;}
.btn-primary:hover {
	border-color:#4d5bde;
	color:#fff;
	
}
.btn-primary:active, .btn-primary.btn-active {
	box-shadow:#2176D3 0 1px 2px 0 inset;
	border-color: #3079ED;
}
.btn-primary:focus {
	border-color:#4d90fe;
	outline:none
}

.theme-buy {
	margin-top:10%;
	text-align: center;
}
.theme-gobuy, .theme-signin {
	font-size: 15px;
}
.theme-price {
	position: relative;
	bottom: -6px;
	font-family: microsoft yahei, Arial, Helvetica, sans-serif;
	margin-right: 20px;
	font-weight: bold;
	color: #4d5bde;
	line-height: 32px;
	font-size: 24px;
	display: inline-block;
}
.theme-price dfn {
	font-style: normal;
	font-size: 18px;
	margin-right: 2px;
}
.theme-desc {
	padding: 30px;
}
.theme-version {
	padding: 30px;
}
.theme-popover-mask {
	z-index: 9998;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.4;
	filter:alpha(opacity=40);
	display:none
}
.theme-popover {
	z-index:9999;
	position:fixed;
	top:30%;
	left:15%;
	width:70%;

	
	border-radius:5px;
	border:solid 2px #666;
	background-color:#fff;
	display:none;
	margin:0 auto;
	box-shadow: 0 0 10px #666;
}
.theme-poptit {
	border-bottom:1px solid #ddd;
	padding:12px;
	position: relative;
}
.theme-popbod {
	padding:30px 0px;
	color:#444;
	/*height: 148px;*/
}
.theme-popbom {
	padding:15px;
	background-color:#f6f6f6;
	border-top:1px solid #ddd;
	border-radius:0 0 5px 5px;
	color:#666
}
.theme-popbom a {
	margin-left:8px
}
.theme-poptit .close {
	float:right;
	color:#999;
	padding:5px;
	margin:-2px -5px -5px;
	font:bold 14px/14px simsun;
	text-shadow:0 1px 0 #ddd
}
.theme-poptit .close:hover {
	color:#444;
}
.btn.theme-reg {
	position: absolute;
	top: 8px;
	left: 43%;
	display: none
}
.inp-gray, .feed-mail-inp {
	border:1px solid #ccc;
	background-color:#fdfdfd;
	width:220px;
	height:16px;
	padding:4px;
	color:#444;
	margin-right:6px
}
.dform {
	/*padding:30px 50px 40px 20px;/*
	/* text-align: center; */
}

.table_form tbody tr{ font-size: 1.4rem; line-height:20px; }
.table_form tbody tr th{ font-size: 1.3rem;  }






/*foot*/
.end{font-size: 24px; color:#eeeeee ; text-align: center; padding-top: 30px;}
.foot1 {background: #2a2a2a;color: #FFF;text-align: center;padding: 10px 0px; margin-top:30px;}
.foot1 p{ width:94%; margin:0 auto; font-size: 14px;}

a{text-decoration: none; color:#FFF}
.message-css{ z-index:1; color: #ffffff; font-family:Microsoft Yahei,Arial; font-size:14px; margin: 0 auto; padding:10px 0; width: 100%; background: #6e63ec; position: fixed; left: 0; bottom: 0; z-index: 10;}
.message-css .message-css-online,.message-css .message-css-phone{ text-align: center; width: 49%; margin: 0; padding:0;}
.message-css .message-css-online img,.message-css .message-css-phone img{ height: 100%; vertical-align: middle; margin: 0 10px 0 0;}
.message-css .message-css-online{ float: left;}
.message-css .message-css-phone{ float:right;}
}