@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: -apple-system,SF UI Text,Helvetica Neue,Helvetica,Arial,sans-serif;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;}
/* 新闻中心 */
.home-profile-all {
    word-break: break-all;
}
.swiper-pagination-bullet-active {
    background: #fff;
}

/* 客户留言 */
#feedbackpage span.red {color:red;}
#feedbackpage .fbspan {color:#444444;line-height:25px;margin:10px;padding:0 20px;text-align:left;font-size: 16px;}
#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:320px;}
#showprod .showprod_top_left .showprod_bigpic .bigpic {padding:1px;border:1px solid #3d96d8;width:320px;height:240px;}
#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:55px;height:42px;}
#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;}
#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:150px;height:115px;}
#showprod .showprod_otherprod ul li p {height:24px;width:154px;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-color: #fff;
    border-radius: 12px;
    box-shadow: 1px 1px 4px #d2d2d2;
    font-size: 12px;
    height: 24px;
    outline: 0 none;
    padding: 0;
    text-indent: 0;width:50px;cursor: pointer;border:0;color: #808080}
#textfield {background-color: #fff;
    border-radius: 12px;
    box-shadow: 1px 1px 4px #d2d2d2;
    font-size: 12px;
    height: 24px;
    outline: 0 none;
    text-indent: 0; line-height: 24px;
    margin-right: 8px;
    margin-top: 5px;
    padding-left: 32px;
    padding-right: 10px;color: #999;
    float: left;border:0; background:url(images/icon-search.png) no-repeat 10px 5px;text-indent:40px}
/* 产品搜索框 */



