@font-face {
	font-family:'Stag';font-style:normal;font-weight:600;src:url("../fonts/stag-semibold.woff2") format("woff2"),url("../fonts/stag-semibold.woff") format("woff")
}

* {
	padding: 0;
	margin: 0
}

::-moz-selection {
	background: #D0343A;
	color: #fff
}

::selection {
	background: #D0343A;
	color: #fff
}

code::-moz-selection {
	background: #D0343A;
	color: #fff
}

code::selection {
	background: #D0343A;
	color: #fff
}

body {
	padding: 0;
	font-family: \5fae\8f6f\96c5\9ed1, STXihei, Tahoma;
	font-size: 14px;
	margin: 0 auto auto;
	color: #333;
	background-color: #fff;
	-webkit-overflow-scrolling: touch
}

img {
	border: none
}

a {
	color: #000;
	text-decoration: none
}

a:hover {
	color: #D0343A
}

ul {
	list-style: none
}

li {
	list-style-type: none
}

button,input,select {
	font: 14px Arial,Tahoma;
	vertical-align: middle
}

#browser_hint {
	display: none
}

.center {
	margin: 0 auto
}

.w960 {
	width: 1280px
}

.w100 {
	position: relative
}

.w100,.w100 img {
	width: 100%
}

.w5050 {
	width: 48%
}

.w210 {
	width: 90%;
	margin-bottom: 30px
}

.w75,.w80 {
	width: 80%
}

.w80 {
	padding: 20px 0;
	min-height: 500px;
	overflow: hidden
}

.mr8 {
	margin-right: 8px
}

.pright .infos_userinfo {
	margin-bottom: 0
}

.mt1 {
	margin-top: 8px
}

.mt2 {
	margin-top: 1pc
}

.clear {
	overflow: hidden
}

.fright {
	float: right
}

.fleft {
	float: left
}

.clr {
	clear: both;
	height: 1px
}

.ipt-txt {
	line-height: 15px;
	padding: 4px 5px
}

.ipt-txt,.nb {
	border-width: 1px;
	border-style: solid;
	border-color: #666 #bbb #bbb #666;
	margin-right: 2px
}

.nb {
	line-height: 20x;
	padding: 1px 2px
}

.coolbg {
	font-family: \5fae\8f6f\96c5\9ed1,STXihei,Tahoma;
	width: 200px;
	padding: 10px;
	height: 30px;
	border: none;
	line-height: 30px;
	overflow: hidden;
	color: #fff;
	margin: 30px auto;
	cursor: pointer;
	background-color: #c33;
	font-size: 1.2em;
	text-align: center;
	font-weight: 700
}

input[type=text] {
	height: 24px
}

select {
	height: 30px;
	line-height: 18px
}

.header {
	width: 100%;
	height: 130px;
	z-index: 999
}

.header_logo {
	width: 760px;
	height: 100%;
	float: left;
	background-image: url(../images/logo.png), none;
	background-repeat: no-repeat;
	background-position: 0 0
}

.header_logo a {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	white-space: nowrap;
	text-indent: -999px;
	overflow: hidden
}

.header .time {
	float: left;
	padding-left: 10px
}

.header .toplinks {
	width: 25%;
	float: right
}

.member {
	width: 300px;
	float: right;
	margin-top: 5px;
	text-align: right
}

.member a {
	padding-right: 4px;
	padding-left: 3px
}

.header .top {
	clear: both;
	overflow: hidden;
	height: 90px
}

.screen {
	display: none;
	position: absolute;
	top: 5px;
	right: 0
}

.screen,.screen a {
	height: 5pc;
	width: 50px;
}

.screen a {
	color: #000;
	line-height: 50px;
	text-align: center;
	z-index: 9999;
	font-size: 3.3em
}

a#screen0 {
	color: #fff;
	background-color: #D0343A
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

	.flashnews {
		margin-top: 0
	}
}

