@charset "utf-8";
*{ box-sizing: border-box; font-family:"Microsoft YaHei";}
html {font-size:62.5%;margin:0 auto;}
body {font-size:1.4rem;overflow-x:hidden;margin:0 auto;}

/*body { font-size:12px;margin:0 auto;}*/

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre,fieldset, lengend, button, input, textarea,th, td { margin: 0; padding: 0; }

ol,ul,li{list-style: none;}

address, caption, cite, code, dfn, em, th, var, i { font-weight: normal; font-style: normal; }

a { text-decoration:none; color:#333; }
a {cursor:pointer; -webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;}

img{ border:0;  vertical-align: middle; }

select,input,textarea{ border: 0; font-family:Arial; outline:none;resize:none;}

h1, h2, h3, h4, h5, h6{ font-weight: normal; font-size: 100%; }

div, dl, dt, dd, ol, ul, li { zoom: 1; }

caption, th { text-align: left; }

q:before, q:after { content: ''; }

abbr, acronym { border: 0; }

a:hover{text-decoration:none;}

input, textarea { box-sizing: border-box; }

button,input[type="button"],input[type="submit"] { cursor: pointer;resize:none;outline:0; }



body { margin:0 auto; }

/*合并表格边框，设置边框距为零*/

table{ border-collapse: collapse; border-spacing: 0; }

img {

	max-width: 100%;

}

/*清除浮动*/

.clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}





/*强制换行   禁止换行*/

.break_word{ word-wrap:break-word; word-break:break-all;}

.keep_all{ word-break:keep-all; white-space:nowrap; }



/*超出省略号，仅限单行，并且需要设定一个宽度*/

.ellipsis { overflow: hidden;  text-overflow: ellipsis;  display: block; white-space: nowrap; }