/* 图片幻灯片 */
#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{}

    .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 {
        background-image: url("images/header-bg.jpg");
    }
    
    .banner {
        min-width: 1170px;
    }
    
    .banner .swiper-slide img {
        width: 100%;
    }
    
    .logo {
        width: 470px;
        height: 142px;
        float: left;
    }
    
    .logo img {
        margin-top: 24px;
    }
    
    .header__bd {
        float: right;
        padding-top: 30px;
        overflow: hidden;
        vertical-align: middle;
    }
    
    .header-top {
        overflow: hidden;
        height: 34px;
        line-height: 34px;
    }
    
    .lang {
        float: right;
        padding-right: 15px;
    }
    
    .lang img {
        padding: 0 5px;
        vertical-align: middle;
    }
    
    .header-search {
        float: right;
    }
    
    .header-tel {
        float: right;
    }
    
    .header__bd #searchform {
        line-height: 34px;
    }
    
    .header__bd #searchform input {
        font-size: 12px;
        height: 24px;
        padding: 0;
        outline: 0;
        background-color: #fff;
        border-radius: 12px;
        box-shadow: 1px 1px 4px #d2d2d2;
    }
    
    .header__bd #searchform .form-text input {
        padding-left: 32px;
        padding-right: 10px;
        margin-right: 8px;
        margin-top: 5px;
        line-height: 24px;
    }
    
    .header__bd #textfield {
        width: 220px;
    }
    
    .header-tel__number {
        display: inline-block;
    }
    
    .form-text {
        float: left;
        position: relative;
    }
    
    .icon-search {
        position: absolute;
        left: 9px;
        top: 9px;
    }
    
    .header-tel {
        padding-left: 22px;
    }
    
    .header-tel .icon-tel {
        vertical-align: middle;
    }
    
    .header-tel .header-tel__number {
        color: #e81c24;
        vertical-align: middle;
        font-style: italic;
        font-weight: 700;
        font-size: 22px;
        padding-right: 5px;
    }
    
    .header__bd #ssbutton {
        width: 50px;
    }
    
    .nav {
        overflow: hidden;
        margin-top: 30px;
    }
    
    .nav>ul>li {
        float: left;
        position: relative;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        height: 100%;
    }
    
    .nav li a {
        position: relative;
        display: block;
        height: 100%;
        color: #333;
        margin: 0 26px;
        font-size: 15px;
    }
    
    .s {
        color: #d8d7d7;
    }
    
    .nav li.cur a {
        color: #e81c24;
    }
    
    .percent25 {
        width: 28%;
        float: left;
        position: relative;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 15px;
        padding-right: 15px;
    }
    .percent20 {
        width: 20%;
        float: left;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 30px;
    }
    .profile-cooperation .percent20 {
    }
    
    .percent75 {
        width: 72%;
        float: left;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .home-profile-nav li {
        background-color: #f7f7f7;
        width: 255px;
        border: 1px solid transparent;
        margin-bottom: 3px;
    }
    .home-profile-nav li a {
    	display: block;
    }
	.home-profile-nav li.active {
		background: #e81c24;
	}
    .home-profile-nav li:hover{
    	background: #e81c24;
    }
    
    .home-profile-nav .nav-item {
        text-align: center;
        width: 225px;
        margin: 15px;
        line-height: 89px;
        height: 89px;
        vertical-align: middle;
    }
    .home-profile-nav .nav-item img {
    	vertical-align: middle;
    }
    .home-profile-more {
       bottom: 51px;
    }
    .home-profile {
        padding: 72px 0;
    }
    
    .home-profile-box {
        background-color: #f7f7f7;
        height: 366px;
    }
    
    .home-profile-date {
        width: 300px;
        padding: 25px;
        position: relative;
    }
    
    .home-profile-date .home-profile-title {
        padding-right: 40px;
        padding-bottom: 8px;
        padding-top: 30px;
        border-bottom: 2px solid #333;
    }
    
    .home-profile-date .home-profile-all {
        font-size: 14px;
        padding-top: 20px;
        line-height: 1.8;
    }
    
    .home-profile-more, .home-contact-more{
        position: absolute;
        left: 600px;
        z-index: 3;
        -webkit-transition: all .3s ease;
            transition: all .3s ease;
               -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-profile-more:hover {
    	transform: translateY(-6px);
    	-webkit-transform: translateY(-6px);
    	-moz-transform: translateY(-6px);
    }
    .home-contact-more:hover {
    	transform: translateX(6px);
    	-webkit-transform: translateX(6px);
    	-moz-transform: translateX(6px);
    }
    
    .home-profile-pic {
        position: absolute;
        right: 60px;
        top: -11px;
    }
    
    .home-profile-more a {
        display: block;
        height: 34px;
        line-height: 34px;
    }
    
    .more-en,
    .more-j {
        display: inline-block;
    }
    
    .more-en {
        width: 80px;
        background-color: #fff;
        font-size: 14px;
        text-align: center;
    }
    
    .more-j {
        width: 40px;
        background-color: #e81c24;
        text-align: center;
        font-size: 14px;
        color: #fff;
    }
    
    .home-products {
        background-image: url("images/home-products-bg.jpg");
        height: 565px;
        font-size: 0;
    }
    
    .grids {
        position: relative;
        overflow: hidden;
    }
    
    .grid {
        position: relative;
        float: left;
        width: 25%;
        height: 200px;
        box-sizing: border-box;
        text-align: center;
        line-height: 200px;
        vertical-align: middle;
        background: #f7f7f7;
        overflow: hidden;
    }
    
    .home-products .grid img {
        vertical-align: middle;
        transition: all 0.6s;
        -moz-transition: all 0.6s;
        -webkit-transition: all 0.6s;
        -o-transition: all 0.6s;
    }
    .home-products .grid 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);
    }
    .home-products .grid a {
    	display: block;
    }
    
    .home-contact {
        padding-top: 90px;
        padding-bottom: 80px;
        border-bottom: 2px solid #e1e1e1;
    }
    
    .percent {
        position: relative;
        overflow: hidden;
    }
    
    .percent4 {
        position: relative;
        float: left;
        width: 40%;
        box-sizing: border-box;
    }
    
    .percent6 {
        position: relative;
        float: left;
        width: 60%;
        box-sizing: border-box;
    }
    
    .percent5 {
        position: relative;
        float: left;
        width: 50%;
        box-sizing: border-box;
    }
    
    .home-contact-more {
        position: absolute;
        left: 545px;
        z-index: 3;
        bottom: -54px;
    }
    
    .home-contact-more a {
        display: block;
        height: 34px;
        line-height: 34px;
        border: 1px solid #333;
    }
    
    .home-customer {
        height: 150px;
        margin: 55px 0;
        background-color: #fff;
    }
    
    .home-customer-title {
        float: right;
    }
    
    .media__hd {
        height: 145px;
    }
    
    .home-loaction-title {
        padding-top: 5px;
        padding-bottom: 40px;
    }
    
    .home-loaction-some {
        font-size: 16px;
        padding-left: 40px;
    }
    
    .media__bd img {
        width: 100%;
    }
    
    .home-loaction-box img {
        font-size: 0;
        margin-bottom: 3px;
        padding-left: 3px;
    }
    
    .home-loaction-box {
        position: relative;
    }
    
    .home-contact-date {
        position: absolute;
        top: 145px;
        width: 345px;
        background-color: #f7f7f7;
        height: 234px;
        box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.4);
        text-align: center;
    }
    
    .home-contact-title {
        padding: 30px 0 10px;
    }
    
    .home-contact-way {
        padding: 0 58px;
        text-align: left;
    }
    
    .home-contact-way p {
        font-size: 14px;
        line-height: 1.6;
    }
    
    .home-loaction-box .percent5 {
        height: 147px;
    }
    
    .home-customer {
        background-color: #f7f7f7;
    }
    
    .home-customer-title {
       float: right;
    }
    .home-cooperation-bg {
    	position: absolute;
    	right: 
    }
    .home-cooperation-title {
        position: absolute;
        bottom: 63px;
    }
    .swiper-container2 {
    	width: 780px;
    	margin-left: auto;
    	margin-right: auto;
    	position: relative;
    	overflow: hidden;
    	z-index: 1;
    	margin-left: 360px;
    	padding-top: 40px;
    }
    .swiper-container2 .swiper-slide {
		width: initial;
    }
    .row {
        margin-left: -15px;
        margin-right: -15px;
    }
    .home-coop .swiper-slide img {
        width: 100%;
    }
    // .swiper-container2 img {
    // 	width: 100%;
    // }
    .footer {
    	background-color: #f0f0f0;
    	padding: 38px 0 42px;
    	border-top: 2px solid #e1e1e1;
    }
    .footer-nav {
    	overflow: hidden;
    }
    .footer-nav_top {
    	padding: 24px 0;
    }
    .footer-nav_top li {
		float: left;
    }
    .footer-nav_top li a {
    	margin: 0 16px;
    	font-size: 14px;
    }
    .footer-nav_top li a:hover {
    	color: #e81c24;
    	text-decoration: underline;
    }
    .footer__hd {
    	padding-right: 45px;
    	float: left;
    }
    .footer-nav__hd {
    	float: left;
    }
    .footer-nav__bd {
    	float: left;	
    }
	.footer__bd {
		float: left;
	}
	.footer-copy {
		background: #fff;
		height: 40px;
		line-height: 40px;
		border-radius: 20px;
	}
	.footer-copy img{vertical-align:middle;}
	.footer-nav_main {
		height: 52px;
		padding-bottom: 20px;
	}
	.footer-nav_main-item {
		text-align: center;
	}
	.talk img{
		
        margin: 0 10px;
        margin-top: 8px;
		vertical-align: middle;
	}
	.profile-pic {
		float: left;
		vertical-align: middle;
		width: 412px;
		height: 293px;
		line-height: 293px;
		margin-right: 20px;
	}
	.profile-pic img{
		width: 100%;
		max-height: 100%;

	}
	.footer-copy {
		padding: 0 50px;
	}
