@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:#000;	margin:0px auto; font-family: "Microsoft YaHei"; font-size:14px; background:#000; }
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:#626262; background: transparent;  outline:none}
a:visited { color:#aaa; }
a:focus { outline:none; }
a:hover{ color:#000;}
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;}


/*其它*/
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: #fd3c3d;  color: #fff; }
.btn:hover {  background-color: #ff0; color:#000;}
.btn:active {  background: #76a312;  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:35px; line-height:35px;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; height: 20px; margin-right:3px;background-position:  0px 0px;}
.form_text_verifycode:hover {background-position: 0px -37px; height: 20px;}
.form_radio{ width:auto; border:0;}
.form_checkbox{ width:auto; border:0}
.form_select { height:25px; }
.form_textarea { width:95%; height:70px; 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; width:30%;}

/*其它*/
.hide { display:none; }  /*隐藏*/
.more{ float: right; padding-right:5px; display:none;} /*more链接*/
.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% }
.ChannelAlbum{ overflow: hidden; }

/*信息*/
.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:#fd3c3d; padding:5px; color:#fff; line-height:1.8em}
.info_previous_next_wrap a { color: #ddd; }
.info_previous_next_wrap a:hover { color: #fff; }
.Next a{ }
.Previous a{ }
/*==========@@元件 结束@@==========*/

/*==========@@模块  开始@@==========*/
/*左侧*/
/*主体左侧样式*/
.left_title { height:39px; line-height:39px; border-bottom:1px solid #01673A; }
.left_title h2 { font-size:16px;  color:#01673A; }
.left_body { overflow:hidden; zoom:1; color:#01673A;  padding:10px 10px 5px; border-top:0; border-bottom: 0px}
.left_bottom { height:15px; margin-bottom:5px;}
/*样式1*/
.left_title1{ text-align:center; overflow: hidden; margin-bottom: 25px;}
.left_title1 p { color: #fff; font-size:20px; text-transform: uppercase; }
.left_title1 h2 a{ line-height:1.4em; font-size:28px; font-weight:normal; color: #fff; font-weight: bold;}
.left_title1 i{ display: block; width: 90px; height: 5px; background: #fd3c3d; margin: 0 auto; margin-top: 10px; }
.left_body1 { overflow:hidden; zoom:1;}
.left_body1 .ChannelPicture{ float:right; overflow:hidden; width:480px;}
.left_bottom1 { height:0px; margin-bottom:0px;}
/*样式2*/
.left_title2{ text-align:center; overflow: hidden;margin-bottom: 25px; }
.left_title2 p { color: #888; font-size:14px;}
.left_title2 h2 a{  line-height:40px; font-size:30px; font-weight:normal; color: #fff;}
.left_title2 i{ display: block; width: 30px; height: 3px; background: #fff; margin: 0 auto; margin: 10px auto; }
.left_body2 { overflow:hidden; zoom:1; position: relative; height: 600px; background-color: #000;}
.left_body2 ul { position: absolute; top: 0; left: 0; }
.left_body2 .btn { position: absolute; top: 50%; width: 40px; height: 40px; line-height: 40px; padding: 0; border: 0; font-size: 20px; transform: translate(0,-50%);  color: #fff; background-color: #fd3c3d; }
.left_body2 .prev { left: 5px; }
.left_body2 .next { right: 5px; }
.left_body2 .content { position:absolute; top: 50%; left: 510px; margin-top: -188px; width: 560px; height: 376px; }
.left_body2 .content h2 { font-size: 36px; line-height: 1.5em; color: #fff; text-transform: uppercase; }
.left_body2 .content .Company { font-size: 22px; line-height: 1.5em; font-weight: bold; color: #fff; }
.left_body2 .content p { font-size: 14px; color: #eee; line-height: 2.5em; word-wrap: break-word; }
.left_body2 .content p img { display: none; }
.left_bottom2 { overflow:hidden;}

/*样式3*/
.left_body3 {}
.left_body3 .cols { float: left; position: relative; overflow: hidden; width: 400px; height: 290px; z-index: 2; }
.left_body3 .cols ul { position: absolute; top:-290px; transition:all .2s linear; z-index: -1; }
.left_body3 .cols:hover ul { top: 0; }
.left_body3 .cols ul li { width: 400px; height: 290px; }
.left_body3 .cols ul li img { width: 400px; height: 290px; }
.left_body3 .shadow { width: 100%; height: 100%; background-color: #000; opacity: 0.5; filter: alpha(opacity=50); }
.left_body3 .infoTitle { position: absolute; top: 60px; width: 100%; line-height: 1.4em; text-align: center; font-size: 18px; color: #fff; font-weight: bold; }
.left_body3 .cols span.InfoTime1 { position: absolute; top: 100px; width: 100%; line-height: 1.4em; text-align: center; font-size: 16px; color: #ddd; }
.left_body3 .more1 { position: absolute; width: 136px; height: 50px; top: 160px; left: 50%; margin-left: -66px; background-color: #fd3c3d; font-size: 12px; font-weight: bold; color: #fff; text-align: center;line-height: 50px; transition:all .2s linear; }
.left_body3 .more1:hover { background-color: #fff; color: #000; }


.left_title4{ text-align:center; overflow: hidden; margin-bottom: 25px;}
.left_title4 p { color: #fff; font-size:20px; text-transform: uppercase; }
.left_title4 h2 a{ line-height:1.4em; font-size:28px; font-weight:normal; color: #fff; font-weight: bold;}
.left_title4 i{ display: block; width: 90px; height: 5px; background: #fff; margin: 0 auto; margin-top: 10px; }

.left_body5 { overflow:hidden; zoom:1;}
.left_body5 .row1 { width: 100%; height: 430px; box-sizing: border-box; padding-top: 20px; padding-right: 20px; background-color: #2b2e35; font-size: 14px; line-height: 2em; color:#fff; }
.left_body5 .row1 img { height: 430px; margin-right: 20px; margin-top: -20px; }
.left_body5 .row2 { width: 100%; padding: 60px 0; overflow: hidden; }
.left_body5 .row3 { width: 100%; overflow: hidden; }
.left_body5 .row3 img { width: 100%; }
.left_bottom5 { padding: 30px 0; overflow: hidden; }

.left_body6 { wdith: 1200px; overflow: hidden; box-sizing: border-box; border: 1px solid #333; margin-top: 30px; }
.left_body6 .ChannelName { display: block; width: 100%; margin: 20px 0; font-size: 20px; line-height: 1.4em; color: #fff; text-align: center; font-weight: bold; }
.left_body6 img { display: block; margin: 10px auto; }
.left_body6 p { box-sizing: border-box; padding: 20px 20px; font-size: 14px; line-height: 1.4em; color: #999; }
.left_body6 a:hover { color: #fff; }
    /*主体右侧*/
/*样式1*/
.right_title {}
.right_title h2 { font-size:30px; font-weight:normal; text-align:center; padding:15px 0; color:#333;   }
.right_title h2 img{ margin:0 10px;}
.right_body { padding:30px 0px; overflow:hidden; zoom:1;  border-top:0; border-bottom:0 }
.right_bottom {}
/*==========@@模块  结束@@==========*/

/*==========@@频道布局  开始@@==========*/
/*模型body*/
.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, #banner, #announcement, #link, #copyright,#bottom,#floor_1,#floor_2,#floor_3,#floor_4,#floor_5 { 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; }
.body_single { background-color: #181a1f;}
.body_picture { background-color: #181a1f; }
/*===首页 开始===*/
#floor_1_main{ overflow:hidden; background:#181a1f;}
#floor_1{ padding:45px 0px;}
#floor_2_main{ overflow:hidden; background:#20232a;}
#floor_2{ padding:45px 0px;}
#floor_3_main{ background-color: #003366; padding: 80px 0;}
#floor_4_main{ padding: 45px 0; background: #20232a; }
#floor_5_main{ padding: 45px 0; background: #003366; }
/*===首页 结束===*/

/*===产品模型 开始===*/
.product { padding: 30px; }
.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:#333; font-weight:bold;}
.message_body{ padding-left: 10px; padding-right: 10px; color:#626262; }
.message_bottom{}
/*===留言频道  结束===*/

/*===反馈频道 开始===*/
.feedback{ }
.feedback .right_body .col1 { float: left; overflow-wrap: break-word; box-sizing: border-box; padding: 50px 30px 30px; height: 516px; width: 570px; background-color: rgb(43, 46, 53); font-size: 12px; line-height: 1.4em; }
.feedback .right_body .col1 p { font-size: 14px; line-height: 1.4em; padding-bottom: 20px; color: #eee; overflow-wrap: break-word; }
.feedback .right_body .col1 span { display: block; width: 100%;padding: 10px 0; text-align: left; }
.feedback .right_body .col1 .Company { font-size: 20px; color: #fff; font-weight: bold; line-height: 1.4em; }
.feedback .right_body .col1 .PersonInCharge,.CounselingHotline,.CompanyMailbox,.ClubAddress { display: block; font-size: 14px; line-height: 1.4em; color: #eee; overflow-wrap: break-word; }
.feedback .right_body .col1 img { float: left; width: 130px; margin-right: 20px; }
.feedback .right_body .col1 .PayAttentionToUs { float: left; width: 130px; padding-top: 30px; font-size: 14px; color: #bbb; line-height: 1.8em; }
.feedback .right_body .col2 { float: right; width: 590px; }
table.feedback_table{ width:99%; text-align:center; margin:0 auto;}
table.feedback_table tr { height: 35px; }
table.feedback_table td{ width: 100%; text-align:left; color: #ddd; font-size: 14px; line-height: 1.5em;}
table.feedback_table td span { margin-right: 370px; color: #ddd; font-size: 14px; line-height: 1.5em;}
table.feedback_table .operation{text-align:center}
/*===反馈频道 结束===*/
/*==========@@频道布局  结束@@==========*/


/*==========@@公共板块  开始@@==========*/
/* 顶部 */
#top_main { height:28px;  background:#000; border-bottom:0px solid #ddd;}
#top { height:28px; line-height:28px; 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: #ccc;  }
#top a:hover { color:#fff; text-decoration:none}

/*Logo*/
#logo_main { background: #003366; }
#logo {overflow:hidden; }
#logo .WebLogo{ float:left;}
#logo .WebLogo img{ height:75px; 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:#0256ac;}
#navigation {  float:right; height: 75px; line-height: 75px;  }
#navigation ul.navigationlist li { float:left; text-align:center; line-height: 75px;  }
#navigation ul.navigationlist li div { height: 75px; line-height: 75px; }
#navigation ul.navigationlist li a { padding:0 25px; font-size:14px; font-weight:normal; color:#f0f0f0; border-right:1px solid #fff;}
#navigation ul.navigationlist li:last-child a { border: none; }
#navigation ul.navigationlist li a:hover { text-decoration:none; color:#fff; }
#navigation ul.navigationlist .current {  color:#fff; }
/*导航栏下拉*/
#navigation  ul.subnavigationlist{ display:none; position:absolute; background:#000; z-index:100}
#navigation  ul.subnavigationlist li {  float:none; padding:0px; display:inline;}
#navigation  ul.subnavigationlist li a { display:block; white-space:nowrap; font-weight:normal; border: 0px; color:#FFF; line-height:28px;height:28px; font-size:14px; padding:0px 16px; text-align:left}
#navigation  ul.subnavigationlist li a:hover { color:#f00; }

/*公告*/
#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(../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; }

/*Js幻灯片样式*/
#banner_main {position:relative; border:0px solid blue; }
#banner_main .ChannelSContent { position: absolute; bottom: 200px; left: 50%; padding: 0 50px; height: 54px; line-height: 54px; background-color: #fd3c3d; color: #fff; text-transform: uppercase; font-size: 12px; font-weight: bold; font-family: Microsoft YaHei; transform: translate(-50%,0); transition:all .2s linear; }
#banner_main .ChannelSContent:hover { background-color: #fff; color: #000; }
#banner {  border:0px solid red; margin:0 auto; overflow:hidden; width:100%}
.bannerlist{}
.bannerlist li{ position: relative; text-align:center; border:0px dashed red; overflow:hidden; display:block;}
.bannerlist li img{ margin:0 auto; display:block; }
.bannerlist li .BannerName { position: absolute; width: 100%; text-align: center; top: 27%; left:0; font-size: 34px; line-height: 1.5em; letter-spacing: 1px; font-weight: bold; color: #fff; }
.bannerlist li .StarJsf { position: absolute; width: 100%; text-align: center; top: 33%; left:0; font-size: 66px; line-height: 1.5em; letter-spacing: 1px; font-weight: bold; color: #fff; }
.bannerlist li .BannerDescription { position: absolute; width: 100%; top: 48%; left:0; text-align: center; font-size: 16px; line-height: 1.9em; letter-spacing: 1px; color: #fff; white-space: pre-wrap; }
#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:15px; height:6px; background:#fff; margin-right:15px; overflow:hidden; font-size:0px;}
#banner_main .hd ul li.on{  background:#F00; }

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

/*当前位置*/
#location_main { } 
#location {display:none;color:#01673A; float:right; padding-right:8px;}
#location a {color:#01673A;}

/*子频道列表*/
#subchannel_main{ border-bottom:0px solid #ddd; overflow:hidden; }
#subchannel{ width:1200px; overflow:hidden; margin:0 auto; line-height:50px; height:50px;}
.subchannellist { text-align:center;}
.subchannellist li { display:inline; }
.subchannellist li.n1{ border:0;}
.subchannellist li a { padding: 10px 20px; color:#fff;  font-size:14px; background-color: #2b2e35; }
.subchannellist li a:hover { background-color: #fd3c3d; }
.subchannellist #current a { background-color: #fd3c3d;}
.subchannellist .depth1{ font-weight:normal; }
.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 }

/*公共百度地图*/
#Map{ overflow:hidden; width:100%;}
#Map .MapInfo{ float:left; border: 1px dashed #f00; padding:8px;}
#Map .MapInfo #MapContainer{ width:870px; height:380px; }
#Map .ContactInfo{ width:300px; float:right; line-height:2.7em; color: #fff;}
#Map .ContactInfo .Company{ font-size:24px; margin-bottom:8px;}
#Map .ContactInfo img{ width: 18px; vertical-align:middle; margin-right:8px;}
#Map .ContactInfo a.WebUrl:hover { color: #fff; }

/*订购*/
.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 {padding: 15px 0; background:#20232a;}
#link { padding:0;border: 0px solid #D6D6D6; }
.link_title { line-height:59px; height:59px;  color:#fff;  }
.link_title h2 { font-size:24px; color:#eee; font-weight: normal; text-indent:15px;}
.link_body { color:#000; border-top:0px; border-bottom:0px; }
.link_bottom{}
/*图片链接列表*/
.linkpiclist { overflow:auto; zoom:1;  }
.linkpiclist li { float:left; padding:1px 5px; text-align:center; width:112px;}
.linkpiclist li img { width:86px; height:30px; padding:2px; border:1px solid #3c11b3; }
.linkpiclist li a:hover img { border:1px solid #eee; }
/*文字链接列表*/
.linktextlist { overflow: hidden; zoom:1; padding:8px 0 8px 0; }
.linktextlist li { float:left; text-align:center; padding:1px 15px; overflow:hidden;white-space:nowrap;}
.linktextlist li a { line-height:22px; color:#999; }
.linktextlist li a:hover { line-height:22px; color:#fff; }

/*底部区域*/
#bottom_main{ background-color: #2b2e35; padding: 40px 0; color:#f0f0f0; }
#bottom{}
#bottom_1{float: left;width: 66%;}
.bottom_navigation {  overflow: hidden;  float: left;  }
.bottom_navigation li {  float: left;  width: 120px;  margin-right: 15px;  overflow: hidden;  }
.bottom_navigation li a {  display: block;  text-align: left;  font-size: 18px;  margin-bottom: 10px; color: #f0f0f0;  font-weight: bold;  }
.bottom_navigation li a:hover {  color:#fff;}
.bottom_navigation .subnavigationlist1 li {  float: none;  padding: 0;  line-height: 28px;  display: block;  }
.bottom_navigation .subnavigationlist1 li a { color: #999;  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;}
#bottom_2{float: right;width: 34%;}
#bottom_2 .WeChat img {  float: left;  width: 102px;  padding: 20px 30px 0 0;  }
#bottom_2 .bdsharebuttonbox .LShare {  display: block;  line-height: 24px;  height: 24px;  cursor: pointer;  margin: 6px 6px 6px 0;  font-size: 16px;  color: #f0f0f0; }
.bdshare-button-style0-24 {  padding-top: 30px;  }

#bdshare .bds_more { line-height: 16px; }

/* 版权信息 */
#copyright_main { color:#fff; background-color: #20232a;}
#copyright { line-height:40px; text-align:center; padding:15px;}
#copyright a {color: #f0f0f0; 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:#CC0001; color:#ff9900; }
.page .current{ background:#CC0001; color:#FFF;}
.page #total{color:red}

/*会员*/
/*会员登录*/
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}
/*==========@@公共板块  结束@@==========*/


/*==========@@通用列表 开始@@==========*/
/*文字列表*/
.textlist{ }
.textlist li { line-height:28px; height:28px;text-indent:8px; background:url(../textlist.gif) no-repeat 0 center; overflow:hidden;width:100%;/*解决ie6bug*/}
.textlist li a{  }
.textlist li .InfoTime{ float:right;}
/*文字列表1*/
.textlist1{ overflow: hidden; width: 680px; margin: 20px auto;  }
.textlist1 li{ float: left;  }
.textlist1 li a{ display: block;  float: left; width: 160px; height: 60px; margin: 0 5px; background: #FFF; color: #666; text-align: center; line-height: 60px; }
.textlist1 li a:hover{ background: #1651b8; color: #FFF; }
/*文字列表3*/
.textlist3{ margin-top: 30px; }
.textlist3 li{ width:100%;  overflow:hidden; padding:30px 0; border-bottom: 1px dotted #dbd4cd; }
.textlist3 li p{ line-height:22px; height:64px; overflow: hidden; color: #aaa; }
.textlist3 li .InfoTitle{ display:inline-block; font-size:18px; font-weight:bold; color:#fff; line-height:23px; padding-top:0px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.textlist3 li .time{ float:left; width:88px; height:88px; text-align:center; margin:0px 30px 0 0; background:#c11b33; color:#FFF; }
.textlist3 li .time .day{ display:block; font-size:35px; font-weight:bold; line-height:22px; padding:22px 0 14px 0; }
.textlist3 li .time .month{ width:80%; display:block; margin:0 auto; font-size:16px; text-align:center; line-height:16px; }
.textlist3 li:hover .InfoTitle{ color:#c11b33; }
/*带缩略图文字列表*/
.thumblist{ }
.thumblist li{ text-align:left; overflow:hidden; padding:15px 0; border-bottom:0px dashed #ddd;transition:.2s ease 0s; -moz-transition:.2s ease 0s; -webkit-transition:.2s ease 0s;}
.thumblist li .InfoPicture{ float:left; overflow:hidden; }
.thumblist li img{  border:0px solid #ccc;width:240px; margin-right:20px; }
.thumblist li:hover img{ }
.thumblist li .info_wrap{ overflow:hidden;}
.thumblist li .InfoTitle{ display:block; font-size:22px; font-weight:bold; color:#555; text-align:left; padding:0; }
.thumblist li:hover .InfoTitle{ color:#000; }
.thumblist li .InfoTime{ display:block; height:30px; line-height:30px; text-align:left; padding:0; color:#666;}
.thumblist li p{ font-size:15px; color:#898989; line-height:1.8em;overflow:hidden;}
/*带缩略图文字列表2*/
.thumblist1{ overflow: hidden; }
.thumblist1 li{ width: 570px; margin: 10px 0; }
.thumblist1 div.info_wrap{ float: right; width: 366px; }
.thumblist1 div.InfoTime{ color: #555; }
.thumblist1 li.n0{ float: left; }
.thumblist1 li.n1{ float: right; }
.thumblist1 li a.InfoPicture{ float: left; }
.thumblist1 li img{ width: 182px; }
.thumblist1 li a.InfoTitle{ font-size: 18px; color: #000; font-weight: bold; }
.thumblist1 li a.InfoTitle:hover{ color: #0064D6; }
.thumblist1 li p{ color: #999; line-height: 1.7em; }

/*橱窗列表*/
.gridlist{ margin-top:5px; }
.gridlist li { float:left; padding:4px 0;margin-bottom:10px; margin-left:12px; text-align:center; overflow:hidden; display:inline /*解决ie6 双边距bug*/;
text-overflow:ellipsis; white-space:nowrap; transition:all .2s linear; }
.gridlist li:hover { transform:translate3d(0, -5px, 0);  }
.gridlist li.n0{ margin-left:0; }
.gridlist li img { border:1px solid #f0f0f0; width:289px;}
.gridlist li a { white-space:nowrap;}
.gridlist li .InfoTitle{ text-align:center; padding:10px 0; font-weight:normal; }
.gridlist li:hover .InfoTitle{ }
.gridlist li:hover img{ border-color:#ddd;}

/*橱窗列表1*/
.gridlist1{ overflow:hidden; }
.gridlist1 li { float: left; background: #FFF; text-align: center; }
.gridlist1 li a.InfoPicture{ display: block; width: 380px; }
.gridlist1 li.n1{ margin: 0 30px; }
.gridlist1 li img { width: 100%; }
.gridlist1 li a{font-size: 16px; color: #333; line-height: 40px; }
.gridlist1 li .InfoTitle{display: block; background: #f5f5f5; }
/*橱窗列表2*/
.gridlist2{ overflow: hidden; }
.gridlist2 li{ float: left; }
.gridlist2 li a.InfoPicture{ display: block; }
.gridlist2 a.InfoTitle{ display: block; width: 380px; color: #FFF; font-weight: bold; text-align:left; font-size:18px;}
.gridlist2 a.InfoTitle:hover{ color: #f0f0f0; }
.gridlist2 li img{ width: 380px; padding: 10px 0; }
.gridlist2 li.n2{ margin: 0 30px; }
.gridlist2 li p{ display: block; width: 380px; color: #999; }

/*橱窗列表3*/
.gridlist3{ margin-top:5px; overflow: hidden; }
.gridlist3 li { float:left; position: relative; padding:4px 0; width:300px; height: 478px;  margin-bottom:10px; text-align:center; overflow:hidden; display:inline /*解决ie6 双边距bug*/;
    text-overflow:ellipsis; white-space:nowrap; transition:all .2s linear; }
.gridlist3 li img { position: absolute; top: 0; left: 0; width:300px; height: 478px;}
.gridlist3 li .img2 { display: none; }
.gridlist3 li:hover .img2 { display: block; }
.gridlist3 li span { position: absolute; left: 0; width: 100%; text-align: center; letter-spacing: 1px; color: #fff; }
.gridlist3 li span.ChannelSContent { top: 40px; font-size: 32px; line-height: 125%; text-transform: uppercase; }
.gridlist3 li span.ChannelName { top: 80px; font-size: 24px; line-height: 125%;  }
.gridlist3 li span.more1 { bottom: 40px; left: 50%; width: 165px; height: 60px; line-height: 60px; margin-left: -82px; font-size: 12px; font-weight: bold; border: 2px solid #fff; text-transform: uppercase; transition: all .2s linear; }
.gridlist3 li span.more1:hover { background-color: #fff; color: #000; }

/*橱窗列表4*/
.gridlist4 { overflow: hidden; width: 1200px; }
.gridlist4 li { float: left; width: 600px; height: 300px; margin: 15px 0; background-color: #2b2e35; }
.gridlist4 li .InfoPicture { float: left; wdith: 300px; height: 300px; }
.gridlist4 li .col2 { float: right; width: 250px; height: 280px; padding: 10px 25px; }
.gridlist4 li .col2 .InfoTitle { display: block; width: 100%; text-align: left; font-size: 18px; line-height: 1.9em; color: #fff; font-weight: bold; }
.gridlist4 li .col2 .InfoSContent { display: block; width: 100%; text-align: left; font-size: 14px; line-height: 1.9em; color: #fd3c3c; font-weight: bold; }
.gridlist4 li .col2 p { width: 100%; margin: 15px 0; font-size: 14px; line-height: 2em; color: #b8b8b8; }
.gridlist4 li .col2 img { width: 32px; height: 32px; }

/*橱窗列表5*/
.gridlist5 { overflow: hidden; width: 1200px; }
.gridlist5 li { float: left; position: relative; width: 240px; height: 240px; cursor: pointer; }
.gridlist5 li:hover div { display: block; }
.gridlist5 li img { width: 240px; height: 240px; }
.gridlist5 li div { position: absolute; display: none; top: 0; left: 0; width: 240px; height: 240px; background: #000 url(../n-icon02.png) center no-repeat; opacity: 0.5; filter: alpha(opacity=50); }

/*橱窗列表6*/
.gridlist6 {}
.gridlist6 li { width: 600px; height: 430px; }
.gridlist6 li img { width: 600px; height: 430px; }

/*橱窗列表7*/
.gridlist7 { width: 980px; margin: 0 auto; overflow: hidden; }
.gridlist7 li { float: left; width: 185px; height: 250px; margin: 0 30px; }
.gridlist7 li div { position: relative; width: 185px; height: 185px; margin: 20px 0; color: #fff; font-size: 80px; text-align: center; line-height: 185px; }
.gridlist7 li p { position: absolute; top: 0; left: 0; width: 185px; height: 185px; box-sizing: border-box; border: 3px solid #fd3d3d; border-radius: 50%; transition: all .3s linear; }
.gridlist7 li:hover p { transform: rotateY(180deg); }
.gridlist7 li .TagDescription { display: block; width: 100%; font-size: 20px; line-height: 1.4em; color: #fff; font-weight: bold; text-align: center; }

/*橱窗列表8*/
.gridlist8 { width: 1200px; margin-top:30px; overflow: hidden; }
.gridlist8 li { float: left; width: 380px; height: 400px; margin-left: 20px; margin-bottom: 35px; }
.gridlist8 li.n2 { margin-right: 0; }
.gridlist8 li div { width: 380px; height: 380px; overflow: hidden; }
.gridlist8 li div img { width: 100%; transition: all .5s; }
.gridlist8 li div:hover img { transform: scale(1.2,1.2); }
.gridlist8 li .InfoTitle { display: block; width: 100%; height: 38px; text-align: center; line-height: 38px; font-size: 14px; color: #999; }
.gridlist8 li .InfoTitle:hover { color: #fff; }

.Popup_main { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: #000; opacity: 0.5; filter: alpha(opacity=50); z-index: 5; }
.Popup_body { display: none; position: fixed; top: 20%; left: 50%; right: 0; margin-left: -175px; width: 350px; height: 430px; padding: 10px; background-color: #fff; z-index: 6; }
.Popup_body img { width: 100%; z-index: -10000; }
.Popup_body p { float: left; width: 60%; padding-top: 10px; font-size: 12px; letter-spacing: 1px; text-indent: 1em; }
.Popup_body .Close { float: right; font-size: 20px; text-transform: uppercase; margin-top: 5px; cursor: pointer; }
.Popup_body div { position: absolute; top: 10px; width: 180px; height: 400px; }
.Popup_body .pre_btn { left:0; cursor: url(../left.png),pointer; }
.Popup_body .next_btn { right: 0; cursor: url(../right.png),pointer; }

    /*橱窗列表9*/
.gridlist9 { width: 1200px; margin:30px 0; overflow: hidden; }
.gridlist9 li { float: left; width: 270px; height: 310px; margin: 15px; }
.gridlist9 li img { width: 270px; height: 310px; }

.delay0_1,.delay0_2 { -webkit-animation-delay:0.4s; animation-delay:0.4s; }
.delay0_3,.delay0_4 { -webkit-animation-delay:0.6s; animation-delay:0.6s }
.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.4s; animation-delay:1.4s; }
.delay7{ -webkit-animation-delay:1.5s; animation-delay:1.5s; }
.delay8{ -webkit-animation-delay:1.6s; animation-delay:1.6s; }
.delay9{ -webkit-animation-delay:1.7s; animation-delay:1.7s; }
.delay10{ -webkit-animation-delay:1.8s; animation-delay:1.8s; }

    /*视频列表*/
.videolist{ margin-top:5px; }
.videolist li { float:left; margin-bottom:10px; margin-left:12px; text-align:center; overflow:hidden; transition:all .2s linear}
.videolist li:hover { transform:translate3d(0, -4px, 0); box-shadow:0 10px 10px rgba(0,0,0,.1); }
.videolist li.n0{ margin-left:0; }
.videolist li img { border:1px solid #fff; width:289px;}
.videolist li a{ display:block; position:relative; }
.videolist li .InfoTitle{ display:block; padding:10px 0; }
.videolist li .InfoTitle a { white-space:nowrap; }
.videolist li i{ position:absolute; width:100%; height:100%; top: 0;left: 0;background:url(../play.png) center center no-repeat; cursor:pointer;}

.ChannelAlbum{ overflow: hidden; }

/*频道相册列表*/
.channelalbumlist{ overflow:hidden; }
.channelalbumlist li { float:left; margin-top:10px;}
.channelalbumlist li img{ display: block; width:290px; margin-right:10px;}
/*频道相册列表1*/
.channelalbumlist1{ overflow:hidden; float:left; width:600px;}
.channelalbumlist1 li { text-align:left; overflow:hidden; padding:12px 0;}
.channelalbumlist1 li i{font-size:40px;border-radius: 50%;width:100px;height:100px;color:#fff;line-height: 100px;float:left; text-align:center; font-style:normal; margin-right:18px;}
.channelalbumlist1 li i.n1{background: #008287;}
.channelalbumlist1 li i.n2{background: #6ce26c;}
.channelalbumlist1 li i.n3{background: #bd362f;}
.channelalbumlist1 li .info_wrap{ }
.channelalbumlist1 li .AlbumTitle {font-size:22px;font-weight: normal;text-align: left; margin-bottom:12px;}
.channelalbumlist1 li  p{font-size: 14px;display:block;line-height: 26px;text-align: left;color:#888;}
/*频道相册列表1*/
.channelalbumlist2{ overflow:hidden; }
.channelalbumlist2 li { float:left;}
.channelalbumlist2 li img{ width: 238px;height: 107px; border: 1px solid #ddd; margin-top: -1px; display: block;}
 .channelalbumlist2 li img:hover { filter: grayscale(1); -webkit-filter: grayscale(1); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
/*==========@@通用列表  结束@@==========*/

/*产品详情*/
.about_main{ margin:20px 0px; color:#CCC;}
.about_title {font-size:20px; font-weight:normal; text-align:center; height:100px; line-height:100px;}
.about_data{ font-size:14px; text-align:center; height:30px; line-height:30px; padding-bottom:20px; border-bottom:dashed 1px #c1c1c1;}
.about_data span{ padding:0 10px 0 10px}
.about_img01{text-align:center; margin:20px 0;}
.about_con{ /*text-indent:2em; */ line-height:30px; font-size:14px; padding:20px}
.about_page{ margin: 0px 0; padding: 15px 20px; border-top-width: 1px; border-top-style: dotted; border-top-color: #c1c1c1; }
.about_page_prev,.about_page_next{line-height:30px;}
.about_page a:hover{ color:#f39800;}

/*page*/
.Page{ width: 100%; text-align: center; float:left; padding: 40px 1px; overflow: hidden; }
.Page a{display:inline-block;width:65px;background:#2b2e35;height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #20232a; margin-left:-1px; float:left;text-decoration:none; color:#fff; outline:none;}
.Page .m{ background:#c11b33; color:#FFF;background-repeat:no-repeat; }
.Page span{display:inline-block;min-width:45px; padding:0 10px;background:#2b2e35;height:48px; vertical-align:middle; color:#FFF; line-height:48px; font-size:14px; border:1px solid #20232a; margin-left:-1px;float:left;}
.Page span.current{ background:#d93037; color:#FFF}

/*在线留言*/
.online{ width:630px; margin-left:250px; height:437px; overflow:hidden;}
.online h2{ font:bold 16px/40px "microsoft Yahei"; color:#333; height:40px; overflow:hidden;}
.online h2 a{ color:#333;}
.online h3{ font:12px/16px "microsoft Yahei"; color:#666; padding-top:8px;}
.online h3 em{ font:bold 16px/16px "microsoft Yahei";}
.online h4{ font:12px/18px "microsoft Yahei"; color:#666; padding-top:4px;}
.online ul{ margin-top:0px; overflow:hidden;}
.online li{ width:630px; float:left; margin-top:12px;}
.online li em{ width:95px; display:inline-block; vertical-align:top; font:12px/23px "microsoft Yahei"; color:#ccc; text-align:right; padding-right:5px;}
.online li span{color:#F00;padding-top: 5px; margin-left:5px;}
.online li .inp_01{ width: 480px; height: 23px; border: 1 solid #CCC; padding-left: 5px; line-height: 23px; color: #333; }
.online li .inp_02{ width:480px; height:120px; border: 1 solid #CCC; padding-left: 5px; line-height: 23px; color: #333;}
.online li .inp_03{ width:100px; height:23px; border: 1 solid #CCC; padding-left: 5px; line-height: 23px; color: #333;}
.online li.li_02{ margin-left:20px; display:inline;}
.online li.li_03{ width:548px; margin-top:28px;}
.online li.li_04{margin-top:28px;}
.online li img{ vertical-align:middle; margin:0 20px 0 15px;}
.online li a{ color:#333; font-family:"microsoft Yahei";}
.online li.online_btn{ margin:29px 0 0 46px; _margin:29px 0 0 16px; overflow:hidden;}
.online .tj{ width:77px; height:24px; border:1px solid #666;text-align:center; color:#ccc; background:none; font-family:"microsoft Yahei"; cursor:pointer; margin-left:23px; display:inline; float:left; line-height:20px;}