@charset "utf-8";
*html{background-image:url(about:blank);background-attachment:fixed;font-family: arial,'Microsoft Yahei',微软雅黑,宋体,宋体,Tahoma,Arial,Helvetica,STHeiti;}
/*全局定义*/
body,form,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,iframe,pre,fieldset,blockquote{margin:0;padding:0; font-size:14px;font-family: arial,'Microsoft Yahei',微软雅黑,宋体,宋体,Tahoma,Arial,Helvetica,STHeiti;}

body {
	background: #dbddda ;
}

table,img,abbr,acronym{border:0;}table{border-collapse:separate;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-style:inherit;}
address,caption,cite,i,code,dfn,var,em{font-weight:normal;font-style:normal;}
sup{vertical-align:text-top;} sub{vertical-align:text-bottom;}
ul,li{list-style-type:none; text-transform:capitalize;}input,select,button,img{vertical-align:middle;}
p,a,span{word-break:break-all;word-wrap:break-word;white-space:normal;}
q:before,q:after{content:''; cursor:pointer;}caption {text-align:left;}
a,a img,button{cursor:pointer;}a {color:#42210b;text-decoration:none; }
a:focus,input:focus,button:focus{outline:none;} 
a:hover{color:#333333; text-decoration:none;}

.b { font-weight:bold;}
.form { padding:0; margin:0;font-family:"arial, helvetica, sans-serif";}

/*定位*/
.fl{float:left;}.fr{float:right;}.fht{float:inherit;}
.tl{text-align:left;}.tc{text-align:center;}.tr{text-align:right;}
.cb{line-height:0px; clear:both; height:0px;font-size:0px; over-flow:hidden;}.cl{clear:left;}.cr{clear:rigth;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
* html .clearfix{zoom:1;} *+html .clearfix{zoom:1;}
.wz { position: relative;}
.wz_ab { position: absolute;}

/*字体大小*/
.f12 { font-size:12px;}
.f14 { font-size:14px;}

.container { width:100%; margin:0 auto; padding: 0 30px; box-sizing: border-box;}
.w250 { width:250px;}
.w710 { width:710px;}
.m_l_10 { margin-left:10px;}
.m_t_10 { margin-top:10px;}
.m_b_10 { margin-bottom:10px;}
.m_l_20 { margin-left:20px;}
.m_l_40 { margin-left:40px;}
.m_t_20 { margin-top:20px;}
.m_t_15 { margin-top:15px;}
.m_b_20 { margin-bottom:20px;}
.pan_20 {padding: 20px;}
.m_t_30 { margin-top:30px;}
.m_t_50 { margin-top:50px;}
.pan_30 {padding: 30px;}


/*flex弹性布局*/
.df { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.dif {display: inline-flex;}
.fdr {  -webkit-box-direction: normal;-webkit-box-orient: horizontal;-moz-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;}
.fdrr { -webkit-box-pack: end;-webkit-box-direction: reverse;-webkit-box-orient: horizontal;-moz-flex-direction: row-reverse;-webkit-flex-direction: row-reverse;flex-direction: row-reverse;}
.fdc { -webkit-box-direction: normal;-webkit-box-orient: vertical;-moz-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}
.fdcr { -webkit-box-pack: end;-webkit-box-direction: reverse;-webkit-box-orient: vertical;-moz-flex-direction: column-reverse;-webkit-flex-direction: column-reverse;flex-direction: column-reverse;}
.fwn {flex-wrap: nowrap;}
.fww {flex-wrap: wrap;}
.fwr {flex-wrap: wrap-reverse;}
.jcfs {-moz-justify-content: flex-start;-webkit-justify-content: flex-start;justify-content: flex-start;}
.jcfe {-moz-justify-content: flex-end;-webkit-justify-content: flex-end;justify-content: flex-end;}
.jcc { -webkit-box-pack: center;-moz-justify-content: center;-webkit-justify-content: center;justify-content: center;}
.jcsb {-moz-justify-content: space-between;-webkit-justify-content: space-between;justify-content: space-between;}
.jcsa {-moz-justify-content: space-around;-webkit-justify-content: space-around;justify-content: space-around;}
.aifs {-moz-align-items: flex-start;-webkit-align-items: flex-start;align-items: flex-start;}
.aife {-moz-align-items: flex-end;-webkit-align-items: flex-end;align-items: flex-end;}
.aic { -webkit-box-align: center;-moz-align-items: center;-webkit-align-items: center;align-items: center;}
.aib {-webkit-box-align: baseline;-moz-align-items: baseline;-webkit-align-items: baseline;align-items: baseline;}
.ais {-webkit-box-align: stretch;-moz-align-items: stretch;-webkit-align-items: stretch;align-items: stretch;}
.acfs {align-content: flex-start;}
.acfe {align-content: flex-end;}
.acc {align-content: center;}
.acsb {align-content: space-between;}
.acsa {align-content: space-around;}
.acs {align-content: stretch;}
.asfs{align-self: flex-start;}
.asfe{align-self: flex-end;}
.asc{align-self: center;}
.asb{align-self: baseline;}
.ass{align-self: stretch;}
.fxg{ -webkit-box-flex: 1.0;-moz-flex-grow: 1;-webkit-flex-grow: 1;flex-grow: 1;}
.fxs{  -webkit-box-flex: 1.0;-moz-flex-shrink: 1;-webkit-flex-shrink: 1;flex-shrink: 1;}
.fxa {flex: auto;}
.fxn {flex: none;}
.fx1 {flex: 1;}
.fx2 {flex: 2;}
.fx3 {flex: 3;}
.fx4 {flex: 4;}
.fx5 {flex: 5;}
.fx6 {flex: 6;}
/**/

/*圆角*/
.yj {-moz-border-radius: 10px; -webkit-border-radius: 10px;  border-radius:10px;            /* W3C syntax */
	border:1px solid #c5bdbd;
	padding:10px;
	}
.b0 { border:0px;}
.white { color:#FFFFFF;}
.b_white {background: #FFF;}
.yellow {color: #f4e607;}
.b_gray {background: #f2f2f2;}

.kuan {border: 1px solid #dfdfdf; }
.box {box-sizing: border-box;}

/* footer */
footer {
	position: absolute;
	width: 100%;
	bottom: 0;
	height: 80px;
	background-color:#000;
	padding: 0 30px;
	box-sizing: border-box;
}
.b_txt p{
	font-size: 14px;
	color: #FFF;
	padding-left: 20px;
}

.bg {
	background: #dbddda url(../images/bg.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 100vh;
}

.menu {
	position: absolute;
	width: 100%;
	bottom: 80px;
	height: 100px;
	background-color:#21304f;
	padding: 0 30px;
	box-sizing: border-box;
}
.menu a {
	margin-right: 20px;
	width: 151px;
	height: 46px;
	background-position: 0 0;
}
.menu a:hover {
	background-position: 0 46px;
}

a.m0 {background-image: url(../images/menu_0.png);}
a.m1 {background-image: url(../images/menu_1.png);}
a.m2 {background-image: url(../images/menu_2.png);}
a.m3 {background-image: url(../images/menu_3.png);}
a.m4 {background-image: url(../images/menu_4.png);}
a.m5 {background-image: url(../images/menu_5.png);}
a.m6 {background-image: url(../images/menu_6.png);}

/* main */
.bg_mian {
	background: #dbddda url(../images/pc_mian.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 100vh;
}
.main_top_bg {
	background: url(../images/pang2.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.container_main {
	width: 100%;
	padding-top: 240px;
	padding-bottom: 30px;
}
.left_menu {
	width: 230px;
	
	margin-top: 35px;
	
}
.left_menu_sty {
	padding: 50px 0;
	background: rgba(33, 48, 80, 0.9);
	border-radius: 10px 0px 0px 10px;
}
.left_menu_sty a {
	width: 151px;
	height: 46px;
	background-position: 0 0;
	margin-top: 10px;
}
.left_menu_sty a:hover {
	background-position: 0 46px;
}
a.over {
	background-position: 0 46px;
}

.right_main {
	background: #21304f;
	border-radius: 10px;
	margin-right: 80px;
	box-sizing: border-box;
}
.right_main_box {
	border-radius: 10px;
	background: #f3f3f0;
	margin-top: 48px;
	margin-left: 13px;
	margin-right: 13px;
	margin-bottom: 13px;
	box-sizing: border-box;
	padding: 30px;
}
.right_main_box h2 {
	text-align: center;
	line-height: 2em;
	font-weight: normal;
	color: #21304f;
	padding: 20px 0;
	font-family: "隶书";
}
.txt {
	font-weight: normal;
	color: #21304f;
	line-height: 2em;
	text-indent: 2em;
	text-align: justify;
}
.main_xuyan_bg {
	background: #dbddda url(../images/right_bg.jpg);
	background-position: center bottom;
	background-size: cover;
	background-repeat: no-repeat;
}

.footer {
	width: 100%;
	bottom: 0;
	height: 80px;
	background-color:#000;
	padding: 0 30px;
	box-sizing: border-box;
}
.top_title {
	position: absolute;
	top: 0;
	right: 0;
}

.img {
	width: 100%;
	height: auto;
}
.item {
	width: 45%;
}
a.goback {
	display: block;
	background-color: #0b1b3b;
	padding: 8px 20px;
	color: #efe6bf;
	font-size: 16px;
	font-weight: bold;
	border-radius: 8px;
}
.shi_box {
	width: 410px;
	height: 138px;
	/* background-image: url(../images/index_gun_bg.png); */
	left: 0;
	bottom: 250px;
	z-index: 100;
}

/* 媒体查询 */
@media (max-width: 767px) {
	.right_main_box h2 {
		font-size:24px;
	}
	.txt {
		font-size:14px;
	}
}
@media (min-width: 768px) and (max-width: 1199px) {
	.right_main_box h2 {
		font-size: 36px;
	}
	.txt {
		font-size:16px;
	}
}
@media (min-width: 1200px) and (max-width: 1599px) {
	.right_main_box h2 {
		font-size: 42px;
	}
	.txt {
		font-size:18px;
	}
}
@media (min-width: 1600px)  {
	.right_main_box h2 {
		font-size: 48px;
	}
	.txt {
		font-size:20px;
	}
}