﻿@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:#696868;	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:#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;}

/*表单*/
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;}
.wrap1{width: 1200px; margin: 0 auto;}
.wrap2{width: 1400px; margin: 0 auto;}
/*==========@@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: #009b4c;  color: #fff; outline: none; transition: all 0.4s linear }
.btn:hover {  background-color: #009b4c; color:#fff;}
.btn:active {  background: #009b4c;  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; outline: none; }
.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;outline: none;}
.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;} /*more链接*/
.more a{  color:#009b4c} /*more链接*/
.more a:hover{  color:#ff9d02} /*more链接*/
.code_image{ cursor: pointer; padding-bottom:6px; } /*验证码图片样式*/

/*频道*/
.ChannelContent{ line-height:2.0em; font-size:14px; text-indent: 2rem;}
.ChannelSContent, .ChannelSContent p{ line-height:1.8em}
.ChannelContent a{ color: #ff9d02}
.ChannelSContent{color:#FFF;  line-height:30px; overflow:hidden;}
.ChannelSContent a{ color: #FA4B86}
.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; color: #333;}
.InfoTime{color:#999; text-align:left;  padding:2px 0px; height:25px}
.InfoContent, .InfoContent p{ line-height:2.0em; font-size:14px; padding:10px 0; text-indent: 1.8rem}
.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:#666;  line-height:30px; margin-bottom:5px;}
.info_from_wrap a { color:#666; }
.info_from_wrap a:hover { color:#fa4b86; }
#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{ padding:5px; border:1px solid #d6d6d6; color:#333; line-height:1.8em}
.Next a{ color: #666; }
.Next a:hover{ color: #f14b86; }
.Next a:visited{ color: #999; }
.Previous a{ color: #666; }
.Previous a:hover{ color: #f14b86; }
.Previous a:visited{ color: #999; }
/*==========@@元件 结束@@==========*/

/*==========@@模块  开始@@==========*/
/*左侧*/
/*主体左侧样式*/
.left_title { height:49px; line-height:49px; background: #009b4c ;border-left: 15px solid #FFD704; }
.left_title h2 { font-size:26px;  color:#fff;  font-weight: normal; text-align: center;}
.left_body { overflow:hidden; zoom:1; background: #009b4c ;border-left: 15px solid #FFD704 }
.left_bottom { height:15px;background: #009b4c ;border-left: 15px solid #FFD704 ;margin-bottom: 15px; }

/*样式1*/
.left_title1{ height:69px; line-height:69px;text-align: center;}
.left_title1 h2 {  font-size:26px; color:#000; font-weight: normal; }
.left_title1 h2 a{ font-size:26px; color:#000; }
.left_title1 h2 p{ font-size:14px; color:#333;  }
.left_body1 { overflow:hidden; zoom:1;   }
.left_bottom1 { height:15px; margin-bottom:5px;}

/*样式2*/
.left_title2{ height:69px; line-height:69px;text-align: center;}
.left_title2 h2 {  font-size:26px; color:#fff; font-weight: normal; }
.left_title2 h2 a{ font-size:26px; color:#fff; }
.left_body2 { overflow:hidden; zoom:1;   }
.left_body2 .left_body2_1{float: left;width: 550px;padding-top: 40px;}
.left_body2 .left_body2_1 img{opacity: 0; }
.left_body2 .left_body2_2{float: right;width: 550px;padding-top: 40px;}
.left_bottom2 { height:15px; margin-bottom:5px;}

/*样式3*/
.left_title3 { height:137px;  background: url("../images/title.png"/*tpa=http://0223.wangzhan31.com/App/Tpl/Home/Default/Public/images/title.png*/) no-repeat }
.left_title3 h2 { color: #FFF;  padding-top: 144px;  text-align: center;font-size: 26px; font-weight: normal;  }
.left_title3 h2 a{color: #fff;}
.left_body3 { padding:15px; overflow:hidden; zoom:1; background: url("../images/body.png"/*tpa=http://0223.wangzhan31.com/App/Tpl/Home/Default/Public/images/body.png*/) repeat-y;margin-top: 50px;}
.left_bottom3 { height: 163px;background: url("../images/bottom.png"/*tpa=http://0223.wangzhan31.com/App/Tpl/Home/Default/Public/images/bottom.png*/) no-repeat;text-align: center}
.left_bottom3 a{  padding: 5px 15px; background: #BD6E6D; line-height:100px  ;border-radius: 10px;color: #fff ;transition: all .5s linear}
.left_bottom3 a:hover{background: #F74B48}

.left_title4 { height:137px;  background: url("../images/title1.png"/*tpa=http://0223.wangzhan31.com/App/Tpl/Home/Default/Public/images/title1.png*/) no-repeat }
.left_title4 h2 { color: #FFF;  padding-top: 144px;  text-align: center;font-size: 26px; font-weight: normal;  }
.left_title4 h2 a{color: #fff;}
.left_body4 { padding:15px; overflow:hidden; zoom:1; background: url("../images/body.png"/*tpa=http://0223.wangzhan31.com/App/Tpl/Home/Default/Public/images/body.png*/) repeat-y;margin-top: 50px;}
.left_bottom4 { height: 163px;background: url("../images/bottom.png"/*tpa=http://0223.wangzhan31.com/App/Tpl/Home/Default/Public/images/bottom.png*/) no-repeat;text-align: center}
.left_bottom4 a{ padding: 5px 15px; background: #81B9BA; line-height:100px  ;border-radius: 10px;color: #fff;transition: all .5s linear}
.left_bottom4 a:hover{background: #7CF2F2}

.left_title5 { height:137px;  background: url("../images/title2.png"/*tpa=http://0223.wangzhan31.com/App/Tpl/Home/Default/Public/images/title2.png*/) no-repeat }
.left_title5 h2 { color: #FFF;  padding-top: 144px;  text-align: center;font-size: 26px; font-weight: normal;  }
.left_title5 h2 a{color: #fff;}
.left_body5 { padding:15px; overflow:hidden; zoom:1; background: url("../images/body.png"/*tpa=http://0223.wangzhan31.com/App/Tpl/Home/Default/Public/images/body.png*/) repeat-y;margin-top: 50px;}
.left_bottom5 { height: 163px;background: url("../images/bottom.png"/*tpa=http://0223.wangzhan31.com/App/Tpl/Home/Default/Public/images/bottom.png*/) no-repeat;text-align: center}
.left_bottom5 a{ padding: 5px 15px; background: #C0AF83; line-height:100px  ;border-radius: 10px;color: #fff;transition: all .5s linear}
.left_bottom5 a:hover{background: #FAD15F}

/*主体右侧*/
/*样式1*/
.right_title {border-bottom: 1px dashed #009b4c; height: 49px ; line-height: 49px;}
.right_title h2 { font-size:26px; font-weight:normal; color:#009b4c; }
.right_title h2 a { font-size:26px; font-weight:normal; color:#009b4c; }
.right_title h2 img{ display: none }
.right_body { overflow:hidden; zoom:1;padding: 10px 0}
.right_body .InfoSContent{display: none}
.right_bottom {}

/*样式2*/
.right_title1 {border-bottom: 1px dashed #009b4c; height: 49px ; line-height: 49px;}
.right_title1 h2 { font-size:26px; font-weight:normal; color:#009b4c; }
.right_title1 h2 a { font-size:26px; font-weight:normal; color:#009b4c; }
.right_title1 h2 img{ display: none }
.right_body1 { overflow:hidden; zoom:1;padding: 10px 0}
.right_bottom1 {}

/*样式3*/
.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*/
.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:35px auto; }
#top, #logo, #banner, #announcement, #link, #copyright,#floor_1,#floor_2,#floor_3,#floor_5,#floor_6,#floor_7,#floor_8,#floor_9
,#floor_10,#floor_12,#floor_13,#floor_4 { width:1200px;  margin:0 auto; overflow:hidden; border:0px dashed red;}
#left { float:left; width:300px; }
#right { float:right; width:870px; }

/*===首页 开始===*/
.top{width: 100%;height:36px; line-height: 34px; text-align: center; background: url(/template/pc/yl6021/static/images/btbj_05.png) no-repeat center;}
.top a{font-size: 24px; color: #333333;}

#index1{width: 100%; height: 639px; padding-top: 35px; background: url(/template/pc/yl6021/static/images/jjbj_04.jpg) no-repeat center;}

/*#index1 .top{width: 100%;height:36px; line-height: 34px; text-align: center; background: url(/template/pc/yl6021/static/images/btbj_05.png) no-repeat center;}*/
#index1 .cont{width:1180px; height: 410px; padding-left: 20px; padding-top: 30px; margin-top: 100px;}
#index1 .cont .l{width: 705px; height: 380px; padding-top: 30px; font-size: 16px; color: #333333; float: left;}
#index1 .cont .l .ys li{float: left; margin-right: 15px; margin-top:30px; width: 80px; height: 80px; font-size: 24px; color: #333; line-height: 80px; text-align: center; border: 1px solid #009b4c; border-radius: 50%;}
#index1 .cont .l .gd a{display:inline-block; padding: 10px 30px; font-size:16px; color: #009b4c; margin-top: 40px; border: 1px solid #009b4c; border-radius: 10px;}

#index1 .cont .r{width: 425px; height: 410px; float: right;}
#index1 .cont .r img{width: 400px; height: 400px; border-radius: 50%;}

#index1 .cont .l .gsjj p{line-height:28px;text-indent: 2rem;font-size:16px;}
#index1 .cont .l .gsjj {line-height:28px;text-indent: 2rem;font-size:16px;}


#index2{width: 100%; height:494px; padding-top:43px;  background: url(/template/pc/yl6021/static/images/cpzs_12.jpg) no-repeat center;}
#index2 .cont li{float: left; width: 291px; height: 399px; margin-top: 25px;}
#index2 .cont li:nth-child(1){ margin-right: 12px; background: url(/template/pc/yl6021/static/images/hcxl_13.jpg) no-repeat center;}
#index2 .cont li:nth-child(2){ margin-right: 12px; background: url(/template/pc/yl6021/static/images/gzxl_13.jpg) no-repeat center;}
#index2 .cont li:nth-child(3){ margin-right: 12px; background: url(/template/pc/yl6021/static/images/ncxl_13.jpg) no-repeat center;}
#index2 .cont li:nth-child(4){background: url(/template/pc/yl6021/static/images/gjxl1_13.jpg) no-repeat center;}

#index2 .cont li a{display: inline-block; width: 178px; height: 98px; line-height: 98px; font-size: 18px; color: #fff; text-align: center; margin-top: 150px; margin-left:55px;  border: 1px solid #fff; border-radius: 5px; }


#index3{width: 100%; height:488px;background: url(/template/pc/yl6021/static/images/rmcp_16.jpg) no-repeat center;}
#index3 .cont{width:100%; height: 490px;}
#index3 .cont li{ width:268px; height: 398px; margin-top: 20px;  text-align: center; margin-right: 12.5px; border:1px solid #bbb4af; float: left; overflow: hidden; background:rgba(255, 255, 255, 0.6)}
#index3 .cont li img{height: 274px; margin: 60px -100% 30px -100%;}
#index3 .cont li:nth-child(5){margin-right: 0;}
#index3 .cont li .InfoTitle{ display:block; text-align: center;}

#index4{width: 100%; height:527px; padding-top: 70px; background: url(/template/pc/yl6021/static/images/xw_17.jpg) no-repeat center; }
#index4 .cont li{float: left; width: 380px; height: 380px; margin-top: 40px; padding: 5px; border:1px solid #666666; color: #666; overflow: hidden; }
#index4 .cont li:nth-child(2){margin-left:12px; margin-right: 12px;}
#index4 .cont li img{width: 380px;}

#index4 .cont li a{font-size: 18px; color: #333333;}






#floor_8_main {width: 100%; height: 254px; overflow: hidden; background-color: #e6e6e6;  }
#floor_8 {  padding: 80px 0 95px ; }
#floor_8 .lxwm{width: 595px; height:110px; font-size: 16px; color: #333; padding-left: 65px; background: url(/template/pc/yl6021/static/images/lxwm_04.jpg) no-repeat; }
#floor_8_1 {  float: left;  width: 60%;  }
#floor_8_2 {  float: right;  width: 40%; background: url(/template/pc/yl6021/static/images/rmcpd_04.jpg) no-repeat right; }

#floor_8_2 .l{float: left;}

#floor_8_2 .r{float: right; color: #009b4c;font-size: 32px; font-family: 方正大黑简体; padding-top: 70px; padding-right: 80px;}
/*===首页 结束===*/

/*===产品模型 开始===*/
.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;}

.operation a{color: #666}
.operation a:hover{color: #009b4c}
.operation a:visited{color: #999}

/*应聘*/
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{ }
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:42px; background: url(/template/pc/yl6021/static/images/top_1_01.jpg) no-repeat center; }
#top { height:42px; line-height:42px; text-align:right;}
#top_1 { float:left;  text-align:left;}
#top_2 { float:right; text-align:right; }
#top .MobileEdition{ font-weight: bold; color:#009b4c;}
#top a { color:#009b4c;  }
#top a:hover { color:#009b4c; text-decoration:none}

/*Logo*/
#logo_main {  }
#logo_1{float: left;}
#logo {overflow:hidden; }
#logo .WebLogo{ float:left;}
#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 { height:95px; float:left; margin-left: 100px; }
#navigation ul.navigationlist li { float:left; line-height:95px; text-align:center;   }
#navigation ul.navigationlist li a { display:block; padding-left:20px; padding-right: 20px; font-size:15px; font-weight:normal; color:#333; }
#navigation ul.navigationlist li a:hover { text-decoration:none; color:#fff; background-color: #fbc700;}
#navigation ul.navigationlist .current {  color:#fff; background-color: #fbc700; }

/*导航栏下拉*/
/*#navigation  ul.subnavigationlist{ display:none; position:absolute; background:#017834; z-index:100}*/
/*#navigation  ul.subnavigationlist li {  float:none; padding:0px; line-height:28px; display:inline;}*/
/*#navigation  ul.subnavigationlist li a { display:block; white-space:nowrap; font-weight:normal; color:#FFF; font-size:14px; padding:0px 23px; text-align:left}*/
/*#navigation  ul.subnavigationlist li a:hover {  background:#214E2F;  color:#fff; }*/

/*公告*/
#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("../images/announcement_title.gif"/*tpa=http://0223.wangzhan31.com/App/Tpl/Home/Default/Public/images/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 {  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:absolute; 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:15px;
background:#fff; margin-right:15px; overflow:hidden; font-size:0px;border-radius: 50%;}
#banner_main .hd ul li.on{  background:#fbc700;}

/*Flash幻灯片样式*/
/*#banner_main {border:0px solid blue; }
#banner {  border:0px solid red; margin:0 auto; overflow:hidden;} */

/*当前位置*/
#location_main { } 
#location {color:#009b4c; float:right; padding-right:8px;}
#location a {color:#009b4c;}
#location a:hover{color:#009b4c;}

/*子频道列表*/
.subchannel_main{ margin:10px 0;}
.subchannel{}
.subchannellist { }
.subchannellist li { display:inline;line-height:36px; float: left ;width: 100%; padding-left: 15px;margin-bottom: 5px;}
.subchannellist li a {  color:#fff ; display: block; padding-left: 5px;font-weight: normal; }
.subchannellist li a:hover { background:url("../images/subchannellist.png"/*tpa=http://0223.wangzhan31.com/App/Tpl/Home/Default/Public/images/subchannellist.png*/) 222px center no-repeat #FFD704;  color:#333;text-decoration:none; }
.subchannellist #current a { background:url("../images/subchannellist.png"/*tpa=http://0223.wangzhan31.com/App/Tpl/Home/Default/Public/images/subchannellist.png*/) 222px center no-repeat #FFD704;  color:#333;}
.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; color: #333;}
.contact_wrap b{ font-weight:bold;}
.contact_wrap .WebUrl{ color:#F00 }
#floor_8_2 .WeChat img {  float: left;  width: 102px;  padding: 10px 30px 0 0;  }
.bdshare-button-style0-24 {  padding-top: 30px;  }
#floor_8_2 .bdsharebuttonbox .LShare {  display: block;  line-height: 24px;  height: 24px;  cursor: pointer;  margin: 6px 6px 6px 0;  font-size: 16px;  color: #333;  }

/*联系我们1*/
.contact_wrap1{ line-height:26px;;background:url("../images/contact.png"/*tpa=http://0223.wangzhan31.com/App/Tpl/Home/Default/Public/images/contact.png*/) no-repeat; padding-left:20px; color:#FFF; overflow:hidden;}
.contact_wrap1 b{ font-weight:normal;}
.contact_wrap1 a{ color: #fff;}
.contact_wrap1 .ico1{ background:url("../images/phone.gif"/*tpa=http://0223.wangzhan31.com/App/Tpl/Home/Default/Public/images/phone.gif*/) no-repeat 8px center; }
.contact_wrap1 .ico2{ background:url("../images/fax.gif"/*tpa=http://0223.wangzhan31.com/App/Tpl/Home/Default/Public/images/fax.gif*/) no-repeat left center;}
.contact_wrap1 .ico3{ background:url("../images/email.gif"/*tpa=http://0223.wangzhan31.com/App/Tpl/Home/Default/Public/images/email.gif*/) no-repeat 1px center;}
.contact_wrap1 .ico4{ background:url("../images/address.gif"/*tpa=http://0223.wangzhan31.com/App/Tpl/Home/Default/Public/images/address.gif*/) no-repeat left center; }

/*订购*/
.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 { margin: 15px 0; }
#link { padding:0;     border: 1px solid #D6D6D6;}
.link_title { line-height:69px; height:69px;  color:#333;  }
.link_title h2 { font-size:22px; color:#000; font-weight: normal; text-indent:15px;}
.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 #009b4c; }
.link_text { overflow: hidden; zoom:1; padding:8px 0 8px 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:#333; }
.link_text a:hover { line-height:22px; color:#009b4c; }

/* 版权信息 */
#copyright_main { color:#333; background: #cccccc }
#copyright { line-height:46px; text-align:center; }
#copyright .bottom_navigation{text-align: center;padding: 5px 0px; }
#copyright a {color: #333; text-decoration: none;}
#copyright a:hover {color: #009b4c; text-decoration: none;}
#copyright .bottom_info{ text-align:center;padding-top:5px; padding-right:10px; line-height:20px; }
#copyright .TechnicalSupport{ float:right; margin:0}

.bottom_navigation {  overflow: hidden;  float: left;  }
.bottom_navigation li {  float: left;  width: 90px;  margin-right: 15px;  overflow: hidden;  }
.bottom_navigation li a {  display: block;  text-align: left;  font-size: 16px;  margin-bottom: 10px;  color: #333; }
.bottom_navigation li a:hover{color: #009b4c;}
.bottom_navigation .subnavigationlist1 li {  float: none;  padding: 0;  line-height: 28px;  display: block;  }
.bottom_navigation .subnavigationlist1 li a {  color: #333;  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: #009b4c;}
/*分页样式*/
.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; color: #333;}
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;color: #333;}
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;color: #333;}
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 { overflow:hidden;width:100%;/*解决ie6bug*/}
.textlist li a img{ float: left;width: 200px; margin-right: 15px; margin-bottom: 25px;  }
.textlist li div{overflow: hidden;font-size: 14px;padding-top: 6px;}
.textlist li .InfoUrl{display: block; font-size: 18px; color: #333; font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.textlist li .InfoUrl:hover{color: #009b4c; }
.textlist li .InfoUrl:visited{color: #777; }
.textlist li span { padding: 5px 0; display: block;}
.textlist li p{ text-indent: 2rem; height: 78px;}
/*文字列表*/

/*带缩略图文字列表*/
.thumblist{ }
.thumblist li { overflow:hidden;width:100%;margin-bottom: 25px;/*解决ie6bug*/}
.thumblist li a img{ float: left;width:260px; margin-right: 15px;   }
.thumblist li div{overflow: hidden;font-size: 14px;}
.thumblist li .InfoUrl{display: block; font-size: 18px; color: #333; font-weight: bold;}
.thumblist li .InfoUrl:hover{color: #009b4c; }
.thumblist li .InfoUrl:visited{color: #777; }
.thumblist li span { padding: 5px 0 ; display: block;}
.thumblist li p{ text-indent: 2rem;}

.thumblist1{overflow: hidden; padding-top: 50px;}
.thumblist1 li {float: left; width: 32%; margin-right: 1.4%; margin-bottom: 28px;opacity:0;transform: translate3d(-100%, 0, 0);}
.thumblist1 .key1_3,.thumblist1 .key1_6 { margin-right:0;}
.thumblist1 li img{float: left; margin-right: 10px;width: 100px;border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}
.thumblist1 li .title{font-size: 18px; font-weight: bold; color: #333;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.thumblist1 li .title:hover{color: #009b4c;}
.thumblist1 li .title:visited{color: #999;}
.thumblist1 li p{font-size: 14px ;color: #666;text-indent: 2rem;}

.thumblist2{overflow: hidden ; height: 360px;}
.thumblist2 li {float: left;width: 100%; border-bottom: 1px dashed #d6d6d6; line-height: 44px; height: 44px;text-indent: 8px; background: url("../images/textlist.png"/*tpa=http://0223.wangzhan31.com/App/Tpl/Home/Default/Public/images/textlist.png*/) 0 center  no-repeat}
.thumblist2 li a{display: block; font-size: 14px; font-weight: normal;color: #333;float: left;width: 73%;  overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.thumblist2 li a:hover{color: #009b4c}
.thumblist2 li a:visited{color: #999}
.thumblist2 li span{float: right;width: 25%}

/*橱窗列表*/
.gridlist{ margin-top:5px; }
.gridlist li { float:left; margin-right:19px; text-align:center; overflow:hidden; display:inline /*解决ie6 双边距bug*/;
text-overflow:ellipsis; white-space:nowrap;margin-bottom: 19px;border: 1px solid #ccc; padding: 10px 10px 0 10px;}
.gridlist li img {  width:249px;}
.gridlist li a { white-space:nowrap; line-height:32px; display: block;}
.gridlist li a:hover { color: #009b4c  }
.gridlist li:hover { border: 1px solid #009b4c  }

/*橱窗列表1*/
.gridlist1{ overflow:hidden; margin: 10px 0; }
.gridlist1 li { position:relative; float:left; text-align:center;  overflow:hidden; display:inline /*解决ie6 双边距bug*/;
text-overflow:ellipsis; white-space:nowrap;width: 16.5%}
.gridlist1 li .InfoUrl{display: block; margin-bottom: 10px;}
.gridlist1 li img { width: 70px; transition: all 0.4s linear; }
.gridlist1 li .InfoTitle {white-space: nowrap;line-height: 42px;  padding: 8px 18px;  border: 1px solid #d6d6d6;color: #333; transition: all .5s linear}
.gridlist1 li.on .InfoTitle{background: #009b4c ;color: #fff; border: 1px solid #009b4c; }
.gridlist1 li.on img{filter: brightness(0.6); -webkit-filter:brightness(0.6); -moz-filter:brightness(0.6)}
/*橱窗列表2*/
.gridlist2{ overflow:hidden; padding-top: 20px; }
.gridlist2 li { position:relative; float:left; text-align:center; margin-right:26px; margin-bottom: 26px;overflow:hidden; display:inline /*解决ie6 双边距bug*/;
;opacity: 0;border: 1px solid #ccc;padding: 10px 10px 0 10px ;}
.gridlist2 .key3_4,.gridlist2 .key3_8{margin-right:0 }
.gridlist2 li img { width:258px; display:block;}
.gridlist2 li .InfoTitle {display:block; white-space:nowrap; line-height:28px;color:#666;text-overflow:ellipsis; overflow:hidden;}
.gridlist2 li .InfoTitle:hover{color:#009b4c; }
.gridlist2 li:hover{border: 1px solid #009b4c; }

/*视频列表*/
.videolist{ margin-top:5px; }
.videolist li { width:275px; float:left; margin-right:15px; text-align:center; overflow:hidden;}
.videolist li img {width:100%; }
.videolist li a { white-space:nowrap; line-height:32px; color: #666; display: block ;overflow: hidden;text-overflow: ellipsis;}
.videolist li a:hover { color: #009b4c;;}
.videolist li a:visited { color: #999;}
/*==========@@通用列表  结束@@==========*/

.delay1{ -webkit-animation-delay:0.2s; animation-delay:0.2s; }
.delay2{ -webkit-animation-delay:0.4s; animation-delay:0.4s; }
.delay3{ -webkit-animation-delay:0.6s; animation-delay:0.6s; }
.delay4{ -webkit-animation-delay:0.2s; animation-delay:0.2s; }
.delay5{ -webkit-animation-delay:0.4s; animation-delay:0.4s; }
.delay6{ -webkit-animation-delay:0.6s; animation-delay:0.6s; }
