/*禁止苹果重置按钮样式*/
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}

body{
	margin:0;
	padding:0;
	/*height:1693px;
	font-size:13px;
	background:url(../imgs/bg.jpg) top center no-repeat;*/
	/*min-width:1100px;*/
	background-color: #000c2f;
}
html,input{color:#333;font:62.5% "微软雅黑","Microsoft Yahei","STHeiti",Arial,sans-serif;}
div,form,img,ul,li,dl,dt,dd,h1,h2,h3,h4,p,span,em{margin:0;padding:0;border:0}dl,ul,li,dd{list-style-type:none}

a,area {blr:expression(this.onFocus=this.blur());text-decoration:none; outline:none;} /* for IE */
:focus {-moz-outline-style: none;} /* for Firefox */
img{border:none}
.clr { clear:both;}
.box-1100{margin:0 auto; width:100%; max-width:1100px;height:auto;}
.box-1100 img{ margin:0 auto; text-align:center;}
.box-994{margin:0 auto; width:994px;height:auto;}
.w25{ width:25%;}
.section{float:left; width:100%;}
.triangle{ margin:0 auto; width:0; height:0; border-left:20px solid transparent; border-right:20px solid transparent;}
.s2-triangle{ border-top:20px solid #6d4b2b; }
.s5-triangle{ border-top:20px solid #fbf1e7; }
.s6-triangle{ border-top:20px solid #eaeaea; }

/*header*/
.header{position: relative; float:left; width: 100%; height: 90px; text-align: center; background-color: #fff; z-index: 9999;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.20);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.20);
	box-shadow: 0 0 5px rgba(0,0,0,.20);
}
.top{ height:90px; background-color:#FFF; overflow:hidden}
.logo a{ display:block; width:100%; height:100%;}
.logo{margin-top:16px; float:left; width:402px; height:58px; background: url(/hd/comment/imgs/logo.png) no-repeat left}
.rx{ width:262px; margin-top:40px; height:19px; background:url(/hd/comment/imgs/rx.jpg) no-repeat;}
.index {float:right; width:auto; padding-top:14px;padding-bottom:10px; }
a.button,a.button2{ width:97px;  height:30px; line-height:30px; text-align:center; font-size:13px; color:#fff; 
  -webkit-border-radius:2px;
  -moz-box-border-radius:2px;
  border-radius:2px;
  }
a.hvr-fade { float:right; display: inline-block; background: #e52532;}
a.hvr-fade:hover,a.hvr-fade:focus,a.hvr-fade:active { background-color:#cc212c; color: white;}
	@media only screen and (max-width : 768px) {
	.index {display:none;}
	.logo{ width:100%; max-width:402px;}
}
.allwarp{ width:100%; height:1100px; overflow:hidden;}
/* banner */
.banner{ position:relative; float:left; height:845px; width:100%; background:url(../imgs/banner_bg.jpg) center top no-repeat; z-index:800;}

.banner .star-time{ padding:15px 0 40px;}
	/*开户模拟按钮*/
	.btn-warp{ margin:0 auto; width:374px; height:auto;}
	.btn1{display:block; margin:0 15px; width:374px; height:96px; line-height:44px; font-size:24px; text-align:center; border-radius:30px; }
	.btn1{ float:left; color:#963100; background: url(../imgs/btn_sc.png) top repeat;}
	.btn1:hover{ background: url(../imgs/btn_sc_over.png) top repeat; transition:all .4s;}
	@media only screen and (max-width : 768px) {
	.btn-warp{  width:90%;}	
	.banner .img img{width:100%; }
	.btn1,.btn2{ font-size:1.5em;  width:42%; margin:0 2%;}

}
.banner .time{ margin-top: 280px; margin-bottom: 50px;}
.time>p{float: left; width:40%; height: 57px; line-height: 57px; font-size: 24px ;color: #FFFFFF;  text-align: right;}
.time>div{width:60%;}
/* 倒计时 */
.xdsoft_flipcountdown{}
.xdsoft_flipcountdown .xdsoft_digit{float:left;background-repeat:no-repeat;}
.xdsoft_flipcountdown .xdsoft_clearex{clear:both;float:none;}

.xdsoft_flipcountdown .xdsoft_digit{
	background-position:0px 0px;
}
.xdsoft_flipcountdown .xdsoft_digit.xdsoft_separator,.xdsoft_flipcountdown .xdsoft_digit.xdsoft_dot{
	opacity:0.9;
}
.xdsoft_flipcountdown.xdsoft_size_lg .xdsoft_digit{
	width:46px; 
	height:46px;
	background-image:url(digit-lg.png);
}

.xdsoft_flipcountdown.xdsoft_size_md .xdsoft_digit{
	width:39px; 
	height:58px;
	margin:0 1px;
	background-image:url(digit-md.png);
	overflow:hidden
}
.xdsoft_flipcountdown.xdsoft_size_md .xdsoft_digit.xdsoft_separator,
.xdsoft_flipcountdown.xdsoft_size_md .xdsoft_digit.xdsoft_dot{
	width:10px;
	background-position:-15px -3480px;
	margin:0 4px 5px
}
.xdsoft_flipcountdown.xdsoft_size_md .xdsoft_digit.xdsoft_space{ background-image:none; width:25px; color:#ffffff}
/* 结束倒计时 */

/* section-1 */
.blue{color: #1b3071;}
.red{ color: #ba3534;}
.s1{ margin-bottom: 20px; background-color:#000c2f; }
.title{ padding:26px 0; height:auto; line-height: 40px; font-size:36px; font-weight:bold; color:#fff; background-color: #2a2a82;}
.s1 .text{ padding: 35px 20px; background-color: #f3f4f8;}
.s1 .text p{font-size: 16px; }

/* section-2 */
.s2{ margin-bottom: 10px; background-color:#000c2f; }
.s2 table{border: 0;border-collapse: collapse; }
.s2 td.td1{ width: 10%;background-color: #2a2a82;}
.s2 td.td2{width:90%;background-color: #f3f4f8;}
.s2 td.td2 p{ padding:20px 10px  ;}

/* section-3 */
.s3{ margin-bottom: 20px; background-color:#000c2f; }
.s3 table{border: 0;border-collapse: collapse; }
.s3 td.td1{ width: 10%;background-color: #2a2a82;}
.s3 td.td2{width:90%;background-color: #f3f4f8;}
.s3 td.td2 p{ padding:20px 10px  ;}

/* section-4 */
.s4{ margin-bottom: 85px; background-color:#000c2f;}
.s4 table{border: 0;border-collapse: collapse; }
.s4 table tr td.td1{width:33.33%;  background-color: #e8eaf1;}
.s4 table tr td.td1 .inner{ padding:40px 30px ;}
.s4 table tr td.td1 p{}
.s4 table tr td.td2{width:66.66%;height:auto; vertical-align:initial;background-color: #f3f4f8;}
.s4 table tr td.td2 .title{ width: 100%; height: 105px; background:#2a2a82 url(s4_t1.jpg) center no-repeat;    background-size: 65%; }
.s4 table tr td.td2 .s4-p2{width: 100%; height: auto; background:#f4f5f8;}
.s4 table tr td.td2 .s4-p2 img{ width: 100%;}
.s4 table tr td.td2 .s4-foot{ padding: 10px; text-align: center; background-color: #2a2a82;}


/* section-5 */
.s5{ margin-bottom: 10px; background-color:#000c2f;}
.s5-other{ position: absolute; margin: 0 auto;  margin-top: -37px; width: 100%; max-width: 1100px; height: 169px;}
.s5 .up-img{width: 237px; height: 169px; margin: 0 auto; background: url(s5_img1.png) center no-repeat;}
.s5 .hxrlc{margin: 80px auto;  width: 140px; height: 140px; line-height: 140px; font-size: 24px; font-weight: bold; text-align: center; border-radius: 70px; background-color: #2a2a82;}

.s5 table{border: 0;border-collapse: collapse;}
.s5 table tr td.td1,.s5 table tr td.td3{ width: 47%;}
.s5 table tr td.td2{ width: 6%;}

.s5 .tr1 .td1{ padding: 15px 30px; background-color: #2a2a82;}
.s5 .tr1 .td1 h4{ color: #FFFFFF; font-size: 22px;}
.s5 .tr1 .td1 p{ padding-right: 80px; color: #FFFFFF; font-size: 16px;}
.s5 .tr1 .td3{ padding: 15px 30px; background-color: #cd2e32;}
.s5 .tr1 .td3 h4{ padding-left: 80px; color: #FFFFFF; font-size: 22px;}
.s5 .tr1 .td3 p{ padding-left: 80px; color: #FFFFFF; font-size: 16px;}
.s5 .tr2 .td1 img,.s5 .tr2 .td3 img{ width: 100%;}
.s5 .tr3 .td1{padding: 25px; background-color: #ececff;}
.s5 .tr3 .td1 h4{ color: #2a2a82; font-size: 24px;}
.s5 .tr3 .td1 p{ color: #2a2a82; font-size: 16px;}
.s5 .tr3 .td3{padding: 25px; vertical-align: initial; background-color: #fdf1f1;}
.s5 .tr3 .td3 h4{ color: #cd2e32; font-size: 24px;}
.s5 .tr3 .td3 p{ color: #cd2e32; font-size: 16px;}


/* section-6 */
.s6{ background-color:#000c2f;}
.s6 table{ border: 0;border-collapse: collapse; background-color: #2a2a82;}
.s6 table tr.s6-title h4{ height: 60px; line-height: 60px; font-size: 24px;}
.s6 table tr td.td1{width: 43%; color: #333333; font-size: 16px; border-bottom:1px solid #000c2f ; background-color: #fdf1f1;}
.s6 table tr td.td2{width: 14%; color:#FFFFFF; font-size:18px; font-weight:bold;text-align: center;}
.s6 table tr td.td3{width: 43%; color: #333333; font-size: 16px; border-bottom:1px solid #000c2f ; background-color: #f3f4f8;}
.s6 table tr td .inner{ padding: 20px;}

/*setion-66*/
.s66{padding: 50px 0; background-color: #000934;}
.s66 a{ display: block; text-align: center;}
.s66 a img{ width: 300px;}

/*setion-7*/
.process{ margin:0 auto ; width:100%; height:auto; background-color:#FFFFFF; overflow: hidden;}
.process-nav { height:98px; line-height: 98px; position: relative; top: 0px; font-size: 0;text-align: center;}
.process-nav li {display: inline-block; float: left; margin:0 auto; width:33.33%; font-size: 18px; color: #fff; white-space: nowrap;text-overflow:ellipsis; cursor: pointer; }
.process-nav li p{ display: inline-block; width:100%; height: 97px;white-space: nowrap; text-overflow:ellipsis;line-height: 97px; color: #333333; font-size: 24px; text-align: center;  transition: all .4s;border-bottom:1px solid #eaeaea;}
.process-nav li .sj{ margin-top:-3px; position: absolute; width: 33.333%; height: 15px; }
.process-nav li.active p,.process-nav li:hover p{ color: #FFFFFF; background-color: #2a2a82;}
.process-nav li.active .sj,.process-nav li:hover .sj { background: url(sj.jpg) center no-repeat;}
.process-nav li.active p{ color: #FFFFFF;}

.process-box { height: auto;}

.pt-con-1 { height: auto ;}
.content{padding:30px 20px; }
.pt-con-1 .img{ width: 100%; margin: 0 auto; background-color: #fbfbfb;}
.pt-con-1 img{ display: block; width: 677px; margin: 0 auto;}
.pt-con-1 p { margin-bottom:15px;line-height:30px;color: #1e1e1e;font-size: 16px; text-align: center; }

.pt-con-2 { display: none; height: auto;}
.pt-con-2 table tr td.td2{padding: 20px; vertical-align:initial;}
.pt-con-2 table tr td.td2 h4{ color: #1e1e1e; font-size: 22px; font-weight: bold;}
.pt-con-2 table tr td.td2 h5{color: #1e1e1e; font-size: 18px; font-weight: bold;}
.pt-con-2 table tr td.td2 p{ line-height:30px;color: #1e1e1e;font-size: 16px;}

.pt-con-3{ display: none;}
.pt-con-3 p{line-height:30px;color: #1e1e1e;font-size: 16px;}
/* footer */
.footer{padding:120px 0; text-align:center; color:#FFFFFF; font-size:14px; font-family:"Microsoft Yahei"; background-color:#000c2f;}

/*滚动条样式*/
.taojin::-webkit-scrollbar {  /* 滚动条整体部分 */
	position:fixed;
    width:10px;
    margin-right:2px
}
.taojin::-webkit-scrollbar-button { /* 滚动条两端的按钮 */ 
    width:10px;
	height:0px;
    background-color: #80725c;
}
.taojin::-webkit-scrollbar:horizontal {
    height:10px;
    margin-bottom:2px
}
.taojin::-webkit-scrollbar-track {  /* 外层轨道 */ 
    border-radius: 0px;
}
.taojin::-webkit-scrollbar-track-piece {  /*内层轨道，滚动条中间部分 */ 
    background-color: #80725c;
    border-radius: 0px;
}
.taojin::-webkit-scrollbar-thumb {  /* 滑块 */ 
    width:10px;
    border-radius: 0px;
    background: #71634d; 
}
.taojin::-webkit-scrollbar-corner { /* 边角 */ 
    width: 10px;
    background-color: #fff;
}
.taojin::-webkit-scrollbar-thumb:hover { /* 鼠标移入滑块 */ 
    background: #5a4e39; 
}