html {
  box-sizing: border-box;
}

*, *::after, *::before {
  box-sizing: inherit;
}
td { border: 0;}

html { color: black; background: white; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
body, button, input, select, textarea { font-family: \5fae\8f6f\96c5\9ed1, Arial, \5b8b\4f53, sans-serif; font-size: 12px; line-height: 1.5; }
input, select, textarea { font-size: 100%; }
body { -webkit-text-size-adjust: none; }
table { border-collapse: collapse; border-spacing: 0; }
th { text-align: inherit; }
fieldset, img { border: 0; }
iframe { display: block; }
abbr, acronym { border: 0; font-variant: normal; }
del { text-decoration: line-through; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 500; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 500; }
q:before, q:after { content: ""; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
a:hover { text-decoration: underline; }
ins, a { text-decoration: none; }
/* 解决link点击后周围一圈虚线的问题 */
a { blr: expression(this.onFocus=this.close()); blr: expression(this.onFocus=this.blur()); }
a:focus { -moz-outline-style: none; outline: none; }

.clearfix { *zoom: 1;}
.clearfix:before,
.clearfix:after { display: table; line-height: 0; content: "";}
.clearfix:after { clear: both;}


/* 一些常用排版样式 */
.fn_hide { display: none; }
.fn_left, .fn_right { display: inline; }
.fn_left { float: left; }
.fn_right { float: right; }
.fn_center { margin: 0 auto; }
.imageblock img { display: block; }
.imageblock_center img { display: block; margin: 0 auto; }
.blockimage { display: block; }
.aleft { text-align: left; }
.aright { text-align: right; }
.acenter { text-align: center; }
.top { vertical-align: top; }
.baseline { vertical-align: baseline; }
.inline-block { display: inline-block; *display: inline; *zoom: 1; }
.full_width { width: 100%; }
.pos-parent, .parent, .relative { position: relative; }
.pos-child, .child, .absolute { position: absolute; }
.relative { position: relative;}
.absolute { position: absolute;}

.media { *zoom: 1; }
.media:after { content: "\20"; display: block; height: 0; clear: both; }
.media .bd { vertical-align: baseline; display: table-cell; width: 10000px; *width: auto; *zoom: 1; }
.media .bd:after { content: "\20"; display: block; height: 0; clear: both; }
.media .bd:first-child { margin-top: 0; }
.media .bd:last-child { margin-bottom: 0; }
.media .bd img { display: block; }
.media .img { float: left; }
.media .img img { display: block; }
.media .imgext { float: right; }
.media .imgext img { display: block; }

/*常用边距 spacing helpers p,m = padding,margin a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical s,m,sm,l,n = small(5px),medium(10px),smallmedium(15px),large(20px),none(0px) ml,ll = morelarge(30px), largelarge(40px) */
.ptn, .pvn, .pan { padding-top: 0px !important; }
.pts, .pvs, .pas { padding-top: 5px !important; }
.ptm, .pvm, .pam { padding-top: 10px !important; }
.ptsm, .pvsm, .pasm { padding-top: 15px !important; }
.ptl, .pvl, .pal { padding-top: 20px !important; }
.ptml, .pvml, .paml { padding-top: 30px !important; }
.ptll, .pvll, .pall { padding-top: 40px !important; }
.prn, .phn, .pan { padding-right: 0px !important; }
.prs, .phs, .pas { padding-right: 5px !important; }
.prm, .phm, .pam { padding-right: 10px !important; }
.prsm, .phsm, .pasm { padding-right: 15px !important; }
.prl, .phl, .pal { padding-right: 20px !important; }
.prml, .phml, .paml { padding-right: 30px !important; }
.prll, .phll, .pall { padding-right: 40px !important; }
.pbn, .pvn, .pan { padding-bottom: 0px !important; }
.pbs, .pvs, .pas { padding-bottom: 5px !important; }
.pbm, .pvm, .pam { padding-bottom: 10px !important; }
.pbsm, .pvsm, .pasm { padding-bottom: 15px !important; }
.pbl, .pvl, .pal { padding-bottom: 20px !important; }
.pbml, .pvml, .paml { padding-bottom: 30px !important; }
.pbll, .pvll, .pall { padding-bottom: 40px !important; }
.pln, .phn, .pan { padding-left: 0px !important; }
.pls, .phs, .pas { padding-left: 5px !important; }
.plm, .phm, .pam { padding-left: 10px !important; }
.plsm, .phsm, .pasm { padding-left: 15px !important; }
.pll, .phl, .pal { padding-left: 20px !important; }
.plml, .phml, .paml { padding-left: 30px !important; }
.plll, .phll, .pall { padding-left: 40px !important; }
.mtn, .mvn, .man { margin-top: 0px !important; }
.mts, .mvs, .mas { margin-top: 5px !important; }
.mtm, .mvm, .mam { margin-top: 10px !important; }
.mtsm, .mvsm, .masm { margin-top: 15px !important; }
.mtl, .mvl, .mal { margin-top: 20px !important; }
.mtml, .mvml, .maml { margin-top: 30px !important; }
.mtll, .mvll, .mall { margin-top: 40px !important; }
.mrn, .mhn, .man { margin-right: 0px !important; }
.mrs, .mhs, .mas { margin-right: 5px !important; }
.mrm, .mhm, .mam { margin-right: 10px !important; }
.mrsm, .mhsm, .masm { margin-right: 15px !important; }
.mrl, .mhl, .mal { margin-right: 20px !important; }
.mrml, .mhml, .maml { margin-right: 30px !important; }
.mrll, .mhll, .mall { margin-right: 40px !important; }
.mbn, .mvn, .man { margin-bottom: 0px !important; }
.mbs, .mvs, .mas { margin-bottom: 5px !important; }
.mbm, .mvm, .mam { margin-bottom: 10px !important; }
.mbsm, .mvsm, .masm { margin-bottom: 15px !important; }
.mbl, .mvl, .mal { margin-bottom: 20px !important; }
.mbml, .mvml, .maml { margin-bottom: 30px !important; }
.mbll, .mvll, .mall { margin-bottom: 40px !important; }
.mln, .mhn, .man { margin-left: 0px !important; }
.mls, .mhs, .mas { margin-left: 5px !important; }
.mlm, .mhm, .mam { margin-left: 10px !important; }
.mlsm, .mhsm, .masm { margin-left: 15px !important; }
.mll, .mhl, .mal { margin-left: 20px !important; }
.mlml, .mhml, .maml { margin-left: 30px !important; }
.mlll, .mhll, .mall { margin-left: 40px !important; }


/*================================*/
.container { max-width:1300px;}
.w1050 { width:1050px; margin:0 auto;}
#mainwrapper { max-width:1300px; margin:0 auto;}
.sidebar-first #main .container { max-width:1050px;}

/* hide title */
.js-quickedit-page-title { display:none;}

/* html twig */
.header-bluebar { background:#1788bc; height:42px;}
.footer-contactus { background:#0a5678; height:160px; color:#c4c4c4; font-size:14px; line-height:22px;}
.footer-copyright { background:#0a5678; height:62px;}

.layout-container { padding:80px 0 0 0; position:relative;}
#header { position:absolute; left:50%; top:0; width:1050px; margin-left:-525px; z-index:1;}
#header-region { width:140px; height:80px;  }
#header-region .site-name a { background:url(../../images/logo.jpg) 0px 10px no-repeat; display:block; height:80px; overflow:hidden; text-indent:-999em;}
#navigation { position:absolute; right:50%; top:0; width:1050px; margin-right:-525px; z-index:2;}
#navigation .container { }
#block-basic-main-menu { width:660px; height:80px;  float:right;}

/* contact us 侧导航 可通用 */
#block-guanyutaihao li,
#block-lianxiwomen li { width:150px; height:42px; background:#afafaf; margin: 0 0 3px 0;}
#block-guanyutaihao li.menu-item--active-trail,
#block-lianxiwomen li.menu-item--active-trail { background:#1989bd;}
#block-guanyutaihao li a,
#block-lianxiwomen li a { font-size:18px; color:#fff; text-align:center; line-height:42px; display:block;}


#block-views-block-terms-block-product-list-2 .views-row,
#block-views-block-terms-block-news-list-2 .views-row,
#block-views-block-terms-block-news-list-3 .views-row,
#block-views-block-terms-block-ts-list-3 .views-row,
#block-views-block-terms-block-ts-list-2 .views-row { width:150px; height:42px; background:#afafaf; margin: 0 0 3px 0; padding:0;}
#block-jishuzhichi .menu-item a,
#block-xinwen .menu-item a{ font-size:18px; color:#fff; text-align:center; line-height:42px; display:block; width:150px; height:42px; background:#afafaf; margin: 0 0 3px 0;}
#block-jishuzhichi .menu-item a.is-active,
#block-xinwen .menu-item a.is-active{ color:#fff; background:#1989bd;}
#block-views-block-terms-block-product-list-2 .views-row a,
#block-views-block-terms-block-news-list-2 .views-row a,
#block-views-block-terms-block-news-list-3 .views-row a,
#block-views-block-terms-block-ts-list-3 .views-row a,
#block-views-block-terms-block-ts-list-2 .views-row a { font-size:18px; color:#fff; text-align:center; line-height:42px; display:block;}

#block-views-block-terms-block-product-list-2 .views-row a.is-active,
#block-views-block-terms-block-news-list-2 .views-row a.is-active,
#block-views-block-terms-block-news-list-3 .views-row a.is-active,
#block-views-block-terms-block-ts-list-3 .views-row a.is-active,
#block-views-block-terms-block-ts-list-2 .views-row a.is-active { color:#fff; background:#1989bd;}


.joinus { border-top:2px solid #a0a0a0;}
.joinus h3 { font-size:26px; color:#5a5a5a; padding:25px 0 15px 0;}
.joinus p { font-size:16px; color:#a0a0a0; padding:0px 0 30px 0;}
#main .content p { font-size:16px; color:black; padding:0px 0 30px 0;}

.bgc1 { }
.table1 { border:3px solid #e6e6e6; margin-bottom:40px;}
.table1 td { border-right:3px solid #e6e6e6; padding:15px 10px; font-size:14px; color:#9e9e9e;}
.table1 td.first { width:212px;}
.table1 td.td2 { width:172px;}
.table1 td.td3 { width:44px;}
.table1 td.td3 { width:132px;}
.table1 td.last { border-right:0;}


/* main menu */
#block-basic-main-menu {}
#block-basic-main-menu ul.menu {}
#block-basic-main-menu ul.menu .menu-item {}
#block-basic-main-menu ul.menu .menu-item a { font-size:16px; color:#168cbd; padding:27px 0 0 0; margin:0 15px; display:block;}
#block-basic-main-menu ul.menu .menu-item a.is-active { border-bottom:2px solid #168cbd;}

/* front */
#content-area-2 { background:#f0f0f0; padding-top:50px;}
#content-area-2 .inner { width:1050px; margin:0 auto;}
#block-views-block-product-block-list-2 { float:left; width:670px; }
#block-views-block-product-block-list-2 h2 { width:100%; height:27px; background:url(../../images/g01.png) 0 0 no-repeat; font-size:16px; color:#fff; line-height:27px; text-indent:1em; margin-bottom:10px;}
#block-views-block-product-block-list-2 .views-row  { border:1px solid #a0a0a0; padding:5px; overflow:hidden; margin-bottom:20px;}
#block-views-block-product-block-list-2 .views-row .views-field-field-product-image { float:left; margin-right:10px;}
#block-views-block-product-block-list-2 .views-row .views-field-title { float:none;}
#block-views-block-news-block-home-list-2 { float:right; width:350px; }
#block-views-block-news-block-home-list-2 h2 {  width:100%; height:27px; background:url(../../images/g01.png) 0 0 no-repeat; font-size:16px; color:#fff; line-height:27px; text-indent:1em;}
#block-views-block-news-block-home-list-2 .views-row { border-bottom: 1px dotted #c6c6c6; overflow:hidden;}
#block-views-block-news-block-home-list-2 .views-row .views-field-title { float:left;  background:url(../../images/dot1.gif) 5px 15px no-repeat; max-width:250px; overflow:hidden; padding:8px 0 8px 15px; }
#block-views-block-news-block-home-list-2 .views-row .views-field-created { float:right; padding:8px 0 8px 0px;}
.frtable {margin: 0 auto;}
.frtable td { text-align:center; font-size:14px; padding: 10px 0 0 0;}
.frtable td b { }
.frtable td p { padding: 10px 30px 50px 30px; color:#aeaeae;}

/* product */
#block-basic-content { }
.views-view-grid .views-row { overflow:hidden;}
.views-col { min-height:290px;}
.views-col .views-field-field-product-image { padding-right:20px;}

#block-basic-content { }
#block-basic-content header { overflow:hidden;}
#block-basic-content header span { display:block; float:left; width:50%; background:#ebebeb; color:#fff; margin-bottom:20px;}
#block-basic-content header span a { display:block; color:#8d8d8d; height:44px; line-height:44px; text-align:center;}
#block-basic-content header span.active { display:block; float:left; width:50%; background:#afafaf; color:#fff; }
#block-basic-content header span.active a { display:block; color:#fff; height:44px; line-height:44px; text-align:center; }

#views_slideshow_cycle_main_slideshow_home-block_list { position:relative; z-index:90;}
.views-slideshow-controls-bottom { position:relative; z-index:100; display:none;}
#views_slideshow_controls_text_slideshow_home-block_list { width:1300px; height:1px; position:relative;}
#views_slideshow_controls_text_previous_slideshow_home-block_list { display:block; width:26px; height:50px; left:20px; top:-220px; position:absolute; overflow:hidden; text-indent:-999em; }
#views_slideshow_controls_text_previous_slideshow_home-block_list a { display:block; height:50px; background:url(../../images/left.png) 0 0 no-repeat;}
#views_slideshow_controls_text_next_slideshow_home-block_list { display:block; width:26px; height:50px; right:20px; top:-220px; position:absolute;}
#views_slideshow_controls_text_next_slideshow_home-block_list  a { display:block; height:50px; background:url(../../images/right.png) 0 0 no-repeat; overflow:hidden;  text-indent:-999em;}
#views_slideshow_controls_text_pause_slideshow_home-block_list { display:none;}

#block-basic-content .views-slideshow-controls-bottom { margin-bottom:90px; margin-top:30px;}
#widget_pager_bottom_product-page_node { }
#views_slideshow_controls_text_product-page_node {width:900px;  height:1px; position:relative;}
#widget_pager_bottom_product-page_node .views_slideshow_pager_field_item { float:left; }
#views_slideshow_controls_text_previous_product-page_node { display:block; width:24px; height:49px; left:20px; top:28px; position:absolute; overflow:hidden; text-indent:-999em;}
#views_slideshow_controls_text_previous_product-page_node a { display:block; height:49px; background:url(../../images/left2.png) 0 0 no-repeat;}
#views_slideshow_controls_text_next_product-page_node { display:block; width:24px; height:49px; right:20px; top:28px; position:absolute;}
#views_slideshow_controls_text_next_product-page_node a { display:block; height:49px; background:url(../../images/right2.png) 0 0 no-repeat; overflow:hidden;  text-indent:-999em;}
#views_slideshow_controls_text_pause_product-page_node { display:none;}

#widget_pager_bottom_product-page_node { margin-left:50px;}

#block-basic-content{ margin-bottom:40px;}

.views-element-container .views-row { overflow:hidden; border-bottom:2px solid #c4c4c4; padding: 10px 0;}
.views-element-container .views-row .views-field-title { float:left; font-size:16px; padding-right:20px;}
.views-element-container .views-row .views-field-changed { float:right; font-size:16px;}

.views-element-container .views-view-grid .views-row .views-field-title { float:none; font-size:16px; padding-right:20px;}

/*.js-view-dom-id-3e797f602d1c5ae77617dc2fe5b09ef7ef41d8db489a27a2fcb6467ba42b03bb .views-row { overflow:hidden; border-bottom:2px solid #c4c4c4; padding: 10px 0;}
.js-view-dom-id-3e797f602d1c5ae77617dc2fe5b09ef7ef41d8db489a27a2fcb6467ba42b03bb .views-row .views-field-title { float:left; font-size:16px; padding-right:20px;}
.js-view-dom-id-3e797f602d1c5ae77617dc2fe5b09ef7ef41d8db489a27a2fcb6467ba42b03bb .views-row .views-field-changed { float:left; font-size:16px;}*/

.views-element-container .views-row .views-field-created { float:right; font-size:16px;}

.views-element-container .views-field-body p { line-height:50px; border-bottom:1px solid #fff; text-indent: 1em; font-size:16px; color:#8d8d8d;}

#map1 { border:0; width:418px; height:345px;}

.table01 { width:666px;}
.table01 .color1 { background:#fafafa; }
.table01 .fcol { color:#a0a0a0;}
.table01 td { padding: 5px 0px;}

.joinus2 a { color:#1989bd;}


.zptitle { font-size:14px; font-weight:bold; color:#0061ae; border-bottom: 1px solid #f2f2f2; line-height:40px; margin-bottom: 15px;}
.nt { color:#979797;}

#block-chanpindaohang  {padding-top:10px;}
#block-chanpindaohang .menu {}
#block-chanpindaohang .menu .menu-item.menu-item--expanded { padding-bottom:20px;}
#block-chanpindaohang .menu .menu-item.menu-item--expanded a { background:url(../../images/g02.png) 18px 0 no-repeat; font-size:16px; font-weight:bold; padding:0 0 10px 42px; color:#1788bc;}
#block-chanpindaohang .menu .menu-item.menu-item--expanded a.is-active {}
#block-chanpindaohang .menu .menu-item.menu-item--expanded .menu { margin-top:10px;}
#block-chanpindaohang .menu .menu-item.menu-item--expanded .menu .menu-item { margin-bottom:5px;}
#block-chanpindaohang .menu .menu-item.menu-item--expanded .menu .menu-item a { background:none; font-size:14px; font-weight:normal; color:#707070;}
#block-chanpindaohang .menu .menu-item.menu-item--expanded .menu .menu-item a.is-active { color:#1788bc; text-decoration: underline;}
#block-chanpindaohang .menu .menu-item.menu-item--expanded .menu .menu-item a.active { color:#1788bc; text-decoration: underline;}


.product-title,.product-type,.product-info{font-size: 16px!important;}