/*----样式初始化
--------------------*/
html { height: 100%; }
body { font-family: Helvetica, Arial, sans-serif; background: #0371ae; -webkit-text-size-adjust: 100%;/*解决Iphone下橱窗字体变大问题*/ }
* { padding: 0; margin: 0; border: 0; text-align: left; font-style: normal; font-weight: normal; font-size: 14px; -webkit-tap-highlight-color: rgba(0,0,0,0); /*禁止链接高亮*/ -webkit-touch-callout: none;/*禁止链接长按弹出选项菜单*/ }
nav, footer, section, header, article { display: block; }
ul { list-style: none; }
a:link { -webkit-tap-highlight-color: rgba(0,0,0,0);/*禁止链接高亮*/ -webkit-touch-callout: none; /*禁止链接长按弹出选项菜单*/ }
a:link, a:visited, a:hover, a:active { color: #000; }
input, textarea { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }
.clr:after { content: ''; display: block; height: 0; clear: both; }
.clr { *zoom:1;
}
img { display: block; }
/*----主体结构
--------------------*/
#box { height: 100%; }
#box_body { width: 100%; min-width: 320px; background: url(../images/loading2.gif) no-repeat 50% 50%; position: absolute; z-index: 1; top: 0; bottom: 45px; left: 0; }
#box_main { min-width: 320px; max-width: 640px; background: #fff; margin: 0 auto; overflow: hidden; position: relative; }
#box_header { width: 100%; }
#box_footerBody { width: 100%; height: 45px; position: absolute; bottom: 0px; left: 0; /*z-index: 99999;原生浏览器高清无效*/ text-align: center; background: #004B8D; border-top: none; -webkit-transition: bottom; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 100ms; }
/*----头部模块
--------------------*/
.logo_nav { background: #fff; clear: both; height: 60px;/*LOGO栏高度*/ position:relative }
.logo { clear: both }
.logo_nav div { display: inline }
.logo_nav div.logo { text-align: left }
#logo { vertical-align: middle; margin: 0px auto 10px; max-height: 77px; max-width: 300px; }
.logo_nav div.hd_tool { position:absolute; top:5px; right:10px;}
/*中英文工具*/
#tool_A li { float: left; margin: 14px 10px 0 0; }
#tool_A li img { max-height: 20px; }
/*导航栏*/
#menu { clear: both; position: relative; background: #1155a8; }
.dh_menu { height: 40px; margin: 0 20px; overflow: hidden; }
.dh_show li { min-width: 72px; float: left; line-height: 40px; text-align: center; background: #1155a8; }
.dh_show li.click { background: -webkit-gradient(linear, 0 0, 0 100%, from(#95020d), to(#6d0009)); background: -moz-linear-gradient(#95020d, #6d0009); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#95020d', endColorstr='#6d0009');
}
.dh_show li:last-child { border: none; }
.dh_show li span { text-shadow: 1px 1px 1px #1461c0; color: #fff; border-right: 1px solid #1473c0; display: block; height: 40px; text-align: center }
/*菜单左右*/
.navt1 { position: absolute; width: 20px; height: 40px; border-right: 1px solid #1473C0 }
.navt2 { position: absolute; width: 20px; height: 40px; right: 0; top: 0; }
.navt1 span { display: block; height: 15px; line-height: 0; margin: 13px 0 0 4px; overflow: hidden; position: relative; width: 8px; }
.navt1 span em { border: 2px solid #FFFFFF; display: block; height: 7px; left: 3px; position: absolute; top: 2px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); width: 7px; }
.navt2 span { display: block; height: 15px; line-height: 0; margin: 13px 0 0 4px; overflow: hidden; position: relative; width: 8px; right: 0 }
.navt2 span em { border: 2px solid #FFFFFF; display: block; height: 7px; left: 3px; position: absolute; top: 2px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); width: 7px; left: -6px; }
/*--首页广告轮换--*/
#ad { border-bottom: 2px solid #fff; position: relative; z-index: 300 }
#banner_list img { border: 0px; display: block }
#banner { position: absolute; list-style-type: none; filter: Alpha(Opacity=80); opacity: 0.8; z-index: 500; margin: 0; padding: 0; bottom: 70%; right: 0%; z-index: 500 }
#banner li { padding: 0px 4px; float: left; background: url(../images/icon1.png) no-repeat; width: 8px; height: 8px; }
#banner li.on { background: url(../images/icon2.png) no-repeat; }
.dh h2 { margin: 0; padding: 16px 0 14px 0 }
.banner_listBox { text-align: center; position: relative; margin: 0px auto 0 auto; }
#banner_list { text-align: center; overflow: hidden; visibility: hidden; position: relative; z-index: 200; }
#banner_list ul { overflow: hidden; position: relative; z-index: 8; }
#banner_list ul li { margin: 0px; float: left; width: auto; position: relative; z-index: 200; }
#banner_list ul li img { max-width: 100%; margin: 0px; padding: 0px; }
/*首页——公司简介*/
.title { height: 35px; background: #1155A8; line-height: 35px; clear: both; overflow: hidden; }
.title .left { float: left; display: block }
.title .right { float: right; display: block }
.title .right em.controlBar { height: 35px; width: 35px; display: block; }
em.controlBar cite.icon { background: url(../images/icon_1.png) no-repeat scroll 5px center; display: block; height: 13px; margin: 11px 0 0 11px; width: 13px; }
.titName { margin: 8px 0 0 10px; font-size: 17px; color: #FFF; font-weight: bold; text-shadow: 1px 1px 1px #154166; }
.ct_content { padding: 10px; }
.contWrap { color: #000; line-height: 1.8; }
.img_cmp { float: left; padding: 0 10px 0px 0; max-width: 150px; }
.img_cmp img { box-shadow: 2px 2px 4px #ccc; width: 150px }
.about_1 div img { width: 100%; }
.ct1 { clear: both; }
/*首页——产品展示*/
.title2 { height: 35px; background: #970c0c; line-height: 35px; clear: both }
.t2_ck { clear: both; }
.t2_ck li { float: left; width: 50%; text-align: center; }
.t2_ck div { color: #FFF; font-weight: bold; text-align: center }
.t2_ck li.cick { background: #730000 url(../images/icon_2.png) center bottom no-repeat }
.t2_ck div span { font-weight: bold; text-shadow: 1px 1px 1px #43060B; }
.ct_content2 { padding: 10px 0; width: 100%; overflow: hidden }
#cp_row li { float: left; margin-bottom: 10px; width: 50%; }
#cp_rows li { float: left; width: 143px; margin-left: 10px; display: inline; text-align: center }
#cp_row img { margin: 0 auto; border: 1px solid #eaeaea; max-width: 143px; box-shadow: 2px 2px 4px #ccc; }
#cp_rows img { margin: 0 auto; border: 1px solid #eaeaea; max-width: 143px; box-shadow: 2px 2px 4px #ccc; }
#cp_row div, #cp_rows div { text-align: center; padding-top: 6px; }
.cp_row li { float: left; margin-bottom: 10px; width: 50%; position: relative }
.cp_rows li { float: left; width: 143px; margin-left: 10px; display: inline; text-align: center }
.cp_row img { margin: 0 auto; border: 1px solid #eaeaea; max-width: 143px; }
.cp_rows img { margin: 0 auto; border: 1px solid #eaeaea; max-width: 143px; box-shadow: 2px 2px 4px #ccc; }
.cp_row div, .cp_rows div { text-align: center; padding: 6px 6px 0; max-height: 36px; line-height: 18px; overflow: hidden }
.price { text-align: center; color: #f30; line-height: 18px; }
.cp_row { clear: both }
.price i { color: #666; }
/*首页——新闻动态*/
.news li { border-bottom: 1px solid #eaeaea; clear: both }
.news em { float: left; background: url(../images/icon_4.png) no-repeat 0 center; height: 35px; display: block; width: 10px; }
.news div { display: block; height: 35px; padding: 0 20px 0 10px; line-height: 35px; }
/*版权信息*/
.copyright { background: #e6e6e6; padding: 10px; }
.c_left { float: left; line-height: 20px; color: #666; padding-left: 110px; }
.c_left a { color: #666; text-decoration: none; }
.c_left span { font-size: 12px; display: block; float: left }
.c_left img { float: left; font-size: 12px; padding: 4px 10px 0 0; width: 47px; }
.c_left span a, .c_left span p { font-size: 12px; text-decoration: none; color: #666 }
.c_right { float: right }
/*底部导航*/
#box_footer { height: 45px; position: fixed; bottom: 0; width: 100%; z-index: 1000; }
#ft_tool { max-width: 640px; margin: 0 auto; background: rgba(7, 95, 158, 1); border-top: 1px solid rgba(255, 255, 255, 0.3); }
#box_footer li { float: left; width: 20%; height: 45px; cursor: pointer; color: #FFF; font-size: 11px; text-align: center; height: 45px; overflow: hidden }
#box_footer li div { border-right: 1px solid rgba(255, 255, 255, 0.2); color: #FFFFFF; font-size: 11px; height: 45px; overflow: hidden; text-align: center; }
#box_footer li:nth-last-child(1) div { border-right: none }
#box_footer li a { color: #fff; display: block; height: 45px; text-align: center; color: #FFF; font-size: 11px; text-decoration: none }
.v1, .v2, .v3, .v4, .v5 { display: block; background: url(../images/icon_0.png) no-repeat; width: 30px; height: 18px; margin: 5px auto 0; }
.v1 { background-position: 0 0; }
.v2 { background-position: 0 -78px; }
.v3 { background-position: 0 -154px; }
.v4 { background-position: 0 -231px; }
.v5 { background-position: 0 -310px; }
.footerWrap { width: 100%; overflow: hidden }
/*下载图标生成*/
.iphone { background-color: rgba(0, 0, 0, 0.5); display: box; height: 100%; position: absolute; text-align: center; vertical-align: middle; width: 100%; z-index: 99998; top: 0; left: 0; }
.x3g-iphoneStart { bottom: 0; left: 50%; margin-left: -140px; position: absolute; text-align: center; }
/* x3g-iphoneStart */
.x3g-iphoneStart { text-align: center; position: absolute; bottom: 0px; left: 50%; margin-left: -140px; }
.x3g-iphoneStart .contWrap { width: 260px; line-height: 20px; display: inline-block; text-align: left; padding: 10px; color: #3c3c3c; background: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#dfdfdf)); background: -moz-linear-gradient(#f5f5f5, #dfdfdf); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#dfdfdf');
-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; }
.x3g-iphoneStart .contWrap .icon { width: 24px; height: 20px; display: inline-block; background: url(../images/iphone_ts.png) no-repeat }
.x3g-iphoneStart .contArrow { height: 20px; overflow: hidden; text-align: center; }
.x3g-iphoneStart .contArrow em { color: #dfdfdf; font-size: 40px; font-style: normal; display: inline-block; position: relative; margin-top: -30px; text-shadow: 0px 0px 6px #000; }
/* x3g-androidStart */
.android { background-color: rgba(0, 0, 0, 0.5); display: box; height: 100%; position: absolute; text-align: center; vertical-align: middle; width: 100%; z-index: 99998; top: 0; left: 0; }
.x3g-androidStart { width: 100%; padding: 230px 0 0 0; background: url(../images/bg_androidStartT.png) no-repeat 50% 0; }
.x3g-androidStart .install { font-weight: bold; width: 280px; height: 38px; font-size: 20px; color: #fff; line-height: 38px; text-align: center; margin: 0 auto; border: 1px solid #005c00; background: -webkit-gradient(linear, 0 0, 0 100%, from(#008f00), to(#005c00)); background: -moz-linear-gradient(#008f00, #005c00); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008f00', endColorstr='#005c00');
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.x3g-androidStart .later { width: 280px; height: 40px; margin: 0 auto; line-height: 50px; text-align: center; color: #fff; font-size: 20px; }
.x3g-textRed { color: #C00 }
/* x3g-androidStart */
.android { background-color: rgba(0, 0, 0, 0.5); display: box; height: 100%; position: absolute; text-align: center; vertical-align: middle; width: 100%; z-index: 99998; top: 0px; left: 0px }
.x3g-androidStart { width: 100%; padding: 230px 0 0 0; background: url(../images/bg_androidStartT.png) no-repeat 50% 0; }
.x3g-androidStart .install { font-weight: bold; width: 280px; height: 38px; font-size: 20px; color: #fff; line-height: 38px; text-align: center; margin: 0 auto; border: 1px solid #005c00; background: -webkit-gradient(linear, 0 0, 0 100%, from(#008f00), to(#005c00)); background: -moz-linear-gradient(#008f00, #005c00); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008f00', endColorstr='#005c00');
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.x3g-androidStart .later { width: 280px; height: 40px; margin: 0 auto; line-height: 50px; text-align: center; color: #fff; font-size: 20px; }
.x3g-textRed { color: #C00 }
/*菜单导航2*/
.menu_show { height: 35px; background: #cae7f5; overflow: hidden; border-bottom: 1px solid #0478b2; padding-left: 10px; line-height: 35px; }
.t_name { float: left; height: 35px; line-height: 35px; max-width: 170px; overflow: hidden; word-break: break-all; word-wrap: break-word; }
.t_bar { border: 1px solid #55a1c8; border-radius: 3px 3px 3px 3px; color: #000000; float: right; height: 28px; line-height: 28px; margin: 2px 2px 0 0; padding: 0 10px; text-align: left; vertical-align: top; background: #7cc2e5 }
.t_bar em.icon { border-bottom: 4px solid transparent; border-left: 4px solid #000000; border-top: 4px solid transparent; height: 0; margin: 8px 0 0 3px; width: 0; display: inline-block; font-size: 13px; font-weight: normal; }
.t_bar em.icon2 { border-bottom: 4px solid transparent; border-right: 4px solid #000000; border-top: 4px solid transparent; height: 0; margin: 8px 0 0 3px; width: 0; display: inline-block; font-size: 13px; font-weight: normal; }
/*关于我们*/
.about_1 { line-height: 1.8; }
.about_1 h2 { font-weight: bold; }
/*相关菜单*/
.show_cd { clear: both; margin-top: 10px }
.show_cd li { height: 36px; line-height: 36px; margin-bottom: 5px; }
.show_cd li span { float: left; width: 33%; height: 36px; margin-bottom: 10px }
.show_cd li span em { background: #a10d0d; border: 1px solid #810000; color: #fff; display: block; height: 36px; overflow: hidden; padding: 0 5px; word-break: break-all; word-wrap: break-word; line-height: 36px; margin: 0 3px; text-align: center; border-radius: 4px; }
/*--------- 更多菜单浮动层----------- */
.xy-showMoreSection { width: 100%; position: absolute; top: 0px; left: 100%; z-index: 999; -webkit-transition: left; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 500ms; }
.xy-showMoreSection table { width: 100%; border: none; }
.xy-showMoreSection .contWrap { width: 100%; float: left; background: #015089; }
.xy-showMoreSection .contWrap > div { border-left: 4px solid #0081c2; }
.xy-showMoreSection .contWrap #thelist { padding: 10px 0; }
.xy-showMoreSection .contWrap li { /*height: 35px;
line-height: 35px;*/ display: block; color: #fff; position: relative; border-bottom: 1px solid #014576; }
.xy-showMoreSection .contWrap #thelist li:nth-child(1) { border-top: 1px solid #014576; }
.xy-showMoreSection .contWrap li.current, .xy-showMoreSection .contWrap li.touch { background: #014576; }
.xy-showMoreSection .contWrap li .curtMark { width: 0px; height: 0px; display: none; position: absolute; top: 50%;/**/ left: 0px; margin-top: -6px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #0081c2; }
.xy-showMoreSection .contWrap li .curtMark em { display: none; }
.xy-showMoreSection .contWrap li.current .curtMark { display: block; }
.xy-showMoreSection .contWrap li .name { /*height: 35px;*/ padding: 10px 15px; border-right: 1px solid #014576; overflow: hidden; word-wrap: break-word; word-break: normal; text-align: justify; display: block; }
.xy-showMoreSection .barWrap { width: 68px; text-align: right; background: #000; background-color: rgba(0, 0, 0, 0.8); }
.xy-showMoreSection .closeBar { background: url("../images/icon_5.png") repeat scroll -9px -4px transparent; display: block; height: 56px; margin-left: 25px; margin-top: 57px; overflow: hidden; padding: 0 0 0 5px; width: 22px; opacity: 0.8 }
.xy-showMoreSection .closeBar em { border: 2px solid rgba(255, 255, 255, 0.8); display: none; height: 20px; left: 0; position: relative; transform: rotate(45deg); width: 20px; }
.show_more { background: #eaeaea; border: 1px solid #ccc; border-radius: 4px; margin: 0px 0; padding: 6px 0; line-height: 30px; text-align: center; }
/*产品类别*/
.pr_list li { background: #ECECEC; border-bottom: 1px solid #fff; padding: 10px; clear: both; overflow: hidden; position: relative }
.pr_list li img {
float: left;
border: 1px solid #eaeaea;
margin-right: 10px;
width:100%;
margin-bottom: 10px;
}
.pr_list li h2 {
font-weight: bold;
font-size: 18px;
line-height: 1.2em;
margin-bottom: 5px;
}
.pr_list li span {
color: #666;
font-size: 15px;
}
.pr_list li i { display: block; background: url(../images/icon_go.png) no-repeat; width: 15px; height: 26px; position: absolute; right: 3px; top: 25px; }
/*产品展示图片*/
.pro_tp { overflow: hidden; padding: 10px 0; }
.pro_tp img { max-height: 320px; max-width: 200px; margin: 0 auto }
.pr_xx { padding: 10px; line-height: 24px }
.page_1 { clear: both; margin-bottom: 6px; }
.page_1 li { float: left; width: 50%; }
.page_1 li span { display: block; background: #cae7f5; padding: 10px; font-size: 12px; border: 1px solid #fff; }
.tel_1 {
clear: both;
color: #FFFFFF;
display: block;
font-size: 18px;
height: 140px;
line-height: 30px;
margin: 0 auto 4px;
overflow: hidden;
text-align: left;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
width: 225px;
background-image: url(../images/future1.jpg);
}
.tel_1 img { float: left; max-width: 20px; padding: 4px 10px 0 4px }
.tel_1 a { display: block; font-size: 18px; color: #fff; text-decoration: none }
/*在线留言*/
.message li { padding: 5px 33px 5px 10px; }
.xy-input { background: none repeat scroll 0 0 #FDFDFD; border-color: #858585 #AFAFAF #C9C9C9; border-style: solid; border-width: 1px; box-shadow: 1px 2px 3px #B7B7B7 inset !important; height: 33px; line-height: normal; padding: 0 10px; width: 100%; }
.xy-textarea { background: none repeat scroll 0 0 #FDFDFD; border-color: #858585 #AFAFAF #C9C9C9; border-style: solid; border-width: 1px; box-shadow: 1px 2px 3px #B7B7B7 inset !important; height: 130px; line-height: 20px; padding: 10px; width: 100%; }
.xy-button { background: none repeat scroll 0 0 #075f9e; border-bottom: 1px solid #054a7c; border-top: 1px solid #0478b2; color: #FFFFFF; font-size: 16px; height: 36px; line-height: 36px; max-width: 576px; overflow: hidden; padding: 0 10px; text-align: center; text-shadow: 1px 1px 1px #154166; white-space: nowrap; }
.map img { width: 100%; }
/*隐藏*/
.dis_no { display: none }
#shares a { float: left; width: 50%; height: 40px; }
#shares span { font-size: 14px; }
/*留言成功提示*/
.ts_bg { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; z-index: 1000; text-align: center; vertical-align: middle; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; display: -moz-box; -moz-box-orient: horizontal; -moz-box-pack: center; -moz-box-align: center; display: -o-box; -o-box-orient: horizontal; -o-box-pack: center; -o-box-align: center; display: -ms-box; -ms-box-orient: horizontal; -ms-box-pack: center; -ms-box-align: center; display: box; box-orient: horizontal; box-pack: center; box-align: center; position: absolute; top: 0; left: 0 }
.h3g-androidStart .later, .czcg .later { width: 280px; height: 40px; margin: 0 auto; line-height: 50px; text-align: center; color: #fff; font-size: 20px; }
.h3g-androidStart .install, .czcg .install { width: 280px; height: 38px; font-size: 20px; color: #fff; line-height: 38px; text-align: center; margin: 0 auto; border: 1px solid #4f6a8d; background: -webkit-gradient(linear, 0 0, 0 100%, from(#71a8ea), to(#3670b6)); background: -moz-linear-gradient(#71a8ea, #3670b6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#71a8ea', endColorstr='#3670b6');
}
/*--产品详情页轮换--*/
#picdiv { position: absolute; top: 50px; }
#Productbanner_list img { border: 0px; display: block }
#Productbanner { position: absolute; list-style-type: none; filter: Alpha(Opacity=80); opacity: 0.8; z-index: 100; margin: 0; padding: 0; bottom: 4%; right: 0%; z-index: 400 }
#Productbanner li { padding: 0px 6px; float: left; background: url(../images/icon1.png) no-repeat; width: 11px; height: 15px; }
#Productbanner li.on { background: url(../images/icon2.png) no-repeat; }
.dh h2 { margin: 0; padding: 16px 0 14px 0 }
.Productbanner_listBox { text-align: center; position: relative; margin: 0px auto 0 auto; }
#Productbanner_list { text-align: center; overflow: hidden; visibility: hidden; position: relative; z-index: 200; }
#Productbanner_list ul { overflow: hidden; position: relative; z-index: 8; }
#Productbanner_list ul li { margin: 0px; float: left; width: 100%; position: relative; z-index: 200; }
#Productbanner_list ul li img { width: 100%; margin: 0px; padding: 0px; }
.Productdiv { background-color: rgba(0, 0, 0, 0.8); top : 0px; left: 0px; display: box; height: 100%; position: absolute; text-align: center; vertical-align: middle; width: 100%; z-index: 99998; }
/*隐藏*/
.dis_no {
display: none;
}
/*新闻内容*/
.titles { text-align: center; font-size: 1.2em; font-weight: bold; padding-bottom: 4px; margin-bottom: 5px; }
.nesw_nr { line-height: 24px; }
.minh { min-height: 300px; }
.pr_xx img { width: 100%; border: red; }
/*底部导航*/
.PathMenu { position: absolute; bottom: 0px; width: 60px; height: 60px; right: 0px; }
.PathInner { position: relative; width: 60px; height: 60px; }
.PathInner .PathItem { position: absolute; left: 0px; bottom: 0px; }
.PathInner a {/* position:absolute; */ display: block;/* overflow:hidden; */ background-position: center; background-repeat: no-repeat; z-index: 999; }
.PathInner a .item, .rotate { width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; display: block; overflow: hidden; text-align: center; vertical-align: middle; position: absolute; }
.PathInner .PathMain { z-index: 1000; position: absolute; display: block;/* overflow:hidden; */ background-position: center; background-repeat: no-repeat; bottom: 0; left: 0; height: 60px; width: 60px; }
.PathInner .PathMain .Tmain { background-image: url(../images/bg-2x.png); width: 60px; height: 60px; background-size: 60px; }
.PathInner .PathMain .Tmain .rotate { background-image: url(../images/icon-2x.png); -moz-transform: rotate(0deg); position: absolute; bottom: 0; left: 0; }
.PathInner .cover { background-size: 60px; width: 100%; height: 100%; display: block; background: url(../images/bg-hl-2x.png) center no-repeat; cursor: pointer; *filter:alpha(opacity=0);
filter: alpha(opacity=0)\0; opacity: 0; -webkit-transition: opacity .2s ease-out; -moz-transition: opacity .2s ease-out; -ms-transition: opacity .2s ease-out; -o-transition: opacity .2s ease-out; }
.PathInner .cover:hover { opacity: 0.2; *filter:alpha(opacity=20);
filter: alpha(opacity=20)\0; }
.PathItem .link { position: absolute; bottom: 0; left: 0; width: 60px; height: 60px; background-image: url(../images/bg-item-2x.png); background-size: 55px; }
.PathItem .link .item { bottom: 0; left: 0; }
/*快速导航*/
.qk { width: 99%; margin: 8px auto; clear: both }
.qk li { display: block; width: 20%; float:left;}
.qk li div{ background: #D95A31; border: solid 2px #FFF; color: #FFF; text-align: center; padding: 8px 0; border-radius: 8px; float: left; box-sizing: border-box; width:96%; margin:0 auto}
.qk li p { text-align: center; font-size: 11px; }
.qk span { font-size: 28px; }
/*--产品详情页轮换--*/
#picdiv { position: absolute; top: 50px; }
#Productbanner_list img { border: 0px; display: block }
#Productbanner { position: absolute; list-style-type: none; filter: Alpha(Opacity=80); opacity: 0.8; z-index: 100; margin: 0; padding: 0; bottom: 4%; right: 0%; z-index: 400 }
#Productbanner li { padding: 0px 6px; float: left; background: url(../images/icon1.png) no-repeat; width: 11px; height: 15px; }
#Productbanner li.on { background: url(../images/icon2.png) no-repeat; }
.dh h2 { margin: 0; padding: 16px 0 14px 0 }
.Productbanner_listBox { text-align: center; position: relative; margin: 0px auto 0 auto; }
#Productbanner_list { text-align: center; overflow: hidden; visibility: hidden; position: relative; z-index: 200; }
#Productbanner_list ul { overflow: hidden; position: relative; z-index: 8; }
#Productbanner_list ul li { margin: 0px; float: left; width: auto; position: relative; z-index: 200; }
#Productbanner_list ul li img { max-width: 640px; margin: 0px; padding: 0px; }
.Productdiv { background-color: rgba(0, 0, 0, 0.8); top : 0px; left: 0px; display: box; height: 100%; position: absolute; text-align: center; vertical-align: middle; width: 100%; z-index: 99998; }
.lft { text-align: left; padding-left: 10px }
.up_down { width: 100%; height: 60px; position: relative; }
.up_down_arrow { width: 40px; height: 40px; position: absolute; top: 9px; left: 70px; -webkit-transform-style: preserve-3d; -webkit-transition: 300ms; background-image: url(../img/up_arrow.png); background-size: 40px 80px; background-repeat: no-repeat; -webkit-transform: rotate(-180deg) }
.loading { background-position: center -40px; -webkit-transform: rotate(0deg) translateZ(0); -webkit-animation-name: loading; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; }
@-webkit-keyframes loading { from {
-webkit-transform:rotate(0deg) translateZ(0);
}
to { -webkit-transform: rotate(360deg) translateZ(0); }
}
.up_down_text { width: 150px; position: absolute; height: 60px; line-height: 60px; text-align: center; top: 50%; left: 50%; margin-top: -30px; margin-left: -75px; color: #878787; }
.mgt10 { margin-top: 10px }
.pd10 { padding-top: 10px }
.about { line-height: 1.6em; font-size: 1.2em; }
.about h2 { text-align: center; font-size: 1.6em; font-weight: bold; padding-bottom: 10px; color: #910000 }
.lxs { width: 80%; margin: 10px auto; background: #F4D03E; height: 40px; border-radius: 10px; line-height: 40px; box-shadow: 0 4px 0px rgba(197, 97,3, 1); vertical-align: middle }
.lxs img { width: 20px; float: left; padding: 10px 0 0 10px; }
.lxs a { font-size: 1.2em; color: #910000; font-weight: bold; text-decoration: none; display: block; height: 40px; text-align: center }
.adv { text-align: center; }
.map img { width: 100%; border-radius: 8px }
.wx h3 { text-align: center; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #CC700D }
.wx img { margin: 0 auto; box-shadow: 2px 2px 4px #ccc; border: 1px solid #fff; }
/*-----产品展示----*/
.show_pro { background-color: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; position: relative; top: 0; left: 0; z-index: 9999; margin: 0 auto; max-width: 640px; min-width: 320px; }
#banner2 { position: absolute; list-style-type: none; filter: Alpha(Opacity=80); opacity: 0.8; z-index: 100; margin: 0; padding: 0; bottom: 4%; right: 0%; z-index: 9999; }
#banner2 li { padding: 0px 6px; float: left; background: url(../images/icon1.png) no-repeat; width: 11px; height: 15px; }
#banner2 li.on { background: url(../images/icon2.png) no-repeat; }
.gbs { margin-top: 41px; padding: 15px; color: #fff; text-align: center; background: -webkit-gradient(linear, 0 0, 0 100%, from(#555), to(#444)); background: -moz-linear-gradient(#555, #444); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555', endColorstr='#444');
}
.nesw_nr { line-height: 1.8em; font-size: 1.1em; }
.nesw_nr img { width: 100% }
.tip { left: 20px; position: absolute; top: 170px; z-index: 10; padding: 6px; background: #cae7f5; color: #1155A8; border-radius: 4px; -webkit-animation: float 1s ease-in-out alternate infinite; box-shadow: 0 0 4px #1155A8; font-size: 12px }
@-webkit-keyframes float { from {
-webkit-transform: translateX(0px);
}
to { -webkit-transform: translateX(10px); box-shadow: 0 0 4px #1155a8; }
}
strong { font-weight: bold; }
.pro_tp h3 { text-align: center; ; font-size: 18px; font-weight: bold }
table { border-collapse: collapse; border-spacing: 0; }
.pr_xx table td { border: 1px solid #ddd; border-collapse: collapse; line-height: 24px; padding: 6px; }
.pr_xx table tr:hover { background: none repeat scroll 0 0 #EAEAEA; }
#box_body #box_main #box_content .ct1 #bar_list_div .list_footer .consult_page{
text-align:center;
height: 20px;
line-height: 20px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 0px; padding-right:8px;
}
#box_main #box_content .ct1 .ct_content2 .list_footer .consult_page{
text-align:center;
height: 20px;
line-height: 20px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 0px; padding-right:8px;
}