@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
*{ 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:#555;	margin:0px auto; font-family:新宋体, Microsoft YaHei; font-size:14px; background:#fff; }
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; /* Remove most spacing between table cells.*/}
li{ list-style: none outside none;}

/*链接*/
a{ text-decoration:none; color:#505050; background: transparent;  outline:none}
a:visited { color:#8c8c8c; }
a:focus { outline:none; }
a:hover{ color:#630001; }
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; /* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
dl{margin: 1em 0;}
dd {margin: 0 0 0 40px;}
/*==========@@HTML默认  结束@@==========*/


/*==========@@元件 开始@@==========*/
/*常用颜色*/
.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; height:3px; 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:#630001; color:#fff; }
.btn:hover { background-color:#984B4C; color:#fff; }
.btn:active { background:#984B4C; color:#fff; }
/*按钮大小*/
.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}

#floor_1_4 .ChannelPicture:hover .bg_images{left:-10px;}



.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;/*解决ie焦点是有黑色边框*/}
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;} /*more链接*/
.code_image{ cursor: pointer; padding-bottom:6px; } /*验证码图片样式*/
.delay1{ -webkit-animation-delay:0.4s; animation-delay:0.4s; }
.delay2{ -webkit-animation-delay:0.6s; animation-delay:0.6s; }
.delay3{ -webkit-animation-delay:0.8s; animation-delay:0.8s; }
.delay4{ -webkit-animation-delay:1s; animation-delay:1s; }
.delay5{ -webkit-animation-delay:1.2s; animation-delay:1.2s; }
.delay6{ -webkit-animation-delay:1.2s; animation-delay:1.4s; }
.delay7{ -webkit-animation-delay:1.2s; animation-delay:1.5s; }
.delay8{ -webkit-animation-delay:1.2s; animation-delay:1.6s; }
/*频道*/
.ChannelContent{ line-height:2.0em; font-size:16px;}
.ChannelSContent, .ChannelSContent p{ line-height:1.8em}
.ChannelContent iframe{ height:618px; }
.ChannelContent a{ color: #ff9d02}
.ChannelSContent{ color:#FFF; line-height:25px; overflow:hidden; }
.ChannelSContent a{ color:#fc872a; }
.ChannelSContent img, .InfoContent img{ max-width:100% }
.ChannelSContent input, .InfoContent input{ max-width:100%; height:auto!important; margin:0; padding:0; border-radius:0; border:none; }

/*信息*/
.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;}
.InfoContent iframe{ height:600px; } 
.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_title { height:39px; line-height:39px; border-bottom:1px solid #0450a1; }
.left_title h2 { font-size:16px;  color:#0450a1; }
.left_body { overflow:hidden; zoom:1; color:#0450a1;  padding:10px 10px 5px; border-top:0; border-bottom: 0px}
.left_bottom { height:15px; margin-bottom:5px;}

/*样式1*/
.left_title1{ height:40px; line-height:40px; overflow: hidden; }
.left_body1{ overflow:hidden; zoom:1; padding:15px 0px 0; }

.left_bottom1 .prevnext{ display:block; width:18px; height:40px; position:absolute; top:50%; margin-top:-20px; z-index:999; line-height:40px;
overflow:hidden; text-align:center; color:#fff; }
.left_bottom1 .prev{left:0px; background:url(../images/left.png) no-repeat -2px center; transition:all 0.35s ease;-webkit-transition:all 0.35s ease;-moz-transition:all 0.35s ease; }
.left_bottom1 .next{ right:0px; background:url(../images/right.png) no-repeat -20px center; transition:all 0.35s ease; -webkit-transition:all 0.35s ease; -moz-transition:all 0.35s ease;}

.left_bottom1 .prev:hover{ background:url(../images/left.png) no-repeat -21px center; }
.left_bottom1 .next:hover{ background:url(../images/right.png) no-repeat -1px center; }

/*样式2*/
.left_title2{ }
.left_title2 a{ font-size:30px; color:#0450a1; }
.left_title2 p{ color:#8C8C8C; padding:10px 0; }
.left_body2{ overflow:hidden; zoom:1; color:#000; padding:15px 0px 0; }
.left_body2 a{ float:right; }
.left_bottom2{ height:15px; margin-bottom:5px;}
/*样式3*/
.left_title3{ height:60px; line-height:60px;  }
.left_title3 h2 { font-size:20px;   font-weight:normal; color:#FFF;}
.left_body { padding:5px 5px 0; overflow:hidden; zoom:1; border-top:0; border-bottom:0; }
.left_bottom3{ }

/*主体右侧*/
/*样式1*/
.right_title {overflow: hidden;}

.right_title h2 { font-size:28px; font-weight:normal; text-align:center; padding:15px 0; color:#505050; }
.right_title h2 a{ color:#505050; }
.right_title .active{ float:left; margin-top:2px; font-size:18px; color:#000; padding-left:30px; background:url(../images/active.png) no-repeat left center; background-size:24px; }
.right_title .active.store{ background:url(../images/store.png) no-repeat left center; background-size:24px; }
.right_title.active_wrap{border-bottom: 1px solid #ddd; margin: 10px auto; }

.right_body { padding:5px 20px 30px; overflow:hidden; zoom:1;  border-top:0; border-bottom:0 }
.right_body .page_banner{ float:left; width:540px; margin:0 30px 20px 0; display:none; }
.right_bottom {}
/*样式2*/
.right_title1 { }
.right_title1 h2{ font-size:28px; font-weight:normal; text-align:center; padding:15px 0; color:#505050; }
.right_title1 h2 a{ color:#505050; }
.right_body1 { padding:5px 0; overflow:hidden; zoom:1;  border-top:0; border-bottom:0 }
.right_bottom1{ height:5px; line-height:5; overflow:hidden; font-size:0px; margin-bottom:5px; }
/*样式3*/
.right_title2{ height:60px; line-height:60px;  }
.right_title2 h2{ font-size:20px; font-weight:normal;  text-indent:40px; color:#FFF;}
.right_body2{ padding:75px 60px 30px; margin:50px auto 30px; border:2px solid #ccc; position:relative; }
.right_body2 .HotLine{ position:absolute; width:345px; left:50%; margin-left:-100px; top:-35px; z-index:5; overflow:hidden; }
.right_body2 .HotLine span{ float:left; width:110px; height:54px; background:#515151; color:#fff; font-size:14px; text-align:center; padding-top:16px; line-height:20px; }
.right_body2 .HotLine span span{ font-size:12px; padding: 0;font-family: Arial;}
.right_body2 .HotLine .Telephone{ float:left; width:235px; height:70px; line-height:70px; color:#fff; font-size:18px; font-family:Georgia; text-indent:70px; 
background:#601209 url(../images/tel1.png) no-repeat 15px center; }

.right_bottom2{ display:none; }
.right_bottom2 .prevnext{ display:block; width:37px; height:40px; position:absolute; top:50%; margin-top:-20px; z-index:999; line-height:40px;
overflow:hidden; text-align:center; color:#fff; }
.right_bottom2 .prev{left:10px; background:url(../images/left1.png) no-repeat 0 center; transition:all 0.35s ease;-webkit-transition:all 0.35s ease;-moz-transition:all 0.35s ease; }
.right_bottom2 .next{ right:10px; background:url(../images/right1.png) no-repeat -36px center; transition:all 0.35s ease; -webkit-transition:all 0.35s ease; -moz-transition:all 0.35s ease;}

.right_bottom2 .prev:hover{ background:url(../images/left1.png) no-repeat -36px center; }
.right_bottom2 .next:hover{ background:url(../images/right1.png) no-repeat 0px center; }
/*==========@@模块  结束@@==========*/

/*==========@@频道布局  开始@@==========*/
/*模型body*/
.body_index, .body_article, .body_download, .body_picture, .body_product, .body_single, .body_video, .body_job, .body_feedback, .body_guestbook{}
.index{width:1200px; margin:5px auto; }
.single, .article, .picture, .download, .video, .product, .job, .guestbook, .feedback{ width:1140px; margin:5px auto; }
#top, #logo, #banner, #announcement, #link, #copyright,#floor_1,#floor_2, #floor_5{ width:1200px;  margin:0 auto; overflow:hidden; border:0px dashed red;}
#left { float:left; width:250px; }
#right { float:left; width:1140px; border-left:0px solid #E5E5E5; padding-left:0px; position: relative;}
/*===首页 开始===*/
#floor_1_main{ margin:15px auto 25px; }
#floor_1{ overflow:hidden; position:relative; background:#E7E7E7; }
#floor_1_1{ width:300px; float:left; margin:10px; }
#floor_1_2{  position:absolute; top:0; left:310px; background: #D8D7D7;}
.floor .ChannelPicture{  overflow: hidden;}
.floor .ChannelPicture .imgs{ float:left; width:225px; height:200px; overflow:hidden; } 

.floor .ChannelPicture img{ width:175px; height:200px; padding: 0;margin: 0;vertical-align: middle;display: inline;float: left;}
.floor .ChannelPicture .img{ width:175px; height:198px; }

.floor .ChannelPicture .ChannelF1{ width:214px; height:180px; padding: 10px 10px 10px 0;}
#floor_1_2 .ChannelSContent{ position:absolute; right:0; bottom:0; z-index:-1; }

#floor_1_3{ float:left; position:absolute; top:0; left:710px; background:#E9E9E9; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; }
#floor_1_3:hover{ left:510px !important; }
#floor_1_3 .img{ width:240px; }
#floor_1_3 .ChannelF1{ width:190px; }

#floor_1_4{ float:left; width:450px; position:absolute; top:0; left:950px; background:#D8D6D7; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; }
#floor_1_4:hover{ left:750px; }
#floor_1_4 .img{ width:250px; }
#floor_1_4 .ChannelF1{ width:190px; }

#floor_2_main{ margin:25px auto 0; }
#floor_2{ overflow:hidden; }
#floor_2_1{ width:778px; float:left; position:relative; background:#cfcfcf; padding: 10px 10px 10px 19px;overflow: hidden;}
#floor_2_1 .left_title1{ width:220px; height:95px; background: rgba(0,0,0,.4); position:absolute; left:19px; top:10px; z-index:999; padding-left:30px; color:#fff; }
#floor_2_1 .left_title1 h2{ width:250px; font-size:18px; font-family:微软雅黑; padding:16px 0 5px; line-height:22px; }
#floor_2_1 .left_title1 span{ border-top:1px solid #fff; font-size:14px; padding-top:5px; }

#floor_2_1 .left_body1{ padding:0; width:770px;}
#floor_2_2{ width:385px; float:right; background:#cfcfcf;  height:115px; }
#floor_2_2_1{ float:left; width:50%;  }
#floor_2_2_1{ float:left; width:142px; margin-top:8px; background:#c5c2c2; border-radius:5px; margin-left:8px; padding:5px 0; }
#floor_2_2_1 .ChannelName{ font-size:15px; font-family:新宋体,宋体; padding:7px 0 3px 8px; float: left; color:#333;line-height: 24px;}
#floor_2_2_1 p{ font-size:12px; color:#777; }
#floor_2_2_1 .contact{ float: right;}
#floor_2_2_1 .contact img{ padding:4px 6px 3px 0; display: block;}

#floor_2_2_2{ float:right; text-align:center; padding-top:12px; overflow:hidden; margin-right:8px;}
#floor_2_2_2 .WxQrcode{ float:left; }
#floor_2_2_2 .WxQrcode img { width:92px; }
#floor_2_2_2 .WxQrcode span{ width:21px; font-size:12px; text-align:center; float: left; color: #5b0303; line-height: 16px; padding-top:2px; }

#floor_5_main{ background:url(../images/footer_bg.jpg) no-repeat; padding:50px 0; color:#afd3fe; overflow:hidden; }
#floor_5{ overflow:hidden; }
#floor_5_1{ float:left; width:765px; overflow:hidden;}
#floor_5_2{ float:left; width:388px; padding-left:45px; border-left:1px solid #4B6E99; overflow:hidden; }
#floor_5_2 .bdsharebuttonbox{ padding-top:40px; }
#floor_5_2 .bdsharebuttonbox .LShare{ display:block; line-height:24px; height:24px; cursor:pointer; margin:6px 6px 6px 0; font-size:16px; color:#afd3fe; }
#floor_5_2 .WeChat img{ float:left; width:102px; padding:20px 30px 0 0px; }
/*===首页 结束===*/

/*===产品模型 开始===*/
.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:0450a1; 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:#505050; 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 .operation{text-align:center}
/*===反馈频道 结束===*/
/*==========@@频道布局  结束@@==========*/


/*==========@@公共板块  开始@@==========*/
/* 顶部 */
#top_main { height:32px;  background:#fff; }
#top { height:32px; line-height:32px; 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:#555;  }
#top a:hover { color:#bccbe0; text-decoration:none}

/*Logo*/
#logo_main{ width:100%; position:relative; z-index:102; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; }
#logo_main.scrollfixed{ box-shadow:0px 2px 4px #888; background:#fff; }

#logo{ overflow:hidden; padding-top: 25px;}
#logo .WebLogo{ float:left; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; }
#logo .WebLogo img{ height:70px; vertical-align:middle; padding:0px 0 5px; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; }
#logo .WebLogo a{ display:block; }
#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:#F30; }
/*导航*/
#navigation_main { background:#2466ad; }
#navigation{ float:right; margin-top:40px;}
#navigation ul.navigationlist li { float:left; line-height:43px; text-align:center; margin-right:5px; }
#navigation ul.navigationlist li .ChannelName{ display:block; padding:0px 22px 0px; font-size:14px; font-family:新宋体; color:#444; position:relative; transition:all 0.4s ease;-webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; }
#navigation ul.navigationlist li .ChannelName i{ display:block; float:right; width:8px; height:4px; background:url(../images/icon_03.gif) no-repeat; margin-top: 20px;margin-left: 5px;}
#navigation ul.navigationlist li .ChannelName:hover{ color:#000; }
#navigation ul.navigationlist li .ChannelName:hover i{ display:block; float:right; width:8px; height:4px; background:url(../images/icon_04.gif) no-repeat; }

.TopImages{ position:fixed; right:50%; top:3px; z-index:-2; margin-right: -575px;}
.TopImages img{ height:60px !important; }

/*
#navigation ul.navigationlist li .ChannelName:hover{ color:#fff; }
#navigation ul.navigationlist li .current{ color:#fff; background:#630001; }

#navigation .line{ position:absolute; z-index:-1; bottom:0px; width:0px; height:43px; font-size:3px; background:#630001; display:none; }
*/
/*导航栏下拉*/
/*
#navigation .info_wrap_main{ width:100%; display:none; position:absolute; left:0; background:#630001; z-index:100; }
#navigation .info_wrap{ width:1200px; margin:0 auto; overflow:hidden; }
#navigation ul.subnavigationlist{ width:655px; float:right; }
#navigation ul.subnavigationlist li{ float:left; padding:0px; line-height:50px; display:inline;}
#navigation ul.subnavigationlist li a { white-space:nowrap; font-weight:normal; color:#fff; font-size:12px; padding:2px 0;  }
#navigation ul.subnavigationlist li b{ font-weight:normal; padding:0 15px; color:#fff; }
#navigation ul.subnavigationlist li:last-child b{ display:none; }

#navigation ul.subnavigationlist li a:hover{ text-decoration:underline; }

*/

#navigation  ul.subnavigationlist{ display:none; position:absolute; background:rgba(0,0,0,.5); z-index:100; width:120px; border-top:3px solid #E60201; }
#navigation  ul.subnavigationlist li {  float:none; padding:0px; line-height:28px; display:inline; margin-right:0; }
#navigation  ul.subnavigationlist li a { display:block; white-space:nowrap; font-weight:normal; color:#fff; font-size:13px; padding:2px 0; text-align:center; /*border-bottom:1px dotted #575757;*/ }
#navigation  ul.subnavigationlist li:last-child a{ border-bottom:none; }
#navigation  ul.subnavigationlist li a:hover {  background:#8f2525; color:#fff; }

/*公告*/
#announcement { height:35px; line-height:35px;background:#fff; margin-top:5px; }
#announcement .announcement_title{ float:left;font-weight:bold; text-indent:30px; background:url(../images/announcement_title.jpg) no-repeat left center;}
#announcement .announcement_body{float:left;}
#announcement .announcement_body .ViewMore{ float:left; }
#announcement .announcement_bottom{float:left; padding-left:30px; }
#announcement .announcement_bottom .ViewMore{ float:left; background:#d8d7d7; padding:0px 19px; font-size:13px; font-family: 新宋体; border-radius:14px; line-height:28px; margin-top:2px; color:#5b0303; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; }
#announcement .announcement_bottom .ViewMore:hover{  background:#5b0303; color:#fff; }

.announcementlist{ }
.announcementlist li { line-height:35px; }
.announcementlist li span{ padding-left:20px; }

/*Js幻灯片样式*/
#banner_main {position:relative; border:0px solid blue; }
#banner {  border:0px solid red; margin:0 auto; overflow:hidden; width:100%; text-align: center; }
.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{ opacity:0.7; cursor:pointer; display:inline-block; zoom:1; width:12px; height:12px; border-radius:50%;
background:#fff; margin-right:15px; overflow:hidden; font-size:0px; box-shadow:0px 0px 6px #000;}
#banner_main .hd ul li.on{ background:#630001; opacity:0.7; }

/*Flash幻灯片样式*/
/*#banner_main {border:0px solid blue; }
#banner {  border:0px solid red; margin:0 auto; overflow:hidden;} */

/*当前位置*/
.location_wrap{ width:1140px; margin:5px auto; overflow:hidden; padding:10px 0; border-bottom:1px solid #ddd; }
.location_wrap .ChannelName{ float:left; font-size:18px; color:#7d4141; text-indent:10px; }
.location_wrap .ChannelName i{ float:left; width:12px; height:12px; background:#ff515e; margin-top:5px; }
#location_main { } 
#location {display:block; color:#555; float:right; padding:5px 8px 0 0; font-size:14px;}
#location a {color:#555;}

/*子频道列表*/
.subchannel_main{ padding:10px 0; }
.subchannel_main{ margin:10px 0 30px;}
.subchannel{}
.subchannellist { text-align:center;}
.subchannellist li { display:inline;line-height:36px;  }
.subchannellist li a{ padding:7px 35px 5px; margin-right:10px; color:#333; border:1px solid #5b0805; border-radius: 17px;}
.subchannellist li a:hover{ background:#5b0805;  color:#FFF;text-decoration:none; border:1px solid #5b0805;}
.subchannellist #current a{ background:#5b0805; color:#FFF; border:1px solid #5b0805; }
.subchannellist .depth1{ font-size:16px;  }
.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{ text-align:center; }
table.search_table th{ vertical-align:middle; text-align:center;   }
table.search_table td{ vertical-align:middle; }
table.search_table .form_text{ width:186px; height:32px; line-height:32px; color:#333; background:#fff; padding:0 50px 0 10px; margin:0; font-size:14px; border:#ccc solid 1px;
box-shadow: 0 3px 5px -4px rgba(0, 0, 0, 0.4) inset, -1px 0 3px -2px rgba(0, 0, 0, 0.1) inset;
border-radius: 8px; }
table.search_table .form_button{ display:block; width:40px; height:30px; font-size:0px; color:#fff; margin:0; padding:0; border:none; background:url(../images/search.png) no-repeat center; background-size:20px; position:relative; right:41px; top:0px; cursor:pointer; }

.search{ float:left;  margin-bottom: 20px; }
.release{ float:left; margin-left:20px; padding-left:36px; background:url(../images/cc-write.png) no-repeat left center; height: 32px;background-size: 28px;line-height: 33px;font-size: 18px;color: #000;}
.release span{ font-size:14px; color:#777; padding-left:10px; }
/*联系我们*/
.contact_wrap{ line-height:1.8em; }
.contact_wrap b{ font-weight: normal; }
.contact_wrap .WebUrl{ color:#F00 }
/*联系我们1*/
.contact_wrap1{ line-height:26px;;background:url(../images/contact.png) no-repeat; width:315px; height:154px; padding-left:30px; padding-top:17px; color:#FFF; overflow:hidden; }
.contact_wrap1 b{ font-weight:normal;}
.contact_wrap1 .ico1{ background:url(../images/phone.gif) no-repeat 8px center; padding: 5px 0px 5px 25px;}
.contact_wrap1 .ico2{ background:url(../images/fax.gif) no-repeat left center; padding: 5px 0px 5px 25px;}
.contact_wrap1 .ico3{ background:url(../images/email.gif) no-repeat 1px center; padding: 5px 0px 5px 25px;}
.contact_wrap1 .ico4{ background:url(../images/address.gif) no-repeat left center; padding: 5px 0px 5px 25px;}

/*订购*/
.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{ }
#link { padding:0; border:1px solid #ddd; box-sizing:border-box; margin-bottom:20px; }
.link_title{ line-height:50px; height:50px; color:#333; }
.link_title h2 { font-size:20px; color:#505050; font-weight: normal; text-indent:30px; font-weight:bold; }
.link_body { color:#333; border-top:0px; border-bottom:0px; }
.link_bottom{ height:5px; }
.link_pic { overflow:auto; zoom:1; padding: 0px 15px; }
.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 #07528c; }

.link_text{ overflow:hidden; zoom:1; width:110px; height:25px; line-height:25px; float:right; border:1px solid #A87070; color:#A87070; margin:15px 20px 0 0; font-size:12px; border-radius: 3px; appearance:none;
-moz-appearance:none;
-webkit-appearance:none; background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;  padding:0 14px 0 5px; }

.link_text option{ padding:0 5px; line-height:25px;}
.link_text ul li { float:left; text-align:center; padding:1px 18px; overflow:hidden; white-space:nowrap; }
.link_text a { line-height:22px; color:#333; }
.link_text a:hover { line-height:22px; color:#07528c; }

/* 版权信息 */
.bottom_navigation{ width:840px; overflow:hidden; float:left; padding-left:10px; }
.bottom_navigation li{float:left; width:140px; margin-right:15px; overflow:hidden; }
.bottom_navigation li.n1{margin-right:0;}
.bottom_navigation li a{ display:block; text-align:left; font-size:18px; font-weight:bold; color:#afd3fe; margin-bottom:10px; }

/*底部导航子导航*/
.bottom_navigation .subnavigationlist1 {}

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

/* 版权信息 */
#copyright_main{ color:#A87070; line-height:55px; border-top:2px solid #fe525e; margin-top:15px; }
#copyright { line-height:55px; width:1140px; font-size: 12px; }
.body_index #copyright_main{ border-top:none; margin-top:0; }
.body_index #copyright{ width:1200px; font-size: 12px; }
#copyright a {color:#A87070; text-decoration: none;}
#copyright a:hover{ color:#A87070; 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:#CC0001; color:#ff9900; }
.page .current{ background:#CC0001; color:#FFF;}
.page #total{color:red}

/*会员*/
/*会员登录*/
table.login_table{ width:40%; text-align:center; margin:20px 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; padding:10px 0;}
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:2px; }
.maplist li a{ line-height:25px; display:block; padding:0 20px; }
.maplist li a:hover { text-decoration:none; }
.maplist .depth1{ font-weight:bold;text-indent:0px; font-weight:bold; }
.maplist .depth1 a{ background:#ddd; color:#454545;  }
.maplist .depth2{text-indent:2em;  }
.maplist .depth2 a{ border-bottom:1px dashed #d5d5d5; }
.maplist .depth3{text-indent:4em}
.maplist .depth3 a{ border-bottom:1px dashed #d5d5d5; }
.maplist .depth4{text-indent:6em}
.maplist .depth4 a{ border-bottom:1px dashed #d5d5d5; }
.maplist .depth5{text-indent:8em}
.maplist .depth6{text-indent:10em}
/*==========@@公共板块  结束@@==========*/


/*==========@@通用列表 开始@@==========*/
/*文字列表*/
.textlist{}
.textlist li{ width:98%;  overflow:hidden; margin-bottom:10px; padding:15px 0; }
.textlist li p{ line-height:22px; height:44px; overflow: hidden; }
.textlist li .InfoTitle{ display:inline-block; font-size:18px; font-weight:bold; color:#505050; line-height:23px; padding-top:4px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.textlist li .time{ float:left; width:88px; height:88px; text-align:center; margin:5px 30px 0 0; background:#e4e4e4; }
.textlist li .time .day{ display:block; font-size:35px; font-weight:bold; color:#333; line-height:22px; padding:22px 0 14px 0; }
.textlist li .time .month{ width:80%; display:block; margin:0 auto; font-size:16px; text-align:center; line-height:16px; }
.textlist li .Hit{ display:block; line-height:24px; }
.textlist li:hover{ background:#e4e4e4; color:#630001; }
.textlist li:hover .InfoTitle{ color:#630001; }
.textlist li:hover .time .day{ color:#630001; }
/*文字列表*/
.textlist1{ }
.textlist1 li{ float:left; width:25%;  }
.textlist1 li a{ display: block; padding:55px 80px 0; color:#000; }
.textlist1 li .ChannelName{ font-size:18px; color:#000; line-height:27px; }
.textlist1 li p{ line-height:22px; padding-top:5px; }
.textlist1 li.n1 a{ background:url(../images/textlist_li1.png) no-repeat 124px 4px; }
.textlist1 li.n2 a{ background:url(../images/textlist_li2.png) no-repeat center top; }
.textlist1 li.n3 a{ background:url(../images/textlist_li3.png) no-repeat 124px 0px; }
.textlist1 li.n4 a{ background:url(../images/textlist_li4.png) no-repeat 124px 0px; }
.textlist1 li.n1:hover a{ background:url(../images/textlist_li1_hover.png) no-repeat 124px 4px; }
.textlist1 li.n2:hover a{ background:url(../images/textlist_li2_hover.png) no-repeat 122px 0px; }
.textlist1 li.n3:hover a{ background:url(../images/textlist_li3_hover.png) no-repeat 124px 0px; }
.textlist1 li.n4:hover a{ background:url(../images/textlist_li4_hover.png) no-repeat 124px 0px; }

/*带缩略图文字列表*/
.thumblist{}
.thumblist li{ float:left; width:23%; margin-right:2%; overflow:hidden; }
.thumblist li img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.thumblist li a{ display:block; overflow:hidden; }
.thumblist li .InfoTitle{ display:block; padding:5px 0px; font-size:18px; color:#000; white-space:nowrap; text-overflow:ellipsis; text-align:left; overflow:hidden; }
.thumblist li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); }
.thumblist li .info_wrap{ position:relative; padding:0 10px 10px; }
.thumblist li .info_wrap .ViewMore{ display:block; padding:7px 0; font-weight:bold; }
.thumblist li .info_wrap b{ display:block; transition:width 0.5s,opacity 0.5s; position:absolute; z-index:-1; top:-20%; left:0%; width:0; height:620px; opacity:0;
 -webkit-transform:translate(-7%,-50%) rotate(45deg); transform:translate(-7%,-50%) rotate(45deg); background:#6cb5ff; }
.thumblist li:hover .info_wrap b{ display:block; height:620px; width:160%; opacity:1; left:0; }
.thumblist li:hover .InfoTitle{ color:#fff; }
.thumblist li:hover p{ color:#fff; }
.thumblist li:hover .ViewMore{ color:#fff; }

.thumblist1 li{ line-height:30px; overflow:hidden; }
.thumblist1 li .ChannelPicture{ float:left; width:32%; overflow:hidden; }
.thumblist1 li .ChannelName{ display:block; font-size:22px; font-weight:bold; color:#505050; padding-top:20px; }
.thumblist1 li p{ line-height:26px; padding-top:5px; }
.thumblist1 li .info_wrap{ float:right; width:63%; padding-right:15px; }
.thumblist1 li.n1{ background:#ff0000; color:#fff; }
.thumblist1 li.n1 .ChannelName{ color:#fff; }
.thumblist1 li.n1 p{ color:#fff; }
.thumblist1 li img{ width:100%;vertical-align:middle; }
.thumblist1 li:hover{ background:#07528C; }
.thumblist1 li:hover .ChannelName{ color:#fff; }
.thumblist1 li:hover p{ color:#fff; }

.thumblist2{}
.thumblist2 li{ float:left; }
.thumblist2 li p{ line-height:22px; color:#555; }
.thumblist2 li:hover p{ color:#07528c; }
.thumblist2 li .InfoTitle{ display:block; font-size:16px; color:#505050; line-height:23px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:bold; text-align:left; }
.thumblist2 li:hover .InfoTitle{ color:#07528c; }
.thumblist2 li.n1{ width:62%; margin-right:10px; position:relative; overflow:hidden; }
.thumblist2 li.n1 .InfoTitle{ font-size:20px; line-height:28px; padding-bottom:15px; }
.thumblist2 li.n1 i{ position:absolute; bottom:0px; left:55.6%; background:url(../images/ico.png) -80px -20px no-repeat; padding-left:22px; font-style:normal; }
.thumblist2 li.n1 .InfoPicture{ overflow:hidden; display:block; width:51.6%; margin-right:4%; float:left; }
.thumblist2 li.n1 img{ width:100%; transition:.8s ease 0s; -moz-transition:.8s ease 0s; -webkit-transition:.8s ease 0s; }
.thumblist2 li.n1:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); }
.thumblist2 li.n1 .time{ position:absolute; left:38%; bottom:0; background:url(../images/n2_bg.png) repeat; text-align:center; padding:10px 12px 8px; color:#fff; }
.thumblist2 li.n1 .time .day{ display:block; font-size:24px; line-height:24px; }
.thumblist2 li.n1 .time .year{ display:block; font-size:16px; }
.thumblist2 li.n2{ width:37%; overflow:hidden; margin-bottom:10px; }
.thumblist2 li.n2 p{ white-space: nowrap; overflow:hidden;text-overflow: ellipsis;}
.thumblist2 li.n2 .time{ float:left; width:92px; height:53px; border-right:1px solid #ddd; text-align:center; margin-right:20px; }
.thumblist2 li.n2 .time .day{ display:block; font-size:28px; color:#b9b9b9; line-height:22px; padding:5px 0 5px 0; font-family: Arial;font-weight: bold;}
.thumblist2 li.n2:hover .time .day{ color:#07528c; }
.thumblist2 li.n2:hover .time .month{ color:#07528c; }
.thumblist2 li.n2 .time .month{ width:80%; display:block; margin:0 auto; font-size:14px; color:#b9b9b9; text-align:center; line-height:16px; }
/*橱窗列表*/
.gridlist{ margin-top:5px; padding-left: 85px;overflow: hidden;}
.gridlist li{ width:310px; float:left; margin-right:25px; text-align:center; overflow:hidden; position:relative; }
.gridlist li img { border:1px solid #E1E1E1; width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.gridlist li .InfoTitle{ line-height:28px; display:block; padding:0 5px 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.gridlist li:hover .InfoTitle{ color:#5b0805; } 

/*橱窗列表1*/
.gridlist1{ overflow:hidden; }

.gridlist1 li{ float:left; width:384px; zoom:1; padding-top:35px; margin-right:24px; }
.gridlist1 li img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.gridlist1 li a{ white-space:nowrap; line-height:28px;}

.gridlist1 li .ChannelPicture{ display:block; overflow:hidden; }
.gridlist1 li .ChannelName{ display:block; background:url(../images/gridlist1.png); color:#FFF; font-size:26px; font-weight:bold; padding:15px 5% 28px; position:relative; top:-71px; white-space:nowrap; }
.gridlist1 li .ChannelName i{ display:block; width:53px; height:2px; background:#ed0000; position:absolute; left:20px; bottom:13px; margin-bottom:4px; }
.gridlist1 li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); }
.gridlist1 li:hover .ChannelName{ background:url(../images/gridlist1_hover.png); }
/*橱窗列表2*/
.gridlist2{ overflow:hidden; }
.gridlist2 li { float:left; text-align:center; margin-right:10px; position:relative; }
.gridlist2 li img { width:250px; height:95px; vertical-align:middle; }
/*
.gridlist2 li .wrap{ position:absolute; bottom:0px; left:0; z-index:100; width:220PX; height:0; color:#fff; padding-left:30px; text-align:left; transition:0.5s ease; -moz-transition:0.5s ease; -webkit-transition:0.5s ease; }
.gridlist2 li .AlbumTitle{ display:block; font-size:0; color:#fff; padding:13px 0 20px; overflow:hidden; transition:0.5s ease; -moz-transition:0.5s ease; -webkit-transition:0.5s ease; }
.gridlist2 li .AlbumDescription{ font-size:0; padding:10px 0; border-top:1px solid #fff; color:#fff; transition:0.5s ease; -moz-transition:0.5s ease; -webkit-transition:0.5s ease;}

.gridlist2 li:hover .wrap,.gridlist2 li:nth-child(2) .wrap{ height:95px; background:rgba(0,0,0,.4); }
.gridlist2 li:hover .AlbumTitle,.gridlist2 li:nth-child(2) .AlbumTitle{ font-size:18px;  font-family: 微软雅黑;}
.gridlist2 li:hover .AlbumDescription,.gridlist2 li:nth-child(2) .AlbumDescription{ font-size:14px; }

*/
.gridlist3{ margin-top:15px; padding-left:17px;overflow: hidden;}
.gridlist3 li{ width:308px; float:left; margin-right:25px; margin-left:10px; text-align:center; overflow:hidden; position:relative; }
.gridlist3 li img { border:1px solid #E1E1E1; width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.gridlist3 li .InfoTitle{ line-height:28px; display:block; padding:0 5px 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.gridlist3 li:hover .InfoTitle{ color:#5b0805; } 

.gridlist4{ }
.gridlist4 li{ text-align:center;overflow:hidden; display:block; width:100%; }
.gridlist4 li img {width:100%; vertical-align:middle;}
.gridlist4 li .InfoPicture{display:block; position:relative; }
.gridlist4 li .InfoPicture p{ width:94%; height:30px; line-height:30px; color:#fff; text-align:left; padding:0 3%; font-size:16px; overflow:hidden; position:absolute; left:0; bottom:0; background-image: -webkit-linear-gradient(90deg, #000, 70%, rgba(255, 255, 255, 0)); background-image: -moz-linear-gradient(90deg, #000, 70%, rgba(255, 255, 255, 0)); background-image: -o-linear-gradient(90deg, #000, rgba(255, 255, 255, 0));background-image: linear-gradient(90deg, #000, rgba(255, 255, 255, 0)); background: linear-gradient(90deg, #000, rgba(255, 255, 255, 0)); filter: progid:DXImageTransform.Microsoft.Gradient(enabled="true", GradientType=1,StartColorstr=#FF000000, EndColorstr=#00FFFFFF); }
.gridlist4 li .InfoTitle {background:url(../images/mask.png) repeat-x left bottom;font-size:16px; position:absolute;left:0;bottom:0px; width:89%;z-index:1;padding:0;height: 79px;line-height:79px;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;color:#fff;text-indent: 10px;padding-right: 11%; }

.gridlist5{ padding-top:5px; }
.gridlist5 li{ float:left; width:100px; margin-left:9px; }
.gridlist5 li.n1{ margin-left:0; }
.gridlist5 li img{ width:100%; border:1px solid #ccc; }
.gridlist5 li.on img{ border:1px solid #DD3635; }
.gridlist5 li a {display:block; }


.gridlist6{ overflow:hidden; width:225px; }
.gridlist6 li{ float:left; width:225px; vertical-align:middle; }

/*视频列表*/
.videolist{ margin-top:5px; }
.videolist li{ width:270px; float:left; margin-right:15px; text-align:center; overflow:hidden; position:relative; }
.videolist li img { border:1px solid #E1E1E1; width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.videolist li a { white-space:nowrap; line-height:28px; display:block; overflow:hidden;} 
.videolist li .InfoTitle{ width:100%; color:#fff; position:absolute; left:0; bottom:0; background:url(../images/videolist.png) repeat; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.videolist li:hover .InfoTitle{ color:#fff; }
.videolist li:hover a img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); }


/******to-top,from-top*****/
#floor_1_2 .to-top{
	-webkit-animation: leave-anti-clockwise 0.23s ease-out;
	 -moz-animation: leave-anti-clockwise 0.23s ease-out;
	  -ms-animation: leave-anti-clockwise 0.23s ease-out;
	   animation: leave-anti-clockwise 0.23s ease-out;
	-webkit-transform-origin: 100% 100%;
	 -moz-transform-origin: 100% 100%;
	  -ms-transform-origin: 100% 100%;
	   transform-origin: 100% 100%;
}

#floor_1_2 .from-top{
	z-index: 3;
	-webkit-transform-origin: 0% 0%;
	 -moz-transform-origin: 0% 0%;
	  -ms-transform-origin: 0% 0%;
	   transform-origin: 0% 0%;
	   
-webkit-animation: enter-clockwise 0.23s ease-out;
	 -moz-animation: enter-clockwise 0.23s ease-out;
	  -ms-animation: enter-clockwise 0.23s ease-out;
	   animation: enter-clockwise 0.23s ease-out;
}

@-webkit-keyframes enter-clockwise{
	from{
		z-index: 3;
		-webkit-transform: rotate(-90deg);
	}
	to{
		z-index: 3;
		-webkit-transform: rotate(0deg);
	}
}@-moz-keyframes enter-clockwise{
	from{
		z-index: 3;
		-moz-transform: rotate(-90deg);
	}
	to{
		z-index: 3;
		-moz-transform: rotate(0deg);
	}
}@-ms-keyframes enter-clockwise{
	from{
		z-index: 3;
		-ms-transform: rotate(-90deg);
	}
	to{
		z-index: 3;
		-ms-transform: rotate(0deg);
	}
}@keyframes enter-clockwise{
	from{
		z-index: 3;
		transform: rotate(-90deg);
	}
	to{
		z-index: 3;
		transform: rotate(0deg);
	}
}

@-webkit-keyframes enter-anti-clockwise{
	from{
		z-index: 3;
		-webkit-transform: rotate(90deg);
	}
	to{
		z-index: 3;
		-webkit-transform: rotate(0deg);
	}
}@-moz-keyframes enter-anti-clockwise{
	from{
		z-index: 3;
		-moz-transform: rotate(90deg);
	}
	to{
		z-index: 3;
		-moz-transform: rotate(0deg);
	}
}@-ms-keyframes enter-anti-clockwise{
	from{
		z-index: 3;
		-ms-transform: rotate(90deg);
	}
	to{
		z-index: 3;
		-ms-transform: rotate(0deg);
	}
}@keyframes enter-anti-clockwise{
	from{
		z-index: 3;
		transform: rotate(90deg);
	}
	to{
		z-index: 3;
		transform: rotate(0deg);
	}
}

@-webkit-keyframes leave-clockwise{
	from{
		z-index: 3;
		-webkit-transform: rotate(0deg);
	}
	to{
		z-index: 3;
		-webkit-transform: rotate(90deg);
	}
}@-moz-keyframes leave-clockwise{
	from{
		z-index: 3;
		-moz-transform: rotate(0deg);
	}
	to{
		z-index: 3;
		-moz-transform: rotate(90deg);
	}
}@-ms-keyframes leave-clockwise{
	from{
		z-index: 3;
		-ms-transform: rotate(0deg);
	}
	to{
		z-index: 3;
		-ms-transform: rotate(90deg);
	}
}@keyframes leave-clockwise{
	from{
		z-index: 3;
		transform: rotate(0deg);
	}
	to{
		z-index: 3;
		transform: rotate(90deg);
	}
}

@-webkit-keyframes leave-anti-clockwise{
	from{
		z-index: 3;
		-webkit-transform: rotate(0deg);
	}
	to{
		z-index: 3;
		-webkit-transform: rotate(-90deg);
	}
}@-moz-keyframes leave-anti-clockwise{
	from{
		z-index: 3;
		-moz-transform: rotate(0deg);
	}
	to{
		z-index: 3;
		-moz-transform: rotate(-90deg);
	}
}@-ms-keyframes leave-anti-clockwise{
	from{
		z-index: 3;
		-ms-transform: rotate(0deg);
	}
	to{
		z-index: 3;
		-ms-transform: rotate(-90deg);
	}
}@keyframes leave-anti-clockwise{
	from{
		z-index: 3;
		transform: rotate(0deg);
	}
	to{
		z-index: 3;
		transform: rotate(-90deg);
	}
}
/************************/
/*==========@@通用列表  结束@@==========*/