#menu_area {
	height: 40px;
	background-color: #D0343A
}

#menu {
	margin: 0 auto;
	width: 100%;
	max-width: 1280px;
	padding: 5px 0 0
}

#menu .menu {
	float: left;
	display: inline;
	background: url(../images/menusp.png) no-repeat left -3px;
	position: relative;
	width: 9%
}

#menu .menu#menu0 {
	background: none;
	width: 7%
}

#menu .menu a {
	float: left;
	display: block;
	color: #fff;
	height: 30px;
	text-align: center;
	line-height: 30px;
	width: 100%
}

#menu .hover a,#menu .menu a:hover {
	color: #fff;
}

#menu .menu ul {
	position: absolute;
	top: 30px;
	left: -20px;
	margin: 0;
	width: 160px;
	background-color: #D0343A;
	z-index: 9999;
	display: none;
	overflow: hidden
}

#menu .menu#menu42 {
	width: 11%
}

#menu #menu40 ul {
	left: -20px;
	width: 190px
}

#menu .menu ul li {
	float: left;
	width: 100%;
	padding: 0;
	margin: 5px 0
}

#menu .menu ul li a {
	width: 100%;
	display: block;
	text-align: center;
	color: #fff;
	padding: 0
}

#menu .menu ul li a:hover,#menu .menu ul li.hover a {
	color: #000;
	background-color: #e3e3e3
}

#menu #menu40 ul li a {
	padding: 0
}

.search form {
	float: right;
	margin: 20px 0 0;
	width: 180px;
	height: 26px;
	border: 1px solid #999;
	background-color: #fff;
	display: inline
}

.search #q {
	float: left;
	width: 150px;
	height: 26px;
	border: 0;
	line-height: 26px;
	padding-left: 2px;
	font-weight: 700
}

.search button {
	float: right;
	background-image: url(../images/search_btn.jpg);
	background-position: 0 0;
	height: 26px;
	width: 26px;
	border: none;
	text-indent: -99px;
	cursor: pointer;
	background-color: transparent;
	overflow: hidden
}

.white {
	background-color: #fff;
	box-shadow: 0 0 6px #ccc
}

.ad {
	width: 100%;
	height: 420px;
	z-index: 0;
	overflow: hidden
}

.topimage,.topimage2 {
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat;
	background-position: 48% 50%;
	position: relative
}

.topimage2 {
	margin: 0 auto  5px auto;
	height: auto;
	width: 100%;
	overflow: hidden
}

video,.topimage2 img {
	width: 100%
}

.hiden {
	display: none
}

.type_a {
	width: 100%;
	min-height: 29px;
	border-bottom: 3px solid #D0343A
}

.type_a dt,.type_a span {
	float: right;
	line-height: 24px;
	margin-top: 5px;
	display: inline
}

.type_a dt a,.type_a span a {
	color: #666;
	font-family: "宋体"
}

.type_a dt a:hover,.type_a span a:hover {
	color: #D0343A
}

.type_a dd {
	float: left;
	height: 29px;
	text-align: center;
	line-height: 29px;
	padding: 0 21px;
	background-color: #D0343A;
	cursor: pointer
}

.type_a  .hover  a {
	color: #ffffff;
	font-weight: 700;
}

.ma {
	min-height: 370px
}

.ma .ma_c,.ma .ma_l {
	float: left;
	width: 32%;
	padding: 0 3% 0 0
}

.ma .ma_r {
	float: left;
	width: 30%
}

.news {
	background: #fff;
	display: none
}

.news dl {
	height: 102px
}

.news dl dd,.news dl dt {
	float: left;
	width: 100%
}

.news dl dd a img {
	width: 98px;
	height: 98px;
	margin: 0 10px 0 0;
	border: 1px solid #fff
}

.news dl dt h3 {
	min-height: 30px;
	line-height: 20px;
	border-bottom: 1px dotted #c7c7c9;
	margin: 7px 0 5px
}

