@charset "utf-8";
/* #HTML STYLE RESET --- Powered by www.feihuang.net */

body, form,table,input,textarea,blockquote,label, object, iframe, html, .nomp *,.nomp{ padding:0px; margin:0px;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block; }
audio,canvas,video,progress{display:inline-block;}

html,body{font-size:12px;font-size: 125%;width: 100%; height: 100%;color:#444; }
body,td {font-family: "Lantinghei SC", "Open Sans", Monaco, Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun;  -webkit-font-smoothing: antialiased; word-break: normal;}
b,strong{font-weight:bold;}
i,em{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
table th,table td{border:1px solid #ddd;padding:5px;}
table th{font-weight:inherit;border-bottom-width:2px;border-bottom-color:#ccc;}
img{border:0 none;width:auto\9;max-width:100%;vertical-align:top; height:auto;}

button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;vertical-align:baseline;}
input{vertical-align: middle;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],input[disabled]{cursor:default;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
input:focus{outline:none;}
input::-webkit-input-speech-button {display: none}
select[size],select[multiple],select[size][multiple]{border:1px solid #AAA;padding:0;}
button,input,textarea{-webkit-tap-highlight-color: rgba(0,0,0,0);}

a{ color:#333; text-decoration:none; outline:none;}
a:hover{color:#000; text-decoration:underline;}
.container img { max-width: 100%; }
.nomp li{ list-style-type:none}
.inline li{display: inline}
.i-block{display:inline-block;}

.circle{border-radius: 50%;}

.nowrap{ white-space:nowrap; }
.slh, .slh a, ol.ellipsis li, li.ellipsis{text-overflow:ellipsis;white-space: nowrap;overflow:hidden;display: block}
.fz-14 { font-size: 14px !important }
.fz-16 { font-size: 16px !important }
.fz-18 { font-size: 18px !important }
.fz-20 { font-size: 20px !important }
.fz-22 { font-size: 22px !important }
.fz-24 { font-size: 24px !important }
.lh-12 { line-height: 1.2 !important }
.lh-14 { line-height: 1.4 !important }
.lh-16 { line-height: 1.6 !important }
.lh-18 { line-height: 1.8 !important }
.lh-20 { line-height: 2.0 !important }

.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 }
.center-block { display: block; margin-left: auto; margin-right: auto }
.pull-right,.right-more { float: right !important }
.pull-left, .left-text { float: left !important }
.invisible { visibility: hidden }
.hidden { display: none !important }
.left{ float:left}
.right{ float:right}
.hide,.none{ display:none}
.affix, .fixed { position: fixed }

.t-l{ text-align: left}
.t-r{ text-align: right}
.t-c{ text-align: center}
.text-left{ text-align: left !important}
.text-center{ text-align: center !important}
.text-right{ text-align: right !important}

.red { color:#FF3300}
.blue{ color:#0066CC}
.gray{ color:gray}
.green{ color:green}

.transition{transition: all .2s ease-out;}
.zoom{overflow: hidden;}
.zoom img{width: 100%;height: auto; transition: all .5s ease-out;}
.zoom img:hover{transform: matrix(1.1,0,0,1.1,0,0);}
.bgimg, .img2bg{background-repeat: no-repeat;background-attachment: scroll;background-position: center;-webkit-background-size: cover;background-size: cover;}
.bgfixed{background-repeat: no-repeat;background-attachment: fixed;background-position: center;-webkit-background-size: cover;background-size: cover;}
.img2bg{display:block;height:0;padding-top: 60%;position: relative;transition: all .5s ease-out;border-radius: 3px}
.img2bg:hover{transition:0.5s;transform: matrix(1.1,0,0,1.1,0,0);}
.img2bg:hover .txt{display:none;}
.img2bg img{margin-top: -66.6666%;}
.img2bg .txt{position: absolute;bottom:0;width:100%;display: block;background-color:rgba(0,0,0,0.4);height:25px;line-height:25px;color:#FFF;font-size: 14px;font-weight: 500;}

.mob-show{display: none !important;}
.vertical-show{display:none;}
.vertical-none{display:block;}

@media only screen and (max-width:480px) {
    .vertical-show{display:block;}
    .vertical-none{display:none;}
}
@media only screen and (max-width:767px) {
	.left,.right{ float:none}
	.mob-show{display: block !important;}
	.mob-hide{display: none !important;}
    .mob-one{text-align: center;padding: 15px 0;display: block}
}


/*totop*/
#totop{width: auto;height: 0px;display:none; position:fixed;bottom:100px; cursor:pointer;z-index:99999;display:none;right:10px;border-radius: 5px;}
#totop a{display:block;width:40px;height:39px;text-align:center;color:#fff;line-height: 36px;font-size: 20px;transition: all .3s ease-out;background: rgba(0,0,0,0.5);margin-top: 1px;}
#totop a:hover{background: rgba(0,0,0,0.3);}

#browser-modal {
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	text-align: center;
	color: rgb(48, 50, 51);
	position: fixed;
	z-index: 9999;
}

#browser-modal .browser-modal-cover {
	position: fixed;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	background-color: rgb(17, 17, 17);
	opacity: 0.9;
	z-index: -1;
}

#browser-modal .browser-content {
	width: 700px;
	margin-top: 120px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 80px;
	padding-top: 50px;
	background-color: rgb(255, 255, 255);
	border-radius: 5px;
}

#browser-modal .browser-content .browser-dpc-logo img {
	height: 42px;
	margin: 45px auto 40px;
}

#browser-modal .browser-content .browser-text-title {
	text-transform: uppercase;
	font-size: 24px;
}

#browser-modal .browser-content .browser-text-desc {
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 14px;
}

#browser-modal .browser-content .browser-list {
	width: 600px;
	margin: 20px auto;
	height: 130px;
}

#browser-modal .browser-content .browser-item {
	float: left;
	width: 150px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

#browser-modal .browser-content .browser-item .iconfont {
	width: 100px;
	height: 100px;
	margin: 0px auto 10px;
	font-size: 80px;
	line-height: 80px;
}

#browser-modal .browser-content .browser-item .iconchrome {
	background: url("../img/bro.png") 0px 0px no-repeat;
}

#browser-modal .browser-content .browser-item .iconfirefox {
	background: url("../img/bro.png") 0px -100px no-repeat;
}

#browser-modal .browser-content .browser-item .iconopera {
	background: url("../img/bro.png") 0px -200px no-repeat;
}

#browser-modal .browser-content .browser-item .iconEdge {
	background: url("../img/bro.png") 0px -300px no-repeat;
}

#browser-modal .browser-content .browser-item a {
	cursor: pointer;
	display: block;
}

#browser-modal .browser-content .browser-item a img {
	display: block;
	margin: 0px auto;
	max-width: 100px;
	width: 100px;
	height: 100px;
}

#browser-modal .browser-content .browser-item a h4 {
	text-align: center;
	margin-top: 20px;
	font-size: 18px;
	font-weight: 700;
}