/*banner*/
.ind-banner{width: 100%; overflow: hidden; position: relative;} 
.ind-banner .swiper-slide {position: relative;}
.ind-banner .swiper-slide .bg img{width: 100%; transition: all 6s ease; -webkit-transition: all 6s ease;}
.ind-banner .swiper-slide-active img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .num{ position: absolute; right: 50%; margin-right: -578px; width: auto; bottom: 15px; font-size: 24px; line-height: 24px; text-align: left; z-index: 2; color: #fff; } 
.ind-banner .num span{ font-size: 14px;}
.ind-banner .swiper-button-prev{ z-index: 2; position: absolute; top: 50%; margin-top: -25px; left: 50%; margin-left: -600px; width: 50px; height: 50px; border-radius:50%; background: rgba(0,0,0,0.2); }
.ind-banner .swiper-button-next{ z-index: 2; position: absolute; top: 50%; margin-top: -25px; right: 50%; margin-right: -600px; width: 50px; height: 50px; border-radius:50%; background: rgba(0,0,0,0.2); }
.ind-banner .swiper-button-prev:before{ content:''; position:absolute; left:50%; top:50%; width:8px; height:16px; margin-left:-4px; margin-top:-8px; background: url(../images/prevon.png) center no-repeat;}
.ind-banner .swiper-button-next:before{ content:''; position:absolute; left:50%; top:50%; width:8px; height:16px; margin-left:-4px; margin-top:-8px; background: url(../images/nexton.png) center no-repeat;}
.ind-banner .swiper-button-prev:hover, .ind-banner .swiper-button-next:hover{ background:#f26600;}

/*banner结束*/

.ind-bannerTel{ width: 100%; overflow: hidden;} 
.ind-bannerTel .swiper-slide { color: #fff; } 
.ind-bannerTel .swiper-slide {position: relative;}
.ind-bannerTel .swiper-slide img{width: 100%;}
.ind-bannerTel .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-bannerTel .swiper-pagination{ position: absolute; text-align: center; left: 0; width: 100%; bottom: 0.4rem!important; } 
.ind-bannerTel .swiper-pagination-bullet {width: 12px; height: 12px; opacity: 1; background: #fff; margin-left:5px!important; margin-right: 5px;} 
.ind-bannerTel .swiper-pagination-bullet-active {background: #f26600!important; } 

.indexPart1{ padding: 60px 0; background: url(../images/indexPart1.jpg) center no-repeat; background-size: cover; }
.indexPart1 .list ul{ margin-right: -19px; }
.indexPart1 .list li{ float: left; width: 33.33%; }
.indexPart1 .list li .box{ margin-right: 19px; position: relative;}
.indexPart1 .list li .imgDiv img{ width: 100%; }
.indexPart1 .list li .con{ position: absolute; left: 0; top: 0; width: 100%; height: 107px; background: #f26600; color: #fff; }
.indexPart1 .list li .con:after{ content: ''; position: absolute; right: 28px; top: 50%; margin-top: -22px; width: 44px; height: 44px; background: url(../images/nimg44_1.png) center no-repeat; }
.indexPart1 .list li .name{ padding: 24px 28px 0; font-weight: bold; font-size: 30px; line-height: 30px; }
.indexPart1 .list li .wen{ font-size: 18px; padding: 10px 28px 0; }
.indexPart1 .list li .layer{ opacity: 0; position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); z-index: 1; text-align: center; }
.indexPart1 .list li .txt{ font-size: 16px; color: #fff; line-height: 16px; padding: 15px 0 35px;}
.indexPart1 .list li .txt em{ display: inline-block; width: 20px; height: 1px; background: #fff; margin: 0 10px; position: relative; top: -6px;}
.indexPart1 .list li .box:hover .con{ opacity: 0; }
.indexPart1 .list li .box:hover .layer{ opacity: 1; }

.indexPart1 .botDiv{ margin-top: 18px; position: relative; }
.indexPart1 .botDiv .imgDiv img{ width: 1200px; }
.indexPart1 .botDiv .layer{ position: absolute; left: 160px; top: 50%; transform: translateY(-50%); z-index: 1; }
.indexPart1 .botDiv .txt{ font-weight: bold; font-size: 30px; line-height: 30px; color: #f26600; }
.indexPart1 .botDiv .wen{ font-size: 18px; color: #fff; padding: 8px 0 15px; }
.indexPart1 .botDiv .btnDiv a{ display:block; width: 102px; height: 32px; line-height: 32px; border-radius: 6px; font-size: 14px; background: rgba(242,102,0,0.6); text-align: center; color: #fff; }
.indexPart1 .botDiv:hover .layer{ transform: translateY(-60%); }

.indexPart2{ height: 500px; overflow: hidden; }
.indexPart2 .leftDiv{ width: 50%; height: 500px; background: #f26600; position: relative;}
.indexPart2 .dataDiv{ position: absolute; left: 0; top: 0; width: 360px; height: 500px; background: url(../images/nimg360Bg.jpg) center no-repeat; background-size: cover;}
.indexPart2 .list{ padding-top: 95px; }
.indexPart2 .list li{ float: right; }
.indexPart2 .list li .box{ border-top-left-radius: 30px; -moz-border-top-left-radius: 30px; border-bottom-left-radius: 30px; -moz-border-bottom-left-radius: 30px; display: inline-block; width:300px; text-align:center; margin-bottom: 10px; height: 58px; background: rgba(255,255,255,0.7); line-height: 44px; font-size: 14px; color: #666; overflow: hidden;}
.indexPart2 .list li em{ font-size: 36px; color: #f26600; position: relative; top: 8px; }
.indexPart2 .list li span{ color: #f26600; font-size: 14px; padding-left: 5px; padding-right: 15px; position: relative; top: 2px;}
.indexPart2 .conDiv{ padding: 65px 55px 0 415px; }
.indexPart2 .conDiv .txt{ font-weight: bold; font-size: 30px; color: #fff; line-height: 30px; }
.indexPart2 .conDiv .wen{ font-size: 24px; color: rgba(255,255,255,0.5); padding-top: 5px; }
.indexPart2 .conDiv .content{ font-size: 14px; line-height: 36px; height: 180px; overflow: hidden; padding-top: 35px; color: #fff; }
.indexPart2 .conDiv .btnDiv{ padding-top: 45px; }
.indexPart2 .conDiv .btnDiv a{ display: block; width: 124px; height: 36px; line-height: 36px; border: #fff solid 1px; border-radius: 4px; text-align: center; font-size: 14px; color: #fff; }
.indexPart2 .rightDiv{ width: 50%; height: 500px; background-size: cover;}

.indexPart3{ padding: 55px 0 35px; }
.indexPart3 .titleDiv{ text-align: center; padding-bottom: 40px; }
.indexPart3 .titleDiv .title1{ font-weight: bold; font-size: 30px; color: #333; line-height: 30px; padding-bottom: 5px; }
.indexPart3 .titleDiv .title2{ font-size: 24px; line-height: 24px; color: #adadad; }
.indexPart3 .leftDiv{ width: 600px; position: relative; }
.indexPart3 .leftDiv .imgDiv{ overflow: hidden; }
.indexPart3 .leftDiv .imgDiv img{ width: 600px; }
.indexPart3 .leftDiv .botDiv{ position: absolute; left: 0; bottom: 0; width: 100%; height: 120px; z-index: 1; background: rgba(0,0,0,0.5); }
.indexPart3 .leftDiv .mxfDiv{ padding: 0 50px 0 20px; }
.indexPart3 .leftDiv .name{ font-size: 18px; line-height: 32px; height: 64px; overflow: hidden; color: #fff; padding-top: 15px; }
.indexPart3 .leftDiv .time{ color: rgba(255,255,255,0.5); font-size: 14px; }
.indexPart3 .leftDiv:hover .name{ color: #f26600; }
.indexPart3 .leftDiv:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.indexPart3 .rightDiv{ width: 552px; }
.indexPart3 .rightDiv li{ padding-bottom: 25px; }
.indexPart3 .rightDiv li a{ display: block; width: 100%; height: 100%; }
.indexPart3 .rightDiv li .name{ font-size: 18px; padding-left: 32px; height: 32px; line-height: 32px; overflow: hidden; color: #333; background: url(../images/ico2.png) left center no-repeat; }
.indexPart3 .rightDiv li .time{ font-size: 14px; color: #adadad; padding-left: 32px; }
.indexPart3 .rightDiv li .content{ padding-top: 12px; font-size: 13px; line-height: 24px; height: 48px; overflow: hidden; padding-left: 32px; color: #666; }
.indexPart3 .rightDiv li:hover .name{ color: #f26600; }

.about .txt1{ font-weight: bold; font-size: 30px; line-height: 30px; color: #333; text-align: center; }
.about .txt2{ text-align: center; font-size: 24px; color: #adadad; line-height: 24px; padding: 10px 0 30px; }
.about .content{ font-size: 14px; line-height: 36px; padding: 30px 0; }
.about .numList{ border-top: #ededed solid 1px; border-bottom: #ededed solid 1px; padding: 40px 0; }
.about .numList ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.about .numList li .num{ font-size: 18px; color: #f26600; }
.about .numList li .numUp{ font-family: din; font-size: 60px; line-height: 50px; padding-right: 5px; }
.about .numList li p{ font-size: 18px; padding-top: 5px;}
.about .imgDiv{ padding-top: 40px; }
.about .imgDiv img{ width: 1200px; }

.chairman1{ padding: 80px 0 115px; }
.chairman1 .mxfDiv{ position: relative; overflow: hidden;}
.chairman1 .mxfDiv:before{ content: ''; position: absolute; left: 0; width: 20%; bottom: 0; height: 335px; background: #f26600; z-index: -1; }
.chairman1 .leftImg{ width: 515px; }
.chairman1 .leftImg img{ width: 515px; }
.chairman1 .conDiv{ width: 625px; }
.chairman1 .name{ padding: 20px 0; font-size: 30px; color: #f26600; font-weight: bold; }
.chairman1 .wen{ font-size: 18px; color: #333; padding-bottom: 30px; border-bottom: #e6e6e6 solid 1px; }
.chairman1 .content{ font-size: 14px; line-height: 34px; padding-top: 40px; }

.chairman2{ background: #f8f8f8; padding: 75px 0 150px; }
.chairman2 .txt{ font-size: 30px; color: #333; padding-bottom: 35px; }
.chairman2 .content{ font-size: 14px; line-height: 34px; }

.culture .list{ padding: 0 50px; }
.culture .list li{ padding-bottom: 50px; overflow: hidden; }
.culture .list li .imgDiv{ width: 525px; }
.culture .list li .imgDiv img{ width: 525px; }
.culture .list li .conDiv{ width: 525px; text-align: center;}
.culture .list li .mxfDiv{ width: 525px; height: 330px; vertical-align: middle; display: table-cell; }
.culture .list li .name{ padding: 25px 0 20px; font-size: 24px; line-height: 24px; color: #333; }
.culture .list li .msg{ font-size: 18px; }

.honor{ overflow: hidden; }
.honor .leftDiv{ width: 745px; }
.honor .list ul{ margin-right: -52px; }
.honor .list li{ float: left; width: 33.33%; padding-bottom: 50px; }
.honor .list li .box{ margin-right: 52px; height: 375px; border: #ececec solid 1px; text-align: center; padding-top: 20px;}
.honor .list li .imgDiv{ width: 300px; margin: 0 auto; height: 295px; line-height: 295px; position: relative; }
.honor .list li .imgDiv img{ max-width: 300px; max-height: 295px; }
.honor .list li .name{ padding-top: 25px; height: 30px; line-height: 30px; overflow: hidden; font-size: 14px; color: #333; }
.honor .list li .box:hover{ box-shadow: 0px 3px 32px 0px rgba(0, 0, 0, 0.07);}

.honor .rightDiv{ width: 402px; height: 917px; background: url(../images/nimg402Bg.jpg) center no-repeat; position: relative;}
.honor .ha{ padding: 45px 0 0 40px; }
.honor .ha li{font-size: 14px; color: #fff; line-height: 24px; padding-left: 32px; padding-bottom: 20px; padding-right: 30px; position: relative;}
.honor .ha li em{ position: absolute; left: 0; top: 0; }
.honorImg{ position: absolute; left: 42px; bottom: 38px; z-index: 1; }

#mbOverlay { position:fixed; z-index:555; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }
#mbOverlay.mbOverlayFF { background:transparent url(80.png) repeat; }
#mbOverlay.mbOverlayIE { position:absolute; }
#mbCenter { height:557px; position:absolute; z-index:9999; left:50%; background-color:#fff;  -moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); }
#mbCenter.mbLoading { background:#fff url(../images/WhiteLoading.gif) no-repeat center; -moz-box-shadow:none; -webkit-box-shadow:none; }
#mbImage { left:0; top:0; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:40px 40px 25px; }
#mbImage a, #mbImage a:link, #mbImage a:visited { color:#ddd; }
#mbImage a:hover, #mbImage a:active { color:#fff; }
#mbBottom { min-height:20px; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; }
#mbTitle { color:#666; line-height:20px; font-size:16px; font-family:"微软雅黑"; text-align:center; padding-bottom:15px;}
#mbNumber { background:url(images/mbNumber_bg.gif) no-repeat center; display:inline; color:#C00; line-height:26px; font-size:12px; position: absolute; bottom: 10px; right: 10px; text-align: center; width:65px; height:26px; display:none;}
#mbCaption { display:block; color:#999; line-height:14px; font-size:10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }
#mbPrevLink { width:32px; height:100px; background:transparent url(../images/CustomBlackPrevious.gif) no-repeat center; position: absolute; top:38%; left:-32px; }
#mbNextLink { width:32px; height:100px; background:transparent url(../images/CustomBlackNext.gif) no-repeat center; position: absolute; top:38%; right:-32px; }
#mbCloseLink { width:24px; height:24px; background:transparent url(../images/close2.png) no-repeat center; position:absolute; top:10px; right:10px; }
#mbError { position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#d00; font-weight:bold; text-decoration:underline; }

.history{ overflow: hidden; }
.history .leftDiv{ width: 750px; height:680px; overflow:auto; }
.history .leftDiv::-webkit-scrollbar {
    width: 3px;
	background:#e0e0e0;
}
.history .leftDiv::-webkit-scrollbar-thumb{
    background-color:#f26600;

}
.history .list li{ padding-left: 238px; padding-bottom: 190px; position: relative; }
.history .list li:last-child{ padding-bottom: 0; }
.history .list li:before{ content: ''; position: absolute; left: 193px; top: 18px; width: 1px; height: 100%; background: #e0e0e0; z-index: -1; }
.history .list li:after{ content:''; position:absolute; background: url(../images/ico5.png) no-repeat; width:20px; height:20px; left:184px; top:18px;}
.history .list li:last-child:before{ display: none; }
.history .list li .year{ position: absolute; left: 0; top: 0; font-family: din; font-size: 72px; line-height: 72px; color: #f26600; }
.history .list li .content{ padding-top: 20px; }
.history .list li .content dd{ font-size: 14px; line-height: 24px; padding-bottom: 20px; }

.history .rightDiv{ width: 402px; position: relative; }
.history .rightDiv .bg img{ width: 402px; }
.history .rightDiv .layer{ position: absolute; left: 50px; top: 80px; z-index: 1; color: #fff; }
.history .rightDiv .txt{ font-size: 36px; font-family: mont; line-height: 58px; }
.history .rightDiv .wen{ padding-top: 35px; font-size: 18px; }
.history .rightDiv .wen em{ padding-right: 10px; }

.group1{ padding: 75px 0; }
.group1 .txt1{ font-size: 30px; color: #333; line-height: 30px; text-align: center; font-weight: bold; }
.group1 .txt2{ color: #adadad; font-size: 24px; padding-top: 10px; text-align: center; }
.group1 .imgDiv{ text-align: center; padding-top: 70px; }

.group2{ padding: 75px 0; background: #f8f8f8;}
.group2 .txt1{ font-size: 30px; color: #333; line-height: 30px; text-align: center; font-weight: bold;}
.group2 .txt2{ color: #adadad; font-size: 24px; padding-top: 10px; text-align: center; }
.group2 .imgDiv{ text-align: center; padding-top: 70px; }
.group2 .imgDiv img{ width: 1200px; }

.brandPart1{ padding: 80px 0 75px; }
.brandPart2{ background: #f8f8f8; }
.brandPart1 .txt1{ font-size: 30px; color: #f26600; line-height: 30px; text-align: center; font-weight: bold; }
.brandPart1 .txt2{ color: #f26600; font-size: 18px; padding: 10px 0 55px; text-align: center; }
.brandPart1 .mxfDiv{ box-shadow: 0px 3px 57px 0px rgba(0, 0, 0, 0.15); padding: 50px 0 58px; }
.brandPart1 .numList{ padding: 0 52px 35px; }
.brandPart1 .numList li{ float: left; }
.brandPart1 .numList li:nth-child(1){ width: 27%; }
.brandPart1 .numList li:nth-child(2){ width: 34%; }
.brandPart1 .numList2 li:nth-child(1){ width: 32%; }
.brandPart1 .numList2 li:nth-child(2){ width: 35%; }
.brandPart1 .numList li .lbox{ padding-left: 110px; position: relative;}
.brandPart1 .numList2 li .lbox{ padding-left: 120px;}
.brandPart1 .numList li .lbox:after{ content: ''; position: absolute; right: 0; top: 5px; width: 1px; height: 64px; background: #ededed; }
.brandPart1 .numList li:last-child .lbox:after{ display: none; }
.brandPart1 .numList li .num{ color: #f26600; font-size: 18px; }
.brandPart1 .numList li .numUp{ font-size: 60px; line-height: 50px; font-family: din; padding-right: 5px; }
.brandPart1 .numList li .num span{ position: relative; top: -35px; }
.brandPart1 .numList li p{ font-size: 18px; padding-top: 5px; }
.brandPart1 .imgDiv{ text-align: center; }
.brandPart1 .content{ font-size: 14px; line-height: 36px; padding: 50px 0 30px; }
.brandPart1 .list{ padding-bottom: 30px; }
.brandPart1 .list li{ position: relative; padding-left: 36px; line-height: 36px; font-size: 14px; }
.brandPart1 .list li img{ position: absolute; left: 0; top: 5px; }
.brandPart1 .btnDiv a{ display: block; width: 158px; height: 40px; line-height: 40px; background: #f26600; border-radius: 4px; color: #fff; font-size: 14px; text-indent: 24px; position: relative; }
.brandPart1 .btnDiv a:after{ content: '+'; position: absolute; right: 25px; top: 0; }

.oemPart1{ padding: 80px 0 75px; }
.oemPart1 .list{ padding-top: 60px; }
.oemPart1 .list ul{ margin-right: -45px; }
.oemPart1 .list li{ float: left; width: 33.33%; }
.oemPart1 .list li .box{ margin-right: 45px; }
.oemPart1 .list li .imgDiv{ position:relative;}
.oemPart1 .list li .imgDiv img{ width: 100%; }
.oemPart1 .list li .xqhc{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; text-align:center; background:rgba(0,0,0,0.5); color:#fff; font-size:16px;}
.oemPart1 .list li .xqhc em{ position:absolute; top:50%; transform:translateY(-50%); left:0; width:100%;}
.oemPart1 .list li .name{ padding: 25px 0 20px; font-size: 18px; color: #333; font-weight: bold; }
.oemPart1 .list li .msg{ font-size: 14px; line-height: 24px; }
.oemPart1 .list li .box:hover .xqhc{ opacity:1;}

.oemPart2{ padding: 80px 0 35px; background: #f8f8f8; }
.oemPart2 .list{ padding-top: 60px; }
.oemPart2 .list ul{ margin-right: -45px; }
.oemPart2 .list li{ float: left; width: 33.33%; padding-bottom: 45px; }
.oemPart2 .list li .box{ margin-right: 45px; }
.oemPart2 .list li .imgDiv{ overflow:hidden; position:relative;}
.oemPart2 .list li .imgDiv img{ width: 100%; }
.oemPart2 .list li .haDiv{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; text-align:center; background:rgba(0,0,0,0.5); color:#fff; font-size:16px;}
.oemPart2 .list li .haDiv em{ position:absolute; top:50%; transform:translateY(-50%); left:0; width:100%;}
.oemPart2 .list li .name{ font-size: 18px; color: #333; background: #fff; height: 60px; line-height: 60px; text-align: center; overflow: hidden; }
.oemPart2 .list li .box:hover .haDiv{ opacity:1;}

.oemPart3{ padding: 80px 0; overflow: hidden; }
.oemPart3 .pageTitle{ padding-bottom: 60px; }
.oemPart3 .leftDiv{ width: 380px; }
.oemPart3 .txt{ padding-top: 70px; color: #333; font-weight: bold; font-size: 18px; line-height: 18px; }
.oemPart3 .list{ padding-top: 45px; }
.oemPart3 .list li{ padding-bottom: 30px; height: 60px; padding-left: 205px; position: relative; }
.oemPart3 .list li .ico{ position: absolute; left: 0; top: 0; width: 58px; height: 58px; text-align: center; line-height: 58px; border: #e6e6e6 solid 1px; border-radius: 50%; }
.oemPart3 .list li .wen{ font-size: 14px; color: #f26600; position: absolute; left: 80px; top: 0; }
.oemPart3 .list li .wen em{ font-size: 48px; }
.oemPart3 .list li p{ font-size: 14px; line-height: 60px; }
.oemPart3 .rightImg{ width: 785px; }
.oemPart3 .rightImg img{ width: 785px; }

.oemPart4{ padding: 80px 0 55px; background: #f8f8f8; }
.oemPart4 .list{ padding-top: 60px; }
.oemPart4 .list ul{ margin-right: -30px; }
.oemPart4 .list li{ float: left; width: 20%; padding-bottom: 25px;}
.oemPart4 .list li .box{ margin-right: 30px; }
.oemPart4 .list li .name{ padding-top: 15px; height: 24px; line-height: 24px; overflow: hidden; font-size: 14px; text-align: center; }
.oemPart4 .list li .mxfDiv{ background: #fff; height: 295px; text-align: center; }
.oemPart4 .list li .imgDiv{ padding-top: 10px; }
.oemPart4 .list li .imgDiv img{ width: 196px; }

.oemPart5{ padding: 80px 0; overflow: hidden; }
.oemPart5 .txt{ text-align: center; padding: 25px 0 60px; font-size: 16px; }
.oemPart5 .leftDiv{ width: 350px; }
.oemPart5 .leftDiv li{ padding: 25px 0 20px; }
.oemPart5 .leftDiv li .wen{ font-size: 18px; color: #333; font-weight: bold; line-height: 18px; padding-bottom: 10px; }
.oemPart5 .leftDiv li .msg{ font-size: 14px; line-height: 30px; }

.oemPart6{ padding: 75px 0 35px; background: #f8f8f8; }
.oemPart6 .list{ padding-top: 65px; }
.oemPart6 .list ul{ margin-right: -45px; }
.oemPart6 .list li{ float: left; width: 33.33%; padding-bottom: 45px; }
.oemPart6 .list li .imgDiv{ margin-right: 45px; overflow:hidden; }
.oemPart6 .list li .imgDiv img{ width: 100%; }
.oemPart6 .list li .imgDiv:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.news .list li{ height: 330px; padding-bottom: 40px; }
.news .list li .mxfDiv{ height: 330px; background: #f8f8f8; }
.news .list li a{ display: block; height: 330px; position: relative; padding: 0 200px 0 480px; }
.news .list li .imgDiv{ position: absolute; left: 0; top: 0; }
.news .list li .imgDiv img{ width: 420px; }
.news .list li .timeDiv{ position: absolute; right: 50px; top: 60px; width: 74px; height: 74px; border: #7d7d7d solid 2px; text-align: right; }
.news .list li .timeDiv em{ display: block; color: #333; padding: 15px 13px 0 0; font-size: 34px; line-height: 34px; font-family: din; }
.news .list li .timeDiv span{ color: #6b6b6b; font-size: 12px; padding-right: 13px; }
.news .list li .name{ padding-top: 50px; height: 50px; line-height: 50px; position: relative; font-size: 18px; color: #333; }
.news .list li .name:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 30px; height: 2px; background: #f26600; }
.news .list li .content{ padding-top: 35px; font-size: 13px; line-height: 24px; height: 48px; overflow: hidden; color: #666; }
.news .list li .btnDiv{ margin-top: 50px; position: relative; width: 145px; height: 42px; background: #fff; line-height: 42px; text-indent: 32px; color: #f26600; font-size: 14px; text-transform: uppercase; box-shadow: 3px 4px 18px 0px rgba(4, 62, 0, 0.06); }
.news .list li .btnDiv:after{ content: ''; position: absolute; right: 30px; top: 50%; width: 26px; height: 15px; margin-top: -7px; background: url(../images/nimg26_1.png) no-repeat; }
.news .list li .mxfDiv:hover .btnDiv{ background: #f26600; color: #fff; }
.news .list li .mxfDiv:hover .btnDiv:after{ background: url(../images/nimg26_1on.png) no-repeat;}

.newShow{ padding-right: 70px; }
.newShow .name{ font-size: 30px; color: #333; font-weight: bold; padding-bottom: 25px; }
.newShow .time{ color: #c3c3c3; font-size: 12px; padding-bottom: 40px; border-bottom: #f3f3f3 solid 1px; }
.newShow .content{ font-size: 14px; line-height: 36px; padding: 40px 0; }
.newShow .imgDiv{ padding: 40px 0; text-align: center;}
.newShow .content img{ max-width: 835px; }

.pageDown li{ font-size: 16px; height: 36px; line-height: 36px; overflow: hidden; }
.pageDown li a:hover{ text-decoration: underline; }

.sideNews li{ border-bottom: #959595 solid 1px; margin-bottom: 50px; padding-bottom: 18px;}
.sideNews li .imgDiv img{ width: 238px; }
.sideNews li .name{ padding: 28px 0 10px; }
.sideNews li .name a{ display: block; font-size: 14px; line-height: 26px; color: #333; }
.sideNews li .time{ font-size: 14px; color: #a6a6a6; }
.sideNews li:hover .name a{ color: #f26600; }

.concept .leftDiv{ width: 545px; }
.concept .titleDiv{ position: relative; padding-bottom: 30px; }
.concept .titleDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 46px; height: 3px; background: #f16600; }
.concept .titleDiv .title1{ font-size: 30px; line-height: 30px; color: #333; font-weight: bold; padding-bottom: 10px; }
.concept .titleDiv .title2{ font-size: 24px; line-height: 24px; color: #adadad; }
.concept .content{ font-size: 14px; line-height: 36px; padding-top: 50px; }
.concept .rightImg{ width: 600px; }
.concept .rightImg img{ width: 600px; }

.life .bigBox{ padding-bottom: 10px; }
.life .bigBox .imgDiv img{ width: 100%; }
.life .bigBox .name{ font-size: 18px; color: #333; height: 56px; line-height: 56px; text-align: center; overflow: hidden; }
.life .list ul{ margin-right: -30px; }
.life .list li{ float: left; width: 33.33%; }
.life .list li .box{ margin-right: 30px; }
.life .list li .imgDiv img{ width: 100%; }
.life .list li .name{ font-size: 18px; color: #333; height: 56px; line-height: 56px; text-align: center; overflow: hidden;}

.job .list li{ margin-bottom: 40px; background: #f8f8f8; padding: 40px 50px 30px 325px; 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 .leftDiv{ position: absolute; left: 60px; top: 35px; width: 184px; min-height: 64px;}
.job .list li .leftDiv:after{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #dfdfdf; }
.job .list li .name{ position: relative; width: 100px; color: #333; font-size: 24px; line-height: 30px; padding-bottom: 15px;}
.job .list li .name em{ position: absolute; left: 0px; bottom: 0px; display: block; width: 19px; height: 3px; background: #333; }
.job .list li .txt{ color: #333; padding-bottom: 10px; font-size: 14px;}
.job .list li .msg{ line-height: 36px; color: #666; font-size: 14px; padding-bottom: 30px;}
.job .list li .hideBox{ display: none;  padding: 0 0 30px;}
.job .list li .ico{ display: block; position: absolute; right: 0; bottom: 0; width: 60px; height: 60px; background: url(../images/ico6.png) center no-repeat; }
.job .list li .ico a{ display: block; width: 100%; height: 100%; }
.job .list li.liNow{ box-shadow: 0px 0px 14px #ddd;}
.job .list li.liNow .ico{ background:url(../images/ico6on.png) center no-repeat;}
.job .list li .tips{ width: 490px; height: 34px; background: #f26600; color: #fff; text-align: center; line-height: 34px; font-size: 14px; }

.bigMap{ height: 700px; }

.contact .leftDiv{ width: 450px; }
.contact .name{ font-size: 24px; color: #333; line-height: 24px; font-weight: bold; padding-bottom: 10px; }
.contact .name2{ font-size: 16px; color: #adadad; }
.contact .list{ padding-top: 60px; }
.contact .list li{ position: relative; padding-left: 80px; height: 60px; padding-bottom: 60px; }
.contact .list li .ico{ position: absolute; left: 0; top: 0; }
.contact .list li p{ font-size: 14px; line-height: 14px; padding: 10px 0 4px; }
.contact .list li .tel{ font-weight: bold; font-size: 24px; color: #f16c10; line-height: 24px; }
.contact .list li .msg{ font-size: 18px; color: #333; }
.contact .rightDiv{ width: 675px; }
.contact .mapDiv{ width: 675px; height: 440px;}

.lyb .msg{ text-align: center; font-size: 18px; line-height: 48px; }
.lyb .msg b{ font-size: 24px; color: #f26600; font-weight: bold; }
.lyb .form{ padding: 50px 300px 0 335px; }
.lyb .form li{ padding: 0 25px 30px 115px; position: relative; height: 50px; }
.lyb .form .li01{ height: 245px; }
.lyb .form li .txt{ position: absolute; left: 0; top: 0; line-height: 50px; font-size: 14px; padding-left: 32px; }
.lyb .form li .txt img{ position: absolute; left: 0; top: 50%; margin-top: -10px; }
.lyb .form li .tips{ position: absolute; right: 0; top: 0; font-size: 16px; line-height: 50px; color: #f26600; }
.lyb .form li .input1{ width: 100%; height: 50px; line-height: 50px; border: #e5e5e5 solid 1px; box-sizing: border-box; font-size: 14px; text-indent:15px; }
.lyb .form li textarea{ width: 100%; height: 245px; border: #e5e5e5 solid 1px; box-sizing: border-box; font-size: 14px; line-height: 30px; }
.lyb .btnGroup{ padding-left: 453px; }
.lyb .btnGroup li{ float: left; margin-right: 28px; }
.lyb .btnGroup li a{ display: block; width: 122px; height: 42px; line-height: 42px; border: #e5e5e5 solid 1px; text-align: center; font-size: 14px; }
.lyb .btnGroup li .btn1{ background: #f26600; color: #fff; border: #f26600 solid 1px; }


.mask { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 40; background: rgba(0, 0, 0, 0.5);}
.box-container-fluid { width: 100%; margin: 0 auto;}
.pic-modal-box { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 40;}
.pic-modal-box .box {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  align-items: center;
  box-sizing:border-box;
}
.pic-modal-box .main { position: relative; background: #fff; width: 900px; margin: 0 auto; padding: 60px 128px 0;}
.pic-modal-box .name { font-size: 24px; color: #313131; line-height: 120px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pic-modal-box .close { position: absolute; right: 18px; top: 18px; z-index: 10; width: 24px; height: 26px; display: inline-block; background: url(../images/close2.png) no-repeat;background-size: contain; transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;}
.pic-modal-box .close:hover { transform: rotate(-90deg);}
.pic-modal-box .pic-box { font-size: 0;}
.pic-modal-box .pic-box img { display: block; width: 100%; max-height: 75vh;}

/**/

.tu-modal-box { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 40;}
.tu-modal-box .box {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  align-items: center;
  box-sizing:border-box;
}
.tu-modal-box .main { position: relative; background: #fff; width: 700px; margin: 0 auto; padding: 60px 128px 0;}
.tu-modal-box .name { font-size: 24px; color: #313131; line-height: 120px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tu-modal-box .close { position: absolute; right: 18px; top: 18px; z-index: 10; width: 24px; height: 26px; display: inline-block; background: url(../images/close2.png) no-repeat; background-size: contain;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;}
.tu-modal-box .close:hover { transform: rotate(-90deg);}
.tu-modal-box .pic-box { font-size: 0;}
.tu-modal-box .pic-box img { display: block; width: 320px; margin:0 auto; max-height: 70vh;}