.profile-company {
	padding: 55px 0 40px;
}
.profile-company-title {
	padding-bottom: 30px;
}
.profile-company-bd p{
    padding-bottom: 24px;
    font-size: 14px;
    text-indent: 2em;
    line-height: 1.5;
}
.profile-company-bd {
   font-size: 14px;
   line-height: 1.5;
}
.profile-tenet {
	margin: 34px 0;
	padding: 32px 0;
	line-height: 107px;
	vertical-align: middle;
	border-top: 2px solid #e1e1e1;
	border-bottom: 2px solid #e1e1e1;
}
.profile-tenet img {
	vertical-align: middle;
	padding: 0 25px;
}
.profile-tenet img:first-child {
	padding: 0;
	padding-right: 25px;
}
.profile-env {
	padding-bottom: 44px;
	border-bottom: 2px solid #e1e1e1;
    overflow: hidden;
}
.profile-cooperation {
	padding-bottom: 30px;
}
.profile-cooperation .percent20 {
	height: 142px;
    padding: 0;
    text-align: center;
    line-height: 142px;
    vertical-align: middle;
    padding-right: 15px;
}
.profile-cooperation .percent20 img{
	vertical-align: middle;
    width: 100%;
    max-height: 100%;
}
.profile-cooperation .percent20:first-child img {
	border: 2px solid transparent;
}
.profile-cooperation .percent20 img {
	-webkit-transition: all .3s ease;
	    transition: all .3s ease;
	    border: 2px solid #e1e1e1;
	       -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);
}
.profile-cooperation .percent20:not(:first-child) img: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);
}
.profile-cooperation .percent20:first-child img{
	 box-shadow: none;
}
.products {
	background: #f7f7f7;
}
.products .percent25 {
	background: #f7f7f7;
}
.products .percent75 {
	background: #fff;
}
.products {
	position: relative;
	overflow: hidden;
}
.sidebar {
	width: 224px;
	padding-top: 55px;
	float: right;
}
// .sidebar .products-list>li {
// 	border-bottom: 1px solid #333;
// 	// box-sizing: border-box;
// }
 .accordion {
    width: 100%;
    max-width: 360px;
    margin: 30px auto 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
 }

.accordion .link {
    cursor: pointer;
    display: block;
    color: #333;
    font-size: 16px;
    font-weight: 700;
    border-top: 1px solid #CCC;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: 9
}
.accordion .link a{
    display: block;
    padding: 17px 0;
}
.accordion .link:hover {
    background: #e81c24;
    color: #fff;
}

.accordion li:last-child .link {
    border-bottom: 0;
}

.accordion li i {
    position: absolute;
    top: 16px;
    left: 12px;
    font-size: 18px;
    color: #595959;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
    right: 12px;
    left: auto;
    font-size: 16px;
}