.news dl dt h3 a {
	color: #000
}

.news dl dd a:hover p,.news dl dt h3 a:hover {
	color: #D0343A
}

.news dl dd p {
	color: #666;
	line-height: 18px
}

.news ul {
	padding-top: 10px;
	clear: both
}

.news ul li {
	height: 26px;
	line-height: 26px;
	clear: both;
	overflow: hidden
}

.news ul li a {
	color: #333;
	height: 100%
}

.news ul li a:hover {
	color: #D0343A
}

.news ul li a span {
	display: inline-block;
	width: 14px;
	height: 14px;
	font-family: "宋体";
	text-align: center;
	line-height: 14px;
	color: #fff;
	background: #ccc
}

.news ul li a:hover span,.news ul li.on a span {
	color: #fff;
	background: #D0343A
}

.case {
	padding-bottom: 1pc;
	height: 700px;
	position: relative
}

.case,.case li {
	width: 100%;
	overflow: hidden
}

.case li {
	float: left;
	margin-bottom: 10px;
	height: 90px
}

.case li span {
	float: left;
	width: 25%;
	height: 5pc;
	color: #ccc;
	margin: 10px 0 0;
	font-size: 4.29em;
	font-family: Impact,Arial;
	text-align: LEFT;
	display: inline
}

.case li:hover a {
	color: #D0343A
}

.case li h4 {
	float: left;
	height: 25px;
	width: 75%;
	line-height: 25px;
	border-bottom: 1px dotted #c7c7c9;
	margin: 9pt 0 2px
}

.case li p {
	line-height: 1.3em;
	color: #666
}

.dir {
	height: 24px;
	width: 100%;
	position: absolute;
	right: 0;
	bottom: 0
}

