@charset 'utf-8';
/*
Theme Name: Baiila
Theme URI: http://investment.ancorathemes.com/
Description: Investment - Multipurpose and Multiskin Responsive Wordpress theme
Author: AncoraThemes
Author URI: http://ancorathemes.com/
Version: 1.1
License: GNU General Public License
License URI: license.txt
Tags: light, responsive-layout, flexible-header, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
Text Domain: investment
*/


/* TABLE OF CONTENTS:

1. Reset tags
2. Default tag's settings
3. Form fields settings
4. WP styles and Screen readers
5. Theme grid
6. Page layouts
7. Section's decorations
   7.1 Header
   7.2 Main Slider
   7.3 Page top: page title and breadcrumbs
   7.4 Main content wrapper
   7.5 Post Formats
   7.6 Post Layouts
   7.7 Paginations
8. Single page parts
   8.1 Attachment and Portfolio post navigation
   8.2 Reviews block
   8.3 Post author
   8.4 Comments
   8.5 Page 404
   8.8 Team member
9. Sidebars
10. Footer areas
11. Utils
12. Registration and Login popups
13. Third part plugins
14. Predefined classes for users

-------------------------------------------------------------- */




/* 1. Reset tags
-------------------------------------------------------------- */


#EditorStyle h1,#EditorStyle h2,#EditorStyle h3,#EditorStyle h4,#EditorStyle h5,#EditorStyle h6,#EditorStyle pre,#EditorStyle b, #EditorStyle strong,#EditorStyle .blockquote{
    /*font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;*/
    /*font-size: 16px;*/
    /*line-height: 1.5;*/
    /*color: #333;*/
    margin: 9px 10px;
    max-width: 100%;
    -webkit-font-smoothing: antialiased !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
}
#EditorStyle table {
    /*width: 100% !important;*/
    margin: 0 auto;
}
@media (max-width: 768px) {
    .des table,
  .product-detail table,
  .product-detail img{
      width: 100% !important;height: auto!important;
  }
}
#EditorStyle table,#EditorStyle tr,#EditorStyle td,#EditorStyle th{
    word-break: break-all;
    height: auto;
    font-family: "Microsoft YaHei","微软雅黑",arial,helvetica,clean,sans-serif;
    /*font-size: 16px;*/
    line-height: 1.5;
    -webkit-font-smoothing: antialiased !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
    /*height: 41px;*/
    /*text-align: center;*/
    /*color: #8b8b8b;*/
    vertical-align: middle;
}
#EditorStyle td:first-child {
  /*font-size: 18px;*/
  /*font-weight: bold;*/
}
#EditorStyle pre{
    border-radius: 0;
    border: 0;
    background-color: transparent;
    padding: 0;
}
#EditorStyle p{    padding: 0;
    font-family: "Microsoft YaHei","微软雅黑",arial,helvetica,clean,sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    margin: 9px 10px;
    max-width: 100%;
    -webkit-font-smoothing: antialiased !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
     margin: 0;}

#EditorStyle{
    font-size: 100%;    /*62.5%;*/      /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    -webkit-text-size-adjust: 100%;     /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust: 100%;     /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#EditorStyle{
    /* height: 100%; */                 /* Commented, because it conflict with overflow-x: hidden - appear second scrollbar while tooltip is display in the Booked plugin */
}
#EditorStyle blockquote {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
    padding: 0;
    margin: 0;
    border: 0;
}
#EditorStyle h1 {
    display: block;
    font-size: 2em;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}
#EditorStyle h2 {
    display: block;
    font-size: 24px !important;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}
#EditorStyle h3{
    display: block;
    font-size: 1.17em;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;}
#EditorStyle h4{
    display: block;
    -webkit-margin-before: 1.33em;
    -webkit-margin-after: 1.33em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;}
#EditorStyle h5{
    display: block;
    font-size: 0.83em;
    -webkit-margin-before: 1.67em;
    -webkit-margin-after: 1.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;}
#EditorStyle h6{
    display: block;
    font-size: 0.67em;
    -webkit-margin-before: 2.33em;
    -webkit-margin-after: 2.33em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;}
#EditorStyle::after{
    content: "";
    display: block;
    clear: both;
}

#EditorStyle td,#EditorStyle th {
    font-family: inherit;
    font-size: inherit;
    display: table-cell;
    vertical-align: inherit;
}

#EditorStyle tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}


/* 2. Default tag's settings
-------------------------------------------------------------- */
#EditorStyle{   text-rendering: optimizeLegibility; }

#EditorStyle h1,#EditorStyle h2,#EditorStyle h3,#EditorStyle h4,#EditorStyle h5,#EditorStyle h6 { line-height:120%; }

h1+h2,h1+h3,h1+h4,h1+h5,h1+h6,
h2+h3,h2+h4,h2+h5,h2+h6,
h3+h4,h3+h5,h3+h6,
h4+h5,h4+h6,
#EditorStyle h5+h6 {
    margin-top:0;
}
#EditorStyle h3 {
    letter-spacing: -0.025em;
}
#EditorStyle h4,#EditorStyle h6 {
    letter-spacing: -0.025em;
    text-transform: uppercase;
}
#EditorStyle h5 {
    letter-spacing: -0.025em;
}
#EditorStyle dt,#EditorStyle b,#EditorStyle strong {    font-weight: 500; margin: 0;}

#EditorStyle li > ol,#EditorStyle li > ul { margin-bottom:0; }
#EditorStyle ul>li,#EditorStyle ol>li, dl>dd { margin-bottom:0.5em; }
#EditorStyle li>ul,#EditorStyle li>ol,#EditorStyle dd>dl { margin-top:0.5em; }
#EditorStyle li > p { margin-bottom:0; }
#EditorStyle li > p+p { margin-top:0.5em; }
#EditorStyle a img { border: none; }

#EditorStyle a:-webkit-any-link:read-write {cursor: text;}

#EditorStyle a:-webkit-any-link {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: underline;}
:active, :focus { outline:0; }
/* Tables */
#EditorStyle caption{
    display: table-caption;
    text-align: -webkit-center;
}


#EditorStyle img{ max-width:100% !important; height: auto; }

#EditorStyle[class*="woocommerce-"] table th, #EditorStyle[class*="woocommerce-"] table td {
    border-width:0;
}

#EditorStyle ul,#EditorStyle menu,#EditorStyle dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}
#EditorStyle ol{display: block;
    list-style-type: decimal;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;}


#EditorStyle li {
    display: list-item;
    text-align: -webkit-match-parent;
}
#EditorStyle dt {   font-weight: bold; }
#EditorStyle dd {   margin-left: 1.5em; }
#EditorStyle b,#EditorStyle strong {    font-weight: bold; }
#EditorStyle dfn,#EditorStyle cite,#EditorStyle em,#EditorStyle i { font-style: italic; }


#EditorStyle abbr,#EditorStyle acronym {
    border-bottom: 1px dotted;
    cursor: help;
}
#EditorStyle mark,#EditorStyle ins {
    background-color:transparent;
    text-decoration: none;
    font-style:italic;
    font-weight:bold;
}
#EditorStyle sup,
#EditorStyle sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

#EditorStyle .cke_editable{cursor: text;}
#EditorStyle .cke_editable{    font-size: 13px;
    line-height: 1.6;}
#EditorStyle sup { vertical-align: super;
    font-size: smaller;}
#EditorStyle sub {     top: .5ex;
    vertical-align: sub;
    font-size: smaller;
    font-size: 13px;
    line-height: 1.6;; }
#EditorStyle small {    font-size: 75%; }
#EditorStyle big {  font-size: 125%; }

#EditorStyle[hidden],#EditorStyle template { display: none; }

#EditorStyle hr {
    display: block;
    unicode-bidi: isolate;
    -webkit-margin-before: 0.5em;
    -webkit-margin-after: 0.5em;
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
    overflow: hidden;
    border-style: inset;
    border-width: 1px;
    cursor: default;
}

/* Images */
@media (max-width:767px){
    #EditorStyle img {
        /*max-width: 100%;*/
        width:100%!important;
        height: auto!important;
        vertical-align:top;
    }
}


/*figure:hover figcaption,*/
.wp-caption-overlay .wp-caption:hover .wp-caption-text,
.wp-caption-overlay .wp-caption:hover .wp-caption-dd {
    margin-bottom: -5em !important;
}


audio:not([controls]) {
  display: none;
  height: 0;
}
iframe, video, embed {
    max-width: 100%;
    min-height: 100px;
    vertical-align: top;
}

/* Media Elements player hook */
.me-cannotplay { overflow:hidden; }
.me-plugin { position: absolute; height: 0; width: 0; }         /* Media elements hook for Safary */

/* Fontello icons */
[class^="icon-"]:before, [class*=" icon-"]:before {
    line-height: inherit;
    font-weight: inherit;
    font-size: inherit;
    width:auto;
    margin:0;
}



/* 4. WP styles and Screen readers
-------------------------------------------------------------- */


 /* 2018-10-27 */
 @media (max-width:767px){
    .leftContent .newsDetailBox .worlds2 p>img{
            width: 100%!important;
            height: 100%!important;
      }
    .mainBox .main .leftContent .productTab table tbody tr td{
        width: auto;
    }   

.leftContent .newsDetailBox .worlds2 p>span>strong>span>span>a>img{
        width: 100%!important;
        height: 100%!important;
 }

.leftContent .newsDetailBox .worlds2>table{
    width: 100%!important;
}
     .leftContent{
         margin-top: 0;
     }
}
/* 2018-10-27 end*/


/*

body {
    margin: 0;
    padding: 0;
    font-size: 14px;
    !*line-height: 24px;*!
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

li,
a,
span {
    text-decoration: none;
    font-size: 100%;
    !*display: inline-block;*!
}

*/