.ellipsis_2 { overflow: hidden;  text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.ellipsis_3 { overflow: hidden;  text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.ellipsis_4 { overflow: hidden;  text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

.ellipsis_5 { overflow: hidden;  text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}

.ellipsis_6 { overflow: hidden;  text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}

.ellipsis_7 { overflow: hidden;  text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;}
/*
video::-webkit-media-controls-fullscreen-button{ display: none !important; }
video默认aduio音量按钮
video::-webkit-media-controls-mute-button { display: none !important;}*/
/*video默认setting按钮
video::-internal-media-controls-overflow-button{ display: none !important;}*/
/*腾讯云点播禁用firefox全屏、设置按钮
.trump-button[sub-component="fullscreen_btn"],.trump-button[now="fullscreen"]{ display:none!important;}
.trump-button[sub-component="setting"]{ display:none !important;}
*/




/*me*/





/*边距*/

.mt5{ margin-top: 5px;}

.mt6 { margin-top:6px; }

.mt15{ margin-top: 15px;}

.mt10{ margin-top: 10px;}

.mt18{ margin-top: 10px;}

.mt20{ margin-top: 20px;}

.mt26{ margin-top: 26px;}

.mt28{ margin-top: 28px;}

.mt32{ margin-top: 32px;}

.mt35{ margin-top: 35px;}

.mt38{ margin-top: 38px;}

.mt42{ margin-top: 42px;}

.mt45{ margin-top: 45px;}

.mt50{ margin-top: 50px;}

.mt56{ margin-top: 56px;}

.mt60{ margin-top: 60px;}

.mt68{ margin-top: 68px;}

.mt87 { margin-top: 87px;}

.ml5{ margin-left: 5px;}

.ml10{ margin-left: 10px;}

.ml20{ margin-left: 20px;}

.ml50{ margin-left: 50px;}

.mr8 { margin-right: 8px }

.mr10{ margin-right: 10px }

.mr11{ margin-right: 11px }

.mr16{ margin-right: 16px }

.mr20{ margin-right: 20px }

.mr30{ margin-right: 30px }

.mr45{ margin-right: 45px }

.mr48{ margin-right: 48px }

.mr50{ margin-right: 50px }

.mr62{ margin-right: 62px }

.mb8{ margin-bottom: 8px;}

.mb10{ margin-bottom: 10px;}

.mb12{ margin-bottom: 12px;}

.mb16{ margin-bottom: 16px;}

.mb20{ margin-bottom: 20px;}

.mb22{ margin-bottom: 22px;}

.mb28{ margin-bottom: 28px;}

.mb30{ margin-bottom: 30px;}

.mb35{ margin-bottom: 35px;}

.mb36 { margin-bottom: 36px;}

.mb40 { margin-bottom: 40px; }

.mb45 { margin-bottom: 45px; }

.mb50 { margin-bottom: 50px;}

.mb54 { margin-bottom: 54px;}

.mb55 { margin-bottom: 55px;}

.mb59 { margin-bottom: 59px;}

.mb60 { margin-bottom: 60px;}

.mb65 { margin-bottom: 65px;}

.mb70 { margin-bottom: 70px;}

.mb80 { margin-bottom: 80px;}

.mb84 { margin-bottom: 84px;}

.mb95 { margin-bottom: 95px;}

.mb120{ margin-bottom: 120px;}

.mb150{ margin-bottom: 150px;}

.mg60 { margin:60px 0; }





.padding_top5 { padding-top:5px;  }

.padding_top10 { padding-top:10px;  }

.padding_top20 {padding-top:20px;}

.padding_top25 {padding-top:25px;}

.padding_top34 {padding-top:34px;}

.padding_top44 {padding-top:44px;}

.padding_top72 {padding-top:72px;}

.padding_btm300 { padding-bottom:300px; }


/******* 状态 ******/

.fl{ float: left;}

.fr{ float: right;}

.pr{ position: relative;}

.pa{ position: absolute;}

.none { display:none; }

.hidden{ overflow:hidden }

.vertical_middle{ display:inline-block; *zoom:1; *display:inline;vertical-align:middle;}

.vertical_top { display:inline-block; *display:inline; zoom:1; vertical-align: top; }

.text_left { text-align:left; }

.text_center { text-align: center;}

.text_right{ text-align: right;}



/******    样式   *******/

.opacity_0 { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; -webkit-opacity: 0; -o-opacity: 0; -khtml-opacity: 0; }

.opacity_6 { opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.6; -webkit-opacity: 0.6; -o-opacity: 0.6; -khtml-opacity: 0.6; }

.opacity_7 { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; -webkit-opacity: 0.7; -o-opacity: 0.7; -khtml-opacity: 0.7; }

.place_000::-webkit-input-placeholder{ color:#000; }

.place_000::-moz-placeholder  { color:#000;	}

.place_000:-moz-placeholder { color:#000; }

.place_000:-ms-placeholder { color:#000; }



.place_444::-webkit-input-placeholder{ color:#444; }

.place_444::-moz-placeholder  { color:#444;	}

.place_444:-moz-placeholder { color:#444; }

.place_444:-ms-placeholder { color:#444; }



.place_737373::-webkit-input-placeholder{ color:#737373; }

.place_737373::-moz-placeholder  { color:#737373;	}

.place_737373:-moz-placeholder { color:#737373; }

.place_737373:-ms-placeholder { color:#737373; }



.place_999::-webkit-input-placeholder{ color:#999; }

.place_999::-moz-placeholder  { color:#999;	}

.place_999:-moz-placeholder { color:#999; }

.place_999:-ms-placeholder { color:#999; }



.place_fff::-webkit-input-placeholder{ color:#fff; }

.place_fff::-moz-placeholder  { color:#fff;	}

.place_fff:-moz-placeholder { color:#fff; }

.place_fff:-ms-placeholder { color:#fff; }



.radius3 {

	border-radius: 3px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	-khtml-border-radius: 3px;

	-ms-border-radius: 3px;

	-o-border-radius: 3px;

}

.radius6 {

	border-radius: 6px;

	-moz-border-radius: 6px;

	-webkit-border-radius: 6px;

	-khtml-border-radius: 6px;

	-ms-border-radius: 6px;

	-o-border-radius: 6px;

}



.radius10 {

	border-radius: 10px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	-khtml-border-radius: 10px;

	-ms-border-radius: 10px;

	-o-border-radius: 10px;

}





.radius30 {

	border-radius: 30px;

	-moz-border-radius: 30px;

	-webkit-border-radius: 30px;

	-khtml-border-radius: 30px;

	-ms-border-radius: 30px;

	-o-border-radius: 30px;

}



.radius50 {

	border-radius: 50%;

	-moz-border-radius: 50%;

	-webkit-border-radius: 50%;

	-khtml-border-radius: 50%;

	-ms-border-radius: 50%;

	-o-border-radius: 50%;

	

}

/*网页大小*/
.wrap{ width: 1200px; margin: 0 auto;position:relative;}
.hide{display:none;}

/*字体大小*/
.f14{ font-size: 14px;}
.f16{ font-size: 16px;}
.f18{ font-size: 18px;}
.f20{ font-size: 20px;}
.f24{ font-size: 24px;}

/*主要颜色*/
.color-zhu{
	color:#356dfe;
}
.color-333333{
	color:#333333;
}
.color-666666{
	color:#666666;
}
.color-ffffff{
	color:#ffffff;
	background:#f00;
	padding:3px;
}

/*flex 布局*/
.flex{
	display:flex;
	align-items:center;
}
.flex-center{
	align-items:center;
}
.flex-column{
	display:flex;
	flex-direction:column;
}
.flex-between{
	justify-content:space-between;
}
.flex-around{
	justify-content:space-around;
}
.flex-auto{
	flex:1  1 auto;
}


/*头部*/
.header{
    padding-top:20px;
}
.header .saerch{
    width:430px;
    height:45px;
    background:#f5f5f5;
}
.header .saerch .img{
    width:45px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.header .saerch input{
    flex:1 1 auto;
    height:45px;
    outline:none;
    border:none;
    padding:0 10px;
    margin:0;
    background:#f5f5f5;
}
.header .saerch .btn{
    background:#366eff;
    width:85px;
    height:45px;
    color:#fff;
    text-align:center;
    line-height:45px;
}
.header .kefu span{
    margin-bottom:5px;
}
.header .kefu .sp1{
    border:1px solid #d6d6d6;
    padding:2px 6px;
    margin-bottom:5px;
}
/*菜单*/
.nav{
    padding-top:20px;
}
.nav .menu{
    display:flex;
    flex-direction:column;
    height:45px;
    margin-right:60px;
    justify-content:flex-end;
    position:relative;
}
.nav .menu a{
    font-size:18px;
    color:#333;
    font-weight:500;
}
.nav .menu .line{
    width:100%;
    height:5px;
    border-radius:5px;
    background:#fff;
    margin-top:8px;
}
.nav .menu.on a{
    color:#366eff;
}
.nav .menu.on .line{
    background:#366eff;
}
/*2级下拉*/
.nav .menu .xiala{
    border-top:1px solid #e1e1e1;
    position:absolute;
    left:0;
    top:45px;
    width:170px;
    background:#fff;
    z-index:9999999999;
}
.nav .menu .xiala ul{
    display:flex;
    flex-direction:column;
}
.nav .menu .xiala li{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:15px;
    /* background:#fff; */
    background: rgb(243, 243, 243);
    border-left:1px solid #e1e1e1;
    border-bottom:1px solid #e1e1e1;
    cursor:pointer;
    position:relative;
}
.nav .menu .xiala li.on{
    background:#f5f5f5;
    color:#366eff;
}
/*右边下拉*/
.nav .menu .rightxiala{
    position:absolute;
    top:-1px;
    left: 169px;
    width:260px;
    min-height: 360px;
    max-height: 540px;
    background:#fff;
    border:1px solid #e1e1e1;
    display:flex;
    flex-direction:column;
    overflow-y: auto;
}
.nav .menu .rightxiala.show{
    display:flex;
}
.nav .menu .rightxiala.hide{
    display:none;
}
/*
.nav .menu .rightxiala:nth-child(2){
    top:-49px;
}
.nav .menu .rightxiala:nth-child(3){
    top:-98px;
}
.nav .menu .rightxiala:nth-child(4){
    top:-147px;
}
.nav .menu .rightxiala:nth-child(5){
    top:-196px;
}
.nav .menu .rightxiala:nth-child(6){
    top:-245px;
}
.nav .menu .rightxiala:nth-child(7){
    top:-294px;
}
.nav .menu .rightxiala:nth-child(8){
    top:-343px;
}
.nav .menu .rightxiala:nth-child(9){
    top:-392px;
}
.nav .menu .rightxiala:nth-child(10){
    top:-441px;
}
*/
.nav .menu .rightitem{
    display:flex;
    flex-direction:column;
    padding:15px;
    border-bottom:1px solid #e1e1e1;
}
.nav .menu .rightitem .tit{
    color:#333;
}
.nav .menu .rightitem p{
    display:flex;
    align-items:center;
    padding-left:20px;
    justify-content:space-between;
    margin-top:20px;
}
.nav .menu .rightitem p span{
    font-size:12px;
    color:#666;
}
.nav .menu .rightitem p span:hover {
    color: #ff7701
}。
.nav .menu .rightitem p a{
    background:#f6f9ff;
    height:22px;
    border-radius:22px;
    padding:0 10px;
    color:#366eff;
    line-height:22px;
    font-size:12px;
}

/*底部*/
.footer{
    width:100%;
    background:#444444;
    padding:20px 0 40px 0;
}
.footer p{
    padding-top:20px;
}
.footer p span{
    padding:0 5px;
}