@charset "utf-8";
html,body {
background: #fafafa;
color:#333;
font:14px/1.6 'Microsoft YaHei',Tahoma,Verdana,'Simsun';
}
a {
color:#333;
text-decoration:none;
}
a:hover {
color:#23B7E5;
text-decoration:none;
}
img:hover {
opacity:0.5;
}
.met_section {
margin:0 auto;
position:relative;
width:80%;
min-width:1100px;
padding-left:20px !important;
padding-right:20px !important;
}
header.tem_headborder {
border-bottom:1px solid #ddd;
}
header {
width:100%;
}
header section {
border-bottom:1px solid #e7e8ed;
background:#f7f8fa;
}
.tem_top {
position:relative;
z-index:100;
height:35px;
color:#53555a;
font-size:12px;
line-height:35px;
}
.tem_top h2 {
font-weight:normal;
}
.tem_top a {
color:#53555a;
}
.tem_top a:hover {
color:#23B7E5;
}
.tem_top_nav {
position:absolute;
top:0;
right:0;
}
.tem_top_nav ol {
float:right;
margin:0;
padding:0;
}
.tem_top_nav ol li {
float:left;
list-style:none;
}
.tem_top_nav ol li.line {
width:30px;
color:#eee;
text-align:center;
}
.tem_top_nav dl {
position:relative;
float:right;
}
.tem_top_nav dl dt i {
margin-left:5px;
}
.tem_top_nav dl dd {
position:absolute;
top:35px;
right:0;
display:none;
padding:10px 18px;
border:1px solid #e7e8ed;
background:#f7f8fa;
white-space:nowrap;
}
.tem_top_nav dl dd a {
display:block;
height:35px;
line-height:35px;
}
.tem_top_nav ul line {
float:right;
width:30px;
color:#eee;
text-align:center;
}
.tem_head {
min-height:100px;
}
.tem_head h1 img,.tem_head h2 img {
position:relative;
z-index:999;
font-size:0;
}
.tem_head h2 img:hover,.tem_footer_2 img:hover {
opacity:1;
}
header h1 {
display:inline;
}
.tem_head nav {
position:absolute;
top:50%;
right:0;
margin-top:-17px;
height:34px;
line-height:34px;
}
.tem_head nav ul {
margin:0;
padding:0;
list-style:none;
}
.tem_head nav ul li {
position:relative;
float:left;
margin-left:8px;
}
.tem_head nav a {
display:block;
padding:0 15px;
}
.tem_head nav a:hover {
color:#23B7E5;
}
.tem_head nav a.navdown {
border-radius:2px;
background:#23B7E5;
color:#fff;
}
.tem_head nav a.navdown:hover {
color:#fff;
}
.tem_head nav ul li dl {
position:absolute;
top:78px;
left:0;
z-index:99;
display:none;
width:500px;
background:rgba(255,255,255,.9);
}
.tem_head nav ul li dl dd {
float:left;
padding:20px 0;
width:100px;
}
.tem_head nav ul li dl dd a {
margin:0 10px;
text-align:center;
padding:0px;
}
.tem_head nav ul li dl dd div a {
margin:0;
}
.tem_head nav ul li dl dt {
float:right;
overflow:hidden;
padding:20px 20px 20px 0;
width:380px;
height:200px;
font-size:0;
}
.tem_head nav ul li dl dt img {
width:380px;
height:200px;
}
.tem_head nav ul li dl dd i {
position:absolute;
top:-14px;
left:50px;
z-index:100;
width:100%;
color:#f3f4f5;
font-size:22px;
}
.tem_head nav ul li dl.tem_pronoaw {
width:auto;
}
.tem_head nav ul li dl.tem_pronoaw dd {
width:auto;
}
.tem_head nav ul li dl.tem_pronoaw dd div {
float:left;
padding:0 20px;
min-width:100px;
}
.tem_head nav ul li dl.tem_pronoaw dd div h3 {
margin-bottom:5px;
border-bottom:1px solid #888;
font-weight:normal;
}
.tem_head nav ul li dl.tem_pronoaw dd div p a {
margin:0;
}
.tem_banner {
position:relative;
overflow:hidden;
background:#fafafa;
text-align:center;
font-size:0;
}
.tem_banner ul {
overflow:hidden;
}
.tem_banner ul li {
float:left;
width:100%;
list-style:none;
background-position:50% 50%;
background-repeat:no-repeat;
}
.tem_banner ul li a {
display:block;
width:100%;
height:100%;
}
.tem_banner ul li img {
max-width:100%;
height:auto;
}
.tem_banner .flex-control-nav {
position:absolute;
right:0;
bottom:20px;
left:0;
text-align:center;
}
.tem_banner .flex-control-nav li {
margin:0px;
}
.tem_banner .flex-control-nav li a {
display:inline-block;
margin:0 6px;
width:10px;
height:10px;
border:1px solid #fff;
border-radius:10px;
text-indent:-999em;
cursor:pointer;
background:none;
}
.tem_banner .flex-control-nav li a.flex-active {
background:#fff;
}
.tem_banner .flash img {
width:100%!important;
}
.tem_index_title {
margin:0 0 60px 0;
border-bottom:1px solid #ccc;
text-align:center;
font-weight:normal;
font-size:22px;
}
.tem_index_title span {
position:relative;
top:2px;
display:inline-block;
padding:10px 15px;
border-bottom:4px solid #666;
}
.tem_index_title p {
color:#8c8c8c;
font-weight:normal;
}
.tem_index_more {
clear:both;
margin:0 auto;
padding-top:30px;
width:200px;
text-align:center;
}
.tem_index_more a {
display:block;
height:40px;
background:#23B7E5;
color:#fff;
font-weight:normal;
font-size:14px;
line-height:40px;
}
.tem_index_more a:hover {
background:#d82208;
color:#fff;
}
.tem_index_to {
border-top:1px solid #e7e8ed;
border-bottom:1px solid #e7e8ed;
background:#f7f8fa;
}
.tem_wp1,.tem_wp2,.tem_wp3,.tem_wp4,.tem_wp5 {
visibility:hidden;
}
.bounceInLeft,.bounceInRight,.fadeInUp,.fadeInUpDelay,.fadeInDown,.fadeInUpD,.fadeInLeft,.fadeInRight {
visibility:visible;
}
.tem_index_about {
padding:50px 0 80px;
}
.tem_index_about_cont {
margin-right:25px;
padding:50px 0;
}
.tem_index_about_txt {
float:left;
width:55%;
}
.tem_index_about .txtwd100 {
float:none;
width:100%;
}
.tem_index_about_txt .met_editor {
padding:0px 50px 0;
}
.tem_index_about_img {
float:right;
overflow:hidden;
width:45%;
height:227px;
font-size:0;
}
.tem_index_about_video {
float:right;
overflow:hidden;
width:45%;
}
.tem_index_about_img ul {
float:left;
overflow:hidden;
width:70%;
height:227px;
list-style:none;
}
.tem_index_about_img .tem_index_about_img_noe {
float:none;
width:100%;
}
.tem_index_about_img ul li {
padding:4px;
border:1px solid #eee;
}
.tem_index_about_img ul img {
width:100%;
height:217px;
}
.tem_index_about_img ol {
float:right;
overflow:hidden;
width:30%;
list-style:none;
}
.tem_index_about_img ol li {
position:relative;
margin-bottom:8px;
margin-left:20px;
padding:4px;
border:1px solid #eee;
}
.tem_index_about_img ol img {
width:100%;
height:60px;
cursor:pointer;
}
.tem_index_about_img ol li.tem_now {
background:#eee;
}
.tem_index_about_img ol li i {
position:absolute;
top:26px;
left:-8px;
display:none;
color:#eee;
font-size:20px;
}
.tem_index_about_img ol li.tem_now i {
display:block;
}
.tem_index_about_img ol li.tem_hover {
background:#eee;
}
.tem_index_about_more {
padding-top:10px;
}
.tem_index_about_more a {
display:inline-block;
padding:0 30px;
height:30px;
border:2px solid #eee;
color:#999!important;
text-decoration:none;
font-weight:normal;
line-height:30px;
}
.tem_index_about_more a:hover {
background:#eee;
text-decoration:none!important;
}
.tem_index_product {
padding:50px 0 80px;
}
.tem_index_product ul {
list-style:none;
}
.tem_index_product ul li {
float:left;
overflow:hidden;
margin-bottom:30px;
text-align:center;
}
.tem_index_product ul li a {
display:block;
margin:0 auto;
background:#fff;
text-align:center;
font-size:0;
}
.tem_index_product ul li h2 {
padding:10px;
background:#8c989f;
color:#fff;
text-align:left;
font-weight:normal;
font-size:14px;
}
.tem_index_product a img {
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
.tem_index_product a:hover img {
opacity:.5;
filter:alpha(opacity=50);
-moz-opacity:.5;
-khtml-opacity:.5;
}
.tem_index_news {
padding:50px 0 80px;
text-align:center;
}
.tem_index_news_tab {
display:inline-block;
margin:0 0 10px;
height:37px;
border-right:1px solid #8c989f;
list-style:none;
line-height:37px;
}
.tem_index_news_tab li {
float:left;
}
.tem_index_news_tab li h3 {
padding:0 40px;
height:35px;
border:1px solid #8c989f;
border-right:0;
font-weight:normal;
line-height:35px;
cursor:pointer;
}
.tem_index_news_tab li.flex-active h3 {
background:#8c989f;
color:#fff;
}
.tem_index_news_tab li:hover h3 {
background:#8c989f;
color:#fff;
}
.tem_index_news_list {
margin:20px 0 0;
}
.tem_index_news_list li {
float:left;
overflow:hidden;
width:50%;
list-style:none;
text-align:left;
}
.tem_index_news_list li a {
display:block;
}
.tem_index_news_list li dl {
margin-right:10px;
padding-top:21px;
height:115px;
}
.tem_index_news_list li dl.tem_even {
margin-right:0;
margin-left:10px;
}
.tem_index_news_list dt {
position:relative;
float:left;
overflow:hidden;
width:100px;
height:115px;
border-bottom:1px solid #e7e8ed;
font-size:0;
}
.tem_index_news_list dt img {
margin-left:10px;
width:90px;
height:90px;
border-radius:60px;
}
.tem_index_news_list dd {
float:left;
margin-left:-100px;
width:100%;
}
.tem_index_news_list dd a {
padding:0 10px;
}
.tem_index_news_list_txt {
margin-left:100px;
height:115px;
border-bottom:1px solid #e7e8ed;
}
.tem_index_news_list_txt h3 {
overflow:hidden;
margin-bottom:3px;
height:23px;
color:#000;
font-weight:normal;
line-height:23px;
}
.tem_index_news_list_txt p {
overflow:hidden;
height:42px;
color:#818181;
}
.tem_index_news_list_txt span.time {
display:block;
height:25px;
color:#818181;
line-height:25px;
}
.tem_index_news_list li dl:hover {
background:#f7f8fa;
}
.tem_index_news_list .tem_index_more {
float:none;
width:200px;
text-align:center;
}
.tem_index_case {
padding:50px 0 80px;
}
.tem_index_case_list ul.slides li {
float:left;
list-style:none;
}
.tem_index_case_list .tem_list {
float:left;
width:25%;
}
.tem_index_case_list .tem_list dt {
text-align:center;
font-size:0;
}
.tem_index_case_list .tem_list dt a {
display:block;
overflow:hidden;
margin:0 auto;
}
.tem_index_case_list .tem_list dt img {
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
transition:all .3s ease;
}
.tem_index_case_list .tem_list dt a:hover img {
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2);
-ms-transform:scale(1.2);
}
.tem_index_case_list .tem_list h3 {
margin:0 auto;
height:40px;
background:#8c989f;
text-align:center;
font-weight:normal;
line-height:40px;
}
.tem_index_case_list .tem_list h3 a {
color:#fff;
}
.tem_index_case_list .tem_list h3 a:hover {
color:#fff;
}
.tem_index_case_list .flex-control-nav {
margin-top:30px;
}
.tem_index_footer {
padding:40px 0 50px;
background:#1e1e1e;
}
.tem_index_footer dl {
float:left;
}
.tem_index_footer dl dt {
margin-right:25px;
height:40px;
border-bottom:1px solid #363636;
color:#f3f3f3;
font-size:16px;
line-height:40px;
}
.tem_index_footer dl dt span {
position:relative;
top:-1px;
display:inline-block;
border-bottom:3px solid #838383;
}
.tem_index_footer dl dd {
margin-right:25px;
}
.tem_index_footer_contact {
width:35%;
}
.tem_index_footer_contact li {
position:relative;
margin-top:25px;
padding-top:5px;
padding-left:48px;
min-height:35px;
color:#646363;
list-style:none;
}
.tem_index_footer_contact li i {
position:absolute;
top:0;
left:0;
width:35px;
height:35px;
border:1px solid #424244;
border-radius:5px;
color:#7c7c7c;
text-align:center;
font-size:22px;
line-height:35px;
}
.tem_index_footer_link {
width:35%;
}
.tem_index_footer_link dd {
padding:20px 0;
}
.tem_index_footer_link a {
display:inline-block;
margin:0 12px 10px 0;
color:#646363;
white-space:nowrap;
}
.tem_index_footer_link a:hover {
color:#ababab;
}
.tem_index_footer_link a img {
height:45px;
}
.tem_index_footer_attention {
width:30%;
}
.tem_index_footer_attention dd {
padding:20px 0;
color:#646363;
}
.tem_index_footer_attention li {
display:inline-block;
margin:8px;
list-style:none;
}
.tem_index_footer_attention li a {
display:block;
overflow:hidden;
width:44px;
height:44px;
background:url(../images/pnt.png) no-repeat left top;
color:#646363;
font-size:0;
}
.tem_index_footer_attention li.tenxun a {
background-position:-83px top!important;
}
.tem_index_footer_attention li.weixin a {
background-position:-247px top!important;
}
.tem_index_footer_attention li.qq a {
background-position:-165px top!important;
}
.tem_index_footer_attention li:hover a {
background:url(../images/pnthover.png) no-repeat;
}
.tem_index_footer_attention img {
margin-top:8px;
width:100px;
}
.tem_index_footer_attention p {
margin-top:5px;
}
.met_section {
position:relative;
padding:40px 0 50px;
}
.met_section aside {
position:relative;
float:left;
width:230px;
}
.met_section article {
float:left;
margin-left:-230px;
width:100%;
}
.met_section article .met_article {
margin-left:250px;
}
.met_section_asidenone article {
float:none;
margin-left:0;
}
.met_section_asidenone article .met_article {
margin-left:0;
}
.met_section aside section {
border:1px solid #ddd;
}
.met_section aside section h2 {
padding:0 20px;
height:60px;
border-bottom:1px solid #ddd;
font-size:18px;
line-height:60px;
}
.met_section aside .met_aside_list {
padding:10px 0;
}
.met_section aside .met_aside dl dt {
height:45px;
line-height:45px;
}
.met_section aside .met_aside dl dt a {
display:block;
padding:0 20px;
color:#333;
}
.met_section aside .met_aside dl dt a:hover {
background:#efefef;
}
.met_section aside .met_aside dl dt.on {
background:#efefef;
border-left:4px solid #23B7E5;
}
.met_section aside .met_aside dl dd {
padding:6px 0 6px 0;
}
.met_section aside .met_aside dl dd a {
display:block;
padding-left:40px;
height:35px;
color:#333;
font-weight:normal;
line-height:35px;
}
.met_section aside .met_aside dl dd .on a,.met_aside dl dd a:hover {
background:#efefef;
}
.met_section aside .met_related {
margin-top:20px;
}
.met_section aside .met_related ul {
padding:20px;
}
.met_section aside .met_related li {
margin-bottom:8px;
list-style:none;
}
.met_article_head {
position:relative;
padding:0 10px;
height:60px;
border-bottom:1px solid #ddd;
line-height:60px;
}
.met_article_head .met_position {
position:absolute;
top:0;
right:10px;
color:#aaa;
font-family:'微软雅黑';
}
.met_article_head .met_position a {
color:#999;
font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun';
}
.met_article_head h1 {
color:#555;
font-weight:normal;
font-size:18px;
}
.met_section_sehed {
padding-top:0;
}
.met_section_head {
height:50px;
color:#aaa;
font-size:12px;
font-family:'微软雅黑';
line-height:50px;
}
.met_section_head a {
color:#999;
font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun';
}
.met_section_head a:hover {
color:#23B7E5;
}
/*以下CSS样式谨慎修改,内页各模块样式,多模板可共用*/
body,h1,h2,h3,h4,h5,h6,dl,dt,li,ol,ul,dd,th,td,p,pre,form,input,button,textarea,hr {
margin:0;
padding:0
}
h1,h2,h3,h4,h5,h6 {
font-size:100%
}
img {
border:0
}
button,input,select,textarea {
font-size:100%
}
.met_clear {
clear:both
}
.met_none {
display:none
}
.met_hidden {
visibility:hidden
}
.met_fl {
float:left
}
.met_fr {
float:right
}
.met_editor {
line-height:2
}
.met_editor ul,.met_editor ol {
padding:0 0 0 25px;
margin:0
}
.met_editor a {
color:#1c57c4
}
.met_editor a:hover {
text-decoration:underline
}
/*.met_editor img {
max-width:100%;
height:auto!important;
}*/
.met_editor blockquote {
padding-top:5px;
padding-bottom:5px;
padding-left:15px;
border-left:4px solid #ddd
}
.met_editor hr {
display:block;
padding:0;
border:0;
height:0;
border-top:1px solid #ddd;
margin:20px 0;
-webkit-box-sizing:content-box;
box-sizing:content-box
}
.met_editor .metvideobox {
text-align:center;
visibility:hidden;
margin:10px auto;
}
.met_editor .video-js {
max-width:100%;
}
.met_editor table {
width:100%!important;
margin-bottom:1.6rem;
border-spacing:0!important;
border-collapse:collapse!important;
padding:0!important;
border:0
}
.met_editor table td {
border:1px solid #ddd!important
}
.met_editor table>thead>tr>th,table>tbody>tr>th,table>tfoot>tr>th,table>thead>tr>td,table>tbody>tr>td,table>tfoot>tr>td {
padding:.7rem;
line-height:1.6;
vertical-align:top;
border-top:1px solid #ddd
}
.met_editor table>thead>tr>th {
vertical-align:bottom;
border-bottom:1px solid #ddd
}
.met_editor #page_break .collapse {
display:none
}
.met_editor #page_break .num {
padding:10px 0;
text-align:center
}
.met_editor #page_break .num li {
display:inline;
margin:0 2px;
padding:3px 5px;
border:1px solid #ccc;
background-color:#fff;
color:#666;
text-align:center;
cursor:pointer;
font-family:Arial;
font-size:12px;
overflow:hidden
}
.met_editor #page_break .num li.on {
background-color:#ccc;
color:#fff;
font-weight:bold
}
.metinfo-banner1 {
overflow:hidden;
margin:0 auto
}
.met_pager {
text-align:center;
padding:30px 0 0
}
.met_pager a {
border:1px solid #e0e0e0;
text-align:center;
height:28px;
line-height:28px;
min-width:28px;
_width:28px;
text-align:center;
display:inline-block;
color:#aaa
}
.met_pager a:hover {
border:1px solid #a0a0a0;
color:#aaa
}
.met_pager .PreSpan,.met_pager .NextSpan {
height:30px;
line-height:30px;
min-width:60px;
_width:60px;
text-align:center;
background:#f0f0f0;
color:#ccc;
display:inline-block
}
.met_pager .PreA,.met_pager .NextA {
height:28px;
line-height:28px;
min-width:58px;
_width:58px;
color:#aaa
}
.met_pager .PreSpan,.met_pager .PreA {
margin-right:6px
}
.met_pager .NextSpan,.met_pager .NextA {
margin-left:6px
}
.met_pager .firstPage,.met_pager .lastPage {
font-weight:bold;
height:28px;
line-height:28px;
min-width:40px;
_width:40px;
color:#aaa
}
.met_pager .Ahover {
font-weight:bold;
background:#f0f0f0;
color:#aaa
}
.met_pager .PageText {
margin-left:10px;
color:#aaa
}
.met_pager #metPageT,#metPageB {
text-align:center;
border:1px solid #e0e0e0;
color:#aaa
}
.met_pager #metPageT {
width:20px;
padding:6px 5px 5px
}
.met_pager #metPageB {
min-width:40px;
_width:40px;
padding:6px 0 5px;
cursor:pointer;
font-weight:bold
}
*html .met_pager #metPageT {
height:13px;
line-height:13px
}
*html .met_pager #metPageB {
padding:0;
height:28px;
line-height:20px
}
*+html .met_pager #metPageT {
height:13px;
line-height:13px
}
*+html .met_pager #metPageB {
padding:0;
height:28px;
line-height:20px
}
.met_module1 {
padding:30px 10px
}
.met_module2_list {
padding:10px 10px
}
.met_module2_list li {
list-style:none;
border-bottom:1px solid #ddd;
padding:15px 100px 15px 10px;
position:relative
}
.met_module2_list h2 {
font-weight:normal
}
.met_module2_list li p {
color:#818181
}
.met_module2_list li span.time {
color:#818181;
position:absolute;
right:10px;
top:15px
}
.met_module2_list li h2 i {
margin-right:10px;
position:relative
}
.met_module2_list li.list_2 h2,.met_module2_list li.list_3 h2 {
margin-bottom:3px;
font-weight:bold
}
.met_module2_list li.list_2 {
padding:15px 0
}
.met_module2_list li.list_3 {
padding-left:100px;
min-height:80px
}
.met_module2_list li.list_3 img {
position:absolute;
left:0;
top:15px
}
.met_module2_list li.list_3 span.time {
position:static
}
.met_module2 h1.met_title {
font-size:28px;
font-weight:normal;
padding:5px 0
}
.met_module2 .met_infos {
color:#818181;
font-size:12px;
margin-bottom:30px;
padding-bottom:10px;
border-bottom:1px solid #ddd
}
.met_module2 .met_time {
padding-right:6px
}
.met_module2 .met_source {
padding-right:6px
}
.met_module2 .met_source a {
color:#607fa6
}
.met_module2 .met_editor {
padding:0 10px
}
.met_tools {
border-top:1px solid #ddd;
margin-top:30px;
position:relative;
padding:10px 10px 0;
height:50px;
line-height:50px
}
.met_tools .met_page {
clear:both;
position:absolute;
right:5px;
top:0;
color:#818181
}
.met_tools .met_page li {
display:inline;
list-style:none;
margin-left:30px;
}
.met_tools .met_page li span {
padding-right:5px;
}
.met_tools .met_page a {
color:#607fa6
}
#showproduct dl.pshow {
visibility:hidden
}
#showproduct dl.pshow dt {
float:left;
position:relative;
font-size:0;
text-align:center;
overflow:hidden;
border-right:1px solid #ddd
}
#showproduct dl.pshow dt .met_box {
margin:0 auto;
visibility:hidden
}
#showproduct dl.pshow dt .met_box figcaption {
display:none
}
#showproduct dl.pshow dt .my-simple-gallery figure {
float:left;
margin:0
}
#showproduct dl.pshow dt li {
display:inline-block;
margin-right:10px;
margin-top:10px;
cursor:pointer
}
#showproduct dl.pshow dt li img {
filter:alpha(opacity=90);
-moz-opacity:.9;
-khtml-opacity:.9;
opacity:.9
}
#showproduct dl.pshow dt li.flex-active {
border:2px solid #000;
width:66px;
height:66px;
position:relative;
overflow:hidden
}
#showproduct dl.pshow dt li.flex-active img {
position:relative;
left:-2px;
top:-2px
}
#showproduct dl.pshow dd {
float:left;
width:100%
}
#showproduct dl.pshow dd .met_box {
padding:0 20px
}
#showproduct dl.pshow dd .met_box h1 {
font-size:24px;
padding:20px 5px;
border-bottom:1px solid #ddd
}
#showproduct dl.pshow dd .met_box ul li {
list-style:none;
color:#818181;
padding:8px 5px 8px 90px;
border-bottom:1px solid #ddd;
position:relative
}
#showproduct dl.pshow dd .met_box ul li span {
position:absolute;
left:0;
top:0;
padding:8px 5px;
width:80px;
word-wrap:break-word
}
#showproduct dl.pshow dd .met_box .desc {
padding:10px;
margin-top:20px;
background:#f7f8fa;
color:#666
}
#showproduct .met_nav {
height:45px;
line-height:45px;
margin:30px 0;
border:1px solid #ddd
}
#showproduct .met_nav li {
float:left;
list-style:none;
border-right:1px solid #ddd;
cursor:pointer
}
#showproduct .met_nav li a {
display:block;
padding:0 40px
}
#showproduct .met_nav li.met_now,#showproduct .met_nav li.met_hover {
background:#f7f8fa
}
#showproduct .met_related {
margin-top:30px;
font-size:18px;
font-weight:normal;
border-bottom:1px solid #ddd;
padding:10px 10px;
color:#333
}
#showproduct .met_related_list {
list-style:none;
visibility:hidden
}
#showproduct .met_related_list li {
float:left;
text-align:center;
margin-top:30px;
overflow:hidden
}
#showproduct .met_related_list li a {
text-align:center;
display:block;
margin:0 auto;
background:#fff;
border:1px solid #ddd;
font-size:0
}
#showproduct .met_related_list li h2 {
text-align:left;
font-size:14px;
padding:10px 10px;
font-weight:normal;
border-top:1px solid #ddd
}
#showproduct .met_related_list li img {
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s
}
#showproduct .met_related_list li a:hover h2 {
color:#333
}
#showproduct .met_related_list li a:hover img {
filter:alpha(opacity=50);
-moz-opacity:.5;
-khtml-opacity:.5;
opacity:.5
}
#showproduct .met_nav_contbox {
padding:0 10px
}
#downloadlist {
padding:15px
}
#downloadlist .metlist {
margin-bottom:20px
}
#downloadlist .metlist dt {
border-bottom:1px solid #ddd;
font-size:14px;
font-weight:bold;
padding:8px 5px 8px 0;
background:url(../images/dt-9.gif) no-repeat 5px 11px
}
#downloadlist .metlist dd {
color:#999;
padding:8px;
background:#f7f8fa
}
#downloadlist .metlist dd b {
font-weight:normal
}
#downloadlist .metlist dd div {
float:right
}
#downloadlist .metlist dd span {
padding-right:20px
}
#downloadlist .metlist dd a {
color:#1c57c4
}
#downloadlist .metlist dd a.down {
color:#fa1a1a
}
#showdownload {
padding:15px
}
#showdownload h1.title {
font-size:24px;
padding:15px 5px;
border-bottom:1px solid #ddd;
margin-bottom:30px
}
#showdownload .paralist {
background:#8c989f;
padding:5px 10px;
color:#fff;
visibility:hidden
}
#showdownload .paralist li {
list-style:none;
padding:8px 5px 8px 90px;
min-height:20px;
position:relative;
border-bottom:1px solid #ddd
}
#showdownload .paralist li:last-child {
border-bottom:0
}
#showdownload .paralist li a {
color:#fff
}
#showdownload .paralist li span {
position:absolute;
left:0;
top:0;
width:80px;
padding:8px 5px;
word-wrap:break-word
}
#showdownload .met_editor {
padding:0 10px
}
#showdownload .ctitle {
margin:30px 0 10px;
padding:0 10px;
font-size:16px;
font-weight:normal;
height:40px;
line-height:40px;
border-bottom:1px solid #ddd
}
#showdownload .downloadbox {
margin-top:30px
}
#showdownload .downloadbox a {
display:inline-block;
background:#23b7e5;
height:35px;
line-height:35px;
padding:0 35px;
color:#fff;
border-radius:2px
}
#showdownload .downloadbox a:hover {
background:#38c4f0
}
#showdownload .downloadbox a.active {
background:#1ba4cf
}
#imglist ul.list_1 {
list-style:none;
visibility:hidden
}
#imglist ul.list_1 li {
float:left;
text-align:center;
margin-top:30px;
overflow:hidden
}
#imglist ul.list_1 li a {
text-align:center;
display:block;
margin:0 auto;
background:#fff;
border:1px solid #ddd;
font-size:0
}
#imglist ul.list_1 li h2 {
text-align:left;
font-size:14px;
padding:10px 10px;
font-weight:normal;
border-top:1px solid #ddd
}
#imglist ul a img {
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s
}
#imglist ul a:hover h2 {
color:#333
}
#imglist ul a:hover img {
filter:alpha(opacity=50);
-moz-opacity:.5;
-khtml-opacity:.5;
opacity:.5
}
#imglist ul.list_2 {
list-style:none;
visibility:hidden
}
#imglist ul.list_2 li {
padding:20px 10px;
border-bottom:1px solid #ddd
}
#imglist ul.list_2 dt {
float:left;
position:relative
}
#imglist ul.list_2 dd {
float:left;
width:100%
}
#imglist ul.list_2 dd h2 {
padding:5px 10px;
font-size:15px
}
#imglist ul.list_2 dd p {
padding:5px 10px;
color:#818181
}
#showimg h1.met_title {
font-size:24px;
padding:15px 5px;
border-bottom:1px solid #ddd;
margin-bottom:30px
}
#showimg .met_slide_box {
text-align:center;
background:#000;
margin:0 auto;
overflow:hidden;
position:relative
}
#showimg .met_slide_list ul {
display:none;
}
#showimg ul.exposureThumbs {
border-right:0;
padding:0;
margin:0;
list-style-type:none;
height:79px;
width:790px;
margin:0px auto;
padding:10px
}
#showimg ul.exposureThumbs li {
background:#111;
margin:0 10px 0 0;
padding:0;
text-align:center;
display:none;
float:left
}
#showimg ul.exposureThumbs li img {
cursor:pointer
}
#showimg ul.exposureThumbs li.last {
margin:0
}
#showimg .exposureWrapper {
position:absolute;
top:0;
left:0
}
#showimg .exposureWrapper img {
cursor:pointer;
position:absolute;
top:0;
left:0
}
#showimg .exposureLoaded {
background-image:none
}
#showimg ul.exposureThumbs li {
width:150px;
height:79px
}
#showimg .exposureSlideshowControls a {
font-size:11px;
color:#bba;
text-decoration:none;
outline:0;
padding:2px 6px;
display:inline
}
#showimg .exposureSlideshowControls a:active,.exposureSlideshowControls a:hover {
background-color:#999;
color:#444
}
#showimg .met_slide_box .left,.met_slide_box .right {
position:absolute;
width:50%;
cursor:pointer
}
#showimg .met_slide_box .left a,.met_slide_box .right a {
display:block;
width:100%;
height:100%
}
#showimg .imgparalist {
background:#8c989f;
padding:5px 10px;
color:#fff;
visibility:hidden;
margin-top:30px;
visibility:hidden
}
#showimg .imgparalist li {
list-style:none;
padding:8px 5px 8px 90px;
min-height:20px;
position:relative;
border-bottom:1px solid #ddd
}
#showimg .imgparalist li:last-child {
border-bottom:0
}
#showimg .imgparalist li a {
color:#fff
}
#showimg .imgparalist li span {
position:absolute;
left:0;
top:0;
width:80px;
padding:8px 5px;
overflow:hidden;
word-wrap:break-word
}
#joblist {
padding:15px
}
#joblist dl {
padding:10px 5px 10px;
margin-top:30px;
border:1px solid #ddd;
}
#joblist dt {
padding:0 10px;
font-size:16px;
font-weight:bold;
}
#joblist dd .dtail {
padding:5px 10px 0;
border-top:1px solid #ddd;
}
#joblist dd .dtail span {
margin-right:15px;
}
#joblist dd .dtail a {
color:#1c57c4;
}
#joblist dd .editor {
padding:10px;
}
#joblist dd .mis {
padding:5px 10px;
border-bottom:1px solid #ddd;
font-size:12px;
}
#joblist dd .mis span {
margin-right:15px;
color:#999;
}
#showjob h1.title {
font-size:24px;
padding:15px 5px;
border-bottom:1px solid #ddd;
margin-bottom:30px;
}
#showjob .ctitle {
margin:30px 0 10px;
padding:0 10px;
font-size:16px;
font-weight:normal;
height:40px;
line-height:40px;
border-bottom:1px solid #ddd;
}
#showjob .met_editor {
padding:0 10px;
}
#cvlist {
padding:15px;
}
#showjob .paralist {
background:#8c989f;
padding:5px 10px;
color:#fff;
visibility:hidden;
margin-top:30px;
visibility:hidden;
}
#showjob .paralist li {
list-style:none;
padding:8px 5px 8px 90px;
min-height:20px;
position:relative;
border-bottom:1px solid #ddd;
}
#showjob .paralist li:last-child {
border-bottom:0;
}
#showjob .paralist li a {
color:#fff;
}
#showjob .paralist li span {
position:absolute;
left:0;
top:0;
width:80px;
padding:8px 5px;
overflow:hidden;
word-wrap:break-word;
}
#showjob .info_cv {
margin-top:30px;
margin-left:10px;
}
#showjob .info_cv a {
display:inline-block;
background:#23b7e5;
height:35px;
line-height:35px;
padding:0 35px;
color:#fff;
border-radius:2px;
}
#showjob .info_cv a:hover {
background:#38c4f0;
}
#showjob .info_cv a.active {
background:#1ba4cf;
}
#messagelist {
padding:15px;
}
#messagelist .metlist {
margin-top:30px;
border:1px solid #ddd;
padding:5px;
}
#messagelist .metlist dt {
padding:5px;
}
#messagelist .metlist dt span.name {
color:#2c7199;
}
#messagelist .metlist dt span.time {
padding-left:5px;
color:#aaa;
font-size:12px;
}
#messagelist .metlist dt span.tt {
float:right;
padding-right:5px;
color:#aaa;
}
#messagelist .metlist dd.info span.tt {
display:none;
clear:both;
}
#messagelist .metlist dd.info span.text {
display:block;
line-height:1.5;
padding:0 5px 10px;
border-bottom:1px solid #ddd;
}
#messagelist .metlist dd.reinfo span.tt {
display:block;
padding:10px 5px 0;
color:#2c7199;
}
#messagelist .metlist dd.reinfo span.text {
display:block;
line-height:1.5;
padding:5px 5px 10px;
}
#messagelist .v52fmbx {
margin:30px 0 0;
}
#linklist {
padding:15px 15px 25px;
}
#linklist .ctitle {
margin:10px 0 10px;
padding:5px 10px;
border-bottom:1px solid #ddd;
}
#linklist .inside {
padding:15px 0 0;
}
#linklist .metlist .img li {
list-style:none;
display:inline;
padding-right:5px;
}
#linklist .metlist .img img {
width:88px;
height:31px;
}
#linklist .metlist .txt li {
list-style:none;
float:left;
width:88px;
height:20px;
line-height:20px;
margin-right:5px;
overflow:hidden;
}
#linksubmit {
padding:15px;
}
#linksubmit table {
margin:0 auto;
}
#memberbox {
padding:15px;
}
ul.searchnavlist {
list-style:none;
padding:0 20px;
margin:0;
}
ul.searchnavlist li {
padding:5px 0;
}
ul.searchnavlist .advsearch_searchword input {
width:90%;
height:28px;
line-height:28px\9;
padding:2px 5px;
border:1px solid #dcdfe0;
background-color:#fff;
color:#333;
outline:0;
border-radius:2px;
font-family:'微软雅黑';
}
ul.searchnavlist .searchgo {
display:block;
background:#23b7e5;
border:0 none;
height:34px;
line-height:26px;
padding:0 35px;
color:#fff;
cursor:pointer;
border-radius:2px;
font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun';
}
ul.searchnavlist .searchgo:hover {
background:#38c4f0;
}
ul.searchnavlist .searchgo:active {
background:#1ba4cf;
}
#searchlist {
padding:15px 0;
}
#searchlist li {
padding-left:10px;
margin-bottom:6px;
line-height:1.5;
}
#searchlist ul {
list-style:none;
padding:0;
margin:0;
}
#searchlist ul li {
padding:3px 5px;
margin-bottom:10px;
}
#searchlist ul li img {
display:none;
}
#searchlist .search_title {
display:block;
padding:2px 0;
}
#searchlist .search_title a {
font-size:16px;
color:#12C;
text-decoration:underline;
}
#searchlist .search_title em {
color:#c00;
text-decoration:underline;
font-style:normal;
}
#searchlist .search_detail {
display:block;
}
#searchlist .search_detail a {
text-decoration:underline;
color:#12C;
}
#searchlist .search_content em {
color:#c00;
font-style:normal;
}
#searchlist .search_updatetime {
display:block;
margin-top:5px;
color:green;
}
#searchlist a:hover {
text-decoration:underline;
}
#sitemaplist dl {
margin-top:30px;
padding:20px;
border:1px solid #ddd;
}
#sitemaplist dt h2 {
font-size:18px;
font-weight:normal;
padding:10px 0;
border-bottom:1px solid #ddd;
}
#sitemaplist dt h2 i {
font-size:22px;
margin-left:10px;
font-weight:normal;
color:#888;
position:relative;
top:2px;
}
#sitemaplist dd ul {
float:left;
width:25%;
list-style:none;
margin-top:20px;
}
#sitemaplist dd li {
margin-top:5px;
}
#sitemaplist dd li h4 a {
font-weight:normal;
color:#666;
}
.v52fmbx_hr {
border-top:1px solid #ddd;
margin:0;
padding:0 5px 0 15px;
font-weight:bold;
font-size:16px;
background:#ddd;
height:60px;
line-height:60px;
}
:-ms-input-placeholder {
color:#999;
}
.met-focus {
border:1px solid #23b7e5!important;
}
.v52fmbx {
border:1px solid #ddd;
border-top:0;
overflow:hidden;
text-align:left;
}
.v52fmbx dl:after {
display:block;
clear:both;
content:"";
visibility:hidden;
height:0;
}
.v52fmbx dl {
width:100%;
zoom:1;
background:#fff;
}
.v52fmbx dl {
border-top:1px solid #ddd;
margin:0;
display:-webkit-box;
display:-moz-box;
display:box;
display:-ms-flexbox;
position:relative;
padding:5px 0;
}
.v52fmbx dl dt {
padding:15px 15px 10px 15px;
width:105px;
text-align:left;
font-weight:normal;
overflow:hidden;
line-height:1.2;
}
.v52fmbx dl dd {
-moz-box-flex:1.0;
-webkit-box-flex:1.0;
box-flex:1.0;
-ms-flex:1;
padding:2px 0 0 15px;
margin:10px 0;
}
.v52fmbx dl dd label input {
position:relative;
top:1px;
margin-right:3px;
}
.v52fmbx dl dd .fbox {
margin:0 10px 0 0;
}
.v52fmbx dl dd .tips {
color:#aaa;
}
.v52fmbx dl dd .tips:hover {
color:#f00;
}
.v52fmbx dl dd.labelinline label {
display:inline;
}
.v52fmbx dl dt.addimgdt {
padding:10px 5px 10px;
}
.v52fmbx dl dt.addimgdt p {
height:30px;
line-height:30px;
margin-bottom:8px;
}
.v52fmbx dl.noborder {
border-bottom:0;
}
.formerror {
margin-top:6px;
height:20px;
line-height:20px;
}
.formerror .fa-times {
color:#fff;
border-radius:3px;
padding:1px 2px;
font-size:16px;
margin-right:5px;
background:red;
}
.formerror .fa-check {
color:#fff;
border-radius:3px;
padding:2px;
font-size:14px;
margin-right:5px;
background:#10aa00;
}
.formerrorbox {
border:2px solid #f00!important;
}
.v52fmbx dl dd.ftype_description {
color:#fff;
padding:8px;
margin:0 5px;
background:#6c6fbf;
}
.ftype_input .fbox {
float:left;
}
.ftype_input .tips {
float:left;
padding-top:5px;
}
.ftype_input .fbox input {
width:350px;
height:28px;
line-height:28px\9;
padding:2px 5px;
border:1px solid #dcdfe0;
background-color:#fff;
color:#333;
outline:0;
border-radius:2px;
}
.placeholder-ie {
position:relative;
}
.placeholder-ie label {
position:absolute;
left:8px;
top:7px;
cursor:text;
color:#999;
}
.ftype_textarea .tips {
display:block;
}
.ftype_textarea textarea {
width:350px;
line-height:1.5;
height:100px;
padding:7px 5px;
border:1px solid #dcdfe0;
background-color:#fff;
color:#333;
outline:0;
}
.ftype_select .tips,.ftype_select-linkage .tips {
display:block;
margin-top:5px;
}
select {
line-height:31px;
height:31px;
vertical-align:middle;
background-color:#fff;
outline:0;
border:1px solid #ccc;
padding:4px;
color:#656565;
font-family:'微软雅黑';
}
.ftype_radio .fbox label {
font-weight:normal;
height:28px;
line-height:28px;
margin:0;
display:block;
}
.ftype_radio .fbox input[type='radio'] {
border-radius:100%;
bottom:3px;
height:15px;
position:relative;
vertical-align:middle;
width:15px;
margin:0;
position:relative;
top:-1px;
margin-right:6px;
}
.ftype_radio .formerror {
margin-top:0;
}
.ftype_checkbox .fbox input[type='checkbox'] {
border-radius:100%;
bottom:3px;
height:15px;
position:relative;
vertical-align:middle;
width:15px;
margin:0;
}
.ftype_checkbox .fbox label {
font-weight:normal;
height:28px;
line-height:28px;
margin:0;
display:block;
}
.ftype_checkbox .fbox input {
position:relative;
top:-1px;
margin-right:6px!important;
}
.ftype_checkbox .formerror {
margin-top:0;
}
.ftype_transverse .fbox label {
display:inline;
margin-right:15px;
}
.submit {
display:block;
background:#23b7e5;
border:0 none;
height:34px;
line-height:26px;
padding:0 35px;
color:#fff;
cursor:pointer;
border-radius:2px;
font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun';
}
.submit:hover {
background:#38c4f0;
}
.submit.active {
background:#1ba4cf;
}
.v52fmbx dl dd.ftype_code input {
width:80px;
margin-right:10px;
}
.v52fmbx dl dd.ftype_code img {
height:30px;
position:relative;
bottom:2px;
}
/*index CSS Add by Mr.box 2015年9月21日21:38:51*/
.tem_head {
min-height: 78px;
}
.tem_head nav {
height:78px;
margin-top: -38px;
}
.tem_head nav ul li {
float:left;
height:77px;
padding:0 1px;
margin-left:0;
}
.tem_head nav ul li:hover {
color:#fff;
border-radius: 2px;
}
.tem_head nav a {
display:block;
height:77px;
text-align:center;
line-height:77px;
font-size:14px;
color:#666;
padding: 0px 15px;
}
.tem_head nav ul li a:hover {
background:#23B7E5;
color:#fff;
border-radius: 2px;
}
.tem_head nav ul li dl a {
height:40px;
line-height:40px;
}
.mynav {
max-height:83px;
}
.logo_img img {
max-width:200px;
height:auto;
margin:0 auto;
padding:15px 0;
}
.search_login {
transition:600ms;
float:right;
margin-top:16px;
}
.search_login .top_login {
float:right;
height:43px;
width:43px;
margin:0 0 0 16px;
background:0 0;
background:url(../head-ico.png) -43px 0;
text-indent:-9999px;
overflow:hidden;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
border-radius:50%;
border:1px #ddd solid;
}
.search_login a:hover {
border:1px #008cd6 solid;
background-color:#008cd6;
background-position:-43px -43px;
}
.top_search {
float:right;
position:relative;
height:43px;
width:43px;
margin:0 0 0 16px;
background:url(../head-ico.png) 0 0;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
border-radius:50%;
border:1px #ccc solid;
}
.top_search:hover {
border:1px #008cd6 solid;
background-color:#008cd6;
background-position:0 -43px;
}
.top_search_sub {
position:absolute;
right:1px;
top:0;
height:43px;
line-height:43px;
width:43px;
color:#FFF;
border:none;
cursor:pointer;
text-align:center;
text-indent:-9999px;
overflow:hidden;
background:url(../head-ico.png) 0 -43px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
border-radius:50%;
}
.top_search_input {
margin-top:65px;
position:relative;
right:196px;
z-index:999;
height:40px;
width:218px;
line-height:43px;
color:#666;
padding:0 10px;
border:1px solid #ddd;
background:rgba(255,255,255,.9);
font-family:'微软雅黑';
}
.head_lang {
float:right;
height:43px;
width:43px;
margin:0 0 0 16px;
background:url(../head_lang.png) -46px -46px;
border:1px #CECECE solid;
background-color:#666;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
border-radius:50%;
cursor:pointer;
}
.head_lang:hover {
border:1px #008cd6 solid;
background-color:#008cd6;
background-position:-46px -46px;
}
.head_lang .head_ul {
z-index: 999;
position:relative;
margin-top:0px;
right: 0px;
display:none;
}
.head_lang .head_ul li {
z-index: 999;
width:110px;
position:relative;
right: 0px;
height:35px;
line-height:35px;
margin:0px;
}
.head_lang .head_ul li a {
white-space: nowrap;
height:35px;
line-height:35px;
border: 1px solid #ddd;
background: rgba(255,255,255,.9);
text-align: left;
}
.head_lang .head_ul li a img {
margin-right:5px;
}
.tem_index_mynews {
padding:50px 0 80px;
width:1100px;
margin:0 auto;
position:relative;
}
.mynews_list01,.mynews_list02 {
position:relative;
overflow:hidden;
width:49%;
background:#fafdff;
border:1px solid #cadae7;
margin-bottom:20px;
}
.lf {
float:left;
}
.rf {
float:right;
}
.mynews_title01 a,.mynews_title02 a {
font-size:18px;
color:#FFF;
text-decoration:none;
}
.mynews_title01,.mynews_title02 {
height:50px;
padding-left:70px;
line-height:50px;
color:#FFF;
margin-bottom: 10px;
}
.mynews_list01 ul.mynews_list_01,.mynews_list01 ul.mynews_list_02 {
float:left;
width:100%;
padding-bottom: 20px;
padding-top:20px;
}
.mynews_list01 ul.mynews_list_01 li,.mynews_list01 ul.mynews_list_02 li {
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
height:30px;
line-height:20px;
padding:5px 20px;
font-size:14px;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
width:50%;
float:left;
}
.mynews_list01 div.mynews_com {
width:100%;
overflow: hidden;
}
.mynews_list01 div.mynews_com a {
width:100%;
}
.mynews_list01 div.mynews_com a img {
width:100%;
}
.mynews_list01 div.mynews_com a img:hover {
opacity:.8;
}
.mynews_list01 div.mynews_com .mynews_com_img {
width:50%;
float:left;
overflow:hidden;
}
.mynews_list01 div.mynews_com .img0 {
padding:10px 10px 10px 20px;
}
.mynews_list01 div.mynews_com .img1 {
padding:10px 20px 10px 10px;
}
.mynews_list01 div.mynews_com .mynews_com_img .com_img {
overflow: hidden;
margin: 0 auto;
}
.mynews_list01 ul li .index_news_class2 span:hover {
background-color: #23B7E5;
}
.mynews_list01 ul li .index_news_title:hover {
color: #23B7E5;
}
.mynews_list01 ul li span {
color:#FFF;
display:inline-block;
margin-right:10px;
padding:0 12px;
background:#008CD6;
-webkit-border-radius:12px 12px 12px 12px;
-moz-border-radius:12px 12px 12px 12px;
border-radius:12px 12px 12px 12px;
}
.mynews_list01 ul li a {
color:#666;
}
.mynews_list01 ul:nth-child(2) {
float:right;
}
.tem_inner {
margin:0 auto;
position:relative;
width:80%;
min-width:1100px;
}
.mynews_list02 dl {
padding:10px 20px;
overflow:hidden;
}
.mynews_list02 dl:hover {
background-color: #EEEEEE;
}
.mynews_list02 dl a img {
display:block;
float:left;
overflow:hidden;
margin-right:20px;
border:1px solid #ddd;
}
.mynews_list02 dl dt {
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
.mynews_list02 dl dt a {
color:#008CD6;
font-size:16px;
font-weight:700;
}
.mynews_list02 dl dd {
margin:5px 0;
line-height:20px;
height:85px;
font-size:14px;
overflow:hidden;
}
.mynews_list02 dl a.more {
float:right;
display:block;
height:25px;
line-height:25px;
padding:0 12px;
background:#008CD6;
color:#FFF;
font-size:14px;
text-decoration:none;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
}
.mynews_list02 dl dd p {
color:#666;
margin:1px 0;
line-height:20px;
height:80px;
font-size:14px;
overflow:hidden;
}
/* my_produc Mr.Box Add 2015年9月24日23:45:16*/
.my_produc,.my_produc_com {
margin:auto;
padding-top:20px;
padding-bottom:50px;
}
.my_produc h2,.my_produc_com h2 {
width:80%;
margin: 0 auto;
height:80px;
line-height:80px;
display:block;
text-align:center;
position:relative;
}
.my_produc h2 i,.my_produc_com h2 i {
height:1px;
overflow:hidden;
width:100%;
position:absolute;
top:50%;
left:0;
background:#dcdcdc;
}
.my_produc h2 strong,.my_produc_com h2 strong {
font-size:18px;
color:#333;
background:#fafafa;
display:inline-block;
padding:0 10px;
font-weight:400;
position:relative;
}
.my_produc .my_produc_list {
width:80%;
margin:0 auto;
overflow:hidden;
position:relative;
border:1px #eee solid;
background:#fff;
margin-top:10px;
}
.cl {
zoom:1;
}
.my_produc_list .my_produc_list_s {
overflow: hidden;
}
.my_produc_list ul li {
float:left;
width:25%;
overflow:hidden;
text-align:center;
position:relative;
}
.my_produc_list ul li a {
padding:10px;
border:1px #eee solid;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
display:block;
}
.my_produc_list ul li a:hover {
background:#eee;
}
.my_produc_list ul li a:hover i {
border:5px #f2f9fd solid;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
transition:all .5s;
}
.my_produc_list ul li a .figure {
overflow:hidden;
position:relative;
text-align:center;
}
.my_produc_list ul li a .figure img {
width:100%;
z-index:1;
-webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-ms-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
}
.my_produc_list ul li a:hover .scale img {
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
transform:scale(1.2);
}
.my_produc_list ul li a h3 {
font-size:18px;
color:#333;
padding:30px 30px;
text-align:center;
}
.my_produc_list ul li a p {
padding:0 30px;
font-size:14px;
text-align:center;
}
.my_produc_list ul li a i {
-webkit-transition:all .2s;
-moz-transition:all .2s;
-ms-transition:all .2s;
transition:all .2s;
display:block;
overflow:hidden;
width:100%;
height:350px;
position:absolute;
top:0;
left:0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
z-index:9;
border:1px #fff solid;
}
.my_produc_com_list ul li {
display: block;
overflow: hidden;
}
.my_produc_com_list ul li .color-list {
padding: 15px 20px 0 30px;
text-align: left;
}
.my_produc_com_list ul li .color-list span {
width: 8px;
height: 8px;
display: inline-block;
overflow: hidden;
margin-right: 5px;
border: 1px #cfcfcf solid;
background: #fff;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
border-radius:50%;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
}
.my_produc_com_list ul li .color-list span.white {
border: 1px #cfcfcf solid;
background: #fff;
}
.my_produc_com_list ul li .color-list span.blue {
border: 1px #5263a1 solid;
background: #5263a1;
}
.my_produc_com_list ul li .color-list span.black {
border: 1px #666 solid;
background: #666;
}
.my_produc_com_list ul li a {
display: block;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
}
.my_produc_com_list ul li .figure img {
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all 1s;
transition:all 1s;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
}
.my_produc_com_list a:hover .scale img {
-webkit-transition:all 2s;
-moz-transition:all 2s;
-ms-transition:all 2s;
transition:all 2s;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.my_produc_com_list a:hover .move img {
-webkit-transition:all 2s;
-moz-transition:all 2s;
-ms-transition:all 2s;
transition:all 2s;
-webkit-transform: translate3d(-10%,0px,0px);
-moz-transform: translate3d(-10%,0px,0px);
-ms-transform: translate3d(-10%,0px,0px);
transform: translate3d(-10%,0px,0px);
}
.my_produc_com_list a:hover .moveup img {
-webkit-transition:all 2s;
-moz-transition:all 2s;
-o-transition:all 2s;
transition:all 2s;
-webkit-transform: translate3d(0,-10%,0);
-moz-transform: translate3d(0,-10%,0);
-o-transform: translate3d(0,-10%,0);
transform: translate3d(0,-10%,0);
}
.my_produc_com_list a:hover .movetop img {
-webkit-transition:all 2s;
-moz-transition:all 2s;
-o-transition:all 2s;
transition:all 2s;
-webkit-transform: translate3d(0,-40px,0);
-moz-transform: translate3d(0,-40px,0);
-o-transform: translate3d(0,-40px,0);
transform: translate3d(0,-40px,0);
}
/* com_product Add By Mr.Box 2015年9月25日16:43:04*/
.my_produc_com .my_produc_com_list {
width:80%;
margin:0 auto;
overflow: hidden;
position: relative;
border: 1px #eee solid;
background: #fff;
}
.my_produc_com_list {
height: 550px;
}
.my_produc_com_list .p_left {
width:60%;
height:100%;
overflow: hidden;
}
.my_produc_com_list .p_left .p_top {
width:100%;
height:50%;
overflow: hidden;
border-bottom: 1px solid #EEE;
}
.my_produc_com_list .p_left .p_1 {
width:100%;
height:100%;
top: 0;
left: 0;
/* background: #47afe6;*/
}
.my_produc_com_list .p_left .p_1 a {
height: 332px;
position: relative;
display: block;
}
.my_produc_com_list .p_left .p_1 .figure {
width: 480px;
height: 480px;
position: absolute;
top: -140px;
left: -100px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.my_produc_com_list .p_left .p_1 a h3 {
font-size: 70px;
color: #fff;
width: 300px;
height: 240px;
position: absolute;
right: 10px;
top: 60px;
}
.my_produc_com_list .p_left .p_1 a:hover .figure {
-webkit-transform: translate3d(13%,5%,0);
-moz-transform: translate3d(13%,5%,0);
-ms-transform: translate3d(13%,5%,0);
transform: translate3d(13%,5%,0);
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-ms-transition: all 2s ease-in-out;
transition: all 2s ease-in-out;
}
.my_produc_com_list .p_left .p_bottom {
width:100%;
height:50%;
overflow: hidden;
}
.my_produc_com_list .p_left .p_bottom .p_bottom_l {
width:50%;
height:100%;
overflow: hidden;
}
.my_produc_com_list .p_left .p_3 {
width:100%;
height:100%;
top: 333px;
left: 0;
border-right: 1px #eee solid;
/* background: #ff97b7;*/
color: #fff;
}
.my_produc_com_list .p_left .p_3 a {
display: block;
color: #fff;
position: relative;
height: 100%;
}
.my_produc_com_list .p_left .p_3 .figure {
width: 260px;
height: 302px;
position: absolute;
bottom: 0;
right: 20px;
top: 50px;
z-index: 1;
}
.my_produc_com_list .p_left .p_3 a h3 {
position: absolute;
left: 20px;
bottom: 20px;
z-index: 2;
display: block;
font-size: 24px;
padding: 0;
}
.my_produc_com_list .p_left .p_3 a h3 p {
padding: 0;
font-size: 14px;
}
.my_produc_com_list .p_left .p_bottom .p_bottom_r {
width:50%;
height:100%;
overflow: hidden;
}
.my_produc_com_list .p_left .p_4 {
width:100%;
height:100%;
border-left: 1px solid #EEE;
top: 333px;
left: 358px;
/* background: #ffd25a;*/
color: #fff;
}
.my_produc_com_list .p_left .p_4 a {
color: #fff;
height: 100%;
position: relative;
display: block;
}
.my_produc_com_list .p_left .p_4 .figure {
width: 700px;
height: 332px;
position: absolute;
top: 0;
left: 0;
z-index: 1;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transform: translate3d(4%,0,0);
-moz-transform: translate3d(4%,0,0);
transform: translate3d(4%,0,0);
}
.my_produc_com_list .p_left .p_4 a h3 {
position: absolute;
left: 20px;
bottom: 20px;
z-index: 2;
display: block;
font-size: 24px;
padding: 0;
}
.my_produc_com_list .p_left .p_4 a h3 p {
padding: 0;
font-size: 14px;
}
.my_produc_com_list .p_left .p_4 a:hover .figure {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-ms-transition: all 2s ease-in-out;
transition: all 2s ease-in-out;
}
.my_produc_com_list .p_right {
width:40%;
height:100%;
overflow: hidden;
}
.my_produc_com_list .p_right .p_2 {
width:100%;
height:100%;
border-left: 1px solid #EEE;
}
.my_produc_com_list .p_right .p_2 a h3 {
display: block;
text-align: center;
font-size: 44px;
color: #fff;
width: 40%;
position: absolute;
top: 50px;
z-index: 9;
}
.my_produc_com_list .p_right .p_2 .figure img {
width:100%;
height:100%;
z-index: 1;
}
/* myproduct_menu CSS Add By Mr.Box 2015年9月25日21:16:08*/
.mypruduct_menu {
position: static;
top:0;
display: block;
border-top: 0;
}
.mypruduct_menu .mypruduct_menu_dl {
display:block;
width:80%;
min-width:950px;
height:80px;
margin:auto;
padding-top: 10px;
overflow:hidden;
position:relative;
}
.mypruduct_menu .mypruduct_menu_dl {
height:166px;
}
.mypruduct_menu .mypruduct_menu_dl .mypruduct_menu_li {
height:166px;
}
.mypruduct_menu .mypruduct_menu_dl .mypruduct_menu_li a {
height:166px;
}
.mypruduct_menu .mypruduct_menu_dl .mypruduct_menu_li {
display:block;
float:left;
}
.mypruduct_menu .mypruduct_menu_dl .mypruduct_menu_li .mypruduct_menu_li_c {
padding:0 1px;
}
.mypruduct_menu .mypruduct_menu_dl .mypruduct_menu_li a.now,.mypruduct_menu .mypruduct_menu_dl .mypruduct_menu_li a:hover {
background-color:#23B7E5;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
transition:all .5s ease-in-out;
border-radius: 5px;
}
.mypruduct_menu .mypruduct_menu_dl .mypruduct_menu_li a {
padding: 0 20px;
display:block;
position:relative;
overflow:hidden;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
.mypruduct_menu .mypruduct_menu_dl .mypruduct_menu_li .news_menu_p {
width:100%;
height:70%;
}
.mypruduct_menu .mypruduct_menu_dl .mypruduct_menu_li .news_menu_p b {
padding:20px 0;
}
.mypruduct_menu .mypruduct_menu_dl .mypruduct_menu_li .news_menu_t {
width:100%;
height:30%;
line-height:30%;
}
.mypruduct_menu .mypruduct_menu_dl .mypruduct_menu_li .all-series a.now b,.mypruduct_menu .mypruduct_menu_dl .mypruduct_menu_li.all-series a:hover b {
background-position:0 -167px;
}
.mypruduct_menu .mypruduct_menu_dl .mypruduct_menu_li .all-series a b {
background-position:0 0;
}
.mypruduct_menu .mypruduct_menu_dl .mypruduct_menu_li a b {
width:100%;
height:80%;
display:block;
position:relative;
top:0;
text-indent:-9999px;
background-size:1254px 336px;
-webkit-transition-delay:.1s;
-moz-transition-delay:.1s;
-ms-transition-delay:.1s;
transition-delay:.1s;
}
.mypruduct_menu .mypruduct_menu_dl .mypruduct_menu_li a.now h2,.mypruduct_menu .mypruduct_menu_dl .mypruduct_menu_li a:hover h2 {
color:#fff;
}
.mypruduct_menu .mypruduct_menu_dl .mypruduct_menu_li a h2 {
text-align:center;
color:#666;
font-size:18px;
font-weight:400;
padding:20px 0px;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
}
.mypruduct_menu .mypruduct_menu_mh {
display:block;
width:80%;
min-width:950px;
height:80px;
margin:auto;
padding-top: 10px;
overflow:hidden;
position:relative;
}
.mypruduct_menu .mypruduct_menu_mh {
height:60px;
}
.mypruduct_menu .mypruduct_menu_mh .mypruduct_menu_li {
height:60px;
}
.mypruduct_menu .mypruduct_menu_mh .mypruduct_menu_li a {
height:60px;
}
.mypruduct_menu .mypruduct_menu_mh .mypruduct_menu_li {
display:block;
float:left;
}
.mypruduct_menu .mypruduct_menu_mh .mypruduct_menu_li .mypruduct_menu_li_c {
padding:0 1px;
}
.mypruduct_menu .mypruduct_menu_mh .mypruduct_menu_li a.now,.mypruduct_menu .mypruduct_menu_mh .mypruduct_menu_li a:hover {
background-color:#23B7E5;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
transition:all .5s ease-in-out;
border-radius: 5px;
}
.mypruduct_menu .mypruduct_menu_mh .mypruduct_menu_li a {
padding: 0 20px;
display:block;
position:relative;
overflow:hidden;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
.mypruduct_menu .mypruduct_menu_mh .mypruduct_menu_li .news_menu_p {
width:100%;
height:70%;
}
.mypruduct_menu .mypruduct_menu_mh .mypruduct_menu_li .news_menu_p b {
padding:20px 0;
}
.mypruduct_menu .mypruduct_menu_mh .mypruduct_menu_li .news_menu_t {
width:100%;
height:30%;
line-height:30%;
}
.mypruduct_menu .mypruduct_menu_mh .mypruduct_menu_li .all-series a.now b,.mypruduct_menu .mypruduct_menu_mh .mypruduct_menu_li.all-series a:hover b {
background-position:0 -167px;
}
.mypruduct_menu .mypruduct_menu_mh .mypruduct_menu_li .all-series a b {
background-position:0 0;
}
.mypruduct_menu .mypruduct_menu_mh .mypruduct_menu_li a b {
width:100%;
height:80%;
display:block;
position:relative;
top:0;
text-indent:-9999px;
background-size:1254px 336px;
-webkit-transition-delay:.1s;
-moz-transition-delay:.1s;
-ms-transition-delay:.1s;
transition-delay:.1s;
}
.mypruduct_menu .mypruduct_menu_mh .mypruduct_menu_li a.now h2,.mypruduct_menu .mypruduct_menu_mh .mypruduct_menu_li a:hover h2 {
color:#fff;
}
.mypruduct_menu .mypruduct_menu_mh .mypruduct_menu_li a h2 {
text-align:center;
color:#666;
font-size:18px;
font-weight:400;
padding:20px 0px;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
}
/* mynews CSS Add By Mr.Box 2015年9月26日23:19:31*/
.met_module2_list {
padding: 0px;
}
.my_news {
width:100%;
background: #fff;
margin: auto;
margin-bottom: 40px;
margin-top:20px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
-ms-box-shadow: 0 1px 1px rgba(0,0,0,.1);
box-shadow: 0 1px 1px rgba(0,0,0,.1);
}
.my_news .met_pager {
padding: 30px 0;
}
.my_news ul li .article_info p a b {
background: url(../hits.png) no-repeat;
}
.my_news ul {
display: block;
padding: 0 40px;
}
.my_news ul li {
display: block;
padding: 40px 0 20px 0;
border-bottom: 1px #f1f1f1 solid;
}
.my_news ul li h2 {
font-size: 24px;
color: #333;
padding-bottom: 10px;
}
.my_news ul li h2 a {
color: #333;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
}
.my_news ul li h2 a:hover {
color: #008cd6;
}
.my_news ul li .article_info {
font-size: 12px;
}
.my_news ul li .article_info a {
color: #999;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
}
.my_news ul li .article_info a:hover {
color: #008cd6;
}
.my_news ul li .article_info p {
float: right;
text-align: right;
}
.my_news ul li .article_info p a {
font-size: 14px;
display: inline-block;
margin-left: 16px;
}
.my_news ul li .article_info p a b {
width: 24px;
height: 24px;
overflow: hidden;
display: inline-block;
vertical-align: middle;
margin-right: 1px;
position: relative;
top: -1px;
}
.my_news ul li .article_info p a.reader b {
background-position: 0 0;
}
.my_news ul li .article_info p a.reply b {
background-position: -25px 0;
}
.my_news ul li .article {
padding: 10px 0;
position: relative;
text-align: justify;
line-height: 1.5em;
color: #666;
font-size: 14px;
}
.my_news ul li .article .article_img {
margin-bottom: 20px;
width:100%;
max-height:250px;
overflow:hidden;
border:1px solid #ddd;
}
.my_news ul li .article .article_img img {
width:100%;
}
.my_news ul li .readmore {
text-align: right;
}
.my_news ul li .readmore a {
color: #008cd6;
}
.my_news ul li .readmore a b {
background: url(../read_more.png) no-repeat;
}
.my_news ul li .readmore a b {
width: 15px;
height: 15px;
overflow: hidden;
display: inline-block;
vertical-align: middle;
position: relative;
top: -1px;
margin-left: 5px;
}
.my_news .news_title {
padding: 40px;
padding-bottom: 20px;
text-align: center;
}
.my_news .news_title h2 {
font-size: 24px;
color: #333;
padding-bottom: 10px;
}
.my_news .news_title p {
font-size: 14px;
color: #666;
}
.my_news .news_views {
margin: 40px;
margin-top: 0;
font-size: 14px;
color: #666;
line-height: 1.5em;
overflow: hidden;
}
.my_news .met_tools {
margin: 40px;
margin-top: 0;
font-size: 14px;
color: #666;
overflow: hidden;
padding: 10px 0;
}
.my_news ul li {
border-bottom: none;
}
.show_mynews_class2 {
padding: 0 0 10px 0;
width: 1100px;
margin: auto;
display: block;
font-size: 24px;
color: #008cd6;
}
/* mynews_aside CSS Add Add By Mr.Box 2015年9月26日16:23:04*/
.mynews_aside {
width:80%;
min-width: 1100px;
min-height:400px;
color:#999;
font-size:14px;
margin:auto;
margin-bottom:40px
}
.mynews_aside aside {
float: right;
width: 30%;
}
.mynews_aside .met_pager {
padding: 30px 0;
}
.mynews_aside article {
width:70%;
margin-left:0px;
}
.mynews_aside article .met_article {
padding: 0 20px;
margin-left: 0px;
}
.news-rel dl {
display: block;
margin-bottom: 20px;
background: #fff;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
-ms-box-shadow: 0 1px 1px rgba(0,0,0,.1);
box-shadow: 0 1px 1px rgba(0,0,0,.1);
}
.news-rel dl dt {
display: block;
height: 60px;
line-height: 60px;
position: relative;
border-bottom: 1px #f1f1f1 solid;
}
.news-rel dl.tab dt {
display: table;
width: 100%;
}
.news-rel dl.tab dt a {
width: 50%;
height: 42px;
line-height: 42px;
text-align: center;
display: table-cell;
color: #008cd6;
font-size: 18px;
}
.news-rel dl.tab dt a:hover,.news-rel dl.tab dt a.current {
background: #008cd6;
color: #fff;
}
.news-rel dl.tab dd {
height: auto;
position: relative;
}
.news-rel dl.tab dd ul {
display: block;
padding: 0 20px;
}
.news-rel dl.tab dd ul li {
display: block;
padding: 20px 0;
border-bottom: 1px #f1f1f1 solid;
}
.news-rel dl.tab dd ul li a {
display: block;
height: 62px;
overflow: hidden;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
}
.news-rel dl.tab dd ul li span {
width: 120px;
height: 60px;
float: left;
border: 1px #e5e5e5 solid;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
border-radius:5px;
overflow: hidden;
}
.news-rel dl.tab dd ul li a h2 {
color: #666;
font-size: 14px;
font-weight: normal;
display: block;
margin-left: 135px;
margin-bottom: 8px;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
overflow: hidden;
}
.news-rel dl.tab dd ul li a p {
color: #999;
font-size: 12px;
height: 32px;
overflow: hidden;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
display: none;
}
.news-rel dl.tab dd ul li a:hover h2,.news-rel dl.tab dd ul li a:hover p {
color: #008cd6;
}
.news-rel dl.tab dd .more {
color: #333;
height: 45px;
line-height: 45px;
border-top: 1px #f1f1f1 solid;
position: relative;
top: -1px;
text-align: center;
}
.news-rel dl.tab dd .more a {
display: inline-block;
position: relative;
color: #333;
}
.news-rel dl.tab dd .more a b {
width: 15px;
height: 15px;
overflow: hidden;
display: inline-block;
vertical-align: middle;
background-position: -16px -64px;
margin-left: 5px;
position: relative;
top: -1px;
}
.news-rel dl.list dt {
padding-left: 20px;
color: #333;
font-size: 18px;
}
.news-rel dl.tab dt a {
width: 50%;
height: 60px;
line-height: 60px;
text-align: center;
display: table-cell;
color: #008cd6;
font-size: 18px;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
}
.news-rel dl.list dt a b {
width: 15px;
height: 15px;
overflow: hidden;
display: inline-block;
vertical-align: middle;
background-position: 0 -64px;
margin-left: 2px;
position: relative;
top: -1px;
}
.news-rel dl.list dd ul {
display: block;
padding: 20px;
}
.news-rel dl.list dd ul li {
padding-bottom: 12px;
display: block;
overflow: hidden;
}
.news-rel dl.list dd ul li a {
color: #666;
overflow: hidden;
white-space: nowrap;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
}
.news-rel dl.list dd ul li a:hover {
color: #008cd6;
}
.news-rel dl.list dd ul li a b {
width: 18px;
height: 18px;
line-height: 18px;
text-align: center;
color: #fff;
font-size: 12px;
overflow: hidden;
display: inline-block;
margin-right: 10px;
background: #aab2bd;
position: relative;
top: 5px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
.news-rel dl.list dd ul li a b.top {
background: #ff6600
}
/* top_nav css Add By Mr.Box 2015-10-3 23:43:17*/
.header,.header2 {
transition: 600ms;
}
.header {
position: absolute;
top:0;
z-index:999;
height:84px;
transition: 600ms;
width:100%;
min-width:1180px;
background:rgba(255,255,255,.9);
border-bottom:1px solid rgba(235,238,240,.9);
}
.header2 {
position: absolute;
position: fixed;
top:0;
z-index:999;
height:84px;
padding:0px 0 ;
width:100%;
min-width:1180px;
background:rgba(255,255,255,.9);
border-bottom:1px solid rgba(235,238,240,.9);
opacity:0.9;
}
.top_nav_button {
height:84px;
}
/* produc_com page CSS Add By Mr.Box 2015年10月4日09:46:40*/
.my_produc_com ul .promos_bt a img {
width:480px;
height:480px;
}
.my_produc_com ul .promos_br a img {
width:383px;
height:765px;
}
.my_produc_com ul .promos_lbs a img {
width:260px;
height:302px;
}
.my_produc_com ul .promos_rbs a img {
width:700px;
height:332px;
}
/* CSS Style Add By Mr.Box 2015年12月1日09:36:22*/
.tem_footer {
padding:30px 0 0 0;
background:#161616;
color:#CCC;
font-size:14px;
min-height: 180px;
border-bottom:1px solid #313131;
padding-bottom:20px;
}
.tem_footer a {
color:#CCC;
}
.tem_footer a:hover {
color:#FFF;
}
.my_inner {
position: relative;
margin: 0 auto;
width:80%
}
.tem_footer_1 {
width:40%;
}
.tem_footer_2 {
width:60%;
}
.tem_footer_3 {
width:100%;
margin-top:20px;
bottom: 0px;
}
.tem_footer_1,.tem_footer_2 {
position: relative;
margin: 0 auto;
}
.tem_footer_1 h1,.tem_footer_link h1 {
font-size:16px;
color:#ccc;
margin-bottom: 10px;
}
.tem_footer_text {
width:39%;
position: relative;
margin: 0 auto;
}
.tem_footer_nav {
width:50%;
position: relative;
margin: 0 auto;
}
.tem_footer_nav ul {
list-style: outside none none;
}
.tem_footer_nav ul li {
float: left;
}
.tem_footer_nav a {
padding:0px 10px;
}
.tem_footer_logo {
position: relative;
margin: 0 auto;
}
.tem_footer_1 img {
margin-top: -5px;
}
.tem_footer_1 img:hover {
width:160px;
height:160px;
margin-top:-130px;
}
.tem_footer_1 {
overflow:hidden;
white-space:nowrap;
}
.tem_footer_1 li {
position:relative;
padding-top:5px;
padding-left:48px;
min-height:35px;
color:#CCC;
list-style:none;
}
.tem_footer_1 li:hover {
color:#FFF;
}
.tem_footer_1 li i {
position:absolute;
top:0;
left:0;
width:35px;
height:35px;
border:1px solid #424244;
border-radius:5px;
color:#7c7c7c;
text-align:center;
font-size:22px;
line-height:35px;
}
.tem_footer_2 img {
margin:0px 2px;
border-radius: 2px;
}
.tem_footer_link a {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}
.tem_footer_link .tem_txt {
padding:10px 0;
}
.tem_footer_link .tem_txt a {
margin-right:7px;
}
.tem_footer_link a:hover {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
}
.powered_by_metinfo {
height:35px;
background:#161616;
color:#999;
text-align:center;
font-size:12px;
line-height:35px;
padding-bottom:25px;
border-top:1px solid #000;
padding-top:20px;
}
.powered_by_metinfo a {
color:#999;
}
/*important Css Add 2015-12-02*/
.mysection {
width:100%;
min-width: 1180px;
}
.mysection_s {
padding:0 20px;
}