html,body {
			 	margin: 0px;
	         padding: 0px;
            height: 100%;
            width: 100%;
	
		 color: rgb(105, 104, 104); 
		 font-family: Microsoft YaHei;
		 font-size: 14px;
        }
        .container{
          display: flex;
          height: 99vh;
          flex-direction: column;
            overflow:hidden;

        }
        .head{
          width: 100%;
          background: #0FF;
        }
        .body1 {
          width: 100%;	
		  height:100%;
		 overflow: scroll;
         overflow-x: hidden;
        }
		
		.ContentFrame {
	width: 100%;
	height:1800px;
	frame-border: 0;
  
       }
  .bottom{
           position: fixed;
            left: 0px;
            bottom: 0px;
            width: 100%;
            height: 20px;
            background-color: #666;
            z-index: 9999;
	    	 overflow:hidden;


}     
      


dl {
	margin: 0px; padding: 0px;
}
dt {
	margin: 0px; padding: 0px;
}
dd {
	margin: 0px; padding: 0px;
}
ul {
	margin: 0px; padding: 0px;
}
ol {
	margin: 0px; padding: 0px;
}
li {
	margin: 0px; padding: 0px;
}
h1 {
	margin: 0px; padding: 0px;
}
h2 {
	margin: 0px; padding: 0px;
}
h3 {
	margin: 0px; padding: 0px;
}
h4 {
	margin: 0px; padding: 0px;
}
h5 {
	margin: 0px; padding: 0px;
}
h6 {
	margin: 0px; padding: 0px;
}
pre {
	margin: 0px; padding: 0px;
}
code {
	margin: 0px; padding: 0px;
}
form {
	margin: 0px; padding: 0px;
}
fieldset {
	margin: 0px; padding: 0px;
}
legend {
	margin: 0px; padding: 0px;
}
input {
	margin: 0px; padding: 0px;
}
button {
	margin: 0px; padding: 0px;
}
textarea {
	margin: 0px; padding: 0px;
}
p {
	margin: 0px; padding: 0px;
}
blockquote {
	margin: 0px; padding: 0px;
}
th {
	margin: 0px; padding: 0px;
}
td {
	margin: 0px; padding: 0px;
}