.dir a {
	background-image: url(../images/arrow_black.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 20px;
	width: 20px;
	border: 1px solid #333;
	float: right;
	margin-left: 20px;
	display: block
}

.dir a.up {
	background-image: url(../images/arrow_black_up.gif)
}

.md {
	width: 338px;
	height: 110px;
	padding: 0 6px;
	margin-top: 9px
}

.md,.mf {
	overflow: hidden
}

.mf {
	padding: 0 0 20px
}

.mf ul {
	width: 100%;
	padding: 0
}

.mf ul li {
	height: 1.72em;
	line-height: 1.72em;
	border-bottom: 1px dotted #c7c7c9;
	padding: 3px 0;
	overflow: hidden
}

.mf ul li a {
	display: block;
	color: #333;
	white-space: nowrap
}

.mf ul li a:hover {
	color: #D0343A
}

.mf ul li a em {
	float: right;
	color: #999;
	padding-right: 9px
}

.mf ul li a span {
	display: inline-block;
	width: 16px;
	height: 16px;
	color: #fff;
	text-align: center;
	line-height: 16px;
	margin: 0 5px 0 0;
	background: #ccc
}

.mf ul li a:hover span {
	color: #fff;
	background: #D0343A
}

.e8,.e8 li {
	width: 100%
}

.e8 li {
	border-bottom: 1px solid #e4e4e4;
	height: auto;
	padding: 20px 0;
	float: left
}

.e8 li a:hover {
	color: #900
}

.e8 li .preview {
	width: 100%;
	height: auto;
	display: block;
	float: left;
}

.e8 li .preview img {
	width: 100%
}

.e8 li .tt {
	width: 100%;
	line-height: 25px;
	font-weight: 700;
	font-size: 1.2em;
	padding: 8px 0;
	float: left;
	color: #333;
	display: block
}

.e8 li p {
	color: #666;
	line-height: 1.43em
}

.e1 {
	width: 100%;
	clear: both;
	overflow: hidden;
	margin: 4% 0
}

.e1 li {
	width: 23%;
	min-height: 200px;
	float: left;
	line-height: 20px;
	text-align: center;
	margin: 0 2% 3% 0
}

.e1 li img {
	width: 100%
}

.e1 li span {
	display: block;
	padding: 1px;
	border: 1px solid #e7e7e7
}

.e1 li span {
	width: 98%;
	height: auto
}

.e2 li {
	border-bottom: 1px solid #e4e4e4;
	padding: 20px 0;
	float: left;
	width: 98%;
}

.e2 li a {
	color: #333;
	display: block
}

.e2 li a:hover {
	color: #900
}

.e2 li .preview {
	width: 20%;
	float: left;
	margin: 3px 2% 0 0;
	display: block
}

.e2 li .preview img {
	width: 100%
}

.e2 li .tt {
	width: 100%;
	width: 77%\9;
	width: 100%\9\0;
	display: block;
	line-height: 1.6em;
	font-weight: 700;
	font-size: 1.2em;
	text-align: left;
	_height: 30px;
	min-height: 20px;
	padding-bottom: 8px
}

.e2 span.info {
	line-height: 23px;
	color: #aaa
}

.e2 span.info small {
	color: #aaa;
	font-size: 0.8em;
	margin-left: 3px
}

.e2 span.info a {
	font-size: 0.8em;
	color: #690
}

.e2 p a {
	color: #06c
}

.e2 p.intro a:hover {
	color: #D0343A
}

.e2 p {
	color: #666;
	line-height: 1.43em
}

.index .e2 li .preview {
	width: 25%;
}

.e3 {
	min-height: 500px;
	_height: 500px
}

.e3 li {
	float: left;
	height: 40px;
	clear: both
}

.e3 li a {
	height: 40px;
	line-height: 2.85em;
	color: #056fe9;
	white-space: nowrap
}

.e3 li a:hover {
	color: #000;
	text-decoration: underline
}

.e4 {
	width: 100%;
	clear: both;
	overflow: hidden;
	margin: 3% 0 0 0;
}

.e4 li {
	width: 22%;
	min-height: 170px;
	float: left;
	text-align: center;
	margin: 0 1.5% 2% 1.5%;
	position: relative;
	box-shadow: 0 0 5px #c6c6c6;
}

.e4 li a,.e4 li img {
	width: 100%;
	height: 100%;
	display: block;
}

.e4 li span {
	color: #fff;
	line-height: 30px;
	text-align: center;
	width: 100%;
	height: 30px;
	position: absolute;
	bottom: 10px;
	left: 0;
	background: rgba(150,6,101,0.5)
}

.e4 li p {
	line-height: 1.7em;
	text-align: center;
	width: 100%;
	height: 6em;
}

.leftad {
	padding: 50px 0 0 10px
}

.d6 {
	padding-bottom: 6px;
	margin-top: 10px;
	margin-left: 10px
}

.d6 li {
	float: left;
	border-bottom: 1px solid #fff;
	width: 100%;
}

.d6 li a {
	width: 90%;
	height: 40px;
	line-height: 40px;
	display: block;
	overflow: hidden;
	background-color: #e8e8e8;
	color: #333;
	padding-left: 10%;
}

.d6 li a:hover {
	background-color: #d7d7d7;
	color: #D0343A
}

.d6 li.hover a {
	background-color: #D0343A;
	color: #fff
}

.d6 li .sub a {
	padding-left: 30px;
	font-weight: 400
}

.hint {
	background-color: #d7d7d7;
	height: 30px;
	width: 100%;
	float: left
}

.titlename {
	width: 300px;
	float: left
}

.titlename h3 {
	font-weight: 700;
	color: #000;
	clear: both;
	padding: 10px 0 0 5px
}

.places {
	float: right;
	height: 20px;
	color: #666;
	overflow: hidden;
    font-family: "瀹嬩綋";
	text-align: right;
	background-image: url(../images/home.png);
	background-repeat: no-repeat;
	padding: 8px 8px 8px 15px;
	background-position: 0 8px
}

.places a {
	color: #666;
	margin: 0 2px
}

.places a:hover {
	color: #D0343A
}

.pright {
	width: 24%;
	float: left
}

.pleft {
	width: 75%;
	float: right;
	margin-right: 0;
	min-height: 600px;
	_height: 600px
}

.dede_pages {
	width: 90%;
	clear: both;
	display: block;
	margin: 50px auto
}

.pagelist {
	width: auto;
	text-align: center
}

.dede_pages li {
	font-size: 1.2em;
	border: 1px solid #9d9d9d;
	margin: 1em 5px;
	height: 40px;
	display: inline-block;
	background-color: #ccc;
	float: none
}

.dede_pages li,.dede_pages li a {
	width: 40px;
	line-height: 40px;
	text-align: center
}

.dede_pages li a {
	color: #000;
	display: block
}

.dede_pages li a:hover,.dede_pages li.thisclass,.dede_pages li.thisclass a,.dede_pages li.thislink {
	color: #fff;
	background-color: #000
}

.pagelist .pageinfo {
	line-height: 40px;
	text-align: center;
	clear: both;
	width: 100%;
	display: block;
	height: 2em;
	padding: 1em 0 3em
}

.dede_pages li b {
	font-family: "宋体"
}

.articlelist .listbox {
	width: 100%;
	float: left;
	clear: both;
	overflow: hidden;
	margin-top: 20px
}

.listbox h1 {
	text-align: left;
}

.viewbox {
	height: auto;
	position: relative
}

h1 {
	font-size: 2.1em;
	color: #000;
	min-height: 40px;
	line-height: 1.2em;
	overflow: hidden;
	text-align: center
}

h1,h2 {
	padding: 20px 0 10px
}

h2 {
	font-size: 2em;
	line-height: 1.2em;
	font-weight: 400
}

.viewbox .info {
    width: 98%;
    border-top: 3px solid #999;
	height: 50px;
	line-height: 30px;
	text-align: center;
	overflow: hidden;
	color: #999
}

.viewbox .info small {
	margin-left: 8px;
	margin-right: 3px;
	color: #999;
}

.viewbox .info a {
	color: #690
}

.viewbox .intro {
	width: 95%;
	line-height: 24px;
	color: #706a6a;
	background-color: #ecfbff;
	border: 1px solid #ccc;
	margin: 30px auto;
	padding: 8px 1pc
}

.viewbox .infolist {
	color: #999;
	width: 23pc;
	float: left
}

.viewbox .infolist small {
	width: 75pt;
	text-align: right;
	display: block;
	float: left;
	line-height: 31px;
	clear: left;
	height: 31px;
	overflow: hidden
}

.viewbox .infolist span {
	color: #ccc;
	width: 200px;
	line-height: 30px;
	float: left;
	height: 31px;
	overflow: hidden
}

.content {
	font-size: 1.143em;
	line-height: 1.8em;
	padding: 30px 0
}

.pleft .content {
	padding: 30px 20px 30px 0;
}

.content p {
	margin-bottom: 8px
}

.content img {
	margin-bottom: 10px;
	width: expression(this.width>750?"750px":this.width);
	max-width: 100%;
	height: auto
}

.content a {
	color: #900
}

.content a.coolbg {
	color: #fff
}

.content td {
	background-color: #fff;
	padding: 5px;
	position: relative
}

.content h2,.content h3 {
	margin-top: 20px;
}

.flex ul {
	display: flex;
	width: 100%;
	justify-content: space-around;
	flex-flow: wrap;
}

.flex ul li {
	width: 380px;
	height: 620px;
	margin: 20px 0;
}

.flex ul li img {
	width: 100%;
}

.togList {
	width: 100%
}

.togList div {
	min-height: 50px;
	width: 99%;
	background-color: #e7e7e7;
	float: left;
	margin-top: 5px;
	border: 1px solid #c9c9c9
}

.togList ul {
	display: none;
	padding-right: 5%;
	padding-left: 5%
}

.togList h3 {
	width: 96%;
	border-bottom: 1px solid #e7e7e7;
	margin: 0 auto;
	padding: 15px 0;
	cursor: pointer;
	line-height: 1em;
	background-image: url(../images/arrow_black.gif);
	background-repeat: no-repeat;
	background-position: 8px center;
	text-indent: 30px
}

.togList .black {
	color: #fff;
	background-color: #333
}

.togList .black a {
	color: #09f
}

.togList .black h3 {
	background-image: url(../images/arrow_white_up.png);
	background-repeat: no-repeat;
	background-position: 8px center
}

.tool {
	display: flex;
	justify-content: space-around;
	flex-flow: wrap;
	margin: 10px auto;
	height: 5pc;
	background-color: #fff
}

.tool a {
	height: 40px;
	width: 9em;
	line-height: 40px;
	text-align: center;
	display: block;
	background-color: #ebebeb;
	border: 1px solid #ccc;
	margin: 20px 0;
	_margin: 20px 10px
}

.tool a:hover {
	color: #fff;
	background-color: #D0343A
}

.e5 {
	width: 94%;
	clear: both;
	padding: 50px 0;
	margin: 0 auto;
}

.e5,.e5 li {
	overflow: hidden
}

.e5 li {
	width: 14%;
	height: 200px;
	float: left;
	line-height: 20px;
	text-align: center;
	display: block;
	margin: 0 1.3% 20px 1.3%
}

.e5 li span {
	display: block;
	float: left;
	width: 100%;
	height: 120px;
	border: 1px solid #e7e7e7;
	position: relative;
	box-sizing: border-box;
	background-position: center -5px;
	background-repeat: no-repeat;
	background-size: auto 110%;
}

#submenu {
	clear: both;
	min-height: 50px;
	padding: 0;
	background-color: #fff;
	width: 100%
}

