*{ padding:0px; margin:0px }
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form,fieldset, 
legend, input, button,textarea, p, blockquote, th, td { margin: 0; padding: 0;}
body{color:#696868;	margin:0px auto; font-family: Microsoft YaHei; font-size:14px;  }
div{ margin:0; padding:0; border:0; }
img{ margin:0; padding:0; border:0; }
p{ margin: 0px; line-height:1.8em}
b,strong {font-weight: bold;}
table { border-collapse: collapse; border-spacing: 0; }
li{ list-style: none outside none;}


a{ text-decoration:none; color:#626262; background: transparent;  outline:none}
a:visited { color:#aaa; }
a:focus { outline:none; }
a:active{ outline:none;}


h1 { font-size: 1.3em;margin:  0;}
h2 {font-size: 1.2em; margin: 0;}
h3 { font-size: 1.17em;margin: 0;}
h4 {font-size: 1em;margin:0;}
h5 {font-size: 0.83em;margin: 0;}
h6 { font-size: 0.67em;margin: 0;}


form {margin: 0;}
button,input,select,textarea { font-size: 100%;margin: 3px; vertical-align: baseline; *vertical-align: middle; }
button,select {text-transform: none;}
input{padding:2px;background-color: #FFFFFF;border: 1px solid #ccc;width:99%;line-height: normal;}
textarea{padding: 2px;color: #000000;background-color: #fff;width:99%;}


blockquote {margin: 1em 40px;}
dfn {font-style: italic;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
code, kbd, pre, samp {font-size: 1em;}
pre {margin: 1em 0; white-space: pre;white-space: pre-wrap;word-wrap: break-word; }
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0; position: relative;vertical-align: baseline; }
sup {top: -0.5em;}
sub {bottom: -0.25em;}
dl{margin: 1em 0;}
dd {margin: 0 0 0 40px;}





.blue {color: #00F !important;}
.green {color: #0F0 !important;}
.red {color: #F00 !important;}
.black {color: #000000 !important;}
.white {color: #FFFFFF !important;}
.gray { color:gray; !important; }
.purple { color:purple;  !important;}


.clear { display:block; clear:both;  overflow:hidden; line-height:3px; }
.float_left { float:left; }
.float_right { float:right; }


.left { text-align: left}
.right {text-align: right}
.center{ text-align: center}


.btn {-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;  -o-border-radius: 3px;  border-radius: 3px;
  display: -moz-inline-stack;  display: inline-block;  *display: inline;  vertical-align: middle;  *vertical-align: auto;
  zoom: 1;    height: 32px;  line-height: 32px;  padding: 0px 20px;font-weight: 300;  font-size: 14px; 
  margin: 0; text-decoration: none; text-align: center; text-indent:0; cursor:pointer;
  border: 1px solid #d4d4d4; color: #666666; }

.btn {  background-color: #426fa4;  color: #fff; }
.btn:hover {  background-color:#2d5f9a; color:#fff;}
.btn:active {  background:#2d5f9a;  color: #374f00;}

.btn-large {font-size: 19px;  height: 38.4px;  line-height: 38.4px;  padding: 0px 26px;}
.btn-small {  font-size: 12px; height: 25.6px; line-height: 25.6px;  padding: 0px 16px;}
.btn-tiny {  font-size: 12px;  height: 22.4px;  line-height: 22.4px; padding: 0px 13px;}

.btn-block {display: block;}


.form_text, .form_text:hover, .form_text_verifycode, .form_text_verifycode:hover{border-color: #a0a0a0 #cbd9eb #cbd9eb #a0a0a0;
border-width:1px; height:20px; line-height:20px;clip: rect;padding: 2px; color: #000000; }
.form_text {  width:95%; background-position:  0px 0px;}
.form_text:hover {background-position: 0px -37px;}
.form_text_verifycode { width:50px; margin-right:3px;background-position:  0px 0px;}
.form_text_verifycode:hover {background-position: 0px -37px;}
.form_radio{ width:auto; border:0;}
.form_checkbox{ width:auto; border:0}
.form_select { height:25px; }
.form_textarea { width:95%; height:80px; border-color: #a0a0a0 #cbd9eb #cbd9eb #a0a0a0;border-width:1px; padding:2px;}
.form_button { width:auto; vertical-align:middle; border:0 none;}
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, 
input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none;padding:0; }
.required{ color:red; font-weight:bold; text-align:left; padding-left:3px;}


.hide { display:none; }  
.more{ float: right; padding-right:5px; display:none;} 
.code_image{ cursor: pointer; padding-bottom:6px; } 


.ChannelContent{ line-height:2.0em; font-size:16px;}
.ChannelSContent, .ChannelSContent p{ line-height:1.8em}
.ChannelContent a{ color: #ff9d02}
.ChannelSContent{color:#FFF;  line-height:25px; height:200px;overflow:hidden; margin-bottom:10px;}
.ChannelSContent a{ color: #ff9d02}
.ChannelSContent img, .InfoContent img{ max-width:100% }


.InfoTitle{ font-weight:normal; text-align:center; vertical-align:middle; padding:5px 0px}
.InfoTitle h1{ font-size:28px; line-height: 1.5em; font-weight:normal;}
.InfoTime{color:#999; text-align:left;  padding:2px 0px; height:25px}
.InfoContent, .InfoContent p{ line-height:2.0em; font-size:16px; padding:10px 0;}
.InfoAttachment{ padding:10px 0px; text-align:center; width:81px; margin:0 auto;}
.InfoPicture{ text-align: center;}
.InfoPicture img{ width:100%; max-width:100%}
.info_from_wrap{ padding:0 10px; text-align:center; color:#999; border:0px dashed #ccc; line-height:30px; margin-bottom:5px;}
.info_from_wrap a { color:#999; }
.info_from_wrap a:hover { color:#555; }
#ReadLevelTip{ font-weight:bold; color:red;}
.Tag{ text-align: left; font-weight:bold; }
.Tag a{ padding:0 3px; font-weight:normal; text-decoration:none;}
.info_previous_next_wrap{ background:#F0F0F0; padding:5px; border:1px solid #E3E3E3; color:#333; line-height:1.8em}
.Next a{ }
.Previous a{ }





.left_title1 {  line-height:39px;  }
.left_title1 h2 {     text-align: center;  line-height: 50px;   color: #444;  font-size: 30px;  font-weight: bold; }
.left_title1 p{    text-align: center;  line-height: 40px;  color: #818181;  font-size: 15px; width:950px; margin:0 auto;}
.left_body1 { overflow:hidden; zoom:1; border-top:0; border-bottom: 0px; margin-top:20px;}
.left_body1 .prev{ display:block; background:url(../image/left.jpg) no-repeat; width:92px; height:32px; float:left; margin-left:420px; margin-top:20px; cursor: pointer;}
.left_body1 .next{ display:block; background:url(../image/right.jpg) no-repeat; width:92px; height:32px; float:right; margin-right:420px; margin-top:20px; cursor: pointer;}
.left_body1 .prev:hover{ background:url(../image/left1.jpg) no-repeat ;}
.left_body1 .next:hover{ background:url(../image/right1.jpg) no-repeat ;}
.left_body1 .ChannelName{ float:left; width:580px; height:344px; overflow: hidden;}
.left_body1 .ChannelName a{ display:block;}
.left_body1 .ChannelName img{ width:580px; height:344px;  transition: 1s ease-in-out;  }
.left_body1 .ChannelName a:hover img{ transition:all 1s ease 0s;  transform: scale(1.2);  -webkit-transform:all 1s ease 0s;}
.left_body1 .ChannelName .ChannelUrl{ font-size:16px; color:#333; line-height:40px;}
.left_body1 .ChannelName p{ font-size:14px;color:#999;}
.left_body1 .ChannelName .ChannelContent{ line-height:22px; font-size:14px;}
.left_body1 .ChannelName .ViewDetail{ background:url(../image/more.png) right center no-repeat #eee; 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: #fff; }
.left_title2 p{    text-align: center;  line-height: 40px;  color: #fff;  font-size: 15px;width:950px;margin:0 auto;}
.left_body2 { overflow:hidden; zoom:1; border-top:0; border-bottom: 0px;margin-top:20px;}
.left_body2 .prev{display:block;background:url(../image/left.jpg) no-repeat ;width:92px ;height:32px;float:left;margin-left: 420px;margin-top:20px;cursor: pointer;}
.left_body2 .next{display:block;background:url(../image/right.jpg) no-repeat;width:92px ;height:32px;float:right;margin-right: 420px;margin-top:20px;cursor: pointer;}
.left_body2 .prev:hover{background:url(../image/left1.jpg) no-repeat ;}
.left_body2 .next:hover{background:url(../image/right1.jpg) no-repeat ;}


.right_title {}
.right_title h2 { font-size:30px; font-weight:normal; text-align:center; padding:15px 0; color:#01673A;   }
.right_body { padding:5px 0px; overflow:hidden; zoom:1;  border-top:0; border-bottom:0 }
.right_bottom {}

.right_title1 { }
.right_title1 h2 {font-size:30px; font-weight:normal; text-align:center;  padding:15px 0; color:#01673A;    }
.right_body1 { padding:5px 0; overflow:hidden; zoom:1;  border-top:0; border-bottom:0 }
.right_bottom1 {  line-height:5;  overflow:hidden; font-size:0px; }

.right_title2 { height:69px; line-height:69px;  }
.right_title2 h2 { font-size:20px;   font-weight:normal;  text-indent:40px; color:#FFF;}
.right_body2 { padding:5px; overflow:hidden; zoom:1; border-top:0; border-bottom:0}
.right_bottom2 { height: 5px; font-size: 0px; line-height:0;  overflow:hidden; margin-bottom:5px;}




.body_index, .body_article, .body_download, .body_picture, .body_product, .body_single, .body_video, .body_job, .body_feedback, .body_guestbook{}
.index, .single, .article, .picture, .download, .video, .product, .job, .guestbook, .feedback{ width:1200px;margin:5px auto; }
#top, #logo, #navigation, #banner, #announcement, #link, #copyright,#floor_1,#floor_2,#floor_3,#floor_4,#floor_5,#floor_6,#floor_7,#floor_8,#floor_9
,#floor_10,#floor_12,#floor_13,#floor_14 { width:1200px;  margin:0 auto; overflow:hidden; border:0px dashed red;}
#left { float:left; width:250px; }
#right { float:left; width:1200px; border-left:0px solid #E5E5E5; padding-left:0px; }

#floor_1_main{ }
#floor_1{ padding:20px 0 30px 0;text-align:center; font-size:30px;   color:#1B1B1B;}
#floor_2_main{ padding:20px 0 30px 0 ;background:#eee;}
#floor_2{ text-align:center;}
#floor_2 img{ display:block;width:224px;height:324px; }
#floor_3_main{ background:url(../image/floor_3_main.jpg) no-repeat;height: 550px;}
#floor_3{padding:60px 0px; text-align:center; font-size:30px;   color:#fff;}
#floor_4_main{background:#f8f8f8; }
#floor_4{padding:20px 0 30px 0; }
#floor_5_main{ padding-top:30px; padding-bottom:30px;background:#eee;}
#floor_5{}
#floor_6_main{ height:34px; line-height:34px; background:#DCDCDC; border-top:10px solid #EBEBEB;}
#floor_6{ text-align:center;}
#floor_7_main{ background:#464646;height:265px;}
#floor_7 {overflow: hidden;padding:35px 0 30px 0;}
#floor_7_1 { float:left; width:765px; overflow:hidden;}
#floor_7_2 { float:left; width:365px; padding-left:45px; border-left:1px solid #7b8e9e; overflow:hidden;}
#floor_7_2 .contact_wrap{color:#fff;}
#floor_7_2 .bdsharebuttonbox{ padding-top:40px; }
#floor_7_2 .bdsharebuttonbox .LShare{ display:block; line-height:24px; height:24px; cursor:pointer; margin:6px 6px 6px 0; font-size:16px; color:#fff; }
#floor_7_2 .WeChat img{ float:left; width:102px; padding:20px 30px 0 0px; }

#floor_8_main{ padding-bottom:30px;}
#floor_8{}
#floor_9_main{ height:34px; line-height:34px; background:#DCDCDC; border-top:10px solid #EBEBEB;}
#floor_9{text-align:center;}
#floor_10_main{ background:#FFF;}
#floor_10{padding:35px 0px;text-align:center; font-size:30px;   color:#1B1B1B;}
#floor_11_main{ height:15px; background:#ebebeb; margin-top:10px;}
#floor_12_main{ padding-top:30px; padding-bottom:30px;}
#floor_12{ }
#floor_13_main{ height:34px; line-height:34px; background:#DCDCDC; border-top:10px solid #EBEBEB;}
#floor_13{text-align:center;}
#floor_14_main{ height:255px;background:url(../image/floor_14_main.jpg); margin-top:10px; overflow:hidden;}
#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: #626262; 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; color:01673A; margin-top:10px;padding-left:35px; line-height:40px; font-size:16px; font-weight:bold; display:none;}
.product  .info_product_detail_wrap img{ width:216px; height:162px;float:left;  text-align:left; margin-right:10px; }
.product  .InfoTitle{  font-size:16px; font-weight:bold; text-align:left; padding:10px 0px;}
.product  .f2{ padding:5px 0px}
.product  .f1{ padding:5px 0px}
.product  .InfoHit{ padding:5px 0px; font-weight:bold; color:#990000}
.product  .InfoTime{ padding:5px 0px; }



.job{ }
.joblist { }
.joblist li {overflow: hidden;}
table.job_table { margin:8px 0px; padding:0px; text-align:center; width:100%; border-collapse:collapse;}
table.job_table td{ padding:8px 5px; border:1px solid #DADBD6;}
table.job_table .Requirement{ text-align:left; padding:8px 5px; line-height:1.5em;}
table.job_table th{color:#333; font-weight:bold; text-align:center; border:1px solid #DADBD6;}
table.job_table .t1 { font-weight:bold;padding:5px 0;width:20%;}
table.job_table .t2 { text-align:left;width:25%;}
table.job_table .t3 {font-weight:bold;width:25%;}
table.job_table .t4 {text-align:left;width:25%;}
table.job_table .operation{text-align:center; margin:0 auto;}

table.resume_table { margin:3px; text-align:center; width:97%; border-collapse:collapse;}
table.resume_table th{ font-weight:bold; text-align:left; width:100px;}
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 #CCC; margin-bottom:10px; }
.MessageTitle { color:#227BAD; 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; border-top:1px dashed #CCC; line-height:1.5em}
.answer_title{}
.answer_body {}
.Administrator { text-align:right; }
.Reply { text-align:right; }
.AnswerTime{ color:#999 }


.message_title{ height:40px; padding-left:35px; line-height:40px; font-size:16px; color:#426fa4; font-weight:bold;}
.message_body{ padding-left: 10px; padding-right: 10px; color:#626262; }
.message_bottom{}



.feedback { }
table.feedback_table { width:99%; text-align:center; margin:0 auto;}
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 { height:27px; background:#f5f5f5; border-bottom:1px solid #ccc; }
#top { height:27px; line-height:27px; text-align:right;}
#top_1 { float:left;  text-align:left;}
#top_2 { float:right; text-align:right;}
#top .MobileEdition{ font-weight:bold; color:red;}
#top a { color:#666;}
#top a:hover { color:#000; text-decoration:none;}


#logo_main {  position:relative; z-index:99; border-top:1px solid #fff;}
#logo_main.scrollfixed{ background-color:#fff; opacity:0.9;}
#logo { overflow:hidden;}
#logo .WebLogo { float:left; margin-top:10px;}
#logo .WebLogo img { height:70px;}
#logo .Language { width:500px; float:right; padding:10px;}
#logo .Language .MobileEdition { font-weight:bold; color:red;}
#logo .Member { width:500px; height:35px; line-height:35px; float:right; text-align:right; font-weight:bold;}
#logo .Member .MemberName, #logo_main .Member .MemberGroupName { color:#F5CB07;}


#navigation_main {}
#logo_main ul.navigationlist { float:right;}
#logo_main ul.navigationlist li { float:left; text-align:center;}
#logo_main ul.navigationlist li a { display:block; padding:35px 20px; color:#333; font-weight:bold; font-size:15px;}
#logo_main ul.navigationlist li a:hover { text-decoration:none; color:#fff;; background:#2d5f9a;}
#logo_main ul.navigationlist .current { color:#fff; background:#2d5f9a;}

#logo_main  ul.subnavigationlist{ display:none; position:absolute; z-index:10000; border-top:2px solid #fff; margin-top:-2px;}
#logo_main  ul.subnavigationlist li { float:none; padding:0px; line-height:30px; display:inline;}
#logo_main  ul.subnavigationlist li a { display:block; white-space:nowrap; font-weight:normal; color:#FFF; font-size:15px; padding:5px 20px; text-align:left; background:#0e6fda; opacity:0.8}
#logo_main  ul.subnavigationlist li a:hover { color:#fff; background:#2d5f9a;}


#announcement { margin-top:5px; height:35px; line-height:35px; background-color:#f0f0f0; color:#0B3B7D;}
#announcement .announcement_title { float:left; font-weight:bold; text-indent:35px; background:url(../image/announcement_title.gif) no-repeat 8px center; width:150px;}
#announcement .announcement_body { float:left; width:750px;}
#announcement .announcement_bottom { float:right; width:100px;}
.announcementlist{ }
.announcementlist li { line-height:35px;}


#banner_main { position:relative; border:0px solid blue;}
#banner { border:0px solid red; margin:0 auto; overflow:hidden; width:100%}
.bannerlist{}
.bannerlist li { text-align:center; border:0px dashed red; overflow:hidden; display:block;}
.bannerlist li img { margin:0 auto; display:block;}
#banner_main .hd { width:100%; position:relative; bottom:35px; left:0; height:5px; line-height:5px; text-align:center; border:0px solid red;}
#banner_main .hd ul li { cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; 
background:url(../image/dot.png) -11px 0 no-repeat; margin-right:15px; overflow:hidden; font-size:0px;}
#banner_main .hd ul li.on { background:url(../image/dot.png) 0 0 no-repeat;}





#location_main { } 
#location { float:left;padding-left: 20px;line-height:36px;background:url(../image/dibiao.png)left center no-repeat;}
#location a {}


.subchannel_main{ margin:10px 0;border-bottom:1px solid #eee;}
.subchannel{width:1200px;margin:10px auto;}
.subchannellist { text-align:right;}
.subchannellist li { display:inline;line-height:36px;  }
.subchannellist li a {background:#FFF; padding:5px 15px; margin-right:10px;font-size:15px;font-weight: normal;}
.subchannellist li a:hover {   color:#0066cc;text-decoration:none; }
.subchannellist #current a {  color:#0066cc;}
.subchannellist .depth1{ font-size:16px; font-weight:bold; }
.subchannellist .depth2{ font-size:14px; text-indent:1.5em; background:none; }
.subchannellist .depth2 a{ border:none;}
.subchannellist .depth3{ font-size:14px; text-indent:3em}
.subchannellist .depth4{ font-size:14px; text-indent:4.5em}
.subchannellist .depth5{ font-size:14px; text-indent:6em}
.subchannellist .depth6{ font-size:14px; text-indent:7.5em}


table.search_table{ width:99%; text-align:center;}
table.search_table th{ vertical-align:middle; text-align:center; padding:0px 3px;}
table.search_table td{ vertical-align:middle; width:60px; padding:0px 3px;}


.contact_wrap{ line-height:1.8em; }
.contact_wrap b{ font-weight:bold;}
.contact_wrap .WebUrl{ color:#F00 }

.contact_wrap1{ line-height:26px;;background:url(../image/contact.png) no-repeat; width:315px; height:154px;padding-left: 30px; padding-top: 20px; color:#FFF; overflow:hidden;}
.contact_wrap1 b{ font-weight:normal;}
.contact_wrap1 .ico1{ background:url(../image/phone.gif) no-repeat 8px center; padding: 5px 0px 5px 25px;}
.contact_wrap1 .ico2{ background:url(../image/fax.gif) no-repeat left center; padding: 5px 0px 5px 25px;}
.contact_wrap1 .ico3{ background:url(../image/email.gif) no-repeat 1px center; padding: 5px 0px 5px 25px;}
.contact_wrap1 .ico4{ background:url(../image/address.gif) no-repeat left center; padding: 5px 0px 5px 25px;}


#Map{ overflow:hidden; width:100%;}
#Map .MapInfo{ float:left; border: 1px dashed #ccc; padding:8px;}
#Map .MapInfo #MapContainer{ width:870px; height:380px; }
#Map .ContactInfo{ width:300px; float:right; line-height:2.7em;}
#Map .ContactInfo .Company{ font-size:24px; margin-bottom:8px;}
#Map .ContactInfo img{ width: 18px; vertical-align:middle; margin-right:8px;}


.order{margin:0px auto}
.order .WantOrder h1{ border-bottom:1px dotted #999999; padding: 5px 0px;}
.order .f1{ float:right; color:red;}
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(../image/foot_2.jpg); }
#link { padding:0; }
.link_title { line-height:69px; height:69px;  color:#fff;  }
.link_title h2 { font-size:20px; color:#fff; font-weight: normal; text-indent:40px;}
.link_body { color:#000; border-top:0px; border-bottom:0px; }
.link_bottom{}
.link_pic { overflow:auto; zoom:1;  }
.link_pic ul li { float:left; padding:1px 5px; text-align:center; width:112px;}
.link_pic img { width:86px; height:30px; padding:2px; border:1px solid #CCC; }
.link_pic ul li a:hover img { border:1px solid #6C9ACC; }
.link_text { overflow: hidden; zoom:1; padding:8px 0 0 0; }
.link_text ul li { float:left; text-align:center; padding:1px 15px; overflow:hidden;white-space:nowrap;}
.link_text a { line-height:22px; color:#b7b7b7; }
.link_text a:hover { line-height:22px; color:#fff; }


.bottom_navigation{ width:840px; overflow:hidden; float:left; padding-left:10px; }
.bottom_navigation li{float:left; width:140px;}
.bottom_navigation li.n1{margin-right:0;}
.bottom_navigation li a{ display:block; text-align:center; font-size:18px; font-weight:bold; color:#fff; margin-bottom:10px; }
.bottom_navigation li a:hover{color:#426fa4;}

.bottom_navigation .subnavigationlist1 li {  float:none; padding:0px; line-height:28px; display:block;}
.bottom_navigation .subnavigationlist1 li a { color:#fff; display:block;line-height: 30px; font-weight:normal;padding:0;margin:0;font-size: 13px;text-align:center;}
.bottom_navigation .subnavigationlist1 li a:hover{ color:#426fa4; }


#copyright_main { color:#545252; background:#404040; }
#copyright { line-height:46px;color:#fff;  }
#copyright .bottom_navigation{text-align: center;padding: 5px 0px; }
#copyright a {color: #fff; text-decoration: none;}
#copyright a:hover {color: #fff; text-decoration: none;}
#copyright .bottom_info{ text-align:center;padding-top:5px; padding-right:10px; line-height:20px; }
#copyright .TechnicalSupport{ float:right; margin:0}


.page { padding:4px 0px 0px 1px; float:right; clear:both;}
.page a, .page span { float:left; display:block; border:1px solid #D3D1D1; padding:2px 5px; margin-left:4px; line-height:22px; }
.page a:link, .page a:visited { text-decoration:none; }
.page a:hover { background:#2d5f9a; color:#fff; }
.page .current{ background:#2d5f9a; color:#FFF;}
.page #total{color:#2d5f9a;}



table.login_table{ width:40%; text-align:center; margin:0 auto;}
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{text-align:left; padding:10px 0;}
table.login_table .quick_login td img{ margin-right:8px; float:left;}


table.reg_table{ width:40%; text-align:center; margin:0 auto;}
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{  text-align:left; width:70px;}
table.reg_table #SmsCode{width:50px;}


table.forget_table1{ width:40%; text-align:center; margin:0 auto;}
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{ width:40%; text-align:center; margin:0 auto;}
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, table.forget_table2 .MemberMobile, table.forget_table2 .FindPwdWay{ padding:3px 0;}


.maplist{ }
.maplist li { padding:1px; }
.maplist li a { background:#d1e8fc; line-height:25px; display:block; padding:0 20px; border:0px solid #A6CC93; }
.maplist li a:hover { text-decoration:none; background:#FFF; }
.maplist .depth1{font-weight:bold;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 { margin-top:30px; height:82px; width:582px;  overflow:hidden;}
.textlist1 li.li0{ float:left;}
.textlist1 li.li1{ float:right;}
.textlist1 li .time{ float:left; width:48px; height:52px;  background:#015D34; color:#FFF; line-height:25px; padding:15px 12px;}
.textlist1 li .time .month{ float:left;width:48px; text-align:center; border-bottom:1px solid #FFF;}
.textlist1 li .time .year{ float:left; font-size:18px;width:48px;text-align:center;}
.textlist1 li .right_text{ float:left; width:510px; }
.textlist1 li .right_text a{ background:#E2E2E2; line-height:30px; height:30px; overflow:hidden; display:block;padding-left:10px;}
.textlist1 li .right_text p{ background:#EAEAEA;height: 31px;line-height: 20px; padding:10px 5px 10px 10px; margin-top:1px; overflow:hidden;}

.textlist2{float:right;width:600px;}
.textlist2 li{margin-bottom:10px;background:#fff;}
.textlist2 li .InfoPicture{float:left;width:120px;height:108px;overflow: hidden;}
.textlist2 li .InfoPicture img{width:120px;height:108px;    transition: 0.5s ease-in-out;}
.textlist2 li .InfoPicture:hover img{transition: all 1s ease 0s;  transform: scale(1.2);}
.textlist2 li .InfoTitle{float:right;width: 470px;text-align: left;padding: 0 0 0 10px;}
.textlist2 li .InfoTitle p{}
.textlist2 li .InfoTitle a{color:#333;    font-size: 18px; padding-bottom: 10px;display: block;}
.textlist2 li .InfoTitle a:hover{color:#2d5f9a;}
.textlist2 li .InfoTime{padding-bottom:5px;}

.textlist3{ }
.textlist3 li { line-height:28px; text-indent:8px; overflow:hidden;width:100%;margin-bottom:10px; background: #eee;padding:10px 0;}
.textlist3 li:hover{background:#2d5f9a;}
.textlist3 li:hover .InfoTitle a{color:#fff;}
.textlist3 li:hover .InfoTitle p{color:#fff;}
.textlist3 li:hover .InfoTitle .InfoTime{color:#fff;}
.textlist3 li a{display:block;  }
.textlist3 li a img{width:120px; display: block;}
.textlist3 li .InfoPicture{float:left;margin-left: 10px;}
.textlist3 li .InfoTitle{float:left; width: 980px;text-align: left;margin-left:10px;padding:0;}
.textlist3 li .InfoTitle a{font-size:15px;font-weight:bold;color:#333;}
.textlist3 li .InfoTitle p{line-height: 20px;text-indent:24px;}
.textlist3 li .InfoTitle .InfoTime{padding-left: 8px;}



.thumblist{}
.thumblist li {float:left;width:224px;margin-right:19px;}
.thumblist li.Info a{display: block;position: relative;}
.thumblist li.Info .InfoTitle{position: absolute;top:290px;background:url(../image/1px.png) repeat;   }
.thumblist li.Info a:hover .InfoTitle{position: absolute;top:0;height:100%;transition: all .5s ease 0s;}
.thumblist li.Info a:hover h2{margin-top:calc(50% - 10px);}
.thumblist li.Info .InfoTitle h2{color:#fff;font-weight: normal;}
.thumblist li.Info .InfoTitle p{margin-top:10px;color:#fff;padding:0 10px;}
.thumblist li.more{display: block;margin-right:0;padding:0;background: #2D5F9A;height: 324px;float: right;}
.thumblist li.more a{height:324px;}
.thumblist li.more h2{padding-top:150px;color:#fff;}
.thumblist li.more p{color:#fff;}

.thumblist1{margin-top:40px;}
.thumblist1 li{float:left;width:300px;}
.thumblist1 li .AlbumTitle{font-size: 20px;color:#fff;}
.thumblist1 li p{font-size: 14px;color:#fff;}



.gridlist { margin-top:5px;}
.gridlist li { float:left; margin-bottom:10px; margin-right:15px; text-align:center; overflow:hidden; display:inline ;
text-overflow:ellipsis; white-space:nowrap;}
.gridlist li.n3 { margin-right:0;}
.gridlist li img { width:286px; display:block; transition:1s ease-in-out;}
.gridlist li a { white-space:nowrap; line-height:28px; font-size:16px; color:#416ea3; width:286px;}
.gridlist li .InfoPicture { display:block; border:1px solid #eee; overflow:hidden; border-bottom:0;}
.gridlist li a:hover img { transition:all 1s ease 0s; transform:scale(1.2); -webkit-transform:all 1s ease 0s;  }
.gridlist li .InfoTitle { display:block; text-align:center; padding:5px 0; line-height:22px; background:#ccc; width:287px; color:#000; font-weight:normal;}
.gridlist li:hover .InfoTitle { background-color:#2d5f9a; color:#fff;}


.gridlist1 { overflow:hidden;}
.gridlist1 li { position:relative; float:left; text-align:center; margin:0 1px 1px 0; overflow:hidden; display:inline ;
text-overflow:ellipsis; white-space:nowrap;}
.gridlist1 li img { width:299px; }
.gridlist1 li a { white-space:nowrap; line-height:28px;}

.gridlist2{ overflow:hidden; }
.gridlist2 li { position:relative; float:left; text-align:center; margin-right:20px; overflow:hidden; display:inline ;
text-overflow:ellipsis; white-space:nowrap;}
.gridlist2 li img { width:275px;  border:1px solid #E1E1E1; display:block;}
.gridlist2 li .InfoTitle { white-space:nowrap; line-height:19px; display:block; background:#015D34; color:#FFF; margin-top:3px;}

.gridlist3{ margin-top:5px; }
.gridlist3 li { float:left; padding:4px 0;margin-bottom:10px; margin-right:17px; text-align:center; overflow:hidden; display:inline ;
    text-overflow:ellipsis; white-space:nowrap;}
.gridlist3 li .InfoPicture{   width:281px;   overflow: hidden; border-bottom: #ccc 0px solid;border-left: #ccc 1px solid;  border-top: #ccc 1px solid;  border-right: #ccc 1px solid;}
.gridlist3 li img{width:281px;    transition: 1s ease-in-out;  transform-origin: 50% 50%;}
.gridlist3 li a { white-space:nowrap; line-height:28px;display: block;}
.gridlist3 li a:hover img{    border-bottom: 0px;  border-left: 0px;  overflow: hidden;  border-top: 0px;  border-right: 0px;  transition: all 1s ease 0s;  transform: scale(1.2);  -webkit-transform: all 1s ease 0s;}
.gridlist3 li a:hover .InfoPicture{    border-bottom: #2d5f9a 0px solid;border-left: #2d5f9a 1px solid;  border-top: #2d5f9a 1px solid;  border-right: #2d5f9a 1px solid;}
.gridlist3 li a:hover p{background-color: #2d5f9a;color:#fff;}
.gridlist3 li p{    text-align: center;  line-height: 40px;  margin: 0px;  color: #000;  font-size: 15px;background-color: #ccc}




.videolist{ margin-top:5px; }
.videolist li { width:288px; float:left; margin-right:15px; text-align:center; overflow:hidden;}
.videolist li.n3{margin-right:0;}
.videolist li img { border:1px solid #E1E1E1; width:100%; }
.videolist li a {position:relative; display: block; white-space:nowrap; line-height:28px;}
.videolist li i{ position:absolute; width:100%; height:100%; top: 0;left: 0;background:url(../image/play.png) center center no-repeat; cursor:pointer;}


.channelalbumlist{ overflow:hidden; }
.channelalbumlist li { float:left; margin-top:10px;}
.channelalbumlist li img{ display: block; width:290px; margin-right:10px;}



.linklist li{float:left;margin-right:3px;margin-bottom:3px;}
.linklist li img{display:block;width:237px;cursor: pointer;-webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);  -o-filter: grayscale(100%);  filter: grayscale(100%);  filter: gray;}
.linklist li:hover img{cursor: pointer;-webkit-filter: grayscale(0);  -moz-filter: grayscale(0);  -ms-filter: grayscale(0);  -o-filter: grayscale(0);  filter: grayscale(0);  filter: gray;}