img {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
p {
	margin: 0px; line-height: 1.8em;
}
b {
	font-weight: bold;
}
strong {
	font-weight: bold;
}
table {
	border-collapse: collapse; border-spacing: 0;
}
li {
	list-style: none;
}
a {
	background: none; color: rgb(98, 98, 98); text-decoration: none;
}
a:hover {
	color: red;
}
a:focus {
	
}
a:active {
	
}
h1 {
	margin: 0px; font-size: 1.3em;
}
h2 {
	margin: 0px; font-size: 1.2em;
}
h3 {
	margin: 0px; font-size: 1.17em;
}
h4 {
	margin: 0px; font-size: 1em;
}
h5 {
	margin: 0px; font-size: 0.83em;
}
h6 {
	margin: 0px; font-size: 0.67em;
}
form {
	margin: 0px;
}
button {
	margin: 3px; font-size: 100%; vertical-align: baseline;
}
input {
	margin: 3px; font-size: 100%; vertical-align: baseline;
}
select {
	margin: 3px; font-size: 100%; vertical-align: baseline;
}
textarea {
	margin: 3px; font-size: 100%; vertical-align: baseline;
}
button {
	text-transform: none;
}
select {
	text-transform: none;
}
input {
	padding: 2px; border: 1px solid rgb(204, 204, 204); border-image: none; width: 99%; line-height: normal; background-color: rgb(255, 255, 255);
}
textarea {
	padding: 2px; width: 99%; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);
}
blockquote {
	margin: 1em 40px;
}
dfn {
	font-style: italic;
}
hr {
	height: 0px; box-sizing: content-box; -moz-box-sizing: content-box;
}
code {
	font-size: 1em;
}
kbd {
	font-size: 1em;
}
pre {
	font-size: 1em;
}
samp {
	font-size: 1em;
}
pre {
	margin: 1em 0px; white-space: pre-wrap; -ms-word-wrap: break-word;
}
small {
	font-size: 80%;
}
sub {
	line-height: 0; font-size: 75%; vertical-align: baseline; position: relative;
}
sup {
	line-height: 0; font-size: 75%; vertical-align: baseline; position: relative;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
dl {
	margin: 1em 0px;
}
dd {
	margin: 0px 0px 0px 40px;
}
.blue {
	color: rgb(0, 0, 255) !important;
}
.green {
	color: rgb(0, 255, 0) !important;
}
.red {
	color: rgb(255, 0, 0) !important;
}
.black {
	color: rgb(0, 0, 0) !important;
}
.white {
	color: rgb(255, 255, 255) !important;
}
.gray {
	color: gray;
}
.purple {
	color: purple;
}
.clear {
	line-height: 3px; overflow: hidden; clear: both; display: block;
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.btn {
	margin: 0px; padding: 0px 20px; border-radius: 3px; border: 1px solid rgb(212, 212, 212); border-image: none; height: 32px; text-align: center; color: rgb(102, 102, 102); line-height: 32px; text-indent: 0px; font-size: 14px; font-weight: 300; text-decoration: none; vertical-align: middle; display: inline-block; cursor: pointer; -ms-zoom: 1; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px;
}
.btn {
	color: rgb(255, 255, 255); background-color: rgb(66, 111, 164);
}
.btn:hover {
	color: rgb(255, 255, 255); background-color: rgb(45, 95, 154);
}
.btn:active {
	background: rgb(45, 95, 154); color: rgb(55, 79, 0);
}
.btn-large {
	padding: 0px 26px; height: 38.4px; line-height: 38.4px; font-size: 19px;
}
.btn-small {
	padding: 0px 16px; height: 25.6px; line-height: 25.6px; font-size: 12px;
}
.btn-tiny {
	padding: 0px 13px; height: 22.4px; line-height: 22.4px; font-size: 12px;
}
.btn-block {
	display: block;
}
.form_text {
	border-width: 1px; border-color: rgb(160, 160, 160) rgb(203, 217, 235) rgb(203, 217, 235) rgb(160, 160, 160); padding: 2px; height: 20px; color: rgb(0, 0, 0); line-height: 20px;
}
.form_text:hover {
	border-width: 1px; border-color: rgb(160, 160, 160) rgb(203, 217, 235) rgb(203, 217, 235) rgb(160, 160, 160); padding: 2px; height: 20px; color: rgb(0, 0, 0); line-height: 20px;
}
.form_text_verifycode {
	border-width: 1px; border-color: rgb(160, 160, 160) rgb(203, 217, 235) rgb(203, 217, 235) rgb(160, 160, 160); padding: 2px; height: 20px; color: rgb(0, 0, 0); line-height: 20px;
}
.form_text_verifycode:hover {
	border-width: 1px; border-color: rgb(160, 160, 160) rgb(203, 217, 235) rgb(203, 217, 235) rgb(160, 160, 160); padding: 2px; height: 20px; color: rgb(0, 0, 0); line-height: 20px;
}
.form_text {
	background-position: 0px 0px; width: 95%;
}
.form_text:hover {
	background-position: 0px -37px;
}
.form_text_verifycode {
	background-position: 0px 0px; width: 50px; margin-right: 3px;
}
.form_text_verifycode:hover {
	background-position: 0px -37px;
}
.form_radio {
	border: 0px currentColor; border-image: none; width: auto;
}
.form_checkbox {
	border: 0px currentColor; border-image: none; width: auto;
}
.form_select {
	height: 25px;
}
.form_textarea {
	border-width: 1px; border-color: rgb(160, 160, 160) rgb(203, 217, 235) rgb(203, 217, 235) rgb(160, 160, 160); padding: 2px; width: 95%; height: 80px;
}
.form_button {
	border: 0px currentColor; border-image: none; width: auto; vertical-align: middle;
}
.required {
	text-align: left; color: red; padding-left: 3px; font-weight: bold;
}
.hide {
	display: none;
}
.more {
	padding-right: 5px; float: right; display: none;
}
.code_image {
	padding-bottom: 6px; cursor: pointer;
}
.ChannelContent {
	line-height: 2em; font-size: 16px;
}
.ChannelSContent {
	line-height: 1.8em;
}
.ChannelSContent p {
	line-height: 1.8em;
}
.ChannelContent a {
	color: rgb(255, 157, 2);
}
.ChannelSContent {
	height: 200px; color: rgb(255, 255, 255); line-height: 25px; overflow: hidden; margin-bottom: 10px;
}
.ChannelSContent a {
	color: rgb(255, 157, 2);
}
.ChannelSContent img {
	max-width: 100%;
}
.InfoContent img {
	max-width: 100%;
}
.InfoTitle {
	padding: 5px 0px; width: 100%; text-align: center; font-weight: normal; vertical-align: middle;
}
.InfoTitle h1 {
	line-height: 1.5em; font-size: 28px; font-weight: normal;
}
.InfoTime {
	padding: 2px 0px; height: 25px; text-align: left; color: rgb(153, 153, 153);
}
.InfoContent {
	padding: 10px 0px; line-height: 2em; font-size: 16px;
}
.InfoContent p {
	padding: 10px 0px; line-height: 2em; font-size: 16px;
}
.InfoAttachment {
	margin: 0px auto; padding: 10px 0px; width: 81px; text-align: center;
}
.InfoPicture {
	text-align: center;
}
.InfoPicture img {
	width: 100%; max-width: 100%;
}
.info_from_wrap {
	padding: 0px 10px; border: 0px dashed rgb(204, 204, 204); border-image: none; text-align: center; color: rgb(153, 153, 153); line-height: 30px; margin-bottom: 5px;
}
.info_from_wrap a {
	color: rgb(153, 153, 153);
}
.info_from_wrap a:hover {
	color: rgb(85, 85, 85);
}
#ReadLevelTip {
	color: red; font-weight: bold;
}
.Tag {
	text-align: left; font-weight: bold;
}
.Tag a {
	padding: 0px 3px; font-weight: normal; text-decoration: none;
}
.info_previous_next_wrap {
	background: rgb(240, 240, 240); padding: 5px; border: 1px solid rgb(227, 227, 227); border-image: none; color: rgb(51, 51, 51); line-height: 1.8em;
}
.Next a {
	
}
.Previous a {
	
}
.left_title1 {
	line-height: 39px;
}
.left_title1 h2 {
	text-align: center; color: rgb(68, 68, 68); line-height: 50px; font-size: 30px; font-weight: bold;
}
.left_title1 p {
	margin: 0px auto; width: 950px; text-align: center; color: rgb(129, 129, 129); line-height: 40px; font-size: 15px;
}
.left_body1 {
	overflow: hidden; margin-top: 20px; border-top-color: currentColor; border-bottom-color: currentColor; border-top-width: 0px; border-bottom-width: 0px; border-top-style: none; border-bottom-style: none; -ms-zoom: 1;
}
.left_body1 .prev {
	background: url("../images/left.jpg") no-repeat; width: 92px; height: 32px; margin-top: 20px; margin-left: 420px; float: left; display: block; cursor: pointer;
}
.left_body1 .next {
	background: url("../images/right.jpg") no-repeat; width: 92px; height: 32px; margin-top: 20px; margin-right: 420px; float: right; display: block; cursor: pointer;
}
.left_body1 .prev:hover {
	background: url("../images/left1.jpg") no-repeat;
}
.left_body1 .next:hover {
	background: url("../images/right1.jpg") no-repeat;
}
.left_body1 .ChannelName {
	width: 580px; height: 344px; overflow: hidden; float: left;
}
.left_body1 .ChannelName a {
	display: block;
}
.left_body1 .ChannelName img {
	transition:1s ease-in-out; width: 580px; height: 344px;
}
.left_body1 .ChannelName a:hover img {
	transition:1s; transform: scale(1.2); -webkit-transform: all 1s ease 0s;
}
.left_body1 .ChannelName .ChannelUrl {
	color: rgb(51, 51, 51); line-height: 40px; font-size: 16px;
}
.left_body1 .ChannelName p {
	color: rgb(153, 153, 153); font-size: 14px;
}
.left_body1 .ChannelName .ChannelContent {
	line-height: 22px; font-size: 14px;
}
.left_body1 .ChannelName .ViewDetail {
	background: url("../images/more.png") no-repeat right rgb(238, 238, 238); line-height: 40px;
}
.left_title2 {
	line-height: 39px;
}
.left_title2 h2 {
	text-align: center; line-height: 50px; font-size: 30px; font-weight: bold;
}
.left_title2 h2 a {
	color: rgb(255, 255, 255);
}
.left_title2 p {
	margin: 0px auto; width: 950px; text-align: center; color: rgb(255, 255, 255); line-height: 40px; font-size: 15px;
}
.left_body2 {
	overflow: hidden; margin-top: 20px; border-top-color: currentColor; border-bottom-color: currentColor; border-top-width: 0px; border-bottom-width: 0px; border-top-style: none; border-bottom-style: none; -ms-zoom: 1;
}
.left_body2 .prev {
	background: url("../images/left.jpg") no-repeat; width: 92px; height: 32px; margin-top: 20px; margin-left: 420px; float: left; display: block; cursor: pointer;
}
.left_body2 .next {
	background: url("../images/right.jpg") no-repeat; width: 92px; height: 32px; margin-top: 20px; margin-right: 420px; float: right; display: block; cursor: pointer;
}
.left_body2 .prev:hover {
	background: url("../images/left1.jpg") no-repeat;
}
.left_body2 .next:hover {
	background: url("../images/right1.jpg") no-repeat;
}
.right_title {
	
}
.right_title h2 {
	padding: 15px 0px; text-align: center; color: rgb(1, 103, 58); font-size: 30px; font-weight: normal;
}
.right_body {
	padding: 5px 0px; overflow: hidden; border-top-color: currentColor; border-bottom-color: currentColor; border-top-width: 0px; border-bottom-width: 0px; border-top-style: none; border-bottom-style: none; -ms-zoom: 1;
}
.right_bottom {
	
}
.right_title1 {
	
}
.right_title1 h2 {
	padding: 15px 0px; text-align: center; color: rgb(1, 103, 58); font-size: 30px; font-weight: normal;
}
.right_body1 {
	padding: 5px 0px; overflow: hidden; border-top-color: currentColor; border-bottom-color: currentColor; border-top-width: 0px; border-bottom-width: 0px; border-top-style: none; border-bottom-style: none; -ms-zoom: 1;
}
.right_bottom1 {
	line-height: 5; overflow: hidden; font-size: 0px;
}
.right_title2 {
	height: 69px; line-height: 69px;
}
.right_title2 h2 {
	color: rgb(255, 255, 255); text-indent: 40px; font-size: 20px; font-weight: normal;
}
.right_body2 {
	padding: 5px; overflow: hidden; border-top-color: currentColor; border-bottom-color: currentColor; border-top-width: 0px; border-bottom-width: 0px; border-top-style: none; border-bottom-style: none; -ms-zoom: 1;
}
.right_bottom2 {
	height: 5px; line-height: 0; overflow: hidden; font-size: 0px; margin-bottom: 5px;
}

.body_index {

}
.body_article {
	
}
.body_download {
	
}
.body_picture {
	
}
.body_product {
	
}
.body_single {
	
}
.body_video {
	
}
.body_job {
	
}
.body_feedback {
	
}
.body_guestbook {
	
}
.index {
	margin: 5px auto; width: 1200px;
}
.single {
	margin: 5px auto; width: 1200px;
}
.article {
	margin: 5px auto; width: 1200px;
}
.picture {
	margin: 5px auto; width: 1200px;
}
.download {
	margin: 5px auto; width: 1200px;
}
.video {
	margin: 5px auto; width: 1200px;
}
.product {
	margin: 5px auto; width: 1200px;
}
.job {
	margin: 5px auto; width: 1200px;
}
.guestbook {
	margin: 5px auto; width: 1200px;
}
.feedback {
	margin: 5px auto; width: 1200px;
}

#top {
	margin: 0px auto; border: 0px dashed red; border-image: none; width: 1200px; overflow: hidden;
}
#logo {
	margin: 0px auto; border: 0px dashed red; border-image: none; width: 1200px; overflow: hidden;
}
#navigation {
	margin: 0px auto; border: 0px dashed red; border-image: none; width: 1200px; overflow: hidden;
}
#banner {
	margin: 0px auto; border: 0px dashed red; border-image: none; width: 1200px; overflow: hidden;
}
#announcement {
	margin: 0px auto; border: 0px dashed red; border-image: none; width: 1200px; overflow: hidden;
}
#link {
	margin: 0px auto; border: 0px dashed red; border-image: none; width: 1200px; overflow: hidden;
}
#copyright {
	margin: 0px auto; border: 0px dashed red; border-image: none; width: 1200px; overflow: hidden;
}
#floor_1 {
	margin: 0px auto; border: 0px dashed red; border-image: none; width: 1200px; overflow: hidden;
}
#floor_2 {
	margin: 0px auto; border: 0px dashed red; border-image: none; width: 1200px; overflow: hidden;
}
#floor_3 {
	margin: 0px auto; border: 0px dashed red; border-image: none; width: 1200px; overflow: hidden;
}
#floor_4 {
	margin: 0px auto; border: 0px dashed red; border-image: none; width: 1200px; overflow: hidden;
}
#floor_5 {
	margin: 0px auto; border: 0px dashed red; border-image: none; width: 1200px; overflow: hidden;
}
#floor_6 {
	margin: 0px auto; border: 0px dashed red; border-image: none; width: 1200px; overflow: hidden;
}
#floor_7 {
	margin: 0px auto; border: 0px dashed red; border-image: none; width: 1200px; overflow: hidden;
}
#floor_8 {
	margin: 0px auto; border: 0px dashed red; border-image: none; width: 1200px; overflow: hidden;
}
#floor_9 {
	margin: 0px auto; border: 0px dashed red; border-image: none; width: 1200px; overflow: hidden;
}
#floor_10 {
	margin: 0px auto; border: 0px dashed red; border-image: none; width: 1200px; overflow: hidden;
}
#floor_12 {
	margin: 0px auto; border: 0px dashed red; border-image: none; width: 1200px; overflow: hidden;
}
#floor_13 {
	margin: 0px auto; border: 0px dashed red; border-image: none; width: 1200px; overflow: hidden;
}
#floor_14 {
	margin: 0px auto; border: 0px dashed red; border-image: none; width: 1200px; overflow: hidden;
}
#left {
	width: 250px; float: left;
}
#right {
	width: 1200px; padding-left: 0px; border-left-color: rgb(229, 229, 229); border-left-width: 0px; border-left-style: solid; float: left;
}
#floor_1_main {
	
}
#floor_1 {
	padding: 20px 0px 30px; text-align: center; color: rgb(27, 27, 27); font-size: 30px;
}
#floor_2_main {
	background: rgb(238, 238, 238); padding: 20px 0px 30px;
}
#floor_2 {
	text-align: center;
}
#floor_2 img {
	width: 224px; height: 324px; display: block;
}
#floor_3_main {
	background: url("../images/floor_3_main.jpg") no-repeat;
	height: 50px;
}
#floor_3 {
	padding: 30px 0px; text-align: center; color: rgb(255, 255, 255); font-size: 30px;
}
#floor_4_main {
	background: rgb(248, 248, 248);
}
#floor_4 {
	padding: 20px 0px 30px;
}
#floor_5_main {
	background: rgb(238, 238, 238); padding-top: 30px; padding-bottom: 30px;
}
#floor_5 {
	
}
#floor_6_main {
	background: rgb(220, 220, 220); height: 34px; line-height: 34px; border-top-color: rgb(235, 235, 235); border-top-width: 10px; border-top-style: solid;
}
#floor_6 {
	text-align: center;
}
#floor_7_main {
	background: rgb(70, 70, 70); height: 265px;
}
#floor_7 {
	padding: 35px 0px 30px; overflow: hidden;
}
#floor_7_1 {
	width: 765px; overflow: hidden; float: left;
}
#floor_7_2 {
	width: 365px; overflow: hidden; padding-left: 45px; border-left-color: rgb(123, 142, 158); border-left-width: 1px; border-left-style: solid; float: left;
}
#floor_7_2 .contact_wrap {
	color: rgb(255, 255, 255);
}
#floor_7_2 .bdsharebuttonbox {
	padding-top: 40px;
}
#floor_7_2 .bdsharebuttonbox .LShare {
	margin: 6px 6px 6px 0px; height: 24px; color: rgb(255, 255, 255); line-height: 24px; font-size: 16px; display: block; cursor: pointer;
}
#floor_7_2 .WeChat img {
	padding: 20px 30px 0px 0px; width: 102px; float: left;
}
#floor_8_main {
	padding-bottom: 30px;
}
#floor_8 {
	
}
#floor_9_main {
	background: rgb(220, 220, 220); height: 34px; line-height: 34px; border-top-color: rgb(235, 235, 235); border-top-width: 10px; border-top-style: solid;
}
#floor_9 {
	text-align: center;
}
#floor_10_main {
	background: rgb(255, 255, 255);
}
#floor_10 {
	padding: 35px 0px; text-align: center; color: rgb(27, 27, 27); font-size: 30px;
}
#floor_11_main {
	background: rgb(235, 235, 235); height: 15px; margin-top: 10px;
}
#floor_12_main {
	padding-top: 30px; padding-bottom: 30px;
}
#floor_12 {
	
}
#floor_13_main {
	background: rgb(220, 220, 220); height: 34px; line-height: 34px; border-top-color: rgb(235, 235, 235); border-top-width: 10px; border-top-style: solid;
}
#floor_13 {
	text-align: center;
}
#floor_14_main {
	background: url("../images/floor_14_main.jpg"); height: 255px; overflow: hidden; margin-top: 10px;
}
#floor_14 {
	
}
#floor_14_1 {
	width: 810px; float: left;
}
#floor_14_2 {
	width: 350px; float: right;
}
.product .info_product_detail_wrap {
	line-height: 2.2em;
}
.product .info_product_detail_wrap b {
	color: rgb(98, 98, 98); font-weight: bold;
}
.product .info_product_detail_wrap table.detail_table {
	width: 100%;
}
.product .info_product_detail_wrap table.detail_table th {
	width: 200px;
}
.product .ProductDescription {
	height: 40px; line-height: 40px; padding-left: 35px; font-size: 16px; font-weight: bold; margin-top: 10px; display: none;
}
.product .info_product_detail_wrap img {
	width: 216px; height: 162px; text-align: left; margin-right: 10px; float: left;
}
.product .InfoTitle {
	padding: 10px 0px; text-align: left; font-size: 16px; font-weight: bold;
}
.product .f2 {
	padding: 5px 0px;
}
.product .f1 {
	padding: 5px 0px;
}
.product .InfoHit {
	padding: 5px 0px; color: rgb(153, 0, 0); font-weight: bold;
}
.product .InfoTime {
	padding: 5px 0px;
}
.job {
	
}
.joblist {
	
}
.joblist li {
	overflow: hidden;
}
table.job_table {
	margin: 8px 0px; padding: 0px; width: 100%; text-align: center; border-collapse: collapse;
}
table.job_table td {
	padding: 8px 5px; border: 1px solid rgb(218, 219, 214); border-image: none;
}
table.job_table .Requirement {
	padding: 8px 5px; text-align: left; line-height: 1.5em;
}
table.job_table th {
	border: 1px solid rgb(218, 219, 214); border-image: none; text-align: center; color: rgb(51, 51, 51); font-weight: bold;
}
table.job_table .t1 {
	padding: 5px 0px; width: 20%; font-weight: bold;
}
table.job_table .t2 {
	width: 25%; text-align: left;
}
table.job_table .t3 {
	width: 25%; font-weight: bold;
}
table.job_table .t4 {
	width: 25%; text-align: left;
}
table.job_table .operation {
	margin: 0px auto; text-align: center;
}
table.resume_table {
	margin: 3px; width: 97%; text-align: center; border-collapse: collapse;
}
table.resume_table th {
	width: 100px; text-align: left; font-weight: bold;
}
table.resume_table td {
	text-align: left;
}
table.resume_table .operation {
	text-align: center;
}
table.resume_table #Detail {
	height: 200px;
}
.guestbook {
	
}
.guestbooklist {
	
}
.guestbooklist li {
	padding: 10px; border: 1px solid rgb(204, 204, 204); border-image: none; margin-bottom: 10px;
}
.MessageTitle {
	color: rgb(34, 123, 173); line-height: 1.5em; font-weight: bold;
}
.MessageContent {
	padding: 5px; margin-bottom: 10px;
}
table.guestbook_table {
	width: 98%;
}
table.guestbook_table th {
	width: 100px; text-align: left;
}
table.guestbook_table td {
	text-align: left;
}
table.guestbook_table .operation {
	text-align: center;
}
.answer_wrap {
	padding: 5px; line-height: 1.5em; border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: dashed;
}
.answer_title {
	
}
.answer_body {
	
}
.Administrator {
	text-align: right;
}
.Reply {
	text-align: right;
}
.AnswerTime {
	color: rgb(153, 153, 153);
}
.message_title {
	height: 40px; color: rgb(66, 111, 164); line-height: 40px; padding-left: 35px; font-size: 16px; font-weight: bold;
}
.message_body {
	color: rgb(98, 98, 98); padding-right: 10px; padding-left: 10px;
}
.message_bottom {
	
}
.feedback {
	
}
table.feedback_table {
	margin: 0px auto; width: 99%; text-align: center;
}
table.feedback_table th {
	width: 100px; text-align: left; font-weight: bold;
}
table.feedback_table td {
	text-align: left;
}
table.feedback_table .operatio n {
	text-align: center;
}
#top_main {
	background: rgb(245, 245, 245); height: 27px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