#submenu a {
	line-height: 40px;
	text-align: center;
	float: left;
	height: 40px;
	width: 75pt;
	margin: 5px;
	border: 1px solid #dfdfdf;
	background-color: #e6e6e6
}

#submenu a.hover,#submenu a:hover {
	color: #fff;
	background-color: #900
}

.fixed_menu {
	position: fixed;
	_position: absolute;
	top: 0
}

.index .title {
	z-index: 999;
	position: absolute;
	left: 0;
	top: 15%;
	background-image: url(../images/team-gb-horizontal-oup-white.png);
	background-position: center 0;
	background-repeat: no-repeat;
	height: 85%;
	width: 100%;
}

.index .title a {
	display: block;
	background-color: #fff;
	color: #1b365d;
}

.index .title h1 {
	color: #fff;
	font-size: 5em;
	line-height: 1.1em;
	min-height: 1em;
	font-family: "Stag","trebuchet",serif;
	font-weight: 600;
	text-align: center;
	width: 100%;
	padding: 280px 0 0 0;
	display: block;
	text-shadow: 2px 2px 0 #333;
}

.index .title h1 b {
	display: inline-block;
	font-weight: normal;
	display: inline-block;
	background-color: #D0343A;
	padding: 0 15px;
}

.index .title h2,.index .title h3 {
	font-size: 2.1em;
	padding: 1em 0 0;
	line-height: 1em;
	width: 100%;
	display: block;
	color: #fff;
	text-align: center;
	text-shadow: 2px 2px 0 #000;
}

