@charset "utf-8";
/* CSS Document */
.banner{ height: 413px; position: relative;}
.nynavbg{ height:140px; background: url(../images/nynav.jpg) no-repeat;}
.nynavbg .title{ float:left; text-align: left; font-size: 30px; color: #fff; padding-top: 35px;}
.nynavbg .title .en{ font-size: 39px; color: #b95f62; height: 65px; line-height: 65px; text-transform: uppercase;}
.nynavbg .right{ float:right; padding-top: 18px;}
.nynavbg .dh{ font-size: 12px; color: #fff; text-align: right; margin-right: 15px; padding-bottom: 36px;}
.nynavbg .dh a{ font-size: 12px; color: #fff;}
.nynavbg .menu_ul li{ display: table; min-width: 110px; height: 31px; line-height: 17px; float: left; margin-right: 15px; position: relative; z-index: 999;}
.nynavbg .menu_ul li a{ display:table-cell; padding: 0 5px; width: 100%; height: 100%; color: #333; background: #fff; text-align: center; text-decoration: none; vertical-align: middle; border-radius: 5px; transition: all 0.3s ease 0s;}
.nynavbg .menu_ul li:hover a,.nynavbg .menu_ul li.active a{ color: #aa161c;}

/*关于我们*/
.abcon1{ background:url(../images/aboutbg1.jpg) center top no-repeat #1d1c1a; padding-top: 80px; min-height: 1047px;}
.abbanner{ height: 709px; position: relative; color: #fff;}
.abbanner .btn{ display: inline-block; width: 74px; height: 99px; background: url(../images/indexicon.png) -120px -375px no-repeat; position: absolute; bottom: 0; left: 50%; margin-left: -37px; cursor: pointer}
.abbanner .name{ font-size: 48px; letter-spacing: 3px; line-height: 70px; padding-top: 190px;}
.abbanner .name span{ color: #fff; font-size: 68px; font-family:Times New Roman; text-transform: uppercase; display: inline-block;}
.abbanner .text{ font-size: 20px; line-height: 34px; padding-top: 30px;}
.abcon1 .abtxt{ color: #fff; font-size: 20px; line-height: 34px; padding-top: 300px; padding-bottom: 55px;}
.abcon2{ background:url(../images/aboutbg2.jpg) center top no-repeat #fff;padding-bottom:65px;}
.module1{ padding-top:107px;}
.module2{ padding-top:12px;}
.module3{ padding-top:80px;}
.module .floatL{ width: 520px; text-align: right}
.module .floatR{ width: 520px; text-align: left}
.module .text{ font-size:18px; text-align: left; line-height: 37px; padding-top: 6px;}
.module1
/*联系我们*/
.ct1{ background: #fff; height: 642px; position: relative;}
.ct1 .leftcon{ text-align:left; font-size: 18px; line-height: 30px; padding-top: 114px; }
.ct1 .leftcon .p1,.ct1 .leftcon .p2{ padding: 36px 0}
.ct1 .leftcon .line{ border-bottom: 1px dashed #999; width: 365px;}
.ct1 .leftcon .name{ font-size: 24px; margin-bottom: 18px;}
.ct1 .rightmap{ position: absolute; right: 0; top: 0; height: 642px; width: 50%; background: #000; }
.ct2{ background: url(../images/ct2bg.jpg) no-repeat; height: 719px; position: relative;}
.ct2 .ltxt{ text-align: left; color: #fff; font-size: 20px; line-height: 35px; float:left; padding-top: 285px; }
.ct2 .feedback{ width:60%; position: absolute; right: 0; text-align: left; padding-top:110px; }
.ct2 .feedback .title{ font-size: 28px; color: #fff; font-weight: normal;}
.ct2 .feedback .title .en{ font-size: 20px; color: #fff; text-transform: uppercase; margin-left: 10px;}
.ct2 .feedback .con{ height: 428px; background: url(../images/ctbg.png); margin-top: 35px;}
.ct2 .feedback .con form{ padding-left: 38px; padding-top: 36px;}
.feedback .fbtab td{ color: #fff; text-align: left; padding: 13px 0}
.feedback .fbtab .fbinp{ height: 34px; line-height: 34px; padding: 0 5px; background: rgb(255, 255, 255, 0.7); border: 0; }
.feedback .fbtab .fbbtn{ background: #c63636; color: #fff; width: 90px; height: 30px; line-height: 30px; border: 0;}

/*新闻中心*/
.news{ padding-top: 32px;}
.newslist{ width:1200px; margin: 0 auto; padding: 32px 30px; border:1px solid #fff; border-bottom:1px dashed #ccc}
.newslist:hover{ border:1px solid #c63636}
.newslist .date{ float:left; width: 150px; height: 150px; background: #ebebeb; color: #666; font-size: 20px; line-height: 36px;}
.newslist .date span{ color: #666; font-size: 62px; display: block; line-height: 60px; padding-top: 26px;}
.newslist .con{ width:840px; float:left; text-align: left; padding-left: 68px; padding-top: 30px;}
.newslist .con h3{ font-size: 20px; font-weight: normal; margin-bottom: 13px;}
.newslist .con p{ color: #999; line-height: 26px; height: 60px; overflow: hidden;}
.newslist .more{ float:right; margin-right: 22px; width: 37px; height: 37px;  background: url(../images/more.png) left top no-repeat; margin-top: 56.5px;}
.newslist .more:hover{ background-position: left bottom}
.pages{ width: 1200px; margin: 0 auto; text-align: center; padding-top: 52px; padding-bottom: 108px;}
.pages a,.pages span,.pages .current{ display: inline-block; text-align: center; width: 44px; height: 44px; line-height: 44px; color: #1a1d22; border: 1px solid #ccc; border-radius: 5px; margin: 0 2px;}
.pages span.pageson,.pages a:hover{ background: #c63636; color: #fff; border: 1px solid #c63636;}
.newsinfo { padding-top: 68px; }
.newsinfo .title{ font-size: 28px; font-weight: normal; padding-bottom: 24px;}
.newsinfo .date span{ font-size: 14px; color: #999; margin: 0 17px;}
.newsinfo .content{ padding-top: 42px; padding-bottom: 150px;}
.newsinfo .content,.newsinfo .content p{ text-align: left; font-size: 16px;}
.newsinfo .wzfoot{ text-align: left; padding-top: 34px; padding-bottom: 62px; border-top: 1px dashed #ccc}
.newsinfo .wzfoot a{ color: #999;}
.newsinfo .wzfoot a:hover{ color:#333; }
.newsinfo .wzfoot a.nextone{ float:right;}

/*产品中心*/
.product{ padding-top:35px;}
.proul{ padding-top:20px; margin: 0 -30px;}
.proul li{ float:left; padding: 19px; border: 1px solid #cfcfcf; width:320px; margin: 30px;}
.proul li .proimg{ width:320px; /*height: 320px;*/}
.proul li .proimg img{ max-width:100%; max-height: 100%;}
.proul li p{ line-height: 40px; font-size: 20px; margin-top: 20px; color: #666}
.proul li:hover{ border: 1px solid #c63636;}
.proxq1,.proxq2,.proxq3{ padding-bottom:85px;}
.proxq1{ padding-top:85px;}
.proxq1 .bigimg{ float:left; width: 560px; height: 560px }
.proxq1 .bigimg img{ max-width:100%; max-height: 100%; }
.proxq1 .desc{ float:right; width: 560px; text-align: left;}
.proxq1 .desc .name{ font-size: 30px; border-bottom: 1px solid #ccc; /*height: 54px;*/ line-height: 45px; padding: 15px 0;}
.proxq1 .desc .parameter li{ font-size:18px; padding: 10px 0; line-height: 34px;}
.proxq1 .desc .call{ font-size:18px; padding-top: 50px;}
.proxq1 .desc .call a{ color: #c63636; font-size: 26px; font-weight: bold;}
.proxq2 .head,.proxq3 .head{ height: 43px; line-height: 43px; color: #fff; background: #c63636; font-size:18px; text-align: left; padding-left: 30px;}
.proxq2 p{line-height: 35px; text-align: left;}

/*人才招聘*/
.hrul{ padding:50px 0;}
.hrul li{ border-top: 1px dashed #ccc; padding: 30px 0}
.hrul li:first-child{ border-top:0; }
.hrul li .lcon{ float:left; width: 850px; text-align: left;}
.hrul li .lcon .p1{ font-size: 20px; line-height: 30px; }
.hrul li .lcon .p1 .money{ color: #c63636;font-size: 20px; }
.hrul li .lcon .p2{ padding:12px 0; color: #666;}
.hrul li .lcon .p3{ color:#666; font-size:12px;}
.hrul li .rbtn{ float:right; width: 90px; height: 30px; line-height: 30px; color: #fff; background: #c63636; display: block}
.hrul li .rbtn:hover{ background: url(../images/indexicon.png) -307px 0 no-repeat #c63636; width: 76px; padding-left: 14px; text-align: left;}
.hrcon2{ height: 792px; background: url(../images/hrbg.jpg) no-repeat;}
.hrcon2 .title{ font-size:30px; color: #fff; font-weight:normal; padding-top: 75px; }
.hrcon2 .title .en{ color: #c63636; font-size: 30px; text-transform: uppercase; margin-bottom: 24px; display: inline-block }
.conceptList{ width:1350px; margin: 86px auto 0 auto; }
.conceptList li{ float:left; width: 290px; margin: 0 80px; color: #fff; font-size: 18px; background:url(../images/hr2bg.png); height: 420px;}
.conceptList li .tb{ width: 68px; height: 60px; background: url(../images/hricon.png) left top no-repeat; display: inline-block;margin-top:67px;}
.conceptList li.c2 .tb{ background-position: left -60px;}
.conceptList li.c3 .tb{ background-position: left bottom;}
.conceptList li .tit{ color: #fcc77b; font-size: 28px; font-weight: bold; line-height: 34px; margin: 24px 0}
.conceptList li .text{ line-height: 30px;}

/*生产工艺*/
.process1 .title{ font-size: 30px; color: #000; font-weight:normal; padding-top: 75px;}
.eqnav{ padding: 18px 0}
.eqnav a{ display: inline-block; height: 30px; line-height: 30px; border-bottom: 2px solid #fff; margin: 0 13px;}
.eqnav a:hover,.eqnav a.active{ border-bottom: 2px solid #cc191f;}
.eqinfo{ position: relative; height: 420px; padding-bottom: 95px;}
.eqinfo .eqleft,.eqinfo .eqright{ position: absolute; top: 75px; display: inline-block; width: 82px; height: 230px; background: url(../images/indexicon.png) no-repeat; cursor: pointer}
.eqinfo .eqleft{ left: 15px; background-position: -175px -140px;}
.eqinfo .eqright{ right:15px; background-position: -293px -140px;}
.eqwarp{ width:942px; height: 420px; margin: 0 auto; position: relative; overflow: hidden}
.eqcon,.eqcon ul{ position: absolute; left: 0; top: 0;}
.eqcon ul li{ float:left; width: 300px; padding: 7px;}
.eqcon ul li .eqname{ font-size: 20px; color: #666; margin: 22px 0}
.eqcon ul li .eqimg{ position: relative; height: 360px; width: 300px; overflow: hidden; }
.eqcon ul li .eqimg img{ height: 100%; width: auto;}
.eqcon ul li .eqimg:before{ content: ""; width: 100%; height: 0; background: #000; position: absolute; top: 50%; left: 0; opacity: 0; transition: all 300ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;}
.eqcon ul li .eqimg:hover:before{ height: 100%; top: 0; opacity: 0.5; }
.eqcon ul li .eqimg .check{ position: absolute; width: 75px; height: 46px; left:50%; top:50%; margin-left: -37.5px; margin-top: -23px;  display: inline-block; background: url(../images/indexicon.png) left -378px; opacity: 0; transition: all 0.5s ease 0s;}
.eqcon ul li .eqimg:hover .check{ opacity: 1; transition-delay: 0.3s; -moz-transition-delay: 0.3s; -webkit-transition-delay: 0.3s;  -o-transition-delay: 0.3s; } 

.process2{ height:430px; background: url(../images/processbg.jpg) no-repeat;}
.process2 .title{ font-size:30px; color: #fff; font-weight:normal; padding-top: 75px; }
.process2 .title .en{ color: #c63636; font-size: 30px; text-transform: uppercase; margin-bottom: 24px; display: inline-block }
.process2 .content{ background: url(../images/processbg2.png) no-repeat; height: 157px; position: relative; margin-top: 35px; }
.process2 .content .num{ color:#fff; font-size: 20px; text-align: center; position: absolute; top: 0;}
.process2 .content .icon{ width: 56px; height: 73px; line-height: 73px;  background: url(../images/processicon.png) no-repeat; display:inline-block; color: #fff; font-size: 20px; margin-bottom: 23px;}
.process2 .content .num1{ left:60px; top: 68px;}
.process2 .content .num2{ left:287px;}
.process2 .content .num3{ left:563px; top: 78px;}
.process2 .content .num4{ left:812px;}
.process2 .content .num5{ left:auto; right:55px; top: 70px;}
.process3{ position:relative; padding-bottom: 100px;}
.process3 .list{ width: 50%; float:left; height: 450px;}
.process3 .details{ width: 440px; padding-right: 20px; text-align: right; padding-top: 78px;}
.process3 .list .name{ width: 156px; height: 40px; line-height: 40px; color: #fff; font-size: 20px; background: #5b5b5b; display: inline-block; text-align: center; margin: 20px 0 }
.process3 .list .text{ line-height:26px;}
.process3 .list3 .details{ padding-left: 20px; text-align: left; padding-top: 40px;}
.process3 .list6 .details{ padding-top: 88px;}
.process3 .list5,.process3 .list6,.process3 .list7,.process3 .list8,.process3 .list9,.process3 .list10{ padding-bottom: 60px;}
.process3 .redbox1,.process3 .redbox2{ position:absolute; width: 210px; height: 210px; background: url(../images/processicon1.png) center top no-repeat;}
.process3 .redbox1{top:345px; left: 50%; margin-left: -105px;}
.process3 .redbox2{top:795px; left: 50%; background-position: center bottom;}