/*banner*/


.indexFlash{ max-width: 1680px; min-width: 1130px; height: 415px; margin: 0 auto; position:relative;}
.indexFlash .img{display:block; height:415px;}
.indexFlash .slick-dots{position:absolute; z-index:10; left:50%; bottom:24px; margin-left: -600px; }
.indexFlash .slick-dots li{display:inline-block; margin-right: 7px; cursor:pointer; width: 9px; height: 9px; border-radius: 13px; border: 2px solid #696969;
-ms-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms;transition:background-color 500ms, margin-top 500ms;transition:background-color 1000ms, margin-top 500ms, border-color 1000ms;-webkit-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms;-moz-transition:background-color 1000ms,  margin-top 500ms, border-color 1000ms;-o-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms;}
.indexFlash .slick-dots .slick-active{ background-color:#fff; border-color:#fff;}


/*banner结束*/

.bannerTel{ display: none; }
.indexFlashTel{position:relative; overflow:hidden; max-width:1004px;}
.indexFlashTel .slick img{ width:100%;}
.indexFlashTel .slick-dots{position:absolute; z-index:10; left:0.56rem; bottom:1.0rem; }
.indexFlashTel .slick-dots li{display:inline-block; margin-right: 0.07rem; cursor:pointer; width: 0.09rem; height: 0.09rem; border-radius: 0.13rem; border: 2px solid #696969;
-ms-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms;transition:background-color 500ms, margin-top 500ms;transition:background-color 1000ms, margin-top 500ms, border-color 1000ms;-webkit-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms;-moz-transition:background-color 1000ms,  margin-top 500ms, border-color 1000ms;-o-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms;}
.indexFlashTel .slick-dots .slick-active{ background-color:#fff; border-color:#fff;}

.indexPart1{ padding: 40px 0 25px; overflow: hidden; }
.indexPart1 .leftDiv{ width: 600px; }
.indexPart1 .leftDiv .name{ height: 26px; line-height: 26px; overflow: hidden; font-weight: bold; color: #4c4d4e; font-size: 18px; transition:All 0.3s ease; }
.indexPart1 .leftDiv:hover .name{ color: #000; }
.indexPart1 .leftDiv .content{ padding-top: 28px; line-height: 22px; color: #909090; font-size: 13px; height: 66px; overflow: hidden; }
.indexPart1 .rightDiv{ width: 565px; }
.indexPart1 .tab2{ height: 34px; position: relative; overflow: hidden;}
.indexPart1 .tab2:after{ content: ''; width: 100%; height: 2px; background: #dedfe2; position: absolute; left: 0px; bottom: 0px; }
.indexPart1 .tab2 li{ height: 34px; float: left; margin-right: 28px; font-weight: bold; font-size: 14px; color: #747474; position: relative; }
.indexPart1 .tab2 li:after{ z-index: 2; content: ''; position: absolute; left: 0px; bottom: 0px; width: 0px; height: 2px; background: #000;-webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;}
.indexPart1 .tab2 .liNow:after{ width: 100%; }
.indexPart1 .list{ padding-top: 18px; }
.indexPart1 .list li{ font-size: 13px; height: 23px; line-height: 23px; overflow: hidden; }
.indexPart1 .list li a{ display: block; color: #909090; position: relative; padding-left: 82px; height: 23px; line-height: 23px; overflow: hidden; transition:All 0.3s ease; }
.indexPart1 .list li em{ position: absolute; left: 0px; top: 0px; }
.indexPart1 .list li a:hover{ color: #000; }

.indexPart2{ height: 160px; background: #eef0f3; margin-bottom: 25px; overflow: hidden;}
.indexPart2 .links a{ display: block; float: left; }

.case{ padding: 86px 0 30px;}
.case .list ul{ margin-right: -33px; }
.case .list li{ float: left; width: 33.33%; margin-bottom: 43px; }
.case .list li .box{ margin-right: 33px; }
.case .list li .imgDiv{ position: relative; }
.case .list li .imgDiv img{ width: 100%; }
.case .list li .botDiv{ padding: 0 22px; height: 180px; background: #f7f7f7; transition:All 0.3s ease;}
.case .list li .hideBox{ position: absolute; left: 0px; top: 0px; width: 100%; display: none; z-index: 2; background: rgba(0,0,0,0.6); }
.case .list li .name{ padding-top: 20px; height: 40px; line-height: 40px; overflow: hidden; font-size: 24px; color: #434343; overflow: hidden; transition:All 0.3s ease;}
.case .list li .content{ font-size: 14px; color: #999898; line-height: 24px; height: 72px; padding-top: 8px; overflow: hidden; }
.case .list li .btnDiv{ width: 160px; height: 45px; position: absolute; left: 50%; margin-left: -81px; top: 50%; margin-top: -22px; border: #fff solid 1px; text-align: center; line-height: 45px; font-size: 14px; text-transform: uppercase; color: #fff; }
.case .list li:hover .botDiv{ background: #000; }
.case .list li:hover .name{ color: #fff; }

.caseShow{ padding: 0 150px 50px; }
.caseShow .c-name{ text-align: center; font-size: 24px; color: #434343; font-weight: bold; padding-bottom: 10px; }
.caseShow .e-name{ text-align: center; height: 42px; color: #d7d7d7; font-size: 24px; position: relative; text-transform: uppercase;}
.caseShow .e-name:after{ content: ''; position: absolute; left: 50%; margin-left: -12px; bottom: 0; width: 23px; height: 3px; background: #434343; }
.caseShow .imgDiv{ padding: 80px 0 50px; text-align: center; }
.caseShow .share{ padding-bottom: 70px; }
.caseShow .share li{ float: left; margin-right: 6px; }

.piece{ text-align: center; margin:0 -30px;}
.piece a{ display: inline-block; width: 256px; height: 46px; line-height: 46px; border: #fff solid 1px; border-radius: 64px; text-align: center; font-size: 14px; color: #777777; margin: 0 30px;box-shadow: 0 0 15px rgba(129,129,129,0.2); }
.piece2 a{ width: 226px; }
.piece .list{ background: #fff url(../images/ico6.png) no-repeat 80px center; text-align: left; text-indent: 102px; }
.piece .list:hover{ background: #fff url(../images/ico6on.png) no-repeat 80px center; border: #000 solid 1px;}
.piece .prev{ background: #fff url(../images/limg8_left.png) no-repeat 60px center; }
.piece .prev:hover{ background: #fff url(../images/limg8_lefton.png) no-repeat 60px center; border: #000 solid 1px; }
.piece .next{ background: #fff url(../images/limg8_right.png) no-repeat 188px center; }
.piece .next:hover{ background: #fff url(../images/limg8_righton.png) no-repeat 188px center; border: #000 solid 1px; }

.news{ padding: 20px 0 0; }
.news .detail{ padding-left: 664px; position: relative; height: 444px; padding-bottom: 80px; border-bottom: #ccc solid 1px;}
.news .detail .imgDiv{ position: absolute; left:0px; top: 0px; }
.news .detail .name{ padding-top: 70px; height:42px; line-height: 42px; overflow: hidden; font-size: 22px; }
.news .detail .name a{ color: #4d4d4d; }
.news .detail .name a:hover{ color: #000; }
.news .detail .content{ padding-top: 35px; line-height: 30px; height: 90px; overflow: hidden; color: #909090; font-size: 13px;}
.news .detail .time{ padding-top: 45px; color: #b8b7b7; }
.news .list{ padding-top: 98px; overflow: hidden;}
.news .list ul{ margin-right: -110px; }
.news .list li{ float: left; width: 33.33%; margin-bottom: 120px;}
.news .list li .box{ margin-right: 110px; }
.news .list li .imgDiv{ position: relative; }
.news .list li .imgDiv img{ width: 100%; height:254px;}
.news .list li .name{ padding-top: 40px; height: 38px; line-height: 38px; font-size: 16px; font-weight: bold; overflow: hidden;}
.news .list li .name a{ color: #353535; }
.news .list li .name a:hover{ text-decoration: underline; }
.news .list li .content{ padding-top: 20px; line-height: 28px; height: 56px; overflow: hidden; color: #949494; }
.news .list li .botDiv{ padding-top: 45px; position: relative;}
.news .list li .time{ color: #bfbfbf; }
.news .list li .add{ position: absolute; right: 0px; top: 45px; width: 11px; height: 11px;}
.news .list li .hideBox{ position: absolute; left: 0px; top: 0px; display: none; width: 100%; z-index: 2; background: url(../images/bg2.png) repeat;}
.news .list li .more{ position: absolute; left: 50%; top: 50%; margin-top: -24px; width: 223px; height: 48px; margin-left: -111px; }
.news .list li .more a{ display: block; width: 223px; height: 48px; line-height: 48px; text-align: center; background: url(../images/nimg223Bg.png) no-repeat; font-size: 14px; color: #fff; font-weight: bold;}

.newShow{ padding-bottom: 30px; }
.newShow .name{ font-size: 22px; color: #4d4d4d; padding-bottom: 20px; }
.newShow .time{ border-bottom: #f2f2f2 solid 1px; padding-bottom: 30px; color: #b8b7b7; }
.newShow .content{ font-size: 13px; line-height: 30px; padding: 50px 0; }
.newShow .content b{ display: block; }
.newShow .imgDiv{ padding: 10px 0 50px; text-align: center; }
.newShow .share{ padding-bottom: 70px; }
.newShow .share li{ float: left; margin-right: 6px; }
    .newShow .content img,.newShow .content input
    {
        width:100% !important;
        height:auto !important;
    }
.sideNews li{ border-bottom: #7f7f7f solid 1px; padding-bottom: 30px; margin-bottom: 48px;}
.sideNews li .name{ font-size: 14px; color: #4d4d4d; line-height: 30px; height: 60px; overflow: hidden; padding-top: 10px; }
.sideNews li .time{ color: #353535; padding-top: 20px; }

.g-wrap {
    position: relative;
    margin: 0 auto;
    width: 1200px;
    height: 100%;
    overflow: hidden;
}

/* 滑块 start */
#subjects {height:160px; background-color:#eef0f3;}
#subjects .g-wrap a {position:absolute; top:0; left:100%; width:100%; height:100%; overflow:hidden; -webkit-opacity:1; opacity:1; display:block\9; -webkit-transition:left 300ms, -webkit-opacity 700ms; transition:left 300ms, opacity 700ms;}
#subjects .g-wrap .item-1 {z-index:1; background-color:#c8c8c8;}
#subjects .g-wrap .item-2 {z-index:2; background-color:#ffd900;}
#subjects .g-wrap .item-3 {z-index:3; background-color:#fc433e;}
#subjects .g-wrap .item-4 {z-index:4; background-color:#2d2d58;}
#subjects .g-wrap a span {position:absolute; background:no-repeat 0 0;}
#subjects .g-wrap .p2 {-webkit-opacity:0; opacity:0; display:none\9; -webkit-transition:-webkit-opacity 400ms; transition:opacity 400ms;}
#subjects .g-wrap .item-1 .p1 {left:0; top:0; width:528px; height:160px;}

#subjects .g-wrap .item-2 .p1 {left:0; top:0; width:528px; height:160px;}
/*#subjects .g-wrap .item-2 .p2 {left:250px; top:26px;}*/
#subjects .g-wrap .item-3 .p1 {left:0; top:0; width:528px; height:160px;}
/*#subjects .g-wrap .item-3 .p2 {left:150px; width:282px; height:122px;}*/
#subjects .g-wrap .item-4 .p1 {left:0; top:0; width:528px; height:160px;}
/*#subjects .g-wrap .item-4 .p2 {left:227px; top:21px; width:245px; height:122px;}*/

/*#subjects*/
#subjects .trans a {-webkit-opacity:0; opacity:0; display:none\9;}

/* 逐个出现 */
#subjects .ready .item-2 {transition-delay:150ms; -webkit-transition-delay:150ms; -ms-transition-delay:150ms; -moz-transition-delay:150ms;}
#subjects .ready .item-3 {transition-delay:150ms; -webkit-transition-delay:300ms; -ms-transition-delay:300ms; -moz-transition-delay:300ms;}
#subjects .ready .item-4 {transition-delay:150ms; -webkit-transition-delay:450ms; -ms-transition-delay:450ms; -moz-transition-delay:450ms;}

/* 没有指向 */
#subjects .state-0 .item-1 {left:0;}
#subjects .state-0 .item-2 {left:308px;}
#subjects .state-0 .item-3 {left:546px;}
#subjects .state-0 .item-4 {left:920px;}
/* 指向第一个 */
#subjects .state-1 .item-1 {left:0;}
#subjects .state-1 .item-2 {left:528px;}
#subjects .state-1 .item-3 {left:705px;}
#subjects .state-1 .item-4 {left:917px;}
/*#subjects .state-1 .item-1 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}*/
/* 指向第二个 */
#subjects .state-2 .item-1 {left:0;}
#subjects .state-2 .item-2 {left:212px;}
#subjects .state-2 .item-3 {left:705px;}
#subjects .state-2 .item-4 {left:917px;}
/*#subjects .state-2 .item-2 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}*/
/* 指向第三个 */
#subjects .state-3 .item-1 {left:0;}
#subjects .state-3 .item-2 {left:212px;}
#subjects .state-3 .item-3 {left:425px;}
#subjects .state-3 .item-4 {left:917px;}
/*#subjects .state-3 .item-3 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}*/
/* 指向第四个 */
#subjects .state-4 .item-1 {left:0;}
#subjects .state-4 .item-2 {left:212px;}
#subjects .state-4 .item-3 {left:425px;}
#subjects .state-4 .item-4 {left:687px;}
/*#subjects .state-4 .item-4 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}*/
/* 滑块 end */

.brand{ padding: 12px 0 40px; }
.brand .list{ overflow: hidden; }
.brand .list ul{ margin-right: -12px; }
.brand .list li{ float: left; width: 33.33%; margin-bottom: 12px; }
.brand .list li .box{ margin-right: 12px; position: relative; }
.brand .list li .imgDiv img{ width: 100%; }
.brand .list li .hideBox{ display: none; position: absolute; left: 0px; top: 0px; width: 100%; z-index: 2; background: rgba(0,0,0,0.6); }
.brand .list li .more{ margin-top: 15px; font-size: 20px; color: #fff; }
.brand .list li .more img{ padding-left: 18px; position: relative; top: -2px; }
.brand .list li .layerDiv{ position: absolute; left: 0px; top: 10%; width: 100%; text-align: center; }

.pinpai .list li{ overflow:hidden; background: #fafafa;}
.pinpai .list li .bigBox{ width:50%;}
.pinpai .list li .imgDiv{ width:50%; position:relative;}
.pinpai .list li .imgDiv img{ width:100%;}
.pinpai .list li .contentBox{ padding:120px 80px 0 10%;}
.pinpai .list li .topDiv{ position:relative; height:40px;}
.pinpai .list li .name{ font-size:20px; color:#4c4d4e; font-weight:bold; position:relative; height:40px;}
.pinpai .list li .name em{ position:absolute; left:0px; bottom:0px; width:15px; height:3px; display:block; background:#4c4d4e;}
.pinpai .list li .ico{ position:absolute; right:0px; top:0px;}
.pinpai .list li .content{ padding-top: 35px; font-size:15px; line-height:26px; height:130px; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.pinpai .list li .btnDiv{ padding-top:30px;}
.pinpai .list li .btnDiv a{ display:block; width:162px; height:26px; background:url(../images/nimg162Bg.png) no-repeat bottom; text-transform: uppercase; color:#4c4d4e; font-size:14px; font-weight: bold;}
.pinpai .list li .hideBox{ position:absolute; left:0px; top:0px; width:100%; display:none; background:url(../images/bg2.png) repeat; z-index:22;}
.pinpai .list li .hideBox a{ display:block; width:100%; height:100%;}
.pinpai .list li .more{ position:absolute; height:45px; background:url(../images/nimg45_1.png) center top no-repeat; text-align:center; width:45px; left:50%; margin-left:-22px; top:50%; margin-top:-22px;}
.pinpai .list .li01{ background: #fff; }
.pinpai .list .li02{ background:#f0f2f4;}


.about{ padding: 45px 0 60px; }
.about .leftDiv{ width: 656px; }
.about .txt{ font-weight: bold; font-size: 16px; color: #4d4d4d; padding: 25px 0 20px; }
.about .content{ font-size: 13px; line-height: 30px; color: #909090;  }
.about .bigImg{ padding-top: 100px; }

.history{ padding: 80px 0 0 0; }
.history .list{ background: url(../images/line3.png) 8px top repeat-y;}
.history .list li{ margin-bottom: 32px; background:  url(../images/nimg17_1.png) left center no-repeat; padding-left: 80px;}
.history .list li .contentBox{ min-height: 96px; background: #f3f3f3; padding: 0 50px 0 172px; position: relative;}
.history .list li .year{ position: absolute; left: 0px; top: 32px; width: 172px; text-align: center; }
.history .list li .year b{ font-size: 24px; color: #4d4d4d; font-weight: bold; display: block; }
.history .list li .year em{ color: #4d4d4d; text-transform: uppercase; position:relative;}
.history .list li .msgList{ height: 96px; display: table-cell; vertical-align: middle; }
.history .list li .msgList dd{ color: #878686; line-height: 22px; font-size: 13px; font-weight: bold;}

.contact .name{ font-size: 24px; color: #434343; font-weight: bold; padding-bottom: 25px; position: relative; margin-bottom: 50px; }
.contact .name:after{ content: ''; position: absolute; left: 0px; bottom: 0px; width: 23px; height: 3px; background: #434343; }
.contact .list{ position: relative; }
.contact .list:before{ content: ''; width: 1px; height: 100%; background: #eae9ee; position: absolute; left: 50%; margin-left: -1px; }
.contact .list li{ float: left; width: 50%; }
.contact .list li .box{ padding-right: 75px; }
.contact .list .li01 .box{ padding-right: 0px; padding-left: 75px;}
.contact .list li .txt{ font-size: 20px; color: #4c4d4e; padding-bottom: 40px; }
.contact .list li .msg{ font-size: 13px; color: #909090; line-height: 34px; height: 130px;}
.contact .list li .msg2{ padding-top: 55px; }

.job .list{ padding-bottom: 50px; }
.job .list li{ margin-bottom: 42px; background: #f3f3f3; padding: 40px 120px 30px 330px; position: relative; min-height: 100px; transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}
.job .list li a{ display: block; width: 100%; height: 100%; }
.job .list li .leftDiv{ position: absolute; left: 60px; top: 40px; width: 182px; background: url(../images/line5.jpg) right top no-repeat; min-height: 64px;}
.job .list li .name{ position: relative; width: 120px; color: #000; font-size: 22px; line-height: 30px; font-weight: bold; padding-bottom: 15px;}
.job .list li .name em{ position: absolute; left: 0px; bottom: 0px; display: block; width: 19px; height: 3px; background: #000; }
.job .list li .txt{ font-weight: bold; color: #4c4d4e; padding-bottom: 10px; font-size: 18px;}
.job .list li .msg{ line-height: 28px; color: #696969; font-size: 13px;}
.job .list li .hideBox{ display: none;  padding: 30px 0;}
.job .list li .ico{ display: block; position: absolute; right: 25px; bottom: 27px; width: 12px; height: 12px; background: url(../images/ico3.png) no-repeat; }
.job .list li.liNow .ico{ background:url(../images/ico3on.png) no-repeat;}
.job .list li .tel{ margin-top: 42px; background: #000; color: #fff; height: 28px; line-height: 28px; text-align: center; width: 406px;}
.job .list li:hover{-webkit-box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2); box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2); -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}
.job .list li .btnGroup{ padding-top:30px; overflow: hidden;}
.job .list li .btnGroup dd{ float: left; }
.job .list li .btnGroup dd div{ margin-right: 38px; }
.job .list li .btnGroup a {display: block; border-radius: 24px; -moz-border-radius: 24px; font-size: 12px; text-align: center; line-height: 33px; }
.job .list li .btnGroup .btn1{ color:#fff; width: 110px; height: 33px; background:#4c4d4e; border: #4c4d4e solid 1px;}
.job .list li .btnGroup .btn3{ background: #fff; border: #e5e5e5 solid 1px; width: 167px; color: #000; }
.job .list li .btnGroup .btn4{ background: #fff; border: #e5e5e5 solid 1px; width: 167px; color: #000; }
.job .list li .btnGroup a img{ padding-right: 10px; position: relative; top: -2px;}

/*.download{padding:86px 0 30px}
.download .list ul li{min-height:130px;border-bottom:#757576 solid 1px;padding:0 100px 0 440px;position:relative;}
.download .list ul li .imgDiv{position:absolute;left:0px;top:50%;margin-top:-35px;}
.download .list ul li .mxfDiv{padding-top:35px;}
.download .list ul li dl dd{height:28px;line-height:28px;overflow:hidden;position:relative;padding-right:100px;font-size:14px;color:#333;}
.download .list ul li dl dd a{position:absolute;right:0px;top:0px;display:block;font-size:14px;color:#333333;}
.download .list ul li dl dd a:hover{text-decoration:underline;}*/
.download{ padding:86px 0 30px;}
.download .list li{ min-height:130px; border-bottom:#757576 solid 1px; padding:0 100px 0 440px; position:relative;}
.download .list li .imgDiv{ position:absolute; left:0px; top:50%; margin-top:-35px;}
.download .list li .mxfDiv{ padding-top:35px;}
.download .list li dd{ height:28px; line-height:28px; overflow:hidden; position:relative; padding-right:100px; font-size:14px; color:#333;}
.download .list li dd a{ position:absolute; right:0px; top:0px; display:block; font-size:14px;  color:#333333;}
.download .list li dd a:hover{ text-decoration:underline;}

div#allmap{width:526px;height:284px;}
div#allmap1{width:526px;height:284px;}
div#allmap2{width:526px;height:284px;}
div#allmap3{width:526px;height:284px;}


.folliePart1{ padding: 120px 0; overflow: hidden; }
.folliePart1 .leftDiv{ width: 600px; padding-top: 120px; }
.folliePart1 .titleDiv .title1{ font-size: 30px; color: #000; padding-bottom: 10px; }
.folliePart1 .titleDiv .title2{ font-size: 24px; line-height: 24px; position: relative; padding-bottom: 30px;}
.folliePart1 .titleDiv .title2:after{ content: ''; width: 20px; height: 2px; background: #000; position: absolute; left: 0px; bottom: 0; }
.folliePart1 .content{ padding-top: 60px; font-size: 14px; line-height: 30px; }

.folliePart2{ padding: 120px 0; overflow: hidden; background: #f2f2f2;}
.folliePart2 .rightDiv{ width: 600px; padding-top: 100px; }
.folliePart2 .titleDiv .title1{ font-size: 30px; color: #000; padding-bottom: 10px; }
.folliePart2 .titleDiv .title2{ font-size: 24px; line-height: 24px; position: relative; padding-bottom: 30px;}
.folliePart2 .titleDiv .title2:after{ content: ''; width: 20px; height: 2px; background: #000; position: absolute; left: 0px; bottom: 0; }
.folliePart2 .content{ padding-top: 60px; font-size: 14px; line-height: 30px; }

.folliePart3{ padding: 165px 0 100px; background: url(../images/nimg1088Bg.jpg) center 316px no-repeat; }
.folliePart3 .titleDiv{ text-align: center; padding-bottom: 130px;}
.folliePart3 .titleDiv .title1{ font-size: 30px; color: #000; padding-bottom: 10px; }
.folliePart3 .titleDiv .title2{ font-size: 24px; line-height: 24px; position: relative; padding-bottom: 30px;}
.folliePart3 .titleDiv .title2:after{ content: ''; width: 20px; height: 2px; background: #000; position: absolute; left: 50%; margin-left: -10px; bottom: 0; }

.historyBox{ position: relative; background: url(../images/bg5.jpg) left 62px repeat-x; }
.historyPic .slick{ height: 370px; }
.historyPic .slick .mxfDiv{ padding: 0 60px; }
.historyPic .slick .num{ font-size: 30px; line-height: 30px; height: 52px; color: #000; text-align: center;}
.historyPic .slick .ico { padding: 0 0 25px 0;text-align: center; }
.historyPic .slick .wen{ line-height: 28px; font-size: 14px; padding: 20px 20px 0; text-align: center;}
.historyPic .slick-prev{position:absolute; z-index:10; left:-50px; top:50%; top:43px; display:block; background:url(../images/nimg40_left.png) center no-repeat; width:40px; height:40px;}
.historyPic .slick-next{position:absolute; z-index:10; right:-50px; top:50%; top:43px; display:block; background:url(../images/nimg40_right.png) center no-repeat; width:40px; height:40px;}
.historyPic .slick-prev:hover{ background:url(../images/nimg40_lefton.png) center no-repeat;}
.historyPic .slick-next:hover{ background:url(../images/nimg40_righton.png) center no-repeat;}

.folliePart4{ position: relative; overflow: hidden;}
.folliePart4 .bg{ width: 81.25%; position: absolute; left: 0px; top: 0px; background: #f2f2f2; height: 100%; }
.folliePart4 .leftDiv{ position: absolute; left: 50%; margin-left: -600px; width: 600px; }
.folliePart4 .rightImg{ width: 50%; position: relative; z-index: 1; padding: 115px 0; }
.folliePart4 .rightImg img{ width: 100%; }
.folliePart4 .contentBox{ padding-top: 190px; }
.folliePart4 .titleDiv .title1{ font-size: 30px; color: #000; padding-bottom: 10px; }
.folliePart4 .titleDiv .title2{ font-size: 24px; line-height: 24px; position: relative; padding-bottom: 30px;}
.folliePart4 .titleDiv .title2:after{ content: ''; width: 20px; height: 2px; background: #000; position: absolute; left: 0px; bottom: 0; }
.folliePart4 .msg{ font-size: 18px; line-height: 38px; width: 450px; padding-top: 50px; }
.folliePart4 .msg b{ color: #000; }
.folliePart4 .wen{ margin-top: 145px; padding-left: 135px; font-size: 18px; color: #333; position: relative; }
.folliePart4 .wen:before{ content: ''; width: 110px; height: 2px; background: #000; position: absolute; left: 0px; top: 12px; }

.folliePart5{ padding: 120px 0; overflow: hidden;}
.folliePart5 .rightDiv{ width: 600px; padding-top: 45px; }
.folliePart5 .titleDiv .title1{ font-size: 30px; color: #000; padding-bottom: 10px; }
.folliePart5 .titleDiv .title2{ font-size: 24px; line-height: 24px; position: relative; padding-bottom: 30px;}
.folliePart5 .titleDiv .title2:after{ content: ''; width: 20px; height: 2px; background: #000; position: absolute; left: 0px; bottom: 0; }
.folliePart5 .content{ padding: 50px 0 20px; font-size: 18px; line-height: 30px; }
.folliePart5 .txt{ font-size: 18px; color: #000; padding-bottom: 20px; }
.folliePart5 .list li{ padding-left: 13px; font-size: 14px; line-height: 36px; background:url(../images/ico1.jpg) left center no-repeat;}

.folliePart6{ position: relative; overflow: hidden;}
.folliePart6 .bg{ width: 81.25%; position: absolute; right: 0px; top: 0px; background: #f2f2f2; height: 100%; }
.folliePart6 .bigBox{ position: relative; height: 100%; overflow: hidden; }
.folliePart6 .rightDiv{ position: absolute; right: 50%; margin-right: -600px; width: 600px; }
.folliePart6 .leftImg{ width: 50%; position: relative; z-index: 1; padding: 115px 0; }
.folliePart6 .leftImg img{ width: 100%; }
.folliePart6 .contentBox{ padding: 120px 0 0 145px; }
.folliePart6 .titleDiv .title1{ font-size: 30px; color: #000; padding-bottom: 10px; }
.folliePart6 .titleDiv .title2{ font-size: 24px; line-height: 24px; position: relative; padding-bottom: 30px;}
.folliePart6 .titleDiv .title2:after{ content: ''; width: 20px; height: 2px; background: #000; position: absolute; left: 0px; bottom: 0; }
.folliePart6 .content{ font-size: 14px; line-height: 30px; padding-top: 50px; }
.folliePart6 .list{ position: absolute; right: 50%; bottom: 115px; margin-right: -600px; }
.folliePart6 .list li{ float: left; }
.folliePart6 .list li div{ margin-left: 10px; }

.folliePart7{ padding-top: 115px; }
.folliePart7 .titleDiv{ text-align: center; padding-bottom: 80px;}
.folliePart7 .titleDiv .title1{ font-size: 30px; color: #000; padding-bottom: 10px; }
.folliePart7 .titleDiv .title2{ font-size: 24px; line-height: 24px; position: relative; padding-bottom: 30px;}
.folliePart7 .titleDiv .title2:after{ content: ''; width: 20px; height: 2px; background: #000; position: absolute; left: 50%; margin-left: -10px; bottom: 0; }
.folliePart7 .list li{ float: left; width: 20%; }
.folliePart7 .list li .box{ position: relative; }
.folliePart7 .list li .imgDiv img{ width: 100%; }
.folliePart7 .list li .bg{ z-index: 1; position: absolute; left: 0px; top: 0px; background: rgba(0,0,0,0.6); width: 100%; height: 100%; }
.folliePart7 .list li .name{ z-index: 2; position: absolute; left: 0px; width: 100%; text-align: center; top: 50%; height: 30px; line-height: 30px; font-size: 24px; color: #fff; }

.folliePart8{ padding: 120px 0; overflow: hidden; background: #f2f2f2; }
.folliePart8 .leftDiv{ width: 600px; padding-top: 100px; }
.folliePart8 .titleDiv .title1{ font-size: 30px; color: #000; padding-bottom: 10px; }
.folliePart8 .titleDiv .title2{ font-size: 24px; line-height: 24px; position: relative; padding-bottom: 30px;}
.folliePart8 .titleDiv .title2:after{ content: ''; width: 20px; height: 2px; background: #000; position: absolute; left: 0px; bottom: 0; }
.folliePart8 .content{ padding-top: 50px; font-size: 14px; line-height: 30px; }

.folliePart9{ padding: 120px 0 100px; }
.folliePart9 .titleDiv{ text-align: center; padding-bottom: 35px;}
.folliePart9 .titleDiv .title1{ font-size: 30px; color: #000; padding-bottom: 10px; }
.folliePart9 .titleDiv .title2{ font-size: 24px; line-height: 24px; position: relative; padding-bottom: 30px;}
.folliePart9 .titleDiv .title2:after{ content: ''; width: 20px; height: 2px; background: #000; position: absolute; left: 50%; margin-left: -10px; bottom: 0; }
.folliePart9 .msg{ font-size: 14px; line-height: 30px; padding: 0 225px 60px; text-align: center; }

.corePic .slick{ margin: 0 16px; }
.corePic .slick .imgDiv img{ width: 100%; }
.corePic .slick .name{ height: 100px; background: #f2f2f2; padding: 0 30px; font-size: 24px; color: #434343; line-height: 100px; }
.corePic .slick:hover .name{ background: #000; color: #fff; }
.corePic .slick-prev{position:absolute; z-index:10; left:-50px; top:50%; margin-top: -20px; display:block; background:url(../images/nimg40_left.png) center no-repeat; width:40px; height:40px;}
.corePic .slick-next{position:absolute; z-index:10; right:-50px; top:50%; margin-top: -20px; display:block; background:url(../images/nimg40_right.png) center no-repeat; width:40px; height:40px;}
.corePic .slick-prev:hover{ background:url(../images/nimg40_lefton.png) center no-repeat;}
.corePic .slick-next:hover{ background:url(../images/nimg40_righton.png) center no-repeat;}




/*2020.11.6*/

.goods-wrapper .cat-box { width: 200px;}
.goods-wrapper .cat-box .cat-title { font-size: 30px; color: #000; border-bottom: 2px solid #000; padding-bottom: 5px; margin-bottom: 25px;}
.goods-wrapper .cat-box .list .name { font-size: 24px; color: #000; margin-bottom: 20px;}
.goods-wrapper .cat-box .list ul li { margin-bottom: 16px; font-size: 15px;}
.goods-wrapper .cat-box .list ul li a { display: block; color: #000;}
.goods-wrapper .cat-box .list ul li.on a,
.goods-wrapper .cat-box .list ul li:hover a { font-weight: 700;}
.goods-wrapper .goods-box { width: 940px;}
.goods-wrapper .goods-box .title-box { display: flex; justify-content: space-between;}
.goods-wrapper .goods-box .title-box .goods-num { flex: 1; font-size: 30px; color: #000; padding-top: 4px;}
.goods-wrapper .goods-box .title-box .condition { display: none;}
.goods-wrapper .goods-box .title-box .goods-type {box-sizing: border-box; width: 198px; height: 48px; font-size: 18px; color: #666; border: 1px solid #d2d2d2; padding: 0 24px; appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; outline: none; background: url("../images/traggle.png") no-repeat scroll 93% center #ffffff;}
.goods-wrapper .goods-box .list { padding: 35px 0; }
.goods-wrapper .goods-box ul{ margin-right: -30px; }
.goods-wrapper .goods-box ul li { float: left; width: 33.33%; padding-bottom: 30px; }
.goods-wrapper .goods-box ul li .box { margin-right: 30px; position: relative; background: #f7f7f7; overflow: hidden;}
.goods-wrapper .goods-box ul li .box:hover .shadow { bottom: 0;}
.goods-wrapper .goods-box ul li a:hover .info { opacity: 0;}
.goods-wrapper .goods-box ul li a:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);}
.goods-wrapper .goods-box ul li .img { width: 100%; overflow: hidden;}
.goods-wrapper .goods-box ul li .img img { width: 100%; object-fit: contain; transition: all .3s ease; -webkit-transition: all .3s ease;}
.goods-wrapper .goods-box ul li .info { padding: 0 20px 30px;}
.goods-wrapper .goods-box ul li .info .name { font-size: 18px; text-align: center; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 30px; height: 60px;}
.goods-wrapper .goods-box ul li .info p { font-size: 16px; text-align: center; color: #666; margin-top: 10px;}
.goods-wrapper .goods-box ul li .shadow { position: absolute; left: 0; bottom: -100%; background: #ff6b00; color: #fff; width: 100%; height: 100%; text-align: center; transition: all .3s ease; -webkit-transition: all .3s ease;}
.goods-wrapper .goods-box ul li .shadow .layer{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; }
.goods-wrapper .goods-box ul li .shadow .name { font-size: 18px; line-height: 18px;}
.goods-wrapper .goods-box ul li .shadow .more { width: 110px; height: 42px; line-height: 42px; margin: 0 auto; text-align: center; border: 1px solid #fff; font-size: 14px; margin-top: 35px;}

.goods-wrapper .goods-box .title-box .category-box { text-align: center; margin-bottom: 20px;}
.goods-wrapper .goods-box .category-box .name { color: #000; font-size: 24px;}
.goods-wrapper .goods-box .category-box p{ font-size: 16px; color: #666; margin-top: 5px;}

.goodsInfo-wrapper { padding: 80px 0;}
.goodsInfo-wrapper .goods-info-box{ overflow: hidden; }
.goodsInfo-wrapper .goods-info-box .pic-box { width: 700px; }
.goodsInfo-wrapper .goods-info-box .pic-box .thumbs-box { width: 100px;}
.goodsInfo-wrapper .goods-info-box .pic-box .thumbs-box a { display: block; width: 100%; background: #fff; border: 1px solid #eaeaea; margin-bottom: 15px;}
.goodsInfo-wrapper .goods-info-box .pic-box .thumbs-box a:hover,
.goodsInfo-wrapper .goods-info-box .pic-box .thumbs-box a.on { border-color: #333;}
.goodsInfo-wrapper .goods-info-box .pic-box .thumbs-box a img { width: 100%; height: 100px; object-fit: contain;}
.goodsInfo-wrapper .goods-info-box .pic-box .show-box { width: 560px; border: 1px solid #eaeaea;}
.goodsInfo-wrapper .goods-info-box .pic-box .show-box a { display: block; padding: 0 20px; text-align: center;}
.goodsInfo-wrapper .goods-info-box .pic-box .show-box a img { max-width: 100%; height: auto;}

.goodsInfo-wrapper .goods-info-box .info-box { width: 460px; padding-top: 45px;}
.goodsInfo-wrapper .goods-info-box .info-box .name { font-size: 30px; color: #000; line-height: 30px;}
.goodsInfo-wrapper .goods-info-box .info-box .price { font-size: 24px; color: #000; line-height: 24px; font-family: Arial; margin-top: 20px;}
.goodsInfo-wrapper .goods-info-box .info-box .brief { font-size: 16px; color: #666; line-height: 30px; margin: 50px 0 60px; border-top: 1px solid #eaeaea; padding-top: 35px;}
.goodsInfo-wrapper .goods-info-box .info-box .brief .name{ font-size: 16px; color: #666; }
.goodsInfo-wrapper .goods-info-box .info-box .opearative-btn { display: flex;}
.goodsInfo-wrapper .goods-info-box .info-box .opearative-btn a { display: block; flex: 0 0 55px; height: 25px; line-height: 25px; font-size: 16px; color: #333; font-weight: 700; font-family: Arial;}
.goodsInfo-wrapper .goods-info-box .info-box .opearative-btn a.menu { border: 1px solid #bcbcbc; border-top: 0; border-bottom: 0; background: url(../images/i-menu.png) no-repeat center center;}
.goodsInfo-wrapper .goods-info-box .info-box .opearative-btn a.prev { text-align: right; padding-right: 15px; padding-left: 40px; background: url(../images/i-left.png) no-repeat left center; transition: all .3s ease; -webkit-transition: all .3s ease;}
.goodsInfo-wrapper .goods-info-box .info-box .opearative-btn a.prev:hover { transform: translateX(-5px); -webkit-transform: translateX(-5px); -moz-transform: translateX(-5px); -o-transform: translateX(-5px);}
.goodsInfo-wrapper .goods-info-box .info-box .opearative-btn a.next { text-align: left; padding-left: 15px; padding-right: 40px; background: url(../images/i-right.png) no-repeat right center; transition: all .3s ease; -webkit-transition: all .3s ease;}
.goodsInfo-wrapper .goods-info-box .info-box .opearative-btn a.next:hover { transform: translateX(5px); -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -o-transform: translateX(5px);}

.goodsInfo-wrapper .relative-goods-box { margin-top: 100px; border-top: 1px solid #eaeaea;}
.goodsInfo-wrapper .relative-goods-box .title-box { width: 220px; margin: 60px auto 40px; position: relative; text-align: center;}
.goodsInfo-wrapper .relative-goods-box .title-box span { display: inline-block; position: relative; z-index: 11; color: #333; font-size: 30px; background: #fff; padding: 0 10px;}
.goodsInfo-wrapper .relative-goods-box .title-box:before { content: ''; display: block; width: 100%; height: 1px; background: #eaeaea; position: absolute; left: 0; top: 50%; z-index: 10;}

.goods-swiper-container .swiper-slide { position: relative; background: #f7f7f7; overflow: hidden;}
.goods-swiper-container .swiper-slide:hover .shadow { bottom: 0;}
.goods-swiper-container .swiper-slide a:hover .info { opacity: 0;}
.goods-swiper-container .swiper-slide a:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);}
.goods-swiper-container .swiper-slide .img { width: 100%; overflow: hidden;}
.goods-swiper-container .swiper-slide .img img { width: 100%; object-fit: contain; transition: all .3s ease; -webkit-transition: all .3s ease;}
.goods-swiper-container .swiper-slide .info { padding: 0 20px 30px;}
.goods-swiper-container .swiper-slide .info .name { font-size: 18px; text-align: center; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 30px; height: 60px;}
.goods-swiper-container .swiper-slide .info p { font-size: 16px; text-align: center; color: #666; margin-top: 10px;}
.goods-swiper-container .swiper-slide .shadow { position: absolute; left: 0; bottom: -100%; background: rgba(0,0,0,0.5); color: #fff; width: 100%; height: 100%; text-align: center; transition: all .3s ease; -webkit-transition: all .3s ease;}
.goods-swiper-container .swiper-slide .shadow .layer{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; }
.goods-swiper-container .swiper-slide .shadow .name { font-size: 18px; line-height: 18px; padding: 0 15px;}
.goods-swiper-container .swiper-slide .shadow .more { width: 110px; height: 42px; line-height: 42px; margin: 0 auto; text-align: center; border: 1px solid #fff; font-size: 14px; margin-top: 35px;}