.youlike {
	width: 20%;
	margin: 2em auto 0 auto;
	font-size: 1.8em;
	text-align: center;
	position: relative;
	background-color: #FFFFFF;
	white-space: nowrap;
	display: block;
	z-index: 1000;
}

.youlike:before,.youlike:after {
	content: "";
	border-bottom: 1px solid #CCCCCC;
	display: block;
	width: 180%;
	height: 1px;
	position: absolute;
	top: 0.7em;
	left: -160%;
	z-index: 10;
}

.youlike:after {
	right: -160%;
	left: auto;
}

.footer {
	width: 100%;
	min-height: 250px;
	margin-top: 10px;
	background-color: #000
}

.footer,.footer a {
	color: #ccc
}

.footer_body {
	width: 80%;
	max-width: 1280px;
	margin: 0 auto
}

.footer .link {
	display: block;
	max-width: 660px;
	margin: 30px auto;
}

.footer .add {
	width: 100%;
	font-size: 12px;
	display: flex;
	justify-content: space-between;
}

.footer .add a {
	text-align: center;
	width: 18%;
	white-space: nowrap;
	overflow: hidden;
}

.footer .add a img {
	opacity: .5;
	width: 100%;
}

.footer .add a:hover img {
	opacity: 1;
}

.copyright {
	width: 100%;
	line-height: 1.2em;
    clear: both;
	padding-top: 15px;
	text-align: center;
}
.friendlink  {
    background-color: #000;
    color:#ccc;
    padding-bottom: 15px;
}
.copyright a{
    color:#ccc;font-size:12px;
}
#followDiv1 {
	Z-INDEX: 1000;
	POSITION: fixed;
	width: 5pc;
	height: 150px;
	text-align: center;
	top: 200px;
	right: 0;
	background-color: #eaeaea;
	border: 1px solid #958c9f;
	padding-top: 8px;
	color: #000
}