.accordion li.open .link {
    color: #fff;
    background: #e81c24;
}
.accordion li.open .link a {
    color: #fff;
}

.accordion li.open i {
    color: #b63b4d;
}
.accordion li.open i.fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

/**
 * Submenu
 -----------------------------*/
 .submenu {
    display: none;
    background: #f7f7f7;
    font-size: 14px;
 }

 .submenu li {
    text-align: center;
 }
.submenu li:hover a,.submenu .curr a{
    color: #e81c24;
    font-weight: 700;
}

.submenu li:hover a,.submenu .curr a{
    // border-bottom: 1px solid transparent;
}
 .submenu a {
    display: block;
    text-decoration: none;
    color: #333;
    padding: 12px;
    padding-left: 42px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
 }

.sidebar .submenu li a {
	font-size: 14px;
    padding: 24px 0 11px;
    display: block;
    padding-left: 64px;
    text-align: left;
}
.sidebar ul li:hover .link a{
    color: #fff;
}
.products-title {
	border-bottom: 2px solid #333;
	padding-bottom: 19px;
}
.products-grids {
	position: relative;
	overflow: hidden;
	padding-left: 60px;
}

.products-grid {
    position: relative;
    float: left;
    width: 28.3333%;
    box-sizing: border-box;
    text-align: center;
    margin: 0 2.5%;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #f7f7f7;
}
.page-address a:not(:first-child) {
	padding: 0 5px;
	color: #337ab7;
	    text-decoration: none;

}
.page-address a:hover{
	color: #0e64a9;
	text-decoration: underline;
}
.main {
	float: left;
	width: 875px;
	margin-top: 78px;
    padding-bottom: 50px;
}
.products-grid-pic {
	height: 200px;
	line-height: 200px;
	vertical-align: middle;
}
.products-grid-pic img {
	width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
.products-grid {
	margin-top: 25px;
}
.page-address {
	text-align: right;
	color: #9e9e9e;
	margin-right: 2.5%;
	font-size: 16px;
	border-bottom: 2px solid #333;
	padding-bottom: 4px;
}
.products-list {
	position: relative;
}
// .products-list>li {
// 	height: 50px;
// 	position: relative;
// }
// .products-list>li a {
// 	position: absolute;
// 	z-index: 3
// }
// .products-list>li.active a {
// 	color: #fff;
// }
.products-active {
	position: absolute;
	top: 1px;
	z-index: 2
}

.half-gird {
    width: 50%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.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;margin-top: 6px;}

.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 #e81c24;}

.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;
    font-size: 16px;
}
.product__data li:first-child {
	font-size: 32px;
    padding-bottom: 20px;
}
.details__hd-wrapper {
	overflow: hidden;
	padding: 40px 0;
	margin-left: 40px;
}
/* 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;
	padding-left: 75px;
}
.details-data img{
	max-width: 100%;
}

.weui-media-box_appmsg {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}


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:first-child {
	border-top: 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 {
    overflow: hidden;
    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;
    line-height: 1.8;
    position: relative;
}
.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;
}
.media-box:hover {
	color: #e81c24;
}
.news-dete{
	height: 30px;
	overflow: hidden;
}
.news-wprapper {
	padding-top: 40px;
	padding-left: 50px;
}
.news-details-wrapper {
	padding: 40px 30px;
}
.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-left: 50px;
    padding-top: 50px;
    overflow: hidden;
}
.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: 5px 0;
	font-size: 14px;
    line-height: 1.6
}
.nav .m a:hover {
	color: #e81c24
}

.box{ height: 89px;}
.hover-border{display: inline-block;position: absolute;z-index: 100}

.left-right-border{height: 0;}

.left-border{ left: 0px;}
.right-border{ right: 0px;bottom: 0px;}
.left-right-top-bottom-border{width: 0;}
.left-top-border{right: 50%;top: 0px;}
.left-bottom-border{left: 0px;bottom: 0px;}
.right-top-border{right: 0px;top: 0px;}
.right-bottom-border{left: 50%;bottom: 0px;}

.animate-box {
	opacity: 0;
}
.opc {
	opacity: 1;
}
.sHoverItem img{

}
.sHoverItem{
	    float: left;
}
.item-abs {
	background: rgba(0, 0, 0, 0.9);
}
.item-abs h3{
	color: #fff;
	width: 70%;
	margin: 0 auto;
	font-size: 20px;
	text-align: center;
	margin-top: 50px;
	padding: 8px 0;
}
.item-abs a{
	color: #fff;
	display: block;
	border: 2px solid #fff;
	width: 70%;
	margin: 0 auto;
	text-align: center;
	margin-top: 20px;
	padding: 8px 0;
}
.item-abs a:hover {
	background: #fff;
	color: rgb(232, 28, 36);
}