/*


@media (min-width: 1600px) {
    .container {
        width: 1430px;
    }
    .logo {
        width: 20%;
    }
}*/
/*img {
    vertical-align: middle;
    max-width: 100%;
}*/
.bg-gray {
     width: 100%;
    background: #f4f4f4;
    float: left;
}
.elp {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*图片放大*/
.pic-scale {
    position: relative;
    overflow: hidden;
}
.pic-scale img {
    max-width: none;
    width: 100%;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.pic-scale:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.pic-scale.scale2:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}


/*头部*/
.mainheder {
    height: 126px;
}
.navmenupart {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}
.container-2 .icon {
    background: url(../images/icon-search.png) no-repeat center;
    width: 23px;
    height: 23px;
    margin-left: 8px;
    margin-top: 0;
}
.container-2 input#search {
    width: 130px;
    border: 1px solid #aaa;
    border-radius: 10px;
    overflow: hidden;
    height: 23px;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 25px;
}
.container-2:hover input#search {
    /*width: 130px;*/
    background: transparent;
}
@media (max-width: 1800px) {
    .mainheder .container {
        width: 90%;
    }
}
@media (max-width: 1600px) {
    .mainheder .container {
        width: 95%;
    }
}
@media (max-width: 1440px) {
    #cssmenu>ul>li.nthchild {
        display: none;
    }
    .container-2 input#search {
        width: 80px;
    }
}
@media (max-width: 1336px) {
    .mainheder .container {
        /*width: 100%;*/
        /*padding: 0 15px;*/
    }
    #cssmenu>ul>li>a {
        padding: 33px 10px;
    }
    #cssmenu>ul>li:first-child {
        /*margin-left: 10px;*/
    }
}
@media (max-width: 992px) {
    .about-wrap .video-box img {
        max-width: none;
        margin-left: -220px;
    }
    #cssmenu>ul>li>a {
        padding: 15px 20px;
        font-size: 16px;
        letter-spacing: 1px;
        text-decoration: none;
        color: #363636;
        cursor: pointer !important;
        margin-top: 0;
    }
    #cssmenu>ul>li:first-child>a  {
        margin-top: 20px;
    }
    .container-2 input#search {
        width: 100%;
    }
    #cssmenu>ul>li.lstli {
        float: right;
        width: 100%;
        padding: 0 50px;
        padding-top: 30px;
    }
    #cssmenu>ul>li.lstli .box {
        position: relative;
    }
}