#followDiv1 img {
	margin-bottom: 3px;
	margin-top: 3px
}

.sp-title {
	height: 60px
}

.form-textarea,.intxt {
	font-family: \5fae\8f6f\96c5\9ed1,STXihei,Tahoma;
	border: 1px solid #999;
	padding: 4px;
	width: 90%;
	margin-bottom: 9px
}

.form-textarea {
	height: 75pt
}

input.error {
	border: 1px solid red
}

label.error {
	color: red;
	position: absolute;
	top: 10px;
	right: 12%
}

.blk {
	background-color: #fff;
	border: 4px solid #7f7f7a;
	margin-right: auto;
	margin-left: auto;
	_height: 500px;
	min-height: 530px;
	min-width: 500px;
	position: relative
}

.blk h3 {
	font: 30px \5fae\8f6f\96c5\9ed1,Microsoft JhengHei,STXihei;
	line-height: 50px;
	padding: 40px 0 20px 20px
}

.blk .close {
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 10px
}

.blk p {
	line-height: 28px;
	width: 100%;
	padding-top: 10px
}

#gobot,#gotop {
	background-image: url(../images/btt.png);
	POSITION: fixed;
	height: 50px;
	width: 50px;
	bottom: 101px;
	right: 0px;
	background-color: #7f7f7a;
	display: block;
	cursor: pointer
}

#gobot,#gotop {
	background-repeat: no-repeat
}

#gobot {
	background-image: url(../images/btb.png);
	bottom: 50px
}

#gotop {
	background-position: center -55px
}

#gotop:hover {
	background-color: #262623
}

#gobot,#gotop:hover {
	background-position: center 15px
}

#gobot:hover {
	background-color: #262623;
	background-position: center -55px
}

@media all and (max-width:1280px) {

	body {
		font-size: 12px;
	}

	.w960 {
		width: 100%;
	}

	.footer_body {
		width: 90%;
	}
}

@media all and (max-width:1024px) {

	#followDiv1 {
		display: none
	}

	.header .toplinks {
		width: 45%;
	}

	.ma .ma_c,.ma .ma_l,.ma .ma_r {
		height: auto;
		padding: 20px 1% 0 1%;
		width: 48%
	}

	.footer_body {
		width: 100%
	}

	.title h2,.title h3 {
		font-size: 1.4em;
	}
}

