@charset "utf-8";
/* 
    author:PengJin;
    date:2019-06-16;
*/

/*-- header --*/
.header{height:90px;background:#fff;}
.logo{float:left;padding:25px 0;width:240px;height:40px;overflow:hidden;}
.logo img{display:block;width:240px;height:40px;}
.nav{float:right;}
.nav-list li{position:relative;float:left;margin-left:40px;height:90px;line-height:90px;}
.nav-list li>a{display:block;font-size:18px;color:#1a1a1a;}
.nav-list li .dropDown{display:none;position:absolute;z-index:999;left:50%;top:100%;margin-left:-70px;width:200px;overflow:hidden;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.15);border-radius:5px;}
.nav-list li .dropDown a{display:block;padding:0 20px;height:45px;line-height:45px;font-size:14px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.nav-list li .dropDown a:before{display:inline-block;content:"·";margin-right:10px;font-weight:bold;}
.nav-list li .dropDown a:hover{background:#ffea00;}
.nav-list li:after{position:absolute;left:0;bottom:20px;display:block;width:0;height:4px;content:"";background: #ffea00;transition:all 1s;}
.nav-list li.cur:after,.nav-list li:hover:after{width:100%;}
/*-- end header --*/

/*-- inpage-banner --*/
.inpage-banner{height:484px;overflow:hidden;background-position:center;background-repeat:no-repeat;}
/*-- end inpage-banner --*/

/*-- help-menu --*/
.help-menu{padding:37px 0;background:#f4f4f4;}
.help-menu ul{width:1220px;}
.help-menu li{float:left;margin-right:18px;width:185px;height:72px;line-height:72px;text-align:center;font-size:22px;}
.help-menu li a{display:block;color:#000;background:#fff;}
.help-menu li i{position:relative;top:5px;display:inline-block;margin-right:10px;width:29px;height:29px;}
.help-menu li:hover a,.help-menu li.cur a{background:#fff000;box-shadow:0 0 10px rgba(255,240,0,0.5)}
/*-- end help-menu --*/

/*-- aboutIntro --*/
.aboutIntros{padding-bottom:80px;overflow:hidden;}
.aboutIntros .pic{float:left;width:600px;height:370px;overflow:hidden;}
.aboutIntros .pic img{display:block;width:600px;transition:all 1s;}
.aboutIntros .pic a:hover img{transform:scale(1.1);}
.aboutIntros .text{float:right;padding:38px 50px 38px 38px;width:512px;height:294px;overflow:hidden;background:#fff;}
.aboutIntros .text h2{height:45px;line-height:45px;font-size:34px;color:#000;}
.aboutIntros .text h2 a{color:#000;}
.aboutIntros .text p{margin-top:18px;height:225px;line-height:25px;font-size:14px;color:#666;overflow:hidden;}
/*-- end aboutIntro --*/

/*-- aboutIdea --*/
.aboutIdea{padding:54px 0;overflow:hidden;background:#fff;}
.idea-list{width:1220px;overflow:hidden;}
.idea-list .item{position:relative;float:left;margin-right:20px;width:285px;height:240px;overflow:hidden;}
.idea-list .icon{position:absolute;z-index:3;left:50%;top:0;margin-left:-45px;width:90px;height:90px;}
.idea-list .icon img{display:block;width:90px;height:90px;}
.idea-list .text{position:relative;top:45px;height:196px;text-align:center;color:#000;overflow:hidden;background:#f2f2f2;}
.idea-list .text h3{margin-top:70px;height:36px;line-height:36px;font-size:24px;}
.idea-list .text p{margin-top:10px;height:54px;line-height:27px;font-size:16px;color:#000;overflow:hidden;width: 220px;margin: auto;margin-top: 10px;}
.idea-list .item:hover .icon img{transform:rotateY(180deg);transition:all 1s;}
/*-- end aboutIdea --*/

/*-- aboutHistory --*/
.aboutHistory{padding:54px 0;overflow:hidden;background:#f2f2f2;}
.aboutHistory .pic{float:left;width:590px;height:363px;overflow:hidden;}
.aboutHistory .text{float:right;width:580px;height:363px;overflow:hidden;}
.aboutHistory ul{height:361px;overflow-x:hidden;overflow-y:scroll;}
.aboutHistory ul li{margin-bottom:13px;font-size:16px;color:#000;line-height:25px;overflow:hidden;}
.aboutHistory ul li span{display:block;float:left;font-size:24px;font-weight:bold;}
.aboutHistory ul li p{padding:0 20px;font-size:16px;overflow:hidden;}
/*-- end aboutHistory --*/

/*-- aboutFactory --*/
.aboutFactory{padding:48px 0;overflow:hidden;background:#fff;}
.aboutFactory .inner{height:370px;overflow:hidden;background:#f2f2f2;}
.aboutFactory .playBox{float:left;width:600px;height:370px;}
.aboutFactory .playBox video{width:600px;height:370px;}
.aboutFactory .text{float:right;padding:50px;width:500px;height:270px;overflow:hidden;background:url(../images/Inpage/water.png) no-repeat 410px 300px;}
.aboutFactory .text h3{margin-bottom:20px;font-size:24px;line-height:1.5;color:#000;}
.aboutFactory .text p{font-size:15px;line-height:35px;color:#1a1a1a;}
.factory-slide{position:relative;margin-top:12px;height:240px;}
.factory-slide .prev,.factory-slide .next{position:absolute;z-index:333;top:50%;margin-top:-25px;width:50px;height:50px;cursor:pointer;}
.factory-slide .prev{left:-80px;background:url(../images/Inpage/factory_prev.png) no-repeat;}
.factory-slide .next{right:-80px;background:url(../images/Inpage/factory_next.png) no-repeat;}
.factory-list{overflow:hidden;}
.factory-list li{float:left;margin-right:12px;width:392px;overflow:hidden;background:url(../images/Index/loading.gif) no-repeat center;}
.factory-list li a{display:block;}
.factory-list li img{display:block;width:392px;height:240px;transition:all 0.5s;}
.factory-list li a:hover img{transform:scale(1.1);}
/*-- end aboutFactory --*/

/*-- aboutPartner --*/
.aboutPartner{padding:54px 0;overflow:hidden;background:#f2f2f2;}
.partner-list{overflow:hidden;background:#f2f2f2;}
.partner-list li{float:left;margin-left:1px;margin-top:1px;width:239px;height:96px;overflow:hidden;background:#fff;}
.partner-list li img{display:block;opacity:0.8;filter:grayscale(100%);transition:all 0.5s;}
.partner-list li:hover img{opacity:1;filter:grayscale(0);}
/*-- end aboutPartner --*/

/*-- aboutExpo --*/
.aboutExpo{padding:54px 0;overflow:hidden;background:#fff;}
.expo-slide{position:relative;margin-top:12px;}
.expo-slide .prev,.expo-slide .next{position:absolute;z-index:333;top:50%;margin-top:-25px;width:50px;height:50px;cursor:pointer;}
.expo-slide .prev{left:-80px;background:url(../images/Inpage/factory_prev.png) no-repeat;}
.expo-slide .next{right:-80px;background:url(../images/Inpage/factory_next.png) no-repeat;}
.expo-list{overflow:hidden;}
.expo-list li{float:left;margin-right:12px;width:392px;overflow:hidden;background:url(../images/Index/loading.gif) no-repeat center;}
.expo-list li a{display:block;overflow:hidden;}
.expo-list li img{display:block;width:392px;height:240px;transition:all 0.5s;}
.expo-list li p{padding:0 20px;height:60px;line-height:60px;font-size:18px;color:#1a1a1a;overflow:hidden;background:#e6e6e6;text-overflow: ellipsis;white-space: nowrap;}
.expo-list li a:hover img{transform:scale(1.1);}
/*-- end aboutExpo --*/

/*-- product-info --*/
.product-info{padding:23px 0;overflow:hidden;background:#f4f4f4;}
.product-info .pic{float:left;width:600px;height:370px;overflow:hidden;}
.product-info .pic img{display:block;width:600px;height:370px;}
.product-info .text{float:right;width:550px;height:370px;overflow:hidden;}
.product-info .text h2{padding-bottom:25px;font-size:24px;color:#000;overflow:hidden;border-bottom:#d9d9d9 solid 1px;}
.product-info .text .summary{margin-top:42px;height:150px;line-height:30px;font-size:14px;color:#666;overflow:hidden;}
.product-info .text .zxBox{margin-top:66px;overflow:hidden;}
.product-info .text .zxBox dl{float:right;padding-left:58px;width:245px;height:60px;line-height:1.5;background:url(../images/Inpage/product_info_tel.png) no-repeat 0 center;}
.product-info .text .zxBox dl dt{font-size:16px;color:#000;}
.product-info .text .zxBox dl dd{font-size:26px;color:#1a1a1a;font-family: "DIN Medium";}
.product-info .text .zxBox a.zxBtn{display:block;width:196px;height:60px;line-height:60px;text-align:center;font-size:22px;color:#000;background:#fff000;border-radius:30px;}
/*-- end product-info --*/

/*-- special --*/
.special{padding:54px 0;overflow:hidden;background:#fff;}
.special-list{overflow:hidden;}
.special-list .item{float:left;width:25%;text-align:center;border-right:#e6e6e6 solid 1px;box-sizing:border-box;}
.special-list .item:last-child{border-right:none;}
.special-list .item i{display:block;margin:10px auto;width:50px;height:50px;}
.special-list .item i img{display:block;width:50px;height:50px;}
.special-list .item p{font-size:22px;color:#1a1a1a;}
/*-- end special --*/

/*-- technology --*/
.technology{padding:54px 0;overflow:hidden;background:#fff000;}
.technology .text{text-align:center;color:#1a1a1a;line-height:1.5;}
.technology .text h2{font-size:34px;}
.technology .text i.line{display:block;margin:20px auto;width:55px;height:4px;background:#000;}
.technology .text p{font-size:18px;line-height:36px;font-size:18px;}
.technology .pic{margin-top:35px;overflow:hidden;border:#e6e6e6 solid 1px;}
.technology .pic img{display:block;}
/*-- end technology --*/

/*-- proAttr --*/
.proAttr{padding:50px 0;overflow:hidden;background:#fff;}
.attr-table{overflow:hidden;}
.attr-table h3{height:70px;line-height:70px;text-align:center;font-size:24px;color:#000;border:#d9d9d9 solid 1px;border-bottom:none;}
.attr-table th,.attr-table td{text-align:center;width:150px;height:50px;color:#000;text-align:center;border:#d9d9d9 solid 1px;}
.attr-table th{font-size:18px;font-weight:bold;background:#e6e6e6;}
.attr-table td{font-size:18px;}
/*-- end proAttr --*/

/*-- proParts --*/
.proParts{padding:80px 0;overflow:hidden;background:#f8f8f8;}
.proParts .text{float:left;width:500px;animation:fadeinT 1s ease-out backwards;}
.proParts .text h3{margin-top:25px;font-size:34px;color:#000;}
.proParts .text .summary{margin:25px 0;height:152px;line-height:38px;font-size:18px;color:#000;overflow:hidden;}
.proParts .text a.zxBtn{display:block;margin-top:50px;width:200px;height:60px;line-height:60px;text-align:center;font-size:22px;color:#000;background:#fff000;border-radius:30px;}
.proParts .pic{float:right;width:602px;animation:fadeinB 1s ease-out backwards;}
.proParts .pic img{display:block;}
/*-- end proParts --*/

/*-- proCase --*/
.proCase{padding:50px 0;overflow:hidden;background:#fff;}
.proCase .list{width:1210px;overflow:hidden;}
.proCase .list li{float:left;margin-right:8px;width:294px;}
.proCase .list li .pic{display:block;width:294px;height:182px;overflow:hidden;}
.proCase .list li .pic img{display:block;width:100%;height: 183px;}
.proCase .list li .tit{display:block;padding:10px;text-align:center;font-size:14px;color:#1a1a1a;background:#fff000;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
/*-- end proCase --*/

/* --aboutus-- */
.aboutus{position:relative;overflow:hidden;background:#fff000;}
.aboutus:after{display:block;position:absolute;left:50%;top:0;width:1px;height:100%;content:"";background:#fff;}
.aboutus .intro{float:left;padding:70px 0;width:600px;height:180px;}
.aboutus .intro .tit{padding-left:70px;height:80px;line-height:80px;font-size:40px;color:#000;background:url(../images/Index/s10.png) no-repeat 0 center;}
.aboutus .intro .data{padding-top:25px;overflow:hidden;}
.aboutus .intro .data .item{float:left;padding-left:75px;width:225px;height:70px;color:#000;overflow:hidden;}
.aboutus .intro .data .item-1{background:url(../images/Index/data01.png) no-repeat 0 center;}
.aboutus .intro .data .item-2{background:url(../images/Index/data02.png) no-repeat 0 center;}
.aboutus .intro .data em{display:inline-block;vertical-align:middle;font-size:40px;}
.aboutus .intro .data span{display:inline-block;margin-left:10px;vertical-align:middle;font-size:16px;}
.aboutus .intro .data p{font-size:16px;}
.aboutus .history{float:right;padding:70px 0 70px 50px;width:550px;height:180px;overflow:hidden;}
.aboutus .history ul{height:180px;overflow-x:hidden;overflow-y:scroll;}
.aboutus .history ul li{font-size:16px;color:#000;line-height:36px;}
.aboutus .history ul li span{display:block;float: left;}
.aboutus .history ul li p{overflow:hidden;padding: 0 20px;text-overflow: ellipsis;white-space: nowrap;}
/* --end aboutus-- */

/* --ensure-- */
.ensure{position:relative;padding:70px 0;background:#f6f6f6;}
.ensure-list{overflow:hidden;}
.ensure-list .item{position:relative;float:left;width:300px;height:400px;overflow:hidden;}
.ensure-list .pic{padding:20px 0;height:360px;overflow:hidden;}
.ensure-list .pic img{display:block;width:300px;height:360px;}
.ensure-list .text{position:absolute;top:0;left:0;width:300px;height:400px;color:#fff;text-align:center;overflow:hidden;}
.ensure-list .text i{display:block;margin:92px auto 0;width:104px;height:73px;overflow:hidden;transition:all 1s;filter:contrast(0%) brightness(200%);}
.ensure-list .text i img{display:block;width:104px;height:73px;}
.ensure-list .text h3{margin:15px 0 10px;font-size:24px;font-weight:normal;}
.ensure-list .text em{display:block;font-size:14px;}
.ensure-list .text p{margin-top:20px;padding:0 20px;height:52px;line-height:26px;font-size:18px;overflow:hidden;}
.ensure-list .text .zxBtn{display:none;margin:32px auto 0;width:94px;height:38px;line-height:38px;color:#1a1a1a;border:#1a1a1a solid 1px;}
.ensure-list .text .zxBtn:hover{color:#fff;background:#1a1a1a;}
.ensure-list .item:hover .text{color:#1a1a1a;background:#fff000;}
.ensure-list .item:hover .text i{margin-top:54px;filter:none;}
.ensure-list .item:hover .text .zxBtn{display:block;}
.ensure .bulges{position:absolute;z-index:333;left:2%;bottom:-65px;width:235px;height:235px;background:url(../images/Index/bulges.png) no-repeat;}
@media screen and (max-width:1600px){
.ensure .bulges{display:none;}
}
/* --end ensure-- */

.proForm{padding:50px 0;overflow:hidden;background:#fff;}

/*-- news --*/
.news-wrap{padding:60px 0;overflow:hidden;}
.news-wrap.bg-white{background:#fff;}
.news-list{overflow:hidden;}
.news-list .item{float:left;margin:10px;width:380px;background:#fff;}
.news-list .pic{padding:10px 10px 0;height:200px;overflow:hidden;}
.news-list .pic img{display:block;width:100%;transition:all 1s;}
.news-list .text{padding:20px;text-align:center;overflow:hidden;}
.news-list .text h3{height:30px;line-height:30px;font-size:16px;font-weight:normal;overflow:hidden;}
.news-list .text h3 a{color:#333;}
.news-list .text em{display:block;height:25px;line-height:25px;font-size:14px;color:#666;}
.news-list .text p{height:75px;line-height:25px;font-size:14px;color:#666;overflow:hidden;}
.news-list .text a.read{display:block;margin:20px auto 0;width:140px;height:40px;line-height:40px;border:#ddd solid 1px;border-radius:22px;}
.news-list .item:hover .pic img{transform:scale(1.1);}
.news-list .item:hover .text h3 a{color:#1a1a1a;}
.news-list .item:hover .text a.read{color:#fff;background:#1a1a1a;border-color:#1a1a1a;}
.news-list02{width:1224px;}
.news-list02 .item{float:left;margin-right:24px;margin-bottom:24px;width:588px;height:208px;background:#f7f7f7;}
.news-list02 .pic{float:left;width:278px;height:208px;overflow:hidden;}
.news-list02 .pic img{display:block;height:208px;transition:all ease-in-out 1s;}
.news-list02 .text{float:right;padding:25px;width:258px;height:156px;overflow:hidden;border:#eee solid 1px;}
.news-list02 .text h3{height:32px;line-height:32px;font-size:18px;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-list02 .text h3 a{color:#333;}
.news-list02 .text em{display:block;height:25px;line-height:25px;font-size:14px;color:#666;}
.news-list02 .text p{height:66px;line-height:22px;font-size:13px;color:#666;overflow:hidden;}
.news-list02 .text .read{display:block;margin-top:10px;height:30px;line-height:30px;font-size:13px;color:#999;}
.news-list02 .item:hover h3 a{color:#1a1a1a;}
.news-list02 .item:hover .pic img{transform:scale(1.1);}
.news-list02 .item:hover .read{color:#1a1a1a;}
.news-list02 .item:hover{box-shadow:0 0 20px #ccc;}
/*-- end news --*/

/*品牌新闻 */
.Dynamic{/* padding: 55px 0; */overflow: hidden;background-color: #f4f4f4;}

.Dynamic-Con{margin-top: 40px;position: relative;}

.Dynamic-Text .item{overflow: hidden;}
.Dynamic-Text .item .pic{float: left;width: 44%;height: 328px;overflow: hidden;animation: fadeinL 1s ease-out backwards;}
.Dynamic-Text .item .pic img{width: 100%;height: 328px;display: block;transition: .8s all;}
.Dynamic-Text .item:hover .pic img{transform: scale(1.1);}
.Dynamic-Text .item .text{float: right;background-color: #fff;padding: 40px;width: 56%;box-sizing: border-box;/* height: 444px; */animation: fadeinR 1s ease-out backwards;}
.Dynamic-Text .item .text h3{font-weight: normal;font-size: 26px;}
.Dynamic-Text .item .text h3 a{color: #333;display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.Dynamic-Text .item .text em{display: block;font-size: 16px;color: #999;margin-top: 15px;padding-left: 2px;}
.Dynamic-Text .item .text p{font-size: 14px;color: #666;line-height: 25px;margin-top: 30px;border-top: 1px #ddd dotted;padding-top: 30px;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;}
.Dynamic-Text .item .text a.More{width: 120px;height: 40px;line-height: 40px;text-align: center;display: block;background-color:#fff000;color:#1a1a1a;font-size: 16px;margin-top: 26px;}
.Dynamic-Text .item:hover .text h3 a{color: #1a1a1a;}

.Dynamic-Box{position: absolute;right: 40px;bottom: 40px;}
.Dynamic-Box ul li{width: 9px;height: 9px;display: inline-block;*display: inline;*zoom: 1;background-color: #999;border-radius: 50%;cursor: pointer;margin: 0 5px;text-indent: 99px;overflow: hidden;}
.Dynamic-Box ul li.cur{background-color: #fff000;}
/* 品牌新闻 End */

/* 合作留言 */
.tsjy{margin-bottom:50px;padding: 4px 0;overflow: hidden;background-color: #f4f4f4;}
.tsjy .tsjy-forme{background: url(../images/Inpage/tsjy_bg.jpg) no-repeat center center;height: 646px;padding: 70px;box-sizing: border-box;}
.tsjy .tsjy-forme h3{font-size: 30px;color: #333;}
.tsjy .tsjy-forme h3 em{display: block;font-size: 18px;color: #666;margin-top: 5px;}

.tsjy-forme form{width: 500px;margin-top: 40px;}
.tsjy-forme form ul li{position: relative;width: 100%;}
.tsjy-forme form ul li input{width: 83%;height: 55px;line-height: 55px;padding: 0 10px 0 70px;border: none;outline: none;font-size: 16px;color: #333;border-radius: 3px;border: 1px #dedede solid;margin-bottom: 20px;}
.tsjy-forme form ul li i{height: 56px;width: 1px;background-color: #dedede;display: block;position: absolute;left: 55px;top: 0;}
.tsjy-forme form ul li .input-name02{background: #fff url(../images/Inpage/MessageIcon03.png) no-repeat 18px center;}
.tsjy-forme form ul li .input-name03{background: #fff url(../images/Inpage/MessageIcon04.png) no-repeat 18px center;}
.tsjy-forme form ul li.li05 textarea{background: #fff url(../images/Inpage/MessageIcon05.png) no-repeat 18px 20px;margin-bottom: 20px;height: 110px;width: 405px;border: none;color: #333;resize: none;padding: 20px 20px 20px 70px;overflow: hidden;border-radius: 3px;border: 1px #dedede solid;font-size: 16px;}
.tsjy-forme form ul li.li05 i{height: 152px;}
.tsjy-forme form ul li.li04 a{width: 100%;height: 55px;line-height: 55px;text-align: center;background-color:#fff000;font-size: 16px;display: block;color: #1a1a1a;}
/* 合作留言 End */


/*--生产基地 --*/
.picture-wrap{padding:12px 0;overflow:hidden;}
.picture-list{width:1230px;}
.picture-list .item{float:left;margin-right:30px;margin-bottom:30px;width:380px;text-align:center;overflow:hidden;background:#fff;box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.picture-list .pic{width:380px;overflow:hidden;} 
.picture-list .pic img{display:block;width:100%;transition:all ease-in-out 1s;}
.picture-list .tit{margin:10px;line-height:25px;color:#333;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.picture-list .item:hover{background:#fff000;;}
.picture-list .item:hover .pic img{transform:scale(1.1);}
.picture-list .item:hover .tit{color:#1a1a1a;}
/*-- end 生产基地 --*/

/*--videos--*/
.videos{padding:60px 0;overflow:hidden;}
.videos-tab{overflow:hidden;}
.videos-menu{margin-bottom:40px;text-align:center;}
.videos-menu li{display:inline-block;*display:inline;*zoom:1;margin:0 4px;width:150px;height:50px;line-height:50px;font-size:18px;color:#333;text-align:center;background-color:#fff;border:solid 1px #e5e5e5;border-radius:30px;}
.videos-menu li a{display:block;color:#333;text-decoration:none;}
.videos-menu li.cur a{background-color:#fff000;border-color:#1a1a1a;color:#1a1a1a;border-radius:30px}
.videos-menu li:hover a{background-color:#fff000;border-color:#1a1a1a;color:#1a1a1a;border-radius:30px}
.videos-main{overflow:hidden;}
.videos-main .item{position:relative;height:768px;overflow:hidden;}
.videos-main .item iframe,.videos-main .item video{display:block;width:1200px;height:768px;}
/*--end videos--*/