/*轮播*/
#zhulu_ban {
    position: relative;
    opacity: 0;
    width: 100%;
    overflow: hidden;
}
#zhulu_ban ul {
    position: relative;
    z-index: 3;
    width: 100%;
    height: 100%;
}
#zhulu_ban ul .ban_video:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: rgba(0, 0, 0, 0.3);
}
#zhulu_ban ul li .intro {
    /*position: absolute; 
    left:50%; top:50%; 
    transform: translate(-50%,-50%); 
    -webkit-transform: translate(-50%,-50%);*/
}
#zhulu_ban ul li img {
    width: 100%;
}
#zhulu_ban ul li {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
#zhulu_ban ul li.on {
    opacity: 1;
}
.all_img,
.all_img a,
.all_img a img {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
}
.all_img,
.all_img a {
    width: 100%;
    height: 100%;
}
.zhulu_bandot {
    position: absolute;
    z-index: 8;
    bottom: 40px;
    text-align: center;
    width: 100%;
}
.zhulu_bandot span {
    display: inline-block;
    width: 50px;
    height: 6px;
    margin-right: 5px;
    cursor: pointer;
    position: relative;
}
.zhulu_bandot span:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    top: 50%;
    margin-top: -1px;
    background: #999;
    opacity: .9;
}
.zhulu_bandot span em {
    display: block;
    position: absolute;
    width: 0%;
    height: 2px;
    top: 50%;
    margin-top: -1px;
    background: #ea5432;
}
.zhulu_bandot span:last-child {
    margin-right: 0;
}
#player,
#player video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.zhulu_banner_text {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 10;
    color: #fff;
    text-align: center;
    width: 100%;
}
.zhulu_banner_text h3 {
    color: #fff;
    font-size: 80px;
    text-align: center;
}
.zhulu_banner_text h4 {
    color: #fff;
    font-size: 50px;
    font-weight: normal;
    text-align: center;
}
.zhulu_banner_text span {
    color: #fff;
    font-size: 14px;
    box-shadow: 1px, 1px, 3px, #666;
    display: inline-block;
    padding: 5px 30px;
    border: 2px solid #fff;
    border-radius: 3px;
    margin-top: 50px;
}
.zhulu_banner_text span em {
    color: #fff;
    padding-left: 10px;
    font-family: "Arial";
    box-shadow: 1px, 1px, 3px, #666;
}
.index_banner_new .video_button img {
    display: none;
}
.lt9 .index_banner_new .video_button img {
    display: block;
}
.lt9 .zhulu_banner_text {
    margin: -230px 0 0 0px;
    left: 0px !important;
}
.lt9 .index_banner_new .ba_left .zhulu_banner_text {
    left: 10% !important;
    width: auto;
}
.lt9 .index_banner_new .ba_right .zhulu_banner_text {
    left: 60% !important;
    width: auto;
}
video {
    width: 100%;
}
.zhulu_ban_txt {
    position: absolute;
    z-index: 6;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: left;
}
@media screen and (max-width: 1600px) {
    .zhulu_banner_text h3 {
        font-size: 70px;
    }
    .zhulu_banner_text h4 {
        font-size: 40px;
    }
}
@media screen and (max-width: 1400px) {
    .zhulu_banner_text h3 {
        font-size: 60px;
    }
    .zhulu_banner_text h4 {
        font-size: 30px;
    }
}
@media screen and (max-width: 1300px) {
    .zhulu_banner_text h3 {
        font-size: 50px;
    }
    .zhulu_banner_text h4 {
        font-size: 20px;
    }
}
@media screen and (max-width: 1200px) {
    .index_banner_new ul li .intro {
        width: 100%;
        height: 0px;
        padding-bottom: 44%;
    }
    .zhulu_banner_text h3 {
        font-size: 40px;
    }
    .zhulu_banner_text h4 {
        font-size: 20px;
    }
    .zhulu_banner_text span {
        margin-top: 10px;
        padding: 3px 10px;
    }
}
@media screen and (max-width: 1000px) {
    .zhulu_banner_text h3 {
        font-size: 30px;
    }
    .zhulu_banner_text h4 {
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    .zhulu_banner_text h3 {
        font-size: 20px;
    }
    .zhulu_banner_text h4 {
        font-size: 12px;
    }
    .zhulu_banner_text span {
        font-size: 12px;
    }
}

a {
    color: #666;
}
.title-big h2 {
    font-size: 36px;
    color: #363636;
}
.title-big p {
    font-size: 14px;
    color: #a9a9ac;
    margin-top: 10px;
    line-height: 18px;
}
.center {
    text-align: center;
}
.title-wrap {
    padding-top: 55px;
    padding-bottom: 55px;
}
.about-wrap {
    padding: 80px 45px;
    background-color: #ffffff;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.07);
}
.about-wrap .video-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.about-wrap .video-box img {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}
.about-wrap .video-box:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.about-wrap .video-box:before {
    content: "";
    position: absolute;
    right: 42px;
    bottom: 31px;
    width: 43px;
    height: 43px;
    z-index: 2;
    background: url(../images/icon-video.png) no-repeat center;
    background-size: contain;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}
.about-wrap .video-box:hover:before {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.about-wrap .video-box .video-youtube {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.about-wrap .video-box .video-youtube iframe,
.about-wrap .video-box .video-youtube p {
    width: 100%;
    height: 100%;
}
.about-wrap .cont {
    padding-left: 30px;
}
.about-wrap .cont h3 {
    font-size: 18px;
    color: #363636;
    padding-top: 5px;
    margin-bottom: 13px;
}
.about-wrap .cont .des p {
    color: #8b8b8b;
    line-height: 1.5;
}
.index-honor {
    margin-top: 30px;
}
.swiper-pagination.normal {
    position: static !important;
}
.com-pagination .swiper-pagination-bullet {
    width: 9px;
    height: 9px;
    background: #a9a9ac;
    border-radius: 50%;
    opacity: 1;
}
.com-pagination .swiper-pagination-bullet-active {
    background: #ea5432;
}
.honor-pagination {
    margin-top: 20px;
}

/*视屏播放弹窗样式*/
.video_shadow {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 1000;
    display: none;
}
.playnow {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -410px;
    margin-top: -286px;
    width: 820px;
    height: 550px;
    background-color: transparent;
    z-index: 1000;
}
.video_control {
    width: 820px;
    height: 500px;
    box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, .5);
    background: #f5f5f5;
}
.video_control video {
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.video_control iframe {
    width: 100%;
    height: 100%;
}
.closevideo {
    position: absolute;
    right: -30px;
    top: -24px;
    font-size: 35px;
    color: #fff;
    cursor: pointer;
}
.closevideo span {
    display: block;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}
.closevideo span:hover {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
@media (max-width: 1000px) {
    .playnow {
        left: 5%;
        top: 30%;
        margin-left: 0;
        margin-top: 0;
        width: 90%;
        height: auto;
    }
    .video_control {
        width: 100%;
        height: auto;
        box-shadow: none;
    }
    .closevideo {
        position: absolute;
        right: 0;
        top: -50px;
        font-size: 30px;
        color: #fff;
        cursor: pointer;
    }
}
.index-blog {
    padding-bottom: 60px;
}
.index-partner {
    padding: 60px 0 50px;
}
.index-partner ul {
    margin-top: 45px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.index-partner ul li {
    overflow: visible;
}
.row-10 {
    margin-right: -10px;
    margin-left: -10px;
}
.col-pd-10 {
    padding-right: 10px;
    padding-left: 10px;
}
.blog-item {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 15px;
}
.blog-item .pic {
    width: 267px;
}
.blog-item .cont {
    flex: 1;
    padding-left: 20px;
    display: flex;
    flex-wrap: wrap;
    padding-top: 10px;
}
.blog-item .cont h4 {
    font-size: 18px;
    color: #363636;
    font-weight: bold;
    width: 100%;
}
.blog-item .cont .date {
    font-size: 14px;
    font-style: italic;
    color: #888888;
}
.blog-item .cont p {
    color: #8b8b8b;
    line-height: 20px;
}
.blog-item .cont .more {
    font-weight: bold;
}
.bold {
    font-weight: bold;
}
.acolor {
    color: #363636;
}

/*实力*/
.hj-item .s-prev,
.muscle-item .s-prev {
    position: absolute;
    left: -60px;
    top: 36%;
    width: 31px;
    height: 31px;
    background: url(../images/s.png) no-repeat center;
    cursor: pointer;
}
.hj-item .s-next,
.muscle-item .s-next {
    position: absolute;
    right: -60px;
    top: 36%;
    width: 31px;
    height: 31px;
    background: url(../images/s.png) no-repeat center;
    cursor: pointer;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.hj-content-wrap .hj-content~.hj-content {
    display: none;
}
.muscle-item .s-prev,
.muscle-item .s-next {
    top: 30%;
}


.muscle-tit {
    text-align: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin-top: 35px;
    margin-bottom: 35px;
}
.muscle-tit .item {
    width: 33.3333%;
    position: relative;
    height: 97px;
    line-height: 97px;
    font-size: 0;
}
.muscle-tit .item-muscle {
    cursor: pointer;
}
.muscle-tit .item-muscle .op {
    width: 19px;
    height: 19px;
    background: url(../images/video.png) no-repeat center;
    margin-left: 28px;
    opacity: .4;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.muscle-tit .item-muscle.on .op,
.muscle-tit .item-muscle:hover .op {
    opacity: 1;
}
.muscle-tit .item .img {
    opacity: .3;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.muscle-tit .item.on .img,
.muscle-tit .item:hover .img {
    opacity: 1;
}
.muscle-tit .item~.item:before {
    content: "";
    position: absolute;
    left: 0;
    width: 2px;
    height: 97px;
    background-color: #a9a9ac;
    opacity: 0.18;
}
.muscle-tit .item span {
    display: inline-block;
    vertical-align: middle;
}
.muscle-tit .item .tit {
    text-align: left;
    margin-left: 20px;
    font-size: 18px;
    color: #666;
    line-height: 21px;
}
.muscle-tit .item .tit .t1 {
    font-size: 16px;
    color: #8b8b8b;
}
.muscle-tit .item .tit .t2 {
    font-weight: bold;
}
.muscle-wrap {
    padding-bottom: 50px;
}
.muscle-wrap .muscle-item~.muscle-item {
    display: none;
}
.muscle-item {
    position: relative;
}
.muscle-item .item {
    text-align: center;
}
.muscle-item .item p {
    padding-top: 15px;
    padding-bottom: 5px;
    font-size: 14px;
    line-height: 1.5;
    color: #8b8b8b;
}
.muscle-item .item .pic {
    overflow: hidden;
}
.muscle-item .item .pic img {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}
.muscle-item .item:hover .pic img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.product-wrap {
    padding-top: 64px;
}
.product-wrap .sidebar {
    padding: 5px 15px 35px;
    background: #fff;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.07);
    height: 884px;
    width: 335px;
}
.product-list-wrap .sidebar {
    height: auto;
}
.product-wrap .sidebar h3 {
    font-size: 20px;
    color: #666;
    font-weight: bold;
    padding: 26px 0 20px 20px;
}
.product-wrap .sidebar ul li {
    height: 72px;
    border-top: 1px dashed #E4E4E5;
    padding-left: 20px;
    font-size: 16px;
}
.product-wrap .sidebar ul li a {
    display: block;
    height: 100%;
    display: flex;
    align-items: center;
    color: #a9a9ac;
    line-height: 1.4;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.product-wrap .sidebar ul li .pic {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    font-size: 0;
    margin-right: 25px;
    opacity: .5;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.product-wrap .sidebar ul li span {
    flex: 1;
}
.product-wrap .sidebar ul li a:hover {
    color: #666;
}
.product-wrap .sidebar ul li a:hover .pic {
    opacity: 1;
}
.product-list {
    width: calc(100% - 370px);
}
.product-list .item {
    margin-bottom: 36px;
}
.product-list .abox {
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.07);
    display:block;
}
.product-list .abox .tit {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #666;
    text-align: center;
    padding: 0 15px;
    background-color: rgba(244, 172, 59 , 0);
}
.product-list .abox .tit span {
    line-height: 1.4;
}
.product-list .abox:hover .tit{
    background-color: rgba(244, 172, 59 , 1);
}
/*
 * @Author: shu binqi 
 * @Date: 2020-05-24 00:48:12 
 * @Last Modified by: shu binqi
 * @Last Modified time: 2020-05-24 00:49:20
 */

/* ----- sort common ----- */
.sort-banner {
    padding: 30px 0;
    height: auto;
    min-height: 140px;
}
.sort-banner h2 {
    text-align: center;
    font-size: 36px;
    line-height: 45px;
    font-weight: 700;
    color: #fff;
    /*font-style: italic;*/
}
.sort-banner p {
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    /*font-style: italic;*/
    margin-bottom: 0;
}
/* ----- sort common ----- */

/* ----- footer ----- */
.footer {
    background: #363636;
}
.footer-top {
    display: flex;
    justify-content: space-between;
    padding: 70px 0;
}
.footer-top h4 {
    margin-bottom: 20px;
}
.footer-top h4,
.footer-top h4 a {
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
}
.footer-top span,
.footer-top li,
.footer-top a {
    font-size: 14px;
    line-height: 26px;
    color: #ffffff;
    transition: all .3s;
}
.footer-top a:hover {
    transform: translateX(3px);
}
.footer-top .footer-top-bar {
    padding-right: 80px;
}
.footer-top .footer-top-contact {
    padding-right: 0px;
}
.footer-top .footer-top-contact li {
    width: 255px;
}
.footer-bottom {
    padding: 20px 0;
    border-top: 1px solid #525252;
}
.footer-bottom span.fl {
    font-size: 14px;
    line-height: 24px;
    font-style: italic;
    color: #ffffff;
}
.footer-bottom .fr a {
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    color: #ffffff;
    margin: 0 8px;
}
.footer-bottom .fr a:hover {
    text-decoration: underline;
}
.footer-bottom .fr img {
    display: block;
    border: 0;
    height: 24px;
    margin: 0 auto;
}
.footer-bottom .fr a.border-right {
    position: relative;
}
.footer-bottom .fr a.border-right:after {
    content: "";
    width: 1px;
    height: 14px;
    background: #fff;
    position: absolute;
    right: -10px;
    top: 5px;
}
.footer-bottom .fr a.facebook,
.footer-bottom .fr a.twitter,
.footer-bottom .fr a.linkedin,
.footer-bottom .fr a.google,
.footer-bottom .fr a.youtube,
.footer-bottom .fr a.wechat {
    width: 20px;
    height: 20px;
    display: inline-block;
    transform: translateY(2px);
    margin: 0 0 0 8px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.footer-bottom .fr a.facebook {
    background: url(../images/facebook.png) no-repeat;
    background-size: contain;
}
.footer-bottom .fr a.twitter {
    background: url(../images/twitter.png) no-repeat;
    background-size: contain;
}
.footer-bottom .fr a.linkedin {
    background: url(../images/linkedin.png) no-repeat;
    background-size: contain;
}
.footer-bottom .fr a.google {
    background: url(../images/google.png) no-repeat;
    background-size: contain;
}
.footer-bottom .fr a.youtube {
    background: url(../images/youtube.png) no-repeat;
    background-size: contain;
}
.footer-bottom .fr a.wechat {
    background: url(../images/wechat.png) no-repeat;
    background-size: contain;
}
.footer-bottom .fr a.facebook:hover,
.footer-bottom .fr a.twitter:hover,
.footer-bottom .fr a.linkedin:hover,
.footer-bottom .fr a.google:hover,
.footer-bottom .fr a.youtube:hover,
.footer-bottom .fr a.wechat:hover {
    transform: translateY(0);
}
/* ----- footer ----- */

/* ----- about page ----- */
.fw700 {
    font-weight: 700;
}
.about-wrap .video-box:hover {
    cursor: pointer;
}
.about-wrap .cont h3 {
    margin-bottom: 20px;
}
.about-wrap .cont .des p {
    margin-bottom: 20px;
}
.about-history {
    background: url(../images/about-bg2-pc.jpg) no-repeat bottom;
    background-size: contain;
    min-height: 880px;
}
.about-history .title-wrap {
    max-width: 60%;
}
.about-history .container {
    position: relative;
}
.history-list-left {
    position: absolute;
    left: -50px;
    bottom: -90px;
}
.history-list-left .history-item2 {
    left: 220px;
    bottom: -340px;
}
.history-list-left .history-item3 {
    left: 440px;
    bottom: -300px;
}
.history-list-left .history-item:hover {
    transform: translateY(-10px);
}
.history-list-right .history-item:hover {
    transform: translateY(-10px);
}
.history-list-right {
    position: absolute;
    left: calc(50% + 100px);
    top: 560px;
}
.history-list-right .history-item5 {
    left: 220px;
    top: -280px;
}
.history-list-right .history-item6 {
    left: 440px;
    top: -360px;
}
.history-item {
    width: 200px;
    position: absolute;
    transition: all .5s;
}
.history-item h4 {
    display: none;
}
.history-item .item-img {
    overflow: hidden;
}
.history-item .item-img img {
    width: 100%;
}
.history-item .item-text {
    background: #ea5432;
    color: #fff;
    padding: 15px 15px;
}
.about-qualification {
    padding-bottom: 30px;
}
.about-qualification-list {
    display: flex;
    flex-wrap: wrap;
}
.about-qualification-list div {
    margin-bottom: 35px;
}
.about-qualification-list div a {
    display: block;
    position: relative;
    height: 100%;
    padding: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.about-qualification-list div a:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/about-qa-bg1.png) no-repeat center;
    background-size: cover;
}
.about-qualification-list img {
    display: block;
    border: 0;
    width: 100%;
    transition: all .5s;
    height: 100%;
}
/* .about-qualification-list div:hover img {
  transform: scale(1.1);
} */
.about-product {
    padding-bottom: 50px;
    background: #ea5432;
}
.about-product h4 {
    font-size: 18px;
    color: #ffffff;
    line-height: 36px;
    margin: 10px 0;
}
.about-product h4.border-top {
    padding-top: 20px;
    border-top: 1px solid #5a747b;
}
.about-product-list {
    margin-left: -8px;
    margin-right: -8px;
}
.about-product-list li {
    width: 20%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}
.about-product-list li p {
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    color: #ffffff;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
}
.about-product-list li a {
    display: block;
    overflow: hidden;
}
.about-product-list li a:hover img {
    transform: scale(1.1);
}
.about-product-list li img {
    display: block;
    border: 0;
    width: 100%;
    transition: all .5s;
}
.title-white h2,
.title-white p {
    color: #fff !important;
}
.about-sample-room {
    background: #f7f7f7;
    padding: 60px 50px;
    margin-top: 70px;
    margin-bottom: 70px;
}
.about-sample-room .title-wrap {
    padding-top: 0;
}
.about-sample-list {
    margin-left: -5px;
    margin-right: -5px;
    display: flex;
    flex-wrap: wrap;
}
.about-sample-list img {
    width: 100%;
    display: block;
    border: 0;
}
.about-sample-left a {
    display: block;
    border: 0;
    height: 100%;
    /*padding-bottom: 10px;*/
}
.about-sample-left a div {
    height: 100%;
    height: calc(100% - 10px);
}
.about-sample-left img {
    opacity: 1;
    height: 100%;
}
.about-sample-list>div {
    padding-left: 5px;
    padding-right: 5px;
}
.about-sample-right {
    margin-left: -5px;
    margin-right: -5px;
}
.about-sample-right a {
    display: block;
    border: 0;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
}
/* ----- about page ----- */

/* ----- exhibition page ----- */
.exhibition-page {
    padding: 55px 0;
    position: relative;
}
.exhibition-page:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #e8e8e8;
    position: absolute;
    top: 140px;
    left: 0;
}
.swiper-exhibition-history a {
    display: block;
    padding-bottom: 15px;
    position: relative;
}
.swiper-exhibition-history a:hover h5,
.swiper-exhibition-history a:hover h6,
.swiper-exhibition-history a.active h5,
.swiper-exhibition-history a.active h6 {
    color: #666;
}
.swiper-exhibition-history a.active:after {
    display: block;
}
.swiper-exhibition-history h5 {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    color: #8b8b8b;
    line-height: 36px;
    margin-bottom: 5px;
    transition: all .5s;
}
.swiper-exhibition-history h6 {
    font-size: 16px;
    text-align: center;
    color: #8b8b8b;
    line-height: 30px;
    transition: all .5s;
    position: relative;
}
.swiper-exhibition-history h6 span {
    display: inline-block;
    position: relative;
    margin: 0 auto;
    transition: all .5s;
}
.swiper-exhibition-history a:after {
    display: none;
    content: "";
    height: 2px;
    width: 100%;
    background: #ea5432;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all .5s;
}
.exhibition-body h3 {
    font-size: 18px;
    font-weight: 700;
    color: #363636;
    line-height: 36px;
    margin-top: 30px;
    margin-bottom: 20px;
}
.exhibition-body p {
    font-size: 14px;
    color: #8b8b8b;
    line-height: 24px;
    margin-bottom: 20px;
}
.exhibition-list-five,
.exhibition-list-three,
.exhibition-list-six {
    margin-left: -6px;
    margin-right: -6px;
}
.exhibition-list-five li {
    width: 20%;
    float: left;
    padding: 0 6px;
}
.exhibition-list-three li {
    width: 33.33333%;
    float: left;
    padding: 0 6px;
}
.exhibition-list-six li {
    width: 16.66666%;
    float: left;
    padding: 0 6px;
}
.exhibition-list-five li .item-img,
.exhibition-list-three li .item-img,
.exhibition-list-six li .item-img {
    display: block;
    width: 100%;
    overflow: hidden;
}
.exhibition-list-five li img,
.exhibition-list-three li img,
.exhibition-list-six li img {
    display: block;
    border: 0;
    width: 100%;
    transition: all .5s;
}
.exhibition-list-five li .item-img:hover img,
.exhibition-list-three li .item-img:hover img,
.exhibition-list-six li .item-img:hover img {
    transform: scale(1.1);
}
/* ----- exhibition page ----- */

/*product-list page*/
.product-list-wrap {
    padding-top: 60px;
    padding-bottom: 100px;
}
.product-list-wrap .product-list .item {
    /*margin-bottom: 80px;*/
}
.pages {
    margin: 0 auto;
    text-align: center;
}
.pages li {
    display: inline-block;
    float: none;
    vertical-align: middle;
}
.pages li:first-child {
    display: none;
}
.pages a {
    display: inline-block;
    vertical-align: middle;
    height: 38px;
    line-height: 38px;
    color: #363636;
    text-decoration: none;
    margin: 0 5px;
    background: #E6E6E7;
    border-radius: 10px;
    padding: 0 10px;
    min-width: 38px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.pages a:hover, .pages a.active {
    background: #ea5432;
    color: #fff;
}

/*product detail*/
.mainBox{
    background:#fff;
    /*padding:0;*/
}
.content {
    max-width: 1400px;
    margin: 0 auto;
}
@media (max-width: 1600px) {
    .content {
        width: 1200px;
    }
}
.floatlft{
    float:left;
}
.floatrgt{
    float:right;
}
.rgtSild {
    width: 25.8%;
    padding: 60px 10px 0 0;
}
.rgtSild{
    width: 23.5%;
    padding: 60px 0px 0 0;
}
/*小标�?*/

h3.rsdtit{
    margin:0 0 20px 0;
}
h3.rsdtit,
h3.rsdtit a{
    color:#363636;
    font-size:24px;
    text-transform: capitalize;
    font-family: "Microsoft YaHei","微软雅黑",arial,helvetica,clean,sans-serif;
}
/*搜索*/
.searchBox{
    margin:0 0 40px;
}
.searchBox  input{
    height:32px !important;
    line-height: 32px !important;
    padding:0 0 0 1rem !important;
    margin:0 !important;
    border:1px solid #bfbfbf !important;
    width:100% !important;
}
.searchBox {
    position:relative !important;
}

.searchBox input:nth-of-type(2){
    position:absolute !important;
    right:15px !important;
    top: 47px ;
    z-index: 1 !important;
    cursor:pointer !important;
    width:26px !important;
    height:26px !important;
    padding:5px !important;
    border:none !important;
    background:url(../images/1.png) no-repeat center center;
}
.positionBox{
    position:relative;
    padding:0 0 30px;
    margin-bottom:30px;
}
.positionLine{
    color:#ccc;
    position:absolute;
    bottom:0;
    left:0;
    width:132%;
    border:1px solid #e2e4e5;
}
@media screen and (max-width:1400px)  {
    .positionLine{
        width:100%;
    }
}
/*二级导航*/
.secondNavBox{
    margin:0 0 30px 0;
    border-bottom: 1px solid #e2e4e5;
}
.secondNavBox ul {
    border-top: none;
}
.secondNavBox>ul>li{display: block;}
.secondNavBox>ul>li>ul{ border-top:none;}
.secondNavBox>ul>li>ul>ul{padding:0 3%; }
.secondNav{
    width:100%;
    /*padding:0 0 20px;*/
    margin:0;
    background:#f9f9f9;
}
.secondNav li{
    list-style: none;
    width:100%;
    ;
    /*border-bottom:1px solid #fff;*/
    margin:0;
}
.secondNavBox li a{
    width: 100%;
    text-transform: capitalize;
    color: #8b8b8b;
    padding: 1rem;
    font-size: 16px;
    background: #f9f9f9;
    border-bottom: 1px solid #fff;
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: .1s;
    display: block !important;
}

.secondNavBox li a span{
    width:5px;
    height:5px;
    background:#8b8b8b;
    vertical-align: middle;
    margin:0 10px 0 0px;
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: .1s;
}
.secondNav>li.cate-title>a span {
    width: 9px;
    height: 10px;
    background: url(../images/icon-cate.png) no-repeat center;
    position: relative;
    top: -2px;
}
.secondNav>li:first-child>a {
    font-size: 18px;
    color: #363636;
}
.secondNavBox ul >li:last-child {
    border-bottom: none;

}
.secondNav li ul li a:hover{
   background-color: #666;
   color: #fff;
}
.secondNav li ul li a:hover span {
    background: #fff;
}
/*热门产���?*/
.hotPrdtBox{
    margin:0 0 40px 0;
}
.hotPrdtBox p{
    text-transform: capitalize;
    margin:20px 0 0;
    color:#323232;
}

.hotproduct .item .tit {
    text-align: center;
    font-size: 16px;
    color: #8b8b8b;
    margin-top: 18px;
}

/*新���?*/
.latest{
    background:#fff;
    padding:6px;
    margin:0 0 30px;
}
/*.latest:nth-of-type(2){
    margin:0;
}*/
.latest a{
    color:#000;
}
.latest a p{
    color:#6c6c6c;
    margin:5px 0 0;
}
.latest .lft{
    width:65%;
}
.latest .lft a>span{
        word-break: break-all;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    border-bottom:1px solid #e2e4e5;
    padding: 0 0 5px;
}
.latest .lft>p{
    color:#747474;
    text-transform: capitalize;
}
.latest p span{
    width:14px;
    height:14px;
    vertical-align: middle;
    margin:0 6px 0 0;
    background:url(../images/2.png) no-repeat center center;
}
.latest .rgt{
    width:27%;
    margin: 10px 0 0;
}
.latestNewsBox{
    margin:0 0 40px;
}
/*联系�?��?*/
.contactusBox img{
    margin:0 0 27px;
    width: 100%;
}
.contactusBox p{
    margin:0 0 18px;
}
.contactusBox a{
    color:#232332;
}
.contactusBox p span{
    color:#000;
    font-weight:bold;
}
.leftContent{
    width: 1600px;
   
}
.productContent {
   
}
.nowAdds{
    margin:22px 0 25px;
}
.nowAdds a{
    font-size:20px;
    color:#000;
    text-transform: capitalize;
}
.nowAdds a:last-child{
    color:#8f8f90;
}
.statement{
    margin:0 0 40px;
}
.statement h2{
       font-weight: normal;
    line-height: 42px;
    font-size: 27px;
    font-family: "Microsoft YaHei","微软雅黑",arial,helvetica,clean,sans-serif;
}
.statement h2 p{
   font-size: 100%;
}
.statement span{display:block;
    width:90px;
    border:1px solid #00a0df;
}
.worlds{
    margin:0 0 100px;
}
.worlds>p{
    font-size:26px;
    line-height: 52px;
    margin:40px auto 40px;
    text-align: center;
    width:72%;
}
.worlds>img{
    margin:0 0 45px;
}
.worldsBox>div{
    width:45%;
}
.worlds2>h3{
    font-weight:normal;
    font-size:26px;
    margin:0 0 30px;
}
.worlds2>p{
    line-height: 30px;
    margin:0 0 20px;
    color:#6c6c6c;
    word-wrap: break-word;
}
.feature{
    margin:0 0 50px;
}
.feature p span{
    width:64px;
    height:30px;
    border-bottom:1px solid #ccc;
    margin-right:-20px;
    vertical-align: middle;
}
.okIcon{
    background:url(../images/3.png) no-repeat 15px center;
}
.startIcon{
    background:url(../images/4.png) no-repeat 15px center;
}
.lampIcon{
    background:url(../images/5.png) no-repeat 15px center;
}
/*关于�?�们END*/

/*案�?-----------*/
.caselist{
    width:48%;
    margin:0 0 50px;
    font-size:14px;
    color:#6c6c6c;
}
.caselist>img{width: 100%;height: auto;}
.caselist:nth-child(even){
    float:right;
}
h3.casetit{
    font-size:22px;
    font-weight:normal;
    margin:25px 0;
    color:#000;
}
/*案例END*/

/*产品中�?-------*/
.productBox div.productCase{
    width:31%;
    margin:0 12px 70px 0;
    background:#fff;
    text-align: center;
}
.productBox div.productCase:nth-child(3n+3){
    margin-right:0;
}
.prdtCase{
    width:100%;
}
.prdtCase:hover{
    text-decoration: none;
}
.prdtCase p{
    margin: 16px 0 16px;
    color: #323232;
    height: 45px;
    overflow: hidden;
}
.prdtCase span {
    padding: 0 36px !important;
    color: #808080;
    line-height: 34px !important;
    border: 1px solid #bfbfbf;
    margin: 0 0 25px 0;
    text-transform: capitalize;
    display: inline-block !important;
}
.productBox .productCase:hover p{
    color:#00a0df;
}
.productBox .productCase:hover span{
    color:#00a0df;
    border-color:#00a0df;
}
.prdtBar2{
    display:none;
}
/*产品中心END*/
/*产品详�??----------*/
.mayLove{
    margin:80px 0 0
}
.mayLove h2{
    font-size:28px;
}

.loveIcon{

    width: 31px;
    height: 28px;
    font-size: 28px;
    margin: 0 18px 0 34px;
    display: inline-block;
    vertical-align: middle;
    background:url(../images/10.png) no-repeat center center;
}
.productDetail{
    margin:0 0 70px;
}
.prdctShowPic{
    width:48.5%;
}
.thumpPic{
    width: 60px;
    padding:0;
    margin: 0 10px;
    cursor:pointer;
}
.thumpPic img{
    width: 100%;
    border: 1px solid #686868;
    border-radius: 4px;
}
#owl-demo2{
    width:90%;
    padding:0 5%;
    margin:15px 0 0;
}
#owl-demo2 .owl-controls{
    display:block!important;
    position:static;
}
#owl-demo2 .owl-controls .owl-buttons div{
    position:absolute;
    top:0%;
    width:15px;
    height:100%;
    margin:0;
    padding:0;
    line-height: 52px;
}
#owl-demo2 .owl-controls .owl-buttons div:hover{
    background:#e5e5e5;
}
#owl-demo2 .owl-controls .owl-buttons .owl-prev{
    left:-4px;
}
#owl-demo2 .owl-controls .owl-buttons .owl-next{
    right:-4px;
}

.prdctShowPic .bigPic img{

}
.prdctParameter{
    width:53%;margin-right: 0px;
}
@media (max-width: 1280px) {
   .prdctParameter{
    width:50%;margin-right: 0px;
} 
}
.prdctParameter h3{
    font-size:18px;
    font-weight:normal;
    text-transform: capitalize;
    margin:0 0 20px;
}
.prdctParameter h1{
    font-size:36px;
    font-weight:600;
    text-transform: capitalize;
    margin:0px 0 20px;
    margin-right: 50px;
    
}
.prdctParameter .des{
    padding-top: 25px ;
    margin-right: 0px;line-height:1.5}
.prdctParameter p{
    font-size:14px;
    color:#8b8b8b;
    line-height: 24px;
    padding: 6px 15px;
}
.prdctParameter p:nth-child(2n+1) {
    background: #f9f9f9;
}
.prdctParameter h4{
    font-size:16px;
    font-weight:normal;
    margin:30px 0 15px;
    text-transform: capitalize;
}
.prdtPmt{
    margin:0 0 40px;
    padding:0;
}
.prdtPmt li{
    padding:8px 0;
    width:100%;
    margin:0;
}
.prdtPmt li span{
    /*padding:0 14% 0 1rem;*/
}
.prdtPmt li:hover{
    text-decoration: underline;
}
.prdtPmt li:nth-child(odd){
    background:#f2f2f2;
}
.prdctParameter .btn-wrap {
    margin-top: 40px;
}
.prdctParameter .more {
    display: inline-block;
    vertical-align: middle;
	border-radius: 30px;
    font-size: 14px;
    line-height: 52px;
    text-align: center;
    padding: 0px 35px;box-shadow:0 5px 10px #ccc;
    height: 52px;
    background-color: #28a7e1;
    color: #fff;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.prdctParameter .more:hover {
    opacity: .95;
}
.prdctParameter .more .icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
    margin-top: -1px;
}
.prdctParameter .more .icon-mail {
    width: 17px;
    height: 14px;
    background: url(../images/mail.png) no-repeat center;
    background-size: contain;
}
.prdctParameter .more .icon-pdf {
    width: 13px;
    height: 15px;
    background: url(../images/pdf.png) no-repeat center;
    background-size: contain;
}
.prdctParameter .more:first-child {
    margin-right: 10px;
}
.dobook{
    width:85%;

    padding:30px 0;
    text-align:center;
}
.book{
    margin:5px;
}
.book p{
    font-size:12px;
    padding:15px 0;
    margin:0;
    color:#323232;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
}
.book img{
    width:100%;
}
#owl-demo4 .owl-pagination{
    display:none;
}
#owl-demo4  .owl-controls{
    position:static;
}
.dobook .owl-controls .owl-buttons> div{
    opacity: 1;
    position: absolute;
    border-radius: 0;
    font-size: 0;
    top: 30%;
    width:30px;
    height:57px;
    margin:0;
    padding:0;
}
.dobook .owl-controls .owl-buttons> div:hover{
    opacity: .0;
}
.dobook .owl-controls .owl-buttons .owl-prev {
    background: url(../images/left1.png) no-repeat center center;
    left: -45px;
}
.dobook .owl-controls  .owl-buttons .owl-next{
    background: url(../images/right1.png) no-repeat center center;
    right:-45px;
}
/*遮罩�*/
.book{
    background:#fff;
    position:relative;
}
.book img{
    margin-bottom:-6px;
    width:250px;
}
.book a{
    width:100%;
    height:100%;
    color:#fff;
    font-size:20px;
    display:none;
    background:rgba(0,0,0,.1);
    position:absolute;
    top:0;
    left:0;
	
}
.book a span{
    width:38px;
    height:26px;
    background:url(../images/idx10.png) no-repeat center center;
}
.book:hover a{
    -webkit-display:flex;
    display:flex;
}