#top {
	height: 27px; text-align: right; line-height: 27px;
}
#top_1 {
	text-align: left; float: left;
}
#top_2 {
	text-align: right; float: right;
}
#top .MobileEdition {
	color: red; font-weight: bold;
}
#top a {
	color: rgb(102, 102, 102);
}
#top a:hover {
	color: rgb(0, 0, 0); text-decoration: none;
}
#logo_main {
	border-top-color: rgb(255, 255, 255); border-top-width: 1px; border-top-style: solid; position: relative; z-index: 99;
background-color: #0FF;
}

#logo {
	overflow: hidden;
}
#logo .WebLogo {
	margin-top: 0px; float: left;
}
#logo .WebLogo img {
	height: 40px;
}
#logo .Language {
	padding: 10px; width: 500px; float: right;
}
#logo .Language .MobileEdition {
	color: red; font-weight: bold;
}
#logo .Member {
	width: 500px; height: 25px; text-align: right; line-height: 35px; font-weight: bold; float: right;
}
#logo .Member .MemberName {
	color: rgb(245, 203, 7);
}
#logo_main .Member .MemberGroupName {
	color: rgb(245, 203, 7);
}
#navigation_main {
	
}
#logo_main ul.navigationlist {
	float: right;
}
#logo_main ul.navigationlist li {
	text-align: center; float: left;
}
#logo_main ul.navigationlist li a {
	padding: 10px 5px; color: rgb(51, 51, 51); width:85px;font-size: 15px; font-weight: bold; display: block;
}
#logo_main ul.navigationlist li a:hover {
	background: rgb(45, 95, 154); color: rgb(255, 255, 255); text-decoration: none;
}
#logo_main ul.navigationlist .current {
	background: rgb(45, 95, 154); color: rgb(255, 255, 255);
}
#logo_main ul.subnavigationlist {
	margin-top: -2px; border-top-color: rgb(255, 255, 255); border-top-width: 2px; border-top-style: solid; display: none; position: absolute; z-index: 10000;
}
#logo_main ul.subnavigationlist li {
	padding: 0px; line-height: 30px; float: none; display: inline;
}
#logo_main ul.subnavigationlist li a {
	background: rgb(14, 111, 218); padding: 5px 20px; text-align: left; color: rgb(255, 255, 255); font-size: 15px; font-weight: normal; display: block; white-space: nowrap; opacity: 0.8;
}
#logo_main ul.subnavigationlist li a:hover {
	background: rgb(45, 95, 154); color: rgb(255, 255, 255);
}
#announcement {
	height: 25px; color: rgb(11, 59, 125); line-height: 25px; margin-top: 5px; background-color: rgb(240, 240, 240);
}
#announcement .announcement_title {
	background: url("../images/announcement_title.gif") no-repeat 8px; width: 150px; text-indent: 35px; font-weight: bold; float: left;
}
#announcement .announcement_body {
	width: 750px; float: left;
}
#announcement .announcement_bottom {
	width: 100px; float: right;
}
.announcementlist {
	
}
.announcementlist li {
	line-height: 25px;
}
#banner_main {
	border: 0px solid blue; border-image: none; position: relative;
}
#banner {
	border: 0px solid red; border-image: none; width: 100%; height: 550px; overflow: hidden;
}
.bannerlist {
	
}
.bannerlist li {
	border: 0px dashed red; border-image: none; text-align: center; overflow: hidden; display: block;
}
.bannerlist li img {
	width: 100%; height: 550px;
}
#banner_main .hd {
	border: 0px solid red; border-image: none; left: 0px; width: 100%; height: 5px; text-align: center; bottom: 35px; line-height: 5px; margin-top: 40px; position: relative;
}
#banner_main .hd ul li {
	background: url("../images/dot.png") no-repeat -11px 0px; width: 11px; height: 11px; overflow: hidden; font-size: 0px; margin-right: 15px; display: inline-block; cursor: pointer; -ms-zoom: 1;
}
#banner_main .hd ul li.on {
	background: url("../images/dot.png") no-repeat 0px 0px;
}
.location{
	padding-top: 10px;
	float:left;
	width:100%;
 
}