@media all and (max-width:960px) {

	.footer .line {
		display: none
	}

	#menu,.e2 li a,.mf ul,.w210 {
		width: 100%
	}

	.pleft,.pright {
		width: 96%;
		margin: 0 2%;
		float: left;
	}

	.header,.ma,.mf {
		height: auto
	}

	.d6 {
		width: 100%;
		margin-left: 0
	}

	.d6 li a {
		height: 50px;
		line-height: 50px
	}

	.viewbox h1 {
		font-size: 2em;
		height: auto;
		line-height: 1.5em;
		overflow: visible
	}

	.index	.title h1 {
		font-size: 3.3em;
	}

	.w75 {
		width: 90%
	}

	.tool {
		height: auto;
	}

	.footer {
		height: auto
	}

	.footer .link {
		padding: 10px 0;
	}

	.footer .add {
		width: 98%;
	}
}

@media all and (max-width:750px) {

	.header .top {
		height: auto
	}

	.toplinks {
		display: none
	}

	.screen {
		display: block;
	}

	.w80 {
		width: 90%
	}

	.header_logo {
	margin-top: 15px;
    width: 90%;
    height: 50px;
		background-size: contain
	}

	.footer_body,.ma .ma_c,.ma .ma_l,.ma .ma_r,.news ul {
		width: 98%;
		padding-left: 1%
	}

	.ma .ma_c,.ma .ma_l {
		padding: 20px 0 0 1%
	}

	.type_a,.type_a dd {
		height: 40px
	}

	.type_a dd {
		line-height: 40px
	}

	.case dl dt {
		width: 20%
	}

	.case dl dd {
		width: 80%
	}

	.news dl dd {
		width: 100%
	}

	.footer .line,.news dl dt,.friendlink {
		display: none
	}

	.news ul li {
		padding-left: 10px
	}

	.mf ul li,.news ul li {
		height: 46px;
		line-height: 46px
	}

	.mf ul li {
		padding: 0
	}

	.ad {
		height: 200px
	}

	#gobot,#gotop {
		right: -900px
	}

	#menu_area {
		width: 100%;
		display: none;
		height: 825pt
	}

	#menu {
		width: 100%;
		padding: 0;
		overflow: hidden
	}

	#menu .menu {
		display: block;
		width: 100%;
		background: none;
		background-color: #D0343A;
	}

	#menu .menu a {
		float: left;
		padding: 10px 0;
		text-indent: 10px;
		text-align: left;
		white-space: nowrap;
		font-weight: 700;
	}

	#menu .menu ul {
		position: relative;
		top: 0;
		left: 0;
		float: left;
		width: 100%;
		background-color: #28a9bc;
		display: block
	}

	#menu .menu#menu42 {
		width: 100%
	}

	#menu #menu40 ul {
		left: 0;
		width: 100%
	}

	#menu .menu ul li {
		width: auto
	}

	#menu .menu ul li a {
		width: auto;
		font-weight: 400;
		background: none;
	}

	.e1 li {
		width: 48%;
		margin: 2% 1% 3% 0;
	}

	.e2 li .tt {
		width: 100%
	}

	.e2 li .preview {
		width: 25%
	}

	.e4 li {
		width: 46%;
		margin: 0 2% 2% 2%;
	}

	.tool a {
		width: 40%;
	}

	.w75 {
		width: 98%
	}

	.content {
		font-size: 16px;
	}

	.title h2,.title h3 {
		font-size: 3em;
		padding-top: 0.6em
	}

	.title h2 {
		font-size: 1.3em
	}

	.w100 img {
		margin: 0 auto;
		width: 150%
	}

	.e5 li {
		width: 22%;
	}

	.blk {
		border: 2px solid #7f7f7a;
		min-height: 50%;
		min-width: 50%;
	}
}

@media all and (max-width:580px) {
	.e5 li {
		width: 30%;
	}
}

@media all and (max-width:414px) {

	.index	.title h1 {
		font-size: 2.1em
	}

	.index .title h3 {
		font-size: 1.5em
	}

	.e5 {
		width: 100%;
		padding: 50px 0 40px 10px
	}

	.e5 li {
		margin-right: 4%;
		width: 44%;
	}
}