.xg-product {
	background:#fff;
    position: relative;
    padding: 70px 0 60px;margin-top: 60px;margin-bottom:145px;float: left;
}
.show_xian12{height:1px;background:#dfdfdf;margin-top: 120px;}
.xg-product h3 {
    color: #333;
    font-size: 48px;
    font-weight: bold;
    text-align: center;
	border-bottom: 1px solid #dfdfdf;
    padding-bottom: 55px;
	padding-top:15px;
}
.xg-product h3 b {
    font-weight: bold;
color: #096137;}
.xg-product h3 i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 11px;
    width: 26px;
    height: 22px;
    background: url(../images/xin.png) no-repeat center;
    background-size: contain;
}
.xg-content .item a{text-decoration: none !important;}
.xg-content .item p {
    text-align: center;
    font-size: 20px;
    color: #333;
    line-height: 1.4; 
    margin-top: 10px;
}
.xg-content .item span{font-size:16px;color:#666;text-align:center;display:block; text-decoration: none;}
.xg-content-wrap {
    position: relative;
    padding: 0 75px;
}
.xg-product .item{width:23%;margin:1%;float: left;}
.xg-product .item .pic{border-bottom:1px solid #333;overflow:hidden;}
.xg-product .item .pic img{transition: 0.35s all ease-in-out;}
.xg-product .item .pic:hover img{transform: scale(1.1);}
.xg-product .next, .xg-product  .prev {
/*    width: 31px;
    height: 31px;
    top: 40%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/left.png);
    background-size: contain;
    left: 0;*/
    color: #666;
}
.xg-product .next:after,.xg-product .prev:after{
    font-size: 2rem;
}
.xg-product  .next {
 /*   right: 0;
    left: auto;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);*/
}
.form-detail {
    margin: 0 !important;
    background: #fff;
    padding: 40px 34px 48px;
}
.form-detail .writeUs {
    margin-bottom: 30px;
}
.form-detail .writeUs,
.form-detail .formBox {
    width: 100%;
    float: none;
}
.form-detail .writeUs p {
    padding: 0;
}

#porducts_lianjie{margin-left: 0;
    border: none;
    border-radius: 6px;
    background-image: -webkit-linear-gradient(bottom, #1dba6e, #17a15e);
    background-image: linear-gradient(to bottom, #1dba6e, #17a15e);width: 300px;
    line-height: 64px;
    font-size: 24px;}
#porducts_lianjie img{ padding-right: 20px;
    padding-bottom: 8px;}
#porducts_lianjie:hover{background:#096137}

.productTab{
    margin: 0rem 0 5rem;
}
.prdtTab{
    margin:0;
    padding-top:50px;
    padding-left:50px;
    width:100%;
  
}
.prdtTab li{
    /*background:#f2f2f2;*/
    margin:0;
    position: relative;
}
.prdtTab li ~ li {
    margin-left: 0px;
}
.prdtTab li a{
	font-size:14px;
        width: 165px;
    line-height: 45px;
    display: block;
    text-align: center;
    color: #07060d;
	border:1px solid #d2d2d2;
}
.prdtTab li:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    background:#0095eb;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.prdtTab li.active:before {
    opacity: 1;
    visibility: visible;
}
.prdtTab li.active a,
.prdtTab li:hover a{
    color:#fff;
    cursor: pointer; 
	font-weight:600;
	background: #28a7e1;
}
.prdtTab li.active a {
    /*font-weight: bold;*/
}
.prdtCaseing{
    display:none;
}
.prdtCaseShow{
    display:block;
}
.prdtCaseing>div{
    margin:0 0 60px;padding:60px 50px;
}
.product-detail ol, .product-detail ul{
    padding-left: 40px;
}
.product-detail ol{
    list-style-type: decimal;
}
.product-detail ul{
    list-style-type: disc;
}
.product-detail li{
    padding: 5px 0;
    line-height: 1.5;
}
.prdtCaseing h2{
    font-size:30px;
    font-weight:normal;
    color:#334050;
    margin:0 0 15px;
    text-transform: capitalize;
}
.prdtCaseing p{
    font-size:16px;
    color:#7b7986;
    padding:5px 0;
    text-indent: 2em;
}
.product-detail .item {
    display: none;
}
.product-detail .item.on {
    display: block;
}
.product-faq {
    background: #fff;
    padding: 35px 34px 5px;
    margin-bottom: 20px !important;
}
.product-faq table {
    width: 100% !important;
}
.product-faq table td {
    padding: 0 10px;
}
.product-faq {
    background: #fff;
    padding: 40px !important;
    margin-bottom: 20px !important;
}
.product-faq p {
    font-size: 16px;
    color: #7b7986;
    padding: 0;
    line-height: 1.75;
    margin-bottom: 0;
}
.product-faq p ~ p {
    margin-top: 20px;
}
.product-faq p strong {
    font-weight: bold;
    color: #333;
    font-size: 18px;
    font-style: italic;
}
.product-faq .newsBox {
    padding-top: 0;
}
.product-faq .faqBox .newslist {
    padding: 0;
    background: #fff;
    margin-bottom: 35px;
}
/*留言�?*/
.msgPad{
    margin:0 0 120px;
}
.writeUs{
    width:34%;
}
.writeUs h2 a{
    font-size:26px;
    color:#000;
    margin:0 0 20px;
    font-family: "Microsoft YaHei","微软雅黑",arial,helvetica,clean,sans-serif;
}
.writeUs p{
    color:#6c6c6c;
    font-size:14px;
}
.formBox{
    width:60%;
}
/*.formBox form select,*/
/*20171124*/
.Pname,
.Cname{
    width:47%;
}

.Pname .input10,
.Cname .input3{
    width:100%;
}
.Pemail,
.Cemail{
    width:47%;
    float:right;
}
.Pemail .input11,
.Cemail .input4{
    width:100%;
}
.Country{
    width:47%;
    float:left;
}
.Country .input12{
    width:100%;
}
.Pcompany{
    width:47%;
    float:right;
}
.Pcompany .input13{
    width:100%;
}
.Cadd{
    width:100%;
}
.Cadd .input5{
    width:100%;
}
.Pmessage,
.Cmessage{
    width:100%;
}
.Pmessage .input14,
.Cmessage .textarea1{
    width:100%;
}
.formBox .input6{
    padding:0 10px!important;
}
.address .des p {
    color: #8b8b8b;
}
.address .des p ~ p {
    margin-top: 20px;
 /*20171124*/
}
.formBox input{
    padding:0 0 0 10px !important;
    margin:0 0 10px !important;
    line-height: 40px !important;
    border:1px solid #bfbfbf !important;
}
.formBox input.sub {
    background-color: #666;
    color: #fff;
    border-color: #666;
    padding: 0 10px 0 10px !important;
    border: none !important;
}
.formBox select{
    width:47% !important;
    border:1px solid #bfbfbf !important;
    color:#bfbfbf !important;
    padding:0 0 0 10px !important;
    display:inline-block !important;
}
.formBox  textarea{
    width:100% !important;
    height:120px !important;
    border:1px solid #bfbfbf !important;
    margin:0 0 20px !important;
    padding: 10px;
}
.formBox  button{
    padding:12px 6px !important;
    background:#00a0df !important;
    color:#fff !important;
    font-size:14px !important;
}
.formBox .arrowup{
    width: 0;
    height: 0;
    border-right: 5px solid transparent; /* left arrow slant */
    border-top: 5px solid #bfbfbf; /* right arrow slant */
    border-left: 5px solid transparent; /* bottom, add background color here */
    font-size: 0;
    line-height: 0;
    margin:0 0 0 -25px;
}
/*产品详�?�END*/
/*联系�?��?-------*/
.msgPad .contactIformation{
    width:34%;
}
.contactIformation .writeUs,
.formBox .writeUs{
    width:100%;
    margin-bottom: 30px;
}
.informationIcon{
    width:45px;
    height:46px;
    vertical-align: middle;
    margin:0 10px 0 0;
    background:url(../images/11.png) no-repeat center center;
}
.address{
    width:85%;
}

.address a{
    color:#000;
}
.formBox2 form .contactInput{
    width:100%;
}
.msgPad2{
    margin:70px 0;
}
#map{
    border:1px solid #00a0df;
    min-height:200px;
}
.wri{font-size: 28px}
/*联系�?�们END*/

/*新���?-------*/
.newslist{
    margin:0 0 40px;
    background-color: #f9f9f9;
    padding: 30px 40px;
}
.faqBox .newslist {
    padding: 30px;
}
.newspic{
    width:33.5%;
}
.newspic a {
    display: block;
    height: 100%;
    width: 100%;
}
.newspic img {
    width: 100%;
}
.newsContent{
    width:61%;
    color:#6c6c6c;
    padding-top: 15px;
}
.faqBox .newsContent {
    width: 100%;
    padding-top: 0;
}
.newsContent p.firstP{
    font-size:14px;
    margin:0 0 16px;
}
.faqBox .newsContent .secondP p {
    line-height: 1.5;
    overflow: hidden;
    padding: 0;
}
.timeIcon,
.userIcon{
    width:16px;
    height:16px;
    vertical-align: middle;
    margin:0 5px;
}
.timeIcon{
    background:url(../images/13.png) no-repeat center center;
}
.userIcon{
    background:url(../images/12.png) no-repeat center center;
}
.newsContent p.secondP{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    color: #8b8b8b;
    line-height: 1.5;
    margin:0 0 16px;
}
div.readmore{
}
div.readmore p{
    display:inline-block;
    font-size:12px;
    margin:0;
    color: #666;
}
.heartIcon{
    width:20px;
    height:12px;
    vertical-align: middle;
    margin:0 5px 0 10px;
    background:url(../images/8.png) no-repeat center center;
}
div.readmore p span{
    color:#da251d;
}
.readmoreBtn{
    color:#da251d;
    line-height: 42px;
    border-left:1px solid #da251d;
    font-size:12px;
}
.readmore .todayIcon{
    width:10px;
    height:12px;
    vertical-align: middle;
    margin:0 10px;
    background:url(../images/7.png) no-repeat center center;
}
/*æ–°é�?�»è¯¦æƒ�??*/
.newsdtlheaed{
    margin:70px 0 70px;
}
.newsdtlheaed h2{
    font-size:30px;
    margin:0 0 20px;
}
.newsdtlheaed h1{
    font-size:30px;
    margin:0 0 20px;
    word-wrap: break-word;
    text-align: center;
}
.pageBtn a{
    font-size:30px;
    background:#ececec;
    padding:15px;
    margin:15px;
    color:#000;
    display: inline-block;
}
.newslist2{
    width:42%;
    display:inline-block;
    margin:0 7% 100px 0;
}
.newslist2 .newspic,
.newslist2 .newsContent{
    width:100%;
}
.newslist2 .newspic a,
.newslist2 .newspic a img{
    width:100%;
}

.pageBtn{
    margin:0 0 60px;
    text-align: right;
}
.pageBtn a{
    padding:20px;
    background:#ececec;
    cursor: pointer;
    display: inline-block;
}
.pageBtn a span{
    width:10px;
    height:18px;
}
.pageBtn a.pre span{
    background:url(../images/left2.png) no-repeat center center;
}
.pageBtn a.next span{
    background:url(../images/right2.png) no-repeat center center;
}
.newsdtlheaed p{
    color:#6c6c6c;
    font-size:14px;
    text-align: center;
}
.newsDetailBox .firstP{
    margin:40px 0;
}
.newsDetailBox .secondP{
    font-size:14px;
}
.greayP{
    color:#6c6c6c;
}
.newsdtlheaed p a{
    line-height: 14px;
    color:#6c6c6c;
}
.newsdtlheaed .heartBox{
    color:#da251d;
    border-right:1px solid #a8a8a8;
    padding:0 10px;
}
/*æ–°é�?�»END*/
/*FAQ------------------*/
.faq{
    background:#FFF;
    color:#555;
    border:1px solid #ccc;
    border-radius: 20px;
    padding:20px;
    margin:0 0 20px;
}
.faq:after{
    content:"";
    display:table;
    clear:both;
}
.faq>div{
    vertical-align: top;
}
/*.faqPic{*/
    /*background:#aaa;*/
    /*border-radius: 10px;*/
    /*text-align: center;*/
    /*padding:10px 20px;*/
/*}*/
.faqPic img{
    width:100%;
}
.faqPic p{
    font-size:18px;
    color:#fff;
    margin:0;
}
.faqTxt{
    width:78%;
    float:right;
}
.faqTxt h3{
    font-size:18px;
    font-weight:normal;
    line-height: 24px;
    margin: 10px 0;
}
.faqTxt p{
    font-size:14px;
    color:#555;
    margin:0;
}
.faqTxt p:hover{
    text-decoration: underline;
}
/*FAQend*/
/*证书--------------*/
.honorary{
    position:relative;
}
.threeTit{
    font-size:20px;
    line-height: 24px;
    padding:0 10px;
    margin:0 0 30px;
    border-left:1px solid #00a0df;
}
.bigHonor{
    text-align: center;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index: 99999;
    display:none;
}
.bigHonor img{
    background:rgba(200,200,200,2);
    padding:2%;
}
#owl-demo3{
    margin:0 0 90px;
}
.honorPic{
    margin:0 10px;
    cursor: pointer;
}
#owl-demo3 .owl-item{
    text-align:center;
}
.honorPic p{
    margin:10px 0;
    color:#555;
}
.honorPic:hover{
    opacity: .8;
}