.subchannel_main {
left: 40px; top: 90px; width: 150px;height:300px; position: absolute;
  
	
}
.subchannel {
	margin: 0px auto;
	width:100%;
}
.subchannellist {
	padding:10px 10px;
	text-align: left;
	width:100%;
	float: center;
}
.subchannellist li {
	line-height: 36px; display: inline;
}
.subchannellist li a {
	background: rgb(255, 255, 255); padding: 5px 15px; font-size: 15px; font-weight: normal; margin-right: 10px;
}
.subchannellist li a:hover {
	color: rgb(0, 102, 204); text-decoration: none;
	
}
.subchannellist li a.active {
	background: rgb(128,128, 128);
}
.subchannellist .depth1 {
	font-size: 16px; font-weight: bold;
}
.subchannellist .depth2 {
	background: none; text-indent: 1.5em; font-size: 14px;
}
.subchannellist .depth2 a {
	border: currentColor; border-image: none;
}
.subchannellist .depth3 {
	text-indent: 3em; font-size: 14px;
}
.subchannellist .depth4 {
	text-indent: 4.5em; font-size: 14px;
}
.subchannellist .depth5 {
	text-indent: 6em; font-size: 14px;
}
.subchannellist .depth6 {
	padding: 0px 20px;
	font-size: 16px; font-weight: bold;cursor:pointer;
}

