@charset "utf-8";

/*==========@@HTML默认 开始@@==========*/

/*基本*/


* { font-size: 16px; padding: 0px; margin: 0px }

body { color: #000; background-color: #FFF; padding: 0px; margin: 0px auto; overflow: scroll; overflow-x: hidden; overflow-y: auto; font-family: Microsoft YaHei, Helvitica, Verdana, Tohoma, Arial, san-serif; font-size: 16px; max-width: 640px; }

div { margin: 0; padding: 0; border: 0; color: #333333; }

img { margin: 0; padding: 0; border: 0; }

p { margin: 0px 0px 1em 0; }

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: #000; background: transparent; outline: none }

a:visited { }

a:focus { outline: none; }

a:hover, a:active { color: #167312; 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%;  /* Correct font size not being inherited in all browsers. */ margin: 0;  /* Address margins set differently in IE 6/7, Firefox 3+, Safari 5,and Chrome */ vertical-align: baseline; /* Improve appearance and consistency in all browsers */  *vertical-align: middle; /* Improve appearance and consistency in all browsers */
}

button, select { text-transform: none; }

input { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; background-color: #FFFFFF; border: 1px solid #E8E8E8; margin: 3px 0px; padding: 5px 3px; width: 99%; line-height: normal; }

textarea { -moz-box-sizing: border-box; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; background-color: #FFFFFF; border: 1px solid #E8E8E8; margin: 3px 0px; padding: 5px 3px; 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; }

audio:not([controls]) { display: none; height: 0; }

/*==========@@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; }

.float_left { float: left; }

.float_right { float: right; }

/*对齐方式*/


.left { text-align: left }

.right { text-align: right }

.center { text-align: center }

/*其它*/


.hide { display: none; }  /*隐藏*/

.more { float: right; padding-right: 10px; } /*more链接*/

.more a { color: #167312 }

.code_image { cursor: pointer; padding-bottom: 6px; } /*验证码图片样式*/

/*必须输入，主要*/


.required { color: red; font-weight: bold; }

.form_text_verifycode { width: 80px; }

.form_radio { width: auto; border: 0; }

.form_checkbox { width: auto; border: 0 }

/*按钮*/


.btn { width: 100%; padding: 9px 0px; font-size: 16px; text-decoration: none; margin: 5px 0px; background-color: #179F00; border: 1px solid #0B8E00; background-image: linear-gradient(bottom, #179F00 0%, #5DD300 100%); background-image: -o-linear-gradient(bottom, #179F00 0%, #5DD300 100%); background-image: -moz-linear-gradient(bottom, #179F00 0%, #5DD300 100%); background-image: -webkit-linear-gradient(bottom, #179F00 0%, #5DD300 100%); background-image: -ms-linear-gradient(bottom, #179F00 0%, #5DD300 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #179F00), color-stop(1, #5DD300)); -webkit-box-shadow: 0 1px 0 #94E700 inset, 0 1px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 0 #94E700 inset, 0 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 0 #94E700 inset, 0 1px 2px rgba(0, 0, 0, 0.5); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; color: #ffffff; display: block; text-align: center; text-shadow: 0 1px rgba(0, 0, 0, 0.2); cursor: pointer; }

.btn:active { padding: 9px 0px; top: 0px; background-image: linear-gradient(bottom, #5DD300 0%, #179F00 100%); background-image: -o-linear-gradient(bottom, #5DD300 0%, #179F00 100%); background-image: -moz-linear-gradient(bottom, #5DD300 0%, #179F00 100%); background-image: -webkit-linear-gradient(bottom, #5DD300 0%, #179F00 100%); background-image: -ms-linear-gradient(bottom, #5DD300 0%, #179F00 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #5DD300), color-stop(1, #179F00)); -webkit-box-shadow: 0 1px 0 #5DD300 inset, 0 1px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 0 #5DD300 inset, 0 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 0 #5DD300 inset, 0 1px 2px rgba(0, 0, 0, 0.5); }

.btn_download { width: 80px; text-decoration: none; margin: 0px; background-color: #179F00; border: 1px solid #0B8E00; background-image: linear-gradient(bottom, #179F00 0%, #5DD300 100%); background-image: -o-linear-gradient(bottom, #179F00 0%, #5DD300 100%); background-image: -moz-linear-gradient(bottom, #179F00 0%, #5DD300 100%); background-image: -webkit-linear-gradient(bottom, #179F00 0%, #5DD300 100%); background-image: -ms-linear-gradient(bottom, #179F00 0%, #5DD300 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #179F00), color-stop(1, #5DD300)); -webkit-box-shadow: 0 1px 0 #94E700 inset, 0 1px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 0 #94E700 inset, 0 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 0 #94E700 inset, 0 1px 2px rgba(0, 0, 0, 0.5); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; color: #ffffff; display: block; text-align: center; text-shadow: 0 1px rgba(0, 0, 0, 0.2); cursor: pointer; }

.btn_download:active { padding: 0px; top: 0px; background-image: linear-gradient(bottom, #5DD300 0%, #179F00 100%); background-image: -o-linear-gradient(bottom, #5DD300 0%, #179F00 100%); background-image: -moz-linear-gradient(bottom, #5DD300 0%, #179F00 100%); background-image: -webkit-linear-gradient(bottom, #5DD300 0%, #179F00 100%); background-image: -ms-linear-gradient(bottom, #5DD300 0%, #179F00 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #5DD300), color-stop(1, #179F00)); -webkit-box-shadow: 0 1px 0 #5DD300 inset, 0 1px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 0 #5DD300 inset, 0 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 0 #5DD300 inset, 0 1px 2px rgba(0, 0, 0, 0.5); }

/*箭头*/


.arrow { background: url(../images/arrow1.png) center center no-repeat; background-size: 14px; width: 30px; height: 30px; display: block; float: right; vertical-align: middle; }

/*==========@@通用 结束@@==========*/





/*==========@@布局  开始@@==========*/


.body_article, .body_download, .body_picture, .body_product, .body_single, .body_video, .body_job, .body_feedback { }

.single, .article, .picture, .download, .video, .product, .job, .guestbook, .sitemap, .feedback { width: 99%; margin: 0px auto }

#top, #logo, #navigation, #banner, #location, #announcement, #link, #copyright { width: 100%; margin: 0px auto; }

.left_title { height: 35px; line-height: 35px; background: url(../images/left_title.png) left center no-repeat; border: 0px solid red; clear: both }

.left_title h2 { color: #FFF; width: 149px; height: 35px; float: left; text-align: center; overflow: hidden; }

.left_title h2 a { color: #FFF; }

.left_body { padding: 3px 5px; }

.left_bottom { text-align: center; clear: both; }

.conbot01 { line-height: 2; padding-left: 10px; }

.conbot02 { line-height: 2; padding-left: 10px; }

/*==========@@布局  结束@@==========*/





/*==========@@公共板块 开始@@==========*/

/*Logo部分*/


#logo { }

#logo .WebLogo { text-align: center; }

#logo .WebLogo img { max-width: 100%; display: block;/*解决img底部空白的bug*/ margin: 0 auto; }

/*导航*/



.sy { background: none; }

#navigation { padding: 0px; border: 0px solid red; background-color: #dddddd; clear: both; overflow: hidden }

#navigation ul.navigationlist li { width: 25%; height: 35px; line-height: 35px; vertical-align: middle; padding: 0px; margin: 0px; float: left; text-align: center; background-color: #dddddd; border-bottom: 1px solid #d5d5d5; border-top: 1px solid #e1e1e1; background: url(../images/navigationlist.png) #dddddd no-repeat left center; }

#navigation ul.navigationlist .current { color: #167312; }

#navigation { padding: 0px; border: 0px solid red; clear: both; overflow: hidden }

#navigation table { background: #5dbd04; /*边框颜色*/ width: 100%; margin: 0px auto; border-spacing: 1px; border-collapse: separate }

#navigation td { background: #0a80d8; /*单元格底色*/ }

#navigation a { background: #5dbd04; line-height: 35px; font-size: 16px; color: #fff; font-weight: bold; overflow: hidden; display: block; text-align: center; }

#navigation a.current { background: #5dbd04; color: #ffe400 }

#banner { height: auto; }

/*幻灯片标题*/



.time { float: right; margin-right: 5px; }

/*当前位置*/


#location { padding: 3px 0px; margin: 0; border-bottom: 1px solid #167312; color: #000; height: 1.5em; line-height: 1.5em; clear: both; text-indent: 3px; }

#location a { color: #000 }

/*搜索 */


.search { width: 98%; margin: 0px auto }

.searchresult { font-weight: bold; font-size: 18px; }

/*评论*/


.comment { }

.CommentList h1 { border-bottom: 1px #999999 dotted; padding: 5px 0px; } /*评论列表标题*/

.LeaveComment h1 { border-bottom: 1px #999999 dotted; padding: 5px 0px; } /*我要评论标题*/

.CommentTime { }

.CommentContent { color: #999999 }

table.comment_table { width: 100%; }

table.comment_table .t1 { width: 28%; text-align: left }

table.comment_table .t2 { height: 72%; text-align: left }

/*分页条*/


.page { padding: 1px; height: auto; clear: both; line-height: 0.5em; text-align: center; margin-top: 5px; }

.page a, .page span { border: 1px solid #D3D1D1; padding: 2px 3px; margin: 3px 0px 3px 4px; line-height: 22px; background-color: #FFFFFF }

.page a:link, .page_turner a:visited { text-decoration: none; }

.page a:hover { background: #CC0001; color: #ff9900; }

.page .current { background: #CC0001; color: #FFF; }

.page #total { color: red }

.page .pageinfo { display: none }

.page .pagefirst { display: none }

.page .pageend { display: none }

/*分享按钮*/


.tool { width: 95%; margin: 0px auto; text-align: center; }

.tool a { color: #000; font-size: 16px }

.tool table { width: 100%; margin: 5px 0px }

.tool td { padding: 3px 5px; width: 50%; text-align: center }

/*分享到朋友圈弹出框提示*/


#guide { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; z-index: 20000; }

#guide img { position: fixed; right: 18px; top: 5px; width: 260px; height: 180px; z-index: 20001; }

/*版权信息*/


#copyright { padding: 3px 0px; text-align: center; font-size: 14px; color: #666; border: 0px solid red; margin-bottom: 50px; margin-top: 20px; }

#copyright a { color: #666; font-size: 14px; }

#copyright .TechnicalSupport { text-align: center; padding-bottom: 5px; font-size: 14px; }

#copyright .TechnicalSupport a { font-size: 14px; }

#copyright .bottom_copyright { padding: 3px 0px; font-size: 14px; }

#copyright .bottom_navigation { text-align: center; height: 35px; line-height: 35px; background: #71C6A0; font-size: 14px; display: none }

#copyright .bottom_navigation a { font-weight: normal; color: #000 }

#copyright .Mobile { text-align: center; height: 35px; line-height: 35px; background: #f2f2f2; border-bottom: 1px solid #0f67af }

#copyright .Mobile a { font-weight: normal; color: #666666; font-weight: bold; }

#copyright .Language { padding: 10px 0px 0px 0px; color: #666; text-align: center; }

/*底部固定工具条*/


#tool { position: fixed; bottom: 0; left: 0; right: 0; z-index: 900; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

ul.toollist { position: fixed; z-index: 900; bottom: 0; left: 0; right: 0; margin: auto; display: block; height: 48px; }

.toollist li { float: left; width: auto; height: 100%; width: 25%; position: static!important; margin: 0; border-radius: 0!important; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1; box-flex: 1; -webkit-box-sizing: border-box; box-shadow: none!important; background: none; }

.toollist li a { font-size: 20px; line-height: 20px; text-align: center; display: block; text-decoration: none; padding-top: 2px; position: relative; }

.toollist li a img { width: 24px; height: 24px; }

.toollist li a p { margin: 1px 0 1px 0; font-size: 14px; display: block !important; line-height: 18px; text-align: center; }

/*蓝色主题*/


.toollist_blue { border-top: 1px solid #0c86dc; background-image: linear-gradient(top, #3D8A32, #359a26 60%, #218712); background-image: -o-linear-gradient(top, #3D8A32, #359a26 60%, #218712); background-image: -ms-linear-gradient(top, #3D8A32, #359a26 60%, #218712); background-image: -moz-linear-gradient(top, #5dbd04, #5dbd04 60%, #5dbd04 ); background-image: -webkit-linear-gradient(top, #5dbd04, #5dbd04 60%, #5dbd04 ); box-shadow: 0 1px 0 #9bc9ed inset; -moz-box-shadow: 0 1px 0 #9bc9ed inset; -webkit-box-shadow: 0 1px 0 #9bc9ed inset; -o-box-shadow: 0 1px 0 #9bc9ed inset; }

.toollist_blue li { border-right: 1px solid rgba(250, 250, 250, 0.4); }

.toollist_blue li a { color: #fff; }

/*==========@@公共板块 结束@@==========*/





/*==========@@频道页面 开始@@==========*/

/*===公共字段 开始===*/


.ChannelName { }

.ChannelContent { clear: both; padding: 3px; }

.ChannelSContent { }

.InfoTitle, .ChannelName { font-size: 18px; line-height: 1.5em; vertical-align: middle; font-weight: bold; }

.InfoTime { color: #999; text-align: left; font-size: 12px; padding: 2px 0px; height: 25px }

.InfoContent { font-size: 17px; line-height: 1.5em }

.InfoContent p { font-size: 17px }

.InfoPicture { text-align: center; }

.InfoPicture img { width: 100%; height: 100% }

.f1 { }

.f2 { line-height: 2; text-align: center; }

.f3 { }

.f4 { }

.f5 { }

.ShowInfo { height: 30px; line-height: 1.5em; font-size: 18px; border-top: 1px solid #bdbec1; vertical-align: middle; padding-top: 5px; color: #000000 }

.InfoContent img, .ChannelContent img { max-width:640px; width:100%; height:100%; }

/*===公共字段 结束===*/



/*招聘*/


.job { }

table.job_table { border: 0px solid #16b7b7; margin: 8px 0px; padding: 0px; text-align: center; width: 100%; border-collapse: collapse; }

table.job_table td { padding: 5px 2px; }

table.job_table th { color: #090 }

.JobName { font-size: 20px; border-bottom: 1px dotted #999; padding: 3px 8px; font-weight: bold; }

/*留言*/


.guestbook { }

.guestbook .ChannelName h1 { border-bottom: 1px dotted #CCCCCC; padding: 5px 0px; }

table.guestbook_table { width: 100%; }

table.guestbook_table .t1 { width: 25%; text-align: left }

table.guestbook_table .t2 { width: 75%; text-align: left; }

/*反馈*/


.feedback { }

.feedback .ChannelName h1 { border-bottom: 1px dotted #CCCCCC; }

table.feedback_table { width: 100%; }

table.feedback_table .t1 { width: 25%; text-align: left }

table.feedback_table .t2 { width: 75%; text-align: left; }

/*订购*/


.order { width: 98%; margin: 0px auto }

.order .WantOrder h1 { border-bottom: 1px dotted #999999; padding: 5px 0px; }

.order .f1 { float: right; color: red; }

.order table.order_table { width: 100%; }

.order table.order_table .t1 { width: 28%; text-align: left }

.order table.order_table .t2 { height: 72%; text-align: left }

/*地图*/


.sitemaplist li { border-bottom: 1px dashed #d0d1d4; padding: 0.5em 8px; background-color: #FFF }

.sitemaplist li .ChannelName { font-weight: bold; }

.sitemaplist li .ChannelDepth1 { font-weight: bold; }

.sitemaplist li .ChannelDepth2 { text-indent: 2em; }

.sitemaplist li .ChannelDepth3 { text-indent: 4em; }

.sitemaplist li .ChannelDepth4 { text-indent: 6em; }

.sitemaplist li .ChannelDepth5 { text-indent: 8em; }

/*==========@@频道页面 结束@@==========*/





/*==========@@通用列表 开始@@==========*/

/*列表全局样式*/


.textlist li, .gridlist li, .wxlist li, .thumblist li { font-size: 16px; line-height: 1.5em; vertical-align: middle; background-color: #FFF; overflow: hidden; }

.textlist li:hover, .thumblist li:hover, .gridlist li:hover { cursor: pointer; }

/*文本列表*/


.textlist li { padding: 5px 0px; background: url(../images/textlist.gif) left center no-repeat; padding-left: 14px; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px dotted #999999; }

.textlist li.first { background: none; padding-left: 3px; }

.textlist li .InfoTime { display: none; }

.textlist li .InfoContent { font-size: 14px; color: #CCCCCC; white-space: normal }

.textlist li img { float: left; width: 85px; margin-right: 5px; border: 1px solid #5dbd04; }

/*带缩略图文本列表*/


.thumblist li { padding: 5px 0px; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px dotted #999999; height: 90px; }

.thumblist li img { float: left; height: 90px; margin-right: 5px; border: 1px solid #5dbd04; }

.thumblist li .InfoContent { font-size: 14px; color: #CCCCCC; white-space: normal; text-overflow: ellipsis; line-height: 1.2em }

/*橱窗列表*/


.gridlist li { width: 33%; overflow: hidden; float: left; }

.gridlist li .InfoTitle { height: 25px; line-height: 25px; overflow: hidden; font-size: 14px; padding: 0px 5px; text-align: center; }

.gridlist li .InfoPicture { padding: 0px 5px; }

.gridlist li .InfoPicture img { border: 1px solid #5dbd04; }

/*微信列表*/


.wxlist li { overflow: hidden; border-radius: 5px 5px 10px 10px; -moz-border-radius: 5px 5px 10px 10px; -webkit-border-radius: 5px 5px 10px 10px; -o-border-radius: 5px 5px 10px 10px; border: 0px solid #d0d1d4; margin: 10px auto; padding: 8px 8px;/*

	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);  -moz-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25);-o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);

	background: url(../images/bottom.png) repeat-x scroll left bottom #FFFFFF;

	background-size:2px auto;*/ }

.wxlist li .InfoTime { }

.wxlist li .GoTop { text-align: center; font-weight: bold; height: 30px; line-height: 30px; color: #000 }

.wxlist li .InfoPicture, .wxlist li .ChannelPicture { border: 0px solid red }

.wxlist li .InfoPicture img, .wxlist li .ChannelPicture img { width: 20%; height: auto; }

.wxlist li .InfoSContent, .wxlist li .ChannelSContent { line-height: 1.5em; border: 0px solid #900; padding: 5px 2px; color: #222222; font-size: 14px; }

.wxlist li .ShowInfo { }

.wxlist li h1 { line-height: 2; font-size: 1.3em; margin: 0; }

.wxlist .InfoTimeSide { /*侧边时间显示*/

margin: 10px 8px 0px 0px; width: auto; font-size: 12px; float: left; background-color: #179F00; padding: 5px; position: relative; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; box-shadow: 0 2px 1px 0 rgba(0,0,0,0.14); -webkit-box-shadow: 0 2px 1px 0 rgba(0,0,0,0.14); -moz-box-shadow: 0 2px 1px 0 rgba(0,0,0,0.14); -o-box-shadow: 0 2px 1px 0 rgba(0,0,0,0.14); font-family: Georgia, "Times New Roman", Times, serif; }

.wxlist InfoTimeSide p { color: #FFF }

.wxlist .InfoTimeSide p b { font-size: 20px; }

.wxlist .InfoTimeSide p i { font-size: 11px; }

.wxlist .InfoTimeSide span { position: absolute; top: 10px; right: -4px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; width: 12px; height: 12px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); background-color: #179F00; }

/*频道列表*/


.subchannellist { width: 99%; border: 0px solid red; margin: 0px auto; }

.subchannellist li { float: left; text-align: center; border: 0px dashed blue; width: 25%; }

.subchannellist li a { display: block; margin: 8px 3px; padding: 5px 0px; background-color: #FFFFFF; border: 1px solid #CCC; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -webkit-box-shadow: 0px 1px 3px rgb(190, 190, 190); -moz-box-shadow: 0px 1px 3px rgb(190, 190, 190); -o-box-shadow: 0px 1px 3px rgb(190, 190, 190); box-shadow: 0px 1px 3px rgb(190, 190, 190); }

.subchannellist #current a { color: #FFF; background: #3d8a32; }

/*==========@@通用列表 结束@@==========*/




.bottom_copyright > p { font-size: 14px; line-height: 2; }