@charset "utf-8";
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, img, ins, kbd, q, s, samp, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baselinebaseline; }
body { line-height: 1;font-family:"微软雅黑","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"宋体";font-size: 12px;background-color:#fff;overflow-x: hidden }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
.clear { clear:both; }
a { text-decoration: none;color:#333;cursor:pointer;}
a:hover { text-decoration: none;color:#000;cursor:pointer;}
.imgzz {vertical-align:middle;}
/* 关于我们 */
#gsabout p {line-height:24px;text-indent:24px;color:#3c3c3c;letter-spacing:2px;text-align:justify;text-justify:inter-ideograph;}
#gsabout .MarqueeDiv3_wai {margin:20px 0 5px 0;}
#gsabout .MarqueeDiv3_wai ul li {margin:0 5px;}
#gsabout .MarqueeDiv3_wai ul li img {height:230px;width:320px;padding:1px;border: 1px solid #E6E5E6;}
/* 关于我们 */
/* 新闻中心 */
#newslist ul {padding-bottom:20px;}
#newslist ul li {border-bottom:1px dashed #CCCCCC;line-height:36px;*line-height:36px;_line-height:30px;padding:0 5px;height:36px}
#newslist ul li span {display:block;}
#newslist ul li .newslist_title {float:left}
#newslist ul li .newslist_date {float:right}
#shownews {padding:10px 10px;}
#shownews h1 {text-align:center;font-size:18px;padding:10px 0;color:#414141}
#shownews .shownews_date {text-align:center;padding:0px 0 10px 0;}
#shownews .shownews_date span {padding:4px 10px;color:#ccc}
#shownews .shownews_body {padding:10px 15px;border-top:1px solid #eeeeee;text-align:justify;text-justify:inter-ideograph;}
#shownews .shownews_body p {text-indent:24px;line-height:24px;color:#555}
.shownews_foot {padding:15px 5px;text-align:right;}
.shownews_foot span {margin:0 5px;}
.shownews_foot span a {padding:3px 10px;border:1px solid #eeeeee;}
.shownews_foot span a:hover {background-color:#e7e7e7;color:#329dd8;border:1px solid #329dd8;}
#shownews .othernews {padding-bottom:5px;border-bottom:1px solid #eeeeee;padding-left:5px;font-weight:bold;color:#5f5f5f}
#shownews .othernews span {font-size:11px;color:#8f8f8f;padding-left:5px;}
#shownews .othernewsli li {height:28px;line-height:28px;text-indent:10px;}
/* 新闻中心 */
/* 客户留言 */
#feedbackpage span.red {color:red;}
#feedbackpage .fbspan {color:#444444;line-height:25px;margin:10px;padding:0 20px;text-align:left;}
#feedbackpage table {margin-top:20px;margin-bottom:20px;}
#feedbackpage table .tableleft {width:130px;text-align:right;line-height:36px;}
#feedbackpage table .tableleft label {color:#3b3b3b;}
#feedbackpage table .tableright {text-align:left;padding-left:10px;width:400px;}
#feedbackpage table input {width:400px;border:1px solid #ccc;height:24px;padding:0 5px;}
#feedbackpage table input.jzcode {width:50px; border:1px solid #ccc; height:21px;text-align:center}
#feedbackpage table textarea {width:400px;border:1px solid #ccc;height:130px;overflow:hidden;padding:5px;}
#feedbackpage #sendfeedback {width:150px;cursor:pointer;margin-top:10px;}
.Validform_checktip { margin-left:8px; line-height:20px; height:20px; overflow:hidden; color:#999; font-size:12px; }
.Validform_right { color:#71b83d; padding-left:20px; background:url(images/right.png) no-repeat left center; }
.Validform_wrong { color:red; padding-left:20px; white-space:nowrap; background:url(images/error.png) no-repeat left center; }
.Validform_loading { padding-left:20px; background:url(images/onLoad.gif) no-repeat left center; }
.Validform_error { background-color:#ffe8e9; }
#Validform_msg {color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');}
#Validform_msg .iframe { position:absolute; left:0px; top:-1px; z-index:-1; }
#Validform_msg .Validform_title { line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#000; }
#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited { line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none; }
#Validform_msg a.Validform_close:hover { color:#cc0; }
#Validform_msg .Validform_info { padding:8px; border:1px solid #000; border-top:none; text-align:left; }
/* 客户留言 */
/* 联系方式 */
#map_canvas {margin:0;height:300px;border:1px solid #ccc;}
#contactinfo {margin-top:20px;padding:10px 10px 10px 310px;background:url("images/cbg.gif") no-repeat 40px 0;}
#contactinfo p {line-height:27px;}
/* 联系方式 */
/* 企业证书 */
#honorpage ul li {float:left;margin:10px 5px;}
#honorpage ul li a {display:block;overflow:hidden;padding:1px;border:1px solid #bfbfbf;}
#honorpage ul li a:hover {border:1px solid #4299d2;}
#honorpage ul li a img {width:316px;height:240px;}
#honorpage ul li p {height:24px;width:320px;overflow:hidden;line-height:24px;text-align:center;}
/* 企业证书 */
/* 产品详情 */
#showprod {margin:20px 0;padding:0 15px;}
#showprod .showprod_top_left {float:left;width:380px;}
#showprod .showprod_top_left .showprod_bigpic .bigpic {padding:1px;border:1px solid #3d96d8;width:380px;}
#showprod .showprod_top_left .showprod_smallpic li {float:left;margin:4px 4px 0 0;padding-top:0;padding-left:0;}
#showprod .showprod_top_left .showprod_smallpic li a img {width:65px;}
#showprod .showprod_top_right {float:left;padding:2px 0px 2px 20px;line-height:23px;}
#showprod .showprod_top_right ul {}
#showprod .showprod_top_right li {float:left;border-bottom:1px dashed #e4e4e4;font-size:14px}
#showprod .showprod_top_right li.showprod_top_right_l {width:70px;color:#5a5a5a;font-weight: bold;padding-top:6px;padding-left:0;}
#showprod .showprod_top_right li.showprod_top_right_r {width:270px;color:#5a5a5a;padding-top:6px;padding-left:0;}
#showprod .showprod_desc_t {padding:22px 10px 1px 10px;border-bottom:1px solid #3d96d8;font-size:15px;font-weight: bold;margin-bottom:10px;color:#016394}
#showprod .showprod_desc_b {padding:0 5px;color:#404040;}
#showprod .showprod_desc_b p {line-height:22px;text-indent:24px;color:#3e3e3e;}
#showprod .showprod_desc_b table {width:100%;margin:10px 0;border-top:1px solid #c1c1c1;border-left:1px solid #c1c1c1;color:#3e3e3e;}
#showprod .showprod_desc_b table td {border-right:1px solid #c1c1c1;border-bottom:1px solid #c1c1c1;line-height: 28px;text-align:center;}
#showprod .showprod_otherprod ul li {float:left;margin:0 6px;*margin:0 6px;_margin:0 4px;}
#showprod .showprod_otherprod ul li a.o1 {display:block;padding:1px;border:1px solid #b4b4b4;}
#showprod .showprod_otherprod ul li a.o1:hover {border:1px solid #3d96d8;}
#showprod .showprod_otherprod .otherprodpic {width:170px;}
#showprod .showprod_otherprod ul li p {height:24px;width:174px;overflow:hidden;line-height:24px;text-align:center;color:#3e3e3e;}
#showprod .showprod_keyword {padding:5px 10px;border:1px solid #e7e7e7;margin:10px 0;color:#3e3e3e;}
#showprod .showprod_keyword div.showprod_keyword_1 {line-height:34px;padding-left:5px;}
#showprod .showprod_keyword div img {vertical-align:middle;}
.zoomPad { position:relative; float:left; z-index:99; cursor:crosshair; }
.zoomPreload { -moz-opacity:0.8; opacity: 0.8; filter: alpha(opacity = 80); color: #333; font-size: 12px; font-family: Tahoma; text-decoration: none; border: 1px solid #CCC; background-color: white; padding: 8px; text-align:center; background-image: url(js/zoomloader.gif); background-repeat: no-repeat; background-position: 43px 30px; z-index:110; width:90px; height:43px; position:absolute; top:0px; left:0px;*width:100px;*height:49px;}
.zoomPup { overflow:hidden; background-color: #FFF; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60); z-index:120; position:absolute; border:1px solid #CCC; z-index:101; cursor:crosshair; }
.zoomOverlay { position:absolute; left:0px; top:0px; background:#FFF; /*opacity:0.5;*/z-index:5000; width:100%; height:100%; display:none; z-index:101; }
.zoomWindow { position:absolute; left:110%; top:40px; background:#FFF; z-index:6000; height:auto; z-index:10000; z-index:110; }
.zoomWrapper { position:relative; border:1px solid #999; z-index:110; }
.zoomWrapperTitle { display:block; background:#999; color:#000; height:18px; line-height:18px; width:100%; overflow:hidden; text-align:center; font-size:12px; position:absolute; top:0px; left:0px; z-index:120; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60); }
.zoomWrapperImage { display:block; position:relative; overflow:hidden; z-index:110; }
.zoomWrapperImage img { border:0px; display:block; position:absolute; z-index:101; }
.zoomIframe {z-index: -1; filter:alpha(opacity=0); -moz-opacity: 0.80; opacity: 0.80; position:absolute; display:block; }
ul#thumblist {display:block;}
ul#thumblist li a {display:block;}
/* 产品详情 */
/* 产品搜索框 */
#ssbutton {background: url("") no-repeat;border: 0 none;cursor: pointer;height: 42px;width: 40px;margin-left:-1px;*margin-left:-1px;_margin-left:-14px;}
#textfield {background: url("") no-repeat scroll 0 0 transparent;border: 0 none;color: #808080;float: left;height: 42px;line-height: 42px;width: 207px;text-indent:10px;}
/* 产品搜索框 */
/* 图片幻灯片 */
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 12px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }
/* 图片幻灯片 */
/* 白色样式 */
#pages {margin:10px 0 20px 0;}
#jzpage {height:27px;margin:20px auto 0px auto;text-align:center;}
#jzpage a {display:inline-block;color:#000;width:27px;height:27px;line-height: 27px;text-align: center;vertical-align:middle;}
#jzpage a {*display:inline;*zoom:1}
#jzpage a.yema1,#jzpage a.yema3,#jzpage a.yemas10,#jzpage a.yemax10 {text-indent: -9999px;font-size:0;}
#jzpage a.yema1 {background: url(images/pages.png) no-repeat -90px -250px;}
#jzpage a.yema1:hover {background: url(images/pages.png) no-repeat -120px -250px;}
#jzpage a.yemas10 {background: url(images/pages.png) no-repeat -350px -250px;}
#jzpage a.yemas10:hover {background: url(images/pages.png) no-repeat -380px -250px;}
#jzpage a.yema2 {background: url(images/pages.png) no-repeat -190px -250px;}
#jzpage a.yema2:hover {color:#fff;background: url(images/pages.png) no-repeat -230px -250px;}
#jzpage a.yemacurr {color:#fff;font-weight: bold;background: url(images/pages.png) no-repeat -230px -250px;cursor:pointer}
#jzpage a.yemax10 {background: url(images/pages.png) no-repeat -420px -250px;}
#jzpage a.yemax10:hover {background: url(images/pages.png) no-repeat -450px -250px;}
#jzpage a.yema3 {background: url(images/pages.png) no-repeat -270px -250px;}
#jzpage a.yema3:hover {background: url(images/pages.png) no-repeat -300px -250px;}
#newspage #jzpage {text-align:right;margin-right:30px;}
#newspage #jzpage a {width:18px;height:18px;line-height:18px;font-size:11px;}
#newspage #jzpage a.yema2,#newspage #jzpage a.yemacurr,#newspage #jzpage a.yema1,#newspage #jzpage a.yema3,#newspage #jzpage a.yemax10,#newspage #jzpage a.yemas10 {background:none;color:#7c7c7c;background-color:#F7F7F7;border:1px solid #D5D5D5;}
#newspage #jzpage a.yema2:hover,#newspage #jzpage a.yema1:hover,#newspage #jzpage a.yema3:hover,#newspage #jzpage a.yemax10:hover,#newspage #jzpage a.yemas10:hover {color:#009BED;background-color:#E8F5FE;border:1px solid #A9C9E2;}
#newspage #jzpage a.yemacurr {background-color:#E8F5FE;border:1px solid #A9C9E2;color:#009BED}
#newspage #jzpage a.yema1,#newspage #jzpage a.yema3,#newspage #jzpage a.yemax10,#newspage #jzpage a.yemas10 {background:none;text-indent:0;font-size:11px;width:30px;}
#newspage #jzpage a.yemax10,#newspage #jzpage a.yemas10 {width:40px;}
/* 黑色样式
#pages {margin:10px 0 20px 0;}
#jzpage {position:relative;left:50%;height:27px;margin:20px auto 0px auto;text-align:center;}
#jzpage a {display:inline-block;position:relative;right:50%;color:#000;width:27px;height:27px;line-height: 27px;text-align: center;vertical-align:middle;}
#jzpage a {*display:inline;*zoom:1}
#jzpage a.yema1,#jzpage a.yema3,#jzpage a.yemas10,#jzpage a.yemax10 {text-indent: -99999px;font-size:0;}
#jzpage a.yema1 {background: url(images/pages.png) no-repeat -120px -250px;}
#jzpage a.yema1:hover {background: url(images/pages.png) no-repeat -90px -250px;}
#jzpage a.yemas10 {background: url(images/pages.png) no-repeat -380px -250px;}
#jzpage a.yemas10:hover {background: url(images/pages.png) no-repeat -350px -250px;}
#jzpage a.yema2 {background: url(images/pages.png) no-repeat -230px -250px;}
#jzpage a.yema2:hover {color:#000;background: url(images/pages.png) no-repeat -190px -250px;}
#jzpage a.yemacurr {color:#000;font-weight: bold;background: url(images/pages.png) no-repeat -190px -250px;cursor:pointer}
#jzpage a.yemax10 {background: url(images/pages.png) no-repeat -450px -250px;}
#jzpage a.yemax10:hover {background: url(images/pages.png) no-repeat -420px -250px;}
#jzpage a.yema3 {background: url(images/pages.png) no-repeat -300px -250px;}
#jzpage a.yema3:hover {background: url(images/pages.png) no-repeat -270px -250px;}
*/
#slide-trigger { position:relative; top:-25px; width:970px; text-align:right; padding-right:5px; }
#slide-trigger a { display:inline-block; margin-right:4px; width:16px; height:16px; line-height:16px; text-align:center; color:#666; background-color:#ECF5FC; border:1px solid #4BABA9; outline:none; overflow:hidden; }
#slide-trigger a:hover { text-decoration:none; }
#slide-trigger a.current { width:18px; height:18px; line-height:18px; font-weight:bold; color:#209FA8; }
#slide-panel {position:relative; width:980px; height:200px; overflow:hidden; }
#slide-panel div {position:relative;}
#slide-panel div img { display:block; width:980px; height:200px; }
.newdate { float: right; color:#ccc; margin-right:15px; }
.contactbox {margin:20px 0 0 20px;}
.contactbox p { line-height:30px;letter-spacing:1px; font-size:14px;}
ul.prodlists ul.erlist {margin:0 1px;padding-bottom:5px;}
ul.prodlists ul.erlist li {padding-left:22px;color:#717171}
.webwidget_vertical_menu ul{padding: 0px;margin: 0px;font-family: Arial;}
.webwidget_vertical_menu li{list-style-type: none;z-index: 999999;}
.webwidget_vertical_menu ul li{list-style: none;position: relative;}
.webwidget_vertical_menu ul li a{padding-left: 15px;text-decoration: none;}
.webwidget_vertical_menu ul li ul{display: none;position: absolute;background-color: #767674;z-index: 999999;}
.webwidget_vertical_menu ul li ul li{margin: 0px;border:none;}
.webwidget_vertical_menu ul li ul li ul{}
.webwidget_vertical_menu_down_drop{background-position: right center;background-repeat:no-repeat !important;}
.webwidget_vertical_menu ul li li{font-weight: normal;}
.jobtab {border-top:1px solid #ccc;border-left:1px solid #ccc;width: 700px;margin-top:20px;}
.jobtab td {padding:0 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;line-height: 26px}
.jobtab .tableft {text-align: left;}
.jobtab .tabright {text-align: right;}
.jobtab .tabzhong {text-align: center;}
div#wailinks {line-height:24px;}
div#wailinks a {color:#828282}
.nav {margin:0 auto}
.nav ul li{float:left;text-align:center}
.nav ul li a{display:block}
.nav ul li a:hover,.nav ul li a.curr{}
/* header */
.container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 1170px;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
vertical-align: middle;
position: relative;
}
.container:after {
content: " ";
display: block;
clear: both;
height: 0;
}
.container {
zoom: 1;
}
.header_hd {
height: 39px;
border-bottom: 1px solid #fafafa;
background: url("images/bg_header.jpg");
}
.welcome_hd, .welcome_ft {
font-size: 14px;
line-height: 39px;
color: #777;
}
.welcome_hd {
float: left;
}
.welcome_ft {
float: right;
}
.header_bd {
height: 100px;
position: relative;
}
.brand__hd, .brand__bd{
float: left;
}
.brand__hd {
font-size: 40px;
font-weight: 700;
}
.brand__hd .logo {
color: #d11b31;
line-height: 100px;
}
.brand__bd {
height: 52px;
padding: 24px 0;
padding-left: 8px;
}
.brand__bd .brand__bd-title {
font-size: 22px;
line-height: 1.6;
}
.brand__bd .brand__bd-company {
font-size: 16px;
color: #777;
}
.brand__ft {
float: right;
padding: 28px 0;
}
.brand__ft img {
width: 130px;
}
.brand__ft p {
text-align: center;
font-size: 20px;
}
.header_ft {
background: #d11b31
}
.nav {
width: 1170px;
margin: 0 auto;
height: 60px;
line-height: 60px;
color: #fff;
font-size: 16px;
}
.nav>ul>li {
float: left;
position: relative;
box-sizing: border-box;
text-align: center;
height: 100%;
}
.nav li a {
position: relative;
display: block;
height: 100%;
color: #fff;
margin: 0 63px;
}
.nav .s {
color: #2a2a2c;
}
.cls {
clear: both;
}
.notxt {
text-indent: -9999px;
}
i {
font-style: normal;
}
.nav {
position: relative;
height: 100%;
}
.curBg {
background: #fff;
height: 2px;
position: absolute;
bottom: 0;
width: 68px;
left: 0px;
opacity: 0
}
.home-products {
padding: 60px 0;
background: #fff;
}
.list-group {
margin-bottom: 30px;
padding-bottom: 4px;
border-bottom: 1px solid #f4f4f4;
}
.home-products .swiper-container {
padding: 10px;
}
.home-products-title {
overflow: hidden;
padding: 20px 15px;
}
.home-products .swiper-next {
right: 28px;
}
.home-products .swiper-prev {
left: auto;
right: 68px;
}
.home-products__next,
.home-products__prev {
width: 30px;
height: 30px;
top: 30px;
background-color: #d11b31;
-moz-background-size: 50% 50%;
-webkit-background-size: 50% 50%;
background-size: 50% 50%;
/*border: 2px solid #2a2a2c;*/
}
.home-products .slide__bd__pic {
width: 100%;
line-height: 230px;
height: 230px;
display: block;
}
.home-products .swiper-slide img {
width: 100%;
max-height: 100%;
vertical-align: middle;
}
.list-group__title {
float: left;
}
.list-group__title h3 {
font-weight: 700;
font-size: 22px;
color: #333;
margin: 0;
}
.list-group__title small {
font-size: 16px;
color: #777;
}
.swiper-slide__bd {
display: block;
-moz-box-shadow: 0 0 6px rgba(7, 17, 27, .1);
-webkit-box-shadow: 0 0 6px rgba(7, 17, 27, .1);
box-shadow: 0 0 6px rgba(7, 17, 27, .1);
-webkit-transition: all .3s ease;
transition: all .3s ease;
border: 1px solid #e3e3e3;
}
.swiper-slide__bd:hover {
transform: translateY(-6px);
-webkit-transform: translateY(-6px);
-moz-transform: translateY(-6px);
box-shadow: 0 26px 26px -24px rgba(0,36,100,.5);
-webkit-box-shadow: 0 26px 26px -24px rgba(0,36,100,.5);
-moz-box-shadow: 0 26px 26px -24px rgba(0,36,100,.5);
}
.swiper-slide__bd p {
padding: 10px 0;
text-align: center;
}
.swiper-slide__bd p a {
color: #333;
text-decoration: none;
}
.swiper-slide__bd:hover p {
color: #d11b31
}
.home-profile {
height: 650px;
margin-top: 2px;
margin-bottom: 2px;
background: #fdfdfd;
}
.half-gird {
width: 50%;
float: left;
padding-left: 15px;
padding-right: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.trisection-girds {
margin-top: 18px;
position: relative;
overflow: hidden;padding-top:5px
}
.trisection-girds .gird{
float: left;
width: 33.3333%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
vertical-align: middle;
}
.trisection-girds .media-box__bd {
display: inline-block;
height: 48px;
overflow: hidden;
line-height: 1.2;
padding-right: 12px;
margin-bottom: 5px;
}
.trisection-girds .media-box__hd {
display: block;
vertical-align: middle;
padding: 0 2px;
}
.trisection-girds .gird:last-child .media-box__bd{
border: 0;
}
.trisection-girds .gird .media-box__bd{
vertical-align: middle;
}
.trisection-girds .media-box__title {
color: #333;
font-size: 14px;
line-height: 1.6;
padding-top: 5px;
}
.trisection-girds .media-box__desc {
font-size: 12px;
color: #333;
}
.home-profile-title {
margin-top: 104px;
}
.home-profile__bd {
margin-top: 20px;
font-size: 16px;
color: #333;
line-height: 1.8;
}
.home-profile-more {
display: block;
width: 50px;
padding: 10px 20px;
background: #2a2a2c;
color: #fff;
margin-top: 10px;
font-size: 12px;
box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3)
}
.home-profile-more:hover {
color: #fff;
background: #d11b31;
}
.video {
margin-top: 140px;
height: 324px;
width: 100%;
border: 2px solid #e3e3e3;
}
.home-news {
padding: 60px 0;
}
.home-news .thumbnail {
border: 0
}
.home-news .thumbnail img {
width: 100%;
max-height: 150px;
border-radius: 9px;
-moz-box-shadow: 0 0 6px rgba(7, 17, 27, .1);
-webkit-box-shadow: 0 0 6px rgba(7, 17, 27, .1);
box-shadow: 0 0 6px rgba(7, 17, 27, .1);
}
.home-news .thumbnail .caption {
padding: 10px 0;
}
.home-news .thumbnail .caption h3 {
font-size: 18px;
padding: 5px 0;
}
.weui-media-box_appmsg {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
a.weui-media-box {
padding: 0;
position: relative;
text-decoration: none;
border-bottom: 1px dashed #c7c7c7;
}
.weui-media-box_appmsg .weui-media-box__hd {
margin-right: .8em;
width: 78px;
height: 78px;
text-align: center;
color: #444;
}
.weui-media-box__hd p {
font-weight: 700;
margin-top: 15px;
font-size: 28px;
line-height: 1;
margin-bottom: 0;
}
.weui-media-box__hd span {
font-size: 16px;
line-height: 1;
}
.weui-media-box_appmsg .weui-media-box__thumb {
width: 100%;
max-height: 100%;
vertical-align: top;
}
.weui-media-box_appmsg .weui-media-box__thumb {
width: 100%;
max-height: 100%;
vertical-align: top;
}
.weui-media-box__title {
font-weight: 400;
font-size: 18px;
width: auto;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
word-wrap: break-word;
word-break: break-all;
line-height: 1.8;
}
.weui-media-box__desc {
color: #999999;
font-size: 13px;
line-height: 1.2;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.news-dete {
line-height: 1.6;
}
.weui-media-box:first-child {
border-top: 1px dashed #c7c7c7;
}
/* footer */
.footer {
background: #202427;
border-top: 4px solid #d11b31;
}
.footer__hd {
color: #fff;
padding: 20px;
}
.footer__hd h3 {
padding: 10px 0;
font-size: 14px;
}
.footer__hd p {
font-size: 12px;
line-height: 1.6;
}
.footer__bd {
text-align: left;
color: #fff;
padding: 20px 0;
}
.footer__bd h3 {
padding: 10px 0;
font-size: 14px;
}
.footer__bd ul li{
padding: 3px 0;
line-height: 1.1
}
.footer__ft {
color: #fff;
padding: 20px;
}
.footer__ft-nav {
padding-top: 10px;
overflow: hidden;
}
.footer__ft-nav li {
float: left;
border-left: 1px solid #fff;
}
.footer__ft-nav li:first-child {
border:0;
}
.footer__ft-nav li a{
color: #fff;
padding: 0 15px;
}
.footer__ft-nav li a:hover{
color: #f44336;
}
.footer__ft .banquan {
padding: 16px 0;
padding-left: 15px;
}
.footer__ft .banquan a {color: #fff;}
/* pulic */
.profile-wrapper, .products-wrapper{
padding: 100px 0;
}
.public-banner {
width: 100%;
min-width: 1170px;
max-height: 500px;
}
.public-banner img {
display: block;
}
.sidebar {
width: 25%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
}
.main {
width: 75%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
}
.sidebar__hd {
width: 100%;
background-color: #d11b31;
padding-right: 15px;
padding-left: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 60px;
line-height: 60px;
}
.sidebar__hd h2{
font-size: 18px;
color: #fff;
}
.sidebar__bd {
background: #f2f2f2;
}
.sidebar__bd ul li {
height: 50px;
line-height: 50px;
font-size: 16px;
}
.sidebar__bd a{
display: block;
padding-left: 15px;
color: #808080;
border-left: 2px #F2F2F2 solid;
}
.sidebar__bd a:hover, .sidebar__bd li a.curr{
border-left: 2px solid #d11b31;
color: #d11b31;
background: #fff;
}
.sidebar__bd li:last-child a{
border-bottom: 1px solid #d11b31;
}
.main-title {
overflow: hidden;
padding-bottom: 6px;
border-bottom: 1px solid #fafafa;
}
.main-title h2 {
font-size: 20px;
padding-left: 10px;
line-height: 1.6;
float: left;
}
.main-title .add {
float: right;
font-size: 14px;
margin-top: 14px;
}
.main-title .add a {
padding: 0 5px;
color: #0064b3
}
.mai__bd{
margin: 20px 0;
overflow: hidden;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
/* profile */
.profile {
text-align: center;
padding: 50px 0;
padding-bottom: 100px;
}
.profile-item {
padding: 20px 0;
}
.profile-item-title {
text-align: center;
font-size: 22px;
margin: 30px 0;
margin-bottom: 20px;
padding: 10px;
display: inline-block;
border-bottom: 2px solid #d11b31;
}
.profile-item-date {
text-indent: 2em;
width: 70%;
margin: 0 15%;
font-size: 16px;
line-height: 2;
text-align: center;
}
/* products */
.products-main {
margin: 20px 0;
}
.products-trisection {
overflow: hidden;
padding: 20px;
padding-top: 0;
}
.products-trisection .trisection {
width: 30.3333%;
margin: 0 1.5%;
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: 30px;
}
.products-pic-wrapper {
vertical-align: middle;
width: 100%;
height: 230px;
line-height: 230px;
overflow: hidden;
}
.products-pic-wrapper img {
vertical-align: middle;
width: 100%;
max-height: 100%;
transition: all 0.6s;
-moz-transition: all 0.6s;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
}
.products-pic-wrapper img:hover {
transform: scale(1.2);
-ms-transform: scale(1.2);
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
}
.products-trisection .trisection a{
display: block;
-moz-box-shadow: 0 0 6px rgba(7, 17, 27, .1);
-webkit-box-shadow: 0 0 6px rgba(7, 17, 27, .1);
box-shadow: 0 0 6px rgba(7, 17, 27, .1);
}
.products-trisection .trisection p {
text-align: center;
padding: 8px 0;
}
/* product-details */
.zoom {
display: inline-block;
position: relative;
border: 1px solid #dcdcdc;
}
/* magnifying glass icon */
.zoom-wrapper {
padding: 0 20px;
}
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{margin:10px 0 0;overflow:hidden;}
.tb-thumb li{float:left;height:60px;margin:0 6px 0 0;overflow:hidden;height: 60px;
width: 60px;box-sizing: border-box;;border: 1px solid transparent;}
.tb-s310, .tb-s310 a{height:310px;width:310px;}
.tb-s310, .tb-s310 img{max-height:310px;max-width:310px;}
.tb-s310 a{*font-size:271px;}
.tb-s40 a{*font-size:35px;}
.tb-s40, .tb-s40 a{}
.tb-booth{border:1px solid #CDCDCD;position:relative;z-index:1;}
.tb-thumb .tb-selected{border: 1px solid #51b2ef}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
.tb-thumb li div{}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}
.tb-thumb .tb-pic a img {
width: 58px;
height: 58px;
}
.product__data {
margin-right: 20px;
}
.product__data li {
padding: 8px 0;
border-bottom: 1px dashed #bdbdbd;
}
.details__hd-wrapper {
overflow: hidden;
padding: 40px 0;
margin: 0 20px;
}
/* nav-tabs */
.nav-tabs {
margin-bottom: 0;
border-bottom: 1px solid #ddd;
padding-left: 0;
margin-bottom: 0;
list-style: none;
margin-top: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.nav-tabs:before {
display: table;
content: " ";
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.nav-tabs:after {
clear: both;
display: table;
content: " ";
}
.nav-tabs>li {
float: left;
margin-bottom: -1px;
position: relative;
display: block;
}
.nav-tabs>li.active>a {
color: #555;
cursor: default;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
}
.nav-tabs>li>a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
position: relative;
display: block;
padding: 10px 15px;
}
.details-data {
padding: 40px
}
.details-data img{
max-width: 100%;
}
/* news */
a.media-box {
color: #000000;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.media-box_appmsg {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
.media-box {
padding: 15px;
position: relative;
border-bottom: 1px solid #e0dfdf;
}
.media-box_appmsg .media-box__hd {
margin-right: .8em;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
}
.media-box_appmsg .media-box__thumb {
width: 100%;
max-height: 100%;
}
.media-box_appmsg .media-box__bd {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
min-width: 0;
}
.media-box__title {
font-weight: 400;
font-size: 17px;
width: auto;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
word-wrap: break-word;
word-break: break-all;
}
.media-box__desc {
color: #999999;
font-size: 13px;
line-height: 1.6;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
height: 40px;
}
.weui-media-box:hover {
color:
}
/* news-detail */
.news-details-wrapper {
padding: 20px;
}
.news-details-wrapper .tite__h {
padding: 10px 0;
font-size: 22px;
}
.news-details-title {
text-align: center;
}
.news-details-wrapper .tite__time {
padding: 14px 0;
font-size: 12px;
color: #999;
border-bottom: 1px solid #eae7e7;
}
.news-article {
padding: 20px;
font-size: 16px;
line-height: 1.6
}
.news-article p {
text-indent: 2em;
padding: 4px 0;
}
.message-wrapper {
padding: 20px;
}
/* contact */
.map-left, .map-right {
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
padding: 20px;
}
.map-left {
width: 40%;
}
.map-right {
width: 60%;
}
.map-left p{
padding: 8px 0;
font-size: 14px;
}
.animate-box {
opacity: 0;
}
.iconfont {
font-size: 42px!important;
}
.opc {
opacity: 1
}
.footer__bd p {
padding-bottom: 6px;
}
.percent33 {
position: relative;
float: left;
width: 33.3333H%;
box-sizing: border-box;
}
.footer__bd p {
line-height: 1.6;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #fff;
}
.home-profile-show {
float: left;
}
// .home-profile-show .swiper-container {
// height: 570px;
// max-height: none;
// padding-top: 50px;
// }
// .home-profile-show .swiper-container img {
// }
// .home-profile-show .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
// width: 17px;
// height: 30px;
// -moz-background-size: 17px 30px;
// -webkit-background-size: 17px 30px;
// background-size: 17px 30px;
// right: 10px;
// top: 43%;
// }
// .home-profile-show .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
// width: 17px;
// height: 30px;
// -moz-background-size: 17px 30px;
// -webkit-background-size: 17px 30px;
// background-size: 17px 30px;
// left: 10px;
// top: 43%;
// }
// .home-profile-show .swiper-pagination-bullet {
// width: 31.5%;
// height: 150px;
// border-radius: 0;
// opacity: 1;
// margin: 0;
// border: 2px solid #fff;
// box-sizing: border-box;
// }
// .home-profile-show .swiper-pagination-bullet:nth-child(1) {
// background: url(images/home-profile-show1.jpg) no-repeat center; !important;
// background-size: 100% 100%;
// }
// .home-profile-show .swiper-pagination-bullet:nth-child(2) {
// background: url(images/home-profile-show2.jpg) no-repeat center; !important;
// background-size: 100% 100%;
// }
// .home-profile-show .swiper-pagination-bullet:nth-child(3) {
// background: url(images/home-profile-show3.jpg) no-repeat center; !important;
// background-size: 100% 100%;
// }
// .home-profile-show .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
// margin: 0.5%
// }
// .home-profile-show .swiper-pagination-bullet-active{
// border :2px solid #d11b31;
// }