#faqbg{background-color:#666666;position:absolute;z-index:99;left:0;top:0;display:none;width:100%;height:1000px;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5;}
#faqdiv{position:absolute;width:73%;height:auto;left:25%;top:50%;margin-left:-200px;z-index:100;background-color:#fff;border-radius:20px;padding:60px}
#faqdiv h2{font-size:36px;color:#0d0d0b;}


@media (max-width: 999px) {
#faqdiv {
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    top: 50%;
    margin-left: 0px;
    z-index: 100;
    background-color: #fff;
    border-radius: 20px;
    padding: 20px;}
}



/*证书End*/

/*放大镜--------------------------------------------------------------------------------------------*/
/* Clear Fix */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* Hide from IE Mac */
.clearfix{display:block;margin-bottom: 0px;
    padding-top: 60px;}

.tab{ overflow:hidden; }
.tab li,.tab a,.tab-item{cursor:pointer;float:left;text-align: center;}


.right-extra .mt{height:28px;line-height:28px;padding:0 10px 8px;border-top:1px solid #EED97C;background:url(../images/bg_hotsale.gif) repeat-x 0 -552px;color:#c00;}
.right-extra .tab{border-bottom:2px solid #BE0000;margin-bottom:10px;}
.right-extra .tab li{position:relative;height:24px;padding:3px 12px 0;background:url(../images/icon_clubs.gif) #ccc no-repeat right -150px;overflow:hidden;margin-right:3px;line-height:24px;font-size:14px;font-weight:bold;color:#c30;}
.right-extra .tab span{position:absolute;left:0;top:0;z-index:1;width:10px;height:27px;background:url(../images/icon_clubs.gif) no-repeat 0 -150px;}
.right-extra .tab a{float:none;color:#c30;}
.right-extra .tab .curr{background-position:right -178px;color:#fff;}
.right-extra .tab .curr span{background-position:0 -178px;}
.right-extra .tab .curr a{color:#fff;}
.right-extra .mc .extra{padding:5px 10px;border-top:1px solid #F3E6C6;}
.right-extra .total{float:right;}
.right-extra .total strong{color:#FF7403;}
.right-extra .total a:link,.right-extra .total a:visited{color:#005aa0;}
.right-extra .join a:link,.right-extra .join a:visited{color:#FF7604;}
.right-extra .norecode{padding:0 10px 10px;}
.right-extra .iloading{margin-bottom:10px;}

/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:440px;height:440px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
.spec-preview img{
    max-width:600%;
}
/*图片小图预览列表*/
.spec-preview{width:440px;height:440px; border:1px solid #DFDFDF;  float:left; box-shadow: 0px 0px 5px #e2e2e2;margin-left:0px;}
.spec-scroll{clear:both;width:110px;float:right;margin-bottom: 65px;margin-left: 20px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;padding-top: 5px;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"Microsoft YaHei","微软雅黑",arial,helvetica,clean,sans-serif;text-align:center;width:100%;height: 20px;line-height: 0px;/* border:1px solid #CCC; */cursor:pointer;text-decoration:none;display:none}
.spec-scroll .items{float:left;position:relative;width: 100%;height:450px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:130px;height:999999px;}
.spec-scroll .items ul li{float:left;width: 108px;
    height: 108px;
    text-align: center;
    border: 1px solid #DFDFDF;
    margin-bottom: 5px;}
.spec-scroll .items ul li img{/* border:1px solid #CCC; *//* padding:2px; */width: 100%;height:auto;}
.spec-scroll .items ul li:hover{border:1px solid #28a7e1;}
.spec-scroll .prev:hover,.spec-scroll .next:hover{background-image: linear-gradient(90deg,#00d471,#00dafd);
    -webkit-background-clip: text;
    color: #28a7e1;}

.prdctParameter h6{font-size:16px;font-weight:100;line-height:1.8;color:#7c7c7c;border-bottom: 1px solid #e2e2e2;padding-right:50px;
    padding-bottom: 25px;}

/*放大镜 END--------------------------------------------------------------------------------------------*/
.faqPic{background: #aaa;
    border-radius: 10px;
    text-align: center;
    padding: 10px 20px;}


.floatrgt>div>ul>li>a, .floatrgt span{
    display: inline-block!important;
}
.prdtTab li{
    display: inline-block!important;

}

.secondNavBox>ul>li.current-menu-item{
    background: #d6d6d6!important;
}
.page-map{height:400px;}
@media screen and (max-width: 414px) {
    .prdtCase span{  display: block !important; padding:0px !important;
        line-height:35px !important;}
    .productBox div.productCase{ margin:0px 0px 5% !important;}
    .productBox div.productCase:nth-child(2n){ float: right;}
    .page-map{height:120px;}
}



.leftContent .right-extra,
.leftContent .right-extra>.spec-preview{
    width:48%;
}

.history-wrap {
    position: relative;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -30px;
}
.history-wrap:before {
    content: "";
    position: absolute;
    right: -35px;
    width: 58px;
    height: 463px;
    top: 110px;
    background: url(../images/develop-bg.png) no-repeat center;
    background-size: contain;
}
.history-wrap .item-history {
    float: left;
    width: 33.3333%;
    position: relative;
    padding: 0 20px;
    margin-bottom: 30px;
}
.history-wrap .item-history:nth-child(4),
.history-wrap .item-history:nth-child(5),
.history-wrap .item-history:nth-child(6) {
    float: right;
}
.history-wrap .item-history .box:before {
    content: "";
    position: absolute;
    right: -20px;
    top: 110px;
    width: 40px;
    height: 18px;
    background: url(../images/develop-icon.png) no-repeat center;
}
.history-wrap .item-history .box h4 {
    font-size: 18px;
    color: #666;
    margin-top: 25px;
    margin-bottom: 15px;
}
.history-wrap .item-history .box p {
    color: #8b8b8b;
    line-height: 1.5;
    font-size: 14px;
}
.history-wrap .item-history:nth-child(3n) {
    margin-right: 0;
}
.history-wrap .item-history:nth-child(3n) .box:before {
    display: none;
}
.history-wrap .item-history:nth-child(4) .box:before {
    display: none;
}
.history-wrap .item-history:nth-child(6) .box:before {
    display: block;
}
.history-wrap .item-history:nth-child(4) .box:before,
.history-wrap .item-history:nth-child(5) .box:before,
.history-wrap .item-history:nth-child(6) .box:before  {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

@media screen and (max-width: 1600px) {
    .zoomdiv{/*width:350px;height:350px;*/}
    .spec-preview{/*width:350px;height:350px;*/}
    .spec-scroll{/*width:352px;*/}
    .spec-scroll .items {
      /*  width: 322px;
        height: 70px;*/
    }
    .spec-scroll .items ul li img {
     /*   width: 70px;
        height: 70px;*/
    }
    .spec-scroll .items ul li {
      /*  width: 80px;
        height: 70px;*/
    }
    .spec-scroll .prev, .spec-scroll .next {
       /* height: 70px;
        line-height: 70px;*/
    }
}
@media (max-width: 1024px) {
    .history-wrap .item-history .box:before,
    .history-wrap:before {
        top: 80px;
    }
    .history-wrap:before {
        display: none;
    }
	.prdtCaseing>div{padding:0}
}
@media screen and (max-width:768px){
    .history-wrap .item-history .box:before,
    .history-wrap:before {
        top: 60px;
    }
    .worlds2 p img,
    .worlds2 table img,
    .worlds2 table,
    .worlds2 video,
    .worlds2 frame{
        width: 100%!important;
        height: auto!important;
    }
}
@media screen and (max-width:500px){
    .history-wrap {
        display: flex;
        flex-wrap: wrap;
        margin-left: -10px;
        margin-right: -10px;
        margin-bottom: -20px;
    }
    .history-wrap .item-history:nth-child(4),
    .history-wrap .item-history:nth-child(5),
    .history-wrap .item-history:nth-child(6) {
        float: left;
    }
    .history-wrap .item-history {
        width: 50%;
        padding: 0 10px;
        margin-bottom: 20px;
    }
    .history-wrap .item-history .box:before, .history-wrap:before,
    .history-wrap .item-history:nth-child(4) .box:before,
    .history-wrap .item-history:nth-child(5) .box:before,
    .history-wrap .item-history:nth-child(6) .box:before {
        display: none;
    }
    .history-wrap .item-history .box h4 {
        font-size: 18px;
        color: #666;
        margin-top: 15px;
        margin-bottom: 10px;
    }
}


/*放大镜 END--------------------------------------------------------------------------------------------*/
.faqPic{background: #aaa;
    border-radius: 10px;
    text-align: center;
    padding: 10px 20px;}


.floatrgt>div>ul>li>a, .floatrgt span{
    display: inline-block!important;
}
.prdtTab li{
    display: inline-block!important;

}

.secondNavBox>ul>li.current-menu-item{
    background: #d6d6d6!important;
}
.page-map{height:400px;}
@media screen and (max-width: 414px) {
    .prdtCase span{  display: block !important; padding:0px !important;
        line-height:35px !important;}
    .productBox div.productCase{ margin:0px 0px 5% !important;}
    .productBox div.productCase:nth-child(2n){ float: right;}
    .page-map{height:120px;}
}



.leftContent .right-extra,
.leftContent .right-extra>.spec-preview{
    width:45%;
}


@media screen and (max-width:768px){
    .worlds2 p img,
    .worlds2 table img,
    .worlds2 table,
    .worlds2 video,
    .worlds2 frame{
        width: 100%!important;
        height: auto!important;
    }
}

.focus-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.focus-list a {
    margin: 0 6px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.focus-list a:hover {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px);
}
/* 2018-12-3 18:10:02 */
.newsContent h2{
    font-size: 18px;
    font-weight: normal;
    line-height: 1.3;
    color: #363636;
    margin: 0 0 10px;
    width: 100%;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: bold;
}
.newsContent h2 a {
    color: #363636;
}
.newsContent h2 a:hover {
    color: #666;
}
.faqBox .newsContent .tit {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.3;
    color: #363636;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
}
.faqBox .newsContent .tit span {
    overflow: hidden;
    display: block !important;
    line-height: 41px;
}
.icon-faq1,
.icon-faq2 {
    /*display: inline-block;*/
    float: left;
    width: 41px;
    height: 41px;
    vertical-align: middle;
    margin-right: 12px;
}
.icon-faq1 {
    background: url(../images/q.png) no-repeat center;
    background-size: contain;
}
.icon-faq2 {
    /*float: left;*/
    background: url(../images/a.png) no-repeat center;
    background-size: contain;
}
@media (max-width:991px){
    .mainBox .leftContent .newsBox .newslist2 .newslist2 .newsContent h2{
        text-align: center;
    }
	.spec-scroll{display:flex;width: 100%;margin: 0;float: none;}
    .spec-scroll .items{float:none;position:static;width: 100%;overflow:hidden;height: auto;}
    .spec-scroll .items ul{position: static;display: flex; width:100%;height: auto;}
    .spec-scroll .items ul li{height: auto;}
	.spec-preview{width:50%;height:auto;margin-left:0}
	.container{padding:0;margin:0}
	.prdctParameter{margin-right:0}
	.prdctParameter h1{margin-right:0;font-size:1.5rem}
	.prdctParameter .des{margin-right:0;padding-top: 10px;}
	.prdctParameter h6 {
    font-size: 12px;
    font-weight: 100;
    line-height: 1.5;
    color: #7c7c7c;
    border-bottom: 1px solid #e2e2e2;
    padding-right: 50px;
    padding-bottom: 15px;
}
	.xg-product .item{width:98%;}
}
@media (max-width:480px) {
    .spec-scroll{display:flex;width: 100%;margin: 0;float: none;}
    .spec-scroll .items{float:none;position:static;width: 100%;overflow:hidden;height: auto;}
    .spec-scroll .items ul{position: static;display: flex; width:100%;height: auto;}
    .spec-scroll .items ul li{height: auto;}
    .spec-preview{width: 100%;}
}
/* 20181206 */
.worlds2 h1 {
    font-size: 2em;
}
.worlds2 ul {
    padding: 0 40px;
}
.worlds2 ul li {
    list-style: disc outside none;
}
.midas {margin-top:20px;}
.worldsBox p {padding:15px;line-height:25px;}



/*news list*/
.newsBox {
    padding-top: 50px;
}


@media screen and (max-width:1600px) {
    .swiper-exhibition-history h6 {
        font-size: 14px;
    }
    .product-wrap .sidebar {
        width: 260px;
    }
    .product-list {
        width: calc(100% - 300px);
    }
    .product-wrap .sidebar {
        /*height: 762px;*/
    }
    .product-wrap .sidebar ul li {
        font-size: 14px;
        height: 62px;
        padding-left: 10px;
    }
    .product-wrap .sidebar h3 {
        padding: 20px 0 20px 10px
    }
    .about-wrap .video-box img {
        max-width: none;
        margin-left: -100px;
    }

    .about-history .title-wrap {
        max-width: 100%;
    }
    .history-list-left,
    .history-list-right,
    .history-item {
        position: relative;
        left: unset !important;
        bottom: unset !important;
        right: unset !important;
        top: unset !important;
    }
    .about-history {
        min-height: auto;
        padding-bottom: 60px;
        background: url(../images/about-bg2.png) no-repeat bottom;
        background-size: contain;
    }
    .history-list-left,
    .history-list-right {
        width: 50%;
        float: left;
    }
    .history-item {
        float: left;
        width: 33.33333%;
        margin-bottom: 20px;
        padding: 0 10px;
    }
    .history-item h4 {
        display: block;
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 10px;
        color: #666;
    }
    /*.spec-preview {
        width: 100%;
        height: auto;
    }*/
}
@media screen and (max-width:1200px) {
    .leftContent .right-extra, .leftContent .right-extra>.spec-preview {
        width: 100%;
    }
    .prdctParameter {
        width: 100%;
        margin-top: 30px;
    }
    .container {
        width: 94%;
    }
    .product-wrap .sidebar {
        height: auto;
        float: none;
        width: 100%;
    }
    .product-wrap .sidebar ul {
        display: flex;
        flex-wrap: nowrap;
    }
    .product-wrap .sidebar ul li {
        width: 25%;
    }
    .product-wrap .sidebar ul li .pic {
        margin-right: 10px;
    }
    .product-list {
        float: none;
        margin-top: 15px;
        width: 100%;
    }
    .index-partner ul li {
        overflow: visible;
        padding: 0 15px;
    }
    .footer-top .footer-top-bar {
        padding-right: 30px;
    }
}
@media (max-width: 1000px) {
    .mainheder {
        height: 76px;
    }
}
@media screen and (max-width:992px) {
    .container {
        width: 94%;
    }
    .about-wrap .video-box img {
        max-width: none;
        margin-left: 0;
        width: 100% !important;
        height: 100% !important;
    }
    .about-wrap .cont {
        padding-left: 0;
        margin-top: 20px;
    }
    .product-wrap .sidebar ul li {
        font-size: 12px;
    }
}
@media screen and (max-width:768px) {
    .container {
        width: 96%;
    margin: auto;
    }
    .mainheder {
        height: 65px;
    }
    .title-big h2 {
        font-size: 24px;
        color: #363636;
    }
    .footer-top {
        display: block;
    }
    .footer-top {
        padding: 40px 0 10px 0;
    }
    .footer-top h4 {
        margin-bottom: 10px;
    }
    .footer-top {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .footer-top .footer-top-bar {
        margin-bottom: 20px;
        width: 50%;
    }
    .footer-bottom span.fl,
    .footer-bottom .fr {
        text-align: center;
        float: none;
        width: 100%;
        display: block;
        text-align: center;
        margin: 0 auto;
        line-height: 2;
    }
    .footer-top .footer-top-bar {
        padding-right: 0;
    }
    .footer-top .footer-top-contact li {
        width: 100%;
    }
    .footer-bottom .fr .link {
        display: inline-block;
        margin: 0 auto;
        float: unset;
        width: 100%;
        text-align: center;
    }
    .footer-bottom .fr .others {
        display: inline-block;
        margin: 0 auto;
        float: unset;
        width: 100%;
        text-align: center;
    }
    .index-partner {
        padding: 30px 15px 10px;
    }
    .index-partner ul {
        flex-wrap: wrap;
        margin-top: 30px;
    }
    .index-partner ul li {
        width: 33.3333%;
        margin-bottom: 20px;
    }
    .index-partner ul li:last-child {
        display: none;
    }
    .title-wrap {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .blog-item {
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
    .index-blog {
        padding-bottom: 15px;
    }
    .blog-item .pic {
        width: 100%;
    }
    .blog-item .pic a {
        display: block;
        width: 100%;
    }
    .blog-item .cont {
        padding-left: 0;
        padding-top: 15px;
    }
    .blog-item .cont .date {
        margin:10px 0;
    }
    .blog-item .cont p {
        line-height: 1.4;
        margin-bottom: 10px;
    }
    .about-wrap {
        padding: 15px 0 15px;
        background-color: #ffffff;
        box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.07);
        width: 100%;
        margin: 0 auto;
    }
    .about-wrap .cont img {
        width: 100%;
    }
    .muscle-tit {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .muscle-tit .item {
        width: 50%;
        position: relative;
        height: 50px;
        line-height: 50px;
        font-size: 0;
    }
    .muscle-tit .item .tit {
        text-align: left;
        margin-left: 10px;
        font-size: 14px;
        color: #666;
        line-height: 1.3;
    }
    .muscle-item .item p {
        padding-top: 10px;
        padding-bottom: 5px;
        font-size: 12px;
        line-height: 1.3;
        color: #8b8b8b;
    }
    .muscle-tit .item~.item:before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -20px;
        width: 2px;
        height: 50px;
        background-color: #a9a9ac;
        opacity: 0.18;
    }
    .muscle-tit .item-muscle .op {
        width: 10px;
        height: 10px;
        background: url(../images/video.png) no-repeat center;
        background-size: contain;
        margin-left: 15px;
    }
    .muscle-tit .item .img img {
        width: 30px;
    }
    .muscle-tit .item-mail {
        display: none;
    }
    .product-list .item,
    .product-list-wrap .product-list .item {
        margin-bottom: 15px;
    }
    .product-list .abox .tit {
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        color: #8b8b8b;
        text-align: center;
        line-height: 1.4;
    }
    .product-list .abox .tit span {
        line-height: 1.3;
        overflow:hidden; 
        text-overflow:ellipsis;
        display:-webkit-box; 
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2; 
    }
    .product-wrap {
        padding-top: 30px;
    }
    .product-list-wrap {
        padding-bottom: 40px;
    }
    .product-list-wrap .pages {
        padding-top: 15px;
    }
    .pages a {
        font-size: 12px;
    }
    .pages li:nth-child(2),
    .pages li:last-child {
        display: none;
    }
    .product-wrap .sidebar h3 {
        padding: 10px 0 10px 0px;
        font-size: 16px;
    }
    .product-wrap .sidebar ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .product-wrap .sidebar ul li {
        padding-left: 0;
        width: 50%;
    }
    .product-wrap .sidebar {
        padding: 5px 15px 5px;
    }
    .product-wrap .sidebar ul li {
        height: 48px;
    }
    .product-wrap .sidebar ul li .pic {
        width: 25px;
    }
    .product-wrap .sidebar ul li .pic img {
        width: 25px;
    }


    .sort-banner h2 {
        font-size: 24px;
        line-height: 1.3;
    }
    .sort-banner p {
        text-align: center;
        font-size: 14px;
        line-height: 1.4;
        padding: 0 20px;
    }
    .about-history {
        padding-bottom: 50px;
    }
    .about-product {
        padding-bottom: 20px;
    }
    .about-sample-room {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .about-qualification-list {
        /*display: block;*/
    }
    .about-qualification-list div {
        width: 50%;
    }
    .about-product-list li {
        width: 50%;
    }
    .about-sample-room {
        padding: 30px 15px;
    }
    .about-sample-right {
        margin: 0 auto;
        width: 100%;
    }
    .about-sample-right a {
        padding: 0;
        margin-bottom: 10px;
    }
    .about-history {
        background: #f5f5f5;
        margin-top: 40px;
        padding-bottom: 20px;
    }
    .about-history .title-wrap {
        max-width: 100%;
    }
    .history-list-left,
    .history-list-right,
    .history-item {
        position: relative;
        left: unset !important;
        bottom: unset !important;
        right: unset !important;
        top: unset !important;
    }
    .history-item {
        width: 100%;
        margin-bottom: 20px;
    }
    .history-item h4 {
        display: block;
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 10px;
        color: #666;
    }


    .exhibition-body h3 {
        line-height: 26px;
    }
    .exhibition-list-five li {
        width: 100%;
        margin-bottom: 10px;
    }
    .exhibition-list-three li {
        width: 100%;
        margin-bottom: 10px;
    }
    .exhibition-list-six li {
        width: 50%;
        margin-bottom: 10px;
    }
    .leftContent,
    .leftContent .right-extra,
    .prdctParameter {
        width: 100%;
        height: auto;
    }
    /*.spec-scroll .items ul {
        margin-top: 15px;
        position: static;
        width: 100%;
        height: auto;
        display: flex;
        flex-wrap: nowrap;
    }
    .spec-preview {
        width: 100%;
        height: auto;
    }*/
    .prdctParameter {
        margin-top: 30px;
    }
    .xg-product {
        position: relative;
        padding: 40px 0 40px;
    }
    .xg-content-wrap {
        padding: 0;
    }
    .xg-product .next, .xg-product .prev {
        display: none;
    }
    .productTab {
        padding: 2%;
        background: #f9f9f9;
        padding: 15px 15px 30px;
        margin: 0 -15px 40px;
    }
    .prdtTab {
       
    }
    .prdtTab li ~ li {
        margin-left: 0;
    }
    .prdtTab li {
		width:48%;float:left;
        text-align:center;
        margin: 1%;
    }
	.prdtTab li a{width:100%;}
    .prdtTab {
    margin: 0;
    padding-top: 30px;
    padding-left: 0px;
	padding-bottom: 50px;
    width: 100%;}
    .leftContent {
        padding: 0;
        padding-top: 30px;
    }
    .product-faq {
        padding: 20px 15px 20px !important;
    }
    .form-detail {
        margin: 0 !important;
        background: #fff;
        padding: 20px 15px 15px;
    }
    .prdtCaseing h2 {
        font-size: 24px;
    }
    .zoomdiv {
        display: none !important;
    }
    .xg-product h3 {
        font-size: 24px;
        color: #363636;
        margin-bottom: 25px;
    }
    .xg-product h3 i {
        width: 20px;
        height: 20px;
    }
}
@media screen and (max-width:767px) {
    .exhibition-page:after {
        top: 148px;
    }
    .swiper-exhibition-history h6 {
        height: 32px;
    }
    .formBox input {
        width: 100% !important;
        float: none !important;
    }
    .footer-top .footer-top-bar,
    .rgtSild,
    .leftContent{
        float: none;
        width:100%;
    }
    .newspic,
    .newsContent,
    .msgPad .contactIformation,
    .formBox {
        width: 100%;
        float: none;
    }
    .newslist {
        margin: 0 0 20px;
        background-color: #f9f9f9;
        padding: 20px 20px;
    }
    .leftContent {
        border: none;
    }
    .newsdtlheaed {
        margin: 40px 0 40px;
    }
    .pageBtn {
        margin: 0;
    }
    .rgtSild {
        padding: 30px 0px 0 0;
    }
    .footer-top .footer-top-bar:nth-child(1),
    .footer-top .footer-top-bar:nth-child(2),
    .footer-top .footer-top-bar:nth-child(3),
    .footer-top .footer-top-bar:nth-child(4) {
        display: none;
    }
    .msgPad2 {
        margin: 50px 0;
    }
    .writeUs p {
        line-height: 1.5;
    }
    .formBox2 {
        margin-top: 40px;
    }
    .newsBox {
        padding-top: 0px;
    }
    .faqBox .newslist {
        padding: 20px;
    }
    .icon-faq1, .icon-faq2 {
        width: 25px;
        height: 25px;
    }
    .faqBox .newsContent .tit span {
        line-height: 1.5;
    }
    .about-wrap .cont .des p {
        margin-bottom: 10px;
    }
    .title-big p br {
        display: none;
    }
    .history-list-left, .history-list-right,
    .history-list-left, .history-list-right {
        width: 100%;
        float: none;
    }
    .history-item .item-text p {
        line-height: 1.5;
    }
    .swiper-exhibition-history a {
        padding-bottom: 20px;
    }
}



/*内页调整*/
.about-wrap .video .play {
    position: absolute;
    right: 5%;
    bottom: 5%;
    border: 2px solid #fff;
    border-radius: 100%;
    display: flex;
    width: 3rem;
    height: 3rem;
    font-size: 2rem;
    color: #fff;
    cursor: pointer;
}
.about-wrap .video .play svg {
    margin: auto;
    padding-left: 0.2rem;
}
.about-wrap .video .play:hover {
    color: #666;
    border: 2px solid #ea5432;
}
.page-history{
    overflow: hidden;
}