@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","Candara"; font-size:14px; background:#fff; }
div{ margin:0; padding:0; border:0; }
img{ margin:0; padding:0; border:0; }
p{ margin: 0px;}
b,strong {font-weight: bold;}
table { border-collapse: collapse; border-spacing: 0; /* Remove most spacing between table cells.*/}
li{ list-style: none outside none;}
.met_clear { clear: both; }
/*链接*/
a{ text-decoration:none; color:#626262; background: transparent; outline:none}
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;}
.pagination{
display: flex;
justify-content: center;
}
/*表单类*/
.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; background: url(../images/form_bg.jpg) #fff repeat-x;}
.form_text { width:95%; background-position: 0px 0px;}
.form_text:hover {background-position: 0px -37px;}
.form_text_verifycode { width:50px; margin-right:3px;background-position: 0px 0px;}
.form_text_verifycode:hover {background-position: 0px -37px;}
.form_radio{ width:auto; border:0;}
.form_checkbox{ width:auto; border:0}
.form_select { height:25px; }
.form_textarea { width:95%; height:80px; border-color: #a0a0a0 #cbd9eb #cbd9eb #a0a0a0;border-width:1px; padding:2px;}
.form_button { width:auto; vertical-align:middle; border:0 none;/*解决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;}
/*其它*/
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: #0d2d79; color: #fff; }
.btn:hover { background-color: #10327f; color:#fff;}
.btn:active { background: #10327f; color: #fff;}
/*按钮大小*/
.btn-large {font-size: 19px; height: 38.4px; line-height: 38.4px; padding: 0px 26px;}
.btn-small { font-size: 12px; height: 25.6px; line-height: 25.6px; padding: 0px 16px;}
.btn-tiny { font-size: 12px; height: 22.4px; line-height: 22.4px; padding: 0px 13px;}
/*块按钮*/
.btn-block {display: block;}
/*表单类*/
.form_text, .form_text:hover, .form_text_verifycode, .form_text_verifycode:hover{border-color: #a0a0a0 #cbd9eb #cbd9eb #a0a0a0;
border-width:1px; height:20px; line-height:20px;clip: rect;padding: 2px; color: #000000; }
.form_text { width:95%; background-position: 0px 0px;}
.form_text:hover {background-position: 0px -37px;}
.form_text_verifycode { width:50px; margin-right:3px;background-position: 0px 0px;}
.form_text_verifycode:hover {background-position: 0px -37px;}
.form_radio{ width:auto; border:0;}
.form_checkbox{ width:auto; border:0}
.form_select { height:25px; }
.form_textarea { width:95%; height:80px; border-color: #a0a0a0 #cbd9eb #cbd9eb #a0a0a0;border-width:1px; padding:2px;}
.form_button { width:auto; vertical-align:middle; border:0 none;/*解决ie焦点是有黑色边框*/}
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none;padding:0; }
.required{ color:red; font-weight:bold; text-align:left; padding-left:3px;}
/*其它*/
.hide { display:none; } /*隐藏*/
.code_image{ cursor: pointer; padding-bottom:6px; } /*验证码图片样式*/
/*频道*/
.ChannelContent{ font-size:16px; width:1100px; margin:0 auto; line-height: 2.0em; }
.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; text-align: center; }
.InfoTime{color:#999; text-align:left; padding:2px 0px; height:25px}
.InfoSContent{ background:#eee; padding:10px 8px; border-radius:8px; }
.InfoContent { margin:0 auto; }
.InfoContent, .InfoContent p{ font-size:14px; 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{ width:1090px; box-sizing: border-box; margin:0 auto; background:#F0F0F0; padding:5px; border:1px solid #E3E3E3; color:#333; line-height:1.8em}
.Next a{ }
.Previous a{ }
/*==========@@元件 结束@@==========*/
/*==========@@模块 开始@@==========*/
/*左侧*/
/*主体左侧样式*/
.left_title { height:39px; line-height:39px; border-bottom:1px solid #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: #888; font-size:14px;}
.left_title1 h2 a{ line-height:40px; font-size:30px; font-weight:normal; color: #000;}
.left_title1 i{ display: block; width: 30px; height: 3px; background: #1651b8; 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*/
/*主体右侧*/
/*样式1*/
.right_title {}
.right_title h2 img{ margin:0 20px;}
.right_body { padding:5px 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, .video, .product, .job, .feedback{ width:1200px; margin:40px auto 20px; }
.download, .guestbook{ width:1000px;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: 100%; border-left:0px solid #E5E5E5; padding-left:0px; }
/*===首页 开始===*/
#floor_1_main{ overflow:hidden; background:#f5f5f5;}
#floor_1{ padding:45px 0px;}
#floor_2_main{ overflow:hidden; background:#fff;}
#floor_2{ padding:45px 0px;}
#floor_3_main{ background: url(../images/floor_3_main.jpg); padding: 80px 0;}
#floor_4_main{ padding: 45px 0; background: #FFF; }
#floor_5_main{ padding: 45px 0; background: #f0f0f0; }
/*===首页 结束===*/
/*===产品模型 开始===*/
.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 .detail_table{ float:right; width:480px; }
.product .info_product_detail_wrap table .detail_table th{ width: 200px;}
.product .ProductDescription{ height:40px; margin-top:20px; line-height:40px; font-size:16px; }
.product .InfoTitle{ font-size:16px; font-weight:bold; text-align:left; padding:10px 0 30px;}
.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{ }
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:28px; background:#f0f0f0; 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:#666; }
#top a:hover { color:#000; text-decoration:none}
/*Logo*/
#logo_main { background: #0256ac; }
#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 a { display:block; padding:0 16px; font-size:15px; font-weight:normal; color:#fff; border:0px dashed red;}
#navigation ul.navigationlist li a:hover { text-decoration:none; background:#3aa314; color:#fff; }
#navigation ul.navigationlist .current { background:#3aa314; color:#fff; }
/*导航栏下拉*/
#navigation ul.subnavigationlist{ display:none; position:absolute; background:#0256ac; 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; color:#FFF; line-height:28px;height:28px; font-size:15px; padding:0px 16px; text-align:left}
#navigation ul.subnavigationlist li a:hover { background:#3aa314; 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) 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: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;} */
/*当前位置*/
/*搜索 */
table.search_table{ width:99%; text-align:center;}
table.search_table th{ vertical-align:middle; text-align:center; padding:0px 3px;}
table.search_table td{ vertical-align:middle; width:60px; padding:0px 3px;}
/*联系我们*/
.contact_wrap{ line-height:1.8em; }
.contact_wrap b{ font-weight:bold;}
.contact_wrap .WebUrl{ color:#F00 }
.contact_wrap p{ line-height:28px; }
.contact_wrap p i{ width:20px; height:28px; float:left; margin-right:5px; }
.contact_wrap p.icon_lxr i{ background:url(../images/icon_lxr2.png) no-repeat center center; background-size:15px auto; }
.contact_wrap p.icon_mobile i{ background:url(../images/icon_mobile2.png) no-repeat center center; background-size:15px auto; }
.contact_wrap p.icon_tel i{ background:url(../images/icon_tel2.png) no-repeat center center; background-size:15px auto; }
.contact_wrap p.icon_fax i{ background:url(../images/icon_fax2.png) no-repeat center center; background-size:15px auto; }
.contact_wrap p.icon_email i{ background:url(../images/icon_email2.png) no-repeat center center;background-size:15px auto; }
.contact_wrap p.icon_postcode i{ background:url(../images/icon_postcode2.png) no-repeat center center; background-size:15px auto; }
.contact_wrap p.icon_weburl i{ background:url(../images/icon_web2.png) no-repeat center center; background-size:15px auto; }
.contact_wrap p.icon_email i{ background:url(../images/icon_email2.png) no-repeat center center;background-size:15px auto; }
.contact_wrap p.icon_address i{ background:url(../images/icon_address2.png) no-repeat center center; background-size:15px auto; }
/*公共百度地图*/
#Map{ overflow:hidden; width:100%;}
#Map .MapInfo{ float:left; border: 1px dashed #ccc; padding:8px;}
#Map .MapInfo #MapContainer{ width:870px; height:380px; }
#Map .ContactInfo{ width:300px; float:right; line-height:2.7em;}
#Map .ContactInfo .Company{ font-size:24px; margin-bottom:8px;}
#Map .ContactInfo img{ width: 18px; vertical-align:middle; margin-right:8px;}
/*订购*/
.order{margin:0px auto}
.order .WantOrder h1{ border-bottom:1px dotted #999999; padding: 5px 0px;}
.order .f1{ float:right; color:red;}
table.order_table{ width:98%; }
table.order_table th{ width:100px; text-align:left;}
table.order_table td{text-align:left}
table.order_table .operation{ text-align:center}
/* 友情链接 */
#link_main {padding: 15px 0; background:#fff;}
#link { padding:0;border: 1px solid #D6D6D6; }
.link_title { line-height:59px; height:59px; color:#fff; }
.link_title h2 { font-size:24px; color:#333; 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 #eee; }
.linkpiclist li a:hover img { border:1px solid #c11b33; }
/*文字链接列表*/
.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:#666; }
.linktextlist li a:hover { line-height:22px; color:#c11b33; }
/*底部区域*/
#bottom_main{ background-color: #0256ac; 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: #f0f0f0; 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; }
/* 版权信息 */
#copyright_main { color:#fff; background-color: #044c96;}
#copyright { line-height:40px; }
#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; 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 { width:100%; height: 160px; padding: 20px 0; border-bottom:1px solid #; border-top: 1px solid #eee; /*解决ie6bug*/}
.textlist li :first-child { border-top: 0; }
.textlist li .art_text{
text-align: left;
position: relative;
height: 140px;
margin: 10px 0;
padding-right: 180px;
}
.textlist li .art_text h3,.textlist li .art_text p{ color: #555; }
.textlist li .art_text h3 {display: block;
font-size: 18px;
padding: 0 0 10px;
color: #555;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: normal;
}
.textlist li .art_text p{ font-size: 13px; color: #6a6a6a; line-height: 22px; }
.textlist li a{ }
.textlist li .art_text p.InfoTime{
position: absolute;
display: block;
left: 0;
bottom: 0;
text-align: left;
padding: 0;
font-size: 18px;
color: #c8c8c8;
}
.textlist li .art_img{ position: relative;
float: left;
width: 22%;
height: 160px;
text-align: center;
overflow: hidden;
}
.textlist li .art_img img {
height: 100%;
width: auto;
}
.textlist li .art_have_img{ float: right; width: 60%; padding-right: 180px; }
.textlist li .more {
position: absolute;
width: 120px;
height: 35px;
line-height: 35px;
text-align: center;
right: 0;
top: 0;
bottom: 0;
margin: auto;
border-left: 1px solid #bcbcbc;
color: #bcbcbc;
font-size: 16px;
}
/*文字列表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; }
/*带缩略图文字列表*/
.thumblist{ }
.thumblist li{ text-align:left; overflow:hidden; margin:15px 0; border:1px solid #fff;transition:.2s ease 0s; -moz-transition:.2s ease 0s; -webkit-transition:.2s ease 0s;}
.thumblist li:hover{border:1px solid #e9e9e9; -webkit-box-shadow: 0 0 2px 2px #f0f0f0;-moz-box-shadow: 0 0 2px 2px #f0f0f0;box-shadow: 0 0 2px 2px #f0f0f0; transform:translate3d(0, -2px, 0);}
.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; padding-right: 8px;}
.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: 568px; margin: 10px 0; border:1px solid #fff; transition:.2s ease 0s; -moz-transition:.2s ease 0s; -webkit-transition:.2s ease 0s;}
.thumblist1 li:hover{border:1px solid #e9e9e9; -webkit-box-shadow: 0 0 2px 2px #f0f0f0;-moz-box-shadow: 0 0 2px 2px #f0f0f0;box-shadow: 0 0 2px 2px #f0f0f0;
transform:translate3d(0, -2px, 0); }
.thumblist1 div.info_wrap{ float: right; width: 366px; padding-right: 8px;}
.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; }
.downlist li{ background: url(../images/textlist.gif) left center no-repeat; height:42px; line-height: 42px; padding: 0; padding-left:20px; box-sizing: border-box; }
.downlist li .float_right{ margin-top:10px; }
/*橱窗列表1*/
.gridlist1{ overflow:hidden; }
.gridlist1 li { float: left; background: #FFF; text-align: center;transition:.2s ease 0s; -moz-transition:.2s ease 0s; -webkit-transition:.2s ease 0s; }
.gridlist1 li:hover { opacity: 0.8; }
.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; transition:.2s ease 0s; -moz-transition:.2s ease 0s; -webkit-transition:.2s ease 0s;}
.gridlist2 li:hover { transform:translate3d(0, -5px, 0); }
.gridlist2 li a.InfoPicture{ display: block; }
.gridlist2 .InfoTitle a{ display: block; width: 380px; color: #FFF; font-weight: bold; text-align:left; font-size:18px;}
.gridlist2 .InfoTitle a:hover{ color: #eee; }
.gridlist2 li img{ width: 380px; padding: 10px 0; }
.gridlist2 li.n2{ margin: 0 30px; }
.gridlist2 li p{ display: block; width: 380px; color: #aaa; }
/*视频列表*/
.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(../images/play.png) center center no-repeat; cursor:pointer;}
/*频道相册列表*/
.channelalbumlist{ overflow:hidden; }
.channelalbumlist li { float:left; margin-top:10px;}
.channelalbumlist li img{ display: block; width:290px; margin-right:10px;}
/*频道相册列表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); }
/*==========@@通用列表 结束@@==========*/
/*========头部========*/
#header-links{ height:62px; border-top:4px solid #960001; background:#f6f7fb; border-bottom:1px solid #e6e9ee; font-size:12px; }
.top_cont{ width:1200px; margin:0 auto; }
.top_cont .one-half{ float:left; color:#656d78; margin-top:5px; color:#aab2bd; margin-top:8px; line-height:22px; }
.two-sixth{ float:left; margin-top: 20px; margin-left: 80px; }
.one-sixth { margin-top:8px; }
.one-sixth p{ height:22px; line-height:22px; color: #aab2bd; }
.one-sixth p i{ margin-right:8px; }
ul.social-links li {
margin-left: 3px;
float: left;
}
ul.social-links li a {
float: left;
background-color: #FFF;
border-radius: 4px;
width: 22px;
height: 20px;
padding-top: 3px;
text-align: center;
border: 1px solid #e6e9ee;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
#header-links a {
color: #aab2bd;
font-size: 11px;
}
ul.contact-links li a i, ul.social-links li a i {
font-weight: 400;
font-size: 15px;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
#header-links a:hover {
color: #656d78;
}
.top_header{ overflow:hidden; }
.head_cont{ width:1200px; height:110px; margin:0 auto; }
.top_logo{ width:350px; float:left;}
.top_logo img{ display:block}
.top_phone{ width:222px; float:right; position:relative; margin-top:45px; font-size:22px; font-weight:bold; }
.top_phone p{ line-height:20px; color:#af251b; font-family:"Calibri";}
.top_phone .form_text{ width: 200px; font-size: 11px; color: #888; border: 1px solid #e6e9ee!important; }
.top_phone .form_text{
border: 1px solid #ccd0d9;
padding: 5px 10px;
outline: none;
font-size: 13px;
color: #aab3bc;
margin: 0;
max-width: 100%;
display: block;
background: #fff;
border-radius: 4px;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.top_phone .form_text:focus { border: 1px solid #aab3bc!important; }
.form_button{
position:absolute;
right:0;
top:0;
padding: 0;
top: 0;
right: 0px;
margin: 0px 0 0 -40px;
background: #ccd0d9 url(../images/search-bg.png) center center no-repeat;
width: 32px;
height: 32px;
cursor: pointer;
border: none;
z-index: 100;
box-shadow: none;
border-radius: 0px 4px 4px 0px;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.header{width:100%; height:48px; background:#960001; margin:0 auto; }
.header .top_main{width:1200px; height:48px; margin:0 auto; position:relative;}
.header .logo{width:208px; height:28px; text-align:center; padding:23px 0; margin:0 17px; float:left}
.header .nav{height:48px; position:relative; float:left}
.header .nav .nav_menu .menu_li{height:48px; line-height:48px; background:url(../images/nav_li_bg.jpg) no-repeat right center; float:left; position:relative;}
.header .nav .nav_menu .menu_li:last-child{ background:none;}
.header .nav .nav_menu .menu_li .cur{ background:#000; color:#fff; font-weight:bold;}
.header .nav .nav_menu .menu_li:hover .menu_li_tit{background:#000; color:#fff; }
.top_header{ overflow:hidden; }
.head_cont{ width:1200px; height:110px; margin:0 auto; }
.top_logo{ width:350px; float:left;}
.top_phone{ width:222px; float:right; position:relative; margin-top:45px; font-size:22px; font-weight:bold; }
.top_phone p{ line-height:20px; color:#960001; font-family:"Calibri";}
.top_phone .form_text{ width: 200px; font-size: 11px; color: #888; border: 1px solid #e6e9ee!important; }
.top_phone .form_text{
border: 1px solid #ccd0d9;
padding:5px 10px;
outline: none;
font-size: 13px;
color: #aab3bc;
margin: 0;
max-width: 100%;
display: block;
background: #fff;
border-radius: 4px;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.top_phone .form_text:focus { border: 1px solid #aab3bc!important; }
.form_button{
position:absolute;
right:0;
top:0;
padding: 0;
top: 0;
right: 0px;
margin: 0px 0 0 -40px;
background: #ccd0d9 url(../images/search-bg.png) center center no-repeat;
width: 32px;
height: 32px;
cursor: pointer;
border: none;
z-index: 100;
box-shadow: none;
border-radius: 0px 4px 4px 0px;
font-size: 0px;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.tem_inner, .met_section { position: relative; margin: 0 auto; padding:0; width: 1200px; }
.header{width:100%; height:48px; background:##960001; margin:0 auto; }
.header .top_main{width:1200px; height:48px; margin:0 auto; position:relative;}
.header .logo{width:208px; height:28px; text-align:center; padding:23px 0; margin:0 17px; float:left}
.header .nav{height:48px; position:relative; float:left}
.header .nav .nav_menu .menu_li{height:48px; line-height:48px; background:url(../images/nav_li_bg.jpg) no-repeat right center; float:left; position:relative;}
.header .nav .nav_menu .menu_li:last-child{ background:none;}
.header .nav .nav_menu .menu_li .menu_li_tit{height:48px; font-size:14px; font-family:Arial; color:#fff; width: 122.222px; text-align: center; display:block}
.header .nav .nav_menu .menu_li .cur{ background:#000; color:#fff; font-weight:bold;}
.header .nav .nav_menu .menu_li:hover .menu_li_tit{ background:#000; color:#fff; }
/*========导航下拉菜单========*/
/*.header .nav .nav_menu .menu_li .node_items{width:940px; background:url(../images/bg3.png) repeat 0 0; padding:20px 0 20px 20px; position:absolute; top:44px; left:-60px; overflow:hidden; display:none}*/
.header .nav .nav_menu .menu_li .sec_menu{ background:rgba(150, 0, 1, 0.6); position:absolute; top:48px; left:0px; z-index:999; display:none;}
.header .nav .nav_menu .menu_li:hover .sec_menu{display:block}
.header .nav .nav_menu .menu_li .sec_menu .sec_menu_li{ width:265px; height:50px; line-height:50px; background:rgba(150, 0, 1, 0.4); }
.header .nav .nav_menu .menu_li .sec_menu .sec_menu_li .sec_menu_a{ padding:0 0 0 20px; font-size:14px; font-family:Arial; height:50px; color:#fff; display:block}
.header .nav .nav_menu .menu_li .sec_menu .sec_menu_li .sec_menu_a:hover{ color:#fff; background:#000; }
/*========banner========*/
.tem_index_about{ overflow: hidden; padding-top:30px; }
.banner{width:100%; position:relative; margin:0 auto}
.banner .tempWrap{ margin: 0 auto;}
.banner .slide_img{width:100%; overflow:hidden}
.banner .slide_img li{width:100%; float:left; border: 1px solid #666; overflow:hidden}
.banner .slide_img li img{ display:block; margin:0; padding:0;}
.banner .prev{width:50px; height:74px; background:url(../images/bg_control.png) no-repeat 0 0; cursor:pointer; position:absolute; top:50%; margin-top:-37px; left:140px; display:block}
.banner .next{width:50px; height:74px; background:url(../images/bg_control.png) no-repeat -1070px 0; cursor:pointer; position:absolute; top:50%; margin-top:-37px; right:140px; display:block}
.column_menu_list{width:1000px; margin-top:25px; margin-bottom:45px; overflow:hidden}
.column_menu_list li{width:245px; margin-right:5px; overflow:hidden; float:left}
.column_menu_list li:hover .nav_link{-moz-opacity:1; -webkit-opacity:1; opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.column_menu_list li:hover dl dt a{ color:#247ec1; -moz-opacity:1; -webkit-opacity:1; opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.column_menu_list li .nav_link{width:70px; height:70px; background:url(../images/bg_icon1.png) no-repeat 0 0; cursor:pointer; -moz-opacity:0.5; -webkit-opacity:0.5; opacity:0.5; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); float:left; display:block}
.column_menu_list .column2 .nav_link{background-position:0 -90px}
.column_menu_list .column3 .nav_link{background-position:0 -180px}
.column_menu_list .column4 .nav_link{background-position:0 -270px}
.column_menu_list li dl{width:165px; float:right}
.column_menu_list li dl dt{height:34px; line-height:34px}
.column_menu_list li dl dt a{font-size:16px; font-family:Microsoft YaHei; color:#484848; -moz-opacity:0.5; -webkit-opacity:0.5; opacity:0.5; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);}
.column_menu_list li dl dd{height:70px; line-height:24px; color:#888}
.wp-media_content{ overflow: hidden; width: 260px; height: 153px; }
.wp-media_content .img_over{ overflow: hidden; border-color: transparent; border-width: 0px; width: 260px; height: 153px; position: relative; }
.wp-media_content .img_over img{ width: 260px; height: auto; display: inline; }
.index_title{ margin:28px auto; z-index: 132; width: 260.204px; height: 153px; display: block;}
.index_tit_cn,.index_tit_en{ position: absolute; width: 260px; left: 0; }
.index_tit_cn{ height: 81px; line-height: 81px; top: 0px; text-align: center; color: #5a5a5a; font-size: 34px; font-family: 微软雅黑; font-weight: bold; }
.index_tit_en{ height: 72px; line-height: 72px; top:81px; text-align: center; color: #fff; font-size: 26px; color: #fff; }
.tem_index_about_cont{ width: 1200px; margin: 0 auto; margin-top:30px; }
.tem_index_about_cont ul.class_list li{ list-style:none; float:left; width:20%; height:340px; }
.tem_index_about_cont ul.class_list li .cat_img{ display: block; position: relative; height: 340px; }
.tem_index_about_cont ul.class_list li img{ position: absolute; display:block; width:100%; height:340px;}
.tem_index_about_cont ul.class_list li .img1{ display: block; }
.tem_index_about_cont ul.class_list li .img2{ display: none; }
.tem_index_about_cont ul.class_list li:hover .img1{ display: none; }
.tem_index_about_cont ul.class_list li:hover .img2{ display: block; }
.tem_index_about_cont ul.class_list li a{ display:block; height: 340px; position:relative; padding: 0 1px; }
.tem_index_about_cont ul.class_list li a .class_txt{ left:0px; top: 148px; text-align:center; color: rgb(255, 255, 255); font-size: 18px; position: absolute; z-index: 181; width: 130px; height: 22px; z-index:99;}
.tem_index_about_cont ul.class_list li a .class_bg{ width:136px; height:340px; position:absolute; top:0; left:0; background:#000; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; }
.tem_index_about_cont ul.class_list li:hover .class_bg{ display:none; }
.tem_index_product{ margin-top:28px; padding:30px 0 60px; background:#dcdbd9; overflow: hidden; }
.tem_index_product ul{list-style:none; margin-top:46px; width:1204px; margin-left:-4px; }
.tem_index_product ul li{float:left;overflow:hidden; width:296px; height:296px; margin-left:4px; margin-bottom:4px;}
.tem_index_product ul li a{display:block;margin:0 auto;background:#fff;text-align:center;font-size:0; width:296px; height:296px; position:relative;}
.tem_index_product ul li h2{ position:absolute; bottom:0px; display:none; width:272px; height:42px; line-height:42px; text-align:center; color:#fff; font-weight:normal;font-size: 18px; font-family:"宋体"; }
.tem_index_product ul li .pro_libg{ position:absolute; left:0; top:0; display:none; width:296px; height:296px; background:url(../images/cp3_0cqh.png) no-repeat; background-size:cover; }
.tem_index_product a img{ width: 296px; height: 296px;}
.tem_index_product ul li:Hover h2,.tem_index_product ul li:Hover .pro_libg{ display:block; }
.tem_index_product a:hover img{opacity:.5;filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;}
.home-intro{ background:#ececec; }
.home-intro { padding: 40px 0 30px 0; width: 100%; position: relative; }
.home-intro h4 { margin-bottom: 5px; color:#960001; height:55px; line-height:55px; font-weight:bold; background:url(../images/0abtit_bg.png) no-repeat; }
.home-intro h4 span{ display:inline-block; width:224px; font-size:28px; line-height:50px; padding-bottom:5px; padding-right:70px; text-align:right; background:url(../images/abtit_bg.png) no-repeat right top; float:right; }
.home-intro h4 i{ font-weight:bold; color:#000; font-style: normal; }
.ab_more { width:120px; height:40px; line-height:40px; background:#960001; display:inline-block; text-align:center; color:#fff; font-size:18px; margin-top:20px; }
.ab_more:hover{ background:#000; color:#fff; }
.home-intro p { font-size: 14px;}
.home-intro .button { float: right; }
.main_cont{ margin: 0 auto; width:1100px; position: relative; }
.ab_cont { line-height: 24px; }
.main_ab_left{ width:470px; float:left; }
.main_ab_right{ width:600px; float:right; }
.main_ab_left .ab_cont img{ width:100%; }
.main_ab_right .tem_index_title{ text-align:right; margin-bottom:10px; }
/*首页底部留言*/
.foot_message{ background:#292929;}
.mess_cont{ width:1000px; margin:0 auto;}
.mess_left{ width:565px; float:left; margin-top:15px; background:url(../images/foot_line.jpg) repeat-y center right;}
.mess_left .form_le{ width:205px; float:left;}
.mess_left form p{ margin-bottom:15px;}
.mess_left .form_le input{ width:190px; height:26px; color:#9d9c9c; padding-left:10px;}
.mess_left .form_ri{ width:320px; float:left; padding-left:20px; }
.mess_left .form_ri textarea{ width:220px; height:102px; padding:5px; color:#9d9c9c;}
.mess_left form .submit1{ margin:0; padding:0; width:458px; height:22px; border:1px solid #fff; background:none; color:#fff; cursor:pointer; font-size:16px;}
.mess_right{ width:335px; float:right; padding-top:10px; padding-left:100px;}
.mess_right table tr td{ color:#fff; vertical-align:top; }
.mess_right table tr .td1{ text-align:right;}
.mess_right table tr .td2{ padding-left:5px;}
.foot_main {
width: 1200px;
margin: 0 auto;
padding: 30px 0;
display: flex;
justify-content: space-between;
}
.foot_main .foot_info_li{
width: 25%;
color:#fff;
padding-right:20px;
}
.foot_main{ width:1200px; margin:0 auto; padding:30px 0; }
.foot_logo{ width:334px; padding:0 0 0 20px; float:left; color:#d3d3d5; box-sizing: border-box; }
.foot_info_li .title{ font-size: 22px; color:#fff; height:60px; display:flex; align-items: center; }
.foot_info_li .title2{ height:80px; display:flex; }
.foot_info_li .title2 img{
display: block;
max-height: 80px;
}
.foot_center{ width:534px; padding:0 75px; box-sizing: border-box; float: left; color:#d3d3d5; border-left: 1px solid #515558; border-right: 1px solid #515558; }
.foot_center .title{ font-size: 22px; color:#fff; }
.footEwm{ margin:35px 0; display: flex; justify-content: space-between; }
.footEwm .footImg{ width: 160px; }
.footEwm .footImg img{ width: 160px; }
.footEwm .footImg p{ line-height: 28px; margin-top:5px; text-align: center; }
dl.foot_nav{ margin: 0; float: left; width: 330px; padding: 0 20px; box-sizing: border-box; }
dl.foot_nav dt,dl.foot_nav dd{ }
dl.foot_nav dt{
font-size: 22px;
padding-left: 15px;
margin-bottom: 15px;
color: #fff;
margin-top:35px;
}
dl.foot_nav dd{
margin: 0;
padding: 0;
line-height: 28px;
padding-left: 15px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: inline-block;
width: 80px;
}
dl.foot_nav dd a{
color: #d3d3d5;
font-size: 14px;
}
dl.foot_nav dd a:hover { color: #e6e9ee; }
.foot_contact{ float:right; width:280px; padding:0 10px; }
.foot_contact dt{
height: 42px;
line-height: 42px;
font-size: 14px;
text-align: left;
padding-left: 15px;
color: #fff;
background: url(../images/foot_tit_line.jpg) no-repeat left center;
}
.foot_contact dd{ margin: 0; padding: 0; color:#fff; }
.foot_contact dd p{ position:relative; line-height:28px; padding-left:20px; font-size:12px; color: #d3d3d5; }
.foot_contact dd i{ position:absolute; left:0px; font-size:14px; float:left; width:15px; text-align:center; margin-right:10px; line-height: 24px; }
#lib_feedback_form {
margin-top: 20px;
padding: 0;
line-height: 45px;
}
#lib_feedback_form {
padding: 0 5px;
clear: both;
overflow: hidden;
}
#lib_feedback_form .feedbackTitle {
margin-bottom: 10px;
}
.feedbackTitle {
height: 45px;
line-height: 45px;
border-bottom: 1px solid #d6d6d6;
font-size: 20px;
color: #000;
}
#lib_feedback_form .rows {
margin: 0px 15px 10px 0;
clear: both;
position: relative;
display: inline-block;
}
#lib_feedback_form .rows.rows_l {
margin-right: 0px;
}
#lib_feedback_form .rows span .input {
width: 438px;
margin: 0;
}
#lib_feedback_form .rows span .input {
width: 438px;
height: 46px;
line-height: 47px;
border: 2px solid transparent;
border-bottom: 2px solid #d9d9d9;
padding-left: 20px;
background: #f3f3f3;
margin: 0;
}
#lib_feedback_form .rows span .contents {
width: 914px;
height: 101px;
padding: 14px 0 0 20px;
border: 2px solid transparent;
border-bottom: 2px solid #d9d9d9;
background: #f3f3f3;
margin: 0;
}
#lib_feedback_form .fc_red {
position: absolute;
top: 22px;
left: 5px;
}
#lib_feedback_form .fc_red {
top: 8px;
}
.fc_red {
color: #ff0000;
}
#lib_feedback_form .rows span .input#weblinks {
width: 914px;
}
.form_button2 {
width: 154px;
height: 42px;
background: #af251b;
font-size: 18px;
border: none;
color: #fff;
text-align: center;
line-height: 42px;
overflow: hidden;
cursor: pointer;
}
.footer {
width: 100%;
background: #292929;
padding: 10px 0;
text-align: center;
overflow: hidden;
font-size: 12px;
}
.footer p {
text-align: center;
color: #fff;
}
.footer span,.footer a{ color: #ccc; }
.tem_index_title{ text-align:center;font-weight:normal;font-size:22px;}
.tem_index_title span{position:relative;top:2px;display:inline-block; height:60px; padding:15px 0 5px; border-right:6px solid #960001; text-align:right; padding-right:23px; line-height:36px; font-family: 微软雅黑; color: rgb(31, 31, 31); font-size: 24px; }
.tem_index_title p{ font-weight:normal; font-size: 14px; color: rgb(102, 102, 102); line-height:20px;}
#left2 { float: left; }
#right2 { float: right; }
.left_title2 { height:40px; line-height:40px; }
.left_title2 h2 { font-size: 18px; font-weight: normal; color: #0073c8; background:#960001; }
.left_title2 h2 span {
margin-left: 20px;
border-left: 5px solid #fff;
padding-left: 15px;
font-weight: normal;
font-size: 15px;
color: #fff;
}
.left_body2,.left_body3 { overflow:hidden; zoom:1; color:#000; margin-bottom:20px; padding: 5px 10px; }
.left_bottom2 { height:15px; background:url(../images/left_bottom2.jpg) no-repeat; margin-bottom:5px;}
.subchannellist li {
line-height: 36px;
border-bottom: 1px solid #E3E3E1;
position: relative;
}
.pro_side{ width: 260px; }
.pro_main{width: 810px; border-left: 0px solid #E5E5E5; padding-left: 0px;}
.news_main{ border-left: 0px solid #E5E5E5; padding-left: 0px;}
.subchannellist { }
.subchannellist li { line-height:36px; border-bottom:1px solid #E3E3E1; position:relative;}
.subchannellist li span{ position:absolute; width:30px; height:32px; right:0; top:0; text-align:right; cursor:pointer; color:#960001; background:#fff url(../images/cat_libg_close.png) no-repeat center center; background-size:10px 10px; }
.subchannellist li.active span{ background:#fff url(../images/cat_li_open.png) no-repeat center center; background-size:10px 10px; }
.subchannellist li dl{ margin:0; padding:0;}
.subchannellist li dd{ height:32px; line-height:32px; margin:0; padding-left:15px; background:url(../images/sub_li_dot.png) no-repeat left 5px center;}
.subchannellist li dd a{ font-size:12px; color:#666; display:block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.subchannellist li dd.active a{ color:#960001; }
.subchannellist li a { display:block; color:#000; font-size:14px;}
.subchannellist li a:hover,.subchannellist li a.active { color:#0073c8; text-decoration:none; }
.subchannellist li.active a.no_xia{ color: #0073c8; text-decoration: none; }
.subchannellist li:last-child dt { border-bottom: none;}
.subchannellist #current a { font-weight:bold; color:red; }
.subchannellist .depth1{ font-size:12px; height:36px; }
.subchannellist .depth2{ font-size:12px; text-indent:1.5em;}
.subchannellist .depth3{ font-size:12px; text-indent:3em}
.subchannellist .depth4{ font-size:12px; text-indent:4.5em}
.subchannellist .depth5{ font-size:12px; text-indent:6em}
.subchannellist .depth6{ font-size:12px; text-indent:7.5em}
.left_body {
overflow: hidden;
zoom: 1;
color: #000;
background: rgb(242, 242, 242);
}
.contact_wrap {
line-height: 30px;
color: rgb(102, 102, 102);
font-size: 12px;
}
/*主体右侧*/
/*样式1*/
#right .right_title{ border-bottom: none; }
#right .right_title h2{ float: none; text-align: center; font-size: 18px; font-weight: bold; }
.right_title { height:40px; line-height:40px; border-bottom: 1px dashed #b3b3b3; padding: 0 10px; }
.product .right_title h2 {
color: #960001;
float: left;
padding-right: 8px;
overflow: hidden;
white-space: normal;
text-overflow: ellipsis;
height: 40px;
font-weight: normal;
}
.bot_line_red{ border-bottom:1px solid #960001; }
.right_body { padding:10px 5px 5px 5px; overflow:hidden; zoom:1; border-top:0; border-bottom:0 ; font-size: 14px;}
.right_bottom {height: 5px; line-height:5;overflow:hidden; font-size:0px; margin-bottom:5px;}
/*样式2*/
.right_title1 { background: url(../images/right_title1.jpg) repeat-x 0 0; height:39px; line-height:39px; }
.right_title1 h2 { font-size:14px; font-weight:bold; padding-left:10px; color:#626262;}
.right_body1 { padding:5px; overflow:hidden; zoom:1; border:5px solid #FACEB9; border-top:0; border-bottom:0}
.right_bottom1 { height: 5px; font-size: 0px; line-height:0; background:#FACEB9; overflow:hidden; margin-bottom:5px;}
/*当前位置*/
#location_main {}
#location {color:#0B3B7D; float:left; padding-right:8px; overflow: hidden; white-space: normal; text-overflow: ellipsis; height:40px; background: url(../images/zs01.png) no-repeat left center; padding-left: 18px;}
#location b{ font-weight:normal; }
.more { float: right; padding-right: 5px;}
/*橱窗列表*/
.gridlist{ }
.gridlist li { float:left; text-align:center; width:254px; /*height:260px;*/ overflow:hidden; display:inline /*解决ie6 双边距bug*/;
text-overflow:ellipsis; white-space:nowrap; margin-bottom:20px;}
.gridlist li div{ width:242px; margin:0 auto; padding: 6px; position: relative; }
.gridlist li div .pro_list_img,.gridlist li .pro_list_tit{ display:block; overflow:hidden;}
.gridlist li .pro_list_tit{ height:30px; line-height:30px; margin:0 auto; overflow:hidden; padding:0 6px; white-space:normal; font-size: 12px; }
.gridlist li img { width:242px; height:242px; /*height:165px;*/}
.gridlist li a { white-space:nowrap; line-height:28px;}
.gridlist li div p, .gridlist li div:hover p, .gridlist li,.gridlist li:hover { transition: all 0.3s ease-in-out 0s;}
.pro5-border1 { position: absolute; left: 0px; top: 0px; width: 0px; border-top: 2px solid transparent;}
.pro5-border2 { position: absolute; left: 0px; top: 0px; height: 0px; border-left: 2px solid transparent;}
.pro5-border3 { position: absolute; right: 0px; top: 0px; height: 0px; border-right: 2px solid transparent;}
.pro5-border4 { position: absolute; left: 0px; bottom: 0px; width: 0px; border-bottom: 2px solid transparent;}
.gridlist li div:hover p.pro5-border2,.gridlist li div:hover p.pro5-border3 { height: 100%;}
.gridlist li div:hover p.pro5-border1, .gridlist li div:hover p.pro5-border4 { width: 100%;}
.pg-border-color{ border-color:#960001;}
.pro_param_img .pro_img_li{ width:50%; text-align: center; float:left; }
.pro_param_img .pro_img_li a{ display:inline-block; width:96%; margin:auto; cursor:unset; }
.pro_param_img .pro_img_li img{ width:100%; }
.pro_param_img .pro_img_li .pro_img_tit{ text-align:center; font-size:14px; margin-top:5px; line-height:32px; color:#960001; }
.pro_mian_img .pro_img_li{ width:25%; text-align: center; float:left; }
.pro_mian_img .pro_img_li a{ display:inline-block; width:96%; margin:auto; cursor:unset; }
.pro_mian_img .pro_img_li img{ width:100%; display:block; }
.pro_mian_img .pro_img_li .pro_img_tit{ text-align:center; font-size:14px; margin-top:5px; line-height:32px; color:#960001; }
.Pro_Content table{ margin:0 !important; padding:0 !important; width:100% !important; font-size:12px !important; line-height:22px !important; }
.Pro_Content table tr td{ padding:5px !important; }
.tem_index_yous{padding:50px 0 60px;}
.tem_index_yous_cont{ padding:46px 0 0;}
ul.yous_list li{ list-style:none; float:left; width:600px; height:330px; position:relative;}
ul.yous_list li .yous_txt{ padding:45px 80px 0 86px;}
ul.yous_list li .yous_txt .txt_tit{ height:30px; line-height:30px; font-size: 18px; line-height: 25.2px; font-weight:bold; color: rgb(67, 67, 67);}
ul.yous_list li .yous_txt .txt_tit span{ float:left; margin-right:24px; }
ul.yous_list li .yous_txt .txt_tit span img{ display:block;}
ul.yous_list li .yous_txt .txt_cont{ margin-top:10px; }
ul.yous_list li img{ display:block; }
ul.yous_list li.yous_li1 .yous_img{ position:absolute; bottom:0px; width:100%; }
ul.yous_list li.yous_li1 .yous_img img{ display:block; width:100%; }
ul.yous_list li.yous_li1{ background:rgb(212, 212, 212); }
ul.yous_list li.yous_li2{ background-color: rgb(234, 234, 234); }
ul.yous_list li.yous_li4{background-color: rgb(179, 179, 179);}
ul.yous_list li.yous_li2 .yous_txt,ul.yous_list li.yous_li4 .yous_txt{ height:135px; border-left:6px solid #960001; }
.index_tit_line{ position:absolute; width:160%; height:1px; background:#960001; right:-40px; bottom: 6px; }
.foot_cont_txt {
margin-top: 10px;
padding-top: 10px;
font-size: 14px;
border-top:1px solid #444;
line-height: 28px;
color:#ccc;
}
.foot_cont_txt p{ height: 36px; line-height: 36px; color:#ccc; }
.foot_cont_txt p a{ color:#ccc; }
.foot_cont_txt p i{ width:20px; height:28px; float:left; margin-right:5px; }
.foot_cont_txt p.icon_comp i{ background:url(../images/icon_comp.png) no-repeat center center; background-size:15px auto; }
.foot_cont_txt p.icon_lxr i{ background:url(../images/icon_lxr.png) no-repeat center center; background-size:15px auto;}
.foot_cont_txt p.icon_mobile i{ background:url(../images/icon_mobile.png) no-repeat center center; background-size:15px auto;}
.foot_cont_txt p.icon_tel i{ background:url(../images/icon_tel.png) no-repeat center center; background-size:15px auto; }
.foot_cont_txt p.icon_fax i{ background:url(../images/icon_fax.png) no-repeat center center; background-size:15px auto;}
.foot_cont_txt p.icon_email i{ background:url(../images/icon_email.png) no-repeat center center;background-size:15px auto; }
.foot_cont_txt p.icon_address i{ background:url(../images/icon_address.png) no-repeat center center; background-size:15px auto; }
.tem_index_news{padding:50px 0 60px;text-align:center; background:rgb(220, 219, 217); }
.tem_index_news_slides{ padding-top:46px;}
.news_left{ width:500px; float:left; text-align:left;}
.news_right{ width:520px; float:right; text-align:left; }
.news_left .news_le_img{ display:block; width:500px; height:150px; overflow:hidden; position:relative; }
.news_left .news_le_img img.news_img{ width: 500px; height: auto; top: -91px; left: 0px; position: relative; display: inline;}
.news_left .news_le_img img.news_icon{ position:absolute; left:0; top:0; }
.news_left .news_tit{ margin-top:20px; display: inline-block; font-family: Microsoft YaHei; font-size: 16px; color: #1f1f1f; font-weight: normal; text-decoration: none; line-height: 140%;}
.news_left .news_le_date{ display: block; font-family: Microsoft YaHei; font-size: 12px; color: #929292; font-weight: normal; text-decoration: none; line-height: 140%;}
.news_left .news_le_txt{ display: inline-block; font-family: Microsoft YaHei; font-size: 14px; color: #666666; font-weight: normal; text-decoration: none; line-height: 140%;}
.news_left .news_le_more{ display:block; width: 160px; height: 40px; line-height: 40px; background:#960001; text-align:center; margin-top:15px; color:#fff; font-weight:bold; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.news_left .news_le_more:Hover{ background-color: rgba(31,31,31,1); }
.news_right ul li{ list-style:none; text-align:left; padding-top: 10px; padding-bottom: 22px; border-bottom:1px solid #b3b3b3; overflow: hidden; margin: 10px 0; }
.news_right ul li .time{ width:60px; height:60px; float:left; }
.news_right ul li .time #day{ color: #960001; font-size: 50px; height: 41px; line-height: 41px; display:inline-block; width:60px; text-align:center;}
.news_right ul li .time #day_ym {color: #960001; font-size: 14px; display: block;}
.news_right ul li .conts{ margin-left:130px;}
.news_right ul li .conts .title{ display: inline-block; font-family: Microsoft YaHei; font-size: 16px; color: #1f1f1f; font-weight: normal; text-decoration: none; line-height: 140%;}
.news_right ul li .conts .title a{ color: #1f1f1f; }
.news_right ul li .conts .abstract{ display: inline-block; font-family: Microsoft YaHei; font-size: 14px; padding-top: 4px; color: #666666; font-weight: normal; text-decoration: none;
line-height: 140%; }
.news_more { margin-top:30px; }
.news_more a{ width:120px; margin:0 auto; display:block; height:42px; line-height:42px; background:#960001; color:#fff; }
.news_more a:hover{ background:rgba(31,31,31,1) }
.pro_cate_content{ overflow: hidden; }
.pro_cate_content .pro_cate_img{ width:360px; height:220px; float: left; margin: 3px 20px 3px 9px; padding: 6px; position: relative; }
.pro_cate_content .pro_cate_desc{
padding: 10px 10px 5px 0;
color: #333;
line-height: 2.2;
height: 210px;
text-align: justify;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
}
.pro_cate_content .pro_cate_img p, .pro_cate_content .pro_cate_img:hover p, .pro_cate_content .pro_cate_img, .pro_cate_content .pro_cate_img:hover {
transition: all 0.3s ease-in-out 0s;
}
.pro_cate_content .pro_cate_img:hover p.pro5-border1, .pro_cate_content .pro_cate_img:hover p.pro5-border4 {
width: 100%;
}
.pro_cate_content .pro_cate_img:hover p.pro5-border2, .pro_cate_content .pro_cate_img:hover p.pro5-border3 {
height: 100%;
}
.pro_cate_content .pro_cate_img img{ width:360px; height:220px; }
.product{ margin: 20px auto 10px; }
.product #left2{ float: none; }
.product .pro_main{ width: 1100px; }
.product .gridlist li{ margin:3px 9px; }
.product .right_title{ border-bottom: 1px solid #960001; font-weight: normal; }
.product .right_title2{ height:40px; line-height:40px; }
.pro_side_main{ border-bottom:1px solid #efefef; }
.pro_side_main .left_body2{ width: 1100px; margin:0 auto; padding: 0; }
.pro_side_main .left_body2 .subchannellist{ text-align:center; }
.pro_side_main .left_body2 .subchannellist li{ display: inline-block; border-bottom: none; }
.pro_side_main .left_body2 .subchannellist li a{ padding: 0 30px; height: 80px; line-height: 80px; max-width: 120px; transition: 0.3s ease 0s; overflow: hidden; text-align: center; }
.pro_side_main .left_body2 .subchannellist li a:before {
position: absolute;
content: '';
left: 50%;
bottom: 0px;
width: 0%;
height: 3px;
background-color: none;
transition: all .3s;
}
.pro_side_main .left_body2 .subchannellist li a:after {
content: "";
position: absolute;
width: 1px;
height: 15px;
display: block;
background: #ccc;
top: 50%;
margin-top: -7px;
right: 0px;
}
.pro_side_main .left_body2 .subchannellist li a:hover {
color: #0073c8;
}
.pro_side_main .left_body2 .subchannellist li a:hover:before {
width: 80%;
left: 10%;
background-color:#0073c8;
}
/*右侧联系方式*/
.floatBox {
position: fixed;
right: -10px;
top: 50%;
transform: translateY(-50%);
z-index: 50;
width: 87px;
}
.floatBox .floatLi {
position: relative;
left: 0;
display: flex;
width: auto;
height: 57px;
margin-bottom: 1px;
line-height: 27px;
text-align: center;
overflow: hidden;
transition: all 0.5s ease;
}
.floatBox .floatLi3 {
position: relative;
left: 0;
display: flex;
width: 300px;
height: 57px;
margin-bottom: 1px;
line-height: 27px;
text-align: center;
overflow: hidden;
transition: all 0.5s ease;
}
.floatBox .floatLi:hover {
left: -10px;
}
.floatBox .floatLi3:hover {
left: -194px;
}
.floatBox .floatLi3 .floatTel2 {
display: block;
z-index: 1;
width: 184px;
height: 57px;
font: 18px/57px Arial;
color: #fff;
background: #be1a1f;
cursor: pointer;
}
.floatBox .floatLi .alink {
display: inline-block;
width: 87px;
height: 100%;
padding: 30px 0 0 0;
color: #fff;
font-size: 0.75rem;
}
.floatBox .floatLi3 .alink {
display: inline-block;
width: 87px;
height: 100%;
padding: 30px 0 0 0;
color: #fff;
font-size: 0.75rem;
}
.floatBox .floatLi .alink.floatQQ {
background: url(../images/dw_qq.png) #be1a1f no-repeat;
}
.floatBox .floatLi .alink.floatSh {
background: url(../images/dw_fw.png) #be1a1f no-repeat;
}
.floatBox .floatLi3 .alink.floatTel {
background: url(../images/dw_tel.png) #be1a1f no-repeat;
}
.floatBox .floatLi3 .alink.floatTel2 {
display: block;
z-index: 1;
width: 184px;
height: 57px;
font: 18px/57px Arial;
color: #fff;
background: #be1a1f;
cursor: pointer;
}
.floatBox .floatLi .alink.floatTop {
background: url(../images/dw_top.png) #be1a1f no-repeat;
}
.floatBox .floatLi .alink.floatTel2 {
display: block;
z-index: 1;
width: 184px;
height: 57px;
font: 18px/57px Arial;
color: #fff;
background: #be1a1f;
cursor: pointer;
}
.catelist ul li a {
display: block;
height: 32px;
cursor: pointer;
line-height: 32px;
padding: 0 31px;
}
.indexTits .tit {
font-size: 24px;
font-weight: normal;
position: absolute;
}
.pro_selecter{ width: 1200px; margin:30px auto 20px; border:2px solid #f3f3f3; }
.pro_selecter .indexTits{ line-height: 60px; position: relative; width: 200px; background: #960001; color: #fff; padding: 10px; height: 90px; float: left; }
.pro_selecter .indexTits .titLine{ width: 40px; height: 2px; position: absolute; left: 10px; top: 76px; background: #fff; }
.pro_selecter .indexTits .en {
position: absolute;
line-height: 20px;
color: #fff;
font-size: 14px;
top: 66px;
left: 60px;
}
.pro_selecter .catelist{ margin-top:0; padding-left:220px; height: 110px; text-align:left; }
.pro_selecter .catelist ul{ padding: 10px 10px 10px 50px; }
.pro_selecter .catelist ul li{ float:left; width:13%; margin: 5px 2px; white-space: nowrap; }
.pro_selecter .catelist ul li a{ padding:0; padding-left:15px; font-size:14px; font-weight:bold; color:#666; }
.catelist ul li a.on {
background: #960001;
color: #fff;
}