table.search_table {
	width: 99%; text-align: center;
}
table.search_table th {
	padding: 0px 3px; text-align: center; vertical-align: middle;
}
table.search_table td {
	padding: 0px 3px; width: 60px; vertical-align: middle;
}
.contact_wrap {
	line-height: 1.8em;
}
.contact_wrap b {
	font-weight: bold;
}
.contact_wrap .WebUrl {
	color: rgb(255, 0, 0);
}
.contact_wrap1 {
	background: url("../images/contact.png") no-repeat; width: 315px; height: 154px; color: rgb(255, 255, 255); line-height: 26px; overflow: hidden; padding-top: 20px; padding-left: 30px;
}
.contact_wrap1 b {
	font-weight: normal;
}
.contact_wrap1 .ico1 {
	background: url("../images/phone.gif") no-repeat 8px; padding: 5px 0px 5px 25px;
}
.contact_wrap1 .ico2 {
	background: url("../images/fax.gif") no-repeat left; padding: 5px 0px 5px 25px;
}
.contact_wrap1 .ico3 {
	background: url("../images/email.gif") no-repeat 1px; padding: 5px 0px 5px 25px;
}
.contact_wrap1 .ico4 {
	background: url("../images/address.gif") no-repeat left; padding: 5px 0px 5px 25px;
}
#Map {
	width: 100%; overflow: hidden;
}
#Map .MapInfo {
	padding: 8px; border: 1px dashed rgb(204, 204, 204); border-image: none; float: left;
}
#Map .MapInfo #MapContainer {
	width: 870px; height: 380px;
}
#Map .ContactInfo {
	width: 300px; line-height: 2.7em; float: right;
}
#Map .ContactInfo .Company {
	font-size: 24px; margin-bottom: 8px;
}
#Map .ContactInfo img {
	width: 18px; margin-right: 8px; vertical-align: middle;
}
.order {
	margin: 0px auto;
}
.order .WantOrder h1 {
	padding: 5px 0px; border-bottom-color: rgb(153, 153, 153); border-bottom-width: 1px; border-bottom-style: dotted;
}
.order .f1 {
	color: red; float: right;
}
table.order_table {
	width: 98%;
}
table.order_table th {
	width: 100px; text-align: left;
}
table.order_table td {
	text-align: left;
}
table.order_table .operation {
	text-align: center;
}
#link_main {
	background: url("../images/foot_2.jpg");
}
#link {
	padding: 0px;
}
.link_title {
	height: 69px; color: rgb(255, 255, 255); line-height: 69px;
}
.link_title h2 {
	color: rgb(255, 255, 255); text-indent: 40px; font-size: 20px; font-weight: normal;
}
.link_body {
	color: rgb(0, 0, 0); border-top-color: currentColor; border-bottom-color: currentColor; border-top-width: 0px; border-bottom-width: 0px; border-top-style: none; border-bottom-style: none;
}
.link_bottom {
	
}
.link_pic {
	overflow: auto; -ms-zoom: 1;
}
.link_pic ul li {
	padding: 1px 5px; width: 112px; text-align: center; float: left;
}
.link_pic img {
	padding: 2px; border: 1px solid rgb(204, 204, 204); border-image: none; width: 86px; height: 30px;
}
.link_pic ul li a:hover img {
	border: 1px solid rgb(108, 154, 204); border-image: none;
}
.link_text {
	padding: 8px 0px 0px; overflow: hidden; -ms-zoom: 1;
}
.link_text ul li {
	padding: 1px 15px; text-align: center; overflow: hidden; float: left; white-space: nowrap;
}
.link_text a {
	color: rgb(183, 183, 183); line-height: 22px;
}
.link_text a:hover {
	color: rgb(255, 255, 255); line-height: 22px;
}
.bottom_navigation {
	width: 840px; overflow: hidden; padding-left: 10px; float: left;
}
.bottom_navigation li {
	width: 140px; float: left;
}
.bottom_navigation li.n1 {
	margin-right: 0px;
}
.bottom_navigation li a {
	text-align: center; color: rgb(255, 255, 255); font-size: 18px; font-weight: bold; margin-bottom: 5px; display: block;
}
.bottom_navigation li a:hover {
	color: rgb(66, 111, 164);
}
.bottom_navigation .subnavigationlist1 li {
	padding: 0px; line-height: 38px; float: none; display: block;
}
.bottom_navigation .subnavigationlist1 li a {
	margin: 0px; padding: 0px; text-align: center; color: rgb(255, 255, 255); line-height: 30px; font-size: 13px; font-weight: normal; display: block;
}
.bottom_navigation .subnavigationlist1 li a:hover {
	color: rgb(66, 111, 164);
}
#copyright_main {
	background: rgb(64, 64, 64); color: rgb(84, 82, 82);
}
#copyright {
	text-align: center;
	color: rgb(255, 255, 255);
	line-height: 20px;
}
#copyright .bottom_navigation {
	padding: 5px 0px; text-align: center;
}
#copyright a {
	color: rgb(255, 255, 255); text-decoration: none;
}
#copyright a:hover {
	color: rgb(255, 255, 255); text-decoration: none;
}
#copyright .bottom_info {
	text-align: center; line-height: 20px; padding-top: 5px; padding-right: 10px;
}
#copyright .TechnicalSupport {
	margin: 0px; float: right;
}
#IPC_1 {
	margin-left: 10px;
}
.page {
	padding: 4px 0px 0px 1px; clear: both; float: right;
}
.page a {
	padding: 2px 5px; border: 1px solid rgb(211, 209, 209); border-image: none; line-height: 18px; margin-left: 4px; float: left; display: block;
}
.page span {
	padding: 2px 5px; border: 1px solid rgb(211, 209, 209); border-image: none; line-height: 18px; margin-left: 4px; float: left; display: 
}
.page a:link {
	text-decoration: none;
}
.page a:visited {
	text-decoration: none;
}
.page a:hover {
	background: rgb(45, 95, 154); color: rgb(255, 255, 255);
}
.page .current {
	background: rgb(45, 95, 154); color: rgb(255, 255, 255);
}
.page #total {
	color: rgb(45, 95, 154);
}
table.login_table {
	margin: 0px auto; width: 40%; text-align: center;
}
table.login_table th {
	width: 100px; text-align: left; font-weight: bold;
}
table.login_table td {
	text-align: left;
}
table.login_table .operation {
	text-align: center;
}
table.login_table .quick_login td {
	padding: 10px 0px; text-align: left;
}
table.login_table .quick_login td img {
	margin-right: 8px; float: left;
}
table.reg_table {
	margin: 0px auto; width: 40%; text-align: center;
}
table.reg_table th {
	width: 140px; text-align: left; font-weight: bold;
}
table.reg_table td {
	text-align: left;
}
table.reg_table .operation {
	text-align: center;
}
table.reg_table .MemberCode {
	width: 70px; text-align: left;
}
table.reg_table #SmsCode {
	width: 50px;
}
table.forget_table1 {
	margin: 0px auto; width: 40%; text-align: center;
}
table.forget_table1 th {
	width: 100px; text-align: left; font-weight: bold;
}
table.forget_table1 td {
	text-align: left;
}
table.forget_table1 .operation {
	text-align: center;
}
table.forget_table2 {
	margin: 0px auto; width: 40%; text-align: center;
}
table.forget_table2 th {
	width: 100px; text-align: left; font-weight: bold;
}
table.forget_table2 td {
	text-align: left;
}
table.forget_table2 .operation {
	text-align: center;
}
table.forget_table2 #SmsCode {
	width: 60px;
}
table.forget_table2 .PasswordQuestion {
	padding: 3px 0px;
}
table.forget_table2 .MemberMobile {
	padding: 3px 0px;
}
table.forget_table2 .FindPwdWay {
	padding: 3px 0px;
}
.maplist {
	
}
.maplist li {
	padding: 1px;
}
.maplist li a {
	background: rgb(209, 232, 252); padding: 0px 20px; border: 0px solid rgb(166, 204, 147); border-image: none; line-height: 25px; display: block;
}
.maplist li a:hover {
	background: rgb(255, 255, 255); text-decoration: none;
}
.maplist .depth1 {
	text-indent: 0px; font-weight: bold;
}
.maplist .depth2 {
	text-indent: 2em;
}
.maplist .depth3 {
	text-indent: 4em;
}
.maplist .depth4 {
	text-indent: 6em;
}
.maplist .depth5 {
	text-indent: 8em;
}
.maplist .depth6 {
	text-indent: 10em;
}
.textlist1 {
	
}
.textlist1 li {
	width: 582px; height: 82px; overflow: hidden; margin-top: 30px;
}
.textlist1 li.li0 {
	float: left;
}
.textlist1 li.li1 {
	float: right;
}
.textlist1 li .time {
	background: rgb(1, 93, 52); padding: 15px 12px; width: 48px; height: 52px; color: rgb(255, 255, 255); line-height: 25px; float: left;
}
.textlist1 li .time .month {
	width: 48px; text-align: center; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid; float: left;
}
.textlist1 li .time .year {
	width: 48px; text-align: center; font-size: 18px; float: left;
}
.textlist1 li .right_text {
	width: 510px; float: left;
}
.textlist1 li .right_text a {
	background: rgb(226, 226, 226); height: 30px; line-height: 30px; overflow: hidden; padding-left: 10px; display: block;
}
.textlist1 li .right_text p {
	background: rgb(234, 234, 234); padding: 10px 5px 10px 10px; height: 31px; line-height: 20px; overflow: hidden; margin-top: 1px;
}
.textlist2 {
	width: 600px; float: right;
}
.textlist2 li {
	background: rgb(255, 255, 255); margin-bottom: 10px;
}
.textlist2 li .InfoPicture {
	width: 120px; height: 108px; overflow: hidden; float: left;
}
.textlist2 li .InfoPicture img {
	transition:0.5s ease-in-out; width: 120px; height: 108px;
}
.textlist2 li .InfoPicture:hover img {
	transition:1s; transform: scale(1.2);
}
.textlist2 li .InfoTitle {
	padding: 0px 0px 0px 10px; width: 470px; text-align: left; float: right;
}
.textlist2 li .InfoTitle p {
	
}
.textlist2 li .InfoTitle a {
	color: rgb(51, 51, 51); padding-bottom: 10px; font-size: 18px; display: block;
}
.textlist2 li .InfoTitle a:hover {
	color: rgb(45, 95, 154);
}
.textlist2 li .InfoTime {
	padding-bottom: 5px;
}
.textlist3 {
	
}
.textlist3 li {
	background: rgb(238, 238, 238); padding: 10px 0px; width: 100%; line-height: 28px; text-indent: 8px; overflow: hidden; margin-bottom: 10px;
}
.textlist3 li:hover {
	background: rgb(45, 95, 154);
}
.textlist3 li:hover .InfoTitle a {
	color: rgb(255, 255, 255);
}
.textlist3 li:hover .InfoTitle p {
	color: rgb(255, 255, 255);
}
.textlist3 li:hover .InfoTitle .InfoTime {
	color: rgb(255, 255, 255);
}
.textlist3 li a {
	display: block;
}
.textlist3 li a img {
	width: 120px; display: block;
}
.textlist3 li .InfoPicture {
	margin-left: 10px; float: left;
}
.textlist3 li .InfoTitle {
	padding: 0px; width: 980px; text-align: left; margin-left: 10px; float: left;
}
.textlist3 li .InfoTitle a {
	color: rgb(51, 51, 51); font-size: 15px; font-weight: bold;
}
.textlist3 li .InfoTitle p {
	line-height: 20px; text-indent: 24px;
}
.textlist3 li .InfoTitle .InfoTime {
	padding-left: 8px;
}
.thumblist {
	
}
.thumblist li {
	width: 224px; margin-right: 19px; float: left;
}
.thumblist li.Info a {
	display: block; position: relative;
}
.thumblist li.Info .InfoTitle {
	background: url("../images/1px.png"); top: 290px; position: absolute;
}
.thumblist li.Info a:hover .InfoTitle {
	transition:0.5s; top: 0px; height: 100%; position: absolute;
}
.thumblist li.Info a:hover h2 {
	margin-top: calc(50% - 10px);
}
.thumblist li.Info .InfoTitle h2 {
	color: rgb(255, 255, 255); font-weight: normal;
}
.thumblist li.Info .InfoTitle p {
	padding: 0px 10px; color: rgb(255, 255, 255); margin-top: 10px;
}
.thumblist li.more {
	background: rgb(45, 95, 154); padding: 0px; height: 324px; margin-right: 0px; float: right; display: block;
}
.thumblist li.more a {
	height: 324px;
}
.thumblist li.more h2 {
	color: rgb(255, 255, 255); padding-top: 150px;
}
.thumblist li.more p {
	color: rgb(255, 255, 255);
}
.thumblist1 {
	margin-top: 40px;
}
.thumblist1 li {
	width: 300px; float: left;
}
.thumblist1 li .AlbumTitle {
	color: rgb(255, 255, 255); font-size: 20px;
}
.thumblist1 li p {
	color: rgb(255, 255, 255); font-size: 14px;
}
.gridlist {
	margin-top: 5px;
}
.gridlist li {
	text-align: center; overflow: hidden; margin-right: 15px; margin-bottom: 10px; float: left; display: inline; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.gridlist li.n3 {
	margin-right: 0px;
}
.gridlist li img {
	transition:1s ease-in-out; width: 286px; display: block;
}
.gridlist li a {
	width: 286px; color: rgb(65, 110, 163); line-height: 28px; font-size: 16px; white-space: nowrap;
}
.gridlist li .InfoPicture {
	border-width: 1px 1px 0px; border-style: solid solid none; border-color: rgb(238, 238, 238) rgb(238, 238, 238) currentColor; border-image: none; overflow: hidden; display: block;
}
.gridlist li a:hover img {
	transition:1s; transform: scale(1.2); -webkit-transform: all 1s ease 0s;
}
.gridlist li .InfoTitle {
	background: rgb(204, 204, 204); padding: 5px 0px; width: 287px; text-align: center; color: rgb(0, 0, 0); line-height: 22px; font-weight: normal; display: block;
}
.gridlist li:hover .InfoTitle {
	color: rgb(255, 255, 255); background-color: rgb(45, 95, 154);
}
.gridlist1 {
	overflow: hidden;
}
.gridlist1 li {
	margin: 0px 1px 1px 0px; text-align: center; overflow: hidden; float: left; display: inline; white-space: nowrap; position: relative; -ms-text-overflow: ellipsis;
}
.gridlist1 li img {
	width: 299px;
}
.gridlist1 li a {
	line-height: 28px; white-space: nowrap;
}
.gridlist2 {
	overflow: hidden;
}
.gridlist2 li {
	text-align: center; overflow: hidden; margin-right: 20px; float: left; display: inline; white-space: nowrap; position: relative; -ms-text-overflow: ellipsis;
}
.gridlist2 li img {
	border: 1px solid rgb(225, 225, 225); border-image: none; width: 275px; display: block;
}
.gridlist2 li .InfoTitle {
	background: rgb(1, 93, 52); color: rgb(255, 255, 255); line-height: 19px; margin-top: 3px; display: block; white-space: nowrap;
}
.gridlist3 {
	margin-top: 5px;
}
.gridlist3 li {
	padding: 4px 0px; text-align: center; overflow: hidden; margin-right: 17px; margin-bottom: 10px; float: left; display: inline; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.gridlist3 li .InfoPicture {
	border-width: 1px 1px 0px; border-style: solid; border-color: rgb(204, 204, 204); width: 281px; overflow: hidden;
}
.gridlist3 li img {
	transform-origin: 50% 50%; transition:1s ease-in-out; width: 281px;
}
.gridlist3 li a {
	line-height: 28px; display: block; white-space: nowrap;
}
.gridlist3 li a:hover img {
	border: 0px currentColor; transition:1s; overflow: hidden; transform: scale(1.2); -webkit-transform: all 1s ease 0s;
}
.gridlist3 li a:hover .InfoPicture {
	border-width: 1px 1px 0px; border-style: solid; border-color: rgb(45, 95, 154);
}
.gridlist3 li a:hover p {
	color: rgb(255, 255, 255); background-color: rgb(45, 95, 154);
}
.gridlist3 li p {
	margin: 0px; text-align: center; color: rgb(0, 0, 0); line-height: 40px; font-size: 15px; background-color: rgb(204, 204, 204);
}
.videolist {
	margin-top: 5px;
}
.videolist li {
	width: 288px; text-align: center; overflow: hidden; margin-right: 15px; float: left;
}
.videolist li.n3 {
	margin-right: 0px;
}
.videolist li img {
	border: 1px solid rgb(225, 225, 225); border-image: none; width: 100%;
}
.videolist li a {
	line-height: 28px; display: block; white-space: nowrap; position: relative;
}
.videolist li i {
	background: url("../images/play.png") no-repeat center; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; cursor: pointer;
}
.channelalbumlist {
	overflow: hidden;
}
.channelalbumlist li {
	margin-top: 10px; float: left;
}
.channelalbumlist li img {
	width: 290px; margin-right: 10px; display: block;
}
.linklist li {
	margin-right: 3px; margin-bottom: 3px; float: left;
}
.linklist li img {
	width: 237px; display: block; cursor: pointer; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%);
}
.linklist li:hover img {
	cursor: pointer; -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0);
}
#yanshi {
	color: rgb(38, 44, 228); font-size: 1.3em;
}
#yanshi:hover {
	color: rgb(214, 30, 166);
}
.ChannelContent a:hover {
	
}