@charset "utf-8";
/*reset*/
html{font-size:62.5%;}
*{ margin:0; padding:0;-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}
body {font-family: Helvetica, "Microsoft YaHei" ; color:#666666; text-size-adjust:none;}
a{ text-decoration:none; cursor:pointer; color:#0F0; bblr:expression(this.onFocus=this.blur()); outline-style:none; color: #474747}
a:hover{ text-decoration:none; }
a{-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}
img{border: 0 none;}

/*cont*/
.wrap{
	width: 100%;
	background-color: #fff;
}
h1,.text{
	position: absolute;
	top: 0;
	left: -9999px;
}
.inner_wrap{
	position: relative;
	overflow: hidden;
}
header{
	position: relative;
}
header img{
	display: block;
	width: 100%;
}
.hi_fg{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
}
.main_btn{
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 31;
	display: block;
	width: 200px;
	height: 50px;
	padding: 0;
	margin: 100% 0 0 -100px;
	line-height: 50px;
	font-size: 30px;
	color: #fff;
	text-align: center;
	background-image: url(../img/main_btn.png);
	-webkit-background-size: 100%;
	background-size: 100%;
}
.main_btn span{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}
header .download_state{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
header .download_state em{
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  font-style: normal;
}
header .download_state i{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 0;
  height: 100%;
  background-color: rgba(255,255,255,0.5);
  transition: all ease 0.5s;
}
.cont{
	padding: 0;
	margin: 0 0 16px;
}
.c_item{
	position: relative;
	margin: 0 16px 16px;
}
.ci_bg{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	-webkit-background-size: 100%;
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../img/ci_bg.jpg);
}
.ci_fg{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	width: 100%;
	height: 100%;
	-webkit-background-size: 100%;
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../img/ci_fg.png);
}
.ci_bd{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
	width: 100%;
	height: 100%;
	-webkit-background-size: 100%;
	background-size: 100%;
	background-repeat: repeat-y;
	background-image: url(../img/ci_bd_c.png);
}
.ci_bd:before,
.ci_bd:after{
	position: absolute;
	left: 0;
	z-index: 5;
	content: "";
	display: block;
	width: 100%;
	height: 50%;
	-webkit-background-size: 100%;
	background-size: 100%;
	background-repeat: no-repeat;
}
.ci_bd:before{
	top: 0;
	background-position: center top;
	background-image: url(../img/ci_bd_t.png);
}
.ci_bd:after{
	bottom: 0;
	background-position: center bottom;
	background-image: url(../img/ci_bd_b.png);
}
.ci_cont{
	position: relative;
	z-index: 11;
	padding: 20px 0;
}
.ci_title{
	position: relative;
	z-index: 21;
	width: 280px;
	height: 40px;
	margin: 0 auto;
	line-height: 40px;
	text-align: center;
	font-size: 24px;
	color: #fff;
	-webkit-background-size: 100%;
	background-size: 100%;
	background-image: url(../img/ci_title.png);
}
.ci_text{
	margin: 0 6% 4%;
}
.ci_text p{
	margin: 0 0 4px;
	font-size: 12px;
	line-height: 18px;
	color: #000;
}
.ci_text p span{
	
}
.ci_img{
	margin: 0 0 4%;
}
.ci_img img{
	display: block;
	width: 100%;
}
.ci_video{
	margin: 0 6% 4%;
}
.ci_video video{
	display: block;
	width: 100%;
}
.ci_btn{
	text-align: center;
}
.ci_btn a{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	margin: 0 10px 10px;
	-webkit-background-size: 100%;
	background-size: 100%;
	background-image: url(../img/ci_btn.png);
}
.cs_wrap{
	width: 100%;
	margin: 20px 0 0;
	overflow: hidden;
}
.cs_wrap .swiper-container {
	position: relative;
	width:200%;
	margin: 0 0 0 -50%;
}
.cs_wrap .swiper-slide {
    opacity: 0.4;
}
.cs_wrap  .swiper-slide-active {
    top: 0;
    opacity: 1;
}
.cs_wrap .swiper-slide img{
	display: block;
	width: 100%;
}
.cs_wrap .swiper-button-next,
.cs_wrap .swiper-button-prev {
	position: absolute;
	top: 50%;
	margin: -22px 0 0;
}
.cs_wrap .swiper-button-next{
	right: 25%;
}
.cs_wrap .swiper-button-prev {
	left: 25%;
}
.cs_wrap .swiper-pagination,
.cs_wrap .swiper-scrollbar{
	display: none;
}
.cc_wrap{
	margin: 0 20px;
}
.cc_list{
	position: relative;
	margin: 0 0 10px;
	padding: 0;
	list-style: none;
}
.cc_item{
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 35%;
	display: block;
	width: 30%;
	margin: 0;
	padding: 0;
	-webkit-transition: all ease 0.2s;
	transition: all ease 0.2s;
}
.cc_list .cci_1{
	top: 0;
	left: 2.5%;
}
.cc_list .cci_2{
	top: 0;
	left: 35.5%;
}
.cc_list .cci_3{
	top: 0;
	left: 68.5%;
}
.cc_list .cci_4{
	margin: 40% 0 0;
	top: 0;
	left: 2.5%;
}
.cc_list .cci_5{
	margin: 40% 0 0;
	top: 0;
	left: 35.5%;
}
.cc_list .cci_6{
	margin: 40% 0 0;
	top: 0;
	left: 68.5%;
}
.cc_list .cci_7{
	margin: 80% 0 0;
	top: 0;
	left: 2.5%;
}
.cc_list .cci_8{
	margin: 80% 0 0;
	top: 0;
	left: 35.5%;
}
.cc_list .cci_9{
	margin: 80% 0 0;
	top: 0;
	left: 68.5%;
}
.cc_item img{
	display: block;
	width: 100%;
}
.cc_item .cc_bg{
	position: relative;
	z-index: 2;
	width: 100%;
	-webkit-transition: all ease 0.2s;
	transition: all ease 0.2s;
	-webkit-transform:rotateY(0);
	transform:rotateY(0);
}
.cc_item .cc_cont{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	-webkit-transition: all ease 0.2s;
	transition: all ease 0.2s;
	-webkit-transform:rotateY(-180deg);
	transform:rotateY(-180deg);
}
.cc_cont p{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3;
	width: 100%;
	height: 24px;
	font-size: 12px;
	line-height: 24px;
	background-color: #000;
	color: #fff;
	text-align: center;
}
.cc_item .cc_fg{
	display: block;
	width: 100%;
	z-index: 1;
}
.cc_item .cc_p{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	display: block;
	width: 100%;
	height: 100%;	
}
.cc_list .sel .cc_bg{
	position: relative;
	z-index: 1;
	width: 100%;
	-webkit-transform:rotateY(180deg);
	transform:rotateY(180deg);
}
.cc_list .sel .cc_cont{
	z-index: 2;
	-webkit-transform:rotateY(0deg);
	transform:rotateY(0deg);
}
.cl_wrap{
	position: relative;
	margin: 0 20px;
}
.cl_list{
	position: relative;
	margin: 0 0 10px;
	padding: 0;
	list-style: none;
}
.cl_item,
.cl_btns{
	position: absolute;
	top: 0;
	left: 35%;
	display: block;
	width: 30%;
	margin: 0;
	padding: 0;
	-webkit-transition: all ease 0.2s;
	transition: all ease 0.2s;
	border:2px solid transparent;
}
.cl_item{
	border:2px solid #000;
}
.cl_list .sel{
	border:2px solid #fff;
}
.cl_list .cli_1{
	top: 0;
	left: 2.5%;
}
.cl_list .cli_2{
	top: 0;
	left: 35.5%;
}
.cl_list .cli_3{
	top: 0;
	left: 68.5%;
}
.cl_list .cli_4{	
	margin: 44% 0 0;
	top: 0;
	left: 68.5%;
}
.cl_list .cli_5{
	margin: 88% 0 0;
	top: 0;
	left: 68.5%;
}
.cl_list .cli_6{
	margin: 88% 0 0;
	top: 0;
	left: 35.5%;
}
.cl_list .cli_7{
	margin: 88% 0 0;
	top: 0;
	left: 2.5%;
}
.cl_list .cli_8{	
	margin: 44% 0 0;
	top: 0;
	left: 2.5%;
}
.cl_list .cli_8{	
	margin: 44% 0 0;
	top: 0;
	left: 2.5%;
}
.cl_btns{
  	margin: 44% 0 0;
  	padding: 12px 0 0;
	top: 0;
	left: 35.5%;
}
.clb_start{
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
}
.cl_item img,
.clb_start img{
	display: block;
	width: 100%;
}
.clb_start img{
	height: 100%;
}
.cl_item p{
	height: 24px;
	font-size: 12px;
	line-height: 24px;
	background-color: #000;
	color: #fff;
	text-align: center;
}
.ca_wrap{
	position: relative;
    margin: 0 20px;
}
.ca_list{
	position: relative;
    margin: 0 0 10px;
    padding: 0;
}
.ca_item{
	text-align: center;
	margin: 0 0 20px;
}
.ca_text{
	margin: 0 0 10px;
    font-size: 12px;
    line-height: 18px;
    color: #000;
}
.ca_left,
.ca_middle,
.ca_right{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
}
.ca_left{
	margin: 0 10px 0 0;
}
.ca_middle{
	width: 20px;
	margin: 0 -10px;
}
.ca_right{
	width: 29%;
	margin: 0 0 0 10px;
}
.cai_s_11 .ca_left{
	width: 29%;
}
.cai_s_21 .ca_left{
	width: 43.5%;
}
.cai_s_31 .ca_left{
	width: 58%;
}
.ca_cont{
	margin: 0 0 10px;
	border: 1px solid #000;
}
.ca_cont img{
	display: block;
	width: 100%;
}
.ca_name{
	width: 100%;
	height: 24px;
    font-size: 12px;
    line-height: 24px;
    background-color: #000;
    color: #fff;
    text-align: center;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.ca_btn{
	display: block;
	width: 80px;
	height: 27px;
	line-height: 27px;
	margin: 0 auto;
	color: #fff;
	font-size: 12px;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	background-image: url(../img/ci_btn.png);
}
.ca_middle p{
	margin: 200% 0 0;
	font-size: 12px;
	line-height: 20px;
	color: #000;
}

.b_btn{
	padding: 15px 0 30px;
	text-align: center;
}
.b_btn a{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 120px;
	height: 40px;
	line-height: 40px;
	margin: 0 5px;
	overflow: hidden;
	font-size: 14px;
	color: #fff;
	background-color: #000;
	border-radius: 5px;
}
.b_btn a span,
.b_btn a i{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
}
.b_btn a span{
	padding: 0 5px;
}
.bb_top i{
	width: 22px;
	height: 22px;
	margin: 9px 4px;
	background-image: url(../img/bb_tag.png);
	-webkit-background-size: 100%;
	background-size: 100%;
}
.game_center{
	position: fixed;
    bottom: 10%;
    right: 2%;
    width: 62px;
    height: 49px;
    z-index: 50;
	background-image: url(../img/game_center.png);
	-webkit-background-size: 100%;
	background-size: 100%;
	text-indent: -9999em;
	overflow: hidden;
}
.topbar{
	position: fixed;
	z-index: 80;
	top: 0;
	left: 0;
	width:100%;
	padding: 3px;
	background-color: #000;
	background-color: rgba(0,0,0,0.8);
}
.tb_logo{
	position: absolute;
	top: 5px;
	left: 15px;
	width: 37px;
}
.tb_logo img{
	display: block;
	width: 100%;
}
.topbar p{
	height: 20px;
	padding: 0 110px 0 60px;
	font-size: 13px;
	line-height: 20px;
	color: #fff;
}
.tb_btn{
	position: absolute;
	top: 10px;
	right: 15px;
	width: 85px;
	height: 28px;
	line-height: 28px;
	background-image: url(../img/tb_btn.png);
	-webkit-background-size: 100%;
	background-size: 100%;
	color: #000;
	overflow: hidden;
	text-align: center;
	font-size: 14px;
}
.footer{
	background-color: #000;
	padding: 15px;
	line-height: 20px;
}
.footer p{
	height: 20px;
	font-size: 12px;
	color: #fff;
	text-align: center;
}
.mask{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 90;
	display: none;
	width: 100%;
	height: 100%;
	background-color:#000;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.modal_wrap{
	display: none;
	position: absolute;
	top: 20%;
	left: 10%;
	width: 80%;
	z-index: 99;
	background-color: #fff;
	border: 3px solid #000;
	border-radius: 10px;
	overflow: hidden;
}
.modal_exit{
	left: 0;
	width: 100%;
	background: none;
	border: 0 none;
	border-radius: 0;
}
.modal_info{
	
}
.modal_title{
	width: 100%;
	height: 32px;
	margin: 10px 0 0;
	line-height: 32px;
	text-align: center;
	font-size: 18px;
	color: #000;
}
.modal_cont{
	padding: 10px;
}
.modal_exit .modal_cont{
	padding: 0;
}
.mc_text{
	padding: 40px 20px 20px;
}
.modal_phone .mc_text{
	padding: 40px 20px 0;
}
.modal_cont img{
	width: 100%;
}
.modal_cont p{
	margin: 0 10px 5px;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	color: #343434;
}
.modal_cont p span{
	color: #000;
}
.modal_cont .modal_tip{
	color: #fc7b78
}
.modal_wrap .mlf_title{
	line-height: 32px;
	text-align: center;
	font-size: 18px;
	color: #000;
}
.modal_wrap .mlf_item{
	line-height: 24px;
	margin: 0 0 6px;
	padding: 0 0 0 60px;
}
.modal_wrap .mlf_item label{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 60px;
	margin: 0 0 0 -60px;
}
.modal_wrap .mlf_item input{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 80%;
	height: 24px;
	line-height: 24px;
	padding: 0 10px 0 10px;
	border: 0 none;
	color: #343434;
	background-color: #fff;
}
.modal_wrap .mlf_link{
	text-align: right;
}
.modal_wrap .mlf_link a{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-decoration: underline;
}
.ml_form{
	margin: 10px 0 0;
}
.ml_list{
	height: 87px;
	overflow: auto;
}
.modal_cont table{
  width: 100%;
  line-height: 28px;
  border-collapse:collapse;
  margin:auto;
}
.modal_cont thead tr{
}
.modal_cont tbody{
  width: 100%;
}
.modal_cont tbody tr{
	width: 100%;
	border-bottom: 1px dashed #343434;
}
.modal_cont th{
  line-height: 30px;
  font-size: 16px;
  color: #343434;
  font-weight: normal;
}
.modal_cont td {
  text-align: center;
  padding: 0;
  color: #343434;
  font-size: 12px;
}
.modal_cont thead .col_2{
  width: 20%;
}
.modal_cont thead .col_4{
  width: 40%;
  
}
.modal_btns{
	margin: 0 auto;
	padding: 10px 0 20px;
	text-align: center;
}
.modal_btn{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 120px;
	height: 30px;
	line-height: 30px;
	background-color: #000;
	color: #fff;
	border-radius: 15px;
	text-align: center;
	font-size: 16px;
}
.modal_exit .modal_btn{
	width: 140px;
	height: 40px;
	margin: -10px 0 0;
	background-color: transparent;
	background-image: url(../img/m_btn_e.png);
	-webkit-background-size: 100%;
	background-size: 100%;
	text-indent: -9999em;
	overflow: hidden;
}
.modal_close{
	position: absolute;
	top: 0px;
	right: 0px;
	display: block;
	width: 26px;
	height: 26px;
	text-indent: -9999em;
	overflow: hidden;
	background-image: url(../img/m_close.png);
	-webkit-background-size: 100%;
	background-size: 100%;
}
.modal_exit .modal_close{
	top: 10%;
	right: 20%;
	background-image: url(../img/m_close_e.png);
}

@media screen and (min-width: 750px){
	.main_btn{
		width: 400px;
		height: 100px;
		margin: 100% 0 0 -200px;
		line-height: 100px;
		font-size: 60px;
	}
	.main_btn span{
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
	}
	.cont{
		margin: 0 0 32px;
	}
	.c_item{
		margin: 0 32px 32px;
	}
	.ci_cont{
		padding: 40px 0;
	}
	.ci_title{
		width: 560px;
		height: 80px;
		line-height: 80px;
		font-size: 48px;
	}
	.ci_text p{
		margin: 0 0 8px;
		font-size: 24px;
		line-height: 36px;
	}
	.ci_btn a{
		width: 240px;
		height: 80px;
		line-height: 80px;
		font-size: 36px;
		margin: 0 20px 20px;
	}
	.cs_wrap{
		margin: 40px 0 0;
	}
	.cs_wrap .swiper-button-next,
	.cs_wrap .swiper-button-prev {
		margin: -44px 0 0;
	}
	.cc_wrap{
		margin: 0 40px;
	}
	.cc_list{
		margin: 0 0 20px;
	}
	.cc_cont p{
		height: 48px;
		font-size: 24px;
		line-height: 24px;
	}
	.cl_wrap{
		margin: 0 40px;
	}
	.cl_list{
		margin: 0 0 20px;
	}
	.cl_item,
	.cl_btns{
		border:4px solid transparent;
	}
	.cl_item{
		border:4px solid #000;
	}
	.cl_list .sel{
		border:4px solid #fff;
	}
	.cl_btns{
	  	padding: 24px 0 0;
	}
	.cl_item p{
		height: 48px;
		font-size: 24px;
		line-height: 48px;
	}
	.ca_wrap{
		margin: 0 40px;
	}
	.ca_list{
	    margin: 0 0 20px;
	}
	.ca_item{
		margin: 0 0 40px;
	}
	.ca_text{
		margin: 0 0 0px;
	    font-size: 24px;
	    line-height: 36px;
	}
	.ca_left{
		margin: 0 20px 0 0;
	}
	.ca_middle{
		width: 40px;
		margin: 0 -20px;
	}
	.ca_right{
		margin: 0 0 0 20px;
	}
	.ca_cont{
		margin: 0 0 20px;
		border: 2px solid #000;
	}
	.ca_name{
		height: 48px;
	    font-size: 24px;
	    line-height: 48px;
	}
	.ca_btn{
		width: 160px;
		height: 54px;
		line-height: 54px;
		font-size: 24px;
	}
	.ca_middle p{
		font-size: 24px;
		line-height: 40px;
	}
	.b_btn{
		padding: 30px 0 60px;
	}
	.b_btn a{
		width: 240px;
		height: 80px;
		line-height: 80px;
		margin: 0 10px;
		font-size: 28px;
		border-radius: 10px;
	}
	.b_btn a span{
		padding: 0 10px;
	}
	.bb_top i{
		width: 44px;
		height: 44px;
		margin: 18px 8px;
	}
	.game_center{
		display: none;
	}
	.topbar{
		padding: 6px;
	}
	.tb_logo{
		top: 10px;
		left: 30px;
		width: 74px;
	}
	.topbar p{
		height: 40px;
		padding: 0 220px 0 120px;
		font-size: 26px;
		line-height: 40px;
	}
	.tb_btn{
		top: 20px;
		right: 30px;
		width: 170px;
		height: 56px;
		line-height: 56px;
		font-size: 28px;
	}
	.footer{
		padding: 30px;
		line-height: 40px;
	}
	.footer p{
		height: 40px;
		font-size: 24px;
	}
	.modal_wrap{
		border: 6px solid #000;
		border-radius: 20px;
	}
	.modal_exit{
		border: 0 none;
		border-radius: 0;
	}
	.modal_title{
		height: 64px;
		margin: 20px 0 0;
		line-height: 64px;
		font-size: 36px;
	}
	.modal_cont{
		padding: 20px;
	}
	.mc_text{
		padding: 80px 40px 40px;
	}
	.modal_phone .mc_text{
		padding: 80px 40px 0;
	}
	.modal_cont p{
		margin: 0 20px 10px;
		font-size: 28px;
		line-height: 36px;
	}
	.modal_wrap .mlf_title{
		line-height: 64px;
		font-size: 36px;
	}
	.modal_wrap .mlf_item{
		line-height: 48px;
		margin: 0 0 12px;
		padding: 0 0 0 120px;
	}
	.modal_wrap .mlf_item label{
		display: inline-block;
		*display: inline;
		*zoom: 1;
		width: 120px;
		margin: 0 0 0 -120px;
	}
	.modal_wrap .mlf_item input{
		height: 48px;
		line-height: 48px;
		padding: 0 20px 0 20px;
	}
	.ml_form{
		margin: 20px 0 0;
	}
	.ml_list{
		height: 174px;
	}
	.modal_cont table{
	  	line-height: 56px;
	}
	.modal_cont tbody tr{
		border-bottom: 2px dashed #343434;
	}
	.modal_cont th{
	  	line-height: 60px;
	  	font-size: 32px;
	}
	.modal_cont td {
	  	font-size: 24px;
	}
	.modal_btns{
		padding: 20px 0 40px;
	}
	.modal_btn{
		width: 240px;
		height: 60px;
		line-height: 60px;
		border-radius: 30px;
		font-size: 32px;
	}
	.modal_exit .modal_btn{
		width: 280px;
		height: 80px;
		margin: -20px 0 0;
	}
	.modal_close{
		width: 52px;
		height: 52px;
	}

}


/*配置*/
.wrap{
	background-color: #001a49;
	background-image: url(../img/w_bg.jpg);
	background-repeat: repeat-y;
	-webkit-background-size: 100%;
	background-size: 100%;
}
.hi_fg{
	
}
.main_btn{
	color: #fff;
	font-size: 24px;
	margin: 135% 0 0 -100px;
}
.cont{
	margin: -15% 0 0;
}
.c_item{
	margin: -15% 0 0;
}
.ci_3{
	margin: -15% 0 16px;
}
.ci_bg{
	display: none;
}
.ci_1 .ci_fg{
	background-image: url(../img/ci_fg_1.png);
	background-position: 0 bottom;
}
.ci_title{
	width: 100%;
	height: 175px;
	text-indent: -9999em;
	overflow: hidden;
	margin: -15% 0 -10%;
}
.ci_1 .ci_title{
	background-image: url(../img/ci_title_1.png);
}
.ci_2 .ci_title{
	background-image: url(../img/ci_title_2.png);
}
.ci_3 .ci_title{
	background-image: url(../img/ci_title_3.png);
}
.cit_1_1{
	width: 38%;
	margin: 10% 6% 8% 10%;
}
.ci_text p{
	color: #fff;
}
.ci_text p span{
	color: #fff
}
.ci_btn a{
	color: #fff;
}
.cc_cont p{
	background-color: transparent;
	color: #000;
}
.cl_item{
	border-color:#000;
}
.cl_list .sel{
	border-color:#fff;
}
.cl_item p{
	background-color: #000;
	color: #fff;
}
.ca_text{
    color: #000;
}
.ca_cont{
	border: 1px solid #000;
}
.ca_name{
    background-color: #000;
    color: #fff;
}
.ca_btn{
	color: #fff;
}
.ca_middle p{
	color: #000;
}
.b_btn a{
	color: #fff;
	background-color: #2769bd;
}
.topbar{
	background-color: #061f39;
	background-color: rgba(6,31,57,0.8);
}
.topbar p{
	color: #fff;
}
.tb_btn{
	color: #000;
}
.footer{
	background-color: #000;
}
.footer p{
	color: #fff;
}
.modal_wrap{
	background-color: #fff;
	border-color: #2769bd;
}
.modal_title{
	color: #000;
}
.modal_cont p{
	color: #343434;
}
.modal_cont p span{
	color: #000;
}
.modal_cont .modal_tip{
	color: #fc7b78
}
.modal_wrap .mlf_title{
	color: #000;
}
.modal_wrap .mlf_item input{
	color: #343434;
	background-color: #fff;
}
.modal_wrap .mlf_link a{
	color: #000;
}
.modal_cont tbody tr{
	border-color: #343434;
}
.modal_cont th{
  color: #343434;
}
.modal_cont td {
  color: #343434;
}
.modal_btn{
	background-color: #2769bd;
	color: #fff;
}


@media screen and (max-width: 374px){
	.ci_title{
		margin: -15% 0 -18%;
	}
}
@media screen and (min-width: 750px){
	.main_btn{
		font-size: 48px;
		margin: 135% 0 0 -200px;
	}
	.ci_3{
		margin: -15% 0 32px;
	}
	.ci_title{
		height: 350px;
	}
}